/* for IE10 & 11 */
/* 3点リーダー */
/* for IE10 & 11 */
/* 3点リーダー */
/*
$sp : 747;
$tab : 959;
*/
.swiper-wrapper[sort-mode] {
  opacity:0;
}

.swiper-wrapper[sort-mode][id] {
  opacity:1;
}

a { text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

.link_blue { color: #1eb9ee; text-decoration: underline; }

.is-sp { display: none; }

@media screen and (max-width: 767px) { .is-sp { display: block; } }

@media screen and (max-width: 767px) { .is-pc { display: none; } }

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

.is-visibility_hidden { visibility: hidden !important; white-space: nowrap; overflow: hidden; letter-spacing: -100px; }

/* フォームエラー */
label.error { display: block; color: #e8334a; font-size: 12px; padding: 5px 0 0; }

/* メイン部 */
.wrap { width: 100%; max-width: 1020px; padding: 0 10px; margin: 0 auto; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.l-main { width: 72%; }

@media screen and (max-width: 767px) { .l-main { width: 100%; margin-bottom: 30px; } }

.l-main.hidden-sidebar { width: 100%; }

.l-sidebar { width: 25%; padding: 60px 0 0; }

@media screen and (max-width: 767px) { .l-sidebar { padding: 0; width: 100%; } }

/* セクション */
.c-section { padding: 60px 0 0; }

@media screen and (max-width: 767px) { .c-section { padding: 30px 0 0; } }

.c-section_inner { position: relative; }

.c-flex_box { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -30px 0 0; }

.c-flex_box_item { width: 49%; margin: 30px 0 0; }

@media screen and (max-width: 767px) { .c-flex_box_item { width: 100%; } }

.c-flex_box_6 .c-flex_box_item { width: 15%; }

@media screen and (max-width: 767px) { .c-flex_box_6 .c-flex_box_item { width: 31%; } }

.c-flex_box_5 .c-flex_box_item { width: 19%; }

@media screen and (max-width: 767px) { .c-flex_box_5 .c-flex_box_item { width: 31%; } }

.c-flex_box_4 .c-flex_box_item { width: 23%; }

@media screen and (max-width: 767px) { .c-flex_box_4 .c-flex_box_item { width: 49%; } }

.c-flex_box_3 .c-flex_box_item { width: 31%; }

@media screen and (max-width: 767px) { .c-flex_box_3 .c-flex_box_item { width: 49%; } }

/* flex box 最終行調整 */
.c-flex_box_4:after, .c-flex_box_4:before { content: ""; display: block; width: 23%; height: 0; }

.c-flex_box_4:before { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

@media screen and (max-width: 767px) { .c-flex_box_5:after, .c-flex_box_5:before { content: ""; display: block; width: 31%; height: 0; } }

.c-flex_box_5:before { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

/* データがない場合 */
.c-no_message { text-align: center; }

/* ヘッドライン */
.c-headline_lv2 { margin: 0 0 30px; position: relative; padding: 10px 15px; background: #1eb9ee; }

@media screen and (max-width: 767px) { .c-headline_lv2 { margin: 0 0 20px; } }

.c-headline_lv2:after { content: ""; display: block; width: 90px; height: 100%; background: url("../image/bg_headline_lv02.png") no-repeat left center; position: absolute; top: 0; right: 0; }

.c-headline_lv2 .primary { font-size: 22px; font-weight: bold; color: #fff; }

@media screen and (max-width: 767px) { .c-headline_lv2 .primary { font-size: 18px; } }

.c-headline_lv2 .primary em { font-size: 15px; font-style: normal; padding: 0 0 0 10px; }

.c-headline_lv2.color-orange { background: #f39700; }

.c-headline_lv2.color-green { background: #00a63c; }

.c-headline_lv2.color-pink { background: #eb6aa4; }

.c-headline_lv3 { font-size: 18px; font-weight: bold; color: #0a2657; border-left: 5px solid #1eb9ee; padding: 0 10px; margin: 0 0 15px; }

/* もっとみる */
.c_more { text-align: center; margin: 30px 0 0; }

.c_more_link { display: block; width: 300px; padding: 10px; margin: 0 auto; color: #1eb9ee; font-weight: bold; border: 1px solid #1eb9ee; border-radius: 3px; }

@media screen and (max-width: 767px) { .c_more_link { width: auto; } }

.c_more_link.color-orange { color: #f39700; border-color: #f39700; }

.c_more_link.color-green { color: #00a63c; border-color: #00a63c; }

.c_more_link.color-pink { color: #eb6aa4; border-color: #eb6aa4; }

.c_more_link span:after { content: "＞"; display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin: 0 0 0 10px; }

.c_more .c_link_01 { display: block; width: 300px; padding: 10px; margin: 0 auto; color: #1eb9ee; font-weight: bold; border: 1px solid #1eb9ee; border-radius: 3px; }

@media screen and (max-width: 767px) { .c_more .c_link_01 { width: auto; } }

/* *****  テキスト ***** */
.c-description { margin: 0 0 30px; }

/* *****  マイページ ***** */
.c-mypage_message { background: #f3f3f3; }

.c-mypage_message p { text-align: center; padding: 50px 0; }

/* *****  重要なお知らせ ***** */
.c-notices { background: #f3f3f3; width: 100%; padding: 20px; margin: 20px 0 0; position: relative; }

@media screen and (max-width: 767px) { .c-notices { padding: 10px; } }

.c-notices_title { background: #f37000; border-radius: 3px; width: 80px; font-weight: bold; color: #fff; text-align: center; padding: 3px 0; position: absolute; top: 50%; left: 20px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

@media screen and (max-width: 767px) { .c-notices_title { left: 10px; } }

.c-notices_list { margin: 0 0 0 90px; overflow: hidden; }

.c-notices_list dt { width: 100px; font-weight: bold; color: #6a960a; padding: 3px 0 0; float: left; }

@media screen and (max-width: 767px) { .c-notices_list dt { float: none; padding: 0; } }

.c-notices_list dd { margin: 0 0 0 120px; padding: 3px 0 0; }

@media screen and (max-width: 767px) { .c-notices_list dd { margin: 0; } }

.c-notices_list dd a { display: block; }

/* *****  メインビジュアル ***** */
.c-mv { width: 100%; overflow: hidden; }

.c-mv .swiper-container { overflow: visible; margin: 0 0 30px; }

.c-mv .swiper-container:before { content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; left: 50%; top: 0; z-index: 2; -webkit-transform: translate(450px, 0); transform: translate(450px, 0); }

.c-mv .swiper-container:after { content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; right: 50%; top: 0; z-index: 2; -webkit-transform: translate(-450px, 0); transform: translate(-450px, 0); }

.c-mv .swiper-wrapper { height: auto; }

.c-mv .swiper-slide { max-width: 900px; height: auto; }

.c-mv .swiper-button-next, .c-mv .swiper-button-prev { display: block; width: 30px; height: 80px; position: absolute; top: 50%; z-index: 500; border: 0; outline: 0; background: rgba(0, 0, 0, 0.75); cursor: pointer; font-size: 0; line-height: 0; }

@media screen and (max-width: 1000px) { .c-mv .swiper-button-next, .c-mv .swiper-button-prev { height: 40px; width: 20px; } }

.c-mv .swiper-button-prev { left: 50%; right: initial; -webkit-transform: translate(-450px, -40px); transform: translate(-450px, -40px); }

@media screen and (max-width: 1000px) { .c-mv .swiper-button-prev { left: 0; right: initial; -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

.c-mv .swiper-button-next { right: 50%; left: initial; -webkit-transform: translate(450px, -40px); transform: translate(450px, -40px); }

@media screen and (max-width: 1000px) { .c-mv .swiper-button-next { right: 0; left: initial; -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

.c-mv .swiper-button-prev:after, .c-mv .swiper-button-next:after { display: inline-block; font-size: 20px; font-weight: bold; color: #fff; padding: 30px 0 0 10px; }

@media screen and (max-width: 1000px) { .c-mv .swiper-button-prev:after, .c-mv .swiper-button-next:after { font-size: 16px; padding: 12px 0 0 6px; } }

.c-mv .swiper-button-next:before { color: #fff; }

.c-mv .swiper-container-horizontal > .swiper-pagination-bullets, .c-mv .swiper-pagination-custom, .c-mv .swiper-pagination-fraction { bottom: -30px; }

.c-mv .swiper-pagination-bullet-active { background: #e8334a; }

/* *****  スライダー ***** */
.c-slide .swiper-wrapper { height: auto; }

.c-slide .swiper-button-next, .c-slide .swiper-button-prev { display: block; width: 30px; height: 80px; position: absolute; top: 50%; z-index: 500; border: 0; outline: 0; background: #c3c3c3; cursor: pointer; font-size: 0; line-height: 0; }

@media screen and (max-width: 767px) { .c-slide .swiper-button-next, .c-slide .swiper-button-prev { width: 20px; height: 40px; } }

.c-slide .swiper-button-prev { left: -30px; }

@media screen and (max-width: 767px) { .c-slide .swiper-button-prev { left: 0; } }

.c-slide .swiper-button-next { right: -30px; }

@media screen and (max-width: 767px) { .c-slide .swiper-button-next { right: 0; } }

.c-slide .swiper-button-prev:after, .c-slide .swiper-button-next:after { display: inline-block; font-size: 20px; font-weight: bold; color: #fff; padding: 30px 0 0 10px; }

@media screen and (max-width: 767px) { .c-slide .swiper-button-prev:after, .c-slide .swiper-button-next:after { font-size: 16px; padding: 12px 0 0 6px; } }

.c-slide .swiper-button-next:before { color: #fff; }

.c-slide_item { width: 202px; height: auto; padding: 0 5px; font-size: 12px; }

@media screen and (max-width: 767px) { .c-slide_item { width: 122px; } }

.c-slide_item_image { border: 1px solid #dfdfdf; }

.c-slide_item_no { font-weight: bold; padding: 5px 0 0; }

/* *****  共通ヘッダー ***** */
.l-header { width: 100%; position: relative; z-index: 400; background: rgba(255, 255, 255, 0.8); width: 100%; overflow: hidden; }

.l-header_inner { max-width: 1020px; margin: 0 auto; position: relative; padding: 0 10px; }

.l-header_headline { padding: 10px 0 0; }

.l-header_headline h1 { font-weight: bold; font-size: 14px; }

@media screen and (min-width: 767px) and (max-width: 856px) { .l-header_headline h1 { font-size: 10px; padding: 10px 0 0; } }

@media screen and (max-width: 767px) { .l-header_headline h1 { font-size: 10px; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: left center; transform-origin: left center; } }

.l-header_headline p { font-weight: bold; font-size: 14px; }

@media screen and (min-width: 767px) and (max-width: 856px) { .l-header_headline p { font-size: 10px; padding: 10px 0 0; } }

@media screen and (max-width: 767px) { .l-header_headline p { font-size: 10px; -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: left center; transform-origin: left center; } }

.l-header_logo { width: 250px; padding: 12px 0 30px; }

@media screen and (min-width: 767px) and (max-width: 856px) { .l-header_logo { width: 155px; } }

@media screen and (max-width: 767px) { .l-header_logo { width: 128px; padding: 5px 0 9px; } }

.l-header_user { background: #f1ebe3; width: 277px; position: absolute; top: 0; right: 289px; padding: 2px 2px; }

@media screen and (max-width: 767px) { .l-header_user { width: auto; position: static; margin: 0 -10px; } }

.l-header_user.line-1 { top: 10px; }

.l-header_user_info { font-size: 12px; font-weight: bold; }

.l-header_user_info span { color: #e8334a; }

.l-header_user_attention { font-size: 11px; }

.l-header_info { width: 260px; position: absolute; top: 10px; right: 10px; }

@media screen and (max-width: 767px) { .l-header_info { width: 265px; top: 0; right: -40px; -webkit-transform: scale(0.6); transform: scale(0.6); } }

.l-header_info_list { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.l-header_info_list_point_buy, .l-header_info_list_mypage, .l-header_info_list_beginner, .l-header_info_list_regist, .l-header_info_list_search, .l-header_info_list_login { width: 80px; }

@media screen and (max-width: 767px) { .l-header_info_list_point_buy, .l-header_info_list_mypage, .l-header_info_list_beginner, .l-header_info_list_regist, .l-header_info_list_search, .l-header_info_list_login { width: 60px; } }

.l-header_info_list_point_buy a, .l-header_info_list_mypage a, .l-header_info_list_beginner a, .l-header_info_list_regist a, .l-header_info_list_search a, .l-header_info_list_login a { display: block; width: 80px; height: 80px; border: 1px solid #dcdcdc; border-radius: 3px; background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), color-stop(60%, #f3f3f3), to(#dcdcdc)); background: -webkit-linear-gradient(#f3f3f3 0%, #f3f3f3 60%, #dcdcdc 100%); background: linear-gradient(#f3f3f3 0%, #f3f3f3 60%, #dcdcdc 100%); }

@media screen and (max-width: 767px) { .l-header_info_list_point_buy a, .l-header_info_list_mypage a, .l-header_info_list_beginner a, .l-header_info_list_regist a, .l-header_info_list_search a, .l-header_info_list_login a { width: 64px; height: 64px; } }

.l-header_info_list_point_buy a span, .l-header_info_list_mypage a span, .l-header_info_list_beginner a span, .l-header_info_list_regist a span, .l-header_info_list_search a span, .l-header_info_list_login a span { display: block; background: url("../image/icon_first.png") no-repeat center 12px; font-size: 12px; font-weight: bold; text-align: center; padding: 50px 0 0; }

@media screen and (max-width: 767px) { .l-header_info_list_point_buy a span, .l-header_info_list_mypage a span, .l-header_info_list_beginner a span, .l-header_info_list_regist a span, .l-header_info_list_search a span, .l-header_info_list_login a span { background-size: auto 22px; background-position: center 13px; padding: 40px 0 0; font-size: 10px; } }

.l-header_info_list_login a span { background-image: url("../image/icon_login.png"); }

.l-header_info_list_regist a { border-color: #e8334a; background: -webkit-gradient(linear, left top, left bottom, from(#ea6f7f), color-stop(60%, #ea6f7f), to(#e8334a)); background: -webkit-linear-gradient(#ea6f7f 0%, #ea6f7f 60%, #e8334a 100%); background: linear-gradient(#ea6f7f 0%, #ea6f7f 60%, #e8334a 100%); }

.l-header_info_list_regist a span { background-image: url("../image/icon_regist.png"); color: #fff; }

.l-header_info_list_mypage a span { background-image: url("../image/icon_mypage.png"); }

.l-header_info_list_point_buy a { border-color: #045a24; background: -webkit-gradient(linear, left top, left bottom, from(#06933b), color-stop(60%, #06933b), to(#06672a)); background: -webkit-linear-gradient(#06933b 0%, #06933b 60%, #06672a 100%); background: linear-gradient(#06933b 0%, #06933b 60%, #06672a 100%); }

.l-header_info_list_point_buy a span { background-image: url("../image/icon_point_buy.png"); color: #fff; }

.l-header_info_list_search { display: none; }

@media screen and (max-width: 767px) { .l-header_info_list_search { display: block; } }

.l-header_info_list_search a { border-color: #000; background: #000; }

.l-header_info_list_search a span { background: url("../image/icon_search.png") no-repeat center 12px; color: #fff; }

.l-header_search { width: 296px; font-size: 0; position: absolute; top: 50px; right: 270px; }

@media screen and (max-width: 767px) { .l-header_search { display: none; width: auto; position: static; } }

@media screen and (max-width: 767px) { .l-header_search.is-sp-show { display: block; } }

@media screen and (max-width: 767px) { .l-header_search_form { position: relative; padding: 0 0 10px; } }

.l-header_search_form_input_text { -webkit-appearance: none; border: 1px solid #c3c3c3; border-radius: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; background: none; font-size: 16px; padding: 7px 10px; width: 80%; }

@media screen and (max-width: 767px) { .l-header_search_form_input_text { width: 100%; height: 40px; } }

.l-header_search_form_input_button { border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; width: 40px; height: 40px; text-indent: -9999px; background: #000 url("../image/icon_search.png") no-repeat center center; -webkit-transform: translate(0, -3px); transform: translate(0, -3px); }

@media screen and (max-width: 767px) { .l-header_search_form_input_button { position: absolute; top: 0; right: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

/* *****  共通ナビゲーション ***** */
.l-nav { border-bottom: 5px solid #f3f3f3; }

@media screen and (max-width: 767px) { .l-nav { border-bottom-width: 3px; } }

.l-nav.is-top { border-bottom-color: #20bbee; }

.l-nav.is-comic { border-bottom-color: #f39700; }

.l-nav.is-novel { border-bottom-color: #00a63c; }

.l-nav.is-magazine { border-bottom-color: #eb6aa4; }

.l-nav.is-on { border-bottom-color: #20bbee; }

.l-nav nav { width: 100%; }

.l-nav_gmenu { text-align: center; max-width: 1020px; padding: 20px 10px 0; margin: 0 auto; position: relative; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

@media screen and (max-width: 767px) { .l-nav_gmenu { padding: 0; } }

.l-nav_gmenu.is-mypage li { width: 32%; }

@media screen and (max-width: 767px) { .l-nav_gmenu.is-mypage li { width: 33%; } }

.l-nav_gmenu.is-mypage li a span { padding: 9px 0 0; }

@media screen and (max-width: 767px) { .l-nav_gmenu.is-mypage li a span { padding: 8px 0 0; } }

.l-nav_gmenu.is-mypage li a.is-active { border: 5px solid #1eb9ee; border-bottom: none; height: 70px; margin-top: -20px; }

@media screen and (max-width: 767px) { .l-nav_gmenu.is-mypage li a.is-active { height: 50px; margin-top: 0; padding-top: 0; border-top-width: 3px; border-left-width: 3px; border-right-width: 3px; } }

@media screen and (max-width: 767px) { .l-nav_gmenu.is-mypage li a.is-active span { padding: 8px 0 0; } }

.l-nav_gmenu li { position: relative; width: 24%; }

.l-nav_gmenu li a { display: block; height: 50px; text-align: center; font-size: 15px; font-weight: bold; position: relative; background: #f3f3f3; }

@media screen and (max-width: 767px) { .l-nav_gmenu li a { font-size: 10px; } }

.l-nav_gmenu li a.is-active { height: 70px; margin-top: -20px; padding-top: 8px; border: 5px solid #f39700; border-bottom: none; background: #fff; }

@media screen and (max-width: 767px) { .l-nav_gmenu li a.is-active { border-top-width: 3px; border-left-width: 3px; border-right-width: 3px; height: 50px; margin-top: 0; padding-top: 0; } }

.l-nav_gmenu li a.is-top.is-active { border-color: #1eb9ee; }

.l-nav_gmenu li a.is-comic.is-active { border-color: #f39700; }

.l-nav_gmenu li a.is-novel.is-active { border-color: #00a63c; }

.l-nav_gmenu li a.is-magazine.is-active { border-color: #eb6aa4; }

.l-nav_gmenu li a.is-top { font-size: 20px; }

@media screen and (max-width: 767px) { .l-nav_gmenu li a.is-top { font-size: 10px; } }

.l-nav_gmenu li a.is-top.is-active { padding-top: 1px; }

.l-nav_gmenu li a.is-top img { display: none; }

@media screen and (max-width: 767px) { .l-nav_gmenu li a.is-top img { display: inline; } }

@media screen and (max-width: 767px) { .l-nav_gmenu li a.is-active span { padding: 7px 0 0; } }

@media screen and (max-width: 767px) { .l-nav_gmenu li a.is-active span span { padding: 4px 0 0; } }

.l-nav_gmenu li a span { display: inline-block; padding: 14px 0 0; }

@media screen and (max-width: 767px) { .l-nav_gmenu li a span { padding: 10px 0 0; display: block; } }

.l-nav_gmenu li a span span { -webkit-transform: translate(0, -3px); transform: translate(0, -3px); padding: 4px 0 0; }

@media screen and (max-width: 767px) { .l-nav_gmenu li a span span { padding: 4px 0 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } }

@media screen and (max-width: 767px) { .l-nav_gmenu li a span .l-nav_gmenu_icon_pc { display: none; } }

.l-nav_gmenu li a span .l-nav_gmenu_icon_sp { display: none; }

@media screen and (max-width: 767px) { .l-nav_gmenu li a span .l-nav_gmenu_icon_sp { display: inline; } }

.l-nav_gmenu li a img { vertical-align: top; padding: 0 10px 0 0; }

@media screen and (max-width: 767px) { .l-nav_gmenu li a img { padding: 0; height: 15px; } }

/* *****  共通フッター ***** */
.l-footer { background: #f3f3f3; width: 100%; padding: 0; position: relative; z-index: 100; margin-top: 100px; }

@media screen and (max-width: 767px) { .l-footer { margin-top: 0; } }

.l-footer_top { background: #1eb9ee; }

.l-footer_top_list { max-width: 1020px; margin: 0 auto; padding: 20px 10px; position: relative; text-align: center; }

@media screen and (max-width: 767px) { .l-footer_top_list { padding: 0; text-align: left; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }

.l-footer_top_list li { display: inline-block; padding: 0 10px; border-right: 1px solid #fff; line-height: 1; }

@media screen and (max-width: 767px) { .l-footer_top_list li { display: block; border: none; width: 50%; border-bottom: 1px solid #fff; } }

.l-footer_top_list li:first-child { border-left: 1px solid #fff; }

@media screen and (max-width: 767px) { .l-footer_top_list li:first-child { border-left: none; } }

@media screen and (max-width: 767px) { .l-footer_top_list li:nth-child(2n) { border-left: 1px solid #fff; } }

.l-footer_top_list li a { color: #fff; font-weight: bold; }

@media screen and (max-width: 767px) { .l-footer_top_list li a { display: block; padding: 10px 0; } }

.l-footer_inner { max-width: 1020px; margin: 0 auto; padding: 50px 10px 0; position: relative; }

@media screen and (max-width: 767px) { .l-footer_inner { padding: 40px 0 0; } }

.l-footer_menu_list { overflow: hidden; text-align: right; width: 60%; position: absolute; top: 64px; right: 10px; }

@media screen and (max-width: 767px) { .l-footer_menu_list { position: static; width: 100%; padding: 0; text-align: left; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }

.l-footer_menu_list li { display: inline-block; padding: 0 10px; margin: 0 0 10px; }

@media screen and (max-width: 767px) { .l-footer_menu_list li { display: block; border: none; width: 50%; margin: 0; border-top: 1px solid #fff; } }

@media screen and (max-width: 767px) { .l-footer_menu_list li:nth-child(2n) { border-left: 1px solid #fff; } }

.l-footer_menu_list li a { display: inline-block; }

@media screen and (max-width: 767px) { .l-footer_menu_list li a { display: block; padding: 10px 0; } }

.l-footer_company_logo { padding: 0 0 10px; }

@media screen and (max-width: 767px) { .l-footer_company_logo { width: 150px; margin: 0 auto; } }

.l-footer_company_logo span { margin: 0 0 0 20px; }

@media screen and (max-width: 767px) { .l-footer_company_logo span { margin: 10px auto 0; display: block; text-align: center; } }

.l-footer_abj { overflow: hidden; margin: 60px 0; }

@media screen and (max-width: 767px) { .l-footer_abj { margin: 10px 0 20px; padding: 0 10px; } }

.l-footer_abj_logo { width: 70px; float: left; }

@media screen and (max-width: 767px) { .l-footer_abj_logo { width: 40px; } }

.l-footer_abj_text { padding: 0 0 0 80px; font-size: 12px; }

@media screen and (max-width: 767px) { .l-footer_abj_text { padding: 0 0 0 50px; font-size: 10px; } }

.l-footer_relation { background: #fff; padding: 20px; }

@media screen and (max-width: 767px) { .l-footer_relation { padding: 0; } }

.l-footer_relation_inner { overflow: hidden; }

.l-footer_relation_title { width: 250px; float: left; text-align: center; font-weight: bold; padding: 15px 0 0; }

@media screen and (max-width: 767px) { .l-footer_relation_title { width: 100%; float: none; text-align: left; padding: 10px; } }

.l-footer_relation_list { margin: -10px 0 0 250px; border-left: 1px solid #c3c3c3; padding: 0 0 0 30px; }

@media screen and (max-width: 767px) { .l-footer_relation_list { padding: 0; margin: 0; border: 0; border-bottom: 1px solid #dfdfdf; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }

.l-footer_relation_list li { display: inline-block; padding: 0 10px; margin: 10px 0 0; }

@media screen and (max-width: 767px) { .l-footer_relation_list li { display: block; border: none; width: 50%; margin: 0; border-top: 1px solid #dfdfdf; } }

@media screen and (max-width: 767px) { .l-footer_relation_list li:nth-child(2n) { border-left: 1px solid #dfdfdf; } }

.l-footer_relation_list li a { display: inline-block; color: #1eb9ee; }

@media screen and (max-width: 767px) { .l-footer_relation_list li a { display: block; padding: 10px 0; } }

.l-footer_copyright { clear: both; padding: 60px 0 50px; text-align: center; }

@media screen and (max-width: 767px) { .l-footer_copyright { padding: 30px 0 15px; } }

/* *****  共通サイドバー ***** */
.c-side_headline_01 { font-size: 17px; font-weight: bold; color: #0a2657; border-left: 5px solid #1eb9ee; padding: 0 10px; margin: 0 0 15px; }

.c-side_ranking { padding: 0 0 30px; }

@media screen and (max-width: 767px) { .c-side_ranking { display: none; } }

.c-side_ranking_list_item { margin-top: 15px; position: relative; }

.c-side_ranking_list_item:after { content: "1"; display: block; width: 25px; height: 25px; background: rgba(0, 0, 0, 0.6); color: #fff; position: absolute; top: 0; left: 0; font-weight: bold; text-align: center; padding: 2px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.c-side_ranking_list_item:nth-child(1):after, .c-side_ranking_list_item:nth-child(2):after, .c-side_ranking_list_item:nth-child(3):after { background: url("../image/bg_ranking_1.png") no-repeat center center; background-size: contain; width: 37px; height: 32px; top: -8px; left: -4px; padding: 11px 0 0; }

.c-side_ranking_list_item:nth-child(2):after { content: "2"; background-image: url("../image/bg_ranking_2.png"); }

.c-side_ranking_list_item:nth-child(3):after { content: "3"; background-image: url("../image/bg_ranking_3.png"); }

.c-side_ranking_list_item:nth-child(4):after { content: "4"; }

.c-side_ranking_list_item:nth-child(5):after { content: "5"; }

.c-side_ranking_list_item:nth-child(6):after { content: "6"; }

.c-side_ranking_list_item:nth-child(7):after { content: "7"; }

.c-side_ranking_list_item:nth-child(8):after { content: "8"; }

.c-side_ranking_list_item:nth-child(9):after { content: "9"; }

.c-side_ranking_list_item:nth-child(10):after { content: "10"; }

.c-side_ranking_list_item a { display: block; overflow: hidden; }

.c-side_ranking_list_item_image { width: 75px; height: 75px; float: left; overflow: hidden; }

.c-side_ranking_list_item_image img { width: 100%; }

.c-side_ranking_list_item_body { padding: 0 0 0 80px; }

.c-side_ranking_list_item_name { font-weight: bold; /* $line___height：行間 $font___size：フォントサイズ $lines：表示したい行数 $color：背景色 */ /* line-height: $line___height; */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; /* max-height: $font___size*$line___height*$lines+px; overflow: hidden; position: relative; word-break: break-all; text-align:justify; &:before, &:after{ position: absolute; } &:before{ content: '...'; background: $color; right: 0px; text-align: center; width:1em !important; top:$font___size*$line___height*($lines - 1) +px; } &:after { content: ''; height: 100%; width: 100%; background: 0px; z-index: 2; background: $color; } */ }

.c-side_ranking_list_item_name.is-full { display: block; -webkit-line-clamp: none; -webkit-box-orient: block-axis; overflow: visivle; }

.c-side_ranking_list_item_drawing { font-size: 12px; }

.c-side_ranking_list_item_original { font-size: 12px; }

.c-side_ranking_more { padding: 20px 0 0; }

.c-side_ranking_more a { display: block; background: #8fc31f; border-radius: 3px; font-weight: bold; text-align: center; padding: 10px; color: #fff; }

@media screen and (max-width: 767px) { .c-side_flex { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }

.c-side_new { padding: 0 0 30px; }

@media screen and (max-width: 767px) { .c-side_new { width: 49%; } }

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

.c-side_new_more { padding: 20px 0 0; }

.c-side_new_more a { display: block; background: #8fc31f; border-radius: 3px; font-weight: bold; text-align: center; padding: 10px; color: #fff; }

.c-side_twitter_pc { margin: 0 0 30px; }

@media screen and (max-width: 767px) { .c-side_twitter_pc { display: none; } }

.c-side_twitter_sp { margin: 0 0 30px; /* display:none; */ height: 0; overflow: hidden; }

@media screen and (max-width: 767px) { .c-side_twitter_sp { height: auto; /* display:block; */ } }

.c-side_twitter_sp iframe { width: 740px !important; max-width: 100%; }

.c-side_banner { padding: 0 0 30px; }

@media screen and (max-width: 767px) { .c-side_banner { width: 49%; } }

.c-side_banner_list { margin: 0 0 15px; }

.c-side_banner_list_item { margin: 0 0 15px; }

.c-side_banner_list_item a { display: block; background: #f3f3f3; }

.c-side_banner_list_item_text { padding: 10px; }

@media screen and (max-width: 767px) { .c-side_banner_list_item_text { font-size: 10px; padding: 5px; } }

@media screen and (max-width: 767px) { .c-side_banner.is-full { width: 100%; } }

@media screen and (max-width: 767px) { .c-side_banner.is-full .c-side_banner_list { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } }

@media screen and (max-width: 767px) { .c-side_banner.is-full .c-side_banner_list_item { width: 49%; } }

@media screen and (max-width: 767px) { .c-side-bookStore__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }

.c-side-bookStore__item { margin-bottom: 30px; }

@media screen and (max-width: 767px) { .c-side-bookStore__item { width: 50%; }
  .c-side-bookStore__item:nth-child(n + 2) { margin-left: calc(8% / 3); } }

.c-side-bookStore__link { display: block; }

.c-side-bookStore__link:hover { opacity: 0.8; }

.c-side-bookStore__img { text-align: center; margin-bottom: 5px; }

@media screen and (max-width: 767px) { .c-side-bookStore__img { margin-bottom: 5px; } }

.c-side-bookStore__img img { width: 100%; }

.c-side-bookStore__ttl { font-weight: bold; text-align: center; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 5px; }

@media screen and (max-width: 767px) { .c-side-bookStore__ttl { font-size: 10px; text-align: left; } }

.c-side-bookStore__btn { display: block; background: #8fc31f; border-radius: 3px; font-weight: bold; text-align: center; padding: 5px; color: #fff; }

@media screen and (max-width: 767px) { .c-side-bookStore__btn { font-size: 10px; } }

@media screen and (max-width: 767px) { .l-sidebar .c-side-bookStore { display: none; } }

/* ***** アイテム一覧 ***** */
@media screen and (max-width: 767px) { .c-maglist01.c-flex_box_4:after, .c-maglist01.c-flex_box_4:before { width: 31%; } }

@media screen and (max-width: 767px) { .c-maglist01.c-flex_box_4 .c-maglist01_item { width: 31%; } }

.c-maglist01_item a { display: block; }

.c-maglist01_item_head { position: relative; padding: 3px 0 0; }

.c-maglist01_item_badge { width: 80px; background: #f02864; font-size: 12px; font-weight: bold; padding: 5px 0; color: #fff; text-align: center; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 10px; z-index: 10; }

@media screen and (max-width: 767px) { .c-maglist01_item_badge { width: 65px; font-size: 8px; padding: 4px 0; } }

.c-maglist01_item_image img { width: 100%; }

.c-maglist01_item_image.is-square { height: 0; overflow: hidden; padding-top: 100%; position: relative; }

.c-maglist01_item_image.is-square img { position: absolute; top: 0; left: 0; z-index: 9; }

.c-maglist01_item_image.is-rect { height: 0; overflow: hidden; padding-top: calc(298 / 200 * 100%); position: relative; }

.c-maglist01_item_image.is-rect img { position: absolute; top: 0; left: 0; z-index: 9; }

.c-maglist01_item_obi { background: #0a2657; color: #fff; text-align: center; padding: 4px 0; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 10; }

@media screen and (max-width: 767px) { .c-maglist01_item_obi { font-size: 10px; padding: 2px 0; } }

.c-maglist01_item_name { font-weight: bold; padding: 8px 0 0; /* $line___height：行間 $font___size：フォントサイズ $lines：表示したい行数 $color：背景色 */ /* line-height: $line___height; */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; /* max-height: $font___size*$line___height*$lines+px; overflow: hidden; position: relative; word-break: break-all; text-align:justify; &:before, &:after{ position: absolute; } &:before{ content: '...'; background: $color; right: 0px; text-align: center; width:1em !important; top:$font___size*$line___height*($lines - 1) +px; } &:after { content: ''; height: 100%; width: 100%; background: 0px; z-index: 2; background: $color; } */ /* min-height:3.7em; */ }

.c-maglist01_item_name.is-full { display: block; -webkit-line-clamp: none; -webkit-box-orient: block-axis; overflow: visivle; }

@media screen and (max-width: 767px) { .c-maglist01_item_name { font-size: 13px; padding: 2px 0; /* $line___height：行間 $font___size：フォントサイズ $lines：表示したい行数 $color：背景色 */ /* line-height: $line___height; */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; /* max-height: $font___size*$line___height*$lines+px; overflow: hidden; position: relative; word-break: break-all; text-align:justify; &:before, &:after{ position: absolute; } &:before{ content: '...'; background: $color; right: 0px; text-align: center; width:1em !important; top:$font___size*$line___height*($lines - 1) +px; } &:after { content: ''; height: 100%; width: 100%; background: 0px; z-index: 2; background: $color; } */ /* min-height:3.4em; */ }
  .c-maglist01_item_name.is-full { display: block; -webkit-line-clamp: none; -webkit-box-orient: block-axis; overflow: visivle; } }

.c-maglist01_item_date { color: #0084ff; font-weight: bold; }

@media screen and (max-width: 767px) { .c-maglist01_item_date { font-size: 10px; } }

.c-maglist01_item_category { width: 90px; background: #00a53c; border-radius: 100px; text-align: center; color: #fff; font-size: 12px; font-weight: bold; padding: 2px 0; margin: 8px 0 0; }

@media screen and (max-width: 767px) { .c-maglist01_item_category { width: 50px; font-size: 10px; padding: 2px 0; } }

.c-maglist01_item_category.is-manga { background: #f29700; }

.c-maglist01_item_category.is-magazine { background: #eb6aa4; }

/* ***** アイテム一覧 横 ***** */
.c-maglist02_item { overflow: hidden; padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid #dfdfdf; }

.c-maglist02_item a { display: block; }

.c-maglist02_item_head { position: relative; width: 130px; float: left; padding: 3px 0 0; }

@media screen and (max-width: 767px) { .c-maglist02_item_head { width: 110px; } }

.c-maglist02_item_body { padding: 0 0 0 150px; }

@media screen and (max-width: 767px) { .c-maglist02_item_body { padding: 0 0 0 120px; } }

.c-maglist02_item_badge { width: 80px; background: #f02864; font-size: 12px; font-weight: bold; padding: 5px 0; color: #fff; text-align: center; -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 10px; z-index: 10; }

@media screen and (max-width: 767px) { .c-maglist02_item_badge { width: 65px; font-size: 8px; padding: 4px 0; } }

.c-maglist02_item_image img { width: 100%; }

.c-maglist02_item_image.is-square { height: 0; overflow: hidden; padding-top: 100%; position: relative; }

.c-maglist02_item_image.is-square img { position: absolute; top: 0; left: 0; z-index: 9; }

.c-maglist02_item_name { font-size: 16px; font-weight: bold; padding: 8px 0 5px; /* $line___height：行間 $font___size：フォントサイズ $lines：表示したい行数 $color：背景色 */ /* line-height: $line___height; */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; /* max-height: $font___size*$line___height*$lines+px; overflow: hidden; position: relative; word-break: break-all; text-align:justify; &:before, &:after{ position: absolute; } &:before{ content: '...'; background: $color; right: 0px; text-align: center; width:1em !important; top:$font___size*$line___height*($lines - 1) +px; } &:after { content: ''; height: 100%; width: 100%; background: 0px; z-index: 2; background: $color; } */ }

.c-maglist02_item_name.is-full { display: block; -webkit-line-clamp: none; -webkit-box-orient: block-axis; overflow: visivle; }

@media screen and (max-width: 767px) { .c-maglist02_item_name { font-size: 13px; padding: 2px 0; /* $line___height：行間 $font___size：フォントサイズ $lines：表示したい行数 $color：背景色 */ /* line-height: $line___height; */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; /* max-height: $font___size*$line___height*$lines+px; overflow: hidden; position: relative; word-break: break-all; text-align:justify; &:before, &:after{ position: absolute; } &:before{ content: '...'; background: $color; right: 0px; text-align: center; width:1em !important; top:$font___size*$line___height*($lines - 1) +px; } &:after { content: ''; height: 100%; width: 100%; background: 0px; z-index: 2; background: $color; } */ }
  .c-maglist02_item_name.is-full { display: block; -webkit-line-clamp: none; -webkit-box-orient: block-axis; overflow: visivle; } }

.c-maglist02_item_drawing { font-size: 12px; }

.c-maglist02_item_original { font-size: 12px; }

.c-maglist02_item_description { padding: 5px 0 0; /* $line___height：行間 $font___size：フォントサイズ $lines：表示したい行数 $color：背景色 */ /* line-height: $line___height; */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; /* max-height: $font___size*$line___height*$lines+px; overflow: hidden; position: relative; word-break: break-all; text-align:justify; &:before, &:after{ position: absolute; } &:before{ content: '...'; background: $color; right: 0px; text-align: center; width:1em !important; top:$font___size*$line___height*($lines - 1) +px; } &:after { content: ''; height: 100%; width: 100%; background: 0px; z-index: 2; background: $color; } */ }

.c-maglist02_item_description.is-full { display: block; -webkit-line-clamp: none; -webkit-box-orient: block-axis; overflow: visivle; }

.c-maglist02_item_description .is-open { color: #003686; font-weight: bold; }

.c-maglist02_item_description .is-open:before { content: "＞"; display: inline-block; -webkit-transform: rotate(90deg); transform: rotate(90deg); margin: 0 5px 0 0; }

.c-maglist02_item_date { color: #0084ff; font-weight: bold; padding: 8px 0 2px; }

@media screen and (max-width: 767px) { .c-maglist02_item_date { font-size: 10px; margin: 0 0 4px; } }

.c-maglist02_item_category { width: 90px; float: left; background: #00a53c; border-radius: 100px; text-align: center; color: #fff; font-size: 12px; font-weight: bold; padding: 2px 0; margin: 8px 10px 0 0; }

@media screen and (max-width: 767px) { .c-maglist02_item_category { width: 50px; font-size: 10px; padding: 2px 0; } }

.c-maglist02_item_category.is-manga { background: #f29700; }

.c-maglist02_item_category.is-magazine { background: #eb6aa4; }

.c-maglist02_item_purchase { color: #0084ff; font-weight: bold; padding: 0 0 5px; }

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

/* ***** ページネーション ***** */
.c-pagenation { padding: 20px 0; overflow: hidden; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; margin: 50px 0 0; }

@media screen and (max-width: 767px) { .c-pagenation { padding: 15px 0; } }

.c-pagenation_prev, .c-pagenation_next { color: #999999; font-weight: bold; width: 200px; float: left; }

@media screen and (max-width: 767px) { .c-pagenation_prev, .c-pagenation_next { width: 80px; } }

.c-pagenation_prev a, .c-pagenation_next a { color: #1eb9ee; }

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

.c-pagenation_next a { color: #1eb9ee; }

.c-pagenation_center { font-weight: bold; text-align: center; }

.c-pagenation_center a { color: #1eb9ee; }

.c-pagenation ul { text-align: center; }

.c-pagenation ul li { font-weight: bold; display: inline-block; padding: 0 10px; }

@media screen and (max-width: 767px) { .c-pagenation ul li { padding: 0 5px; } }

.c-pagenation ul li a { color: #1eb9ee; }

.c-pagenation ul li span { color: #f37000; }

/* ***** サイン ***** */
.c-sign_already { text-indent: -9999px; position: absolute; top: 0; right: 0; z-index: 100; width: 20px; height: 20px; border-bottom: 20px solid transparent; border-right: 20px solid #f05c03; }

.c-sign_over { display: block; background: #c3c3c3; border: 1px solid #c3c3c3; border-radius: 3px; text-align: center; }

.c-sign_over span { color: #fff; font-weight: bold; padding: 4px 0; display: inline-block; }

@media screen and (max-width: 767px) { .c-sign_over span { padding: 2px 0; } }

.c-sign_point { display: block; background: #e8334a; border: 1px solid #e8334a; border-radius: 3px; text-align: center; }

.c-sign_point a { display: block; }

.c-sign_point span { color: #fff; font-weight: bold; padding: 4px 0; display: inline-block; }

@media screen and (max-width: 767px) { .c-sign_point span { padding: 2px 0; } }

.c-sign_free { display: block; background: #ffcc00; border: 1px solid #ffcc00; border-radius: 3px; text-align: center; }

.c-sign_free span { color: #cb0c12; font-weight: bold; padding: 4px 0; display: inline-block; }

@media screen and (max-width: 767px) { .c-sign_free span { font-size: 10px; } }

.c-sign_indefinite { display: block; border: 1px solid #521650; background: #fff; border-radius: 3px; text-align: center; }

.c-sign_indefinite span { color: #521650; font-weight: bold; padding: 4px 0 4px 24px; display: inline-block; background: url("../image/sign_indefinite.png") no-repeat left center; }

@media screen and (max-width: 767px) { .c-sign_indefinite span { padding: 4px 0 4px 18px; background-size: 15px auto; font-size: 10px; } }

.c-sign_48h { display: block; border: 1px solid #bc4a5b; background: #fff; border-radius: 3px; text-align: center; }

.c-sign_48h span { color: #bc4a5b; font-weight: bold; padding: 4px 0 4px 24px; display: inline-block; background: url("../image/sign_48h.png") no-repeat left center; }

@media screen and (max-width: 767px) { .c-sign_48h span { padding: 4px 0 4px 18px; background-size: 15px auto; font-size: 10px; } }

/* ***** ボタン ***** */
.c-btn { margin: 50px 0 0; text-align: center; overflow: hidden; }

@media screen and (max-width: 767px) { .c-btn { margin: 20px 0 0; } }

.c-btn_primary { display: inline-block; font-size: 18px; background: #ea6f7e; border-radius: 3px; text-align: center; color: #fff; font-weight: bold; padding: 16px 0 13px; border: none; border-bottom: 3px solid #c61b31; width: 320px; }

@media screen and (max-width: 767px) { .c-btn_primary { width: 100%; font-size: 16px; padding: 10px 0 8px; } }

.c-btn_secondary { display: inline-block; font-size: 18px; background: #c3c3c3; border-radius: 3px; text-align: center; color: #fff; font-weight: bold; padding: 16px 0 13px; border: none; border-bottom: 3px solid #5f5f5f; width: 320px; }

@media screen and (max-width: 767px) { .c-btn_secondary { width: 100%; font-size: 16px; padding: 10px 0 8px; } }

.c-btn_set_l { width: 50%; float: left; }

@media screen and (max-width: 767px) { .c-btn_set_l { width: auto; float: none; } }

.c-btn_set_r { width: 50%; float: right; }

@media screen and (max-width: 767px) { .c-btn_set_r { width: auto; float: none; margin: 20px 0 0; } }

.c-btn_favorit { display: block; border-radius: 5px; text-align: center; font-weight: bold; padding: 8px 0 6px; border: 1px solid #ffcc00; }

@media screen and (max-width: 767px) { .c-btn_favorit { font-size: 10px; padding: 4px 0; } }

.c-btn_favorit span:before { content: "★"; color: #ffcc00; }

.c-btn_favorit.is-active { background: #ffcc00; color: #fff; }

.c-btn_favorit.is-active span:before { color: #fff; }

.c-btn_read01 { display: block; border-radius: 5px; text-align: center; font-weight: bold; padding: 4px 0; border: 1px solid #f05c03; border-bottom: 3px solid #863302; background: #f05c03; color: #fff; }

@media screen and (max-width: 767px) { .c-btn_read01 { padding: 2px 0; } }

.c-btn_read02 { display: block; border-radius: 5px; text-align: center; font-weight: bold; padding: 4px 0; border: 1px solid #c94f36; border-bottom: 3px solid #6c2e22; background: #c94f36; color: #fff; }

@media screen and (max-width: 767px) { .c-btn_read02 { padding: 2px 0; } }

/* ***** フォーム ***** */
.c-form_text01 { -webkit-appearance: none; border: none; border-radius: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; background: #fff; font-size: 16px; padding: 10px; width: 80%; }

@media screen and (max-width: 767px) { .c-form_text01 { width: 100%; } }

.c-form_textarea { -webkit-appearance: none; border: none; border-radius: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; background: #fff; font-size: 16px; padding: 10px; width: 80%; }

.c-form_sex { padding: 0 15% 0 0; }

.c-form_attention { display: block; padding: 5px 0 0; font-size: 12px; }

.c-form_confirm { margin: 0 0 10px; }

.c-form_confirm_link a { color: #1eb9ee; font-weight: bold; text-decoration: underline; }

.c-form_submit { margin: 50px 0 0; text-align: center; }

@media screen and (max-width: 767px) { .c-form_submit { margin: 20px 0 0; } }

.c-form_submit button { font-size: 18px; background: #ea6f7e; border-radius: 3px; text-align: center; color: #fff; font-weight: bold; padding: 16px 0 13px; border: none; border-bottom: 3px solid #c61b31; width: 320px; }

@media screen and (max-width: 767px) { .c-form_submit button { width: 100%; font-size: 16px; padding: 10px 0 8px; } }

.c-form_submit button.is-disenable { background: #999; border-bottom-color: #666; }

/* ***** ログインセット ***** */
.c-loginset { background: #f3f3f3; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0; }

.c-loginset_form { width: 50%; padding: 0 20px; }

@media screen and (max-width: 767px) { .c-loginset_form { width: 100%; } }

.c-loginset_form_mail { padding: 0 0 20px; }

.c-loginset_form_mail input { -webkit-appearance: none; border: 1px solid #c3c3c3; border-radius: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; background: #fff; font-size: 16px; font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 'Meiryo', 'メイリオ', sans-serif; padding: 10px; width: 100%; }

.c-loginset_form_password { padding: 0 0 20px; }

.c-loginset_form_password input { -webkit-appearance: none; border: 1px solid #c3c3c3; border-radius: 0; outline: none; -webkit-box-shadow: none; box-shadow: none; background: #fff; font-size: 16px; font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", 'Meiryo', 'メイリオ', sans-serif; padding: 10px; width: 100%; }

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

@media screen and (max-width: 767px) { .c-loginset_form_submit { border-bottom: 1px solid #c3c3c3; padding-bottom: 20px; margin-bottom: 20px; } }

.c-loginset_form_submit button { background: #ea6f7e; border-radius: 3px; text-align: center; color: #fff; font-weight: bold; padding: 10px 80px; border: none; border-bottom: 3px solid #c61b31; }

@media screen and (max-width: 767px) { .c-loginset_form_submit button { width: 100%; padding: 10px 0; } }

.c-loginset_form_submit button.is-disenable { background: #999; border-bottom-color: #666; }

.c-loginset_form_cut { padding: 0 0 20px; }

.c-loginset_3rd { width: 50%; padding: 0 20px; border-left: 1px solid #dfdfdf; }

@media screen and (max-width: 767px) { .c-loginset_3rd { border-left: none; width: 100%; } }

.c-loginset_3rd a { display: block; background: #fff; border: 1px solid #dfdfdf; border-radius: 3px; font-weight: bold; text-align: center; padding: 10px 0; font-size: 13px; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 767px) { .c-loginset_3rd a { height: 46px; } }

.c-loginset_3rd a img { padding: 0 2px 0 0; }

.c-loginset_3rd_title { font-weight: bold; font-size: 16px; margin: 0 0 10px; }

.c-loginset_3rd_phone { margin: 0 0 20px; }

.c-loginset_3rd_phone li { margin: 10px 0 0; }

.c-loginset_3rd_out { display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -10px 0 0; }

.c-loginset_3rd_out li { width: 49%; margin: 10px 0 0; }

@media screen and (max-width: 767px) { .c-loginset_3rd_out li { width: 100%; } }

/* ***** メッセージセット ***** */
.c-messageset_box { background: #f3f3f3; padding: 40px 20px; text-align: center; }

.c-messageset_title { font-size: 18px; font-weight: bold; color: #1eb9ee; }

.c-messageset_text p { padding: 30px 0 0; text-align: center; }

@media screen and (max-width: 767px) { .c-messageset_text p { padding: 20px 0 0; } }

.c-messageset_link { margin: 50px 0 0; text-align: center; }

@media screen and (max-width: 767px) { .c-messageset_link { margin: 20px 0 0; } }

.c-messageset_link a { display: inline-block; background: #ea6f7e; border-radius: 3px; text-align: center; color: #fff; font-weight: bold; padding: 15px; margin: 0 auto; border: none; border-bottom: 3px solid #c61b31; width: 320px; }

@media screen and (max-width: 767px) { .c-messageset_link a { width: 100%; padding: 10px; } }

.c-messageset_link a.is-off { background-color: #c3c3c3; border-bottom-color: #5f5f5f; }

/* ***** テーブル ***** */
.c-table01 { width: 100%; margin: 0 0 20px; }

@media screen and (max-width: 767px) { .c-table01 { display: block; } }

@media screen and (max-width: 767px) { .c-table01 tbody { display: block; width: 100%; } }

@media screen and (max-width: 767px) { .c-table01 tbody tr { display: block; width: 100%; } }

.c-table01 tbody th { width: 26%; padding: 20px; background: #c5ecfa; border: 2px solid #fff; border-left: 0; text-align: left; font-weight: bold; }

@media screen and (max-width: 767px) { .c-table01 tbody th { display: block; width: 100%; border: none; border-bottom: 1px solid #fff; text-align: center; padding: 10px; } }

.c-table01 tbody td { width: 74%; padding: 20px; background: #f3f3f3; border: 2px solid #fff; border-right: 0; }

@media screen and (max-width: 767px) { .c-table01 tbody td { display: block; width: 100%; border: none; border-bottom: 1px solid #fff; padding: 10px; } }

/* ***** リスト ***** */
.c-list_asta li { position: relative; padding: 0 0 2px 1.2em; }

.c-list_asta li:before { content: "※"; position: absolute; top: 0; left: 0; }

.c-list_dot li { position: relative; padding: 0 0 2px 1.2em; }

.c-list_dot li:before { content: "・"; position: absolute; top: 0; left: 0; }

.c-list_kakko li { position: relative; padding: 0 0 2px 2em; }

.c-list_kakko li:before { content: "(1)"; position: absolute; top: 0; left: 0; }

.c-list_kakko li:nth-child(1):before { content: "(1)"; }

.c-list_kakko li:nth-child(2):before { content: "(2)"; }

.c-list_kakko li:nth-child(3):before { content: "(3)"; }

.c-list_kakko li:nth-child(4):before { content: "(4)"; }

.c-list_kakko li:nth-child(5):before { content: "(5)"; }

.c-list_kakko li:nth-child(6):before { content: "(6)"; }

.c-list_kakko li:nth-child(7):before { content: "(7)"; }

.c-list_kakko li:nth-child(8):before { content: "(8)"; }

.c-list_kakko li:nth-child(9):before { content: "(9)"; }

.c-list_kakko li:nth-child(10):before { content: "(10)"; }

.c-list_kakko li:nth-child(11):before { content: "(11)"; }

.c-list_kakko li:nth-child(12):before { content: "(12)"; }

.c-list_kakko li:nth-child(13):before { content: "(13)"; }

.c-list_kakko li:nth-child(14):before { content: "(14)"; }

.c-list_kakko li:nth-child(15):before { content: "(15)"; }

.c-list_kakko li:nth-child(16):before { content: "(16)"; }

.c-list_kakko li:nth-child(17):before { content: "(17)"; }

.c-list_kakko li:nth-child(18):before { content: "(18)"; }

.c-list_kakko li:nth-child(19):before { content: "(19)"; }

.c-list_kakko li:nth-child(20):before { content: "(20)"; }

.c-list_kakko li:nth-child(21):before { content: "(21)"; }

.c-list_kakko li:nth-child(22):before { content: "(22)"; }

.c-list_kakko li:nth-child(23):before { content: "(23)"; }

.c-list_kakko li:nth-child(24):before { content: "(24)"; }

.c-list_kakko li:nth-child(25):before { content: "(25)"; }

.c-list_kakko li:nth-child(26):before { content: "(26)"; }

.c-list_kakko li:nth-child(27):before { content: "(27)"; }

.c-list_kakko li:nth-child(28):before { content: "(28)"; }

.c-list_kakko li:nth-child(29):before { content: "(29)"; }

.c-list_kakko li:nth-child(30):before { content: "(30)"; }

/* ***** リンク ***** */
.c-link_text { color: #1eb9ee; text-decoration: underline; }

/* ***** SP用ランキング ***** */
.c-rankingSP { display: none; }

@media screen and (max-width: 767px) { .c-rankingSP { display: block; margin: 30px 0 0; } }

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

.c-rankingSP_list:after, .c-rankingSP_list:before { content: ""; display: block; width: 23%; height: 0; }

.c-rankingSP_list:before { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }

.c-rankingSP_list_item { margin-top: 15px; position: relative; width: 23%; }

.c-rankingSP_list_item:after { content: "1"; display: block; width: 25px; height: 25px; background: rgba(0, 0, 0, 0.6); color: #fff; position: absolute; top: 0; left: 0; font-weight: bold; text-align: center; padding: 2px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.c-rankingSP_list_item:nth-child(1):after, .c-rankingSP_list_item:nth-child(2):after, .c-rankingSP_list_item:nth-child(3):after { background: url("../image/bg_ranking_1.png") no-repeat center center; background-size: contain; width: 37px; height: 32px; top: -8px; left: -4px; padding: 11px 0 0; }

.c-rankingSP_list_item:nth-child(2):after { content: "2"; background-image: url("../image/bg_ranking_2.png"); }

.c-rankingSP_list_item:nth-child(3):after { content: "3"; background-image: url("../image/bg_ranking_3.png"); }

.c-rankingSP_list_item:nth-child(4):after { content: "4"; }

.c-rankingSP_list_item:nth-child(5):after { content: "5"; }

.c-rankingSP_list_item a { display: block; font-size: 10px; }

.c-rankingSP_list_item_name { font-weight: bold; /* $line___height：行間 $font___size：フォントサイズ $lines：表示したい行数 $color：背景色 */ /* line-height: $line___height; */ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; /* max-height: $font___size*$line___height*$lines+px; overflow: hidden; position: relative; word-break: break-all; text-align:justify; &:before, &:after{ position: absolute; } &:before{ content: '...'; background: $color; right: 0px; text-align: center; width:1em !important; top:$font___size*$line___height*($lines - 1) +px; } &:after { content: ''; height: 100%; width: 100%; background: 0px; z-index: 2; background: $color; } */ }

.c-rankingSP_list_item_name.is-full { display: block; -webkit-line-clamp: none; -webkit-box-orient: block-axis; overflow: visivle; }

.c-rankingSP_more { padding: 20px 0 0; }

.c-rankingSP_more a { display: block; background: #8fc31f; border-radius: 3px; font-weight: bold; text-align: center; padding: 10px; color: #fff; }

/* ***** モーダル ***** */
.modaal-confirm .modaal-container { max-width: 400px; width: 90%; }

@media screen and (max-width: 767px) { .modaal-confirm .modaal-container { width: 96%; } }

@media screen and (max-width: 767px) { .modaal-confirm .modaal-content-container { padding: 20px 10px; } }

.modaal-confirm .modal-text { text-align: center; font-weight: bold; }

@media screen and (max-width: 767px) { .modaal-confirm .modaal-confirm-wrap { padding: 15px 0 0; } }

.modaal-confirm .modaal-confirm-btn.modaal-ok { border: 1px solid #ea6f7e; border-bottom: 3px solid #c61b31; background: #ea6f7e; color: #fff; font-weight: bold; padding: 4px 5px; width: 100px; }

@media screen and (max-width: 767px) { .modaal-confirm .modaal-confirm-btn.modaal-ok { width: 80px; } }

.modaal-confirm .modaal-confirm-btn.modaal-cancel { border: 1px solid #c3c3c3; border-bottom: 3px solid #5f5f5f; background: #c3c3c3; color: #fff; font-weight: bold; padding: 4px 5px; width: 100px; text-decoration: none; border-radius: 3px; }

@media screen and (max-width: 767px) { .modaal-confirm .modaal-confirm-btn.modaal-cancel { width: 80px; } }
/*# sourceMappingURL=common.css.map */