@charset "utf-8";

/*-----------------------------------
ALBION DRESSER CSS style.css
------------------------------------*/

/* page width */


/* hover */
	header h1 a:hover img,
	nav.aboutNav ul li a:hover img,
	nav.aboutNav ul li a:hover strong,
	nav.locationNav ul li a:hover,
	body#index #blogContents nav ul li a:hover img,
	body#index #blogContents nav ul li a:hover dl,
	body#index #brandContents p.button a:hover,
	body#index #couponContents p.button a:hover,
	body#index #slideContentsPc ul.prevnext a:hover,
	body#about #aboutContents nav.guideNav ul li a:hover,
	body#about #aboutContents .guideSection .button a:hover,
	body#about #aboutContents .workshopSection ul li a:hover,
	body#storelocation #locationContents .storeSection .navitime a:hover,
	body#storelocation #locationContents p.button a:hover,
	body#storeblog #storeblogContents #storeblogSection ul li a:hover img,
	body#storeblog #storeblogContents #storeblogSection ul li a:hover dl,
	body#storeblog #category ul li a:hover,
	body#storeblog #archiveSection ul li a:hover .image img,
	body#storeblog #archiveSection ul li a:hover dl,
	body#storeblog #pagenation ul li a:hover,
	body#storeblog #entryNavSection ul li a:hover{
		filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;
	}
	
/* storeblog */
body#storeblog #storeblogContents{padding-top:30px; overflow:hidden;}
body#storeblog #storeblogContents h2{text-align:center; padding-bottom:45px; background:url(../images/common_bg_title.png) no-repeat center bottom;}
body#storeblog #storeblogContents h2 span{font-weight:normal;}
body#storeblog #storeblogContents h2 strong{display:block; padding-top:20px;}
body#storeblog #storeblogContents .read{margin:34px 0px 60px 0px; text-align:center;}
body#storeblog #storeblogContents #storeblogSection{width:69.1%; float:left;}
body#storeblog #storeblogContents #storeblogSection ul{overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
body#storeblog #storeblogContents #storeblogSection ul li{width:44.5%; float:left; margin-right:5.4%; margin-bottom:60px;}
body#storeblog #storeblogContents #storeblogSection ul li a{text-decoration:none;}
body#storeblog #storeblogContents #storeblogSection ul li a dl dt{margin:16px 0px 14px 0px;}
body#storeblog #storeblogContents #storeblogSection ul li a dl dd{}
body#storeblog #storeblogContents #storeblogSection ul li .image img{width:100%; height:auto; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
body#storeblog #category{width:30.8%; float:right;}
body#storeblog #category h3{border:1px solid #C6C39A; background:#f9f9f9; padding:20px;}
body#storeblog #category h3 strong{font-weight:normal; display:block; margin-bottom:8px;}
body#storeblog #category ul{border:1px solid #C6C39A; border-top:none; padding:14px 20px;}
body#storeblog #category ul li{margin:6px 0px;}
body#storeblog #category ul li a{text-decoration:none;}
body#storeblog #storeblogContents #entrySection{width:calc(69.1% - 20px); float:left;}
body#storeblog #storeblogContents #entrySection dl dt strong{display:block; margin:10px 0px 15px 0px;}
body#storeblog #storeblogContents #entrySection .entryBody{padding-top:30px; overflow:hidden;}
body#storeblog #storeblogContents #entrySection .entryBody p{margin-bottom:20px;}
body#storeblog #storeblogContents #entrySection .entryBody img{max-width:100%;height:auto; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
body#storeblog #archiveSection{margin-top:30px;}
body#storeblog #archiveSection .inner{}
body#storeblog #archiveSection ul{overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
body#storeblog #archiveSection ul li{width:50%; margin-bottom:20px; float:left; overflow:hidden;}
body#storeblog #archiveSection ul li a{text-decoration:none; display:block; margin-right:6%;}
body#storeblog #archiveSection ul li .image{width:43.8%; float:left;}
body#storeblog #archiveSection ul li .image img{width:100%; height:auto; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
body#storeblog #archiveSection ul li a dl{width:50%; float:right;}
body#storeblog #archiveSection ul li a dl dt{margin-bottom:10px;}
body#storeblog #archiveSection ul li a dl dd{}
body#storeblog #archiveSection ul li a dl dd.update{margin-top:20px;}

/*2ページ目以降*/
body#storeblog #entrySection ul li{width:80%; margin-bottom:20px; float:left; overflow:hidden;}
body#storeblog #entrySection ul li a{text-decoration:none; display:block; margin-right:6%;}
body#storeblog #entrySection ul li .image{width:43.8%; float:left;}
body#storeblog #entrySection ul li .image img{width:100%; height:auto; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
body#storeblog #entrySection ul li a dl{width:50%; float:right;}
body#storeblog #entrySection ul li a dl dt{margin-bottom:10px;color:#6EA1A7;}
body#storeblog #entrySection ul li a dl dd{}
body#storeblog #entrySection ul li a dl dd.update{margin-top:20px;}

body#storeblog #pagenation ul{text-align:center; margin:60px 0px 0px 0px;}
body#storeblog #pagenation ul li{display:inline-block;}
body#storeblog #pagenation ul li a{margin:0px 4px; padding:5px 10px; text-decoration:none;}
body#storeblog #pagenation ul li a.active{background:#D7EEEC;}

/*
<div class='wp-pagenavi'>
<a class="previouspostslink" rel="prev" href="http://test.albiondresser.com/storeblog/category/kobe/">«</a>
<a class="page smaller" href="http://test.albiondresser.com/storeblog/category/kobe/">1</a>
<span class='current'>2</span>
<a class="page larger" href="http://test.albiondresser.com/storeblog/category/kobe/page/3">3</a><a class="nextpostslink" rel="next" href="http://test.albiondresser.com/storeblog/category/kobe/page/3">»</a>
</div>
*/
body#storeblog .wp-pagenavi{text-align:center; margin:60px 0px 0px 0px;}
body#storeblog .wp-pagenavi a,
body#storeblog .wp-pagenavi span{display:inline-block!important; margin:0px 4px!important; padding:5px 10px; text-decoration:none;}
body#storeblog .wp-pagenavi span.current{background:#D7EEEC!important;}

body#storeblog #entryNavSection ul{padding-top:40px; margin-top:60px; overflow:hidden;}
body#storeblog #entryNavSection ul li.prev{float:left; margin-left:140px;}
body#storeblog #entryNavSection ul li.next{float:right; margin-right:140px;}
body#storeblog #entryNavSection ul li a{text-decoration:none;}
body#storeblog #entryNavSection ul li span{font-weight:bold; vertical-align:bottom;}
	/* locationContents */
body#storeblog #locationContents{padding-top:80px;}
body#storeblog #locationContents h2{text-align:center; background:url(../images/index_bg_07.png) no-repeat center top; padding:72px 0px 52px 0px;}


/* coupon */
body#coupon #couponContents2{padding-top:30px;}
body#coupon #couponContents2 h2{text-align:center; padding-bottom:45px; background:url(../images/common_bg_title.png) no-repeat center bottom;}
body#coupon #couponContents2 h2 span{font-weight:normal;}
body#coupon #couponContents2 h2 strong{display:block; padding-top:20px;}
body#coupon #couponContents2 .read{margin:34px 0px 80px 0px; text-align:center;}
body#coupon #couponContents2 .couponSection{max-width:940px; margin:0 auto; border:2px solid #B9D1CD; padding:8px; background-image:url(../coupon/images/coupon_bg_01.png), url(../coupon/images/coupon_bg_02.png), url(../coupon/images/coupon_bg_03.png), url(../coupon/images/coupon_bg_04.png); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-position: left top, right top, left bottom, right bottom;}
	@media screen and (max-width: 940px){
		body#coupon #couponContents2 .couponSection{margin:0 10px;}
	}
body#coupon #couponContents2 .couponInner{padding:54px; overflow:hidden;}
body#coupon #couponContents2 .couponSection h3{text-align:center; margin-bottom:30px;}
body#coupon #couponContents2 .couponSection .period{width:100%; margin:0px auto 50px auto; text-align:center;}
body#coupon #couponContents2 .couponSection .period dt{background:#D7EEEC; padding:12px;}
body#coupon #couponContents2 .couponSection .period dd{background:#000; padding:12px; color:#fff;}
body#coupon #couponContents2 .couponSection .image{
	float: left;
    width: 27.2%;
    text-align: center;
	}
body#coupon #couponContents2 .couponSection .image img{width:auto; max-width:100%;}
body#coupon #couponContents2 .couponSection .image span.caution{
	display: block;
	font-size: 11px;
	line-height:14px;
	margin-top:20px;
	text-align: center;
	}
body#coupon #couponContents2 .couponSection .text{width:70%; float:right;}
body#coupon #couponContents2 .couponSection .text p{margin-bottom:10px;}
body#coupon #couponContents2 .couponSection .text p.qr{}
body#coupon #couponContents2 .couponSection .text p.qr img{vertical-align:middle;margin-right:1em;}
body#coupon #couponContents2 .couponSection .text a{font-weight:normal; text-decoration:underline;}
body#coupon #couponContents2 .couponSection ul.caution{margin:30px 0px 0px 70px;}
body#coupon #couponContents2 .couponCaution{text-align:center; margin-top:50px; line-height: 1.6em;}
	/* locationContents */
body#coupon #locationContents{padding-top:80px;}
body#coupon #locationContents h2{text-align:center; background:url(../images/index_bg_07.png) no-repeat center top; padding:72px 0px 52px 0px;}

/* coupon(追加分) */
#usecuopon-sp {　position: relative;　}
#usecuopon-sp:before {　content: "";position: absolute;　top: 0;　left: 0;　width: 100%;　height: 100%;　background: rgba(0,0,0,0.4);　opacity: 0;}
#usecuopon-sp.disabled:before {opacity: 1;}
.cuopon-check {　position: fixed;　top: 0;　left: 0;　width: 100%;　height: 100%;　background: rgba(0,0,0,0.7);　z-index: 10005;　-webkit-transform: translate(-100%,0);　transform: translate(-100%,0);　}
.cuopon-check.on {　-webkit-transform: translate(0,0);　transform: translate(0,0);　}
.cuopon-check_inner {　background: #fff;　width: 95%;　box-sizing: border-box;　background: #fff;　position: absolute;　top: 50%;　left: 2.5%;　margin-top: -42.5%;　border-radius: 5px;}
.cuopon-check h2 {　font-size: 18px;　line-height: 1.4;　font-weight: bold;　text-align: center;　margin: 0 0 25px;　padding: 15px 15px 0;}
.cuopon-check p {　padding: 0 15px;　}
.cuopon-check ul {　display: table;　width: 100%;　margin-top: 25px;　border-top: 1px solid #000;　table-layout: fixed;　}
.cuopon-check li {　display: table-cell;　font-size: 15px;　text-align: center;　padding: 20px 0;　color: #08c;　}
.cuopon-check li:first-child {　border-right: 1px solid #000;　}

/* terms & pp */
body#terms #termsContents{padding-top:30px;}
body#terms #termsContents h2{text-align:center; padding-bottom:45px; background:url(../images/common_bg_title.png) no-repeat center bottom;}
body#terms #termsContents h2 span{font-weight:normal;}
body#terms #termsContents h2 strong{display:block; padding-top:20px;}
body#terms #termsContents h3{text-align:center; padding-bottom:45px; margin-top:70px; background:url(../images/common_bg_title.png) no-repeat center bottom;}
body#terms #termsContents dl{margin:0 auto; max-width:700px;}
body#terms #termsContents dl dt{text-align:center; margin:60px 0px 30px 0px;
	
}
body#terms #termsContents .read{margin:0px 130px; padding-top:50px;}
	/* termsNav */
body#terms #termsContents nav.termsNav{margin-top:50px;}
body#terms #termsContents nav.termsNav ul{width:640px; margin:0 auto;}
body#terms #termsContents nav.termsNav ul li{margin-bottom:20px; border:2px solid #B9D1CD; text-align:center;}
body#terms #termsContents nav.termsNav ul li:last-child{margin-bottom:0px;}
body#terms #termsContents nav.termsNav ul li a{text-decoration:none; display:block; padding:24px 48px;}

/* contact */
body#contact #contactContents{padding-top:30px;}
body#contact #contactContents h2{text-align:center; padding-bottom:45px; background:url(../images/common_bg_title.png) no-repeat center bottom;}
body#contact #contactContents h2 span{font-weight:normal;}
body#contact #contactContents h2 strong{display:block; padding-top:20px;}
body#contact #contactContents .freedial{border:1px solid #C6C39A; padding:110px 0px 90px 18%; margin-top:60px;}
	@media screen and (max-width: 830px){
		body#contact #contactContents .freedial{padding-left:8%;}
	}
body#contact #contactContents .freedial dt{
	height:70px;
	width:150px;
	position: relative;
	}
body#contact #contactContents .freedial dt img{
	max-width:100%;
	position: absolute;
	top:0; bottom:0;
	left:0; right:0;
	margin: auto;
	}

body#contact #contactContents .freedial dd{height:70px; margin:-50px 0px 10px 180px; padding-left:100px; background:url(../contact/images/contact_icon_01.png) no-repeat; letter-spacing:1px;}
body#contact #contactContents .freedial dd a{
	pointer-events: none;
	text-decoration: none;
	}
body#contact #contactContents .caution{text-align:center; margin-top:60px;}
body#contact #contactContents .caution dt{margin-bottom:6px;}
	
/* brand */
body#brand #brandContents{padding-top:30px;}
body#brand #brandContents h2{text-align:center; padding-bottom:45px; background:url(../images/common_bg_title.png) no-repeat center bottom;}
body#brand #brandContents h2 span{font-weight:normal;}
body#brand #brandContents h2 strong{display:block; padding-top:20px;}
body#brand #brandContents h3{text-align:center; padding-bottom:45px; margin-top:70px; background:url(../images/common_bg_title.png) no-repeat center bottom;}
body#brand #brandContents .read{text-align:center; padding:30px 0px 20px 0px;}
body#brand #brandContents .brandSection{
	width:47%;padding-bottom:80px;
	display: inline-block;
    vertical-align: top;
	margin-right:2%;

padding-top:80px;
margin-top:-80px;
	}
body#brand #brandContents .brandSection p.tex{margin-top:20px;}
body#brand #brandContents .brandSection p.tex a{display: inline-block;}
body#brand #brandContents div.clearfix .brandSection:nth-child(2n){
	margin-right:0;
	}
body#brand #brandContents div.clearfix .brandSection:last-child{

	}
body#brand #brandContents .brandSection .image{background:#E7F5F4; display:table-cell; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; width:460px; height:228px; text-align:center; vertical-align:middle;}
body#brand #brandContents .brandSection .imageWhite{background:#fff; display:table-cell; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; width:460px; height:228px; text-align:center; vertical-align:middle;}
body#brand #brandContents .brandSection a:hover{filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}

body#brand #brandContents .brandSection dl dt{text-align:center; font-weight:300; margin-top:16px;}
body#brand #brandContents .brandSection dl dd:nth-child(2){text-align:center; margin:12px 0px;}

body#brand #brandContents .brandCaution{text-align:center; margin-top:60px; padding-top:90px; background:url(../images/common_bg_title.png) no-repeat center top;}
	/* locationContents */
body#brand #locationContents{padding-top:80px;}
body#brand #locationContents h2{text-align:center; background:url(../images/index_bg_07.png) no-repeat center top; padding:72px 0px 52px 0px;}

body#brand #brandContents #brandSection1,
body#brand #brandContents #brandSection2,
body#brand #brandContents #brandSection3,
body#brand #brandContents #brandSection4,
body#brand #brandContents #brandSection5,
body#brand #brandContents #brandSection6,
body#brand #brandContents #brandSection7,
body#brand #brandContents #brandSection8,
body#brand #brandContents #brandSection9{
	padding-top: 72px;
	margin-top: -72px;
	position: relative;
}
body#brand #brandContents #brandSection1{
    z-index: 100;
	}
body#brand #brandContents #brandSection2{
    z-index: 95;
	}
body#brand #brandContents #brandSection3{
    z-index: 90;
	}
body#brand #brandContents #brandSection4{
    z-index: 85;
	}
body#brand #brandContents #brandSection5{
    z-index: 80;
	}
body#brand #brandContents #brandSection6{
    z-index: 75;
	}
body#brand #brandContents #brandSection7{
    z-index: 70;
	}
body#brand #brandContents #brandSection8{
    z-index: 65;
	}
body#brand #brandContents #brandSection9{
    z-index: 60;
	}
body#brand #brandContents #brandSection10{
    z-index: 55;
	}
	
/* storelocation */
body#storelocation #locationContents{padding-top:30px;}
body#storelocation #locationContents h2{text-align:center; padding-bottom:45px; background:url(../images/common_bg_title.png) no-repeat center bottom;}
body#storelocation #locationContents h2 span{font-weight:normal;}
body#storelocation #locationContents h2 strong{display:block; padding-top:20px;}
body#storelocation #locationContents .read{text-align:center; padding-top:30px;}
body#storelocation #locationContents p.button{text-align:center; padding-top:50px; margin-bottom:80px;}
body#storelocation #locationContents p.button a{border:1px solid #D7EEEC; text-decoration:none; padding:16px 35px;}
body#storelocation #locationContents p.button a span{vertical-align:bottom; margin-left:5px;}
body#storelocation #locationContents nav.locationNav{margin-bottom:60px;}
body#storelocation #locationContents .storeSection{
	width:100%;max-width:800px;
	margin:0 auto 0 auto;
	padding-top:20px;
	position:relative; margin-bottom:40px;
	}
body#storelocation #locationContents .storeSection div.ankerMargin{
	margin-top:-80px;
	padding-top: 80px;
	}

body#storelocation #locationContents .legend{
	letter-spacing:-0.4em;
    width: 100%;
    max-width: calc(800px - 40px);
    margin: 0 auto 0 auto;
    padding: 10px 20px;
    position: relative;
    margin-bottom: 10px;
	text-align: left;
	border:1px solid #eee;
	}
body#storelocation #locationContents .legend ul{
	letter-spacing:-0.4em;
    width: 100%;
    max-width: 800px;
    margin: 0 auto 0 auto;
    padding-top: 10px;
    position: relative;
    margin-bottom: 10px;
	text-align: left;
	}
body#storelocation #locationContents .legend > p{
	display: inline-block;
	font-size:12px;
	margin:0; padding:0;
	letter-spacing: normal;
	font-weight: bold;
	}
body#storelocation #locationContents .legend ul li{
	letter-spacing:normal;
	display: inline-block;
	margin-right:20px;
	}
body#storelocation #locationContents .legend ul li img{
	width:20px;
	}
body#storelocation #locationContents .legend ul li p{
	display: inline-block;
	font-size:12px;
	margin:0 10px;
	line-height:20px;
	}



body#storelocation #locationContents .storeSection h3{text-align: left;font-weight:normal;border-bottom:1px solid #eee;padding-bottom:5px;}
body#storelocation #locationContents .storeSection .open{
	text-align: left;
	/*position:absolute; top:-12px; left:0px;*/
	}
body#storelocation #locationContents .storeSection dl{
	letter-spacing: -0.4em;
	}
body#storelocation #locationContents .storeSection dt,
body#storelocation #locationContents .storeSection dd{
	text-align: left;
	vertical-align: top;
	display: inline-block;
	margin-right:0;
	line-height:1.4em;
	letter-spacing: normal;
	}
body#storelocation #locationContents .storeSection dt{
	width:80px;
	}

body#storelocation #locationContents .storeSection dd{
	width:calc(100% - 80px);
	}

body#storelocation #locationContents .storeSection dt:before{
	word-wrap: break-word;
	white-space: normal;
	}
body#storelocation #locationContents .storeSection ul{overflow:hidden; margin:15px 0px;}
body#storelocation #locationContents .storeSection ul li{float:left; margin-right:8px;}
body#storelocation #locationContents .storeSection .image{width:40%;margin-bottom:8px;display: inline-block;}
body#storelocation #locationContents .storeSection .image img{width:100%;}
body#storelocation #locationContents .storeSection .block{
	width: calc(60% - 30px);
	display: inline-block;
	vertical-align:top;
	margin-left:20px;
	position:relative;
	letter-spacing: -0.4em;
	z-index:10;
	}
body#storelocation #locationContents .storeSection .block p{
	text-align: left!important;
	letter-spacing: normal;
	}
body#storelocation #locationContents .storeSection .block p.add{}
body#storelocation #locationContents .storeSection .block p.add span{display: inline-block;}
body#storelocation #locationContents .storeSection .blog{text-align:left; margin-top:20px;}
body#storelocation #locationContents .storeSection .blog a{padding:6px 35px; background:#B9D1CD; color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; text-decoration:none; display: block; width:30px;}
body#storelocation #locationContents .storeSection .navitime{text-align:left; margin-top:10px;}
body#storelocation #locationContents .storeSection .navitime a{padding:6px 35px; background:#CF0070; color:#fff; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; text-decoration:none; display: block; width:30px;}
body#storelocation #locationContents .storeSection .line{text-align:left; margin-top:10px;max-width: 100px;}
body#storelocation #locationContents .storeSection .line img{width: 100%;}

/*
--------------------------------------------------------old css
*/
/* about */
body#about #aboutContents{padding-top:30px!important;}
body#about #aboutContents .header{margin-bottom:45px;}
body#about #aboutContents h2{text-align:center; padding-bottom:45px; background:url(../images/common_bg_title.png) no-repeat center bottom;}
body#about #aboutContents h2 span{font-weight:normal;}
body#about #aboutContents h2 strong{display:block; padding-top:20px;}
body#about #aboutContents h2 em{font-style:normal; display:block; margin-top:-6px; font-weight:bold;}
body#about #aboutContents h3{text-align:center; padding:20px 0px 45px 0px; background:url(../images/common_bg_title.png) no-repeat center bottom;}
body#about #aboutContents .read{text-align:center; padding:30px 0px;}
body#about #aboutContents .read span{display:block; margin-top:10px;}
body#about #aboutContents .dresserimage{margin:44px 0px;}
body#about #aboutContents .dresserimage img{width:100%;}
body#about #aboutContents .movie{position: relative;width: 100%;padding: 56.25% 0 0 0;margin-bottom:40px;}
body#about #aboutContents .movie iframe{    position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

	/* guideSection */
body#about #aboutContents .guideSection{margin-top:60px; margin-bottom:60px; overflow:hidden;}
body#about #aboutContents .guideSection h3{margin-bottom:45px;}
body#about #aboutContents .guideSection ul{margin-top:0px;}
body#about #aboutContents .guideSection ul li{overflow:hidden; margin-bottom: 40px;}
body#about #aboutContents .guideSection ul li .image{float:left; width:35.4%;}
body#about #aboutContents .guideSection ul li .image img{width:100%;border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
body#about #aboutContents .guideSection ul li dl{width:60.4%; float:right;}
body#about #aboutContents .guideSection .en{margin:6px 0px;}
body#about #aboutContents .guideSection .text{margin-top:30px;}
body#about #aboutContents .guideSection .caution{margin-top:10px;}
body#about #aboutContents p.imagePromise{max-height:450px;overflow:hidden;}
body#about #aboutContents p.imagePromise img{padding:0px 0px 0px 0px; width:100%; vertical-align: bottom;}
body#about #aboutContents .guideSection ul li.promise .image{float:none; padding:50px 0px 80px 0px; width:100%;}
body#about #aboutContents .guideSection ul li.promise h4{font-weight:normal; text-align:center;}
body#about #aboutContents .guideSection ul li.promise .en{text-align:center;}
body#about #aboutContents .guideSection ul li.promise .text{text-align:center;}
body#about #aboutContents .guideSection ul li.promise .caution{text-align:center;}
body#about #aboutContents .guideSection ul li.promise dl{width:75%; float:none; margin:20px auto 0px auto;}
body#about #aboutContents .guideSection ul li.promise dl dt{padding:50px 0px 15px 0px;}
body#about #aboutContents .guideSection p.button{text-align:left; padding:40px 0px!important;}
body#about #aboutContents .guideSection p.button a{border:1px solid #D7EEEC; text-decoration:none; padding:16px 35px;}

	/* serviceSection */
body#about #aboutContents .serviceSection{margin-top:60px; overflow:hidden;}
body#about #aboutContents #serviceSection1 ul li{overflow:hidden; margin-bottom:40px;}
body#about #aboutContents #serviceSection1 ul li:last-child{margin-bottom:0px;}
body#about #aboutContents #serviceSection1 ul li .image{float:left; width:35.4%;}
body#about #aboutContents #serviceSection1 ul li .image img{width:100%;}
body#about #aboutContents #serviceSection1 ul li dl{width:60.4%; float:right;}
body#about #aboutContents #serviceSection1 .text{margin-top:30px;}
body#about #aboutContents #serviceSection1 .text strong{font-weight:normal;}
body#about #aboutContents #serviceSection1 .caution{margin-top:12px;}
body#about #aboutContents #serviceSection2 .skincare{text-align:center;}
body#about #aboutContents #serviceSection2 .skincare dt{margin-bottom:20px;}
body#about #aboutContents #serviceSection2 ul{overflow:hidden; margin-top:40px;}
body#about #aboutContents #serviceSection2 ul li{width:21.8%; float:left; margin-right:4.1%;}
body#about #aboutContents #serviceSection2 ul li:last-child{margin-right:0px;}
body#about #aboutContents #serviceSection2 ul li .image img{width:100%;}
body#about #aboutContents #serviceSection2 ul li dl{text-align:center; margin-top:15px;}
body#about #aboutContents #serviceSection2 ul li dl dt{font-weight:bold;}
body#about #aboutContents #serviceSection2 ul li dl dd{padding-top:12px;}
body#about #aboutContents #serviceSection2 ul li dl .desc{width:210px; height:3.2em; display:table-cell; text-align:center; vertical-align:middle;}
body#about #aboutContents #serviceSection2 ul li dl .text{text-align:left;}
body#about #aboutContents #serviceSection3 ul li{overflow:hidden; margin-bottom:40px;}
body#about #aboutContents #serviceSection3 ul li .image{float:left; width:35.4%;}
body#about #aboutContents #serviceSection3 ul li .image img{width:100%;}
body#about #aboutContents #serviceSection3 ul li dl{width:60.4%; float:right;}
body#about #aboutContents #serviceSection3 .text{margin-top:30px;}
body#about #aboutContents #serviceSection3 .caution{margin:70px 0px;}

/*
--------------------------------------------------------
*/

/* about */
body#about .btnAboutBack{
	text-align: center;
	}
body#about .btnAboutBack a{
	line-height:50px;
	display: inline-block;
	margin:0 auto;
	font-size:13px;
	text-align: center;
	text-decoration:underline;
	}

body#about #aboutContents{padding-top:30px!important;}
body#about #aboutContents .header{margin-bottom:40px;}
body#about #aboutContents h2{text-align:center; padding-bottom:45px; background:url(../images/common_bg_title.png) no-repeat center bottom;}
body#about #aboutContents h2 span{font-weight:normal;}
body#about #aboutContents h2 strong{display:block; padding-top:20px;}
body#about #aboutContents h2 em{font-style:normal; display:block; margin-top:-6px; font-weight:bold;}

body#about #aboutContents h3{text-align:center; padding:20px 0px 45px 0px; background:url(../images/common_bg_title.png) no-repeat center bottom;}
body#about #aboutContents .read{
	text-align:center; padding:30px 0 0 0;
	font-size:14px;
	line-height:32px;
	}
body#about #aboutContents .read strong{
	color: #73c0c0;
	font-size:28px;
	display: block;
	margin-bottom:15px;
	}
body#about #aboutContents .read span{display:block; margin-top:10px;}
body#about #aboutContents .dresserimage{margin:44px 0px; text-align: center;}
body#about #aboutContents .dresserimage img{width:90%; max-width: 333px;}
body#about #aboutContents .movie{position: relative;width: 100%;padding: 56.25% 0 0 0;margin-bottom:40px;}
body#about #aboutContents .movie_wrap .movie{
	margin-bottom:0;
	}
body#about #aboutContents .movie iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
body#about #aboutContents .concept2{margin:44px 0px; text-align: center;}

	/* guideNav */
body#about #aboutContents nav.guideNav{margin-bottom:40px;}
body#about #aboutContents nav.guideNav ul{
	width:90%; max-width:890px;
	margin:40px auto 0 auto; letter-spacing: -0.4em;
	}
body#about #aboutContents nav.guideNav ul li{
	display: inline-block;
	letter-spacing:normal;
	width:calc((100% - 30px)/4);
	margin:0 10px 10px 0;
	padding:0;
	background-color:#f4f4f4;
	background-repeat:no-repeat;
	background-position: left 10px center;
	position: relative;
	vertical-align: top;
	}
body#about #aboutContents nav.guideNav ul li:nth-child(4n){ margin-right:0; }
body#about #aboutContents nav.guideNav ul li:last-child{
	border: 1px solid #b69258;
	margin:-1px;
	background-color: #fff;
	}
	body#about #aboutContents nav.guideNav ul li:nth-child(1){ background-image: url(../about/images/about-pg01.png); }
	body#about #aboutContents nav.guideNav ul li:nth-child(2){ background-image: url(../about/images/about-pg02.png); }
	body#about #aboutContents nav.guideNav ul li:nth-child(3){ background-image: url(../about/images/about-pg03.png); }
	body#about #aboutContents nav.guideNav ul li:nth-child(4){ background-image: url(../about/images/about-pg04.png); }
	body#about #aboutContents nav.guideNav ul li:nth-child(5){ background-image: url(../about/images/about-pg05.png); }
	body#about #aboutContents nav.guideNav ul li:nth-child(6){ background-image: url(../about/images/about-pg06.png); }
	body#about #aboutContents nav.guideNav ul li:nth-child(7){ background-image: url(../about/images/about-pg07.png); }
	body#about #aboutContents nav.guideNav ul li:nth-child(8){ background-image: url(../about/images/about-pg08.png); }


body#about #aboutContents nav.guideNav ul li a{
	text-decoration:none;
	display: block;
	width:calc (100% - 60px );
	height:60px;
	line-height:60px;
	padding-left:60px;
	font-size:14px;
	color: #b69258;
	}
body#about #aboutContents nav.guideNav ul li:last-child a{
	
	}
body#about #aboutContents nav.guideNav ul li a:after{
	content: "\f107";
    font-family: FontAwesome;
	font-size: 20px;
	position: absolute;
	right:20px;
	top:0;
	}
body#about #aboutContents nav.guideNav ul li span{
	display:inline-block;
	line-height:16px;
	margin-top:12px;
	}

body#about div.wrapColor{
	/*background:url(../about/images/bg-perfectguide.png);*/
	background: #fff;
	}
body#about div.wrapColor2{
	background:#eef7f7;
	}
body#about div.wrapColor2 .inner{
	max-width:960px;
	}

/* workshopSection */
body#about #aboutContents #workshopSection1{background:#F2F8F7; padding:50px 0px; margin-top:20px;}
body#about #aboutContents #workshopSection2{padding:50px 0px;}
body#about #aboutContents .workshopSection nav{margin-top:50px;}
body#about #aboutContents .workshopSection ul{overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
body#about #aboutContents .workshopSection ul li{width:48.9%; float:left; margin-bottom:25px;}
body#about #aboutContents .workshopSection ul li:nth-child(even){float:right;}
body#about #aboutContents .workshopSection ul li a{display:block; text-decoration:none;}
body#about #aboutContents .workshopSection ul li a .image{width:42.5%; float:left;}
body#about #aboutContents .workshopSection ul li a .image img{width:100%; height:auto; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}
body#about #aboutContents .workshopSection ul li a dl{padding-left:46.8%;}
body#about #aboutContents .workshopSection ul li a dl dd{margin-top:10px;} 
	/* locationContents */
body#about #locationContents{padding-top:100px;}
body#about #locationContents h2{text-align:center; background:url(../images/index_bg_07.png) no-repeat center top; padding:72px 0px 52px 0px;}


/* membersSection */
body#about #aboutContents .membersSection{overflow:hidden; margin:30px 0px 40px 0px;}
body#about #aboutContents .membersSection p{
	font-size:15px;
	line-height:30px;
	text-align: center;
	}
body#about #aboutContents .membersSection dl,
body#about #aboutContents .membersSection dt,
body#about #aboutContents .membersSection dd{
	font-size:15px;
	line-height:30px;
	text-align: center;
	}
body#about #aboutContents .membersSection dl.conditions{
    margin-top: 70px;
    margin-bottom: 40px;
	}
body#about #aboutContents .membersSection dl.conditions dt{
	font-size:18px;
	color: #79a8a3;
	margin-bottom:10px;
	}
body#about #aboutContents .membersSection dl.conditions dd{
	margin-bottom:20px;
	}
body#about #aboutContents .membersSection dl.conditions img{
	display: block;
	margin:0 auto 20px auto;
	}
body#about #aboutContents .carddesign{
	width:100%;
	max-width:590px;
	margin:0 auto 40px auto;
	letter-spacing:-0.4em;
	}
body#about #aboutContents .carddesign li{
	width:calc( (100% - 10px) / 2);
	display: inline-block;
	text-align: center;
	font-size: 13px;
	letter-spacing: normal;
	}
body#about #aboutContents .carddesign li:nth-child(1){
	margin-right:10px;
	}
body#about #aboutContents .carddesign li p{
	margin-top:10px;
	}

body#about #aboutContents .goldmember{
	border: 2px solid #b69258;
	border-radius: 10px;
	padding:40px;
	text-align: center;
	}
body#about #aboutContents .goldmember strong{
	font-size: 20px;
	color: #b69258;
	font-weight:normal;
	margin-bottom:40px;
	display: block;
	}
body#about #aboutContents .goldmember strong.titlegold{
	font-size: 20px;
	margin-bottom:20px;
	}
body#about #aboutContents .goldmember p{

	}
body#about #aboutContents .goldmember .listtex{
	margin-top:30px;
	}

body#about #aboutContents .goldmember .listtex li{
	padding-left:15px;
	text-indent: -15px;
	font-size:15px;
	line-height: 1.8em;
	}
body#about #aboutContents .goldmember .listtex li:nth-child(1){
	margin-bottom:5px;
	}

body#about #aboutContents sub{
	margin:0 2px;
	display: inline-block;
	vertical-align: baseline;
	font-size: 12px;
	}
body#about #aboutContents .goldmember .caution,
body#about #aboutContents .wrapColor2 .caution,
body#about #aboutContents .outcaution caution,
body#about #aboutContents .period{
	font-size:11px;
	line-height:14px;
	margin:20px 0 40px 0;
	}
body#about #aboutContents .goldmember .caution li:before,
body#about #aboutContents .wrapColor2 .caution:before,
body#about #aboutContents .outcaution .caution li:before{
	content:"※";
	margin-right:5px;
	font-size:12px;
	}
body#about #aboutContents .goldmember .listtex li .caution{
	margin:0px 0 40px 0;
	}



body#about #aboutContents .wrapColor2 strong{
	font-size: 16px;
	color: #424242;
	font-weight:bold;
	margin-bottom:10px;
	display: block;
	text-align: center;
	}

body#about #aboutContents .wrapColor2 ul.list-brand{
	width:100%;
	max-width:500px;
	margin:40px auto;
	letter-spacing: -0.4em;
	}

body#about #aboutContents .wrapColor2 ul.list-brand li{
	display:inline-block;
	width:calc( (100% - 20px) / 3 );
	text-align: center;
	vertical-align: middle;
	margin-right: 10px;
	letter-spacing: normal;
	}
body#about #aboutContents .wrapColor2 ul.list-brand li:last-child{
	margin-right: 0;
	}
body#about #aboutContents .wrapColor2 ul.list-brand li img{
	max-width: 100%;
	}

body#about #aboutContents .membersSection dl.benefits{
    margin-top: 70px;
    margin-bottom: 40px;
	letter-spacing: -0.4em;
	}
body#about #aboutContents .membersSection dl.benefits dt{
    font-size: 14px;
    color: #424242;
    position: relative;
    text-align: left;
    letter-spacing: normal;
    margin: 0 auto 40px auto;

	}
body#about #aboutContents .membersSection dl.bn-alb dt{ padding-left:150px; width: 604px; }
body#about #aboutContents .membersSection dl.bn-elg dt{ padding-left:120px; width: 720px; margin-top:30px;}
body#about #aboutContents .membersSection dl.bn-ign dt{ padding-left:170px; width: 720px; }

body#about #aboutContents .membersSection dl.benefits dt .logo{
	position: absolute;
	top:0;
	left:0;
	}
body#about #aboutContents .membersSection dl.bn-alb dt .logo{ top:0; }
body#about #aboutContents .membersSection dl.bn-elg dt .logo{ top:-30px; }
body#about #aboutContents .membersSection dl.bn-ign dt .logo{ top:0; }

body#about #aboutContents .membersSection dl.benefits dd.image,
body#about #aboutContents .membersSection dl.benefits dd.text{
	display: inline-block;
	letter-spacing: normal;
	}
body#about #aboutContents .outcaution{
	font-size: 12px;
	margin:-20px auto 40px auto;
    padding: 0;
	width:90%;
	max-width: 960px;
	}

body#about #aboutContents .period{
	font-size: 12px;
	margin:0 auto 40px auto;
    padding: 20px 0;
	width:90%;
	max-width: 960px;
	text-align:center;
	border: 1px solid #999;
	}
body#about #aboutContents .period p{
	font-size:15px;
	line-height:35px;
	}
body#about #aboutContents .period strong{
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
    text-align: center;
	}
body#about #aboutContents .period strong span{
	font-size:12px;
	line-height:18px;
	display: block;
	margin-top:10px;
	}

body#about #aboutContents .membersSection dl.benefits dd.image{
	width:460px;
	vertical-align: top;
	}
body#about #aboutContents .membersSection dl.benefits dd.text{
	width:calc( 100% - 460px - 40px);
	text-align:left;
	margin-left:40px;
	vertical-align:middle;
	}
body#about #aboutContents .membersSection dl.benefits dd.image h4,
body#about #aboutContents .membersSection dl.benefits dd.text h4{
	margin:0 0 40px 0;
	padding:0;
	width:313px;
	height: 39px;
	background: url("../about/images/about-h4-ribbon.png") no-repeat;
	text-align: center;
	font-size:18px;
	line-height:39px;
	color: #70c6c2;
	font-weight: normal;
	}
body#about #aboutContents .membersSection dl.benefits dd.image h4{
	margin:0 0 20px 0;
	}
body#about #aboutContents .membersSection dl.benefits dd.text li{
	font-size:15px;
	line-height:22px;
	margin-bottom:20px;
	}
body#about #aboutContents .membersSection dl.benefits dd.text li span{
	font-size:16px;
	line-height:22px;
	}
body#about #aboutContents .membersSection dl.benefits dd.text li sup{
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;
	bottom: 2px;
    padding: 1px;
	}
body#about #aboutContents .membersSection dl.benefits dd.text li p{
	font-size:13px;
	margin-top:20px;
	text-align: left;
	}
body#about #aboutContents .membersSection dl.benefits dd.text li:nth-child(1){
	background:#666;
	color:#fff;
	width:122px;
	height:29px;
	font-size:15px;
	line-height: 29px;
	text-align: center;
	}
body#about #aboutContents .membersSection dl.benefits dd.text li:nth-child(3){
	margin-top:20px;
	padding-top:20px;
	border-top: 1px solid #badbd9;
	}

body#about #aboutContents .membersSection dl.bn-alb dd.text{ padding-top:60px; }
body#about #aboutContents .membersSection dl.bn-elg dd.text{ padding-top:85px; }
body#about #aboutContents .membersSection dl.bn-ign dd.text{ padding-top:120px; }

/*============================================================

	　20190420 改修

============================================================ */

body#about #aboutContents  div.guide_illust{
	max-width:700px;
	margin:20px auto;
	text-align: center;
	position: relative;
	}
body#about #aboutContents  div.guide_illust img{
	max-width:100%;
	}
body#about #aboutContents  div.guide_illust .caution{
	font-size:10px;
	display: block;
	text-align: left;
	}
body#about #aboutContents  div.guide_illust a.btnAbout1,
body#about #aboutContents  div.guide_illust a.btnAbout1 .ov,
body#about #aboutContents  div.guide_illust a.btnAbout2,
body#about #aboutContents  div.guide_illust a.btnAbout2 .ov{
	position: absolute;
	top: -30px;
	transition: 1.0s ;
	width:266px;
	}
body#about #aboutContents  div.guide_illust a.btnAbout1 .arrow,
body#about #aboutContents  div.guide_illust a.btnAbout2 .arrow{
	display: none;
	}
body#about #aboutContents  div.guide_illust a.btnAbout1 .circle,
body#about #aboutContents  div.guide_illust a.btnAbout2 .circle{
	position: absolute;
	top:auto;
	bottom:-20px;
	animation:blink 1.5s ease-in-out infinite alternate;
	}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
	}
body#about #aboutContents  div.guide_illust a{

	}
body#about #aboutContents  div.guide_illust a.btnAbout1:hover .circle,
body#about #aboutContents  div.guide_illust a.btnAbout2:hover .circle{
	animation:blink 0s ease-in-out infinite alternate;
	}

body#about #aboutContents  div.guide_illust a.btnAbout1 .circle{
	left:155px;
	}
body#about #aboutContents  div.guide_illust a.btnAbout2 .circle{
	right: 185px;
    bottom: 130px;
	}

body#about #aboutContents  div.guide_illust a img.pc{
	display: block;
	top:0; bottom:0;
	left:0; right:0;
	margin:auto;
	}
body#about #aboutContents  div.guide_illust a img.smt{
	display: none;
	}
body#about #aboutContents  div.guide_illust a .ov{
	opacity: 0;
	}
body#about #aboutContents  div.guide_illust a.btnAbout1,
body#about #aboutContents  div.guide_illust a.btnAbout1 .ov{
	left:-30px;
	}
body#about #aboutContents  div.guide_illust a.btnAbout2{
	right: -30px;
    top: auto;
    bottom: 30px;
	}
body#about #aboutContents  div.guide_illust a.btnAbout2 .ov{
	right: -5px;
    top: auto;
    bottom: -5px;
	}
body#about #aboutContents  div.guide_illust a:hover{

	}
body#about #aboutContents  div.guide_illust a:hover img{
	
	}
body#about #aboutContents  div.guide_illust a:hover img.ov{
	opacity:1.0;
	}


body#about #aboutContents .attendant{
	padding:30px 20px;
	border: 1px dotted #b69258;
	margin:20px auto 80px auto;
	max-width:550px;
	}
body#about #aboutContents .attendant h3{
	background: none;
	padding:10px 0 10px 0;
	color: #b69258;
	position: relative;
	}
body#about #aboutContents .attendant h3 span{
	font-size:10px;
	letter-spacing:normal;
	position: absolute;
	top:0; bottom:0;
	left: 0; right: 0;
	margin:0 auto  auto  auto;
	}
body#about #aboutContents .attendant h3 img{
	}
body#about #aboutContents .attendant p{
	font-size: 14px;
	line-height:30px;
	text-align: center;
	color:#333;
	}

body#about #aboutContents h2.middle{
	font-size: 22px;
	line-height:40px;
	color: #b69258;
	font-weight: normal;
	}
/* serviceSection */
body#about #aboutContents .serviceSection2019{
	padding-top:40px;
	}
body#about #aboutContents .serviceSection2019 ul li{
	margin:-20px 0 0 0;
	padding:20px 0 0 0;

	}
body#about #aboutContents .serviceSection2019 ul li#guideSection1{

	}
body#about #aboutContents .serviceSection2019 ul li#guideSection2{

	}
body#about #aboutContents .serviceSection2019 ul li .wrap{
    border: 6px solid #badbd9;
	border-radius:14px;
    width: 90%;
    max-width: 640px;
	min-height:300px;
    margin: 0 auto 40px auto;
    padding:20px 30px;
	position: relative;
	}

body#about #aboutContents .serviceSection2019 ul li dl{
	width:470px;
	min-height: 100px;
	background-repeat: no-repeat!important;
	}
body#about #aboutContents .serviceSection2019 ul li p{
	font-size:14px;
	line-height:28px;
	}

	body#about #aboutContents .serviceSection2019 ul li dl,
	body#about #aboutContents .serviceSection2019 ul li p{ width:calc(100% - 33.3% - 20px); }
	body#about #aboutContents .serviceSection2019 ul li:nth-child(2n) dl,
	body#about #aboutContents .serviceSection2019 ul li:nth-child(2n) p{
		margin-left:calc(33.3% + 20px);;
		}

	body#about #aboutContents .serviceSection2019 ul li:nth-child(1) dl{
		background-image: url(../about/images/about-pg01.png);
		margin-top: 40px;
		}
	body#about #aboutContents .serviceSection2019 ul li:nth-child(2) dl{
		background-image: url(../about/images/about-pg02.png);
		margin-top: 25px;
		}
	body#about #aboutContents .serviceSection2019 ul li:nth-child(3) dl{ background-image: url(../about/images/about-pg03.png); }

body#about #aboutContents .serviceSection2019 ul li img.guidIll{
	position: absolute;
	top: 0; bottom:0;
	left:0; right:0;
	width:33%;
	margin:auto;
	}
	body#about #aboutContents .serviceSection2019 ul li:nth-child(1) img.guidIll{ right:20px; left: auto;}
	body#about #aboutContents .serviceSection2019 ul li:nth-child(2) img.guidIll{ left:20px; right: auto;}
	body#about #aboutContents .serviceSection2019 ul li:nth-child(3) img.guidIll{ right:20px; left: auto; top:20px; bottom:auto;}
body#about #aboutContents .serviceSection2019 ul li dt,
body#about #aboutContents .serviceSection2019 ul li dd.en{
	padding-left:90px;
	}

body#about #aboutContents .serviceSection2019 ul li dt{
	font-size:22px;
	line-height: 28px;
	}

body#about #aboutContents .serviceSection2019 ul li dd.en{
	font-size:14px;
	line-height:1.4em;
	padding-top: 16px;
	}

body#about #aboutContents .serviceSection2019 ul li p.text{
	font-size:14px;
	line-height:30px;
	}
body#about #aboutContents .serviceSection2019 ul li p.text a{
	display: block;
	margin:20px 0;
	font-size:15px;
	line-height:1.4em;
	font-weight:bold;
	}
body#about #aboutContents .serviceSection2019 ul.itemSpec{
	margin:20px 0;
	}
body#about #aboutContents .serviceSection2019 ul.itemSpec li{
    border:none;
    width: 100%;
    max-width:auto;
    margin: 0;
	padding: 0px 0 0 10px;
    text-indent: -15px;
	min-height:0;
	line-height:20px;
	}
body#about #aboutContents .serviceSection2019 ul.itemSpec li:before{
	content:"・";
	}
body#about #aboutContents .serviceSection2019 p.caution{
	font-size: 11px;
	margin-top:10px;
    padding-left: 12px;
    text-indent: 0;
    line-height: 14px;
	position: relative;
	}
	body#about #aboutContents .serviceSection2019 #guideSection3 p.caution{
		position: absolute;
		top:auto;
		bottom:20px;
		width:calc(100% - 33.3% - 50px);
		}

body#about #aboutContents .serviceSection2019 p.caution:before{
	content:"※";
	font-size:11px;
    line-height: 14px;
	position: absolute;
	left:0;
	}
body#about #aboutContents .serviceSection2019 .movie_wrap{
    border: 8px solid #badbd9;
    max-width: 700px;
	margin:120px auto 40px auto;
	}
body#about #aboutContents .serviceSection2019 .moreWrap{
    border: 2px solid #badbd9;
	margin-top:20px;
	padding:10px 20px;
	width:calc(100% - 66.3% - 60px);
	letter-spacing: -0.4em;
	position: absolute;
	top:auto; bottom:20px;
	left:auto; right: 20px;
	}
body#about #aboutContents .serviceSection2019 .moreWrap p{
	letter-spacing: normal;
	line-height:20px;
	vertical-align: top;
	width: 100%;
	font-size:12px;
	}
body#about #aboutContents .serviceSection2019 .moreWrap p:before{
	display: inline-block;
	content: "◆";
    transform: scale(0.8, 1);
    transform-origin: top left;
	color: #badbd9;
	}




/* index */

body#index div#contents,
footer{
	display: block;
	}

#slide{
	background:#fff;
	padding:30px 0;
	text-align: center;
	width:100%;
	max-width:980px;
	margin:0 auto;
	}
#slide img{
	width:100%;
	text-align: center;
	display:block;
	margin:0 auto;
	border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;
	}
#slide div#sp{
	display: none;
	}

/* newsContents */
body#index #newsContents{
	border:2px solid #d7eeec;
	max-width:910px;
	margin:0 auto;
	padding:35px 35px 15px 35px;
	background:url(../images/bg-top-news.png) no-repeat;
	background-position : right 20px center;
	}
body#index #newsContents h2{
	font-size:22px;
	color: #65b8b1;
	margin:0 0 30px 0;
	font-weight: normal;
	}
body#index #newsContents li a{
	font-size: 16px!important;
	margin:0 0 20px 0;
	display: block;
	text-decoration: none;
	}
body#index #newsContents li a span{
	font-size: 16px!important;
	margin:0 0 20px 0;
	display: inline-block;
	text-decoration: underline;
	}
body#index #newsContents li span.date{
	display: inline-block;
	width: 160px;
	text-decoration: none;
	}


body#index #newsContents li i{
	display: inline-block;
	text-decoration: none;
	margin-left:5px;
	}


/* blogContents */
body#index #blogContents{
	padding:70px 0px 65px 0px;
	}


body#index #blogContents .inner{
	position: relative;
	}

body#index #blogContents h2{
	background:url(../images/h2-blog.png) no-repeat;
	background-size:350px;
	padding:15px 0px 38px 75px;
	color:#65b8b1;
	font-size:24px!important;
	font-weight: normal;
	}
body#index #blogContents p.read{
	font-size: 14px!important;
	position: absolute;
	top: 0;
    left: 380px;
	padding:15px 110px 38px 0;
	background:url(../images/h2-blog2.png) no-repeat;
	background-size:85px;
	background-position: right 20px top;
	}
body#index #blogContents #blogselectform{
	position: absolute;
	top: 0;
    right: 0;
	padding:0;
	margin:0;
	}
body#index #blogContents #blogselectform select{
	border:1px solid #d2d2d2;
	width:200px;
	height: 43px;
	border-radius: 1px !important;
	-webkit-appearance: none;
	padding:0 20px;
	position: relative;
	cursor: pointer;
	background: none;
	}
body#index #blogContents #blogselectform:after{
	content: "\f105";
    font-family: FontAwesome;
	font-size: 20px;
	position: absolute;
    right: 16px;
    top: 11px;
	z-index: -1;
	}


body#index #blogContents nav{margin-top:40px;}
body#index #blogContents nav ul{overflow:hidden;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	text-align: center;
}
body#index #blogContents nav ul li{width:calc( 100% / 4 - 2.78% ); display: inline-block; margin-right:3.7%; margin-bottom:30px; text-align: left;}
body#index #blogContents nav ul li:nth-child(4n){margin-right:0px;}
body#index #blogContents nav ul li:nth-child(n+9){display: none;}

body#index #blogContents nav ul li a{text-decoration:none;}

body#index #blogContents nav ul li a dl dt{
	font-size:12px;
	font-weight: bold;
	margin:16px 0px 14px 0px;
	}
body#index #blogContents nav ul li a dl dt span{
	color:#333; margin-right:12px;
	font-weight: normal;
	}
body#index #blogContents nav ul li a dl dd{
	font-size:13px!important;
	}
body#index #blogContents nav ul li .image img{width:100%; height:auto; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;}

body#index #blogContents a#btnBlogTop{display: none;}


	/* aboutContents */
body#index #aboutContents{background:url(../images/index_bg_03.jpg) no-repeat center 88px #F2F8F7; padding:88px 0px 58px 0px;}
body#index #aboutContents h2{
	background:url(../images/index_bg_04.png) no-repeat;
	background-size:540px;
	padding:15px 0px 32px 105px;
	color:#65b8b1;
	font-size:24px!important;
	font-weight: normal;
	}
body#index #aboutContents p.read{
	font-size:16px!important;
	line-height:28px;
	}
body#index #aboutContents nav.aboutNav{
	margin:68px 0px;
	}

body#index #aboutContents .movie{position: relative;width: 100%;padding: 56.25% 0 0 0;}
body#index #aboutContents .movie iframe{    position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	/* brandContents */
body#index #brandContents{padding:68px 0px 60px 0px;}
body#index #brandContents .inner{position:relative;}
body#index #brandContents h2{
	text-align:center; background:url(../images/index_bg_06.png) no-repeat center top;
	background-size:570px;
	padding:10px 0px 75px 0px;
	color:#65b8b1;
	font-size:28px!important;
	font-weight: normal;
	}
body#index #brandContents h2 a{text-decoration: none;}
	body#index #brandContents ul.brand1{margin:46px 0px 0px 17%;}
	body#index #brandContents ul.brand2{margin:46px 0px 0px 7%;}
body#index #brandContents ul.brand{margin:0px 0px 0px 7%; text-align: center;
	letter-spacing: -0.4em;
	}
body#index #brandContents ul li{
	display:inline-block; vertical-align:middle; padding:0px 36px;
	margin-bottom:60px;
	letter-spacing: normal;
	max-width:120px;
	}

body#index #brandContents ul li img{
	max-width:100%;
	max-height:100%
	}

body#index #brandContents p.button{text-align:center; margin-top:86px;}
body#index #brandContents p.button a{border:1px solid #D7EEEC; text-decoration:none; padding:16px 35px;}
body#index #brandContents p.button a span{vertical-align:bottom; margin-left:5px;}
	/* locationContents */
body#index #locationContents{padding-bottom:40px;}
body#index #locationContents h2{text-align:center; background:url(../images/index_bg_07.png) no-repeat center top; padding:72px 0px 52px 0px;}
body#index #locationContents h2 a{text-decoration: none;}

	/* couponContents */
body#index #couponContents{
	width:90%;
	max-width:669px; margin:0px auto;
	text-align: center;
	position: relative;
	}
body#index #couponContents a{
	border:2px solid #65b8b1;
	display: block;
	margin:-2px;
	background: url("../images/bg-coupon-title.gif");
	letter-spacing: -0.4em;
	}
body#index #couponContents a:hover{
	border:4px solid #65b8b1;
	margin:-4px;
	}
body#index #couponContents p{
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
	}
body#index #couponContents p:nth-child(1){
	width:40%;
	}
body#index #couponContents p:nth-child(1) img{
	margin-top:-20px;
	}

body#index #couponContents p:nth-child(2){
	width:60%;
	text-align: left;
	}
body#index #couponContents p img{
	max-width:90%;
	}




body#coupon #couponContents2 ul.itemLink{

	}
body#coupon #couponContents2 ul.itemLink li{
    padding-left: 15px;
	position: relative;
	line-height:1.4em;
	}
body#coupon #couponContents2 ul.itemLink li:before{
	content: "・";
	position: absolute;
	left:0;
	}

/* locationContents */
#locationContents h3{
	margin-bottom:10px;
	font-weight:bold!important;
	text-align: center;
	}
#locationContents p{
	text-align: center;
	}
#locationContents a.button{display: block; margin:40px auto; width:140px; border:1px solid #D7EEEC; text-decoration:none; padding:16px 35px;}
#locationContents a.button span{vertical-align:bottom; margin-left:5px;}
/*
============================================================copy
*/