.fs-p-scrollingCartButton{
 display:none!important;
  }
  
  /* スムーズスクロールの設定 */
.h1_info,#info,.section_contents,.contents_chagebox{
font-family: 'Yu Gothic', 'YuGothic', sans-serif!important;
}

  #asemizu_container p{
  font-weight:500;
}

  #asemizu_container section a:hover{
  color:black!important;
}
  
html {
 scroll-behavior: smooth;
}

.fs-c-breadcrumb{
  background: white;
  color: white;
}

ol.fs-c-breadcrumb__list{
  background:white;
  color:#333;
}

 :target::before {
 content: "";
 display: block;
 height: 50px; /* ヘッダーの高さと同じ値を設定 */
 margin: -50px 0 0; /* ヘッダーの高さと同じ値を設定 */
 visibility: hidden;
}

.fs-p-scrollingCartButton{
  display:none;
}

svg {
 display: block;
 vertical-align: middle;
}

 #asemizu_container section a{
  cursor: pointer;
  text-decoration:none;
  color:black;
  }
  
 #asemizu_container section a:visited{
 color:black;
  }

  #content a{
 text-decoration:none;
 color:black;
  }
  
  #main div,#asemizu_container span, 
 #asemizu_container h1,#asemizu_container h2,#asemizu_container h3,#asemizu_container h4,#asemizu_container h5,#asemizu_container h6,#asemizu_container p,
 #asemizu_container ,  #asemizu_container video {
 margin: 0;
 padding: 0;
 border: 0;
  }
  
  #asemizu_containaer h1,#info h3 {
      margin: 0 auto;
  }
  
  .fs-c-heading--page{
 display:none;
  }
  
  
  /*基本設定 -フォントサイズ-*/
  /*見出し*/
  #asemizu_container h1{font-size:8vw;}
  h2{font-size:6vw;text-align:center;color:#000000;padding: 3vw 0 1vw 0;font-weight: bold;}
  .fs-c-productList h2{text-align:center;}
  #asemizu_container h3{font-size:4.2vw;padding:0.3vw 0 0 3vw;font-weight:bold;}
  #info h4{
 font-size: 4.5vw;
 color: #164371;
 margin: 0 0 1vw 0;
 font-weight: bold;
 padding-bottom: 2vw;
  }
  #asemizu_container h5{font-size:4vw;text-align:center;padding:1.5vw 0 2.5vw 0;line-height:1.5vw;}
  #asemizu_container h6{font-size:4vw;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;color:black; }
  
  
  #asemizu_container a:visited {
      color: #333;
  }
  
  /*文章*/
  #asemizu_containersection p{font-size: 3.3vw;letter-spacing: 0.1vw;text-align:justify;}
  
  #asemizu_containaer h1 img{
 width:100%;
 margin: 0 auto;
display: block;
  }
  
  #info h2{
 padding: 3vw 0 2vw 0;
  }


  /*コンテンツ設定*/
  
  .h1_info{
 font-size:3.5vw;
 padding: 4.2vw;
  }
  
  /*要素設定*/
  #info,.section_contents{padding:3.5vw;}
  article{padding:3.5vw;}

  article.uramen_bousui,#uramen_bousui{background:#f8f8f8;}
  article.nichijou_bousui,#nichijou_bousui,#shinchaku{background:#c6e4e3;}
  article.hyakum_bousui,#hyakum_bousui{background:#99cede;}
  article.kanzen_bousui,#kanzen_bousui{background:#74b1ce;}
  
  article.uramen_bousui span{color:#99d1e5;}
  article.nichijou_bousui span{color:#74b1cb;}
  article.hyakum_bousui span{color:#ffffff;}
  article.kanzen_bousui span{color:#f9e500;}
  
/*カスタム要素設定*/

.content_box_item li:last-child {
 margin-right: 4vw !important;
}

.h3_box {
 margin: 4vw 0 5.5vw 0;
 display: flex;
 justify-content: center;
 padding-left: 9vw;
}

section a {
 text-decoration: none !important;
}

article {
 padding: 0.1vw 3.5vw 6vw 3.5vw;
}

#shinchaku{
  background-image: url('https://manoamano.itembox.design/item/image/category/gr51/bousui_new_bg.webp');
  background-size: cover; /* 画像が要素にぴったり収まるように調整 */
  background-position: center; /* 画像を中央に配置 */
  background-repeat: no-repeat; /* 画像を繰り返さないように設定 */
}

.h3_box img{
  width:16vw;
  height:16vw;
  margin-right:3vw;
}

.h3_span{
  font-size:3.5vw;
  font-weight:600;
  color:#9ad0dc;
  padding-bottom: 0.5vw;
}

.bousui_text{
  display:flex;
}

.bousui_text img{
  width:49vw;
  height:auto;
  object-fit: cover; /* 画像が要素を覆う */
  object-fit: contain; /* 画像が要素内に収まる */
}

h4{
  border-bottom:1px solid #164371;
}

.bousui_text_box{
  margin:0 0 0 4vw;
}

.article_button{
  font-size:3.5vw;
  width:100%;
  height:auto; 
  color:#164371;
  border:1px solid #164371;
  display:inline-block; 
  text-align:center;
  padding:1.5vw 0 1vw 0;
  margin: 3vw 0 0 0;
  background:white;
  font-weight:bold;
}

.h2_under_text{
  padding:4vw 0 2.5vw 0;
  text-align:center;
}

#info h3{
  padding-top:2vw;
  font-weight:bold;
  margin:0;
}

.section_contents{
  padding-left:0;
  padding-right:0;
}

#info h2,.article_button{
  color: #164371!important;
}

#uramenbousui h2 span,#nichijou_bousui h2 span,#hyakum_bousui h2 span,#kanzen_bousui h2 span{
color:#9aceda;
font-weight:bold;
font-size: 4.5vw;
}

#shinchaku h2{
  color:#184270;
  line-height:7vw;
  padding-top:7vw;
}

#aseyamizu_container section h2 span{
  font-weight:bold;
}

#nichijou_bousui h2 span{
  font-size:4.5vw;
  line-height:4vw;
  color:#184270;
  font-weight:600;
}

#nichijou_bousui h2{
  color:black;
}

.chage_box_flame {
 border: solid 1px #012346;
}

#nichijou_bousui h2 span{color:#74b1ce;}
#hyakum_bousui h2 span{color:#ffffff;}
#kanzen_bousui h2 span{color:#f9e500;}

.point_area{
  width:auto;
  height:100vw;
  background-image:url('https://manoamano.itembox.design/item/image/category/gr51/bousui_bg_dot.webp');
  background-size:1.5vw;
  border:1px solid #3d4c5b;
  margin-top:5vw;
  margin: 6.5vw 3.5vw 3.5vw 3.5vw;
}

.point_area_text1 {
 width: 32vw;
 text-align: center;
 height: auto;
 font-size: 8vw;
 color: #f9e500;
 background: white;
 position: relative;
 top: -7vw;
 left: 0;
 right: 0;
 margin: 0 auto;
 font-family: "Abril Fatface", serif;
 font-weight: 400;
 font-style: normal;
 padding: 0vw 3vw;
}

.point_area_text2{
  font-size:4.5vw;
  letter-spacing:0;
  text-align:center;
  color:#164371;
  margin-top: -9px;
}

p.item_price {
 font-size: 4.5vw;
}

.section_contents .article_button {
 font-size: 4vw;
 padding: 2.2vw;
 width: auto;
 margin: 3.5vw;
 display: block;
}

#shinchaku{
  position:relative;
}

section#shinchaku::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 height: 9.5vw;
 box-shadow: inset 0px 9px 6px rgba(0, 0, 0, 0.1);
 z-index: 1000;
}

.point_area_content{
  display:flex;
  color:white;
  margin:5vw 5vw 0vw 5vw;
}

.point_area_content img{
  width:30vw;
  height:26vw;
  padding:0 2vw 0 0;
  height:auto;
  object-fit: cover; /* 画像が要素を覆う */
  object-fit: contain; /* 画像が要素内に収まる */
}

.point_area_content_text {
 width: 53vw;
 background: #18436e;
 padding: 2.5vw;
}

.point_area_content_text p{
  font-size:3vw;
}

#shinchaku span {
  font-size: 4.5vw;
 font-weight:500;
}


.nav ul, .content_box_item ul {
 padding: 0 0 0 0;
 margin: 0;
 list-style: none;
 display: grid;
 grid-auto-flow: column;
 overflow-x: scroll;
 white-space: nowrap;
 scrollbar-width: none;
 -ls-overflow-style: none;
 -webkit-overflow-scrolling: touch;
 align-items: center;
 justify-content: start;
}

.content_box_item li {
 width: 50vw;
 height: auto;
 background: #f8f9fb;
 margin: 4vw 0 5vw 2.5vw;
 padding: 3vw 3vw 2vw 4vw;
 border-radius: 1.8vw;
 border: 1px solid #fff;
 box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
 overflow: hidden;  /* コンテンツがボックスの境界を超える場合に非表示にする */
  white-space: nowrap;  /* テキストを折り返さずに1行に表示する */
  text-overflow: ellipsis; /* テキストがオーバーフローした場合に「...」を表示する */
}

.content_box_item li:first-child{
  margin-left:3.5vw;
}

.content_box_item img {
  width: 100%;
  height: auto;
  border-radius: 0;
  display: block;
  border-radius: 0.6vw;
}

.content_box_item ul::-webkit-scrollbar {
display: none; /* Webkitベースのブラウザでスクロールバーを非表示 */
}


.item_category{
padding:1vw 0 0 0;
font-size: 2.8vw;
}

h6{
font-size:4.5vw;
text-align:0;
line-height: 5vw;
color:#333;
}

.item_category,.item_tag,.item_price,.item_material{
color:#333;
}

.item_tag{
font-size: 2.8vw;
margin:1vw 0 0 0;
padding: 0.6vw 2.5vw;
width:auto;
border-radius:1vw;
background:#eee;
display: inline-block; 
}

.item_price{
font-size:4.2vw;
text-align:right;
border-bottom:1px solid #ccc;
margin-bottom:1vw;
padding:0 0 1vw 0;
}

.item_material{
font-size: 2.8vw;
line-height: 3.7vw;
text-align:right;
color:#bbb;
white-space: nowrap; /* テキストを1行で表示 */
overflow: hidden; /* コンテナからはみ出た部分を非表示 */
text-overflow: ellipsis; /* はみ出した部分に「...」を表示 */
}




.dots {
  text-align: center;
  padding: 10px;
}

.dot {
  display: inline-block;
  width: 1.3vw;
  height: 1.3vw;
  margin: 0 1vw;
  background-color: #ccc; /* 未選択のドット色 */
  border-radius: 50%;
  cursor: pointer;
}

.dot.active {
  background-color: #333; /* 選択されたドットの色 */
}


/*コンテンツの切り替え処理*/
.contents_chagebox {
 width: 100%;
 height: 41vw;
 background: #74b1ce;
}

.chage_box_flame{
width:90%;
margin:0 auto;
height:10vw;
background:white;
border-radius:1000vw;
}

.change_box_p {
 font-size: 5vw;
 font-weight: bold;
 color: white;
 text-align: center;
 padding: 10vw 0 3vw 0;
}

.chage_box_flame{
display:flex;
align-items: center; /* 垂直方向に中央揃え */
}

.list_choice {
  font-size: 3vw;
  height: 8vw;
  width: 50%;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

.list_choice p{
padding-top:1.7vw;
text-align:center;
font-weight:bold;
}

.chage_box_flame .active{
width:46vw;
margin:2vw 3vw;
height:8vw;
background: rgb(68,126,154);
background: linear-gradient(180deg, rgba(68,126,154,1) 0%, rgba(30,75,116,1) 100%);
color:white;
border-radius:1000vw;
transform: scale(1.1); /* スケールアップでぽよん感を出す */
}

#shinchaku ,#nichijou_bousui ,#hyakum_bousui ,#kanzen_bousui{
padding-right:0;
}

#shinchaku{
  padding-top:0;
  height: 115vw;
}

.h3_box {
  padding-left:0
}


#info .svg_pc,#info .svg_sp_kanzen{
  display:none;
}

/*tagカラー設定*/

.tag_nichijou{
  background:#c6e4e3;
}

.tag_100m{
  background:#99cede;
}

.tag_kanzen{
  background:#74b1ce;
}

#info .svg_sp{
  display:block;
  position:relative;
}

.svg_sp_kanzen{
  position:relative;
  top:-5px;
}

article.kanzen_bousui {
 position: relative;
}

.section_contents {
 padding-bottom: 6vw;
}

.fixed {
  height: auto;
  padding:2vw 0;
  position: fixed;
  top: 50px;
  z-index: 1000;
}

.hidden {
  display: none;
}



.cetner{
  justify-content: center;
}

.shinchaku_margin{
  margin-top:20vw;
  margin-top: 28vw;
}

.list_choice p,li h6,.point_area h5,#shinchaku h2,.item_category{
margin:0;
}

.point_area_content_text h5 {
    text-align: center;
    font-weight: bold;
}

span.fs-c-productName__name {
        text-align: left;
        font-weight: 300;
        color: #3790e8;
}

.section_contents h2{
  margin:0;
}

@media (min-width: 680px) {
  
  
  p.item_price {
font-size: 24px;
  }
  
  article.kanzen_bousui {
position: relative;
top: 0px;
  }
  
  .section_contents .article_button {
 font-size: 17px;
 width: 400px !important;
 padding: 12px;
 width: auto;
 margin: 17px auto;
 display: block;
 }
  
  .section_contents,#info{
 width: 1220px;
 margin:0 auto;
 padding:0;
  }
  
  #info{
 width: 1220px!important;
  }
  
  #asemizu_container article{
 padding:0;
  }
  
  .fs-c-breadcrumb{
 margin:0;
  }
  
  #asemizu_container h1{
 text-align:center;
 background: #dce7ec;
  }
  
#asemizu_container section h2,.change_box_p{
 font-size: 48px;
 padding: 60px 0 0px 0;
 line-height: 42px;
 letter-spacing: 1px;
  }
  
  .change_box_p{
 font-size:35px;
  }
  
  .h1_info {
 font-size: 18px;
 text-align: center;
 padding: 30px 0 20px 0;
 line-height: 34px;
  }
  
  #asemizu_containaer h1 img {
 width: 1220px;
  }
  
  #info h2{
 color:#164371;
  }
  
  #info .article_button{
 font-size:13px;
  }
  
  .uramen_bosui_pc{
 display: flex;
}

.h3_box {
 width: 100%;
 display: inline-block;
 text-align: center;
 margin: 40px 0 20px 0;
}

.bousui_text {
 display: inline-block;
}

#info{
  width:1220px;
  margin:0 auto;
}

#info h3{
  padding:0;
  font-size:19px;
}

#info h3 span{
  font-size:16px;
}

span.h3_span {
 padding: 10px 0 7px 0;
 display: inline-block;
}

#info .h3_box img {
 width: 90px;
 height: auto;
 /* text-align: center; */
 margin: 0 auto;
 display: block;
}

.uramen_bosui_pc{
  test-align:center;
  margin:80px 0;
  height: auto!important;
}

#info .svg_sp{
  display:none;
}

#info .svg_pc{
  display:block;
}



.bousui_text {
 text-align: center;
}

.bousui_text img {
 width: 70px;
 height: auto;
 object-fit: cover;
 object-fit: contain;
}

#info h4{
  font-size: 28px;
  padding: 10px 0;
}

.bousui_text_box {
 margin: 0 auto;
}

.bousui_text_box p{
font-size: 16px;
line-height: 28px;
}

.article_button {
 font-size: 17px;
 width: 82%;
 display: block;
 text-align: center;
 padding: 10px 0;
 margin: 14px auto;
 background: white;
}

.chage_box_flame {
 width: 500px;
 height: 50px;
 border: solid 1px #012346;
}
 
.list_choice p{
  font-size:15px;
}

.chage_box_flame .active,.list_choice {
 width: 49%;
 height: 40px;
 margin: 0 3.1%;
}

.list_choice p {
 padding-top: 9px;
}

.change_box_p {
 padding: 67px 0 14px 0;
}

.contents_chagebox{
  height: 240px;
}

.nav ul, .content_box_item ul {
 width: 1026px;
 margin: 0 auto;
}

.content_box_item li {
 width: 360px;
  }
  
  .content_box_item li {
width: 330px;
height: auto;
background: #f8f9fb;
margin: 14px 0 0 16px;
padding: 20px;
border-radius: 10px;
border: 1px solid #fff;
box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
  }

.section_contents{
  width:100%!important;
}

li h6 {
 font-size: 25px;
 text-align: left;
 line-height: 24px;
 white-space: nowrap;       
 overflow: hidden;          
 text-overflow: ellipsis;   
}

.item_category {
 font-size: 16px;
 padding: 10px 0 0 0;
}

.item_tag {
 font-size: 15px;
 margin: 8px 0;
 padding: 6px 10px;
 width: auto;
 border-radius: 7px;
 display: inline-block;
}

#shinchaku h2{
  color:#184270;
  line-height:40px;
  padding-top:65px;
}

.item_price {
 font-size: 24px;
 border-bottom: 1px solid #ccc;
 margin-bottom: 10px;
 padding: 0;
}
  
  .item_material {
 font-size: 17px;
 line-height: 17px;
  }
  
  .section_contents span {
 font-size: 24px;
 font-weight: 100!important;
}

.item_material {
 font-size: 13px;
}

.h2_under_text {
 padding: 24px 0 25px 0;
 text-align: center;
 font-size: 20px;
 letter-spacing:0px;
}


.point_area {
 width: 1026px!important;
 margin: 20px auto 0 auto;
}

.point_area_text1 {
 width: 200px;
 font-size: 43px;
 text-align: center;
 font-weight: 600;
}

.point_area_text2 {
 font-size: 36px;
 padding:0;
}

.point_area_content_text p {
 font-size: 14px;
}

.point_area h5 {
 font-size: 20px;
 padding: 10px;
}

.point_area_content_text {
width: 600px;
height: 200px;
padding: 26px;
margin: 0 33px 0 0;
}

.point_area_content {
 margin: 16px;
}

.uramen_bosui_pc {
 test-align: center;
 margin: 15px 0 60px 0;
 height: auto;
}



.point_area {
 height: 420px;
 margin: 20px auto 15px auto;
  }
  
  section a {
 text-decoration:none;
 color:black;
  }
  
  section a:visited,.item_category,.h6,.item_tag,.item_price {
 color: black;
 text-decoration:none;
}

.point_area {
 background-image: url(https://manoamano.itembox.design/item/image/category/gr51/bousui_bg_dot.webp);
 background-size: 7px;
 border: 1px solid #164371;
}

.point_area_content img {
  width: 500px;
  height: 195px!important;
  padding: 0px 13px 0 0px;
  height: auto;
  object-fit: cover;
  object-fit: contain;
}

.section_contents {
 padding-bottom: 40px;
}

#info a.article_button {
  width: 100%;
  color: #164371;
}

a.article_button {
 width: 400px;
 color: #184270!important;
}

.svg_pc{
  height:auto;
}

.uramen_bosui_pc article {
  padding: 0 20px 0 30px;
}

article.kanzen_bousui {
 padding: 0 35px 0 15px;
}

.bousui_text_box p {
 font-size: 15px;
 letter-spacing:1px;
}

#info h2{
  font-size:47px;
  padding: 30px 0 5px 0;
}

.section_contents h2{
  font-size:48px;
  line-height: 50px;
  margin:0;
}

#uramenbousui h2 span,#nichijou_bousui h2 span,#hyakum_bousui h2 span,#kanzen_bousui h2 span{
  font-weight:bold!important;
  font-size:30px;
}

#shinchaku span {
  font-size: 24px;
}
  
.content_box_item li:first-child {
 margin-left: 0;
}

.point_area_text1 {
 padding:0;
 top:-31px;
}

.h3_box {
 justify-content: left;
}


.fixed {
  height: auto;
  padding:20px 0;
  position: fixed;
  top: 0;
  z-index: 1000;
}

.hidden {
  display: none;
}

#shinchaku {
 height: auto;
}


button.arrow-button {
 width: 1;
 position: relative;
 top: -300px;
 left: 0;
 right: 0;
 margin: 0 auto;
 display: block;
}

button.arrow-button.arrow_left {
  left: -290px;
}

button.arrow-button.arrow_right {
left: 290px;
}

button.arrow-button {
 background: none;
 border: none;
 font-size: 25px;
}

.arrow_box {
 width: 1026px;
 margin: 0 auto;
}

.list_choice p,li h6,.point_area h5{
margin:0;
}