@charset "utf-8";
/*
Theme Name: 【055】FP・行政書士事務所
Theme URI: http://wordpress.org/
Description: 【055】FP・行政書士事務所
Author: sungrove
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: FP
*/

:root {
	color:#555555;
}
input::-webkit-input-placeholder,
input::-moz-placeholder,
input::-ms-input-placeholder {
	color: #aaa;
}
input:-ms-input-placeholder {
	color: #aaa;
}
* {
	margin:0;
	padding: 0;
	outline:none;
	-webkit-tap-highlight-color: rgba(255,255,255,0.5);
}
html,body{
    width: 100%;
    overflow-x:hidden;
}
body {
	font-family: 'メイリオ', 'Meiryo','游ゴシック体', 'Yu Gothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',  'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
	line-height: 200%;
}
.min {
	font-family:"Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.got {
	font-family: 'メイリオ', 'Meiryo','游ゴシック体', 'Yu Gothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
}
.gf {
	letter-spacing:0.1em;
	font-family: 'Roboto Condensed','メイリオ', 'Meiryo', '游ゴシック体', 'Yu Gothic', '游ゴシック体', 'Yu Gothic', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro',  'Osaka', 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
}
/*****************************************************************************
common
*****************************************************************************/
.none {
	display:none;
}
a {
	text-decoration: none;
	color:inherit;
	cursor:pointer;
}
li {
	list-style: none;
}
h1,h2,h3,h4,h5 {
	position:relative;
	text-align:center;
	font-weight:normal;
	line-height:150%;
	font-family:"Times Roman", "Times New Roman","游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN", serif;
	margin:0;
	letter-spacing:0.1em;
}
nav {
	color:#442429;
}
hr {
	border:none;
	border-top:1px solid #dedede;
}
address {
	font-size:12px;
	font-size:1.2rem;
	color:#9a9a9a;
	font-style:normal;
	line-height:160%;
}
address div {
	margin-top:1em;
	color:#383838;
	line-height:100%;
}
.stress {
	color:#442429;
}
.shadow{
	box-shadow:0px 1px 1px 1px rgba(30,30,30,0.2);
}
.white {
	color:#ffffff;
}
.grd {
}
.col {
	width:100%;
	height:auto;
}
.bold {
	font-weight: bold;
}
.tc {
	text-align:center;
}
.tl {
	text-align:left;
}
.tr {
	text-align:right;
}
.ib {
	display:inline-block;
}
.f_cc {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
	text-align:center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.none {
	display:none;
}
.f_box {
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display:flex;
}
.d-border {
	border-bottom:3px double #c9c9c9;
}
.lh100 {
	line-height:100%;
}
.mr1 {
	margin-right:1em;
}
.mr2 {
	margin-right:2em;
}
.mb1 {
	margin-bottom:1em;
}
.mb2 {
	margin-bottom:2em;
}
.mt1 {
	margin-top:1em;
}
.ma {
	margin-left:auto;
	margin-right:auto;
}
span.tri {
	display:block;
	-webkit-transform:scale(0.6) rotate(90deg);
			transform:scale(0.6) rotate(90deg);
}
/************************************************************************************
	Social Icon
************************************************************************************/

/*****************************************************************************
button gimic
*****************************************************************************/
.btn.main {
	position:relative;
	display:block;
	font-size:14px;
	font-size:1.4rem;
	padding:0.7em 0;
	width:210px;
	background:#b9a999;
	color:#ffffff;
	border-radius:5px;
	text-align:center;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-ms-transition:all 0.1s ease-in-out;
			transition:all 0.1s ease-in-out;
}
.btn.main.w {
	border:1px solid #ffffff;
}
.btn.main:after {
	position:absolute;
	top:0;
	right:0.5em;
	width:1em;
	height:100%;
	line-height:300%;
	color:#ea688f;
}
.btn.main.w:after {
	color:#ffffff;
}
.btn.main:hover, a.btn.main.opp:hover {
	opacity:0.6;
}
.btn.main:hover:after, a.btn.main.opp:hover:after {
	color:#ffffff;
}

.btn.contact {
	font-weight:bold;
	height:40px;
	background:#7ff97f;
	color:#ffffff;
	border-radius:2em;
	text-align:center;
	margin-bottom:1em;
}
.btn.contact.tel {
	font-size:20px;
	font-size:2.0rem;
}
.btn.main.contact:after {
	color:#ffffff;
}
.btn.main.contact:hover {
	opacity:0.7;
}
.btn.main.opp img {
	transform:scaleX(-1);
}
.btn.main.blog {
	width:150px;
}
.btn.main.form {
	margin:0 0.2em;
}

.toTop {
	position:fixed;
	width:60px;
	height:60px;
	z-index:99;
	display:none;
	border-radius:30px;
	color:#ffffff;
	text-align:center;
	font-size:30px;
	font-size:3.0rem;
	line-height:60px;
}
.toTop span {
	display:block;
	line-height:200%;
	-webkit-transform:rotate(-90deg) scaleX(0.5);
	transform:rotate(-90deg) scaleX(0.5);
	margin-right:3px;
}

.toTop {
	right:1em;
	bottom:1em;
}
/*****************************************************************************
	logo
*****************************************************************************/




/*****************************************************************************
	Header
*****************************************************************************/
header h1 {
	line-height:100%;
}
header .logo img {
	max-width: 327px;
}
@media screen and (max-width: 767px) {
	header .logo img {
		max-width: 220px;
	}
}
@media screen and (max-width: 320px) {
	header .logo img {
		max-width: 180px;
	}	
}


/*****************************************************************************
	Key Visual
*****************************************************************************/
#kv {
	position:relative;
}

.kv img{
	width:100%;
	max-height:200px;
}
#kv > h2 {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#kv > h2 > div {
	text-align:left;
	margin:0 auto;
	letter-spacing:0.2em;
	font-weight:bold;
	z-index:10;
}
#kv picture div{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	color:#ffffff;
	font-size:16px;
	font-size:1.6rem;
}
#kv picture div span {
	font-size:0.8em;
}

/*****************************************************************************
	Map
*****************************************************************************/
.gmap {
	position:relative;
	width: 100%;
	height: 330px;
}
.gmap.index {
}
.gmap+a {
	position:absolute;
	display:block;
	width:152px;
	height:32px;
	right:2em;
	bottom:1em;
	text-align:right;
	z-index:10;
}

/*****************************************************************************
	navi-image
*****************************************************************************/
.navi {
	margin:0 auto;
	width:30px;
	height:30px;
/* 	background:url(./img/common/navi.png) left top no-repeat; */
/* 	background-size:300px 60px; */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 32px;
	position:relative;
	z-index:1;
}

h2 .navi {
	width:40px;
	height:40px;
/* 	background:url(./img/common/navi.png) left top no-repeat; */
/* 	background-size:400px 80px; */
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 38px;
}

.navi.home {
/* 	background-position:0px 0px; */
	background-image: url('./img/common/home_b.png');
}
a:hover .navi.home, a.active .navi.home {
/* 	background-position:0px 100%; */
	background-image: url('./img/common/home_a.png');
}

.navi.about {
/* 	background-position:11% 0px; */
	background-image: url('./img/common/about_b.png');
}
a:hover .navi.about, a.active .navi.about {
/* 	background-position:11% 100%; */
	background-image: url('./img/common/about_a.png');
}

.navi.menu {
/* 	background-position:22.3% 0px; */
	background-image: url('./img/common/menu_b.png');
}
a:hover .navi.menu, a.active .navi.menu {
/* 	background-position:22.3% 100%; */
	background-image: url('./img/common/menu_a.png');
}

.navi.blog {
/* 	background-position:45% 0px; */
	background-image: url('./img/common/blog_b.png');
}
a:hover .navi.blog, a.active .navi.blog {
/* 	background-position:45% 100%; */
	background-image: url('./img/common/blog_a.png');
}

.navi.access {
/* 	background-position:33% 0px; */
	background-image: url('./img/common/access_b.png');
}
a:hover .navi.access, a.active .navi.access {
/* 	background-position:33% 100%; */
	background-image: url('./img/common/access_a.png');
}
.navi.access.index {
	background:none;
}

.navi.faq {
/* 	background-position:55% 0px; */
	background-image: url('./img/common/faq_b.png');
}
a:hover .navi.faq, a.active .navi.faq {
/* 	background-position:55% 100%; */
	background-image: url('./img/common/faq_a.png');
}

.navi.contact {
/* 	background-position:66% 0px; */
	background-image: url('./img/common/contact_b.png');
}
a:hover .navi.contact, a.active .navi.contact {
/* 	background-position:66% 100%; */
	background-image: url('./img/common/contact_a.png');
}
.navi.contact.index {
	background:none;
}

/*****************************************************************************
	ul / dl
*****************************************************************************/
ul.menu li{
	padding:1em;
}
ul.menu li > p {
	margin-right:0.3em;
}
ul.menu li:not(:last-child) {

	border-bottom:1px solid #c9c9c9;
}

dl.access dt, dl.access dd {
	padding:0.5em 1em;
}
dl.access dt {
	width:20%;
	max-width:90px;
	border-bottom:1px solid #c9c9c9;
	font-weight:bold;
}
dl.access dd {
	width:80%;
	border-bottom:1px solid #c9c9c9;
}
dl.access dt:nth-child(1), dl.access dd:nth-child(2) {
}

@media screen and (max-width:767px) {
	dl.access dt, dl.access dd {
		width:100%;
		max-width:initial;
	}
	dl.access dt {
		border-bottom:none;
		padding-bottom:0;
	}
	dl.access dd {
		padding-top:0;
	}
}
/*****************************************************************************
	figure
*****************************************************************************/
figure.about {
	height:190px;
}
figure.menu {
	height:240px;
}
figure.about.mIntro {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
figure.about.mIntro.first {
	background-image: url("./img/menu/case_01.jpg");
}
figure.about.mIntro.second {
	background-image: url("./img/menu/case_02.jpg");
}
figure.about.mIntro.third {
	background-image: url("./img/menu/case_03.jpg");
}
figure.about.mIntro.fourth {
	background-image: url("./img/menu/case_04.jpg");
}
figure.about.mIntro.fifth {
	background-image: url("./img/menu/case_05.jpg");
}
figure.about.mIntro.sixth {
	background-image: url("./img/menu/case_06.jpg");
}
figure.menu.menuThumnail {
	background: url("./img/menu/menu_03.jpg") center center no-repeat;
	background-size: cover;
}
figure.menu.accessThumnail {
	background: url("./img/access/access_01.jpg") center center no-repeat;
	background-size: cover;
}
figure.staff {
	overflow:hidden;
}

/** fill gray **/

figure {
	position:relative;
}

section#kv:after, figure:after {
	/* content:""; */
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#9a9a9a;
	z-index:3;
}
@media screen and (max-width:767px) {
	figure.staff {
		margin-bottom:1.5em;
	}
}
figure.iFirst {
	background: url("./img/index/04.jpg") center center no-repeat;
	background-size: cover;
}
/*****************************************************************************
	circle in image
*****************************************************************************/
figure.circle {
	border-radius:100%;
	border:1px solid #d1cfcc;
	overflow:hidden;
	position relative;
	padding:0.3em;
}
figure.circle.nb {
	border:none;
}
figure.circle img {
	border-radius:100%;
}
img.icon {
	padding-right:0.5em;
}
figure.post {
	height:180px;
}

/*****************************************************************************
	background
*****************************************************************************/
body {
	background:url(./img/common/bg_a.jpg) center center / contain;
}
.bg {
	background:url(./img/common/bg_b.jpg) center center / contain;
}
.bg01 {
	background:url(./img/index/bg01.jpg) center top / 100% auto repeat-y;
	background-size: cover;
}
.bg02 {
	background:url(./img/index/bg02.jpg) center top / cover no-repeat;
}
.bgw {
	background:#ffffff;
}
/*****************************************************************************
	Title Decoration
*****************************************************************************/
h2+p,h3+p {
	margin-top:2em;
	text-align:center;
}
h2.lead {
	font-size:14px;
	font-size:1.4rem;
	padding:0em 0;
}
h3.title {
	margin-bottom:1em;
	padding-bottom:0.5em;
}
h3.title:after {
	content:"";
	left:0;
	bottom:0;
	position:absolute;
	width:6%;
	margin:0 47%;
	height:1px;
	border-bottom:1px solid #555555;
}
h3.sub {
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	border-bottom:1px dashed #555555;
}
h3.menu {
	padding-bottom:0.5em;
	margin-bottom:1em;
	text-align:left;
	font-size:20px;
	font-size:2.0rem;
}
h3.staff {
	text-align:left;
	line-height:100%;
	margin-top:0.8em;
	font-weight:bold;
}
h3.staff+span {
	color: #442429;
}
h3.staff+span+p {
	border-top:3px double #cccccc;
	margin:0.5em 0 0 0;
	padding:0.5em 0 0 0;
}
.note h3 {
	margin:0.5em 0;
}
.note h3 span {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 21%, rgba(255, 240, 224,1) 21%, rgba(255, 240, 224,1) 21%, rgba(255, 240, 224,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 21%,rgba(255, 240, 224,1) 21%,rgba(255, 240, 224,1) 21%,rgba(255, 240, 224,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 21%,rgba(255, 240, 224,1) 21%,rgba(255, 240, 224,1) 21%,rgba(255, 240, 224,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff999',GradientType=0 );
}

.note.faq h3 {
	font-size:20px;
	font-size:2.0rem;
	margin:0.5em 0;
}

p.caption {
	margin-bottom:0.5em;
}
p.caption span {
	color:#442429;
	border:1px solid #442429;
	padding:0.2em 1em 0.0em 1em;
	border-radius:1em;
	line-height:100%;
}

/*****************************************************************************
	index
*****************************************************************************/

section.index {
	position:relative;
	background:#ffffff;
	padding-bottom:1em;
}
section.index:before {
	content:"";
	position:absolute;
	width:100%;
	height:76px;
	left:0;
	top:-76px;
	background:url(./img/index/bg-ellipse.png) center bottom no-repeat;
	background-size:100% auto;
	z-index:1;
}
#kv.index img {
	max-width:100%;
	width:initial;
	height:initial;
}

article.contact > div {
	background:rgba(255,255,255,0.5);
	padding:1.5em 0;
}


@media screen and (min-width:768px) {
	section.index.fixed {
		position:fixed;
		width:100%;
		left:0;
		top:120px;
		z-index:99;
	}
article.contact > div {
	padding:1.5em;
}
}

/*****************************************************************************
	Under
*****************************************************************************/

.box {
	padding-top:1em;
}
.note {
	padding:1.5em 1.5em 1.5em 3em;
	background:#ffffff;
	margin-bottom:2em;
	position:relative;
}
.note:before {
	position:absolute;
	width:1em;
	height:1em;
	left:1em;
	top:1em;
	border-radius:1em;
	background:#f9f9f9;
}
.liner {
	position:relative;
	font-size:14px;
	font-size:1.4rem;
	min-height: 90px;
	position: relative;
	background-image:
	    linear-gradient(#dddddd .1em, transparent .1em);
	background-size: 100% 2em;
	background-repeat:repeat-y;
	line-height:2em;
}
.liner:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1em;
	background:#ffffff;
	z-index:1;
}
.liner p {
	position:relative;
	z-index:2;
}
.karte {
	background:#ffffff;
}
ul.menu+div.box {
	position:relative;
}

ul.menu+div.box figure:first-child{
	margin:0 auto 0 1em;
	width:240px;
}
ul.menu+div.box figure:last-child{
	position:absolute;
	z-index:1;
	width:166px;
}
ul.staff {
	background:rgba(255, 255, 255, 0.9);
	padding:1em 5em;
	margin:0 auto;
}
ul.staff li {
	padding:2.5em 0;
	border-bottom:1px solid #cccccc;
}
ul.staff li:last-child {
	border-bottom:none;
}
@media screen and (max-width:767px) {
	ul.staff {
		padding:1.5em;
	}
	ul.staff li {
		padding:1em 0;
	}
	.note { padding: 1.5em; }
}

table.menu {
	width:100%;
	margin-bottom: 1em;
}
table.menu, table.menu th, table.menu td {
	border:1px solid #d6d8d7;
}
table.menu th {
	padding:1em 2em 1em 1em ;
	background:#fbfcfe;
	text-align:left;
	white-space:nowrap;
}
table.menu td {
	padding:1em 1em 1em 1em ;
	background:#f7f9f8;
	line-height:160%;
}

/******************************************************************************
	Post
******************************************************************************/
figure.post+div {
	padding:1.5em;
}

#post .list a {
	display:block;
	margin-bottom:3em;
	background:#ffffff;
}
#post .list a:hover {
	background:rgba(255,255,255,0.5);
}

#post .list a.index {
}

#post .list a p {
	line-height:160%;
}
#post p.date {
	letter-spacing:0;
}
#post.single p.date {
	margin:0;
}
#post p.category {
	font-size:12px;
	font-size:1.2rem;
	color:#b9a999;
	margin-top:0;
	margin-left: 1em;
}
#post p.tl {
	line-height:200%;
}
#post h4 {
	font-size:14px;
	font-size:1.4rem;
	line-height:160%;
	font-weight:bold;
	padding-bottom:0.5em;
	margin-bottom:0.5em;
	border-bottom:1px dashed #555555;
	height: 1.7em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Category Selecter */
/* #post .side */

#post .side h3 {
	font-size:20px;
	font-size:2.0rem;
	text-align:left;
	line-height:70%;
	padding-bottom:0.5em;
	border-bottom:3px double #9a9a9a;
}
#post .side li a:hover {
	background:rgba(255, 255, 255,0.5);
}
#post .side li a {
	padding:1em 0.5em;
}
#post .side li{
	position:relative;
	font-size:14px;
	font-size:1.4rem;
	line-height:100%;
	border-bottom:1px dashed #9a9a9a;
}

/* Category */
#category p.category {
	margin:0 1em 0 0;
}
#category p.category span{
	padding:0.2em 0.5em;
}

/* Recent */
#recent li a {
	padding:1.5em 0;
}
#recent p {
	line-height:200%;
}

/* Archive */
#post .side #archive li a {
	font-size:14px;
	font-size:1.4rem;
	display:block;
	padding:1em 0 1em 1.2em;
}
#post .side #archive li:before {
	content:"●";
	color:#adac32;
	position:absolute;
	font-size:10px;
	font-size:1.0rem;
	top:0.8em;
	left:0;
	height:100%;
	width:1em;
	line-height:300%;
}

/******************************************************************************
	Post:Single
******************************************************************************/
#post .content {
	font-size:14px;
	font-size:1.4rem;
	padding-top: 2.5em;
}
#post .content img {
	max-width:100%;
	height:auto;
}

/************************************************************************************
	single paging
************************************************************************************/
.single_paging {
	width:100%;
	border:0px solid #b09d7c;
	margin:20px 0 20px 0;
	padding:0;
	font-size:14px;
	font-size:1.4rem;
}
.single_paging > div a{
	padding:0.5em 1em;
	width:130px;
	background:#ffffff;
	color:#666666;
}
.single_paging > div a .title {
	-webkit-line-clamp: 2;
}
.single_paging figure {
	text-align:center;
	min-width:100px;
	width:100px;
	height:100px !important;
	margin-right:1em;
	border-radius:100px;
	overflow:hidden;
}
.single_paging .page-numbers.current {
	background-color:#e7f3e9;
}
/******************************************************************************
	Pager
******************************************************************************/
#pager .pages {
	display:none;
}
#pager .wp-pagenavi {
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#pager .wp-pagenavi * {
	padding:0;
	min-width:3em;
	height:3em;
	margin:0 1px;
	text-align:center;
	border:1px solid #b9a999;
	line-height:3em;
	color:#b9a999;
	font-size:14px;
	font-size:1.4rem;
}
#pager .current, .wp-pagenavi > *:hover, #pager .wp-pagenavi a:hover {
	border:1px solid #b9a999;
	color:#b9a999;
	background:rgba(182, 181, 88,0.1);
}
.wp-pagenavi .page {
}
.wp-pagenavi .current {
}
.wp-pagenavi .previouspostslink {
	border:none;
	margin-right:40px;
}
.wp-pagenavi .nextpostslink {
	border:none;
	margin-left:40px;
}
#pager .wp-pagenavi a {
	display: block;
	line-height:140%;
	padding: 0.8em;
	text-align: center;
	background:#ffffff;
	margin-bottom:0.2em;
}
/*****************************************************************************
	footer
*****************************************************************************/
/*****************************************************************************
	navigation:footer
*****************************************************************************/
footer {
	background:#7ff97f;
}
footer h1 {
	margin:0;
	line-height:60%;
	text-align:center;
}
footer p.copy {
	font-size:10px;
	font-size:1.0rem;
	text-align:center;
	background:#7ff97f;
	color:#ffffff;
}
footer .logo img {
	max-width: 400px;
}
@media screen and (max-width: 767px) {
	footer .logo img {
		max-width: 300px;
	}
}
@media screen and (max-width: 320px) {
	footer .logo img {
		max-width: 250px;
	}	
}

/*****************************************************************************
icon
*****************************************************************************/
.social {
	width:130px;
	margin:1.5em auto 0 auto;
}
.social a {
	font-size:16px;
	font-size:1.6rem;
	width:36px;
	height:36px;
	color:#ffffff;
	border-radius:100%;
}
.social a.twitter {
	background:#64ccef;
}
.social a.facebook {
	background:#507cbe;
}
.social a.instagram {
	background:#ec3a9c;
}
header .social {
	position:relative;
	z-index:1;
}
.social img {
	max-width: 2rem;
}
/******************************************************************************
	CTA
******************************************************************************/
	#cta {
		margin:1em auto 2em auto;
	}
	#cta .cta > a {
		min-height:70px;
		padding:0.7em 0;
	}
	.cta {
		text-align:center;
	}
	 .cta h2 {
		margin:1em 0 0.9em 0;
	 }
	  .cta h2+p {
		font-size:18px;
		font-size:1.8rem;
		margin-bottom:2em;
	  }
	.cta div > a:nth-child(1) {
		border:1px solid #666666;
		background:#ffffff;
	}
	.cta div > a:nth-child(2) {
		border:1px solid #cc6666;
		background:#bf1f1f;
		color:#ffffff;
	}
	.cta .tel {
		font-size:22px;
		font-size:2.2rem;
	}
	#cta span {
		display:none;
	}
	#index .cta div{
		padding:0.2em 0;
	}
/************************************************************************************
	bread
************************************************************************************/
nav#bread {
	width:100%;
	overflow:hidden;
	font-size:10px;
	font-size:1.0rem;
	line-height:120%;
	z-index:2;
	bottom:0;
}
nav#bread ol{
	margin:0 auto;
	padding:2em 1em;
}
nav#bread ol li {
	padding-top:0px;
	white-space:nowrap;
	min-height: 0;
	margin:0;
}
nav#bread ol li a {
}
nav#bread ol li:after {
	content: ">";
	padding-left:1em;
	padding-right:1em;
}
nav#bread ol li:first-child:before {
	content:"";
}
nav#bread ol li:nth-of-type(1):before {
	content:"";
}
nav#bread ol li:last-child {
}
nav#bread ol li:last-child:after {
	content:"";
	padding:0;
}
/*************************************************************************************
	Swap Image
*************************************************************************************/
section div.picture {
	position:relative;
}
section article.swap div.picture figure {
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}
section article.swap div.picture figure.active {
	opacity:1;
}
section article.swap div.thumb_list figure {
	cursor:pointer;
}
section article.swap div.thumb_list figure img {
	width:inherit;
}
/************************************************************************************
 contact
************************************************************************************/
#contact{
	font-size: 14px;
	font-size: 1.4rem;
}
#contact dl {
	margin:0 auto;
}
#contact dt {
	width:100%;
	padding: 0.5em 0;
	margin-right:2em;
}
#contact dt span, #contact li .item span {
	font-size: 10px;
	font-size: 1.0rem;
	background:#b9a999;
	color:#ffffff;
	padding:0.5em 1em;
	margin-left:1em;
	line-height:100%;
}
#contact dt span.nn, #contact li .item span.nn {
	background:#c9c9c9;
	color:#666666;
}
.mw_wp_form_confirm .item span {
	display:none;
}
#contact dt p {
	font-size: 12px;
	font-size: 1.2rem;
	color:#f79783;
}
#contact dd {
	width:100%;
	margin-bottom:1em;
}
#contact ul li {
	margin-bottom:1em;
}
#contact li .item {
	margin:0;
	max-width:20%;
	min-width:176px;
	width:100%;
}
#contact .memo {
	max-width:76%;
	width:100%;
	font-weight: bold;
	padding: 0;
}
@media screen and (min-width:768px) {
	#contact li .item {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
}
@media screen and (max-width:767px) {
	#contact li .item, #contact .memo {
		max-width:100%;
	}
}
#contact  input[type="text"],
#contact  input[type="email"],
#contact  textarea {
	font-size: 14px;
	font-size: 1.4rem;
	width:100%;
	padding: 0.8em 1em;
	resize:none;
	border:1px solid #cccccc;
	background:rgba(255,255,255,0.8);
	font-family: sans-serif;
	vertical-align: top;
}
#contact  input:focus,
#contact  textarea:focus {
	content:"";
	border:1px solid #666666;
}
#contact  input[type="submit"] {
	cursor:pointer;
	border: none;
}
#contact p {
	line-height: 170%;
}
#contact .confirm, .sending, .backform {
	cursor: pointer;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
	width: 200px;
	height: 45px;
	margin-top: 5px;
	background: #888;
}
.mw_wp_form_confirm .send {
	display:none;
}

p.message {
	display:none;
}
.mw_wp_form_input p.message:nth-child(1) {
	display:block;
}
.mw_wp_form_confirm p.message:nth-child(2) {
	display:block;
}
.privacy{
	margin: 20px 0 10px 0;
	display: block;
	height: 200px;
	overflow: auto;
	padding: 16px;
	border: 1px solid #ccc;
	font-size: 1.2rem;
  margin: 0 auto 1em;
  background-color: #fffff7;
}
.privacy_title{
	text-align: center;
	font-weight: bold;
	margin-bottom: 1rem;
}
.modPCenter{
	text-align: center;
	margin-bottom: 1rem;
}
#contact .privacy dl{
	width: auto;
}
.privacy dt{
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.privacy .num{
	font-style: normal;
	font-weight: bold;
	display: table-cell;
	padding-right: 10px;
	white-space: nowrap;
}
.privacy .content{
	display: table-cell;
}
.mw_wp_form .consent{
	text-align: center;
}
.mw_wp_form .consent *{
	cursor: pointer;
}
.mw_wp_form_confirm .privacy, .mw_wp_form_confirm .consent{
  display: none !important;
}
/*****************************************************************************
	Gimic with jQuery
*****************************************************************************/

.trans {
	-webkit-transition:all 0.3s ease-in-out;
			transition:all 0.3s ease-in-out;
}

.scrollup {
	opacity:0;
    -webkit-transform: translateY(100px);
  			  transform: translateY(100px);
	-webkit-transition:all 0.5s ease-in-out;
			transition:all 0.5s ease-in-out;
}
.scrollup.action {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
	opacity:1;
}

.scrollSlide {
	opacity:0;
	-webkit-transition:all 1s ease-in-out;
			transition:all 1s ease-in-out;
}
.scrollSlide.left {
	opacity:0;
    -webkit-transform: translateX(150px);
  			  transform: translateX(150px);
}
.scrollSlide.right {
	opacity:0;
    -webkit-transform: translateX(-150px);
  			  transform: translateX(-150px);
}
.scrollSlide.action {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
	opacity:1;
}

.scrollZoom {
	opacity:0;
    -webkit-transform: scale3d(0 ,0 , -1);
  			  transform: scale3d(0 ,0 , -1);
	-webkit-transition:all 1s ease-in-out;
			transition:all 1s ease-in-out;
}
.scrollZoom.action {
    -webkit-transform: scale3d(1 ,1 ,1);
    transform: scale3d(1 ,1 ,1);
	opacity:1;
}


.zoom {
	position: relative;
	z-index: 2;
	-webkit-transition:all 0.2s ease-in-out;
			transition:all 0.2s ease-in-out;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
.zoom:hover {
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
.float{
	-webkit-transition:all 0.2s ease-in-out;
			transition:all 0.2s ease-in-out;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.11);
}
.float:hover {
	box-shadow: 0 19px 38px rgba(0, 0, 0, 0.15), 0 15px 12px rgba(0, 0, 0, 0.16);
}

.scroll {
	-webkit-animation: pop 2s infinite;
			animation: pop 2s infinite;
}
@-webkit-keyframes pop {
	0% {
		-webkit-transform: translate(0, 0);
				transform: translate(0, 0); }
	50% {
		-webkit-transform: translate(0, 10px);
				transform: translate(0, 10px); }
	100% {
		-webkit-transform: translate(0, 0);
				transform: translate(0, 0); } }

@keyframes pop {
	0% {
		-webkit-transform: translate(0, 0);
				transform: translate(0, 0); }
	50% {
		-webkit-transform: translate(0, 10px);
				transform: translate(0, 10px); }
	100% {
		-webkit-transform: translate(0, 0);
				transform: translate(0, 0); }
}

.slick-dots {
	z-index:90;
}
.slick-dots li button:before {
	background:#c9c9c9;
}
.slick-dots li.slick-active button:before {
	background:#b9a999;
}
/***********
horizon
************/
.f_h_start {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.f_h_center {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}
.f_h_end {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.f_h_sb {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.f_h_sa {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.f_wrap {
	-webkit-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
/***********
vertical
************/
.f_column {
	-webkit-box-direction:column;
	-webkit-flex-direction:column;
	flex-direction:column;
}
.f_start {
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.f_end {
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.f_center {
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.f_baseline {
	-webkit-align-items: baseline;
	-ms-flex-align: baseline;
	align-items: baseline;
}
.f_stretch {
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}

@media screen and (max-width:767px) {
	.order_top {
		order:-1;
	}
}

#post a.col {
	margin:1em 0;
}

/*****************************
	blog 対応
*****************************/
.tableContents {
	background:#fff !important;
}

.single .size-full {
	max-width:100%;
	height:auto;
}

#post .content figure img {
	margin-bottom:2em;
}

.single-post .blank {
	font-size:16px;
	line-height:2;
}

#post h1 {
	font-size:30px;

	line-height:1.4;
}
#post .content  {
	font-size:16px;
	line-height:2;
}

.seoText ,
.tableContents li a ,
.blogDetail {
	font-size:1.6rem ;
	font-size:16px !important;
	line-height:2 !important;
}

.seoTtl02 {
		background:#b9a99a !important;
	margin-top:4em !important;
	color:#fff  !important;
}

.seoTtl01 {
	margin-top:2em !important;
	font-size:2.8rem  !important;
	font-size:28px  !important;
}

@media screen and (max-width:768px) {

	#post h1  {
	font-size:2.6rem;
	}

	.seoTtl01 {
	font-size:2.4rem  !important;
	font-size:24px  !important;
	}

	.seoTtl02 {
	margin-top:2em !important;
}

}
/***** SNS Share Button *****/
.snsWrap {
	display: none;
	padding: 30px;
	background: #f2f2f2;
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
}
.snsWrap .snsWrapTtl {
	font-size: 14px;
	text-align: center;
	line-height: 1.4;
	margin-bottom: 2em;
}
.snsWrap .snsWrapTtl span {
	font-size: 30px;
	font-weight: bold;
}
@media screen and (max-width: 770px) {
	.snsWrap {
		padding: 15px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.snsWrap .snsWrapTtl {
		font-size: 13px;
		margin-bottom: 0.6em;
	}
	.snsWrap .snsWrapTtl span {
		font-size: 16px;
	}
}