@charset "utf-8";

a{outline:none !important;}
a:focus{outline:none !important;}

@media all and (min-width:950px) {

*{margin: 0;padding: 0}
h1.ttl-text{display: none;}
h2.title{background-color: #fff;width: 480px;border: 1px solid #062695;display:table;margin:auto;padding: 15px;box-sizing: border-box;position: relative;top: -60px;box-shadow: 20px 20px 0px -10px rgba(77,196,196,0.2);overflow: hidden !important;}
h2.title b{font-size: 42px;font-weight: bold;color: #062695;text-align: center;display: block;}
h2.title span{font-size: 22px;color: #4DC4C4;font-weight: bold;text-align: center;display: block;}

.first{margin: 0 calc(50% - 50vw);width: 100vw;margin-bottom: 150px;}
.first img{width: 100%;display: block}
.first p{max-width: 1200px;padding: 50px 0 0;box-sizing: border-box;margin: auto;font-size: 20px;text-align: left;}

.point{margin: 0 calc(50% - 50vw);width: 100vw;background-color: #D5F1FD;margin-bottom: 150px;position: relative;padding-bottom: 100px;}
.point::before{content:url(/domtour/theme/workation/noto/image/bg1_l.png);left: 0px;top: 0px;position: absolute;display: block;width: 200px;height: 200px;}
.point::after{content:url(/domtour/theme/workation/noto/image/bg1_r.png);right: 0px;bottom: 0px;position: absolute;display: block;width: 200px;height: 200px;}
.point ul{margin: auto;max-width: 1200px;display: flex;justify-content: space-between;position: relative;z-index: 1;}
.point ul li{width: 31%;background-color: #fff;border-radius: 0 15px 0 15px;position: relative;box-sizing: border-box;padding: 25px;overflow: hidden;}
.point ul li::before{content: "";background-color: #FFD052;width: 30px;height: 30px;transform: rotate(-45deg);position: absolute;left: -15px;top:-15px;}
.point ul li small{color: #EB6320;font-size: 30px;display: block;text-align: center;font-weight: bold;}
.point ul li small::before{content: "＃";color: #EB6320;font-size: 18px;}
.point ul li b{font-size: 22px;font-weight: bold;color: #000;display: table;margin: auto;text-align: center;border-bottom: 2px solid #EB6320;}
.point ul li figure{display: block;display: flex;justify-content: center;align-items: center;}
.point ul li figure img{display: block;margin: 10px 0;}
.point ul li p{margin-top: 20px;}

.program{margin-bottom: 150px;position: relative;padding-bottom: 10px;padding-top: 100px;margin-top: -100px;}
.program>div{display: flex;justify-content: space-between;margin-bottom: 100px;position: relative;}
.program>div figure{width: 45%;}
.program>div figure b{background-color: #062695;color: #fff;display: block;padding: 5px 20px;font-size: 22px;font-weight: bold;position: relative;text-align: center;}
.program>div figure b::before{content:url(/domtour/theme/workation/noto/image/program_title.png);right: 0px;left: 0px;text-align: center;margin: auto;position: absolute;display: block;top: -60px;}
.program>div figure img{display: block;width:100%;height: auto;}
.program>div>div{border: 3px solid #062695;border-radius: 15px;box-sizing: border-box;padding: 25px;position: absolute;background-color: #fff;}
.program>div.o1{margin-top: 50px;margin-bottom: 150px;}
.program>div.o1>div{z-index: 1;position: relative;top:50px;left: -30px;width: 65%;}
.program>div.o2>div{z-index: 1;position: relative;left: 30px;top:50px;width: 65%;}
.program>div>div>span{display: block;margin-bottom: 20px;}
.program>div>div>span img{width: 120px;margin-right: 12px;}


.program>div>div>span.caption3{display: block;margin-bottom: 20px;margin-top: 30px;}

.program>div>div p{font-size: 18px;font-weight: bold;margin-top: -10px;}
.program>div>div dl{font-size: 14px;display: flex;flex-wrap: wrap;margin-top: 30px;}
.program>div>div dt{width: 25%;padding: 3px;box-sizing: border-box;}
.program>div>div dd{width: 75%;padding: 3px;box-sizing: border-box;}
.program .res-btn-link{margin-top: 20px;}

.work{margin: 0 calc(50% - 50vw);width: 100vw;background-color: #FFD052;margin-bottom: 150px;position: relative;padding-bottom: 100px;}
.work::before{content:url(/domtour/theme/workation/noto/image/bg2_l.png);left: 0px;top: 0px;position: absolute;display: block;width: 200px;height: 200px;}
.work::after{content:url(/domtour/theme/workation/noto/image/bg2_r.png);right: 0px;bottom: 0px;position: absolute;display: block;width: 200px;height: 200px;}
.work ul{margin: auto;max-width: 1200px;display: flex;justify-content: space-between;position: relative;z-index: 1;flex-wrap: wrap;}
.work ul li{width: 48%;position: relative;background-color: #fff;padding: 30px;margin-bottom: 70px;}
.work ul li:nth-last-of-type(-n+2){margin-bottom: 0px !important;}
.work ul li small{display: table;position: absolute;top: -20px;left: 10px;background-color: #062695;color: #fff;padding: 5px 15px;box-sizing: border-box;font-size: 22px;}
.work ul li b{font-size: 22px;font-weight: bold;margin-bottom: 10px;display: block;margin-top: 10px;}
.work ul li figure{display: block;margin-bottom: 20px;}
.work ul li figure img{display: block;width: 100%;}
.work ul li p{font-size: 15px;}

.plan{margin: 0 calc(50% - 50vw);width: 100vw;background-color: #CBEEFC;margin-bottom: 150px;position: relative;padding-bottom: 100px;}
.plan ul{margin: auto;max-width: 1200px;display: flex;justify-content: space-between;position: relative;z-index: 1;background-color: #fff;border-radius: 20px;padding: 30px 15px;box-shadow:0px 0px 10px 4px rgba(0,0,0,0.08);}
.plan ul li{width: 24%;position: relative;}
.plan ul li figure{width: 100%;margin-bottom: 15px;position: relative;padding: 10px;border-radius: 10px;}
.plan ul li span{width: 100%;position: relative;color: #fff;font-size: 20px;font-weight: bold;display: block;text-align: center;}
.plan ul li span::after{content:"";display: block;background-color:#78AFEB;width: 15px;height: 15px;position: absolute;bottom: -15px;left: 0;right: 0;text-align: center;margin: auto;transform: rotate(-45deg);}
.plan ul li:nth-of-type(even) span::after{background-color:#6386D5;}
.plan ul li figure small{font-size: 16px;font-weight: normal;}
.plan ul li figure{background-color:#78AFEB;}
.plan ul li:nth-of-type(even) figure{background-color:#6386D5;}
.plan ul li figure.d1::before{content: url(/domtour/theme/workation/noto/image/d1.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d1::after{content: url(/domtour/theme/workation/noto/image/i1.png);position: absolute;right: 5px;top: -20px;}
.plan ul li figure.d2::before{content: url(/domtour/theme/workation/noto/image/d2.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d2::after{content: url(/domtour/theme/workation/noto/image/i2.png);position: absolute;right: 5px;top: -20px;}
.plan ul li figure.d3::before{content: url(/domtour/theme/workation/noto/image/d3.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d3::after{content: url(/domtour/theme/workation/noto/image/i3.png);position: absolute;right: 5px;top: -20px;}
.plan ul li figure.d4::before{content: url(/domtour/theme/workation/noto/image/d4.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d4::after{content: url(/domtour/theme/workation/noto/image/i4.png);position: absolute;right: 5px;top: -20px;}
.plan ul li figure.d5::before{content: url(/domtour/theme/workation/noto/image/d5.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d5::after{content: url(/domtour/theme/workation/noto/image/i5.png);position: absolute;right: 5px;top: -20px;}
.plan ul li figure.d6::before{content: url(/domtour/theme/workation/noto/image/d6.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d6::after{content: url(/domtour/theme/workation/noto/image/i6.png);position: absolute;right: 5px;top: -20px;}
.plan ul li figure>img{width:100%;height: auto;display: block;margin: auto;}
.plan ul li img{width:100%;height: auto;display: block;margin: auto;}
.plan ul li p{display: block;clear: both;padding: 10px 0px;font-size: 15px;}

.reserve{margin-bottom: 150px;position: relative;padding-top: 100px;margin-top: -100px;}
.reserve>ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.reserve>ul>li{width: 48%;position: relative;background-color: #FAF6F2;padding: 30px;margin-bottom: 70px;}
/*.reserve>ul>li:nth-last-of-type(-n+2){margin-bottom: 0px !important;}*/
.reserve>ul>li small{display: table;position: absolute;top: -20px;left: 10px;background-color: #4DC4C4;color: #fff;padding: 5px 15px;box-sizing: border-box;font-size: 22px;}
.reserve>ul>li b{font-size: 22px;font-weight: bold;margin-bottom: 10px;display: flex;margin-top: 10px;align-items: center;}
.reserve>ul>li b>span{display: inline-block;border: 2px solid #e2d5c8;font-size: 18px;margin-right: 5px;box-sizing: border-box;padding: 3px;font-weight: bold;} 
.reserve>ul>li figure{display: block;margin-bottom: 20px;}
.reserve>ul>li figure img{display: block;width: 100%;}
.reserve>ul>li>span{font-size: 15px;display: block;min-height: 85px;}
.reserve>ul>li a{}

.res-btn-link a {border-radius: 100px !important;font-weight: bold !important;font-size: 18px !important;}
.res-btn-link.type-01 a {width: 70% !important;}
.res-btn-link.ORA a {border-color: #EB7308 !important;background: #EB7308 !important;}
.res-btn-link a {padding: 15px 26px 15px 18px !important;}

.program .res-btn-link.type-01 a {width: 40% !important;}

span.caption{display: block;max-width: 1200px;margin: auto;margin-top: 10px;text-align: right;}
span.caption2{display: block;max-width: 1200px;margin: auto;margin-top: 20px;text-align: center;font-size: 20px;}
span.caption2 a{text-decoration: underline;}
span.caption3{display: block;max-width: 1200px;margin: auto;text-align: center;}
span.caption3 a{text-decoration: underline;}
span.caption4{display: block;margin: auto;margin-top: 15px;max-width: 1200px;text-align: center;}
span.caption5{display: block;margin: auto;margin-top: -15px;max-width: 1200px;text-align: center;font-size: 20px;}
span.caption6{display: block;margin: auto;margin-top: -15px;max-width: 1200px;text-align: center;margin-bottom: 90px;}
.banner{display: table;margin: auto;}
.banner a{display: block;}
.banner a img{display: block;margin-bottom: 10px;}  
}



.ani {animation: yureru-j 4s infinite;}
@keyframes yureru-j {
0% {transform: translate(0px, 2px);}
5% {transform: translate(0px, -2px);}
10% {transform: translate(0px, 2px);}
15% {transform: translate(0px, -2px);}
20% {transform: translate(0px, 2px);}
25% {transform: translate(0px, -2px);}
30% {transform: translate(0px, 0px);}
}

@media all and (min-width:1661px) {
#searchbutton{position: fixed;top: 55%;right: 5%;z-index: 100;}
#searchbutton a{display: block;}
#searchbutton a img{width: 150px;height: auto;display: block;}
}
@media all and (max-width:1660px) {
#searchbutton{position: fixed;top: 55%;right: 5%;z-index: 100;}
#searchbutton a{display: block;}
#searchbutton a img{width: 130px;height: auto;display: block;}
}

@media all and (max-width:949px) {
#searchbutton{position: fixed;bottom: 13.5% !important;right: 3%;z-index: 100;top: inherit;}
#searchbutton a{display: block;}
#searchbutton a img{width: 70px;height: auto;display: block;}
}








@media all and (max-width:949px) {

h1.ttl-text{display: none;}
h2.title{background-color: #fff;width: 80%;border: 1px solid #062695;display:table;margin:auto;padding: 15px;box-sizing: border-box;position: relative;top: -60px;box-shadow: 20px 20px 0px -10px rgba(77,196,196,0.2);overflow: hidden !important;}
h2.title b{font-size: 26px;font-weight: bold;color: #062695;text-align: center;display: block;}
h2.title span{font-size: 18px;color: #4DC4C4;font-weight: bold;text-align: center;display: block;}

.first{margin: 0 calc(50% - 50vw);width: 100vw;margin-bottom: 150px;}
.first img{width: 100%;display: block}
.first p{width: 90%;padding: 50px 0 0;box-sizing: border-box;margin: auto;font-size: 18px;text-align: left;}
.first p br{display: none;}

.point{margin: 0 calc(50% - 50vw);width: 100vw;background-color: #D5F1FD;margin-bottom: 150px;position: relative;padding-bottom: 100px;}
.point::before{content:url(/domtour/theme/workation/noto/image/bg1_l.png);left: 0px;top: 0px;position: absolute;display: block;width: 200px;height: 200px;}
.point::after{content:url(/domtour/theme/workation/noto/image/bg1_r.png);right: 0px;bottom: 0px;position: absolute;display: block;width: 200px;height: 200px;}
.point ul{margin: auto;width: 90%;display: flex;justify-content: space-between;position: relative;z-index: 1;flex-direction: column;margin-top: -25px;}
.point ul li{width: 100%;background-color: #fff;border-radius: 0 15px 0 15px;position: relative;box-sizing: border-box;padding: 25px;overflow: hidden;margin-top: 25px;}
.point ul li::before{content: "";background-color: #FFD052;width: 30px;height: 30px;transform: rotate(-45deg);position: absolute;left: -15px;top:-15px;}
.point ul li small{color: #EB6320;font-size: 26px;display: block;text-align: center;font-weight: bold;}
.point ul li small::before{content: "＃";color: #EB6320;font-size: 16px;}
.point ul li b{font-size: 20px;font-weight: bold;color: #000;display: table;margin: auto;text-align: center;border-bottom: 2px solid #EB6320;}
.point ul li figure{display: block;display: flex;justify-content: center;align-items: center;}
.point ul li figure img{display: block;margin: 10px 0;}
.point ul li p{margin-top: 20px;}

.program{margin-bottom: 150px;position: relative;padding-bottom: 10px;margin: 0 calc(50% - 50vw);width: 100vw;padding-top: 20px;margin-top: -20px;}
.program>div{display: flex;justify-content: space-between;margin-bottom: 100px;position: relative;flex-direction: column;}
.program>div figure{width: 100%;}
.program>div figure b{background-color: #062695;color: #fff;display:block;padding: 5px 20px;/* top: -50px; */font-size: 20px;font-weight: bold;position: relative;/* left: 0; *//* right: 0; */margin: auto;text-align: center;}
.program>div figure b::before{content:url(/domtour/theme/workation/noto/image/program_title_sp.png);right: 0px;left: 0px;text-align: center;margin: auto;position: absolute;display: block;top: -40px;}
.program>div figure img{display: block;width:100%;height: auto;}
.program>div>div{box-sizing: border-box;position: absolute;background-color: #fff;width: 90%;margin: auto;}
.program>div.o1{margin-top: 50px;}
.program>div.o1>div{z-index: 1;position: relative;order: 2;}
.program>div.o2>div{z-index: 1;position: relative;order: 2;}
.program>div>div>span{display: block;margin-bottom: 20px;}
.program>div>div>span img{width: 100px;margin-right: 12px;}
.program>div>div p{font-size: 16px;font-weight: bold;}
.program>div>div dl{font-size: 14px;display: flex;flex-wrap: wrap;margin-top: 30px;}
.program>div>div dt{width: 100%;padding: 6px 0;box-sizing: border-box;border-top: 1px dotted #ccc;padding-bottom: 0;font-weight: bold;}
.program>div>div dt:first-child{border: none;}
.program>div>div dd{width: 100%;padding: 6px 0;box-sizing: border-box;padding-top: 0;}

.program>div>div>span.caption3{display: block;margin-bottom: 20px;margin-top: 30px;}
.program .res-btn-link{margin-top: 20px;}

.work{margin: 0 calc(50% - 50vw);width: 100vw;background-color: #FFD052;margin-bottom: 150px;position: relative;padding-bottom: 100px;margin-top: 100px;}
.work::before{content:url(/domtour/theme/workation/noto/image/bg2_l.png);left: 0px;top: 0px;position: absolute;display: block;width: 200px;height: 200px;}
.work::after{content:url(/domtour/theme/workation/noto/image/bg2_r.png);right: 0px;bottom: 0px;position: absolute;display: block;width: 200px;height: 200px;}
.work ul{margin: auto;width: 90%;display: flex;justify-content: space-between;position: relative;z-index: 1;flex-direction: column;margin-top: -40px;}
.work ul li{width: 100%;position: relative;background-color: #fff;padding: 25px;margin-top: 40px;}
.work ul li small{display: table;position: absolute;top: -20px;left: 10px;background-color: #062695;color: #fff;padding: 5px 15px;box-sizing: border-box;font-size: 16px;}
.work ul li b{font-size: 20px;font-weight: bold;margin-bottom: 10px;display: block;margin-top: 10px;}
.work ul li figure{display: block;margin-bottom: 20px;}
.work ul li figure img{display: block;width: 100%;}
.work ul li p{font-size: 15px;}

.plan{margin: 0 calc(50% - 50vw);width: 100vw;background-color: #CBEEFC;margin-bottom: 150px;position: relative;padding-bottom: 100px;}
.plan ul{margin: auto;width: 90%;display: flex;justify-content: space-between;position: relative;z-index: 1;background-color: #fff;border-radius: 20px;padding: 30px 15px;box-shadow:0px 0px 10px 4px rgba(0,0,0,0.08);flex-direction: column;}
.plan ul li{width: 100%;position: relative;margin-top: 30px;}
.plan ul>li:first-child{margin-top: 0;}
.plan ul li figure{width: 100%;margin-bottom: 15px;position: relative;padding: 10px;border-radius: 10px;}
.plan ul li span{width: 100%;position: relative;color: #fff;font-size: 20px;font-weight: bold;display: block;text-align: center;}
.plan ul li span::after{content:"";display: block;background-color:#78AFEB;width: 15px;height: 15px;position: absolute;bottom: -15px;left: 0;right: 0;text-align: center;margin: auto;transform: rotate(-45deg);}
.plan ul li:nth-of-type(even) span::after{background-color:#6386D5;}
.plan ul li figure small{font-size: 16px;font-weight: normal;}
.plan ul li figure{background-color:#78AFEB;}
.plan ul li:nth-of-type(even) figure{background-color:#6386D5;}
.plan ul li figure.d1::before{content: url(/domtour/theme/workation/noto/image/d1.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d1::after{content: url(/domtour/theme/workation/noto/image/i1.png);position: absolute;right: 5px;top: -20px;}
.plan ul li figure.d2::before{content: url(/domtour/theme/workation/noto/image/d2.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d2::after{content: url(/domtour/theme/workation/noto/image/i2.png);position: absolute;right: 5px;top: -20px;}
.plan ul li figure.d3::before{content: url(/domtour/theme/workation/noto/image/d3.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d3::after{content: url(/domtour/theme/workation/noto/image/i3.png);position: absolute;right: 5px;top: -20px;}
.plan ul li figure.d4::before{content: url(/domtour/theme/workation/noto/image/d4.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d4::after{content: url(/domtour/theme/workation/noto/image/i4.png);position: absolute;right: 5px;top: -20px;}
.plan ul li figure.d5::before{content: url(/domtour/theme/workation/noto/image/d5.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d5::after{content: url(/domtour/theme/workation/noto/image/i5.png);position: absolute;right: 5px;top: -20px;}
.plan ul li figure.d6::before{content: url(/domtour/theme/workation/noto/image/d6.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d6::after{content: url(/domtour/theme/workation/noto/image/i6.png);position: absolute;right: 5px;top: -20px;}
.plan ul li figure>img{width:100%;height: auto;display: block;margin: auto;}
.plan ul li img{width:100%;height: auto;display: block;margin: auto;}
.plan ul li p{display: block;clear: both;padding: 10px 0px;font-size: 15px;}

.reserve{margin-bottom: 0px;position: relative;padding-top: 40px;margin-top: -40px;}
.reserve>ul{display: flex;justify-content: space-between;flex-direction: column;margin-top: -40px;}
.reserve>ul>li{width: 100%;position: relative;background-color: #FAF6F2;padding: 30px;margin-top: 40px;}
.reserve>ul>li small{display: table;position: absolute;top: -20px;left: 10px;background-color: #4DC4C4;color: #fff;padding: 5px 15px;box-sizing: border-box;font-size: 16px;}
.reserve>ul>li b{font-size: 20px;font-weight: bold;margin-bottom: 10px;display: flex;margin-top: 10px;align-items: center;}
.reserve>ul>li b>span{display: inline-block;border: 2px solid #e2d5c8;font-size: 13px;margin-right: 2px;box-sizing: border-box;padding: 1px;font-weight: bold;white-space: nowrap;} 
.reserve>ul>li figure{display: block;margin-bottom: 20px;}
.reserve>ul>li figure img{display: block;width: 100%;}
.reserve>ul>li>span{font-size: 15px;display: block;}
.reserve>ul>li a{}

.res-btn-link a {border-radius: 100px !important;font-weight: bold !important;font-size: 18px !important;}
.res-btn-link.type-01 a {width: 100% !important;text-align: center !important;}

.program .res-btn-link.type-01 a {width: 50% !important;}

.res-btn-link.ORA a {border-color: #EB7308 !important;background: #EB7308 !important;}
.res-btn-link a {padding: 15px 26px 15px 18px !important;}
span.caption{display: block;width: 90%;margin: auto;margin-top: 20px;text-align: right;margin-bottom: 30px;font-size: 14px;}
span.caption2{display: block;width: 90%;margin: auto;margin-top: 20px;font-size: 17px;}
span.caption2 a{text-decoration: underline;}
span.caption3{display: block;width: 90%;margin: auto;margin-top: -50px;font-size: 14px;}
span.caption3 a{text-decoration: underline;}
span.caption4{display: block;width: 90%;margin: auto;margin-top: 15px;text-align: center;}
span.caption5{display: block;width: 90%;margin: auto;margin-top: 30px;font-size: 17px;}
span.caption6{display: block;width: 90%;margin: auto;margin-top: -15px;text-align: center;margin-bottom: 65px;}
.banner{display: block;margin: auto;}
.banner a{display: block;}
.banner a img{display: block;margin-bottom: 10px;}  
}

















/* modal */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

#ui-datepicker-div{z-index: 30000000000000000 !important;}


.datepicker {
	z-index: 1001;
}


.modal-mainmodal {
	display: none;
	position: relative;
	z-index: 3000000000;
}


.modal-mainmodal .modal-mainmodal-inner {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1000;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}


.modal-mainmodal .modal-bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .7);
		z-index: 1;
	}


.modal-mainmodal .modal-contents {
		position: relative;
		z-index: 2;
		max-width: 700px;
		width: 100%;
		background-color: #fff;
	}


.modal-mainmodal .modal-close {
		position: absolute;
		top: 15px;
		right: 15px;
		width: 17px;
		height: 17px;
		background-color: transparent;
		border: none;
		outline: none;
		cursor: pointer;
		z-index: 1;
	}


@media (max-width: 640px) {


	.modal-mainmodal .modal-close {
		right: 5%;
	}
}


.modal-mainmodal .modal-close:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218px%22%20height%3D%2218px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(153%2C%20153%2C%20153)%22%20d%3D%22M17.985%2C16.570%20L16.571%2C17.985%20L9.000%2C10.414%20L1.929%2C17.485%20L0.515%2C16.071%20L7.586%2C8.999%20L1.015%2C2.428%20L2.429%2C1.014%20L9.000%2C7.585%20L16.071%2C0.514%20L17.485%2C1.928%20L10.414%2C8.999%20L17.985%2C16.570%20Z%22%2F%3E%3C%2Fsvg%3E');
}


.modal-mainmodal .modal-row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
}


@media (max-width: 640px) {


	.modal-mainmodal .modal-row {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-webkit-flex-direction: column;
			    -ms-flex-direction: column;
			        flex-direction: column;
		height: 100vh;
			-webkit-box-pack: justify;
			-webkit-justify-content: space-between;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
	}
}


.modal-mainmodal .modal-col.--form {
	width: 75%;
	max-height: 90vh;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}


@media (max-width: 640px) {


	.modal-mainmodal .modal-col.--form {
		width: 100%;
		max-height: none;
	}
}


.modal-mainmodal .modal-col.--submit {
	width: 25%;
	background-color: #f0f1f4;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	padding: 15px;
}


@media (max-width: 640px) {


	.modal-mainmodal .modal-col.--submit {
		width: 100%;
		padding-bottom: 40px;
			-webkit-box-align: start;
			-webkit-align-items: flex-start;
			    -ms-flex-align: start;
			        align-items: flex-start;
	}
}


.modal-mainmodal .modal-col.--submit button {
				width: 100%;
				padding: 7px 10px;
				background-color: #000c70;
				color: #fff;
				text-align: center;
				border-radius: 5px;
				border: none;
				outline: none;
}


@media (max-width: 640px) {


	.modal-mainmodal .modal-col.--submit button {
		padding: 12px 10px;
	}
}


.modal-mainmodal .modal-title-wrap {
		background-color: #000c70;
		color: #fff;
		padding: 7px 15px;
}


.modal-mainmodal .modal-child-title-wrap {
		padding: 10px 15px 0 15px;
		margin-bottom: -10px;
}


.modal-mainmodal .modal-child-title-wrap .modal-title-label {
			font-size: 1.4rem;
			font-weight: bold;
		}


.modal-mainmodal .modal-content-wrap {
		padding: 15px;
}


.modal-mainmodal .modal-content-wrap + .modal-child-title-wrap {
			border-top: 1px dotted #000;
		}


.modal-mainmodal .modal-content-row {
		margin-left: 50px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
}


@media (max-width: 640px) {


	.modal-mainmodal .modal-content-row {
			-webkit-flex-wrap: wrap;
			    -ms-flex-wrap: wrap;
			        flex-wrap: wrap;
		margin-left: 0;
	}
}


.modal-mainmodal .modal-content-col {
		width: 50%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
}


@media (max-width: 640px) {


	.modal-mainmodal .modal-content-col {
		width: 100%;
			-webkit-flex-wrap: wrap;
			    -ms-flex-wrap: wrap;
			        flex-wrap: wrap;
		padding: 0!important;
	}
}


.modal-mainmodal .modal-content-col.--left {
	padding-right: 10px;
}


.modal-mainmodal .modal-content-col.--right {
	padding-left: 10px;
}


.modal-mainmodal .modal-content-col.--full {
	width: 100%;
}


.modal-mainmodal .modal-content-col .select-date {
			position: relative;
			-webkit-box-flex: 1;
			-webkit-flex: 1 1 0;
			    -ms-flex: 1 1 0px;
			        flex: 1 1 0;
}


.modal-mainmodal .modal-content-col .select-date:before {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: 15px;
	width: 15px;
	height: 19px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2219px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(11%2C%2049%2C%20143)%22%20d%3D%22M-0.000%2C18.999%20L-0.000%2C1.931%20L1.304%2C1.931%20L1.304%2C4.185%20L3.913%2C4.185%20L3.913%2C1.931%20L11.087%2C1.931%20L11.087%2C4.185%20L13.695%2C4.185%20L13.695%2C1.931%20L15.000%2C1.931%20L15.000%2C18.999%20L-0.000%2C18.999%20ZM13.695%2C5.474%20L1.304%2C5.474%20L1.304%2C17.711%20L13.695%2C17.711%20L13.695%2C5.474%20ZM6.827%2C12.662%20L11.100%2C8.759%20L12.401%2C9.946%20L8.127%2C13.849%20L6.827%2C15.038%20L5.526%2C13.849%20L2.924%2C11.474%20L4.225%2C10.286%20L6.827%2C12.662%20ZM11.739%2C-0.001%20L13.043%2C-0.001%20L13.043%2C3.541%20L11.739%2C3.541%20L11.739%2C-0.001%20ZM1.956%2C-0.001%20L3.261%2C-0.001%20L3.261%2C3.541%20L1.956%2C3.541%20L1.956%2C-0.001%20Z%22%2F%3E%3C%2Fsvg%3E');
}


.modal-mainmodal .modal-content-col .select-date input {
				width: 100%;
				border: none;
				border-bottom: 1px solid #c7c7c7;
				padding-left: 43px;
}


.modal-mainmodal .modal-content-col label {
			width: 70px;
			font-size: 1.3rem;
			line-height: 1.4;
}


.modal-mainmodal .modal-content-col input, .modal-mainmodal .modal-content-col .select {
			-webkit-box-flex: 1;
			-webkit-flex: 1 1 0;
			    -ms-flex: 1 1 0px;
			        flex: 1 1 0;
			padding: 5px;
}


.modal-mainmodal .modal-content-col .select {
			position: relative;
}


.modal-mainmodal .modal-content-col .select:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 15px;
	height: 10px;
	margin-top: -5px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215px%22%20height%3D%2210px%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20fill%3D%22rgb(12%2C%2050%2C%20143)%22%20d%3D%22M-0.001%2C1.839%20L1.256%2C0.567%20L7.500%2C6.888%20L13.744%2C0.567%20L15.000%2C1.839%20L7.500%2C9.432%20L-0.001%2C1.839%20Z%22%2F%3E%3C%2Fsvg%3E');
}


.modal-mainmodal .modal-content-col .select select {
				width: 100%;
				-webkit-appearance: none;
				   -moz-appearance: none;
				        appearance: none;
				padding: 7px 10px;
				border-radius: 5px;
				border: 1px solid #bbbbbb;
}


.modal-mainmodal .modal-content-col .select select:-ms-expand {
	display: none;
}


.modal-mainmodal .modal-content-col .none {
			visibility: hidden;
}


.datepicker {
	z-index: 100000!important;
	
}


.datepicker .-sun- {
		color: #c00000!important;
	}


.datepicker .-sun-.-disabled- {
		color: #e58e8e!important;
	}


.datepicker .-sat- {
		color: #0b79d6!important;
	}


.datepicker .-sat-.-disabled- {
		color: #6dafe6!important;
	}


.datepicker .-other-month- {
		color: #aeaeae!important;
	}
.cp-lnav-list a {
    font-size: 1.6rem;
}

/*20200123
.max-inner {
   padding-right: 0;
   padding-left: 0;
}*/
    #attention ul {
        list-style: disc;
        margin-left: 20px;
        line-height: 1.8;
    }
    #attention ol {
        list-style: decimal;
        margin-left: 30px;
        line-height: 1.8;
    }
    #attention strong {
        margin-bottom: 10px;
    }

/*200214*/
#module-domtour-wrapper2 .domtour-module-section .col4-wrapper .col, #module-domtour-wrapper2 #module-domtour-pkg .col3-wrapper > .col, #module-domtour-wrapper2 .domtour-module-section .col3-wrapper #search_allpkgtour .inner-col2-wrapper .col, #module-domtour-wrapper2 .domtour-module-section .col3-wrapper #search_allpkgtour .inner-col2-wrapper .button, #module-domtour-wrapper2 #module-domtour-hotel .col3-wrapper .col, #module-domtour-wrapper2 #module-domtour-rentacar .col3-wrapper .col {
display: block;
}

.info_inttour {
        margin: 30px auto 0 auto;
        text-align: center;
        font-size: 24px;
        color: #f00;
    }
.nav_tab span {
        right: 2% !important;
    }
.info_mile {
    text-align: center;
    background:#033caa;
    color:#fff;
    padding: 20px;
    font-size: 22px;
}
.contents-1col #contents .res-contents.info_line {
    margin-top: 0;
}
@media screen and (max-width: 768px) {
    .info_mile {
        padding: 10px;
        font-size: 14px;
    }
    .contents-1col #contents .res-contents.info_line {
        margin-top: 0;
    }
}


.f-m {
	font-size: .9em;
}
.f-s {
	font-size: .6em;
}