:root{
  --vmin : 375;
  --vmax : 1200;
  --defult-color:#222;
  --bg-gray-color:#F5F5F5;
  --company-color:#007AB8;
  --default-gap-md: 15px;
  --default-gap-sm: 15px;
  --color-gray: #ede9e6;
}
/*reset*/
h2,h3{
  margin: 0;
  padding: 0;
}
/*common*/
h2{
  font-size: clamp(21px,calc(21px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),25px);
}
h3{
  font-size: clamp(20px,calc(20px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),22px);
}
h4{
  font-size: 18px;
}
#event-article h2,
#event-article h3{
  font-weight: 600;
}
.pane-contents .container{
  padding-bottom: clamp(60px,calc(60px + 40 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),100px);;
  display: block;
}
.block-event-page{
  width: 100%;
  max-width: 1200px;
}
.section{
  margin-top: clamp(50px,calc(50px + 50 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),100px);
}
.content{
  margin-top:50px;
}
.content-inner{
  width: 100%;
}
.article-heading_lv2-wrap{
  margin-top: 10em;
}
.article-heading_lv3-wrap{
  margin-top: 6em;
}
.article-heading_lv4-wrap{
  margin-top: 1em;
}
.paragraph{
  color: var(--defult-color);
  font-size: clamp(14px,calc(14px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
  line-height: 1.62;
}
.article-mv{
  width: 100%;
  height: auto;
}
.article-mv.w-100{
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

.article-mv img{
  width: 100%;
}
.article-head{
  margin-top: clamp(16px,calc(16px + 14 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),30px);
}
.article-head_content{
  display: flex;
  justify-content: space-between;
}
.category-lists{
  display: flex;
  gap: 1em
}
.category-name{
  padding: 8px 12px;
  color: var(--defult-color);
  font-size: clamp(10px,calc(10px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),12px);
  background-color: var(--bg-gray-color);
}
.article-head_post{
  display: flex;
  align-items: center;
}
.article-head_sns{
  margin-left: 24px;
}
.share-button-wrap{
  position: relative;
}
.share-button{
  min-width: 106px;
  padding: 0.6em 1em 0.4em 2em;
  color: var(--defult-color);
  font-size: clamp(11px,calc(11px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),13px);
  line-height: 1.5em;
  border: 1px solid var(--defult-color);
  border-radius: 2em;
  background-color: #fff;
  position: relative;
}
.share-button::before{
  content: "";
  width: 14px;
  height: 14px;
  background-image: url(/cms/img/usr/common/ico_share.png);
  background-size: 100% 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 0.5em;
  transform: translateY(-50%);
}
.sns-lists{
  margin-top: 1em;
  padding: 0.5em 1em;
  display: flex;
  gap: 1em;
  background-color: #fff;
  border: solid 1px var(--defult-color);
  border-radius: 4px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  z-index: 10;
}
.sns-lists.is-active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.sns-lists:after{
  content: "";
  position: absolute;
  top: -28px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #555;
  z-index: 1;
}
.sns-lists:before{
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}
.sns-item{
  width: 1.5em;
  height: 1.5em;
}
.article-head_time{
  display: none;
}
.article-head_time time[itemprop="dateModified"]{
  color: #808080;
  font-size: 0.8em;
  position: relative;
}
.article-head_time time[itemprop="dateModified"]::after{
  content: "(更新)";
}

.article-about{
  padding: clamp(40px,calc(40px + 60 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),100px) 0 0;
}
.article-title{
  color: var(--defult-color);
  text-align: center;
}
.article-title_sub{
  color: var(--defult-color);
  font-size: clamp(14px,calc(14px + 10 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),24px);
  font-weight: 700;
  display: block;
}
.article-title_main{
  margin-top: 0.1em;
  color: var(--defult-color);
  font-size: clamp(24px,calc(24px + 24 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),48px);
  font-weight: 700;
  display: block;
}
.article-about_text{
  width: 100%;
  margin-top: 2em;
}
.article-about_text .paragraph{
  color: var(--defult-color);
  font-size: clamp(14px,calc(14px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
  font-weight: 700;
  line-height: 2;
  text-align: center;
}
.page-anchor{
  margin-top: 7em;
  width: 100%;
  padding: 1em;
  background-color: var(--anchor-bg);
}
.anchor-lists{
  display: flex;
  justify-content: center;
}
.andchor-item{
  position: relative;
}
.andchor-item:not(:first-of-type){
  margin-left: clamp(20px,calc(20px + 18 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),38px);
  padding-left: clamp(20px,calc(20px + 18 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),38px);
}
.andchor-item:not(:first-of-type)::before {
  content: "";
  width: 1px;
  height: 1.5em;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  background-color: #D8D8D8;
}
.anchor-link{
  color: #D8D8D8;
  font-size: clamp(18px,calc(18px + 6 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),24px);
}


.image-content{
  width: 100%;
  position: relative;
}
.image-content img{
  width: 100%;
  height: auto;
  display: block;
}
.modal-thumnail{
  position: relative;
}
.image-content figcaption{
  margin-top: 0.5em;
}
.content-detail{
  margin-top: 2em;
}
.product-slide-content .slide-item img{
  width: 100%;
}
.product-slide-content .swiper-button-next,
.product-slide-content .swiper-button-prev{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
   box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
}
.product-slide-content .swiper-button-next svg,
.product-slide-content .swiper-button-prev svg  {
  width: 12px;
  height: 12px;
}
.product-slide-content .swiper-button-next svg path,
.product-slide-content .swiper-button-prev svg path{
  fill: var(--defult-color);
}
.product-slide-content .swiper-button-prev{
  left: 10%;
  transform: translateY(-50%);
}
.product-slide-content .swiper-button-next{
  right: 10%;
  transform: translateY(-50%);
}
.product-slide-thumbs{
  max-width: 560px;
  margin-top: 40px;
  padding-top: 10px;
}
.swiper-slide.swiper-slide-thumb-active{
  transform: translateY(-10px);
}
.button_more{
  padding: 0.5em 2.68em 0.4em 1em;
  color: var(--defult-color);
  font-size: clamp(11px,calc(11px + 5 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
  font-weight: 700;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 2em;
  position: absolute;
  bottom: 1.25em;
  right: 1.25em;
}
@media screen and (min-width:800px){
  .button_more{
    font-weight: 500;
    text-shadow: 0 0 1px currentColor, 0 0 1px currentColor;
    transition: text-shadow 0.3s ease-in;
  }
  .button_more:hover{
    text-shadow: none;
  }
}
.button_more:after{
  content: "";
  width: 0.5em;
  height:0.5em;
  display: block;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  position: absolute;
  top: 50%;
  right: 1.5em;
  transform: rotate(45deg) translateY(-50%);
}
.col2-content{
  display: flex;
  gap: clamp(18px,calc(18px + 62 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),80px);
}
.w50-content{
  width: calc((100% - clamp(18px,calc(18px + 62 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),80px)) / 2);
}

.pick-product-card{
  width: 100%;
  padding: clamp(24px,calc(24px + 16 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),40px);
  display: flex;
  align-items: center;
  gap: clamp(16px,calc(16px + 44 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),60px);
  border: clamp(4px,calc(4px + 6 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),10px) solid #EEEEEE;
}
.pick-product-card.-revert{
  flex-direction: row-reverse;
}
.pick-product-card_title{
  font-size: clamp(14px,calc(14px + 18 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),32px);
}
.product-card_image {
  position: relative;
}
.product-icon-display-position {
  margin-left: 7px;
  margin-bottom: 5px;
  position: absolute;
  bottom: 0;
}

.table-content{
  margin-top: 2em;
}
.default-table{
  width: 100%;
  border: 1px solid #D8D8D8;
}
.table-title{
  padding: 1.2em;
  color: var(--defult-color);
  font-size: 13px;
  font-weight: 600;
  vertical-align: middle;
  background-color: #EEEEEE;
  border: 1px solid #D8D8D8;
}
.table-detail{
  padding: 1.2em;
  color: var(--defult-color);
  font-size: 13px;
  border: 1px solid #D8D8D8;
}
.note{
  margin-top: 1em;
}
.note-content-text{
  color: #707070;
  font-size: 12px;
  line-height: 2;
}
.caution{
  margin-top: 1em;
  padding: 1.25em 2em 1em;
  background-color: var(--bg-gray-color);
}

.btn-wrap{
  margin-top: 2em;
  display: flex;
  justify-content: center;
}
.btn-more{
  width: 320px;
  height: 48px;
  padding: 0.875em 0.5em 0.8em;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--defult-color);
  border-radius: 24px;
  border: 1px solid var(--defult-color);
}
.btn-more span{
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.btn-more.-white{
  background-color: #fff;
  border: 1px solid var(--defult-color);
}
.btn-more.-white span{
  color: var(--defult-color);
}
/*profile*/
.profile-card{
  width: 100%;
  padding: clamp(20px,calc(20px + 20 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),40px);
  display: flex;
  align-items: center;
  gap: clamp(30px,calc(30px + 20 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),50px);
  border: 1px solid #EEEEEE;
}
.profile-card_head{
  width: calc(960 / 260 * 100%);
  max-width: 260px;
}
.profile-card_image{
  position: relative;
  z-index: 1;
}
.profile-card_image:before{
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: #F5F5F5;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 0;
}
.profile-card_image img{
  position: relative;
}
.profile-card_name{
  font-size: clamp(24px,calc(24px + 8 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),32px);
  font-weight: 500;
}
.profile-card_job{
  color: var(--company-color);
  font-size: 12px;
}
.profile-card_job + .profile-card_summary{
  margin-top: 24px;
}
.profile-col2{
  display: flex;
  gap: clamp(24px,calc(24px + 8 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),32px) 18px;
}
.profile-col2 .profile-card{
  flex-direction: column;
  gap: clamp(16px,calc(16px + 18 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),34px);
}
.profile-col2 .profile-card_head{
  width: 100%;
  max-width: unset;
  display: flex;
  align-items: center;
  gap: clamp(18px,calc(18px + 32 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),50px);
}
.profile-col2 .profile-card_image{
  max-width: 260px;
}
.comparison-product-slider{
  position: relative;
  display: flex;
  gap: 28px;
}
.product-info{
  width: 180px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.comparison-slide{
  width: calc(100% - (180px + 28px));
}
.comparison-slide .swiper-button-next,
.comparison-slide .swiper-button-prev{
  position: absolute;
  top: 38%;
  transform: translateY(-50%);
  z-index: 10;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16);
}
.comparison-slide .swiper-button-next svg,
.comparison-slide .swiper-button-prev svg  {
  width: 12px;
  height: 12px;
}
.comparison-slide .swiper-button-next svg path,
.comparison-slide .swiper-button-prev svg path{
  fill: var(--defult-color);
}
.comparison-slide .swiper-button-prev{
  left: 0;
  transform: translateY(-50%);
}
.comparison-slide .swiper-button-next{
  right: 0;
  transform: translateY(-50%);
}
.comparison-product-name{
  font-size: clamp(15px,calc(15px + 1 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
  font-weight: 600;
  text-align: center;
}
.comparison-product-name + img{
  margin-top: clamp(8px,calc(8px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),10px);
}
.comparison-slide-detail{
  margin-top: 1em;
}
.product-info-title{
  padding: 1.25em 0;
  font-size: clamp(13px,calc(13px + 3 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid #DEDEDE;
}
.product-info-value{
  padding: 1.25em 0;
  font-size: clamp(13px,calc(13px + 3 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
  text-align: center;
  border-bottom: 1px solid #DEDEDE;
}
.modal{
  visibility: hidden;
  opacity : 0;
}
.modal.is-open{
  visibility: visible;
  opacity : 1;
}
.modal-bg{
  visibility: hidden;
  opacity : 0;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: .2s opacity ease;
}
.modal.is-open .modal-bg{
  visibility: visible;
  opacity : 1;
}
.modal-content-wrap{
  width: 100%;
  max-width: 800px;
  padding: 30px 0;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 11;
  overflow-y: auto;
}
.modal-close-btn{
  width: 28px;
  height: 28px;
  color: transparent;
  font-size: 1px;
  position: absolute;
  top: 0;
  right: 6px;
  border: none;
  background: none;
}
.modal-close-btn:after,
.modal-close-btn:before{
  content: "";
  width: 28px;
  height: 2px;
  display: block;
  background-color: #fff;
  border-radius: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform-origin: center;
}
.modal-close-btn:before{
  transform: rotate(45deg);
}
.modal-close-btn:after{
  transform: rotate(-45deg);
}
.modal-content{
  width: 100%;
  max-width: 800px;
  max-height: 80vh;
  padding: 50px 0;
  background-color: #fff;
  border-radius: 6px;
  position: relative;
}
.modal-content-inner{
  width: 100%;
  max-width: 522px;
  margin: 0 auto;
}
.modal-title-title{
  font-size: clamp(16px,calc(16px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),20px);
  text-align: center;
}
.modal-product-wrap{
  margin-top:clamp(28px,calc(28px + 12 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),40px);
}
.modal-product{
  display: flex;
  align-items: center;
  gap: clamp(24px,calc(24px + 16 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),40px);
}
.modal-product-image{
  width: 100%;
  max-width: 148px;
  position: relative;
}
.modal-product-name{
  font-size: clamp(13px,calc(13px + 3 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
}
.modal-product-price{
  margin-top: 0.5em;
  font-size: clamp(13px,calc(13px + 3 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
  font-weight: 500;
}
.modal-product-price small{
  margin-left: 0.25em;
  font-size: 0.66em;
  display: inline-block;
}
.modal-product-price.-default:has(+ .modal-product-price.-sale){
  color: #ddd;
  font-size: 12px;
  text-decoration: line-through;
}
.modal-product-price.-sale{
  margin-top: 0;
  color: #E60047;
}
.modal-more-btn-wrap{
  margin-top: clamp(8px,calc(8px + 16 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),24px);
}
.modal-more-btn{
  width: 240px;
  padding: 0.875em;
  color: var(--company-color);
  text-align: center;
  display: inline-block;
  border: 1px solid var(--company-color);
  border-radius: 24px;
}
.product-lists{
  display: flex;
}
.product-lists.-wrap{
  flex-wrap: wrap;
  gap: clamp(16px,calc(16px + 24 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),40px) clamp(10px,calc(10px + 38 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),48px);
}
.product-item{
  width: calc((100% - (clamp(10px,calc(10px + 38 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),48px)) * 3) / 4);
}
.product-card_icon{
  display: flex;
  gap: 0.5em;
}
.product-icon{
  color: var(--defult-color);
  font-size: 11px;
  font-weight: bold;
}
.product-icon.air{
  color: #08a6f8;
}
.product-icon.campaign{
  color: #CC0000;
}
.product-icon.cool{
  color: #3db7e4;
}
.product-icon.dry{
  color: #00b2a9;
}
.product-icon.final{
  color: #EA1B53;
}
.product-icon.hike{
  color: #5e5e5e;
}
.product-icon.keepwar2{
  color: #983222;
}
.product-icon.keepwarm{
  color: #983222;
}
.product-icon.kids{
  color: #00B971;
}
.product-icon.limit{
  color: #3d0c51;
}
.product-icon.media{
  color: #942aba;
}
.product-icon.mens{
  color: #007AB8;
}
.product-icon.snow{
  color: #5e5e5e;
}
.product-icon.unisex{
  color: #777777;
}
.product-icon.uv{
  color: #e37222;
}
.product-icon.waterpr2{
  color: #005a8b;
}
.product-icon.waterpro{
  color: #005a8b;
}
.product-icon.waterrep{
  color: #879637;
}
.product-icon.wide{
  color: #5e5e5e;
}
.product-icon.winrep{
  color: #622567;
}
.product-icon.womens{
  color: #ED005B;
}
.product-card_detail{
  margin-top: 16px;
}
.product-card_name{
  font-size: clamp(14px,calc(14px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
  font-weight: 600;
}
.product-card_price{
  margin-top: 12px;
  font-size: clamp(16px,calc(16px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),18px);
  font-weight: 600;
}
.product-card_price small{
  margin-left: 0.25em;
  font-size: 0.65em;
  font-weight: 500;
  display: inline-block;
}
.product-card_price.-default:has(+ .product-card_price.-sale){
  color: #ccc;
  font-size: clamp(14px,calc(14px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
  font-weight: 500;
  text-decoration: line-through;
}
.product-card_price.-default + .product-card_price.-sale{
  margin-top: 0;
}
.product-card_price.-sale{
  color: #E60047;
}

/*特集一覧*/
.feature-article-lists{
  margin-top: clamp(40px,calc(40px + 80 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),120px);
}
.article-lists-content{
  margin-top: 40px;
}
.article-lists{
  display: flex;
  gap: clamp(10px,calc(10px + 17 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),27px);
}
.article-item{
  width: calc((100% - (clamp(10px,calc(10px + 17 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),27px) * 3)) / 4);
}
.article-card{
  height: 100%;
  border: 1px solid #EEE;
}
.article-card_image{
  width: 100%;
}
.article-card_detail{
  padding: 1em 1.25em 1.75em;
}
.article-card_category{
  color: #A0A0A0;
  font-size: 12px;
}
.article-card_title{
  margin-top: 0.8em;
  font-size: 16px;
}
.feature-article-lists .btn-wrap{
  margin-top: 6em;
}
/*最新コラム*/
.latest-column{
  margin-top: clamp(40px,calc(40px + 80 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),120px);
}
.latest-column-lists{
  margin-top: 40px;
  display: flex;
  gap: clamp(10px,calc(10px + 5 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),15px) clamp(10px,calc(10px + 5 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),15px);
}
.latest-column-item{
  width: calc((100% - (clamp(10px,calc(10px + 5 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),15px) * 2)) / 3);
}
.latest-column-card{
  height: 100%;
  padding: clamp(14px,calc(14px + 6 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),15px) clamp(10px,calc(10px + 5 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),20px);
  border: 1px solid #EEE;
}
.latest-column-card_link{
  display: flex;
  align-items: flex-start;
  gap: clamp(14px,calc(14px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
}
.latest-column-card_image{
  max-width: 170px;
  aspect-ratio: 170 / 96;
  overflow: hidden;
}
.latest-column-card_image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.latest-column-card_title{
  font-size: 14px;
}
.product-lists-swiper{
  padding-bottom: 16px;
}
.revico{
  padding-top: clamp(40px,calc(40px + 80 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),120px);
  background-color: #fff;
}
.hacobune-goods{
  margin-top: clamp(40px,calc(40px + 80 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),120px);
}
#revico-review-zone{
  margin-top: clamp(32px,calc(32px + 8 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),40px);
}
.revico-star .revico-star-graph{
  background-color: #fff !important;
}
.revico-common-background-style{
  background-color: #fff !important;
}
.revico-multicomment-top .revico-multicomment-inner{
  max-width: unset !important;
}
.revico-comment-header-wrapper{
  justify-content: flex-end;
}
.revico-common-button-style{
  background-color: #000;
}
.revico-evaluation-graph,
.revico-comment-outer-head,
.revico-comment-outer-foot{
  display: none;
}
.revico-star .revico-star-graph-wrapper .revico-star-graph-list,
.revico-star .revico-star-graph-wrapper .revico-star-graph-label,
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--action-sns,
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--action-like{
  display: block !important;
}
.revico-star .revico-star-graph-wrapper{
  align-items: center;
  gap: 20px clamp(20px,calc(20px + 57 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),77px);
}
.revico-multicomment-top .revico-comment-main{
  display: flex;
  flex-wrap: wrap;
}
.revico-multicomment-top .revico-logo,
.revico-multicomment-top .revico-comment-header,
.revico-multicomment-top[data-layout-tag-name="goods-multicomment"] .revico-comment-footer{
  width: 100% !important;
}
.revico-multicomment-top .revico-review-comment-row-wrapper{
  width: calc((100% - clamp(20px,calc(20px + 57 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),77px)) / 3) !important;

}
.revico-multicomment-top .revico-review-comment-row-wrapper{
  border: 1px solid #EEEEEE !important;
  background-color: #F7F7F7 !important;
}
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row{
  width: 100% !important;
}
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition{
  flex-direction: column;
  gap: 20px;
}
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition > div{
  width: 100% !important;
}
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition .revico-review-comment-detail--addition-image .revico-picture-slide-box{
  margin-top: 15px;
}
.revico-multicomment-top .revico-comment-footer .revico-comment-footer--more button{
  max-width: 320px !important;
  font-size: 16px;
  color: #222222;
  background-color: #fff;
  border: 1px solid #000;
}
.revico-multicomment-top .revico-comment-footer .revico-comment-footer--more button span{
  left: 0 !important;
}
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--action{
  margin-top: auto !important;
  flex-wrap: wrap;
  gap: 12px 0;
}
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--action-sns{
  width: 100% !important;
  margin-right: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 0 20px;
}
.revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--action-sns img{
  margin-right: 0;
}
.revico-multicomment-top .revico-widget .revico-review-comment-row[data-pickup-review=true] .revico-review-comment-detail{
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width:768px){
  .pc_only{
    display: none;
  }
  .sp_only{
    display: block;
  }
  .block-event-page{
    padding: 0 16px;
  }
  .article-head_content{
    flex-direction: column;
  }
  .article-head_post{
    margin-top: 1em;
    justify-content: flex-end;
  }
  .table-title{
    display: block;
  }
  .table-detail{
    display: block;
  }
  .page-anchor{
    width: 100vw;
    margin: 7em calc(50% - 50vw) 0;
  }
  .product-slide-content{
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
  .article-heading_lv2-wrap{
    margin-top: 10em;
  }
  .button_more{
    bottom: 0.1em;
    right: 0.25em;
  }
  .product-slide-content .swiper-button-next, .product-slide-content .swiper-button-prev{
    width: 32px;
    height: 32px;
  }
  .product-slide-content .swiper-button-next{
    right: 4%;
  }
  .product-slide-content .swiper-button-prev{
    left: 4%;
  }
  .pick-product-card_image {
    width: 148px;
    flex-shrink: 0;
  }
  .note{
    width: calc(100% - 36px);
    margin-left: auto;
    margin-right: auto;
  }
  .caution{
    width: calc(100% - 36px);
    margin-left: auto;
    margin-right: auto;
  }
  .profile-card{
    flex-direction: column;
  }
  .profile-card_head{
    display: flex;
    flex-direction: column-reverse;
    gap: 1em;
  }
  .profile-card_head{
    max-width: 100%;
  }
  .profile-card_job + .profile-card_summary{
    margin-top: 0;
  }
  .profile-col2{
    flex-direction: column;
  }
  .profile-col2 .profile-card_head{
    flex-direction: row;
  }
  .profile-col2 .profile-card_image{
    max-width: 140px;
  }
  .comparison-slide .swiper-button-next, .comparison-slide .swiper-button-prev{
    width: 32px;
    height: 32px;
  }
  .product-info{
    width: 32px;
  }
  .comparison-slide{
    width: calc(100% - (32px + 28px));
  }
  .modal-content{
    width: 90%;
    margin: 0 auto;
    padding: 2.85em 1em;
  }
  .modal-product-image{
    max-width: 100px;
    flex-shrink: 0;
  }
  .modal-more-btn{
    width: 140px;
    padding: 0.57em 0.875em;
  }
  .modal-product + .modal-product{
    margin-top: 16px;
  }
  .modal-close-btn{
    right: 6%;
  }
  /*特集一覧*/
  .article-lists-content{
    padding: 0 16px;
  }
  .article-lists{
    flex-wrap: wrap;
  }
  .article-item{
    width: calc((100% - (clamp(10px,calc(10px + 17 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),27px))) / 2);
  }
  .feature-article-lists .btn-wrap{
    margin-top: 4em;
  }
  /*最新コラム*/
  .latest-column-lists-content{
    padding: 0 16px;
  }
  .latest-column-lists{
    flex-direction: column;
  }
  .latest-column-card{
    min-height: 126px;
  }
  .latest-column-item{
    width: 100%;
  }
  .product-item{
    width: calc((100% - (clamp(10px,calc(10px + 38 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),48px)) * 1) / 2);
  }
  .revico{
    background-color: #F5F5F5;
  }
  .revico-multicomment-top .revico-logo{
    margin-bottom: 15px !important;
    text-align: center !important;
    background-position: top -1px left 60% !important;
  }
  .revico-star .revico-star-graph{
  background-color: #F5F5F5 !important;
  }
  .revico-common-background-style{
    background-color: #F5F5F5 !important;
  }
  .revico-multicomment-top .revico-review-comment-row-wrapper{
    width: 100% !important;
  }
  .revico-multicomment-top .revico-review-comment-row-wrapper{
    background-color: #fff !important;
    border: none !important;
  }
}
body {
    --color-blue: #0085ca;
  }

  /* 看板画像をBack Officeで登録しない場合は削除 */
  .block-event-list--mv,
  .block-event-page--header-img {
    text-align: center;
  }

  .block-event-page--header-img {
    padding: 0;
  }

  /*------------------------------
  layout
  -------------------------------*/
  .l-main {
    font-feature-settings: "palt";
    line-height: 1.5;

    --default-gap-md: 15px;
    --default-gap-sm: 15px;

    --color-gray: #ede9e6;
  }

  [data-browse-mode="P"] .l-main {
    font-size: 16px;
  }

  [data-browse-mode="S"] .l-main {
    font-size: 14px;
  }

  .l-main img {
    vertical-align: bottom;
  }

  .l-container {
    margin-left: auto;
    margin-right: auto;
  }

  [data-browse-mode="P"] .l-container {
    max-width: 930px;
  }

  [data-browse-mode="S"] .l-container {
    padding-left: 16px;
    padding-right: 16px;
    max-width: 750px;
  }

  /*------------------------------
  component
  -------------------------------*/
  /*----- arrow -----*/
  [data-browse-mode="P"] .c-arrow {
    width: 120px;
  }

  [data-browse-mode="S"] .c-arrow {
    width: 48px;
  }

  [data-browse-mode="P"] .c-arrow.-small {
    clip-path: polygon(0 calc(100% - 32px), 8px calc(100% - 32px), 8px 32px, 0 32px, 50% 0, 100% 32px, calc(100% - 8px) 32px, calc(100% - 8px) calc(100% - 32px), 100% calc(100% - 32px), 50% 100%);
    width: 48px;
  }

  [data-browse-mode="S"] .c-arrow.-small {
    clip-path: polygon(0 calc(100% - 24px), 8px calc(100% - 24px), 8px 24px, 0 24px, 50% 0, 100% 24px, calc(100% - 8px) 24px, calc(100% - 8px) calc(100% - 24px), 100% calc(100% - 24px), 50% 100%);
    width: 24px;
  }

  [data-browse-mode="P"] .c-arrow.-down {
    clip-path: polygon(0 calc(100% - 32px), 32px calc(100% - 32px), 32px 0, calc(100% - 32px) 0, calc(100% - 32px) calc(100% - 32px), 100% calc(100% - 32px), 50% 100%);
  }

  [data-browse-mode="S"] .c-arrow.-down {
    clip-path: polygon(0 calc(100% - 24px), 16px calc(100% - 24px), 16px 0, calc(100% - 16px) 0, calc(100% - 16px) calc(100% - 24px), 100% calc(100% - 24px), 50% 100%);
  }

  [data-browse-mode="P"] .c-arrow.-small.-down {
    clip-path: polygon(0 calc(100% - 32px), 8px calc(100% - 32px), 8px 0, calc(100% - 8px) 0, calc(100% - 8px) calc(100% - 32px), 100% calc(100% - 32px), 50% 100%);
  }

  [data-browse-mode="S"] .c-arrow.-small.-down {
    clip-path: polygon(0 calc(100% - 24px), 8px calc(100% - 24px), 8px 0, calc(100% - 8px) 0, calc(100% - 8px) calc(100% - 24px), 100% calc(100% - 24px), 50% 100%);
  }

  .c-arrow.-blue {
    background-color: var(--color-blue);
  }

  .c-arrow.-gray {
    background-color: var(--color-gray);
  }

  /*----- flex -----*/
  .c-flex {
    display: flex;
    flex-wrap: wrap;
  }

  .c-flex.-justify-center {
    justify-content: center;
  }

  .c-flex.-align-items-center {
    align-items: center;
  }

  .c-flex.-flex-column {
    flex-direction: column;
  }

  [data-browse-mode="P"] .c-flex[class*="-col-md-"] {
    gap: var(--default-gap-md);
  }

  [data-browse-mode="S"] .c-flex[class*="-col-sm-"] {
    gap: var(--default-gap-sm);
  }

  [data-browse-mode="P"] .c-flex.-col-md-3>* {
    width: calc((100% - var(--default-gap-md)*2) / 3);
  }

  [data-browse-mode="S"] .c-flex.-col-sm-2>* {
    width: calc((100% - var(--default-gap-sm)) / 2);
  }

  /*----- link -----*/
  .c-link[class*="-text"] {
    color: var(--color-blue);
  }

  .c-link.-text-underline {
    text-decoration: underline;
  }

  @media (hover: hover) {
    .c-link.-text:hover {
      text-decoration: underline;
    }

    .c-link.-text-underline:hover {
      text-decoration: none;
    }
  }

  /*----- list -----*/
  .c-list {
    list-style-type: none;
  }

  .c-list[class*="-bullet-symbol-"]>li {
    position: relative;
    padding-left: 1em;
  }

  .c-list[class*="-bullet-symbol-"]>li::before {
    left: 0;
    position: absolute;
    top: 0;
  }

  .c-list.-bullet-symbol-asterisk>li::before {
    content: "\203B";
  }

  .c-list.-bullet-symbol-dot>li::before {
    content: "\30FB";
  }

  /*----- title -----*/
  .c-title {
    margin: 0;
    padding: 0;
  }

  .c-title.-primary {
    font-weight: bold;
    text-align: center;
  }

  [data-browse-mode="P"] .c-title.-primary {
    font-size: 32px;
  }

  [data-browse-mode="S"] .c-title.-primary {
    font-size: 24px;
  }

  /*------------------------------
  project
  -------------------------------*/
  /*----- flow -----*/
  .p-flow {
    display: flex;
    flex-wrap: wrap;
  }

  .p-flow__item {
    align-items: center;
    background-color: var(--color-gray);
    color: var(--color-blue);
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
  }

  [data-browse-mode="P"] .p-flow__item {
    font-size: 24px;
    min-height: 56px;
    padding: 8px;
  }

  [data-browse-mode="S"] .p-flow__item {
    font-size: 16px;
    min-height: 48px;
    padding: 8px;
  }

  .p-flow__arrow {
    align-items: center;
    display: flex;
    flex-shrink: 1;
    min-height: 48px;
    position: relative;
    width: 100%;
  }

  .p-flow__arrowCont {
    padding-bottom: 16px;
    padding-top: 16px;
  }

  .p-flow__arrow .c-arrow {
    flex-shrink: 0;
    height: 100%;

  }

  .p-flow__arrow .c-text {
    position: relative;
    z-index: 1;
  }

  .p-flow__wrap.-left,
  .p-flow__wrap.-right {
    width: 46%;
  }

  .p-flow__wrap.-left {
    display: flex;
    flex-direction: column;
  }

  .p-flow__wrap.-right {
    margin-left: 8%;
  }

  .p-flow__wrap.-right>.p-flow__arrow {
    height: 100%;
  }

  .p-flow__wrap.-right>.p-flow__arrow .c-text:first-child {
    color: var(--color-blue);
  }

  [data-browse-mode="P"] .p-flow__wrap.-right>.p-flow__arrow .c-text:first-child {
    font-size: 32px;
  }

  .p-flow__wrap.-has-button {
    align-items: center;
    display: flex;
    width: 100%;
  }

  [data-browse-mode="P"] .p-flow__wrap.-has-button>.p-flow__item {
    width: calc(100% - 224px);
  }

  [data-browse-mode="S"] .p-flow__wrap.-has-button>.p-flow__item {
    width: calc(100% - 128px);
  }

  [data-browse-mode="P"] .p-flow__button {
    width: 200px;
  }

  [data-browse-mode="S"] .p-flow__button {
    width: 120px;
  }

  [data-browse-mode="P"] .p-flow__button {
    font-size: 24px;
    margin-left: 24px;
  }

  [data-browse-mode="S"] .p-flow__button {
    font-size: 16px;
    margin-left: 8px;
  }

  .p-flow__button button[type="button"] {
    align-items: center;
    background-color: var(--color-blue);
    border: none;
    border-radius: 0;
    color: white;
    cursor: pointer;
    display: inline-flex;
    position: relative;
    text-align: left;
    width: 100%;
  }

  @media (hover:hover) {
    .p-flow__button button[type="button"] {
      transition: opacity .3s;
    }

    .p-flow__button button[type="button"]:hover {
      opacity: .7;
    }
  }

  [data-browse-mode="P"] .p-flow__button button[type="button"] {
    min-height: 56px;
    padding: 8px 24px 8px 32px;
  }

  [data-browse-mode="S"] .p-flow__button button[type="button"] {
    min-height: 48px;
    padding: 8px 24px 8px 16px;
  }

  .p-flow__button button[type="button"]::after {
    aspect-ratio: 8/7;
    background-color: white;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  [data-browse-mode="P"] .p-flow__button button[type="button"]::after {
    right: 24px;
    width: 16px;
  }

  [data-browse-mode="S"] .p-flow__button button[type="button"]::after {
    right: 16px;
    width: 12px;
  }

  /*----- modal -----*/
  .p-modal.remodal {
    padding: 0 0 32px;
  }

  .p-modal__head {
    background-color: black;
    color: white;
    position: relative;
    text-align: center;
  }

  .p-modal__head {
    padding: 8px 0;
  }

  .p-modal__head .c-text {
    font-weight: bold;
  }

  [data-browse-mode="P"] .p-modal__head .c-text {
    font-size: 24px;
  }

  [data-browse-mode="S"] .p-modal__head .c-text {
    font-size: 16px;
  }

  .p-modal__head .remodal-close {
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .p-modal__body {
    text-align: left;
  }

  [data-browse-mode="P"] .p-modal__body {
    font-size: 16px;
    padding: 32px 32px 0;
  }

  [data-browse-mode="S"] .p-modal__body {
    font-size: 14px;
    padding: 16px 16px 0;
  }

  [data-browse-mode="P"] .p-modal__flow>li {
    margin-top: 24px;
  }

  [data-browse-mode="S"] .p-modal__flow>li {
    margin-top: 16px;
  }

  [data-browse-mode="P"] .p-modal__mypage-icon {
    width: 56px;
  }

  [data-browse-mode="S"] .p-modal__mypage-icon {
    width: 32px;
  }

  [data-browse-mode="P"] .p-modal__flow .c-arrow.-down {
    margin: 24px auto 0;
    height: 64px;
  }

  [data-browse-mode="S"] .p-modal__flow .c-arrow.-down {
    margin: 16px auto 0;
    height: 48px;
  }

  [data-browse-mode="P"] .p-modal__flow .c-text+.c-image {
    margin-top: 16px;
  }

  [data-browse-mode="S"] .p-modal__flow .c-text+.c-image {
    margin-top: 16px;
  }

  /*----- square -----*/
  .p-square {
    aspect-ratio: 1 / 1;
    background-color: var(--color-gray);
    text-align: center;
  }

  .p-square__head,
  .p-square__body {
    display: flex;
    justify-content: center;
  }

  .p-square__head {
    align-items: center;
    color: var(--color-blue);
    height: 65%;
    padding-top: 5%;
  }

  [data-browse-mode="P"] .p-square__head {
    font-size: 28px;
  }

  [data-browse-mode="S"] .p-square__head {
    font-size: 16px;
  }

  .p-square__body {
    letter-spacing: -.02em;
  }

  [data-browse-mode="P"] .p-square__body {
    font-size: 18px;
  }

  [data-browse-mode="S"] .p-square__body {
    font-size: 12px;
  }

  /*----- square-list -----*/
  [data-browse-mode="S"] .p-square-list>li {
    max-width: 200px;
  }

  /*----- summary -----*/
  .p-summary>dt {
    font-weight: bold;
  }

  .p-summary>dd+dt {
    margin-top: 1em;
  }

  /*------------------------------
  utility
  -------------------------------*/
  /*----- background -----*/
  .u-bg-yellow {
    background-color: yellow;
  }

  /*----- display -----*/
  [data-browse-mode="P"] .u-d-md-none,
  [data-browse-mode="S"] .u-d-sm-none {
    display: none;
  }

  /*----- font-size -----*/
  [data-browse-mode="S"] .u-fs-sm-10 {
    font-size: 10px;
  }

  [data-browse-mode="P"] .u-fs-md-12 {
    font-size: 12px;
  }

  [data-browse-mode="P"] .u-fs-md-20 {
    font-size: 20px;
  }

  /*----- font-weight -----*/
  .u-fw-bold {
    font-weight: bold;
  }

  /*----- margin -----*/
  .u-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .u-ml-sm-n2em {
    margin-left: -2em;
  }

  [data-browse-mode="S"] .u-mt-sm-4 {
    margin-top: 4px;
  }

  [data-browse-mode="P"] .u-mt-md-8,
  [data-browse-mode="S"] .u-mt-sm-8 {
    margin-top: 8px;
  }

  [data-browse-mode="P"] .u-mt-md-16,
  [data-browse-mode="S"] .u-mt-sm-16 {
    margin-top: 16px;
  }

  [data-browse-mode="P"] .u-mt-md-24,
  [data-browse-mode="S"] .u-mt-sm-24 {
    margin-top: 24px;
  }

  [data-browse-mode="P"] .u-mt-md-40 {
    margin-top: 40px;
  }

  [data-browse-mode="S"] .u-mt-sm-64 {
    margin-top: 64px;
  }

  [data-browse-mode="P"] .u-mt-md-120 {
    margin-top: 120px;
  }

  /*----- padding -----*/
  [data-browse-mode="P"] .u-pl-md-16 {
    padding-left: 16px;
  }

  [data-browse-mode="P"] .u-pl-md-32 {
    padding-left: 32px;
  }

  /*----- text-align -----*/
  .u-text-center,
  [data-browse-mode="P"] .u-text-md-center {
    text-align: center;
  }

  /*----- white-space -----*/
  .u-text-nowrap {
    white-space: nowrap;
  }