@charset "UTF-8";

/* override for speedbinb.css(mobile_device/pc_device)
------------------------------*/
#content{
background: #fff;
}

/* override for main_style.css(mobile_device/pc_device)
------------------------------*/
#menu_controller{
color: #ff7908;
}
#menu_cnt_left,
#menu_slidercaption_base,
#menu_slider_holder,
#menu_slider_base,
#menu_cnt_right,
#menu_zoom,
#menu_change_vh{
font-size: 1em;
}
#menu_slidercaption{
font-family: "Noto Sans Japanese","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,sans-serif;
}
#slider{
background: #fff;
border: 1px solid #aaa;
font-size: 1.1em;
}
#slider .ui-slider-range{
background: #ff7908;
}
#slider .ui-slider-handle{
border: solid .05em #a9a9a9;
background-color: #fff;
}
#slider>a:hover{
background-color: #fff!important;
}
#direction_notification_icon img {
-moz-box-shadow: 0 0 3px 3px rgba(0,0,0,.3);
-webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,.3);
box-shadow: 0 0 3px 3px rgba(0,0,0,.3);
}
#first_guide .pulse-button{
background: #ff8c2f;
}

/* override for main_style.css(mobile_device)
------------------------------*/
#menu_header{
font-size: 1.35em;
}
#menu_header_button,
#menu_close_button,
#menu_storelogo{
font-size: 1em;
}
.mobile_device #menu_header_button{
position: absolute;
top: 0;
left: 0;
width: 2em;
height: 2em;
}
.mobile_device #menu_header_button .fa{
display: none;
}
.mobile_device #menu_header_button img.icon_mobile{
width: 100%;
height: 100%;
}
.mobile_device #menu_header_button img.icon_pc{
display: none;
}
.mobile_device #menu_close_button{
position: absolute;
right: 0;
top: 0;
width: 2em;
height: 2em;
}
.mobile_device #menu_close_button .fa{
display: none;
}
.mobile_device #menu_close_button img.icon_mobile{
width: 100%;
height: 100%;
}
.mobile_device #menu_close_button img.icon_pc{
display: none;
}
.mobile_device #menu_storelogo img{
height: 1.2em;
margin-top: .2em;
vertical-align: baseline;
}

/* override for main_style.css(pc_device)
------------------------------*/
.pc_device #menu_header_button{
position: absolute;
top: 0;
left: 0;
width: 2em;
height: 2em;
}
.pc_device #menu_header_button .fa{
display: none;
}
.pc_device #menu_header_button img.icon_pc{
width: 100%;
height: 100%;
}
.pc_device #menu_header_button img.icon_mobile{
display: none;
}
.pc_device #menu_close_button{
position: absolute;
right: 0;
top: 0;
width: 2em;
height: 2em;
}
.pc_device #menu_close_button .fa{
display: none;
}
.pc_device #menu_close_button img.icon_pc{
width: 100%;
height: 100%;
}
.pc_device #menu_close_button img.icon_mobile{
display: none;
}
.pc_device #menu_storelogo img{
height: 1.2em;
margin-top: .1em;
vertical-align: baseline;
}
.pc_device #menu_cnt_right>div{
height: 2em;
margin-top: 0;
}
.pc_device #menu_zoom img{
width: auto;
height: 1.8em;
margin: 0.1em 0;
}
.pc_device #menu_zoom .fa{
display: none;
}
.pc_device #slider{
border: 1px solid #bbb;
height: 0.2em;
}

/* lastPage
------------------------------*/
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset{
margin:0;
padding:0;
font-size:16px;
}
section,nav,article,aside,hgroup,header,footer,figure,figcaption,summary{
display:block;
margin:0;
padding:0;
font-size:16px;
}
table{
border-collapse:collapse;
border-spacing:0;
border-padding:0;
empty-cells:show;
}
img{
border:0;
}
ul,ol{
list-style:none;
}
img, input, select, textarea {
vertical-align: middle;
}
html,body{
width:100%;
height:100%;
}
body{
background:#fff;
line-height:1.4;
font-weight:normal;
font-family:メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
color:#333;
-webkit-text-size-adjust: 100%;
}
a{
text-decoration:none;
text-decoration-skip-ink:none;
color:#06f;
}
a:hover{
color:#06f;
}
.clearfix:after {
content: " ";
display: block;
clear: both;
}
#header * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#header {
position:absolute;
top:0;
left:0;
width:100%;
height: 2.6em;
margin: 0 auto;
background: #f2f2f2;
border-bottom: 1px solid #ccc;
text-align: center;
}
#header .header_sitelogo {
width: 6em;
height: 2.6em;
margin: 0 auto;
}
#header .header_sitelogo a {
display: block;
}
#header .header_sitelogo img {
height: 1.8em;
margin: .4em auto;
}
#header .header_left {
position: absolute;
top: 0;
left: 0;
width: 4em;
height: 2.6em;
}
#header .header_left a{
padding-left :.5em;
line-height: 2.6em;
font-size: 1em;
font-weight: bold;
color: #666;
}
#header .header_right {
position: absolute;
top: 0;
right: 0;
width: 3em;
height: 2.6em;
}
#header .header_right a{
display: block;
}
#header .header_right img{
width: 1em;
height: 1em;
margin: .8em;
}
.scroll{
position:absolute;
top:3em;
left:0;
right:0;
bottom:0;
overflow-x:hidden;
overflow-y:scroll;
}
#lastpage{
position: relative;
margin: 0 auto 2em;
padding-bottom: 0.5em;
border-bottom: .1em solid #eaeaea;
overflow: hidden;
}
#lastpage .guide{
width:96%;
margin: .5em auto;
text-align: left;
font-size: .9em;
color: #333;
}
#lastpage .guide .date{
color: #d00;
}
#lastpage .right_link{
position: relative;
float: right;
display: inline-block;
padding-right: 0.6em;
color: #333;
}
#lastpage .right_link:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 50%;
right: 0;
width: 0.5em;
height: 0.5em;
margin-top: -0.4em;
border-top: 0.1em solid #555;
border-right: 0.1em solid #555;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
#lastpage .title_wrapper {
width:96%;
margin: 0 auto;
}
#lastpage .title_wrapper .title_inner{
width: 100%;
margin: 0 0 .8em;
}
#lastpage .title_wrapper a{
display: block;
}
#lastpage .title_wrapper .thum_box{
float: left;
width: 30%;
margin: 0 auto;
vertical-align: top;
text-align: center;
}
#lastpage .title_wrapper .thum_box a{
position: relative;
display:block;
margin: 0 auto;
}
#lastpage .title_wrapper .thum_box img{
width: 94%;
max-width: 180px;
margin: 0 auto;
}
#lastpage .title_wrapper .text_box{
margin-left: 31%;
vertical-align: top;
text-align: left;
}
#lastpage .title_wrapper .title_name{
margin-bottom: .3em;
color: #333;
}
#lastpage .title_wrapper .title_name h1{
font-size: 1.1em;
font-weight: bold;
}
#lastpage .title_wrapper .title_name a{
display: inline;
vertical-align: middle;
line-height: 1.25em;
color: #333;
overflow: hidden;
}
#lastpage .title_wrapper .price{
margin-bottom: .3em;
font-size: 1em;
color:#555;
}
#lastpage .title_wrapper .price .line_through{
color:#ff5722;
text-decoration:line-through;
}
#lastpage .title_wrapper .price .line_through_text{
font-size: 1em;
color:#555;
}
#lastpage .title_wrapper .limit {
margin-bottom: .2em;
font-size: .8em;
color: #ff5722;
}
#lastpage .title_wrapper .campaign_text{
margin-bottom: .2em;
line-height: 1em;
font-size: 1em;
font-weight: bold;
color: #ff5722;
}
#lastpage .title_wrapper .point_detail {
line-height: 1.2em;
font-size: .8em;
}
#lastpage .title_wrapper .point_date{
font-size:1em;
color:#555;
}
#lastpage .title_wrapper .regist_text{
display: inline-block;
margin-bottom: .5em;
padding: .25em;
background: #fff;
border: 1px solid #ff5722;
font-size:.75em;
color: #ff5722;
}
#lastpage .title_wrapper .regist_text .appeal{
font-weight: bold;
}
#lastpage .title_wrapper .author_name{
margin-bottom: .5em;
line-height: 1.1em;
font-size: .8em;
color: #626d77;
word-break: break-all;
}
#lastpage .title_wrapper .bookmark_btn_area {
width: 60%;
height: 2.5em;
margin-bottom: .5em;
vertical-align: middle;
line-height: 2.5em;
text-align: center;
}
#lastpage .title_wrapper .bookmark_btn_area a {
display: block;
background: #fff;
border: 1px solid #b8a98f;
border-radius: .4em;
font-size: .8em;
font-weight: bold;
color: #6e5b39;
cursor: pointer;
}
#lastpage .title_wrapper .bookmark_btn_area img {
margin-right: .2em;
height: 1em;
}
#lastpage .title_wrapper .view_btn_area,
#lastpage .title_wrapper .autopurchase_btn_area,
#lastpage .title_wrapper .buy_btn_area{
position: relative;
width: 94%;
height: 2.5em;
margin: 0 auto 1.25em;
vertical-align: middle;
line-height: 2.5em;
text-align: center;
}
#lastpage .title_wrapper .cart_btn_area{
position: relative;
width: 94%;
height: 3em;
margin: 0 auto 1.5em;
vertical-align: middle;
line-height: 3em;
text-align: center;
}
#lastpage .title_wrapper .now_btn_area{
position: relative;
width: 94%;
height: 3em;
margin: 0 auto;
vertical-align: middle;
line-height: 1em;
text-align: center;
}
#lastpage .title_wrapper .cart_btn_area .btn.buy,
#lastpage .title_wrapper .cart_btn_area .btn.rental,
#lastpage .title_wrapper .cart_btn_area .btn.cart,
#lastpage .title_wrapper .view_btn_area .btn.free,
#lastpage .title_wrapper .view_btn_area .btn.view,
#lastpage .title_wrapper .now_btn_area .btn.nowbuy,
#lastpage .title_wrapper .now_btn_area .btn.nowrental,
#lastpage .title_wrapper .autopurchase_btn_area .btn.autopurchase{
display: block;
border-radius: .4em;
font-weight: bold;
cursor: pointer;
}
#lastpage .title_wrapper .cart_btn_area .btn.buy{
background: #ff8300;
border: 1px solid #ff8300;
font-size: 1em;
color: #fff;
}
#lastpage .title_wrapper .cart_btn_area .btn.rental{
background: #7ecb3a;
border: 1px solid #7ecb3a;
font-size: 1em;
color: #fff;
}
#lastpage .title_wrapper .cart_btn_area .btn.cart{
background: #f2f5f6;
border: 1px solid #ccc;
font-size: 1em;
color: #555;
}
#lastpage .title_wrapper .cart_btn_area .btn.buy img,
#lastpage .title_wrapper .cart_btn_area .btn.rental img,
#lastpage .title_wrapper .cart_btn_area .btn.cart img{
height: 1.25em;
margin: 0 .2em .25em 0;
vertical-align: middle;
}
#lastpage .title_wrapper .cart_btn_area .btn.buy .sale,
#lastpage .title_wrapper .cart_btn_area .btn.rental .sale{
margin: 0 .1em;
font-size: 1.1em;
}
#lastpage .title_wrapper .balloon{
position: absolute;
top: -4em;
right: 0;
width: 6em;
height: 2.4em;
padding: 0.4em;
background: rgba(72, 64, 45, 0.6);
border-radius: .4em;
line-height: 1.2em;
text-align: center;
font-size: .75em;
color: #fff;
}
#lastpage .title_wrapper .balloon:before{
content: "";
position: absolute;
bottom: -0.7em;
left: 50%;
width: 0;
height: 0;
margin-left: -0.7em;
border-style: solid;
border-width: 0.7em 0.7em 0 0.7em;
border-color: rgba(72, 64, 45, 0.6) transparent transparent transparent;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#lastpage .title_wrapper .view_btn_area .btn.free{
background:#fbda37;
border: 1px solid #fbda37;
font-size: 1em;
color:#5c4d31;
}
#lastpage .title_wrapper .view_btn_area .btn.view{
background: #fff;
border: 1px solid #b8a98f;
font-size: .9em;
color: #6e5b39;
cursor: pointer;
}
#lastpage .title_wrapper .now_btn_area .btn.nowbuy{
padding: .5em 0 .2em;
background: #fffaf1;
border: 1px solid #ff5722;
font-size: .9em;
color: #ff5722;
}
#lastpage .title_wrapper .now_btn_area .btn.nowrental{
padding: .5em 0 .2em;
background: #f9fff3;
border: 1px solid #6ab32a;
font-size: .9em;
color: #7ecb3a;
}
#lastpage .title_wrapper .now_btn_area .btn.notbuy,
#lastpage .title_wrapper .now_btn_area .btn.notrental{
display: block;
padding: .8em 0;
background: #f3f3f3;
background: -webkit-gradient(linear,left top,left bottom,color-stop(0.00,#f4f4f4),color-stop(1.00,#f3f3f3));
background: -webkit-linear-gradient(top,#f4f4f4 0%,#f3f3f3 100%);
background: linear-gradient(to bottom,#f4f4f4 0%,#f3f3f3 100%);
border: 1px solid #ccc;
border-radius: .4em;
font-size: .9em;
font-weight: bold;
color: #bababa;
}
#lastpage .title_wrapper .now_btn_area .now_btn_detail {
display: block;
text-align: center;
font-size: .75em;
font-weight: normal;
color: #333;
}
#lastpage .title_wrapper .now_btn_area .time_limit {
margin-left: 1em;
}
#lastpage .title_wrapper .now_btn_note{
margin: 0 auto .5em;
text-align: center;
font-size: .7em;
font-weight: normal;
color: #333;
}
#lastpage .title_wrapper .now_btn_note a {
display: inline;
}
#lastpage .title_wrapper .autopurchase_btn_area .btn.autopurchase{
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #fefcf9));
background: -webkit-linear-gradient(top, #fff 0%, #fefcf9 100%);
background: linear-gradient(to bottom, #fff 0%, #fefcf9 100%);
border: 1px solid #b8a98f;
font-size: 1em;
color:#6e5b39;
}
#lastpage .title_wrapper .explain_link{
margin-bottom: .8em;
}
#lastpage .title_wrapper .explain_link a{
display:block;
position: relative;
padding-right: .9em;
text-align: right;
font-size: .9em;
color: #0066c0;
}
#lastpage .title_wrapper .explain_link a:after{
content: '';
display: block;
clear: both;
position: absolute;
top: 50%;
right: 0.3em;
width: 0.6em;
height: 0.6em;
margin-top: -0.4em;
border-top: 0.1em solid #0066c0;
border-right: 0.1em solid #0066c0;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
@media screen and (orientation:landscape){
#lastpage .title_wrapper .thum_box{
width: 20%;
}
#lastpage .title_wrapper .text_box{
margin: 0 0 0 20%;
}
}
#lastpage .free_area,
#lastpage .series_area,
#lastpage .author_area,
#lastpage .recommend_area,
#lastpage .salerecommend_area,
#lastpage .ranking_area,
#lastpage .precederanking_area{
padding-top: 1.25em;
background: #f7f7f7;
}
#lastpage .secTitle{
height: 2.5em;
padding: 0 .5em;
background: #fff;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #dadada;
box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height: 2.5em;
text-align: left;
}
#lastpage .secTitle h2,
#lastpage .secTitle p{
font-size: .9em;
font-weight: bold;
color: #555;
}
#lastpage .secTitle h2 a,
#lastpage .secTitle p a{
position: relative;
display: block;
color: #555;
}
#lastpage .secTitle h2 a:after,
#lastpage .secTitle p a:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 50%;
right: 0;
width: 0.5em;
height: 0.5em;
margin-top: -0.4em;
border-top: 0.1em solid #555;
border-right: 0.1em solid #555;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
#lastpage .titleSliderArea {
padding: .5em 1%;
background: #fff;
overflow: hidden;
}
#lastpage .titleSliderArea .swiper-slide {
width: 28%;
height: auto;
}
#lastpage .titleSliderArea .genre_name{
margin: 0 auto .2em;
line-height: 1.1em;
text-align: center;
}
#lastpage .titleSliderArea .genre_name p{
font-size: .8em;
color: #555;
}
#lastpage .titleSliderArea .genre_name.hq p{
font-size: .6em;
letter-spacing: -.2em;
}
#lastpage .titleSliderArea .slider_thum a {
position: relative;
display: block;
max-width: 180px;
margin: 0 auto;
text-align: center;
}
#lastpage .titleSliderArea .slider_thum .cam_mark {
position: absolute;
top: 0;
right: 2%;
width: auto;
height: 1.5em;
padding: 0 .2em;
background: #fff;
border: 1px solid #f00;
box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height: 1.5em;
font-size: .7em;
color: #f00;
}
#lastpage .titleSliderArea .slider_thum img {
width: 96%;
max-width: 180px;
margin: 0 auto;
}
#lastpage .titleSliderArea {
--swiper-theme-color: #999;
}
#lastpage .titleSliderArea .swiper-lazy:not(.swiper-lazy-loaded) {
display: none;
}
#lastpage .titleSliderArea .swiper-lazy-preloader {
margin-top: 20%;
}
#lastpage .review_btn_area{
width: 96%;
height: 3em;
margin: 1.5em auto 2em;
vertical-align: middle;
line-height: 3em;
text-align: center;
}
#lastpage .review_btn_area a{
display: block;
width: 94%;
margin: 0 auto;
border-radius: .4em;
font-weight: bold;
cursor: pointer;
}
#lastpage .btn.review{
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #fefcf9));
background: -webkit-linear-gradient(top, #fff 0%, #fefcf9 100%);
background: linear-gradient(to bottom, #fff 0%, #fefcf9 100%);
border: .1em solid #b8a98f;
font-size: 1em;
color:#6e5b39;
}
#lastpage_pop #dialog-overlay{
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 3000;
overflow: hidden;
background: rgba(255, 255, 255, .8);
}
#lastpage_pop #dialog-box{
display: none;
position: absolute;
z-index: 5000;
width: 90%;
}
#lastpage_pop .dialog-content {
border: 1px solid #d5d5d5;
border-radius: .3em;
}
#lastpage_pop #dialog-title{
padding: .5em;
background: #f7f7f4;
text-align: center;
}
#lastpage_pop #dialog-title .d_cell{
margin-right: 2.5em;
padding: .3em 0;
text-align: left;
font-size: 1em;
font-weight: bold;
color: #333;
}
#lastpage_pop #dialog-title2{
padding: .5em;
background: #f7f7f4;
text-align: left;
}
#lastpage_pop #dialog-title2 .w_b{
font-size: 1em;
font-weight: bold;
color: #333;
}
#lastpage_pop .x_btnBox{
float: right;
}
#lastpage_pop .x_btn{
width: 1.8em;
height: 1.8em;
background: #fff;
border: 1px solid rgba(0,0,0,0.25);
border-radius: .3em;
line-height: 1.7em;
}
#lastpage_pop .x_btn img{
width: 1em;
height: 1em;
margin: .35em;
cursor: pointer;
}
#lastpage_pop #dialog-message-short{
padding: .8em .5em;
background: #fff;
color: #666;
}
#lastpage_pop #dialog-message-short li,
#lastpage_pop #dialog-message-short p{
font-size: .9em;
color: #666;
}
#lastpage_pop #dialog-message-short li.attention{
padding-left: 1.25em;
text-indent: -1.25em;
}
#lastpage_pop #dialog-message-short li.attention img{
width: 1em;
height: 1em;
margin: 0 .25em .2em 0;
vertical-align: bottom;
}
#lastpage_pop .BtnBoxPass{
width: 100%;
padding: .5em 0 0;
text-align: center;
}
#lastpage_pop .BtnBoxPass a{
display: inline-block;
padding: .5em 1.5em;
border: 2px solid #fff;
border-radius: .3em;
font-size: .9em;
font-weight: bold;
color: #fff;
text-decoration: none;
}
#lastpage_pop .btn.buy{
background: #ff8300;
}
#lastpage_pop .btn.rental{
background: #7ecb3a;
}
#lastpage_pop .BtnBoxPass .attention {
margin-top: .2em;
text-align: center;
}
#lastpage_pop .BtnBoxPass .attention input[type="checkbox"] {
display: none;
}
#lastpage_pop .BtnBoxPass .attention input[type="checkbox"]+label {
display: inline-block;
padding: .5em 0 .5em 1.3em;
background: url(/pc/images/browser/check_off.png) no-repeat left center;
background-size: 1em;
color: #d00;
}
#lastpage_pop .BtnBoxPass .attention input[type="checkbox"]:checked+label {
background: url(/pc/images/browser/check_on.png) no-repeat left center;
background-size: 1em;
}
#lastpage_pop #b_btn{
padding: 0.8em;
background: #f7f7f4;
}
#lastpage_pop #b_btn ul{
width:100%;
list-style: none;
}
#lastpage_pop #b_btn ul li{
margin: 0 auto;
text-align: center;
}
#lastpage_pop #b_btn ul li a.button{
display: block;
width: 30%;
height: 2em;
margin: 0 auto;
padding: 0 .3em;
background: #fff;
border: 1px solid rgba(0,0,0,0.25);
border-radius: .3em;
line-height: 2em;
text-align: center;
font-size: .8em;
font-weight: bold;
color: #333;
text-decoration: none;
cursor: pointer;
}