@charset "utf-8";
html{
  font-size:62.5%;
}
body{
  font-size:1.2vw;
  line-height: 1.5;
}
#wrapper{
  background-color: #f8f8f8;
}
#wrapper *{
  line-height: 1.5;
}
header,
#bread-crumb,
footer{
  display: none;
}
#main-column{
  margin: 0!important;
}
#Journal{
  max-width:750px;
  width:100%;
  margin: 0 auto;
  background-color:#fff;
}
#contents{
  padding:0;
}
video{
  max-width:100%;
}
/* 編集用 */
#Journal{
  position: relative;
  min-height: 2000px;
}
#Journal:before{
  content:'';
  width:100%;
  height: 100%;
  position: absolute;
  opacity:0.5;
}
#Journal article{
  position:relative;
}
/* 編集用 */

/* teijin_logo */
#Journal .teijin_logo {
  background-color: #fff;
  display: flex;
  justify-content: flex-end;
  padding:0.7em;
}
#Journal .teijin_logo .sp {
  display: none;
}
@media screen and (max-width: 767px) {
  #Journal .teijin_logo .sp {
    display: block;
  }
  #Journal .teijin_logo .pc {
    display: none;
  }
}
/* end/teijin_logo */

#Journal article img {
  margin: 0 0;
  border-radius:0;
}
#Journal .csw_mv h1{
  padding:0;
  margin:0;
}
.journal-cont .cart_btn{
  background-color:#F7F2EC;
  font-size: min(3.8vw, 30px);
  padding:1.55em 0;
}
.journal-cont .cart_btn p{
  text-align:center;
  font-weight:700;
}
.journal-cont .cart_btn a{
  font-size:1em;
  font-weight:700;
  background-color:#E87200;
  display:block;
  padding:1em;
  width:80%;
  margin:0 auto;
  text-align:center;
  border-radius:2em;
  color:#fff;
  text-decoration:none;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
.journal-cont .cart_btn .red{
  color: #ff0000;
  font-size: 120%;
  font-weight: bold;
}
#Journal .sec_concept{
  padding:0;
}
#Journal .sec_concept .concept01{
  font-size: min(4.8vw, 38px);
  padding:5em 0;
  background-color:#000;
  margin:0;
}
.concept01.anim .txt{
  pointer-events: none;
  opacity: 0;
  transform: translateY(25px);
  transition: transform 500ms cubic-bezier(0,0,0.5,1), opacity 500ms cubic-bezier(0,0,0.5,1), visibility 500ms cubic-bezier(0,0,0.5,1);
}
.concept01.anim.animStart .txt{
  transform: translateY(0px);
  opacity: 1;
  pointer-events: auto;
}
.concept01.anim.animStart .txt:nth-child(1) {transition-delay: 0.1s;}
.concept01.anim.animStart .txt:nth-child(2) {transition-delay: 0.5s;}
.concept01.anim.animStart .txt:nth-child(3) {transition-delay: 0.9s;}
.concept01.anim.animStart .txt:nth-child(4) {transition-delay: 1.3s;}
.concept01.anim.animStart .txt:nth-child(5) {transition-delay: 1.7s;}
.concept01.anim.animStart .txt:nth-child(6) {transition-delay: 2.5s;}
@media screen and (min-width: 750px) {
  #Journal .sec_concept .concept01{
    padding:190px 0;
  }
}
#Journal .sec_concept .concept01 .txt{
  display:block;
  font-weight:700;
  line-height:1.45;
  color:#fff;
  width:80%;
  margin:0 auto;
}
#Journal .sec_concept .concept01 .txt.txt05{
  margin-top:1.6em;
  font-size: min(5vw, 38px);
}
#Journal .sec_concept .concept01 .txt.txt06{
  margin-top:0.25em;
  font-size: min(10.6vw, 80px);
  color:#BAD6EB;
}
#Journal .sec_concept .concept02{
  font-size: min(4.8vw, 38px);
  background-color:#000;
  margin:0;

}
#Journal .sec_concept .concept02 p{
  font-weight:700;
  color:#fff;
  display:flex;
  width:76%;
  margin:0 auto;
  padding:1.2em 0;
}
@media screen and (min-width: 750px) {
  #Journal .sec_concept .concept02 p{
    padding: 52px 0;
  }
}
#Journal .sec_concept .concept02 .inner{
  width:90%;
  margin:0 auto;
  position:relative;
  padding:0 0 2em;
}
#Journal .sec_concept .concept02 .inner ul{
  margin:0;
  padding:0;
  position:relative;
  position:absolute;
  top:43%;
  left:6%;
}
#Journal .sec_concept .concept02 .inner ul li{
  margin:0;
  padding:0;
  list-style:none;
  font-weight:700;
  color:#fff;
  font-size: min(3.8vw, 30px);
  line-height:2em;
  pointer-events: none;
  opacity: 0;
  transform: translateY(25px);
  transition: transform 500ms cubic-bezier(0,0,0.5,1), opacity 500ms cubic-bezier(0,0,0.5,1), visibility 500ms cubic-bezier(0,0,0.5,1);
}
#Journal .sec_concept .concept02 .inner ul.anim.animStart li{
  transform: translateY(0px);
  opacity: 1;
  pointer-events: auto;
}
#Journal .sec_concept .concept02 .inner ul.anim li:nth-child(1) {transition-delay: 0.1s;}
#Journal .sec_concept .concept02 .inner ul.anim li:nth-child(2) {transition-delay: 0.5s;}
#Journal .sec_concept .concept02 .inner ul.anim li:nth-child(3) {transition-delay: 0.9s;}

#Journal .sec_concept .concept02 .inner ul li span{
  font-weight:700;
  color:#BAD6EB;
}
#Journal .sec_concept .concept03{
  position:relative;
}
#Journal .sec_concept .concept03 .img01{
  position:relative;
  pointer-events: none;
  opacity: 0;
  transform: translateY(25px);
  transition: transform 1500ms cubic-bezier(0,0,0.5,1), opacity 1500ms cubic-bezier(0,0,0.5,1), visibility 1500ms cubic-bezier(0,0,0.5,1);
}
#Journal .sec_concept .concept03.animStart .img01{
  transform: translateY(0px);
  opacity: 1;
  pointer-events: auto;
}
#Journal .sec_concept .concept03 .txt{
  pointer-events: none;
  opacity: 0;
  transition: transform 500ms cubic-bezier(0,0,0.5,1), opacity 500ms cubic-bezier(0,0,0.5,1), visibility 500ms cubic-bezier(0,0,0.5,1);
}
#Journal .sec_concept .concept03.animStart .txt{
  opacity: 1;
  pointer-events: auto;
}
#Journal .sec_concept .concept03 .txt p{
    filter: blur(10px);
    transition: 2s ease;
    transition-delay:1.2s;
}
#Journal .sec_concept .concept03.animStart .txt p{
    filter: blur(0);
}
#Journal .sec_concept .concept03 .img01:nth-child(1) {transition-delay: 0.1s;}
#Journal .sec_concept .concept03 .img01:nth-child(2) {transition-delay: 0.5s;}
#Journal .sec_concept .concept03 .txt {transition-delay: 1s;}

#Journal .sec_concept .concept03 .txt p{
  position:absolute;
  top:50%;
  left:12%;
  color:#fff;
  z-index:10;
  font-size: min(4.8vw, 38px);
  font-weight:700;
  transform:translateY(-50%);
}
#Journal .sec_concept .concept03 .txt p span{
  font-size: min(12.5vw, 97px);
  font-weight:700;
  display:block;
  line-height:1.45;
}
#Journal .sec_concept .concept04{
  font-size: min(4.8vw, 38px);
  background-color:#fff;
}
#Journal .sec_concept .concept04 .img02{
  width:80%;
  margin:0 auto;
  padding:1.5em 0;
}
@media screen and (min-width: 750px) {
  #Journal .sec_concept .concept04 .img02{
    padding:84px 0;
  }
}
#Journal .sec_concept .concept05{
  font-size: min(4.8vw, 38px);
  padding:1.5em 0 0;
}
@media screen and (min-width: 750px) {
  #Journal .sec_concept .concept05{
    padding:76px 0 0;
  }
}
#Journal .sec_concept .concept05 .catch{
  display:flex;
  flex-direction:column;
  width:80%;
  margin:0 auto;
}
#Journal .sec_concept .concept05 .catch .txt{
  color:#091F5B;
  font-weight:700;
  font-size: min(7.8vw, 62px);
  letter-spacing: 0.05em;
}
#Journal .sec_concept .concept05 p{
  font-weight:700;
  font-size: min(3.4vw, 27px);
  width:80%;
  margin:1em auto 4em;
}
#Journal .sec_concept .concept05 p.lead{
  font-size: min(5.5vw, 44px);
  width:80%;
  margin:1em auto;
}
#Journal .sec_concept .concept05 p.lead span{
  font-weight:700;
}
.sec_kanshu {
  background-color:#BAD6EB;
}
.sec_kanshu .kanshu01{
  display:flex;
  align-items:flex-end;
}
.sec_kanshu .kanshu01 .img{
  width:44%;
}
.sec_kanshu .kanshu01 .txt{
  width:56%;
}
#Journal .sec_kanshu .kanshu01 .txt h2{
  color:#091F5B;
  font-weight:700;
  font-size: min(4.8vw, 38px);
  border:none;
  margin:0 0 1.5em;
  padding:0;
}
#Journal .sec_kanshu .kanshu01 .txt p{
  font-weight:700;
  font-size: min(3.8vw, 32px);
  color:#091F5B;
  line-height:1.5;
  margin-bottom:0.55em;
}
#Journal .sec_kanshu .kanshu01 .txt h3{
  color:#091F5B;
  font-weight:700;
  font-size: min(8.5vw, 68px);
  border:none;
  margin:0 0 0.75em;
  padding:0;
}
#Journal .sec_kanshu .kanshu01 .txt h3:before{
  content:none;
}
#Journal .sec_kanshu .kanshu01 .txt p:last-child{
  font-weight:700;
  font-size: min(3vw, 25px);
  color:#091F5B;
  line-height:1.5;
  margin:0 0 1em;
}
#Journal .sec_kanshu .kanshu02 p{
  font-weight:700;
  font-size: min(3vw, 25px);
  color:#091F5B;
  width:90%;
  margin:0 auto;
  padding:1em 0;
  line-height:1.4;
}
#Journal .sec_kanshu .kanshu02 p.hash_tag{
  color:#091F5B;
  font-weight:700;
  font-size: min(8.5vw, 66px);
  padding:0.35em 0;
}
#Journal .sec_features{
  background-color:#F7F2EC;
  padding:0;
}
#Journal .sec_features h2{
  padding:2.2em 0 0.5em 1em;
  margin:0;
  border:none;
  color:#091F5B;
  font-weight:500;
  font-size: min(10.8vw, 84px);
  line-height:1.35;
}
#Journal .sec_features h2 small{
  border:none;
  color:#091F5B;
  font-weight:400;
  font-size: min(5.6vw, 44px);
  display:block;
  line-height:1;
}
#Journal .sec_features ul{
  margin:0 auto;
  padding:0 0 2.4em;
  width:85%;
  font-size: min(5.6vw, 48px);
  display:flex;
  flex-direction:column;
  gap:0.5em;
}
#Journal .sec_features ul li{
  margin:0;
  padding:0;
  list-style:none;
  position:relative;
  pointer-events: none;
  opacity: 0;
  transform: translateY(25px);
  transition: transform 500ms cubic-bezier(0,0,0.5,1), opacity 500ms cubic-bezier(0,0,0.5,1), visibility 500ms cubic-bezier(0,0,0.5,1);
}
#Journal .sec_features ul.animStart li{
  transform: translateY(0px);
  opacity: 1;
  pointer-events: auto;
}
#Journal .sec_features ul li:nth-child(1) {transition-delay: 0.4s;}
#Journal .sec_features ul li:nth-child(2) {transition-delay: 0.8s;}
#Journal .sec_features ul li:nth-child(3) {transition-delay: 1.2s;}

#Journal .sec_features .feature01{
  background-color:#000;
}
#Journal .sec_features .feature01 .bg{
  background:url(../img/csw/csw_018.jpg) no-repeat center bottom / contain;
}
#Journal .sec_features .feature01 h3{
  padding:3.5em 0 0.5em 0;
  width:80%;
  margin:0 auto;
  border:none;
  color:#fff;
  font-size: min(5.4vw, 42px);
}
#Journal .sec_features .feature01 h3:before{
  content:none;
}
#Journal .sec_features .feature01 h4{
  padding:0.5em 0 1.75em 0;
  width:80%;
  margin:0 auto;
  border:none;
  color:#fff;
  font-weight:700;
  font-size: min(4.4vw, 36px);
}
#Journal .sec_features .feature01 h4 span{
  display:block;
  padding:0;
  margin:0;
  color:#fff;
  font-weight:700;
  font-size: min(8.4vw, 66px);
}
#Journal .sec_features .feature01 h4 small{
  display:block;
  padding:0;
  margin:0;
  color:#fff;
  font-weight:700;
  font-size: min(2.7vw, 22px);
}
#Journal .sec_features .feature01 h4 small.kome{
  display:inline-block;
  vertical-align:top;
  padding:0.4em 0.1em 0;
  font-size: min(2.4vw, 20px);
}
#Journal .sec_features .feature01 .inner{
  width:70%;
  margin:8% auto;
}
#Journal .sec_features .feature01 h4.lead{
  padding:0.5em 0;
  width:80%;
  margin:0 auto;
  color:#fff;
}
#Journal .sec_features .feature01 h4.lead .txt{
  font-weight:700;
  font-size: min(6vw, 48px);
  line-height:1.5;
}
#Journal .sec_features .feature01 .bg p{
  padding:0.5em 0;
  width:80%;
  margin:0 auto;
  color:#fff;
  font-weight:700;
  font-size: min(3.35vw, 26px);
  line-height:1.5;
}
#Journal .sec_features .feature01 p small{
  display:block;
  margin:1.5em 0;
}
#Journal .sec_features .feature01 p small img{
  width:100%;
}
#Journal .sec_features .feature01 h4.tit04{
  margin:1.5em auto 0em;
  padding:0;
  font-weight:700;
  font-size: min(6.2vw, 48px);
}
#Journal .sec_features .feature01 h4.tit04 small{
  font-weight:700;
  font-size: min(2.35vw, 20px);
  display:inline;
}
#Journal .sec_features .feature01 p{
  padding:0.25em 0;
  width:80%;
  margin:0 auto;
  color:#fff;
  font-weight:700;
  font-size: min(3.2vw, 25px);
  line-height:1.5;
}
#Journal .sec_features .feature01 .ifmc{
  padding:0.25em 0;
  width:80%;
  margin:0 auto;
  color:#fff;
  font-size: min(2.35vw, 20px);
  line-height:1.5;
}
#Journal .sec_features .feature01 .ifmc a{
  padding-right:2px;
  color:#fff;
  text-decoration: underline;
}
#Journal .sec_features .feature01 .img02{
  width:80%;
  margin:4% auto;
}
#Journal .sec_features .feature01 .graph{
  width:90%;
  margin:6% auto 19%;
}
#Journal .sec_features .feature01 .graph img{
  width:100%;
}
#Journal .sec_features .feature01 .graph p{
  width:88%;
  margin:5% auto;
  font-size: clamp(10px, 2.2vw, 20px);
  color:#7E7E7E;
}
#Journal .sec_features .feature01 h4.tit05{
  padding:0.5em 0 0.25em;
}
#Journal .sec_features .feature01 .relux{
  padding-bottom:2em;
}
#Journal .sec_features .feature02 {
  background-color:#BAD6EB;
  padding:0;
}
#Journal .sec_features .feature02 h3{
  padding:3.5em 0 1em 0;
  width:80%;
  margin:0 auto;
  border:none;
  color:#091F5B;
  font-size: min(5.4vw, 42px);
}
#Journal .sec_features .feature02 h3:before{
  content:none;
}
#Journal .sec_features .feature02 h4{
  padding:0;
  width:80%;
  margin:0 auto 2em;
  border:none;
  color:#091F5B;
  font-weight:700;
  font-size: min(4.7vw, 37px);
}
#Journal .sec_features .feature02 h4 span{
  display:block;
  color:#091F5B;
  font-weight:700;
  font-size: min(7.6vw, 60px);
  letter-spacing:0.05em;
  line-height:1.5;
}
#Journal .sec_features .feature02 h4.tit02{
  padding:0;
  width:80%;
  margin:2em auto 1em;
  font-size: min(6.2vw, 48px);
}
#Journal .sec_features .feature02 .graph{
  width:80%;
  margin:6% auto 19%;
}
#Journal .sec_features .feature02 .graph img{
  width:100%;
}
#Journal .sec_features .feature02 .graph p{
  color:#091F5B;
  font-weight:700;
  font-size: min(3.2vw, 26px);
  line-height:1.5;
  margin:2em 0;
}
#Journal .sec_features .feature02 h5{
  color:#091F5B;
  font-weight:700;
  padding:0;
  width:80%;
  margin:1em auto 0.25em;
  font-size: min(6.2vw, 50px);
}
#Journal .sec_features .feature02 .img03{
  width:90%;
  margin:0 auto;
}
.tips{
  width:90%;
  margin:15% auto 0;
  position:relative;
  padding-bottom:5%;
}
.tips p{
  position:absolute;
}
@media screen and (min-width: 750px) {
  .tips{
    margin:120px auto 0;
    padding-bottom:50px;
  }
}
#Journal .sec_features .feature03{
  background-color:#F7F2EC;
  padding:0;
}
#Journal .sec_features .feature03 h3{
  padding:3.5em 0 1em 0;
  width:80%;
  margin:0 auto;
  border:none;
  font-size: min(5.4vw, 42px);
}
#Journal .sec_features .feature03 h3:before{
  content:none;
}
#Journal .sec_features .feature03 h4{
  padding:0;
  width:80%;
  margin:0 auto 2em;
  border:none;
  font-weight:700;
  font-size: min(4.7vw, 38px);
}
#Journal .sec_features .feature03 h4 span{
  display:block;
  font-weight:700;
  font-size: min(7.4vw, 60px);
  letter-spacing:0.1em;
}
#Journal .sec_features .feature03 h5{
  font-weight:700;
  padding:0;
  width:80%;
  margin: 1em auto 0.5em;
  font-size: min(5.8vw, 46px);
}
#Journal .sec_features .feature03 .img03{
  width:90%;
  margin:0 auto;
}
#Journal .sec_features .feature03 .img03 + .img03{
  margin-top:2vw;
}
@media screen and (min-width: 750px) {
  #Journal .sec_features .feature03 .img03 + .img03{
    margin-top:1.5rem;
  }
}
#Journal .sec_features .feature03 .poket {
  background-color:#fff;
}
#Journal .sec_features .feature03 .poket h4{
  padding-top:6.5em;
  margin:0 auto 0.5em;
}
#Journal .sec_features .feature03 .poket p{
  padding:0.25em 0  2em;
  width:80%;
  margin:0 auto;
  font-weight:700;
  font-size: min(3.2vw, 26px);
  line-height:1.5;
}
#Journal .sec_features .feature03 .img_wrap{
  position:relative;
}
#Journal .sec_features .feature03 .img_wrap .item{
  position:relative;
  pointer-events: none;
  opacity: 0;
  transform: translateY(25px);
  transition: transform 500ms cubic-bezier(0,0,0.5,1), opacity 500ms cubic-bezier(0,0,0.5,1), visibility 500ms cubic-bezier(0,0,0.5,1);
}
#Journal .sec_features .feature03 .img_wrap.animStart .item{
  transform: translateY(0px);
  opacity: 1;
  pointer-events: auto;
}
#Journal .sec_features .feature03 .img_wrap .item:nth-child(1) {transition-delay: 0.4s;}
#Journal .sec_features .feature03 .img_wrap .item:nth-child(2) {transition-delay: 0.8s;}
#Journal .sec_features .feature03 .img_wrap .item:nth-child(3) {transition-delay: 1.2s;}

#Journal .sec_features .feature03 .img_wrap .item p{
  pointer-events: none;
  opacity: 0;
  transition: transform 500ms cubic-bezier(0,0,0.5,1), opacity 500ms cubic-bezier(0,0,0.5,1), visibility 500ms cubic-bezier(0,0,0.5,1);
  position:absolute;
  bottom:4%;
  left:10%;
  color:#fff;
  font-weight:700;
  font-size: min(8vw, 62px);
  letter-spacing:0.15em;
  line-height:1.5;
  margin:0;
  transition-delay: 2s;
}
#Journal .sec_features .feature03 .img_wrap.animStart .item p{
  opacity: 1;
  pointer-events: auto;
}
#Journal .sec_spec{
  padding:0;
}
#Journal .sec_spec h2{
  padding:2.2em 0 0.75em 0;
  width:90%;
  margin:0 auto;
  border:none;
  color:#091F5B;
  font-weight:500;
  font-size: min(10.8vw, 84px);
  line-height:1.35;
}
#Journal .sec_spec h2 small{
  border:none;
  color:#091F5B;
  font-size: min(5.6vw, 44px);
  display:block;
  line-height:1;
  font-weight:700;
}
#Journal .sec_spec .color{
  border-top:1px solid #000;
}
#Journal .sec_spec h3 {
  padding:1em 0 1em 0;
  width:90%;
  margin:0 auto;
  border:none;
  font-size: min(3.8vw, 32px);
  display:block;
  letter-spacing:0.1em;
}
#Journal .sec_spec h3:before{
  content:none;
}
#Journal .sec_spec h3 span{
  font-size: min(7.4vw, 60px);
  display:block;
}
#Journal .sec_spec .color .inner{
  display:flex;
  width:90%;
  margin:0 auto;
  gap:3%;
}
#Journal .sec_spec .color .inner p{
  font-weight:700;
  font-size: min(3.2vw, 30px);
  margin:0.5em 0 5em;
}
#Journal .sec_spec .material{
  border-top:1px solid #000;
}
#Journal .sec_spec .material p{
  font-weight:700;
  font-size: min(4.2vw, 34px);
  width:90%;
  margin:0 auto 2em;
}
#Journal .sec_spec .size{
  border-top:1px solid #000;
}
#Journal .sec_spec .size p{
  font-weight:700;
  font-size: min(4.2vw, 34px);
  width:90%;
  margin:0 auto 2em;
}
#Journal .sec_spec .size .img{
  font-size: min(4.2vw, 34px);
  width:90%;
  margin:0.5em auto 3em;
}
#Journal .sec_spec .review{
  border-top:1px solid #000;
}
#Journal .sec_spec .review_item + .review_item{
  margin-top:2em;
}
@media screen and (min-width: 750px) {
  #Journal .sec_spec .review_item + .review_item{
    margin-top:20px;
  }
}
#Journal .sec_spec .review p{
  font-weight:700;
  font-size: min(3.38vw, 28px);
  width:80%;
  margin:2em auto;
  line-height:1.45;
}
#Journal .sec_product{
  /* padding:1em 0 1em 0; */
  margin:0 auto;
  font-size: min(3.8vw, 32px);
  overflow-y:hidden;
}
#Journal .sec_product h2{
  font-weight:700;
  font-size: min(6.38vw, 50px);
  width:90%;
  border:none;
  margin:0 auto 00;
  line-height:1.4;
}
#Journal .sec_product h2{
  padding:0!important;
}
#Journal section{
  padding:0!important;
}
#Journal .sec_product .price{
  font-weight:700;
  font-size: min(5.2vw, 42px);
  width:90%;
  border:none;
  margin:0 auto 0;
}
#Journal .sec_product .price .red{
  color: #ff0000;
  font-size: 120%;
  font-weight: bold;
}
#Journal .sec_product .price small{
  font-size: min(3.2vw, 25px);
}
#Journal .sec_product .csw_slider{
  width:60%;
  border:none;
  margin:0.5em auto 5px;
}
#Journal .sec_product .csw_slider img{
  display:none;
}
#Journal .sec_product .csw_slider img.active{
  display:block;
}
@media screen and (min-width: 750px) {
  #Journal .sec_product .csw_slider{
    margin:40px auto 10px;
  }
}
#Journal .sec_product .csw_slider img,
#Journal .sec_product .thumbnail img{
  border-radius:10px;
}
#Journal .sec_product .thumbnail{
  width:90%;
  border:none;
  margin:5px auto 0;
  display:flex;
  gap:10px;
}
.thumbnail img{
  width:calc(50% - 8px);
}
/* product-options */
#Journal .product-options {
  width:90%;
  margin:0px auto;
  font-size: min(3.38vw, 28px);
}
#Journal .product-options h3{
  font-weight:700;
  font-size: min(3.38vw, 28px);
}
#Journal .product-options h3 span{
  font-weight:700;
  font-size: min(3.38vw, 28px);
}
#Journal .product-options h3:before{
  content:none;
}
.color-buttons, .size-buttons {
  display: flex;
  gap: 0.5em;
}
.product-options input[type="radio"] {
  display: none;
}
.color-button {
  width: 3em;
  height: 3em;
  border-radius: 50%;
  border: 3px solid #fff;
  margin-bottom:10px;
  cursor: pointer;
}
.color-button.beige { background-color: #E2D6D0; }
.color-button.blue { background-color: #9CA4C6; }
.color-button.grey { background-color: #d4d4d4; }
.color-button.white { background-color: #fafafc; }
.product-options input[type="radio"]:checked + .color-button {
  border-color: #fff;
  box-shadow: 0 0 0 2px #000;
}












.journal-cont .cart_btn2 a{
  font-size:1em;
  font-weight:700;
  background-color:#DC0900;
  display:block;
  padding:1em;
  width:80%;
  margin:0 auto;
  text-align:center;
  border-radius:5px;
  color:#fff;
  text-decoration:none;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
#Journal .fix_cart .btn2 a{
  font-size: min(3vw, 24px);
  font-weight:700;
  background-color:#DC0900;
  display:block;
  padding:0.5em 0;
  width:100%;
  margin:0 auto;
  text-align:center;
  border-radius:5px;
  color:#fff;
  text-decoration:none;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
#Journal .sec_product .catr_btn2 button{
  all:unset;
  font-size:1em;
  font-weight:700;
  background-color:#DC0900;
  display:block;
  padding:1em;
  width:80%;
  margin:0 auto;
  text-align:center;
  border-radius:5px;
  color:#fff;
  text-decoration:none;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
#Journal .sec_product .catr_btn2 a{
  all:unset;
  font-size:1em;
  font-weight:700;
  background-color:#222222;
  display:block;
  padding:1em;
  width:80%;
  margin:0 auto;
  text-align:center;
  border-radius:5px;
  color:#fff;
  text-decoration:none;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}


.journal-cont .cart_btn2{
  background-color:#F7F2EC;
  font-size: min(3.8vw, 30px);
  padding:1.55em 0;
}
.journal-cont .cart_btn2 p{
  text-align:center;
  font-weight:700;
}
#Journal .fix_cart .btn2{
  width:40%;
}
#Journal .sec_product .catr_btn2{
  width:90%;
  margin:0 auto 4em;
}
#Journal .sec_product .catr_btn2 button:hover{
  opacity:0.8;
}
#Journal .sec_product .catr_btn2 button img{
  width:1.35em;
}













.size-buttons{
  display:flex;
  justify-content:space-between;
}
.size-button {
  background-color:#EBEBEB;
  border-radius: 5px;
  cursor: pointer;
  width:4em;
  padding:1em 0.5em;
  text-align:center;
  border:5px solid transparent;
  width:calc(33.33% - 7px);
  font-weight:700;
  font-family: "Helvetica Neue", 'Noto Sans JP', -apple-system, BlinkMacSystemFont, Verdana, Meiryo, sans-serif;
}
.product-options input[type="radio"]:checked + .size-button {
  border: 2px solid #000;
}
#Journal .sec_product .price_wrap{
  width:90%;
  margin:0 auto;
}
#Journal .sec_product .price_wrap p{
  margin:1.5em 0;
  color:#ff6600;
  font-size: min(3.38vw, 26px);
}
#Journal .sec_product .price_wrap p .num{
  color:#ff6600;
  font-weight:700;
  font-size: min(5vw, 40px);
}
#Journal .sec_product .price_wrap p small{
  color:#333;
  font-weight:700;
  font-size: min(3vw, 22px);
}
#Journal .sec_product .catr_btn{
  width:90%;
  margin:0 auto 4em;
}
#Journal .sec_product .catr_btn button{
  all:unset;
  font-size:1em;
  font-weight:700;
  background-color:#E87200;
  display:block;
  padding:1em;
  width:80%;
  margin:5px auto 0;
  text-align:center;
  border-radius:2em;
  color:#fff;
  text-decoration:none;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
#Journal .sec_product .catr_btn button:hover{
  opacity:0.8;
}
#Journal .sec_product .catr_btn button img{
  width:1.35em;
}
/* product-options */
.scroll_anim {
    overflow: hidden;  /* 拡大した画像がはみ出ないようにする */
}
.scroll_anim img {
    transition: transform 0.1s ease;  /* スムーズな変化のための短い遷移時間 */
    transform-origin: center center;  /* 中心から拡大 */
}
#Journal .fix_cart{
  background-color:#F5F2EC;
  position:fixed;
  bottom:0;
  width:100%;
  max-width:750px;
  display:flex;
  align-items:center;
  padding:3vw 3vw;
  z-index:9999;
}
@media screen and (min-width: 750px) {
  #Journal .fix_cart{
   padding:10px 24px;
  }
}
#Journal .fix_cart .txt{
  width:60%;
}
#Journal .fix_cart .txt p.en{
  font-size: min(4.4vw, 34px);
  margin:0;
  line-height:1;
  font-weight:700;
}
#Journal .fix_cart .txt .en{
  font-size: min(4.4vw, 34px);
  margin:0;
  line-height:1;
  font-weight:700;
}
#Journal .fix_cart .txt .ja{
  font-size: min(3.5vw, 28px);
  margin:0;
  line-height:1;
  font-weight:700;
}
#Journal .fix_cart .txt p{
  font-size: min(3.5vw, 28px);
  margin:0;
  line-height:1;
  font-weight:700;
}
#Journal .fix_cart .txt p span{
  font-weight:700;
}
#Journal .fix_cart .txt p small{
  font-size: min(2.4vw, 18px);
}
#Journal .fix_cart .txt p .red{
  color: #ff0000;
  font-size: 120%;
  font-weight: bold;
}
#Journal .fix_cart .btn{
  width:40%;
}
#Journal .fix_cart .btn a{
  font-size: min(3vw, 24px);
  font-weight:700;
  background-color:#E87200;
  display:block;
  padding:0.5em 0;
  width:100%;
  margin:0 auto;
  text-align:center;
  border-radius:2em;
  color:#fff;
  text-decoration:none;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
.ifmc_wrap{
  position:relative;
}
.ifmc_wrap > img{
  position:absolute;
  bottom:7%;
  right:7%;
  width:28%;
}
.anim.anim_txt .txt{
  pointer-events: none;
  opacity: 0;
  transform: translateY(25px);
  transition: transform 500ms cubic-bezier(0,0,0.5,1), opacity 500ms cubic-bezier(0,0,0.5,1), visibility 500ms cubic-bezier(0,0,0.5,1);
}
.anim.anim_txt.animStart .txt{
  transform: translateY(0px);
  opacity: 1;
  pointer-events: auto;
}
.anim.anim_txt .txt:nth-child(1) {transition-delay: 0.1s;}
.anim.anim_txt .txt:nth-child(2) {transition-delay: 0.5s;}
.anim.anim_txt .txt:nth-child(3) {transition-delay: 0.9s;}
.anim.anim_txt .txt:nth-child(4) {transition-delay: 1.3s;}
.anim.anim_txt .txt:nth-child(5) {transition-delay: 1.7s;}
.anim.anim_txt .txt:nth-child(6) {transition-delay: 2.1s;}
.anim.anim_txt .txt:nth-child(7) {transition-delay: 2.5s;}
.anim.anim_txt .txt:nth-child(8) {transition-delay: 2.9s;}
.anim.anim_txt .txt:nth-child(9) {transition-delay: 3.3s;}
.anim.anim_txt .txt:nth-child(10) {transition-delay: 3.7s;}
.anim.anim_fade{
  pointer-events: none;
  opacity: 0;
  transform: translateY(25px);
  transition: transform 500ms cubic-bezier(0,0,0.5,1), opacity 500ms cubic-bezier(0,0,0.5,1), visibility 500ms cubic-bezier(0,0,0.5,1);
  transition-delay: 0.2s;
}
.anim.anim_fade.animStart{
  transform: translateY(0px);
  opacity: 1;
  pointer-events: auto;
}
.size_guide{
  margin:1em auto 1.5em;
  width:90%;
  text-align:right;
}
.size_guide a{
  font-size: min(3.38vw, 28px);
  display:inline-block;
  border-bottom:1px solid;
}
.size_guide a:hover{
  text-decoration:none;
}
.graph01.anim{
  position:relative;
}
.graph01.anim .line{
  position:absolute;
  top:39%;
  right:8.5%;
  width:72%;
  clip-path: inset(0 100% 0 0);
  transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
  transition-delay:0.2s;
}
.graph01.anim.animStart .line{
  clip-path: inset(0);
}
.graph02.anim{
  position:relative;
}
.graph02.anim .line{
  position:absolute;
  top:16%;
  right:6%;
  width:82.5%;
  clip-path: inset(0 100% 0 0);
  transition: 1.4s cubic-bezier(0.37, 0, 0.63, 1);
  transition-property: clip-path;
  transition-delay:0.2s;
}
.graph02.anim.animStart .line{
  clip-path: inset(0);
}
.lum-lightbox-inner img{
    max-width:700px!important;
}
.lum-lightbox {
  background: rgba(0,0,0,0.8)!important;
  z-index:9999;
}
@media screen and (max-width: 767px) {
  .lum-lightbox-inner img {
    max-width: 90vw !important;
    max-height: 85vh !important;
  }
}