@charset "euc-jp";
html{scroll-behavior:smooth}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;list-style:none}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}td,th{text-align:left;vertical-align:top}hr{display:block;height:1px;background:#ddd;border:none;margin:1em 0;padding:0;overflow:hidden}input,select{vertical-align:middle}label{cursor:pointer}legend{display:none}input,select,textarea{font-family:"Yu Gothic","Þ⥴¥·¥Ã¥¯",YuGothic,"Þ⥴¥·¥Ã¥¯ÂÎ","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro","¥á¥¤¥ê¥ª",Meiryo,"£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PGothic",sans-serif;font-size:16px;line-height:1.4}@media all and (-ms-high-contrast:none){input,select,textarea{font-family:"¥á¥¤¥ê¥ª",Meiryo,"£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PGothic",sans-serif}}@supports (-ms-accelerator:true){input,select,textarea{font-family:"Yu Gothic","Þ⥴¥·¥Ã¥¯",YuGothic,"Þ⥴¥·¥Ã¥¯ÂÎ","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3","Hiragino Kaku Gothic Pro","¥á¥¤¥ê¥ª",Meiryo,"£Í£Ó £Ð¥´¥·¥Ã¥¯","MS PGothic",sans-serif}}*{box-sizing:border-box}button,input,textarea{color:#333;padding:.5em;vertical-align:middle}input[type=file],input[type=password],input[type=text],select,textarea{margin:1px 0;letter-spacing:normal;position:relative;color:#333;padding:.5em;vertical-align:middle;z-index:1;display:inline-block;background-color:#f5f5f5;border:1px solid #fff;border-radius:3px;-webkit-transition:.2s;transition:.2s}input[type=file]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#75b9f0;background:#fff;box-shadow:0 0 8px rgba(82,168,236,.6);outline:0 none;z-index:2}button[type=submit],input[type=submit]{cursor:pointer}input[type=checkbox]{vertical-align:middle;margin:0 .3em 0 0}input[type=radio]{vertical-align:middle;margin:0 .3em .2em 0}@media(max-width:740px){input,select,textarea{font-size:16px}::placeholder,input::placeholder{font-size:10px}select{border-color:#ccc}}label{display:inline-block;border:1px solid #ddd;padding:3px 10px;margin:3px 6px 3px 0;border-radius:3px;background:linear-gradient(to bottom ,#fff ,#eee);-webkit-transition:all .2s ease-out;transition:all .2s ease-out}label:hover{border-color:#75b9f0;box-shadow:0 1px 2px rgba(0,0,0,.1) inset,0 0 8px rgba(82,168,236,.6)}label.checked{color:#00233f;border-color:#75b9f0;background:linear-gradient(to bottom,#fff,#bfe2ff)}.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}.clearfix{min-height:1px}.clear{clear:both}

body {
    font-size:16px; line-height: 1.8; font-weight: 500; word-break: normal; position:relative; -webkit-text-size-adjust: none; min-width:1000px;
    font-family:"Yu Gothic", "Þ⥴¥·¥Ã¥¯", YuGothic, "Þ⥴¥·¥Ã¥¯ÂÎ","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3" , "Hiragino Kaku Gothic Pro" , "¥á¥¤¥ê¥ª" , Meiryo , "£Í£Ó £Ð¥´¥·¥Ã¥¯" , "MS PGothic" , sans-serif;
  background-color: #fff;
  background-image: url(https://img.shop-pro.jp/tmpl_img/73/bg.gif);
  color: #333;
}
a {
  color: #50a817;
  text-decoration: none;
  font-weight:bold;
  transition:  all 0.2s ease-out;
}
a:hover {
  color: #F70;
  text-decoration: none;
}
a img,.bl{-webkit-transition:  all 0.2s ease-out; transition:  all 0.2s ease-out;}
a img:hover,.bl:hover{ opacity:0.8;}.bl:hover img,.bl:hover .button{ opacity:1; text-decoration:none;}

p{ margin:0 0 1em;}
::selection {background: #AAD9FF; color:#003;}
::-moz-selection {background: #AAD9FF; color:#003;}
img{max-width:100%; position:relative; line-height:1; vertical-align:middle;}
@media(max-width:960px){
	body {
		min-width: 320px;
	}
}


/*
 * contents
 */
  #contents .topicpath-nav li {
    padding: 0;
  }
  #contents .topicpath-nav a {
    margin-left: 5px;
  }


/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_c_333 {color: #333;}

/* background */
.bgc_gray {
  background-color: #f1f1f1;
}

/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }

/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }

/* border */
.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee; }
.bor_l_1 { border-left: 1px solid #eee; }

/* vertical align */
.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }

@media (max-width: 980px) {
  /* ~980px */
  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    min-width: 100% !important;
    width: 100% !important;
  }
}

/*
 * icons
 */
.icon-user { background-position: -208px 0px; }
.icon-lg-b.icon-user { background-position: -312px 0px; }
.icon-adduser { background-position: -240px 0px; }
.icon-lg-b.icon-adduser { background-position: -360px 0px; }
.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-home { background-position: -176px -16px; }
.icon-lg-b.icon-home { background-position: -264px -24px; }
.icon-mail { background-position: -64px 0px; }
.icon-lg-b.icon-mail { background-position: -96px 0px; }
.icon-pencil { background-position: -96px 0px; }
.icon-lg-b.icon-pencil { background-position: -144px 0px; }
.icon-help { background-position: -272px -80px; }
.icon-lg-b.icon-help { background-position: -408px -120px; }
.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }
.icon-twitter { background-position: -96px -176px; }
.icon-lg-b.icon-twitter { background-position: -144px -264px; }
.icon-instagram { background-position: -112px -192px; }
.icon-lg-b.icon-instagram { background-position: -168px -288px; }
.icon-facebook { background-position: -128px -176px; }
.icon-lg-b.icon-facebook {background-position: -192px -264px; }
.icon-youtube { background-position: -128px -160px; }
.icon-lg-b.icon-youtube { background-position: -191px -240px; }

.icon-b,
.icon-w {
  width: 16px;
  height: 16px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.icon-lg-b,
.icon-lg-w {
  width: 24px;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }

  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }

  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }
  .icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}
@media (max-width: 768px) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}

@media(min-width:961px){.pcHidden{ display:none !important;}}
@media(max-width:960px){.spHidden{ display:none !important;}}

.container,
.top_container{
    max-width: 1280px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
}
.container{
	width: 100%;
}
.top_container{
	width: auto;
}


/* itemlist */
.item_list_style{
	display: flex;
	flex-wrap: wrap;
	gap: 40px 30px;
}
.item_list_style .block{
	width: calc((100% - 30px * 2) / 3);
}
.item_list_style .link{
	display: block;
}
.item_list_style .imagebox{
	width: 100%;
	height: 300px;
	margin-bottom:15px;
	background: #f1f1f1;
}
.item_list_style .imagebox .img{
	object-fit: contain;
	width: 100%;
	height: 100%;
}
.item_list_style .name{
	font-weight: bold;
	color: #126F54;
	margin-bottom:10px;
	font-size: min(2.7vw, 20px);
	line-height: 1.2;
}
.item_list_style .comment{
	color: #333;
	font-size: 14px;
	margin-bottom:10px;
	font-weight: normal;
}
.item_list_style .price_block .price{
	color:#e10000;
	text-align:right;
}
.item_list_style .price_block p{
	margin-bottom: 0;
}
.item_list_style .price_block p + p{
	margin-top: 1em;
}

.item_list_style.history{
	gap: 30px 15px;
	margin-bottom:70px;
}
.item_list_style.history .block{
	width: calc((100% - 15px * 4) / 5);
}
.item_list_style.history .imagebox{
	height: 180px;
}
.item_list_style.history .name{
	font-size: min(1.8vw, 16px);
}
@media (max-width: 1300px) {
	.item_list_style .imagebox{
		height: 21vw;
	}
}
@media (max-width: 960px) {
	.item_list_style.history .block{
		width: calc((100% - 15px * 3) / 4);
	}
	.item_list_style .imagebox{
		height: 24vw;
	}
	.item_list_style.history .imagebox{
		height: 16vw;
	}
}
@media (max-width: 780px) {
	.item_list_style.history .block{
		width: calc((100% - 15px * 2) / 3);
	}
	.item_list_style.history .imagebox{
		height: 21vw;
	}
}
@media (max-width: 640px) {
	.item_list_style{
		gap: 35px 15px;
	}
	.item_list_style .block{
		width: calc((100% - 15px) / 2);
	}
	.item_list_style .imagebox{
		height: 37vw;
	}
	.item_list_style .name{
		font-size: 17px;
	}
	.item_list_style.history .block{
		width: calc((100% - 15px * 2) / 3);
	}
	.item_list_style.history .imagebox{
		height: 26vw;
	}
}

@media (max-width: 540px) {
	.item_list_style.history .block{
		width: calc((100% - 15px * 1) / 2);
	}
}

/*  */
.contents_style1{
	display: flex;
	flex-direction: column;
	gap: 50px 0;
}


/*  */
.sort_block{
	display: flex;
	justify-content: center;
	gap: 20px;
	font-weight: bold;
	margin-bottom:30px;
}


/*  */
.pager_link_wrapper{
	display: flex;
	justify-content: space-between;
	max-width: 230px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
.pager_link_wrapper .link{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-weight: bold;
	color: #299D84;
	transition:
	color .3s;
	cursor: pointer;
}
.pager_link_wrapper .icon{
	border: 2px solid #299D84;
	font-size: 180%;
	width: 1.5em;
    height: 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100vw;
	transition:
		background .3s,
		color .3s;
}
.pager_link_wrapper .link:hover{
	color: #00cc8f;
}
.pager_link_wrapper .link:hover .icon{
	background: #299D84;
	color: #fff;
}
.pager_link_wrapper .link.disabled{
	pointer-events: none;
	color: #ddd;
}
.pager_text{
	margin-bottom: 0;
}
.pager_text b{
	font-size: 120%;
}


/*  */
.sub_link_wrapper{
	display: flex;
	flex-direction: column;
	gap: 15px 0;
}
.sub_link_wrapper .link{
	display: flex;
	color: #126F54;
	transition: color .4s;
}
.sub_link_wrapper .link:hover{
	color: #00cc8f;
}
.sub_link_wrapper .link::before{
	content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
	font-size: 80%;
    border: 2px solid #299D84;
    border-radius: 100vw;
    width: 1.7em;
    height: 1.7em;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background .4s;
}
.sub_link_wrapper .link:hover::before{
	background: #299D84;
	color: #fff;
}
.sub_link_wrapper .text{
	flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
	padding-left:.8em;
}


/* table */
.table_style{
	display: flex;
	flex-direction: column;
	gap: 20px 0;
}
.table_style .inner{
	display: flex;
}
.table_style .th_style{
	font-weight: bold;
}
.table_style .td_style{
	flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
	padding-left: 1em;
}
@media (max-width: 960px){
  .table_style.spstyle .inner{flex-direction:column;}
  .table_style.spstyle .th_style{width:100%; margin-bottom:.5em;}
}


/* title */
.titlestyle1{
	padding: 0.6em 0.7em;
    border-bottom: 1px solid #ddd;
    background: linear-gradient(to bottom , #fff 30%,#f5f5f5);
    box-shadow: 0 -1px 0 0px #fff inset;
    border-top: 1px solid #299D84;
	line-height: 1.4;
    font-size: 27px;
    font-weight: bold;
	margin-bottom:.7em;
}

.titlestyle2{
	padding: 0.3em 0.6em;
    border-left: 4px solid #299D84;
	line-height: 1.4;
    font-size: 23px;
    font-weight: bold;
	margin: 0 0 0.7em;
	background: #fff;
}

.titlestyle3{
	color: #299D84;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 10px;
}


/* header */
.header{
	background: #fff;
	position: fixed;
	left:0;
	top:0;
	width: 100%;
	min-width: 1000px;
	z-index: 50;
	box-shadow: 0 1px 5px rgba(0,0,0,.3);
}
.header_inner{
    max-width: 1360px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	padding-top:15px;
	padding-bottom:15px;
}
.header .logo{
	max-width: 200px;
}
.header .member_nav{
	display: flex;
	justify-content: flex-end;
	gap: 30px;
}
.header .gnav .link{
	color: #126F54;
	display: flex;
	align-items: center;
	font-weight: bold;
	margin: 0;
	cursor: pointer;
}
.header .gnav .link:hover{
	color: #00cc8f;
}
.header .gnav .link i{
	margin-right: 7px;
}
.header .gnav .dropdown > .link::after{
	content: "\f0d7";
	font-family:"Font Awesome 5 Free"; font-weight:600;
	margin-left:4px;
	color: #34c3a1;
}
.header .member_nav{
	margin-bottom:10px;
}
.header .member_nav i{
	font-size: 116%;
}
.header .gnav_list{
	display: flex;
	justify-content: flex-end;
	gap:30px;
	font-size: 18px;
	align-items: center;
}
.header .gnav_list i{
	font-size: 140%;
}
.header .gnav_list .cart_button{
	background: #126F54;
	color: #fff;
	padding: 9px 15px;
	font-size: 15px;
    line-height: 1;
	transition: background .4s;
}
.header .gnav_list .cart_button:hover{
	background: #00c193;
	color: #fff;
}
.header .dropdown_menu{
	position: absolute;
	width: calc(100% - 20px * 2);
	left:20px;
	background: #9be7dc;
	padding: 30px;
	pointer-events: none;
	filter: alpha(opacity=0);
	opacity: 0;
	transition: .4s;
}
.header .dropdown_nav{
	display: flex;
	flex-wrap: wrap;
	gap: 20px 10px;
}
.header .dropdown_nav .link{
	color: #fff;
	line-height: 1.4;
	display: block;
	padding: 15px 20px;
	background: #2e9d84;
}

.header .dropdown:hover .dropdown_menu{
	pointer-events: auto;
	filter: alpha(opacity=100);
	opacity: 1;
}
.header .dropdown_nav .link:hover{
	background: #00c193;
	color: #fff;
}
.menubar{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 36px;
	height: 28px;
	position: relative;
}
.menubar::before,
.menubar::after,
.menubar_close::before,
.menubar_close::after{
	content: "";
	display: block;
	height: 2px;
	width: 100%;
	background-color: #fff;
	position: absolute;
}
.menubar::before,
.menubar::after{
	filter: alpha(opacity=100);
	opacity: 1;
	transition: alpha .3s, opacity .3s, height .3s;
}
.menubar::before{
	top:0;
}
.menubar::after{
	bottom:0;
}
.menubar_close::before,
.menubar_close::after{
	top:50%;
	left:50%;
	transform: translate(-50%,-50%) rotate(0);
	transition: .3s;
}
.gnav_open .menubar::before,
.gnav_open .menubar::after{
	height: 0;
	filter: alpha(opacity=0);
	opacity: 0;
}
.gnav_open .menubar_close::before{
	transform: translate(-50%,-50%) rotate(45deg);
}
.gnav_open .menubar_close::after{
	transform: translate(-50%,-50%) rotate(-45deg);
}


@media(max-width:1260px) and (min-width:961px){
	.header .logo{
		max-width: 14%;
	}
    .header .gnav{
		font-size: 14px;
	}
	.header .gnav_list{
		gap: 14px;
	}
}
@media(max-width:960px){
	.header{
		min-width: 320px;
	}
	.header_inner.container{
		padding: 0;
	}
	.header .logo{
		position: relative;
		z-index: 30;
		padding-left:20px;
		max-width: 150px;
		transition: filter .3s;
	}
	.gnav_open .logo{
		filter: brightness(0) invert(1);
	}
    .header_text .textbox{
        position: relative;
        z-index: 30;
    }

	.header .sp_head_button{
		margin:0;
		font-size: 26px;
		line-height: 1;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 60px;
		height:70px;
		color: #fff;
	}
	.header .sp_head_button.drawer-button{
		background: #15332c;
	}
    .gnav {
		position: fixed;
		left: 0;
		top: -100vh;
		width: 100%;
		height: 100%;
		backdrop-filter: saturate(180%) blur(10px);
		background: rgba(124,169,156,.95);
		z-index: 5;
		padding: 90px 20px 20px;
		filter: alpha(opacity=0);
		opacity: 0;
		transition: filter .4s, opacity .4s, top .4s;
	}
	.gnav_open .gnav {
		top: 0;
		filter: alpha(opacity=100);
		opacity: 1;
	}
    .header .member_nav{
        justify-content: center;
        padding: 1.4em 20px;
        background: rgba(255,255,255,.25);
        margin-bottom: 30px;
    }
    .header .gnav .member_nav .link{
        font-size: 17px;
    }
	.gnav .gnav_inner {
		display: block;
		overflow-y: auto;
		height: 100%;
		padding: 20px;
		margin-right: auto;
		margin-left: auto;
	}
	.header .gnav_list{
		flex-direction: column;
	}
	.header .gnav .navbox{
        width: 100%;
    }
	.header .gnav .link{
		color: #fff;
		font-size: min(7vw,22px);
		line-height: 1.5;
        text-align: left;
	}
    .header .gnav_list .cart_button{
        padding: 15px 20px;
    }
	.header .gnav .dropdown > .link::after{
		display: none;
	}
	.header .dropdown_menu{
		width: 100%;
		position: static;
		pointer-events:auto;
		filter: alpha(opacity=100);
    	opacity: 1;
		margin-top: 20px;
		background: none;
		padding-top:0;
		padding-bottom:0;
	}
	.header .dropdown_nav{
		flex-direction: column;
		gap: 5px;
	}
	.header .dropdown_nav .link{
		font-size: 17px;
		padding: 8px 0;
		border-bottom: 1px dashed #bdddd3;
		background: none;
	}
}
@media(max-width:620px){
    .header .member_nav{
        flex-direction: column;
    }
    .header .gnav .member_nav .link{
        font-size: 14px;
    }
}
@media(max-width:540px){
	.gnav{
		padding-right: 5px;
		padding-left: 5px;
	}
    .header .dropdown_menu{
        padding-right: 10px;
        padding-left:10px;
    }
}



/*  */
.wrapper{
	padding-bottom:110px;
}
.site_main_wrapper,
.top_container{
    display: flex;
    flex-direction: row-reverse;
	flex-wrap: wrap;
    gap:60px 20px;
	padding-top:30px;
}
.main_wrapper,
.top_main_wrapper{
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
    display: flex;
    flex-direction: column;
    gap: 70px 0;
}
.sub_wrapper{
    width: 300px;
    display: flex;
    flex-direction: column;
    gap: 40px 0;
}
.site_main_footer{
	width: 100%;
}
@media(max-width:960px){
	.site_main_wrapper,
	.top_container{
		flex-direction: column;
	}
	.sub_wrapper{
		margin-right: auto;
		margin-left: auto;
		width: 100%;
		max-width: 440px;
	}
}



/* footer */
.footer{
    padding-top: 2em;
    padding-bottom: 2em;
    background: #299D84;
    color: #fff;
}
.footer_inner{
	display: flex;
}
.footer_text{
	width: 340px;
}
.footer_text .name{
    line-height: 1.4;
    font-size: 28px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 0.7em;
}
.footer_text a{
	color: #f3ffb3;
}
.footer_nav{
	flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
	padding-left:40px;
}
.footer_nav_list{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}
.footer_nav_list .link{
	color: #fff;
}
.footer_nav_list .link:hover{
	color: #f3ffb3;
}

.site_copyright{
	font-size:12px;
	background:#14332C;
	color:#fff;
	font-style:normal;
	padding:2em 20px;
	text-align:center;
	margin: 0;
}
.site_copyright a{
	color: #fff;
}
@media(max-width:960px){
  .footer_text{width:100%;}
	.footer_inner{
		flex-direction: column;
		gap: 20px;
	}
	.footer_nav{
		padding-left:0;
	}


    .site_copyright{ font-size:10px;}
}


/*  */
.common_sk_wrapper{
	display: flex;
	gap: 40px 30px;
}
.common_sk_wrapper > .block{
	width: calc((100% - 30px) / 2);
}

@media (max-width: 540px) {
  .common_sk_wrapper{display:block;}
  .common_sk_wrapper > .block{width:100%;}
}

/*  */
.banner_list{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px 0;
}


/*  */
.search_form_wrapper{
	display: flex;
	flex-wrap: wrap;
	gap: 5px 10px;
	align-items: center;
}
.search_form_wrapper select[name="cid"]{
	background: #eaf3ef;
	border: 1px solid #d0d7d4;
	width: 100%;
	height: 3em;
	font-weight: bold;
}
.search_form_wrapper input[name="keyword"]{
	background: #eaf3ef;
	border: 1px solid #d0d7d4;
	height: 3em;
	flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;
}
.search_form_wrapper .btn{
	width: 40px;
	height: 42px;
}