/* IE 補正 */
body{
  text-rendering: optimizeLegibility;
  font-kerning: normal;               
  font-variant-ligatures: common-ligatures contextual;
  font-feature-settings: "kern", "liga", "clig", "calt";    
  border-top: 5px solid #e60012;
}

@media all and (-ms-high-contrast: none) {
#header-inner nav #header-nav .header-mypage:before{
  content:none;
}
}
@media all and (-ms-high-contrast: none) {
#header-inner nav #header-nav .header-cart:before{
  content:none;
}
}

#contents{
/*   width: 100%; */
  max-width: 1200px;
}

@media screen and (max-width:800px){
  #sub-column,#main-column{
    float: none;
  }
  #main-column{
    width: 100%;
  }
}

.font_nsjp {
  font-family: "Noto Sans JP", sans-serif;
}
.expage_link::after {
  font-family: "Material Icons";
  content: "\e89e";
  font-weight: normal;
  margin-left: 2px;
  font-size: 130%;
  vertical-align: middle;
  /* display: inline-block; */
}


/* ヘッダー */
header {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fff;
  /* border-bottom: 1px solid#C5C5C5; */
}

@media screen and (min-width:1200px){
  header{
  }
}


/* #header-inner {
  border-bottom: 1px solid #C5C5C5;
} */

#header-inner{
  width: 100%;
  /*! display: flex; */
  justify-content: space-between;
}

/* @media screen and (max-width: 810px) {
  #header-inner {
    display: block;
  }
}
 */
#header-inner h1 {
  display: flex;
  font-size: 14px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin: 10px;
}
#header-inner h1 a {
  line-height: 1;
}
#header-inner h1 img {
  width: 20vw;
  max-width: 185px;
  min-width: 142px;
  margin-right: 10px;
}
#header-inner h1 span {
  align-self: center;
  white-space: nowrap;
  line-height: 1.2em;
  display: block;
}

@media screen and (max-width:768px){
  #header-inner h1{
    font-size: 75%;
  }
}

#header-inner #hNav{
  padding-right: 1vw;
}

#header-inner .user_point {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: min(3.1vw,14px);
  margin-bottom: 20px;
  text-align: right;
}

#header-inner .user_point strong {
  font-weight: bold;
  font-size: 1em;
}
#header-inner nav {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 0.7em;
}

#header-inner nav #header-nav {
  font-size: 110%;
  /*! font-weight: bold; */
  line-height: 120%;
  margin-bottom: 0.2em;
}
#header-inner nav #header-nav a{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
}

#header-inner #hNav ul#header-nav li a::before{
  background: none;
  font-family: "Material Icons";
  font-size: 1.8em;
  color: #e60012;
  vertical-align:text-top;
  margin-right: 13px;
}
@media screen and (max-width:768px){
  #header-inner #hNav ul#header-nav li a::before{
  float: left;
  }
}

#hNav ul#header-nav li#header-nav-mypage a::before {
  content: "\e7fd";
}
#hNav ul#header-nav li#header-nav-cart a::before {
  content: "\e8cc";
  margin-left: 0.5em;
}


@media screen and (max-width: 768px) {
  #hNav nav, #hNav .cart-nav{
    position: initial;
    flex-direction: initial;
    justify-content: center;
  }
}

@media screen and (max-width:480px){
  #hNav ul#header-nav li
  {
    font-size: 15px;
  }
  #hNav ul#header-nav li#header-nav-mypage a::before,
  #hNav ul#header-nav li#header-nav-cart a::before
  {
    font-family: "Material Icons";
    background: none;
    font-size: 2em;
    margin-right: 10px;
  }
  #hNav ul#header-nav li#header-nav-mypage a::before
  {
    content: "\e7fd";
  }
  #hNav ul#header-nav li#header-nav-cart
  {
    margin-right: 0;
  }
  #hNav ul#header-nav li#header-nav-cart a::before
  {
    content: "\e8cc";
  }
}

#header-inner nav #header-nav #header-nav-fav a::before {
  content: "\e87d";
  font-size: 1.3em;
  margin-right: 2px;
}  
#header-inner nav #header-nav .header-cart::before {
  content: "\e8cc";
}
#header-inner nav .user_nav_sub{
  display: flex;
}

@media screen and (max-width: 740px) {
  #header-inner nav .user_nav_sub {
    display: none;
  }
}

#header-inner nav .user_nav_sub li {
  font-size: 14px;
  align-self: flex-end;
  text-indent: -1em;
  padding-left: 1em;
  margin-left: 12px;
}
#header-inner nav .user_nav_sub li::before{
  font-family: "Material Icons";
  content: "\e5df";
  color: #a8a8a8;
  vertical-align: middle;
}
#header-inner #header-nav .user_nav_sub li a{
  font-weight: 400;
}
#header-inner nav .user_nav_sub li:last-of-type::after{
  content: none;
}
.notice_bar {
  text-align: center;
  font-weight: bold;
  margin: 25px 0 20px;
  font-size: 0.9em;
}
.notice_bar p {
  background: #fff7e4;
  margin:3px 0;
}
.notice_bar p a {
  padding: 0.5em;
  display: inline-block;
  text-decoration: underline;
}
.notice_bar span {
  display: block;
  line-height: 0;
  background: #fff;
}
.notice_bar span a {
  padding: 0;
}
/* グローバルナビゲーション */
.gnav-wrapper {
  position: relative;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  /*     border-bottom: 1px solid #C5C5C5; */
}
.global-nav {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 769px) {
  .global-nav {
      display: none;
  }
}

.global-nav li {
  text-align: center;
  align-self: center;
  font-size: 0.9em;
  transition: all 0.3s ease-in-out;
}
.global-nav li.gn_menu a {
  color: #2e2a2e;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  padding: 1em 0px;
  position: relative;
  top: 2px;
  z-index: 99;
}
.global-nav > li > a::after {
  font-family: "Material Icons";
  content: "\e5cf";
  color: #c5c5c5;
  margin-left: 2px;
  font-size: 1.7em;
  vertical-align: middle;
}
.global-nav li a:hover {
  color: #c5c5c5;
/*   position: relative; */
/*   top:5px; */
}
.global-nav > li:hover .dropdown {
  max-height: 9999px;
  opacity: 1;
  padding: 20px 0 0 0;
}
.gn_search{
  flex-shrink: 0;
  max-width: 200px; 
  margin-left: 0; /* 右寄せ */  
}
.searchbox {
  width: 100%; /* 親に合わせて伸縮 */
  min-width: 0; /* はみ出し防止 */
}

.gn_search input{
  border: 1px solid #ccc;
  border-right: none;
  border-radius: 4px 0 0 4px;
}
.gn_search button{
  border: 1px solid #ccc;
  border-radius: 0 4px 4px 0;
  padding: 3px;
}


/* グローバルナビゲーション｜ドロップダウンパート */
.dropdown {
  background: #fff;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  width: 100%;
  position: absolute;
  left: 0;
  transition: all 0.1s ease-in;
  z-index: 999;
  border-radius: 3px;
  border: 1px solid #c5c5c5;
  box-shadow: 0px 3px 6px -2px #a5a5a5;
}
.dropdown-cnt {
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
}
.dropdown-cnt li {
  padding: 0;
  font-size: 1.1em;
}
.dropdown-cnt a {
  border-left: none;
}
/* ドロップダウン｜カテゴリー */
.gn_category {
  padding: 0 10px 0 20px;
}
.dropdown .gn_category li {
  width: 290px;
  margin: 0 0px 20px 0;
}
.dropdown .gn_category li a {
  display: flex;
  padding-top: 0;
  padding-bottom: 0;
}
.dropdown .gn_category li figure,
.dropdown .gn_category li span {
  display: inline-block;
  align-self: center;
}
.dropdown .gn_category li figure {
  margin-right: 10px;
  margin-left: 45px;
}
.dropdown .gn_category li figure img {
  width: 80%;
}
/* ドロップダウン｜シリーズ */
.dropdown .gn_series {
  padding: 0 0 0 30px;
}
.dropdown .gn_series li {
  text-align: left;
  width: 280px;
  margin: 0 10px 20px 0;
}
.dropdown .gn_series li a {
  display: flex;
}
.dropdown .gn_series li figure,
.dropdown .gn_series li span{
    display: inline-block;
    align-self: center;
}
.dropdown .gn_series li figure{
  width: 35%;
}
.dropdown .gn_series li figure img{
  width: 100%;
}
.dropdown .gn_series li span{
  width: 65%;
  margin-left:0.5em;
}
/* ドロップダウン｜サイズ */
.gn_size{
  display: flex;
}
.gn_size p{
  background: #F6F4EF;
  font-weight: bold;
  padding:8px;
}
.gn_size ul a{
  font-size: 140%;
}
/* ドロップダウン｜書類サイズ */
.dropdown .gn_docsize {
  width: 50%;
  margin: 0 10px 0 20px;
}
.dropdown .gn_docsize ul{
  display: flex;
  flex-wrap: wrap;
}
.dropdown .gn_docsize li {
  text-align: left;
  width: 270px;
  margin-left: 15px;
}
/* ドロップダウン｜PCサイズ */
.dropdown .gn_pcsize {
  width: 50%;
  margin: 0 20px 0 10px;
}
.dropdown .gn_pcsize ul{
  display: flex;
  flex-wrap: wrap;
}
.dropdown .gn_pcsize li {
  text-align: left;
  flex-basis: 175px;
  margin-left: 15px;
}
/* ドロップダウン｜容量 */
.dropdown .gn_litre {
  padding: 0 30px 20px 30px;
}
.dropdown .gn_litre li {
  text-align: left;
  flex: 1;
}
.dropdown .gn_litre li a {
  padding-left: 10px;
}
/* ドロップダウン｜価格 */
.dropdown .gn_price {
  padding: 0 30px 20px 30px;
}
.dropdown .gn_price li {
  text-align: left;
  width: 20%;
  margin-bottom: 10px;
}
.dropdown .gn_price li a {
  padding-left: 10px;
}

/* トップページ スライダー */
.cont .freeArea2 h2{
  display: none;
}

#topslide .splide__slide{
  border-radius: 8px;
  overflow: hidden;
}

#topslide .is-next, #topslide .is-prev{
  filter: brightness(0.7);
  transition: all 0.2s ease;
}

#topslide .splide__pagination{
  bottom: -1.5em;
}

#topslide .splide__pagination .splide__pagination__page.is-active{
  background:#777;
}

#slide_box{
  width: 100%;
  overflow: clip;
}

@media screen and (min-width:800px){
  .mypattern .slick-slide{
    width: 800px;
    margin: 10px;
  } 
}

.mypattern {
position: relative;
z-index:5;
}

.mypattern .slick-slide img{
  border-radius: 10px;
}

#contents .slick-dots{
  margin: 0;
}

@media screen and (max-width: 900px) {
  div.slider img {
    max-width: 100vw;
  }
}

/* タブ エリア */
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.tab-label {
  color: #626262;
  background: #f2f2f2;
  margin-right: 5px;
  padding: 10px 5px 5px;
  order: -1;
  width: 28%;
  max-width: 300px;
  margin-bottom: 5px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  text-align: center;
  font-size: min(2.8vw,18px);
  cursor: pointer;
  border-radius: 5px;
}
.tab-wrap::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #c5c5c5;
  order: -1;
  display: block;
}
.tab-content {
  max-width: 1080px;
  margin: auto;
  display: none;
  opacity: 0;
}
.tab-switch:checked + .tab-label {
  background-color: #fff;
  color: black;
  padding-top: 5px;
  margin-bottom: 0;
  height: 50px;
  position: relative;
  top: 1px;
  border-top: 1px solid #c5c5c5;
  border-right: 1px solid #c5c5c5;
  border-left: 1px solid #c5c5c5;
  border-radius: 5px 5px 0 0;
}
.tab-switch:checked + .tab-label::before {
  content: "";
  display: block;
  background-color: #e60012;
  height: 5px;
  width: 100%;
  order: -1;
  margin-bottom: 5px;
}
.tab-switch:checked + .tab-label + .tab-content {
  display: block;
  opacity: 1;
  transition: 5s opacity;
}
.tab-switch {
  display: none;
}
.freeArea2 .free-contents .tab-content ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0px 0px 0px 0px;
  margin: 20px 0 0 0;
}
.freeArea2 .free-contents .tab-content ul li {
  list-style-type: none;
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
}
.freeArea2 .free-contents .tab-content a:hover {
  text-decoration: none;
}
/* タブエリア カテゴリー */
.freeArea2 .free-contents .tab_category ul {
  margin: 50px 15px 25px;
}
.freeArea2 .free-contents .tab_category ul li {
  width: 28vw;
  max-width: 320px;
  font-weight: 700;
  box-shadow: 0px 0px 0px 1px #e5e5e5;
  border-radius: 5px;
  margin: 15px;
}
@media screen and (max-width:1080px){
  .freeArea2 .free-contents .tab_category ul{
    margin: 5vw auto;
    display: flex;
    justify-content: center;
  }
  .freeArea2 .free-contents .tab_category ul li {
    margin: 5px;
    font-size: 12px;
  }
}
.freeArea2 .free-contents .tab_category ul li a{
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.freeArea2 .free-contents .tab_category ul li a:hover img{
/*   background: #F6F4EF; */
  filter: brightness(70%) ;
  transition: 0.4s ease;
}
.freeArea2 .free-contents .tab_category ul li figure {
  width: 100%;
  height: 145px;
  overflow: hidden;
  border-radius: 5px;
  position: relative;
}
@media screen and (max-width:480px){
  .freeArea2 .free-contents .tab_category ul li figure {
    height: 115px;
  }
}
.freeArea2 .free-contents .tab_category ul li img {
  position: absolute;
  max-width: initial;
  top: calc(50% - 0px);
  left: calc(50% - 0px);  
  filter: brightness(80%);
  height: auto;
}
.freeArea2 .free-contents .tab_category ul li a p.tab_cat_name{
  position: absolute;
}
.freeArea2 .free-contents .tab_category ul li a p.tab_cat_name span{
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  filter: drop-shadow(0 0 5px rgba(0,0,0,0.8));
}
@media screen and (max-width:480px){
  .freeArea2 .free-contents .tab_category ul li a p.tab_cat_name span{
    font-size: 14px;
    padding: 0.8em 0.8em 0;
    line-height: 120%;
  }
}
@media screen and (min-width:481px){
  .tab_category p.tab_cat_name br.nobr{
    display: none;
  }
}

.freeArea2 .free-contents .tab_category ul li a p.tab_cat_name span:nth-of-type(1)::after{
  content:'';
  position:absolute;
  width:100%;
  transform:scaleX(0);
  height:2px;
  bottom:-5px;
  left:0;
  background-color:#FFF;
  transform-origin:bottom right;
  transition:transform .4s cubic-bezier(.86,0,.07,1);
}
.freeArea2 .free-contents .tab_category ul li a:hover p.tab_cat_name span::after{
  transform:scaleX(1);
  transform-origin:bottom left;
}
.freeArea2 .free-contents .tab_category ul li a p.tab_cat_name span:nth-of-type(2){
  font-family: 'Lato', sans-serif;
  font-family: 'Barlow' , Sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 3px;
  margin-top: 5px;
}
@media screen and (max-width:480px){
  .freeArea2 .free-contents .tab_category ul li a p.tab_cat_name span:nth-of-type(2){
    font-size: 8px;
  }
}
.freeArea2 .free-contents .tab_category ul li.toptab_brief img {
  width: 200%;
  transform: translate(-41%, -44%);
  max-width: 410px;
}
.freeArea2 .free-contents .tab_category ul li.toptab_ruck img {
  width: 200%;
  transform: translate(-41%, -46%);
  min-width: 209px;
  max-width: 394px;
}
.freeArea2 .free-contents .tab_category ul li.toptab_3way img {
  width: 226%;
  transform: translate(-47%, -47%);
  min-width: 308px;
  max-width: 431px;
}
.freeArea2 .free-contents .tab_category ul li.toptab_ladies img {
  width: 200%;
  transform: translate(-58%, -37%);
  min-width: 304px;
  max-width: 394px;
}
.freeArea2 .free-contents .tab_category ul li.toptab_tote img {
  width: 138%;
  transform: translate(-50%, -46%);
  min-width: 234px;
  max-width: 330px;
}
.freeArea2 .free-contents .tab_category ul li.toptab_shld img {
  width: 156%;
  transform: translate(-50%, -55%);
  min-width: 243px;
  max-width: 403px;
}
.freeArea2 .free-contents .tab_category ul li.toptab_boston img {
  width: 187%;
  transform: translate(-44%, -50%);
  min-width: 234px;
  max-width: 403px;

}
.freeArea2 .free-contents .tab_category ul li.toptab_inner img {
  width: 156%;
  transform: translate(-50%, -48%);
  min-width: 234px;
  max-width: 403px;
}
.freeArea2 .free-contents .tab_category ul li.toptab_acce img {
  width: 214%;
  transform: translate(-51%, -37%);
  min-width: 426px;
  max-width: 459px;
}
/*タブ シリーズ*/
.freeArea2 .free-contents .tab_series ul {
  margin: 70px 0 35px 80px;
  padding: 0;
  gap: 3vw 1vw;
}
.freeArea2 .free-contents .tab_series ul li {
  width: 22%;
  max-width: 258px;
  min-width: 150px;
  margin: 0;
  padding: 0;
}
@media screen and (max-width:810px){
.freeArea2 .free-contents .tab_series ul li {
  width: 30%;
}
}
@media screen and (max-width:551px){
.freeArea2 .free-contents .tab_series ul li {
  width:45%;

}
}

@media screen and (max-width:1080px){
  .freeArea2 .free-contents .tab_series ul{
    margin: 5vw auto;
    display: flex;
    width: 89vw;
    padding-left: 1em;
  }
  .freeArea2 .free-contents .tab_series ul li{
    margin: 5px;
    font-size: 12px;
  }
}

.freeArea2 .free-contents .tab_series ul li figure {
  text-align: center;
}
.freeArea2 .free-contents .tab_series ul li figure img {
  width: 95%;
}
.freeArea2 .free-contents .tab_series ul li span {
  font-size: 120%;
  font-family: Noto Sans JP;
  font-weight: 400;
}
/*タブ サイズ*/ 
.tab-switch:checked + .tab-label + .tab_size {
  display: flex;
  justify-content: space-between;
  margin: 50px 0 25px;
  font-family: Noto sans jp;
  gap:10px;
  
}

.freeArea2 .free-contents .tab_size p{
  text-align: center;
  font-size: 18px;
  background: #F6F4EF;
  margin: 20px 0 15px;
  padding: 7px;
}
.freeArea2 .free-contents .tab_size ul{
  margin-top: 0;
}
.freeArea2 .free-contents .tab_size li{
  width: 164px;
  margin: 6px;
}

@media screen and (max-width: 744px){
.freeArea2 .free-contents .tab_size li{
  width: 141px;
}
}
.freeArea2 .free-contents .tab_size ul li a {
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
  width: 100%;
  border: 1px solid #c5c5c5;
  padding: 10px 0;
  min-height: 5em;
  border-radius: 6px;
}
.freeArea2 .free-contents .tab_size .tab_docsize ul li a span{
  font-size: 120%;
}
.freeArea2 .free-contents .tab_size .tab_pcsize ul li a span{
  font-weight: 400;
  font-size: 95%;
}
.freeArea2 .free-contents .tab_size ul li a:hover {
  background: #f2f2f2;
}
.freeArea2 .free-contents .tab_docsize,
.freeArea2 .free-contents .tab_pcsize{
  width: 50%;
}
@media screen and (max-width:640px){
  .tab-switch:checked + .tab-label + .tab_size{
    display: block;
    margin: 0;
    width: 100%;
    }
  .freeArea2 .free-contents .tab_docsize,
  .freeArea2 .free-contents .tab_pcsize{
      width: 100%;
    }
  .freeArea2 .free-contents .tab_docsize ul li,
  .freeArea2 .free-contents .tab_pcsize ul li{
      width: 30%;
      height: 6em;
      margin: 5px;
      margin-bottom: 15px;
    } 
  .freeArea2 .free-contents .tab_pcsize ul li:nth-of-type(1){
    margin-bottom: 5px;
  }
}
.freeArea2 .free-contents .tab_docsize ul li a{
}
.freeArea2 .free-contents .tab_docsize p::before {
  font-family: "Font Awesome 5 Free";
  content: "\f15c";
  font-weight: 400;
  font-family: 'Material Icons';
  content: "\e873";
  vertical-align: middle;
  
  font-size: 24px;
  margin-right: 5px;
}
.freeArea2 .free-contents .tab_pcsize p::before {
  font-family: "Font Awesome 5 Free";
  content: "\f15c";
  font-weight: 400;
  font-family: 'Material Icons';
  content: "\e31e";
  vertical-align: middle;
  font-size: 24px;
  margin-right: 5px;
}

/* ランキング */
.pickup{
  max-width: 1200px;
  margin: 0 auto;
}

#main-column .pickup h2,
#main-column .review_area h2,
.cont .freeArea2 .infomation_area h2{
  font-family: 'Barlow' , Sans-serif;
  font-size: 40px;
  font-weight: 400;
  display: block;
  text-align: center;
}

.pickup h2::after,
.review_area h2::after,
.cont .freeArea2 .infomation_area h2::after{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 200;
  font-size: 26px;
  margin-left: 15px;
  line-height: 96%;
}

.pickup h2{
  position: sticky;
  top:0;
  left: 0;
}

.pickup h2::after {content: "人気ランキング";}

@media screen and (max-width:768px){
  .pickup h2,#main-column .review_area h2,.cont .freeArea2 .infomation_area h2{
    font-size: 30px;
  }
  .pickup h2::after,.review_area h2::after,.cont .freeArea2 .infomation_area h2::after{
  font-size: 18px;
  }
}

@media screen and (max-width:810px){
.pickup{
  width:100%;
  overflow-x: scroll;
  position: relative;
  }
}

.pickup .column-set{
  display: flex;
  flex-wrap: wrap;
  width: 1080px;
  margin: 0 auto;
}

.pickup .column5{
  margin-top:35px;
  width: 195px;
  margin-right: 20px;
}

/* ランキング内 見出し */
.pickup .column5:nth-child(1)::before,
.pickup .column5:nth-child(6)::before,
.pickup .column5:nth-child(11)::before {
  display: block;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 20px;
  text-align: left;
  padding: 12px 5px 10px 35px;
  position: absolute;
  background-image: url(https://www.manhattanpassage.com/img/ico_crown.svg);
  background-repeat: no-repeat;
  background-size: 22px;
  background-position: 10px;
  width: 96%;
  background-color: #f6f4ef;
  width: 1030px;
}

/* ランキング見出し 1*/
.pickup .column5:nth-child(1)::before {
  content: "人気のビジネス＆リュックサック";
}
/* ランキング見出し 2 */
.pickup .column5:nth-child(6)::before {
  content: "人気のカジュアルバッグ";
  display: block!important;
  clear: both!important;
}

.pickup .column5 .itemThumb-wrap {
  padding-top: 55px;
}

 .column4 h3, .column5 h3 {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 110%;
   font-weight: 400;
 }

.pickup .column5 .itemThumb-wrap::before {
  border-bottom: 2px solid;
  display: block;
  margin-bottom: 2px;
  font-family: "Barlow", sans-serif;
  font-weight: 400;
  font-size: 140%;
}
.pickup .column5:nth-child(1) .itemThumb-wrap::before,
.pickup .column5:nth-child(6) .itemThumb-wrap::before,
.pickup .column5:nth-child(11) .itemThumb-wrap::before {
  content: "No.1";
  color: #e2cd82;
}
.pickup .column5:nth-child(2) .itemThumb-wrap::before,
.pickup .column5:nth-child(7) .itemThumb-wrap::before,
.pickup .column5:nth-child(12) .itemThumb-wrap::before {
  content: "No.2";
  color: #b7b7b7;
}
.pickup .column5:nth-child(3) .itemThumb-wrap::before,
.pickup .column5:nth-child(8) .itemThumb-wrap::before,
.pickup .column5:nth-child(13) .itemThumb-wrap::before {
  content: "No.3";
  color: #9c6019;
}
.pickup .column5:nth-child(4) .itemThumb-wrap::before,
.pickup .column5:nth-child(9) .itemThumb-wrap::before,
.pickup .column5:nth-child(14) .itemThumb-wrap::before {
  content: "No.4";
  color: #4b4b4b;
}
.pickup .column5:nth-child(5) .itemThumb-wrap::before,
.pickup .column5:nth-child(10) .itemThumb-wrap::before,
.pickup .column5:nth-child(15) .itemThumb-wrap::before {
  content: "No.5";
  color: #4b4b4b;
}
.pickup .column5:nth-child(10) .itemThumb-wrap::after{
  display: block;
  clear: both;
  position: absolute;
  
}

.pickup .column5 .itemThumb-wrap,
.ranking .column5 .itemThumb-wrap {
  margin-bottom: 15px;
}
.pickup .column5 .itemThumb,
.ranking .column5 .itemThumb {
  width: 195px;
}
.column5 .item-list-span-img {
  display: inline-block;
  overflow: hidden;
  width: 225px;
  height: 225px;
  margin-top: 20px;
}
.column5 .itemThumb a img {
  object-fit: cover;
  object-position: 0px -10px;
}

@media screen and (max-width:640px){
  .pickup .column-set{
  width: 820px;
  }
  .pickup .column5:nth-child(1)::before,
  .pickup .column5:nth-child(6)::before,
  .pickup .column5:nth-child(11)::before {
  width: 780px;
  }
  .pickup .column5{
  width: 140px;
  }
  .pickup .column5 .itemThumb{
  width: 100%;
  }
  .pickup .column5 .item-list-span-img {
  width: 100%;
  height: 100%;
  }
  .pickup .column5 .itemThumb a img {
  object-fit: cover;
  object-position: 0px 12px;
  }
}


/* ランキング○段以降の表示 */
.pickup .column5:nth-child(n + 11) {
  display: none;
}



/* レビューパート */
.review_area h2::after{content: '投稿レビュー';}

.freeArea2 .review_area{
  max-width: 1200px;
  margin: 50px auto 65px;
}
.review_area .review-box{
  width: 1080px;
  padding:0 25px;
  margin: 0 auto;
}

@media screen and (max-width:810px){
  .review_area .review-box{
    width:100%;
    overflow: scroll;
    padding:0;
  }
}

.freeArea2 .free-contents .review_area ul{
  display: flex;
  justify-content: space-between;
  margin: 0;
}
.review_area ul li{
  flex-basis: 20%;
  padding: 15px;
}
@media screen and (max-width:810px){
  .review_area ul li{
    padding: 7px;
  }
}
@media screen and (max-width:480px){
  .review_area ul li{
    min-width: 42%;
  }
}


.review_area .review-items button{
  height: 80%;
}
.review_area .review-items .slick-next::before,
.review_area .review-items .slick-prev::before{
  font-family: "Material Icons";
  font-weight:700;
  color: #333c4a;
  font-size: 40px;
}
.review_area .review-items .slick-prev::before{
  content: '\e5e0';
}
.review_area .review-items .slick-next::before{
  content: '\e5e1';
}
.review_area .slick-prev.slick-disabled::before,
.review_area .slick-next.slick-disabled::before{
  opacity: 0.1;
}
.rvwitem{
  display: flex;
  flex-direction: column;
}
.review_area ul li h4{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  min-height: 3.5em;
/*   margin-bottom: 5px; */
  font-size:115%;
/*   font-weight: 700; */
  line-height: 110%;
  background: #fff;
}
.review_area ul li h4 a{
/*   text-decoration: underline; */
  min-height: 3em;
}
.review_area .rvwrate{
  display: flex;
  order:2;
}
.review_area .rvwrate p{
  align-self: flex-end;
}
.review_area .rvwstar span ,
.review_area .rvwstr span{
  display: none;
}
.review_area ul li p.rvwstr::before,
.review_area ul li p.rvwstr::after{
  font-family: "Material Symbols Outlined";
  font-variation-settings:
  'FILL' 1;
  'whgt' 100;
  'GRAD' -25;
  color: #fc6530;
  font-size: 22px;
  vertical-align: middle;
}
.review_area ul li p.rvwstr[data-rate="5.0"]::before{content: "\e838\e838\e838\e838\e838";}
.review_area ul li p.rvwstr[data-rate="4.5"]::before{content: "\e838\e838\e838\e838\e839";}
.review_area ul li p.rvwstr[data-rate="4.0"]::before{content: "\e838\e838\e838\e838";}
.review_area ul li p.rvwstr[data-rate="3.5"]::before{content: "\e838\e838\e838\e839";}
.review_area ul li p.rvwstr[data-rate="3.0"]::before{content: "\e838\e838\e838";}
.review_area ul li p.rvwstr[data-rate="2.5"]::before{content: "\e838\e838\e839";}
.review_area ul li p.rvwstr[data-rate="2.0"]::before{content: "\e838\e838";}
.review_area ul li p.rvwstr[data-rate="1.5"]::before{content: "\e838\e839";}
.review_area ul li p.rvwstr[data-rate="1.0"]::before{content: "\e838";}
.review_area ul li p.rvwstr[data-rate="4.0"]::after{content: "\e838";}
.review_area ul li p.rvwstr[data-rate="3.5"]::after{content: "\e838";}
.review_area ul li p.rvwstr[data-rate="3.0"]::after{content: "\e838\e838";}
.review_area ul li p.rvwstr[data-rate="2.5"]::after{content: "\e838\e838";}
.review_area ul li p.rvwstr[data-rate="2.0"]::after{content: "\e838\e838\e838";}
.review_area ul li p.rvwstr[data-rate="1.5"]::after{content: "\e838\e838\e838";}
.review_area ul li p.rvwstr[data-rate="1.0"]::after{content: "\e838\e838\e838\e838";}
.rvwpnt{
  display:block;
  margin-left:5px;
}
.rvwrate{
  order: 1;
}
.rvwpnt{
/*   display: none; */
  font-weight: bold;
}
.freeArea2 .free-contents .review_area .rvwcnt{
  font-size: 80%;
  display: none;
}
.review_area .rvwpic{
  order: 2;
  margin-bottom: 8px;
}
.review_area .rvwpic img{
  margin: 0 auto;
  width: 160px;
  object-position: 0px 10px;
}
.rvwinfo{
  order: 3;  
}
.freeArea2 .free-contents .review_area p.rvwname{
  float: left;
  font-size: 85%;
  display: none;
}
.review_area p.rvwname::after{
  content:'様';
  font-size:90%;
  margin-left:2px;
}
.freeArea2 .free-contents .review_area p.rvwdate{
  text-align: right;
  font-size: 75%;
  line-height: 2em;
  display: none;
}
.freeArea2 .free-contents .review_area ul li p{
  font-size: 100%;
}
.review_area ul li .rvwtxt{
/*   border-top:1px solid #ccc; */
  padding-top: 5px;
  /* height: 8.2em; */
  clear: both;
border: 1px solid #d7d0cb;
padding: 10px;
border-radius: 5px;
}
.review_area ul li .rvwtxt p:first-of-type{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
}
.freeArea2 .free-contents .review_area p.more{
  text-align: right;
  margin-top: 5px;
}
.freeArea2 .free-contents .review_area p.more::before{
  font-family: "Material Icons";
  content:"\e5df";
  font-weight:700;
  font-size: 13px;
  color: #5f6368;
  margin-right: 2px;
}
/* line2 add */
.review_area ul{
  padding:25px 0;
}
.review_area ul:nth-of-type(2){
  border-top: 1px solid #ccc;
}

.rcm_more {
  text-align: right;
  margin-top: 20px;
  margin-right: 20px;
}
@media screen and (max-width:480px){
  .rcm_more{
  text-align:center;
  }
}
.rcm_more a {
  display: inline-block;
  background: #086799;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #fff;
  padding: 0.8em 1.3em;
  border-radius: 10px;
}
.rcm_more a:before {
  font-family: "Material Icons";
  content: "\e5e1";
  margin-right: 5px;
  vertical-align: middle;
}
.rcm_more a:hover {
  text-decoration: none;
  background: #2c9ad3;
}



/* トップページ｜ウィジェット エリア */
.widget_inner {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
.freeArea2 .widget_area {
  margin-bottom: 70px;
}
.freeArea2 .instagram_post{
  max-width:1080px;
  margin: auto;
  padding:20px 20px 15px;
  border-radius: 10px;
/*   background: #F2F2F2; */
  box-shadow: 0px 0px 0px 1px #e5e5e5;
}

#main-column .freeArea2 .instagram_post h2{
  display: block;
  border-top:none;
  border-bottom: none;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 25px;
  background: #F6F4EF;
  padding: 8px 0 0 0;
  margin-bottom: 10px;
}
.freeArea2 .instagram_post h2 img{
  display: inline-block;
  width: 45px;
  height: initial;
  margin: 0;
  vertical-align: middle;
  object-position: 6px -3px;
}
.widget_area .btn_instagram_link {
  text-align: right;
  font-size: 1.1em;
  margin: 25px 0;
}
.widget_area .btn_instagram_link a {
  text-decoration: none;
  color: #FFF;
/*   border: 2px solid #c6529a; */
  background: #c6529a;
  border-radius: 7px;
  padding: 15px 15px 11px 15px;
}
.widget_area .btn_instagram_linke a:hover {
  color: #179fe6;
  border-color: #179fe6;
  background: #e88dc5;
}


@media screen and (max-width:480px){
  .widget_inner{
    width: 100%;
  }
  .freeArea2 .instagram_post{
    width: 85vw;
  }
  .instagram_post .ig_frame {
    padding:22px 0px 5px;
    border-radius:0 0 5px 5px;
    height: 305px !important;
  }
  .widget_area .btn_instagram_link{
    text-align: center;
  }
}


/* トップページ｜更新情報エリア */
.cont .freeArea2 .infomation_area h2::after {
  content: "最新情報";
}
.infomation_area {
  max-width: 1200px;
  margin: 0 auto 45px;
}
.infomation_inner {
  margin: auto;
  max-width: 750px;
  padding: 20px;
  height: 15em;
  overflow-y: scroll;
}
@media screen and (max-width:640px){
  .infomation_area{
/*     width: 100%; */
  }
  .infomation_inner{
/*     width:100%; */
    font-size: 85%;
  }
}

.infomation_area dl {
  margin: 0 auto;
  padding-right: 20px;
}
.infomation_area dl dt {
  margin-top: 10px;
  margin-bottom: 5px;
}
.infomation_inner dl dd {
  border-bottom: 1px dashed #e2e2e2;
  padding-bottom: 8px;
}
.infomation_inner a{
  text-decoration: underline;
}
.infomation_area a:hover{
  text-decoration: none;
}
/* トップページ｜バナーエリア */
.banner_area {
  background: #f2f2f2;
}
.banner_area_inner {
  max-width: 1200px;
  margin: 0 auto;
}
.freeArea2 .free-contents .banner_area ul li {
  list-style: none;
}
.freeArea2 .free-contents .banner_area ul {
  display: flex;
  flex-wrap: wrap;
  padding: 2em 0em 3em 0;
  margin: 0 20px;
}
.banner_area ul li {
  width: 310px;
  margin-top: 1em;
  margin-left: 55px;
}
@media screen and (max-width:768px){
  .freeArea2 .free-contents .banner_area ul {
    padding: 0.6em;
    margin: 0;
  }
  .banner_area ul li{
    margin: 9px 8px 12px;
    padding: 0;
    width: 45%;
    height: 12em;
    font-size: 85%;
  }
  .banner_area ul li h3 {
    font-weight: bold;
    height: 2.5em;
    display: block;
    padding-bottom: 0.2em;
    line-height: 1.2;
  }
}

.banner_area ul li h3 {
  font-weight: bold;
}
.freeArea2 .free-contents .banner_area ul li p {
  font-size: 100%;
}




/* フッター */
footer {
  height: initial;
  border-bottom: 5px solid #e60012;
  border-top: 1px solid #c5c5c5;
  padding-top: 30px;
  border-top: none;
}



/* ユーザーサービス・ガイド */
#user_guide{
  max-width: 1200px;
  margin: 0 auto;
}
#user_guide .free_service ul {
  margin: 0 0 0 0px;
  padding:0 20px;
  display: flex;
  justify-content: space-around;
}
#user_guide .free_service ul li{
  margin-bottom:15px;
  line-height:140%;
}
#user_guide .free_service ul li strong {
  display: inline-block;
  font-weight: bold;
  color: #2e2a2e;
  margin-bottom: 5px;
}
@media screen and (max-width:768px){
  #user_guide .free_service ul {
  display: block;
  }
}

.shopping_topic{
  margin-top: 50px;
   display: flex;
   gap:20px;
}
.shopping_info .btn_to_guide {
    margin-top: 2em;
}
.shopping_info .btn_to_guide a {
  font-size: 120%;
  padding: 1em 2em;
}

.shopping_topic h4 {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 170%;
  margin-bottom: 10px;
  font-size: 120%;
}
.shopping_topic section h4 strong {
  font-size: 140%;
}
.shopping_topic h4 strong {
  font-weight: bold;
}
.shopping_topic h4::before {
  font-family: 'Material Symbols Outlined';
  font-variation-settings: 'FILL' 1;
  font-weight: 700;
  color: #086799;
  padding-top: 16px;
  padding-right: 10px;
  font-size: 60px;
  display: block;
  float: left;
}
.shopping_topic .pnt10 h4::before {
  content: "\f20e";
}
.shopping_topic .sd16 h4::before {
  content: "\e889";
}
.shopping_topic .fs5000 h4::before {
  content: "\e558";
}
.shopping_topic p {
  font-size: 90%;
  display: block;
  line-height: 140%;
}
.btn_to_guide {
  text-align: center;
}
.btn_to_guide a {
  display: inline-block;
  background: #086799;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  color: #fff;
  padding: 0.8em 1.3em;
  border-radius: 10px;
}
.btn_to_guide a:before {
  font-family: "Material Icons";
  content: "\e5e1";
  margin-right: 5px;
  vertical-align: middle;
}
.btn_to_guide a:hover {
  text-decoration: none;
  background: #2c9ad3;
}

@media screen and (max-width:768px){
  .shopping_topic section{
    padding: 0 10px;
  }
  .shopping_topic section{
    flex-basis:33%;
  }
  .shopping_topic h4{
    font-size: 78%;
    text-align: center;
  }  
  .shopping_topic h4::before {
    float: none;
    margin-bottom: 20px;
  }  
  .shopping_topic p {
    display: none;
  }
  .shopping_info .btn_to_guide{
    margin-top: 10px;
  }
}


/* 外部リンク */
.smlink{
  width:100%;
  margin: 50px 0 0;
}
.smlink ul{
  display: flex;
  justify-content: space-around;
  padding:10px 20px;
}
.smlink h2{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 110%;
  background: #f6f4ef;
  padding: 12px 5px 14px 5px;
  text-align: center;
  margin-bottom: 10px;
}
.smlink ul li a{
  border: none;
  color: #086799;
  display:block;
  text-decoration: underline;
  position:relative;
  padding: 5px;
}
.smlink ul li a:hover{
  color: #2c9ad3;
  border-color: #2c9ad3;
}
.smlink ul li a::before{
  content:"";
  display:inline-block;
  background-size:contain;
  vertical-align: middle;
  margin-right:2px;
}
.smlink ul li.rk a::before{
  background:url(https://www.manhattanpassage.com/img/ico_rk.svg) no-repeat;
  width:18px;
  height:23px;
  background-size:contain;
  margin-right: 4px;
  vertical-align: top;
}
div.smlink ul li.yh a::before{
  background:url(https://www.manhattanpassage.com/img/ico_yh.svg) no-repeat;
  width:25px;
  height:24px;
  background-size:contain;
  vertical-align: text-top;
  margin-right: 5px;
}
div.smlink ul li.ap a::before{
  background:url(https://www.manhattanpassage.com/img/ico_ap.svg) no-repeat;
  width:17px;
  height:24px;
  background-size:contain;
  vertical-align: text-top;
  margin-right: 5px;
}
.smlink ul li a::after{
  display: inline-block;
  font-size: 110%;
}


@media screen and (max-width:768px){
  .smlink ul{
    display: block;
  }
} 

/* フッターメニュー */
footer #footer-inner{
  max-width: 1200px;
  margin-top: 60px;
}

#footer_nav{
  display: flex;
  justify-content: space-between;
}
.footer_itemnav{
   flex-basis: 43%;
}
.footer_itemnav {
  display: grid;
  grid-template-columns: 37% 68%;
  gap: 0px;
}
.footer_itemnav .footer_logo {
  grid-column: span 2 / span 2;
}
.footer_itemnav .footer_category{
  grid-row-start: 2;
  width:100%;
}
.footer_itemnav .footer_series{
  grid-row-start: 2;
}
footer #footer-contens .footer_logo{
  width: 270px;
}

footer #footer_nav h2 {
  font-family: Noto Sans JP;
  font-size: 18px;
  font-weight: bold;
}

footer #footer_nav ul{
  margin-top: 15px;
}

footer #footer_nav ul li {
  line-height: 130%;
  margin-top: 5px;
  font-size: 100%;
  color: #2e2a2e;
}

footer .footer_itemnav ul li a::before,
footer .footer_sitenav ul li a::before{
  font-family: 'Material Symbols Outlined';
  color: #797979;
  vertical-align: middle;
}
footer .footer_itemnav ul li a::before {
  content: "\e5df";
}
footer .footer_sitenav ul li a::before {
  content: "\e5cc";
}
footer .footer_cal{
  padding:0 10px;
}

footer .footer_cal h3{
  font-family: 'Noto Sans JP', sans-serif;
  background: #f6f4ef;
  font-size: 120%;
  text-align: center;
  padding: 12px 5px 12px;
}

footer .footer_cal iframe{
  margin-top: 15px;
  width: 100%;
}

@media screen and (max-width:768px){
  #footer_nav{
    flex-direction: column-reverse;
  }
  .footer_category,.footer_series {
    display: none;
  }
  .footer_sitenav{
    margin-left: 30px;
  }
  #footer-contens #footer_nav .footer_logo{
    margin-top: 20px;
    width: 200px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  #footer-contens #copy ul{
    margin-top: 120px;
  }
}




footer #copy {
  text-align: right;
}
footer #copy #sns ul {
  margin-bottom: 15px;
  text-align: center;
  display:flex;
  justify-content: center;
  gap: 2em;
}
footer #copy #sns span{
    display: inline-block; /* または block */
    width: 32px;
    height: 32px;
  /* ここで色を指定 */
/*     background-color: blue; */
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    /* ベンダープレフィックスが必要な場合 */
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}
/* 
footer #copy #sns .ig span{
  mask-image: url('https://www.manhattanpassage.com/img/ico_ig.svg'); 
  -webkit-mask-image: url('https://www.manhattanpassage.com/img/ico_ig.svg');
  background-color: #bf0d82;
}
footer #copy #sns .tw span{
  mask-image: url('https://www.manhattanpassage.com/img/ico_x.svg');
  -webkit-mask-image: url('https://www.manhattanpassage.com/img/ico_x.svg');
  background-color: #222;
}
footer #copy #sns .fb span{
  mask-image: url('https://www.manhattanpassage.com/img/ico_fb.svg');
  -webkit-mask-image: url('https://www.manhattanpassage.com/img/ico_fb.svg');
  background-color: #1855e3;
}
 */
footer #copy p {
  font-size: 12px;
}

/* トップ以外 */

/* 商品一覧 */
.column4 .item-list-span-img{
  display: inline-block;
  overflow: hidden;
  margin-top: 20px;
}

.column4 .item-list-span-img img {
  object-position: 0px 14px;
}

@media screen and (min-width:769px){
.column4 .item-list-span-img img {
  object-position: 0px 12px;
}
}

/* 商品ページ */
#itemDetail-cont .itemThumb-wrap {
  margin:0 35px 0 15px;
}

#itemDetail-cont .itemThumb-wrap .itemThumb ul li {
    box-sizing: border-box;
}

.kr-mainImages img {
  object-fit: contain;
}

.kr-thumbnails-list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  padding: 0;
  margin: 10px 0;
  list-style: none;
}

.kr-thumbnail-item {
  width: 76px;
  height: 76px;
  box-sizing: border-box;
}

.kr-thumbnail-item img {
  width: 76px;
  height: 76px;
  object-fit: contain;
  cursor: pointer;
  border: 2px solid transparent;
}

.kr-thumbnail-item img.active {
  border: 2px solid #318bdb;
  border-radius: 6px;
}

.kr-thumbnails{
  margin-top: 20px;
}

@media screen and (max-width:480px){
  #itemDetail-cont .itemThumb-wrap {
    margin: 0;
  }
  #itemDetail-cont .itemThumb-wrap .kr-thumbnails{
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    min-width: 100%;
  }
  #itemDetail-cont .itemThumb-wrap .kr-thumbnails-list{
    flex-wrap: nowrap;
    overflow: scroll;
    gap: 10px;
  }
  #itemDetail-cont .itemThumb-wrap .kr-thumbnails-list li{
    flex: 0 0 auto;
    width: 20%;
    height: auto;
    }
}

table.price tr.rg_price span.publish_point {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
    color: #e38006;
    font-size: 18px;
}
@media screen and (max-width:768px){
  table.price tr.rg_price span.publish_point {
    font-size: 16px;
  }
}


#kr-placeholder{
  height: 623px;
  width: 540px;
  border-radius: 8px;

  animation-duration: 1.8s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmer;
  animation-timing-function: linear;
  background: linear-gradient(
    -45deg,
    #FBFBFB 0%, /*薄い*/
    #F6F6F6 8%, /*濃い*/

    #F6F6F6 42%,
    #FBFBFB 50%,
    #F6F6F6 58%,

    #F6F6F6 92%,
    #FBFBFB 100%
  );
  background-size: 1000px 1000px;
}

@keyframes shimmer {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 1000px 0;
  }
}


/* カート在庫表調整 */
section#itemDetail-wrap .cartArea table.variation th.sps-variation-stock{
  width:15% !important;
}
section#itemDetail-wrap .cartArea table.variation th.sps-variation-cart{
  width:35% !important;
}

/*バリエーションテーブルの価格指定*/
#pi_cart table.variation span.selling_price,
#pi_cart table.variation span.special_price,
#pi_cart table.variation span.selling_price+span.taxin,
#pi_cart table.variation span.special_price+span.taxin,
#pi_cart table.variation span.discount_rate
{
  color:#086799;
}

/* カート数量 */
.spec input{
  font-size: 100%;
}

/* お気に入りボタン */
#pi_cart [class^="sps-wishArea"]{
  margin-bottom:20px;
}

@media screen and (min-width:769px){
  #pi_cart [class^="sps-wishArea"]{
    width: 60%;
  }
}

.item_cart::after{
  content:'';
  display: block;
  clear: both;
  margin-bottom: 30px;
  
}

/* サブ紹介文1 */
.sub_desc_1{
  max-width: 720px;
  margin: 20px auto;
}

.sub_desc_1 p{
  margin-bottom: 1em;
}

@media screen and (min-width:481px){
  .sub_desc_1{
  display: none;
  }
}

/* サブ紹介文2 */
.sub_desc_2{
  width: 50%;
  max-width: 600px;
  float: left;
/*   display: none; */
}

.buy_info{
  width: 50%;
  float: right;
}

.sub_links{
  font-size: 110%;
  padding: 0.1em 0.8em 0.5em;
}
 
.sub_link_list a{
  color: #086799;
  text-decoration: underline;
}
  
.sub_link_list li{
color: #086799;
font-size:1em;
margin-bottom: 0.5em;
}
.sub_link_list li::before{
font-family: 'Material Icons';
content: "\e5cc";
font-size: 22px;
vertical-align: middle;
margin-right: 3px;
  color:#5e5e5e;
}

.sub_link_list .gift::before{
content: "\e8f6";
}

.sub_link_list .name::before{
content: "\e54e";
}

.sub_link_list .oversea::before{
  content: "\e539";
}

section#itemDetail-wrap .description {
  margin:0 auto;
  max-width: 720px;
  padding-top:50px;
  clear: both;
}

@media screen and (max-width:480px){
  #itemDetail-cont{
    display: flex;
    flex-direction: column;
  }
  .sub_desc_2{
    width: 100%;
  }
  .buy_info{
    order: 1;
    width: 100%;
  }
  
}

/* お手入れなどリンクリスト */
#notelist{
  display: flex;
  max-width: 720px;
  margin:30px auto 0;
  justify-content: space-between;
}
#notelist img{
  display: none;
}
#notelist li{
  text-align: center;
  margin:0;
  width: 32%;
}
#notelist li a{
  display: flex;
  font-size:90%;
  color: #086799;
  padding: 0.5em 0;
  border: 1px solid #086799;
  border-radius: 5px;
  font-weight: bold;
  min-height: 4em;
  justify-content: center;
  align-items: center;
}
#notelist li a:hover{
  text-decoration: none;
  color: #179fe6;
  border-color: #179fe6;
}
#notelist li a::before{
  font-family: 'Material Icons';
  content: "\e5df";
  vertical-align: bottom;
}


/* サイドバー */

@media screen and (min-width:769px){
  #sub-column .user_nav_sub,
  #sub-column .userpage_link{
    display: none;
  }
}

#sub-column .userpage_link ul{
  margin:15px 0;
  display: flex;
}

#sub-column .userpage_link li{
  list-style: none;
  font-family: "Noto Sans JP" , Sans-serif ;
  font-weight: 700;
  padding: 1em;
  width:100%;
  display:flex;
  flex-direction:column;
  text-align:center;
  height: 4em;
  padding: 0;
  justify-content: center;
}

#sub-column .userpage_link li a{
  display: block;
  width: 100%;
}
#sub-column .userpage_link li::before{
  font-family: 'Material Symbols Outlined' ;
  font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24;
  vertical-align: middle;
  font-size:1.2em;
  margin-right: 3px;
  color:#bd1d1d;
}

#sub-column .userpage_link li.to_maypage::before{
  content: "\e7fd";
}
#sub-column .userpage_link li.to_fav::before{
  content: "\e87d";
}
#sub-column .userpage_link li.to_cart::before{
  content: "\e8cc";
}

#sub-column .user_nav_sub{
  margin: 50px 0 0;
  padding: 5px 0;
  border-bottom: 1px solid #ccc;
}

#sub-column .user_nav_sub li{
  padding:13px 10px 10px 20px;
  list-style: none;
  border: 1px solid #ccc;
  border-bottom: none;
}

#sub-column .user_nav_sub li::before{
  font-family: 'Material Symbols Outlined' ;
  content:"\e5df";
  vertical-align: middle;
  color: #515151;
}


/* サイドバーカテゴリー */
.side_nav{
  display:block;
  background: #fff;
  font-size: 120%;
}
.side_nav label{
  display: block;
  margin: 0 0 0 0;
  padding : 15px;
  border-bottom: 1px solid #E6E6E6;
  line-height: 1;
  cursor :pointer;
  background: #F6F4EF;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  clear: both;
  font-size: 85%;
}
.side_nav input {
    display: none;
}
.side_nav ul,
.side_nav ul{
  margin: 0 0 0em 0;
  padding: 0;
  list-style: none;
  display: block;
}
.side_nav ul a,
.side_nav ul a
{
  color: #2E2A2E;
  text-decoration: none;
}
.freeArea2 .side_nav ul {
  margin: 0 0 0px;
  padding: 0;
  list-style: none;
}

.size_h{
  display: none;
}

.side_nav li{
  line-height: 140%;
  display: block;
  font-size: 85%;
  height: 0;
  line-height: 140%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  white-space: pre;
  text-indent: 1em;
}
@media screen and (min-width:769px){
  .side_nav li{
    transition: unset;
  }
}

.side_nav li:last-child {
  border: none;
}

#snav1:checked ~ .side_nav_list_1 li,
#snav2:checked ~ .side_nav_list_2 li,
#snav3:checked ~ .side_nav_list_3 li,
#snav4:checked ~ .side_nav_list_4 li,
#snav5:checked ~ .side_nav_list_5 li,
#snav6:checked ~ .side_nav_list_6 li{
  display: block;
  opacity: 1;
  border-bottom: 1px solid #E6E6E6;
  height: 60px;
}

#snav3:checked ~ .side_nav_list_3 .size_h{
  display: block;
  margin:0;
  padding:7px 0 7px 1.5em;
  font-size:0.8em;
  font-family: 'Noto Sans JP', sans-serif;
  background: #F2F2F2;
  border-bottom:1px solid #E6E6E6;
}

@media (max-width: 767px) {
#snav1:checked ~ .side_nav_list_1 li,
#snav2:checked ~ .side_nav_list_2 li,
#snav3:checked ~ .side_nav_list_3 li,
#snav4:checked ~ .side_nav_list_4 li,
#snav5:checked ~ .side_nav_list_5 li,
#snav6:checked ~ .side_nav_list_6 li{
  display: block;
  opacity: 1;
  border-bottom: 1px solid #E6E6E6;
  height: 55px;
}
#snav3:checked ~ .side_nav_list_3 .size_h{
  display: block;
  margin:0;
  padding:7px 0 7px 1.5em;
  font-size:0.8em;
  font-family: 'Noto Sans JP', sans-serif;
  background: #F2F2F2;
  border-bottom:1px solid #E6E6E6;
}

}


.side_nav li a{
  display: flex;
  align-items: center;
  height: 60px;
}

.side_nav li a:hover{
    background: #F2F2F2;
    text-decoration: none;
    transition: 0.5s;
}

.side_nav_list_1 img{
  width: 45px;
}

.side_nav_list_5 li{
  font-size: 80%;
  line-height: 110%;
}

.side_nav label::after{
  font-family: "Material Icons";
  content: "\e5cf";
  font-size:16px;
  float: right;
  transition: 0.5s;
}

.side_nav input:checked+label::after{
  transform: rotate(180deg);
  transition: 0.5s;
}

@media screen and (min-width:769px){
#sub-column .leftSearch{
  display: none;
  }
.side_nav input:checked+label::after{
  transition: unset;
  }
}

/* フリーページ */
#JournalList .journal-cont p, #Journal .journal-cont p{
  font-size: 100%;
  margin-bottom: 1em;
  line-height: 150%;
}
#Journal h1{
display: none;
}

#JournalList h2 , #Journal h2{
font-size: 100%;
text-align: left;
background: #F6F4EF;
padding: 12px 15px;  
  margin-top: 3em;
}

#Journal article > h2{
  margin: 0;
}

#JournalList h3 , #Journal h3,
#mp_ta_freepage h3{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 120%;
  text-align: left;
  border-bottom: 1px solid #b0a899;
  margin: 3em 0 1em;
  padding: 2px 5px;  
}

#JournalList h2 + h3 , #Journal h2 + h3,
#mp_ta_freepage h2 + h3
{
  margin-top: 0;
}


/* 支払い方法案内 */

.journal-cont .backcolor1,
#mp_ta_freepage .backcolor1
{
  background: #E9E9E9;
  padding:0.7em 0.8em 0.5em;
}

#mp_ta_freepage .backcolor1{
  display: flex;
  flex-direction: column-reverse;
}
/*
.journal-cont input,
#mp_ta_freepage input{
  display: none;
}
*/
/*
.journal-cont #card_info ul{
   display: none; 
}
*/
.paytypewrap{
  margin: 1em 1em 2em;
  margin-left: 1em;
  margin-bottom: 2.5em;
}

/* .paytypewrap img{
  float: left;
} */
.paytypewrap p{
  clear: both;
}


/* TOPレコメンド ピックアップアイテム*/
.pickupitem{
margin-bottom: 35px;
}

.pickupitem h3{
font-weight: 400;
font-size: 100%;
line-height: 140%;
color: #BA755F;
background: none;
margin:0px 90px 15px;
}

.pickupitem h3::before{
font-family: "Font Awesome 5 Free";
content: "\f164";
color: #BA755F;
padding-top: 16px;
padding-right: 10px;
font-size: 240%;
display: block;
float: left;
background: #fff;
padding: 18px 4px;
}

.pickupitem h3 strong{
font-family: 'Lato' , sans-serif;
font-size: 200%;
font-weight: 700;
width: 100%;
padding: 3px 2px 3px;
background: antiquewhite;
display: block;
}

.pickupitem h3::after{
content: '';
display: block;
clear: both;
}

.pickupitem .pui_box{
display: flex;
margin-bottom: 1.8em;
}

/* .pickupitem .pui_item{
} */

.pickupitem .pui_item .pui_pic{
display: inline-block;
width: 40%;
vertical-align: top;
padding:0 0px 10px 0px;
overflow: hidden;
}

.pickupitem .pui_item .pui_pic img{
width: 100%;
}

.pickupitem .pui_info{
display: inline-block;
vertical-align: top;
width: 50%;
padding:0 0 0 1em; 
}

.pickupitem .pui_item .pui_info h4{
display:block;
font-size:110%;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
background: none;
margin: 0;
padding: 0;
min-height: 0;
border-bottom: 1px solid #000;
}

.pickupitem .pui_item .pui_info h4 .code{
font-family: 'Lato', sans-serif;
font-weight: 400;
}

.pickupitem .pui_item .pui_info h4 a:hover{
text-decoration: none;
}

.pickupitem .pui_item .pui_info .price{
margin: 0;
font-size: 100%;
text-align: right;
}

.pickupitem .pui_item .pui_info .price span{
color: #086799;
margin: 0;
font-size: 80%;
}

.pickupitem .pui_item .pui_info .price::after{
content:'(税込)';
font-size: 80%;
}

.pickupitem .pui_item .pui_info .txt{
font-size: 90%;
}

.pickupitem .pui_item .pui_info .more{
text-align: right;
font-size: 90%;
}

.pickupitem .pui_item .pui_link{
font-family: 'Noto Sans JP', sans-serif;
font-size:110%;
font-weight: 700;
width: 100%;
text-align: center;
margin-top: 15px;
}

.pickupitem .pui_link a{
color: #086799;
}

.pickupitem .pui_link a::before{
font-family: "Font Awesome 5 Free";
content: "\f164";
font-size:140%;
margin-right: 4px;
text-decoration: none;
display: inline-block;

}

.pickupitem .pui_link a:hover{
color: #179fe6;
text-decoration: none;
}

.rcm_more a{
display: inline-block;
}


/* ピックアップアイテム スマホ用 補正 */
#mp_ta_free2 .pickupitem h3{
margin:10px 0 0 0;
padding-right:6px;
}

#mp_ta_free2 .pickupitem .pui_box{
display: block;
margin: 0;
}

#mp_ta_free2 .pickupitem .pui_item{
margin-bottom: 2em;
padding-bottom: 1em;
border-bottom: 1px solid #c1c1c1;
}


#mp_ta_free2 .pickupitem .pui_item .pui_info h4 a{
color: #2E2A2E;
text-decoration: none;
}

#mp_ta_free2 .pickupitem .pui_item .pui_info .price{
color: #086799;
}

#mp_ta_free2 .pickupitem .pui_item .pui_link{
margin-top: 0px;
}

#mp_ta_free2 .pickupitem .rcm_more{
margin: 0 0 0 0;
text-align:center;
}

#mp_ta_free2 .pickupitem .rcm_more a{
text-align: center;
width: 90%;
}




/* 店舗一覧 */
.area_part{
padding-bottom: 40px;
}

.gmap_part {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
border: 1px solid #c5c5c5;
}

.gmap_part iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
border: none;
}

.area_part .area_select{
padding:10px;
margin:5px 0 30px;
background: #F2F2F2;
text-align: right;
}
.area_part .area_select select{
margin: 0;
}
p.link_tokyo_shop:before{
font-family: 'Material Icons';
content: "\e5df";
}
p.link_tokyo_shop a{
text-decoration: underline;
}

.area_part h3{
font-family: 'Noto Sans JP', sans-serif;
font-size: 120%;
font-weight: 400;
margin-top: 30px;
margin-bottom:10px;
padding: 5px 5px 7px;
border-left: 5px solid #086799;
}
.shoplist_part{
margin-bottom: 30px;
}

.shoppsTable {
border-collapse:collapse;
border-spacing:0;
}
.shoppsTable th,
.shoppsTable td {
border:1px solid #666;
padding:5px 7px;
color:#5B4A3F;
font-size: 14px;
line-height: 130%;
}
.shoppsTable th {
background:#F6F4EF;
}
.shoppsTable td a {
color:#086799;
text-decoration: none;
}
/* .shoppsTable td a:hover {
} */
.shoplist_part .shoppsTable a:after{
font-family: 'Material Icons';
content: "\e89e";
font-size:1.1em;
margin-left: 3px;
vertical-align: middle;

}
.shoplist_part .thName{
width: 25%;
}
.shoplist_part .thTell{
width:20%;
}
.shoplist_part .thAddress{
width:35%;
}
.shoplist_part .thHP{
width:20%;
}

/* アンケートハガキコーナー */
.postcard_head{
margin-bottom:30px;
}

#JournalList article:nth-of-type(n+2) .postcard_head{
display: none;
}

.postcard_head h1{
display: block!important;
border: none !important;
}

.serchBox{
margin-top: 5px;
background: #e8e8e8;
padding: 10px;
font-size: 16px;
display: flex;
}

.serchBox select{
margin: 0;
padding: 8px 10px;
border-radius: 4px;
}
.serchBox span{
margin-right: 30px;
}

.serchBox span.bycode{
display: table;
white-space: nowrap;
}
.serchBox span.bycode .search{
height: 32px;
border: 1px solid #c5c5c5;
border-radius: 3px;
}

#JournalList .journal-cont .postcard ul, 
#Journal .journal-cont .postcard ul{
margin: 0;
padding: 0;
}
#JournalList .journal-cont .postcard ul li, 
#Journal .journal-cont .postcard ul li{
list-style: none;
font-size: 14px;
margin-bottom: 35px;
}

#JournalList .postcard ul.items li h3,
#Journal  .postcard ul.items li h3{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  background-color: #F3EED0;
  padding: 14px;
  border:none;
}

.postcard ul.items li div{
display: flex;
margin-top:15px;
}

.postcard ul.items li figure{
margin: 0;
margin-right: 30px;
margin-left: 30px;
width: 250px;
}

.postcard ul.items li figure img{
max-width:initial;
width: 180px;
object-position: 0px 10px;
}

.postcard ul.items li figure p{
font-size:12px;
}

.postcard ul.items li figure span{
font-weight: bold;
font-size:14px;
}

.postcard ul.items li figure p a{
text-decoration: underline;
}

.postcard ul.items li figure p a:hover{
text-decoration: none;
}

.postcard ul.items li article{
padding:0 25px;
}

.postcard ul.items li article img{
width: 500px;
border: 1px solid #ccc;
}
.postcard ul.items li article .pc_img{
text-align: center;
margin: 0 auto 10px;
}
.postcard ul.items li article .pc_user{
border-bottom: 2px solid #F3EED0;
font-weight: bold;
margin-bottom: 10px;
padding-top: 0px;
margin-top: 0px;
text-align: left;
}
.postcard ul.items li article .pc_user span:after{
content: '｜';
color: #ccc;
margin-left: 5px;
}
.postcard ul.items li article .pc_user span:last-child::after{
display: none;
}

#JournalList .postcard ul.items li article .pc_cmt{
margin-top: 10px;
font-size: 17px;
}

.postcard .pc_date{
margin-top: 0;
text-align: right;
border-bottom: 1px dotted #ccc;
}

@media screen and (max-width:769px){
  .serchBox{
    flex-direction: column;
  }
  .serchBox span{
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
  }
  .postcard ul.items li div{
    flex-direction:column;
  }
  
}


/* フォームからのコメント */
#main-column .postcard .form_cmt,
#mp_ta_freepage .postcard .form_cmt{
  font-size: 120%;
  margin: 10px 45px 20px;
  border: 1px solid #d7d7d7;
  padding: 20px;
  border-radius: 10px;
  line-height: 160%;
  position: relative;
}
#mp_ta_freepage .postcard .form_cmt{
  margin:30px 0px 20px 10px;
}

.postcard .form_cmt::before{
  content:'アンケートフォームより';
  display:inline-block;
  background: #88a9e7;
  font-size: 12px;
  font-weight: 700;
  padding: 2px 9px;
  border-radius: 4px;
  color: #fff;
  position: absolute;
  top: -15px;
  left: -20px;
}



/* ご使用にあたって */

#care_note h3{
font-family: 'Noto Sans JP', sans-serif;
color: #003f97;
border-bottom:solid 1px #003f97;
font-size: 18px;
margin-top:30px;
margin-bottom: 10px;
padding-bottom: 5px;
padding-left:2px;
font-weight: 700;
}

#care_note h3:first-child{
margin-top: 0px;
}

#JournalList #care_note ul,
#Journal #care_note ul{
margin: 0;
padding: 0 0 0 1em;
}

#JournalList #care_note li,
#Journal #care_note li{
list-style-type: none;
line-height: 140%;
margin-bottom: 12px;
text-indent: -1em;
}

#care_note li::before{
font-family: 'Material Icons';
content: "\e047";
vertical-align: middle;
}


/* お買い物ガイド リンク */
#guide a{
color: #086799;
}
/* .desc_more{
display: block;
text-align: center;
margin-bottom: 4em;
}
.desc_more a{
display: inline-block;
color: #086799;
font-size: 120%;
padding: 1em 0.8em 0.8em 0.5em;
border: 1px solid #086799;
border-radius: 5px;
font-weight: bold;
text-decoration: none;
}
.desc_more a:hover{
text-decoration: none;
color: #179fe6;
border-color: #179fe6;
}
.desc_more a::before{
font-family: 'Material Icons';
content: "\e5df";
vertical-align: bottom;
} */
 /* セール品ページ 商品リンク */
.desc_more{
  display: block;
  text-align: center;
  margin: 2em 0 4em;
  padding: 1em 1em 2em;
  font-size: 110%;
  background-color: #f1f1f1;
}

.desc_more a{
  display: inline-block;
  color: #086799;
  font-size: 140%;
  padding: 1em 1.8em 0em 1.5em;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 2px solid;
}
.desc_more a:hover{
  text-decoration: none;
  color: #179fe6;
  border-color: #179fe6;
}
.desc_more a::before{
  font-family: 'Material Icons';
  content: "\e5df";
  vertical-align: bottom;
}



/* その他 */
@media screen and (max-width: 460px) {
  .videopart {
  position: relative;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
  max-width:560px;
  }

  .videopart iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }
}

#sewing{
margin-top:15px;
}

/* #sewing ul#notelist span{
display:none;
} */


/* カート支払い方法一覧 */
.paymment_info{
padding: 0.8em 0.8em 0.5em;
border:1px solid #ccc;
margin-bottom: 1em;
font-size: 110%;
}

.paymment_info p{
font-size: 90%;
}

.paymment_info p::before{
font-family: "Material Symbols Outlined";
font-weight: 700;
margin-right: 5px;
}

.paymment_info p:first-of-type::before{
content: "\f17e";
font-size: 125%;
vertical-align: middle;
color: #5e5e5e;
}

.paymment_info p:last-of-type::before{
content: "\ea50";
color: #5e5e5e;
vertical-align: middle;
}

.paymment_info ul li{
font-size: 90%;
float: left;
margin:5px 3px 0px 3px;
list-style: none;
}

.paymment_info ul li:before{
font-family: "Material Symbols Outlined";
content: "\f88b";
font-size: 16px;
font-weight: 600;
color: #c1c1c1;
vertical-align: top;
margin-right: 5px;
}

.paymment_info .paylogo{
padding: 0;
}

.paymment_info .paylogo img{
height: 20px;
vertical-align: middle;
}

.paymment_info .paylogo ~.pp img{
height: 25px;
}

.paymment_info .paylogo ~.au img,
.paymment_info .paylogo ~.pdy img{
height: 25px;
}

.paymment_info ul:after{
content: '';
display: block;
clear: both;
}

.paymment_info p:last-of-type{
/* text-align: right; */
margin: 5px;
font-size: 88%;
}

.paymment_info p a{
color: #086799;
}

.freearea .paymment_info{
font-size: 1.2em;
}

.freearea .paymment_info ul{
margin: 0;
padding: 0;
}

.freearea .paymment_info ul li:before{
vertical-align: middle;
}

.freearea .paymment_info .paylogo::before{
display: inline-block;
vertical-align: top;
padding-top:7px;
}

/* 支払い方法上 バナー */
.pi_o{
  text-align: center;
}

.pi_o img{
  width: 480px;
}

/* 支払い方法下 バナー */
.bnr_review{
	margin-bottom: 15px;
}

.bnr_review.pi_u{
  display: flex;
  justify-content: space-evenly;
  gap:10px;
}

/* カテゴリー内ヘッダ */
.cat_head{
margin-bottom: 40px;
}

.cat_visual{
text-align: center;
margin: 10px auto;
}

.cat_head .sub_category{
margin-top: 20px;
}

.cat_head .sub_category ul{
list-style-type: none;
padding: 0;
}

/* カートページのヘッダー内非表示 */
body#EST_SPS_regi .gnav-wrapper{
  display: none;
}

/* モバイルカートヘッダー */
#mp_ta_top a{
  display: block;
  margin: 20px;
  width: 200px;
}

/* 特集など */
/* 父の日作成 */
.fathersday .sub_category ul{
display: flex;
justify-content: center;
}

.fathersday .sub_category li{
flex-basis: 18%;
margin: 0 25px;
}

.fathersday .sub_cat_ttl {
border-bottom: 1px solid #52a5d1;
font-size: 162%;
margin-top: 20px;
padding: 14px 3px 3px;
font-weight: 600;
text-align: center;
}

@media screen and (max-width: 460px){
.fathersday .sub_category ul{
  justify-content:space-around;
}

.fathersday .sub_category li{
  flex-basis: 22%;
  margin: 0;
}

.fathersday .sub_cat_ttl {
  line-height: 40%;
}
}
/* ライフスタイル */
.lifestyle .sub_category ul{
display: flex;
justify-content: center;
}

.lifestyle .sub_category li{
flex-basis: 18%;
margin: 0 18px;
}

.lifestyle .sub_cat_ttl {
border-bottom: 1px solid #52a5d1;
font-size: 162%;
margin-top: 20px;
padding: 14px 3px 3px;
font-weight: 600;
text-align: center;
}

@media screen and (max-width: 460px){
.lifestyle .sub_category ul{
  justify-content:space-around;
}

.lifestyle .sub_category li{
  flex-basis: 18%;
  margin: 0;
}

.lifestyle .sub_cat_ttl {
  line-height: 40%;
}
}


/* 旅行ページ */

.travel .main-pic{
margin-bottom: 5px;
}

.travel-cat{
  margin-top: 30px;
  margin-bottom: 30px;
}

.travel-cat ul{
display: flex;
justify-content: space-around;
padding: 0;
}

.travel-cat ul li{
list-style: none;
flex-basis: 30%;
}

.travel h2 {
font-size: 175%;
text-align: center;
background: #ffebaf;
line-height: 1;
padding: 15px;
color: #534b46;
border-top: 1px solid #848383;
border-bottom: 1px solid #848383;
margin-bottom: 5px;
letter-spacing: 4px;
}

#mp_ta_header .travel h2{
font-size: 140%;
padding: 10px;
letter-spacing: 0.17em;
}

.link_back{
text-align: right;
}

.link_back a{
display: inline-block;
color: #086799;
font-size: 120%;
padding: 1em 0.8em 0.8em 0.5em;
border: 1px solid #086799;
border-radius: 5px;
font-weight: bold;
text-decoration: none;
}

.link_back a::before {
font-family: 'Material Icons';
content: "\e5df";
vertical-align: bottom;
}

/* カテゴリー Xmasギフト */
.cat_list{
  margin-top: 30px;
}
ul.cat_list_gift{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0;
  /* バレンタイン2024調整 */
  gap: 24px;
}
ul.cat_list_gift li{
  list-style: none;
}
ul.cat_list_gift li img{
  width: 150px;
  /* バレンタイン2024調整 */
  width:initial;
  border-radius: 13px;
}



/* カテゴリー Xmasギフト 価格リスト*/
.cat_list_gift_price{
  margin-top: 40px;
}
.cat_list_gift_price h2{
  text-align: center;
  font-size: 18px;
  color: #770E28;
  border-top: 2px solid #a90808;
  border-bottom: 2px solid #a90808;
  padding: 10px;
}
.cat_list_gift_price ul{
  display: flex;
  flex-wrap: wrap;
}
.cat_list_gift_price ul li{
list-style:none;
}

.cat_list_gift_price a {
width: 185px;
font-size: 16px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 900;
font-style: normal;
text-decoration: none;
display: block;
text-align: center;
margin: 15px;
padding: 30px 0 27px 8px;
letter-spacing: 0.15rem;
/* background-color: #ad291a; */
color: #770E28;
border-radius: 10px;
border: 2px solid #a90808;
}

.cat_list_gift_price a:hover {
background-color: #F1ECE7;
}

.footer_area{
width: 100%;
}

.footer_area .travel-cat h2{
font-size:150%;
margin-top:50px;
text-align: center;
border-bottom: 1px solid #2E2A2E;
padding-bottom: 5px;
}

.footer_area .travel-cat ul{
display: flex;
justify-content: space-between;
padding: 10px; 
}

.footer_area .travel-cat ul li{
padding: 10px 0 0 0;
border-radius: 5px;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}


.footer_area .travel-cat ul li a{
display: block;
height: 195px;
overflow: hidden;
padding: 0 10px;
margin-bottom: 10px;
}

.footer_area .travel-cat ul li img{
width: 180px;
}

.footer_area .travel-cat ul li span{
font-family: "Noto Sans JP", sans-serif;
display: block;
font-size: 110%;
text-align: center;
padding:10px;
background: #eee;
font-weight: 400;
border-top: 1px solid #e2e2e2;
border-radius: 0 0 5px 5px;
}




/* カートアンケート補 */
h4.SPS-regi-enq-List::before{
content: 'よろしければ';
display: inline;
}

.form_t ~.form_group:nth-of-type(2)::before{
content: 'よろしければ以下のアンケートにお答えください。';
display: block;
margin: 30px 0 10px;
font-weight: bold;
}


/* お店からのコメント 装飾 */
.comment p {
background: none !important;
}
.comment h3 {
background: #FFF !important;
position: relative;
border-top: 1px solid #d7d8d9;
padding:8px 0 0 !important;
margin: 0 14px;
font-size: 80%;
}
.comment h3:after, .comment h3:before {
bottom: 100%;
left: 4%;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.comment h3:after {
border-color: rgba(0, 0, 0, 0);
border-bottom-color: #ffffff;
border-width: 7px;
margin-left: -7px;
}
.comment h3:before {
border-color: rgba(215, 216, 217, 0);
border-bottom-color: #d7d8d9;
border-width: 8px;
margin-left: -8px;
}

/* お気に入りボタン調整 */
/* PC 一覧用 */
/* 
[class^="sps-wishArea"]{
  display: none;
}
*/
article #main-column #itemList section.column4 {
  /* display: flex; */
}

.column4 [class^="sps-wishArea"]{
/*   display: none; */
  order: -1;
  position: relative;
  top:-125px;
  left: 0px;
  z-index: 10;
}
#itemList .column4 [class^="sps-wishArea"] img{
  width: 25px;
}


.column4 h2 {
  margin-top: 20px;
}

/* モバイル 一覧用 */
.cataloglist .bg{
text-align:left;
}

.cataloglist .price {
display:flex;
flex-direction:column;
}

.cataloglist .wish_area{
order:-1;
height:20px;
}

.cataloglist .wish_area .wish_add {
background: url("https://www.manhattanpassage.com/img/fav-off_list.svg") no-repeat right;
border: none;
padding-right: 25px;
color: #fff;
position: relative;
top:-10px;
right: -17px;
}
.cataloglist .wish_area .wish_add_ok{
height: 25px;
background: url("https://www.manhattanpassage.com/img/fav-on_list.svg") no-repeat right;
padding-right:25px;
position: relative;
top: -19px;
right: -22px;
color: #fff;
}

.cataloglist .itemname {
  font-size: 110%;
  margin: 5px 0 0px;
  line-height: 120%;
}


.wishBtnHidden +.wish_add_ok{
display:inline-block;
}

/* カートボタン下注意事項 */
.notice_pi_o{
margin-bottom: 20px;
border: 1px solid #fee25d;
}

.notice_pi_o p{
font-size: 16px;
text-align: center;
background-color: #fee25d;
padding: 5px 5px 7px;
font-weight: 700;
}
.notice_pi_o p::before{
font-family: "Font Awesome 5 Free";
content: "\f00c";
color: #e85f9f;
}
.notice_pi_o  ul{
  padding: 15px 10px 15px 30px;
}
.notice_pi_o  ul li{
  list-style-type:disc;
  line-height: 140%;
}

/* スペック表 */
section#itemDetail-wrap .description p.size_pic{
  text-align: center;
}

.spec_part dl{
  width:720px;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.9rem;
}

.spec_part dl dt{
  flex-basis: 15%;
  background-color: #e3e3e3;
  display: flex;
  margin-bottom: 2px;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.spec_part dl dd{
  flex-basis: 30%;
  align-items: center;
  height: 5.5em;
  display: flex;
  font-size: 95%;
  padding: 1%;
  line-height: 125%;
  margin-left: 0;
}

section#itemDetail-wrap .description p.note{
  margin-top: 10px;
  font-size: 80%;
  line-height: 110%;
}

section#itemDetail-wrap .description div.note,
#pi_sub1 div.note
{
  border: 1px solid #f08551;
  padding:0.5em 1em 0.8em;
  margin-bottom: 3em;
}
#pi_sub1 div.note{
  margin-top:3em; 
}
#pi_main div.note{
  display: none;
}

section#itemDetail-wrap .description div.note p,
#pi_sub1 div.note p{
  margin-top: 10px;
  font-size: 80%;
  line-height: 140%;
  text-indent: -1em;
  padding-left: 1em;
}
#pi_sub1 div.note p{
  font-size:12px;
}

section#itemDetail-wrap .description div.note p::before,
#pi_sub1 div.note p::before{
  font-family: 'Material Icons';
  content: "\e5ca";
  color: #f08551;
}

@media screen and (max-width: 460px){
  .spec_data{
  overflow: scroll;
  }
  .spec_part .size_pic{
    width: 80%;
    margin: 0 auto !important;
    text-align: center;
  }
  .spec_part dl{
    width:640px;
    font-size: 0.8rem;
    margin: 0;
  }
  .spec_part p.note{
  font-size: 12px;
  }
}




/*eギフト PC追記*/
.sps_icon_e_gift_list{
  width: 50px;
  display:none;
}

.sps_icon_e_gift_desc{
  display: flex;
  justify-content: center;
}

.sps_icon_e_gift_desc img{
  width: 76px;
}
.e_gift_message_area{
  margin: 0 0 10px;
  padding-top: 5px;
}

/* 時限バナー */
.time-limited-banner {
  display: none;
}

/* レビュー星 */
div#main-column section#itemDetail-wrap p.review_txt span{
  padding-right: 0.1em;
}

.material-symbols-outlined.filled {
font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
font-size: 20px;
color: #f5b400;
vertical-align: middle;
margin-right: 1px;
}

.material-symbols-outlined.outline {
font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
font-size: 22px;
color: #f5b400;
vertical-align: middle;
margin-right: 2px;
}

.material-stars {
display: inline-block;
margin-right: 6px;
}

article #main-column section.rating .tmb {
  width: 185px;
  height: 195px;
  overflow: hidden;
}

@media screen and (min-width:461px){
  article #main-column section.rating .reviewTxt {
  width: 62%;
  }
}

@media screen and (min-width:768px){
  article #main-column section.rating .reviewTxt {
  width: 75%;
  }
}