@charset "UTF-8";
/*
Theme Name: espliza
Description: esplizaのテーマ
Version: 1.0
*/
*, *:before, *:after { box-sizing: border-box; }

html { font-size: 62.5%; }
html:focus { outline: none; }
body { font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", serif; font-weight: normal; font-size: 14px; line-height: 1.6; color: #333; }
main { display: block; overflow: hidden; padding-top: 52px; }
.fontSerif { font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", serif; }
.fontGothic { font-family: -apple-system, BlinkMacSystemFont, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;}
@media print, screen and (min-width: 992px) {
	main { padding-top: 60px; }
}



/** pc sp 表示　非表示 **/
.show-pc {
	display: none;
	}
@media screen and (min-width: 768px) {
.show-pc {
	display: inline;
	}
.show-sp {
	display: none;
	}
}


/* ----------------------------------- */
/* コンテナ
/* ----------------------------------- */
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }
@media print, screen and (min-width: 768px) {
.container { max-width: 750px; width: 100%; transition: ease-in .1s; } }
@media print, screen and (min-width: 992px) {
.container { max-width: 970px; transition: ease-in .1s; } }
@media print, screen and (min-width: 1200px) {
.container { max-width: 1170px; transition: ease-in .1s; } }

/* ----------------------------------- */
/* clearfix
/* ----------------------------------- */
.clearfix:before, .clearfix:after, .container:before, .container:after { content: " "; display: table; }

.clearfix:after, .container:after { clear: both; }

/* ----------------------------------- */
/* フォントサイズ・余白 */
/* ----------------------------------- */
.fs12 { font-size: 12px !important; }
.fs14 { font-size: 14px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }
.fs40 { font-size: 40px !important; }
.mt0 { margin-top: 0	 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mb0 { margin-bottom: 0   !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }
.w10p { width: 10% !important; }
.w20p { width: 20% !important; }
.w30p { width: 30% !important; }
.w40p { width: 40% !important; }
.w50p { width: 50% !important; }
.w60p { width: 60% !important; }
.w70p { width: 70% !important; }
.w80p { width: 80% !important; }
.w90p { width: 90% !important; }
.w100p { width: 100% !important; }

/* ----------------------------------- */
/* リンク */
/* ----------------------------------- */
a { color: #23519C; text-decoration: underline; transition: all ease .3s; }
a:hover, a:focus { color: #5580c5; text-decoration: none; transition: all ease .3s; }
a:focus, a:active, a:hover { outline: 0; text-decoration: none; }
a img:hover { opacity: 0.8; }

/* ----------------------------------- */
/* 配置 */
/* ----------------------------------- */
.alignnone { max-width: 100%; }
.alignleft { display: inline; float: left; }
.alignright { display: inline; float: right; }
.aligncenter { display: block; margin-right: auto; margin-left: auto; }
blockquote.alignleft, img.alignleft { margin: 0 20px 20px 0; }
blockquote.alignright, img.alignright { margin: 0 0 20px 20px; }
blockquote.aligncenter, img.aligncenter { clear: both; margin-left: auto; margin-right: auto; }
.wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter { margin-bottom: 20px; }

/* ----------------------------------- */
/* イメージ */
/* ----------------------------------- */
img { vertical-align: bottom; max-width: 100%; height: auto; flex-shrink: 0; -webkit-backface-visibility: hidden; }
img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; }
img.alignleft, img.alignright, img.aligncenter { /margin-bottom: 20px; }
img.alignleft { display: inline; float: left; margin-right: 20px; }
img.alignright { display: inline; float: right; margin-left: 20px; }
img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px !important; }

/* ----------------------------------- */
/* ギャラリー */
/* ----------------------------------- */
.gallery { margin: 30px 0; }
.gallery .gallery-item { display: inline-block; padding: 0 1.79104477%; text-align: center; vertical-align: top; width: 100%; margin: 0 0 15px; }
.gallery .gallery-item .gallery-icon img { margin: 0 auto; width: 100%; height: auto; border: none !important; }
.gallery .gallery-item .gallery-caption { color: #707070; display: block; text-align: left; font-size: 14px; line-height: 1.5; padding: 0.5em 0 0; margin: 0; }
.gallery.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery.gallery-columns-9 .gallery-item { max-width: 11.11%; }
@media print, screen and (min-width: 768px) {
.gallery.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery.gallery-columns-9 .gallery-item { max-width: 11.11%; } }

/* キャプション */
/* ----------------------------------- */
.wp-caption { max-width: 100%; margin: 0; }
.wp-caption img { border-color: none; }

/* ----------------------------------- */
/* ボタン */
/* ----------------------------------- */
.btnWrap { margin: 40px 0; }
.btn { clear: both; display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; margin: 30px 0 30px; font-size: 16px; line-height: 1.5; font-weight: 400; -ms-touch-action: manipulation; touch-action: manipulation; text-decoration: none; transition: .3s ease-in; user-select: none; position: relative; color: #fff; background: linear-gradient(to right, #5580c5, #0b3170); max-width: 240px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", serif; }
.btn:hover, .btn:focus { text-decoration: none; color: #23519C; border: 1px solid #23519C; background: #fff; }
.btn.arrow:after { position: absolute; align-items: center; border: none; content: "\f105"; font-family: FontAwesome; transform: none; color: #fff; right: 15px; font-size: 20px; border-radius: 0; top: 50%; margin-top: -15px; transition: .3s ease-in; }
.btn.arrow:hover:after, .btn.arrow:focus:after { color: #fff; }
.btn.arrowReverse:after { position: absolute; align-items: center; border: none; content: "\f105"; font-family: FontAwesome; transform: none; color: #23519C; right: 15px; font-size: 20px; border-radius: 0; top: 50%; margin-top: -15px; transition: .3s ease-in; }
.btn.arrowReverse:hover:after, .btn.arrowReverse:focus:after { color: #fff; }
.btn.reverse { text-decoration: none; color: #23519C; background: #fff; border-color: #23519C; }
.btn.reverse:hover, .btn.reverse:focus { background: #23519C; color: #fff; }
.btn.btnLeft { margin: 0; }
.btn.btnRight { margin: 0 0 0 auto; }
.btn.btnCenter { margin-left: auto; margin-right: auto; }
.btn.btnFull { max-width: none; }
.btn.type2 { color: #23519C; background: none; border: none; width: auto; min-width: 150px; max-width: 0; text-align: left; justify-content: flex-start; padding: 0 0 0 20px; }
.btn.type2:after { content: ""; display: block; border-bottom: 1px solid #23519C; border-right: 1px solid #23519C; width: 100%; height: 10px; position: absolute; left: 0; transform: skew(45deg); bottom: 0; }
.btn.type2:hover, .btn.type2:focus { text-decoration: none; color: #5580c5; }
.btn.type2:hover:after, .btn.type2:focus:after { border-bottom: 1px solid #5580c5; border-right: 1px solid #5580c5; }
.btn.btn_spCpcR { margin-right: auto; margin-left: auto; }
@media print, screen and (min-width: 768px) {
.btn.btn_spCpcR { margin-right: 0; margin-left: auto; } }

/* ----------------------------------- */
/* カラム */
/* ----------------------------------- */
.column2Wrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; }
.column2Wrap .columnBox { flex-basis: 100%; margin-top: 0; }
.column2Wrap .columnBox:nth-of-type(n + 2) { margin-top: 50px; }
.column2Wrap.sp140 .columnBox { flex-basis: 100%; max-width: 100%; }
.column2Wrap.sp140 .columnBox:nth-of-type(n + 2) { margin-top: 50px; }
.column3Wrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; }
.column3Wrap .columnBox { flex-basis: 100%; max-width: 100%; }
.column3Wrap .columnBox img { width: 100%; max-width: 100%; }
.column3Wrap .columnBox p:last-child { margin-bottom: 0; }
.column3Wrap .columnBox:nth-of-type(n + 2) { margin-top: 50px; }
.column4Wrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; }
.column4Wrap .columnBox { flex-basis: 100%; }
.column4Wrap .columnBox:nth-of-type(n + 2) { margin-top: 50px; }
.column4Wrap .columnBox img { width: 100%; }
.column6Wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.column6Wrap .columnBox { flex-basis: calc( 50% - 5px ); max-width: calc( 50% - 5px ); }
.column6Wrap .columnBox:nth-of-type(n + 3) { margin-top: 20px; }
.column2_3_3 .columnBox { flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }
.column2_3_3 .columnBox:nth-of-type(2) { margin-top: 0; }
.column2_3_3 .columnBox:nth-of-type(n + 3) { margin-top: 20px; }
.column2_4_4 .columnBox { flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }
.column2_4_4 .columnBox:nth-of-type(-n+2) { margin-top: 0; }
.columnBox { overflow: hidden; }
.columnBox img { align-self: baseline; max-width: 100%; }
.columnBox p:last-of-type { margin: 0; }
.borderBox .columnBox { padding: 15px 20px; border: 1px solid #eee; overflow: visible; }
.borderBox .columnBox + .borderNone { border: none; }

@media print, screen and (min-width: 768px) {
.column2Wrap .columnBox { flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }
.column2Wrap .columnBox p:last-of-type { margin-bottom: 0; }
.column2Wrap .columnBox:nth-of-type(n + 2) { margin-top: 0; }
.column2Wrap .columnBox:nth-of-type(n + 3) { margin-top: 50px; }
.column2Wrap.img260L .columnBox:nth-of-type(odd) { flex-basis: 260px; max-width: 260px; }
.column2Wrap.img260L .columnBox:nth-of-type(even) { flex-basis: calc( 100% - 320px ); max-width: calc( 100% - 320px ); }
.column2Wrap.img260R .columnBox:nth-of-type(odd) { flex-basis: calc( 100% - 320px ); max-width: calc( 100% - 320px ); }
.column2Wrap.img260R .columnBox:nth-of-type(even) { flex-basis: 260px; max-width: 260px; }
.column2Wrap.img360L .columnBox:nth-of-type(odd) { flex-basis: 360px; max-width: 360px; }
.column2Wrap.img360L .columnBox:nth-of-type(even) { flex-basis: calc( 100% - 380px ); max-width: calc( 100% - 380px ); }
.column2Wrap.img360R .columnBox:nth-of-type(odd) { flex-basis: calc( 100% - 380px ); max-width: calc( 100% - 380px ); }
.column2Wrap.img360R .columnBox:nth-of-type(even) { flex-basis: 360px; max-width: 360px; }
.column2Wrap.sp3_7 .columnBox:nth-of-type(odd) { flex-basis: 300px; max-width: 300px; }
.column2Wrap.sp3_7 .columnBox:nth-of-type(even) { flex-basis: calc( 100% - 320px ); max-width: calc( 100% - 320px ); }
.column2Wrap.sp7_3 .columnBox:nth-of-type(odd) { flex-basis: calc( 100% - 320px ); max-width: calc( 100% - 320px ); }
.column2Wrap.sp7_3 .columnBox:nth-of-type(even) { flex-basis: 300px; max-width: 300px; }
.column2Wrap.sp140 .columnBox:nth-of-type(-n + 2) { margin-top: 0; }
.column2Wrap.sp140 .columnBox:nth-of-type(n + 3) { margin-top: 50px; }
.column2Wrap.sp140 .columnBox:nth-of-type(odd) { flex-basis: 140px; max-width: 140px; }
.column2Wrap.sp140 .columnBox:nth-of-type(even) { flex-basis: calc( 100% - 160px ); max-width: calc( 100% - 160px ); }
.column2Wrap.sp250 .columnBox:nth-of-type(odd) { flex-basis: 250px; max-width: 250px; }
.column2Wrap.sp250 .columnBox:nth-of-type(even) { flex-basis: calc( 100% - 270px ); max-width: calc( 100% - 270px ); }
.column2Wrap.sp250 .columnBox:nth-of-type(n + 2) { margin-top: 0; }
.column2Wrap.sp250 .columnBox:nth-of-type(n + 3) { margin-top: 0; }
.column2Wrap .column2Wrap .columnBox { flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }
.column3Wrap .columnBox { flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }
.column3Wrap .columnBox:nth-of-type(n + 2) { margin-top: 0; }
.column3Wrap .columnBox:nth-of-type(n + 3) { margin-top: 50px; }
.column4Wrap { position: relative; }
.column4Wrap .columnBox { flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }
.column4Wrap .columnBox p:last-child { margin-bottom: 0; }
.column4Wrap .columnBox:nth-of-type(n + 2) { margin-top: 0; }
.column4Wrap .columnBox:nth-of-type(n + 3) { margin-top: 50px; }
.column6Wrap { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.column6Wrap .columnBox { flex-basis: calc( (100% - 50px) / 6); max-width: calc( (100% - 50px) / 6); margin-right: 10px; }
.column6Wrap .columnBox:last-of-type { margin-right: 0; }
.column6Wrap .columnBox:nth-of-type(n + 3) { margin-top: 0; }
.column6Wrap .columnBox:nth-of-type(n + 4) { margin-top: 0; }
.column1_1_2 .columnBox { flex-basis: 100%; max-width: 100%; }
.column1_1_2 .columnBox:nth-of-type(n + 2) { margin-top: 50px; }
.column1_2_3 .columnBox { flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }
.column1_3_3:after { content: ""; display: block; width: calc( ( 100% - ( 30px * ( 4 - 1) ) ) / 4 ); }
.column1_3_3 .columnBox { flex-basis: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 ); max-width: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 ); }
.column1_3_3 .columnBox:nth-of-type(n + 2) { margin-top: 0; }
.column1_3_3 .columnBox:nth-of-type(n + 4) { margin-top: 50px; }
.column2_3_3:after { content: ""; display: block; width: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 ); }
.column2_3_3 .columnBox { flex-basis: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 ); max-width: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 ); }
.column2_3_3 .columnBox:nth-of-type(n + 3) { margin-top: 0; }
.column2_3_3 .columnBox:nth-of-type(n + 4) { margin-top: 50px; }
.column2_4_4:after { width: calc( ( 100% - ( 30px * ( 4 - 1) ) ) / 4 ); content: ""; display: block; }
.column2_4_4:before { width: calc( ( 100% - ( 30px * ( 4 - 1) ) ) / 4 ); content: ""; display: block; order: 1; }
.column2_4_4 .columnBox { flex-basis: calc( ( 100% - ( 30px * ( 4 - 1) ) ) / 4 ); max-width: calc( ( 100% - ( 30px * ( 4 - 1) ) ) / 4 ); }
.column2_4_4 .columnBox:nth-of-type(-n+4) { margin-top: 0; } }
@media print, screen and (min-width: 992px) {
.column2Wrap.img450L .columnBox:first-of-type { flex-basis: 450px; max-width: 450px; }
.column2Wrap.img450L .columnBox:last-of-type { flex-basis: calc( 100% - 470px ); max-width: calc( 100% - 470px ); }
.column2Wrap.lp3_7 .columnBox:first-of-type { flex-basis: 300px; max-width: 300px; }
.column2Wrap.lp3_7 .columnBox:last-of-type { flex-basis: calc( 100% - 320px ); max-width: calc( 100% - 320px ); }
.column2Wrap.lp7_3 .columnBox:first-of-type { flex-basis: calc( 100% - 320px ); max-width: calc( 100% - 320px ); }
.column2Wrap.lp7_3 .columnBox:last-of-type { flex-basis: 300px; max-width: 300px; }
.column3Wrap:after { content: ""; display: block; width: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 ); }
.column3Wrap .columnBox { flex-basis: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 ); max-width: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 ); }
.column3Wrap .columnBox:nth-of-type(-n + 3) { margin-top: 0; }
.column3Wrap .columnBox:nth-of-type(n + 4) { margin-top: 50px; }
.column4Wrap { position: relative; }
.column4Wrap:after { width: calc( ( 100% - ( 30px * ( 4 - 1) ) ) / 4 ); content: ""; display: block; }
.column4Wrap:before { width: calc( ( 100% - ( 30px * ( 4 - 1) ) ) / 4 ); content: ""; display: block; order: 1; }
.column4Wrap .columnBox { flex-basis: calc( ( 100% - ( 30px * ( 4 - 1) ) ) / 4 ); max-width: calc( ( 100% - ( 30px * ( 4 - 1) ) ) / 4 ); }
.column4Wrap .columnBox:nth-of-type(n + 3) { margin-top: inherit; }
.column4Wrap .columnBox:nth-of-type(n + 5) { margin-top: 50px; }
.column1_1_2 .columnBox { flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }
.column1_1_2 .columnBox:nth-of-type(-n + 2) { margin-top: 0; }
.column1_2_3 .columnBox { flex-basis: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 ); max-width: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 ); } }

/* ---------------------------------------------------------------- */
/* ヘッダー */
/* ---------------------------------------------------------------- */
#header { position: fixed; top: 0px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); z-index: 999; background: #fff; width: 100%; border-bottom: 2px solid #23519C; }
#header #headerCnt { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; height: 50px; padding: 0 10px; position: relative; }
#header #headerCnt #logoArea { width: calc(100% - 155px); align-self: center; }
#header #headerCnt #logoArea #logo { margin: 0; }
#header #headerCnt #logoArea a { display: block; width: 130px; }
#header #headerCnt #logoArea a img { max-width: 130px; height: auto; }
#headerShopList { width: 100px; height: 100%; }
#headerShopList a { display:block; width: 100%; height: 100%; background: #23519c; color: #fff; text-decoration: none; text-align: center; padding: 15px 0; font-size: 14px; }
@media print, screen and (min-width: 992px) {
	#header { background:#DDEBF7; border: none; }
	#header #headerCnt { padding: 0 20px; height: 60px;  max-width: 970px;  margin: 0 auto; }
	#header #headerCnt #logoArea { width: 200px; }
}


/* ---------------------------------------------------------------- */
/* ヘッダーメニュー */
/* ---------------------------------------------------------------- */
/* SPメニュー */
/* ----------------------------------- */
#mainNaviArea { display: none; }
.admin-bar #navi_contents.navi_contents-on { padding-top: 46px !important; }
.drawer { position: relative; }
.drawer #mainNaviSpArea { width: 55px; height: 50px; }

.drawer #mainNaviSpArea .drawer-hamburger { position: absolute; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0 10px; overflow: visible; }
.drawer #mainNaviSpArea .drawer-hamburger:before { position: absolute; content: ''; color: #23519C; background: url("images/common/menu.png") no-repeat center center; bottom: -3px; width: 35px; height: 10px; }
.drawer #mainNaviSpArea .drawer-hamburger-icon { margin-top: 0px; background: #23519C; width: 35px; height: 1px; border-radius: 2px; }
.drawer #mainNaviSpArea .drawer-hamburger-icon:before { background: #23519C; height: 1px; border-radius: 2px; top: -8px; }
.drawer #mainNaviSpArea .drawer-hamburger-icon:after { background: #23519C; height: 1px; border-radius: 2px; top: 8px; }
.drawer .drawer-nav { background: #23519C; z-index: 10; }
.drawer .drawer-nav ul { margin: 0; padding: 10px; width: 100%; }
.drawer .drawer-nav ul li { list-style: none; display: flex; flex-wrap: wrap; align-items: center; border: 1px solid #fff; position: relative; background: #23519C; margin-top: 10px; }
.drawer .drawer-nav ul li a { width: 100%; color: #fff; min-height: 40px; padding: 9px 15px; background: #23519C; text-decoration: none; }
.drawer .drawer-nav ul li a:hover { background: #5580c5; }
.drawer .drawer-nav ul li.children { overflow: hidden; }
.drawer .drawer-nav ul li.children > a { width: calc( 100% - 40px ); cursor: pointer; }
.drawer .drawer-nav ul li.children i { position: absolute; width: 40px; height: 40px; display: block; text-align: center; padding-top: 9px; margin: 0 0 0 auto; font-size: 20px; color: #fff; transition: .1s ease; top: 0; right: 0; }
.drawer .drawer-nav ul li.children i.active { transform: rotate(-180deg); cursor: pointer; }
.drawer .drawer-nav ul li.children .sub-menu { display: none; }
.drawer .drawer-nav ul li.children .sub-menu li a { min-height: inherit; display: block; padding: 8px 15px 8px 27px; background: #5580c5; }
.drawer .drawer-nav ul li.children .sub-menu li a:hover { background: #23519C; }
.drawer .drawer-nav ul li.children .sub-menu li:last-child { border: none; }
.drawer .drawer-nav ul li.important-nav a { color: #23519C; padding: 15px; background: #efefef;}
.drawer .drawer-nav ul#sub-nav { margin: 0; padding: 30px 10px 0; width: 100%; }
.drawer .drawer-nav ul#sub-nav li { border: none; border-bottom: 1px dashed #5580c5; margin-top: 0; }
.drawer.drawer-open #mainNaviSpArea { position: absolute; right: 120px; }
.drawer.drawer-open #mainNaviSpArea .drawer-hamburger { top: 10px; right: 160px; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); padding: 10px; border-radius: 50%; }
.drawer.drawer-open #mainNaviSpArea .drawer-hamburger:before { content: ''; background: none; }
.drawer.drawer-open #mainNaviSpArea .drawer-hamburger .drawer-hamburger-icon { background: none; }
.drawer.drawer-open #mainNaviSpArea .drawer-hamburger .drawer-hamburger-icon:after { background: #23519C; top: inherit; }
.drawer.drawer-open #mainNaviSpArea .drawer-hamburger .drawer-hamburger-icon:before { background: #23519C; top: inherit; }
.drawer.drawer-open #mainNaviSpArea .drawer-nav { width: 270px; }

/* ----------------------------------- */
/* PCメニュー */
/* ----------------------------------- */
@media print, screen and (min-width: 992px) {
#mainNaviSpArea,
#headerShopList { display: none; }
#mainNaviArea { display: block; margin: 0; padding: 0; width: calc(100% - 200px); }
#mainNaviArea #mainNavi { padding: 0; }
#mainNaviArea #mainNavi ul { margin: 0; padding: 0; width: 100%; position: relative; height: 50px; display: flex; align-items: center; justify-content: space-between; }
#mainNaviArea #mainNavi ul > li { font-size: 14px; list-style: none; margin: 0; padding: 0; height: 100%; flex: 1 0 auto; position: relative; }
#mainNaviArea #mainNavi ul > li.children > a:after { position: absolute; align-items: center; border: none; content: "\f107"; font-family: FontAwesome; transform: none; color: #333; right: 15px; font-size: 14px; border-radius: 0; top: 50%; margin-top: -8px; }
#mainNaviArea #mainNavi ul > li.children > a:hover:after, #mainNaviArea #mainNavi ul > li.children > a:focus:after { color: #fff; }
#mainNaviArea #mainNavi ul > li.subMenuw100p ul.sub-menu { width: 100%; }
#mainNaviArea #mainNavi ul > li.subMenuw100p ul.sub-menu li { width: 100%; }
#mainNaviArea #mainNavi ul > li a { justify-content: center; width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-items: center; text-align: center; font-size: 14px; color: #333; margin: 0; padding: 0; text-decoration: none; line-height: 1.2; }
#mainNaviArea #mainNavi ul > li a:hover, #mainNaviArea #mainNavi ul > li a:focus, #mainNaviArea #mainNavi ul > li a:active { cursor: pointer; color: #fff; background: linear-gradient(to right, #5580c5, #23519C); }
#mainNaviArea #mainNavi ul > li a span { flex-basis: 100%; font-size: 12px; }
#mainNaviArea #mainNavi ul > li.current > a { color: #23519C; }
#mainNaviArea #mainNavi ul > li.current > a:hover { color: #fff; }
#mainNaviArea #mainNavi ul > li ul.sub-menu { position: absolute; top: 100%; left: 0; display: block; text-align: left; z-index: 0; padding: 0; margin: 0; height: 0; width: 180px; }
#mainNaviArea #mainNavi ul > li ul.sub-menu li { padding: 0; margin: 0; height: 0; width: 180px; }
#mainNaviArea #mainNavi ul > li ul.sub-menu li a { margin: 0; opacity: 0; padding: 0 10px; font-size: 14px; display: block; text-align: left; position: relative; transition: none; }
#mainNaviArea #mainNavi ul > li ul.sub-menu li ul.sub-menu { top: 0; left: 180px; display: none; }
#mainNaviArea #mainNavi ul > li:hover, #mainNaviArea #mainNavi ul > li:focus { transition: .3s ease-in-out; }
#mainNaviArea #mainNavi ul > li:hover ul.sub-menu, #mainNaviArea #mainNavi ul > li:focus ul.sub-menu { z-index: 1; height: 100%; opacity: 1; }
#mainNaviArea #mainNavi ul > li:hover ul.sub-menu li, #mainNaviArea #mainNavi ul > li:focus ul.sub-menu li { padding: 0; height: auto; opacity: 1; width: 100%; text-align: left; background: #f9f7f3; border-bottom: #ccc 1px solid; }
#mainNaviArea #mainNavi ul > li:hover ul.sub-menu li.children a:after, #mainNaviArea #mainNavi ul > li:focus ul.sub-menu li.children a:after { position: absolute; align-items: center; border: none; content: "\f105"; font-family: FontAwesome; transform: none; color: #333; right: 15px; font-size: 14px; border-radius: 0; top: 50%; margin-top: -8px; }
#mainNaviArea #mainNavi ul > li:hover ul.sub-menu li.children a:hover:after, #mainNaviArea #mainNavi ul > li:hover ul.sub-menu li.children a:focus:after, #mainNaviArea #mainNavi ul > li:focus ul.sub-menu li.children a:hover:after, #mainNaviArea #mainNavi ul > li:focus ul.sub-menu li.children a:focus:after { color: #fff; }
#mainNaviArea #mainNavi ul > li:hover ul.sub-menu li a, #mainNaviArea #mainNavi ul > li:focus ul.sub-menu li a { padding: 10px 31px 10px 10px; opacity: 1; display: block; border-bottom: 1px solid #23519C; transition: .3s ease-in-out; }
#mainNaviArea #mainNavi ul > li:hover ul.sub-menu li a:last-of-type, #mainNaviArea #mainNavi ul > li:focus ul.sub-menu li a:last-of-type { border: none; }
#mainNaviArea #mainNavi ul > li:hover ul.sub-menu li a:hover, #mainNaviArea #mainNavi ul > li:hover ul.sub-menu li a:focus, #mainNaviArea #mainNavi ul > li:focus ul.sub-menu li a:hover, #mainNaviArea #mainNavi ul > li:focus ul.sub-menu li a:focus { color: #fff; background: linear-gradient(to right, #5580c5, #23519C); }
#mainNaviArea #mainNavi ul > li:hover ul.sub-menu li a:hover:after, #mainNaviArea #mainNavi ul > li:hover ul.sub-menu li a:focus:after, #mainNaviArea #mainNavi ul > li:focus ul.sub-menu li a:hover:after, #mainNaviArea #mainNavi ul > li:focus ul.sub-menu li a:focus:after { color: #fff; }
#mainNaviArea #mainNavi ul > li:hover ul.sub-menu li:last-of-type a, #mainNaviArea #mainNavi ul > li:focus ul.sub-menu li:last-of-type a { border-bottom: none; }
#mainNaviArea #mainNavi ul > li:hover ul.sub-menu li:hover ul.sub-menu, #mainNaviArea #mainNavi ul > li:hover ul.sub-menu li:focus ul.sub-menu, #mainNaviArea #mainNavi ul > li:focus ul.sub-menu li:hover ul.sub-menu, #mainNaviArea #mainNavi ul > li:focus ul.sub-menu li:focus ul.sub-menu { display: block; }
#mainNaviArea #mainNavi ul > li:hover ul.sub-menu li:hover ul.sub-menu li a:after, #mainNaviArea #mainNavi ul > li:hover ul.sub-menu li:focus ul.sub-menu li a:after, #mainNaviArea #mainNavi ul > li:focus ul.sub-menu li:hover ul.sub-menu li a:after, #mainNaviArea #mainNavi ul > li:focus ul.sub-menu li:focus ul.sub-menu li a:after { display: none; }
#mainNaviArea #mainNavi ul > li.current-menu-item > a { color: #5580c5 !important; }
#mainNaviArea #mainNavi ul > li.current-menu-item > a ul.sub-menu > a { color: #5580c5 !important; background: #fff; }
#mainNaviArea #mainNavi ul > li.current-menu-item > a ul.sub-menu > a:hover, #mainNaviArea #mainNavi ul > li.current-menu-item > a ul.sub-menu > a:focus { color: #5580c5 !important; }
#mainNaviArea #mainNavi ul > li.current-menu-parent > ul li.current-menu-item a { color: #5580c5 !important; background: #fff; } }

/* ---------------------------------------------------------------- */
/* フッターエリア */
/* ---------------------------------------------------------------- */
#footer { clear: both; margin-top: 90px; padding: 0 0 5px; position: relative; }
#footer #experienceArea { margin: 80px 0 90px; }
#footer #experienceArea .headline { font-size: 22px; margin-bottom: 20px; }
#footer #experienceArea .experienceWrap .experienceBox.textBox { padding: 30px 10px 40px; border: 1px solid #23519C; }
#footer #experienceArea .experienceWrap .experienceBox.textBox p { margin: 0; }
#footer #experienceArea .btn { margin: 20px auto 0; }
#footer .footerLogo { text-align: center; margin-bottom: 90px; }
#footer .footerLogo img { width: 130px; height: auto; }
#footer #footerNaviWrap { display: none; }
#footer #copyright { width: 100%; }
#footer #copyright p { color: #333; margin: 0; }
@media print, screen and (min-width: 768px) {
#footer { margin-top: 160px; }
#footer #experienceArea { margin: 80px 0 110px; }
#footer #experienceArea .headline { margin-bottom: 30px; }
#footer #experienceArea .experienceWrap { display: flex; }
#footer #experienceArea .experienceWrap .experienceBox { flex-basis: 50%; max-width: 50%; }
#footer #experienceArea .experienceWrap .experienceBox.imgBox { overflow: hidden; position: relative; }
#footer #experienceArea .experienceWrap .experienceBox.imgBox img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; max-width: none; }
#footer #experienceArea .experienceWrap .experienceBox.textBox { padding: 45px 25px 25px; }
#footer #experienceArea .btn { margin: 20px 0 0 auto; }

#footer #footerNaviWrap { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 150px; }
#footer #footerNaviWrap .naviBox { flex-basis: 48%; max-width: 48%; }
#footer #footerNaviWrap .naviBox:nth-child(n + 3) { margin-top: 30px; }
#footer #footerNaviWrap .naviBox ul { margin: 0; padding: 0; }
#footer #footerNaviWrap .naviBox ul li { display: block; color: #333; }
#footer #footerNaviWrap .naviBox ul li a { text-decoration: none; color: #333; }
#footer #footerNaviWrap .naviBox ul li a:hover { color: #5580c5; text-decoration: underline; }
#footer #footerNaviWrap .naviBox ul li.children { margin-bottom: 10px; }
#footer #footerNaviWrap .naviBox ul li ul { padding-left: 20px; } }
@media print, screen and (min-width: 992px) {
#footer { margin: 180px 0 0; }
#footer .footerLogo { margin-bottom: 60px; }
#footer #footerNaviWrap { flex-wrap: nowrap; }
#footer #footerNaviWrap .naviBox { flex-basis: 23%; max-width: 23%; }
#footer #footerNaviWrap .naviBox:nth-child(n + 3) { margin-top: 0; } }

/* ---------------------------------------------------------------- */
/* サイドバー  */
/* ---------------------------------------------------------------- */
#sidebar .widget-area { display: none; }
#sidebar .widget img { max-width: 100%; }

/* ---------------------------------------------------------------- */
/* ページナビ */
/* ---------------------------------------------------------------- */
.wp-pagenavi { position: relative; text-align: center; padding: 0 0; margin: 30px 0 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; }
.wp-pagenavi a, .wp-pagenavi span { color: #23519C; width: 32px; height: 32px; padding: 3px 0 0 0; text-decoration: none; background: #fff; border: 0; line-height: 1; display: flex; align-items: center; justify-content: center; margin: 0 5px; }
.wp-pagenavi a:hover, .wp-pagenavi a:focus { color: #23519C; border: 1px solid #23519C; }
.wp-pagenavi span.current { color: #23519C; font-weight: 400; border: 1px solid #23519C; }
.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink { font-size: 20px; color: #23519C; background: none; border: none; }
.wp-pagenavi .nextpostslink:hover, .wp-pagenavi .nextpostslink:focus, .wp-pagenavi .previouspostslink:hover, .wp-pagenavi .previouspostslink:focus { color: #5580c5; background: none; border: none; }

/* ---------------------------------------------------------------- */
/* ページトップ ボタン */
/* ---------------------------------------------------------------- */
#pagetopArea { position: fixed; right: 15px; bottom: 130px; z-index: 999; opacity: 0; transition: .6s; }
#pagetopArea.fixedPagetop { opacity: 1; transition: .6s; }
#pagetopArea a { text-decoration: none; }
#pagetopArea a span { font-size: 20px; font-weight: 100; text-align: center; width: 30px; height: 30px; border-radius: 100%; color: #23519C; border: 1px solid #23519C; background-color: #fff; display: flex; justify-content: center; align-items: center; }
#pagetopArea a i { margin-top: -2px; }
#pagetopArea a img { width: 13px; margin: 0 auto 20px; display: block; }
#pagetopArea a:hover span, #pagetopArea a:focus span { color: #fff; background: #23519C; }
@media print, screen and (min-width: 768px) {
#pagetopArea { right: 10px; top: 480px; display: block; } }


/* ---------------------------------------------------------------- */
/* メインスライダー  */
/* ---------------------------------------------------------------- */
#sliderArea { position: relative; clear: both; width: 100%; margin-bottom: 0; overflow: hidden; }
#sliderArea #sliderPc { display: none; }
#sliderArea .metaslider .flexslider .slides > li { position: relative; overflow: hidden; }
@media print, screen and (min-width: 768px) {
#sliderArea #sliderPc { display: block; }
#sliderArea #sliderSp { display: none; }
#sliderArea .metaslider .flexslider { margin-bottom: 0;}
#sliderArea .metaslider .flex-control-paging li a.flex-active { background: #23519C; } }
@media print, screen and (min-width: 992px) {
#sliderArea img { width: 100%; max-width: 1700px; height: auto; margin: 0 auto; display: block; } }

/* ---------------------------------------------------------------- */
/* フローティングバナー */
/* ---------------------------------------------------------------- */
#floatingBox { display: none; }
@media print, screen and (min-width: 992px) {
#floatingBox { display: block; position: fixed; top: 300px; right: 0; z-index: 999; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
#floatingBox ul { margin: 0; padding: 0; }
#floatingBox ul li { list-style-type: none; }
#floatingBox ul li a { display: flex; justify-content: center; align-items: center; width: 50px; height: 160px; font-weight: bold; text-decoration: none; color: #fff; background-color: #323232; }
#floatingBox ul li a:hover { background-color: #23519C; } }

/* ---------------------------------------------------------------- */
/* HOME */
/* ---------------------------------------------------------------- */
#indexPage h2 { font-size: 28px; text-align: center; font-weight: normal; margin: 0 0 50px; }
#indexPage p { text-align: justify; text-justify: inter-ideograph; margin-bottom: 35px; }
#indexPage #campaignBnrArea { display: none; }
#indexPage #reasonArea { padding: 80px 0 45px; position: relative; }
#indexPage #reasonArea:before { content: ""; background: url(images/home/reason_bg_img01.jpg) no-repeat top 0 right -260px; display: block; width: 100%; height: 100%; position: absolute; top: 0; z-index: -1; opacity: .6; }
#indexPage #reasonArea .logo { text-align: center; margin-top: -20px; margin-bottom: 50px; }
#indexPage #reasonArea h2 { margin: 0 0 40px; color: #23519C; }
#indexPage #reasonArea .reasonWrap {  }
#indexPage #reasonArea .reasonWrap .reasonInner {
	scroll-snap-type: x;
	white-space: nowrap;
	overflow-x: scroll;
	margin: 0 auto;
	padding: 0 0 20px;
	width: 100%;
}
#indexPage #reasonArea .reasonWrap .reasonBox {
	scroll-snap-align: center;
	display: inline-block;
	margin: 0 20px;
	padding: 25px 20px 35px;
	width: 90%;
	height: 630px;
	white-space: normal;
	background-color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	overflow: hidden; }
#indexPage #reasonArea .reasonWrap .reasonBox .imgBox { max-width: 200px; margin: 0 auto 40px; }
#indexPage #reasonArea .reasonWrap .reasonBox .headLine { color: #23519C; font-size: 22px; margin-bottom: 40px; text-align: center; line-height: 1.75; }
#indexPage #reasonArea .reasonWrap .reasonBox p { margin: 0; }
#indexPage #reasonArea .reasonWrap .btn { margin: 30px auto 0; }
@media print, screen and (min-width: 768px) {
	#indexPage #reasonArea { padding-bottom: 60px; }
	#indexPage #reasonArea:before { background: url(images/home/reason_bg_img01.jpg) no-repeat top center; background-size: cover; }
	#indexPage #reasonArea h2 { margin: 0 0 60px; }
	#indexPage #reasonArea .reasonWrap { padding: 20px 0; background-color: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); }
	#indexPage #reasonArea .reasonWrap .reasonInner { display: flex; flex-wrap: wrap; justify-content: center; padding: 0; }
	#indexPage #reasonArea .reasonWrap .reasonBox { flex-basis: 50%; max-width: 50%; height: auto; padding: 0 30px 20px; margin: 20px auto; box-shadow: none; overflow: auto; }
	/*#indexPage #reasonArea .reasonWrap .reasonBox + .reasonBox { padding-top: 0; border-left: 1px solid #e4e4e4; }*/
	#indexPage #reasonArea .reasonWrap .reasonBox:nth-child(even) { padding-top: 0; border-left: 1px solid #e4e4e4; }
	#indexPage #reasonArea .reasonWrap .reasonBox:after { display: none; }
	#indexPage #reasonArea .reasonWrap .reasonBox:nth-child(n+3) { margin-top: 60px; }
	#indexPage #reasonArea .reasonWrap .btn { margin: 40px auto 0; }
	#indexPage #reasonArea .show-pc { display: none;}
}
@media print, screen and (min-width: 1200px) {
	#indexPage #reasonArea .reasonWrap .reasonBox { flex-basis: 25%; max-width: 25%; }
	#indexPage #reasonArea .reasonWrap .reasonBox:nth-child(n+3) { margin-top: 20px; }
	#indexPage #reasonArea .reasonWrap .reasonBox + .reasonBox { border-left: 1px solid #e4e4e4; }
	#indexPage #reasonArea .reasonWrap .reasonBox .headLine { font-size: 20px; }
	#indexPage #reasonArea .show-pc { display: block;;}
}

#indexPage #menuArea { margin: 70px 0; }
#indexPage #menuArea h2 { color: #23519C; }
table.menuGetsugaku, .postPage table.menuGetsugaku { margin: 0 auto 1em; font-size: 18px; border: none; width: auto; }
table.menuGetsugaku tr, .postPage table.menuGetsugaku tr { border: none; }
table.menuGetsugaku th, .postPage table.menuGetsugaku th { padding: 10px; display: inline-block; border: none; line-height: 1.3; text-align: left; font-weight: normal; }
table.menuGetsugaku td, .postPage table.menuGetsugaku td { padding: 10px; border: none; font-size: 28px; text-align: right; display: block; }
table.menuGetsugaku td:before { content: "⇒"; }
.menuGetsugaku .circle { display: inline-block;	background: #de4c04; color: #ffffff; border-radius:50%; width: 3em; height: 3em; text-align: center; font-size: 16px; line-height:16px; padding: 16px 0; margin-right:10px; vertical-align: text-bottom; }
.menuGetsugakuPrice { font-weight: bold; font-size: 50px;  color: #de4c04; }
.menuGetsugaku-yen { font-weight: bold; font-size: 26px;  color: #de4c04; }
.menuGetsugaku-tanka { font-size: 26px;  color: #de4c04; display: block; text-align: right; }
.menuGetsugaku-tax { display: block; padding-left: 65px; line-height: 1; }
.top-menu-img { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px; }
.top-menu-img p { width: 48%; margin-bottom: 2% !important; }
#indexPage #menuArea .btn { margin: 50px auto 0; }
@media print, screen and (min-width: 768px) {
	table.menuGetsugaku td, .postPage table.menuGetsugaku td { display: inline-block; }
	#indexPage #menuArea .btn { margin: 60px auto 0; }
}
@media print, screen and (min-width: 992px) {
	.menuGetsugaku-tanka { display: inline-block; padding-left: 0.5em; }
	.top-menu-img p { width: 23%; }
}

#indexPage #salonArea { background-color: #f8f8f8; padding: 70px 0;}
#indexPage #salonArea .shopWrap .shopBox + .shopBox { margin-top: 50px; }

@media print, screen and (min-width: 768px) {
	#indexPage #salonArea .shopWrap { display: flex; flex-wrap: nowrap; justify-content: center; }
	#indexPage #salonArea .shopWrap .shopBox { flex-basis: 31%; max-width: 31%; }
	#indexPage #salonArea .shopWrap .shopBox + .shopBox { margin-top: 0; }
}


#indexPage #flowArea { position: relative; padding: 50px 0; }
#indexPage #flowArea:before { content: ""; position: absolute; top: 0; left: 0; background: url("images/home/flow_bg.jpg") no-repeat top center; background-size: cover; -ms-filter: blur(6px); filter: blur(6px); width: 100%; height: 100%; z-index: -1; }
#indexPage #flowArea .flowSliderWrap .swiper-container { width: 100%; margin-left: auto; margin-right: auto; }
#indexPage #flowArea .flowSliderWrap .swiper-slide { background-size: cover; background-position: center; }
#indexPage #flowArea .flowSliderWrap .gallery-top { width: 100%; }
#indexPage #flowArea .flowSliderWrap .gallery-top .swiper-wrapper { height: 130px; }
#indexPage #flowArea .flowSliderWrap .gallery-thumbs { padding-bottom: 50px; }
#indexPage #flowArea .flowSliderWrap .gallery-thumbs.swiper-container { background-color: #fff; }
#indexPage #flowArea .flowSliderWrap .gallery-thumbs .swiper-slide { width: 25%; padding: 50px 30px 0; }
#indexPage #flowArea .flowSliderWrap .swiper-pagination { position: static; padding: 0 30px; margin-top: 10px; }
#indexPage #flowArea .flowSliderWrap .swiper-pagination-bullet { width: 30px; height: 30px; text-align: center; display: inline-flex; justify-content: center; align-items: center; font-size: 14px; color: #23519C; opacity: 1; background: #fff; border: 1px solid #23519C; border-radius: 0; }
#indexPage #flowArea .flowSliderWrap .swiper-pagination-bullet-active { color: #fff; background: #23519C; }
#indexPage #flowArea .headline { font-size: 22px; margin-bottom: 20px; }
#indexPage #flowArea p { margin: 0; }
#indexPage #flowArea .btn { margin: 50px auto 0; }
#indexPage #attArea { margin: 70px 0; }
#indexPage #attArea .attInner { background-color: #f8f8f8; padding: 50px 5px 40px; }
#indexPage #attArea h2 { margin-bottom: 30px; }
#indexPage #attArea p { font-size: 18px; text-align: center; margin: 0; }
#indexPage #voiceArea { margin: 70px 0 60px; }
#indexPage #voiceArea .btn { margin: 50px auto 0; }
#indexPage #linkArea { margin: 60px 0 70px; padding: 50px 0; background-color: #323232; }
#indexPage #linkArea .linkWrap .linkBox { overflow: hidden; position: relative; }
#indexPage #linkArea .linkWrap .linkBox + .linkBox { margin-top: 30px; }
#indexPage #linkArea .linkWrap .linkBox:nth-child(1) .imgBox { background: url("images/home/link_img01.jpg") no-repeat center center; background-size: cover; }
#indexPage #linkArea .linkWrap .linkBox:nth-child(2) .imgBox { background: url("images/home/link_img02.jpg") no-repeat center center; background-size: cover; }
#indexPage #linkArea .linkWrap .linkBox:nth-child(3) .imgBox { background: url("images/home/link_img03.jpg") no-repeat center center; background-size: cover; }
#indexPage #linkArea .linkWrap .linkBox:nth-child(4) .imgBox { background: url("images/home/link_img04.jpg") no-repeat center center; background-size: cover; }
#indexPage #linkArea .linkWrap a { text-decoration: none; }
#indexPage #linkArea .linkWrap a:hover .imgBox { transition: all ease-in-out .3s; transform: scale(1.2, 1.2); }
#indexPage #linkArea .linkWrap .imgBox { overflow: hidden; width: 100%; height: 100px; transition: all ease-in-out .3s; }
#indexPage #linkArea .linkWrap .imgBox:before { content: ""; background: linear-gradient(to right, #D4C671, #9B7C38); position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .6; z-index: 1; }
#indexPage #linkArea .linkWrap .linkText { font-size: 20px; color: #fff; z-index: 2; width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#indexPage #newsArea { margin: 70px 0 65px; }
#indexPage #newsArea h2 { text-align: left; }
#indexPage #newsArea .newsInner { padding: 50px 10px 70px; background-color: #f8f8f8; }
#indexPage #newsArea .btn { margin: 50px auto 0; }
#indexPage #blogArea { margin: 65px 0 0; }
#indexPage #blogArea .btn { margin: 40px auto 0; }
@media print, screen and (min-width: 768px) {
#indexPage #campaignBnrArea { display: block; text-align: right; margin-top: -20px; position: relative; z-index: 2; padding-right: 50px; }
#indexPage #flowArea { padding: 90px 0 60px; }
#indexPage #flowArea .flowSliderWrap { position: relative; padding-top: 80px; }
#indexPage #flowArea .flowSliderWrap .swiper-container { width: 100%; }
#indexPage #flowArea .flowSliderWrap .gallery-top { width: 55.31914%; position: absolute; top: 0; left: 0; }
#indexPage #flowArea .flowSliderWrap .gallery-top .swiper-wrapper { height: 234px; }
#indexPage #flowArea .flowSliderWrap .gallery-thumbs { width: 48.40425%; padding-bottom: 50px; }
#indexPage #flowArea .flowSliderWrap .gallery-thumbs.swiper-container { margin: 0 0 0 auto; }
#indexPage #flowArea .flowSliderWrap .swiper-pagination { margin-top: 50px; padding: 0 0 0 30px; text-align: left; }
#indexPage #flowArea .btn { margin: 30px auto 0; }
#indexPage #attArea { margin: 90px 0; }
#indexPage #attArea .attInner { background-color: #f8f8f8; padding: 60px 10px 60px; }
#indexPage #attArea h2 { margin-bottom: 40px; }
#indexPage #attArea p { font-size: 18px; text-align: center; }
#indexPage #voiceArea { margin: 90px 0; }
#indexPage #voiceArea h2 { margin-bottom: 40px; }
#indexPage #voiceArea .btn { margin: 40px auto 0; }
#indexPage #linkArea { margin: 90px 0; padding: 60px 0; }
#indexPage #linkArea .linkWrap { display: flex; flex-wrap: nowrap; justify-content: center; }
#indexPage #linkArea .linkWrap .linkBox { flex-basis: 50%; }
#indexPage #linkArea .linkWrap .linkBox + .linkBox { margin-top: 0; }
#indexPage #linkArea .linkWrap .linkBox .imgBox { height: 120px; }
#indexPage #newsArea { margin: 90px 0; }
#indexPage #newsArea h2 { margin-bottom: 40px; }
#indexPage #newsArea .newsInner { padding: 70px 30px 60px 60px; }
#indexPage #newsArea .btn { margin: 40px 0 0 auto; }
#indexPage #blogArea { margin: 90px 0 0; }
#indexPage #blogArea .btn { margin: 40px auto 0; } }


/* ---------------------------------------------------------------- */
/* コンテンツ共通 */
/* ---------------------------------------------------------------- */
/* ニュースリストベース */
/* ---------------------------- */
.postListWrap .postBox + .postBox { margin-top: 50px; }
.postListWrap .postBox time { line-height: 1; width: 100px; color: #23519C; margin-bottom: 15px; display: block; }
.postListWrap .postBox .permaLinkWrap a { text-decoration: none; color: #333; }
.postListWrap .postBox:hover a, .postListWrap .postBox:focus a { color: #5580c5; text-decoration: none; }
@media print, screen and (min-width: 768px) {
.postListWrap .postBox { display: flex; flex-wrap: nowrap; align-items: center; }
.postListWrap .postBox + .postBox { margin-top: 30px; }
.postListWrap .postBox time { margin-bottom: 0; }
.postListWrap .postBox .permaLinkWrap { flex-basis: calc( 100% - 140px); width: calc( 100% - 140px); margin: 0; } }
.voiceListWrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.voiceListWrap .voiceBox { flex-basis: calc((100% / 2) - 10px); max-width: calc((100% / 2) - 10px); overflow: hidden; }
.voiceListWrap .voiceBox:nth-child(n+3) { margin-top: 30px; }
.voiceListWrap .thumbnail a { width: 100%; overflow: hidden; display: block; position: relative; }
.voiceListWrap .thumbnail a:before { content: ""; display: block; padding-top: 100%; }
.voiceListWrap .thumbnail a img { max-width: none; width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
@media print, screen and (min-width: 768px) {
.voiceListWrap .voiceBox { flex-basis: calc((100% / 6) - 15px); max-width: calc((100% / 6) - 15px); }
.voiceListWrap .voiceBox:nth-child(n+3) { margin-top: 0; } }
@media print, screen and (min-width: 768px) {
#voiceCatList .voiceListWrap:after { content: ""; display: block; flex-basis: 31%; width: 31%; }
#voiceCatList .voiceListWrap .voiceBox { flex-basis: 31%; max-width: 31%; }
#voiceCatList .voiceListWrap .voiceBox:nth-child(n+4) { margin-top: 30px; } }
@media print, screen and (min-width: 992px) {
#voiceCatList .voiceListWrap:before { content: ""; display: block; flex-basis: 23%; width: 23%; order: 1; }
#voiceCatList .voiceListWrap:after { content: ""; display: block; flex-basis: 23%; width: 23%; }
#voiceCatList .voiceListWrap .voiceBox { flex-basis: 23%; max-width: 23%; }
#voiceCatList .voiceListWrap .voiceBox:nth-child(n+4) { margin-top: 0; }
#voiceCatList .voiceListWrap .voiceBox:nth-child(n+5) { margin-top: 30px; } }

/* ---------------------------- */
/* ブログリスト */
/* ---------------------------- */
#blogArea .blogListWrap .blogBox + .blogBox, #blogCatList .blogListWrap .blogBox + .blogBox, #staffblogCatList .blogListWrap .blogBox + .blogBox, #ayablogCatList .blogListWrap .blogBox + .blogBox { margin-top: 20px; }
#blogArea .blogListWrap .thumbnail, #blogCatList .blogListWrap .thumbnail, #staffblogCatList .blogListWrap .thumbnail, #ayablogCatList .blogListWrap .thumbnail { max-width: 100%; margin-bottom: 20px; overflow: hidden; text-align: center; }
#blogArea .blogListWrap .thumbnail a, #blogCatList .blogListWrap .thumbnail a, #staffblogCatList .blogListWrap .thumbnail a, #ayablogCatList .blogListWrap .thumbnail a { position: relative; width: 100%; overflow: hidden; display: block; }
#blogArea .blogListWrap .thumbnail a:before, #blogCatList .blogListWrap .thumbnail a:before, #staffblogCatList .blogListWrap .thumbnail a:before, #ayablogCatList .blogListWrap .thumbnail a:before { content: ""; display: block; padding-top: 66.666%; }
#blogArea .blogListWrap .thumbnail a img, #blogCatList .blogListWrap .thumbnail a img, #staffblogCatList .blogListWrap .thumbnail a img, #ayablogCatList .blogListWrap .thumbnail a img { max-width: none; width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
#blogArea .blogListWrap time, #blogCatList .blogListWrap time, #staffblogCatList .blogListWrap time, #ayablogCatList .blogListWrap time { margin-bottom: 10px; max-width: 100%; color: #23519C; display: block; }
#blogArea .blogListWrap .permaLinkWrap a, #blogCatList .blogListWrap .permaLinkWrap a, #staffblogCatList .blogListWrap .permaLinkWrap a, #ayablogCatList .blogListWrap .permaLinkWrap a { text-decoration: none; color: #333; }
@media print, screen and (min-width: 768px) {
#blogArea .blogListWrap, #blogCatList .blogListWrap, #staffblogCatList .blogListWrap, #ayablogCatList .blogListWrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
#blogArea .blogListWrap .blogBox, #blogCatList .blogListWrap .blogBox, #staffblogCatList .blogListWrap .blogBox, #ayablogCatList .blogListWrap .blogBox { flex-basis: 48%; max-width: 48%; }
#blogArea .blogListWrap .blogBox + .blogBox, #blogCatList .blogListWrap .blogBox + .blogBox, #staffblogCatList .blogListWrap .blogBox + .blogBox, #ayablogCatList .blogListWrap .blogBox + .blogBox { margin-top: 0; }
#blogArea .blogListWrap .blogBox:nth-child(n+3), #blogCatList .blogListWrap .blogBox:nth-child(n+3), #staffblogCatList .blogListWrap .blogBox:nth-child(n+3), #ayablogCatList .blogListWrap .blogBox:nth-child(n+3) { margin-top: 30px; } }
@media print, screen and (min-width: 992px) {
#blogArea .blogListWrap:before, #blogCatList .blogListWrap:before, #staffblogCatList .blogListWrap:before, #ayablogCatList .blogListWrap:before { content: ""; display: block; flex-basis: 23%; width: 23%; order: 1; }
#blogArea .blogListWrap:after, #blogCatList .blogListWrap:after, #staffblogCatList .blogListWrap:after, #ayablogCatList .blogListWrap:after { content: ""; display: block; flex-basis: 23%; width: 23%; }
#blogArea .blogListWrap .blogBox, #blogCatList .blogListWrap .blogBox, #staffblogCatList .blogListWrap .blogBox, #ayablogCatList .blogListWrap .blogBox { flex-basis: 23%; max-width: 23%; }
#blogArea .blogListWrap .blogBox:nth-child(n+3), #blogCatList .blogListWrap .blogBox:nth-child(n+3), #staffblogCatList .blogListWrap .blogBox:nth-child(n+3), #ayablogCatList .blogListWrap .blogBox:nth-child(n+3) { margin-top: 0; }
#blogArea .blogListWrap .blogBox:nth-child(n+5), #blogCatList .blogListWrap .blogBox:nth-child(n+5), #staffblogCatList .blogListWrap .blogBox:nth-child(n+5), #ayablogCatList .blogListWrap .blogBox:nth-child(n+5) { margin-top: 30px; } }

/* ---------------------------- */
/* ページヘッダー */
/* ---------------------------- */
#cnts { margin-top: 50px; margin-bottom: 50px; }
#cnts .pageTitle { font-size: 28px; }
#cnts .pageTitle + time { text-align: left; display: block; color: #23519C; margin: -20px 0 20px; }

/* ---------------------------- */
/* サブページヘッダー */
/* ---------------------------- */
#pageHeader { height: 165px; background-repeat: no-repeat; background-size: cover; background-position: center center; position: relative; z-index: -1; }
#pageHeader:before { content: ""; background-color: rgba(104, 75, 23, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#pageHeader #h2Wrap { display: flex; height: 165px; justify-content: center; align-items: center; position: relative; z-index: 1; }
#pageHeader #h2Wrap h2 { color: #fff; margin: 0; font-size: 28px; padding: 0 15px; font-weight: bold; }
@media print, screen and (min-width: 768px) {
#pageHeader { max-width: 720px; width: 100%; margin: 0 auto; } }
@media print, screen and (min-width: 992px) {
#pageHeader { max-width: 950px; } }
@media print, screen and (min-width: 1200px) {
#pageHeader { max-width: 1140px; } }

/* ---------------------------- */
/* パンくず */
/* ---------------------------- */
.gi-breadcrumbs__list { display: flex; flex-wrap: wrap; margin: 0 auto; padding: 7px 15px; font-size: 10px; color: #5580c5; list-style: none; }
.gi-breadcrumbs__item:not(:last-child)::after { content: ">"; padding: 0 6px; }
.gi-breadcrumbs__link { color: #5580c5; text-decoration: none; transition: color 0.3s; }
.gi-breadcrumbs__link:hover { color: #5580c5; text-decoration: underline; }
@media print, screen and (min-width: 768px) {
.gi-breadcrumbs { max-width: 750px; margin: 0 auto; } }
@media print, screen and (min-width: 992px) {
.gi-breadcrumbs { max-width: 970px; } }
@media print, screen and (min-width: 1200px) {
.gi-breadcrumbs { max-width: 1170px; } }

/* ---------------------------------------------------------------- */
/* 詳細ページ */
/* ---------------------------------------------------------------- */
.postPage #postCnt { margin: 20px 0; min-height: 300px; }
.postPage h2:not(.pageTitle) { background-color: #23519C; font-size: 24px; min-height: 40px; padding: 10px 20px; color: #fff; margin: 0 0 30px; }
.postPage h3 { color: #23519C; margin: 0 0 30px; font-size: 22px; }
.postPage .h4Wrap { margin: 0 0 30px; position: relative; }
.postPage .h4Wrap:before { content: ""; width: 100%; height: 1px; display: block; background-color: #23519C; position: absolute; top: 11px; left: 0; z-index: -1; }
.postPage h4 { margin: 40px 0 15px; font-size: 20px; padding:5px; color: #000; border-bottom: 1px solid #23519c; }
.postPage h5 { font-size: 18px; min-height: 25px; margin: 30px 0 10px; padding: 2px 0 2px 10px; border-left: 2px solid #23519C; }
.postPage h6 { margin: 30px 0 10px; font-size: 18px; color: #23519C; font-weight: normal; }
.postPage h1, .postPage h2, .postPage h3, .postPage h4, .postPage h5, .postPage h6 { line-height: 1.2; }
.postPage .box:nth-of-type(n + 2) { margin-top: 60px; }
.postPage .imgBox { margin-bottom: 30px; }
.postPage .imgBox.w300h300 { width: 300px; height: 300px; margin: 0 auto 30px; }
.postPage p { margin: 0 0 20px; text-align: justify; text-align: inter-ideograph; font-size: 16px; }
.postPage p img { max-width: 100%; margin-bottom: 0; }
.postPage p.tableAtt { margin: -20px 0 20px; }
.postPage .redText { color: #d13746; }
.postPage .orangeText { color: #de4c04 !important; }
.postPage .bold { font-weight: bold; }
.postPage .coming { text-align: center; margin: 50px 0; font-size: 16px; }
.postPage .small { font-size: 12px; }
.postPage .linkWrap { display: flex; flex-wrap: wrap; margin: 15px 0 0; align-items: flex-start; }
.postPage .imgWrap + .imgWrap { margin-top: 20px; }
.postPage .textLeft { text-align: left; }
.postPage .textCenter { text-align: center; }
.postPage .textRight { text-align: right; }
.postPage code { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }
.postPage pre { overflow: auto; background: #efefef; padding: 15px; border-radius: 8px; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }
.postPage a { position: relative; color: #23519C; }
.postPage a:hover, .postPage a:focus { text-decoration: none; color: #5580c5; }
.postPage a.btn { color: #fff; position: relative; overflow: hidden; z-index: 1; transition: none; }
.postPage a.btn:after { width: 100%; height: 0; content: ""; position: absolute; top: 50%; left: 50%; background: #fff; opacity: 0; transform: translateX(-50%) translateY(-50%) rotate(45deg); transition: all ease-in-out .3s; z-index: -1; }
.postPage a.btn:hover { color: #23519C; background: #23519C; border: 1px solid #23519C; transition: none; }
.postPage a.btn:hover:after { height: 170px; opacity: 1; }
.postPage a.btn:active:after { height: 210px; opacity: 1; }
.postPage a.textBlank { position: relative; margin-right: 30px; display: inline-block; }
.postPage a.textBlank:before { content: '\f08e'; position: absolute; display: block; font: 14px/1 FontAwesome; right: -25px; top: 5px; }
.postPage a.textArrow { text-decoration: none; color: #23519C; }
.postPage a.textArrow:hover { color: #23519C; text-decoration: underline; }
.postPage a.textArrow:after { display: inline-block; content: '\f0a9'; font: 16px/1 FontAwesome; margin-left: 10px; text-decoration: none; }
.postPage a.textArrowR { text-decoration: none; color: #23519C; }
.postPage a.textArrowR:hover, .postPage a.textArrowR:focus { color: #23519C; text-decoration: underline; }
.postPage a.textArrowR:after { display: inline-block; content: '\f0a9'; font: 16px/1 FontAwesome; margin-left: 10px; text-decoration: none; }
.postPage table { margin: 0 0 30px; width: 100%; border-collapse: collapse; border: 1px solid #cbcbcb; font-size: 16px; }
.postPage table caption { font-size: 18px; font-weight: bold; text-align: left; margin: 0; }
.postPage table tr { border-bottom: 1px solid #23519C; }
.postPage table tr:last-child { border-bottom: 0; }
.postPage table tr th, .postPage table tr td { display: block; padding: 17px .8em; width: auto; line-height: 1.4; }
.postPage table tr th { font-weight: bold; text-align: left; vertical-align: top; border-bottom: 1px solid #cbcbcb; }
.postPage table tr .tw200 { width: 100%; }
.postPage table tr .tw210 { width: 100%; }
.postPage table tr .tw33p { width: 33.333%; min-width: inherit; }
.postPage table tr .tw50p { width: 50%; min-width: inherit; }
.postPage table.type2 { border: 0; }
.postPage table.type2 tr { border: 0; }
.postPage table.type2 tr:nth-child(odd) { background-color: #f9f7f3; }
.postPage table.type2 tr th, .postPage table.type2 tr td { display: table-cell; border-collapse: collapse; border-bottom: 0; }
.postPage table.type2 tr th { background: #23519C; text-align: center; vertical-align: middle; padding: 0.6em .8em; color: #fff; }
.postPage table.type2 tr th + th { border-left: 1px solid #23519C; }
.postPage table.type2 tr td { padding: 0.6em .8em; }
.postPage table.type2 tr td + td { border-left: 1px solid #23519C; }
.postPage table.type2 tr td:nth-of-type(1) { border-left: none; }
.postPage table.type3 { border: 2px solid #cbcbcb; }
.postPage table.type3 tr { border-bottom: 2px solid #cbcbcb; }
.postPage table.type3 tr th, .postPage table.type3 tr td { display: table-cell; border-collapse: collapse; border-bottom: 0; text-align: center; }
.postPage table.type3 tr th { background: #DDEBF7; text-align: center; vertical-align: middle; padding: 0.6em .8em; color: #747474; }
.postPage table.type3 tr th + th { border-left: 2px solid #fff; }
.postPage table.type3 tr td { padding: 0.6em .8em; }
.postPage table.type3 tr td + td { border-left: 1px solid #DDEBF7; }
.postPage table.type3 tr td:nth-of-type(1) { border-left: none; }
.postPage .tableSc { width: 100%; overflow: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.postPage .tableSc table { width: 100%; }
.postPage .tableSc table tr { border-bottom: 1px solid #f4f5fb; }
.postPage .tableSc table tr:nth-of-type(odd) { background: none; }
.postPage .tableSc table tr th, .postPage .tableSc table tr td { display: table-cell; border-collapse: collapse; width: inherit; }
.postPage .tableSc table tr th { background: #f4f5fb; text-align: center; vertical-align: middle; min-width: inherit; }
.postPage .tableSc table tr th + th { border-left: 1px solid #333; }
.postPage .tableSc table tr td + td { border-left: 1px solid #333; }
.postPage .tableSc table tr td:nth-of-type(1) { border-left: none; }
.postPage blockquote { background: #f8f8f8; width: 100%; border-radius: 8px; padding: 30px; margin: 0 0 60px; position: relative; }
.postPage blockquote:before { content: '\f10d'; position: absolute; display: block; font: 20px/1 FontAwesome; color: #23519C; left: 10px; top: 10px; }
.postPage blockquote:after { content: '\f10e'; position: absolute; display: block; font: 20px/1 FontAwesome; color: #23519C; right: 10px; }
.postPage blockquote p { margin: 0 0 15px; }
.postPage blockquote p:last-child { margin-bottom: 0; }
.postPage dl { margin: 0 0 30px; }
.postPage dl dt { font-weight: bold; }
.postPage dl dd { margin: 0; margin-bottom: 15px; }
.postPage dl.qa dt { margin: 50px 0 10px; position: relative; padding: 0 0 5px 30px; font-size: 16px; font-weight: bold; color: #23519C; }
.postPage dl.qa dt:before { position: absolute; line-height: 1; top: 3px; left: 0; display: flex; justify-content: center; text-align: center; content: 'Q'; flex-basis: 22px; width: 22px; height: 22px; font-size: 14px; color: #fff; background: #23519C; border-radius: 100%; padding-top: 3px; }
.postPage dl.qa dt:first-child { margin-top: 0; }
.postPage dl.qa dd { padding: 0 0 0 30px; margin-bottom: 20px; position: relative; font-size: 16px; }
.postPage dl.qa dd:before { position: absolute; line-height: 1; top: 0; left: 0; display: flex; justify-content: center; text-align: center; content: 'A'; flex-basis: 22px; width: 22px; height: 22px; font-size: 14px; color: #fff; border-radius: 100%; background-color: #5580c5; padding-top: 3px; }
.postPage ul { margin: 0 0 20px 5px; padding: 0; }
.postPage ul li { list-style: none; position: relative; padding: 0; font-size: 16px; }
.postPage ul li ul { padding: 0 0 10px; margin: 10px 0 0 1em; }
.single .postPage ul li { list-style: disc; margin-left: 12px; }
.postPage ul.iconList li,
.single .postPage ul.iconList li { padding: 0 0 0 1em; list-style: none; margin-left: 0; }
.postPage ul.iconList li:before { position: absolute; left: 0; top: 8px; content: ''; width: 7px; height: 7px; background: #5580c5; border-radius: 50%; margin-right: .5em; }
.postPage ul.checkList li { padding: 0 0 0 30px; background: url("images/common/check_icon.png") no-repeat top 3px left; }
.postPage ul.checkList li + li { margin-top: 20px; }
.postPage ul.effectList { margin: 20px 0 20px -5px; }
.postPage ul.effectList li { border: 1px solid #5580c5; border-top-left-radius: 15px; border-bottom-left-radius: 15px; color: #5580c5; display: inline-block; margin: 0 0 10px 5px; padding: 3px 5px 3px 20px; font-size: 14px; }
.postPage ul.effectList li:before { content: ""; position: absolute; background-color: #5580c5; top: 50%; left: 5px; width: 7px; height: 7px; margin-top: -3px; border-radius: 50%; margin-right: .5em; }
.postPage ul.inlineBlockList { margin: 0; }
.postPage ul.inlineBlockList li { display: inline-block; padding: 0 20px 20px 0; }
.postPage ul.redText { font-weight: bold; }
.postPage ul.redText li:before { background-color: #d13746; }
.postPage ol { margin: 0 0 20px; padding: 0 0 0 23px; counter-reset: number; }
.postPage ol li { margin: 0; padding: 0; list-style-type: none; font-size: 16px; text-indent: -23px; }
.postPage ol li:before { counter-increment: number; content: counter(number,decimal-leading-zero) "."; color: #5580c5; }
.postPage ol li:last-child { margin: 0 0 10px; }
.postPage ol li ol { margin: 10px 0; padding: 0 0 0 1em; }
.postPage address { font-style: normal; }
.postPage hr.red { border-bottom: 1px solid #C65871 !important; margin-bottom: 50px; }
.postPage .gmapWrap { position: relative; width: 100%; height: 0; padding-top: 56.25%; overflow: hidden; }
.postPage .gmapWrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.postPage .youtubeWrap { position: relative; width: 100%; height: 0; padding-top: 56.25%; overflow: hidden; }
.postPage .youtubeWrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.postPage .relationLink p { margin: 0; }
.postPage .relationLink span { font-size: 16px; font-weight: bold; display: block; margin-bottom: 10px; }
.postPage .relationLink ul li { display: inline-block; font-size: 14px; }
.postPage .relationLink ul li + li { padding-left: 20px; }
.postPage .boxType1 { padding: 20px; margin: 50px 0 0; background-color: #f1f1f3; }
.postPage .boxType1 .headLine { color: #23519C; margin-bottom: 30px; font-size: 22px; font-weight: bold; }
.postPage .boxType1 p { margin: 0; }
.postPage br.pcBr { display: none; }
.postPage .pageLinkWrap .pageLinkBox a { padding: 10px; font-size: 16px; color: #23519C; border: 1px solid #23519C; text-decoration: none; display: block; text-align: center; line-height: 1; }
.postPage .pageLinkWrap .pageLinkBox a:after { content: "\f107"; font-family: FontAwesome; transition: all ease-in-out .3s; display: block; margin-top: 5px; }
.postPage .pageLinkWrap .pageLinkBox a:hover { color: #fff; background-color: #23519C; }
.postPage .pageLinkWrap .pageLinkBox a:hover:after { color: #fff; }
.postPage .imgSquare { position: relative; width: 100%; overflow: hidden; display: block; }
.postPage .imgSquare:before { content: ""; display: block; padding-top: 100%; }
.postPage .imgSquare img { max-width: none; width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.postPage .underlineBoxWrap .underlineBox { color: #23519C; text-align: center; font-size: 20px; position: relative; padding-bottom: 30px; }
.postPage .underlineBoxWrap .underlineBox:after { content: ""; display: block; width: 50px; height: 1px; background-color: #23519C; margin: 20px auto 0; position: absolute; bottom: 0; left: 50%; margin-left: -25px; }
.postPage .underlineBoxWrap .underlineBox + .underlineBox { margin-top: 50px; }
.postPage .courseFlow ul li { display: inline-block; position: relative; }
.postPage .courseFlow ul li + li { padding-left: 50px; }
.postPage .courseFlow ul li + li:before { content: "?"; color: #5580c5; position: absolute; left: 20px; top: 50%; font-size: 10px; margin-top: -8px; }
.postPage .courseDetailWrap .headLine { font-size: 22px; margin-bottom: 20px; text-align: center; color: #23519C; }
.postPage .onayamiWrap { margin: 0 -25px; }
.postPage .onayamiWrap ul { display: flex; flex-wrap: wrap; margin: 0 auto; max-width: 300px; }
.postPage .onayamiWrap ul li { flex-basis: calc(50% - 50px); width: calc(50% - 50px); margin: 0 25px; }
.postPage .onayamiWrap ul li:nth-child(n + 3) { margin-top: 30px; }
.postPage .flexDirectionC { display: flex; flex-direction: column; }
.postPage .mta { margin-top: auto; }
@media print, screen and (min-width: 768px) {
.postPage .onayamiWrap ul { max-width: 600px; justify-content: center; margin: 0 auto; }
.postPage .onayamiWrap ul li { flex-basis: calc(25% - 50px); width: calc(25% - 50px); }
.postPage .onayamiWrap ul li:nth-child(n + 3) { margin-top: 0; }
.postPage .onayamiWrap ul li:nth-child(n + 5) { margin-top: 30px; }
.postPage table tr { border-bottom: 1px solid #cbcbcb; }
.postPage table tr th, .postPage table tr td { display: table-cell; padding: 26px .8em; }
.postPage table tr th + td, .postPage table tr td + td { border-left: 1px solid #23519C; }
.postPage table tr th { background-color: inherit; min-width: 190px; text-align: center; width: auto; vertical-align: middle; }
.postPage table tr th.w200 { width: 200px; }
.postPage table tr th.thLeft { text-align: left; }
.postPage table tr td { border-left: none; }
.postPage table tr .tw15p { width: 15%; }
.postPage table tr .tw30p { width: 30%; }
.postPage table tr .tw33p { width: 33%; }
.postPage table tr .tw50p { width: 50%; }
.postPage table tr .tw70p { width: 70%; }
.postPage table tr .tw200 { width: 200px; }
.postPage table tr .tw210 { width: 210px; }
.postPage table.th110 tr th { min-width: 1px; width: 110px; }
.postPage .tableSc { overflow: inherit; white-space: normal; }
.postPage .boxType1 { margin: 30px 0 0; }
.postPage .boxType1 .headLine { color: #23519C; margin-bottom: 30px; }
.postPage .boxType1 p { margin: 0; }
.postPage br.pcBr { display: block; }
.postPage .pageLinkWrap .pageLinkBox a { padding: 10px; font-size: 16px; color: #23519C; border: 1px solid #23519C; text-decoration: none; display: block; text-align: center; line-height: 1; }
.postPage .pageLinkWrap .pageLinkBox a:after { content: "\f107"; font-family: FontAwesome; transition: all ease-in-out .3s; display: block; margin-top: 5px; }
.postPage .underlineBoxWrap .underlineBox { display: flex; align-items: center; justify-content: center; min-height: 115px; padding-bottom: 0; }
.postPage .underlineBoxWrap .underlineBox + .underlineBox { margin-top: 0; } }

/* ---------------------------- */
/* コンセプト */
/* ---------------------------- */
#philosophyPage .imgBox { position: relative; overflow: hidden; }
#philosophyPage .imgBox:before { content: ""; display: block; padding-top: 36.140350%; }
#philosophyPage .imgBox img { max-width: 100%; position: absolute; top: -30px; left: 50%; transform: translate(-50%, 0); }
@media print, screen and (min-width: 768px) {
#philosophyPage .imgBox img { top: -120px; } }



/* ---------------------------- */
/* 店舗情報 */
/* ---------------------------- */
#salonPage .box:nth-of-type(n + 2) { margin-top: 50px; }
#salonPage .mediaInfo { margin-top: 50px; padding: 30px 20px 40px; background-color: #f6f6f6; }
#salonPage .mediaInfo .headLine { font-size: 22px; font-weight: bold; color: #23519C; margin-bottom: 30px; }
#salonPage .mediaInfo .mediaInfoWrap { margin-bottom: 50px; }
#salonPage .mediaInfo .mediaInfoWrap:last-child { margin-bottom: 0; }
#salonPage .mediaInfo .mediaInfoWrap .mediaInfoBox .btn { margin: 30px auto 0; }
@media print, screen and (min-width: 768px) {
#salonPage .box:nth-of-type(n + 2) { margin-top: 80px; }
#salonPage .mediaInfo { margin-top: 90px; padding: 50px 60px 80px 50px; }
#salonPage .mediaInfo .headLine { margin-bottom: 45px; }
#salonPage .mediaInfo .mediaInfoWrap { display: flex; justify-content: space-between; align-items: center; }
#salonPage .mediaInfo .mediaInfoWrap .mediaInfoBox:nth-of-type(1) { flex-basis: calc(100% - 350px); max-width: calc(100% - 350px); }
#salonPage .mediaInfo .mediaInfoWrap .mediaInfoBox:nth-of-type(2) { flex-basis: 240px; max-width: 240px; }
#salonPage .mediaInfo .mediaInfoWrap .mediaInfoBox .btn { margin: 0 auto 0; } }

/* ---------------------------- */
/* 推薦者の声 */
/* ---------------------------- */
#recommenderPage .column2Wrap.img260L .imgBox { max-width: 260px; margin: 0 auto 30px; }
#recommenderPage .recommenderName { margin-bottom: 20px; }

/* ---------------------------- */
/* スタッフ紹介 */
/* ---------------------------- */
#staffPage .box:nth-of-type(n + 2) { margin-top: 70px; }
#staffPage .staffName { font-size: 11px; text-align: center; margin-bottom: 10px; font-weight: bold; padding-top: 22px; }
#staffPage .staffName span { color: #9e457f; display: block; margin-bottom: 5px; font-weight: normal; margin-top: -22px; }
#staffPage p { margin: 0; font-size: 11px; }
#staffPage .btn { margin: 35px 0 0 auto; }
@media print, screen and (min-width: 768px) {
#staffPage .box:nth-of-type(n + 2) { margin-top: 50px; }
#staffPage .staffName { font-size: 16px; padding-top: 30px; }
#staffPage .staffName span { margin-top: -30px; }
#staffPage p { font-size: 14px; } }

/* ---------------------------- */
/* 施術の流れ */
/* ---------------------------- */
#flowPage .box { position: relative; }
#flowPage .box:nth-of-type(n + 2) { margin-top: 80px; }
#flowPage .box:after { content: ""; border-top: 15px solid #d1d1d1; border-right: 20px solid transparent; border-bottom: 0 solid transparent; border-left: 20px solid transparent; display: block; position: absolute; bottom: -45px; left: 50%; transform: translate(-50%, 0); }
#flowPage .box:last-child:after { display: none; }
#flowPage .box img { max-width: 420px; width: 100%; margin: 0 auto; }
#flowPage h3 { text-align: center; margin-bottom: 20px; }
#flowPage .textBox { max-width: 755px; margin: 0 auto; }
#flowPage .imgBox { text-align: center; }
#flowPage .bodyFacialFlow { font-size: 24px; color: #23519C; font-weight: bold; position: relative; text-align: center; margin: 80px 0 60px; }
#flowPage .bodyFacialFlow .bodyFacialFlowInner { display: inline-block; background-color: #fff; padding: 0 5px; }
#flowPage .bodyFacialFlow:before { content: ""; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; background-color: #23519C; z-index: -1; }
#flowPage .flowToggle { position: relative; max-width: 756px; margin: 0 auto 50px; }
#flowPage .flowToggle:after { content: "▼"; position: absolute; top: 50%; right: 10px; font-size: 20px; margin-top: -15px; }
#flowPage .flowToggle.active:after { content: "▲"; }
#flowPage .bodyFlow, #flowPage .facialFlow { display: none; }
#flowPage .bodyFlow.active, #flowPage .facialFlow.active { display: block; }
@media print, screen and (min-width: 768px) {
#flowPage .box:nth-of-type(n + 2) { margin-top: 110px; }
#flowPage .box:after { bottom: -65px; }
#flowPage .column2Wrap .columnBox { flex-basis: 44.68085%; max-width: 44.68085%; display: flex; flex-wrap: wrap; align-items: center; }
#flowPage .column2Wrap .columnBox p { align-items: center; margin-bottom: 10px; flex-basis: 100%; width: 100%; }
#flowPage .column2Wrap .columnBox .imgBox { margin-bottom: 0; flex-basis: 100%; width: 100%; margin-top: auto; }
#flowPage .bodyFacialFlow { margin: 110px 0 60px; } }


/* ---------------------------- */
/* メニュー＆料金表 */
/* ---------------------------- */
#pricePage .paymentMethodWrap { background-color: #ededed; padding: 30px 15px; }
#pricePage .paymentMethodWrap p { text-align: left; }
#pricePage .paymentMethodWrap ul { display: flex; justify-content: space-between; align-items: center; background-color: #fff; padding: 5px; border-radius: 10px; margin: 0; }
#pricePage .paymentMethodWrap ul li { flex-basis: 20%; max-width: 20%; }
#pricePage .paymentMethodWrap .column2Wrap { margin: 0; }
#pricePage .paymentMethodWrap .column2Wrap .columnBox:nth-of-type(n + 2) { margin-top: 30px; }
@media print, screen and (min-width: 768px) {
#pricePage .paymentMethodWrap { padding: 30px; }
#pricePage .paymentMethodWrap ul { padding: 10px; }
#pricePage .paymentMethodWrap .column2Wrap .columnBox:nth-of-type(n + 2) { margin-top: 0; } }

#menuPage .paymentMethodWrap { background-color: #ededed; padding: 30px 15px; }
#menuPage .paymentMethodWrap p { text-align: left; }
#menuPage .paymentMethodWrap ul { display: flex; justify-content: space-between; align-items: center; background-color: #fff; padding: 5px; border-radius: 10px; margin: 0; }
#menuPage .paymentMethodWrap ul li { flex-basis: 20%; max-width: 20%; }
#menuPage .paymentMethodWrap .column2Wrap { margin: 0; }
#menuPage .paymentMethodWrap .column2Wrap .columnBox:nth-of-type(n + 2) { margin-top: 30px; }
@media print, screen and (min-width: 768px) {
#menuPage .paymentMethodWrap { padding: 30px; }
#menuPage .paymentMethodWrap ul { padding: 10px; }
#menuPage .paymentMethodWrap .column2Wrap .columnBox:nth-of-type(n + 2) { margin-top: 0; } }



/* ---------------------------------------------------------------- */
/* フォーム設定 */
/* ---------------------------------------------------------------- */
/* フォームナビ */
/* ---------------------------- */
ul.formFlow { display: flex; height: 40px; align-items: center; justify-content: center; margin: 0 0 30px; padding: 0; }
ul.formFlow li { display: inline-flex; justify-content: center; flex: 1 0 33.333%; background: #f4f5fb; color: #333333; list-style: none; padding: 0; margin: 0 !important; height: 100%; font-size: 16px; font-weight: bold; align-items: center; position: relative; }
ul.formFlow li:before { display: none; }
ul.formFlow li.visited { background: #999; color: #fff; }
ul.formFlow li.active { background: #23519C; color: #fff; position: relative; }
ul.formFlow li.active:after { position: absolute; content: ''; right: -40px; top: 0; z-index: 1; width: 0; height: 0; border: 20px solid transparent; border-left: 20px solid #23519C; }
ul.formFlow li.second.active:before { display: block; position: absolute; content: ''; left: 0; top: 0; z-index: 3; width: 0; height: 0; border: 20px solid transparent; border-left: 20px solid #23519C; }
ul.formFlow li.third.active { background: #23519C !important; color: #fff; }
ul.formFlow li.third.active:after { display: none; }
ul.formFlow li.third.active:before { background: none; display: inline; position: absolute; content: ''; left: 0; top: 0; z-index: 2; width: 0; height: 0; border-radius: 0; border: 20px solid transparent; border-left: 20px solid #23519C; }

/* ---------------------------- */
/* フォームエレメント */
/* ---------------------------- */
#formArea dl { display: flex; flex-wrap: wrap; font-size: 16px; }
#formArea dl dt { flex-basis: 100%; padding: 5px 0 0 0; margin: 0 0 15px; }
#formArea dl dd { flex-basis: 100%; margin-bottom: 15px; align-self: center; width: 100%; }
#formArea dl dd.fb100 { flex-basis: 100%; }
#formArea .att { color: #23519C; font-size: 12px; font-weight: bold; }
#formArea .attText { color: #23519C; font-size: 12px; display: block; }
#formArea .error { margin: 0; }
#formArea .radio_wrap { margin-top: 10px; }
#formArea .vertical-item { display: block !important; }
#formArea .menuSelect { margin-bottom: 20px; }
#formArea input[type="text"], #formArea input[type="email"], #formArea input[type="number"], #formArea textarea { padding: 8px .5em 8px 10px; margin: 0; background: #EEEEEE; width: 100%; max-width: 100%; overflow: hidden; margin-bottom: 0; border: 1px solid #EEEEEE; }
#formArea input[type="text"]:focus, #formArea input[type="email"]:focus, #formArea input[type="number"]:focus, #formArea textarea:focus { background: #fff; }
#formArea input[type="text"]:hover, #formArea input[type="email"]:hover, #formArea input[type="number"]:hover, #formArea textarea:hover { background: #fff; }
#formArea input[type="text"] + input, #formArea input[type="email"] + input, #formArea input[type="number"] + input, #formArea textarea + input { margin-top: 10px; }
#formArea input[type="number"].short { width: 60px; }
#formArea input[type="text"], #formArea input[type="email"] { width: 100%; }
#formArea input[type="text"] .short, #formArea input[type="email"] .short { max-width: 150px; }
#formArea select { padding: .4em 0 .3em .5em; margin: 5px 0; display: block; border-color: #e7e7e7; width:100%; }
#formArea select option { word-wrap: normal; }
#formArea input[type="text"].short { width: 200px; text-align: left; margin-bottom: 0; }
#formArea input[type="text"].hasDatepicker { margin: 5px 0; background: #EEEEEE; }
#formArea input[type="text"].hasDatepicker:hover, #formArea input[type="text"].hasDatepicker:focus { background: #fff; }
#formArea .mwform-checkbox-field { display: block; width: 100%; margin: 5px 5px; font-size: 14px; }
#formArea input[type="checkbox"] { border: 1px solid #aaaaaa; vertical-align: -8px; -webkit-appearance: none; position: relative; margin-right: 5px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; width: 26px; height: 26px;
/*Other Browser*/
background: #e2e2e2;
/*For Old WebKit*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #e2e2e2));
/*For Modern Browser*/
background: linear-gradient(to bottom, #ffffff 0%, #e2e2e2 100%); }
#formArea input[type="checkbox"]:checked {
/*Other Browser*/
background: #23519C;
/*For Old WebKit*/
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #23519C), color-stop(1, #23519C));
/*For Modern Browser*/
background: linear-gradient(to bottom, #23519C 0%, #23519C 100%); border: 1px solid #23519C; }
#formArea input[type="checkbox"]:checked:before { position: absolute; left: 1px; top: 16px; display: block; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); content: ""; width: 10px; height: 4px; background: #ffffff; -webkit-transform: rotate(45deg); -webkit-transform-origin: right center; }
#formArea input[type="checkbox"]:checked:after { display: block; position: absolute; left: 9px; top: 16px; content: ""; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); width: 16px; height: 4px; background: #ffffff; -webkit-transform: rotate(-53deg); -webkit-transform-origin: left center; }
#formArea .mwform-zip-field input { width: inherit; }
#formArea .mwform-tel-field input { margin: 0 !important; width: auto; }
#formArea .mwform-radio-field { display: block; margin: 5px 0 10px; }
#formArea .mwform-radio-field input { margin: 0 15px 0 0; }
#formArea .mwform-radio-field-text { margin-left: 10px; }
#formArea input[type="file"] { margin-bottom: 10px; }
#formArea .inline_wrap select { display: inline-block; }
#formArea .btnArea { display: flex; flex-wrap: wrap; justify-content: space-between; }
#formArea .btnArea .submitArea { flex-basis: 100%; margin: 0 0 25px; }
#formArea .btnArea .submitArea .submit { max-width: 290px; margin: 0 auto; border: 0; }
#formArea .btnArea .submitArea .submit:hover, #formArea .btnArea .submitArea .submit:focus { color: #fff; background: linear-gradient(to right, #5580c5, #23519C); transition: .3s; cursor: pointer; }
#formArea .btnArea .returnArea { flex-basis: 100%; display: none; }
#formArea .btnArea .returnArea .return { max-width: 290px; width: 100%; margin: 0 auto; display: block; text-align: center; background: #fff; border: 1px solid #23519C; color: #23519C; padding: .4em 0; transition: .3s; font-size: 14px; }
#formArea .btnArea .returnArea .return:hover, #formArea .btnArea .returnArea .return:focus { color: #5580c5; transition: .3s; border: 1px solid #5580c5; }
@media print, screen and (min-width: 768px) {
#formArea dl { justify-content: space-between; }
#formArea dl dt { flex-basis: 250px; text-align: right; }
#formArea dl dd { flex-basis: calc(100% - 280px); }
#formArea dl dd.fb100 { flex-basis: 100%; }
#formArea input[type="text"], #formArea input[type="email"], #formArea input[type="number"], #formArea textarea { margin: 0; }
#formArea select { margin-bottom: 0; }
#formArea .mwform-checkbox-field { display: inline-block; width: auto; }
#formArea .mwform-radio-field { display: inline-block; margin: 0 15px 5px 0; }
#formArea .mwform-radio-field .mwform-radio-field-text { margin-right: 15px; }
#formArea .mwform-radio-field input { margin: 0; }
#formArea .mwform-radio-field-text { margin-left: 10px; }
#formArea .btnArea { flex-wrap: nowrap; }
#formArea .btnArea .submitArea { flex-basis: 100%; margin: 0; } }
#formArea .mw_wp_form_confirm .btnArea .submitArea { flex-basis: calc( 50% - 15px ); max-width: calc( 50% - 15px ); display: inline-flex; }
#formArea .mw_wp_form_confirm .btnArea .submitArea .submit { margin: 0 0 0 auto; }
#formArea .mw_wp_form_confirm .btnArea .returnArea { flex-basis: calc( 50% - 15px ); max-width: calc( 50% - 15px ); display: inline-flex; }
#formArea .mw_wp_form_confirm .btnArea .returnArea .return { margin: 0 auto 0 0; }

/* for IE */

/* ---------------------------------------------------------------- */
/* TOC Plus css */
/* ---------------------------------------------------------------- */
#toc_container li,#toc_container ul { margin: 0; padding: 0;}
#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}
#toc_container.have_bullets li{padding-left:12px}
#toc_container ul ul{margin-left:1.5em}
#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}
#toc_container.toc_light_blue{background:#edf6ff}
#toc_container.toc_white{background:#fff}
#toc_container.toc_black{background:#000}
#toc_container.toc_transparent{background:none transparent}
#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}
#toc_container.toc_black p.toc_title{color:#aaa}
#toc_container span.toc_toggle{font-weight:400;font-size:90%}
#toc_container p.toc_title+ul.toc_list{margin-top:1em}
.toc_wrap_left{float:left;margin-right:10px}
.toc_wrap_right{float:right;margin-left:10px}
#toc_container a{text-decoration:none;text-shadow:none}
#toc_container a:hover{text-decoration:underline}
.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}


/* ---------------------------------------------------------------- */
/* WP-PageNavi css */
/* ---------------------------------------------------------------- */
.wp-pagenavi { clear: both; }
.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #000; }
.wp-pagenavi span.current { font-weight: bold; }