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


/* ===============================================
 all　
=============================================== */



/* ===============================================
 headerArea　
=============================================== */



/* ===============================================
 mainArea　
=============================================== */

#england {
	background: url(/smp/tabi/feature/england/map/images/img_bg003.png) repeat 0 0;
	background-size: 112.5px 170px;
}
.england img {
	width:100%;
}
.england.blog .area_main_contents {
	margin: 7.031% 2.5%;/*45/640 16/640  w608*/
}
.england.blog .area_main_contents .title {
	margin:auto;
}
#mainArea .title_box {
	border-left: 4px solid #003550;/*8/2*/
	border-right: 4px solid #003550;
	box-shadow:0px 0px 10px 0px rgba(0,0,0,.2);
	background:#fff;
	padding: 2.96% 0 3.618%;/*18/608 22/608*/
	margin-bottom: 7.401%;/*45/608*/
	position:relative;
}
#mainArea .title_box:before,
#mainArea .title_box:after {
	content:"";
	position:absolute;
	width:9.868%;/*60/608*/
	height:0;
	padding-top:8.8812%;/*54/60*9.868*/
}
#mainArea .title_box:before {
	top:4px;
	left:4px;
	background: url(/smp/tabi/feature/england/map/images/img_icon01_lt.png) no-repeat top left;
	background-size:contain;
}
#mainArea .title_box:after {
	bottom:4px;
	right:4px;
	background: url(/smp/tabi/feature/england/map/images/img_icon01_rb.png) no-repeat bottom right;
	background-size:contain;
}
#mainArea .title_box .title01 {
	width: 35.032%;/*213/608*/
	margin-bottom: 3.947%;/*24/608*/
}
#mainArea .title_box .title02 {
	width: 87.828%;/*534/608*/
}
#mainArea .contents_box {
	background: url(/smp/tabi/feature/england/map/images/img_bg002.png) repeat 0 0;
	background-size:  37.006%;
	padding: 4.605% 6.907% 6.578%;/*28/608 42/608 40/608  w524*/
	margin-bottom: 4.934%;/*30/608*/
}
#mainArea .contents_box .title03 {
	margin-bottom: 7.633%;/*40/524*/
}
#mainArea .contents_box .intro {
	overflow:hidden;
	margin-bottom: 8.969%;/*47/524*/
}
#mainArea .contents_box .intro .img {
	float:left;
	width: 22.9%;/*120/524*/
}
#mainArea .contents_box .intro .txt {
	float:right; 
	width: 75.19%;/*394/524*/
}
#mainArea .contents_box .intro .txt .name {
	font-size:10px;
	margin-bottom: 0.954%;/*5/524*/
}
#mainArea .contents_box .intro .txt .name span {
	font-size:12px;
	font-weight:bold;
	display:inline-block;
	padding-left:.5em;
}
#mainArea .contents_box .impressions {
	background:#fff;
	padding: 11.45% 4.198%;/*60/524 22/524*/
	box-shadow:0px 0px 5px 0px rgba(0,0,0,.4);
	position:relative;
}
#mainArea .contents_box .impressions:before,
#mainArea .contents_box .impressions:after {
	content:"";
	position:absolute;
	width:14.122%;/*74/524*/
	height:0;
	padding-top:14.122%;/*74/74*14.122*/
}
#mainArea .contents_box .impressions:before {
	top:2.5px;
	left:2.5px;
	background: url(/smp/tabi/feature/england/map/images/img_icon03_lt.png) no-repeat top left;
	background-size:contain;
}
#mainArea .contents_box .impressions:after {
	bottom:2.5px;
	right:2.5px;
	background: url(/smp/tabi/feature/england/map/images/img_icon03_rb.png) no-repeat bottom right;
	background-size:contain;
}
#mainArea .contents_box .impressions p:not(:first-of-type) {
	margin-top: 1em;
}
#mainArea .blog_contents {
	margin-bottom: 17.175%;/*90/524*/
}
#mainArea .blog_contents .conts {
	margin-top: 17.175%;/*90/524*/
}
#mainArea .blog_contents .title04 {
	width: 46.946%;/*246/524*/
	margin-bottom: 5.323%;/*28/524*/
}
#mainArea .blog_contents .conts .box {
	background:#fff;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,.4);
	padding: 1.908% 1.908% 3.244%;/*10/524 17/524*/
	margin-bottom: 7.633%;/*40/524*/
}
#mainArea .blog_contents .conts .box .img {
	margin-bottom: 3.244%;/*17/524*/
}
#mainArea .blog_contents .conts .box .txt {
	font-size:11px;
}
#mainArea .blog_contents .conts .btn {
	margin: 0 7.251%;/*28/524*/
}
.otherBlog_link li {
	background:#fff;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,.5);
}
.otherBlog_link li:not(:first-child) {
	margin-top: 3.816%;/*20/524*/
}
.otherBlog_link li.cheak {
	position:relative;
}
.otherBlog_link li.cheak:before {
	content:"";
	position:absolute;
	z-index: 2;
	top: -5.5px;
	left: -4px;
	width: 68.5px;
	height:34px;
	background:url(/smp/tabi/feature/england/map/images/img_icon04_cheak.png) no-repeat 0 0;
	background-size:contain;
}
.otherBlog_link li a {
	display:block;
	padding: 4.77% 9.541% 4.77% 3.816%;/*25/524 50/524 25/524 20/524  w454*/
	overflow:hidden;
	color:#000;
	position:relative;
}
.otherBlog_link li a:after {
	content:"";
	position:absolute;
	right: 2.671%;/**/
	top: 0;
	bottom: 0;
	width:4.58%;/*24/524*/
	height:0;
	padding-top:4.58%;/*24/24*4.58*/
	margin:auto;
	background: url(/smp/tabi/feature/england/map/images/img_icon02.png) no-repeat;
	background-size:contain;
}
.otherBlog_link .link_img {
	float:left;
	width: 22.026%;/*100/454*/
}
.otherBlog_link .link_txt {
	float:right;
	width: 75.991%;/*345/454*/
}
.otherBlog_link .link_txt span {
	display:block;
}
.otherBlog_link .link_txt .txt {
	margin-bottom: 4.347%;/*15/345*/
}
.otherBlog_link .btn01 .txt {
	width: 67.246%;/*232/345*/
}
.otherBlog_link .btn02 .txt {
	width: 97.101%;/*335/345*/
}
.otherBlog_link .link_txt .description {
	font-size:10px;
}
.link_btn li {
	margin:auto;
}
.link_btn li:not(:first-child) {
	margin-top: 3.289%;/*20/608*/
}
.link_btn .btn01 {
	width: 47.789%;/*248/608*/
}

/* ===============================================
 mainArea_navBtn
=============================================== */

#mainArea {
	position:relative;
}
#mainArea_navBtn {
	display:none;
	position: fixed;
	top: 20px;
	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;
}