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


* {
	font-size:100%;
	margin: 0;
	padding: 0;
	background-repeat:no-repeat;
}

/* html,bodyタグの設定 */
html, body{
    margin: 0;         /* 余白の削除 */
    padding: 0;       /* 余白の削除 */
    width:100%;
    height:100%;
}


img{
	margin: 0;
	padding: 0;
	vertical-align:bottom;
}

.clear{
	clear:both;
}


ul li{
	list-style-type:none;
}

/*clearfix*/

.cf{
	zoom: 1;
}

.cf:before, .cf:after{
	content:"";
	display: table;
}

.cf:after{
	clear:both;
}


/*
全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
*/




@media only screen and (max-width: 599px){
	
	html{
	font-size:62.5%;
}


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


#header{
	display:none;
}

#gloval{
	display:none;
}

#main{
	display:none;
}

#s_main{
	width:100%;
	margin:0 auto;
	margin-top:53px;
}

#s_main img{
	width:100%;
	max-width:599px;
}

#gloval_bg{
	display:none;
}

.s_header2{
	width:100%;
	height:auto;
	margin:0 auto;
	position: fixed;
    top: 0;
    left:0;
	z-index: 2;
	background-color:#D1B687;
	opacity:0.8;
}




#s_head_left{
	float:left;
	width:85%;
}


#s_head_left img{
	width:100%;
	max-width:511px;
}


#nav-wrap {
     float:right;
	 width:15%;
    }
 
    /* menu icon */
    #menu-icon {
        /* color: #000; */
        cursor: pointer;
       /* border: solid 1px #666; */
         /* show menu icon */
    }
	
	#menu-icon img{
		width:100%;
		max-width:88px;
		position:relative;
	right:30%;
	}
	
   
     
    /* main nav */
    #nav {
		width:80%;
		height:auto;
		margin:0 auto;
        clear: both;
        position: absolute;
        top: 30px;
		left:30px;
        z-index: 100;
        padding: 10px;
        display: none; /* visibility will be toggled with jquery */
    }
    
	#nav article{
		font-size:1.4rem;
	line-height:18px;
	background-color:#4D3A30;
	padding:10px;
	color:#fff;
	}
	
	#nav article a{
		color:#fff;
	}
	
	
	.close{
		font-size:1.6rem;
		text-align:center;
		font-weight:bold;
		color:#fff;
	}
    /* dropdown */
    
	


	
	.p_img{
		display:none;
	}
	
	.s_img{
		width:100%;
		max-width:599px;
	}
	
	
	#s_con1{
	width:75%;
	margin:0 auto;
	margin-top:15px;
	margin-bottom:20px;
	color:#828282;
}

#s_con1 article{
	font-size:1.4rem;
	margin-top:5px;
	line-height:18px;
	background-color:#D1B687;
	padding:15px;
}

#s_con1 article a{
	color:#828282;
	text-decoration:none;
}

#s_con1 a{
	color:#FFF;
	text-decoration:none;
}

.s_con1_left{
	float:left;
}

.s_con1_right{
	float:right;
}


#contents{
	width:95%;
	margin:0 auto;
}


#left_box{
	display:none;
}

#right_box{
	
}

.news{
	margin-top:20px;
}

.midashi_pho{
	width:100%;
	max-width:700px;
}

.news_ul{
	padding:10px;
}

.news_ul li{
	margin-top:10px;
	line-height:25px;
	font-size:1.54rem;
	color:#663300;
}

.concept{
	margin-top:20px;
}

.concept_p{
	padding:10px;
	font-size:1.5rem;
	line-height:25px;
	color:#663300;
}

.top_pho1{
	width:100%;
	max-width:700px;
}

.top_bo{
	display:none;
}

#footer_bg{
	height:200px;
	background-image:url("../img/hu_back.jpg");
	background-repeat:repeat-x;
	margin-top:30px;
}

#footer{
	width:95%;
	margin:0 auto;
}


#footer h2{
	display:none;
}


.fo_navi{
	display:none;
}

.f_map{
	width:100%;
	max-width:358px;
}

.fo_text1{
	display:none;
}

.fo_right{
	padding-top:20px;
}

.copy{
	font-size:1.5rem;
	line-height:20px;
	padding-top:10px;
}

.tel{
	width:100%;
	max-width:400px;
}

.facial3_1{
	width:100%;
	max-width:700px;
}

.fa_cam{
	
}

#pan_list{
	display:none;
}

.facial_pho1{
	width:100%;
	max-width:402px;
}

.facial_pho2{
	width:100%;
	max-width:400px;
}


.staff_text_none{
	display:none;
}




.facial_ul1 li{
	float:left;
	padding:5px;
	margin-top:5px;
}

.facial_li2{
	font-size:1.4rem;
	line-height:20px;
}

.con_midasi{
	display:none;
}

.option1{
	margin-top:10px;
	color:#663300;
}

.option_td1{
	width:65%;
	padding:5px;
	line-height:20px;
	font-size:1.4rem;
	border-bottom:1px dashed #D1B687;
}

.option_td2{
	width:35%;
	padding:5px;
	line-height:25px;
	font-size:1.4rem;
	border-bottom:1px dashed #D1B687;
	text-align:right;
}

.option2{
	font-size:1.2rem;
	line-height:18px;
	margin-top:5px;
}


.ac_td1{
	width:35%;
	font-size:1.5rem;
	padding:5px;
	line-height:20px;
}

.ac_td2{
	width:65%;
	font-size:1.5rem;
	padding:5px;
	line-height:20px;
}

.ac_table tr{
	border-bottom:1px dashed #DBDBDB;
	padding-bottom:5px;
}


.map{
	margin-top:20px;
	margin-bottom:20px;
}


.map iframe{
	width:100%;
	max-width:550px;
}

.sitemap1 li{
	font-size:1.5rem;
	line-height:30px;
}


.sitemap1 li a{
	color:#663300;
	text-decoration:none;
}


.s_staff{
	margin-top:-30px;
}


.s_staff_pho{
	width:30%;
	float:left;
}

.s_staff_img{
	width:90%;
	max-width:262px;
}

.s_staff article{
	margin-top:35px;
	width:100%;
	font-size:1.5rem;
	line-height:20px;
}

.contact_ta{
	width:100%;
	font-size:1.5rem;
	line-height:20px;
}

.contact_td1{
	width:40%;
	line-height:20px;
	font-size:1.5rem;
	padding:5px;
	vertical-align:middle;
}

.contact_td2{
	width:60%;
	line-height:20px;
	font-size:1.5rem;
	padding:5px;
	vertical-align:middle;
}

.input_text{
	width:100%;
	line-height:20px;
	font-size:1.5rem;
}

}


@media only screen and (min-width: 600px){
	
	
	body{
	background-image:url("../img/back.jpg");
	background-repeat:repeat;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}

#header{
	width:1000px;
	margin:0 auto;
	height:80px;
}


#header2{
	display:none;
}

#header h1{
	position:relative;
	top:10px;
	left:17px;
	font-size:14px;
	color:#FFF;
}

#header .logo{
	float:left;
	position:relative;
	top:30px;
}

#header .tel2{
	float:right;
	position:relative;
	top:30px;
}

#gloval{
	width:1000px;
	margin:0 auto;
	height:50px;
}

#gloval ul li{
	float:left;
}

#gloval ul{
	position:relative;
	top:20px;
}

#pan_list{
	width:1000px;
	margin:0 auto;
}

#pan_list p{
	font-size:12px;
	position:relative;
	top:25px;
	left:5px;
}

#main{
	
}

#s_main{
	display:none;
}

#line{
	background-image:url("../img/line.jpg");
	background-repeat:repeat-x;
	height:7px;
}

#contents_bg{
	background-color:#FFF;
}

#contents{
	width:1000px;
	margin:0 auto;
	margin-bottom:100px;
}

#left_box{
	float:left;
	width:280px;
}


#left_box .left_navi_li2{
	margin-top:10px;
}

#left_box .tel{
	margin-top:15px;
}

#left_box .blog{
	margin-top:15px;
}

#left_box .te1{
    color:#663300;
    font-size:12px;
	line-height:1.8;
}

#right_box{
	float:right;
}

.news{
	font-size:14px;
	color:#604a39;
}

.news_ul{
	padding:10px;
}

.news_ul li{
	margin-top:10px;
	border-bottom:1px dotted #efd7b1;
	padding-bottom:5px;
	line-height:1.8;
}

.concept{
	margin-top:20px;
	color:#604a39;
}

.concept_p{
	font-size:14px;
	padding:10px;
	line-height:25px;
}


.top_bo{
	float:right;
	position:relative;
	top:30px;
}

.top_pho1{
	margin-top:15px;
}


#footer_bg{
	height:200px;
	background-image:url("../img/hu_back.jpg");
	background-repeat:repeat-x;
}

#footer{
	width:1000px;
	margin:0 auto;
	font-size:14px;
}

#footer .fo_left{
	float:left;
	margin-top:20px;
}

#footer .fo_right{
	float:right;
	margin-top:15px;
}

#footer .fo_text1{
	font-size:13px;
	line-height:22px;
	margin-top:5px;
}

#footer .fo_navi{
	font-size:11px;
	margin-top:10px;
	text-align:center;
}

#footer .copy{
	font-size:12px;
	color:#663300;
	margin-top:10px;
	text-align:center;
}


/*コンテンツページここから*/

.facial3_1{
	margin-top:15px;
}

.facial_ul1{
	margin-top:30px;
}

.facial_ul1 li{
	float:left;
}

.facial_li2{
	line-height:20px;
	margin-left:10px;
	font-size:13px;
}

.option1{
	padding:10px;
}

.option_td1,.option_td2{
	padding-top:15px;
	border-bottom:1px dotted #999;
	padding-bottom:12px;
}

.option_td1{
	width:400px;
	padding-left:20px;
}

.option_td2{
	width:200px;
	text-align:right;
}

.option2{
	margin-top:5px;
	padding-left:60px;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
}


.contact_ta{
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#8c7e64;
	margin-top:10px;
	margin-left:15px;
}

.ko{
	color:#FABE32;
}

.ko2{
	color:#FABE32;
}

.contact_td1{
	padding-top:35px;
	vertical-align:top;
}

.contact_td2{
	padding-top:35px;
}

.contact_td3{
	line-height:25px;
}

.button{
	border-style:none;
	padding: 15px 25px;
	color:#fff;
	font-weight:bold;
	background-color:#9F4633;
}

.ac_table{
	font-size:14px;
}

.ac_td1,.ac_td2{
	padding-top:35px;
	padding-left:50px;
}

.map{
	margin-top:20px;
	margin-left:30px;
}

.map span{
	font-size:13px;
	position:relative;
	top:5px;
}

.conce{
	margin-top:30px;
}

.map iframe{
	border:1px solid #663300;
}

.sitemap1{
	margin-top:10px;
	font-size:14px;
}

.sitemap1 li{
	float:left;
	line-height:50px;
	margin-left:35px;
}

.sitemap1 li a{
	
}

.sitemap1 li a:hover{
	color:#A38566;
}

.s_img{
	display:none;
}

.f_map{
	display:none;
}

#s_con1{
	display:none;
}

.s_staff{
	display:none;
}

}