@import url(//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap);
@import url(//fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);
a.hvop {
  transition: opacity .3s ease;
}
a.hvop:hover {
  opacity: .8;
  transition: opacity .2s ease;
}

.disp-tab {
  display: none;
}

.disp-sp {
  display: none;
}
#specialsMainImage{
  font-size: 0;
  line-height: 0;
  text-align:center;
}
#specialsMainImage img{
  width: 100%;
  height: auto;
}
#specialsMainRead{
  font-weight: bold;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5em;
  margin: 0 auto;
  text-align: center;
}
@media print, screen and (min-width:769px) {
  .spVer{display: none !important;}
  #specialsMainImage{
    margin: 50px auto 0;
		width: 1080px;
  }
  #specialsMainRead{
    background: url("../img/bg_read_pc.jpg") center top no-repeat;
    background-size: cover;
    width: 1080px;
    padding: 40px 0 70px;
    font-size: 22px;
  }
}
@media screen and (max-width:768px) {
  .pcVer{display: none !important;}
  #specialsMainImage{
    margin: 0;
  }
  #specialsMainRead{
    background: url("../img/bg_read_sp.jpg") center top no-repeat;
    background-size: cover;
    width: 100%;
    padding: 25px 20px 50px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 768px) {
  a.hvop:hover {
    opacity: 1;
  }
  .disp-pc {
    display: none;
  }
  .disp-sp {
    display: block;
  }
}

/*------------------------------------------
  modules
------------------------------------------*/
.l-grid {
  display: -moz-flex;
  display:      flex;
  -ms-flex-pack: justify;
  flex-wrap: wrap;
}

.l-grid-col-2 .l-grid-item {
  width: 48%;
  margin-right: 4%;
  margin-bottom: 4%;
}
.l-grid-col-2 .l-grid-item:nth-child(2n) {
  margin-right: 0;
}

.l-grid-col-3 .l-grid-item {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.l-grid-col-3 .l-grid-item:nth-child(3n) {
  margin-right: 0;
}

.l-grid-col-4 .l-grid-item {
  width: 23%;
  margin-right: 2.6666%;
  margin-bottom: 4%;
}
.l-grid-col-4 .l-grid-item:nth-child(4n) {
  margin-right: 0;
}

/*------------------------------------------
  header
------------------------------------------*/
.page-header {
  text-align: center;
  background: #390000;
  padding: 12px 0;
}

/*------------------------------------------
  footer
------------------------------------------*/
.page-footer {
  text-align: center;
  background: #390000;
  padding: 50px 0 45px;
  position: relative;
}
.page-footer .copyright {
  color: #968585;
  font-family: "Montserrat", sans-serif;
  font-size: 1.2rem;
  margin-top: 30px;
}

.btn-pagetop {
  position: absolute;
  top: -80px;
  right: 20px;
}

@media only screen and (max-width: 768px) {
  .page-footer {
    padding: 30px 0;
  }
  .page-footer .footer-logo img {
    width: 200px;
  }
  .page-footer .copyright {
    font-size: 1rem;
    margin-top: 15px;
  }
  .btn-pagetop {
    width: 50px;
    right: 0;
    top: -57px;
  }
}

/*------------------------------------------
  contents
------------------------------------------*/

.page-head {
  text-align: center;
  margin-bottom: 45px;
}


.page-nav {
  top: -60px;
}

.page-nav-fix {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  background: #fff;
  transition: .6s;
  z-index: 10;
}
.page-nav-fix .page-nav-list li {
  padding: 0;
}
.page-nav-fix .page-nav-list a {
  border-radius: 0;
}

.page-nav-list {
  text-align: center;
  justify-content: space-between;
  width: 1080px;
  margin: 0 auto;
}
.page-nav-fix .page-nav-list {
  width: 100%;
}
.page-nav-list li {
  width: 16.66%;
  box-sizing: border-box;
  padding: 0 3px;
}
.page-nav-list li:first-child {
  padding-left: 0;
}
.page-nav-list li:last-child {
  padding-right: 0;
}
.page-nav-list a {
  display: table;
  width: 100%;
  height: 60px;
  color: #fff;
  line-height: 1.2;
  font-size: 1.8rem;
  border-radius:0;
  font-weight: 700;
  text-decoration: none;
}
.page-nav-list a.pk{background: #bf236d;}
.page-nav-list a.ye{background: #c5a201;}
.page-nav-list a.gr{background: #377b04;}
.page-nav-list a.pu{background: #6e237d;}
.page-nav-list a.or{background: #d75701;}
.page-nav-list a.bl{background: #109ddf;}
.page-nav-list a span {
  display: table-cell;
  vertical-align: middle;
}
.page-nav-list a.pk:hover{background: #e86ba6;}
.page-nav-list a.ye:hover{background: #dfba10;}
.page-nav-list a.gr:hover{background: #53a417;}
.page-nav-list a.pu:hover{background: #a343b7;}
.page-nav-list a.or:hover{background: #db864c;}
.page-nav-list a.bl:hover{background: #6fc2e9;}

.product-section {
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 1080px;
  margin: 0 auto;
}
.product-section.pk{border: solid 12px #bf236d;}
.product-section.ye{border: solid 12px #c5a201;}
.product-section.gr{border: solid 12px #377b04;}
.product-section.pu{border: solid 12px #6e237d;}
.product-section.or{border: solid 12px #d75701;}
.product-section.bl{border: solid 12px #109ddf;}
.product-section .sec-inner {
  padding: 55px 58px 60px;
}
.product-section .sec-header {
  text-align: center;
}
.product-section.pk .sec-header{color: #bf236d;}
.product-section.ye .sec-header{color: #c5a201;}
.product-section.gr .sec-header{color: #377b04;}
.product-section.pu .sec-header{color: #6e237d;}
.product-section.or .sec-header{color: #d75701;}
.product-section.bl .sec-header{color: #109ddf;}
.product-section .sec-header .header-title {
  background:url("../img/line.jpg") center bottom no-repeat;
  -moz-background-size: auto 5px;
  background-size: auto 5px;
  padding-bottom: 2.5rem;
}
.product-section .sec-header .header-title .title-en {
  font-family: "Montserrat", sans-serif;
  font-size: 2.7rem;
  font-weight: 700;
  line-height: 1.2;
  margin:0 0 10px;
}
.product-section .sec-header .header-title .title-ja {
  font-size: 1.2rem;
  font-weight: 700;
}
.product-section .sec-header .header-lead {
  font-weight: 700;
  font-size: 1.2rem;
  margin-top: 30px;
  line-height: 2em;
}
.product-section.pk .sec-header .header-lead{color: #e86ba6;}
.product-section.ye .sec-header .header-lead{color: #dfba10;}
.product-section.gr .sec-header .header-lead{color: #53a417;}
.product-section.pu .sec-header .header-lead{color: #a343b7;}
.product-section.or .sec-header .header-lead{color: #db864c;}
.product-section.bl .sec-header .header-lead{color: #6fc2e9;}

.product-list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:distribute;
    justify-content:space-between;
    flex-wrap: wrap;
}
.product-item {
  width: 430px;
  margin-top: 60px;
}
.product-item.wide{
  width: 100%;
}
.product-item-image{background-color: #fff;}
.product-item.wide .product-item-image{
  width: 430px;
  float: left;
  padding-right: 40px;
}
.product-item-image img{
  width: 100%;
  height: auto;
}
.product-item-2-inner{
  width: 100%;
  display: table;
}
.product-item-2-inner > div{
  display: table-cell;
  vertical-align: bottom;
}
.product-item-2-inner .product-item-image{
  padding-right: 20px;
}
.product-item-2-inner .product-item-image img{width: auto;height: auto;}
.product-item-2-inner .product-item-image + div{width: 100%;}
.product-item-head {
  padding: 24px 0 20px;
  box-sizing: border-box;
}
.product-item.wide .product-item-head{padding-top: 0; padding-left: 470px;}
.product-item-head .shop-info {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.product-item-head .shop-floor {
  background: #51c0a9;
  display: inline-block;
  color: #fff;
  font-size: 0.86rem;
  padding: 4px 2em 5px;
}
.product-item-head .shop-link{
  display: inline-block;
  margin-left: 1em;
}
.product-item-head .shop-link a {
  font-size: 0.86rem;
  font-weight: bold;
  color: #333333;
}
.product-list-2 {
  margin-top: 60px;
}
.product-list-2 .product-item-head{
  padding: 0;
  margin: 40px 0 30px;
}
.product-list-2 .product-item-head .shop-link a{
  font-size: 1.7rem;
  margin-left: 1.5em;
}
.product-list-2 .product-item-head .shop-floor {
  font-size: 1.7rem;
  padding: 0.5em 2em;
  border-left: solid 5px #fff;
}
.product-section.pu .product-list-2 > .product-item-head{background-color: #f0e9f2;}
.product-section.pu .product-list-2 > .product-item-head .shop-floor{background-color: #6e237d;}
.product-section.or .product-list-2 > .product-item-head{background-color: #f5eae2;}
.product-section.or .product-list-2 > .product-item-head .shop-floor{background-color: #d75701;}
.product-section.bl .product-list-2 > .product-item-head{background-color: #e7f4fa;}
.product-section.bl .product-list-2 > .product-item-head .shop-floor{background-color: #109ddf;}
.shop-category{
  font-size: 0.71rem;
  display: none;
  padding: 6px 1.5em 7px;
}
.product-item-2-inner .shop-category{
  margin-bottom: 1rem;
}
.product-section.pk .product-item-head .shop-category{color: #bf236d;border: solid 1px #bf236d;}
.product-section.ye .product-item-head .shop-category{color: #dfba10;border: solid 1px #dfba10;}
.product-section.gr .product-item-head .shop-category{color: #53a417;border: solid 1px #53a417;}
.product-section.pu .product-item-head .shop-category{color: #6e237d;border: solid 1px #6e237d;}
.product-section.or .product-item-head .shop-category{color: #d75701;border: solid 1px #d75701;}
.product-section.bl .product-item-head .shop-category{color: #109ddf;border: solid 1px #109ddf;}
.product-item-head .item-info {
}
.product-item-head .item-name {
  font-weight: 700;
  font-size: 1.14rem;
  line-height: 1.3em;
  margin-bottom: 0.8em;
}
.product-section.pk .product-item-head .item-name{color: #bf236d;}
.product-section.ye .product-item-head .item-name{color: #dfba10;}
.product-section.gr .product-item-head .item-name{color: #53a417;}
.product-section.pu .product-item-head .item-name{color: #6e237d;}
.product-section.or .product-item-head .item-name{color: #d75701;}
.product-section.bl .product-item-head .item-name{color: #109ddf;}
.product-item-head .item-price {
  font-size: 1.14rem;
  font-weight: 700;
  margin-bottom: 1.5em;
}
.product-item-head .item-price + .item-price {
  margin-top: 10px;
}
.product-item-head  .item-info:last-child .item-price{
  margin-bottom: 0;
}
.product-section.pk .product-item-head .item-price{color: #e86ba6;}
.product-section.ye .product-item-head .item-price{color: #c5a201;}
.product-section.gr .product-item-head .item-price{color: #377b04;}
.product-section.pu .product-item-head .item-price{color: #a343b7;}
.product-section.or .product-item-head .item-price{color: #db864c;}
.product-section.bl .product-item-head .item-price{color: #6fc2e9;}
.product-item-head .item-info.unit .item-name,
.product-item-head .item-info.unit .item-price{
  display: inline-block;
}
.product-item-head .item-info.unit .item-name{margin-right: 2em;}

.product-item-text::before{
  content: "";
  display: block;
  width: 100%; 
  height: 1px;
  background-color: #a6a6a6;
  margin-bottom: 1.5em;
}
.product-item.wide .product-item-text{padding-left: 470px;}
.product-item-text p {
  font-size: 0.85rem;
  line-height: 1.6em;
  margin-bottom: 1em;
}
.product-item-2-text{margin-top: 1.5rem;}
.product-item-2-text p{
  line-height: 1.6em;
  margin-bottom: 1em;
}
.product-item-text p:last-child,
.product-item-2-text p:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
  .page-nav-list {
    padding: 0;
  }
}

@media only screen and (max-width: 768px) {
  .page-head {
    margin-bottom: 40px;
  }
  .page-head-image {
    background-image: url(../images/mv_bg_sp.png);
    background-size: 100%;
    height: 100vw;
  }
  .page-head-image .head-title {
    margin-top: -100px;
  }
  .page-head-image .head-title img {
    width: 61.86666667vw;
  }
  .page-head-lead {
    font-size: 1.8rem;
    line-height: 1.77;
    margin-top: 40px;
  }
  .page-nav-list {
    background: #fff;
    width: 100%;
  }
  .page-nav-list li {
    width: 50%;
    padding: 0;
    position: relative;
  }
  .page-nav-list a {
    font-size: 1.6rem;
    height: 55px;
    border-radius: 0;
    font-weight: 500;
  }
  .product-section {
    width: 100%;
  }
  .product-section .sec-inner {
    padding: 35px 12px;
  }
  .product-section .sec-header {
  }
  .product-section .sec-header .header-lead {
    font-size: 1.4rem;
    margin-bottom: 25px;
    line-height: 1.7;
  }
  .product-item {
    width: 100%;
    margin-bottom: 40px;
    margin-top: 30px;
  }
  .product-item.wide .product-item-image{
    width: 100%;
    float: none;
    padding-right: 0;
  }
  .product-item-2-inner {display: block;}
  .product-item-2-inner > div{
    display:  block;
  }
  .product-item-2-inner .product-item-image{
    padding-right: 0;
    width: 100%;
  }
  .product-item-2-inner .product-item-image img{width: 100%;height: auto;}
  .product-item.scr-active {
    margin-top: 0;
  }
  .product-item-head {
    padding: 20px 0 20px;
    height: auto !important;
  }
.product-item.wide .product-item-head{padding:20px 0 20px;}
  .product-item-head .shop-info {
    margin-bottom: 15px;
  }
  .product-item-head .shop-floor {
    font-size:0.85rem;
  padding: 0.5em 2em;
  }
  .product-item-head .item-name {
    font-size: 1.2rem;
    margin-bottom: 8px;
    line-height: 1.3;
  }
  .product-item.wide .product-item-text{padding-left: 0;}
  .product-list-2 .product-item-head{
    margin: 20px 0 15px;
  }
  .product-list-2 .product-item-head .shop-info{
    display: table;
    width: 100%;
  }
  .product-list-2 .product-item-head .shop-info > *{display: table-cell;vertical-align: middle;}
  .product-list-2 .product-item-head .shop-link a{
    font-size: 2rem;
    margin-left: 0.5em;
    text-decoration: none;
  }
  .product-list-2 .product-item-head .shop-floor {
    font-size: 2rem;
    padding: 0.5em 1em;
    width: 1em;
    max-width: 1em;
    border-left: none;
  }
}