@charset "UTF-8";

/*--------------------------------------------
/*
/*		Theme Name: base layout
/*
/*--------------------------------------------*/
html,body { height:100%; }
body {
	font-family: 'Lato', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	text-align: center;
	background: #fff;  /* #F8F7E9 */
	color: #0B1F26;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*--------------------------------------------
/*
/*		Theme Name: header layout
/*
/*--------------------------------------------*/
header {
	border-top: 4px solid #00AEEE;
	border-bottom: 1px solid #EBEBEB;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	height: 92px;
	position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    width: 100%;
}
#header {
	width: 1000px;
	margin: 0 auto;
}
header nav {
	width: 820px;
	margin-left: 180px;
}
li#n1, li#n2, li#n3, li#n4, li#n5, li#n6 { float: left; width: 117px;}
li#n7 { float: left; width: 118px;}

header nav ul li a.nv {
	 height: 0;
	 padding-top: 92px;
	 overflow: hidden;
	 display: block;
	 background: url(../img/common/gnavi.jpg) no-repeat;
	/*-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;*/
	transition: none;
}
header nav ul li a.nav:hover {
	/*-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;*/
	transition: none;
}
li#n1 a.nv { width: 117px; background-position: 0 0;}
li#n2 a.nv { width: 117px; background-position: -117px 0;}
li#n3 a.nv { width: 117px; background-position: -234px 0;}
li#n4 a.nv { width: 117px; background-position: -351px 0;}
li#n5 a.nv { width: 117px; background-position: -468px 0;}
li#n6 a.nv { width: 117px; background-position: -585px 0;}
li#n7 a.nv { width: 118px; background-position: -702px 0;}

li#n1 a.nv:hover { background-position: 0 -92px;}
li#n2 a.nv:hover { background-position: -117px -92px;}
li#n3 a.nv:hover { background-position: -234px -92px;}
li#n4 a.nv:hover { background-position: -351px -92px;}
li#n5 a.nv:hover { background-position: -468px -92px;}
li#n6 a.nv:hover { background-position: -585px -92px;}
li#n7 a.nv:hover { background-position: -702px -92px;}

/*li#n1 a:hover { background-position: 0 8px;}
li#n2 a:hover { background-position: -117px 8px;}
li#n3 a:hover { background-position: -234px 8px;}
li#n4 a:hover { background-position: -351px 8px;}
li#n5 a:hover { background-position: -468px 8px;}
li#n6 a:hover { background-position: -585px 8px;}
li#n7 a:hover { background-position: -702px 8px;}*/

#sp-head {
	display: none;
}
h1#afro-logo {
	width: 200px;
	height: 224px;
	position: fixed;
	top: 20px;
	left: 40px;
	z-index: 10001;
}
#sp-afro-logo {
	display: none;
}
.buttons {
	display: none;
}
/*.sub h1#afro-logo {
	width: 140px;
	height: 156px;
	position: fixed;
	top: 20px;
	left: 80px;
	z-index: 10001;
}*/
h1#afro-logo img {
	vertical-align: bottom;
	width: 100%;
}

#mdd_overlay{
	background: #fff;
	opacity: 0;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 100;
}
#sp-navi {
	display: none;
}
/*
-- Level1 -------------------------  */
ul.mdd_lv1 {
	position: relative;
	list-style:none;
	margin:0;
	padding:0;
	z-index:200;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/*
-- Level2 -------------------------  */
/*ul.mdd_lv2{
	display: block !important;
	display: none;
	position: absolute;
	top: 93px;
	left: 0px;
	width: 820px;
	background: #fff;
	list-style-position: outside;
	color: #000;
	margin: 0;
	border-left: 1px solid #E6E6E6;
}*/

#n1 ul.mdd_lv2, #n2 ul.mdd_lv2, #n3 ul.mdd_lv2, #n4 ul.mdd_lv2 {
	display: none;
	position: absolute;
	top: 93px;
	left: 0px;
	color: #000;
	margin: 0;
	border-left: 1px solid #E6E6E6;

}

#n5 ul.mdd_lv2, #n6 ul.mdd_lv2, #n7 ul.mdd_lv2 {
	display: none;
	position: absolute;
	top: 93px;
	right: 0px;
	color: #000;
	margin: 0;
	border-left: 1px solid #E6E6E6;
}
ul.mdd_lv1 li:hover ul.mdd_lv2 {
	display: block;
}
ul.mdd_lv2 li {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 130%;
	float: left;
}
ul.mdd_lv2 li:last-child {
	margin-right: 0;
}
ul.mdd_lv2 li a{
	color: #008FD9;
	text-decoration: none;
	display: block;
	padding: 16px 24px;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	background: #fff;
	font-weight: bold;
}
ul.mdd_lv2 li a:hover{
	background: #F6F6F6;
}
/*
-- Level3 -------------------------  */
ul.mdd_lv3  {
	position:static;
	padding:0;
	width: auto;
	font-size:10px;
	margin-left:0px;
}
ul.mdd_lv3 li {
	float: none;
	margin-bottom:1px;
	width: auto;
	margin-right:0px;
	margin-left:0px;

}
ul.mdd_lv3 li a{
	color: #000;
	width: auto;
	background-color: #ffffff;
}



/*--------------------------------------------
/*
/*		Theme Name: footer layout
/*
/*--------------------------------------------*/
footer {
	width: 100%;
	/*margin-top: 56px;*/
	background: #48B0E8;
	padding: 40px 0;
}
#footer {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
#footer h5 {
	font-size: 10px;
	letter-spacing: 1px;
	color: #E0E7EC;
	margin-bottom: 12px;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}
#pagetop-pc {
	width: 54px;
	height: 100px;
	position: fixed;
	bottom: 16px;
	right: 16px;
}
#pagetop-pc img {
	width: 100%;
	vertical-align: bottom;
	display: block;
    -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
#pagetop-pc img:hover {
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}
#pagetop-sp {
	display: none;
}

#sa {
	margin-bottom: 32px;
}
#sa li {
	float: left;
	width: 250px;
}
.saimg {
	margin-bottom: 8px;
}
#sa li h6 {
	font-size: 10px;
	letter-spacing: 1px;
	font-family: 'Montserrat', sans-serif;
}
#sa li h6 a {
	color: #E0E7EC;
	text-decoration: none;
	font-weight: bold;
}
#sa li h6 a:hover {
}

#sa1 .saimg a {
	background: url(../img/common/footer_sns.png?20200418) no-repeat;
	width: 250px;
	height: 0;
	display: block;
	overflow: hidden;
	padding-top: 64px;
	background-position: 0 0;
}
#sa2 .saimg a {
	background: url(../img/common/footer_sns.png?20200418) no-repeat;
	width: 250px;
	height: 0;
	display: block;
	overflow: hidden;
	padding-top: 64px;
	background-position: -250px 0;
}
#sa3 .saimg a {
	background: url(../img/common/footer_sns.png?20200418) no-repeat;
	width: 250px;
	height: 0;
	display: block;
	overflow: hidden;
	padding-top: 64px;
	background-position: -500px 0;
}
#sa4 .saimg a {
	background: url(../img/common/footer_sns.png?20200418) no-repeat;
	width: 250px;
	height: 0;
	display: block;
	overflow: hidden;
	padding-top: 64px;
	background-position: -750px 0;
}

#sa li a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

#sitemap {
	margin-bottom: 24px;
}
#sitemap li {
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	font-size: 11px;
	text-align: center;
	letter-spacing: 1px;
}
#sitemap li a {
	background: #48B0E8;    /* background: #009BDD; */
	color: #E0E7EC;
	display: block;
	line-height: 1em;
	padding: 12px 24px;
	text-decoration: none;
	font-weight: bold;
}
#sitemap li a:hover {
	background: #E0E7EC;
	color: #009BDD;
}
#tagcloud {
	margin-bottom: 48px;
}
#tagcloud li {
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	font-size: 10px;
	text-align: center;
	letter-spacing: 1px;
}
#tagcloud li a {
	background: #009BDD;
	color: #E0E7EC;
	display: block;
	line-height: 1em;
    padding: 8px;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px !important;
}
#tagcloud li a:hover {
	background: #E0E7EC;
	color: #009BDD;
}


#copyright {
	width: 562px;
	margin: 0 auto;
	text-align: center;
}
#copyright a:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
#copy1 {
	width: 260px;
	float: left;
}
#copy2 {
	width: 280px;
	float: right;
}
#copyright p {
	font-size: 10px;
	letter-spacing: 1px;
	font-family: 'Montserrat', sans-serif;
	color: #E0E7EC;
}
#copy1 h2 {
	margin-bottom: 16px;
}
#company {
	width: 223px;
	margin: 0 auto 13px;
}
#c1 {
	width: 123px;
	float: left;
	margin-right: 16px;
}
#c2 {
	width: 84px;
	float: left;
}


/*--------------------------------------------
/*
/*		Theme Name: common layout
/*
/*--------------------------------------------*/
section#sub-content {
	width: 1000px;
	margin: 0 auto;
	padding-top: 139px;
	text-align: left;
}
.column {
	/*margin-bottom: 40px;*/
}
.col-head {
	margin-bottom: 20px;
}
.col-head h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: 700;
	padding-top: 9px;
	float: left;
	margin-right: 8px;
}
.col-title {
	width: 460px;
	float: left;
}
.col-title2 {
	width: 716px;
	float: left;
}
.col-title-txt {
	float: left;
}
.btn-more, .btn-more2 {
	width: 143px;
	float: right;
	text-align: center;
	line-height: 130%;
	height: 40px;
	/*font-family: 'Montserrat', sans-serif;
	font-weight: 400;*/
	font-size: 11px;
	letter-spacing: 2px;
	margin-left: 16px;
}

#sub-btn {
	width: 540px;
	float: right;
}
#sub-btn2 {
	width: 280px;
	float: right;
}
.btn-more a, .btn-more2 a {
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#008FD9), color-stop(50%,#008FD9), color-stop(50%,#0086C8), color-stop(100%,#0086C8));
	background: -webkit-linear-gradient(left, #008FD9 0%,#008FD9 50%,#0086C8 50%,#0086C8 100%);
	background: linear-gradient(to right, #008FD9 0%,#008FD9 50%,#0086C8 50%,#0086C8 100%);
	display: block;
	color: #fff;
	text-decoration: none;
	line-height: 1em;
	padding: 14px 0 15px;
	font-weight: bold;
}
.btn-more a:hover, .btn-more2 a:hover {
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0086C8), color-stop(50%,#0086C8), color-stop(50%,#008FD9), color-stop(100%,#008FD9));
	background: -webkit-linear-gradient(left, #0086C8 0%,#0086C8 50%,#008FD9 50%,#008FD9 100%);
	background: linear-gradient(to right, #0086C8 0%,#0086C8 50%,#008FD9 50%,#008FD9 100%);
}
.se1 {
	width: 145px;
	float: right;
	margin-left: 16px;
}
.se2 {
	width: 134px;
	float: right;
	margin-left: 16px;
}
.se3 {
	width: 112px;
	float: right;
	margin-left: 16px;
}
.se4 {
	width: 158px;
	float: right;
	margin-left: 16px;
}
.se5 {
	width: 166px;
	float: right;
	margin-left: 16px;
}

.se-lunch {
	width: 134px;
	float: right;
	margin-left: 16px;
}
#sub-btn select {
    color: #081F26;
    height: 40px;
    padding: 0 32px 0 12px;
    border: 1px solid #DDDDDD;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
    background: #FFF url(../img/common/ico_select.gif) no-repeat right;
	font-weight: 400;
	font-size: 10px;
	letter-spacing: 1px;
}



#title-newpost {
	background: url(../img/common/title/title_newpost.png) no-repeat;
	width: 204px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-culture {
	background: url(../img/common/title/title_culture.png) no-repeat;
	width: 247px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-feature {
	background: url(../img/common/title/title_feature.png) no-repeat;
	width: 247px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-popular {
	background: url(../img/common/title/title_popular.png) no-repeat;
	width: 218px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-offline {
	background: url(../img/common/title/title_offline.png) no-repeat;
	width: 338px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-spot {
	background: url(../img/common/title/title_spot.png) no-repeat;
	width: 219px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-otherspot {
	background: url(../img/common/title/title_otherspot.png) no-repeat;
	width: 259px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-lunch {
	background: url(../img/common/title/title_lunch.png) no-repeat;
	width: 228px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-lunch2 {
	background: url(../img/common/title/title_lunch2.png) no-repeat;
	width: 231px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-writer {
	background: url(../img/common/title/title_writer.png) no-repeat;
	width: 186px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
/*	genre	*/
#title-people {
	background: url(../img/common/title/title_people.png) no-repeat;
	width: 116px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-fashion {
	background: url(../img/common/title/title_fashion.png) no-repeat;
	width: 128px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}

#title-gourmet {
	background: url(../img/common/title/title_gourmet.png) no-repeat;
	width: 117px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}

#title-trip {
	background: url(../img/common/title/title_trip.png) no-repeat;
	width: 88px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}

#title-culture2 {
	background: url(../img/common/title/title_culture2.png) no-repeat;
	width: 101px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-beauty {
	background: url(../img/common/title/title_beauty.png) no-repeat;
	width: 130px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-lifestyle {
	background: url(../img/common/title/title_lifestyle.png) no-repeat;
	width: 132px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-present {
	background: url(../img/common/title/title_present.png) no-repeat;
	width: 147px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-present2 {
	background: url(../img/common/title/title_present2.png) no-repeat;
	width: 177px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-voice {
	background: url(../img/common/title/title_voice.png) no-repeat;
	width: 337px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-other {
	background: url(../img/common/title/title_other.png) no-repeat;
	width: 134px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-about {
	background: url(../img/common/title/title_about.png) no-repeat;
	width: 145px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-policy {
	background: url(../img/common/title/title_policy.png) no-repeat;
	width: 160px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}
#title-notfound {
	background: url(../img/common/title/title_notfound.png) no-repeat;
	width: 301px;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
}

#subpage-content {
	width: 1000px;
	margin-bottom: 40px;
}
.subpage-content-sec {
	border-bottom: 1px solid #E6E6E6;
	margin-bottom: 24px;
}

ul.entry-area {
	width: 1000px;
	border-top: 1px solid #E6E6E6;
	padding-bottom: 40px;
}
ul.entry-area li.entry-block {
	width: 306px;
	float: left;
	padding: 20px 20px 20px 0;
	border-bottom: 1px solid #E6E6E6;
}

/*2*/
ul.entry-area li.entry-block:first-child + * {width: 306px;float: left;padding: 20px;border-right: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;border-left: 1px solid #E6E6E6;	}

/*3*/
ul.entry-area li.entry-block:first-child + * + * {width: 306px;float: left;padding: 20px 0 20px 20px;border-bottom: 1px solid #E6E6E6;}

/*4*/
/*
ul.entry-area li.entry-block:first-child + * + * + * {width: 306px;float: left;padding: 20px 0 20px 20px;border-bottom: 1px solid #E6E6E6;}  ※コメントにしたが不思議
*/

/*5*/
ul.entry-area li.entry-block:first-child + * + * + * + * {width: 306px;float: left;padding: 20px;border-right: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;border-left: 1px solid #E6E6E6;	}

/*6*/
ul.entry-area li.entry-block:first-child + * + * + * + * + * {width: 306px;float: left;padding: 20px 0 20px 20px;border-bottom: 1px solid #E6E6E6;}


/*7*/

/*8*/
ul.entry-area li.entry-block:first-child + * + * + * + * + * + * + * {width: 306px;float: left;padding: 20px;border-right: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;border-left: 1px solid #E6E6E6;	}

/*9*/
ul.entry-area li.entry-block:first-child + * + * + * + * + * + * + * + * {width: 306px;float: left;padding: 20px 0 20px 20px;border-bottom: 1px solid #E6E6E6;}

/*10*/

/*11*/
ul.entry-area li.entry-block:first-child + * + * + * + * + * + * + * + * + * + * {width: 306px;float: left;padding: 20px;border-right: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;border-left: 1px solid #E6E6E6;	}

/*12*/
ul.entry-area li.entry-block:first-child + * + * + * + * + * + * + * + * + * + * + * {width: 306px;float: left;padding: 20px 0 20px 20px;border-bottom: 1px solid #E6E6E6;}
/*13*/

/*14*/
ul.entry-area li.entry-block:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * {width: 306px;float: left;padding: 20px;border-right: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;border-left: 1px solid #E6E6E6;	}

/*15*/
ul.entry-area li.entry-block:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + * {width: 306px;float: left;padding: 20px 0 20px 20px;border-bottom: 1px solid #E6E6E6;}

/*16*/

/*17*/
ul.entry-area li.entry-block:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * {width: 306px;float: left;padding: 20px;border-right: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;border-left: 1px solid #E6E6E6;	}

/*18*/
ul.entry-area li.entry-block:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * {width: 306px;float: left;padding: 20px 0 20px 20px;border-bottom: 1px solid #E6E6E6;}

/*19*/

/*20*/
ul.entry-area li.entry-block:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * {width: 306px;float: left;padding: 20px;border-right: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;border-left: 1px solid #E6E6E6;	}

/*21*/
ul.entry-area li.entry-block:first-child + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * + * {width: 306px;float: left;padding: 20px 0 20px 20px;border-bottom: 1px solid #E6E6E6;}



.topcol {
	/*margin-bottom: 48px;*/
}

.entry-thumb {
	position: relative;
	width: 306px;
	height: 167px;
	background: #fff;
	/*border-bottom: 1px solid #E6E6E6;*/
	overflow: hidden;
}
.entry-thumb img {
	vertical-align: bottom;
}


.entry-thumb0 {
	position: relative;
	width: 306px;
	height: 61px;      /* 隙間を空けたい場合は大きめにする */
	background: #fff;
	/*border-bottom: 1px solid #E6E6E6;*/
	overflow: hidden;
}
.entry-thumb0 img {
	vertical-align: bottom;
}


.entry-thumb .new {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 32px;
	background: #FFF300;
	font-family: 'aleobold';
	color: #0A1F26;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-align: center;
	line-height: 34px;
	padding-left: 4px;
}

.coupon-flg {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 56px;
	background: url(../img/common/ico_coupon.png) no-repeat;
	height: 0;
	padding-top: 56px;
	display: block;
	overflow: hidden;
}

.entry-thumb .schedule {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 32px;
    background: #fff;
    font-family: 'aleobold';
    color: #0A1F26;
    font-size: 10px;
    letter-spacing: 2px;
    line-height: 34px;
    padding: 0 10px 0 12px;
}


.entry-thumb0 a img {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	width: 100%;
	height: auto;
}
.entry-thumb0 a:hover img {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}



.entry-thumb a img {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	width: 100%;
	height: auto;
}
.entry-thumb a:hover img {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

.entry-title {
	background: #fff;
	padding: 16px;
	border-bottom: 1px solid #E6E6E6;
	height: 132px;
}
.cat-name {
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 160%;
	margin-bottom: 6px;
	text-transform: uppercase;
	font-weight: bold;
}
.entry-title h3 {
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 160%;
	margin-bottom: 6px;
}
.entry-title h4 {
    font-size: 10px;
    line-height: 160%;
	letter-spacing: 1px;
	color: #AAAAAA;
	font-weight: bold;
}
.entry-title h3 a {
	text-decoration: none;
	font-weight: bold;
	color: #0B1F26;
}
.entry-title h4 a {
	text-decoration: none;
	color: #AAAAAA;
}
.entry-title h3 a:hover {
	text-decoration: underline;
}
.entry-title h4 a:hover {
	color: #E5E5E5;
}
.date-count {
	background: #F6F6F6;
}
.update, .area {
	text-align: center;
	line-height: 40px;
	width: 152px;
	border-right: 1px solid #E6E6E6;
	font-family: 'aleobold';
	color: #0A1F26;
	font-size: 11px;
	letter-spacing: 2px;
	float: left;
}
.snscount {
	width: 153px;
	float: left;
	text-align: center;
	line-height: 40px;
	font-family: 'aleobold';
	color: #0A1F26;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
}
.snscount span {
	background: url(../img/common/ico_count.png) no-repeat;
	padding-left: 24px;
	line-height: 14px;
    display: inline-block;
}
.blogauthor {
	background: #F6F6F6;
	border-top: 1px solid #E6E6E6;
}
.author-name {
    text-align: left;
    line-height: 40px;
    width: 240px;
    color: #0A1F26;
    font-size: 11px;
    letter-spacing: 1px;
    float: left;
	padding-left: 23px;
}
.author-name span {
    font-family: 'aleoreg';
    color: #AAAAAA;
    font-size: 10px;
    letter-spacing: 1px;
	margin-right: 8px;
}
.author-name a {
	text-decoration: none;
	color: #0A1F26;
}
.author-name a:hover {
	text-decoration: underline;
}
.author-img {
    width: 40px;
	height: 40px;
    float: right;
    line-height: 40px;
}
.author-img img {
	vertical-align: bottom;
	width: 100%;
}


.entry-thumb .culture-date {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 32px;
	background: #fff;
	font-family: 'aleobold';
	color: #0A1F26;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-align: center;
	line-height: 34px;
	padding: 0 12px;
}

.cat-PEOPLE, .cat-OFFLINE { color: #46B8DF;}
.cat-FASHION { color: #92C654;}
.cat-GOURMET { color: #E6C035;}
.cat-TRIP { color: #FF8A65;}
.cat-CULTURE, .cat-art-creative, .cat-event, .cat-music, .cat-cinema { color: #EC6593;}
.cat-BEAUTY { color: #ED92BA;}
.cat-LIFESTYLE { color: #A587E9;}
.cat-PRESENT { color: #FE4638;}
.cat-INFORMATION { color: #9a9a9a;}



.contents-name {

}

/*--------------------------------------------
/*		bn area
/*--------------------------------------------*/
#feature-present {
	padding-bottom: 40px;
}
ul.bn-area {
    width: 674px;
	float: left;
    border-top: 1px solid #E6E6E6;
}
ul.bn-area li.bn-block {
	width: 306px;
	float: left;
	padding: 20px 20px 20px 0;
	border-bottom: 1px solid #E6E6E6;
}
ul.bn-area li.bn-block img {
	width: 306px;
	vertical-align: bottom;
}
ul.bn-area > li.bn-block:first-child + *, ul.bn-area > li.bn-block:first-child + * + * + * {
	width: 306px;
	float: left;
	padding: 20px;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
}
ul.bn-area li.bn-block div, #up-bn li div {
	background: #fff;
}
ul.bn-area li.bn-block img, #up-bn li img {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	vertical-align: bottom;
}
ul.bn-area li.bn-block a:hover img, #up-bn li a:hover img {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#present {
}
#present {
	width: 306px;
	height: 375px;
	float: left;
	padding: 20px 0 20px 20px;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}
#present-title {
    background: #fff;
    padding: 16px;
    height: 84px;
}
.page-present .present-title {
    background: #fff;
    padding: 16px;
    height: 112px;
}

.present-title h2, #present-title h2 {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 160%;
    margin-bottom: 4px;
}
.present-title h2 a, #present-title h2 a {
	text-decoration: none;
	font-weight: bold;
	color: #0B1F26;
}
.present-title h2 a:hover, #present-title h2 a:hover {
	text-decoration: underline;
}
.btn-present {
	text-align: center;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 45px;
}
.btn-present a {
	color: #fff;
	text-decoration: none;
	background: #FB4840;
	display: block;
	font-weight: bold;
}
.btn-present a:hover {
	color: #FB4840;
	background: #fff;
}
#deadline {
	background: #fff;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}
#d1 {
    text-align: center;
    line-height: 44px;
    width: 90px;
    border-right: 1px solid #E6E6E6;
    font-family: 'aleobold';
    color: #0A1F26;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    float: left;
}
#d2 {
    width: 215px;
    float: left;
    text-align: center;
    line-height: 44px;
    font-family: 'aleobold';
    color: #0A1F26;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}
#bn-big {
	/*margin-bottom: 40px;*/
}
#bn-big img {
	width: 100%;
	vertical-align: bottom;
}

.sub #bn-big {
	margin-bottom: 0;
}
#offline {
	margin: 40px 0;
}
#up-bn {
}
#up-bn li {
	float: left;
	width: 480px;
	padding: 20px 19px 20px 0;
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}
#up-bn li img {
	width: 100%;
	vertical-align: bottom;
}
#up-bn li:first-child + * {
	float: left;
	width: 480px;
	border-top: 1px solid #E6E6E6;
	border-right: none;
	border-bottom: 1px solid #E6E6E6;
	padding: 20px 0 20px 20px;
}
#up-bn li:first-child + * + * {
	float: left;
	width: 480px;
	border-top: none;
	border-right: 1px solid #E6E6E6;
	/*border-bottom: 1px solid #E6E6E6;*/
	border-bottom: none !important;
	padding: 20px 19px 20px 0;
}
#up-bn li:first-child + * + * + * {
	float: left;
	width: 480px;
	border-top: none;
	border-right: none;
	/*border-bottom: 1px solid #E6E6E6;*/
	border-bottom: none !important;
	padding: 20px 0 20px 20px;
}
#up-bn li:first-child + * + * + * + * {
	float: left;
	width: 480px;
	padding: 20px 19px 20px 0;
	border-top: none;
	border-right: 1px solid #E6E6E6;
	border-bottom: 0;
}
#up-bn li:first-child + * + * + * + * + * {
	float: left;
	width: 480px;
	padding: 20px 0 20px 20px;
	border-top: none;
	border-right: none;
	border-bottom: 0;
}

#up-bn li:last-child {
	border-bottom: none;
}

#up-bn img {
	vertical-align: bottom;
}

#pankuzu {
	width: 820px;
	margin-left: 180px;
	margin-bottom: 32px;
}
#pankuzu li {
	float: left;
    margin-right: 8px;
    height: 24px;
    line-height: 24px;
    font-size: 10px;
    letter-spacing: 1px;
    text-align: left;
    margin-bottom: 8px;
}
#pankuzu li a {
	background: #fff;
	color: #008DDC;
	display: block;
	text-decoration: none;
	padding: 0 12px;
	line-height: 24px;
	font-weight: bold;
}
#pankuzu li span {
	background: #fff;
	padding: 0 12px;
	display: block;
	font-weight: bold;
}
#pankuzu li a:hover {
	background: #008DDC;
	color: #fff;
}
#snstw {
    float: left;
   /* width: 120px;*/
   margin-right: 16px;
}
#snsfb {
    float: left;
	margin-right: 12px;
}
#snsli {
	display: none;
}
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}

.tweetBtn {
	float: left;
}
span.twcount {
	float: left;
	background: white;
    border: 1px solid #9197a3;
    border-radius: 2px;
    color: #4b4f56;
    display: inline-block;
    font-size: 11px;
    height: auto;
    line-height: 18px;
    margin-left: 6px;
    min-width: 15px;
    padding: 0 3px;
    text-align: center;
    white-space: nowrap;
	font-family: helvetica, arial, "hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;
}

.wp-pagenavi {
    clear: both;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: left;
	margin-bottom: 40px;
}
.wp-pagenavi span.current {
    font-weight: bold;
	margin-right: 12px;
	/*border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;*/
}
.current {
    background: #DDDDDD;
    color: #fff;
    padding: 12px 0;
	font-weight: bold;
	width: 36px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
}
.wp-pagenavi a {
    /*text-decoration: none;
	background: #008FD9;
    margin-right: 12px;
    padding: 12px 15px;
    color: #fff;
	font-weight: bold;*/


	text-decoration: none;
    background: #008FD9;
    margin-right: 12px;
    padding: 12px 0;
    color: #fff;
    font-weight: bold;
    width: 36px;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
}
.wp-pagenavi a:hover {
	background: #DDDDDD;
}


/*--------------------------------------------
/*
/*		Theme Name: index page
/*
/*--------------------------------------------*/
#indexmain {
	width: 100%;
	height: 626px;
	border-bottom: 1px solid #E6E6E6;
	background: url(../img/index/bg_indexmain.gif) repeat-x;
	margin-top: 97px;
}
#imbox {
	width: 998px;
	height: 627px;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	margin: 0 auto;
}
#slide {
	float: left;
	width: 710px;
}
div.slider {
	display: block;
    width: 710px;
	margin: 0 auto;
    /*height: 625px;*/
	border-bottom: 1px solid #FFFFFF;    /* border-bottom: 1px solid #E6E6E6; */
}
div.slider .bx-wrapper {
	margin:0 auto;
	position: relative;
	border-bottom: 1px solid #FFFFFF;    /* border-bottom: 1px solid #E6E6E6; */
}
.slider > .bx-wrapper .bx-viewport {
	height: 513px !important;
}
ul.bxslider01 li {
     display: block;
     width: 710px;
     height: 500px;     /* height: 514px; */
}
ul.bxslider01 li img{
	display :block;
	width: 710px;
	height: auto;
}
ul.bxslider02 li a {
     display: block;
     width: 236px;
     height: 112px;
}
ul.bxslider02 li a img{
     display: block;
     width: 236px;
     height: 112px;
}

div.controlWrap {
     width: 710px;
     display: block;
     position: relative;
	 margin: 0 auto;
}
div.controlWrap p#PrevIcon {
	position: absolute;
	top: 28px;
	left: -20px;
	z-index: 9999;
}
div.controlWrap p#PrevIcon a {
	display:block;
	width: 50px;
	height: 51px;
	background: url(../img/index/btn_prevnext.png) no-repeat;
	text-indent:-9999px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	z-index: 10000;
}
div.controlWrap p#PrevIcon a:hover {
	background-position: 0 -51px;
	 -webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

div.controlWrap p#NextIcon {
	position: absolute;
	top: 28px;
	right: -20px;
	z-index: 9999;
}
div.controlWrap p#NextIcon a {
	display:block;
	width: 50px;
	height: 51px;
	background: url(../img/index/btn_prevnext.png) no-repeat;
	text-indent: -9999px;
	background-position: -50px 0;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
div.controlWrap p#NextIcon a:hover {
	background-position: -50px -51px;
	 -webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.bx-has-pager {
	position: absolute;
	z-index: 9999;
	bottom: 32px;
	left: 32px;
	text-align: center;
}
.bx-pager-item {
	float: left;
	width: 16px;
	margin-right: 4px;
}
.bx-pager-item a {
	width: 16px;
	height: 0;
	padding-top: 4px;
	overflow: hidden;
	display: block;
	background: #00ADF1;
}
.bx-pager-item a.active {
	width: 16px;
	height: 0;
	padding-top: 4px;
	overflow: hidden;
	display: block;
	background: #FFFFFF;     /* background: #F2F2F2; */
}
.bx-pager-item a:hover {
	background: #FFFFFF;     /* background: #F2F2F2; */
}
#imside {
	float: right;
	width: 287px;
	border-left: 1px solid #E6E6E6;
}
#imside img {
	vertical-align: bottom;
	width: 100%;
}
#bn-premium {
	border-bottom: 1px solid #E6E6E6;
}
#bn-index-small li {
	border-bottom: 1px solid #E6E6E6;
}
#bn-index-small li:last-child { border-bottom: none;}

.bxslider01 li a img, .bxslider02 li a img, #imside a {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.bxslider01 li a:hover img, .bxslider02 li a:hover img, #imside a:hover {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.bxslider01 li, .bxslider02 li, .bn-p, #bn-index-small li {
	background: #fff;
}


section#index-content {
	width: 1000px;
	margin: 0 auto;
	padding-top: 40px;
	text-align: left;
}

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
.ui-tabs-nav {
	margin-bottom: 16px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
	width: 80px;
	text-align: center;
	font-size: 10px;
	letter-spacing: 1px;
    float: left;
	margin-right: 8px;
	line-height: 1em;
	font-family: 'Montserrat', sans-serif;
}
.ui-tabs-nav li a {
	text-decoration: none;
	background: #fff;
	display: block;
	padding: 8px 0 6px;
	transition: none;
	font-weight: bold;
}
#f-n1 a {color: #0B1F26;}
#f-n2 a {color: #46B8DF;}
#f-n3 a {color: #92C654;}
#f-n4 a {color: #E6C035;}
#f-n5 a {color: #FF8A65;}
#f-n6 a {color: #EC6593;}
#f-n7 a {color: #ED92BA;}
#f-n8 a {color: #A587E9;}

#f-n1 a:hover {color: #fff; background: #0B1F26;}
#f-n2 a:hover {color: #fff; background: #46B8DF;}
#f-n3 a:hover {color: #fff; background: #92C654;}
#f-n4 a:hover {color: #fff; background: #E6C035;}
#f-n5 a:hover {color: #fff; background: #FF8A65;}
#f-n6 a:hover {color: #fff; background: #EC6593;}
#f-n7 a:hover {color: #fff; background: #ED92BA;}
#f-n8 a:hover {color: #fff; background: #A587E9;}

.ui-tabs-selected a { background: #DDDDDD !important; color: #fff !important;}

#ranking .col-head, #offline .col-head {
	width: 1000px;
	margin: 0 auto 20px;
}
#ranking .col-head h2, #offline .col-head h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 700;
    padding-top: 9px;
    float: left;
    margin-right: 8px;
}
#rank-entry {
	width: 100%;
	height: 130px;
	padding: 24px 0;
	background: #fff;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}
#rank-box {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
.bxslider03 li.ranklist {
	width: 306px;
	text-align: left;
}
.bs-txt {
	width: 134px;
	float: left;
}
.bs-txt h4 {
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 140%;
	margin-bottom: 8px;
}
.bs-txt h4 a {
	font-weight: bold;
	text-decoration: none;
	color: #0B1F26;
}
.bs-txt h4 a:hover {
	text-decoration: underline;
}
.rank-contents {
	font-size: 10px;
	letter-spacing: 1px;
	margin-bottom: 4px;
	line-height: 140%;
}
.rankdate {
	font-size: 10px;
	letter-spacing: 1px;
	color: #AAAAAA;
	font-family: 'aleoreg';
}
.bs-thumb {
	width: 161px;
	float: right;
}
.bs-thumb div {
	background: #fff;
}
.bs-thumb div img {
	width: 100%;
	vertical-align: bottom;
}


.bs-thumb a {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.bs-thumb a:hover {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.bs-thumb img {
	vertical-align: bottom;
}
.bs-thumb ul {
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}
li.rank-no {
	width: 38px;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	float: left;
	text-align: center;
	font-size: 14px;
	letter-spacing: 1px;
	font-family: 'aleoreg';
	line-height: 38px;
}
.rank-snscount {
	width: 120px;
	float: left;
	background: #F6F6F6;
	border-right: 1px solid #E6E6E6;
	text-align: center;
	line-height: 38px;
	font-family: 'aleobold';
	color: #0A1F26;
	font-size: 12px;
	letter-spacing: 2px;
}
.rank-snscount span {
	background: url(../img/common/ico_count.png) no-repeat;
	padding-left: 24px;
	line-height: 14px;
	display: inline-block;
}

p#PrevIcon2 {
    position: absolute;
    top: 40px;
    left: -64px;
    z-index: 9999;
}
p#NextIcon2 {
    position: absolute;
   	top: 40px;
    right: -64px;
    z-index: 9999;
}
p#PrevIcon2 a {
    display: block;
    width: 50px;
    height: 51px;
    background: url(../img/index/btn_prevnext.png) no-repeat;
    text-indent: -9999px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    z-index: 10000;
}
p#NextIcon2 a {
    display: block;
    width: 50px;
    height: 51px;
    background: url(../img/index/btn_prevnext.png) no-repeat;
    text-indent: -9999px;
    background-position: -50px 0;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}
#offline-box {
	border-top: 1px solid #E6E6E6;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
#offline-box img {
	width: 100%;
	vertical-align: bottom;
}
#offline-cover {
	width: 306px;
	float: left;
	padding: 20px 20px 20px 0;
	border-bottom: 1px solid #E6E6E6;
}
#offline-cover h3 {
	text-align: center;
	line-height: 43px;
	width: 306px;
	color: #0A1F26;
	font-size: 12px;
	letter-spacing: 2px;
	background: #F6F6F6;
	font-family: 'aleobold';
}
ul.offline-area {
    width: 674px;
    float: right;
}
#offline-box img {
	vertical-align: bottom;
}
ul.offline-area li.offline-block {
    width: 306px;
    float: left;
    padding: 20px;
	border-bottom: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
}
ul.offline-area > li.offline-block:first-child + *, ul.offline-area > li.offline-block:first-child + * + * + * {
	width: 306px;
	float: left;
	padding: 20px 0 20px 20px;
	border-bottom: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
}


/*--------------------------------------------
/*
/*		Theme Name: single page
/*
/*--------------------------------------------*/
#single-entry {
	margin-bottom: 40px;
	/*overflow: hidden;*/
}
#entry-main {
	width: 671px;
	float: left;
}
#entry-side {
	width: 329px;
	/*float: left;*/
}
/*.fixed {
	position: fixed;
	top: 96px;
}
*/
#entry-side img {
	vertical-align: bottom;
}
#photo_container {
	background: #F6F6F6;
}

#portamento_container {float:right; position:relative; height: auto !important;} /* take the positioning of the sidebar, and become the start point for the sidebar positioning */
#portamento_container #entry-side {float: right !important; position:absolute; height: auto !important; z-index: 999;} /* no need to float anymore, become absolutely positoned */
#portamento_container #entry-side.fixed {position:fixed;} /* if the panel is sliding, it needs position:fixed */

.single-genre {
	width: 164px;
	float: left;
	text-align: center;
	height: 50px;
	line-height: 52px;
	color: #fff;
	font-size: 12px;
	letter-spacing: 2px;
	font-weight: bold;
}
.date-area {
	float: left;
	width: 163px;
	height: 49px;
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	text-align: center;
	line-height: 51px;
	font-size: 12px;
	letter-spacing: 2px;
	background: #FFFFFF;
	font-weight: bold;
	font-family: 'aleobold';
}
.cat-bg-people, .cat-bg-PEOPLE { background: #46B8DF; }
.cat-bg-fashion, .cat-bg-FASHION { background: #92C654; }
.cat-bg-gourmet, .cat-bg-GOURMET { background: #E6C035; }
.cat-bg-trip, .cat-bg-TRIP { background: #FF8A65; }
.cat-bg-culture, .cat-bg-CULTURE { background: #EC6593; }
.cat-bg-beauty, .cat-bg-BEAUTY { background: #ED92BA; }
.cat-bg-lifestyle, .cat-bg-LIFESTYLE { background: #A587E9; }
.cat-bg-present, .cat-bg-PRESENT { background: #FE4638; }
.cat-bg-offline { background: #46B8DF; }
.cat-bg-information, .cat-bg-INFORMATION { background: #9a9a9a;}

#snsbtn {
	width: 295px;
	height: 36px;
	border: 1px solid #E6E6E6;
	background: #F6F6F6;
	/* line-height: 42px; */
	padding: 0 16px;
	padding-top: 16px;
}
#sp-sns-box {
	display: none;
}
#single-title {
	width: 280px;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	background: #FFFFFF;
	padding: 24px;
}
.sub-name {
	font-family: 'aleobold';
	color: #AAAAAA;
	font-size: 10px;
	letter-spacing: 1px;
	margin-bottom: 8px;
}
#single-title h2 {
	font-size: 20px;
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 150%;
	margin-bottom: 16px;
}

#single-tag ul li, #tagList ul li {
    display: inline;
    float: left;
    margin: 0 2px 2px 0;
	font-size: 12px;
    letter-spacing: 1px;
}
#single-tag ul li a {
	display: block;
	padding: 4px 8px;
	text-decoration: none;
	color: #000;
	background: #eee;
	height: 16px;
	line-height: 16px;
}
#single-tag ul li a:hover {
	background: #fff;
}

#tagList {
	margin-bottom: 20px;
}
#tagList ul li a {
	display: block;
	padding: 6px 12px;
	text-decoration: none;
	color: #000;
	background: #fff;
	height: 16px;
	line-height: 16px;
}
#tagList ul li a:hover {
	background: #eee;
}

.wp-tag-cloud a {
    font-size: 10px !important;
}

.wp-tag-cloud {zoom:1;}
.wp-tag-cloud:after {
  content: "";
  display: block;
  clear: both;
}



#single-title h3 {
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 180%;
	margin-bottom: 0;
}
.page-culture #single-title h2 {
	margin-bottom: 0;
}

.single-txt {
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 200%;
	margin-bottom: 16px;
}
h3#single-tag {
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 180%;
	color: #AAAAAA;
	font-weight: normal;
}
h3#single-tag a {
	color: #AAAAAA;
	text-decoration: none;
}
h3#single-tag a:hover {
	text-decoration: underline;
}

.timeup-txt {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 130%;
	font-weight: bold;
}
.btn-map, .btn-writter {
    width: 329px;
    text-align: center;
    line-height: 56px;
    height: 56px;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 1px;
}
.btn-map a, .btn-writter a {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#008FD9), color-stop(50%,#008FD9), color-stop(50%,#0086C8), color-stop(100%,#0086C8));
    background: -webkit-linear-gradient(left, #008FD9 0%,#008FD9 50%,#0086C8 50%,#0086C8 100%);
    background: linear-gradient(to right, #008FD9 0%,#008FD9 50%,#0086C8 50%,#0086C8 100%);
    display: block;
    color: #fff;
    text-decoration: none;
    line-height: 56px;
	font-weight: bold;
}
.btn-map a:hover, .btn-writter a:hover {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0086C8), color-stop(50%,#0086C8), color-stop(50%,#008FD9), color-stop(100%,#008FD9));
    background: -webkit-linear-gradient(left, #0086C8 0%,#0086C8 50%,#008FD9 50%,#008FD9 100%);
    background: linear-gradient(to right, #0086C8 0%,#0086C8 50%,#008FD9 50%,#008FD9 100%);
}



#thumbnail {
    overflow: hidden;
    width: 124px;
	float: right;
}
#thumbnail li {
	margin-bottom: 1px;
	background: #333;
	width: 124px;
	height: 99px;
	overflow: hidden;
	text-align: center;
}
#thumbnail li a {
	display: block;
	width: 124px;
	height: 99px;
	position: relative;
}
#thumbnail li img  {
    height: 100%;
	vertical-align: bottom;
    opacity: 0.5;
    filter: alpha(opacity=50);
	position: absolute;
	top: 0;
	left: -24px;
}
#thumbnail li.cr img {
    opacity: 1;
    filter: alpha(opacity=100);
}
#main_photo {
    position: relative;
    width: 546px;
	height: 299px;
	float: left;
}
#main_photo img {
    position: absolute;
    top:0;
    width: 100%;
}


/*#gallery-main {
	height: 367px;
}
#subpage .bx-wrapper {
	margin: 0 !important;
}
#spot-thumb {
	border-top: 1px solid #E6E6E6;
}
#spot-thumb li {
	width: 223px;
	float: left;
}
#gallery-main li img, #spot-thumb li img {
	vertical-align: bottom;
	width: 100%;
}
ul#gallery-thumb li a {
    display: block;
    width: 223px;
    height: 121px;
}
#subpage div.controlWrap {
     width: 671px;
     display: block;
     position: relative;
	 margin: 0 auto;
}*/
#entry-main table {
	border-collapse: collapse;
}
#entry-main table th {
	background: #F6F6F6;
	width: 141px;
	border: 1px solid #E6E6E6;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	padding: 16px;
	line-height: 160%;
	vertical-align: middle;
}
#entry-main table td {
	background: #FFFFFF;
	width: 478px;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	font-size: 13px;
	letter-spacing: 1px;
	padding: 16px;
	line-height: 160%;
}
td#couponarea img {
	width: 501px;
}
#entry-main a {
	color: #00AEEE;
	text-decoration: none;
}
#entry-main a:hover {
	text-decoration: underline;
}

#to-otherpage {
	width: 504px;
	margin: 0 auto 40px;
}
#to-otherpage-single {
	width: 240px;
	margin: 0 auto 40px;
}
#to-otherpage ul li {
	float: left;
	width: 240px;
	margin-right: 24px;
}
#to-otherpage ul li:first-child + * {
	margin-right: 0;
}
.btn-otherpage {
    width: 240px;
    text-align: center;
    line-height: 56px;
    height: 56px;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 1px;
}
.btn-otherpage a, .btn-otherpage-single a {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#008FD9), color-stop(50%,#008FD9), color-stop(50%,#0086C8), color-stop(100%,#0086C8));
    background: -webkit-linear-gradient(left, #008FD9 0%,#008FD9 50%,#0086C8 50%,#0086C8 100%);
    background: linear-gradient(to right, #008FD9 0%,#008FD9 50%,#0086C8 50%,#0086C8 100%);
    display: block;
    color: #fff;
    text-decoration: none;
    line-height: 56px;
	font-weight: bold;
}
.btn-otherpage a:hover, .btn-otherpage-single a:hover {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0086C8), color-stop(50%,#0086C8), color-stop(50%,#008FD9), color-stop(100%,#008FD9));
    background: -webkit-linear-gradient(left, #0086C8 0%,#0086C8 50%,#008FD9 50%,#008FD9 100%);
    background: linear-gradient(to right, #0086C8 0%,#0086C8 50%,#008FD9 50%,#008FD9 100%);
}

#single-cover img {
	vertical-align: bottom;
}
#post-area {
	background: #fff;
	padding: 32px 24px;
}
#post-area p.posttxt {
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 180%;
	margin-bottom: 24px;
}
#post-area h2 {
	font-size: 20px;
	letter-spacing: 1px;
	line-height: 160%;
	font-weight: bold;
	margin-bottom: 16px;
}
#post-area h3 {
	/*font-size: 16px;
	letter-spacing: 1px;
	line-height: 160%;
	margin-bottom: 24px;
	background: #333333;
	color: #fff;
	padding: 8px 16px;*/
	font-size: 18px;
    letter-spacing: 1px;
    line-height: 160%;
    margin-bottom: 24px;
    color: #000;
    /*padding: 12px 24px;
    border: 4px solid #000;*/
    font-weight: bold;
}
#post-area h4 {
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 160%;
	font-weight: bold;
	margin-bottom: 12px;
}
#post-area h5 {
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 180%;
	font-weight: bold;
	margin-bottom: 4px;
}
.postimg {
	margin-bottom: 16px;
}
#post-area img {
	max-width: 623px;
	vertical-align: bottom;
}
.imgcaption {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 160%;
	margin-bottom: 24px;
}
span.bldtxt {
	font-weight: bold;
}
.smtxt {
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 180%;
	margin-bottom: 24px;
}
#post-area ul, #post-area ol {
	margin-bottom: 24px;
}
#post-area ul li {
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 180%;
	margin-bottom: 4px;
	list-style: inside disc;
	text-indent: -1em;
	padding-left: 1em;
}
#post-area ol li {
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 180%;
	margin-bottom: 4px;
	list-style: inside decimal;
	text-indent: -1em;
	padding-left: 1em;
}
#post-area ul li:last-child, #post-area ol li:last-child { margin-bottom: 0;}
#post-area blockquote {
    border: 1px solid #ddd;
    padding: 16px 16px 14px 16px;
    background: #FBFBFB;
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 180%;
	margin-bottom: 24px;
	font-style: italic;
}

.youtube-frame, .ig-frame {
	margin-bottom: 16px;
}
.gm-frame {
	margin-bottom: 32px;
}
.youtube-frame iframe, .gm-frame iframe  {
	vertical-align: bottom;
}


.page-culture #single-cover {
	margin-bottom: 24px;
}
#youtube {
	margin-bottom: 24px;
}

#textby {
	background: #fff;
	padding: 24px;
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
}
#sp-textby, .sp-btn-writter { display: none;}
#writterinfo {
	width: 195px;
	float: left;
}
#writterinfo h3 {
    font-family: 'aleobold';
    color: #AAAAAA;
    font-size: 10px;
    letter-spacing: 1px;
    margin-bottom: 8px;
}
#writterinfo dt {
    font-size: 14px;
    letter-spacing: 2px;
	font-weight: bold;
	line-height: 160%;
	margin-bottom: 2px;
}
#writterinfo dd {
    font-size: 10px;
    letter-spacing: 1px;
	line-height: 160%;
}
#profthumb-s {
	width: 58px;
	float: right;
	border: 1px solid #EEEEEE;
}
#profthumb-s img {
	width: 100%;
	vertical-align: bottom;
}
.proftxt {
	margin-top: 16px;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 180%;
}
.proftxt a {
	display: block;
	color: #00AEEE;
	text-decoration: none;
	font-family: 'aleoreg';
	font-size: 11px;
	letter-spacing: 1px;
	padding-top: 16px;
}
.proftxt a:hover {
	text-decoration: underline;
}
.attention {
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 160%;
}

#culture-description {
    background: #fff;
    padding: 24px;
    border: 1px solid #E6E6E6;
}
#culture-description li {
	margin-bottom: 16px;
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 12px;
}
#culture-description li:last-child {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 0;
}
#culture-description li dt {
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 140%;
	font-weight: bold;
	margin-bottom: 6px;
}
#culture-description li dd {
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 160%;
	word-wrap: break-word;
}
#culture-description a {
	color: #00AEEE;
	text-decoration: none;
}
#culture-description a:hover {
	text-decoration: underline;
}

/*---------------------------------
	writer
---------------------------------*/
.profbox {
    background: #fff;
    padding: 16px;
    border-bottom: 1px solid #E6E6E6;
	height: 226px;
}
.profbox h3 {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 160%;
    margin-bottom: 4px;
}
.profbox h4 {
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 160%;
}
.btn-writter-l {
    width: 306px;
    text-align: center;
    line-height: 56px;
    height: 56px;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 1px;
}
.btn-writter-l a {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#008FD9), color-stop(50%,#008FD9), color-stop(50%,#0086C8), color-stop(100%,#0086C8));
    background: -webkit-linear-gradient(left, #008FD9 0%,#008FD9 50%,#0086C8 50%,#0086C8 100%);
    background: linear-gradient(to right, #008FD9 0%,#008FD9 50%,#0086C8 50%,#0086C8 100%);
    display: block;
    color: #fff;
    text-decoration: none;
    line-height: 56px;
}
.btn-writter-l a:hover {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0086C8), color-stop(50%,#0086C8), color-stop(50%,#008FD9), color-stop(100%,#008FD9));
    background: -webkit-linear-gradient(left, #0086C8 0%,#0086C8 50%,#008FD9 50%,#008FD9 100%);
    background: linear-gradient(to right, #0086C8 0%,#0086C8 50%,#008FD9 50%,#008FD9 100%);
}

/*---------------------------------
	voice
---------------------------------*/

/*h3#voice-catchcopy {
	font-size: 20px;
    line-height: 160%;
    margin-bottom: 16px;
	background: none;
    color: #0B1F26;
    padding: 0;
	font-weight: bold;
}
*/
p#voice-read {
	font-size: 15px;
    letter-spacing: 1px;
    line-height: 180%;
    margin-bottom: 32px;
	padding-bottom: 24px;
	border-bottom: 1px solid #E6E6E6;
}
/*p#voice-credit {
	font-family: 'aleoreg';
    color: #AAAAAA;
    font-size: 10px;
    letter-spacing: 1px;
    margin-bottom: 32px;
	padding-bottom: 16px;
	border-bottom: 1px solid #E6E6E6;
}*/
#interviewinfo {
	background: #fff;
	padding: 24px;
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
}
#voiceinfo h3 {
    font-family: 'aleoreg';
    color: #AAAAAA;
    font-size: 10px;
    letter-spacing: 1px;
    margin-bottom: 8px;
}
#voiceinfo a {
	color: #00AEEE;
    text-decoration: none;
}
#voiceinfo a:hover {
	text-decoration: underline;
}
#voiceinfo li {
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #E6E6E6;
}
#voiceinfo li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
#voiceinfo dt {
    font-size: 14px;
    letter-spacing: 2px;
	font-weight: bold;
	line-height: 160%;
	margin-bottom: 4px;
}
#voiceinfo dd.ti-1 {
    font-size: 12px;
    letter-spacing: 1px;
	line-height: 160%;
	margin-bottom: 8px;
}
#voiceinfo dd.ti-2 {
    font-size: 12px;
    letter-spacing: 1px;
	line-height: 160%;
}
#voinfo {
	border-top: 1px solid #e6e6e6;
	padding-top: 16px;
	margin-top: 32px;
}
#voinfo h3 {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	margin-bottom: 8px;
	letter-spacing: 1px;
}
#voinfo p {
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 180%;
}
#voinfo-img {
	margin-bottom: 16px;
}

.page-people-voice .posttxt {
	margin-bottom: 48px !important;
}
.page-people-voice #post-area blockquote {
    margin-bottom: 40px !important;
}

/*---------------------------------
	TRIP
---------------------------------*/
#single-youtube {
	margin-bottom: 0 !important;
}
#single-youtube iframe, #single-cover img {
	vertical-align: bottom;
}
#jrfeaturebn {
    border-top: 1px solid #E6E6E6;
}
#bn-jr1 {
	width: 480px;
	float: left;
	padding: 20px 20px 20px 0;
}
#bn-jr2 {
	width: 479px;
	float: right;
	border-left: 1px solid #E6E6E6;
	padding: 20px 0 20px 20px;

}
#bn-jr3 {
	width: 480px;
	float: left;
	padding: 20px 20px 20px 0;
	border-bottom: 1px solid #E6E6E6;
}
#bn-jr4 {
	width: 479px;
	float: right;
	border-left: 1px solid #E6E6E6;
	padding: 20px 0 20px 20px;
	border-bottom: 1px solid #E6E6E6;
}

#bn-jr1 a img, #bn-jr2 a, #bn-jr3 a img, #bn-jr4 a {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	width: 100%;
}
#bn-jr1 a:hover, #bn-jr2 a:hover, #bn-jr3 a:hover, #bn-jr4 a:hover {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

#jr-bn {
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
}
#jr-bn img {
	vertical-align: bottom;
}
#jr-system {
	background: #F6F6F6;
}
#r-sys1 {
	padding: 8px 20px 8px 20px;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
}
#jr-system h2 {
	padding-top: 12px;
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
	text-align: center;
	font-size: 14px;
	color: #D51014;
	font-weight: bold;
	letter-spacing: 1px;
}
#syslist {
	float: left;
	width: 240px;
}
#dsBtn {
	float: left;
	width: 34px;
}
#syslist li {
	margin-bottom: 12px;
}
#syslist li dt {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	float: left;
	margin-right: 8px;
	height: 33px;
	line-height: 33px;
}
dd.rsinp {
	float: left;
	/*width: 140px;*/
	margin-right: 8px;
	height: 33px;
	line-height: 33px;
}
.rsinp input {
	font-size: 13px;
	letter-spacing: 1px;
	margin: 0;
	padding: 8px 8px 4px 8px;
	border: 1px solid #E6E6E6;
	width: 140px;
}
dd.systxt {
	float: left;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-right: 8px;
	height: 38px;
	line-height: 38px;
}
.sys-date dt {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	float: left;
	margin-right: 8px;
	height: 38px;
	line-height: 38px;
}
.sys-date dd {
	float: left;
	/*width: 140px;*/
	margin-right: 8px;
	height: 38px;
	line-height: 38px;
}
.ssBtn {
	height: 48px;
}
#deper {
	width: 126px;
	margin: 0 auto;
}
#dp1 {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	float: left;
	margin-right: 8px;
	height: 33px;
	line-height: 33px;
}
#dp2 {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	float: left;
	height: 33px;
	line-height: 33px;
}

.tripsingle .smtxt {
    margin-bottom: 4px;
}
.tripsingle h2 {
    margin-bottom: 4px !important;
}
.tripsingle h5 {
    margin-bottom: 4px !important;
}
p.spot-summary{
	margin-bottom: 4px !important;
}
h2.spot-summary{
	margin-bottom: 4px !important;
}
.tripsingle #post-area h3 {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 160%;
    padding: 8px 16px;
    font-weight: normal;
	background: #333;
	border: none;
	margin-top: 24px;
	color: #fff;
	font-weight: bold;
}
.meguru-access {
	margin-bottom: 16px;
	height: 58px;
}
.by-bus {background: url(../img/trip/ico_bus.png) no-repeat right;}
.by-train {background: url(../img/trip/ico_train.png) no-repeat right;}
.by-walk {background: url(../img/trip/ico_walk.png) no-repeat right;}
.by-bus-walk {background: url(../img/trip/ico_bus-walk.png) no-repeat right;}
.by-train-walk {background: url(../img/trip/ico_train-walk.png) no-repeat right;}
.by-train-bus {background: url(../img/trip/ico_bus-train.png) no-repeat right;}
.by-1 {
	font-size: 16px;
	line-height: 200%;
	font-weight: bold;
	letter-spacing: 1px;
}
.by-2 {
	font-size: 13px;
	line-height: 200%;
	font-weight: bold;
	letter-spacing: 1px;
}
.btn-viewmore-box {
	margin-bottom: 32px;
}
.btn-viewmore {
	width: 224px;
    text-align: center;
    line-height: 56px;
    height: 56px;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 1px;
	float: right;
}
.btn-oubo {
	width: 100%;
    text-align: center;
    line-height: 56px;
    height: 56px;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
	margin: 0 auto;
}

.btn-viewmore a {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#008FD9), color-stop(50%,#008FD9), color-stop(50%,#0086C8), color-stop(100%,#0086C8));
    background: -webkit-linear-gradient(left, #008FD9 0%,#008FD9 50%,#0086C8 50%,#0086C8 100%);
    background: linear-gradient(to right, #008FD9 0%,#008FD9 50%,#0086C8 50%,#0086C8 100%);
    display: block;
    color: #fff !important;
    text-decoration: none;
    line-height: 56px;
	font-weight: bold;
}
.btn-viewmore a:hover{
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0086C8), color-stop(50%,#0086C8), color-stop(50%,#008FD9), color-stop(100%,#008FD9));
    background: -webkit-linear-gradient(left, #0086C8 0%,#0086C8 50%,#008FD9 50%,#008FD9 100%);
    background: linear-gradient(to right, #0086C8 0%,#0086C8 50%,#008FD9 50%,#008FD9 100%);
	text-decoration: none !important;
}
.btn-oubo a {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#F04134), color-stop(50%,#F04134), color-stop(50%,#E63B2E), color-stop(100%,#E63B2E));
    background: -webkit-linear-gradient(left, #F04134 0%,#F04134 50%,#E63B2E 50%,#E63B2E 100%);
    background: linear-gradient(to right, #F04134 0%,#F04134 50%,#E63B2E 50%,#E63B2E 100%);
    display: block;
    color: #fff !important;
    text-decoration: none;
    line-height: 56px;
}
.btn-oubo a:hover {
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#E63B2E), color-stop(50%,#E63B2E), color-stop(50%,#F04134), color-stop(100%,#F04134));
    background: -webkit-linear-gradient(left, #E63B2E 0%,#E63B2E 50%,#F04134 50%,#F04134 100%);
    background: linear-gradient(to right, #E63B2E 0%,#E63B2E 50%,#F04134 50%,#F04134 100%);
	text-decoration: none !important;
}

#single-spot-title, .single-spot-title {
	padding-bottom: 8px;
	border-bottom: 4px solid #000;
	margin-bottom: 24px;
}
.single-spot-title p {
    font-size: 12px !important;
    letter-spacing: 1px !important;
    line-height: 160% !important;
}

#sin-left {
	float: left;
	width: 315px;
	padding: 24px;
	background: #F6F6F6;
	height: 118px;
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	border-left: 1px solid #E6E6E6;
}
#sin-right {
	float: right;
	width: 306px;
}
#sin-right img { width: 100%; vertical-align: bottom;}
#sin-title {
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 0;
}
#sin-left h3 {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
}
#gm {
	margin-top: 32px;
}
#bn-jr-large {
	/*border-top: 1px solid #E6E6E6;
	padding-top: 20px;*/
	margin-bottom: 20px;
}
#bn-jr-large img { vertical-align: bottom;}

#meguru-title-box {
	background: #fff;
	width: 653px;
	height: 373px;
}
/*1*/
#feature-trip ul.entry-area li.entry-block:first-child {
	width: 653px;
	height:372px;
	float: left;
	padding: 20px 20px 20px 0;
	border-bottom: 1px solid #E6E6E6;
}
/*2*/
#feature-trip ul.entry-area li.entry-block:first-child + *{width: 306px; float: left; padding: 20px 0 20px 20px; border-bottom: 1px solid #E6E6E6; border-right: none;}
/*3*/
#feature-trip ul.entry-area li.entry-block:first-child + * + * {width: 306px;float: left;padding: 20px 20px 20px 0;border-bottom: 1px solid #E6E6E6;}
/*4*/
#feature-trip ul.entry-area li.entry-block:first-child + * + * + * {width: 306px;float: left;padding: 20px;border-right: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;border-left: 1px solid #E6E6E6;	}
/*5*/
#feature-trip ul.entry-area li.entry-block:first-child + * + * + * + * {width: 306px;float: left;padding: 20px 0 20px 20px;border-bottom: 1px solid #E6E6E6; border-left: none; border-right: none;}
/*7*/
#feature-trip ul.entry-area li.entry-block:first-child + * + * + * + * + * {width: 306px;float: left;padding: 20px 20px 20px 0;border-bottom: 1px solid #E6E6E6;}
/*8*/
#feature-trip ul.entry-area li.entry-block:first-child + * + * + * + * + * + * {width: 306px;float: left;padding: 20px;border-right: 1px solid #E6E6E6;border-bottom: 1px solid #E6E6E6;border-left: 1px solid #E6E6E6;}
/*9*/
#feature-trip ul.entry-area li.entry-block:first-child + * + * + * + * + * + * + * {width: 306px;float: left;padding: 20px 0 20px 20px;border-bottom: 1px solid #E6E6E6; border-left: none; border-right: none;}

#trip-f-l {
	float: left;
	width: 295px;
	padding: 40px 0 29px 24px;
}
#trip-f-r {
	float: right;
	width: 334px;
	text-align: right;
}
#trip-f-r h2 {
	text-align: center;
}
#trip-f-r img {
	vertical-align: bottom;
}
#ico-jr {
}
#trip-f-l h3 {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 140%;
	margin-bottom: 12px;
}
#trip-f-l h4 {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 140%;
	margin-bottom: 24px;
}
#trip-f-l p {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 200%;
}

/*---------------------------------
	SNAP
---------------------------------*/
#snap-commnet li {
	margin-bottom: 16px;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 12px;
}
#snap-commnet li:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}
#snap-commnet dt {
	font-size: 12px;
    letter-spacing: 1px;
    line-height: 140%;
    font-weight: bold;
    margin-bottom: 6px;
}
#snap-commnet dd {
	font-size: 12px;
    letter-spacing: 1px;
    line-height: 160%;
}
/*---------------------------------
	OFFLINE
---------------------------------*/

.entry-thumb-offline {
	position: relative;
	width: 306px;
	height: 431px;
	background: #fff;
	border-bottom: 1px solid #E6E6E6;
}
.entry-thumb-offline img {
	width: 100%;
	vertical-align: bottom;
}
.entry-thumb-offline a img {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	width: 100%;
}
.entry-thumb-offline a:hover img {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
.entry-thumb-offline .new {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 32px;
	background: #FFF300;
	font-family: 'aleobold';
	color: #0A1F26;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 2px;
	text-align: center;
	line-height: 34px;
	padding-left: 4px;
}
.btn-buy, .btn-buy2 {
    width: 100%;
    text-align: center;
    line-height: 56px;
    height: 56px;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
    margin: 0 auto;
}
.btn-buy a {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#008FD9), color-stop(50%,#008FD9), color-stop(50%,#0086C8), color-stop(100%,#0086C8));
    background: -webkit-linear-gradient(left, #008FD9 0%,#008FD9 50%,#0086C8 50%,#0086C8 100%);
    background: linear-gradient(to right, #008FD9 0%,#008FD9 50%,#0086C8 50%,#0086C8 100%);
    display: block;
    color: #fff !important;
    text-decoration: none;
    line-height: 56px;
	font-weight: bold;
}
.btn-buy a:hover {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0086C8), color-stop(50%,#0086C8), color-stop(50%,#008FD9), color-stop(100%,#008FD9));
    background: -webkit-linear-gradient(left, #0086C8 0%,#0086C8 50%,#008FD9 50%,#008FD9 100%);
    background: linear-gradient(to right, #0086C8 0%,#0086C8 50%,#008FD9 50%,#008FD9 100%);
		text-decoration: none !important;
}

.btn-buy2 {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#333), color-stop(50%,#333), color-stop(50%,#666), color-stop(100%,#666));
    background: -webkit-linear-gradient(left, #333 0%,#333 50%,#666 50%,#666 100%);
    background: linear-gradient(to right, #333 0%,#333 50%,#666 50%,#666 100%);
    display: block;
    color: #fff !important;
    text-decoration: none;
    line-height: 56px;
}



.post-nextpage {
	margin-top: 48px;
	margin-bottom: 32px;
	font-size: 13px;
    letter-spacing: 1px;
	background: url(../img/common/ico_nextpage.gif) no-repeat;
	padding-left: 64px;
	line-height: 48px;
	height: 64px;
	font-weight: bold;
}
.pagesprit {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: left;
	/*margin-top: 48px;*/
}
.page-numbers > .numbers {
    font-weight: bold;
    margin-right: 8px;
	background: #DDDDDD;
    color: #fff;
    padding: 8px 12px;
}
.page-numbers a {
    text-decoration: none !important;
    background: #008FD9;
    margin-right: 8px;
    padding: 8px 12px;
    color: #fff !important;
	font-weight: bold;
}
.page-numbers a:hover {
    background: #DDDDDD;
}
.page-numbers span {
	font-weight: bold;
}

#sp-interviewinfo, #sp-culture-description, #sp-tb {
	display: none;
}
#supportbyjr {
	background: #C53A2A;
	text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
	font-family: 'aleoreg';
}
#sp-jr-system {
	display: none;
}
.none {
	display: none !important;
}

#offline-spot-list {
}
#offline-spot-list li {
	/*float: left;
    width: 480px;
    padding: 20px 19px 20px 0;
    border-top: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;*/
}
#offline-spot-list li h3 {
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: 700;
	margin-bottom: 12px;
}
#offline-spot-list table {
	border-collapse: collapse;
}
#offline-spot-list table th {
    background: #F6F6F6;
    width: 141px;
    border: 1px solid #E6E6E6;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    padding: 16px;
    line-height: 160%;
    vertical-align: middle;
	text-align: left;
}
#offline-spot-list table td {
    background: #FFFFFF;
    width: 478px;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 16px;
    line-height: 160%;
}
#offline-spot-list table td a {
    color: #00AEEE;
    text-decoration: none;
}
#offline-spot-list table td a:hover {
    text-decoration: underline;
}

#pp {
	padding: 24px;
	overflow-y: scroll;
	height: 184px;
	border: 1px solid #e6e6e6;
	margin: 32px 0;
}
#pp div {
	padding-bottom: 16px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 16px;
}
#pp p {
	font-size: 13px;
	margin-bottom: 16px;
}
#pp ol li {
	font-size: 13px;
}
.inputarea {
	width: 100%;
	margin-bottom: 32px;
}
.inp1 {
	width: 100%;
	padding: 8px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 160%;
}

#entrybtn {
	width: 100%;
    text-align: center;
    line-height: 56px;
    height: 56px;
    margin: 0 auto;

}
#entrybtn input {
	width: 100%;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#008FD9), color-stop(50%,#008FD9), color-stop(50%,#0086C8), color-stop(100%,#0086C8));
    background: -webkit-linear-gradient(left, #008FD9 0%,#008FD9 50%,#0086C8 50%,#0086C8 100%);
    background: linear-gradient(to right, #008FD9 0%,#008FD9 50%,#0086C8 50%,#0086C8 100%);
    display: block;
    color: #fff !important;
    text-decoration: none;
    line-height: 56px;
	border: none;
	cursor: pointer;
	font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
	font-weight: bold;
}

.anchorlink {
	width: 100%;
    text-align: center;
    line-height: 56px;
    height: 56px;
    margin: 0 auto 32px;
	font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
}
.anchorlink a {
	background: #008FD9;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#008FD9), color-stop(50%,#008FD9), color-stop(50%,#0086C8), color-stop(100%,#0086C8));
    background: -webkit-linear-gradient(left, #008FD9 0%,#008FD9 50%,#0086C8 50%,#0086C8 100%);
    background: linear-gradient(to right, #008FD9 0%,#008FD9 50%,#0086C8 50%,#0086C8 100%);
    display: block;
    color: #fff !important;
    text-decoration: none;
}
.anchorlink a:hover {
	background: #0086C8;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0086C8), color-stop(50%,#0086C8), color-stop(50%,#008FD9), color-stop(100%,#008FD9));
    background: -webkit-linear-gradient(left, #0086C8 0%,#0086C8 50%,#008FD9 50%,#008FD9 100%);
    background: linear-gradient(to right, #0086C8 0%,#0086C8 50%,#008FD9 50%,#008FD9 100%);
	text-decoration: none !important;
}


.ta {
	width: 100%;
	padding: 8px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 160%;
}
h3#nowpresent {
    text-align: center;
    height: 50px;
    line-height: 52px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
	background: #FE4638;
}
#present-list {
    width: 280px;
    border-right: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    background: #FFFFFF;
    padding: 24px;
}
#present-list li {
	margin-bottom: 24px;
}
#present-list img {
	width: 100%;
	vertical-align: bottom;
}
.present-title {
    background: #fff;
    padding: 16px 0;
    border-bottom: 1px solid #E6E6E6;
}
.present-title h3 {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 160%;
    margin-bottom: 4px;
}
.present-title h3 a {
    text-decoration: none;
    font-weight: bold;
    color: #0B1F26;
}
.present-title h3 a:hover {
    text-decoration: underline;
}

#cont {
	width: 952px;
	background: #fff;
	padding: 24px;
	margin-bottom: 40px;
}
#cont img {
	vertical-align: bottom;
}




.trip-shopinfo {
	border: 1px solid #ddd;
    padding: 24px 16px;
    background: #FBFBFB;
	margin-bottom: 32px;
}
.trip-shopinfo-name {
	font-family: 'aleobold';
	font-size: 10px;
    letter-spacing: 1px;
    margin-bottom: 8px;
    line-height: 1em;
    color: #AAAAAA;
}
.trip-shopinfo h5 {
	font-size: 16px !important;
	font-weight: bold !important;
	letter-spacing: 1px !important;
	line-height: 160% !important;
	margin-bottom: 16px !important;

}
.trip-shopinfo dl {
	margin-bottom: 0 !important;
}
.trip-shopinfo dl dt {
	font-size: 10px;
    letter-spacing: 2px;
    line-height: 1em;
    margin-bottom: 8px !important;
    display: inline-block;
    background: #aaa;
    color: #fff;
    padding: 6px 8px;
	font-weight: bold;
}
.trip-shopinfo dl dd {
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 160%;
	margin-bottom: 16px !important;
	border-bottom: 1px solid #eee;
	padding-bottom: 8px;
}
.trip-shopinfo dl dd:last-child {
	margin-bottom: 0 !important;
	border-bottom: none;
}


/*=========================
	form
=========================*/
span.fmtxt {
	font-size: 13px !important;
}
div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked {
    border: none !important;
}
div.wpcf7-response-output {
	margin: 32px 0 0 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    letter-spacing: 1px !important;
    color: #F04134 !important;
}
span.wpcf7-not-valid-tip {
    font-size: 14px !important;
    letter-spacing: 1px !important;
    color: #F04134 !important;
    display: block !important;
	margin-top: 8px !important;
}