@charset "utf-8";

/* CSS Document */

/*font

--------------------------------------------------------------------*/

@font-face {

  font-family: 'GenJyuuGothic-medium';

  src: url('../font/GenJyuuGothicX-P-Medium.ttf') format('woff');

  src: url('../font/GenJyuuGothicX-P-Medium.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'GenJyuuGothic-Regular';

  src: url('../font/GenJyuuGothicX-P-Regular.ttf') format('woff');

  src: url('../font/GenJyuuGothicX-P-Regular.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'GenJyuuGothic-Heavy';

  src: url('../font/GenJyuuGothicX-P-Heavy.ttf') format('woff');

  src: url('../font/GenJyuuGothicX-P-Heavy.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'GenJyuuGothic-Bold';

  src: url('../font/GenJyuuGothicX-P-Bold.ttf') format('woff');

  src: url('../font/GenJyuuGothicX-P-Bold.woff') format('woff');

  font-weight: normal;

  font-style: normal;

}

/*アンカー調整

----------------------------------------------------------------------*/

#bikyaku_long,

#bikyaku_super,

#bikyaku_spats,

#reset_socks,

#bikyaku_rich,

#chart01,

#chart02,

#chart03,

#chart04,

#chart05,

#chart06,

#chart07,

#chart08,

#lineupbikyakulong,

#lineupbikyakusuper,

#lineupbikyakusuper,

#lineupsocks,

#lineupspats,

#lineupbikyakurich {

  content: '';

  display: block;

  margin-top: -100px;

  padding-top: 100px;

}

/*共通

--------------------------------------------------------------------------*/

.Gothic-bold {

  font-family: "GenJyuuGothic-Bold" !important;

}

.Gothic-Regular {

  font-family: "GenJyuuGothic-Regular" !important;

}

.pc {

  display: block;

}

.sp {

  display: none !important;

}

#special03 {

  background-image: url(../img/pc_mian_bg.png);

  background-repeat: no-repeat;

  background-position: center top;

  /*background-size: contain;*/

  margin: 0 auto;

}

#special03 #wrap {

  background: none;

  width: 100%;

  max-width: 100%;

  margin-bottom: 170px;

}

#special03 #content {

  font-family: "GenJyuuGothic-medium" !important;

  width: 100%;

  max-width: 100%;

  color: #3e3c3d;

}

.special03-container {

  max-width: 1200px;

  margin: 0 auto;

  width: 100%;

}

.special03-inner {

  width: 670px;

  margin: 0 auto;

}

.txt-center {

  text-align: center;

}

.linkcolor_pink {

  color: #FE81A0 !important;

}

/*ボタン共通

--------------------------------------------------------------------------*/

.btn-common {

  color: #fff;

  width: 300px;

  height: 78px;

  font-size: 32px;

  /*background-color: #b2b2b2;*/

  background-color: rgba(178, 178, 178, 0.7);

  font-family: "GenJyuuGothic-Bold";

  padding: 10px 0;

  text-align: center;

  box-sizing: border-box;

  display: inline-block;

  border-radius: 50px;

  position: relative;

  z-index: 10;

  letter-spacing: 2px;

}

.btn-common:hover {

  padding: 15px 0;

  text-decoration: none;

}

.btn-common::after {

  content: "";

  position: absolute;

  top: -7px;

  left: -7px;

  border-radius: 50px;

  width: 100%;

  height: 100%;

  z-index: -1;

  box-sizing: border-box;

}

.btn-common:hover::after {

  top: 0px;

  left: 0px;

}

/*ボタン個別

-------------------------------------------------------------------------------------------------*/

.closebtn-wrap {

  text-align: center;

}

.btn-common.closebtn {

  padding-right: 0.3em;

}

.btn-common.closebtn:hover {

  padding-right: 0px;

}

.btn-common.happyclose::after {

  background-color: #ff95a9;

  background-image: url(../img/icon_b_pinkarrow.png);

  background-repeat: no-repeat;

  background-position: 5% center;

  transform: rotateZ(180deg);

  background-size: 35px;

}

.btn-common.unhappyclose::after {

  background-color: #51a9ff;

  background-image: url(../img/icon_b_bluearrow.png);

  background-repeat: no-repeat;

  background-position: 5% center;

  transform: rotateZ(180deg);

  background-size: 35px;

}

/**/

.product-btn__item a {

  position: relative;

  font-family: "GenJyuuGothic-Bold";

  font-weight: bold;

}

.product-btn__item .product-btn__item-more {

  width: 300px;

  height: 78px;

  font-size: 32px;

  display: inline-block;

  border-radius: 50px;

  box-sizing: border-box;

  text-align: center;

  vertical-align: middle;

  text-decoration: none;

  box-sizing: border-box;

}

.product-btn__item .btn-shadow {

  padding: calc(1.5rem - 12px) 3rem 1.5rem;

  background-color: rgba(178, 178, 178, 0.7);

}

.product-btn__item .product-btn__item-more.btn-shadow:before {

  position: absolute;

  top: -7px;

  left: -7px;

  width: 100%;

  height: 100%;

  border-radius: 50px;

  content: "MORE";

  display: flex;

  align-items: center;

  justify-content: center;

  color: #fff;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  border: 3px solid #e73082;

  background-color: #e73082;

  box-sizing: border-box;

  background-image: url(../img/icon_arrow_white.png);

  background-repeat: no-repeat;

  background-size: 22px 28px;

  background-position: 95% 50%;

}

.product-btn__item .product-btn__item-more:after {

  content: "";

  background-image: url(../img/icon_arrow_white.png);

  display: inline-block;

}

.product-btn__item .product-btn__item-more.btn-shadow:hover {

  padding: calc(1.5rem - 6px) 3rem;

}

.product-btn__item .product-btn__item-more.btn-shadow:hover:before {

  top: 0;

  left: 0;

}

/**/

.product-btn__item {

  margin-bottom: 40px;

  text-align: center;

}

.product-btn__item a {

  position: relative;

}

.product-btn__item .product-btn__item-online {

  width: 300px;

  height: 78px;

  font-size: 26px;

  display: inline-block;

  border-radius: 50px;

  box-sizing: border-box;

  text-align: center;

  vertical-align: middle;

  text-decoration: none;

  box-sizing: border-box;

}

.product-btn__item .btn-shadow {

  padding: calc(1.5rem - 12px) 3rem 1.5rem;

  background-color: rgba(178, 178, 178, 0.7);

}

.product-btn__item .product-btn__item-online.btn-shadow:before {

  position: absolute;

  top: -7px;

  left: -7px;

  width: 100%;

  height: 100%;

  border-radius: 50px;

  content: "ご購入はこちら";

  display: flex;

  align-items: center;

  justify-content: center;

  color: #e73082;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease;

  border: 3px solid #e73082;

  background-color: #fff;

  box-sizing: border-box;

  background-image: url(../img/icon_cart.svg), url(../img/icon_arrow_pink.png);

  background-repeat: no-repeat;

  background-size: 30px 27px, 22px 28px;

  background-position: 10% center, 95% 50%;

}

.product-btn__item .product-btn__item-online.btn-shadow:hover {

  padding: calc(1.5rem - 6px) 3rem;

}

.product-btn__item .product-btn__item-online.btn-shadow:hover:before {

  top: 0;

  left: 0;

}

/*メインビジュアル・リード

--------------------------------------------------------------------------*/

.content-maivisual {

  width: 670px;

  margin: 30px auto 60px;

}

.txtblock-lead,

.txtblock-item {

  text-align: center;

}

.txtblock-lead {

  font-size: 25px;

  line-height: 2;

  letter-spacing: 1.2px;

  padding-bottom: 20px;

  background-image: url(../img/bg_product_ttl.png);

  background-repeat: no-repeat;

  background-size: 75%;

  background-position: center 95%;

}

.txtblock-item {

  font-size: 17px;

  margin-top: 10px;

}

.txtblock-item_txtpink {

  color: #e73082 !important;

  font-family: 'GenJyuuGothic-Bold';

}

.txtblock-item_txtpink02 {

  color: #FE81A0 !important;

}

.txtblock-item_txtyellow {

  color: #FFF9B4 !important;

}

.txtblock-item_txtpurple {

  color: #9f76d2 !important;

}

.txtblock-item_txtblue {

  color: #61A8F0 !important;

}

.bg_yellow {

  background-color: #fdf8b4;

  display: inline-block;

}

/*対象商品

--------------------------------------------------------------------------*/

.special03-product {

  margin: 0 auto 20px;

  text-align: center;

}

.special03-product__ttl {

  margin: 0 0 30px 0;

  font-size: 30px;

  display: inline-block;

  background-image: url(../img/pc_bg_wavyline.png);

  background-position: bottom;

  background-repeat: no-repeat;

  line-height: 2.1;

  padding: 0 0.6em;

}

.special03-product__ttl img {

  width: 290px;

}

.special03-itemblock {

  display: flex;

  justify-content: space-around;

  margin: 0 auto;

}

.special03-product .special03-itemblock:first-of-type {

  width: 492px;

  margin-bottom: 20px;

  margin-top: -15px;

}

.special03-product .special03-itemblock .special03-itemblock__item {

  text-align: center;

  align-self: self-end;



}

.special03-product .special03-itemblock .special03-itemblock__item .productname {

  margin-top: 5px;

  font-family: 'GenJyuuGothic-medium';

  color: #3e3c3d;

  min-height: 3em;

}

.special03-product .special03-itemblock .special03-itemblock__item a {

  text-decoration: underline;

  text-decoration-color: #3e3c3d;

}

.special03-product .special03-itemblock:first-of-type .special03-itemblock__item img {

  width: 115px;

}

.special03-product .special03-itemblock:nth-of-type(2) {

  width: 285px;

}

.special03-product .special03-itemblock:nth-of-type(2) .limited_txt {

  font-size: 10px;

  margin-top: 5px;

}

.special03-product .special03-itemblock:nth-of-type(2) .special03-itemblock__item img {

  width: 125px;

}

.product_txt {

  font-size: 18px;

  margin-top: 40px;

  margin-bottom: 40px

}

/*応募概要

-------------------------------------------------------------------------------------------------*/

#summary-block {

  margin-bottom: 60px;

}

#happaysummary .summary-ttl {

  background-color: #fe819f;

}

#happaysummary .summary-unit__ttl {

  background-color: #ffa7bd;

}

#unhappysummary .summary-ttl {

  background-color: #62a8f0;

}

#unhappysummary .summary-unit__ttl {

  background-color: #90c2f5;

}

#happaysummary .summary-ttl {

  background-image: url(../img/icon_b_pinkarrow.png), url(../img/pc_happy_ttl_bg.png);

}

#unhappysummary .summary-ttl {

  background-image: url(../img/icon_b_bluearrow.png), url(../img/pc_unhappy_ttl_bg.png);

}

#happaysummary .summary-ttl.open {

  background-image: url(../img/icon_t_pinkarrow.png), url(../img/pc_happy_ttl_bg.png);

}

#unhappysummary .summary-ttl.open {

  background-image: url(../img/icon_t_bluearrow.png), url(../img/pc_unhappy_ttl_bg.png);

}

#happaysummary .summary-inner .summary-unit-wrap:nth-child(8) .txtblock-unit__txt,

#unhappysummary .summary-inner .summary-unit-wrap:nth-child(7) .txtblock-unit__txt {

  font-family: "GenJyuuGothic-Regular";

}

#happaysummary .summary-inner .summary-unit-wrap:nth-child(8) .txtblock-unit__txt ul li,

#unhappysummary .summary-inner .summary-unit-wrap:nth-child(7) .txtblock-unit__txt ul li {

  display: inline;

}

#happaysummary .summary-inner .summary-unit-wrap:nth-child(8) .txtblock-unit__txt ul li::before,

#unhappysummary .summary-inner .summary-unit-wrap:nth-child(7) .txtblock-unit__txt ul li::before {

  content: "●"

}

#unhappysummary .summary-inner .summary-unit-wrap .dlpdf {

  font-size: 27px;

  margin-top: 30px;

  font-family: 'GenJyuuGothic-Bold';

}

#unhappysummary .summary-inner .summary-unit-wrap .dlpdf a {

  color: #61A8F0;

  text-decoration: underline;

}

#unhappysummary .summary-inner .summary-unit-wrap .addresstxt {

  margin: 30px 0 20px;

}

.summary-lead {

  font-size: 18px;

  margin-bottom: 10px;

  font-family: 'GenJyuuGothic-Bold';

  padding: 0 100px;

}

.summary-ttl {

  font-family: 'GenJyuuGothic-Bold';

  color: #fff;

  line-height: 1.9;

  font-size: 33px;

  margin-bottom: 15px;

  background-position: 91% center, right top;

  background-repeat: no-repeat;

}

.summary-ttl__small {

  font-size: 30px;

  display: inline-block;

  margin-right: 0.3em;

}

.summary-ttl,

.summary-unit__ttl,

.summary-unit__txt,

.summary-txtblock {

  padding: 7px 100px;

}

.summary-inner {

  display: none;

}

.summary-inner .closebtn-wrap {

  margin-bottom: 70px;

}

.summary-unit__ttl {

  color: #fff;

  font-family: "GenJyuuGothic-Bold";

  font-size: 25px;

  line-height: 1.5;

}

.summary-unit__txt,

.summary-txtblock {

  margin-top: 15px;

  margin-bottom: 40px;

  font-size: 20px;

  line-height: 1.4;

}

.summary-itemblock {

  display: flex;

  justify-content: space-around;

  align-items: center;

  margin-top: 30px;

  flex-wrap: wrap;

}

.summary-itemblock__item {

  width: calc(100% / 8);

  align-self: baseline;

  text-align: center;

}

.summary-itemblock__item img {

  width: 90%

}

.summary-unit-wrap,

.summary-unit {

  overflow: hidden;

}

.summary-unit_flexitem {

  display: flex;

}

.summary-unit_flexitem dt {

  margin-right: 1em;

}

.txtblock-unit-wrap {

  margin-bottom: 30px;

}

.summary-unit-wrap a {

  text-decoration: underline;

  color: #3e3c3d;

}

.indenet01 li {

  padding-left: 1em;

  text-indent: -1em;

}

.txtwarning {

  font-family: 'GenJyuuGothic-Regular';

}

.txtwarning02 {

  color: #E73082 !important;

}

.pdf-icon {

  width: 32px;

  display: inline-block;

  padding-left: 10px;

  vertical-align: middle;

}

a[href*="tel:"] {

  pointer-events: none;

  cursor: default;

  text-decoration: none;

}

/*季節のオススメ ラインナップ共通

-------------------------------------------------------------------------------------------------*/

.kisetu-block_txt,

.lineup-block-unit_txt {

  font-size: 23px;

  font-family: "GenJyuuGothic-Bold";

  text-align: center;

  line-height: 1.7;

}

.kisetu-pkg,

.lineup-pkg {

  text-align: center;

  margin-bottom: 70px;

}

.kisetu-pkg__item,

.lineup-pkg__img {

  width: 270px;

}

/*季節のオススメ------------------------------------*/

#kisetu-block-wrap .special03-container {

  max-width: inherit;

  width: 100%;

}

#kisetu-block-wrap {

  background-image: url(../img/bg_kisetu.png);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 100% 100%;

  height: 1440px;

  width: 100%;

}

#kisetu-block-wrap .special03-inner {

  width: 820px;

}

#kisetu-block-wrap .kisetu-block__unit {

  background-image: url(../img/bg_dots_triangle01.png);

  background-repeat: no-repeat;

  background-position: 25% 20%;

  background-size: 60%;

}

.kisetu-block-leadwrap {

  background-image: url(../img/bg_kisetu_lead.png), url(../img/bg_kisetu_leadline.png);

  background-repeat: no-repeat;

  background-position: 18% 55%, 50% 0%;

  background-size: auto, contain;

  text-align: center;

  min-height: 250px;

  position: relative;

}

.kisetu-block-txt {

  text-align: center;

  margin: 0 auto;

}

.kisetu-block__lead {

  font-size: 26px;

  font-family: "GenJyuuGothic-Bold";

  color: #fff;

  line-height: 1.2;

  position: absolute;

  top: 28%;

  left: 17%;

}

.kisetu-block_ttl {

  font-family: "GenJyuuGothic-Heavy" !important;

  font-size: 48px;

  text-align: center;

  display: inline-block;

  background-image: url(../img/pc_bg_wavyline.png);

  line-height: 1.8;

  margin-top: -35px;

  margin-bottom: 15px;

  background-repeat: no-repeat;

  background-position: bottom;

}

.kisetu-block_txt {

  margin-bottom: 70px;

}

/*オンラインショップボタン挙動

-------------------------------------------------------------------------------------------------*/

.onlinebtn-wrap {

  position: relative;

}

.onlinebtn-wrap::hover {

  pointer-events: none;

}

.onlinebtn:hover {

  pointer-events: none;

}

.shops {

  width: 600px;

  padding: 12px 0;

  box-sizing: border-box;

  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);

  z-index: -10000;

  transform: scale(0.9, 0.9);

  display: none;

  position: absolute !important;

  background-color: white;

  z-index: 20;

  display: none;

  top: 70%;

  left: 15%;

}

.shops.on {

  background: white;

  z-index: 20;

  display: block;

  opacity: 1;

  pointer-events: auto;

}

.shops ul {

  display: flex;

  margin: 0 !important;

  padding: 0 !important;

  position: relative !important;

  text-align: center !important;

}

.shops ul li {

  width: calc(100% / 3);

}

.shops ul li a {

  display: block;

  padding: 0 !important;

  margin: 0 !important;

  line-height: 1 !important;

  background: white !important;

}

.shops p {

  font-family: 'GenJyuuGothic-medium' !important;

  padding-top: 13px !important;

  text-align: center !important;

  font-size: 14px !important;

  line-height: 1 !important;

  color: black !important;

}

.shops ul li a img {

  width: 100%;

}

/*ハッピー診断

-------------------------------------------------------------------------------------------------*/

#chart-block-wrap {

  background-repeat: no-repeat;

  margin-top: -125px;

  margin-bottom: 100px;

}

#chart-block-wrap .special03-chart-bg {

  background-image: url(../img/bg_chart.png);

  background-repeat: no-repeat;

  background-position: center center;

  width: 100%;

  margin: 0 auto;

  min-height: 1219px;

}

#chart-block-wrap .special03-container {

  padding-top: 170px;

}

#chart-block-wrap .special03-inner {

  width: 730px;

}

.chart-block__ttl {

  text-align: center;

}

.chart-block__ttl .returntxt {

  font-size: 22px;

  margin-top: 10px;

  font-family: "GenJyuuGothic-medium";

  display: block;

  color: #5b595a;

  position: relative;

}

.chart-block__ttl .returntxt::before {

  content: "";

  display: inline-block;

  position: absolute;

  top: 20%;

  left: 40%;

  width: 27px;

  height: 100%;

  background-image: url(../img/return_arrow.png);

  background-repeat: no-repeat;

  background-size: 55%;

  overflow: hidden;

}

.chart-block__ttl .returntxt:hover {

  text-decoration: none;

}

.chart-block__ttl img {

  width: 580px;

}

.chart-block__question {

  font-family: 'GenJyuuGothic-Bold';

  font-size: 52px;

  text-align: center;

  line-height: 1.2;

  padding-right: 80px;

}

.chart-block-unit {

  padding-bottom: 180px;

}

.chart-btn-warp {

  padding-top: 300px;

  display: flex;

  justify-content: space-around;

}

.chart-block-answer__product {

  font-family: 'GenJyuuGothic-Bold';

  font-size: 70px;

  color: #A67EDC;

  text-align: center;

  line-height: 1.2;

  padding-top: 90px;

}

.chart-block-answer__txt {

  font-family: 'GenJyuuGothic-Bold';

  margin-top: 50px;

  margin-bottom: 40px;

  font-size: 32px;

  text-align: center;

}

.chart-arrow_item {

  text-align: center;

}

/*ボタンCSS*/

#chart-block-wrap .btn-common {

  width: 250px;

  font-size: 43px;

  padding: 0;

  padding-right: 0.3em;

  margin-left: 0px;

}

#chart-block-wrap .btn-common:hover {

  align-items: center;

  display: flex;

  padding-right: 0;

  justify-content: center;

}

#chart-block-wrap .btn-common::after {

  background-color: #a67fdc;

  border: 3px solid #a67fdc;

}

/*chart01*/

.chart01_girl {

  background-image: url(../img/chart01_bg_girl.png);

  background-size: 60%;

  background-position: 100% 50%;

  background-repeat: no-repeat;

  padding-top: 180px;

}

.chart02_girl {

  background-image: url(../img/chart02_bg_girl.png);

  background-size: 80%;

  background-position: right 50%;

  background-repeat: no-repeat;

  padding-top: 180px;

}

.chart03_girl {

  background-image: url(../img/chart03_bg_girl.png);

  background-size: 45%;

  background-position: 100% 0%;

  background-repeat: no-repeat;

  padding-top: 180px;

}

#chart04 .chart-block__ttl,

#chart05 .chart-block__ttl,

#chart06 .chart-block__ttl,

#chart07 .chart-block__ttl,

#chart08 .chart-block__ttl {

  padding-top: 120px;

}

#chart-block-wrap #chart03 .btn-common {

  width: 200px;

}

/*ラインアップ

-------------------------------------------------------------------------------------------------*/

#lineup-block-wrap .special03-inner {

  width: 820px;

  padding-top: 50px;

  margin-bottom: 100px;

}

.lineup-block-unit-ttl-wrap {

  font-size: 52px;

  font-family: "GenJyuuGothic-Bold";

  text-align: center;

  color: #fff;

  max-width: 1580px;

  min-height: 129px;

  width: 100%;

  margin: 0 auto;

}

.lineup-block-unit-ttl-wrap.bg_ttl01 {

  background-image: url(../img/lineup_ttl_bg01.png);

  background-position: center center;

  background-repeat: no-repeat;

}

.lineup-block-unit-ttl-wrap.bg_ttl02 {

  background-image: url(../img/lineup_ttl_bg02.png);

  background-repeat: no-repeat;

  background-position: center center;

}

.lineup-block-unit-ttl-wrap.bg_ttl03 {

  background-image: url(../img/lineup_ttl_bg03.png);

  background-repeat: no-repeat;

  background-position: center center;

}

.lineup-block-unit-ttl-wrap.bg_ttl04 {

  background-image: url(../img/lineup_ttl_bg04.png);

  background-repeat: no-repeat;

  background-position: center center;

}

.lineup-block-unit__ttl {

  display: inline-block;

}

.bikyakulong .lineup-block-unit__ttl {

  margin-top: 25px;

}

.bikyakulong .special03-inner {

  background-image: url(../img/bg_bikyakulong.png), url(../img/bg_dots_triangle02.png);

  background-repeat: no-repeat;

  background-size: 57%, 32%;

  background-position: 0% 80%, 95% 5%;

}

.bikyakusuper .lineup-block-unit__ttl {

  margin-top: 28px;

}

.bikyakusuper .special03-inner {

  background-image: url(../img/bg_dots_triangle03.png), url(../img/bg_bikyakusuper.png);

  background-repeat: no-repeat;

  background-size: 35%, 60%;

  background-position: 2% 5%, 5% 95%;

}

.spats .lineup-block-unit__ttl {

  margin-top: 25px;

}

.spats .special03-inner {

  background-image: url(../img/bg_dots_triangle04.png), url(../img/bg_spats.png);

  background-repeat: no-repeat;

  background-size: 35%, 60%;

  background-position: 12% 5%, 5% 95%;

}

.socks .lineup-block-unit__ttl {

  margin-top: 30px;

}

.socks .special03-inner {

  background-image: url(../img/bg_dots_triangle05.png), url(../img/bg_socks.png);

  background-repeat: no-repeat;

  background-size: 76%, 45%;

  background-position: 80% 10%, 5% 92%;

}

.bikyakurich .special03-inner {

  background-image: url(../img/bg_dots_triangle06.png), url(../img/bg_bikyakurich.png);

  background-repeat: no-repeat;

  background-size: 36%, 70%;

  background-position: 94% 10%, 5% 95%;

}

.bikyakurich .lineup-block-unit__ttl {

  margin-top: 25px;

  margin-right: 95px;

}

.lineup-block-unit_txt {

  margin-bottom: 35px;

}

.lineup-block-unit-bottom_txt span {

  display: inline-block;

}

.lineup-block-unit-bottom {

  font-size: 24px;

  font-family: "GenJyuuGothic-Bold";

  text-align: center;

}

.lineup-block-unit-bottom .lineup-block-unit-bottom_txt {

  margin-bottom: 5px;

  position: relative;

}

.lineup-block-unit-bottom .lineup-block-unit-bottom_txt::before {

  content: "";

  position: absolute;

  display: inline-block;

  background-image: url(../img/icon_inst.png);

  background-repeat: no-repeat;

  width: 30px;

  height: 30px;

  background-size: 30px;

  left: 19%;

  top: 10%;

}

.lineup-block-unit-bottom a {

  display: inline-block;

}

.lineup-block-unit-bottom a:hover {

  opacity: 0.8;

}

.lineup-block-unit-bottom a > p:first-of-type {

  text-align: center;

  padding: 0 0.5em;

  margin-bottom: 15px;

}

.lineup-block-unit .product-btn-group {

  margin-bottom: 40px;

}

.lineup-block-unit .arrow-bottom {

  text-align: center;

}

.lineup-block-unit .arrow-bottom__item {

  transform: rotate(90deg);

}



/*ボイス------------------------------------*/

#voice-block-wrap {

  background-image: url("../img/bg_voice.png");

  background-position: top center;

  background-repeat: no-repeat;

  margin-top: 50px;

  padding-bottom: 200px;

  position: relative;

  min-height: 900px;

  background-size: cover;

}

#voice-block-wrap .special03-container {

  max-width: 1700px;

  width: 100%;

  padding-bottom: 20px;

}

.voice-block-unit__ttl {

  background-repeat: no-repeat;

  background-size: auto;

  margin: 0 auto 0;

  padding: 10px 0 20px 3.5%;

  display: flex;

  align-items: center;

  background-position-y: bottom;

}

.voice-block-unit__ttl .voice-block-unit__ttl-txt {

  color: #fff;

  font-size: 24px;

  font-family: "GenJyuuGothic-Bold";

  letter-spacing: 2px;

  padding-left: 5px;

  margin-top: 30px;

}

.voice-block-unit {

  text-align: center;

}

.voice-block-unit:last-child {

  margin-bottom: 0px;

}

.voice-block-unit a {

  display: inline-block;

  width: 100%;

}

.voice-block-unit a > p:first-of-type {

  text-align: center;

  padding: 0 1em;

  margin-bottom: 15px;

  font-size: 25px;

  font-family: 'GenJyuuGothic-Bold';

}

.voice-block-unit .arrow-bottom {

  text-align: center;

}

.lineup-block-unit .arrow-bottom__item {}

#bikyaku_long .voice-block-unit__ttl {

  background-image: url("../img/bg_voice_ttl_01.png");

}

#bikyaku_long .voice-block-unit__ttl:nth-child(4) {

  background-image: url("../img/bg_voice_ttl_06.png");

  background-position: left 60%;

  margin-top: 20px;

}

#bikyaku_long .voice-block-unit__ttl:nth-child(4) img {

  width: 60px;

}

#bikyaku_long .voice-block-unit__ttl:nth-child(7) {

  background-image: url("../img/bg_voice_ttl_07.png");

  background-position: left 100%;

  margin-top: 20px;

}

#bikyaku_long .voice-block-unit__ttl:nth-child(7) img {

  width: 60px;

}

#bikyaku_super .voice-block-unit__ttl {

  background-image: url("../img/bg_voice_ttl_02.png");

}

#bikyaku_spats .voice-block-unit__ttl {

  background-image: url("../img/bg_voice_ttl_03.png");

}

#reset_socks .voice-block-unit__ttl {

  background-image: url("../img/bg_voice_ttl_05.png");

}

#bikyaku_rich .voice-block-unit__ttl {

  background-image: url(../img/bg_voice_ttl_04.png);

}

.voice-block-unit-box {

  position: relative;

  background-color: #fff;

  padding: 25px 35px 25px;

  width: 93%;

  box-sizing: border-box;

  margin: -10px auto 20px;

}

.voice-block-unit-box a {

  color: #3e3c3d;

}

.voice-block-unit-box a:hover {

  text-decoration: none;

}

.voice-block-unit-box__name {

  display: flex;

  justify-content: center;

  border-bottom: 2px solid #e4007f;

  padding-bottom: 10px;

  margin-bottom: 10px;

  align-items: center;

}

.voice-block-unit-box__name img {

  width: 60px;

  border-radius: 50%;

}

.inst_id {

  color: #e4007f;

  font-size: 18px;

  align-self: center;

  margin-left: 0.5em;

}

.inst_articles {

  display: flex;

  align-items: flex-start;

}

.inst_articles .inst_post {

  margin-right: 15px;

  font-size: 16px;

  line-height: 1.5;

  text-align: center;

  width: calc(100% - 200px);

}

.inst_articles .inst_post + img {

  width: 200px;

  align-self: center;

}

.inst_post .inst_post_txt {

  min-height: 7em;

  text-align: left;

}

.inst_txtWrap {

  margin-bottom: 10px;

}

.inst_btn {

  width: 100px;

}

/*応募の流れ

happay-block

------------------------------------*/

.flow-block-wrap .special03-inner {

  margin: 0 auto;

  max-width: 870px;

  width: 100%;

}

.flow-block-wrap .flow-block_contents {

  max-width: 600px;

  width: 100%;

  margin: 0 auto;

}

.flow-block-wrap .flow-block-ttl {

  font-size: 26px;

  font-family: "GenJyuuGothic-Bold";

  color: #fff;

  width: 100%;

  max-width: 1200px;

  text-align: center;

}

.flow-block-ttl span {

  font-size: 32px;

  font-family: "GenJyuuGothic-Heavy";

}

.flow-block-wrap .flow-block-lead {

  font-size: 48px;

  margin-bottom: 20px;

  font-family: "GenJyuuGothic-Heavy";

  display: flex;

  align-items: center;

  justify-content: center;

}

.flow-block-wrap .flow-block-lead p {

  letter-spacing: 2px;

  margin-left: 5px;

}

.flow-block-wrap .flow-block-lead p > span {

  font-size: 38px;

}

.flow-block-wrap .flow-block-lead_img {

  margin-bottom: 50px;

}

.flow-block-wrap .flow-block_txt {

  padding: 35px 0 0;

}

.flow-block-wrap .flow-block-ttl {

  min-height: 212px;

  margin-bottom: 55px;

}

.flow-block-bg_ttl {

  border-radius: 25vw;

  display: flex;

  justify-content: center;

  padding: 0.1em 0.5em;

  margin-bottom: 10px;

  color: #fff;

  font-size: 28px;

  font-family: "GenJyuuGothic-Bold";

}

.flow-block-bg_ttl dd {

  width: calc(100% - 1.5em);

  text-align: center;

}

#happay-block-wrap {

  padding-bottom: 140px;

}

#happay-block-wrap {

  background-color: #fff2f5;

}

#happay-block-wrap .flow-block-ttl {

  background-image: url(../img/bg_happy_ttl.png);

  background-position: center;

  background-repeat: no-repeat;

}

#happay-block-wrap .flow-block-means {

  display: flex;

  justify-content: space-around;

  margin-bottom: 35px;

}

.flow-block-means .flow-block-means_item {

  background-image: url(../img/bg_happy-block_flow.png);

  background-repeat: no-repeat;

  background-size: 100%;

  width: 300px;

  text-align: center;

  position: relative;

}

.flow-block-means_item .block-means_ttl {

  font-size: 24px;

  font-family: "GenJyuuGothic-Bold";

  padding-top: 15px;

  margin-bottom: 10px;

}

.flow-block-means_item .block-means_ttl img {

  display: block;

  margin: 0 auto;

}

.flow-block-means_item .block-means_ttl span {

  display: inline-block;

  border-bottom: 3px solid #fe9ab3;

  line-height: 0.9;

  margin-bottom: 10px;

}

.flow-block-means_item .block-means_txt {

  font-size: 24px;

  line-height: 1.4;

}

.flow-block-means_item .block-means_txt span {

  font-family: "GenJyuuGothic-Heavy";

  font-size: 26px;

}

.flow-block-means_item .block-means_txt span.font-small {

  font-size: 22px;

}

.flow-block-numberWrap .number-item-block {

  width: 92%;

  margin: 20px auto 20px;

}

.flow-block-number .dlpdf {

  font-size: 22px;

  margin-top: 20px;

  margin-bottom: 20px;

  font-family: "GenJyuuGothic-medium";

  text-align: center;

}

.flow-block-number .dlpdf a {

  text-decoration: underline;

  font-family: "GenJyuuGothic-bold";

  color: #3e3c3d;

}

.flow-block-number .flow-block_deadline {

  font-size: 18px;

}

.flow-block-sample p {

  font-size: 24px;

  font-family: "GenJyuuGothic-Heavy";

  margin-top: 40px;

  margin-bottom: 20px;

  background-image: url("../img/bg_sample_txt.png");

  background-repeat: no-repeat;

  background-position: center;

  background-size: contain;

}

.flow-block-sample ul {

  display: flex;

  justify-content: space-between;

}

.number-item-block .number-item dl {

  display: flex;

  align-items: center;

  font-size: 22px;

  justify-content: flex-start;

}

.number-item-block .number-item dt {

  width: 65%;

}

.number-item-block .number-item a {

  font-family: "GenJyuuGothic-Heavy";

  text-decoration: underline;

}

.number-item-block ul.number-item {

  margin: 0 auto;

  display: flex;

  align-items: center;

}

.number-item-block ul.number-item li {

  font-size: 22px;

  margin-right: 1em;

  text-align: center;

}

.number-item-block ul.number-item li.hashtag {

  font-size: 19px;

  font-family: "GenJyuuGothic-Bold";

  line-height: 1.2;

  background: rgba(0, 0, 0, 0) linear-gradient(transparent 80%, #fe9ab3 0%) repeat scroll 0 0;

}

.number-item-block ul.number-item li::before {

  content: "●";

  padding-right: 0.1em;

  font-size: 16px;

}

.number-item-block ul.number-item li.hashtag::before {

  content: none;

}

.flow-block-numberWrap .number-item .imgsnsicon {

  vertical-align: middle;

  margin-right: 1em;

}

#happay-block-wrap .flow-block-bg_ttl {

  background-color: #FE81A0;

}

#unhappay-block-wrap {

  background-color: #eef5fb;

  background-image: url(../img/bg_unhappy.png);

  background-repeat: no-repeat;

  background-position: bottom;

  padding-bottom: 140px;

}

#unhappay-block-wrap .flow-block-ttl {

  background-image: url(../img/bg_unhappy_ttl.png);

  background-position: center;

  background-repeat: no-repeat;

}

#unhappay-block-wrap .flow-block-bg_ttl {

  background-color: #61A8F0;

}

/*Daytimeリンク

------------------------------------*/

#daytime-block-wrap {

  background-color: #feeaf3;

  background-image: url(../img/bg_daytime_dots.png), url(../img/bg_daytime_top.png), url(../img/bg_daytime_bottom.png);

  background-position: bottom, top, bottom;

  background-repeat: no-repeat;

  background-size: cover, contain, contain;

}

#daytime-block-wrap .special03-inner {

  padding-top: 150px;

}

.daytime-block_lead {

  margin: 0 auto 45px;

  text-align: center;

}

.daytime-block__ttl {

  font-size: 24px;

  font-family: "GenJyuuGothic-Heavy";

  text-align: center;

  margin-bottom: 25px;

}

.daytime-block__lineup {

  display: flex;

  justify-content: space-around;

  margin-bottom: 50px;

}

.daytime-block__lineup li img {

  width: 156px;

}

#footerNavi {

  width: 100%;

  max-width: 1000px;

  margin: 0 auto;

}

@media screen and (max-width: 959px) and (min-width: 769px) {

  .summary-ttl,

  .summary-unit__ttl,

  .summary-unit__txt,

  .summary-txtblock {

    padding: 7px 5vw 7px 5vw;

  }

  .summary-ttl {

    font-size: 30px;

    background-position: 95% center, right top;

    background-size: 4%, auto;

  }

  .summary-ttl__small {

    font-size: 27px;

  }

  .lineup-block-unit-ttl-wrap {

    font-size: 48px;

  }

  .bikyakulong .lineup-block-unit__ttl {

    margin-top: 3vw;

  }

  .bikyakusuper .lineup-block-unit__ttl {

    margin-top: 1.8vw;

  }

  .spats .lineup-block-unit__ttl {

    margin-top: 1.8vw;

  }

  .socks .lineup-block-unit__ttl {

    margin-top: 4.2vw;

  }

  .bikyakurich .lineup-block-unit__ttl {

    margin-top: 3vw;

    margin-right: 5vw;

  }

  .lineup-block-unit-ttl-wrap.bg_ttl01,

  .lineup-block-unit-ttl-wrap.bg_ttl02,

  .lineup-block-unit-ttl-wrap.bg_ttl03,

  .lineup-block-unit-ttl-wrap.bg_ttl04 {

    background-position: center;

  }

}

.voice-block__ttl img {

  max-width: 100%;

}

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

  .pc {

    display: none;

  }

  .sp {

    display: block !important;

  }

  #special03 {

    background-image: url(../img/sp_mian_bg.png);

    background-size: contain;

    margin: 0 auto;

  }

  #special03 #wrap {

    margin-bottom: 13vw;

  }

  #special03 #content {

    width: 100%;

    max-width: inherit;

  }

  /*アンカー調整

----------------------------------------------------------------------*/

  #bikyaku_long,

  #bikyaku_super,

  #bikyaku_spats,

  #reset_socks,

  #bikyaku_rich,

  #chart01,

  #chart02,

  #chart03,

  #chart04,

  #chart05,

  #chart06,

  #chart07,

  #chart08,

  #lineupbikyakulong,

  #lineupbikyakusuper,

  #lineupbikyakusuper,

  #lineupsocks,

  #lineupspats,

  #lineupbikyakurich {

    content: '';

    display: block;

    margin-top: -68px;

    padding-top: 68px;

  }

  .special03-container {

    max-width: 100%;

    width: 100%;

    padding-bottom: 11vw;

  }

  .special03-inner {

    width: 100%;

    margin: 0 auto;

  }

  .content-maivisual {

    width: 95%;

    margin: 5% auto;

  }

  .content-maivisual__item {

    display: block;

  }

  .txtblock {

    margin-top: 0.5%;

  }

  .imgbg {

    min-height: inherit;

    margin-bottom: inherit;

    background-size: 85%;

    background-position: center 100%;

  }

  .imgbg .txtblock-item {

    padding-bottom: 2%;

    margin-bottom: 0;

  }

  .txtblock-lead {

    font-size: 3.9vw;

    padding-bottom: 2%;

  }

  .txtblock-item {

    font-size: 3.2vw;

    margin-top: 2%

  }

  .special03-product__ttl {

    font-size: 4.9vw;

    margin-bottom: 2.6%;

    background-size: contain;

    line-height: 1.7;

  }

  .special03-product {

    margin-bottom: inherit;

  }

  .special03-product .special03-itemblock:first-of-type {

    width: calc(492 / 768 * 100vw);

    margin-top: inherit;

    margin-bottom: 0;

    justify-content: space-around

  }

  .special03-product .special03-itemblock:nth-of-type(2) {

    width: calc(285 / 768 * 100vw);

  }

  .special03-product .special03-itemblock:first-of-type .special03-itemblock__item img {

    width: 14.5vw;

  }

  .special03-product .special03-itemblock:nth-of-type(2) .special03-itemblock__item img {

    width: 16.38vw;

  }

  .special03-product .special03-itemblock .special03-itemblock__item .productname {

    font-size: 2.9vw;

    min-height: 4.5em;

  }

  .special03-product .special03-itemblock:nth-of-type(2) .limited_txt {

    font-size: 10px;

    transform: scale(0.9);

    line-height: 1.2;

    margin-top: 0;

  }

  #summary-block {

    margin-bottom: 14.32%;

  }

  .summary-lead {

    font-size: 3.26vw;

    margin-top: 2.6%;

    margin-bottom: 1.3%;

    padding: 0;

  }

  .summary-ttl__small {

    font-size: 4.6vw;

  }

  .summary-ttl {

    font-size: 5.8vw;

    line-height: 1.2;

    padding: 1.5vw 2%;

    margin-bottom: 2%;

  }

  .summary-unit__ttl {

    font-size: 3.9vw;

    line-height: 1.5;

  }

  .summary-unit__ttl,

  .summary-unit__txt,

  .summary-txtblock {

    padding: 0 2%;

  }

  .summary-unit__txt,

  .summary-txtblock {

    font-size: 3.2vw;

    margin: 3.9vw auto;

  }

  .summary-itemblock {

    margin-top: 1%;

  }

  #happaysummary .summary-ttl {

    background-image: url(../img/icon_b_pinkarrow.png), url(../img/sp_happy_ttl_bg.png);

    background-position: 96% center, right top;

    background-size: 6.5vw, contain;

  }

  #unhappysummary .summary-ttl {

    background-image: url(../img/icon_b_bluearrow.png), url(../img/sp_unhappy_ttl_bg.png);

    background-position: 96% center, right top;

    background-size: 6.5vw, contain;

  }

  #happaysummary .summary-ttl.open {

    background-image: url(../img/icon_t_pinkarrow.png), url(../img/sp_happy_ttl_bg.png);

  }

  #unhappysummary .summary-ttl.open {

    background-image: url(../img/icon_t_bluearrow.png), url(../img/sp_unhappy_ttl_bg.png);

  }

  .txtblock-unit-wrap {

    margin-bottom: 3.9%;

  }

  .txtdeadline {

    font-size: 2.86vw;

  }

  .summary-ttl.js-dropdown.open {

    margin-bottom: 2%

  }

  .summary-inner .closebtn-wrap {

    margin-bottom: 11%;

  }

  #unhappysummary .summary-inner .summary-unit-wrap .dlpdf {

    font-size: 3.5vw;

  }

  .img_flow_happyfourWrap {

    width: 47.3vw;

    margin: 5% auto 0

  }

  .img_flow_happyfourWrap img {

    text-align: center;

  }

  .img_flow_unhappyfourWrap {

    width: 47.3vw;

    margin: 5% auto 0

  }

  .img_flow_unhappyfourWrap img {

    text-align: center;

  }

  .kisetu-block_txt,

  .lineup-block-unit_txt {

    font-size: 23px;

    font-family: "GenJyuuGothic-Bold";

    text-align: center;

    line-height: 1.7;

  }

  .kisetu-pkg,

  .lineup-pkg {

    text-align: center;

    margin-bottom: 70px;

  }

  .kisetu-pkg__item,

  .lineup-pkg__img {

    width: 270px;

  }

  /*季節のオススメ------------------------------------*/

  #kisetu-block-wrap {

    background-image: url(../img/sp_bg_kisetu.png);

    background-size: 100%;

    padding-bottom: 25vw;

    height: inherit;

  }

  #kisetu-block-wrap .special03-inner {

    width: 100%;

  }

  .kisetu-block_ttl {

    background-image: url(../img/sp_bg_wavyline.png);

    font-size: 7.8vw;

    margin-top: -3.5%;

    margin-bottom: 3.2%;

    line-height: 1.7;

    background-size: 100%;

  }

  .kisetu-block-leadwrap {

    background-image: url(../img/bg_kisetu_lead.png), url(../img/bg_kisetu_leadline.png);

    background-repeat: no-repeat;

    background-position: 5% 65%, 50% 0%;

    background-size: 59vw, contain;

    min-height: 35vw;

    text-align: center;

    position: relative;

  }

  .kisetu-block__lead {

    font-size: 4.3vw;

    top: 25%;

    left: 10%;

  }

  .kisetu-pkg__item,

  .lineup-pkg__img {

    width: 50%;

  }

  .kisetu-block_txt,

  .lineup-block-unit_txt {

    font-size: 3.9vw;

    line-height: 2;

  }

  .kisetu-block_txt {

    margin-bottom: 4.5%;

  }

  .kisetu-pkg,

  .lineup-pkg {

    margin-bottom: 7%;

  }

  /*

---------------------------------------------------------------------------------*/

  .btn-common {

    width: 50%;

    height: 13vw;

    padding: 1.9vw 0;

    font-size: 5.2vw;

  }

  .btn-common:hover {

    padding-top: 2.6vw;

  }

  .btn-common::after {

    content: "";

    position: absolute;

    top: -1vw;

    left: -1vw;

    border-radius: 7vw;

    width: 100%;

    height: 100%;

    z-index: -1;

    box-sizing: border-box;

  }

  .btn-common.happyclose::after,

  .btn-common.unhappyclose::after {

    background-size: 6.5vw;

  }

  .btn-common.happyclose::after {}

  .btn-common.onlinebtn {

    font-size: 3.6vw;

    padding: 2.8% 0;

  }

  .btn-common.onlinebtn::before {

    height: auto;

  }

  .btn-common.morebtn::after,

  .btn-common.onlinebtn::after {

    background-size: 3.3vw;

  }

  .btn-common.onlinebtn::before {

    width: 5vw;

    background-size: 100%;

    margin-right: 4.0vw;

    margin-left: 3.6vw;

    background-position: center 0.5vw;

  }

  .btn-common.onlinebtn:hover {

    padding-top: 4vw;

  }

  .btn-common.morebtn {

    margin-bottom: 3.9%;

  }

  /*

---------------------------------------------------------------------------------------*/

  #chart-block-wrap {

    margin-bottom: 0px;

    margin-top: -20vw;

  }

  #chart-block-wrap .special03-container {

    margin-bottom: 0;

    padding-top: 0;

  }

  #chart-block-wrap .special03-chart-bg {

    background-image: url(../img/sp_bg_chart.png);

    width: 100%;

    background-size: 100%;

    height: 177vw;

    min-height: inherit;

  }

  #chart-block-wrap .special03-inner {

    width: 96%;

    margin-top: 5.2%;

    padding-top: 25vw;

  }

  #chart-block-wrap .btn-common {

    width: 42vw;

    font-size: 6.5vw;

    padding: 1% 0.2em 0 0;

    box-sizing: border-box;

  }

  #chart-block-wrap #chart03 .btn-common {

    width: 27vw;

  }

  .chart-btn-warp {

    padding-top: 37%;

  }

  .chart-block-unit {

    padding-bottom: 22%;

  }

  .chart-block__ttl {

    margin-top: 5.21vw;

  }

  .chart-block__ttl .returntxt {

    font-size: 4.2vw;

  }

  .chart-block__ttl .returntxt::before {

    background-size: 40%;

    top: 23%;

    left: 35%;

    width: 7%;

  }

  .chart-block__ttl img {

    width: 100%;

  }

  .chart-block__question {

    font-size: 9.3vw;

    padding-right: 20%;

  }

  .chart01_girl {

    padding-top: 16%;

    background-size: 62%;

    background-position: 100% 15%;

  }

  .chart02_girl {

    padding-top: 16%;

    background-size: 76%;

    background-position: 100% 38%;

  }

  .chart03_girl {

    padding-top: 16%;

    background-size: 41%;

    background-position: 100% 0%;

  }

  .chart-block-answer__product {

    font-size: 11vw;

    padding-top: 20vw;

  }

  .chart-block-answer__txt {

    font-size: 5.2vw;

    margin-top: 9vw;

    margin-bottom: 6vw;

  }

  #chart04 .chart-block__ttl,

  #chart05 .chart-block__ttl,

  #chart06 .chart-block__ttl,

  #chart07 .chart-block__ttl,

  #chart08 .chart-block__ttl {

    padding-top: 0vw;

  }

  .chart-arrow_item {

    width: 12vw;

    margin: 0 auto;

    text-align: center;

  }

  #lineup-block-wrap .special03-inner {

    width: 100%;

    padding-top: 6.5%;

    margin-bottom: 13%;

  }

  .lineup-block-unit-ttl-wrap {

    font-size: 9vw;

    max-width: inherit;

    min-height: 26vw;

    position: absolute;

  }

  .lineup-block-unit-ttl-wrap span {

    margin: auto;

    display: block;

    width: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

  }

  .lineup-block-unit-ttl-wrap.bg_ttl01,

  .lineup-block-unit-ttl-wrap.bg_ttl02,

  .lineup-block-unit-ttl-wrap.bg_ttl03,

  .lineup-block-unit-ttl-wrap.bg_ttl04 {

    background-image: url(../img/sp_lineup_ttl_bg.png);

    background-size: contain;

    background-position: center center;

    position: relative;

  }

  .lineup-block-unit-bottom {

    font-size: 3.9vw;

  }

  .lineup-block-unit .product-btn-group,

  .lineup-block-unit_txt {

    margin-bottom: 7.1%;

  }

  .lineup-block-unit .arrow-bottom__item {

    width: 4.5vw;

  }

  .lineup-block-unit-bottom .lineup-block-unit-bottom_txt::before {

    content: "";

    display: inline-block;

    background-image: url(../img/icon_inst.png);

    background-repeat: no-repeat;

    width: 4.0vw;

    height: 4.0vw;

    background-size: 4.0vw;

    left: 8%;

    top: 17%;

  }

  .bikyakulong .lineup-block-unit__ttl,

  .spats .lineup-block-unit__ttl,

  .socks .lineup-block-unit__ttl,

  .bikyakusuper .lineup-block-unit__ttl {

    margin: auto;

  }

  .bikyakulong .special03-inner {

    background-size: 58%, 44%;

    background-position: 0px 77%, right top;

  }

  .bikyakusuper .special03-inner {

    background-size: 48%, 65%;

    background-position: left top, 0 90%;

  }

  .spats .special03-inner {

    background-size: 48%, 63%;

    background-position: left 0%, 0 90%;

  }

  .socks .special03-inner {

    background-size: contain, 47%;

    background-position: center 3%, 0 90%;

  }

  .bikyakurich .special03-inner {

    background-size: 36%, 73%;

    background-position: 94% 10%, 0 97%;

  }

  .bikyakurich .lineup-block-unit__ttl {

    margin: inherit;

    line-height: 1.1;

  }



  .product-btn__item {

  margin-bottom: 3.9%;

}

.product-btn__item .product-btn__item-more {

  width: 50%;

  height: 13vw;

  font-size: 5.2vw;

}

.product-btn__item .product-btn__item-more.btn-shadow:before {

  background-size: 3.3vw;

}

.product-btn__item .product-btn__item-online {

  width: 50%;

  height: 13vw;

  font-size: 3.8vw;

}

.product-btn__item .product-btn__item-online.btn-shadow:before {

  background-size: 5.3vw, 3.3vw;

  font-size: 4.2vw;

}





  #voice-block-wrap {

    background-image: url(../img/sp_bg_voice.png);

    padding-bottom: 150px;

    padding-top: 50px;

    margin-top: 0;

    min-height: 130vw;

    background-size: cover;

  }

  #voice-block-wrap .special03-container {

    padding-top: 0;

    max-width: inherit;

    padding-bottom: 0;

  }

  .voice-block-unit {

    /*  margin-bottom: 1.3%;*/

  }

  .voice-block-unit-box {

    width: 96%;

    padding: 2.5vw 4.5vw 2.5vw 4.5vw;

    margin: 0 auto;

  }

  .voice-block__ttl {

    width: 100%;

    text-align: center;

  }

  .voice-block__ttl img {

    max-width: 100%;

  }

  .voice-block__ttl span {

    font-size: 7.8vw;

  }

  .voice-block-unit-box__name {

    padding-bottom: 1.3%;

    margin-bottom: 3.2%;

  }

  .voice-block-unit-box__name img {

    width: 8.0vw;

  }

  .inst_articles .inst_post + img {

    width: 28vw;

  }

  .inst_articles .inst_post {

    font-size: 2.9vw;

    line-height: 1.2;

    margin-left: 1.9%;

    width: calc(100% - 18vw);

    align-self: center;

  }

  .inst_post_txt img {

    width: 18vw;

  }

  .inst_id {

    font-size: 3.2vw;

  }

  .inst_btn {

    width: 15vw;

    max-width: 140px;

  }

  .inst_txtWrap {

    margin-bottom: 0.5em;

  }

  .inst_post .inst_post_txt + img {

    width: 22vw;

    display: inline-block;

    margin-top: 1em;

  }

  .voice-block-unit__ttl .voice-block-unit__ttl-txt {

    font-size: 3.4vw;

    padding-left: 0.2em;

    margin-top: 0;

    letter-spacing: 0.1em;

  }

  .voice-block-unit__ttl {

    padding: 0% 0 1% 3.5%;

    margin: 0;

    background-size: contain;

    background-position: 0% 120%;

  }

  .voice-block-unit__ttl img {

    max-width: 48px !important;

    width: 10vw;

  }

  .voice-block-unit .arrow-bottom {

    text-align: center;

  }

  .voice-block-unit .arrow-bottom__item {

    width: 4.5vw;

  }

  .voice-block-unit > a p:first-of-type {

    font-size: 3.9vw;

    text-align: center;

    padding: 0 0.5em;

    margin-bottom: 1.9%;

  }

  .voice-block-unit a {

    margin-top: 2%;

    /*margin-bottom: 2.5%;*/

  }

  #bikyaku_long .voice-block-unit__ttl {

    width: 55vw;

    margin-top: 4vw;

  }

  #bikyaku_long .voice-block-unit__ttl-txt {

    margin-top: 5vw;

  }

  #bikyaku_super .voice-block-unit__ttl {

    width: 70vw;

  }

  #bikyaku_super .voice-block-unit__ttl-txt {

    margin-top: 5vw;

  }

  #bikyaku_spats .voice-block-unit__ttl {

    width: 70vw;

  }

  #bikyaku_spats .voice-block-unit__ttl-txt {

    margin-top: 3vw;

  }

  #reset_socks .voice-block-unit__ttl {

    width: 75vw;

  }

  #reset_socks .voice-block-unit__ttl-txt {

    margin-top: 5vw;

  }

  #bikyaku_rich .voice-block-unit__ttl {

    width: 90vw;

  }

  #bikyaku_rich .voice-block-unit__ttl-txt {

    margin-top: 6vw;

  }

  #daytime-block-wrap .special03-inner {

    width: 96%;

    padding-top: 25%;

  }

  #daytime-block-wrap {

    background-image: url(../img/sp_bg_daytime_dots.png), url(../img/sp_bg_daytime_top.png), url(../img/sp_bg_daytime_bottom.png);

    background-position: bottom right, top, bottom;

    background-repeat: no-repeat;

    background-size: 95%, auto, auto;

  }

  .inst_txtWrap {

    min-height: 5em;

  }

  .inst_post .inst_post_txt {

    min-height: inherit;

  }

  .daytime-block__ttl {

    font-size: 3.9vw;

    margin-bottom: 5%;

  }

  .daytime-block__lineup {

    width: 82vw;

    margin: 0 auto 11vw;

  }

  .logo_daytime {

    width: 62vw;

    margin: 0 auto;

  }

  .daytime-block__lineup li img {

    width: 20.57vw;

  }

  .daytime-block_lead {

    margin-bottom: 7.16vw;

  }

  #daytime-block-wrap .btn-common.morebtn {

    margin: 0 auto;

  }

  /*------------------------------------

shop_list

---------------------------*/

  .shop_list .close {

    display: block !important;

    height: 48px !important;

    position: absolute !important;

    right: 15px !important;

    top: 20px !important;

    width: 48px !important;

    z-index: 5000 !important;

  }

  #footerNavi {

    width: 90%;

  }

  /*応募の流れ

happay-block

------------------------------------*/

  #happay-block-wrap {

    padding-bottom: 0;

  }

  #unhappay-block-wrap {

    background-size: contain;

    padding-bottom: 18.23vw;

  }

  #unhappay-block-wrap .special03-container {

    padding-bottom: 0

  }

  #happay-block-wrap .flow-block-ttl,

  #unhappay-block-wrap .flow-block-ttl {

    background-size: cover;

  }

  #happay-block-wrap .flow-block-means {

    margin-bottom: 3.91%;

  }

  .flow-block-wrap .flow-block_contents {

    max-width: inherit;

    width: 100%;

  }

  .flow-block-wrap .flow-block-ttl {

    font-size: 5.21vw;

    min-height: inherit;

    margin-bottom: 4.56%;

  }

  .flow-block-ttl span {

    font-size: 7.25vw;

  }

  .flow-block-wrap .flow-block_txt {

    padding: 4.56% 0 5%;

  }

  .flow-block-wrap .flow-block-lead {

    font-size: 7.81vw;

  }

  .flow-block-wrap .flow-block-lead img {

    max-width: 260px !important;

    width: 45%;

  }

  .flow-block-wrap .flow-block-lead p > span {

    font-size: 7.25vw;

  }

  .flow-block-numberWrap {

    width: 95%;

    margin: 0 auto;

  }

  .flow-block-numberWrap .number-item-block {

    width: 95%;

  }

  .flow-block-means_item .block-means_ttl {

    font-size: 3.0vw;

    margin-bottom: 1.3%;

  }

  .flow-block-means_item .block-means_ttl img {

    max-width: 46px !important;

    width: 7.29vw;

  }

  .flow-block-means_item .block-means_ttl span {

    margin-bottom: 1.3%;

  }

  .flow-block-means_item .block-means_txt {

    font-size: 3.52vw;

  }

  .flow-block-means_item .block-means_txt span.font-small {

    font-size: 2.86vw;

  }

  .flow-block-means_item .block-means_txt span {

    font-size: 4.0vw;

  }

  .flow-block-means_item .img_quocardpay {

    width: 85%;

  }

  .flow-block-means_item .pkg_roomwear {

    width: 75%;

  }

  .flow-block-bg_ttl {

    font-size: 4.56vw;

    margin-bottom: 1.3vw;

  }

  .number-item-block .number-item dl {

    font-size: 3.52vw;

  }

  .flow-block-numberWrap .number-item .imgsnsicon {

    max-width: 46px !important;

    width: 7.29vw;

  }

  .flow-block-numberWrap .number-item-block {

    margin: 2.6% auto 2.6%;

  }

  .number-item-block ul.number-item li {

    font-size: 3.52vw;

  }

  .number-item-block ul.number-item li:nth-of-type(n+2) {

    margin-left: 1em;

  }

  .number-item-block ul.number-item li.hashtag {

    margin-left: 0;

    font-size: 3.1vw;

  }

  .number-item-block ul.number-item li.hashtag:last-of-type {

    margin-right: 0;

  }

  .number-item-block ul.number-item li::before {

    font-size: 3vw;

  }

  .flow-block-number .flow-block_deadline {

    font-size: 2.99vw;

  }

  .flow-block-sample p {

    font-size: 3.91vw;

    margin-top: 5.21%;

    margin-bottom: 2.6%;

    background-size: 80%;

  }

  .flow-block-sample ul {

    margin: 0 auto;

    flex-wrap: wrap;

    width: 75%;

    justify-content: space-between;

  }

  .flow-block-sample ul li {

    width: 49%;

  }

  .flow-block-number .dlpdf {

    font-size: 3.52vw;

    margin-top: 2.6%;

    margin-bottom: 2.6%;

  }

  .flow-block-numberWrap .pdf-icon {

    width: 5% !important;

  }

  .flow-block-numberWrap .dlpdf a {

    vertical-align: middle;

  }

  .flow-block-wrap .flow-block-lead_img {

    width: 75%;

    margin: 0 auto 7.16%;

  }

  .number-item li img {

    width: 9.38vw;

  }

  .flow-block-means .flow-block-means_item {

    background-size: contain;

  }

  .product_txt {

    margin-top: 5%;

    margin-bottom: 0;

    font-size: 2.9vw;

  }

}