@media all and (max-width: 736px) {
/*////*/





body,
html>body{
/*
font-family:serif;
*/
-webkit-text-size-adjust: none;
overflow-x:hidden;
}

._pc{
display:none !important;
}
/*
canvas#cloth_canvas{
position:fixed;
top:-100px;
left:-200%;
width:500% !important;
height:200% !important;
z-index:-1;
}
*/
.img100{
width:100%;
height:auto;
}

sup{
font-size:65%;
letter-spacing:0;
}



#cnt_form_btn{
margin:5% auto;
width:100%;
}
#cnt_form_btn li{
width:50%;
/*
border:#c0c0c0 solid 1px;
box-sizing:border-box;
*/
}

#cnt_form_btn li.request{
float:left;
text-align:center;
/*background:#fff;*/
}
#cnt_form_btn li.reserve{
float:right;
/*background:#b9cbc5;*/
}
#cnt_form_btn li.request a,
#cnt_form_btn li.reserve a{
/*
display:block;
padding:10% 0;
width:100%;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:150%;
color:#000;
text-align:center;
*/
}
#cnt_form_btn li.request a:hover,
#cnt_form_btn li.reserve a:hover{
text-decoration:none;
}
#cnt_form_btn li.request:hover,
#cnt_form_btn li.reserve:hover{
background:none;
}
#cnt_form_btn li.request a img,
#cnt_form_btn li.reserve a img{
width:95%;
}


#pop_form_btn{
margin:5% auto;
width:100%;
}
#pop_form_btn li{
width:50%;
box-sizing:border-box;
}
#pop_form_btn li img{
width:100%;
}

#pop_form_btn li.request{
float:left;
/*
background:#fff;
border:#c0c0c0 solid 1px;
*/
}
#pop_form_btn li.reserve{
float:right;
/*
background:#b9cbc5;
border:#c0c0c0 solid 1px;
*/
}
#pop_form_btn li.request a,
#pop_form_btn li.reserve a{
/*
display:block;
padding:10% 0;
width:100%;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:150%;
color:#000;
*/
text-align:center;
}
#pop_form_btn li.request a:hover,
#pop_form_btn li.reserve a:hover{
text-decoration:none;
}
#pop_form_btn li.request:hover,
#pop_form_btn li.reserve:hover{
background:none;
}





/*Global************************************************************/
#wrapper, #pop_wrapper{
margin:0 auto;
width:100%;
min-width:0;
position:relative;
overflow-x:hidden;
}

#pop_container{

}

.container,
.pop_container{
margin:0 auto;
padding:1%;
width:98%;
position:relative;
}


#fnav_container{
margin-top:10%;
text-align:center;
background:#aa1b48;
}
#fnav{
}
#fnav li{
display:inline-block;
border-right:#fff solid 1px;
}
#fnav li:first-child{
border-left:#fff solid 1px;
}
#fnav li a{
padding:0.5em 1em;
width:50%;
box-sizing:border-box;
color:#fff;
}
#fnav li.crt{
background-color:#e2b5c3;
}
#fnav li.crt a{
color:#000;
}

#cnt_nav{
margin:40px 0;
text-align:center;
}
#cnt_nav li{
display:inline-block;
margin:2%;
width:46%;
cursor:hand;
cursor:pointer;
vertical-align:middle;
background:#000;
}







/*footer*/
#footer{
text-align:center;
padding:5% 0;
}
#footer li{
padding:2%;
}
#footer #call img,
#footer #dlogo1 img{
max-width:100%;
}
#footer #relay{
}




/*pop*/
#gm_btn{
margin:2% auto;
text-align:center;
width:60%;
}
#gm_btn a{
display:block;
padding:1em 0;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color:#fff;
font-size:125%;
background-color:#5282d5;
}
#gm_btn a:hover{
text-decoration:none;
}
#pop_btn{
}
#pop_btn li{
display:inline-block;
margin:1%;
width:48%;
text-align:center;
background:#000;
}
#pop_btn li a{
display:block;
padding:1em 0;
width:100%;
font-size:125%;
}








/*Global_navi*******************************************************/




/*Contents**********************************************************/

/*contents*/
#cnt_container{
padding:1%;
}

.cnt_container{
}

.pt{
padding-top:5%;
font-size:150%;
line-height:200%;
font-weight:bold;
text-align:center;
color:#006980;
}
.pt img{
padding-top:2%;
padding-bottom:5%;
max-width:90%;
}
.bt{
font-size:125%;
line-height:150%;
padding-top:5%;
}
.bt span{
}
.ct{
padding:5% 0;
font-size:115%;
line-height:125%;
}
.ct span{
font-size:70%;
}

.ptxt{
margin-top:10px;
margin-bottom:10px;
font-size:125%;
line-height:150%;
font-weight:bold;
}
.btxt{
margin-top:10px;
margin-bottom:10px;
font-size:110%;
line-height:150%;
}
.btxt span{
font-size:115%;
}
.ctxt{
margin-top:10px;
margin-bottom:10px;
font-size:110%;
line-height:150%;
}

#cnt_btn_container{
}
#cnt_btn{
margin:0 auto;
width:100%;
}
#cnt_btn li{
padding:2% 0;
text-align:center;
}

#cnt_btn li.reserve{
margin-top:5%;
background:#23af3b;
}
#cnt_btn li.request{
background:#f49d00;
}

#cnt_btn li img{
width:75%;
}


#logo_sp{
padding:5% 1%;
background-color:rgba(255,255,255,0.9);
position:relative;
z-index:1;
}
#logo_sp a{
display:block;
width:100%;
text-align:center;
}
#logo_sp img{
width:40%;
}

#yokoku_sp{
margin-top:5%;
}
#yokoku_sp span{
display:inline-block;
vertical-align:middle;
}
#yokoku_sp span.ttl{
font-size:125%;
padding:0.5em 0.2em;
text-align:center;
border:#000 solid 1px;
}
#yokoku_sp span.txt{
width:75%;
padding-left:2%;
font-size:90%;
line-height:100%;
}



#gotop{
}
#gotop a:link, #gotop a:visited{
}
#gotop a:hover{
}

.gotop{
}
.gotop a:link, .gotop a:visited{
}
.gotop a:hover{
}

#dlogo_container{
}
#dlogo{
padding:2% 0;
}
#pop_dlogo_container{
}
#pop_dlogo{
}
#dlogo li, #pop_dlogo li{
display:inline-block;
padding:1% 0;
width:100%;
vertical-align:top;
text-align:center;
}
#dlogo li:first-child, #pop_dlogo li:first-child{
width:60%;
}
#dlogo li img, #pop_dlogo li img{
vertical-align:top;
width:90%;
}

#call_container,
#pop_call_container{
}
#call_container img,
#pop_call_container img{
padding:2%;
width:80%;
}

#call{
}

#copy_container{
padding-top:2%;
text-align:center;
}

#copy{
padding-top:5%;
}

.chu{
font-size:80%;
}
.cnt_chu{
margin-top:5%;
}
.w_chu{
color:#fff;
text-shadow:0px 0px 1px #000,
	0px 0px 2px #000,
	0px 0px 3px #000,
	0px 0px 4px #000,
	0px 0px 5px #000,
	0px 0px 6px #000,
	0px 0px 12px #000;
}
.b_chu{
color:#000;
text-shadow:0px 0px 1px #fff,
	0px 0px 2px #fff,
	0px 0px 3px #fff,
	0px 0px 4px #fff,
	0px 0px 5px #fff,
	0px 0px 6px #fff,
	0px 0px 12px #fff;
}
.outline_chu{
padding:10px;
border:#444 solid 1px;
}




.cnt_box1{
}

#cnt_mimg{
position:relative;
}
#cnt_mimg img{
width:100%;
}
#cnt_mimg .chu{
position:absolute;
right:5px;
bottom:5px;
}

.cnt_pt{
padding-top:5%;
text-align:center;
color:#75641a;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:200%;
font-weight:400;
line-height:200%;
border-bottom:#75641a solid 1px;
}







/*
.mimg{
-ms-filter:"alpha( opacity=0 )";
filter:alpha( opacity=0 );
opacity:0;
}
*/
.bgstretcher{
-ms-filter:"alpha( opacity=0 )";
filter:alpha( opacity=0 );
opacity:0;
}




/*top*/
#top_mimg_container{
width:100%;
height:240px;
position:relative;
}
#top_mimg{
width:100%;
height:240px;
position:relative;
overflow:hidden;
}
#top_mimg1{
width:100%;
height:240px;
background-color:#fff;
}
#top_mimg1 img{
position:absolute;
right:0;
bottom:0;
width:290%;
margin-right:-190%;
opacity:0;
}
#top_mtxt1{
position:absolute;
top:60px;
left:100%;
opacity:0;
width:100%;
margin-left:-45%;
}
#top_mtxt2{
position:absolute;
top:40px;
left:100%;
opacity:0;
width:100%;
margin-left:-45%;
}
#top_mtxt1 img,
#top_mtxt2 img{
width:90%;
}
#top_mimg li p.chu{
position:absolute;
right:5px;
bottom:5px;
}

#top_mimg .mimg2{
width:100%;
height:240px;
position:absolute;
left:0;
top:0;
}
#top_mimg .mimg2 #top_mimg2,
#top_mimg .mimg2 #top_mimg3,
#top_mimg .mimg2 #top_mimg4,
#top_mimg .mimg2 #top_mimg5{
width:100%;
text-align:center;
position:absolute;
left:0;
top:0;
opacity:0;
background-color:#fff;
}
#top_mimg .mimg2 #top_mimg2 img,
#top_mimg .mimg2 #top_mimg3 img,
#top_mimg .mimg2 #top_mimg4 img,
#top_mimg .mimg2 #top_mimg5 img{
width:100%;
transition: transform 5000ms 0s ease;
}
#top_mimg .mimg2 #top_mtxt3{
position:absolute;
left:0;
top:35%;
opacity:0;
width:100%;
text-align:center;
}
#top_mimg .mimg2 #top_mtxt3 img{
transition: transform 7000ms 0s ease;
width:90%;
}

#top_mimg .mimg3{
width:100%;
height:240px;
position:absolute;
left:0;
top:0;
opacity:0;
background-color:#000;
}
#top_mimg .mimg3 #top_mimg6{
width:100%;
text-align:center;
position:absolute;
left:0;
top:0;
opacity:0;
background-color:#fff;
}
#top_mimg .mimg3 #top_mimg6 img{
transition: transform 10000ms 0s ease;
transform: scale(1.05);
width:100%;
}


#top_mtxt4{
position:absolute;
top:60px;
left:100%;
margin-left:-35%;
opacity:0;
width:100%;
}
#top_mtxt5{
position:absolute;
bottom:35px;
left:100%;
margin-left:-30%;
opacity:0;
width:100%;
}
#top_mtxt4 img{
width:70%;
}
#top_mtxt5 img{
width:60%;
}

#top_mlogo_container{
position:absolute;
top:10px;
left:50%;
margin-left:-49%;
opacity:0;
width:100%;
}
#top_mlogo{
width:50%;
}
#top_mlogo_t{
margin-top:2%;
width:50%;
}
#top_mlogo img,
#top_mlogo_t img{
width:100%;
}






#top_koudouteiki_container,
#top_kakakutai_container{
padding:2% 0;
background-color:#f3f3f3;
text-align:center;
}
#top_koudouteiki,
#top_kakakutai{
}
#top_kakakutai li{
padding:2%;
border-top:#000 solid 1px;
text-align:center;
box-sizing:border-box;
}
#top_kakakutai li:first-child{
border-top:0;
}
#top_koudouteiki li img,
#top_kakakutai li img{
width:90%;
}
#top_kakakutai li.k2{
}
#top_kakakutai li.k2 img{
width:70%;
}

#top_information_title{
margin-top:5%;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-align:center;
font-size:125%;
font-weight:500;
}
#top_information{
padding-top:2%;
padding-bottom:2%;
text-align:center;
font-size:115%;
line-height:125%;
letter-spacing:0;
}
#top_information li{
padding:0.5em 0;
}
#top_information li span{
font-size:125%;
font-weight:bold;
}
#top_information li a{
color:#880000;
}

.top_btn_box{
margin-top:5%;
}
#top_img1,
#top_img2,
#top_img3{
position:relative;
}
#top_img1 img,
#top_img2 img,
#top_img3 img,
#top_merit1 img,
#top_merit2 img,
#top_merit3 img,
#top_access_btn img{
width:100%;
}
#top_merit1{
margin-top:1px;
}
#top_img1 .chu,
#top_img2 .chu,
#top_img3 .chu{
position:absolute;
right:5px;
bottom:5px;
}
#top_ichu1{
margin-right:50%;
}













/*cocnept*/
#concept_bt1{
margin-top:5%;
text-align:center;
}
#concept_bt1 img{
width:75%;
}
#concept_img1{
margin-top:5%;
position:relative;
}
#concept_img1 img{
width:100%;
}
#concept_img1 .chu{
position:absolute;
right:5px;
bottom:5px
}
#concept_ph{
margin-top:2%;
}
#concept_ph li{
display:inline-block;
position:relative;
width:33.33%;
vertical-align:top;
}
#concept_ph li img{
width:100%;
}
#concept_ph li .chu{
padding:2%;
background:#000;
height:3em;
}















/*access*/
#access_img1{
}
#access_img1 img{
width:100%;
}
#access_ct1,
#access_ct2{
margin-top:5%;
}
#access_ph{
}
#access_ph li{
display:inline-block;
position:relative;
width:33.33%;
}
#access_ph li img{
width:100%;
}
#access_ph li .chu{
position:absolute;
right:5px;
bottom:5px;
}
.access_sf{
}
.access_sf li{
display:inline-block;
text-align:center;
width:33.33%;
padding:5% 0 2% 0;
}
.access_sf li img{
width:80%;
}
#access_simg{
}
#access_simg li{
display:inline-block;
width:50%;
}
#access_simg li img{
width:100%;
}














/*location*/
#location_img{

}
#location_img li{
display:inline-block;
padding:1%;
width:48%;
vertical-align:top;
}
#location_img li img{
width:100%;
}
#location_img li .chu{
padding-top:5px;
}
#location_lf_title{
margin-top:10%;
text-align:center;
}



#location_lf_nav{
margin-top:5%;
border-right:#000 solid 1px;
border-bottom:#000 solid 1px;
}
#location_lf_nav li{
display:inline-block;
width:50%;
height:3.5em;
text-align:center;
vertical-align:middle;
border-top:#000 solid 1px;
border-left:#000 solid 1px;
position:relative;
box-sizing: border-box;
}
#location_lf_nav li:first-child{
}
#location_lf_nav li a{
display:block;
padding:0.5em;
width:100%;
box-sizing: border-box;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight:400;
font-size:115%;
position:absolute;
top:50%;
left:50%;
-webkit-transform:translateY(-50%) translateX(-50%);
transform:translateY(-50%) translateX(-50%);
}
#location_lf_nav li.active{
background-color:#aa1b48;
cursor:hand;
cursor:pointer;
}
#location_lf_nav li.active a{
text-decoration:none;
color:#fff;
}

#location_lf_map{
margin-top:2%;
position:relative;
height:auto;
}
#location_lf_map li{
position:absolute;
left:0;
top:0;
width:100%;
opacity:0;
}
#location_lf_map li.active{
opacity:1;
}
#location_lf_map .lf_map,
#location_lf_map .lf_txt{
margin-top:1%;
text-align:center;
}

#location_lf_map .lf_map img,
#location_lf_map .lf_txt img{
width:100%;
}















/*roomplan*/
#roomplan_btn{
margin-top:10%;
text-align:center;
}
#roomplan_btn li{
display:inline-block;
padding:1%;
width:31.33%;
}
#roomplan_btn li img{
width:100%;
}

#roomplan_etc{
margin-top:5%;
text-align:center;
}
#roomplan_etc img{
width:60%;
}



/*type*/
#type_nav{
margin-top:10%;
}
#type_nav li{
display:inline-block;
padding:0.5%;
width:25%;
box-sizing:border-box;
}
#type_nav li img{
width:100%;
}
#type_img{
margin-top:2%;
}
#type_img li{
position:absolute;
left:0;
top:0;
display:none;
}
#type_img li.active{
position:relative;
display:block;
}
#type_img img{
width:100%;
}
#type_roomplan_btn{
margin-top:5%;
text-align:center;
}
#type_roomplan_btn li{
display:inline-block;
padding:1%;
width:48%;
}
#type_roomplan_btn li img{
width:100%;
}










/*modelroom*/
#modelroom_nav{
margin-top:5%;
text-align:center;
}
#modelroom_nav li{
display:inline-block;
margin:1%;
width:48%;
text-align:center;
border:#aa1b48 solid 1px;
box-sizing:border-box;
}
#modelroom_nav li a{
display:block;
padding:1em 0;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:150%;
font-weight:500;
background-color:#aa1b48;
}
#modelroom_nav li a:hover{
background-color:#fff;
color:#aa1b48;
text-decoration:none;
}
#modelroom_nav li.active a{
background-color:#fff;
color:#aa1b48;
}

#modelroom_gimg{
margin-top:2%;
}

#modelroom_gbtn_container{
position:relative;
}
#modelroom_gbtn{
padding:1%;
position:relative;
background-color:#aa1b48;
}
#modelroom_gbtn a{
display:inline-block;
padding-bottom:18%;
margin-bottom:1%;
width:25%;
text-indent:-8888px;
background-repeat:no-repeat;
background-size:98%;
background-position:left top;
vertical-align:top;
}


#modelroom_gbtn a.gbtn1{
background-image:url(../img/modelroom_gbtn1.jpg);
}
#modelroom_gbtn a.gbtn2{
background-image:url(../img/modelroom_gbtn2.jpg);
}
#modelroom_gbtn a.gbtn3{
background-image:url(../img/modelroom_gbtn3.jpg);
}
#modelroom_gbtn a.gbtn4{
background-image:url(../img/modelroom_gbtn4.jpg);
}
#modelroom_gbtn a.gbtn5{
background-image:url(../img/modelroom_gbtn5.jpg);
}
#modelroom_gbtn a.gbtn6{
background-image:url(../img/modelroom_gbtn6.jpg);
}
#modelroom_gbtn a.gbtn7{
background-image:url(../img/modelroom_gbtn7.jpg);
}
#modelroom_gbtn a.gbtn8{
background-image:url(../img/modelroom_gbtn8.jpg);
}
#modelroom_gbtn a:hover,
#modelroom_gbtn a.active{
background-position:left bottom;
}













/*equipment*/
#equipment_img{
margin-top:5%;
}
#equipment_img li{
display:inline-block;
padding:1%;
margin-bottom:2%;
width:48%;
}
#equipment_img li img{
width:100%;
}
#equipment_img li p{
padding-top:5px;
}
#equipment_s{
padding-top:5%;
}
#equipment_s li{
display:inline-block;
padding:1%;
margin-bottom:3%;
width:48%;
}
#equipment_s li img{
width:100%;
}

#concierge_s{
padding-top:5%;
}
#concierge_s p{
margin-bottom:5%;
}
#concierge_s p img{
width:100%;
}




















/*accessmap*/
#accessmap_pt{
padding:15px;
color:#fff;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:125%;
background:#aa1b48;
}
#accessmap_map{
border:#aa1b48 solid 3px;
}
#accessmap_map img{
width:100%;
}








/*outline*/
.outline_fig{
width:100%;
border-spacing:1px;
border-bottom:#cdc6b2 dotted 1px;
font-size:115%;
line-height:150%;
}
.outline_fig caption{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size:150%;
line-height:200%;
color:#fff;
font-weight:400;
background-color:#aa1b48;
}

.outline_fig th, .outline_fig td{
padding:8px 10px;
width:100%;
display:block;
border-top:#cdc6b2 dotted 1px;
box-sizing:border-box;
}
.outline_fig th{
width:100%;
display:block;
color:#000;
font-weight:500;
background-color:#f3f3f3;
}





































/*////*/
}