@charset "utf-8";
/* CSS Document */
body.fixed{
overflow: hidden;
}
#HeadNavi{}
#HeadNavi .ttl{}
#HeadNavi .ttl span{font-size:60%}
#HeadNavi .ttl span + span{letter-spacing:0; font-size:100%;}

#HeadNavi h2{padding-top: 100px;position:relative;}
#HeadNavi .ttl {font-size: 4vw;letter-spacing: 0px;color: #fff;position: absolute;width: 100%;text-align: center;bottom: 8%;}
#HeadNavi h2 img{ width:100%}

.btn {display: flex;margin-bottom: 5px;}
.btn.local{width: auto;justify-content: flex-end;}
.btn.global{ width: 100%;}

.btn a { font-weight:bold;position:relative;display: block; text-align: center; text-decoration: none; padding: 12px 0;border-radius: 3px; box-shadow: 0px 5px 0px rgb(0, 0, 0); }
.btn a:hover {box-shadow: none !important;}
.btn a:after {position: absolute;right: 8px; top:50%; margin-top:-0.9em;content:"\f105"; font-family:FontAwesome;}
.btn.global a {width: 100%;color:#fff;padding: 15px;}
.btn.global a:hover { }
.btn.local a {border: 1px solid #000;background-color: #fff;padding: 12px 50px;}
.btn.local a:hover { }

#clone{ display:none;}
#MainVisual{
    padding-top: 25px;
}
#MainVisual:after{content:"";display: block;background-image: url(../smp/images/mainvisual.jpg);width: 100%;height: 170px;background-size: cover;margin-top: 20px;background-repeat: no-repeat;}
#MainVisual p{
    width: 92.6%;
    margin: 0 auto;
}
/*---------------------------------------------------TopicMenu*/
#TopicMenu {background-color: #fff;padding: 0 0px 6px 0;}
#TopicMenu ul {display: flex;justify-content: center;margin: 0 auto;flex-wrap: wrap;}
#TopicMenu li {width: 33%;}
#TopicMenu li:first-child{width: 100%;text-align: center;background-color: #ca1111;color: #fff;margin-bottom: 3px;}
#TopicMenu li:first-child a{
    color: #fff;
    text-decoration: none;
    padding: 5px 0;
}
#TopicMenu li img {zoom: 0.7;}
#TopicMenu li + li { }
#TopicMenu li a { }
#TopicMenu li a {display:block;position: relative;}
#TopicMenu li a:before{transition-duration: .3s;opacity: 0;content:"";display: block;height: 50px;position: absolute;width: 100%;left: 50%;margin-left: -50%;background-repeat: no-repeat;background-position: top center;background-size: contain;}
#TopicMenu li a[href*=day3]:before{ background-image: url(images/menu_bg_3day.png); }
#TopicMenu li a[href*=day4]:before{ background-image: url(images/menu_bg_4day.png);}
#TopicMenu li a[href*=day5]:before{  background-image: url(images/menu_bg_5day.png);}
#TopicMenu li a:hover:before,
#TopicMenu li a.act:before{ opacity:1;}

/*---------------------------------------------IndexTxt*/
#IndexTxt{margin: 0 auto;padding-top: 20px;width: 92.6%;}

/*---------------------------------------------Global*/
#Global { padding-bottom:20px;}
#Global .sec { padding-bottom: 5px; }
#Global .sec + .sec { }
#Global .sec .photo { margin-bottom: 15px; }
#Global .sec dl { padding-bottom: 10px; }
#Global .sec dt { text-align: center; padding-bottom: 5px; }
#Global .sec dt img { zoom: 0.7; }
#Global .sec dd { font-weight: bold; font-size: 1.4rem; }
#Global .sec dd + dd { font-size: 1.2rem; font-weight: normal; padding-top: 5px; }
#Global .sec .btn a{ width:100%;}

#Global .sec#day3 dl{ color: #d11b68;}
#Global .sec#day3 .btn a{color: #d11b68;border-color: #d11b68;box-shadow: 0px 5px 0px rgb(209, 27, 104);}

#Global .sec#day4 dl{ color: #ee4901;}
#Global .sec#day4 .btn a{color: #ee4901;border-color: #ee4901;box-shadow: 0px 5px 0px rgb(238, 73, 1);}

#Global .sec#day5 dl{ color: #659711;}
#Global .sec#day5 .btn a{color: #659711;border-color: #659711;box-shadow: 0px 5px 0px rgb(101, 151, 17);}


/*------------------------------------------------------------------------------------------------------------*/
/*------------------------------------           -Local    ----------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------LocalTitle*/
#LocalTitle {padding-top: 25px;padding-bottom: 10px;width: 92.5%;margin: 0 auto;}
#LocalTitle dl {justify-content: center;align-items: center;padding-bottom: 15px;}
#LocalTitle dt {
    text-align: center;
}
#LocalTitle dt img{zoom: 0.8;}
#LocalTitle dd {padding-top: 5px;text-align: left;}
#LocalTitle ul {display: inline-block;border-radius:3px;width: auto;border: 2px solid;margin: 0 auto;padding: 9px;width: 100%;box-sizing: border-box;}
#LocalTitle li {display: inline-block;}
#LocalTitle li + li { }
#LocalTitle li + li:before {content:"｜";padding-right: 5px;}
#LocalTitle li a { }
#LocalTitle li a:hover { }
#LocalTitle li a:after { }
/*--------------------------------------------------------sec*/
#Local { padding-bottom:30px;}
#Local img { max-width:100%; }
#Local .sec {padding-top: 20px;}
#Local .sec + .sec {margin-top: 30px;background-image: url(images/topic/line_china.png);background-position:top;background-repeat:repeat-x;padding-top: 40px;}

#Local .Intro {margin-bottom: 25px;}
#Local .Intro .photo {padding-bottom: 15px;}
#Local .Intro h2 {display: flex;justify-content: space-between;margin-bottom: 12px;align-items: center;}
#Local .Intro h2 p { }
#Local .Intro h2 p + p { }
#Local .Intro h2 p img { zoom: 0.6; }
#Local .Intro h2 p + p img { zoom: 1; }
#Local .data { display: flex; flex-wrap: wrap; margin-bottom: 5px; }
#Local .data dt {width: 8em;font-size: 12px;color: #fff;margin-bottom: 7px;display: flex;align-items: center;margin-right: 1%;justify-content: center;text-align: center;}
#Local .data dd {width: 70%;margin-bottom: 7px;font-weight: bold;}
#Local .txt { }

/*----------------------------------------------------------Inner*/
#Local .Inner {}
#Local .Inner + .Inner{margin-top: 30px;}
#Local .Inner h2 {text-align: center;padding-bottom: 10px;}
#Local .Inner h2 img { zoom: 0.5; }
#Local .Inner .box { }

/*----------------------------------------------------------Htl*/
#Local .Htl { }
#Local .Htl .Entry {display: flex;flex-wrap: wrap;margin-bottom: 20px;justify-content: space-between;}
#Local .Htl .Entry .photo {margin-bottom: 10px;width: 40%;}
#Local .Htl .Entry .photo img { height: 95px; }
#Local .Htl .Entry dl {padding-bottom: 10px;width: 56%;}
#Local .Htl .Entry dt {font-size: 0.8rem;font-weight: bold;padding-bottom:3px;}
#Local .Htl .Entry dd {font-weight: bold;font-size: 1.6rem;}
#Local .Htl .Entry dd + dd {padding-top: 10px;font-weight: normal;font-size: 1.2rem;}
#Local .Htl .Entry .btn {display: block;width: 100%;}
#Local .Htl .Entry .btn a {padding: 10px;font-size: 12px;width: 100%;box-sizing: border-box;}

/*----------------------------------------------------------Plan*/
#Local .Plan { }
#Local .Plan .box { }
#Local .Plan .Inbox {}
#Local .Plan .Inbox + .Inbox{
    margin-top: 25px;
}
#Local .Plan .Inbox .Entry {position:relative;}
#Local .Plan .Inbox .Entry + .Entry { margin-top: 25px; }
#Local .Plan .Inbox .Entry h3 {width: 60px;text-align: left;}
#Local .Plan .Inbox .Entry .detail {}
#Local .Plan .Inbox .Entry .detail ul { }
#Local .Plan .Inbox .Entry .detail li { background-image:url(images/line_dot_yoko.png); background-repeat:repeat-x; line-height: 1.4; background-position: bottom; padding-bottom: 5px; margin-bottom: 5px; }
#Local .Plan .Inbox .Entry .detail li + li { }
#Local .Plan .Inbox .Entry .pickup {margin-top: 10px;background-color: rgba(197, 196, 166,0.4);}
#Local .Plan .Inbox .Entry .pickup .icon {display: inline-block;background-color: #000;color: #fff;font-size: 10px;padding: 2px 10px;position: relative;}
#Local .Plan .Inbox .Entry .pickup .icon:after{}
#Local .Plan .Inbox .Entry .pickup .post {display: flex;padding: 10px;}
#Local .Plan .Inbox .Entry .pickup .post.double { display:block; }
#Local .Plan .Inbox .Entry .pickup .post .photo {flex: 1;}
#Local .Plan .Inbox .Entry .pickup .post.double .photo { display:flex; justify-content: space-between; padding-bottom: 15px; }
#Local .Plan .Inbox .Entry .pickup .post .photo li { position: relative; }
#Local .Plan .Inbox .Entry .pickup .post.double .photo li { width: 49%; }
#Local .Plan .Inbox .Entry .pickup .post .photo li + li { }
#Local .Plan .Inbox .Entry .pickup .post .photo li img {}
#Local .Plan .Inbox .Entry .pickup .post .txt {flex: 2;font-size: 12px;padding-left: 10px;line-height: 1.6;align-self: flex-end;}
#Local .Plan .Inbox .Entry .pickup .post.double .txt { padding-left:0; }

/*----------------------------------------------------------Tour*/
#Local .Tour { }
#Local .Tour .ctcms { margin-left: 0; }
#Local .Tour .ctcms .Entry {width: 100%;margin-left: 0;padding-bottom: 0;margin-bottom: 0;}
#Local .Tour .ctcms .Entry + .Entry {
    margin-bottom: 0;
    margin-top: 20px;
}
#Local .Tour .ctcms .Entry .linkArea { -webkit-transition: all .3s ease-out; background-color:rgba(197, 196, 166,0.4); padding-bottom: 15px; padding: 10px; }
#Local .Tour .ctcms .Entry .photo { -webkit-transition: all .3s ease-out; width: 165px; padding-right: 20px; }
#Local .Tour .ctcms .Entry .main { }
#Local .Tour .ctcms .Entry .main .data { margin-bottom: 0; }
#Local .Tour .ctcms .Entry .main .data li { font-size:12px; border:1px solid #242424; display:inline-block; padding:0 8px; }
#Local .Tour .ctcms .Entry .main .data li + li { margin-left: 5px; }
#Local .Tour .ctcms .Entry .main .states { font-weight:bold; box-sizing:border-box; color: #C51D4F; margin-bottom: 5px; font-size: 14px; }
#Local .Tour .ctcms .Entry .main h4 { font-size: 1.4rem; line-height: 1.5; padding-bottom: 6px; letter-spacing: 0; font-weight: bold; }
#Local .Tour .ctcms .Entry .main .htl { font-weight:bold; line-height:1.6; padding-bottom: 10px; font-size: 12px; }
#Local .Tour .ctcms .Entry .btm { }
#Local .Tour .ctcms .Entry .btm .price { }
#Local .Tour .ctcms .Entry .btm .price dt { font-size: 22px; padding-bottom: 5px; }
#Local .Tour .ctcms .Entry .btm .price dd { letter-spacing:1px; color:#242424; font-size: 14px; }
#Local .Tour .ctcms .Entry .btm .btn a { display:block; padding: 8px 50px; font-size:14px; font-weight:bold; position:relative; margin-bottom: 0; width: 100%; color:#242424; text-align:center; text-decoration:none; border: 2px solid #242424; box-shadow: none; border-radius: 3px; -webkit-border-radius : 3px; -moz-border-radius: 3px; }
#Local .Tour .ctcms .Entry .btm .btn a:after { position: absolute; right: 8px; top:50%; margin-top:-0.9em; content:"\f105"; font-family:FontAwesome; }
#Local .Tour .ctcms .Entry .other { padding-top:5px; position: absolute; bottom: 0; right: 0; }
#Local .Tour .ctcms .Entry .other a { text-decoration:none; font-weight:bold; letter-spacing:1px; }
#Local .Tour .ctcms .Entry .other a:after { content:"\f105"; font-family:FontAwesome; }
#Local .Tour .ctcms .Entry .other a:hover { text-decoration:underline; }
#Local .Tour .ctcms .linkArea.haslink:hover { cursor:pointer; background-color:rgba(199, 198, 169, 0.8); -webkit-transition: all .3s ease-out; }
#Local .Tour .ctcms .linkArea.haslink:hover .photo { cursor:pointer; -webkit-transition: all .3s ease-out; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
#Local .Tour .ctcms .linkArea.haslink:hover h4,
#Local .Tour .ctcms .linkArea.haslink:hover .htl { text-decoration:underline; }
#Local .Tour .ctcms .linkArea.haslink:hover .btn a { background-color: #88853a; border-color: #88853a; color: #fff; }
#Local .Tour .ctcms .btn a:hover { margin-top:0; }


#Local .Other{
    margin-top: 20px;
}
/*--------------------------------------------------------day*/
#day3 #LocalTitle li,
#day3 #LocalTitle li a,
#day3 #Local .Plan .Inbox .Entry .pickup .post .txt,
#day3 #LocalTitle dd{ color:#D11B68;}
#day3 #LocalTitle ul { border-color:#D11B68;}
#day3 #Local .Intro .data dt,
#day3 #Local .Plan .Inbox .Entry .pickup .icon,
#day3 .btn.global a{ background-color:#D11B68;}
#day3 #Local .Intro .box + .box .photo{box-shadow: 10px 10px rgb(209, 27, 104);text-align: right;}
#day3 #Local .btn.local a{color: #d11b68;border-color: #d11b68;box-shadow: 0px 5px 0px rgb(209, 27, 104);}

#day4 #LocalTitle li,
#day4 #LocalTitle li a,
#day4 #Local .Plan .Inbox .Entry .pickup .post .txt,
#day4 #LocalTitle dd{ color:#EC4700;}
#day4 #LocalTitle ul { border-color:#EC4700;}
#day4 #Local .Intro .data dt,
#day4 #Local .Plan .Inbox .Entry .pickup .icon,
#day4 .btn.global a{ background-color:#EC4700;}
#day4 #Local .Intro .box + .box .photo{box-shadow: 10px 10px rgb(236, 71, 0);text-align: right;}
#day4 #Local .btn.local a{color: #ee4901;border-color: #ee4901;box-shadow: 0px 5px 0px rgb(238, 73, 1);}

#day5 #LocalTitle li,
#day5 #LocalTitle li a,
#day5 #Local .Plan .Inbox .Entry .pickup .post .txt,
#day5 #LocalTitle dd{ color:#659711;}
#day5 #LocalTitle ul { border-color:#659711;}
#day5 #Local .Intro .data dt,
#day5 #Local .Plan .Inbox .Entry .pickup .icon,
#day5 .btn.global a{ background-color:#659711;}
#day5 #Local .Intro .box + .box .photo{box-shadow: 10px 10px rgb(101, 151, 17);text-align: right;}
#day5 #Local .btn.local a{color: #659711;border-color: #659711;box-shadow: 0px 5px 0px rgb(101, 151, 17);}