@charset "utf-8";
/*
**********************************************************************

* ページ専用CSS

*********************************************************************
*/

.sp_only{
	display:none;
}

.contents_main_title{
	position:relative;
}

.btn_soudan{
	position: absolute;
	bottom: 13px;
	left: 14px;
}

.contents_inner{
	margin-top:5px;
}


/*============================================================
//  スタイルシート
//==========================================================*/
/* サービスの流れ */
.wr200{
	margin-top:10px;
	padding:0px;
	width:950px;
	position:relative;
}

.wr200 .box1{
	margin-bottom:0px;
	width:950px;
}

.col_a{
	margin:15px 22px 5px 0;
	margin-bottom:12px;
	width:296px;
	/*width:220px;*/
	padding:0px;
	text-align:center;
	float:left;
	position:relative;
}

.col_a:last-child{
	margin-right:0;
}

.col_a:after{
	content:"";
	display:block;
	width:0;
	height:0;
	border:solid 16px rgba(255,255,255,0);
	border-left:solid 16px rgba(19,70,173,1);
	position:absolute;
	top:30px;
	right:-36px;
}

.col_a:last-child:after{
	border:none;
}

.col_a h4{
	margin-bottom:10px;
	padding:12px;
	padding-top:18px;
	border:solid 3px #1346ad;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	height:80px;
	/*height:60px;*/
	color:#1346ad;
	font-size:20px;
	font-weight:bold;
	line-height:135%;
}

.ttl01{
	padding:25px 0;
	background:#026eb7;
	font-size:20px;
	font-weight:bold;
	line-height:18px;
	text-align:center;
	color:#fff;
}

.icn_mryou{
	padding:2px 16px;
	background:#df0000;
	font-size:16px;
	line-height:135%;
	color:#fff;
	position:absolute;
	top:-8px;
	left:-5px;
}


/* ご提案 */
.wr300{
	padding-top:5px;
	padding-bottom:10px;
	width:950px;
	position:relative;
}

.wr300 .box1{
	margin-bottom:15px;
	padding-bottom:15px;
	width:100%;
	border-bottom: solid 1px #A4C7E2;
	float:none;
}

.wr300 .nbox1{
	margin-left:0px;
	margin-right:25px;
	width:157px;
	float:left;
}

.wr300 .nbox2{
	margin-right:0px;
	width:728px;
	float:right;
}

.wr300 .nnbox1{
	margin-left:20px;
	width:167px;
	float:left;
}

.wr300 .nnbox1:first-child{
	margin-left:0px;
}

.wr300 box1:after{
	content:"";
	display:block;
	width:0;
	height:0;
	clear:both;
}


/* ツアー一例 */
.wr400{
	width:950px;
	position:relative;
}

table.tbl_ex1{
	margin-bottom:10px;
	border-collapse:collapse;
	border:solid 1px #999;
	width:950px;
}

table.tbl_ex1 th,
table.tbl_ex1 td{
	padding:12px;
	border:solid 1px #999;

}

table.tbl_ex1 th{
	background:#bbddff;
	vertical-align:middle;
	text-align:center;
	font-size:17px;
	width:20px;
}

.t_kti,
.t_kti0{
	margin-right:30px;
	padding:5px 13px;
	display:inline-block;
	text-align:center;
	background:#eee;
	position:relative;
	vertical-align:top;
	min-height:54px;
}

.t_kti:after{
	content:"";
	display:block;
	width:20px;
	height:2px;
	border-top:solid 2px #aaa;
	border-bottom:solid 2px #aaa;
	position:absolute;
	top:25px;
	right:-26px;
}

.t_point{
	margin-right:10px;
	padding:1px 15px;
	background:#f55;
	color:#fff;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}


/* 貸切バス */
.wr500{
	width:950px;
	position:relative;
}

.wr500 .box1{
	margin-top:40px;
}

.wr500 .box1 .nbox1{
	width:500px;
	float:left;
}

.wr500 .box1 .nbox2{
	width:430px;
	float:right;
}

h3.ttl_bus{
	font-size:19px;
	background: linear-gradient(transparent 60%, #BBD8FF 0%);
	margin-bottom:10px;
}

.t_syanai{
	margin-right:10px;
	padding:1px 15px;
	background:#ddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}


/* フットナビ設定 */
.wr900{
	width:950px;
	position:relative;
}

.wr900:after{
	content:"";
	clear:both;
	display:block;
}

a.col_c{
	margin-right:10px;
	margin-left:0;
	margin-bottom:10px;
	padding:4px;
	width:174px;
	height:36px;
	background:#DBEFD5;
	font-weight:bold;
	text-align:center;
	color:#129B15;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	float:left;
}

.col_c:nth-child(5n){
	margin-right:0px;
}

a.col_c span{
	width:174px;
	height:36px;
	color:inherit;
	display:table-cell;
	vertical-align:middle;
}

a.col_c:hover{
	color:#4BC6BA;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.ttl_h2_blue {
	padding:25px 0;
	background: #026eb7;
	font-size: 20px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}


/* ボタン */
.btn_soudan2{
	margin:20px auto;
	text-align:center;
}

.wr200:after,
.wr300:after{
	content:"";
	display:block;
	width:0;
	height:0;
	clear:both;
}

.txt01{
	margin-bottom:5px;
	font-size:17px;
}

.txt_syukuhaku{
	margin-top:10px;
	padding:2px 7px;
	float:right;
	background:#eec;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	text-align:right;
}

.d01{
	margin-left:12px;
	margin-right:20px;
	display:inline-block;
}

.d02{
	width:120px;
	display:inline-block;
	text-align:center;
}


.m-t5{margin-top:5px;}
.m-b10{margin-bottom:10px;}


/* ############################################## */
/* ページ内ナビゲーション スマホ表示 */
@media only screen and (max-width : 800px){

.sp-block img{
	width:100%;
}

.wr100{
	margin:1% 0%;
	padding:0 0;
	width:100%;
}

.wr94{
	margin:1% 3%;
	padding:0 0;
	width:94%;
}

.wr200,
.wr300{
	padding-bottom:0;
	width:100%;
}

.wr200 .box1{
	margin-bottom:15px;
	width:100%;
	float:none;
}


/* サービスの流れ */
.wr200{
	margin-top:10px;
	padding:0px;
	width:100%;
}

.col_a{
	margin:15px 22px 5px 0;
	margin-bottom:22px;
	width:100%;
	padding:0px;
	text-align:center;
	float:none;
	position:relative;
}

.col_a:last-child{
	margin-right:0;
}

.col_a:after{
	content:"";
	display:block;
	width:0;
	height:0;
	border:solid 16px rgba(255,255,255,0);
	border-left:solid 16px rgba(19,70,173,0);
	border-top:solid 16px rgba(19,70,173,1);
	position:absolute;
	top:100%;
	left:48%;
}

.col_a:last-child:after{
	border:none;
}

.col_a h4{
	margin-bottom:10px;
	padding:12px;
	padding-top:18px;
	border:solid 3px #1346ad;
	height:60px;
	color:#1346ad;
	font-size:1.3em;
}


/* ご提案 */
.wr300{
	margin-top:10px;
	padding:0px;
	width:100%;
}

.wr300 .nbox1{
	margin-right:0px;
	width:20%;
}

.wr300 .nbox2{
	width:76%;
	float:right;
}

.wr300 .nnbox1{
	margin-bottom:10px;
	margin-left:0;
	margin-right:2%;
	width:48%;
	float:left;
}

.wr300 .nnbox1 img{
	width:100%;
	height:auto;
}

.wr300 box1:after{
	content:"";
	display:block;
	width:0;
	height:0;
	clear:both;
}


/* ツアー一例 */
.wr400{
	width:100%;
}

table.tbl_ex1{
	width:100%;
}

table.tbl_ex1 th,
table.tbl_ex1 td{
}

table.tbl_ex1 th{
	font-size:1.2em;
	width:5%;
}

.t_kti,
.t_kti0{
	margin-bottom:10px;
	width:35%;
}

.t_kti:after{
	content:"";
	display:block;
	width:20px;
	height:2px;
	border-top:solid 2px #aaa;
	border-bottom:solid 2px #aaa;
	position:absolute;
	top:25px;
	right:-26px;
}


/* 貸切バス */
.wr500{
	width:100%;
}

.wr500 .box1{
	width:100%;
	margin-top:40px;
}

.wr500 .box1 .nbox1,
.wr500 .box1 .nbox2{
	width:100%;
	float:none;
}

.wr500 .box1 .nbox1{
	margin-bottom:10px;
	padding:3%;
	background:#eee;
	text-align:center;
}

.wr500 .box1 .nbox1 img.ph_a{
	width:52%;
}

.wr500 .box1 .nbox1 img.ph_b{
	width:46%;
}


h3.ttl_bus{
	font-size:19px;
	background: linear-gradient(transparent 60%, #BBD8FF 0%);
	margin-bottom:10px;
}

.t_syanai{
	margin-right:10px;
	padding:1px 15px;
	background:#ddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}


/* フットナビ設定 */
.wr900{
	margin:0;
	padding-bottom:0;
	width:100%;
}

a.col_c{
	margin-right:0px;
	margin-left:0;
	margin-bottom:10px;
	padding:8px 4px;
	width:48%;
	height:auto;
	background:#E2F2F0;
	font-weight:bold;
	text-align:center;
	color:#109C91;
	float:left;
}

.col_c:nth-child(even){
	float:right;
}

a.col_c span{
	width:100%;
	height:auto;
	color:inherit;
	display:inline-block;
	vertical-align:middle;
}


/* ボタン */
.btn_soudan{
	width:53%;
}

.btn_soudan img{
	width:100%;
}

.btn_soudan2{
	margin:20px auto;
	width:65%;
	text-align:center;
}

.btn_soudan2 img{
	width:100%;
	height:auto;
}

.ttl01{
	padding:2% 4px 2% 25px;
	font-size:1.3em;
}

.ttl_h2_blue {
	font-size:1.3em;
}

.txt01{
	font-size:1.1em;
}


/* その他 */
.pc_only{
	display:none;
}

.sp_only{
	display:inline-block;
}


} /*@media*/