@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
.block-event-page--goods.goodslistpage-frame {
  display: none;
}

.block-event-page {
  margin-top: 0;
}

#comfort {
  font-family: Arial, Helvetica, "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 640px) {
  #comfort {
    overflow: hidden;
  }
}
#comfort a {
  color: inherit;
}

#comfort h2 {
  margin: 0;
}

@media screen and (min-width: 641px) {
  #comfort a:hover {
    text-decoration: none;
    color: #00ABFF;
  }
}
.pane-globalnav + .pane-contents {
  margin-top: -24px;
  padding-top: 0;
}

.pane-contents > .container {
  width: auto;
}

.pane-right-menu {
  max-width: 1200px;
  margin: 0 auto;
}

.pane-contents .pane-main {
  color: #231815;
  background-color: #f6f4ee;
  padding-bottom: 40px;
}

/*******************************
Default Mixin
*******************************/
/*----------------------
Clearfix
----------------------*/
/*----------------------
Opacity
----------------------*/
/*----------------------
天地中央
----------------------*/
/*----------------------
box-shadow
----------------------*/
/*----------------------
aタグマウスオーバーデフォルトアクションの打ち消し
----------------------*/
/*----------------------
マウスオーバーでふわっと色が反転するボタン
margin,font-size,padding-topは適宜調整
----------------------*/
/*******************************
Customized Mixin
*******************************/
/*******************************
Default Mixin
*******************************/
/*----------------------
フォントサイズ「rem」の使用
----------------------*/
/*******************************
Customized Mixin
*******************************/
#comfort {
  background-color: #fff;
}

#comfort br.sp {
  display: none;
}

@media screen and (max-width: 640px) {
  #comfort br.sp {
    display: inline-block;
  }
}
#comfort br.pc {
  display: inline-block;
}

@media screen and (max-width: 640px) {
  #comfort br.pc {
    display: none;
  }
}
#comfort img {
  max-width: 100%;
  height: auto;
}

#comfort.main {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  max-width: 2000px;
  width: 100%;
  background-image: url(../../img/usr/event/r30t80/main_bg.jpg);
  margin-top: 0px;
  padding-bottom: 0px;
}

#comfort.main * {
  font-weight: 500;
  color: #87552f;
}

#comfort.main h1 {
  margin: 0;
}

#comfort.main .wrapper2 {
  max-width: 1000px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

#comfort section {
  padding-top: 70px;
}

@media screen and (max-width: 640px) {
  #comfort section {
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 40px;
  }
}
#comfort .page-nav__bg {
  box-sizing: border-box;
  max-width: 100%;
  width: 1172px;
  height: 878px;
  background-image: url(../../img/usr/event/r30t80/nav_bg.png);
  background-repeat: no-repeat;
  background-position: top center;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  transform: scale(0.9);
}

@media screen and (max-width: 1172px) {
  #comfort .page-nav__bg {
    height: auto;
    padding-top: 74.914%;
    background-size: contain;
  }
}
@media screen and (max-width: 640px) {
  #comfort .page-nav__bg {
    flex-flow: column;
    align-items: flex-start;
    background-image: url(../../img/usr/event/r30t80/nav_bg_sp.png);
    padding-top: 386.4063%;
    transform: scale(1);
  }
}
#comfort .page-nav__list {
  width: 915px;
  max-width: 91%;
  display: flex;
  justify-content: center;
  position: absolute;
  top: 31.5%;
  left: 48%;
  transform: translateX(-50%);
}

@media screen and (max-width: 1172px) {
  #comfort .page-nav__list {
    width: 78%;
  }
}
@media screen and (max-width: 640px) {
  #comfort .page-nav__list {
    width: 80%;
    flex-flow: column;
    top: 14.5%;
    left: 49%;
  }
}
#comfort .page-nav__list li {
  box-sizing: border-box;
  margin: 0 1%;
  position: relative;
}

@media screen and (max-width: 1172px) {
  #comfort .page-nav__list li {
    width: 31%;
  }
}
@media screen and (max-width: 640px) {
  #comfort .page-nav__list li {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
  #comfort .page-nav__list li img {
    width: auto;
  }
}
#comfort .page-nav__list li:last-of-type::before {
  content: "";
  display: block;
  background-image: url(../../img/usr/event/r30t80/nav_button01_fig.png);
  width: 128px;
  height: 110px;
  position: absolute;
  top: -95px;
  right: -5px;
}

@media screen and (max-width: 640px) {
  #comfort .page-nav__list li:last-of-type::before {
    display: none;
  }
}
#comfort .mainimg-text-box {
  background-image: url(../../img/usr/event/r30t80/mainimg_text_box_bg.png);
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 74px;
}

@media screen and (max-width: 640px) {
  #comfort .mainimg-text-box {
    background-position: bottom 40px center;
    padding-top: 50px;
  }
}
#comfort .mainimg-text-box .main-text {
  font-size: 23px;
  text-align: center;
  line-height: 1.8;
  font-weight: bold;
  margin-bottom: 30px;
  position: relative;
}

@media screen and (max-width: 640px) {
  #comfort .mainimg-text-box .main-text {
    font-size: 16px;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
  }
}
#comfort .mainimg-text-box .main-text::before {
  content: "";
  background-image: url(../../img/usr/event/r30t80/mainimg-text-box-l.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 96px;
  height: 112px;
  position: absolute;
  left: 4px;
  top: 202px;
}

@media screen and (max-width: 1000px) {
  #comfort .mainimg-text-box .main-text::before {
    content: none;
  }
}
#comfort .mainimg-text-box .main-text::after {
  content: "";
  background-image: url(../../img/usr/event/r30t80/mainimg-text-box-r.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 98px;
  height: 110px;
  position: absolute;
  top: 195px;
  right: 44px;
}

@media screen and (max-width: 1000px) {
  #comfort .mainimg-text-box .main-text::after {
    content: none;
  }
}
#comfort .mainimg-text-box .main-text span {
  color: #c2568c;
  font-weight: bold;
}

#comfort .mainimg-text-box .main-nav {
  display: flex;
  justify-content: space-between;
  max-width: 630px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 640px) {
  #comfort .mainimg-text-box .main-nav {
    justify-content: space-around;
    margin-bottom: 20px;
  }
  #comfort .mainimg-text-box .main-nav li {
    width: 27%;
  }
}
#comfort .item-box {
  background-color: #fff;
  box-shadow: 0px 0px 14px -1px rgba(0, 0, 0, 0.09);
  position: relative;
  z-index: 10;
}

#comfort .item-box .item-box-inner {
  padding: 70px 42px 47px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-box-inner {
    padding: 55px 25px 10px;
  }
}
#comfort .item-box .sec-title {
  display: block;
  position: relative;
}

#comfort .item-box .sec-title:before {
  content: "";
  display: inline-block;
  background-image: url(../../img/usr/event/r30t80/sec_figure_r.png);
  position: absolute;
  width: 319px;
  height: 112px;
  top: -45px;
  right: -30px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .sec-title:before {
    width: 44%;
    height: 88%;
    background-size: contain;
    background-repeat: no-repeat;
    top: -36%;
  }
}
#comfort .item-box .sec-title:after {
  content: "";
  display: inline-block;
  background-image: url(../../img/usr/event/r30t80/sec_figure_l.png);
  position: absolute;
  width: 319px;
  height: 111px;
  bottom: -20px;
  left: -30px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .sec-title:after {
    width: 36%;
    height: 84%;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: -27%;
    left: -9px;
  }
}
#comfort .item-box .product-list-title {
  padding-top: 30px;
  text-align: center;
}

#comfort .item-box .item-col1-01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 20px;
  margin-bottom: 55px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col1-01 {
    flex-direction: column;
    width: 100%;
  }
}
#comfort .item-box .item-col1-01-image {
  width: 48%;
  position: relative;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col1-01-image {
    width: 100%;
    padding-bottom: 20px;
    max-width: 430px;
    margin-left: auto;
    margin-right: auto;
  }
}
#comfort .item-box .item-col1-01-image .notes {
  position: absolute;
  top: -25px;
  left: -30px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col1-01-image .notes {
    top: -6%;
    left: -8%;
    width: 35%;
    transform: scale(0.7);
  }
}
#comfort .item-box .item-col1-01-detail {
  width: 48%;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col1-01-detail {
    width: 100%;
  }
}
#comfort .item-box .item-col1-01-product-image {
  max-width: 100%;
  margin-bottom: 23px;
  text-align: center;
}

#comfort .item-box .item-col1-01-product-image img {
  max-width: 100%;
}

#comfort .item-box .item-col1-01-product-btn {
  margin-bottom: 15px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col1-01-product-btn {
    text-align: center;
  }
}
#comfort .item-box .item-col2-01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#comfort .item-box .item-col2-01-detail {
  width: 48%;
  margin-bottom: 40px;
}

#comfort .item-box .item-col2-01-detail.center {
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-01-detail {
    width: 100%;
  }
}
#comfort .item-box .item-col2-01 .product-title {
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-01 .product-title {
    margin-bottom: 15px;
  }
}
#comfort .item-box .item-col2-01 .product-text {
  padding-bottom: 15px;
  margin-bottom: 22px;
}

#comfort .item-box .item-col2-01 .product-text.lh4 {
  min-height: 136px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-01 .product-text {
    min-height: auto;
    height: auto;
  }
}
#comfort .item-box .item-col2-01 .product-btn-box a {
  margin-bottom: 0px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-01 .product-btn-box a {
    transform: scale(0.8);
  }
}
#comfort .item-box .item-col2-01-wide {
  width: 100%;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-01-wide .product-image .notes {
    top: 3px;
  }
}
#comfort .item-box .item-col2-01-wide .product-text-box .product-title-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#comfort .item-box .item-col2-01-wide .product-text-box .product-title-box .product-title {
  width: 48%;
  margin-bottom: 17px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-01-wide .product-text-box .product-title-box .product-title {
    width: 100%;
  }
}
#comfort .item-box .item-col2-01-wide .product-text-box .product-text-box-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#comfort .item-box .item-col2-01-wide .product-text-box .product-text-box-inner .text-box {
  width: 48%;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-01-wide .product-text-box .product-text-box-inner .text-box {
    width: 100%;
  }
}
#comfort .item-box .item-col2-01-wide .product-text-box .product-text-box-inner .text-box .product-text {
  min-height: auto;
  padding-bottom: 35px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-01-wide .product-text-box .product-text-box-inner .text-box .product-text {
    padding-bottom: 17px;
  }
}
#comfort .item-box .item-col2-01-wide .product-text-box .product-text-box-inner .product-btn-box {
  width: 48%;
  margin-bottom: 0px;
  margin-top: auto;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-01-wide .product-text-box .product-text-box-inner .product-btn-box {
    width: 100%;
  }
}
#comfort .item-box .item-col2-01-wide .product-text-box .product-text-box-inner .product-btn-box li {
  margin-top: 15px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-01-wide .product-text-box .product-text-box-inner .product-btn-box li {
    margin-top: 3px;
  }
}
#comfort .item-box .item-col2-02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-02 {
    flex-direction: column;
  }
}
#comfort .item-box .item-col2-02-detail {
  width: 47%;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}

#comfort .item-box .item-col2-02-detail:first-child .image {
  padding-left: 45px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-02-detail:first-child .image {
    padding-left: 0px;
  }
}
#comfort .item-box .item-col2-02-detail:nth-child(6) .image {
  padding-left: 45px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-02-detail:nth-child(6) .image {
    padding-left: 0px;
  }
}
@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-02-detail {
    width: 100%;
  }
}
#comfort .item-box .item-col2-02-detail .number {
  display: block;
  text-align: center;
  margin-bottom: 15px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-02-detail .number {
    transform: scale(0.9);
  }
}
#comfort .item-box .item-col2-02-detail .title {
  font-size: 26px;
  padding-bottom: 10px;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-02-detail .title {
    font-size: 20px;
  }
}
#comfort .item-box .item-col2-02-detail .image {
  min-height: 315px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#comfort .item-box .item-col2-02-detail .image.min-height {
  min-height: 240px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-02-detail .image.min-height {
    min-height: auto;
  }
}
@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-02-detail .image {
    min-height: auto;
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
#comfort .item-box .item-col2-02-detail .text {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 5px;
  line-height: 1.7;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .item-col2-02-detail .text {
    font-size: 15px;
  }
}
#comfort .item-box .product-title {
  font-size: 23px;
  padding-left: 9px;
  border-left: 5px solid #cc72a3;
  margin-bottom: 11px;
  line-height: 1.4;
  letter-spacing: -0.05em;
  font-weight: bold;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .product-title {
    font-size: 18px;
  }
}
#comfort .item-box .product-title span {
  font-size: 19px;
  font-weight: bold;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .product-title span {
    font-size: 15px;
  }
}
#comfort .item-box .product-title.wide {
  width: 440px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .product-title.wide {
    width: 100%;
  }
}
#comfort .item-box .product-text {
  font-size: 17px;
  margin-bottom: 18px;
  line-height: 1.8;
  font-weight: 500;
}

#comfort .item-box .product-text.min-h {
  min-height: 120px;
  min-height: 138px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .product-text.min-h {
    min-height: auto;
  }
}
#comfort .item-box .product-text.min-h-m {
  min-height: 155px;
  min-height: 169px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .product-text.min-h-m {
    min-height: auto;
  }
}
@media screen and (max-width: 640px) {
  #comfort .item-box .product-text {
    font-size: 15px;
    min-height: auto;
  }
}
#comfort .item-box .product-image {
  margin-bottom: 30px;
  position: relative;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .product-image {
    margin-bottom: 20px;
    max-width: 430px;
    margin-left: auto;
    margin-right: auto;
  }
}
#comfort .item-box .product-image .notes {
  position: absolute;
  left: -10px;
  top: 25px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .product-image .notes {
    transform: scale(0.7);
    left: -33px;
    top: 15px;
  }
}
#comfort .item-box .product-color-title {
  font-size: 16px;
  padding-bottom: 10px;
  font-weight: bold;
}

#comfort .item-box .product-color-image {
  margin-bottom: 25px;
}

#comfort .item-box .product-btn-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .product-btn-box {
    flex-direction: column;
  }
}
#comfort .item-box .product-btn-box a {
  display: block;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .product-btn-box a {
    text-align: center;
    margin-bottom: 10px;
  }
}
#comfort .item-box .product-btn-box.btn-3item {
  padding-top: 7px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .product-btn-box.btn-3item li {
    display: flex;
    justify-content: center;
  }
}
#comfort .item-box .product-btn-box.btn-3item li:last-child {
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 10px;
}

@media screen and (max-width: 640px) {
  #comfort .item-box .product-btn-box.btn-3item li:last-child {
    margin-top: 0px;
  }
}
#comfort .item-box .border-dashed {
  border-bottom: 1px dashed #87552f;
}

#comfort .item-box .border-solid {
  border-bottom: 1px solid #87552f;
}

#comfort .popular {
  position: relative;
  margin-bottom: 65px;
  z-index: 0;
}

@media screen and (max-width: 640px) {
  #comfort .popular {
    margin-bottom: 40px;
  }
}
#comfort .popular:after {
  content: "";
  background-image: url(../../img/usr/event/r30t80/bg_after01.jpg);
  background-position: bottom center;
  display: block;
  width: 100%;
  height: 105px;
  position: absolute;
  bottom: -65px;
  z-index: 1;
}

#comfort .popular .item-box {
  position: relative;
}

#comfort .popular .item-box::before {
  content: "";
  background-image: url(../../img/usr/event/r30t80/popular_figure_img_l.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 140px;
  height: 1094px;
  position: absolute;
  top: 770px;
  left: -205px;
}

@media screen and (max-width: 1350px) {
  #comfort .popular .item-box::before {
    content: none;
  }
}
#comfort .popular .item-box::after {
  content: "";
  background-image: url(../../img/usr/event/r30t80/popular_figure_img_r.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 129px;
  height: 1015px;
  position: absolute;
  top: 270px;
  right: -175px;
}

@media screen and (max-width: 1350px) {
  #comfort .popular .item-box::after {
    content: none;
  }
}
#comfort .popular .item-col2-01-detail:first-child .product-title {
  border-left: 5px solid #d16279;
}

#comfort .popular .item-col2-01-detail:nth-child(2) .product-title {
  border-left: 5px solid #d0973c;
}

#comfort .popular .item-col2-01 .product-image {
  margin-bottom: 30px;
  position: relative;
}

#comfort .popular .item-col2-01 .product-image .notes {
  position: absolute;
  left: -30px;
  top: -30px;
}

@media screen and (max-width: 640px) {
  #comfort .popular .item-col2-01 .product-image .notes {
    top: -6%;
    left: -8%;
    width: 35%;
  }
}
#comfort .point {
  background-image: url(../../img/usr/event/r30t80/bg_02.jpg);
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 640px) {
  #comfort .point {
    margin-bottom: 40px;
  }
}
#comfort .point:after {
  content: "";
  background-image: url(../../img/usr/event/r30t80/bg_after02.jpg);
  background-position: bottom center;
  display: block;
  width: 100%;
  height: 106px;
}

@media screen and (max-width: 640px) {
  #comfort .point:after {
    content: none;
  }
}
#comfort .point .item-box::before {
  content: "";
  background-image: url(../../img/usr/event/r30t80/point_figure_img_l.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 112px;
  height: 1385px;
  position: absolute;
  top: 650px;
  left: -200px;
}

@media screen and (max-width: 1350px) {
  #comfort .point .item-box::before {
    content: none;
  }
}
#comfort .point .item-box::after {
  content: "";
  background-image: url(../../img/usr/event/r30t80/point_figure_img_r.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 119px;
  height: 2281px;
  position: absolute;
  top: 290px;
  right: -185px;
}

@media screen and (max-width: 1350px) {
  #comfort .point .item-box::after {
    content: none;
  }
}
#comfort .product {
  background-image: url(../../img/usr/event/r30t80/bg_03.jpg);
  position: relative;
  margin-bottom: 70px;
  z-index: 0;
}

@media screen and (max-width: 640px) {
  #comfort .product {
    margin-bottom: 40px;
  }
}
#comfort .product:after {
  content: "";
  background-image: url(../../img/usr/event/r30t80/bg_after03.jpg);
  background-position: bottom center;
  display: block;
  width: 100%;
  height: 106px;
  position: absolute;
  bottom: -80px;
  z-index: 1;
}

@media screen and (max-width: 640px) {
  #comfort .product:after {
    content: none;
  }
}
#comfort .product .item-box::before {
  content: "";
  background-image: url(../../img/usr/event/r30t80/all_figure_img_l.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 148px;
  height: 8298px;
  position: absolute;
  top: 520px;
  left: -220px;
}

@media screen and (max-width: 1350px) {
  #comfort .product .item-box::before {
    content: none;
  }
}
#comfort .product .item-box::after {
  content: "";
  background-image: url(../../img/usr/event/r30t80/all_figure_img_r.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 192px;
  height: 7502px;
  position: absolute;
  top: 815px;
  right: -236px;
}

@media screen and (max-width: 1350px) {
  #comfort .product .item-box::after {
    content: none;
  }
}
#comfort .product .item-box-inner {
  padding-top: 40px;
}

@media screen and (max-width: 640px) {
  #comfort .product .item-box-inner {
    padding-top: 20px;
  }
}
#comfort .product .all-season .product-title {
  border-left: 5px solid #85b61d;
}

#comfort .product .season {
  background-color: #ffe7d5;
}

#comfort .product .season .product-title {
  border-left: 5px solid #fc863f;
}

#comfort .product .summer .product-title {
  border-left: 5px solid #21aad2;
}

#comfort .rehabilitation {
  background-image: url(../../img/usr/event/r30t80/bg_02.jpg);
  position: relative;
  z-index: 0;
}

@media screen and (max-width: 640px) {
  #comfort .rehabilitation {
    padding-bottom: 45px;
  }
}
#comfort .rehabilitation .item-box::before {
  content: "";
  background-image: url(../../img/usr/event/r30t80/rehabilitation_figure_img_l.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 107px;
  height: 150px;
  position: absolute;
  top: 945px;
  left: -200px;
}

@media screen and (max-width: 1350px) {
  #comfort .rehabilitation .item-box::before {
    content: none;
  }
}
#comfort .rehabilitation .item-box::after {
  content: "";
  background-image: url(../../img/usr/event/r30t80/rehabilitation_figure_img_r.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 98px;
  height: 131px;
  position: absolute;
  top: 200px;
  right: -185px;
}

@media screen and (max-width: 1350px) {
  #comfort .rehabilitation .item-box::after {
    content: none;
  }
}
#comfort .rehabilitation .item-box .product-title {
  border-left: 5px solid #7aa193;
}

#comfort .rehabilitation .rehabilitation-text {
  font-size: 23px;
  text-align: center;
  padding-top: 30px;
  font-weight: bold;
  line-height: 1.7;
}

@media screen and (max-width: 640px) {
  #comfort .rehabilitation .rehabilitation-text {
    font-size: 16px;
    padding-right: 15px;
    padding-left: 15px;
    text-align: left;
  }
}
#comfort .rehabilitation .item-box-inner {
  padding-top: 40px;
  padding-bottom: 15px;
}

#comfort .hot-item-title {
  text-align: center;
  margin-bottom: 25px;
}

#comfort .yonexbak {
  background-color: #f6f6f6;
}

#comfort .yonex-title {
  text-align: center;
  margin-bottom: 40px;
}

#comfort .yawaragi {
  background-image: url(../../img/usr/event/r30t80/bg_04.jpg);
  padding-top: 200px;
  padding-bottom: 150px;
  position: relative;
  z-index: 0;
}

#comfort .yawaragi::after {
  content: "";
  display: block;
  width: 100%;
  height: 105px;
  background-image: url(../../img/usr/event/r30t80/bg_after04.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 640px) {
  #comfort .yawaragi::after {
    content: none;
  }
}
@media screen and (max-width: 640px) {
  #comfort .yawaragi {
    padding-top: 45px;
    padding-bottom: 45px;
  }
}
#comfort .yawaragi .sec-title::before {
  background-image: url(../../img/usr/event/r30t80/sec-yawaragi_figure_r.png);
  width: 243px;
  height: 239px;
  top: -50px;
  right: 20px;
}

@media screen and (max-width: 640px) {
  #comfort .yawaragi .sec-title::before {
    width: 22%;
    top: -10%;
    right: 2%;
  }
}
#comfort .yawaragi .sec-title::after {
  background-image: url(../../img/usr/event/r30t80/sec-yawaragi_figure_l.png);
  width: 319px;
  height: 231px;
  top: -45px;
  right: 0;
}

@media screen and (max-width: 640px) {
  #comfort .yawaragi .sec-title::after {
    top: -10%;
    right: 0;
    width: 30%;
  }
}
#comfort .yawaragi .item-box::before {
  content: "";
  background-image: url(../../img/usr/event/r30t80/yawaragi_figure_img_l.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 112px;
  height: 1385px;
  position: absolute;
  top: 800px;
  left: -200px;
}

@media screen and (max-width: 1350px) {
  #comfort .yawaragi .item-box::before {
    content: none;
  }
}
#comfort .yawaragi .item-box::after {
  content: "";
  background-image: url(../../img/usr/event/r30t80/yawaragi_figure_img_r.png);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 103px;
  height: 1162px;
  position: absolute;
  top: 450px;
  right: -185px;
}

@media screen and (max-width: 1350px) {
  #comfort .yawaragi .item-box::after {
    content: none;
  }
}
#comfort .yawaragi .item-box .product-title {
  border-left: 5px solid #7aa193;
}

#comfort .yawaragi .item-box .product-text.min-h-m {
  min-height: 206px;
  min-height: 221px;
}

@media screen and (max-width: 640px) {
  #comfort .yawaragi .item-box .product-text.min-h-m {
    min-height: auto;
  }
}
#comfort .yawaragi .item-box .item-col2-01-wide .product-text-box .product-text-box-inner .product-btn-box {
  width: 100%;
  padding-top: 50px;
}

@media screen and (max-width: 640px) {
  #comfort .yawaragi .item-box .item-col2-01-wide .product-text-box .product-text-box-inner .product-btn-box {
    padding-top: 0;
  }
}
#comfort .yawaragi .item-box .item-col2-01 .product-btn-box a.long {
  transform: none;
}

#comfort .yawaragi .item-box .item-col2-01-wide .product-image .notes {
  top: -20px;
}

#comfort .yawaragi .yawaragi-text {
  font-size: 23px;
  text-align: center;
  padding-top: 60px;
  font-weight: bold;
  line-height: 1.7;
}

@media screen and (max-width: 640px) {
  #comfort .yawaragi .yawaragi-text {
    font-size: 16px;
    padding-top: 40px;
    padding-right: 15px;
    padding-left: 15px;
    text-align: left;
  }
}
#comfort .yawaragi .item-box-inner {
  padding-top: 40px;
  padding-bottom: 15px;
}

#comfort .newitem-banner {
  text-align: center;
  margin-bottom: 50px;
}

@media screen and (max-width: 640px) {
  #comfort .newitem-banner {
    padding: 0 15px 0;
    margin-bottom: 10px;
  }
}
#comfort .newitem-banner img {
  box-shadow: 3px 0 17px rgba(88, 50, 16, 0.3);
}

#comfort .campaign-banner {
  text-align: center;
  background-image: url(../../img/usr/event/r30t80/campaign_bg.jpg);
  background-size: 100px auto;
  background-repeat: repeat;
  padding-bottom: 60px;
  margin-bottom: -1px;
}

@media screen and (max-width: 640px) {
  #comfort .campaign-banner {
    padding-bottom: 5vw;
  }
}
#comfort .campaign-banner img {
  margin-top: -160px;
}

@media screen and (max-width: 640px) {
  #comfort .campaign-banner img {
    margin-top: -23vw;
  }
}

.kiraku-sub-img-box {
  background: #e9ced5;
  height: 760px;
}
.kiraku-sub-img-box img {
  max-width: 1055px !important;
  display: block;
  margin: 0 auto;
  position: relative;
  top: -22% !important;
}

@media screen and (max-width: 640px) {
  .kiraku-sub-img-box {
    padding: 0 15px 30px;
    height: auto;
  }
  .kiraku-sub-img-box img {
    width: 100% !important;
    display: block;
    margin-top: -10%;
  }
}/*# sourceMappingURL=event_r30t80.css.map */