@charset "UTF-8";
/*
Theme Name: Can Cam
Theme URI: https://www.digitalcube.jp/
Author: DigitalCube Co., Ltd
Author URI: https://www.digitalcube.jp/
Description: Muhon base theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cancam
Domain Path: /languages/
Tags:
*/
/* Bass
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
* {
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
	overflow: auto;
}

body {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.2;
	color: #000;
	word-wrap: break-word;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table {
	margin-top: 0;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

a {
	color: #d11530;
}

.screen-reader-text {
	display: none;
}

.pr {
	width: 30px;
	height: 16px;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 10px;
	font-size: 1rem;
	color: #fff;
	text-align: center;
	padding: 3px;
	background-color: rgba(0, 0, 0, 0.3);
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
}

.new {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.66;
	color: #d11530;
	position: absolute;
	top: 5px;
	right: 6px;
}

.thumbnail {
	position: relative;
	overflow: hidden;
}

.article-type-list, .archive-blue-posts, .models-topics article, .archive-orange-posts, .archive-yellow-posts, .archives-posts {
	width: 100%;
	border-bottom: 1px #eee solid;
}

.article-type-list a, .archive-blue-posts a, .models-topics article a, .archive-orange-posts a, .archive-yellow-posts a, .archives-posts a {
	text-decoration: none;
	padding: 30px 20px 30px 0;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.article-type-list .thumbnail, .archive-blue-posts .thumbnail, .models-topics article .thumbnail, .archive-orange-posts .thumbnail, .archive-yellow-posts .thumbnail, .archives-posts .thumbnail {
	width: 200px;
	height: 150px;
	margin: 0 20px 0 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex: none;
	flex: none;
}

.article-type-list .entry-article, .archive-blue-posts .entry-article, .models-topics article .entry-article, .archive-orange-posts .entry-article, .archive-yellow-posts .entry-article, .archives-posts .entry-article {
	width: 100%;
	padding-bottom: 36px;
	position: relative;
}

.article-type-list .entry-title, .archive-blue-posts .entry-title, .models-topics article .entry-title, .archive-orange-posts .entry-title, .archive-yellow-posts .entry-title, .archives-posts .entry-title {
	color: #000;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.66;
	font-weight: 200;
	margin: 8px 0 0;
}

.article-type-list .category, .archive-blue-posts .category, .models-topics article .category, .archive-orange-posts .category, .archive-yellow-posts .category, .archives-posts .category {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 500;
	color: #000;
	margin: 24px 0 0;
}

.article-type-list .model-name, .archive-blue-posts .model-name, .models-topics article .model-name, .archive-orange-posts .model-name, .archive-yellow-posts .model-name, .archives-posts .model-name {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 500;
	color: #000;
	margin: 0;
}

.article-type-list .entry-meta, .archive-blue-posts .entry-meta, .models-topics article .entry-meta, .archive-orange-posts .entry-meta, .archive-yellow-posts .entry-meta, .archives-posts .entry-meta {
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
}

.article-type-list .entry-meta .category, .archive-blue-posts .entry-meta .category, .models-topics article .entry-meta .category, .archive-orange-posts .entry-meta .category, .archive-yellow-posts .entry-meta .category, .archives-posts .entry-meta .category {
	margin: 0;
}

.article-type-list .entry-meta .model-name, .archive-blue-posts .entry-meta .model-name, .models-topics article .entry-meta .model-name, .archive-orange-posts .entry-meta .model-name, .archive-yellow-posts .entry-meta .model-name, .archives-posts .entry-meta .model-name {
	margin: 0;
}

.article-type-list .post-date, .archive-blue-posts .post-date, .models-topics article .post-date, .archive-orange-posts .post-date, .archive-yellow-posts .post-date, .archives-posts .post-date {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
	color: #bec2cc;
	margin: 0;
}

.article-type-list .post-date span, .archive-blue-posts .post-date span, .models-topics article .post-date span, .archive-orange-posts .post-date span, .archive-yellow-posts .post-date span, .archives-posts .post-date span {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 200;
}

.article-type-list .pr, .archive-blue-posts .pr, .models-topics article .pr, .archive-orange-posts .pr, .archive-yellow-posts .pr, .archives-posts .pr {
	top: 30px;
}

.article-type-box, .archive-purple-posts {
	width: 200px;
	border-bottom: none;
	padding: 0;
	margin: 36px 20px 0 0;
	-ms-flex: none;
	flex: none;
}

.article-type-box:nth-of-type(1), .archive-purple-posts:nth-of-type(1), .article-type-box:nth-of-type(2), .archive-purple-posts:nth-of-type(2), .article-type-box:nth-of-type(3), .archive-purple-posts:nth-of-type(3) {
	margin-top: 0;
}

.article-type-box:nth-of-type(3n), .archive-purple-posts:nth-of-type(3n) {
	margin-right: 0;
}

.article-type-box a, .archive-purple-posts a {
	height: 100%;
	text-decoration: none;
	display: block;
	position: relative;
}

.article-type-box .thumbnail, .archive-purple-posts .thumbnail {
	width: 200px;
	height: 200px;
	margin: 0;
	overflow: hidden;
}

.article-type-box .entry-article, .archive-purple-posts .entry-article {
	margin-top: 16px;
}

.article-type-box .entry-title, .archive-purple-posts .entry-title {
	color: #000;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.57;
	text-align: center;
	font-weight: 400;
	margin: 13px 0 0;
}

.article-type-box .author, .archive-purple-posts .author {
	color: #bec2cc;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.66;
	font-weight: 400;
	margin: 8px 0 0;
}

.article-type-box .pr, .archive-purple-posts .pr {
	top: 0;
}

.article-type-box.archive-author-posts a, .archive-author-posts.archive-purple-posts a {
	padding-bottom: 21px;
}

.article-type-box.archive-author-posts .entry-article, .archive-author-posts.archive-purple-posts .entry-article {
	padding: 0 15px;
}

.article-type-box.archive-author-posts .entry-title, .archive-author-posts.archive-purple-posts .entry-title {
	text-align: left;
}

/* Layout
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#masthead {
	width: 100%;
	background: #d11530;
	position: relative;
	z-index: 20;
}

#masthead.fixed-header-up {
	animation-name: slideInUp;
	animation-duration: 1s;
}

#masthead.fixed-header-down {
	animation-name: slideInDown;
	animation-duration: 0.5s;
}

#masthead.fixed-header {
	position: fixed;
	z-index: 10;
	animation-fill-mode: both;
	animation-timing-function: linear;
}

#masthead.fixed-header .site-header-main {
	width: 970px;
	height: 50px;
	margin: 0 auto;
}

#home-content,
#blue-template-content {
	width: 970px;
	margin: 0 auto;
}

.home-content-2column {
	margin-top: 52px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#content {
	width: 990px;
	margin: 0 auto;
	padding: 0 10px;
	background: #fff;
	position: relative;
	z-index: 2;
}

.wrap {
	width: 970px;
	margin: 0 auto;
}

.wrap.two-column {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.wrap.two-column #primary {
	width: 641px;
	-ms-flex: none;
	flex: none;
}

.wrap.two-column #yellow-template-content,
.wrap.two-column #black-template-content,
.wrap.two-column #attachment-template-content {
	width: 641px;
	-ms-flex: none;
	flex: none;
}

.wrap.two-column #yellow-template-content #primary,
.wrap.two-column #black-template-content #primary,
.wrap.two-column #attachment-template-content #primary {
	width: auto;
	-ms-flex: auto;
	flex: auto;
}

.wrap.two-column #secondary {
	width: 300px;
	-ms-flex: none;
	flex: none;
}

.wrap.archive-orange-wrap {
	margin-top: 18px;
}

.wrap.archive-orange-wrap #primary {
	margin-top: 50px;
}

.background-link-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 0;
}

.background-link-overlay a {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
}

.archive-blue-wrap #secondary {
	margin-top: 70px;
}

.archive-orange-wrap #secondary {
	margin-top: 50px;
}

/* Header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.site-title {
	width: 159px;
	height: 110px;
	margin: 0 auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.site-title a {
	width: 159px;
	height: 91px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.site-title svg {
	width: 139px;
	height: 71px;
	fill: #fff;
	display: block;
}

.fixed-header .site-title {
	width: 69px;
	height: 50px;
	margin-left: 4px;
	float: left;
}

.fixed-header .site-title svg {
	width: 69px;
	height: 34px;
}

#header-category-nav-box {
	background-color: #fff;
}

#header-category-nav-box .sub-menu {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 500;
	margin: 0;
	border-bottom: 1px #eee solid;
	padding: 0;
	background-color: rgba(249, 249, 249, 0.95);
	list-style: none;
	display: none;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	animation: hidden 0.5s;
}

#header-category-nav-box .sub-menu > li > a {
	height: 60px;
	color: #000;
	text-decoration: none;
	text-align: center;
	padding: 0 11px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	transition: all 0.5s;
}

#header-category-nav-box .sub-menu > li > a:hover {
	color: #d11530;
}

#header-category-nav-box .main-menu {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 500;
	margin: 0;
	padding: 0;
	list-style: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#header-category-nav-box .main-menu > li > a {
	height: 62px;
	color: #000;
	text-decoration: none;
	text-align: center;
	padding: 0 10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
}

#header-category-nav-box .main-menu > li > a:hover {
	color: #d11530;
}

#header-category-nav-box .main-menu > li > a:after {
	height: 2px;
	content: '';
	transition: all 0.5s;
	opacity: 0;
	display: block;
	position: absolute;
	bottom: 1px;
	left: 50%;
	right: 50%;
}

#header-category-nav-box .main-menu > li.hover .sub-menu {
	display: -ms-flexbox;
	display: flex;
	opacity: 1;
	animation: show 0.5s;
}

#header-category-nav-box .main-menu > li.hover a:after {
	background: #d11530;
	opacity: 1;
	right: 10px;
	left: 10px;
}

#header-category-nav-box .main-menu:after {
	width: 100%;
	height: 1px;
	background-color: #eee;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.fixed-header #header-category-nav-box {
	margin-left: 19px;
	background-color: transparent;
	float: left;
}

.fixed-header #header-category-nav-box .sub-menu > li > a {
	height: 44px;
}

.fixed-header #header-category-nav-box .main-menu:after {
	display: none;
}

.fixed-header #header-category-nav-box .main-menu > li > a {
	height: 50px;
	color: #fff;
}

.fixed-header #header-category-nav-box .main-menu > li > a:hover {
	font-weight: 500;
}

.fixed-header #header-category-nav-box .main-menu > li > a:hover:after {
	background: #fff;
	bottom: 0;
}

#khm-15 {
	width: 970px;
	margin: 0 auto;
	padding-top: 8px;
}

#khm-15 ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

#khm-15 li {
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.4;
	color: #858585;
}

#khm-15 li:after {
	content: '＞';
	margin: 0 8px;
}

#khm-15 li.current_item:after {
	display: none;
}

#khm-15 li a {
	color: #858585;
	text-decoration: none;
}

/* HOME
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.home-canstagram {
	margin-top: 62px;
}

.home-canstagram .title {
	font-family: 'AT Sackers Gothic', 'Noto Sans Japanese', sans-serif;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 400;
	text-align: center;
	letter-spacing: 0.2em;
	margin: 0;
}

.home-canstagram .title svg {
	width: 26px;
	height: 26px;
}

.home-canstagram .content {
	margin-top: 18px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.home-canstagram article {
	width: 159px;
	height: 159px;
	margin: 1px 0 0;
}

.home-canstagram article a {
	width: 100%;
	height: 100%;
	text-decoration: none;
	display: block;
	position: relative;
}

.home-canstagram article a .hover-icon {
	background: rgba(21, 21, 21, 0.5);
	display: none;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	animation: hidden 0.5s;
}

.home-canstagram article a .hover-icon svg {
	width: 18px;
	height: 18px;
	fill: #fff;
}

.home-canstagram article a:hover .hover-icon {
	opacity: 1;
	animation: show 0.5s;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.home-canstagram article .thumbnail {
	width: 100%;
	height: 100%;
	margin: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.home-canstagram .follow-us {
	font-family: 'AT Sackers Gothic', 'Noto Sans Japanese', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.3;
	text-align: center;
	margin: 19px 0 0;
}

.home-canstagram .follow-us a {
	color: #000;
	padding-right: 23px;
	position: relative;
}

.home-canstagram .follow-us a span {
	width: 9px;
	height: 9px;
	text-indent: -9999em;
	background: url("images/icons/icon-plus.png") no-repeat center center;
	display: block;
	position: absolute;
	right: 0;
	bottom: 1px;
}

.home-canstagram .follow-us a:hover span {
	animation: spin 1.5s linear infinite;
}

#information {
	margin-top: 63px;
}

#information .title {
	font-family: 'AT Sackers Gothic', 'Noto Sans Japanese', sans-serif;
	font-size: 30px;
	font-size: 3rem;
	font-weight: 400;
	text-align: center;
	margin: 0;
}

#information article {
	border-bottom: 1px #eee solid;
	padding: 26px 20px 23px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#information article:nth-of-type(1) {
	margin-top: 27px;
	border-top: 1px #eee solid;
}

#information article .entry-title {
	width: 520px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.77;
	font-weight: 200;
	margin: 0 0 0 30px;
	padding-right: 20px;
	-ms-flex: none;
	flex: none;
}

#information article .post-date {
	width: 65px;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 400;
	margin: 3px 0 0;
	-ms-flex: none;
	flex: none;
}

#information article .post-date span {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 200;
}

/* Archive
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.archive-blue-wrap,
.archive-purple-wrap {
	margin-top: 31px;
}

.archive-blue-wrap .content-area {
	margin-top: 61px;
}

.attachment-wrap,
.archive-yellow-wrap,
.archive-black-wrap {
	margin-top: 49px;
}

.purple-main,
#orange-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

#blue-template-content {
	margin: 40px 0 0;
}

.black-ad-area {
	margin-top: 30px;
	padding: 0 10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.black-ad-area .black-ad-left,
.black-ad-area .black-ad-right {
	width: 300px;
	-ms-flex: none;
	flex: none;
}

.single-ad-area {
	margin-top: 30px;
	padding: 0 10px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.single-ad-area .single-ad-left,
.single-ad-area .single-ad-right {
	width: 300px;
	-ms-flex: none;
	flex: none;
}

.purple-sub {
	margin-top: 70px;
}

.category-header {
	width: 970px;
	margin: 0 auto;
}

.category-header .category-title {
	font-family: 'AT Sackers Gothic', 'Noto Sans Japanese', sans-serif;
	font-size: 38px;
	font-size: 3.8rem;
	font-weight: 400;
	text-align: center;
	margin: 0;
}

.category-header .category-description {
	width: 750px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: 200;
	line-height: 1.85;
	margin: 15px auto 0;
}

.category-header .category-description p {
	margin: 0;
}

.category-header .popular-keyword {
	margin-top: 23px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.category-header .popular-keyword .popular-keyword-title {
	width: 90px;
	font-size: 10px;
	font-size: 1rem;
	font-weight: 200;
	text-align: center;
	margin: 0;
	-ms-flex: none;
	flex: none;
}

.category-header .popular-keyword ul {
	margin: 0 0 0 15px;
	padding: 0;
	list-style: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.category-header .popular-keyword li {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 200;
	line-height: 2;
	margin: 5px 0 0 5px;
}

.category-header .popular-keyword a {
	text-decoration: none;
	color: #000;
	border-radius: 2px;
	border: 1px #bec2cc solid;
	padding: 1px 12px;
	background-color: #fff;
	display: block;
}

.category-header .popular-keyword a:hover {
	color: #fff;
	border-color: #d11530;
	background-color: #d11530;
	transition: all 1s;
}

.archive-purple-wrap .category-header {
	margin-bottom: 40px;
}

.attachment-wrap .category-header,
.archive-yellow-wrap .category-header,
.archive-black-wrap .category-header {
	width: auto;
	margin-bottom: 50px;
}

.attachment-wrap .category-header .category-description,
.archive-yellow-wrap .category-header .category-description,
.archive-black-wrap .category-header .category-description {
	width: auto;
}

.archive-black-wrap .category-header .category-title {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 400;
	text-align: center;
	margin: 0;
}

#orange-box .category-header {
	width: auto;
	margin: 70px 0 36px;
}

#orange-box .category-header .category-title {
	padding-top: 8px;
}

.archive-yellow-wrap .category-header .category-title {
	font-size: 28px;
	font-size: 2.8rem;
}

body.attachment .category-header .category-title {
	font-size: 20px;
	font-size: 2rem;
}

.topics-header .title {
	font-family: 'AT Sackers Gothic', 'Noto Sans Japanese', sans-serif;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 400;
	text-align: center;
	margin: 0;
}

.topics-header .title span {
	font-weight: 200;
}

.archive-blue-posts a, .models-topics article a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-bottom: 26px;
}

.archive-blue-posts .entry-meta, .models-topics article .entry-meta {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: static;
}

.archive-blue-posts .post-category, .models-topics article .post-category {
	margin: 0;
}

.archive-blue-posts .post-category:hover, .models-topics article .post-category:hover {
	color: #000;
}

.archive-blue-posts .entry-article, .models-topics article .entry-article {
	width: calc( 100% - 220px);
	padding-bottom: 0;
}

.archive-blue-posts .post-metadesc, .models-topics article .post-metadesc {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.83333;
	color: #808080;
	margin: 5px 0 0;
}

.archive-blue-posts .author-name, .models-topics article .author-name,
.archive-blue-posts .post-tags, .models-topics article .post-tags {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.66667;
	font-weight: 300;
	color: #bec2cc;
}

.archive-blue-posts .author-name, .models-topics article .author-name {
	margin: 12px 0 0;
}

.archive-blue-posts .post-tags, .models-topics article .post-tags {
	margin: 2px 0 0;
}

.archive-blue-posts .post-tags span, .models-topics article .post-tags span {
	margin-right: 9px;
}

.archive-blue-posts .post-tags span:hover, .models-topics article .post-tags span:hover {
	color: #d11530;
}

.archive-orange-posts .entry-title {
	margin: 18px 0 0;
}

.archive-yellow-posts .entry-title {
	margin: 18px 0 0;
}

.archive-yellow-posts .entry-meta {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.archive-yellow-posts .category {
	color: #d11530;
}

.archive-yellow-posts .model-name {
	color: #000;
}

.archive-black-posts {
	border-bottom: none;
	padding: 0;
}

.archive-black-posts .entry-content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.archive-black-posts .thumbnail {
	width: 145px;
	height: 193px;
	margin: 20px 20px 0 0;
	overflow: hidden;
	-ms-flex: none;
	flex: none;
}

.archive-black-posts .thumbnail:nth-of-type(1), .archive-black-posts .thumbnail:nth-of-type(2), .archive-black-posts .thumbnail:nth-of-type(3), .archive-black-posts .thumbnail:nth-of-type(4) {
	margin-top: 0;
}

.archive-black-posts .thumbnail:nth-of-type(4n) {
	margin-right: 0;
}

.archive-black-posts .thumbnail a {
	display: block;
}

.archive-black-posts .entry-footer .social-box {
	margin-top: 30px;
}

.archives-posts a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-bottom: 26px;
}

.archives-posts .entry-meta {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: static;
}

.archives-posts .post-category {
	margin: 0;
}

.archives-posts .post-category:hover {
	color: #000;
}

.archives-posts .entry-article {
	width: calc( 100% - 220px);
	padding-bottom: 0;
}

.archives-posts .post-metadesc {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.83333;
	color: #808080;
	margin: 5px 0 0;
}

.archives-posts .author-name,
.archives-posts .post-tags {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.66667;
	font-weight: 300;
	color: #bec2cc;
}

.archives-posts .author-name {
	margin: 12px 0 0;
}

.archives-posts .post-tags {
	margin: 2px 0 0;
}

.archives-posts .post-tags span {
	margin-right: 9px;
}

.archives-posts .post-tags span:hover {
	color: #d11530;
}

.profile-header {
	width: 970px;
	margin: 0 auto;
	-ms-flex: none;
	flex: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.profile-header .thumbnail {
	width: 312px;
	margin: 0;
	-ms-flex: none;
	flex: none;
}

.profile-header .profile-meta {
	width: 628px;
	-ms-flex: none;
	flex: none;
	position: relative;
}

.profile-header .profile-title {
	font-size: 38px;
	font-size: 3.8rem;
	font-weight: 400;
	margin: 15px 0 0;
}

.profile-header .profile-yomi {
	font-family: 'AT Sackers Gothic', 'Noto Sans Japanese', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	color: #d11530;
	margin: 7px 0 0;
}

.profile-header .post-terms {
	margin: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.profile-header .post-terms a {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 200;
	line-height: 2;
	margin: 18px 5px 0 0;
	text-decoration: none;
	color: #000;
	border-radius: 2px;
	border: 1px #bec2cc solid;
	padding: 0 12px;
	background-color: #fff;
	display: block;
}

.profile-header .post-terms a:hover {
	color: #fff;
	border-color: #d11530;
	background-color: #d11530;
	transition: all 1s;
}

.profile-header .profile-official {
	width: 322px;
	font-size: 12px;
	font-size: 1.2rem;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: absolute;
	top: 40px;
	right: 0;
}

.profile-header .profile-official p {
	margin: 0 0 0 30px;
}

.profile-header .profile-official p:nth-of-type(1), .profile-header .profile-official p:nth-of-type(4) {
	margin-left: 0;
}

.profile-header .profile-official p:nth-of-type(4), .profile-header .profile-official p:nth-of-type(5) {
	margin-top: 10px;
}

.profile-header .profile-official a {
	text-decoration: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.profile-header .profile-official a:after {
	width: 9px;
	height: 9px;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("images/icons/icon-blank.png");
	content: '';
	display: block;
	-ms-flex: none;
	flex: none;
}

.profile-header .profile {
	height: 266px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 200;
	line-height: 2.14;
	margin-top: 20px;
	padding: 17px 20px;
	background-color: #f7f6f3;
	column-count: 2;
	column-gap: 14px;
	column-width: 287px;
	column-fill: auto;
}

.profile-header .profile p {
	margin: 0;
}

.profile-images {
	margin-top: 30px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.profile-images p {
	margin: 0 0 0 20px;
}

.profile-images p:nth-of-type(1) {
	margin-left: 0;
}

.profile-category-title {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 400;
	text-align: center;
	margin-top: 65px;
}

/* Single
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.archive-green-wrap {
	margin-top: 26px;
}

.post-single .entry-header-meta-top {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.post-single .entry-header-meta-bottom {
	margin-top: 6px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.post-single .post-category {
	color: #d11530;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2.5;
	font-weight: 500;
	margin: 0;
}

.post-single .post-category a {
	text-decoration: none;
}

.post-single .post-date {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.42;
	font-weight: 400;
	text-align: right;
	color: #000;
	margin: 0;
}

.post-single .post-date span {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 200;
}

.post-single .entry-date {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.42;
	font-weight: 400;
	text-align: right;
	color: #000;
	margin: 0;
}

.post-single .entry-date .update {
	font-family: 'Noto Sans Japanese', sans-serif;
	margin-left: 5px;
}

.post-single .entry-title {
	font-size: 25px;
	font-size: 2.5rem;
	line-height: 1.6;
	font-weight: 400;
	margin: 3px 0 0;
}

.post-single .post-terms {
	margin: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.post-single .post-terms a {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 200;
	line-height: 2;
	margin: 10px 5px 0 0;
	text-decoration: none;
	color: #000;
	border-radius: 2px;
	border: 1px #bec2cc solid;
	padding: 0 12px;
	background-color: #fff;
	display: block;
}

.post-single .post-terms a:hover {
	color: #fff;
	border-color: #d11530;
	background-color: #d11530;
	transition: all 1s;
}

.post-single .social-box {
	margin-top: 10px;
}

.post-single .post-lead {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 200;
	line-height: 2;
	margin: 18px 0 0;
}

.post-single .post-lead p {
	margin: 0;
}

.post-single .entry-content {
	margin-top: 30px;
	border-bottom: 1px #eee solid;
	padding-bottom: 30px;
}

.post-single .entry-footer {
	margin-top: 20px;
}

.post-single .author-name,
.post-single .post-date-footer {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.57143;
	color: #000;
}

.post-single .author-name {
	margin: 9px 0 0;
}

.post-single .post-date-footer {
	font-weight: 300;
	text-align: left;
}

.post-single .post-navigation {
	margin-top: 30px;
}

.post-single .post-navigation .nav-links {
	overflow: hidden;
}

.post-single .post-navigation .nav-previous,
.post-single .post-navigation .nav-next {
	width: 280px;
	height: 50px;
	text-align: center;
	margin: 0;
}

.post-single .post-navigation .nav-previous a,
.post-single .post-navigation .nav-next a {
	width: 280px;
	height: 50px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 300;
	color: #000;
	text-decoration: none;
	border: 1px #ccc solid;
	border-radius: 2px;
	background-color: #f9f9f9;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.post-single .post-navigation .nav-previous a:hover,
.post-single .post-navigation .nav-next a:hover {
	background-color: #fff;
}

.post-single .post-navigation .nav-previous {
	margin-left: 30px;
	float: left;
}

.post-single .post-navigation .nav-previous a:after {
	width: 8px;
	height: 14px;
	margin-top: -7px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("images/icons/icon-arrow-left-02.png");
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 20px;
}

.post-single .post-navigation .nav-next {
	margin-right: 30px;
	float: right;
}

.post-single .post-navigation .nav-next a:after {
	width: 8px;
	height: 14px;
	margin-top: -7px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("images/icons/icon-arrow-right-02.png");
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
}

.post-single.post-attachment .post-navigation {
	margin-top: 0;
}

.page-template-singular-one-column-php #sub {
	width: 641px;
	margin-right: auto;
	margin-left: auto;
}

.page-template-singular-center-one-column-php #khm-15,
.page-template-singular-center-one-column-php #content,
.page-template-singular-center-one-column-php .wrap {
	width: 641px;
}

.wrap-not-found {
	margin-top: 26px;
}

.wrap-not-found .not-found-header {
	width: 970px;
	margin: 0 auto;
}

.wrap-not-found .not-found-header .not-found-title {
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 400;
	text-align: center;
	margin: 0;
}

.wrap-not-found .not-found-header .not-found-description {
	width: 750px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: 200;
	line-height: 1.85;
	margin: 15px auto 0;
}

.wrap-not-found .not-found-header .not-found-description p {
	margin: 0;
}

.entry-content,
.profile-content {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 200;
	line-height: 1.87;
	margin-top: 20px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.profile-content h1,
.profile-content h2,
.profile-content h3,
.profile-content h4,
.profile-content h5,
.profile-content h6 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.77;
	margin-top: 45px;
	margin-bottom: 0;
}

.entry-content p,
.profile-content p {
	margin-top: 15px;
	margin-bottom: 0;
}

.entry-content blockquote,
.profile-content blockquote {
	margin: 33px 0 0;
	padding: 21px 23px 21px 20px;
	position: relative;
}

.entry-content blockquote p,
.profile-content blockquote p {
	margin-top: 0;
	border-left: 1px #eee solid;
	border-right: 1px #eee solid;
	padding: 15px 28px;
}

0 .entry-content blockquote p:nth-of-type(1), 0
.profile-content blockquote p:nth-of-type(1) {
	padding-top: 0;
}

.entry-content blockquote:before,
.profile-content blockquote:before {
	width: 20px;
	height: 15px;
	content: '';
	display: inline-block;
	background: no-repeat url("images/icons/icon-blockquote-left.png");
	position: absolute;
	top: 0;
	left: 11px;
}

.entry-content blockquote:after,
.profile-content blockquote:after {
	width: 19px;
	height: 15px;
	content: '';
	display: inline-block;
	background: no-repeat url("images/icons/icon-blockquote-right.png");
	position: absolute;
	bottom: 0;
	right: 14px;
}

.entry-content a,
.profile-content a {
	text-decoration: none;
}

.entry-content a.external-link:after,
.profile-content a.external-link:after {
	width: 9px;
	height: 9px;
	margin-left: 6px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("images/icons/icon-blank.png");
	content: '';
	display: inline-block;
}

.entry-content img[class*="wp-image"],
.profile-content img[class*="wp-image"] {
	max-width: 576px;
	margin: 0 auto;
	display: block;
}

.page-template-singular-center-one-column-php .entry-content img[class*="wp-image"], .page-template-singular-center-one-column-php
.profile-content img[class*="wp-image"] {
	max-width: 641px;
}

.entry-content .editor-more,
.profile-content .editor-more {
	font-weight: 400;
	margin-top: 15px;
}

.entry-content .editor-more a,
.profile-content .editor-more a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.entry-content .editor-more a:after,
.profile-content .editor-more a:after {
	width: 8px;
	height: 14px;
	margin-left: 10px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("images/icons/icon-editor-more-arrow.png");
	content: '';
	display: inline-block;
}

.entry-content .editor-button,
.profile-content .editor-button {
	width: 400px;
	font-weight: 400;
	margin: 22px auto 0;
}

.entry-content .editor-button a,
.profile-content .editor-button a {
	height: 60px;
	color: #fff;
	border-radius: 2px;
	border: 1px #ccc solid;
	background-color: #d11530;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.entry-content .editor-button a:after,
.profile-content .editor-button a:after {
	width: 8px;
	height: 14px;
	margin-top: -7px;
	background: url("images/icons/icon-editor-button-arrow.png") no-repeat center center;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
}

.entry-content .note,
.profile-content .note {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.83;
	margin-top: 30px;
	padding: 15px 24px;
	background-color: #f7f6f3;
}

.entry-content .quotation,
.profile-content .quotation {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.83;
	margin-top: 15px;
}

.entry-content .wp-caption,
.profile-content .wp-caption {
	min-width: 100%;
	margin: 14px 0 0;
}

.entry-content .wp-caption + h1,
.entry-content .wp-caption + h2,
.entry-content .wp-caption + h3,
.entry-content .wp-caption + h4,
.entry-content .wp-caption + h5,
.entry-content .wp-caption + h6,
.entry-content .wp-caption + p,
.profile-content .wp-caption + h1,
.profile-content .wp-caption + h2,
.profile-content .wp-caption + h3,
.profile-content .wp-caption + h4,
.profile-content .wp-caption + h5,
.profile-content .wp-caption + h6,
.profile-content .wp-caption + p {
	margin-top: 20px;
}

.entry-content .wp-caption-text,
.profile-content .wp-caption-text {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.83;
	margin-top: 16px;
}

.entry-content *:first-child,
.profile-content *:first-child {
	margin-top: 0;
}

.post-attachment .entry-content .thumbnail img, .post-attachment
.profile-content .thumbnail img {
	margin: 0 auto;
	display: block;
}

.post-attachment .entry-content .thumbnail img.portrait, .post-attachment
.profile-content .thumbnail img.portrait {
	max-width: 640px;
	height: auto;
}

.post-attachment .entry-content .thumbnail img.landscape, .post-attachment
.profile-content .thumbnail img.landscape {
	width: auto;
	max-width: none;
	max-height: 700px;
}

.profile-content {
	margin-top: 0;
}

/* Page
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* Footer
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#colophon {
	margin-top: 70px;
	position: relative;
	z-index: 2;
}

#footer-content {
	background: #e3e2de;
}

#footer-content .wrap {
	width: 970px;
	height: 140px;
	margin: 0 auto;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

#footer-fan-club {
	background: #d11530;
}

#footer-fan-club .wrap {
	width: 970px;
	margin: 0 auto;
	padding: 70px 0 65px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.fan-club-logo {
	width: 221px;
	position: relative;
	-ms-flex: none;
	flex: none;
}

.fan-club-logo a {
	text-decoration: none;
}

.fan-club-logo .title {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 40px;
	font-size: 4rem;
	font-weight: 300;
	color: #fff;
	margin: 0;
}

.fan-club-logo svg {
	width: 146px;
	height: 33px;
	fill: rgba(255, 255, 255, 0.5);
	display: block;
	position: absolute;
	top: 18px;
	left: 75px;
}

.fan-club-text {
	width: 408px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 200;
	color: #fff;
	line-height: 1.71;
	margin: 0 0 0 20px;
	border-right: 1px rgba(230, 230, 229, 0.3) solid;
	padding: 5px 40px 5px 20px;
	-ms-flex: none;
	flex: none;
}

.fan-club-registration {
	margin-left: 40px;
}

.fan-club-registration .registration-button {
	width: 270px;
	text-align: center;
	margin: 0;
}

.fan-club-registration .registration-button a {
	height: 47px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 200;
	text-decoration: none;
	border-radius: 2px;
	border: 1px #d11530 solid;
	background-color: #fff;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.fan-club-registration .registration-button a span {
	font-size: 13px;
	font-size: 1.3rem;
}

.fan-club-registration .registration-button a:after {
	width: 8px;
	height: 14px;
	margin-top: -7px;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("images/icons/icon-arrow-right-03.png");
	right: 10px;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
}

.fan-club-registration .registration-button a:hover {
	color: #fff;
	border: 1px #fff solid;
	background-color: #d11530;
}

.fan-club-registration .registration-button a:hover:after {
	background-image: url("images/icons/icon-arrow-right-04.png");
}

#footer-meta {
	background: #e3e2de;
}

#footer-meta .wrap {
	width: 970px;
	text-align: center;
	margin: 0 auto;
	padding: 21px 0;
}

#footer-meta ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: 400;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer-meta ul li {
	padding: 0 5px 0 0;
}

#footer-meta ul li:before {
	content: '|';
	margin-right: 5px;
}

#footer-meta ul li:nth-of-type(1) {
	padding-left: 0;
}

#footer-meta ul li:nth-of-type(1):before {
	display: none;
}

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

#footer-meta .copyright {
	margin: 0;
}

#footer-meta .copyright small {
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: 400;
	color: #333;
}

#footer-meta .prohibited {
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: 400;
	color: #333;
	margin: 0;
}

.search-form {
	width: 390px;
	height: 60px;
	padding: 0 22px;
	background: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.search-form input {
	width: 306px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 200;
	outline: none;
	border: none;
}

.search-form input::-webkit-input-placeholder {
	color: #747474;
	font-weight: 200;
}

.search-form input:-moz-placeholder {
	color: #747474;
	font-weight: 200;
}

.search-form input::-moz-placeholder {
	color: #747474;
	font-weight: 200;
}

.search-form input:-ms-input-placeholder {
	color: #747474;
	font-weight: 200;
}

.search-form input:placeholder-shown {
	color: #747474;
	font-weight: 200;
}

.search-form button {
	width: 18px;
	height: 24px;
	text-indent: -9999em;
	outline: none;
	border: none;
	background: transparent url("images/icons/icon-search.png");
}

#footer-sitemap-message {
	background-color: #444;
}

#footer-sitemap-message .wrap {
	width: 970px;
	margin: 0 auto;
	padding: 45px 0 50px;
}

#footer-sitemap-message ul {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.83;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer-sitemap-message ul a {
	color: #fff;
	text-decoration: none;
}

#footer-sitemap-message ul.sub-menu {
	font-weight: 200;
	display: block;
}

#footer-sitemap-message ul.sub-menu > li {
	width: auto;
	padding: 0;
}

#footer-sitemap-message ul.menu {
	font-weight: 500;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

#footer-sitemap-message ul.menu > li {
	width: 161px;
	margin-top: 38px;
	padding: 0 9px;
	-ms-flex: none;
	flex: none;
}

#footer-sitemap-message ul.menu > li:nth-of-type(1), #footer-sitemap-message ul.menu > li:nth-of-type(2), #footer-sitemap-message ul.menu > li:nth-of-type(3), #footer-sitemap-message ul.menu > li:nth-of-type(4), #footer-sitemap-message ul.menu > li:nth-of-type(5), #footer-sitemap-message ul.menu > li:nth-of-type(6) {
	margin-top: 0;
}

#footer-sitemap-message .fixed-message {
	width: 854px;
	margin: 44px auto 0;
	border: 1px #6a6a6a solid;
	padding: 34px 57px 30px;
	background-color: #232323;
}

#footer-sitemap-message .fixed-message .fixed-message-title {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	color: #fff;
	margin: 0;
}

#footer-sitemap-message .fixed-message p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.71;
	font-weight: 200;
	color: #fff;
	margin: 0 0 0;
}

#footer-sitemap-message .fixed-message p.signature {
	text-align: right;
}

.page-top-button-box {
	margin-left: 42px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	float: right;
}

.page-top-button-box p {
	font-family: 'AT Sackers Gothic', 'Noto Sans Japanese', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	color: #d11530;
	font-weight: 500;
	letter-spacing: -0.1em;
	margin: 5px 0 0;
}

.page-top-button-box button {
	width: 60px;
	height: 60px;
	text-indent: -9999em;
	outline: none;
	margin-left: 12px;
	border: none;
	border-radius: 50%;
	background: #d11530 url("images/icons/icon-arrow-up.png") no-repeat center center;
}

/* Common
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.button, .page-link-box .custom-page-links {
	width: 400px;
	text-align: center;
	margin: 0 auto;
}

.button a, .page-link-box .custom-page-links a {
	height: 50px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 300;
	text-decoration: none;
	border-radius: 2px;
	border: 1px #ccc solid;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.button a:after, .page-link-box .custom-page-links a:after {
	width: 8px;
	height: 14px;
	margin-top: -7px;
	content: '';
	display: block;
	position: absolute;
	top: 50%;
}

.button.more-button a, .page-link-box .more-button.custom-page-links a {
	color: #000;
	background-color: #f9f9f9;
}

.button.more-button a:hover, .page-link-box .more-button.custom-page-links a:hover {
	background-color: #fff;
}

.button.more-button a:after, .page-link-box .more-button.custom-page-links a:after {
	background: url("images/icons/icon-arrow-right-02.png") no-repeat center center;
	right: 20px;
}

.button.back-button a, .page-link-box .back-button.custom-page-links a {
	color: #fff;
	background-color: #000;
}

.button.back-button a:hover, .page-link-box .back-button.custom-page-links a:hover {
	background-color: #535253;
}

.button.back-button a:after, .page-link-box .back-button.custom-page-links a:after {
	background: url("images/icons/icon-arrow-left-03.png") no-repeat center center;
	left: 20px;
}

.button.more-models, .page-link-box .more-models.custom-page-links {
	margin-top: 30px;
}

.button.more-todays-topics, .page-link-box .more-todays-topics.custom-page-links {
	margin-top: 40px;
}

.button.more-canstagram, .page-link-box .more-canstagram.custom-page-links {
	margin-top: 12px;
}

.button.more-medias, .page-link-box .more-medias.custom-page-links {
	margin-top: 30px;
}

.button.more-recommend, .page-link-box .more-recommend.custom-page-links, .button.more-feature, .page-link-box .more-feature.custom-page-links {
	width: 260px;
	height: 40px;
	margin-top: 12px;
}

.button.more-recommend a, .page-link-box .more-recommend.custom-page-links a, .button.more-feature a, .page-link-box .more-feature.custom-page-links a {
	height: 40px;
}

.button.more-recommend a:after, .page-link-box .more-recommend.custom-page-links a:after, .button.more-feature a:after, .page-link-box .more-feature.custom-page-links a:after {
	right: 10px;
}

.button.back-to-gallery, .page-link-box .back-to-gallery.custom-page-links {
	margin-top: 27px;
}

.home-models-topics .button, .home-models-topics .page-link-box .custom-page-links, .page-link-box .home-models-topics .custom-page-links {
	margin-top: 22px;
}

.back-to-post {
	text-align: center;
	margin: 28px auto 0;
}

.back-to-post a {
	color: #000;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	text-decoration: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.back-to-post a:after {
	width: 8px;
	height: 14px;
	margin-left: 17px;
	content: '';
	background: url("images/icons/icon-arrow-right-02.png") no-repeat center center;
	display: block;
}

.ajax-more-navigation {
	margin-top: 30px;
}

#category-nav-box {
	margin-top: 63px;
}

#category-nav-box .title {
	font-family: 'AT Sackers Gothic', 'Noto Sans Japanese', sans-serif;
	font-size: 30px;
	font-size: 3rem;
	font-weight: 400;
	text-align: center;
	margin: 0;
}

#category-nav-box ul {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 200;
	margin: 27px 0 0;
	padding: 0 20px;
	list-style: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

#category-nav-box li {
	width: 187px;
	margin: 22px 0 0 20px;
}

#category-nav-box li:nth-of-type(3n+1) {
	margin-left: 0;
}

#category-nav-box li:nth-of-type(1), #category-nav-box li:nth-of-type(2), #category-nav-box li:nth-of-type(3) {
	margin-top: 0;
}

#category-nav-box a {
	color: #000;
	text-decoration: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative;
}

#category-nav-box a img {
	width: 78px;
	height: 78px;
	margin-right: 10px;
	display: block;
}

#category-nav-box a:after {
	width: 78px;
	height: 78px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("images/backgrounds/back-clip.png");
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

#home-feature {
	text-align: center;
	margin: 60px -1000% 0;
	padding: 70px 1000% 71px;
	background-color: #f9f9f9;
	overflow: hidden;
}

#home-feature .feature-title {
	font-family: 'AT Sackers Gothic', 'Noto Sans Japanese', sans-serif;
	font-size: 44px;
	font-size: 4.4rem;
	line-height: 1.1;
	font-weight: 400;
	text-align: center;
	margin: 0;
}

#home-feature ul {
	width: 898px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#home-feature li {
	width: 444px;
	position: relative;
}

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

#home-feature .thumbnail {
	height: 339px;
	padding: 12px;
	margin: 0;
}

#home-feature .title {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.77;
	font-weight: 200;
	color: #000;
	text-align: left;
	margin: 26px 0 0;
	padding: 0 39px;
}

#home-feature .category {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 500;
	margin: 7px 0 0;
	padding: 10px 15px 0;
	display: inline-block;
	position: relative;
}

#home-feature .category:before {
	width: 100px;
	height: 1px;
	margin-left: -50px;
	background-color: rgba(0, 0, 0, 0.5);
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
}

#home-feature .pr {
	top: 12px;
	left: 12px;
}

#home-feature .bx-viewport {
	background-repeat: no-repeat, no-repeat;
	background-position: left top,  right top;
	background-image: url("images/backgrounds/back-feature-waku.png"), url("images/backgrounds/back-feature-waku.png");
}

#home-feature .bx-wrapper {
	margin: 46px auto 0;
	position: relative;
}

#home-feature .bx-prev,
#home-feature .bx-next {
	width: 46px;
	height: 46px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	position: absolute;
	top: 151px;
}

#home-feature .bx-prev {
	left: -40px;
	background-image: url("images/icons/icon-circle-arrow-left.png");
}

#home-feature .bx-prev:hover {
	background-image: url("images/icons/icon-circle-arrow-left-hover.png");
}

#home-feature .bx-next {
	right: -40px;
	background-image: url("images/icons/icon-circle-arrow-right.png");
}

#home-feature .bx-next:hover {
	background-image: url("images/icons/icon-circle-arrow-right-hover.png");
}

#home-feature .bx-pager {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: -38px;
	right: 0;
	left: 0;
}

#home-feature .bx-pager div {
	width: 6px;
	height: 6px;
	margin: 0 4px;
	border-radius: 50%;
	float: left;
}

#home-feature .bx-pager div a {
	width: 6px;
	height: 6px;
	text-indent: -9999em;
	border-radius: 50%;
	background-color: #ccc;
	display: block;
}

#home-feature .bx-pager div a.active {
	background-color: #000;
}

#feature {
	text-align: center;
	margin: 60px 0 0;
	padding: 70px 0;
	background-color: #f9f9f9;
	overflow: hidden;
}

#feature .feature-title {
	font-family: 'AT Sackers Gothic', 'Noto Sans Japanese', sans-serif;
	font-size: 44px;
	font-size: 4.4rem;
	line-height: 1.1;
	font-weight: 400;
	text-align: center;
	margin: 0;
}

#feature ul {
	width: 444px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#feature li {
	width: 444px;
	position: relative;
}

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

#feature .thumbnail {
	height: 339px;
	padding: 12px;
	margin: 0;
}

#feature .title {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.77;
	font-weight: 200;
	color: #000;
	text-align: left;
	margin: 26px 0 0;
	padding: 0 39px;
}

#feature .category {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 500;
	margin: 7px 0 0;
	padding: 10px 15px 0;
	display: inline-block;
	position: relative;
}

#feature .category:before {
	width: 100px;
	height: 1px;
	margin-left: -50px;
	background-color: rgba(0, 0, 0, 0.5);
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
}

#feature .pr {
	top: 12px;
	left: 12px;
}

#feature .bx-viewport {
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url("images/backgrounds/back-feature-waku.png");
}

#feature .bx-wrapper {
	width: 444px;
	margin: 46px auto 0;
	position: relative;
}

#feature .bx-prev,
#feature .bx-next {
	width: 46px;
	height: 46px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	position: absolute;
	top: 149px;
}

#feature .bx-prev {
	left: -60px;
	background-image: url("images/icons/icon-circle-arrow-left.png");
}

#feature .bx-prev:hover {
	background-image: url("images/icons/icon-circle-arrow-left-hover.png");
}

#feature .bx-next {
	right: -60px;
	background-image: url("images/icons/icon-circle-arrow-right.png");
}

#feature .bx-next:hover {
	background-image: url("images/icons/icon-circle-arrow-right-hover.png");
}

#feature .bx-pager {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: -38px;
	right: 0;
	left: 0;
}

#feature .bx-pager div {
	width: 6px;
	height: 6px;
	margin: 0 4px;
	border-radius: 50%;
	float: left;
}

#feature .bx-pager div a {
	width: 6px;
	height: 6px;
	text-indent: -9999em;
	border-radius: 50%;
	background-color: #ccc;
	display: block;
}

#feature .bx-pager div a.active {
	background-color: #000;
}

.it-girl-box {
	margin-top: 67px;
}

.it-girl-box .title {
	font-family: 'AT Sackers Gothic', 'Noto Sans Japanese', sans-serif;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 400;
	text-align: center;
	margin: 0;
}

.it-girl-box .title span {
	color: #d11530;
}

.it-girl-box .content {
	margin-top: 28px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.it-girl-box article {
	width: 148px;
}

.it-girl-box article a {
	text-decoration: none;
	display: block;
}

.it-girl-box article .thumbnail {
	width: 148px;
	height: 148px;
	margin: 0;
}

.it-girl-box article .entry-title {
	color: #000;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.53846;
	font-weight: 200;
	margin: 0;
	padding: 12px 9px 0;
}

.it-girl-box article .entry-meta {
	margin: 0;
	padding: 0 9px;
}

.it-girl-box article .post-date {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.66667;
	font-weight: 400;
	color: #bec2cc;
	margin: 8px 0 0;
}

.it-girl-box article .category {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	font-weight: 500;
	color: #000;
	margin: 6px 0 0;
}

.it-girl-box .more-it-girl {
	margin-top: 23px;
}

.home-models-topics {
	width: 640px;
	margin-top: 52px;
}

.home-models-topics .title {
	font-family: 'AT Sackers Gothic', 'Noto Sans Japanese', sans-serif;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 400;
	text-align: center;
	margin: 0;
}

.home-models-topics .title span {
	font-weight: 200;
}

.home-models-topics .content {
	margin-top: 24px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.home-models-topics article {
	width: 200px;
}

.home-models-topics article a {
	height: 100%;
	text-decoration: none;
	padding-bottom: 21px;
	display: block;
	position: relative;
}

.home-models-topics article .thumbnail {
	margin: 0;
}

.home-models-topics article .entry-title {
	color: #000;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.77;
	font-weight: 200;
	margin: 16px 0 0;
	padding: 0 15px;
}

.home-models-topics article .entry-meta {
	margin: 5px 0 0;
	padding: 0 15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.home-models-topics article .post-date {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
	color: #bec2cc;
	margin: 0;
}

.home-models-topics article .post-date span {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 200;
}

.home-models-topics article .model-name {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
	color: #000;
	margin: 0;
}

.todays-topics {
	margin-top: 0;
}

.todays-topics .title {
	font-family: 'AT Sackers Gothic', 'Noto Sans Japanese', sans-serif;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 400;
	text-align: center;
	margin: 0;
}

.todays-topics .title span {
	font-weight: 200;
}

.todays-topics .content {
	margin-top: 28px;
}

.todays-topics article a {
	text-decoration: none;
	display: block;
}

.todays-topics article .thumbnail {
	margin: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
}

.todays-topics article .entry-title {
	color: #000;
	font-weight: 200;
	margin: 0;
}

.todays-topics article .category {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 500;
	margin: 0;
}

.todays-topics article .post-date {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
	color: #bec2cc;
	margin: 0;
}

.todays-topics article .post-date span {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 200;
}

.todays-topics.type-box .content {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.todays-topics.type-box article {
	width: 200px;
	margin: 50px 0 0 20px;
}

.todays-topics.type-box article:nth-of-type(1), .todays-topics.type-box article:nth-of-type(2), .todays-topics.type-box article:nth-of-type(3) {
	margin-top: 0;
}

.todays-topics.type-box article:nth-of-type(3n+1) {
	margin-left: 0;
}

.todays-topics.type-box article a {
	height: 100%;
	text-decoration: none;
	padding-bottom: 21px;
	display: block;
	position: relative;
}

.todays-topics.type-box article .thumbnail {
	height: 150px;
}

.todays-topics.type-box article .entry-title {
	height: 69px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.77;
	margin: 11px 0 0;
	padding: 0 15px;
}

.todays-topics.type-box article .entry-meta {
	margin: 5px 0 0;
	padding: 0 15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.todays-topics.type-list .content {
	margin-top: 0;
}

.todays-topics.type-list article {
	border-bottom: 1px #eee solid;
	padding: 30px 20px 30px 0;
}

.todays-topics.type-list article a {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.todays-topics.type-list article .thumbnail {
	width: 200px;
	height: 150px;
	margin: 0 20px 0 0;
	-ms-flex: none;
	flex: none;
}

.todays-topics.type-list article .entry-article {
	width: 100%;
	height: 150px;
	position: relative;
}

.todays-topics.type-list article .entry-title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.66;
	margin: 2px 0 0;
}

.todays-topics.type-list article .category {
	color: #000;
	line-height: 2.5;
	margin: 16px 0 0;
}

.todays-topics.type-list article .post-date {
	text-align: right;
	position: absolute;
	right: 0;
	bottom: 17px;
	left: 0;
}

.wp-pagenavi {
	margin-top: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.wp-pagenavi .page,
.wp-pagenavi .last,
.wp-pagenavi .current,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	width: 40px;
	height: 40px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 300;
	text-decoration: none;
	color: #000;
	margin: 0 5px;
	border-radius: 2px;
	border: 1px #ccc solid;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #f9f9f9;
}

.wp-pagenavi .page:hover,
.wp-pagenavi .last:hover,
.wp-pagenavi .current:hover,
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover {
	background-color: #fff;
}

.wp-pagenavi .current {
	background-color: #fff;
}

.wp-pagenavi .previouspostslink {
	text-indent: -9999em;
	margin: 0 20px 0 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("images/icons/icon-arrow-left-02.png");
}

.wp-pagenavi .nextpostslink {
	text-indent: -9999em;
	margin: 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("images/icons/icon-arrow-right-02.png");
}

.page-link-box {
	margin-top: 30px;
}

.page-link-box .custom-page-links a {
	color: #000;
	background-color: #f9f9f9;
}

.page-link-box .custom-page-links a:hover {
	background-color: #fff;
}

.page-link-box .custom-page-links a:after {
	background: url("images/icons/icon-arrow-right-02.png") no-repeat center center;
	right: 20px;
}

.page-link-box .page-links {
	margin: 40px 0 0;
	padding: 0;
	list-style: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.page-link-box .page-links li {
	width: 40px;
	height: 40px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 300;
	text-decoration: none;
	color: #000;
	margin: 0 5px;
	border-radius: 2px;
	border: 1px #ccc solid;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #f9f9f9;
}

.page-link-box .page-links li a {
	color: #000;
}

.page-link-box .page-links li:hover {
	background-color: #fff;
}

.page-link-box .page-links li.current {
	background-color: #fff;
}

.page-link-box .page-links li.previous {
	text-indent: -9999em;
	margin: 0 20px 0 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("images/icons/icon-arrow-left-02.png");
}

.page-link-box .page-links li.next {
	text-indent: -9999em;
	margin: 0 0 0 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url("images/icons/icon-arrow-right-02.png");
}

#slides {
	text-align: center;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

#slides ul {
	width: 970px;
	height: 480px;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

#slides li {
	position: relative;
}

#slides .slide-contents {
	width: 400px;
	text-align: center;
	padding: 24px 38px 16px;
	background-color: #fff;
	opacity: 0.75;
	position: absolute;
	right: 0;
	bottom: 0;
}

#slides .slide-contents a {
	display: block;
}

#slides .thumbnail {
	margin: 0;
}

#slides .title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.66;
	font-weight: 200;
	color: #000;
	text-align: left;
	margin: 0;
}

#slides .category {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 500;
	margin: 7px 0 0;
	padding: 10px 15px 0;
	display: inline-block;
	position: relative;
}

#slides .category:before {
	width: 100px;
	height: 1px;
	margin-left: -50px;
	background-color: rgba(0, 0, 0, 0.5);
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
}

#slides .bx-viewport {
	height: auto !important;
}

#slides .bx-prev,
#slides .bx-next {
	width: 26px;
	height: 41px;
	text-indent: -9999em;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	position: absolute;
	top: 215px;
}

#slides .bx-prev {
	left: 10px;
	background-image: url("images/icons/icon-arrow-left.png");
}

#slides .bx-next {
	right: 10px;
	background-image: url("images/icons/icon-arrow-right.png");
}

#slides .bx-pager {
	margin-top: 14px;
	overflow: hidden;
}

#slides .bx-pager div {
	width: 6px;
	height: 6px;
	margin-left: 8px;
	border-radius: 50%;
	float: left;
}

#slides .bx-pager div a {
	width: 6px;
	height: 6px;
	text-indent: -9999em;
	border-radius: 50%;
	background-color: #ccc;
	display: block;
}

#slides .bx-pager div a.active {
	background-color: #000;
}

.sns-buttons {
	float: right;
	display: none;
}

.sns-buttons ul {
	height: 50px;
	margin: 0;
	padding: 0;
	list-style: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.sns-buttons a {
	padding: 11px;
	display: block;
}

.sns-buttons svg {
	fill: #fff;
	display: block;
}

.sns-buttons .twitter svg {
	width: 18px;
	height: 15px;
}

.sns-buttons .facebook svg {
	width: 9px;
	height: 17px;
}

.sns-buttons .instagram svg {
	width: 17px;
	height: 17px;
}

.sns-buttons .line svg {
	width: 27px;
	height: 9px;
}

.sns-buttons .bell svg {
	width: 14px;
	height: 16px;
}

.fixed-header .sns-buttons {
	display: block;
}

.footer-sns-buttons {
	margin-left: 39px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	float: left;
}

.footer-sns-buttons p {
	font-family: 'AT Sackers Gothic', 'Noto Sans Japanese', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: -0.1em;
	margin: 5px 0 0;
}

.footer-sns-buttons ul {
	margin: 0 0 0 9px;
	padding: 0;
	list-style: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.footer-sns-buttons li {
	margin: 0 10px;
}

.footer-sns-buttons a {
	padding: 5px;
	display: block;
}

.footer-sns-buttons svg {
	fill: #000;
	display: block;
}

.footer-sns-buttons svg:hover {
	fill: #d11530;
}

.footer-sns-buttons .twitter svg {
	width: 22px;
	height: 19px;
}

.footer-sns-buttons .facebook svg {
	width: 11px;
	height: 21px;
}

.footer-sns-buttons .instagram svg {
	width: 21px;
	height: 21px;
}

.footer-sns-buttons .line svg {
	width: 34px;
	height: 11px;
}

.footer-sns-buttons .bell svg {
	width: 18px;
	height: 21px;
}

.social-box {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.social-box p {
	width: 38px;
	height: 38px;
	margin: 0 0 0 10px;
	border-radius: 50%;
}

.social-box p:nth-of-type(1) {
	margin-left: 0;
}

.social-box a {
	width: 38px;
	height: 38px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.social-box svg {
	fill: #fff;
	display: block;
}

.social-box .twitter-share {
	background-color: #55acee;
}

.social-box .twitter-share svg {
	width: 16px;
	height: 13px;
}

.social-box .fb-share {
	background-color: #3b5998;
}

.social-box .fb-share svg {
	width: 8px;
	height: 16px;
}

.social-box .google-plus-share {
	background-color: #dd4b39;
}

.social-box .google-plus-share svg {
	width: 19px;
	height: 12px;
}

.social-box .line-share {
	background-color: #00b900;
}

.social-box .line-share svg {
	width: 23px;
	height: 8px;
}

.entry-footer .social-box p,
.entry-footer .social-box a {
	width: 48px;
	height: 48px;
}

.entry-footer .social-box .twitter-share svg {
	width: 20px;
	height: 17px;
}

.entry-footer .social-box .fb-share svg {
	width: 10px;
	height: 19px;
}

.entry-footer .social-box .google-plus-share svg {
	width: 23px;
	height: 15px;
}

.entry-footer .social-box .line-share svg {
	width: 26px;
	height: 9px;
}

#special {
	margin-top: 40px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#special .special-ad,
#special .special-post {
	width: 310px;
	height: 232px;
}

#special .special-post {
  /*@include flex( 'nowrap', 'center', 'center' );*/
	position: relative;
	overflow: hidden;
}

#special .special-post a:hover {
	color: #7b7b7b;
}

#special .special-post a:after {
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 99%, rgba(0, 0, 0, 0.65) 100%);
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

#special a {
	display: block;
}

#special .special-contents {
	text-align: center;
	padding: 24px 0 16px;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
}

#special .title {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.33;
	font-weight: 200;
	color: #fff;
	margin: 0;
}

#special .category {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 500;
	margin: 7px 0 0;
	padding: 10px 15px 0;
	display: inline-block;
	position: relative;
}

#special .category:before {
	width: 100px;
	height: 1px;
	margin-left: -50px;
	background-color: rgba(255, 255, 255, 0.5);
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
}

#special .thumbnail {
	width: 310px;
}

.main-related-posts {
	margin-top: 70px;
}

.main-related-posts .title {
	font-size: 30px;
	font-size: 3rem;
	font-weight: 400;
	text-align: center;
	margin: 0;
}

.main-related-posts .content {
	margin-top: 28px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.main-related-posts article {
	width: 200px;
	margin: 50px 0 0 20px;
}

.main-related-posts article:nth-of-type(1), .main-related-posts article:nth-of-type(2), .main-related-posts article:nth-of-type(3) {
	margin-top: 0;
}

.main-related-posts article:nth-of-type(3n+1) {
	margin-left: 0;
}

.main-related-posts article a {
	height: 100%;
	text-decoration: none;
	padding-bottom: 21px;
	display: block;
	position: relative;
}

.main-related-posts article .thumbnail {
	height: 150px;
	margin: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
}

.main-related-posts article .entry-article {
	padding-bottom: 19px;
}

.main-related-posts article .entry-title {
	height: 69px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.77;
	color: #000;
	font-weight: 200;
	margin: 11px 0 0;
	padding: 0 15px;
}

.main-related-posts article .entry-meta {
	padding: 0 15px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: justify;
	justify-content: space-between;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.main-related-posts article .category {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 500;
	margin: 0;
}

.main-related-posts article .post-date {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
	color: #bec2cc;
	margin: 0;
}

.main-related-posts article .post-date span {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: 200;
}

.home-top-widget {
	width: 300px;
	-ms-flex: none;
	flex: none;
}

.widget_magazine .thumbnail-box {
	width: 300px;
	height: 296px;
	padding: 25px 0 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("images/backgrounds/back-magazine.png");
}

.widget_magazine .thumbnail-box .magazine-title {
	width: 224px;
	height: 11px;
	text-indent: -9999em;
	margin: 0 auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("images/title/title-magazine.png");
}

.widget_magazine .thumbnail-box .thumbnail {
	width: 168px;
	height: 215px;
	margin: 20px auto 0;
}

.widget_magazine .link-box {
	overflow: hidden;
}

.widget_magazine .link-box p {
	height: 50px;
	margin: 0;
}

.widget_magazine .link-box .link-01 {
	width: 100%;
}

.widget_magazine .link-box .link-02,
.widget_magazine .link-box .link-03 {
	width: 50%;
	float: left;
}

.widget_magazine .link-box .link-04 {
	width: 100%;
	clear: left;
}

.widget_magazine .link-box a {
	height: 50px;
	color: #fff;
	text-decoration: none;
	background: #151515;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-bottom: 1px #383838  solid;
}

.widget_magazine .link-box a:hover {
	background: #000;
}

.widget_magazine .link-box .link-03 a {
	border-left: 1px #383838  solid;
}

.widget_magazine .link-box .link-04 a {
	border-bottom: none;
}

.widget-ranking {
	margin-top: 70px;
}

.widget-ranking .widget-title {
	font-family: 'AT Sackers Gothic', 'Noto Sans Japanese', sans-serif;
	font-size: 30px;
	font-size: 3rem;
	font-weight: 400;
	color: #000;
	text-align: center;
	margin: 0;
	padding: 0 24px 8px;
	position: relative;
}

.widget-ranking .widget-title span.title {
	text-align: right;
	display: block;
}

.widget-ranking .widget-title span.sub-title {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 200;
	text-align: center;
	margin: 0 -24px;
	display: inline-block;
}

.widget-ranking .widget-title span.ranking-date {
	margin-right: -5px;
}

.widget-ranking .widget-title svg {
	width: 94px;
	height: 31px;
	fill: #d11530;
	display: block;
	position: absolute;
	top: -13px;
	left: 19px;
}

.widget-ranking article {
	border-top: 1px #eee solid;
}

.widget-ranking article:nth-of-type(1) {
	border-top-color: #000;
}

.widget-ranking article.ranking-1 a:before {
	background-image: url("images/icons/icon-ranking-01.png");
}

.widget-ranking article.ranking-2 a:before {
	background-image: url("images/icons/icon-ranking-02.png");
}

.widget-ranking article.ranking-3 a:before {
	background-image: url("images/icons/icon-ranking-03.png");
}

.widget-ranking article.ranking-4 a:before {
	background-image: url("images/icons/icon-ranking-04.png");
}

.widget-ranking article.ranking-5 a:before {
	background-image: url("images/icons/icon-ranking-05.png");
}

.widget-ranking a {
	width: 100%;
	text-decoration: none;
	padding: 18px 20px 18px 32px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative;
}

.widget-ranking a:before {
	width: 32px;
	height: 32px;
	margin: -16px 0 0 0;
	content: '';
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	z-index: 1;
}

.widget-ranking a:after {
	width: 8px;
	height: 14px;
	margin: -7px 0 0 12px;
	content: '';
	background: url("images/icons/icon-arrow-right-02.png") no-repeat center center;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
}

.widget-ranking .thumbnail {
	width: 90px;
	height: 90px;
	margin: 0 14px 0 0;
	-ms-flex: none;
	flex: none;
}

.widget-ranking .entry-title {
	color: #000;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.83;
	font-weight: 200;
	margin: 0;
}

.widget-ranking .pr {
	top: 18px;
	left: 32px;
}

.widget-keyword {
	margin-top: 70px;
}

.widget-keyword .widget-title {
	font-family: 'AT Sackers Gothic', 'Noto Sans Japanese', sans-serif;
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: 400;
	color: #000;
	margin: 0;
	padding-bottom: 3px;
	position: relative;
}

.widget-keyword .widget-title span {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 200;
}

.widget-keyword .widget-title svg {
	width: 171px;
	height: 7px;
	fill: #d11530;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

.widget-keyword ul {
	margin: 6px 0 0;
	padding: 0;
	list-style: none;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.widget-keyword li {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 200;
	line-height: 2;
	margin: 5px 5px 0 0;
}

.widget-keyword a {
	text-decoration: none;
	color: #000;
	border-radius: 2px;
	border: 1px #bec2cc solid;
	padding: 1px 12px;
	background-color: #fff;
	display: block;
}

.widget-keyword a:hover {
	color: #fff;
	border-color: #d11530;
	background-color: #d11530;
	transition: all 1s;
}

.widget-recommend,
.widget-feature {
	margin-top: 60px;
	padding-top: 36px;
}

.widget-recommend .widget-title,
.widget-feature .widget-title {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 700;
	color: #000;
	text-align: center;
	margin: 0;
	position: relative;
}

.widget-recommend .widget-title svg,
.widget-feature .widget-title svg {
	width: 107px;
	height: 49px;
	fill: #d11530;
	display: block;
	position: absolute;
	top: -36px;
	left: 9px;
}

.widget-recommend .content,
.widget-feature .content {
	margin: 8px 0 0;
}

.widget-recommend article,
.widget-feature article {
	border-top: 1px #eee solid;
}

.widget-recommend article:nth-of-type(1),
.widget-feature article:nth-of-type(1) {
	border-top: none;
}

.widget-recommend article a,
.widget-feature article a {
	width: 100%;
	text-decoration: none;
	padding: 8px 20px 8px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative;
}

.widget-recommend article a:after,
.widget-feature article a:after {
	width: 8px;
	height: 14px;
	margin: -7px 0 0 12px;
	content: '';
	background: url("images/icons/icon-arrow-right-02.png") no-repeat center center;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
}

.widget-recommend article .thumbnail,
.widget-feature article .thumbnail {
	width: 120px;
	height: 90px;
	margin: 0 13px 0 0;
	overflow: hidden;
	-ms-flex: none;
	flex: none;
}

.widget-recommend article .category,
.widget-recommend article .entry-title,
.widget-feature article .category,
.widget-feature article .entry-title {
	color: #000;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.53;
	font-weight: 200;
	margin: 0;
}

.widget-recommend article .pr,
.widget-feature article .pr {
	top: 8px;
}

.widget-youtube {
	margin-top: 60px;
}

.widget-youtube p {
	width: 100%;
	margin: 0;
	padding-top: 56.67%;
	position: relative;
}

.widget-youtube p iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}

.widget-fanclub {
	margin-top: 70px;
	padding-top: 124px;
	padding-bottom: 27px;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url("images/backgrounds/back-fanclub-widget.png");
}

.widget-fanclub:after {
	width: 100%;
	height: 27px;
	content: '';
	display: block;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url("images/backgrounds/back-fanclub-widget-foot.png");
}

.widget-fanclub .fanclub-wrap {
	border: 1px #fff solid;
	background-image: url("images/backgrounds/back-pattern-fanclub.png");
}

.widget-fanclub .widget-title {
	font-family: 'AT Sackers Gothic', 'Noto Sans Japanese', sans-serif;
	font-size: 34px;
	font-size: 3.4rem;
	font-weight: 200;
	color: #d11530;
	text-align: center;
	margin: 0;
	padding-top: 37px;
	padding-bottom: 10px;
	position: relative;
}

.widget-fanclub .widget-title svg {
	width: 121px;
	height: 28px;
	fill: #000;
	display: block;
	position: absolute;
	bottom: 0;
	left: 119px;
}

.widget-fanclub ul {
	margin: 15px 0 0;
	padding: 0 36px;
	list-style: none;
}

.widget-fanclub li {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 200;
	line-height: 2.3;
	border-top: 1px #dfdad9 solid;
}

.widget-fanclub li:nth-of-type(1) {
	border-top: none;
}

.widget-fanclub a {
	text-decoration: none;
	color: #000;
	padding: 15px 15px 15px 0;
	display: block;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative;
}

.widget-fanclub a:after {
	width: 8px;
	height: 14px;
	margin: -9px 0 0 12px;
	content: '';
	background: url("images/icons/icon-arrow-right-02.png") no-repeat center center;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
}

.widget-related .related-posts .title {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 400;
	text-align: center;
}

.widget-related .related-posts article {
	border-top: 1px #eee solid;
}

.widget-related .related-posts article:nth-of-type(1) {
	border-top: none;
}

.widget-related .related-posts article a {
	width: 100%;
	text-decoration: none;
	padding: 8px 20px 8px 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: start;
	justify-content: flex-start;
	position: relative;
}

.widget-related .related-posts article a:after {
	width: 8px;
	height: 14px;
	margin: -7px 0 0 12px;
	content: '';
	background: url("images/icons/icon-arrow-right-02.png") no-repeat center center;
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
}

.widget-related .related-posts article .thumbnail {
	width: 120px;
	height: 90px;
	margin: 0 13px 0 0;
	overflow: hidden;
	-ms-flex: none;
	flex: none;
}

.widget-related .related-posts article .entry-title {
	color: #000;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.53;
	font-weight: 200;
	margin: 0;
}

.widget-related .related-posts article .entry-meta {
	display: none;
}

/* Other
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@keyframes show {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes hidden {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes slideInDown {
	0% {
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	}

	100% {
		transform: translate3d(0, 0, 0);
	}
}

@keyframes slideInUp {
	0% {
		visibility: visible;
		transform: translate3d(0, 0, 0);
	}

	100% {
		transform: translate3d(0, -100%, 0);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* ヘッダー */
#commonHeader {
	background: #F2F2F2;
	position: relative;
	z-index: 2;
}

#commonHeader #commonHeadWrap {
	width: 940px;
	height: 25px;
	margin: 0 auto;
}

#commonHeader #shogakukan {
	width: 116px;
	height: 25px;
	float: left;
}

#commonHeader #shogakukan a {
	width: 116px;
	height: 25px;
	text-indent: -9999px;
	background: url("images/shogakukan/headerBackgroundGray.gif") no-repeat 0px 0px;
	display: block;
}

#commonHeader #shogakukan a:hover {
	background-position: 0px -25px;
}

#commonHeader #bookNavi {
	width: 84%;
	height: 25px;
	margin: 0;
	padding: 0;
	float: right;
}

#commonHeader #bookNavi ul {
	width: 723px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
}

#commonHeader #bookNavi li {
	margin: 0;
	padding: 0 12px 0 8px;
	background: url("images/shogakukan/headerLineGray.gif") no-repeat right;
	float: left;
}

#commonHeader #bookNavi li a {
	text-indent: -9999px;
	background: url("images/shogakukan/headerBackgroundGray.gif") no-repeat;
	display: block;
}

#commonHeader #bookNavi .listCanCam a {
	width: 30px;
	height: 25px;
	background-position: -116px 0px;
}

#commonHeader #bookNavi .listCanCam a:hover {
	background-position: -116px -25px;
}

#commonHeader #bookNavi .listAneCan a {
	width: 57px;
	height: 25px;
	background-position: -146px 0px;
}

#commonHeader #bookNavi .listAneCan a:hover {
	background-position: -146px -25px;
}

#commonHeader #bookNavi .listOggi a {
	width: 37px;
	height: 25px;
	background-position: -203px 0px;
}

#commonHeader #bookNavi .listOggi a:hover {
	background-position: -203px -25px;
}

#commonHeader #bookNavi .listDomani a {
	width: 48px;
	height: 25px;
	background-position: -240px 0px;
}

#commonHeader #bookNavi .listDomani a:hover {
	background-position: -240px -25px;
}

#commonHeader #bookNavi .listMensPrecious a {
	width: 44px;
	height: 25px;
	background-position: -288px 0px;
}

#commonHeader #bookNavi .listMensPrecious a:hover {
	background-position: -288px -25px;
}

#commonHeader #bookNavi .listPrecious a {
	width: 44px;
	height: 25px;
	background-position: -331px 0px;
}

#commonHeader #bookNavi .listPrecious a:hover {
	background-position: -331px -25px;
}

#commonHeader #bookNavi .listWaraku a {
	width: 27px;
	height: 25px;
	background-position: -375px 0px;
}

#commonHeader #bookNavi .listWaraku a:hover {
	background-position: -375px -25px;
}

#commonHeader #bookNavi .listBiteki a {
	width: 49px;
	height: 25px;
	background-position: -402px 0px;
}

#commonHeader #bookNavi .listBiteki a:hover {
	background-position: -402px -25px;
}

#commonHeader #bookNavi .listSakura a {
	width: 57px;
	height: 25px;
	background-position: -451px 0px;
}

#commonHeader #bookNavi .listSakura a:hover {
	background-position: -451px -25px;
}

#commonHeader #bookNavi .listWomanInsight a {
	width: 108px;
	height: 25px;
	background-position: -619px 0px;
}

#commonHeader #bookNavi .listWomanInsight a:hover {
	background-position: -619px -25px;
}

#commonHeader #bookNavi .listInsightLab {
	padding-right: 0;
	background: none;
}

#commonHeader #bookNavi .listInsightLab a {
	width: 13px;
	height: 25px;
	background-position: -727px 0px;
}

#commonHeader #bookNavi .listInsightLab a:hover {
	background-position: -727px -25px;
}

#commonHeader::after {
	content: '';
	display: table;
	clear: both;
}

#footer-shogakukan-footer {
	background-color: #000;
}

#footer-shogakukan-footer .wrap {
	width: 970px;
	margin: 0 auto;
	padding: 56px 0 50px;
}

#footer-shogakukan-footer h2 {
	font-family: 'AT Sackers Gothic', 'Noto Sans Japanese', sans-serif;
	font-size: 20px;
	font-size: 2rem;
	color: #fff;
	font-weight: 400;
	text-align: center;
	margin: 0;
}

#footer-shogakukan-footer ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.83;
	font-weight: 500;
	margin: 35px 0 0;
	padding: 0;
	list-style: none;
}

#footer-shogakukan-footer ul li {
	margin-top: 38px;
	padding: 0 9px;
}

#footer-shogakukan-footer ul li:nth-of-type(1), #footer-shogakukan-footer ul li:nth-of-type(2), #footer-shogakukan-footer ul li:nth-of-type(3), #footer-shogakukan-footer ul li:nth-of-type(4), #footer-shogakukan-footer ul li:nth-of-type(5), #footer-shogakukan-footer ul li:nth-of-type(6) {
	margin-top: 0;
}

#footer-shogakukan-footer ul a {
	color: #fff;
	text-decoration: none;
}

#footer-shogakukan-footer ul.sub-menu {
	font-weight: 200;
	display: block;
}

#footer-shogakukan-footer ul.sub-menu > li {
	width: auto;
	margin-top: 0;
	padding: 0;
}

.test {
	position: relative;
}

.test:before {
	width: 100%;
	height: 100%;
	background: #f00;
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
}

.abj-mark {
	text-align: center;
}

.abj-mark img {
	height: 110px;
	width: auto;
}

.abj-text {
	font-size: 11px;
	font-size: 1.1rem;
	font-weight: 400;
	color: #333;
	text-align: center;
	margin: 10px 50px;
}

#footer-meta {
	overflow: auto;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.2), screen and (min--moz-device-pixel-ratio: 1.2), screen and (-moz-min-device-pixel-ratio: 1.2), screen and (min-device-pixel-ratio: 1.2) {
	.home-canstagram .follow-us a span {
		background-image: url("images/icons/icon-plus-ratio.png");
		background-size: 100% 100%;
	}

	.profile-header .profile-official a:after {
		background-image: url("images/icons/icon-blank-ratio.png");
		background-size: 100% 100%;
	}

	.post-single .post-navigation .nav-previous a:after {
		background-image: url("images/icons/icon-arrow-left-02-ratio.png");
		background-size: 100% 100%;
	}

	.post-single .post-navigation .nav-next a:after {
		background-image: url("images/icons/icon-arrow-right-02-ratio.png");
		background-size: 100% 100%;
	}

	.entry-content blockquote:before,
  .profile-content blockquote:before {
		background-image: url("images/icons/icon-blockquote-left-ratio.png");
		background-size: 20px 15px;
	}

	.entry-content blockquote:after,
  .profile-content blockquote:after {
		background-image: url("images/icons/icon-blockquote-right-ratio.png");
		background-size: 19px 15px;
	}

	.entry-content a.external-link:after,
  .profile-content a.external-link:after {
		background-image: url("images/icons/icon-blank-ratio.png");
		background-size: 9px 9px;
	}

	.entry-content .editor-more a:after,
  .profile-content .editor-more a:after {
		background-image: url("images/icons/icon-editor-more-arrow-ratio.png");
		background-size: 8px 14px;
	}

	.entry-content .editor-button a:after,
  .profile-content .editor-button a:after {
		background-image: url("images/icons/icon-editor-button-arrow-ratio.png");
		background-size: 8px 14px;
	}

	.fan-club-registration .registration-button a:after {
		background-image: url("images/icons/icon-arrow-right-03-ratio.png");
		background-size: 100% 100%;
	}

	.fan-club-registration .registration-button a:hover:after {
		background-image: url("images/icons/icon-arrow-right-04-ratio.png");
		background-size: 100% 100%;
	}

	.search-form button {
		background-image: url("images/icons/icon-search-ratio.png");
		background-size: 100% 100%;
	}

	.page-top-button-box button {
		background-image: url("images/icons/icon-arrow-up-ratio.png");
		background-size: 50% auto;
	}

	.button.more-button a:after, .page-link-box .more-button.custom-page-links a:after {
		background-image: url("images/icons/icon-arrow-right-02-ratio.png");
		background-size: 100% 100%;
	}

	.button.back-button a:after, .page-link-box .back-button.custom-page-links a:after {
		background-image: url("images/icons/icon-arrow-left-03-ratio.png");
		background-size: 100% 100%;
	}

	.back-to-post a:after {
		background-image: url("images/icons/icon-arrow-right-02-ratio.png");
		background-size: 100% 100%;
	}

	#category-nav-box a:after {
		background-image: url("images/backgrounds/back-clip-ratio.png");
		background-size: 78px 78px;
	}

	#home-feature .bx-viewport {
		background-image: url("images/backgrounds/back-feature-waku-ratio.png"), url("images/backgrounds/back-feature-waku-ratio.png");
		background-size: 444px;
	}

	#home-feature .bx-prev {
		background-image: url("images/icons/icon-circle-arrow-left-ratio.png");
		background-size: 100% 100%;
	}

	#home-feature .bx-prev:hover {
		background-image: url("images/icons/icon-circle-arrow-left-hover-ratio.png");
		background-size: 100% 100%;
	}

	#home-feature .bx-next {
		background-image: url("images/icons/icon-circle-arrow-right-ratio.png");
		background-size: 100% 100%;
	}

	#home-feature .bx-next:hover {
		background-image: url("images/icons/icon-circle-arrow-right-hover-ratio.png");
		background-size: 100% 100%;
	}

	#feature .bx-viewport {
		background-image: url("images/backgrounds/back-feature-waku-ratio.png");
		background-size: 444px;
	}

	#feature .bx-prev {
		background-image: url("images/icons/icon-circle-arrow-left-ratio.png");
		background-size: 100% 100%;
	}

	#feature .bx-prev:hover {
		background-image: url("images/icons/icon-circle-arrow-left-hover-ratio.png");
		background-size: 100% 100%;
	}

	#feature .bx-next {
		background-image: url("images/icons/icon-circle-arrow-right-ratio.png");
		background-size: 100% 100%;
	}

	#feature .bx-next:hover {
		background-image: url("images/icons/icon-circle-arrow-right-hover-ratio.png");
		background-size: 100% 100%;
	}

	.wp-pagenavi .previouspostslink {
		background-image: url("images/icons/icon-arrow-left-02-ratio.png");
		background-size: 8px 14px;
	}

	.wp-pagenavi .nextpostslink {
		background-image: url("images/icons/icon-arrow-right-02-ratio.png");
		background-size: 8px 14px;
	}

	.page-link-box .custom-page-links a:after {
		background-image: url("images/icons/icon-arrow-right-02-ratio.png");
		background-size: 100% 100%;
	}

	.page-link-box .page-links li.previous {
		background-image: url("images/icons/icon-arrow-left-02-ratio.png");
		background-size: 8px 14px;
	}

	.page-link-box .page-links li.next {
		background-image: url("images/icons/icon-arrow-right-02-ratio.png");
		background-size: 8px 14px;
	}

	#slides .bx-prev {
		background-image: url("images/icons/icon-arrow-left-ratio.png");
		background-size: 100% 100%;
	}

	#slides .bx-next {
		background-image: url("images/icons/icon-arrow-right-ratio.png");
		background-size: 100% 100%;
	}

	.widget_magazine .thumbnail-box {
		background-image: url("images/backgrounds/back-magazine-ratio.png");
		background-size: 100% 100%;
	}

	.widget_magazine .thumbnail-box .magazine-title {
		background-image: url("images/title/title-magazine-ratio.png");
		background-size: 100% 100%;
	}

	.widget-ranking article.ranking-1 a:before {
		background-image: url("images/icons/icon-ranking-01-ratio.png");
		background-size: 100% 100%;
	}

	.widget-ranking article.ranking-2 a:before {
		background-image: url("images/icons/icon-ranking-02-ratio.png");
		background-size: 100% 100%;
	}

	.widget-ranking article.ranking-3 a:before {
		background-image: url("images/icons/icon-ranking-03-ratio.png");
		background-size: 100% 100%;
	}

	.widget-ranking article.ranking-4 a:before {
		background-image: url("images/icons/icon-ranking-04-ratio.png");
		background-size: 100% 100%;
	}

	.widget-ranking article.ranking-5 a:before {
		background-image: url("images/icons/icon-ranking-05-ratio.png");
		background-size: 100% 100%;
	}

	.widget-ranking a:after {
		background-image: url("images/icons/icon-arrow-right-02-ratio.png");
		background-size: 100% 100%;
	}

	.widget-recommend article a:after,
  .widget-feature article a:after {
		background-image: url("images/icons/icon-arrow-right-02-ratio.png");
		background-size: 100% 100%;
	}

	.widget-fanclub {
		background-image: url("images/backgrounds/back-fanclub-widget-ratio.png");
		background-size: 100% auto;
	}

	.widget-fanclub:after {
		background-image: url("images/backgrounds/back-fanclub-widget-foot-ratio.png");
		background-size: 100% auto;
	}

	.widget-fanclub .fanclub-wrap {
		background-image: url("images/backgrounds/back-pattern-fanclub-ratio.png");
		background-size: 100% auto;
	}

	.widget-fanclub a:after {
		background-image: url("images/icons/icon-arrow-right-02-ratio.png");
		background-size: 100% 100%;
	}

	.widget-related .related-posts article a:after {
		background-image: url("images/icons/icon-arrow-right-02-ratio.png");
		background-size: 100% 100%;
	}
}