/*共通*/

.clear { clear:both; }

/*特集 基本CSS*/
.spcms {
    background-color: #FFFFFF;
    padding: 20px;
}
.spcms .spcms-top { margin-bottom: 10px; }
.spcms .spcms-top img { width: 660px; }
.abst_text {
    font-size: 14px;
    font-weight: bold;
}

/* クーポンのレイアウト */
.spcms .coupon_spcms {
    background-color: #FFFFFF;
    border: 3px solid #936920;
    width: 550px;
    text-align: center;
    margin: 0px auto;
    color: #c00000;
    font-weight: bold;
}
.co_left {
    width: 340px;
    text-align: center;
    vertical-align: middle;
    float: left;

}
.co_right {
    width: 210px;
    text-align: center;
    float: right;
}
.obi {
    width:100%;
    height:18px;
    text-indent: -999em;
}
.obi_down {
    background-image: url(/resources/a/pc/v2/images/tokushu/obi_down_long.jpg);
}
.obi_up {
    background-image: url(/resources/a/pc/v2/images/tokushu/obi_up_long.jpg);
}
.cp_title { /*クーポン名・対象ジャンルなど*/
    font-size:21px;
    line-height: 25px;
    margin-top: 10px;
}
.cp_discount { /*割引率*/
    font-size: 27px;
    line-height: 35px;
}
.cp_uselimit { /*最大利用回数*/
    margin-bottom: 5px;
}
.cp_period { /*有効期間*/
    background-color: #f9f5ec;
    margin: 0px 10px 5px 10px;
    font-size: 15px;
    font-weight: bold;
    color: #595959;
    padding: 2px;
    clear: both;
}

/* =====Tpoint連携===== */
.spcms .tpoint {
    padding: 10px;
    margin: 30px auto;
    background-color: #FFF3D1;
    width: 80%;
    text-align: center;
    border: 4px double #FF620D;
    border-radius: 10px;
}
.spcms .tpoint p {
    font-size: 18px;
    font-weight: bold;
}

.spcms .tpoint ul {
    display: inline-block;
    text-align: left;
    list-style-type:none
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
    /display:inline;
    /zoom:1;
}

/* =====登録誘導 半額訴求===== */
.spcms .nchalf {
    padding: 10px;
    margin: 30px auto;
    background-color: #FFF3D1;
    text-align: center;
    border: 4px double #FF620D;
    border-radius: 10px;
}
.spcms .nchalf p {
    font-size: 18px;
    font-weight: bold;
}

.spcms .nchalf span {
    color: #c00000;
}

.spcms .nchalf ul {
    display: inline-block;
    text-align: left;
    list-style-type:none
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
    /display:inline;
    /zoom:1;
}

/*定番のページから探す*/
.cpn_searcharea {
    margin: 0 0 30px 70px;
}
.cpn_searcharea ul {
    float: left;
    margin-right: 80px;
}
.cpn_searcharea ul li {
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
}

/*検索フォーム*/
.cpn_searchwrapper {
    margin: 0 0 30px 40px;
}
.cpn_searchbox {
    width: 310px;
    margin-right: 5px;
    border: 1px solid #cccccc;
    padding: 3px;
    position: relative;
    float: left;
}
.cpn_searchbox input[type="text"] {
    border: medium none;
    height: 22px;
    margin-left: 3px;
    padding-left: 5px;
    width: 300px;
}
.spcms input.searchbtn2 {
    font-size:13px;
    height: 32px;
    width:42px;
    padding:0;/* ie */
    float: left;
}

/*ジャンルから探す*/
.cpn_searchgenre {
    margin: 0 0 30px 40px;
}
.cpn_searchgenre ul {
    float: left;
    margin-right: 60px;
}
.cpn_searchgenre ul li {
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
}

/*シェアボタン用*/

.sns_btn_box{
    background-color: #FFFFFF;
    width: 550px;
    text-align: center;
    margin: 0px auto;
    margin-bottom: 10px
}

.sns{
  display: table;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 10px 0;
  text-align: center;
  width: 100%;    
}
.sns li{
  display: table-cell;
  vertical-align: middle;
  height: 50px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.sns li:hover{
opacity: 0.8
}
.sns li:last-child {
  border-right: 0;
}
.sns li a {
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #FFFFFF;
  width:100%;
  vertical-align: middle;
}

.shbtn_fb {
    background-color: #305097;
}
.shbtn_tw {
    background-color: #00aced;
}
.shbtn_ln {
    background-color: #5ae628;
}
.shbtn_em {
    background-color: #96172e;
}

/* シェア促進テキスト*/
.shtext {
    font-size:18px;
    font-weight: bold;
    text-align: center;
}
.shtext .pre{
    color: #c00000;
}
.shtext .get{
    font-size:22px;
    color: #c00000;
}

.attention2 {
    color: #c00000;
}

#mytweets {
    width: 520px; /* 画像の幅と同じサイズを指定 */
    margin: 0px auto;
    border: 1px solid #e1e8ed;
    border-radius: 8px;
    margin-bottom: 20px;
}
.mytweets-header {
    position: relative;
    height: 50px; /* ヘッダー用の画像の高さから次の行で「ヘッダー内の上下余白に指定した数値×2」を引いた数値を指定 ※画像の高さが62pxなら50pxと指定します。※ */
    padding: 6px 10px; /* ヘッダー内の上下余白 ヘッダー内の左右余白 ※ここは適当に指定※ */
}
.twitter-title {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 20px;
    font-weight: bold;
}
.twitter-follow-me {
    /* フォローボタンの表示位置指定 */
    position: absolute;
    right: 15px;
    bottom: 10px;
}
.mytweets-body {
    border-top: 1px solid #e1e8ed;
}

/*----------------------------

↓↓↓↓↓↓↓↓↓↓↓LP用↓↓↓↓↓↓↓↓↓↓↓

----------------------------*/
img {
    width: 100%;
}

/*まずは無料会員登録ボタン*/
.land_btn_l {
    width: 100%;
    padding: 15px 0px;
    border-radius: 2px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    display: block;
    color: #fff !important;
    line-height: 1;
}
.land_btn_l:hover {
    opacity: 0.7;
}
.land_btn_l {
    max-width: 576px;
}

.land_btn_text {
    max-width: 576px;
    width: 100%;
    display: block;
    line-height: 1;
    margin: 0px auto;
}

/*スペシャル会員登録*/
.land_btn_l_50 {
    width: 100%;
    padding: 15px 0px;
    border-radius: 2px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    display: block;
    color: #fff !important;
    line-height: 1;
    margin: 25px auto 30px auto;
}
.land_btn_l_50:hover {
    opacity: 0.7;
}
.land_btn_l_50 {
    max-width: 576px;
}

.land_btn_m {
    width: 100%;
    padding: 15px 0px 15px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    display: block;
    color: #fff !important;
    line-height: 1;
}
.land_btn_m:hover {
    opacity: 0.7;
}

/*立ち読みボタン*/
.land_btn_s {
    width: 98%;
    padding: 8px 0px;
    border-radius: 2px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    display: block;
    color: #fff !important;
}
.land_btn_s:hover {
    opacity: 0.7;
}

/*まずは無料会員登録 スペシャル会員登録 ボタン*/
.btn_preread {
    border: solid 1px #69a400;
    background: #7bc100; /* Old browsers */
    background: -moz-linear-gradient(top,  #7bc100 0%, #3ea400 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7bc100), color-stop(100%,#3ea400)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #7bc100 0%,#3ea400 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #7bc100 0%,#3ea400 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #7bc100 0%,#3ea400 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #7bc100 0%,#3ea400 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bc100', endColorstr='#3ea400',GradientType=0 ); /* IE6-9 */
}
/*登録して購入 ボタン*/
.btn_buy {
    border: solid 1px #e15b00;
    background: #ff8f00; /* Old browsers */
    background: -moz-linear-gradient(top,  #ff8f00 0%, #f84300 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8f00), color-stop(100%,#f84300)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ff8f00 0%,#f84300 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ff8f00 0%,#f84300 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ff8f00 0%,#f84300 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ff8f00 0%,#f84300 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8f00', endColorstr='#f84300',GradientType=0 ); /* IE6-9 */
}
/*立ち読みボタン*/
.btn_buy_soft {
    border: solid 1px #ff8a00;
    background: #ffba25; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffba25 0%, #ff8a00 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffba25), color-stop(100%,#ff8a00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffba25 0%,#ff8a00 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffba25 0%,#ff8a00 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffba25 0%,#ff8a00 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffba25 0%,#ff8a00 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffba25', endColorstr='#ff8a00',GradientType=0 ); /* IE6-9 */
}

/*----------------------------
        見出し画像共通
----------------------------*/
/*オレンジ 見出し画像*/
h1.box_title {
    text-align: center;
    background-image: url("/resources/cms/feature/custom/109950/section_arrow.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    -webkit-background-size: 40px 20px;
    background-size: 40px 20px;
    padding-bottom: 20px;
}
h1.box_title img {
    max-width: 640px;
}
h1.box_title p {
    background-color: #ff7e00;
}
.font_lp_strong {
    font-weight: bold;
    color: #FF7E00;
}

/*オレンジ 下線あり見出し*/
h3.subtitle {
    font-size: 20px;
    border-bottom: 1px solid #FF7E00;
    margin: 20px 15px 25px 15px;
    line-height: 1.2;
    padding-bottom: 6px;
}

/*----------------------------
POINT1～POINT3 & クーポン画像
    point3.tpl coupon50.tpl
----------------------------*/
.introduction_box_lp {
    text-align: center;
}
.introduction_box_lp img {
    max-width: 578px;
    width: 100%;
}
.introduction_box_lp .introduction_top {
    padding: 24px 15px;
}
.introduction_box_lp .introduction_top img {
    max-width: 500px
}
.introduction_box_lp .introduction_book {
    background-image: url("/resources/cms/feature/custom/109950/introduction_book_sp.png");
    -webkit-background-size: 265px 67px;
    background-size: 265px 67px;
    height: 67px;
}
/*しかも満足度No.1だから安心！安全！*/
.introduction_box_lp .introduction_award {
    background-color: #ff7e00;
    padding: 24px 15px;
}
/*BookLive!のココがオススメ 画像*/
.introduction_box_lp .introduction_recommend {
    background-color: #f1efe0;
    padding: 24px 15px;
}
.introduction_box_lp .introduction_coupon {
    background-color: #ffba25;
    padding: 20px 15px 20px;
}
.introduction_box_lp .introduction_coupon .introduction_coupon_txt {
    text-align: left;
    max-width: 578px;
    margin: 10px auto;
    color : #fff;
    font-weight: bold;
    float: left;
}


/*@media only screen and (min-width: 600px) {
    .introduction_coupon_set{
        margin: 0 auto;
        width: 578px;
        padding: 30px 0 0 0;
    }
    .introduction_coupon_txt{
        width: 288px;
    }
    .introduction_box_lp .introduction_coupon .introduction_coupon_txt {
        text-align: left;
        max-width: 288px;
        color : #fff;
        font-weight: bold;
    }
    .introduction_box_lp .introduction_coupon .introduction_couponimg_wrap {
        position: relative;
        max-width: 290px;
        margin: 0 auto;
        float: left;
    }
    .introduction_box_lp .introduction_coupon {
    background-color: #ffba25;
    padding: 20px 15px 180px;
    }

}*/

.introduction_box_lp .introduction_coupon .introduction_coupon_txt dl {
    margin-bottom: 10px;
}
.introduction_box_lp .introduction_coupon .introduction_coupon_txt dl dt,
.introduction_box_lp .introduction_coupon .introduction_coupon_txt dl dd{
    display: inline-block;

}
.introduction_box_lp .introduction_coupon .introduction_couponimg_wrap {
    position: relative;
    max-width: 290px;
    margin: 0 0 0 auto;
}
.introduction_box_lp .introduction_coupon .introduction_couponimg_wrap .introduction_coupon_img {
    background-image: url("/resources/cms/feature/custom/109950/introduction_coupon_img_sp.png");
    background-repeat: no-repeat;
    width: 290px;
    height: 125px;
    -webkit-background-size: 290px 125px;
    background-size: 290px 125px;
    text-indent: -9999px;
    overflow: hidden;
    margin-bottom: 6px;
}
.introduction_box_lp .introduction_coupon .introduction_couponimg_wrap .introduction_coupon_img_50 {
    background-image: url("/resources/cms/feature/custom/109950/introduction_coupon_img_2_sp.png");
    background-repeat: no-repeat;
    width: 290px;
    height: 125px;
    -webkit-background-size: 290px 125px;
    background-size: 290px 125px;
    text-indent: -9999px;
    overflow: hidden;
    margin-bottom: 6px;
}
.introduction_box_lp .introduction_coupon .introduction_couponimg_wrap .introduction_coupon_code {
    position: absolute;
    top: 72px;
    left: 108px;
    letter-spacing: 4px;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 0;
    width: 160px;
}

/*@media only screen and (min-width: 600px) {
    .introduction_box_lp .introduction_coupon .introduction_couponimg_wrap {
        max-width: 290px;
    }
    .introduction_box_lp .introduction_coupon .introduction_couponimg_wrap .introduction_coupon_img {
        width: 580px;
        height: 250px;
        -webkit-background-size: 580px 250px;
        background-size: 580px 250px;
    }
    .introduction_box_lp .introduction_coupon .introduction_couponimg_wrap .introduction_coupon_code {
        top: 144px;
        left: 214px;
        font-size: 34px;
        font-weight: bold;
        padding: 22px 0;
        width: 320px;
    }
}*/

.introduction_box_lp .introduction_coupon .introduction_couponimg_wrap .introduction_coupon_link {
    text-align: right;
}
.introduction_box_lp .introduction_coupon .introduction_couponimg_wrap .introduction_coupon_link a {
    background-image: url("/resources/cms/feature/custom/109950/introduction_coupon_link_sp.png");
    background-repeat: no-repeat;
    -webkit-background-size: 7px 10px;
    background-size: 7px 10px;
    padding-left: 14px;
    color: #fff;
    background-position: left center;
    font-weight: bold;
}

.ranking_area {
    position: relative;
}

.ranking_area .gridcell {
    margin-bottom: 20px;
}

/*----------------------------
　　書影・ボタンセット(3列×2行)
　　　ボタン:詳細を見る
----------------------------*/
/* allfree */
.allfree_box .allfree_entry_btn {
    padding: 0 15px 0;
}
.allfree_box .allfree_entry_btn a {
    margin: 0 auto 5px;
}
.special_entry_btn{
    padding: 0 15px;
    clear: both;
}

/*----------------------------
             TOP
----------------------------*/
.top_box {
    padding: 0 15px 20px;
    text-align: center;
}
.top_box h1 img {
    max-width: 578px;
    margin-bottom: 10px;
}
.top_box .land_btn_l {
    width: 100%;
    margin : 0 auto;
}
.top_box .land_btn_l_50 {
    width: 100%;
    margin : 0 auto;
}

/*----------------------------
             FAQ
          qanda.tpl
----------------------------*/
.faq_box_lp h1.box_title {
    background-color: #fffce9;
}
.faq_box_lp ul li {
    padding: 0 15px;
}
.faq_box_lp ul li.bg_pale {
    background-color: #fffce9;
}
.faq_box_lp ul li.bg_deep {
    background-color: #e5f0ba;
}
.faq_box_lp dl {
    max-width: 680px;
    margin: 0 auto;
    padding: 16px 0;
}
.faq_box_lp dl dt,
.faq_box_lp dl dd {
    display: table;
}
.faq_box_lp dl dt {
    margin-bottom: 14px;
}

.faq_box_lp dl i,
.faq_box_lp dl dt span,
.faq_box_lp dl dd p {
        display: table-cell;
}
.faq_box_lp dl dd i.answer {
    background-image: url("/resources/cms/feature/custom/109950/answer_sp.png");
    background-repeat: no-repeat;
    -webkit-background-size: 45px 35px;
    background-size: 45px 35px;
    width:45px;
    height:35px;
    padding-right: 10px;
}
.faq_box_lp dl dt i.q1,
.faq_box_lp dl dt i.q2,
.faq_box_lp dl dt i.q3 {
    background-repeat: no-repeat;
    width: 45px;
    height: 25px;
    -webkit-background-size: 45px 25px;
    background-size: 45px 25px;
    padding-right: 10px;
}
.faq_box_lp i.q1 {
    background-image: url("/resources/cms/feature/custom/109950/q1.png");
}
.faq_box_lp i.q2 {
    background-image: url("/resources/cms/feature/custom/109950/q2.png");
}
.faq_box_lp i.q3 {
    background-image: url("/resources/cms/feature/custom/109950/q3.png");
}
.faq_box_lp dl dt span {
    vertical-align: bottom;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
}
.faq_box_lp dl dd p {
    vertical-align: top;
    line-height: 1.8;
}
.bg_pale{
    padding: 0 15px;
}
.font_lp_strong {
    font-weight: bold;
    color: #FF7E00;
}

/*----------------------------
         -お客様の声
         uservoice.tpl
----------------------------*/
/* feedback */
.feedback_box_lp {
    background-image: url("/resources/cms/feature/custom/109950/feedback_bg.png");
}
.feedback_box_lp .feedback_img {
    text-align: center;
}
.feedback_box_lp .feedback_img img {
    max-width: 580px;
}
.feedback_box_lp .feedback_img .under_img_txt {
    text-align: right;
    margin-top: 10px;
}
.feedback_box_lp .feedback_cont {
    padding: 6px 15px 20px;
}

/*----------------------------
　まだ悩む…そんな方へ（画像）
　　 more_recommend.tpl
----------------------------*/
.reason_box_lp {
    background-color: #f1efe0;
}
.reason_box_lp img {
    max-width: 679px;
}
.reason_box_lp .reason_img {
    padding: 15px 15px 20px;
    text-align: center;
}

/*----------------------------
　　　メールフォーム
　　 member_input.tpl
----------------------------*/
.entry_box_lp {
    margin-bottom: 30px;
}
.entry_box_lp .entry_lead {
    text-align: center;
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    margin: 15px;
}

/* 場当たりスタイル */
.custom_btn_wrap {
    text-align: center;
    max-width: 576px;
    margin: 0 auto;
    padding: 5px 0 !important;
}

.text_wrap {
    max-width: 660px;
    margin: 0px auto;
}

.coution_wrap {
    max-width: 576px;
    margin: 0px auto;
}