/*
Theme Name: KAWAZAWA 2026
Theme URI: https://polyphonic.me/
Author: Polyphonic
Author URI: https://polyphonic.me/
Description: Wall Street is a responsive WordPress business theme for savvy entrepreneurs and startups.
Version: 1.1.10
License: GNU General Public License, V2
License URI: license.txt
Text Domain: wallstreet
Domain Path: /languages/
Tags: black, white, light, dark, right-sidebar, fluid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/

@import url('https://fonts.googleapis.com/css2?family=Bayon&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Vast+Shadow&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

* {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	color: #222;
	text-decoration: none;
}
a:hover {
	color: #999;
}

br.sp {
	display: none;
}

.jp {
	font-family: 'Noto Serif JP', serif;
}
.en {
	font-family: 'Roboto', sans-serif;
}

body {
	background: #fff;
	color: #222;
	font-family: hiragino-kaku-gothic-pron, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
}

p {
    margin-bottom: 1.5em;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}
/* Clearing */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: '';
    display: table;
}

#wrapper {
	width: 100%;
}

/*----------- LOADING -----------*/
body.is-loading {
    overflow: hidden;
}
#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 9999;
}
body:has(#loader:not([style*="display: none"])) {
    overflow: hidden !important;
}

@media only screen and (max-width: 767px) {
	body, body:has(#loader:not([style*="display: none"])) {
        overflow: auto !important;
    }
    /* ローダーは最初から非表示 */
    #loader {
        display: none !important;
    }
    /* メインコンテンツは最初から表示 */
    #main-wrap {
        display: block !important;
    }
	/*#loader #masthead-wrap-sp {
		margin-top: 70px;
	}*/
}

/* --------------- HEADER --------------- */
#menu-wrap {
    width: 100%;
	padding: 0 0;
	border-top: none !important;
	height: 85px;
	z-index: 888;
	position: relative;
}
#masthead {
    margin: 0 0 0 0;
    width: 100%;
	height: 90px;
	background: #fff;
}
.site-branding {
    top: 5px;
	left: 2vw;
	width: auto;
    z-index: 10;
	position: absolute;
	margin-top: 0;
	text-align: center;
	height: 80px;
}
.site-branding-sm {
   display: none;
}
h1.site-title {
    margin: 45px auto 0;
	font-size: 0;
	line-height:0;
}
h1.site-title img {
    max-height: 15px;
}
.home.has-home-slideshow h1.site-title img {
    max-height: 15px;
    opacity: 1;
}
.home.has-home-slideshow .stuck h1.site-title img {
    max-height: 15px;
}
h1.site-title img:hover {
    opacity: 0.8;
}
h1.entry-title, h1.page-title {
	font-size: 2.4vw;
	letter-spacing: 1px;
	text-align: center;
	padding-top: 3em;
	padding-bottom: 0;
	margin-bottom: 0.5em;
}
.companyname {
	position: fixed;
	top: 105px;
	left: 2vw;
}
.companyname img {
	width: 24px;
}

@media only screen and (max-width: 767px) {
	.site-branding {
		top: 25px;
		left: 5%;
		width: 95%;
		height: auto;
		text-align: left;
	}
	#menu-wrap {
		height: 70px;
	}
	#masthead {
		height: 70px;
	}
	h1.site-title {
		margin: 0 auto 0;
	}
	.home.has-home-slideshow h1.site-title img {
		width: 50vw;
		height: 2.66vw;
		max-height: none;
	}
	.companyname {
		position: fixed;
		top: 19.5vw;
		left: 5vw;
	}
	.companyname img {
		width: 5vw;
	}
	body.home .companyname {
		display: none;
	}
}

/* --------------- NAVIGATION --------------- */
.WideMenu {
	text-align: center;
	margin-top: 2em;
	width: auto;
	right: 0;
	position: absolute;
}
#site-navigation {
	display: block;
}
.main-navigation ul {
    list-style: none;
	font-family: "robot", sans-serif;
}
.main-navigation li {
    padding: 0 1.75em;
	display: inline-block;
	height: auto;
	width: auto;
}
.main-navigation a {
    padding:0 0;
    color: #222 !important;
	font-size: 1.6vw;
	font-weight: 400;
	text-align: center;
}
.main-navigation a:hover {
    color: #999 !important;
}

.selectlink {
    position: relative;
}
.selectlink::before,
.selectlink::after {
    position: absolute;
    content: '';
    pointer-events: none;
}
.selectlink::before {
    right: 0;
    display: inline-block;
    width: 1em;
    height: 2.8em;
    border-radius: 0 0 0;
    background: none;
    content: '';
}
.selectlink::after {
    position: absolute;
    top: 30%;
    right: 1.4em;
    transform: translate(50%, -50%) rotate(45deg) skew(15deg, 15deg);
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #444;
    border-right: 2px solid #444;
    content: '';
}
.selectlink select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 3.3em;
	height: auto;
	padding: 0 0em 0 0;
	border: none;
	border-radius: 3px;
	color: #444;
	font-size: 1.2vw;
	cursor: pointer;
}
.selectlink select:focus {
    outline: none;
}
#MenuContainer {
	display: none;
}

@media only screen and (max-width: 767px) {
	.WideMenu {
		display: none;
	}
	#MenuContainer {
		display: inline-block;
		margin: 20px;
	}
	.HiddenCheckbox {
		display: none;
	}
	.menu-menu01-container {
		padding-top:70px;
	}
	ul#menu-menu-1.menu {
		margin: 2em 0 0 3em;
	}
	.main-navigation li {
		float:none;
		width:100%;
		padding: 0;
		font-family: "robot", sans-serif;
		text-align: center;
	}
	.main-navigation li a {
		padding: 0 0 0 0;
		border-top: none;
		border-bottom: none;
		color: #222 !important;
		font-weight: 500;
		font-size: 6.6vw;
		line-height: 3.3;
	}
	.main-navigation li a:hover {
		background:none;
		border-top: none;
		border-bottom: none;
	}
	.MenuIcon {
		cursor: pointer;
		display: block;
		float: left;
		height: 30px;
		position: fixed;
		width: 30px;
		z-index: 3333;
		top: 22px;
		right: 20px;
	}
	.MenuIcon::before {
		height: 1px;
		top: 9px; /* 上の線の位置を調整 */
		width: 30px;
	}
	.MenuIcon::after {
		bottom: 9px; /* 下の線の位置を調整（4pxから変更） */
		height: 1px;
		width: 30px;
	}
	.MenuIcon::before,
	.MenuIcon::after {
		background: #222;
		display: block;
		content: '';
		position: absolute;
		/* transitionからbox-shadowのアニメーションを削除 */
		-webkit-transition: -webkit-transform 0.4s;
		transition: transform 0.4s;
		/* 回転の基準点を中央(center)に変更 */
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
	}
	.Menu {
		background: rgba(255, 255, 255, 0.9);
		bottom: 0;
		right: -100%;
		position: fixed;
		top: 0;
		width: 100%;
		-webkit-transition: right 0.4s;
		transition: right 0.4s;
		z-index: 2222;
	}
	.HiddenCheckbox:checked ~ .MenuHeader {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.HiddenCheckbox:checked ~ .MenuIcon::before {
		-webkit-transform: translateY(5px) rotate(45deg);
		transform: translateY(5px) rotate(45deg);
		background: #222;
	}
	.HiddenCheckbox:checked ~ .MenuIcon::after {
		-webkit-transform: translateY(-5px) rotate(-45deg);
		transform: translateY(-5px) rotate(-45deg);
		background: #222;
	}
	.HiddenCheckbox:checked ~ .Menu {
		right: 0;
	}
	.Menu-list {
		list-style-type: none;
		margin: 60px 0 0;
		padding: 0;
	}
	.menu-item {
		margin: 0;
		list-style:none;
	}

	ul#menu-menu01.menu {
		margin-top: 6.6em;
	}
	.selectlink {
		width: 20vw;
		margin: 1.8em auto 0;
	}
	.selectlink::after {
		width: 14px;
		height: 14px;
	}
	.selectlink select {
		width: auto;
		color: #444;
		font-size: 6vw;
		margin-left: -1em;
		background: none;
	}
}

/* --------------- TOP PAGE --------------- */
#masthead-wrap-sp {
	display: none;
}
#home-slider-wrap {
	width: 92.5vw;
	height: 48.8vw;
	max-width: 100%;
	position: absolute;
	top: 85px;
	right: 0;
	z-index: 0;
}
#home-slider {
	float: left;
	width: 100%;
	height: 100%;
	max-height: 100%;
}
.flexslider {
	height: 100%;
	overflow: visible !important;
}
.flexslider .slides > li {
	background-position: center center;
}
#home-slider .flex-caption .slider-caption,
#home-slider h2.home-slide-title {
	display: none;
}

@media only screen and (max-width: 767px) {
	body.home #masthead-wrap {
		display: none;
	}
	#masthead-wrap-sp {
		display: block;
	}
	#home-slider-wrap2 {
		width: 100vw;
		height: 164vw;
		top: 70px;
		pointer-events: none;
	}
	#home-slider2 {
		float: left;
		width: 100%;
		height: 100%;
		max-height: 100%;
	}
	#home-slider-wrap {
		width: 85vw;
		height: 44.8vw;
	}
}

/* --------------- CONCEPT --------------- */
#concept-section {
	width: 100%;
	padding: 3vw 0 7vw;
	margin-top: 100vh;
}
.kawazawa-sumi {
	width: 18vw;
	height: 27.1vw;
	background: url(https://kawazawasake.jp/cms/wp-content/uploads/kawazawa-sumi.png) no-repeat;
	background-size: 100%;
	margin: 0 auto 8vw;
}
#concept-section video {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}
.plyr button {
	width: 100px !important;
	height: 100px !important;
}
.plyr__control--overlaid {
	background: none !important;
	border: 1px solid #000 !important;
}
.plyr__control svg {
    stroke: #000 !important;
	stroke-width: 0.5px !important;
	fill: none !important;
    height: 50px !important;
    width: 50px !important;
}
.plyr__control--overlaid svg {
	left: 12px !important;
}
@media only screen and (max-width: 767px) {
	#concept-section {
		width: 100%;
		padding: 0 0 15vw;
		margin-top: 13vh;
	}
	.kawazawa-sumi {
		display: none;
	}
	/*.kawazawa-sumi {
		width: 33vw;
		height: 50vw;
		margin: 16vw auto 24vw;
	}*/
	.plyr button {
		width: 60px !important;
		height: 60px !important;
	}
	.plyr__control svg {
		stroke-width: 0.8px !important;
		height: 30px !important;
		width: 30px !important;
	}
	.plyr__control--overlaid svg {
		left: 3px !important;
	}
}

/* --------------- FOOTER --------------- */
footer {
	width: 100%;
	padding: 0 0 8em;
	text-align: center;
	clear: both;
}
.footer-wrapper {
	width: 100%;
	padding: 0;
	text-align: center;
	clear: both;
	display: flex;
	justify-content: center;
	margin-bottom: 3vw;
}
.footer-sumi {
	width: 16.7vw;
	height: 10.7vw;
	background: url(https://kawazawasake.jp/cms/wp-content/uploads/footer-sumi.png) no-repeat;
	background-size: 100%;
	margin-right: 2vw;
}
.footer-info {
	text-align: left;
	margin-left: 2vw;
}
img.footer-companyname {
	width: 18vw;
}
footer p {
	color: #555;
	text-align: left;
}
p.footer-jp {
	font-size: 1.05vw;
	font-weight: 400;
	margin-top: 1em;
	margin-bottom: 0;
	line-height: 1.6;
}
p.footer-en {
	font-family: "robot", sans-serif;
	font-weight: 400;
	font-size: 1.0vw;
	line-height: 1.6;
}
p.copy {
	font-family: "robot", sans-serif;
	font-weight: 400;
	margin-top: 1em;
	font-size: 0.8vw;
	text-align: center;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 0;
	right: 30px;
	z-index: 9999;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	color: #222 !important;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}

@media only screen and (max-width: 767px) {
	footer {
		padding: 0 0 2em;
	}
	.footer-wrapper {
		flex-wrap: wrap;
		margin-bottom: 10vw;
	}
	.footer-sumi {
		width: 50vw;
		height: 29.6vw;
		margin: 0 12.5vw 6vw;
	}
	.footer-info {
		text-align: left;
		margin-left: 0;
	}
	img.footer-companyname {
		width: 70vw;
		margin: 0 15vw;
	}
	footer p {
		color: #555;
		text-align: left;
	}
	p.footer-jp {
		font-size: 3.3vw;
		width: 72vw;
		margin: 2em 14vw 0;
	}
	p.footer-en {
		font-size: 3.6vw;
		width: 72vw;
		margin: 0.5em 14vw 0;
	}
	p.copy {
		font-size: 2.8vw;
	}
}

/* --------------- ABOUT --------------- */
.about-lead {
	width: 92.5vw;
	margin-top: 55vw;
	margin-left: 7.5vw;
	margin-bottom: 12.5vw;
	display: flex;
	justify-content: center;
}
.about-lead p {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Arial", "Hiragino Sans", "Hiragino Kaku Gothic ProN",  "Meiryo", sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 1.8vw;
	white-space: nowrap;
	writing-mode: vertical-rl;
	line-height: 2.5;
}

.about-txt {
	width: 92.5vw;
	margin-top: 1.5vw;
	margin-left: 7.5vw;
	margin-bottom: 1.5vw;
	display: flex;
	font-family: hiragino-kaku-gothic-pron, sans-serif;
	font-weight: 600;
	font-style: normal;
	line-height: 1.8;
}
.about-text-catch {
	font-size: 1.6vw;
	width: 37%;
	line-height: 1.6;
}
.about-text-caps {
	font-size: 1.3vw;
	width: 55%;
	margin-right: 8%;
}
.aboutimg-2 {
	width: 92.5vw;
	height: 44.3vw;
	background: url(https://kawazawasake.jp/cms/wp-content/uploads/about-img-02-scaled.jpg) no-repeat;
	background-size: 100%;
	margin-left: 7.5vw;
}
.aboutimg-3 {
	width: 92.5vw;
	height: 44.3vw;
	background: url(https://kawazawasake.jp/cms/wp-content/uploads/about-img-03-scaled.jpg) no-repeat;
	background-size: 100%;
	margin-left: 7.5vw;
}
.aboutimg-4 {
	width: 92.5vw;
	height: 44.3vw;
	background: url(https://kawazawasake.jp/cms/wp-content/uploads/about-img-04-scaled.jpg) no-repeat;
	background-size: 100%;
	margin-left: 7.5vw;
}
.aboutimg-5 {
	width: 92.5vw;
	height: 44.3vw;
	background: url(https://kawazawasake.jp/cms/wp-content/uploads/about-img-05-scaled.jpg) no-repeat;
	background-size: 100%;
	margin-left: 7.5vw;
}
.aboutimg-6 {
	width: 92.5vw;
	height: 44.3vw;
	background: url(https://kawazawasake.jp/cms/wp-content/uploads/about-img-06-scaled.jpg) no-repeat;
	background-size: 100%;
	margin-left: 7.5vw;
}
.aboutimg-7 {
	width: 92.5vw;
	height: 44.3vw;
	background: url(https://kawazawasake.jp/cms/wp-content/uploads/about-img-07-scaled.jpg) no-repeat;
	background-size: 100%;
	margin-left: 7.5vw;
}
.aboutimg-8 {
	width: 92.5vw;
	height: 53.3vw;
	background: url(https://kawazawasake.jp/cms/wp-content/uploads/about-img-08-scaled.jpg) no-repeat;
	background-size: 100%;
	margin-left: 7.5vw;
}
.about-info {
	font-family: hiragino-kaku-gothic-pron, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 2vw;
	line-height: 2.0;
	letter-spacing: 0.2vw;
	margin: 3em 0 0 7.5vw;
}
.about-info a {
	text-decoration: underline;
}
p.bottom-spacer {
	width: 100%;
	clear: both;
	height: 10vw;
}
body.about #page {
	display: none;
}

@media only screen and (max-width: 767px) {
	.about-lead {
		width: 85vw;
		margin-top: 70vw;
		margin-left: 13vw;
		margin-bottom: 12.5vw;
	}
	.about-lead p {
		font-size: 4vw;
		line-height: 1.8;
	}
	.about-txt {
		width: 85vw;
		margin-top: 8vw;
		margin-left: 15vw;
		margin-bottom: 8vw;
		flex-wrap: wrap;
	}
	.about-text-catch {
		font-size: 4.4vw;
		width: 100%;
		margin-bottom: 0.5em;
	}
	.about-text-caps {
		font-size: 3.5vw;
		width: 96%;
		margin-right: 4%;
	}
	.aboutimg-2, .aboutimg-3, .aboutimg-4, .aboutimg-5, .aboutimg-6, .aboutimg-7 {
		width: 85vw;
		height: 40.7vw;
		margin-left: 15vw;
	}
	.aboutimg-8 {
		width: 85vw;
		height: 48.9vw;
		margin-left: 15vw;
	}
	.about-info {
		font-size: 4vw;
		margin: 3em 0 0 15vw;
	}
}

/* --------------- PRODUCT --------------- */
.product-lead {
	width: 92.5vw;
	margin-top: 55vw;
	margin-left: 7.5vw;
	margin-bottom: 12.5vw;
	display: flex;
	justify-content: center;
	position: relative;
}
.product-lead p.yamanikumoga {
	width: 4.16vw;
	height: 20.5vw;
	background: url(https://kawazawasake.jp/cms/wp-content/uploads/yamanikumoga.png) no-repeat;
	background-size: 100%;
	text-indent: -9999%;
	position: absolute;
	bottom: 1.0vw;
	left: 13.5vw;
	margin: 0;
}
.product-lead p.product-txt {
	font-family: hiragino-kaku-gothic-pron, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 1.6vw;
	line-height: 2.75;
	letter-spacing: 0.15vw;
	margin: 0;
}
.prodct-box {
	width: 85vw;
	height: 51.3vw;
	margin: 0 auto 5vw;
}
.product-info {
    padding: 11vw 0 0 47vw;
    width: 27vw;
}
.product-info p {
    /*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Arial", "Hiragino Sans", "Hiragino Kaku Gothic ProN",  "Meiryo", sans-serif;*/
	font-family: hiragino-kaku-gothic-pron, sans-serif;
	font-weight: 600;
    font-style: normal;
}
.product-name {
    font-size: 2.0vw;
    margin-bottom: 1em;
}
.product-data {
    font-size: 1.2vw;
    margin-bottom: 2.2em;
}
.product-caps {
    font-size: 1.2vw;
    margin-bottom: 3.3em;
    line-height: 1.8;
}
.product-link {
    font-size: 1.2vw;
    margin-bottom: 0;
}
.product-link a {
	text-decoration: underline;
}
.product1 {
	background:url(https://kawazawasake.jp/cms/wp-content/uploads/product-img-gg-scaled.jpg) no-repeat;
	background-size: 100%;
}
.product2 {
	background:url(https://kawazawasake.jp/cms/wp-content/uploads/product-img-zz-scaled.jpg) no-repeat;
	background-size: 100%;
}
.product3 {
	background:url(https://kawazawasake.jp/cms/wp-content/uploads/product-img-kk-scaled.jpg) no-repeat;
	background-size: 100%;
}
.product4 {
	background:url(https://kawazawasake.jp/cms/wp-content/uploads/product-img-za-scaled.jpg) no-repeat;
	background-size: 100%;
}
.product5 {
	background:url(https://kawazawasake.jp/cms/wp-content/uploads/product-img-hh-scaled.jpg) no-repeat;
	background-size: 100%;
}

body.product #page {
	display: none;
}

@media only screen and (max-width: 767px) {
	.product-lead {
		width: 85vw;
		margin-top: 75vw;
		margin-left: 15vw;
		flex-wrap: wrap;
		justify-content: start;
	}
	.product-lead p.yamanikumoga {
		width: 10vw;
		height: 49.2vw;
		top: 5.0vw;
		left: 30vw;
		margin: 0;
	}
	.product-lead p.product-txt {
		font-size: 4vw;
		margin-top: 72vw;
	}
	.prodct-box {
		width: 100vw;
		height: 60.4vw;
		margin: 0 0 80vw 0;
	}
	.product-info {
		padding: 62vw 0 0 15vw;
		width: 80vw;
	}
	.product-name {
		font-size: 5.0vw;
		margin-bottom: 0.5em;
	}
	.product-data {
		font-size: 3.3vw;
		margin-bottom: 1em;
	}
	.product-caps {
		font-size: 3.3vw;
		margin-bottom: 2em;
		line-height: 1.6;
	}
	.product-link {
		font-size: 3.3vw;
		margin-bottom: 0;
	}
}

/* --------------- ENGLISH --------------- */
body.en #page,
body.about-en #page,
body.product-en #page {
	display: none;
}

body.about-en .about-lead p {
	white-space: wrap;
	writing-mode: horizontal-tb;
}
body.about-en .about-info {
	letter-spacing: 0;
}

body.product-en .product-lead p.yamanikumoga {
	left: 4.5vw;
}
body.product-en .product-lead p.product-txt {
	letter-spacing: 0;
}
body.product-en .product-info {
	padding: 8vw 0 0 47vw;
	width: 30vw;
}
body.product-en .product-name {
    font-size: 1.85vw;
}
body.product-en .product-data {
    font-size: 1.1vw;
}
body.product-en .product-caps {
    font-size: 1.1vw;
}
body.product-en .product-link {
    font-size: 1.1vw;
}

@media only screen and (max-width: 767px) {
	body.product-en .prodct-box {
		margin: 0 0 95vw 0;
	}
	body.product-en .product-info{
		padding: 62vw 0 0 15vw;
		width: 80vw;
	}
	body.product-en .product-name {
		font-size: 4.8vw;
	}
	body.product-en .product-data {
		font-size: 3.0vw;
	}
	body.product-en .product-caps {
		font-size: 3.0vw;
	}
	body.product-en .product-link {
		font-size: 3.0vw;
	}
}

/* --------------- CONTACT --------------- */
#primary {
    width: 100%;
}
.site-main {
	width: 92.5vw;
	margin: 0 0 0 7.5vw;
}
body.contact article#post-63 {
	display: flex;
	flex-wrap: nowrap;
	padding: 6em 0;
}
body.contact article#post-63 footer {
	display: none;
}
body.contact header {
	width: 18%;
}
body.contact h1.entry-title, h1.page-title {
	font-family: hiragino-kaku-gothic-pron, sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 2.4vw;
	text-align: left;
	line-height: 1.8;
	padding-top: 0.2em;
}
body.contact .entry-content {
	width: 77%;
}
.contact-form {
	width: 100%;
	margin: 0 0;
}
.contact-form dt {
	margin: 0 4% 0 0;
	float: left;
	width: 46%;
	font-weight: normal;
}
.contact-form dd {
	margin: 0 0 2em;
	float: left;
	width: 50%;
}
.contact-form dt p, .contact-form dd p {
	text-align: left;
	margin-bottom: 2em;
	font-size: 1.2vw;
	font-family: hiragino-kaku-gothic-pron, sans-serif;
	font-weight: 600;
	font-style: normal;
}
.contact-form input, .contact-form select {
    width: 100%;
    padding: 15px 5px;
    background: #e9e9e9;
    border: none;
    font-size: 16px;
}
.contact-form textarea {
	width: 100%;
	padding: 15px 5px;
	background: #e9e9e9;
	border:none;
	height: calc(144px + 8.4vw - 30px);
	font-size: 16px;
}
.contact-form input:focus,
.contact-form textarea:focus {
	border: none;
	outline: 0;
	background: rgba(148, 182, 196, 0.3);
}
::placeholder {
	font-family: hiragino-kaku-gothic-pron, sans-serif;
	font-weight: 600;
	font-style: normal;
	opacity: 1; /* Ensures custom color displays correctly in Firefox */
	color: #666;
}

.contact-form input[type="submit"] {
	width: auto;
	background: #94b6c4;
	color: #fff;
	border: none;
	padding: 10px 2em 10px;
	font-size: 1.4vw;
	font-family: hiragino-kaku-gothic-pron, sans-serif;
	font-weight: 600;
	font-style: normal;
	border-radius: 8px;
}
.contact-form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	box-sizing: content-box;
}

.grecaptcha-badge {
	display: none;
}

@media only screen and (max-width: 767px) {
	.site-main {
		width: 85vw;
		margin: 0 0 0 15vw;
	}
	body.contact article#post-63 {
		display: inline-block;
		padding: 4em 0 6em
	}
	body.contact article#post-63 footer {
		display: none;
	}
	body.contact header {
		width: 70vw;
	}
	body.contact h1.entry-title, h1.page-title {
		font-size: 5vw;
	}
	body.contact .entry-content {
		width: 70vw;
	}
	.contact-form dt {
		margin: 0 0 0 0;
		float: none;
		width: 100%;
	}
	.contact-form dd {
		margin: 0 0 0;
		float: none;
		width: 100%;
	}
	.contact-form {
		width: 100%;
		margin:0 auto;
	}
	.contact-form dt p, .contact-form dd p {
		font-size: 3.6vw;
	}
	.contact-form input[type="submit"] {
		font-size: 4vw;
	}
}
br.pc {
	display: inline;
}

@media only screen and (max-width: 767px) {
	br.sp {
		display: inline;
	}
	br.pc {
		display: none;
	}
	#page {
		margin: 5em auto 0;
		padding: 0;
		width: 100%;
	}
	
	/* CONTACT */
	body.contact #page {
		margin: 0 auto 0;
	}
	.site-main {
		width: 90%;
	}
	h1.entry-title,
	h1.page-title,
	#menu-section h3,
	#shop-section h1.entry-title {
		font-size: 5vw;
	}
}