﻿.wrapper,
.down{
	width:1040px;
	padding:0px 15px;
	margin:0px auto;}
.page{
	width:1170px;
	padding:0px 15px;
	margin:30px auto 0;}
.pro_page{
	width:1170px;
	padding:0px 0px;
	margin:30px auto 0;}
.mem_page{
	width:1170px;
	padding:0px 0px;
	margin:30px auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;
	justify-content:space-between;}
.mem_left{
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	margin-top:50px;
	margin-right:50px;}
.mem_center{
    width: calc( 100% - 4px );
    max-width: 500px;}
.mem_center .login_box02{
	max-width:none;
	width:100%;}
.mem_right{
	margin-top:20px;
	margin-left:50px;
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}

.pro_box06{
	width:100%;
	padding:0px 15px;
	display:block;}
.cart_page{
	font-family:"微軟正黑體";
	width:1170px;
	padding:0px 15px;
	margin:30px auto 0;}
.header_h{
	display:block;
	height:140px;}
header.header{
	width:100%;
	background:#fff9fb;/*20%*/
	background:#f2fbf4;
	position:fixed;
	left:0;
	top:0;
	z-index:1000}
.top{
    width: 1040px;
	margin:0px auto;
	padding:25px 15px 15px 15px;
	position:relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:space-between;}
.top img{
	height:30px;
	width:auto;}
.top .top_link{
	display:block;
	line-height:1;
	font-size:16px;
	font-weight:500;
    letter-spacing: .15em;
	margin:0px 0px 0px 20px;
    padding: 10px 0px;	}
.top .top_link.nav_social{
	font-size:23px;}
.top a.logo{
	display: block;
    width: 86px;
    padding: 0px;
	margin:0;
    line-height: normal;
    height: 100px;
    color: #ffffff;
    overflow: hidden;
    text-indent: -999999px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
.top a.logo:hover{
	opacity:0.7}
.top a.user{
	width: 23px;
    height: 23px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background-image:url(../images/symbol/user.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;}
.top a.user:hover{
    background-image: url(../images/symbol/user_y.svg);}
.top a.logout{
	width: 29.53px;
    height: 23px;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background-image:url(../images/symbol/logout.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;}
.top a.logout:hover{
    background-image: url(../images/symbol/logout_y.svg);}
.menu{
	display:none;}
.top a.cart{
	position: relative;
	width: 24px;
    height: 20px;
	text-indent:-9999px;
	display:block;
	background-image:url(../images/symbol/cart.svg);

	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;}

.top a.cart:hover{
    background-image: url(../images/symbol/cart_y.svg);}
.m_close{
	font-size:30px;
	color: #74b88d;
	display:block;
	cursor:pointer;
	margin-right:20px;}
.m_close:hover{
	color:#222222;}
.mobile_box01{
	padding:0px 15px;
	margin-top:20px;}

.swiper-container {
	width: 100%;}
.swiper-slide {}
.swiper_p01{
	display:block;
	width:100%;
	padding-bottom: 41.666666666%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;}
.btn_box01{}
.btn_box01 a{
	display:block;
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;}
.btn_box02{
	font-size:16px;
	display:block;
    padding: 20px 0 0;
    margin: 20px 0;
	border-top:1px solid rgba(0,0,0,0.1);
	border-bottom:1px solid rgba(0,0,0,0.1)}
.btn_box02 a{
	display:block;
	font-weight:bold;
	margin-bottom:20px;}
.btn_box02 a img{
	height:18px;
	width:auto;
	margin-right:1em;}
.social_box01{}
.social_t01{
	font-size:16px;
	color:#74b88d;
	margin-bottom:20px;}
.social_b02{}
.social_b02 a{
	display:inline-block;
	font-size:30px;
	margin-right:20px;}
nav.nav{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:flex-end;}
nav.m_nav{
	display:none;}
a.ad_box01{
	width:450px;
	height:150px;
	background:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow:hidden;
	position:absolute;
	left:40px;
	bottom:40px;
	z-index:100;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:center;}
.ad_box01a{
	width:150px;
	height:100%;
	background-color:#299BE3;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100px;}
.ad_box01b{
	padding:20px;
	position:relative;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.ad_box01b time{
	display:block;
	color:#B5B5B6;
	font-size:15px;}
.ad_box01b h2{
	display:block;
	margin-top:10px;
	font-size:18px;
	color:#BDE9C9;
	font-weight:bold;
	line-height:1.5;
	overflow: hidden;
    height: calc( 18px * 1.5 * 3 );}
.ad_box01b time span{
	display:inline-block;
	vertical-align:middle;
	background:#BDE9C9;
	color:#fff;
	margin-left:0.5em;
	line-height:1.9;
	font-size:13px;
	padding:0px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}
.ad_b01 {
	font-size:16px;
	color:#299BE3;
	text-transform:uppercase;
	font-weight:bold;
	position:absolute;
	right:20px;
	bottom:20px;}
.ad_t01{
	width:550px;
	text-align:center;
	border-bottom:8px dotted #fff;
	color:#fff;
	font-size:40px;
	letter-spacing:0.15em;
	font-weight:bold;
	position:absolute;
	right:40px;
	z-index:100;
	bottom:100px;}
.bg01{
	background-image:url(../images/bg01.svg);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-color:#299be3;
	background-size:500px;}
.in_box01{
	width:100%;
	margin-top:30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:center;
    overflow: hidden;}
.in_box01a{
	width:40%;}
.in_box01b{
    overflow: hidden;
	width:60%;}
.in_box01b{
	padding:0px 0px 0px 60px;}
.in_box01a img{
	width:100%;
	height:auto;}
.in_box01b img{
	height: 50px;
    width: auto;
    vertical-align: sub;
    margin-right: 5px;}
.in_box01b h2{
	font-size: 30px;
	display:block;
	font-weight:bold;
	letter-spacing:0.15em;
	margin-bottom:20px;}
.in_box01b h2 a{
	color:#539379;}
.in_box01b h2 a:hover{
		color:#7accab}
.in_box01b p{
	font-size:15px;
	line-height:2;}
.in_box02a,
.in_box02b{
	margin-top:50px;
	margin-bottom:15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:space-between;}
.pro_page .in_box02a h2{
	width:100%;
	text-align:center;}
.in_box02a h2{
	text-transform:uppercase;
	display:block;
	font-size:30px;
	letter-spacing:0.15em;
	color:#539379;
	font-weight:bold;}
.in_box02a h2 img{
	height: 50px;
    width: auto;
    margin-right: 5px;
    vertical-align: sub;}
.in_box02b h2{
	text-transform:uppercase;
	display:block;
	font-size:30px;
	letter-spacing:0.15em;
	color:#539379;
	font-weight:bold;
	width:100%;
	text-align:center;}
.in_box02b h2 img{
	height: 37.5px;
    width: auto;
    margin-right: 5px;
    vertical-align: sub;}
.desc {
    text-align: left;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.desc span {
    display: block;
    color: #777777;
    font-size: 13px;}
.cart_t02{
	margin:30px auto;
	text-transform:uppercase;
	text-align:center;
	font-size:30px;
	letter-spacing:0.15em;
	color:#539379;
	font-weight:bold;}
.cart_t02 img{
	height: 50px;

    width: auto;
    margin-right: 5px;
    vertical-align: sub;}
a.more_b01{
	display:block;
	width:150px;
	text-align:center;
	padding:1px 10px 0px 10px;
	line-height:40px;
	position:relative;
	font-size:14px;
	border:1px solid #b87333;
	color:#b87333;
	border-width:0px 0px 1px 1px;}
a.more_b01:before{
	content:"";
	width:1px;
	height:calc(100% - 10px);
	background:#b87333;
	position:absolute;
	right:0px;
	top:0px;
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
a.more_b01:after{
	content:"";
	width:calc(100% - 10px);
	height:1px;
	background:#b87333;
	position:absolute;
	right:0px;
	top:0px;
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
a.more_b01:hover:before{
	height:100%;
	background:#b87333}
a.more_b01:hover:after{
	width:100%;
	background:#b87333;}
a.more_b01:hover{
	border-color:#b87333;}
.in_product{
	margin:0px -30px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;}
.product_list{
	width: 100%;
	margin:0px -15px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;}
.product_list01{
	margin:0px -15px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	
	justify-content:center;
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;}
.news_list{
	margin:0px -15px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;}
.shop_list{
	margin:0px -15px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;}
.pro_box01{
	width:calc(100% / 4 - 10px);
	    margin: 5px;
	padding:0px 30px;
	display:block;}
.pro_box02{
	width:25%;
	padding:0px 15px;
	display:block;}
.pro_box01a{
	display:block;
	width:100%;
	overflow:hidden;
	position:relative;
	line-height:normal;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;}
.pro_box01b{
	padding:16px 0 60px 0;}
.pro_bg01{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
	
	
	
	background:#e7eae7;
	width:0%;
	height:100%;}
.pro_box01b span{}
.pro_box01b p{
	font-size: 17px;
    font-weight: bold;
    color: #CC0000;}
.pro_box01b h3{
	line-height:1.3;
	font-size: 17px;
    margin-bottom: 10px;
	font-weight:600;
	display:block;}
.price01 {
	color:#8a8a8a;
	text-decoration:line-through;
	display:inline-block;
	margin-right:0.5em;}
.in_bg01 {
	width:100%;
	padding:50px 30px;
	text-align:center;
	position:relative;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:fixed;}
.in_bg01 img{
	height:260px;
	width:auto;}
a.cart_b01{
	display:inline-block;
	overflow:hidden;
	width:24px;
	height:24px;
	vertical-align:bottom;
	text-indent:-89999px;
	background-image:url(../images/symbol/cart01.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;}
.footer{
	width:100%;
	padding:60px 0 30px;
	margin-top:100px;
	background: #539379;}
.down{
	color: #ffffff;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	-webkit-box-align:flex-end;
    -ms-flex-align:flex-end;
    align-items:flex-end;
	justify-content: space-between;}
.tag_list{
	font-size: 13px;
	width: 100%;
    margin: 30px 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: initial;
    align-items: flex-start;
    justify-content: center;}
.tag_list a{
	display: inline-block;
    color: #539379;
    padding: 9px;
    border: 1px solid #539379;
    margin: 0 7px 7px 0;}
.tag_list a:hover{
	/*! background:#fff; */
	/*! color:#539379 */}

.down_box01,
.down_box03{
	font-size:13px;
	text-align:center;}
.down_box03{
	width:100%;}
.down_box01 img,
.down_box03 img{
	max-width: 100%;
	width:250px;
	height:auto;}
.down_box01a{
	line-height:2;
	margin-top:24px;
	margin-bottom:23px;}
.down_box02{
	font-size:13px;
	text-align:right}
.social_b01{
	margin-bottom:30px;}
.down_box02{
	padding-left:15px;}
.down_box02 .social_b01 a{
	font-size:28px;
	color:#beded4;
	vertical-align:middle;
	display:inline-block;
	margin-left:20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}
.down_box02 .social_b01 a:hover{
	color:#fff;}
.down_box02 .social_b01 a.social_b01a{
	background: #945D53;
	text-transform:uppercase;
    color: #fff;
    margin-left: 0;
    font-size: 16px;
    text-align: center;
    padding: 17px 10px;
    width: 230px;
    letter-spacing: 0.1em;}
	border-radius: 3px;}
.down_box02 .social_b01 a.social_b01a:hover{
	background:#A1655A;}
.in_edit,
.edit{
	color:#656565;
	font-size:16px;
	line-height:2;
	overflow:hidden}
.tag_edit{
	margin-bottom:50px;}
.in_edit img,
.edit img{
	max-width:100%;
	height:auto;}
.lang{
	position:absolute;
	right:0px;
	top:0px;
	z-index:1000;
	text-transform:uppercase;}
.lang_t01{
	line-height:40px;
	width:120px;
	padding:0 10px;
	cursor:pointer;
	font-size:13px;
	font-weight:normal;
	color:#fff;
	background:#74b88d;
	display:block;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: nowrap;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content: space-between;}
.lang_t01 span{
	line-height:1;
	display:inline-block;
    margin-left: 10px;
    border-left: 1px solid #fff;
    padding-left: 10px;}
.lang_b01{
	display:none;
	width:100%;
	position:absolute;}
.top .lang_b01 a{
	line-height:40px;
	border-top:1px solid #fff;
	padding:0 10px;
	font-size:13px;
	margin:0;
	color:#fff;
	background:#74b88d;
	display:block}
.top .lang_b01 a:hover,
.top .lang_b01 a.lang_b01y{
	background:#87d5a3}
.tag_b01{
    margin-top: 10px;
	line-height:2}
.tag_b01 a{
	color:#C1E0D4;
	display:inline-block;
	margin-left:0.5em;
	font-size:13px;}
.tag_b01 a:hover{
	color:#fff;}
.page_bg{
    position: relative;	
	width: 1170px;
	margin:0px auto;
	padding:100px 15px;
    color: #74b88d;
	text-shadow:rgb(255, 255, 255) 1px 1px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    overflow: hidden;	}
.page_bg h3{
	font-size:16px;
	text-align:center;
    display: none;	}
.page_bg h2{
	font-size: 36px;
    position: relative;
	/*margin-bottom:15px;*/
    letter-spacing: 5px;
    line-height: 1.2;}
.page_bg h1{
	font-size: 36px;
    position: relative;
	margin-bottom:0px;
    letter-spacing: 5px;
    line-height: 1.2;}
.page_bg h1{
	font-size: 36px;
    position: relative;
    letter-spacing: 5px;
    line-height: 1.2;}
.page_bg .page_bg_img{
	    width: 100%;
    position: absolute;
    left: 0;
}
.page_bg .text{
    position: absolute;
    text-align: center;	
}
/*a.view_b01{
	margin-top:20px;
	display:block;
	width:108px;
	line-height:106px;
	border:1px solid #b87333;
	color:#b87333;
	text-align:center;
	-webkit-border-radius: 108px;
	-moz-border-radius: 108px;
	border-radius: 108px;
	float: right;}
a.view_b01:hover{
	color:#fff;
    background: #b87333;
    border-color: #b87333;}*/
.cag_box01{
	width:calc( 100% - 4px );
	background:rgba(255, 255, 255, 0.3);
	margin:13px auto 54px;
    box-shadow: 3px 2px 51px 0 rgba(0,0,0,.07);
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	position: relative;
    z-index: 2;}
.cag_box01 a{
	display:block;
	line-height: 2;
	font-size:14px;
	margin:7px;
    letter-spacing: .1em;}
.cag_box01 :before {
    content: "";
    display: block;
    width: 3px;
    height: 70%;
    background-color: #74b88d;
    position: absolute;
    left: 15px;
    top: 15%;}
.cag_box01 a.cag_box01y{
	color:#222222;
	font-weight:bold;}
.pro_box03{
	width:100%;
	margin-bottom:0px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;}
.pro_box03a{
	width:50%}
.pro_box03b{
	color:#827275;
	padding-left:50px;
	width:50%;}
.pro_box03a a{
	display:block;
	width:100%;
	height:83%;
	/*padding-bottom:75%;*/
	line-height:normal;
	background-color:#fff;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain}
.pro_box03b h4{
	display: block;
    font-size: 22px;
    font-weight: bold;
    color: #539379;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    margin-bottom: 35px;
    padding: 15px 0 13px 28px;
    letter-spacing: 1px;}
.pro_box03b h4:after{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	border-top: 20px solid #c6cfbc;
	border-right: 20px solid transparent;}
.pro_box_pd_title{
	display: block;
    font-size: 22px;
    font-weight: bold;
    color: #539379;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    margin-bottom: 35px;
    padding: 15px 0 13px 28px;
    letter-spacing: 1px;}
.pro_box_pd_title:after{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	border-top: 20px solid #c6cfbc;
	border-right: 20px solid transparent;}
.pro_t01{
	letter-spacing: 0.5px;
	margin-bottom:30px;
	font-size:24px;
	color: #CC0000;}
.pro_t01 .price01{
	font-size:0.8em;}
.pro_box04{
	font-size:14px;
	width:100%;
	margin-bottom:50px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;}
.qua_box01{
	font-size:14px;
	margin-right:1em;
	padding-bottom:5px;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;}
.qua_box01a{
	font-size:20px;
	height:30px;
	margin:0 0.5em;
	width:4em;}
.qua_box01a input{
	width:100%;
    color: #827275;
	font-size:20px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	background:none;
	border-width:0;}
.qua_box01b{
	padding-right:0.5em;
	height:30px;
	text-align:center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;

    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	flex-direction:column;
	justify-content:space-between;}
.qua_box01b b{
	line-height:1;
	cursor:pointer;
	display:block;}
.qua_box01b b:hover{
	color:#bb7d42;}
.ins_b01,
.ins_b02{
	cursor:pointer;
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
.login_box02 .ins_b02,
.ins_b02:hover,
.login_box02 .ins_b01,
.ins_b01:hover{
	color: #74b88d;}
.cart_b02{
	margin-bottom:30px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	justify-content:space-between;}
.cart_b02 a{
	display:block;
	height:44px;
	line-height:44px;	
	text-align:center;
	letter-spacing:1px;
	width:48%;
	color:#fff;
	font-size:14px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
.cart_b02 a img{
	height:24px;
	width:auto;}
.cart_b02 a.cart_b02a{
	background:#bb7d42;}
.cart_b02 a.cart_b02a:hover{
	background:#885b30;}
.cart_b02 a.cart_b02b{
	background:#74B88D;}
.cart_b02 a.cart_b02b:hover{
	background:#4C785C}
.dis_box01 {
	margin-top:10px;
	font-size: 16px;
    border: 3px solid rgba(0,0,0,0.05);
    padding: 10px 17px;
    background:rgba(255,255,255,1);}
.dis_box01 p{
	font-weight:bold;
	line-height:1.7;
	margin:7px 0;}
.dis_box01 img{
	height:24px;
	width:auto;
	margin-right:0.5em;}
.ins_bg,
.ins_bg01{
	padding:30px;
    position: fixed;
    overflow-y: auto;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
	display:none;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
	background-color: rgba(44, 46, 49, 0.7);
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
.ins_bgOn{
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;}
.bodyOff{
	overflow:hidden;}
.ins_box01{
	width:100%;
	max-width:1000px;
	padding-bottom:30px;}
.ins_box01a{
	font-size:16px;
	color:#539379;
	font-weight:bold;
	padding:20px 30px;
	line-height:1;
	border-bottom:1px solid #d2d2d2;
	position:relative;
	background:#fff;}
.ins_box01a span{
	cursor:pointer;
	color:#333;
	font-size:24px;
	position:absolute;
	right:30px;
	top:50%;
	margin-top:-12px;}
.ins_box01a span:hover{
	color:#bb7d42}
.ins_box01a span:hover{}
.ins_box01b{
	font-size:14px;
	padding:20px 30px;
	border-bottom:1px solid #d2d2d2;
	background:#fff;}
.ins_box01c{
	padding:15px 20px;
	text-align:right;
	background:#fff;}
.ins_box01c span{
	cursor:pointer;
	font-size:13px;
	width:120px;
	height:40px;
	text-align:center;
	line-height:40px;
	display:inline-block;
	background:#333333;
	color:#fff;}
.ins_box01c span:hover{
	background:#bb7d42}
.ins_close01,
.ins_close{
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
a.news_box01{
	display:block;
	width:calc( 25% - 30px );
	margin:0px 15px 50px;
	padding:0px;}
.news_box01a{
	width:100%;
	border-top:3px solid #74b88d;
	margin-bottom:15px;
	height:0;
	position:relative;
	padding-bottom:100%;
	background-color:#ffffff;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;}
.news_box01b{}
.news_box01b h4{
	font-size:15px;
	font-weight:500;
	margin-bottom:15px;}
a.news_box01 time{
	color: #999;
    font-size: 12px;}
.news_box02{
	margin-bottom:70px;
	position:relative;
	border-bottom: 1px solid rgba(0,0,0,0.15);
	padding: 15px 0 13px 28px;
	letter-spacing: 1px;}
.news_box02 time{

	display:block;
	color: #999;
    font-size: 12px;
	margin-bottom:15px;}
.news_box02 h4{
	display:block;
	font-size:22px;
	font-weight:600;
	color:#539379;}
.news_box02 h1{
	display:block;
	font-size:30px;
	font-weight:600;
	color:#539379;}
.news_box02::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 20px solid #c6cfbc;
    border-right: 20px solid transparent;}
.shop_box01{
	padding: 20px 20px;
    width: 100%;
    background: rgba(255,255,255,0.7);
    margin: 0px 1% 25px;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items:center;
    align-items: center;
    flex-wrap: nowrap;}
.shop_box01a{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.shop_box01b{
	width: 220px;
    margin-right: 30px;}
.shop_p01{}
.shop_p01 img{
	width:100%;
	height:auto;}
.shop_t01{
	display:block;
	margin-bottom:8px;
	font-size:22px;
	font-weight:500;
	color:#539379;
	letter-spacing:0.8px;}
.shop_box01a .edit{
	margin-top:24px;
	font-size:14px;
	line-height:1.7;
	letter-spacing:0.6px;}
.shop_b01 {
	margin-bottom:20px;}
.shop_b01 a{
	display:inline-block;
	padding:9px 12px;
	border:1px solid #a3b8ab;
	text-transform:uppercase;
	text-align:center;
	-webkit-border-radius: 37px;
	-moz-border-radius: 37px;
	border-radius: 37px;}
.shop_t02{
	margin:4px 0;
	font-size:15px;}
.shop_t02 span{
	font-size:17px;
	display:inline-block;
	margin-right:0.5em;
	vertical-align:middle;}
.cag_box02{
	width:100%;
	margin-bottom:30px;
	border-top:1px solid #e6eee8;
	border-bottom:1px solid #e6eee8;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	-webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;}
.cag_box02 a{
	width:25%;
	margin-bottom:-1px;
	display:block;
	padding:10px 10px 10px 34px;
	color:rgba(0,0,0,0.5);
	border-bottom:1px solid #e6eee8;
	position:relative;}
.cag_box02 a span{
	display:block;
	color:rgba(0,0,0,0.5);
	width:14px;
	height:16px;
	position:absolute;
	left:10px;
	top:10px;}
.cag_box02 a:hover{
	color:#74b88d}
.faq{
	padding-top: 140px;
	padding-bottom: 15px;
	margin-top: -50px;}
.faq_t01{
	margin-bottom:15px;
	display:block;
	color:#74b88d;
	font-size:28px;
	font-weight:bold;}
.faq_t01 img{
	height: 45px;
	width: auto;
	vertical-align: bottom;
	margin-right: 6px;}
.faq_box01{
	width:100%;
	border:1px solid #e6eee8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;
	justify-content:flex-start;}
.q {
	border-width:1px 1px 0 1px;
	padding:15px 15px 5px 15px;}
.a {
	border-width:0 1px 1px 1px;
	padding:0 15px 15px 15px;}
.faq_box01a{
	line-height:32px;
	width:44px;	
    font-size: 24px;
	font-weight:bold;}
.faq_box01b{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.q .faq_box01a,
.q .faq_box01b{
	line-height:24px}
.q .faq_box01b{
	font-weight:bold;
	font-size:18px;}
.a .faq_box01a{
	color:#C00}
.contact_t01{
	font-size:14px;}
.contact_t02{
	margin:30px auto 40px;
	padding:13px 10px;
	border:2px dotted rgba(0,0,0,0.1);
	border-width:2px 0;
	font-size:14px;}
.re_icon01{
	vertical-align:middle;
	display:inline-block;
	width:7px;
	height:7px;
	line-height:normal;
	background:#74b88d;}
.contact_t02 .re_icon01{
	margin-right:0.5em;}
.contact{
	font-size:14px;}
.contact label{
	display:block;
	margin:30px auto 10px;}
.contact img{
	margin-left:0.5em;}
.contact .re_icon01{
	margin-left:0.5em;}
.contact_box01{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-align-items:center;
    align-items: center;}
.contact_box01a{
	width:200px}
.contact_box01 input[type="text"],
.contact_box01 input[type="password"],
.contact_box01 textarea{
	width:100%;
	font-size:14px;
	border-width:0;
    height: 45px;
    line-height: 45px;
	padding:0px 10px;
	background:#fff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
	box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;}
.contact_box01 textarea{
	height:auto;
	line-height:normal;}
.cont_b01{
	margin-top:50px;
	text-align:center;}
.cont_b01 a {
	display:inline-block;
	width:200px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    letter-spacing: 1px;
    color: #fff;
	background:#74b88d;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
.cont_b01 a img {
    height: 18px;
    width: auto;}

.login_box01{
	width:100%;
	padding:15px;
	font-size:14px;
	margin-bottom:30px;
	border:1px solid #d2d2d2;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;}
.login_box01a{
	width:120px;}
.login_box01 a{
	display:inline-block;
	background:#74b88d;
	color:#fff;
	width:120px;
	margin:2px 0;
	text-align:center;
	line-height:34px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
.login_box01 a:hover{
	background:#222222;}
.order_box01{
	width:100%;
	padding: 15px;
	font-size: 14px;
	color: #fff;
    background: #b5cbba;
	text-align:center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.order_box02{
	width:100%;
	border: 1px solid #b5cbba;
	border-width:0px 1px 1px 1px;
	padding: 15px;
	font-size: 15px;
	color:#333;
	text-align:center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}

.order_box03{
	width:100%;
	margin-top:30px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
	-webkit-justify-content: space-between;
	justify-content: space-between;
    flex-wrap: wrap;}
.order_box01a,
.order_box02a{
	width:48%;
	padding:0px 15px;}
.order_box01b,
.order_box02b{
	width:27%;
	padding:0px 15px;}
.order_box01c,
.order_box02c{
	width:15%;
	padding:0px 15px;}
.order_box01d,
.order_box02d{
	width:10%;
	padding:0px 15px;}
.order_box01e,
.order_box02e{
	width:70%;
	padding:0px 15px;}
.order_box02a,
.order_box02e{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.order_box02a a,
.order_box02e a{
	display:block;
	width:100px;
	margin-right: 10px;}
.order_box02a a img,
.order_box02e a img{
	width:100%;
	height:auto;}
.order_box02b .pr_box_b-,
.order_box02b .pr_box_ba{
    width: 30px;
    height: 32px;
    line-height: 30px;}
.order_box02b .pr_box{
	height: 32px;}
.order_box02b .qua_box01{
	margin-right: 0;
    padding-top: 5px;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.15);}
.promotion{
	width:100%;
	color:#222222;
	background:#e9f2eb;
	padding:15px;
	border: 1px solid #b5cbba;
	border-width:0px 1px 1px 1px}
.pro_t02{
	font-size: 14px;
	font-weight:500;
	margin-bottom:10px;}

.pro_box05{
	width:100%;
	margin-bottom: 2px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;}
.pro_box05 span{
	width: 150px;
    display: block;
    padding: 5px 0;
    font-size: 13px;
    background: #bb7d42;
    color: #fff;
    text-align: center;}
.pro_box05 p{
	font-size: 14px;
    padding: 5.5px 15px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.flexbox01{
	width:100%;
	
	display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;}
.flexbox01a{
	width:65.66666%;
	margin-top:15px;}
.flexbox01b{
	width:32.33333%;
	margin-top:15px;}

.order_box04{
	width:100%;
	border: 1px solid #b5cbba;
	margin-bottom: 30px;}
.order_box06{
	width: 100%;}
.order_box06a{
	width:100%;
	margin-bottom: 30px;
	border: 1px solid #b5cbba;}
.order_box05{
	width:100%;
	margin-bottom: 30px;
	border: 1px solid #b5cbba;}

.order_box05b{
	padding:15px;}
.order_box04a,
.order_box05a{
	border-bottom:1px solid #b5cbba;
	padding: 10px 15px;
	font-weight: 500;
	background: #e9f2eb;
	color:#4c785c;
	line-height: 26px;}
.payment_box01,
.info_box01{
	font-size:14px;
	padding:15px;}

.info_box03{
	width:100%;
	font-size:14px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.info_box03 dd{
	width:180px;}
.info_box03 input{
	width:100%;
	font-size: 14px;
	border-width: 0;
	height: 31px;
	line-height: 31px;
	padding: 0px 10px;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
	box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;}
.info_box03 a {
    font-size: 13px;
    display: inline-block;
    background: #74b88d;
    color: #fff;
    line-height: 31px;
    padding: 0px 12px;
    margin-left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}

.price_box01{
	width:100%;
	font-size:14px;
	line-height:1;
	margin-bottom:10px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align:center;
    align-items:center;
	-webkit-justify-content: space-between;
	justify-content: space-between;}
.price_box01 span{
	/*width:100px;*/
	display:block;}
.price_box01 p{
	text-align:right;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;}
.price_box01a{
	font-weight:bold;}
.order_box05 hr,
.total_box01 hr{
	border-width:0px;
	border-top: 1px solid #b5cbba;
	margin-top: 20px;
	height:0px;
	margin-bottom: 20px;
    display: block;}
.order_box05b a.sbtn_b{
	width:100%;
	font-size: 16px;
	font-weight: 500;
	text-align:center;
    padding: 10px;
	margin:5px 0px 0px 0px;}
.pr_price{ 
	font-size:25px; line-height:26px; font-weight:500;}
.sbtn_b{ 
	display:inline-block; padding:5px 12px; margin:5px; background:#bb7d42; font-size:14px; cursor:pointer; border-radius:5px;}
.sbtn_b:hover{
	background-color:#885b30;}
.red{
	color:#CC0000}

.radio_box01{}
.radio_box01 label,
.checkbox_box01 label{
	display:block;
	line-height:20px;
	margin:10px auto;}
.radio_box01 label input[type="radio"],
.checkbox_box01 label input[type="checkbox"]{
    display: none;}
.radio_box01 label input[type="text"]{
	width: 50%;
    font-size: 14px;
    border-width: 0;
    height: 45px;
    line-height: 45px;
    padding: 0px 10px;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
    -moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
    box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;}
.radio_b01{
	display:inline-block;
	margin-right:0.5em;
	vertical-align:middle;
	width:20px;
	height:20px;
	background:#e2e2e2;
	cursor: pointer;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;}
.checkbox_b01{
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right:0.5em;
	background-color: #e2e2e2;
	vertical-align: middle;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;}
.radio_box01 label input[type="radio"]:checked + .radio_b01 {
    background: #74b88d;}
.radio_box01 label input[type="radio"]:checked + .radio_b01:before{
	position: relative;
	top: 7px;
	left: 7px;
	display: block;
	width: 6px;
	height: 6px;
	content: "";
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #fff;}
.checkbox_on{
	background:#74b88d}
.checkbox_on::after,
.checkbox_on::before {
    content: " ";
    position: relative;
    display: block;
    background: #fff;
    transform: rotate(45deg);}
.checkbox_on::after{
	width: 8px;
	height: 3px;
	left: 5px;}
.checkbox_on::before {
	width: 3px;
	height: 13px;
	left: 13px;
	top: 6px;}
.cart_t01{
	font-size:14px;
	margin-top:5px;}
.cart_t01 b{
	color:#CC0000}
.total{
	width:100%;
	border: 1px solid #b5cbba;
	border-width:0px 1px 1px 1px;
    color: #60785c;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;}
.total_box01{
	width:42%;
	padding:15px 15px 0px;}
.info_t01{
	line-height: 25px;
	margin-bottom:3px;}


.info_box02{
	font-size:14px;
	line-height:1.5;
	margin-bottom: 15px;}
.info_box02 b{
	color: #CC0000;
	font-size: 15px;
	font-weight: normal;}
.info_box02 dd{
	margin-bottom: 5px;}
.info_box02 dt{
	width:100%;}
.add_box01{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;}
.add_box01a{
	margin-right:0.5em;}
.add_box01b{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.add_box01c{
	margin-left:0.5em;}
.info_box02 dt select,
#m_login_all select{
	margin:0px 7px 7px 0;
	
	font-size:14px;
	border-width:0;
    height: 45px;
    line-height: 45px;
	padding:0px 10px;
	background:#fff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
	box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;}
.info_box02 dt input,
.add_box01 input{
	width:100%;
	font-size:14px;
	border-width:0;
    height: 45px;
    line-height: 45px;
	padding:0px 10px;
	background:#fff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
	box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;}
.info_box02 dt textarea{
	line-height:1.4;
	height: auto;
	
	width:100%;
	font-size:14px;
	border-width:0;
	padding:10px;
	background:#fff;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
	-moz-box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;
	box-shadow: rgba(0,0,0,0.1) 0px 0px 3px;}
#s1_sbtn_all{
	width:100%; text-align:center; font-size:15px;}
.s1_sbtn_all{
	width:100%; text-align:center; margin-top:3%; font-size:14px;}
.s1_sbtn_all{
	border: 1px solid #b5cbba;
	padding: 20px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;	
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.s1_t01 {
	font-size:18px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 500;}
.s1_t01 a{
	color:#619a76}
.s1_b01{
	text-align:right;
	width: calc(50% - 30px);}
.s1_b01 a{
	width:100%;
	max-width:200px;
	text-align:center;
	display:inline-block;
	padding: 12px;
	font-size:14px;
	line-height:1.5;
	background:#bb7d42;
	color:#fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}
.s1_b01 a:hover{
	background:#885b30;}
.login_box02{
	width: calc( 100% - 4px );
	max-width:500px;
    font-size: 14px;
	
	background: rgba(255, 255, 255, 0.3);
	margin: 50px auto ;
	box-shadow: 3px 2px 51px 0 rgba(0,0,0,.07);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 30px;}
.login_b01{
	margin-top:20px;
	margin-bottom:30px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	justify-content:space-between;}
.login_b01 a{
	display:block;
	height:44px;
	line-height:44px;	
	text-align:center;
	letter-spacing:1px;
	width:48%;
	margin-top:10px;
	color:#fff;
	font-size:14px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
.login_b01 a.login_b01a{
	background:#74B88D;}
.login_b01 a.login_b01a:hover{
	background:#4C785C}
.login_b01 a.login_b01b{
	background:#bb7d42;}
.login_b01 a.login_b01b:hover{
	background:#885b30;}
.login_b01 a.login_b01c{
	background:#4267b2;}
.login_b01 a.login_b01d{
	background:#ea4235;}
.login_b02{
	font-size:14px;
	margin-top:15px;}
.login_b02 a{
	color:#cc0000}
.member_box01{
	margin:30px auto;}
.member_box01 dl{
	margin:10px auto;
	padding-bottom:10px;
	border-bottom:1px dashed rgba(0,0,0,0.1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;}
.member_box01 dt{
	font-size:14px;
	color:#222222;
	font-weight:500;
	display:block;
	width:6em}
.member_box01 dd{
	font-size:14px;
	display:block;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}

.member_b01{}
.member_b01 a{
	display:block;
	height:40px;
	line-height:40px;
	padding:0px 15px;
	text-align:left;
	letter-spacing:1px;
	color:#fff;
	font-size:15px;
	font-weight:500;
	margin:0px 0px 10px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#74b88d;}
.member_b01 a:hover{
	background:#222222}


.member_b02{
	margin-top:30px;
	text-align:center;}
.member_b02 a{
	display:inline-block;
	height:33px;
	line-height:33px;
	padding:0px 15px;
	text-align:center;
	letter-spacing:1px;
	color:#fff;
	font-size:13px;
	margin:0px 5px 10px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#74b88d;}
.member_b02 a:hover{
	background:#222222}

#m_title,
#m_bg2{}
#m_title,
.me_box02,
.me_box03{ 
	overflow:hidden; 
	padding:13px 0; 
	font-size:15px; 
	color:#353535; 
	margin-top:0px;}
#m_title{
	background:#74b88d;
	color:#fff;}
#m_title p{
	font-weight:500;}
#m_title_01{ display:inline-block; width:20%; text-align:center;}
#m_title_02{ display:inline-block; width:19%; text-align:center;}
#m_title_03{ display:inline-block; width:14%; text-align:center;}
#m_title_04{ display:inline-block; width:20%; text-align:center;}
#m_title_05{ display:inline-block; width:40%; text-align:center;}
#m_title_06{ display:inline-block; width:20%; text-align:center;}
#m_title_07{ display:inline-block; width:20%; text-align:center;}
#m_m4_c{
	display:block; width:100%; overflow:hidden; border-bottom:1px solid rgba(0,0,0,0.15);
	font-size:15px; color:#353535; padding:15px 0px; position:relative}
#m_m4_c:hover{ 
	background:rgba(0,0,0,0.05);}
#m_m4_c span{color:#353535; display:none}
#m_m4_01{ display:inline-block; width:20%; text-align:center; vertical-align:middle;}
#m_m4_02{ display:inline-block; width:19%; text-align:center; vertical-align:middle;}
#m_m4_03{ display:inline-block; width:14%; text-align:center; color:#e60012; vertical-align:middle;}
#m_m4_04{ display:inline-block; width:14%; text-align:center; color:#e60012; vertical-align:middle; position:relative; right:0px; top:0px;}
#m_m4_05{ display:inline-block; width:20%; text-align:center; vertical-align:middle;}
#m_m4_06{ display:inline-block; width:40%; text-align:center; vertical-align:middle;}
#m_m4_07{ display:inline-block; width:20%; text-align:center; vertical-align:middle;}
#m_m4_08{ display:inline-block; width:20%; text-align:center; vertical-align:middle;color:#e60012;}
#m_m4_f{ width:100%; overflow:hidden; font-size:15px; margin-bottom:15px; line-height:1.8;}
#mbtn_b{
	border:0; 
	padding:10px 10px; 
	background:#bb7d42; 
	text-align:center; 
	color:#FFFFFF; 
	font-size:13px; 
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;}
#mbtn_b:hover{
	background:#885b30}
.me_t01,
.me_t02,
.me_t03{
	line-height:1.5}
.me_t01{
	width:8em;
	display:inline-block;
	text-align:right;
	margin-right:0.5em}
.me_t03{
	width:100%;
	margin-bottom:1.25rem;
	font-size:0.875rem;}
.me_t03 b{
	color:#e5004f}
.me_t02{
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;}

.me_box02,
.me_box03{
	margin:0;
	list-style:none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	align-items: center;}
.me_box02{
	width:100%;
	background:#74b88d;
	color:#ffffff;}
.me_box03{
	width:100%;
	border-bottom:1px solid rgba(0,0,0,0.15);
	list-style:none;}
.me_box03:hover {
    background: rgba(0,0,0,0.05);
}
.me_box02a,
.me_box02b,
.me_box02c,
.me_box02d,
.me_box03a,
.me_box03b,
.me_box03c,
.me_box03d{
	padding:0px 0.625rem;
	text-align:center;}
.me_box02a,
.me_box03a{
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;}
.me_box02b,
.me_box03b{
	-webkit-flex: 3; /* Safari 6.1+ */
    -ms-flex: 3; /* IE 10 */
    flex: 3;}
.me_box02c,
.me_box03c{
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;}
.me_box03c b{
	color:#e5004f}
.me_box02d,
.me_box03d{
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;}
.page_t01{
	margin-top:30px;
	margin-bottom:15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:space-between;}
.page_t01 h2{
	flex: 1;
	text-transform:uppercase;
	display:block;
	font-size:20px;
	letter-spacing:0.1em;
	color:#539379;
	font-weight:500;}
.page_t01 h2 img{
	height: 30px;
    width: auto;
    margin-right: 5px;
    vertical-align: sub;}
.page_t01 a{
	font-size:14px;}
.about_box01{
	width:100%;
	padding:30px;
	background:#245035;
	color:#fff;
	text-align:center;
	margin-bottom:30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:space-between;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;}
.about_box01En{
	width:100%;
	padding:30px;
	background:rgba(224, 191, 114, 0.13);
	color:#539379;
	margin-bottom:30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:space-between;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;}
.about_box02{
	width:100%;
	color:#fff;
	padding:15px 47px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content:space-between;}
.about_box01a{
	padding-right:30px;
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;}

.about_box01b{
	width:500px;
	text-align:center;}
.about_box01c{
	width:400px;
	text-align:center;}
.about_box01d {
    width: 300px;
    text-align: center;}
.about_box01c img,
.about_box01b img,
.about_box01d img{
	max-width:100%;
	height:auto;}
.about_box04{
	background:#245035;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;}
.ab_t01{
	display:block;
	font-weight:600;
	font-size:32px;
	margin-bottom:15px;}
.ab_t02{
	display:block;
	font-weight:600;
	font-size:32px;
	margin-bottom:15px;}
.ab_t02 img {
    width: auto;
    height: 50px;
    margin-right: 5px;
    vertical-align: sub;
}
.ab_t03{
	display:block;
	font-weight:600;
	font-size:32px;
	margin-bottom:15px;}
.ab_t03 img {
    width: auto;
    height: 50px;
    margin-right: 5px;
    vertical-align: sub;}
.about_box03{
	width:100%;
	margin-top:30px;
	padding:30px;
		background:#245035;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:space-between;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;}
.about_box03a{
	width:550px;}
.about_box03b{
	color:#fff;
	text-align:center;
	padding-left:30px;
	-webkit-flex: 1; /* Safari 6.1+ */
    -ms-flex: 1; /* IE 10 */
    flex: 1;}
.about_box03a img{
	width:100%;
	height:auto;}
.about_box03b .edit,
.about_box01a .edit{
	color:#402d27}
.ab_t03{
	display:block;
	font-weight:600;
	font-size:32px;
	margin-bottom:15px;}
.teacher_video01 {
	display:block;
	width:100%;
	overflow:hidden;}
.teacher_video01a{
	display:block;
	width:58%;
	float:left;}
.iframe_video {
	display:block;
	width:100%;
	line-height:normal;
	height:0px;
	padding-bottom:56%;
	position:relative;
	overflow:hidden;
	margin-bottom:15px;}
.iframe_video video,.iframe_video iframe{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background: #000000;}
.teacher_video01_c {
	display:block;
	width:100%;
	overflow:hidden;
	line-height:1.7;
	font-size:15px}
.teacher_video01_c img{
	max-width:100%;
	height:auto}
.teacher_video01_c ul {
    margin: inherit;
	padding: inherit;}
.teacher_video01_c li{
	margin: inherit;
	padding: inherit;}
.teacher_video01b,
.teacher_video01b li{
	list-style:none;
	padding:0;
	margin:0;}
.teacher_video01b{
	width:42%;
	float:right;
	padding-left:20px;
	list-style:none;}
.teacher_video01b li {
	padding:0px 0px 10px 0px;}
a.video_list01{
	display:block;
	padding:15px 10px;
	width:100%;}
a.video_list01:hover{
	background:#e2f2e6}
a.video_list01y,
a.video_list01y:hover{
	background:#e2f2e6}
/*a.video_list01y .video_t01,
a.video_list01y.video_t02{
	color:#ffffff}*/

.video_list01a,.video_list01b{
	display:inline-block;
	vertical-align:top;}
.video_list01a{
	width:40%;}
.video_list01b{
	width:60%;
	padding-left:20px;}
.video_list01a img{
	width:100%;
	height:auto}
.video_t01{
	display:block;
	font-weight:bold;
	font-size:15px;
	margin-bottom:10px;
	color:#434343}
.video_t02{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666;}


.mind_t01{
	margin-bottom:30px;
	position:relative;
	border-bottom: 1px solid rgba(0,0,0,0.15);
	padding: 15px 0 13px 28px;
	letter-spacing: 1px;}
.mind_t01 h4{
	display:block;
	font-size:22px;
	font-weight:600;
	color:#539379;}
.mind_t01::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-top: 20px solid #c6cfbc;
    border-right: 20px solid transparent;}
.pic_box01{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
	-webkit-box-align:flex-start;
    -ms-flex-align:flex-start;
    align-items:flex-start;}
.pic_box01 a{
	display:block;
	width:14.666666%;
	margin:0px 1% 2%;}
.pic_box01 p,
.pic_box01 span{
	display:block;}
.pic_box01 p{
	width:100%;
	height:0;
	line-height:normal;
	padding-bottom:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;}
.pic_box01 span{
	font-size:14px;
	margin-top:5px;
	text-align:center;}
input.can_b01{
	padding:0;
	border:0;
	margin:2.5px 0;
	text-indent:-999999999px;
	background:none;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../images/symbol/calendar.svg);
	background-size:contain;
	width:40px;
	height:40px;
	line-height:normal;
	border-radius:0;
	box-shadow:none;}
a.can_b01{
	display:block;
	font-size:30px;}
a.inq_b01{
	color:#FF0036;
	text-decoration:underline;}
.en_box01,
.en_box02{
	width:100%;
	margin:30px auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:flex-start;
	justify-content:space-between;}
.en_box02{
	margin:30px auto 60px;}
.en_box01a{
	text-align:center;
	margin-right:30px;
	-webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.en_box01b{
	width:50%;}
.en_p01{
	text-align:center;
    color: #539379;
	margin-bottom:15px;}
.en_p02{
	text-align:center;
    color: #539379;
	margin:30px auto 15px;}
.en_box02a{
	width:30.3333%;
	display:block;}
.en_box02a img{
	width:100%;
	height:auto;}
.en_box02a h6{
	display:block;
	margin-top:15px;
	text-align:center;
	font-weight:bold;
	font-size:18px;}
.m_bg,
.m_bgOn{
	display:none}
.order_box02c span,
.order_box02b span{
	display:none}
@media only screen and (max-width: 1200px) {
.wrapper,
.down,
.page,
.pro_page,
.mem_page,
.top,
.page_bg,
.cart_page,
.mem_page{
	width:100%;}
.in_product{
	margin:0px 0px;}
.top a {
    font-size: 15px;}
.product_list,
.in_product,
.shop_list{
    margin: 0px;}
.pro_box01,
.pro_page,
.mem_page{
    padding: 0px 15px;}
.mem_page{	
    flex-wrap: wrap;}
.mem_right {
    margin-left: 0px;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
	width: 100%;}
.pro_box06 {
    width: 25%;}
.page_t01 h2 {
	letter-spacing: 0.15em;
	font-weight:bold;}
.page_t01 h2 img {
    height: 37.5px;}
.mem_left {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    margin-top: 50px;
    margin-right: 50px;
    width: 150px;}
.mem_center {
    width: 100%;
    max-width: 100%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;}
.shop_t01 {
    font-size: 20px;}
.shop_b01 a {
    font-size: 13px;}
.shop_box01a .edit {
    margin-top: 20px;}
}
@media only screen and (max-width: 900px) {
.teacher_video01a {
    width: 100%;}
.teacher_video01b {
    width: 100%;
    padding-left: 0px;}
.video_list01a {
    width: 15%;}
.pic_box01 a {
    width: 18%;}
.nav.nav{
	display:none;}
.top a.logo {
    width: 60px;
    height: 70px;}
.lang {
	display:none;}
.lang_b01 {
    width: 120px;}
nav.m_nav{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	justify-content:flex-end;}
.menu{
	margin-left:20px;
	display:block;
	cursor:pointer;
	font-size:30px;
	color: #74b88d;}
.menu:hover{
	color:#222222;}
.top a.user,

.top a.cart{
    width: 30px;
    height: 30px;}
.top a.logout{
    width: 41.53px;
	height: 30px;}
.top {
    padding: 15px}
.header_h {
    height: 100px;}
.faq {
    padding-top: 100px;
    margin-top: -50px;}

.m_bg{
	background:#fff9fb;
	width:100%;
	height:100%;
	overflow-y:auto;
	position:fixed;
	left:0;
	top:0;
	z-index:1500}
.m_bgOn{
	display:block;}
.about_box02,
.about_box01En,
.en_box01,
.in_box01,
.about_box03,
.about_box01{
    flex-wrap: wrap;}
.down_box01, .down_box03 {
    width: 100%;}
.down_box02 {
    padding-left: 0px;
    padding-top: 30px;
    text-align: center;}
.social_b01 {
    margin-bottom: 15px;}
.about_box01d {
    width: 200px;}
.about_box01b {
    width: 100%;}
.about_box01a {
    padding-right: 0px;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 100%;}
.about_box01c {
    width: 100%;
	margin-top:20px;}
.about_box01d {
    width: 200px;
    margin: 20px auto 0;}
.en_box01a {
	margin-bottom:20px;
	width:100%;
    margin-right:0px;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none}
.en_box01b {
    width: 100%;}

.in_box02a h2,
.in_box02b h2,
.faq_t01,
.in_box01b h2{
    font-size: 24px;}
.ab_t03 img,
.in_box02a h2 img,
.ab_t02 img,
.faq_t01 img,
.in_box01b h2 img{
    height: 37.5px;}
.about_box03a {
    width: 100%;}
.about_box03b {
	width:100%;
	margin-top:20px;
    padding-left: 0px;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;}
.pro_box02,
.pro_box06{
    width: 33.3333%;}
a.news_box01 {
    width: calc( 33.3333% - 30px );}
.pro_box01{
	width:calc(100% / 2 - 10px);

}
.pro_box03a {
    width: 100%;}
.pro_box03b {
    padding-left: 0px;
    width: 100%;
	margin-top: 20px;}
.pic_box01 a {
    width: 23%;}
.cag_box02 a {
    width: 33.33333%;}

.flexbox01a{
	width:100%;}
.flexbox01b{
	width:100%;}
.qua_box01a input {
	font-size: 16px;}
.size_t01{
	font-size:16px;}
.size_table{
	font-size:12px;}
.order_box02 {
	font-size: 14px;}
.order_box01b,
.order_box01c,
.order_box01d{
	display:none;}
.order_box01a{
	width:100%;}
.order_box01{
	padding:10px 15px;}
.order_box02{
    padding: 10px 15px;
    flex-wrap: wrap;
	position:relative}
.order_box02a,
.order_box02e{
    width: 100%;
	padding: 0px;}
.order_box02d {
    width: 14px;
    padding:0px;
	position: absolute;
	right: 15px;
	top: 10px;}
.order_box02b {
    width: auto;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align:right;
    padding:24px 0px 5px;
    order: 1;}
.order_box02c {
    width: auto;
	font-size: 13px;
    padding:24px 0px 5px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;}
.order_box02c span,
.order_box02b span{
	display:inline-block;}
.order_box03 {
	display: block;
    margin-top: 15px;}
.order_box04{
	width:100%;
    margin-bottom: 15px;}
.order_box05 {
    width: 100%;
    margin-bottom: 15px;}
.order_box02b span{
	display:inline-block;}
.total_box01 {
    width: 100%;
    padding: 15px 10px 0px;}
.order_box06 {
    width: 100%;}
.s1_sbtn_all{
    flex-wrap: wrap;}
.s1_t01,
.s1_b01{
	width:100%;}
.s1_b01 {
    order: 1;
    text-align: center;}
.member_b01{
	text-align:center;}
.s1_t01{
    margin-top: 10px;
	line-height:1;
    order: 2;}
.order_box01e {
    width: 100%;
    padding: 0px;}
.shop_box01 {
    width: 100%;
    margin: 0px 0% 25px;}
.shop_box01 {
    flex-wrap: wrap;}

.down_box01a {
    margin-top: 20px;
    margin-bottom: 0px;}

}
@media only screen and (max-width: 675px) {
.add_box01b {
    min-width: 100%;}
.pro_box02, .pro_box06 {
    width:50%;}
a.news_box01 {
    width: calc( 50% - 30px );}
.cag_box02 a {
    width: 50%;}
.mem_left {
    margin-top: 20px;
    margin-right: 0px;
    width: 100%;}
.member_b01 a {
    display: inline-block;
    width: 49%;
    margin: 0px 0.5% 10px;}
.login_box02 {
	margin: 20px auto;}
#m_m4_01, #m_m4_02, #m_m4_03, #m_m4_04 {
    display: block;
    width: 100%;
    text-align: left;
    margin: 5px 0;
	padding: 0px 5px;}
#m_title_02,#m_title_03{
	display:none}
#m_m4_c {
    padding: 10px 0px;
    font-size: 14px;}
#m_title, .me_box02, .me_box03{
	font-size:14px;}
#m_m4_c span {
    display: inline;}
#mbtn_b {
    display: block;}
#m_title_01 {
    display: block;
    width: 100%;}
.me_box02b,
.me_box02a,
.me_box02d{
	display:none;}
.me_box02, .me_box03 {
    display: block;}
.me_box03a, .me_box03b, .me_box03c, .me_box03d {
    text-align: left;
	padding: 5px 0.625rem;}
.me_box03a:before{
	content:"到期日：";}
.me_box03b:before{
	content:"資料來源：";}
.me_box03c:before{
	content:"紅利點數：";}
.me_box03d:before{
	content:"生效日期：";}
.in_box01a {
    width: 100%;}
.in_box01b {
    padding: 20px 0px 0px 0px;
    width: 100%;}

.pro_box01b {
    padding: 10px 0 30px 0;}
.pro_box01b h3 {
    line-height: 1.3;
    font-size: 15px;}
.pro_box01b p {
    font-size: 14px;}
.down_box02 .social_b01 a.social_b01a {
    font-size: 14px;
    padding: 14px 10px;}
.tag_b01 {
    line-height: 1.5;}
.news_box02 h4 {
    font-size: 17px;}
.news_box02 h1 {
    font-size: 24px;}
.news_box02 time {
    margin-bottom: 10px;}
.q .faq_box01a, .q .faq_box01b {
    line-height: 18px;}
.faq_box01a {
    width: 28px;
    font-size: 18px;}
.in_edit, .edit {
    font-size: 14px;}
.shop_box01b {
	width:100px;}
.pro_box03b h4 {
    font-size: 18px;
	margin-bottom: 20px;
	padding: 10px 0 10px 20px;}
.pro_t01 {
    margin-bottom: 20px;
    font-size: 18px;}
.pro_box05 p {
    min-width: 100%;
	padding: 5.5px 15px 5.5px 0px;}
.pro_box05{
    flex-wrap: wrap;}
.manu {
	font-size: 12px;}

}
@media only screen and (max-width: 481px) {
.page_bg h2 {
    font-size: 40px;}
.page_bg h1 {
    font-size: 28px;}
.pic_box01 a {
    width: 31.33333%;}
.cag_box02 a {
    width: 100%;}
.ab_t03, .in_box02a h2, .in_box02b h2, .faq_t01, .in_box01b h2,.ab_t02{
}

.ab_t03 img, .in_box02a h2 img, .faq_t01 img, .in_box01b h2 img,.ab_t02 img {
    height: 30px;}


.shop_box01a {
    min-width: 100%;
    margin-top: 20px;}
.shop_box01b {
    width: 100%;
    margin-right: 0;}

}
/*購物車數量*/
.global-cart-count {
   position: absolute;
    background: #d60000;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    height: 15px;
    width: 15px;
    line-height: 15.5px;
    text-align: center;
    vertical-align: middle;
    top: 0;
    text-indent: 3px;
    right: 0px;
}
.cart{
	position: relative;
}
/*20230209*/
.pro_box01a .img{
    height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pro_box01a .img img,.pro_box03a a img{
	/*
    height: 100%;
    max-width: fit-content;
	*/
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.pro_box03a .example-image-link img {
    height: auto;
    max-width: 100%;
}
@media only screen and (max-width: 675px){
.pro_box03a a{
	height:auto;
}
.pro_box01a .img{
	height:160px;
}	
}

.global-cart-count {
   position: absolute;
    background: #d60000;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    height: 15px;
    width: 15px;
    line-height: 15.5px;
    text-align: center;
    vertical-align: middle;
    top: 0;
    text-indent: 3px;
    right: 0px;
}
.cart{
	position: relative;
}

/*20230306*/
.nav_list{
	position: relative;
}
.nav_list_down{
    position: absolute;
    width: 205px;
  
    top: 35px;
    left: 18px;
	display: none;	
}
.nav_list_down a.nav_list_down_link{
    display: block;
    padding: 10px 5px;
    background: #cdedd4;
    border-left: 3px solid #74b88d;
}
.nav_list:hover .nav_list_down{
	display: block;
}
.nav_list_down_pad{
	padding-top:0px;
}
@media only screen and (max-width: 900px) {
.mobile_btn_list{
    display: flex;
    justify-content: space-between;	
}
.mobile_btn_list .top_link{
	width:calc(100% - 50px)
}
.mobile_btn_list .icon_btn{
    width: 50px;
    text-align: center;
}
.mobile_down{
}
.mobile_down_pad{}
.mobile_down_pad .nav_list_down_link{
	display: block;
    padding: 10px 5px;
    background: #cdedd4;
    border-left: 3px solid #74b88d;
	margin-bottom:0px;
}
}

.tooter_menu_title{
    margin-bottom: 15px;
    padding-bottom: 15px;
	margin-right: 15px;
    border-bottom: 1px solid #ddd;
}
.footer_menu_row{
	width:100%;
    display: flex;
    flex-wrap: wrap;	
}
.tooter_menu_list{
    width: calc(100% /6);
    margin-bottom: 40px;	
}
.tooter_menu_box{}
.tooter_menu_box a{
	display: block;
    color: #ffffff;
    margin-bottom: 15px;
    padding-right: 15px;
}
@media only screen and (max-width: 900px) {
.tooter_menu_list{
    width: auto;
}	
}
@media only screen and (max-width: 600px) {
.tooter_menu_list{
   width: calc(100% /2);
}	
}

/*區塊*/
.item_box_ph{
    display: none;
}
@media only screen and (max-width: 760px) {
.item_box_pc{
    display: none;
}	
.item_box_ph{
    display: block;
}
}
.in_box01a{}
/*20230719*/
.ab_title{
	font-size: 22px;
    font-weight: 900;
}
@media only screen and (max-width: 900px) {
.ab_t01, .ab_t02, .ab_t03{
		font-weight:bold;
    font-size: 24pt;
}
}
/*20230814*/
.page_pd_title{
	flex: 1;
    text-transform: uppercase;
    display: block;
    font-size: 20px;
    letter-spacing: 0.1em;
    color: #539379;
    font-weight: 500;
}
.page_pd_title img{
	height: 30px;
    width: auto;
    margin-right: 5px;
    vertical-align: sub;}
