/* =========================================================
   AMERI Contact Form Ver.1
   問い合わせフォーム全面リデザイン
   ========================================================= */

:root {
	--ameri-gold: #a98d58;
	--ameri-gold-soft: #c7b48d;
	--ameri-text: #3f3a36;
	--ameri-text-sub: #6f6861;
	--ameri-muted: #9b948d;
	--ameri-border: #e6dfd6;
	--ameri-border-soft: #f0ebe5;
	--ameri-ivory: #fbf8f3;
	--ameri-white: #ffffff;
	--ameri-error: #a65a52;
	--ameri-info: #8c7447;
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html,
body {
	min-height: 100%;
}

body {
	background: #f7f4ef;
	color: var(--ameri-text-sub);
	font-family: "メイリオ","Meiryo","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",sans-serif;
	font-size: 13px;
	line-height: 1.8;
	text-align: center;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 10px 12px;
}

a:link,
a:visited,
a:active {
	color: var(--ameri-text-sub);
	text-decoration: none;
}

a:hover {
	color: var(--ameri-gold);
	text-decoration: none;
}

/* Main Frame */
#sk_block {
	margin: 0;
	padding: 42px 16px 56px;
	text-align: center;
}

#sk_wrapp {
	width: 560px;
	max-width: 100%;
	margin: 0 auto;
	padding: 34px 34px 38px;
	border-top: 1px solid var(--ameri-gold-soft);
	background: var(--ameri-white);
	box-shadow: 0 8px 28px rgba(73,58,42,0.06);
	text-align: left;
}

/* Logo / Title */
#sk_wrapp .sk_title,
#sk_wrapp .title_area {
	margin: 0 0 28px;
	padding: 0;
	color: var(--ameri-text);
	font-family: "Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro",serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: .06em;
	text-align: center;
}

/* ロゴ表示サイズ */
#sk_wrapp .sk_title img,
#sk_wrapp .title_area img,
#sk_wrapp > img,
#sk_wrapp > a > img,
#sk_wrapp > p > a > img {
	display: block !important;
	width: 180px !important;
	max-width: 180px !important;
	height: auto !important;
	margin: 0 auto 18px !important;
}

#sk_wrapp .sk_title a,
#sk_wrapp .title_area a {
	color: var(--ameri-text);
	text-decoration: none;
}

#sk_wrapp .sk_title a:hover,
#sk_wrapp .title_area a:hover {
	color: var(--ameri-gold);
}

/* Legacy Base */
.base01 {
	border-top: 0;
	border-bottom: 0;
	background: var(--ameri-white);
}

.base02 {
	border-top: 1px solid var(--ameri-border-soft);
}

.sub {
	border: 1px solid var(--ameri-border);
	background: var(--ameri-white);
}

/* Form Table */
#sk_wrapp .table1,
table.table1,
table.secure_table {
	width: 100% !important;
	margin: 0 auto 22px !important;
	border: 1px solid var(--ameri-border) !important;
	background: var(--ameri-white) !important;
}

.table1 {
	background: var(--ameri-border) !important;
}

#sk_wrapp .table1 th,
#sk_wrapp .table1 td,
table.secure_table th,
table.secure_table td {
	border: 1px solid var(--ameri-border-soft);
}

#sk_wrapp .table1 th {
	width: 32%;
	padding: 13px 14px;
	background: var(--ameri-ivory);
	color: var(--ameri-text);
	font-weight: 400;
	text-align: left;
	vertical-align: top;
}

#sk_wrapp .table1 td {
	padding: 13px 14px;
	background: var(--ameri-white);
	color: var(--ameri-text-sub);
}

.CELL_1_C,
.CELL_1_L,
.CELL_1_R {
	border: 1px solid var(--ameri-border-soft) !important;
	background: var(--ameri-ivory) !important;
	color: var(--ameri-text) !important;
	font-weight: 400 !important;
}

.CELL_1_C { text-align: center; }
.CELL_1_L { text-align: left; }
.CELL_1_R { text-align: right; }

.CELL_2 {
	background: var(--ameri-white) !important;
	color: var(--ameri-text-sub);
}

/* Inputs */
#sk_wrapp input[type="text"],
#sk_wrapp input[type="email"],
#sk_wrapp input[type="tel"],
#sk_wrapp input[type="password"],
#sk_wrapp textarea,
#sk_wrapp select {
	box-sizing: border-box;
	max-width: 100%;
	min-height: 38px;
	padding: 8px 10px;
	border: 1px solid var(--ameri-border);
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	color: var(--ameri-text);
	font: inherit;
	line-height: 1.5;
	transition: border-color .2s ease, background-color .2s ease;
}

#sk_wrapp textarea {
	min-height: 150px;
	resize: vertical;
}

#sk_wrapp input[type="text"]:focus,
#sk_wrapp input[type="email"]:focus,
#sk_wrapp input[type="tel"]:focus,
#sk_wrapp input[type="password"]:focus,
#sk_wrapp textarea:focus,
#sk_wrapp select:focus {
	border-color: var(--ameri-gold-soft);
	background: #fffdf9;
	outline: none;
}

input.input_ime {
	ime-mode: disabled;
}

/* Buttons */
#sk_wrapp input[type="submit"],
#sk_wrapp input[type="button"],
#sk_wrapp button {
	min-height: 42px;
	padding: 10px 22px;
	border: 1px solid var(--ameri-gold);
	border-radius: 0;
	background: var(--ameri-white);
	box-shadow: none;
	color: var(--ameri-gold);
	cursor: pointer;
	font-family: "Yu Mincho","YuMincho","Hiragino Mincho ProN",serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: .08em;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

#sk_wrapp input[type="submit"]:hover,
#sk_wrapp input[type="button"]:hover,
#sk_wrapp button:hover {
	border-color: var(--ameri-gold);
	background: var(--ameri-gold);
	color: #fff;
}

/* Notes / Messages */
.note {
	color: var(--ameri-info);
}

.note2 {
	color: var(--ameri-muted);
	font-size: 11px;
	line-height: 1.7;
}

#note3 {
	color: var(--ameri-error);
	font-size: 11px;
	font-weight: 400;
}

.info {
	margin: 14px auto 20px;
	padding: 12px 14px;
	border: 1px solid #dfd4c0;
	background: #fbf8f1;
	color: var(--ameri-info);
	text-align: left;
}

.errorbox {
	margin: 14px auto 20px;
	padding: 10px 12px;
	border: 1px solid #e2c5c0;
	background: #fff8f7;
	color: var(--ameri-error);
	font-size: 11px;
	font-weight: 400;
}

/* Price / Point */
.prod_total,
.sub_charge,
.all_total,
.point_discon {
	color: var(--ameri-gold);
	font-weight: 400;
}

/* Closed */
#sk_closed {
	margin: 0;
	padding: 20px 0;
	color: var(--ameri-text-sub);
	text-align: center;
}

@media screen and (max-width: 640px) {
	#sk_block {
		padding: 20px 10px 36px;
	}

	#sk_wrapp {
		width: 100%;
		padding: 24px 18px 30px;
	}

	#sk_wrapp .sk_title img,
	#sk_wrapp .title_area img,
	#sk_wrapp > img,
	#sk_wrapp > a > img,
	#sk_wrapp > p > a > img {
		width: 150px !important;
		max-width: 150px !important;
	}

	#sk_wrapp .table1 th,
	#sk_wrapp .table1 td {
		display: block;
		width: 100% !important;
	}

	#sk_wrapp .table1 th {
		padding-bottom: 7px;
		border-bottom: 0;
	}

	#sk_wrapp .table1 td {
		padding-top: 7px;
	}

	#sk_wrapp input[type="text"],
	#sk_wrapp input[type="email"],
	#sk_wrapp input[type="tel"],
	#sk_wrapp input[type="password"],
	#sk_wrapp textarea,
	#sk_wrapp select {
		width: 100% !important;
	}
}

/* =========================================================
   AMERI Contact Form
   Header Logo Final Fix
   ========================================================= */

body.pc-n-page__wrapp
.p-shop__header--logo
img.p-shop__logo {
	display: block !important;

	width: 180px !important;
	max-width: 180px !important;
	min-width: 0 !important;
	height: auto !important;

	margin: 0 auto !important;
	padding: 0 !important;
}

body.pc-n-page__wrapp
.p-shop__header--logo {
	text-align: center !important;
}

getComputedStyle(document.querySelector('.p-shop__logo')).width

document.querySelector('.p-shop__logo').getBoundingClientRect().width

document.querySelector('.p-shop__logo').style.setProperty('width', '180px', 'important')