/** Shopify CDN: Minification failed

Line 389:4 Expected ":"
Line 426:4 Expected ":"
Line 528:2 Unexpected "}"
Line 948:4 "flex-diretion" is not a known CSS property
Line 1709:8 Unexpected ".360-view"
Line 2206:0 All "@import" rules must come first
Line 2327:19 Expected ":"

**/
/** ヘッダーメニュー **/
a.site-nav__dropdown-link--top-level {
 	font-size: 1.2em;
  	border-bottom: solid 1px #e8e8e1;
}
.mobile-nav__link--top-level {
    font-size: 1.1em;
}
.toolbar--transparent, .toolbar--transparent a {
    color: #3a5854 !important;
}
@media only screen and (min-width: 769px) {
    .grid__item.medium-up--one-fifth.appear-animation.appear-delay-1, .grid__item.medium-up--one-fifth.appear-animation.appear-delay-2, .grid__item.medium-up--one-fifth.appear-animation.appear-delay-3, .grid__item.medium-up--one-fifth.appear-animation.appear-delay-4, .grid__item.medium-up--one-fifth.appear-animation.appear-delay-5 {
        width: 16%;
    }
}
/** ヘッダーメニュー終わり **/

    /* ヘッダーテキストスライダー */
.announcement-text {font-size:0.9em;}
.announcement-link-text {font-size:0.85em;}

@media only screen and (max-width: 768px) {
.announcement-text {font-size:0.95em; letter-spacing:0.05em;}
}
    /* ヘッダーテキストスライダー */

/** フッターメニュー **/
h2.footer__title {
  	font-size: 0.85em;
    border-bottom: solid 1px #e8e8e1;
  	padding: 0 0 5px 0;
  	max-width: 205px;
	}
@media only screen and (min-width: 769px){
  div.footer__item-padding {
    padding-right: 35px ;
  }
}
/** フッターメニュー終わり **/

/** フォントサイズ調整 **/
@media only screen and (min-width: 769px){
	.h1, h1 {
    font-size: calc(var(--typeHeaderSize)*0.75);
	}
	.h2, h2 {
    font-size: calc(var(--typeHeaderSize)*0.70);
	}
    .h3, h3 {
      font-size: calc(var(--typeHeaderSize)*0.65);
	}    
    .h4, h4 {
    font-size: calc(var(--typeHeaderSize)*0.60);
    letter-spacing: 0em;
    }
.feature-row__text {
  font-size: 1.0em;
  line-height:1.7em;
}
.background-media-text__text {
  font-size: 1em;
}
.cate-item-eng {
  font-size: 0.7em;
}
.rte .enlarge-text {
    margin: 0;
    font-size: 1em;
}
.hero__subtitle {
  font-size: 1.1em;
}
p.promo-grid__title.h2 {
  font-size: calc(var(--typeHeaderSize)*.72);
}
span.ft14px {
    font-size:calc(var(--typeBaseSize)*1.06);}
span.ft12px {font-size: 0.85em;}
span.ft11px {font-size: 0.8em;}
span.ft10px {font-size: 0.75em;}
span.ft-big {
  font-size:calc(var(--typeBaseSize)*1.3);}
span.ft-small {
  font-size:calc(var(--typeBaseSize)*0.8);}
span.ft12em {font-size: 1.2em;}
}

@media only screen and (max-width: 768px){
	.h1, h1 {
    font-size: calc(var(--typeHeaderSize)*0.7);
	}
	.h2, h2 {
    font-size: calc(var(--typeHeaderSize)*0.64);
	}
    .h3, h3 {
    font-size: calc(var(--typeHeaderSize)*0.6);
    }
    .h4, h4 {
    font-size: calc(var(--typeHeaderSize)*0.50);
     letter-spacing: 0.05em;
    }
	.faux-select, body, button, input, select, textarea {
    font-size: calc(var(--typeBaseSize)*1);
	}
    span.ft12em {font-size: 1.15em;}
  p.promo-grid__title.h2 {
  font-size: calc(var(--typeHeaderSize)*.60);}
  .hero__subtitle {
  font-size: 1.0em;}
}
.grid-product__tag.grid-product__tag--sold-out {
    color: #4caf50; /** 商品一覧soldout **/}
/** フォントサイズ終わり **/

/** ページ全般 **/
.main-bun {
    text-align: center;
  font-size: calc(var(--typeBaseSize)*1);
    line-height:2em;
}
.maru-banner {
      border-radius: 50%; /** 画像円形 **/
}
.maru-banner-small {
      border-radius: 6px; /** 画像角丸小 **/
}
.maru-banner-middle {
      border-radius: 20px; /** 画像角丸中 **/
}
.maru-banner-big {
      border-radius: 30px; /** 画像角丸大 **/
}
.aligncenter {
    display: flex;
    justify-content: center;
  align-items: flex-start; /** iphoneで画像が縦に伸びない設定 **/
}
.aligncenter-center {
    display: flex;
    justify-content: center;
    text-align:center;
}
.notes {
      font-size:calc(var(--typeBaseSize)*0.85);
        }
h2.h2-center { text-align: center;}
h3.h3-center { text-align: center;}
h4.h4-center { text-align: center;}
span.darkgreen {color:#008080;}
span.mk-gray {color:gray;}
span.mk-pink {color:#ff1493;}
span.b {font-weight:bold;}

.back-white {
  background-color: #fff;
}
.page-top-image {
  margin-top:75px;
}
@media only screen and (max-width: 768px){
  .page-top-image {
  margin-top:2em;
}
}
.page-daiji {
     display: block;
     width: 60%;
     padding: 1.5em 5em 6em 5em;
     margin-top: 5em !important;
	 margin-left: auto !important;
     margin-right: auto !important;
}
span.underbar-yellow {
  background: linear-gradient(transparent  40%, #ECE264  40%); /** マーカー下線黄色 **/
}
.longurl{word-break: break-all;/** 長いURLを自動改行させる **/}
@media only screen and (max-width: 768px){
	.page-daiji {
      display: block;
     width: 82%;
     padding: 0 1.5em 6em 1.5em;
     margin-top: 5em;
}
}
/** ページ全般終わり**/

/** ページ設定 **/
.breadcrumb {
    display: flex;
    justify-content: center;
}
@media only screen and (min-width: 769px){
.medium-up--three-quarters {
    width: 80%;
	}
}
@media only screen and (min-width: 769px){
.medium-up--push-one-eighth {
    left: 10%;
	}
}
@media only screen and (min-width: 769px) {
.custom__item-inner {
    width: 90%;
}
}
/** ページ設定終わり**/

/* レスポンシブで画像の切り替え */
img.miniimage { display: none; }   
/* ▼表示領域が769px以上の場合 */
@media only screen and (min-width: 769px) {
   img.miniimage { display: none; }  /* miniを非表示 */
   img.bigimage  { display: block; } /* bigを表示 */
}
/* ▼表示領域が768px未満の場合 */
@media only screen and (max-width: 768px) {
   img.miniimage { display: block; } /* miniを表示 */
   img.bigimage  { display: none; }  /* bigを非表示 */
}
.resizeimage img { width: 100%; height: auto; }
/* レスポンシブで画像の切り替え終わり */

/** 商品ページ **/
@media only screen and (min-width: 769px){
.grid--flush-bottom>.grid__item>.h3 {
    font-size: calc(var(--typeHeaderSize)*0.6);
}
}
.detail-box h3:first-child {
    margin-top:20px;
    margin-bottom:10px;
}
.zaiko-comment,.cart-comment {
  font-size: calc(var(--typeBaseSize)*0.85);
}
.cart-comment{
    margin: 0 0 15px 0;
}
.onlineok-comment > h4 {
    font-size: calc(var(--typeHeaderSize)*0.5);
    letter-spacing: 0em;
    margin: 5px 0;
}
.shoppingguide-comment {
    font-size: calc(var(--typeBaseSize)*0.8);
    padding: 5px;
    width:fit-content;
    border:1px solid #ccc;
    margin-bottom: 30px;
}
.label, label:not(.variant__button-label) {
    letter-spacing: 0.1em;
}
@media only screen and (max-width: 768px) {
  .onlineok-comment > h4 {
    font-size: calc(var(--typeHeaderSize)*0.4);
	}
  .shoppingguide-comment {
    width:100%;
	}
}
.product-single__title {
    font-size: calc(var(--typeHeaderSize)*0.7);
	}
@media only screen and (max-width: 768px) {
.product-single__title {
    font-size: calc(var(--typeHeaderSize)*0.6);
}
}
.product-single__form {
    margin-top: 20px;
	}
.page-width {
    max-width: 1100px;
	}
.page-width--narrow {
    max-width: 900px;
}
.page-width--tiny {
    max-width: 450px;
}
.product__price {
    font-size: calc(var(--typeBaseSize) + 8px);
    font-weight: bold;
	}
.grid-overflow-wrapper .grid-product__price {
    font-size: calc(var(--typeBaseSize)*1);
    margin-top: 3px;
    }
 .grid-product__price {
    font-size: calc(var(--typeBaseSize)*1);
    margin-top: 3px;
    }
.grid-product__title {
  	font-size: calc(var(--typeBaseSize)*0.85);
	}
.rte>div.detail-box {
	margin-bottom: 0px;
}
.detail-box2 {
  	line-height:1.65em;
    	margin: 30px 0 0 0;
}
.collapsible-trigger-btn{
 	font-size: 0.9em;
    font-weight: bold;
}
.square_btn2 {
    font-size: calc(var(--typeBaseSize)*0.8);
    padding: 5px 15px;
    margin:6px 10px 0 0;
    width:fit-content;
    border:1px solid #ccc;
        background:#fff;
}
div.selector-wrapper.bcpo-simple > .bcpo-label {
    font-size: 1.25em;
  	font-weight: var(--typeHeaderWeight);
}
div.bcpo-label {
    margin-top: 30px;
}
div.product-tab-contents a {
  display:block;
  width: 100%;
  text-align:center;
}
@media only screen and (min-width: 769px) {
	a[href^="tel:"] {
    pointer-events: none;
	}
  .detail-box2 {
    font-size: calc(var(--typeBaseSize)*0.9);
      }
  }
  a.bt-samp33{
  display: block;
  text-decoration: none;
  font-weight: bold;
  height:35px;
  width: 100%;
  line-height: 37px;
  text-align: center;
  color: #fff;
  border:solid 1px #b8bb25;
  background:#b8bb25;
  border-radius: 3px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
a.bt-samp33:hover{
  border:solid 1px #a3a621;
  background:#d5d83b;
  color: #fff;
}
  /** 商品ページ終わり **/
   /** コレクションページ **/
.collection-filter .btn, .collection-filter select {
    font-size: 12px !important;
	}
.collection-filter__item {
    font-size: calc(var(--typeBaseSize)*0.85);
	}
.article__title {
    font-size: calc(var(--typeBaseSize)*0.9);
	}
    /** コンタクトフォーム **/
.contact-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-justify-content: center;
 　 justify-content: center;
    margin-bottom: 100px;
}
.form {
    width: 90%;
    padding: 50px;
    border: 1px solid #ccc;
}
.asterisk {
	margin: 0 0 0 0.2em;
	color: #f5637a;
  	font-weight:bold;
}
@media only screen and (max-width: 768px) {
    .form {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    }
}
    /** 商品ページ内コンタクトフォーム背景色指定 **/
div.collapsible-content__inner.rte > iframe {
  background-color:;
}
    /** コンタクトフォーム終わり **/

    /** ショッピングガイド **/
h3.shopping-guide-daiji {
  /*線の種類（実線） 太さ 色*/
  border-bottom: solid 1px gray;
  font-size: calc(var(--typeHeaderSize)*0.60);
}
.shopping-guide-waku{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
 　 justify-content: space-between;
}
.shopping-guide-koumoku {
    width: 47%;
    margin: 3em 0 3em 0;
}
.shopping-guide-nakami > strong {
    	color: #00705b;
}
.adress-waku {
    padding: 15px;
    margin: 0 0 1.5em 0;
  	border: 1px solid #ccc;
    font-weight: bold;
  	background-color:white;
}
@media only screen and (max-width: 768px) {
    .shopping-guide-koumoku {
    width: 100%;
    padding: 15px;
    }
}
    /** ショッピングガイド終わり **/

    /** 商品ページ内バナー **/
.category-banner {
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 150px;
  justify-content: center;
}
    .category-banner-3 {
        margin-top: 10px;
        margin-bottom: 40px;
    }
.cate-banner {
  width: 24%;
  margin: 5px;
  padding: 5px;
}
@media only screen and (max-width: 768px) {
.category-banner {
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  padding: 0px;
  justify-content: center;
  margin-top: 40px;
  margin-bottom: 50px;
}
.cate-banner {
  width: 46.5%;
  margin: 5px;
  padding: 2px;
}
    .category-banner-3 {
        margin-top: 20px;
        margin-bottom: 60px;
        padding: 0px;
    }
    .cate-banner3 {
    width: 30%;
    margin: 0px;
    }
}
    /* 商品ページ内バナー終わり */
.rte>.product-icon {
  margin-bottom: 0px;
}
.product-tab{
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
}
.product-tab-contents {
  display: flex;
  width: 48%;
  padding: 10px;
  margin: 2px;
  background:#fff;
  border-radius: 4px;
-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
}
.product-wrapping {
  display: flex;
  width: 33%;
  padding: 4px;
}
    /* ブログ記事のグリッド5個に */
   #shopify-section-16036156950eb110c5 .medium-up--one-third {
  width: 20%;
}
  }
    /* ブログ記事のグリッド5個に終わり */

    /* カートのデザイン */
a.h4.cart__product-name{
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.cart__product-meta {
    margin: 15px 0;
}
div.grid.grid--full.cart__row--table {
  font-size: 1.15em;
  font-weight: bold;
  letter-spacing: 0.1em;
	}
@media only screen and (max-width: 768px){
div.grid.grid--full.cart__row--table-large {
    margin: 30px 0 15px;
	}
div.grid.grid--full.cart__row--table {
  font-size: 1.25em;
  font-weight: bold;
  letter-spacing: 0.1em;
	}
}
a.btn.btn--small.medium-up--hide {
    color: var(--colorTextBody);
    border: 1px solid;
    border-color: var(--colorBorder);
    background-color: transparent;
      }
    /* カートのデザイン終わり */

    /* ランキングTOP5 */
div.type-sale-images__image {
    width: 20%;
}
div.type-sale-images {
    flex: 1 1 20%;
}
@media only screen and (max-width: 768px){
	div.type-sale-images__image {
    width: 30%;
	}
}
    /* ランキングTOP5終わり */

    /* アフターケア・特徴・クオリティ・リフォーム・フルオーダー */
	.h3-color {
    color:#b8bb25;
	text-align: center;
	}
	.top-tokucho-page2, .top-tokucho2, .top-quality2 {
    padding: 40px 60px;
    margin: 40px 0 80px 0;
	}
	.top-tokucho-page3, .top-tokucho3, .top-quality3 {
    margin: 40px 0 60px 0;
    padding: 40px 0;
    line-height:2em;
	}
	@media only screen and (max-width: 768px){
	.top-tokucho-page2, .top-tokucho2, .top-quality2 {
    padding: 10px 0;
	}
	.top-tokucho-page3, .top-tokucho3, .top-quality3 {
    padding: 10px;
	}
	}
	.top-tokucho-page3 > h4, .top-tokucho3 > h4, .top-quality3 > h4 {
    margin: 0 0 50px 0;
	position: relative;
    line-height:1.7em;
    text-align: center;
	}
	.top-tokucho-page3 > h4:before, .top-tokucho3 > h4:before, .top-quality3 > h4:before {
    content:  '';
	width: 100%;
	height: 1px;
	background-color: #b8bb25;
	display: block;
	position: absolute;
	left: 0;
	bottom: -12px;
	}
	span.fontcolor-b8bb25 {
    background-color: #b8bb25;
    font-size: 0.7em;
    padding: 8px 10px;
    border-radius: 11px;
  	margin-left: 10px;
    vertical-align:+3px;
	}
	span.moji-top {
    font-size: 1.8em;
  	margin: 0 1px 0 0;
	}
	@media only screen and (max-width: 768px){
    .top-tokucho-page3 > h4:before, .top-tokucho3 > h4:before, .top-quality3 > h4:before {
    width: 100%;
	left: 0;
	}
    span.fontcolor-b8bb25 {
    font-size: 0.6em;
    padding: 6px 7px;
    border-radius: 7px;
  	margin-left: 8px;
    vertical-align:+3px;
	}
    }
	img.image-marginleft-20 {
	margin:0 0 50px 90px;
	}
	img.image-marginright-30 {
	margin:0 90px 50px 0;
	}
	img.image-marginbottom-20 {
	margin:0 0 20px 0;
	}
 img.image-marginleft-only {
	margin:0 0 20px 60px;
	}
	@media only screen and (max-width: 768px){
  	img.image-marginleft-20, img.image-marginright-30,  img.image-marginleft-only {
    width: 100%;
  	}
	}
    /* アフターケア・特徴・クオリティ・リフォーム・フルオーダー終わり */


    /* プライバシーポリシー */
	.privacy2 {
      margin:50px 2% 60px 2%;
    }
	.privacy-body {
   display: block;
   width: 100%;
	}
	.privacy {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	}
	.privacy3 {
    margin-top: 8px;
    margin-left: 5%;
    margin-right: 5%;
	}
	.privacy2 li {
    margin-bottom: 6px;
	}
    /* プライバシーポリシー終わり */

    /* 会社概要 */
 th.al-c {
   width: 35%;
 }
    /* 会社概要終わり */

    /* オンラインショップ */
.online-top {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 50px 0 50px 0;
}
.online-sub {
	flex-basis: 47%; 
	padding: 40px 20px;
    align-self: stretch;
	background-color: #fff;
}
.online-sub a { 
  display:block;
  width: 100%;
	}
.online-sub h4 { 
	margin-bottom:0;
	}
span.cate-eng {
    font-size: 1em;
  	color:#777;
}
    /* オンラインショップ終わり */

    /* 店舗アクセス */
.access-box {
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    margin: 40px 0 40px 0;
    padding: 0px;
    justify-content: center;
}
.access-person {
    width: 25%;
    margin: 0px;
    padding: 12px;
}
@media only screen and (max-width: 769px){
    .access-person {
    width: 100%;
    margin: 2em 0;
	}
}
    /* 店舗アクセス終わり */
@media only screen and (min-width: 769px){
	.rte p {
    margin-bottom: 15px;
	}
}

div.grid__item.medium-up--three-quarters.medium-up--push-one-eighth {
  line-height: 1.8em;
}


    /** 画像を左よりで並べる（フルオーダーリングで使用） **/
.image-box {
       display: flex;
       -webkit-flex-direction: row;
       flex-direction: row;
       flex-wrap: nowrap;
       justify-content: center;
       width: 100%;
       padding: 40px 0;
}
.image-parts {
  width: 32%;
  margin: 5px;
  padding: 5px;
}
@media only screen and (max-width: 769px){
  .image-parts {
    width: 100%;}
}
    /** 画像を左よりで並べる（フルオーダーリングで使用） **/


    /* カラーストーン宝石別の石名 */
.houseki-choice {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      justify-content: center;
      margin: 40px 0 160px 0;
      padding: 6px 0;
      border:0;
    }
.houseki-choice-kobetu {
      position: relative;
      font-weight: var(--typeHeaderWeight);
      width: 30%;
      padding: 30px 0;
      margin: 8px;
      background:#fff;
      text-align:center;
}
.houseki-choice-kobetu2 {
      position: relative;
      background:#f3f3f2;
      width: 94.5%;
      border-radius: 25px;
}
.houseki-choice-kobetu2 a, .houseki-choice-jem a {
    display: block;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}
.kobetu-color {
    background:#fff;
}

.houseki-choice-kobetu a:not(.rte__image), .houseki-choice-kobetu2 a:not(.rte__image), .houseki-choice-jem a:not(.rte__image) {
border-bottom: none;
position: absolute !important;
}
ol.choosefromgems-list a:not(.rte__image) {
border-bottom: none;
}
.choosefromgems-menu {
        display: flex;
        width: 100%;
        justify-content: center;
}
.choosefromgems-body {
        display: block;
        text-align:center;
}
.choosefromgems-body a {
    font-weight:bold;
    font-size: calc(var(--typeHeaderSize)*0.46);
}
ol.choosefromgems-list {
    background: #f3f3f2;
    border: 0px;
    margin: 0 0 15px 0px;
}
ol.choose-list {
  padding: 34px 140px 34px 140px;/*ボックス内の余白*/
}
ol.choose-list li {
  line-height: 1.5;
   list-style: disc;
  padding: 1.8em 0;
  list-style-type: none;
  border-bottom: dashed 1px silver;
}
ol.choose-list li:last-of-type {
  border-bottom: none;
}
.houseki {
  margin: 180px 0px;
}
@media only screen and (max-width: 768px) {
	ol.choose-list {
      padding: 12px ;/*ボックス内の余白*/
	}
}
.margin-10 {
    margin: 10px ;
}
.houseki-kotoba {
    font-size:calc(var(--typeBaseSize)*0.85);
    font-weight: normal;
}
.houseki-choice-kobetu img {
    display: block;
    margin: auto;
}
	/* 640px以下用の記述 */
@media only screen and (max-width: 768px) {
    .houseki-choice {
    padding: 5px 0px;
    }
    .houseki-choice-kobetu {
      margin: 10px 5px;
      width: 100%;
      padding: 18px 4px;
      font-size:calc(var(--typeBaseSize)*0.98);
      justify-content: center;
    }
    .houseki-choice-jem {
      width: 46.5%;
    }
    .houseki-choice-kobetu2 {
      width: 97%;
      padding: 20px 10px;
      margin: 18px 5px;
    }
    .choosefromgems-body {
        display: block;
        width: 100%;
        }
  .kobetu-color-waku {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      width: 100%;
      align-items: center;
      margin: 40px 0 160px 0;
      padding: 6px 0;
      border:0;
    }
  .kobetu-color {
      width: 42%;
      margin: 18px 8px;
	}
  .houseki-choice-daiji {
    width: 100%;
  	margin-top: 12px;
	}
    }
    /* カラーストーン宝石別の石名終わり */

    /* カラーストーン誕生石とは */
.houseki-birth-kobetu {
      position: relative;
      font-weight: var(--typeHeaderWeight);
      width: 30%;
      padding: 30px 0;
      margin: 8px;
      background:#fff;
      text-align:center;
}
.houseki-birth-kobetu a:not(.rte__image) {
border-bottom: none;
position: absolute !important;
}
.houseki-birth-kobetu img {
    margin: auto;
}

	/* 640px以下用の記述 */
@media only screen and (max-width: 768px) {
    .houseki-birth-kobetu {
      margin: 10px 5px;
      width: 100%;
      padding: 18px 4px;
      font-size:calc(var(--typeBaseSize)*0.98);
      justify-content: center;
    }
    .houseki-choice-jem-3line {
      width: 30.4%;
    }
}
    /* カラーストーン誕生石とは */
    
    /* 各カテゴリTOPページのメニュー画像設定 */
.top-menu-gazou-waku-width {
    display: flex;
    flex-diretion: row;
    flex-wrap:nowrap;
    justify-content: center;
}
  .top-menu-gazou-waku {
    padding: 0px ;
    margin-top:-30px;/*menu上の余白削除*/
}
  .top-menu-gazou-waku2 {
    max-width:1260px;
    padding: 0px ;
    margin-top:-70px;/*menu上の余白削除*/
}
.top-menu-gazou {
  max-width: 260px;
  padding: 10px ;/*ボックス内の余白*/
}
.top-menu-gazou2{
  max-width: 210px;
  padding: 10px ;/*ボックス内の余白*/
}
@media only screen and (max-width: 768px) {
    .top-menu-gazou-waku {
  margin-top:-10px;/*menu上の余白削除*/
}
  .top-menu-gazou-waku2 {
  margin-top:-45px;/*menu上の余白削除*/
  max-width:100%;
}
  .top-menu-gazou, .top-menu-gazou2 {
  padding: 4px ;/*ボックス内の余白*/
  max-width:100px;
}
}
.category-menu {
      display: block;
      text-align:center;
      font-size:calc(var(--typeBaseSize)*0.8);
      line-height:1.65em;
      margin:5px 0;/*menu上の余白削除*/
}
@media only screen and (max-width: 768px) {
  .category-menu {
      font-size:calc(var(--typeBaseSize)*0.7);
      margin:5px 0 8px 0;/*menu上の余白削除*/
}
  }
    /* 各カテゴリTOPページのメニュー画像設定終わり */

    /** 画像を左よりで並べる（フルオーダーリングで使用） **/

    /** リフォーム例 **/
.top-reform-ex {
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    background: #fff;
    width: 100%;
    justify-content: center;
    margin:50px 0 100px 0;
}
.top-reform-ex2{
    margin: 15px !important;
    padding: 22px;
    display: block;
    width: 46%;
    background-image: url("/cdn/shop/files/back_white04.jpg") ;
    background-repeat: norepeat;
    background-size:cover;
}
.top-reform-ex-image {
  display: block;
  text-align:center;
}
.top-reform-ex-image > img {
  display: inline-block;
}
h4.h4-reform-ex {
    font-size: calc(var(--typeHeaderSize)*0.48);
    color:;
      }
.top-reform-ex2 .alignleft {
    margin-right: 22px;
}
.reform-ex-spec {
    line-height:2em !important;
}
.reform-ex-hosoku {
    margin-top: 50px;
    margin-bottom: 0px !important;
}

	/* 768px以下用の記述 */
@media only screen and (max-width: 768px) {
.top-reform-ex2{
    margin: 15px 0 15px 0;
    width: 100%;
    }
.top-reform-ex2 .alignleft {
    width: 100%;
    margin-bottom: 25px;
    }
.top-reform-ex2 .ft16px {
    font-size: 14px;
    }
}
        /** リフォーム例 **/

    /* タブ切り替え */
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #00705b;
  display: block;
  order: -1;
}
.tab-label {
  color: White;
  background: LightGray;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  padding: 10px 2em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}
.label, label:not(.variant__button-label):not(.text-label) {letter-spacing: 0.12em;}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  background-color:white;
}
.tab-switch:checked+.tab-label {
  background: #00705b;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.tab-switch {
  display: none;
}
    /* タブ切り替え終わり */


/* プロポーズ応援プラン */

.propose-plan {
    width: 700px;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:10px;
}
.propose-plan-ex {
        width: 85%;
}
.propose-plan-list {
     text-align: center;
}
/* プロポーズ応援プラン内リストの数字装飾 */
ol.propose-plan-list {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 12em;
  margin: 0 0 15px 0px;
}
ol.propose-plan-list li {
  list-style: none;
  border-bottom: dashed 1px gray;
  position: relative;
  padding: 1em 0.5em;
  line-height: 2em;
}
ol.propose-plan-list-ver2 li {
  list-style: none;
  border-bottom: dashed 1px gray;
  position: relative;
  padding: 0.5em 0.5em 0.5em 30px;
  line-height: 3em;
}
ol.propose-plan-list-ver2 li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: gray;
  color: white;
  font-weight:bold;
  font-size: 18px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  left:18%;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
ol.propose-plan-list li:last-of-type {
  border-bottom: none; /*最後のliの線だけ消す*/
}
ol.propose-plan-list-ver2 li:before{
  left:20%; /*左端からのアイコンまでの距離*/
}
@media screen and (max-width: 768px) {
    .propose-plan, .propose-plan-ex {
    width: 100%;
    }
  ol.propose-plan-list {
    padding: 0.3em 0;}
}
@media screen and (max-width: 768px) {
    ol.propose-plan-list li:before{
    left:0;
    }
    ol.propose-plan-list-ver2 li:before{
    left:7.5%; /*左端からのアイコンまでの距離*/
    }
}
.box5 { /*box二重枠ブルー*/
    padding: 4em 1em;
    margin: 2em 0;
    border: double 5px #2f4f4f;
}
.box5 p {
    margin: 0; 
    padding: 0;
}
.box-action-waku {
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
  	justify-content: space-evenly;
    margin: 20px 0;
}
.box-action {
	flex-basis: 45%;
    margin: auto 15px auto 15px;
    padding: 3em 8em;
    text-align: center;
  	font-size:calc(var(--typeBaseSize)*0.85);
    font-weight: normal;
    border: solid 3px #2f4f4f;
}
.box-action p {
    margin: 0; 
    padding: 0;
}
.box-action-waku > a:not(.rte__image) {
	border-bottom: 0px;}
@media screen and (max-width: 768px) {
  	.box-action {
    padding: 3em 1em;
    margin: auto;
  	}
}
/* プロポーズ応援プラン終わり */

	img.image-marginleft-10 {
	margin:0 0 40px 30px;
	}
	img.image-marginright-20 {
	margin:0 30px 40px 0;
	}
	@media only screen and (max-width: 768px){
  	img.image-marginleft-10, img.image-marginright-20 {
    width: 100%;
  	}
	}
.matome {
  padding: 5em;
}
.matome > h4 {
  line-height: 1.6em;
  margin-top: 0px;
}
@media screen and (max-width: 768px) {
.matome {
  padding: 3.5em 1.5em;
}
  .top-tokucho.back-white p {padding: 0 1.3em ;}
}

span.action-ft {font-size: 0.87em;}

ol.propose-plan-list-ver3 {
  padding: 0.3em 2.5em;
  margin: 0 0 15px 0px;
}
ol.propose-plan-list-ver3 li {
    padding: 1.5em 0.5em 1.5em 3.5em;
    line-height: 2em;
}
ol.propose-plan-list-ver3 li:before {
    left: 8%;
}
	@media screen and (max-width: 768px) {
    ol.propose-plan-list-ver3 {
    padding: 0.3em 0.5em;
}
    ol.propose-plan-list-ver3 li:before {
    left: 2%;
	}
}

@media only screen and (min-width: 769px) {
.logo-bar__item {
    flex: 0 1 180px;
  margin: 0 20px 30px;}
}
@media screen and (max-width: 768px) {
.logo-bar__item {
    flex: 0 1 125px;
  margin: 0 15px 45px;
}
}

    /** サイトマップ **/
.sitemap-div {
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 50px auto 100px auto;
}
.sitemap-divwak {
    width: 30%;
    padding: 0px;
    margin:15px auto 100px auto;
}
.divwak-all {
    width: 100%;
    margin:auto 15px 0px 15px;
}
.sitemap-title {
  	font-size:calc(var(--typeBaseSize)*0.88);
    border: 1px solid #393939;
    padding: 5px 10px;
    margin-bottom: 15px;
}
.sitemap-title-all {
  	font-size:calc(var(--typeBaseSize)*0.95);
    line-height:2em;
    border-bottom: dotted 1px ;
    padding: 7px 7px 4px 7px ;
    margin-bottom: 15px;
}
.sitemap-title-line {
    border-bottom: dotted 1px ;
    margin-bottom: 100px;
}
.sitemap-list {
    margin-left:10px;
    line-height:2.5em;
  	font-size:calc(var(--typeBaseSize)*0.8);
}
@media screen and (max-width: 768px) {
  .sitemap-divwak {
    width: 100%;
    margin:15px auto 50px auto;
	}
}
.sitemap-title-all {
    margin-bottom: 5px;
}
    /** サイトマップ終わり **/

    /** 特集（HH） **/
p.main-bun2{
    margin-bottom: 0px;
    text-align:center;
    padding:0 120px;
}
.image-box {
       display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0px;
  padding: 5px;
}
.image-shouhin {
  width: 32%;
  margin: 5px;
  padding: 0px;
  border: 1px solid #fff;
}
.image-shouhin p, .image-shouhin-2 p {
    margin-bottom: 0px;
}
.item-name{
    font-size: 12px;
    text-align: center;
    line-height:150%;
}
.image-shouhin img, .image-shouhin-2 img {
margin-bottom: 6px;
}
.image-shouhin-4 {
  width: 23.5%;
  margin: 5px;
  padding: 0px;
  border: 1px solid #fff;
}
.image-shouhin-4 p {
    margin-bottom: 0px;
}
.image-shouhin-4 img {
margin-bottom: 6px;
}
.entry p > img.hhc-title {
    margin-top: 30px;
    margin-bottom: 0px;
}
.entry-content {
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0px;
  padding: 5px;
	}
	.entry-hh {
	width: 48%;
    padding: 10px 40px;
	}
/** 見出しリボン1 **/
 h4.hh-ribbon-color1 {
   font-size:16px;
  line-height: 60px;
  position: relative;
  height: 60px;
  margin: 2em 50px 1em;
  padding: 0 2rem;
  text-align: center;
  background: #ffe4e1;
}
h4.hh-ribbon-color1:before, h4.hh-ribbon-color1:after {
  position: absolute;
  top: 0;
  display: block;
  height: 48px;
  content: '';
  border: 30px solid #ffe4e1;
}
h4.hh-ribbon-color1:before {
  left: -40px;
  border-left-width: 15px;
  border-left-color: #fff;
}
h4.hh-ribbon-color1:after {
  right: -40px;
  border-right-width: 15px;
  border-right-color: transparent;
}
h4.hh-ribbon-color1 span {
  position: relative;
  display: block;
}
/** 見出しリボン1終わり **/
/** 見出しリボン2 **/
 h4.hh-ribbon-color2 {
   font-size:16px;
  line-height: 60px;
  position: relative;
  height: 60px;
  margin: 2em 50px 1em;
  padding: 0 2rem;
  text-align: center;
  background: #b2d8ff;
}
h4.hh-ribbon-color2:before, h4.hh-ribbon-color2:after {
  position: absolute;
  top: 0;
  display: block;
  height: 48px;
  content: '';
  border: 30px solid #b2d8ff;
}
h4.hh-ribbon-color2:before {
  left: -40px;
  border-left-width: 15px;
  border-left-color: #fff;
}
h4.hh-ribbon-color2:after {
  right: -40px;
  border-right-width: 15px;
  border-right-color: transparent;
}
h4.hh-ribbon-color2 span {
  position: relative;
  display: block;
}
/** 見出しリボン2終わり **/

@media screen and (max-width: 768px) {
  .image-shouhin, .image-shouhin-4 {
  width: 46%;
  }
    p.main-bun2{
    padding:0 10px;
	}
  	.entry-hh {
	width: 100%;
    padding: 12px;
	}
}
    /** 特集（HH）終わり **/

    /** 登録画面 **/
.select-birthday {
      display: flex;}
select#birthday-year.input-one-third, select#birthday-month.input-one-third, select#birthday-day.input-one-third {
  flex-direction: row;
  justify-content: space-around;
}
.radio-gender {
    text-align: left;
}
    /** 登録画面終わり **/

    /* NEWS&TOPICSの記事内 */
.news-body {
 width: 100%;
}
.news-body-body {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:60px;
    padding:20px;
    justify-content: center;
    text-align:center;
}

h4.news-ranking {
      width: 100%;
    border-bottom: 3px double #b8bb25;
}

.news-date {
	border-bottom: dashed 1px ;
	text-align: center;
	}
.new-image-box {
	display: flex;
    -webkit-flex-direction: row;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	margin: auto auto 60px auto;
	padding: 5px;
}
.new-image-shouhin {
  	display: block;
	width: 200px;
	padding: 5px;
	border: 1px solid #eee;
  	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
}

.news-body-body p {
	margin-top: 5px ;
  	margin-bottom:40px;
}
.new-item-name{
    font-size: 12px;
    text-align: center;
}
.new-image-shouhin img {
	margin-bottom:0px;
}
p.news-padding10 {
    padding:10px;
}

	/* NEWS内リストの記述 */
ol.news-list {
  background: #fcfcfc;/*背景色*/
  padding: 34px 50px 34px 170px;/*ボックス内の余白*/
  border: solid 2px gray;/*線の種類 太さ 色*/
}

ol.news-list li {
  list-style: disc;
  line-height: 1.7; /*文の行高*/
  padding: 0.5em 0; /*前後の文との余白*/
}
@media screen and (max-width: 768px) {
	ol.news-list {
    padding: 30px 20px 30px 30px;/*ボックス内の余白*/
      }
}
	/* News&Topics記事用リストデザイン3 */
	ol.news-list3 {
  background: #fff;/*背景色*/
  padding: 34px 45px 34px 45px;/*ボックス内の余白*/
  border: solid 2px gray;/*線の種類 太さ 色*/
  margin: 0 0 15px 0;
}
	ol.news-list3 li {
    line-height: 1.5;
    list-style: disc;
    padding: 2.5em 0;
    list-style-type: none!important;
    border-bottom: dashed 1px silver;
}
	ol.news-list3 li:last-of-type {
    border-bottom: none;
}
	img.icon-cyuumoku {
      margin:0 15px 15px 0;
}
@media screen and (max-width: 900px) {
	ol.news-list3 {
    padding: 30px 15px 30px 15px;/*ボックス内の余白*/
	}
  	img.icon-cyuumoku {
      margin:0 15px 35px 0;
	}
  ol.news-list3 p {
    margin-left: 4.5em
  }
}
	/* News&Topics記事用リストデザイン3 終わり*/
    /* NEWS&TOPICSの記事内終了 */

    /* メインTOPページ */
.top-menu-gazou-tyuumoku {
  max-width: 260px;
  padding: 10px ;/*topicsバナー*/
  margin-bottom:15px;
}
@media screen and (max-width: 768px) {
.top-menu-gazou-tyuumoku {
    max-width: 143px;
    padding: 8px ;/*topicsバナー*/
    }
.cate-banner2 {
    width: 45%;
	}
}
.article__date {
  font-weight: bold;/*NEWS&TOPICS記事一覧の件名と日付をboldに*/
}
    /* ipadでの表示サイズ調整 */
@media only screen and (min-width:669px){
  .flex-grid__item--33{
    flex-basis:33.33%;
  }
}
    /* ipadでの表示サイズ調整 */
    /* メインTOPページ終了 */
.q-and-a {
  padding:150px;
}
.matome-2 {
  margin:20px 180px;
}
@media only screen and (max-width: 768px) {
    .q-and-a {
    padding:18px;
	}
    .matome-2 {
    margin:20px 0;
	}
  }

    /* マイアカウントページ */
table.kojin-jouhou{
  width: 100%;
  margin:20px 0 40px 0;
}
.kojin-jouhou th, .kojin-jouhou td {
 padding : 10px;
}
.kojin-jouhou th {
  width: 30%;
}
.kojin-jouhou td {
    width: 70%;
}
.grid__item[class*=--push] {
    position: relative;
}
@media only screen and (min-width: 769px) {
.medium-up--push-one-sixth {
    left: 16.66667%;
}
}
    /* マイアカウントページ終了 */


    /* 表示スピードアップ */
@font-face {
	font-family: 'Font Awesome 4.0.3';
	src:url("https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css") format("woff");
	font-display: swap;
 }
    /* 表示スピードアップ */
  p.top-text {
    text-align: center;
    font-size: calc(var(--typeBaseSize)*1);
    line-height:2em;
    margin-top:-0.6em;
    }
  
  table.loose-ditail, table.loose-pendant-ditail{
    width:100%
  }
  table.loose-ditail th {
      width: 35%;
  }
  table.loose-ditail td {
      width: 65%;
    font-weight: bold;
  }
table.loose-pendant-ditail th {
      width: 20%;
  }
  table.loose-pendant-ditail td {
      width: 40%;
    font-weight: bold;
  }
@media only screen and (max-width: 768px) {
  table.loose-pendant-ditail th {
      width: 26%;
  }
  table.loose-pendant-ditail td {
      width: 37%;
    font-weight: bold;
  }
}
.rte>div.360-view {
  display: block;
  width: 100%;
}
.longurl{word-break: break-all;}
.main-bun img {
  display: block;
  margin:auto;
}
    /* モバイル用ドロワーメニュー内SNSアイコン調整 */
.mobile-nav_social-text {
    margin: 0 0 0;
    font-size: x-small;
}
    /* モバイル用ドロワーメニュー内SNSアイコン調整終わり */

.hh-choice-3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    margin: 40px 0 40px 0;
    padding: 6px 0;
    border: 0;
}
.hh-choice-3-kobetu {
    position: relative;
    width: 44.5%;
    padding: 8px 0;
    margin: 0 8px;
}
.hh-choice-3-kobetu-yoko {
      position: relative;
    width: 100%;
    padding: 8px 0;
    margin: 0 35px;
}
.hh-choice-3-kobetu a {
    display: block;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}
.hh-choice-3-kobetu a:not(.rte__image) {
border-bottom: none;
position: absolute !important;
}
.hh-choice-3-kobetu img {
    display: block;
    margin: auto;
}
@media only screen and (max-width: 768px){
.hh-choice-3-kobetu {
    position: relative;
    width: 46.5%;
    padding: 8px 0;
    margin: 0 5px;
}
  .hh-choice-3-kobetu-yoko {
    margin: 0 6px;
    width: 100%;
}
}
    /* コラム記事用 */
.top-column-size {
    padding: 40px 20px;
    margin: 20px 0 80px 0;
	}
@media only screen and (max-width: 768px){
	.top-column-size {
    padding: 10px 0;
	}
}
.page-daiji-column {
     display: block;
     width: 100%;
     padding: 1.5em 4.5em 6em 4.5em;
     margin-top: 5em;
	 margin-left: auto;
     margin-right: auto;
}
@media only screen and (max-width: 768px){
	.page-daiji-column {
      display: block;
     width: 100%;
     padding: 0 1.5em 6em 1.5em;
     margin-top: 5em;
}
}
.column-menu {
        display: flex;
        width: 100%;
        justify-content: center;
}
.column-body {
        display: block;
        text-align:center;
}
.column-body a {
    font-weight:bold;
    font-size: calc(var(--typeHeaderSize)*0.46);
}
ol.column-list-back {
    background: #eee8aa;
    border: 0px;
    margin: 0 0 15px 0px;
}
ol.column-list {
  padding: 34px 140px 34px 140px;/*ボックス内の余白*/
}
ol.column-list li {
  line-height: 1.3;
   list-style: disc;
  padding: 1em 0;
  list-style-type: none;
  border-bottom: dashed 1px silver;
}
ol.column-list li:last-of-type {
  border-bottom: none;
}
ol.column-list li.li-multiple {
  border-bottom: none;
}

@media only screen and (max-width: 768px) {
ol.column-list {
      padding: 12px ;/*ボックス内の余白*/
	}
.column-body {
        display: block;
        width: 100%;
        }
}
 
ul.column-list2, ol.column-list2 {
  background: #fff;
  border-top: solid #fa5858 1px;/*上のボーダー*/
  border-bottom: solid #fa5858 1px;/*下のボーダー*/
  padding: 1em 1em 1.5em 1em;
  margin: 18px 10px 18px 0px;
}
ul.column-list2 li, ol.column-list2 li {
  line-height: 1.5;
  padding: 0.6em 0;
  list-style-type: none!important;/*ポチ消す*/
}
ul.column-list2-half, ol.column-list2-half {
  width:48%;
}
@media only screen and (max-width: 768px) {
ul.column-list2-half, ol.column-list2-half {
  width:100%;
}
}
.column-button {
     display: block;
     width: 100%;
     padding: 1.5em 4.5em 6em 4.5em;
     margin-top: 5em;
	 margin-left: auto;
     margin-right: auto;
}
@media only screen and (max-width: 768px){
	.column-button {
      display: block;
     width: 100%;
     padding: 0 0em 6em 0em;
     margin-top: 2em;
}
}
/* ボックス枠 */
.box-kadomaru {
    padding: 1.5em 1.5em;
    margin: 2em 0;
    font-weight: bold;
    background: #FFF;
    border: solid 2px #b8bb25;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box-kadomaru p {
    margin: 0; 
    padding: 0;
}

h1.h3-midashi-syasen {
  position: relative;
  padding: 1.5rem 1rem;
  text-align: center;
  margin: 1.5em 0 1.5em 0 ;
}
h1.h3-midashi-syasen:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fashion-coordinate {
  margin: 1.8em 1em 1.8em 1em ;
}
/* 右上見出し入りボックス枠 */
.box-midashibox1{
  background: #fff;
}
.box-midashibox1 h4{
  background: #b8bb25;
  color: #FFF;
  margin: 0;
  display: inline-block;
  padding: .4em 1em;
}
.box-midashibox1 .inner{
  padding: 2em;
}
/* 右上見出し入りボックス枠終わり */
/* リスト内spanボックス枠 */
.box-birthcolor {
 color: #FFF;  /*フォントの色*/
 padding: 10px 15px;
 margin: 8px 0;
 display: block;  /*ブロック要素に指定*/
}
.box-birthstone {
 padding: 15px 15px;
 margin: 3px 0;
 display: block;  /*ブロック要素に指定*/
}
/* リスト内spanボックス枠終わり */
    /** 希少石一覧 **/
.rare-stone-itiran-waku {
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    background: #fff;
    width: 100%;
    justify-content: center;
    margin:50px 0 100px 0;
}
.rare-stone-itiran{
    margin: 15px;
    padding: 22px;
    position: relative;
    background: #e6eae3;
    width: 46%;
}
.rare-stone-itiran .alignleft {
    margin-right: 22px;
}
.rare-stone-itiran-ex-spec {
    line-height:2em !important;
}
.rare-stone-itiran a {
    display: block;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}
.rare-stone-itiran a:not(.rte__image) {
border-bottom: none;
position: absolute !important;
}
.houseki-setsumei {margin-top:-10px;}
	/* 768px以下用の記述 */
@media only screen and (max-width: 768px) {
.rare-stone-itiran{
    margin: 15px 8px;
    padding: 16px;
    width: 45%;
    }
.rare-stone-itiran .alignleft {
    width: 100%;
    margin-bottom: 25px;
    }
.rare-stone-itiran .ft16px {
    font-size: 14px;
    }
.rare-stone-itiran img {
    display: block;
    margin: auto;
}
}
    /** 希少石一覧終わり **/
    /** back枠 **/
.page-column-mini {
     display: block;
     width: 100%;
     padding: 1.5em 4.5em 4em 4.5em;
     margin-top: 3em;
	 margin-left: auto;
     margin-right: auto;
}
@media only screen and (max-width: 768px){
	.page-column-mini {
      display: block;
     width: 100%;
     padding: 0 1.5em 6em 1.5em;
     margin-top: 5em;
}
}
    /** back終わり **/
    /** ストライプアンダーライン **/
.under-stripe{ 
  position: relative;
  padding: 0.3em;
}
.under-stripe:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: repeating-linear-gradient(-45deg, #bed3ca, #bed3ca 2px, white 2px, white 4px);
}  
    /** ストライプアンダーライン終わり **/
    
    /** 誕生石詳細TABLE **/
.birth-stone {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
 table-layout: auto;
}
.birth-stone-2 {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
 table-layout: auto;
 min-width: 800px;
}
.birth-stone tr, .birth-stone-2 tr {
 border-top: dashed 1px ;
}
.birth-stone th {
 padding: 10px;
 background: #e9faf9;
 width: 30%;
}
.birth-stone-2 th {
 padding: 10px;
 background: #e9faf9;
 width: 20%;
}
.birth-stone td, .birth-stone-2 td {
 padding: 10px 20px;
 background: #fff;
}
.table-scroll {
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    margin: 40px 0 40px 0;
    border: 0;
  overflow-x: auto;
}
@media only screen and (max-width: 768px) {
    .birth-stone td, .birth-stone-2 td {
        padding: 6px 14px !important;
    }
   .birth-stone-2 th {
 width: 15%;
}
}
    /** 誕生石詳細TABLE終わり **/
    /** 誕生石目次用BOX **/
.box-mokuji {
    margin: 2em 0;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box-mokuji .box-mokuji-title {
    font-size: 1.2em;
    background: #b8bb25;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box-mokuji p {
    padding: 15px 20px;
    margin: 0;
}
.column-midashi-h4 {margin:10em 0 3em 0;}
    /** 誕生石目次用BOX **/
    
    /** 誕生石種類例 **/
    .gazo-yoko-box {
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    background: #fff;
    width: 100%;
    justify-content: center;
    margin:40px 0 40px 0;
}
.gazo-yoko-left{
    margin: 0px;
    padding: 5px;
    display: block;
    width: 60%;
    background-repeat: norepeat;
    background-size:cover;
}
.gazo-yoko-right{
    margin: 0 0 15px 15px;
    padding: 5px;
    display: block;
    width: 35%;
}
h4.h4-gazo-yoko-box {
    font-size: 1.2em;
    font-weight: bold;
      }
.column-link-maru {
     display: block;
     width: 90%;
     padding: 1.5em 4.5em 2em 4.5em;
     margin-top: 1em;
	 margin-left: auto;
     margin-right: auto;
}
@media only screen and (max-width: 768px){
	.column-link-maru {
      display: block;
     width: 100%;
     padding: 0 1.5em 6em 1.5em;
     margin-top: 1em;
}
}
	/* 768px以下用の記述 */
@media only screen and (max-width: 768px) {
.gazo-yoko-right{
    margin: 15px 0 15px 0;
    display: block;
    width: 100%;
}
  .gazo-yoko-left{
    margin: 0;
    width: 100%;
    }
.gazo-yoko-left .alignleft {
    width: 100%;
    margin-bottom: 25px;
    }
.gazo-yoko-left .ft16px {
    font-size: 14px;
    }
}
        /** 誕生石種類例 **/
    /* コラム記事用終わり */
    
    /* コラム記事内問い合わせボタン */
.area-contact {text-align: center; }
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}
.btn-contact-copy {
  font-size: 1.4rem;
  font-weight: bold;
  position: relative;
  margin-bottom: .2em;
  text-align: center;
}
.btn-contact-copy:before {
  margin-right: 1rem;
  content: '＼';
}
.btn-contact-copy:after {
  margin-left: 1rem;
  content: '／';
} 
@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

a.btn-contact {
  font-size: 1.4rem;
  font-weight: 700;
  position: relative;
  padding: 2rem 5rem 2rem 5rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
  border-radius: 2vh;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#b8bb25),
    to(#00ecbc)
  );
  background-image: -webkit-linear-gradient(left, #b8bb25 0%, #00ecbc 100%);
  background-image: linear-gradient(to right, #b8bb25 0%, #00ecbc 100%);
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
a.btn-contact:before {
  font-size: 1.6rem;
  line-height: 1;
  position: absolute;
  top: calc(50% - 0.8rem);
  right: 1rem;
  margin: 0;
  padding: 0;
}
a.btn-contact:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  color: #fff;
}
.inline-block-contact-btn {
  display:inline-block;
}

@media only screen and (max-width: 768px){
  a.btn-contact {
  padding: 2rem 1.45rem 2rem 1.45rem;
}
.btn-contact-copy {
  font-size: 1.2rem;}
}
@media only screen and (max-width: 668px) {
.btn-contact-copy {
  font-size: 1.0rem;
    }
a.btn-contact {
  padding: 2rem 1rem 2rem 1rem;
  font-size: 1.3rem;
    }
}

    /* コラム記事内問い合わせボタン終わり */
    /* リスト内spanボックス枠終わり */
    
    /** 過去のライブ配信アーカイブ一覧 **/
.archive-itiran-waku {
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    flex-wrap: wrap;
    background: #fff;
    width: 100%;
    justify-content: center;
    margin:50px 0 100px 0;
}
.archive-itiran {
    margin: 14px 8px;
    padding: 12px;
    position: relative;
    background: #e6eae3;
    width: 47%;
}
.archive-itiran-ex-spec {
    line-height:1.6em !important;
   font-size: 0.95em;
}
.archive-itiran a {
    display: block;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}
.archive-itiran a:not(.rte__image) {
border-bottom: none;
position: absolute !important;
}
.archive-setsumei {margin-top:-10px;}

.insta-archive-symbol {
  position: relative;/*親要素にrelative*/
  margin:0 0 10px 0;}
.insta-archive-symbol p{position: absolute;/*重ねたい子要素にabsolute*/
  top:50%;
  left: 60%;
 -ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  -webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  transform: translate(-50%,-50%);/*センター寄せの修正*/
  color: #000;
  font-size: 3.5rem;
  opacity: 0.5;/*背景を透過*/
  padding: 4rem;　/*文字の周りに余白*/
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/*文字が折り返される場合*/}
img.icon-play {height:50%; width:50%;}

	/* 768px以下用の記述 */
@media only screen and (max-width: 768px) {
.archive-itiran{
    margin: 10px 4px;
    padding: 10px;
    width: 47%;
    }
.archive-itiran-ex-spec {
    line-height:1.45em !important;
   font-size: 0.85em;
}
.archive-itiran .ft16px {
    font-size: 14px;
    }
.archive-itiran img {
    display: block;
    margin: auto;
}
.insta-archive-symbol p{
  font-size: 2.3rem;
  top:50%;
  left: 50%;
}
p.news-notice {padding:15px;}
}
    /** 過去のライブ配信アーカイブ一覧終わり **/

    /** 社員採用専用ページ **/
.box-recruitment-waku {
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
  	justify-content: space-evenly;
    margin: 20px 0;
}
.box-recruitment-action {
  display: inline-block;
  height:100%;
    margin: auto 15px auto 15px;
    padding: 4em 4em;
    text-align: center;
  	font-size:calc(var(--typeBaseSize)*0.85);
    font-weight: normal;
    border: solid 3px #2f4f4f;
    background: #f5f5dc;
}
.box-recruitment-action p {
    margin: 0; 
    padding: 0;
}
.box-recruitment-action-waku > a:not(.rte__image) {
	border-bottom: 0px;}
@media screen and (max-width: 768px) {
  	.box-recruitment-action {
    padding: 3em 0.5em;
    margin: 0.5em;
  	}
}
    /** 社員採用専用ページ終わり **/