@charset "utf-8";

/*************************************************
CSS
/common/css/individual.css

*************************************************/

/* ------------------------- TOC

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

/* ============================================================ coupon */
body.coupon #hd_logo { background-color: #000000; border-top: 4px solid #b7000f; padding-left: 9px; padding-top: 6px; }
body.coupon #contents { padding-left:0; padding-right:0; }
body.coupon .box_radius_gry01 { margin-left:0; margin-right:0; }
body.coupon .sec_note { font-size: 12px; }
.mrt10 { margin-top: 10px; }
.mrt20 { margin-top: 20px; }
.mrt30 { margin-top: 30px; }

/* ============================================================ tokucoupon */
body#tokucoupon #main_contents > p { padding-top: 6px; padding-bottom: 6px; background-color: #dc884c; color: #ffffff; border-bottom: #a42607 1px solid; text-align: center; font-weight: bold; }
body#tokucoupon #main_contents .sec_introduction h1 { background-color: #fff; margin-top: 10px; padding-top: 10px; padding-bottom: 10px; font-weight: bold; border-top: 2px solid #edc3a5; border-bottom: 2px solid #edc3a5; color:#4a4a4a; }
body#tokucoupon h2 { background-color:#EFE0CB; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; color:#993300; font-weight:bold; padding:7px 10px; }
body#tokucoupon h2.other { background-color: #ffda3f; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px;  border-top-right-radius: 5px; color:#d7000c; font-weight:bold; padding: 7px 10px; margin-bottom:10px; }
body#tokucoupon h2.mb_member { color: #991F00; font-weight: bold; margin: 10px; padding: 10px 0 0 0; background:none; border-bottom-left-radius:0;   border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:0; }
body#tokucoupon h2.mb_member + div { text-align:center; }
body#tokucoupon h3 { padding: 9px 0 9px 37px; color: #991f00; font-size: 14px; font-weight: bold; }
body#tokucoupon h3:nth-of-type(1) { margin-top: 5px; background: url(/sp/coupon/img/icon_phone.png) 0 center no-repeat; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
body#tokucoupon h3:nth-of-type(2) { background: url(/sp/coupon/img/icon_mail.png) 0 center no-repeat; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
body#tokucoupon .bt_func_radius a { font-weight: bold; padding-bottom: 10px; padding-top: 10px; }
body#tokucoupon .sec_introduction { padding: 0 10px; }
body#tokucoupon p.bg_radius_01_pk img,
body#tokucoupon p.bg_radius_02_pk img,
body#tokucoupon p.bg_radius_03_pk img { margin: 10px auto 0; border: #CCC solid 1px; }
body#tokucoupon p.bg_radius_01_pk { background: url(/sp/coupon/img/number_01_pk.png) 10px 8px no-repeat; -webkit-background-size: 22px 22px; background-size: 22px 22px; background-color: #fcf8ef; border-radius: 5px 5px 5px 5px; border-color: #faf3e3; border-style: solid; border-width: 2px; font-size:13px; font-weight: bold; margin-top: 15px; padding: 10px 0; text-align: center; }

body#tokucoupon p.bg_radius_02_pk { background: url(/sp/coupon/img/number_02_pk.png) 10px 8px no-repeat; -webkit-background-size: 22px 22px; background-size: 22px 22px; background-color: #fcf8ef; border-radius: 5px 5px 5px 5px; border-color: #faf3e3; border-style: solid; border-width: 2px; font-size:13px; font-weight: bold; margin:0 auto; padding: 10px 0; text-align: center; }
body#tokucoupon p.bg_radius_03_pk { background: url(/sp/coupon/img/number_03_pk.png) 10px 8px no-repeat; -webkit-background-size: 22px 22px; background-size: 22px 22px; background-color: #fcf8ef; border-radius: 5px 5px 5px 5px; border-color: #faf3e3; border-style: solid; border-width: 2px; font-size:13px; font-weight: bold; margin:0 auto; padding: 10px 0; text-align: center; }

body#tokucoupon div.bg_radius_00 { background-color: #fcf8ef; border-radius: 5px 5px 5px 5px; border-color: #faf3e3; border-style: solid; border-width: 2px; margin:0 auto 5px; padding:0 10px 5px 10px; }
body#tokucoupon span.sub { color: #991F00; font-weight: bold; }
body#tokucoupon span.txt { padding-right: 5px; padding-left: 40px; float: left; text-align: left; }
body#tokucoupon div.members { font-size: 14px;  font-weight: bold; text-align: right; }
body#tokucoupon .va { vertical-align: middle; }
body#tokucoupon .sb_dog { vertical-align: middle; margin-right: 10px; }
body#tokucoupon #mmlink1 { margin: 25px 0 20px 0; }
body#tokucoupon #mmlink2 { margin-top: 7px; }
body#tokucoupon p.bg_radius_01 { background: url(/m/sp/n_common/img/number_01.png) 10px 50% no-repeat; -webkit-background-size: 22px 22px; background-size: 22px 22px; background-color: #fcf8ef; border-radius: 5px 5px 5px 5px;border-color: #faf3e3; border-style: solid; border-width: 2px; font-size:12px; margin-top:15px; padding:10px 5px 10px 40px; }

body#tokucoupon p.bg_radius_02 { background: url(/m/sp/n_common/img/number_02.png) 10px 50% no-repeat; -webkit-background-size: 22px 22px; background-size: 22px 22px; background-color: #fcf8ef; border-radius: 5px 5px 5px 5px;border-color: #faf3e3; border-style: solid; border-width: 2px; font-size:12px; margin:2px auto 0; padding:10px 5px 10px 40px; }
body#tokucoupon p.bg_radius_03 { background: url(/m/sp/n_common/img/number_03.png) 10px 50% no-repeat; -webkit-background-size: 22px 22px; background-size: 22px 22px; background-color: #fcf8ef; border-radius: 5px 5px 5px 5px;border-color: #faf3e3; border-style: solid; border-width: 2px; font-size:12px; margin:2px auto 0; padding:10px 5px 10px 40px; }
body#tokucoupon p.bg_radius_04 { background: url(/m/sp/n_common/img/number_04.png) 10px 50% no-repeat; -webkit-background-size: 22px 22px; background-size: 22px 22px; background-color: #fcf8ef; border-radius: 5px 5px 5px 5px;border-color: #faf3e3; border-style: solid; border-width: 2px; font-size:12px; margin:2px auto 0; padding:10px 5px 10px 40px; }
body#tokucoupon .sec_caution { margin-top: 10px; font-size: 12px; }
body#tokucoupon .sec_caution em { color: #d7000d; font-style: normal; }
body#tokucoupon .sec_content { margin-top:-5px; margin-left: 10px; margin-right: 10px; }
body#tokucoupon .sec_content h2 { margin-top: 15px; }
body#tokucoupon .sec_content .note { font-size: 11px; margin-top: 7px; text-indent: -0.001em; }

body#tokucoupon .overlay { display: none; }
body#tokucoupon .toggle { display: block; margin: 20px 10px; }
body#tokucoupon .overlay:target { display: block; }
body#tokucoupon .overlay:target + p.link_more { display: none }

/* ============================================================ howtouse */
body#howtouse #main_contents > h1 { padding-top: 6px; padding-bottom: 6px; background-color: #dc884c; color: #ffffff; border-bottom: #a42607 1px solid; text-align: center; }
body#howtouse .bt_func_radius a { font-weight: bold; }
body#howtouse .sec_introduction { padding: 0 10px; }
body#howtouse .sec_introduction h2 { padding: 9px 0 9px 37px; color: #991f00; font-size: 14px; font-weight: bold; }
body#howtouse .sec_introduction h2 span.date { font-size: 10px; letter-spacing: -0.001em; }
body#howtouse .sec_introduction h2:nth-of-type(1) { background: url(../img/icon_num01.png) 0 center no-repeat; -webkit-background-size: 32px 32px;
background-size: 32px 32px; }
body#howtouse .sec_introduction h2:nth-of-type(2) { margin-top: 20px; background: url(../img/icon_num02.png) 0 center no-repeat; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
/* body#howtouse .sec_introduction .sec_content:not(:first-of-type) { margin-top: 20px; } */
body#howtouse .sec_introduction .sec_content .box_radius_content { padding: 7px; background-color: #fcf8ef; border: 1px solid #faf3e2; text-align: center; -webkit-radius: 5px; border-radius: 5px; }
body#howtouse .sec_content > .heading { padding-bottom: 7px;background: url(../img/bg_balloon_01.png) 8px bottom no-repeat; }
body#howtouse .sec_content > .heading h3 { padding: 7px 7px 7px 25px; background: #ffda3f url(../img/icon_mobile.png) 3px center no-repeat; font-size: 13px; font-weight: bold; color: #d7000d; -webkit-background-size: 20px 23px; background-size: 20px 23px; -webkit-radius: 7px; border-radius: 7px; }
body#howtouse .sec_introduction .sec_content .caption { margin-top: 9px; }

/* ------------------- */
body#howtouse h2.other { background-color: #ffda3f; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px;  border-top-right-radius: 5px; color:#d7000c; font-size: 100%; font-weight:bold; padding: 7px 10px; margin-bottom:10px; }
body#howtouse h2.mb_member { color: #991F00; font-weight: bold; margin: 10px; padding: 10px 0 0 0; background:none; border-bottom-left-radius:0;   border-bottom-right-radius:0; border-top-left-radius:0; border-top-right-radius:0; }
body#howtouse h2.mb_member + div { text-align:center; }
body#howtouse h3.mb_member { padding: 9px 0 9px 37px; color: #991f00; font-size: 14px; font-weight: bold; }
body#howtouse h3.mb_member:nth-of-type(1) { margin-top: 5px; background: url(/sp/coupon/img/icon_phone.png) 0 center no-repeat; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
body#howtouse h3.mb_member:nth-of-type(2) { background: url(/sp/coupon/img/icon_mail.png) 0 center no-repeat; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
body#howtouse div.bg_radius_00 { background-color: #fcf8ef; border-radius: 5px 5px 5px 5px; border-color: #faf3e3; border-style: solid; border-width: 2px; margin:0 auto 5px; padding:0 10px 5px 10px; }
body#howtouse #mmlink1 { margin: 25px 0 20px 0; }
body#howtouse #mmlink2 { margin-top: 7px; }
body#howtouse .bt_func_radius a { font-weight: bold; padding-bottom: 10px; padding-top: 10px; }
body#howtouse span.sub { color: #991F00; font-weight: bold; }

body#howtouse p.bg_radius_01 { background: url(/m/sp/n_common/img/number_01.png) 10px 50% no-repeat; -webkit-background-size: 22px 22px; background-size: 22px 22px; background-color: #fcf8ef; border-radius: 5px 5px 5px 5px;border-color: #faf3e3; border-style: solid; border-width: 2px; font-size:12px; margin-top:15px; padding:10px 5px 10px 40px; }
body#howtouse p.bg_radius_02 { background: url(/m/sp/n_common/img/number_02.png) 10px 50% no-repeat; -webkit-background-size: 22px 22px; background-size: 22px 22px; background-color: #fcf8ef; border-radius: 5px 5px 5px 5px;border-color: #faf3e3; border-style: solid; border-width: 2px; font-size:12px; margin:0 auto; padding:10px 5px 10px 40px; }
body#howtouse p.bg_radius_03 { background: url(/m/sp/n_common/img/number_03.png) 10px 50% no-repeat; -webkit-background-size: 22px 22px; background-size: 22px 22px; background-color: #fcf8ef; border-radius: 5px 5px 5px 5px;border-color: #faf3e3; border-style: solid; border-width: 2px; font-size:12px; margin:0 auto; padding:10px 5px 10px 40px; }
body#howtouse p.bg_radius_04 { background: url(/m/sp/n_common/img/number_04.png) 10px 50% no-repeat; -webkit-background-size: 22px 22px; background-size: 22px 22px; background-color: #fcf8ef; border-radius: 5px 5px 5px 5px;border-color: #faf3e3; border-style: solid; border-width: 2px; font-size:12px; margin:0 auto; padding:10px 5px 10px 40px; }
body#howtouse .sec_caution { margin-top: 10px; font-size: 12px; }
body#howtouse .sec_caution em { color: #d7000d; font-style: normal; }
body#howtouse .sec_content { margin-left: 10px; margin-right: 10px; }
body#howtouse .sec_content01,
body#howtouse .sec_content02 { margin-left: 0; margin-right: 0; }
/* body#howtouse .sec_content h2 { margin-top: 10px; } */
body#howtouse .sec_content .note { font-size: 11px; margin-top: 7px; text-indent: -0.001em; }

body#howtouse .overlay { display: none; }
body#howtouse .toggle { display: block; margin: 20px 10px; }
body#howtouse .overlay:target { display: block; }
body#howtouse .overlay:target + p.link_more { display: none }
/* ------------------- */

body#howtouse .sec_content03 .mc { width: 100%; }
body#howtouse .sec_introduction .sec_content03 .box_radius_content { padding-left: 3px; padding-right:3px; }
body#howtouse .sec_content03 .lc,
body#howtouse .sec_content03 .rc { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }
body#howtouse .sec_content03 .rc { padding-left: 6px; }
body#howtouse .sec_content03 .rc { padding-left: 6px; }
body#howtouse .sec_note { margin-top: 5px; }
body#howtouse .sec_content04 .img_right { float: right; margin-left: 10px; }
body#howtouse .sec_download { margin-top: 7px; }
body#howtouse .sec_download h4 { font-size: 12px; color: #991f00; }
body#howtouse .sec_content05 .bt_func_radius:not(:first-child) { margin-top: 6px; }
/* body#howtouse .sec_content05 p { margin-top: 5px; } */
body#howtouse #footer { margin-bottom: -24px; }

/* ============================================================ members */
body#members #main_contents > h1 { padding-top: 6px; padding-bottom: 6px; background-color: #dc884c; color: #ffffff; border-bottom: #a42607 1px solid; text-align: center; }
body#members .bt_func_radius a { font-weight: bold; }

body#members .sec_introduction { padding: 0 10px; }

body#members .sec_introduction h2 { padding: 9px 0 9px 37px; color: #991f00; font-size: 14px; font-weight: bold; }
body#members .sec_introduction h2 span.date { font-size: 10px; letter-spacing: -0.001em; }
body#members .sec_introduction h2:nth-of-type(1) { background: url(../img/icon_num01.png) 0 center no-repeat; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
body#members .sec_introduction h2:nth-of-type(2) { margin-top: 20px; background: url(../img/icon_num02.png) 0 center no-repeat; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
body#members .sec_introduction h2.no_icn{ background: none; padding-left: 0px; margin-top: 20px;}
/* body#members .sec_introduction .sec_content:not(:first-of-type) { margin-top: 20px; } */
body#members .sec_introduction .sec_content .box_radius_content { padding: 7px; background-color: #fcf8ef; border: 1px solid #faf3e2; text-align: center; -webkit-radius: 5px; border-radius: 5px; }
body#members .sec_content > .heading { padding-bottom: 7px;background: url(../img/bg_balloon_01.png) 8px bottom no-repeat; }
body#members .sec_content > .heading h3 { padding: 7px 7px 7px 25px; background: #ffda3f url(../img/icon_mobile.png) 3px center no-repeat; font-size: 13px; font-weight: bold; color: #d7000d; -webkit-background-size: 20px 23px; background-size: 20px 23px; -webkit-radius: 7px; border-radius: 7px; }
body#members .sec_introduction .sec_content .caption { margin-top: 9px; }

body#members .sec_content03 .mc { width: 100%; }
body#members .sec_introduction .sec_content03 .box_radius_content { padding-left: 3px; padding-right:3px; }
body#members .sec_content03 .lc,
body#members .sec_content03 .rc { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }
body#members .sec_content03 .rc { padding-left: 6px; }
body#members .sec_content03 .rc { padding-left: 6px; }
body#members .sec_note { margin-top: 5px; }
body#members .sec_content04 .img_right { float: right; margin-left: 10px; margin-top:10px; }
/* body#members .sec_download { margin-top: 7px; } */
body#members .sec_download h4 { font-size: 12px; color: #991f00; }
body#members .sec_download .bt_func_radius:not(:first-child) { margin-top: 6px; }
body#members .sec_content05 p { margin-top: 5px; }