@charset "utf-8";

a{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: center;}

#ancher{margin-top: -150px;padding-top: 150px;}
#ancher b{font-weight: bold;font-size: 30px;display: block;text-align: center;margin-bottom: 20px;}
#tabcontents{width: 100%;}
.plan ul.tab {padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between;position:relative;z-index: 1;width: 80%;margin: auto;;margin-bottom: 130px;}
.plan ul.tab>li {cursor: pointer;width: 50%;text-align: center;;background-color: #fff;box-sizing: border-box;}
.tabc {width: 100%;}
.tbotom {margin-top: 150px;}
.plan ul.tab .b1 button{color: #062695;border: 2px solid #062695;border-right: none;font-size: 25px;font-weight: bold;padding: 10px;width: 100%}
.plan ul.tab .b2 button{color: #062695;border: 2px solid #062695;border-left: none;font-size: 25px;font-weight: bold;padding: 10px;width: 100%;}
.plan ul.tab .b1.active button{background: #062695;color: #fff;pointer-events: none;cursor:pointer;}
.plan ul.tab .b2.active button{background: #062695;color: #fff;pointer-events: none;cursor:pointer;}

ruby{font-weight: bold;}
ruby rt{font-size: 12px;}


.point{margin: 0 calc(50% - 50vw);width: 100vw;background-color: #D5F1FD;margin-bottom: 150px;position: relative;padding-bottom: 100px;}
.point::before{content:url(/domestic/area/tohoku/local_workation_akita/images/bg1_l.png);left: 0px;top: 0px;position: absolute;display: block;width: 200px;height: 200px;}
.point::after{content:url(/domestic/area/tohoku/local_workation_akita/images/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: 24%;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: 18px;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: 0 calc(50% - 50vw);width: 100vw;position: relative;}
.program_box{max-width: 1200px;margin: auto;padding-bottom: 150px;}


.program div.ss{display: flex;justify-content: space-between;margin-bottom: 150px;position: relative;}
.program div.ss figure{width: 45%;}
.program div.ss 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.ss figure b.narrow{padding: 5px 35px;}
.program div.ss figure b small{letter-spacing: -1px;font-size: 20px;font-weight: bold;}
.program div.noSlide figure{width:47%;}

.program div.ss figure b::before{content:url(/domestic/area/tohoku/local_workation_akita/images/program_title.png);right: 0px;left: 0px;text-align: center;margin: auto;position: absolute;display: block;top: -60px;}
.program div.ss figure img{display: block;width:100%;height: auto;}
.program div.ss figure li{position: relative;}
.program div.o1 figure li span{position: absolute;bottom: 5px;left:5px;color: 000;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;font-size: 14px}
.program div.o2 figure li span{position: absolute;bottom: 5px;right:5px;color: 000;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;font-size: 14px}
.program div.ss>div{border: 3px solid #062695;border-radius: 15px;box-sizing: border-box;padding: 30px 30px;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.o2.noSlide div,.program div.o1.noSlide div{width: 58%;word-wrap: break-word;overflow-wrap: break-word;}
.program div.ss>div>span{display: block;margin-bottom: 30px;}
.program div.ss>div>span img{width: 120px;margin-right: 12px;}


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

.program div.ss>div p{font-size: 18px;font-weight: bold;margin-top: -10px;}
.program div.ss>div dl{font-size: 14px;display: flex;flex-wrap: wrap;margin-top: 30px;}
.program div.ss>div dt{width: 23%;padding: 3px;box-sizing: border-box;}
.program div.ss>div dd{width: 77%;padding: 3px;box-sizing: border-box;}
.program div.ss>div dd span{  display: block;text-indent: -1em;padding-left: 1em;}
.program .res-btn-link{margin-top: 20px !important;}

.acc{display: block;}
.acc .more{;font-size: 26px;font-weight: bold;text-align: center;color: #062695;display: block;;border: none;width: 135px; margin: auto;}
.acc .more img{display: block;margin: auto;margin-top: 10px;}
.acc .more:focus{outline: 2px solid #b2b2b2!important;}

.pdf-ico{max-width: 15px;margin-top: 3px;}






.work{margin: 0 calc(50% - 50vw);width: 100vw;background-color: #FFD052;margin-bottom: 150px;position: relative;padding-bottom: 100px;}
.work::before{content:url(/domestic/area/tohoku/local_workation_akita/images/bg2_l.png);left: 0px;top: 0px;position: absolute;display: block;width: 200px;height: 200px;}
.work::after{content:url(/domestic/area/tohoku/local_workation_akita/images/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;word-wrap: break-word;overflow-wrap: break-word;}

.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;z-index: 500;}
.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(/domestic/area/tohoku/local_workation_akita/images/d1.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d1::after{content: url(/domestic/area/tohoku/local_workation_akita/images/i1.png);position: absolute;right: 5px;top: -20px;}
.plan ul li figure.d2::before{content: url(/domestic/area/tohoku/local_workation_akita/images/d2.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d2::after{content: url(/domestic/area/tohoku/local_workation_akita/images/i2.png);position: absolute;right: 5px;top: -20px;z-index: 400;}
.plan ul li figure.d3::before{content: url(/domestic/area/tohoku/local_workation_akita/images/d3.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d3::after{content: url(/domestic/area/tohoku/local_workation_akita/images/i3.png);position: absolute;right: 5px;top: -20px;}
.plan ul li figure.d4::before{content: url(/domestic/area/tohoku/local_workation_akita/images/d4.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d4::after{content: url(/domestic/area/tohoku/local_workation_akita/images/i4.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;}



#yoyaku,#yoyaku2{padding-top: 100px;margin-top: -100px;}
.reserve{position: relative;margin: 0 calc(50% - 50vw);width: 100vw;margin-bottom: 70px;}
.reserve_box{max-width: 1200px;margin: auto;}


.reserve>div>ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.reserve>div>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>div>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>div>ul>li b{font-size: 22px;font-weight: bold;margin-bottom: 10px;display: flex;margin-top: 10px;align-items: center;}
.reserve>div>ul>li b a{color: #333;font-weight:bold;text-decoration: none;}
.reserve>div>ul>li b a span{color: #ff0000;font-weight:normal;text-decoration: none;margin-left: 10px;font-size: 14px;}
.reserve>div>ul>li b a:hover{text-decoration: underline;}
.reserve>div>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>div>ul>li figure{display: block;margin-bottom: 20px;}
.reserve>div>ul>li figure img{display: block;width: 100%;}
.reserve>div>ul>li>span{font-size: 15px;display: block;min-height: 85px;}
.reserve>div>ul>li>span.b_sp{min-height: 240px;}
.reserve>div>ul>li a{}

p.comming{margin-top: 40px;}
	
#CarRental{width: 35%;background-color: #EB7308;margin:  0 auto 50px;border-radius: 15px;}
#CarRental:hover{background-color: #ed8121;}
#CarRental a{width: 100%;font-size: 28px;font-weight: bold;color: #fff;text-align: center;padding: 20px;display: block;}
#CarRental a:hover{text-decoration: none;}

	
.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;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: 40px auto 0;max-width: 1200px;text-align: center;margin-bottom: 0px;position: relative;top: -140px;}
.banner{display: table;margin: 40px auto 0;table-layout: fixed;width: 100%;}
.banner div{max-width: 950px;margin: auto}
.banner .flexbox{display: flex;justify-content: space-between;}
.banner .flexbox a{width: 48.7%;margin: 25px 0 0;}
.banner .flexbox a img{width: 100%;}
.banner a{display: table; margin: auto; margin-top: 25px;table-layout: fixed;width: 100%;}
.banner a img{display: block;margin: 0 auto;}  


.banner2{display: table;margin: auto;margin-top: -70px;margin-bottom: 70px;}
.banner2 a{display: block;}
.banner2 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;}
#searchbutton2{position: fixed;top: 55%;right: 5%;z-index: 100;}
#searchbutton2 a{display: block;}
#searchbutton2 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;}
#searchbutton2{position: fixed;top: 55%;right: 5%;z-index: 100;}
#searchbutton2 a{display: block;}
#searchbutton2 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;}
#searchbutton2{position: fixed;bottom: 13.5% !important;right: 3%;z-index: 100;top: inherit;}
#searchbutton2 a{display: block;}
#searchbutton2 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;}


#ancher{margin-top: -100px;padding-top: 100px;}
#ancher b{font-weight: bold;font-size: 25px;display: block;text-align: center;margin-bottom: 20px;}
#tabcontents{width: 100%;}
.plan ul.tab {padding: 0;display: flex;flex-flow: row wrap;justify-content: space-between;position:relative;z-index: 1;width: 95%;margin: auto;;margin-bottom: 90px;}
.plan ul.tab>li {cursor: pointer;width: 50%;text-align: center;;background-color: #fff;box-sizing: border-box; margin-top: 0}
.tabc {width: 100%;}
.tbotom {margin-top: 100px;}
.plan ul .b1 button{color: #062695;border: 2px solid #062695;border-right: none;font-size: 20px;font-weight: bold;padding: 10px;width: 100%;height: 100%;}
.plan ul .b2 button{color: #062695;border: 2px solid #062695;border-left: none;font-size: 20px;font-weight: bold;padding: 10px;width: 100%;height: 100%;}
.plan ul .b1.active button{background: #062695;color: #fff;pointer-events: none;cursor:pointer;height: 100%;}
.plan ul .b2.active button{background: #062695;color: #fff;pointer-events: none;cursor:pointer;height: 100%;}

ruby{font-weight: bold;}
ruby rt{font-size: 11px;}

.point{margin: 0 calc(50% - 50vw);width: 100vw;background-color: #D5F1FD;margin-bottom: 150px;position: relative;padding-bottom: 100px;}
.point::before{content:url(/domestic/area/tohoku/local_workation_akita/images/bg1_l.png);left: 0px;top: 0px;position: absolute;display: block;width: 200px;height: 200px;}
.point::after{content:url(/domestic/area/tohoku/local_workation_akita/images/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_box{margin: auto;padding-bottom: 80px}




.program div.ss{display: flex;justify-content: space-between;margin-bottom: 100px;position: relative;flex-direction: column;}
.program div.ss figure{width: 100%;}
.program div.ss 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.ss figure b small{letter-spacing: -1px;font-size: 18px;font-weight: bold;}


.program div.ss figure b::before{content:url(/domestic/area/tohoku/local_workation_akita/images/program_title_sp.png);right: 0px;left: 0px;text-align: center;margin: auto;position: absolute;display: block;top: -40px;}
.program div.ss figure img{display: block;width:100%;height: auto;}
.program div.ss figure li{position: relative;}
.program div.ss figure li span{position: absolute;bottom: 5px;right:5px;color: 000;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;font-size: 11px}
.program div.ss>div{box-sizing: border-box;position: absolute;background-color: #fff;margin: auto;padding: 20px;}

.slick-dotted.slick-slider {margin-bottom: 0px !important;}

.program div.o1{margin-top: 50px;}
.program div.o1>div{z-index: 1;position: relative;order: 2;word-wrap: break-word;overflow-wrap: break-word;}
.program div.o2>div{z-index: 1;position: relative;order: 2;}
.program div.ss>div>span{display: block;margin-bottom: 20px;}
.program div.ss>div>span img{width: 100px;margin-right: 12px;}
.program div.ss>div p{font-size: 16px;font-weight: bold;}
.program div.ss>div dl{font-size: 14px;display: flex;flex-wrap: wrap;margin-top: 30px;}
.program div.ss>div dt{width: 100%;padding: 6px 0;box-sizing: border-box;border-top: 1px dotted #ccc;padding-bottom: 0;font-weight: bold;}
.program div.ss>div dt:first-child{border: none;}
.program div.ss>div dd{width: 100%;padding: 6px 0;box-sizing: border-box;padding-top: 0;}
.program div.ss>div dd span{  display: block;text-indent: -1em;padding-left: 1em;}
.program div.ss>div>span.caption3{display: block;margin-bottom: 20px;margin-top: 30px;}
.program .res-btn-link{margin-top: 20px !important;}
.program div.o2.noSlide div,.program div.o1.noSlide div{word-break: break-all;}

.acc{display: block;}
.acc .more{font-size: 22px;font-weight: bold;text-align: center;color: #062695;display: block;border: none;width: 135px;margin: auto;}
.acc .more img{display: block;margin: auto;margin-top: 10px;}

.pdf-ico{max-width: 15px;margin-top: 3px;margin-right: 3px;}



.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(/domestic/area/tohoku/local_workation_akita/images/bg2_l.png);left: 0px;top: 0px;position: absolute;display: block;width: 200px;height: 200px;}
.work::after{content:url(/domestic/area/tohoku/local_workation_akita/images/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;word-break: break-all;}
.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;z-index: 500;}
.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(/domestic/area/tohoku/local_workation_akita/images/d1.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d1::after{content: url(/domestic/area/tohoku/local_workation_akita/images/i1.png);position: absolute;right: 5px;top: -20px;}
.plan ul li figure.d2::before{content: url(/domestic/area/tohoku/local_workation_akita/images/d2.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d2::after{content: url(/domestic/area/tohoku/local_workation_akita/images/i2.png);position: absolute;right: 5px;top: -20px;z-index: 400;}
.plan ul li figure.d3::before{content: url(/domestic/area/tohoku/local_workation_akita/images/d3.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d3::after{content: url(/domestic/area/tohoku/local_workation_akita/images/i3.png);position: absolute;right: 5px;top: -20px;}
.plan ul li figure.d4::before{content: url(/domestic/area/tohoku/local_workation_akita/images/d4.png);position: absolute;left: 5px;top: -20px;}
.plan ul li figure.d4::after{content: url(/domestic/area/tohoku/local_workation_akita/images/i4.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;}


#yoyaku,#yoyaku2{padding-top: 40px;margin-top: -40px;}
.reserve{position: relative;margin: 0 calc(50% - 50vw);margin-bottom: 70px;}
.reserve_box{width: 90%;margin: auto;}

.reserve{padding-bottom: 40px;}
.reserve_box{}
.reserve>div>ul{display: flex;justify-content: space-between;flex-direction: column;margin-top: -40px;}
.reserve>div>ul>li{width: 100%;position: relative;background-color: #FAF6F2;padding: 30px;margin-top: 40px;}
.reserve>div>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>div>ul>li b{font-size: 20px;font-weight: bold;margin-bottom: 10px;display: flex;margin-top: 10px;align-items: center;}
.reserve>div>ul>li b a{color: #333;font-weight:bold;text-decoration: none;}
.reserve>div>ul>li b a span{color: #ff0000;font-weight:normal;text-decoration: none;margin-left: 10px;font-size: 14px;}
.reserve>div>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>div>ul>li figure{display: block;margin-bottom: 20px;}
.reserve>div>ul>li figure img{display: block;width: 100%;}
.reserve>div>ul>li>span{font-size: 15px;display: block;}
.reserve>div>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;}
	
#CarRental{width: 90%;background-color: #EB7308;margin:  0 auto 25px;border-radius: 15px;}
#CarRental a{width: 100%;font-size: 25px;font-weight: bold;color: #fff;text-align: center;padding: 20px;display: block;}
#CarRental a:hover{text-decoration: none;}


p.comming{margin-top: 20px;}


.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: -50px;text-align: center;margin-bottom: 50px;}
.banner{display: block;margin: auto;}
.banner a{display: block;}
.banner a img{display: block;margin-bottom: 15px;width: 100%;} 

.banner2{display: block;margin: auto;margin-top: -70px;margin-bottom: 70px;}
.banner2 a{display: block;}
.banner2 a img{display: block;margin-bottom: 10px;width: 100%;}  

}

















/* 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;
}