:root {
	--oc-font-family-yumincho: "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "serif";
}


.font-futura {
	font-family: 'Futura';
}
@font-face {
	font-family: 'Futura';
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/futura/futura light bt.woff2") format("woff2"),
	     url("../fonts/futura/futura light bt.woff") format("woff");
}
 
@font-face {
	font-family: 'Futura';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/futura/Futura Bold font.woff2") format("woff2"),
	     url("../fonts/futura/Futura Bold font.woff") format("woff");
}
 
@font-face {
	font-family: 'Futura';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/futura/futura medium bt.woff2") format("woff2"),
	     url("../fonts/futura/futura medium bt.woff") format("woff");
}
 
@font-face {
	font-family: 'Futura';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/futura/Futura Bold font.woff2") format("woff2"),
	     url("../fonts/futura/Futura Bold font.woff") format("woff");
}

.font-gelano-grotesque {
	font-family: 'Gelano-Grotesque';
}
@font-face {
	font-family: 'Gelano-Grotesque';
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/galano-grotesque/galano-grotesque-light.otf");
}
 
@font-face {
	font-family: 'Gelano-Grotesque';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/galano-grotesque/galano-grotesque-medium.otf");
}

@font-face {
	font-family: 'Gelano-Grotesque';
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/galano-grotesque/galano-grotesque-semi-bold.otf");
}

@font-face {
	font-family: 'Gelano-Grotesque';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/galano-grotesque/galano-grotesque-semi-bold.otf");
}

.font-notosansjp{
	font-family: 'NotoSansJP';
}

.font-isidoraSans {
	font-family: 'IsidoraSans';
}
@font-face {
	font-family: 'IsidoraSans';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/isidorasans/Isidora-regular.woff2") format("woff2"),
	     url("../fonts/isidorasans/Isidora-regular.woff") format("woff");
}
@font-face {
	font-family: 'IsidoraSans';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/isidorasans/Isidora-medium.woff2") format("woff2"),
	     url("../fonts/isidorasans/Isidora-medium.woff") format("woff");
}
 
@font-face {
	font-family: 'NotoSansJP';
	font-weight: 300;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/notosansjp/NotoSansJP-Light.woff2") format("woff2"),
	     url("../fonts/notosansjp/NotoSansJP-Light.woff") format("woff");
}
 
@font-face {
	font-family: 'NotoSansJP';
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/notosansjp/NotoSansJP-Regular.woff2") format("woff2"),
	     url("../fonts/notosansjp/NotoSansJP-Regular.woff") format("woff");
}
 
@font-face {
	font-family: 'NotoSansJP';
	font-weight: 500;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/notosansjp/NotoSansJP-Medium.woff2") format("woff2"),
	     url("../fonts/notosansjp/NotoSansJP-Medium.woff") format("woff");
}
 
@font-face {
	font-family: 'NotoSansJP';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/notosansjp/NotoSansJP-Bold.woff2") format("woff2"),
	     url("../fonts/notosansjp/NotoSansJP-Bold.woff") format("woff");
}
 
@font-face {
	font-family: 'NotoSansJP';
	font-weight: 900;
	font-style: normal;
	font-display: swap;
	src: url("../fonts/notosansjp/NotoSansJP-Black.woff2") format("woff2"),
	     url("../fonts/notosansjp/NotoSansJP-Black.woff") format("woff");
}

body {
	font-family: 'NotoSansJP', "Sans-Serif";
}
body.locked {
	overflow: hidden;
}
.theme-storefront a { 
	color: #707070; 
}


/*
 * STOREFRONT THEME ADJUSTMENTS
 */

.page.home .col-full,
.page-template-page-about .col-full,
.page-template-page-guide .col-full,
.page-template-page-kanaori .col-full,
.page-template-page-oriami .col-full,
.page-template-page-oriami-29 .col-full {
	max-width: 100vw;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box
}
.theme-storefront a.fm-dark-link {
	color: #2c2c2c;
}
.theme-storefront a:focus-visible,
.theme-storefront a:focus {
	outline: none;
}


/*
 * SITE
 */

br.mb-only {
	display: none;
}

/* Several (missing) Bootstrap styles used in the blog code. */
.d-flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}


.site-section {
	position: relative;
}
.site-container {
	max-width: 1206px;
	width: calc(100% - 80px);
	margin: 0 auto;
}

.site-section-heading {
	text-align: center;
}
img.site-heading-title {
	height: 21.25px;
	border-radius: 0;
	margin: 0 auto 17px auto;
}
p.site-heading-title {
	color: #696767;
	font-size: 32px;
	font-weight: 500;
	line-height: 32px;
	text-align: center;
	margin-bottom: 17px;
	letter-spacing: 7.5px;
	font-family: 'IsidoraSans', 'Sans-Serif';
}
.site-heading-title.en {
	display: none;
}
.site-heading-subtitle {
	color: #707070;
	font-size: 18px;
	font-weight: 500;
	line-height: 31px;
	text-align: center;
	margin-bottom: 0;
	letter-spacing: 0.3em;
	font-family: var(--oc-font-family-yumincho);
}
html[lang="en-US"] .site-heading-title.ja,
html[lang="en-US"] .site-heading-subtitle {
	display: none;
}
html[lang="en-US"] .site-heading-title.en {
	display: initial;
}

.site-page-top {
	position: relative;
	background-size: cover;
	background-position: center center;
	padding-bottom: 60px;
}
.site-page-top .bread-crumbs {
	height: 30px;
	padding: 0;
	margin: 0 auto;
	max-width: 1366px;
	width: calc(100% - 60px);
}
.site-page-top .bread-crumbs .bc-home-icon {
	width: 11.25px;
	margin-right: 4px;
}
.site-page-top .bc-item.bc-home .bc-link {
	display: flex;
	color: #696767;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.1em;
	align-items: center;
	text-decoration: none;
}
.site-page-top .bread-crumbs .bc-link {
	color: #696767;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.1em;
}
.site-page-top .bread-crumbs .bc-item {
	color: #696767;
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.1em;
	margin: 0 15px 0 0;
}
.site-page-top .bread-crumbs .bc-item:not(.bc-home):before {
	content: "";
	width: 5.4px;
	height: 9px;
	margin-right: 15px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('../img/bc-item-seper.svg');
}
.site-page-top-image {
	width: 100%;
}
.site-page-top-image.mb {
	display: none;
}
.site-page-top-heading {
	position: relative;
	text-align: center;
	margin-top: 60px;
}
.site-page-top-header {
	display: inline-block;
}
.site-page-top-title.en {
	display: block;
	color: #696767;
	font-size: 32px;
	font-weight: 600;
	line-height: 32px;
	text-align: center;
	margin-bottom: 17px;
	letter-spacing: 0.25em;
	font-family: 'IsidoraSans';
}
.site-page-top-title.ja {
	display: block;
	color: #707070;
	font-size: 18px;
	font-weight: 500;
	line-height: 21px;
	text-align: center;
	letter-spacing: 0.2em;
	margin-bottom: 0;
	font-family: var(--oc-font-family-yumincho);
}
.site-page-top.page-top-about {
	background-image: url('../img/pagetop-image-about-dt.jpg');
}
.site-page-top.page-top-guide {
	background-image: url('../img/pagetop-image-guide-dt.jpg');
}
.site-page-top.page-top-kanaori {
	background-image: url('../img/i50550.jpg');
	background-color:rgba(255,255,255,0.7);
    background-blend-mode:lighten;
}
.site-page-top.page-top-oriami {
	background-image: url('../img/i50556.jpg');
	background-color: rgba(255,255,255,0.9);
    background-blend-mode: lighten;
}
.site-page-top.page-top-oriami-29 {
	background-image: url('../img/i50560.jpg');
	background-color: rgba(255,255,255,0.8);
    background-blend-mode: lighten;
}
html[lang="en-US"] .site-page-top-title.ja {
	display: none;
}

.site-external-link {
	height: 72px;
	width: fit-content;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	padding: 0 35px 0 45px;
	border: 1px solid #696767;
	border-radius: 4px
}
.site-external-link.centered {
	margin: 0 auto;
}
.site-external-link.inline {
	display: inline-flex;
}
.site-external-link.white-bg {
	background-color: #fff;
}
.site-external-link.origami-page {
	max-width: 450px;
	width: calc(100% - 30px);
}
.site-external-link:hover {
	background-color: #faf9f5;
}
.site-external-link-label {
	color: #696767;
	font-size: 20px;
	font-weight: 600;
	line-height: 72px;
	letter-spacing: 0.2em;
	margin: 0 14px 0 0;
	padding-right: 16px;
	font-family: var(--oc-font-family-yumincho);
}
html[lang="en-US"] .site-external-link-label {
	line-height: initial;
}
.site-external-link-icon {
	position: absolute;
	top: 50%;
	right: 33px;
	height: 25px;
	margin-bottom: 7px;
	transform: translateY(-15px);
}
.site-external-link.social {
	border-color: #696767;
}
.site-external-link.social.site-external-link-label {
	color: #696767;
}
html[lang="ja"] .common-social-externals .site-external-link.ishikawa .site-external-link-label:before {
	content: "石川金網株式会社";
}
html[lang="ja"] .common-social-externals .site-external-link.origami .site-external-link-label:before {
	content: "日本折り紙協会";
}
html[lang="en-US"] .common-social-externals .site-external-link.ishikawa .site-external-link-label:before {
	content: "Ishikawa Wire Mesh Co.";
}
html[lang="en-US"] .common-social-externals .site-external-link.origami .site-external-link-label:before {
	content: "Japan Origami Association";
}


/*
 * HEADER
 */

.theme-storefront.archive .site-header,
.theme-storefront.blog .site-header,
.theme-storefront.category .site-header,
.theme-storefront.error404 .site-header,
.theme-storefront.single-post .site-header,
.theme-storefront.single-product .site-header,
.theme-storefront.page .site-header {
	z-index: 5;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #2c2c2c;
	font-size: 12px;
	font-weight: 600;
	padding: 20px 50px 20px 50px;
	margin-bottom: 0;
	border: none;
	background-color: #fff;
	font-family: "NotoSansJP", "Helvetica", "Sans-Serif";
}
.header-spacer {
	height: 100px;
	min-height: 100px;
}
.site-header .header-logo-image {
	width: 152px;
	border-radius: 0;
}
.site-header .header-logo-link {
	flex: 0 0 auto;
}
.site-header .header-menu-wrap {
	flex: 1 0 1px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.site-header .header-menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	list-style: none;
	padding: 0;
	margin: 0;
}
.site-header .header-menu .menu-item {
	margin: 0 15px;
}
.site-header .header-menu .menu-item:first-child {
	margin-left: 0;
}
.site-header .header-menu .menu-item:last-child {
	margin-right: 0;
}
.site-header .header-menu .menu-item a {
	display: inline-block;
	margin: 0;
	color: #2c2c2c;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	font-family: 'Gelano-Grotesque';
}
.site-header .header-menu .menu-item a img {
	height: 10px;
	border-radius: 0;
}
.site-header .language-controls {
	display: flex;
	align-items: center;
	padding-right: 33px;
}
.site-header .language-controls .language-control {
	color: #2c2c2c;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 0;
	letter-spacing: 2px;
}
.site-header .language-controls .language-control.language-active {
	color: #707070;
}
.site-header .language-controls .language-seper {
	width: 0;
	height: 14px;
	border-right: 1px solid #2c2c2c;
	margin: 0 13px;
}
.site-header .header-buttons {
	display: flex;
	align-items: center;
	column-gap: 22px;
}
.site-header .header-button {
	display: flex;
	align-items: center;
}
.site-header .account-btn-icon {
	width: 90px;
	margin-right: 11px;
}
.site-header .account-btn-label {
	border-radius: 0;
}
.site-header .cart-btn-icon {
	width: 22px;
}

.site-header .burger-icon {
	display: none;
}
.mobile-menu-slideout {
	display: none;
}


/*
 * FOOTER
 */

.site-footer {
	padding: 65px 0 60px 0;
	background-color: #2c2c2c;
}
.site-footer .footer-container {
	position: relative;
	width: calc(100% - 100px);
	max-width: 1126px;
	margin: 0 auto;
}
.site-footer .footer-content {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.site-footer .footer-column.logo-column {
	flex: 0 0 260px;
}
.site-footer .footer-column.menu-column-left {
	flex: 0 0 200px;
}
.site-footer .footer-column.menu-column-right {
	flex: 1 0 1px;
	margin-right: 60px;
}
.site-footer .footer-home-link {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.site-footer .footer-logo-image {
	width: 154px;
	display: block;
	margin-top: 12px;
	border-radius: 0;
}
.site-footer .footer-logo-image:hover {
	opacity: 0.4;
}
.site-footer .footer-menu-wrap-one {
	flex: 0 0 20%;
}
.site-footer .footer-menu-wrap-two {
	flex: 0 0 20%;
}
.site-footer .footer-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
.site-footer .footer-menu {
}
.site-footer .footer-menu .menu-item {
	padding: 5px 0;
}
.site-footer .footer-menu .menu-item a {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	text-decoration: none;
	letter-spacing: 0.08em;
	margin: 0;
	font-family: var(--oc-font-family-yumincho);
}
.site-footer .footer-menu .menu-item a:hover {
	opacity: 0.4;
}
.site-footer .footer-return-to-top {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	transform: translateX(50%);
}
.site-footer .footer-return-to-top:hover {
	opacity: 0.4;
}
.site-footer .footer-copyright {
	margin: 85px 0 0 0;
}
.site-footer .footer-copyright-text {
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	line-height: 12px;
	letter-spacing: 0.15em;
	margin: 0;
}
.fixed-footer {
	display: none;
}


/*
 * COMMON SECTIONS
 */

.common-news-section {
	padding: 150px 0 80px 0;
}
body.home .common-news-section {
	padding-bottom: 150px;
}
.common-news-section .common-news-heading {
	margin-bottom: 40px;
}
.common-news-container {
	max-width: 1126px;
}
.common-news-heading {
}
.common-news-content {
}
.common-news-articles {
	width: 100%;
	padding-top: 40px;
}
.common-news-articles-inner {
	display: flex;
	column-gap: 2.175%;
	align-items: stretch;
	justify-content: flex-start;
}
.common-news-article {
	flex: 0 0 31.88%;
}
.common-news-article-image {
	width: 100%;
	border-radius: 0;
	aspect-ratio: 359 / 192;
	background-size: cover;
	background-position: center center;
	display: flex;
	column-gap: 10px;
}
.common-news-article-details {
}
.common-news-article-date {
	color: #707070;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0.04em;
	margin: 13px 0 8px 0;
}
.common-news-article-title {
	color: #707070;
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: 0.02em;
	margin: 0;
}
.common-news-link {
	display: flex;
	width: fit-content;
	align-items: flex-end;
	justify-content: flex-start;
	margin-left: auto;
	margin-top: 70px;
}
.common-news-link:hover {
	opacity: 0.7;
}
.common-news-link-label {
	height: 13px;
	margin-right: 24px;
	border-radius: 0;
}
.common-news-link-arrow {
	width: 115px;
	margin-bottom: 5px;
	border-radius: 0;
}

.common-contact-section {
	padding: 115px 0;
	background-color: #ededed;
}
.common-contact-text {
	color: #707070;
	font-size: 18px;
	font-weight: 500;
	line-height: 31px;
	text-align: center;
	letter-spacing: 0.05em;
	margin: 25px 0 50px 0;
	font-family: var(--oc-font-family-yumincho);
}
.common-contact-link {
	width: 270px;
	height: 42px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid #707070;
}
.common-contact-link:hover {
	background-color: #cfe0d3;
}
.common-contact-link-label {
	color: #707070;
}
html[lang="ja"] .common-contact-section .common-contact-link-label:before {
	content: "お問い合わせ";
}
html[lang="en-US"] .common-contact-section .common-contact-link-label:before {
	content: "CONTACT FORM";
}
.common-social-section {
	padding: 150px 0;
}
.common-social-content {
	width: calc(100% - 30px);
	max-width: 800px;
	margin: 0 auto;
}
.common-social-links {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 88px;
	margin-bottom: 68px;
}
.common-social-links .x{
	max-width: 42px;
}
.common-social-link:hover .common-social-icon {
    opacity: 0.7;
}
.common-social-externals {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 60px;
}
.common-social-externals .site-external-link {
	flex: 1 1 50%;
}
.common-category-products {
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}
.common-category-products-inner {
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
}
.common-category-products.three .common-category-products-inner {
	column-gap: 4.1%;
}
.common-category-products.four .common-category-products-inner {
	column-gap: 2.4%;
}
.common-category-products.three .common-category-product {
	flex: 0 0 30.5%;
}
.common-category-products.four .common-category-product {
	flex: 0 0 23.2%;
}
.common-category-image-wrap {
}
.common-category-image {
	width: 100%;
	border-radius: 0;
}
.common-category-price,
.common-category-title {
	color: #3b3e43;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
}
.common-category-title {
	margin: 20px 0 10px 0;
}
.common-category-price {
	margin: 0 0 22px 0;
}
html[lang="ja"] .common-category-price .yen:before {
	content: "円";
}
html[lang="en-US"] .common-category-price .yen:before {
	content: " yen ";
}
html[lang="ja"] .common-category-price .tax-incl:before {
	content: "（税込）";
}
html[lang="en-US"] .common-category-price .tax-incl:before {
	content: "(tax-incl)";
}
.common-category-product-add-link {
	width: 100%;
	height: 42px;
	display: block;
	color: #707070;
	font-size: 16px;
	font-weight: 500;
	line-height: 42px;
	text-align: center;
	border: 1px solid #707070;
}
.common-category-product-add-link:hover {
	color: #fff;
	background-color: #d96f6f;
}
html[lang="ja"] .common-category-product-add-link:before {
	content: "カートに入れる";
}
html[lang="en-US"] .common-category-product-add-link:before {
	content: "Add to cart";
}
.common-category-link {
	display: flex;
	width: fit-content;
	align-items: flex-end;
	justify-content: flex-start;
	margin-left: auto;
	margin-top: 75px;
}
.common-category-link:hover {
	opacity: 0.7;
}
.common-category-link-label {
	height: 13px;
	margin-right: 24px;
	border-radius: 0;
}
.common-category-link-arrow {
	width: 115px;
	margin-bottom: 5px;
}


/*
 * FRONT PAGE
 */


.front-hero-section {
	position: relative;
}
.front-hero-section .front-hero-content {
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	width: 100%;
	max-width: 1126px;
	transform: translateX(-50%);
}
.front-hero-section .front-hero-image {
	width: 100%;
	border-radius: 0;
}
.front-hero-section .front-hero-image.mb {
	display: none;
}
.front-hero-button-link {
	position: absolute;
	top: 43%;
	left: 0;
	width: 275px;
	border-radius: 50%;
	box-shadow: 3px 3px 6px 0 rgba(0 0 0 / 13%);
}
.front-hero-button-link:hover:after {
	z-index: 1;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: rgba(255 255 255 / 60%);
}
.front-hero-content .front-hero-button-image {
	width: 100%;
}
.front-hero-content .front-hero-text-image {
	position: absolute;
	top: 34%;
	left: 50%;
	width: 181px;
	border-radius: 0;
	transform: translateX(-50%);
}
html[lang="en-US"] .front-hero-content .front-hero-title-ja {
	display: none;
}
.front-hero-content .front-hero-title-en {
	position: absolute;
	top: 43%;
	left: 50%;
	color: #2c2c2c;
	font-size: 30px;
	font-weight: 500;
	line-height: 41px;
	text-align: center;
	transform: translateX(-50%);
	font-family: "Futura";
}
html[lang="ja"] .front-hero-content .front-hero-title-en {
	display: none;
}

.front-linkbox-section {
	padding: 50px 0;
}
.front-linkbox-container {
}
.front-linkbox-content {
	display: flex;
	column-gap: 4.31%;
	align-items: center;
	justify-content: center;
}
.front-linkbox-content .front-linkbox {
	flex: 0 0 30.5%;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 368 / 216;
	background-size: cover;
	background-position: center center;
}
.front-linkbox-content .front-linkbox.linkbox-kanaori {
	background-image: url('../img/Img53238.jpg');
}
.front-linkbox-content .front-linkbox.linkbox-oriami {
	background-image: url('../img/i50556.jpg');
}
.front-linkbox-content .front-linkbox.linkbox-oriami-29 {
	background-image: url('../img/i50560.jpg');
}
.front-linkbox.linkbox-kanaori .front-linkbox-logo {
	width: 40%;
}
.front-linkbox.linkbox-oriami .front-linkbox-logo {
	width: 36.4%;
}
.front-linkbox.linkbox-oriami-29 .front-linkbox-logo {
	width: 62.2%;
}
.front-linkbox .front-linkbox-text {
	display: none;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 35px;
	text-align: center;
	letter-spacing: 2px;
	margin-bottom: 0;
	font-family: var(--oc-font-family-yumincho);
}
.front-linkbox.linkbox-kanaori .front-linkbox-text {
	color: #2c2c2c;
}
.front-linkbox-content .front-linkbox.linkbox-oriami-29 .front-linkbox-text {
	color: #fff;
}
.front-linkbox.linkbox-kanaori:hover .front-linkbox-logo,
.front-linkbox.linkbox-oriami:hover .front-linkbox-logo,
.front-linkbox.linkbox-oriami-29:hover .front-linkbox-logo {
	display: none;
}
html[lang="ja"] .front-linkbox.linkbox-kanaori:hover .front-linkbox-text.ja,
html[lang="ja"] .front-linkbox.linkbox-oriami:hover .front-linkbox-text.ja,
html[lang="ja"] .front-linkbox.linkbox-oriami-29:hover .front-linkbox-text.ja,
html[lang="en-US"] .front-linkbox.linkbox-kanaori:hover .front-linkbox-text.en,
html[lang="en-US"] .front-linkbox.linkbox-oriami:hover .front-linkbox-text.en,
html[lang="en-US"] .front-linkbox.linkbox-oriami-29:hover .front-linkbox-text.en {
	display: block;
}
.front-recommend-section {
	padding: 100px 0;
}
.front-recommend-container {
	max-width: 998px;
}
.front-recommend-content {
	margin-top: 45px;
}
.front-imgbar-section {
	padding: 50px 0 0 0;
}
.front-imgbar-content {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.front-imgbar-image {
	width: 33.333%;
	border-radius: 0;
}
.front-about-section {
	padding: 130px 0 137px 0;
	background-color: #ededed;
}
.front-about-subtitle {
	color: #2c2c2c;
	font-size: 23px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 0.2em;
	margin: 100px 0 40px 0;
	font-family: var(--oc-font-family-yumincho);
}
.front-about-text {
	color: #2c2c2c;
	font-size: 16px;
	font-weight: 500;
	line-height: 45px;
	letter-spacing: 0.05em;
	margin: 0;
	font-family: var(--oc-font-family-yumincho);
}
.front-about-section .site-external-link {
	margin-top: 95px;
}
html[lang="ja"] .front-about-section .site-external-link-label:before {
	content: "石川金網株式会社 公式サイト";
}
html[lang="en-US"] .front-about-section .site-external-link-label:before {
	content: "Official site of Ishikawa Wire Mesh Co.";
}
.front-about-seper-image {
	width: 100%;
}
.front-info-section product {
}
.front-info-container {
	width: 100%;
	max-width: 1366px;
}
.front-info-section {
	padding: 150px 0 0 0;
}
.front-info-section.material {
	padding: 150px 0 150px 0;
}
.site-section-heading.front-product-heading,
.site-section-heading.front-material-heading {
	margin-bottom: 50px;
}
.front-info-content {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
}
.front-info-img {
	flex: 0 0 50%;
}
.front-info-section-image {
	width: 100%;
}
.front-info-txt {
	flex: 0 0 50%;
	padding: 0 12.5% 0 5%;
}
.front-info-section.material .front-info-txt {
	padding: 0 5% 0 12.5%;
}
.front-info-wrap {
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
}
.front-info-text {
	color: #2c2c2c;
	font-size: 17px;
	font-weight: 500;
	line-height: 40px;
	letter-spacing: 0.05em;
	margin: 25px 0; /* Needed to ensure room for absolute positioned link */
	font-family: var(--oc-font-family-yumincho);
}
.front-info-link {
	position: absolute;
	left: 0;
	bottom: 0;
	display: inline-flex;
	align-items: flex-end;
	justify-content: flex-start;
}
.front-info-link:hover {
	opacity: 0.7;
}
.front-info-link-label {
	height: 13px;
	margin-right: 24px;
	border-radius: 0;
}
.front-info-link-arrow {
	width: 115px;
	margin-bottom: 5px;
}
.front-scene-section {
	padding: 130px 0 150px 0;
	background-color: #faf6ea;
}
.front-scene-section .front-heading-title {
	margin-bottom: 24px;
}
.front-scene-container {
	max-width: 1126px;
}
.front-scene-intro {
	color: #2c2c2c;
	font-size: 16px;
	font-weight: 500;
	line-height: 33px;
	text-align: center;
	margin: 40px 0 80px 0;
	font-family: var(--oc-font-family-yumincho);
}
.front-scene-boxes {
	display: flex;
	row-gap: 40px;
	column-gap: 6.5%;
	flex-wrap: wrap;
	align-items: stretch;
}
.front-scene-box {
	flex: 0 0 calc(80.5% / 4); /* 80.5% = 100% - (3 * 6.5%) */
}
.front-scene-box-title {
	width: 100%;
	color: #3b3e43;
	font-size: 18px;
	font-weight: 500;
	line-height: 21px;
	text-align: center;
	margin: 13px 0 0 0;
	font-family: var(--oc-font-family-yumincho);
}
.front-usage-section {
	padding: 0 0 150px 0;
}
.front-usage-container {
	max-width: 1126px;
	padding-top: 115px;
	border-top: 1px solid #707070;
}
.front-usage-content {
	display: flex;
	column-gap: 6.5%;
	align-items: stretch;
}
.front-usage-column {
	flex: 0 0 46.75%;
}
.front-usage-group {
	margin-bottom: 85px;
}
.front-usage-company {
	margin-top: -45px;
	padding: 20px 0 25px 0;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
}
.front-usage-title {
	color: #707070;
	font-size: 26px;
	font-weight: 700;
	line-height: 37px;
	letter-spacing: 0.08em;
	margin-bottom: 27px;
}
.front-usage-text {
	color: #707070;
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.02em;
	margin: 0;
}
.front-usage-name {
	color: #707070;
	font-size: 23px;
	font-weight: 500;
	line-height: 35px;
	letter-spacing: 0.05em;
	margin-bottom: 0;
}
.front-usage-address,
.front-usage-phone {
	color: #707070;
	font-size: 22px;
	font-weight: 400;
	line-height: 35px;
	letter-spacing: 0.05em;
	margin-bottom: 0;
}


/*
 * ABOUT PAGE
 */

.about-profile-section {
	padding-bottom: 115px;
	background-color: #faf6ea;
}
.about-profile-container {
	max-width: 800px;
}
html[lang="en-US"] .about-profile-container {
	max-width: 900px;
}
.about-profile-item {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	font-family: var(--oc-font-family-yumincho);
}
.about-profile-item-label,
.about-profile-item-value {
	color: #2c2c2c;
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 30px 0;
}
.about-profile-item-label {
	flex: 0 0 200px;
	border-bottom: 1px dotted #707070;
}
html[lang="en-US"] .about-profile-item-label {
	flex: 0 0 290px;
}
.about-profile-item-value {
	flex: 1 0 1px;
	border-bottom: 1px solid #707070;
}
.about-message-section {
	padding: 115px 0 100px 0;
}
.about-message-content {
	display: flex;
	column-gap: 45px;
	align-items: stretch;
	justify-content: flex-start;
}
.about-message-left {
	flex: 0 1 54.75%;
}
.about-message-right {
	flex: 0 1 41.5%;
}
.about-message-title {
	color: #2c2c2c;
	font-size: 23px;
	font-weight: 600;
	line-height: 40px;
	margin-bottom: 40px;
	letter-spacing: 3px;
	font-family: var(--oc-font-family-yumincho);
}
.about-message-text {
	color: #2c2c2c;
	font-size: 16px;
	font-weight: 500;
	line-height: 40px;
	font-family: var(--oc-font-family-yumincho);
}
html[lang="en-US"] .about-message-text {
	line-height: 32px;
}
.about-message-signature-title {
	color: #2c2c2c;
	font-size: 16px;
	font-weight: 900;
	line-height: 30px;
	letter-spacing: 0.05em;
	font-family: var(--oc-font-family-yumincho);
	margin: 20px 0 0 0;
	text-align: right;
}
.about-message-signature-name {
	color: #2c2c2c;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0.05em;
	font-family: var(--oc-font-family-yumincho);
	text-align: right;
	margin: 0;
}
.about-access-section {
	padding-top: 75px;
}
.about-access-container {
	max-width: 1366px;
}
.about-access-content {
	display: flex;
	column-gap: 90px;
	align-items: center;
	justify-content: flex-start;
}
.about-access-left {
	flex: 0 0 54.15%;
}
.about-access-map {
	display: block;
	width: 100%;
	border: none;
	aspect-ratio: 740 / 600;
}
.about-access-right {
	flex: 1 0 1px;
	color: #2c2c2c;
	font-family: var(--oc-font-family-yumincho);
}
.about-access-title {
	font-size: 23px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 0.2em;
	margin-bottom: 50px;
}
.about-access-address {
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: 0.05em;
	margin-bottom: 13px;
}
.about-access-numbers {
	display: flex;
	column-gap: 20px;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 50px;
}
.about-access-fax,
.about-access-phone {
	margin: 0;
	display: flex;
	align-items: center;
	font-size: 16px;
	letter-spacing: 0.05em;
}
.about-access-fax:before,
.about-access-phone:before {
	height: 14px;
	display: inline-block;
	font-size: 10px;
	line-height: 14px;
	letter-spacing: 0.05em;
	border: 1px solid #2c2c2c;
	padding: 0 0.3em;
	margin-right: 3px;
}
.about-access-fax:before {
	content: "FAX";
}
.about-access-phone:before {
	content: "TEL";
}
.access-access-station {
	display: flex;
	column-gap: 5px;
	margin-bottom: 18px;
	align-items: flex-start;
	justify-content: flex-start;
}
.about-access-station-icon {
	flex: 0 0 auto;
	width: 12px;
	display: block;
	margin-top: 7px;
}
.about-access-station-details {
	flex: 1 0 1px;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.05em;
	margin: 0;
}


/*
 * GUIDE PAGE
 */

.guide-flow-section {
	padding: 75px 0 125px 0;
}
.guide-flow-container {
	max-width: 1126px;
}
.guide-flow-content {
}
.guide-flow-steps {
	display: flex;
	column-gap: 74px;
	align-items: stretch;
	justify-content: flex-start;
}
.guide-flow-step {
	flex: 1 1 20%;
}
.quide-flow-step-image {
	width: 100%;
	position: relative;
	aspect-ratio: 1 / 1;
	background-size: cover;
	background-position: center center;
}
.quide-flow-step-image:after {
	content: "";
	top: 50%;
	right: -64px;
	height: 14px;
	width: 74px;
	position: absolute;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/guide-flow-arrow.svg);
}
.guide-flow-step:last-child .quide-flow-step-image:after {
	display: none;
}
.guide-flow-step-label {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	padding: 4px 5px 8px 5px;
	letter-spacing: 0.1em;
	background-color: #696767;
	font-family: 'IsidoraSans', 'Sans-Serif';
}
.guide-flow-step-label .guide-flow-step-number {
	display: inline-block;
	margin-left: 2px;
	font-size: 16px;
}
.guide-flow-step-title {
	height: 63px;
	display: flex;
	align-items: center;
	color: #696767;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	margin: 0;
}
.guide-flow-step-text {
	color: #707070;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
	margin-bottom: 25px;
}
.guide-flow-step-text .note-text {
	color: #707070;
	font-size: 13px;
	line-height: 20px;
}
.guide-delivery-section {
	padding: 110px 0 120px 0;
	background-color: #ededed;
}
.guide-delivery-container {
}
.guide-delivery-content {
	display: flex;
	column-gap: 58px;
	align-items: stretch;
	justify-content: flex-start;
}
.guide-delivery-title {
}
.guide-delivery-left,
.guide-delivery-right {
	flex: 0 0 50%;
}
.guide-delivery-group {
	margin-bottom: 40px;
}
.guide-delivery-title {
	color: #707070;
	font-size: 26px;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
	letter-spacing: 2px;
	margin-bottom: 120px;
}
.guide-delivery-group-title {
	display: inline-block;
	color: #707070;
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 30px;
	padding-bottom: 6px;
	border-bottom: 1px solid #707070;
}
.guide-delivery-group-content {
	color: #707070;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
}
.guide-delivery-group-content p {
	color: #707070;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 0;
}
.guide-delivery-group-content h5 {
	position: relative;
	color: #707070;
	font-weight: 700;
	margin: 45px 0 0 10px;
}
.guide-delivery-group-content h5:before {
	content: "";
	top: 50%;
	left: -10px;
	width: 8px;
	height: 7px;
	position: absolute;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/fm-guide-h5-arrow.svg);
}
.guide-delivery-group-content h6 {
	font-size: 13px;
	margin-bottom: 25px;
}
.guide-delivery-group-content ul {
	padding: 0;
	margin-top: 30px;
	margin-left: 15px;
	list-style: none;
}
.guide-delivery-group-content li {
	position: relative;
	color: #707070;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
	padding: 7px 0;
}
.guide-delivery-group-content li:before {
	content: "";
	top: 50%;
	left: -10px;
	width: 8px;
	height: 7px;
	position: absolute;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/fm-guide-ul-mark.svg);
}
.guide-delivery-group-content table {
	width: 100%;
	background-color: transparent;
}
.guide-delivery-group-content table tr td {
	color: #707070;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
	padding: 13px 0;
}
.guide-delivery-group-content table tr td .yen {
	font-size: 13px;
}
.guide-delivery-group-content table tr td:first-child {
	border-bottom: 1px dotted #707070;
}
.guide-delivery-group-content table tr td:last-child {
	width: 80px;
	text-align: right;
	border-bottom: 1px solid #707070;
}
.guide-contact-section {
	padding: 100px 0 150px 0;
}
.guide-contact-container {
	max-width: 998px;
}
.guide-contact-content {
}
.guide-contact-title {
	color: #707070;
	font-size: 26px;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
	letter-spacing: 2px;
	margin-bottom: 40px;
}
.guide-contact-text {
	color: #707070;
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	text-align: center;
	margin-bottom: 40px;
}
.guide-contact-box {
	width: 100%;
	height: 270px;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	background-size: cover;
	background-position: center center;
	/* background-color: #ededed; */
}
.guide-contact-box-left {
	flex: 0 0 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(10px);
	background-color: rgba(253 253 253 / 83%);
}
.guide-contact-info {
	text-align: center;
}
.guide-contact-company-name {
	color: #707070;
	font-size: 26px;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 3px;
}
.guide-contact-company-address {
	color: #707070;
	font-size: 13px;
	font-weight: 400;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 0;
}
.guide-contact-company-phone {
	display: flex;
	align-items: center;
	margin-bottom: 0;
}
.guide-contact-phone-label {
	height: 20px;
	display: inline-block;
	font-size: 10px;
	line-height: 18px;
	letter-spacing: 0.1em;
	padding: 0 0.5em;
	margin-top: 7px;
	margin-right: 3px;
	background-color: #fff;
	border: 1px solid #2c2c2c;
}
.guide-contact-phone-number {
	color: #707070;
	font-size: 32px;
	font-weight: 500;
	line-height: 32px;
	text-align: center;
	letter-spacing: 0.1em;
	margin-bottom: 0;
	font-family: 'IsidoraSans', 'Sans-Serif';
}
.guide-contact-box-right {
	flex: 0 0 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.guide-contact-btn {
	color: #707070;
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0.1em;
}


/*
 * COMMON ORIGAMI PAGES (Kanaori, Oriami, Oriami-29)
 */

.origami-about-section {
	padding: 80px 0 100px 0;
}
.origami-about-content {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	column-gap: 46px;
}
.origami-about-details {
	flex: 1 0 1px;
}
.origami-about-images {
	flex: 0 0 41.4%;
	padding-top: 10px;
}
.origami-about-image {
	width: 100%;
}
.origami-about-image.top {
	margin-bottom: 20px;
}
.origami-about-title {
	color: #2c2c2c;
	font-size: 23px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 0.2em;
	margin-bottom: 40px;
	font-family: var(--oc-font-family-yumincho);
}
.origami-about-text {
	color: #2c2c2c;
	font-size: 16px;
	font-weight: 500;
	line-height: 40px;
	letter-spacing: 0.05em;
	margin-bottom: 0;
	font-family: var(--oc-font-family-yumincho);
}
html[lang="en-US"] .origami-about-text {
	line-height: 32px;
}
.origami-crafts-section {
	padding: 120px 0 115px 0;
	background-color: #faf6ea;
}
.origami-crafts-intro {
	color: #2c2c2c;
	font-size: 23px;
	font-weight: 600;
	line-height: 40px;
	text-align: center;
	letter-spacing: 0.2em;
	margin-bottom: 40px;
	font-family: var(--oc-font-family-yumincho);
}
.origami-link-intro-text {
	color: #2c2c2c;
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0.1em;
	margin-top: 60px;
	margin-bottom: 15px;
	font-family: var(--oc-font-family-yumincho);
}
.origami-crafts-examples {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	column-gap: 28px;
	row-gap: 30px;
	flex-wrap: nowrap;
	overflow: scroll;
}
.origami-crafts-example {
	flex: 1 1 23.2%;
}
.origami-crafts-example-image {
	width: 270px;
	aspect-ratio: 1 / 1;
	background-size: cover;
	background-position: center center;
}
.origami-products-section {
	padding: 100px 0 120px 0;
}

p.guid-step {
	margin-bottom: 5px;
}
.text-bg-top {
    z-index: 0;
    height: 200px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom: 50px;
}
/* 404ページ用 */
.content-none {
    text-align: center;
    font-size: 20px;
    padding: 80px 10px;
	color: #212529;
}
.content-none .error-number {
    font-size: 70px;
}
.content-none .content-none-btn {
    margin: 20px auto;
    text-align: center;
}
body.woocommerce-page .site-content {
	margin-top: 80px;
}
html[lang="ja"] body.woocommerce-page .product .product_title {
	color: #707070;
	font-family: var(--oc-font-family-yumincho);
}
html[lang="en-US"] body.woocommerce-page .product .product_title {
	color: #707070;
    font-family: 'IsidoraSans', 'Sans-Serif';
}
.site-heading-title {
	font-size: 32px;
    font-family: 'IsidoraSans', 'Sans-Serif';
	letter-spacing: 0.25em;
	line-height: 1;
	font-weight: 500;
	margin-bottom: 18.9px;
	color: #707070;
}
.contact-form .field-group .label-wrap .group-label {
	letter-spacing: 0.05em;
    font-family: var(--oc-font-family-yumincho);
}
.contact-form .field-group .label-wrap .group-label,
.contact-form .confirm-group .agree-text,
.contact-form .confirm-group .agree-chk ~ .agree-label {
	color: #6d6d6d;
}
.contact-form .confirm-group .agree-chk ~ .agree-label {
	font-weight: 400;
}
.post-type-archive-product #primary,
.woocommerce-account #primary,
.single-product #primary,
.archive.tax-product_cat #primary {
    width: 100%;
}
.post-type-archive-product #secondary,
.woocommerce-account #secondary,
.single-product #secondary,
.archive.tax-product_cat #secondary {
    display: none;
}
@media screen and (max-width: 767px) {

	/* SITE */

	br.dt-only {
		display: none;
	}
	br.mb-only {
		display: initial;
	}

	body.woocommerce-page .site-content,
	body.page-template-p_Contact .site-content {
		margin-top: 50px;
	}

	.site-container {
		max-width: 100%;
		width: calc(100% - 30px);
	}
	img.site-heading-title {
		margin-bottom: 8px;
	}
	.site-external-link {
		height: 40px;
		padding: 0 13px 0 21px;
	}
	html[lang="en-US"] .site-external-link {
		padding: 0 15px 0 5px;
	}
	.site-external-link.social.ishikawa {
		padding: 0 7px;
	}
	.site-external-link-label {
		font-size: 13px;
		line-height: 40px;
		margin: 0 9px 0 0;
		padding-right: 10px;
	}
	.site-external-link.origami-page .site-external-link-label {
		font-size: 19px;
	}
	html[lang="en-US"] .site-external-link-label {
		font-size: 10px;
	}
	.site-external-link-icon {
		right: 9px;
		height: 15px;
		margin-bottom: 0;
		transform: translateY(-9px);
	}
	.site-page-top {
		aspect-ratio: 375 / 300;
	}
	.site-page-top .bread-crumbs {
		width: calc(100% - 40px);
		padding: 45px 0 0 0;
	}
	.site-page-top-heading {
		margin-top: 80px;
	}
	html[lang="en-US"] .site-page-top-heading {
		margin-top: 105px;
	}
	.site-page-top.page-top-about {
		background-image: url('../img/pagetop-image-about-mb.jpg');
	}
	.site-page-top.page-top-guide {
		background-image: url('../img/pagetop-image-guide-mb.jpg');
	}
	.site-page-top.page-top-kanaori {
		background-image: url('../img/pagetop-image-kanaori-mb.jpg');
	}
	.site-page-top.page-top-oriami {
		background-image: url('../img/pagetop-image-oriami-mb.jpg');
	}
	.site-page-top.page-top-oriami-29 {
		background-image: url('../img/pagetop-image-oriami-29-mb.jpg');
	}

	/* COMMON */

	.common-news-section {
		padding: 50px 0;
	}
	.common-news-articles {
		width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.common-news-articles-inner {
		/* width: 130%; */
		padding-bottom: 10px;
		flex-direction: column;
	}
	.common-news-article-date {
		font-size: 15px;
		line-height: 23px;
		margin: 10px 0;
	}
	.common-news-article-title {
		font-size: 15px;
		line-height: 25px;
	}
	.common-news-link {
		margin-top: 35px;
	}
	.common-category-products-inner {
		padding-bottom: 10px;
	}
	.common-new-link,
	.common-category-link {
		margin-top: 35px;
	}
	.common-news-link-label,
	.common-category-link-label {
		height: 11px;
		margin-right: 11px;
	}
	.common-news-link-arrow,
	.common-category-link-arrow {
		width: 57px;
		height: 7px;
		margin-bottom: 0;
	}
	.common-contact-section {
		padding: 55px 0 60px 0;
	}
	.common-contact-text {
		font-size: 15px;
		line-height: 25px;
		margin: 33px 0;
	}
	.common-social-section {
		padding: 50px 0 30px 0;
	}
	.common-social-content {
		width: 100%;
	}
	.common-social-links {
		column-gap: 15px;
		margin-bottom: 36px;
	}
	.common-social-externals {
		column-gap: 15px;
	}
	.common-social-link {
		width: 20px;
	}
	.common-social-links .x {
		max-width: 20px;
	}

	/* HEADER */

	.theme-storefront.archive .site-header,
	.theme-storefront.blog .site-header,
	.theme-storefront.category .site-header,
	.theme-storefront.error404 .site-header,
	.theme-storefront.single-post .site-header,
	.theme-storefront.single-product .site-header,
	.theme-storefront.page .site-header {
		height: 50px;
		padding: 15px 15px 15px 20px;
		background-color: transparent;
	}
	body.theme-storefront.blog .site-header,
	body.theme-storefront.woocommerce-page .site-header,
	body.theme-storefront.page-template-p_Contact .site-header {
		background-color: #fff;
	}
	.header-spacer {
		display: none;
	}
	.site-header .header-logo-image {
		width: 134px;
	}
	.site-header .header-menu-wrap,
	.site-header .header-buttons {
		display: none;
	}
	.site-header .language-controls {
		padding: 0;
		flex: 1 0 1px;
		justify-content: center;
	}
	.site-header .language-controls .language-control {
		font-size: 11px;
	}
	.site-header .burger-icon {
		width: 16px;
		height: 12px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: space-between;
		cursor: pointer;
	}
	.site-header .burger-icon .burger-bar {
		width: 100%;
		height: 2px;
		background-color: #2c2c2c;
		transition: transform 0.1s;
	}
	.site-header .burger-icon.open {
		justify-content: center;
	}
	.site-header .burger-icon.open .burger-bar.top {
		transform: translateY(1px) rotate(45deg);
	}
	.site-header .burger-icon.open .burger-bar.mid {
		display: none;
	}
	.site-header .burger-icon.open .burger-bar.btm {
		transform: translateY(-1px) rotate(-45deg);
	}
	.mobile-menu-slideout {
		z-index: 5;
		display: block;
		position: fixed;
		right: 0;
		top: 50px;
		bottom: 60px;
		min-width: 300px;
		background-color: #2c2c2c;
		transition: transform 0.2s;
		transform: translateX(110%);
	}
	.mobile-menu-slideout.open {
		overflow-y: auto;
		transform: translateX(0);
	}
	.mobile-menu-inner {
		padding: 0 15px;
	}
	.mobile-menu {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.mobile-main-menu {
	}
	.mobile-second-menu {
	}
	.mobile-social-menu {
	}
	.mobile-menu .menu-item a {
		color: #fff;
	}
	.mobile-menu.top .menu-item a {
		display: block;
		position: relative;
		font-size: 15px;
		font-weight: 500;
		line-height: 15px;
		letter-spacing: 0.2em;
		padding: 17px 0 17px 17px;
		border-bottom: 1px solid #fff;
		font-family: 'Gelano-Grotesque';
	}
	.mobile-menu.top .menu-item a:before {
		content: "";
		top: 23px;
		left: 0;
		width: 11px;
		height: 6px;
		position: absolute;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url(../img/mobile-menu-top-arrow.svg);
	}
	.mobile-menu.bottom .menu-item a {
		height: 44px;
		display: flex;
		align-items: center;
		position: relative;
		font-size: 14px;
		font-weight: 500;
		line-height: 14px;
		letter-spacing: 0.1em;
		padding-left: 17px;
		font-family: 'YuMincho', 'Sans-Serif';
	}
	.mobile-menu.bottom .menu-item a:before {
		content: "";
		left: 0;
		top: 23px;
		height: 0;
		width: 10px;
		position: absolute;
		border-bottom: 1px solid #fff;
	}
	.mobile-menu.bottom .menu-item.two-lines a {
		font-size: 12px;
		line-height: 16px;
	}
	.mobile-menu.bottom .menu-item.two-lines a:before {
		top: 14px;
	}
	.mobile-menu-social-links {
		display: flex;
		margin: 20px 0;
		column-gap: 20px;
		align-items: center;
		justify-content: center;
	}
	.mobile-menu-social-icon {
		width: 50px;
	}

	/* FOOTER */

	.site-footer {
		margin-bottom: 60px;
		padding: 100px 0 16px 0;
	}
	.site-footer .col-full {
		margin-left: 0;
		margin-right: 0;
	}
	.site-footer .footer-container {
		width: calc(100% - 30px);
	}
	.site-footer .footer-column.logo-column {
		width: 100%;
		flex: 0 0 auto;
	}
	.site-footer .footer-home-link {
		height: unset;
		width: fit-content;
		display: block;
		margin: 0 auto;
	}
	.site-footer .footer-column.menu-column-left,
	.site-footer .footer-column.menu-column-right {
		display: none;
	}
	.site-footer .footer-copyright {
		margin-top: 73px;
	}
	.site-footer .footer-copyright-text {
		text-align: center;
	}
	.site-footer .footer-return-to-top {
		top: -90px;
		right: 15px;
		width: 30px;
	}

	.fixed-footer {
		z-index: 5;
		height: 60px;
		display: flex;
		align-items: stretch;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #2c2c2c;
	}
	.fixed-footer-left,
	.fixed-footer-right {
		flex: 0 0 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.fixed-footer-icon.account {
		width: 17px;
		margin-right: 3px;
	}
	.fixed-footer-icon.cart {
		width: 22px;
		margin-right: 5px;
	}
	.fixed-footer-label {
		display: flex;
		color: #fff;
		font-size: 20px;
		font-weight: 500;
		line-height: 24px;
		letter-spacing: 0.1em;
		margin-bottom: 0;
		font-family: 'IsidoraSans', 'Sans-Serif';
	}
	.fixed-footer-label.cart {
		letter-spacing: 0.2em;
	}
	.fixed-footer-seper {
		position: absolute;
		top: 10px;
		bottom: 10px;
		left: 50%;
		width: 0;
		border-right: 1px solid #696767;
	}
	
	.blog-bc {
		margin: 50px 0 20px 0;
	}

	/* FRONT PAGE */

	.front-hero-section .front-hero-image.mb {
		display: block;
	}
	.front-hero-section .front-hero-image.dt {
		display: none;
	}
	.front-hero-content .front-hero-text-image {
		top: 80px;
		left: 50%;
		width: 140px;
		transform: translateX(-50%);
	}
	.front-hero-content .front-hero-title-en {
		top: 130px;
		font-size: 20px;
		width: calc(100% - 30px);
	}
	.front-hero-content .front-hero-button-link {
		left: 50%;
		top: 340px;
		width: 200px;
		transform: translateX(-50%);
	}
	.front-hero-content .front-hero-button-image {
		width: 200px;
	}
	html[lang="en-US"] .front-hero-content .front-hero-button-image {
		top: 330px;
	}
	.front-linkbox-section {
		padding: 15px 0;
	}
	.front-linkbox-content {
		row-gap: 15px;
		column-gap: unset;
		align-items: stretch;
		flex-direction: column;
	}
	.front-linkbox-content .front-linkbox {
		flex: 0 0 100%;
		aspect-ratio: 345 / 110;
	}
	.front-linkbox.linkbox-kanaori .front-linkbox-logo {
		width: 33%;
	}
	.front-recommend-section {
		padding: 45px 0;
	}
	.front-imgbar-section {
		padding: 0 0 30px 0;
	}
	.front-about-section {
		padding: 45px 0 65px 0;
	}
	.front-about-subtitle {
		font-size: 19px;
		line-height: 26px;
		margin: 40px 0 20px 0;
	}
	.front-about-heading {
		margin-bottom: 10px;
	}
	.front-about-text {
		font-size: 15px;
		line-height: 27px;
	}
	.front-about-section .site-external-link {
		margin-top: 30px;
	}
	.front-info-section {
		padding: 65px 0 0 0;
	}
	.front-info-content {
		flex-direction: column;
	}
	.front-info-section.material .front-info-content {
		flex-direction: column-reverse;
	}
	.front-info-text {
		font-size: 15px;
		line-height: 35px;
	}
	.front-info-link-label {
		height: 11px;
		margin-right: 11px;
	}
	.front-info-link-arrow {
		width: 57px;
		height: 7px;
		margin-bottom: 0;
	}
	.front-info-img {
		flex: 0 0 auto;
	}
	.front-info-txt,
	.front-info-section.material .front-info-txt {
		padding: 0;
	}
	.front-info-wrap {
		height: unset;
		flex-direction: column;
		align-items: flex-start;
	}
	.front-info-section.material {
		padding: 100px 0 100px 0;
	}
	.front-info-link {
		right: 0;
		left: unset;
		bottom: unset;
		position: relative;
		margin-left: auto;
	}
	.front-scene-section {
		padding: 65px 0 50px 0;
	}
	.front-scene-intro {
		font-size: 15px;
		line-height: 25px;
		margin: 50px 0;
	}
	.front-scene-boxes {
		row-gap: 15px;
		column-gap: 4.35%;
	}
	.front-scene-box {
		flex: 0 0 calc(95.65% / 2);
	}
	.front-scene-box-title {
		font-size: 15px;
		line-height: 21px;
		margin-top: 5px;
	}
	.front-usage-section {
		padding: 25px 0 60px 0;
	}
	.front-usage-content {
		flex-direction: column;
	}
	.front-usage-group {
		margin-bottom: 48px;
	}
	.front-usage-title {
		font-size: 20px;
		line-height: 27px;
		margin-bottom: 11px;
	}
	.front-usage-text {
		font-size: 15px;
		line-height: 25px;
	}
	.front-usage-company {
		margin-top: 0;
		padding: 20px 0;
	}
	.front-usage-name,
	.front-usage-address,
	.front-usage-phone {
		font-size: 18px;
		line-height: 27px;
	}
	.front-usage-name {
		margin-bottom: 6px;
	}

	/* ABOUT PAGE */
	
	.about-profile-section {
		padding-bottom: 50px;
	}
	.about-profile-item-label {
		flex: 0 0 100px;
	}
	html[lang="en-US"] .about-profile-item {
		flex-direction: column;
	}
	html[lang="en-US"] .about-profile-item-label {
        flex: 0 0 auto; 
		padding: 20px 0 15px;
        font-weight: 700;
		border: none;
	}
	html[lang="en-US"] 	.about-profile-item-value {
		flex: 0 0 auto; 
		padding: 5px 0 20px;
	}
	.about-message-section {
		padding: 55px 0 50px 0;
	}
	.about-message-content {
		flex-direction: column;
	}
	.about-access-section {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	.about-access-content {
		flex-direction: column;
	}
	.about-access-left {
		width: 100%;
		flex: 0 0 auto;
		margin-bottom: 20px;
	}
	.about-access-title,
	.about-access-numbers {
		margin-bottom: 20px;
	}
	.about-access-right {
		width: 100%;
		flex: 0 0 auto;
	}
	.access-access-station {
		margin-bottom: 12px;
	}
	.about-access-station-details {
		font-size: 13px;
		line-height: 21px;
	}
	.about-access-station-icon {
		width: 10px;
		margin-top: 4px;
	}

	/* GUIDE PAGE */

	.guide-flow-section {
		padding: 15px 0 60px 0;
	}
	.guide-flow-steps {
		row-gap: 15px;
		flex-direction: column;
	}
	.guide-delivery-section {
		padding: 55px 0 30px 0;
	}
	.guide-delivery-title {
		font-size: 22px;
		line-height: 25px;
		margin-bottom: 30px;
	}
	.guide-delivery-content {
		flex-direction: column;
	}
	.guide-delivery-group-title {
		font-size: 19px;
		line-height: 25px;
		margin-bottom: 15px;
	}
	.guide-delivery-group-content p {
		font-size: 15px;
		line-height: 27px;
	}
	.guide-delivery-group-content h5 {
		margin-top: 30px;
	}
	.guide-delivery-group-content h6 {
		font-size: 13px;
		line-height: 17px;
		margin-bottom: 21px;
	}
	.guide-delivery-group-content table tr td {
		font-size: 15px;
		line-height: 21px;
	}
	.guide-contact-section {
		padding: 50px 0 60px 0;
	}
	.guide-contact-title {
		font-size: 22px;
		line-height: 24px;
		margin-bottom: 30px;
	}
	.guide-contact-text {
		font-size: 15px;
		line-height: 27px;
		margin-bottom: 30px;
	}
	.guide-contact-box {
		height: 360px;
		flex-direction: column;
	}
	.guide-contact-company-name {
		font-size: 21px;
	}
	.guide-contact-phone-number {
		font-size: 27px;
	}

	/* ORIGAMI PAGES (Kanaori, Oriami, Oriami-29) */
	.origami-about-section {
		padding: 50px 0 60px 0;
	}
	.origami-about-content {
		flex-direction: column;
	}
	.origami-about-title {
		font-size: 22px;
		line-height: 31px;
	}
	.origami-about-text {
		font-size: 15px;
		line-height: 27px;
	}
	.origami-about-images {
		padding-top: 30px;
	}
	.common-category-products.three .common-category-products-inner {
		width: 130%;
	}
	.common-category-products.four .common-category-products-inner {
		width: 170%;
	}
	.origami-products-section {
		padding: 0 0 60px 0;
	}
	.origami-crafts-section {
		padding: 60px 0 55px 0;
	}
	.origami-crafts-intro {
		font-size: 17px;
		line-height: 30px;
		margin-bottom: 30px;
	}
	.origami-crafts-examples {
		row-gap: 15px;
		column-gap: 15px;
	}
	.origami-crafts-example {
		flex: 1 1 calc((100% - 15px) / 2);
	}
	.origami-link-intro-text {
		font-size: 15px;
		line-height: 25px;
		margin-top: 30px;
	}

	/* BLOG */
	.blog-item {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.blog .wrapp-blog-list .blog-sidebar {
		margin-top: 50px;
		margin-bottom: 50px;
	}

	/* WOOCOMMERCE ADJUSTMENTS */
	body.woocommerce-page.single-product .site-content ul.products,
	body.woocommerce-page.post-type-archive-product .site-content ul.products,
	body.woocommerce-page.post-type-archive-product .site-content .wc-block-grid__products {
		display: flex;
		row-gap: 25px;
		column-gap: 15px;
		flex-wrap: wrap;
		align-items: stretch;
	}
	body.woocommerce-page.single-product .site-content ul.products:before,
	body.woocommerce-page.post-type-archive-product .site-content ul.products:before {
		content: unset;
	}
	body.woocommerce-page.single-product .site-content ul.products li.product,
	body.woocommerce-page.post-type-archive-product .site-content ul.products li.product,
	body.woocommerce-page.post-type-archive-product .site-content .wc-block-grid__products .product {
		flex: 0 0 calc((100% - 15px) / 2);
		margin-bottom: 0;
	}
	body.woocommerce-page.single-product .site-content ul.products li.product .add_to_cart_button,
	body.woocommerce-page.post-type-archive-product .site-content ul.products li.product .add_to_cart_button,
	body.woocommerce-page.post-type-archive-product .site-content .wc-block-grid__products .product .add_to_cart_button {
		font-size: 13px;
	}
	.common-news-article-image {
		margin-bottom: 15px;
	}
	.text-bg-top{
		margin: 50px 0;
	}
	.text-bg-top.contact {
	margin: 50px 0 0;
	}
}
@media (max-width: 575.98px) {
    .contact-form .field-group:last-child .input-wrap {
		height: 200px;
	}
}

/* Kanaori page specific styles */
.kanaori-icon {
    width: 80px;
    height: 80px;
    background-image: url('../img/kanaori_rogo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}

.kanaori-icon.product-icon {
    width: 70px;
    height: 70px;
    margin: 0;
}

.kanaori-icon.product-icon + .common-category-title {
    margin-top: 0;
}

.kanaori-icon.product-detail-icon {
    width: 80px;
    height: 80px;
    margin: 0;
}




