@charset "UTF-8";
/*--------------------------------------------------
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
--------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

body { line-height: 1; }

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

nav ul { list-style: none; }

blockquote, q { quotes: none; }

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

a { background: transparent; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

/* change border colour to suit your needs */
hr { border: 0; border-top: 1px solid #cccccc; display: block; height: 1px; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

/* base */
a, button { color: #03c; outline: none; text-decoration: none; }

a::-moz-focus-inner, button::-moz-focus-inner { border: none; }

body { background-color: #fff; color: #000; font-family: "Lucida Grande", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; line-height: 1.625; -webkit-overflow-scrolling: touch; word-break: normal; word-wrap: break-word; }

img { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: block; margin: 0 auto; max-width: 100%; }

ins { background: none; vertical-align: top; }

ul { list-style: none; }

/* header */
.l-header { height: 58px; left: 0; position: fixed; top: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; width: 100%; z-index: 9999; }

.l-header__contents { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; padding: 0 12.5px 0 15px; position: relative; z-index: 1; justify-content: space-between; }

.l-header__logo { /*max-width: 124px;*/ max-width: 42.4vw; -webkit-transform: translateY(-13%); transform: translateY(-13%); }

.l-header__link { display: block; }

.l-header__title { border-left: 1px solid #ddd; font-size: 18px; letter-spacing: 0.05em; line-height: 30px; margin-left: 10px; padding-left: 10px; }

.l-header__button, .l-header__button--menu, .l-header__button--search { background: none; border: none; cursor: pointer; font-size: 0; margin-left: auto; width: 10vw; }

.l-header__button--menu { padding: 9.5px 7.5px; }

.l-header__button--search { padding: 7.5px; }

.l-header__button--search + * { margin: 0; }

.home .l-header__logo { /*max-width: 159px;*/ max-width: 42.4vw; }

.l-header.is-active { -webkit-transform: translateY(0); transform: translateY(0); }

.l-header__caution a{ margin-left: 12vw; width: 28vw; background: #888888; border: solid 1px #fff; border-radius: 50px; padding: 1.33333333vw 1.66666667vw; color: #fff; text-align: center; font-size: 3.73333333vw; font-weight: 600;}

/* menu */
.l-menu { background-color: #fff; color: #333; font-family: "Lucida Grande", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; height: 100%; letter-spacing: 0.05em; /*min-width: 260px;*/ position: fixed; right: 0; top: 0; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.25s; transition: -webkit-transform 0.25s; transition: transform 0.25s; transition: transform 0.25s, -webkit-transform 0.25s; width: 100%; z-index: 10001; }

.l-menu__button { background: none; border: none; cursor: pointer; display: none; font-size: 0; /*left: -60px; right: 0; position: absolute; top: 0; padding: 9.5px 7.5px;*/ padding: 0; width: 32px; }

.l-menu__contents { height: 100%; overflow-y: scroll; }

.l-menu__navigation { display: flex; flex-wrap: wrap; justify-content: flex-start; font-weight: bold; letter-spacing: 0.01em; align-items: center; border-top: solid 4px #DDD;}

/* .l-menu__navigation .l-menu__item:nth-child(2), .l-menu__navigation .l-menu__item:nth-child(3){border-top: solid 4px #DDD;} */

.l-menu__navigation .l-menu__item:nth-child(2n){border-left: solid 1px #DDD;}

/* .l-menu__navigation .l-menu__item:last-child{border-right: solid 1px #DDD; margin-left: 1px;} */

/* .l-menu__navigation .l-menu__item:last-child { font-size: 15px; letter-spacing: 0.025em; } */

/*.l-menu__navigation .l-menu__item:last-child .l-menu__link,{ padding: 9.3125px 15px; }*/ 

.l-menu__navigation .l-menu__link, .l-menu__navigation .l-menu__link--current { /*padding: 8.5px 15px;*/ padding: 15px; background: url(../img/icon_arrow_red.svg) no-repeat right center; background-size: 5px auto; color: #000; }

.l-menu__navigation--sub{ padding: 10px 20px; display: flex; flex-wrap: wrap; justify-content: space-between;}

.l-menu__navigation--sub .l-menu__item{ width: 50%; font-size: 12px; font-weight: 600; border-bottom: none; padding: 5px 0;}

.l-menu__item { border-bottom: 1px solid #ddd; width: 50%; padding: 0 18.5px 0 0; box-sizing: border-box;}

.l-menu__link, .l-menu__link--current { color: #333; display: block; }

.l-menu__link--current { background-color: #ff2800; color: #fff; }

.l-menu__box { background-color: #f2f2f2; border-bottom: 1px solid #ddd; font-weight: bold; overflow: hidden; padding: 0 15px 15px; text-align: center; }

.l-menu__box--white { background-color: #fff; border-bottom: 1px solid #ddd; font-weight: bold; overflow: hidden; padding: 0 15px 15px; text-align: center; }

.l-menu__title { font-size: 15px; margin: 10.3125px 0 -4.6875px; }

.l-menu__entry { font-family: "Lucida Grande", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; margin-top: 15px; }

.l-menu__entry .l-menu__link, .l-menu__entry .l-menu__link--current { background-color: #fff; border: 1px solid #ddd; padding: 8.5px 15px; }

.l-menu__list { font-size: 13px; }

.l-menu__list .l-menu__link, .l-menu__list .l-menu__link--current { display: list-item; list-style: disc inside; padding: 11.4375px 15px; }

.l-menu__text { font-size: 13px; margin: 10.9375px 15px -4.0625px; }

.l-menu__text .l-menu__link, .l-menu__text .l-menu__link--current { background: url(../img/icon_arrow_red.png) no-repeat left center; background-size: 5px auto; padding-left: 15px; }

.l-menu__copyright { /*color: #9fa0a0;*/ color: #000; font-size: 10px; line-height: 1.4; margin: 10px 15px 30px; }

.is-menuActive .l-menu { position: absolute; -webkit-transform: translateX(0); transform: translateX(0); }

.is-menuActive .l-menu__button { display: block; }

/* wrapper */
.is-menuActive .l-wrapper, .is-searchActive .l-wrapper { left: 0; position: fixed; width: 100%; }

/* container */
.l-container { display: block; overflow: hidden; padding: 58px 10px 0; }

.home .l-container__aside, .category .l-container__aside { margin-top: 10px; }

.article .l-container__aside, .gallery .l-container__aside { margin-top: 15px; }

.page .l-container__aside { margin-top: 20px; }

.l-container__section { margin-top: 20px; }

.l-container__section + .c-box-ad, .l-container__section + .c-box-ad--gray, .l-container__section + .c-box-ad--space { margin-top: 10px; }

.l-container__section--gray { background-color: #f2f2f2; margin: 15px -10px 0; padding: 20px 10px; }

/* footer */
.l-footer { padding: 0 10px 10px; }

.l-footer__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 13px; font-weight: bold; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; letter-spacing: 0.05em; margin-top: 5px; }

.l-footer__item { border-bottom: 1px solid #ddd; -ms-flex-preferred-size: calc((100% - 10px) / 2); flex-basis: calc((100% - 10px) / 2); max-width: calc((100% - 10px) / 2); }

.l-footer__link { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: url(../img/icon_arrow_red.png) no-repeat left center; background-size: 5px 8px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; padding: 5.9375px 0 5.9375px 15px; }

/* box */
.c-box-ad, .c-box-ad--gray, .c-box-ad--space { margin: 0 -10px; text-align: center; }

.c-box-ad + .c-box-ad, .c-box-ad--gray + .c-box-ad, .c-box-ad--space + .c-box-ad, .c-box-ad + .c-box-ad--gray, .c-box-ad--gray + .c-box-ad--gray, .c-box-ad--space + .c-box-ad--gray, .c-box-ad + .c-box-ad--space, .c-box-ad--gray + .c-box-ad--space, .c-box-ad--space + .c-box-ad--space { margin-top: 20px; }

.c-box-ad [id*='imobile_ad'], .c-box-ad--gray [id*='imobile_ad'], .c-box-ad--space [id*='imobile_ad'] { margin: 10px 0 -10px; }

.c-box-ad--gray { background-color: #f2f2f2; -ms-flex-preferred-size: calc(100% + 20px); flex-basis: calc(100% + 20px); max-width: calc(100% + 20px); overflow: hidden; padding: 0; }

.c-box-ad--gray > ins, .c-box-ad--gray > div { margin: 10px 0; }

.c-box-ad--space { margin-top: 20px; }

.c-box-photo, .c-box-photo--vertical, .c-box-photo--horizon { margin: 15px 0 -15px; }

.c-box-photo__link { color: #666; display: block; }

.c-box-photo__thumbnail { margin: 0 auto; }

.c-box-photo__caption { font-size: 12px; line-height: 1.4; margin: 7.6px auto -2.4px; }

.c-box-photo--vertical .c-box-photo__thumbnail { max-width: 160px; }

.c-box-photo--horizon .c-box-photo__thumbnail { max-width: 355px; }

.c-box-book { *zoom: 1; background-color: #f2f2f2; margin-top: 30px; padding: 0 15px 20px; position: relative; }

.c-box-book:before, .c-box-book:after { content: ''; display: table; }

.c-box-book:after { clear: both; }

.c-box-book__thumbnail { float: left; margin: 20px 15px 0 0; }

.c-box-book__no-link { color: #666; margin-left: 5px; }

.c-box-book__image { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); max-width: 100px; }

.c-box-book__caption { font-size: 15px; letter-spacing: 0.05em; line-height: 1.4; margin: 17px 0 48px; overflow: hidden; }

.c-box-book__caption--strong { font-weight: bold; }

.c-box-book__button { bottom: 20px; position: absolute; right: 15px; width: calc(100vw - 165px); z-index: 2; }

.c-box-page { *zoom: 1; margin-top: 20px; }

.c-box-page:before, .c-box-page:after { content: ''; display: table; }

.c-box-page:after { clear: both; }

.c-box-page__thumbnail { float: left; width: 35%; }

.c-box-page__link { display: block; }

.c-box-page__image { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); box-shadow: 0 0 15px rgba(0, 0, 0, 0.4); }

.c-box-page__title { font-family: "Lucida Grande", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 18px; font-weight: bold; line-height: 1.4; margin: -3.6px 0 -3.6px calc(35% + 10px); }

.c-box-page__list { font-size: 14px; font-weight: bold; line-height: 1.4; list-style-type: disc; }

.c-box-page__item { margin: 7.2px 0 -2.8px calc(35% + 10px + 1.2em); }

.c-box-page__item:first-child { margin-top: -2.8px; }

.c-box-page__caption { font-size: 14px; line-height: 1.4; margin: 17.2px 0 -2.8px calc(35% + 10px); }

.c-box-page__button { margin: 20px 0 0 calc(35% + 10px); }

.c-box--scrollmenu{ width: calc(100% + 20px); margin: 0 -10px; overflow-x: auto; -webkit-overflow-scrolling: touch; position: relative;}

.c-box--scrollmenu .c-box--scrollmenu__inner{ width: 100%; min-width: 1000px; padding: 0 0 10px; display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center;}

.c-box--scrollmenu .c-box--scrollmenu__inner p.l-menu__item{ width: auto; border-bottom: none; font-size: 14px; font-weight: bold; padding: 0;}

.c-box--scrollmenu p.l-menu__item--blank{position: fixed; right: 0; top: 0; display: block;}

.c-box--scrollmenu p.l-menu__item--blank::before{content: ""; position: absolute;}

.c-box--scrollmenu p.l-menu__item--blank span{width: 60px; height: 30px; background:linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,1)); position: absolute; right: 0;}

.c-box--scrollmenu .c-box--scrollmenu__inner p.l-menu__item a{padding: 2px 10px;}
.c-box--scrollmenu .c-box--scrollmenu__inner p.l-menu__item a.l-menu__link--current{background-color: #EFEFEF; color: #9FA0A0; border-radius: 50px;}

/* button */
.c-button, .c-button-more, .c-button-buy, .c-button-buy--red, .c-button-buy--black, .c-button-entry, .c-button-pagetop { cursor: pointer; display: block; text-align: center; }

.c-button-more__link { border: 1px solid #9fa0a0; color: #333; display: block; padding: 6px 0; }

.c-button-buy, .c-button-buy--red, .c-button-buy--black { background-color: #ff2800; border-radius: 2px; color: #fff; font-size: 12px; padding: 8.25px 0; }

.c-button-buy--black { background-color: #000; }

.c-button-entry { font-weight: bold; letter-spacing: 0.05em; margin-top: 20px; }

.c-button-entry__link { border: 1px solid #9fa0a0; color: #333; display: block; padding: 6px 0; }

.c-button-pagetop { font-weight: bold; letter-spacing: 0.05em; margin: 10px -10px 0; }

.c-button-pagetop__link { background-color: #f2f2f2; color: #333; display: block; padding: 12px 0; }

/* icon */
.c-icon, .c-icon-provide:before, .c-icon-arrow--gray:before, .c-icon-arrow--blue:before, .c-icon-arrow--prev:before, .c-icon-arrow--next:after, .c-icon-rank:before, .c-icon-camera:before, .c-icon-cart:before, .c-icon-triangle--bottom:after, .c-icon-triangle--top:before, .c-icon-close:after, .c-icon-mail:before, .c-icon-arrow--bottom:before { content: ''; display: inline-block; vertical-align: middle; }

.c-icon-provide:before { background: url(../img/icon_provide.png) no-repeat; background-size: contain; height: 23px; margin: -2px 5px 0 0; width: 25px; }

.c-icon-arrow--gray:before { background: url(../img/icon_arrow_gray.png) no-repeat; background-size: contain; height: 10px; margin: -2px 10px 0 0; width: 7px; }

.c-icon-arrow--blue:before { background: url(../img/icon_arrow_blue.png) no-repeat; background-size: contain; height: 10px; margin: -2px 5px 0 0; width: 7px; }

.c-icon-arrow--prev:before, .c-icon-arrow--next:after { height: 16px; margin-top: -2px; width: 10px; }

.c-icon-arrow--prev:before { background: url(../img/icon_arrow_black.png) no-repeat; background-size: contain; margin-right: 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.c-icon-arrow--next:after { background: url(../img/icon_arrow_black.png) no-repeat; background-size: contain; margin-left: 10px; }

.c-icon-rank:before { background: url(../img/icon_rank.png) no-repeat; background-size: contain; height: 14px; margin: -2px 10px 0 0; width: 20px; }

.c-icon-camera:before { background: url(../img/icon_camera.png) no-repeat; background-size: contain; height: 14px; margin: -4px 4px 0; width: 17px; }

.c-icon-cart:before { background: url(../img/icon_cart.png) no-repeat; background-size: contain; height: 16px; margin-right: 5px; width: 21px; }

.c-icon-triangle--bottom:after { background: url(../img/icon_triangle_bottom.png) no-repeat; background-size: contain; height: 7px; margin-left: 10px; width: 10px; }

.c-icon-triangle--top:before { background: url(../img/icon_triangle_top.png) no-repeat; background-size: contain; height: 9px; margin-right: 5px; width: 12px; }

.c-icon-close:after { background: url(../img/icon_close.png) no-repeat; background-size: contain; height: 10px; margin-left: 10px; width: 10px; }

.c-icon-mail:before { background: url(../img/icon_mail.png) no-repeat; background-size: contain; height: 17px; margin: -2px 10px 0 0; width: 24px; }

/* line */
.c-line, .c-line--lg { border-top: 1px solid #f2f2f2; height: 0; margin: 20px 0 0; }

.c-line--lg { border-color: #333; }

.article .c-line, .article .c-line--lg { border-color: #ddd; margin-top: 10px; }

/* list */
.c-list { letter-spacing: 0.05em; line-height: 1.4; margin: 16.8px 0 -3.2px; }

.c-list__link { display: block; }

.c-list-sns, .c-list-sns--lg, .c-list-sns--col_3, .c-list-sns--col_5 { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0; }

.c-list-sns__link, .c-list-sns__link--facebook, .c-list-sns__link--twitter, .c-list-sns__link--youtube, .c-list-sns__link--google, .c-list-sns__link--line, .c-list-sns__link--hatena { display: block; }

.c-list-sns__link--facebook { background-color: #27579c; }

.c-list-sns__link--twitter { background-color: #000; }

.c-list-sns__link--youtube { background-color: #ff2800; }

.c-list-sns__link--google { background-color: #dd4f43; }

.c-list-sns__link--line { background-color: #00b900; }

.c-list-sns__link--hatena { background-color: #00a4de; }

.c-list-sns--lg { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 15px; }

.c-list-sns--lg .c-list-sns__item { -ms-flex-preferred-size: calc((100% - 37px) / 5); flex-basis: calc((100% - 37px) / 5); max-width: calc((100% - 37px) / 5); }

.c-list-sns--lg .c-list-sns__item img{max-width: 56px;}
.c-list-sns--col_3 { margin: 10px -10px 0; }

.c-list-sns--col_3 .c-list-sns__item { width: calc(100% / 3); }

.c-list-sns--col_3 .c-list-sns__image { height: 50px; }

.c-list-sns--col_5 { margin-top: 15px; }

.c-list-sns--col_5 .c-list-sns__item { width: 25%; }

.c-list-sns--col_5 .c-list-sns__image { height: auto; }

.c-list-sns--col_5 + * { margin-top: 15px; }
.c-list-sns--articleSpHorizon {
	justify-content: center;
	margin-top: 24px;
	margin-bottom: 24px;
}

.c-list-sns--articleSpHorizon .c-list-sns__item {
	width: 44px;
	height: 44px;
	border-radius: 16px;
	margin-left: 13px;
	margin-right: 13px;
	background-color: transparent !important;
}
.c-list-sns--articleSpHorizon .c-list-sns__item a{
	display: block;
	position: relative;
	padding-left: 0;
	width: 44px;
	height: 44px;
	background-color: transparent !important;
}
.c-list-sns--articleSpHorizon .c-list-sns__item a .c-comment_count{
    position: absolute;
    display: block;
	min-width: 16px;
	height: 16px;
	padding: 3px;
	border-radius: 16px;
	top: -10px;
	left: 30px;
	border: solid 2px #ffffff;
	background-color: #ff0000;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
    line-height: 1.15em;
	text-align: center;
}

.c-article_comment{
	margin-top: 24px;
	margin-bottom: 24px;
}

.c-list-shop { background-color: #fff; border: 2px solid #ff2800; -webkit-box-sizing: border-box; box-sizing: border-box; display: none; left: 0; position: absolute; top: calc(100% - 2px); width: 100%; }

.c-list-shop a { display: block; }

.c-list-shop a[href*=kinokuniya] { background-color: #efede1; }

.c-list-shop .beacon { display: none; }

.c-list-shop__item + .c-list-shop__item { border-top: 1px solid #ff2800; }

.c-list-shop__image { max-width: 100%; }

.c-list-article, .c-list-article--headline, .c-list-article--col_2, .c-list-article--sm { font-weight: bold; letter-spacing: 0.05em; line-height: 1.25; margin-top: 10px; }

.c-list-article__item + .c-list-article__item { border-top: 1px solid #ddd; }

.c-list-article__item:nth-of-type(-n+9) .c-list-article__label:before, .c-list-article__item:nth-of-type(-n+9) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(-n+9) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(-n+9) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(-n+9) .c-list-article__label--red:before { width: 20px; }

.c-list-article__item:nth-of-type(1) .c-list-article__label:before, .c-list-article__item:nth-of-type(1) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(1) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(1) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(1) .c-list-article__label--red:before { background: url(../img/icon_01_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(2) .c-list-article__label:before, .c-list-article__item:nth-of-type(2) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(2) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(2) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(2) .c-list-article__label--red:before { background: url(../img/icon_02_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(3) .c-list-article__label:before, .c-list-article__item:nth-of-type(3) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(3) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(3) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(3) .c-list-article__label--red:before { background: url(../img/icon_03_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(4) .c-list-article__label:before, .c-list-article__item:nth-of-type(4) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(4) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(4) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(4) .c-list-article__label--red:before { background: url(../img/icon_04_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(5) .c-list-article__label:before, .c-list-article__item:nth-of-type(5) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(5) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(5) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(5) .c-list-article__label--red:before { background: url(../img/icon_05_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(6) .c-list-article__label:before, .c-list-article__item:nth-of-type(6) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(6) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(6) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(6) .c-list-article__label--red:before { background: url(../img/icon_06_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(7) .c-list-article__label:before, .c-list-article__item:nth-of-type(7) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(7) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(7) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(7) .c-list-article__label--red:before { background: url(../img/icon_07_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(8) .c-list-article__label:before, .c-list-article__item:nth-of-type(8) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(8) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(8) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(8) .c-list-article__label--red:before { background: url(../img/icon_08_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(9) .c-list-article__label:before, .c-list-article__item:nth-of-type(9) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(9) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(9) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(9) .c-list-article__label--red:before { background: url(../img/icon_09_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(10) .c-list-article__label:before, .c-list-article__item:nth-of-type(10) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(10) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(10) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(10) .c-list-article__label--red:before { background: url(../img/icon_10_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(11) .c-list-article__label:before, .c-list-article__item:nth-of-type(11) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(11) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(11) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(11) .c-list-article__label--red:before { background: url(../img/icon_11_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(12) .c-list-article__label:before, .c-list-article__item:nth-of-type(12) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(12) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(12) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(12) .c-list-article__label--red:before { background: url(../img/icon_12_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(13) .c-list-article__label:before, .c-list-article__item:nth-of-type(13) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(13) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(13) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(13) .c-list-article__label--red:before { background: url(../img/icon_13_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(14) .c-list-article__label:before, .c-list-article__item:nth-of-type(14) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(14) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(14) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(14) .c-list-article__label--red:before { background: url(../img/icon_14_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(15) .c-list-article__label:before, .c-list-article__item:nth-of-type(15) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(15) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(15) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(15) .c-list-article__label--red:before { background: url(../img/icon_15_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(16) .c-list-article__label:before, .c-list-article__item:nth-of-type(16) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(16) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(16) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(16) .c-list-article__label--red:before { background: url(../img/icon_16_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(17) .c-list-article__label:before, .c-list-article__item:nth-of-type(17) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(17) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(17) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(17) .c-list-article__label--red:before { background: url(../img/icon_17_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(18) .c-list-article__label:before, .c-list-article__item:nth-of-type(18) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(18) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(18) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(18) .c-list-article__label--red:before { background: url(../img/icon_18_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(19) .c-list-article__label:before, .c-list-article__item:nth-of-type(19) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(19) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(19) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(19) .c-list-article__label--red:before { background: url(../img/icon_19_white.svg) no-repeat center; }

.c-list-article__item:nth-of-type(20) .c-list-article__label:before, .c-list-article__item:nth-of-type(20) .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__item:nth-of-type(20) .c-list-article__label--yellow:before, .c-list-article__item:nth-of-type(20) .c-list-article--headline .c-list-article__label--red:before, .c-list-article--headline .c-list-article__item:nth-of-type(20) .c-list-article__label--red:before { background: url(../img/icon_20_white.svg) no-repeat center; }

.c-list-article__link, .c-list-article__link--blue { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; color: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 10px; }

.c-list-article__link--blue { color: #03c; }

.c-list-article__title { -ms-flex-preferred-size: calc(365 / 710 * 100% - 10px); flex-basis: calc(365 / 710 * 100% - 10px); font-size: 4vw; letter-spacing: -0.05em; margin: calc(10px - 0.25em / 2) 5px calc(10px - 0.25em / 2) 0; max-width: calc(365 / 710 * 100% - 10px); }
.c-list-article__item__icon{ position: absolute; z-index: 2; top: 0; left: 0; font-size: 14px;}
.c-list-article__item__icon span{display: inline-block; padding: 5px 8px;}
.c-list-article__itemIconHot, .c-list-article__itemIconPreliminary{ background-color: #ff0; color: #000}
.c-list-article__itemIconNew{ background-color: #ff2800; color: #fff}

.c-list-article__thumbnail { background-color: #ddd; -ms-flex-preferred-size: 33.1%; flex-basis: 33.1%; margin-top: 10px; max-width: 33.1%; position: relative; }

.c-list-article__thumbnail:after { content: ''; display: block; padding-top: calc(100% * 2 / 3); }

.c-list-article__label, .c-list-article--headline .c-list-article__label--yellow, .c-list-article--headline .c-list-article__label--red { font-size: 0; left: 0; position: absolute; top: 0; z-index: 2; }

.c-list-article__label:before, .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__label--red:before { content: ''; display: block; height: 25px; width: 24px; }

.c-list-article__label:after, .c-list-article--headline .c-list-article__label--yellow:after, .c-list-article--headline .c-list-article__label--red:after { border: 22.5px solid; border-color: #ff2800 transparent transparent #ff2800; content: ''; left: 0; position: absolute; top: 0; z-index: -1; }

.c-list-article__image, .c-list-article__image--cover { bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; }

.c-list-article__image--cover { font-family: 'object-fit: cover; object-position: center top;'; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; width: 100%; }

.c-list-article__caption { -ms-flex-preferred-size: calc(66.9% - 10px); flex-basis: calc(66.9% - 10px); margin: 8px 0 -2px; max-width: calc(66.9% - 10px); }

.c-list-article__caption--sm { font-size: 14px; font-weight: normal; }

.c-list-article__date { color: #9fa0a0; font-weight: normal; font-size: 14px; margin: 8px 0 -2px; }

.c-list-article--headline { font-family: "Lucida Grande", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; padding-bottom: 10px; }

.c-list-article--headline .c-list-article__item + .c-list-article__item { border: none; margin-top: 2px; }

.c-list-article--headline .c-list-article__item{ position: relative;}

.c-list-article--headline .c-list-article__item:first-child { overflow: hidden;}

.c-list-article--headline .c-list-article__item:first-child .c-list-article__link, .c-list-article--headline .c-list-article__item:first-child .c-list-article__link--blue { display: block; }

.c-list-article--headline .c-list-article__item:first-child .c-list-article__title { font-size: 24px; left: 20px; letter-spacing: 0.01em; margin: 0; max-width: calc(100% - 40px); position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; }

.c-list-article--headline .c-list-article__item:first-child .c-list-article__thumbnail { max-width: 100%; }

.c-list-article--headline .c-list-article__item:first-child .c-list-article__thumbnail:before { background-color: #000; content: ''; height: 100%; left: 0; opacity: 0.65; position: absolute; top: 0; width: 100%; z-index: 1; }

.c-list-article--headline .c-list-article__item:first-child .c-list-article__label, .c-list-article--headline .c-list-article__item:first-child .c-list-article__label--yellow, .c-list-article--headline .c-list-article__item:first-child .c-list-article__label--red { font-size: 18px; left: auto; letter-spacing: 0.06em; padding: 12.75px 12px 0 0; right: 0; }

.c-list-article--headline .c-list-article__item:first-child .c-list-article__label:after, .c-list-article--headline .c-list-article__item:first-child .c-list-article__label--yellow:after, .c-list-article--headline .c-list-article__item:first-child .c-list-article__label--red:after { border-width: 47.5px; left: auto; right: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.c-list-article--headline .c-list-article__link, .c-list-article--headline .c-list-article__link--blue { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #262626; color: #fff; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding: 0; }

.c-list-article--headline .c-list-article__thumbnail { -ms-flex-preferred-size: calc(345 / 710 * 100%); flex-basis: calc(345 / 710 * 100%); margin: 0; max-width: calc(345 / 710 * 100%); }

.c-list-article--headline .c-list-article__label, .c-list-article--headline .c-list-article__label--yellow, .c-list-article--headline .c-list-article__label--red { font-size: 12px; letter-spacing: 0.05em; padding: 7.5px 0 0 7px; }

.c-list-article--headline .c-list-article__label:before, .c-list-article--headline .c-list-article__label--yellow:before, .c-list-article--headline .c-list-article__label--red:before { display: none; }

.c-list-article--headline .c-list-article__label:after, .c-list-article--headline .c-list-article__label--yellow:after, .c-list-article--headline .c-list-article__label--red:after { border-width: 30px; }

.c-list-article--headline .c-list-article__label--yellow { color: #000; }

.c-list-article--headline .c-list-article__label--yellow:after { border-color: #ff0 transparent transparent #ff0; }

.c-list-article--col_2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.c-list-article--col_2 .c-list-article__item { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }

.c-list-article--col_2 .c-list-article__item:nth-child(-n+2), .home .c-list-article--col_2 .c-list-article__item:nth-child(-7n+15), .home .c-list-article--col_2 .c-list-article__item:nth-child(-7n+16), .category .c-list-article--col_2 .c-list-article__item:nth-child(-7n+15), .category .c-list-article--col_2 .c-list-article__item:nth-child(-7n+16) , .gallery .c-list-article--col_2 .c-list-article__item { border-top: none; -ms-flex-preferred-size: calc(50% - 5px); flex-basis: calc(50% - 5px); max-width: calc(50% - 5px); }

.c-list-article--col_2 .c-list-article__item:nth-child(-n+2) .c-list-article__thumbnail, .c-list-article--col_2 .c-list-article__item:nth-child(-n+2) .c-list-article__caption, .home .c-list-article--col_2 .c-list-article__item:nth-child(-7n+15) .c-list-article__thumbnail, .home .c-list-article--col_2 .c-list-article__item:nth-child(-7n+15) .c-list-article__caption, .home .c-list-article--col_2 .c-list-article__item:nth-child(-7n+16) .c-list-article__thumbnail, .home .c-list-article--col_2 .c-list-article__item:nth-child(-7n+16) .c-list-article__caption, .category .c-list-article--col_2 .c-list-article__item:nth-child(-7n+15) .c-list-article__thumbnail, .category .c-list-article--col_2 .c-list-article__item:nth-child(-7n+15) .c-list-article__caption, .category .c-list-article--col_2 .c-list-article__item:nth-child(-7n+16) .c-list-article__thumbnail, .category .c-list-article--col_2 .c-list-article__item:nth-child(-7n+16) .c-list-article__caption,.gallery .c-list-article--col_2 .c-list-article__item .c-list-article__thumbnail, .gallery .c-list-article--col_2 .c-list-article__item .c-list-article__caption{ -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }

.home .c-list-article--col_2, .category .c-list-article--col_2, .ranking .c-list-article--col_2 { margin: 0; }

.c-list-article--sm .c-list-article__thumbnail { -ms-flex-preferred-size: 16.9%; flex-basis: 16.9%; max-width: 16.9%; }

.c-list-article--sm .c-list-article__caption { -ms-flex-preferred-size: calc(83.1% - 10px); flex-basis: calc(83.1% - 10px); font-size: 14px; margin: 8.25px 0 -1.75px; max-width: calc(83.1% - 10px); }

.c-list-tab { display: none; font-size: 17px; line-height: 1.3; margin-left: 35px; }

.c-list-tab.is-active { display: block; }

.c-list-tab__item { position: relative; }

.c-list-tab__item:before { content: ''; height: 18px; left: -25px; position: absolute; top: 15px; width: 12px; }

.c-list-tab__item + .c-list-tab__item { border-top: 1px solid #ddd; }

.c-list-tab__item:nth-child(1):before { background: url(../img/icon_01_red.svg) no-repeat center; background-size: 100% 100%; }

.c-list-tab__item:nth-child(2):before { background: url(../img/icon_02_red.svg) no-repeat center; background-size: 100% 100%; }

.c-list-tab__item:nth-child(3):before { background: url(../img/icon_03_red.svg) no-repeat center; background-size: 100% 100%; }

.c-list-tab__item:nth-child(4):before { background: url(../img/icon_04_red.svg) no-repeat center; background-size: 100% 100%; }

.c-list-tab__item:nth-child(5):before { background: url(../img/icon_05_red.svg) no-repeat center; background-size: 100% 100%; }

.c-list-tab__link { display: block; padding: 12.45px 0; }

.c-list-tab__link--sm { color: #b8b8b8; display: inline-block; font-family: "Lucida Grande", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 12px; }

.c-list-tab__link--sm:before { content: '-'; margin: 0 5px; }

/* overlay */
.c-overlay, .c-overlay--menu, .c-overlay--search { background-color: rgba(255, 255, 255, 1); cursor: pointer; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; }

.c-overlay--menu { z-index: 10000; }

.c-overlay--search { z-index: 9998; }

/* tag */
.c-tag, .c-tag-new, .c-tag-pr, .c-tag-serial, .c-tag-report { display: inline-block; font-size: 13px; letter-spacing: 0.075em; line-height: 20px; margin: -2px 0 0 5px; overflow: hidden; text-indent: -9999px; vertical-align: middle; }

.c-tag-new { background: url(../img/tag_new.svg) no-repeat; background-size: contain; width: 38px; }

.c-tag-pr { background: url(../img/tag_pr.svg) no-repeat; background-size: contain; width: 30px; }

.c-tag-serial { background: url(../img/tag_serial.svg) no-repeat; background-size: contain; width: 37px; }

.c-tag-report { border: 1px solid #03c; line-height: 18px; margin: -2px 5px 0 0; padding: 0 4px; text-indent: 0; }

.c-tag-article, .c-tag-article--red, .c-tag-article--gray, .c-tag-article--green { bottom: 0; color: #fff; font-weight: normal; left: 0; letter-spacing: 0.06em; padding: 4px 10px 2px; position: absolute; z-index: 1; }

.c-tag-article--red { background-color: #ff2800; }

.c-tag-article--gray { background-color: #9fa0a0; }

.c-tag-article--green { background-color: #094; }

.tag { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 26px; margin: 10px 0 0 -5px; }

.tag li { margin: 5px 0 0 5px; }

.tag a { border: 1px solid #ddd; border-radius: 2px; display: block; padding: 0 5px; }

/* text */
.c-text, .c-text--sm,.c-text--right { letter-spacing: 0.05em; margin: 25px 0 -5px; }

.c-text__strong { font-weight: bold; }

.c-text--sm { font-size: 14px; margin: 25.625px 0 -4.375px; }

.page .c-text, .page .c-text--sm,.page .c-text--right { line-height: 1.4; margin: 16.8px 0 -3.2px; }

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

.page .c-text--sm { margin: 17.2px 0 -2.8px; }

.c-text-note { color: #9fa0a0; display: inline-block; font-size: 12px; letter-spacing: 0; vertical-align: middle; }

.c-text-note:before { content: '-'; margin: 0 5px; }

.c-text-date { color: #9fa0a0; font-family: "Lucida Grande", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 13px; letter-spacing: 0.05em; margin: 5.9375px 0 -4.0625px; display: flex; justify-content: space-between; }

.c-text-date__strong { color: #03c; font-weight: normal; margin-right: 5px; }

.c-text-full { font-size: 16px; font-weight: bold; margin-top: 15px; text-align: center; }

.c-text-full__link { background-color: #f2f2f2; display: block; padding: 11px 16px; }

.c-text-link { font-size: 15px; letter-spacing: 0.025em; margin: 25.3125px 0 -4.6875px; }

.c-text-link__link { display: block; text-decoration: underline; }

.c-text-rel { font-size: 15px; letter-spacing: 0.025em; margin: 15px 0 0; }

.c-text-rel + .c-text-rel { margin-top: 5px; }

.c-text-rel__title { font-size: 12px; color: #9fa0a0; }

.c-text-rel__link { display: block; text-decoration: underline; }

.c-text-author { font-size: 13px; letter-spacing: 0.05em; line-height: 1.3; margin: 15px 0 0 20px; }

.c-text-author + .c-text-author { margin-top: 15px; }

.c-text-next { font-size: 16px; margin-top: 20px; }

.c-text-next__link { background-color: #f2f2f2; display: block; padding: 7px 20px 7px 32px; text-indent: -12px; }

.c-text-next__link:before { background: url(../img/icon_arrow_black_right.png) no-repeat; background-size: contain; content: ''; display: inline-block; height: 11px; margin: -2px 5px 0 0; vertical-align: middle; width: 7px; }

.c-text-next__left { color: #000; }

.c-text-page { letter-spacing: 0.05em; margin: 5px 0 -5px; text-align: center; }

.c-text-searchlogo { letter-spacing: 0.05em; margin: 5px 0 10px; text-align: right; display: none; }

.c-text-searchlogo img { display: inline; }

.c-text-copyright { color: #333; font-size: 10px; letter-spacing: 0.05em; line-height: 1.5; margin: 7.5px 0 -2.5px; text-align: center; }

/* thumbnail */
.c-thumbnail { margin-top: 20px; }

.c-thumbnail + .c-thumbnail { margin-top: 10px; }

.c-thumbnail__link { display: block; }
.c-thumbnail .c-thumbnail__link .is-pc { display: none; }
.c-thumbnail .c-thumbnail__link .is-sp { display: block; }

/* title */
.c-title, .c-title--md, .c-title--lg, .c-title--section, .c-title--line,.c-title--lg_line { font-weight: bold; letter-spacing: 0.05em; line-height: 1.25; position: relative; }

.c-title__link { display: block; }

.c-title__link-right { bottom: 0; color: #03c; font-size: 15px; font-weight: normal; height: 1em; line-height: 1; margin: auto; position: absolute; right: 0; top: 0; }

.c-title__strong { color: #ff2800; }

.c-title--md { border-left: 3px solid #ff2800; font-family: "Lucida Grande", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 17px; line-height: 1.5; margin: 22.775px 0 -7.225px; padding: 3px 0 3px 12px; }

.c-title--lg,.c-title--lg_line { font-family: "Lucida Grande", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 19px; margin: 12.625px 0 -2.375px; }

.page .c-title--lg,.c-title--lg_line { margin-top: 17.625px; }

.c-title--lg_line{
    border-bottom: 1px solid #333;
    margin: 20px 0 20px;
    padding: 17.75px 0;
}
.c-title--photo { margin-top: 10px; }

.c-title--section, .c-title--line { font-size: 18px; letter-spacing: 0; margin: -2.25px 0; text-align: center; }

.c-title--line { border-top: 1px solid #333; margin: 20px 0 -20px; padding: 17.75px 0; }

.c-title--search { font-size: 18px; padding: 15px 0; margin-bottom: -10px; text-align: left; border-bottom: 1px solid #ddd; display: none; }

/* block */
.p-block blockquote { background-color: #fafafa; border: 1px solid #eee; margin-top: 30px; padding: 0 20px 20px; }

.p-block blockquote p:not([class]) { margin-top: 15px; }

.p-block blockquote + blockquote { margin-top: 20px; }

.p-block em, .p-block .em { color: #ff2800; font-style: normal; font-weight: bold; }

.p-block h3:not([class]), .p-block h4:not([class]) { border-left: 3px solid #ff2800; font-family: "Lucida Grande", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 17px; font-weight: bold; letter-spacing: 0.05em; line-height: 1.5; margin: 22.775px 0 -7.225px; padding: 3px 0 3px 12px; }

.p-block p:not([class]) { letter-spacing: 0.05em; margin: 15px 0 -5px; }

.p-block p:empty { display: none; }

.p-block strong, .p-block .strong { font-weight: bold; }

.p-block .pic_main { color: #666; margin: 15px auto -15px; }

.p-block .pic_main .pic img { height: auto; max-width: 100%; }

.p-block .pic_main .pic span { display: block; font-size: 12px; line-height: 1.4; margin: 7.6px auto -2.4px; }

.p-block .pic_left .pic, .p-block .pic_right .pic, .p-block .pic_cols .pic { color: #666; margin: 15px auto -15px; }

.p-block .pic_left .pic img, .p-block .pic_right .pic img, .p-block .pic_cols .pic img { max-width: 160px; }

.p-block .pic_left .pic span, .p-block .pic_right .pic span, .p-block .pic_cols .pic span { display: block; font-size: 12px; line-height: 1.4; margin: 7.6px auto -2.4px; }

.p-block .pic_cols { width: 100% !important; }

.p-block .pic_cols .pic { width: 100% !important; }

.p-block .quote_from { font-size: 11px; margin: 26.5625px 0 -3.4375px; text-align: right; }

.p-block .c-box-ad, .p-block .c-box-ad--gray, .p-block .c-box-ad--space { margin-top: 15px; }

.article.all .p-block .c-box-ad, .article.all .p-block .c-box-ad--gray, .article.all .p-block .c-box-ad--space { margin: 20px 0 -10px; }

.p-block [style*='56.25%'] { margin-top: 30px; }

.p-block [style*='56.25%'] iframe { bottom: 0; }

.p-block > [src^='https://www.youtube.com/'] { display: block; margin: 30px auto 0; max-width: 100%; }

.p-block:first-of-type p:not([class]):first-child, .p-block:first-of-type .c-text:first-child, .p-block:first-of-type .c-text--sm:first-child { margin-top: 10px; }

/* book */
.p-book { margin: 0 -10px; position: relative; z-index: 1; }

.p-book .slick-list { margin-top: 20px; padding: 0 10px; -webkit-transition: margin-left 0.25s; transition: margin-left 0.25s; width: 325px; }

.p-book .slick-track { *zoom: 1; }

.p-book .slick-track:before, .p-book .slick-track:after { content: ''; display: table; }

.p-book .slick-track:after { clear: both; }

.p-book .slick-slide { float: left; }

.p-book .slick-dots { line-height: 0; text-align: center; }

.p-book .slick-dots li { display: inline-block; margin: 20px 7.5px 0; }

.p-book .slick-dots li.slick-active button { background-color: #ff2800; }

.p-book .slick-dots button { background-color: #9fa0a0; border: none; border-radius: 50%; cursor: pointer; display: block; height: 10px; padding: 0; text-indent: -9999px; width: 10px; }

.p-book__box { *zoom: 1; background-color: #fff; margin: 0 auto; padding: 0 15px 15px; position: relative; width: 275px; }

.p-book__box:before, .p-book__box:after { content: ''; display: table; }

.p-book__box:after { clear: both; }

.p-book__thumbnail { float: left; margin-top: 15px; }

.p-book__no-link { color: #666; margin-left: 5px; }

.p-book__image { -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); margin: 0 auto; max-width: 100px; }

.p-book__caption { float: right; font-size: 14px; letter-spacing: 0.05em; line-height: 1.4; margin: 12.2px 0 48.2px; width: 160px; }

.p-book__caption--strong { font-weight: bold; }

.p-book__button { bottom: 15px; position: absolute; right: 15px; width: 160px; }

@media screen and (min-width: 670px) { .p-book .slick-list { margin: 20px auto 0; width: 650px; } }

/* gallery */
.p-gallery { background-color: #000; color: #fff; font-size: 12px; line-height: 1.4; margin: 0 -10px; padding-bottom: 13px; position: relative; }

.p-gallery .slick-slider { /*display: block;*/ display: flex; justify-content: center; align-items: center;}

.p-gallery .slick-dotted { overflow-x: visible; }

.p-gallery .slick-list { overflow: hidden; flex: 1; /**padding: 0 !important;**/ /* width: calc(100% - 70px);*/ /*width: 100vw;*/ }

.p-gallery .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; }

.p-gallery .slick-dots { bottom: 14px; left: 50%; line-height: 0; position: absolute; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.p-gallery .slick-dots li { display: inline-block; margin: 0 5px; opacity: 0.3; }

.p-gallery .slick-dots li.slick-active { opacity: 1; }

.p-gallery .slick-dots button { background-color: #fff; border: none; border-radius: 50%; cursor: pointer; font-size: 0; height: 10px; padding: 0; width: 10px; }

.p-gallery__main { padding: 0; position: relative; }

.p-gallery__main .p-gallery__thumbnail { height: 67vw; position: relative; }

.p-gallery__main .p-gallery__thumbnail.is-vertical { height: 67vw; }

.p-gallery__nav-left, .p-gallery__nav-right { height: 100%; position: absolute; right: 0; top: 0; width: 125px; z-index: 1; }

.p-gallery__nav-left .p-gallery__link, .p-gallery__nav-left .p-gallery__link--current, .p-gallery__nav-right .p-gallery__link, .p-gallery__nav-right .p-gallery__link--current { background: none; height: 100%; width: 100%; }

.p-gallery__nav-left .p-gallery__image, .p-gallery__nav-right .p-gallery__image { left: auto; right: 30px; width: 22.5px; }

.p-gallery__nav-left { left: 0; right: auto; }

.p-gallery__nav-left .p-gallery__image { left: 30px; right: auto; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

/** .p-gallery__link, .p-gallery__link--current { background-color: #fff; display: block; height: 96px; margin: auto; position: relative; width: 96px; } **/

/* .p-gallery__link, .p-gallery__link--current { background-color: #fff; display: block; height: 80px; position: relative; width: 80px; margin: auto; } */
.p-gallery__link, .p-gallery__link--current { background-color: #fff; display: block; height: 70px; position: relative; width: 70px; margin: auto; }

.p-gallery__link--current .p-gallery__image { opacity: 0.3; }

.p-gallery__image { bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; }

.p-gallery__caption { margin: 7.6px 10px -2.4px; }

/**.p-gallery__sub { display: none; overflow-x: auto; } **/
/*.p-gallery__sub { display: none; } */
.p-gallery__sub {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;height: 110px;margin: 0 0 0;overflow: hidden;}


.p-gallery__text { margin: 10.6px 10px -2.4px; text-align: right; }

.c-icon-arrow--bottom:before { background: url(../img/icon_arrow_black_bottom.svg) no-repeat; background-size: contain; height: 14px; margin: 0px 10px 0px 0px; width: 17px; }
.n-gallery { background-color: #000; color: #fff; font-size: 100%; line-height: 1.4; margin: 0 -10px; position: relative; }
.n-gallery .c-text-title .c-text-link {color: #ffffff; font-size: 16px;letter-spacing: 0px;text-decoration: underline;}
.n-gallery img { max-width: 100vw; max-height: 67vw; object-fit: contain;}
.n-gallery__main{ padding: 0; position: relative; }
.n-gallery__sub { padding: 0; position: relative; margin: 30px 0 0 0; }
.n-gallery .n-gallery__bg_gray .c-text-full__link { color: #fff; margin: 10px; background-color: #333333; border: 2px solid; border-color: #9FA0A0; display: block; padding: 11px 16px; font-weight: bold; }
.n-gallery .n-gallery__bg_white .c-text-full {font-size: 16px;font-weight: bold; margin: 10px; text-align:center;}
.n-gallery .n-gallery__bg_white .c-text-full__link { letter-spacing: 0px; color: #333333; background: #EFEFEF 0% 0% no-repeat; display: block; padding: 13px 10px;  border-radius: 24px; }

.n-gallery .n-gallery__bg_white .c-text-full__link::after {content: url(/common/sp/img/icon_arrow_black_right.svg); width: 2.4vw; height: 4vw; position: absolute; right: 7.7295vw; padding: 0.26666667vw 0 0; display: inline-block; vertical-align: middle;}
.n-gallery .c-text-title { padding: 0 10px 10px; }
.n-gallery__image_text { text-align: right; position: absolute; top:5px; right:5px; z-index:100;}
.n-gallery__scroll{ text-align:center; background: #333333 0% 0% no-repeat padding-box;}
.n-gallery__scroll .c-text{letter-spacing: 0px;	color: #DDDDDD; padding: 2px 10px; margin: 0px; font-size:13px;}

.n-gallery__image_text span{color: #ffffff; background-color: #333333; padding: 2px 6px 3px 6px; border-radius: 30px; font-weight: normal; opacity: 0.8; font-size: 14px; }
.n-gallery .c-text-date__strong span { color: #ffffff; font-size:100%; }
.n-gallery__back_link { text-align: right; }
.n-gallery__back_link .c-text-full__link{ color: #333; font-weight: bold; text-decoration: none; outline: none; background-color: #fff; border-radius: 8px; margin: 5px 5px 0 0; padding: 14px 16px; font-size: 14px; width: 100px; text-align: center;}
.n-gallery__caption{ display:flex; justify-content: space-between;}
.n-gallery__main .c-text-caption, .n-gallery__sub .c-text-caption{ color: #ffffff; padding: 10px; font-size: 14px; letter-spacing: 0px; }
.n-gallery__main .c-text-caption .c-text-caption_more,
.n-gallery__sub .c-text-caption .c-text-caption_more { display: none; }
.n-gallery__main .c-text-caption a,
.n-gallery__sub .c-text-caption a,
.n-gallery__main .c-text-caption .c-text-more_link,
.n-gallery__sub .c-text-caption .c-text-more_link{ color: #ffffff; text-decoration: underline; white-space: nowrap;}
.n-gallery .c-text-publish { padding: 0px 10px; font-size: 12px; }
.n-gallery .c-text-date { display: inline-block; font-size: 100%;}

/** @media screen and (min-width: 434px) { .p-gallery .slick-list { margin: 20px auto 0 !important; } }**/
@media screen and (min-width: 434px) { .p-gallery .slick-list { margin: 10px auto 0 !important; } }

/* pagination */
.p-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; text-align: center; }

.p-pagination__link, .p-pagination__link--disable, .p-pagination__link--current { border: 1px solid #ddd; color: #333; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 100%; font-size: 19px; max-width: 48px; padding: 8.5625px 0; }

.p-pagination__link + .p-pagination__link, .p-pagination__link--disable + .p-pagination__link, .p-pagination__link--current + .p-pagination__link, .p-pagination__link + .p-pagination__link--disable, .p-pagination__link--disable + .p-pagination__link--disable, .p-pagination__link--current + .p-pagination__link--disable, .p-pagination__link + .p-pagination__link--current, .p-pagination__link--disable + .p-pagination__link--current, .p-pagination__link--current + .p-pagination__link--current { margin-left: 10px; }

.p-pagination__link:first-child, .p-pagination__link--disable:first-child, .p-pagination__link--current:first-child, .p-pagination__link:last-child, .p-pagination__link--disable:last-child, .p-pagination__link--current:last-child { max-width: 80.5px; }

.p-pagination__link--disable { border: 1px solid #333; opacity: 0.17; }

.p-pagination__link--current { background-color: #333; border-color: #333; color: #fff; }

/* search */
.p-search { padding: 69px 10px 10px; background-color: #666;}

.p-search form{ background:#fff; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between;}

.p-search__button { background: none; border: none; cursor: pointer; font-size: 0; padding: 14px; width: 50px; }

.p-search__input { border: none; color: #333; font-family: "Lucida Grande", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 16px; letter-spacing: 0.01em; padding: 0; width: calc(100% - 54px); padding-left: 10px; }

.p-search__input:placeholder-shown { color: #9fa0a0; }

.p-search__input::-webkit-input-placeholder { color: #9fa0a0; }

.p-search__input::-moz-placeholder { color: #9fa0a0; opacity: 1; }

.p-search__input:-moz-placeholder { color: #9fa0a0; opacity: 1; }

.p-search__input:-ms-input-placeholder { color: #9fa0a0; }

/* .is-searchActive .p-search { -webkit-transform: translateY(0); transform: translateY(0);} */

/* tab */
.p-tab, .p-tab--col_2, .p-tab--col_3, .p-tab--col_4 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-weight: bold; margin-top: 20px; }

.p-tab .slick-dots, .p-tab--col_2 .slick-dots, .p-tab--col_3 .slick-dots, .p-tab--col_4 .slick-dots, .p-tab .slick-track, .p-tab--col_2 .slick-track, .p-tab--col_3 .slick-track, .p-tab--col_4 .slick-track { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; }

.p-tab .slick-list, .p-tab--col_2 .slick-list, .p-tab--col_3 .slick-list, .p-tab--col_4 .slick-list { overflow: hidden; }

.p-tab .slick-dots li, .p-tab--col_2 .slick-dots li, .p-tab--col_3 .slick-dots li, .p-tab--col_4 .slick-dots li, .p-tab__title { color: #9fa0a0; cursor: pointer; font-family: "Lucida Grande", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; line-height: 32px; position: relative; text-align: center; }

.p-tab .slick-dots li:after, .p-tab--col_2 .slick-dots li:after, .p-tab--col_3 .slick-dots li:after, .p-tab--col_4 .slick-dots li:after, .p-tab__title:after { border-top: 1px solid #ddd; bottom: 0; content: ''; left: 0; position: absolute; width: 100%; }

.p-tab .slick-dots li.slick-active, .p-tab--col_2 .slick-dots li.slick-active, .p-tab--col_3 .slick-dots li.slick-active, .p-tab--col_4 .slick-dots li.slick-active, .p-tab .slick-dots li.is-active, .p-tab--col_2 .slick-dots li.is-active, .p-tab--col_3 .slick-dots li.is-active, .p-tab--col_4 .slick-dots li.is-active, .p-tab__title.slick-active, .p-tab__title.is-active { background-color: #ff2800; color: #fff; cursor: default; }

.p-tab .slick-dots li.slick-active:after, .p-tab--col_2 .slick-dots li.slick-active:after, .p-tab--col_3 .slick-dots li.slick-active:after, .p-tab--col_4 .slick-dots li.slick-active:after, .p-tab .slick-dots li.is-active:after, .p-tab--col_2 .slick-dots li.is-active:after, .p-tab--col_3 .slick-dots li.is-active:after, .p-tab--col_4 .slick-dots li.is-active:after, .p-tab__title.slick-active:after, .p-tab__title.is-active:after { border: 5px solid; border-color: #ff2800 transparent transparent transparent; bottom: -10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: auto; }

.p-tab__upper, .p-tab__contents { width: 100%; }

.p-tab__link { color: #9fa0a0; display: block; }

.p-tab--col_2 .slick-dots li, .p-tab--col_2 .p-tab__title { width: 50%; }

.p-tab--col_3 .slick-dots li, .p-tab--col_3 .p-tab__title { width: calc(100% / 3); }

.p-tab--col_4 { margin-top: 10px; }

.p-tab--col_4 .slick-dots li, .p-tab--col_4 .p-tab__title { width: 25%; }

.kameokakids_square_btn{ display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #fee91b;/*ボタン色*/ color: #000000; border-bottom: solid 4px #8f8201;    border-radius: 3px;}
.kameokakids_square_btn:active { -ms-transform: translateY(4px); -webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;}

.tag_campaign_top_block{
    margin-top: 20px;
}
.tag_description{
    margin-bottom: 20px;
}
.tag_campaign_top_list{
    margin-top: 10px;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
}
.tag_campaign_top_list li{
    width: 48%;
}

.c-list--num { line-height: 1.4; margin: 16.8px 0 -3.2px 1.5em; }

/* トップページ記事アイコン */
.pr-icon, .series-icon, .new-icon{
   display: inline-block;
   margin: 0px 0px 0px 6px;
   position: absolute;
}

.l-mailmagazine {
	background-color: #E5F3FF;
	height: 402px;
	padding: 24px 15px 0 15px;
	margin-top: 20px;
	font-family: "Lucida Grande", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.c-contents__mailmagazine {
	background-color: #E5F3FF;
	margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-right: calc(((100vw - 100%) / 2) * -1);
	padding: 24px 15px 0 15px;
	height: 402px;
	font-family: "Lucida Grande", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.l-mailmagazine .c-bnr,
.c-contents__mailmagazine .c-bnr {
	background-image: url('../img/mm_common_title.png');
	background-repeat: no-repeat;
	background-clip: padding-box;
	background-color: transparent;
	background-size: 100%;
	width: 345px;
	height: 202px;
}

.l-mailmagazine .c-form,
.c-contents__mailmagazine .c-form {
	margin: 0 auto;
	text-align: center;
}

.l-mailmagazine .c-form input[type="text"],
.c-contents__mailmagazine .c-form input[type="text"] {
	height: 44px;
	width:100%; 
	box-sizing:border-box;
	margin-top: 6px;
	border: 1px solid #888888;
	border-radius: 4px;
	font-size: 18px;
	padding: 8px;
}

.l-mailmagazine .c-form input[type="submit"],
.c-contents__mailmagazine .c-form input[type="submit"] {
	height: 48px;
	width: auto;
	text-align: center;
	border-radius: 8px;
	border: 0px;
	background: #0074F0 0% 0% no-repeat padding-box;
	font-size: 16px;
	padding: 16px 40px;
	line-height: 16px;
	color: #ffffff;
	font-weight: bold;
	letter-spacing: 0px;
	margin-top: 8px;


}

.l-mailmagazine p,
.c-contents__mailmagazine p {
	color: #333333;
	font-size: 14px;
	text-align: left;
	letter-spacing: 0px;
}

.l-mailmagazine .c-label,
.c-contents__mailmagazine .c-label {
font-weight: bold;
line-height: 14px;

}

.l-mailmagazine .c-notice,
.c-contents__mailmagazine .c-notice {
	margin-top: 6px;
	letter-spacing: 0px;
}

.l-mailmagazine .c-notice a,
.c-contents__mailmagazine .c-notice a {
	color: #333333;
	text-decoration: underline;
}

#l-container-mailmagazine {
	padding: 58px 0 0 !important;
}


.p-gallery__sub .slick-next{
width: 30px;
height: 60px;
margin: 0 0 0 5px;
font-size:0;
background:rgb(51, 51, 51);
border-radius: 4px 0 0 4px;
border: none;
flex: 0 0 30px;
}

.p-gallery__sub .slick-prev{
	width: 30px;
    height: 60px;
    margin: 0 5px 0 0;
	font-size:0;
	background:rgb(51, 51, 51);
    border-radius: 0 4px 4px 0;
	border: none;
	flex: 0 0 30px;
}

.p-gallery__sub .slick-prev:before{
    content: '';
    width: 10px;
    height: 10px;
	margin-left: 10px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    opacity: 1;
    display: block;
	transform: rotate(-45deg);

}

.p-gallery__sub .slick-next:before{
    content: '';
    width: 10px;
    height: 10px;
	margin-left: 4px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;    
    opacity: 1;
    display: block;
	transform: rotate(135deg);

}

.p-gallery__sub .slick-disabled{
	pointer-events: none;
	opacity: 0.2;
}
.p-gallery__image_text { text-align: right; position: absolute; top:5px; right:5px; z-index:100;}
.p-gallery__image_text span{color: #ffffff; background-color: #333333; padding: 2px 6px 3px 6px; border-radius: 30px; font-weight: normal; opacity: 0.8; font-size: 14px; }
.p-gallery__caption .c-text-caption { color: #ffffff; padding: 10px 10px 0px 10px; font-size: 12px; letter-spacing: 0px; }
.p-gallery__caption .c-text-caption .c-text-caption_normal #more{ color:#36b3d9; }

.category_campaign_top_block{
	margin-top: 20px;
}

.category_description{
	margin-top: 30px;
	margin-bottom: 20px;
}