/*--------------------------------------------------------------------*/
/*cssの初期化*/
/*--------------------------------------------------------------------*/
html, body {
  font-family: 'Libre Baskerville','Noto Sans JP', serif;
  letter-spacing: 0.2em;
}
h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr, table,
caption, th, td, span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub, sup,
q, br, ins, del, a, img, object, iframe {
  font-family: 'Libre Baskerville','Noto Sans JP', serif;
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}

/* common */
.heading {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding-bottom: 20px;
  color:#bba56b;
}

.lists {
  margin: 0;
  border-bottom: 1px solid #333;
}

.list {
  border-top: 1px solid #ccc;
  font-weight: normal;
}

.list:first-child {
  border-top: none;
}

.list_link {
  padding: 20px 0;
}

.list_link_name {
  display: block;
  padding-right: 30px;
}

.list_link_img {
  margin-bottom: 5px;
}

.list_icon_arrow {
  float: right;
  margin-right: 10px;
}

.item_img {
  margin: 0 auto;
}
.item_img:hover {
  opacity: 0.8;
}
.item_name {
  padding-top: 5px;
}
.item_regular_price {
  text-decoration: line-through;
}
.item_price {
  font-weight: bold;
}
.item_price_discount {
  color: #cf0400;
}
.item_discount_rate {
  color: #cf0400;
}
.item_soldout {
  color: #cf0400;
}

.rank_box {
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: #333;
  display: block;
  z-index: 5;
}
.rank_box_color_1 {
  background-color: #dccc18;
}

.rank_box_color_2 {
  background-color: #bab9c1;
}

.rank_box_color_3 {
  background-color: #e18961;
}

.rank_number {
  color: #fff;
  display: block;
  padding-top: 1px;
  font-size: 14px;
}

.btn-more {
  width: 96%;
  margin: 0 auto 60px;
  padding: 10px 12px;
}

/*--------------------------------------------------------------------*/
/*タグの基本設定*/
/*--------------------------------------------------------------------*/
a {
  outline: none;
  color: #333333;
  text-decoration: none;
}
a:hover {
  color: #666666;
  text-decoration: none;
}
a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.70;
}
div.clear {
  clear: both;
}
hr {
  display: none;
}
ul {
  list-style: none;
}
/*--------------------------------------------------------------------*/
/*枠基本スタイル*/
/*--------------------------------------------------------------------*/
div#container {
  padding-top: 117px;
}
div#wrapper {
  clear: both;
  width: 980px;
  margin: 0 auto;
  padding: 80px 0 30px 0;
  zoom: 1;
}
div#wrapper02 {
  clear: both;
  width: 980px;
  margin: 0 auto;
  padding: 0px 0 30px 0;
  zoom: 1;
}
div#wrapper:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
div#wrapper02:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
div#mainImg {
  width: 980px;
  margin: 0 auto;
}
div#mainImg img {
  border: 15px solid #000;
}
.bx-wrapper .bx-viewport {
  border: solid #fff 0px !important;
  left: 0px !important;
  box-shadow: 0 0 0 #fff !important;
}
div#main {
  width: 715px;
  line-height: 1.8;
  float: right;
}
/*--------------------------------------------------------------------*/
/*共通スタイル*/
/*--------------------------------------------------------------------*/
.chuo {
  margin: 0 auto;
   !important;
  text-align: center;
   !important;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt40 {
  margin-top: 40px;
}
.mt50 {
  margin-top: 50px;
}
.mt80 {
  margin-top: 80px;
}
.mt100 {
  margin-top: 100px;
}
.mt120 {
  margin-top: 120px;
}
.mt150 {
  margin-top: 150px;
}
.img100 img {
  width: 100%;
  height: auto;
}
.link_wrap {
  padding: 2px;
  border: solid 1px #889888;
  width: 750px;
  margin: 40px auto 0 auto;
}
.link_wrap a {
  background: #889888;
  color: #fff;
  display: block;
  padding: 14px 200px;
  text-align: center;
  font-weight: bold;
  font-size: 140%;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.2em;
}
.link_wrap a:hover {
  background: #b5b49f;
}
/*--------------------------------------------------------------------*/
/*グローバルメニュー*/
/*--------------------------------------------------------------------*/
div#global {
  clear: both;
  margin-top:100px;
}
/*global_menu*/
div#global_menu {
  clear: both;
  margin: 0 auto;
  width: 980px;
}
div#global_menu ul {
  font-size: 0;
  line-height: 0;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
}
div#global_menu ul li {
  width: calc(10%);
}
/*--------------------------------------------------------------------*/
/*パンくずリスト*/
/*--------------------------------------------------------------------*/
div#main div#crumbs {
  min-width: 715px;
  margin: 5px 0 0 0;
  font-size: x-small;
  color: #727272;
  text-align: right;
}
div#main div#crumbs a {
  color: #727272;
  text-decoration: none;
}
div#main div#crumbs a:hover {
  text-decoration: underline;
}

/*--------------------------------------------------------------------*/
/*header*/
/*--------------------------------------------------------------------*/

#toggle-div{
  width: 980px;
  margin: 0 auto;
}
#header{
    /*fixedで上部固定*/
	position: fixed;
	height: 80px;
	width:100%;
    z-index: 999;/*最前面へ*/
  background-color:#fff;
}
#header02{
  margin: 0 auto;
  width: 980px;
}
#header02 li{
    float: left;
}
#header02 li form{
    margin-left:10px;
    margin-top:21px;
}

/*　上に上がる動き　*/

#header.UpMove{
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
    opacity: 1;
	transform: translateY(0);
  }
  to {
    opacity: 0;
	transform: translateY(-100px);
  }
}

/*　下に下がる動き　*/

#header.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 0;
	transform: translateY(-100px);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}

/*========= バーガーメニュー内のアコーディオン ===============*/

.toggle_wrap {
  width:100%;
  color:#fff;
}
.toggle_wrap a {
  color:#fff;
  text-decoration:none;
  display: block;
}
.toggle_wrap:last-of-type {
  border-bottom: 1px solid #fff;
}
.toggle_switch {
  position: relative;
  cursor: pointer;
  padding: 5px 10px;
  border-top: 1px solid #fff;
}
.toggle_switch.open {
}
.toggle_switch:hover {
}
.toggle_switch::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 11px;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  transition: transform .2s;
}
.toggle_switch.open::after {
  transform: rotateZ(180deg);
  top: 46%;
}
.toggle_contents {
  display: none;
  padding: 5px 10px;
}
.toggle_contents p {
  padding: 0.6em 1em;
}


#toggle_switch {
  position: relative;
  cursor: pointer;
  padding: 5px 10px;
  border-top: 1px solid #fff;
}
#toggle_switch::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 11px;
  background: url(https://www.rakuten.ne.jp/gold/modulor/images/arrow_down.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  transition: transform .2s;
}
#toggle_switch.open::after {
  transform: rotateZ(180deg);
  top: 46%;
}


/* ナビゲーションメニュー
==============================　*/
.global-nav {
  display: none;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  z-index: 1000;
}
 
.global-nav__inner {
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 85%;
  padding: 100px 5% 0px 5%;
  overflow:auto;
}
 
.global-nav__item {
  margin-bottom: 20px;
}
 
.global-nav__item a {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  transition: 0.5s;
}
 
.global-nav__item a:hover {
  opacity: 0.7;
}

/* ハンバーガーボタン
==============================　*/

.toggle-btn{
  width: 30px;
  height: 30px;
  position: fixed;;
  right: 15px;
  top: 10px;
  border: 5px solid #fff;
  background: #fff;
  z-index: 1002;
}

.toggle-btn {
}
 
.toggle-btn__line {
  background: #333;
  display: block;
  height: 2px;
  position: absolute;
  transition: transform 0.5s;
  width: 100%;
}
 
.toggle-btn__line--top {
  top: 3px;
}
 
.toggle-btn__line--center {
  top: 15px;
}
 
.toggle-btn__line--bottom {
  top: 27px;
}
 
.toggle-btn__line--top.active {
  top: 15px;
  transform: rotate(45deg);
}
.toggle-btn__line--center.active {
  transform: scaleX(0);
}
.toggle-btn__line--bottom.active {
  top: 15px;
  transform: rotate(135deg);
}

/*--------------------------------------------------------------------*/
/*icons*/
/*--------------------------------------------------------------------*/
.icon-b.icon-user { background-position: -208px -0px; }
.icon-w.icon-user { background-position: -208px -0px; }
.icon-lg-b.icon-user { background-position: -312px -0px; }
.icon-lg-w.icon-user { background-position: -312px -0px; }
.icon-b.icon-adduser { background-position: -240px -0px; }
.icon-w.icon-adduser { background-position: -240px -0px; }
.icon-lg-b.icon-adduser { background-position: -360px -0px; }
.icon-lg-w.icon-adduser { background-position: -360px -0px; }
.icon-b.icon-login { background-position: -48px -80px; }
.icon-w.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-lg-w.icon-login { background-position: -72px -120px; }
.icon-b.icon-logout { background-position: -32px -80px; }
.icon-w.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-lg-w.icon-logout { background-position: -48px -120px; }
.icon-b.icon-cart { background-position: -176px -64px; }
.icon-w.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-lg-w.icon-cart { background-position: -264px -96px; }
.icon-b.icon-search { background-position: -208px -16px; }
.icon-w.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-lg-w.icon-search { background-position: -312px -24px; }
.icon-b.icon-mail { background-position: -64px -0px; }
.icon-w.icon-mail { background-position: -64px -0px; }
.icon-lg-b.icon-mail { background-position: -96px -0px; }
.icon-lg-w.icon-mail { background-position: -96px -0px; }
.icon-b.icon-book { background-position: -144px -32px; }
.icon-w.icon-book { background-position: -144px -32px; }
.icon-lg-b.icon-book { background-position: -216px -48px; }
.icon-lg-w.icon-book { background-position: -216px -48px; }
.icon-b.icon-help { background-position: -288px -80px; }
.icon-w.icon-help { background-position: -288px -80px; }
.icon-lg-b.icon-help { background-position: -432px -120px; }
.icon-lg-w.icon-help { background-position: -432px -120px; }
.icon-b.icon-c_twitter { background-position: -112px -176px; }
.icon-w.icon-c_twitter { background-position: -112px -176px; }
.icon-lg-b.icon-c_twitter { background-position: -168px -264px; }
.icon-lg-w.icon-c_twitter { background-position: -168px -264px; }
.icon-b.icon-c_facebook { background-position: -144px -176px; }
.icon-w.icon-c_facebook { background-position: -144px -176px; }
.icon-lg-b.icon-c_facebook { background-position: -216px -264px; }
.icon-lg-w.icon-c_facebook { background-position: -216px -264px; }

.icon-lg-b2.icon-instagram { background-position: -171px -292px;
    width: 17px;
    height: 17px;
    display: inline-block;
}
.icon-b2.icon-instagram { background-position: -112px -192px;
    width: 24px;
    height: 24px;
    display: inline-block;
}

.icon-b.icon-c_google { background-position: -192px -176px; }
.icon-w.icon-c_google { background-position: -192px -176px; }
.icon-lg-b.icon-c_google { background-position: -288px -264px; }
.icon-lg-w.icon-c_google { background-position: -288px -264px; }
.icon-b.icon-c_pinterest { background-position: -224px -176px; }
.icon-w.icon-c_pinterest { background-position: -224px -176px; }
.icon-lg-b.icon-c_pinterest { background-position: -336px -264px; }
.icon-lg-w.icon-c_pinterest { background-position: -336px -264px; }
.icon-b.icon-chevron_right { background-position: -16px -144px; }
.icon-w.icon-chevron_right { background-position: -16px -144px; }
.icon-lg-b.icon-chevron_right { background-position: -24px -216px; }
.icon-lg-w.icon-chevron_right { background-position: -24px -216px; }
.icon-b.icon-chevron_down { background-position: -352px -128px; }
.icon-w.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }
.icon-lg-w.icon-chevron_down { background-position: -528px -192px; }
.icon-b.icon-chevron_up { background-position: -0px -144px; }
.icon-w.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-lg-w.icon-chevron_up { background-position: -0px -216px; }
.icon-b.icon-chevron_left { background-position: -336px -128px; }
.icon-w.icon-chevron_left { background-position: -336px -128px; }
.icon-lg-b.icon-chevron_left { background-position: -504px -192px; }
.icon-lg-w.icon-chevron_left { background-position: -504px -192px; }
.icon-b.icon-list { background-position: -192px -96px; }
.icon-w.icon-list { background-position: -192px -96px; }
.icon-lg-b.icon-list { background-position: -288px -144px; }
.icon-lg-w.icon-list { background-position: -288px -144px; }
.icon-b.icon-pencil { background-position: -96px -0px; }
.icon-w.icon-pencil { background-position: -96px -0px; }
.icon-lg-b.icon-pencil { background-position: -144px -0px; }
.icon-lg-w.icon-pencil { background-position: -144px -0px; }

.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/76/icon16_b.png); }
.icon-b2 { background-image: url(https://static-www.shop-pro.jp/img/colormekit_doc/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_b.png); }
.icon-lg-b2 { background-image: url(https://static-www.shop-pro.jp/img/colormekit_doc/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/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/76/icon16_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_2x_w.png); }
  .icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_b.png); }
  .icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_w.png); }
}
@media (max-width: 768px) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/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/76/icon24_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_w.png); }
}


/*--------------------------------------------------------------------*/
/*フッター*/
/*--------------------------------------------------------------------*/
.footer {
  width: 100%;
  margin-top: 40px;
}

.footer_inner {
  max-width: 980px;
  margin: 0 auto;
}

.footer_heading {
}
.footer_lists {
  margin-top: 20px;
}
.footer_list {
  padding: 0 10px;
  text-align: center;
}
.footer_list_img {
  margin: 0 auto;
}

.footer_seller,
.footer_recommend,
.footer_checked {
  margin-bottom: 40px;
}

.footer_seller_lists,
.footer_recommend_lists,
.footer_checked_lists {
  font-size: 10px;
}

.footer_seller_list,
.footer_recommend_list,
.footer_checked_list{
  margin-bottom: 10px;
}

.footer_banner {
  padding-bottom: 60px;
  margin: 0 auto;
}

.footer_pagetop {
  text-align: center;
  background-color: #404040;
}
.footer_pagetop a {
  display: block;
  width: 100%;
  height: 40px;
}
.footer_pagetop_icon {
  margin-top: 8px;
}

.footer_notice {
  padding: 60px 0;
  background-color: <{$sub_key_color}>;
}
h3.footer_notice_heading {
  padding-bottom: 40px;
  border-bottom: none;
}
.footer_notice_lists {
  margin: 0;
}
.footer_notice_list_dt {
  padding: 20px 0 10px;
}
.footer_notice_list_dt:first-child {
  padding: 0 0 10px;
}
.footer_notice_list_dd {
  margin: 0;
  line-height: 1.8;
}
.footer_notice_cal_table {
}
.footer_notice_cal_memo {
}

.tbl_calendar {
  margin-bottom: 20px;
  max-width: 260px;
  width: 100%;
  font-size: 84.615%;
}
  .tbl_calendar caption {
    text-align: center;
  }
  .tbl_calendar th {
    padding: .3em 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
  }
  .tbl_calendar td {
    padding: .5em 0;
    width: 14.2%;
    border-bottom: 1px solid #ccc;
    text-align: center;
  }
.cal_memo {
  margin-top: 1em;
  font-size: 84.615%;
}

.footer_nav {
  padding: 60px 0;
  background-color: #404040;
}

.footer_nav_shopinfo {
  color: #fff;
}
.footer_nav_shopinfo_img {
  padding: 0;
  text-align: left;
}
.footer_nav_shopinfo_img img {
  width: 180px;
}
.footer_nav_shopinfo_caption {
  padding: 0 2%;
}
.footer_nav_shopinfo_name {
  font-size: 18px;
  padding-left: 5px;
}
.footer_nav_shopinfo_memo {
  padding-left: 5px;
}

.footer_nav_lists {
}
.footer_nav_list {
  color: #fff;
  padding-top: 15px;
}
.footer_nav_list:first-child {
  padding-top: 0;
}
.footer_nav_list_link {
  color: #fff;
}
.footer_nav_list_link:hover {
  color: #ccc;
  text-decoration: none;
}

.footer_copyright {
  text-align: center;
  padding: 2em 0;
}
.footer_powered {
  display: block;
  padding: 10px 0;
  line-height: 18px;
}
  .footer_powered a {
    color: #a1a19f;
    text-decoration: none;
    font-size: 11px;
  }
  .footer_powered img {
    margin-bottom: 10px;
    margin-left: 4px;
    width: 200px;
    height: 18px;
  }


/*--------------------------------------------------------------------*/
/* 商品リース　lease.html*/
/*--------------------------------------------------------------------*/
div#lease h2 {
  margin-bottom: 15px;
}
div#lease div.leaseBox {
  margin-bottom: 20px;
}
div#lease div.leaseBox table th {
  text-align: left;
  padding-right: 15px;
}
/*--------------------------------------------------------------------*/
/* 特定商取引法に基づく表記　law.html*/
/*--------------------------------------------------------------------*/
div#law table {
  clear: both;
  border-collapse: separate;
  width: 715px;
}
div#law table th {
  text-align: left;
  padding: 5px 12px;
  width: 25%;
  background: #e5e5e5;
}
div#law table td {
  padding: 5px 12px;
  width: 75%;
  background: #fff;
  border: 1px solid #e0e0e0;
}

/*--------------------------------------------------------------------*/
/* sofa
/*--------------------------------------------------------------------*/
h2#sofa {
  margin-bottom: 20px;
}
div#shoppingIchiran div.boxInner div.boxsofa {
  float: left;
  padding: 6px;
  width: 335px;
  margin: 0 0 2px 2px;
  font-size: 80%;
  background: url(https://file001.shop-pro.jp/PA01132/770/images/box_back.gif);
  zoom: 1;
}
div#shoppingIchiran div.boxInner div.boxsofa:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
div#shoppingIchiran div.boxInner div.boxsofa02 {
  padding: 5px;
  width: 325px;
  background: #FFF;
  zoom: 1;
}
div#shoppingIchiran div.boxInner div.boxsofa02:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
div#shoppingIchiran div.boxInner div.boxsofa p.itemImg {
  zoom: 1;
}
div#shoppingIchiran div.boxInner div.boxsofa p.itemImg:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
div#shoppingIchiran div.boxInner div.boxsofa p.itemImg img {
  width: 325px;
}
div#shoppingIchiran div.boxInner div.boxsofa p.comment {
  margin-top: 5px;
}
/*--------------------------------------------------------------------*/
/* ショッププロデュース　produce.html*/
/*--------------------------------------------------------------------*/
div#produce {
  margin: 0;
}
div#produce h2 {
  margin: 0 0 20px 0;
}
div#produce h3 {
  margin-top: 25px;
  margin-bottom: 20px;
}
div#produce p {
  margin: 0 15px 30px 0;
  zoom: 1;
}
div#produce p:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
div#produce p img {
  padding: 3px;
  border: solid #d2d2d2 1px;
}
div#produce01 img {
  float: left;
  width: 320px;
  margin-right: 15px;
}
div#produce02 img {
  float: left;
  width: 220px;
  margin-right: 12px;
  margin-bottom: 12px;
  padding: 3px;
  border: solid #d2d2d2 1px;
}
div#produce03 {
  zoom: 1;
}
div#produce03:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
/*--------------------------------------------------------------------*/
/*index.html*/
/*--------------------------------------------------------------------*/
div#index {}
div#index01 {
  background: url(https://www.rakuten.ne.jp/gold/modulor/images/box_back.gif);
  zoom: 1;
  padding: 6px;
  margin-bottom: 20px;
  margin-right: 15px;
}
div#index0101 {
  background: #FFF;
  padding: 6px;
  overflow: auto;
  height: 250px;
}
div#index0101 br {
  display: none;
}
div#index0101 div.topics br {
  display: inline;
}
div#index0101 div {
  font-size: 80%;
  border-bottom: dotted 2px #d2d1d1;
  padding: 0 0 5px 0;
  margin: 0 0 5px 0;
  line-height: 1.5;
}
div#index0101 a img {
  border: 3px solid #e4e4e4;
  float: left;
  margin-right: 8px;
  width: 150px;
}
div#index0101 a.shosai img {
  border: none;
  float: none;
  width: auto;
  margin-top: 5px;
}
div#index0101 div {
  font-size: 80%;
  padding: 6px;
}
div#index0101 div:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
div#index h3 {
  border-bottom: 3px solid #232323;
  margin-bottom: 15px;
}
div#index div#indexwhatsnew {
  clear: both;
}
div#index div#indexwhatsnew div#topics {
  padding: 0;
  margin: 0 0 0 -2px;
  zoom: 1;
}
div#index div#indexwhatsnew div#topics br {
  display: block;
}
div#index div#indexwhatsnew div#topics:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
div#index div#indexwhatsnew div#topics div.topics01 {
  float: left;
  padding: 6px;
  width: 227px;
  margin: 0 0 2px 2px;
  font-size: 80%;
  background: url(https://file001.shop-pro.jp/PA01132/770/images/box_back.gif);
  zoom: 1;
}
div#index div#indexwhatsnew div#topics div.topics01 br {
  display: block;
}
div#index div#indexwhatsnew div#topics div.topics01:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
div#index div#indexwhatsnew div#topics div.topics01 div.topics02 {
  padding: 5px;
  width: 217px;
  background: #FFF;
  zoom: 1;
}
div#index div#indexwhatsnew div#topics div.topics01 div.topics02:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
div#index div#indexwhatsnew div#topics div.topics01 div.topics02 img {
  width: 217px;
}
div#index div#indexwhatsnew div#topics div.topics01 div.topics02 p.comment {
  line-height: 1.5;
  padding: 8px;
}
div#index div#indexwhatsnew div#topics div.topics01 div.topics02 p.comment strong {
  font-weight: bold;
}
div#index div#indexwhatsnew div#topics div.topics01 p.shosai {
  background: url(https://file001.shop-pro.jp/PA01132/770/images/shosai_hover.gif) no-repeat;
  margin: 0 10px 2px 128px;
}
div#index div#indexwhatsnew div#topics div.topics01 p.shosai a {
  display: block;
  text-indent: -9999px;
  background: url(https://file001.shop-pro.jp/PA01132/770/images/shosai.gif) no-repeat;
  width: 86px;
  height: 17px;
}
div#index div#indexwhatsnew div#topics div.topics01 p.shosai a:hover {
  background: url(https://file001.shop-pro.jp/PA01132/770/images/shosai_hover.gif) no-repeat;
}
div#index div.index02 {
  clear: both;
  margin-bottom: 22px;
}
div#index div.index02 div#newItem {
  padding: 0;
  margin: 0 0 0 -2px;
  zoom: 1;
}
div#index div.index02 div#newItem:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
div#index div.index02 div.newItem01 {
  float: left;
  padding: 6px;
  width: 129px;
  margin: 0 0 2px 2px;
  font-size: 80%;
  background: url(https://file001.shop-pro.jp/PA01132/770/images/box_back.gif);
}
div#index div.index02 div.newItem01:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
div#index div.index02 div.newItem02 {
  background: #FFF;
  padding: 5px;
}
div#index div.index02 div.newItem01 img {
  width: 117px;
}
div#index div.index02 div.newItem01 p.comment {
  margin-top: 5px;
  line-height: 1.5;
  padding: 0 3px;
}
div#index div.index02 div.newItem01 p.comment a {
  display: block;
  text-decoration: none;
}
div#index div.index02 div.newItem01 p.price {
  padding: 0 3px;
}
div#index div.index02 div.newItem01 p.shosai {
  background: url(https://file001.shop-pro.jp/PA01132/770/images/shosai_hover.gif) no-repeat;
  margin: 0 10px 3px 30px;
}
div#index div.index02 div.newItem01 p.shosai a {
  display: block;
  text-indent: -9999px;
  background: url(https://file001.shop-pro.jp/PA01132/770/images/shosai.gif) no-repeat;
  width: 86px;
  height: 17px;
}
div#index div.index02 div.newItem01 p.shosai a:hover {
  background: url(https://file001.shop-pro.jp/PA01132/770/images/shosai_hover.gif) no-repeat;
}
/*--------------------------------------------------------------------*/
/*case*/
/*--------------------------------------------------------------------*/
.case h3 {
  width: 980px;
  margin: 0 auto;
}
/*--------------------------------------------------------------------*/
/*information*/
/*--------------------------------------------------------------------*/
.information {
  width: 980px;
  margin: 100px auto 120px auto;
}
.flex3 {
  font-size: 0;
  line-height: 0;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
}
.flex3 div {
  width: calc(33%);
  padding-bottom: 6px;
}
.flex3 div img {
  width: 100%;
  height: auto;
}
.flex3_icon {
  font-size: 0;
  line-height: 0;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
}
.flex3_icon div {
  padding: 0 45px;
}

.flex4 {
  font-size: 0;
  line-height: 0;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
}
.flex4 div {
  width: calc(24.5%);
  padding-bottom: 6px;
}
.flex4 div img {
  width: 100%;
  height: auto;
}
/*--------------------------------------------------------------------*/
/*gold_index*/
/*--------------------------------------------------------------------*/
div#gold_index01 h3 {
  margin: 0px;
}
div#gold_index01 {
  margin-top: 50px;
}
div#gold_index01 p {
  text-align: center;
  line-height: 1.6;
  font-size: 89%;
  padding: 10px 0 20px 0;
  font-weight: bold;
}
div#gold_index01 table {
  margin-top: 5px;
}
div#gold_index01 ul {
  margin-top: 25px;
  margin-right: -12px;
}
div#gold_index01 ul:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
div#gold_index01 ul li {
  width: 236px;
  float: left;
  margin-right: 12px;
}

/*--------------------------------------------------------------------*/
/*youtube動画埋め込み*/
/*--------------------------------------------------------------------*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*--------------------------------------------------------------------*/
/*送料バナー*/
/*--------------------------------------------------------------------*/
a#rc_rightArea {
  width: 130px; /*画像の全体幅*/
  position: fixed;
  bottom: 5%;
  right: 15px;
  display: inline-block;
  transition: all .2s ease;
  z-index: 9999;
}
/*--------------------------------------------------------------------*/
/*施工例　カテゴリリスト　sekou/list.html*/
/*--------------------------------------------------------------------*/
div#sekou div#cate {
  border-left: 8px solid #41270a;
  border-bottom: 1px dotted #41270a;
  margin-bottom: 12px;
  padding: 0.2em 0 0.2em 0.5em;
  font-size: large;
  font-weight: bold;
  color: #41270a;
}
div.item_box {
  float: left;
  margin: 0 0 15px 3%;
  width: 30%;
}
div.item_box img {
  width: 218px;
  border: 5px solid #d0d0d0;
  padding: 1px;
  margin: 20px 0;
}
@media only screen and (max-width: 500px) {
  div.item_box {
    margin: 0 0 0 0;
    width: 100%;
  }
  div.item_box img {
    width: 100%;
    border: none;
    padding: 0;
    margin: 20px 0;
  }
}
div.item_box div.name a {
  color: #9f7233;
  text-decoration: none;
  font-size: large;
  font-weight: bold;
}
div.item_box div.name a:hover {
  text-decoration: underline;
}
div.item_box div.expl {
  font-size: 90%;
}
div#nextBack {
  clear: both;
}
/*--------------------------------------------------------------------*/
/*施工例 詳細　sekou*/
/*--------------------------------------------------------------------*/
div#sekou div.box {
  margin-bottom: 50px;
  clear: both;
}
div#sekou div.box:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
div#sekou div.box {
  padding: 5px 0 15px 0;
  border-bottom: 1px dotted #d6d6d6;
  margin-bottom: 25px;
}
div#sekou div.box:nth-child(even) p.sekou_img {
  float: left;
  margin-right: 30px;
}
div#sekou div.box:nth-child(odd) p.sekou_img {
  float: right;
  margin-left: 30px;
}
/*--------------------------------------------------------------------*/
/*施工例 詳細　slick*/
/*--------------------------------------------------------------------*/
.slick-img img {
  height: 100vh;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  object-fit: cover;
  width: 100%;
  margin-top: 80px;
}
.slider-img {
  margin: 60px 10px 0 10px;
}
.slider-img img {
  height: auto;
  width: 100%;
}
.slick-dots li button:before{
	font-size:20px!important;
}
.slick-prev::before,
.slick-next::before{
  font-size:50px!important;
}
.slick-prev {
left: 30px !important;
}
.slick-next {
right: 50px !important;
}
.slick-prev,
.slick-next {
z-index: 2;
}

/*--------------------------------------------------------------------*/
/*サブスクページ*/
/*--------------------------------------------------------------------*/
div#subsc{
    margin: 0 calc(50% - 50vw);
}
div#subsc .pc {
    display: block !important;
    width: 100%;
}
div#subsc .sp {
    display: none !important;
    width: 100%;
}
div#subsc a:hover{
     opacity: 1!important;
}
div#subsc .col02{
     display: flex;
}
div#subsc .col02 a{
      width: 100%;

}
div#subsc .col03{
     display: flex;
}
div#subsc .col03 a:nth-child(3n+1){
      width: 40%;
}
div#subsc .col03 a:nth-child(3n+2){
      width: 20%;
}
div#subsc .col03 a:nth-child(3n+3){
      width: 40%;
}

@media only screen and (max-width: 980px) {
    div#subsc{
        margin: 0;
    }
}
@media only screen and (max-width: 750px) {
    div#subsc .pc { display: none !important; }
    div#subsc .sp { display: block !important; }
}


div#btob {
  background: url(https://img14.shop-pro.jp/PA01142/921/etc/20220712_btob.jpg?cmsp_timestamp=20220712204756) center;
}

div#subscription {
  background: url(https://img14.shop-pro.jp/PA01142/921/etc_base64/MjAyMzA3MTBfc3Vic2NyaXB0aW9u.jpg?cmsp_timestamp=20230716005219) center;
}

div#rental {
  background: url(https://img14.shop-pro.jp/PA01142/921/etc/20220712_rental.jpg?cmsp_timestamp=20220712204800) center;
}

div#blog {
  background: url(https://img14.shop-pro.jp/PA01142/921/etc/20220528_online.jpg?cmsp_timestamp=20220701075012) center;
}
div#privacy {
  background: url(https://img14.shop-pro.jp/PA01142/921/etc/20220528_service.jpg?cmsp_timestamp=20220625014420) center;
}

div#access {
  background: url(https://img14.shop-pro.jp/PA01142/921/etc/20220623_access.jpg?cmsp_timestamp=20220625013533) center;
}

div#guide {
  background: url(https://img14.shop-pro.jp/PA01142/921/etc/20220623_guide.jpg?cmsp_timestamp=20220625013538) center;
}

div#setoint {
  text-align:center;
    position: relative;
	margin-bottom:5em;
}

div#sustainability {
  background: url(https://img14.shop-pro.jp/PA01142/921/etc/20220528_sekou.jpg?cmsp_timestamp=20220602100137) center;
}

div#kaitori {
  background: url(https://img14.shop-pro.jp/PA01142/921/etc/20220623_kaitori.jpg?cmsp_timestamp=20220624232918) center;
}

div#jirei {
  background: url(https://img14.shop-pro.jp/PA01142/921/etc/20220623_jirei.jpg?cmsp_timestamp=20220624233212) center;
}

div#service {
  background: url(https://img14.shop-pro.jp/PA01142/921/etc/20220623_service.jpg?cmsp_timestamp=20220624233827) center;
}

div#concept {
  background: url(https://img14.shop-pro.jp/PA01142/921/etc/20220623_concept.jpg?cmsp_timestamp=20220624233648) center;
}

div#shopping {
  background: url(https://img14.shop-pro.jp/PA01142/921/etc/20220623_shopping.jpg?cmsp_timestamp=20220624233432) center;
}

div#about {
  background: url(https://img14.shop-pro.jp/PA01142/921/etc/20220623_about.jpg?cmsp_timestamp=20220624232134) center;
}

div.pagetitle {
  text-align:center;
  height:300px;
    position: relative;
	margin-bottom:5em;
}

div.pagetitle h2 {
  font-size:170%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    color:#Fff;
  text-shadow: 0px 0px 5px #000;
}

div.pagetitle h2 span {
  display:block;
  font-size:40%;
}

div.freecontents {
  line-height: 2.5;
	margin-bottom:5em;
}

div.freecontents h3 {
  text-align:center;
    color:#bba56b;
  font-size:240%;
	margin-bottom:2em;
  line-height:1.7;
}

div#jirei01 ul li {
  width:33%;
  list-style: none;
  float:left;
}

div#jirei01 ul li img {
  width:90%;
  margin-bottom: 30px;
}


div#about01{
  display:flex;
    max-width: 980px;
    margin: 5em auto;
}
  div#about01 .aboutimg{
    width:100%;
    height:100%;
}

div#about01 .abouttext{
    width:100%;
    margin: 20px 0px 0px 20px;
}

div#about01 .abouttext a{
    width:100%;
  display:block;
  background:#404040;
  color:#fff;
  margin-top:15px;
  padding: 12px 0;
  text-align:center;
}

div#about02 table{
    width:100%;
}
div#about02 table th{
  padding: 12px 0;
    width:20%;
  text-align:left;
	border-bottom: 1px solid #eeeeee;
}
div#about02 table td{
  padding: 12px 0;
    width:80%;
  text-align:left;
	border-bottom: 1px solid #eeeeee;
}

@media only screen and (max-width: 700px){
div#about01{
  display:contents;
} 

div#about01 .abouttext{
    width:100%;
    margin: 0px;
}
} 

div#to_kaitori a{
    width:80%;
  display:block;
  background:#404040;
  color:#fff;
  margin:50px auto 15px auto;
  padding: 12px 0;
  text-align:center;
}

ul#kaitori02{
  list-style: none;
    margin: 0;
    padding: 0;
}
ul#kaitori02 li{
  width:100%;
}
ul#kaitori02 a{
  display:block;
  background:#404040;
  color:#fff;
  margin:0px auto 15px auto;
  padding: 12px 0;
  text-align:center;
}
br.clear{
clear:both;
}

@media only screen and (max-width: 700px){
  ul#kaitori02 li{
  width:100%;
  float: none;
  margin-right: 0;
}
}
/*--------------------------------------------------------------------*/
/*施工例　sekou/index.html*/
/*--------------------------------------------------------------------*/

div#sekou p{
	margin-bottom: 10px;
}

div#sekou ul{
	margin-left: -9px;
	zoom:1;
}
div#sekou ul li{
	padding:0;
	margin: 0;
	line-height: 0;
	font-size: 0;
	float: left;
	margin-left: 9px;
	margin-bottom: 5px;
}

/*--------------------------------------------------------------------*/
/*施工例　カテゴリリスト　sekou/list.html*/
/*--------------------------------------------------------------------*/

div#sekou div#cate {
	border-left: 8px solid #41270a;
	border-bottom: 1px dotted #41270a;
	margin-bottom: 12px;
	padding: 0.2em 0 0.2em 0.5em;
	font-size: large;
	font-weight: bold;
	color:#41270a;
}
div#sekou02 {
	zoom:1;
}
div#sekou02 div.item_box {
    float: left;
    margin:0 0 15px 3%;
    width: 30%;
}
div#sekou02 div.item_box img {
    width: 218px;
	border: 5px solid #d0d0d0;
	padding:1px;
    margin:20px 0;
}

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

div#sekou02 div.item_box {
    margin:0 0 0 0;
    width: 100%;
}
div#sekou02 div.item_box img {
    width: 100%;
	border: none;
	padding:0;
    margin:20px 0;
}
}

div#sekou02 div.item_box div.name a {
	color: #9f7233;
	text-decoration: none;
	font-size: large;
	font-weight: bold;
}
div#sekou02 div.item_box div.name a:hover {
	text-decoration: underline;
}
div#sekou02 div.item_box div.expl {
	font-size: 90%;
}

div#nextBack{
	clear: both;
}

/*--------------------------------------------------------------------*/
/*施工例 詳細　sekou*/
/*--------------------------------------------------------------------*/

div#sekou div.box{
	padding: 5px 0 15px 0;
	border-bottom: 1px dotted #d6d6d6;
	margin-bottom: 25px;
}
/*--------------------------------------------------------------------*/
/*ショッピングカテゴリー表示*/
/*--------------------------------------------------------------------*/
div.index01 {
  width: 100%;
  font-size: 110%;
  text-align:center;
  line-height:2.2em;
  margin-bottom:3em;
  margin-top:50px;
}

div.index01 img {
  width: 50%;
}

div.index02 {
  width: 100%;
  font-size: 110%;
  text-align:center;
  line-height:2.2em;
  margin-bottom:6em;
}

div.index01 br.spbr {
  display:none;
}

@media (max-width: 768px) {
	div.index01 br.spbr {
		display:inline;
	}
	div.index01 {
		font-size: 90%;
	}
	div.index01 img {
		width: 100%;
	}

div.pagetitle {
  margin-top:0px;
}
.box {
  margin-top:78px;
}
}

.mainContents {
  position: relative;
  top: 174px;
  padding: 10px 0 30px 0;
}
.box {
  height: 480px;
  background: url( "https://img14.shop-pro.jp/PA01142/921/etc/20220705_top.jpg?cmsp_timestamp=20220705014522") center center no-repeat;
	width: 100%;
	background-size: cover;
}
.boxin{
max-width: 980px;
	margin: 0 auto;
  display: flex;
  justify-content: space-around;
}
.boxin a:hover{
	color: #dedede;
}
.btn_a {
	width: 160px;
	height: 108px;
	background-color:rgba(255,255,255,0.3);
	border-radius: 170px;
	-moz-border-radius: 170px;
	-webkit-border-radius: 170px;
	color: #fff;
	padding: 72px 20px 20px;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 23px;
	transition: background-color 0.5s ease-in;
	-webkit-transition: background-color 0.5s ease-in;
	text-shadow: #000 1px 0 10px;
	text-decoration: none;
}
.btn_a2 {
	width: 160px;
	height: 108px;
	background-color:rgba(255,255,255,0.3);
	border-radius: 170px;
	-moz-border-radius: 170px;
	-webkit-border-radius: 170px;
	color: #fff;
	padding: 62px 20px 30px;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 23px;
	transition: background-color 0.5s ease-in;
	-webkit-transition: background-color 0.5s ease-in;
	text-shadow: #000 1px 0 10px;
	text-decoration: none;
}

.btn_a span{
	font-size: 17px;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.btn_a2 span{
	font-size: 17px;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

@media only screen and (max-width: 700px)
 { 
    /*　画面サイズが700pxからはここを読み込む　*/
.box {
  height: 200px;
  background: url( "https://img14.shop-pro.jp/PA01142/921/etc/20220705_top.jpg?cmsp_timestamp=20220705014522") center center no-repeat;
	width: 100%;
	background-size: cover;
	padding-top: 280px;
  margin-top:78px;
}
.btn_a {
	width: 120px;
	height: 80px;
	background-color:rgba(255,255,255,0.3);
	border-radius: 170px;
	-moz-border-radius: 170px;
	-webkit-border-radius: 170px;
	color: #fff;
	padding: 60px 20px 20px;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	transition: background-color 0.5s ease-in;
	-webkit-transition: background-color 0.5s ease-in;
	text-shadow: #000 1px 0 10px;
	text-decoration: none;
}
.btn_a2 {
	width: 120px;
	height: 80px;
	background-color:rgba(255,255,255,0.3);
	border-radius: 170px;
	-moz-border-radius: 170px;
	-webkit-border-radius: 170px;
	color: #fff;
	padding: 50px 20px 30px;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 17px;
	transition: background-color 0.5s ease-in;
	-webkit-transition: background-color 0.5s ease-in;
	text-shadow: #000 1px 0 10px;
	text-decoration: none;
}

.btn_a span{
	font-size: 15px;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.btn_a2 span{
	font-size: 15px;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
}

@media only screen and (max-width: 510px)
 { 
    /*　画面サイズが510pxからはここを読み込む　*/

.box {
  height: 160px;
  background: url( "https://img14.shop-pro.jp/PA01142/921/etc/20220705_top.jpg?cmsp_timestamp=20220705014522") center center no-repeat;
	width: 100%;
	background-size: cover;
	padding-top: 160px;
	margin-top:78px;
}
.btn_a {
	width: 80px;
	height: 58px;
	background-color:rgba(255,255,255,0.3);
	border-radius: 170px;
	-moz-border-radius: 170px;
	-webkit-border-radius: 170px;
	color: #fff;
	padding: 42px 20px 20px;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	transition: background-color 0.5s ease-in;
	-webkit-transition: background-color 0.5s ease-in;
	text-shadow: #000 1px 0 10px;
	text-decoration: none;
}
.btn_a2 {
	width: 80px;
	height: 49px;
	background-color:rgba(255,255,255,0.3);
	border-radius: 170px;
	-moz-border-radius: 170px;
	-webkit-border-radius: 170px;
	color: #fff;
	padding: 41px 20px 30px;
	display: block;
	text-align: center;
	font-weight: bold;
	font-size: 10px;
	transition: background-color 0.5s ease-in;
	-webkit-transition: background-color 0.5s ease-in;
	text-shadow: #000 1px 0 10px;
	text-decoration: none;
}

.btn_a span{
	font-size: 12px;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

.btn_a2 span{
	font-size: 12px;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
   br.sp_none{
    display:none; 
   }
   
}

.mainmenu {
	max-width: 980px;
  display: flex;
	align-items: flex-start;
	margin: 0 auto;
	       flex-wrap: wrap;
}

.mainmenu dl {
	width: 25%;
	font-size: 12px;
}
.mainmenu dl img {
  margin-bottom: 15px;
}
.mainmenu dl a{
	text-decoration: none;
	color: #333333;
}
@media only screen and (max-width: 780px)
 { 
    /*　画面サイズが780pxからはここを読み込む　*/

.mainmenu dl {
	width: 50%;
}
}

.concept_text {
  float:left;
  width: 64%;
}
iframe.instagram-media {
  float:right;
  width: 30%;
}

@media only screen and (max-width: 700px)
 { 
    /*　画面サイズが700pxからはここを読み込む　*/
.concept_text {
  float:none;
  width: 100%;
}
iframe.instagram-media {
  float:none;
  width: 100%;
}
}

/*--------------------------------------------------------------------*/
/*ブログ*/
/*--------------------------------------------------------------------*/

div.freecontents h3.blog-item__title {
  text-align:left;
    color:#bba56b;
  font-size:100%;
	margin-bottom:0;
  line-height:2;
  font-weight:inherit;
}

.wp-block-columns{
display: flex;	
}
div.freecontents h4.blog-item__read p{
font-size:85%;
font-weight:normal;
margin: 0;	
}

.blog-content p{
margin: 20px 0;	
}

.blog-content{
margin-bottom: 70px;	
}

div.freecontents h3.title{
	text-align: left;
    color: #bba56b;
    font-size: 100%;
    margin-bottom: 2em;
    line-height: 2;
    font-weight: inherit;
}
h3.title{
	text-align: left;
    font-size: 85%;
    margin-bottom: 2em;
    line-height: 2;
    font-weight: inherit;
}

.post img{
  width:311px;
}

.wp-block-columns p{
margin: 20px;	
}

/* 親要素 */
.parent-col3 { 
    display: flex;
    flex-wrap: wrap; /* 折返し可 */ 
    justify-content: space-between;
	list-style:none;
    margin:0;
}

/* 子要素 */
.child { 
    width: 32% ; /* 親要素の1/3より小さい値 */
      margin-bottom: 20px;
}

/* 親要素の疑似要素 */
.parent-col3::after {
    content: "";
    display:block;
    width:32%; /* 子要素と同じ幅 */
}

@media (max-width: 500px) {
.post img{
  width:100%;
}

.wp-block-columns p{
margin: 20px;	
}

/* 親要素 */
.parent-col3 { 
    display: flex;
    flex-wrap: wrap; /* 折返し可 */ 
    justify-content: space-between;
	list-style:none;
    margin:0;
}

/* 子要素 */
.child { 
    width: 100% ; /* 親要素の1/3より小さい値 */
}

/* 親要素の疑似要素 */
.parent-col3::after {
    content: "";
    display:block;
    width:100%; /* 子要素と同じ幅 */
}
   }
}
   
form.search_container{
 text-align: right; 
  margin-top: 15px;
}
input#submitbottom {
    background-image: url(https://img21.shop-pro.jp/PA01465/834/etc/submitbottom.jpg?cmsp_timestamp=20210501104231);
    max-width: 36px;
    width: 20%;
    height: 31px;
    border: none;
}

#product{
 padding-top:40px; 
}

#top_sale{
  max-width:850px;
inset: 0;
margin: auto;
}
#top_sale img{
  width:45%;
  max-height:421px;
  padding-top:30px;
  padding-bottom:30px;
  margin-left:10px;
  margin-right:10px;
}

@media (max-width: 700px) {
  #top_sale{
  max-width:100%;
inset: 0;
margin: auto;
margin-top: 30px;
}
#top_sale img{
  width:100%;
  padding-top:0px;
  max-height:none;
  margin-left:0px;
  margin-right:0px;
  }
}

span.product_price{
 color:#c11411; 
}
span.item_price{
 color:#c11411; 
}

#sale{
 padding-top:0px; 
  display: inline-table;
}
@media (min-width: 768px) {
  #sale{
 padding-top:180px; 
  display: inline-table;
}
}

/*--------------------------------------------------------------------*/
/*サブスクリプション*/
/*--------------------------------------------------------------------*/

div.freecontents h3.leftTitle {
  text-align:left;
  margin-top: 50px;
}

div.freecontents h3.rightTitle {
  text-align:right;
  margin-top: 200px;
}

div.freecontents p.center {
  text-align:center;
}

div.freecontents p.right80 {
  padding-left:20%;
  line-height: 3;
}

div.freecontents p.left80 {
  padding-right:20%;
  line-height: 3;
}

div.freecontents p.s_title {
  font-size:200%;
  line-height:1.5;
  margin-top:50px;
  margin-bottom:40px;
}

div.freecontents p.ss_title {
  font-size:150%;
  line-height:1.5;
  margin-bottom:40px;
}

@media only screen and (max-width: 768px) {
div.freecontents h3.leftTitle {
  text-align:left;
  margin-top: 50px;
  font-size:165%;
}

div.freecontents h3.rightTitle {
  text-align:right;
  margin-top: 100px;
  font-size:165%;
}

div.freecontents p.center {
  text-align:center;
}

div.freecontents p.right80 {
  padding-left:0%;
  line-height: 3;
}

div.freecontents p.left80 {
  padding-right:0%;
  line-height: 3;
}

div.freecontents p.s_title {
  font-size:150%;
  line-height:1.5;
  margin-top:50px;
  margin-bottom:40px;
}

div.freecontents p.ss_title {
  font-size:120%;
  line-height:1.5;
  margin-bottom:30px;
}

br.sp_none {
  display:none;
}
}

/*==================================================
ふわっ
===================================*/

/* その場で */
.fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* 下から */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/* 上から */

.fadeDown{
animation-name:fadeDownAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeDownAnime{
  from {
    opacity: 0;
	transform: translateY(-100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/* 左から */

.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
	transform: translateX(-100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}

/* 右から */

.fadeRight{
animation-name:fadeRightAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRightAnime{
  from {
    opacity: 0;
	transform: translateX(100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeInTrigger,
.fadeUpTrigger,
.fadeDownTrigger,
.fadeLeftTrigger,
.fadeRightTrigger{
    opacity: 0;
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.rotateXTrigger,
.rotateYTrigger,
.rotateLeftZTrigger,
.rotateRightZTrigger{
    opacity: 0;
}


/*枠線内側の要素*/

.lineTrigger.lineanime .lineinappear{
	animation: lineInnerAnime .5s linear 1.5s forwards;/*1.5秒後に中央のエリアが0.5秒かけて表示*/
	opacity: 0;/*初期値を透過0にする*/	
}

@keyframes lineInnerAnime{
	0% {opacity:0;}
    100% {opacity:1;}
}

/*==================================================
アニメーション設定
===================================*/

/* アニメーションの回数を決めるCSS*/

.count2{  
	animation-iteration-count: 2;/*この数字を必要回数分に変更*/
}

.countinfinite{  
	animation-iteration-count: infinite;/*無限ループ*/
}

/* アニメーションスタートの遅延時間を決めるCSS*/

.delay-time05{  
	animation-delay: 0.5s;
}

.delay-time1{  
	animation-delay: 1s;
}

.delay-time15{  
	animation-delay: 1.5s;
}

.delay-time2{  
	animation-delay: 2s;
}

.delay-time25{  
	animation-delay: 2.5s;
}

/* アニメーション自体が変化する時間を決めるCSS*/

.change-time05{  
	animation-duration: 1s;
}

.change-time1{  
	animation-duration: 1s;
}

.change-time15{  
	animation-duration: 1.5s;
}

.change-time2{  
	animation-duration: 2s;
}

.change-time25{  
	animation-duration: 2.5s;
}

/*--------------------------------------------------------------------*/
/*無料プランニングバナー*/
/*--------------------------------------------------------------------*/
ul {
  list-style:none;
  margin:0 1%;
}
div.row ul {
  margin:0 0% 30px 0%;
}
li.plan01{
}
li.plan01 br.sp_no{
 display:none;
  margin-left:10px;
}
li.plan01 span{
  font-size:180%;
}
li.plan01 a{
  line-height:1.5;
  color:#fff;
  display: block;
  margin-top:30px;
 text-align:center; 
  padding: 30px 50px;
  background-color:#2d2d2d;
}
li.plan01 a:hover{
  background-color:#4d4d4d;
}

@media (max-width: 768px) {
  .footer_banner li.plan01 {
    padding: 0px;
  }
  li.plan01 br.sp_no{
    display:block;
  }
}

/*--------------------------------------------------------------------*/
/*tab*/
/*--------------------------------------------------------------------*/
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #000;
  display: block;
  order: -1;
}
.tab-wrap label {
  margin-bottom:0;
}
.tab-label {
  color: White;
  background: LightGray;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  background: #000;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}

/*--------------------------------------------------------------------*/
/*トップページ*/
/*--------------------------------------------------------------------*/
h3 span.jirei{
  font-size: clamp(36px, 3.2vw, 46px);
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  display: inline-block;
  margin-bottom:0.5em;
}
h3 span.jirei:after {
  content: '';
  height: 2px;
  background: #dedede;
  display: block;
}



/*--------------------------------------------------------------------*/
/*フリーページ事例ページ*/
/*--------------------------------------------------------------------*/
div.pagetitle02 {
  text-align:center;
  position: relative;
  margin-bottom:2em;
  margin-top:0px;
}


/*--------------------------------------------------------------------*/
/*アンティークドア　サイズ別で探す
/*--------------------------------------------------------------------*/
div#antiqueDoor01{
	margin-top: 30px;
	margin-bottom: 65px;
}
div#antiqueDoor01 ul{
}
div#antiqueDoor01 ul li{
}
div#antiqueDoor01 ul li a{
  border: 1px solid #dedede;
  margin-bottom: 10px;
  padding : 8px 10px;
  width: 100%;
  text-decoration: none;
  display: block;
  text-align: center;
  color: #000000;
}
div#antiqueDoor01 ul li a:hover{
  background:#666;
  color: #ffffff;
}

#door table {
	width: 100%;
	border-collapse: collapse;
	font-size:80%;
}
#door table td {
	padding: 0.6em 1em;
	text-align: center;
	width: 25%;
	border-left: 1px solid #e4e4e4;
}
#door table td a {
	color: #ee6300;
}
#door table th {
	padding: 0.6em 1em;
	text-align: center;
	color: #272727;
}
#door table tr:nth-child(even) {
	background: #f4f4f4;
	border-right: 1px solid #e4e4e4;
}
#door table tr:nth-child(odd) {
	background: #ffffff;
	border-right: 1px solid #e4e4e4;
}
#door table tr:last-child td:last-child {
	border-left: 1px solid #fff;
}
#door table tr:first-child th:nth-child(even) {
	background: #ffeda2;
	border-right: 1px solid #fff;
}
#door table tr:first-child th:nth-child(odd) {
	background: #efbe7f;
	border-right: 1px solid #fff;
}
#door table tr:first-child th:first-child {
	background: #fff;
}
#door table tr td:nth-child(even) a.btn-maru{
	position: relative;
	display: inline-block;
	padding: 0.25em 0.8em;
	text-decoration: none;
	color: #8e8e8e;
	background: #ffeda2;
	transition: .4s;
	border-radius: 14px;        /* CSS3草案 */
	-webkit-border-radius: 14px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 14px;   /* Firefox用 */
	font-size:80%;
	color: #8e8e8e;
	background: #ffeda2;
}
#door table tr td:nth-child(odd) a.btn-maru{
	position: relative;
	display: inline-block;
	padding: 0.2em 0.8em;
	text-decoration: none;
	color: #8e8e8e;
	background: #ffeda2;
	transition: .4s;
	border-radius: 14px;        /* CSS3草案 */
	-webkit-border-radius: 14px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 14px;   /* Firefox用 */
	font-size:80%;
	color: #8e8e8e;
	background: #fff;
	border:solid 2px #efbe7f;
}
#door table tr td:nth-child(odd) a.btn-maru i{
	color: #efbe7f;
}

#door div#doorfaq dl{
	margin:15px 0;
}
#door div#doorfaq dl dt{
	background:url(https://img14.shop-pro.jp/PA01142/921/etc/doorfaq_q.gif?cmsp_timestamp=20201017144436) no-repeat;
	padding: 10px 0 15px 75px;
	color: #9e8567;
	font-size: x-large;
	border-bottom: 3px dotted #c2c2c2;
	min-height: 45px;
	line-height: 1.3;
}
#door div#doorfaq dl dd{
	background:url(https://img14.shop-pro.jp/PA01142/921/etc/doorfaq_a.gif?cmsp_timestamp=20201017144408) no-repeat;
	padding: 10px 0 40px 75px;
	min-height: 45px
}



/*--------------------------------------------------------------------*/
/*ステンドサイズ別で探す
/*--------------------------------------------------------------------*/

#stained table {
	width: 100%;
	border-collapse: collapse;
	font-size:80%;
}
#stained table td {
	padding: 0.6em 1em;
	text-align: center;
	width: 9.090%;
	border-left: 1px solid #e4e4e4;
}
#stained table td a {
	color: #ee6300;
}
#stained table th {
	padding: 0.6em 1em;
	text-align: center;
	color: #272727;
}
#stained table tr:nth-child(even) {
	background: #f4f4f4;
	border-right: 1px solid #e4e4e4;
}
#stained table tr:nth-child(odd) {
	background: #ffffff;
	border-right: 1px solid #e4e4e4;
}
#stained table tr:last-child td:last-child {
	border-left: 1px solid #fff;
}
#stained table tr:first-child th:nth-child(even) {
	background: #ffeda2;
	border-right: 1px solid #fff;
}
#stained table tr:first-child th:nth-child(odd) {
	background: #efbe7f;
	border-right: 1px solid #fff;
}
#stained table tr:first-child th:first-child {
	background: #fff;
}
#stained table tr td:nth-child(even) a.btn-maru{
	position: relative;
	display: inline-block;
	padding: 0.25em 0.8em;
	text-decoration: none;
	color: #8e8e8e;
	background: #ffeda2;
	transition: .4s;
	border-radius: 14px;        /* CSS3草案 */
	-webkit-border-radius: 14px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 14px;   /* Firefox用 */
	font-size:80%;
	color: #8e8e8e;
	background: #ffeda2;
}
#stained table tr td:nth-child(odd) a.btn-maru{
	position: relative;
	display: inline-block;
	padding: 0.2em 0.8em;
	text-decoration: none;
	color: #8e8e8e;
	background: #ffeda2;
	transition: .4s;
	border-radius: 14px;        /* CSS3草案 */
	-webkit-border-radius: 14px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 14px;   /* Firefox用 */
	font-size:80%;
	color: #8e8e8e;
	background: #fff;
	border:solid 2px #efbe7f;
}
#stained table tr td:nth-child(odd) a.btn-maru i{
	color: #efbe7f;
}

  
  
.section01 {
	background: #fff;
	width: 100%;
	text-align: center;
	padding: 0px 0 90px 0;
}
.section01:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.section01 h2 {
	font-size: clamp(36px, 3.2vw, 46px);
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    display: inline-block;
    margin-bottom: 0.5em;
        line-height: 1.3;
}
.section01 h2 span {
	font-size: 16px;
}
.section02 {
	background: #e9e9e9;
	width: 100%;
	text-align: center;
	padding: 50px 0 90px 0;
}
.section02:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.section02 h2 {
	margin-bottom: 50px;
}
.section03 {
	background: #fff;
	width: 100%;
	text-align: center;
	padding: 50px 0 70px 0;
}
.section03:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.section03 h2 {
	margin-bottom: 20px;
}
.section03 iframe {
	margin-bottom: 50px;
}
.inbox {
	width: 100%;
	margin: 60px auto 0 auto;
}

.dl01 {
	float: left;
    width: 20%;
}
.dl01 dt a:hover img{
	transition: .3s;
	-ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
	-moz-opacity: 0.8; /* FF , Netscape */
	-khtml-opacity: 0.8; /* Safari 1.x */
	opacity: 0.8;
	zoom: 1; /*IE*/
}
.dl02 {
	float: left;
	margin-left:160px;
}
.dl02 dt a:hover img{
	transition: .3s;
	-ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
	-moz-opacity: 0.8; /* FF , Netscape */
	-khtml-opacity: 0.8; /* Safari 1.x */
	opacity: 0.8;
	zoom: 1; /*IE*/
}
.dl03 {
	float: left;
	margin-left:92px;
	margin-bottom:20px;
}
.dl03 dt a:hover img{
	transition: .3s;
	-ms-filter: "alpha(opacity=80)"; /* IE 8,9 */
	-moz-opacity: 0.8; /* FF , Netscape */
	-khtml-opacity: 0.8; /* Safari 1.x */
	opacity: 0.8;
	zoom: 1; /*IE*/
}



/*--------------------------------------------------------------------*/
/*お知らせ
/*--------------------------------------------------------------------*/
p#oshirase {
  clear: both;
  margin: 0 auto;
  width: 980px;
  padding-top:100px;
}