@charset "UTF-8";
@font-face {
  font-family: "icon";
  src: url("/ec/css/fonts/icon.eot");
  src: url("/ec/css/fonts/icon.eot?#iefix") format("eot"), url("/ec/css/fonts/icon.woff") format("woff"), url("/ec/css/fonts/icon.ttf") format("truetype"), url("/ec/css/fonts/icon.svg#icon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icofont-"]:before, [class*=" icofont-"]:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icofont-01:before {
  content: ""; }

.icofont-02:before {
  content: ""; }

.icofont-03:before {
  content: ""; }

.icofont-04:before {
  content: ""; }

.icofont-05:before {
  content: ""; }

.icofont-06:before {
  content: ""; }

.icofont-07:before {
  content: ""; }

.icofont-08:before {
  content: ""; }

.icofont-09:before {
  content: ""; }

.icofont-10:before {
  content: ""; }

.icofont-11:before {
  content: ""; }

.icofont-12:before {
  content: ""; }

.icofont-13:before {
  content: ""; }

.icofont-14:before {
  content: ""; }

.icofont-15:before {
  content: ""; }

.icofont-16:before {
  content: ""; }

.icofont-17:before {
  content: ""; }

.icofont-18:before {
  content: ""; }

.icofont-19:before {
  content: ""; }

.icofont-20:before {
  content: ""; }

.icofont-21:before {
  content: ""; }

.icofont-22:before {
  content: ""; }

.icofont-23:before {
  content: ""; }

.icofont-24:before {
  content: ""; }

.icofont-25:before {
  content: ""; }

*[class*="ico-ctg0"]:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%; }

.ico-ctg01::before {
  background: #e04388; }

.ico-ctg02::before {
  background: #e87c83; }

.ico-ctg03::before {
  background: #65b9b3; }

.ico-ctg04::before {
  background: #dbb029; }

.ico-ctg05::before {
  background: #489ad3; }

.ico-ctg06::before {
  background: #002e79; }

.ico-ctg07::before {
  background: #cb93c3; }

img {
  flex-shrink: 0; }

.is_not_towel {
  display: none; }

@media (max-width: 768px) {
  .twl-wrapper {
    padding-left: 4vw;
    padding-right: 4vw; } }
@media screen and (min-width: 769px) {
  .twl-wrapper {
    margin-bottom: 50px; } }

.twl-h3 {
  color: #77664A;
  font-weight: bold;
  text-align: center;
  line-height: 1.3;
  position: relative; }
  @media (max-width: 768px) {
    .twl-h3 {
      padding-bottom: 2.666vw;
      margin-bottom: 5.333vw;
      margin-top: 10.667vw;
      font-size: 4.6vw; } }
  @media screen and (min-width: 769px) {
    .twl-h3 {
      font-size: 24px;
      padding-bottom: 10px;
      margin-bottom: 20px;
      margin-top: 40px; }
      .twl-h3::after {
        width: 780px;
        height: 2px; } }
  .twl-h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    background-image: url(/ec/images/shop1/ft_towel/under_line.png); }
    @media screen and (min-width: 769px) {
      .twl-h3::after {
        background-size: contain;
        width: 780px;
        height: 2px; } }
    @media (max-width: 768px) {
      .twl-h3::after {
        background-size: cover;
        width: 92vw;
        height: 2px; } }

.twl-h2 {
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  background-image: url(/ec/images/shop1/ft_towel/h2.png);
  background-repeat: no-repeat;
  background-size: contain;
  line-height: 1; }
  @media (max-width: 768px) {
    .twl-h2 {
      font-size: 5.6vw;
      margin-bottom: 10.133vw;
      height: 19.344vw;
      padding-top: 7vw; } }
  @media screen and (min-width: 769px) {
    .twl-h2 {
      font-size: 44px;
      margin-bottom: 40px;
      width: 780px;
      height: 164px;
      line-height: 164px; } }
  @media (max-width: 768px) {
    .twl-h2.is__towel {
      padding-top: 4.933vw;
      padding-bottom: 4.933vw; } }
  @media screen and (min-width: 769px) {
    .twl-h2.is__towel {
      padding-top: 42px;
      padding-bottom: 42px;
      line-height: 1; } }
  .twl-h2__small {
    display: block;
    text-align: center; }
    @media (max-width: 768px) {
      .twl-h2__small {
        font-size: 3.2vw;
        margin-bottom: 1.2vw; } }
    @media screen and (min-width: 769px) {
      .twl-h2__small {
        font-size: 24px;
        margin-bottom: 11px; } }
  @media (max-width: 768px) {
    .twl-h2 span {
      font-size: 3.077vw; } }
  @media screen and (min-width: 769px) {
    .twl-h2 span {
      font-size: 24px; } }

.twl-btn {
  background-color: #77664A !important;
  color: #fff !important; }
  @media screen and (min-width: 769px) {
    .twl-btn {
      margin-top: 20px; } }
  @media (max-width: 768px) {
    .twl-btn {
      margin-top: 5.333vw; } }

.twl-lead {
  text-align: center; }
  @media (max-width: 768px) {
    .twl-lead {
      font-size: 3.733vw;
      margin: 10.667vw auto;
      line-height: 1.7; } }
  @media screen and (min-width: 769px) {
    .twl-lead {
      font-size: 18px;
      margin: 40px auto;
      line-height: 2; } }

@media (max-width: 768px) {
  .twl-bnr {
    margin-top: 10.667vw;
    margin-bottom: 10.667vw; } }
@media screen and (min-width: 769px) {
  .twl-bnr {
    margin-top: 40px;
    margin-bottom: 40px; } }

@media (max-width: 768px) {
  .twl-anchor {
    margin-bottom: 18.667vw; } }
@media screen and (min-width: 769px) {
  .twl-anchor {
    margin-bottom: 60px; } }
.twl-anchor__list {
  justify-content: center; }
  @media screen and (min-width: 769px) {
    .twl-anchor__list {
      width: 187px; } }
.twl-anchor__item {
  background-color: #77664A !important; }
  @media (max-width: 768px) {
    .twl-anchor__item {
      border-radius: 2.666vw !important; } }
  @media screen and (min-width: 769px) {
    .twl-anchor__item {
      border-radius: 10px !important; } }
.twl-anchor__link {
  color: #fff !important;
  font-weight: bold;
  padding-bottom: 1.4em !important; }
  @media (max-width: 768px) {
    .twl-anchor__link {
      font-size: 4.533vw; } }
  @media screen and (min-width: 769px) {
    .twl-anchor__link {
      font-size: 16px; } }
  .twl-anchor__link::before {
    border-top-color: #fff !important;
    bottom: 0.3em !important;
    border-width: 0.4em; }

.twl-sec {
  position: relative; }
  @media (max-width: 768px) {
    .twl-sec + .twl-sec {
      margin-top: 18.667vw; } }
  @media screen and (min-width: 769px) {
    .twl-sec + .twl-sec {
      margin-top: 100px; } }

@media (max-width: 768px) {
  .twl-category__item + .twl-category__item {
    margin-top: 16vw; } }
@media screen and (min-width: 769px) {
  .twl-category__item + .twl-category__item {
    margin-top: 120px; } }
.twl-category__item:nth-of-type(1) .twl-category__h3 {
  background-image: url(/ec/images/shop1/ft_towel/h3_imabari.png); }
.twl-category__item:nth-of-type(2) .twl-category__h3 {
  background-image: url(/ec/images/shop1/ft_towel/h3_brand.png); }
.twl-category__item:nth-of-type(3) .twl-category__h3 {
  background-image: url(/ec/images/shop1/ft_towel/h3_set.png); }
.twl-category__h3 {
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  width: 100%; }
  @media (max-width: 768px) {
    .twl-category__h3 {
      height: 38.4vw; } }
  @media screen and (min-width: 769px) {
    .twl-category__h3 {
      height: 329px; } }
  .twl-category__h3-txt {
    color: #77664A;
    font-weight: bold;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .twl-category__h3-txt span {
      line-height: 1.3;
      display: block; }
    @media (max-width: 768px) {
      .twl-category__h3-txt {
        font-size: 5.6vw;
        height: 38.4vw; }
        .twl-category__h3-txt span {
          width: 47vw; } }
    @media screen and (min-width: 769px) {
      .twl-category__h3-txt {
        font-size: 36px;
        height: 329px; }
        .twl-category__h3-txt span {
          width: 390px; } }
.twl-category__lead {
  line-height: 1.714; }
  @media (max-width: 768px) {
    .twl-category__lead {
      font-size: 3.2vw;
      margin-top: 5.333vw;
      margin-bottom: 5.333vw; } }
  @media screen and (min-width: 769px) {
    .twl-category__lead {
      font-size: 14px;
      margin-top: 20px;
      margin-bottom: 20px; } }
@media screen and (min-width: 769px) {
  .twl-category__col {
    display: flex; } }
.twl-category__col-item {
  background-color: #ffffff; }
  @media (max-width: 768px) {
    .twl-category__col-item + .twl-category__col-item {
      margin-top: 5.333vw; } }
  @media screen and (min-width: 769px) {
    .twl-category__col-item + .twl-category__col-item {
      margin-left: 24px; } }
  @media (max-width: 768px) {
    .twl-category__col-item {
      border-radius: 2.666vw;
      padding: 5.333vw; } }
  @media screen and (min-width: 769px) {
    .twl-category__col-item {
      border-radius: 10px;
      padding: 30px;
      width: calc(50% - 12px); } }
  .twl-category__col-item .twl-btn {
    color: #77664A !important;
    background-color: #F7EFE2 !important;
    font-size: 12px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    padding: 0.5em !important;
    background-image: url("data:image/svg+xml;charset=utf8,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%20width%3d%228%2e07px%22%20height%3d%2215%2e14px%22%20viewBox%3d%220%200%208%2e07%2015%2e14%22%20style%3d%22enable%2dbackground%3anew%200%200%208%2e07%2015%2e14%3b%22%20xml%3aspace%3d%22preserve%22%3e%3cstyle%20type%3d%22text%2fcss%22%3e%2est0%7bfill%3anone%3bstroke%3a%2377664A%3bstroke%2dlinecap%3around%3bstroke%2dlinejoin%3around%3bstroke%2dmiterlimit%3a10%3b%7d%3c%2fstyle%3e%3cdefs%3e%3c%2fdefs%3e%3cg%20stroke%3d%22%2377664A%22%3e%3cpolyline%20class%3d%22st0%22%20points%3d%220%2e5%2c0%2e5%207%2e57%2c7%2e57%200%2e5%2c14%2e64%20%22%2f%3e%3c%2fg%3e%3c%2fsvg%3e") !important; }
.twl-category__col-cont {
  display: flex; }
  @media (max-width: 768px) {
    .twl-category__col-cont {
      margin-bottom: 5.333vw; }
      .twl-category__col-cont.is_reverse {
        flex-flow: row-reverse; }
        .twl-category__col-cont.is_reverse .twl-category__col-left {
          margin-right: 0;
          margin-left: 2.666vw; } }
  @media screen and (min-width: 769px) {
    .twl-category__col-cont {
      margin-bottom: 20px; } }
@media (max-width: 768px) {
  .twl-category__col-left {
    max-width: 39.2vw;
    margin-right: 2.666vw; }
    .twl-category__col-left img {
      margin-bottom: 2.6vw; } }
@media screen and (min-width: 769px) {
  .twl-category__col-left {
    width: 152px;
    margin-right: 14px; }
    .twl-category__col-left img {
      margin-bottom: 10px; }
    .twl-category__col-left .is__towel {
      margin-bottom: 5px; } }
@media (max-width: 768px) {
  .twl-category__col-right {
    max-width: 39.2vw; } }
@media screen and (min-width: 769px) {
  .twl-category__col-right {
    max-width: 152px;
    max-height: 152px; } }
.twl-category__col-txt {
  text-align: center;
  line-height: 1.667; }
  @media (max-width: 768px) {
    .twl-category__col-txt {
      font-size: 3.2vw;
      white-space: nowrap; } }
  @media screen and (min-width: 769px) {
    .twl-category__col-txt {
      font-size: 12px; } }
@media (max-width: 768px) {
  .twl-category__module {
    margin-top: 5.333vw; } }
@media screen and (min-width: 769px) {
  .twl-category__module {
    margin-top: 20px; } }

@media (max-width: 768px) {
  .twl-address__item + .twl-address__item {
    margin-top: 10.667vw; } }
@media screen and (min-width: 769px) {
  .twl-address__item + .twl-address__item {
    margin-top: 40px; } }
.twl-address__item:nth-of-type(1) .twl-address__h3 {
  background-image: url(/ec/images/shop1/ft_towel/h3_01.png); }
.twl-address__item:nth-of-type(2) .twl-address__h3 {
  background-image: url(/ec/images/shop1/ft_towel/h3_02.png); }
.twl-address__item:nth-of-type(3) .twl-address__h3 {
  background-image: url(/ec/images/shop1/ft_towel/h3_03.png); }
.twl-address__item:nth-of-type(4) .twl-address__h3 {
  background-image: url(/ec/images/shop1/ft_towel/h3_04.png); }
.twl-address__item:nth-of-type(5) .twl-address__h3 {
  background-image: url(/ec/images/shop1/ft_towel/h3_05.png); }
.twl-address__item:nth-of-type(6) .twl-address__h3 {
  background-image: url(/ec/images/shop1/ft_towel/h3_06.png); }
.twl-address__item:nth-of-type(7) .twl-address__h3 {
  background-image: url(/ec/images/shop1/ft_towel/h3_07.png); }
.twl-address__h3 {
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  color: #77664A;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: center; }
  .twl-address__h3 span {
    display: block; }
  @media (max-width: 768px) {
    .twl-address__h3 {
      height: 16vw;
      margin-bottom: 5.333vw;
      font-size: 3.6vw; } }
  @media screen and (min-width: 769px) {
    .twl-address__h3 {
      height: 137px;
      margin-bottom: 20px;
      font-size: 24px; } }
.twl-address__lead {
  line-height: 1.714; }
  @media (max-width: 768px) {
    .twl-address__lead {
      font-size: 3.2vw;
      margin-top: 5.333vw;
      margin-bottom: 5.333vw; } }
  @media screen and (min-width: 769px) {
    .twl-address__lead {
      font-size: 14px;
      margin-top: 20px;
      margin-bottom: 20px; } }

@media (max-width: 768px) {
  .twl-kakaku .cmn_tile__wrp .cmn-btn01 a {
    font-size: 2vw;
    padding: 15px 5px 15px 11px !important; }

  .twl-logo__list {
    margin: -5vw auto -4vw auto; } }

/*# sourceMappingURL=style.css.map */