@charset "UTF-8";

.product_cat2 {
  background-color: #000;
  padding: 0 16px;
  padding: 0 1.6rem;
  font-family: Chathura, "游ゴシック体", YuGothic;
  color: #fff;
  font-size: 2.5vw;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 15px;
  position: relative;
  right: 1.6rem;
}

.new-mark {
  position: absolute;
  width: 48px !important;
  height: 48px !important;
  top: 20px;
  right: 15px;
  box-sizing: border-box;
  text-align: center;
}

.product_price {
  position: relative;
}

.products_img {
  margin-bottom: 15px !important;
}

.product .prev-arrow {
  padding-left: 21px !important;
  padding-right: 27px !important;
}

.soldout {
  position: absolute;
  background: white;
  text-align: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 11px;
  z-index: 2;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.product-info_description-price, .products_price {
  position: relative;
}

.product-info_description-price .soldout {
  text-align: left;
}

@media screen and (max-width: 1000px) {
  .new-mark {
    width: 45px !important;
    height: 45px !important;
    top: 10px;
    right: 8px;
  }
}

@media screen and (max-width: 767px) {
  .new-mark {
    width: 38px !important;
    height: 38px !important;
  }

  .product_cat2 {
    padding: 0 1rem;
    font-size: 3.5vw;
    right: 0.6rem;
  }

  .products_item-container .product_cat2 {
    right: 1.6rem;
  }

  .product_textbox .soldout {
    padding-top: 3px;
  }

  .soldout {
    padding-top: 10px;
  }

  .product .prev-arrow {
    padding: 0.8rem 0important;
    padding-left: 10px !important;
    padding-right: 12px !important;
  }

  .product_textbox {
    padding-bottom: 16px !important;
  }

  .products_title {
    display: block !important;
  }

  .soldout {
    font-size: 12px !important;
  }
}

@media screen and (max-width: 414px) {
  .products_price .soldout, .product_price .soldout {
    font-size: 11px !important;
  }

  .product_cat2 {
    font-size: 5.3vw;
    max-width: 113%;
    padding: 0 0 0 1rem;
    width: 107%;
  }
}

.news {
  background: #F6F6F6;
  padding: 120px 1.04166666vw;
}

.news_container_inr {
  max-width: 1470px;
  padding: 0 147px;
  padding: 0 14.7rem;
  margin: 0 auto 5.41666vw;
}

.news_title {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 5em;
}

.news_title h2 {
  white-space: nowrap;
  font-family: Chathura, "游ゴシック体", YuGothic;
  font-size: 7rem;
  font-weight: normal;
}

.news_title:before {
  content: '';
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: -6px 16px 0 0;
  background-color: #4d4d4d;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 50%;
  vertical-align: middle;
  background-image: url(../img/footer_icon_news_w.svg);
  background-size: 26px 27px;
}

.news_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (minmax(120px, 1fr))[4];
  grid-template-columns: repeat(4, minmax(120px, 1fr));
  justify-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  list-style: none;
  gap: 3.64583vw;
  list-style: none;
}

.news_card {
  position: relative;
  background-color: #f7f7f7;
  margin: 0 7.5vw;
  width: 100%;
  max-width: 428px;
}

.news_card a {
  display: block;
}

.news_card dl dt {
  margin: 25px 0 20px;
  font-family: Chathura, "游ゴシック体", YuGothic;
  font-size: 2.2rem;
  border: 1px solid #000;
  padding: 0 5px;
  display: inline-block;
}

.news_card dl dd {
  display: block;
  font-size: 1.6rem;
  line-height: 1.58;
}

.news_card img {
  width: 100%;
  max-width: 100%;
	height: 100%;
}

@media screen and (max-width: 767px) {
  .news {
    padding: 60px 25px 60px;
  }

  .news_container_inr {
    padding: 0;
  }
  .news_title {
    margin-bottom: 3em;
  }

  .news_list {
    -ms-grid-columns: (minmax(120px, 1fr))[1];
    grid-template-columns: repeat(1, minmax(120px, 1fr))
  }

  .news_card {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1em;
  }
	.news_card dl dt {
	  margin: 0px 0 10px;
	}
	.news_card dl dd {
	  display: block;
	  font-size: 1.4rem;
	  line-height: 1.58;
	}

  .news_card a {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

	.news_card a img{
		display: none;
	}
	.news_card a dl{
		width: 100%;
		padding-left: 0%;
	}
}

/* 追加CSS */

/* .gw__section{
	background:white;
	padding:60px 0;
}

.gw__area{
	width: 860px;
	display:block;
	box-sizing: border-box;
	max-width: calc(100% - 50px);
	text-align: center;
	border:1px solid black;
	color:black;
	padding:48px 10px;
	margin:0 auto;
	line-height:1.7;
}

.gwa__1{
	font-size: 20px;
	margin:0 0 38px;
}

.gwa__2{
	font-size: 16px;
	font-weight: 500;
	margin:0 0 38px;
}

.gwa__3{
	font-size: 18px;
	margin:0 0 20px;
}

.gwa__4{
	font-size: 16px;
	font-weight: 500;
	margin:0;
} */

@media screen and (max-width: 767px){
/* 	.gw__area{
		padding:40px 10px;
	}

	.gwa__1{
		font-size: 18px;
		margin:0 0 30px;
	}

	.gwa__2{
		font-size: 14px;
		font-weight: 500;
		margin:0 0 30px;
	}

	.gwa__3{
		font-size: 16px;
		margin:0 0 20px;
	}

	.gwa__4{
		font-size: 14px;
		font-weight: 500;
		margin:0;
	}	 */
	
	   
}

@media screen and (max-width: 767px){
	.home .sitettl{
		padding:0!important;
}
	
	
	.home .fv{
		height:auto!important;
	}
	

}

@media screen and (max-width: 414px){
	.news{
		padding-top:100px!important;
	}	
}


/*20240924*/
.switchLinks_text{
  white-space: nowrap;
}

.home .gnav a{
  position:relative;
}

.x-icon{
  display:block;
  width: 26px;
  position:absolute;
  left: 50%;
  top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
    transition: 0.4s;
}

.x-icon.menu{
  opacity: 0;
  z-index: 2;
}

.home._open .gnav a .x-icon.menu{
  opacity: 1;

}

/*.home._open .gnav a:hover .x-icon.menu{
  opacity: 0.6;
}

.home .gnav a:hover .x-icon{
  opacity: 0.6;
}*/

.gnav_hm_tw a span{
  display:inline-block;
  background: black;
  padding:10px;
  border-radius: 50%;
}

.gnav_hm_tw a span img{
  width: 24px;
  height: auto;
}

.category__title{
  font-size: 88px;
  text-align: center;
  font-weight: 400;
  font-family: Chathura, "游ゴシック体", YuGothic;
  margin-bottom: 100px;
}

.product-cat .title::after, .product-cat .title::before{
  top: 1vw;
}

.product-cat_item .sub_item{
    height:auto;
    line-height: 1;
}

.product-cat_item .sub_item a{
  display:inline-block;
  height: auto!important;
  max-height: 100%;
  transition: 0.4s;
}

.product-cat_item .sub_item a:hover{
  opacity: 0.6;
}

.product-cat_item .sub_item a span{
  display:inline-block;
  height: auto!important;
  max-height: 100%;
}

.bread{
  position:relative;
  top: -100px;
  display:flex;
  align-items: center;
  font-weight: 400;
  font-family: Chathura, "游ゴシック体", YuGothic;  
}

.bread a{
  font-size: 36px;
  text-decoration: none;
  transition: 0.4s;
  margin-right: 20px;
  display:block;
  color:#707070;
}

.bread a:hover{
  opacity: 0.6;
}

.bread img{
  width: 7px;
  display:block;
  margin-right: 20px;
}

.bread a.current{
  pointer-events: none;
  margin-right: 0;
}

.products_empty{
  top: 70%!important;
}

.bread a.jp-size{
  font-size: 16px;
  position:relative;
  top: 3px;
}

.category__title.jp-size{
  font-size: 66px;
}

.toggle3{
  display:none;
}

.title2.c-open2-3::before{
  transform: rotate(90deg) !important;
}

.content2.c-open-3{
      max-height: 1000px;
    transition: all 0s;
    margin: 0 0 10px 25px;
    line-height: 0.9;
}

.gnav_hm_item._child a .font-size2{
  font-size: 1.75vw;
}


@media screen and (max-width: 767px){
  .switchLinks_text{
        transform: translate(0, -400%)!important;
        font-size: 7rem!important;
  }

  .bread a{
    font-size: 25px;
    margin-right: 10px;
  }

  .bread img{
    margin-right: 10px;
  }

  .bread{
    top: -40px;
  }

  .bread a.jp-size{
    font-size: 14px;
    position:relative;
    top: 2px;
  }

}


@media screen and (max-width: 414px) {

  .product-cat .title::after, .product-cat .title::before{
      top: 8px;
    height: 2em;
  }

  .fontsize .font-size2{
    font-size: 4.7vw!important;
  }

  .category__title{
    font-size: 38px;
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .category__title.jp-size{
    font-size: 32px;
  }

  .gnav_hm_item._child a{
    padding-left: 3.2vw!important;
  }

  .gnav_hm_item{
    font-size: 3.4rem!important;
  }

  .gnav_hm_item .title2::after,.gnav_hm_item .title2::before{
    top: 8px;
  }

  .sub_item2 .fontsize .font-size2{
    font-size: 3.9vw!important;
  }

}

@media screen and (min-width: 767px){
.switchLinks_item a{
  display: block;
    z-index: -1;
}
}


._switch-l img{
  display:none;
}

._switch-l .visual1.op1{
 display:block;
}

._switch-l .visual2.op1{
  display:block;
}

._switch-l .visual3.op1{
 display:block;
}

._switch-l .visual4.op1{
  display:block;
}