@charset "utf-8";

html, body {height:100%; min-height:10px; }
.canvas {display:block; position:relative; height:100%; margin:0; padding:0; min-height:10px;}
.container {display:block; position:relative; height:100%; margin:0; padding:0; min-height:10px;}

img{width:100%;}

/* topBox - webview */
.toptitBox {display:block; position:relative; padding-bottom:50px;}
.toptitBox.type2 {padding-bottom:12px;}
.toptitBox img {width:100%;}
.toptitBox .magazineTxt {position: absolute;bottom:0;left: 0;color:#fff;margin:0 20px;}
.toptitBox .magazineTxt > span {display: inline-block;min-width: 52px;padding:6px 0;font-size:0.8em;text-align: center}
.toptitBox .magazineTxt .badge01 {background: #000}
.toptitBox .magazineTxt .badge02 {background: #eb2d2f}
.maintitBox {padding:16px 20px 30px;border-bottom: 1px solid #e5e5e5}
.maintitBox .tit{font-size: 1.6em; line-height:1.3;}
.maintitBox .cont{font-size: 1em;color:#666;margin-top: 16px}

.table_list {margin-top:15px;border-top:2px solid #f1f1f1;line-height:1.4;}
.table_list th {padding:12px 20px; font-size:0.9em; color:#666666; border-left:1px solid #f1f1f1; background:#e0e0e0; text-align:left;}
.table_list thead th:first-child {border:none;}
.table_list tbody th {padding:12px 20px; border-bottom:1px solid #f1f1f1; text-align:left;}
.table_list tbody th.name {padding:12px 20px; border-bottom:1px solid #f1f1f1; font-size:0.9em; color:#000000; font-weight:bold; text-align:left;}
.table_list tbody th.name  span {font-size:0.800em; color:#666666; font-weight:normal;}
.table_list tbody td:first-child {border-left:none;}
.table_list tbody td {padding:13px 15px; border-left:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; font-size:0.9em; color:#666666;}
.table_list tbody td strong {font-weight:bold; color:#000000;}
.table_list tbody td.gift {font-weight:bold; color:#000000;}

.attention_box {display:block; position:relative; margin-top:30px; padding:20px; background:#f1f1f1;}
.attention_box .tit {display:block; position:relative;  font-size:1.000em; color:#000000; font-weight:bold;}
.attention_box ul {margin-top:5px;}
.attention_box ul li {display:block; position:relative; margin-bottom:5px; padding-left:10px;  font-size:0.8em; line-height:1.400em; color:#666666; background:url('../images/common/bul_special_list.jpg') left 7px no-repeat; background-size:3px 3px;}
.attention_box ul li:last-child{margin-bottom:0;}

.inner_box {display:block; position:relative; padding:30px 20px; background:#ffffff; font-size:15px;}
.inner_box2 {display:block; position:relative; padding:20px; background:#ffffff; font-size:15px;}
.inner_box.type2{padding:20px 0 0 0;}


/* event */
.col_red{color:#eb2d2f;}
.col_gray{color:#666;}
.col_gray2{color:#898989;}
.col_orange{color:#f14600;}
.col_yellow{color:#e89a04;}
.col_blue{color:#0229ba;}
.col_green{color:#277546;}
.noti_txt{font-size:0.8em; color:#666;}

/* align */
.alC{text-align:center !important;}
.alL{text-align:left !important;}
.alR{text-align:right !important;}
.wdkeep{word-break:keep-all;}

/* fontsize */
.fsz_25{font-size:0.92em !important;}
.fsz_28{font-size:1.037em !important;}
.fsz_30{font-size:1.2em !important;}
.fsz_33{font-size:1.28em !important;}
.fsz_42{font-size:1.6em !important;}

/* fontstyle */
.bold{font-weight:bold !important;}

/* margin */
.mb_0{margin-bottom:0 !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_35{margin-bottom:35px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_60{margin-bottom:60px !important;}
.mt_5{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_20{margin-top:20px !important;}
.mt_30{margin-top:30px !important;}

/* padding */
.pt_0{padding-top:0 !important;}
.pb_0{padding-bottom:0 !important;}

.tit_box{margin-bottom:30px;}
.tit_box .tit{margin-bottom:15px;font-size:1.6em;font-weight:600;}
.tit_box .desc{font-size:1.29em;line-height:1.45;word-break:keep-all;}

.desc_box .tit{margin-bottom:10px;font-size:1.2em;}
.desc_box p{margin-bottom:20px;line-height:1.4;}

.cont_box{margin-bottom:40px;line-height:1.4;}

.img_box {min-height:10px;text-align:center;}
.img_box img{width:100%;}

.img_box.prd01 {width:41%;margin:30px auto;}
.img_box.prd02 {width:73%;margin:30px auto 10px;}

.division{height:50px;background: #f1f1f1;}

.label{display:inline-block;margin-bottom:5px;padding:3px 10px;min-width:60px;color:#fff;text-align:center;}
.label.green{background-color:#277546;}
.label.wide{min-width:80px;}

/* common comp */
.product_tit {display:block; position:relative; text-align:center;}
.product_tit .tit {display:block; position:relative; font-size:1.55em; letter-spacing:-1px; font-weight:bold;  line-height:30px; color:#000000;}
.eventNum {display:block; position:relative; padding:15px 0; text-align:center;}
.eventNum span {display:inline-block; width:53px; height:53px; text-indent:-9999px;}
.num01 {background:url('../images/common/img_eventNum01.png') center top no-repeat; background-size:53px 53px;}
.num02 {background:url('../images/common/img_eventNum02.png') center top no-repeat; background-size:53px 53px;}
.num03 {background:url('../images/common/img_eventNum03.png') center top no-repeat; background-size:53px 53px;}

.tit_type1{position:relative;margin-bottom:15px;font-size:1.28em;color:#f24700;}
.tit_type1:before{display:inline-block;content:'';position:absolute;top:-10px;left:0;width:15px;height:2px;background: #f24700;}
.tit_type1.orange{color:#f24700;}
.tit_type1.orange:before{background-color:#f24700;}
.tit_type1.blue{color:#0229ba;}
.tit_type1.blue:before{background-color:#0229ba;}
.tit_type1.yellow{color:#e89a04;}
.tit_type1.yellow:before{background-color:#e89a04;}
.tit_type1.green{color:#277546;}
.tit_type1.green:before{background-color:#277546;}

.list_wrap{margin-bottom:10px;}
.list_wrap:last-child{margin-bottom:0;}
.list_wrap p{margin-bottom:5px;}
.list_wrap ul li{line-height:1.5;}

.btn_wrap {display:block; position:relative;}
.btn_wrap .btn_black {display:block; text-align:center; height:61px;line-height:61px;background:#000; color:#fff;font-size:1.2em;}

/* event */
.eventBox .img_box{position: relative;}
.link{ position:absolute;top:0;left:0;right:0;bottom:0;display:block;}
.img_box > div { text-align: center; } 
.img_box > div img { width: 45%;}
.img_box > div img:first-child { margin-right: 2%; }
.blind, .hidden {position:absolute; top:-9999px; left:-9999px; z-index:-1; font-size:0; line-height:0;}

ul.tabs:after { content:''; display: block; clear: both; }
ul.tabs>li { width: 100%; text-align: center;  float: left; line-height: 1.3; font-weight: 500; color: #a0a0a0; letter-spacing: -1px;}
ul.tabs>li:first-child {  }
ul.tabs>li.active { color: #fff; font-weight: bold; transition: .3s ease; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease;}
/*ul.tabs>li:nth-child(1).active { }
ul.tabs>li:nth-child(2).active {  }
ul.tabs>li:nth-child(3).active {  }
ul.tabs>li:nth-child(4).active { }
ul.tabs>li:nth-child(1) { display:none;}
ul.tabs>li:nth-child(2) { display:none; }
ul.tabs>li:nth-child(3) { display:none;}
ul.tabs>li:nth-child(4) { display:none; }
*/


.hide { display: none; }

@media screen and (min-width:540px) {
  ul.tabs>li {font-size: 1.3em;}
}