@charset "UTF-8";
/* CSS Document */

/*----------------------------------
	index用のCSSです
----------------------------------*/
.contents * { box-sizing:border-box;}
.contents img { vertical-align:top;}

.containner {
	width: 960px;
	margin: 0 auto;
}

h1 { margin-bottom:20px;}
.containner img { width: 100%;}
.box_new { float:left; width:730px; height:auto; margin-bottom:20px;}
.box_new .inbox {
	padding:15px 0 10px 15px;
	background-color:#f7e3e3;
	border:solid 1px #e41e1e;
	border-top:none;
}
.box_new .inbox ul { float:left; width:340px; height:auto; margin:0 15px 3px 0;}
.box_new .inbox ul li { float:left; vertical-align:top;}
.box_new .inbox ul .icn { width:51px; height:auto;}
.box_new .inbox ul .txt {
	width:270px;
	background-color:#fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative; 
	margin-left: 15px;
}
.box_new .inbox ul .txt:before {
	content: url(/attending/fuk-i/554978/images/icn_fkds.png);
	position: absolute;
	top: 50%;
	left: -10px;
	margin-top: -4px;
}
.box_new .inbox ul .txt span {
	display:inline-block;
	font-size:12px;
	line-height:1.5;
	padding:10px 15px;
}
.box_topic { float:right; width:220px; height:auto; margin-bottom:20px;}
.box_topic h3 { margin-bottom:10px;}
.box_topic dl dd { font-size:12px; line-height:1.2; color:#1d3994; padding-top:5px;}

.box_other { float:left; width:960px; height:auto; margin-bottom:20px;}
.box_other .inbox {
	padding:10px 0 10px 10px;
	background-color:#f7e3e3;
	border:solid 1px #e41e1e;
	border-top:none;
}
.box_other .inbox dl {
	float:left;
	width:227px;
	height:auto;
	margin-right:10px;
}
.box_other .inbox dl dd {
	font-size:12px;
	line-height:1.2;
	color:#1d3994;
	padding-top:5px;
}

.tab { clear:both;}
.tab li { float: left; margin: 0 13px 0 0; cursor: pointer;}
.tab li:nth-child(3) { margin-right:14px;}
.tab li:last-of-type { margin-right:0;}
.area { clear:both; margin-top:-5px;}
.area section { display: none; overflow:hidden; margin-bottom:20px; padding:20px 15px;}
.area section.show { display: block;}

/* 北米 */
.area section.area01 { background:#deede4 url(/attending/fuk-i/554978/images/tab01_bdr.png) no-repeat top center; border:solid 5px #0f813b; border-top:none;}
.area section.area01 div .tab01bdr { border:solid 1px #0f813b;}
.area section.area01 .tourInBox01 .dateMds {
	background:url(/attending/fuk-i/554978/images/tab01SbTtl01.png) no-repeat;
	width:680px;
	height:33px;
	font-size:18px;
	line-height:1.5;
	color:#fff;
	padding:5px 0 0 30px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */}

/* ハワイ */
.area section.area02 { background:#edf5f7 url(/attending/fuk-i/554978/images/tab02_bdr.png) no-repeat top center; border:solid 5px #2a9bae; border-top:none;}
.area section.area02 div .tab01bdr,
.area section.area02 div .tab02bdr { border:solid 1px #2a9bae;}
.area section.area02 .tourInBox01 .dateMds { background:url(/attending/fuk-i/554978/images/tab02SbTtl01.png) no-repeat; width:680px; height:33px; font-size:18px; line-height:1.5; color:#fff; padding:5px 0 0 30px;}

/* 中米・カリブ海 */
.area section.area03 { background:#ebe3e7 url(/attending/fuk-i/554978/images/tab03_bdr.png) no-repeat top center; border:solid 5px #9c4979; border-top:none;}
.area section.area03 div .tab01bdr,
.area section.area03 div .tab03bdr { border:solid 1px #9c4979;}
.area section.area03 .tourInBox01 .dateMds { background:url(/attending/fuk-i/554978/images/tab03SbTtl01.png) no-repeat; width:680px; height:33px; font-size:18px; line-height:1.5; color:#fff; padding:5px 0 0 30px;}

/* 南米 */
.area section.area04 { background:#e9e7e4 url(/attending/fuk-i/554978/images/tab04_bdr.png) no-repeat top center; border:solid 5px #856026; border-top:none;}
.area section.area04 div .tab01bdr,
.area section.area04 div .tab04bdr { border:solid 1px #856026;}
.area section.area04 .tourInBox01 .dateMds { background:url(/attending/fuk-i/554978/images/tab04SbTtl01.png) no-repeat; width:680px; height:33px; font-size:18px; line-height:1.5; color:#fff; padding:5px 0 0 30px;}

/* 共通 */
.area section .tourBox { float:left; overflow:hidden; width:680px; height:auto; margin-bottom:10px;}

.area section .tourInBox01 { margin-bottom:15px;}
.area section .tourInBox01 dl  { width:680px; height:auto; padding:10px;}
.area section .tourInBox01 dl .pict ul { overflow:hidden;}
.area section .tourInBox01 dl .pict ul .p01 { float:left; width:438px; height:327px;}
.area section .tourInBox01 dl .pict ul .p02 { float:right; width:215px; height:157px; margin-bottom:9px;}
.area section .tourInBox01 dl .pict ul .p03 { float:right; width:215px; height:160px;}
.area section .tourInBox01 dl dt a { font-size:18px; line-height:2; color:#1d2974;}
.area section .tourInBox01 dl .price { font-size:18px; line-height:1.5; color:#de1715; text-align:right;}
.area section .tourInBox01 dl .detail ul { overflow:hidden;}
.area section .tourInBox01 dl .detail ul .txt { loat:left; width:400px; font-size:14px;}

.area section .tourInBox01 dl .detail ul .ellipsis { position: relative; height: 40px; overflow: hidden; line-height: 20px;}
.area section .tourInBox01 dl .detail ul .ellipsis:before, .ellipsis:after { position: absolute; background: #fff;}
.area section .tourInBox01 dl .detail ul .ellipsis:before { content: "･･･"; bottom: 0; right: 0;}
.area section .tourInBox01 dl .detail ul .ellipsis:after { content: ""; width: 100%; height: 100%;}
.area section .tourInBox01 dl .detail ul .btn { float:right; width:255px; height:35px; margin-top: 7px;}

.area section .tourInBox02 { float:left;}
.area section .tourInBox02 dl { width:332px; height:auto; padding:10px;}
.area section .tourInBox02 dl .pict { width:310px; height:233px;}
.area section .tourInBox02 dl dt a { font-size:14px; line-height:25px; color:#1d2974;}
.area section .tourInBox02 dl .price { font-size:16px; line-height:1.5; color:#de1715; text-align:right;}
.area section .tourInBox02 dl .txt { width:305px; font-size:14px;}

.area section .tourInBox02 dl .ellipsis { position: relative; height: 75px; overflow: hidden; line-height: 23px;}
.area section .tourInBox02 dl .ellipsis:before, .ellipsis:after { position: absolute; background: #fff;}
.area section .tourInBox02 dl .ellipsis:before { content: "･･･"; bottom: -6px; right: 0;}
.area section .tourInBox02 dl .ellipsis:after { content: ""; width: 100%; height: 100%;}
.area section .tourInBox02 dl  .btn { width:305px; height:38px; text-align:center;}

.area section .tourInBox03 { float:right; }
.area section .tourInBox03 dl { width:332px; height:auto; padding:10px;}
.area section .tourInBox03 dl .pict { width:310px; height:233px;}
.area section .tourInBox03 dl dt a { font-size:14px; line-height:25px; color:#1d2974; overflow: hidden;}
.area section .tourInBox03 dl .price { font-size:16px; line-height:1.5; color:#de1715; text-align:right;}
.area section .tourInBox03 dl .txt { width:305px; font-size:14px;}

.area section .tourInBox03 dl .ellipsis {position: relative; height: 75px; overflow: hidden; line-height: 23px;}
.area section .tourInBox03 dl .ellipsis:before, .ellipsis:after { position: absolute; background: #fff;}
.area section .tourInBox03 dl .ellipsis:before { content: "･･･"; bottom: -6px; right: 0;}
.area section .tourInBox03 dl .ellipsis:after { content: ""; width: 100%; height: 100%;}
.area section .tourInBox03 dl  .btn { width:305px; height:38px; text-align:center;}

.area section .tourInBox04 { clear:both; padding-top: 30px; /*height: 100px; position: relative;*/}
/*.area section .tourInBox04 div.inner { position: absolute; left: 0; bottom: 0;}*/
.area section .tourInBox04 ul { overflow:hidden; border-bottom:dotted 1px #adb2b3; margin-bottom:10px; padding-bottom:10px;}
.area section .tourInBox04 ul:last-child { margin-bottom: 0;}
.area section .tourInBox04 ul .name { float:left; width:510px; margin-right: 20px; overflow: hidden; height:auto; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.area section .tourInBox04 ul .name a { font-size:14px; line-height:1.5; color:#232584;}
.area section .tourInBox04 ul .price { float:right; font-size:14px; line-height:1.5; color:#de1715; text-align:right;}

.blogBox { float:right; width:220px; height:auto; margin-bottom:10px;}
.blogInBox { padding:10px 20px; background-color:#fff;}
.blogInBox dl { border-bottom:solid 2px #abaaaa; margin-bottom:8px; padding-bottom:8px;}
.blogInBox dl:last-child { border-bottom:solid 2px #abaaaa; margin-bottom:8px; padding-bottom:8px;}
.blogInBox dl .date { font-size:12px; line-height:1.5; height: 20px;}
.blogInBox dl .pht01 { width:180px; height:122px; overflow: hidden;}
.blogInBox dl .pht02 { width:180px; height:120px; overflow: hidden;}

.blogInBox dl .txt { font-size:12px; line-height:1.5; color:#1d2382; height: 41px; padding-top: 7px; overflow: hidden;}
.blogInBox .btn{ width:180px; height:34px; margin:0 auto;}

.guideBox01,
.guideBox02 { clear:both;}
.guideBox01 h4,
.guideBox02 h4 { margin-bottom:10px;}
.guideBox01 ul,
.guideBox02 ul { overflow:hidden;}
.guideBox01 ul li,
.guideBox02 ul li { float:left; margin:0 19px 10px 0;}

.guideBox01 ul li:last-child ,
.guideBox02 ul li:last-child  { margin-right: 0;}

.guideBox01 ul li:nth-child(3) ,
.guideBox02 ul li:nth-child(3)  { margin-right: 0;}


.otherBtn { width:215px; height:auto; float:right; margin: 0 3px 20px 0;} 
.guideBox02 .otherBtn { margin-bottom: 0;} 

.keywordBox { clear:both; margin-bottom: 20px;}
.keywordInBox { background-color:#fff; padding:10px 15px 0;}
.keywordBox { clear:both;}
.keywordBox h4 { margin-bottom:10px;}
.keywordBox ul { overflow:hidden;}
.keywordBox ul li { float:left; margin:0 10px 10px 0;}
.keywordBox ul li a { font-size:14px; line-height:1.5;}
.keywordBox ul li a:before {
	content:"▶";
	color:#f9b700;	
}
/*.keywordBox ul li span { font-size:14px; line-height:1.5; color:#f9b700;}*/

.btmContents { clear:both; overflow:hidden; margin-bottom: 20px;}
.btmContents dl { float:left; width:233px; height:auto; margin-right:9px;}
.btmContents dl:nth-child(3) { margin-right:10px;}
.btmContents dl:last-of-type {margin-right:0;}
.btmContents dl dd { border:solid 1px #e42121; padding:10px;}
.btmContents dl dd ul .txt { font-size:12px; line-height:1.5; margin-bottom:5px;}

.area section .tourInBox01 dl.tab01bdr { height: 447px; margin-bottom: 15px; background: white;}
.area section .tourInBox02 dl.tab01bdr,
.area section .tourInBox03 dl.tab01bdr { height: 480px; margin-bottom: 15px; background: white;}

.area section .tourInBox02 dl dt,
.area section .tourInBox03 dl dt { height: 55px; position: relative; overflow: hidden;}

.area section .tourInBox02 dl dt:before,
.area section .tourInBox03 dl dt:before { content: "･･･"; bottom: 8px; right: 0; position: absolute; z-index: 0; background: white;}

.area section .tourInBox02 dl dt:after,
.area section .tourInBox03 dl dt:after { content: ""; position: absolute; width: 100%; height: 100%; background: #fff; }

.area section .tourInBox02 dl dd.price,
.area section .tourInBox03 dl dd.price { height: 30px;}

.area section .tourInBox02 dl dd.txt,
.area section .tourInBox03 dl dd.txt { height: 86px; margin-bottom: 12px;}

.area section .tourInBox02 dl dd.pict,
.area section .tourInBox03 dl dd.pict { margin-bottom: 7px;}

.area section .tourInBox01 dl dt {
	height: 33px;
	overflow: hidden;
    overflow: hidden;
    width: 630px;
    white-space: nowrap;
    text-overflow: ellipsis;}
.area section .tourInBox01 dl .price { height: 24px;}


/*新ヘッダー調整*/
.CtsMrBox{width:960px; margin: 0 auto;}
/*新ヘッダー調整*/
.CtsMrBox{width:960px; margin: 0 auto;}