@charset "UTF-8";

/* =====================================
	初期化
===================================== */

.beta h4 {
	margin: 0 0 15px 0;
	font-size: 100%;
	font-weight: bold;
}
.ml0 {
	margin-left: 0px!important;
	
}
/* =====================================
	se_travel vol31
===================================== */

div.special a{
	color: #812834;
}
div.special a:hover{
	color: #812834;
	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: 25px;
}


div.special h2 {
	margin-bottom: 5px;
}

.data {
	color: #812834;
	font-weight: bold;
	font-size: 13px;	
}
.databox h5 {
	/*color: #812834!important;*/
}

@media screen and (min-width: 421px) {
	
.pc_none {
	display: none;
}
.sp_none {
	display: block;
}
/*
div.special .contnav {
	margin-bottom: 30px;
}
*/
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;
}

div.special h4 {
	font-size: 15px;
}

.databox .d_txt{
	float: left;
	width: 420px;
}

.databox .capbox{
	float: right;
	width: 200px;
	padding-left: 25px;
}


.box01 {
	background: #EBEDDF;
	padding: 20px;
	line-height: 1.8;
	font-size: 13px;
}
.box01.bdr {
	box-sizing: border-box;
	background: #EDF1B0;
}
.box01.bdr h3 {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 14px;
}

.box01 h3 {
	margin: 0 0 15px;
}
.box01 h4 {
	margin-bottom: 20px;
	font-size: 15px;
	font-weight: bold;
}

.box01 .txtbox  {
	margin-bottom: 20px;
}
.box01 .txtbox .capbox {
	width: 267px;
	margin: 0 0 10px 20px;
}
.box01 .txtbox .w350 {
	width: 350px;
}
.box01 .txtbox .w350 p {
	font-size: 13px;
}

.box01 .photo_2c {
	margin: 0 0 0 -20px;	
}
.box01 .photo_2c dl {
	width: 320px;
}




.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;	
}

.txt01 {
	font-size:13px;
	line-height: 2.0;
}

.main02 {
	margin-top: 60px;
	
}
}


@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: #A51F26;
		margin-bottom: 20px;
	}
	div.special .contnav {
		margin-bottom: 25px;
	}
	
	div.special .caption {
		padding: 0 5%;
		margin-bottom: 20px;
		font-size: 10px;
	}
	/*
	.sord {
		margin-bottom: 25px;
	}
	*/
	.special h4 {
		margin-bottom: 10px;
		font-size: 14px;
	}
	.box01 {
		padding: 5%;
		line-height: 1.6;
		font-size: 12px;
		background: #EBEDDF;
	}
	.box01.bdr {
		box-sizing: border-box;
		background: #EDF1B0;
	}
	.box01.bdr h3 {
		font-size: 13px;
		font-weight: bold;
		margin: 0 0 10px;
	}
	.box01.bdr p {
		margin: 0 0 10px;
	}

	.box01 h3 {
		margin: 0 0 15px;
	}
	.box01 .databox {
		margin: 10px 0 0;
	}
	.box01 h4 {
		margin-bottom: 20px;
		font-size: 14px;
		font-weight: bold;
		color: #333333;
	}
	.box01 h5 {
	}
	
	/*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 dt .fl{
		margin-bottom: 10px;	
	}
	.photo_1c  dl dd,
	.photo_2c  dl dd{
		font-size: 10px;	
	}
	
	.return {
		margin-top: 0 !important;
	}
	
	.databox .capbox{
		margin-top: 15px;
	}

}
