@charset 'utf-8';
@keyframes fadeInAnime{
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* CSS Document */
/* Tablet */
@media only screen and (max-width: 768px) {
/*--------------------------*/
/*
.atodekesu{
display: block;
}
.atodekesu p{
padding-left: 15px;
margin-top: 50px;
color: red;
}
*/
body{
background: #fff;
}
#container{
display: block;
font-size: 1em;
}
.wrapper{
width: 100%;
margin: 0 auto;
}
a.newbtn,
a.newbtn_btm{
width: 95%;
border-radius: 10px;
}
a.newbtn_btm{
margin: 0 auto;
}
a.newbtn span,
a.newbtn_btm span{
display: block;
}
/*--------------------pankuzu */
#pankuzu{
width: 95%;
}
#pankuzu ul{
width: 100%;
}
#pankuzu li{
width: 98%;
}
#pankuzu li:last-child{
width: 95%;
clear: both;
margin-top: 10px;
}
/*--------------------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: block;
height: 700px;
}
#top .subtitle{
background: none;
}
#top .subtitle ul li p{
text-align: center;
font-size: 100%;
padding-top: 0;
}
#top .subtitle ul{
width: 95%;
margin: 0 auto;
display: block;
}
#top .subtitle ul span{
display: block;
}
img.titlelogo{
width: 95%;
padding-top: 20px;
}
#top_sp{
display: block;
background: url("../img/bg_top_sp.jpg");
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 700px;
position: relative;
}
#top_sp .subtitle ul{
display: block;
width: 95%;
margin: 0 auto;
padding-top: 10px;
}
#top_sp .subtitle ul li p{
color: #fff;
font-family: "Noto Serif JP", serif;
font-weight: 700;
text-align: center;
font-size: 120%;
}
#top_sp p.narita{
font-size: 110%;
}
#top_sp .zoo_tour a{
display: block;
width: 95%;
margin: 0 auto;
background-image: linear-gradient(0deg, rgba(217, 224, 235, 1), rgba(255, 255, 255, 1));
border-radius: 10px;
padding: 7px 0;
color: #002f7b;
font-weight: 600;
font-size: 110%;
}
#top_sp .zoo_tour a span{
display: block;
}
img.titlelogo{
width: 85%;
}
/*--------------------border */
.border ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.border ul li{
width: calc(100%/2);
height: 160px;
}
.border ul li img{
width: 100%;
height: 160px;
padding: 0;
margin: 0;
object-fit: cover;
}
/*--------------------table */
#table01{
width: 95%;
margin: 0 auto;
}
#table01 th{
width: 10%;
padding-right: 10px;
}
/*--------------------air*/
#air {
padding: 80px 0 0;
}
#air ul{
display: block;
}
li.air_image img{
width: 100%;
padding: 0;
margin: 0;
}
li.air_image img.business_1{
height: auto;
padding: 0;
margin: 0;
}
#air ul li{
width: 100%;
}
#air dl{
width: 95%;
margin: 15px auto 20px;
}
#air p.akaji{
width: 95%;
margin: 0 auto;
}
p.cap_vn{
width: 95%;
margin: 0 auto;
}
dl.air_image2 dt{
width: calc(100%/2 - 1%);
}
dl.air_image2 dt img{
width: 100%;
}
dl.mgn_top{
margin-top: 10px;
}
dd.detail{
width: 95%;
margin: 0 auto 20px;
}
/*--------------------sightseeing*/
#sightseeing ul li img{
height: auto;
}
#sightseeing ul{
display: block;
}
#sightseeing ul li{
width: 95%;
margin: 0 auto;
}
#sightseeing ul li img.hoa-lu{
display: none;
}
#sightseeing dl{
margin-bottom: 30px;
}
#sightseeing p,
#sightseeing a{
width: 95%;
margin: 0 auto;
}
#sightseeing a{
margin-top: 30px;
}
/*--------------------hotels*/
#hotels ul{
display: block;
}
#hotels ul li{
width: 100%;
padding-bottom: 10px;
}
#hotels ul li img{
width: 100%;
margin: 0;
padding: 0;
}
#hotels ul li img.hotel_img{
height: 195px;
object-fit: cover;
}
dd.hotel_dtl{
width: 95%;
margin: 0 auto;
padding: 15px 0;
}
#hotels ul li.btn{
margin-top: 10px;
}
#hotels ul li.btn a{
width: 95%;
margin: 0 auto;
}
#hotels dt iframe{
width: 100%;
}
span.kaigyo{
display: block;
font-size: 100%;
}
/*--------------------hotels 追加*/
#hotels img.lotte_ol{
width: 100%;
height: 371px;
object-fit: cover;
}
#hotels p.dtl_wide,
#hotels ul li p.lotte_dsc{
width: 95%;
margin: 0 auto;
padding: 10px 0;
}
#hotels ul.threebox{
display: block;
}
#hotels ul.threebox li{
width: 100%;
}
#hotels dl dd.public{
width: 95%;
margin: 0 auto;
padding: 10px 0;
}
/*--------------------application*/
p.tour_ttl{
font-size: 135%;
padding: 50px 0 20px;
}
#application{
padding-bottom: 80px;
}
#application ul{
display: block;
}
#application ul li{
width: 100%;
margin: 0 auto 10px;
}
#application ul li a,
a.tour_btn{
width: 95%;
margin: 0 auto;
font-size: 100%;
}
#application ul li.btn a, a.tour_btn{
letter-spacing: normal;
}
}

/* CSS Document */
/* smartphone */
@media only screen and (max-width: 480px){

/* 非表示 */
#pankuzu{
display: none;
}

}