


@font-face {
    font-family: 'NotoSansJP'; 
    src: url('https://manoamano.itembox.design/item/font/NotoSansJP-Regular.ttf') format('truetype');
    font-weight: normal; /* Regularフォントの太さ */
    font-style: normal;
}

@font-face {
    font-family: 'NotoSansJP'; /
    src: url('https://manoamano.itembox.design/item/font/NotoSansJP-Bold.ttf') format('truetype');
    font-weight: bold; /* Boldフォントの太さ */
    font-style: normal;
}


.footer_banner1{
  width:96%;
  margin:10% 0 0 0;
}

.footer_banner2{
  width:96%;
  margin:2% 0 0 0;
}

.hot{
  font-size:2.5vw;
  color:#862040;
  animation: blink 2s infinite;
  letter-spacing:-0.2vw;
  line-height:1.5vw;
}

@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}





.fs-p-footerSnsLink{
  display:none;
}

.fs-l-pageMain {
    display: none;
}

.fs-l-footer__utility a{
  color:#1a1a1a!important;
}

footer span{
  color:white;
}

.fs-p-banner--postage span{
  color:#1a1a1a;
}

h1.fs-c-heading.fs-c-heading--page,.fs-c-productList {
    display: none;
}

.fs-l-main{
  margin:0;
}

.fs-preview-header{
margin:0;
}

.fs-c-breadcrumb__list {
  width: 100%;
  max-width: 1216px;
  margin: 0 auto;
  padding:5px;
}

.fs-c-breadcrumb a{
color:#3572b0;
}

.fs-c-breadcrumb__listItem {
  display: inline-block;
  word-break: break-all;
}

ol.fs-c-breadcrumb__list {
  white-space: nowrap;
  overflow-x: scroll;
  background: #F5F7F8;
}

div, span, 
h1.txt1, h2, h3, h4, h5, h6,.main p,
a,video {
  margin: 0;
  padding: 0;
  border: 0;
}

.header a,section a,.footer_nav a{
    color:#1a1a1a!important;
}

.header,section,.footer_nav{
    font-family: "NotoSansJP", sans-serif;
}

a {
  text-decoration: none!important;
}

ol, ul {
  list-style: none;
}

/*見出しの設定*/
h1.txt1{
width:100%;
padding: 18vw 0 8vw 0;
text-align:center;
font-size: 6.5vw; /* 基本サイズにビューポート幅の割合を加算 */
font-weight:600;

background-image: url('?25');
background-position: 17vw 33vw;
background-size: 79vw auto; 
background-repeat: no-repeat;
}

h1.txt1 span{
font-size: 3.5vw;
font-weight:100;
line-height:11vw;
letter-spacing:1px;
font-weight: 600;
}

.nav{
border-bottom: 1px solid #efefef;
font-weight:bold;
}

.nav_title{
font-size:4.2vw;
letter-spacing:1vw;
font-weight:bold;
}

/*ナビの設定*/
.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; /* Firefox用のスクロールバーを非表示にする */
  -ls-overflow-style: none; /* IE/Edge用のスクロールバーを非表示にする */
  -webkit-overflow-scrolling: touch; /* スマートフォンでのタッチスクロールを有効にする */
  align-items: center; /* 上下中央寄せ */
  justify-content: start;
}

.nav li{
width:22vw;
overflow:hidden;
}

.nav ul::-webkit-scrollbar,.content_box_item ul::-webkit-scrollbar {
  display: none;
}

.nav li,.content_box_item li{
  display: inline-block; /* インラインブロック要素として設定 */
}

.nav li:first-child,.content_box_item li:first-child{
margin-left:1.5vw;
}


/*ランキングスタイル*/

.content_box_item li{
  position:relative;
}

.card_rank_tag {
    position: absolute;
    top: 3px;
    left: 4px;
    font-weight: bold;
    font-size: 11px;
    letter-spacing: 1px;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.5);
    border-radius: 100px;
    border: solid 1px #cecbc6;
    background: linear-gradient(45deg, #FFFFFF 0%, #FEFDFD 50%, #F9F9F9 100%);
}
  
  .rank img {
    width: 7vw!important;
    margin: 0;
    display: block;
    border-radius: 0.6vw;
}

.no1 {
    background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
    border: solid 2px #dbb256;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
}

.no2 {
    background: linear-gradient(45deg, #757575 0%, #9E9E9E 45%, #E8E8E8 70%, #9E9E9E 85%, #757575 90% 100%);
    border: solid 2px #8e8e8e;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
}

.no3 {
    background: linear-gradient(45deg, #8C3D00 0%, #A0522D 45%, #CD7F32 70%, #A0522D 85%, #8C3D00 90% 100%);
    border: solid 2px #c18e74;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
}

.content_box_item .card_rank_tag img {
    width: 12vw !important;
    height: 12vw;
    padding: 1.3vw 0.9vw 0.7vw 1.1vw;
    margin: 0 !important;
    background: none;
    border-radius: 100vw;
    opacity:0.9;
}

a:hover img{
 opacity:1!important;
 filter:alpha(opacity=100);/*IEp?w*/
}


.nav li img,.content_box_item img{
border-radius: 100vw; /* 画像を丸くするために50%を指定 */
width: 18vw;
height: 18vw;
background:#fff;
margin: 0 auto;
display: block;
object-fit: cover; 
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
margin-top: 3vw;
}

.nav li p{
text-align:center;
font-size: 3vw;
padding: 1vw 0 2vw 0;
letter-spacing:0.05vw;
}


/*各項目の設定*/
h2{
width:100%;
padding: 37vw 0 3vw 0;
text-align:left;
font-size: 6vw; /* 基本サイズにビューポート幅の割合を加算 */
font-weight:600;
}

/*個別調整*/
#section01 h2{
font-size: 5.8vw;
letter-spacing: 0.3vw;
font-weight: bold;
}

section h2{
padding: 26vw 0 1.2vw 0;
}


#section01 {
    height: 146vw;
}

.content_box_item li:first-child,.content_box_item li {
  margin-top: 13vw;
}

#section02{
  height: 147vw;
}

#section03 {
  height: 146vw;
}

#section04 {
  height: 150vw;
}

#section05 {
  height: 146vw;
}

#section06 {
  height: 146vw;
}

.content_box{
width:100%;
height: 204vw;
background:#F5F7F8;
background-repeat: no-repeat;
background-position: 48vw -10vw; 
background-size: 95vw auto; 
}

/*背景画像*/
.section_img01{
  background-image: url('https://manoamano.itembox.design/item/image/category/28749_34424/section01.webp?104');
  background-position: 6vw 5vw;
  background-size: 64vw auto;
}

.section_img01_w{
  background-image: url('https://manoamano.itembox.design/item/image/category/28749_34424/section01_w.webp?17');
  background-position: 9vw 5.5vw;
  background-size: 56vw auto;
}

.section_img02{
  background-image: url('https://manoamano.itembox.design/item/image/category/28749_34424/section02_m.webp?27');
  background-position: 52vw 0vw; 
  background-size: 46vw auto; 
}

.section_img02_w{
  background-image: url('https://manoamano.itembox.design/item/image/category/28749_34424/section02_w.webp?24');
  background-position: 44vw 0vw; 
  background-size: 53vw auto; 
}

.section_img03{
background-image: url('https://manoamano.itembox.design/item/image/category/28749_34424/section03.webp?10');
background-position: 49vw 16px;
background-size: 55vw auto;
}

.section_img03_w{
background-image: url('https://manoamano.itembox.design/item/image/category/28749_34424/section03_w_pc.webp?16');
background-position: 52vw 0vw; 
background-size: 54vw auto; 
}

.section_img04{
background-image: url('https://manoamano.itembox.design/item/image/category/28749_34424/section04_m.webp?15');
background-position: 25vw 0vw;
background-size: 88vw auto;
}

.section_img04_w{
background-image: url('https://manoamano.itembox.design/item/image/category/28749_34424/section04.webp?13');
background-position: 25vw 0vw;
background-size: 88vw auto;
}

.section_img05{
background-image: url('https://manoamano.itembox.design/item/image/category/28749_34424/section05_m.webp?16');
background-position: -28vw -23vw; 
background-size: 92vw auto; 
}

.section_img05_w{
background-image: url('https://manoamano.itembox.design/item/image/category/28749_34424/section05_w.webp?24');
background-position: -17vw -5vw; 
background-size: 88vw auto; 
}

.section_img06{
background-image: url('https://manoamano.itembox.design/item/image/category/28749_34424/section06.webp?16');
background-position: 23vw 0vw; 
background-size: 77vw auto; 
}

.section_img06_w{
background-image: url('https://manoamano.itembox.design/item/image/category/28749_34424/section06_w.webp?26');
background-position: 26vw top;
background-size: 76vw auto; 
}


/*画像アニメーション*/
/* 画像のスタイル */
.section_img02,
.section_img02_w {
transition: opacity 0.5s ease-in-out;
}

/* フェードイン・フェードアウトのアニメーション */
@keyframes fadeIn {
from {
  opacity: 0;
}
to {
  opacity: 1;
}
}

@keyframes fadeOut {
from {
  opacity: 1;
}
to {
  opacity: 0;
}
}


.content_box_inner{
padding:0 5vw;
}

.content_box_inner .gender_tabs{
background:#ccc;
padding:0 5vw;
}

.content_box_inner p{
font-size: 4vw; /* 基本サイズにビューポート幅の割合を加算 */
line-height:6vw;
font-weight: 400;
}

#section05 .content_box_inner p {
  letter-spacing: 0.5vw;
}

.gender_btn{
  cursor: pointer;
  padding: 2vw 3.5vw;
  background-color: #fff;
  border: 0px solid #333; /* ボーダー */
  border-radius: 1000px; /* 角丸 */
  margin-right: 1.5vw;
  font-size: 4vw;
  color: #1a1a1a; /* テキスト色 */
  transition: all 0.3s ease; /* アニメーション */
  letter-spacing:0.5vw;
  ursor: pointer;
  margin: 2vw 0 0 0;
  padding: 2.2vw 2.5vw 2.8vw 2.5vw;
  background-color: #fff;
  border: 0px solid #333;
  border-radius: 1000px;
  margin-right: 1.5vw;
  font-size: 3.7vw;
  color: #1a1a1a;
  transition: all 0.3s ease;
  letter-spacing: 0.5vw;
  font-weight: 600;
  border: 1px solid #eee;
  /* 上下中央寄せ */
  display: inline-block; /* インラインブロック */
  text-align: center; /* テキストを中央寄せ */
  line-height: 1; /* テキストの行の高さ */
}

#mens_btn.active,#mens_btn2.active,#mens_btn3.active,#mens_btn4.active,#mens_btn5.active,#mens_btn6.active,#mens_btn7.active,#mens_btn8.active,#mens_btn9.active,#mens_btn10.active,#mens_btn11.active{
background-image: linear-gradient(90deg, #74EBD5 0%, #9FACE6 100%);
background-size: 400% 400%;
animation: gradientAnimation 15s ease infinite;
color:white;
opacity:1;
border:none;
}

#mens_btn,#mens_btn2,#mens_btn3,#mens_btn4,#mens_btn5,#mens_btn6,#mens_btn7,#mens_btn8,#mens_btn9,#mens_btn10,#mens_btn11{
background:#F5F7F8;
color: #222; /* テキスト色 */
opacity:1;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); /* 影を追加 */
}

#ladies_btn.active,#ladies_btn2.active,#ladies_btn3.active,#ladies_btn4.active,#ladies_btn5.active,#ladies_btn6.active,#ladies_btn7.active,#ladies_btn8.active,#ladies_btn9.active,#ladies_btn10.active,#ladies_btn11.active {
  background-image: linear-gradient(180deg, #A9C9FF 0%, #FFBBEC 100%);
  background-size: 400% 400%;
  animation: gradientAnimation 15s ease infinite;
  /* その他のスタイルプロパティを追加 */
  color:white;
  opacity:1;
  border:none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); /* 影を追加 */
}

@keyframes gradientAnimation {
  0% {
      background-position: 0% 50%;
  }
  50% {
      background-position: 100% 50%;
  }
  100% {
      background-position: 0% 50%;
  }
}

#ladies_btn,#ladies_btn2,#ladies_btn3,#ladies_btn4,#ladies_btn5,#ladies_btn6,#ladies_btn7,#ladies_btn8,#ladies_btn9,#ladies_btn10,#ladies_btn11 {
background:#F5F7F8;
border-image-slice: 1;
color: #222; /* テキスト色 */
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); /* 影を追加 */
opacity:1;
}


.content_box_item ul{
white-space: normal;
gap: 0px; /* 項目間のスペースを設定 */
}

/*カードレイアウト*/
.content_box_item li {
    width: 52vw;
    height: auto;
    background: #fff;
    margin: 4vw 0 5vw 2.5vw;
    padding: 0;
    border-radius: 1.8vw;
}

.content_box_item li:first-child {
    margin: 4vw 0vw 5vw 3vw;
    padding: 0;
}

.content_box_item img {
    width: 46vw;
    height: 46vw;
    border-radius: 0;
    margin: 3vw 3vw 0 3vw;
    display: block;
    border-radius: 0.6vw;
}

h3 {
    font-size: 4vw;
    font-weight: bold;
    padding: 2vw 3vw 0.5vw 3vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

.font-small{
font-size:4vw;
}


/*商品説明*/
.item_text {
    font-size: 3.2vw;
    padding: 0vw 3vw;
    text-align: justify;
    display: block;
    overflow-wrap: break-word;
    line-height: 4.5vw;
    margin: 0.5vw 0 0 0;
}

.item_price {
    font-size: 4.5vw;
    text-align: right;
    font-weight: bold;
    color: #a50c17;
    padding: 1vw 3.2vw 0 1vw;
    line-height: 6vw;
}

.item_price span{
font-size:3.7vw;
color:#a50c17;
padding-left:0.6vw;
}

/*ブランド*/
.item_material {
    width: 43.5vw;
    font-size: 2.8vw;
    margin-top: 2.5vw;
    margin: 1vw 4vw 0 auto;
    padding: 2vw 0 0.5vw 0;
    text-align: right;
    border-top: 1px solid #e8e8e8;
    color: #a5a4a4;
    letter-spacing: 0.13vw;
    line-height: 2vw;
}

.brand {
    font-size: 2.8vw;
    padding: 0 4.2vw 1.8vw 0;
    text-align: right;
    color: #a5a4a4;
}

.right{
text-align:right !important;
letter-spacing:7px;
}

.right_btn{
position: relative;
left: 45vw;
}

/*FS設定*/
.fs-l-page{
padding-top:0;
}

li p{
  display: -webkit-box !important; /* Flexboxベースの表示方法 */
  -webkit-box-orient: vertical; /* 垂直方向にボックスを配置 */
  -webkit-line-clamp: 2; /* 行数を3行に制限 */
  overflow: hidden; /* オーバーフローを隠す */
}


/* フェードインのアニメーション */
.fade-in {
animation: fadeIn 0.5s forwards;
}

/* フェードアウトのアニメーション */
.fade-out {
animation: fadeOut 0.5s forwards;
}

/* フェードインのキーフレーム */
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}

/* フェードアウトのキーフレーム */
@keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
}


.fade {
opacity: 0;
transition: opacity 0.5s ease-in-out; /* トランジション時間を1秒に変更 */
}

.fade.show {
opacity: 1;
}

.gender_btn {
opacity: 0.5;
transition: opacity 0.5s ease-in-out;
}

.gender_btn.active {
opacity: 1;
}


h1, h1 span {
  opacity: 0;
  animation: slideAnime 2s ease forwards;
}

@keyframes slideAnime {
  from {
      opacity: 0;
  }
  to {
      opacity: 1;
  }
}

.txt1 {
  animation-delay: 0.2s;
} 

.txt2 {
  animation-delay: 0.5s;
}

.footer_nav{
background:#F5F7F8;
padding: 0 0 13vw 5vw;
}

.footer_nav h2{
padding: 100px 0 0 0;
}

h4{
font-size:5vw;
padding: 10vw 0 5vw 0;
}

.footer_nav ul{
max-width: 100%; /* 最大幅を親要素に合わせる */
overflow-x: auto; /* 水平方向にはみ出した部分をスクロール可能にする */
white-space: nowrap; /* テキストを折り返さずに一列に表示する */
  justify-content: flex-start;
}

.footer_nav li{
width:40vw;
display: inline-block; /* li要素をインラインブロックとして表示する */
white-space: nowrap;
background:white;
text-align:center;
border-radius:1000px;
margin: 1vw 2vw 1vw 0;
padding:1.5vw 2vw;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.footer_nav li a{
  font-size: 3.5vw;
}

.fs-p-headerNavBar{
top:50px;
transition:top 1s;
z-index:1;
}

a.fs-p-scrollingCartButton__button {
  display: none;
}

.case_size{
  width:70vw !important;
}

.footer_nav h4 span{
font-size: 4.5vw;
font-weight: 600;
display: inline-flex;
width: 7.5vw !important;
height: 7.5vw !important;
background: #eee;
justify-content: center;
align-items: center;
margin: 0vw 2vw 0 5vw;
border-radius: 100vw;
background: white;
color: #728496;
border:1px solid #eee;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}


/* ポップアップのスタイル */
.popup {
display: none;
position: fixed;
top: 0vw;
left: 0vw;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5); /* 黒色、50%透過 */
z-index: 100000;
overflow-y: none;
margin:0 auto;
}

.popup .main_img{
display: block;
font-size: 10px;
width: 90% !important;
padding-top: 20%;
height: auto !important;
margin: 0 auto;
}

.popup.active {
  display: block;
}
.popup .close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  font-size: 20px;
  color: white;
}
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.overlay.active {
  display: block;
}

.text-area{
white-space: normal !important;
padding:3vw 2vw 4vw 2vw;
}

.popup_close{
display: block;
width: 100%;
margin: 0 auto;
height: 16vw;
padding: 7vw 0 0 0;
text-align: center;
font-weight: 600;
color: #fff;
font-size: 4vw;
letter-spacing:1vw;
}

.popup .user_name{
font-size:4.5vw;
font-weight:bold;
white-space: normal; /* 複数行表示を許可 */
display:inline-block;
margin:5vw 0 3vw 0;
}


.fade-in {
  animation: fadeIn 0.7s forwards; /* 0.5秒のフェードイン */
}

.fade-out {
  animation: fadeOut 0.7s forwards; /* 0.5秒のフェードアウト */
}

.footer_nav li,.content_box_item li,.nav li a img{
      border: 1px solid #ebeced;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.footer_nav h2 {
    padding: 14vw 0 0 0;
}


@media (min-width: 780px) {
main{
  background: #F5F7F8;
}

ul {
    list-style: block;
}

.fs-c-breadcrumb{
    margin-top: 0;
}

.header,.content_box {
    max-width: 1060px;
    margin: 0 auto;
}

.header{
  border-bottom: 1px solid #efefef;
}

h1.txt1 {
        padding: 100px 0 30px 0;
        font-size: 35px;
        text-align:center;
    }

h1.txt1 span {
  font-size: 18px;
  line-height: 60px;
  letter-spacing: 2px;
}

h2{
    width:auto;
    padding: 120px 0 0 0;
}

a:hover img{
 opacity:0.6!important;
 filter:alpha(opacity=60);/*IEp?w*/
}

.footer_banner1{
  width:49%;
  margin:50px 1% 0 0;
  float:left;
}

.footer_banner2{
  width:49%;
  margin:50px 0 0 0;
}

.footer_nav h2 {
  padding: 100px 0 0 0!important;
}

.hot{
  display:none;
}

.content_box_item .card_rank_tag img {
  width: 55px !important;
  height: 55px;
  padding: 7px 6px 5px 6px;
  margin: 0 !important;
  background: none;
  border-radius: 100vw;
}

.nav{
    margin: 0;
    border:none;
}

.nav li img {
    width: 80px;
    height: auto;
    border-radius: 100vw;
}

.header .nav ul {
    margin: 0 auto;
    width: 660px;
}

.nav li {
    width: 107px;
    overflow: hidden;
    margin: 0 auto;
}

.nav li p {
    width: 100px;
    font-size: 17px;
    padding: 10px 0 14px 0;
    margin: 0 auto;
}

.nav li:first-child {
  margin:0 auto;
}

.content_box_item li {
  width: 240px;
  height: auto;
  background: #fff;
  margin: 4vw 2.5vw 5vw 2.5vw;
  padding: 0;
  border-radius: 10px;
}

.content_box_item img {
      width: 210px;
      height: auto;
      border-radius: 0;
      margin: 15px 15px 10px 15px;
      display: block;
      border-radius: 3px;
}

.right{
  text-align:left !important;
  margin: 0 0 0 582px;
}

.right_btn {
left: 580px;
margin-right: 10px !important;
}

.content_box_inner {
  padding: 0;
}

.gender_btn {
font-size: 18px;
padding: 12px 18px 12px 18px;
margin: 5px 10px 0 0;
letter-spacing: 2px;
  }
  
.gender_btn:first-child {
margin-right:10px!important;
  }

h2 {
  font-size: 28px!important;
}

.content_box_inner p {
font-size: 20px;
line-height: 28px;
padding: 10px 0 10px 0;
font-weight: 400;
letter-spacing: 5px !important;
text-align:left;
}

.right span{
letter-spacing:5px !important;
}

.section_img01 {
background-position: 256px 30px;
background-size: 346px auto;
}

.section_img01_w {
background-position:311px 38px;
background-size: 295px auto;
}

.section_img02 {
background-position: 548px 0;
background-size: 245px auto;
}

.section_img02_w {
background-position: 500px 0;
background-size: 277px auto;
}

.section_img03 {
background-position: 530px 18px;
background-size: 300px auto;
}

.section_img03_w {
background-position: 560px 0;
background-size: 284px auto;
background-image: url('https://manoamano.itembox.design/item/image/category/28749_34424/section03_w_pc.webp');
}

.section_img05 {
background-position: 135px -88px;
background-size: 477px auto;
}

.section_img05_w {
background-position: 138px -23px;
background-size: 493px auto;
}

.section_img04 {
background-position: 378px 0;
background-size: 470px auto;
}

.section_img04_w {
  background-image: url('https://manoamano.itembox.design/item/image/category/28749_34424/section04.webp?10');
  background-position: 378px 0;
  background-size: 470px auto;
}

.section_img06 {
background-image: url('https://manoamano.itembox.design/item/image/category/28749_34424/section06.webp?16');
background-position: 461px 1px;
background-size: 404px auto;
}

.section_img06_w {
background-position: 465px 0;
background-size: 395px auto;
}


section h2{
padding: 116px 0 0 0;
}

section ul {
  margin-top: 50px!important;
}

#section02 h2{
  margin: 0 !important;
}

#section02 .content_box_inner,#section02 h2,#section03 .content_box_inner, #section06 .content_box_inner,#section04 .content_box_inner{
text-align:left;
margin-left: 200px;
}

#section03 h2{
padding: 130px 0 0 0; 
text-align:left;
}

section#section03 ul {
  margin-top: 3vw;
}

#section03 ul {
  margin-top: 80px;
  }

#section04 h2{
  padding: 130px 0 0 0;  
  text-align:left;
}

#section04 .content_box_inner{
text-align:left;
}

#section05 h2{
  padding: 130px 0 0 0;  
}

#section05 .right{
  text-align:left !important;
  margin: 0 0 0 590px;
}

#section05 .right_btn {
  left: 590px;
  margin-right: 10px !important;
}

#section05 ul {
margin-top: 50px;
}

#section06 ul {
margin-top: 60px;
}

#section06 .content_box_inner{
text-align:left;
}

#section06 h2{
padding: 140px 0 0 0;  
width:auto;
text-align:left;
}

#section04 ul {
margin-top: 35px;
}

.content_box{
height:850px;
}

#section01 {
height: 723px;
}

#section02 {
height: 739px;
}

#section03 {
height: 737px;
}

#section04 {
height: 760px;
}

#section05 {
height: 738px;
}

#section06 {
height: 748px;
}


h3 {
font-size: 18px;
padding: 0 20px 0 20px;
}

.item_text {
  font-size: 15px;
  padding: 3px 20px;
  line-height: 24px;
}

.item_price {
  font-size: 20px;
  padding: 0;
  line-height: 25px;
  margin:0 20px;
}

.item_price span {
  font-size: 16px;
  padding-left: 1px;
}

.item_material {
  width: auto;
  font-size: 14px;
  margin-top: 2.5vw;
  margin: 4px 20px 0 20px;
  padding: 5px 0 0 0;
  border-top: 1px solid #e8e8e8;
  letter-spacing: 0px;
  line-height: 19px;
}

.brand {
  font-size: 14px;
  padding: 0px 20px;
  letter-spacing: 0;
}

.content_box_item li,.content_box_item li:first-child{
  padding: 0 0 10px 0;
  margin-top: 0vw!important;
  margin: 30px 0 0 10px;
}

h4 {
  font-size: 25px;
  padding: 50px 0 15px 0;
  display: flex;
  align-items: center;
}

.nav li:first-child,.nav li {
  width: 173px;
  margin-right: 30px;
}

.header .nav li:first-child,.header .nav li {
  width:120px;
  margin-right: 10px;
}

.footer_nav li a{
  font-size: 16px!important;
}

.footer_nav {
      width: 1060px;
      margin: 0 auto;
      border: none;
  }

  .footer_nav li {
      padding: 15px 20px;
  }
  
  .fs-l-main{
    display:none;
  }
  
  .footer_nav {
  background: #F5F7F8;
  padding: 0 0 200px 50px;
}

nav.fs-c-breadcrumb {
  margin: 0!important;
}

.content_box_item{
overflow-x: scroll;
padding: 0 0 10px 0;
}

section ul{
width: 2500px;
}

section .content_box_item::-webkit-scrollbar {
height: 7px;
background:#ddd;
display:none;
}

::-webkit-scrollbar-thumb {
background: #aaa;
border-radius: 5px;
display:none;
}

.footer_nav ul {
  white-space: unset !important;
  display: block;
}

.footer_nav li:first-child, .footer_nav li {
  margin: 15px 10px;
  background: #fcfcfc;
}

.case_size{
  width: 285px!important;
}

.footer_nav h4 span {
  font-size: 16px;
  width: 26px !important;
  height: 26px !important;
  background: #eee;
  justify-content: center;
  align-items: center;
  margin: 4px 18px 0px 9px;
  border-radius: 100vw;
  background: white;
  color: #728496;
  border: 1px solid #eee;
}

.popup .main_img {
  width: 700px !important;
  padding-top:10%;
}

.popup_close {
  display: block;
  width: 100%;
  margin: 0 auto;
  height: auto;
  padding: 50px 0 0 0;
  font-size: 24px;
  letter-spacing: 10px;
}


/*コンテンツ10個未満Ul余白調整*/

/*5個*/
#content2 .ul_ladies{width:1250px!important;}

/*6個*/

/*7個*/
#content3 .ul_ladies,#content6 .ul_ladies{width:1750px!important;}

/*8個*/
#content .ul_ladies,#content8 .ul_ladies,#content4 .ul_ladies{width:2000px!important;}

/*9個*/
#content3 .ul_mens,#content4 .ul_mens{width:2250px!important;}

/*?個*/
#content5 .ul_mens{width:5800px!important;}
#content5 .ul_ladies {width: 5300px !important;}
}
button.arrow-button.arrow_right {
    left: 1042px;
    top: -265px;
}

button.arrow-button.arrow_left {
    left: -15px;
    top: -226px;
}





.item_text {
    margin-top: 0;
}
}
