@charset "utf-8";

body{min-width:1060px;}
article{font-feature-settings: "palt";letter-spacing: 1px;}
article img{max-width:100%;height:auto;backface-visibility: hidden;}
article .caption{font-size: 12px;padding-top: 0px;}

/*----------------------------------------------------Title*/
#Title{width:90%;margin:0 auto;display:flex;justify-content:space-between;margin-bottom:30px;flex-wrap:wrap;align-items:center}
#Title #breadcrumb{width:100%}
#Title .box{position:relative;max-width: 560px;width: 1%; flex-grow: 1;}
#Title .box + .box{flex:1;padding-left:65px;margin-top:50px;}
#Title .icon{background-color:#9F1F19;color:#fff;width:150px;height:150px;border-radius:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:20px;position:absolute;top:10px;right:-180px;z-index:1}
#Title .icon p{}
#Title .date{padding-top: 30px;font-size: 18px;}
#Title .date strong{font-size: 28px;}

#Title dl{margin-top: 12px;}
#Title dl:before{width:60px;height:3px;border-bottom:3px solid #000;display:block;margin-bottom:30px}
#Title dt{font-size: 18px;font-weight:700;padding-bottom: 10px;}
#Title dt p{}
#Title dd{
    font-size: 28px;
}
#Title dd h1{
    font-size: 100%;
}
#Title dd p{}
#Title .op{display:inline-block;position:relative;height:44px;line-height:45px;text-align:center;padding:0 20px;font-weight:700;margin-top: 5px;margin-bottom: 5px;font-size: 15px;background:#f57a78;color:#FFF;box-sizing:border-box;width: 100%;max-width: 630px;}
#Title .op{background: rgb(135,109,27);
background: -moz-linear-gradient(left, rgba(135,109,27,1) 0%, rgba(178,151,62,1) 50%, rgba(135,109,27,1) 100%);
background: -webkit-linear-gradient(left, rgba(135,109,27,1) 0%,rgba(178,151,62,1) 50%,rgba(135,109,27,1) 100%);
background: linear-gradient(to right, rgba(135,109,27,1) 0%,rgba(178,151,62,1) 50%,rgba(135,109,27,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#876d1b', endColorstr='#876d1b',GradientType=1 );}
#Title .op:before,#Title .op:after{position:absolute;content:'';width:0;height:0;z-index:1}
#Title .op:before{top:0;left:0;border-width:23px 0 23px 15px;border-color:transparent transparent transparent #fff;border-style:solid}
#Title .op:after{top:0;right:0;border-width:23px 15px 23px 0;border-color:transparent #fff transparent transparent;border-style:solid}
#Title .box + .box .img{}
#Title .box + .box .img img{}
#Title .box + .box .caption{font-size:10px;text-align:right}
#Title .btn{margin-top:15px;margin-bottom:20px}
#Title .btn a{position:relative;display:block;text-decoration:none;text-align:center;border:3px solid;border-radius:3px;padding:10px;font-size:16px;font-weight:700}
#Title .btn a:after{position:absolute;right:8px;top:50%;margin-top:-.5em;content:"\f105";font-family:FontAwesome;line-height:1}
#Title .btn a:hover{color:#fff}

@media screen and (max-width:1375px){
#Title .icon{width:150px;height:150px;font-size:20px}
}

@media screen and (max-width:1200px){
#Title{width:1000px}
#Title .box{max-width: 500px;}
#Title .box + .box{padding-left: 40px;}
#Title .icon{width:120px;height:120px;font-size:17px}
#Title .date{font-size:18px;padding-top:35px}
#Title .date strong{font-size: 25px;}
#Title .op{font-size: 14px;}
#Title dl{}
#Title dl:before{margin-bottom:25px}
#Title dt{}
#Title dd{font-size: 25px;letter-spacing: 0;}
}


@media screen and (min-width:1290px){
#Title{width: 1100px;}
#Title .box{max-width: 560px;}
#Title .box + .box{padding-left:60px}
#Title dd{font-size: 28px;}
}

@media screen and (min-width:1475px){
#Title{width: 1240px;}
#Title .box{max-width: 610px;}
#Title .box + .box{padding-left:60px}
#Title dt{
    font-size: 20px;
}
#Title dd{font-size: 30px;}
}

/*----------------------------------------------#Title .Price*/
#Title .Price{
    color: #df0000;
    display: flex;
    /* justify-content: end; */
    margin-bottom: 20px;
    align-items: center;
    margin-top: 10px;
}
#Title .Price .goto{
    margin-right: 18px;
    text-align: center;
    /* display: none; */
}
#Title .Price .goto li{
    font-size: 13px;
    position: relative;

    text-align: center;
    display: inline;
    white-space: nowrap;
}
#Title .Price .goto li:after{content:"";height: 1px;background-color: #df0000;width: 100%;display: block;position: absolute;top: 34%;left: 0;}
#Title .Price .goto li strong{
    font-size: 21px;
}
#Title .Price .goto li.icon{
    background-color: #df0000;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    white-space: nowrap;
    height: 20px;
    display: flex;
    width: auto;
    padding-right: 3px;
    top: auto;
    align-items: center;
    border-radius: 0;
    right: auto;
}
#Title .Price .goto li.icon:after{width: 0;top: 0;left: auto;right: -9px;height: 0;border-style: solid;border-width: 10px 0 10px 9px;border-color: transparent transparent transparent #df0000;background-color: initial;}
#Title .Price .goto li.icon_dt{
    background-color: #df0000;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding-left: 10px;
    white-space: nowrap;
    height: 40px;
    display: flex;
    width: auto;
    padding-right: 3px;
    top: auto;
    align-items: center;
    border-radius: 0;
    right: auto;
}
#Title .Price .goto li.icon_dt:after{width: 0;top: 10px;left: auto;right: -9px;height: 0;border-style: solid;border-width: 10px 0 10px 9px;border-color: transparent transparent transparent #df0000;background-color: initial;}
#Title .Price dl{
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
#Title .Price dt{
    font-size: 16px;
    padding-bottom: 0;
    padding-right: 10px;
}
#Title .Price dt strong{
    font-size: 33px;
    line-height: 1;
}
#Title .Price dd{
    font-size: 12px;
}

@media screen and (max-width:1200px){
    #Title .Price dt strong{
    font-size: 26px;
}
}



/*-------------------------------------------------header_change*/
.header_change{position: fixed !important;transition: .5s;width: 100%;z-index: 1000;background-color: #fff;}
.header_change.show{ top: 0;}

/*-------------------------------------------------------Menu*/
#Menu{margin-bottom:50px}
#Menu .icon{display:none}
#Menu .inner{width:90%;margin:0 auto;display:flex;align-items: center;justify-content:space-between;padding: 12px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
#Menu .inner li{}
#Menu .inner li:last-of-type{}
#Menu .inner li:last-of-type a{background:#e7e0b5;background:-moz-linear-gradient(top,rgba(231,224,181,1) 0%,rgba(202,187,137,1) 100%);background:-webkit-linear-gradient(top,rgba(231,224,181,1) 0%,rgba(202,187,137,1) 100%);background:linear-gradient(to bottom,rgba(231,224,181,1) 0%,rgba(202,187,137,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e0b5',endColorstr='#cabb89',GradientType=0);display: block;padding: 6px 25px;border-radius: 3px;font-weight: bold;border-bottom: 2px solid #887c4b !important;color: #000 !important;}
#Menu .inner li:last-of-type a:hover{
    opacity: 0.7;
}
#Menu.header_fixed .inner li:last-of-type a{padding-top: 10px;padding-bottom: 10px;}
#Menu .inner li a{color:#164C33;text-decoration:none;font-size:15px;display: block;}
#Menu .inner li a:after{content:"\f107";font-family:FontAwesome;display:block;text-align:center;line-height:1;margin-top:-1.5px}
#Menu .inner li a:hover,#Menu .inner li.current a{color:#897400;border-bottom:1px solid #c7c090}
#Menu.header_change.show{background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,0.4);margin-bottom:0}
#Menu.header_change .inner{border-top:none;border-bottom:none;padding:9px 0}
#Menu.header_change.show a{font-size:14px}

@media screen and (max-width:1200px){
    #Menu .inner{width:1000px}
}

@media screen and (min-width:1485px){
    #Menu .inner{width:1330px}
}

/*-------------------------------------------------------Intro*/
#Intro{width:890px;margin:0 auto;margin-bottom:60px;display:flex;justify-content:space-between;flex-wrap:wrap}
#Intro dl{width:260px;height:260px;background-color:#859267;padding:32px;box-sizing:border-box;color:#fff;border-radius:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}
#Intro dl:nth-child(even){background-color:#68754b}
#Intro dt{font-size:28px;text-align:center;line-height:1.2;padding-bottom:15px}
#Intro dl.fontSizeDwn dt{
    font-size: 23px;
    line-height: 1.4;
}
#Intro dl.fontSizeDwn dt em{
    font-size: 14px;
}
#Intro dt span{
    display: block;
}
#Intro dd{font-size: 14px;text-align:center;}
#Intro dd span{font-size:12px}
#Intro p{width:100%;font-size:12px;text-align:right;padding-top:15px}
#Intro dt,
#Intro dd{ max-width: 100%;}

/*-------------------------------------------------------sec*/
section.sec{}
section.sec:nth-of-type(even){padding-top:20px;background-color:#f1efe7;padding-bottom:80px}
section.sec h2{text-align:center;color:#164C33;padding-top:65px;padding-bottom:50px}
section.sec h2 .main{font-size:44px;line-height:1.2;padding-bottom:10px;position:relative}
section.sec h2 .mainsub{font-size:20px}
section.sec h2 .sub{font-size:16px}
section.sec h2 .logo{margin-bottom:30px}
section.sec h2 .logo img{zoom:.5;width:auto}
section.sec h2 .desc{font-size:30px;padding-bottom:15px}

/*-------------------------------------------------------Tourpoint*/
#Tourpoint{margin:0 auto;position:relative}
#Tourpoint h2{position:relative;width:1000px;margin:0 auto}
#Tourpoint h2 .desc{padding-top:15px;padding-bottom:0}
#Tourpoint h2 .deco{color:#fff;font-size:80px;position:absolute;top:0;z-index:0;left:20px;letter-spacing:-2px;font-weight:400!important}
#Tourpoint .box .icon{margin:auto;width:80px;height:75px;transform:rotate(35deg);position:absolute;left:-60px;top:-50px}
#Tourpoint .box .icon::after{content:"";top:0;left:0;position:absolute;width:80px;height:75px;background-color:#d8c365;transform:skewX(-20deg)}
#Tourpoint .box .icon span{transform:rotate(-35deg);z-index:1;position:relative;display:flex;justify-content:center;align-items:center;width:80px;height:75px;font-weight:700;color:#fff;font-size:16px}
#Tourpoint .box .subicon{position: absolute;
    padding: 2px 10px;
    font-size: 15px;
    color: #fff;
    top: 0px;
    left: 0px;
    background-color: #ad9a47;}
#Tourpoint .MainBox{width:1000px;margin:0 auto;display:flex;margin-bottom:50px}
#Tourpoint .SubphotoBox + .MainBox{margin-top: 80px;}
#Tourpoint .MainBox .box{padding-bottom:1em;position:relative;flex: 1;}
#Tourpoint .MainBox .box + .box{margin-left:50px;padding-bottom:0;flex: inherit;width: 480px;}
#Tourpoint .MainBox .box h3{color:#164C33;font-size:30px;padding-bottom:15px;position:relative;z-index:2;line-height:1.4}
#Tourpoint .MainBox .box h4{color:#164C33;font-size:22px;padding-bottom:15px}
#Tourpoint .MainBox .box .txt{line-height:2;font-size:15px}
#Tourpoint .SubBox{width:1000px;margin:0 auto}
#Tourpoint .SubphotoBox + .SubBox{margin-top: 50px;}
#Tourpoint .SubBox .Entry{display:flex}
#Tourpoint .SubBox .Entry + .Entry{margin-top:55px}
#Tourpoint .SubBox .Entry .box{position:relative;flex: 1;}
#Tourpoint .SubBox .Entry .box + .box{margin-left:50px;padding-bottom:1em;width: 600px;flex: inherit;}
#Tourpoint .SubBox .box .icon{display:flex;align-items:center;width:60px;height:55px;left:-70px;top:-35px}
#Tourpoint .SubBox .box .icon::after{width:60px;height:55px}
#Tourpoint .SubBox .box .icon span{font-size:14px;width:60px;height:55px}
#Tourpoint .SubBox .Entry .box h3{color:#164C33;font-size:26px;padding-bottom:6px;position:relative;z-index:1}
#Tourpoint .SubBox .Entry .box .txt + h3 {margin-top: 15px;}
#Tourpoint .SubBox .Entry .box h3 span{font-size:20px}
#Tourpoint .SubBox .Entry .box h3 p{}
#Tourpoint .SubBox .Entry .box h3 p + p{}
#Tourpoint .SubBox .Entry .box .txt{line-height:2;font-size:15px}
#Tourpoint .SubBox .Entry .box .op{
    border: 2px solid #b5c6be;
    padding: 8px;
    margin-top: 10px;
}
#Tourpoint .SubBox .Entry .box .op dt{
    background-color: #d9e2de;
    padding: 2px 10px;
    margin-bottom: 2px;
}
#Tourpoint .SubBox .Entry .box .op dd{}
#Tourpoint .SubBox .Entry .box .op dd + dt{
    margin-top: 10px;
}
#Tourpoint .SubBox .Entry .box .photo{}
#Tourpoint .SubBox .Entry .box .photo + .photo{margin-top:12px}
#Tourpoint .SubBox .Entry .box .photo .img{
    position: relative;
}
#Tourpoint .SubBox .Entry .box .photo .img .tag{
    position: absolute;
    background-color: #d95a5a;
    color: #fff;
    padding: 1px 5px;
    top: 0;
    left: 0;
}
#Tourpoint .SubBox .Entry .info{background-color:rgba(0,0,0,0.1);padding:10px;margin-top:10px}
#Tourpoint .SubBox .Entry .info dl{display:flex}
#Tourpoint .SubBox .Entry .info dt{width:90px}
#Tourpoint .SubBox .Entry .info dd{padding-left:20px;flex:1}
#Tourpoint .SubBox .Entry .info dd p{}
#Tourpoint .SubBox .Entry .info dd p + p{padding-top:10px}
#Tourpoint .SubBox .Entry.other{flex-direction:row-reverse}
#Tourpoint .SubBox .Entry.other .box + .box{margin-left:0}
#Tourpoint .SubBox + .SubphotoBox {margin-top: -35px}
#Tourpoint .SubphotoBox{display:flex;flex-wrap:wrap;justify-content:space-between;width:1000px;margin:0 auto;}
#Tourpoint .SubphotoBox:after{content:"";width: 30%;}
#Tourpoint .SubphotoBox .Entry{width:30%;margin-top:40px;position: relative;}
#Tourpoint .SubphotoBox .Entry .img{}
#Tourpoint .SubphotoBox .Entry .icon{
    position: absolute;
    padding: 2px 10px;
    font-size: 13px;
    color: #fff;
    top: 0px;
    left: 0px;
    background-color: #ad9a47;
}
#Tourpoint .SubphotoBox .Entry .caption{text-align:right;font-size:11px}
#Tourpoint .SubphotoBox .Entry h3{font-weight:400;font-size: 20px;padding-top: 5px;}
#Tourpoint .SubphotoBox .Entry .txt{padding-top:5px;line-height: 1.6;}
#Tourpoint .MainBox + .SubphotoBox .Entry{margin-top: 0;}

/*-------------------------------------------------------SchePoint*/
#SchePoint{margin:0 auto;position:relative}
#SchePoint h2{position:relative;width:1000px;margin:0 auto}
#SchePoint h2 .main{font-size: 38px;}
#SchePoint h2 .desc{padding-top:15px;padding-bottom:0}
#SchePoint h2 .deco{color:#fff;font-size:80px;position:absolute;top:0;z-index:0;left:20px;letter-spacing:-2px;font-weight:400!important}
#SchePoint .box .icon{margin:auto;width:80px;height:75px;transform:rotate(35deg);position:absolute;left:-60px;top:-50px}
#SchePoint .box .icon::after{content:"";top:0;left:0;position:absolute;width:80px;height:75px;background-color:#d8c365;transform:skewX(-20deg)}
#SchePoint .box .icon span{transform:rotate(-35deg);z-index:1;position:relative;display:flex;justify-content:center;align-items:center;width:80px;height:75px;font-weight:700;color:#fff;font-size:16px}
#SchePoint .MainBox{width:1000px;margin:0 auto;display:flex;margin-bottom:50px}
#SchePoint .SubphotoBox + .MainBox{margin-top: 80px;}
#SchePoint .MainBox .box{padding-bottom:1em;position:relative;flex: 1;}
#SchePoint .MainBox .box + .box{margin-left:50px;padding-bottom:0;flex: inherit;width: 480px;}
#SchePoint .MainBox .box h3{color:#164C33;font-size:30px;padding-bottom:15px;position:relative;z-index:2;line-height:1.4}
#SchePoint .MainBox .box h4{color:#164C33;font-size:22px;padding-bottom:15px}
#SchePoint .MainBox .box .txt{line-height:2;font-size:15px}
#SchePoint .SubBox{width:1000px;margin:0 auto}
#SchePoint .SubphotoBox + .SubBox{margin-top: 50px;}
#SchePoint .SubBox .Entry{display:flex}
#SchePoint .SubBox .Entry + .Entry{margin-top:55px}
#SchePoint .SubBox .Entry .box{position:relative;flex: 1;}
#SchePoint .SubBox .Entry .box + .box{margin-left:50px;padding-bottom:1em;width: 600px;flex: inherit;}
#SchePoint .SubBox .box .icon{display:flex;align-items:center;width:60px;height:55px;left:-70px;top:-35px}
#SchePoint .SubBox .box .icon::after{width:60px;height:55px}
#SchePoint .SubBox .box .icon span{font-size:14px;width:60px;height:55px}
#SchePoint .SubBox .Entry .box h3{color:#164C33;font-size:26px;padding-bottom:6px;position:relative;z-index:1}
#SchePoint .SubBox .Entry .box h3 span{font-size:20px}
#SchePoint .SubBox .Entry .box h3 p{}
#SchePoint .SubBox .Entry .box h3 p + p{}
#SchePoint .SubBox .Entry .box .txt{line-height:2;font-size:15px}
#SchePoint .SubBox .Entry .box .photo{}
#SchePoint .SubBox .Entry .box .photo + .photo{margin-top:12px}
#SchePoint .SubBox .Entry .box .photo .img{
    position: relative;
}
#SchePoint .SubBox .Entry .box .photo .img .tag{
    position: absolute;
    background-color: #d95a5a;
    color: #fff;
    padding: 1px 5px;
    top: 0;
    left: 0;
}
#SchePoint .SubBox .Entry .info{background-color:rgba(0,0,0,0.1);padding:10px;margin-top:10px}
#SchePoint .SubBox .Entry .info dl{display:flex}
#SchePoint .SubBox .Entry .info dt{width:90px}
#SchePoint .SubBox .Entry .info dd{padding-left:20px;flex:1}
#SchePoint .SubBox .Entry .info dd p{}
#SchePoint .SubBox .Entry .info dd p + p{padding-top:10px}
#SchePoint .SubBox .Entry.other{flex-direction:row-reverse}
#SchePoint .SubBox .Entry.other .box + .box{margin-left:0}
#SchePoint .SubphotoBox{display:flex;flex-wrap:wrap;justify-content:space-between;width:1000px;margin:0 auto;}
#SchePoint .SubphotoBox:after{content:"";width: 30%;}
#SchePoint .SubphotoBox .Entry{width:30%;margin-top:40px}
#SchePoint .SubphotoBox .Entry .img{}
#SchePoint .SubphotoBox .Entry .caption{text-align:right;font-size:11px}
#SchePoint .SubphotoBox .Entry h3{font-weight:400;font-size: 20px;padding-top: 5px;}
#SchePoint .SubphotoBox .Entry .txt{padding-top:5px;line-height: 1.6;}
#SchePoint .MainBox + .SubphotoBox .Entry{margin-top: 0;}


/*-------------------------------------------------------追加OPWrap*/
#OPWrap{
    padding-bottom: 80px;
}
#OPWrap h2{color: #9354c3;}
#OPWrap h2 .main{
    font-size: 40px;
}
#OPWrap h2 .main span{
    font-size: 60%;
}

#OPWrap .OP{
    width: 1000px;
    margin: 0 auto;
    box-sizing: border-box;
}
#OPWrap .OP + .OP{
    margin-top: 40px;
    padding-top: 50px;
    border-top: 3px solid #dfcdec;
}
#OPWrap .OPinfo{
    display: flex;
    margin-bottom: 25px;
}
#OPWrap .OPinfo .box{
    width: 340px;
}
#OPWrap .OPinfo .box + .box{
    flex-grow: 1;
    box-sizing: border-box;
    padding-left: 30px;
}
#OPWrap .OPinfo .box .photo{
    position: relative;
    line-height: 0;
}
#OPWrap .OPinfo .photo .img{}
#OPWrap .OPinfo .photo .caption{
    position: absolute;
    color: #fff;
    font-size: 11px;
    padding: 3px 5px;
    bottom: 5px;
    right: 5px;
    background-color: rgba(0,0,0,70%);
    line-height: 1;
}
#OPWrap .OPinfo .box h3{color: #9354c3;font-size: 26px;margin-bottom: 5px;}
#OPWrap .OPinfo .box h3 span{
    font-size: 20px;
}
#OPWrap .OPinfo .box .text{
    font-size: 16px;
    line-height: 1.8;
}
#OPWrap .OP .Entry{
    border: 2px solid #b2adbb;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 20px;
    align-items: flex-start;
}
#OPWrap .OP .Entry + .Entry{}
#OPWrap .OP .Entry h3{
    font-size: 20px;
    width: 100%;
    margin-bottom: 10px;
}
#OPWrap .OP .Entry h3 span{
    background: linear-gradient(transparent 80%, #f5e6f9 70%);
    margin-right: 10px;
    color: #9654c3;
    font-size: 18px;
}
#OPWrap .OP .Entry .text{
    width: 30%;
}
#OPWrap .OP .Entry .text p{}
#OPWrap .OP .Entry .text .atte{
    font-size: 12px;
    margin-top: 8px;
}
#OPWrap .OP .Entry .info{
    width: 68.5%;
    display: flex;
    justify-content: space-between;
    background-color: #f9f8f8;
    padding: 10px;
    box-sizing: border-box;
    flex-wrap: wrap;
    padding-bottom: 0;
}
#OPWrap .OP .Entry .info .box{width: 48%;}
#OPWrap .OP .Entry .info .box + .box{}
#OPWrap .OP .Entry .info dl{
    display: flex;
    margin-bottom: 10px;
    font-size: 12px;
}
#OPWrap .OP .Entry .info dl dt{
    background-color: #eae0f3;
    font-weight: 700;
    width: 11em;
    display: flex;
    justify-content: center;
    align-items: center;
}
#OPWrap .OP .Entry .info dl dd{flex-grow: 1;margin-left: 6px;align-self: center;width: 1%;padding-right: 10px;}
#OPWrap .OP .Entry .info dl.price{
}
#OPWrap .OP .Entry .info dl.long{width: 100%;}
#OPWrap .OP .Entry .info dl.price dt{}
#OPWrap .OP .Entry .info dl.price dd{
    align-self: center;
}
#OPWrap .OP .Entry .info dl.price dd ul{
    display: flex;
    flex-wrap: wrap;
}
#OPWrap .OP .Entry .info dl.price dd li{
    color: #ea0606;
    margin-right: 30px;
}
#OPWrap .OP .Entry .info dl.price dd span{
    color: #ff0000;
    font-weight: 700;
}
#OPWrap .OP .Entry .info dl + dl{width: 50%;}

#OPWrap .OP .Entry .note{}
#OPWrap .OP .Entry .note p{}

#OPWrap .OP + .atte{width: 1000px;margin: 0 auto;}
/*-------------------------------------------------------Train*/
#Train{padding-top: 80px;}
#Train .MV{width:90%;margin:0 auto;margin-bottom:50px}
#Train .MV ul{display:flex}
#Train .MV ul + ul{
    margin-top: 25px;
}
#Train .MV li{flex:1}
#Train .MV li + li{}
#Train .MV li .caption{padding-right:20px}
#Train .subMV{width: 1000px;margin:0 auto;margin-bottom:50px;}
#Train .subMV ul{display:flex;flex-wrap: wrap;}
#Train .subMV ul + ul{
    margin-top: 25px;
}

#Train .subMV li{
    width: 33%;
    margin-bottom: 15px;
}
#Train .subMV li + li{}
#Train .subMV li .caption{padding-right:20px}

#Train .MainTxt{text-align:center;display:flex;flex-direction:column;line-height:2.3;font-size: 17px;margin-bottom:60px;}
#Train .MainTxt span{}
#Train .Facility{width:900px;margin:0 auto;margin-bottom:60px}
#Train .Facility .Entry{display:flex;align-items:center}
#Train .Facility h3{color: #820919;font-size:28px;margin:10px 0;}
#Train .Facility .Entry.textonly{align-items:baseline}
#Train .Facility .Entry + .Entry{margin-top:35px}
#Train .Facility .Entry .box{width:400px}
#Train .Facility .Entry .box + .box{margin-left:60px;flex:1;padding-bottom:1em}
#Train .Facility .Entry .box + .box_img{margin-left:60px;flex:none;padding-bottom:0}
#Train .Facility .Entry .box h3{color:#164C33;font-size:28px;padding-bottom:10px}
#Train .Facility .Entry .box h3 span{font-size:20px}
#Train .Facility .Entry .box h3 p{}
#Train .Facility .Entry .box h3 p + p{}
#Train .Facility .Entry .box .txt{line-height:2;font-size: 15px;}
#Train .Room{width:1000px;margin:0 auto;margin-bottom:80px}
#Train .Room .MV{
    width: 100%;
    margin-top: 20px;
}
#Train .Room .Entry{display:flex;align-items:center;justify-content:space-between}
#Train .Room .Entry + .Entry{margin-top:65px}
#Train .Room .Entry:nth-child(odd){flex-direction:row-reverse}
#Train .Room .Entry .box{}
#Train .Room .Entry .box + .box{padding-bottom:1em;padding-left:40px;width: 330px;}
#Train .Room .Entry:nth-child(odd) .box + .box{padding-right:40px;padding-left:0}
#Train .Room .Entry .box h3{color:#164C33;font-size:28px;display:flex;align-items:center;flex-wrap:wrap;margin-bottom:40px;margin-left:-5px}
#Train .Room .Entry .box h3:after{content:"";height:3px;border-bottom:3px solid #164C33;display:block;width:100%;margin-right:260px;margin-top:25px;margin-left:5px}
#Train .Room .Entry .box h3 p{font-size:50px}
#Train .Room .Entry .box h3 p + p{font-size:20px;padding-left:10px}
#Train .Room .Entry .box .photo{display:flex;width:628px}
#Train .Room .Entry .box .photo + ul{margin-top:20px;width:500px}
#Train .Room .Entry:nth-child(odd) .box .photo + ul{margin-left:auto}
#Train .Room .Entry .box .photo li{flex:1}
#Train .Room .Entry .box .photo li + li{margin-left:10px}

#Train .Room .Entry .box dl{color:#164C33;margin-bottom:17px}
#Train .Room .Entry .box dt{font-size:30px;padding-bottom:5px;line-height:1}
#Train .Room .Entry .box dt span{font-size:22px}
#Train .Room .Entry .box dd{}
#Train .Room .Entry .box dd.type{font-size:24px;display:flex;padding-bottom:10px;align-items:center}
#Train .Room .Entry .box dd.type p{}
#Train .Room .Entry .box dd.type p + p{font-size:14px;padding-left:10px}
#Train .Room .Entry .box dd.info{font-weight:700}
#Train .Room .Entry .box .txt{line-height:2;font-size: 15px;}
#Train .Meal{width:900px;margin:0 auto;margin-bottom:60px}
#Train .Meal .MainTxt{margin-bottom:50px}
#Train .Meal h3{text-align:center;color:#164C33;font-size:36px}
#Train .Meal h3:after{content:"";border-bottom:3px solid #164C33;display:block;width:70px;margin:0 auto;margin-top: 30px;margin-bottom: 30px;}
#Train .Meal h4{text-align:center;color:#000;font-size:22px;margin-bottom: 14px;}
#Train .MealExp h3{text-align:center;color:#164C33;font-size:36px}
#Train .MealExp h3 span.submin{font-size:20px}
#Train .MealExp h3:after{content:"";border-bottom:3px solid #164C33;display:block;width:70px;margin:0 auto;margin-top: 30px;margin-bottom: 30px;}
#Train .Meal .Entry{display:flex;align-items:center}
#Train .Meal .Entry + .Entry{margin-top: 55px;}
#Train .Meal .Entry .box{width:400px}

#Train .Meal .Entry .box + .box{margin-left: 40px;flex:1;padding-bottom:1em;}
#Train .Meal .Entry .box .icon{background-color:#164C33;color:#fff;display:inline-block;padding:3px 10px;line-height:1;margin-bottom:10px}
#Train .Meal .Entry .box .icon.point{
    background-color: #b70f0f;
}
#Train .Meal .Entry .box h4{color:#164C33;font-size:28px;line-height: 1.4;}
#Train .Meal .Entry .box h4 span{font-size:20px;}
#Train .Meal .Entry .box h4 p{}
#Train .Meal .Entry .box h4 p + p{}
#Train .Meal .Entry .box .sub{
    font-size: 18px;
    padding-top: 3px;
}
#Train .Meal .Entry .box .txt{line-height:2;font-size: 15px;padding-top: 10px;}
#Train .Meal .Entry .box .op{
    border: solid 1px #b5b2a7;
    padding: 7px 10px;
    margin-top: 15px;
    display: flex;
    font-size: 13px;
    align-items: center;
}
#Train .Meal .Entry .box .op dt{
    background-color: #a9a48f;
    font-weight: bold;
    color: #fff;
    padding: 3px 7px;
    font-size: 12px;
    margin-right: 5px;
}
#Train .Meal .Entry .box .op dd{
}
#Train .Meal .Entry .box .op dd strong{
    font-size: 16px;
}
#Train .Meal .atte{font-size:12px;margin-top:20px}
#Train .Room .atte{font-size:12px;margin-top:20px}
#Train .Room .txt{font-size:15px;margin-top:20px}

/*-------------------------------------------------------Hotel*/
#Hotel{padding-bottom: 90px;}
#Hotel .Inner{width:1000px;margin:0 auto}
#Hotel .Inner .Tab{display:flex}
#Hotel .Inner .Tab li{-webkit-transition:all .3s ease-out;padding: 18px 22px;flex:1;display:flex;align-items:center;justify-content:center;line-height:1;position: relative;}
#Hotel .Inner .Tab li{background:#e7e0b5;background:-moz-linear-gradient(top,rgba(231,224,181,1) 0%,rgba(202,187,137,1) 100%);background:-webkit-linear-gradient(top,rgba(231,224,181,1) 0%,rgba(202,187,137,1) 100%);background:linear-gradient(to bottom,rgba(231,224,181,1) 0%,rgba(202,187,137,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e0b5',endColorstr='#cabb89',GradientType=0)}
#Hotel .Inner .Tab li + li{border-left:2px solid #f2eed5}
#Hotel .Inner .Tab li.select{background: #164c33;color: #ffffff;border-left:none;}
#Hotel .Inner .Tab li.select + li{border-left:none}
#Hotel .Inner .Tab li:after{position: absolute;right: 10px;top:50%;margin-top:-0.5em;content: "\f107";font-family:FontAwesome;line-height: 1;font-size: 22px;font-weight: normal;}
#Hotel .Inner .Tab li.select:after{ content: none;}
#Hotel .Inner .Tab li:hover{cursor:pointer;filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}
#Hotel .Inner .Tab li p{font-size:16px;padding-right:20px}
#Hotel .Inner .Tab li p strong{font-size:150%}
#Hotel .Inner .Tab li p + p{-webkit-transform:skewX(150deg);-moz-transform:skewX(150deg);transform:skewX(150deg);border-left:1px solid #000;font-size:150%;padding-left:10px;padding-right:0;}
#Hotel .Inner .Tab li.select p + p{border-left:1px solid #fff;}
#Hotel .Inner .Tab li p + p span{display:block;transform:skewX(-150deg);padding:0 10px}

#Hotel.shikishima .Inner .Tab{
    margin-bottom: 10px;
    flex-wrap: wrap;
}
#Hotel.shikishima .Inner .Tab li{
    flex: inherit;
    padding: 15px 12px;
    margin: 0 5px;
    border-radius: 2px;
    margin-bottom: 9px;
}
#Hotel.shikishima .Inner .Tab li + li{
    border-left: none;
}
#Hotel.shikishima .Inner .Tab li.select{}
#Hotel.shikishima .Inner .Tab li.select + li{}
#Hotel.shikishima .Inner .Tab li:after{
    position: relative;
    right: auto;
    top: auto;
    margin-top: auto;
    font-size: 18px;
}
#Hotel.shikishima .Inner .Tab li.select:after{}
#Hotel.shikishima .Inner .Tab li:hover{}
#Hotel.shikishima .Inner .Tab li p{
    font-size: 15px;
    padding-right: 9px;
}
#Hotel.shikishima .Inner .Tab li p strong{
    font-size: inherit;
}
#Hotel.shikishima .Inner .Tab li p + p{padding-left: 0;}
#Hotel.shikishima .Inner .Tab li.select p + p{}
#Hotel.shikishima .Inner .Tab li p + p span{}


#Hotel .Inner .TabEntry{padding: 50px 60px;background-color: #164c33;color: #fff;}

#Hotel .MainBox{margin:0 auto;display:flex;margin-bottom: 30px;flex-wrap: wrap;}
#Hotel .MiniBox{margin:0 auto;display:flex;margin-bottom: 30px;flex-wrap: wrap;border-top: 2px solid rgba(255,255,255,0.5);padding-top: 35px;}
#Hotel .Data + .MainBox{
    margin-top: 35px;
    border-top: 2px solid rgba(255,255,255,0.5);
    padding-top: 35px;
}
#Hotel .SubphotoBox + .MiniBox{
    margin-top: 30px;
}

#Hotel .SubphotoBox + .MainBox{
    margin-top: 35px;
    border-top: 2px solid rgba(255,255,255,0.5);
    padding-top: 35px;
}
#Hotel .MainBox .box{width: 330px;position:relative;}
#Hotel .MainBox .box + .box{margin-left:50px;flex:1;padding-bottom:0}
#Hotel .MainBox .box h3{font-size: 32px;padding-bottom:15px;position:relative;z-index:2;line-height:1.4;}
#Hotel .MainBox .box h3 span{
    font-size: 60%;
}
#Hotel .MainBox .box h4{font-size: 18px;padding-bottom:15px;font-weight: normal;}
#Hotel .MainBox .box .txt{line-height: 2;font-size: 14px;}
#Hotel .MiniBox .box{width: 580px;position:relative;}
#Hotel .MiniBox .box + .box{margin-left:50px;flex:1;padding-bottom:0}
#Hotel .MiniBox .box h3{font-size: 25px;padding-bottom:15px;position:relative;z-index:2;line-height:1.4;}
#Hotel .MiniBox .box h4{font-size: 18px;padding-bottom:15px;font-weight: normal;}
#Hotel .MiniBox .box .txt{line-height: 2;font-size: 14px;}
#Hotel .Data{padding:20px 0;border:1px solid rgba(255,255,255,0.4);display:flex;justify-content:space-between;margin-top:25px}
#Hotel .Data dl{flex:1;padding:0 25px}
#Hotel .Data dl + dl{border-left:1px dotted rgba(255,255,255,0.4);flex:2}
#Hotel .Data dt{font-size:18px;padding-bottom:5px}
#Hotel .Data dd{}
#Hotel .Data dd + dt{margin-top: 20px;}
#Hotel .Data dd ul{}
#Hotel .Data dd li{padding-left:16px}
#Hotel .Data dd li a{color:#fff;}
#Hotel .Data dd li + li{margin-top:7px}
#Hotel .Data dd li:before{content:"\f058";display:block;float:left;margin-left:-18px;width:1em;text-align:center;font-family:FontAwesome}
#Hotel .Data dd li .menu{margin-top:5px;padding:9px;font-size:13px;background-color:rgba(255,255,255,0.1)}
#Hotel .Data dd li .menu strong{display:block}
#Hotel .Data dd li .menu span{font-size:12px}
#Hotel .SubBox {margin-bottom:-20px;}
#Hotel .SubBox .box h3{font-size: 32px;position:relative;z-index:2;}
#Hotel .SubphotoBox{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto}
#Hotel .SubphotoBox:after{content:"";width:30%}
#Hotel .SubphotoBox .Entry{width:30%;margin-top:40px}
#Hotel .PhotoBox{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto}
#Hotel .PhotoBox:after{content:"";width:30%}
#Hotel .PhotoBox .Entry{width:48%;margin-top:40px}


#Hotel .SubphotoBox .Entry .img{}
#Hotel .SubphotoBox .Entry .caption{text-align:right;font-size:11px}
#Hotel .SubphotoBox .Entry h3{font-weight:400;font-size:18px;padding-top:5px}
#Hotel .SubphotoBox .Entry h4{margin-top:10px;}
#Hotel .SubphotoBox .Entry .txt{padding-top:5px}
#Hotel .SubphotoBox .Entry .txt span.PriceDot{padding:10px;margin:10px 0;border:2px dotted#d8c365;display:inline-block;width:90%;}
#Hotel .SubphotoBox .Entry .txt span.PriceSolid{padding:10px;margin:10px 0;border:2px solid #d8c365;display:inline-block;width:90%;}
#Hotel .PhotoBox .Entry .img{}
#Hotel .PhotoBox .Entry .caption{text-align:right;font-size:11px}
#Hotel .PhotoBox .Entry h3{font-weight:400;font-size:18px;padding-top:5px}
#Hotel .PhotoBox .Entry h4{margin-top:10px;}
#Hotel .PhotoBox .Entry .txt{padding-top:5px}
#Hotel .PhotoBox .Entry .txt span.PriceDot{padding:10px;margin:10px 0;border:2px dotted#d8c365;display:inline-block;width:90%;}
#Hotel .PhotoBox .Entry .txt span.PriceSolid{padding:10px;margin:10px 0;border:2px solid #d8c365;display:inline-block;width:90%;}
#Hotel .MiniBox .txt span.PriceSolid{padding:10px;margin:10px 0;border:2px solid #d8c365;display:inline-block;width:90%;}


/*-------------------------------------------------Bn*/
#Bn{padding:0 0 10px;text-align:center}
#Bn ul{width:1000px;margin:0 auto;display:flex;justify-content:center}
#Bn li{}
#Bn li + li{padding-left:16px}
#Bn a{}
#Bn a img{height:120px;width:auto}
#Bn a:hover{filter:alpha(opacity=70);-moz-opacity:.7;opacity:.7}
#Bn li.txtbn{width:520px}
#Bn li.txtbn a{text-decoration:none;font-size:14px;display:block;text-align:left;padding:10px 19px 10px 11px;color: #fff;border-radius:3px;position:relative;border: 3px solid #887c4b;background-color: #cbbd8b;}
#Bn li.txtbn a:hover{opacity:1;border-color:#caac3f;color:#caac3f;background-color:#fff;}
#Bn li.txtbn a:after{position:absolute;right:6px;font-size:26px;top:50%;margin-top:-1rem;line-height:1;content:"\f105";font-family:FontAwesome}
#Bn li.txtbn a .main{font-size:20px;line-height:1.4}
#Bn li.txtbn a .sub{}
#Bn li.txtbn a strong{display:block;font-size:15px}

/*-------------------------------------------------HIScontact*/
#HIScontact{padding:60px 0;margin-bottom:40px}
#HIScontact .btn{width:560px;margin:0 auto}
#HIScontact .btn a{position:relative;display:block;text-decoration:none;text-align:center;border:3px solid;border-radius:3px;padding:30px 10px;font-size:18px;font-weight:700;color:#fff}

#HIScontact .btn a:after{position:absolute;right:8px;top:50%;margin-top:-.5em;content:"\f105";font-family:FontAwesome;line-height:1}
#HIScontact .btn a:hover{background-color: #fff;}

#Reserve.hisTel .Tel{width:992px;margin:0 auto;border:1px solid #ccc;padding:30px;box-sizing:border-box}
#Reserve.hisTel .Tel h3{font-size:24px;padding-bottom:5px}
#Reserve.hisTel .Tel h4{font-size: 17px;margin-bottom:7px;padding:5px 10px;font-weight:400;background-color:#f1f1f1;}
#Reserve.hisTel .Tel .Inner{display:flex;flex-wrap:wrap;margin-bottom:15px}
#Reserve.hisTel .Tel .Inner .Entry{flex:1}
#Reserve.hisTel .Tel .Inner .Entry dl{display:flex;align-items:center;flex-wrap:wrap;border-right:solid 1px #ccc;margin-right:15px;margin-top:14px}
#Reserve.hisTel .Tel .Inner .Entry:nth-child(3n+0) dl{border-right:none;margin-right:0}
#Reserve.hisTel .Tel .Inner .Entry dt{color:#a28b5e;font-size:14px;white-space:nowrap;padding-right:9px;width:8em}
#Reserve.hisTel .Tel .Inner .Entry dt span{display:block}
#Reserve.hisTel .Tel .Inner .Entry dd{font-size:18px;cursor:default;color:#333;line-height:1;text-decoration:none}
#Reserve.hisTel .Tel .Inner .Entry dl + dl{}
#Reserve.hisTel .Tel .Inner .Entry dd a{pointer-events:none;cursor:default;text-decoration:none;color:#333}
#Reserve.hisTel .Tel .data{display:flex;justify-content:space-between}
#Reserve.hisTel .Tel .data dl{}
#Reserve.hisTel .Tel .data dt{font-weight:700}
#Reserve.hisTel .Tel .data dd{}
#Reserve.hisTel .Tel .data .btn{}
#Reserve.hisTel .Tel .data .btn a{text-decoration:none;color:#666;border:1px solid #ccc;background-color:#fff;display:block;padding:13px 80px;border-radius:3px;position:relative}
#Reserve.hisTel .Tel .data .btn a:hover{background-color:#ccc;color:#fff}
#Reserve.hisTel .Tel .data .btn a:after{position:absolute;right:8px;top:50%;margin-top:-.5em;content:"\f105";font-family:FontAwesome;line-height:1}









/*--------------------------------------------------------------------------------------------------------------------*/
/*　ここからSMP　*/
/*--------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 480px){
html { font-size: 62.5%; }
body{ font-size:1.2rem}
body{min-width:inherit}
.commonHeader{ position:relative;}
article .caption{font-size: 10px;padding-top: 0px;}
li{ }

/*----------------------------------------------------Title*/

#Title{width:90%;margin-bottom:12px;display: block;}
#Title #breadcrumb{margin-bottom:10px}
#Title .box{
    width: 100%;
    flex-grow: inherit;
}
#Title .box + .box{padding-left:0;margin-top:5px}
#Title .icon{width:100%;height:auto;position:relative;border-radius:0;align-items:center;flex-direction:row;top:auto;right:auto;margin-top:10px}
#Title .icon p{display:inline-block}
#Title .op{font-size: 1.4rem;max-width: 100%;height: auto;line-height: 1.5;padding: 5px 12px;}
#Title .op:before, #Title .op:after{
    content: none;
}
#Title .date{font-size:1.4rem;padding-top:5px;}
#Title .date strong{font-size:18px}
#Title dl{margin-top:5px;margin-bottom:5px}
#Title dl:before{width:50px;margin:0 auto;margin-bottom:10px}
#Title dt{font-size:1.4rem;padding-bottom:5px;letter-spacing: 0;}
#Title dd h1{font-size:2rem;font-weight:400}
#Title dd p{display:inline}
#Title dd.op{font-size:1.4rem;padding-left:20px;padding-right:20px;height:35px;line-height:35px;display:block;margin-top:5px;margin-bottom:20px}
#Title dd.op:before{border-width:17px 0 17px 10px}
#Title dd.op:after{border-width:17px 10px 17px 0}
#Title .btn{}
#Title .btn a{
    font-size: 14px;
}
#Title .btn a:after{}
#Title .btn a:hover{}

/*----------------------------------------------#Title .Price*/
#Title .Price{
    display: block;
    margin-bottom: 10px;
}
#Title .Price .goto{
    margin-right: 0;
    margin-bottom: 20px;
}
#Title .Price .goto li{}
#Title .Price .goto li:after{}
#Title .Price .goto li strong{
    font-weight: normal;
    letter-spacing: 0;
}
#Title .Price .goto li.icon{
    text-align: center;
    width: 100%;
    display: block;
    box-sizing: border-box;
    height: auto;
    padding: 2px 0;
    font-size: 1.3rem;
    margin-top: 5px;
}
#Title .Price .goto li.icon:after{width: 0;height: 0;border-style: solid;border-width: 6px 8px 0 8px;border-color: #df0000 transparent transparent transparent;left: 50%;right: auto;bottom: -10px;top: auto;}
#Title .Price .goto li.icon_dt{
    text-align: center;
    width: 100%;
    display: block;
    box-sizing: border-box;
    height: auto;
    padding: 2px 0;
    font-size: 1.3rem;
    margin-top: 5px;
}
#Title .Price .goto li.icon_dt:after{width: 0;height: 0;border-style: solid;border-width: 6px 8px 0 8px;border-color: #df0000 transparent transparent transparent;left: 50%;right: auto;bottom: -10px;top: auto;}
#Title .Price dl{
    text-align: center;
    justify-content: center;
}
#Title .Price dt{}
#Title .Price dt strong{
    font-size: 2.6rem;
    font-weight: normal;
    letter-spacing: 0;
}
#Title .Price dd{
    font-size: 1.3rem;
    padding-top: 4px;
}


/*-------------------------------------------------------Menu*/
#Menu{width:90%;margin:0 auto;margin-bottom:30px}
#Menu .inner{width:100%;display:block;border:2px solid #c5c5c5;padding:10px;box-sizing:border-box}
#Menu .inner li + li{margin-top:6px;padding-top:6px;border-top:1px solid #ccc}
#Menu .inner li a{position:relative;display:block;padding-right:15px}
#Menu .inner li a:after{position:absolute;top: 50%;line-height: 1;margin-top: -0.5em;right:5px;}
#Menu .inner li a:hover,#Menu .inner li.current a{border-bottom:none}


/*-------------------------------------------------------Intro*/
#Intro{width:90%;margin-bottom:30px}
#Intro dl{width:100%;height:auto;border-radius:0;padding: 18px 18px;}
#Intro dt{font-size:20px;padding-bottom:5px}
#Intro dl.fontSizeDwn dt{
    font-size: 20px;
}
#Intro dt span{
    display: inline;
}
#Intro dd{font-size: 1.3rem;}

/*-------------------------------------------------------sec*/
section.sec{padding-top:5px}
section.sec:nth-of-type(even){padding-top:5px}
section.sec h2{padding-top:15px;padding-bottom:15px;width:90%;margin:0 auto}
section.sec h2 .main{font-size: 6vw;}
section.sec h2 .sub{font-size:1.2rem;padding-top: 5px;}
section.sec h2 .logo{width:40%;margin:0 auto;margin-bottom:15px}
section.sec h2 .logo img{}
section.sec h2 .desc{font-size:5vw;padding-top: 10px;}

/*-------------------------------------------------------Tourpoint*/
#Tourpoint{padding-bottom:30px;padding-top: 15px;}
#Tourpoint h2{width:90%;margin:0 auto}
#Tourpoint h2 .deco{font-size:28px;letter-spacing:0}
#Tourpoint .box .icon{width:auto;height:auto;transform:inherit;position:relative;left:auto;top:auto;display: inline-block;}
#Tourpoint .box .icon::after{content:none}
#Tourpoint .box .icon span{transform:inherit;width:auto;height:auto;font-size:1.4rem;background-color:#d8c365;display:block;text-align:center;margin-bottom:5px;padding: 0 10px;}
#Tourpoint .box .subicon{position: relative;text-align: center;font-size:13px;}
#Tourpoint .MainBox{width:90%;display:block;margin-bottom:25px}
#Tourpoint .MainBox .box{width:100%;list-style: none;}
#Tourpoint .MainBox .youtube{
    margin-bottom: 20px;
}
#Tourpoint .SubphotoBox + .MainBox{margin-top: 30px;}
#Tourpoint .MainBox .box + .box{margin-left:0;width: 100%;}
#Tourpoint .MainBox .box h3{font-size: 19px;padding-bottom: 10px;}
#Tourpoint .MainBox .box h4{font-family:inherit;font-size:1.5rem;font-weight:700;padding-bottom:10px}
#Tourpoint .MainBox .box .txt{font-size:1.3rem;line-height:1.6;padding-bottom:5px}
#Tourpoint .SubBox{width:90%;border-top: 2px solid #ccc;padding-top: 20px;}
#Tourpoint .SubBox.comment{border-top: none;}
#Tourpoint .SubBox .Entry{flex-direction:column-reverse}
#Tourpoint .SubBox .Entry + .Entry{margin-top:20px}
#Tourpoint .SubBox .Entry .box{width:100%}
#Tourpoint .SubBox .Entry .box + .box{width:100%;margin-left:0}
#Tourpoint .SubBox .box .icon{display: inline-block;width:auto;height:auto;left:auto;top:auto;position:relative;}
#Tourpoint .SubBox .box .icon span{width:auto;height:auto;padding: 0 10px;}
#Tourpoint .SubBox .Entry .box h3{font-size:20px;line-height:1.4}
#Tourpoint .SubBox .Entry .box .txt{font-size:1.3rem;line-height:1.6;padding-bottom:5px}
#Tourpoint .SubphotoBox{width:90%;display: block;margin-bottom: 20px;}
#Tourpoint .SubphotoBox:after{width:48%}
#Tourpoint .SubphotoBox .Entry{width: 100%;display: flex;flex-direction: column;margin-top: 10px;border-top: 1px solid #ccc;padding-top: 10px;}
#Tourpoint .SubphotoBox .Entry .img{
    order: 3;
}
#Tourpoint .SubphotoBox .Entry .caption{
    order: 4;
}
#Tourpoint .SubphotoBox .Entry .icon{
    position: relative;
    text-align: center;
}
#Tourpoint .SubphotoBox .Entry h3{font-size: 16px;font-weight: bold;order: 1;}
#Tourpoint .SubphotoBox .Entry .txt{padding-top:2px;order: 2;padding-bottom: 10px !important;}
#Tourpoint .SubBox + .SubphotoBox {margin-top: 0px}

/*-------------------------------------------------------SchePoint*/
#SchePoint{padding-bottom:30px;padding-top: 15px;}
#SchePoint h2{width:90%;margin:0 auto}
#SchePoint h2 .main{
    font-size: 6.5vw;
}
#SchePoint h2 .deco{font-size:28px;letter-spacing:0}
#SchePoint .box .icon{width:auto;height:auto;transform:inherit;position:relative;left:auto;top:auto;display: inline-block;}
#SchePoint .box .icon::after{content:none}
#SchePoint .box .icon span{transform:inherit;width:auto;height:auto;font-size:1.4rem;background-color:#d8c365;display:block;text-align:center;margin-bottom:5px;padding: 0 10px;}
#SchePoint .MainBox{width:90%;display:block;margin-bottom:25px}
#SchePoint .MainBox .box{width:100%;list-style: none;}
#SchePoint .MainBox .youtube{
    margin-bottom: 20px;
}
#SchePoint .SubphotoBox + .MainBox{margin-top: 30px;}
#SchePoint .MainBox .box + .box{margin-left:0;width: 100%;}
#SchePoint .MainBox .box h3{font-size: 19px;padding-bottom: 10px;}
#SchePoint .MainBox .box h4{font-family:inherit;font-size:1.5rem;font-weight:700;padding-bottom:10px}
#SchePoint .MainBox .box .txt{font-size:1.3rem;line-height:1.6;padding-bottom:5px}
#SchePoint .SubBox{width:90%;padding-top: 20px;}
#SchePoint .SubphotoBox + .SubBox{border-top: 2px solid #ccc;margin-top: 10px;}
#SchePoint .SubBox .Entry{flex-direction:column-reverse}
#SchePoint .SubBox .Entry + .Entry{margin-top:20px}
#SchePoint .SubBox .Entry .box{width:100%}
#SchePoint .SubBox .Entry .box + .box{width:100%;margin-left:0}
#SchePoint .SubBox .box .icon{display: inline-block;width:auto;height:auto;left:auto;top:auto;position:relative;}
#SchePoint .SubBox .box .icon span{width:auto;height:auto;padding: 0 10px;}
#SchePoint .SubBox .Entry .box h3{font-size:20px;line-height:1.4}
#SchePoint .SubBox .Entry .box .txt{font-size:1.3rem;line-height:1.6;padding-bottom:5px}
#SchePoint .SubphotoBox{width:90%;display: block;margin-bottom: 20px;}
#SchePoint .SubphotoBox:after{width:48%}
#SchePoint .SubphotoBox .Entry{width: 100%;display: flex;flex-direction: column;margin-top: 10px;border-top: 1px solid #ccc;padding-top: 10px;}
#SchePoint .SubphotoBox .Entry .img{
    order: 3;
}
#SchePoint .SubphotoBox .Entry .caption{
    order: 4;
}
#SchePoint .SubphotoBox .Entry h3{font-size: 16px;font-weight: bold;order: 1;}
#SchePoint .SubphotoBox .Entry .txt{padding-top:2px;order: 2;padding-bottom: 10px !important;}


/*-------------------------------------------------------追加OPWrap*/
#OPWrap{
    padding-bottom: 30px;
}
#OPWrap h2{}
#OPWrap h2 .main{
    font-size: 6vw;
    padding-bottom: 3px;
}
#OPWrap h2 .main span{
    display: block;
    padding-top: 5px;
}
#OPWrap .OP{
    width: 90%;
    margin-top: 20px;
}
#OPWrap .OP + .OP{
    margin-top: 20px;
    padding-top: 30px;
}
#OPWrap .OPinfo{
    display: block;
}
#OPWrap .OPinfo .box{
    width: 100%;
}
#OPWrap .OPinfo .box + .box{
    padding-left: 0;
    margin-top: 10px;
}
#OPWrap .OPinfo .box .photo{}
#OPWrap .OPinfo .photo .img{}
#OPWrap .OPinfo .photo .caption{}
#OPWrap .OPinfo .box h3{
    line-height: 1.2;
    font-size: 18px;
}
#OPWrap .OPinfo .box h3 span{
    font-size: 15px;
}

#OPWrap .OPinfo .box .text{
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 14px;
}
#OPWrap .OP .Entry{padding: 10px 15px;}
#OPWrap .OP .Entry + .Entry{}
#OPWrap .OP .Entry h3{
    font-size: 16px;
}
#OPWrap .OP .Entry h3 span{
    font-size: 12px;
}
#OPWrap .OP .Entry .text{
    width: initial;
}
#OPWrap .OP .Entry .text p{}
#OPWrap .OP .Entry .text .atte{}
#OPWrap .OP .Entry .info{
    margin-top: 15px;
    display: block;
    width: 100%;
    padding-bottom: 0px;
}
#OPWrap .OP .Entry .info .box{}
#OPWrap .OP .Entry .info .box + .box{}
#OPWrap .OP .Entry .info dl{
    display: block;
}
#OPWrap .OP .Entry .info dl dt{
    width: 100%;
}
#OPWrap .OP .Entry .info dl dd{
    margin-left: 0;
    margin-top: 3px;
    width: auto;
}
#OPWrap .OP .Entry .info dl.price{}
#OPWrap .OP .Entry .info dl.long{}
#OPWrap .OP .Entry .info dl.price dt{}
#OPWrap .OP .Entry .info dl.price dd{}
#OPWrap .OP .Entry .info dl.price dd ul{}
#OPWrap .OP .Entry .info dl.price dd li{
    margin-right: 0;
}
#OPWrap .OP .Entry .info dl.price dd li + li{
    margin-top: 5px;
}

#OPWrap .OP .Entry .info dl.price dd span{}
#OPWrap .OP .Entry .info dl + dl{
    width: 100%;
}
#OPWrap .OP .Entry .note{}
#OPWrap .OP .Entry .note p{}
#OPWrap .OP + .atte{
    width: 90%;
}
/*-------------------------------------------------------Train*/
#Train{margin:0 auto;padding-top:30px;padding-bottom:10px}
#Train .MV{width:90%;margin-bottom:15px}
#Train .MV ul{display:block}
#Train .MV li{}
#Train .MV li + li{margin-top:13px}
#Train .MV li .caption{}
#Train .subMV{width:90%;margin-bottom:15px}
#Train .subMV ul{display:block;display: flex;flex-wrap: wrap;}
#Train .subMV li{
    flex: inherit;
    width: 50%;
    margin-bottom: 20px;
}
#Train .subMV li + li{}
#Train .subMV li .caption{}
#Train .MainTxt{font-size:1.3rem;line-height:1.6;display:block;text-align:left;padding-bottom:25px;width:90%;margin:0 auto}
#Train .MainTxt span{display:inline}
#Train .Facility{width:90%;margin-bottom:20px}
#Train .Facility .Entry{flex-direction:column}
#Train .Facility .h3{color: #820919;font-size:6vw;}
#Train .Facility .Entry.textonly{}
#Train .Facility .Entry.textonly .box + .box{margin-left:0;margin-top:20px}
#Train .Facility .Entry + .Entry{margin-top:15px}
#Train .Facility .Entry .box{width:100%}
#Train .Facility .Entry .box img{}
#Train .Facility .Entry .box + .box{margin-left:0;margin-top:5px}
#Train .Facility .Entry .box h3{font-size:6vw;padding-bottom:2px}
#Train .Facility .Entry .box h3 span{font-size:4.5vw}
#Train .Facility .Entry .box h3 p{}
#Train .Facility .Entry .box h3 p + p{}
#Train .Facility .Entry .box .txt{font-size:1.3rem;line-height:1.6}
#Train .Room{width:90%;margin-bottom:30px}

#Train .Room .Entry{flex-direction:column-reverse}
#Train .Room .Entry + .Entry{margin-top:30px}
#Train .Room .Entry:nth-child(odd){flex-direction:column-reverse}
#Train .Room .Entry .box{}
#Train .Room .Entry .box + .box{padding-left:0;width:100%}
#Train .Room .Entry:nth-child(odd) .box + .box{padding-right:0}
#Train .Room .Entry .box h3{margin-bottom:15px}

#Train .Room .Entry .box h3:after{margin-top:5px;width:30px}
#Train .Room .Entry .box h3 p{font-size:10vw}
#Train .Room .Entry .box h3 p + p{font-size:4vw}
#Train .Room .Entry .box .photo{width:100%}
#Train .Room .Entry .box .photo + ul{width:100%;margin-top:10px}
#Train .Room .Entry:nth-child(odd) .box .photo + ul{}
#Train .Room .Entry .box .photo li{}
#Train .Room .Entry .box .photo li + li{}
#Train .Room .Entry .box dl{margin-bottom:10px}
#Train .Room .Entry .box dt{font-size:5.5vw}
#Train .Room .Entry .box dt span{font-size:4.5vw}
#Train .Room .Entry .box dd.type{font-size:4vw;padding-bottom:5px}
#Train .Room .Entry .box dd.type p{}
#Train .Room .Entry .box dd.type p + p{}
#Train .Room .Entry .box dd.info{font-weight:400}
#Train .Room .Entry .box .txt{font-size:1.3rem;line-height:1.6}
#Train .Meal{width:90%;margin-bottom:20px}
#Train .Meal .MainTxt{margin-bottom:10px;width:100%;padding-bottom:4px}
#Train .Meal h3{font-size:6vw}
#Train .Meal h3:after{margin-top: 20px;margin-bottom: 20px;width:30px;}
#Train .Meal h4{text-align:center;color:#000;font-size:4vw;margin-bottom: 8px;}
#Train .MealExp {margin-bottom: 0;}
#Train .MealExp h3{font-size:6vw}
#Train .MealExp h3 span.block{
    display: block;
}
#Train .MealExp h3 span.submin{font-size:4vw}
#Train .MealExp h3:after{margin-top:15px;margin-bottom:15px;width:30px}
#Train .Meal .Entry{flex-direction:column}
#Train .Meal .Entry + .Entry{margin-top: 20px;border-top: 1px solid #ccc;padding-top: 20px;}
#Train .Meal .Entry .box{width:100%}
#Train .Meal .Entry .box + .box{margin-left:0;margin-top:10px;padding-bottom: 0;}
#Train .Meal .Entry .box iframe{
    width: 100%;
}
#Train .Meal .Entry .box .icon{margin-bottom:5px}
#Train .Meal .Entry .box h4{font-size: 5.5vw;}
#Train .Meal .Entry .box .sub{font-size:15px}
#Train .Meal .Entry .box h4 span{font-size:4vw}
#Train .Meal .Entry .box .txt{font-size:1.3rem;line-height:1.6;padding-top:5px}
#Train .Meal .atte{margin-top:10px}

/*-------------------------------------------------------Hotel*/
#Hotel{padding-bottom:40px}
#Hotel .Inner{width:90%}
#Hotel .Inner .Tab li{display:block;align-items:center;line-height:1.4;padding:6px}
#Hotel .Inner .Tab li p{padding-right:0;font-size:1.4rem;text-align:center}
#Hotel .Inner .Tab li p strong{}
#Hotel .Inner .Tab li p + p{-webkit-transform:inherit;-moz-transform:inherit;transform:inherit;border:none;padding:0;font-size:1.4rem}
#Hotel .Inner .Tab li.select p + p{border-left:none}

#Hotel .Inner .Tab li p + p span{transform:inherit;padding:0}

#Hotel.shikishima .Inner .Tab{
    display: block;
}
#Hotel.shikishima .Inner .Tab li{
    margin: 0;
    margin-bottom: 5px;
    display: flex;
    justify-content: end;
    padding: 8px 18px 8px 10px;
}
#Hotel.shikishima .Inner .Tab li + li{}
#Hotel.shikishima .Inner .Tab li.select{}
#Hotel.shikishima .Inner .Tab li.select + li{}
#Hotel.shikishima .Inner .Tab li:after{
    position: absolute;
    right: 5px;
}
#Hotel.shikishima .Inner .Tab li.select:after{}
#Hotel.shikishima .Inner .Tab li:hover{}
#Hotel.shikishima .Inner .Tab li p{
    font-size: 12px;
    white-space: nowrap;
    padding-right: 2px;
}
#Hotel.shikishima .Inner .Tab li p strong{}
#Hotel.shikishima .Inner .Tab li p + p{}
#Hotel.shikishima .Inner .Tab li.select p + p{}
#Hotel.shikishima .Inner .Tab li p + p span{}

#Hotel .Inner .TabEntry{padding:20px}
#Hotel .MainBox{margin-bottom:15px}
#Hotel .MainBox .box + .box{margin-left:0}
#Hotel .MainBox .box h3{font-size:20px;padding-bottom: 10px;}
#Hotel .MainBox .box h4{font-size:14px;padding-bottom:10px;font-weight:700}
#Hotel .MainBox .box .txt{font-size:1.3rem;line-height:1.5;padding-bottom:15px}
#Hotel .MiniBox{margin-bottom:15px}
#Hotel .MiniBox .box + .box{margin-left:0}
#Hotel .MiniBox .box h3{font-size:20px;padding-bottom:5px}
#Hotel .MiniBox .box h4{font-size:14px;padding-bottom:10px;font-weight:700}
#Hotel .MiniBox .box .txt{font-size:1.3rem;line-height:1.5;padding-bottom:15px}
#Hotel .Data{margin-top:10px;display:block;padding:10px 0}
#Hotel .Data dl{padding:0 15px}
#Hotel .Data dl + dl{margin-top:5px}
#Hotel .Data dt{font-size:15px;font-weight:700}
#Hotel .Data dd li .menu{padding:0;border:1px solid #fff}
#Hotel .Data dd li .menu strong{text-align:center;padding:4px 21px 4px 4px;position:relative}
#Hotel .Data dd li .menu strong:after{position:absolute;right:5px;top:50%;margin-top:-.5em;content:"\f067";font-size:1.4rem;font-family:FontAwesome;line-height:1;font-weight:400}
#Hotel .Data dd li .menu strong.active:after{content:"\f068"}
#Hotel .Data dd li .menu span{padding:8px;display:block;border-top:1px dotted #fff}
#Hotel .SubBox {}
#Hotel .SubBox .box h3{font-size: 20px;position:relative;z-index:2;padding-bottom: 15px;}
#Hotel .SubphotoBox:after{width:48%}
#Hotel .SubphotoBox .Entry{margin-top:10px;width:48%}
#Hotel .PhotoBox:after{width:48%}
#Hotel .PhotoBox .Entry{margin-top:10px;width:48%}

#Hotel .SubphotoBox .Entry h3{padding-top:0}
#Hotel .SubphotoBox .Entry h4{margin-top: 10px;}
#Hotel .SubphotoBox .Entry .txt span.PriceDot{padding:10px;margin:10px 0;border:2px dotted#d8c365;display:inline-block;width:85%;}
#Hotel .SubphotoBox .Entry .txt span.PriceSolid{padding:10px;margin:10px 0;border:2px solid #d8c365;display:inline-block;width:85%;}
#Hotel .PhotoBox .Entry h3{padding-top:0}
#Hotel .PhotoBox .Entry h4{margin-top: 10px;}
#Hotel .PhotoBox .Entry .txt span.PriceDot{padding:10px;margin:10px 0;border:2px dotted#d8c365;display:inline-block;width:85%;}
#Hotel .PhotoBox .Entry .txt span.PriceSolid{padding:10px;margin:10px 0;border:2px solid #d8c365;display:inline-block;width:85%;}
#Hotel .MainBox .box{width:100%;}
#Hotel .MainBox .youtube{}
	
/*-------------------------------------------------Bn*/
#Bn{width:90%;margin:0 auto;border-top:1px solid #ccc;padding-top:20px}
#Bn ul{width:100%;display:block}
#Bn li{text-align:center;margin-bottom:10px}
#Bn li + li{padding-left:0}
#Bn li.txtbn{width:100%}
#Bn li.txtbn a strong{font-weight:400}

/*--------------------------------------------HIScontact*/
#HIScontact{

    padding: 30px 0;
}
#HIScontact .btn{
    width: 90%;
}
#HIScontact .btn a{
    font-size: 1.4rem;
    padding: 15px 10px;
}
#HIScontact .btn a:after{}
#HIScontact .btn a:hover{}

#Reserve.hisTel .Tel{
    width: 90%;
    padding: 10px;
}
#Reserve.hisTel .Tel h3{
    font-size: 16px;
}
#Reserve.hisTel .Tel h4{
    font-size: 14px;
}
#Reserve.hisTel .Tel .Inner{
    display: block;
}
#Reserve.hisTel .Tel .Inner .Entry{}
#Reserve.hisTel .Tel .Inner .Entry dl{
    margin: 0;
    margin-bottom: 8px;
    border: none;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
#Reserve.hisTel .Tel .Inner .Entry:nth-child(3n+0) dl{}
#Reserve.hisTel .Tel .Inner .Entry dt{
    width: auto;
}
#Reserve.hisTel .Tel .Inner .Entry dt span{}
#Reserve.hisTel .Tel .Inner .Entry dd{
    flex-grow: 1;
    text-align: right;
    font-size: 14px;
    text-decoration: underline;
}
#Reserve.hisTel .Tel .Inner .Entry dl + dl{}
#Reserve.hisTel .Tel .Inner .Entry dd a{}
#Reserve.hisTel .Tel .data{
    display: block;
}
#Reserve.hisTel .Tel .data dl{
    margin-bottom: 5px;
}
#Reserve.hisTel .Tel .data dt{}
#Reserve.hisTel .Tel .data dd{}
#Reserve.hisTel .Tel .data .btn{}
#Reserve.hisTel .Tel .data .btn a{}
#Reserve.hisTel .Tel .data .btn a:hover{}
#Reserve.hisTel .Tel .data .btn a:after{}

}