/* CSS Document */
.clearfix:before,
.clearfix:after{
	content:"";
	display:block;
	overflow:hidden;
}
.clearfix:after{ clear:both;}
.clearfix{ zoom:1;}

/*===============================*/
*{	
	margin:0;
	padding:0;
}
p{margin:0;
padding:0;}
a { text-decoration:none;}

.smp_none{ display: none;}

body {
	margin: 0;
	padding: 0;
	font-family:'Noto Sans JP', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
ul,li {list-style-type:none; margin:0; padding:0;}

/* レイアウトルール */
#l-wrapper{
	padding:0 0 6% 0;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	width:100%;
	margin:0 auto ;
	background: url("../../img/bg02.png");
}
#wrap{background: url("../../img/bg02.png");}

.l-container img{
	max-width:100%;
	height:auto;}
	
.container{
	background:#FCFACA; padding:2% 0 1% 0;}

.l-container{
	width:96%;
	margin:5% auto 0; box-sizing:border-box;
	text-align:left;
	padding:10px 0 0;
}

/* パンくず */
#breadcrumb{color: #000;}

.linkArea.search{ background-color: #ffff9e !important;}


/* 空席紹介スライダー */

/* Insignificant stuff, for demo purposes */
.panel h2.title { margin:0; padding:0; font-size:110%; }
/* Most common stuff you'll need to change */
.coda-slider-wrapper { margin:0; padding:44px 0 5px; background:url(../img/seat/seatavailable-top-txt.png) no-repeat center top; }
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height:200px; overflow:auto !important; padding-right:20px; }
/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width:796px; } 
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width:800px; }
.coda-slider-wrapper.arrows .coda-slider { margin-top:0px; }
/* Tab nav */
.coda-nav ul li a.current { background:#39c; }
/* Preloader */
.coda-slider p.loading { padding:20px; text-align:center; }
/* Don't change anything below here unless you know what you're doing */
/* Tabbed nav */
.coda-nav ul { clear:both; display:block; margin:auto; overflow:hidden; }
.coda-nav ul li { display:inline; }
.coda-nav ul li a { background:#000; color:#fff; display:block; float:left; margin-right:1px; padding:3px 6px; text-decoration:none; }
/* Miscellaneous */
.coda-slider-wrapper { height:285px; position:relative;}/*height:360px;*/
.coda-slider { float:left; overflow:hidden; position:relative; z-index:10; }
.coda-slider .panel { display:block; float:left; }
.coda-slider .panel-container { position:relative; }
.coda-nav-left { float:left; position:absolute; top:9px; left:0; z-index:100; cursor:pointer;}
.coda-nav-right { float:left; position:absolute; top:9px; right:5px; z-index:100;  cursor:pointer;}
.coda-nav-left a, .coda-nav-right a { display:block; text-align:center; text-decoration:none; }




/* 航空券+ホテル */

.eyeCatch {
	margin: 0;
	padding:0;
	overflow: hidden;
	zoom: 1;
}



/**/
.catbox{
	width: 100%;
	margin: 0 0 2% 0;
	
	}

.corse_btn{
	float: left;
	width: 100%;
	margin: 0 7px 15px 0;
	}

.corse_btn a{
	display:block;
	background:#CCCCCC;
	padding:5px;
	margin:0 3px 0;
	text-align:center;
	text-decoration:none;
	border-radius:0 0 6px 6px;
	}

.corse_btn a:hover{background:#333333; color:#FFF;}


/*----- midashi -----*/

/*h3.tourpick {display:block; text-align:center; width:100%; font-size:6vw; padding:4% 0; font-weight:bold; color:#81511c; border-bottom: #ab9569 solid 3px;}

h3.tourpick span{ font-size:20px;}

.midashi{background:#FFF; position: relative; }
.midashi::after{
	content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-top-color: #ab9569;
    position: absolute;
    right: 50%;
    top: 100%;
}
.oshi{ padding:2%; text-align:center;}

.type01 {
	background: url(../../img/ic02.png) no-repeat left bottom #FCFACA;
	margin: 0 0 0;
}
.type02 {
	background: url(../../img/ic01.png) no-repeat left bottom #FCFACA;
	margin: 25px 0 0;
}
.type03 {
	background: url(../../img/ic04.png) no-repeat left bottom #FCFACA;
	background-size:55px;
	margin: 25px 0 0;
}
.type04 {
	background: url(../../img/ic03.png) no-repeat left bottom #FCFACA;
	margin: 25px 0 0;
}
.type05 {
	background: url(../../img/ic05.png) no-repeat left bottom #FCFACA;
	margin: 25px 0 0;
}
.type06 {
	background: url(../../img/ic06.png) no-repeat left bottom #FCFACA;
	margin: 25px 0 0;
}*/

h3.tourpick{
	font-size: 25px;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin: 30px 15px 15px;
	padding: 5px 0 10px;
    color: #333;
    border: #333 solid 3px;
    border-radius: 18px;
    background: #ffff00;
    box-shadow: -7px -5px 0 0 #e0e000 inset, 2px 3px 0 0 #000;
}
h3.tourpick:before{
	content: " ";
    position: absolute;
    top: 100%;
    left: 47%;
    width: 0;
    height: 0;
    border-width: 17px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #333;
}
h3.tourpick:after{
	content: " ";
    position: absolute;
    bottom: -22px;
    left: 48.5%;
    width: 0;
    height: 0;
    border-width: 11px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #e0e000;
}


/*カレンダー*/

/*ステータス入商品情報*/

.icon_sts{border:1px solid #CCC; padding:5px; text-align:center; margin-bottom:15px; background:#FFFFFF;}
.preback{position:absolute; top:100px; display:block; width:75px; z-index:1;}
.preback a{display:inline-block; background:#AAA; border-radius:50%; padding:18px 5px; color:#FFFFFF; text-decoration:none; cursor:pointer; text-align:center;}
.preback a span{font-size:140%; font-weight:bold; line-height:1.0;}
.preback a:hover{background:#0066CC;}
.fl{left:-70px;} .fr{right:-70px;}

.sts_tour_box{border:#F6C500 solid 2px; padding:5px; margin-bottom:15px; z-index:2; background:#FFFFFF;}
.sts_tour_box .tour_txt{width:65%; float:right;}
.sts_tour_box .tour_img{width:34%; float:left; margin-right:1%;}
.sts_tour_box .tour_img img{width:100%;}
.sts_tour_box .tour_txt a h3{font-size:130%; margin:5px 0; color:#006699;}
.sts_tour_box .tour_txt a:hover h3{color:#6600CC;}
.sts_tour_box .tour_txt .price{font-size:130%; color:#FF0000; font-weight:bold;}

.sts_tour_box table{display:none;}
<!--.sts_tour_box table{border:solid #999; border-width:1px 0 0 1px; margin:0; padding:0; height:78px; width:98%;}-->
.sts_tour_box table td{padding:3px; border:solid #999; border-width:0 1px 1px 0; text-align:center;}

.sts_tour_box table td a:hover{text-decoration:underline;}

.sat{background:#A3BCE2;}
.sun{background:#F5B2B2;}
.dep{background:#E8E8E8;}
.price_waku{color:#F00;}


.tour_link a{display:none;}




/* パンくず非表示 */
#pankuzu_bg{display:none;}




/*----- parts.css -----*/

#kv{
height: 0; width:100%;
     padding-top: 72.666%;/* 高さ545 ÷幅750 × 100 */
    background: url(../img/index_header_title.png)0 0 no-repeat;
    background-size: contain;
	
}

#kv_tour{
	height:180px;
	background: url(../img/common/title_bg_tour.png)  no-repeat center top;
	background:#f6c500;
}

.seat_bg{display:none;}


#titlearea{ display:none;}


.titleArea.headlines{ background:#10bfb1;}
.titleArea.headlines.dateIcon{padding: 2%;}
.titleArea.multiline .titleText{
	padding: 5px 0 1px 60px;
    line-height: 1.2em;
    display: block; color:#FFFFFF; font-size:140%;
	 background:url(../img/date.png) no-repeat; background-size:40px; background-position: 8px 2px;}
.titleArea.headlines.multiline .titleText span{
	line-height: 1em;
    padding: 0;
    display: block;
    color: #FFFFFF;
    font-size: 75%;
    font-weight: normal;
    margin-bottom: 1%;}

.imageArea img{ width:100%;}
.descArea{padding:3% 2%; background: #fff;}
.descArea .textArea{
	padding:3% 1% 3%;
	color: #067278;
    text-shadow: 2px 2px 1px #e2c934;
    line-height: 1.4em;
    font-weight: bold;
    text-align: center;
	font-size: 4.5vw;
}


/*ステータス入商品情報*/

.sts_waku{ position: relative; /*width:96%;*/  margin:0 auto;}
.sts_tour_box{ line-height:1.3em;}
.sts_tour_box .tour_txt{width:100%; float:none;}
.sts_tour_box .tour_img{width:40%; margin-right:2%; margin-bottom:2%;}
.sts_tour_box .tour_txt a h3{font-size:1em;}
.preback a{display:inline-block; background:#AAA; border-radius:60%; padding:18px 5px; color:#FFFFFF; text-decoration:none; cursor:pointer; text-align:center;font-size:0.8em;}
.preback a span{font-size:120%; font-weight:bold; line-height:1.0;}
.sts_tour_box .copy{font-size:0.8em;line-height:1.1;}
.sts_tour_box table td{ padding:3px; border:solid #999; border-width:0 1px 1px 0; text-align:center;}

.sts_tour_box .tour_txt .price {  clear:both;font-size:1.2em;}
.sts_tour_box .tour_txt .departureDate,.hotel,.icon_sts { font-size:0.8em;  }

.sts_tour_box .tour_txt .hotel{ padding: 3px 5px;   background-color: #EAF2FA;}


.sts_tour_box table{}
.sts_tour_box table td{padding:3px; border:solid #999; border-width:0 1px 1px 0; text-align:center; font-size:0.9em; }


#titlearea{width:960px; margin:0 auto;}
#titlearea img{float:left; margin:0; padding:0; border:0;}
#titlearea a{width:960px; display:block; margin:0 auto;}




#infoarea{
	float:left;
	position:relative;
	width:250px;
	height:216px;
}

#infoarea img {
	position:absolute;
}

img.img01{
	top:10px;
	left:10px;
}

img.img02{
	top:100px;
	left:10px;
}










/*------eyeCatch 3colums-------*/
#eyeCatch {
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto;
	line-height:1.2;
}
/*#eyeCatch > li {
	margin: 0 0 5% 0;
	border: 0;
	background:#FFF;
}*/
#eyeCatch div.mosaic-wrap {
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding: 3px;
}

/*General Mosaic Styles*/
.mosaic-block {
	position:relative;
	width:100%;
	background:#FFFFFF;
	border:#f6c500 solid 2px;
}

.mosaic-block a {
	text-decoration: none;

	
}

.bar2 .mosaic-overlay{	
}
.imgLiquid_bgSize{ width:32%; height:100%;	position:absolute;
	left:0;top:0;}

.bar2 .mosaic-overlay .details {
	width:64%;
	padding:2%;
	margin-left:32%;
	font-size:0.9em;
}




/*------方面タイトル-------*/
div.mosaic-block h2 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 32%;
	height: 20px;
	padding: 5px 0; 
	color: #fff;
	/* background: rgb(0, 0, 0); fallback color */
	/*background: rgba(0, 0, 0, 0.75);*/
	background: url(../img/bg-black-80.png);
	z-index: 99;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	text-shadow: 1px 1px 0 rgb(0,0,0);
	margin:0;
}




/*------商品タイトル-------*/
.mosaic-block h3 {
  width: 100%;
    display: block;
    padding: 2px 0 2px 0;
    clear: both;
    font-size: 1.0em;
	color:#004098;
}

/*------料金-------*/
.mosaic-block p.price {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	color: #F00;
}

/*------ホテルグレード-------*/
.mosaic-block p.hotel {
    clear: both;
    font-size: 0.65em;
    line-height: 1.2;
    margin-bottom: 5px;
    margin: 0 auto 5px;
    padding: 3px 5px;
    text-align: left;
    color: #333;
    background-color: #EAF2FA;
    width: 98%;
}


/*------アイコン-------*/
ul.icon { display:none; }

/*------出発日-------*/
.mosaic-block p.departureDate {font-size: 0.7em;}


/*------キャッチコピー-------*/
.mosaic-block p.copy {font-size: 0.8em;}

/* topBtn */

#footerBox{
	display:block; font-size: 80%;
    clear: both;
    background: #10bfb1;
    padding: 1em 0.7em 0.5em;
	}
#footerBox .footer-pagetop{
    margin: 0.2em auto 1em;
    width: 80%;
    background-color: #fff;
    color: #004BB0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
}
#footerBox .footer-pagetop a{
    display: block;
    padding: 0.5em;
    color: #10bfb1;
}

/* -------------------- アコーディオンメニュー -------------------- */

#navi_menu_area{display:none;}

div.accordion {
	width: 95%;
	display: block;
	border-top: solid 3px #ffff00;
	z-index:9999px;
	margin:0 auto;
}
div.accordion > ul > li > a {
	display: block;
	color: #fff;
	font-size: 4vw;
	text-decoration: none;
	background-color: #222;
	border-bottom: 1px solid #FFF;
	cursor: pointer;
	padding:3%;
	position: relative;
}
/* div.accordion > ul > li > a:hover{
	background-color: #F2582F;
}*/

div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
    font-size: 3vw;
    position: absolute;
    right: 5%;
    top: 30%;
    color: #FFF;
}
div.accordion > ul > li > a:after{
	content: "\25BC";
}
div.accordion > ul > li > a.active:after{
	content: "\25B2";
}
div.accordion > ul > li > ul {
	display: none;
	border-right: 1.5px solid #fff;
}
div.accordion > ul > li > ul > li > a{
	display: block;
	color: #333;
	font-size: 3.5vw;
	background:#c6dfd7;
	border-left: 1.5px solid #fff;
	border-bottom: 1.5px solid #fff;
	padding: 3% 0;
	position: relative;
	text-align:center;font-weight:bold;
	width:50%;box-sizing: border-box;
	float:left;
}
div.accordion > ul > li > ul > li > a:hover{
	background-color: /*#53B4B4*/#FFDC73;
}
	

.fixed{
	position:fixed;
	top: 0px;
	left: 0;
	z-index:999999;
}

/* ===============================================
 gNav（ナビ部分/全共通）　
=============================================== */
#gNav{margin:0 0 2%;text-align:center;}
#gNav .tabMenu{letter-spacing:-.40em;}
#gNav .tabMenu li{width:25%; letter-spacing:normal;text-align:center;display:inline-block;}
#gNav .tabMenu li img{width:95%;}

.comment{margin:4%; text-align:center; font-size: 3vw; }



/****************************************
		簡易版
*****************************************/

#navigationWrap, .navigationWrap{
	padding: 2% 0 0;
}


.navi-box{
	    width: 96vw;
    margin: 2vw auto 4vw;

        display: flex;
    flex-wrap: wrap;
}
.navi-box li{
margin: 0 0.5vw 1vw;
	text-align: center;
	font-weight: bold;
    width: 47vw;

}
.navi-box li a{
	font-size: 3vw;
    padding: 8px 2px 12px;
    background: #000000;
    color: #ff0;
    text-decoration: none;
    display: block;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    background-repeat: no-repeat;
    background-position: right 1.5% bottom 50%;
    background-size: 25px;
    background-image: url(/ngo/common/img/icon/icon_down01_wh.png);
}
.navi-box>li.inter a{background-color:#0BADD3; color: #fff;}

.navi-box2>li.on a{background: #0BADD3; color: #fff;}
.navi-box3>li.on a{  background: #EA5C8B; color: #fff;}
.ttl_img{
	width: 100%;
    margin: 0 auto 2%;
    padding: 2% 0 0;
    overflow: hidden;
	text-align: center;
    font-size: 25px;
    font-weight: bold;
}
.ttl_img img { width:80%;}

#desc{
	width: 100%;
}
#desc p {
    font-size: 3.5vw;
    padding: 2% 4%;
}
#desc p span {
    font-weight: bold;
}

#desc img {
    width: 100%;
    max-width: 100%;
    vertical-align: bottom;
}
/****************************************
		# 商品設定
*****************************************/
.section-box-wrap{
	/*margin:0 0 4vw;*/
/*	background:#EEEEEE;*/
	padding:8px 5px 5px 0;
    
	}

.section-box-wrap h2 {
	width: 97%;
	margin: 0 auto 2%;
}


.item-wrap {
	width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
/*    margin-bottom: 4vw;*/
}

.item-wrap .item-json-wrap {
    display: flex;
    padding: 2vw 0 2vw 2vw;
}

.item-wrap .item-json-wrap > li {
    /*border: 1px solid #eee;*/
    /*background-color: #fff;*/
    margin: 0 5px 0 0;
}


.item-wrap .item-box {
    width: 62vw;
    padding: 3%;
    background: #FFF url(/ngo/common/img/icon/icon_corner.png) no-repeat right 2px bottom 2px;
    background-size: 7px;
    margin: 0 0;
    text-align: left;
    position: relative;
    line-height: 1.4;
    border: 1px solid #737373;
    box-shadow: 2px 3px 0 0 #d6d6d6;
}


.sub_link{
	display: block;
	background: #007bbb;
	font-size: 0.9em;
	text-align: center;
	position: relative;
	padding: 7px;
	color: #FFF;
	border-radius: 0 0 4px 4px;
}

.item-box a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
}

.item-box-pic img{
    width: 100%;
    box-sizing: border-box;
    margin-top: -3%;	
}

.item-wrap .item-box .item-box-img .item-box-icon {
	padding: 2px 3px;
	background: #EB8C26;
	color: #FFF;
	font-size: 0.6em;
	text-align: center;
}
.item-wrap .item-box .item-box-img .item-box-icon.airasia {
	background: #ea0001;
}
.item-wrap .item-box .item-box-img .item-box-pic,
.item-wrap .item-box .slick-container .item-box-pic {
	float: none;
	width: 100%;
	height: auto;
	margin: 0;
	border-radius: 0;
	overflow: hidden;
}

.item-wrap .item-box .item-box-info {
	width: 100%;
    margin: 0;
    padding: 2% 0 2% 0.5%;
}

.item-wrap .item-box .item-box-info .item-box-ttl,
.item-wrap .item-box .item-box-info .item-box-ttl2 {
	float: none;
    width: 100%;
    margin: 0 0 3px;
    font-size: 3.9vw;
    font-weight: bold;
    text-align: center;
}
.item-box-point{
	color: #333333;
    display: block;
    font-size: 3.2vw;
    font-weight: normal;
    margin-top: 5px;
    text-align: left;
}

.item-wrap .item-box .item-box-info .item-box-ttl2 {
	color: #BD1C54;
}

.item-wrap .item-box .item-box-info .item-box-txt,
.item-wrap .item-box .item-box-info .item-box-txt2 {
	float: none;
	width: 100%;
	margin: 0 0 5px;
	padding: 3px 5px;
	background: #FAFAFA;
	color: #333;
	font-size: 0.65em;
	line-height: 1.2;
	text-align: left;
}
.item-wrap .item-box .item-box-info .item-box-txt2 {
	margin: 0 0 7px;
	background: #F8F3E7;
	font-size: 0.7em;
}

.item-box-url {
	clear: both;
	display: block;
	padding: 0 0 5px;
}
.item-box-url a {
	display: inline-block;
	padding: 5px 25px 5px 7px;
	background: #DDD url(https://www.his-j.com/kix/sp/img/icon/icon_next01.png) no-repeat right 5px center;
	background-size: 14px;
	border-radius: 3px;
	color: #333;
	font-size: 0.6em;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
}

.item-wrap .item-box .item-box-price {
	margin: 4% 0 3%;
    font-size: 4vw;
    text-align: right;
    font-weight: bold;
    color: #F00;
}




.goto .item-box-price::before {
    content: "Go Toトラベル 表示価格より最大半額補助";
     background-color: #f00;
    font-size: calc(22vw / 750 * 100);
    color: #FFF;
    padding: 0.3em;
display:block;
    margin: 3px auto;

}
.love .item-box-price::before {
    content: "LOVEあいちキャンペーン適応価格";
    background-color: #7897A6;
    font-size: 12px;
    color: #FFF;
    padding: 0.3em;
    display: block;
    margin-top: 5px;
	text-align: center;
}




.item-box-span{
	color:#666;
	font-size:2.8vw;
	text-align:right;
}

.item-box-more {
	width: 96%;
	margin: 7px auto 5px;
	padding: 7px 0;
	background: #BD1C54;
	color: #FFF;
	font-size: 0.8em;
	text-align: center;
}

.comment{margin:4%; text-align:center; font-size: 3vw; }

.tag{
    color: #000;
    width: 100%;
    box-sizing: border-box;
    padding: 2.5% 0;
    font-size: 3vw;
    letter-spacing: -0.03em;
    background: #ffffb6;
    display: block;
    text-align: center;
    margin-top: 1%;
}

.tag2 {
    background: #FFFF33;
    color: #000000;
    font-weight: bold;
    padding: 2% 6%;
    font-size: 2.9vw;
    position: absolute;

    right:3%;
    top: 3%;
/*    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;*/
}

/*#footerAreaSP{background: rgba( 255, 255, 255, 0.7) }
#footerAreaSP h3{ background-color: #ffff00 !important;}
#searchArea .linkArea.btn a { color: #ffff00!important;}
#searchArea .otherLinkArea a{    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
    background: url(/ngo/common/img/icon/box_white001.png) no-repeat 95% 50% #000!important;
    background-size: 15px 13px!important;
    color: #FFF;}
*/

.section-other-btn {
	display: block;
	width: 100%;
	margin: 5px auto 10px;
}
.section-other-btn a {
	display: block;
    width: 92%;
    margin: 0 auto;
    padding: 3.5%;
    background: #000 url("/ngo/common/img/icon/icon_next01_wh.png") no-repeat right 5px center;
    background-size: 20px;
    border-radius: 3px;
    color: #fff;
    font-size: 3.5vw;
    line-height: 1;
    text-decoration: none;
}


/****************************************
  higasino # charter
*****************************************/

#charter_wrp ,#charter_wrp .item-wrap{ 
	/*background: linear-gradient(-45deg, #6CDFE1 25%, #98E9EA 25%, #98E9EA 50%, #6CDFE1 50%, #6CDFE1 75%, #98E9EA 75%, #98E9EA);
	background-size: 4px 4px;*/
}

/*#charter_wrp .tag{
	background:#ed8002;
	color: #FFF;
	font-size:3vw;
	letter-spacing:-0.05em;
}*/
#charter_wrp .tag2 {
    background: #ffff33;
  color: #004bb0;
}
.charter_ttl{

    color: #222;
    font-size: 5.0vw;
    font-weight: bold;
    text-align: center;
    line-height: 1.2;
    padding: 1.5% 0 1.5%;
    background: url(../img/ttlbg_sp.png) no-repeat center ;
    background-size: contain;

	text-shadow: 0.3px 0.3px 6px #ffffff;
}
	
.charter_ttl span{ display:block; font-size:0.8em; padding-bottom:5px; position:relative; }

/*.charter_ttl span::before {
	content: '';
	position: absolute;
	top: -5px;
	left:2%;
	width:60px;
	height:60px;
background: url(../../img/plane.png) no-repeat; background-size:45px;
}*/

#charter_wrp .item-box-pic{ box-sizing:border-box;}
#charter_wrp .item-box-pic img{width: 100%;}


/*DP*/ 
.grid-col__body{    padding: 2% 0 2% 0.5%;}
.dp-list {
    font-size: 12px;
    line-height: 1.3;
    display: flex;
    align-items: baseline;
}
.dp-list+.dp-list {
    margin-top: 2px;
}
.dp-list .dp-list__item {
    display: inline-block;
    background: #7d7d7d;
    color: #FFF;
    text-align: center;
    width: 72px;
    padding: 2px 0 2px;
    margin-right: 5px;
    font-size: 0.9em;
}

.dp-list>span+span {
    width: calc(100% - 72px - 5px);
}