/*
Theme Name: Antroquinonol Online Clinic
Author: Senjudo
Author URI: https://aoc-shop.jp/
Description:  Antroquinonol Online Clinic Theme
Version: 1.0.0
*/

@charset "UTF-8";
/*  reset
-------------------------------------------------------*/

/* @font-face {
	font-family: "ヒラギノ明朝5";
	src: url(../font/HiraMinStd5.otf);
}
@font-face {
	font-family: "ヒラギノ明朝4";
	src: url(../font/HiraKakuStd4.otf);
}
.font-w4{
	font-family: "ヒラギノ明朝4";
}
.font-w5{
	font-family: "ヒラギノ明朝5";
} */
html {
	scroll-behavior: smooth;
	display: none;
}
body {
	position: relative;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	line-height: 1;
	letter-spacing: 0.02em;
	color: #000;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: none;
}
*,
*::before,
*::after {
	box-sizing: border-box;
}

p {
	line-height: 1.6;
	margin-top: 0;
	margin-bottom: 1rem;
	text-rendering:optimizeLegibility;
}

input,
select,
textarea{
	font-weight: 500;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
	cursor: pointer;
}
button,
.button {
	font-family: YuGothic, sans-serif;
	/* font-family: YuGothic,"Yu Gothic Medium", "Yu Gothic", 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif; */
	font-weight: 500;
	transition: all .25s;
}

input::placeholder{
	color: #bbb;
}

input[type=text],
input[type=number],
input[type=tel],
input[type=email],
input[type=password],
textarea {
	font-family: 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif;
	font-size: 0.875rem;
	line-height: 2;
	padding: 6px 12px;
	margin-bottom: 15px;
	color: #333;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
input[type=number]{
	padding: 4px 2px 4px 12px;
}
input[type=tel] {
	max-width: 300px;
}

input[type=email] {
	max-width: 500px;
}

input[name=postnumber] {
	max-width: 300px;
}

input[type=radio] {
	width: 22px;
	height: 22px;
	vertical-align: -4px;
	margin: 8px 4px 8px 0;
}
input[type=checkbox] {
	width: 22px;
	height: 22px;
	vertical-align: middle;
}
select{
	font-family: 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', sans-serif;
	font-size: 0.875rem;
	line-height: 2;
	padding: 6px 12px;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
}
ul {
	margin-left: 1rem;
	padding-left: 20px;
}
ol {
	margin-left: 0;
}
li {
	line-height: 2;
}
ol > li{
	margin-bottom: 0.25rem;
}
li > ol{
	margin-top: 0.5rem;
	margin-left: 1rem;
}
li > ol > li{
	margin-bottom: 0.5rem;
}

a {
	color: inherit;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
img.auto {
	width: 100%;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	float: right;
	margin: 0.5rem 0 0.5rem 1rem;
}

img.alignleft {
	float: left;
	margin: 0.5rem 1rem 0.5rem 0;
}
img.middle{
	vertical-align: middle;
}
body strong {
	font-weight: 600;
}
iframe#shop{
	display: none;
}

hr{
	border-top: solid 1px #999;
	opacity: 1;
	margin: 15px 0;
}


hr.dotline {
	height: 1px;
	position: relative;
	border: none;
	margin: 30px 0;
}
hr.dotline::before {
	content: "";
	background-image: linear-gradient(to right, #999, #999 2px, transparent 2px, transparent 2px);
	background-size: 8px 1px;
	background-repeat: repeat-x;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* :::::::::::::::::: common :::::::::::::::::: */
.cf:after {
	content: "";
	clear: both;
	display: block;
}

.ib {
	display: inline-block;
}

.mode_pc,
.mode_pc_ib {
	display: none;
}

.mode_sp {
	display: block;
}

.mode_sp_ib {
	display: inline-block;
}

.tel a, .mail a {
	pointer-events: auto;
	cursor: pointer;
}

.d-flex {
	display: flex;
	flex-wrap: wrap;
}

.serifFont {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.contents01 {
	font-family: YuGothic, sans-serif;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.8;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}
.feature{
	font-feature-settings: "palt";
}

.topMargin0 {
	padding-top: 0;
	margin-top: 0;
}

.topMargin1 {
	padding-top: 15px;
}

.topMargin2 {
	padding-top: 30px;
}

.topMargin4 {
	padding-top: 60px;
}

.bottomMargin0 {
	padding-bottom: 0;
	margin-bottom: 0;
}

.bottomMargin1 {
	padding-bottom: 15px;
}

.bottomMargin2 {
	padding-bottom: 30px;
}

.bottomMargin4 {
	padding-bottom: 60px;
}

.align-items-center {
	align-items: center;
}
.pc {
	display: flex;
}
.pc-block {
	display: block;
}
.font-ag{
	font-family: "A-OTF Midashi Go MB31 Pr6N";
}
.sp {
	display: none;
}
.sp-block{
	display:none;
}
.justify-content-center {
	justify-content: center!important;
}
.justify-content-between {
	justify-content: space-between;
}
.justify-content-around {
	justify-content: space-around;
}
.justify-content-end{
	justify-content:flex-end;
}
.align-items-baseline{
	align-items:baseline;
}
.text-center{
	text-align:center;
}
.text-right{
	text-align: right;
}
.text-left {
	text-align: left;
}
.flex-reserve{
	flex-direction: row-reverse;
}
.center {
	margin-left: auto;
	margin-right: auto;
}

.h2-txt{
	font-size: 1.375rem;
	font-weight: 500;
	line-height: 1.1;
	margin: 20px 0;
}
.small-txt {
	font-size: 0.875rem;
	line-height: 1.2;
	font-weight: 500;
}
#container {
	padding-bottom: 5px;
}
.bgImage {
	width: 100%;
	max-width: auto;
	max-width: inherit;
}

.mover {
	transition: opacity 0.2s ease-out;
	backface-visibility: hidden;
	zoom: 1;
}
.mover:hover {
	opacity: 0.7;
}

.inner,
.inner02,
.inner03,
.spInner {
	padding: 0 4%;
}
.inner .inner02,
.inner02 .inner02,
.inner03 .inner02,
.spInner .inner02 {
	padding: 0;
}

.contentWrap {
	padding-top: 60px;
}
.lowerWrap {
	padding-top: 20px;
}
.lowerWrap .bgBox {
	padding: 30px 4.8%;
}
.lowerWrap .bgBox + .bgBox {
	margin-top: 30px;
}
.lowerWrap .lowerContent {
	margin-bottom: 40px;
}
.lowerWrap .lowerContent.bottom {
	margin-bottom: 0;
}
.lowerWrap .lowerContent.type02 {
	margin-bottom: 30px;
}
.bg-g {
	background-color: #EFFAF0;
}

.shadow {
	background-color: #fff;
	filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2));
}

.shadow02 {
	background-color: #fff;
	filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1));
}

.anchor {
	margin-top: -70px;
	padding-top: 70px;
}
.anchor2 {
	margin-top: -70px;
	padding-top: 70px;
}

.textBase {
	line-height: 1.6;
}

.em {
	font-weight: 600;
}

.maker {
	background: linear-gradient(transparent 60%, rgba(241, 196, 15, 0.4) 40%);
}

a.blue{
	text-decoration: underline;
	color: #337ab7;
}

a.orange{
	text-decoration: underline;
	color: #C59535;
}


/* :::::::::::::::::: common table :::::::::::::::::: */

div.detail {
	line-height: 1.75rem;
	width: 100%;
	margin-bottom: 1rem;
}
div.detail .tr {
	position: relative;
	display: flex;
	flex-direction: column;
}

div.detail .th {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 1rem;
	font-weight: normal;
	text-align: center;
	background: #fafafa;
	color: #000;
	background-color: rgba(197, 149, 53, 0.4);
	padding: 10px;
	margin: 0;
	box-sizing: border-box;
	flex: 1;
}
div.detail .th.dark {
	color: #fff;
	background-color:#c59535;
}

div.detail .td {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 1rem;
	margin: 0;
	font-size: 0.95rem;
	text-align: left;
	background: rgba(255,255,255,0.75);
	padding: 10px;
	border-bottom: 1px solid #F2F3F7;
	width: auto;
	box-sizing: border-box;
	flex: 1;
}
div.detail .td.dark {
	border-bottom: 1px solid #C59535;
}


div.noBorder {
	border: 0;
	margin-bottom: 15px;
	position: relative;
}
div.noBorder .tr {
	position: relative;
	display: flex;
	flex-direction: column;
	column-gap: 15px;
	row-gap: 15px;
	margin-bottom: 15px;
}
div.noBorder .tr.imgRight {
	flex-direction: column-reverse;
}
div.noBorder .th {
	vertical-align: top;
	padding: 5px;
	border: 0;
	background: none;
	width: 120px;
}

div.noBorder .td {
	vertical-align: top;
	border: 0;
	color: #000;
}
div.flex1.noBorder .th,
div.flex1.noBorder .td {
	flex: 1;
}
div.noBorder .td.imageBox{
	width: 100%;
}
div.noBorder .td.textBox{
	width: 100%;
	font-family: YuGothic, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 28.8px;
	text-align: left;
	text-underline-position: from-font;
	text-decoration-skip-ink: none;
}

.borderTable {
	color: #333;
	border: 0;
	margin-bottom: 15px;
	padding-top: 20px;
	border-top: solid 1px #999;
}
.borderTable dl,
.borderTable .tr {
	position: relative;
	display: flex;
	flex-direction: column;
	column-gap: 0px;
	row-gap: 15px;
	margin-bottom: 20px;
	border-bottom: solid 1px #999;
}
.borderTable dt,
.borderTable .th {
	font-weight: normal;
	padding: 5px 5px 30px;
	border: none;
	background: none;
	flex: 1;
}
.borderTable dd,
.borderTable .td {
	padding: 5px 5px 30px;
	border: none;
	flex: 1;
}
div.borderTable.autoWidth .td,
div.noBorder.autoWidth .td {
	flex: inherit;
}
div.detail.tr1 .td,
div.noBorder.tr1 .td{
	width: 100%;
}

.f-img{
	width:100%;
}
.fv-slider .item{
	background-image: url(../img/fv.png);
	width:100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	/* position: relative; */
}
.slide-animation{
	animation: fadezoom 16s 6s forwards;
}
@keyframes fadezoom {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.3);
	}
}


/* .top-fv{
	width:100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
} */
.white-back{
	width:100%;
	/*position: fixed;*/
	/*height: 160px;*/
	background-color: #fff;
	top:0;
	left:0;
	z-index: 10;
	transition: all 0.4s ease-in-out;
}
.white-back.top-back{
	background: unset;
}
.white-back.open{
	background: rgb(255,255,255,0);
}
.m_fixed {
	left: 0;
	position: fixed;
	top: 0;
	z-index: 10;
	width: 100%;
}

/*
header
---------------------------*/
header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	transition: 0.5s ease;
	z-index: 100;
	background-color: #fff;
}
header.is-fixed {
	background-color: rgba(255, 255, 255, 0.8);
	transition: all 1000ms;
}
header .companynameBox {
	padding: 10px;
}
header .companynameBox p {
	font-size: 11px;
	padding-bottom: 5px;
}
header .companynameBox img {
	width: 190px;
	height: auto;
}

header .navBox .navBtnWrap {
	display: flex;
	justify-content: flex-end;
}
header .navBox .navBtnWrap ul{
	display: flex;
	justify-content: flex-end;
	list-style: none;
	margin: 0;
	padding: 0;
}

header .navBox .navBtn {
	text-align: center;
}
header .navBox .navBtn .mode_pc {
	display: none;
}
header .navBox .navBtn a {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	color: #0b5930;
	background-color: #fff;
	line-height: 1.4;
	display: block;
	width: 58px;
	height: 58px;
	padding: 9px 0;
	border: 1px solid #0b5930;
}
header .navBox .navBtn:nth-child(2) a,
header .navBox .navBtn.type02 a,
header .navBox .navBtn a.company {
	background-color: #0b5930;
	color: #fff;
}
header #contentNav {
	position: fixed;
	top: 58px;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	background-color: rgba(255, 255, 255, 0.98);
	height: 100%;
	transition: all 0.5s;
}
header #contentNav a {
	font-size: 0.938rem;
	line-height: 1;
	display: block;
	padding: 15px 0;
}
header #contentNav .navInner {
	text-align: left;
	padding: 10px 4% 80px;
	margin-left: 0;
	margin-top: 0;
	height: 100%;
	overflow-y: auto;
	list-style: none;
}

header #contentNav li,
header #contentNav .loginMenu {
	position: relative;
	padding-left: 20px;
	border-top: 1px solid #DCDCDC;
}
header #contentNav li:before,
header #contentNav .loginMenu:before {
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	position: absolute;
	content: "";
	background-image: url(/images/arrow-g.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 12px;
	height: 8px;
}
header #contentNav .loginMenu {
	padding: 15px 0 15px 20px;
}
/* :::::::::::::::::: flowNav :::::::::::::::::: */
#flowNav {
	position: fixed;
	top: 250px;
	left: -6px;
	z-index: 10;
}
/* :::::::::::::::::: menu_btn :::::::::::::::::: */
#menu_btn {
	text-align: center;
	margin: auto;
	cursor: pointer;
	padding: 10px 12px;
	background: none;
	border: none;
}
#menu_btn .label {
	font-size: 12px;
	font-weight: 500;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	color: #0b5930;
	padding-top: 4px;
	display: block;
}
#menu_btn .lines {
	position: relative;
	width: 28px;
	height: 20px;
	margin: auto;
	display: block;
}
#menu_btn .bar {
	position: absolute;
	right: 0;
	width: 28px;
	height: 1px;
	background-color: #0b5930;
	transition: all 0.4s;
	margin: auto;
}
#menu_btn .bar:nth-of-type(1) {
	top: 0;
}
.open #menu_btn .bar:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
#menu_btn .bar:nth-of-type(2) {
	top: 0;
	bottom: 0;
}
.open #menu_btn .bar:nth-of-type(2) {
	opacity: 0;
}
#menu_btn .bar:nth-of-type(3) {
	top: auto;
	bottom: 0;
}
.open #menu_btn .bar:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}

.menu{
	width:100%;
	/*position: absolute;*/
	top:30%;
	left:0;
	padding:26px 100px;
	display: flex;
	justify-content: space-between;
	/*transform: translateY(-50%);*/
}
.menu .logo-text{
	font-weight: normal;
	font-size: 40px;
	letter-spacing: 0.1em;
	line-height: 45px;
	text-align: left;
	color: #fff;
	/*cursor: pointer;*/
	transition: all 0.4s ease-in-out;
	text-decoration: unset;
	margin: 0 auto;
}
.menu .logo-text.is-white{
	color:white;
}

/* :::::::::::::::::: breadcrumbs :::::::::::::::::: */

.breadcrumbs {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding: 60px 0 0;
	list-style: none;
}
.breadcrumbs > * {
	font-size: 0.875rem;
	font-feature-settings: "palt";
	margin: 0;
	display: inline-block;
}
.breadcrumbs > *:before {
	content: '>';
	color: #aaa;
	margin: 0 0.75rem;
	position: relative;
	top: 1px;
}
.breadcrumbs > *:first-child:before {
	content: '';
	margin: 0;
}
.breadcrumbs > *:not(:last-child) {
	color: #aaa;
}
.breadcrumbs a{
	color: #0b5930;
}

/* :::::::::::::::::: NAVIGATION :::::::::::::::::: */

.paginations {
	font-family: sans-serif;
	position: relative;
	z-index: 8;
	margin: 60px 0;
}

.paginations .num{
	font-size: 0.875rem;
	text-align: center;
}

.navigation {
	margin: 15px;
	text-align: center;
}

.navigation ul {
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	padding-left: 0;
	margin: 0;
	column-gap: 5px;
}
.navigation li{
	font-family: sans-serif;
}
.navigation li span,
.navigation li a{
	text-decoration: none;
	line-height: 1.5;
	position: relative;
	padding: 4px 12px 6px;
	border: 1px solid #0b5930;
	display: block;
}

.navigation li span {
	color: #333;
	background-color: #fff;
}

.navigation li a {
	color: #fff;
	background-color: #0b5930;
	
}

.navigation li a:hover {
	color: #fff;
	background-color: #00a04b;
}


.single-navi{
	font-family: 'Century Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', sans-serif;
	text-align: center;
	margin: 60px 0;
	display: flex;
	justify-content: center;
	position: relative;
}
.single-navi a{
	color: #284b63;
}
.single-navi .list {
	text-align: center;
	margin: 0 10px;
}
.single-navi .list a{
	font-size: 1rem;
	font-weight: 500;
	line-height: 30px;
	color: #fff;
	background: #0b5930;
	min-width: 30px;
	height: 30px;
	padding: 0 15px;
	display: inline-block;
	transition: all .2s;
}

.single-navi .prev,
.single-navi .next {
	position: relative;
	min-width: 30px;
}

.single-navi .navi {
	font-family: monospace;
	font-size: 1rem;
	font-weight: bold;
	line-height: 30px;
	color: #fff;
	background: #0b5930;
	width: 30px;
	height: 30px;
	display: block;
}
.single-navi .list a:hover,
.single-navi a:hover .navi {
	background: #00A04B;
}

.single-navi .smallTitle {
	position: absolute;
	width: max-content;
	max-width: 120px;
	font-size: 0.875rem;
	line-height: 1.2;
	padding: 2px 0 0;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.single-navi .prev .smallTitle{
	text-align: right;
	right: 40px;
	top: 0;
}
.single-navi .next .smallTitle{
	text-align: left;
	left: 40px;
	top: 0;
}
/* 
.menu-black .logo-text{
	color:black;
}
.menu-black-top .logo-text{
	color:black;
}
.menu .menu-icon{
	width:80px;
	position: relative;
	cursor: pointer;
	
}
.menu .menu-icon span{
	width:100%;
	height: 0;
	border-bottom: 2px solid #fff;
	position: absolute;
	top:0;
	left:0;
	transition: all 0.4s ease-in-out;
}
.menu-black-top .menu-icon span{
	border-bottom: 2px solid black;
}
.menu-black .menu-icon span{
	border-bottom: 2px solid black;
}
.menu .menu-icon span +span{
	top:15px;
}
.menu .menu-icon span +span +span{
	top:30px;
}
.menu .menu-icon.open span:nth-child(1){
	transform: rotate(25deg);
	top:10px;
	border-bottom: 2px solid #fff;
}
.menu .menu-icon.open span:nth-child(3){
	transform: rotate(-25deg);
	top:10px;
	border-bottom: 2px solid #fff;
}
.menu .menu-icon.open .menu_txt{
	color:white;
}
.menu .menu-icon.open span:nth-child(2){
	opacity: 0;
}
.menu-black .menu-icon.open span:nth-child(1){
	border-bottom: 2px solid #fff;
}
.menu-black .menu-icon.open span:nth-child(3){
	border-bottom: 2px solid #fff;
}
.menu-black .menu-icon.open .menu_txt{
	color:white;
}
.menu .menu-icon.open span:nth-child(3){
	transform: rotate(-25deg);
	top:10px;
}
.menu .menu-icon .menu_txt{
	font-weight: normal;
	font-size: 20px;
	letter-spacing: 0.3em;
	line-height: 30px;
	text-align: center;
	color: #fff;
	position: absolute;
	top:38px;
	left:0;
	transition: all 0.4s ease-in-out;
}
.menu-black-top .menu-icon .menu_txt{
	color:black;
}
.menu-black .menu-icon .menu_txt{
	color:black;
} */

/* :::::::::::::::::: mainVisual :::::::::::::::::: */
#mainVisual {
	position: relative;
	padding-top: 58px;
}
#mainVisual .minVisualInner {
	background: linear-gradient(rgba(239, 250, 240, 0.1), rgba(239, 250, 240, 0.3));
	padding-bottom: 20px;
}
#mainVisual.lower {
	background-image: url(/images/mv-bg.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
}
#mainVisual.lower .minVisualInner {
	padding-bottom: 0;
}
#mainVisual.lower p.h1,
#mainVisual.lower h1 {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 1.125rem;
	line-height: 1.6;
	padding: 10px 0 50px;
}

/* :::::::::::::::::: contentBox :::::::::::::::::: */
.topContentTitle {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	color: #0b5930;
	padding-left: 25px;
	margin-bottom: 20px;
}
.topContentTitle:after {
	content: "";
	display: block;
	background-color: #0b5930;
	width: 15px;
	height: 1px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.contentTitleWrap {
	text-align: center;
	padding-bottom: 20px;
}
.contentTitleWrap > div {
	display: flex;
	align-items: center;
}
.contentTitleWrap > div:before, .contentTitleWrap > div:after {
	content: "";
	height: 1px;
	background-color: #0b5930;
	flex-grow: 1;
}
.contentTitleWrap .contentTitle {
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 600;
	padding: 0 20px;
}
.circleTitleWrap {
	position: relative;
	padding-left: 25px;
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.circleTitleWrap:after {
	content: "";
	height: 1px;
	background-color: #C59535;
	flex-grow: 1;
}
.circleTitleWrap:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 15px;
	height: 15px;
	content: "";
	background: #C59535;
	border-radius: 50px;
	margin: auto;
}
.circleTitleWrap .circleTitle {
	font-size: 16px;
	line-height: 1.4;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	text-align: left;
	padding: 0 20px 0 0;
}

.readTitle {
	color: #1A3320;
	font-size: 14px;
	font-weight: 600;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	line-height: 1.4;
	padding-bottom: 15px;
}
.readTitle.centerType {
	text-align: center;
}
.readTitle.noSpace {
	padding-bottom: 0;
}
.readTitle span {
	color: #C59535;
	font-size: 16px;
}
.detailInformation h3.readTitle {
	padding: 0;
}

.scrollTableWrap {
	overflow-x: scroll;
	margin-bottom: 10px;
}
.scrollTableWrap .tableStyle {
	width: 600px;
}
.scrollTableWrap.wide .tableBase {
	width: 700px;
}
.tableinfo {
	font-size: 12px;
	font-weight: 600;
	text-align: left;
	padding-bottom: 8px;
	margin: 0;
}
.tableinfo:after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 3px;
	border-bottom: 1px solid #0b5930;
	border-right: 1px solid #0b5930;
	transform: skew(45deg);
}

div.detailInformation {
	position: relative;
	background-color: rgba(197, 149, 53, 0.15);
	padding: 30px 4.8%;
	margin-bottom: 30px;
}
div.detailInformation .tr{
	position: unset;
}
div.detailInformation .td{
	background: none;
}

.detailInformation:before, .detailInformation:after,
.detailInformation > div:before,
.detailInformation > div:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 1px;
	content: "";
	background-color: #C59535;
}
.detailInformation:after,
.detailInformation > div:after {
	width: 1px;
	height: 40px;
}
.detailInformation > div:before,
.detailInformation > div:after {
	left: auto;
	top: auto;
	right: 0;
	bottom: 0;
}
/* 
.top-fv .top-text_wrapper{
	width:100%;
	position: absolute;
	top:40%;
	left:50%;
	transform: translate(-50%,-50%);
}
.top-fv .top-text_wrapper .top-catch_txt{
	font-weight: normal;
	font-size: 32px;
	letter-spacing: 0.1em;
	line-height: 48px;
	text-align: center;
	color: #000;
	text-shadow: 1px 1px 10px rgb(255 255 255), 1px 1px 10px rgb(255 255 255), 1px 1px 10px rgb(255 255 255), 1px 1px 10px rgb(255 255 255), 1px 1px 10px rgb(255 255 255), 1px 1px 10px rgb(255 255 255), 1px 1px 10px rgb(255 255 255), 1px 1px 10px rgb(255 255 255);
}
.top-fv .top-text_wrapper .top-sub-catch_txt{
	font-weight: normal;
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 36px;
	text-align: center;
	color: #000;
	text-shadow: 1px 1px 10px rgb(255 255 255), 1px 1px 10px rgb(255 255 255), 1px 1px 10px rgb(255 255 255), 1px 1px 10px rgb(255 255 255), 1px 1px 10px rgb(255 255 255), 1px 1px 10px rgb(255 255 255), 1px 1px 10px rgb(255 255 255), 1px 1px 10px rgb(255 255 255);
	margin-top:30px;
}
.top-fv .top-text_wrapper .top-white-back_txt{
	width: 620px;
	margin:auto;
	margin-top:40px;
	background: rgb(255,241,0,70%);
	padding:26px 30px;
	font-weight: normal;
	font-size: 18px;
	line-height: 36px;
	text-align: left;
	color: #000;
	text-shadow: none;
} */
.ttl-wrapper{
	width:100%;
	padding:55px 0;
}
.ttl-wrapper .en-ttl{
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 60px;
	text-align: center;
}
.ttl-wrapper .ja-ttl{
	font-weight: normal;
	font-size: 40px;
	letter-spacing: 0.1em;
	line-height: 60px;
	text-align: center;
	color: #cba458;
}
.section-about .about-wrapper{
	background-image: url(../img/about-back.png);
	width:100%;
	height: auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left center;
	padding:60px 0;
}
.section-about .about-wrapper .about-text{
	font-size: 18px;
	line-height: 45px;
	text-align: center;
}
.section-about .about-wrapper .about-image{
	display: flex;
	justify-content: center;
	margin-top:60px;
}
.section-about .about-wrapper .about-image .item{
	width:540px;
}
.section-about .about-wrapper .about-btns{
	display: flex;
	flex-direction: column;
	width: 500px;
	margin:auto;
	height: 280px;
	margin-top:60px;
	justify-content: space-between;
}
.btn_wrapper{
	width: 500px;
	height: auto;
	padding:10px 0;
	border: 2px solid #0b5930;
	background: transparent;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	text-decoration: unset;
}
.btn_wrapper:after{
	content:'';
	width:100%;
	height: 100%;
	background:#0b5930;
	position: absolute;
	top:0;
	left:-100%;
	transition: all 0.3s ease-in-out;
}
.btn_wrapper:hover:after{
	left:0;
}

.btn_wrapper-small{
	width: 420px;
}
.registered{
	border: 2px solid #b3b3b3;
}

.btn_wrapper p{
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 60px;
	text-align: center;
	color: #0b5930;
	position: relative;
	z-index: 2;
	transition: all 0.4s ease-in-out;
}
.btn_wrapper:hover p{
	color:white;
}
.registered p{
	color: #b3b3b3;
}
/* 
.section-product .product-wrapper{
	background-image: url(../img/product-back.png);
	width:100%;
	height: auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	padding:60px;
}
.section-product .product-wrapper .product-content{
	width:1080px;
	margin:auto;
	display: flex;
	justify-content: space-between;
}
.section-product .product-wrapper .product-content .image-property_txt{
	width:540px;
}
.section-product .product-wrapper .product-content .image-property_txt .pic{
	width:100%;
}
.section-product .product-wrapper .product-content .image-property_txt .property-text{
	margin:35px 0 40px;
}
.section-product .product-wrapper .product-content .image-property_txt .property-text ul{
	padding:0;
	list-style: none;
	margin:0;
}
.section-product .product-wrapper .product-content .image-property_txt .property-text ul li{
	font-size: 18px;
	line-height: 36px;
	text-align: left;
}
.section-product .product-wrapper .product-content .purchase-item{
	width:540px;
}
.section-product .product-wrapper .product-content .purchase-item .item{
	padding:50px;
	background: rgb(255 255 255 / 70%);
}
.section-product .product-wrapper .product-content .purchase-item .item .single-item-purchase_icon{
	padding:10px 20px;
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 60px;
	text-align: center;
	color: #fff;
}
.section-product .product-wrapper .product-content .purchase-item .item .update{
	font-size: 18px;
	line-height: 36px;
	margin-left:20px;
}
.section-product .product-wrapper .product-content .purchase-item .item .regular-purchase{
	background: #cba458;
}
.section-product .product-wrapper .product-content .purchase-item .item ul{
	width:100%;
	padding:0;
	margin:0;
	list-style: none;
	margin:50px 0;
}
.section-product .product-wrapper .product-content .purchase-item .item ul li{
	border-top: 1px solid #808080;
	padding:10px 0;
}
.section-product .product-wrapper .product-content .purchase-item .item ul li:last-child{
	border-bottom: 1px solid #808080;
}
.section-product .product-wrapper .product-content .purchase-item .item ul li .single-item_txt{
	font-size: 28px;
	line-height: 35px;
	text-align: left;
	color: #4d4d4d;
}
.section-product .product-wrapper .product-content .purchase-item .item ul li .single-item-price{
	font-size: 28px;
	line-height: 40px;
	text-align: right;
	color: #58595B;
}
.section-product .product-wrapper .product-content .purchase-item .item ul li .single-item-price .price{
	color:#0b5930;
}
.mt-40{
	margin-top:40px;
}
.section-product .product-wrapper .product-content .purchase-item .item .use-register{
	margin-top:25px;
	text-align: center;
}
.section-product .product-wrapper .product-content .purchase-item .item .use-register .already-register_txt{
	text-decoration: underline;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 40px;
	text-align: center;
	color: #0b5930;
	display: block;
}
.section-product .product-wrapper .product-content .purchase-item .item .use-register .new-register_txt{
	color: #cba458;
} */
/* :::::::::::::::::: flowBtn :::::::::::::::::: */
#flowBtn {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: 15px;
	background-color: rgba(197, 149, 53, 0.9);
	color: #fff;
	z-index: 15;
	padding: 5px 0;
}
#flowBtn .flowBtnInner {
	display: table;
	width: 100%;
}
#flowBtn .flowBtnInner > div {
	width: 50%;
	text-align: center;
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
#flowBtn .flowBtnInner > div + div {
	border-left: 1px solid #fff;
}
#flowBtn.is-absolute {
	position: absolute;
	top: 0;
	bottom: auto;
}
#flowBtn a {
	display: block;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	line-height: 1.2;
	padding: 2px 0;
}
/* :::::::::::::::::: footer :::::::::::::::::: */
footer {
	position: relative;
	background-color: #1A3320;
	color: #fff;
	margin-top: 80px;
	padding-top: 50px;
}
footer .footerBg {
	background-image: url(/images/footer-bg.webp);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover;
	padding: 40px 4.8% 10px;
}
footer .companynameBox p {
	font-size: 11px;
	padding-bottom: 5px;
	margin-bottom: 0;
}
footer .companynameBox img {
	width: 130px;
}
footer .sitemap {
	padding-top: 40px;
}
footer .sitemap li {
	list-style: none;
}
footer .sitemap li + li {
	padding-top: 5px;
}
footer .sitemap ul + ul {
	padding-top: 1em;
}
footer .copy {
	font-size: 11px;
	text-align: center;
	padding-top: 30px;
}

/* about */
.subpage-catch{
	width: 1080px;
	height: auto;
	margin:auto;
	background: #f4e2d857;
	padding:20px;
	margin-top:200px;
}
.subpage-catch p{
	font-size: 18px;
	line-height: 36px;
	text-align: left;
	color: #0b5930;
}
.about-container{
	position: relative;
	padding:60px 0;
}


.about-container{
	background-image: url(../img/sub-about-back.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}
.component{
	background-image: url(../img/componet-back.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 73%;
}
.commitment{
	background-image: url(../img/commitment-back.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 62% 0;
}
.about-container .about-back-up{
	width:100%;
	height: 1080px;
	background-image: url(../img/sub-about-back.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: absolute;
	top:0;
	left:0
}
.about-container .commitment-back-up{
	background-image: url(../img/commitment-back.png);
}
.about-container .componet-back-up-1{
	background-image: url(../img/componet-back.png);
}
.about-container .componet-back-up-2{
	background-image: url(../img/componet-back.png);
	top:1140px;
}
.about-container .about-back-down{
	width:100%;
	height: 1080px;
	background-image: url(../img/sub-about-back.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	position: absolute;
	bottom:0;
	left:0
}
.about-container .commitment-back-down{
	background-image: url(../img/commitment-back.png);
	height: 1400px;
}
.about-container .componet-back-down{
	background-image: url(../img/componet-back.png);
}
.container{
	width:1080px;
	margin-left:auto;
	margin-right: auto;
	background: rgb(255,255,255,85%);
	padding:40px 50px;
	position: relative;
	z-index: 7;
}
.sub-title_txt{
	font-weight: normal;
	font-size: 32px;
	letter-spacing: 0.1em;
	line-height: 48px;
	text-align: center;
	margin-bottom: 70px;
}
.about-container .detail-item{
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;
}
.about-container .detail-item .detail-text{
	width:580px;
}
.about-container .detail-item .detail-text-wide{
	width:100%;
}
.about-container .detail-item .detail-text .d-title{
	font-size: 24px;
	line-height: 36px;
}
.about-container .detail-item .detail-text .d-txt{
	font-size: 18px;
	line-height: 36px;
}
.about-container .detail-item .detail-text .d-txt-add{
	color:#0b5930;
	margin-top:40px;
	margin-bottom: 40px;
}
.about-container .detail-item .detail-pic{
	width:350px;
}
.about-container .detail-item .detail-pic-down{
	padding-top:80px;
}
.about-container .detail-item .detail-pic-down-2{
	padding-top:100px;
}
.history-tree{
	width:680px;
	margin:auto;
	margin-top:60px;
}
.history-tree table{
	border-collapse: collapse;
	width:100%;
}
.history-tree table tr td{
	font-size: 24px;
	line-height: 1;
	padding:23px 0;
}
.history-tree table tr td:first-child{
	padding-right: 40px;
	text-align: right;
	border-right: 1px solid #CCCCCC;
	position: relative;
	word-break: keep-all;
}
.history-tree table tr:first-child td{
	padding-top:0;
}
.history-tree table tr:last-child td{
	padding-bottom:0;
}
.history-tree table tr td:first-child:after{
	content:"";
	width: 21.05px;
	height: 21.05px;
	background: #ccc;
	border-radius: 50%;
	position: absolute;
	top:50%;
	right:0;
	transform: translate(50%,-50%);
}
.history-tree table tr:first-child td:first-child:after{
	top:0;
	right:0;
	transform: translate(50%,0);
}
.history-tree table tr:last-child td:first-child:after{
	bottom:-2%;
	right:0;
	transform: translate(50%,10%);
}
.history-tree table tr td:not(:first-child){
	padding-left:40px;
}
.about-container .gap-txt{
	font-size: 18px;
	line-height: 36px;
	text-align: center;
	color: #58595B;
	margin-top:80px;
	margin-bottom: 115px;
}
.btn_wrapper-580{
	width:580px;
	margin-top:40px;
}
.about-container .final-gap-txt{
	background: #cba458;
	padding:40px 0;
	text-align: center;
	font-size: 24px;
	line-height: 48px;
	color: #fff;
}
/*  */
.componet-content_txt{
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	color: #0b5930;
	margin-top:68px;
}
.componet-content_subtxt{
	font-size: 18px;
	line-height: 36px;
	text-align: center;
	color: #58595B;
}
.componet-table{
	width:100%;
	margin-top:45px;
	margin-bottom: 60px;
}
.componet-table table{
	border-collapse:collapse ;
	width:100%;
}
.componet-table table tr:nth-child(2n+1){
	background: #f2eede;
}

.componet-table table tr th{
	padding:15px 0;
	font-size: 18px;
	line-height: 36px;
}
.componet-table table tr th:first-child{
	width:250px;
	background: #cba458;
	color: #f2f2f2;
	text-align: center;
}
.componet-table table tr th:last-child{
	background: #e4d0a3;
	padding-left:50px;
	text-align: left;
}
.componet-table table tr td{
	font-size: 18px;
	line-height: 36px;
	padding:10px 0;
}
.componet-table table tr td:first-child{
	text-align: center;
}
.componet-table table tr td:last-child{
	padding-left:50px;
}
.sub-detail-txt{
	font-size: 18px;
	line-height: 36px;
	text-align: left;
}
.sub-detail-txt a{
	color:white;
	text-decoration: unset;
}
.color-90{
	color:#0b5930!important;
}
/* .mt-50{
	margin-top:50px;
}
.mt-60{
	margin-top: 60px !important;
} */
.componet-test-table{
	margin-top:40px;
	width:100%;
}
.componet-test-table table{
	width:100%;
	border-collapse: collapse;
	background: #f2eede;
}
.componet-test-table table tr{
	border-top: 1px solid #808080;
}
.componet-test-table table tr:last-child{
	border-bottom: 1px solid #808080;
}
.componet-test-table table tr td{
	font-size: 18px;
	line-height: 36px;   
	padding:10px 0;
}
.componet-test-table table tr td:first-child{
	width:180px;
	/* text-align: center; */
	padding-left:50px;
}
.componet-test-table-wide table tr td:first-child{
	width:310px;
}
.componet-test-table table tr td:last-child{
	padding-right: 50px;
}
.componet-test-chart{
	width:800px;
	margin:auto;
	margin-top:25px;
	margin-bottom: 70px;
}
.componet-d-txt{
	font-size: 24px;
	line-height: 36px;
}
.commitment-d-txt{
	font-size: 24px;
	line-height: 36px;
	text-align: center;
	color: #cba458;
}
.commitment .manufacture-steps{
	width:500px;
	margin:auto;
	margin-bottom: 45px;
}
.commitment .manufacture-steps .step{
	width:100%;
	height: 110px;
	background: #E4B8A5;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-bottom: 40px;
}
.commitment .manufacture-steps .step:after{
	content:'';
	width: 0;
	height: 0;
	border-left: 250px solid transparent;
	border-right: 250px solid transparent;
	border-top: 30px solid #E4B8A5;
	position: absolute;
	left:0;
	bottom: -30px;
}
.commitment .manufacture-steps .step-2{
	background: #ca765f;
}
.commitment .manufacture-steps .step-2:after{
	border-top: 30px solid #ca765f;
}
.commitment .manufacture-steps .step-3{
	background: #b2382a;
}
.commitment .manufacture-steps .step-3:after{
	border-top: 30px solid #b2382a;
}
.commitment .manufacture-steps .step-4{
	background: #0b5930;
	border-radius: 10px;
}
.commitment .manufacture-steps .step-4:after{
	content:unset;
}
.commitment .manufacture-steps .step p{
	font-weight: normal;
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 36px;
	text-align: center;
	color: #fff;
}
/*.product-detail{
	width:100%;
	height: auto;
	background: #f4e2d8;
	padding:44px 0 55px;
	margin-top:160px;
}*/
/* .product-detail-680{
	height: 680px;
} */
.sub-container{
	width:1080px;
	margin-left:auto;
	margin-right:auto;
}
.sub-container .sub-title{
	font-weight: normal;
	font-size: 35px;
	line-height: 45px;
	margin-bottom: 44px;
}
.sub-container .inner{
	width:100%;
	padding:45px 50px 50px;
	background: white;
}
.sub-container .inner .breadpath{
	font-weight: normal;
	font-size: 16px;
	line-height: 24px;
}
/*
.sub-container .inner .product-detail-content{
	display: flex;
	justify-content: space-between;
}
 .sub-container .inner .product-detail-content .pic{
	width:360px;
}
.sub-container .inner .product-detail-content .content{
	width:580px;
}
.ti-15{
	text-indent: -15px;
}
.sub-container .inner .product-detail-content .content .detail-title{
	font-size: 32px;
	line-height: 24px;
	margin-top:10px;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.sub-container .inner .product-detail-content .content .detail-price{
	font-size: 16px;
	line-height: 24px;
	margin-top:15px;
}
.sub-container .inner .product-detail-content .content .detail-txt{
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: #0b5930;
	margin-top:20px;
} */
/* .product-detail .sub-container .inner .product-detail-content .content .pd-controls{
	width:100%;
	margin-top:64px;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;;
}
.product-detail .sub-container .inner .product-detail-content .content .pd-controls .boxs-number .box-label{
	font-size: 18px;
	line-height: 24px;
	margin-right:10px;
} */
.select-control{
	width: 225px;
	height: 40px;
	border-radius: 4px;
	background: #e5e5e5;
	border: 0.75px solid #999;
	position: relative;
	display: inline-block;
	cursor: pointer;
	font-size:16px;
	cursor: pointer;
}
.select-control select{
	width:100%;
	height: 100%;
	padding:5px 15px;
	background: transparent;
	appearance: none;
}
.select-control:after{
	content: '\f107';
	font-family: FontAwesome;
	font-size:20px;
	position: absolute;
	top:50%;
	right:10px;
	transform: translateY(-50%);
	pointer-events: none;
}
.select-control-small{
	width: 145px;
	height: 35px;
	font-size:14px;
}
.input-control{
	width: 225px;
	height: 40px;
	border-radius: 4px;
	background: #fff;
	border: 0.75px solid #999;
	position: relative;
	display: inline-block;
	font-size:16px;
	padding: 5px 15px;
}
button.btn-control,
a.btn-control{
	font-family: YuGothic, sans-serif;
	font-size: 0.875rem;
	width: 225px;
	height: 40px;
	background: #0b5930;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	transition: all .25s;
	border: none;
	padding: 0 10px 3px;
}
button.btn-control:hover,
a.btn-control:hover{
	background: #00a04b;
}
label.gray-control,
button.gray-control,
a.gray-control{
	font-family: YuGothic, sans-serif;
	font-size: 0.875rem;
	width: 225px;
	height: 40px;
	background: #e5e5e5;
	color: #58595B;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	transition: all .25s;
	border: none;
	padding: 0 10px 3px;
}
.btn-control.inline,
.gray-control.inline{
	line-height: 37px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}

label.gray-control:hover,
button.gray-control:hover,
a.gray-control:hover{
	background: #c0c0c0;
}

/* .gray-control p{
	color: #58595B;
} */
/* 
.btn-control p{
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	text-align: center;
	color: #fff;
} */
.cart-page-list{
	width:100%;
	margin-top:50px;
}
.cart-page-list table{
	width:100%;
	border-collapse: collapse;
}
.cart-page-list table tr
{
	border-top:1px solid #999;
}
.cart-page-list table tr:last-child
{
	border-bottom:1px solid #999;
}
.cart-page-list table tr td{
	padding:20px 0;
	font-weight: normal;
	font-size: 18px;
	line-height: 27px;
}
.cart-page-list table tr td:nth-child(1){
	width:12%;
}
.cart-page-list table tr td:nth-child(3){
	width:35%;
}
.font-24{
	font-size:24px;
}
.font-18{
	font-size:18px;
	line-height: 1.4;
}
.cart-page-txt{
	font-size:18px;
	line-height: 27px;
	margin-top:20px;
}
.cart-page-list table tr:nth-child(2) td{
	padding:30px 0;
}
.cart-page-list table tr:nth-child(2) td .detail-pic{
	width:132px;
}
/* skin 4 */

.skin-4 .num-in {
	float: left;
	width: 100px;
	padding: 8px 0;
}

.skin-4 .in-num {
	width: 47px;
	float: left;
	height: 36px;
	font-size: 18px;
	text-align: center;
	outline: none;
	border:0;
}

.skin-4 .all-span {
	position: relative;
	float: right;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	background: #e5e5e5;
	border: 0.75px solid #999;
	
}

.skin-4 .all-span span {
	float: left;
	width: 100%;
	height: 18px;
	position: relative;
	cursor: pointer;
}

.skin-4 .all-span span:before {
	content: '';
	position: absolute;
	left: 64%;
	top:50%;
	transform: translate(-50%,-50%);
	margin-left: -5px;
}

.skin-4 span.minus:before {
	content: "\f107";
	font-family: FontAwesome;
	font-size:25px;
}

.skin-4 span.minus.dis:before {
	opacity: 0.5;
}
.skin-4 span.plus:before {
	content: "\f106";
	font-family: FontAwesome;
	font-size:25px;
}
div.buttons{
	width: auto;
}
div.buttons .tr{
	margin-top:53px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-end;
	column-gap: 20px;
	row-gap: 10px;
}
div.buttons.reverse .tr{
	flex-direction: column-reverse;
}

.cart-page-btns{
	margin-top:53px;
	display: flex;
	justify-content:right;
}

.login-wrapper{
	margin-top:50px;
	display: flex;
	justify-content: space-between;
	font-family: "ヒラギノ明朝4";
}
.login-wrapper .item{
	width:470px;
	padding:20px;
	border: 1px solid #999;
}
.login-wrapper .item .login-exp-txt{
	font-size: 16px;
	line-height: 24px;
	margin-top:10px;
	margin-bottom: 25px;
}
.login-wrapper .item .mail-wrapper{
	margin-bottom: 20px;
}
.tap-txt{
	font-size: 14px;
	line-height: 30px;
	vertical-align: super;
}
.text-control{
	width: 430px;
	height: 40px;
	border-radius: 4px;
	background: transparent;
	border: 1px solid #999;
	padding:5px 15px;
	font-size:14px;
}
.auto-check{
	margin-top:20px;
	margin-bottom: 40px;
}
.check-control{
	width: 15px;
	height: 15px;
	border-radius: 4px;
	background: transparent;
	border: 1px solid #58595B;
	margin-right: 10px;
}
.lost-pwd{
	font-size: 14px;
	line-height: 21px;
	text-decoration: underline;
	color:#58595B;
	display: block;
	margin-top:15px;
}
.login-note{
	font-size: 16px;
	line-height: 24px;
	margin-top:38px;
}
.delivery-address-list{
	width:100%;
	margin-bottom: 20px;
}
.delivery-address-list table{
	width: 100%;
	border-collapse: collapse;
}
.delivery-address-list table tr{
	border-top: 1px solid #999; 
}
.delivery-address-list table tr:last-child{
	border-bottom: 1px solid #999; 
}
.delivery-address-list table tr td{
	font-weight: normal;
	font-size: 18px;
	line-height: 27px;
	text-align: left;
	color: #4d4d4d;
	padding:20px 10px;
}
.delivery-address-list table tr td:first-child{
	width:15%;
}
.delivery-address-list table tr td:nth-child(2){
	width:65%;
}

.radio-control{
	width: 20px;
	height: 20px;
	margin:0;
}
.black-btn-control{
	background: #58595B;
}
.black-btn-control p{
	color:white;
}
.prompt-form{
	margin-top:10px;
}
.prompt-form table{
	border-collapse: collapse;
	width:100%;
}
.prompt-form table tr{
	border-top:1px solid #999;
}
.prompt-form table tr:last-child{
	border-bottom:1px solid #999;
}
.prompt-form table tr td{
	padding:20px 0;
}
.prompt-form table tr td:first-child{
	font-size: 18px;
	line-height: 30px;
	width:300px;
	vertical-align: baseline;
}
.prompt-form table tr td .required{
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	color: #fff;
	padding:5px;
	background: #0b5930;
	float: right;
}
.prompt-form table tr td:last-child{
	padding-left:20px;
}

.prompt-form table tr td .pt-gap{
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: #4d4d4d;
	margin-right: 35px;
}
.prompt-form table tr td .pt-gap-short{
	margin-right: 20px;
}
.prompt-form table tr td .pt-gap-small{
	margin-right: 10px;
}
.prompt-form table tr td .d-flex>div + div {
	margin-top: 5px;
}
.text-control-middle{
	width:269px;
}
.text-control-big{
	width:600px;
}
.text-control-small{
	width:190px;
}
.right{
	margin-left:auto;
	margin-right: 0;
}
.delivery-address-list-top{
	margin-top:100px;
}

.customer-order-info-note{
	font-size: 20px;
	line-height: 30px;
	text-align: left;
	color: #0b5930;
	margin-bottom: 15px;
}
.customer-order-info{
	width:100%;
	border: 1px solid #999;
	padding:20px;
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
	margin-top:20px;
	padding-bottom: 20px;
}
.customer-order-info p{
	font-size: 16px;
	line-height: 24px;
}
.customer-order-info-delivery_txt{
	font-size:18px;
	line-height: 26px;
	margin-bottom: 15px;
	display: block;
}
.delivery-ordered-product-info{
	width:100%;
	border: 1px solid #999;
	padding:20px;
	margin-bottom: 50px;
	margin-top:20px;
}
.delivery-ordered-product-info p{
	font-size: 16px;
	line-height: 24px;
}
.delivery-ordered-product-info .delivery-info{
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
	border-bottom: 1px solid #999;
	margin-bottom: 20px;
}
.delivery-ordered-product-info .ordered-product{
	width:100%;
	background: #f2eeea;
	padding:10px;
	display: flex;
	align-items: center;
	margin-top:20px;
}
.delivery-ordered-product-info .ordered-product .pic{
	width: 130px;
	margin-right: 20px;
}
.delivery-ordered-product-info .ordered-product .order-text{
	font-size: 16px;
	line-height: 24px;
}
.font-16{
	font-size: 16px;
	line-height: 24px;
}
.gap-pos{
	margin:0 10px;
}
.pay-method{
	width:100%;
	border: 1px solid #999;
	padding:20px;
	margin-bottom: 50px;
	margin-top:20px;
}
.pay-method .pay-selection{
	padding-bottom: 10px;
	border-bottom:1px solid #999;
	margin-bottom: 10px;
}
.pay-method .pay-selection .label-txt{
	font-size: 18px;
	line-height: 27px;
	margin-right: 15px;
}
.pay-method .pay-selection .required{
	font-size: 14px;
	line-height: 21px;
	text-align: center;
	color: #fff;
	padding:5px;
	background: #0b5930;
}
.font-14{   
	font-size: 14px;
	line-height: 22px;
}
.pay-method .banks{
	padding-left:30px;
	display: flex;
}
.pay-method .banks .item{
	display: flex;
	align-items: center;
	margin-right: 50px;
}
.pay-method .banks .item:last-child{
	margin:0;
}

.pay-method .banks .radio-label{
	font-size: 16px;
	line-height: 24px;
	margin:0 0 0 10px;
}

.payment-info{
	width:100%;
	border: 1px solid #999;
	padding:20px;
	margin-bottom: 50px;
	margin-top:20px;
}
.select-control-wide-small{
	width:80px;
}
.select-control-wide-middle{
	width:105px;
}
.sd-card-txt{
	font-size: 16px;
	line-height: 24px;
	margin:0 10px;
}
.sd-card-txt-1{
	font-size:16px;
	line-height: 24px;
	margin-top:10px;
}
.checkbox-control{
	width: 19px;
	height: 19px;
	border-radius: 5.07px;
}
.checkbox-label{
	font-size: 18px;
	line-height: 27px;
	vertical-align: top;
}
.card-checkbox-txt{
	font-size:18px;
	line-height: 27px;
	padding-left:20px;
}
.payment-info table tr{
	border:0;
	border-bottom: 1px solid #999;
}
.payment-info table tr:last-child{
	border-bottom: 0;
}
.pay-contact{
	width:100%;
	font-size: 14px;
	line-height: 21px;
	text-align: left;
	/*color: #b3b3b3;*/
	padding:10px;
	margin-top:20px;
	margin-bottom: 10px;
}
.no-border{
	border-bottom:unset!important;
}
.more-gray-control{
	background: #ccc;
}
.more-gray-control p{
	color: #58595B;
}
.mt-10{
	margin-top:10px;
}
.sec-required{
	position: absolute;
	right:0px;
	top:108px;
}
.select-control-big{
	width:300px;
}
.logined-name{
	font-size: 18px;
	line-height: 27px;
	float: right;
	color: #4d4d4d;
}
.mypage-list{
	width:100%;
	margin-top:80px;
	margin-bottom: 40px;
}
.mypage-list table{
	width:100%;
	border-collapse: collapse;
}
.mypage-list table tr{
	border-top: 1px solid #999;
}
.mypage-list table tr:last-child{
	border-bottom: 1px solid #999;
}
.mypage-list table tr td{
	font-family: "ヒラギノ明朝5";
	font-weight: normal;
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 35px;
	text-align: center;
	padding:10px 0;
	cursor: pointer;
}
.mypage-list table tr td:hover{
	color:#0b5930;
}


.registed-card-txt{
	font-size: 20px;
	line-height: 30px;
	text-align: left;
	color: #58595B;
}
.no-card-txt{
	font-size: 18px;
	line-height: 27px;
}
.card-regist{
	margin-top:50px;
}
.card-regist .credit-txt{
	font-size: 20px;
	line-height: 30px;
}
.card-regist .credit-note-txt{
	font-size: 18px;
	line-height: 27px;
}
p.user-guide_ttl{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.75;
	padding-bottom: 10px;
	border-bottom: 1px solid #0b5930;
	margin: 60px 0 20px;
}

p.guide_ttl{
	font-family: YuGothic, sans-serif;
	font-size: 1.125rem;
	font-weight: 500;
	color: #333;
	margin: 30px 0 5px;
}


.logo-screen{
	/* 削除 */
	display: none!important;
	width:100%;
	height:100%;
	background: white;
	position: fixed;
	top:0;
	left:0;
	z-index: 11;
	transition: all 1.6s ease-in-out;
}
.logo-screen .logo-image{
	width:313px;
	height: 257px;
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
	transition: all 3s ease-in-out;
	opacity: 0;
}
.logo-screen .logo-image.is-visibled{
	opacity: 1;
}
.logo-screen.is-disibled{
	height: 0;
	visibility: hidden;
	top:auto;
	bottom: 0;
}
.logo-screen.is-disibled .logo-image{
	transition: unset;
	visibility: hidden;

}
.smooth {
	clip-path: inset(0 100% 0 0);
	display: inline-block;
	font-size: 36px;
	font-weight: bold;
	transition: 2s cubic-bezier(0.37, 0, 0.63, 1);
	transition-property: clip-path;
	line-height: 1;
	/* margin-top: 15px; */
}
.smooth.is-animated {
	clip-path: inset(0);
}

.anim-1 {
	opacity: 0;
	-webkit-transition: all 1.6s cubic-bezier(0.12, 0.92, 0.31, 0.95);
	transition: all 1.6s cubic-bezier(0.12, 0.92, 0.31, 0.95);
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
}


.anim-1.to-up {
	-webkit-transform: translateY(-50px);
	transform: translateY(50px);
}

.anim-1.to-right {
	-webkit-transform: translate(-50px, 0);
	transform: translate(-50px, 0);
}

.anim-1.to-left {
	-webkit-transform: translate(50px, 0);
	transform: translate(50px, 0);
}

.anim-1.to-large {
	opacity: 1;
	-webkit-transform: scale(0.001) translateY(0);
	transform: scale(0.001) translateY(0);
}
.anim-1.is-animated {
	opacity: 1;
	-webkit-transform: translate(0, 0) scale(1);
	transform: translate(0, 0) scale(1);
}








@media(min-width:1081px) {
	.btn_tel, .Sp_footer {
		display: none;
	}
}

@media only screen and (max-width:1080px){
	
	/* .section-about .about-wrapper .about-image .item {
		width: 50%;
	}
	.section-product .product-wrapper .product-content .image-property_txt {
		width: 40%;
	}
	.section-product .product-wrapper .product-content .purchase-item {
		width: 56%;
	}
	.section-product .product-wrapper .product-content {
		width: 100%;
	} */
	.subpage-catch {
		width: 80%;
	}
	.container {
		width: 90%;
	}
	.about-container .detail-item .detail-pic {
		width: 35%;
	}
	.about-container .detail-item .detail-text {
		width: 60%;
	}
	.btn_wrapper-580 {
		width: 90%;
	}
	.sub-container {
		width: 95%;
	}
	.prompt-form table tr td .pt-gap {
		margin-right: 7px;
	}
	.btn_print, .pc_footer {
		display: none;
	}
	.section-news ul {
		padding-left: 0px;
	}
	
	.text-control-middle {
		width: 250px;
	}
	.text-control-small {
		width: 180px;
	}

}
@media only screen and (max-width:768px){
	
	
	/* .section-product .product-wrapper .product-content {
		display: block;
	}
	.section-product .product-wrapper .product-content .image-property_txt {
		
		width: 100%!important;
		margin: auto;
		text-align: center;
		margin-bottom: 50px;
	}
	.top-fv .top-text_wrapper .top-catch_txt {
		font-size: 34px;
		line-height: 54px;
	}
	.section-product .product-wrapper .product-content .image-property_txt .property-text ul li {
		font-size: 26px;
		padding:6px 0;
	}
	.section-product .product-wrapper .product-content .purchase-item {
		
		width: 100%!important;
		margin: auto;
	}
	.section-product .product-wrapper .product-content .purchase-item .item ul li .single-item_txt {
		line-height: 45px;
	} */
	/* .navigation {
		width: 100%;
	}
	.navigation ul {
		padding-left: 60px;
		top:160px;
	} */
	/*
	footer ul {
		display: block;
	}
	footer ul li {
		font-size: 28px;
		padding: 20px 30px;
	}
	footer .copyright {
		font-size: 26px;
	}
	*/
	
}


/*追加*/
.section-news {
	background: #cba458;
}
.section-news .en-ttl {
	color: #fff;
}
.section-news .ja-ttl {
	color: #fff!important;
}
.section-news li {
	font-size: 18px;
	line-height: 45px;
}
.section-news .taimen {
	font-size: 20px;
	letter-spacing: 0.1em;
	line-height: 40px;
	text-align: center;
	color: #0b5930;
	display: block;
}
.section-news .product-wrapper{
	background: #cba458;
	width:100%;
	height: auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	padding:0 0 60px 0!important;
}
.section-news .product-wrapper .product-content{
	width:1080px;
	margin:auto;
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 60px 0;
}
.section-news .product-wrapper .product-content .image-property_txt{
	width:420px;
}
.section-news .product-wrapper .product-content .image-property_txt .pic{
	width:100%;
}
.section-news .product-wrapper .product-content .image-property_txt .property-text{
	margin:35px 0 40px;
}
.section-news .product-wrapper .product-content .image-property_txt .property-text ul{
	padding:0;
	list-style: none;
	margin:0;
}
.section-news .product-wrapper .product-content .image-property_txt .property-text ul li{
	font-size: 18px;
	line-height: 36px;
	text-align: left;
}
.section-news .product-wrapper .product-content .purchase-item{
	width:620px;
}
.section-news .product-wrapper .product-content .purchase-item .item{
	padding:50px;
	background: white;
}
.section-news .product-wrapper .product-content .purchase-item .item .single-item-purchase_icon{
	background: #0b5930;
	padding:10px 20px;
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 60px;
	text-align: center;
	color: #fff;
}
.section-news .product-wrapper .product-content .purchase-item .item .update{
	font-size: 18px;
	line-height: 36px;
	margin-left:20px;
}
.section-news .product-wrapper .product-content .purchase-item .item .regular-purchase{
	background: #cba458;
}
.section-news .product-wrapper .product-content .purchase-item .item ul{
	width:100%;
	padding:0;
	margin:0;
	list-style: none;
	margin:50px 0;
}
.section-news .product-wrapper .product-content .purchase-item .item ul li{
	border-top: 1px solid #808080;
	padding:10px 0;
}
.section-news .product-wrapper .product-content .purchase-item .item ul li:last-child{
	border-bottom: 1px solid #808080;
}
.section-news .product-wrapper .product-content .purchase-item .item ul li .single-item_txt{
	font-size: 28px;
	line-height: 35px;
	text-align: left;
	color: #4d4d4d;
}
.section-news .product-wrapper .product-content .purchase-item .item ul li .single-item-price{
	font-size: 28px;
	line-height: 40px;
	text-align: right;
	color: #58595B;
}
.section-news .product-wrapper .product-content .purchase-item .item ul li .single-item-price .price{
	color:#0b5930;
}
.mt-40{
	margin-top:40px;
}
.section-news .product-wrapper .product-content .purchase-item .item .use-register{
	margin-top:25px;
	text-align: center;
}
.section-news .product-wrapper .product-content .purchase-item .item .use-register .already-register_txt{
	text-decoration: underline;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 40px;
	text-align: center;
	color: #0b5930;
	display: block;
}
.section-news .product-wrapper .product-content .purchase-item .item .use-register .new-register_txt{
	color: #cba458;
}
.section-news ul {
padding: 0;
	list-style: none;
	margin: 0;
	color: #fff;
	padding-left: 100px;
}
@media only screen and (max-width:1080px){
.section-news .product-wrapper .product-content{
	width:100%;
}
}
@media only screen and (max-width:768px){
.section-news .product-wrapper .product-content{
	width:100%;
}
.section-news .product-wrapper .product-content {
	padding: 40px 0;
}
.section-news li {
	font-size: 23px;
	line-height: 40px;
}
.section-news ul {
	padding: 0 60px;
}
}


/*主要成分*/
.table_seibun {
	color: #fff;
	font-size: 16px;
	margin: 10px 0;
}

@media only screen and (max-width:768px){
.taimen {
	font-size: 23px;
}
/* .section-product */
.product-wrapper .product-content .purchase-item .item .single-item-purchase_icon {
	font-size: 33px; 
}
/* .table_seibun {
	font-size: 20px;
} */
}


textarea {
	border: 1px solid #999!important;
	padding: 5px 10px;
	max-width: 100%;
}

a {
color: inherit;
background-color: transparent;
text-decoration: none;
-webkit-text-decoration-skip: objects;
cursor: pointer;
}

.prompt-form a {
	text-decoration: underline;
	color: #337ab7;
}


/*新メニュー*/
/* .menu2 {
	width: 100%;
	left: 0;
	padding: 20px 0;
	display: flex;
	justify-content: space-between;
	background: #0b5930;
}
.menu2_list {
	display: block;
	margin: 0 auto;
	font-size: 16px;
	color: #fff;
}

.menu2_list a {
	position:relative;
}

.menu2_list a:not(:last-of-type) {
	margin-right:2em;
}

.menu2_list a:not(:last-of-type)::after {
	content:"";
	display: block;
	width:1px;
	height:1em;
	background:#fff;
	position:absolute;
	right:-1em;
	top:0;
}

.menu3 {
	width: 100%;
	position: absolute;
	z-index: 1;
	left: 0px;
	padding: 8px 60px;
	justify-content: space-between;
	background: rgba(255, 255, 255, 0.8);
}

.menu3_list {
	display: block;
	margin: 0 auto;
	font-size: 16px;
	color: #58595B;
	text-align: center;
}
.menu3_list a {
	line-height: 2;
} */

/* @media only screen and (max-width:768px){
	.white-back {
		height: 180px;
	}
	.menu2 {
		padding:24px 0;
	}
	.menu2_list {
		font-size:18.5px;
	}
	.menu3_list {
		font-size:22px;
	}
	.menu3 {
		padding: 18px 0;
	}
	.logo-image img {
		width: 60%;
		margin: 0 auto;
		display: block;
	}
} */

/*新フッター*/
.tel_footer .tel-txt{
	font-size:18px;
	line-height: 30px;
}
.tel_footer .line-tel-txt{
font-size:45px;
margin-left:5px;
line-height: 1;
}
.tel_footer .tel-txt{
	font-size:18px;
	line-height: 30px;
}
.pc_Footer {
	position: fixed;
	left:0;
	bottom:0;
	width: 100%;
	margin:0;
	padding:0;
	z-index:10;
	}
#pctelMenu {
	padding: 30px 0;
	margin: 0 auto;
	width: 100%;
	background: #fff;
}
.footer_contents {
	display: flex;
	width: 1080px;
	margin: 0 auto;
}
.sp_footer {
	position: fixed;
	left:0;
	bottom:0;
	width: 100%;
	margin:0;
	padding:0;
	z-index:10;
	}
ul.bottom-menu li {
	float:left;
	width:50%;
	background-color:#0b5930;
	list-style-type:none;
	text-align:center;
	font-size:22px;/*アイコンのサイズ*/
	}
.bottom-menu li:first-child {
	border-right: 1px solid #fff;
	}
.bottom-menu li a {
	display: block;
	color:#fff;/*アイコン＆文字の色*/
	padding-top:15px;
	padding-bottom:15px;
	line-height:24px;
	text-decoration:none;
	}
.sp_list {
	text-align: center;
	font-size: 16px;
}
.sp_list li {
	text-align: center;
	font-size: 20px;
	padding: 8px 0;
	border-bottom: 1px solid #b5b5b6;
}
#telMenu {
	background: #fff;
	border-top: 2px solid #0b5930;
	padding: 10px 22px;
	font-size:20px;
}
#smFooter .copyright {
	padding: 8px 0;
}


.clear{
/* floatを解除 */
clear: both;
}

/*TOP商品価格*/
/* 
.section-product .product-wrapper .product-content2{
	width:1080px;
	margin:auto;
	display: flex;
	justify-content: space-between;
}
.section-product .product-wrapper .product-content2 .image-property_txt{
	width:540px;
}
.section-product .product-wrapper .product-content2 .image-property_txt .pic{
	width:100%;
}
.section-product .product-wrapper .product-content2 .image-property_txt .property-text{
	margin:35px 0 40px;
}
.section-product .product-wrapper .product-content2 .image-property_txt .property-text ul{
	padding:0;
	list-style: none;
	margin:0;
}
.section-product .product-wrapper .product-content2 .image-property_txt .property-text ul li{
	font-size: 18px;
	line-height: 36px;
	text-align: left;
}
.section-product .product-wrapper .product-content2 .purchase-item{
	width: 1080px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	gap: 20px 20px;
}
.section-product .product-wrapper .product-content2 .purchase-item .item{
	padding:50px;
	background: rgb(255 255 255 / 70%);
}
.section-product .product-wrapper .product-content2 .purchase-item .item .single-item-purchase_icon{
	padding:10px 20px;
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 60px;
	text-align: center;
	color: #fff;
}
.section-product .product-wrapper .product-content2 .purchase-item .item .update{
	font-size: 18px;
	line-height: 36px;
	margin-left:20px;
}
.section-product .product-wrapper .product-content2 .purchase-item .item .regular-purchase{
	background: #cba458;
}
.section-product .product-wrapper .product-content2 .purchase-item .item ul{
	width:100%;
	padding:0;
	margin:0;
	list-style: none;
	margin:50px 0;
}
.section-product .product-wrapper .product-content2 .purchase-item .item ul li{
	border-top: 1px solid #808080;
	padding:10px 0;
}
.section-product .product-wrapper .product-content2 .purchase-item .item ul li:last-child{
	border-bottom: 1px solid #808080;
}
.section-product .product-wrapper .product-content2 .purchase-item .item ul li .single-item_txt{
	font-size: 28px;
	line-height: 35px;
	text-align: left;
	color: #4d4d4d;
}
.section-product .product-wrapper .product-content2 .purchase-item .item ul li .single-item-price{
	font-size: 28px;
	line-height: 40px;
	text-align: right;
	color: #58595B;
}
.section-product .product-wrapper .product-content2 .purchase-item .item ul li .single-item-price .price{
	color:#0b5930;
}
.mt-40{
	margin-top:40px;
}
.section-product .product-wrapper .product-content2 .purchase-item .item .use-register{
	margin-top:25px;
	text-align: center;
}
.section-product .product-wrapper .product-content2 .purchase-item .item .use-register .already-register_txt{
	text-decoration: underline;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 40px;
	text-align: center;
	color: #0b5930;
	display: block;
}
.section-product .product-wrapper .product-content2 .purchase-item .item .use-register .new-register_txt{
	color: #cba458;
} 

@media only screen and (max-width:1080px){
	.section-product .product-wrapper .product-content2 .image-property_txt {
		width: 40%;
	}
	.section-product .product-wrapper .product-content2 .purchase-item {
		width: 56%;
	}
	.section-product .product-wrapper .product-content2 {
		width: 100%;
	}
}
@media only screen and (max-width:768px){
	.section-product .product-wrapper .product-content2 {
		display: block;
	}
	.section-product .product-wrapper .product-content2 .image-property_txt {
		width: 700px;
		margin: auto;
		text-align: center;
		margin-bottom: 50px;
	}
	.section-product .product-wrapper .product-content2 .image-property_txt .property-text ul li {
		font-size: 26px;
		padding:6px 0;
	}
	.section-product .product-wrapper .product-content2 .purchase-item {
	width: 100%;
	display: block;
	}
	.section-product .product-wrapper .product-content2 .purchase-item .item ul li .single-item_txt {
		line-height: 45px;
	}
	#container {
	overflow: hidden;
	}
}*/
/* .table_seibun td {
	padding: 4px 15px 4px 0;
} */

.debug {
	display:none;
}

/*黄ボタン*/

.btn_wrapper_gold{
	height: auto;
	padding:10px 0;
	border: 2px solid #ffffff;
	background: transparent;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	text-decoration: unset;
}
.btn_wrapper_gold:after{
	content:'';
	width:100%;
	height: 100%;
	background: #ffffff;
	position: absolute;
	top:0;
	left:-100%;
	transition: all 0.3s ease-in-out;
}
.btn_wrapper_gold:hover:after{
	left:0;
}


.btn_wrapper_gold p{
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 60px;
	text-align: center;
	color: #fff;
	position: relative;
	z-index: 2;
	transition: all 0.4s ease-in-out;
}
.btn_wrapper_gold:hover p{
	color: #cba458;
}

/*白ボタン*/

.btn_wrapper_white{
	width: 500px;
	height: auto;
	padding:10px 0;
	border: 2px solid #b3b3b3;
	background: transparent;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	text-decoration: unset;
}
.btn_wrapper_white:after{
	content:'';
	width:100%;
	height: 100%;
	background: #b3b3b3;
	position: absolute;
	top:0;
	left:-100%;
	transition: all 0.3s ease-in-out;
}
.btn_wrapper_white:hover:after{
	left:0;
}

.btn_wrapper-small{
	width: 420px;
}
.registered{
	border: 2px solid #b3b3b3;
}

.btn_wrapper_white p{
	font-size: 24px;
	letter-spacing: 0.1em;
	line-height: 60px;
	text-align: center;
	color: #b3b3b3;
	position: relative;
	z-index: 2;
	transition: all 0.4s ease-in-out;
}
.btn_wrapper_white:hover p{
	color:white;
}
.registered p{
	color: #b3b3b3;
}

/*問い合わせ・資料請求*/
.btn-select {
	background: #5cb586;
}

.selected {
	background: #0b5930;
}


/*エラー文*/
.attention {
	font-size: 14px;
	color: #f18d37;
	padding: 5px 0;
}

/*ページ内リンク*/
#product {
	display: block;
	padding-top: 130px;
	margin-top: -130px;
}

/* ----------------------
	PC用 contact banner
------------------------- */

#contact_banner {
	display: block;
	position:fixed;
	right:26px;
	bottom:20px;
	width:280px;
	z-index: 30;
	box-shadow: 7px 7px 7px rgb(0 0 0 / 10%);
}

#contact_banner.d_none {
	display: none;
}

#contact_banner .con_close {
	display: block;
	width:36px;
	height:36px;
	border-radius: 50%;
	background:#000;
	position:absolute;
	right:-15px;
	top:-15px;
}

#contact_banner .con_close::before,
#contact_banner .con_close::after {
	content:"";
	display:block;
	width:18px;
	height:4px;
	background:#fff;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	margin:auto;
	transform-origin: center;
	z-index: 40;
}

#contact_banner .con_close::before {
	transform:rotate(45deg);
}

#contact_banner .con_close::after {
	transform:rotate(-45deg);
}

#contact_banner img {
	max-width:100%;
}

/*定期購入フォーム*/
#periodArea {
	margin: 40px auto 30px auto;
}

body[data-lang="ja"] .ja { display: block; }
body[data-lang="ja"] .ch { display: none !important; }
body[data-lang="ch"] .ja { display: none !important; }
body[data-lang="ch"] .ch { display: block; }
body[data-lang="ja"] span.ja { display: inline; }
body[data-lang="ch"] span.ch { display: inline; }
body[data-lang="ja"] tr.ja { display: table-row; }
body[data-lang="ch"] tr.ch { display: table-row; }
body[data-lang="ja"] th.ja { display: table-cell; }
body[data-lang="ch"] th.ch { display: table-cell; }
body[data-lang="ja"] td.ja { display: table-cell; }
body[data-lang="ch"] td.ch { display: table-cell; }
.ch {
	display: none;
}

@media only screen and (max-width:360px){
	body {
		letter-spacing: 0;
	}
	.menu2 {
		padding:5px 0;
	}

	.menu2_list {
		font-size:16px;
	}
	#flowBtn a {
		font-size: 12px;
	}
}

@media only screen and (max-width:420px){

	.menu2 {
		padding:8px 0;
	}

	.menu2_list {
		width:100%;
		font-size:20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.menu2_list a {
		width:48%;
		text-align: center;
	}

	.menu2_list a:not(:last-of-type) {
		margin-right:0;
	}

	.menu2_list a:not(:last-of-type)::after {
		display: none;
	}

	.menu2_list a:nth-of-type(odd)::after {
		display: block;
		right:0;
		top:0;
		bottom:0;
		margin:auto 0;
	}
}

/* 575px smartphone*/
@media (max-width: 575px) {
	
	.single-navi .smallTitle {
		max-width: 100%;
	}
	.single-navi .prev,.single-navi .next{
		position: initial;
	}
	.single-navi .prev .smallTitle {
		top: -32px;
		left: 5px;
		right: inherit;
	}
	.single-navi .next .smallTitle {
		text-align: right;
		top: 40px;
		right: 5px;
		left: inherit;
	}
}

@media only screen and (max-width:768px){
	.menu {
		width: 100%;
		padding: 31px 30px;
	}
	.section-about .about-wrapper {
		background-image: url(../img/about-back_sp.png);
	}
	.section-about .about-wrapper .about-text {
		width: 700px;
		margin: auto;
		font-size: 23px;
		text-align: justify;
	}
	.sp{
		display: flex;
	}
	.pc-block{
		display: none;
	}
	.pc{
		display: none;
	}
	/* .top-fv .top-text_wrapper .top-white-back_txt
	{
		font-size:20px;
	} */
	.sub-detail-txt {
		font-size: 20px;
	}
	.subpage-catch p {
		font-size: 24px;
		line-height: 46px;
	}
	.subpage-catch {
		width: 700px;
	}
	.container {
		width: 700px;
		padding: 40px 30px;
	}
	.about-container .detail-item {
		display: block;
		margin-bottom: 100px;
	}
	.about-container .detail-item .detail-text {
		width: 100%;
		text-align: center;
	}
	.about-container .detail-item .detail-text .d-txt {
		font-size: 22px;
		line-height: 44px;
		text-align: justify;
	}
	.sub-title_txt {
		font-size: 36px;
	}
	.about-container .detail-item .detail-text .d-title {
		font-size: 30px;
		line-height: 56px;
		text-align: justify;
	}
	.about-container .detail-item .detail-pic {
		width: 100%;
		margin-top:30px;
		margin-bottom: 20px;
	}
	.about-container .detail-item .detail-pic-down {
		padding-top: 0;
	}
	.about-container .gap-txt {
		font-size: 22px;
		line-height: 42px;
		text-align: justify;
	}
	.about-container .final-gap-txt{
		text-align: justify;
		padding:40px 20px;
	}
	.componet-test-chart {
		width: 700px;
	}
	.componet-test-chart {
		width: 100%;
	}
	.componet-content_txt {
		text-align: justify;
	}
	.componet-content_subtxt {
		font-size: 22px;
		line-height: 39px;
		text-align: justify;
		margin-top: 15px;
	}
	.componet-table table tr td {
		font-size: 22px;
		line-height: 42px;
	}
	.componet-table table tr th {
		padding: 15px 0;
		font-size: 22px;
		line-height: 42px;
	}
	.componet-test-table table tr td {
		font-size: 22px;
		line-height: 42px;
	}
	.componet-d-txt {
		font-size: 24px;
		line-height: 42px;
	}
	.commitment-d-txt {
		font-size: 28px;
		line-height: 46px;
		text-align: justify;
	}
	.prompt-form table tr{
		display: grid;
	}
	.prompt-form table tr td:first-child{
		padding-bottom: 0;
		font-size: 24px;
		font-size: 14px;
	}
	.prompt-form table tr td .required, .required{
		float: unset;
	}
	.sub-container .inner {
		padding: 25px 20px 30px;
	}
	.font-18 {
		font-size: 24px;
		font-size: 14px;
	}
	.prompt-form table tr td .required, .required {
		font-size: 20px;
	}
	.prompt-form table tr td .pt-gap {
		font-size: 22px;
		font-size: 14px;
	}
	.text-control {
		height: 50px;
		font-size: 22px;
		font-size: 16px;
		margin-top: 5px;
	}
	.select-control-small {
		width: 245px;
		height: 49px;
		font-size: 22px;
	}
	.delivery-address-list table tr td {
		font-size: 24px;
		line-height: 35px;
	}
	
	.login-wrapper {
		display: block;
	}
	.login-wrapper .item {
		width: 100%;
		margin-bottom: 30px;
	}
	.font-24 {
		font-size: 32px;
	}
	.sub-container .inner .breadpath {
		font-size: 24px;
	}
	.login-wrapper .item .login-exp-txt {
		font-size: 14px;
		line-height: 1.6;
	}
	.tap-txt {
		font-size: 14px;
	}
	.text-control {
		width: 100%;
	}
	.check-control {
		width: 20px;
		height: 20px;
	}
	.lost-pwd {
		font-size: 14px;
		margin-top: 25px;
	}
	.login-note {
		font-size: 14px;
		line-height: 1.4;
	}
	/* .sub-container .inner .product-detail-content {
		display: block;
	}
	.sub-container .inner .product-detail-content .pic {
		width: 100%;
		margin-bottom: 40px;
	}
	.sub-container .inner .product-detail-content .content .detail-price {
		font-size: 22px;
		line-height: 28px;
		margin-top: 25px;
	}
	.sub-container .inner .product-detail-content .content .detail-txt {
		font-size: 22px;
		line-height: 30px;
		margin-top: 40px;
	}
	.sub-container .inner .product-detail-content .content {
		width: 100%;
	}
	.product-detail .sub-container .inner .product-detail-content .content .pd-controls .boxs-number .box-label {
		font-size: 24px;
		line-height: 30px;
	} */
	.select-control {
		width: 250px;
		height: 50px;
		border-radius: 4px;
		font-size: 22px;
	}
	.select-control-big{
	width:80%;
	}
	.select-control select {
		font-size: 20px;
	}
	.d-block{
		display: block;
	}
	.logined-name {
		font-size: 22px;
		margin-top: 20px;
	}
	.registed-card-txt {
		font-size: 26px;
		line-height: 30px;
	}
	/* .mt-60 {
		margin-top: 80px !important;
	} */
	.no-card-txt {
		margin-top:20px;
		font-size: 24px;
		line-height: 35px;
	}
	.card-regist .credit-txt {
		font-size: 28px;
		line-height: 35px;
	}
	.card-regist .credit-note-txt {
		font-size: 24px;
		line-height: 37px;
		margin-top: 15px;
	}
	.prompt-form table tr td:last-child {
		padding-left: 0;
	}
	.sd-card-txt {
		font-size: 22px;
	}
	.sd-card-txt-1 {
		font-size: 22px;
		line-height: 35px;
		margin-top: 10px;
	}
	
	.mypage-list table tr td {
		font-size: 24px;
		padding: 15px 0;
	}
	.text-control-two {
		width: 80%;
	}
	.prompt-form table tr td .pt-gap {
		margin-right: 23px;
	}
	.prompt-form table tr td .pt-gap-short {
		margin-right: 3px;
	}
	.select-control-wide-small {
		width: 150px;
	}
	.pay-contact {
		width: 100%;
		font-size: 22px;
		font-size: 16px;
		line-height: 1.4;
	}

	.customer-order-info p {
		font-size: 14px;
		line-height: 1.4;
	}
	.delivery-ordered-product-info p {
		font-size: 14px;
		line-height: 1.4;
	}
	.customer-order-info-delivery_txt {
		font-size: 24px;
	}
	.delivery-ordered-product-info .ordered-product .order-text {
		font-size: 14px;
		line-height: 1.4;
	}
	.pay-method .pay-selection .label-txt {
		font-size: 24px;
	}
	.pay-method .banks {
		display: block;
	}
	.pay-method .banks .radio-label {
		font-size: 22px;
	}
	.pay-method .banks .item {
		margin: 10px 0;
	}
	.checkbox-label {
		font-size: 24px;
	}
	.card-checkbox-txt {
		font-size: 22px;
		line-height: 35px;
		padding-left: 32px;
	}
	.checkbox-control {
		width: 25px;
		height: 25px;
	}
	.customer-order-info-note {
		font-size: 28px;
		line-height: 1.4;
	}
	.sec-required {
		display: none;
	}
	.prompt-form table tr td:first-child {
		width: 100%;
	}
	.text-control-small {
		width: 200px;
	}
	.cart-page-btns.type02{
		flex-wrap: wrap;
	}
	.cart-page-btns.type02 a+a {
		margin-top: 10px;
	}
	#product {
		display: block;
		padding-top: 70px;
		margin-top: -70px;
	}
	
	.logo-screen .logo-image {
		width: 100%;
	}

	/* ----------------------
		PC用 contact banner
	------------------------- */

	#contact_banner {
		display: none;
	}

}

@media (min-width: 769px) {
	body {
		letter-spacing: 0.05em;
	}
	body * {
		font-weight: 500;
	}
	.mode_pc {
		display: block;
	}
	.mode_pc_ib {
		display: inline-block;
	}
	.mode_sp,
	.mode_sp_ib {
		display: none;
	}
	header .navBox .navBtn .mode_sp {
		display: block;
	}
	.tel a, .mail a {
		pointer-events: none;
	}
	.anchor {
		margin-top: -120px;
		padding-top: 120px;
	}
	
	.shadow {
		filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.1));
	}
	.bgContent {
		background-size: cover;
	}
	.bgContent.type02 .bgContent {
		background-size: auto 50%;
	}
	.lowerContentInnerBox {
		margin-bottom: 50px;
	}
	.inner,
	.pcInner {
		width: 90%;
		max-width: 1240px;
		margin: auto;
		padding: 0;
	}
	.inner .inner02,
	.inner .inner03,
	.pcInner .inner02,
	.pcInner .inner03 {
		width: auto;
	}
	.inner02,
	.pcInner02 {
		width: 90%;
		max-width: 1028px;
		margin: auto;
		padding: 0;
	}
	.inner03,
	.pcInner03 {
		width: 90%;
		max-width: 816px;
		margin: auto;
		padding: 0;
	}
	.lowerWrap {
		padding-top: 20px;
	}
	.lowerWrap .bgBox {
		padding: 0;
	}
	.lowerWrap .bgBox + .bgBox {
		margin-top: 30px;
	}
	.lowerWrap .lowerContent {
		margin-bottom: 120px;
	}
	.lowerWrap .lowerContent.type02 {
		margin-bottom: 80px;
	}
	.borderTable dl,
	.borderTable .tr{
		flex-direction: row;
	}
	
	div.noBorder .tr,
	div.noBorder .tr.imgRight,
	div.buttons .tr,
	div.detail .tr{
		flex-direction: row;
	}
	div.noBorder .td.imageBox{
		width: calc(50% - 30px);
	}
	div.noBorder .td.textBox{
		width: 50%;
	}
	div.buttons.reverse .tr{
		flex-direction: row;
	}

	button.btn-control,
	a.btn-control,
	label.gray-control,
	button.gray-control,
	a.gray-control{
		font-size: 1rem;
	}
	header #contentNav p + p {
		padding-left: 1em;
	}
	.topContentTitle {
		font-size: 30px;
		padding-left: 45px;
		margin-bottom: 40px;
	}
	.topContentTitle:after {
		width: 30px;
	}
	.contentTitleWrap {
		padding-bottom: 50px;
	}
	.contentTitleWrap.type02 {
		padding-bottom: 60px;
	}
	.contentTitleWrap .contentTitle {
		font-size: 24px;
		padding: 0 80px;
	}
	.circleTitleWrap {
		margin-bottom: 30px;
	}
	.circleTitleWrap .circleTitle {
		font-size: 22px;
	}
	.scrollTableWrap {
		overflow-x: auto;
	}
	.scrollTableWrap .tableStyle {
		width: 100%;
	}
	.scrollTableWrap.wide .tableBase {
		width: 100%;
	}
	.tableinfo {
		display: none;
	}
	
	.detailInformation {
		padding: 40px 4.8%;
	}
	div.detailInformation {
		margin-bottom: 50px;
	}
	.detailInformation:before, .detailInformation:after,
	.detailInformation > div:before,
	.detailInformation > div:after {
		width: 74px;
		height: 1px;
	}
	.detailInformation:after,
	.detailInformation > div:after {
		height: 74px;
		width: 1px;
	}
	
	#flowBtn {
		display: none;
	}
	#mainVisual.lower {
		background-position: left -300px;
		background-size: cover;
		padding-top: 120px;
	}
	#mainVisual.lower .minVisualInner {
		background: linear-gradient(rgba(239, 250, 240, 0.1), rgba(239, 250, 240, 0.3));
	}
	#mainVisual.lower p.h1,
	#mainVisual.lower h1 {
		font-size: 1.875rem;
		padding: 0 0 60px;
	}
	#mainVisual p{
		font-size: 1.125rem;
	}
	.single-navi .smallTitle {
		max-width: inherit;
	}
	footer {
		margin-top: 160px;
		padding-top: 0;
	}
	footer .footerBg {
		padding: 100px 0 15px;
	}
	footer .footerBg > div {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	footer .sitemap {
		display: flex;
		padding-top: 0;
	}
	footer .sitemap ul + ul {
		padding: 0 0 0 60px;
	}
	footer .companynameBox {
		padding: 0;
	}
	footer .companynameBox p {
		transition: all 0.5s;
		font-size: 14px;
		padding-bottom: 8px;
	}
	footer .companynameBox img {
		transition: all 0.5s;
		width: 214px;
	}
	footer .copy {
		font-size: 12px;
		padding-top: 100px;
	}


}
@media (min-width: 1000px) {
	.spInner {
		padding: 0;
	}
	.contentWrap {
		padding-top: 80px;
	}
	header {
		padding: 15px 20px;
		background-color: transparent;
		flex-direction: column;
	}
	header.is-fixed {
		padding: 15px 20px 5px;
		transform: translate(0, -10px);
	}
	header .companynameBox {
		padding: 0;
	}
	header .companynameBox p {
		transition: all 0.5s;
		font-size: 14px;
		padding-bottom: 8px;
	}
	header .companynameBox img {
		transition: all 0.5s;
		width: 300px;
	}
	header .navBox{
		width: 100%;
	}
	header .navBox .navBtn .mode_pc {
		display: block;
	}
	header .navBox .navBtn .mode_sp {
		display: none;
	}
	header .navBox .navBtn a {
		width: 200px;
		height: auto;
		font-weight: 600;
		padding: 12px 0;
	}
	header .navBox .navBtn + .navBtn {
		margin-left: 2px;
	}
	header #menu_btn {
		display: none;
	}
	header #contentNav {
		display: block !important;
		position: relative;
		top: 0;
		height: auto;
		background-color: transparent;
		padding-top: 10px;
	}
	.is-fixed header #contentNav {
		padding: 25px 0;
	}
	header #contentNav li,
	header #contentNav .loginMenu {
		padding-left: 0;
	}
	header #contentNav a {
		position: relative;
		font-size: 12px;
		padding: 1em 0;
	}
	header #contentNav a:after {
		content: "";
		display: block;
		position: absolute;
		height: 1px;
		background: #0b5930;
		left: 0;
		right: 0;
		margin: auto;
		bottom: 8px;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		width: 0;
	}
	header #contentNav a:hover:after, header #contentNav a.current:after {
		width: 100%;
	}
	header #contentNav li{
		border: none;
	}

	header #contentNav li:before {
		content: none;
	}
	header #contentNav li.current a:after {
		width: 100%;
	}
	/* header #contentNav li:first-of-type.current a:after {
		width: 0;
	} */
	header #contentNav .navInner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		/* column-gap: 10px; */
		padding: 0;
		overflow: hidden;
		height: auto;
		width: 100%;
	}
	.borderTable dl,
	.borderTable .tr{
		column-gap: 20px;
	}
	.borderTable dt,
	.borderTable.tr2 .th{
		width: 300px;
		flex: inherit;
	}
	.borderTable dd,
	.borderTable.tr2 .td{
		width: calc(100% - 320px);
		flex: inherit;
	}
	#flowBtn {
		display: none !important;
	}
	.readTitle {
		font-size: 18px;
		padding-bottom: 40px;
	}
	.readTitle span {
		font-size: 24px;
	}
}
@media (min-width: 1270px) {
	header #contentNav a {
		font-size: 14px;
	}
}
@media (min-width: 1400px) {
	.navBox{
		padding-left: 20px;
	}
	
}
@media (min-width: 1480px) {
	header #contentNav .navInner {
		justify-content: flex-end;
		column-gap: 30px;
	}
}
@media (min-width: 1550px) {
	header #contentNav .navInner {
		column-gap: 40px;
	}
}
@media (max-width: 350px) {
	header .navBox .navBtn a {
		width: 50px;
		height: 50px;
	}
}