@charset "euc-jp";
@font-face {
  font-family: 'point-t'; 
  src: url('https://pro.tilemade.jp/font/HamburgHand-Light.otf') format('opentype');
}

#scroll-top{
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: #294f7d;
    padding: 20px;
   opacity: 0;
        -webkit-transition: all 1s;
      -moz-transition: all 1s;
      -ms-transition: all 1s;
      -o-transition: all 1s;
      transition: all 1s;
      opacity: 0;
}
#scroll-top a{
    display: block;
    text-decoration: none;
  color:#fff;
}
#scroll-top:hover{
    opacity: 0.85 ;
}

/* main style change */
.col-lg-9{
  width: 80%;
}
.col-lg-3{
  width: 20%;
}

#sample-item-no {
  display: none; 
}

/*
 * font
 */

 @font-face {
	font-family: 'avenirCn';
	src: url(//choppydays.com/ext-data/fonts/AvenirNextLTPro-Cn.woff);
}
@font-face {
	font-family: 'avenirCnIt';
	src: url(//choppydays.com/ext-data/fonts/AvenirNextLTPro-CnIt.woff);
}

.icon-beginner {
    font-size: 30px;
    vertical-align: middle;
    margin-right: 10px;
}

/*reset*/
ul, ol {
    margin: 0;
    padding: 0;
}

/*
 * header
 */
#img-logo{
 width: 90px; 
}
#img-logo img{
  width: 90px; 
}
.txt-logo{
  display: block;
    text-indent: -9999px;
    position: absolute;
}
.logo_small{
  width: 40px;
  margin-right: 10px;
}
#header {
    height: 60px;
}

.inner{
      margin: 0 auto;
    width: 1200px;
    height: 90px;
}

#header_sticker {
    width: 100%;
    height: 90px;
    background-color: #fff;
    position: fixed;
    top: 0px;
    z-index: 1999;
    min-width: 1260px;
    transition-property: height,box-shadow;
    transition-duration: 0.5s;
/*    padding-left: 100px; */
    border-bottom: 1px solid #efefef;
}

#header nav {
  display: inline;
}
#header nav ul{
  display: inline;
}
#header_sticker #btns {
    position: absolute;
    top: 40px;
    right: 150px;
    transition-property: top,right;
    transition-duration: 0.5s;
}
#header_sticker #btns ul {
    list-style-type: none;
}
#header_sticker #btns ul li {
    width: 33px;
    height: 33px;
    float: left;
    margin-left: 10px;
    transition-property: width,height;
    transition-duration: 0.5s;
}
#header_sticker #btns ul li img {
    width: 100%;
}
#header_sticker h1{
    float: left;
    padding-left: 20px;
    padding-right: 20px;

}
#header_sticker nav li {
    list-style-type: none;
    float: left;
    line-height: 1;
    text-align: center;
    margin-right: 5px;
    margin-left: 5px;
}
#header_sticker nav li .menu_en {
    font-family: 'avenirCnIt';
    font-size: 22px;
    font-style: italic;
    letter-spacing: 0.1em;
    transition-property: font-size;
    transition-duration: 0.5s;
}
#header_sticker nav li .menu_en {
    font-size: 15px;
}
#header_sticker nav li .menu_hr {
    margin: 2px auto;
}
#header_sticker nav li .menu_hr {
    border-top: solid 2px #fae78a;
    margin: 2px auto;
    width: 0px;
    transition-property: width;
    transition-duration: 0.5s;
}
#header nav li span {
    display: block;
}
#header nav li .menu_ja {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", "Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  
    font-size: 11px;
}
#header_sticker nav li .menu_hr {
    margin: 2px auto;
}
#header_sticker .inner #btns .member {
  width: 120px;
  font-size: 18px;
}

.box_sidebar{
    width: 100%;
    /*background: #F0EFE9;*/
  background: #F0EFE9;
    /* border-radius: 5px; */
    box-shadow: 0 2px 2px #fff;
    height: 70px;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
    justify-content: center; /* 横方向中央揃え */
    position: relative;

}

.box_sidebar a{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.text_box_sidebar{
    display: inline-block;
    position: relative;
/*    font-weight: bold; */
    font-size: 14px;
}
.box_separate{
    margin-bottom: 25px;
}
.box_sidebar:hover {
    transition: all .3s;
    background: #F0EFE999;
}
/* 分離線
span.text_box_sidebar:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -18px;
    display: inline-block;
    width: 200px;
    height: 1px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    background-color: #ffffff;
}
*/
.text_box_sidebar_last{
    display: inline-block;
    position: relative;
    /*font-weight: bold;*/
    font-size: 14px;
}

.box_sidebar_category{
    width: 100%;
    background: #F0EFE9;
    box-shadow: 0 2px 2px #fff;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.box_sidebar_category .box_sidebar_category_list{
    padding: 10px;
}
.box_sidebar_category .box_sidebar_category_list ul{
    list-style: none;

}

.box_sidebar .fas , .box_sidebar .far{
    font-size: 30px;
    vertical-align: middle;
    margin-right: 10px;
}

.main_category {
    position: relative;
    display: inline-block;
    padding: 5px 15px;
    width: auto;
    min-width: 160px;
    height: 35px;
    line-height: 35px;
    color: #19283C;
    text-align: center;
    background: #FFFFFF;
    z-index: 0;
    filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.6));
    margin: 15px 0 15px 0px;
}
.main_category:before {
	content: "";
	position: absolute;
	bottom: -8px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #FFFFFF transparent transparent transparent;
	z-index: 0;
}
.main_category:after {
	content: "";
	position: absolute;
	bottom: -12px; left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	z-index: -1;
}
.sub_category{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 12px 0;
    padding: 8px 0px;
    display: block;
    font-size: 1em;
    text-decoration: none;
    border-bottom: solid 1px #f2f2f2;
    background-size: 5px;
    color: #333333;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    padding-left: 10px;
}

.sale_price{
    color: #ff2424;
}

.product_list .photo{
    display: block;
    width: 100%;
    margin: 0;
    position: relative;
}
.sale_tag{
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1px 6px;
    font-size: 0.8em;
    color: #fff;
    background: #fb3838d1;
}
background: rgba(255, 0, 51, 0.9);
    color: #ffffff;
    display: inline-block;
    overflow: hidden;
    padding: 0 5px;
    max-width: 100%;
    font-size: 10px;
    line-height: 19px;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap;
    vertical-align: middle;


.proper_price{
    font-size: 13px;
    float:left;
    color: #737373;
}

.product_name{
  font-weight: normal;
  font-size: 11px;
  margin: 0;
  display: block;
}
p.product_price {
    text-align: left;
    font-size: 14px;
    margin: 0;
}

.product_list ul li{
    position: relative;
}
.cancel_float{
  clear:both;
}

    /*
.soldout{
    color: #ffffff;
    background: rgba(255, 0, 0, 0.75);
    padding: 3px;
    width: 77%;
    display: block;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-15deg);
    margin-top: 80px;
    position: absolute;
    text-align: center;
    font-size:14px;
}
*/    
.product_all .sold_out{
    color: #ff0000;
    font-size: 0.8em;
    position: absolute;
    top: 0;
    background: #ffffff;
    opacity: 0.7;
    display: block;
    width: 99%;
    height: 100%;
    text-align: center;
    /*padding-top: 25%;*/
    font-size: 36px;
}

.product-list-checked .product-name{
  display: block;
}
    
/*
 * favorite
 */
/*
 * favorite list
 */
 .product-list__fav-items {
  /*
  margin-top: 10px;
  width: 30px;
*/
   margin-top: -20px;
}

.product-list__fav-items button {
  /* display: block; */
  /* width: 100%; */
  padding: 5px 0;
  cursor: pointer;
  transition: .2s;
  text-align: center;
  color: #999;
  border: 0;
  outline: none;
  background: transparent;
  float: right;
}

.product-list__fav-items .fav-items {
  color: #ff7373;
}

.product-list__fav-items svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.product_list .product_name{
  display: block;
      height: 30px;
    overflow: hidden;
}


  
  .product-list__fav-items .fav-items {
    color: #ff7373;
  }
  
  .product-list__fav-items svg {
    width: 20px;
    height: 20px;
    fill: currentColor;
  }

/*
 * body
 */

body {
  background-color: #fff;
  background-image: url(https://img.shop-pro.jp/tmpl_img/73/bg.gif);
  color: #464e54;
}
a {
  color: #464e54;
}
a:hover {
  color: #5e5e5e;
}

/*
 * layout
 */
#wrapper {
  max-width: 1200px;
}

/*
 * contents
 */

#contents {
  float: right;
  padding-left: 30px;
}

#contents .topicpath-nav {
  margin-bottom: 5px;
}
  #contents .topicpath-nav li {
    padding: 0;
  }
  #contents .topicpath-nav a {
    margin-left: 5px;
  }

/*
 * side
 */

#side {
  margin-top: 0;
  font-size: 12px;
}

#side .unstyled img {
  display: block;
  margin-bottom: 5px;
}

#side .search-box{
  font-size: 12px;
}

/*
 * temp
 */

/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_c_333 {color: #333;}

/* background */
.bgc_gray {
  background-color: #f1f1f1;
}

/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }

/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }

/* border */
.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee; }
.bor_l_1 { border-left: 1px solid #eee; }

/* vertical align */
.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }



@media (max-width: 980px) {
  /* ~980px */
  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    min-width: 100% !important;
    width: 100% !important;
  }
}
@media (max-width: 768px) {
  /* ~768px */
  #contents {
    padding-left: 0;
  }

}
@media (max-width: 480px) {
  /* ~480px */
}


/*
 * icons
 */
.icon-user { background-position: -208px 0px; }
.icon-lg-b.icon-user { background-position: -312px 0px; }
.icon-adduser { background-position: -240px 0px; }
.icon-lg-b.icon-adduser { background-position: -360px 0px; }
.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-home { background-position: -176px -16px; }
.icon-lg-b.icon-home { background-position: -264px -24px; }
.icon-mail { background-position: -64px 0px; }
.icon-lg-b.icon-mail { background-position: -96px 0px; }
.icon-pencil { background-position: -96px 0px; }
.icon-lg-b.icon-pencil { background-position: -144px 0px; }
.icon-help { background-position: -272px -80px; }
.icon-lg-b.icon-help { background-position: -408px -120px; }
.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }

.icon-b,
.icon-w {
  width: 16px;
  height: 16px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.icon-lg-b,
.icon-lg-w {
  width: 24px;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }

  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }

  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon16_2x_w.png); }
  .icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}
@media (max-width: 768px) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/73/icon24_2x_w.png); }
}

body{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","Open Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.price_tax{
    font-size: 11px;
    padding-left: 2px;
    color: #999;
}

.price_tax_sale{
  color: #ff7373;
}

.price_rate{
  font-size: 11px;
}

.search_keyword{
  font-size: 12px;
}

.box__name{
 height: 40px;
    overflow: hidden; 
}

/* 共通フッター */
#newfooter {
    clear: both;
    background:#f0efe9;
    padding:10px 0;
    width:100%;
    margin:0 auto;
    overflow: hidden;
    zoom: 1;
    padding-bottom:30px;
    margin-top:10px;
}

#newfooter a{
    color:#625948;
    text-decoration:none;
}

#newfooter a:hover{
    color:#fc8f30;
    text-decoration:underline;
}

#newfooter div#shopping{
    float:left;
    margin-left:18px;
    margin-right:20px;
    border-right:solid 1px #f5f5f5;
    padding-right:20px
}

#newfooter div dl{
    float:left;
    margin-left:3px;
    margin-top:5px;
}

#newfooter div dl.srh_pro{
    margin-left:17px;
    margin-right:30px;
}

#newfooter div dl.con{
    margin-right:30px;
}

#newfooter div#shopping dl dd ul{
    text-align:left;
    margin-top:3px;
    *margin-left:5px;
}
#newfooter div#shopping dl dd ul li{
    list-style-type: none;
    margin-bottom: 5px;
}



#newfooter div#community{
    margin-right:20px;
    float:left;
    border-right:solid 1px #f5f5f5;
    padding-right:20px;
}

#newfooter div#community ul{
    margin-left:17px;
    *margin-left:17px;
    float:left;
    text-align:left;
    margin-top:5px;
}
#newfooter div#community ul li{
     list-style-type: none;
    margin-bottom: 5px; 
}

#newfooter div#about_curu{float:left;}

#newfooter div#about_curu ul{
    margin-left:17px;
    *margin-left:17px;
    text-align:left;
    margin-top:5px;
}

#newfooter p.copyright{
    clear:both;
    text-align:center;
    color:#9b9486;
   font-size: 10px;
}

#newfooter div h4 {
    font-size:100%;
    width:auto;
    float:none;
    clear:both;
    text-align:left;
    padding-right:0px;
    margin:0px 0px;
    font-weight:normal;
}

#newfooter_inner{
    width:990px;
    margin:0 auto;
}

/*種類・カテゴリ*/
.item_cat{
  clear: both;
  display: block;
}
.item_cat a{
     border: 1px solid #f0efe9;
    color: #333;
    border-radius: 4px;
    padding: 4px 10px;
    display: block; 
}

/* FREEPAGE */
h2.line {
    border-left-width: 5px;
    border-left-style: solid;
    border-left-color: #999999;
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 3px 12px; 
}
ul.list-marker, ol.list-marker {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.list-marker li:before {
    content: '';
    display: inline-block;
    position: relative;
    left: -5px;
    top: -2px;
    width: 6px;
    height: 6px;
    background: #999999;
}
ul.list-marker li{
    padding: 0 10px;
    font-size: 17px;
}

#fpage p{
  font-size: 1.2em;
    padding: 15px;
}

/* 一覧 */

ul.category-list li, ul.group_type li, ul.group_size li{
  width: 200px;
}

ul.category-list .logo_small,ul.group_type .logo_small, ul.group_size .logo_small{
  width: 200px;
}

ul.category-list a {
    border: 1px solid #f0efe9;
    color: #333;
    border-radius: 4px;
    padding: 4px 10px;
    display: block;
}

.reg-block-break {
    display: inline-block;
}

.reg-content-container {
    width: 92%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    margin: clamp(20px, 3vw, 30px) auto;
}
.reg-content-container.mt-fix{
    margin-top:0px!important;
}
.reg-content-container h2 {
    font-weight: bold;
}


.reg-text-col,
.reg-img-col {
    min-width: 360px;
    width: 92%;
    margin: 0 auto;
}
.reg-fw-col {
    width: 92%;
    margin: 0 auto;
}
.reg-img-col img{
    width: 100%;
    margin: 0 auto 10px auto;
    height: auto;
    object-fit: cover;
  	object-position:center;
   max-height:400px;
}
.reg-contact-col {
    width: 80%;
}

.reg-contact-col a {
    width: 100%;
}

.reg-contact-col a img {
    width: 100%;
}

.reg-a {
    text-decoration: none;
    color: black;
}

.reg-a:hover {
    color: lightgray;
}

.reg-link-img:hover {
    opacity: 0.9;
}

.reg-nmb {
    margin-bottom: 0 !important;
}
h2.wl-title {
    width: 96%;
    margin: 0 auto 30px;
    border-left: 15px solid #294f7d;
    box-sizing: border-box;
    padding-left: 10px;
    letter-spacing: 1px;
}
.wl-item {
    width: 92%;
    max-width: 400px;
    display: inline-block;
    vertical-align: top;
    margin: auto clamp(0px, 2%, 30px) 50px;
}
.wl-item img{
    width:100%;
    max-height:250px;
    object-fit:cover;
    object-position:center;
}

h1.reg-title {
    border: 2px solid grey;
    background-color: #F0EFE9;
    line-height: 200%;
    width: 100%;
    box-sizing: border-box;
    padding: 2% 2%;
    text-align: center;
}


/* 20220906 Style追加（F２６用） */


.f26-block a {
    color: #363636;
    text-decoration: none;
  }
  
  .f26-block a:hover {
    color: #363636;
  }
  
  .f26-block li {
    list-style: none;
  }
  
  .c-fcWhite {
    color: white;
  }
  
  .c-taCenter {
    text-align: center;
  }
  
  .c-pointImg {
    max-width: 100%;
  }
  
  .c-pointImg img {
    width: 100%;
  }
  
  .spNone {
    display: none;
  }
  
  @media screen and (min-width: 520px) {
      .spNone {
      display: block;
    }
  }
  
  .c-fcBlue {
    color: #078cd3;
  }
  
  .l-mvBlock {
    width: 100%;
    height: calc(100vh - 150px);
    background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/mainvisual.jpg);
    background-size: cover;
    background-position: center;
  }
  
  .l-mvBlock .p-mvText {
    position: relative;
  }
  
  .l-mvBlock .p-mvText h1 {
    width: 120px;
    margin: 0 auto;
    padding-top: 80px;
    font-size: 20px;
    letter-spacing: 0.029em;
    text-align: center;
    color: white;
  }
  
  .l-mvBlock .p-mvText p {
    width: 180px;
    margin: 0 auto;
    margin-top: 5px;
    font-size: 20px;
    letter-spacing: 0.1em;
    border: 2px solid white;
    padding: 5px 0;
    text-align: center;
    color: white;
  }
  
  .l-mvBlock .p-mvText .c-mvText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 170px;
    margin: 50px auto 0 auto;
  }
  
  .l-mvBlock .p-mvText .c-mvText .c-mvTextVertical {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    text-orientation: upright;
    background-color: white;
    font-size: 27px;
    letter-spacing: 2vw;
    font-weight: 600;
    margin: 0 10px;
    padding: 20px 15px 30px 15px;
    color: #5D5D5D;
  }
  
  .c-bgs1 {
    background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/bg-s1.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: bottom 0 right 0;
  }
  
  .c-bgs2 {
    background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/bg-s2.png);
    background-repeat: no-repeat;
    background-position: top 0 right 0;
  }
  
  .l-ressonBlock,
  .l-aboutBlock {
    margin-top: 20%;
  }
  
  .l-ressonBlock .c-reasonTitle,
  .l-ressonBlock .c-aboutTitle,
  .l-aboutBlock .c-reasonTitle,
  .l-aboutBlock .c-aboutTitle {
    margin-left: 10%;
    padding-top: 15%;
    padding-bottom: 15%;
    font-size: 25px;
    font-weight: 600;
    line-height: 2.4;
    letter-spacing: 0.4em;
  }
  
  .l-ressonBlock .p-reasonBlock,
  .l-ressonBlock .p-aboutBlock,
  .l-aboutBlock .p-reasonBlock,
  .l-aboutBlock .p-aboutBlock {
    margin-bottom: 80px;
  }
  
  .l-ressonBlock .p-reasonBlock .c-pointTag,
  .l-ressonBlock .p-aboutBlock .c-pointTag,
  .l-aboutBlock .p-reasonBlock .c-pointTag,
  .l-aboutBlock .p-aboutBlock .c-pointTag {
    font-size: 14px;
    letter-spacing: 0.01em;
    line-height: 2;
    font-weight:normal;
    color:#707070;
  }
  
  .l-ressonBlock .p-reasonBlock .p-point,
  .l-ressonBlock .p-aboutBlock .p-point,
  .l-aboutBlock .p-reasonBlock .p-point,
  .l-aboutBlock .p-aboutBlock .p-point {
    margin-top: 10%;
    padding-left: 7%;
    padding-right: 7%;
    font-weight: 300;
  }
  
  @media screen and (min-width: 520px) {
    .l-ressonBlock .p-reasonBlock .p-point,
    .l-ressonBlock .p-aboutBlock .p-point,
    .l-aboutBlock .p-reasonBlock .p-point,
    .l-aboutBlock .p-aboutBlock .p-point {
      padding-left: 0;
      padding-right: 0;
    }
  }
  
  .l-ressonBlock .p-reasonBlock .p-point h3,
  .l-ressonBlock .p-aboutBlock .p-point h3,
  .l-aboutBlock .p-reasonBlock .p-point h3,
  .l-aboutBlock .p-aboutBlock .p-point h3 {
    font-size: 20px;
    letter-spacing: 0.03em;
    line-height: 1.75;
    margin: 7% -10%;
    padding-left: 10%;
    position: relative;
    background-color: #fff;
  }
  
  .l-ressonBlock .p-reasonBlock .p-point p,
  .l-ressonBlock .p-aboutBlock .p-point p,
  .l-aboutBlock .p-reasonBlock .p-point p,
  .l-aboutBlock .p-aboutBlock .p-point p {
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.008em;
  }
  
  .l-ressonBlock .p-reasonBlock,
  .l-aboutBlock .p-reasonBlock {
    color: gray;
  }
  
  .l-ressonBlock .p-aboutBlock .c-pointTag,
  .l-aboutBlock .p-aboutBlock .c-pointTag {
    margin-left: 10%;
    margin-bottom: 5%;
    color: #078cd3;
  }
  
  .l-ressonBlock .c-blueLine:after,
  .l-aboutBlock .c-blueLine:after {
    content: "−";
    margin-left: 10px;
    font-size: 16px;
    color: #078cd3;
    text-shadow: rgba(0, 0, 0, 0.4) 3px 1px 5px;
  }
  
  .l-ressonBlock .c-blue3Line:after,
  .l-aboutBlock .c-blue3Line:after {
    content: "− − −";
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
    color: #078cd3;
  }
  
  .l-ressonBlock .p-s1p1Block .p-point,
  .l-aboutBlock .p-s1p1Block .p-point {
    background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/bg-s1p1.png);
    background-repeat: no-repeat;
    background-position: top 10% left 0;
  }
  
  .l-ressonBlock .p-s1p2Block .p-point,
  .l-aboutBlock .p-s1p2Block .p-point {
    margin-top: 0;
    /*初期化*/
    padding-top: 10%;
    background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/bg-s1p2.png);
    background-repeat: no-repeat;
    background-position: top 50% left 0;
  }
  
  .l-ressonBlock .p-s1p3Block .p-point,
  .l-aboutBlock .p-s1p3Block .p-point {
    margin-top: 0;
    /*初期化*/
    padding-top: 10%;
    background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/bg-s1p3.png);
    background-repeat: no-repeat;
    background-position: top -50% left 0;
  }
  
  .l-ressonBlock .p-s2p1Block .p-point,
  .l-aboutBlock .p-s2p1Block .p-point {
    margin-top: -12%;
    background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/bg-s2p1.png);
    background-repeat: no-repeat;
    background-position: bottom 0 left 0;
  }
  
  .l-ressonBlock .p-s2p2Block .p-point,
  .l-aboutBlock .p-s2p2Block .p-point {
    margin-top: -10%;
    background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/bg-s2p2.png);
    background-repeat: no-repeat;
    background-position: bottom 0 left 0;
  }
  
  .l-ressonBlock .p-s2p3Block .p-point,
  .l-aboutBlock .p-s2p3Block .p-point {
    margin-top: -10%;
    background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/bg-s2p3.png);
    background-repeat: no-repeat;
    background-position: top 0 left 0;
  }
  
  .l-contact {
    margin-bottom: 150px;
  }
  
  .l-contact img {
    width: 85%;
    display: block;
    margin: 0 auto;
  }
  
  .l-customerBlock {
    background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/bg-s3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top 0 left 0;
  }
  
  .l-customerBlock .p-customerBlock {
    box-sizing: border-box;
    padding: 30px 15px;
  }
  
  .l-customerBlock .p-customerBlock .p-bgWhite {
    padding: 20px 15px;
    background-color: #fff;
  }
  
  .l-customerBlock .p-customerBlock .c-balloon {
    display: inline-block;
    position: relative;
    font-size: 15px;
    margin: 2vw auto;
    padding: 1vw 3vw;
    background: #fff;
    border: solid 2px #078cd3;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  
  .l-customerBlock .p-customerBlock .c-balloon:before {
    content: "";
    position: absolute;
    bottom: -23px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #fff;
    z-index: 2;
  }
  
  .l-customerBlock .p-customerBlock .c-balloon:after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -18px;
    border: 15px solid transparent;
    border-top: 15px solid #078cd3;
    z-index: 1;
  }
  
  .l-customerBlock .p-customerBlock .p-customerTitle {
    color: #078cd3;
    text-align: center;
  }
  
  .l-customerBlock .p-customerBlock h3 {
    font-size: 20px;
    letter-spacing: 0.03em;
    line-height: 2;
    margin-top: 10px;
    margin-bottom: 25px;
  }
  
  .l-customerBlock .p-customerBlock h3:before {
    margin-right: auto;
    content: "＼";
  }
  
  .l-customerBlock .p-customerBlock h3:after {
    margin-left: auto;
    content: "／";
  }
  
  .l-customerBlock .p-customerImg {
    text-align: center;
  }
  
  .l-customerBlock .p-customerImg img {
    width: 100%;
  }
  
  .l-customerBlock .p-customerName {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 2;
    margin: 35px 10px 20px 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: flex-start;
  }
  
  .l-customerBlock .p-customerName .fx-right {
    position: relative;
    padding-left: calc(clamp(40px, 10vw, 172px) + 2em);
  }
  
  .l-customerBlock .p-customerName .fx-right:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 1em;
    width: clamp(40px, 10vw, 172px);
    height: 1px;
    content: "";
    background: gray;
  }
  
  .l-customerBlock .p-customerVoice {
    position: relative;
    background-color: rgba(7, 140, 211, 0.1);
    margin-top: 57px;
    margin-bottom: clamp(20px,2.5vw,33px);
  }
  
  .l-customerBlock .p-customerVoice p {
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
    padding: 25px 15px 40px 15px;
  }
  
  .l-customerBlock .p-customerVoice:before {
    content: "";
    position: absolute;
    top: -50px;
    left: 20%;
    width: 56px;
    height: 50px;
    display: block;
    background-color: rgba(7, 140, 211, 0.1);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
  }
  
  .l-recommendBlock {
    margin-top: 20%;
    background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/bg-s2.png);
    background-repeat: no-repeat;
    background-position: top -3.2% right 0;
  }
  
  .l-recommendBlock .p-card:nth-child(odd) {
    background-color: rgba(7, 140, 211, 0.5);
  }
  
  @media screen and (min-width: 520px) {
    .l-recommendBlock .p-card:nth-child(odd) {
      background-color: transparent;
    }
  }
  
  .l-recommendBlock .p-card:nth-child(even) {
    background-color: transparent;
  }
  
  .l-recommendBlock h2 {
    margin-left: 10%;
    padding-top: 15%;
    padding-bottom: 15%;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 0.103em;
  }
  
  .l-recommendBlock .p-card {
    padding: 30px 25px;
  }
  
  .l-recommendBlock .p-card .c-card {
    background-color: #fff;
    padding-bottom: 30px;
    -webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.6));
            filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.6));
  }
  
  @media screen and (min-width: 520px) {
    .l-recommendBlock .p-card .c-card {
      -webkit-filter: drop-shadow(0);
              filter: drop-shadow(0);
    }
  }
  
  .l-recommendBlock .p-card .c-pointImg {
    padding: 25px 25px 10px 25px;
    text-align: center;
  }
  
  .l-recommendBlock .p-card .c-point {
    color: gray;
    font-size: 14px;
    line-height: 2;
    text-align: center;
    margin: 0 auto;
  }
  
  .l-recommendBlock .p-card h3 {
    font-size: 18px;
    letter-spacing: 0.03em;
    line-height: 1.55;
    text-align: center;
    margin-left: 6%;
    margin-right: 6%;
  }
  
  .l-recommendBlock .p-card hr {
    margin: 6%;
  }
  
  .l-recommendBlock .p-card .c-cardContent {
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
    margin-left: 6%;
    margin-right: 6%;
  }
  
  .l-questionBlock {
    width: 95%;
    margin: 0 auto;
  }
  
  .l-questionBlock h2 {
    font-size: 18px;
    line-height: 2.5;
    letter-spacing: 0.029em;
    font-weight: 400;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
  }
  
  .l-questionBlock .c-blueUl {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px;
    background-image: -webkit-gradient(linear, left top, right top, from(white), color-stop(40%, #078cd3), color-stop(60%, white));
    background-image: linear-gradient(90deg, white 0% 40%, #078cd3 40% 60%, white 60%);
    background-repeat: no-repeat;
    background-size: 100% 0.3rem;
    background-position: bottom;
  }
  
  .l-questionBlock .acd-check {
    display: none;
  }
  
  .l-questionBlock .acd-label {
    position: relative;
    background: rgba(7, 140, 211, 0.15);
    color: black;
    text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 1px;
    display: block;
    font-size: 16px;
    line-height: 2.5;
    letter-spacing: 0.029em;
    margin-bottom: 1px;
    padding: 20px;
  }
  
  .l-questionBlock .acd-label:before {
    content: "Q ";
    color: #078cd3;
    font-size: 16px;
    font-weight: 700;
  }
  
  .l-questionBlock .acd-label:after {
    position: absolute;
    right: 0;
    top: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    color: #078cd3;
    content: "ー";
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    padding: 20px;
    cursor: pointer;
  }
  
  .l-questionBlock .acd-content {
    height: 0;
    opacity: 0;
    padding: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    visibility: hidden;
  }
  
  .l-questionBlock .acd-check:checked + .acd-label + .acd-content {
    height: auto;
    opacity: 1;
    padding: 30px;
    visibility: visible;
  }
  
  .l-questionBlock .acd-check:checked + .acd-label + .acd-content p {
    font-size: 14px;
    line-height: 2.2;
  }
@media screen and (min-width: 414px) {
    .pcNone {
      display: none;
    }
    .f26-block header {
      height: 105px !important;
      background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/headerPc.png);
    }
    .l-mvBlock {
      height: calc(100vh - 105px);
      background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/mainvisualPc.jpg);
    }
    .l-mvBlock .p-mvText h1 {
      padding-top: 80px;
      width: 300px;
      font-size: 24px;
    }
    .l-mvBlock .p-mvText p {
      width: fit-content;
      font-size: 24px;
      margin-top: 10px;
      padding: 8px 10px;
      font-weight: bold;
    }
    .l-mvBlock .p-mvText .c-mvText {
      width: 200px;
      margin-top: 30px;
    }
    .l-mvBlock .p-mvText .c-mvText .c-mvTextVertical {
      font-size: 35px;
      letter-spacing: 0.8rem;
      margin: 0 auto;
      padding: 2.5rem 0.8rem 1.5rem 0.8rem;
    }
    .bgRelative {
      position: relative;
    }
    .bgAbsolute {
      position: absolute;
    }
    .bgReason {
      top: 1%;
      right: -10%;
      max-width: 800px;
      width: 100%;
      z-index: -1;
    }
    .bgAbout {
      top: 6%;
      right: -10%;
      max-width: 800px;
      width: 100%;
      z-index: -1;
    }
    .bgRecommend {
      top: 10%;
      right: -20%;
      max-width: 1000px;
      width: 100%;
      z-index: -1;
    }
    .c-bgs1,
    .c-bgs2 {
      background-image: none;
    }
    .l-ressonBlock,
    .l-aboutBlock {
      margin: 2% auto 0 auto;
      max-width: 1200px;
      width: 96%;
    }
    .l-ressonBlock .c-reasonTitle,
    .l-ressonBlock .c-aboutTitle,
    .l-aboutBlock .c-reasonTitle,
    .l-aboutBlock .c-aboutTitle {
      margin-left: 0;
      /* 初期化 */
      padding-top: 10%;
      padding-bottom: 20%;
      font-size: 38px;
      line-height: 2;
      letter-spacing: 0.1em;
    }
    .l-ressonBlock .p-reasonBlock,
    .l-ressonBlock .p-aboutBlock,
    .l-aboutBlock .p-reasonBlock,
    .l-aboutBlock .p-aboutBlock {
      margin-bottom: 100px;
    }
    .l-ressonBlock .p-reasonBlock .c-pointTag,
    .l-ressonBlock .p-aboutBlock .c-pointTag,
    .l-aboutBlock .p-reasonBlock .c-pointTag,
    .l-aboutBlock .p-aboutBlock .c-pointTag {
      margin-left: 0;
    }
    .l-ressonBlock .p-reasonBlock .p-point,
    .l-ressonBlock .p-aboutBlock .p-point,
    .l-aboutBlock .p-reasonBlock .p-point,
    .l-aboutBlock .p-aboutBlock .p-point {
      max-width: 520px;
      width: 100%;
      margin-top: 5%;
    }
    .l-ressonBlock .p-reasonBlock .p-point h3,
    .l-ressonBlock .p-aboutBlock .p-point h3,
    .l-aboutBlock .p-reasonBlock .p-point h3,
    .l-aboutBlock .p-aboutBlock .p-point h3 {
      margin: 3% auto;
      padding-left: 0%;
    }
    .l-ressonBlock .p-reasonBlock .p-point p,
    .l-ressonBlock .p-aboutBlock .p-point p,
    .l-aboutBlock .p-reasonBlock .p-point p,
    .l-aboutBlock .p-aboutBlock .p-point p {
      line-height: 2;
    }
    .l-ressonBlock .p-aboutBlock .c-pointTag,
    .l-aboutBlock .p-aboutBlock .c-pointTag {
      margin-bottom: 5%;
    }
    .l-ressonBlock .p-aboutBlock .p-point h3,
    .l-aboutBlock .p-aboutBlock .p-point h3 {
      margin: 5% 30% 2% auto;
      padding: 15px 0;
  }
    /* } */
    .l-ressonBlock .p-s1p1Block .p-point,
    .l-aboutBlock .p-s1p1Block .p-point {
      background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/bg-s1p1-pc.png);
      background-size: 100%;
      background-position: top 0 right 0;
    }
    .l-ressonBlock .p-s1p2Block .p-point,
    .l-aboutBlock .p-s1p2Block .p-point {
      padding-top: 0;
      /* 初期化 */
      background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/bg-s1p2-pc.png);
      background-size: 100%;
      background-position: top 0 left 0;
    }
    .l-ressonBlock .p-s1p3Block .p-point,
    .l-aboutBlock .p-s1p3Block .p-point {
      padding-top: 0;
      /* 初期化 */
      background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/bg-s1p3-pc.png);
      background-size: 100%;
      background-position: top 0 left 0;
    }
    .l-ressonBlock .p-s2p1Block .p-point,
    .l-aboutBlock .p-s2p1Block .p-point {
      margin-top: -12%;
      background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/bg-s2p1-pc.png);
      background-size: 100%;
      background-position: bottom 0 left 0;
    }
    .l-ressonBlock .p-s2p2Block .p-point,
    .l-aboutBlock .p-s2p2Block .p-point {
      margin-top: -10%;
      background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/bg-s2p2-pc.png);
      background-size: 100%;
      background-position: bottom 0 left 0;
    }
    .l-ressonBlock .p-s2p3Block .p-point,
    .l-aboutBlock .p-s2p3Block .p-point {
      margin-top: -10%;
      background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/bg-s2p3-pc.png);
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: top 0 left 0;
    }
    .l-contact img {
      width: clamp(300px, 30%, 400px);
    }
    .l-customerBlock {
      max-width: 1200px;
      width: 100%;
      margin: 0 auto;
background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/bg-s3-pc.jpg?cmsp_timestamp=20220912175538);
    }
    .l-customerBlock .p-customerBlock {
      max-width: 800px;
      width: 100%;
      margin: 0 auto;
    }
    .l-customerBlock .p-customerBlock .p-bgWhite {
      max-width: 700px;
      width: 100%;
      margin: 0 auto;
      padding: 45px 50px 55px 50px;
    }
    .l-customerBlock .p-customerBlock .c-balloon {
      font-size: 24px;
      line-height: 1.2;
      font-weight: 700;
    }
    .l-customerBlock .p-customerBlock h3 {
      font-size: 32px;
      margin-top: 20px;
      margin-bottom: 60px;
    }
    .l-customerBlock .p-customerName {
      font-size: 20px;
      line-height: 2;
    }
    .l-customerBlock .p-customerVoice p {
      font-size: 18px;
      line-height: 1.75;
      padding: 50px;
    }
    .l-recommendBlock {
      max-width: 800px;
      width: 100%;
      margin: 0 auto 100px auto;
      background-image: none;
    }
    .l-recommendBlock h2 {
      margin: 0;
      padding-left: 2%;
      font-size: 40px;
      line-height: 2.35;
      letter-spacing: 0.103em;
    }
    .l-recommendBlock .flexPc {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: normal;
          -ms-flex-align: normal;
              align-items: normal;
    }
    .l-recommendBlock .p-card {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 50%;
    }
    .l-recommendBlock .p-card .c-point {
      font-size: 14px;
      line-height: 2;
    }
    .l-recommendBlock .p-card h3 {
      font-size: 14px;
      letter-spacing: 0.03em;
      line-height: 1.55;
      margin-left: 15%;
      margin-right: 15%;
    }
    .l-recommendBlock .p-card hr {
      margin: 5% 15%;
    }
    .l-recommendBlock .p-card .c-cardContent {
      height: 150px;
      font-size: 16px;
      line-height: 1.55;
      margin-left: 15%;
      margin-right: 15%;
    }
    .l-questionBlock {
      margin-top: 150px;
      max-width: 700px;
      width: 100%;
      margin: 0 auto;
    }
    .l-questionBlock h2 {
      font-size: 20px;
      letter-spacing: 0.029em;
      line-height: 2;
      font-weight: 400;
      margin: 3vw;
      text-shadow: rgba(0, 0, 0, 0.2) 5px 5px 5px;
    }
    .l-questionBlock .c-blueUl {
      padding-bottom: 20px;
      margin-bottom: 50px;
    }
    .l-questionBlock .acd-label {
      font-size: 16px;
    }
    .l-questionBlock .acd-label:before {
      font-size: 16px;
      font-weight: 400;
      margin-right: 1vw;
    }
    .l-questionBlock .acd-label:after {
      font-size: 16px;
      /* padding: 2vw; */
    }
    .l-questionBlock .acd-check:checked + .acd-label + .acd-content {
      max-width: 580px;
    }
    .l-questionBlock .acd-check:checked + .acd-label + .acd-content p {
      font-size: 16px;
      line-height: 2;
      letter-spacing: 0.029em;
      margin-bottom: 2vw;
    }
  }
  
  @media screen and (min-width: 1000px) {
      .l-mvBlock .p-mvText .c-mvText .c-mvTextVertical {
      letter-spacing: 1.3rem;
    }
    .bgReason {
      top: 0;
      right: -2%;
      max-width: 1185px;
    }
    .bgAbout {
      top: 0;
      right: -7%;
      width: 90%;
      max-width: 1460px;
    }
    .bgRecommend {
      top: 10%;
      right: -7%;
      max-width: 1160px;
    }
    .l-ressonBlock {
        margin-top: 5%;
        max-width: 100%;
        width: 1295px;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: url(https://img07.shop-pro.jp/PA01427/550/etc/l-resson-bg.png?cmsp_timestamp=20220912153329) center top clamp(300px, 50vw,585px) no-repeat;
    }

    .l-ressonBlock .c-bgs1 {
      align-self: flex-start;
      margin-left: 11%;
    }
    .l-ressonBlock .c-reasonTitle {
      padding-bottom: 51px;
      margin-bottom: 0;
    }

    .l-aboutBlock {
        margin-top: 5%;
        padding-bottom: 100px;
        max-width: 1200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: url(https://img07.shop-pro.jp/PA01427/550/etc/l-about-bg.png?cmsp_timestamp=20220912163120) center bottom 150px no-repeat;
    }

    .l-ressonBlock .p-reasonBlock,
    .l-aboutBlock .p-aboutBlock {
        width: 100%;
        display: flex;
        align-items: center;   
    }

    .l-aboutBlock .p-aboutBlock {
      flex-wrap: wrap;
      margin-bottom: 50px;
    }
    .l-aboutBlock .p-aboutBlock .c-blue3Line {
      font-size: 16px;
      font-weight: 300;
    }

    .l-aboutBlock .c-blue3Line.c-pointTag {
      margin-bottom: 20px;
    }
    .l-aboutBlock .c-blue3Line.cb3l-1:after,
    .l-aboutBlock .c-blue3Line.cb3l-2:after,
    .l-aboutBlock .c-blue3Line.cb3l-3:after {
      margin-left: 50px;
    }
    .l-aboutBlock .c-blue3Line.cb3l-1:after {
      content: url(https://img07.shop-pro.jp/PA01427/550/etc/about-p1-points.png?cmsp_timestamp=20220912161224);
    }
    .l-aboutBlock .c-blue3Line.cb3l-2:after {
      content: url(https://img07.shop-pro.jp/PA01427/550/etc/about-p2-points.png?cmsp_timestamp=20220912161311);
    }
    .l-aboutBlock .c-blue3Line.cb3l-3:after {
      content: url(https://img07.shop-pro.jp/PA01427/550/etc/about-p3-points.png?cmsp_timestamp=20220912161354);
    }

    .l-ressonBlock .p-reasonBlock .c-pointImg {
      max-width: clamp(350px,50vw,650px);
      margin-right: 100px;
    }
    .l-aboutBlock .p-aboutBlock .c-pointImg {
      max-width: clamp(290px, 40vw,585px);
      margin-right: 30px;
    }

    .l-aboutBlock .p-aboutBlock .c-pointTag {
      width: 100%;
      text-align: center;
    }


    .l-ressonBlock .p-reasonBlock.row-reverse, 
    .l-aboutBlock .p-aboutBlock.row-reverse {
        flex-direction: row-reverse;
    }
    .l-ressonBlock .p-reasonBlock.row-reverse .c-pointImg, 
    .l-aboutBlock .p-aboutBlock.row-reverse .c-pointImg{
       margin-right: 0;
       margin-left: 50px;
    }
    .l-ressonBlock .p-reasonBlock .p-point,
    .l-aboutBlock .p-aboutBlock .p-point{
      background: none;
    }

    .l-ressonBlock .p-reasonBlock .p-point {
        box-sizing: border-box;
        max-width: 100%;
        width: 450px;
    }
    .l-aboutBlock .p-aboutBlock .p-point {
        box-sizing: border-box;
        max-width: 100%;
        margin-top: 0;
        width: 460px;
    }
    .l-aboutBlock .p-aboutBlock .p-point h3, 
    .l-ressonBlock .p-reasonBlock .p-point h3 {
        margin-left: 0;
        background-color: unset;
        color: #2E2D2D;
        font-weight: bold;
        font-size: 20px;
    }

    .l-ressonBlock .p-reasonBlock .p-point p {
        margin: 0 auto 0 0;
    }
    .l-ressonBlock .p-reasonBlock .p-point p,
    .l-ressonBlock .p-reasonBlock .p-point h3 {
        max-width: 670px;
    }

    .l-customerBlock {
      max-width: 100%;
    }

    .l-customerBlock .p-customerBlock .c-balloon {
      font-size: 24px;
    }
    .l-customerBlock .p-customerBlock h3 {
      font-size: 32px;
    }
    .l-customerBlock .p-customerName {
      font-size: 20px;
    }
    .l-customerBlock .p-customerVoice p {
      font-size: 16px;
      padding: 50px 130px;
      text-align: start;
    }
    .l-recommendBlock {
      max-width: 1000px;
    }
    .l-recommendBlock h2 {
      font-size: 40px;
    }
    .l-recommendBlock .p-card .c-point {
      font-size: 14px;
      line-height: 2;
    }
    .l-recommendBlock .p-card h3 {
      font-size: 18px;
    }
    .l-recommendBlock .p-card .c-cardContent {
      height: 150px;
      font-size: 16px;
    }
    .l-questionBlock {
      max-width: 950px;
    }
    .l-questionBlock h2 {
      font-size: 20px;
    }
    .l-questionBlock .acd-label {
      font-size: 16px;
    }
    .l-questionBlock .acd-label:before {
      font-size: 16px;
    }
    .l-questionBlock .acd-label:after {
      font-size: 16px;
    }
    .l-questionBlock .acd-check:checked + .acd-label + .acd-content {
      max-width: 680px;
    }
    .l-questionBlock .acd-check:checked + .acd-label + .acd-content p {
      font-size: 16px;
    }
    /* -------------------- */
    .l-mvBlock .p-mvText .c-mvText {
    	width: 160px;
   		margin-top: 30px;
	 }
    .l-mvBlock .p-mvText .c-mvText .c-mvTextVertical {
    	letter-spacing: 0.8rem;
    	font-size: 20px;
	}
    .l-mvBlock .p-mvText p {
       width: fit-content;
       font-size: 15px;
       margin-top: 10px;
       padding: 4px 5px;
       font-weight: bold;
   }
    .l-mvBlock .p-mvText h1 {
    	padding-top: 80px;
    	width: 300px;
    	font-size: 20px;
	}
}
  
  @media screen and (min-width: 1200px) {
    .l-customerBlock .p-customerBlock {
      max-width: 1200px;
    }
    .l-customerBlock .p-customerBlock .p-bgWhite {
      box-sizing: border-box;
      width: 80vw;
      max-width: 1200px;
      padding: 45px 100px 55px 100px;
    }
    .l-mvBlock .p-mvText .c-mvText .c-mvTextVertical {
      font-size: 35px;
      letter-spacing: 1.3rem;
      margin: 0 auto;
      padding: 2.5rem 0.8rem 1.5rem 0.8rem;
    }
    .l-mvBlock .p-mvText .c-mvText {
      width: 200px;
      margin-top: 30px;
    }
    .l-mvBlock .p-mvText h1 {
      padding-top: 80px;
      width: 300px;
      font-size: 24px;
    }
    .l-mvBlock .p-mvText p {
      width: fit-content;
      font-size: 24px;
      margin-top: 10px;
      padding: 8px 10px;
      font-weight: bold;
    }
  }
div#wrapper2 {
    overflow-x: hidden;
}
  /* 20220906 Style追加（F２６用）ここまで */

  /* 20221026 Style追加（F27用）ここから */
.ti-no-pc {
  display: none !important;
}

.ti-h2 {
  margin: clamp(80px, 16vw, 160px) auto 0 auto;
  font-size: 35px;
  letter-spacing: 0.1em;
  line-height: 180%;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  .ti-h2 {
    font-size: 30px;
  }
}
@media screen and (max-width: 800px) {
  .ti-h2 {
    font-size: 25px;
  }
}

.ti-gold-text {
  color: #D9B141;
}

.ti-center-text {
  text-align: center;
}

.ti-gold-btn {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(335px, 37vw, 372px);
  max-width: 85.5%;
  margin: 30px auto;
  padding: 0 50px 0 70px;
  min-height: 86px;
  text-decoration: none;
  background: #c39c34;
  background: radial-gradient(circle, #c39c34 0%, #e6cc83 100%);
  filter: drop-shadow(3px 5px 4px rgba(0, 33, 61, 0.3));
  font-weight: bold;
  text-align: center;
}
.ti-gold-btn h3 {
  font-size: 24px;
  color: #ffffff;
}
.ti-gold-btn:hover {
  opacity: 0.6;
  text-decoration: none;
}
.ti-gold-btn.ti-shop-btn {
  background: url(https://img07.shop-pro.jp/PA01427/550/etc/ti-shop-icon.png?cmsp_timestamp=20221026175852), url(https://img07.shop-pro.jp/PA01427/550/etc/ti-bg-arrow.png?cmsp_timestamp=20221026173933), radial-gradient(circle, #c39c34 0%, #e6cc83 100%);
  background-position: left 20px center, right 20px center, center;
  background-repeat: no-repeat;
  background-size: 45px, 16px, cover;
}
.ti-gold-btn.ti-shop-btn h3 {
  font-size: 23px;
}
.ti-gold-btn.ti-contact-btn {
  background: url(https://img07.shop-pro.jp/PA01427/550/etc/ti-mail-icon.png?cmsp_timestamp=20221026174418), url(https://img07.shop-pro.jp/PA01427/550/etc/ti-bg-arrow.png?cmsp_timestamp=20221026173933), radial-gradient(circle, #c39c34 0%, #e6cc83 100%);
  background-position: left 20px bottom 38%, right 25px bottom 41%, center;
  background-repeat: no-repeat;
  background-size: 45px, 16px, cover;
  flex-direction: column;
  min-height: 97px;
  margin-bottom: clamp(90px, 15vw, 200px);
}
.ti-gold-btn.ti-contact-btn .ti-border-text {
  border: 1px solid #ffffff;
  margin: auto auto 5px auto;
  padding: 0.3em 1.2em;
  color: #ffffff;
  font-size: 13px;
  line-height: 100%;
  margin-top: 0.5em;
}
.ti-gold-btn.ti-contact-btn h3 {
  margin: 5px auto 1em auto;
}
.ti-gold-btn.ti-contact-btn p {
  width: fit-content;
}

.ti-white-bubble {
  width: clamp(320px, 50vw, 600px);
  max-width: 90%;
  box-sizing: border-box;
  padding: 0 clamp(42px, 8vw, 84px) clamp(22px, 4vw, 44px);
  margin: 0 auto;
  background: url(https://img07.shop-pro.jp/PA01427/550/etc/white-bubble-bg.png?cmsp_timestamp=20221026175048) center no-repeat;
  background-size: contain;
  color: #D9B141;
  font-size: 35px;
  font-weight: bold;
  line-height: 300%;
  text-align: center;
}
.ti-white-bubble .em12 {
  font-size: 1.2em;
}
@media screen and (max-width: 1200px) {
  .ti-white-bubble {
    font-size: 28px;
  }
}
@media screen and (max-width: 800px) {
  .ti-white-bubble {
    font-size: 20px;
  }
}

.ti-gold-bubble {
  width: 254px;
  max-width: 80%;
  box-sizing: border-box;
  margin: 0px auto 42px auto;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.ti-gold-bubble h2 {
  color: #ffffff;
  background-color: #D3B155;
  border-radius: 50px;
  line-height: 200%;
  margin: 0;
}
.ti-gold-bubble .btm-arrow {
  display: block;
  margin: -1px auto 0 auto;
  background-color: #D3B155;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  width: 24px;
  height: 16px;
}

.ti-furigana {
  position: relative;
  display: inline-block;
}
.ti-furigana::before {
  position: absolute;
  content: "たまいし";
  color: #D9B141;
  font-size: 10px;
  font-weight: bold;
  top: -2em;
  left: 4px;
}

.ti-two-col {
  display: flex;
  align-items: flex-end;
  width: 1440px;
  max-width: 85.5%;
  margin: 0 auto;
}
.ti-two-col .text-col {
  width: 520px;
  max-width: 50%;
  margin-right: 6%;
}
.ti-two-col .text-col h2 {
  margin: 0;
  text-align: start;
}
.ti-two-col .text-col p {
  margin: 3em auto 4em auto;
  color: #2E2D2D;
  line-height: 180%;
  font-size: 16px;
}
.ti-two-col.titc-rev {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.ti-two-col.titc-rev .text-col {
  margin-right: 0;
  margin-left: 6%;
}
.ti-two-col .img-container {
  width: 633px;
  max-width: 44%;
}
.ti-two-col .img-container img {
  max-width: 100%;
}
.ti-two-col .deco-img-container {
  display: flex;
  justify-content: center;
  padding-top: 42px;
  background: url(https://img07.shop-pro.jp/PA01427/550/etc/ti-deco-right.png?cmsp_timestamp=20221026174133) top right 5px no-repeat;
  background-size: 205px;
}
.ti-two-col .deco-img-container img {
  margin: 0 auto;
  width: 253px;
  max-width: 90%;
}
.ti-two-col .deco-img-container.deco-inverted {
  background: url(https://img07.shop-pro.jp/PA01427/550/etc/ti-deco-left.png?cmsp_timestamp=20221026174019) top left 5px no-repeat;
}
.ti-two-col .two-img-container {
  display: flex;
  justify-content: space-between;
}
.ti-two-col .two-img-container img {
  width: 49%;
}
@media screen and (max-width: 1200px) {
  .ti-two-col {
    align-items: center;
  }
}

p.container-text {
  padding: 0.8em 1.8em;
  margin: 0 auto clamp(20px, 3.3vw, 32px) auto;
  background-color: #d9b141;
  border-radius: 2em;
  letter-spacing: 0.03em;
  border: 2px solid #FFFFFF;
  color: #ffffff;
  font-size: 23px;
  font-weight: bold;
  line-height: 100%;
}

.vert-text-container {
  display: flex;
}
.vert-text-container.vert-text-rl {
  flex-direction: row-reverse;
}

h1.vert-text {
  height: fit-content;
  margin: 0 15px;
  padding: 0.8em 0;
  background-color: #ffffff;
  border-radius: 50px;
  color: #5D5D5D;
  font-size: 35px;
  letter-spacing: 0.3em;
  line-height: 200%;
  writing-mode: vertical-rl;
  white-space: nowrap;
}
@media screen and (max-width: 1200px) {
  h1.vert-text {
    font-size: 28px;
  }
}
@media screen and (max-width: 800px) {
  h1.vert-text {
    font-size: 26px;
  }
}

section.ti-fw-landing {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: clamp(100px, 15vh, 150px) 0 clamp(50px, 10vh, 100px) 0;
  min-height: calc(100vh - 100px);
  height: clamp(690px, 100vw, 980px);
  display: flex;
  flex-direction: column;
  align-items: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
section.ti-fw-landing.f27-landing {
  margin-top: -20px;
  background-image: url(https://img07.shop-pro.jp/PA01427/550/etc/ti-landing-2.jpg?cmsp_timestamp=20221110121014);
}

section.ti-about {
  padding: clamp(100px, 14vw, 140px) 0 0 0;
  background: url(https://img07.shop-pro.jp/PA01427/550/etc/ti-about-bg-full.png?cmsp_timestamp=20221026173328) left 10vw bottom no-repeat;
  background-size: clamp(230px, 33vw, 620px);
}
section.ti-about .ti-two-col {
  justify-content: flex-end;
  padding-top: clamp(50px, 12vw, 200px);
}

section.ti-attention {
  margin-top: clamp(50px, 8vw, 150px);
  padding: clamp(50px, 8vw, 150px) 0 clamp(40px, 5vw, 80px) 0;
  background: url(https://img07.shop-pro.jp/PA01427/550/etc/ti-attention-bg-full.png?cmsp_timestamp=20221026173646) right 10vw bottom no-repeat;
  background-size: clamp(230px, 33vw, 620px);
}
section.ti-attention h2 {
  margin-bottom: 10px;
}
section.ti-attention .ti-two-col {
  align-items: center;
}
section.ti-reason {
  margin: 0 auto;
  padding: clamp(50px, 10vw, 170px) 0 60px 0;
  width: 1200px;
  max-width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
section.ti-reason .ti-white-bubble {
  width: 100%;
}
section.ti-reason .ti-two-col {
  flex-direction: column;
  align-items: center;
  width: 50%;
}
section.ti-reason .ti-two-col .deco-img-container {
  box-sizing: border-box;
  padding: clamp(42px, 6vw, 60px) clamp(10px, 5.2vw, 100px) 0;
  background: url(https://img07.shop-pro.jp/PA01427/550/etc/ti-deco-left.png?cmsp_timestamp=20221026174019) top left no-repeat;
  background-size: clamp(205px, 24vw, 300px);
}
section.ti-reason .ti-two-col .deco-img-container img {
  margin: 0 auto;
  width: clamp(253px, 33vw, 423px);
  max-width: 90%;
}
section.ti-reason .ti-two-col .deco-img-container.deco-inverted {
  background: url(https://img07.shop-pro.jp/PA01427/550/etc/ti-deco-right.png?cmsp_timestamp=20221026174133) top right no-repeat;
  background-size: clamp(205px, 24vw, 300px);
}
section.ti-reason .ti-two-col .text-col {
  width: 400px;
  max-width: 90%;
  margin: 0 auto;
}
section.ti-reason .ti-two-col .text-col p .reason-point {
  display: inline-block;
  color: #707070;
  font-weight: lighter;
  font-weight: light;
  margin-bottom: 0.5em;
}
section.ti-reason .ti-two-col .text-col p .reason-point::after {
  content: "-";
  color: #D9B141;
  margin-left: 0.5em;
  width: 1em;
  height: 1em;
  font-weight: bold;
  font-size: 1.5em;
  line-height: 100%;
}

section.ti-original {
  box-sizing: border-box;
  background: url(https://img07.shop-pro.jp/PA01427/550/etc/ti-original-bg.jpg?cmsp_timestamp=20221026174709) center no-repeat;
  background-size: cover;
  padding: clamp(16px, 3.3vw, 65px);
}
section.ti-original .ti-content-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: 34px 10px 50px 10px;
  margin: auto;
  width: 100%;
  max-width: 1200px;
  background-color: #ffffff;
}
section.ti-original .ti-content-container .ti-speech-bubble {
  background: url(https://img07.shop-pro.jp/PA01427/550/etc/ti-speech-bg.png?cmsp_timestamp=20221026175623) center no-repeat;
  background-size: contain;
  font-size: 15px;
  font-weight: bold;
  line-height: 200%;
  padding: 0 1.3em 1em 1.3em;
  color: #D3B155;
  margin: 0 auto;
}
section.ti-original .ti-content-container .ti-gold-text {
  margin: 0 auto 42px auto;
  padding: 0 0.5em 0.5em 0.5em;
  line-height: 170%;
  font-size: 35px;
  border-bottom: 1px solid #D3B155;
}
section.ti-original .ti-content-container p {
  line-height: 180%;
  font-size: 16px;
}
section.ti-original .ti-content-container img {
  width: 100%;
  object-fit: cover;
  object-position: center;
  max-height: 310px;
}
section.ti-original .ti-content-container .text-col {
  width: 1000px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  height: 380px;
}
section.ti-original .ti-content-container .text-col .text-1,
section.ti-original .ti-content-container .text-col .text-2 {
  text-align: start;
  width: 430px;
  max-width: 45%;
}
section.ti-original .ti-content-container .text-col .text-1 {
  order: 1;
  margin-bottom: 2em;
}
section.ti-original .ti-content-container .text-col img {
  margin: 0;
  width: 480px;
  max-width: 50%;
  order: 3;
}
section.ti-original .ti-content-container .text-col .text-2 {
  order: 2;
}

section.ti-omake {
  padding: clamp(40px, 10vw, 190px) 0 0 0;
  margin: 0 0 clamp(60px, 11vw, 110px) 0;
}
section.ti-omake .ti-two-col {
  flex-direction: column-reverse;
  align-items: center;
  margin: 0 auto;
  width: 910px;
  max-width: 85.5%;
}
section.ti-omake .ti-two-col .text-col {
  margin-right: 0;
  max-width: 100%;
}
section.ti-omake .ti-two-col .text-col p {
  margin: 0 auto 2.5em auto;
}
  /* 20221026 Style追加（F27用）ここまで */
  /* 20230207 Style追加（商品詳細用）ここから */
span.plus {
    font-weight: bold;
    text-decoration: underline 4px #F3EF00;
}
  /* 20230207 Style追加（商品詳細用）ここまで */