@charset "utf-8";
/*////////////// BasicCSS Document //////////////*/


/* ===============================================
 all
=============================================== */


/* ===============================================
 headerArea
=============================================== */


/* ===============================================
 mainArea
=============================================== */

#england {
	background: url(/smp/tabi/feature/england/event/images/img_bg001.png) repeat 0 0;
	background-size: 78px 73px;
}
.england img {
	width:100%;
}

/* .inner（eventエリア） ----------------- */
.england.event .area_main_contents {
	margin: 9.1% 9.0625%;/*58/640 width524*/
	padding:10.9375% 0;/*70/640*/
	position:relative;
}
.england.event .area_main_contents:before,
.england.event .area_main_contents:after {
	content:"";
	position:absolute;
	left:0;
	right:0;
	width:17.938%;/*94/524*/
	height:0;
	padding-top: 102.127%;
	margin:auto;
}
.england.event .area_main_contents:before {
	top:0;
	background: url(/smp/tabi/feature/england/event/images/img_line001_top.png) no-repeat center top;
	background-size: contain;
}
.england.event .area_main_contents:after {
	bottom:0;
	background:url(/smp/tabi/feature/england/event/images/img_line001_bottom.png) no-repeat center bottom;
	background-size: contain;
}
.england.event .area_main_contents .inner01 {
	background: url(/smp/tabi/feature/england/event/images/img_line001.png) repeat-y center top;
	-webkit-background-size: 1.908%;
	background-size: 1.908%;/*10/524*/
	padding:12.358% 0 11.45%;/*70/524 60/524*/
}
/*conts*/
.england.event .inner01 .conts:not(:last-of-type) {
	margin-bottom:18.129%;/*95/524*/
}
.england.event .inner01 .conts h3 {
	width:23.282%;/*122/524*/
	margin:0 auto 5.152%;/*27/524*/
}
.england.event .inner01 .conts_box {
	background:#fff;
	border-top:#000 solid 10px;
	border-bottom:#000 solid 10px;
	padding:2.29% 1.526% 3.244%;/*12/524 8/524 17//524 中width508*/
	box-shadow: 0px 1.5px 3px 1.5px rgba(0,0,0,.2);
	position: relative;
	z-index: 2;
}
.england.event .inner01 .conts_box .boxs:not(:last-of-type) {
	border-bottom:1.5px dotted #000;
	padding-bottom:6.692%;/*34/508*/
	margin-bottom:5.118%;/*26/508*/
}
.england.event .inner01 .conts_box h4 {
	position:relative;
	padding-top:38px;/*6+32*/
	margin-bottom:5.118%;/*26/508*/
	font-size:11px;
	color:#6a3906;
	font-weight:normal;
}
.england.event .inner01 .conts_box h4 span {
	font-size:16px;
	font-weight:bold;
	display:block;
}
.england.event .inner01 .conts_box .ico_category:before {
	min-width:44px;/*88/2*/
	padding: 10px 18px;
	font-size:11px;
	line-height:1;
	color:#fff;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
	background:#005a80;
}
.england.event .inner01 .conts_box .ico_category.sports:before {
	content:"スポーツ";
}
.england.event .inner01 .conts_box .ico_category.food:before {
	content:"食";
}
.england.event .inner01 .conts_box .ico_category.art:before {
	content:"芸術";
}
.england.event .inner01 .conts_box .ico_category.music:before {
	content:"音楽";
}
.england.event .inner01 .conts_box .ico_category.event:before {
	content:"イベント";
}
.england.event .inner01 .conts_box .ico_category.fes:before {
	content:"祭";
}
.england.event .inner01 .conts_box .txt_box {
	overflow:hidden;
	font-size:12px;
}
.england.event .inner01 .conts_box .boxs:not(.recommend) .txt_box .img {
	float:left;
	width:39.37%;/*200/508*/
}
.england.event .inner01 .conts_box .boxs:not(.recommend) .txt_box .txt {
	float:right;
	width:58.07%;/*295/508*/
}
.england.event .inner01 .conts_box .recommend .txt_box .img {
	margin-bottom:3.937%;/*20/508*/
}
.england.event .inner01 .conts_box .txt_box .txt_link {
	margin-top:1em;
}
.england.event .inner01 .conts_box .txt_box .txt_link a {
	color:#a40000;
	background: url("/tabi/feature/england/event/images/ico_link.png") no-repeat left 50%;
	padding-left: 15px;
	padding-top: 2px;
}
.england.event .inner01 .btn_more01 {
	text-align:center;
	margin-top:3.937%;/*20/508*/
}
.england.event .inner01 .btn_more01 a {
	background:#b78d1e;
	font-size:13px;
	line-height:1;
	padding:10px 28px;
	color:#fff;
	display:inline-block;
	
}


/* ===============================================
 mainArea_navBtn
=============================================== */

.england.event {
	position:relative;
}
#mainArea_navBtn {
	position: absolute;
	top: 0;
	right: 0;
	z-index:3;
	width: 12.5%;/*80/640*/
	background: #fff;
	border-radius: 10px 0 0 10px;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,.4);
}
#mainArea_navBtn.fixed {
	position: fixed;
	top: 20px;
}
#mainArea_navBtn .btn img {
	display:block;
	width: 55%;/*44/80*/
	margin:auto;
	padding: 27.5% 0;/*22/80*/
}
#mainArea_navBtn .btn.prev img {
	padding-bottom: 52.5%;/*42/80*/
}
#mainArea_navBtn .btn.next img {
	padding-top: 52.5%;/*42/80*/
}
#mainArea_navBtn hr {
	margin: 0 18.75%;/*15/80*/
	border-top:1px dotted #000;
}
