@charset "utf-8";

.GeneralTtl .main{ font-size:4vw; letter-spacing:2px;}
.GeneralTtl .main strong{ font-size:5vw;}

/*-------------------------------------------------IndexList*/
#IndexList {width: 92.6%;margin: 0 auto;padding-bottom: 20px;}
#IndexList .Entry {display: flex;justify-content:space-between;}
#IndexList .Entry + .Entry {margin-top:10px;padding-top: 10px;border-top: 1px solid #ccc;}
#IndexList .Entry .photo {margin-bottom:5px;width: 35%;}
#IndexList .Entry dl {width: 62%;}
#IndexList .Entry dt {display:flex;display: -ms-flexbox;justify-content: space-between;align-items: center;padding-bottom: 3px;margin-top: -5px;}
#IndexList .Entry dt p {font-size: 1.8rem;letter-spacing: 2px;}
#IndexList .Entry dt p strong{font-size: 2rem;line-height: 1.2;}
#IndexList .Entry dt p + p {background-color: #000;color: #fff;padding: 0 5px;font-size: 1.2rem;letter-spacing: 0;}
#IndexList .Entry dd {font-weight:bold;font-size: 1.4rem;padding-bottom: 3px;}
#IndexList .Entry dd + dd {font-weight:normal;padding-bottom: 0;font-weight: bold;text-align: right;}
#IndexList .Entry dd.txt{ text-align: left; font-weight: normal; font-size:1.2rem;}
#IndexList .Entry:hover dd a {text-decoration: underline;}
#IndexList .Entry:hover dd.txt {text-decoration: underline;}

/*-------------------------------------------------Title*/
#Title {width: 92.6%;margin: 0 auto;margin-top: 10px;}
#Title .box {margin-bottom: 10px;}
#Title .box.photo { }
#Title .box + .box {}
#Title dl {display: flex;justify-content: space-between;align-items: center;}
#Title dt {padding-left: 5px;font-size: 3vw;}
#Title dt strong{font-size: 9vw;line-height: 1.2;letter-spacing: -1px;font-weight:normal;}
#Title dd { color: #fff; font-size: 12px; padding: 0 10px; }
#Title h2 {font-size: 5vw;line-height: 1.4;padding-bottom: 8px;}
#Title h2 span{display:block;font-size: 4vw;}
#Title .date { text-align: right; }

#Title .box{ color: #ADA31D; }
#Title dd{ background-color: #ADA31D; }



/*-------------------------------------------------Maintxt*/
#Maintxt {width: 92.6%;font-size: 1.4rem;margin: 0 auto;padding-bottom: 20px;}


/*-------------------------------------------------wrap*/
#Contents {width: 92.6%;margin: 0 auto;}
#Main {}
#Side {width: 92.5%;margin: 0 auto;margin-bottom: 15px;}
#clone{ display:none;}

/*-------------------------------------------------PostList*/
#PostList {position:relative;border: 3px solid #eae6ca;padding: 10px;background-color: #fbfbfb;}
#PostList .deco {border-top: 25px solid #ada31c;border-right: 25px solid #ada31c;border-bottom: 25px solid transparent;border-left: 25px solid transparent;font-weight: normal;position: absolute;top: -3px;text-align: left;width: 0;right: -3px;height: 0;border-style: solid;}
#PostList .deco span {text-align: center;display: block;position: absolute;left: -12px;color: #fff;font-size: 1.1rem;line-height: 1;bottom: 1px;letter-spacing: 1px;transform: rotate(45deg);}

#PostList ul {padding-right: 15px;}
#PostList li { font-size: 1.4rem; padding-left:16px;}
#PostList li + li {padding-top: 6px;}
#PostList li.sub{margin-left: 15px;font-size: 14px;}
#PostList li.sub + li{margin-top: 6px;} 
#PostList li.sub + .sub{ margin-top: 0;} 
#PostList li:before{content:"\f058";display:block;float:left;margin-left:-18px;color: #ada31c;width:1.4em;text-align:center;font-family:FontAwesome;}
#PostList li.sub:before{content:"\f05d";}
/*-------------------------------------------------Post*/
#Post {margin-bottom: 15px;}
#Post .GeneralTtl{padding-bottom: 0; width:100%;}
#Post .sec { padding-top: 20px; }
#Post .sec h3 { font-size: 1.6rem; border-bottom: 1px solid #c7caa1; line-height:1.4;margin-bottom: 10px; padding-bottom: 5px; }

#Post .sec + .sec {margin-top: 20px;}
#Post .sec .Entry {padding-top: 20px;}
#Post .sec .Item + .Entry{ margin-top:10px;}
#Post .sec .Option + .Entry{ margin-top:10px;}
#Post .sec .Entry + .Entry {}
#Post .sec .Entry .photo {margin-bottom: 15px;}
#Post .sec .Entry .txt {font-size: 1.4rem;}
#Post .sec .Entry .txt + .txt {padding-top: 15px;}
#Post .sec .Entry .Option + .txt{ padding-top:15px}

#Post .sec .Entry + .btnGlobal{ margin-top:20px;}


/*-------------------------------------------------Item*/
.Item{border: 5px solid #d8d8d8;padding: 10px 10px;position: relative;}
.Item + .Item{margin-top: 20px;}
.Entry + .Item {margin-top: 10px;}
#Post .Item h3 {font-size: 1.8rem;background-color: #fff;letter-spacing:0px;text-align: left;padding-bottom: 5px;margin-bottom: 0;border-bottom: 1px solid #ccc;line-height: 1.4;width: 100%;}

/*-------------------------------------------------Item Btn*/
.Item.Btn .btnGlobal { padding-top: 10px; }
.Item.Btn .btnGlobal a {padding: 12px 0 12px 10px;font-size: 14px;font-weight: bold;}
.Item.Btn .btnGlobal a + a {}
.Item.Btn .btnGlobal a:before { font-weight:normal;position: absolute; left: 13px; font-size: 22px; top:50%; margin-top: -0.8em; font-family:FontAwesome; }
.Item.Btn .btnGlobal a[href*="tour"]:before { content:"\f0ac"; }
.Item.Btn .btnGlobal a[href*="air"]:before { content:"\f072"; }
.Item.Btn .btnGlobal a[href*="AH"]:before { content:"\f0f7"; }
.Item.Btn .btnGlobal a.sp_none {display: none;}

/*-------------------------------------------------Item Contact*/
.Item.Contact {display: flex;flex-wrap: wrap;}
.Item.Contact .txt {padding-top: 10px;padding-bottom: 10px;}
.Item.Contact .btnGlobal {align-self: center;width: 100%;}
.Item.Contact .btnGlobal a {font-size: 14px;font-weight: normal;}

/*-------------------------------------------------Item Tour*/
.Item.Tour .ctcms{ padding-top:10px;}
.Item.Tour .ctcms .Entry {width: 100%;margin-left: 0;padding-bottom: 0; padding-top:0 !important;}
.Item.Tour .ctcms .Entry + .Entry{margin-top: 10px !important;border-top: 1px dotted #666;padding-top: 10px !important;}
.Item.Tour .ctcms .Entry .linkArea {flex-wrap: wrap;justify-content: flex-end;display: flex;}
.Item.Tour .ctcms .Entry .photo {width: 100%;}
.Item.Tour .ctcms .Entry .photo img {height: 150px;object-fit: cover;}
/*.Item.Tour .ctcms .Entry .photo{-webkit-transition: all .3s ease-out;position:relative;margin-bottom: 8px;line-height:1.4;min-height: 0%;}*/
.Item.Tour .ctcms .Entry .photo .dst{background-color:#242424;color:#FFFFFF;position:absolute;padding:2px 8px;top:0;left:0;font-size: 12px;font-weight: bold;}
.Item.Tour .ctcms .sHGS .photo p.dst{ background-color:#46A3AA;}
.Item.Tour .ctcms .sASI .photo p.dst{ background-color:#B55555; }
.Item.Tour .ctcms .sEUR .photo p.dst{ background-color:#79A543; }
.Item.Tour .ctcms .sAFR .photo p.dst{ background-color:#807C3E; }
.Item.Tour .ctcms .sUSA .photo p.dst,
.Item.Tour .ctcms .sOCE .photo p.dst,
.Item.Tour .ctcms .sSAM .photo p.dst{ background-color:#8B5283; }

.Item.Tour .ctcms .Entry .main {width: 425px;}
.Item.Tour .ctcms .Entry .main .data { padding-bottom: 6px; }
.Item.Tour .ctcms .Entry .main .data li { font-size:12px; border:1px solid #242424; display:inline-block; padding:0 8px; }
.Item.Tour .ctcms .Entry .main .states {font-weight:bold;box-sizing:border-box;color: #C51D4F;margin-bottom: 2px;font-size: 14px;}
.Item.Tour .ctcms .Entry .main h4 {font-size: 1.6rem;line-height: 1.5;padding-bottom: 5px;letter-spacing: 0;font-weight: bold;}
.Item.Tour .ctcms .Entry .main .htl {font-weight:bold;line-height:1.6;padding-bottom: 10px;font-size: 12px;}
.Item.Tour .ctcms .Entry .btm {box-sizing: border-box;width: 100%;text-align:center;}
.Item.Tour .ctcms .Entry .btm .price {padding-bottom:10px;/* display: flex; *//* align-items: baseline; *//* flex-direction: row-reverse; */}
.Item.Tour .ctcms .Entry .btm .price dt { padding-right: 12px; font-size: 22px; }
.Item.Tour .ctcms .Entry .btm .price dd { letter-spacing:1px; color:#242424; font-size: 14px; padding-right: 10px; }
.Item.Tour .ctcms .Entry .btm .btn a { display:block; padding: 8px 25px; font-size:14px; font-weight:bold; position:relative; margin-bottom: 0; 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; }
.Item.Tour .ctcms .Entry .btm .btn a:after { position: absolute; right: 8px; top:50%; margin-top:-0.9em; content:"\f105"; font-family:FontAwesome; }
.Item.Tour .ctcms .Entry .other { padding-top:5px; position: absolute; bottom: 0; right: 0; }
.Item.Tour .ctcms .Entry .other a { text-decoration:none; font-weight:bold; letter-spacing:1px; }
.Item.Tour .ctcms .Entry .other a:after { content:"\f105"; font-family:FontAwesome; }
.Item.Tour .ctcms .Entry .other a:hover { text-decoration:underline; }
.Item.Tour .ctcms .linkArea.haslink:hover {cursor:pointer;}
.Item.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; }
.Item.Tour .ctcms .linkArea.haslink:hover h4,
.Item.Tour .ctcms .linkArea.haslink:hover .htl { text-decoration:underline; }
.Item.Tour .ctcms .linkArea.haslink:hover .btn a {background-color: #88853a;border-color: #88853a;color: #fff;}

/*-------------------------------------------------Option*/
.Option {padding: 10px 15px;margin-top: 20px;border: solid 5px #e6d9a0;}
.Option .txt {font-size: 1.2rem !important;padding-bottom: 10px;}
.Option .txt + .txt { padding-top: 0 !important; }
.Option .desc {background-color: #f9f6e9;padding: 5px 10px;}
.Option .desc dt {font-weight: bold;color: #b79f36;font-size: 1.4rem;margin-bottom: 5px;padding-bottom: 3px;border-bottom: solid 1px #e0d8b6;}
.Option .desc dd { }
.Option .desc dd + dt { margin-top: 15px; }
.Option .desc dd ul {display: flex;flex-wrap: wrap;}
.Option .desc dd li {padding-left: 14px;padding-right: 25px;}
.Option .desc dd li + li{padding-top: 2px;}
.Option .desc dd li:before {content:"\f111";display:block;float:left;margin-left: -14px;width:1em;text-align:center;font-family:FontAwesome;}
.Option .desc dd.atte{font-size: 12px;padding-top: 3px;}
.Option.descOnly{}
.Option.descOnly .desc{background-color: inherit; padding: 0;}

/*-------------------------------------------------Ranking*/
.Ranking { }
.Ranking .desc dd ul { display: block; }
.Ranking .desc dd li {padding-right: 0;}
.Ranking .desc dd li:before { font-size: 12px }
.Ranking .desc dd li.up:before { content:"\f062"; color: #ff2e2e; }
.Ranking .desc dd li.down:before { content:"\f063"; color: #24cbff; }
.Ranking .desc dd li.unchanged:before { content:"\f061"; color: #cacaca; }




/*-------------------------------------------------autor*/
.autor {position: relative;padding:10px;border: solid 3px #000;text-align: left;margin-bottom: 20px;font-size: 12px;margin-top: 20px;}
.autor h2 { margin-bottom: 5px; font-size:14px; }
.autor h3 { display: inline-block; padding: 4px 9px; background-color: #000; color: #FFF; font-weight: bold; margin-bottom: 5px; }

/*-------------------------------------------------note*/
.note {font-size: 12px;background-color: #EEE;padding: 5px;}

/*-------------------------------------------------Navi*/
#Navi { display: flex; justify-content: space-between; }
#Navi .prev { position:relative;width: 45%; }
#Navi .next {position:relative;width: 45%;border-left: 1px solid #ccc;padding-left: 5%;}
#Navi .prev dl:before {position: absolute;left: 0;top:50%;margin-top:-0.9em;content:"\f053";font-family:FontAwesome;}
#Navi .next dl:after {position: absolute;right: 0;top:50%;margin-top:-0.9em;content:"\f054";font-family:FontAwesome;}
#Navi dl {padding-left: 20px;}
#Navi .next dl{padding-left: 0;padding-right: 20px;}
#Navi dt { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2px; }
#Navi dt p { font-size: 14px; letter-spacing: 1px; }
#Navi dt p + p { background-color: #000; color: #fff; padding: 0 5px; font-size: 10px; }
#Navi dd { font-size: 12px; }
#Navi dd + dd { letter-spacing: 1px; text-align: right; }


/*-------------------------------------------------Other*/
#Other {margin-top: 20px;margin-bottom: 20px;}
#Other .linkBox {flex-wrap: wrap;display: flex;}
#Other .Entry {width: 44%;margin-left: 4%; margin-bottom: 22px;}
#Other .Entry + .Entry{}
#Other .Entry dt { }
#Other .Entry dt img { width: 100%; }
#Other .Entry dd { font-size: 12px; }

#Other .Entry.haslink:hover dt{filter: alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
#Other .Entry.haslink:hover dd a{ text-decoration:none;}



/*-------------------------------------------------#Qsuite information */
.information {   
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    background: #e5c1cf;
    padding: 4%;
}
.information .photo{   
   text-align: center;
}

.catchcopy {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #5c0931;
    padding: 4px 9px;
    background: #5c0931;
    color: #ffffff;
}