/*
  基本タグ ////////////////////////////////////////////////
 */
 *
 {
     font: "MS PGothic", "Osaka", Arial, sans-serif;
     font-family: Helvetica, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
 }
 
 body
 {
     margin: 0;
     padding: 0;
     font-size: 1em;
     line-height: 1.0;
     text-align: center;
     background-color: #f3f3f3;
     color: #000;
 }
 
 a
 {
     color: #1d3994;
     text-decoration: none;
 }
 a:visited
 {
     color: #1d3994;
 }
 a:hover
 {
     color: #4033a6;
 }
 div, p, ul, ol, li, table, th, td, dl, dt, dd, h1, h2, h3, img
 {
     margin: 0;
     padding: 0;
 }
 div
 {
     /*-moz-box-sizing: border-box;*/
 }
 table
 {
     font-size: 1em;
     border-collapse: collapse;
 }
 img
 {
     border: none;
 }
 ol
 {
     margin-left: 40px;
 }
 
 
 /*
   ラッパー ////////////////////////////////////////////////
  */
 
 div#wrapper
 {
     width: 100%;
     background: #fff url(../images/wrapper_bg.png) 0 10px repeat-x;
     min-width: 970px;
 }
 
 
 /*
   ヘッダ //////////////////////////////////////////////////
  */
 
 div#header
 {
     width: 950px;
     margin: 0 auto;
     height: 77px;
     padding: 1.78em 0 0 0;
     background-color: #fff;
 }
 
 div#logo
 {
     padding-top: 2px;
     float: left;
 }
 
 div#logo span
 {
     display: none;
 }
 
 div#logo a
 {
     display: block;
     padding: 14px 15px;
 }
 
 div#logo img
 {
     height: 46px;
 }
 
 div#menu_header
 {
     background: url("../images/menu_header_bg.png") repeat-x scroll 0 0 #000000;
     font-size: 0.8em;
     margin-bottom: 10px;
     padding: 5px;
     position: fixed;
     width: 100%;
     z-index: 9999;
 }
 
 div#menu_header a
 {
    color: #cccccc;
    text-decoration: underline;
 }
 
 div#menu_header a:hover
 {
    color: #ffffff;
    text-decoration: none;
 }
 
 div#menu_header table
 {
     width: 100%;
     margin: 4px 0px 4px 0px;
 }
 
 div#menu_header table td
 {
     vertical-align: top;
 }
 
 div#menu_header td.left_menu
 {
     text-align: left;
     color: #fff;
 }
 
 div#menu_header td.right_menu
 {
     text-align: right;
     color: #fff;
     padding-right: 10px;
 }
 
 
 div#search
 {
     float: right;
     margin-top: 14px;
 }
 
 div#banner
 {
     float: right;
     margin-right: 20px;
     margin-top: 14px;
 }
 div#search form
 {
     margin: 15px 0 10px 0;
 }
 
 div#search input
 {
     border: 1px solid #dbdbdb;
     padding: 3px;
     width: 190px;
 }
 
 div#search input#btnG
 {
     width: 40px;
 }
 
 div#search p
 {
     margin-right: 20px;
     font-size: .8em;
     color: #FFF;
     background-color: #E40180;
     padding: 5px;
 }
 
 div#search a
 {
     color: #fff;
 }
 
 
 /*
   フッタ //////////////////////////////////////////////////
  */
 
 div#footer
 {
     background: transparent url(../images/footer_bg.png) top left repeat-x;
     padding: 50px 0 20px 0;
     min-width: 970px;
 }
 
 div#footer p
 {
     text-align: center;
     font-size: .8em;
     line-height: 1.6em;
 }
 
 
 /*
   基本パーツ //////////////////////////////////////////////
  */
 span.form_help
 {
     color: #222;
 }
 
 p.error, div.form_error
 {
     color: #e40038;
 }
 
 input.form_error
 , input.error
 , textarea.form_error
 , textarea.error
 , .err
 {
     background-color: #FEE;
 }
 
 .message_block
 , div.messages
 {
     border: 3px solid #dbdbdb;
     margin: 20px auto 0;
     padding: 10px;
 }
 
 p.message_block
 {
     width: 500px;
     text-align: center;
 }
 
 p.message_block span.notice_reset
 {
     color: black;
 }
 
 div.messages
 {
     width: 500px;
     text-align: left;
 }
 
 p.notice_message
 , p.notice_messages
 {
     font-size: 0.9em;
     color: #008;
 }
 
 .head_message
 {
     text-align: center;
     background-color: #e40180;
     color: #fff;
     padding: 10px;
     margin: 4px 0px;
 }
 
 .head_message a
 {
     color: #fff;
 }
 
 .head_message a:hover
 {
     color: #1d3994;
 }
 
 p.notice_messages
 {
     line-height: 1.3;
 }
 
 div.messages ul.errors
 {
     padding-top: 0.5em;
     list-style: none;
     font-size: 0.9em;
 }
 
 .errors span.message
 {
     color: #e40038;
 }
 
 
 .error_message
 , label.error
 {
     font-size: 0.9em;
     color: #e40038;
 }
 
 .attention
 {
     color: red;
 }
 
 .unsubscribe-attention
 {
     margin-bottom: 10px;
 }
 
 .unsubscribe-attention a,
 .unsubscribe-attention a:hover,
 .unsubscribe-attention a:visited
 {
     color: red;
     text-decoration: underline;
 }
 
 .unsubscribe-attention a:hover
 {
     color: #ff6600;
 }
 
 span.amount
 {
     color: #990000;
 }
 
 div#content div.form_error
 {
     background: url("../images/error.png") no-repeat scroll 4px 4px transparent;
     border: 1px solid red;
     padding: 2px 2px 2px 24px;
 }
 
 
 div.clearfloat
 {
     clear: both;
     font-size: 0;
     line-height: 1em;
 }
 
 div#content
 {
     width: 950px;
     border: 1px solid #dbdbdb;
     margin: 0 auto;
     padding: 0px 0px 20px 0px;
     text-align: center;
     background: #fff;
 }
 
 div.article
 {
     width: 760px;
     margin: 20px auto 20px auto;
     text-align: left;
     font-size: .8em;
     line-height: 1.6em;
 }
 
 p.article_view
 {
     text-align: center;
     font-size: 1.2em;
     padding: 1em;
 }
 
 div.article_border
 {
     border-bottom: 1px dashed #dbdbdb;
 }
 
 div.article dl.form
 {
     margin: 0 0 20px 20px;
 }
 
 div.article dl.form dt,
 div.article dl.form dd
 {
     margin: 3px;
     padding: 3px;
 }
 
 div.article dl.form dt
 {
     width: 180px;
     float: left;
     text-align: right;
     border-right: 5px solid #dbdbdb;
     padding-right: 6px;
 }
 
 div.article dl.form dd
 {
     width: 400px;
     float: left;
 }
 
 div.article input
 {
     font-size: 14px;
 }
 
 div.article dl.form dd input,
 div.article dl.form dd select
 {
     border: 1px solid #222222;
     padding: 3px;
     width: 180px;
     margin-top: -2px;
 }
 
 div.article dl.form dd input[type="file"]
 {
     border: none;
     padding: 0;
     margin-top: 0px;
     width: 100%;
 }
 
 div.article dl.form dd img ~input[type="file"]
 {
     margin-top: 2px;
 }
 
 div.article dl.form dd textarea
 {
     border: 1px solid #222222;
     font-family: "ＭＳ ゴシック", monospace;
     font-size: 1.2em;
 }
 
 div.article dl.form dd select
 {
     width: auto;
     margin-right: 6px;
 }
 
 div.article dl.form dd ul.radio_list
 {
     list-style: none;
 }
 
 div.article dl.form dd ul.radio_list input
 {
     width: auto;
 }
 
 div.article p.message
 {
     margin-bottom: 20px;
 }
 
 div.operation
 {
     margin: 10px auto 0 auto;
     text-align: center;
     white-space: nowrap;
 }
 
 input.checkmark
 {
     vertical-align: middle;
     margin-right: 5px;
 }
 
 .navigation
 {
     text-align: center;
     margin-top: 10px;
 }
 
 .navigation img
 {
     vertical-align: middle;
     margin: 0 5px;
 }
 
 
 h3
 {
     /* background: transparent url(../images/h3_bg.png) 0 50% no-repeat; */
     font-size: 14px;
     padding-left: 20px;
     padding-top: 16px;
     padding-bottom: 14px;
 }
 
 .free_label_a {
     display    : inline-block;
     color      : #FFFFFF;
     background : #87CEFA;
     padding    : 0px 12px;
     margin-left: 5px;
     line-height: 18px;
     font-size  : 10px;
     border-radius        : 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius   : 4px;
 }
 
 .free_label_b {
     display    : inline-block;
     color      : #FFFFFF;
     background : #87CEFA;
     padding    : 0px 5px;
     margin-top : 15px;
     line-height: 27px;
     font-size  : 11px;
     font-weight: initial;
     border-radius        : 4px;
     -webkit-border-radius: 4px;
     -moz-border-radius   : 4px;
 }
 
 .btn {
     display: inline-block;
     height: 54px;
     width: 200px;
     padding: 0px 0px;
     text-align: center;
     font-size: 18px;
     font-weight: bold;
     text-decoration: none;
     outline: none;
     line-height: 50px;
 }
 
 .btn::before,
 .btn::after {
     position: absolute;
     z-index: -1;
     display: block;
     content: '';
 }
 
 .btn,
 .btn::before,
 .btn::after {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: all .3s;
     transition: all .3s;
 }
 
 .btn-mypage, .btn-login, btn-signup {
     background-color: #333;
     border: 2px solid #333;
     color: #fff;
 }
 
 .btn-mypage:visited, .btn-login:visited, btn-signup:visited {
     background-color: #333;
     border: 2px solid #333;
     color: #fff;
 }
 
 .btn-mypage:hover, .btn-login:hover, btn-signup:hover {
     background-color: #fff;
     border-color: #333;
     color: #333;
 }
 
 .btn-warning {
     background-color: #dc143c;
     border: 2px solid #dc143c;
     color: #fff;
 }
 
 .btn-warning:visited {
     background-color: #dc143c;
     border: 2px solid #dc143c;
     color: #fff;
 }
 
 .btn-warning:hover {
     background-color: #fff;
     border-color: #ff4500;
     color: #ff4500;
 }
 
 .btn-subscribe, .btn-buy, .btn-save, .btn-submit {
     background-color: #ff1493;
     border: 2px solid #ff1493;
     color: #fff;
 }
 
 .btn-subscribe:visited, .btn-buy:visited, .btn-save:visited, .btn-submit:visited {
     background-color: #ff1493;
     border: 2px solid #ff1493;
     color: #fff;
 }
 
 .btn-subscribe:hover, .btn-buy:hover, .btn-save:hover, .btn-submit:hover {
     background-color: #fff;
     border-color: #ff1493;
     color: #ff1493;
 }
 
 .btn-common, .btn-main, .btn-next, .btn-email {
     background-color: #59b1eb;
     border: 2px solid #59b1eb;
     color: #fff;
 }
 
 .btn-common:visited,.btn-main:visited, .btn-next:visited, .btn-email:visited {
     background-color: #59b1eb;
     border: 2px solid #59b1eb;
     color: #fff;
 }
 
 .btn-common:hover,.btn-main:hover, .btn-next:hover, .btn-email:hover {
     background-color: #fff;
     border-color: #59b1eb;
     color: #59b1eb;
 }
 
 .btn-sub, .btn-back {
     background-color: #a9a9a9;
     border: 2px solid #a9a9a9;
     color: #fff;
 }
 
 .btn-sub:visited, .btn-back:visited {
     background-color: #a9a9a9;
     border: 2px solid #a9a9a9;
     color: #fff;
 }
 
 .btn-sub:hover, .btn-back:hover {
     background-color: #fff;
     border-color: #a9a9a9;
     color: #a9a9a9;
 }
 
 .btn-back,
 form#delivery .btn-sub {
     margin: 0px 5px 0px 0px;
 }
 
 div#only_sp {
     display: none;
 }
 
 div#only_pc {
     display: initial;
 }
 
 /*
   (pager) /////////////////////////////////////////////
  */
 
 div.pager
 {
     margin-top: 10px;
     float: right;
 }
 
 div.pager span.result
 {
     float: left;
     margin-right: 5px;
 }
 
 div.pager ul.pagination
 {
     list-style: none;
     float: left;
 }
 
 div.pager ul.pagination li
 {
     float: left;
     text-align: center;
     border: 1px solid #dbdbdb;
     color: #dbdbdb;
     margin-left: 2px;
     width: 2em;
 }
 
 div.pager ul.pagination li a
 {
     display: block;
 }
 
 div.pager ul.pagination li.current
 {
     background-color: #dbdbdb;
 }
 
 div.pager ul.pagination li.current a
 {
     color: black;
 }
 
 
 /*
   ページレイアウト ////////////////////////////////////////
  */
 
 div#column_left
 {
     width: 640px;
     float: left;
     margin-left: 30px;
 }
 
 div#column_right
 {
     width: 240px;
     float: right;
     margin-right: 10px;
     padding-left: 10px;
     text-align: left;
     font-size: .8em;
     border-left: 1px dashed #dbdbdb;
 }
 
 div#column_left div.article
 {
     margin-top: 20px;
 }
 
 /*
   購入フローログイン //////////////////////////////////////
  */
 
 div#account_new,
 div#account_user
 {
     width: 315px;
     height: 260px;
     text-align: center;
 }
 
 div#account_new
 {
     float: left;
     background: transparent url(../images/login_select_new_bg.png) top left no-repeat;
 }
 
 div#account_user
 {
     float: right;
     background: transparent url(../images/login_select_user_bg.png) top left no-repeat;
 }
 
 div#account_new div,
 div#account_user div
 {
     margin-top: 70px;
     margin-right: 25px;
     text-align: right;
 }
 
 div#account_user div input
 {
     vertical-align: middle;
     border: 1px solid #dbdbdb;
     padding: 3px;
     margin: 3px 0;
     width: 160px;
 }
 
 div#account_new div.btn_login,
 input#login
 {
     height: 50px;
     text-align: center;
 }
 
 div#account_new div.btn_login
 {
     margin: 34px auto;
 }
 
 div#account_user input#login
 {
     margin: 9px auto 0 auto;
 }
 
 div#account_user p
 {
     text-align: center;
     font-size: .85em;
     margin-top: 5px;
 }
 
 div#account_user .publisher_login
 {
     margin: 0px;
     position: relative;
     text-align: center;
     width: 315px;
     top: 26px;
 }
 
 
 /*
   利用規約 ////////////////////////////////////////////////
  */
 
 div#agreement
 {
     margin: 20px 0;
     border: 1px solid #222222;
     padding: 20px;
     height: 200px;
     overflow: auto;
 }
 
 div#agreement p
 {
     margin-bottom: 10px;
 }
 
 div#agreement ol
 {
     margin: 0 0 10px 50px;
 }
 
 div#agreement h1
 {
     font-size: 1.2em;
 }
 
 div#agreement h2
 {
     font-size: 1.1em;
 }
 
 div#agreement h3
 {
     font-size: 1em;
 }
 
 p.agreement_check
 {
     border: 1px solid #222222;
     margin: 10px 0pt;
 }
 
 p.agreement_check label
 {
     padding: 10px;
     width: 100%;
     display: block;
     cursor: pointer;
 }
 
 
 /*
   (card) ////////////////////////////////////////////
  */
 div.buy_information
 {
     background: #f3f3f3;
     margin: 20px 0 0 0;
     padding: 0px 10px 15px 10px;
 }
 
 div.creditcard-image
 , div.bank-image
 {
    display: flex;
    -webkit-justify-content: center;
    align-items: center;
 }

 .creditcard-image img {
    margin: 1em;
}
 
 div.bank-image img
 {
     background-color: #fff;
     padding: 6px;
     margin: 0 0.5em;
 }
 
 /*
   アカウント情報の入力 ////////////////////////////////////
  */
 
 div#input_userInfo
 {
 
 }
 
 div#input_userInfo p
 {
     margin-bottom: 20px;
 }
 
 div#input_userInfo dl
 {
     margin: 0 0 20px 20px;
 }
 
 div#input_userInfo dt,
 div#input_userInfo dd
 {
     margin: 3px;
     padding: 3px;
 }
 
 div#input_userInfo dt
 {
     width: 180px;
     float: left;
     text-align: right;
     border-right: 5px solid #dbdbdb;
     padding-right: 6px;
 }
 
 div#input_userInfo dd
 {
     width: 400px;
     float: left;
 }
 
 div#input_userInfo dd input,
 div#input_userInfo dd select
 {
     vertical-align: middle;
     border: 1px solid #dbdbdb;
     padding: 3px;
     width: 160px;
 }
 
 div#input_userInfo dd select
 {
     width: auto;
     margin-right: 6px;
 }
 
 
 /*
   購入アイテムのテーブル //////////////////////////////////
  */
 
 h4.backnumber_month
 {
     margin: 10px 0 0;
 }
 
 table.buy_items
 {
     width: 100%;
     margin: 10px 0 0 0;
     background: #f3f3f3;
     border: 1px solid #dbdbdb;
 }
 
 table.buy_items caption
 {
     background-color: #dbdbdb;
     padding: 3px 0;
 }
 
 table.buy_items th
 {
     width: 80px;
     vertical-align: middle;
     padding: 5px;
 }
 
 table.buy_items td
 {
     padding: 3px 10px;
 }
 
 table.buy_items h4
 {
     font-size: 1em;
     border-bottom: none;
     padding-bottom: 5px;
     margin-bottom: 5px;
     margin-top: 0;
 }
 
 table.buy_items tr.even
 {
     background-color: #f3f3f3;
 }
 
 
 /*
   メルマガリスト //////////////////////////////////////////
  */
 
 ul.magazine_list li
 {
     list-style-type: none;
     margin-bottom: 5px;
     padding-left: 30px;
     background: transparent url(../images/icon_contents.png) 0 50% no-repeat;
 }
 
 div.article ul.magazine_list
 {
     padding: 10px;
 }
 
 
 /*
   購入フローログイン //////////////////////////////////////
  */
 div#account_login
 {
     width: 640px;
     height: 200px;
     text-align: center;
     background: transparent url(../images/login_select_bg640.gif) top left no-repeat;
 }
 
 div#account_login div
 {
     margin-top: 10px;
     margin-left: 180px;
     text-align: left;
 }
 
 div#account_login div input
 {
     vertical-align: middle;
     border: 1px solid #dbdbdb;
     padding: 3px;
     margin: 3px 0;
     width: 160px;
 }
 
 div#account_login input#login
 {
     margin: 10px auto 0 auto;
 }
 
 div#account_login p.attention
 {
     text-align: center;
     padding-top: 15px;
 }
 
 
 /*
   mypage ////////////////////////////////////////////
  */
 img.mypage_reader
 {
     width: 950px;
     height: 120px;
 }
 
 table.reader_items
 {
     width: 100%;
 }
 
 table.reader_items th
 {
     font-size: .85em;
     text-align: center;
 }
 
 table.reader_items td
 {
     border: 1px solid #dbdbdb;
     text-align: center;
     padding: 5px;
 }
 
 table.reader_items td.item_title
 {
     text-align: left;
 }
 
 table.reader_items td.item_del
 {
     background: #eeeeee;
     width: 65px;
 }
 table.reader_items td.item_articles
 {
     width: 90px;
 }
 
 
 /*
   mypage - resend ////////////////////////////////////////////
  */
 div.article h4.resend
 {
     margin: 10px auto;
 }
 
 div.article p.gotoform
 {
     text-align: center;
 }
 
 p.gotomypage
 {
     margin: 2em auto 1em;
 }
 
 /*
   mypage - articles ////////////////////////////////////////////
  */
 table.reader_articles
 {
     width: 100%;
 }
 
 table.reader_articles thead th
 {
     font-size: .85em;
     text-align: center;
 }
 
 table.reader_articles td
 {
     border: 1px solid #dbdbdb;
     text-align: center;
     padding: 5px;
 }
 
 
 table.reader_articles td div
 {
     overflow: hidden;
     white-space: nowrap;
 }
 
 table.reader_articles td.item_magazine_name div
 {
     text-align: left;
     width: 100px;
 }
 
 table.reader_articles td.item_article_title
 {
     padding: 0px;
 }
 
 table.reader_articles td.item_article_title div
 {
     text-align: left;
     width: 380px;
 }
 table.reader_articles td.item_article_title div a
 {
     display: block;
     padding: 5px;
 }
 
 table.reader_articles td.item_article_date div
 {
     text-align: right;
 }
 
 table.reader_articles tfoot th
 {
     font-weight: normal;
     text-align: right;
 }
 table.reader_articles tfoot th a
 {
     font-size: .9em;
     display: block;
     padding: 5px;
 }
 
 /*
   mypage/history ////////////////////////////////////////////
  */
 table#purchase_logs
 {
     width: 100%;
 }
 
 table#purchase_logs thead th
 {
     font-size: .85em;
     text-align: center;
 }
 
 table#purchase_logs tfoot th
 {
     text-align: right;
     font-weight: normal;
 }
 
 table#purchase_logs td
 {
     border: 1px solid #dbdbdb;
     text-align: center;
     padding: 5px;
 }
 
 table#purchase_logs td.magazine
 {
     text-align: left;
 }
 
 table#purchase_logs td.date
 , table#purchase_logs td.purchase_type
 , table#purchase_logs td.purchase_extra
 , table#purchase_logs td.purchase_amount
 {
     white-space: nowrap;
 }
 
 table#purchase_logs td.purchase_amount
 {
     text-align: right;
 }
 
 /*
   unsubscribe ////////////////////////////////////////////
  */
 #unsubscribe_confirm #unsubscribe_back
 {
     margin-left: 2em;
 }
 
 
 /*
   発行者ログイン //////////////////////////////////////////
  */
 
 div#account_publisher
 {
     width: 400px;
     height: 170px;
     text-align: center;
     background: transparent url(../images/login_publisher_bg.png) top left no-repeat;
     margin: 0 auto;
     padding-top: 70px;
 }
 
 div#account_publisher p
 {
     margin-right: 65px;
     text-align: right;
 }
 
 div#account_publisher p input
 {
     vertical-align: middle;
     border: 1px solid #dbdbdb;
     padding: 3px;
     margin: 3px 0;
     width: 160px;
 }
 
 div#account_publisher input#login
 {
     margin: 10px auto;
 }
 
 div#account_publisher p.checkmark
 {
     margin: 10px auto 0 auto;
     text-align: center;
 }
 
 div#account_publisher p.checkmark input
 {
     width: 20px;
     margin-right: 5px;
 }
 
 /*
   発行者マイページTOP ///////////////////////////////////
 */
 div.publisher_mypage_magazine_tools
 {
     text-align: left;
     padding: 10px;
     background: #F5F5DC;
     margin: 0 0 15px 0;
     width: 640px;
 }
 
 div.publisher_mypage_magazine_tools .attention
 {
     color: #f00;
     font-weight: normal;
 }
 
 p.magazine_title
 {
     margin: 0 0 0 5px;
     font-weight: bold;
     color: #000;
 }
 
 img.publisher_mypage_magazine_image
 {
     display: none;
 }
 
 div.publisher_mypage_new
 {
     float: left;
     width: 180px;
     height: 90px;
     margin: 2px;
     border: 1px solid #eee;
 }
 
 div.publisher_mypage_new a
 {
     display: block;
     width: 180px;
     height: 90px;
 }
 
 div.publisher_mypage_magazine
 {
     float: left;
     width: 90px;
     height: 90px;
     margin: 2px;
     border: 1px solid #eee;
 }
 
 div.publisher_mypage_magazine_edit a
 , div.publisher_mypage_history a
 , div.publisher_mypage_upload a
 {
     display: block;
     width: 90px;
     height: 90px;
 }
 
 div.publisher_mypage_new a {       background: transparent url(../images/publisher_mypage_new.png?20180315) top left no-repeat; }
 div.publisher_mypage_new a:hover { background: transparent url(../images/publisher_mypage_new.png?20180315) bottom left no-repeat; }
 div.publisher_mypage_magazine_edit a {       background: transparent url(../images/publisher_mypage_magazine_edit.png?20180315) top left no-repeat; }
 div.publisher_mypage_magazine_edit a:hover { background: transparent url(../images/publisher_mypage_magazine_edit.png?20180315) bottom left no-repeat; }
 div.publisher_mypage_history a {       background: transparent url(../images/publisher_mypage_history.png?20180315) top left no-repeat; }
 div.publisher_mypage_history a:hover { background: transparent url(../images/publisher_mypage_history.png?20180315) bottom left no-repeat; }
 div.publisher_mypage_upload a {       background: transparent url(../images/publisher_mypage_upload.png?20180315) top left no-repeat; }
 div.publisher_mypage_upload a:hover { background: transparent url(../images/publisher_mypage_upload.png?20180315) bottom left no-repeat; }
 
 div.publisher_mypage_magazine span
 , div.publisher_mypage_new span
 {
     display: none;
 }
 
 div.publisher_mypage_magazine_subscriber
 {
     float: left;
     width: 636px;
     padding: 2px 2px 0pt;
     margin: 2px 2px 2px 0;
     background: #fff;
 }
 
 div.publisher_mypage_magazine_subscriber span.future_subscribe_num
 {
     color: blue;
 }
 div.publisher_mypage_magazine_subscriber span.unsubscribe_num
 {
     color: gray;
 }
 
 /*
   発行者原稿の入力 ////////////////////////////////////////
  */
 
 .placeholder
 {
     color: blue;
 }
 
 div#publisher_input div
 {
     margin-bottom: 20px;
 }
 
 div#publisher_input div div.form_error
 {
     margin-bottom: 0px;
 }
 
 div#publisher_input div.title_string input
 , div#publisher_input div.mail input
 , div#publisher_input div textarea
 , div#publisher_input div.epub_title input
 , div#publisher_confirm div.epub_title input
 {
     vertical-align: middle;
     border: 1px solid #222222;
     padding: 5px;
     margin: 3px 0;
     width: 740px;
 }
 
 div#publisher_input div.epub_title input
 , div#publisher_confirm div.epub_title input
 {
     border: 1px solid #dbdbdb;
     font-size: 1em;
     width: 28em;
 }
 
 div#publisher_input div.title_string input
 {
     font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
     font-size: 18px;
     font-weight: normal;
     padding: 0.5em;
 }
 
 div#publisher_input div.body_text textarea
 {
     height: 500px;
     font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
     font-size: 18px;
     padding: 1em;
     line-height: 30px;
 }
 
 div#publisher_input div.mail input
 {
     margin-left: 0;
     font-size: 1em;
     font-weight: normal;
 }
 
 div#publisher_input div.operation
 {
     text-align: center;
 }
 
 div#publisher_input div.operatoin input
 {
     width: 160px;
     height: 50px;
     padding: 0;
     margin: 0;
     border: none;
 }
 
 
 div#publisher_input div.set_datetime
 {
     white-space: nowrap;
 }
 
 div#publisher_input div.set_datetime select
 {
     vertical-align: middle;
     border: 1px solid #dbdbdb;
     padding: 5px;
     margin: 3px 0;
 }
 
 .publisher_upload_delete_confirm_caution {
     margin-top: 12px;
     margin-bottom: 30px;
     font-size: 120%;
     line-height: 26px;
 }
 
 input#test_email
 {
     border: 1px solid #222222;
     margin: 3px 0;
     padding: 5px;
     vertical-align: middle;
     width: 450px;
 }
 
 input#delivery_test
 {
     margin: 3px 0;
     vertical-align: middle;
     height: 25px;
     width: 150px;
 }
 
 div.delivery_input_area div div
 {
     margin-bottom: 0 !important;
 }
 
 div#test_mail_input
 {
     float: left;
 }
 div#test_mail_submit
 {
     float: right;
     margin: 0 100px 0 0;
 }
 
 /*
   発行者入力内容の確認 ////////////////////////////////////
  */
 
 div#publisher_confirm div.title_string p
 {
     border: none;
     background-color: #fbfbfb;
     font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
     padding: 0.5em;
     font-size: 18px;
     line-height: 20px;
     margin-bottom: 20px;
     font-weight: 700;
 }
 
 div#publisher_confirm div.epub_title
 {
     margin-bottom: 20px;
 }
 
 div#publisher_confirm div.body_text pre
 {
     font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
     font-size: 18px;
     line-height: 30px;
     border: none;
     background-color: #fbfbfb;
     padding: 0.5em;
     margin: 0;
     height: auto;
     overflow: auto;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -o-pre-wrap;
     white-space: -pre-wrap;
     word-wrap: break-word;
 }
 
 div.set_datetime input#date_amount
 {
     width: 5em;
 }
 
 div#publisher_confirm div.delivery_modify
 {
     margin-bottom: 20px;
 }
 
 p.message_block span.delivery_info
 {
     display: block;
     text-align: center;
     /*padding-left: 2.5em;*/
 }
 
 span.notice_reset.delivery_info a {
     font-size: 1.2em;
 }
 
 div#publisher_confirm h4.delivery_amount
 {
     text-align: right;
 }
 
 div#publisher_confirm h4.delivery_amount a
 {
     cursor: pointer;
 }
 
 div#publisher_confirm div.delivery_amount
 {
     padding-top: 1em;
     text-align: right;
 }
 
 div#publisher_confirm div.set_datetime_submit
 {
     text-align: center;
 }
 
 div#publisher_confirm div.back_datetime
 {
     padding-top: 1em;
     border-top: 1px dashed #DBDBDB;
 }
 
 div#publisher_confirm div.send_now_image
 {
     text-align: center;
     padding-bottom: 5px;
     margin: 5px 30px;
 }
 
 div#publisher_confirm div.set_datetime
 {
     margin: auto 30px;
     white-space: nowrap;
 }
 
 div#publisher_confirm div.set_datetime select
 {
     vertical-align: middle;
     border: 1px solid #222222;
     padding: 5px;
     margin: 3px 0;
 }
 
 div#publisher_confirm div.set_datetime div.set_datetime_form p
 {
     padding-top: 10px;
     padding-bottom: 5px;
 }
 
 div#publisher_confirm ul.is_free {
     text-align: right;
     margin: 1.5em 0 0 0;
 }
 
 div#publisher_confirm ul.is_free li {
     display: inline-block;
 }
 
 
 /*
   発行者送信予約完了のテーブル ////////////////////////////
  */
 
 table.delivery_items
 {
     width: 100%;
     background: #fff;
 }
 
 table.delivery_items th
 {
     font-size: .85em;
     text-align: center;
     border-bottom: 1px solid #dbdbdb;
 }
 
 table.delivery_items td
 {
     border-bottom: 1px solid #dbdbdb;
     text-align: center;
     padding: 5px;
 }
 
 table.delivery_items td.item_title
 {
     text-align: left;
     width: 340px;
 }
 
 table.delivery_items td.item_title,
 table.delivery_items td.datetime
 {
     border-left: 1px dashed #dbdbdb;
     border-right: 1px dashed #dbdbdb;
 }
 
 /*
   発行者の一覧（通常） ////////////////////////////////////
  */
 
 div.magazine_list div.publisher_list
 {
     border-bottom: 1px dashed #dbdbdb;
     padding-bottom: 10px;
     padding-top: 10px;
 }
 
 div.magazine_list div.publisher_list img
 {
     float: left;
     width: 80px;
 }
 
 div.magazine_list div.publisher_list img.first_month_free
 {
     float: none;
     width: auto;
     position: relative;
     top: 2px;
 }
 
 div.magazine_list div.publisher_list div
 {
     width: 550px;
     float: right;
 }
 
 div.magazine_list div.publisher_list div.clearfloat
 {
     width: auto;
     float: none;
 }
 
 div.magazine_list div.publisher_list div h4
 {
     font-size: 1.2em;
     margin-bottom: 5px;
     margin-top: 5px;
 }
 
 div.magazine_list div.publisher_list div p.about_item
 {
     margin-top: 10px;
 }
 
 div.magazine_list div.publisher_list div p.navigation
 {
     margin-top: 5px;
     text-align: right;
 }
 
 div.magazine_list div.publisher_list div p.navigation img
 {
     float: none;
     width: auto;
 }
 
 
 /*
   template ////////////////////////////////////////////
  */
 div.template_delete_operation
 {
     padding-top: 3em;
 }
 
 /*
   発行者の紹介 ////////////////////////////////////////////
  */
 
 div#outline
 {
     text-align: center;
     border-bottom: 20px solid #f3f3f3;
 }
 
 div#outline div#publisher_pic
 {
     width: 225px;
     float: left;
     margin: 10px 0px 10px 10px;
     border: 1px solid #dbdbdb;
 }
 
 div#outline div.article
 {
     float: right;
     width: 650px;
     margin: 10px 40px 0 0;
     font-size: .85em;
     text-align: right;
 }
 
 div#outline h1
 {
     font-size: 1.3em;
     margin-bottom: 5px;
     text-align: left;
     color: #e40180;
     border-bottom: 3px double #e40180;
     padding-bottom: 3px;
 }
 
 div#outline p#price
 {
     margin: 5px 5px 15px 0px;
     font-weight: bold;
     text-align: left;
 }
 
 div#outline p#summary
 {
     text-align: left;
     line-height: 1.6em;
     margin-left: 0px;
 }
 
 div#outline p#publisher_name
 {
     text-align: left;
     float: left;
     margin-left: -80px;
     background-color: #e40180;
     color: #fff;
     padding: 10px;
     margin-top: 20px;
 }
 
 div#outline p.publisher_name
 {
     font-weight: bold;
     text-align: left;
 }
 
 div#outline div.outline_navi
 {
     white-space: nowrap;
     font-size: 0;
     margin-top: 20px;
     margin-bottom: 20px;
 }
 
 div#outline div.outline_navi .btn
 {
     margin: 0px 5px;
 }
 
 
 /*
   メルマガサンプル ////////////////////////////////////////
  */
 div#sample_content div.article
 {
     margin-top: 0;
     margin-bottom: 40px;
 }
 
 div#sample_content p.message_block
 {
     width: 634px;
     margin: 2px auto;
     padding: 10px 0;
 }
 
 div#sample_content p.message_block a
 {
     display: block;
     width: 100%;
 }
 
 div.article div.sample
 {
     margin-bottom: 20px;
 }
 
 div.sample
 {
     margin-bottom: auto;
 }
 
 div.sample h3
 {
     background-image: none;
     padding: 5px 10px;
     margin-bottom: 0;
     background-color: #f3f3f3;
 }
 
 div.sample pre
 {
     font-family: "ＭＳ ゴシック", monospace;
     font-size: 1.2em;
     line-height: 1.6em;
     padding: 5px;
     margin: 0;
     height: 300px;
     overflow: auto;
 }
 
 div.sample pre + p
 {
     background-color: #f3f3f3;
     padding: 5px 10px;
     font-weight: bold;
     font-size: 1.1em;
     text-align: right;
 }
 
 div.sample pre
 , div.sample pre a
 {
     font-family: "ＭＳ ゴシック", monospace;
     height: auto;
     border: none;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -o-pre-wrap;
     white-space: -pre-wrap;
     word-wrap: break-word;
 }
 
 div.article div.subscribe_button
 {
     text-align   : center;
     margin-top   : 15px;
     margin-bottom: 30px;
 }
 
 /*
   バックナンバー（サイドバー） ////////////////////////////
  */
 
 div#column_right p
 {
     line-height: 1.3em;
 }
 
 div#column_right form
 {
     margin: 10px 0 10px 0;
 }
 
 div#column_right dl
 {
     margin-bottom: 10px;
 }
 
 div#column_right dt
 {
     font-weight: bold;
 }
 
 div#column_right dd
 {
     margin-left: 10px;
 }
 
 div#column_right dd input
 {
     vertical-align: middle;
 }
 
 
 /*
   発行者のリスト（サイドバー） ////////////////////////////
  */
 
 div.popular_magazines div.publisher_list
 {
     border-bottom: 1px dashed #dbdbdb;
     padding-bottom: 10px;
     padding-top: 10px;
 }
 
 div.popular_magazines div.publisher_list img
 {
     float: left;
     width: 80px;
 }
 
 div.popular_magazines div.publisher_list img.first_month_free
 {
     float: none;
     width: auto;
 }
 
 div.popular_magazines div.publisher_list p
 {
     width: 140px;
     float: right;
     font-size: .85em;
 }
 
 .article div.popular_magazines div.publisher_list p
 {
     width: 535px;
 }
 
 /*
   reader(info) //////////////////////////////////////////////
  */
 
 p.contents_info
 {
     margin: 5pt 0pt 10px 10px;
     font-size: 1.1em;
 }
 
 /*
   (kiyaku) //////////////////////////////////////////////
  */
 pre.kiyaku
 {
     font-size: 12px;
     background: none repeat scroll 0 0 #F3F3F3;
     margin: 20px 0 0;
     padding: 0 10px 15px;
     overflow: auto;
     white-space: pre-wrap;
     word-wrap: break-word;
 }
 
 /*
   payment //////////////////////////////////////////////
  */
 div.payment_area h4
 {
     margin: 0;
     padding-top: 10px;
 }
 
 p.payment_message
 {
     padding-left: 20px;
 }
 
 div.payment_form dd span.form_help
 {
     display: block;
 }
 
 
 /*
   page //////////////////////////////////////////////
  */
 div#site_info h3
 {
     color: #e40180;
 }
 
 div#site_info dl.table
 {
     border: solid 1px #dbdbdb;
     border-top: none;
     background: #f3f3f3;
     width: 640px;
 }
 
 div#site_info dl.table dd,
 div#site_info dl.table dt
 {
     padding: 5px;
 }
 
 div#site_info dl.table dt
 {
     border-top: solid 1px #dbdbdb;
     clear: left;
     float: left;
     font-weight: bold;
     padding-right: 6px;
     width: 130px;
 }
 
 div#site_info dl.table dd
 {
     border-top: solid 1px #dbdbdb;
     border-left: solid 1px #dbdbdb;
     background: #ffffff;
     margin-left: 140px;
 }
 
 
 /*
   help privacy trade //////////////////////////////////////////////
  */
 
 div#help
 {
     text-align: left;
 }
 
 .help_category
 {
   margin: 30px 0 10px;
   color: #4B4B4B;
   font-size: 120%;
   font-weight: bold;
   border-bottom: dotted 1px #CDCDCD;
 }
 
 .sample10
 {
   text-align: left;
   margin: 5px 5px 5px 30px;
   border: 2px solid #DDD;
   padding-left: 10px;
 }
 
 .sample10 th
 {
   margin: 30px 30px 30px 30px;
   padding-left: 10px;
   padding-right: 10px;
   background: url(../images/th_10.jpg) repeat-x bottom;
   border: 2px solid #DDD;
   color: #333;
 }
 
 .sample10 td
 {
   padding-left: 10px;
   padding-right: 10px;
   border: 1px solid #DDD;
   color: #333;
 }
 
 
 /*
   topic ////////////////////////////////////////////
  */
 
 div.article p.topic_date
 {
     text-align: right;
 }
 
 div.article p.topic_body
 {
     border: 1px solid #dbdbdb;
     padding: 5px;
     background: #f3f3f3;
 }
 
 
 /*
   バックナンバー一覧 //////////////////////////////////////
  */
 
 .backnumber_shelf input
 {
     padding: 6px;
     font-size: 1.2em;
 }
 
 .backnumber_shelf h4
 {
     font-size: 1.1em;
     margin-top: 15px;
     margin-bottom: 5px;
 }
 
 .backnumber_shelf h4 img
 {
     vertical-align: midddle;
     margin-right: 5px;
 }
 
 .backnumber_shelf form
 {
     text-align: right;
     margin-top: 5px;
 }
 
 .backnumber_shelf ul
 {
     border-top: 1px solid #dbdbdb;
     border-bottom: 1px solid #dbdbdb;
     padding: 8px 0 0 0;
 }
 
 .backnumber_shelf .attention
 {
     text-align: right;
 }
 
 .backnumber_shelf div.article_sell
 {
     padding-bottom: 20px;
 }
 
 .backnumber_warehouse
 {
     width: 100%;
 }
 
 .backnumber_warehouse div
 {
     width: 19.5%;
     text-align: center;
     white-space: nowrap;
     float: left;
     border: 1px solid #dbdbdb;
 }
 
 div.backnumber_info
 {
     width: 640px;
 }
 
 div.backnumber_info_contents
 {
     float: right;
     width: 510px;
 }
 
 div.backnumber_info a.title
 {
     font-size: 1em;
     text-align: left;
     color: #666;
 }
 
 div.backnumber_info h1.subject
 {
     font-size: 1.6em;
     line-height: 1.4em;
     padding: 10px;
     border-top: 3px double #e40180;
     border-bottom: 3px double #e40180;
 }
 
 div.backnumber_info img
 {
     float: left;
     width: 120px;
 }
 
 div.backnumber_info img.thumbnail_sp {
     display: none;
 }
 
 p.magazine_info
 {
     text-align: right;
     color: #666;
     font-size: 1em;
 }
 
 p.backnumber_date
 {
     text-align: right;
     font-size: 1.2em;
     padding: 0 0 10px 0;
     border-bottom: 1px dashed #dbdbdb;
 }
 
 p.backnumber_date span.reservation_date
 {
     color: red;
     font-size: 1.5em;
 }
 
 
 div.article div.publisher_backnumber
 {
     border: 1px solid #dbdbdb;
     padding: 10px 15px;
     background: #f3f3f3;
 }
 
 div.article div.publisher_backnumber div
 {
     width: 540px;
 }
 div.article div.publisher_backnumber img
 {
     display: none;
 }
 div.article div.publisher_backnumber div.clearfloat
 {
     width: auto;
     float: none;
 }
 
 div.article div.publisher_backnumber div h4
 {
     font-size: 1.2em;
     margin-bottom: 5px;
     margin-top: 0px;
 }
 
 div.article div.publisher_backnumber div p.about_item
 {
     margin-top: 10px;
 }
 
 div.article div.publisher_backnumber div p.navigation
 {
     margin-top: 5px;
     text-align: right;
 }
 
 div.article div.backnumber_years
 {
   padding-left: 20px;
 }
 
 div.article div.backnumber_years a.choice
 {
   color: black;
 }
 
 div.article div.backnumber_years a.choice:hover
 {
   color: #0066CC;
 }
 
 div.article div.is_free_description
 {
     text-align   : right;
     padding      : 5px 5px;
     border-bottom: 1px dashed #dbdbdb;
 }
 
 /*
   form - common /////////////////////////////////////////////
  */
 
 input#reader_email
 , input#edit_mail
 , input#reader_email_confirm
 , input#publisher_email
 , input#publisher_email_confirm
 {
     width: 260px;
 }
 
 /*
   form - publisher /////////////////////////////////////////////
  */
 input#publisher_nickname
 , input#publisher_catchphrase
 , input#publisher_tel
 , input#publisher_bank_name
 , input#publisher_bank_branch
 , input#publisher_account_no
 , input#publisher_account_name
 , input#publisher_account_kana
 {
     width: 250px;
 }
 
 textarea#publisher_address
 {
     width: 300px;
     height: 5em;
 }
 textarea#publisher_profile
 {
     width: 25em;
     height: 12em;
 }
 
 /*
   form - magazine /////////////////////////////////////////////
  */
 input#magazine_name
 , input#magazine_email
 , input#magazine_from_name
 , input#magazine_span
 , input#magazine_url
 {
     width: 250px;
 }
 
 textarea#magazine_description
 {
     width: 25em;
     height: 12em;
 }
 
 input#magazine_subscription_fee
 {
     width: 5em;
 }
 
 input#magazine_summary_line
 {
     width: 3em;
 }
 
 input#magazine_auto_linefeed
 {
     width: 3em;
 }
 
 p.subscribe_info
 {
     border: solid 1px #ff0000;
     background: #ffffff;
     font-size: 18px;
     color: #ff0000;
     text-align: center;
     padding: 5px;
 }
 
 
 /*
   magazine(edit) //////////////////////////////////////////////////
  */
 p.request_magazine_value
 {
     color: blue;
 }
 
 /*
   publisher profile ////////////////////////////////////////////
  */
 div.publisher_profile
 {
     background: #fff;
     margin: 0;
     padding: 0;
 }
 
 div.publisher_profile img.profile_image
 {
     display: block;
     margin: 0 auto;
     text-align: center;
 }
 div.publisher_profile p.name
 {
     text-align: center;
     font-weight: bold;
 }
 
 div.publisher_profile p.profile
 {
     margin: 10px 0 10px 0;
 }
 
 div#column_left div.backnumber_textlink
 {
     border: 1px solid #dbdbdb;
     text-align: center;
     padding: 10px;
     margin: 30px 0px 30px 0px;
 }
 
 
 /*
   headlines //////////////////////////////////////////////////
  */
 div#tp_headlines
 {
     width: 635px;
     float: left;
     margin-left: 20px;
     text-align: left;
 }
 
 div#tp_headlines h3
 {
     float: left;
 }
 
 div#tp_headlines ul
 {
     border-top: 1px solid #dbdbdb;
 }
 
 div#tp_headlines li
 {
     font-size: .8em;
     list-style-type: none;
     border-bottom: 1px solid #dbdbdb;
     padding: 10px 0;
 }
 
 
 /*
   recommend ////////////////////////////////////////////
  */
 #magazine-recommend
 {
     border: 1px solid #dbdbdb;
     padding: 0px 10px;
 }
 
 #magazine-recommend div.recommend-item
 {
     width: 200px;
     float: left;
     margin-bottom: 1em;
     margin-right: 5px;
 }
 
 #magazine-recommend div.recommend-image a
 , #magazine-recommend div.recommend-title a
 , #magazine-recommend div.recommend-url a
 {
     display: block;
 }
 
 #magazine-recommend div.recommend-image
 {
     text-align: center;
 }
 
 /*
   payment ////////////////////////////////////////////
  */
 #payment-redirect input
 {
     font-size: 2em;
     width: 8em;
 }
 
 
 /*
   upload ////////////////////////////////////////////
  */
 table.magazine_upload_images
 {
     width: 100%;
 }
 
 table.magazine_upload_images th
 {
     vertical-align: middle;
     padding: 5px;
     text-align: center;
     border-bottom: 1px solid #dbdbdb;
 }
 
 table.magazine_upload_images td
 {
     padding: 3px 10px;
     border-bottom: 1px solid #dbdbdb;
 }
 
 table.magazine_upload_images td.url input
 {
     width: 20em;
     font-size: 1.25em;
 }
 
 table.magazine_upload_images td.date
 {
     text-align: right;
 }
 
 table.magazine_upload_images tr.odd
 {
     background-color: #fff;
 }
 
 .magazine-00064 a.subscribe
 {
     display: none;
 }
 .magazine-00019 a.subscribe
 {
     display: none;
 }
 
 #menu_header_responsive
 {
     display: none;
 }
 
 
 /*** その他 ***/
 div.join_facebook_group a.facebook_group_url
 {
     border: 2px solid #FFB9BA;
     text-align: center;
     padding: 20px 10px;
     margin: 20px 0px;
     display: block;
     word-wrap: break-word;
     font-size: 18px;
 }
 
 div.join_facebook_group
 {
     margin-bottom: 30px;
 }
 
 
 .article_image {
     display: block;
     text-align: center;
 }
 img.thumbnail {
     max-width: 100%;
     margin: 0.5em 0em 0.5em 0em;
 }
 
 /*** スタイル付きチェックボックス ***/
 <style>
 label.styled input[type="checkbox"]
 {
     margin: 0;
     padding: 0;
     background: none;
     border: none;
     border-radius: 0;
     outline: none;
     -webkit-appearance: none;
        -moz-appearance: none;
             appearance: none;
 }
 label.styled input[type="checkbox"] + span
 {
    position: relative;
    padding: 0 0px 0 30px;
 }
 label.styled span
 {
     display: inline-block;
 }
 label.styled input[type="checkbox"]
 {
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
 }
 label.styled input[type="checkbox"] + span::before, label.styled input[type="checkbox"] + span::after
 {
     position: absolute;
     top: 0;
     left: 0;
     display: inline-block;
     content: '';
     box-sizing: border-box;
 }
 label.styled input[type="checkbox"] + span::before
 {
     z-index: 0;
     background-color: transparent;
     width: 22px;
     height: 22px;
     border: 2px #616161 solid;
     border-radius: 5px;
 }
 label.styled input[type="checkbox"] + span::after
 {
     z-index: 1;
     margin: 5px 8px;
     width: 6px;
     height: 9px;
 }
 label.styled input[type="checkbox"]:checked + span::before
 {
     background-color: #616161;
 }
 label.styled input[type="checkbox"]:checked + span::after
 {
     border: 2px solid #fff;
     border-width: 0 2px 2px 0;
     -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
             transform: rotate(45deg);
 }
 label.styled input[type="checkbox"] + span::before
 {
     border-color: #ec407a;
 }
 label.styled input[type="checkbox"]:checked + span::before
 {
     background-color: #ec407a;
 }
 label.styled
 {
     font-size: 14px;
 }
 .epub_title {
     display: none;
 }