@charset "utf-8";
/*
Theme Name: responsive_034
Theme URI: http://c-tpl.com/
Description: responsive_034
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
	
body, input, textarea{
	font-family: Meiryo, "メイリオ", "M PLUS 1p", Hiragino Kaku Gothic Pro, sans-serif;
}
h1, h2, .str3, .str03, .str4, .str04, dl.faq dt:before, dl.faq dd:before{
	font-family: "M PLUS 1p", Meiryo, "メイリオ", Hiragino Kaku Gothic Pro, sans-serif;
}
.mincho{
	font-family: "Palatino Linotype", "Noto Serif SC", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
}
body{
	color:#333;
	-webkit-text-size-adjust: none;
	background: white url(images/bg.png) 0 0 repeat-x;
	line-height: 1.8;
	font-size: 90%;
}
.dsp_pc{ display: inherit;}
.dsp_sph{ display: none;}

img{ max-width: 100%; height: auto; border: none; vertical-align: bottom;}
.img_l{ margin: 0 3% 20px 0; float: left; max-width: 45%;}
.img_r{ margin: 0 0 20px 3%; float: right; max-width: 45%;}

.nml{ font-weight: normal !important;}
.str1, .str01{ font-size: 110%;}
.str2, .str02{ font-size: 125%;}
.str3, .str03{ font-size: 150%;}
.str4, .str04{ font-size: 175%;}
b, strong, .str1,.str2,.str3,.str4{ font-weight: bold;}
.sml0{ font-size: 95%;}
.sml1{ font-size: 90%; line-height: 1.7;}
.sml2{ font-size: 85%; line-height: 1.65;}
.sml3{ font-size: 75%; line-height: 1.6;}
h2 .sml2{ margin-left: .5em; font-size: 60%;}
.red, .red a{ color: #cf0e40;}
.orange, .orange a{ color: #f0832c;}
.blue, .blue a{ color: #366ba1;}
.blue_p, .blue_p a{ color: #5f91ca;}
.green, .green a{ color: #058500;}
.c{ text-align: center;}
.l{ text-align: left;}
.r{ text-align: right;}
.clr{ clear: both;}
.clr_l{ clear: left;}
.clr_r{ clear: right;}
.clr_n{ clear: none !important;}

.f_l{ float: left;}
.f_r{ float: right;}

.mg0{ margin: 0 !important;}
.mgAuto, .mgAuto > div{ margin: auto;}
.mg0t{ margin-top: 0 !important;}
.mg0b{ margin-bottom: 0 !important;}
.mg05t{ margin-top: 5px !important;}.mg05l{ margin-left: 5px;}.mg05r{ margin-right: 5px;}.mg05b{ margin-bottom: 5px;}.mg05tb{ margin: 5px 0;}.mg05lr{ margin: 0 5px;}.mg10t{ margin-top: 10px;}.mg10l{ margin-left: 10px;}.mg10r{ margin-right: 10px;}
.mg10b{ margin-bottom: 10px !important;}
.mg10tb{ margin: 10px 0;}.mg10lr{ margin: 0 10px;}.mg15t{ margin-top: 15px;}.mg15tb{ margin: 15px 0;}.mg20t{ margin-top: 20px;}.mg20l{ margin-left: 20px;}.mg20r{ margin-right: 20px;}.mg20b{ margin-bottom: 20px;}.mg20tb{ margin: 20px 0;}.mg25r{ margin-right: 25px;}.mg30t{ margin-top: 30px;}.mg30l{ margin-left: 30px;}.mg30r{ margin-right: 30px;}.mg30b{ margin-bottom: 30px;}.mg30tb{ margin: 30px 0;}
.mg_table_c{ margin: 0 auto; display: table;}
.mg1EMt{ margin-top: 1em;}.mg1EMb{ margin-bottom: 1em;}.mghEMtb{ margin: .5em 0;}.mg1EMtb{ margin: 1em 0;}.mg1hEMtb{ margin: 1.5em 0;}
.mg-3emt, .mg-5emt, .mg-7emt{ position: relative; z-index: 2;}
.pd0{ padding: 0 !important;}
.pd0b{ padding-bottom: 0 !important;}
.pd0hEM{ padding: .5em;}.pd0hEMt{ padding-top: .5em;}.pd0hEMb{ padding-bottom: .5em;}.pd0hEMlr{ padding: 0 .5em;}
.pd1EM{ padding: 1em;}.pd1EMt{ padding-top: 1em;}.pd1EMb{ padding-bottom: 1em;}.pd1EMlr{ padding: 0 1em;}
.pd1hEM{ padding: 1.5em;}.pd2EM{ padding: 2em;}

.idt0{ margin-left: 1em; text-indent: -1em;}
.idt1{ margin-left: 1em; text-indent: -1em;}
.idt1h{ margin-left: 1.5em; text-indent: -1.5em;}
.idt2{ margin-left: 2em; text-indent: -2em;}
.idt2h{ margin-left: 2.5em; text-indent: -2.5em;}
.idt3{ margin-left: 3em; text-indent: -3em;}
ul.idt2h, ol.idt2h{ margin: 0 0 1em 1.5em; list-style: none;}
ul.idt2, ol.idt2{ margin: 0 0 1em 1em; list-style: none;}
ul.idt1h, ol.idt1h{ margin: 0 0 1em .5em; list-style: none;}
ul.idt1, ol.idt1{ margin: 0 0 1em; padding-left: 1em; list-style: none;}
li ol.idt1h{ margin: 0;}

.w15p{ width: 15%;}.w20p{ width: 20%;}.w25p{ width: 25%;}.w30p{ width: 30%;}
.w33p{ width: 33%;}.w35p{ width: 35%;}.w40p{ width: 40%;}.w50p{ width: 50%;}
.w60p{ width: 60%;}.w65p{ width: 65%;}.w70p{ width: 70%;}.w80p{ width: 80%;}
.w90p{ width: 90%;}
.w_auto{ width: auto !important;}

@media only screen and (min-width: 768px) {
	#nav-toggle { display: none;}
	.flexbox{
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		box-sizing: border-box;
	}
	.col_2, .col_3, .col_3x2, .col_4, .col_4x3, .col_5, .col_5x2, .col_5x3, .col_5x4{ float: left;}
	.col_2{ width: 50%;}
	.col_3{ width: 33.33333%;}
	.col_3x2{ width: 66.66666%;}
	.col_4{ width: 25%;}
	.col_4x3{ width: 75%;}
	.col_5{ width: 20%;}
	.col_5x2{ width: 40%;}
	.col_5x3{ width: 60%;}
	.col_5x4{ width: 80%;}
	/* .col_2 padding ******/
	.pad .col_2:nth-of-type(odd){ padding-right: 2.5%;}
	.pad .col_2:nth-of-type(even){ padding-left: 2.5%;}
	.col_3x2.f_l, .col_3.f_l,
	.col_4x3.f_l, .col_4.f_l,
	.col_5.f_l, .col_5x2.f_l, .col_5x3.f_l, .col_5x4.f_l{ padding-right: 2.5%;}
	.col_3.f_c{ padding: 0 .75%;}
	.col_3x2.f_r, .col_3.f_r,
	.col_4x3.f_r, .col_4.f_r,
	.col_5.f_r, .col_5x2.f_r, .col_5x3.f_r, .col_5x4.f_r{ padding-left: 2.5%; float: right;}
	.flex_col_2.mg48p .col_2{ width: 48%;}
	.flex_col_2.mg48p .col_2:nth-child(odd){ margin: 0 auto 0 0;}
	.flex_col_2.mg48p .col_2:nth-child(even){ margin: 0 0 0 auto;}
	.flex_col_3 .col_3{ padding: 0 1%;}
	.flex_col_3.mg32p .col_3{ width: 32%; margin: 0 auto;}
	.flex_col_3.mg32p .col_3:nth-child(3n+1){ margin-left: 0; padding: 0 2% 0 0;}
	.flex_col_3.mg32p .col_3:nth-child(3n){ margin-right: 0; padding: 0 0 0 2% ;}
	.flex_col_4 .col_4{ padding: 0 1.5% 0 0;}
}
.col_2, .col_3, .col_3x2, .col_4, .col_4x3,
.col_5, .col_5x2, .col_5x3, .col_5x4,
.f_l, .f_r{ box-sizing: border-box;}

.col_3x2.f_l, .col_3.f_l,
.col_4x3.f_l, .col_4.f_l{ margin-bottom: 1em;}

i.fa{ font-style: normal; font-family: FontAwesome;}

/* リンク設定 -----------------------------------------------*/

a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#2e669c;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#5f91ca;
}
/**** Clearfix ****/
.nav .panel:before,nav .panel:after, nav#mainNav:before,nav#mainNav:after, .newsTitle:before,.newsTitle:after{content: ""; display: table;}
nav .panel:after,nav#mainNav:after,.newsTitle:after{clear: both;}
nav .panel,nav#mainNav,.newsTitle{zoom: 1;}

/* レイアウト -----------------------------------------------*/
#wrapper, .inner{
margin:0 auto;
width:940px;
}
#header{overflow:hidden;}
#content{
	float:right;
	width:625px;
	padding: 13px 0 40px;
}
#sidebar{
	float:left;
	width:265px;
	padding: 20px 0 40px;
}
#footer{
clear:both;
padding-top:20px;
border-top:1px solid #ccc;
} 

/* ヘッダー ****************************/

/* サイト説明文 -------------*/
#header h1{
	padding:.1em .5em;
	color: #2e669c;
	font-size:80%;
	font-weight:normal;
}

/* ロゴ (サイトタイトル) -------------*/
#header h2{
	padding: 25px 0 5px;
	clear:both;
	float:left;
	color: #2e669c;
	font-size:160%;
	font-weight:bold;
}
#header h2 img{ max-width: 360px;}

/* コンタクトインフォメーション -------------*/
#headerInfo{
float:right;
text-align:left;
padding-top:10px;
}
#headerInfo p{
	margin: 0;
	color:#2e669c;
	font-size:12px;
/*	background:url(images/openTime.png) no-repeat 0 50%;*/
}
#headerInfo p:before{
	margin-right: .5em;
	padding: 1px .5em;
	display: inline-block;
	content: "LOCATION";
	background: #366ba1;
	color: white;
	width: 6em;
	text-align: center;
	font-size: 10px;
	font-weight: normal;
}
#headerInfo p.tel{ font-size:15px; font-weight:bold;}
#headerInfo p.tel:before{ content: "TEL/FAX";}
#headerInfo p.address:before{ content: "E-MAIL";}
#headerInfo p.tel span{ margin-left: .5em; font-size:12px; font-weight:normal;}

/* トップページ　メイン画像 -------------*/
#mainImg{
line-height:0;
text-align:center;
z-index:0;
}

/* タイポグラフィ ****************************/
h2.title{
	clear:both;
	margin: 0 0 1em;
	padding:7px 0 5px 25px;
	font-size: 130%;
	color: #044f82;
	border-bottom:1px solid #ccc;
	background:url(images/headingBg.png) no-repeat 0 50%;
}
h2.first{margin-top:0;}
.dateLabel{
margin:-10px 0 10px;
text-align:right;
font:italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.meta{
	margin: 0 0 .5em;
	text-align: right;
	font-size: 90%;
}
p{
	margin-bottom: 1.5em;
	word-wrap : break-word;
	overflow-wrap : break-word;
	text-align: justify;
	text-justify: inter-ideograph;
}
p.c{ text-align: center;}
p.r{ text-align: right;}

.post a:hover{ text-decoration: underline;}
.post strong{ font-weight: bold;}
.post ul,
#tinymce ul{
	margin: 0 0 1em;
	padding: 0;
}
.post ul > li,
#tinymce ul > li{
	padding: 0 0 0 1em;
	position: relative;
}
.post ul > li:before,
#tinymce ul > li:before{
	position: absolute;
	left: .3em;
	top: 1em;
    color: #ccc;
    content: "\f111";
    font-family: FontAwesome;
	font-size: .5em;
}
.post ol{margin: 0 0 1.5em 1em; padding: 0 0 0 .5em;}
.post ol > li{list-style:decimal;}

.post h1{
margin:20px 0;
padding:7px 0 5px 25px;
font-size:150%;
color: #044f82;
border-bottom:1px solid #ccc;
background:url(images/headingBg.png) no-repeat 0 50%;
}

.post h2{
margin:10px 0;
padding-bottom:2px;
font-size:130%;
font-weight:normal;
color: #044f82;
border-bottom:2px solid #2e669c;
}

.post h3{
	margin: 0 0 1em;
	padding-bottom: .3em;
	font-size:120%;
	font-weight:normal;
	color:#2e669c;
	border-bottom:1px solid #2e669c;
}
.post h3 a{ color: #333;}
.post h3 a:hover{ color: #2e669c;}
h4{
	margin: 0 0 .5em;
	padding: 0 0 0 1.25em;
	position: relative;
	line-height: 1.6;
	font-size: 110%;
}
h4:before{
	margin-top: -.5em;
	color: #5f91ca;
	position: absolute;
	top: 50%;
	left: 0;
    content: "\f111";
	line-height: 1;
	font-family: FontAwesome;
}
h5{
	margin: 0 0 .3em;
	padding: 0 0 0 .75em;
	position: relative;
	line-height: 1.7;
	font-size:100%;
}
h5:before{
	color: #5f91ca;
	position: absolute;
	top: 0;
	left: 0;
    content: "\f142";
	font-family: FontAwesome;
}
h6{
	margin: 0 0 .5em;
	padding: .05em .3em;
	display: inline-block;
	background: #f2f2f2;
	font-size:100%;
}

.post blockquote {
clear:both;
padding:10px 0 10px 15px;
margin:10px 0 25px 30px;
border-left:5px solid #ccc;
}
.post blockquote p{padding:5px 0;}
table{
	margin: 0 0 1.5em;
	width: 100%;
	max-width: 100% !important;
	border: 1px #ddd solid;
	border-collapse: collapse;
	border-spacing: 0;
}
table th,
table td{
	padding: .4em .6em;
	border: 1px #ddd solid;
	border-width: 0 0 1px 1px;
	vertical-align: middle;
	line-height: 1.5;
	font-size: 90%;
}
table th{
	background:#e3eefa;
	text-align: center;
	font-weight: normal;
}
table.th2nd tr:nth-child(n+2) th,
table th.th2nd{ background:#f7fbff;}
table.l th{ text-align: left;}
table.c td{ text-align: center;}
table.th_nowrap th,
table.td_nowrap td{ white-space: nowrap;}
table caption{ padding-bottom: .3em;}
table.sml2 th, table.sml2 td{ padding: .3em;}
.pad table, .flexbox table{ margin-bottom: .5em;}

hr{
	margin: 0 auto;
	padding: 1.5em 0;
	clear: both;
	border: none;
    height: 0;
	width: 25%;
}
.thin{ padding: .6em 0;}
.hr_bd{
	margin: 0 0 1.5em;
	padding: 0 0 1.5em;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.hr_bd.thin{
	margin: 0 0 .5em;
	padding: 0 0 .5em;
}
.delimiter{
	margin: 0 auto 4em;
	padding: 3em 0 0;
	position: relative;
	width: 26%;
	height: 0;
	border-bottom: solid 1px rgba(0,0,0,.15);
	overflow: visible;
	text-align: center;
}
.delimiter:before,
.delimiter:after{
	content: "";
	position: absolute;
	bottom: -4px;
	left: 50%;
	height: 7px;
	width: 7px;
	transform: rotate(45deg);
}
.delimiter:before{ background: #2e669c; margin-left: -9px;}
.delimiter:after{ background: #5f91ca; margin-left: 0;}

.alignright{
	margin: 0 0 20px 4%;
	display:inline;
	float:right;
}
.alignleft{
	margin:0 4% 20px 0;
	display:inline;
	float:left;
}
.alignnone,
.alignright,
.alignleft{ width: auto !important;}
.alignright,
.alignleft{ max-width: 44%;}
img.alignright,
img.alignleft,
img.img_shadow{ box-shadow: 1em 1em 1em -.5em rgba(0,0,0,0.15);}

.post .wp-caption-text{
	padding: .6em 0;
	line-height: 1.6;
	font-size: 85%;
}
.gallery{ padding-bottom: 1em;}
.gallery br{ display: none;}
.gallery-item{
	margin: 0 2.5% 12px 0 !important;
	padding: 0;
	width: 23% !important;
	border: none !important;
}
.gallery-item:nth-of-type(4n){ margin-right: 0 !important;}
.gallery-item a{　display: block;}
.gallery-item a:hover img{ opacity: .85;}
.gallery-item img{
	border: none !important;
	max-width: 100% !important;
}
.gallery-item .wp-caption-text{ text-align: left !important;}

.nivo-lightbox-theme-default .nivo-lightbox-title {
	font: inherit !important;
    background: white !important;
    color: #222 !important;
    border-radius: 5px !important;
}

/* フォーム -----------------------------------------------*/

input[type="text"], textarea{
	margin: .2em 0;
	padding: .1em  .3em;
	vertical-align:middle;
	max-width:90%;
	border:1px solid #ccc;
	border-radius:.1em;
	-webkit-border-radius:.1em;
	-moz-border-radius:.1em;
	background:#fcfcfc;
	box-sizing: border-box;
	line-height: 1.8;
	font-size: 95%;
}
textarea{
	padding: .1em  1%;
	height:auto;
	width: 100%;
	max-width: 100%;
}
input[type="checkbox"]{ margin: 0 .3em 0 0;}
label{ margin: 0 .5em 0 0; display: inline-block;}
input[type="submit"],input[type="reset"],input[type="button"]{
	margin: .2em 0;
	padding: .2em 2em;
	color:white;
	background: #044f82;
	background: -moz-linear-gradient(top, #2e669c 0%, #044f82 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e669c), color-stop(100%,#044f82));
	background: -webkit-linear-gradient(top, #2e669c 0%,#044f82 100%);
	background: -o-linear-gradient(top, #2e669c 0%,#044f82 100%);
	background: -ms-linear-gradient(top, #2e669c 0%,#044f82 100%);
	background: linear-gradient(to bottom, #2e669c 0%,#044f82 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e669c', endColorstr='#044f82',GradientType=0 );
	border:0;
	border-radius:.1em;
	-webkit-border-radius:.1em;
	-moz-border-radius:.1em;
	cursor: pointer;
	line-height: 1.8;
	font-size: 1em;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
	background: #044f82;
	background: -moz-linear-gradient(top, #044f82 0%, #2e669c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#044f82), color-stop(100%,#2e669c));
	background: -webkit-linear-gradient(top, #044f82 0%,#2e669c 100%);
	background: -o-linear-gradient(top, #044f82 0%,#2e669c 100%);
	background: -ms-linear-gradient(top, #044f82 0%,#2e669c 100%);
	background: linear-gradient(to bottom, #044f82 0%,#2e669c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#044f82', endColorstr='#2e669c',GradientType=0 );
}
*:first-child+html input[type="submit"]{padding:3px;}

/* サイドバー　ウィジェット ****************************/
section.widget,
#banners{ margin: 0 auto 2em;}
section.widget h3{
	clear:both;
	margin:0 0 .75em;
	padding: .25em 0 .25em 20px;
	font-size:120%;
	font-weight:normal;
border-bottom:1px solid #ccc;
background:url(images/heading2Bg.png) no-repeat 0 50%;
}
section.widget a{
display:block;
padding:3px 0 3px 13px;
background:url(images/arrow.png) no-repeat 0 50%;
}
section.widget a:hover{background-position: 3px 50%;}
p.banner{ margin: 0 0 .7em;}
#sidebar .contactInfo p{color:#333;}

#sidebar .news p,
section.widget li{
	margin: 0 0 .25em;
	clear:both;
	padding-bottom: .25em;
	border-bottom:1px dashed #ccc;
	font-size: .95em;
}
#sidebar iframe{ height: 250px;}
/*
#searchform input[type="text"]{ max-width: 60%;}
#searchform input[type="submit"]{ padding: .15em 1em;}
#searchform label{ margin: 0;}
*/
#contactBanner{
	padding-top:60px;
	width:265px;
	height:80px;
	background:url(images/banners/bannerTel.png) no-repeat;
}
#contactBanner p.tel{ line-height: 1.6; text-align: center; font-weight: bold;}
/*#contactBanner p.tel:before{ content: "TEL: ";}*/
#contactBanner p.tel span{ margin-left: .5em; font-size:12px; font-weight:normal; display: block;}

/*#contactBanner p.tel{
display:inline;
padding-left:80px;
margin-left:30px;
text-align:center;
font-weight:bold;
background:url(images/tel.png) no-repeat;
}*/
#searchform input[type="text"]{
line-height:1.7;
height:24px;
width:130px;
vertical-align:bottom;
}


/* 更新情報 -----*/
.newsTitle{
/*clear:both;
margin:15px 0 20px;
padding:7px 0 5px 20px;
font-size:100%;
color: #044f82;
border-bottom:1px solid #ccc;
background:url(images/heading2Bg.png) no-repeat 0 50%;*/
	position: relative;
}
.newsTitle h3{
/*
float:left;
font-weight:normal;
*/
	padding-right: 3em;
}
/*
.newsTitle p{
float:right;
padding:0 0 0 10px;
font-size:.8em;
background:url(images/arrow.png) no-repeat 0 50%;
}
.news{padding-bottom:40px;}*/
.newsTitle p{
	position: absolute;
	top: 0;
	right: 0;
	padding:0 0 0 10px;
	font-size:.8em;
}

/* フッター ****************************/

#footerLogo{
	margin-bottom: .75em;
	float:left;
	width:265px;
}
#footerLogo img{
max-width:265px;
height:auto;
}
#footer ul{
float:right;
width:625px;
font-size:95%;
padding-bottom:20px;
}
#footer ul ul{padding-bottom:0;width:auto;}
#footer ul li{
display:inline-block;
vertical-align:text-top;
text-align:left;
padding:5px 0;
margin-left:15px;
background:url(images/arrow.png) no-repeat 0 12px;
}
#footer ul li	a{
display:block;
padding:0 0 0 12px;
overflow:hidden;
}
#footer ul li	a:hover{text-decoration:underline;}
#footer ul li li{
display:block;
padding:0;
margin-left:5px;
background:url(images/arrow2.png) no-repeat 0 6px;
}
#footer ul li	li a{padding:0 0 0 8px;}
*:first-child+html #footer ul li{display:inline;}
*:first-child+html #footer ul ul,*:first-child+html #footer ul li li a,*:first-child+html #footer ul li li{display:none;}

#copyright{
clear:both;
padding:5px;
text-align:center;
font-style:normal;
font-size:85%;
zoom:1;
}

/* page navigation -----------------------------------------------*/
.pagenav{
	margin: -1.5em 0;
	clear:both;
	height: 1.5em;
}
.prev{float:left}
.next{float:right;}
#pageLinks{
clear:both;
color:#044f82;
text-align:center;
}

/* トップページ 最新記事3件 + お勧め商品 -----------------------------------------------*/
.thumbWrap{
width:645px;
margin-right:-20px;
}
.thumbWrap li{
	margin: 15px 20px 0 0;
	padding:0 0 1.2em;
	float:left;
	width: 195px;
	background:none;
}
/* 最新記事リンク */
ul.thumb h3{
margin-top:10px;
padding:1px;
font-weight:normal;
font-size:100%;
text-align:center;
background:white;
border:1px solid #5f91ca;
}
ul.thumb h3 span{
display:block;
padding:2px 3px;
background:#5f91ca;
}
ul.thumb h3 a{color:white;}
ul.thumb h3:hover span{background:#2e669c;}

/* Dlist ----------------------------*/
dl{ margin: 0 0 1.5em; padding: 0;}
dl dl{ margin-bottom: 0 !important;}
dt, dd{ margin-bottom: .35em;}
dt{ position: relative; font-weight: bold;}
dd{ margin: 0 0 1em; padding-bottom: .5em; border-bottom: 1px solid #ddd;}
dd ul{ margin: 0; padding: 0 0 0 1em;}
dd ol{ margin: 0 0 0 1em; padding: 0 0 0 .5em;}
.Dlist.dl_bd{ padding-top: .4em; border-top: 1px solid #ddd;}
.Dlist dt{ margin: 0; padding: 0; float: left; width: 7em; font-weight: normal;}
.Dlist dd{ margin: 0 0 .4em; padding: 0 0 .4em 7.5em;}
.Dlist.dt_S dt{ width: 5em;}
.Dlist.dt_S dd{ padding-left: 5em;}
.Dlist.dt_L > dt{ width: 11em;}
.Dlist.dt_L > dd{ padding-left: 11em;}
.Dlist.dt_LL > dt{ width: 14em;}
.Dlist.dt_LL > dd{ padding-left: 14em;}
.Dlist dd dl{ margin: 0;}
.Dlist dd dt{ padding-bottom: 0; font-weight: normal;}
.Dlist dd dd{ margin: 0; padding-bottom: 0; border-bottom: none;}
.Dlist.nobd dd{ margin: 0; padding: 0; border: none;}
.Dlist dd p:last-child,
.dt_dot dd p:last-child{ margin-bottom: 0;}
.dt_dot dt{
	padding-left: 1.5em !important;
	border: none;
	box-sizing: border-box;
	color: #2e669c;
}
.dt_dot dt:before{
	position: absolute;
	left: 0;
	content: "\f111";
	font-family: FontAwesome;
}
.dt_dot dd{ margin: 0 0 .6em;}
.dt_dot.dt_ic_ygreen dt:before{ color: #5f91ca;}
.dt_dot.dt_ic_gray dt:before{ color: #ddd;}

.dl0{
	margin: 0 0 20px;
	line-height: 1.6;
}
.dl0 dt{
	margin: 0;
	padding: .3em 0 0;
	clear: both;
}
.dl0 dd{
	margin: 0;
	padding: 0 0 .3em;
	border-bottom: solid 1px #ddd;
}
.dl1{ margin: 0 0 1.5em;}
.dl1 dt:before{
	margin: 0 .3em 0 0;
	color: #2e669c;
	content: "\f069";
	font-family: FontAwesome;
}
.dl1 dd{
	margin: 0 0 .45em;
	padding: 0 2px .45em 1.3em;
	border-bottom: solid 1px #ddd;
}
dl.faq{
	margin: 0 0 1.5em;
	clear: both;
}
dl.faq dt,
dl.faq dd{
	position: relative;
}
dl.faq dt{
	margin: 0;
	padding: .5em 0 0 2.25em;
	font-weight: bold;
}
dl.faq dd{
	margin: 0 0 .75em;
	padding: 0 0 .75em 2.25em;
	border-bottom: solid 1px #ddd;
}
dl.faq dt:before,
dl.faq dd:before{
	width: 1.5em;
	position: absolute;
	top: -.2em;
	left: 0;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
}
dl.faq dt:before{
	color: #2e669c;
	content: "Q.";
}
dl.faq dd:before{
	color: #058500;
	content: "A.";
}
dl.faq img{
	margin: .5em 0 .5em 3%;
	float: right;
	max-width: 25%;
}

/* column */

.column1, .column2{ margin: 0 0 20px; padding: .7em 1.5em 0;}
.column1{ border: solid 2px #f2f2f2;}
.column2{ border: solid 1px #2e669c;}
.column2 p{ padding: 0;}
.alignleft .column1,
.alignleft .column2,
.alignright .column1,
.alignright .column2{ padding: .7em 1em .2em;}

iframe,
#map_canvas{
	width: 100%;
	border: solid 1px #ddd;
	box-sizing: border-box;
	height: 450px;
}
.mymap { position: relative; z-index: 1;}
.mymap:before{
	padding: 10px 5%;
	position: absolute;
	content: "おしゃれ倶楽部 店舗MAP";
	color: white;
	width: 90%;
	z-index: 2;
	background: #5f91ca url(images/bgToppage.png) repeat-x 0 0;
	box-shadow: 0 5px 5px rgba(0,0,0,.2);
	line-height: 1.5em;
	text-align: center;
	font-size: 18px;
}
.Dlist iframe{ margin-top: .5em; height: 350px;}

/* BTN ****************/

a.btn,
.prev a,
.next a,
.cat-data a,
h3 .cat-data a{
	padding: .25em 1.5em !important;
	display: block;
	color: white;
	/*border-radius: .3em;*/
	background: #2e669c !important;
	line-height: 1.65;
	font-size: .85em;
}
h3 .cat-data a{ padding: .2em 1em;}
a.btn:after,
.next a:after,
.prev a:before{
	color: white;
	opacity: .5;
	font-family: FontAwesome;
	font-size: 120%;
}
a.btn:after,
.next a:after{
	margin: 0 0 0 .5em;
	content: "\f105";
}
.prev a:before{
	margin: 0 .5em 0 0;
	content: "\f104";
}
a.btn:hover,
.prev a:hover,
.next a:hover,
.cat-data a:hover,
h3 .cat-data a:hover{
	background: #5f91ca !important;
	text-decoration: none;
	transition: .5s;
}
a.l{ float: left;}
a.r{ float: right;}
.c a.btn{
	margin: 0 auto;
	display: inline-block;
}
.str2 a.btn, .str3 a.btn{ padding: .5em 2em;}
h3 > a.btn{
	margin-top: .5em;
	padding: .1em .75em;
	color: white;
	font-size: .65rem;
}
h3 > a.btn:hover{ color: white;}

.btns .col_3 img{ border: solid 1px #ddd;}
.btns .col_3x2 img{ margin: .5em auto; display: block;}


/* メインメニュー　PC用 -----------------------------------------------*/
@media only screen and (min-width: 1025px){
	nav#mainNav{
		clear:both;
		padding:10px 0;
		position:relative;
		z-index:200;
	}
	nav#mainNav ul{
	background:url(images/sep.png) no-repeat 0 50%;
	}
	nav#mainNav ul li{
	float: left;
	position: relative;
	height:40px;
	line-height:40px;
	}
	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
	padding:0 35px;
	display: block;
	text-align: center;
	_float:left;
	background:url(images/sep.png) no-repeat 100% 50%;
	}
	nav div.panel{
	display:block !important;
	float:left;
	}
	a#menu{display:none;}
	nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li a:active, nav#mainNav ul li.current-menu-parent a{
	color:#5f91ca;
	}
	nav#mainNav ul ul{width:160px;}
	nav#mainNav ul li ul{display: none;}
	nav#mainNav ul li li{
	float: none;
	height:40px;
	line-height:40px;
	width:160px;
	padding:0;
	}
	nav#mainNav ul li:hover ul{
	display: block;
	position: absolute;
	top:40px;
	left:-7px;
	z-index:500;
	border-radius:0 0 6px 6px;
	border:1px solid #ccc;
	}
	nav#mainNav ul li li a{
	width:100%;
	height:40px;
	padding:0;
	line-height:40px;
	font-size:95%;
	text-align:left;
	}
	nav#mainNav ul li li a span{padding:0 10px;}
	nav#mainNav ul li li a:hover,nav#mainNav ul li li.current-menu-item a{color:#888;font-weight:bold;}
	nav#mainNav ul li:hover ul li{
	margin:0;
	background: white;
	border-bottom:1px solid #dadcdc;
	box-shadow: 1px 1px 3px #ccc;
	}
	nav#mainNav ul li:hover ul li:last-child{
	border:0;
	border-radius:0 0 6px 6px;
	}
}

/* メインメニュー iPadサイズ以下から -----------------------------------------------*/
@media only screen and (max-width:1024px){
	nav#mainNav{ margin:0 2%;}
/*	nav#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:20px 0;
	}
	nav#mainNav .inner{width:98%;}*/
	nav#mainNav a.menu{
	display:block;
	height:40px;
	line-height:40px;
	font-weight: bold;
	text-align:left;
	color:white;
	border:1px solid #2e669c;
	background: #2e669c url(images/menuOpen.png) no-repeat 5px 10px;
	}
	nav#mainNav a#menu span{padding-left:2.5em;}
	nav#mainNav a.menuOpen{
	border-bottom:0;
	color:white;
	background: #5f91ca url(images/menuOpen.png) no-repeat 5px -32px;
	}
	nav#mainNav a#menu:hover{cursor:pointer;}
	nav#mainNav{
/*
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
*/
	border:1px solid #2e669c;
	}
	nav#mainNav ul{margin:0;padding:0;}
	nav#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}
	nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
		display: block;
		padding: 10px 1em;
		text-align:left;
		color:#333;
		background:white;
		border-top:1px solid #ddd;
	}
	nav#mainNavul li a span{padding-left:1em;}
	nav#mainNavul li.current-menu-item a,nav#mainNavul li a:hover,nav#mainNavul li.current-menu-item a,nav#mainNavul li a:active, nav#mainNavul li li.current-menu-item a, nav#mainNavul li.current-menu-item li a:hover, nav#mainNavul li.current-menu-item li a:active{
	background:white;
	}
	nav#mainNavul li li{
	float:left;
	border:0;
	}
	nav#mainNavul li li a, nav#mainNavul li.current-menu-item li a, nav#mainNavul li li.current-menu-item a{background:#fff url(images/sub1.png) no-repeat 20px 50%;}
	nav#mainNavul li li.current-menu-item a,nav#mainNavul li li a:hover, nav#mainNavul li.current-menu-item li a:hover{background:#f1ffff url(images/sub1.png) no-repeat 20px 50%;}
	nav#mainNavul li li:last-child a{background:#fff url(images/subLast.png) no-repeat 20px 50%;}
	nav#mainNavul li li:last-child.current-menu-item a,nav#mainNavul li li:last-child a:hover,nav#mainNavul li.current-menu-item li:last-child a:hover{background:#f1ffff url(images/subLast.png) no-repeat 20px 50%;}
	nav#mainNavul li li a span{padding-left:35px;}
	nav#mainNavull{float:none;}
	
	/* メインメニュー *****************************************************/
	
	.js .nav-collapse {
	  clip: rect(0 0 0 0);
	  max-height: 0;
	  position: absolute;
	  display: block;
	  overflow: hidden;
	  zoom: 1;
	}
	.nav-collapse.opened {
	  max-height: 9999px;
	}
	#nav-toggle {
		margin: 20px 2% 0;
		padding: 10px;
		display: block;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		cursor: pointer;
		width: 96%;
		height: auto;
		overflow: hidden;
		background: #2e669c url(images/menuOpen.png) no-repeat 5px 10px;
		border: 1px solid #2e669c;
		box-sizing: border-box;
		line-height: 1;
		text-align: left;
		font-size: 16px;
		font-weight: bold;
	}
	#nav-toggle:before{
		padding-left: 2.5em;
		color: white;
		content: "MENU";
	}
	
	#mainImg{margin: 20px 0 0;}
}

/* 959px以下から 1カラム表示 -----------------------------------------------*/
@media only screen and (max-width: 959px){
	#wrapper, #header, .inner{width:100%;}
	#sidebar{ padding-top: 0;}
	#header h1, #header h2{padding:10px;}
	#header h2{ padding:10px;}
	#header h2 img{ max-width: 360px;}
	#headerInfo{padding-right:10px;}
	
	nav#mainNavul, .thumbWrap{margin:0 auto;}
	nav#mainNavul ul{padding:0;}
	nav#mainNavul{float:none;}

	#mainImg img{width:98%;height:auto;}

	#content, #sidebar{
	clear:both;
	width:95%;
	float:none;
	margin:0 auto;
/*	padding:10px 0;*/
	}

	#banners{ width: auto;}
	#banners p{ margin:0 3.5% 0 0; width: 31%; float:left;text-align:center;}
	#banners p:last-child{ margin: 0;}

	section.widget_search{text-align:center;}
	#contactBanner{margin:0 auto;}

	#footer{margin:0;border:0;text-align:center;}
	#footerLogo, #footer ul{
	float:none;
	width:auto;
	padding-bottom:20px;
	text-align:center;
	}
	#footer ul{
	padding-top:20px;
	border-top:1px solid #ccc;
	}
	#footer ul ul{padding-top:0;border:0;}	
}

/* 幅648px以下から  トップページの３画像調節 -----------------------------------------------*/
@media only screen and (max-width: 648px){
	.thumbWrap{margin:0 auto;width: auto;text-align:center;}
	.thumbWrap ul.thumb li{ margin:0 2% 0 0; padding: 0 0 1em; width: 32%; float:left;text-align:center;}
	.thumbWrap ul.thumb li:last-child{ margin: 0;}
	
	#banners p, #banners p:last-child{ margin:0 auto 1em; width: auto; float: none;}
}

/* 幅644px以下から ヘッダー等微調節 -----------------------------------------------*/
@media only screen and (max-width: 644px){
	body,body#toppage{background-image:none;}
	#header{width:100%;overflow:hidden;}
	#header h1{ display: none;}
	#header h2{ padding: 5px 10px; text-align:center;}
	#header h2 img{ max-width: 300px;}
	#header h2,#footerLogo,#headerInfo{float:none;}
	#headerInfo{ margin:0 auto; padding: 0 2%; display: table;}
	#headerInfo p, #headerInfo p.tel span{ font-size: 11px;}
	#headerInfo p.tel { font-size: 13px;}
	#headerInfo p:before{ padding: 1px .1em; font-size: 8px;}

	img.alignright, img.alignleft{display: block;	margin:5px auto;}
	.alignright,.alignleft{float:none;}
	.dsp_pc{ display: none;}
	.dsp_sph{ display: inherit;}
	.post .col_2 ul{ margin-bottom: 0;}
	.wp-caption-text{ font-size: 85%;}
	.pagenav{ margin: 0 10px;}
	.column1, .column2,
	.alignleft .column1,
	.alignleft .column2
	.alignright .column1,
	.alignright .column2{ padding: .5em 10px; font-size: 85%;}
	iframe{ height: 350px;}
	.scroll{
		margin: 0 0 1.5em;
		padding: 0;
		overflow-x: auto;
		/*white-space: nowrap;*/
	}
	.scroll table{ margin: 0 0 15px; max-width: none;}
	table th, table td { padding: .3em; width: auto !important; font-size: 85%;}
	table td{ word-break: break-all;}
	table.th_nowrap th, table.td_nowrap td { white-space: normal;}
	
	#footer ul{text-align:left;padding:15px;}
	#footer ul ul{padding:0;}
}
@media only screen and (max-width: 500px){
	.nobr br{ display: none;}
	.f_l, .f_r{ margin-bottom: 2em; float: none;}
	.w15p, .w20p, .w25p,.w30p{ width: 50%;}
	.w33p, .w35p,.w40p, .w50p, .w60p,.w65p,.w70p,.w80p,.w90p{ width: auto;}
	.w33p{ margin: 0 0 1em;}
	.col_2,
	.col_3{ margin: 0 0 1em; width: auto; float: none;}
	.col_2 .col_2{ margin: 0 4% 0 0; width: 48%;}
	.Dlist{ margin: 0 0 1em;}
	.Dlist dt, #toppage .Dlist dt,
	.Dlist dd, #toppage .Dlist dd{ float: none; width: auto;}
	.Dlist div{ margin: 1em 0 0;}
	.Dlist dt, .Dlist.dt_S > dt, .Dlist.dt_L > dt, .Dlist.dt_LL > dt,
	.Dlist dd, .Dlist.dt_S dd, .Dlist.dt_L > dd, .Dlist.dt_LL > dd{ float: none; padding-left: 0;}
	.alignleft, .alignright,
	.img_l, .img_r{
		margin: 0 auto 1.5em;
		float: none;
		display: block;
		max-width: 100%;
	}
	.gallery-item,
	.gallery-item:nth-of-type(4n){
		margin: 0 1.5% 10px !important;
		width: 30.33333% !important;
		border: none !important;
	}
	.list50 { margin: 0 10px 2em;}
	.list50 li{ float: none; width: auto;}
	.list50 li:nth-child(odd),.list50 li:nth-child(even){ padding: 0;}
	#footer li a span{ display: none;}
}
/* --- GET HIGHT --- */
section:after,
.inner:after,
nav .panel:after, nav#mainNav:after, nav#mainNav ul:after,
.newsTitle:after,
.bg:after,
.post:after,
#banners:after,
#footer:after, #footer li a:after,
.flexbox:after, .pad:after,
.col_2:after, .col_3:after, .col_3x2:after, .col_4:after, .col_4x3:after,
.col_5:after, .col_5x2:after, .col_5x3:after, .col_5x4:after,
.clrfx:after,
.Dlist:after,
.post-content:after,
.post ol.flow > li:after,
.post ul:after,
.thumb:after,
.list50:after,
ul.post li:after,
.gallery:after,
.column1:after, .column2:after{ content:""; display: table;clear: both;}

section,
.inner,
nav .panel, nav#mainNav, nav#mainNav ul,
.newsTitle,
.bg,
.post,
#banners,
#footer, #footer li a,
.flexbox, .pad,
.col_2, .col_3, .col_3x2, .col_4, .col_4x3,
.col_5, .col_5x2, .col_5x3, .col_5x4,
.clrfx,
.Dlist,
.post-content,
.post ol.flow > li,
.post ul,
.thumb,
.list50,
ul.post li,
.gallery,
.column1, .column2{zoom: 1;}