/** Shopify CDN: Minification failed

Line 317:15 Expected identifier but found bad string token
Line 317:16 Unterminated string token
Line 356:7 Expected ":"

**/
/*ページ共通*/
.main-page-title {
  display: none;
}
button{
  border: none;
outline: none;
}
.article-template h1.article-template__title{
  font-size:1.6em; 
}
.page_link_list p{
  padding-bottom: 10px;
  margin-bottom: 0;
}
.page_link_list .page_link_btn{
  display: inline-block;

margin:0 auto 30px auto; 
  background-color: #30a743;
  border-radius: 30px;
  color: #ffff;
  font-weight: bold;
  padding:10px 20px;
  box-shadow: 3px 3px #2f5d08;
  text-decoration: none;
 transition: 0.3s;
}
a.page_link_btn:hover{
  color: #ffff;
  box-shadow: 1px 1px #2f5d08;
}



.bg_green_radius{
  padding:8px 15px;
  border-radius: 20px;
  background-color: #30a743;
  color: #fff;

}

@media screen and ( max-width:939px ) {
  .article-template h1.article-template__title{
  font-size:1.4em; 
}
.text_block_sp{
  display: block;
}
}
ul.text_left{
  margin: auto;
  text-align:center;
}
.text_left li{
  text-align:left;
}
.font_18{
  font-size: 1.8em;
}
.font_15{
  font-size: 1.5em;
}
.font_13{
  font-size: 1.3em;
}
.font_12{
  font-size: 1.2em;
}
.font_09{
  font-size: 0.9em;
}
.font_08{
  font-size: 0.8em;
}
.font_07{
  font-size: 0.7em;
}
.font_06{
  font-size: 0.6em;
}

/*title*/

.title_through {
  height: 100vh;
  max-height: 800px;
  width: 100%;
  margin: -180px auto 0px auto;
}

.title_through h1 {
  letter-spacing: 2.5px;
  width: 100%;
  margin: auto;
  position: relative;
  top: 50%;
  padding: 0 65px;
  text-align: center;
  padding: 0 1em;
  font-size: 2.5em;
  color: #c6c6c6;
  letter-spacing: 3px;
}

.title_through h1:before {
  position: absolute;
  top: calc(60% - 1px);
  left: 0;
  width: 100%;
  height: 0.5px;
  content: "";
  background: #c6c6c6;
}

.title_ruby {
  padding-bottom: 5px;
  display: block;
  font-size: 0.4em;
}

.title_through h1 span {
  text-align: center;
  position: relative;
  background-color: #fff;
  padding: 0 25px;
}

#contact .sub_title {
  text-align: center;
  padding: 50px 0 0;
  color: #c6c6c6;
  margin: 0 auto;
}

.title_border_left {
  margin-top: 15px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-left: 15px;
  border-left: solid 5px #30a743;
  font-size: 16px;
}

/*GUIDE*/
.separat{
  border-bottom: solid 1px #c9c9c9;
  margin-bottom: 50px;
  padding-bottom: 50px;
  margin-left: 20px;
}
#praivate dd dt,
#guide dd dt {
  font-weight: bold;
  margin-left: 0;
}

#guide dd dt {
  margin-top: 15px;
  margin-bottom: 5px;
}
.separat dl dd{
  margin-left: 5px;
}
.separat dl dd dl dd{
  margin-left: 5px;
}
.separat:last-child{
   border-bottom:none;
}

/*商品*/

table.aitem_frame, table.aitem {
  border: 1px solid #c6c6c6;
   box-sizing: border-box;
}



.aitem th, .aitem_frame th{
  padding:15px 0 10px 0;
font-size:1em;
  text-align:center;
   border:solid 1px #c6c6c6;
   border-spacing: 0;  
  
  
}



.aitem_frame th, .aitem_frame td{

  padding-left:0;
}


.aitem_frame, .aitem, .size{
  font-size:0.9em;
  width:100%;
  margin:auto;
  padding-left:0;
  border-collapse: collapse;
  border-spacing: 0;  
}
.aitem_frame caption, .aitem caption, .size caption{
  width:100%;
padding:5px;
  text-align:center;
  font-weight:bold;
   font-size:1em;
  background-color:#30A743;
  color:#fff;

}

 .aitem_frame th, .aitem th, .size th{
 font-weight:bold;
padding-left:0;

  
}


.aitem td, .size td{
    border:solid 1px #c6c6c6;
   border-spacing: 0; 
    padding:0;

}



.aitem th{
    width:18%;
  
}
.aitem td{
 padding:10px 0 10px 10px;
}

.warning{
  border-top: dashed 1px #000;
  margin-top:20px;
  padding-top:20px;
}


.warning span{
  font-size:1.2em;
  color:red;
  font-weight:bold;
}
.warning p{
  margin:0 0 1px;
  font-size:0.8em;
  
}


.day:before{
  content:'5';
  color:#3a3a3a;
    
}

.day03:before{
  content:'5';
  color:#3a3a3a;
    
}







.note_item{
  margin:3% 0;
  background-color:#f4f4f4;
  padding:5%;
}

.note_item p{
  font-size:0.8em;
  margin:0;
}



/*--news--*/
#news img{
border-style:none;
}

#news h2.news_title{
text-align:center;
font-weight:bold;
font-size:1.5em;
margin:50px auto;
}

#news caption{
font-weight: bold;
font-size: 1.2em;
text-align: center;
padding:20px 0;"
}

#news .com_center{
text-align:center;
margin:50px auto;
width:100%;
clear: both;

}

#news .img_float{
width:100%;
margin:50px auto;
clear: both;
}
.img_float img{
 width: calc(50% - 20px / 2); 
 margin-bottom: 20px;
  float:left;

}
#news .img_float img:nth-of-type(2n){
margin-left:20px;
}
#news .img_float a.img_link img{
margin-left:20px;
}
.img_float .single_img{
  margin-right:20px;
}
#news .img_float p{
width:100%;
clear:both;
text-align: center;
}

#news .title_bottom_line{
border-bottom:solid 1px #30a743;
display inline;
}

#news ul.img_float_li{
  width:100%;
}

#news ul.img_float_li li{
  margin:8px;
  list-style: none;
  float: left;
  width: calc(33% - 48px / 3); 

}


@media (max-width: 679px) {

#news ul.img_float_li li{
  margin:8px;
  list-style: none;
  float: left;
  width: calc(50% - 32px / 2); 

}


  

#news h2.news_title{

  font-size:1em;

}

  .img_float img.single_img{
 width:100%; 


}

  #news h2.news_title span{
    display:block;
  }


#news caption{
font-size: 1em;
}


}
/*新ニュース*/

#news_blog img{
border-style:none;
}

#news_blog ul,#news_blog ol{
padding-left:0;
}
    #news_blog{
  text-align:center;
  margin:50px auto;
  width:100%;
  
  }
  #news_blogs img{
  border-style:none;
  }


  #news_blog li{
    list-style: none;
  
  }

  #news_blog a{
     text-decoration:none;
  }


   #news_blog .flex_box .flex_box01{
    width:100%; 
  }
   #news_blog .flex_box .flex_box02{
    width: calc(100% / 2 - 10px ); 
    margin-right:10px;
      
  }
   #news_blog .flex_box .flex_box03{
    width: calc(100% / 3 - 10px ); 
     margin-right:10px;
     
  }
     #news_blog .flex_box .flex_box04{
    width: calc(100% / 4 - 10px ); 
     margin-right:10px;
     
  }

  #news_blog .flex_box03:last-child,#news_blog .flex_box02:last-child{
      margin-right:0;
   }


   #news_blog .flex_box{
   display: flex;
      flex-wrap: wrap;
      justify-content: center;
      list-style: none;
    
  }


.news_aitem_size table{
  margin: 20px auto;
}
.news_text_box{
  margin:50px auto;
  padding: 0 20px;
   
}
#news_blog .news_text_box p{
  text-align:center;
}
  .blog_content_wrap{
    padding:50px;
  }
 @media screen and ( max-width:939px ) {
.news_text_box{
font-size: 1em;
  padding: 0px 10px;
}
   #news_blog h2{
font-size: 1.4em;
}
      #news_blog h3{
font-size: 1.3em;
        font-weight: bold;
}
  .blog_content_wrap{
    padding: 8px;
  }

 }
  @media screen and ( max-width:768px ) {
.news_text_box{
font-size: 0.9em;
padding: 0px 5px;
}
  #news_blog h2{
font-size: 1.3em;
}
      #news_blog h3{
font-size: 1.2em;
        font-weight: bold;
}
   #news_blog .flex_box .flex_box_sp01{
    width:100%; 
    padding-right:0;
    margin-right:0;
  }
       #news_blog .flex_box .flex_box_sp02{
    width: calc(100% / 2 - 10px ); 
    margin-right:10px;
  }
     #news_blog .flex_box .flex_box_sp03{
    width: calc(100% / 3 - 10px ); 
    margin-right:10px;
  }
  }
/*セクションごとのタイトル*/
  .custom_top_h2{
    margin-top:50px;
  }
         .custom_top_h2 img{
         width:40%
         
       }
    @media screen and ( max-width:939px ) {
       .custom_top_h2 img{
         width:75%
         
       }
    }

/*カスタムコレクション-他ボックス*/
.custom_card_text_alia{
  font-size: 1.3rem;
  text-align: center;
  line-height:1.5;
  padding:1.3rem 1rem;
}

.custom_card_text_alia p{
  margin-top:0;
}
.custom_card_text_alia .font_min{
  font-size:0.9em;
}
.custom_top_card a{
  text-decoration: none;
  color: #000;
}
.custom_card_wrapper{
  width:100%;
  text-align:center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start	;
    list-style: none;
}


  .custom_card{
width: calc((100% / 4 ) - 10px);
  }
.custom_card_img_wrapper{

  overflow:hidden;
}
.custom_card a img{
   width:100%;
    vertical-align: middle;
    text-align: center;
 display: block;

    transition: all .3s ease-in-out;
}
.custom_card a:hover img{
padding: 5px;
  transform: scale(1.1);
}

  @media screen and ( max-width:939px ) {
.custom_card_text_alia .font_min{
  font-size:0.8em;
}
          .custom_card{
width: calc((100% / 2 ) - 5px);
        } 

  }



/*横scrollセクションボックス*/
.scroll_card{
  align-items: center;
 display: flex;
overflow: hidden; /* 内容がはみ出さないように設定 */
}

.scroll_content {
  display: flex;
    overflow-x: auto; /* 横スクロールを許可 */
  scroll-snap-type: x mandatory; /* スクロールスナップを有効化 */
-webkit-overflow-scrolling: touch;
   scrollbar-width: thin; /* Firefox用: スクロールバーを細くする */
  scroll-behavior: smooth; /* スムーズなスクロール */
  scrollbar-color: #26ad46 transparent; /* 色を設定 */

}


.scroll_content::-webkit-scrollbar-track {
  background: transparent; /* 背景を透明に設定 */
}

.scroll_content::-webkit-scrollbar {
  height: 10px; /* スクロールバーの高さ */
}


.scroll_content::-webkit-scrollbar-thumb {
  background-color: #26ad46; /* スクロールバーの色 */
  border-radius: 4px; 
}








.scroll_item {
  flex: 0 0 auto; 
  scroll-snap-align: start; 
  width: 300px; 
  margin: 10px;
  
}
  .scroll_item a{
    text-decoration:none;
    color:rgb(var(--color-foreground));
  }

.scroll_item img {
    width: 100%;

}


.scroll_img{

  text-align: center;
  
}

.reviwe_card {
  background-color:#F9F9F9;
  padding: 20px;
  border-radius: 10px;
}
.reviwe_card img{
 width: auto;
  height: 200px;
}
.reviwe_card h3{
  font-size: 0.9em;
  font-weight:500;
}
a.animate-arrow{
  margin-top: 20px;
  color:#30a743;
}


 .scroll_container .text {
   
   font-size:1.3rem;
   padding:1.3rem 1rem;
   line-height:1.5;  
 }
.scroll_container .text p{
  margin-top:0;
  
}

.reviwe_card .text{
  text-align: center;
}




  .ranking{
  counter-reset: wpp-ranking;
}
.ranking_item {
  padding: 5px 0 0 0;
  position: relative;
}
.ranking_item:before {
  background: #4c4c4c4c;
  border-radius: 50%;
  content: counter(wpp-ranking, decimal);
  counter-increment: wpp-ranking;
  color: #fff;
  font-size: 12px;
  font-weight:bold;
  line-height: 1;
  padding: 8px 10px;
  position: absolute;
  top: 10px;
  left: 10px;
  box-shadow: 1px 1px 2px #383838;
}

.ranking_item:nth-child(1):before {
  background: #B67B03;
}
.ranking_item:nth-child(2):before {
background:#757575;
}

.ranking_item:nth-child(3):before {
background:#B54E31;
}

@media screen and ( max-width:939px ) {
          .scroll_item{
width:250px;
          } 
    
.reviwe_card img{
 width: auto;
  height:150px;
}


  }
  /*lightbox*/


.lightbox .lb-data .lb-details .lb-caption table{  
border:#ccc solid 1px ;
border-collapse:collapse;
  }
.lightbox .lb-data .lb-details .lb-caption th,.lightbox .lb-data .lb-details .lb-caption td{
border:#ccc solid 1px ;
  }

.lightbox .lb-data .lb-details .lb-caption h4{
  color: #ccc;
  font-size: 1em;
}

.lightbox .lb-data .lb-details .lb-caption div{
   overflow-x: auto;
 }


/*ポップアップ*/

#popup {
	display: none;
}
.overlay {
	display: none;
}
#popup:checked + .overlay {
	display: block;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
  z-index:199;
}
.window {
	width:70vw;
	max-height: 700px;
	height: 90vh;
	background-color: #fff;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
   z-index:199;
    padding:20px;
}

@media screen and ( max-width:939px ) {
  
  .window {
	width:90vw;
	max-height: 550px;
	height: 90vh;
    padding:5%;
    
  
}
  
 .close {
	top:5px;
	right:5px;
	font-size:35px;
}
}
.text {
	font-size:1em;
	margin: 0;
}
.close {
	cursor:pointer;
	position: absolute;
	top:10px;
	right:30px;
	font-size:50px;
}



#popup h1{
  font-weight:bold;
  font-size:1.1em;
}












