@charset "utf-8";
.loadingIn{ height:350px;}

/*-------------------------------------------------IndexList*/
#IndexList { background-image:url(/kaigai/business/asset/images/common/opacity_white70.png); width: 1020px; margin: 0 auto; padding: 50px 15px; }
#IndexList .linkBox { display: flex; flex-wrap: wrap; }
#IndexList .Entry { width: 28%; margin-left: 4%; margin-bottom: 40px; }
#IndexList .Entry + .Entry { }
#IndexList .Entry .photo { padding-bottom: 7px; }
#IndexList .Entry .photo img { }
#IndexList .Entry dl { }
#IndexList .Entry dt { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2px; }
#IndexList .Entry dt p { font-size: 20px; letter-spacing: 2px; }
#IndexList .Entry dt p + p { background-color: #000; color: #fff; padding: 0 10px; font-size: 12px; letter-spacing: 0; }
#IndexList .Entry dd { font-size: 16px; font-weight: bold; padding-bottom: 8px; }
#IndexList .Entry dd a{text-decoration: none;}
#IndexList .Entry dd + dd { letter-spacing: 2px; text-align: right; }
#IndexList .Entry dd.txt { text-align: left; font-weight: normal; font-size: 14px; letter-spacing: 0; padding-bottom: 2px; }
#IndexList .Entry:hover dd a {text-decoration: underline;}
#IndexList .Entry:hover dd.txt {text-decoration: underline;}

/*-------------------------------------------------Title*/
#Title { width: 1020px; margin: 0 auto; display: flex; align-items: center; margin-bottom:40px; margin-top:25px;}
#Title .box { width: 45%; padding-right: 25px; box-sizing: border-box; }
#Title .box.photo { }
#Title .box + .box { width: 55%; padding-right: 0; }
#Title dl { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; }
#Title dt { padding-left: 5px; font-size: 16px; }
#Title dt strong{font-size: 46px;line-height: 1.2;letter-spacing: -1px; font-weight:normal;}
#Title dd { color: #fff; font-size: 12px; padding: 0 10px; }
#Title h2 { font-size: 28px; line-height: 1.4; padding-bottom: 10px; }
#Title h2 span{ display:block; font-size:20px; padding-top:5px;}
#Title .date { text-align: right; }

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



/*-------------------------------------------------Maintxt*/
#Maintxt { width: 1020px; margin: 0 auto; font-size: 16px; line-height: 1.9; padding-bottom:40px;}


/*-------------------------------------------------wrap*/
#Contents { width: 1020px; margin: 0 auto; justify-content: space-between; display: flex; }
#Main { width: 670px; margin-top:20px;}
#Side { width: 250px; }
#clone{ display: none; }

/*-------------------------------------------------PostList*/
#PostList { position:relative;border: 3px solid #eae6ca; padding: 15px; background-color: #fbfbfb; margin-bottom:40px;}
#PostList .deco { border-top: 30px solid #ada31c; border-right: 30px solid #ada31c; border-bottom: 30px solid transparent; border-left: 30px 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: -13px; color: #fff; font-size: 13px; line-height: 1; bottom: 1px; letter-spacing: 1px; transform: rotate(45deg); }

#PostList ul { }
#PostList li { font-size: 16px; 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:30px;}
#Post .GeneralTtl{ padding-bottom:20px;}
#Post .sec { padding-top: 20px; }
#Post .sec h3 { font-size: 20px; border-bottom: 1px solid #c7caa1; margin-bottom: 20px; padding-bottom: 5px; }

#Post .sec + .sec { margin-top: 60px; }
#Post .sec .Entry { padding-top:25px;}
#Post .sec .Option + .Entry{ margin-top:30px;}
#Post .sec .Entry + .Entry { margin-top: 25px; }
#Post .sec .Entry .photo { margin-bottom: 15px; }
#Post .sec .Entry .txt { font-size: 16px; }
#Post .sec .Entry .txt span{ font-size: 14px; }
#Post .sec .Entry .txt + .txt { padding-top: 20px; }
#Post .sec .Entry .Option + .txt{ padding-top:15px}

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

/*-------------------------------------------------phototree*/
.phototree {display: flex;margin-top: -12px;justify-content: space-between;}
.phototree .photo  {width: 33%;}

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

/*-------------------------------------------------Item Btn*/
.Item.Btn .btnGlobal { padding-top: 10px; }
.Item.Btn .btnGlobal a { padding: 17px 0 17px 10px; font-size: 14px; font-weight: bold; }
.Item.Btn .btnGlobal a + a { margin-left: 10px; }
.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.pc_none { display: none; }

/*-------------------------------------------------Item Contact*/
.Item.Contact {display: flex;flex-wrap: wrap;}
.Item.Contact .txt { flex: 1; padding-right: 15px; }
.Item.Contact .btnGlobal { flex: 0.4; align-self: center; }
.Item.Contact .btnGlobal a { font-size: 14px; font-weight: normal; padding: 20px 10px; }


/*-------------------------------------------------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: 20px !important; border-top: 1px dotted #666; padding-top: 20px !important;}
.Item.Tour .ctcms .Entry .linkArea {flex-wrap: wrap;justify-content: flex-end;display: flex;}
.Item.Tour .ctcms .Entry .photo {-webkit-transition: all .3s ease-out;width: 165px;padding-right: 20px;}
.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;display: flex;}
.Item.Tour .ctcms .Entry .main .data li{font-size:12px;border:1px solid #242424;padding:0 8px;}
.Item.Tour .ctcms .Entry .main .data li + li{margin-left: 5px;}
.Item.Tour .ctcms .Entry .main .data li.brand{margin-left: auto;color: #fff;}
.Item.Tour .ctcms .Entry .main .data li.brand.exe{ background-color:#929146;border-color: #929146;}
.Item.Tour .ctcms .Entry .main .data li.brand.imp{background-color:#6d3c94;border-color: #6d3c94;}

.Item.Tour .ctcms .Entry .main .states { font-weight:bold; box-sizing:border-box; color: #C51D4F; margin-bottom: 5px; font-size: 14px; }
.Item.Tour .ctcms .Entry .main h4 {font-size: 16px;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: 15px; font-size: 12px; }
.Item.Tour .ctcms .Entry .btm {box-sizing: border-box;margin-top: -12px;width: 100%;display: flex;text-align:center;justify-content: flex-end;align-items: baseline;}
.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: 20px 25px; margin-top: 20px; border: solid 5px #e6d9a0; }
.Option .txt { font-size: 14px !important; padding-bottom: 15px; padding-top: 15px; }
.Option .txt + .txt { padding-top: 0 !important; }
.Option .desc {background-color: #f9f6e9;padding: 15px 21px;}
.Option .desc dt {font-weight: bold;color: #b79f36;font-size: 16px;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: 30px; font-size: 12px; margin-top:30px; }
.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; text-align:center;}

/*-------------------------------------------------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:60px; margin-bottom: 60px; }
#Other .linkBox {display: flex;margin-bottom: 30px;}
#Other .Entry {width: 24%;}
#Other .Entry + .Entry{ margin-left:2%}
#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;}

/*-------------------------------------------------#Side */
#Side h2 { text-align: center; padding-bottom: 20px; }
#Side .linkBox {margin-bottom: 20px;}
#Side .Entry { display: flex; }
#Side .Entry + .Entry { margin-top: 8px; border-top: 1px dotted #a2a2a2; padding-top: 14px; }
#Side .Entry .photo { flex: 1.5; }
#Side .Entry .photo img { }
#Side .Entry dl { flex: 2; padding-left: 10px; margin-top:-5px;}
#Side .Entry dt {display: flex;justify-content: space-between;align-items: center;margin-bottom: 2px;}
#Side .Entry dt p {font-size: 14px;letter-spacing: 1px;}
#Side .Entry dt p + p {background-color: #000;color: #fff;padding: 0 5px;font-size: 10px;}
#Side .Entry dd { font-size: 12px; }
#Side .Entry dd + dd {letter-spacing: 1px;text-align: right; padding-top:1px;}
#Side .Entry:hover dd a{ text-decoration:none;}

#Side .btnLocal { margin-bottom: 40px; }
#Side .btnLocal a { padding: 10px 0; width: 100%; font-size: 14px; box-sizing: border-box; }
#Side .Bn { }
#Side .Bn li { }
#Side .Bn li + li { margin-top: 5px; }
#Side .Bn li a img{width: 100%;}
#Side .Bn li a:hover { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }



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

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