/*
Template: businesspress
Theme Name: BusinessPress Child
*/

/*全体設定*/
/*ヘッダー*/
/*フッター*/
/*トップページ*/
/*商品一覧 archive*/
/*商品詳細 singlar*/
/*About*/
/*NEWS一覧*/
/*NEWS詳細*/
/*お問い合わせ*/
/*WooCommerce関連*/
/*メディアクエリ　ブレイクポイント*/

/*-----------------------------------------------全体設定-----------------------------------------------*/
/*全体幅*/
#content {
  max-width: 100%;
  padding: 0;
}
#primary {
  margin-bottom: 0;
}

/*投稿singlar共通*/
.single .entry-content {
  width: 80vw;
  margin: auto;
  padding: 3vw 0;
}

/*固定ページ共通*/
.page_inner {
  width: 80vw;
  margin: auto;
  padding: 3vw 0;
}

.page_header_h2 .main {
  font-size: 4vw;
  color: #708991;
  line-height: 1;
  font-family: "Harenosora";
  margin-bottom: 0.6vw;
}
.page_header_h2 .sub {
  font-size: 1.6vw;
  line-height: 1;
  color: #555;
  display: flex;
  align-items: center;
}
.page_header_h2 .sub::before {
  content: "";
  width: 2vw;
  height: 2px;
  background: #333;
  display: block;
}
.page_header_h2 {
  padding-bottom: 2vw;
  border-bottom: 3px solid #708991;
  margin: 0 auto 3vw;
}


/*フォント*/

/*CormorantGaramond-Regular*/
@font-face {
	font-family: "CormorantGaramond-Regular";
	src: url("/wp-content/themes/businesspress-child/fonts/CormorantGaramond-Regular.ttf");
	font-display: swap;
}
/*CormorantGaramond-Medium*/
@font-face {
	font-family: "CormorantGaramond-Medium";
	src: url("/wp-content/themes/businesspress-child/fonts/CormorantGaramond-Medium.ttf");
	font-display: swap;
}
/*CormorantGaramond-Bold*/
@font-face {
	font-family: "CormorantGaramond-Bold";
	src: url("/wp-content/themes/businesspress-child/fonts/CormorantGaramond-Bold.ttf");
	font-display: swap;
}


/*NotoSerifJP-Regular*/
@font-face {
	font-family: "NotoSerifJP-Regular";
	src: url("/wp-content/themes/businesspress-child/fonts/NotoSerifJP-Regular.otf");
	font-display: swap;
}
/*NotoSerifJP-Medium*/
@font-face {
	font-family: "NotoSerifJP-Medium";
	src: url("/wp-content/themes/businesspress-child/fonts/NotoSerifJP-Medium.otf");
	font-display: swap;
}
/*NotoSerifJP-Bold*/
@font-face {
	font-family: "NotoSerifJP-Bold";
	src: url("/wp-content/themes/businesspress-child/fonts/NotoSerifJP-Bold.otf");
	font-display: swap;
}


div,a,p,span {
  font-family: "NotoSerifJP-Regular";
}
h1,h2,h3{
  font-family: "NotoSerifJP-Bold";
}

.black {
  color: #333;
}


/*共通メインボタン*/
.custom_btn a {
  display: flex;
  background: #00236F;
  font-family: "NotoSerifJP-Medium";
  text-decoration: none;
  line-height: 1.875;
  letter-spacing: 0.05rem;
  width: 18.4vw;
  height: 3.5vw;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #fff;
  font-size: 1vw;
  margin: auto;
}
.custom_btn a img {
  position: absolute;
  top: 50%;
  left: 1.6vw;
  transform: translateY(-50%);
  width: 1.5vw;
}


/*トップへ戻る*/
.back-to-top:hover {
  background: #555;
}
.back-to-top {
  border-radius: 50%;
  transition: all 0.3s;
}
.back-to-top:before {
  position: absolute;
  content: "↑";
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%) scaleY(1);
  transition: all 0.3s;
  font-family: "Lato-Regular";
}
.back-to-top::after {
  position: absolute;
  content: "PAGE TOP";
  top: -5.6vw;
  left: 1.4vw;
  writing-mode: vertical-rl;
  width: 0;
  height: 6vw;
  font-size: 1.1vw;
  opacity: 0;
  transition: all 0.3s;
  transform: translateY(-300%);
}
.back-to-top:hover:after {
  opacity: 1;
  transform: translateY(0);
}
.back-to-top:hover::before {
  opacity: 1;
  transform: translate(-49%,-124%) scaleY(2.4);
}

.modal{
  display: none;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100%;
  left: 0;
  z-index: 999;
}
.modal_bg{
  position: absolute;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
}
/* モーダル本体 */
.modal_content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 85%;
  width: 55%;
  background: white;
  padding: 1vw 2vw;
}
/* モーダルウィンドウ表示中に記事本体を固定 */
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

.custom_btn a.js_modal_open {
  background: #fff;
}
.custom_btn a.js_modal_open img {
  width: 3.5vw;
}

.vide_wrap {
  position: relative;
  padding-top: 56.25%;
  margin-bottom: 2vw;
}
.vide_wrap video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*-----------------------------------------------ヘッダー-----------------------------------------------*/
#masthead {
  margin-bottom: 0;
  position: relative;
}
.main-header {
  padding: 0;
}
.main-header-content {
  max-width: 100%;
  padding: 0 2vw;
  align-items: stretch;
}
.main-header-clone .main-header-content {
  align-items: stretch;
}
.site-branding {
  padding: 1vw 0;
}
.main-header-original .site-logo img {
  width: 18vw;
}
.main-header-clone .site-logo img {
  width: 15vw;
}

/*ナビゲーション*/
.main-navigation {
  line-height: 1;
}

/*メインナビゲーション*/
.header_main_menu {
  display: flex;
  width: auto;
  margin-left: auto;
  margin-right: 1vw;
  box-sizing: border-box;
  flex-wrap: wrap;
}
.header_main_menu_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 1.8vw;
}
.header_main_menu_item a {
  text-decoration: none;
  color: #777;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 1vw;
}

/*ヘッダーカテゴリー*/
.header_cat_container {
  display: flex;
  justify-content: center;
  gap: 4vw;
  position: absolute;
  top: -300%;
  left: 0;
  z-index: 999;
  display: none;
  background: #ffffffd9;
  width: 100%;
  transition: all 0.3s;
  padding: 2vw 0;
  animation-name: fadeInAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
  box-shadow: 0px 4px 5px 0px #ddd;
}
@keyframes fadeInAnime{
  from {
    opacity: 0;
    transform: translateY(-100%);
  }

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

.header_main_menu_item.cat:hover + .header_cat_container,.header_cat_container:hover {
  display: flex;
  top: 100%;
  z-index: 9999;
}

.header_main_menu_item.cat {
  position: relative;
}
.header_main_menu_item.cat i {
  position: absolute;
  top: 50%;
  right: 0.8vw;
  transform: translateY(-50%);
  color: #777;
  font-size: 1vw;
}

/*ヘッダーカテゴリーメガメニュー*/
.header_cat_group_title {
  font-size: 2vw;
  line-height: 1;
  padding-bottom: 0.2vw;
  margin-bottom: 1vw;
  display: flex;
  align-items: center;
}
.header_cat_group_title i {
  font-size: 1.4vw;
  align-items: center;
  margin-right: 0.6vw;
}
.header_cat_item_wrap {
  padding-left: 0.5vw;
}
.header_cat_item a {
  text-decoration: none;
  color: #555;
  display: block;
}
.header_cat_item a:hover {
  color: #888;
}

.header_cat_group_title a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.header_cat_group_title a img {
  width: 3vw;
  margin-right: 0.4vw;
}
.header_cat_group_title span {
  border-bottom: 3px solid #555;
}

/*サブナビゲーション*/
.header_sub_menu {
  display: flex;
  gap: 2vw;
  align-items: center;
}
.header_sub_menu i {
  color: #333;
  font-size: 1.5vw;
}
.header_sub_menu i:hover {
  opacity: 0.8;
}
/*検索*/
.header_search_button {
  cursor: pointer;
}
.header_search_button:hover {
  opacity: 0.8;
}

.header_search_form {
  position: absolute;
  top: 100%;
  z-index: 999;
  width: 100%;
  background: #fff;
  display: none;
}

.main-header-clone .header_search_form {
  top: -100%;
}
.main-header-clone-show .header_search_form {
  top: 100%;
}

.header_search_form_wrap {
  display: flex;
  align-items: center;
  width: 40vw;
  margin-left: auto;
  padding: 0 2vw;
  box-sizing: border-box;
}
.header_search {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
.header_search .input {
  flex-grow: 1;
  margin: 0 1vw;
}
.header_search .input input {
  width: 100%;
  margin: 0;
}
.header_search button {
  background: #fff;
  color: #777;
}
.header_search_form_wrap i {
  font-size: 1.8vw;
  line-height: 1;
  color: #777;
}

/*カートアイコン*/
.header_cart_button {
  position: relative;
}
.cart_num {
    position: absolute;
    top: -0.4vw;
    right: -1.1vw;
}
.cart_num a {
  text-decoration: none;
}
.cart_num a:hover {
  color: #fff;
  opacity: 0.9;
}
.cart_num a span {
    color: #fff;
    text-decoration: none;
    background: #d02b2b;
    border-radius: 50%;
    display: block;
    width: 0.8vw;
    height: 0.8vw;
    line-height: 1;
    font-size: 0.8vw;
    text-align: center;
    padding: 0.3vw;
    font-family: "NotoSerifJP-Regular";
}
.woocommerce-Price-amount * {
  font-family: "NotoSerifJP-Regular";
}

.about_table * {
  font-family: "NotoSerifJP-Regular";
}


/*-----------------------------------------------フッター-----------------------------------------------*/
/*下部問い合わせ*/
.bottom_contact {
  padding: 4.2vw 0;
  text-align: center;
  position: relative;
  background: linear-gradient(#00236f 0%, #001749 100%);
  color: #fff;
}

.bottom_contact_title {
  font-size: 2.6vw;
  line-height: 1.2;
  margin-bottom: 1.9vw;
  letter-spacing: 0.1rem;
}
.bottom_contact_caption {
  font-size: 1.3vw;
  margin-bottom: 2.6vw;
  line-height: 1.714;
  letter-spacing: 0.05rem;
}
.bottom_contact_contents {
  display: flex;
  justify-content: space-between;
  width: 43.4vw;
  margin: auto;
  align-items: center;
}
.bottom_contact_tel {
  width: 21vw;
}

.bottom_contact_tel_num {
  display: flex;
  align-items: baseline;
  margin-bottom: 0.6vw;
}
.bottom_contact_tel_num span {
  font-family: "NotoSerifJP-Medium";
  font-size: 2.8vw;
  letter-spacing: 0.045rem;
  line-height: 1;
}
.bottom_contact_tel_num img {
  width: 1.7vw;
  margin-right: 0.4vw;
}
.bottom_contact_tel_caption {
  font-family: "NotoSerifJP-Medium";
  line-height: 1.428;
  font-size: 0.9vw;
}
.bottom_contact_mail {
  width: 20.5vw;
  height: 4.2vw;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bottom_contact_mail img {
  width: 1.5vw;
  margin-right: 1.5vw;
}
.bottom_contact_mail span {
  line-height: 1.437;
  font-size: 1vw;
  letter-spacing: 0.1rem;
}
.bottom_contact_mail a {
  text-decoration: none;
  color: #333333;
  display: flex;
  align-items: center;
}

.footer_contents {
  background: #4f4c4c;
  padding: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  color: #fff;
  gap: 3vw;
}
.footer_contents a {
  color: #fff;
  text-decoration: none;
}

.footer_company {
  padding: 4vw 2vw;
}
.footer_logo {
  margin-bottom: 1vw;
}
.footer_logo img {
  width: 20vw;
}

.footer_data {
  font-size: 0.9vw;
  line-height: 1.6;
  margin-bottom: 1vw;
}
.footer_data .address, .footer_data .tel {
  font-family: "NotoSerifJP-Regular";
}

.footer_menu {
  padding: 4vw 2vw;
  transition: all 0.5s;
  position: relative;
  z-index: 999;
}
.footer_menu:before {
  background: #666262;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  content: "";
  transition: all 0.5s;
  z-index: -1;
}
.footer_menu:hover:before {
  height: 100%;
}
.footer_menu a:hover {
  color: #111;
}

.footer_menu_title {
  border-left: 6px solid #fff;
  padding-left: 0.8vw;
  font-size: 1.2vw;
  line-height: 1.2;
  margin-bottom: 1vw;
}
.footer_menu_group {
  width: 8vw;
}
.footer_menu_group_title {
  font-size: 1.1vw;
}
.footer_menu_item a {
  font-size: 1vw;
  display: block;
  text-decoration: none;
}

.footer_menu .group_a {
  margin-bottom: 1vw;
}


/*フッターSNS*/
.footer_sns {
  display: flex;
  gap: 0.6vw;
}

.footer_sns_btn {
  width: 10vw;
  height: 3vw;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none;
  position: relative;
  background-color: transparent;
  transition: .2s cubic-bezier(0.19, 1, 0.22, 1);
  opacity: 0.6;
  font-size: 1vw;
  background: #333;
}
.footer_sns_btn::after {
  content: '';
  border-bottom: 3px double rgb(24, 119, 242);
  width: 0;
  height: 100%;
  position: absolute;
  margin-top: -5px;
  top: 0;
  left: 5px;
  visibility: hidden;
  opacity: 1;
  transition: .2s linear;
}
.footer_sns_btn .icon {
  transform: translateX(0%);
  transition: .2s linear;
  animation: attention 1.2s linear infinite;
}
.footer_sns_btn:hover::after {
  visibility: visible;
  opacity: 0.7;
  width: 90%;
}
.footer_sns_btn:hover {
  letter-spacing: 2px;
  opacity: 1;
}
.footer_sns_btn:hover > .icon {
  transform: translateX(30%);
  animation: none;
}
@keyframes attention {
  0% {
    transform: translateX(0%);
  }

  50% {
    transform: translateX(30%);
  }
}
.footer_sns_btn i {
  margin-left: 0.4vw;
}


.footer_copyright {
  text-align: center;
  background: #373535;
  font-size: 1vw;
  padding: 0.2vw 0;
  color: #fff;
}

/*-----------------------------------------------トップページ-----------------------------------------------*/
/*全体*/


/*ローディングアニメーション*/
/*ローディング全体*/
.loading {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100vh;
  background: #fff;
  transition: all 0.3s;
}
.loading.hide {
  opacity: 0;
  pointer-events: none;
}

.loading_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

/*アニメーション本体*/
.fulfilling-bouncing-circle-spinner, .fulfilling-bouncing-circle-spinner * {
	box-sizing: border-box;
}

.fulfilling-bouncing-circle-spinner {
	height: 60px;
	width: 60px;
	position: relative;
	animation: fulfilling-bouncing-circle-spinner-animation infinite 4000ms ease;
}

.fulfilling-bouncing-circle-spinner .orbit {
	height: 60px;
	width: 60px;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	border: calc(60px * 0.03) solid #00236F;
	animation: fulfilling-bouncing-circle-spinner-orbit-animation infinite 4000ms ease;
}

.fulfilling-bouncing-circle-spinner .circle {
	height: 60px;
	width: 60px;
	color: #00236F;
	display: block;
	border-radius: 50%;
	position: relative;
	border: calc(60px * 0.1) solid #00236F;
	animation: fulfilling-bouncing-circle-spinner-circle-animation infinite 4000ms ease;
	transform: rotate(0deg) scale(1);
}

@keyframes fulfilling-bouncing-circle-spinner-animation {
	0% {
		transform: rotate(0deg);
	}
	
	100% {
		transform: rotate(360deg);
	}
}

@keyframes fulfilling-bouncing-circle-spinner-orbit-animation {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1);
	}
	62.5% {
		transform: scale(0.8);
	}
	75% {
		transform: scale(1);
	}
	87.5% {
		transform: scale(0.8);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes fulfilling-bouncing-circle-spinner-circle-animation {
	0% {
		transform: scale(1);
		border-color: transparent;
		border-top-color: inherit;
	}
	16.7% {
		border-color: transparent;
		border-top-color: initial;
		border-right-color: initial;
	}
	33.4% {
		border-color: transparent;
		border-top-color: inherit;
		border-right-color: inherit;
		border-bottom-color: inherit;
	}
	50% {
		border-color: inherit;
		transform: scale(1);
	}
	62.5% {
		border-color: inherit;
		transform: scale(1.4);
	}
	75% {
		border-color: inherit;
		transform: scale(1);
		opacity: 1;
	}
	87.5% {
		border-color: inherit;
		transform: scale(1.4);
	}
	100% {
		border-color: transparent;
		border-top-color: inherit;
		transform: scale(1);
	}
}

/*トップ動画*/
.home_video_wrap {
  position: relative;
  aspect-ratio: 16/9;
}
.home_video_wrap video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*FV*/
.home_fv {
  padding-bottom: 5.3vw;
  box-sizing: border-box;
}
.slide_fv .swiper-pagination {
  position: relative;
  bottom: 3vw;
}

.slide_fv .slide_image_wrap img {
  width: 100%;
  object-fit: cover;
}

.swiper-pagination-bullet-active {
  background: #555;
}

/*コピー*/
.home_copy {
  margin-bottom: 12vw;
}
.home_copy_container {
  display: flex;
  width: 75vw;
  margin: auto;
  justify-content: space-between;
}
.home_copy_item.left {
  width: 32.875vw;
  box-sizing: border-box;
}
.home_copy_item.left img {
  width: 100%;
}
.home_copy_item.right {
  width: 36.625vw;
  box-sizing: border-box;
  padding: 4vw 0;
}
.home_h2 {
  font-size: 3.4vw;
  line-height: 1.218;
  margin-bottom: 3vw;
  font-family: "CormorantGaramond-Regular";
  font-weight: bold;
  letter-spacing: 0.1rem;
  padding-bottom: 2vw;
  position: relative;
}
.home_h2:after {
  content: "";
  display: block;
  width: 4vw;
  height: 2px;
  background: #C7AB55;
  position: absolute;
  bottom: 0;
}
.home_copy_text {
  font-size: 1.6vw;
  line-height: 1.6;
  letter-spacing: 0.2vw;
  font-family: "Harenosora";
}
.home_copy_text .emphasis {
  font-family: "Harenosora";
  display: block;
  font-size: 1.7vw;
}

.home_copy_text1 {
  font-family: "NotoSerifJP-Medium";
  line-height: 1.666;
  font-size: 1.5vw;
  color: #00236F;
  margin-bottom: 1.5vw;
}
.home_copy_text1 .emphasis {
  font-size: 2.4vw;
  font-weight: bold;
}
.home_copy_text2 {
  line-height: 2;
  font-size: 1vw;
  margin-bottom: 3vw;
}


.home_tab_copy {
  border: 4px solid #d5c07f;
  width: 55vw;
  margin: 0 auto 4vw;
  padding: 2vw 1vw;
}


.tv {
  margin: 8vw 0;
}
.tv_contents {
  text-align: center;
  font-size: 2vw;
}



/*About動画*/
.home_copy_item .home_h2 {
  display: flex;
  align-items: center;
}
.home_copy_item .home_h2 img {
  width: 7.2vw;
  display: block;
  margin-left: 2vw;
  background: #fff;
  border: 3px solid #00236f;
  padding: 0.6vw 1.6vw;
  box-sizing: border-box;
}

#modal01 {
  text-align: center;
}
#modal01 .js_modal_close {
  background: #00236f;
  color: #fff;
  text-decoration: none;
  font-size: 2vw;
  padding: 0.4vw 1vw 0.2vw;
}


/*スペシャルセクション*/
.home_special {
  margin-bottom: 5.7vw;
}

.home_special_container {
  display: flex;
}
.home_special_item {
  width: 50%;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
}
.home_special_item:hover {
  opacity: 0.8;
}

.home_special_contents {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  width: 30vw;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 3px solid #ddd;
  box-shadow: 0px 2px 0px 0px #999;
}
.home_special_title_main {
  font-size: 2.6vw;
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  margin-bottom: 0.7vw;
  line-height: 1.214;
  letter-spacing: 0.1rem;
}
.home_special_title_sub {
  font-size: 1vw;
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  line-height: 1.75;
  text-align: left;
}

.home_special_item:before {
  content: "";
  display: block;
  padding-top: 80%;
}
.home_special_item img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.9) contrast(120%);
  transition: all 0.6s;
}
.home_special_item:hover img {
  transform: scale(1.1);
}


/*商品タブ*/
.home_tab .home_h2 {
  text-align: center;
  margin: 0 auto 2.6vw;
}
.home_tab .home_h2:after {
  left: 50%;
  transform: translateX(-50%);
}

.home_tab_caption {
  text-align: center;
  font-size: 1.5vw;
  margin-bottom: 3.3vw;
  line-height: 1.333;
  letter-spacing: 0.1rem;
  color: #00236F;
}
.home_tab_caption .emphasis {
  display: block;
  font-family: "NotoSerifJP-Regular";
  font-weight: bold;
  line-height: 1.6;
  font-size: 2.1vw;
  letter-spacing: 0.1rem;
  margin: 2vw auto 2.6vw;
  width: 43vw;
}


.home_product_item:not(.panel.active .home_product_item) {
  display: none;
}

/*タブ切り替え時アニメーション用*/
.home_product_item.show {
  opacity: 0;
}
.home_product_item.show {
  animation-name: fadeUpAnime;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}
#ring_item1.show {
  animation-delay: 0.3s;
}
#ring_item2.show {
  animation-delay: 0.6s;
}
#ring_item3.show {
  animation-delay: 0.9s;
}
#ring_item4.show {
  animation-delay: 1.2s;
}
#ring_item5.show {
  animation-delay: 1.5s;
}

#necklace_item1.show {
  animation-delay: 1.8s;
}
#necklace_item2.show {
  animation-delay: 2.1s;
}
#necklace_item3.show {
  animation-delay: 2.4s;
}
#necklace_item4.show {
  animation-delay: 2.7s;
}
#necklace_item5.show {
  animation-delay: 3.0s;
}

#earrings_item1.show {
  animation-delay: 3.3s;
}
#earrings_item2.show {
  animation-delay: 3.6s;
}
#earrings_item3.show {
  animation-delay: 3.9s;
}
#earrings_item4.show {
  animation-delay: 4.2s;
}
#earrings_item5.show {
  animation-delay: 4.5s;
}


.home_tab {
  padding-top: 6vw;
}
.panel {
  display: none;
  box-sizing: border-box;
}
.panel.active {
  display: block;
}
.tab:hover {
  opacity: 0.8;
}
.tab.active:hover {
  opacity: 1;
}

.home_tab_container {
  margin: 0;
}
/*タブ制度採用時まで非表示*/
.tab_area {
  display: flex;
  gap: 2vw;
  margin: 0 2vw;
  position: relative;
  z-index: 0;
	display: none;
}
.tab {
  background: #9b9b9c;
  padding: 1vw 3vw;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  font-size: 1.8vw;
  color: #fff;
  transition: all 0.3s;
  border-top: 10px solid #9b9b9c;
  clip-path: polygon(0% 100%, 3% 0%, 97% 0%, 100% 100%);
}
.tab.active {
  background: #eff0f2;
  color: #333;
  border-top: 10px solid #555;
}
.panel_area {
  position: relative;
  z-index: 1;
}


/*商品タブ内*/
.home_product_group {
  padding-bottom: 4.5vw;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #DDD;
  padding-top: 3.9vw;
}
.home_product_group:first-child {
  padding-top: 0;
}
.home_product_group:last-child {
  border-bottom: 0;
}

.home_product_group .custom_btn.product_link {
  margin: 3.4vw 0 0;
}

.home_product_item .item_price {
  line-height: 2.285;
  font-size: 1vw;
  font-family: "NotoSerifJP-Regular";
  text-align: center;
}

.home_h3 {
  margin: 0 0 1vw;
  font-family: "CormorantGaramond-Regular";
  line-height: 1.2;
  font-size: 3.1vw;
  text-align: center;
}

.home_product_more {
  position: absolute;
  top: 1vw;
  right: 1vw;
}
.home_product_more a {
  text-decoration: none;
  color: #111;
  position: relative;
  z-index: 1;
  font-size: 1.2vw;
}
.home_product_more a:hover {
  color: #7e9ba5;
}
.home_product_more a:before {
  content: "";
  position: absolute;
  bottom: -0.3vw;
  left: 0;
  width: 2vw;
  height: 3px;
  background: #b1dae7;
  z-index: 0;
  transition: all 0.3s
}
.home_product_more a:hover:before {
  width: 95%;
}
.home_product_more i {
  color: #b1dae7;
  transition: all 0.3s;
}
.home_product_more a:hover i {
  transform: translateX(0.5vw);
}

.home_product_item {
  margin: 0 1.7vw;
  box-sizing: border-box;
}

.home_product_item .item_image {
  position: relative;
  margin-bottom: 0.4vw;
}
.home_product_item .item_image:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.home_product_item .item_image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}

.home_product_item:hover img {
  box-shadow: 0px 5px 6px 0px #ccc;
  transform: translateY(-0.3vw);
}

.home_product_item .item_title a {
  font-size: 1vw;
  color: #00236F;
  text-decoration: none;
  display: block;
  line-height: 2;
  font-family: "NotoSerifJP-Regular";
  text-align: center;
}

.home_product_item .item_price {
  line-height: 2.285;
  font-size: 1vw;
  font-family: "NotoSerifJP-Regular";
  text-align: center;
}



/*NEWS*/
.home_news {
  padding: 5.2vw 0 3.8vw;
  box-sizing: border-box;
  background: #F6F6F6;
}
.home_news_inner {
  width: 75vw;
  margin: auto;
  display: flex;
  gap: 2vw;
  box-sizing: border-box;
  justify-content: space-between;
}

.home_news_header {
  width: 12vw;
}

.home_news_title {
  text-align: center;
  font-size: 3.1vw;
  line-height: 1.2;
  letter-spacing: 0.1rem;
}

.home_news_container {
  width: 49vw;
  margin-bottom: 2.5vw;
}

.home_news_archive {
  display: flex;
}
.home_news_archive a {
  color: #00236F;
  background-color: transparent;
  cursor: pointer;
  font-size: 1vw;
  line-height: 2;
  font-family: "NotoSerifJP-Regular";
  margin-top: auto;
}
.home_news_archive a:hover {
  color: #555;
}

.home_news_item {
  display: flex;
  margin-bottom: 1vw;
}

.home_news_item a {
  display: flex;
  text-decoration: none;
  color: #555;
  flex-grow: 1;
  position: relative;
  z-index: 1;
}
.home_news_item a:hover {
  color: #555;
}
.home_news_item a:hover i {
  transform: translateX(0.6vw);
}
.home_news_item a:before {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  background: #f2f2f2;
  z-index: -1;
  transition: all 0.3s;
  border-radius: 15px;
}
.home_news_item a:hover:before {
  width: 100%;
}

.home_news_contents {
  width: 40vw;
}
.home_news_item_date {
  font-size: 1vw;
  display: flex;
  line-height: 2;
  margin-bottom: auto;
  font-family: "NotoSerifJP-Regular";
}
.home_news_item_date:after {
  content: "";
  background: #ddd;
  width: 1px;
  height: 100%;
  display: block;
  margin: 0 1vw;
}
.home_news_item_title {
  font-size: 1vw;
  line-height: 2;
  font-family: "NotoSerifJP-Regular";
}
.home_news_item_description p {
  margin: 0;
}

.home_news_more {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.home_news_more i {
  color: #b1dae7;
  font-size: 2vw;
  transition: all 0.3s;
}

/*-----------------------------------------------商品一覧 archive-----------------------------------------------*/
/*カート追加ボタン非表示*/
.woocommerce ul.products li.product .button {
  display: none;
}

.woocommerce-products-header {
  width: 80vw;
  margin: auto;
}
.woocommerce .woocommerce-result-count {
  margin-left: 10vw;
}
.woocommerce .woocommerce-ordering {
  margin-right: 10vw;
}
.woocommerce ul.products {
  width: 80vw;
  margin: auto;
}
.archive.woocommerce ul.products li.product .button {
  display: none;
}

.woocommerce ul.products li.product a img {
  margin-bottom: 0;
}

.woocommerce ul.products li.product a img {
  margin-bottom: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  font-family: "Lato-Regular","NotoSansJP-Regular";
  padding: 0.4vw 0.4vw 0;
}
.woocommerce ul.products li.product .price {
  font-size: 1vw;
  margin: 0;
  padding: 0 0.4vw 0;
}
.attachment-woocommerce_thumbnail{
  transition: all 0.3s;
}
.woocommerce ul.products li.product:hover .attachment-woocommerce_thumbnail {
  box-shadow: 0px 5px 6px 0px #ccc;
  transform: translateY(-0.5vw);
}

/*-----------------------------------------------商品詳細 singlar-----------------------------------------------*/
/*商品購入ページ*/
/*全体*/
.single-product .entry-header {
  display: none;
}

/*標準の画像サムネイル＋ギャラリー非表示*/
.woocommerce-product-gallery {
  display: none;
}

/*画像ギャラリー*/
.slide_product_main {
  margin-bottom: 0.4vw;
}

.product_image .slide_image_wrap img {
  width: 100%;
}
.swiper-button-next, .swiper-button-prev {
  color: #777;
}
.swiper-button-next::after, .swiper-button-prev::after {
  font-size: 1.8vw;
  font-weight: ;
}
.swiper-button-prev {
  left: 0;
}
.swiper-button-next {
  right: 0;
}


/*トリミング*/
.product_image .slide_image_wrap {
  position: relative;
}
.product_image .slide_image_wrap:before {
  content: "";
  display: block;
  padding-top: 150.037%;
}
.product_image .slide_image_wrap img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/*スライダーサムネイル*/
.slide_product_thumbnail .slide_image_wrap {
  border: 1px solid #ddd;
  margin: 3px;
  transition: all 0.3s;
  position: relative;
}
.slide_product_thumbnail .slide_image_wrap:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 50%;
  width: 10%;
  height: 3px;
  opacity: 0;
}
.swiper-slide-thumb-active .slide_image_wrap {
  border-color: #999;
}
.swiper-slide-thumb-active .slide_image_wrap::after {
  content: "";
  display: block;
  background: #b1dae7;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: all 0.3s;
  opacity: 1;
}

.popup_caption {
  position: absolute;
  bottom: 1vw;
  z-index: 999;
  left: 50%;
  font-size: 1vw;
  color: #777;
  transform: translateX(-50%);
}


/*右側詳細説明summary*/
/*商品カテゴリー*/
.product_cat a {
    font-size: 1vw;
    text-decoration: none;
    color: #fff;
    line-height: 1;
    padding: 0.2vw 0.6vw;
}
.product_cat a:hover {
    color: #fff;
    opacity: 0.8;
}
a.label_earrings {
    background: #ebafaf;
}
a.label_necklace {
    background: #a6c0e1;
}
a.label_ring {
    background: #9ed5b8;
}
a.label_set {
    background: #e3cc95;
}

/*タイトル*/
.product_item_title {
  font-size: 1.5vw;
  border-bottom: 2px solid #111;
  font-family: "NotoSerifJP-Regular";
  color: #111;
  padding-bottom: 0.2vw;
  margin: 0.6vw auto 1vw;
}
/*金額*/
.woocommerce div.product p.price, .woocommerce div.product span.price {
  font-size: 2vw;
  margin-bottom: 1vw;
}
.price span, input {
  font-family: "NotoSerifJP-Regular";
}

.woocommerce-variation-add-to-cart {
  display: flex;
  align-items: center;
}
.woocommerce div.product form.cart div.quantity {
  margin-top: 2px;
}

.variations .label {
  width: 7vw;
}

/*カスタマイズ・フォームセクション*/
.variations_form.cart {
  padding: 1vw 2vw 2vw;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.variations .label {
  background: none;
  font-size: 1vw;
  text-align: center;
  padding: 1vw 1vw 1vw 0;
  vertical-align: middle !important;
}

/*商品の詳細　仕様*/
.products_detailed {
  margin-top: 1vw;
}
.products_detailed_title {
  font-size: 1vw;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0.7vw;
}
.products_detailed_item {
  display: flex;
  margin-bottom: 0.4vw;
}
.products_detailed_label {
  width: 8vw;
  background: #eee;
  text-align: center;
  padding: 1.2vw 0.6vw;
  margin-right: 0.6vw;
  line-height: 1.1;
}
.products_detailed_field {
  display: flex;
  align-items: center;
  padding-left: 1vw;
}

.products_detailed_field {
  font-family: "NotoSerifJP-Regular";
}


/*カスタム画像*/
.custom_image_item {
  display: none;
}
.custom_image_item.active {
  display: block;
}

/*商品ページレイアウト*/
.woocommerce .woocommerce-breadcrumb {
  margin: 1vw auto 0;
  width: 80vw;
}
.single-product .product {
  width: 80vw;
  margin: auto;
  padding: 2vw 0 3vw;
}
.single-product .product_image_summary {
  display: flex;
  margin-bottom: 3vw;
}
.product_image_container {
  width: 50%;
  padding: 0 4vw;
  box-sizing: border-box;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  float: none;
  width: 100%;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
  float: none;
  width: 50%;
}

.woocommerce-tabs {
  width: 100%;
}


/*お直しキャプション*/
.repair_caption {
  color: #d00;
}

/*追加情報非表示*/
.woocommerce-tabs.wc-tabs-wrapper {
  display: none;
}



/*-----------------------------------------------ABOUT-----------------------------------------------*/



/*-----------------------------------------------NEWS一覧-----------------------------------------------*/
.news_page_navi {
  display: flex;
  justify-content: center;
  gap: 1vw;
  align-items: center;
}
.news_page_navi a {
  text-decoration: none;
  font-size: 1.6vw;
  color: #fff;
  background: #555;
  line-height: 1;
  border-radius: 50%;
  width: 2vw;
  height: 2vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.6vw;
}
.news_page_navi a:hover {
  background: #999;
}
.news_page_navi span {
  font-size: 1.6vw;
  color: #fff;
  background: #999;
  line-height: 1;
  border-radius: 50%;
  width: 2vw;
  height: 2vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.6vw;
}


/*-----------------------------------------------NEWS詳細-----------------------------------------------*/
.single .entry-header {
  width: 70vw;
  margin: auto;
}
.single .entry-header {
  padding-top: 3vw;
}
.single .entry-content {
  padding-bottom: 3vw;
}
.single .entry-title {
  display: none;
}
.single .entry-content p {
  font-size: 1vw;
  line-height: 1.6;
}

.post_nav_container {
  background: #f0ebeb;
}
.navigation.post-navigation {
  margin-bottom: 0;
}
.nav-links {
  display: flex;
  justify-content: center;
}
.post-navigation a {
  display: block;
  padding: 3vw 0;
}
.post-navigation .nav-previous,.post-navigation .nav-next {
  padding: 2vw;
  box-sizing: border-box;
  width: 50%;
  float: none;
  text-align: center;
}
.post-navigation .nav-previous:hover, .post-navigation .nav-next:hover {
  background: #f2f2f2;
}

.post_nav_btn {
  padding: 3vw 0;
  text-align: center;
  border-top: 2px dashed #ddd;
  box-sizing: border-box;
}
.post_nav_btn:hover {
  background: #f2f2f2;
}


/*お問い合わせ*/
/*---------------------------------------------お問い合わせ---------------------------------------------*/
.wpcf7 {
  width: 50vw;
  margin: auto;
}
.contact_item {
  margin-bottom: 3vw;
}
.contact_label {
  display: flex;
  align-items: center;
  line-height: 1;
  margin-bottom: 1vw;
}
.label_required {
  background: #54A6C5;
  color: #fff;
  padding: 0.3vw 0.6vw;
  font-size: 1vw;
  margin-right: 0.8vw;
}
.label_text {
  font-size: 1.4vw;
  padding-bottom: 0.1vw;
  font-weight: bold;
}
.contact_input input {
  margin-top: 0;
  padding: 1vw;
  width: 100%;
}
.contact_input textarea {
  width: 100%;
  max-width: 100%;
}

.contact_submit_container {
  text-align: center;
}
.contact_submit input {
  background: #54A6C5;
  width: 20vw;
  border-radius: 25px;
  font-weight: bold;
}

.contact_submit {
  display: inline-block;
  position: relative;
}
.contact_submit i {
  position: absolute;
  right: 1vw;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  font-size: 1vw;
}
.wpcf7-spinner {
  position: absolute;
}


/*-----------------------------------WooCommerce関連-----------------------------------*/
/*会員登録・ログイン*/
#customer_login h2 {
  margin: 0;
}

/*マイアカウント　会員ページ*/
.my-account .woocommerce {
  display: flex;
  box-shadow: 2px 2px 5px 2px #aaa;
}
.woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  border-right: 1px solid #ddd;
}
.woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 0.3vw 1vw;
  color: #fff;
  text-decoration: none;
  transition: none;
}
.woocommerce-MyAccount-navigation li {
  border-top: 1px solid #fff;
}
.woocommerce-MyAccount-navigation li:first-child {
  border-top: 0;
}
.woocommerce-MyAccount-navigation li a:hover {
  background: #596266;
}
.woocommerce-account .woocommerce-MyAccount-content {
  float: none;
  width: 70vw;
  padding: 2vw;
  box-sizing: border-box;
  background: #fff;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  float: none;
  width: 30vw;
  background: #373c3e;
}

/*カート追加ボタン*/
.woocommerce a.button.alt.checkout-button,.woocommerce button.button.alt {
  background: linear-gradient(180deg, rgba(21,176,204,1) 0%, rgba(19,100,154,1) 100%);
  background-color: rgba(0, 0, 0, 0);
  position: relative;
}
.woocommerce a.button.alt.checkout-button:hover,.woocommerce button.button.alt:hover {
  opacity: 0.9;
}
.woocommerce a.button.alt.checkout-button::after {
  right: 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f218";
  position: absolute;
  top: 50%;
  right: 1vw;
  transform: translateY(-50%);
  font-size: 2vw;
  transition: all 0.3s;
}
.woocommerce a.button.alt.checkout-button:hover:after {
  transform: translateY(-60%);
  filter: drop-shadow(3px 3px 3px #333);
}

/*ステップバー*/
.stepBar {
  display: flex;
  max-width: 60vw;
  position: relative;
  margin: 1vw auto 3vw;
  text-align: center;
}
.stepBar li {
  font-size: 1.1vw;
  list-style: none;
  position: relative;
  width: calc(100% / 3);
}
.stepBar li:after {
  background: #555;
  content: "";
  width: calc(100% - 2vw);
  height: 4px;
  position: absolute;
  left: calc(-50% + 1.5vw);
  top: 1.4vw;
  z-index: -1;
}
.stepBar li:first-child:after {
  display: none;
}
.stepBar li span {
  background: #474747;
  color: #ffffff;
  display: inline-block;
  height: 3vw;
  margin-bottom: 5px;
  width: 3vw;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  line-height: 2.8vw;
  font-size: 1.4vw;
  font-family: "NotoSerifJP-Regular";
}
.stepBar .visited:after {
  background: #8e8042;
}
.stepBar .visited span {
  background: #8e8042;
}
.stepBar .visited {
  color: #8e8042;
}

/*フォント調整*/
.cart_item * {
  font-family: "NotoSerifJP-Regular";
}
.cart_totals * {
  font-family: "NotoSerifJP-Regular";
}
.single-product .product_image_summary p {
  font-family: "NotoSerifJP-Regular";
}
.woocommerce-breadcrumb, .woocommerce-breadcrumb a {
    font-family: "NotoSerifJP-Regular";
}
.jp4wc-law * {
  font-family: "NotoSerifJP-Regular";
}
.woocommerce div.product form.cart .variations select {
  font-family: "NotoSerifJP-Regular";
}



/*-----------------------------------グレードページ-----------------------------------*/
.grade_header {
  animation-name:fadeUpAnime;
  animation-duration:3s;
  animation-fill-mode:forwards;
  opacity:0;
}
.grade_header_contents {
  position: absolute;
  top: 3vw;
  left: 3vw;
  font-size: 6vw;
  line-height: 1;
  color: #e7f0bc;
  text-shadow: 1px 2px 4px #555;
  animation-name:fadeUpAnime;
  animation-duration:3s;
  animation-fill-mode:forwards;
  opacity:0;
}

.site-content:not(.home .site-content,.single .site-content) {
  animation-name:fadeUpAnime;
  animation-duration:7s;
  animation-fill-mode:forwards;
  opacity:0;
}

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

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


/*リスト*/
.grade_list_h2 {
  width: 80vw;
  margin: 0 auto 1vw;
  font-size: 3vw;
  display: flex;
  align-items: center;
}
.grade_list_h2:after {
  content: "";
  display: block;
  background: #333;
  width: 100%;
  height: 1px;
  margin-left: 1vw;
  flex: 1;
}
.grade_list_h2.margin_bottom {
  margin-bottom: 3vw;
}


.grade_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 4vw !important;
}
.woocommerce ul.products.grade_list li.product {
  width: 18vw;
  margin: 0 0 4vw;
  float: none;
  clear: none;
}


.grade_list::before {
  content: "";
  display: block;
  width: 18vw;
  order: 1;
}
.grade_list::after {
  content: "";
  display: block;
  width: 18vw;
}


p.coming_soon {
    width: 80vw;
    margin: 3vw auto;
}

/*-----------------------------------メディアクエリ　ブレイクポイント-----------------------------------*/
@media only screen and (min-width: 751px) {
	.sp_only {
		display: none !important;
	}

}

/*メディアクエリ750以下【SPのみ】*/

@media only screen and (max-width: 750px) {
	.pc_only {
		display: none !important;
	}
	/*全体*/
	#content {
		width: 100%;
	}
	/*ヘッダー*/
	.header_main_menu {
		display: none;
	}
	.header_sub_menu {
		margin-left: auto;
		margin-right: 3vw;
		gap: 4vw;
	}
	.header_sub_menu i {
		font-size: 4.6vw;
	}
	.cart_num a span {
		width: 3vw;
		height: 3vw;
		font-size: 2.8vw;
	}
	.cart_num {
		right: -2.7vw;
		top: -0.2vw;
	}
	.main-header-original .site-logo img {
		width: 55vw;
	}
	.main-header-content {
		padding: 2vw;
	}
	.main-header-clone .site-logo img {
		width: 55vw;
	}
	/*トップページ*/
	.home_video_wrap.video_wrapper {
		aspect-ratio: 9/16;
	}
	.tv_contents {
		font-size: 5.4vw;
		width: 88vw;
		margin: auto;
	}
	.home_copy_container {
		position: relative;
		width: 100%;
		height: 150vw;
	}
	.home_copy_item.left {
		position: absolute;
		width: 100%;
	}
	.home_copy_item.right {
		position: absolute;
		background: #ffffffd9;
		right: 0;
		bottom: 4vw;
		width: 80vw;
		padding: 4vw 6vw;
	}
	.home_h2 {
		font-size: 10vw;
	}
	.home_copy_text1 {
		font-size: 5vw;
		line-height: 1.4;
	}
	.home_copy_text1 .emphasis {
		font-size: 5vw;
	}
	.home_copy_text2 {
		font-size: 3.4vw;
		line-height: 1.8;
	}
	.custom_btn a {
		font-size: 3vw;
		width: 40vw;
		height: 10vw;
	}
	.custom_btn a img {
		width: 4vw;
		left: 2vw;
	}
	.home_special_container {
		display: block;
	}
	.home_special_item {
		width: 100%;
	}
	.home_special_item::before {
		padding-top: 56%;
	}
	.home_special_item img {
		object-position: 0 -7%;
		transform: scale(1.3);
	}
	.home_special_title_main {
		font-size: 6vw;
	}
	.home_special_contents {
		width: 52vw;
	}
	.home_special_item::after {
		content: "";
		width: 91%;
		height: 86%;
		display: block;
		border: 3px solid #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		pointer-events: none;
	}
	.home_tab_copy {
		width: 88vw;
		padding: 6vw 1vw;
		margin-bottom: 12vw;
	}
	.home_tab_caption .emphasis {
		font-size: 5vw;
		width: 68vw;
	}
	.home_tab_copy .black {
		font-size: 3vw;
		padding: 0 3vw;
		text-align: left;
		display: block;
	}
	.home_h3 {
		font-size: 8vw;
	}
	.home_product_item .item_title a {
		font-size: 5vw;
	}
	.home_product_item .item_price {
		font-size: 4vw;
	}
	.home_product_group {
		padding-top: 8vw;
		padding-bottom: 8vw;
	}
	/*商品詳細*/
	.single-product .product_image_summary {
		display: block;
	}
	.product_image_container {
		width: 100%;
	}
	.slide_product_thumbnail .slide_image_wrap::before {
		padding-top: 100%;
	}
	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary {
		width: 100%;
	}
	.product_item_title {
		font-size: 8vw;
	}
	.woocommerce div.product p.price,
	.woocommerce div.product span.price {
		font-size: 6vw;
	}
	.single-product .product_image_summary p {
		font-size: 3.7vw;
	}
	.single-product .product_image_summary {
		display: block;
	}
	.product_image_container {
		width: 100%;
	}
	.slide_product_thumbnail .slide_image_wrap::before {
		padding-top: 160%;
	}
	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary {
		width: 100%;
	}
	.product_item_title {
		font-size: 8vw;
	}
	.woocommerce div.product p.price,
	.woocommerce div.product span.price {
		font-size: 6vw;
	}
	.single-product .product_image_summary p {
		font-size: 3.7vw;
	}
	/*お問い合わせ*/
	.wpcf7 {
		width: 85vw;
	}
	.label_required {
		font-size: 4vw;
	}
	.label_text {
		font-size: 5vw;
	}
	.contact_item {
		margin-bottom: 6vw;
	}
	.contact_submit input {
		border-radius: 10px;
		width: 40vw;
	}
	.contact_submit i {
		font-size: 4vw;
		right: 3vw;
	}
	.variations .label {
		font-size: 3vw;
	}
	.variations .label {
		width: 15vw;
	}
	.products_detailed {
		margin-top: 6vw;
	}
	.products_detailed_title {
		font-size: 6vw;
		margin-bottom: 3vw;
	}
	.products_detailed_label {
		width: 25vw;
		flex-shrink: 0;
		padding: 3vw 0;
	}
	.products_detailed_field {
		padding-left: 3vw;
	}
	.woocommerce ul.products li.product .price {
		font-size: 4vw;
	}
	.popup_caption {
		font-size: 5vw;
		color: #fff;
		text-shadow: 1px 1px 1px #000;
	}
	.woocommerce ul.products.grade_list li.product {
		width: 38vw;
	}
	.woocommerce ul.products.grade_list li.product {
		width: 38vw;
	}
	.grade_list_h2 {
		font-size: 7vw;
		margin: 4vw auto 3vw;
	}
	.home_news_inner {
		width: 90vw;
		display: block;
	}
	.home_news_header {
		width: 100%;
	}
	.home_news_title {
		font-size: 8vw;
		margin-bottom: 3vw;
	}
	.home_news_container {
		width: 100%;
	}
	.home_news_item {
		margin-bottom: 6vw;
		display: block;
	}
	.home_news_item a {
		font-size: 9vw;
		display: block;
	}
	.home_news_item_date {
		font-size: 4vw;
		width: 35vw;
	}
	.home_news_item_title {
		font-size: 4vw;
	}
	.home_news_contents {
		width: 100%;
	}
	.home_news_archive {
		justify-content: end;
	}
	.home_news_archive a {
		font-size: 4vw;
	}
	.bottom_contact {
		padding: 12vw 0;
	}
	.bottom_contact_title {
		font-size: 7vw;
		margin-bottom: 6vw;
	}
	.bottom_contact_caption {
		font-size: 3vw;
		margin-bottom: 6vw;
	}
	.bottom_contact_contents {
		display: block;
		width: 90vw;
	}
	.bottom_contact_tel {
		width: 100%;
	}
	.bottom_contact_mail {
		width: 70vw;
		justify-content: center;
		margin: auto;
		height: auto;
	}
	.bottom_contact_tel_num img {
		width: 8vw;
		margin-right: 2vw;
	}
	.bottom_contact_tel_num span {
		font-size: 9vw;
	}
	.bottom_contact_tel_num {
		justify-content: center;
		margin-bottom: 6vw;
		width: 100%;
	}
	.bottom_contact_tel_caption {
		font-size: 4vw;
		width: 100%;
		margin-bottom: 3vw;
	}
	.bottom_contact_mail a span {
		font-size: 4vw;
	}
	.bottom_contact_mail a {
		padding: 3vw;
	}
	.bottom_contact_mail img {
		width: 6vw;
	}
	.footer_contents {
		display: block;
	}
	.footer_company {
		padding: 8vw 0;
		box-sizing: border-box;
	}
	.footer_logo {
		margin-bottom: 6vw;
	}
	.footer_logo img {
		width: 60vw;
		margin: auto;
		display: block;
	}
	.footer_data {
		font-size: 3.4vw;
		text-align: center;
		margin-bottom: 6vw;
	}
	.footer_sns {
		display: block;
		width: 90vw;
		margin: auto;
	}
	.footer_sns_btn {
		width: 100%;
		margin: auto;
		height: 8vw;
		font-size: 5vw;
	}
	.footer_contents a {
		display: block;
		margin-bottom: 3vw;
	}
	.footer_menu {
		width: 88vw;
		margin: auto;
	}
	.footer_menu_title {
		font-size: 6vw;
		margin-bottom: 3vw;
	}
	.footer_menu_group_title {
		font-size: 4vw;
		padding-left: 4vw;
	}
	.footer_menu_group {
		width: 100%;
	}
	.footer_menu .footer_menu_item a {
		font-size: 4vw;
		padding-left: 4vw;
	}
	.group_a {}
	.footer_copyright {
		font-size: 4vw;
	}
	.page_header_h2 .main {
		font-size: 12vw;
	}
	.page_header_h2 .sub {
		font-size: 5vw;
	}
	.stepBar {
		max-width: 100%;
	}
	.stepBar li span {
		width: 8vw;
		height: 8vw;
		font-size: 6vw;
		line-height: 1.2;
	}
	.stepBar li::after {
		top: 3.6vw;
	}
	.stepBar li {
		font-size: 3vw;
	}
	.woocommerce a.button.alt.checkout-button::after {
		font-size: 6vw;
		right: 3vw;
	}
}