@charset "utf-8";
/* CSS Document */


	#faq .faq_title, #faq p .qa_red, #faq p .qa_yellow {
    font-size: 48px;
	font-weight: 700;
    line-height: 1.75;
}
	#faq .faq_title {
    color: #222;
}
	#faq .faq_title, .faq_sub_title {
    font-family: "Noto Serif JP", "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
	.alignCenter {
    text-align: center;
}
	#faq .faq_title .qa_red {
    font-size: 72px;
}
	.qa_red {
    color: #9f0000;
}
	.alignCenter {
    text-align: center;
}
	#faq h3 {
    margin: 40px 0;
}
	.faq_sub_title {
    font-size: 32px;
	font-weight: 700;
    line-height: 1.75;
}
	.faq_sub_title {
    border-bottom: 1px solid #0014a1;
}
	#faq p {
    margin: 18px 0;
    position: relative;
	font-family: 'Noto Sans JP',sans-serif;
    font-weight: 400;
    line-height: 1.75;
	font-size: 1.8rem;
    text-align: justify;
}
	.faq_q, .faq_a {
    padding: 0.5em 0.5em 0.5em 3.2em;
}
	.faq_q {
    background-color: #f0e2ca;
}
	.faq_q:before, .faq_a:before {
    font-size: 36px;
    top: -13px;
    left: 10px;
    position: absolute;
}
	.faq_q:before {
    content: 'Q.';
    font-family: "Noto Serif JP", "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #9f0000;
}
	.faq_a:before {
    content: 'A.';
    font-family: "Noto Serif JP", "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #d8b41e;
}
	p.alignCenter {
		text-align: center!important;
	}
	
	img.existing_img {
		max-width: 100% !important;
		height: auto;
		width: auto;
		margin: 0;
		padding: 0;
		border: 0 none #ffffff;
		vertical-align: top !important;
		vertical-align: middle;
		color: #666666;
		zoom: 1 !important;
	}
	
	.faq_a a {
		text-decoration: underline;
	}
	
	#company section {
    margin-bottom: 16px;
    padding: 0;
	text-align: left;
	font-size: 100%;
	font-family: 'Noto Sans JP',sans-serif;
    font-weight: 400;
    line-height: 1.75;
	font-size: 1.8rem;
}
	#company h2 {
    margin-bottom: 5px;
	font-family: 'Noto Sans JP',sans-serif;
    font-weight: 700;
    line-height: 1.75;
	font-size: 1.8rem;
}
	.border_b {
    border-bottom: 1px solid #222;
}
	.info_mark {
    display: inline-block;
    padding: 0 5px;
    margin: 0 5px 5px 0;
    border-radius: 3px;
    background-color: #9f0000;
    color: #fff;
}
	#company section a:link, #company section a:visited {
    color: #2981b8;
    text-decoration: underline;
	background-color: transparent;
	zoom: 1;
}
	.sp, .spimage, img[src*="_sp."], .hidden {
    display: none !important;
}
	.modal {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    display: none;
    background: rgba(0,0,0,0.5);
}
	.modal .inner {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
	.modal .inner {
    width: 90%;
    max-width: 1030px;
    height: 85vh;
    background-color: #f0e2ca;
    font-size: 16px;
    overflow-y: scroll;
}
	.modal .innerTitle {
    background-color: #9f0000;
    color: #fff;
    overflow: hidden;
    padding: 10px;
}
	.modal .inner h4 {
    float: left;
	font-family: 'Noto Sans JP',sans-serif;
    font-weight: 700;
    line-height: 1.75;
}
	.modal .inner div.modalClose {
    float: right;
    cursor: pointer;
}
	.modal .innerForm {
    padding: 10px;
}
	.modal .inner label {
    font-weight: 700;
}
	.form_require {
    display: inline-block;
    background-color: #9f0000;
    color: #fff;
    border-radius: 3px;
    font-size: 0.8em;
    vertical-align: middle;
    margin-left: 5px;
    padding: 0 3px;
}
	.red {
    color: #d50012;
}
	.hidden, .is-hide {
    display: none;
}
	input#email {
    width: 100%;
}
	button, select {
    text-transform: none;
}
	.modal .inner .formAns label {
    font-weight: 400;
}
	input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}
	input {
    line-height: normal;
}
	textarea#msg {
    width: 100%;
}
	textarea {
    overflow: auto;
	margin: 0;
}
	.policy_scroll {
    overflow-y: scroll;
    width: 85%;
    height: 300px;
    margin: 2em auto!important;
    padding: 1em;
    border: 1px solid #999;
    background: rgba(255,255,255,0.5);
    font-size: 13px;
}
	#company h2 {
    margin-bottom: 5px;
}
	.policy_scroll h2 {
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    margin: 1em 0;
	font-family: 'Noto Sans JP',sans-serif;
    line-height: 1.75;
}
	#company p {
    margin: 0;
	font-family: 'Noto Sans JP',sans-serif;
    font-weight: 400;
    line-height: 1.75;
}
	.policy_scroll h3 {
    font-weight: bold;
    margin-top: 1em;
	font-family: 'Noto Sans JP',sans-serif;
    line-height: 1.75;
}
	.policy_scroll ol {
    list-style-type: none;
    padding-left: 1em;
	margin: 0;
    padding: 0;
}
	.policy_scroll ol li {
    counter-increment: cnt;
	font-family: 'Noto Sans JP',sans-serif;
    font-weight: 400;
    line-height: 1.75;
	color: #222;
}
	.policy_scroll ol li:before {
    content: "(" counter(cnt) ") ";
}
	#company .small {
    font-size: 0.8em;
}
	.note {
    text-indent: -1em;
    padding-left: 1em;
	font-family: 'Noto Sans JP',sans-serif;
    font-weight: 400;
	font-size: 0.8333em;
    line-height: 1.75;
	color: #222;
}
	#id_form1 > div {
    margin-bottom: 8px;
}
	.button {
    margin-top: 5px;
}
	button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}
	button {
    overflow: visible;
}
	#submitBtn {
    background-color: #1c911c;
    color: #fff;
}
	button, input, optgroup, select, textarea {
    font: inherit;
    margin: 0;
}
	header:after, footer:after, section:after, div.container:after, div.container:after {
    clear: both;
    display: table;
    content: "";
}
	#company table {
    border-collapse: collapse;
    border-spacing: 0;
	table-layout: fixed;
	width: 100%;
}
	#company table th {
    text-align: left;
    border: 1px solid #999;
    white-space: nowrap;
    padding: 5px;
    font-weight: 400;
    background-color: #ddd;
	font-family: 'Noto Sans JP',sans-serif;
    line-height: 1.75;
	width: 20%;
}
	#company table td {
    border: 1px solid #999;
    padding: 5px;
	font-family: 'Noto Sans JP',sans-serif;
    font-weight: 400;
    line-height: 1.75;
}
	.noteNum {
    text-indent: -2em;
    padding-left: 2em;
    font-size: 0.8333em;
	font-family: 'Noto Sans JP',sans-serif;
    font-weight: 400;
    line-height: 1.75;
}
	#company ul {
    padding-left: 30px;
}
	#company ul li {
    text-align: left;
}
	#footer {
    padding: 0;
	display: block;
}
	section#footer p {
    margin: 2.7rem 0;
	font-family: 'Noto Sans JP',sans-serif;
    font-weight: 400;
    line-height: 1.75;
	font-size: 1.8rem;
}
	#company a,#footer a {
	color: #2981b8;
	text-decoration: underline;
	}
	
	#footer a {
	display: inline-block;
    padding: 10px 0;
	text-decoration: underline;
	}
	
	#footer a.policy_link:after {
    content: ' ▼';
}
	#footer .policy_main {
    font-size: 0.9rem;
    display: none;
    width: 90%;
    margin: 0 auto;
}
	#company .container,#footer .container, footer#globalFooter nav {
    clear: both;
    min-height: 1px;
    height: auto !important;
    overflow: hidden;
    box-sizing: border-box;
}
	#footer p {
	font-family: 'Noto Sans JP',sans-serif;
    font-weight: 400;
    line-height: 1.75;
	}
	
	#footer .policy_main p {
	font-size: 1.4rem;
	}
	
	#footer dl {
	font-family: 'Noto Sans JP',sans-serif;
    font-weight: 400;
    line-height: 1.75;
	margin: 0;
    padding: 0;
	}
	
	#footer .policy_main dt {
    font-weight: bold;
    margin-top: 1.4rem !important;
	color: #222;
    font-size: 1.4rem;
    line-height: 1.75;
    text-align: justify;
	margin: 0;
    padding: 0;
}
	#footer .policy_main dd {
	color: #222;
    font-size: 1.4rem;
    line-height: 1.75;
    text-align: justify;
	}
	#footer .policy_main ol {
    list-style-type: none;
    padding-left: 1.5em;
    text-indent: -1.5em;
	line-height: 1.75;
    text-align: justify;
}
	#footer .policy_main ol li {
    counter-increment: cnt;
}
	#footer .policy_main ol li:before {
    content: "(" counter(cnt) ") ";
}
	.copy {
    margin: 0;
    padding: 10px;
	font-size: 1.2rem !important;
    background-color: #1a2648;
    color: #fff;
	margin-bottom: 0 !important;
}
	.h_product {
	font-size: 32px;
    padding-left: 30px;
    margin: 50px 0 0;
    background: linear-gradient(0deg, rgba(12,18,33,1) 0%, rgba(26,38,72,1) 100%);
    font-family: "Noto Serif JP", "游明朝", "YuMincho", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #fff;
    vertical-align: middle;
	font-weight: 700;
    line-height: 1.75;
}
	.product_cnt {
    margin-top: 50px;
}
	.f_clear {
    overflow: hidden;
}
	.floatLeft {
    float: left;
}
	section#item img {
    max-width: 100% !important;
    height: auto;
	width: auto;
    margin: 0;
    padding: 0;
    border: 0 none #ffffff;
    vertical-align: top !important;
    color: #666666;
	zoom: 1;
}
	.sp, .spimage, img[src*="_sp."], .hidden {
    display: none !important;
}
	.floatRight {
    float: right;
}
	#item table {
    font-size: 18px;
	border-collapse: collapse;
    border-spacing: 0;
}
	#item table th {
    text-align: left;
    border-bottom: 1px solid #999;
    padding: 20px 0 10px 0;
	font-family: 'Noto Sans JP',sans-serif;
    font-weight: 700;
    line-height: 1.75;
}
	#item table td {
    border-bottom: 1px solid #999;
    padding: 20px 0 10px 25px;
	font-family: 'Noto Sans JP',sans-serif;
    font-weight: 400;
    line-height: 1.75;
}
	#item #product1_amount, #item #product2_amount {
    width: 50px;
}

	input#cart_btn1:hover,input#cart_btn2:hover {
		opacity: 0.8;
	}


@media screen and (max-width:767px) {
	section#faq p {
		font-size: 1.5rem !important;
	}
	
	#faq h3 {
    margin-bottom: 20px;
		margin-top: 0;
}
	
	.faq_sub_title {
		font-size: 28px;
		font-weight: bold;
	}
	
	.faq_q:before, .faq_a:before {
    font-size: 28px;
    top: -4px;
    left: 10px;
    position: absolute;
}
	#company table th {
		width: 40%;
	}
	
	#company table {
		font-size: 1.4rem;
	}
	
	#company {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
	#company ul {
    padding-left: 15px;
}
	#company h2 {
		font-size: 1.5rem;
	}
	
	.policy_scroll h2 {
		margin-top: 0;
	}
}