@charset "utf-8";

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

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

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

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

/* ============================================================ coupon */
body.coupon #contents { padding: 0 10px; }
body.coupon #main_contents > .lead,
body.coupon #main_contents .coupon_img,
body.coupon #main_contents .coupon_img_1,
body.coupon #main_contents .coupon_img_2,
body.coupon #main_contents .coupon_img_3,
body.coupon #main_contents .coupon_img_4,
body.coupon #main_contents .coupon_img_5,
body.coupon #main_contents .coupon_img_6,
body.coupon #main_contents .coupon_img_7,
body.coupon #main_contents .coupon_img_8,
body.coupon #main_contents .coupon_img_9,
body.coupon #main_contents .coupon_img_11,
body.coupon #main_contents .coupon_img_12,
body.coupon #main_contents .coupon_img_13,
body.coupon #main_contents .coupon_img_14,
body.coupon #main_contents .coupon_img_15,
body.coupon #main_contents .coupon_img_16,
body.coupon #main_contents .coupon_img_17,
body.coupon #main_contents .coupon_img_18,
body.coupon #main_contents .coupon_img_19,
body.coupon #main_contents .coupon_img_20 { margin-top: 10px; text-align: center; }

body.coupon #main_contents > .lead { font-size: 12px; color: #ffffff; font-weight: bold; }
body.coupon #footer { background-color: transparent; }
body.coupon #footer #copyright { padding-top: 0; padding-bottom: 0; color: #000000; }
body.coupon .coupon_img { width: 300px; height: 241px; margin: 0 auto; }
body.coupon .coupon_img_1 { width: 300px; height: 256px; margin: 0 auto; }
body.coupon .coupon_img_2 { width: 300px; height: 241px; margin: 0 auto; }
body.coupon .coupon_img_3 { width: 300px; height: 268px; margin: 0 auto; }
body.coupon .coupon_img_4 { width: 300px; height: 254px; margin: 0 auto; }
body.coupon .coupon_img_5 { width: 300px; height: 251px; margin: 0 auto; }
body.coupon .coupon_img_6 { width: 300px; height: 265px; margin: 0 auto; }
body.coupon .coupon_img_7 { width: 300px; height: 276px; margin: 0 auto; }
body.coupon .coupon_img_8{ width: 300px; height: 278px; margin: 0 auto; }
body.coupon .coupon_img_9{ width: 300px; height: 282px; margin: 0 auto; }
body.coupon .coupon_img_10{ width: 300px; height: 303px; margin: 0 auto; }
body.coupon .coupon_img_11{ width: 300px; height: 304px; margin: 0 auto; }
body.coupon .coupon_img_12{ width: 300px; height: 274px; margin: 0 auto; }
body.coupon .coupon_img_13{ width: 300px; height: 283px; margin: 0 auto; }
body.coupon .coupon_img_14{ width: 300px; height: 269px; margin: 0 auto; }
body.coupon .coupon_img_15{ width: 300px; height: 292px; margin: 0 auto; }
body.coupon .coupon_img_16{ width: 300px; height: 300px; margin: 0 auto; }
body.coupon .coupon_img_17{ width: 300px; height: 305px; margin: 0 auto; }
body.coupon .coupon_img_18{ width: 300px; height: 291px; margin: 0 auto; }
body.coupon .coupon_img_19{ width: 300px; height: 289px; margin: 0 auto; }
body.coupon .coupon_img_20{ width: 300px; height: 290px; margin: 0 auto; }


body.coupon .howto_coupon { margin-top: 10px; }

body.coupon.expiration #main_contents .lead { display: none; }
body.coupon.expiration #main_contents .coupon_img,
body.coupon.expiration #main_contents .coupon_img_1,
body.coupon.expiration #main_contents .coupon_img_2,
body.coupon.expiration #main_contents .coupon_img_3,
body.coupon.expiration #main_contents .coupon_img_4,
body.coupon.expiration #main_contents .coupon_img_5,
body.coupon.expiration #main_contents .coupon_img_6
body.coupon.expiration #main_contents .coupon_img_7,
body.coupon.expiration #main_contents .coupon_img_8,
body.coupon.expiration #main_contents .coupon_img_9,
body.coupon.expiration #main_contents .coupon_img_10,
body.coupon.expiration #main_contents .coupon_img_11,
body.coupon.expiration #main_contents .coupon_img_12,
body.coupon.expiration #main_contents .coupon_img_13,
body.coupon.expiration #main_contents .coupon_img_14,
body.coupon.expiration #main_contents .coupon_img_15,
body.coupon.expiration #main_contents .coupon_img_16,
body.coupon.expiration #main_contents .coupon_img_17,
body.coupon.expiration #main_contents .coupon_img_18,
body.coupon.expiration #main_contents .coupon_img_19,
body.coupon.expiration #main_contents .coupon_img_20 { margin-top: 15px; background: url(../img/img_expiration.png) 0 0 no-repeat;

-webkit-background-size: 300px 241px; background-size: 300px 241px; }
body.coupon.expiration #main_contents  .coupon_img img,
body.coupon.expiration #main_contents  .coupon_img_1 img,
body.coupon.expiration #main_contents  .coupon_img_2 img,
body.coupon.expiration #main_contents  .coupon_img_3 img,
body.coupon.expiration #main_contents  .coupon_img_4 img,
body.coupon.expiration #main_contents  .coupon_img_5 img,
body.coupon.expiration #main_contents  .coupon_img_6 img,
body.coupon.expiration #main_contents  .coupon_img_7 img,
body.coupon.expiration #main_contents  .coupon_img_8 img,
body.coupon.expiration #main_contents  .coupon_img_9 img,
body.coupon.expiration #main_contents  .coupon_img_10 img,
body.coupon.expiration #main_contents  .coupon_img_11 img,
body.coupon.expiration #main_contents  .coupon_img_12 img,
body.coupon.expiration #main_contents  .coupon_img_13 img,
body.coupon.expiration #main_contents  .coupon_img_14 img,
body.coupon.expiration #main_contents  .coupon_img_15 img,
body.coupon.expiration #main_contents  .coupon_img_16 img,
body.coupon.expiration #main_contents  .coupon_img_17 img,
body.coupon.expiration #main_contents  .coupon_img_18 img,
body.coupon.expiration #main_contents  .coupon_img_19 img,
body.coupon.expiration #main_contents  .coupon_img_20 img { display: none; }


/* ============================== coupon pattern a */
body.coupon_ptn_a {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c30000), color-stop(15%,#a10000), color-stop(100%,#da0000));
background-image: linear-gradient(left top, left bottom, color-stop(0%,#c30000), color-stop(15%,#a10000), color-stop(100%,#da0000));
background-color:#c30000;
}
body.coupon_ptn_a .bt_func_radius_02 a { border-color: #ffda3f; }
body.coupon_ptn_a #footer #copyright { color: #ffffff; }

/* ============================== coupon pattern b */
body.coupon_ptn_b {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7bc200), color-stop(15%,#4cac00), color-stop(100%,#bce06d));
background-image: linear-gradient(left top, left bottom, color-stop(0%,#7bc200), color-stop(15%,#4cac00), color-stop(100%,#bce06d));
background-color:#7bc200;
}

/* ============================== coupon pattern c */
body.coupon_ptn_c { 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ccaf00), color-stop(15%,#ac7c00), color-stop(100%,#e0cf00));
background-image: linear-gradient(left top, left bottom, color-stop(0%,#ccaf00), color-stop(15%,#ac7c00), color-stop(100%,#e0cf00));
}

/* ============================== coupon pattern d */
body.coupon_ptn_d { 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db600c), color-stop(15%,#c8580b), color-stop(100%,#f36b0e));
background-image: linear-gradient(left top, left bottom, color-stop(0%,#db600c), color-stop(15%,#c8580b), color-stop(100%,#f36b0e));
background-color:#db600c;
}
body.coupon_ptn_d .bt_func_radius_02 a { border-color: #ffda3f; }
body.coupon_ptn_d #footer #copyright { color: #ffffff; }

/* ============================== coupon pattern w1 */
body.coupon_ptn_w1 { 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00C0E0), color-stop(15%,#00BFFF), color-stop(100%,#00CED1));
background-image: linear-gradient(left top, left bottom, color-stop(0%,#00C0E0), color-stop(15%,#00BFFF), color-stop(100%,#00CED1));
background-color:#00C0E0;
}
body.coupon_ptn_w1 .bt_func_radius_02 a { border-color: #ffda3f; }
body.coupon_ptn_w1 #footer #copyright { color: #ffffff; }

/* ============================== coupon pattern w2 */
body.coupon_ptn_w2 { 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000066), color-stop(15%,#0000FF), color-stop(100%,#000080));
background-image: linear-gradient(left top, left bottom, color-stop(0%,#000066), color-stop(15%,#0000FF), color-stop(100%,#000080));
background-color:#000066;
}
body.coupon_ptn_w2 .bt_func_radius_02 a { border-color: #ffda3f; }
body.coupon_ptn_w2 #footer #copyright { color: #ffffff; }

/* ============================== coupon pattern w3 */
body.coupon_ptn_w3 { 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DF5FC4), color-stop(15%,#FF8FE4), color-stop(100%,#FF5FE4));
background-image: linear-gradient(left top, left bottom, color-stop(0%,#DF5FC4), color-stop(15%,#FF8FE4), color-stop(100%,#FF5FE4));
background-color:#FF5FE4;
}
body.coupon_ptn_w3 .bt_func_radius_02 a { border-color: #ffda3f; }
body.coupon_ptn_w3 #footer #copyright { color: #ffffff; }

/* ============================== coupon pattern w4 */
body.coupon_ptn_w4 { 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B640F0), color-stop(15%,#D66BFF), color-stop(100%,#C64BFF));
background-image: linear-gradient(left top, left bottom, color-stop(0%,#B640F0), color-stop(15%,#D66BFF), color-stop(100%,#C64BFF));
background-color:#C64BFF;
}
body.coupon_ptn_w4 .bt_func_radius_02 a { border-color: #ffda3f; }
body.coupon_ptn_w4 #footer #copyright { color: #ffffff; }

/* ============================== coupon pattern w5 */
body.coupon_ptn_w5 { 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFB0A), color-stop(15%,#FFFB3A), color-stop(100%,#FFFB1A));
background-image: linear-gradient(left top, left bottom, color-stop(0%,#FFFB0A), color-stop(15%,#FFFB3A), color-stop(100%,#FFFB1A));
background-color:#FFFB1A;
}
body.coupon_ptn_w5 .bt_func_radius_02 a { border-color: #ffda3f; }
body.coupon_ptn_w5 #footer #copyright { color: #ffffff; }


/* ============================== coupon pattern new1 */
body.coupon_ptn_new1 {
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00004c), color-stop(15%,#081050), color-stop(100%,#171c61));
    background-image: linear-gradient(left top, left bottom, color-stop(0%,#00004c), color-stop(15%,#081050), color-stop(100%,#171c61));
}
body.coupon_ptn_new1 .bt_func_radius_02 a { border-color: #ffda3f; }
body.coupon_ptn_new1 #footer #copyright { color: #ffffff; }

/* ============================== coupon cpn_cookpad */
body.cpn_cookpad { background: url(../img/bg_cookpad.png) repeat; -webkit-background-size: 12px 12px; background-size: 12px 12px;
}
body.cpn_cookpad .bt_func_radius_02 a { border-color: #ffda3f; }
body.cpn_cookpad #main_contents p.lead { font-size: 12px; color: #000000; font-weight: bold; }

/* ============================================================ 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 .sec_content03 .mc { width: 100%; }
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_note { margin-top: 20px; }
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_download .bt_func_radius:not(:first-child) { margin-top: 6px; }
body#howtouse .sec_content05 p { margin-top: 5px; }