/* sp指定 */
@media only screen and (max-width:640px){
img{
max-width:100%; /*画像幅固定*/
height:auto;
}　
.sp{
display:block !important;
}
#pc,.pc{
display:none !important;
} 
table{
width:100%;
table-layout:fixed;
}
table td{
overflow-wrap:break-word; /*table幅はみ出し防止*/
}
.contactform-width{
max-width:100%;
}
body{
-webkit-text-size-adjust:100%!important;
}
.sp_mb10{
margin-bottom:10px;
}
.sp_mb20{
margin-bottom:20px;
}
.sp_mb50{
margin-bottom:50px;
}
.sp_mt10{
margin-top:10px;
}
.hr2 hr{
margin:0 0 20px;
}


/*改行指定*/
.br-pc{ 
display:none;
}
.br-sp{
display:block;
}


/*フォント指定*/
body{
letter-spacing:0.05em;
}
.sp_bold{
font-weight:bold;
}
.sp_center{
text-align:center;
margin-top:5px;
}


/*見出し指定*/
h2{
line-height:1.5em;
}
.h2_2{
font-size:120%;
}
.aside_h2{
font-size:170%;
padding-bottom:5px;
margin-bottom:20px;
}
footer h2{
background:#e7dfd8;
padding:3% 2% 2%;
}


/*画像横幅いっぱい*/
.out{
margin-left:-10px; /*20px の半分*/
width:calc(100% + 20px); /*20px は各自調整*/
width:-webkit-calc(100% + 20px); /*上と同じpx値に*/
}


 /*画像センタリング*/
.sp_img_center img{
display:block;
margin:0 auto;
height:auto;
} 


/* ボタン */
.mw_wp_form_input .btn2 input,.mw_wp_form_confirm .btn2 input,#submitback input,.booking_form_send_button,.booking_form_submit_button{
width:200px;
height:60px;
}
.stay_btn1,.stay_btn2,.stay_btn3,.mw_wp_form_input .btn2 input,.mw_wp_form_confirm .btn2 input,#submitback input,.booking_form_send_button,.booking_form_submit_button{
font-size:120%;
font-weight:bold;
}
a img.stay_btn1_arrow,a img.stay_btn2_arrow{
position:absolute;
top:25px;
right:10px;
}


/* ヘッダー */
header h1{
padding:10px;
float:left;
width:55%;
}
/* ヘッダーナビ2列 */
#spgnavi_btnset{
width:30%;
float:right;
padding:10px;
}
#spgnavi_btnset li{
float: left;
width:49%;
}
#spgnavi_btnset #spMenu{
margin-right:0;
}
.menu{
padding:10px 0 0 10px;
}



/* ヘッダーナビ */
#hMenu,#fnav{
background:#fdfbf8;
border-top:1px solid #d8d4d3;
width:100%;
padding-top:0;
}
#hMenu{
display:none;
top:40px;
left:0;
z-index:1;
}
#hMenu ul,#fnav ul{
width:100%;
}
#hMenu li,#fnav li{
float:left;
width:50%;
border-bottom:1px solid #d8d4d3;
}
#hMenu .menu_left,#hMenu .half{
background:url('../images/h_arrow.png') 95% / 3%  no-repeat;
}
#hMenu .menu_left,#fnav .menu_left{
border-right:1px solid #d8d4d3;
}
#hMenu a,#fnav a{
display:block;
width:100%;
height:100%;
text-decoration:none;
color:#5f4d45;
}
#hMenu li{
padding:4%;
}
#fnav li{
background:url('../images/f_arrow.png') 5% / 3%  no-repeat;
padding:4% 4% 4% 5%;
}


/* スマホ右空きクリア */
#container{
overflow:hidden;
}


/* コンテンツ */
.content{
padding:0 10px;
}


/* footer */
.f_bnr{
padding:10px;
}
footer .last{
margin-top:5px;
}
.copy{
background:url('../images/sp_footer.png') repeat-x;
padding:10px;
}


/* HOME */
.lead{
line-height:1.5em;
}


/* 施設 */
.system{
font-size:110%;
padding-bottom:5px;
}
.youtube img{
width:640px;
}


/* アクセス */
.access h3{
font-size:120%;
}
.access h4{
font-size:110%;
}
.map{
position:relative;
width:100%;
height:0;
padding-bottom:56.25%; 
overflow:hidden;
}
.map iframe{
position:absolute;
top:0;
left:0;
width:100%; 
height:100%;
}
.movie-wrap{
position:relative;
padding-bottom:56.25%; /*アスペクト比 16:9の場合の縦幅*/
height:0;
overflow:hidden;
}
.movie-wrap iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}


/* plan　宿泊プラン*/
.price{
font-size:120%;
font-weight:bold;
}
.plan h4{
font-size:120%;
margin-bottom:5px;
}
.amenity table th{
width:30%; 
}


/* お問い合わせ */
#booking-form table th,#booking-form  table td,
#mw_wp_form_mw-wp-form-1681 table th,#mw_wp_form_mw-wp-form-1681  table td{
padding:10px 0;
}
#booking-form table th,#mw_wp_form_mw-wp-form-1681 table th{
width:30%; 
}


/* ブログ */
.sidebar li{
margin-bottom:20px;
padding-bottom:20px;
}
.post img{
display:block;
margin:0 auto;
height:auto;
} 
.widgettitle,.archive_cap{
font-size:130%;
font-weight:bold;
margin-bottom:20px;
}
.blog  h3 a{
font-size:120%;
}}


@media screen and ( max-width:500px){
.sp_img_center_ta img{
display:block;
margin:0 auto;
height:auto;
}}


@media screen and (min-width:501px) and ( max-width:640px){
.stay_btn1,.stay_btn2,.stay_btn3,.mw_wp_form_input .btn2 input,.mw_wp_form_confirm .btn2 input,#submitback input{
font-size:23px;
}
.stay_btn1,.stay_btn2,.stay_btn3{
width:70%;
}
.booking_btn{
width:50%;
}
.system{
font-size:25px;
}
.booking .stay_btn1{
float:left;
}
a img.stay_btn1_arrow,a img.stay_btn2_arrow{
position:absolute;
top:25px;
right:15px;
}
.menu{
margin-top:12px;
}
#fnav li{
background:url('../images/f_arrow.png') 5% / 2%  no-repeat;
}
footer .last{
margin-top:7px;
}
.lead{
font-size:30px;
margin-top:20px;
}
.catch{
font-size:18px;
line-height:1.7em;
}
.aside_catch{
font-size:28px;
}
.col-xs-6{
float:left;
}
.col-xs-6{
width:50%
}
.ta_left,.ta_right{
float:left;
}
.ta_left{
margin-right:7px;
}
.img3{
width:620px;
}
.facility .p_center{
text-align:center;
}}