@charset "utf-8";

/* 共通 */
* {
 margin: 0;
 padding: 0;
 font-family: "Meiryo", sans-serif;
 font-weight: lighter;
 font-size: 12px;
 color: #444;
 word-break: break-all;
}
html,
body {
 scroll-behavior: smooth;
}
body {
 width: 100%;
 line-height: 1.7;
 background: #f5f5f5;
 text-align: justify;
 -webkit-text-size-adjust: none;
}
@media screen and (min-width:920px){
 body {
 width: 620px;
 margin: 0 auto;
 }
}
a {
 text-decoration: none;
}
img {
 border: 0;
}
ul,
li {
 list-style: none outside;
}
pre {
 white-space: pre-wrap;
}
textarea {
 overflow-anchor: none;
}
a {
 color: #1042ce;
 text-decoration: none;
}
a.widelink {
 display: block;
 width: 100%;
 color: #1042ce;
 text-decoration: none;
}

.contents {
background:#f5f5f5;
}
.contents2 {
background:#fff;
}

.table1 {
 border-collapse: collapse;
 -moz-border-collapse: collapse;
 -webkit-border-collapse: collapse;
 table-layout: fixed;
 border: 0;
}
.table2 {
 border-collapse: collapse;
 -moz-border-collapse: collapse;
 -webkit-border-collapse: collapse;
 border: 0;
}
.table3 {
 table-layout: fixed;
}

.noscript {
 width: 100%;
 background: #fff;
}

.img_center {
 text-align: center;
 margin: auto;
}
.img_center img {
 vertical-align: bottom;
}

.abbreviation1 {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 -moz-text-overflow: ellipsis;
 -webkit-text-overflow: ellipsis;
}

.border_top {
 text-align: center;
 margin: 0 4px;
 border-top: dotted 1px #696969;
}
.border_bottom {
 text-align: center;
 margin: 0 4px;
 border-bottom: dotted 1px #696969;
}

.max300{max-width:300px;}
.max400{max-width:400px;}
.max500{max-width:500px;}
.max800{max-width:800px;}

.h30_m  {height:30px; line-height:30px; margin:auto;}
.h40_m  {height:40px; line-height:40px; margin:auto;}
.h50_m  {height:50px; line-height:50px; margin:auto;}
.h60_m  {height:60px; line-height:60px; margin:auto;}
.h80_m  {height:80px; line-height:80px; margin:auto;}

.h30_m5 {height:30px; line-height:30px; margin:5px auto;}
.h40_m5 {height:40px; line-height:40px; margin:5px auto;}
.h50_m5 {height:50px; line-height:50px; margin:5px auto;}
.h60_m5 {height:60px; line-height:60px; margin:5px auto;}
.h80_m5 {height:80px; line-height:80px; margin:5px auto;}

.h30_m10{height:30px; line-height:30px; margin:10px auto;}
.h40_m10{height:40px; line-height:40px; margin:10px auto;}
.h50_m10{height:50px; line-height:50px; margin:10px auto;}
.h60_m10{height:60px; line-height:60px; margin:10px auto;}
.h80_m10{height:80px; line-height:80px; margin:10px auto;}

.h30_m20{height:30px; line-height:30px; margin:20px auto;}
.h40_m20{height:40px; line-height:40px; margin:20px auto;}
.h50_m20{height:50px; line-height:50px; margin:20px auto;}
.h60_m20{height:60px; line-height:60px; margin:20px auto;}
.h80_m20{height:80px; line-height:80px; margin:20px auto;}

.h30_m30{height:30px; line-height:30px; margin:30px auto;}
.h40_m30{height:40px; line-height:40px; margin:30px auto;}
.h50_m30{height:50px; line-height:50px; margin:30px auto;}
.h60_m30{height:60px; line-height:60px; margin:30px auto;}
.h80_m30{height:80px; line-height:80px; margin:30px auto;}

.h30_m40{height:30px; line-height:30px; margin:40px auto;}
.h40_m40{height:40px; line-height:40px; margin:40px auto;}
.h50_m40{height:50px; line-height:50px; margin:40px auto;}
.h60_m40{height:60px; line-height:60px; margin:40px auto;}
.h80_m40{height:80px; line-height:80px; margin:40px auto;}

.h30_m50{height:30px; line-height:30px; margin:50px auto;}
.h40_m50{height:40px; line-height:40px; margin:50px auto;}
.h50_m50{height:50px; line-height:50px; margin:50px auto;}
.h60_m50{height:60px; line-height:60px; margin:50px auto;}
.h80_m50{height:80px; line-height:80px; margin:50px auto;}

.lh01{line-height:0.1;}
.lh02{line-height:0.2;}
.lh03{line-height:0.3;}
.lh04{line-height:0.4;}
.lh05{line-height:0.5;}
.lh06{line-height:0.6;}
.lh07{line-height:0.7;}
.lh08{line-height:0.8;}
.lh09{line-height:0.9;}
.lh10{line-height:1.0;}
.lh11{line-height:1.1;}
.lh12{line-height:1.2;}
.lh13{line-height:1.3;}
.lh14{line-height:1.4;}
.lh15{line-height:1.5;}
.lh16{line-height:1.6;}
.lh17{line-height:1.7;}
.lh18{line-height:1.8;}
.lh19{line-height:1.9;}
.lh20{line-height:2.0;}

.txt_white  {color:#fff;}
.txt_black  {color:#111;}
.txt_gray   {color:#696969;}
.txt_pink   {color:#ff00e7;}
.txt_red    {color:#ff0000;}
.txt_green  {color:#007b10;}
.txt_lime   {color:#01a302;}
.txt_blue   {color:#1042ce;}
.txt_skyblue{color:#1290b6;}
.txt_orange {color:#ff6600;}
.txt_purple {color:#9400d3;}
.txt_yellow {color:#ffff00;}
.txt_brown  {color:#622d18;}

.txt_8 {font-size:8px;}
.txt_9 {font-size:9px;}
.txt_10{font-size:10px;}
.txt_11{font-size:11px;}
.txt_12{font-size:12px;}
.txt_13{font-size:12px;}
.txt_14{font-size:14px;}
.txt_15{font-size:15px;}
.txt_16{font-size:16px;}
.txt_18{font-size:18px;}
.txt_20{font-size:20px;}
.txt_22{font-size:22px;}
.txt_24{font-size:24px;}
.txt_30{font-size:30px;}

.txt_b10{font-weight:bold;font-family:Polaris-Bold; font-size:10px;}
.txt_b11{font-weight:bold;font-family:Polaris-Bold; font-size:11px;}
.txt_b12{font-weight:bold;font-family:Polaris-Bold; font-size:12px;}
.txt_b13{font-weight:bold;font-family:Polaris-Bold; font-size:12px;}
.txt_b14{font-weight:bold;font-family:Polaris-Bold; font-size:14px;}
.txt_b15{font-weight:bold;font-family:Polaris-Bold; font-size:15px;}
.txt_b16{font-weight:bold;font-family:Polaris-Bold; font-size:16px;}
.txt_b18{font-weight:bold;font-family:Polaris-Bold; font-size:18px;}
.txt_b20{font-weight:bold;font-family:Polaris-Bold; font-size:20px;}
.txt_b22{font-weight:bold;font-family:Polaris-Bold; font-size:22px;}
.txt_b24{font-weight:bold;font-family:Polaris-Bold; font-size:24px;}
.txt_b30{font-weight:bold;font-family:Polaris-Bold; font-size:30px;}

/* ポジション */
.pos_rel{position:relative;}

.top1{top:1px;} .right1{right:1px;} .left1{left:1px;} .bottom1{bottom:1px;}
.top2{top:2px;} .right2{right:2px;} .left2{left:2px;} .bottom2{bottom:2px;}
.top3{top:3px;} .right3{right:3px;} .left3{left:3px;} .bottom3{bottom:3px;}
.top4{top:4px;} .right4{right:4px;} .left4{left:4px;} .bottom4{bottom:4px;}
.top5{top:5px;} .right5{right:5px;} .left5{left:5px;} .bottom5{bottom:5px;}
.top6{top:6px;} .right6{right:6px;} .left6{left:6px;} .bottom6{bottom:6px;}
.top7{top:7px;} .right7{right:7px;} .left7{left:7px;} .bottom7{bottom:7px;}
.top8{top:8px;} .right8{right:8px;} .left8{left:8px;} .bottom8{bottom:8px;}
.top9{top:9px;} .right9{right:9px;} .left9{left:9px;} .bottom9{bottom:9px;}

/* ボタン */
.button_blue_100,
.button_blue_95,
.button_blue_85,
.button_blue_70,
.button_blue_60,
.button_blue_50,
.button_blue_40,
.button_blue_30,
.button_blue_sample,
.btn_skyblue,
.button_pink_100,
.button_pink_95,
.button_pink_85,
.button_pink_70,
.button_pink_60,
.button_pink_50,
.button_pink_40,
.button_pink_30,
.button_orange_100,
.button_orange_95,
.button_orange_85,
.button_orange_70,
.button_orange_60,
.button_orange_50,
.button_orange_40,
.button_orange_30,
.btn_orange,
.button_base {
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 border: solid 1px #0785ab;
 background: #fff;
 border-radius: 100px;
 -moz-border-radius: 100px;
 -webkit-border-radius: 100px;
}

.button_blue_100 a,
.button_blue_95 a,
.button_blue_85 a,
.button_blue_70 a,
.button_blue_60 a,
.button_blue_50 a,
.button_blue_40 a,
.button_blue_30 a,
.button_blue_sample a,
.btn_skyblue a,
.button_pink_100 a,
.button_pink_95 a,
.button_pink_85 a,
.button_pink_70 a,
.button_pink_60 a,
.button_pink_50 a,
.button_pink_40 a,
.button_pink_30 a,
.button_orange_100 a,
.button_orange_95 a,
.button_orange_85 a,
.button_orange_70 a,
.button_orange_60 a,
.button_orange_50 a,
.button_orange_40 a,
.button_orange_30 a,
.btn_orange a,
.button_base a {
 display: block;
}

.button_blue_100.txt_white,
.button_blue_95.txt_white,
.button_blue_85.txt_white,
.button_blue_70.txt_white,
.button_blue_60.txt_white,
.button_blue_50.txt_white,
.button_blue_40.txt_white,
.button_blue_30.txt_white,
.btn_skyblue.txt_white,
.button_blue_100 .txt_white,
.button_blue_95 .txt_white,
.button_blue_85 .txt_white,
.button_blue_70 .txt_white,
.button_blue_60 .txt_white,
.button_blue_50 .txt_white,
.button_blue_40 .txt_white,
.button_blue_30 .txt_white,
.btn_skyblue .txt_white,
.button_pink_100.txt_white,
.button_pink_95.txt_white,
.button_pink_85.txt_white,
.button_pink_70.txt_white,
.button_pink_60.txt_white,
.button_pink_50.txt_white,
.button_pink_40.txt_white,
.button_pink_30.txt_white,
.button_pink_100 .txt_white,
.button_pink_95 .txt_white,
.button_pink_85 .txt_white,
.button_pink_70 .txt_white,
.button_pink_60 .txt_white,
.button_pink_50 .txt_white,
.button_pink_40 .txt_white,
.button_pink_30 .txt_white,
.button_orange_100.txt_white,
.button_orange_95.txt_white,
.button_orange_85.txt_white,
.button_orange_70.txt_white,
.button_orange_60.txt_white,
.button_orange_50.txt_white,
.button_orange_40.txt_white,
.button_orange_30.txt_white,
.btn_orange.txt_white,
.button_orange_100 .txt_white,
.button_orange_95 .txt_white,
.button_orange_85 .txt_white,
.button_orange_70 .txt_white,
.button_orange_60 .txt_white,
.button_orange_50 .txt_white,
.button_orange_40 .txt_white,
.button_orange_30 .txt_white,
.btn_orange .txt_white,
.button_base.txt_white,
.button_base .txt_white {
 color: #0785ab;
}

.button_blue_100 span,
.button_blue_95 span,
.button_blue_85 span,
.button_blue_70 span,
.button_blue_60 span,
.button_blue_50 span,
.button_blue_40 span,
.button_blue_30 span,
.btn_skyblue span,
.button_pink_100 span,
.button_pink_95 span,
.button_pink_85 span,
.button_pink_70 span,
.button_pink_60 span,
.button_pink_50 span,
.button_pink_40 span,
.button_pink_30 span,
.button_orange_100 span,
.button_orange_95 span,
.button_orange_85 span,
.button_orange_70 span,
.button_orange_60 span,
.button_orange_50 span,
.button_orange_40 span,
.button_orange_30 span,
.btn_orange span,
.button_base span {
 color: #0785ab;
}

.button_blue_100,.button_pink_100,.button_orange_100{width:100%;}
.button_blue_95, .button_pink_95, .button_orange_95 {width:95%;}
.button_blue_90, .button_pink_90, .button_orange_90 {width:90%;}
.button_blue_85, .button_pink_85, .button_orange_85 {width:85%;}
.button_blue_80, .button_pink_80, .button_orange_80 {width:80%;}
.button_blue_70, .button_pink_70, .button_orange_70 {width:70%;}
.button_blue_60, .button_pink_60, .button_orange_60 {width:60%;}
.button_blue_50, .button_pink_50, .button_orange_50 {width:50%;}
.button_blue_40, .button_pink_40, .button_orange_40 {width:40%;}
.button_blue_30, .button_pink_30, .button_orange_30 {width:30%;}

/* ヘッダー */
header {
 height: 45px;
 background: #fff;
 position: relative;
}
header .header_logo {
 position: absolute;
 top: 10px;
 left: 12px;
 background-image: url(/images/base/getmovie_logo.png);
 background-size: 100px 25px;
 background-repeat: no-repeat;
}
header .header_logo a {
 display: block;
 width: 100px;
 height: 25px;
 font-size: 0;
}
header .header_info {
 position: absolute;
 top: 10px;
 right: 30%;
 background-image: url('/images/base/info_2.png');
 background-size: 25px;
 background-repeat: no-repeat;
}
header .header_info a {
 display: block;
 width: 25px;
 height: 25px;
 font-size: 0;
}
header .header_button {
 float: right;
 margin: 8px 12px 0 0;
 padding: 0 4px;
 height: 25px;
 line-height: 25px;
 text-align: center;
 border: solid 2px #ebebeb;
 background: #f5f7fb;
}
header .header_button a {
 display:block;
}
header .header_button a span {
 color:#666;
}

/* フッター */
footer#floating {
 padding-bottom: 54px;
}
footer {
 text-align: center;
}
footer ul {
 display: table;
 width: 100%;
}
footer ul li {
 display: table-cell;
 width: 50%;
 height: 40px;
 line-height: 40px;
 float: left;
 border-bottom: 1px solid #fff;
}
footer ul li:nth-child(1),
footer ul li:nth-child(2) {
 border-top: 1px solid #fff;
}
footer ul li:nth-child(odd) {
 border-right: 1px solid #fff;
 box-sizing:border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}
footer ul li a {
 display: block;
 background: #111;
}
footer ul li a,
footer ul li a:visited,
footer ul li a:link {
 color: #fff;
}
footer p {
 clear: left;
 padding: 30px 0;
 background: #111;
 color: #fff;
 font-size: 14px;
 letter-spacing: 0.25em;
}
footer p a {
 display: inline-block;
 width: 60px;
 height: 60px;
 vertical-align: bottom;
 background-image: url('/images/base/pagetop.png');
 background-size: 60px;
 background-repeat: no-repeat;
}

/* カテゴリ */
#Category_List {
 display: none;
}
#Category_List:checked+.category_title+.category_list {
 height: auto;
}
.category_title {
 float: right;
 margin: 8px 12px 0 0;
 width: 20%;
 height: 25px;
 line-height: 25px;
 display: block;
 text-align: center;
 border: solid 2px #ebebeb;
 background: #f5f7fb;
}
.category_list {
 position: absolute;
 top: 45px;
 left: 0;
 right: 0;
 height: 0;
 overflow: hidden;
 z-index: 10;
}
.category_list li {
 position: relative;
 text-align: left;
 width: 100%;
 height: 60px;
 line-height: 60px;
 border-bottom: solid 1px #ebebeb;
 background-image: url('/images/base/side_menu_arrow.png');
 background-position: right 10px center;
 background-size: 16px;
 background-repeat: no-repeat;
 background-color: #f5f5f5;
 text-indent: 55px;
}
.category_list li:before {
 content: "";
 position: absolute;
 top: 20px;
 left: 20px;
 width: 20px;
 height: 20px;
 background-size: 20px;
 background-repeat: no-repeat;
}
.category_list li:nth-child(1):before {
 background-image: url('/images/base/av_2.png');
}
/* 
.category_list li:nth-child(2):before {
 background-image: url('/images/base/kosatsu_2.png');
}
 */
.category_list li:nth-child(2):before {
 background-image: url('/images/base/amateur_2.png');
}
.category_list li:nth-child(3):before {
 background-image: url('/images/base/vr_2.png');
}
.category_list li:nth-child(4):before {
 background-image: url('/images/base/gravure_2.png');
}
.category_list li:nth-child(5):before {
 background-image: url('/images/base/anime_2.png');
}
.category_list li:nth-child(6):before {
 background-image: url('/images/base/3dcg_2.png');
}
.category_list li:nth-child(7):before {
 background-image: url('/images/base/onsei_2.png');
}
.category_list li:nth-child(8):before {
 background-image: url('/images/base/comic_2.png');
}
.category_list li:nth-child(9):before {
 background-image: url('/images/base/game_2.png');
}
.category_list li a {
 display: block;
 width: 100%;
 color: #111;
 font-size: 14px;
 font-weight: bold;
 font-family: Polaris-Bold;
}

/* フッターメニュー */
#Access_Menu,
#PointGet_Menu {
 display: none;
}
.footer_menu {
 position: relative;
 display: block;
 width: 100%;
 height: 42px;
 line-height: 42px;
 border-bottom: solid 1px #ebebeb;
 color: #0785ab;
 background: #fff;
 font-size: 14px;
 text-indent: 40px;
 text-align: left;
}
.footer_menu:before {
 content: "";
 position: absolute;
 top: 11px;
 left: 10px;
 width: 20px;
 height: 20px;
 background-size: 20px;
 background-repeat: no-repeat;
}
.footer_menu[for="Access_Menu"]:before {
 background-image: url('/images/base/footer_menu_access.png');
}
.footer_menu[for="PointGet_Menu"]:before {
 background-image: url('/images/base/footer_menu_pointup.png');
}
.footer_menu:after,
.footer_menu:checked+.footer_menu:after {
 content: "";
 position: absolute;
 top: 16px;
 right: 10px;
 width: 10px;
 height: 10px;
 background-size: 10px;
 background-repeat: no-repeat;
}
.footer_menu:after {
 background-image: url('/images/base/footer_menu_plus.png');
}
#Access_Menu:checked+.footer_menu:after,
#PointGet_Menu:checked+.footer_menu:after {
 background-image: url('/images/base/footer_menu_minus.png');
}
#Access_Menu:checked+.footer_menu+.footer_menu_list,
#PointGet_Menu:checked+.footer_menu+.footer_menu_list {
 height: auto;
 transition: all .3s;
}
.footer_menu_list {
 height: 0;
 overflow: hidden;
}
.footer_menu_list li {
 text-align: left;
 width: 100%;
 height: 42px;
 line-height: 42px;
 border-bottom: solid 1px #ebebeb;
 background-image: url('/images/base/footer_menu_arrow.png');
 background-position: right 10px center;
 background-size: 10px;
 background-repeat: no-repeat;
 background-color: #f5f5f5;
}
.footer_menu_list li a {
 display: block;
 width: 100%;
 color: #666;
 font-size: 14px;
 text-indent: 10px;
 vertical-align: middle;
}

/* グローバルナビ */
.global_navi {
 display: table;
 table-layout: fixed;
 width: 100%;
 text-align: center;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 border: solid 1px #ebebeb;
 background: #fff;
}
.global_navi li {
 display: table-cell;
 border: solid 1px #ebebeb;
 background-position: top 5px center;
 background-size: 25px;
 background-repeat: no-repeat;
}
.global_navi li:nth-child(1) {
 background-image: url('/images/base/search.png');
}
.global_navi li:nth-child(2) {
 background-image: url('/images/base/pointup.png');
}
.global_navi li:nth-child(3) {
 background-image: url('/images/base/cart.png');
}
.global_navi li:nth-child(4) {
 background-image: url('/images/base/favorite.png');
}
.global_navi li:nth-child(5) {
 background-image: url('/images/base/mypage.png');
}
.global_navi li:nth-child(6) {
 background-image: url('/images/base/menu.png');
}
.global_navi li label,
.global_navi li a {
 display: block;
 width: 100%;
 padding-top: 32px;
 height: 18px;
 line-height: 18px;
 color: #0785ab;
 font-size: 10px;
 font-family: Meiryo UI, sans-serif;
}

/* トップ用カテゴリ */
.category_top_navi {
 padding: 0 10px 20px 10px;
 text-align: center;
}
.category_top_navi ul {
 display: table;
 table-layout: fixed;
 width: 100%;
}
.category_top_navi ul li {
 display: table-cell;
 border: solid 5px #f5f5f5;
}
.category_top_avfull a {
 background-image: url('/images/base/avfull.png');
}
.category_top_avchap a {
 background-image: url('/images/base/avchap.png');
}
.category_top_avfullchap a {
 background-image: url('/images/base/avfullchap.png');
}
.category_top_avfullchap a {
 position: relative;
}
.category_top_avfullchap a span {
 position: absolute;
 right: 10px;
 top: 5px;
 display: inline-block;
 line-height: 9px;
 font-size: 9px !important;
 color: #fff !important;
 background: #ff6861;
 padding: 3px 3px 2px 3px;
 border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
}
.category_top_amateur a {
 background-image: url('/images/base/amateur_1.png');
}
.category_top_vr a {
 background-image: url('/images/base/vr_1.png');
}
.category_top_comic a {
 background-image: url('/images/base/comic_1.png');
}
.category_top_anime a {
 background-image: url('/images/base/anime_1.png');
}
.category_top_3dcg a {
 background-image: url('/images/base/3dcg_1.png');
}
.category_top_onsei a {
 background-image: url('/images/base/onsei_1.png');
}
.category_top_game a {
 background-image: url('/images/base/game_1.png');
}
.category_top_gravure a {
 background-image: url('/images/base/gravure_1.png');
}
.category_top_navi li a {
 display: block;
 width: 100%;
 padding-top: 32px;
 padding-bottom: 5px;
 height: 18px;
 line-height: 18px;
 color: #333;
 background-position: top 5px center;
 background-size: 25px;
 background-repeat: no-repeat;
 background-color: #fff;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
}

/* トップお知らせ */
.info_top {
 text-align: left;
 width: 95%;
 margin: 10px auto;
 background-image:
  url('/images/base/info_top.png'),
  url('/images/base/side_menu_arrow.png');
 background-position: left 3% center, right 6px center;
 background-size: 20px, 12px;
 background-repeat: no-repeat;
 background-color: #fff;
 border: solid 1px #0785ab;
 border-bottom: solid 3px #0785ab;
 box-sizing:border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}
.info_top a {
 width: 80%;
 padding: 10px 10%;
 display: inline-block;
 color: #333;
 font-size: 12px;
 font-weight: bold;
 font-family: Polaris-Bold;
 line-height: 16px;
}

/* トップお知らせ2 */
.info_sale {
 border-top: solid 40px #f5f5f5;
 background: #fff;
}
.info_sale .info_red {
 display: none;
}
.info_sale h4 {
 color: #111;
 font-size: 16px;
 font-weight: bold;
 font-family: Polaris-Bold;
 padding: 10px;
 position: relative;
}
.info_sale h4:before {
 content: "";
 display: inline-block;
 position: relative;
 top: 4px;
 left: 0;
 margin-right: 4px;
 width: 20px;
 height: 20px;
 background-image: url('/images/base/heading_sale_list.png');
 background-color: #fff;
 background-position: left 0 center;
 background-size: 20px;
 background-repeat: no-repeat;
}
.info_sale ul li {
 display: table;
 text-align: left;
 width: 100%;
 border-bottom: solid 1px #f5f5f5;
 background-image: url('/images/base/side_menu_arrow.png');
 background-position: right 10px center;
 background-size: 12px;
 background-repeat: no-repeat;
 background-color: #fff;
}
.info_sale ul li a {
 width: 85%;
 padding: 5px 12% 5px 3%;
 display: inline-block;
 color: #333;
 font-size: 12px;
 font-weight: bold;
 font-family: Polaris-Bold;
 line-height: 16px;
}
.info_sale ul li p {
 width: 100%;
 font-size: 11px;
}

.info_last,
.info_2day,
.info_3day {
 display: none;
 width: 44px;
 margin-left: 2px;
 text-align: center;
 font-size: 10px;
}
.info_last{
 color: #ffff00;
 background: #ec0202;
 height: 14px;
 line-height: 14px;
 font-weight: bold;
 font-family: Polaris-Bold;
}
.info_2day,
.info_3day {
 color: #f00;
 background: #fff;
 height: 12px;
 line-height: 12px;
 border: solid 1px #f00;
 border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
}

/* フローティング */
.floating {
 display: none;
 position: fixed;
 left: 0;
 right: 0;
 bottom: 0;
 padding-bottom: env(safe-area-inset-bottom);
 z-index: 9000;
 background: #f5f5f5;
 transition: 0.2s;
 -moz-transition: 0.2s;
 -webkit-transition: 0.2s;
}

/* カテゴリナビ */
.category_navi_box {
 display: table;
 table-layout: fixed;
 width: 100%;
 text-align: center;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 border: solid 1px #ebebeb;
 background: #fff;
}
.category_navi_box li {
 display: table-cell;
 border: solid 1px #ebebeb;
 background-position: top 5px center;
 background-size: 25px;
 background-repeat: no-repeat;
}
.category_navi_box li:nth-child(1) {
 background-image: url('/images/base/amateur_1.png');
}
.category_navi_box li:nth-child(2) {
 background-image: url('/images/base/vr_1.png');
}
.category_navi_box li:nth-child(3) {
 background-image: url('/images/base/gravure_1.png');
}
.category_navi_box li:nth-child(4) {
 background-image: url('/images/base/anime_1.png');
}
.category_navi_box li:nth-child(5) {
 background-image: url('/images/base/3dcg_1.png');
}
.category_navi_box li:nth-child(6) {
 background-image: url('/images/base/onsei_1.png');
}
.category_navi_box li:nth-child(7) {
 background-image: url('/images/base/comic_1.png');
}
.category_navi_box li:nth-child(8) {
 background-image: url('/images/base/game_1.png');
}
.category_navi_box li a {
 display: block;
 width: 100%;
 padding-top: 32px;
 height: 18px;
 line-height: 18px;
 color: #0785ab;
 font-size: 10px;
 font-family: Meiryo UI, sans-serif;
}
@media screen and (max-width:379px) {
 .menu_spacing a {
  letter-spacing: -0.1em
 }
}

/* サイドメニュー */
.navi_left,
.navi_right {
 box-sizing: border-box;
 background: #fff;
 position: fixed;
 top: 0;
 width: 85%;
 max-width: 320px;
 height: 100vh;
 height: 100svh;
 text-align: center;
 overflow: scroll;
 transition-duration: .2s;
 -moz-transition-duration: .2s;
 -webkit-transition-duration: .2s;
 -webkit-overflow-scrolling: touch;
 z-index: 10002;
}
.navi_left {
 left: -85%;
}
.navi_right {
 right: -85%;
}
.check_left,
.check_right {
 display: none;
}
.close_left,
.close_right {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 height: 100svh;
 background: rgba(0, 0, 0, 0);
 transition-property: all;
 -moz-transition-property: all;
 -webkit-transition-property: all;
 transition-delay: 0s;
 -moz-transition-delay: 0s;
 -webkit-transition-delay: 0s;
 visibility: hidden;
}
.check_left:checked~.navi_left,
.check_right:checked~.navi_right {
 transform: none;
 -moz-transform: none;
 -webkit-transform: none;
}
.check_left:checked~.navi_left {
 left: 0;
}
.check_right:checked~.navi_right {
 right: 0;
}
.check_left:checked~.close_left,
.check_right:checked~.close_right {
 background: rgba(0, 0, 0, .8);
 visibility: visible;
 z-index: 10001;
}
.check_left:checked~.close_left {
 background-image: url('/images/base/side_menu_close_left.png');
 background-position: center left 93%;
 background-size: 30px;
 background-repeat: no-repeat;
}
.check_right:checked~.close_right {
 background-image: url('/images/base/side_menu_close_right.png');
 background-position: center right 93%;
 background-size: 30px;
 background-repeat: no-repeat;
}
.navi_body {
 display: block;
 width: 100%;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}
.navi_title {
 padding: 10px 15px;
 background: #ebebeb;
 color: #666;
 font-size: 12px;
 text-align: left;
}
.navi_list2,
.navi_list3 {
 height: 0;
 overflow: hidden;
}
.navi_list li,
.navi_list2 li,
.navi_list3 li {
 text-align: left;
 width: 100%;
 height: 60px;
 line-height: 60px;
 border-bottom: solid 1px #ebebeb;
 background-image: url('/images/base/side_menu_arrow.png');
 background-position: right 10px center;
 background-size: 16px;
 background-repeat: no-repeat;
}
.navi_list li {
 text-indent: 15px;
 background-color: #fff;
}
.navi_list2 li {
 position: relative;
 text-indent: 55px;
 background-color: #f5f5f5;
}
.navi_list3 li {
 text-indent: 15px;
 background-color: #f5f5f5;
}
.navi_list2 li:before {
 content: "";
 position: absolute;
 top: 20px;
 left: 20px;
 width: 20px;
 height: 20px;
 background-size: 20px;
 background-repeat: no-repeat;
}
.navi_list2 li:nth-child(1):before {
 background-image: url('/images/base/av_2.png');
}
.navi_list2 li:nth-child(2):before {
 background-image: url('/images/base/amateur_2.png');
}
.navi_list2 li:nth-child(3):before {
 background-image: url('/images/base/vr_2.png');
}
.navi_list2 li:nth-child(4):before {
 background-image: url('/images/base/gravure_2.png');
}
.navi_list2 li:nth-child(5):before {
 background-image: url('/images/base/anime_2.png');
}
.navi_list2 li:nth-child(6):before {
 background-image: url('/images/base/3dcg_2.png');
}
.navi_list2 li:nth-child(7):before {
 background-image: url('/images/base/onsei_2.png');
}
.navi_list2 li:nth-child(8):before {
 background-image: url('/images/base/comic_2.png');
}
.navi_list2 li:nth-child(9):before {
 background-image: url('/images/base/game_2.png');
}

.navi_mypage,
.navi_favorite,
.navi_cart,
.navi_history,
.navi_info {
 position: relative;
 text-indent: 55px !important;
}
.navi_mypage:before,
.navi_favorite:before,
.navi_cart:before,
.navi_history:before,
.navi_info:before {
 content: "";
 position: absolute;
 top: 20px;
 left: 20px;
 width: 20px;
 height: 20px;
 background-size: 20px;
 background-repeat: no-repeat;
}
.navi_mypage:before {
 background-image: url('/images/base/mypage_2.png');
}
.navi_favorite:before {
 background-image: url('/images/base/favorite_2.png');
}
.navi_cart:before {
 background-image: url('/images/base/cart_2.png');
}
.navi_history:before {
 background-image: url('/images/base/history_2.png');
}
.navi_info:before {
 background-image: url('/images/base/info_2.png');
}

.navi_list li a,
.navi_list2 li a,
.navi_list3 li a {
 display: block;
 width: 100%;
 color: #111;
 font-size: 14px;
 font-weight: bold;
 font-family: Polaris-Bold;
 vertical-align: middle;
}
.navi_list_menu {
 display: none;
}
.navi_list_title {
 position: relative;
 display: block;
 width: 100%;
 height: 60px;
 line-height: 60px;
 border-bottom: solid 1px #ebebeb;
 color: #111;
 background-color: #fff;
 font-size: 14px;
 font-weight: bold;
 font-family: Polaris-Bold;
 text-indent: 15px;
 text-align: left;
}
.navi_list_title:after,
.navi_list_menu:checked+.navi_list_title:after {
 position: absolute;
 content: "";
 width: 16px;
 height: 16px;
 top: 22px;
 right: 10px;
 display: inline-block;
 background-size: 16px;
 background-repeat: no-repeat;
}
.navi_list_title:after {
 background-image: url('/images/base/side_menu_open.png');
}
.navi_list_menu:checked+.navi_list_title:after {
 background-image: url('/images/base/side_menu_close.png');
}
.navi_list_menu:checked+.navi_list_title+.navi_list2,
.navi_list_menu:checked+.navi_list_title+.navi_list3 {
 height: auto;
}
.overflow_hidden {
 overflow: hidden;
}

/* サイドメニュー左 */
#SearchArea{
 height: 78px;
 overflow: hidden;
}
#SearchType{
 position: relative;
 margin-left: 15px;
}
#SearchType select{
 top: 15px;
 position: absolute;
 left: 0;
 width: 22%;
 height: 50px;
 line-height: 50px;
 color: #666;
 background: #f5f5f5;
 background-image: url('/images/base/side_menu_open.png');
 background-position:right 2px center;
 background-size: 8px;
 background-repeat: no-repeat;
 border-top: 0;
 border-bottom: 0;
 border-left: 0;
 border-right: solid 1px #ebebeb;
 border-radius: 0;
 -moz-border-radius: 0;
 -webkit-border-radius: 0;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 appearance: none;
 -moz-appearance: none;
 -webkit-appearance: none;
 text-align: left;
 text-indent: 10%;
 outline: 0;
 z-index: 1;
}
#SearchBox{
 margin: 15px;
}
#SearchBox form {
 position: relative;
 width: 78%;
 margin-left: 22%;
 background: #f5f5f5;
}
#SearchBox input[type="text"]{
 border: 0;
 width: 88%;
 height: 50px;
 line-height: 50px;
 color: #666;
 background: #f5f5f5;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 outline: 0;
}
#SearchBox input[type="submit"]{
 position: absolute;
 top: 0;
 right: 0;
 width: 12%;
 height: 50px;
 border: 0;
 text-indent: -9999px;
 background-image: url('/images/base/side_menu_search.png');
 background-color: #f5f5f5;
 background-position:left 0 center;
 background-size: 18px;
 background-repeat: no-repeat;
}
@media screen and (max-width:359px){
#SearchType select,
#SearchBox input[type="text"]{font-size: 11px;}
}
@media screen and (min-width:360px){
#SearchType select,
#SearchBox input[type="text"]{font-size: 12px;}
}
.tag_search {
 background: #f5f5f5;
 padding: 10px;
 text-align: center;
}
.tag_search_box {
 display: table;
 width: 100%;
}
.tag_search_box p {
 display: table-cell;
 border: solid 5px #f5f5f5;
}
.tag_search_box p a {
 display: inline-block;
 width: 100%;
 background: #ff6861;
 color: #fff;
 font-size: 14px;
 padding: 10px 0;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}
.original_content {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 30px);
  margin: 15px auto;
}
.original_content a {
 display: block;
 background-size: 100%;
 background-repeat: no-repeat;
 width: 30%;
 padding-top: calc(30% + 5px);
 text-align: center;
}
.original_content a,
.original_content a:link {
 color: #444;
}
.original_content a:nth-child(1){
 background-image: url('/images/base/original_top_banner01.jpg');
}
.original_content a:nth-child(2){
 background-image: url('/images/base/original_top_banner02.jpg');
}
.original_content a:nth-child(3){
 background-image: url('/images/base/original_top_banner07.jpg');
}



/* サイドメニュー右 */
.user_data {
 color:#111;
 font-size: 16px;
 font-weight:bold;
 font-family:Polaris-Bold;
 text-align:left;
 margin-left:15px;
}
.user_data span {
 color:#111;
 font-size: 12px;
 margin-left:2px;
}
.point_data {
 color:#ff6861;
 font-size: 16px;
 font-weight:bold;
 font-family:Polaris-Bold;
 text-align:left;
 margin-left:15px;
}
.point_data span {
 color:#111;
 font-size: 12px;
 margin-left:2px;
}
.side_menu_btn {
 text-align: right;
 margin: 10px 15px 10px 0;
}
.side_menu_btn a {
 display: inline-block;
 font-size: 12px;
 font-weight:bold;
 font-family:Polaris-Bold;
 padding: 10px;
 border: solid 1px #111;
 border-radius: 30px;
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
}
.side_menu_btn a,
.side_menu_btn a:visited {
 color:#111;
}
.twitter_area {
 position: relative;
 margin: 15px 0;
}
.twitter_area a {
 display: inline-block;
 border: solid 1px #ccc;
 width: 85%;
 height: 40px;
 line-height: 40px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 background-image: url('/images/base/x.png');
 background-color: #fff;
 background-position: left 15% center;
 background-size: 20px;
 background-repeat: no-repeat;
 text-indent: 12%;
}
.twitter_area a,
.twitter_area a:link {
 color: #666;
}
.logout_btn {
 margin: 30px 0;
}
.logout_btn a {
 display: inline-block;
 border: solid 1px #ccc;
 width: 70%;
 height: 40px;
 line-height: 40px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}
.logout_btn a,
.logout_btn a:visited {
 color: #666;
}
#tosen {
 display: none;
}
#tosen a:after {
 content: "";
 display: inline-block;
 position: relative;
 top: 13px;
 left: 8px;
 width: 28px;
 height: 34px;
 background-image: url('/images/base/kessaizyoui.jpg');
 background-color: #fff;
 background-position: left 15% center;
 background-size: 28px 34px;
 background-repeat: no-repeat;
}

/* ポイント表示 */
.point_now {
 width: 100%;
 height: 20px;
 text-align: right;
 background: #f5f5f5;
 padding: 1px 0;
 border: 0;
 clear: both;
}
.point_now_user {
 margin: 3px 3% 3px 0;
 color: #323232;
}
.point_now_count {
 color: #ee6666;
}

/* トップ用タブ */
.tab_top {
  margin-top: 10px;
  margin-bottom: 2px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.tab_top ul {
  display: table;
  width: 100%;
  margin: 0 auto;
}
.tab_top ul li {
  width: 33.3%;
  position: relative;
  display: table-cell;
  overflow: hidden;
  color: #111;
  font-weight: bold;
  font-family: Polaris-Bold;
}
.tab_top ul li:nth-child(1) {
  border-bottom: 2px solid #111;
}
.tab_top ul li:nth-child(2) {
  border-bottom: 2px solid #f5f5f5;
}
.tab_top ul li:nth-child(3) {
  border-bottom: 2px solid #f5f5f5;
}
.tab_top ul li img {
  vertical-align: bottom;
  position: relative;
  bottom: 11px;
}
.tab_top ul li a {
  display: block;
  color: #999;
  font-weight: bold;
  font-family: Polaris-Bold;
}
.tab_top ul li a span {
  color: #999;
  font-weight: bold;
  font-family: Polaris-Bold;
}
@media screen and (max-width:359px) {
  .tab_top ul li, .tab_top ul li a, .tab_top ul li a span {
    font-size: 12px;
  }
}
@media screen and (min-width:360px) {
  .tab_top ul li, .tab_top ul li a, .tab_top ul li a span {
    font-size: 14px;
  }
}



/* タイトル一覧 */
.content_list {
 height: 130px; /* (1)サムネイルの縦幅+10px */
 text-align: left;
 position: relative;
 background: #fff;
 border-bottom:10px solid #f5f5f5;
}
@media screen and (min-width:400px){
 .content_list {
  height: 145px; /* (2)サムネイルの縦幅+10px */
 }
}
.content_list_thumb {
 width: 170px; /* (1)サムネイルの横幅+10px */
 position: relative;
 z-index: 1;
}
.content_list_thumb p,
.content_list_thumb p a {
 width: 160px; /* (1)サムネイルの横幅 */
 padding: 5px;
}
.content_list_thumb p a {
 position: absolute;
 top:0;
 left:0;
}
@media screen and (min-width:400px){
 .content_list_thumb {
  width: 190px; /* (2)サムネイルの横幅+10px */
 }
 .content_list_thumb p,
 .content_list_thumb p a {
  width: 180px; /* (2)サムネイルの横幅 */
  padding: 5px;
 }
}
.content_list_thumb img {
 width: 100%;
 vertical-align: bottom;
}
.content_list_thumb span {
 position: absolute;
 right: 5px;
 bottom: 5px;
 color: #fff;
 font-size: 10px;
 padding:2px;
 background-color: rgba(0, 0, 0, 0.5);
}
.content_list_link a {
 height: 130px; /* (1)サムネイルの縦幅+10px */
 width: 100%;
 position: absolute;
 top: 0;
 left: 0;
}
@media screen and (min-width:400px){
 .content_list_link a {
  height: 145px; /* (2)サムネイルの縦幅+10px */
 }
}
.content_list_data {
 left: 170px; /* (1)サムネイルの横幅+10px */
 height: 130px; /* (1)サムネイルの縦幅+10px */
 width: calc(100% - 170px);
 position: absolute;
 top: 0;
 text-align: left;
}
@media screen and (min-width:400px){
 .content_list_data {
  left: 190px; /* (2)サムネイルの横幅+10px */
  height: 145px; /* (2)サムネイルの縦幅+10px */
  width: calc(100% - 190px);
 }
}
.content_list_title {
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
 color: #333;
 margin-top: 5px;
 margin-right: 5px;
 font-size: 12px;
 letter-spacing: 0;
}
.content_list_explain {
 font-size: 11px;
 height: 34px;
 line-height: 17px;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
 text-align: left;
 color: #333;
 margin-top: 5px;
 margin-right: 5px;
 font-weight: bold;
 font-family: Polaris-Bold;
 white-space: break-spaces;
}
@media screen and (min-width:400px){
 .content_list_explain {
  font-size: 12px;
  height: 40px;
  line-height: 20px;
 }
}
.content_list_ellipsis {
 position: absolute;
 top: 0;
 right: 0;
 width: 4px;
 height: 4px;
 padding: 15px 10px 35px 40px;
 -webkit-tap-highlight-color: transparent;
}
.content_list_ellipsis span {
 position: relative;
}
.content_list_ellipsis span:before,
.content_list_ellipsis span:after {
 content: "";
 position: absolute;
}
.content_list_ellipsis span,
.content_list_ellipsis span:before,
.content_list_ellipsis span:after {
 display: block;
 width: 4px;
 height: 4px;
 background: #000;
 border-radius: 50%;
 -moz-border-radius: 50%;
 webkit-border-radius: 50%;
}
.content_list_ellipsis span:before {
 top: 7px;
}
.content_list_ellipsis span:after {
 bottom: 7px;
}

/* タイトル一覧(カテゴリ) */
.content_list_category {
 width: 40px;
 font-size: 9px;
 height: 10px;
 line-height: 10px;
 padding: 2px 0;
 display: inline-block;
 text-align: center;
 color: #111;
 background: #ebebeb;
}
@media screen and (min-width:400px){
 .content_list_category {
  width: 50px;
  font-size: 10px;
 }
}

/* タイトル一覧(チャプター) */
.content_list_chapter {
 right: 135px;
 position: absolute;
 bottom: 0;
}
.content_list_chapter a {
 display: block;
}
.content_list_chapter img {
 width: 25px;
 height: 25px;
 padding: 6px 10px 17px 10px;
 vertical-align: bottom;
}
@media screen and (min-width:400px){
 .content_list_chapter {
  right: 150px;
}
 .content_list_chapter img {
  width: 30px;
  height: 30px;
 }
}

/* タイトル一覧(本編取得) */
.content_list_buy {
 position: absolute;
 right: 90px;
 bottom: 0;
}
@media screen and (min-width:400px){
 .content_list_buy {
  right: 100px;
 }
}
.content_list_buy a {
 display: block;
}
.content_list_buy img {
 width: 25px;
 height: 25px;
 vertical-align: bottom;
 padding: 6px 12px 17px 12px;
}
@media screen and (min-width:400px){
 .content_list_buy img {
  width: 30px;
  height: 30px;
 }
}

/* タイトル一覧(カート) */
.content_list_cart .shortcut_bottom1,
.content_list_cart .shortcut_bottom2 {
 position: absolute;
 bottom: 0;
 right: 45px;
 width: 49px !important;
 background: rgba(0, 0, 0, 0) !important;
}
.content_list_cart .shortcut_bottom1 a,
.content_list_cart .shortcut_bottom2 a {
 display: block;
}
.content_list_cart .shortcut_bottom1 span,
.content_list_cart .shortcut_bottom2 span {
 font-size: 0;
}
.content_list_cart .shortcut_bottom1 span:before,
.content_list_cart .shortcut_bottom2 span:before {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 content: "";
 display: inline-block;
 background-repeat: no-repeat;
 background-position: bottom 15px center;
 background-size: 25px;
 width: 49px;
 height: 48px;
}
.content_list_cart .shortcut_bottom1 {
 height: 48px !important;
 line-height: 48px !important;
}
.content_list_cart .shortcut_bottom2 {
 height: 43px !important;
 line-height: 43px !important;
 padding-bottom: 5px;
}
.content_list_cart .shortcut_bottom1 a {
 width: 49px;
 height: 48px;
}
.content_list_cart .shortcut_bottom1 span:before {
 background-image: url('/images/base/content_list_cart_plus.png?gm20240226');
}
.content_list_cart .shortcut_bottom2 span:before {
 background-image: url('/images/base/content_list_cart_check.png');
}
@media screen and (min-width:400px){
 .content_list_cart .shortcut_bottom1,
 .content_list_cart .shortcut_bottom2 {
  right: 50px;
  width: 54px !important;
 }
 .content_list_cart .shortcut_bottom1 {
  height: 53px !important;
  line-height: 53px !important;
 }
 .content_list_cart .shortcut_bottom2 {
  height: 49px !important;
  line-height: 49px !important;
  padding-bottom: 4px;
 }
 .content_list_cart .shortcut_bottom1 a {
  width: 54px;
  height: 53px;
 }
 .content_list_cart .shortcut_bottom1 span:before,
 .content_list_cart .shortcut_bottom2 span:before {
  background-position: bottom 15px center;
  background-size: 30px;
  width: 54px;
  height: 53px;
 }
}

/* タイトル一覧(お気に入りボタン) */
.content_list_fav {
 position: absolute;
 right: 0;
 bottom: -5px;
}
.content_list_fav_plus,
.content_list_fav_check {
 position: relative;
 text-align: center;
}
.content_list_fav_plus a,
.content_list_fav_check a {
 display: block;
 padding: 5px 12px 0 12px;
 -webkit-tap-highlight-color: transparent;
}
.content_list_fav_plus img,
.content_list_fav_check img {
 width: 25px;
 height: 25px;
}
@media screen and (min-width:400px){
 .content_list_fav_plus img,
 .content_list_fav_check img {
  width: 30px;
  height: 30px;
 }
}
.content_list_fav_check span,
.content_list_fav_plus span {
 display: block;
 position: relative;
 bottom: 10px;
 font-size: 10px;
}
.content_list_fav_check span {
 color: #ff574f;
}
.content_list_fav_plus span {
 color: #111;
}

/* タイトル一覧(新着ラベル) */
.release_date {
 position: relative;
 bottom: 1px;
 height: 10px;
 line-height: 10px;
 font-size: 9px;
 margin: 0 2px;
 padding: 2px 10px 2px 50px;
 display: inline-block;
 text-align: center;
 color: #fff;
 background: #ff5426;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 background-image: url('/images/base/release_date.png');
 background-position: left 10px bottom 0;
 background-size: contain;
 background-repeat: no-repeat;
}
.release_date2 {
 position: relative;
 bottom: 1px;
 height: 10px;
 line-height: 10px;
 font-size: 9px;
 padding: 2px 2px 2px 12px;
 display: inline-block;
 text-align: center;
 color: #fff;
 background: #ff5426;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 background-image: url('/images/base/release_date2.png');
 background-position: left 2px bottom 3px;
 background-size: 8px;
 background-repeat: no-repeat;
}

/* タイトル一覧(時間・ページ数表示) */
.content_list_clock,
.content_list_page {
 padding: 2px 2px 2px 14px !important;
 line-height: 10px;
}
.content_list_clock:before,
.content_list_page:before {
 content: "";
 position: absolute;
 left: 3px;
 width: 10px;
 height: 10px;
 background-size: 10px;
 background-repeat: no-repeat;
}
.content_list_clock:before {
 background-image: url('/images/base/clock.png');
}
.content_list_page:before {
 background-image: url('/images/base/page.png');
}

/* タイトル一覧(カルーセル) */
.carousel_title {
 background: #fff;
 padding: 10px;
 margin-top: 40px;
 position:relative;
}
.carousel_title p {
 color: #111;
 font-size: 14px;
 font-weight: bold;
 font-family: Polaris-Bold;
 margin-bottom: 5px;
 position: relative;
}
@media screen and (min-width:400px){
 .carousel_title p {
  font-size: 16px;
 }
}
#heading_last_sale p:before,
#heading_new p:before,
#heading_chapter p:before,
#heading_package p:before,
#heading_tate_movie p:before,
#heading_dailyranking p:before,
#heading_pickup p:before,
#heading_free p:before {
 content: "";
 display: inline-block;
 position: relative;
 top: 4px;
 left: 0;
 margin-right: 4px;
 width: 20px;
 height: 20px;
 background-color: #fff;
 background-position: left 0 center;
 background-size: 20px;
 background-repeat: no-repeat;
}
#heading_last_sale p:before {
 background-image: url('/images/base/heading_last_sale.png');
}
#heading_new p:before {
 background-image: url('/images/base/heading_new.png');
}
#heading_chapter p:before {
 background-image: url('/images/base/heading_chapter.png');
}
#heading_package p:before {
 background-image: url('/images/base/heading_package.png');
}
#heading_tate_movie p:before {
 background-image: url('/images/base/heading_tate_movie.png');
}
#heading_dailyranking p:before {
 background-image: url('/images/base/heading_dailyranking.png');
}
#heading_pickup p:before {
 background-image: url('/images/base/heading_pickup.png');
}
#heading_free p:before {
 background-image: url('/images/base/heading_free.png');
}
.carousel_title p span {
 position: relative;
 bottom: 8px;
 display: inline-block;
 line-height: 9px;
 font-size: 9px;
 color: #fff;
 background: #ff6861;
 margin-left: 4px;
 padding: 3px 3px 2px 3px;
 border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
}
.carousel_title .history_btn {
 position: absolute;
 top: 2px;
 right: 0;
}
#carousel1 {
 padding: 0 3px 5px 3px;
 background: #f5f5f5;
 overflow-x: scroll;
 -webkit-overflow-scrolling: touch;
}
#carousel2 {
 display: table;
}
.carousel_list_box {
 display: table-cell;
 position: relative;
 padding: 2px 3px 0 0;
}
.carousel_list {
 width: 220px; /* (1)サムネイルの横幅 */
 height: 260px;
}
@media screen and (min-width:400px){
 .carousel_list {
  width: 240px; /* (2)サムネイルの横幅 */
  height: 280px;
 }
}
.carousel_list,
.carousel_list2 {
 background: #fff;
 padding-bottom: 5px;
}
.carousel_list a,
.carousel_list2 a {
 display: block;
}
.carousel_list_thumb p,
.carousel_list_thumb p a {
 width: 220px; /* (1)サムネイルの横幅 */
 height: 165px; /* (1)サムネイルの縦幅 */
}
.carousel_list2_thumb p,
.carousel_list2_thumb p a {
 width: 140px; /* (1)サムネイルの横幅 */
}
@media screen and (min-width:400px){
 .carousel_list_thumb p,
 .carousel_list_thumb p a {
  width: 240px; /* (2)サムネイルの横幅 */
  height: 180px; /* (2)サムネイルの縦幅 */
 }
 .carousel_list2_thumb p,
 .carousel_list2_thumb p a {
  width: 160px; /* (2)サムネイルの横幅 */
 }
}
.carousel_list_thumb p a {
 position: absolute;
 top:0;
 left:0;
}
.carousel_list_thumb img,
.carousel_list2_thumb img {
 vertical-align: bottom;
}
.carousel_list_link a {
 height: 90px;
}
@media screen and (min-width:400px){
 .carousel_list_link a {
  height: 95px;
 }
}
.carousel_list_link a {
 padding: 5px;
}
.carousel_list_link .carousel_list_data {
 padding: 0 !important;
}
.carousel_list_data {
 padding: 5px;
 overflow: hidden;
 background: #fff;
}
.carousel_list2_data {
 padding: 5px;
 overflow: hidden;
 background: #fff;
 height: 80px;
}
.carousel_list_title {
 display: -webkit-box;
 -webkit-line-clamp: 1;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
 margin-right: 5px;
 color: #999;
 font-size: 12px;
 overflow: hidden;
}
.carousel_list_explain {
 position: absolute;
 display: -webkit-box;
 -webkit-line-clamp: 2;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
 text-align: left;
 color: #333;
 margin-right: 5px;
 margin-bottom: 10px;
 height: 32px;
 font-size: 12px;
 font-weight: bold;
 font-family: Polaris-Bold;
 white-space: break-spaces;
 line-height: 1.4;
}
@media screen and (min-width:400px){
 .carousel_list_explain {
  font-size: 13px;
  height: 36px;
 }
}

/* タイトル一覧(カルーセル用チャプター) */
.carousel_list_chapter {
 position: absolute;
 right: 5px;
 bottom: 0;
}
.carousel_list_chapter a {
 display: block;
}
.carousel_list_chapter img {
 width: 25px;
 height: 25px;
 padding: 10px 10px 6px 10px;
 vertical-align: bottom;
}
@media screen and (min-width:400px){
 .carousel_list_chapter img {
  width: 30px;
  height: 30px;
 }
}

.see_more_link {
 display: table-cell;
 position: relative;
 padding: 2px 3px 0 0;
}
.see_more_link a {
 display: block;
 background: #fff;
 position: absolute;
 top: 0;
 bottom: 0;
 width: 220px; /* (1)サムネイルの横幅 */
}
@media screen and (min-width:400px){
 .see_more_link a {
  width: 240px; /* (2)サムネイルの横幅 */
 }
}
.see_more_link span {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 padding: 15px;
 color: #111;
 font-size: 12px;
 font-weight: bold;
 font-family: Polaris-Bold;
 border: solid 1px #111;
 border-radius: 30px;
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
}

/* タイトル一覧(レビュー) */
.content_list_review {
 display: inline-block;
 height: 18px;
 line-height: 18px;
 font-size: 10px;
}
.content_list_review img {
 vertical-align: bottom;
 position: relative;
 bottom: 3px;
 width: 56px !important;
 height: 14px !important;
}
@media screen and (min-width:400px){
 .content_list_review img {
  width: 60px !important;
  height: 16px !important;
  bottom: 2px;
 }
}
.carousel_list_review,
.carousel_list2_review {
 display: inline-block;
 height: 18px;
 line-height: 18px;
 font-size: 10px;
 position: absolute;
}
.carousel_list_review {
 bottom: 15%;
}
.carousel_list2_review {
 bottom: 30px;
}
.carousel_list_review img,
.carousel_list2_review img {
 vertical-align: bottom;
 position: relative;
 bottom: 2px;
}



/*** コンテンツ詳細関連 ***/

/* 作品詳細(ページ上部) */
.detail_box,
.detail_box2 {
 background: #fff;
 padding-bottom: 5px;
}
.detail_box {
 border-bottom: solid 5px #ebebeb;
}
/* タイトル */
.detail_box h2,
.detail_box2 h2 {
 padding: 10px 10px 5px 10px;
 color: #111;
 line-height: 1.5em;
 font-size: 14px;
 font-weight: bold;
 font-family: Polaris-Bold;
}
/* 説明小 */
.detail_box h3,
.detail_box2 h3 {
 padding: 0 10px 5px 10px;
 color: #111;
 line-height: 1.5em;
 font-size: 10px;
}
/* タイトル */
.detail_title {
 background: #fff;
 margin-bottom: 1px;
 padding: 10px 15px;
 color: #111;
 line-height: 1.5em;
 font-size: 14px;
 font-weight: bold;
 font-family: Polaris-Bold;
}

/* 説明小 */
.detail_title2 {
 background: #fff;
 padding: 0 15px 5px 15px;
 color: #111;
 line-height: 1.5em;
 font-size: 10px;
 font-weight: normal;
 position: relative;
 bottom: 5px;
}

/* 作品詳細(ページ上部) */
.detail_data {
 background: #fff;
 width: 100px;
 height: 30px;
 float: left;
}
.detail_data p {
 width: 80px;
 height: 22px;
 line-height: 22px;
 margin: 4px 0 0 10px;
 background: #ebebeb;
 text-align: center;
 color: #111;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px
}
.detail_data1 {
 overflow-x: scroll;
 -webkit-overflow-scrolling: touch;
 background: #fff;
}
.detail_data2 {
 display: table;
}
.detail_data2 span {
 display: table-cell;
 height: 30px;
 line-height: 30px;
}
.detail_data2 span a {
 margin-right: 15px;
 display: inline-block;
 color: #0785ab;
 text-decoration: underline;
 white-space: nowrap;
}

/* 動画コンテンツ */
.movie_content {
 position: relative;
 display: inline-block;
 width: 100%;
 text-align: center;
}
.movie_content video {
 max-width: 640px;
 vertical-align: bottom;
}

/* 会員登録、本編購入、カート、お気に入り */
.price_box {
 text-align: center;
 margin: 0 auto;
 padding: 20px 0;
 background: #fff;
}
.price_box ul {
 display: table;
 width: 100%;
}
.price_box ul li {
 display: table-cell;
 width: 50%;
}
.value_box div {
 display: inline-block;
}
.value_box div strike,
.value_box div span {
 position: relative;
 bottom: 5px;
 margin-right: 5px;
 font-size: min(3.5vw,20px);
}
.expiry_value {
 text-align: center;
 margin: auto;
 width: 100%;
 background: #f00;
 color: #fff;
 padding: 2px 0;
 font-size: min(3.5vw,20px);
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}
.real_value {
 display: block;
 color: #f00;
 font-size: min(7.0vw,48px);
 font-weight: bold;
 font-family: "HiraKakuProN-W3", "verdana";
}
.buy_btn {
 width: 80%;
 height: 80px;
 line-height: 80px;
 margin: auto;
 background: #ea4924;
 border-bottom: solid 5px #76200c;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 margin-top: 20px;
}
.buy_btn a {
 display: block;
 color: #fff;
 font-weight: bold;
 font-family: Polaris-Bold;
 font-size: 16px;
}
.cart_plus {
 position: relative;
 width: 75%;
 height: 50px;
 line-height: 50px;
 background: #ed7b2f;
 border-top: solid 1px #ed7b2f;
 border-left: solid 1px #ed7b2f;
 border-right: solid 1px #ed7b2f;
 border-bottom: solid 4px #784213;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 margin-top: 20px;
 margin-left: 20%;
}
.fav_plus {
 position: relative;
 width: 75%;
 height: 50px;
 line-height: 50px;
 background: #fff;
 border-top: solid 1px #999;
 border-left: solid 1px #999;
 border-right: solid 1px #999;
 border-bottom: solid 4px #666;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 margin-top: 20px;
 margin-left: 5%;
}
.cart_plus a,
.fav_plus a {
 display: block;
}
.cart_plus a img {
 position: relative;
 top: 10px;
}
.fav_plus a img {
 position: absolute;
 top: 18px;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
}
.fav_plus span {
 position: relative;
 top: 12px;
 font-size: 10px;
 color: #111;
}
.cart_check {
 position: relative;
 width: 75%;
 height: 50px;
 line-height: 50px;
 background: #fff;
 border: solid 1px #999;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 margin-top: 20px;
 margin-left: 20%;
}
.fav_check {
 position: relative;
 width: 75%;
 height: 50px;
 line-height: 50px;
 background: #fff;
 border: solid 1px #999;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 margin-top: 20px;
 margin-left: 5%;
 margin-bottom: 3px;
}
.cart_check a,
.fav_check a {
 display: block;
}
.cart_check a img {
 position: relative;
 top: 10px;
}
.fav_check a img {
 position: absolute;
 top: 18px;
 left: 50%;
 transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
}
.fav_check span {
 position: relative;
 top: 12px;
 font-size: 9px;
 color: #ff574f;
}
.msg_pop {
 display: none;
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 padding: 10px;
 background-color: rgba(0, 0, 0, 0.8);
 color: #fff;
 font-family: Arial, sans-serif;
 font-size: 16px;
 border-radius: 5px;
 opacity: 0;
 transition: opacity 0.5s ease-in-out;
 z-index:99999;
}
.supplement_box {
 margin-top: 10px;
 color: #111;
}
.supplement1 {
 display: inline-block;
 padding: 2px 0;
 background: #ebebeb;
 color: #111;
 width: 70px;
}
.supplement2 {
 margin-left: 10px;
 color: #111;
 font-weight: bold;
 font-family: Polaris-Bold;
}

/* サンプル画像 */
.scene_carousel {
 padding: 3px 0 3px 3px;
 overflow-x: scroll;
 -webkit-overflow-scrolling: touch;
}
.scene_carousel ul {
 display: table;
}
.scene_carousel ul li {
 display: table-cell;
}
.scene_carousel ul img {
 height: 170px;
 margin-right: 3px;
 vertical-align: bottom;
}
#SceneModalBox {
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9999;
 background-color: rgba(0, 0, 0);
}
#SceneModalBox ul {
 text-align: center;
 overflow: auto;
 width: 100%;
 height: 100%;
 position: absolute;
 bottom: 0;
 left: 50%;
 transform: translate(-50%, 0);
 -webkit-overflow-scrolling: touch;
}
#SceneModalBox ul li img {
 width: 100%;
 max-width: 600px;
 vertical-align: bottom;
 margin-bottom: 40px;
}
#SceneModalBox ul li:first-child {
 margin-top: 60px;
}
#SceneModalBox p {
 text-align: center;
 position: fixed;
 left: 0;
 right: 0;
 bottom: 10px;
 z-index: 10000;
 color: #fff;
 filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.8));
}
#SceneModalClose {
 position: fixed;
 top: 15px;
 right: 15px;
 z-index: 9999;
}
#SceneModalClose img {
 filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.8));
}

/* 表紙、サンプル */
.comic_carousel {
 overflow: auto;
 scroll-snap-type: x mandatory;
 -webkit-overflow-scrolling: touch;
 display: flex;
}
.comic_carousel li img {
 scroll-snap-align: center;
 width: 60vw;
 max-width: 400px;
 margin :15px 20vw 0 20vw;
 vertical-align: bottom;
}
.comic_carousel li a {
 display: block;
}
.comic_pager {
 margin-bottom: 10px;
 text-align: center;
}
.comic_pager img {
 margin: 0 4px;
 width: 4px;
 height: 4px;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 opacity: 0.5;
 filter: invert(50%) sepia(0%) saturate(11%) hue-rotate(143deg) brightness(101%) contrast(93%);
}
#SceneModalBox2 {
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9999;
 background-color: rgba(0, 0, 0);
 overscroll-behavior-y: none;
}
#SceneModalBox2 ul {
 width: 100%;
 height: 100%;
 overflow: scroll;
 scroll-snap-type: y mandatory;
 -webkit-overflow-scrolling: touch;
}
#SceneModalBox2 ul li {
 scroll-snap-align: center;
 text-align: center;
}
#SceneModalBox2 ul li img {
 width: 100%;
 max-width: 600px;
 vertical-align: bottom;
 margin: 75px 0;
}
#SceneModalClose2 {
 position: fixed;
 top: 15px;
 right: 15px;
 z-index: 9999;
}
#SceneModalClose2 img {
 filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.8));
}
.next_page {
 text-align: center;
 position: fixed;
 bottom: 5px;
 left: 0;
 right: 0;
 z-index: 9999;
}

/* 作品詳細 */
.readmore {
 position: relative;
 box-sizing: border-box;
 background: #fff;
}
.readmore-content {
 position: relative;
 overflow: hidden;
 height: 100px;
 margin-bottom: 20px;
}
.readmore-content:before {
 display: block;
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 content: "";
 height: 50px;
 background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0.9) 60%, #f5f5f5 100%);
 background-image: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.5) 30%, rgba(255, 255, 255, 0.9) 60%, #f5f5f5 100%);
}
.readmore-label {
 display: table;
 position: absolute;
 bottom: 5px;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 margin: 0 auto;
 padding: 0 10px;
 color: #0785ab;
 font-size: 14px;
 font-weight: bold;
 font-family: Polaris-Bold;
}
.readmore-label:before {
 content: "もっと見る";
}
.readmore-check {
 display: none;
}
.readmore-check:checked~.readmore-label {
 position: static;
 transform: translateX(0);
 -webkit-transform: translateX(0);
 display: ;
}
.readmore-check:checked~.readmore-label:before {
 content: "閉じる";
 display: block;
 padding-bottom: 30px;
}
.readmore-check:checked~.readmore-content {
 height: auto;
}
.readmore-check:checked~.readmore-content:before {
 display: none;
}
.readmore-label:after, .readmore-check:checked~.readmore-label:after {
 position: absolute;
 content: "";
 width: 14px;
 height: 14px;
 top: 3px;
 right: -4px;
 display: inline-block;
 background-size: 14px;
 background-repeat: no-repeat;
}
.readmore-label:after {
 background-image: url('/images/base/explain_open.png');
}
.readmore-check:checked~.readmore-label:after {
 background-image: url('/images/base/explain_close.png');
}
.explain_box {
 padding: 15px 10px;
 background: #fff;
 clear: left;
}
.explain_box h3,
.explain_box h4 {
 color: #111;
 font-size: 16px;
 font-weight: bold;
 font-family: Polaris-Bold;
 clear: left;
}
.explain_box h4 {
 margin-top: 50px;
}
.explain_box h5 {
 width: 80px;
 background: #ebebeb;
 text-align: center;
 font-weight: normal;
 color: #111;
 margin-right: 5px;
 clear: left;
 float: left;
}
.explain_box div {
 overflow-x: scroll;
}
.explain_box a{
 color: #0785ab;
}
.explain_box h5,
.explain_box div {
 margin-top: 15px;
 line-height: 22px;
}
.explain_box div {
 min-height: 32px;
}

/* 複数リンク */
.explain_links {
 position: relative;
 bottom: 12px;
}
.explain_links a {
 float: left;
 margin: 10px 5px 0 0;
 display: inline-block;
}

/* 単一リンク */
.explain_link {
 position: relative;
 bottom: 2px;
}
.explain_link a {
 display: inline-block;
}

/* タグ */
.explain_tag {
 overflow-x: scroll;
 -webkit-overflow-scrolling: touch;
 position: relative;
 bottom: 7px;
 margin-bottom: -10px;
}
.explain_tag ul {
 display: flex;
}
.explain_tag ul li {
 float: left;
 text-align: center;
 margin: 0;
 width: auto;
 height: auto;
 padding: 5px 5px 5px 0;
 white-space: nowrap;
}
.explain_tag ul div {
 display: inline-block;
 min-height: auto;
 margin-top: auto;
 overflow-x: visible;
}
.explain_tag .tag_tit {
 display: none;
}
.explain_tag .tag_box {
 margin: 0;
 width: auto;
 height: auto;
 display: flex;
}
.explain_tag .tag_but {
 float: left;
 text-align: center;
 margin: 0;
 width: auto;
 height: auto;
 padding: 5px 5px 5px 0;
 white-space: nowrap;
}
.explain_tag .tag_but a span{
 display: block;
 width: 100%;
 color: #0785ab;
 font-family: "Meiryo", sans-serif;
 font-weight: normal;
}

/* リンク囲い線 */
.explain_links a,
.explain_link a,
.explain_tag a {
 display: inline-block;
 line-height: 24px;
 border: solid 1px #ccc;
 padding: 0 6px;
 border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
}

/* 品番・作品名 */
.explain_number ,
.explain_name p {
 font-size: 10px;
 color: ccc;
}
.explain_name p {
 line-height: 16px;
 position: relative;
 top: 3px;
 margin-bottom: 3px;
}

/* 作品説明 */
.explain_text {
 margin-top: 10px;
 line-height: 22px;
 word-break: break-all;
}

/* チャプター一覧 */
.explain_chapter {
 counter-reset: chapter;
 list-style-type: none;
 margin-top: 10px;
 position: relative;
}
.explain_chapter li {
 counter-increment: chapter;
 line-height: 22px;
 margin:15px 0 15px 85px;
}
.explain_chapter li:before {
 position: absolute;
 left: 0;
 content: "チャプター" counter(chapter) " ";
 background: #ebebeb;
 display: block;
 width: 80px;
 height: 22px;
 line-height: 22px;
 margin-right: 5px;
 text-align: center;
}

/* 画質選択 */
.quality_select {
 width: 100%;
 height: 50px;
}
.quality_select ul {
 display: table;
 width: 100%;
 background: #fff;
}
.quality_select ul li {
 display: table-cell;
 width: 50%;
 text-align: center;
}
.quality_select_off {
 position: relative;
 bottom: 37px;
}
.quality-button {
 width: 100%;
 border: 0;
 height: 50px;
 color: #666;
 font-size: 12px;
 background: #f5f5f5;
 border-top: 3px solid #ccc;
}
.quality-button.active {
 color: #111;
 font-weight: bold;
 font-family: Polaris-Bold;
 background: #fff;
 border-top: 3px solid #0785ab;
}
.quality-button span {
 display: block;
 font-size: 10px;
 color: #666;
}
.quality-button.active span {
 color: #111;
 font-weight: normal;
}
.select-quality {
 display: none;
}
.select-quality.active {
 display: block;
}

/* オプション */
.movie_option {
 position: relative;
 width: 100%;
 background: #111;
 transition: opacity 0.5s;
 opacity: 1;
}
.movie_option h3 {
 padding: 15px;
 width: 50%;
 color: #fff;
 font-size: 12px;
 font-weight: normal;
 white-space: nowrap;
 overflow: hidden;
 text-align: left;
 text-overflow: ellipsis;
 -moz-text-overflow: ellipsis;
 -webkit-text-overflow: ellipsis;
}

/* 三点リーダー */
.ellipsis {
 position: absolute;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
 padding: 20px 15px 20px 25px;
}
.ellipsis div {
 position: relative;
}
.ellipsis div:before,
.ellipsis div:after {
 content: "";
 position: absolute;
}
.ellipsis div,
.ellipsis div:before,
.ellipsis div:after {
 width: 4px;
 height: 4px;
 background: #fff;
 text-align: left;
 border-radius: 50%;
 -moz-border-radius: 50%;
 webkit-border-radius: 50%;
}
.ellipsis div:before {
 top: 7px;
}
.ellipsis div:after {
 bottom: 7px;
}

/* ダウンロード */
.app_download {
 position: absolute;
 right: 0;
 top: 0;
 width: 22px;
 height: 22px;
 padding: 14px;
 background-position: center;
 background-size: 22px;
 background-repeat: no-repeat;
}
.app_download {
 background-image: url('/images/base/app_download.png');
}

/* アプリ再生・ダウンロード */
.play_app_on {
 display: none;
}
.play_app_btn {
 color: #aaa;
}
.play_app_popup {
 height: 0;
 overflow: hidden;
}
.play_app_on:checked+.play_app_btn+.play_app_popup {
 height: auto;
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 background: rgba(0, 0, 0, 0.5);
 width: 100%;
 padding: 500px 0;
 z-index: 9999;
}
.play_app_area {
 position: relative;
 background: #fff;
 padding: 50px 0;
 margin: 0 15px;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px
}
.play_app_area span {
 position: absolute;
 width: 40px;
 height: 40px;
 line-height: 40px;
 font-size: 40px;
 top: 10px;
 right: 0;
 display: block;
 color: #999;
}
.play_app_startup,
.play_app_download {
 margin: 0 0 25px 0;
}
.play_app_startup a,
.play_app_download a {
 text-align: center;
 margin: 0 15px;
 display: block;
 height: 60px;
 line-height: 60px;
 font-size: 14px;
 font-weight: bold;
 font-family: Polaris-Bold;
 border-radius: 100px;
 -moz-border-radius: 100px;
 -webkit-border-radius: 100px
}
.play_app_startup a {
 border: solid 1px #0785ab;
 background: #0785ab;
 color: #fff;
}
.play_app_download a {
 border: solid 1px #0785ab;
 background: #fff;
 color: #0785ab;
}
.play_app_help a {
 position: relative;
 display: inline-block;
 line-height: 18px;
 color: #0785ab;
}
.play_app_help a:before {
 content: "";
 position: absolute;
 top: 0;
 left: -20px;
 width: 18px;
 height: 18px;
 background-image: url('/images/base/info_top.png');
 background-size: 18px;
 background-repeat: no-repeat;
}

/* チャプター選択 */
.chapter_select {
 width: 100%;
 overflow-x: scroll;
 -webkit-overflow-scrolling: touch;
 background: #fff;
 padding-top: 10px;
 padding-bottom: 10px;
 border-top: 10px solid #fff;
 border-bottom: 10px solid #fff;
}
.chapter_select ul {
 display: table;
 padding: 5px;
}
.chapter_select ul li {
 display: table-cell;
}
.chapter-button {
 border: 0;
 background: #fff;
}
.chapter-button span {
 display: block;
 width: 140px;
 height: 80px;
 line-height: 80px;
 margin: 0 5px;
 background: #f5f5f5;
 border: 1px solid #ccc;
 color: #666;
 font-size: 12px;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}
.chapter-button.active span {
 background: #0785ab;
 border: 1px solid #0785ab;
 color: #fff;
 font-size: 12px;
 font-weight: bold;
 font-family: Polaris-Bold;
}
.select-chapter {
 display: none;
}
.select-chapter.active {
 display: block;
}

/* VR用 */
.vr_play_app_startup,
.vr_play_app_download {
 margin: 25px 0;
}
.vr_play_app_startup a,
.vr_play_app_download a {
 text-align: center;
 margin: 0 15px;
 display: block;
 height: 60px;
 line-height: 60px;
 font-size: 14px;
 font-weight: bold;
 font-family: Polaris-Bold;
 border-radius: 100px;
 -moz-border-radius: 100px;
 -webkit-border-radius: 100px
}
.vr_play_app_startup a {
 border: solid 1px #0785ab;
 background: #0785ab;
 color: #fff;
}
.vr_play_app_download a {
 border: solid 1px #0785ab;
 background: #fff;
 color: #0785ab;
}

/* コミック用 */
.read_web {
 width: 100%;
 padding-top: 20px;
}
.read_web, .read_app {
 padding-bottom: 20px;
}
.read_web button img {
 position: relative;
 top: 4px;
 right: 4px;
}
.read_app label img {
 position: relative;
 top: 5px;
 right: 1px;
}
.read_web button, .read_app_btn {
 text-align: center;
 margin: 0 auto;
 display: block;
 border: solid 1px #0785ab;
 width: calc(100% - 30px);
 height: 80px;
 line-height: 80px;
 font-size: 14px;
 font-weight: bold;
 font-family: Polaris-Bold;
 border-radius: 100px;
 -moz-border-radius: 100px;
 -webkit-border-radius: 100px
}
.read_web button {
 background: #0785ab;
 color: #fff;
}
.read_app_btn {
 background: #fff;
 color: #0785ab;
}
.read_app_popup {
 height: 0;
 overflow: hidden;
}
.read_app_on {
 display: none;
}
.read_app_on:checked+.read_app_btn+.read_app_popup {
 height: auto;
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 background: rgba(0, 0, 0, 0.5);
 width: 100%;
 padding: 500px 0;
 z-index: 9999;
}
.read_app_area {
 position: relative;
 background: #f5f5f5;
 padding: 50px 0;
 margin: 0 15px;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px
}
.read_app_area span {
 position: absolute;
 width: 40px;
 height: 40px;
 line-height: 40px;
 font-size: 40px;
 top: 10px;
 right: 0;
 display: block;
 color: #999;
}
.read_app_startup {
 margin: 0 0 25px 0;
}
.read_app_startup a, .read_app_download a {
 text-align: center;
 margin: 0 15px;
 display: block;
 height: 60px;
 line-height: 60px;
 font-size: 14px;
 font-weight: bold;
 font-family: Polaris-Bold;
 border-radius: 100px;
 -moz-border-radius: 100px;
 -webkit-border-radius: 100px
}
.read_app_startup a {
 border: solid 1px #0785ab;
 background: #fff;
 color: #0785ab;
}
.read_app_download a {
 border: solid 1px #0785ab;
 background: #fff;
 color: #0785ab;
}
.viewr_close {
 position: fixed;
 top: 10px;
 right: 10px;
 width: 40px;
 height: 40px;
 border: none;
 outline: none;
 opacity:0;
 z-index: 99999;
}
.viewr_close img {
 width: 100%;
 height: 100%;
}

#comic_sample img,
.gm_template img {
 pointer-events: none;
}
.swiper-slide,
.gm_thumbItem {
 background-image: url('/images/base/page_loading.png');
 background-repeat: no-repeat;
 background-position: center center;
}
.swiper-slide { 
 background-size: 60px;
}
.gm_thumbItem { 
 background-size: 40px;
}

/* 音声用 */
#onsei_box {
 background: #fff;
 margin-bottom: 20px;
}
.jp-drag-bar {
 z-index: 1;
}
.current-time,
.radio {
 text-align: center;
}
.playlist-title p span.track-name {
 margin-left: 10px;
 font-weight: normal !important;
 color: #111 !important;
}
#sample-playlist-header {
 height: 0;
 border-top: 1px solid #eee;
}
.playlistbox {
 display: none;
}

/* ユーザーレビュー */
.user_rating {
 display: none;
 background: #fff;
 width: 100%;
 height: 20px;
 line-height: 20px;
 position: relative;
}
.user_rating div a {
 display: none;
}
.user_rating p {
 position: absolute;
 top: 0;
 left: 92px;
 font-size: 10px;
}
.user_rating p a {
 padding: 5px;
}
.user_rating p a,
.user_rating p span {
 font-size: 10px;
 color: #0785ab;
}
.user_rating div img {
 width: 72px !important;
 height: 18px !important;
 position: absolute;
 top: 0;
 left: 20px;
}
.user_review_box {
 display: none;
 background: #fff;
 width: 100%;
 height: 75px;
 position: relative;
}
.user_review_box h3 {
 color: #111;
 font-size: 16px;
 font-weight: bold;
 font-family: Polaris-Bold;
 padding: 15px 15px 0 15px;
}
.user_review_box div a {
 display: none;
}
.user_review_box p {
 position: absolute;
 top: 48px;
 left: 102px;
 font-size: 10px;
}
.user_review_box p a {
 padding: 5px;
}
.user_review_box p a,
.user_review_box p span {
 font-size: 10px;
 color: #0785ab;
}
.user_review_box div img {
 width: 88px !important;
 height: 22px !important;
 position: absolute;
 top: 42px;
 left: 15px;
}
.user_rating2 {
 display: none;
 background: #fff;
 width: 100%;
 height: 30px;
 line-height: 30px;
 position: relative;
}
.user_rating2 h3 {
 padding:  0 15px;
 color: #111;
 font-size: 16px;
 font-weight: bold;
 font-family: Polaris-Bold;
}
.user_rating2 div a {
 display: none;
}
.user_rating2 p {
 position: absolute;
 top: 0;
 left: 92px;
 font-size: 10px;
}
.user_rating2 p a {
 padding: 5px;
}
.user_rating2 p a,
.user_rating2 p span {
 font-size: 10px;
 color: #0785ab;
}
.user_rating2 div img {
 width: 72px !important;
 height: 18px !important;
 position: absolute;
 top: 5px;
 left: 20px;
}
.nonreview1,
.nonreview2{
 width:95%;
 margin:auto;
 margin-top:5px;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
}
.nonreview1{
 background:#d5d5d5;
 padding:22px 3px;
}
.nonreview2{
 border:solid 3px #fedba3;
 padding:5px 0;
}

/* 未取得チャプター有 */
.content_list_chapter_label {
 position: relative;
 top: 1px; 
 height: 9px; 
 line-height: 9px; 
 font-size: 10px;
 padding: 2px 5px 1px 5px; 
 display: inline-block;
 text-align: center;
 color: #000;
 border: solid 1px #000;
 border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
}

/* 未取得チャプター有 */
.myfolder_chapter_label {
 height: 9px; 
 line-height: 9px; 
 font-size: 10px;
 padding: 2px 5px 1px 5px; 
 display: inline-block;
 text-align: center;
 color: #000;
 border: solid 1px #000;
 position: relative;
 top: 1px; 
}

/* キャンペーン最終日 */
.nokori1 {
 color: #ff0 !important;
 background: #f00 !important;
 font-size: 12px !important;
 font-weight: bold !important;
 font-family: "HiraKakuProN-W3", "verdana" !important;
}
.nokori1:before {
 content: "";
 position: absolute;
 top: 2px; 
 left: 2px; 
 width: 8px; 
 height: 11px;
 background-image: url('/images/base/hourglass1.png') !important;
 background-size: 8px 11px;
 background-repeat: no-repeat;
}

/* キャンペーン残り2,3日 */
.nokori2,
.nokori3 {
 border: solid 1px #f00;
 border-radius:2px;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
}

/* ポイント表記（リスト） */
@media screen and (max-width:399px){
 .content_list_point {
  font-size: 11px;
 }
 .content_list_point span,
 .content_list_point span strike{
  font-size: 9px;
 }
}
@media screen and (min-width:400px){
 .content_list_point {
  font-size: 12px;
 }
 .content_list_point span,
 .content_list_point span strike {
  font-size: 10px;
 }
}
.content_list_point {
 margin-top: 3px;
 color: #f00;
 font-weight: bold;
 font-family: "HiraKakuProN-W3", "verdana";
}
.content_list_point span,
.content_list_point span strike {
 color: #999;
}
.content_list_point span span {
 position: relative;
 display: inline-block;
 margin-right: 5px; 
 padding: 0 2px 0 12px;
 font-size: 11px;
 color: #f00;
 background: #fff;
 height: 15px;
 line-height: 15px;
}
.content_list_point span span:before {
 content: "";
 position: absolute;
 top: 2px; 
 left: 2px; 
 width: 8px; 
 height: 11px;
 background-image: url('/images/base/hourglass2.png');
 background-size: 8px 11px;
 background-repeat: no-repeat;
}

/* ポイント表記（カルーセル） */
.carousel_list_point {
 color: #f00;
 font-size: 11px;
 font-weight: bold;
 font-family: "HiraKakuProN-W3", "verdana";
 position: absolute;
 bottom: 5px;
}
.carousel_list_point span,
.carousel_list_point span strike {
 font-size: 9px;
 color: #999;
}
@media screen and (min-width:400px){
 .carousel_list_point {
  font-size: 12px;
 }
 .carousel_list_point span,
 .carousel_list_point span strike {
  font-size: 10px;
 }
}
.carousel_list_point span span {
 position: relative;
 display: inline-block;
 margin-right: 5px; 
 padding: 0 2px 0 12px;
 font-size: 11px;
 color: #f00;
 background: #fff;
 height: 15px;
 line-height: 15px;
}
.carousel_list_point span span:before {
 content: "";
 position: absolute;
 top: 2px;
 left: 2px;
 width: 8px;
 height: 11px;
 background-image: url('/images/base/hourglass2.png');
 background-size: 8px 11px;
 background-repeat: no-repeat;
}

/* 通常ポイント */
.content_point {
 color: #333 !important;
 font-size: 11px !important;
 font-weight: bold !important;
 font-family: "HiraKakuProN-W3", "verdana" !important;
}
@media screen and (min-width:400px){
 .content_point {
  font-size: 12px !important;
 }
}

/* 取得済み */
.content_get {
 position: relative;
 top: 3px;
 font-size: 12px;
 font-weight: bold;
 font-family: "HiraKakuProN-W3", "verdana";
 color: #333;
 text-indent: 20px;
}
.content_get:before {
 content: "";
 width: 16px;
 height: 16px;
 position: absolute;
 top: 3px;
 margin-left: -20px;
 display: inline-block;
 background-image: url('/images/base/chapter_get.png');
 background-size: 16px;
 background-repeat: no-repeat;
}
.carousel_get {
 position: absolute;
 bottom: 5px;
 font-size: 12px;
 font-weight: bold;
 font-family: "HiraKakuProN-W3", "verdana";
 color: #333;
 text-indent: 20px;
}
.carousel_get:before {
 content: "";
 width: 16px;
 height: 16px;
 position: absolute;
 top: 3px;
 margin-left: -20px;
 display: inline-block;
 background-image: url('/images/base/chapter_get.png');
 background-size: 16px;
 background-repeat: no-repeat;
}