/* for index */
*{ box-sizing: border-box;}
body{ background: #f8f8f8;}
h2{ color: #363c38; font-size: 2.1rem; font-family: 'Noto Serif JP', serif; font-weight: 400; line-height: 1.3;}
.main_slider.slick-dotted.slick-slider { position: relative; display: inline-block; overflow: hidden; margin-bottom: 0; width: 100%;}
.main_slider  h2{ display: inline-block; font-size: 3.5rem; color: #fff; width: 100%; text-align: center; margin: 0 auto; padding: 0 10px;}
.main_slider img{ width: 100%; }
.container_12{ width: 100%; max-width: 1200px; margin:0 auto; padding: 5% 0 10%; }

/* index slider */
.slide1 {background:url(../img/index/main_slider/main01.jpg) no-repeat center;}
.slide2 {background:url(../img/index/main_slider/main02.jpg) no-repeat center;}
.slide3 {background:url(../img/index/main_slider/main01.jpg) no-repeat center;}
.slide4 {background:url(../img/index/main_slider/main02.jpg) no-repeat center;}
.slide5 {background:url(../img/index/main_slider/main01.jpg) no-repeat center;}
.a-slide{ position: relative; background-size: cover!important; height: inherit; z-index: 2; padding-bottom: 60%;}
.a-slide:after{ position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0,0,0,.3); }
.infor_link{ position: absolute; top: 45%; width: inherit; z-index: 5;}
.main_slider .slick-dots{ bottom: 15px;}
.main_slider .slick-dots li button{ width: 12px; height: 12px; border-radius: 50px; background: rgba(255,255,255,.6);}
.main_slider .slick-dots li button:before{ content: ''}
.main_slider .slick-dots li.slick-active button{ background: rgba(255,255,255,.9);}
.slick-slide a:focus,.slick-slide a:active {outline: none !important;}

.big_title { position: relative; margin-bottom: 5px;}
.big_title .read_all { position: absolute; right: 0; bottom: 5px; color: #363c38;}
.big_title h2{ display: inline-block;}
.main_news_list{ width: 100%;}
.news_img a{ width:100%; max-width: 360px; height: 191px; margin: 0 2% 15px 0; z-index: 0; background-size: 100%; background-position: initial;    background-size: contain; float: left; overflow: hidden;}
.main_news_list li{ display: inline-block; width: calc(96%/3); margin-left: 15px; vertical-align: top;}
.main_news_list li:first-child{ margin-left:0;}
.main_news_list li a{ position: relative; font-family: 'Noto Serif JP', serif; font-weight: 600; font-size: 18px; }
.news_img{ position: relative; width: 100%; overflow: hidden;  }
.news_bg{ content: ''; position: absolute; content: ''; z-index: -1; right:0px; top: 55px; max-width: 300px; width: 100%;  height: 170px; background: #f2efed; }
.news_box_s .news_txt{ padding: 25px 0 0; }
.news_date{ display: block; color: #7d8580; margin-bottom: 5px; }
.container{ position: relative; width: 100%; height: 100vh;}

.shop_brief{ position: relative; width: 100%; }
.shop_brief p,.member_brief p{ margin: 10px 0; }
.shop_brief img{ display: inline-block; max-width: 1200px; width: 65vw;}
.shop_brief figcaption{ width: 100%;}
.shop_brief .txt{ position: absolute; margin-top: 18%; right: 0; max-width: 360px; margin-right:15vw;padding: 25px; background: rgba(255,255,255,.85); }
.link{ position: absolute; bottom: -10px; right: -10px; font-size: 1.1rem;}
.b_bg{ position: absolute; display: inline-block; z-index: -1; top:0; right: 0; background: #f2efed; width: 50vw; height: 57vh; margin-top: 15%;}

.member_brief{ position: relative; width: 100%;}
.member_brief img{ display: inline-block; margin-left: 25%; max-width: 1200px; width: 65vw;}
.member_brief figcaption{ width: 100%;}
.member_brief .txt{ position: absolute; margin-top:26%; left: 10%; max-width: 360px; margin-left: 5%; padding: 25px; background: rgba(255,255,255,.85); }
#main_member .b_bg{ left: 0;}

/* About */
.container_10{ width: 100%; max-width: 1000px; min-height: 500px; margin: auto; padding: 50px 0px; position: relative;}
#kv { padding-bottom: 50%; width: 100%;}
.container_10 h1{ font-family: 'Noto Serif JP', serif; font-size: 3rem; font-weight: 400; line-height: 100px; color: #363c38;}
.container_10 h3{ font-family: 'Noto Serif JP', serif; font-size: 2rem; font-weight: 400; line-height: 1.2; text-align: center; }
.about_info{ position: relative;width: 100%; max-width: 840px; margin: 20px auto;}
.about_info .txt a{ color: #990000}
.about_info .txt{ margin-bottom: 100px; }
.shop_box{ position: relative; display: block; margin-bottom: 120px; }
.shop_list .shop_title div{ display: inline-block; width: 35%; margin-top: 100px; }
.odd .shop_title img{ width: 65%; float: right;}
.even .shop_title img{ width: 65%; float: left;}
.shop_title{ position: relative; }
.shop_infor{ position: relative; display: inline-block; margin-top: -70px; }
.shop_infor img{ display: inline-block; width: 45%; vertical-align:top;}
.shop_infor ul{ display: inline-block;}
.shop_infor ul li{ margin-bottom: 10px; }
.even .shop_infor img{ float: right; }
.shop_detail { position: relative; display: inline-block; width: 50%; margin:100px 0 0 4%;}
.shop_detail p{ margin-bottom: 15px; }
.even .shop_detail { position: relative; display: inline-block; width: 47%; margin:100px 4% 0 4%;}
.shop_detail .link{ position: inherit; display: inline-block; bottom: 0; right: 0; float: right;}
.under_line{ position: absolute; left: 0; bottom: -10px; width: 100%; height: 1px; background: #000; z-index: -1;}

/* News */
.news_category{ margin: 40px 0; }
.news_category ul{ display: inline-block; max-width: 1000px; padding-bottom: 10px;}
.news_category li{ display: inline-block; margin-right: 20px; line-height: 2;}
.news_category li:first-child{ margin-left: 0;}
.news_category a{ display: inline-block; font-size: 16px; color:#363c38;}
.news_category ul a.active{ border-bottom: solid 2px #363c38;}
.news_box{ position: relative; width: 100%; min-height: 50vh; vertical-align: top;}
.news_box_b .news_img a { max-width: 100%; height: 100%; margin: 0; background-size: contain; background-repeat: no-repeat;}
.news_box_b .news_txt a{ font-family: 'Noto Serif JP', serif; font-size: 20px; font-weight: 600;}
.news_box_b .news_bg{ height: 40vh; max-width: 80%; margin-right: -5%;}
.news_box_b .news_img{ float: left; max-width: 620px; height: 41.23vh; overflow: inherit;}
.news_box_b .news_txt{ display: inline-block; width:36%; margin-top:15vh; margin-left: 15px;}
.news_box_s .news_txt a{ font-family: 'Noto Serif JP', serif; font-weight: 600; font-size: 15px; }
.news_box_s { display: inline-block; width: 30%; min-height: 40vh; margin-right: 3%;}
.news_box_s .news_img{ max-width: 300px; height: 159px;overflow: inherit; }
.news_box_s .news_img a{ max-width: 100%; height: 100%; margin: 0;  background-repeat: no-repeat; }
.news_box_s .news_txt a{ font-size: 18px; }
.news_box_s .news_bg{ top: 30px; right: 0; width: 83%; height:19vh; margin-right: -7%;}

/* News_single */
.news_s_content{ background: #fff; padding: 3%; box-sizing: border-box; border: solid 1px #eee; }
.news_s_content a{color: #990000}
#news_s_page section{ overflow: hidden; }
#news_s_page .container_10{ padding-top: 20px; }
.breadcrumb{ width: 100%; max-width: 1000px; margin: 0 auto 10px; }
.breadcrumb li{ display: inline-block; font-size: 13px;}
.breadcrumb li a{ display: inline-block; color: #363c38}
.breadcrumb li a:hover{ font-weight: 800; }
.news_s_content h2 { font-size: 1.9rem; font-weight: 600; line-height: 1.4;}
.news_s_content .main_pic{width: 100%; max-width: 938px; padding-bottom: 50%; margin:20px 0;}
.news_s_content .main_pic img{ width: 100%;}
.news_s_text{ margin-bottom: 20px; line-height: 2;}
.lt_rp ,.rp_lt{ width: 100%; overflow: hidden; margin-bottom: 20px;}
.sep_line{ display: block; width: 100%; height: 1px; margin: 30px 0; background: #f1f1f1;}
.lt_rp  p{ display: inline-block; width: 58%; float: left; line-height: 2;}
.rp_lt p{ display: inline-block; width: 58%; line-height: 2;}
.lt_rp img{ width: 40%; margin-left:2%;}
.rp_lt img{ width: 40%; margin-right:2%; float: left;}
.news_s_content .intro_list{ margin-bottom: 20px; overflow: hidden;}
.news_s_content .intro_list img{ width: 25%; max-width: 175px; max-height: 175px; float: left; margin-right: 20px; }
.news_s_content .intro_list li{ display: block; width: 100%; clear: both; padding-top: 40px; }
.news_s_content .intro_list li:first-child{ padding-top: 0px; }
.news_s_content .intro_list li p{ display: inline-block; width:70%;}

.n_photo { display: inline-block; }
.n_photo ul{ width: 100%; display: inline-block; font-size: 0;}
.n_photo li{ display: inline-block; margin-right: 2%; margin-bottom: 2%; width: calc(100%/5.47); background: #000 }
.n_photo li:nth-child(5n){ margin-right: 0;}
.n_photo li img{ width: 100%;}

.contact_form{ width: 100%; max-width: 840px; margin: 40px auto; }
.all_form .row{ vertical-align: top; }
.all_form .row:first-child{ margin-top:0;}
.contact_form input[type=text] { width: 100%; margin-right: 3%; background: #fff; padding: 10px 20px; border: solid 1px #e8e4e2; box-sizing: border-box; border-radius: 10px; }
.form_sep{ display: inline-block; width: 45%; margin-right: 3%; }
.form_sep .row{ margin-top: 15px; }
.ask_box{ display: inline-block; width: 51%;}
.contact_form textarea {  width: 100%; height: 160px; padding:20px; resize : none; font-size: 15px; border: solid 1px #e8e4e2;    border-radius: 10px;}
.btn{ display: inline-block; padding: 8px 25px; border-radius: 8px; font-size: 1.1rem; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.btn_white{ background: #fff; color:#363c38; border: solid 1px #fff; }
.btn_white:hover{ background: #fff; border: solid 1px #d2cbc1;}
.btn_send{ display: inline-block; padding: 8px 25px; margin-top: 30px; background: #363c38; border: solid 1px #363c38; font-size: 1.1rem; color: #fff; border-radius: 8px; }
.btn_send:hover{ background: #fff; border: solid 1px #363c38; color: #363c38; }
.contact_form .btn{ float: right; }
textarea::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder { color:#bbbab9; }
textarea::-moz-input-placeholder,input[type=text]:::-moz-placeholder { color: #bbbab9; }
textarea::-ms-input-placeholder,input[type=text]::-ms-input-placeholder{color: #bbbab9;}

/* Search */
#sear_kv{ height: 500px;}
.sear_classify{ margin-bottom: 40px;}
.sear_classify > p:first-child{ display: block; background: #FFF; padding: 8px 20px; margin-bottom: 20px; text-align: center; }
.sear_classify:first-child{ margin-top: 60px; }
.sear_re_list{ margin-bottom: 20px;}
.sear_re_list li{ position: relative; width: 100%; padding: 20px 20px; border-bottom: 1px solid #d2d2d2;  }
.sear_re_list li p{ display: inline-block; width: 80%;}
.sear_re_list li a{ display: inline-block; position: absolute; right: 0; color: #363c38; }
.no_result{ text-align: center; padding: 60px 20px; }

/* 404 */
.error_box{ min-height: 500px; text-align: center; }

/* Eslite Members */
.es_content div{ box-sizing: border-box;}
.es_sign { padding-bottom: 30px; overflow: hidden; border-bottom: solid 1px #e4e6e5; }
.es_sign > div{ width: 54%; padding: 0 3% 0; float: left; min-height: 240px; }
.es_sign > div:first-child{ width: 45%; background: #f2efed; margin-right: 1%; }
.es_sign div:first-child p{ margin-top: 30px; font-size: 13px; color: #787271; text-align: center; }
.line_link{ display: inline-block; position: relative; color:#363c38;}
.es_content .notice{ margin-top: 5px; font-size: 13px; color: #787271;}
.es_sign .notice a{ position: relative; color: #787271; }
.es_sign .notice a:after,.es_sign .line_link:after,.bf_text .line_link:after{ content: ''; position: absolute; display: inline-block; bottom: 0; left: 0; width: 100%; height: 1px; background: #787271;  }
.btn_wrap { text-align: center; }
.es_sign .btn_send{ margin-right: 10px }
.es_content h2{ font-size: 1.5rem; font-weight: bold; margin-bottom: 15px; }
.es_sign ol{ margin-top: 10px; list-style-type: decimal; list-style-position: inside; }
.es_sign ol li{ margin-top: 5px; }
.es_sign div:nth-child(2) div{ width: 80%; margin-right: 3%; float: left; }
.es_sign div:nth-child(2) img{ display: inline-block; width: 70px; }
.es_benefits > div:first-child{ margin: 35px 0 0; text-align: center; }
.es_benefits > div img{ display: inline-block; width:100%; max-width: 60px; }
.es_benefits > div div{ display: inline-block; margin-left:10px; vertical-align: top; text-align: left; }
.text_l_gold{ color: #b5a894; }
.es_benefits h3{ color: #8c734b; }

/*.es_bf_list{ margin: 30px 0 10px; overflow: hidden; }
.es_bf_list li{ display: inline-block; float: left; width: calc( 97%/3);height: calc(100vw * 400.0 / 1000.0);
    max-height: 400px; margin-left:1.5%; border: solid 1px #dfd9d0; border-radius: 8px;}*/

.es_bf_list {display:flex; margin: 30px 0 10px; flex-wrap: wrap; overflow: hidden;}
.es_bf_list li {flex: 0 0 23.5%; margin-right: 2%; border: solid 1px #dfd9d0; border-radius: 8px;}

.es_bf_list li:first-child{ margin-left:0;}
/*.es_bf_list li:nth-child(2) img{ float: left; width: 115px; }*/
.es_bf_list li:nth-child(2) img { width:60px; }
.es_bf_list li:nth-child(2) .bf_text div {display:flex; align-items:center; width: 100%; overflow:hidden; margin: 20px 0; line-height: 5.5; }
.es_bf_list li:nth-child(2) .bf_text div a{ display: inline-block; font-size: 12px; }
.es_bf_list li:nth-child(4){ /*width: 100%; margin:1.5% 0 0 0;*/ margin-right:0px;}
.es_bf_list li:nth-child(5) {flex: 0 0 100%; margin-top:15px;}

.es_bf_item{ overflow: hidden; line-height: 80px; background: rgba(140,115,105,.04);}
/*.es_bf_item h3{ display: inline-block; width: 100%; padding: 20px 10px; font-size:20px; font-weight: bold; line-height: 70px; text-align: left; }
.es_bf_item h3 p{ width: 70%; display: inline-block; vertical-align: middle; line-height: 1.4; color: #8d7348 }*/
.es_bf_item h3 {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding: 20px 10px; font-size: 20px; font-weight: bold; line-height: 70px;}
.es_bf_item h3 p { width: 100%; margin-top:10px; line-height: 1.4; color: #8d7348 }
.es_bf_item h3:before{ content: ''; display: inline-block; width: 76px; height: 75px; margin-right: 10px; float: left; background: url(../img/eslite_members/bf_icons.png) 0 -191px no-repeat; }
.es_bf_list li:nth-child(5) h3 p {width:auto;}

.es_bf_list li:nth-child(2) .es_bf_item h3:before{ background-position: top left; }
.es_bf_list li:nth-child(3) .es_bf_item h3:before{ background-position:0 -95px; }
.es_bf_list li:nth-child(4) .es_bf_item h3:before{ background-position:0 -384px; }
.es_bf_list li:nth-child(5) .es_bf_item h3:before{ background-position:0 -288px; }

.es_content .bf_text .notice{ margin-top: 10px }
.bf_text{ position: relative; padding: 20px; }
.es_benefits > div:first-child p{ font-family: 'Noto Serif JP', serif; font-size: 17px; }
#em_gift_pup{ display: none; width: 100%; max-width: 640px;}
#em_gift_pup p{ text-align: center;line-height: 1.8; }
#em_gift_pup> div{ padding-bottom: 20px; margin-bottom: 20px;text-align: center;  border-bottom: solid 1px #cad1cc; }
#em_gift_pup> div > p{ font-size: 15px;color: #8c734b; }
#em_gift_pup ul li{ display: inline-block; padding: 25px; width: 100%; margin-bottom: 20px; background: rgba(140,115,75,.04);  vertical-align: top; }
.em_s_point{ display: inline-block; float: left; width: 70px; height: 70px; margin-right: 10px; background: url(../img/eslite_members/em_s_point.png) top left no-repeat;}
#em_gift_pup .t-small{ font-size: 12px}
#em_gift_pup ul{ margin-top: 20px;}
#em_gift_pup ul li:nth-child(2) .em_s_point{ background-position: 0 -85px;}
#em_gift_pup ul li:nth-child(3) .em_s_point{ background-position: 0 -170px;}
#em_gift_pup ul h3{ font-family: 'Noto Serif JP', serif; font-size: 16px; line-height: 1.5;}
#em_gift_pup ul li > div{ width: 69%; margin: 5% 0; float: left; display:flex;align-items: center;}
#em_gift_pup ul li img{ width: 30%; max-width: 160px; float: right;}
#eslite_member_page  #rules_use,#eslite_member_page  #rules_protect{max-width: 580px;}
#eslite_member_page  #rules_use h2,#eslite_member_page #rules_protect h2{ font-size: 22px; color: #820d0d; margin: 0;}
#eslite_member_page #rules_use div,#eslite_member_page #rules_protect div{ border-bottom: solid 1px #f5f5f5; padding: 20px 0;}
#eslite_member_page #rules_protect ol li { margin-bottom: 15px;}
#eslite_member_page #rules_use h4 {  font-size: 18px;  margin-bottom: 15px;}
#eslite_member_page .fancybox-content ol { margin: 15px 0; list-style-position: inside; list-style-type: decimal;}

/* Dm */
.dm_list{ width: 100%; font-size: 0; margin-top: 40px; }
.dm_list li{ display: inline-block; width:21.5%; margin:0px 1.5% 70px;vertical-align: top;}
.dm_img{ display: inline-block; width: 100%; height: 0; padding-top:142%; background-position: top left; background-repeat: no-repeat; background-size: 100% auto;}
.dm_img:hover{ -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.dm_cover{ padding: 5% 0%; }
.dm_date{ font-size: 13px; color: #7d8580;}
.dm_title{ font-size: 15px; font-family: 'Noto Serif JP', serif; font-weight: initial;}
.dm_infor { margin: 10px 0 0; }
.dm_infor span{ display: block; }
.dm_content .pagination{ width: 100%; display: inline-block; margin: 20px auto; text-align: center; }
.dm_content .pagination a{ display: inline-block; margin: 0 5px; padding:2px 8px; color:#363c38; }
.dm_content .pages i{ display: inline-block; margin: 0 10px; }
.dm_content .pagination .active,.dm_content .pagination a:hover{ background: #363c38; color: #fff; }

/* Class */
.class_content{ width: 100%; max-width: 1000px; margin: 0 auto; }
.slick_arrow{ width: 100% }
.class_kv_box{ position: relative; }
.class_kv_box .slick-list{ z-index: -1; }
.btn_next{ position: absolute; right: 10px; top: 50%; color: #fff; z-index: 1}
.btn_prev{  position: absolute; left: 10px; top: 50%; color: #fff; z-index: 1}
.btn_prev i,.btn_next i{font-size: 1.7rem;}
.class_category{ display: inline-block; position: relative; width: 100%; margin: 20px auto; }
.class_category ul{display: inline-block; max-width: 100%; white-space: nowrap; overflow-x: scroll; overflow-y: hidden;}
.class_category li{ display: inline-block; padding: 0 15px 10px 0; line-height: 2;}
.class_category ul li a { display: inline-block; font-size: 16px; color: #363c38;}
.class_category ul a.active{ border-bottom: solid 2px #363c38;}

.counter_infor .social_list svg { fill: #363c38; width: 24px; height: 24px;}
.class_kv_slider img{ width: 100%; }
.counter_infor .social_list svg:not(first-child){ margin-left: 10px; }
.class_kv_slider .slick-track{ line-height: 0; }
.counter_infor h2{ display: inline-block; width: auto;}
.counter_infor > div{ position: relative; background:#fff; text-align: center; padding: 20px; }
.counter_infor .social_list{ display: inline-block; float: right; line-height: 50px;}
.counter_infor .social_list li{ display: inline-block; }
.counter_infor .contact_list{ border-top:  1px solid #363c38; margin-top: 10px; padding-top: 10px}
.counter_infor .contact_list a{ color: #820d0d; }
.counter_infor .contact_list li{ display: inline-block; margin: 0 10px; line-height: 2; }

.counter_infor .txt{ padding: 20px 20px 20px; line-height:2; word-break: break-word; }
.class_box{ display: inline-block; position: relative; width: 100%; margin-top: 5%; padding-bottom: 26rem; }
.class_list img { position: absolute; top: 0; left: 0; width: 45%; max-width: 420px; z-index: 1;}
.class_list .even img { position: absolute; top: 0; right: 0; left: auto; z-index: 1;}
.odd .class_infor{ position: absolute; top: 0; right: 0; width: 62%;}
.even .class_infor{ position: absolute; top: 0; left: 0;  width: 62%;}
.class_box h3{ color: #8d7348; margin-left: 60px; font-size: 2.1rem; font-family: 'Noto Serif JP', serif; text-align: left;}
.class_list .even h3{ margin-left: 0px; margin-right: 50px;  }
.class_box .txt { width: 100%; padding: 20px 20px 20px 55px; margin-top: 10px; overflow: hidden; border: 10px solid #f2efed;}
.class_list .even .txt{ width: 100%; padding: 20px 55px 20px 20px; margin-top: 20px; overflow: hidden; border: 10px solid #f2efed;}
.class_box .link{ position: relative; right: 0; top: 0; float: right; font-size: 1rem; }
.class_infor p {margin-bottom: 20px;}

.class_category i{ color: #333; font-size: 20px; }
.class_category i:after{ position: absolute; top: 8px; left: 5px; content: ''; z-index: -1; width: 6px; height: 11px; background: rgba(255,255,255,.8);}
.sl{ position: absolute; left: -20px; top:0px; z-index: 5; font-size: 18px;}
.sr{ position: absolute; right:-20px; top: 0px; z-index: 5; font-size: 18px; }
.menu_item{ white-space:nowrap; border-bottom: solid 1px #666;	overflow-x: scroll; overflow-y: hidden;}
.menu_item li{ display: inline-block; text-align: center;}
.menu_item li a{ display:inline-block; min-width:65px; padding: 10px 16px; line-height: 1.2;}

/* For mobile */
@media only screen and (max-width: 2060px){
	.container_12{ padding: 5% 4% 15%;}
	.news_txt{ font-size: 15px; white-space: normal;}
	.main_news_list{ width: 100%; max-width: calc(100vw - 15px); padding-bottom: 10px; white-space: nowrap; overflow: visible; -webkit-overflow-scrolling: touch; overflow-x: scroll; font-size: 0;}
	.main_news_list a{ width:360px; max-width:100%;}
	.main_news_list li{ width:380px;}
	body:not(.isMobile) *::-webkit-scrollbar-thumb { background-color: #00000069; border-radius: 999px;}
	body:not(.isMobile) *::-webkit-scrollbar { width: 6px; height: 6px; background-color: transparent;}
	}
@media only screen and (max-width: 1200px){
	.shop_brief img { width: 75vw;}
	.shop_brief .txt{ margin-right: 5vw;}

}
@media only screen and (max-width: 1080px){
	.b_bg{ width: 55vw;}
}
@media only screen and (max-width: 1000px){

	.news_content{ max-width: 100%; padding: 5% 4% 15%; }
	.news_box{ min-height: 45vh;}
	.news_box_b .news_bg { height: 36vh;}
	.news_box_b .news_txt{ width: 37%;}
	.news_box_b .news_img{ width: 60%; height: 37.78vh;}
	.news_category{ white-space: nowrap; overflow: visible; -webkit-overflow-scrolling: touch; overflow-x: scroll;}
	.sear_all_result{ padding: 0 4%;}
	
	.dm_content { max-width: 100%; padding: 5% 4% 15%;}
	.dm_list li { width: 30%;}
	
	.class_category { white-space: nowrap; overflow: visible; -webkit-overflow-scrolling: touch; }
	.class_content { max-width: 100%; padding: 5% 5% 15%;}
	.odd .class_infor,.even .class_infor{ width: 60%; }
	.counter_infor .social_list{ float: none; display: block; margin-top: 10px; line-height: initial; }
}
@media only screen and (min-width: 1081px){
	.a-slide{ height:100vh; padding-bottom: 0; width: 100%; background-position: top!important}
	}

@media only screen and (max-width: 960px){
	.news_box{ height: 40.1vh;}
	.news_box_b{ min-height: 45vh;}
	.news_box_b .news_img{ height: 35.465vh;}
	.news_box_b .news_txt{ margin-top: 10vh;}
	.news_box_b .news_txt { width: 37%;}
	.news_box_b .news_bg { height: 35vh;}
	.news_box_s { width: 48%; height: 46.1vh;}
	.news_box_s:nth-child(odd) { margin-right: 0; }
	.news_box_s .news_img { max-width: 400px; height: 212px;}
	.news_box_s .news_bg { height: 26vh; margin-right: -5%;}
}

@media only screen and (max-width: 890px){
	/*.es_bf_list li{ width: calc( 97%/3);height: calc(100vw * 550.0 / 890.0); max-height: 550px;}*/
	.es_sign .btn_send{ margin-bottom: 15px }
	.es_sign .btn_send,.es_sign .btn_white{ width: 100%; }
	
	.class_box{ padding-bottom: 30rem;}
}

@media only screen and (max-height: 550px){
	#main_shop .container,#main_member .container{ height: 125vh;}
	}
@media only screen and (max-width: 768px){
	.main_slider h2{ font-size: 2rem;}
	.container{ height: 85vh; }
	.b_bg { width: 70vw; margin-top: 20%;}
	.shop_brief .txt{ margin-top: 25%;}
	.shop_brief img { width: 80vw;}
	.member_brief img{ width: 70vw;}
	.container_10 { width: 90%; margin: auto; padding: 40px 0px;}
	.about_content h3{ font-size: 1.5rem; }
	.shop_list .shop_title div { margin-top: 10%; padding: 0 10px;}
	.news_box_b{ overflow: initial; min-height: 60vh;}
	.news_box_b .news_txt { width: 100%; margin: 25px 0 0;}
	.news_box_b .news_img{ max-width: 655px; width: 100%; height:43.735vh; }
	.news_box_b .news_bg{ max-width: 100%; height: 44vh; width: 70vw; margin-right: -5%; top: 30px;}
	.news_box_s{ min-height: 40vh;}
	.news_box_s .news_img { height: 22.182vh;}
	.news_box_s .news_bg { height: 22vh;}
	.n_photo li{ width: calc(100%/5.48);}
	.news_s_content h2 { font-size: 1.7rem; line-height: 1.4;}

	.contact_form{ max-width: 460px; overflow: hidden;}
	.ask_box{ width: 100%; padding-top: 20px;}
	.form_sep{ width: 100%;}
	
	.es_bf_list {flex-wrap:wrap; margin:10px auto;}
	.es_bf_list li {flex:0 0 100%; margin:5px 0px;}

	/*.es_bf_list li{ width: calc( 97%/3);height: auto; max-height:auto;}*/
	.es_sign > div:first-child{width: 100%; }
	.es_sign > div:nth-child(2),.es_sign > div{ width: 100%; margin: 0 0 20px; }
	.es_sign div:nth-child(2) img{ max-width: 110px; margin: 0; }
	.es_bf_list li:nth-child(2) img { float: none;}
	/*.es_bf_list li{ width: 100%; margin: 0 0 20px;}*/
	.es_benefits .bf_text{ text-align: center;}
	.es_bf_list li:nth-child(2) .bf_text div { width: 100%; max-width: 640px;}
	.es_bf_list li:nth-child(2) .bf_text div a { vertical-align: top; padding-top: 40px;}
	.dm_list li { width: 46.5%;}
	
	.odd .class_infor,.even .class_infor{ width: 62%; }
}
@media only screen and (max-width: 640px){
	.news_box_b { min-height: 60vh;}
	.news_box_b .news_img{ height: 39.5vh;}
	.news_box_b .news_bg { height: 39vh;}
	.news_box_s{ width: 100%; min-height: 58vh;}
	.news_box_s .news_img{ max-width: 100%; height: 42.4vh;}
	.news_box_s .news_bg { max-width: 100%; height: 42vh; width: 70vw; margin-right: -5%;}
	.lt_rp p{ float: none; width: 100%;}
	.rp_lt p{ width: 100%;}
	.lt_rp img,.rp_lt img{ width: 100%; margin: 20px 0; }
	.sear_re_list li p{ width: 76%; margin-right: 4%; }

	.class_list img,.class_list .even img{ position: static; width: 100%; display: block; margin: 0 auto 10px }
	.class_list h3,.class_list .even h3{ margin: 0; text-align: center; font-size: 1.8rem; }
	.class_list .class_infor{ position: static; width: 100%;}
	.class_box .txt,.class_list .even .txt{ padding: 20px; }
	.class_box{ padding-bottom: 7rem;}
	.counter_infor h2 { margin-bottom: 15px; font-size: 1.5rem; word-break: break-word;}
}
@media only screen and (max-width: 567px){
	.n_photo li{ width: calc(100%/4.38);}
	.n_photo li:nth-child(4n){ margin-right: 0;}
	.n_photo li:nth-child(5n){ margin-right: 2%;}
}
@media only screen and (max-width: 540px){
	.container_12 { padding: 5% 4% 20%;}
	.container{ height: 80vh;}
	.main_slider h2 { font-size: 1.5rem;}
	.shop_brief .txt { margin-top: 30%;}
	.shop_detail .link{ float: left; }
	.news_box_b .news_img ,.news_box_s .news_img{ height: 33.25vh;}
	.news_box_b .news_bg,.news_box_s .news_bg{ height: 32vh;}
	.news_box_b .news_txt a,.news_box_s .news_txt a{ font-size: 18px; }
	.news_box_b { min-height: 50vh;}
	.news_box_s { min-height: 52vh; padding: 0;}
}

@media only screen and (max-width: 480px){
	.container{ min-height: 75vh;}
	.container_10 h1{ font-size: 2rem;}
	.shop_brief .txt { left: 0; margin: 0 auto;}
	.shop_brief img{ width: 100vw;}
	.member_brief img{ width: 100vw; margin-left: 0; left: auto;}
	.member_brief .txt{ margin-left: 0; left: 0;}
	.shop_box .shop_title img{ width: 100%; float: none; margin: 20px 0 0;}
	.shop_list .shop_title div{ width: 100%; }
	.even .shop_detail{    width: 100%; margin: 0 4% 0 0;}
	.shop_infor{ margin: 25px 0 0;}
	.shop_infor img{ display: none }
	.shop_detail{ width: 100%; margin: 0;}
	.about_info .txt { margin-bottom: 40px;}
	.shop_infor ul { display:block;}
	.shop_detail .link{ position: relative; bottom: -10px;}
	.news_box_b .news_img ,.news_box_s .news_img { height: 30vh;}
	.news_box_b .news_bg, .news_box_s .news_bg { height: 28vh;}
	.news_box{ min-height: 50vh; margin-bottom: 40px;}
	.n_photo li { width: calc(100%/3.21);}
	.n_photo li:nth-child(4n){ margin-right: 2%;}
	.n_photo li:nth-child(3n){ margin-right: 0;}
	.news_s_content .intro_list img { float: none; display: block; width: 100%; margin: 0 0 20px;}
	.news_s_content .intro_list li p{ width: 100%;}
	.contact_form{ max-width: 100%; }
	.sear_re_list li p{ width: 100%; margin-right: 0; }
	.sear_re_list li a { display: block; position: static; margin-top: 15px; text-align: center;}
	#em_gift_pup ul li > div{ width: 100%; display:block;}
	.em_s_point{ float: none; display: block;  margin: 0 auto 20px;}
	#em_gift_pup ul h3{text-align: center;}
	#em_gift_pup ul li img{ float: none; display: block; width: 100%; margin: 0 auto;}
	.es_benefits > div div{ margin-left: 0; text-align: center;}
	.es_benefits > div:first-child p{ font-size: 15px;}
	
	.dm_list li { width: 100%; margin: 0 0 100px;}
	.dm_cover { padding: 0%;}
	.dm_title{ font-size: 17px;}
	
	.class_category ul{ padding: 0 15px 0; }
	.sl{ left:-5px; }
	.sr{right: -5px}

}

@media only screen and (max-width: 414px){
	h2{ font-size: 1.8rem;}
	.main_slider h2 { font-size: 1.4rem; line-height: 1.4}
	.container { min-height: 80vh; padding-bottom: 0; box-sizing: content-box;}
	.infor_link { top: 40%; padding: 0 10px;}
	.shop_brief .txt ,.member_brief .txt{ max-width: 300px; margin-top: 40%;}
	.b_bg { width: 60vw; height: 50vh;}
	.a-slide{ background-position: center!important}
	.news_box_b .news_bg, .news_box_s .news_bg { height:29vh;}
	.news_s_content h2 { font-size: 1.5rem;}
	.n_photo li { width: calc(100%/2.09);}
	.n_photo li:nth-child(3n){ margin-right: 2%; }
	.n_photo li:nth-child(2n){ margin-right: 0; }
	/*.es_bf_list li{  max-height: 590px;}*/
	.es_sign div:nth-child(2) div { width: 100%; margin-right:0;}
	
	.es_sign div:nth-child(2) img { margin-top: 20px}
	.class_list h3, .class_list .even h3{ font-size: 1.6rem;}
}

@media only screen and (max-width: 375px){
	.container{ min-height: 90vh;}
	.link { right: 0;}
	.news_s_content h2 { font-size: 1.2rem;}
	.news_box_b .news_txt a ,.news_box_s .news_txt a{ font-size: 17px;}
	.es_content h2 { font-size: 1.3rem;}
}
@media only screen and (max-width: 320px){
	.container_10 h1{ font-size: 1.9rem; line-height: 1.4;}
	.main_slider h2 { font-size: 1.8rem;}
	.news_box {min-height: 55vh;}
}