/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #543F2A;
}
body {
    font-size: 14px;
				font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
    line-height: 1.4;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    padding: 0;
}
img {
    vertical-align: middle;
    height: auto;
    max-width: 100%;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
a{
	color: #645946;
	text-decoration:underline;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

#header {
	height:60px;
	width:100%;
	border-bottom: 1px solid #ccc6;
	box-sizing:content-box;
	background-color: #ffffff;
}
#header #logo{
	float:left;
}
#header #logo img{
	height:33px;
	width:auto;
	margin: 15px 0 0 8px;
}

#header #search_button{
	float:right;
	height:100%;
	}
#header #search_button img{
	height:60px;
	width:auto;
	float: right;
	border-left: 1px dotted #ccc;
	}	
	

/*--2016/10/28

#header_a {
	height:60px;
	width:100%;
	border-bottom: 1px solid #ccc6;
	box-sizing:content-box;
}
#header_a #logo{
	float:left;
}
#header_a #logo img{
	height:33px;
	margin: 15px 0 0 8px;
}

#header_a #search_button{
	float:right;
	height:100%;
	}
#header_a #search_button img{
	height:60px;
	width:auto;
	float: right;
	border-left: 1px dotted #ccc;
	}

#header_b {
	height:60px;
	width:100%;
	border-bottom: 1px solid #ccc6;
	box-sizing:content-box;
}
#header_b #logo{
	float:left;
}
#header_b #logo img{
	height:33px;
	margin: 15px 0 0 8px;
}

#header_b #search_button{
	float:right;
	height:100%;
	}
#header_b #search_button img{
	height:60px;
	width:auto;
	float: right;
	border-left: 1px dotted #ccc;
	}	
*/




/*--2016/10/28までのスタイル  

#header {
	overflow: hidden;
	padding: 10px 10px 0 10px;
}
#header #logo{
	float:left;
	width:57%;
	margin-right:15px;
}

#header #header_search{
	margin-top: 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	background-position: top left , top left;
	background-size: 1px auto , 20px auto;
	border:1px solid #c77860;
	width: 37%;
	float: right;
	background-image: -moz-linear-gradient(top, #fff9f7, #f4e4dd);
	background-image: -ms-linear-gradient(top, #fff9f7, #f4e4dd);
	background-image: -o-linear-gradient(top, #fff9f7, #f4e4dd);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fff9f7), to(#f4e4dd));
	background-image: -webkit-linear-gradient(top, #fff9f7, #f4e4dd);
	background-image: linear-gradient(top, #fff9f7, #f4e4dd);
}
#header .btn_search{
	overflow: hidden;
	padding: 3px 15px;
	font-size: 14px;
	background-image: -moz-linear-gradient(top, #fff9f7, #f4e4dd);
	background-image: -ms-linear-gradient(top, #fff9f7, #f4e4dd);
	background-image: -o-linear-gradient(top, #fff9f7, #f4e4dd);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fff9f7), to(#f4e4dd));
	background-image: -webkit-linear-gradient(top, #fff9f7, #f4e4dd);
	background-image: linear-gradient(top, #fff9f7, #f4e4dd);
}
#header .btn_search .ico_search{
	overflow: hidden;
}

#header .btn_search .ico_search img{
	float:left;
	width:20%;
	margin-right: 8px;
}

#header .btn_search p{
	float:left;
	line-height: 0;
	padding:6px 0 0 0;
	width:70%;
	margin:0;
}


 
header h1{
	font-size:10px;
	text-align:center;
	font-weight:normal;
}
header nav ul{
	width:100%;
	height:30px;
	margin-top:0;
	background: rgb(180,139,31);
	background: -moz-linear-gradient(top,  rgba(180,139,31,1) 0%, rgba(139,104,0,1) 40%, rgba(184,134,25,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,139,31,1)), color-stop(40%,rgba(139,104,0,1)), color-stop(100%,rgba(184,134,25,1)));
	background: -webkit-linear-gradient(top,  rgba(180,139,31,1) 0%,rgba(139,104,0,1) 40%,rgba(184,134,25,1) 100%);
	background: linear-gradient(to bottom,  rgba(180,139,31,1) 0%,rgba(139,104,0,1) 40%,rgba(184,134,25,1) 100%);
}
header nav ul li{
	font-size:12px;
	width:33%;
	height:100%;
	text-align:center;
	float: left;
}
header nav ul li a {
	height:100%;
	width:92%;
	color:#FFF;
	text-decoration:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
	padding-top:6px;
	display:inline-block;
	padding-left:24px;
	background-image: url(../../img/ico_butterfly.png);
	background-size:21px auto;
	background-repeat:no-repeat;
	background-position:left 50%;
}
header nav .two {
	width:34%;
	background-image:url(../../img/global_line.png) , url(../../img/global_line.png);
	background-size:auto 26px;
	background-repeat:no-repeat;
	background-position:left 50% , right 50%;
}
*/

/* header_menu */
.navigation{
    display: none;
    opacity: 1;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    width: 100%;
    z-index:100;
    height: 100%;
}
.navigation_screen{
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 0;
    margin-top: 0px;
    padding-top: 0px;
    overflow: auto;
	width:85%;
    margin: 0 0 0 15%;
    height: 100%;
}

.close_icon{
	margin:0 13px 0 0;
}
.ico_close{
	color: #fff;
    font-size: 24px;
    font-weight: bold;
    overflow: hidden;
    margin: 0;
    width: 15%;
    height: 25px;
	float:left;
    text-align: center;
    padding: 13px 0;
}
.area_btn {
    box-sizing: border-box;
    display: inline-block;
    width: 49%;
    float: left;
    margin-right: 1%;
    padding: 15px 0 15px 20px;
    text-align: center;
    color: #edca53;
    font-size: 14px;
    letter-spacing: -1px;
    background-color: #2e0006;
    background-image: url(/sp/img/ico_button_area.png);
    background-repeat: no-repeat;
    background-size: 14px auto;
    background-position: 12px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px/3px;
}
.care_btn {
    box-sizing: border-box;
    display: inline-block;
    width: 49%;
    float: left;
    margin-left: 1%;
    padding: 15px 0 15px 20px;
    text-align: center;
    color: #edca53;
    font-size: 14px;
    background-color: #2e0006;
    background-image: url(/sp/img/ico_button_care.png);
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: 12px;
    -webkit-border-radius: 3px 3px;
    border-radius: 3px/3px;
}

.top_searchbtn {
    display: block;
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0 10px 20px 0;
    clear: both;
    overflow: hidden;
}


ul.header_menu{
}
ul.header_menu li.header_menuL{
	font-weight: bold;
	display:table;
    box-sizing: border-box;
    width: 100%;
    padding: 0 12px;
    text-decoration: none;
	border-bottom: 1px solid #ccc;
}
ul.header_menu li.header_menuS{
	    background-color: #fef3ec;
}
ul.header_menu li.header_menuL div.ttl{
    padding: 15px 0;
    color: #645946;
}

ul.header_menu li.header_menuL .nav-icon{
    width: 24px;
    text-align: right;
    vertical-align: middle;
	margin: 0 0 0 0;
	float:right;
	}

ul.header_menu li.header_menuL ul.menu_list{
	margin:0 0 20px 20px;
}
ul.header_menu li.header_menuL ul.menu_list li{
    line-height: 2.7;
}
ul.header_menu li.header_menuL ul.menu_list li A{
	font-weight:normal;
}
ul.header_menu li.header_menuL ul.menu_list li A p{
	margin:0;
}
A{
	text-decoration:none;
}

section p{
	font-size:12px;
}
article h3{
	margin: 0 0 3.4% 0;
	padding: 0;
	font-weight: bold;
	background:url(../../../../area/img/area/areattl_spbg.jpg);
	text-align:center;
	line-height:2em;
	color:#fff;
}
section h3 {
	width:100%;
	margin: 0 0 3.4% 0;
	padding: 0;
}
section h3 img {
	width:100%;
}
figure{
	text-align:center;
	margin-bottom:1em;
}
figure img{
	width: 80%;
}
figcaption{
	font-size:12px;
	text-align:center;
}


/* パンくず
---------------------------------------------------- */

.breadcrumb {
	overflow: hidden;
	padding: 40px 8px 16px 8px;
}
.breadcrumb ol,
.breadcrumb ul {
	list-style: none;
}
.breadcrumb ol {
	padding: 0;
	margin: 0;
}
.breadcrumb li {
	display: inline;
 font-size: 12px;
	margin-bottom: 4px;
}
.breadcrumb li::after {
	content: ">";
 margin: 0 5px;
}
.breadcrumb li:last-child:after {
  content: '';
}
.breadcrumb a {
	color:#55402A !important;
	text-decoration: underline !important;
}


/*フッター
----------------------------------*/
footer{
	padding: 1.5em 3.4% 100px 3.4%;
	margin-top: 20px;
	font-size: 12px !important;
	border-top: 1px solid #ccc;
}
footer .midashi {
	font-weight: bold;
	margin-bottom: 0.3em;
}
footer .box1,
footer .box2,
footer .box3,
footer .box4 {
	margin-bottom: 1.5em;
}
footer ul {
	margin: 0;
	padding: 0;
}
footer ul li {
	font-size: 12px;
	margin-bottom: 0.5em;
}
footer p {
	padding-top: 1.5em;
	border-top: 1px solid #ccc;
}
#footer .inner_footer ul li.pc {
	display: none;
}

/*
footer{
	margin: 0 3.4% 3.4%;
}
footer div{
	font-size:12px;
	margin: 2.5em 0 2em 0;
	text-align:center;
}
footer .link_be_top {
	margin: 0;
}
footer .link_be_top a {
	text-decoration: underline;
}
footer p{
	font-size:10px;
}
footer ul {
	font-size: 12px;
	margin-top: 10px;
}
footer li{
	display: inline-block;
	margin-bottom: 10px;
}
footer ul li a{
	text-decoration:underline;
}
footer ul li.global_pclink a{
	display: inline-block;
	padding-left: 18px;
	min-height: 14px;
	background-image: url(../../img/qa/ico_pc.png);
	background-size: 14px auto;
	background-repeat: no-repeat;
	background-position: left 50%;
}
*/



#analyze_tag img{height: 0;width: 0;border: none;padding: 0 0;margin: 0 0;}

.global_footer{
	clear: both;
	font-size:10px;
}
#saloncol{
	margin:0 0 1em 0;
}
#global-header img{
	width: 100%;
	margin-bottom:0;
}
#saloncol ul{
	margin:0px;
}
#socialMedia{
	margin:1em;
}
.backBtn{
	float: left;
}
.pageTop{
	float: right;
}
.pageTop,.backBtn{
	width: 38%;
	height:20px;
	text-align: center;
	display: block;
	padding: 8px;
	margin: 10px;
	font-size:12px;
	border:1px solid #E2E2E2;
	font-weight:bold;
	color:#3D230D;
	background:#EEE;
	text-align:center;
	font-size:75%;
	padding:6px 0 0 0;
/*角丸*/
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
/*グラデージョン*/
	background:-moz-linear-gradient(top,#F1F1F1,#FFFFFF 50%,#E8E8E8);
	background:-webkit-gradient(linear,left top,left bottom,from(#F1F1F1),color-stop(0.5,#FFFFFF),to(#E8E8E8));
/*テキストの影*/
	text-shadow:1px 1px 3px #CCC;
/*ボタンの影*/
	-moz-box-shadow:2px 2px 4px 1px #EEE;
	-webkit-box-shadow: 2px 2px 4px 1px #EEE;
	box-shadow:2px 2px 4px 1px #EEE;	 		
}
.pageTop a,.backBtn a{
	display: block;
}
.ConfirmBtn{
	margin-top: 2%;
}
/* search */
.acordion ul li p{
	font-size: 14px;
}
.acordion ul li p span.open-close{
 background: url(../../img/ico_arrow_down.png) no-repeat;
 float: right;
 width: 20px;
 height: 20px;
 text-indent: 100%;
 margin:14px 1% 0 0;
}
.acordion ul li p.active span.open-close{
 background: url(../../img/ico_arrow_up.png) no-repeat;
 float: right;
 width: 20px;
 height: 20px;
 margin:14px 1% 0 0;
}   
.acordion h3 {
width: 100%;
margin: 0 0 3.4% 0;
padding: 0;
}
.acordion h3 img{width: 100%;}

.area_search ul,.acordion ul{
 margin: 3.4%;
}
.area_search ul li,.acordion ul li{
 overflow: hidden;
 margin: 0;
 width: 100%;
 text-align: left;
 padding: 0;
}

.area_search ul li a,.acordion ul li a,.acordion ul li p{
 display: block;
 height: 44px;
 margin: 0;
 padding: 0 0 0 2.4%;
 overflow: hidden;
 white-space: nowrap;
 line-height: 44px;
 text-overflow: ellipsis;
 text-decoration: none;
 font-size:13px;
 width:50%;
	float:left;
	box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
	border-right:1px solid #c9a656;
	border-bottom:1px solid #c9a656;
	position:relative;
}
.acordion ul li p:nth-child(odd) a,
.acordion ul li p:nth-child(odd) {
  border-right: 1px solid #c9a656;
}
.acordion ul li p.popup {
	background-color:#ede7d8;
}
.acordion ul li p.popup:after {
	content: "\f0fe";
	font-family: FontAwesome;
	display: block;
	font-size:14px;
	color:#c9a656;
	position:absolute;
 top: 50%;
 right: 5px;
 margin-top: -1.5em;
}
.acordion ul li p.link:after {
	content: "\f054";
	font-family: FontAwesome;
	display: block;
	font-size:14px;
	color:#d7c7a2;
	position:absolute;
 top: 50%;
 right: 5px;
 margin-top: -1.5em;
}


.area_search ul li a::after,.acordion ul li a::after{
 content: url(../../img/ico_arrow_next.png);
 float: right;
 width: 20px;
}

/* バナー */
#bn_box{
	margin:3.4% auto;
}
#bn_box_img{
	display:block;
	margin: 0 auto;
	text-align: center;
	width:100%;
}
#bn_box_img p.caption{
	font-size:12px;
	color: ;
}
#bn_box_img img{
	max-width:90%;
}

#present_img img {
max-width: 90%;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 35em) {

}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}

/*------------------
 サイトマップ
*/
#sp_sitemap dl{
 padding-left: 1em;
 margin-top: 2em;
 padding-right: 1em;
}

#sp_sitemap dt{
 border-top: 2px solid #aaa;
 margin-top: 6px;
}
#sp_sitemap li{padding-bottom: 0.5em;}
/*----------------------------------------------------
 リマーケタグ隙間消し
----------------------------------------------------*/
iframe[name="google_conversion_frame"] { position:absolute; }


/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
*        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group; /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}


/* ==========================================================================
   共通レイアウト
   ========================================================================== */
.top5 { margin-top: 5px !important;}
.top10 { margin-top: 10px !important;}
.top20 { margin-top: 20px !important;}
.top30 { margin-top: 30px !important;}
.top40 { margin-top: 40px !important;}
.top50 { margin-top: 50px !important;}
.top60 { margin-top: 60px !important;}
.bottom5 { margin-bottom: 5px !important;}
.bottom10 { margin-bottom: 10px !important;}
.bottom20 { margin-bottom: 20px !important;}
.bottom30 { margin-bottom: 30px !important;}
.bottom40 { margin-bottom: 40px !important;}
.bottom50 { margin-bottom: 50px !important;}
.bottom60 { margin-bottom: 60px !important;}



/* ==========================================================================
   共通パーツ
   ========================================================================== */
			
/*　見出し（茶色背景）　*/
.title_brown h2,
.title_brown h3,
.title_brown h4,
.new_salon .ttl { font-size: 105% !important; background: #4E3C30; color: #FFF; font-weight: bold !important; margin: 0; padding: 6px 10px !important;}
.title_brown span { margin-right: 0.5em;}
.BE_column2 .title_brown a {
 color: #fff;
 text-decoration: underline !important;
}
.BE_column2 .title_brown a:hover {
	text-decoration: none !important;
}



/*　見出し（茶色背景 飾りあり（新着））　*/
.title_new_salon  {
 background-color: #4E3C30;
 background-image: url(../../img/top/bg_ttl_kazari01.png);
 background-repeat: no-repeat;
 background-position: right bottom;
 background-size: 75px auto;
 margin: 0;
 padding: 10px 8px 8px 8px;
}
.title_new_salon h2 {
	font-size: 105%;
	color: #FFF;
	font-weight: bold !important;
}


/*　リスト（エリア:四角かこみ）　*/
.list_area { padding: 10px; overflow: hidden;}
.list_area ul li {	margin: 5px 5px 0 0; float: left;}
.list_area ul li a { height: auto; display: block; margin: 0; overflow: hidden; text-decoration: none; background-color: #fff; padding: 5px 7px; border: 1px solid #DDD; border-radius: 2px;}
.list_area .out-box{	float: left; margin: 6px 0; clear: both;}


/*　リスト（テキスト:テキスト）　*/
ul.list_1 {	padding: 0 2.2%; margin: 0;}
ul.list_1 li {
	height: auto;
 background: url(../../img/ico_arrow_next.svg) no-repeat 100% 50%;
 display: block;
 margin: 0;
	padding: 8px 10px 8px 0;
 overflow: hidden;
 border-bottom: dotted 1px #DDD;
	font-size: 14px;
}
ul.list_1 a {	text-decoration: none !important;}


/*　リスト（テキスト:h3+テキスト）　*/
ul.list_2 {
	padding: 0 2.2%;
	margin: 0;
}
ul.list_2 li {
	height: auto;
 background: url(../../img/ico_arrow_next.svg) no-repeat 100% 50%;
 display: block;
 margin: 0;
	padding: 8px 10px 8px 0;
 overflow: hidden;
 border-bottom: dotted 1px #DDD;
}
ul.list_2 li h3 {
	font-weight: bold;
	font-size: 14px;
}
ul.list_2 li p {	font-size: 12px;}
ul.list_2 a {	text-decoration: none !important;}


/*　ページ下の読み物（背景ベージュ）　*/
.editorial {
 margin-bottom: 0;
	padding: 40px 0 30px 0 !important;
	background-color: #F2ECE5;
 background-image: url(../../img/top/bg_ttl_kazari02.png);
 background-position: center 30px;
 background-repeat: no-repeat;
 background-size: 80px auto;
	overflow: hidden;
}
.editorial .ttl {
 padding: 30px 20px 10px;
	background-image: none !important;
}
.editorial .box { padding: 2.2% 3% 2.2% 4%;}


/*上に戻るボタン*/
.page-top {
	width:24px;
	height:24px;
	box-sizing: content-box;
	position: fixed;
	bottom: 75px;
	right: 15px;
	padding: 10px;
	background: #3a2d1d;
	font-size: 12px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	line-height:220%;
	border-radius: 50%;
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;							
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.4;
    -khtml-opacity: 0.4;
	opacity: 0.4;
}
.page-top:hover {
	-moz-opacity: 0.2;
    -khtml-opacity: 0.2;
	opacity: 0.2;
}




/*  ハーゲンダッツ　バナー  */
.bana_cam{
    text-align: center;
    margin: 0 0 20px;
}

.bana_cam img{
	    max-width: 90%;
}