/* CSS Document */
/* main next
------------------------------------------------------------*/
header {
  flex-wrap: wrap;
}

header + * {
  margin-top: 0;
}

header .lang {
  display: -moz-inline-box;
  display: inline-block;
  margin-left: 10px;
}

/* header{
  .gt_float_switcher{
        box-shadow: rgba(0, 0, 0, 0) 0 0 0;
        border: solid 1px #DDDDDD;
        margin-left: 10px;
    .gt-selected .gt-current-lang{
      padding: 5px 5px;
    } 
  }

} */
.countdown {
  position: relative;
  width: 100%;
  background: #f38c10;
  color: #FFF;
  text-align: center;
}

.countdown.none {
  display: none;
}

#mainimg.top {
  height: auto;
}

#mainimg.top .slick-slide {
  height: auto;
}

#mainimg.top .item-slides {
  height: auto;
}

#mainimg.top .item-slides .slick-list, #mainimg.top .item-slides .slick-track {
  height: auto;
}

#mainimg.next {
  height: auto;
}

#mainimg.next img {
  width: 100%;
  height: auto;
}

main .product-list a.thumb {
  text-align: center;
  background-color: #f7f7f7;
}

main .product-list .item-text .price:not(:last-child) {
  margin-bottom: 3px;
}

main .product-list .item-text .weight {
  font-size: 16px;
  font-size: 1.0666666667rem;
  margin-bottom: 15px;
}

main.next #mypage .content .account img {
  margin-bottom: 20px;
}

main.next #mypage .content .account p:not(:last-child) {
  margin-bottom: 7px;
}

main.next #mypage .content .product-list .item-li .fwrap .item-text .cat {
  width: auto;
  max-width: 100px;
  min-width: 81px;
  padding: 2px;
}

main.next .content .fwrap {
  flex-wrap: wrap;
}

main.next .content .fwrap .page-nav-block {
  width: 100%;
  text-align: center;
}

main.next .content .fwrap .wp-pagenavi {
  width: 100%;
}

main.next .content .fwrap .wp-pagenavi a, main.next .content .fwrap .wp-pagenavi span {
  color: #f38c10;
  padding: 10px;
  border-color: #f38c10;
}

main.next #login {
  padding: 250px 0;
}

main.next #login #wpmem_login {
  width: 100%;
}

main.next #login .wpmem_msg {
  text-align: center;
}

main.next #login .wpmem_msg:not(:last-child) {
  margin-bottom: 60px;
}

main.next #login .login-box {
  width: 700px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  border: solid 1px #f38c10;
  border-top: solid 10px #f38c10;
  box-sizing: border-box;
  padding: 50px 50px 50px;
  text-align: center;
}

main.next #login .login-box h1 {
  margin-bottom: 20px;
  font-size: 34px;
  font-size: 2.2666666667rem;
  font-weight: bold;
}

main.next #login .login-box .row {
  text-align: left;
}

main.next #login .login-box .row label {
  display: block;
}

main.next #login .login-box .row label:not(:last-child) {
  margin-bottom: 5px;
}

main.next #login .login-box .row label .req {
  color: #ff0000;
}

main.next #login .login-box .row:not(:last-child) {
  margin-bottom: 30px;
}

main.next #login .login-box .row input {
  width: 100%;
}

main.next #login .login-box .req-text .req {
  color: #ff0000;
}

main.next #login .login-box .button_div:not(:last-child) {
  margin-bottom: 20px;
}

main.next #login .login-box .button_div label:not(:last-child) {
  margin-bottom: 10px;
}

main.next #login .login-box .link-text:not(:first-child) {
  margin-top: 10px;
}

main.next #login .login-box .btn-block {
  margin-top: 60px;
}

main.next #login .login-box .btn-block:not(:last-child) {
  margin-bottom: 0px;
}

main.next #login .login-box .inside {
  margin-bottom: 60px;
}

main.next #login .login-box .inside h3 {
  margin-bottom: 20px;
  font-size: 34px;
  font-size: 2.2666666667rem;
  font-weight: bold;
}

main.next #login .login-box .inside > div:not(:last-child) {
  margin-bottom: 30px;
}

main.next #product_list .content .fwrap aside section ul {
  display: flex;
  flex-wrap: wrap;
}

main.next #product_list .content .fwrap aside section ul li {
  box-sizing: border-box;
  width: 50%;
  padding: 6px 10px 6px 0px;
}

main.next #product_list .content .fwrap aside section ul li a {
  font-size: 13px;
  font-size: 0.8666666667rem;
}

main.next #product_list .content .fwrap aside section ul li a span.link {
  padding-right: 20px;
  font-size: 13px;
  font-size: 0.8666666667rem;
  line-height: 1.5;
}

main.next #product_list .content .fwrap aside section ul li a span.link:after {
  right: 0;
}

main.next #product_list .content .fwrap .product-list .item-li .item-text .cat-block {
  display: flex;
  margin-bottom: 7px;
}

main.next #product_list .content .fwrap .product-list .item-li .item-text .cat-block .cat {
  margin-right: 10px;
}

main.next #product_list .content .fwrap .product-list .item-li .item-text .cat-block .item-cat {
  margin-top: 10px;
}

main.next #product_list .content .fwrap .product-list .item-li .item-text .title {
  margin-top: 0;
  font-size: 20px;
  font-size: 1.3333333333rem;
  line-height: 1.2;
}

main.next #product_list .content .fwrap .product-list .item-li .item-text .item-speak {
  display: flex;
}

main.next #product_list .content .fwrap .product-list .item-li .item-text .item-speak .code {
  width: 170px;
}

main.next #product_list .content .fwrap .product-list .item-li .item-text .item-speak .code, main.next #product_list .content .fwrap .product-list .item-li .item-text .item-speak .weight {
  margin-top: 0;
  color: #04131e;
  font-size: 13px;
}

main.next #product_list .content .fwrap .product-list .item-li .item-text .item-speak .weight {
  display: flex;
}

main.next #product_list .content .fwrap .product-list .item-li .item-text .item-speak .weight > div:first-child {
  margin-right: 10px;
}

main.next #product_list .content .fwrap .product-list .item-li .item-text .price_wrap {
  margin-top: 5px;
}

main.next #product_list .content .fwrap .product-list .item-li .item-text .price_wrap .price_wrap2 a {
  margin-right: 0;
}

main.next #product_list .content .fwrap .product-list .item-li .item-text .cat {
  margin-top: 0px;
  font-size: 12px;
  font-size: 0.8rem;
  width: auto;
  min-width: 81px;
  padding: 2px;
}

main.next #product_list .content .fwrap .product-list .item-li .item-text .btn-block {
  margin-top: 0;
  margin-top: 6px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

main.next #product_list .content .fwrap .product-list .item-li .item-text .btn-block p.note {
  width: 52%;
}

main.next .wp-pagenavi {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

main.next .wp-pagenavi > * {
  width: 40px;
  height: 40px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  border-radius: 4px;
  box-sizing: border-box;
  background-color: transparent;
  border: 1px solid #dddddd;
  box-sizing: border-box;
  color: #04131e;
}

main.next .wp-pagenavi .current {
  background-color: #f38c10;
  color: #FFF;
  border: none;
}

main.next .wp-pagenavi a {
  color: #91c0a9;
  transition: all 0.3s ease;
}

main.next .wp-pagenavi a:hover {
  background-color: #f3f8e5;
  text-decoration: none;
}

main.next .wp-pagenavi a[class*=prev], main.next .wp-pagenavi a[class*=next] {
  font-size: 0;
  display: flex;
}

main.next .wp-pagenavi a[class*=prev]:after, main.next .wp-pagenavi a[class*=next]:after {
  content: "";
  width: 16px;
  height: 12px;
  background: no-repeat center/auto;
  background-image: url(../img/common/arrow-orange.svg);
}

main.next .wp-pagenavi a[class*=prev]:after {
  transform: rotate(180deg);
  transform-origin: center center;
}

main.next #mypage .product-list .history-list .text-box {
  width: 10px;
  -ms-flex: 1 0 auto;
  flex-grow: 1;
}

main.next #mypage .product-list .history-list .text-box .btn-block {
  margin-top: 10px;
}

main.next #news-detail .content {
  width: 900px;
}

main.next #news-detail .item-title {
  font-size: 28px;
  font-size: 1.8666666667rem;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 15px;
}

main.next #news-detail .item-date {
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  font-size: 0.8666666667rem;
  font-weight: 500;
  margin-bottom: 30px;
}

main.next #news-detail .item-text:not(:last-child) {
  margin-bottom: 50px;
}

/*tablet*/
@media screen and (min-width: 701px) and (max-width: 1200px) {
  /* main next
------------------------------------------------------------*/
  header .head-nav .btns .lang {
    display: block;
  }
  header .head-nav .btns .search {
    width: 40px;
  }
  header.active .head-hidden .head-nav .btns .lang .gtranslate_wrapper {
    display: none;
  }
  header.active .head-hidden nav .btns .lang {
    display: none;
  }
  header.active .head-hidden nav .btns .lang .gtranslate_wrapper {
    display: none;
  }
  main.next section .content {
    width: calc(100% - 60px);
  }
  main.next section .content .product-list .item-li .item-text {
    max-width: calc(76% - 30px);
    margin-left: 30px;
  }
  main.next #product_list .content .fwrap .product-list .item-li .item-text .cat {
    margin-top: 0;
  }
  main.next #cart_list .content .product-list .item-li .fwrap .item-text .price_wrap .price_wrap2 a {
    margin-right: 30px;
  }
  main.next #cart_list .content .product-list .item-li.comment {
    padding-bottom: 160px;
  }
  main.next #cart_list .content .product-list .item-li .comment {
    bottom: 25px;
  }
  main.next #mypage .content h3 {
    margin-top: 30px;
  }
  main.next #contact .content h3 {
    margin-top: 30px;
  }
  main.next #faq .content h3 {
    margin-top: 40px;
  }
  main.next #faq .content .faq-list li .title {
    padding-left: 48px;
  }
  main.next #faq .content .faq-list li .title:before {
    left: 18px;
  }
  main.next #faq .content .faq-list li .text {
    padding: 30px 48px;
  }
}

@media screen and (max-width: 1000px) {
    header .head-menu {
      display: flex !important;
    }
    header .head-nav .btns .lang .gtranslate_wrapper {
      display: block;
    }
}

@media screen and (min-width: 701px) {
    header .head-nav .btns .adjust{
      display: none;
    }
    header .head-nav .btns span.cart {
      display: none;
    }
}

/*sp*/
@media screen and (max-width: 700px) {
  /* main next
------------------------------------------------------------*/
  header {
    height: 110px;
  }
  header:has(.head-countdown:not(.none)) {
    height: 100px;
  }
  header:has(.head-countdown:not(.none)) + * {
    margin-top: 100px;
  }
  header:has(.head-countdown:not(.none)) .head-inside {
    height: 70px;
  }
  header .head-logo {
    bottom: -10px;
  }
  header .head-nav .btns{
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  header .head-nav .btns .lang {
    display: block;
    margin-bottom: 5px;
  }
  header .head-nav .btns .adjust{
    display: block;
    width: 100%;
  }
  header .head-nav .btns span.cart {
    display: block;
    
    cursor: pointer;
    margin-left: 10px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    aspect-ratio: 1;
    border-radius: 50%;
    background-color: #f38c10;
    transition: all 0.3s ease;
  }
  header .head-nav .btns span.cart {
    width: 38px;
  }
  header .head-nav .btns span.cart img {
    width: 24px;
  }
  header .head-nav .btns .search {
    width: 38px;
  }
  header .head-nav .btns .search img {
    width: 24px;
  }
  header.active .head-hidden nav .btns .lang {
    display: none;
  }
  header.active .head-hidden nav .btns .lang .gtranslate_wrapper {
    display: none;
  }
  header .head-menu {
    width: 38px;
    height: 38px;
  }
  header .head-menu span {
    width: 24px;
  }
  #mainimg.next {
    height: 170px;
  }
  .maintxt {
    top: 24%;
  }
  .maintxt h2 {
    font-size: 32px;
    font-size: 2.1333333333rem;
    font-weight: bold;
  }
  .maintxt span {
    font-size: 12px;
    font-size: 0.8rem;
  }
  main.next {
    /* section{
		margin-top: 30px;
		.content{
			width: calc(100% - 40px);
			.product-list{
				margin-top: 20px;
				.item-li{
					margin-bottom: 30px;
					padding-bottom: 30px;
					justify-content: space-between;
					.fwrap{
						justify-content: space-between;
						.item-link{
							max-width: 46%;
							.item-img{
								text-align: center;
								img{
									width: 100%;
									max-width: 480px;
								}
							}
						}
						.item-text{
							max-width: 46%;
							padding-left: 0;
							margin-left: 0;
							.price_wrap{
								display: block;
								margin-top: 0;
							}
						}
					}
					&.comment{
						padding-bottom: 30px;
					}
					.comment{
						width: calc(100% - 60px);
						position: static;
						margin-top: 20px;
					}
				}
			}
		}
	}

	#product_list{
		.content{
			.fwrap{
				display: block;
				aside{
					width: 100%;
					max-width: unset;
					margin-right: 0;
				}
				.product-list{
					width: 100%;
					max-width: unset;
					margin-top: 30px;
					.item-li{
						padding-bottom: 30px;
						margin-bottom: 30px;
						border-bottom: 1px solid $border;
						.fwrap{
							display: flex;
							.item-link{
								max-width: 53%;
							}
							.item-text{
								max-width: 39%;
								border-bottom: none;
								.cat{
									@include remb(18);
									margin-top: 0;
								}
								.title{
									@include remb(28);
								}
								.title_en{
									@include rem(14);
								}
								.price_wrap{
									margin-top: 20px;
									.price_wrap2{
										.price{
											@include rem(22);
										}
									}
									a{
										.link{
											@include rem(13);
											margin-top: 30px;
										}
									}
								}
							}
						}
					}
				}
			}
		}
	}
	#product_detail{
		.content{
			.product-list{
				.item-li{
					margin-bottom: 30px;
					.fwrap{
						display: block;
						.item-img{
							&.main{
								width: 100%;
							}
						}
						.item-text{
							width: 100%;
							margin-top: 30px;
							.price_wrap{
								.price_wrap2{
									margin-top: 25px;
								}
							}
							.comment{
								textarea{
									padding: 12px 15px;
								}
							}
						}
					}
				}
			}
			.btn-block{
				justify-content: center;
			}
			.description{
				padding-bottom: 60px;
			}
			.other_block{
				margin-top: 60px;
				h3{
					@include remb(24);
				}
				.subtitle{
					@include rem(14);
				}
				.product-list{
					.item-li{
						.fwrap{
							.item-link{
								max-width: 100%;
							}
							.item-text{
								width: 100%;
								margin-top: 0;
							}
						}
					}
				}
			}
		}
	}
	#cart_list{
		.content{
			.product-list{
				.item-li{
					.item-text{
						.cat{
							@include remb(14);
							width: 90px;
							padding: 4px 0;
						}
						.title{
							@include remb(20);
							margin-top: 5px;
						}
						.title_en{
							@include rem(10);
						}
						.price_wrap{
							.price_wrap2{
								margin-top: 15px;
								p{
									@include remb(14);
									&.price{
										@include remw(18);
									}
								}
								input{
									width: 85px;
									height: 34px;
									margin-left: 10px;
									margin-right: 15px;
								}
								a{
									@include rem(14);
									margin-right: 0;
								}
							}
						}
					}
				}
			}
		}
	}
	#mypage{
		.content{
			.account{
				img{
					width: 120px;
					height: 120px;
					margin-right: 20px;
				}
				.name{
					@include remb(20);
				}
			}
			h3{
				margin-top: 30px;
			}
			.product-list{
				.item-li{
					.fwrap{
						display: block;
						.date{
							width: 100%;
							max-width: unset;
							margin-bottom: 10px;
						}
						.history-list{
							width: 100%;
							max-width: unset;
							.history-block{
								justify-content: space-between;
								.item-link{
									max-width: 46%;
								}
								.item-text{
									max-width: 46%;
									.price_wrap{
										.price_wrap2{
											p{
												@include rem(14);
												&.price{
													@include rem(18);
												}
											}
											&:last-child{
												margin-left: 0;
											}
										}
									}
									.comment{
										display: block;
										.text{
											margin-left: 0;
										}
									}
								}
							}
						}
					}
					.btn-block{
						justify-content: center;
					}
				}
			}
		}
	}
	#contact{
		.content{
			h3{
				margin-top: 30px;
			}
			.product-list{
				&:not(:last-child){
					margin-bottom: 0;
				}
				.item-li{
					.fwrap{
						display: block;
						padding-bottom: 40px;
						margin-top: 40px;
						.date{
							width: 100%;
							max-width: unset;
							margin-bottom: 10px;
						}
						.history-list{
							width: 100%;
							max-width: unset;
						}
					}
				}
			}
		}
	}
	#faq{
		.content{
			h3{
				margin-top: 40px;
				padding-bottom: 20px;
			}
			.faq-list{
				li{
					.title{
						padding-top: 15px;
						padding-bottom: 15px;
						padding-left: 48px;
						&:before{
							left: 18px;
						}
					}
					.text{
						padding: 20px 48px;
					}
				}
			}
		}
	} */
  }
  main.next #login {
    padding: 100px 0;
  }
  main.next #login .login-box {
    padding: 30px 20px 40px;
    text-align: center;
  }
  main.next #login .login-box h1 {
    font-size: 28px;
    font-size: 1.8666666667rem;
  }
  main.next #login .login-box .row:not(:last-child) {
    margin-bottom: 20px;
  }
  main.next #login .login-box .btn-block {
    margin-top: 64px;
  }
  main.next #login .login-box .inside {
    margin-bottom: 40px;
  }
  main.next #login .login-box .inside h3 {
    margin-bottom: 20px;
    font-size: 28px;
    font-size: 1.8666666667rem;
    font-weight: bold;
  }
  main.next #login .login-box .inside > div:not(:last-child) {
    margin-bottom: 20px;
  }
  main.next .style-product-list .item-li .fwrap, main.next #cart_list .content .product-list .item-li .fwrap, main.next #product_list .content .fwrap .product-list .item-li .fwrap {
    display: flex;
  }
  main.next .style-product-list .item-li .fwrap .item-link, main.next #cart_list .content .product-list .item-li .fwrap .item-link, main.next #product_list .content .fwrap .product-list .item-li .fwrap .item-link {
    max-width: 120px;
  }
  main.next .style-product-list .item-li .fwrap .item-text, main.next #cart_list .content .product-list .item-li .fwrap .item-text, main.next #product_list .content .fwrap .product-list .item-li .fwrap .item-text {
    -ms-flex: 1 0 auto;
    flex-grow: 1;
    width: 10px;
    margin-left: 20px;
    max-width: 100% !important;
  }
  main.next .style-product-list .item-li .fwrap .item-text .title, main.next #cart_list .content .product-list .item-li .fwrap .item-text .title, main.next #product_list .content .fwrap .product-list .item-li .fwrap .item-text .title {
    margin-top: 0;
    font-size: 17px;
    font-size: 1.1333333333rem;
  }
  main.next .style-product-list .item-li .fwrap .item-text .price_wrap, main.next #cart_list .content .product-list .item-li .fwrap .item-text .price_wrap, main.next #product_list .content .fwrap .product-list .item-li .fwrap .item-text .price_wrap {
    margin-top: 5px;
  }
  main.next .style-product-list .item-li .fwrap .item-text .price_wrap .price_wrap2 input, main.next #cart_list .content .product-list .item-li .fwrap .item-text .price_wrap .price_wrap2 input, main.next #product_list .content .fwrap .product-list .item-li .fwrap .item-text .price_wrap .price_wrap2 input {
    width: 60px;
  }
  main.next .style-product-list .item-li .fwrap .item-text .price_wrap .price_wrap2 a, main.next #cart_list .content .product-list .item-li .fwrap .item-text .price_wrap .price_wrap2 a, main.next #product_list .content .fwrap .product-list .item-li .fwrap .item-text .price_wrap .price_wrap2 a {
    margin-right: 0;
  }
  main.next .style-product-list .item-li .fwrap .item-text .cat, main.next #cart_list .content .product-list .item-li .fwrap .item-text .cat, main.next #product_list .content .fwrap .product-list .item-li .fwrap .item-text .cat {
    margin-top: 0px;
    font-size: 12px;
    font-size: 0.8rem;
    width: 85px;
    padding: 2px 0;
  }
  main.next .style-product-list .item-li .fwrap .item-text .btn-block, main.next #cart_list .content .product-list .item-li .fwrap .item-text .btn-block, main.next #product_list .content .fwrap .product-list .item-li .fwrap .item-text .btn-block {
    margin-top: 0;
    margin-top: 15px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  main.next #product_list .content .fwrap .product-list .item-li .item-text .btn-block p.note {
    width: unset;
  }
  main.next #product_list .content .fwrap .product-list .item-li .fwrap {
    display: flex;
  }
  main.next #product_list .content .fwrap .product-list .item-li .fwrap .item-img {
    max-width: 35%;
  }
  main.next #product_list .content .fwrap .product-list .item-li .fwrap .item-link {
    max-width: 120px;
  }
  main.next #product_list .content .fwrap .product-list .item-li .fwrap .item-text {
    -ms-flex: 1 0 auto;
    flex-grow: 1;
    width: 10px;
    margin-left: 20px;
    max-width: 100% !important;
  }
  main.next #product_list .content .fwrap .product-list .item-li .fwrap .item-text .title {
    margin-top: 0;
    font-size: 17px;
    font-size: 1.1333333333rem;
  }
  main.next #product_list .content .fwrap .product-list .item-li .fwrap .item-text .price_wrap {
    margin-top: 5px;
  }
  main.next #product_list .content .fwrap .product-list .item-li .fwrap .item-text .price_wrap .price_wrap2 input {
    width: 60px;
  }
  main.next #product_list .content .fwrap .product-list .item-li .fwrap .item-text .price_wrap .price_wrap2 a {
    margin-right: 0;
  }
  main.next #product_list .content .fwrap .product-list .item-li .fwrap .item-text .cat {
    margin-top: 0px;
    font-size: 12px;
    font-size: 0.8rem;
    width: 85px;
    padding: 2px 0;
  }
  main.next #product_list .content .fwrap .product-list .item-li .fwrap .item-text .btn-block {
    margin-top: 0;
    margin-top: 15px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  main.next #mypage .content .account form {
    width: 100px;
  }
  main.next #mypage .content .product-list .item-li .fwrap .item-img {
    width: 85%;
    margin-right: 20px;
  }
  main.next #mypage .content .product-list .item-li .fwrap .history-list .history-block .item-link {
    max-width: 46%;
  }
  main.next #mypage .content .product-list .item-li .fwrap .history-list .history-block .item-text {
    width: 100%;
    max-width: 100%;
  }
  main.next #news-detail .item-title {
    font-size: 24px;
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
  main.next #news-detail .item-date {
    margin-bottom: 20px;
  }
  main.next #news-detail .item-text:not(:last-child) {
    margin-bottom: 30px;
  }
}