@charset "utf-8";
/* CSS Document */
/*
@media only screen and (max-width: 1250px) {
#top{
background-image: url("../img/bg_river.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
}
*/
@media only screen and (max-width: 768px) {
/*--------------------------*/
body{
background: #fff;
}
#container{
display: block;
font-size: 1em;
}
.w1200{
width: 100%;
margin: 0 auto;
}
h5,h6{
width: 95%;
margin: 0 auto;
}
h5.heading{
font-size: 155%;
}
/*--------------------pankuzu */
#pankuzu{
display: none;
}
/*--------------------contact */
#contact{
width: 100%;
margin: 0 auto;
padding: 20px 0 50px;
}
.contacts{
width: 98%;
font-size: 1.2em
}
.contact_tyo ul{
display: block;
margin: 0 auto;
}
.contact_tyo ul li{
width: 90%;
}
.contact_tyo ul li.left-sp{
padding-left: 7px;
}
.contact_tyo ul li p{
font-size:2rem;
}
.contact_tyo dl dd.migizoroe{
padding: 0;
}
.contact_tyo dl dd span{
display: block;
padding: 0;
margin-bottom: 10px;
}
/*--------------------top */
#top{
display: none;
}
#top_sp{
display: block;
position: relative;
height: 300px;
background-image: url("../img/bg_top_sp.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
#top_sp h3{
font-size: 120%;
font-family: "Quicksand", sans-serif;
font-weight: 600;
letter-spacing: 0.08em;
text-align: left;
color: #fff;
position: absolute;
bottom: 5%;
left: 3%;
}
#top_sp h3 span{
display: block;
width: 200px;
font-size: 95%;
text-align: center;
border: 1px solid #fff;
margin-bottom: 7px;
}
/*--------------------info */
#info h6{
width: 95%;
margin: 0 auto;
font-size: 110%;
text-align: left;
padding-bottom: 10px;
}
#info p.info_p{
display: none;
}
#info p.info_sp_p{
display: block;
width: 95%;
margin: 0 auto;
text-align: left;
font-weight: 500;
}
.image{
display: none;
}
.image_sp{
display: block;
width: 95%;
}
.image_sp img{
height: 180px;
object-fit: cover;
}
/*--------------------intro */
#intro_sp{
display: block;
width: 100%;
background: url("../img/bg_notebook.jpg");
background-repeat: repeat;
background-size: auto;
}
#intro{
display: none;
}
#intro_sp{
padding: 30px 0;
}
#intro_sp p{
width: 95%;
margin: 0 auto;
text-align: left;
font-weight: 500;
}
/*--------------------seat */
#seat p.catchphrase span{
display: block;
}
#seat ul{
display: block;
width: 95%;
margin: 0 auto;
padding-bottom: 20px;
}
#seat ul li{
width: 100%;
}
#seat dl{
display: none;
}
#seat h6{
font-size: 120%;
}
#seat p,
#inflight-meal p{
width: 95%;
margin: 0 auto;
}
p.catchphrase{
width: 95%;
margin: 0 auto;
font-size: 95%;
}
p.catchphrase a{
font-size: 100%;
}
p.catchphrase a span{
display: block;
}
/*--------------------inflight-meal */
#inflight-meal ul, #lounge ul{
display: block;
width: 95%;
margin: 0 auto;
}
#inflight-meal ul{
padding-bottom: 20px;
}
#inflight-meal ul li,
#lounge ul li{
width: 100%;
padding-bottom: 10px;
}
#inflight-meal ul li img{
height: 200px;
object-fit: cover;
}
/*--------------------lounge */
#lounge{
padding: 50px 0 0;
}
.flex-container{
display: block;
margin-top: 30px;
}
.box{
width: 95%;
margin: 0 auto;
}
.box dl{
padding-bottom: 30px;
}
.box dl dt{
font-size: 115%;
padding-bottom: 10px;
}
.box dl dt span{
font-size: 280%;
}
/*--------------------tour button */
#tour{
display: none;
}
#tour_sp{
display: block;
padding: 50px 0;
}
#tour_sp a {
background: #FF3058;
border-radius: 45px;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
max-width: 95%;
padding: 10px 0;
color: #fff;
text-decoration: none;
transition: 0.3s /*ease-in-out*/;
font-weight: 600;
font-size: 100%;
text-align: center;
line-height: 1.4em;
}
#tour_sp a:hover {
background: #fff;
color: #FF3058;
border: 2px solid #FF3058;
}
}