@charset "euc-jp";

body {
  font-family: -apple-system, BlinkMacSystemFont, 'serif', '游明朝', '\6E38\660E\671D', 'Segoe UI', 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
  font-size: 15px;
  word-wrap: break-word;
  color: #222222;
  font-weight: bolder;
  background: #fff;
  overflow-wrap: break-word;
  }
a {
  color: #5c5c5c; /* 灰色 */
  }
a:hover {
  color: #222222; /* 墨黒 */
  text-decoration: none;
  }
.btn {
  border-radius: 0;
  }
ul, ol, form, p {
  margin: 0;
  }
img {
  max-width: 100%;
  height: auto;
  }
/* layout */
.boxmain {
  margin: 0 auto;
  padding: 0 5%;
  text-align: center;
  max-width: 1200px;
  }
.boxA {
  margin: 0 auto;
  padding: 0;
  text-align: center;
  }
.boxA-inner {
  }
.boxA-in-0 { /* 最上部ロゴ */
  padding: 8% 0 3% 3%;
  text-align: left;
  }
.boxA-in-1 { /* TOPイベント内・左側 */
  }
.boxA-ev-link{ /* TOPイベント内リンク*/
  margin: 0 2%;
  padding: 1% 3%;
  color: #40352b;
  background-color: #f2eadd;
  border-radius: 20px;
  }
.boxA-ev-link:hover {
  color: #40352b;
  background-color: #ddc8a5;
  }
.boxA-in-2 { /* 左側の箱 */
  padding: 2% 2% 5% 2%;
  font-size: 98%;
  }
.topline0 {
  border-top: solid 1px #eaeaea;
  }
.boxA-in-2 h2 {
  font-size: 120%;
  }
.boxA-in-3 { /* 右メニュー */
  margin: 0;
  line-height: 130%;
  font-size: 98%;
  text-align: left;
  border-top: 1px solid #eaeaea;
  }
.boxA-in-4 { /* 右メニュー:コンテンツ */
  text-align: left;
  margin: 0;
  padding: 0% 5% 3% 10%;
  }
.boxA-in-con1 {/* 右メニュー:背景変化 */
  float:left;
  width: 23%;
  margin: 0 auto;
  padding: 1% 2% 0 4%;
  }
.boxA-in-con1 img{
  margin: 0 auto;
  padding: 0;
  }
.boxA-in-con2 {
  font-size: 98%;
  margin: 0;
  padding: 2% 0;
  border-bottom: 1px solid #eaeaea;
  }
.boxA-in-con2 a h3{
  margin: 0;
  padding: 3% 0 1% 0;
  font-size: 115%;
  font-weight: bold;
  }
.boxA-in-con2:after{
  content: "";
  display: block;
  clear: both;
  }
.boxA-in-new { /* 右メニュー:shop関連 */
  margin: 0;
  padding: 8% 5% 5% 5%;
  letter-spacing: 2px;
  line-height: 160%;
  font-size: 110%;
  }
.boxA-con-list { /* TOP・shopナビ */
  padding: 3% 2% 0 4%;
  line-height: 0;
  }
.boxA-con-list ul {
  position: relative;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  }
.boxA-con-list ul li {
  margin: 3px;
  width: 30%;
  line-height: 1.5;
  text-align: center;
  }
.boxA-con-list ul a {
  display: block;
  padding: 7px 5px;
  margin: 6px;
  color: #222222;
  background-color: #f2eadd;
  border-radius: 20px;
  }
.boxA-con-list ul a:hover {
  color: #40352b;
  background-color: #f2eadd;
  }
@media (min-width: 680px) {
  .boxA-in-2 {
    padding: 0 2% 5% 2%;
    }
  .topline0 {
    border-top: solid 1px #fff;
    }
  }
@media (min-width: 900px) {
  .boxA-inner:after{
    content: "";
    display: block;
    clear: both;
    }
  .boxA-in-1 {
    float: left;
    width: 66%;
    }
  .boxA-in-1:after{
    content: "";
    display: block;
    clear: both;
    }
  .boxA-in-2 {
    float: left;
    width: 46%;
    }
  .boxA-in-3 {
    float: right;
    margin: 0;
    padding: 0;
    width: 30%;
    letter-spacing: 1px;
    border-top: 1px solid #fff;
    border-left: 1px solid #eaeaea;
    }
  .boxA-in-4:after{
    content: "";
    display: block;
    clear: both;
    }
  .boxA-in-4 {
    margin: 0;
    padding-left: 5%;
    }
  .boxA-in-con1 {
    width: 30%;
    padding: 0 1% 0 0;
    }
  .boxA-in-con2 {
    padding: 0 0 5% 0;
    border-bottom: 1px solid #fff;
    font-size: 90%;
    }
  .boxA-in-con2 a{
    display: block;
    color: #222222;
    padding-bottom: 5%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgb(242, 234, 221) 70%);
    background-position: 0 0;
    background-size: 200% auto;
    border-radius: 0 70px 70px 0;
    transition: .3s;
    }
  .boxA-in-con2 a:hover{
    background-position: -100% 0;
    color: #222222;
    }
  .boxA-in-con2 a h3{
    padding: 3% 0 0 0;
    font-weight: bold;
    font-size: 100%;
    }
  .boxA-in-new {
    margin: 0;
    padding: 8% 10% 0 12%;
    border-top: 1px solid #eaeaea;
    line-height: 120%;
    font-size: 98%;
    }
  .boxA-con-list ul a {
    padding: 5px;
    margin: 0;
    background-color: #fff;
    }
  .boxA-con-list ul a:hover {
    color: #40352b;
    background-color: #f2eadd;
    }
  }
@media (min-width: 1270px) {
  /* 画面が1270px以上*/
  .boxA-in-4 {
    padding-left: 10%;
    }
  .boxA-in-con1 {
    width: 32%;
    padding: 0 1% 0 0;
    }
  .boxA-in-con2 {
    font-size: 98%;
    padding: 0 2% 5% 0;
    }
  .boxA-in-con2 a h3{
    padding: 8% 0 0 0;
    font-size: 115%;
    }
  .boxA-in-new {
    line-height: 150%;
    font-size: 100%;
    }
  }
/* header */
.header__logo-img {
  margin: 0;
  }
.header__logo {
  margin: 70px 0;
  }
/* ページ共通・TOPボタン */
.botton_top_in {
  float: right;
  width: 80px;
  height: 80px;
  margin-bottom: 1%;
  }
.botton_top_in:after{
  content: "";
  display: block;
  clear: both;
  }
.button_top {
  margin-bottom: 1%;
  background-color: #fff;
  color: #757575;
  font-size: 105%;
  line-height: 1em;
  width: 80px;
  height: 80px;
  border-radius: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: .3s;  /* 色が変化する時間 */
  }
.button_top:hover {
  background-color: #f2eadd;
  color: #40352b;
  }
.button_top::before {
  content: "";
  display: block;
  /* 三角のサイズ */
  width: 10px;
  height: 10px;
  border-top: 2px solid #757575;
  border-right: 2px solid #757575;
  transform: rotate(-45deg);
  margin-bottom: 2px;
  transition: .3s;
  }
.button_top:hover::before {
  border-top: 2px solid #40352b;
  border-right: 2px solid #40352b;
  }
/* footer */
.footer__guide {
  margin: 0 auto;
  width: 100%;
  }
.guide__col {
  display: inline-block;
  vertical-align: top;
  padding: 0% 1%;
  }
.guide__h2 {
  text-align: left;
  margin-right: 2%;
  padding: 1% 2%;
  border-bottom: 2px solid #544a47;/* 下線・黒橡 */
  font-size: 85%;
  }
.guide__name {
  padding: 0% 0% 1% 3%;
  text-align: left;
  font-size: 100%;
  }
.guide__other {
  margin: 0;
  padding: 0% 3% 3% 4%;
  text-align: left;
  font-size: 80%;
  }
@media (min-width: 900px) {
  .footer__guide:after{
	content: "";
	display: block;
	clear: both;
    }
  .guide__col {
	float: left;
	width: 31%;
	letter-spacing: 1px;
	}
  }
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
    }
  }
/* copyright */
.copyright__section {
  padding: 3% 1%;
  text-align: right;
  font-size: 90%;
  }
/* スライド */
.slider-waku {
  margin-top: 8%;
  } 
#p-slider .bx-controls-direction a {
  z-index: 100;
  }
#p-slider .bx-viewport {
  top: 0;
  left: 0;
  border: 0;
  background: #fff;
  box-shadow: none;
  }
#p-slider .bx-wrapper img {
  margin: 0 auto;
  padding-top: 35px;
  }
#p-slider .bx-caption {
  top: 0;
  bottom: auto;
  background: #fff;
  }
#p-slider .bx-caption span {
  font-family: -apple-system, BlinkMacSystemFont, 'serif', '游明朝', '\6E38\660E\671D', 'Segoe UI', 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
  padding: 0;
  color: #000;
  font-size: 110%;
  text-align: right;
  letter-spacing: 1px;
  }
#p-slider .bx-pager {
  bottom: 10px;
  }
#p-slider .bx-pager a {
  background: #fff;
  }
#p-slider .bx-pager a:hover,
#p-slider .bx-pager a.active {
  background: #ddbb99;
  }
@media screen and (min-width: 600px) {
  #p-slider .bx-wrapper img {
    padding-top: 35px;
    }
  #p-slider .bx-caption span {
    padding: 0 1% 0 0;
    }
  }
/* --- TOPアイコン・検索  --- */
.topicon {
  text-align: center;
  font-size: 90%;
  }
.topicon-link{
  margin: 0 2px 0 0;
  padding: 5px 8px;
  color: #40352b;
  background-color: #f2eadd;
  border-radius: 20px;
  }
.topicon-link:hover {
  color: #40352b;
  background-color: #ddc8a5;
  }
.header__section {
  text-align: center;
  margin-bottom: 60px;
  }
.header-search {
  position: relative;
  float: left;
  margin-top: 20px;
  width: 85%;
  }
.header-search i {
  position: absolute;
  top: 16px;
  left: 15px;
  }
.header-search__box {
  padding: 15px 11px 17px 51px;
  width: 100%;
  background: none;
  border: none;
  border-radius: 3px;
  color: #333;
  }
.header-search__box:focus {
  padding: 14px 10px 16px 50px;
  background: #fff;
  border: 1px solid #e5e5e5;
  }
@media (min-width: 900px) {
  .topicon {
    text-align: right;
    }
  .header-search__box {
    width: 80%;
    } 
  }
/* TOP・一覧・商品表示・その他デザイン */
.c-section {
  margin: 30px 0 50px;
  }
.c-section__heading {
  margin: 2% 0% 0% 0%;
  text-align: left;
  color: #222222;/* タイトル文字・通常色 */
  }
.c-section__heading--title {
  font-size: 93%;
  position: relative;
  margin-bottom: .8em;
  letter-spacing: .1em;
  }
.c-section__heading--title::after {
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 1px;
  content: '';
  background: #eaeaea;/* タイトル線 */
  }
.c-section__heading--title span {
  line-height: 1.3;
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-left: 2%;
  padding: 0 1%;
  font-size: 120%;
  background: #fff;
  }
.c-section__heading--sub-title {
  padding: 1% 4% 1% 5%;
  font-size: 95%;
  text-align: left;
  }
.c-section__container {
  }
.c-section__label {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  line-height: 1.6;
  width: 300px;
  margin: 0;
  padding: 5px 0 5px 10px;
  letter-spacing: 1px;
  background-color: #eaeaea;
  border-radius: 20px;
  }
.c-section__content {
  line-height: 1.6;
  margin: 5px 0 20px 10px;
  text-align: left;
  }
.c-not-found {
  margin: 100px 0;
  text-align: center;
  }
.p-layout-container {
  box-sizing: border-box;
  max-width: 1240px;
  margin: 0 auto;
  }
.p-layout-container::after {
  display: block;
  clear: both;
  content: '';
  }
.c-product-list {
  position: relative;
  display: flex;
  margin: 20px 0;
  padding: 0;
  list-style-type: none;
  border-top: 1px solid #eaeaea;
  flex-wrap: wrap;
  }
.c-product-list::after {
  display: block;
  clear: both;
  content: '';
  }
.c-product-list__image-wrap {
  max-width: 320px;
  border: 10px solid transparent;
  }
.c-product-list::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  content: '';
  background: #eaeaea;
  }
.c-product-list__item {
  position: relative;
  float: left;
  box-sizing: border-box;
  width: 50%;
  padding: 20px 20px 50px;
  transition: opacity .2s; /* IEだけfloatする */
  text-align: center;
  border: 0\9;
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  }
.c-product-list__name {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  display: block;
  margin-top: .5em;
  transition: opacity .2s;
  text-decoration: none;
  color: #333;
  }
.c-product-list__name:hover {
  opacity: .66;
  }
.c-product-list__name:active {
  opacity: 1;
  }
.c-product-list__price {
  font-weight: bold;
  margin-top: 1em;
  }
.c-product-list__regular-price {
  font-weight: bold;
  margin-top: 1em;
  }
.c-product-list__soldout {
  font-weight: bold;
  margin-top: 1em;
  }
.c-product-list__expl {
  font-size: 12px;
  line-height: 1.5;
  margin-top: 1em;
  text-align: center;
  }
.c-product-list__button {
  display: block;
  clear: both;
  width: 100%;
  margin-bottom: 40px;
  text-align: center;
  }
.c-product-list__button button {
  font-weight: bold;
  min-width: 300px;
  padding: 15px;
  text-indent: 11px;
  }
.c-product-info__price {
  font-family: 'Montserrat', sans-serif;
  }
.c-product-info__price--discount {
  color: #f00;
  }
.c-product-info__regular-price {
  font-family: 'Montserrat', sans-serif;
  text-decoration: line-through;
  }
.c-product-info__soldout {
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
  color: #f00;
  }
.c-product-sort__total {
  margin-bottom: 10px;
  text-align: center;
  }
.c-product-sort__total span {
  font-size: 24px;
  margin: 0 8px;
  }
@media screen and (min-width: 600px) {
  .c-product-list {
    margin-bottom: 40px;
    }
  .c-product-list__item {
    width: 33.33333%;
    padding-top: 40px;
    }
  .c-product-list__item:nth-child(3n) {
    border-right: 0;
    }
  .c-product-list__item:nth-child(3n + 1) {
    clear: both;
    }
  .c-product-list__button button {
    padding: 10px 15px;
    }
  .c-product-sort {
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    }
  .c-product-sort__total {
    position: relative;
    bottom: -3px;
    float: left;
    margin-bottom: 0;
    }
  }
@media screen and (min-width: 960px) {
  .c-section__container {
    margin-right: auto;
    margin-left: auto;
    }
  .c-section__label {
    float: left;
    clear: left;
    padding: 0;
    text-align: center;
    margin-right: 20px;
    background-color: #fff;
    }
  .c-section__content {
    overflow: hidden;
    margin: 0 0 20px;
    }
  .c-product-list__image-wrap {
    border-width: 15px;
    }
  }
@media screen and (max-width: 599px) {
  .c-product-list__item:nth-child(2n) {
    border-right: 0;
    }
  .c-product-list__item:nth-child(2n + 1) {
    clear: both;
    }
  }
/* TOP・下部・最近チェックした商品 */
.c-thumbnail-product-list {
  margin: 3%;
  padding: 0 10px;
  list-style-type: none;
  }
.c-thumbnail-product-list::after {
  display: block;
  clear: both;
  content: '';
  }
.c-thumbnail-product-list__item {
  float: left;
  box-sizing: border-box;
  width: 33.33333%;
  padding: 0 5px;
  transition: opacity .2s;
  text-align: center;
  }
.c-thumbnail-product-list__price {
  font-size: 12px;
  font-weight: bold;
  margin-top: 0;
  }
.c-thumbnail-product-list__soldout {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
  color: #d4acad;
  }
@media screen and (max-width: 599px) {
  .c-thumbnail-product-list__item:nth-child(3n + 1) {
    clear: both;
    }
  }
@media screen and (min-width: 600px) {
  .c-thumbnail-product-list {
    margin-bottom: 40px;
    padding: 0;
    }
  .c-thumbnail-product-list__item {
    width: 25%;
    padding: 0 10px;
    }
  .c-thumbnail-product-list__item:nth-child(4n + 1) {
    clear: both;
    }	
  }
@media screen and (min-width: 960px) {
  .c-thumbnail-product-list__image-wrap {
    border-width: 9px;
    }
  .c-thumbnail-product-list__item {
    width: 20%;
    padding: 0 2%;
    }
  .c-thumbnail-product-list__item:nth-child(4n + 1) {
    clear: none;
    }
  .c-thumbnail-product-list__item:nth-child(5n + 1) {
    clear: both;
    }
  }
/* 画像制御 */
.c-image-wrap {
  position: relative;
  display: block;
  margin: 0 auto;
  }
.c-image-wrap::after {
  display: block;
  padding-top: 70%; /* 上下消えない問題 初期値100% */
  content: '';
  }
.c-image-wrap--link {
  cursor: pointer;
  }
.c-image-wrap--link:hover .c-image-box--main {
  opacity: 0;
  }
.c-image-wrap--link:hover .c-image-box--otherimg {
  opacity: 1;
  }
.c-image-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity .2s;
  word-break: break-all;
  }
.c-image-box__image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  }
.c-image-box__image--noimage {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 40px;
  height: 40px;
  text-align: center;
  color: #757575;
  }
.c-image-box--main {
  opacity: 1;
  }
.c-image-box--otherimg {
  opacity: 0;
  }
@media screen and (max-width: 599px) {
  .c-image-box__image--noimage {
    font-size: 12px;
    }
  }
/*商品・セレクトボタン*/
.c-select {
  position: relative;
  }
.c-select::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #757575;
  border-bottom: 2px solid #757575;
  transform: rotate(45deg);
  pointer-events: none;
  }
.c-select__value {
  float: right;
  text-align: center;
  width: 230px;
  height: 35px;
  font-size: 17px;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  display: inline-block;
  padding: 5px;
  cursor: pointer;
  transition: .2s;
  border: 3px solid transparent;
  border-radius: 3px;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  }
.c-select__value:hover {
  border-color: rgba(0, 0, 0, .1);
  }
.c-select__value::-ms-expand {
  display: none;
  }
@media screen and (min-width: 600px) {
  .c-select__value {
    font-size: 16px;
    }
  }
/* パンくずリスト */
.c-top-pan {
  font-size: 100%;
  padding: 0 2% 3% 0;
  text-align: right;
  }
.c-top-pan__list {
  margin: 0 0 6% 0;
  padding: 0;
  }
.c-top-pan__item {
  display: inline-block;
  word-break: break-all;
  }
.tools-link {
  font-size: 14px;
  border-radius: 20px;
  margin: 0;
  padding: 10px;
  color: #40352b;
  background-color: #f2eadd;
  }
.tools-count {
  padding: 3px 10px;
  font-size: 90%;
  }
@media screen and (min-width: 900px) {
  .c-top-pan__list {
    margin: 0 0 1% 0;
    }
  .tools-link {
    padding: 5px 10px;
    background-color: #fff;
    }
  .tools-link:hover {
    color: #40352b;
    background-color: #f2eadd;
    }
  }
/* 商品一覧サブカテゴリー */
.c-sub-category {
  margin: 30px 10px;
  padding: 0;
  list-style-type: none;
  }
.c-sub-category::after {
  display: block;
  clear: both;
  content: '';
  }
.c-sub-category__item {
  float: left;
  box-sizing: border-box;
  width: 48%;
  padding: 8px 5px;
  margin: 1%;
  color: #40352b;
  background-color: #f2eadd;
  border-radius: 20px;
  }
.c-sub-category__item:hover {
  color: #40352b;
  background-color: #ddc8a5;
}
.c-sub-category__name {
  line-height: 1.3;
  position: relative;
  display: block;
  font-size: 110%;
  }
.c-sub-category__name::before {
  position: absolute;
  top: 0;
  left: 0;
  }
@media screen and (min-width: 900px) {
  .c-sub-category {
    content: "";
    display: block;
    clear: both;
    margin: 0;
    }
  .c-sub-category__item {
    width: 23%;
    }
  }
/* 下部 123 表示ボタン */
.c-pager {
  margin: 30px 0;
  text-align: center;
  }
.c-pager__total {
  margin-bottom: 20px;
  }
.c-pager__total span {
  font-size: 24px;
  margin: 0 8px;
  }
.c-pager__list {
  font-family: 'Montserrat', sans-serif;
  margin: 0;
  padding: 0;
  list-style-type: none;
  }
.c-pager__list-item {
  display: inline-block;
  margin: 0 5px;
  margin-bottom: 10px;
  text-align: center;
  }
.c-pager__unlink {
  min-width: 42px;
  padding: 8px;
  }
.c-pager__unlink.is-current {
  color: #333;
  border-color: transparent;
  background: transparent;
  }
.c-pager__link {
  min-width: 42px;
  padding: 8px;
  }
@media screen and (max-width: 599px) {
  .c-pager__list-item {
    display: none;
    }
  .c-pager__list-item--visible {
    display: inline-block;
    }
  }
.c-button {
  font-weight: normal;
  line-height: 22px;
  display: inline-block;
  box-sizing: border-box;
  transition: .2s;
  vertical-align: middle;
  text-decoration: none;
  border-radius: 4px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  }
.c-button:hover,
.c-button:focus {
  cursor: pointer;
  outline: none;
  }
.c-button--solid {
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  transition: .2s;
  vertical-align: middle;
  text-decoration: none;
  color: #2d2d2d;
  border: 0;
  border-radius: 4px;
  background: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  }
.c-button--solid:hover,
.c-button--solid:focus {
  outline: none;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .2);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  }
.c-button--solid.is-disabled {
  font-size: 14px;
  cursor: default;
  color: #2d2d2d;
  border: 0;
  background: #fff;
  box-shadow: none;
  text-shadow: none;
  }
.c-button--border {
  font-size: 14px;
  cursor: pointer;
  color: #2d2d2d;
  border: 1px solid #eaeaea;
  background: transparent;
  }
.c-button--border:hover,
.c-button--border:focus {
  color: #40352b;
  border-color: #fff;
  outline: none;
  background: #f2eadd;
  }
.c-button--border.is-disabled {
  font-size: 14px;
  cursor: default;
  color: #b3b3b3;
  border: 1px solid #eaeaea;
  background: #fff;
  }
.icon-arrow-right,
.icon-arrow-left {
  display: inline-block;
  box-sizing: border-box;
  margin: 6px 5px;
  width: 10px;
  height: 10px;
  border-top: 4px solid #757575;
  border-right: 4px solid #757575;
  transform: rotate(45deg);
  }
.icon-arrow-right {
  transform: rotate(45deg);
  }
.icon-arrow-left {
  transform: rotate(-135deg);
  }
@media screen and (min-width: 600px) {
  .u-visible--phone {
    display: none;
    }
  }
/* --- 商品ページ --- */
.boxB-inner {
  }
.boxB-inner-cart {
  margin: 0 auto;
  padding: 5% 0 0 0;
  width: 90%;
  }
.boxB-in-0 { /* 上部タイトル */
  text-align: left;
  padding: 0;
  }
.boxB-in-0-h2 { /* 上部タイトル h2 */
  margin: 3% 0 2% 0;
  padding: 0 5%;
  font-size: 130%;
  }
.boxB-in-0-sp {
  font-size: 70%;
  padding-left: 3px;
  color: #9fa09e;
  }
.p-product-body__description { /* 商品説明文 */
  margin: 4% 5% 6% 5%;
  padding: 0;
  line-height: 1.8;
  text-align: left;
  }
.boxB-in-0-wi {
  width: 90%;
  margin: 0 auto;
  }
.p-product-heading__unit { /* 写真切替箱 */
  margin: 20px 0;
  padding: 20px;
  border: 1px solid #eaeaea;
  }
.p-product-heading__unit::after {
  display: block;
  clear: both;
  content: '';
  }
.p-large-image {
  }
.p-large-image__image-wrap {
  max-width: 100%;
  border: 6px solid transparent;
  margin: 0 auto;
  padding: 0;
  }
.p-thumbnail-list {
  box-sizing: border-box;
  margin: 0 -5px;
  padding: 0;
  list-style-type: none;
  text-align: center;
  }
.p-thumbnail-list__unit {
  float: left;
  box-sizing: border-box;
  width: 25%;
  margin-bottom: 5px;
  padding: 0 5px;
  }
.p-thumbnail-list__image-wrap {
  border: 3px solid transparent;
  }
.p-thumbnail-list::after {
  display: block;
  clear: both;
  content: '';
  }
.p-thumbnail-list__image-wrap.is-current {
  border-color: #D6C6AF; /* 亜麻色 */
  background: #D6C6AF;
  }
.c-image-wrap-large {
  position: relative;
  top: 0;
  display: block;
  margin: 0 auto;
  }
.c-image-wrap-large::after {
  display: block;
  padding-top: 80%; /* 上下消えない問題 初期値100% */
  content: '';
  }
.p-product-wrap { /* 商品購入箱 */
  margin: 0;
  padding: 0;
  }
.boxB-in-1 { /* --- 左箱 --- */
  text-align: center;
  margin: 0 1%;
  padding: 0 0 5% 0;
  }
.p-cart-form__name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: .8em;
  padding-top: 5%; 
  }
.p-cart-form__price {
  font-size: 18px;
  font-weight: bold;
  }
.p-cart-form__list-price {
  font-size: 12px;
  line-height: 2;
  opacity: .7;
  }
.p-cart-form__point {
  font-size: 12px;
  margin-top: 10px;
  }
.p-cart-form__point span {
  font-size: 18px;
  font-weight: bold;
  }
.p-cart-form__stock {
  margin-top: 10px;
  }
.boxB-in-2 { /* --- 右箱 --- */
  text-align: left;
  margin: 0 1%;
  padding: 0;
  }
.p-cart-form__option-select select {
  box-sizing: border-box;
  width: 100%;
  border-color: #eaeaea;
  }
.p-cart-form__option-select select:hover {
  border-color: #333;
  }
.c-form__unit {
  margin-bottom: 30px;
  }
.c-form__unit-label {
  text-align: center;
  font-weight: bold;
  margin-bottom: .5em;
  }
.c-form__unit-label--fix-margin {
  margin-bottom: -.05em;
  padding-top: 5%;
  }
.c-form__unit-label--set {
  margin: 0 20%;
  padding-right: 40px;
  text-align: center;
  }
/*  オプションごとのカートボタン CSS  */
.cms-opt__unit-label {
  font-weight: bold;
  margin-bottom: .5em;
  }
.cms-opt-button__opt-list {
  margin: 0;
  }
.cms-opt-button__opt-body {
  padding-bottom: 20px;
  border-bottom: 1px solid #eaeaea;
  margin: 0 0 20px 0;
  }
.cms-opt-button__opt-label {
  display: inline-block;
  }
.cms-opt-button__opt-heading {
  background: #eee;
  font-weight: bold;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  }
.cms-opt-button__opt-heading--hidden {
  visibility: hidden;
  height: 0;
  margin: 0;
  padding: 0;
  }
.cms-opt-button__content {
  margin-bottom: 10px;
  }
.cms-opt-button__content-name {
  min-width: 50%;
  display: inline-block;
  vertical-align: middle;
  }
.cms-opt-button__content-price {
  font-size: 18px; 
  min-width: 48%;
  display: inline-block;
  vertical-align: middle;
  }
@media screen and (min-width: 600px) {
  .cms-opt-button__content-price {
     font-size: 20px; 
    }
  }
.cms-opt-button__purchase-stock {
  display: inline-block;
  margin: 0;
  font-size: 13px;
  color: #777;
  min-width: 50%;
  word-break: break-all;
  }
.cms-opt-button__purchase-number {
  display: inline-block;
  }
.cms-opt-button__cart {
  margin-top: 10px;
  }
.cms-opt-button__purchase-unit {
  word-break: break-all;
  }
/*  オプションごとのカートボタン ここまで  */
.p-option-table table {
  min-width: 100%;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid #ccc;
  }
.p-option-table br {
  display: none;
  }
.p-option-table .cell_1,
.p-option-table .cell_2 {
  padding: 10px 8px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #ddd;
  }
.p-option-table [type='radio'] {
  position: relative;
  z-index: 0;
  width: 10px;
  height: 10px;
  margin: 5px;
  cursor: pointer;
  }
.p-option-table [type='radio']::before {
  position: absolute;
  z-index: 1;
  top: -5px;
  left: -5px;
  display: block;
  width: 20px;
  height: 20px;
  content: '';
  border-radius: 20px;
  background: #eee;
  }
.p-option-table [type='radio']::after {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  width: 10px;
  height: 10px;
  content: '';
  transition: .2s;
  border-radius: 10px;
  background: transparent;
  }
.p-option-table [type='radio']:hover::after {
  background: rgba(0, 0, 0, .2);
  }
.p-option-table [type='radio']:checked::after {
  background: #fd7f23;
  }
.p-option-table .t_stock_num {
  font-size: 12px;
  display: block;
  margin-top: 12px;
  text-align: center;
  }
.p-option-table .stock_zero {
  font-size: 12px;
  }
.p-option-table .table_price {
  display: none;
  }
.c-table-wrap {
  overflow-x: scroll;
  }
.c-table-wrap::-webkit-scrollbar {
  height: 8px;
  }
.c-table-wrap::-webkit-scrollbar-track {
  background: #f1f1f1;
  }
.c-table-wrap::-webkit-scrollbar-thumb {
  background: #ccc;
  }
.c-table-wrap table {
  min-width: 100%;
  border-collapse: collapse;
  text-align: center;
  border: 1px solid #eaeaea;
  }
.c-table-wrap table td,
.c-table-wrap table th {
  padding: 10px 8px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #eaeaea;
  }
.c-input-text:focus {
  border-color: <{$setting-keyColor}>;
  outline: none;
  }
.c-input-text {
  font-size: 95%;
  line-height: 40px;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  transition: .2s;
  vertical-align: middle;
  border: 2px solid #eaeaea;
  border-radius: 4px;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  }
.p-cart-form__password-input input {
  font-size: 16px;
  line-height: 40px;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  transition: .2s;
  vertical-align: middle;
  border: 2px solid #eaeaea;
  border-radius: 4px;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  }
.p-cart-form__password-input input:focus {
  border-color: <{$setting-keyColor}>;
  outline: none;
  }
.p-cart-form__add-num-wrap {
  position: relative;
  display: inline-block;
  width: 5px;
  height: 5px;
  }
.p-cart-form__add-num {
  position: absolute;
  display: inline-block;
  text-decoration: none;
  }
.p-cart-form__add-num:hover {
  opacity: .66;
  }
.p-cart-form__add-num:active {
  opacity: 1;
  }
.p-cart-form__add-num--up {
  top: -38px;
  left: 2800%;
  width: 10px;
  height: 10px;
  border-top: 2px solid #757575;
  border-right: 2px solid #757575;
  transform: rotate(-45deg);
  transition: .3s;
  }
.p-cart-form__add-num--down {
  top: -17px;
  left: 2800%;
  width: 10px;
  height: 10px;
  border-top: 2px solid #757575;
  border-right: 2px solid #757575;
  transform: rotate(-225deg);
  transition: .3s;
  }
.p-cart-form__button-wrap {
  margin: 5%;
  }
.p-cart-form__add-cart-button {
  font-family: 'Montserrat', sans-serif;
  width: 100%;
  padding: 15px;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1px;
  background: #f2eadd;
  }
.p-cart-form__error-message {
  font-weight: bold;
  display: none;
  margin: 10px 0 0;
  text-align: center;
  color: #f00;
  }
.p-cart-form__link-list { /* 返品・問い合わせ */
  font-size: 12px;
  margin: 3% 5%;
  padding: 0;
  list-style-type: none;
  text-align: right;
  }
.p-cart-form__link-list a {
  display: inline-block;
  padding: .5em 0;
  transition: opacity .2s;
  text-decoration: none;
  color: #333;
  }
.p-cart-form__link-list a:hover {
  opacity: .66;
  }
.p-cart-form__link-list a:active {
  opacity: 1;
  }
@media (min-width: 599px) {
  .boxB-inner:after{
    content: "";
	display: block;
	clear: both;
	}
  .c-image-wrap-large::after {
    padding-top: 60%; /* 上下消えない問題 初期値100% */
    }
  .boxB-in-0-wi {
    margin: 0 auto;
    width: 80%;
    }
  .boxB-in-1 {
    float: left;
	width: 48%;
    }
  .boxB-in-2 {
    float: left;
	width: 48%;
    }
  .p-cart-form__add-num--up, .p-cart-form__add-num--down {
  left: 2200%;
    }
  }
@media (min-width: 960px) {
  .p-product-body__description { /* 商品説明文 */
    padding: 2% 8% 2% 10%;
    }
  .p-thumbnail-list__unit {
    width: 16.666%;
    }
  .p-cart-form__add-num--up, .p-cart-form__add-num--down {
  left: 3000%;
    }
  }
@media (min-width: 1270px) {
  .p-cart-form__add-num--up, .p-cart-form__add-num--down {
  left: 3500%;
    }
  }
.c-topic-path { /* 商品下部カテゴリー */
  clear: both;
  margin: 2% 5% 0 5%;
  padding-top: 2%;
  border-top: 1px solid #eaeaea;
  text-align: left;
  font-size: 12px;
  }
.c-topic-path__list {
  margin: 0;
  padding: 0;
  }
.c-topic-path__item {
  display: inline-block;
  word-break: break-all;
  }
.c-topic-path__item--hidden {
  visibility: hidden;
  }
.c-topic-path a {
  display: inline-block;
  padding: .6em 0;
  transition: opacity .2s;
  text-decoration: none;
  color: #333;
  }
.c-topic-path a:hover {
  opacity: .66;
  }
.c-topic-path a:active {
  opacity: 1;
  }
/* boxC・コーデ用 --------*/
.boxC {
  margin: 0 auto;
  text-align: center;
  }
.boxC-inner {
  }
.boxC-in-1, .boxC-in-2 {
  padding-left: 8%;
  padding-right: 8%;
  padding-bottom: 50px;
  line-height: 150%;
  font-size: 100%;
  text-align: left;
  }
.boxC-in-3, .boxC-in-4, .boxC-in-6, .boxC-in-7, .boxC-in-8 {
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 50px;
  line-height: 150%;
  font-size: 100%;
  text-align: left;
  }
/* .boxC-in-5未使用 */
.boxC-in-9 {
  padding: 5%;
  font-size: 100%;
  text-align: left;
  line-height: 2em;
  }
.boxC-in-10, .boxC-in-11 {
  margin: 0 auto;
  text-align: cneter;
　width: 100%;
  line-height: 2em;
  }
.boxC-in-4, .boxC-in-7, .boxC-in-9 a {
  text-decoration: none;
  color: #6f6967;
  }
.boxC-in-1 h3 {
  font-size: 110%;
  font-weight: bold;
  }
.boxC-in-3 h4 {
  padding-top: 30px;
  font-size: 130%;
  }
.boxC-in-3, .boxC-in-4, .boxC-in-6, .boxC-in-7, .boxC-in-8, .boxC-in-9, .boxC-in-10 h5 {
  margin: 0 auto;
  padding-top: 30px;
  font-size: 120%;
  font-weight: bold;
  }
/* cod商品切り抜き用 */
.cod-img-04{
  max-width: 50%;
  border-radius: 30%;
  padding: 1%;
  }
@media (min-width: 900px) {
  .boxC-in-2 {
    padding-left: 8%;
    padding-right: 8%;
    padding-bottom: 50px;
    line-height: 130%;
    font-size: 100%;
    text-align: right;
    }
  .boxC-in-5 {
    padding-bottom: 50px;
    line-height: 150%;
    font-size: 100%;
    text-align: center;
    }
  }
@media (min-width: 650px) {
  .boxC-inner:after{
    content: "";
	display: block;
	clear: both;
	}
  .boxC-in-1 {
	float: left;
	width: 38%;
	letter-spacing: 1px;
    }
  .boxC-in-2 {
	float: right;
	width: 30%;
	letter-spacing: 1px;
	}
  .boxC-in-3{
	float: left;
	width: 50%;
    /* フォント設定 */
	letter-spacing: 1px;
	}
  .boxC-in-4{
	float: left;
	width: 28%;
	}
  .boxC-in-6{
	float: left;
	width: 39%;
	/* フォント設定 */
	letter-spacing: 1px;
	}
  .boxC-in-7{
	float: left;
	width: 47%;
	/* フォント設定 */
	letter-spacing: 1px;
	}
  .boxC-in-8{
	float: left;
	width: 55%;
	/* フォント設定 */
	letter-spacing: 1px;
	}
  .boxC-in-9{
	float: left;
	width: 35%;
	}
  .boxC-in-10{
  	/* 画像Boxセンタリング用 */
  	width: 80%;
  	}
  .boxC-in-11{
	float: left;
	width: 32%;
  	}
  }
/* Free page デザイン */
.boxFree-top {
  padding: 0 3%;
  text-align: left;
  font-size: 103%;
  line-height: 1.8em;
  letter-spacing: 0.15em;
  }
.boxFree-top p {
  padding: 3% 0;
  }
.boxFree-inner {
  }
.boxFree-in-2 { /* ２分割・フロート */
  margin: 0;
  padding: 4%;
  line-height: 1.5em;
  }
.wageiko-inner { /* 和稽古用 */
  margin: 2% 0;
  }
.wageiko-event { /* イベント用 */
  margin: 2% 0;
  padding: 4% 0;
  border: 0;
  border-bottom: solid 1px #eaeaea;
  }
.wageiko1, .wageiko2, .wageiko3 {
  margin: 1%;
  padding: 0;
  text-align: center;
  line-height: 1.5em;
  }
.wageiko1 h3 {
  padding: 3% 0 1% 0;
  letter-spacing: 0.2em;
  font-weight: 200;
  color: #666;
  font-size: 140%;
  }
.wageiko2 { /* タイトルエリア */
  margin: 0 7%;
  } 
.wageiko2 h3 {
  margin: 2% 8%;
  padding: 0% 2%;
  letter-spacing: 0.2em;
  line-height: 1em;
  font-weight: 200;
  color: #fff;
  font-size: 160%;
  }
.wageiko3 { /* 本文or画像 */
  text-align: left;
  margin: 0 7%;
  padding: 2% 0;
  }
.wageiko3 img {
  padding-left: 1%;
  width: 24%;
  }
.boxFree-in-3 { /* ３分割・フロート */
  margin: 0;
  padding: 5% 2%;
  line-height: 1.5em;
  }
.boxFree-in-3 h3 {
  font-size: 120%;
  }
.boxFree-in-4 { /* ６分割・全フロート */
  margin: 0;
  padding: 2%;
  text-align: center;
  line-height: 2em;
  float: left;
  width: 29%;
  }
.boxFree-in-4 img {
  margin: 10px 0;
  }
.boxFree-in-4 p {
  margin: 10px 0;
  padding-top: 40%;
  height: 100px;
  border: solid 1px #e0c38c;
  }
.cal_wrapper{ /* カレンダー */
  max-width: 950px;
  min-width: 300px;
  margin: 0 auto;
  }
.googlecal{
  position: relative;
  padding-bottom: 100%;
  }
.googlecal iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 90% !important;
  margin: 0 auto;
  }
.boxFree-in-kyou1 { /* 京極京極さん画像制御 */
  max-width: 100%;
  padding: 0;
  object-fit: cover;
  object-position: top left;
  }
.boxFree-in-kyou2 {
  padding: 0 0 5% 0;
  float: right;
  }
@media (min-width: 900px) {
  .googlecal { 
    padding-bottom: 60%;
    }
  .boxFree-top {
    padding: 0 8%;
    }
  .boxFree-top p {
    padding: 2% 0;
    }
  .boxFree-inner:after{
    content: "";
    display: block;
    clear: both;
    }
  .boxFree-in-2 {
    float: left;
    width: 38%;
    }
  .wageiko1 {
    float: left;
    width: 35%;
    text-align: right;
    }
  .wageiko1 img {
    width: 47%;
    }
  .wageiko1 img:first-child {
    padding-right: 5%;
    }
  .wageiko2 {
    float: left;
    margin: 1% 0;
    width: 3%;
    height: 165px;
    }
  .wageiko2 h3 {
    writing-mode: vertical-rl;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
    font-size: 140%;
    padding-top: 32px;
    }
  .wageiko3 {
    float: left;
    margin: 0;
    padding: 2% 0 0 2%;
    width: 58%;
    }
  .boxFree-in-3 {
    float: left;
    width: 29%;
    }
  .sakka {
    margin: 0 5%;
    }
  .boxFree-in-4-pc {
    float: left;
    padding: 0 2%;
    width: 46%;
    }
  .boxFree-in-4 p {
    height: 120px;
    }
  .boxFree-in-kyou1 { /* 京極京極さん画像制御 */
    width: 600px;
    height: 529px;
    padding: 0 8% 0 2%;
    object-fit: none;
    object-position: top;
    }
  .boxFree-in-kyou2 {
    padding: 380px 0 0 0;
    float: none;
    }
  }
/* boxD・真綿台用 --------*/
.boxD{
  margin: 0 auto;
  padding: 0;
  text-align: left;
  }
.boxD-inner{
  }
.boxD-in-1, .boxD-in-2{
  font-size: 100%;
  padding: 0 3%;
  letter-spacing: 1px;
  }
@media (min-width: 650px) {
  .boxD-inner:after{
	content: "";
	display: block;
	clear: both;
	}
  .boxD-in-1, .boxD-in-2{
	float: left;
	width: 44%;
	}
  }
/* boxE・悉皆用 --------*/
.boxE-title {
  width: 130px;
  padding: 0 5%;
  background-color: #f8f4e6;
  font-size: 110%;
  text-align: center;
  line-height: 2em;
  letter-spacing: 0.5em;
  border-radius: 20px;
  }
.boxE-main {
  margin-left: 5%;
  border-left: solid 2px #f8f4e6;
  padding: 4%;
  }
.boxE-topic-title {
  width: 250px;
  margin-top: 5%;
  padding: 0 5%;
  background-color: #f5ecf4;
  font-size: 110%;
  text-align: center;
  line-height: 2em;
  letter-spacing: 0.5em;
  border-radius: 20px;
  }
.boxE-topic-main {
  margin-left: 5%;
  padding: 3% 4% 0% 4%;
  }
.boxE-topic-side {
  float: right;
  text-align: right;
  }
.boxE-topic-side span {
  padding-right: 130px;
  font-size: 110%;
  }
/* boxG・栄時ホームページ --------*/
.eizi-title {
  padding: 3% 8% 1% 8%;
  font-size: 140%;
  font-weight: 500;
  text-align: left;
  }
.eizi-subtitle{
  padding: 0 10%;
  text-align: left;
  }
.eizi-timg {
  display: grid;
  grid-template-columns: 3fr 1fr;
  padding: 0 5%;
  text-align: center;
  }
.eizi-2com {
  padding: 0;
  text-align: left;
  }
.eizi-2com1, .eizi-2com3 {
  padding: 5% 5% 7% 10%;
  }
.eizi-2com1 p, .eizi-2com3 p {
  padding: 8% 5% 0 0;
  text-align: right;
  font-size: 120%;
  font-weight: 500;
  }
.eizi-2com2, .eizi-2com4 {
  padding: 0;
  }
.eizi-botton {
  padding: 10% 10%;
 }
.eizi-botton-in {
  padding: 0 2%;
 }
.eizi-botton-in a {
  position: relative;
  display: block;
  margin: 15px 0;
  padding: 20px 0;
  color: #fff;
  background-color: #507EA4; /* 薄縹 */
  border-radius: 32px;
  line-height: 1.5;
  text-align: center;
  font-size: 120%;
  font-weight: 500;
  }
.eizi-botton-in a:hover {
  color: #40352b;
  background-color: #f2eadd;
  }
.eizi-3com {
  padding: 0 8%;
  text-align: center;
  border: solid 1px #F6BFBC;
  }
.eizi-3com-img {
  float: left;
  width: 30%;
  }
.eizi-3com-img::after {
  content: "";
  display: block;
  clear: both;
  }
.eizi-3com-arr {
  float: left;
  width: 19%;
  margin-top: 50%;
  }
.eizi-3com-arr::before {
  content: "";
  display: block;
  /* 三角のサイズ */
  width: 10px;
  height: 10px;
  border-top: 2px solid #757575;
  border-right: 2px solid #757575;
  transform: rotate(45deg);
  clear: both;
  }
@media (min-width: 900px) {
  .eizi-timg {
    padding: 0 8%;
    }
  .eizi-2com::after {
    content: "";
    display: block;
    clear: both;
    }
  .eizi-2com {
    padding: 0;
    }
  .eizi-2com1 {
    float: left;
    width: 30%;
    padding: 0 5% 5% 10%;
    }
  .eizi-2com3 {
    float: right;
    width: 30%;
    padding: 3% 8% 3% 7%;
    }
  .eizi-2com2 {
    float: left;
    margin-right: 8%;
    width: 47%;
    }
  .eizi-2com4 {
    float: left;
    margin-left: 8%;
    width: 47%;
    }
  .eizi-botton::after {
    content: "";
    display: block;
    clear: both;
    }
  .eizi-botton-in {
    float: left;
    width: 29%;
    }
  .eizi-botton-in a {
    margin: 0;
    }
  .eizi-botton-in a:hover {
    color: #fff;
    background-color: #4C6473; /* 御召御納戸 */
    }
  .eizi-3com::after {
    content: "";
    display: block;
    clear: both;
    }
  }