@charset "utf-8";
#member_register .main_form {
    background-color: #fff;
    padding: 40px 80px;
}

#member_register .facebook_btn_note {
    color: #666;
    font-size: 11px;
}

#member_register .form_section {
    padding-left: 20px;
}

#member_register dl.form_element {
    margin-bottom: 20px;
    overflow: hidden;
}

#member_register dl.form_element dt {
    color: #666;
    float: left;
    font-size: 14px;
    font-weight: bold;
    line-height: 50px;
    width: 160px;
}

#member_register dl.form_element dd {
    float: right;
    width: 470px;
}

#member_register div.form_element_right {
    margin-bottom: 20px;
    padding-left: 170px;
}

#member_register dl.form_element dt .note {
    color: #666;
    font-weight: normal;
}

#member_register dl.form_element dd input[type="email"],
#member_register dl.form_element dd input[type="password"],
#member_register dl.form_element dd input[type="text"] {
    width: 428px !important;
}

#member_register dl.form_element dd.check {
    line-height: 50px;
}

#member_register dl.form_element dd.check label {
    vertical-align: middle;
}

#member_register dl.form_element dd select {
    padding: 10px 0;
    font-size: 15px;
    border: 1px solid #ddd;
    vertical-align: baseline;
}

#member_register .bl-error {
    width: 470px;
}

#member_register dl.form_element dd .note {
    color: #666;
    font-size: 11px;
    font-weight: normal;
}

#member_register .checkbox_note {
    color: #666;
    font-size: 11px;
    margin-left: 28px;
}

#member_register ul.agreements li {
    margin-top: 5px;
}

#member_register .security_marks {
    margin: 40px 0 0px 0;
    text-align: center;
}

#member_register .select_wrap {
    margin-bottom: 10px;
}

#member_register dl.form_element dd.confirm_text {
    color: #ff5a00;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
}

#member_register dl.form_element dd.confirm_email {
    border: 1px solid #ddd;
    font-size: 16px;
    line-height: 50px;
    padding-left: 10px;
    width: 538px;
}

#member_register .form_input_text p {
    font-size: 16px;
    line-height: 50px;
}

#member_register .form_input_text input {
    font-size: 16px;
    border: 1px solid #ddd;
    width: 438px;
    padding: 14px 20px;
}

#member_register .form_elements input[type="submit"] {
    width: 322px;
}

#member_register .facebook_box {
    width: 462px;
}

#container #member_register .button_line input[type="submit"] {
    display: inline;
}

#container .feature_list li {
    float: left;
    width: 210px;
    margin-right: 15px;
}

#container .feature_list li img {
    width: 100%;
}

#container .feature_list li:last-child {
    margin-right: 0;
}

#container .feature_list li dt {
    margin-top: 5px;
}

#container .feature_reservation_on,
#container .feature_auto_reservation_on,
#container .feature_follow_on {
    display: none !important;
}

/* wagakoma用 */

/*共通*/

#wagakoma .clear { clear:both; }

/*特集　基本CSS*/

#wagakoma .spcms {
    background-color: #FFFFFF;
    padding: 20px;
}

#wagakoma .spcms .spcms-top { margin-bottom: 10px; }

#wagakoma .spcms .spcms-top img { width: 660px; }

#wagakoma .abst_text {
    font-size: 14px;
    font-weight: bold;
}

#wagakoma .spcms .wkfont_13 {
    font-size: 13px;
}


#wagakoma .spcms .item-thumb img { box-shadow: 2px 2px 4px #CCCCCC; }

#wagakoma .spcms .cms-group-btn {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    display: block;
    float: left;
    margin-left: -100px;
    width: 65px;
}

#wagakoma .spcms ul.spcms_blocklist li .item-title {
    border-left: 5px solid #FF5A00;
    margin-bottom: 5px;
    overflow: hidden;
    padding-left: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#wagakoma .spcms ul.spcms_blocklist li .item-title a {
    font-size: 17px;
    font-weight: bold;
    line-height: 25px;
}


#wagakoma .spcms .input-title {
    padding-left:20px !important;
}

#wagakoma .spcms .input-title input {
    width:80px;
}

/*松SP*/
#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-set {
    width: 660px;
    margin: 0 auto;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-ph {
    float: left;
    width: 200px;
}
#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-ph .item-thumb img {
    width:180px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-pr_l {
    float: left;
    width: 220px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-pr_r {
    float: right;
    width: 240px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .abst_area {
    width: 460px;
    float: left;
    margin-top: 20px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-wrap {
    height:125px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-specbox {
    height:96px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .series-link {
    margin:5px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-spec {
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-spec dt {
    background-color: #969696;
    color: #FFFFFF;
    float: left;
    line-height: 13px;
    margin-right: 5px;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-spec dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-cont {
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 10px;
    text-overflow: ellipsis;
    width:660px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-cont p {
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 660px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-cont p img { width: 100%; }

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-sys {
    background-color: #F2F2F2;
    float:left;
    display:block;
    padding: 0 32px 5px; /* 1colPOPなし　立ち読みボタン調整用　20140415笹子追記*/
    /* width: 100%; 1colPOPなし　立ち読みボタン調整用　20140415笹子*/

}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-sys .product_price {
    color: #FF5A00;
    padding-top: 5px;
    text-align: center;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-sys .product_price .cm_btn_l, .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-sys .product_cart .cm_btn_l {
    font-size: 10px;
    margin-top: 0;
    padding: 5px;
    width: 165px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-ca ul li .item-sys .product_price a.bl-cart-url, .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-sys .product_cart a.bl-cart-url {
    height: 35px;
    line-height: 33px;
}


/*竹*/
#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .item-box {
    float: left;
    width: 310px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .item-box.right { float: right; }

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-ph {
    float: left;
    width: 126px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-pr {
    float: right;
    width: 170px;
}


#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .series-link {
    margin:5px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-spec {
    overflow: hidden;
    padding: 0 0 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-spec dt {
    background-color: #969696;
    color: #FFFFFF;
    float: left;
    line-height: 13px;
    margin-right: 5px;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-spec dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-mediainfo { margin-top: 10px; }

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-mediainfo p { color: #0B9D95; }

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-cont { padding-top: 10px; }

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-cont p {
    overflow: hidden;
    text-overflow: ellipsis;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-sys {
    background-color: #F2F2F2;
    display: block;
    float: left;
    margin-top: 10px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-sys .product_price {
    color: #FF5A00;
    padding-top: 5px;
    text-align: center;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-sys .product_price .cm_btn_l, .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-sys .product_cart .cm_btn_l {
    font-size: 10px;
    padding: 5px;
    width: 160px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-sys .product_price a.bl-cart-url, .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-sys .product_cart a.bl-cart-url {
    height: 35px;
    line-height: 33px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-sys .product_price .product_cart_buy, .spcms ul.spcms_blocklist li .spcms-type-cb .item-box .item-sys .product_cart .product_cart_buy { margin: 0; }

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .product_series_detail dt .picture { height: 156px; }

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cb .product_price_data {
    color: #FF5A00;
    text-align: center;
}


/* textPOP */

#wagakoma .recom_box {
  width: 320px;
  padding: 10px;
  background-color: #faf1d4;
}

#wagakoma .recom_inner {
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
}




/*松*/

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .cms-item {
    display: block;
    float: left;
    width: 660px !important;
    margin-bottom: 20px;
    padding-right: 20px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-cont2 .embed_text {
    font-size: 17px;
    font-weight: bold;
    margin-top: 10px;
    text-align: right;
}

#wagakoma .spcms .line { margin-bottom: 0; }

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-cont2 p {
    height: auto;
    overflow: hidden;
    padding-left: 15px;
    text-overflow: ellipsis;
    width: 320px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-cont2 p img { width: 100%; }

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-set {
    float: left;
    width: 310px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-ph {
    float: left;
    width: 120px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-pr {
    float: right;
    width: 175px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .series-link {
    margin:5px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-spec {
    padding: 0 0 6px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-spec dt {
    background-color: #969696;
    color: #FFFFFF;
    float: left;
    line-height: 13px;
    margin-right: 5px;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-spec dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-cont {
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 10px;
    text-overflow: ellipsis;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-cont2 {
    float: right;
    width: 339px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-cont2 .matome_img {
    width:100%;
}


#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-cont2 p {
    overflow: hidden;
    text-overflow: ellipsis;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-sys {
    background-color: #F2F2F2;
    margin-top: 10px;
    float:left;
    display:block;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-sys .product_price {
    color: #FF5A00;
    padding-top: 5px;
    text-align: center;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-sys .product_price .cm_btn_l, .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-sys .product_cart .cm_btn_l {
    font-size: 10px;
    margin-top: 0;
    padding: 5px;
    width: 165px;
}

#wagakoma .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-sys .product_price a.bl-cart-url, .spcms ul.spcms_blocklist li .spcms-type-cc ul li .item-sys .product_cart a.bl-cart-url {
    height: 35px;
    line-height: 33px;
}

#wagakoma .abst-free {
    color: #B50000;
    font-weight: bold;
}

#wagakoma .spcms .set_pagetop {
    display: block;
    clear:both;
    width: 660px;
}

/*レスポンシブ対応カート・ブラウザ立ち読みボタン*/

#container #wagakoma .btn_l.buy_action, #container .btn_l.read_action, #container .btn_l.cart_action, #container .btn_l.keep_action { width: 142px; }

#wagakoma .product_cart { padding:0 5px; }

#wagakoma .product_cart a { margin: 0 auto 7px auto; }

#wagakoma .product_cart p { margin: 0 auto 7px auto; }

#container #wagakoma .btn.keep_action, #container .btn.tachiyomi_action, #container .btn.cart_action, #container .btn.buy_action, #container .btn.read_action {
    width: 162px;
    padding: 0px 0px;
}

/*アプリ・ブラウザ立ち読みボタン並列用　20140411笹子追記*/

#container #wagakoma .btn.tachiyomi_action.product_tachiyomi {
    padding: 3px 0 5px;
    width: 78px;
}



/*シリーズ一覧btn*/
#container #wagakoma .ftr_series_action {
    border: 1px solid #d1d1d1;
    background: #f8f8f8; /* Old browsers */
    background: -moz-linear-gradient(top,#f8f8f8,#ececec); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(248, 248, 248)), color-stop(100%,rgb(236, 236, 236))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(248, 248, 248) 0%,rgb(236, 236, 236) 100%); /* Chrome10+,Safari5.1+ */
    background: linear-gradient(to bottom, rgb(248, 248, 248) 0%,rgb(236, 236, 236) 100%); /* W3C */
    color: #333333;
    border-radius: 2px;
    display: block;
}
/* hover */
#container #wagakoma a.ftr_series_action:hover {
    text-decoration: none;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
}
/* active */
#container #wagakoma a.ftr_series_action:active {
     box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14) inset;
}
/* disabled */
#container #wagakoma p.ftr_series_action.disabled {
    filter: none;
    background: #FFFFFF;
    color: #B7B7B7;
}
#container #wagakoma .ftr_series_action.btn_s {
    padding: 0 0;
    margin-top:5px;
}

#container #wagakoma .ftr_series_action.free_ftr_series.btn_s {
    width: 95px;
}
/*専用center*/
#container #wagakoma .ftr_series_action {
    text-align: center;
}

/*6カラム用CSS（特集用）*/

#wagakoma .area_slide .book {
    width: 97px;
    margin-bottom:20px;
}

#wagakoma .book .title {
    white-space:normal;
    word-break:break-all;
}

#wagakoma .book .action {   margin-bottom: 4px; }

#wagakoma .book .picture img, .product_series_detail dt img { max-width:95px; }

#wagakoma .book .price { margin: 6px 0; }

#container #wagakoma .cart_action.btn_s, #container .purchased_action.btn_s, #container .tachiyomi_action.free_tachiyomi.btn_s { width: 95px; }

#container #wagakoma .btn_s { padding: 0px 0px; }

#container #wagakoma .keep_action.btn_s, #container .tachiyomi_action.btn_s {
    padding: 0 0;
    margin-top:5px;
}

/*プロフィール*/

/*ゲスト*/
#wagakoma .prf_box {
    margin: 0 5px 20px 0;
    padding: 10px;
    overflow: hidden;
    border: 2px solid #ff5a00;
}

#wagakoma .prf_box img {
    border: solid 1px #E5E5E5;
}

#wagakoma .prf_box .l_box {
    margin: 5px;
    padding: 0;
    width: 120px;
    float: left;
}

#wagakoma .prf_box .l_box img{
    width:120px;
}

#wagakoma .prf_box .r_box {
    margin: 5px;
    padding: 0;
    width: 490px;
    vertical-align: middle;
    float: right;
}

#wagakoma .guest {
    font-size: 16px;
    font-weight: bold;
    float: left;
    margin: 5px 0 0 5px;
}

#wagakoma .author_name {
    font-size:24px;
    font-weight:bold;
    clear:both;
    color: #ff5a00;
    margin-left: 10px;
}

/*一コマ作品*/
#wagakoma .pickup_box {
    margin: 10px 0 0 0;
    padding: 10px 0;
    overflow: hidden;
    clear:both;
}

#wagakoma .pickup_box img {
    border: solid 1px #E5E5E5;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
}

#wagakoma .pickup_box .l_box {
    margin: 5px;
    padding: 0;
    width: 120px;
    float: left;
}

#wagakoma .pickup_box .l_box img{
    width:120px;
}

#wagakoma .pickup_box .r_box {
    margin: 5px;
    padding: 0;
    width: 490px;
    vertical-align: middle;
    float: right;
}

#wagakoma .pickup {
    display:block;
    font-size:16px;
    font-weight:bold;
    clear:both;
}

/*田中圭一*/
#wagakoma .prf_box_s {
    margin: 0 5px 20px 0;
    padding: 10px;
    overflow: hidden;
    border: 1px dotted #dddddd;
}

#wagakoma .prf_box_s .l_box {
    margin: 5px;
    padding: 0;
    width: 100px;
    float: left;
}

#wagakoma .prf_box_s .r_box {
    margin: 5px;
    padding: 0;
    width: 505px;
    vertical-align: middle;
    float: right;
}

#wagakoma .interviewer {
    display:block;
    font-size:14px;
    font-weight:bold;
    clear:both;
}

/*インタビュー*/

#wagakoma .int_group {
    clear:both;
    margin-bottom:20px;
    font-size: 15px;
    line-height: 27px;
}

#wagakoma .int_group p { margin-bottom:15px; }

#wagakoma .tanaka {
    color: #7d4331;
    margin: 20px 0 10px;
    font-weight:bold;
}

#wagakoma .koyama {
    color: #06b2ec;
    margin: 20px 0 10px;
    font-weight:bold;
}
#wagakoma .sadoshima {
    color: #188e94;
    margin: 20px 0 10px;
    font-weight:bold;
}
#wagakoma .miyazaki {
    color: #609;
    margin: 20px 0 10px;
    font-weight:bold;
}
#wagakoma .yoshimoto {
    color: #066;
    margin: 20px 0 10px;
    font-weight:bold;
}
#wagakoma .fujita {
    color: #69a707;
    margin: 20px 0 10px;
    font-weight:bold;
}

/*キャプション*/
#wagakoma .caption {
    margin: 0 5px 20px 0;
    padding: 10px;
    overflow: hidden;
    border:1px solid #dddddd;
    font-size: 13px;
    line-height: 1.5;
}

#wagakoma .caption .caption_img {
    margin: 5px;
    padding: 0;
    width: 100px;
    float: left;
    border: solid 1px #E5E5E5;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.14);
}

#wagakoma .caption .caption_img img {
    width:100px;
}

#wagakoma .caption .caption_text {
    margin: 5px;
    padding: 0;
    width: 505px;
    vertical-align: middle;
    float:left;
}


/*img*/

#wagakoma .cm_img_l {
    float:left;
    width:330px;
    margin-right:15px;
    margin-bottom:15px;
}

#wagakoma .cm_img_l img { width:330px; }

#wagakoma .cm_img_r {
    float:right;
    width:330px;
    margin-left:15px;
    margin-bottom:15px;
}

#wagakoma .cm_img_r img { width:330px; }

#wagakoma .cm_img_r_s {
    float:right;
    width:200px;
    margin-left:15px;
    margin-bottom:15px;
}

#wagakoma .cm_img_r_s img { width:200px; }

/*
#wagakoma .cm_img_full {
width:660px;
margin-bottom:10px;
border:4px solid #000000;
}
*/

#wagakoma .cm_img_full img { width:100%; }

#wagakoma .cm_img_330 {
    margin-bottom:10px;
}

#wagakoma .cm_img_330 img { width:330px;}

#wagakoma .cm_img_400 {
    margin-bottom:10px;
}

#wagakoma .cm_img_400 img { width:400px;}

#wagakoma .cm_img_450 img { width:450px;}

#wagakoma .cm_img_550 img { width:550px;}

#wagakoma .konokoma {
    width:500px;
    margin:0 auto 10px auto;
}

#wagakoma .konokoma img {   width:500px; }


/* 特集導線 */
#wagakoma .bdr img {
    width:220px;
}



/* 2 column */

#container #wagakoma #main .spcms .btn.tachiyomi_action.product_tachiyomi {
    padding: 3px 0 5px;
    width: 78px;
}

/* book tag
* ====================================================================================================================================== */
#wagakoma .tag, #container .product_series_tag {
    line-height: 12px;
    text-align: center;
}
#wagakoma .tag span, #container ul.product_topic span, #container .product_series_tag span {
    display: inline-block;
    font-size: 10px;
    line-height: 11px;
    min-width: 58px;
    text-align: center;
    border: 1px solid #666;
    color: #666;
}

#wagakoma .tag.strong span, #container ul.product_topic span.strong, #container .product_series_tag.strong span {
    background-color: #D91616;
    border: 1px solid #D91616;
    color: #fff;
}
#wagakoma .tag_orange span{
    color:#ff5a00;
    border:#ff5a00 solid 1px;
}

#wagakoma .tag_box {
height: 17px;
}
#wagakoma .tag_box_l {
width: 180px;
height: 17px;
}


#container #wagakoma .spcms .cont_title {
  line-height: 1.3em;
}

/* ページ内リンク */
#wagakoma .wgkm_anc li {
    background-image: url("/resources/a/pc/common/images/bg_arrow_right_orange.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 12px;
}
#wagakoma .wgkm_anc li a {
    text-decoration: underline;
}
#wagakoma .wgkm_anc li a:hover {
    text-decoration: none;
}

/* 続きを読む */
#wagakoma .readmore_box {
   background-image: linear-gradient( 180deg, rgba(255,255,255,0.5), white );   /* 上から下へ：[白色半透明]から[白色]へグラデーション */
   padding-top: 4.5em;   /* ボタンの上側でグラデーションを見せる距離(長さ) */
   margin-top: -6.5em;   /* ボックスを上側に重ねる距離(長さ) */
   position: relative;   /* ボックス全体を上に重ねるために必要 */
}

/* テンプレ改修に伴うレスポンシブ対応 */
/* container_inner */
#container #container_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#container #container_inner::after {
    display: none;
}

/* breadcrumb */
#breadcrumb {
    width: 100%;
}

/* 旧テンプレ用の記述 */
#container .link_list_item a {
    border-width: 0 1px 1px 0;
}
.link_list_item:nth-child(-n+2) {
    border-top: 1px solid #DDDDDD;
}

@media screen and (min-width: 951px) {
    .pc-hide {
        display: none !important;
    }
    .sp-hide {
        display: block !important;
    }
    /* container */
    #container {
        margin-bottom: 40px;
    }
    /* container_inner */
    #container_inner {
        margin: 0 auto;
        position: relative;
        width: 960px;
    }
    #feature_module #main {
        float: none;
        width: 700px;
    }
    #side {
        width: 220px;
        float: none;
    }
    .local_nav2 {
        word-wrap: break-word;
        font-size: 12px;
    }
    .left_fff, .local_nav2 {
        background-color: #FFFFFF;
    }
    .local_nav2 h3 {
        font-weight: 700;
        padding: 10px 0 4px 10px;
        color: #333333;
    }
    .local_nav2 h3.no_ml {
        background-color: #F1F1F1;
    }
    .pt10 {
        padding-top: 10px!important;
    }
    .pb10 {
        padding-bottom: 10px!important;
    }
    .local_nav2 ul li {
        padding-left: 0;
    }
    .local_nav2 a, .local_nav2 a:active, .local_nav2 a:hover, .local_nav2 a:link, .local_nav2 a:visited {
        color: #333333;
        text-decoration: none;
    }
    .local_nav2 .sub_category2 a {
        padding: 4px 0 4px 22px;
    }
    .local_nav2 a {
        display: block;
        line-height: 1.2;
        padding: 10px;
    }
    /* #header */
    #header {
        margin-bottom: 0;
    }
    /* breadcrumb for pc */
    #container #breadcrumb {
        border-bottom: none;
        padding: 0;
        margin-top: 15px;
        margin-bottom: 14px;
        overflow: hidden;
    }
    #container #breadcrumb ul {
        float: none;
        display: flex;
        overflow: visible;
    }
    #container #breadcrumb ul li {
        display: inline-block;
        text-decoration: none;
    }
    #container #breadcrumb ul li.contents {
        padding-right: 0;
    }
    #container #breadcrumb ul li span {
        display: block;
    }
    #container #breadcrumb ul li a {
        display: block;
        position: relative;
        background: url(/resources/a/pc/common/images/bg_breadcrumb.png?date=140618) no-repeat 100% -42px;
        padding-right: 6px;
    }
    #container #breadcrumb ul li.contents a {
        background: url(/resources/a/pc/common/images/bg_breadcrumb.png?date=140618) no-repeat 100% -84px;
    }
    #container #breadcrumb ul li a > span {
        display: block;
        height: 21px;
        overflow: hidden;
        table-layout: fixed;
        white-space: nowrap;
        padding: 0 10px;
        font-size: 11px;
        background: url(/resources/a/pc/common/images/bg_breadcrumb.png?date=140618) no-repeat 100% -63px;

    }
    #container #breadcrumb ul li:last-child a::after {
        display: none;
    }
    /* #container #breadcrumb ul li.contents a, */
    #container #breadcrumb ul li.contents div,
    #container #breadcrumb ul li.contents > span > span {
        background: none;
    }
    /* breadcrumb for pc */
    #breadcrumb {
        border-bottom: 1px solid #DDDDDD;
        margin: 0;
        padding: 7px 0 7px 10px;
    }
    /* footer */
    footer .breadcrumb_list {
        display: none;
    }
    /* .common_side */
    .common_side {
        background: transparent;
    }
}

@media screen and (max-width: 950px) {
    .sp-hide {
        display: none !important;
    }
    .pc-hide {
        display: block !important;
    }
    /* feature_module */
    #feature_module {
        min-width: 960px;   /* ヘッダーフッターのレスポンシブが完了したら削除 */
    }
    #feature_module #main {
        float: none;
        width: 100%;
        max-width: 700px;   /* レスポンシブが完了したら削除 */
    }
    #feature_module #side {
        display: block;
        float: none;
    }
    /* container_inner */
    #container #container_inner {
        width: 100%;
        justify-content: center;   /* レスポンシブが完了したら削除 */
        background-color: #FFFFFF;   /* レスポンシブが完了したら削除 */
        border-top: 1px solid #DDDDDD;   /* レスポンシブが完了したら削除 */
    }
    #container .cont_title {
        border: none;   /* ヘッダーフッターのレスポンシブが完了したら削除 */
    }
    /* -------------- サイドメニュー -------------- */
    #side {
        float: none;
        width: 100%;
    }
    aside {
        display: block;
    }
    #container .section_heading .section_title {
        background-color: #FFFFFF;
        border-top: 1px solid #DDDDDD;
        display: block;
        font-size: 18px;
        line-height: 22px;
        font-weight: 700;
        position: relative;
        padding: 15px 10px 15px 32px;
    }
    #container .section_heading.bl_color .header_icon2 {
        background-position: 0 1px;
    }
    #container .header_icon2, #container .section_heading.adult_color .header_icon2, #container .section_heading.bl_color .header_icon2, #container .section_heading.book_color .header_icon2, #container .section_heading.boyslove_color .header_icon2, #container .section_heading.business_color .header_icon2, #container .section_heading.comic_color .header_icon2, #container .section_heading.fcomic_color .header_icon2, #container .section_heading.lightnovel_color .header_icon2, #container .section_heading.magazine_color .header_icon2, #container .section_heading.mcomic_color .header_icon2, #container .section_heading.photobook_color .header_icon2 {
        background-image: url(/resources/a/sp/common/images/genre_bg_ribbon2.png?date=150722);
        background-size: 360px 30px;
    }
    #container .header_icon2 {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin-left: 0;
        margin-top: 0;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: 0 1px;
        position: absolute;
        left: 0;
        top: -2px;
    }
    .cms-slider {
        padding: 0 0 0 10px;
        background: #FFFFFF;
    }
    .cms-slider_list {
        display: flex;
        overflow-x: auto;
    }
    .cms-slider_list li {
        background: #FFFFFF;
        box-sizing: border-box;
        flex-shrink: 0;
        width: 255px;
        height: 296px;
        padding: 10px;
        margin: 0 15px 23px 0;
        border: 1px solid #DDDDDD;
        border-radius: 8px;
    }
    a:link {
        color: #0048B4;
        text-decoration: none;
    }
    .cms-slider_img {
        height: 146.5px;
        width: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .cms-slider_img img {
        width: 100%;
    }
    .cms-slider_title {
        color: #2B2B2B;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .cms-slider_category, .cms-slider_title {
        font-size: 13px;
        line-height: 1.5;
        overflow: hidden;
        margin: 10px 0 0;
        height: 36px;
    }
    .cms-slider_category {
        color: #777777;
    }
    .cms-slider_category, .cms-slider_title {
        font-size: 13px;
        line-height: 1.5;
        overflow: hidden;
        margin: 10px 0 0;
        height: 36px;
    }
    .cms-slider_description {
        display: -webkit-box;
        font-size: 11px;
        color: #333333;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.5;
        height: 33px;
    }
    #container .section_area {
        background-color: #FFFFFF;
        overflow: hidden;
        padding: 0;
    }
    .bd_tp {
        border-top: 1px solid #DDDDDD !important;
    }
    .module_navi_warpper {
        width: 100%;
    }
    .module_navi_two_rows {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        background: #FFFFFF;
        border-bottom: 1px solid #DDDDDD;
    }
    .module_navi_two_rows .module_navi_two_rows_item:nth-child(odd) {
        border-right: 1px solid #DDDDDD;
    }
    .module_navi_two_rows .module_navi_two_rows_item:last-child,
    .module_navi_two_rows .module_navi_two_rows_item:nth-child(odd):nth-last-child(2) {
        border-bottom: none;
    }
    .module_navi_two_rows .module_navi_two_rows_item {
        width: 50%;
        border-bottom: 1px solid #DDDDDD;
        box-sizing: border-box;
        position: relative;
    }
    .module_navi_two_rows .module_navi_two_rows_item a {
        color: #333333;
        display: block;
        padding: 20px 20px 20px 10px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .module_navi_two_rows .module_navi_two_rows_item .icon-goback {
        display: inline-block;
        width: 0.9em;
        height: 1.85em;
        fill:#B4B4B4;
        transform: translateY(-50%) rotate(180deg);
        position: absolute;
        top: 50%;
        right: 10px;
    }
    #container .section_content {
        padding: 10px;
    }
    #container .link_list_bukumaru {
        padding: 10px;
        height: 60px;
        background-image: url(/resources/a/sp/v2/images/product/icon_bukumaru.png);
        background-repeat: no-repeat;
        background-size: 60px;
        background-position: 5% 50%;
        position: relative;
    }
    #container .link_list_bukumaru a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #container .link_list_bukumaru span {
        color: #333333;
        margin-left: 24%;
        position: absolute;
        width: 70%;
        top: 50%;
        transform: translateY(-50%);
        padding: 12px 4px;
    }
    /* breadcrumb for sp */
    .breadcrumb_list ul {
        display: flex;
        flex-wrap: wrap;
    }
    .breadcrumb_list li {
        font-size: 12px
    }
    /* breadcrumb for pc */
    #breadcrumb {
        display: none;
    }
    /* 旧テンプレ用の記述 */
    #container .list_btn_link_icon.down_arrow {
        left: 295px;
    }
    .link_list_item a {
        color: #333333;
    }
}

/* 年間ランキングのボタンに適応 */
#container .banner_area li a[class^="spcms_genre_btn genre_color_"] {
    min-height: auto;
}