@charset "UTF-8";

#Reserve .Btn.glovalHeader#OtherCompany{
    padding-top: 20px !important;
}


.commonHeader{
    position: relative;
}
h2{margin-top:0}

.modalClose,.modalBtn{display: block;}
.modalBtn{
    position: relative;
    text-align: center;
    text-decoration: none;
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 0 0 4px rgb(0 0 0 / 30%);
    font-weight: bold;
}
.modalBtn:after{position: absolute;right: 9px;font-size: 18px;top:50%; margin-top:-0.5em;font-weight: normal;content: "\f2d2"; font-family:FontAwesome;line-height: 1}

a.modalClose{
    text-decoration: none;
    text-align: center;
    background-color: rgb(255 255 255 / 50%);
    color: #fff;
    padding: 8px 0;
    border-radius: 3px;
    border: 1px solid #fff;
    margin-top: 25px;
}
.modal {
  visibility: hidden;
  overflow-y: scroll;
  opacity: 0;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 25px;
  transition: opacity 0.3s, visibility 0s 0.3s;
  background: rgba(0,0,0,0.8);
  box-sizing: border-box;
}
.modal.is-active {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, visibility 0s 0s;
}
.modal_container {
  display: flex;
  min-height: 100%;
  justify-content: center;
  align-items: center;
}
.modal_container _:-ms-lang(x)::-ms-backdrop,
.modal_container {
  min-height: 100vh;
}
.modal_container::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.modal_inner {
  margin: 30px auto;
  width: auto;
}
.modal_content {
  display: none;
  /* border-radius: 2px; */
  /* background: #fff; */
}
.is-active .modal_content {
  display: block;
}

article.is-locked {
  position: fixed;
  width: 100%;
}

section.contents{
    padding-top: 30px;
    padding-bottom: 30px;
}
.commonTtl{
    margin-bottom: 25px !important;
}
.commonTtl .main:after{
    margin-top: 20px;
}
.commonTtl .main{
    font-size: 22px;
    line-height: 1.4;
    padding: 0 10px;
    padding-bottom: 15px;
}
.commonTtl .sub{
    font-size: 12px;
}

.overTxt .more
{background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 47%,rgba(255,255,255,1) 100%);padding: 43px 0 5px 0;text-align: center;margin-top: -40px;z-index: 1;position: relative;}
.overTxt.gray .more,
section.contents:nth-of-type(even) .overTxt .more{background: linear-gradient(to bottom, rgba(243,243,243,0) 0%,rgba(243,243,243,1) 47%,rgba(243,243,243,1) 100%);}

.Entry.pickup .overTxt.gray .more{}
.overTxt.white .more
{background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 47%, rgba(255,255,255,1) 100%) !important;background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 47%,rgba(255,255,255,1) 100%) !important;background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 47%,rgba(255,255,255,1) 100%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ) !important;}

.overTxt .more span{
    display: block !important;
    width: 80%;
    text-align: center;
    margin: 0 auto;
    background-color: #0e9958;
    color: #fff;
    border-radius: 100px;
    padding: 5px 0;
}

.SMPAccTitle{
    position: relative;
    background-color: #e0e0e0;
    color: #656565;
    text-align: center;
    border-radius: 3px;
    padding: 8px 5px;
    margin: 10px 0;
    width: 100%;
    box-sizing: border-box;
    font-weight: bold;
    border-radius: 100px;
    display: block;
    \: #fff;
}
.SMPAccTitle:after{content:"OPEN";display: inline-block;margin-left: 5px;font-size: 12px;background-color: #0e9958;color: #ffffff;line-height: 1;padding: 3px 9px;border-radius: 100px;font-weight: normal;}
.SMPAccTitle.active:after{content:"CLOSE"; }

.owl-theme .owl-controls{
    margin-top: 5px;
    margin-bottom: -6px;
}
.owl-theme .owl-controls .owl-buttons div{
    line-height: 1.4;
}

.CommonAtte{
    width: 90%;
    font-size: 12px;
}

/*-----------------------------------------------MV*/
#MV{}
#MV .slick-dotted.slick-slider{}
#MV .slick-dots li.slick-active button:before{}
#MV .slick-prev,#MV .slick-next{}
#MV .slick-prev:before,#MV .slick-next:before{
    font-size: 21px;
}
#MV .slick-prev:before{}
#MV .slick-next:before{}
#MV .slick-arrow,#MV .slick-arrow:hover,#MV .slick-arrow:focus,#MV .slick-arrow:active{
    width: 30px;
    height: 30px;
}
#MV .slick-arrow{}
#MV .slick-arrow:hover,#MV .slick-arrow:focus,#MV .slick-arrow:active{}
#MV .slick-next{
    right: 10px;
}
#MV .slick-prev{
    left: 15px;
}
#MV .slick-track{}
#MV .slick-track:before,#MV .slick-track:after{}
#MV .slick-slide{}
#MV .slick-slide a{}
#MV .slick-dots{}
#MV .slick-dots li{}
#MV .slick-dots li button{}
#MV .slick-dots li button:before{}
#MV li dl{}
#MV .End{
    width: 80%;
    left: 10%;
    top: 20%;
    box-sizing: border-box;
}
#MV .End span{
    font-size: 18px;
    padding: 15px;
}
#MV .End a{
    font-size: 14px;
    padding: 2px 10px;
}






/*-----------------------------------------------Title*/
#Title{
    width: 90%;
    margin: 0 auto;
    padding-bottom: 30px;
}

#Title .Attention{

text-align: left;
}
#Title .Attention p{}
#Title .Main{
    padding: 0;
    margin-bottom: 10px;
    order: 1;
}
#Title .Main .Icon{
}
#Title .Main .Icon li{}
#Title .Main .Icon li + li{}
#Title .Main .Icon .point{}
#Title .Main h1{
    font-size: 5.5vw;
    line-height: 1.4;
    margin-bottom: 8px;
}
#Title .Main h1 strong{
    font-weight: normal;
}
#Title .Main h2{font-size: 15px;padding-bottom: 5px;}
#Title .Main .bar{
    font-size: 14px;
    line-height: 1.4;
    padding: 5px 10px;
    margin-bottom: 5px;
}
#Title .Main .date{
    font-size: 15px;
    padding-bottom: 3px;
}
#Title .Main .price{
    /* display: block; */
    flex-wrap: wrap;
}
#Title .Main .price dt{
    font-size: 14px;
    white-space: nowrap;
}
#Title .Main .price dt strong{
    font-size: 28px;
    font-weight: normal;
}
#Title .Main .price dd{}

#Title .Main .option{
    display: block;
    margin: 0;
    margin-top: 5px;
}
#Title .Main .option li{
    justify-content: center;
    border-radius: 0 0 3px 3px;
}
#Title .Main .option li.icon{
    border-radius: 3px 3px 0 0;
}
#Title .Bn{
    width: 100%;
    order: 3;
}
#Title .Bn dl{}
#Title .Bn dt{}
#Title .Bn dt a{}
#Title .Bn dt a:hover{}
#Title .Bn dd{}
#Title .Bn dd a{}
#Title .Bn dd a:hover{}

#Title .Main .ribon{
    width: 100%;
    padding: 0 15px;
}
/*--------------------------------------Point*/
#Point{
    width: 100%;
    display: block;
    padding: 15px;
    margin-bottom: 20px;
    box-sizing: border-box;
    order: 2;
    margin-top: 5px;
}
#Point .Entry{
    margin: 0;
}
#Point .Entry + .Entry{
    margin-top: 25px;
}
#Point .Entry .icon{}
#Point .Entry .icon strong{}
#Point .Entry .icon:before,#Point .Entry .icon:after{}
#Point .Entry dl{}
#Point .Entry dt{}
#Point .Entry dt span{}
#Point .Entry dd{}
#Point .atte{
    color: #fff;
    padding: 10px;
    box-sizing: border-box;
}



/*---------------------------------------MenuArea*/
.header_change.show{
    box-shadow: 0 0 4px rgb(0 0 0 / 40%);
    border-bottom: none;
}
.MenuArea{
    position: relative;
}
.MenuArea .Inner{
    flex-wrap: wrap;
    max-width: 100%;
    justify-content: space-between;
}
.MenuArea .Inner .MenuAccTitle{
    flex: 1;
    text-align: center;
    font-size: 15px;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.MenuArea .Inner .MenuAccTitle:after{content: "\f107"; font-family:FontAwesome;display: inline-block;text-align: center;line-height: 1;padding-left: 5px;}
.MenuArea .Inner .MenuAccTitle.active:after{content: "\f106";}
.MenuArea .Inner .MenuAccIn{
    position: absolute;
    background-color: #f7f7f7;
    top: 41px;
    width: 100%;
    box-shadow: 0px 3px 3px rgb(0 0 0 / 20%);
    z-index: 9;
}
.MenuArea .Inner .MenuAccIn > div{
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
    width: 97%;
    margin: 9px auto;
}
.MenuArea .MenuAccIn p{
    width: 50%;
    display: flex;
}
.MenuArea .MenuAccIn p a{
    padding: 7px 4px;
    font-weight: normal;
    background-color: #fff;
    border-radius: 3px;
    margin: 3px;
    text-align: center;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    line-height: 1.5;
    box-shadow: 0 0 2px rgb(0 0 0 / 30%);
    color: #6e6e6e;
}
.MenuArea p a:hover,.MenuArea li.current a{}
.MenuArea p a:after{
    display: inline-block;
    padding-left: 4px;
}
.MenuArea p.Reserve{
    flex: 1;
}
.MenuArea p.Reserve a{text-align: center;font-weight: bold;padding: 9px;width: 100%;box-sizing: border-box;}
.MenuArea p.Reserve a:hover{}
.header_change.MenuArea p a{}
.header_change.MenuArea p a:after{}

/*-----------------------------------------Tourpoint*/
#Tourpoint{}
#Tourpoint .btn{
	display: block;
}
#Tourpoint .btn + .btn{
	margin: 0;
	margin-top: 10px;
}
#Tourpoint .btn a{
	display: block;
	text-align: center;
	font-size: 14px;
}
#Tourpoint h1{}
#Tourpoint .Basic{
    width: 90%;
    margin: 0 auto;
}
#Tourpoint .Basic .Entry{
    display: block;
}
#Tourpoint .Basic .Entry + .Entry{
    margin-top: 30px;
}
#Tourpoint .Basic .Entry.Lsize + .Entry.Ssize,#Tourpoint .Basic .Entry.Ssize + .Entry.Ssize{
    margin-top: 25px;
}
#Tourpoint .Basic .Entry.Lsize{}
#Tourpoint .Basic .Entry.Ssize{}
#Tourpoint .Basic .Entry .main{}

#Tourpoint .Basic .Entry .icon{display: block;position: relative;font-size: 14px;left: auto;top: auto;right: auto;margin-bottom: 15px;text-align: center;}
#Tourpoint .Basic .Entry .icon:after,#Tourpoint .Basic .Entry .icon:before{}
#Tourpoint .Basic .Entry .icon:after{}
#Tourpoint .Basic .Entry .icon:before{}
#Tourpoint .Basic .Entry.pickup .main{
    position: initial;
}
#Tourpoint .Basic .Entry.pickup .icon{
    z-index: 9;
}
#Tourpoint .Basic h2{}
#Tourpoint .Basic .Entry.Lsize.pickup h2
#Tourpoint .Basic .txt{}
#Tourpoint .Basic .more + .txt{
    padding-top: 20px;
}
#Tourpoint .Basic .option{
    font-size: 13px;
    margin-top: 10px;
}
#Tourpoint .Basic .option ul{
	display: block;
}
#Tourpoint .Basic .option li{
	margin: 0;
}
#Tourpoint .Basic .option li + li{}
#Tourpoint .Basic .option li:before{}

#Tourpoint .Basic .Entry.Lsize .owl-theme .owl-controls{}
#Tourpoint .Basic .Entry.Lsize .owl-theme .owl-controls .owl-buttons div{}
#Tourpoint .Basic .Entry.Ssize .box{
    padding: 18px;
    display: block;
    padding-top: 25px;
}
#Tourpoint .Basic .Entry.Ssize .box + .box{padding-left: 18px;margin-left: 0;margin-top: 25px;}
#Tourpoint .Basic .Entry.Lsize .photo{
    width: 100%;
}
#Tourpoint .Basic .Entry.Ssize .photo,
#Tourpoint .Basic .Entry.Ssize.onesize .photo{
    margin-left: 0;
    margin-bottom: 10px;
    width: 100%;
}
#Tourpoint .Basic .Entry.Ssize.onesize .photo img{width: 100%;}
#Tourpoint .Basic .Entry.Lsize .main{
    padding: 18px;
}
#Tourpoint .Basic .Entry.Ssize .main{}
#Tourpoint .Basic .Entry.Ssize .icon{}
#Tourpoint .Basic .Entry.Lsize h2{
    font-size: 18px;
    padding-bottom: 5px;
}
#Tourpoint .Basic .Entry.Ssize h2{
    font-size: 16px;
    top: auto;
    left: auto;
    position: relative;
    padding: 0;
    margin-bottom: 18px;
}
#Tourpoint .Basic .Entry.Lsize .txt{
    font-size: 13px;
}

#Tourpoint .Basic .Entry.Ssize .txt{}
#Tourpoint .Basic .Entry.Lsize .option{}
#Tourpoint .Basic .Entry.Ssize .option{}
#Tourpoint .Basic .Entry.Ssize .btn{}
#Tourpoint .Basic .Entry.Lsize h3{
    font-size: 17px;
    line-height: 1.4;
}
#Tourpoint .Basic .Entry.Lsize.pickup h3{
	padding-right: 0;
}
#Tourpoint .Basic .Entry.Lsize h4{
	font-size: 14px;
	padding-bottom: 5px;
}
/*-------------------------------------*/
#Tourpoint .Arrange{
    margin-top: 30px;
    width: 90%;
}
#Tourpoint .Arrange .Entry{
    padding: 18px;
    display: block;
}
#Tourpoint .Arrange .Entry + .Entry{}
#Tourpoint .Arrange .Entry .genre{}
#Tourpoint .Arrange .Entry .title{}
#Tourpoint .Arrange .Entry.OP .title{}
#Tourpoint .Arrange .Entry .title dt{
    font-size: 18px;
    padding-bottom: 10px;
    display: block;
}
#Tourpoint .Arrange .Entry .title dd{}
#Tourpoint .Arrange .Entry .main{}
#Tourpoint .Arrange .Entry .main .txt{}
#Tourpoint .Arrange .Entry .main .txt + .txt{}
#Tourpoint .Arrange .Entry .main .info{}
#Tourpoint .Arrange .Entry .main .info dl{}
#Tourpoint .Arrange .Entry .main .info dl + dl{}
#Tourpoint .Arrange .Entry .main .info dt{}
#Tourpoint .Arrange .Entry .main .info dt:before{}
#Tourpoint .Arrange .Entry .main .info dt:after{}
#Tourpoint .Arrange .Entry .main .info dd{}
#Tourpoint .Arrange .Entry .photo{
    width: 100% !important;
    padding-left: 0;
    margin-top: 20px;
}
#Tourpoint .Arrange .Entry.OP .genre{}
#Tourpoint .Arrange .Entry.OP .title dd,#Tourpoint .Arrange .Entry.OP .main .info dt:before{}
#Tourpoint .Arrange .Entry.plan{}
#Tourpoint .Arrange .Entry.plan .title dt .icon{}
#Tourpoint .Arrange .Entry.plan .title dd{}
#Tourpoint .Arrange .Entry.plan .main{display: block;}
#Tourpoint .Arrange .Entry.plan .box{}
#Tourpoint .Arrange .Entry.plan .box + .box{
    margin-left: 0;
    padding-left: 0;
    margin-top: 15px;
}
#Tourpoint .Arrange .Entry.plan .box + .box:before{
    content: none;
}
#Tourpoint .Arrange .Entry.plan .box .date{}
#Tourpoint .Arrange .Entry.plan .box .route{}
#Tourpoint .Arrange .Entry.plan .box .route:before{}
#Tourpoint .Arrange .Entry.plan .box .route dl{}
#Tourpoint .Arrange .Entry.plan .box .route dl + dl{
    margin-top: 10px;
}
#Tourpoint .Arrange .Entry.plan .box .route dt{}
#Tourpoint .Arrange .Entry.plan .box .route dt:after{}
#Tourpoint .Arrange .Entry.plan .box .route dd{}
#Tourpoint .Arrange .Entry.plan .box .route dd .dst{
    font-size: 14px;
}
#Tourpoint .Arrange .Entry.plan .box .route dd .dst .time{}
#Tourpoint .Arrange .Entry.plan .box .route dd .dst .time:before{}
#Tourpoint .Arrange .Entry.plan .box .route dd .comment{}
#Tourpoint .Arrange .Entry.plan .genre{}
#Tourpoint .Arrange .Entry.plan .atte{
    box-sizing: border-box;
    font-size: 13px;
}
#Tourpoint .Arrange .Entry.plan .atte ul{}
#Tourpoint .Arrange .Entry.plan .atte li{}
#Tourpoint .Arrange .Entry.plan .atte li:before{}

/*-----------------------------------------Othertopic*/
#Othertopic{}
#Othertopic .atte{
	width: 100%;
	box-sizing: border-box;
	text-align: left;
}
#Othertopic .Intro + .atte{
	width: 90%;
	margin-bottom: 0;
}
#Othertopic:nth-of-type(even) .atte{}
#Othertopic h2 .main{}
#Othertopic h2 .sub{
	font-size: 12px;
}
#Othertopic .Special{
	width: 90%;
	margin-bottom: 10px;
}
#Othertopic .Special:before{}
#Othertopic .Special h3{
	font-size: 15px;
	line-height: 1.5;
}
#Othertopic .Special .txt{}
#Othertopic .Special ul{}
#Othertopic .Special li{}
#Othertopic .Special li + li{}
#Othertopic .Special li:before{}
#Othertopic .Sche{
	width: 90%;
}
#Othertopic .Sche h2{
	font-size: 18px;
	line-height: 1.4;
}
#Othertopic .Sche h3{
	font-size: 15px;
}
#Othertopic .Sche h3 + .atte{}
#Othertopic .Sche .Inner{}
#Othertopic .Sche .Inner dl{
	display: block;
	text-align: left;
	font-size: 14px;
}
#Othertopic .Sche .Inner dl + dl{}
#Othertopic .Sche .Inner dt{}
#Othertopic .Sche .Inner dd{}
#Othertopic .Intro{
	width: 90%;
	margin-bottom: 30px;
}
#Othertopic .maintxt + .Intro{}
#Othertopic .Intro .Entry{
	flex-direction: column-reverse;
}
#Othertopic .Intro .Entry + .Entry{}
#Othertopic.golf .Intro .Entry + .Entry{}
#Othertopic .Intro .Entry .main{
	padding-right: 0;
}
#Othertopic .Intro .Entry .main h3{
	font-size: 18px;
	line-height: 1.4;
	padding-bottom: 5px;
}
#Othertopic .Intro .Entry .main h3 .icon{
	font-size: 12px;
}
#Othertopic .Intro .Entry .main .txt{
	font-size: 13px;
}
#Othertopic .Intro .Entry .main dl{}
#Othertopic .Intro .Entry .main dt{}
#Othertopic .Intro .Entry .main dd{}
#Othertopic .Intro .Entry .main dd ul{}
#Othertopic .Intro .Entry .main dd li{}
#Othertopic .Intro .Entry .main dd li h4{}
#Othertopic .Intro .Entry .main dd li + li{}
#Othertopic .Intro .Entry .main dd li:before{}
#Othertopic .Intro .Entry .main dd .btn{}
#Othertopic .Intro .Entry .main dd .btn a{}
#Othertopic .Intro .Entry .main dd .btn a:hover{}
#Othertopic .Intro .Entry .main dd .btn a:after{}
#Othertopic .Intro .Entry .photo{
	width: 100%;
	margin-bottom: 6px;
}




/*-------------------------------------------Hotel*/
#Hotel{}
#Hotel .MainSC{
    background-color: #d3d3d3;
    padding: 1px 0;
    width: 90%;
    margin: 0 auto;
    position: relative;
}
#Hotel .MainSC:after
{content:"";width: 0;position: absolute;height: 0;border-style: solid;border-width: 10px 10.5px 0 10.5px;border-color: #d3d3d3 transparent transparent transparent;bottom: -8px;left: 50%;margin-left: -10.5px;}
#Hotel .MainSC.Tab_Btm:after
{border-width: 0 10.5px 10px 10.5px;border-color: transparent transparent #d3d3d3 transparent;top: -8px;bottom: auto;}

#Hotel .MainSC.Tab_Btm{
    margin-top: 0;
}
#Hotel .MainSC ul{
    width: 100%;
    display: block;
}
#Hotel .MainSC li{
    border: none;
    color: #545454;
    font-size: 13px;
    background-color: #fff;
    margin: 10px;
    flex-wrap: wrap;
}
#Hotel .MainSC li:hover{}
#Hotel .MainSC li + li{}
#Hotel .MainSC li .icon{
    background-color: #a9a9a9;
}
#Hotel .MainSC li span{}
#Hotel .MainSC li.select{
    background-color: #a9a9a9;
}
#Hotel .MainSC li.select:after{
    content: none;
}
#Hotel .MainSC.Tab_Btm li.select:after{}
#Hotel .MainSC.Tab_Btm li.select:before{
    content: none;
}
#Hotel .MainSC li .small{}
#Hotel .Entry{
    width: 90%;
    margin: 0 auto;
    padding: 18px;
}
#Hotel.contents:nth-of-type(odd) .Entry{}
#Hotel .Entry .Head{}
#Hotel .Entry .Head .main{
    margin-bottom: 20px;
}
#Hotel .Entry .Head .main .dst{}
#Hotel .Entry .Head .main .dst:after{}
#Hotel .Entry .Head .main h2{
    font-size: 20px;
}
#Hotel .Entry .Head .main h2 .icon{
    font-size: 14px;
    margin-top: 4px;
    margin-right: 5px;
    margin-bottom: 4px;
}
#Hotel .Entry .Head .main .txt{
    font-size: 14px;
    line-height: 1.8;
}
#Hotel .Entry .Head .photo{
    width: 100%;
    padding-right: 0;
}
#Hotel .Entry .data{
    display: block;
}
#Hotel .Entry .data dl{
    display: block;
}

#Hotel .Entry .data dl.half{
    width: 100%;
}
#Hotel .Entry .data dl.half + dl.half:before{
    content: none;
}
#Hotel .Entry .data dt{
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    margin-bottom: 3px;
}
#Hotel .Entry h3{
    font-size: 20px;
}
#Hotel .Entry h3:after{
}
#Hotel .Entry .Meal h3,
#Hotel .Entry .Free h3
{
    display: none;
}
#Hotel .Entry .sec{
    display: block;
}
#Hotel .Entry .sec + .sec{
    margin-top: 10px;
}
#Hotel .Entry .Room{}
#Hotel .Entry .Room .RoomSC{
    padding-bottom: 10px;
}
#Hotel .Entry .Room .RoomSC ul{}
#Hotel .Entry .Room .RoomSC li{
    font-size: 13px;
    margin-bottom: 10px;
}
#Hotel .Entry .Room .RoomSC li .small{}
#Hotel .Entry .Room .RoomSC li.select{}
#Hotel .Entry .Room .RoomSC li + li{}
#Hotel .Entry .Room .RoomSC li:hover{}
#Hotel .Entry .Room .RoomEntry{}
#Hotel .Entry .Room .RoomEntry .Inner{
    display: block;
    padding-top: 0;
}
#Hotel .Entry .Room .RoomEntry .main{}
#Hotel .Entry .RoomEntry .main h4{
    font-size: 17px;
    padding-bottom: 1px;
}
#Hotel .Entry .RoomEntry .main h4:before{}
#Hotel .Entry .RoomEntry .main h4:after{}
#Hotel .Entry .RoomEntry .main .info{
    margin-bottom: 4px;
}
#Hotel .Entry .RoomEntry .main .info li{
    font-size: 12px;
}
#Hotel .Entry .RoomEntry .main .info li:before{}
#Hotel .Entry .RoomEntry .main .txt{
    font-size: 13px;
}
#Hotel .Entry .Room .RoomEntry .comment{}
#Hotel .Entry .Room .RoomEntry .comment dt{}
#Hotel .Entry .Room .RoomEntry .comment dd{}
#Hotel .Entry .Room .RoomEntry .comment + dl{}
#Hotel .Entry .RoomEntry .amenity{
    margin-top: 10px;
}
#Hotel .Entry .RoomEntry .amenity dt{}
#Hotel .Entry .RoomEntry .amenity dd{}
#Hotel .Entry .RoomEntry .amenity ul{}
#Hotel .Entry .RoomEntry .amenity li{
    width: 50%;
    padding-right: 5px;
    font-size: 12px;
}
#Hotel .Entry .RoomEntry .amenity li:before{}
#Hotel .Entry .RoomEntry .amenity li.yes{}
#Hotel .Entry .RoomEntry .amenity li.no{}
#Hotel .Entry .RoomEntry .amenity li.yes:before{}
#Hotel .Entry .RoomEntry .amenity li.no:before{}
#Hotel .Entry .Room .RoomEntry .photo{
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
}
#Hotel .Entry .Meal{
    border-top: 1px solid #ccc;
    padding-top: 0px;
    border-bottom: 1px solid #ccc;
}
#Hotel .Entry .Meal .main{
    flex: inherit;
}
#Hotel .Entry .Meal .photo{
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
}
#Hotel .Entry .Meal ul{}
#Hotel .Entry .Meal li{}
#Hotel .Entry .Meal li + li{border-top: 1px dotted #000;margin-top: 10px;padding-top: 10px;}
#Hotel .Entry .Meal li .ttl{}
#Hotel .Entry .Meal li .ttl icon{}
#Hotel .Entry .Meal li .txt{
    font-size: 13px;
}
#Hotel .Entry .Meal .atte{}
#Hotel .Entry .Free{
    border-bottom: 1px solid #ccc;
    padding-top: 0px;
}
#Hotel .Entry .Free .main{}
#Hotel .Entry .Free .main dl{}
#Hotel .Entry .Free .main dt{}
#Hotel .Entry .Free .main dd{
    font-size: 13px;
}
#Hotel .Entry .Free .main dl + dl{border-top: 1px dotted #000;margin-top: 10px;padding-top: 10px;}
#Hotel .Entry .Free .photo{
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
}
#Hotel .Entry .Arrenge{
    margin-top: 25px;
    padding: 10px;
    display: block;
}
#Hotel .Entry .Arrenge h3{
    font-size: 16px;
    position: relative;
    background-color: inherit;
    text-align: center;
    top: auto;
    left: auto;
    width: 100%;
    display: block;
    padding: 0;
    margin-top: 0;
    font-weight: normal;
    border: none;
    margin-bottom: 0;
}
#Hotel .Entry .Arrenge h3:after{  content:"OPEN";display: inline-block;margin-left: 5px;font-size: 12px;background-color: #deb2d7;color: #ffffff;line-height: 1;padding: 3px 9px;border-radius: 100px;height: auto;width: auto;}
#Hotel .Entry .Arrenge h3.active:after{content:"CLOSE"; }

#Hotel .Entry .Arrenge .SMPAccIn{
    padding: 5px;
}
#Hotel .Entry .Arrenge .main{
    width: 100%;
}
#Hotel .Entry .Arrenge .main h4{
    font-size: 15px;
    padding-bottom: 3px;
}
#Hotel .Entry .Arrenge .main .info{}
#Hotel .Entry .Arrenge .main .info li{}
#Hotel .Entry .Arrenge .main .txt{
    font-size: 13px;
}
#Hotel .Entry .Arrenge .main .price{
    display: block;
}
#Hotel .Entry .Arrenge .main .price dt{
    text-align: center;
    display: block;
}
#Hotel .Entry .Arrenge .main .price dd{
    padding: 5px 10px;
}
#Hotel .Entry .Arrenge .main .price dd strong{}
#Hotel .Entry .Arrenge .main .price dd span{
    font-size: 12px;
}
#Hotel .Entry .Arrenge .amenity{}
#Hotel .Entry .Arrenge .photo{
    width: 100%;
    padding-left: 0;
    margin-top: 15px;
}

/*-------------------------------------------------------Sche*/
#Sche{
    padding-bottom: 40px;
}
#Sche .inner{
    width: 90%;
}
#Sche .inner h3{}
#Sche .inner .title{}
#Sche .inner .title h3{}
#Sche .inner .title h3 .ttl{}
#Sche .inner .title h3 .subttl{}
#Sche .inner .title .info{}
#Sche .inner .info{
    text-align: left;
    display: block;
    margin-bottom: 10px;
}
#Sche .inner .Iconlist{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}
#Sche .inner .Iconlist span{
    margin-left: 0;
    font-size: 12px;
    margin-right: 20px;
}
#Sche .inner .info .special{
    margin: 0;
    margin-bottom: 5px;
}
#Sche .inner .info .special dd{}
#Sche .inner .info .special dt{}
#Sche .inner .icon:after{}
#Sche .inner .nyuzyo:after{}
#Sche .inner .gesya:after{}
#Sche .inner .shinkansen:after{}
#Sche .inner .train:after{}
#Sche .inner .bus:after{}
#Sche .inner .walk:after{}
#Sche .inner .plane:after{}
#Sche .inner .car:after{}
#Sche .inner .special dl{
    font-size: 12px;
    align-items: baseline;
}
#Sche .inner .special dt{}
#Sche .inner .special dd{}
#Sche .inner .Entry{
    display: block;
}
#Sche.contents:nth-of-type(odd) .Entry{}
#Sche .inner .Entry + .Entry{}
#Sche .inner .Entry + .Entry:before{}
#Sche .inner .StayPlan{}
#Sche .inner .day{
}
#Sche .inner .day strong{
    font-size: 15px;
}
#Sche .inner .day em{}
#Sche .inner .day em + strong{
    font-size: 15px;
}
#Sche .inner .plan{
    display: block;
}
#Sche .inner .plan + .plan{}
#Sche .inner .plan p{}
#Sche .inner .plan p + p{}
#Sche .inner .plan h3{}
#Sche .inner .plan .time{
    width: 100%;
}
#Sche .inner .plan .time dl{}
#Sche .inner .plan .time .multi + dl{}
#Sche .inner .plan .time dl + dl{}
#Sche .inner .plan .time dl.special + dl.special{}
#Sche .inner .plan .time dt{
    width: 5.5em;
    font-size: 12px;
}
#Sche .inner .plan .time dd{
    font-size: 13px;
    padding: 5px;
}
#Sche .inner .plan .time dd .dept{}
#Sche .inner .plan .time dd .dept + .dept{}
#Sche .inner .plan .time dd .dept dt{}
#Sche .inner .plan .time dd .dept dd{}
#Sche .inner .plan .time .multi{
    display: block;
}
#Sche .inner .plan .time .multi .multiTtl{box-sizing: border-box;}
#Sche .inner .plan .time .multi .multiTtl strong{}
#Sche .inner .plan .time .multi .box{}
#Sche .inner .plan .time .multi .box + .box{
    border-left: none;
    margin-top: 10px;
}
#Sche .inner .plan .time .multi .box dt{}
#Sche .inner .plan .time .multi .box dd{
    padding: 0;
}
#Sche .inner .SP{}
#Sche .inner .sightseeing,#Sche .inner .gourmet,#Sche .inner .highlight{}
#Sche .inner .sightseeing .ttl,#Sche .inner .gourmet .ttl,#Sche .inner .highlight .ttl{}
#Sche .inner .sightseeing .ttlnu,#Sche .inner .gourmet .ttlnu,#Sche .inner .highlight .ttlnu{}
#Sche .inner .sightseeing p,#Sche .inner .gourmet p{}
#Sche .inner .sightseeing p + p,#Sche .inner .gourmet p + p{}
#Sche .inner .sightseeing{}
#Sche .inner .gourmet{}
#Sche .inner .highlight{}
#Sche .inner .special .gourmet,#Sche .inner .special .sightseeing{}
#Sche .inner p strong{}
#Sche .inner em{}
#Sche .inner .gourmet strong{}
#Sche .inner .sightseeing strong{}
#Sche .inner .special p strong{}
#Sche .inner .meal{
    width: 100%;
    border-left: none;
    border-top: 1px solid #e9e9e9;
    justify-content: flex-end;
}
#Sche .inner .route .plan .meal{}
#Sche .inner .meal ul{
    display: flex;
    margin-right: 10px;
}
#Sche .inner .meal li{}
#Sche .inner .meal li + li{
    margin-top: 0;
    margin-left: 5px;
}
#Sche .inner .meal li.none{}
#Sche .inner .hotel{
    width: 100%;
    box-sizing: border-box;
    writing-mode: inherit;
    -ms-writing-mode: inherit;
    flex-direction: inherit;
    border-left: none;
    border-top: 1px solid #e9e9e9;
    padding: 5px 5px;
    justify-content: flex-end;
    padding-right: 10px;
    font-size: 12px;
    text-align: right;
}
#Sche .inner .hotel > *{
    max-width: inherit;
}
#Sche .atte{
    width: 90%;
}


/*----------------------------------Price*/
#Price{}


#Price .Condition{
    width: 90%;
}
#Price .Condition h2{
    font-size: 22px;
}
#Price .Condition .Inner{
    display: block;
}
#Price .Condition .Inner dl{
    width: 100%;
}
#Price .Condition .Inner dt{
    width: 8em;
    font-size: 12px;
    padding: 5px;
}
section.contents:nth-of-type(even)#Price .Condition .Inner dt{}
#Price .Condition .Inner dd{
    font-size: 13px;
}
#Price .Condition .Inner dd ul{}
#Price .Condition .Inner dd li{}
#Price .Condition .Inner dd li:before{}
#Price .Condition .notes{
    padding: 15px;
}
#Price .Condition .notes dl{}
#Price .Condition .notes dl + dl{}
#Price .Condition .notes dt{}
#Price .Condition .notes dd{}
#Price .Condition .notes dd{}
#Price .Condition .notes dd ul{}
#Price .Condition .notes dd li{
    font-size: 13px;
}
#Price .Condition .notes dd li:before{}
#Price .cancel{
    margin-top: 20px;
    display: block;
    border-bottom: 1px solid #ccc;
}
#Price .cancel h3{
    font-size: 16px;
}
#Price .cancel dl{
    width: 100% !important;
    box-sizing: border-box;
    border: none;
    font-size: 13px;
    padding: 6px;
    border-left: 1px solid #ccc !important;
    border-right: 1px solid #ccc;
    display: block;
}
#Price .cancel dl + dl{
    border-top: 1px solid #ccc;
}
#Price .cancel dl:nth-child(3n-1){
}
#Price .cancel dt{}
#Price .cancel dd{
    padding-left: 0;
}
#Price .cancel .ttl{}
#Price .cancel .ttl dt{}
#Price .cancel .ttl dd{}
#Price .OtherLinkBtn{
    width: 90%;
    padding: 18px;
    margin-bottom: 30px;
}
#Price .OtherLinkBtn .title{
    font-size: 14px;
    padding-bottom: 12px;
}
#Price .OtherLinkBtn a{
    padding: 6px;
    width: 100%;
    margin: 0;
    font-size: 14px;
    padding-right: 18px;
}
#Price .OtherLinkBtn a + a{
    margin-top: 10px;
}
#Price .OtherLinkBtn a:hover{}
#Price .OtherLinkBtn a:after{}

#Price .LinkBtn{
	width: 100%;
}
#Price .LinkBtn .title{
	font-size: 16px;
}
#Price .LinkBtn a{
	padding: 14px 20px;
	width: 100%;
	font-size: 15px;
}
#Price .LinkBtn a:hover{}
#Price .LinkBtn a:after{}

/*-------------------------------------------------------Reserve*/
#Reserve{
	padding-top: 10px;
}
#Reserve h2{}
#Reserve .Btn{
	width: 90%;
}
#Reserve .Btn ul{
	display: block;
	width: 100%;
}
#Reserve .Btn li{}
#Reserve .Btn.QuaformMulti{}
#Reserve .Btn.QuaformMulti li{}
#Reserve .Btn li + li{
	margin-top: 10px;
}
#Reserve .Btn.QuaformMulti li + li{}
#Reserve .Btn li a{
	font-size: 15px;
	padding: 13px;
}
#Reserve .Btn li a:before{}
#Reserve .Btn li a:hover{}
#Reserve .Btn li a:after{}


/*-----------------tab*/
#Price .TabWrapPrice{width: 90%;margin: 0 auto;margin-bottom: 20px;}
#Price .TabWrapPrice + .TabWrapPrice{
    margin-top: 30px;
}
#Price .Head{
    width: 100%;
    flex-wrap: wrap;
}
#Price .Head .MainSC{
    order: 2;
    margin-left: 0;
    width: 100%;
}
#Price .Head .MainSC ul{
    background-color: #d3d3d3;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 6px;
}
#Price .Head .MainSC ul:after{content:"";width: 31%;display:block;margin: 3px 2px;}
#Price .Head .MainSC li{
    padding: 10px;
    width: 31%;
    font-size: 13px;
    text-align: center;
    margin: 3px 2px;
    border-radius: 3px;
    box-sizing: border-box;
}
section.contents:nth-of-type(even)#Price .Head .MainSC li{}
#Price .Head .MainSC li.select{padding: 10px;}
#Price .Head .MainSC li:hover{}
#Price .Head .MainSC li:after{
    content: none;
}
#Price .Head .MainSC li.select:after{}
#Price .Head .MainSC li.select:hover{}
#Price .Head .data{
    order: 1;
    margin-bottom: 5px;
    font-size: 13px;
}
#Price .Entry{
    width: 100%;
    padding: 18px;
}
section.contents#Price .Entry.Model{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 20px;
}
section.contents:nth-of-type(even)#Price .Entry{}
#Price .Entry h2{font-size: 14px;font-weight: bold;line-height: 1.5;}
#Price .Entry h2:after{}
#Price .Entry h2:before{}
#Price .Entry .Inner{display: block;}
#Price .Entry .Basic{}

#Price .Entry dl{display: block;line-height: 1.4;margin-bottom: 10px;}
#Price .Entry dt{padding-right: 0;padding-bottom: 3px;font-size: 16px;}
#Price .Entry dd{font-size: 16px;}
#Price .Entry dd strong{
}
#Price .Entry .atte{}