@charset "UTF-8";
.co_container_box_inner:after {
content: " ";
display: block;
clear: both;
}
.contents_right {
float: right;
width: 770px;
padding-bottom: 8px;
background: #fff;
text-align: left;
color: #333;
z-index: 1;
}
.contents_right ul {
list-style: none;
}
.pc_content a:hover{
text-decoration: none;
}
/* loginArea
----------------------------- */
.loginArea {
margin: 30px auto 0;
text-align: center;
}
.loginArea a {
display: inline-block;
width: 43%;
height: 48px;
margin: 0 auto;
border-radius: 7px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 50px;
font-size: 22px;
text-decoration: none;
}
.loginArea a.regist {
background: #fff;
border: 1px solid #f60;
color: #f60;
}
.loginArea a.login {
background: #f80;
border: 1px solid #f80;
color: #fff;
}
.loginArea a:hover {
opacity: .8;
}
.loginArea a + a {
margin-left: 2%;
}
/* toplead
----------------------------- */
.gamen_catch {
margin: 0 auto;
padding: 10px;
background: #e9587d;
line-height: 30px;
font-size: 24px;
color: #fff;
}
.gamen_width_max {
width: 770px;
height: 320px;
text-align: center;
}
.gamen_width_max img {
max-width: 100%;
}
.gamen_lead {
margin: 20px 10px;
background: #fff;
}
.gamen_lead p {
line-height: 29px;
font-size: 16px;
color: #666;
}
.gamen_listWrapper {
display: inline-block;
margin: 40px 10px 0;
padding: 13px 8px;
background: #fff;
border: 1px solid #aaa;
}
.gamen_listCaptionWrapper {
text-align: center;
}
.gamen_listCaptionWrapper::-webkit-details-marker {
display: none;
}
.gamen_listCaption {
display: inline-block;
vertical-align: middle;
line-height: 27px;
font-size: 18px;
font-weight: bold;
color: #666;
}
.gamen_listCaption_close,
.gamen_listCaption_open {
display: inline-block;
line-height: 27px;
font-size: 16px;
color: #666;
cursor: pointer;
}
.gamen_listCaption_close span,
.gamen_listCaption_open span{
color: #fa7171;
}
details .gamen_listCaption_close{
display: none;
}
details .gamen_listCaption_open{
display: inline-block;
}
details[open] .gamen_listCaption_close{
display: inline-block;
}
details[open] .gamen_listCaption_open{
display: none;
}
_:-ms-lang(x)::-ms-backdrop, details .gamen_listCaption_close,
_:-ms-lang(x)::-ms-backdrop, details .gamen_listCaption_open,
_:-ms-lang(x)::-ms-backdrop, details[open] .gamen_listCaption_close,
_:-ms-lang(x)::-ms-backdrop, details[open] .gamen_listCaption_open{
display: none;
}
.gamen_list {
margin-top: 18px;
}
.gamen_list li {
position: relative;
display: block;
margin-bottom: 10px;
font-size: 16px;
color: #fa7171;
text-decoration: none;
}
.gamen_list_under li {
position: relative;
display: block;
margin-bottom: 6px;
padding-left: 13px;
line-height: 20px;
font-size: 16px;
color: #fa7171;
text-decoration: none;
}
.gamen_list li a {
line-height: 20px;
font-size: 16px;
color: #fa7171;
}
.gamen_list_under {
margin-top: 10px;
}
.custom .gamen_list li {
margin-bottom: 18px;
}
.custom .gamen_list .y_marker {
display: inline-block;
margin-bottom: 2px;
background: linear-gradient(transparent 80%, #fa7171 20%);
}
/* contents
----------------------------- */
.gamen_bg_color {
margin: 0 auto;
padding: 10px;
background: #fff;
}
.gamen_caption {
margin: 50px 0 20px;
padding: 16px 13px 10px;
background: #fcdcdc;
border-bottom: 3px solid #fa7171;
line-height: 30px;
text-align: left;
font-size: 21px;
color: #333;
}
.gamen_captioncomment {
margin: 10px;
text-align: left;
line-height: 29px;
font-size: 16px;
color: #666;
}
.gamen_container {
display: flex;
margin: 30px 10px 12px;
}
.gamen_left {
width: 190px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.gamen_thum_big a {
display: block;
}
.gamen_thum_big img {
width: 180px;
border: 1px solid #ccc;
}
.gamen_contents {
flex: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.gamen_special {
margin: 0 10px 20px;
padding: 10px;
background: #fff;
border-bottom: 1px solid #fa7171;
border-left: 4px solid #fa7171;
}
.gamen_special a {
line-height: 29px;
font-size: 19px;
color: #333;
}
.gamen_info {
margin: 0 10px 3px;
line-height: 27px;
font-size: 16px;
color: #666;
}
.gamen_author_link,
.gamen_publisher_link {
line-height: 27px;
font-size: 16px;
color: #666;
}
.gamen_author_link a,
.gamen_publisher_link a {
color: #666;
}
.gamen_title_txt,
.gamen_comment,
.gamen_point {
margin: 0 10px;
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 27px;
font-size: 16px;
color: #666;
}
.gamen_title_txt{
margin: 0 10px 10px;
background: #fff9e5;
border: 1px solid #fff9e5;
}
.gamen_title_txt .appeal_color,
.gamen_comment .appeal_color,
.gamen_point .appeal_color {
display: block;
font-weight: bold;
color: #333;
}
.gamen_koma a{
display: block;
}
.gamen_koma img{
width:710px;
height:auto;
margin-bottom:10px;
}
.gamen_btn {
margin: 15px 0 40px;
text-align: center;
}
.gamen_btn a {
display: inline-block;
width: 40%;
height: 48px;
margin: 0 auto;
border-radius: 7px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 50px;
font-size: 22px;
text-decoration: none;
}
.gamen_btn a:hover {
opacity: .8;
}
.gamen_btn a.gamen_btnread {
background: #ffab54;
border: 1px solid #ffab54;
color: #fff;
}
.gamen_btn .gamen_btnread:before {
content: '';
display: inline-block;
width: 22px;
height: 17px;
margin: 0 5px 3px 0;
background: url(/sol/pcc/N/article/CommonParts/images/btn_read.png)no-repeat center center/22px auto;
vertical-align: middle;
}
.gamen_btn a.gamen_btnbuy {
background: #fa7171;
border: 1px solid #fa7171;
color: #fff;
}
.gamen_btn .gamen_btnbuy:before {
content: '';
display: inline-block;
width: 21px;
height: 22px;
margin: 0 8px 4px 0;
background: url(/sol/pcc/N/article/CommonParts/images/btn_buy.png)no-repeat center center/21px auto;
vertical-align: middle;
}
.gamen_btn a + a {
margin-left: 3%;
}
.btn_areas {
margin: 10px;
padding-top: 2px;
}
/* summary
----------------------------- */
.gamen_summary {
margin: 0 auto 10px;
padding: 10px;
}
.gamen_summary .gamen_summarytitle {
margin: 50px 0 20px;
padding: 16px 13px 10px;
background: #fcdcdc;
border-bottom: 3px solid #fa7171;
line-height: 30px;
text-align: left;
}
.gamen_summary .gamen_summarytitle p {
font-size: 21px;
font-weight: bold;
color: #333;
}
.gamen_summarytxt{
margin: 0 10px;
}
.gamen_summary .gamen_summarytxt p {
line-height: 27px;
font-size: 16px;
color: #666;
}
/* genre
----------------------------- */
#genre_btn {
margin: 0 auto 10px;
padding: 10px;
}
#genre_btn .secTitle {
margin: 50px 0 20px;
padding: 16px 13px 10px;
background: #fff9e5;
border-bottom: 3px solid #ffab54;
line-height: 30px;
text-align: left;
}
#genre_btn .secTitle h2 a {
font-size: 21px;
font-weight: bold;
color: #333;
}
#genre_btn .tabBox{
margin-top: 30px;
border-top: 1px solid #ccc;
}
#genre_btn .tabPanel{
display: none;
margin: 13px auto 0;
}
#genre_btn .tabPanel.open,
#genre_btn .tabPanel.selected{
display: block;
}
#genre_btn .tabBox ul{
width: 100%;
}
#genre_btn .tabBox li{
float: left;
height: 33px;
background: #fafafa;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height: 32px;
text-align: center;
font-size: 14px;
color: #333;
cursor: pointer;
}
#genre_btn .tabBox .two li{
width: 50%;
}
#genre_btn .tabBox .three li{
width: 33.3%;
}
#genre_btn .tabBox .four li{
width: 25%;
}
#genre_btn .tabBox li:last-child{
border-right: none;
}
#genre_btn .tabBox li.selected{
background: #fff;
border-bottom: none;
font-weight: bold;
}
@media screen and (max-width: 385px){
#genre_btn .tabBox li{
font-size: 13px;
}
}
@media screen and (max-width: 365px){
#genre_btn .tabBox li{
font-size: 12px;
}
}
#genre_btn .res2Area,
#genre_btn .res3Area,{
margin: 20px auto 0;
padding-bottom: 18px;
background: #fff;
}
#genre_btn .resBox{
width: 98%;
margin: 0 auto;
}
#genre_btn .resBox ul{
width: 100%;
}
#genre_btn .resBox ul + ul{
margin-top: 20px;
}
#genre_btn .resBox ul li a{
display: block;
width: 100%;
}
#genre_btn .resBox .genre_name{
margin: 0 auto 3px;
text-align: center;
}
#genre_btn .resBox .genre_name a{
font-size: 14px;
color: #666;
}
.boyslove #genre_btn .resBox .genre_name a{
color: #0191c1;
}
.teenslove #genre_btn .resBox .genre_name a{
color: #fa0;
}
.lightnovel #genre_btn .resBox .genre_name a{
color: #3bb280;
}
.book #genre_btn .resBox .genre_name a{
color: #69a700;
}
#genre_btn .resBox .thum_box{
float: left;
margin: 0 1%;
vertical-align: top;
text-align: center;
}
#genre_btn .resBox .thum_box a{
position: relative;
display:block;
max-width: 180px;
margin: 0 auto;
}
#genre_btn .resBox .thum_box img{
width: 94%;
max-width: 180px;
margin: 0 auto;
}
#genre_btn .resBox .thum_box.con img{
max-width: 125px;
}
#genre_btn .resBox .text_box{
float: left;
margin: 0 1%;
vertical-align: top;
text-align: center;
}
#genre_btn .resBox .title_name,
#genre_btn .resBox .author_name{
height: 14px;
line-height: 14px;
font-size: 12px;
overflow: hidden;
}
#genre_btn .resBox .title_name{
margin: 8px 4px 0;
color: #626d77;
}
#genre_btn .resBox .author_name{
margin: 0 4px;
color: #9f9f9f;
word-break: break-all;
}
#genre_btn .resBox .title_name a,
#genre_btn .resBox .author_name a{
width: 100%;
overflow: hidden;
}
#genre_btn .resBox .title_name a{
display: block;
color: #626d77;
}
#genre_btn .resBox .author_name a{
display: inline;
color: #9f9f9f;
overflow: hidden;
}
#genre_btn .res2Area .resBox .thum_box,
#genre_btn .res2Area .resBox .text_box{
width: 48%;
}
#genre_btn .res3Area .resBox .thum_box,
#genre_btn .res3Area .resBox .text_box{
width: 31.3%;
}
#genre_btn .bottomLinks {
display: table;
}
#genre_btn .bottomLinks {
width: 100%;
margin: 3px auto 0;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#genre_btn .bottomLinks li {
display: table-cell;
width: 33.3%;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: middle;
text-align: center;
}
#genre_btn .bottomLinks li a {
display: block;
padding: 20px 0;
font-size: 14px;
color: #333;
}
#genre_btn .bottomLinks + .bottomLinks {
margin: 0 auto;
border-top: none;
}
#genre_btn .gamen_btn a.gamen_btngenre  {
width: 40%;
height: 42px;
background: #fff;
border: 1px solid #666;
line-height: 42px;
font-size: 20px;
color: #666;
}
/* genre2
----------------------------- */
#genre2{
margin: 0 auto 10px;
padding: 10px;
}
#genre2 .secTitle {
margin: 50px 0 20px;
padding: 16px 13px 10px;
background: #fff9e5;
border-bottom: 3px solid #ffab54;
line-height: 30px;
text-align: left;
}
#genre2 .secTitle h2 a{
font-size: 21px;
font-weight: bold;
color: #333;
}
#genre2 .subTitle {
padding: 13px 8px 5px;
text-align: left;
font-size: 16px;
font-weight: normal;
color: #333;
}
#genre2 .subTitle a{
color: #333;
}
#genre2 .bottomLinks{
width:94%;
margin: 3px auto 0;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#genre2 .bottomLinks li{
float: left;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
}
#genre2 .bottomLinks li a{
display: block;
font-size: 14px;
color: #333;
text-decoration: none;
}
#genre2 .bottomLinks.one li{
width:100%;
text-align: left;
}
#genre2 .bottomLinks.one li a{
padding: 8px 2%;
}
#genre2 .bottomLinks.two li{
width:50%;
}
#genre2 .bottomLinks.three li{
width:33.3%;
}
#genre2 .bottomLinks.four li{
width:25%;
}
#genre2 .bottomLinks.two li a,
#genre2 .bottomLinks.three li a,
#genre2 .bottomLinks.four li a{
padding: 13px 0;
}
#genre2 .menuOpenBtn,
#genre2 .menuCloseBtn {
display: none;
}
/* saleRecommend
----------------------------- */
#saleRecommend .sol_cam {
margin: 10px auto;
}
#saleRecommend .tab_sol_cam_title {
height: auto;
margin: 50px 0 20px;
padding: 16px 13px 10px;
background: #fff9e5;
border: none;
border-bottom: 3px solid #ffab54;
border-radius: 0;
line-height: 30px;
}
#saleRecommend .contents_right_co_title {
padding-left: 0;
line-height: 30px;
font-size: 21px;
font-weight: bold;
color: #333;
}
#saleRecommend .contents_right_co_title .font_12{
font-size: 1em;
color: #333;
}
#saleRecommend .sol_cam .contents_rignt_co_th_box {
margin-right: 0;
margin-bottom: 0;
padding: 0px;
border: none;
text-align: center;
overflow: hidden;
}
#saleRecommend .sol_cam .small_banner {
display: table;
border-collapse: separate;
border-spacing: 8px 0;
margin: 0;
list-style: none;
}
#saleRecommend .small_banner + .small_banner {
margin: 10px 0 0;
}
#saleRecommend .sol_cam .small_banner a {
position: relative;
display: table-cell;
vertical-align: top;
border-radius: 7px;
-webkit-border-radius: 7px;
}
#saleRecommend .sol_cam .small_banner li {
width: 238px;
padding: 5px;
}
#saleRecommend .sol_cam .small_banner li img {
width: 100%;
max-width: 225px;
max-height: 111px;
margin-bottom: 5px;
}
#saleRecommend .small_banner li .banner_txt {
margin: 0 auto;
width: 225px;
text-align: center;
line-height: 1.2em;
}
#saleRecommend .small_banner li p.banner_title {
font-size: 12px;
margin-bottom: 5px;
height: 14px;
overflow: hidden;
font-weight: normal;
}
#saleRecommend .genre_link {
display: none;
}
/* pagination
----------------------------- */
.pagination {
width: 100%;
height: 34px;
margin: 0 auto;
padding: 13px 0;
background: #fff;
text-align: center;
overflow: hidden;
}
.pagination ul{
list-style: none;
}
.pagination .pages {
display: inline-block;
}
.pagination .pages li {
float: left;
background: #fff;
}
.pagination .pages li + li{
margin-left: 8px;
}
.pagination .pages li a,
.pagination .pages li span {
display: block;
height: 34px;
padding: 0 13px;
background: #fff;
border: 1px solid #6c6e73;
border-color: #adb1b8 #a2a6ac #8d9096;
border-radius: 3px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
font-size: 13px;
line-height: 32px;
color: #333;
text-decoration: none;
}
.pagination .pages li.selected span {
background: #eee;
border-color: #ccc;
color: #373737;
font-weight: bold;
}
.pagination.or .pages li.selected span {
background: #f90;
border-color: #f90;
color: #fff;
}
.pagination .pages li.nopage {
height: 30px;
background: #fff;
line-height: 28px;
opacity: .3;
}
.pagination .pages li.leader {
height: 30px;
background: #fff;
line-height: 28px;
}