@charset "utf-8";
/*************************
共通
*************************/
html {
  -webkit-overflow-scrolling: touch;
}
/* --------▼　MTのみ崩れる箇所の対策　▼-------- */
*, :after, :before, html , a {box-sizing:border-box;} 
figure {margin:0 0 1rem;}
h1, h2, h3, h4, h5, h6 {margin-top:0; margin-bottom:0.5rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {color:inherit; font-family:inherit; font-weight:500; line-height:1.1; margin-bottom:0.5rem;}
/* --------▲　MTのみ崩れる箇所の対策　▲-------- */

main .container {
  width: auto;
  max-width: inherit;
  height: auto;
  padding: 0;
}
body .orihica_main img {
  height: auto;
}
.container .breadcrumbs {
  padding: 12px;
}
.orihica_main p,.orihica_main a,
.orihica_main ul {
  color: #1b1b1b;
}
.commentary,#point_area p{
   line-height: 2;
}
.orihica_main a{
   display: block;
}
.itemlist li a{
   display: inline-block;
}
.orihica_main a,.button_mv:after,.button_mv,.button a:after,.button a,.button02 a{
   transition: .2s;
}
.orihica_main .topicModuleBanner a:hover,.button02 a:hover {
  opacity: .7;
}
/* アンカーリンクとび先においてヘッダーが入る高さを考慮した上部の空白
　　※とび先の「id」が入っている箇所に下記classを追加してください*/
.orihica_main .anchorLink-margin {
  margin-top: -70px !important;
  padding-top: 70px !important;
}

/* コンテンツ */
.orihica_main .contents_inner {
  max-width: 900px;
  margin: 0 auto;
}
.orihica_main .contents_inner690{
   max-width: 690px;
   margin: 0 auto;
}
.orihica_main .mv .mv_img img {
  width: 100%;
  margin: 0 auto;
}
.anchorLink li a p,.orihica_main h2{
   font-family: serif;
}
/* 見出し */
.orihica_main h1 {
 margin-top: 0;
  margin-bottom: 0;  
}
.orihica_main h2 {
   margin-bottom: 0;
  line-height: 1.3;
  font-size: 35px;
  font-weight: bold;
}
.staff-snap h2 {
   margin-top: 90px;
   margin-bottom: 40px;
   font-family: sans-serif;
   line-height: 1.8;
   font-size: 22px;
   text-align: center;
}
.staff-snap h2 span{
   display: inline-block;
   line-height: 2.3;
   border-bottom: 4px double #1b1b1b;
}
.title{
  display: flex;
  margin: 20px auto;
  align-items: flex-end;
}
.title span {
   max-width: 120px;
   margin:0 25px 0 0;
   padding: 10px 0 10px 25px;
}
.title_area{
  display: block;
  text-align: center;
  margin-top: 140px;
}

/* メインビジュアル */
.orihica_main .mv .mv_img img {
  width: 100%;
  margin: 0 auto;
}

/* リード */
.orihica_main .about {
  line-height: 2;
  margin: 0 0 45px;
  padding-top: 35px;
  font-size: 14px;
  text-align: center;
}
.orihica_main .lead_text {
  font-size: 14px;
  text-align: center;
}


/* ボタン */
.button a,.button_mv{
   position: relative;
   display: block;
   max-width:420px;
   margin: 40px auto 0;
   padding: 17px 25px 17px 30px;
   background-color: #fff;
   color: #ae1f36;
   font-size: 16px;
   font-weight: bold;
   font-family: serif;
   border: 1px solid #ae1f36;
   text-align: center;
}
.button a:after,.button_mv:after{
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  width: 9px;
  height: 9px;
  border-top: 1px solid #ae1f36;
  border-right: 1px solid #ae1f36;
  transform: rotate(45deg);
}
.button a:hover,.button_mv:hover{
  color: #fff;
  background-color: #ae1f36;
}
.button a:hover:after,.button_mv:hover:after{
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
.mv_img{
   position: relative;
}
.button_mv{
   width: 23vw;
   position: absolute;
   bottom: 4vw;
   right: 40vw;
    font-size: 0.9vw;
}
.button_mv:after{
  transform: rotate(135deg);
}
.button_area{
   max-width: 400px;
   display: flex;
    justify-content: center;
   align-items: center;
   margin: 30px auto 0;
}
.main_price{
   margin-bottom: 20px;
   text-align: center;
   font-size: 16px;
}
.main_price .tax_no{
  font-size: 10px;
}
.button02 a{
  position: relative;
   width: 220px;
  padding: 17px 5px;
  background-color: #1b1b1b;
  border-radius: 2px;
   text-align: center;
}
.button02 img {
  width: 42px;
  vertical-align: middle;
}
.button02 a:after{
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  height: 1px;
  border-width: 5px 0px 5px 7px;
  border-top-style: solid;
  border-top-color: transparent;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-left-style: solid;
  border-left-color: rgb(255, 255, 255);
  border-right-style: initial;
  border-right-color: initial;
}
.coat-img{
   max-width: 140px;
   margin-right: 15px;
}
#item02 .coat-img,#item03 .coat-img,#item05 .coat-img{
   max-width: 105px;
}
#item04 .coat-img{
   max-width: 80px;
}

/* アンカーリンク */
.anchorLink {
  width: 720px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
}
.anchorLink li {
   position: relative;
   width: 167px;
   background-color: #ebebeb;
   text-align: center;
}
.anc-img{
   height: 150px;
   padding-top: 10px;
}
.anc-img img{
   height: 100%!important;
   width: auto;
}
  .anchorLink li a p+p{
   padding: 30px 0 50px;
   line-height: 1.2;
   font-size: 16px;
   font-weight: bold;
   height: 80px;
   display: flex;
   justify-content: center;
   align-items: center;
}
.anchorLink li a::after{
   content: "";
   position: absolute;
   background-image: url("../img/coat-winter-women_arrow.png");
   background-size: 15px 14px;
   width: 15px;
   height: 14px;
   bottom:10px;
   left: 48%;
   margin: 0 auto;
}
.anchorLink li:hover a{
   transform: scale(0.95);
}

/*スタイリング以降*/
  .main_img_area{
    margin-top: -190px!important;
  }
.main_background{
   margin-top: 300px;
   display: flex;
   padding-bottom: 50px;
   background-color: #e5e5e5;
}
.flex-container{
   display: flex;
   justify-content: space-between;
    align-items: center;
   margin: 40px auto;
}
.commentary,.itemlist_area{
   width: 47%;
}
.commentary {
  font-size: 13px;
}
.Line{
  max-width: 450px;
  margin: auto;
  border-top: 1px solid #aaaaaa;
}

/*アイテムリスト*/
.itemlist_area {
  background-color: #fff;
  padding: 30px 24px;
  border-top: 2px solid #ae1f36;
  border-left: 2px solid #ae1f36;
}
.orihica_main .itemlist_area p{
   max-width: 120px;
   margin-bottom: 11px;
}
.itemlist li {
  margin: 7px 0;
}
.itemlist li a,.text-link{
  text-decoration: underline;
}
.itemlist .tax_no {
  font-size: 10px;
}
.itemlist li a:hover,.text-link:hover{
  opacity: 0.8;
  text-decoration: none;
}

/* --------▼　スライダ―　▼-------- */
.slider {
   margin: 0 auto;
}
.slick-dotted.slick-slider{
    margin-bottom: 50px;
}
body button:not(.btn){
   z-index: 100;
}
.orihica_main .sliderItem {
   position: relative;
}
.slick-prev:before,.slick-next:before{
   content: '';
   position: absolute;
   background: url("../img/arrow.png") no-repeat;
   background-size: 48px 48px;
   width: 48px;
   height: 48px;
   bottom: 0;
   opacity:1;
}
button.slick-next.slick-arrow:hover,
button.slick-prev.slick-arrow:hover{
   transition: all 400ms;
   opacity: 0.6;
}
.slick-prev {left: 0;}
.slick-arrow {right: 0;}
.slick-prev:before{
  transform: scaleX(-1);
   left: 10px;   
}
.slick-next:before{
    right: 10px;
}
.orihica_main .slick-dots li button,
.orihica_main .slick-dots li{
   width: 10px;
   height: 10px;
}
.orihica_main .slick-dots li{
    margin: 0 7px;
}
.orihica_main .slick-dots li button::before {
   content: ' ';
   background-color: #bfbfbf;
   width: 10px;
   height: 10px;
   opacity: 1;
   border-radius: 100vw;
}
.orihica_main .slick-dots li button:hover::before{
   background-color: #848484;
}
.orihica_main .slick-dots li.slick-active button:before {
   background-color: #ae1f36;
}  
@media screen and (max-width: 768px) {
   .slick-prev:before,
   .slick-next:before {
      background-size: 30px 30px;
      width: 30px;
      height: 30px;
   }
}
/* --------▲　スライダ―　▲-------- */

/* モジュール */
.orihica_main .topicModuleCol4{
   margin-top: 40px;
}


/*************************
PC only
*************************/
@media screen and (min-width: 862px) {
  .orihica_main .sp {
    display: none;
  }
  .containerBox{
  padding-top: 195px;
  margin-top: 105px;
  }
  .title span {
  border-left: 2px solid #ae1f36;
  }
}


/*************************
tablet only
*************************/
@media screen and (min-width: 1233px) and (max-width: 1700px) {
   .button_mv{right: 39.3vw;}
}
@media screen and (min-width: 862px) and (max-width: 1232px) {
  body .container{
      padding: 0;
   }
   .button_mv{
     right: 38.9vw;
   }
}


/*************************
SP only
*************************/
@media screen and (max-width: 861px) {
   .pc{
      display: none;
   }
   
     /* アンカーリンクとび先においてヘッダーが入る高さを考慮した上部の空白 */
	.orihica_main .anchorLink-margin {
    margin-top: -70px !important;
    padding-top: 70px !important;
	}
   
  /* コンテンツ */
  .orihica_main .contents_inner,
  main .topicModuleBanner {
    padding: 0 16px;
    box-sizing: border-box;
  }
  .orihica_main .contents_inner {
    width: 100%;
  }
  .containerBox{
    margin-bottom: 60px;
  }
   .main_background{
    margin-top: 210px;
  }
   .flex-container{
      display: block;
       margin: 25px auto;
   }
   .commentary, .itemlist_area{
      width: auto;
   }
   .commentary,.orihica_main .about .lead_text,.anchorLink li a p+p,.itemlist li a{
   font-size: 3.2vw;
}
   .itemlist_area{
      margin-top: 20px;
      padding: 28px 20px 22px;
   }
   .itemlist li {
      margin: 15px 0;
   }
   .main_price{
      margin-bottom: 20px;
   }
   .staff-snap h2 span{
      padding: 0 30px 8px;
      line-height: 1.7;
   }
   
  /* リード */
  .orihica_main .about {
    margin-bottom: 8vw;
    padding-top: 20px;
  }
  .orihica_main .about .lead_text {
    text-align: left;
  }
   
   /* ボタン */
   .button a{
      margin: 0;
      padding: 20px 20px 20px 11px;
      font-size: 3.8vw;
   }
   .button a:after{
      right: 13px;
   }
   .button_area{
      max-width: 425px;
      margin: 24px auto 0;
   }
   .button02 a {
      max-width: 225px;
      width: 52vw;
      padding: 3vw 0;
   }
   .main_price {
      margin-bottom: 12px;
   }
   .coat-img {
    max-width: 33vw;
}
   .button02 a:after{
      right: 14px;
      border-width: 4px 0px 4px 6px;
   }
   
  /* アンカーリンク */
   .anchorLink {
      width: auto;
      margin: 0 auto 65px;
   }
   .anchorLink li {
      width: 48%;
   }
   .anc-img{
      width: auto;
   }
   .anchorLink li:nth-of-type(n+3){
      margin-top: 15px;
   }
   .anchorLink li a p+p{
      padding: 5vw 0 11vw;
      height: 16vw;
   }
   .anchorLink li a::after{
    background-size: 12px 10px;
    width: 12px;
    height: 10px;
   }
   
   /*見出し*/
  .orihica_main h2 {
      font-size: 6vw;
     line-height: 1.3;
   }
   .staff-snap h2{
      font-size: 3.8vw;
       margin-top: 70px;
   }
  .title {
      display: block;
      width: 100%;
      margin-top: 0;
      padding: 5px 5px 5px 10px;
      border-left: 2px solid #ae1f36;
  }
  .title span {
    margin: 0;
    padding: 0;
  }
  .title span img {
    width: 20%;
    margin: 0 0 15px 5px;
  }
   
   /*モジュール*/
  .topicModuleCol4{
    margin: 0 auto;
  }
   .orihica_main .card_list{
      width: 100%;
   }
}