body{
-webkit-text-size-adjust: 100%;
}

.art-postcontent{
	margin-top: 20px;
	margin-bottom: 20px;
}

/* header */

.header-table{
width: 100%;
}

.header-table tr td img{
width: 100%;
}

.header-table tr td:first-of-type{
/*width: 55%;*/
text-align: left;
}

.header-table tr td:last-of-type{
/*width: 45%;*/
text-align: left;
}

.header-table tr td:last-of-type h1,
.header-table tr td:last-of-type h1 a,
.header-table tr td:last-of-type h1 a:link,
.header-table tr td:last-of-type h1 a:visited,
.header-table tr td:last-of-type h1 a:hover{
margin: 0 !important;
}

.header-table tr td.header-cell-scd{
	vertical-align: bottom;
}

@media(max-width: 750px){
	.header-table td{
		text-align: center !important;
		display: block;
		width: 100% !important;
		padding: 0;
	}

	.header-table tr td.header-cell-spacer{
		display: none;
	}
}

/* nav */
.nav-separator {
	border-left: 1px solid #000 !important;
	height: 119px;
	margin: 0 1px !important;
	box-shadow: 1px 0px 0px 0px #ccc;
}

.resnav-separator {
	border-bottom: 1px solid #000 !important;
	margin: 0 1px !important;
	box-shadow: 0 1px 0px 0px #ccc;
}

/* sidebar */

.art-content-layout .art-sidebar1.res-narrow{
display: none;
}

@media(max-width: 840px){

	.art-content-layout .art-sidebar1,
	.art-content-layout .art-content{
	width: 100%;
	display: block !important;
	}

/*	.art-content-layout .art-sidebar1.res-wide{
	display: none !important;
	} */

}

@media(max-width: 1000px){

	body#blog .art-content-layout .art-sidebar1,
	body#blog .art-content-layout .art-content{
	width: 100% !important;
	display: block !important;
	}

	body#blog .art-content-layout .art-sidebar1.res-narrow{
	display: none !important;
	}

}

.sidebar-ncolbuttons-wrapper{
width: auto;
overflow: hidden;
list-style: none;
margin: 0 -1% 15px;
padding: 0;
font-size: 0;
text-align: left;
}

.sidebar-ncolbuttons-wrapper ul{
padding: 0 !important;
}

.sidebar-ncolbuttons-wrapper li{
display: inline-block;
overflow: hidden;
vertical-align: top;
margin: 0 0 5px;
padding: 0;
width: 100%;
box-sizing: border-box;
}

.sidebar-ncolbuttons-wrapper li a img{
margin: 0 auto;
display: block;
width: 98%
}

.sidebar-ncolbuttons-wrapper  li:before{
content: none !important;
}

@media(max-width: 840px){

	.sidebar-ncolbuttons-wrapper li{
	width: 31%;
	}

}

@media(max-width: 610px){

	.sidebar-ncolbuttons-wrapper li{
	width: 48%;
	}

}

@media(max-width: 450px){

	.sidebar-ncolbuttons-wrapper li{
	width: 98%;
	}

}

.art-content-layout .art-sidebar2{
background-color: #FFF;
width: 100% !important;
display: block !important;
}

/* rss */

.rss-space{
border: none;
width: 80%;
height: 300px;
padding-top: 30px;
padding-bottom: 20px;
margin: 0 auto 20px;
overflow: auto;
-webkit-overflow-scrolling: touch;
box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.4);
-webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.4);
-o-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.4);
-ms-box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.4);
position: relative;
-webkit-text-size-adjust: 100%;
overflow-x : hidden;
background: #FFF url("../images/rss-bg.jpg");
background-size: cover;
}

.rss-space:before{
content: url("../images/pin.png");
position: absolute;
top: 0;
left: 10px;
}

.rss-space:after{
content: url("../images/pin.png");
position: absolute;
top: 0;
right: 0;
}

.rss-space iframe{
width: 100%;
max-width: 100% !important;
height: 100%;
border: none;
display: block;
overflow: hidden;
}

.news-top{
/*	border-left: 1px dashed #E72222;
	border-right: 1px dashed #E72222;*/
}

/* index.html */

@media(max-width: 730px){

	body#index .greeting-table tr td:first-of-type{
	text-align: center;
	}

	body#index .greeting-table tr td{
	width: 100%;
	display: block;
	}

	body#index .greeting-table tr td img{
	float: none;
	}

}

body#index span.text-kanpousoudan{
	color: #c00000;
	font-size: 100%;
	font-weight: bold;
}

body#index span.text-harikyu{
	color: #5b9bd5;
	font-size: 100%;
	font-weight: bold;
}

body#index .index-post-content img{
	width: 100%;
	margin: 0;
}

body#index .index-post-content p{
	max-width: 750px;
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	font-family: "Ÿà–¾’©", YuMincho, "ƒqƒ‰ƒMƒm–¾’© ProN W3", "Hiragino Mincho ProN", "HG–¾’©E", "‚l‚r ‚o–¾’©", "‚l‚r –¾’©", serif !important;
	position: relative;
}

.linktext01{
display: block;
width: 16%;
position: absolute;
top: 0;
left: 24.8%;
}

.linktext02{
display: block;
width: 16%;
position: absolute;
top: 0;
left: 48.8%;
}

.linktext01 img,
.linktext02 img{
display: block;
width: 100%;
}

.linktext01 img,
.linktext02 img{
display: block;
width: 100%;
margin: ;
}

body#index .index-post-content p span.index-post-content-tel{
	font-size: 22px;
	font-weight: bold;
	font-family: Helvetica , "ŸàƒSƒVƒbƒN" , "Yu Gothic" , Meiryo, ƒ�ƒCƒŠƒI, sans-seri;
}


body#index .art-post.index-post-ordermade{
	background-image: url("../images/index-post-ordermade-bgf.png"), url("../images/index-post-ordermade-bgf2.png"),url("../images/index-post-ordermade-bgb.jpg");
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: center left, center right, right;
	background-size: 50%, 50%, 100% 100%;
	border: 2px solid #EEE;
}

body#index .art-post.index-post-ordermade .art-post-body{
	background-color: rgba(255,255,255,0.3);

}

body#index .art-post.index-post-toc .index-post-content img{
	max-width: 700px;
}

body#index .art-post.index-post-toc{
	border: 2px solid #EEE;
	background-image: url("../images/index-post-toc-bg.jpg");
	background-repeat: no-repeat;
	background-position: right;
	background-size: 100% 100%;

}

body#index .index-post-toc .art-post-body{
	background-color: rgba(255,255,255,0.3);

}


body#index .art-post.index-post-toc p{
	line-height: 200%;
}


body#index .art-post.index-post-baby .art-article img{
	width: 60%;
	max-width: 700px;
	display: block;
	margin: 20px auto !important;
	background-color: rgba(255,255,255,0.6);
	padding: 20px;
	border-radius: 10px;
	box-sizing: border-box;
}

body#index .art-post.index-post-baby{
	border: 2px solid #EEE;
	background-image: url("../images/baby-bg.jpg");
	background-repeat: no-repeat;
	background-position: right;
	background-size: 100% 100%;

}

@media(max-width: 640px){

	body#index .art-post.index-post-baby .art-article img{
		padding: 1em;
	}

}


body#index .art-post.index-post-ordermade p{
	line-height: 200%;
}

body#index .index-post-news{
	background-image: url("../images/index-post-news-bg.jpg");
	background-repeat: no-repeat;
	background-position: right;
	background-size: 100% 100%;

}

body#index .index-post-news .art-post-body{
	background-color: rgba(255,255,255,0.3);

}

body#index .art-post.index-post-news{
	border: 2px solid #EEE;
}


/* shop */

body#shop .shop-img-book{
float: right;
text-align: center;
}

body#shop .shop-img-book img{
width: 100px;
float: none;
}

@media(max-width: 640px){

	body#shop .shop-img-book{
	float: none;
	width: 100%;
	}

}

.shop-img-face{
float: left;
text-align: center
}

.shop-img-face img{
width: 156px;
}

@media(max-width: 520px){

	.shop-img-face{
	float: none;
	width: 100%;
	}

}

.shop-info{
	margin: 20px 0 !important;
}

.shop-info th{
	vertical-align: top;
	border: hidden;
	padding: 2px 3px;
	text-align: left;
	font-weight: normal;
	white-space: nowrap;
	font-size: 18px;
	font-weight: bold;
}

.shop-info.shop-info-bold td,
.shop-info.shop-info-bold th{
	font-weight: bold;
	font-size: 18px;
}

.shop-info.shop-info-bold th{
	width: 5em;
}

.shop-info td{
	vertical-align: top;
	border: hidden;
	padding: 2px 3px;
	font-size: 18px;
}

.shop-info td a{
	display: inline !important;
	text-align: left !important;
}

.shop-info-bold td.sib-t{
width: 6em;
}

table.shop-info-access th{
	font-weight: bold;
	width: 20% !important;
}

table.shop-info-access td:last-child{
	width: 60% !important;
}

.shop-info-cln{
width: 2em !important;
text-align: center !important;
}

.shop-map{
	border: hidden;
	margin-bottom: 20px !important;
	overflow: hidden;
}

.shop-map td{
	border: hidden;
	vertical-align: top;
	width: 50%;
	box-sizing: border-box;
}

@media(max-width: 840px){
	.shop-map td{
		display: block;
		width: 100%;
	}
	table.shop-info,
	table.shop-info th,
	table.shop-info td:last-child,
	table.shop-info-access th,
	table.shop-info-access td:last-child{
		width: 100% !important;
	}
}

.shop-map td a,
.shop-map td p{
	display: block;
	text-align: center;
	margin: 0 !important;
	padding: 0 !important;
}

.shop-map tr:not(:first-child) th,
.shop-map tr:not(:first-child) td{
	padding-top: 0.75em;
}

.shop-map tr:first-child + * td img{
	display: block;
	width: 98%;
	margin: 0 auto;
}

.shop-access{
	display: block;
	width: 100%;
	margin: 20px auto !important;
}

.shop-movie{
	display: block;
	width: 80%;
	margin: 0 auto 2em !important;
	position: relative;
}

.shop-movie:before{
	content: "";
	display: block;
	padding-top: calc(100% / 560 * 315);
}

.shop-movie iframe{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.shop-access img{
	display: block;
	width: 80%;
	margin: 0 auto !important;
}

@media(max-width: 840px){
	.shop-movie{
		width: 98%;
	}
	.shop-access img{
		width: 98%;
	}
}

@media(max-width: 570px){

	.shop-info th,
	.shop-info td{
	display: block;
	}

	.shop-info td{
	padding-left: 15px;
	}

	.shop-info td.shop-info-cln{
	display: none;
	}

}

/* flow */

@media(max-width: 560px){

	.cons-flow td{
	display: block;
	width: 100% !important;
	box-sizing: border-box;
	}

}

.flow-ncolbuttons-wrapper{
width: auto;
overflow: hidden;
list-style: none;
margin: 0 -1% 15px;
padding: 0;
font-size: 0;
text-align: left;
}

.flow-ncolbuttons-wrapper ul{
padding: 0 !important;
list-style: none;
}

.flow-ncolbuttons-wrapper li {
display: inline-block;
overflow: hidden;
vertical-align: top;
margin: 0 1% 5px;
padding: 0 !important;
width: 31%;
box-sizing: border-box;
background-image: none !important;
}

.flow-ncolbuttons-wrapper li a img{
margin: 0 auto;
display: block;
width: 98%
}

.flow-ncolbuttons-wrapper  li:before{
content: none !important;
}

@media(max-width: 610px){

	.flow-ncolbuttons-wrapper li{
	width: 48%;
	}

}

@media(max-width: 450px){

	.flow-ncolbuttons-wrapper li{
	width: 98%;
	}

}


@media(max-width: 450px){

	.flow-icon td{
	width: 100%;
	display: block;
	}

}

/* happy */

body#happy .table003 tr:first-of-type td,
body#happy .table003 tr:first-of-type td span{
font-weight: bold;
}

body#happy .table003 tr:first-of-type td span{
display: inline-block;
white-space: nowrap;
}

body#happy table.happy-kanpotaiken-bannar .happy-arrow-res-narrow{
display: none;
}

@media(max-width: 570px){

	body#happy table.happy-kanpotaiken-bannar .happy-arrow-res-wide{
	display: none;
	}

	body#happy table.happy-kanpotaiken-bannar .happy-arrow-res-narrow{
	display: inline;
	}

	body#happy table.happy-kanpotaiken-bannar td{
	width: 100%;
	display: block;
	}

}

/* sub ncolbuttons */

.sub-ncolbuttons-wrapper{
width: auto;
overflow: hidden;
list-style: none;
margin: 0 -1% 15px;
padding: 0;
font-size: 0;
text-align: center;
}

.sub-ncolbuttons-wrapper ul{
padding: 0 !important;
}

.sub-ncolbuttons-wrapper li{
display: inline-block;
overflow: hidden;
vertical-align: top;
margin: 0 1% 5px;
padding: 5px 0 !important;
width: 48%;
box-sizing: border-box;
background: none !important;
border: 1px solid #CFD78E;
}

body#sterility .sub-ncolbuttons-wrapper li,
body#age .sub-ncolbuttons-wrapper li,
body#pain .sub-ncolbuttons-wrapper li,
body#skin .sub-ncolbuttons-wrapper li{
width: 31.3333%;
}

.sub-ncolbuttons-wrapper li a img{
margin: 0 auto;
display: block;
width: 98%;
max-width: 270px;
}

.sub-ncolbuttons-wrapper  li:before{
content: none !important;
}

@media(max-width: 1200px){

	.sub-ncolbuttons-wrapper li{
	width: 48% !important;
	}

	body#sterility .sub-ncolbuttons-wrapper li,
	body#age .sub-ncolbuttons-wrapper li,
	body#pain .sub-ncolbuttons-wrapper li,
	body#skin .sub-ncolbuttons-wrapper li{
	width: 31.3333% !important;
	}

}

@media(max-width: 600px){

	.sub-ncolbuttons-wrapper li{
	width: 98% !important;
	}

	body#sterility .sub-ncolbuttons-wrapper li,
	body#age .sub-ncolbuttons-wrapper li,
	body#pain .sub-ncolbuttons-wrapper li,
	body#skin .sub-ncolbuttons-wrapper li{
	width: 48% !important;
	}

}

/* lady */

body#lady .lady-img-syoujou{
text-align: center;
}

body#lady .lady-img-syoujou img{
width: 100%;
max-width: 570px;
margin: 0 !important;
}

body#lady .lady-img-ki{
float: left;
text-align: center;
}

body#lady .lady-img-ki img{
width: 100%;
max-width: 190px;
}

@media(max-width: 600px){

	body#lady .lady-img-ki{
	float: none;
	}

}


body#lady .lady-table-type{
margin-top: 0.5em;
margin-bottom: 0.5em;
width: 100%;
border-collapse: collapse;
border: 2px solid #CFD78E;
font-size: 90%;
}

body#lady .lady-table-type td{
border: 1px solid #CFD78E;
padding: 3px;
line-height: 1.3;
}

body#lady .lady-table-type th{
border: 1px solid #CFD78E;
padding: 1px;
text-align: center;
white-space: nowrap;
color: #000;
background-color: #E2F2A8;
}

body#lady .lady-table-type th img{
max-width: 100px;
width: 100%;
margin: 5px 0;
}

body#lady .lady-table-type tr:nth-of-type(4n+1){
  border-top: solid 2px #cfd78e;
}

@media(max-width: 600px){
body#lady .lady-table-type td,
body#lady .lady-table-type th{
display:block;
}
}

/* age */
body#age .age-img-hojin{
text-align: center;
float: right;
}

body#age .age-img-hojin img{
width: 96%;
max-width: 300px;
margin: 0 2% !important;
}

@media(max-width: 1100px){
body#age .age-img-hojin{
float: none;
}
}

/* hreb */
body#hreb .hreb-img-minkan{
text-align: center;
float: right;
}

body#hreb .hreb-img-minkan img{
width: 100%;
max-width: 200px;
}

@media(max-width: 700px){
body#hreb .hreb-img-minkan{
float: none;
}
}

body#hreb .hreb-img-dobin{
text-align: center;
float: right;
}

body#hreb .hreb-img-dobin img{
width: 100%;
max-width: 123px;
}

@media(max-width: 700px){
body#hreb .hreb-img-dobin{
float: none;
}
}

@media(max-width: 640px){
body#hreb .table005>tbody>tr>td:nth-of-type(1),
body#hreb .table005>tbody>tr>td:nth-of-type(2){
display: block;
width: 100%;
text-align: center;
}

}

body#hreb .hreb-img-tooth{
float: right;
text-align: center;
}

body#hreb .hreb-img-tooth img{
width: 96%;
max-width: 210px;
margin: 0 2% !important;
}

@media(max-width: 860px){
body#hreb .hreb-img-tooth{
float: none;
width: 100%;
}
}

body#hreb .hreb-img-doubutuyaku{
float: left;
text-align: center;
}

body#hreb .hreb-img-doubutuyaku img{
width: 96%;
max-width: 350px;
margin: 0 2% !important;
}

@media(max-width: 1100px){
body#hreb .hreb-img-doubutuyaku{
float: none;
width: 100%;
}
}

body#hreb .table005 img{
width: 96% !important;
margin: 5px 2% !important;
}

/* autonomic */
body#autonomic .autonomic-img-jiritsu{
float: left;
text-align: center;
}

body#autonomic .autonomic-img-jiritsu img{
width: 96%;
max-width: 200px;
margin: 0 2% !important;
}

@media(max-width: 640px){
body#autonomic .autonomic-img-jiritsu{
float: none;
width: 100%;
}
}

body#autonomic .autonomic-img-title{
width: 100%;
max-width: 400px;
}

/* pain */
body#pain .pain-table-kinkan th img{
margin: 0;
min-width: 55px;
width: 100%;
}

body#pain .pain-img-youtu{
float: right;
text-align: center;
}

body#pain .pain-img-youtu img{
width: 96%;
max-width: 200px;
margin: 0 2% !important;
}

@media(max-width: 640px){
body#pain .pain-img-youtu{
float: none;
width: 100%;
}
}

body#pain .pain-table-zutsu tr td{
  border: solid 1px #cfd78e;
  color: #000;
}

body#pain .pain-table-zutsu tr td:nth-child(2n+1){
background-color: #e2f2a8;
}


@media(max-width: 640px){
body#pain .pain-table-zutsu td{
display: block;
width: 100%;
border-bottom: hidden;
}
body#pain .pain-table-zutsu td:last-of-type{
border-bottom: solid 1px #cfd78e;
}
}

/* skin */
body#skin .table001 th{
background-color: rgba(19,216,58,0.3);
}

@media(max-width: 640px){
body#skin .table001 td,
body#skin .table001 th{
display: block;
width: 100%;
box-sizing: border-box;
border-bottom: hidden;
}
body#skin .table001 td:last-of-type{
border-bottom: solid 1px #13D83A;
}
}

/* blog */
.blog-feeds{
margin: 7px;
}

body#blog .art-footer{
margin-top: 60px;
}


/* 2018/2/27 */

/* index.html */

.top-kan-shin{
width: 100%;
margin: 10px auto 20px !important;
border: hidden;
}

.top-kan-shin td{
border: hidden;
vertical-align: middle;
}

.top-kan-shin td:first-child + *{
width: 20%;
}

.top-kan-shin td img{
display: block;
width: 96%;
margin: 0 0 0 4%;
}

.top-kan-shin td a{
text-decoration: underline;
}

.top-kan-shin td a:hover{
text-decoration: none;
}

@media(max-width: 840px){

.top-kan-shin td,
.top-kan-shin td:first-child + *{
display: block;
width: 100%;
}

.top-kan-shin td img{
display: block;
width: 60%;
margin: 0 auto;
}

}

/* shop.html */

.greet-img{
display: block;
width: 80%;
margin: 10px auto 20px !important;
}

.shop-img{
width: 100%;
border: hidden;
margin: 30px auto 20px !important;
}

.shop-img td{
border: hidden;
vertical-align: middle;
}

.shop-img td:last-child{
width: 20%;
}

.shop-img img{
display: block;
width: 96%;
margin: 0 0 0 4%;
}

@media(max-width: 640px){

.shop-img td,
.shop-img td:last-child{
width: 100%;
display: block;
}

.shop-img img{
display: block;
width: 60%;
margin: 0 auto;
}

}

/* staff.html */

.staff-table{
width: 100% !important;
margin: 10px auto !important;
border: hidden;
}

.staff-table td{
border: hidden;
vertical-align: middle;
}

.staff-table td p{
line-height: 180% !important;
}

.staff-table td:first-child{
width: 20%;
}

.staff-table td img{
display: block;
width: 90%;
margin: 0 auto 0 0;
}

hr.staff{
display: block;
width: 100%;
margin: 20px auto !important;
border: none;
border-top: 1px solid #9A9A9A;
}

@media(max-width: 640px){

.staff-table td,
.staff-table td:first-child{
width: 100%;
display: block;
}

.staff-table td img{
display: block;
width: 60%;
margin: 0 auto !important;
}




}


/* acupuncture.html */


.ac-cost{
width: 100%;
border: hidden;
margin: 20px auto 0 !important;
}

.ac-cost td{
font-size: 18px;
font-weight: bold;
color: #D00;
text-align: center;
vertical-align: top;
border: hidden;
}

.ac-cost td:first-child{
width: 55%;
}

.ac-cost td img{
display: block;
width: 90%;
margin: 0 auto 5px;
}

@media(max-width: 640px){

.ac-cost td,
.ac-cost td:first-child{
width: 100%;
display: block;
}

}

.ptc-table{
width: 100% !important;
border: hidden !important;
margin: 20px auto 0 !important;
}

.ptc-table td{
border: hidden !important;
}

.ptc-table td:first-child{
width: 60% !important;
border: hidden !important;
}

.price{
width: 50% !important;
border: hidden !important;
vertical-align: top !important;
}

.price span{
color: #DD0000;
font-weight: bold;
}

.price span.dline{
display: inline-block !important;
border-bottom: 5px double #DD0000;
font-size: 18px;
line-height: 100% !important;
}


.clothing{
width: 50% !important;
border: hidden !important;
vertical-align: middle !important;
}

.clothing table{
width: 100%;
border: hidden;
background-color: #CCF2FF;
}

.clothing table td{
border: hidden;
vertical-align: middle;
}

.clothing table td b{
font-weight: bold;
font-size: 18px;
}

.clothing table td:first-child{
width: 60% !important;
padding-left: 1em;
}

.clothing table td:first-child + *{
}

.clothing table td:first-child + * img{
display: block;
width: 80%;
margin: 10px auto;
}


.price-time{
width: 50% !important;
border: hidden !important;
vertical-align: middle !important;
}

.price-time img{
display: block;
width: 70%;
margin: 10px auto;
}

.price-time img:first-child{
display: block;
width: 70%;
margin: 20px auto 10px;
}

.price-time span{
display: block;
width: 100%;
margin: 10px auto;
color: #DD0000;
font-weight: bold;
text-align: center;
}


.double{
display: inline-block;
border-bottom: 5px double #990000;
font-size: 18px;
}



@media(max-width: 840px){

.ptc-table td,
.ptc-table td:first-child{
width: 100% !important;
display: block !important;
}

.ptc-table td img{
width: 30% !important;
margin: 10px auto !important;
}


.clothing table td:first-child,
.clothing table td:first-child + *,
.clothing table td:first-child + * + *{
display: block;
width: 100%;
margin: 0 auto;
}

.clothing table td:first-child + * img{
display: block;
width: 34%;
margin: 0 auto;
}

.clothing table td:last-child img,
.clothing table td:last-child span{
display: block;
width: 90%;
margin-left: auto;
margin-right: auto;
text-align: left;
}

.price span.dline{
display: inline-block !important;
border-bottom: 3px double #DD0000;
font-size: 16px;
line-height: 100% !important;
}




}


.store-pic{
width: 98%;
display: block;
margin: 0 auto;
}

p.store-pic{
width: 98%;
display: block;
margin: 0 auto 20px;
text-align: center;
}


.qawrapper{
}

.qawrapper h3{
color: #303F50;
padding: 12px 0 8px;
font-weight: bold;
border-top: 3px solid #50B344;
border-bottom: 3px solid #50B344;
margin-bottom: 0 !important;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}

.qawrapper > div{
display: none;
padding: 0 0 10px;
border-bottom: 3px solid #50B344;
}


.qawrapper h3:after{
content: url("../images/open.png");
display: block;
position: absolute;
top: 50%;
right: 1em;
margin-top: -13px;
height: 26px;
}

.qawrapper h3.top2:after{
content: url("../images/close.png");
display: block;
position: absolute;
top: 50%;
right: 1em;
margin-top: -13px;
height: 26px;
}


.qa-table{
width: 100% !important;
margin: 10px auto !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.qa-table h4{
width: 100%;
border: 1px solid #50B344;
background-color: #50B344;
color: #FFF;
text-align: left;
font-weight: bold;
padding: 10px 30px 10px 1% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
cursor: pointer;
position: relative;
}

.qa-table h4:after{
content: url("../images/op.png");
display: block;
position: absolute;
top: 50%;
right: 1em;
margin-top: -10px;
height: 20px;
}

.qa-table h4.top2:after{
content: url("../images/cl.png");
display: block;
position: absolute;
top: 50%;
right: 1em;
margin-top: -10px;
height: 20px;
}


.qa-table p{
width: 100%;
border: 1px solid #50B344;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
display: none;
}

.qa-table p span{
display: block;
width: 100%;
padding: 10px 1% !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
font-size: 100%;
}


.top-main{
display: block;
width: 100%;
margin: 0 auto;
/*border: 5px solid #190B00;
background-color: #776B5E;*/
border: 5px solid #876D00;
background-color: #FFF;
padding: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.top-main img{
display: block;
width: 100%;
margin: 0 auto;
/*border: 5px solid #190B00;*/
border: 5px solid #876D00;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}


/* 2018/08/29 */

.twitter_icon{
text-align: center;
vertical-align: bottom !important;
}

.twitter_icon img{
display: inline-block;
width: 100% !important;
max-width: 80px;
margin: 0 auto;
}

#shop-link{
margin: calc(1.5vw + 7px) 7px 7px;
text-align: center;
border: 1px solid #333;
position: relative;
}

#shop-link img{
display: block;
width: 100%;
margin: 0 auto;
}

#shop-link span{
display: block;
width: 100%;
text-align: center;
background-color: #333;
color: #FFF;
padding: 0;
}

.new-mark{
display: block;
width: 22%;
margin: 0;
padding: 0;
position: relative;
background-image: url("../images/new.svg");
background-repeat: no-repeat;
background-size: 100% auto;
font-size: 0;
border: none;
position: absolute;
top: -1.5vw;
right: 0;
}

.new-mark:after{
content: "";
display: block;
padding-top: calc(100% * 3 / 5);
}

@media (max-width: 700px){

	#shop-link{
	margin-top: calc(7vw + 7px);
	}

	.new-mark{
	top: -7vw;
	}

}


#twi-link{
margin: 7px;
text-align: center;
}

#twi-link img{
display: block;
width: auto;
max-width: 244px;
margin: 0 auto;
}


@media (min-width: 701px){

	#twi-frame{
	display: block;
	height: 460px;
	margin: 0 7px;
	overflow: auto;
	border: 1px solid #13D83A;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

}


@media (max-width: 700px){

	#twi-frame{
	display: block;
	height: 540px !important;
	margin: 0 7px;
	overflow: auto;
	border: 1px solid #13D83A;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

}


/* recruit.html */

.recruit_content h3{
color: #11BE33;
font-weight: bold;
}

.recruit_content table{
width: 100%;
border-collapse: collapse;
border: 1px solid #CFCFCF;
border-left: hidden;
border-right: hidden;
}

.recruit_content table th{
width: 30%;
border: 1px solid #CFCFCF;
border-left: hidden;
border-right: hidden;
vertical-align: top;
padding: 10px 1em;
background-color: #EFEFEF;
}

.recruit_content table td{
border: 1px solid #CFCFCF;
border-left: hidden;
border-right: hidden;
vertical-align: top;
padding: 10px 1em;
}

.recruit_content p{
font-size: 18px;
font-weight: bold;
margin-top: 20px;
}

.recruit_content p.rec_title{
color: #C00000;
}

.recruit_content p.rec_stop{
color: #C00000;
text-align: center;
padding: 30px 0;
font-size: 20px;
}


.recruit_contact h3{
color: #11BE33;
font-weight: bold;
}

.recruit_contact table{
display: inline-table;
border-collapse: collapse;
border: hidden;
margin: 0 0 1em;
}

.recruit_contact table th{
border: hidden;
vertical-align: top;
padding: 5px 2em 5px 0;
text-align: left;
}

.recruit_contact table td{
border: hidden;
vertical-align: top;
padding: 5px 0;
}

.recruit_contact table.wraptable{
width: 100%;
display: table;
border-collapse: collapse;
border: hidden;
margin: 0 auto;
}

.recruit_contact table.wraptable > tbody > tr > td{
border: hidden;
vertical-align: middle;
padding: 0;
overflow: hidden;
}

.recruit_contact table.wraptable > tbody > tr > td img{
display: block;
height: 8em;
margin: 0 auto;
}

.recruit_contact table a{
font-size: 18px;
}

.recruit_contact p a{
font-size: 100%;
text-decoration: underline;
}

.recruit_contact p.rec_title{
color: #C00000;
font-size: 18px;
font-weight: bold;
}


.recruit_company h3{
color: #11BE33;
font-weight: bold;
}

.recruit_company table{
width: 100%;
border-collapse: collapse;
border: 1px solid #CFCFCF;
border-left: hidden;
border-right: hidden;
}

.recruit_company table th{
width: 30%;
border: 1px solid #CFCFCF;
border-left: hidden;
border-right: hidden;
vertical-align: top;
padding: 10px 1em;
background-color: #EFEFEF;
}

.recruit_company table td{
border: 1px solid #CFCFCF;
border-left: hidden;
border-right: hidden;
vertical-align: top;
padding: 10px 1em;
}


.recruit_company p{
font-size: 18px;
font-weight: bold;
}

.recruit_company p.rec_title{
color: #C00000;
}



hr.recruit{
display: block;
width: 100%;
margin: 40px auto !important;
border: none;
border-top: 1px solid #9A9A9A;
}



@media (max-width: 700px){

	.recruit_content *,
	.recruit_contact *,
	.recruit_company *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

	.recruit_content table{
	width: 100%;
	border: 1px solid #CFCFCF;
	}

	.recruit_content table th{
	width: 100%;
	display: block;
	border: none;
	padding: 10px 2%;
	}

	.recruit_content table td{
	width: 100%;
	display: block;
	border-top: none;
	padding: 10px 2%;
	}

	.recruit_content table tr:last-child td{
	border-bottom: none;
	}


	.recruit_contact table{
	display: table;
	width: 100%;
	}

	.recruit_contact table th{
	display: block;
	width: 100%;
	padding: 5px 0 0;
	}

	.recruit_contact table td{
	display: block;
	width: 100%;
	padding: 0 0 5px;
	}

	.recruit_contact table.wraptable{
	margin: 0 auto 40px;
	}

	.recruit_contact table.wraptable > tbody > tr > td{
	display: block;
	width: 100%;
	border: hidden;
	}

	.recruit_contact table.wraptable > tbody > tr > td img{
	width: 60%;
	height: auto;
	margin: 0 auto;
	}


	.recruit_company table{
	width: 100%;
	border: 1px solid #CFCFCF;
	}

	.recruit_company table th{
	width: 100%;
	display: block;
	border: none;
	padding: 10px 2%;
	}

	.recruit_company table td{
	width: 100%;
	display: block;
	border-top: none;
	padding: 10px 2%;
	}

	.recruit_company table tr:last-child td{
	border-bottom: none;
	}


	hr.recruit{
	display: block;
	width: 100%;
	margin: 40px auto !important;
	border: none;
	border-top: 1px solid #9A9A9A;
	}

}



/* privacy.html */

.privacy h3{
color: #11BE33;
font-weight: bold;
}

.privacy ul{
margin: 1em 0 0 1em !important;
}

.privacy ul li{
margin-top: 10px;
}

.privacy ul li h4{
display: inline;
font-size: 18px;
line-height: 100%;
}

.privacy ul li:first-child{
padding-left: 0 !important;
background: none !important;
}




/* covid */

.covidWrapper{
	border: 2px solid #2F528F;
	width: calc(100% - 7px - 7px);
	margin: 20px auto 0;
	box-sizing: border-box;
	border-radius: 10px;
	padding: 10px;
	font-size: 16px;
	background-image: url("../images/covid_bg.gif");
	display: block;
}

.covidWrapper *{
	box-sizing: border-box;
}

.covidTitle{
	color: #00B050;
	font-size: 112.5%;
	text-align: center;
	font-weight: bold;
}

.covidTitle span{
	display: inline-block;
	color: inherit;
	font-size: 100%;
}

.covidText{
	width: 100%;
	font-size: 100%;
	font-weight: bold;
	margin: 0 auto;
}

.covidList{
	width: 100%;
	margin: 10px auto;
	padding: 0;
	list-style: none;
}

.covidList li{
	width: 100%;
	color: #F00;
	font-weight: bold;
	padding: 0 0 0 1em;
	position: relative;
}

.covidList li:before{
	content: "";
	display: block;
	width: 0.5em;
	height: 0.5em;
	border-radius: 100%;
	background-color: #F00;
	position: absolute;
	top: 0.5em;
	left: 0;
}

.covidImage{
	display: block;
	width: 90%;
	margin: 10px auto 0;
}

.covidImage img{
	display: block;
	width: 100%;
	margin: 0 auto;
}




.historyBg{
	background-image: url("../images/history_bg.jpg");
	background-size: 100% auto;
	background-repeat: repeat;
}

.historyTable{
	width: calc(100% - 2em) !important;
	margin: 0 auto !important;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.historyTable *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.historyTable th{
	display: block;
	width: 100%;
	margin: 0 0 0.5rem;
	padding: 0;
	border: none;
	text-align: left;
	color: #00A517;
	font-size: 125%;
}

.historyTable tr:not(:first-of-type) th{
	margin-top: 2.5em;
	padding-top: 2.5em;
	border-top: 1px solid #ACC77F;
}

.historyTable td{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
}

.historyTableContent{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 2em;
	width: 100%;
	margin: 0;
}

.historyTableContent:not(:first-of-type){
	margin-top: 2em;
}

.historyTableText{
	margin: 0;
	max-width: 100%;
	flex-grow: 1;
	flex-shrink: 1;
}

.historyTableText--title{
	font-weight: bold;
	padding-bottom: 0;
}

.historyTableImage{
	display: block;
	max-width: 30%;
	flex-grow: 0;
	flex-shrink: 0;
}

.historyTableImage--extra{
	width: calc((100% - (2em * 2)) / 3);
	max-width: 100%;
}

.historyTableImage--extra .historyTableText--title{
	display: flex;
	justify-content: center;
}

.historyTableImage img{
	display: block;
	width: 100%;
	margin: 0;
}


@media (max-width: 700px){

	.historyTableContent{
		flex-wrap: wrap;
		flex-direction: column;
		gap: 1em;
	}

	.historyTableText{
		width: 100%;
		flex-grow: 0;
		flex-shrink: 0;
		padding-bottom: 1em;
	}

	.historyTableImage{
		max-width: 100%;
		max-width: 100%;
		flex-grow: 0;
		flex-shrink: 0;
	}

	.historyTableImage--extra{
		width: 100%;
	}

	.historyTableImage img{
		display: block;
		width: 100%;
		margin: 0;
	}

}

.privilegeLayout{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-evenly;
	gap: 5em;
}

@media(min-width: 1024px){
	.privilegeLayout{
		gap: 3em;
	}
}

@media(max-width: 960px){
	.privilegeLayout{
		display: flex;
		flex-direction: column;
		gap: 2		em;
	}
}

.privilegeTextBlock{
}

.privilegeImageBlock{
	position: relative;
}

.privilegeImageBlock img{
	display: block;
	height: 20em;
}

.privilegeIntro{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	margin: 0 auto 2em;
}

.privilegeIntro p{
	margin: 0;
}

.privilege{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
}

.privilegeBlock{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 2px solid #FF8C37;
	background-color: rgba(255,230,55,0.2);
	margin: 0.75em 0 0;
	padding: 3.25em 1.5em 2em;
	font-size: 112.5%;
}

@media (max-width: 600px){
	.privilegeBlock{
		font-size: 100%;
	}
}

.privilegeTitle{
	font-size: 125%;
	font-weight: bold;
	color: #FF8C37;
	margin: -3.6em 0 0;
	padding: 0.25em 1em;
	background: linear-gradient(#FFF calc(50% - 2px), #FFF calc(50% + 2px), transparent calc(50% + 2px));
	display: inline;
	font-weight: bold;
	line-height: 1.5;
	white-space: nowrap;
}

.privilegeText{
	margin: 1em 0 0;
	font-weight: bold;
}

.lineMethod{
	counter-reset: num 0;
	width: 100%;
	margin: 0 auto !important;
	padding: 0 !important;
	list-style: none;
}

.lineMethodItem{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	color: #303F50;
}

.lineMethodItem:not(:first-of-type){
	margin-top: 3em;
}

.lineMethodTitle{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 0 0.5em;
	font-size: 125%;
	line-height: 1.5;
	font-weight: bold;
	color: #00A517;
}

.lineMethodTitle:before{
	font-size: 125%;
	counter-increment: num 1;
	content: counter(num);
	width: 2em;
	height: 2em;
	background-color: #00A517;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.25em;
}

.lineMethodItemInner{
	padding: 2em;
	background-color: #FEFFEF;
}

.art-post ul.lineMethodItemOuter,
.lineMethodItemOuter{
	width: calc(100% - (2em * 2)) !important;
	margin: 1em auto 0 !important;
}

.lineMethodItemOuterStrong{
	display: inline-block !important;
	width: auto !important;
	color: inherit !important;
	font-weight: bold;
	margin: 0 !important;
}

.lineMethodText{
	color: inherit;
	margin: 0 0 0.5em;
}

.lineMethodButton{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 0.5em 1em;
	width: 100%;
	margin: 0 0 0.5em;
}

.lineMethodButton img{
	max-width: 100%;
}

.lineMethodText:last-child,
.lineMethodButton:last-child{
	margin-bottom: 0;
}

.lineMethodFlow{
	counter-reset: flow 0;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
	color: #303F50;
}

.lineMethodFlow li{
	width: 100%;
	margin: 0 auto !important;
	padding: 0 !important;
	list-style: none;
	color: #303F50;
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 0 0.5em;
}

.lineMethodFlow li:not(:first-of-type){
	margin-top: 0.5em !important;
}

.lineMethodFlow li:before{
	font-size: 100%;
	counter-increment: flow 1;
	content: counter(flow)".";
}

.qrLayout{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 1em;
}

.qrLayout .lineMethodButton{
	width: auto;
}

.lineMethodFlowText{
	margin: 1.5em 0 0;
}

.topContactImage{
	display: block;
	width: 86%;
	max-width: 100% !important;
	margin: 0 auto;
}

.topContactImage img{
	display: block;
	width: 100%;
	max-width: 100% !important;
	margin: 0 auto;
}

.topContactCntent{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 1em 3em;
	widtth: 100%;
	margin: 0 auto;
}

.topContactCntentTel{
	width: 30%;
}

.topContactCntentTel img{
	display: block;
	width: 100%;
	max-width: 100% !important;
	margin: 0;
}

.topContactCntentLine{
	--lineColor: #06C755;
	font-size: 112.5%;
}

.topContactCntentLineLink{
	display: block;
	color: #FFF !important;
	background-color: var(--lineColor);
	border: 2px solid var(--lineColor);
	padding: 0.5em 1.25em;
	font-weight: bold;
	font-size: 100%;
}

.topContactCntentLineLink:hover{
	display: block;
	color: var(--lineColor) !important;
	background-color: #FFF;
}

.topContactCntentButton{
	--buttonColor: #11BE33;
	font-size: 112.5%;
}

.topContactCntentButtonText{
	display: block;
	color: #FFF !important;
	background-color: var(--buttonColor);
	border: 2px solid var(--buttonColor);
	padding: 0.5em 1.25em;
	font-weight: bold;
	font-size: 100%;
}

.topContactCntentButtonText:hover{
	display: block;
	color: var(--buttonColor) !important;
	background-color: #FFF;
}

@media(max-width: 960px){
	.topContactImage{
		width: 100%;
	}
	.topContactCntent{
		margin-top: 0.5em;
		gap: 0.5em 1em;
	}
	.topContactCntentTel{
		width: auto;
	}
	.topContactCntentTel img{
		width: auto;
		height: 1.5em;
	}
	.topContactCntentLine,
	.topContactCntentButton{
		font-size: min(100%,3vw);
	}
	.topContactCntentLineLink,
	.topContactCntentButtonText{
		padding: 0.25em 1em;
	}
}

.recruitBanner{
	display: flex;
	justify-content: center;
	margin: 30px auto 50px;
}

@media(min-width: 1367px){
	.recruitBanner{
		margin: 50px auto 70px;
	}
}

@media(max-width: 600px){
	.recruitBanner{
		margin: 10px auto 30px;
	}
}


a.recruitBannerLink{
	font-size: 200%;
	border: 2px solid #FF8C37;
	background-color: #FFF;
	color: #FFF;
	display: block;
	overflow: hidden;
	padding: 3px;
	position: relative;
	transition: border 0.5s;
}

@media(max-width: 600px){
	a.recruitBannerLink{
		font-size: 125%;
	}
}

a.recruitBannerLink:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: auto;
	background-color: #00A517;
	width: 0;
	height: 100%;
	display: block;
	transition: width 0.5s;
	transform-origin: left center;
}


@media(min-width: 601px){
	a.recruitBannerLink:hover{
		border: 2px solid #00A517;
	}
	a.recruitBannerLink:hover:before{
		right: auto;
		left: 0;
		width: 100%;
	}
}

.recruitBannerInner{
	font-size: 100%;
	font-weight: bold;
	color: inherit;
	display: block;
	line-height: 1.5;
	background-size: 250% auto;
	position: relative;
	padding: 0.5em 1em;
	transition: all 0.25s;
}

.recruitBannerInner span{
	color: inherit;
	font-size: 100%;
	line-height: 1.5;
	position: relative;
}

.recruitBannerInner:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: auto;
	bottom: 0;
	left: 0;
	background-color: #FF8C37;
	width: 100%;
	height: 100%;
	display: block;
	transition: width 0.5s;
	transform-origin: left center;
}

@media(min-width: 601px){
	a.recruitBannerLink:hover .recruitBannerInner{
		background-position: center left;
		background-color: transparent;
	}
	a.recruitBannerLink:hover .recruitBannerInner:before{
		right: 0;
		left: auto;
		width: 0;
	}
}