@charset 'utf-8';

/* ------------------------------
 ブラウザリセット
------------------------------ */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

html {
	overflow-y: scroll;
}

blockquote,
q {
	quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
	content: '';
	content: none;
}

input,
textarea {
	margin: 0;
	padding: 0;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th {
	text-align: left;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #121212;
	text-decoration: underline;
}

a:focus {
	outline: none;
}

img {
	vertical-align: bottom;
}

.cf::after {
	display: block;
	clear: both;
	content: '';
}

html {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	position: relative;
	color: #333;
	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', 'ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.6;
	word-wrap: break-word;
	background-color: #fff;
}

*::selection {
	color: #fff;
	background: #4eb2ca;
}

*::-moz-selection {
	color: #fff;
	background: #4eb2ca;
}

/* ------------------------------
 共通設定
------------------------------ */

/* ヘッダ */
#header {
	position: relative;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	body {
		padding-top: 18.75%;
	}

	#header_wrapper {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100;
		width: 100%;
		padding-top: 18.75%;
		overflow: hidden;
		background-color: #fff;
	}

	#header {
		margin-top: -18.75%;
	}
}

@media screen and (min-width: 900px) {
	#header {
		height: 172px;
	}
}

/* ロゴ */
#logo a {
	display: block;
	width: 62.5%;
	height: 0;
	padding-top: 18.75%;
	overflow: hidden;
	background: url(../img/common/logo.png) no-repeat center center;
	background-size: 62.5% auto;
}

@media screen and (min-width: 900px) {
	#logo a {
		position: absolute;
		top: 40px;
		left: 277px;
		width: 355px;
		padding-top: 76px;
		background: url(../img/common/logo.png) no-repeat;
	}
}

/* ヘッダつぶやき */
@media screen and (min-width: 0) and (max-width: 899px) {
	#description {
		display: none;
	}
}

@media screen and (min-width: 900px) {
	#description {
		position: absolute;
		top: 115px;
		left: 250px;
		width: 400px;
		text-align: center;
	}

	#description::before {
		content: '─ ';
	}

	#description::after {
		content: ' ─';
	}
}

@media screen and (min-width: 0) and (max-width: 899px) {
	article {
		padding-top: 6.25%;
	}
}

/* 今日の占い */
@media screen and (min-width: 0) and (max-width: 899px) {
	#reading {
		display: none;
	}
}

@media screen and (min-width: 900px) {
	#reading {
		position: absolute;
		top: 75px;
		left: 0;
		padding-left: 22px;
		background: url(../img/common/ico_reading.png) no-repeat left center;
	}

	#reading a:hover {
		text-decoration: none;
	}
}

/* ヘッダシェアボタン */
.icon-facebook {
	background-image: url(../img/common/facebook-black.svg);
}

.icon-twitter {
	background-image: url(../img/common/twitter-black.svg);
}

.icon-instagram {
	background-image: url(../img/common/instagram-black.svg);
}

.icon-pinterest {
	background-image: url(../img/common/pinterest-black.svg);
}

.icon-rss {
	background-image: url(../img/common/rss-black.svg);
}

@media screen and (min-width: 0) and (max-width: 899px) {
	#header_share {
		display: none;
	}
}

@media screen and (min-width: 900px) {
	#header_share {
		position: absolute;
		top: 66px;
		right: 0;
	}

	#header_share li {
		float: left;
		width: 35px;
	}

	#header_share li a {
		display: block;
		width: 35px;
		height: 0;
		padding-top: 30px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: auto 17px;
		opacity: 1;
		-webkit-transition: opacity 400ms false;
		-moz-transition: opacity 400ms false false;
		-o-transition: opacity 400ms false false;
		transition: opacity 400ms;
	}

	#header_share li a:hover {
		opacity: 0.6;
	}

	.icon-facebook:hover {
		background-image: url(../img/common/facebook-hover.svg);
	}

	.icon-twitter:hover {
		background-image: url(../img/common/twitter-hover.svg);
	}

	.icon-instagram:hover {
		background-image: url(../img/common/instagram-hover.svg);
	}

	.icon-pinterest:hover {
		background-image: url(../img/common/pinterest-hover.svg);
	}

	.icon-rss:hover {
		background-image: url(../img/common/rss-hover.svg);
	}
}

/* シェアボタン */
#share li {
	float: left;
	width: 20%;
}

#share li a {
	display: block;
	height: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	#share {
		width: 86.20689655172414%;
		margin: 3.125% auto;
	}

	#share li a {
		width: 80%;
		padding-top: 50%;
	}
}

@media screen and (min-width: 900px) {
	#share {
		width: 350px;
		margin: 10px auto 20px;
	}

	#share li a {
		width: 50px;
		padding-top: 34px;
		opacity: 1;
		-webkit-transition: opacity 400ms false;
		-moz-transition: opacity 400ms false false;
		-o-transition: opacity 400ms false false;
		transition: opacity 400ms;
	}

	#share li a:hover {
		opacity: 0.6;
	}
}

/* マンガで見る天神 */
@media screen and (min-width: 0) and (max-width: 899px) {
	#header_help {
		display: none;
	}
}

@media screen and (min-width: 900px) {
	#header_help {
		position: absolute;
		top: 0;
		right: 0;
		padding: 9px 15px 9px 30px;
		background: #333 url(../img/common/ico_help.png) no-repeat 15px center;
	}

	#header_help li {
		float: left;
		color: #fff;
		white-space: nowrap;
	}

	#header_help li a {
		color: #fff;
	}

	#header_help li a:hover {
		text-decoration: underline;
	}
}

/* グローバルナビ */
#gnav {
	z-index: 300;
	width: 100%;
	background-color: #fff;
}

#gnav_logo {
	display: none;
}

@media screen and (min-width: 900px) {
	#gnav_logo a {
		position: absolute;
		top: 12px;
		left: 20px;
		width: 140px;
		height: 0;
		padding-top: 30px;
		overflow: hidden;
		background: url(../img/common/logo.png) no-repeat;
		background-size: 140px auto;
	}
}

@media screen and (min-width: 0) and (max-width: 899px) {
	#gnav li {
		display: none;
	}

	#gnav li#btn_slide_nav,
	#gnav li#btn_guide,
	#gnav li#btn_search {
		display: block;
	}
}

@media screen and (min-width: 900px) {
	#gnav li {
		display: block;
	}
}

/* アイコンナビ */
#gnav li#btn_slide_nav,
#gnav li#btn_guide,
#gnav li#btn_search {
	position: absolute;
	top: 0;
}

#gnav li#btn_slide_nav {
	width: 18.75%;
}

#gnav li#btn_guide,
#gnav li#btn_search {
	width: 12.5%;
}

#gnav li#btn_slide_nav {
	left: 0;
}

#gnav li#btn_guide {
	right: 14.5%;
}

#gnav li#btn_search {
	right: 2%;
}

#gnav li#btn_slide_nav a,
#gnav li#btn_guide a,
#gnav li#btn_search a {
	display: block;
	height: 0;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
}

#gnav li#btn_slide_nav a {
	padding-top: 100%;
}

#gnav li#btn_guide a,
#gnav li#btn_search a {
	padding-top: 150%;
}

#gnav li#btn_slide_nav a,
#gnav li#btn_guide a,
#gnav li#btn_search a {
	background-size: 40% auto;
}

/* スライドナビ */
#gnav li#btn_slide_nav a {
	background-image: url(../img/common/menu-black.svg);
}

/* 天神利用ガイド */
#gnav li#btn_guide a {
	background-image: url(../img/common/guide-black.svg);
}

/* 検索ナビ */
#gnav li#btn_search a {
	background-image: url(../img/common/search-black.svg);
}

@media screen and (min-width: 900px) {
	#gnav {
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
	}

	#gnav.fixed {
		position: fixed;
		top: 0;
		left: 0;
	}

	#gnav ul {
		position: relative;
		z-index: 10;
		width: 898px;
		border-right: 1px solid #e6e6e6;
		border-left: 1px solid #e6e6e6;
	}

	#gnav li {
		position: relative;
		display: block;
		float: left;
		text-align: center;
		border-right: 1px solid #e6e6e6;
	}

	#gnav li a {
		display: block;
		width: 144px;
		height: 48px;
		padding-top: 15px;
		line-height: 18px;
		text-decoration: none;
		background-color: #fff;
	}

	#gnav li a span {
		display: block;
		font-weight: normal;
	}

	#gnav li a:hover {
		color: #fff;
		background: #1f1f1f;
	}

	/* アイコンナビ */
	#gnav li#btn_slide_nav,
	#gnav li#btn_search {
		position: static;
		width: auto;
	}

	#gnav li#btn_guide {
		display: none;
	}

	#gnav li#btn_slide_nav a,
	#gnav li#btn_search a,
	#gnav li#btn_login a,
	#gnav li#btn_logined a {
		width: 57px;
		height: 0;
		padding-top: 63px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: center center;
	}

	/* スライドナビ */
	#gnav li#btn_slide_nav a {
		background-size: 28px auto;
	}

	#gnav li#btn_slide_nav a:hover {
		background-image: url(../img/common/menu.svg);
	}

	/* 検索ナビ */
	#gnav li#btn_search a {
		background-size: 26px auto;
	}

	#gnav li#btn_search a:hover {
		background-image: url(../img/common/search.svg);
	}

	/* ログイン */
	#gnav li:last-child,
	#gnav li#btn_login,
	#gnav li#btn_logined {
		border-right: none;
	}

	#gnav li#btn_login a {
		background-image: url(../img/common/ico_login.png);
	}

	#gnav li#btn_login a:hover {
		background-image: url(../img/common/ico_login_on.png);
	}

	#gnav li#btn_logined a {
		background-image: url(../img/common/ico_logined.png);
	}

	#gnav li#btn_logined a:hover {
		background-image: url(../img/common/ico_logined_on.png);
	}

	/* サブナビ */
	#gnav li ul {
		position: absolute;
		top: 63px;
		left: 0;
		display: none;
		width: 194px;

		/* width: 184px; */
		border-right: none;
		border-left: none;
	}

	#gnav li ul li {
		float: none;
		border-right: none;
	}

	#gnav li ul li a {
		display: block;
		width: auto;
		height: auto;
		padding: 10px 50px 10px 10px;
		color: #fff;
		text-decoration: none;
		background: #1f1f1f url(../img/common/ico_snav.png) no-repeat right center;
		border-bottom: 1px solid #5b5b5b;
	}

	#gnav li ul li:first-child a {
		border-top: 1px solid #fff;
	}

	#gnav li ul li:last-child a {
		border-bottom: none;
	}

	#gnav li ul li a:hover {
		background: #414141 url(../img/common/ico_snav_on.png) no-repeat right center;
	}

	.spacing {
		letter-spacing: 1em;
		text-indent: 1em;
	}
}

/* SNS告知 */
#follow p {
	font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
	line-height: 1.2;
	text-align: center;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	#follow {
		margin-top: 6.25%;
		padding-top: 6.25%;
		border-top: 2px solid #1f1f1f;
	}
}

@media screen and (min-width: 900px) {
	#follow {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #1f1f1f;
	}
}

/* バナー設置 */
#bnr_discover {
	width: 100%;
	max-width: 320px;
}

@media screen and (min-width: 900px) {
	#bnr_discover {
		width: 320px;
	}
}

/* 情報募集バナー */
#bnr_recruitment {
	width: 90.625%;
	max-width: 580px;
}

@media screen and (min-width: 900px) {
	#bnr_recruitment {
		width: 360px;
	}
}

/* フッタバナー */
.footer_bnrs {
	width: 90.625%;
	max-width: 580px;
}

.footer_bnrs li {
	float: left;
	width: 50%;
}

.footer_bnrs li:nth-child(2n) {
	float: right;
}

@media screen and (min-width: 900px) {
	.footer_bnrs {
		width: 360px;
	}
}

/* フッタ */
#footer {
	margin-top: 15.625%;
	padding: 3.125% 4.6875% 3.125%;
	background-color: #1f1f1f;
}

@media screen and (min-width: 900px) {
	#footer {
		margin-top: 50px;
		padding: 40px 15px 10px;
	}
}

/* ページトップ */
#btn_pagetop {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 100;
}

#btn_pagetop a {
	display: block;
	height: 0;
	padding-top: 100%;
	overflow: hidden;
	background-image: url(../img/common/pagetop.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	-webkit-transition: top 0.2s ease-out;
	transition: top 0.2s ease-out;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	#btn_pagetop {
		bottom: 60px;
		width: 12.5%;
	}
}

@media screen and (min-width: 900px) {
	#btn_pagetop {
		width: 50px;
	}

	#btn_pagetop a:hover {
		opacity: 0.8;
	}
}

/* フッタロゴ */
#footer_logo a {
	display: block;
	height: 0;
	overflow: hidden;
	background: url(../img/common/footer_logo.png) no-repeat center center;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	#footer_logo {
		margin-bottom: 5.172413793103448%;
	}

	#footer_logo a {
		width: 51.72413793103448%;
		padding-top: 11.03448275862069%;
		background-size: 100% auto;
	}
}

@media screen and (min-width: 900px) {
	#footer_logo {
		margin-bottom: 30px;
	}

	#footer_logo a {
		width: 300px;
		padding-top: 64px;
		background-size: 300px auto;
	}
}

/* フッタリンク */
.footer_links {
	margin-bottom: 2.34375%;
}

.footer_links:nth-last-of-type(1) {
	margin-bottom: 0;
}

.footer_links li {
	color: #fff;
	text-align: center;
}

.footer_links li a {
	color: #fff;
}

@media screen and (min-width: 900px) {
	.footer_links {
		position: relative;
		margin-bottom: 10px;
		overflow: hidden;
	}

	.footer_links ul {
		position: relative;
		left: 50%;
		float: left;
		text-align: center;
	}

	.footer_links li {
		position: relative;
		left: -50%;
		float: left;
		border-left: 1px solid #7b7b7b;
	}

	.footer_links li:first-child {
		border-left: none;
	}

	.footer_links li a {
		display: block;
		padding: 0 20px;
		line-height: 20px;
		text-decoration: none;
	}

	.footer_links li a:hover {
		color: #efefef;
		text-decoration: underline;
	}
}

/* コピーライト */
#copyright {
	margin-top: 4.6875%;
	color: #fff;
	line-height: 1.2;
	text-align: center;
}

#copyright span {
	display: none;
}

@media screen and (min-width: 900px) {
	#copyright {
		margin-top: 60px;
	}

	#copyright br {
		display: none;
	}

	#copyright span {
		display: inline;
	}
}

/* ボタン */
.btn a {
	display: block;
	overflow: hidden;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #1f1f1f;
	background-repeat: no-repeat;
}

.btn-prev a {
	color: #999;
	background-color: #e7e7e7;
}

.arrow-right::after,
.arrow-down::after,
.arrow-left::before,
.arrow-left-gray::before,
.pin::before,
.blank::after,
.blank-black::after,
.search_submit::before {
	display: inline-block;
	vertical-align: baseline;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	content: '\00a0';
}

.arrow-right::after {
	background-image: url(../img/common/arrow_next.svg);
}

.arrow-down::after {
	background-image: url(../img/common/arrow_bottom.svg);
}

.arrow-left::before {
	background-image: url(../img/common/arrow_prev.svg);
}

.arrow-left-gray::before {
	background-image: url(../img/common/arrow_prev-gray.svg);
}

.pin::before {
	background-image: url(../img/common/pin.svg);
}

.btn_place_like.on .pin::before {
	background-image: url(../img/common/pin-pink.svg);
}

.blank::after {
	background-image: url(../img/common/blank.svg);
}

.blank-black::after {
	background-image: url(../img/common/blank-black.svg);
}

.search_submit::before {
	background-image: url(../img/common/search.svg);
}

@media screen and (min-width: 0) and (max-width: 899px) {
	.btn-full {
		width: 100%;
	}

	.btn {
		clear: left;
		width: 59.375vw;
	}

	.btn a {
		padding: 3.125vw;
	}

	.arrow-right::after,
	.arrow-down::after,
	.blank::after {
		margin-left: 3.125vw;
	}

	.blank-black::after {
		margin-left: 1.5625vw;
	}

	.arrow-left::before,
	.arrow-left-gray::before,
	.pin::before {
		margin-right: 3.125vw;
	}

	.search_submit::before {
		margin-right: 1.5625vw;
	}

	.arrow-right::after,
	.arrow-left::before,
	.arrow-left-gray::before {
		width: 3vw;
	}

	.search_submit::before {
		width: 3.846153846153846vw;
	}

	.arrow-down::after {
		width: 2.96875vw;
	}

	.pin::before {
		width: 3.125vw;
		background-size: auto 78.94736842105263%;
	}

	.blank::after,
	.blank-black::after {
		width: 3.59375vw;
	}
}

@media screen and (min-width: 900px) {
	.btn {
		width: 190px;
		line-height: 0;
	}

	.btn-full {
		width: 900px;
	}

	.btn a {
		display: inline-block;
		width: 150px;
		padding: 10px 20px;
		line-height: 20px;
		-webkit-transition: background-color 400ms false;
		-moz-transition: background-color 400ms false false;
		-o-transition: background-color 400ms false false;
		transition: background-color 400ms;
	}

	.btn-auto,
	.btn-auto a {
		width: auto;
		min-width: 150px;
	}

	.btn a:hover {
		background-color: #414141;
	}

	.btn-prev a:hover {
		color: #777;
		background-color: #f1f1f1;
	}

	.arrow-right::after {
		background-size: auto 10px;
	}

	.arrow-right::after,
	.arrow-down::after,
	.blank::after {
		margin-left: 10px;
	}

	.blank-black::after {
		margin-left: 5px;
	}

	.arrow-left::before,
	.arrow-left-gray::before,
	.pin::before {
		margin-right: 10px;
	}

	.search_submit::before {
		margin-right: 5px;
	}

	.arrow-right::after,
	.arrow-left::before,
	.arrow-left-gray::before {
		width: 6px;
	}

	.search_submit::before {
		width: 20px;
	}

	.arrow-down::after,
	.pin::before {
		width: 14px;
	}

	.blank::after,
	.blank-black::after {
		width: 11px;
	}

	.btn-large {
		width: 360px;
	}

	.btn-large a {
		width: 320px;
	}

	.btn-small {
		width: auto;
	}

	.btn-small a {
		width: auto;
		padding: 5px 10px;
		background-image: none;
	}

	.btn-small a::before,
	.btn-small a::after {
		content: none;
	}

	.arrow-down::after {
		background-size: 13px auto;
	}
}

/* 見出し */
.title {
	background-color: #eee;
	border-top: 2px solid #1f1f1f;
}

.title span {
	color: #999;
	font-family: 'Calibri', sans-serif;
	vertical-align: text-bottom;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	.title {
		margin-bottom: 6.25vw;
		padding: 3.125% 4.6875%;
	}

	.title span {
		margin-left: 3.125vw;
	}
}

@media screen and (min-width: 900px) {
	.title {
		margin-bottom: 30px;
		padding: 10px 15px;
	}

	.title span {
		margin-left: 10px;
	}
}

/* タイトル */
.icotitle {
	padding-top: 15.625%;
	text-align: center;
}

#icotitle-gourmet {
	background: url(../img/title/gourmet.svg) no-repeat center top;
}

#icotitle-shopping_top {
	background: url(../img/title/shopping_top.svg) no-repeat center top;
}

#icotitle-shopping {
	background: url(../img/title/shopping.svg) no-repeat center top;
}

#icotitle-stylehunt {
	background: url(../img/title/stylehunt.svg) no-repeat center top;
}

#icotitle-fashion {
	background: url(../img/title/fashion.svg) no-repeat center top;
}

#icotitle-beauty {
	background: url(../img/title/beauty.svg) no-repeat center top;
}

#icotitle-entertainment {
	background: url(../img/title/entertainment.svg) no-repeat center top;
}

#icotitle-entertainment {
	background: url(../img/title/entertainment.svg) no-repeat center top;
}

#icotitle-cinema {
	background: url(../img/title/cinema.svg) no-repeat center top;
}

#icotitle-music {
	background: url(../img/title/music.svg) no-repeat center top;
}

#icotitle-event {
	background: url(../img/title/event.svg) no-repeat center top;
}

#icotitle-stage {
	background: url(../img/title/stage.svg) no-repeat center top;
}

#icotitle-art {
	background: url(../img/title/art.svg) no-repeat center top;
}

#icotitle-machihito {
	background: url(../img/title/machihito.svg) no-repeat center top;
}

#icotitle-town {
	background: url(../img/title/town.svg) no-repeat center top;
}

#icotitle-people {
	background: url(../img/title/people.svg) no-repeat center top;
}

#icotitle-newshop {
	background: url(../img/title/newshop.svg) no-repeat center top;
}

#icotitle-feature {
	background: url(../img/title/feature.svg) no-repeat center top;
}

#icotitle-column {
	background: url(../img/title/column.svg) no-repeat center top;
}

#icotitle-today {
	background: url(../img/title/today.svg) no-repeat center top;
}

#icotitle-guide {
	background: url(../img/title/guide.svg) no-repeat center top;
}

#icotitle-present {
	background: url(../img/title/present.svg) no-repeat center top;
}

#icotitle-writer {
	background: url(../img/title/writer.svg) no-repeat center top;
}

#icotitle-contact {
	background: url(../img/title/contact.svg) no-repeat center top;
}

#icotitle-policy {
	background: url(../img/title/policy.svg) no-repeat center top;
}

#icotitle-sitemap {
	background: url(../img/title/sitemap.svg) no-repeat center top;
}

#icotitle-ranking {
	background: url(../img/title/ranking.svg) no-repeat center top;
}

#icotitle-recommend {
	background: url(../img/title/recommend.svg) no-repeat center top;
}

#icotitle-topics {
	background: url(../img/title/topics.svg) no-repeat center top;
}

#icotitle-all {
	background: url(../img/title/all.svg) no-repeat center top;
}

#icotitle-password {
	background: url(../img/title/password.svg) no-repeat center top;
}

#icotitle-login {
	background: url(../img/title/login.svg) no-repeat center top;
}

#icotitle-signup {
	background: url(../img/title/signup.svg) no-repeat center top;
}

#icotitle-search {
	background: url(../img/title/search.svg) no-repeat center top;
}

#icotitle-mypage {
	background: url(../img/title/mypage.svg) no-repeat center top;
}

#icotitle-error {
	background: url(../img/title/error.svg) no-repeat center top;
}

#icotitle-place {
	background: url(../img/title/place.svg) no-repeat center top;
}

#icotitle-gourmet,
#icotitle-shopping_top,
#icotitle-shopping,
#icotitle-stylehunt,
#icotitle-fashion,
#icotitle-beauty,
#icotitle-entertainment,
#icotitle-cinema,
#icotitle-music,
#icotitle-event,
#icotitle-stage,
#icotitle-art,
#icotitle-machihito,
#icotitle-town,
#icotitle-people,
#icotitle-newshop,
#icotitle-feature,
#icotitle-column,
#icotitle-today,
#icotitle-guide,
#icotitle-present,
#icotitle-writer,
#icotitle-contact,
#icotitle-policy,
#icotitle-sitemap,
#icotitle-ranking,
#icotitle-recommend,
#icotitle-topics,
#icotitle-all,
#icotitle-password,
#icotitle-login,
#icotitle-signup,
#icotitle-search,
#icotitle-mypage,
#icotitle-error,
#icotitle-place {
	background-size: 12.5% auto;
}

.icotitle_p {
	display: block;
	color: #999;
	font-family: 'Calibri', sans-serif;
}

@media screen and (min-width: 900px) {
	.icotitle {
		margin-top: 40px;
		padding: 60px 0 40px;
		border-bottom: 1px solid #e6e6e6;
	}

	#icotitle-gourmet,
	#icotitle-shopping_top,
	#icotitle-shopping,
	#icotitle-stylehunt,
	#icotitle-fashion,
	#icotitle-beauty,
	#icotitle-entertainment,
	#icotitle-cinema,
	#icotitle-music,
	#icotitle-event,
	#icotitle-stage,
	#icotitle-art,
	#icotitle-machihito,
	#icotitle-town,
	#icotitle-people,
	#icotitle-newshop,
	#icotitle-feature,
	#icotitle-column,
	#icotitle-today,
	#icotitle-guide,
	#icotitle-present,
	#icotitle-writer,
	#icotitle-contact,
	#icotitle-policy,
	#icotitle-sitemap,
	#icotitle-ranking,
	#icotitle-recommend,
	#icotitle-topics,
	#icotitle-all,
	#icotitle-login,
	#icotitle-password,
	#icotitle-signup,
	#icotitle-search,
	#icotitle-mypage,
	#icotitle-error,
	#icotitle-place {
		background-size: 50px auto;
	}

	#icotitle-place h2 {
		width: 900px;
		margin-right: auto;
		margin-left: auto;
	}
}

/* ボックス */
@media screen and (min-width: 900px) {
	.box_s {
		float: left;
		width: 270px;
		margin-right: 45px;
		margin-bottom: 40px;
	}

	.box_s:nth-last-child(1),
	.box_s:nth-last-child(2),
	.box_s:nth-last-child(3) {
		margin-bottom: 0;
	}

	.box_s:nth-of-type(3n),
	.box_m .item:last-child {
		margin-right: 0;
	}

	.box_s:nth-of-type(3n + 1) {
		clear: left;
	}

	.box_m {
		float: left;
		width: 585px;
	}
}

/* アイテム */
.item {
	position: relative;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	.items {
		margin: 0 4.6875%;
	}

	.items .box_s,
	.item_noseparator {
		float: left;
		width: 50%;
		margin-bottom: 6.896551724137931%;
	}

	.items .box_s:nth-of-type(odd) .item,
	.items .item_noseparator:nth-of-type(odd) .cf {
		padding-right: 3.448275862068966%;
	}

	.items .box_s:nth-of-type(even) .item,
	.items .item_noseparator:nth-of-type(even) .cf {
		padding-left: 3.448275862068966%;
	}

	#horoscope .item {
		padding-bottom: 0;
	}

	.item_noseparator {
		width: 50%;
		margin-bottom: 0;
		border-bottom: none;
	}
}

@media screen and (min-width: 900px) {
	.item {
		float: left;
		width: 268px;
		margin-right: 45px;
		border: 1px solid #dedede;
	}
}

/* アイテムなし */
.item_none {
	display: none;
}

@media screen and (min-width: 900px) {
	.item_none {
		display: block;
		height: 268px;
		background: #f5f5f5 url(../img/common/bg_item_none.png) no-repeat center center;
	}
}

/* サムネイル */
@media screen and (min-width: 0) and (max-width: 899px) {
	.thumbnail {
		position: relative;
		margin-bottom: 5%;
	}
}

/* LIKE & SHARE */
.thumbnail_ctrl {
	position: absolute;
	right: 0;
}

.thumbnail_ctrl li {
	float: left;
	overflow: hidden;
}

.thumbnail_ctrl li:last-child {
	margin-right: 0;
}

.thumbnail_ctrl li a {
	display: block;
	height: 0;
	overflow: hidden;
	background-color: #1f1f1f;
	background-repeat: no-repeat;
	background-position: center center;
}

.btn_like {
	background-image: url(../img/common/like.svg);
}

.btn_like.on {
	background-image: url(../img/common/like-pink.svg);
	animation-name: heartbeat;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-iteration-count: 3;
}

.btn_share {
	background-image: url(../img/common/share.svg);
}

@-webkit-keyframes heartbeat {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	14% {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
	}

	28% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	42% {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
	}

	70% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

@-moz-keyframes heartbeat {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	14% {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
	}

	28% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	42% {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
	}

	70% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

@-o-keyframes heartbeat {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	14% {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
	}

	28% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	42% {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
	}

	70% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes heartbeat {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	14% {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
	}

	28% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	42% {
		-webkit-transform: scale(1.3);
		-moz-transform: scale(1.3);
		-ms-transform: scale(1.3);
		transform: scale(1.3);
	}

	70% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

.share_overlay {
	top: 0;
	left: 0;
	z-index: 200;
	display: none;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.shares {
	position: relative;
	width: 100%;
	height: 100%;
}

.shares li {
	float: left;
	width: 75px;
}

.shares li a {
	display: block;
	color: #fff;
	text-align: center;
	background-repeat: no-repeat;
}

.btn_share_twitter a {
	background-color: #55acee;
	background-image: url(../img/common/twitter.svg);
}

.btn_share_facebook a {
	background-color: #0e3280;
	background-image: url(../img/common/facebook.svg);
}

.btn_share_pinterest a {
	background-color: #bd081c;
	background-image: url(../img/common/pinterest.svg);
}

.btn_share_mail a {
	background-color: #f3cd1b;
	background-image: url(../img/common/mail.svg);
}

.btn_share_line a {
	background-color: #2cbf13;
	background-image: url(../img/common/line.svg);
}

.shares p {
	position: absolute;
	top: 0;
	right: 0;
}

.btn_share_close {
	display: block;
	height: 0;
	overflow: hidden;
	background-image: url(../img/common/close.svg);
	background-repeat: no-repeat;
	background-position: center center;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	.thumbnail_ctrl {
		bottom: 0;
		width: 50%;
	}

	.thumbnail_ctrl li {
		width: 49%;
	}

	.thumbnail_ctrl li:not(:last-child) {
		margin-right: 2%;
	}

	.thumbnail_ctrl li a {
		width: 100%;
		padding-top: 100%;
		background-size: 50% auto;
	}

	.share_overlay {
		position: fixed;
	}

	.shares ul {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		width: 65.625%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}

	.shares li {
		width: 46.42857142857143%;
	}

	.shares li a {
		width: 100%;
		padding: 70% 0 17%;
		font-size: 4.0625vw;
		line-height: 1;
		text-decoration: none;
		background-position: center 30%;
		background-size: auto 40%;
	}

	.shares .btn_share_twitter,
	.shares .btn_share_pinterest {
		margin-right: 7.142857142857143%;
	}

	.shares .btn_share_twitter,
	.shares .btn_share_facebook {
		margin-bottom: 7.142857142857143%;
	}

	.shares p {
		width: 12.5%;
	}

	.btn_share_close {
		width: 100%;
		padding-top: 100%;
		background-size: 27.5% auto;
	}
}

@media screen and (min-width: 900px) {
	.thumbnail {
		position: relative;
	}

	.thumbnail_ctrl {
		bottom: 0;
	}

	.thumbnail_ctrl li {
		margin-right: 1px;
	}

	.thumbnail_ctrl li a {
		width: 40px;
		padding-top: 40px;
		background-size: 50% auto;
		opacity: 0.8;
		-webkit-transition: opacity 400ms false;
		-moz-transition: opacity 400ms false false;
		-o-transition: opacity 400ms false false;
		transition: opacity 400ms;
	}

	.thumbnail_ctrl li a.btn_like {
		background-position: center center;
		background-size: 22px auto;
	}

	.thumbnail_ctrl li a.btn_share {
		background-position: center 6px;
		background-size: auto 23px;
	}

	.thumbnail_ctrl li a:hover {
		opacity: 1;
	}

	.share_overlay {
		position: absolute;
	}

	.shares ul {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 160px;
		height: 160px;
		margin: auto;
	}

	.shares li {
		width: 75px;
	}

	.shares li a {
		width: 75px;
		height: 35px;
		padding-top: 40px;
		font-size: 10px;
		line-height: 20px;
		background-position: center 18px;
		background-size: auto 22px;
		-webkit-transition: background 400ms false;
		-moz-transition: background 400ms false false;
		-o-transition: background 400ms false false;
		transition: background 400ms;
	}

	.shares .btn_share_twitter,
	.shares .btn_share_pinterest {
		margin-right: 10px;
	}

	.shares .btn_share_twitter,
	.shares .btn_share_facebook {
		margin-bottom: 10px;
	}

	.shares .btn_share_twitter a:hover {
		background-color: #7ac2f3;
	}

	.shares .btn_share_facebook a:hover {
		background-color: #2258a0;
	}

	.shares .btn_share_pinterest a:hover {
		background-color: #d0153c;
	}

	.shares .btn_share_mail a:hover {
		background-color: #f7db3a;
	}

	.shares .btn_share_line a:hover {
		background-color: #51d12c;
	}

	.btn_share_close {
		width: 46px;
		padding-top: 46px;
		background-size: 10px auto;
		opacity: 0.8;
		-webkit-transition: opacity 400ms false;
		-moz-transition: opacity 400ms false false;
		-o-transition: opacity 400ms false false;
		transition: opacity 400ms;
	}

	.btn_share_close:hover {
		opacity: 1;
	}
}

/* 投稿日＋本文 */
@media screen and (min-width: 0) and (max-width: 899px) {
	.posted {
		line-height: 1.3;
		vertical-align: top;
	}
}

@media screen and (min-width: 900px) {
	.posted {
		padding: 15px 15px 30px;
		background-color: #fff;
	}
}

/* 特集バナー */
.bnr_feature li {
	margin-bottom: 6.896551724137932%;
}

.bnr_feature li:last-child {
	margin-bottom: 0;
}

@media screen and (min-width: 900px) {
	.bnr_feature li {
		float: left;
		width: 430px;
		margin: 0 40px 40px 0;
	}

	.bnr_feature li:nth-child(2n) {
		margin-right: 0;
	}

	.bnr_feature li:nth-child(2n + 1) {
		clear: left;
	}

	.bnr_feature li p {
		display: block;
		margin-top: 7px;
	}
}

/* パンくずリスト */
@media screen and (min-width: 900px) {
	.topicpath {
		background-color: #f5f5f5;
	}

	.topicpath li {
		float: left;
		color: #333;
		font-size: 12px;
	}

	.topicpath li a,
	.topicpath li span.nolink {
		display: block;
		margin-right: 10px;
		padding-right: 16px;
		color: #333;
		line-height: 30px;
		text-decoration: underline;
		background: url(../img/common/arrow_next-black.svg) no-repeat right center;
		background-size: auto 10px;
	}

	.topicpath li:last-child a {
		background-image: none;
	}

	.topicpath li span.nolink {
		text-decoration: none;
	}

	.topicpath li a:hover {
		color: #121212;
		text-decoration: none;
	}

	.topicpath li span {
		display: block;
		color: #333;
		line-height: 30px;
	}
}

/* トピックス */
.topics li {
	border-bottom: 1px dotted #999;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	.topics li {
		margin-bottom: 3.448275862068966%;
		padding-bottom: 3.448275862068966%;
	}

	.topics:last-child li:last-child {
		margin-bottom: 0;
	}

	.topics-thumbnail {
		float: left;
		width: 24.13793103448276%;
		margin-right: 3.448275862068966%;
	}

	.topics-posted {
		float: left;
		width: 72.41379310344828%;
	}
}

@media screen and (min-width: 900px) {
	.topics li {
		float: left;
		width: 430px;
		margin-right: 40px;
		margin-bottom: 20px;
		padding-bottom: 20px;
	}

	.topics li:nth-child(2n) {
		margin-right: 0;
	}

	.topics li:nth-child(2n + 1) {
		clear: left;
	}

	.topics-thumbnail {
		display: table-cell;
		width: 120px;
		padding-right: 30px;
		vertical-align: middle;
	}

	.topics-posted {
		display: table-cell;
		width: 275px;
		vertical-align: middle;
	}
}

/* ------------------------------
 フォント設定（スマホ用のclassは幅640pxの場合のpx数とする）
------------------------------ */

/* 下線 */
.all-underline {
	text-decoration: underline;
}

.all-underline:hover {
	text-decoration: none;
}

/* 太字 */
.all-bold {
	font-weight: bold;
}

/* 赤字 */
.notice {
	color: #1b5db4;
}

.notice-red {
	color: #d00;
}

/* 行揃え */
.all-ta-right {
	text-align: right;
}

.all-ta-center {
	text-align: center;
}

/* 行間 */
.all-lh12 {
	line-height: 1.2;
}

/* 文字サイズ */
@media screen and (min-width: 0) and (max-width: 899px) {
	a {
		text-decoration: underline;
	}

	.sp-ta-right {
		text-align: right;
	}

	.sp-ta-center {
		text-align: center;
	}

	.sp-fsa16 {
		font-size: 16px;
	}

	.sp-fs16 {
		font-size: 2.5vw;
	}

	.sp-fs18 {
		font-size: 2.8125vw;
	}

	.sp-fs20 {
		font-size: 3.125vw;
	}

	.sp-fs24 {
		font-size: 3.75vw;
	}

	.sp-fs26 {
		font-size: 4.0625vw;
	}

	.sp-fs28 {
		font-size: 4.375vw;
	}

	.sp-fs30 {
		font-size: 4.6875vw;
	}

	.sp-fs32 {
		font-size: 5vw;
	}

	.sp-fs40 {
		font-size: 6.25vw;
	}

	.sp-fs50 {
		font-size: 7.8125vw;
	}
}

@media screen and (min-width: 900px) {
	a {
		text-decoration: none;
	}

	.pc-ta-right {
		text-align: right;
	}

	.pc-ta-center {
		text-align: center;
	}

	.pc-fs10 {
		font-size: 10px;
	}

	.pc-fs11 {
		font-size: 11px;
	}

	.pc-fs12 {
		font-size: 12px;
	}

	.pc-fs14 {
		font-size: 14px;
	}

	.pc-fs15 {
		font-size: 15px;
	}

	.pc-fs16 {
		font-size: 16px;
	}

	.pc-fs18 {
		font-size: 18px;
	}

	.pc-fs20 {
		font-size: 20px;
	}

	.pc-fs24 {
		font-size: 24px;
	}

	.pc-fs26 {
		font-size: 26px;
	}

	.pc-fs30 {
		font-size: 30px;
	}

	.pc-fs32 {
		font-size: 32px;
	}

	.pc-fs40 {
		font-size: 40px;
	}
}

/* ------------------------------
 レイアウト設定（マージンセット・パディングセット・幅セット）
------------------------------ */
.all-none {
	display: none;
}

.all-hidden {
	visibility: hidden;
}

/* 幅セット */
.box-center {
	margin-right: auto;
	margin-left: auto;
}

.all-w100p {
	width: 100%;
}

/* マージンセット */
.all-mt05em {
	margin-top: 0.5em;
}

.all-mt1em {
	margin-top: 1em;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	.sp-inline {
		display: inline;
	}

	.sp-block {
		display: block;
	}

	.pc-inline,
	.pc-block {
		display: none;
	}

	.sbox-center {
		margin-right: auto;
		margin-left: auto;
	}

	.sp-w100p {
		width: 100%;
	}

	.sp-mt10 {
		margin-top: 1.5625%;
	}

	.sp-mt20 {
		margin-top: 3.125%;
	}

	.sp-mt40 {
		margin-top: 6.25%;
	}

	.sp-mt80 {
		margin-top: 12.5%;
	}

	.sp-mb10 {
		margin-bottom: 1.5625%;
	}

	.sp-mb20 {
		margin-bottom: 3.125%;
	}

	.sp-mb30 {
		margin-bottom: 4.6875%;
	}

	.sp-mb40 {
		margin-bottom: 6.25%;
	}

	.sp-mb60 {
		margin-bottom: 9.375%;
	}

	.sp-mb80 {
		margin-bottom: 12.5%;
	}

	.sp-mr30 {
		margin-right: 4.6875%;
	}

	.sp-mr60 {
		margin-right: 9.375%;
	}

	.sp-mr90 {
		margin-right: 14.0625%;
	}

	.sp-ml30 {
		margin-left: 4.6875%;
	}

	.sp-ml60 {
		margin-left: 9.375%;
	}

	.sp-ml90 {
		margin-left: 14.0625%;
	}
}

@media screen and (min-width: 900px) {
	.sp-inline,
	.sp-block {
		display: none;
	}

	.pc-inline {
		display: inline;
	}

	.pc-block {
		display: block;
	}

	.dbox-center {
		margin-right: auto;
		margin-left: auto;
	}

	.pc-w680 {
		width: 680px;
	}

	.pc-w700 {
		width: 700px;
	}

	.pc-w800 {
		width: 800px;
	}

	.pc-w860 {
		width: 860px;
	}

	.pc-w900 {
		width: 900px;
	}

	.pc-mt10 {
		margin-top: 10px;
	}

	.pc-mt20 {
		margin-top: 20px;
	}

	.pc-mt30 {
		margin-top: 30px;
	}

	.pc-mt40 {
		margin-top: 40px;
	}

	.pc-mt80 {
		margin-top: 80px;
	}

	.pc-mr20 {
		margin-right: 20px;
	}

	.pc-mb5 {
		margin-bottom: 5px;
	}

	.pc-mb10 {
		margin-bottom: 10px;
	}

	.pc-mb20 {
		margin-bottom: 20px;
	}

	.pc-mb30 {
		margin-bottom: 30px;
	}

	.pc-mb40 {
		margin-bottom: 40px;
	}

	.pc-mb60 {
		margin-bottom: 60px;
	}

	.pc-mb80 {
		margin-bottom: 80px;
	}

	.pc-mb100 {
		margin-bottom: 100px;
	}

	.pc-mr20 {
		margin-right: 20px;
	}

	.pc-ml10 {
		margin-left: 10px;
	}

	.pc-ml20 {
		margin-left: 20px;
	}

	.pc-box-right {
		margin-left: auto;
	}

	.pc-vertical {
		position: relative;
		top: 50.49%;
		-webkit-transform: translateY(-50.49%);
		-ms-transform: translateY(-50.49%);
		transform: translateY(-50.49%);
	}
}

/* ------------------------------
 コンポーネント設定
------------------------------ */

/* タブ切り替え */
.tabs li {
	float: left;
}

.tabs li:last-child {
	margin-right: 0;
}

.tabs li a {
	display: block;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
}

.tabs li a:hover,
.tabs li a.on {
	color: #fff;
	background-color: #1f1f1f;
}

.tab_all a {
	background-image: url(../img/common/all-black.svg);
}

.tab_gourmet a {
	background-image: url(../img/common/gourmet-black.svg);
}

.tab_shopping a {
	background-image: url(../img/common/shopping-black.svg);
}

.tab_entertainment a {
	background-image: url(../img/common/entertainment-black.svg);
}

.tab_people a {
	background-image: url(../img/common/people-black.svg);
}

.tab_event a {
	background-image: url(../img/common/event-black.svg);
}

.tab_movie a {
	background-image: url(../img/common/movie-black.svg);
}

.tab_all a:hover,
.tab_all a.on {
	background-image: url(../img/common/all.svg);
}

.tab_gourmet a:hover,
.tab_gourmet a.on {
	background-image: url(../img/common/gourmet.svg);
}

.tab_shopping a:hover,
.tab_shopping a.on {
	background-image: url(../img/common/shopping.svg);
}

.tab_entertainment a:hover,
.tab_entertainment a.on {
	background-image: url(../img/common/entertainment.svg);
}

.tab_people a:hover,
.tab_people a.on {
	background-image: url(../img/common/people.svg);
}

.tab_event a:hover,
.tab_event a.on {
	background-image: url(../img/common/event.svg);
}

.tab_movie a:hover,
.tab_movie a.on {
	background-image: url(../img/common/movie.svg);
}

#today_1,
#today_2,
#today_3,
#today_4,
#today_5,
#new_topics_2,
#new_topics_3,
#new_topics_4,
#new_topics_5 {
	display: none;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	#tabs_today_wrapper,
	#tabs_new_topics_wrapper {
		position: relative;
		padding-bottom: 12.5%;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.tabs {
		position: absolute;
		z-index: 0;
		display: table;
		width: 140%;
	}

	.tabs li {
		display: table-cell;
		width: 20%;
		white-space: nowrap;
	}

	.tabs li a {
		margin-right: 2px;
		padding: 30% 10% 20%;
		background-position: center 20%;
		background-size: auto 30%;
	}
}

@media screen and (min-width: 900px) {
	.tabs li {
		width: 176px;
		margin-right: 5px;
	}

	.tabs li a {
		padding: 47px 10px 10px;
		background-position: center 17px;
		background-size: auto 25px;
	}
}

/* ページ内リンク */
.internal_links li {
	float: left;
}

.internal_links li:last-child {
	margin-right: 0;
}

.internal_links li a {
	display: block;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	background-color: #f5f5f5;
	background-image: url(../img/common/arrow_bottom-black.svg);
	background-repeat: no-repeat;
	background-position: 10% center;
}

.internal_links li a:hover {
	background-image: url(../img/common/arrow_bottom.svg);
}

.internal_links li a:hover,
.internal_links li a.on {
	color: #fff;
	background-color: #1f1f1f;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	.internal_links li {
		margin-right: 1%;
	}

	.internal_links li a {
		padding: 3vw 3vw 3vw 5vw;
		white-space: nowrap;
		background-size: auto 25%;
	}
}

@media screen and (min-width: 900px) {
	.internal_links li {
		width: 200px;
		margin-right: 10px;
	}

	.internal_links li a {
		padding: 20px 20px 20px 50px;
		background-size: auto 15px;
	}
}

/* スライドナビ */
#snav {
	background-color: #fff;
}

#snav a {
	display: block;
	text-decoration: none;
}

#snav_header a,
#snav_category_header {
	color: #fff;
}

#snav_header a {
	font-weight: bold;
	font-family: 'Calibri', sans-serif;
}

#snav_category_header {
	font-weight: bold;
	background-color: #1f1f1f;
}

#snav_header,
#snav_category_header,
#snav_category,
.snav_link,
#snav_share {
	border-bottom: 1px solid #e6e6e6;
}

#snav_login a,
#snav_signup a,
#snav_mypage a,
#snav_search a,
#snav_category a {
	display: block;
}

#snav_login a,
#snav_signup a,
#snav_mypage a,
#snav_search a,
#snav_category #snav_gourmet a,
#snav_category #snav_shopping a,
#snav_category #snav_entertainment a,
#snav_category #snav_guide a,
#snav_category #snav_feature a,
#snav_category #snav_people a {
	border-bottom: 1px solid #fff;
}

#snav_login a:hover,
#snav_signup a:hover,
#snav_mypage a:hover,
#snav_search a:hover,
#snav_category #snav_gourmet a:hover,
#snav_category #snav_shopping a:hover,
#snav_category #snav_entertainment a:hover,
#snav_category #snav_guide a:hover,
#snav_category #snav_feature a:hover,
#snav_category #snav_people a:hover {
	background-color: #e3e3e3;
}

#snav_category a {
	border-bottom: 1px solid #f3f3f3;
}

#snav_category a:hover {
	background-color: #f3f3f3;
}

#snav .snav_inline a {
	display: inline-block;
	padding: 0;
}

#snav_share li {
	float: left;
}

#snav_share li a {
	display: block;
	height: 0;
	margin: 0 auto;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	#snav_header a,
	#snav_category_header {
		line-height: 1.357142857142857;
	}

	#snav_header a {
		padding: 3.703703703703704% 3.703703703703704% 3.703703703703704% 5.555555555555556%;
		font-size: 6.25vw;
		background: #1f1f1f url(../img/common/close.svg) no-repeat 96% center;
		background-size: 4.074074074074074% auto;
	}

	#snav_category_header {
		padding: 3.703703703703704% 3.703703703703704% 3.703703703703704% 5.555555555555556%;
		font-size: 4.375vw;
	}

	#snav_login a,
	#snav_signup a,
	#snav_mypage a,
	#snav_search a,
	#snav_category a {
		padding: 3.703703703703704% 11.11111111111111% 3.703703703703704% 14.81481481481481%;
		font-size: 4.375vw;
		line-height: 1.357142857142857;
	}

	#snav_login a {
		background: url(../img/common/login-black.svg) no-repeat 5.555555555555556% center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 95% center;
	}

	#snav_signup a {
		background: url(../img/common/signup-black.svg) no-repeat 5.555555555555556% center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 95% center;
	}

	#snav_mypage a {
		background: url(../img/common/mypage-black.svg) no-repeat 5.555555555555556% center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 95% center;
	}

	#snav_search a {
		background: url(../img/common/search-black.svg) no-repeat 5.555555555555556% center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 95% center;
	}

	#snav_category #snav_gourmet a {
		background: url(../img/common/gourmet-black.svg) no-repeat 5.555555555555556% center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 95% center;
	}

	#snav_category #snav_shopping a {
		background: url(../img/common/shopping-black.svg) no-repeat 5.555555555555556% center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 95% center;
	}

	#snav_category #snav_entertainment a {
		background: url(../img/common/entertainment-black.svg) no-repeat 5.555555555555556% center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 95% center;
	}

	#snav_category #snav_guide a {
		background: url(../img/common/guide-black.svg) no-repeat 5.555555555555556% center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 95% center;
	}

	#snav_category #snav_feature a {
		background: url(../img/common/feature-black.svg) no-repeat 5.555555555555556% center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 95% center;
	}

	#snav_category #snav_people a {
		background: url(../img/common/people-black.svg) no-repeat 5.555555555555556% center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 95% center;
	}

	#snav_category a {
		padding: 3.703703703703704% 11.11111111111111% 3.703703703703704% 14.81481481481481%;
		background: url(../img/common/arrow_next-black.svg) no-repeat 95% center;
		background-size: auto 25%;
	}

	#snav_login a,
	#snav_signup a,
	#snav_mypage a,
	#snav_search a,
	#snav_category #snav_gourmet a,
	#snav_category #snav_shopping a,
	#snav_category #snav_entertainment a,
	#snav_category #snav_guide a,
	#snav_category #snav_feature a,
	#snav_category #snav_people a {
		background-size: 6% auto, auto 25%;
	}

	.snav_link {
		padding: 5.555555555555556% 0;
	}

	.snav_link a {
		padding: 3.703703703703704% 11.11111111111111% 3.703703703703704% 14.81481481481481%;
		font-size: 3.75vw;
		line-height: 1.333333333333333;
	}

	#snav .snav_inline {
		padding: 0 11.11111111111111% 0 14.81481481481481%;
		font-size: 3.75vw;
		line-height: 1.333333333333333;
	}

	#snav_share {
		padding: 7.407407407407407% 11.11111111111111%;
	}

	#snav_share li {
		width: 20%;
	}

	#snav_share li a {
		width: 75%;
		padding-top: 75%;
		background-size: auto 66%;
	}

	#snav_copyright {
		padding: 25.92592592592593% 11.11111111111111% 11.11111111111111%;
		font-size: 2.5vw;
		line-height: 1.5;
		text-align: center;
		background: url(../img/common/logo.png) no-repeat center 30%;
		background-size: 44.44444444444444% auto;
	}
}

@media screen and (min-width: 900px) {
	#snav {
		width: 270px;
	}

	#snav_header a,
	#snav_category_header {
		line-height: 29px;
	}

	#snav_header a {
		padding: 5px 10px 5px 15px;
		font-size: 20px;
		background: #1f1f1f url(../img/common/close.svg) no-repeat 245px center;
		background-size: 12px auto;
	}

	#snav_category_header {
		padding: 5px 10px 5px 15px;
		font-size: 14px;
	}

	#snav_login a,
	#snav_signup a,
	#snav_mypage a,
	#snav_search a,
	#snav_category a {
		padding: 10px 31px 10px 40px;
		font-size: 14px;
		line-height: 19px;
	}

	#snav_login a {
		background: url(../img/common/login-black.svg) no-repeat 15px center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 248px center;
	}

	#snav_signup a {
		background: url(../img/common/signup-black.svg) no-repeat 15px center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 248px center;
	}

	#snav_mypage a {
		background: url(../img/common/mypage-black.svg) no-repeat 15px center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 248px center;
	}

	#snav_search a {
		background: url(../img/common/search-black.svg) no-repeat 15px center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 248px center;
	}

	#snav_category #snav_gourmet a {
		background: url(../img/common/gourmet-black.svg) no-repeat 15px center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 248px center;
	}

	#snav_category #snav_shopping a {
		background: url(../img/common/shopping-black.svg) no-repeat 15px center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 248px center;
	}

	#snav_category #snav_entertainment a {
		background: url(../img/common/entertainment-black.svg) no-repeat 15px center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 248px center;
	}

	#snav_category #snav_guide a {
		background: url(../img/common/guide-black.svg) no-repeat 15px center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 248px center;
	}

	#snav_category #snav_feature a {
		background: url(../img/common/feature-black.svg) no-repeat 15px center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 248px center;
	}

	#snav_category #snav_people a {
		background: url(../img/common/people-black.svg) no-repeat 15px center, #f3f3f3 url(../img/common/arrow_next-black.svg) no-repeat 248px center;
	}

	#snav_category a {
		padding: 10px 31px 10px 40px;
		background: url(../img/common/arrow_next-black.svg) no-repeat 248px center;
		background-size: auto 10px;
	}

	#snav_login a,
	#snav_signup a,
	#snav_mypage a,
	#snav_search a,
	#snav_category #snav_gourmet a,
	#snav_category #snav_shopping a,
	#snav_category #snav_entertainment a,
	#snav_category #snav_guide a,
	#snav_category #snav_feature a,
	#snav_category #snav_people a {
		background-size: 16px auto, auto 10px;
	}

	.snav_link {
		padding: 15px 0;
	}

	.snav_link a {
		padding: 5px 10px 5px 40px;
		font-size: 12px;
		line-height: 16px;
	}

	#snav .snav_link a:hover {
		text-decoration: underline;
	}

	#snav .snav_inline {
		padding: 0 10px 0 40px;
		font-size: 12px;
		line-height: 16px;
	}

	#snav_share {
		padding: 20px 30px;
	}

	#snav_share li {
		width: 42px;
	}

	#snav_share li a {
		width: 30px;
		padding-top: 30px;
		background-size: auto 20px;
		opacity: 1;
		-webkit-transition: opacity 400ms false;
		-moz-transition: opacity 400ms false false;
		-o-transition: opacity 400ms false false;
		transition: opacity 400ms;
	}

	#snav_share li a:hover {
		opacity: 0.6;
	}

	#snav_copyright {
		padding: 70px 30px 30px;
		font-size: 8px;
		line-height: 12px;
		text-align: center;
		background: url(../img/common/logo.png) no-repeat center 30px;
		background-size: 120px auto;
	}
}

/*! Pushy - v0.9.2 - 2014-9-13
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */
.pushy {
	position: fixed;
	top: 0;
	z-index: 9999;
	height: 100vh;
	overflow: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

/* Menu Movement */
.pushy-open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 0) and (max-width: 899px) {
	.pushy {
		width: 84.375%;
	}

	.pushy-left {
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		-o-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	.container-push,
	.push-push {
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		-o-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

@media screen and (min-width: 900px) {
	.pushy {
		width: 280px;
	}

	.pushy-left {
		-webkit-transform: translate3d(-280px, 0, 0);
		-moz-transform: translate3d(-280px, 0, 0);
		-ms-transform: translate3d(-280px, 0, 0);
		-o-transform: translate3d(-280px, 0, 0);
		transform: translate3d(-280px, 0, 0);
	}

	.container-push,
	.push-push {
		-webkit-transform: translate3d(280px, 0, 0);
		-moz-transform: translate3d(280px, 0, 0);
		-ms-transform: translate3d(280px, 0, 0);
		-o-transform: translate3d(280px, 0, 0);
		transform: translate3d(280px, 0, 0);
	}
}

/* Menu Transitions */
.pushy,
#container,
.push {
	-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	-moz-transition: -moz-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	-o-transition: -o-transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
	transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);
}

/* Site Overlay */
.site-overlay {
	display: none;
}

.pushy-active .site-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9998;
	display: block;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-animation: fade 500ms;
	-moz-animation: fade 500ms;
	-o-animation: fade 500ms;
	animation: fade 500ms;
}

@keyframes fade {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes fade {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fade {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes fade {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

/* Owl Carousel - Animate Plugin */
.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
	z-index: 0;
}

.owl-carousel .owl-animated-out {
	z-index: 1;
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

/*
 *  Core Owl Carousel CSS File
 */
.owl-carousel {
	/* position relative and z-index fix webkit rendering fonts issue */
	position: relative;
	z-index: 1;
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage::after {
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
	content: '.';
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel.owl-loading {
	display: block;
	opacity: 0;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
	display: none;
}

.owl-carousel .owl-item {
	position: relative;
	float: left;
	min-height: 1px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* -webkit-backface-visibility: hidden; */
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	-webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}

.no-js .owl-carousel {
	display: block;
}

/* Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
	transform-style: preserve-3d;
}

.owl-theme .owl-controls {
	text-align: center;
}

.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	*display: inline;
	padding: 5px;
	zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
	display: block;
	width: 14px;
	height: 14px;
	background: #d3d3d3;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #000;
}

/* Magnific Popup CSS */
.mfp-bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1042;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.5);
}

.mfp-wrap {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1043;
	width: 100%;
	height: 100%;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	position: fixed;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0 8px;
	text-align: center;
}

.mfp-container::before {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	content: '';
}

.mfp-align-top .mfp-container::before {
	display: none;
}

.mfp-content {
	position: relative;
	z-index: 1045;
	display: inline-block;
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	position: absolute;
	top: 50%;
	right: 8px;
	left: 8px;
	z-index: 1044;
	width: auto;
	margin-top: -0.8em;
	color: #ccc;
	text-align: center;
}

.mfp-preloader a {
	color: #ccc;
}

.mfp-preloader a:hover {
	color: #fff;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

.mfp-close,
.mfp-arrow,
button.mfp-close,
button.mfp-arrow {
	z-index: 1046;
	display: block;
	cursor: pointer;
	-webkit-appearance: none;
	touch-action: manipulation;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.mfp-close {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	height: 0;
	overflow: hidden;
	line-height: 1;
	background-image: url(../img/common/close-black.svg);
	background-repeat: no-repeat;
	background-position: center center;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	right: 0;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
}

.mfp-arrow {
	position: absolute;
	top: 50%;
	width: 90px;
	height: 110px;
	margin: 0;
	margin-top: -55px;
	padding: 0;
	opacity: 0.65;
	-webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
	margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
	opacity: 1;
}

.mfp-arrow::before,
.mfp-arrow::after {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 0;
	height: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
	content: '';
}

.mfp-arrow::after {
	top: 8px;
	border-top-width: 13px;
	border-bottom-width: 13px;
}

.mfp-arrow::before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}

.mfp-arrow-left {
	left: 0;
}

.mfp-arrow-left::after {
	margin-left: 31px;
	border-right: 17px solid #fff;
}

.mfp-arrow-left::before {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
	right: 0;
}

.mfp-arrow-right::after {
	margin-left: 39px;
	border-left: 17px solid #fff;
}

.mfp-arrow-right::before {
	border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder .mfp-content {
	width: 100%;
	max-width: 900px;
	line-height: 0;
}

.mfp-iframe-holder .mfp-close {
	top: 0;
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	overflow: hidden;
}

.mfp-iframe-scaler iframe {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
}

/* Main image in popup */
img.mfp-img {
	display: block;
	box-sizing: border-box;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 40px 0 40px;
	line-height: 0;
}

/* The shadow behind the image */
.mfp-figure {
	line-height: 0;
}

.mfp-figure::after {
	position: absolute;
	top: 40px;
	right: 0;
	bottom: 40px;
	left: 0;
	z-index: -1;
	display: block;
	width: auto;
	height: auto;
	background: #444;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	content: '';
}

.mfp-figure small {
	display: block;
	color: #bdbdbd;
	font-size: 12px;
	line-height: 14px;
}

.mfp-figure figure {
	margin: 0;
}

.mfp-bottom-bar {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}

.mfp-title {
	color: #f3f3f3;
	text-align: left;
	word-wrap: break-word;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	.mfp-content {
		/* vertical-align: top; */
	}

	.mfp-close {
		width: 12.5%;
		padding-top: 12.5%;
		background-size: 27.5% auto;
	}

	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
	}

	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0;
	}

	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
	}

	.mfp-iframe-holder {
		padding-top: 1.5625%;
		padding-bottom: 1.5625%;
	}

	.mfp-container {
		padding-right: 1.5625%;
		padding-left: 1.5625%;
	}

	.mfp-bottom-bar {
		margin-top: -36px;
	}

	.mfp-title {
		padding-right: 36px;
		line-height: 18px;
	}
}

@media screen and (min-width: 900px) {
	.mfp-close {
		width: 46px;
		padding-top: 46px;
		background-size: 10px auto;
		opacity: 0.8;
		-webkit-transition: opacity 400ms false;
		-moz-transition: opacity 400ms false false;
		-o-transition: opacity 400ms false false;
		transition: opacity 400ms;
	}

	.mfp-close:hover {
		opacity: 1;
	}

	.mfp-bottom-bar {
		margin-top: -36px;
	}

	.mfp-title {
		padding-right: 36px;
		line-height: 18px;
	}
}

/* フォーム */
input,
button,
textarea {
	margin: 0;
	padding: 0;
	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', 'ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select {
	margin: 0;
	padding: 0;
	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', 'ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
}

.text,
.select,
.textarea {
	color: #3e474f;
	background-color: #e4f3fb;
	border: 1px solid #c3cfd5;
	outline: none;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}

.text:focus,
.select:focus,
.textarea:focus {
	background: #fff;
	border: 1px solid #59c9ea;
	box-shadow: 0 0 7px #59c9ea;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
	color: #93afbd;
}

input::-ms-clear,
input::-ms-reveal {
	visibility: hidden;
}

input[type='radio'],
input[type='checkbox'] {
	display: none;
}

.radio,
.checkbox {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	padding: 12px 12px 12px 38px;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}

.radio:hover,
.checkbox:hover {
	background-color: #e4f3fb;
}

.radio:hover::after,
.checkbox:hover::after {
	border-color: #c3cfd5;
}

.radio::after,
.checkbox::after {
	position: absolute;
	top: 50%;
	left: 10px;
	display: block;
	width: 16px;
	height: 16px;
	margin-top: -10px;
	border: 1px solid #c3cfd5;
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	content: '';
}

.radio::before {
	position: absolute;
	top: 50%;
	left: 13px;
	display: block;
	width: 12px;
	height: 12px;
	margin-top: -7px;
	background-color: #1b5db4;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	content: '';
}

input[type='radio']:checked + .radio::before {
	opacity: 1;
}

.checkbox::before {
	position: absolute;
	top: 50%;
	left: 15px;
	display: block;
	width: 5px;
	height: 9px;
	margin-top: -8px;
	border-right: 3px solid #1b5db4;
	border-bottom: 3px solid #1b5db4;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
	content: '';
}

input[type='checkbox']:checked + .checkbox::before {
	opacity: 1;
}

.text-small {
	box-sizing: border-box;
	width: 40%;
}

.text-xxsmall {
	box-sizing: border-box;
	width: 20%;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	.text-xxsmall {
		width: 28%;
	}
}

.text-xsmall {
	box-sizing: border-box;
	width: 33%;
}

.text-full {
	box-sizing: border-box;
	width: 100%;
}

.active {
	ime-mode: active;
}

.disabled {
	ime-mode: disabled;
}

#error {
	/*	display: none; */
	color: #d00;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	.text,
	.select,
	.textarea {
		padding: 2.5vw;
		line-height: 1.071428571428571;
	}
}

@media screen and (min-width: 900px) {
	.text,
	.select,
	.textarea {
		padding: 6px;
		line-height: 20px;
	}
}

/* データなし */
.data-none {
	text-align: center;
	background-color: #fff;
	border: 1px dotted #dedede;
}

@media screen and (min-width: 0) and (max-width: 899px) {
	.data-none {
		padding: 20%;
	}
}

@media screen and (min-width: 900px) {
	.data-none {
		padding: 50px;
	}
}

/* 記事 アンカー */
@media screen and (min-width: 0) and (max-width: 899px) {
	#i_tenbura_1,
	#i_tenbura_2,
	#i_tenbura_3,
	#i_tenbura_4,
	#i_tenbura_5,
	#i_tenbura_6,
	#i_tenbura_7,
	#i_tenbura_8,
	#i_tenbura_9,
	#i_tenbura_10,
	#i_newtenjin_1,
	#i_newtenjin_2,
	#i_newtenjin_3,
	#i_newtenjin_4,
	#i_newtenjin_5,
	#i_newtenjin_6,
	#i_newtenjin_7,
	#i_newtenjin_8,
	#i_newtenjin_9,
	#i_newtenjin_10 {
		margin-top: -21%;
		margin-bottom: 0 !important;
		padding-top: 21%;
	}
}

@media screen and (min-width: 900px) {
	#i_tenbura_1,
	#i_tenbura_2,
	#i_tenbura_3,
	#i_tenbura_4,
	#i_tenbura_5,
	#i_tenbura_6,
	#i_tenbura_7,
	#i_tenbura_8,
	#i_tenbura_9,
	#i_tenbura_10,
	#i_newtenjin_1,
	#i_newtenjin_2,
	#i_newtenjin_3,
	#i_newtenjin_4,
	#i_newtenjin_5,
	#i_newtenjin_6,
	#i_newtenjin_7,
	#i_newtenjin_8,
	#i_newtenjin_9,
	#i_newtenjin_10 {
		margin-top: -150px;
		margin-bottom: 0 !important;
		padding-top: 150px;
	}
}

/* サイドナビにマンガバナー設置 */
#bnr_manga {
	margin: 5% 5% 0;
}

/* 開発ツールバー削除 */
#debug-kit-toolbar {
	display: none;
}

/*
--------------------------------------------------------------------------------
 END OF CSS
--------------------------------------------------------------------------------
*/