@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%;}
a {width: 100%; height: 100%; display:block;}

/* 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:16.53vw !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 {}
.eventBox .img_box{position: relative;}

.swiper-container {background: #4B3428; height: 13.33vw;}

/* tab memu */
.tab-menu {font-size: 0;}
.tab-menu a {display: inline-block; height: calc(13.33vw);}
.tab-menu a:last-child {margin-right: 0;}

.tab-menu a:nth-of-type(1) {
  width: 34.26vw !important;
}
.tab-menu a:nth-of-type(2) {
  width: 27.46vw !important;
}
.tab-menu a:nth-of-type(3) {
  width: 13.86vw !important;
}
.tab-menu a:nth-of-type(4) {
  width: 13.86vw !important;
}
.tab-menu a.on:nth-of-type(1) {
  width: 38.26vw !important;
}
.tab-menu a.on:nth-of-type(2) {
  width: 31.6vw !important;
}
.tab-menu a.on:nth-of-type(3) {
  width: 17.86vw !important;
}
.tab-menu a.on:nth-of-type(4) {
  width: 17.86vw !important;
}

.tab-menu a img {vertical-align: bottom; width: 100%; height: 100%; padding-top: 4vw;}
.tab-menu a img:last-of-type{display: none;}
.tab-menu a.on img:first-of-type {display: none;}
.tab-menu a.on img:last-of-type {display: inline-block;}
.hidden-area {display:none;}
.hidden-area img {width: 100%;}
.hidden-area.on {display:block; width: 100%; height: 100%;}

.youtube_box {
  width: 100%;
  height: 56.25vw;
}

.youtube_box2 {
  width: 100%;
  height: 121vw;
}

.sl_1 .slick-slide {
  padding: 0 6.33vw 0 8vw;
}

.slick2, .slick3 {
  margin-bottom: 10vw;
}
.slickdots {
  position: absolute;
  width: 100%;
  bottom: 30vw;
	text-align: center;
	height: 9.33vw;
	font-size: 0;
  }
  .slick2 .slickdots, .slick3 .slickdots {
    bottom: -13vw;
  }
  .slickdots li {
	display: inline-block;
	margin-right: 10px;
  }
  .slickdots li:last-child {
	margin-right: 0;
  }
  .slickdots li button {
	display: inline-block;
	font-size: 0;
	border-radius: 50%;
	width: 2.4vw;
	height: 2.4vw;
	background-color: #c8c8c8;
  }
  .slider .slick-list {
	margin:0 -10px;
  }

  .slickdots li.slick-active button {
	background: #89887F;
  }