/*
Theme Name: sol-net_new
Description:有限会社LAZOL
Theme URI: http://www.sol-net.co.jp/
Version: 1.0
License: sol-net
License URI: http://www.sol-net.co.jp/
*/

@charset "UTF-8";

/****************************************

          リセットCSSここから

*****************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
	line-height: 1.6;
}
/* for WinIE6 */
* html body {
	font-size: 0.8em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
}
/* for WinIE7 */
	*:first-child+html body {
	font-size: 0.75em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
.clearfix {
zoom: 1;
}

/****************************************

          body設定

*****************************************/
body{
	font-size: 62.5%;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, sans-serif;
	color: #000;
	background: url(images/body-bg.png) repeat left top;
}

/****************************************

          トップページ共通

*****************************************/

.top-front-banners{
display :flex ; 
flex-wrap:wrap;
width : 100% ;
justify-content: space-between;
margin-bottom : 2em ;
}

#outer{
	width: 100%;
	min-width: 980px;
 	min-height:100%;
	float: none;
	margin: 0 auto;
}
#wrap{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	float: none;
}
#inner{
	width: 100%;
	margin: 0 auto;
}
 
/****************************************

          下層ページ共通

*****************************************/

/****************************************

          フォント指定

*****************************************/
li,tt,tr,p{
	font-size: 1.4em;
	font-weight: normal;
	color: #000;
}
h1{
	font-size: 1.0em;
	color: #999;
}
h2{
	font-size: 3.0em;
	font-weight: normal;
	color: #884c3c;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
h3{
	font-size: 1.8em;
	font-weight: normal;
	color: #000;
}
h4{
	font-size: 1.7em;
	font-weight: normal;
	color: #5e2206;
 }
h5{
	font-size: 1.4em;
	font-weight: normal;
	color: #FFF;
 }

/****************************************

          リンク指定

*****************************************/
a:link,a:visited{
	font-weight: normal;
    color: #5a913c;
    text-decoration: none;
}
a:hover,a:active {
	font-weight: normal;
    color: #fdbe5b;
    text-decoration: underline;
}

/****************************************

          トップヘッダー

*****************************************/
#header{
	width: 980px;
	margin: 0 auto 30px;
}
.header_box{
	width: 100%;
	margin: 0 0 auto;
}
.header_description{
	width: 100%;
	text-align: center;
}
.header_logo{
	width: 100%;
	margin: 15px auto 5px;
	text-align: center;
}
 
/****************************************

          横ナビ

*****************************************/
#header_navi{
	width: 100%;
	margin: 15px auto;
}
.menu{
	*zoom: 1;
	list-style-type: none;
	width: auto;
	margin: 0 auto;
	padding: 0;
}
.menu:before, .menu:after{
	content: "";
	display: table;
}
.menu:after{
	clear: both;
}
.menu li{
	position: relative;
	width: 121px;
	float: left;
	padding: 0;
	text-align: center;
}
.menu li a{
	display: block;
	margin: 0;
	color: #333333;
	font-size: 0.7em;
	line-height: 1;
	text-decoration: none;
}
.menu li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
.menu li ul li{
	width: 100%;
}
.menu li ul li a{
	width: 101px;
	padding: 10px 9px;
	border-right: 1px solid #fdbe5b;
	border-left: 1px solid #fdbe5b;
	font-size: 0.6em;
	line-height: 1.3;
	background: #F2EEE0;
	color: #131313;
	text-align: center;
}
.menu li ul li a:hover{
	background: #fdbe5b;
	color: #131313;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
}
.menu ul{
	overflow: hidden;/* マウスオーバー前は隠しておく */
	width: 0;
}
.menu li:hover ul{
	width: 100%;
}
.menu li:hover ul li a{
 	white-space: normal;/* セル内で自動改行 */
}

/* 下層ページナビ */
#header_navi02{
	width: 960px;
	height: 50px;
	margin: 0 auto 50px;
}

/****************************************

          ティーザー

*****************************************/
#slider{
	width: 100%;
	margin: 0 auto;
}
#slider_box{
	width: 980px;
	left: 50%;
	margin-left: -490px;
	position: relative;
}

/* 下層ページティーザー */
#teaser{
	width: 100%;
	margin: 0 auto;
}
#teaser_box{
	width: 980px;
	left: 50%;
	margin-left: -490px;
	position: relative;
}

/****************************************

          content 設定

*****************************************/
#content{
	width: 980px;
	margin: 0 auto;
}

.right_box{
	width: 726px;
	float: right;
}
.breadcrumb{
	width: 100%;
	height: auto;
	text-align: right;
}

/****************************************

         sidebar

*****************************************/
.sidebar{
	width: 222px;
	float: left;
}
.sidebar-blog-wrap{
	margin: 0 0 40px 0;	
}

.sidebar-blog-top{
	border-bottom: #5e2206 2px solid;	
}
.sidebar-blog-top p{
	color: #5e2206;
	font-size: 2.4em;
	font-weight: normal;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
.sidebar-blog-top-update{
	width: 100%;
	margin: 2px 0 40px 0;
	padding: 0 0 2px 0;
	border-top: #613400 1px dashed;
	border-bottom: #5e2206 2px solid;
}
.sidebar-blog-top-update-data{
	color: #f0b984;
	padding: 12px 0 0 0;
	font-size: 1.4em;
	line-height: 1;
}
.sidebar-blog-top-update-content{
	color: #613400;
	border-bottom: #613400 1px dashed;
	font-size: 1.3em;
	padding: 7px 0 7px 0;
}

.sidebar-banner{
	margin: 0 0 30px 0;	
}

/****************************************

         footer

*****************************************/
#pagetop{
	width: 980px;
	margin: 60px auto 0;
	text-align: right;
}
#footer {
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-top: #613400 solid 1px;
}
.footer_box{
	width: 980px;
	padding-top: 20px;
	margin: 20px auto;
}
.footer_box_left{
	width: 35%;
	margin-right: 3%; 
	float: left;	
}
.footer_box_left_logo{
	width: 90px;
	margin-right: 10px; 
	float: left;
}
.footer_box_left_text{
	width: auto; 
	float: left;
}
.footer_box_left_text p{
	font-size: 1.2em;
}
table.footer_info{
	width: 100%;
	border-collapse: collapse;
}
table.footer_info th.field{
	width: 25%;
	text-align: left;
	vertical-align: middle; 
	padding: 0 0 3px 0;
	font-size: 0.9em;
}
table.footer_info td.detail{
	width: 75%;
	text-align: left;
	vertical-align: middle; 
	padding: 0 0 3px 0;
	font-size: 0.9em;
}

.footer_box_right{
	width: 62%;
	float: right;
}
.footer_box_right p{
	font-size: 1.2em;	
}

.footer_copyright{
	width: 100%;
	padding: 10px 0;
	text-align: center;	
	background: #efe1bc;
}
.footer_copyright p{
	font-size: 1.2em;
}

/****************************************

          contentトップ用

*****************************************/
/* 1カラム目 */
.top_box01{
	width: 100%;
	padding: 0 0 15px 0;
	margin: 0 0 40px 0;
	border-bottom: #754d1e dashed 1px;
}
h2.top_headline{
	width: auto;
	height: auto;
	padding: 8px 0 8px 8px;
	margin-bottom: 15px;
	font-size: 2.2em;
	border-bottom: #c0a788 solid 1px;
}
.top_box01_text{
	width: 447px;
	float: left;
	background: url(images/contents-1-solgrato-bg.png) no-repeat right bottom;
}
.top_box01_text_inner{
	margin-bottom: 8px;
}
p.top_box01_text_inner_left{
	width: 90px;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	padding: 2px 0;
	margin-right: 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 1.2em;
	background: #c0a788;
	float: left;
}
p.top_box01_text_inner_right{
	width: autp;
	padding: 2px 0;
	display: inline-block;
}
.top_box01_img{
	width: 250x;
	float: right;
}
.top_box01_img img{
	border: #ffffff 3px solid;
	outline: #cbbaa5 1px solid;
}

/* 2カラム目 */
.top_news{
	width: 100%;
	margin: 0 0 30px 0;
}
.news_box{
	width: auto;
	height: 253px;
	padding: 5px 25px 0 25px;
	margin: 0 auto;
	background: #FFF;
	border: #696767 1px solid;
	overflow-y: scroll;
}
.news_post{
	width: 100%;
}
.news_list{
	width: auto;
	padding: 10px 10px 10px 0;
	border-bottom: #613400 1px solid;
}
.news_time{
	width: auto;
	padding-right: 10px;
	display: inline-block;
	font-size: 1.4em;
}
.news_salon{
	width: auto;
	height: auto;
	padding: 3px 5px;
	display: inline-block;
	font-size: 1.3em;
	color: #FFF;
	background: #5e2206;
	border-radius: 5px;
}
h4.subhead_news_tit{
	width: auto;
	height: auto;
	margin: 5px 0 0 0;
}
h4.subhead_news_tit a:link,h4.subhead_news_tit a:visited{
	font-weight: normal;
    text-decoration: none;
	color: #000000;
	font-weight: normal;
	font-size: 0.85em;
}
h4.subhead_news_tit a:hover,h4.subhead_news_tit a:active{
	font-weight: normal;
    text-decoration: underline;
	color: #618d5b;
	font-weight: normal;
	font-size: 0.85em;
}

/* 3カラム目 */
.top_topcam{
	width: 100%;
	margin: 0 0 30px 0;
}
.topcam_box{
	width: auto;
	height: 253px;
	padding: 5px 25px 0 25px;
	margin: 0 auto;
	background: #FFF;
	border: #696767 1px solid;
	overflow-y: scroll;
}
.topcam_post{
	width: 100%;
}
.topcam_list{
	width: auto;
	padding: 10px 10px 10px 0;
	border-bottom: #613400 1px solid;
}
.topcam_time{
	width: auto;
	font-size: 1.4em;
}
h4.subhead_topcam_tit{
	width: auto;
	height: auto;
	margin: 0 0 0 0;
}
h4.subhead_topcam_tit a:link,h4.subhead_topcam_tit a:visited{
	font-weight: normal;
    text-decoration: none;
	color: #000000;
	font-weight: normal;
	font-size: 0.85em;
}
h4.subhead_topcam_tit a:hover,h4.subhead_topcam_tit a:active{
	font-weight: normal;
    text-decoration: underline;
	color: #618d5b;
	font-weight: normal;
	font-size: 0.85em;
}

/* 4カラム目 */
.top_box02{
	width: 100%;
	margin: 0 0 40px 0;
}
ul.top_bana{
	width: 100%;	
}
ul.top_bana li{
	width: 350px;
	margin: 0 20px 20px 0;
	line-height: 0;
	float: left;
}
ul.top_bana li:nth-child(2n){
	width: 350px;
	margin: 0 0 20px 0;
	line-height: 0;
	float: left;
}

/* 5カラム目 */
.top_box03{
	width: 100%;
	margin: 0 0 30px 0;
}
h4.top_subhead01{
	width: auto;
	height: 70px;
	margin-bottom: 30px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url(images/contents-4-top.png) no-repeat left top;
}
.top_box03_inner{
	width: 100%;
	background: url(images/contents-4-bg.png) no-repeat right top;	
}

/* 6カラム目 */
.top_box04{
	width: 100%;
	margin: 0 0 30px 0;
}

/* 7カラム目 */
.top_box05{
	width: 100%;
}
.top_box05_fb{
	margin: 0 0 0 113px;
}

/****************************************

         single.php

*****************************************/
.single_text01{
	display: block;
	width: 100%;
}
.single_text01 img{
	max-width: 980px;
	margin: 10px 10px 10px 0;
}
.single_text01 p{
	width: 100%;
}
h3.single_subhead01{
	width: auto;
	height: auto;
	margin: 0 0 20px;
	text-align: left;
	font-size: 2.4em;
	font-weight: normal;
	color: #843034;
}

/* ページャー設定 */
.pager{
	clear:both;
	text-align:center;
	padding:30px 0 0;
	font-size: 1.2em;
}
a.page-numbers,
.pager .current{
	background:rgba(0,0,0,0.02);
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;
}
.pager .current{
	background:rgba(0,0,0,1);
	border:solid 1px rgba(0,0,0,1);
	color:rgba(255,255,255,1);
}
.nav-below{
	margin-top: 25px;
	text-align: center;
	font-size: 1.0em;
}

/****************************************

          共通見出し

*****************************************/
h2.headline{
	position: relative;
	padding-bottom: 7px;
	margin-bottom: 25px;
	border-bottom: 3px solid #C1C1C1;
}
h2.headline::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 3px;
	background-color: #F4D299;
}
h3.subhead01{
	width: auto;
	height: 45px;
	line-height: 45px;
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
	background: url(images/contents-h3-bg.png) no-repeat left top;
}
.h3_subhead02_box{
	border-left: #d98383 3px solid;
	padding: 0 0 0 10px;
	margin-bottom: 30px;
}
h3.subhead02{
	font-size: 2.0em;
	line-height: 1.2 !important;
}
.h3_subhead02_box p{
	color: #917148;
	font-size: 1.5em;
	line-height: 1.1 !important;
	margin: 10px 0 0 0;
}

h3.subhead03{
	width: auto;
	height: auto;
	padding: 0 0 3px 35px;
	margin-bottom: 20px;
	background: url(images/h3_subhead03.png) no-repeat left center;
	border-bottom: #6b4208 1px solid;
}

/****************************************

          ism

*****************************************/
.ism_box01{
	width: 100%;
	padding: 0 0 20px 0;
	margin-bottom: 30px;
	border-bottom: 1px dashed #917148;
}
.ism_box01_img{
	width: 176px;
	float: left;
}
.ism_box01_text{
	width: 524px;
	float: right;
}

.under_box01{
	margin: 50px 0 20px 0;	
}
.under_box02{
	width: 100%;	
}

/****************************************

         初めてご来店のお客様へ

*****************************************/
.first_box01{
	width: 100%;
	padding: 0 0 20px 0;
	margin-bottom: 30px;
	border-bottom: 1px dashed #917148;
}
.first_box01_img{
	width: 176px;
	float: left;
}
.first_box01_text{
	width: 524px;
	float: right;
}
.first_box01_inner{
	width: 100%;
	margin-top: 20px;
	float: left;
}

/****************************************

         キャンペーン

*****************************************/
.campaign_box01{
	width: auto;
	padding: 15px;
	margin-bottom: 40px;
	background: #FFF;
	border: #7c4a30 1px solid;
}
h3.campaign_subhead01{
	width: auto;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
	font-size: 1.8em;
	color: #FFF;
	background: #7c4a30;
}
.campaign_box01_img{
	width: 240px;
	float: left;
}
.campaign_box01_img img{
	width: 240px;
	height: auto;
}
.campaign_box01_text{
	width: 436px;
	float: right;
}

/****************************************

          かけがえのない自然のために 

*****************************************/
.nature_box01{
	width: 100%;
	padding: 0 0 20px 0;
	margin-bottom: 30px;
	border-bottom: 1px dashed #917148;
}
.nature_box01_text{
	width: 524px;
	float: right;
	background: url(images/nature_bg01.png) no-repeat right bottom;
}
.nature_box01_img{
	width: 176px;
	float: left;
}

/****************************************

         イベントの様子

*****************************************/
.event_box01{
	width: 100%;
	padding: 0 0 20px 0;
	margin-bottom: 30px;
	border-bottom: 1px dashed #917148;
}
h4.event_subhead01{
	border-left: #d98383 3px solid;
	padding: 0 0 0 10px;
	margin-bottom: 20px;
}
.event_box01 img{
	width: 232px;
	height: auto;
	margin: 0 10px 10px 0;
	display: inline-block;
	vertical-align: top;
}

/****************************************

         お知らせ

*****************************************/
.topics_box01{
	width: auto;
	padding: 20px;
	margin-bottom: 40px;
	background: #FFF;
	border: #5e2207 1px solid;
}

.topics_box02{
	width: 100%;
	margin-bottom: 40px;
}

h3.topics_subhead01{
	width: auto;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
	font-size: 1.8em;
	color: #FFF;
	background: #7c4a30;
}
.topics_box02_img{
	width: 240px;
	float: left;
}
.topics_box02_img img{
	width: 240px;
	height: auto;
}
.topics_box02_text{
	width: 456px;
	float: right;
}

/****************************************

         カレンダー

*****************************************/
.calendar_box02{
	width: 100%;
	margin-bottom: 30px;
}
.calendar_box03{
	width: 100%;
	margin-bottom: 40px;
}

/****************************************

         メニュー

*****************************************/
.menu_box01{
	width: 100%;
	margin-bottom: 20px;
}

ul.menu_list{
	width: 100%;
	margin-bottom: 20px;	
}
ul.menu_list li:nth-child(2n+1){
	float:left;
}
ul.menu_list li:nth-child(2n){
	float:right;
}
ul.menu_list li{
	width:351px;
	height:42px;
	margin:0 0 7px 0;
}
ul.menu_list a:visited,
ul.menu_list a:link{
	background: url(images/menu_bg01.png) no-repeat left top;
	line-height:42px;
	font-size: 21px;
	font-weight: bold;
	display:block;
	color:#ffffff;
	padding:0 0 0 40px;
}	
	
.menu_box02{
	width: 100%;
	margin-bottom: 40px;
}
.menu_box02_inner{
	width: 100%;
	margin-bottom: 10px;
}

table.menu_list{
	width: 100%;
	border-collapse: collapse;
}
table.menu_list th.title{
	width: 100%;
	padding: 2% 0 0;
	text-align: left;
	vertical-align: text-top; 
	color: #6f1616;
	font-weight: bold;
}
table.menu_list th.field{
	width: 80%;
	padding: 2% 0;
	text-align: left;
	vertical-align: text-top; 
	color: #6f1616;
	font-weight: bold;
	border-bottom: 1px dotted #666;
}
table.menu_list th.field p{
	font-size: 1.0em;
}

table.menu_list td.detail{
	width: 20%;
	padding: 2% 0;
	text-align: right;
	vertical-align: text-top; 
	color: #bc2e2e;
	border-bottom: 1px dotted #666;
}

/****************************************

          店舗概要・アクセス

*****************************************/
.access_box01{
	width: 100%;
	margin-bottom: 40px; 
}
h4.access_subhead01{
	width: auto;
	height: auto;
	padding: 8px 0 8px 8px;
	margin-bottom: 15px;
	font-size: 2.2em;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	border-bottom: #c0a788 solid 1px;
}
.access_box01_text{
	width: 447px;
	float: right;
	background: url(images/contents-1-solgrato-bg.png) no-repeat right bottom;
}
.access_box01_text_inner{
	margin-bottom: 8px;
}
p.access_box01_text_inner_left{
	width: 90px;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	padding: 2px 0;
	margin-right: 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 1.2em;
	background: #c0a788;
	float: left;
}
p.access_box01_text_inner_right{
	width: autp;
	padding: 2px 0;
	display: inline-block;
}
.access_box01_img{
	width: 250x;
	float: left;
}
.access_box01_img img{
	border: #ffffff 3px solid;
	outline: #cbbaa5 1px solid;
}

ul.salon_photo{
	width: 100%;
	margin-bottom: 25px;	
}
ul.salon_photo li{
	width: 	348px;
	margin: 0 15px 15px 0;
	float: left;
}
ul.salon_photo li:nth-child(2n){
	margin: 0 0 15px 0;
}

ul.salon_photo li img{
	border: #ffffff 3px solid;
	outline: #cbbaa5 1px solid;
}

.access_box02{
	width: 100%;
	margin-bottom: 40px; 
}
.access_box02_left{
	width: 350px;
	float: left; 
}
.access_box02_right{
	width: 350px;
	float: right; 
}

.access_box03{
	width: auto;
	padding: 10px 10px 0 10px;
	margin-bottom: 30px;
	background: #FFF;
}
.access_box03_inner{
	width: 225px;
	margin: 0 15px 15px 0;	
	float: left;
}
.access_box03_inner:nth-child(3n){
	margin: 0 0 15px 0;	
}
.access_box03_inner:nth-child(3n+1){
	clear: both;	
}

.access_box03_inner img{
	text-align: center;
	margin-bottom: 10px;	
}

h3.access_subhead01{
	width: auto;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 55px;
	margin-bottom: 15px;
	color: #FFF;
	background: url(images/h3_access_subhead01.png) no-repeat 10px center #b48c53;
	border-radius: 5px;
}

h4.access_subhead02{
	width: auto;
	height: auto;
	padding: 0 0 0 20px;
	margin-bottom: 10px;
	color: #5e2206;
	font-size: 1.6em;
	background: url(images/h4_access_subhead01.png) no-repeat left center;
}

/****************************************

         商品紹介

*****************************************/
.item_box01{
	width: 100%;
	margin-bottom: 50px;
}
.item_box01_inner{
	width: 340px;
	margin: 0 46px 46px 0;
	float: left;
}
.item_box01_inner:nth-child(2n){
	margin: 0 0 46px 0;
}
.item_box01_inner:nth-child(2n+1){
	clear: both;	
}
.item_box01_inner_text{
	width: 100%;
}
.item_box01_inner_img{
	width: 340px;
	margin-bottom: 10px;
}
.item_box01_inner_img img{
	width: 340px;
	height: auto;
	text-align: center;
}

h3.item_subhead01{
	width: auto;
	height: auto;
	padding: 5px 0 5px 30px;
	margin-bottom: 15px;
	background: url(images/h3_item_subhead01.png) no-repeat left center;
	border-bottom: #5e2206 solid 1px;
}

/****************************************

         ブログ

*****************************************/
.blog_box01{
	width: 100%;
	margin-bottom: 40px;
}

h3.blog_subhead01{
	width: auto;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 15px;
	margin: 0 0 15px 0;
	font-size: 1.8em;
	color: #FFF;
	background: #7c4a30;
}
.blog_box01_img{
	width: 240px;
	float: left;
}
.blog_box01_img img{
	width: 240px;
	height: auto;
}
.blog_box01_text{
	width: 456px;
	float: right;
}


/****************************************

         ヘアカタログ

*****************************************/
div#contents-style{
	width: 100%;
	margin: 25px auto 0;	
}
.contents-style_inner{
	width: 180px;
	margin: 0 15px 30px 0;	
	float: left;
}
.contents-style_inner:nth-child(5n){
	margin: 0 0 30px 0;	
}
.contents-style_inner:nth-child(5n+1){
	clear: both;	
}
.contents-style_inner_img01{
	width: 180px;
	height: 238px;
	overflow: hidden;	
}
.contents-style_inner_img01 img{
	width: 180px;
	height: auto;
	text-align: center;	
}
.contents-style_inner_text01{
	width: 100%;
	margin-top: 15px;
	text-align: center;
}

/* ヘアカタログ詳細 */
div#contents-style-left{
	width: 400px;
	margin-top: 25px;
	float: left; 	
}
.detail_box_img{
	text-align:center;
	margin-bottom:20px;
}
.detail_box_img img{
	width: 400px;
	height: auto;
}

ul.photo_img{
    margin-bottom: 30px;
}
ul.photo_img li{
    line-height: 0;
    width: 110px;
    float: left;
    margin: 0 10px 10px;
    overflow: hidden;
    height: auto;
    text-align: center;
}
ul.photo_img li:nth-child(3n){
    clear: both:
}
ul.photo_img li img{
    width: 110px;
    height: auto;
    cursor: pointer;
}

div#contents-style-right{
	width: 530px;
	margin-top: 25px;
	float: right; 	
}
div#contents-style-right h3{
  border-left: 3px solid #D98383;
  padding:0 0 0 20px;
  margin-bottom: 30px;
  font-size: 22px;
  font-family: "Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
}

table.style_detail{
	width: 100%;
	border-collapse: collapse;
}
table.style_detail th.field{
	width: 20%;
	text-align: left;
	vertical-align: middle;
	padding: 2.5% 0;
	border-bottom: 1px dotted #666;
	border-right: none;
}
table.style_detail td.detail{
	width: 80%;
	text-align: left;
	vertical-align: middle;
	padding: 2.5% 0;
	border-bottom: 1px dotted #666;
}
table.style_detail td.detail p{
	font-size: 1.0em;
	line-height: 1.5;
}
span.charge img{
	padding: 0 0 10px 20px;
	vertical-align: middle;
}

.nav-below{
	width: 980px;
	margin: 30px auto 40px;
	text-align: center;	
	font-size: 1.4em;
}

div#contents-style-bottom{
	padding-top: 40px;
	margin-bottom: 20px;
	border-top: 1px solid #999;
}


/****************************************

         成人式

*****************************************/
.ceremony_box01{
	width: 100%;
	margin-bottom: 40px;	
}
.ceremony_box01 img{
	width: 726px;
	height: auto;	
}

.ceremony_box02{
	width: auto;
	padding: 20px;
	margin-bottom: 40px;
	background: url(images/ceremony_bg01.jpg) no-repeat left bottom #FFF;
	border: 1px solid #FAC4FD;
}
h4.ceremony_subhead01{
	padding-bottom: 10px;
	margin-bottom: 15px;
	color: #FC7E7E;
	font-weight: bold;
	font-size: 1.6em;
	border-bottom: 1px dotted #666;
}

.ceremony_box03{
	width: 100%;
	padding-bottom: 46px;
	margin-bottom: 20px;
	background: url(images/ceremony_bg02.png) no-repeat center bottom;
}
.ceremony_box03_last{
	width: 100%;
	margin-bottom: 40px;
}
h4.ceremony_subhead02{
	width: auto;
	height: auto;
	padding: 0 0 4px 0;
	margin-bottom: 10px;
	font-size: 1.8em;
	color: #280a76;
}
span.step{
	padding: 5px 8px;
	margin-right: 10px;
	color: #FFF;
	font-size: 0.8em;
	background: #9e7af9;
	border-radius: 5px;	
}

.check_box01{
	width: auto;
	padding: 20px;
	margin-bottom: 40px;
	font-size: 1.2em;
	background: #FFF;
	border: #764b01 solid 1px;
}
h4.check_subhead01{
	width: auto;
	padding: 5px 0;
	color: #FFF;
	text-align: center;
	background: #764b01;
}
span.tel{
	padding: 3px 8px;
	margin-right: 10px;
	color: #FFF;
	font-size: 0.8em;
	background: #aa8546;
	border-radius: 5px;	
}

.check_box02{
	margin-bottom: 40px;
	padding: 15px 30px;	
	background: #FFF;
	border: #d4d4d4 1px solid;
}
.check_box02_left{
	width: auto;
	margin-right: 15px;
	float: left;
}
.check_box02_right{
	width: auto;
	float: left;
	color: #e28987;
	font-size: 1.8em;
	padding: 10px 0 0 5px;
}

table.price_list{
  	width: 100%;
	border-collapse: collapse;
  	margin: 0 0 20px 0;
}
table.price_list th.field{
	width: 80%;
	padding: 1.5% 0 1.5% 2.5%;
	vertical-align: text-top; 	
	border-bottom: 1px dashed #470e0e;
	background: url(images/price_list_bg01.png) no-repeat left center;
}
table.price_list td.detail{
	width: 20%;
	padding: 1.5% 0;
	vertical-align: text-top; 	
	text-align: right;
	border-bottom: 1px dashed #470e0e;
}
table.price_list th.field p{
	font-size: 1.0em;
}

/****************************************

         浴衣着付け

*****************************************/
.yukata_box01{
	width: 100%;
	margin-bottom: 40px;	
}
.yukata_box01 img{
	width: 726px;
	height: auto;	
}
.yukata_box02{
	width: 100%;
	margin-bottom: 40px;
	background: url(images/yukata_bg01.png) no-repeat right top;
}

table.price_list02{
  	width: 100%;
	border-collapse: collapse;
  	margin: 0 0 20px 0;
}
table.price_list02 th.field{
	width: 80%;
	padding: 1.5% 0 1.5% 2.5%;
	vertical-align: text-top; 	
	border-bottom: 1px dashed #470e0e;
	background: url(images/price_list_bg01.png) no-repeat left 15px;
}
table.price_list02 td.detail{
	width: 20%;
	padding: 1.5% 0;
	vertical-align: text-top; 	
	text-align: right;
	border-bottom: 1px dashed #470e0e;
}
table.price_list02 th.field p{
	font-size: 1.0em;
}

/****************************************

         七五三

*****************************************/
.shichigosan_box01{
	width: 100%;
	margin-bottom: 40px;	
}
.shichigosan_box01 img{
	width: 726px;
	height: auto;	
}
.shichigosan_box02{
	width: 100%;
	margin-bottom: 40px;
	background: url(images/shichigosan_bg01.png) no-repeat right top;
}

table.temple{
  	width: 350px;
	border-collapse: collapse;
  	margin: 0 26px 26px 0;
	float: left;
}
table.temple:nth-child(2n){
  	margin: 0 0 26px 0;
}
table.temple:nth-child(2n+1){
  	clear: both;
}
table.temple th.field{
	width: 20%;
	padding: 2.5% 0 2.5% 2.5%;
	vertical-align: text-top; 
	color: #FFF;
	font-size: 0.9em;
	background: #9a5e41;
	border: 1px solid #E4CBBE;
}
table.temple td.detail{
	width: 80%;
	padding: 2.5% 0 2.5% 2.5%;
	vertical-align: text-top; 	
	font-size: 0.9em;
	background: #FFF;
	border: 1px solid #E4CBBE;
}

/****************************************

        袴の着付け

*****************************************/
.hakama_box01{
	width: 100%;
	margin-bottom: 40px;	
}
.hakama_box01 img{
	width: 726px;
	height: auto;	
}

.hakama_box02{
	width: 100%;
	padding-top: 40px;
	margin-bottom: 30px;
	border-top: #5e2207 1px dashed;
}

/****************************************

        シェービング

*****************************************/
.shaving_box01{
	width: 100%;
	margin-bottom: 20px;	
}
.shaving_box01 img{
	width: 726px;
	height: auto;	
}

.shaving_box02{
	width: 100%;
	margin-bottom: 40px;	
}

/****************************************

        求職中のキミに

*****************************************/
.foryou_box01{
	width: 100%;
	margin-bottom: 40px;	
}

/****************************************

        先輩からのメッセージ

*****************************************/
.message_box01{
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 40px;
	border-bottom: #5e2207 1px dashed;
}
.message_box01_img{
	width: 176px;
	float: left;	
}
.message_box01_img img{
	width: 176px;
	height: auto;	
}
.message_box01_text{
	width: 520px;
	float: right;	
}
.message_box01_text_inner{
	margin-bottom: 10px;	
}
h4.message_subhead01{
	width: auto;
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 15px;
	margin-bottom: 10px;
	color: #FFF;
	background: url(images/h4_message_subhead01.png) no-repeat left top;
}

/****************************************

        見学受付中！店内風景

*****************************************/
.landscape_box01{
	width: 100%;
	margin-bottom: 10px;
}
.landscape_box01_inner{
	width: 348px;
	margin: 0 30px 30px 0;
	float: left;
}
.landscape_box01_inner:nth-child(2n){
	margin: 0 0 30px 0;
}
.landscape_box01_inner:nth-child(2n+1){
	clear: both;
}
.landscape_box01_inner img{
	width: 348px;
	height: auto;
}

/****************************************

        募集要項・ご案内

*****************************************/
.guidance_box01{
	width: 100%;
	margin-bottom: 40px;
}
.guidance_box02{
	width: 100%;
	padding: 0 0 340px 0;
	margin-bottom: 30px;
	background: url(images/guidance_bg01.png) no-repeat center bottom;
	border-bottom: #5e2207 1px dashed;
}

/****************************************

        ご応募・エントリーフォーム

*****************************************/
.entry_box01{
	width: 100%;
	margin-bottom: 40px;
}

/****************************************

          　　　　追加

*****************************************/


/* よくあるご質問 */

.faq_parts{
	margin-bottom:25px;
}
.faq_parts:last-child{
	margin-bottom:0;
}

.faq_parts dt{
	background:url(images/q.png) no-repeat left top,#ecdcc5;
	padding:8px 0 8px 55px;
	font-size:1.8em;
}

.faq_parts dd{
	padding:15px 0 15px 55px;
	background:url(images/a.png) no-repeat left top,#FFF;
	font-size:1.4em;
}
.faq_parts dd p{
	font-size:100%;
}


/* ヘアラボ */

.hairlabo_parts{
	margin-bottom:25px;
}
.hairlabo_parts:last-child{
	margin-bottom:0;
}

.hairlabo_parts dt{
	background:url(images/q02.png) no-repeat left top,#ecdcc5;
	padding:8px 15px 8px 55px;
	font-size:1.8em;
}

.hairlabo_parts dd{
	padding:15px 15px 15px 55px;
	background:url(images/a02.png) no-repeat left top,#FFF;
	font-size:1.4em;
}
.hairlabo_parts dd p{
	font-size:100%;
}



/* 経営理念・企業概要 */

.overview_box01{
	padding-bottom:30px;
	border-bottom:dashed 1px #917148;
}

.overview_box_inner{
	margin-bottom:30px;
}
.overview_box_inner:last-child{
	margin-bottom:0;
}

.overview_box01_text{
	width:524px;
	float:right;
}

.overview_list{
	margin-bottom:12px;
}

.overview_list dt{
	width:85px;
	float:left;
	background: #c0a788;
	text-align: center;
	padding:2px 0 1px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size:1.2em;
	color:#FFF;
}

.overview_list dd{
	float:left;
	margin-left:10px;
	font-size:1.4em;
}

.sitepolicy{
	margin:20px 0 30px;
}

.sitepolicy dt{
	font-size:1.5em;
	color:#721306;
}


/****************************************

         スタッフ

*****************************************/
.contents-staff{
	width: 100%;
	margin: 25px auto 40px;	
}
.contents-staff_inner{
	width: 225px;
	margin: 0 20px 30px 0;	
	display: inline-block;
	vertical-align: text-top;
}
.contents-staff_inner:nth-child(4n){
	margin: 0 0 30px 0;	
}
.contents-staff_inner_img01{
	width: 225px;
	height: auto;
}
.contents-staff_inner_img01 img{
	width: 225px;
	height: auto;
	text-align: center;	
}
.contents-staff_inner_text01{
	width: 100%;
	margin-top: 15px;
	text-align: center;
}

/* スタッフ詳細 */
div#contents-staff-left{
	width: 300px;
	margin-top: 25px;
	float: left; 	
}
.detail_box_img{
	text-align:center;
	margin-bottom:20px;
}
.detail_box_img img{
	width: 300px;
	height: auto;
}
ul.detail_box_sns{
	margin-bottom: 20px;	
}
ul.detail_box_sns li{
	line-height: 0;
	margin-right: 15px;
	float: left;
}
.detail_box_profile{
	margin-bottom: 20px;
}
h4.detail_box_profile_tit{
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-size: 1.4em;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px dotted #666666;
}
.detail_box_good_image{
	margin-bottom: 20px;
}

div#contents-staff-right{
	width: 620px;
	margin-top: 25px;
	float: right; 	
}
div#contents-staff-right h3{
  margin-bottom: 15px;
  font-size: 26px;
  font-family: "Times New Roman","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","メイリオ", Meiryo, serif;
}
.detail_box_style{
	margin-bottom: 20px;
}
ul.detail_box_style_sub li{
	line-height: 0;
	margin: 0 20px 20px 0; 
	float: left;
}
ul.detail_box_style_sub li:nth-child(4n){
	margin: 0 0 20px 0; 
}
ul.detail_box_style_sub li:nth-child(4n+1){
	clear: both;
}
.detail_box_reservation{
	margin-bottom: 25px;
}
.detail_box_reservation02{
	margin-bottom: 40px;
}
.detail_box_calendar{
	margin-bottom: 30px;
}

/****************************************

         テキスト

*****************************************/
.text00{
	width: 100%;
}
.text01{
	width: 100%;
	margin-bottom: 10px;	
}
.text02{
	width: 100%;
	margin-bottom: 20px;	
}
.text03{
	width: 100%;
	margin-bottom: 30px;	
}

/****************************************

         画像

*****************************************/
.right_img01{
	width: auto;
	float: right;
}
.left_img01{
	width: auto;
	float: left;
}
.top_img01{
	margin-top: 20px;
}
.bottom_img01{
	margin-bottom: 20px;
}

/* オンマウス時のアクション */
a:hover img.img_opacity {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-webkit-transition:0.2s linear;
	-moz-transition:0.2s linear;
	transition:0.2s linear;
}

/* 画像　角丸 */
img.img_rounded{
	border-radius: 7px;
}

/****************************************

         P

*****************************************/
/* 改行 */
p.line_break{
	padding-top: 15px;
}
/* 太文字 */
.bold{
	font-weight: bold;
}
/* 大文字 */
.big{
	font-size: 170%;
}
/* 小文字 */
.small{
	font-size: 90%;
}
/* ピンク文字 */
.pink{
	color: #e96a50;
	font-size: 1.6em;
}
/* 茶文字 */
.brown{
	color: #6f1616;
}
/* 赤文字 */
.red{
	color: #e90808;
}
/* 赤太文字 */
.red_bold{
	color: #e90808;
	font-weight: bold;
}
/* 右寄せ */
.text_right{
	text-align: right;	
}

/****************************************

         マップ

*****************************************/
.access_map{
	display: block;
	width: 100%;
	margin-bottom: 30px;
}

/****************************************

         Contact Form7

*****************************************/
.wpcf7-form textarea{
	width: 650px !important; /*本文*/
}
.wpcf7-form .wpcf7-submit{
	width: 50px !important; /*送信ボタン*/
	margin-top: 20px !important; /*送信ボタン*/
}
.wpcf7 p {
	line-height: 2.0; /*項目間の隙間*/
	padding-top: 3px;
}
.wpcf7-form input{
	width: auto !important; /*ラジオボタン、チェックボタン*/
}
.contact_p_strong{
	border-top: 1px dotted #999;
	margin-top: 15px;
	padding-top 15px !important;
}
.red{
	color: #EC3D28;
	font-weight: bold;	
}
div.wpcf7-response-output{
	font-size: 1.3em;	
}

/****************************************

          clearfix

*****************************************/
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;    
    clear: both; 
    visibility:hidden;
}
.clearfix{
    display: block;
} 
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}

/* End Hack */



/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{
.top-front-banners{
text-align: center;
}
}


/*　top トレーニングモデル、ヘアモデルの募集バナーの非表示化　*/
.top-front-banners{
display :none ;
}