@charset "utf-8";

/*-------------------------------------
sp_tour_noflash
-------------------------------------*/
@media screen and (max-width:767px) {
.pc {
  display: none!important;
}

#content { position:relative; left:auto; top:auto; margin-top:0; width:100%; height:100%; }
body > #content { height:auto; min-height:100%; }

#wrap { width:100%; }

#header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; align-items:center; display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; height:auto; margin:0 auto; padding:15px; }
#header p { flex:0 0 50%; float:none; padding:0; width:50%; }
#header h1 { flex:0 0 50%; float:none; padding:0; text-align:right; width:50%; }
#header h1 img { height:13px; width:73px; }
#header .left { float:none; flex:0 0 100%; padding:0; }
#header .left img { height:27px; width:71px; }
#header .right { float:none; flex:0 0 100%; padding:0; }
#header .right h1 { display:flex; justify-content:center; padding:50px 0 10px; min-height:30px; position:relative; }
#header .right h1:after { content:attr(data-label); color:#9e9a7c; display:block; font-size:116%; font-weight:600; line-height:1.8; position:absolute; top:50px; }
#header .right h1 img { display:none; }

#pages { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding:15px; width:100%; }
#pages ol { display:flex; flex-wrap:wrap; width:100%; }
#pages ol li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-color:#fff; display:flex; flex:0 0 100%; float:none; flex-wrap:wrap; justify-content:center; margin-top:15px; margin-right:0; padding:15px; width:100%; }
#pages ol li:first-child { margin-top:0; }
#pages ol li img { height:auto; width:300px; }
#pages li p { flex:0 0 100%; padding:15px 0 0; }

#destination { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin:0; padding:25px;width:100%; }
#destination p { margin-left:0; }
#destination p.registration { margin:15px 0 0; }
#destination #btns { display:flex; flex-wrap:wrap; justify-content:space-between; padding:25px 0; text-align:center; }
#destination #btns dl { flex:0 0 100%; float:none; margin:0; width:100%; }
#destination #btns dt { width:100%; }
#destination #btns dd a { background-color:#eceae7; border:1px solid #dcdbd6; border-radius:3px; color:#636362; display:block; text-decoration:none; padding:20px; position:relative; }
#destination #btns dd a:after { content: ""; position:absolute; width:8px; height:18px; top:50%; margin-top:-9px; right:10px; background:url(../../../../img/sp_common/angle_right_gray.svg) center no-repeat; background-size:8px; }
#destination #btns dl.member dt { padding-bottom:5px; }
#destination #btns dl.member dt span { color:#9e9a7c; }

#destination #btns dl.nomember { margin-top:15px; }
#destination #btns dl.nomember dt { padding-bottom:5px; }
#destination #btns dl.nomember dt span { color:#9e9a7c; }

#footer { display:flex; flex-wrap:wrap; justify-content:center; text-align:center; width:100%; }
#footer #cr { float:none; flex:0 0 100%; width:100%; }
#footer #cr a { color:#666; text-decoration:none; }

#footer #ftmenu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display:flex; flex-wrap:wrap; float:none; flex:0 0 100%; margin-top:15px; padding:0 20px; width:100%; }
#footer #ftmenu img { margin:0; }

#footer #ftmenu a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-color:#fff; border:1px solid #dcdbd6; border-radius:3px; color:#636362; display:block; text-decoration:none; padding:20px; position:relative; flex:0 0 100%; }
#footer #ftmenu a:first-child { display:none; }  

}