/*------------------------------------------------small pc size-------------------------------------------------------------*/
@media screen and (max-width:1599px){
}
@media screen and (min-width:1201px) and (max-width:1500px){
}
@media screen and (max-width:1399px){
}
@media screen and (max-width:1199px) {
/* header.php */
header ul > li .search-box .cite-box{width:745px}
header ul > li .search-box .cite-box .pop-cite li{width:calc((100% - 15px) / 2);margin-right:0}
header ul > li .search-box .cite-box .pop-cite li:nth-child(odd){margin-right:15px}
header ul > li .search-box .cite-box .pop-cite li:nth-child(n+3){margin-top:15px}
/* index.php */
.item-list li figure{height:325px}
.item-list li figure img{min-height:325px}
.trip-slide ul li a figure{height:265px}
.main-content03 .visual-slide .item{height:360px;background-size:940px 360px}
.swiper-pagination-progressbar{width:800px}
.swiper-pagination-progressbar + a{width:calc(100% - 800px)}
/* area.php */
.item-list li{width:calc((100% - 30px) / 2);margin-right:30px}
.item-list li:nth-child(2n){margin-right:0}
.item-list li:nth-child(n+3){margin-top:30px}
/* hotel.php */
.hotel-check{width:780px}
.check-area, .check-room{width:180px}
.check-in{width:240px}
.daterangepicker{width:510px}
/* product.php */
.prd-left{width:calc(100% - 380px)}
.prd-left .inquiry-board{width:100%}
.prd-slide .swiper-slide figure{height:325px}
.prd-slide .swiper-slide figure img{min-width:560px;min-height:325px}
.prd-right{width:340px}
}
@media screen and (min-width:992px){
/* mypage.php */
.mx-400{max-width:800px}
.mx-400.login,.mx-400.findpw,.mx-400.register,.mx-400.register-mail,.mx-400.mypage,.mx-400.member{max-width:400px}
}
@media screen and (min-width:992px) and (max-width:1199px) {
}
@media screen and (max-width:991px) {
/* common */
header + section{margin-top:100px}
header + section.on{margin-top:160px}
.banner{height:270px}
.banner h2{font-size:36px}
.slide-arrow{display:none}
.sub-menu .slide-arrow{display:block;margin-top:-8px}
.sub-menu .faq-slide{padding-bottom:0!important}
/* header.php */
header .col-md-12 > ul > li{width:100%}
header ul > li .logo{display:block;width:175px;margin:0 auto}
header ul > li .search-box{display:none;width:100%;margin-top:25px}
header ul > li .search-box.on{display:block}
header ul > li .search-box input{border-radius:6px}
header ul > li .search-box .cite-box{width:100%;box-shadow:none}
.search-overlay{background:#fff}
header ul > li .search-box .close-search{display:block}
header ul > li .search-box .close-search.on{visibility:visible;opacity:1}
/* footer.php */
footer .customer,footer .info{width:100%}
footer .info{margin-top:15px}
/* index.php */
.main-menu{padding:30px}
.main-menu ul li{width:calc((100% - 70px) / 8);margin-right:10px}
.main-menu ul li.on:nth-child(n+9){margin-top:30px}
.main-content03 .visual-slide .item{height:280px;background-size:720px 280px}
.main-content03 .visual-slide .wrap .text-wrap{padding-left:40px;padding-right:40px}
.visual-slide-prev{display:none!important}
.swiper-pagination-progressbar{width:600px}
.swiper-pagination-progressbar + a{width:calc(100% - 600px)}
.item-list li figure{height:245px}
.trip-slide ul li a figure{height:200px}
/* area.php */
.item-list a:hover figure img{transform:scale(1)}
.service-slide ~ .f0 .swiper-pagination-progressbar{width:100%}
/* hotel.php */
.hotel-check{width:calc(100% - 30px);max-width:650px}
.check-info > div{width:100%;margin-right:0!important;margin-bottom:10px}
.search-btn{width:100%}
.hotel-content03 ul li{width:calc((100% - 50px) /2);margin-right:50px}
.hotel-content03 ul li:nth-child(even){margin-right:0}
.hotel-content03 ul li:nth-child(n+3){margin-top:30px}
/* product.php */
.product-content01 .relative.mt40{margin-top:0!important}
.prd-left{width:100%;margin-right:0}
.prd-slide .swiper-slide figure{height:420px}
.prd-slide .swiper-slide figure img{min-width:720px;min-height:420px}
.prd-content .more-overlay{max-height:750px}
.prd-right{position:fixed;z-index:102;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:750px;overflow:auto;opacity:0;visibility:hidden}
.prd-right.on{visibility:visible;opacity:1}
.prd-right .prd-price{display:none}
.prd-right.top{z-index:102;top:50%}
.prd-title{font-size:22px}
.prd-right.bottom{position:fixed!important}
.prd-right .select-wrap{padding:30px 15px 50px}
.prd-right .bg-wrap{box-shadow:none}
.prd-right .faq-link,.prd-right .ad-link{display:none}
.prd-tab button{visibility:visible;opacity:1}
/* event.php */
.event-content li .bg-wrap{height:135px;padding:30px}
.event-content li h3{font-size:24px}
.event-content li p{font-size:14px}
/* pretrip.php */
.pretrip-content01 .tab-type01 li{min-width:130px}
.pretrip-content01 .content ul li .bg-wrap{height:160px}
.pretrip-content01 .content ul li h3{font-size:24px}
.pretrip-content01 .content ul li p{font-size:15px}
/* findpw.php */
.findpw-content01{padding-bottom:100px}
}
@media screen and (min-width:768px) and (max-width:991px) {
}
/*------------------------------------------------mobile size-------------------------------------------------------------*/
@media screen and (max-width:767px) {
/* common */
.register-modal{width:calc(100% - 30px);margin-top:0;margin-left:0;transform:translate(-50%,-50%)}
.modal-type02{width:calc(100% - 30px);height:400px;padding-left:15px;padding-right:15px;overflow:auto}
/* header.php */
header ul > li .search-box .cite-box{padding-left:0;padding-right:0}
header ul > li .search-box .cite-box .cite-left,header ul > li .search-box .cite-box .cite-right{width:100%}
header ul > li .search-box .cite-box .cite-left ul{font-size:0}
header ul > li .search-box .cite-box .cite-left ul li{display:inline-block;margin-right:30px}
header ul > li .search-box .cite-box .cite-left:after{height:0}
header ul > li .search-box .cite-box .cite-left ul li h6{padding-bottom:10px}
header ul > li .search-box .cite-box .cite-left ul li.on h6{padding-right:0;background:url(/images/header/icon06_m.png) no-repeat center bottom}
header ul > li .search-box .cite-box .cite-right{padding-top:10px;border-top:1px solid #e8ebed}
header ul > li .search-box .cite-box .cite-right ul{padding-left:0}
header ul > li .search-box .cite-box .cite-right:after{height:0}
header ul > li .search-box .cite-box .cite-list .country{width:60px;margin-right:10px;padding-right:0}
header ul > li .search-box .cite-box .cite-list .city{width:calc(100% - 70px)}
header ul > li .search-box .keyword-box{width:100%;box-shadow:none;padding-left:0;padding-right:0}
/* index.php */
.main-menu{padding:30px}
.main-menu ul li{width:calc((100% - 80px) / 4);margin-right:20px}
.main-menu ul li:nth-child(n+5){margin-top:30px}
.main-content03 .visual-slide .item{height:40vw;background-size:100vw 40vw;}
.main-content03 .visual-slide .wrap .text-wrap{padding-left:15px;padding-right:15px}
.main-content03 .visual-slide h3{font-size:28px}
.main-content03 .visual-slide h6{font-size:15px}
.main-content03 .visual-slide a{margin-top:15px!important}
.slide-wrap{overflow:hidden}
.slide-control{visibility:hidden;opacity:0}
.swiper-pagination-progressbar{width:100%}
.swiper-pagination-progressbar + a{display:none}
.item-list li figure{height:43vw}
.trip-slide ul li a figure{height:35vw}
/* area.php */
.item-list li{width:100%;margin-right:0}
.item-list li:nth-child(n+2){margin-top:30px}
.item-list li figure img{min-width:100%;min-height:43vw}
.banner .area-change .cite-box{width:calc(100vw - 60px);margin-left:0;transform:translateX(-50%)}
.banner .area-change .cite-box .cite-left, .banner .area-change .cite-box .cite-right{width:100%}
.banner .area-change .cite-box .cite-left ul li{display:inline-block;margin-right:30px}
.banner .area-change .cite-box .cite-left ul li h6{padding-bottom:10px}
.banner .area-change .cite-box .cite-left ul li.on h6{padding-right:0;background:url(/images/header/icon06_m.png) no-repeat center bottom}
.banner .area-change .cite-box .cite-left:after,.banner .area-change .cite-box .cite-right:after{height:0}
.banner .area-change .cite-box .cite-right{padding-top:10px;border-top:1px solid #e8ebed}
.banner .area-change .cite-box .cite-right ul{padding-left:0}
.banner .area-change .cite-box .cite-list .country {width:60px;margin-right:10px;padding-right:0}
.banner .area-change .cite-box .cite-list .city{width:calc(100% - 70px)}
/* hotel.php */
.hotel-check{width:100%;margin-top:30px;padding-left:20px;padding-right:20px}
.hotel-check .mr40{margin-right:20px!important}
.hotel-content03 ul{padding:30px 15px}
.hotel-content03 ul li{width:100%;margin-right:0}
.hotel-content03 ul li:nth-child(n+2){margin-top:30px}
/* product.php */
.prd-slide .swiper-slide figure{height:55vw}
.prd-slide .swiper-slide figure img{min-width:100vw;min-height:55vw}
.prd-title{font-size:18px}
.prd-content .more-overlay{max-height:500px}
/* event.php */
.event01-content01 .tab-type01 li{min-width:140px}
/* estimate_board.php */
.inquiry-board,.inquiry-form{width:100%}
/* estimate.php */
.inquiry-form .number li{width:100%;margin-right:0}
.inquiry-form .number li:first-child{margin-bottom:15px;margin-right:0}
.daterangepicker{width:calc(100% - 70px)}
.daterangepicker.single{width:calc(100% - 30px)}
.product-content01 ~ .daterangepicker.single{width:370px}
.daterangepicker:not(.single) .drp-calendar.left,.daterangepicker:not(.single) .drp-calendar.right{width:100%;max-width:100%;padding:0}
.daterangepicker:not(.single) .calendar-table th, .daterangepicker:not(.single) .calendar-table td{width:calc(100vw / 7);height:calc(100vw / 7);line-height:calc(100vw / 7)}
.daterangepicker:not(.single) .drp-buttons ul li:first-child{margin-bottom:10px}
.inquiry-form > ul > li label + span{font-size:14px}
/* notice.php */
.notice-table ul li .title h6{width:calc(100% - 65px)}
.notice-table ul li .title strong{display:none}
.notice-table ul li .content{padding:15px}
/* press.php */
.press-table ul li figure{width:100px}
.press-table ul li .title{width:calc(100% - 100px)}
.press-table ul li a:hover img{transform:scale(1)}
/* pretrip.php */
.pretrip-content01 .tab-type01 ul{text-align:left}
.pretrip-content01 .tab-type01 li{width:calc((100% - 10px) / 2);margin-right:10px}
.pretrip-content01 .tab-type01 li:nth-child(even){margin-right:0!important}
.pretrip-content01 .tab-type01 li:nth-child(n+3){margin-top:15px}
/* mypage.php */
.mx-400 h3,.mypage-title strong{font-size:20px}
.mx-400.mt40{margin-top:10px!important}
.mypage-title a{top:3px}
}
@media screen and (min-width:320px) and (max-width:767px) {
}
@media screen and (max-width:640px) {
}
@media screen and (max-width:480px) {
/* common */
h3{font-size:26px}
h4{font-size:18px}
.banner{height:160px}
.banner h2{font-size:24px}
.sub-menu .tab-type01 li{width:100%}
.sub-menu .tab-type01 li button{width:calc(100% - 120px);margin-left:auto;margin-right:auto}
.sub-menu .prev{left:0}
.sub-menu .next{right:0}
/* footer.php */
footer .info nav a{margin-right:10px;font-size:13px}
/* header.php */
header ul > li .search-box .cite-box .cite-left ul{text-align:center}
header ul > li .search-box .cite-box .cite-left ul li{margin-right:15px}
/* index.php */
.main-menu{padding:30px 15px}
.main-menu h3{font-size:24px}
.main-menu p{font-size:13px;letter-spacing:-.5px}
/* area.php */
.banner .area-change{height:30px}
.banner .area-change h5{padding-top:6px;padding-bottom:6px;font-size:12px}
.banner .area-change .cite-box{width:calc(100vw - 30px)}
/* product.php */
.product-content01 ~ .daterangepicker.single{width:calc(100% - 30px)}
.product-content01 ~ .daterangepicker.single .drp-calendar{max-width:340px;padding:0}
.prd-tab ul li a{padding:10px 0;font-size:13px}
/* company.php */
.about-company li{padding-left:50px}
.about-company li{background-size:40px}
.about-company li:first-child{background-size:32px}
.about-company li p{font-size:13px}
/* event.php */
.event-content li .bg-wrap{height:100px;padding:15px}
.event-content li h3{font-size:18px}
.event-content li p{font-size:13px}
.event01-content01 .tab-type01 li{width:100%;margin-bottom:15px;margin-right:0}
.event01-content01 .tab-type01 li:last-child{margin-bottom:0}
/* estimate_board.php */
.estimate02-content01 .tab-type02{width:100%;margin-bottom:15px}
.estimate02-content01 .tab-type02 button{width:calc((100% - 10px) / 2)}
/* order_history.php */
.order-title h4{width:100%}
.order-title figure{width:100%;margin-top:15px;padding-left:0}
.order-menu a{width:calc((100% - 10px) / 2);margin-right:10px;text-align:center}
.order-menu a:nth-child(even){margin-right:0}
.order-menu a:nth-child(n+3){margin-top:10px}
/* wishlist.php */
.wish-content > div:first-child{width:100%}
.wish-content > div:last-child{width:100%;margin-top:30px;padding-left:0}
/* press.php */
.press-table ul li figure,.press-table ul li .title{width:100%}
.press-table ul li .title{margin-top:15px;padding-left:0}
/* pretrip.php */
.pretrip-content01 .content ul li .bg-wrap{height:130px}
.pretrip-content01 .content ul li .text-wrap{padding-left:15px;padding-right:15px}
.pretrip-content01 .content ul li h3{font-size:20px}
.pretrip-content01 .content ul li p{font-size:13px}
}
@media screen and (max-width:374px) {
.modal-type01{width:calc(100% - 30px)}
.modal-type01 button{width:calc((100% - 10px) / 2)}
}