@charset "utf-8";


 

.template-products{letter-spacing: 0.05em;}
.template-products .section-item{background:none; font-weight: 500; padding: 5%;}

h2.section-item__headline{color: #5d4537; font-family: 'M PLUS Rounded 1c', 'Noto Sans JP'; text-shadow:none; margin: 0 auto 1em!important;}
.template-products .section-item__list h3.item__headline{font-size:130%;}

.template-products .item-text{text-align: left;}
.template-products .item-block__text{text-align: left;}
.template-products .text__name{border-left: solid 12px #685348; padding-left: 10px;}


.template-products .text__name_no-line{border-left: none;}


.template-products .btn-defaultstyle--products {
    position: relative;
    overflow: hidden;
    display: block;
    padding: 20px 18px;
    color: #fff1db;
    width: 100%;
    background: #308791;
    border-radius: 50px;
    font-size: clamp(18px,5vw,22px);
}

.template-products .btn-defaultstyle--products[target="_blank"]:after{display:none;}
.template-products .min{color: #685348; font-size: 68%; font-weight: 500; transform: rotate(0.05deg);}
.template-products .item-block__text--tworows{text-align: left;}
.template-products .section-item__list .item__description{text-align: left; font-size: 85%;}
.template-products .inpage-links__item{background:#fff1db; border-radius: 50px; transform: rotate(0.05deg); }
.template-products .inpage-links__item a{color: #5d4537;}
.template-products .inpage-links__item a:hover{ color: #fef0da;}
.template-products .inpage-links__item:hover{background:#ff6732;}
.template-products .btn-defaultstyle--products:hover{background:#ff6732; }

.template-products .inpage-links__item .ancher:after,
.template-products .btn-defaultstyle--products[href^="#"]:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin-left: 4px;
}

.item__name{text-align: left;}
.template-products .section-item__list .item:nth-of-type(3n) {
    margin-right: 2%;
}

.template-products .section-item__list .item-type2:nth-of-type(3n) {
    margin-right: 0;
}

.template-products .section-item .item-block__text .text__console{font-weight: 800; font-size: clamp(14px,5.5vw,20px);}
.template-products .section-item .item-block__text .text__price{font-weight: 800;}

.template-products .section-item .item-block__text .text__btn a {
    width: 48%;
    margin: 0 1% 1% 1%;
    font-weight: 500;
}
.cmngs{max-width: 400px;}

@media screen and (max-width: 1200px) {

.template-products .section-item .item-block__text .text__btn a {
    width: 98%;
    margin: 0 1% 1% 0;
}
}


.red{color:#ff6732;}

.inpage-links__base{ max-width: 1500px; margin: 0 auto;}
.template-products .section-item__list {width: 100%; margin: 0; padding: 0;}
.inpage-links__container li{width: 31%; padding: 1%; font-size: clamp(14px,3vw,20px);}

.template-products ul.disc{font-size: clamp(14px,3vw,18px); font-weight: 600; transform: rotate(0.05deg);}


.cmngs{width: 97%; max-width: 600px; margin: 0 auto;  display:block;     margin-bottom: 3%; }
.template-products .section-item .item-block__text .text__btn .cmngs a{width: 100%; display:block; background:#308791; color:#fff1db; border-radius: 50px; font-weight: 600; padding: 5% 0; font-size: clamp(16px,2.5vw,20px);text-align: center;}
.template-products .section-item .item-block__text .text__btn .cmngs a:hover{background:#ff6732;}




.template-products .section-item__list .item {
    display: flex;
    padding: 2%;
    margin: 0 2% 4% 0;
    width: 49%;
    box-sizing: border-box;
    margin-bottom: 2%;
    position: relative;
    flex-direction: column;
    border: solid 1px #d7cdc8;
}

.template-products .section-item__list .item-type2 {
  display: flex;
  padding: 2%;
  margin: 0 2% 4% 0;
  width: 32%;
  box-sizing: border-box;
  margin-bottom: 4%;
  position: relative;
  flex-direction: column;
  border: solid 1px #d7cdc8;
   }
   
.template-products .section-item__list .item-type2:nth-of-type(3n) {
    margin-right: 0;
}

.template-products .section-item__list .item:nth-of-type(2n) {
    margin-right: 0;
}

.soundtrack-box-img{width: 48%; padding-right:2%;}
.soundtrack-box-txt{width: 50%; text-align: left;}
.soundtrack-box-txt h4{font-size: clamp(14px,4vw,35px);}
.soundtrack-box-txt .day{color: #308791; font-size: clamp(16px,6vw,30px); font-weight: 600; padding: 3% 0;}
.soundtrack-info{background:#f8dec2; text-align: left; padding: 2%;}
.soundtrack-info dl{border-left: solid 10px #685348; padding-left: 3%;}
.soundtrack-info dt{padding: 1% 3% 1% 0%;}
.soundtrack-info dd{font-size:80%;}
.soundtrack-info dd strong{font-size:150%;}
.soundtrack-txt{font-size: clamp(14px,4vw,18px); padding: 2% 0 5% 0; text-align: left;}

.soundtrack-btn{width: 95%; max-width: 400px; margin: 5% auto; }


.item__description-soundtrack li {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.5;
    padding-bottom: 0.3em;
    text-align: left;
    font-size: clamp(14px,3vw,16px);
}
.item__description-soundtrack li:before {
    content: '※';
}


@media screen and (max-width: 1500px) {
.soundtrack-info dl{display:block;}
}

.text__info{padding-top: 5%; font-size: clamp(14px,4vw,20px);}


@media screen and (max-width: 768px) {

h2{  font-size:11vw;}

.template-products .section-item{padding: 4%;}
.template-products .section-item .item-block__text .text__price{line-height:1.21; margin: 5% auto;}

.template-products .inpage-links__item{width: 45%;}
.template-products .inpage-links__item a{
    font-size: clamp(16px,3.5vw,22px);
    font-weight: 500;
}
.template-products .section-item__list .item{width: 100%; margin: 2% 0;}
.template-products .section-item .item-block .text__btn a{width: 100%;
padding: 4%;
font-size: 4vw; line-height: 5vw;}


.template-products .section-item__list .item-type2{ width: 98%; margin: 2% 0;}

.template-products .section-item__list .item:nth-of-type(3n) {
    width: 100%;
    margin-right: 0;
}
	
	
.template-products .section-item__list .item:nth-of-type(3n) {
    width: 100%;
    margin: 2% 0;
}

.template-products .section-item__list .item-type2:nth-of-type(3n) {
     width: 100%;
     margin: 2% 0;
}

.products-container{padding:2%;}

.template-products .section-item__container .item-text__description{font-size: clamp(14px,5vw,16px);}
.template-products .section-item__headline{ width: 100%; font-size: clamp(20px,8vw,40px);}
.template-products .section-item__subheadline{font-size: clamp(20px,5vw,25px);}
.template-products .text__name{border-left: none; padding-left: 0; margin-bottom:2%;}
.template-products .section-item .item-block__text .text__name{font-size: clamp(20px,5.5vw,30px); color: #896d5f;}
.template-products .section-item .item-block__text .text__console{font-size: clamp(14px,6vw,16px); transform: rotate(0.05deg);}
.template-products ul.disc{font-size: clamp(16px,8vw,18px);}
.template-products .text__name{font-size: clamp(18px,5vw,25px);}



.template-products .section-item .item-block .text__btn .cmngs a{padding: 4% 0;}

.text__exp{font-size: clamp(16px,8vw,18px);}





.soundtrack-box-img{width: 100%; padding-right:0;}
.soundtrack-box-txt{width: 100%;}
.soundtrack-box-txt h4{font-size: clamp(20px,4vw,35px); padding-top: 5%; text-align: center;}
.soundtrack-box-txt .day{font-size: clamp(16px,6vw,20px); text-align: center;}
.soundtrack-info dl{display:block;}
.soundtrack-info dt{font-size: clamp(20px,4vw,40px);}
.soundtrack-info dd{font-size:80%;}
.soundtrack-info dd strong{font-size:150%;}
.soundtrack-txt{font-size: clamp(14px,4vw,18px); padding: 2% 0 5% 0; text-align: left;}

.soundtrack-btn{width: 95%; max-width: 400px; margin: 5% auto; }


.item__description-soundtrack li {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.5;
    padding-bottom: 0.3em;
    text-align: left;
    font-size: clamp(14px,3vw,16px);
}
.item__description-soundtrack li:before {
    content: '※';
}

}


/*  zoom item txt */
a.products-zoom-btn{ color: #308791; margin-left: -5px;}
.products-zoom-btn{ color: #308791;}
a.products-zoom-btn:after{ content: url(../img/products/zoomicon.png);}
.products-item-txt{margin-bottom: 3%; text-indent: 0; }


@media screen and (max-width: 768px) {
a.products-zoom-btn{display: inline; color: #308791;}
}