@charset "utf-8";
/* CSS Document */


/*増税ボタン用*/

@import "tax.css";






body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#000;
		/*overflow: hidden;*/
}


*{
	margin:0px;
	padding:0px;
}


a{
	color:#000;
	text-decoration:none;
}

a:hover{
	color:#000;
	text-decoration:underline;
}


img{
	border:none;
}


#wrapper{
	width:100%;
}

br.end{
	clear:both;
}

.switch {
    visibility: hidden;
}


#container{
	width:100%;
}


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

ヘッダー

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

#header_bg{
	width:100%;
 background: /*rgba(255,255,255,0.80)*/#fff;
 position:fixed;
 top:0px;
 left:0px;
 border-bottom:1px solid #ececec;
 z-index:1000;

}


#header{
	width:100%;
/*	max-width:1120px;*/
	height:54px;
	margin-left:auto;
	margin-right:auto;
	padding:5px 0 5px;
}

#header #logo{
	float:left;
	padding:0 10px;
}

#header #logo img{
	height:50px;
}

ul#af_navi{
	margin-left:20px;
}


ul#af_navi li{
	list-style:none;
	display:inline-block;
	line-height:20px;
	margin:10px 0px;
	border-right:1px solid #ccc;
	padding:0 10px;
	vertical-align:bottom;
}

ul#af_navi li.cart{
	margin-right:none;
	border:none;
	width:auto;
	margin-right:0px;
}
ul#af_navi li.cart a:before{
/*	content:url(../img/comm/cart2.png);*/
}

ul#af_navi li.cart2{
	margin-right:none;
	border:none;
	width:auto;
	margin-left:-15px;
}


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

カート

--------------------------------*/
#cart_info{
	width:30px;
	height:30px;
	vertical-align:bottom;
}
#cart_info img{

}
img#cart_icon{
	width:30px;
	vertical-align:bottom;
}

.number_comma{
	position:relative;
	float:left;
	top:-8px;
	left:20px;
	width:35px;
	height:auto;
	font-size:10px;
	margin-top:-25px;
	z-index:9999;
	text-align:center;
			background-color:#ED0038;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	line-height:20px;


}
.member_info_cart_info a{
	color:#FFF !important;
}





ul#top_sns{
	float:right;
}
ul#top_sns li{
	display:inline-block;
	margin:0px !important;
	padding:0px !important;
}

/*ul#top_sns li img{
	width:auto;
	height:25px;
	margin-top:10px;

}*/
ul#top_sns li img{
	width:auto;
	height:25px;
	margin:12px 0 0 10px;

}



ul#footer_sns{
	background:#E5E5E5;
	border-bottom:#ccc 1px solid;
}


/*
ul#footer_sns li{
	width:49%;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	padding:34px 0;	
}*/

ul#footer_sns li{
	width:100%;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	padding:34px 0;	
}


ul#footer_sns li img{
	width:auto;
	height:25px;
	vertical-align:middle;	
}


ul#footer_sns li span{
	vertical-align:top;
	
}

/*li#footer_sns_inst{
	border-right:#CCC 1px solid;
}*/

.line_sp{
	display:none;
}

@media only screen and (max-width: 789px) {  
ul#footer_sns li span{
	display:none;
}
.line_pc{
	display:none;
}
.line_sp{
	display:inline-block;
	
}
}


/*-------検索窓------*/

#search_system {
	width:100%;
	max-width:260px;
	background:#fff;
	border:1px solid #ccc;
	display:block;
	margin-bottom:5px;
	float:/*left*/right;
	margin:10px 10px 0 10px;
}

#search_system .text {
	width:90%;
	max-width:230px;
	height:30px;
	text-indent:10px;
	border:none;
}

#search_system .searchSubmit {
	width:18px;
	height:auto;
	vertical-align:middle;
}



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


本文


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


#main{
	width:100%;
	float:left;
	background-color:#fff;
}

/* コンテンツ　共通*/
.conts_comm{
	margin-top:/*65*/35px;
}

.ttl{
	width:100%;
	text-align:center;
	font-family: 'Playfair Display', serif;
	letter-spacing:0.1em;
	margin:100px 0 100px 0;

}
.ttl2{
	width:100%;
	text-align:center;
	font-family: 'Playfair Display', serif;
	letter-spacing:0.1em;
	margin:50px 0 25px 0;

}

.ttl3{
	font-family: 'Playfair Display', serif;
	letter-spacing:0.1em;
	font-size:12px;
	margin:0 0 10px 0;

}
.ttl4{
	letter-spacing:0.1em;
	font-size:36px;
	margin:0 0 10px 0;
	transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
color:#A57A44;

}


.ttl_j{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
}


.ttl_j2{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	font-weight:bold;
}

.ttl .ttl_01{
	font-size:20px;
}

.ttl .num{
	font-size:40px;
}
.ttl .ttl_02{
	font-size:34px;
}


.ttl_03{
	font-size:26px;
}


.ttl_04{
	font-size:14px;
}


p.ttl_footer{
	margin-bottom:20px;
	border-left:3px solid #D0C4B0;
	padding-left:10px;

}

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

AFLOAT DOG インスタ

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

#insta_afloatdog{
	text-align:center;
	background-color:#FBF8F2;
	padding:50px 0px 80px 0px;
	margin-top:50px;
}

#insta_afloatdog iframe{
	width:1300px;
	height:350px;
	margin-top:20px;
}



#insta_afloatdog .ttl{
	border-bottom:none !important;
	
}

#insta_afloatdog .btn{
	margin-top:30px; 
}

#insta_afloatdog .btn a{
	border:1px solid #ccc;
	padding:10px 70px;
	background:url(../img/comm/icon_insta.jpg) no-repeat;
	background-position:center left 20px;

}

@media only screen and (max-width: 480px) {  
#insta_afloatdog iframe{
	width:100%;
	height:350px;
	margin-top:20px;
}



}

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

フッター

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

#footer{
	width:100%;
	clear:both;
	background-color:#fff;
}


#fotter_navi_bg{
	width:100%;
	height:auto;
	clear:both;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#fotter_navi{
	width:1000px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px !important;
}
#tabMenu ul{
	width:1000px;
	padding-top:0px !important;
		border-left:#ccc 1px solid;

	}
#tabMenu li{
	float:left;
	list-style:none;
	
	}
	
#tabMenu li br{
	display:none;
}

#tabMenu li a{
	display:block;
	width:247px;
	height:76px;
	line-height:80px;
	text-align:center;
	border-right:#ccc 1px solid;
	border-bottom:#ccc 1px solid;

	}
	

#tabMenu li a:hover{
	border-bottom:3px solid #D0C4B0;
}

	
#tabBoxes{
	clear:both;
	padding-top:0px;
	font-size:16px;
}

#tabBoxes .link{
	margin-top:50px;
}

#tabBoxes .link a{
	padding:10px 30px;
/*	background-color:#ccc;*/
border:1px solid #ccc;
	background-color:#ececec;
}

#tabBoxes .box_border{
	border:1px solid #ccc;
	display:block;
	font-size:13px;
	padding:10px;
	margin-bottom:10px;
}


	
#tabBox1,#tabBox2,#tabBox3,#tabBox4{
	width:970px;
	height:/*350px*/auto !important;
	padding:30px;
}





#tabBox1{
	}
#tabBox2{
	display:none;
	}
#tabBox3{
	display:none;
	}
#tabBox4{
	display:none;
	}


#tabBox1 .btn2,#tabBox2 .btn2,#tabBox3 .btn2,#tabBox3 .btn2{
	font-size:12px;
	margin-top:20px;
}

#footer p.btn2 a{
	border:1px solid #ccc;
	padding:10px 20px;
}




#footer_navi2_bg{
	width:100%;
	padding:50px 0;
	border-bottom:1px solid #ccc;
}
#footer_navi2{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
#footer_navi2 ul{
	height:200px;
	border-right:1px solid #cccc;
	  width : 23% ; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% / 4) ;
width : calc(100% / 4) ;
	 vertical-align:top;
	 margin:0px 0px 0px -10px !important;
	 padding:0px !important;
	display:inline-block;
}
#footer_navi2  ul.border_none{
	border:none;
}

#footer_navi2 ul li{
	list-style:none;
	padding-left:20px;
}

#footer_navi2 ul li a:before{
	content:url(../img/comm/icon_03.jpg);
}

#footer_navi2 ul.other li a:after{
	content:url(../img/comm/icon_link2.jpg);
}


#copyright{
	width:100%;
	padding:30px;
	text-align:center;
	letter-spacing:0.15em;
}




/*
共通
---------------------------------------------------------------------------------*/

/*-------- 自動挿入 ページTOPへ戻る ------*/


.totop{
/*	position:fixed;
	right:50px;
	bottom:50px;*/
}


#page-top{
	position:fixed;
	right:50px;
	bottom:50px;
	z-index:1000;
}
/*

#page-top img{
	width:80%;
}

*/

/*------------パン屑--------------*/


.pankuzu{
	font-size:12px;
	margin:0 auto 0 auto;
	padding:90px 0 0 0;
}

.pankuzu ul li{
	list-style-type:none;
	display:inline !important;
	float:left;
}

.pankuzu ul li.icon{
	background-image:url(../hpgen/HPB/theme/img/breadcrumb_bg.gif);
	background-repeat:no-repeat;
	margin-left:15px;
	padding-left:15px;
	background-position:0px 5px;

}


/*-------- スマホ非表示 ------*/
.sp{
	display:none !important;
}

.pc{
	display:block;
}


/*スマホ*/
@media only screen and (max-width: 789px) {  


body{
	font-size:12px;
}



/*-------- PC非表示 ------*/

.pc{
	display:none !important;
}

.sp{
	display:block!important;
}


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

スマホヘッダー

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


#sp_head_fix{/*トップ固定*/
	position:fixed;
	top:0px;
	left:0px;
	background-color:#fff;
	z-index:9999;
	border-bottom:1px solid #ececec;
}





#header_sp{
	width:100%;
	text-align:center;
	background-color:#fff;
}

#logo_sp{
	width:70%;
	float:left;
	text-align:left;
}
#logo_sp img{
	height:32px;
	padding:5px;
}


ul#sp_list{
	width:30%;
	float:right;
	text-align:right;
}
ul#sp_list li{
	margin-top:10px;
	display:inline-block;
	vertical-align:top;

}

ul#sp_list li img{
	height:25px;
	margin-right:10px;
	margin-bottom:5px;

}



ul#af_navi_sp{
		position:static;
	width:100%;
	height:auto;
	clear:both;
	margin:43px 0 0 0px !important;
		background-color:#fff;
		font-size:12px !important;
/*		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		background-color:#000;*/

/*	border-top:1px solid #ececec;
		border-bottom:1px solid #ececec;*/
	background-color:#EDE9E0;
	/*background-color:#fff;*/
	
	
}
ul#af_navi_sp li{
	display:inline-block;
  width : 25% ; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% / 4) ;
width : calc(100% / 4) ;
height:/*40*/20px;
	 vertical-align:top;
	 margin:0px 0px 0px -6px !important;
	 padding:10px 0 10px !important;
	/*float:left;*/
	border-right:1px solid #ccc;
}



ul#af_navi_sp li a{
	/**/color:/*#A47942*/#000;
	display:block;
	padding:0 5px;

}


/*-------検索窓------*/

#search_system_sp {
	width:100%;
	border-bottom:1px solid #ccc;
	padding:10px 0 10px;
}

#search_system_sp .text {
	width:90%;
	max-width:95%;
	height:30px;
	text-indent:10px;
	border:none;
}

#search_system_sp .searchSubmit {
	width:25px;
	height:auto;
	vertical-align:middle;
}



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

カート

--------------------------------*/
#headerbox a{
}
.cart_icon{
	width:35px;
}
.cart_icon img{
	width:25px;
	
}


.number_comma{
	position:relative;
	float:left;
	top:-10px;
	left:18px;
	width:35px;
	height:auto;
	font-size:10px;
	margin-top:-25px;
	z-index:9999;
	text-align:center;
			background-color:#ED0038;
    height: 17px;
    width: 17px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
	line-height:17px;


}
.member_info_cart_info a{
	color:#FFF !important;
}





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

ページタイトル

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


.ttl{
	margin:30px 0;

}
.ttl2{
	width:100%;
	text-align:center;
	font-family: 'Playfair Display', serif;
	letter-spacing:0.1em;
	margin:50px 0 25px 0;

}


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

AFLOAT DOG インスタ

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

#insta_afloatdog{
	padding:20px 0px 30px 0px;
	margin-top:0px;
}




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

フッター

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




#fotter_navi{
	width:100%;
}
#tabMenu ul{
	width:100%;

	}
#tabMenu li{

		display:inline-block;
  width : 25% ; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% / 4) ;
width : calc(100% / 4) ;
height:auto;
	 vertical-align:top;
	 margin:0px 0px 0px -2px !important;
	 padding:0px !important;
	float:left;
	list-style:none;

	border-bottom:#ccc 1px solid;
	}
	
#tabMenu li.b_sp{
	border-right:none;
}




#tabMenu li a{
	display:block;
	width:100%;
	height:50px;
	line-height:20px;
	text-align:center;
	border-right:none;
	border-bottom:none;
	padding:10px 0px 0 10px;
	border-right:1px solid #ccc;
	}
	

#tabMenu li a:hover{
	border-bottom:none;
}

	
#tabMenu li br{
	display:block !important;
}	
#tabBoxes{
	clear:both;
	padding-top:0px;
	font-size:16px;
}

#tabBoxes .link{
	margin-top:50px;
}

#tabBoxes .link a{
	padding:10px 10px;
/*	background-color:#ccc;*/
border:1px solid #ccc;
	background-color:#ececec;
}

	
#tabBox1,#tabBox2,#tabBox3,#tabBox4{
	width:94%;
	height:auto;
	padding:10px 3%;
}



#tabBox1{
	}
#tabBox2{
	display:none;
	}
#tabBox3{
	display:none;
	}
#tabBox4{
	display:none;
	}

#footer p.btn2{
	width:80%;
	margin:20px auto 0 auto;
	border:1px solid #ccc;
	text-align:center;
	padding:10px;

}


#tabBoxes .link{
	width:80%;
	border:1px solid #ccc;
	background-color:#ececec;
		padding:10px 20px;
		text-align:center;
	margin:50px auto 0 auto;
}

#tabBoxes .link a{
	padding:0px;
/*	background-color:#ccc;*/
border:none;
	background-color:none;
}





#footer p.btn2 a{
	
	border:none;
}


/*--下部分のナビ--*/


/**/

ul#footer_sns{
}



ul#footer_sns li{
/* width : 50% ; 
  width : -webkit-calc(100% / 2) ;
width : calc(100% / 2) ;
 width : 28% ; 
  width : -webkit-calc(100% / 3) ;
width : calc(100% / 3) ;

	display:inline-block;
	vertical-align:middle;
	text-align:center !important;
	padding:34px 0;	
	 margin:0px 0px 0px -5px !important;*/
}


ul#footer_sns li img{
	width:auto;
	height:28px;
	vertical-align:middle;	
	
}




#footer_navi2_bg{
	width:100%;
	padding:0px 0;
	border-bottom:1px solid #ccc;
	background-color:#F7F4F0;
}
#footer_navi2{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
#footer_navi2 ul{
	height:100%;
			  width : 100% ; 
  width : -webkit-calc(100% / 1) ;
width : calc(100% / 1) ;
	 vertical-align:top;
	 margin:0px 0px 0px -1px !important;
	 padding:0px !important;
 		display:inline-block;
		border:none;

}


#footer_navi2 ul li{
	height:auto;
				  width : 50% ; 
  width : -webkit-calc(100% / 2) ;
width : calc(100% / 2) ;
	 vertical-align:top;
	 margin:0px 0px 0px -4px !important;
	 padding:10px 0 10px !important;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;

}
#footer_navi2 ul li a{
	padding-left:20px;
	padding:10px 0  !important;
}

#footer_navi2 ul li a:before{
	content:none;
}

#footer_navi2 ul.other li a:after{
	content:url(../img/comm/icon_link.png);
}




#footer_navi2 ul.salon{
	display:inherit;
	width:100%;
	border-top:1px solid #ccc;
	background-color:#EDE9E0;
}


#footer_navi2 ul.salon li{
	width:50%;
	display:inline-block;
		border-bottom:1px solid #ccc;

}


#footer ul li.ttl3{
	width:100% !important;
}




#footer li.no_border_sp{
	border-bottom:none !important;
}

#footer li.no_border_r_sp{
	border-right:none;
}


#copyright{
	width:100%;
	padding:15px 0 15px;
	text-align:center;
	letter-spacing:0.15em;
}

/*------------パン屑--------------*/


.pankuzu{
	font-size:12px;
	margin:0 auto 0 auto;
	padding:10px 0 10px 10px;
/*	margin-top:-60px !important;*/

}

.pankuzu ul li{
	list-style-type:none;
	display:inline;
}

.pankuzu ul li.icon{
	background-image:url(../hpgen/HPB/theme/img/breadcrumb_bg.gif);
	background-repeat:no-repeat;
	margin-left:15px;
	padding-left:15px;
	background-position:0px 5px;

}



/*------

トップへ戻る

--------*/

#page-top{
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:1000;
}


#page-top img{
	width:40px;
	height:auto;
}
}
/*休みバナー*/

.yasumi{
	width:100%;
	text-align:center;
	border-bottom:1px solid #ccc;
}
.yasumi img{
	margin:0 auto;
	padding-top:15px;
	padding-bottom:15px;
}

.yasumi_text{
	width:90% !important;
	max-width:900px;
	text-align:left;
	margin:2% auto;
	border:1px solid #ccc;
	padding:2% 3%;
}


#top_reco p img{
	margin-bottom:15px;
	width:936px;
}





/*スマホ*/
@media only screen and (max-width: 789px) {  
.yasumi img{
	width:100%;
}

.yasumi_text{
	width:90% !important;
	text-align:left;
	margin:1% auto 0;
}

}



/*SPとSP切り替え*/
.switch ,
.switch2 {
    visibility: hidden;
}





#top_reco,.comm_bnr{
	max-width:1000px;
	margin:40px auto 0;
	text-align:center;
}

#top_reco .title,.comm_bnr .title{
	font-size:28px;
	margin-bottom:15px;
	font-family: 'Playfair Display', serif;
	letter-spacing: 0.1em;
	line-height:normal;
}

.comm_bnr p{
	margin-bottom:35px;
}

#top_reco img,.comm_bnr img{
	max-width:100%;
}

.comm_bnr li{
	width:48%;
	display:inline-block;
	margin:0 3% 30px 0;
	font-size:13px;
}

.comm_bnr li:nth-of-type(2n){
	margin-right:0;
}


.comm_bnr2{
	max-width:1100px;
	margin:40px auto 0;
	text-align:center;
	padding:50px 0 ;
}

.comm_bnr2 img{
	max-width:100%;
	margin:10px 0;
}

.comm_bnr2 li{
	width:/*48%*/32%;
	display:inline-block;
	margin:0 1% 30px 0;
	font-size:13px;
    text-align: center;
}

.comm_bnr2 li#list-btn {
	margin: 50px auto;
    display: block;
}


.comm_bnr2 li#list-btn a{
	width: 32%;
	border: 1px solid #333;
	padding: 20px 100px;
	;
}


@media only screen and (max-width: 798px) {  
.comm_bnr{
	margin:auto;
	position:fixed;
	bottom:0;
	margin:0;
	background:#fff;
	line-height:0;
}

.comm_bnr .title{
	font-size:16px;
	margin:5px 0;
	display:none;
}


.comm_bnr li{
	width:48%;
	display:inline-block;
	margin:0 1% 0 0;
}


/* */
.comm_bnr p{
	display:none;
}



.comm_bnr2{
}



.comm_bnr2 li{
	width:/*48*/42%;
	display:inline-block;
	margin:0 1% 0 0;
}



.comm_bnr2 li#list-btn {
	margin-top: 50px;
}

	.comm_bnr2 li#list-btn {
		width: 100% !important;
	}
.comm_bnr2 li#list-btn a{
	width: 100%;
	border: 1px solid #333;
	}


}






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

フッターインスタ

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

#insta_footer{
	width:100%;
	height:auto;
max-width:1000px !important;
margin:0px auto 0 auto;
text-align:center !important;
}
.eapps-instagram-feed-title{
	background-color:#FFF !important;
	display:none !important;
}



#insta_footer iframe{
	max-width:1000px !important;
		margin:0 auto !important;

}



#insta_fotter .media-grid{
	max-width:1000px !important;
	margin:0 auto;
}

#insta_footer iframe.pc{
	display:block;
	margin:0 auto !important;
}


#insta_footer iframe.sp{
	display:none;
}





#insta_footer p{
	margin-top:15px !important;
}


.eapps-instagram-feed-title{
	display:none !important;
}


div#cart-footer, footer{
	background:none !important;
}



div#cart-footer, footer{
	background-image:none;
}

article#Detail #main-column section.spec-g_txt p{
	margin-bottom:100px;
}





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

アフロートプレミアムヘアケア診断

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



#shindan iframe{
	width:100%;
	height:500px;
	margin-top:50px;
}









#seiki_comm {
  font-size: 18px;
  background-color: #333;
  color: #FFF;
  text-align: center;
  width: 100%;
  font-weight: bold;
  padding: 20px 0;
}





@media only screen and (max-width: 480px) {  
#seiki_comm {
  font-size: 14px;
}
}