* { padding:0; margin:0; }

.carousel {
	position:relative;
	border: 1px solid gray;
	width: 300px;
	margin: auto;
	display: block;
}

.carousel p {
	position: absolute;
	bottom: 0px;
	color: #fff;
	background: #000;
	filter: Alpha(opacity=50);
	opacity: 0.5;
	padding: 8px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.carousel img {
	background-image: url("../img/loading.gif");
	background-repeat: no-repeat;
	display: block;
	margin: auto;
}

.carousel-prev {
	position: absolute;
	left: 0;
	top: 20px;
	color: #fff;
	padding: 5px;
	background: #000;
	filter: Alpha(opacity=70);
	opacity: 0.7;
}

.carousel-next {
	position: absolute;
	right: 0;
	top: 20px;
	color: #fff;
	padding: 5px;
	background: #000;
	filter: Alpha(opacity=70);
	opacity: 0.7;
}

.wrapper a:link {
	color: #2576a9;
	text-decoration: none;
	cursor: pointer;
}

.wrapper a:visited {
	color: #9b44b4;
}

.wrapper a:hover {
	background: #ffdc1f;
	color: #000000;
	text-decoration: none;
}

.wrapper a img:hover {
	-webkit-filter: brightness(108%);
}

/*===============================
ニュースヘッダー
===============================*/

#main-nav {
	position: relative;
	z-index: 1;
	margin: 0 -12px 0 -12px;
	background: #ffdc1f;
	box-shadow: 0px 1px 2px 0px #d9d9d9;
	-webkit-box-shadow: 0px 1px 2px 0px #d9d9d9;
	-moz-box-shadow: 0px 1px 2px 0px #d9d9d9;
}

#main-nav .head-discription {
	margin: 0 12px;
}

#main-nav div .logo-area {
	float: left;
}

#main-nav div .logo-area p {
	float: right;
	margin: 6px 0 0 10px;
}

#main-nav div .logo-area h1 {
	margin: 10px 20px 9px 20px;
	float: left;
}

#main-nav .head-discription span {
	margin: 10px 0 0 5px;
	display: inline-block;
	font-weight: bold;
	font-size: 15px;
}

#main-nav #center-tab ul li {
	display: inline;
/*	font-size: 0;*/
	margin-right: 1px;
}

/* サイドナビsnsエリア */

.right-navi .sns-area {
	background: url(../img/bg_white.png) 0 0 repeat;
	margin-bottom: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border: 3px solid #ffdc1f;
}

.right-navi .sns-area h1 {
	padding: 5px 3px 3px 3px;
	background: #ffdc1f;
	color: #000;
	font-size: 15px;
	text-align: center;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-khtml-border-top-left-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-khtml-border-top-right-radius: 3px;
}

.right-navi .social {
	margin: 0 auto;
	text-align: center;
	display: table;
}

.right-navi .social li {
	margin: 10px 0;
	float: left;
}

.right-navi .social li a {
	width: 55px;
	height: 35px;
	padding: 8px 0 10px 0;
	margin: 5px 7px 0 7px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	font-size: 0;
}

.right-navi .social li.twitter a {
	display: inline-block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background: #02afd4;
	border: 1px solid #04a7ca;
	border-bottom: 2px solid #04829d;
}

.right-navi .social li.twitter a:before {
	content: "";
	width: 28px;
	height: 30px;
	margin: 8px auto 0 auto;
	background: url(../img/sprite_nav_sns.png) 0 0 no-repeat;
	display: block;
}

.right-navi .social li.twitter a:hover {
	background: #04a7ca;
	text-decoration: none;
}

.right-navi .social li.facebook a {
	display: inline-block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background: #304a93;
	border: 1px solid #013a6a;
	border-bottom: 2px solid #032440;
}

.right-navi .social li.facebook a:before {
	content: "";
	width: 28px;
	height: 30px;
	margin: 8px auto 0 auto;
	background: url(../img/sprite_nav_sns.png) -38px 0 no-repeat;
	display: block;
}

.right-navi .social li.facebook a:hover {
	background: #013a6a;
}

.right-navi .social li.google a {
	display: inline-block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background: #e94f36;
	border: 1px solid #dc4b33;
	border-bottom: 2px solid #923222;
}

.right-navi .social li.google a:before {
	content: "";
	width: 30px;
	height: 30px;
	margin: 8px auto 0 auto;
	background: url(../img/sprite_nav_sns.png) -75px 0 no-repeat;
	display: block;
}

.right-navi .social li.google a:hover {
	background: #dc4b33;
}

.right-navi .social li.rss a {
	display: inline-block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background: #ffbb02;
	border: 1px solid #e2a501;
	border-bottom: 2px solid #e2a501;
}

.right-navi .social li.rss a:before {
	content: "";
	width: 28px;
	height: 30px;
	margin: 8px auto 0 auto;
	background: url(../img/sprite_nav_sns.png) -120px 0 no-repeat;
	display: block;
}

.right-navi .social li.rss a:hover {
	background: #f6b505;
	text-decoration: none;
}

/* メインナビ */

#main-nav #center-tab ul li a {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	padding: 12px 1.5% 7px 1.5%;
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

#main-nav #center-tab ul li a:hover {
	background-color: #000;
	color: #ffe71f;
	text-decoration: none;
	text-shadow: none;
}

/* メインナビ アクティブ時 */

#main-nav #center-tab ul li.active a {
	background-color: #000;
	color: #ffe71f;
}

.accordion_head {
	float: right;
	padding: 19px 20px 9px 20px;
	background: #f7e91c;
	cursor: pointer;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	position: absolute;
	right: 0;
	top: 0;
}

#main-nav .cat_nav ul {
	margin: 0 10px;
}

#main-nav .cat_nav ul li {
	float: left;
}

#main-nav .cat_nav a {
	padding: 6px 15px 10px 15px;
	display: inline-block;
	overflow: hidden;
	line-height: 2;
	font-size: 12px;
}

#main-nav .cat_nav li:first-child a {
	border-left: 1px solid #d9d4cb;
}

#main-nav .cat_nav a:hover {
	background: #d9d4cb;
}

/* パン屑 */

.topicpath {
	font-size: 12px
}

.wrapper .topicpath ol {
	margin: 15px 20px 0 20px;
}

.wrapper .topicpath ol li {
	display: inline;
}

.wrapper .topicpath ol li a {
	text-decoration: underline;
}

.wrapper .topicpath ol li a:hover {
	color: #000;
	text-decoration: none;
}

.wrapper .topicpath ol li:after {
	content:" > ";
}

.wrapper .topicpath ol li.not_path:after {
	content:"";
}

.wrapper .topicpath ol li.not_path a {
	text-decoration: none;
}

/*===============================
お知らせ枠
===============================*/

.container .box-notice {
    margin: 0 0 15px 0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 5px 10px 5px 10px;
    overflow: hidden;
}

.container .box-notice .capt-notice {
    float: left;
    font-weight: bold;
    padding: 0 0 0 12px;
    max-width: 200px;
    display: block;
}

.box-notice .capt-notice::before {
    content: "";
    background: url(/skin/frontend/img/notice.png) no-repeat center;
    width: 18px;
    height: 22px;
    position: absolute;
    left: 0;
    display: inline-block;
}

.container .box-notice .tx-notice-content {
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid #dfdfdf;
    float: left;
    max-width: 815px;
}

.container .box-notice .tx-notice-content a:hover {
    color: #000;
}

/*===============================
コンテンツ
===============================*/

.wrapper {
	margin: 0 -12px;
	padding: 30px 0;
	background: #f2ede2;
	position: relative;
}

.container {
	width: 1024px;
	margin: 0 auto;
	z-index: 100;
	position: relative;
}

.wrapper .cardinal {
	width: 714px;
	background: #ffffff;
	float: left;
}

.story.wrapper .cardinal article,
.wrapper .cardinal .main-area {
	padding: 20px 20px;
	line-height: 1.8;
	position: relative;
	list-style: none;
}

.story.wrapper .cardinal article .textarea {
	content: "";
	clear: both;
	display: block;
	font-size: 16px;
}

.story.wrapper .cardinal article .textarea ul,
.story.wrapper .cardinal article .textarea ol {
	display: table;
}

.story.wrapper .cardinal article .textarea ul li {
	margin-left: 20px;
	list-style-type: disc;
	font-size: 15px;
}

.story.wrapper .cardinal article .textarea ol li {
	margin-left: 20px;
	list-style-type: decimal;
	font-size: 15px;
}

.story.wrapper .cardinal article .textarea p em {
	font-style: italic;
}

/* 記事タイトル */

.wrapper .cardinal h1 {
	font-size: 28px;
	line-height: 1.4;
	position: relative;
}
.wrapper .cardinal h1 span.small {
    font-size: 13px;
}

.wrapper .sub_title {
	font-size: 16px;
	font-weight: bold;
}

.wrapper.story .cardinal .sub_title a:hover {
	color: #000;
}

.wrapper .cardinal article .title h1 {
	margin: 10px 0 10px;
}

.wrapper .cardinal article .title.vendor-title h1 {
	margin: 10px 125px 10px 0;
}

.wrapper .cardinal article .title h1:after {
	content: "";
	width: 40px;
	height: 54px;
	margin: -10px 0 0 0;
	background: url(../img/sprite_back.png) -75px 0 no-repeat;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.wrapper .cardinal article h1 span {
	margin: 10px 0 0 0;
	top: 5px;
	position: relative;
	z-index: 1;
}

.wrapper .cardinal article .title {
	margin: 10px 0;
	position: relative;
}

.wrapper.error .cardinal article .title img {
	border: none;
}

.wrapper .cardinal article .outside-logo {
	width: 100px;
	margin: 0 0 15px 15px;
	float: right;
}

.wrapper.story .cardinal article .outside-logo img {
	max-width: 100px;
	height: auto;
	border: 0;
}

.wrapper .cardinal article .outside-logo a:hover {
	background: none;
}

.wrapper .cardinal .publish-date {
	display: block;
	padding: 5px 0;
	font-size: 15px;
	font-weight: normal;
	color: #9d9d9d;
}

/* 記事下snsボタン */

article .sns_top {
	margin: 5px 0 10px 0;
}

article .sns_top li {
	width: 100px;
	float: left;
	font-size: 0;
}

article .sns_top iframe {
	margin: 0 !important;
}

/* 画像 */

.wrapper .cardinal article .fig-article {
	width: 674px;
	position: relative;
	display: inline-block;
}

.wrapper .cardinal article .fig-article img {
	max-width: 666px;
	height: auto;
	margin: 0 auto;
	display: block;
	border: 4px solid #eae9ea;
}

.wrapper .cardinal article figcaption {
	margin: 10px 0 0 0;
	color: #9d9d9d;
	text-align: center;
	font-size: 15px;
/*	font-weight: bold;*/
	right: 0;
	bottom: 0;
	line-height: 1.5;
}

.wrapper .cardinal article .fig-article figcaption {
	margin: 10px 10px 20px 10px;
}

/* コンテンツ内テキスト・画像 */

.wrapper .cardinal article p {
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 1.75;
	word-break: break-all;
	word-wrap: break-word;
}

/* h2 */

.wrapper.story .cardinal article h2 {
	font-size: 18px;
	border-bottom: 4px solid #ffdc1f;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	position: relative;
	line-height: 1.4;
}

/* h3 */

.wrapper.story .cardinal article h3 {
	margin: 0 0 20px 0;
	font-size: 16px;
	border-left: 7px solid #ffdc1f;
	padding: 0 0 0 10px;
	line-height: 1.4;
}

/* 記事全文を読むボタン */

.wrapper.story .cardinal article .detail {
	margin: 10px 0 20px 0;
	padding: 12px 40px 10px 40px;
	float: right;
	display: table;
	position: relative;
	border: 1px solid #ecc231;
	border-radius: 3px;
	line-height: 1.2;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: none;
	transition: none;
	font-weight: bold;
	border-bottom: 2px solid #ecc231;
	color: #000;
	background: #ffd957;
}

.wrapper.story .cardinal article .detail:hover {
	background-color: #ecc231;
	border: 1px solid #e2b826;
	border-bottom: 2px solid #e2b826;
}

/* サマリー */

.wrapper .cardinal .summary h1 {
	margin: 0 0 10px 0;
	bottom: 10px;
	display: inline;
}

.wrapper .cardinal .summary h1 span {
	margin: 0;
}

.wrapper .cardinal .summary h1:after {
	content: "";
	width: 40px;
	height: 54px;
	margin: -10px 0 0 0;
	background: url(../img/sprite_back.png) -75px 0 no-repeat;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.wrapper .cardinal .summary figcaption {
	max-width: 250px;
}

.wrapper .cardinal .summary .float-left {
	max-width: 258px;
}

/* サマリー画像 */

.wrapper.story .cardinal article .float-left img,
.wrapper.story .cardinal article .float-right img {
	max-width: 250px;
}

/* blockquote */

.wrapper.story .cardinal blockquote {
	font-size: 16px;
	background: #eae9eb;
	padding: 45px 30px;
	position: relative;
}

.wrapper.story .cardinal blockquote:before {
	content: "“";
	font-size: 600%;
	line-height: 1em;
	color: #9d9d9d;
	position: absolute;
	left: 0;
	top: 0;
}

.wrapper.story .cardinal blockquote:after {
	content: "”";
	font-size: 600%;
	line-height: 0em;
	color: #9d9d9d;
	position: absolute;
	right: 0;
	bottom: 0;
}

/* cite */

.wrapper.story .cardinal cite {
	font-size: 15px;
	color: #9d9d9d;
}

.wrapper.story .cardinal article p a:hover {
	color: #000000;
}

/* 画像回り込み */

.wrapper.story .cardinal article img {
	max-width: 666px;
	height: auto;
	margin: 0 auto;
	display: block;
	border: 4px solid #eae9ea;
}

.wrapper.story .cardinal article .box {
	margin-bottom: 40px;
}

.wrapper.story .cardinal article .box img {
	border: 4px solid #eae9ea;
}

.wrapper.story .cardinal article .box.float-left span {
	float: left;
	margin: 0 15px 5px 0;
}

.wrapper.story .cardinal article .box.float-right span {
	float: right;
	margin: 0 0 0 15px;
}

/* 連載情報 */

.wrapper.story .cardinal article .writer {
	background: #f2f1f1;
	margin: 0 0 15px 0;
}

.wrapper.story .cardinal article .writer img {
	width: 120px;
	height: 120px;
	float: left;
	margin: 0 15px 0 0;
}

.wrapper.story .cardinal article .writer h1 {
	position: relative;
	background: #000000;
	color: #fff;
	padding: 10px 5px 10px 5px;
	font-size: 15px;
}

.wrapper.story .cardinal article .writer h1:before {
	content: "";
	width: 15px;
	height: 18px;
	background: url(../img/sprite_icon.png) -28px -43px no-repeat;
	display: inline-block;
	margin: 0 10px 0 5px;
	float: left;
}

.wrapper.story .cardinal article .writer .box-wrap {
	padding: 15px 15px;
}

/*.wrapper.story .cardinal article .writer .figtext {
	display: table;
}*/

.wrapper.story .cardinal article .writer p,
.wrapper.story .cardinal article .writer_list p {
	font-size: 14px;
	line-height: 1.6;
}

.wrapper.story .cardinal article .writer .writer-title {
	font-weight: bold;
	margin: 0 0 5px 0;
}

.wrapper.story .cardinal article .writer_list .writer-title {
	font-weight: bold;
	margin: 20px 0 0 0;
}

.wrapper.story .cardinal article .writer .writer-name,
.wrapper.story .cardinal article .writer_list .writer-name {
	margin: 5px 0;
	font-size: 22px;
	font-weight: bold;
}

.wrapper.story .cardinal article .writer_list .writer-name {
	margin: 0 0 10px 0;
	font-size: 22px;
	font-weight: bold;
}

.wrapper.story .cardinal article .writer h2 {
	margin: 0 0 5px 0;
	font-size: 14px;
	border-bottom: none;
	position: relative;
	display: block;
}

.wrapper.story .cardinal article .writer h2:before,
.wrapper.story .cardinal article .writer h2:after {
	content: "";
	border: none;
	bottom: 0;
	position: relative;
	left: 0;
}

.wrapper.story .cardinal article .writer ol li {
	list-style-type: none;
	margin-left: 0;
}

.wrapper.story .cardinal article .writer .publish-date {
	margin: 0 5px 0 0;
	padding: 0 0;
	display: inline-block;
	font-size: 15px;
	font-weight: normal;
	color: #9d9d9d;
	float: none;
}

/* 著者情報2 */

.wrapper.story .cardinal article dl.profile {
	border: 3px solid #000;
}

.wrapper.story .cardinal article dl.profile dt {
	position: relative;
	padding: 7px 10px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background: #000;
}

.wrapper.story .cardinal article dl.profile dd {
	margin: 15px 15px;
	font-size: 14px;
	line-height: 1.6;
}

.wrapper.story .cardinal article dl.profile dd a:hover {
	color: #000;
}

/* 関連タグ */

.wrapper .cardinal aside .tag {
	margin: 20px 0 0 0;
}

.wrapper .cardinal aside .tag span {
	margin: 0 0 10px 0;
	font-weight: bold;
	display: inline-block;
	font-size: 16px;
	border-left: 7px solid #ffdc1f;
	padding: 0 0 0 10px;
	line-height: 1.4;
}

/* 関連リンク */

.wrapper .cardinal article section {
	margin-bottom: 20px;
}

.wrapper .cardinal section h1 {
	margin-bottom: 20px;
	padding: 5px 5px 4px 5px;
	font-size: 15px;
	color: #ffffff;
	background: #000000;
	border-bottom: 4px solid #ffdc1f;
}

.wrapper .cardinal article section.link {
	margin: 30px 0 20px 0;
}

.wrapper .cardinal article section.link h1 {
	background: none;
	padding: 0;
	color: #000;
	border-bottom: 0;
	margin: 0 0 15px 0;
	font-weight: bold;
	font-size: 16px;
	border-left: 7px solid #ffdc1f;
	padding: 0 0 0 10px;
	line-height: 1.4;
}

.wrapper .cardinal article section ul.arrow li,
.wrapper.story .cardinal article .writer ol li {
	padding-left: 20px;
	background: url(../img/arrow_black.png) 0 6px no-repeat;
}

.wrapper .cardinal article section ul.arrow li a,
.wrapper.story .cardinal article .writer ol li a {
	margin-bottom: 10px;
	line-height: 1.6;
	display: inline-block;
	font-size: 16px;
}

.wrapper .cardinal article section ul.arrow li a:hover,
.wrapper.story .cardinal article .writer ol li a:hover {
	text-decoration: none;
	color: #000000;
}

.wrapper .cardinal article .link ul li.media_list {
	background: none;
	float: right;
}

/* sns */

.wrapper .cardinal article .social ul {
	background: #eae9eb;
	margin: 0 auto;
	text-align: center;
}

.wrapper .cardinal article .social ul li {
	display: inline-block;
	margin: 20px auto 12px auto;
}

.wrapper .cardinal article .social ul li a {
	margin: 5px;
	margin: 0 5px;
	padding: 13px 20px 10px 20px;
	display: inline-block;
	position: relative;
	border: 1px solid #e0dfdf;
	border-radius: 3px;
	line-height: 5px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: none;
	transition: none;
	border-bottom: 2px solid #ddddde;
}

.wrapper .cardinal article .social ul li.twitter a {
	height: 16px;
	background: #02afd4;
	border: 1px solid #04a7ca;
	border-bottom: 2px solid #04829d;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
}

.wrapper .cardinal article .social ul li.twitter a:before {
	content: "";
	width: 82px;
	height: 35px;
	margin: 0 auto;
	background: url(../img/sprite_sns.png) 0 0 no-repeat;
	display: block;
}

.wrapper .cardinal article .social ul li.twitter a:hover {
	background: #04a7ca;
	border-top: 1px solid #0299b9;
}

.wrapper .cardinal article .social ul li.facebook a {
	height: 16px;
	background: #304a93;
	border: 1px solid #013a6a;
	border-bottom: 2px solid #032440;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
}

.wrapper .cardinal article .social ul li.facebook a:before {
	content: "";
	width: 100px;
	height: 35px;
	margin: 0 auto;
	background: url(../img/sprite_sns.png) -95px 0 no-repeat;
	display: block;
}

.wrapper .cardinal article .social ul li.facebook a:hover {
	background: #013a6a;
	border-top: 1px solid #013460;
}

.wrapper .cardinal article .social ul li.hatebu a {
	height: 16px;
	background: #159be8;
	border: 1px solid #1492db;
	border-bottom: 2px solid #0d6ba1;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
}

.wrapper .cardinal article .social ul li.hatebu a:before {
	content: "";
	width: 145px;
	height: 35px;
	margin: 0 auto;
	background: url(../img/sprite_sns.png) -210px 0 no-repeat;
	display: block;
}

.wrapper .cardinal article .social ul li.hatebu a:hover {
	background: #1492db;
	border-top: 1px solid #128ad0;
}

.wrapper .cardinal article .social ul li.google a {
	height: 16px;
	background: #e94f36;
	border: 1px solid #dc4b33;
	border-bottom: 2px solid #923222;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
}

.wrapper .cardinal article .social ul li.google a:before {
	content: "";
	width: 78px;
	height: 35px;
	margin: 0 auto;
	background: url(../img/sprite_sns.png) -370px 0 no-repeat;
	display: block;
}

.wrapper .cardinal article .social ul li.google a:hover {
	background: #dc4b33;
	border-top: 1px solid #ce4630;
}

.wrapper .cardinal article .social li span.counter {
	display: none;
}

/* 広告 */

.wrapper .cardinal article .advertise {
	width: 468px;
	margin: 0 auto 20px auto;
}

.wrapper .cardinal article .advertise a {
	text-align: center;
	margin: 0 auto;
}

.wrapper .cardinal article .advertise img {
	text-align: center;
	margin: 0 auto;
	border: 0;
}

/* twitterコメント */

.wrapper .cardinal article section.coments h1:before {
	content: "";
	width: 15px;
	height: 18px;
	background: url(../img/sprite_icon.png) -75px -26px no-repeat;
	display: inline-block;
	margin: 0 8px 0 5px;
	float: left;
}

iframe.twitter-timeline {
	width: 673px;
	height: 500px;
	min-width: 673px !important;
	min-height: 500px !important;
}

/* 最新情報 */

.wrapper .cardinal article section.new h1:before {
	content: "";
	width: 25px;
	height: 18px;
	background: url(../img/sprite_icon.png) -90px -26px no-repeat;
	display: inline-block;
	margin: 0 8px 0 5px;
	float: left;
}

/*===============================
右ナビ
===============================*/

aside.right-navi {
	width: 300px;
	float: right;
}

aside.right-navi div,
aside.right-navi section {
	margin: 0 auto;
}

aside.right-navi h1 {
	font-size: 13px;
	padding: 3px 3px 3px 15px;
	background-color: #000000;
	color: #ffffff;
}

/* レクタングル */

aside.right-navi .rectangle {
    max-height: 250px;
	margin-bottom: 7px;
}

/* 注目ワード,関連タグ */

aside.right-navi .tag {
	background: url(../img/bg_pink.png) 0 0 repeat;
	margin-bottom: 7px;
}

aside.right-navi .tag h1 {
	background-color: #c00;
	color: #ffffff;
}

aside.right-navi .tag h1:before {
	content: "";
	width: 15px;
	height: 18px;
	background: url(../img/sprite_icon.png) 0 -26px no-repeat;
	display: inline-block;
	margin: 0 8px 0 0;
	float: left;
}

aside.right-navi .tag div {
	padding: 5px 10px;
}

.wrapper .tag a {
	margin: 5px;
	padding: 10px 10px 8px 10px;
	display: inline-block;
	position: relative;
	border: 1px solid #e0dfdf;
	border-radius: 3px;
	line-height: 1.2;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: none;
	transition: none;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 2px solid #ddddde;
	color: #000000;
}

.wrapper .tag a,
.wrapper .tag a:hover {
	text-decoration: none;
	background-color: #f5f3f3;
}

.wrapper .tag a:hover {
	background-color: #ffdc1f;
	border: 1px solid #e9c91b;
	border-bottom: 2px solid #e9c91b;
}

.wrapper .tag.relate {
	margin: 0 0 20px 0;
}

.wrapper .tag.relate a {
	margin : 0 10px 10px 0;
	padding: 8px 5px 5px 5px;
	font-size: 12px;
}

/* 人気ランキング */

aside.right-navi .ranking {
	background: url(../img/bg_white.png) 0 0 repeat;
	margin-bottom: 7px;
}

aside.right-navi .ranking h1:before {
	content: "";
	width: 15px;
	height: 18px;
	background: url(../img/sprite_icon.png) -15px -26px no-repeat;
	display: inline-block;
	margin: 0 8px 0 0;
	float: left;
}

aside.right-navi .ranking ol li {
	border-top: 1px solid #dfdfdf;
	position: relative;
}

aside.right-navi .ranking ol li:first-child {
	border-top: none;
}

aside.right-navi .ranking span a {
	margin: 5px 15px;
	text-align: right;
	float: right;
	color: #2576a9;
	font-weight: bold;
}

aside.right-navi .ranking a:hover {
	background: #ffdc1f;
	color: #000000;
}

aside.right-navi .ranking span a:before {
	content: "";
	width: 10px;
	height: 20px;
	background: url(../img/sprite_icon.png) -65px -1px no-repeat;
	display: inline-block;
	margin: 5px 10px 0 5px;
	float: left;
}

aside.right-navi .ranking ol li a span {
	display: table-cell;
}

aside.right-navi .ranking ol li a span:first-child {
	width: 24px;
	font-size: 21px;
	position: relative;
	color: #000000;
	z-index: 1;
	text-decoration: none;
	text-shadow: 0px -1px #fff,
	1px 0px #fff,
	0px 1px #fff,
	-1px 1px #fff;
	letter-spacing: -0.1em;
	white-space: nowrap;
	font-family: Arial;
	font-style: italic;
	top: 2px;
}

aside.right-navi .ranking a:hover {
	background: #ffdc1f;
	color: #000000;
	text-decoration: none;
}

aside.right-navi .ranking ol li a {
	padding: 5px 15px;
	position: relative;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	display: block;
}

aside.right-navi .ranking ol li a:before {
	content: "";
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: url(../img/sprite_back.png) 0 -25px no-repeat;
	position: absolute;
	top: 5px;
	left: 9px;
	z-index: 0;
}

aside.right-navi .ranking ol li:first-child a span:first-child,
aside.right-navi .ranking ol li:first-child + li a span:first-child,
aside.right-navi .ranking ol li:first-child + li + li a span:first-child {
	color: #C00;
}

aside.right-navi .ranking ol li:first-child a:before {
	content: "";
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: url(../img/sprite_back.png) 0 0 no-repeat;
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 9px;
	z-index: 0;
}

aside.right-navi .ranking ol li:first-child + li a:before {
	content: "";
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: url(../img/sprite_back.png) -25px 0 no-repeat;
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 9px;
	z-index: 0;
}

aside.right-navi .ranking ol li:first-child + li + li a:before {
	content: "";
	width: 25px;
	height: 25px;
	line-height: 25px;
	background: url(../img/sprite_back.png) -50px 0 no-repeat;
	display: inline-block;
	position: absolute;
	top: 5px;
	left: 9px;
	z-index: 0;
}

aside.right-navi .ranking ol li a span:first-child.spacing {
	left: -5px;
}

/* ギャラリー特集 */

aside.right-navi .feature {
	background: url(../img/bg_white.png) 0 0 repeat;
	margin-bottom: 1px;
}

aside.right-navi .feature a {
	display: inline-block;
	position: relative;
}

aside.right-navi .feature a:hover {
	background: none;
}

aside.right-navi .feature h1:before {
	content: "";
	width: 15px;
	height: 18px;
	background: url(../img/sprite_icon.png) -30px -26px no-repeat;
	display: inline-block;
	margin: 0 5px 0 0;
	float: left;
}

aside.right-navi .feature ul {
	padding: 8px 13px;
}

aside.right-navi .feature ul li {
	display: inline-block;
	margin: 2px 2px ;
}

aside.right-navi .feature img {
	width: 82px;
	height: 82px;
}

aside.right-navi .feature a:hover:after {
	content:"";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/bg_after.png) 0 0 repeat;
}

/* おすすめ記事へ */

aside.right-navi .recommend {
	background: url(../img/bg_white.png) 0 0 repeat;
	margin-bottom: 7px;
}

aside.right-navi .recommend h1:before {
	content: "";
	width: 15px;
	height: 18px;
	background: url(../img/sprite_icon.png) -45px -26px no-repeat;
	display: inline-block;
	margin: 0 8px 0 0;
	float: left;
}

aside.right-navi .recommend ul li {
	border-top: 1px solid #dfdfdf;
	position: relative;
}

aside.right-navi .recommend ul li:first-child {
	border-top: none;
}

aside.right-navi .recommend a {
	padding: 5px 13px;
	position: relative;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	display: block;
        font-size:92%;
}

aside.right-navi .recommend a:hover {
	background: #ffdc1f;
	color: #000000;
	text-decoration: none;
}

/* ecランキング */

aside.right-navi .ec-ranking {
	background: url(../img/bg_white.png) 0 0 repeat;
}

aside.right-navi .ec-ranking img {
	float: left;
	margin: 0 5px 0 0;
}

aside.right-navi .ec-ranking figure {
	padding: 10px 15px;
	display: inline-block;
}

#page-top {
	position: fixed;
	bottom: 10px;
	right: 40px;
	z-index: 200;
}

#page-top a {
	padding: 30px 0;
	display: block;
}

#page-top a:hover {
	text-decoration: none;
	background: none;
}

/*===============================
topページ
===============================*/

.wrapper .cardinal .main-area section {
	margin-bottom: 0;
}

/* 注目記事 */

.wrapper .cardinal .main-area>span {
	position: absolute;
	z-index: 10;
	right: 10px;
}

.wrapper .cardinal .main-area .content {
	margin-bottom: 5px;
	display: block;
	position: relative;
}

.wrapper .cardinal .main-area .new-article h1 {
	padding: 0;
	margin-bottom: 5px;
	color: #000;
	background: none;
	border-bottom: 0;
}

.content .new-article-inner {
	display: none;
	position: relative;
}
.content .new-article-inner:first-child {
    display: inline-block;
} 


.wrapper .cardinal .main-area .content .new-article-text {
	width: 395px;
	overflow: hidden;
	float: right;
        min-height: 388px;
}

.content .new-article-inner figure {
	width: 275px;
	height: 275px;
	line-height: 275px;
	display: block;
	display: table-cell;
	display /*\**/: inline-block\9;
	vertical-align: middle;
	margin: auto;
	text-align: center;
	text-decoration: none;
	zoom: 1;
/*	background: #000;*/
}

.content .new-article-inner a {
	float: left;
}

.content .new-article-inner>a {
	width: 274px;
	display: block;
	background: #eceaea;
}


.wrapper .cardinal .main-area .new-article-text ul {
	width: 385px;
	margin: 0 0 0 15px;
/*	 float: right;*/
}

.wrapper .cardinal .main-area .content ul li {
	font-weight: bold;
}

.wrapper .cardinal .main-area .content figcaption:before {
	content: "";
	width: 40px;
	height: 54px;
	background: url(../img/sprite_back.png) -75px 0 no-repeat;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.wrapper .new-article-text ul li a {
	width: 385px;
/*	border-bottom: 1px solid #ddd;*/
	margin: 5px 0;
}

.wrapper .new-article-text ul li a:before {
	content: "";
	width: 20px;
	height: 20px;
	background: url(../img/sprite_icon.png) -87px -4px no-repeat;
	display: inline-block;
	margin: 0 5px 0 0;
	float: left;
}

.wrapper .cardinal .main-area .new-article ul li a:hover {
	color: #000000;
}

.wrapper .cardinal .main-area .category-article ul li.new-tag a:after,
.wrapper .cardinal .main-area .new-article ul li.new-tag a:after,
.wrapper .cardinal .main-area .new-article figcaption.new-tag:after {
	content: "";
	width: 20px;
	height: 14px;
	background: url(../img/new_icon.gif) 0 0 no-repeat;
	display: inline-block;
	margin: 0 0 0 5px;
}

.content .new-article-inner figure img {
	max-width: 260px;
	max-height: 260px;
	line-height: 260px;
	vertical-align: middle;
	zoom: 1;
}

.content .new-article-inner figcaption {
	height: 65px;
	bottom: 8px;
	overflow: hidden;
	color: #000;
	font-size: 22px;
	padding: 5px 10px 0 10px;
	position: relative;
	font-weight: bold;
	line-height: 1.4;
	margin: 5px 0 0 5px;
}

.content .new-article-inner figcaption span {
	position: relative;
	z-index: 1;
}

.content .new-article-inner figcaption span:hover {
	color: #000000;
	background: #ffdc1f;
}

.wrapper .new-article-text ul .catlist {
	position: relative;
	text-decoration: none;
	display: block;

}

.wrapper .new-article-text ul .catlist a {
	width: auto;
	float: right;
}

.wrapper .new-article-text ul .catlist span {
	background: url(../img/arrow_black.png) 0 0 no-repeat;
	padding-left: 15px;
}

.wrapper .new-article-text ul .catlist a:before {
	width: 0;
	height: 0;
	margin: 0;
	float: none;
	background: none;
}

/* 注目記事 */

.wrapper .cardinal .main-area>span {
	position: absolute;
	z-index: 10;
	right: 10px;
}

.wrapper .cardinal .main-area .new-article {
	margin-bottom: 30px;
	display: block;
	position: relative;
}

.wrapper .cardinal .main-area .new-article h1 {
	padding: 0;
	margin-bottom: 5px;
	color: #000;
	background: none;
	border-bottom: 0;
}

.wrapper .cardinal .main-area .new-article .new-article-inner {
	display: inline-block;
	position: relative;
}

.wrapper .cardinal .main-area .new-article .new-article-text {
	width: 400px;
	overflow: hidden;
	float: right;
}

.wrapper .cardinal .main-area .new-article figure {
	width: 275px;
	height: 275px;
	line-height: 275px;
	display: block;
	display: table-cell;
	display /*\**/: inline-block\9;
	vertical-align: middle;
	margin: auto;
	text-align: center;
	text-decoration: none;
	zoom: 1;
/*	background: #000;*/
}

.wrapper .cardinal .main-area .new-article a {
	float: left;
}

.wrapper .cardinal .main-area .new-article-inner>a {
	width: 272px;
	display: block;
	background: #f9f8f4;
	border: 1px solid #efefef;
}

.wrapper .cardinal .main-area .new-article ul {
	width: 395px;
	margin: 0 0 0 15px;
}

.wrapper .cardinal .main-area .new-article ul li {
	font-weight: bold;
}

.wrapper .cardinal .main-area .new-article figcaption:before {
	content: "";
	width: 40px;
	height: 54px;
	background: url(../img/sprite_back.png) -75px 0 no-repeat;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.wrapper .cardinal .main-area .new-article ul li a {
	width: 395px;
	border-bottom: 1px solid #ddd;
	padding: 4px 0;
}

.wrapper .cardinal .main-area .new-article ul li a:before {
	content: "";
	width: 20px;
	height: 20px;
	background: url(../img/sprite_icon.png) -87px -4px no-repeat;
	display: inline-block;
	margin: 0 5px 0 0;
	float: left;
}

.wrapper .cardinal .main-area .new-article ul li a:hover {
	color: #000000;
}

.wrapper .cardinal .main-area .category-article ul li.new-tag a:after,
.wrapper .cardinal .main-area .new-article ul li.new-tag a:after,
.wrapper .cardinal .main-area .new-article figcaption.new-tag:after {
	content: "";
	width: 20px;
	height: 14px;
	background: url(../img/new_icon.gif) 0 0 no-repeat;
	display: inline-block;
	margin: 0 0 0 5px;
}

.wrapper .cardinal .main-area .new-article figure img {
	max-width: 260px;
	max-height: 260px;
	line-height: 260px;
	vertical-align: middle;
	zoom: 1;
}

.wrapper .cardinal .main-area .new-article figcaption {
	height: 65px;
	bottom: 8px;
	overflow: hidden;
	color: #000;
	font-size: 22px;
	padding: 10px 10px 0 10px;
	position: relative;
	font-weight: bold;
	line-height: 1.4;
	margin: 5px 0 0 5px;
}

.wrapper .cardinal .main-area .new-article figcaption span {
	position: relative;
	z-index: 1;
	text-shadow: 0px -1px #fff, 1px 0px #fff, 0px 1px #fff, -1px 1px #fff;
}

.wrapper .cardinal .main-area .new-article figcaption span:hover {
	color: #000000;
	background: #ffdc1f;
}

/* 連載一覧 */

.wrapper .cardinal .main-area .article-list section {
	margin-bottom: 0;
	border-bottom: 1px solid #efefef;
}

.wrapper .cardinal .main-area .article-list section:last-child {
	border-bottom: 0;
}

.wrapper .cardinal .main-area .serial-article div.box {
	border-top: 1px solid #efefef;
}

.wrapper .cardinal .main-area .serial-article span {
	margin: 5px 0 30px 0;
	font-weight: bold;
}

.wrapper .cardinal .main-area .serial-article div.none,
.wrapper .cardinal .main-area .article-list section.none {
	border-top: none;
}

.wrapper .cardinal .main-area .serial-article div a,
.wrapper .cardinal .main-area .article-list section {
	padding: 10px 0;
	display: block;
	overflow: hidden;
}

.wrapper .cardinal .main-area .serial-article span a:before {
	content: "";
	width: 10px;
	height: 20px;
	background: url(../img/sprite_icon.png) -76px -2px no-repeat;
	display: inline-block;
	margin: 0 10px 0 5px;
	float: left;
}

.wrapper .cardinal .main-area .serial-article span a:hover {
	color: #000000;
}

/*.wrapper .cardinal .main-area .serial-article div a:hover,
.wrapper .cardinal .main-area .article-list section a:hover {
	background: #fffdde;
}*/

.wrapper .cardinal .main-area .serial-article h1 {
	margin-bottom: 10px;
}

.wrapper .cardinal .main-area .serial-article h1 span {
	margin-right: 5px;
}

.wrapper .cardinal .main-area .serial-article h1 span a {
	color: #ffffff;
}

.wrapper .cardinal .main-area .serial h1:before {
	content: "";
	width: 13px;
	height: 18px;
	background: url(../img/sprite_icon.png) 0px -43px no-repeat;
	display: inline-block;
	margin: 0 8px 0 5px;
	float: left;
}

.wrapper .cardinal .main-area .serial-article .figtext,
.wrapper .cardinal .article-list section .figtext {
	width: 531px;
	display: inline-block;
	color: #000000;
}

.wrapper .cardinal .main-area .serial-article img {
	max-width: 120px;
	max-height: 120px;
	vertical-align: middle;
	zoom: 1;
	line-height: 120px;
}

.wrapper .cardinal .main-area .serial-article div.box span {
	width: 120px;
	height: 120px;
	line-height: 120px;
	display: block;
	display: table-cell;
	display /*\**/: inline-block\9;
	vertical-align: middle;
	margin: auto;
	text-align: center;
	text-decoration: none;
	zoom: 1;
	background: #dddbdd;
	border: 4px solid #eae9ea;
	float: left;
	margin: 0 15px 0 0;
}

.wrapper .cardinal .main-area .serial-article h2,
.wrapper .cardinal .main-area .article-list section h2 {
	font-size: 22px;
	line-height: 1.4;
	color: #2576a9;
}

.wrapper .cardinal .main-area .serial-article a:link h2,
.wrapper .cardinal .main-area .article-list section a:link h2 {
	color: #2576a9;
}

.wrapper .cardinal .main-area .serial-article div a:visited h2,
.wrapper .cardinal .main-area .article-list section a:visited h2 {
	color: #9b44b4;
}

.wrapper .cardinal .main-area .serial-article div a:hover h2,
.wrapper .cardinal .main-area .article-list section a:hover h2 {
	display: inline;
	color: #000000;
	background: #ffdc1f;
}

.arrow_only {
	background: url(../img/arrow_black.png) 0 6px no-repeat;
	padding-left: 20px;
	display: inline-block;
	font-weight: bold;
	color: #2576a9;
}

.arrow_only:visited {
	color: #9b44b4;
}

.article-list a .float {
	float: left;
	margin: 0 15px 0 0;
}

.article-list a .float>span {
	width: 100px;
	 height: 100px;
	line-height: 100px;
	display: block;
	display: table-cell;
	display /*\**/: inline-block\9;
	vertical-align: middle;
	margin: auto;
	text-align: center;
	text-decoration: none;
	zoom: 1;
	background: #eae9ea;
	border: 4px solid #eae9ea;
}

.wrapper .cardinal .article-list section img {
	max-width: 100px;
	max-height: 100px;
	vertical-align: middle;
	zoom: 1;
	line-height: 100px;
}

.wrapper .article-list .tag a {
	margin: 3px;
	padding: 5px 5px 4px 5px;
	border: none;
	color: #2576a9;
	font-size: 11px;
}

.wrapper .article-list .tag a:hover {
	text-decoration: none;
	background: #ffdc1f;
	color: #000;
	border: none;
}

/* カテゴリ最新 */

.wrapper .cardinal .main-area .category-article h1 {
	margin-bottom: 20px;
	padding: 6px 5px 5px 5px;
	font-size: 15px;
	color: #ffffff;
	background: #000000;
	border-bottom: 4px solid #ffdc1f;
}

.wrapper .cardinal .main-area .category-article h1:before {
	content: "";
	width: 25px;
	height: 18px;
	background: url(../img/sprite_icon.png) -90px -26px no-repeat;
	display: inline-block;
	margin: 0 8px 0 5px;
	float: left;
}

.wrapper .cardinal .main-area .category-article h2 {
    font-size: 16px;
    margin: 0 0 10px 0;
    border-bottom: 4px solid #ffdc1f;
}

.wrapper .cardinal .main-area .category-article h2:before {
	content: "";
	width: 20px;
	height: 18px;
	background: url(../img/sprite_icon.png) -87px -5px no-repeat;
	display: inline-block;
	margin: 5px 5px 15px 5px;
	float: left;
}

.wrapper .cardinal .main-area .category-article span,
.wrapper .cardinal .main-area .serial-article span,
.wrapper .cardinal .main-area .article-list .right {
	float: right;
	font-size: 14px;
}

.wrapper .cardinal .main-area .category-article span a:before,
.wrapper .cardinal .main-area .serial-article span a:before {
	content: "";
	width: 10px;
	height: 20px;
	background: url(../img/sprite_icon.png) -65px 2px no-repeat;
	display: inline-block;
	margin: 0 10px 0 5px;
	float: left;
}

.wrapper .cardinal .main-area .category-article span {
	margin:5px 0 0 0;
	display: block;
	background: #ffffff;
	font-weight: bold;
}

.wrapper .cardinal .main-area .category-article span a:hover {
	color: #000000;
}

.wrapper .cardinal .main-area .category-article>ul>li {
	width: 326px;
	display: inline-block;
	float: left;
}

.wrapper .cardinal .main-area .category-article>ul>li>ul>li {
	border-bottom: 1px solid #dfdfdf;
}

.wrapper .cardinal .main-area .category-article>ul>li>ul>li:nth-child(2n) {
	background: #fafafa;
}

.wrapper .cardinal .main-area .category-article>ul>li>ul>li a {
	height: 50px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 5px;
	display: block;
}

.wrapper .cardinal .main-area .category-article>ul>li>ul>li a:hover {
	color: #000000;
}

.wrapper .cardinal .main-area .category-article>ul>li>ul>li img {
	width: 16px;
	height: 16px;
	margin: 8px 5px 0 5px;
	float: left;
}

/*===============================
リストページ
===============================*/

.wrapper .cardinal .article-list h1.title_list {
	margin-bottom: 10px;
	padding: 0 5px 5px 0;
	font-size: 16px;
	color: #000;
	background: #fff;
	border: none;
}

.wrapper .cardinal .article-list section h1 {
	font-size: 26px;
	background: none;
	color: #000000;
	margin-bottom: 10px;
}

/* ・・・続く */

.wrapper .to {
	color: #2576a9;
}

/* ページネーション */

.wrapper .pagination {
	padding: 40px 0 20px 0;
	text-align: center;
}

.wrapper .pagination .prev,
.wrapper .pagination .next {
	display: inline-block;
}

.wrapper .pagination .prev a:before {
	content: " < ";
}

.wrapper .pagination .next a:after {
	content: " > ";
}

.wrapper .pagination ol {
	display: inline-block;
}

.wrapper .pagination ol li {
	display: inline-block;
}

.wrapper .pagination a {
	padding: 10px 15px;
	margin: 0 2px;
	background-color: #000000;
	text-decoration: none; /* no underline */
	color: #fff;
}

.wrapper .pagination a:hover, div.pagination a:active {
	padding: 10px 15px;
	margin: 0 2px;
	background-color: #ffdc1f;
	color: #000000;
}

.wrapper .pagination span.current {
	padding: 10px 15px;
	margin: 0 2px;
	background-color: #ffdc1f;
}

.wrapper .pagination p.disabled {
	display:none;
}

/*===============================
aboutページ
===============================*/

.wrapper .cardinal article p.about {
	margin: 30px 0;
}

.wrapper .cardinal article section.writer_list h1:before {
	content: "";
	width: 15px;
	height: 18px;
	background: url(../img/sprite_icon.png) -28px -42px no-repeat;
	display: inline-block;
	margin: 0 10px 0 5px;
	float: left;
}

.wrapper .cardinal article section.writer_list ul {
	padding-left: 20px;
}

.wrapper .cardinal article section.writer_list ul li {
	background: none;
	list-style-type: disc;
	padding: 0;
}

/*===============================
404ページ
===============================*/

.wrapper.error .cardinal {
	width: 1024px;
	text-align: center;
}

.wrapper.error .cardinal li {
	background: url(../img/arrow_black.png) 0 6px no-repeat;
	padding-left: 20px;
}

.wrapper.error .cardinal img {
	margin: 20px 0 0 0;
}

.wrapper.error .cardinal .link {
	margin: 20px 0;
	display: inline-block;
}

.wrapper.error .cardinal article .title h1:after {
	background: none;
}

.wrapper.error .cardinal li a {
	font-weight: bold;
}

.wrapper.error .cardinal li a:hover {
	color: #000000;
}

.wrapper.error .cardinal article .title h1 {
	margin: 20px auto;
	text-align: center;
}

/*===============================
メディア一覧
===============================*/

.wrapper .media-list h1 {
	margin-top: 10px;
	font-size: 14px;
	padding: 0 0 10px 0;
}

.wrapper .media-list>h1 {
	margin: 0 0 20px 0;
	padding: 5px 5px 5px 10px;
	font-size: 15px;
	color: #ffffff;
	background: #000000;
	border-bottom: 4px solid #ffdc1f;
}

.wrapper .media-list ul li {
	width: 224px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	float: left;
	text-align: center;
	border-bottom: 1px solid #cccccc;
}

.wrapper .media-list ul li a {
	display: block;
	padding-top: 10px;
}

.wrapper .media-list ul li a:hover {
	color: #000;
	background: #fffdde;
}

.wrapper .media-list ul li img {
	max-width: 100px;
	max-height: 100px;
	vertical-align: middle;
	zoom: 1;
	line-height: 100px;
}

.wrapper .media-list ul li figure {
	width: 100px;
	height: 100px;
	line-height: 100px;
	vertical-align: middle;
	margin: 0 auto;
}

/*===============================
margin
===============================*/

.mr-0 {
	margin-right: 0;
}

.mr-5 {
	margin-right: 5px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-15 {
	margin-right: 15px;
}

.mr-20 {
	margin-right: 20px;
}

.mr-25 {
	margin-right: 25px;
}

.mr-30 {
	margin-right: 30px;
}

.mr-35 {
	margin-right: 35px;
}

.mr-40 {
	margin-right: 40px;
}

.mr-45 {
	margin-right: 45px;
}

.mr-50 {
	margin-right: 50px;
}

.ml-0 {
	margin-right: 0;
}

.ml-5 {
	margin-right: 5px;
}

.ml-10 {
	margin-right: 10px;
}

.ml-15 {
	margin-right: 15px;
}

.ml-20 {
	margin-right: 20px;
}

.ml-25 {
	margin-right: 25px;
}

.ml-30 {
	margin-right: 30px;
}

.ml-35 {
	margin-right: 35px;
}

.ml-40 {
	margin-right: 40px;
}

.ml-45 {
	margin-right: 45px;
}

.ml-50 {
	margin-right: 50px;
}

.mb-0 {
	margin-bottom: 0;
}

.mb-5 {
	margin-bottom: 5px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-25 {
	margin-bottom: 25px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-35 {
	margin-bottom: 35px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-45 {
	margin-bottom: 45px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mt-0 {
	margin-top: 0;
}

.mt-5 {
	margin-top: 5px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-25 {
	margin-top: 25px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-35 {
	margin-top: 35px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-45 {
	margin-top: 45px;
}

.mt-50 {
	margin-top: 50px;
}

/*===============================
float clear
===============================*/

.float-right {
	float: right;
	margin: 0 0 0 15px;
}

.float-left {
	float: left;
	margin: 0 15px 0 0;
}

.clear {
	clear: both !important;
}

/*===============================
table
===============================*/

.table {
	display: table;
}

/*===============================
text-align
===============================*/

.text-left {
	text-align: left;
}

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

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

/*===============================
text-decoration
===============================*/

.under {
	text-decoration: underline;
}

.lineth {
	text-decoration: line-through;
}

/*===============================
subtitle
===============================*/

.wrapper .cardinal article .subtitle_r18 {
    margin-left: -20px;
    padding: 10px 20px 10px 20px;
    font-size: 22px;
    color: #c00;
    display: inline-block;
    border-left: 4px solid #c00;
    background: url(../img/bg_subtitler18.png) 0 0 repeat;
    text-shadow: 0px -1px #fff, 1px 0px #fff, 0px 1px #fff, -1px 1px #fff;
}

/*===============================
広告枠
===============================*/

/*1つ*/
.wrapper.story .cardinal article .ad {
	margin: 30px 0;
}

.wrapper.story .cardinal article .ad p {
	margin: 0;
}

.wrapper.story .cardinal article p.ad_title {
	margin: 0 0 15px 0;
	font-weight: bold;
	font-size: 17px;
	border-left: 7px solid #ffdc1f;
	padding: 0 0 0 10px;
	line-height: 1.4;
}


.wrapper.story .cardinal article .ad img {
	max-width: 150px;
	margin-right: 10px;
	float: left;
	border:none;
}

.wrapper.story .cardinal article .ad h1 {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: normal;
	display: table;
}

.wrapper.story .cardinal article .ad .adtext-area {
	width: auto;
	display: table;
}

.wrapper.story .cardinal article .ad h1 a {
	color: #C00;
}

.wrapper.story .cardinal article .ad h1 a:hover {
	color: #000000;
}

.wrapper.story .cardinal article .ad .ad-btn {
	margin: 10px 0 0 0;
	padding: 15px 15px 12px 15px;
	display: inline-block;
	position: relative;
	border: 1px solid #ecc231;
	border-radius: 3px;
	line-height: 1.2;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: none;
	transition: none;
	font-weight: bold;
	border-bottom: 2px solid #ecc231;
	color: #000;
	background: #ffd957;
}

.wrapper.story .cardinal article .ad .ad-btn:before {
	content: "";
	padding-left: 20px;
	background: url(../img/arrow_black.png) 0 0 no-repeat;
}

.wrapper.story .cardinal article .ad .ad-btn:hover {
	background-color: #ecc231;
	border: 1px solid #e2b826;
	border-bottom: 2px solid #e2b826;
}

/*2つ*/

.wrapper.story .cardinal article .twoclm div {
	width: 325px;
}

.wrapper.story .cardinal article .twoclm div.box-left {
	float: left;
}

.wrapper.story .cardinal article .twoclm div.box-right {
	float: right;
}

.wrapper.story .cardinal article .twoclm .ad-btn {
	padding: 15px 36px 12px 36px;
}

/*3つ*/

.wrapper.story .cardinal article .ad.threeclm img {
	max-width: 150px;
	margin: 0 auto 10px auto;
	padding: 0;
	float: none;
	border:none;
}

.wrapper.story .cardinal article .threeclm div {
	width: 204px;
}

.wrapper.story .cardinal article .threeclm div.box-left {
	float: left;
}

.wrapper.story .cardinal article .threeclm div.box-right {
	margin-left: 30px;
	float: right;
}

.wrapper.story .cardinal article .ad.threeclm .ad-btn {
	margin: 0 auto;
	text-align: center;
	display: block;
}


/*ランキングページ*/

.wrapper.ranking .cardinal section h1 {
	padding: 15px 0 15px 0;
	background: none;
	font-size: 30px;
	color: #000;
	border: none;
}

.wrapper.ranking .cardinal .article-list>h1:before {
	width: 42px;
	height: 39px;
	content: "";
	background: url(../img/crown.png) 0 0 no-repeat;
	display: inline-block;
	float: left;
}

.ranking .tab {
	overflow: hidden;
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	border-bottom: 5px solid #000;
}

.ranking .tab li {
	background: #eee;
	cursor: pointer;
	display: inline-block;
	padding: 10px 20px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	font-weight: bold;
}

.ranking .tab li:before {
	content: "";
	width: 15px;
	height: 18px;
	background: url(../img/sprite_icon.png) -15px -26px no-repeat;
	display: inline-block;
	margin: 2px 8px 0 0;
	float: left;
}

.ranking .tab li.select {
	background: #000;
	color: #fff;
}

.wrapper.ranking .cardinal .content .cat-rankbtn li a {
	padding: 5px 7px;
	border-radius: 3px;
}

.wrapper.ranking .cardinal .content .cat-rankbtn li a:hover {
	color: #fff;
	background: #000;
}

.wrapper.ranking .cardinal .content .cat-rankbtn li.active {
	background: #000;
}

.wrapper.ranking .cardinal .content .cat-rankbtn li.active a {
	color: #fff;
}

.hide {
	display:none;
}

.wrapper.ranking .cardinal .content .rank {
	width: 58px;
	float: left;
	font-size: 46px;
	font-weight: bold;
/*	letter-spacing: -0.1em;*/
	white-space: nowrap;
	font-family: Arial;
	font-style: italic;
	position: relative;
	color: #000;
}

.wrapper.ranking .cardinal .content section .rank.digits {
	margin: 0 12px 0 -12px;
	letter-spacing: -0.1em;
	font-size: 45px;
}

.wrapper.ranking .cardinal .content .rank span {
	padding-left: 13px;
	position: relative;
	z-index: 1;
}

.wrapper.ranking .cardinal .article-list section .figtext {
	width: 513px;
}

.wrapper.ranking .article-list a .float>span {
	width: 80px;
	height: 80px;
	line-height: 80px;
}

.wrapper.ranking .cardinal .article-list section img {
	max-width: 80px;
	max-height: 80px;
	vertical-align: middle;
	zoom: 1;
	line-height: 80px;
}

.wrapper.ranking .cardinal .article-list section.rank_top .rank span {
	color: #C00;
}

/*ランキングサイドナビ*/

.tab_side {
	margin: 2px 0 0 0;
	overflow: hidden;
	padding: 0;
	list-style: none;
	border-bottom: 4px solid #000;
}

.tab_side li {
	width: 98px;
	margin: 0 3px 0 0;
	padding: 7px 0 3px 0;
	float: left;
	background: #dfdfdf;
	cursor: pointer;
	display: inline-block;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	font-weight: bold;
	text-align: center;
}

.tab_side li.select {
	background: #000;
	color: #fff;
}

.tab_side li + li + li {
	margin: 0;
}

.wrapper.ranking .cardinal .content ul {
	margin-bottom: 15px;
}

.wrapper.ranking .cardinal .content .cat-rankbtn li {
	float: left;
	margin: 3px 4px;
	border-radius: 3px;
}

.wrapper.ranking .cardinal .content ul li.active {
	background: #000;
}

.wrapper.ranking .cardinal .content ul li.active a {
	color: #fff;
}

.hide {
	display:none;
}

aside.right-navi .ranking ol li.more {
	text-align: right;
}

aside.right-navi .ranking ol li.more a {
}

aside.right-navi .ranking ol li.more a:before {
	background: none;
}

aside.right-navi .ranking ol li.more a span:first-child {
	width: auto;
	font-size: 14px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-shadow: none;
	letter-spacing: 0;
	font-style: normal;
	top: 0;
}

aside.right-navi .ranking ol li.more span {
	width: auto;
	background: url(../img/arrow_black.png) 0 3px no-repeat;
	padding-left: 15px;
	float: right;
}

/*===============================
広告枠
===============================*/

body .article-list .ad-outside {
	border-bottom: 1px solid #dfdfdf;
}

body .ad-outside li {
	float: left;
	display: inline-block;
}

body .story.wrapper .cardinal article .ad-outside li img {
	border: none;
}

.ml-u5 {
	margin-left: -5px;
}

.ml-u10 {
	margin-left: -10px;
}

.ml-u15 {
	margin-left: -15px;
}

.mr-u5 {
	margin-right: -5px;
}

.mr-u10 {
	margin-right: -10px;
}

.mr-u15 {
	margin-right: -15px;
}

/*===============================
記事広枠
===============================*/

.wrapper.story .addition h1 {
	margin: 20px 0 5px 0;
	font-size: 20px;
}

.wrapper.story .addition ul li {
	width: 150px;
	margin: 0 0 0 24px;
	float: left;
}

.wrapper.story .addition ul li:first-child {
	margin: 0;
}

.wrapper.story .addition ul li img {
	width: 150px;
	border: 0;
}

.wrapper.story .addition ul li p {
	margin: 5px 0 20px 0;
	font-size: 14px;
	line-height: 1.3;
}

.wrapper.story .addition ul li a:hover p {
	background: #ffdc1f;
}

.ads {
	margin: 10px 0;
	float: left;
}

/*===============================
ギャラリー
===============================*/

#slider {
	background-color: #222121;
	margin-bottom: 10px;
}
#slider img {
	border: none;
        max-height: 450px;
}
#slider-view {
	position: relative;
	padding: 0 60px;
}
#slider-view-wrap {
	position: relative;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 554px;
	height: 450px;
	z-index: 1;
}
#slider-view-ctrl {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
#slider-view-prev,
#slider-view-next {
	position: absolute;
	top: 230px;
	width: 45px;
	height: 45px;
	cursor: pointer;
}
#slider-view-prev {
	left: 15px;
	background: url(../img/arrow_prev.png) left top no-repeat;
}
#slider-view-next {
	right: 15px;
	background: url(../img/arrow_next.png) left top no-repeat;
}
#slider-view-prev.is-disabled,
#slider-view-next.is-disabled {
	background-position: left -45px;
	cursor: default;
}
#slider-view-count {
	position: absolute;
	left: 3px;
	top: 3px;
	background-color: #2b2b2b;
	color: #ffffff;
	font-size: 14px;
	text-align: right;
	line-height: 30px;
	width: 75px;
	height: 30px;
	padding-right: 15px;
}
#slider-list {
	position: relative;
	background-color: #1c1c1c;
	padding: 22px 0 31px;
}
#slider-list-wrap {
	position: relative;
	width: 586px;
	height: 64px;
	margin: 0 auto;
	overflow: hidden;
	z-index: 1;
}
#slider-list-wrap ul {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0;
	width: 1000%;
}
#slider-list-wrap ul li {
	display: inline-block;
	margin-right: 7px;
	vertical-align: top;
	margin-left: 10px;
}
#slider-list-wrap ul li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
#slider-list-wrap ul li a.is-current:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	border: #e9ca1f solid 2px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#slider-list-wrap ul li a img {
	max-width: 80px;
	max-height: 65px;
}
#slider-list-wrap ul li a:hover{
	background-color: transparent;
}
#slider-list-ctrl {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
#slider-list-prev,
#slider-list-next {
	position: absolute;
	top: 22px;
	width: 30px;
	height: 64px;
	cursor: pointer;
}
#slider-list-prev {
	left: 7px;
}
#slider-list-next {
	right: 7px;
}
#slider-list-prev.is-disabled,
#slider-list-next.is-disabled {
	cursor: default;
}
#slider-list-prev:after,
#slider-list-next:after {
	content: "";
	display: block;
	border: transparent solid 7px;
	width: 0;
	height: 0;
}
#slider-list-prev:after {
	border-right-color: #ffffff;
	margin: 26px 0 0 4px;
}
#slider-list-next:after {
	border-left-color: #ffffff;
	margin: 26px 0 0 14px;
}
#slider-list-prev.is-disabled:after{
	border-right-color: #878585;
}
#slider-list-next.is-disabled:after{
	border-left-color: #878585;
}
#slider-list-navi {
	display: inherit;
	font-size: 0;
	text-align: center;
	margin-top: 100px;
}
#slider-list-navi li {
	display: inline-block;
	background-color: #8e8e8e;
	width: 6px;
	height: 6px;
	margin: 0 7px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
}
#slider-list-navi li.is-current {
	background-color: #e9c91f;
}

/*===============================
検索枠
===============================*/

.headerSearch {
	display: inline;
}

.headerSearch input {
	outline: none;
}
.headerSearch input[type=text] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
.headerSearch input::-webkit-search-decoration,
.headerSearch input::-webkit-search-cancel-button {
	display: none;
}

.headerSearch input[type=text] {
	background: #ededed url(../img/search.png) no-repeat 8px center;
	border: solid 1px #ccc;
	padding: 4px 10px 4px 30px;
	width: 50px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.headerSearch input[type=text]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #6dcff6;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

.headerSearch input:-moz-placeholder {
	color: #999;
}
.headerSearch input::-webkit-input-placeholder {
	color: #999;
}

/*===============================
mainr18統合部分
===============================*/

/* 連載 */

.serial-article-r18 .box {
    overflow: hidden;
    display: inline-block;
    position: relative;
    float: left;
    background: #dfdfdf;
    background: #000;
}

.serial-article-r18 div a {
    width: 332px;
    height: 332px;
    display: inline-block;
}

.serial-article-r18 img {
    width: 332px;
    height: 220px;
    display: inline-block;
}

.serial-article-r18 h2 {
    width: 312px;
    bottom: 110px;
    padding: 5px 10px;
    position: absolute;
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
    background: url(../img/bg_black.png) 0 0 repeat;
}

.serial-article-r18 h2 span {
    display: block;
    font-weight: normal;
    font-size: 14px;
}

.serial-article-r18 .figcaption p {
    padding: 10px 10px 15px 10px;
    color: #fff;
}

.serial-article-r18 .arrow_only a {
    display: inline;
}

.serial-article-r18 a .arrow_only {
    color: #fff;
    background: url(../img/arrow_white.png) 0 6px no-repeat;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.wrapper .serial-article-r18 .box a:hover {
    background: #000000;
    color: #fff;
    text-decoration: none;
}

/*===============================
検索枠
===============================*/

.headerSearch {
	background: #ededed url(../img/search.png) no-repeat 8px center;
	display: inline;
}

.headerSearch input {
	outline: none;
}
.headerSearch input[type=text] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
.headerSearch input::-webkit-search-decoration,
.headerSearch input::-webkit-search-cancel-button {
	display: none;
}

.headerSearch input[type=text] {
	background: #ededed url(../img/search.png) no-repeat 8px center;
	border: solid 1px #ccc;
	padding: 4px 10px 4px 30px;
	width: 180px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

.headerSearch input[type=text]:focus,
.headerSearch select:focus,
.headerSearch textarea:focus {
	background: #ededed url(../img/search.png) no-repeat 8px center;
	width: 220px;
	background-color: #fff;
	border-color: #6dcff6;
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

.headerSearch input:-moz-placeholder {
	color: #999;
}
.headerSearch input::-webkit-input-placeholder {
	color: #999;
}

#main-nav #center-tab ul .search_form {
	margin: 5px 0 0 0;
	float: right;
}

#content-tab {
	position: relative;
	display: block;
}

#content-tab ul {
	position: relative;
	width: 714px;
    display: table;
    border-bottom: 1px solid #000;
}

#content-tab ul li {
	display: table-cell;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    text-align: center;
}

#content-tab ul li a {
	display: inline-block;
	position: relative;
	width: 100%;
    padding: 20px 10px;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.5;
    box-sizing: border-box;
}

#content-tab ul li a:hover {
	background: transparent;
}

#content-tab ul li.active {
    background: #000;
}

#content-tab ul li.active a {
	color: #fff;
}

/*トップタブ部分*/

.top .tabmenu {
    margin: -20px -40px 0;
    padding: 0 20px;
}

.top .tab {
	display: table;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    border-bottom: 3px solid #000;
    border-bottom: 1px solid #000;
    font-size: 0;
    width: 714px;
}

.top .tab li {
	padding: 20px 10px;
    cursor: pointer;
    display: table-cell;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    font-weight: bold;
    text-align: center;
}

.top .tab li a {
	color: #000;
	font-size: 11px;
	line-height: 1.5;
}

.top .tab li a:hover {
	background: none;
}

.top .tab li.select {
	background: #000;
}

.top .tab li.select a {
	color: #fff;
}

/**
 * like-button adj */
.fb-li {
	margin-left: 12px;
	margin-top:0px;
}

/**
 * force height */
.height30 {
	height: 30px;
	overflow:hidden;
}

.height85 {
	height: 85px;
	overflow:hidden;
}

.height257 {
	height: 257px;
	overflow:hidden; 
}

/*ギャラリー表示パーツ*/
aside.right-navi .gallery-view-parts {
	overflow:hidden;
	background-color: #f5f3f3;
	margin-bottom: 5px;
}
aside.right-navi .gallery-view-parts ul {
	margin-bottom: -30px;
}
aside.right-navi .gallery-view-parts ul li:not(.more) {
	display: inline-block;
	width: 140px;
	max-height: 128px;
	vertical-align: middle;
	overflow: hidden;
	margin-top: 5px;
	margin-left: 2px;
	/*影を入れる*/
	border:3px solid #fff;
	-webkit-box-shadow: 0 10px 8px -6px #8d8c8c;
	-moz-box-shadow: 0 10px 8px -6px #8d8c8c;
	box-shadow: 0 10px 8px -6px #8d8c8c;
}
aside.right-navi .gallery-view-parts a {
	width: 140px; 
	max-height: 128px;
	margin: 1px;
}
aside.right-navi .gallery-view-parts .more {
	padding-bottom: 10px;
	margin: 10px 0 -10px 150px;
}
aside.right-navi .gallery-view-parts .more a span {
	width: auto;
	background: url(../img/arrow_black.png) 0 3px no-repeat;
	padding-left: 15px;
	margin-right: 15px;
	float: right;
	color: #000;
	font-size: 14px;
	font-weight: 700;
}

/*===============================
次ページへ
===============================*/
.nextpageControl {
	width: 100%;
        margin-top: 20px;
	margin-bottom: 5px;
	display: block;
	background: #ffdc1f;
	border: 2px solid #000;
	border-radius: 3px;
	position: relative;
}
.wrapper .cardinal .nextpageControl p {
	position: relative;
	margin: 10px 25px 10px 10px;
	text-align: center;
	font-weight: bold;
        color: #000;
}
.nextpageControl p span {
	padding-bottom: 5px;
	color: #000;
	font-weight: bold;
	display: -webkit-inline-box;
        text-decoration: underline;
}
.nextpageControl:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 0;
	border-top: solid 5px #000;
	border-right: solid 5px #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
span.arrow {
    padding-left: 20px;
    display: inline-block;
    background: url(../img/arrow_black.png) 0 6px no-repeat;
}

/*===============================
2017.8　LCバナー画像追加
===============================*/
.area-lc {
    margin-bottom: 7px;
    display: block;
}