@charset "UTF-8";

/* =====================================
	初期化
===================================== */

.beta h4 {
	margin: 0 0 15px 0;
	font-size: 100%;
	font-weight: bold;
}
.ml0 {
	margin-left: 0px!important;
}

/* =====================================
	se_travel vol41
===================================== */

div.special a{
	color: #004098;
}
div.special a:hover{
	color: #004098;
	text-decoration: underline;
}

div.special ul.contnav li {
	float: left;
	margin: 6px 0 0 0;
	padding: 0 25px 0 18px;
}
div.special .sord {
	margin-bottom: 30px;
}

div.special .main {
	margin-bottom: 5px;
}

div.special .label {
	display: inline-block;
	margin-bottom: 10px;
	padding: 5px 10px;
	background: #004098;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-size: 15px;
	color: #fff;
	line-height: 1.0;
}
div.special h2 {
	margin-bottom: 20px;
	font-family: "游明朝","游明朝体", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.4;
	color: #111;
	letter-spacing: 0.05em;
}
div.special h3 {
	margin-bottom: 20px;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
	color: #111;
}
div.special h4 {
	margin-bottom: 20px;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
	color: #111;
}

@media screen and (min-width: 421px) {
	
.pc_none {
	display: none;
}
.sp_none {
	display: block;
}
div.special ul.contnav {
	margin-bottom: 30px;
}

div.special .caption {
	margin-bottom: 25px;
	font-size: 10px;
}

.databox img.fr{
	padding: 0 0 0 25px;
}

/*fboxから変更*/
.txtbox {
}	
.txtbox p {
	margin-bottom: 10px;
}
.txtbox .capbox {
	margin: 0 0 10px 20px;
}
.txtbox .w380 {
	width: 380px;
}
.txtbox .w480 {
	width: 480px;
}
.databox .capbox{
	float: right;
	width: 200px;
	padding-left: 25px;
}

.photo_3c {
	margin: 0 0 0 -20px;	
}
.photo_3c dl {
	float: left;
	width: 220px;
	margin: 0 0 15px 20px;	
}
.photo_3c dl dt {
	margin-bottom: 5px;
}
.photo_3c dl dd {
	font-size: 10px;
	line-height: 1.6;
}

.box {
	padding: 20px;
	line-height: 1.7;
	font-size: 13px;
}

.box .txtbox .capbox {
	width: 267px;
	margin: 0 0 10px 20px;
}
.box .txtbox .w350 {
	width: 350px;
}
.box .txtbox .w350 p {
	font-size: 13px;
}

.box .photo_2c {
	margin: 0 0 0 -20px;	
}
.box .photo_2c dl {
	width: 320px;
}
.box01 {
	padding: 19px;
	border: 1px solid #1E7FB8;
}
.box01 h4 {
	margin-top: -38px;
	text-align: center;
}
.box01 h4 img {
}

.box01 .photo_2c li {
	float: left;
	width: 320px;
	margin-left: 20px;
}
.box01 .photo_2c li .ttl01{
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 12px;
	color: #111;
}

.box01 .photo_2c li .ttl02{
	margin-bottom: 10px;
	padding: 3px 0;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	color: #111;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
}
.box01 .photo_2c li .img{
	margin: 10px 0;
}
.box01 .photo_2c li p{
	font-size: 11px;
}
.box01 hr{
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #000;
}
.box02 {
	padding: 10px 20px 20px;
	background: #7CC6BE;
	color: #fff;
}
div.special .box02 h4 {
	text-align: center;
}
.box02 hr{
	margin: 20px 0 20px 0;
	padding: 0;
	border: 0;
	border-top: 1px dotted #18943B;
}

.box02 h5{
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 15px;
}
.box02 .txt02{
	font-size: 12px;
	margin-bottom: 15px;
}

.box02 h6{
	font-size: 13px;
	font-weight: bold;
}
.box02 p{
	font-size: 11px!important;
}


.photo_2c {
	margin: 0 0 0 -20px;	
}
.photo_1c  dl dt,
.photo_2c  dl dt{
	margin-bottom: 5px;	
}
.photo_1c  dl dd,
.photo_2c  dl dd{
	font-size: 10px;	
}

.photo_2c .in_databox .inner {
	box-sizing: border-box;
	float: left;
	width: 340px;
	min-height: 230px;
	margin: 0 0 0 20px;
	padding: 10px 15px;	
	border: 1px solid #ccc;
} 
.data_ttl {
	font-size: 13px;
	font-weight: bold;
	color: #003F98;
}
.photo_2c .in_databox .inner p {
	font-size: 11px;
} 

.databox .txt{
	float: left;
	width: 370px;
}
.databox .img{
	float: right;
	width: 267px;
}

}

@media screen and (max-width: 420px) {
	.pc_none {
		display: block;
	}
	.sp_none {
		display: none;
	}
	.sp_mb10 {
		margin-bottom: 10px;
		
	}
	.w80 {
		width: 80%!important;
		margin: 0 auto;
		
	}
	#header {
		margin-bottom: 0;
		
	}
	/*
	.beta.p01 .btn_gallery {
		margin-top: 25px;
	}
	*/
	.btn_gallery a {
		background: #004098;
		margin-bottom: 20px;
	}
	div.special .contnav {
		margin-bottom: 25px;
	}
	
	div.special .caption {
		padding: 0 5%;
		margin-bottom: 20px;
		font-size: 10px;
	}
	div.special .label {
		display: inline-block;
		margin-bottom: 10px;
		padding: 5px 10px;
		background: #004098;
		font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
		font-size: 3.5vw;
		/*font-weight: bold;*/
		color: #fff;
		line-height: 1.0;
	}
	
	div.special h2 {
		margin-bottom: 15px;
		font-family: "游明朝","游明朝体", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
		font-size: 6vw;
		font-weight: bold;
		line-height: 1.4;
		color: #111;
	}
	div.special h3 {
		margin-bottom: 15px;
		font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
		font-size: 6vw;
		font-weight: bold;
		line-height: 1.4;
		color: #111;
	}
	div.special h4 {
		margin-bottom: 15px;
		font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
		font-size: 5vw;
		font-weight: bold;
		line-height: 1.4;
		color: #111;
	}
	/*
	.sord {
		margin-bottom: 25px;
	}
	*/
	.special h4 {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.photo_3c dl {
		margin: 0 0 15px 0;	
	}
	.photo_3c dl dt {
		margin-bottom: 5px;
	}
	.photo_3c dl dd {
		font-size: 10px;
		line-height: 1.6;
	}

	.box {
		box-sizing: border-box;
		padding: 5%;
		line-height: 1.6;
		font-size: 12px;
	}
	
	.box01 {
		border: 1px solid #1E7FB8;
	}
	
	.box01 .photo_2c li:first-child {
		margin-bottom: 20px;
	}
	.box01 .photo_2c li .ttl01{
		margin-bottom: 5px;
		font-weight: bold;
		font-size: 12px;
		color: #111;
	}
	
	.box01 .photo_2c li .ttl02{
		margin-bottom: 10px;
		padding: 3px 0;
		text-align: center;
		font-weight: bold;
		font-size: 14px;
		color: #111;
		border-top: 1px solid #111;
		border-bottom: 1px solid #111;
	}
	.box01 .photo_2c li .img{
		margin: 10px 0;
	}
	.box01 .photo_2c li p{
		font-size: 11px;
	}
	.box01 hr{
		margin: 0 0 20px 0;
		padding: 0;
		border: 0;
		border-top: 1px solid #000;
	}
	.box02 {
		background: #7CC6BE;
		color: #fff;
	}
	div.special .box02 h4 {
		color: #18943B;
	}
	
	.box02 h5{
		font-size: 13px;
		font-weight: bold;
	}
	.box02 p{
		font-size: 11px;
		margin-bottom: 15px;
	}
	
	.box02 .w350 {
	}
	
	/*fboxから変更*/
	.txtbox {
	}	
	.txtbox p {
		width: 100%;
		font-size: 12px;
		line-height: 1.8;
	}
	
	
	.photo_1c  dl dt,
	.photo_2c  dl dt{
		margin-bottom: 5px;	
	}
	.photo_1c  dl dd,
	.photo_2c  dl dd{
		font-size: 10px;	
	}
	
	.photo_2c .in_databox .inner {
		box-sizing: border-box;
		padding: 10px 15px;	
		border: 1px solid #333;
	} 
	.data_ttl {
		font-size: 13px;
		font-weight: bold;
		color: #003F98;
		
	}
	.photo_2c .in_databox .inner p {
		font-size: 11px;
	} 
	
	.return {
		margin-top: 0 !important;
	}
	
	.databox .txt{
		margin-bottom: 10px;
	}

}