@charset "UTF-8";
/*
Theme Name: アーツ銀座クリニック
Theme URI: http://arts-ginzaclinic.com/
Description: アーツ銀座クリニックのオリジナルテーマ
Author: TRYANGLE wpCSTmizer
Author URI: http://tryangle-co.jp/
Version: 1.0
*/

/* contact form */
input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
input[type="date"]::-webkit-inner-spin-button{
  -webkit-appearance: none;
}
input[type="date"]::-webkit-clear-button{
  -webkit-appearance: none;
}
input[type="date"]{
	position: relative;
	border: 1px solid #d4d7da;
	padding: 4px 8px;
	margin-bottom: 5px;
}
.formdate{
	width: 168px;
	height: 32px;
}

.cf-form {
	margin-bottom: 15px;
}
.cf-send {
	display: flex;
	padding: 10px 0px;
}

/* 2023.6.1 代替プラグイン「CF7 multi-step forms」導入に伴い追加↓ */
.multi-step .cf-form dd p {
	border: solid 1px #fff;
	background: #E1D6BD;
	padding: 5px 10px;
}
/* 2023.6.1 代替プラグイン「CF7 multi-step forms」導入に伴い追加↑ */

input.reset-btn {
	font-family: inherit;
   font-size: 105% !important;
   margin: -1px 10px 0 0 !important;
   padding: 10px 70px !important;
   vertical-align: middle !important;
   background: #FFF !important;
   border: 1px solid #d4d7da !important;
   color: #c6c9cc;
	cursor: pointer;
	outline: none !important;
}
input.reset-btn:hover{
	background: #FFF !important;
	color: #f09199 !important;
}

input.conf-btn, input.send-btn {
	font-family: inherit;
   font-size: 105% !important;
   margin: 0 !important;
   padding: 10px 56px !important;
   vertical-align: middle !important;
   background: #f09199 !important;
   color: #FFF;
   font-weight: bold;
	cursor: pointer;
	outline: none !important;
}
input.conf-btn:hover, input.send-btn:hover{
	background: #FFF !important;
	color: #f09199 !important;
}

input.back-btn  {
	font-family: inherit;
   font-size: 105% !important;
   margin: -1px 10px 0 0 !important;
   padding: 10px 70px !important;
   vertical-align: middle !important;
   background: #FFF !important;
   border: 1px solid #d4d7da !important;
   color: #c6c9cc;
	cursor: pointer;
	outline: none !important;
}
input.back-btn:hover{
	background: #FFF !important;
	color: #f09199 !important;
}

@media screen and (max-width: 768px) {
	input.conf-btn, input.send-btn, input.back-btn {
		padding: 10px 0px !important;
	}
}

/* set
------------------------------------------------------------ */
* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
	overflow-y: scroll;
}
body {
	font-family: YuGothic, "游ゴシック", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
	color: #333;
}
ul,ol {
	list-style: none;
}
hr {
	height: 0;
	margin: 0;
	border: none;
}
img {
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	empty-cells: show;
}
.sp {
	display: none;
}


/* font
------------------------------------------------------------ */
header,
footer address ul li:first-child p+p,
footer address ul li:first-child div a,
h2,
h3,
#page .cnt,
#hairloss h1,
#beauty h1,
#beauty_body .intro_txt {
	font-family: YuMincho, "游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
header nav ul li span,
h2 span {
	font-family: "Julius Sans One", sans-serif;
}
i:before,
header a:before,
header a:after,
footer address ul li:first-child p+p:before,
footer address ul li:first-child div a:after,
h4:before,
#page .cnt a:before,
#page .cnt a:after,
#menu dl ul li a:before,
#clinic #access dl dd p a:after,
.group li:before,
.menu .condition li:before,
.menu .case dt:after,
.menu .privilege h5:before,
#hairloss #sec_04 .caution li:before,
#diets-sopera #effect figure:after,
#petit-eyes .case:nth-of-type(2) dd:after,
#faq dl+ul li:before,
#form dl label:before,
#sitemap li:before,
#side ul li:before,
header .sp span:before,
footer #ftr_sitemap :before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* link
------------------------------------------------------------ */
a {
	color: #AC8A2F;
	text-decoration: underline;
}
a:hover {
	color: #AC8A2F;
	text-decoration: none;
	transition: .3s;
}
a:hover img {
	opacity: 0.8;
}
header a,
footer article a,
footer address ul li:first-child div a,
#page .cnt li:nth-of-type(1) a {
	color: #FFF;
	text-decoration: none;
}
header a:hover,
footer article a:hover,
#page .cnt li:nth-of-type(1) a:hover {
	color: #FFF;
	text-shadow: 0 0 15px #FFF;
}
footer address ul li:first-child p+p a,
.group li a,
#menu dl ul li a,
#page .cnt li:nth-of-type(2) a,
#faq dl+ul a,
#sitemap ul a,
footer #ftr_sitemap a {
	color: #333;
	text-decoration: none;
}
footer address ul li:first-child p+p a:hover,
.group li a:hover,
#menu dl ul li a:hover,
#page .cnt li:nth-of-type(2) a:hover,
#faq dl+ul a:hover,
#sitemap ul a:hover,
footer #ftr_sitemap a:hover {
	color: #AC8A2F;
}
#info dl dd a,
#cat dl dd a {
	color: #333;
}
footer #pagetop a,
#menu h3 a {
	text-decoration: none;
	color: #AC8A2F;
}
#menu h3 a:hover {
	text-decoration: underline;
}
#page #breadcrumb a {
	color: #787878;
}
#beauty #breadcrumb a {
	color: #787878;
}


/* form
------------------------------------------------------------ */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="submit"],
input[type="reset"],
input[type="button"],
label,
select,
textarea {
	background: none;
	font-size: 100%;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
::-webkit-input-placeholder {color: #9a9a9a;}
::-moz-placeholder {color: #9a9a9a;}
:-ms-input-placeholder {color: #9a9a9a;}
:focus::-webkit-input-placeholder {color: transparent;}
:focus:-moz-placeholder {color: transparent;}
:focus::-moz-placeholder {color: transparent;}


/* header
------------------------------------------------------------ */
header {
	background: url(img/hdr_rp-x.png) repeat-x,url(img/hdr_btm.png) no-repeat center 120px;
	color: #FFF;
	height: 160px;
	position: relative;
	z-index: 1;
}

.hd_box_top{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header h1 a {
	background: url(img/logo.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	width: 303px;
	height: 45px;
	float: left;
	display: block;
	clear: both;
	overflow: hidden;
	cursor: pointer;
	margin-top: 20px;
}
header ul li {
	text-align: center;
	vertical-align: bottom;
	display: inline-block;
}
header .cnt {
	margin-top: .8rem;
	float: right;
}
header .cnt li:nth-of-type(1) {
	line-height: 1.1;
	text-align: right;
	margin-right: 1rem;
}
header .cnt li:nth-of-type(1) em a {
	font-size: 2rem;
	letter-spacing: 0.1em;
	display: block;
}
header .cnt li:nth-of-type(1) em a:before {
	content: "\f095";
	background: #FFF;
	font-size: .7em;
	font-weight: bold;
	color: #D4AA37;
	line-height: 20px;
	vertical-align: top;
	width: 20px;
	height: 20px;
	margin-right: .5rem;
	padding: .12rem;
	border-radius: 100%;
}
header .cnt li:nth-of-type(1) span {
	font-size: 1rem;
	letter-spacing: 0.08em;
}
header .cnt li:nth-of-type(2) a,
header .cnt li:nth-of-type(3) a {
	background: url(img/bg_go.png) no-repeat;
	background-size: 100% 100% !important;
	font-size: 1.2rem;
	line-height: 50px;
	height: 50px;
	display: block;
	cursor: pointer;
}
header .cnt li:nth-of-type(2) a {
	background: url(img/bg_cnt.png) no-repeat;
	width: 160px;
}
header .cnt li:nth-of-type(3) a {
	width: 190px;
}
header .cnt li:nth-of-type(2) a:hover,
header .cnt li:nth-of-type(3) a:hover {
	color: #FFF;
	opacity: 0.8;
}
header .cnt li:nth-of-type(2) a:before {
	content: "\f003";
	padding-right: 1rem;
}
header .cnt li:nth-of-type(3) a:after {
	content: "\f138";
	padding-left: 1rem;
}
header nav ul {
	letter-spacing: -.40em;
	clear: both;
}
header nav ul li {
	letter-spacing: normal;
	line-height: 1.5rem;
	width: 16.66%;
	margin-top: 2rem;
	border-left: 1px solid #FFF;
}
header nav ul li:nth-last-child(5),
header nav ul li:nth-last-child(4),
header nav ul li:nth-last-child(3),
header nav ul li:nth-last-child(2),
header nav ul li:last-child {
	display: none;
}
header nav ul li:nth-last-child(6) {
	border-right: 1px solid #FFF;
}
header nav ul li span {
	font-size: 1rem;
	display: block;
}


/* footer
------------------------------------------------------------ */
footer {
	background: #F8F5F5;
}
footer ul li {
	display: inline-block;
}
footer address {
	padding: 5rem 0;
}
footer address ul {
	letter-spacing: -.40em;
}
footer address ul li {
	letter-spacing: normal;
	vertical-align: top;
	width: 33.33%;
}
footer address ul li h3 {
	font-size: 1.6rem;
	color: #AC8A2F;
	font-weight: bold;
	margin-bottom: 1rem;
}
footer address ul li h4:before {
	color: #E1D6BD;
}
footer address ul li p {
	font-size: 1.2rem;
	margin-right: 3rem;
}
footer address ul li h3+p {
	margin-bottom: 2rem;
	padding-bottom: 2rem;
	border-bottom: 1px solid #E0E0E0;
}
footer address ul li:first-child p+p {
	font-size: 2rem;
	letter-spacing: 0.1em;
}
footer address ul li:first-child p+p:before {
	content: "\f095";
	background: #D4AA37;
	font-size: .7em;
	font-weight: bold;
	color: #FFF;
	line-height: 20px;
	vertical-align: top;
	width: 20px;
	height: 20px;
	margin: .8rem .5rem 0 0;
	padding: .125rem 0 .125rem .25rem;
	border-radius: 100%;
}
footer address ul li:first-child div a {
	background: url(img/bg_go.png) no-repeat;
	background-size: 100% 100%;
	font-size: 1.2rem;
	line-height: 50px;
	text-align: center;
	width: 90%;
	height: 50px;
	margin-top: .5rem;
	display: block;
	cursor: pointer;
}
footer address ul li:first-child div a:hover {
	color: #FFF;
	opacity: 0.7;
}
footer address ul li:first-child div a:after {
	content: "\f138";
	padding-left: 1rem;
}
footer address ul li:last-child div {
/* 	width: 90%;	*/
	width: 100%;	/* 2023.5 カレンダープラグイン「Biz Calendar」→「XO Event Calendar」代替につき変更 */
	margin: 0 auto;
}
/* 2023.5 カレンダープラグイン「Biz Calendar」→「XO Event Calendar」代替につき変更↓ */
.xo-event-calendar table.xo-month .month-dayname td div.today {
	color: #000 !important;
}
/* #biz_calendar {
	max-width: 100% !important;
	font-family: YuGothic, "游ゴシック", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
#biz_calendar p span.boxholiday {
	background-color: #9D8D32 !important;
}
#biz_calendar table.bizcal {
	border: 1px solid #E0E0E0 !important;
	border-spacing: 1px;
	border-collapse: separate;
}
#biz_calendar table.bizcal th {
	color: #333 !important;
	background-color: #E0E0E0 !important;
}
#biz_calendar table.bizcal th:first-child {
	color: #F00 !important;
}
#biz_calendar table.bizcal th:nth-last-of-type(1) {
	color: #06F !important;
}
#biz_calendar table.bizcal td {
	color: #333;
}
#biz_calendar table.bizcal .holiday {
	background-color: #9D8D32 !important;
} */
/* 2023.5 カレンダープラグイン「Biz Calendar」→「XO Event Calendar」代替につき変更↑ */

.sns_icon {
	display: block;
}

.sns_icon a{text-decoration: none;}
.sns_icon img{
	width: 40px;
	height: auto;
	margin: 30px 15px 0;
}

.sns_icon img:first-of-type{
	margin-left: 0;
}

#sns_sideicon{
	position: fixed;
	right: 0;
	bottom: 175px;
	z-index: 1000;
	display: flex;
	flex-direction: column;
}

#sns_sideicon a{
	display: flex;
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
	background-color: white;
	border-radius: 8px 0 0 8px;
	margin-top: 5px;
	text-decoration: none;
	box-shadow: -1px 1px 3px 0px rgba(104,104,104,0.6);
}

#sns_sideicon a img{
	width: 40px;
	height: auto;
}


footer article {
	background: #8D7140;
	color: #FFF;
	font-size: 1rem;
	line-height: 3;
}
footer article ul {
	float: left;
}
footer article ul li:last-child:before {
	content: "｜";
	padding: 0 1rem;
}
footer article p {
	 text-align: center;
}
footer #pagetop {
	display: none;
	position: fixed;
	right: 22px;
	bottom: 110px;
	z-index: 1000;
	color: #AC8A2F;
}
footer #pagetop a i:before {
	display: block;
	content: "\f106";
	font-size: 3rem;
	line-height: 45px;
	width: 50px;
	height: 50px;
}
footer #pagetop a i:after {
	display: block;
	content: "";
	width: 50px;
	height: 50px;
	border: 1px solid #AC8A2F;
	border-radius: 100%;
	position: fixed;
	right: 22px;
	bottom: 110px;
}

footer #ftr_sitemap {
	background: #FFF;
	padding: 2rem 0;
	border-top: 1px solid #D1C69E;
}
footer #ftr_sitemap ul.mass {
	vertical-align: top;
	width: 23%;
	display: inline-block;
}
footer #ftr_sitemap ul {
	margin-top: .5rem;
}
footer #ftr_sitemap ul ul {
	margin-left: 1rem;
}
footer #ftr_sitemap ul li {
	font-size: 1.2rem;
	line-height: 1;
	padding: 0 0 .5rem;
	display: block;	
}
footer #ftr_sitemap ul li a:before {
	content: "\f105";
	color: #AC8A2F;
	font-size: 1.5rem;
	padding-right: .5rem;
}
footer #ftr_sitemap ul ul li a:before {
	font-size: 1rem;
}


/* common
------------------------------------------------------------ */
article {
	padding-top: 30px;
	width: 100%;
}
section,
address {
	width: 1000px;
	max-width: 90%;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
}
#multiple-slider_box article {
margin-bottom: 10px;
}
#multiple-slider_box .multiple-slider {
margin: 0 0.5% 0 0.5%;
}


main {
	display:block;
}
main section {
	padding: 0 0 30px;
}
#main {
	width: 70%;
	float: left;
}
h2 {
	font-size: 2.4rem;
	line-height: 1.5;
	text-align: center;
}
h2 span {
	font-size: 1rem;
	color: #AC8A2F;
	display: block;
}
h4 {
	font-weight: bold;
	margin-bottom: 1rem;
}
h4:before {
	content: "\f1db";
	font-weight: bold;
	padding-right: .5rem;
}
p.cap {
	padding: 0.5rem 3rem;
    font-size: 20px;
    color: #ffffff;
    background: #D86E75;
    text-align: center;
    font-weight: bold;
    margin: 1rem 0;
}
p.cap_men {
	padding: 0.5rem 3rem;
    font-size: 20px;
    color: #ffffff;
    background: #4257c3;
    text-align: center;
    font-weight: bold;
    margin: 1rem 0;
}


/* #side */
#side {
	width: 25%;
	float: right;
}
#searchform {
	background: #FFF;
	margin-bottom: 3rem;
	border: 1px solid #D1C69E;
	border-radius: 3px;
	position: relative;
}
#searchform input {
	font-size: 1.5rem;
	line-height: 3;
	height: 3rem;
	padding: 0 0 0 2%;
	border: none;
}
#searchform button {
	background: #AC8A2F;
	cursor: pointer;
	width: 3rem;
	height: 3rem;
	border: none;
	position: absolute;
	top: 0;
	right: 0;
}
#searchform i {
	color: #FFF;
	font-size: 1.5rem;
}
#side ul {
	margin: 0 0 3rem .8rem;
}
#side ul li:before {
	content: "\f105";
	color: #AC8A2F;
	font-size: 1.5rem;
	padding-right: .5rem;
}
.sp_only {
	display: none!important;
}


/* #page
------------------------------------------------------------ */
/* common */
#page h2 {
	background: url(img/bg_main.png) no-repeat center top;
	background-size: 100% auto;
	height: 240px;
	margin-top: -40px;
	padding-top: 11rem;
}
#page.male h2 {
	background: url(img/bg_main_02.png) no-repeat center top;
	background-size: 100% auto;
}
#page #breadcrumb {
	font-size: 1.2rem;
	color: #787878;
	line-height: 1.4;
	padding: 1rem 0;
}
#page article {
	background: url(img/bg.jpg) repeat;
}
#page.male article {
	background: url(img/bg_02.jpg) repeat;
}
#page h2 {
	font-size: 3rem;
}
#page h2 span {
	font-size: 1.2rem;
	display: none;
}
#page h3 {
	font-size: 2.2rem;
	line-height: 1.5;
	margin: 5rem 0 2rem;
	padding-bottom: 1rem;
	clear: both;
	border-bottom: 1px solid #D1C69E;
}
#page h3:first-of-type {
	margin: 0 0 2rem;
}
#page h4:before {
	color: #ac8a2f;
}
#page p {
	margin: 0 0 2rem;
}
#page .cnt {
	text-align: center;
	padding: 1.5rem;
	clear: both;
	border: 2px solid #D4AA37;
}
#page .reserv {
	margin: 6rem 0 0;
}
#page .reserv p {
	font-size: 2.2rem;
	font-weight: bold;
	margin: 0 0 -.5rem;
}
#page .reserv p br {
	display: none;
}
#page .cnt li {
	vertical-align: middle;
	display: inline-block;
}
#page .cnt li:nth-of-type(1) a {
	background: url(img/bg_go.png) no-repeat;
	background-size: 100% 100%;
	font-size: 2rem;
	line-height: 80px;
	width: 340px;
	height: 80px;
	margin-right: 3rem;
	display: block;
	cursor: pointer;
}
#page .cnt li:nth-of-type(1) a:hover {
	color: #FFF;
	opacity: 0.8;
}
#page .cnt li:nth-of-type(1) a:before {
	content: "\f003";
	padding-right: 1rem;
}
#page .reserv li:nth-of-type(1) a:before {
	content: "";
}
#page .cnt li:nth-of-type(1) a:after {
	content: "\f138";
	padding-left: 1rem;
}
#page .cnt li:nth-of-type(2) em a {
	font-size: 4rem;
	letter-spacing: 0.1em;
	display: block;
}
#page .cnt li:nth-of-type(2) em a:before {
	content: "\f095";
	background: #D4AA37;
	font-size: 2.5rem;
	color: #FFF;
	line-height: 40px;
	vertical-align: top;
	width: 40px;
	height: 40px;
	margin: 1.5rem 1.5rem 0 0;
	padding: .25rem 0 .25rem .5rem;
	border-radius: 100%;
}
#page .cnt li:nth-of-type(2) span {
	letter-spacing: 0.08em;
}
#page .tblstyle {
	background: #F8F5F5;
	padding: .5rem 3rem;
}
#page .tblstyle dt {
	color: #AC8A2F;
	font-weight: bold;
	padding: 1.5rem 0;
	float: left;
	clear: both;
}
#page .tblstyle dd {
	padding: 1.5rem 0 1.5rem 26rem;
	border-bottom: 1px solid #D1C69E;
}
#page .tblstyle dd:last-child {
	border-bottom: none;
}
/* #top */
.box_att {
	font-size: 20px;
	margin: 0 auto 0;
	width: 100%;
	text-align: center;
  border: 5px solid #d20000;
  padding: 15px;
  color: #d20000;
  background: #fffdf4;
  line-height: 1.5;  
}
.box_att a{
  color: #d20000;
  text-decoration: none;
}
.box_att a:hover {
  color: #cca54a;
}

.box_att2 {
  font-size: 18px;
  margin: 20px auto 20px;
  width: 98%;
  text-align: center;
  border: 5px solid #6c1200;
  padding: 15px;
  color: #6c1200;
  background: #fffdf4;
  font-family: serif;
}
.box_att2 a{
  color: #6c1200;
  text-decoration: none;
}
.box_att2 a:hover {
  color: #cca54a;
}

/* #clinic */
#clinic .tblstyle dd span {
	font-size: 1.2rem;
	display: block;
}
#clinic figure:first-of-type {
	text-align: right;
	float: right;
	clear: both;
}
#clinic figure:first-of-type figcaption {
	text-align: left;
	width: 48%;
	float: left;
}
#clinic figure:first-of-type figcaption p {
	font-weight: normal;
}
#clinic figure {
	overflow: hidden;	
}
#clinic figure figcaption {
	width: 76%;
	float: right;
	clear: both;
}
#clinic figure figcaption p+p {
	font-weight: bold;
}
#clinic figure figcaption p+p span {
	font-size: 1.2rem;
	font-weight: bold;
}
#clinic figure figcaption dl,
#clinic figure figcaption ul {
	font-size: 1.2rem;
	margin-top: -1rem;
}
#clinic figure figcaption dl dt {
	float: left;
}
#clinic figure figcaption dl dd {
	padding-left: 9rem;
}
#clinic figure figcaption ul {
	margin-bottom: 2rem;
}
#clinic h3:last-of-type {
	width: 100%;
}
#clinic #access dl dt {
	width: 45%;
	float: left;
}
#clinic #access dl dd {
	text-align: right;
}
#clinic #access dl dd p a:after {
	content: "\f08e";
}

/* #staff */
#staff .staff {
	margin: 0 0 6rem;
}
#staff .staff h3 span {
	background: #D86E75;
	color: #FFF;
	font-size: 1.5rem;
	text-align: center;
	margin-right: 2rem;
	padding: .5rem 1rem;
	display: inline-block;
}
#staff .staff figure {
	overflow: hidden;
}
#staff .staff figure img {
	margin: 0 3rem 5rem 0;
	float: left;
	clear: both;
	border: 1px solid #D1C69E;	
}
#staff .staff figure figcaption dl dt {
	color: #D86E75;
	font-weight: bold;
}
#staff .staff figure figcaption dl dd {
	font-size: 1.2rem;
	margin: 0 0 1rem;
}

/* .menu */
.menu .h3 {
	margin-bottom: 3rem;
	float: left;
	clear: both;
}
.menu .h3 figcaption {
	width: 70%;
	float: right;
}
/* 診療項目メニュー */
.group li {
	display: inline-block;
	margin: 0 5rem 2rem 0;
}
.group li:before {
	content: "\f105";
	color: #AC8A2F;
	font-size: 2rem;
	margin-right: .5rem;
}

.menu .right {
	float: right;
	clear: both;
	margin: 0 0 2rem 2rem;
}
.menu .left {
	float: left;
	clear: both;
	margin: 0 2rem 5rem 0;
}
.menu em {
	color: #D86E75;
	font-weight: bold;
}
.menu .oblique {
	color: #AC8A2F;
	font-style: oblique;
	font-weight: bold;
}
/* 上部注釈 */
.menu .caution {
	font-size: 16px;
	font-size: 1.6rem;
	color: #CC0000;
	padding-bottom: 2rem;
	font-weight: bold;
}

/* diskリスト */
.menu .disk li {
	padding: 0 0 .5rem 2rem;
	position: relative;
}
.menu .disk li:before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
/* こんな症状・お悩みリスト */
.menu .condition li {
	padding: 0 0 .5rem 2.5rem;
	position: relative;
}
.menu .condition li:before {
	content: "\f058";
	color: #D86E75;
	font-size: 1.8rem;
	width: 2rem;
	position: absolute;
	top: 0;
	left: 0;
}
/* 治療の流れ */
.menu .flow li:before {
	content: "Step1.";
	background: #AC8A2F;
	color: #FFF;
	margin-right: 1rem;
	padding: .7rem 1rem;
}
.menu .flow li:nth-child(2):before {
	content: "Step2.";
}
.menu .flow li:nth-child(3):before {
	content: "Step3.";
}
.menu .flow li:nth-child(4):before {
	content: "Step4.";
}
.menu .flow li:nth-child(5):before {
	content: "Step5.";
}
.menu .flow li:nth-child(6):before {
	content: "Step6.";
}
.menu .flow li:nth-child(7):before {
	content: "Step7.";
}
.menu .flow li:nth-child(8):before {
	content: "Step8.";
}
.menu .flow li:nth-child(9):before {
	content: "Step9.";
}
.menu .flow li:nth-child(10):before {
	content: "Step10.";
}
.menu .flow li {
	font-weight: bold;
	margin: 0 1rem 3rem 0;
}
.menu .flow li span {
	margin-top: .7rem;
	display: block;
}
/* 治療対象部位 */
.menu h4 {
	color: #D86E75;
}
/* 体験談・キャンペーン */
.menu .voice,
.menu .privilege {
	background: #F8F5F5;
	margin-bottom: 2rem;
	padding: 3rem 3rem 1rem;
}
.menu .privilege {
	padding: 2rem 3rem 0;
	border: 2px solid #D86E75;
}
.menu .voice h4,
.menu .privilege h4 {
	font-size: 1.6rem;
	color: #D86E75;
}
.menu .voice h4:before,
.menu .privilege h4:before {
	display: none;
}
.menu .voice h4 span {
	font-size: 1.2rem;
	color: #333;
	padding-left: 1rem;
}
.menu .voice p,
.menu .privilege p {
	padding: 0 .5rem;
}
.menu .privilege h5 {
	font-size: 1.5rem;
	font-weight: bold;
}
.menu .privilege h5:before {
	content: "\f1db";
	color: #ac8a2f;
	font-weight: bold;
	padding-right: .5rem;
}
.menu .privilege .disk {
	margin-bottom: 2rem;
}
.menu .privilege .disk li {
	padding: 0 0 .2rem 2rem;
}
/* よくある質問 */
.menu .faq {
	clear: both;
}
.menu .faq dt {
	font-weight: bold;
}
.menu .faq dt:before {
	content: "Ｑ";
	background: #AC8A2F;
	font-weight: normal;
	color: #FFF;
	line-height: 30px;
	text-align: center;
	width: 30px;
	height: 30px;
	margin-right: 1.5rem;
	display: inline-block;
}
.menu .faq dd {
	margin: 1rem 0 2.5rem;
}
/* 症例写真 */
.menu .case {
	background: #F8F5F5;
	width: 48.5%;
	margin-bottom: 2rem;
	padding: 3rem;
	float: left;
}
.menu .case:nth-of-type(2n) {
	float: right;
}
.menu .case:last-of-type,
.menu .last {
	margin-bottom: 5rem;
}
.menu .case p {
	font-weight: bold;
	margin: 0 0 .7rem !important;
}
.menu .case p em {
	background: #AC8A2F;
	color: #FFF;
	font-size: 1.6rem;
	padding: .7rem 1rem;
}
.menu .case p span {
	color: #757575;
	font-size: 1.2rem;
	font-weight: bold;
}
.menu .case span {
	color: #AC8A2F;
	font-size: 1.6rem;
	display: block;
}
.menu .case dt {
	width: 50%;
	float: left;
	position: relative;
}
.menu .case dt:after {
	content: "\f105";
	color: #AC8A2F;
	font-size: 3rem;
	text-align: right;
	margin-right: 10%;
	position: absolute;
	top: 50%;
	right: -13%;
}
.menu .case dd {
	float: right;
}

.menu .vertical dt {
	width: 100%;
	margin-bottom: 3rem;
	float: none;
}
.menu .vertical dt:after {
	content: "\f107";
	text-align: center;
	margin-right: 0;
	display: block;
	top: auto;
	right: 47%;
	bottom: -4rem;
}
.menu .vertical dd {
	float: none;
}

/* 施術料金 */
.menu .price {
	width: 100%;
}
.menu .price th {
	background: #AC8A2F;
	color: #FFF;
	text-align: left;
	padding: 1rem 2rem;
	border: 1px solid #D1C69E;
}
.menu .price td {
	background: #F8F5F5;
	vertical-align: top;
	padding: 1rem 2rem;
	border: 1px solid #D1C69E;
}
.menu .price .cpn td {
	background: #f5f1e4;
	vertical-align: top;
	padding: 1rem 2rem;
	border: 1px solid #D1C69E;
}

.menu .price .vertical {
	vertical-align: middle;
}
.menu .price span {
	font-size: 1.1rem;
}
.menu .price02 {
	width: 100%;
}
.menu .price02 th {
	background: #AC8A2F;
	color: #FFF;
	text-align: left;
	padding: 1rem 2rem;
	border: 1px solid #D1C69E;
}
.menu .price02 td {
	background: #F8F5F5;
	vertical-align: top;
	padding: 1rem 2rem;
	border: 1px solid #D1C69E;
}
.menu .price02 .vertical {
	vertical-align: middle;
}
.menu .price02 span {
	font-size: 1.1rem;
}

/* #hairloss */
#hairloss section {
	padding: 5.5rem 0 0;
}
#hairloss section:last-child {
	padding: 5.5rem 0;
}
#hairloss .group {
	border-bottom: 1px solid #D1C69E;
}
#hairloss h1 {
	font-size: 2.8rem;
	color: #AC8A2F;
	font-weight: bold;
	text-align: center;
	margin: 0 0 2rem;
}
#hairloss #sec_01 figure figcaption {
	display: none;
}
#hairloss #sec_04 figure {
	/* width: 152px; */
	width: 100%;
	margin: 1rem 60px 40px 4rem;
}
/* 
#hairloss #sec_04 figure:nth-of-type(5n) {
	margin: 0 0 40px;
} */
#hairloss #sec_04 figure figcaption {
	margin-top: 1.7rem;
}
#hairloss #sec_04 figure figcaption em {
	color: #AC8A2F;
	display: block;
}
#hairloss #sec_04 .caution li {
	margin-bottom: 1.3rem;
	padding: 0 0 .5rem 2.5rem;
    position: relative;
}
#hairloss #sec_04 .caution li:before {
	content: "\f058";
	color: #D86E75;
	font-size: 1.8rem;
	width: 2rem;
	position: absolute;
	top: 0;
	left: 0;
}
#hairloss #sec_04 .point {
	width: 260px;
	margin: 0 0 0 55px;
}
#hairloss #sec_05 .flow li,
#stem_cell .flow li {
	position: relative;
	overflow: hidden;
	padding-top: 3rem;
}
#hairloss #sec_05 .flow li div,
#stem_cell .flow li div {
	margin: 0 0 0 2rem;
	float: right;
	clear: both;
}
#hairloss #sec_05 .flow li:not(:first-child),
#stem_cell .flow li:not(:first-child)
 {
	border-top: 1px solid #D1C69E;
}
#hairloss #sec_05 .flow li:not(:first-child):after,
#stem_cell .flow li:not(:first-child):after
 {
	content: "";
	border-top: 20px solid #D1C69E;
	border-right: 37px solid transparent;
	border-bottom: 37px solid transparent;
	border-left: 37px solid transparent;
	position: absolute;
	top: 0;
	left: 47%;
}

/* #diets */
/* #diets-venusfreeze */
/* #diets-mesotherapy */
/* #diets-sopera */
#diets-sopera #effect {
	background: #F8F5F5;
	width: 640px;
	max-width: 100%;
	margin-bottom: 2rem;
	padding: 3rem;
	overflow: hidden;
}
#diets-sopera #effect figure {
	float: left;
	text-align: center;
}
#diets-sopera #effect figure figcaption {
	font-size: 1.2rem;
	line-height: 1.3;
	font-weight: bold;
	padding: .5rem 1rem;
}
#diets-sopera #effect figure:nth-of-type(1),
#diets-sopera #effect figure:nth-of-type(2) {
	width: 160px;
	margin-right: 50px;
	position: relative;
}
#diets-sopera #effect figure:after {
	content: "\f105";
	color: #AC8A2F;
	font-size: 3rem;
	text-align: right;
	position: absolute;
	top: 50px;
	right: -30px;
}
#diets-sopera #effect figure:nth-of-type(3):after,
#diets-sopera #effect figure:nth-of-type(4):after,
#diets-sopera #effect figure:nth-of-type(5):after {
	content: "";
}
#diets-sopera #effect hr {
	margin: 3rem 0;
	padding: 3rem 0 0;
	clear: both;
	border-bottom: 1px solid #D1C69E;
}
#diets-sopera #effect figure:nth-of-type(4),
#diets-sopera #effect figure:nth-of-type(5) {
	width: 185px;
}
#diets-sopera #effect figure:nth-of-type(4) {
	margin: 0 50px 0 80px;
}
/* #diets-calf */
/* #diets-supplements */

/* #anti */
/* #anti-thermacool */
/* #anti-ulthera */
/* #anti-acr */
/* #anti-anti-hyaluronicacid */
/* #anti-anti-botox */

/* #skin */
/* #skin-phototherapy */
/* #skin-laserpeeling */
/* #skin-chemicalpeeling */
/* #skin-derma */
/* #skin-placenta_Vitamin */

/* #petit */
/* #petit-petit-hyaluronicacid */
/* #petit-petit-botox */
/* #petit-eyes */
#petit-eyes .case:nth-of-type(2) {
	background: #F8F5F5 url(img/case_dotarrow.png) no-repeat center 60%;
}
#petit-eyes .case:nth-of-type(2) dd+dt,
#petit-eyes .case:nth-of-type(2) dd:last-of-type {
	padding-top: 7rem;
}
#petit-eyes .case:nth-of-type(2) dt:after {
	top: auto;
	bottom: 25px;
}

/* #removal */
/* #removal-wart_mole */
#removal-wart_mole table+p {
	color: #D86E75;
	margin: 1rem 0 0;
}
/* #removal-bruises_stains */
/* #removal-tattoo */

/* #hyperhidrosis */

/* #pierce */

/* #menu */
#menu figure img {
	margin: 2rem 6rem 2rem 0;
	float: right;
	clear: both;
	width: 200px;
	height: auto;
}
#menu .cnt {
	margin-top: 4rem;
}

/* #faq */
#faq .group {
	margin: 5rem 0 3rem;
}
#faq h3 {
	clear: both;
}
#faq dl {
	border-bottom: 1px solid #D1C69E;
}
#faq dl dt {
	font-weight: bold;
}
#faq dl dt:before {
	content: "Ｑ";
	background: #AC8A2F;
	font-weight: normal;
	color: #FFF;
	line-height: 30px;
	text-align: center;
	width: 30px;
	height: 30px;
	margin-right: 1.5rem;
	display: inline-block;
}
#faq dl dd {
	margin: 1rem 0 2.5rem;
}
#faq dl+ul {
	margin: 1.5rem 0 3rem;
	float: right;
	clear: both;
}
#faq dl+ul li:before {
	content: "\f138";
	padding-right: .5rem;
	color: #AC8A2F;
}

/* #beauty */
#beauty h2 {
	background: url(img/bg_main.png) no-repeat center top;
	background-size: 100% auto;
	height: 240px;
	margin-top: -40px;
	padding-top: 11rem;
}
#beauty #breadcrumb {
	font-size: 1.2rem;
	color: #787878;
	line-height: 1.4;
	padding: 1rem 0;
}
#beauty article {
	background: url(img/beauty_bg.png) repeat;
	background-size: 9% auto;
}
#beauty h2 {
	font-size: 3rem;
}
#beauty h2 span {
	font-size: 1.2rem;
}
#beauty h3 {
	font-size: 2.2rem;
	line-height: 1.5;
	margin: 5rem 0 2rem;
	padding-bottom: 1rem;
	clear: both;
	border-bottom: 1px solid #D1C69E;
}
#beauty h3:first-of-type {
	margin: 0 0 2rem;
}
#beauty h4:before {
	color: #ac8a2f;
}
#beauty p {
	margin: 0 0 2rem;
}

#beauty_body section {
	padding: 5.5rem 0 0;
}
#beauty_body section:last-child {
	padding: 5.5rem 0;
}
#beauty_body .group {
	border-bottom: 1px solid #D1C69E;
}
#beauty_body h1 {
	font-size: 2.8rem;
	color: #fc1d8a;
	font-weight: bold;
	text-align: center;
	margin: 0 0 2rem;
}
#beauty_body h3 {
	font-size: 2.2rem;
	line-height: 1.5;
	margin: 5rem 0 2rem;
	padding-bottom: 1rem;
	clear: both;
	border-bottom: 1px solid #fff;
}
#beauty_body .intro {
	max-width: 880px;
	margin: 0 auto;
}
#beauty_body .intro li {
	float: right;
}
#beauty_body .intro img {
	width: 100%;
	max-width: 430px;
	height: auto;
	border: 2px solid #edd6d8;
	border-radius: 5px;
}
#beauty_body .intro li + li {
	margin-right: 20px;
}
#beauty_body .intro figure + figure {
	margin-top: 20px;
}
#beauty_body .intro_txt {
	clear: both;
	max-width: 880px;
	margin: 54rem auto 0;
	padding: 2rem 2rem 0;
	background: #edd6d8;
	border: 2px solid #fff;
	border-radius: 5px;
	font-size: 1.8rem;
	color: #fc1d8a;
	text-align: center;
}
#beauty_body .vio_img {
	max-width: 880px;
	margin: 0 auto 2rem;
	background: #fff;
	border: 2px solid #edd6d8;
	border-radius: 5px;
	padding: 3rem;
}
#beauty_body .vio_img figure {
	text-align: center;
}
#beauty_body .vio_illust {
	text-align: right;
}

/* #kuchikomi */
#kuchikomi .h3 {
	margin-bottom: 3rem;
	float: left;
	clear: both;
}
#kuchikomi .kuchikomi_ttl {
	background: #AC8A2F;
	padding: 2rem 3rem;
	margin: 4rem 0 -2rem;
}
#kuchikomi .kuchikomi_ttl h4 {
	font-size: 1.8rem;
	color: #fff;
}
#kuchikomi .kuchikomi_ttl .patient {
	text-align: right;
	color: #fff;
}
#kuchikomi .kuchikomi_ttl h4:before {
	display: none;
}
#kuchikomi .kuchikomi_body {
	background: #F8F5F5;
	padding: 2rem 3rem 0;
	border: 1px solid #D1C69E;
}
#kuchikomi .kuchikomi_body .graph {
	width: 100%;
	margin-bottom: 4rem;
}
#kuchikomi .kuchikomi_body .graph tr {
	border-bottom: 1px solid #D1C69E;
	line-height: 3.0;
}
#kuchikomi .kuchikomi_body .graph td {
	vertical-align: middle;
}
#kuchikomi .kuchikomi_body .graph_on {
	width: 50px;
	height: .8em;
	margin-right: 3px;
	display: inline-block;
	background: #D86E75;
}
#kuchikomi .kuchikomi_body .graph_r {
	margin-right: 20px;
}
#kuchikomi .kuchikomi_body h5 {
	font-size: 1.6rem;
	font-weight: bold;
}
#kuchikomi .kuchikomi_body h5:before {
	content: "\f1db";
	color: #ac8a2f;
	font-weight: bold;
	padding-right: .5rem;
}
#kuchikomi .kuchikomi_body .level {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	background: #D1C69E;
	padding: 2rem 3rem;
	margin: 2rem 0;
	border-radius: 6px;
}
#kuchikomi .kuchikomi_body .level i {
	margin-right: 5px;
	color: #FDFF00;
}
#kuchikomi .kuchikomi_body p {
	padding: 0 .5rem;
}
#kuchikomi .kuchikomi_body em {
	color: #D86E75;
	font-weight: bold;
}
#kuchikomi .kuchikomi_body .repo {
    font-weight: bold;
    background: #D1C69E;
    padding: 1rem 2rem;
    margin: 2rem 0 1.5rem;
    border-radius: 6px;
}
#kuchikomi .kuchikomi_body .report {
padding: 0rem 2rem;
    margin: 0rem 0 2rem;
}




/* #form */
#form h3 {
	border-bottom: none;
}
#form h3 span {
	font-size: 1.5rem;
	line-height: 2;
	display: block;
}
input[type=number], input[type=button], input[type=password], input[type=text], input[type=email], input[type=tel], textarea, select, label {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background:#f8f9fa;
}
button {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    background:#ffffff;
	border:none;
}
button[type=submit] {
    font-family: inherit;
    font-size: 105%;
    margin: 0;
    padding: 10px 70px;
    vertical-align: middle;
    background:#f09199;
	color:#FFFFFF;
	font-weight:bold;
}
button[type=reset] {
    font-family: inherit;
    font-size: 105%;
    margin: 0 10px 0 0;
    padding: 10px 70px;
    vertical-align: middle;
    background:#ffffff;
    border: 1px solid #d4d7da;
	color:#c6c9cc;
}
/* hover */
button[type=submit] a:hover {
    color: #f09199;
    background: #FFF;
    border: 1px solid #f09199;
}
button[type=reset] a:hover {
    color: #ffffff;
    background: #d4d7da;
    border: 1px solid #d4d7da;
}
input[type=submit], input[type=number], input[type=button], input[type=password], input[type=text], input[type=email], input[type=tel], textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
}
input[type=number], input[type=password], input[type=text], input[type=email], input[type=tel], textarea, select {
    padding: 7px 8px;
    border: 1px solid #d4d7da;
	margin-bottom:10px;
}
input[size='10'] {
    width: 100% !important;
}
input[size='46'] {
    width: 100% !important;
}
input[size='60'] {
    width: 100% !important;
}
input{
	outline:none;
}
select {
	width: 100% !important;
	background-color:#ffffff;
	outline:none;
}
textarea {
	width:100% !important;
	height:200px !important;
	outline:none;
}
button {
    cursor: pointer;
	outline:none;
}
textarea {
    overflow: auto;
}
label {
    cursor: pointer;
}
legend {
    display: none;
}

/*
#form dl dt {
	padding: 2rem 0;
	float: left;
	clear: both;
}
#form dl dt:before {
	content: "必須";
	background: #D86E75;
	color: #FFF;
	font-size: 1.2rem;
	line-height: 22px;
	text-align: center;
	width: 38px;
	height: 22px;
	margin-right: 1rem;
	display: inline-block;
}
#form dl dt.free:before {
	display: none;
}
#form dl dd {
	font-size: 1.2rem;
	padding: 2rem 0 2rem 26rem;
	border-bottom: 1px solid #D1C69E;
}
#form dl dd.radio {
	font-size: 1.4rem;
}
#form dl input[type="text"],
#form dl input[type="tel"],
#form dl input[type="email"],
#form dl label,
#form dl textarea {
	background: #FFF;
	font-size: 1.5rem;
	width: 100%;
	height: 40px;
	padding: 0 1.5rem;
	border: 1px solid #D1C69E;
}
#form dl label {
	font-size: 1.4rem;
	padding: 0;
	display: inline-block;
	border-radius: 7px;
	position: relative;
	overflow: hidden;
}
#form dl label select {
	cursor: pointer;
	width: 100%;
	height: 35px;
	padding: 0 1.5rem;
	display: block;
	position: relative;
	z-index: 2;
}
#form dl label:before {
	content: "\f107";
	font-size: 1.5rem;
	color: #AC8A2F;
	margin-top: -.75rem;
	position: absolute;
	z-index: 1;
	top: 50%;
	right: .75rem;
}
#form dl textarea {
	height: 200px;
	padding: 1.5rem;
}
#form dl label+label {
	margin-top: .5rem;
}
#form ul {
	text-align: center;
	margin: 2rem auto 0;
}
#form ul li {
	margin: 0 1rem;
	display: inline-block;
}
#form ul input[type="reset"],
#form ul input[type="submit"],
#form ul input[type="button"] {
	background: #AC8A2F;
	color: #FFF;
	text-align: center;
	cursor: pointer;
	width: 250px;
	height: 50px;
	padding: 1rem;
	display: inline-block;
	border: 1px solid #D1C69E;
	border-radius: 3px;
	transition: all .3s ease;
	position: relative;
}
#form ul input[type="reset"],
#form ul input[type="button"] {
	background: #FFF;
	color: #D1C69E;
}
#form ul input[type="reset"]:hover,
#form ul input[type="submit"]:hover {
	background: #FFF;
	color: #AC8A2F;
}
#form ul input[type="reset"]:hover,
#form ul input[type="button"]:hover {
	background: #AC8A2F;
	color: #FFF;
}
*/
.wpcf7c-conf {
	background-color: #FFF !important;
	border: none !important;
}

.use-floating-validation-tip dl label span.wpcf7-not-valid-tip {
	font-size: 1.2rem;
	top: -100%;
	width: 190px;
}

div.wpcf7-response-output {
	background: #FF0000;
	font-size: 1.4rem;
	color: #fff;
	text-align: center;
	width: 70%;
	margin: 2em auto 1em !important;
	padding: .5em !important;
	border: none;
}
div.wpcf7-mail-sent-ok {
	background: #F18E1D;
	border: none !important;
}
div.wpcf7-validation-errors {
	border: none !important;
}

/* #sitemap */
#sitemap ul {
	letter-spacing: -.40em;
}
#sitemap ul li {
	letter-spacing: normal;
	vertical-align: top;
	width: 48%;
	display: inline-block;
}
#sitemap ul li:first-child {
	margin-right: 4%;
}
#sitemap ul ul li {
	width: 100%;
	display: block;
	font-size: 1.8rem;
	line-height: 3;
	border-bottom: 1px solid #D1C69E;
}
#sitemap ul ul li a {
	font-weight: bold;
}
#sitemap ul li:first-child ul li:nth-child(3) {
	border-bottom: none;
}
#sitemap ul ul ul {
	margin-bottom: 2rem;
}
#sitemap ul ul ul li {
	font-size: 1.4rem;
	line-height: 2;
	border-bottom: none;
}
#sitemap ul ul ul li a {
	font-weight: normal;
}
#sitemap ul ul ul li:before {
	content: "\f138";
	color: #AC8A2F;
	padding-right: 1rem;
}
#sitemap ul ul ul ul {
	margin: 1rem 0 2rem;
}
#sitemap ul ul ul ul li {
	line-height: 1.8;
	margin-left: 2rem;
}
#sitemap ul ul ul ul li:before {
	content: "\f105";
	font-size: 1.5rem;
}


/* #home
------------------------------------------------------------ */

.main_img {
	display: block;

	margin-bottom: 20px;
	width: 100%;
/* 	height: 50px; */
	top: -40px;
	text-align: center;
	/* text-indent: 100%;
	white-space: nowrap;
	display: block;
	overflow: hidden; */
}

.multiple-slider img {
width: 99%;
}

/* #intro
#intro {
	/* background:url(img/intro_btm.png) no-repeat center bottom;
	background: url(img/main_bg.png) no-repeat center,url(img/intro_btm.png) no-repeat center bottom; */
/* 	height: 445px;
}*/

/* #info */
#info {
	background: url(img/bg.jpg) repeat;
}
#info dl {
	width: 68%;
	float: left;
	position: relative;
}
#info dl h2 {
	text-align: left;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #9D8C3A;
}
#info dl h2 span {
	display: inline-block;
	vertical-align: middle;
	padding-left: 1.5rem;
}
#info dl div {
	position: absolute;
	top: 0;
	right: 0;
}
#info dl dt,
#cat dl dt {
	float: left;
	font-size: 1.2rem;
	color: #AC8A2F;
	padding: 0 1rem 1rem 0;
}
#info dl dd,
#cat dl dd {
	padding: 0 0 1rem;
}
#info #bnr-fix {
	width: 28%;
	padding-bottom: 16px;
	float: right;
}
#info #bnr {
	width: 28%;
	padding-bottom: 16px;
	float: right;
	box-sizing: content-box;
}
#info #bnr ul {
	width: 100%;
}
#info #bnr ul li {
	height: 80px;
	margin-bottom: 1.4rem;
}
#info #bnr #bnrnavi {
	background: url(img/bg.jpg) repeat;
	width: 34px;
	height: 16px;
	position: absolute;
	bottom: 0;
	z-index: 100;
	padding-left: 246px;
	box-sizing: content-box;
}
#info #bnr #bnrnavi i {
	line-height: 16px;
	cursor: pointer;
	text-align: center;
	width: 16px;
	height: 16px;
	margin-left: 1px;
	float: left;
	display: block;
	border: 1px solid #AC8A2F;
}
#info #bnr #bnrnavi a.prev i:before {
	content: "\f107";
}
#info #bnr #bnrnavi a.next i:before {
	content: "\f106";
}



/* #pickup */

#pickup .box{
	border:#9d8c3a 1px solid;
	padding:40px 60px;
	margin-top:40px;
}
#pickup h3{
	text-align:center;
	color:#fff;
	font-size: 2rem;
	padding: 8px 0;
	background: #b28f2d;
	background: -moz-linear-gradient(top, #d8ad37 0%,#b28f2d 100%);
	background: -webkit-linear-gradient(top, #d8ad37 0%,#b28f2d 100%); 
	background: linear-gradient(to bottom, #d8ad37 0%,#b28f2d 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b28f2d', endColorstr='#d8ad37',GradientType=0 );
}
#pickup h3:nth-of-type(2){
	margin-top:40px;
}
#pickup ul li {
	width: 49%;
	margin: 1.5% 1.5% 0 0;
	display: inline-block;
}
#pickup ul li:nth-of-type(2),
#pickup ul li:nth-of-type(4),
#pickup ul li:nth-of-type(6){
	margin-right: 0;
}

.topslider {
	width: 100%;
	margin: 0 auto;
}
.topslider img {
	margin: 0 auto;
}

.multiple-slider {
	margin-top: 10px;
}

/* #reason */

#reason {
	background: url(img/bg.jpg) repeat;
}
#reason .box{
	width:800px;
	margin:3rem auto 0;
}
#reason dl {
	text-align:center;
	line-height: 1;
	vertical-align: top;
	max-width:220px;
	width: 27%;
	margin: 0 8.7% 0 0;
	display: inline-block;
}
#reason dl:nth-of-type(3){
	margin: 0 ;
}
#reason h3{
	font-size: 1.8rem;
	color:#AC8A2F;
	margin:3rem auto 2rem;
	line-height: 1.3;
}
#reason dd{
	font-size: 1.35rem;
	line-height: 1.2;
}

/* #notice */
#notice {
	background: url(img/bg.jpg) repeat;
}
article#notice a {
	color: #333;
}
article#notice dd {
    position: relative;
    left: 10px;
    bottom: 3px;
}
#notice dl {
	width: 64%;
	float: left;
	position: relative;
}
#notice dl h2 {
	text-align: left;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid #9D8C3A;
}
#notice dl h2 span {
	display: inline-block;
	vertical-align: middle;
	padding-left: 1.5rem;
}
#notice dl div {
	position: absolute;
	top: 0;
	right: 0;
}
#notice dl dt,
#cat dl dt {
	float: left;
	font-size: 1.2rem;
	color: #AC8A2F;
	padding: 0 1rem 1rem 0;
}
#notice dl dd,
#cat dl dd {
	padding: 0 0 1rem;
}
#notice ul{
	width:28%;
	float:right;
}
#notice li{
	margin-bottom:16px;
}
#notice li:nth-of-type(3){
	margin: 0 ;
}


/* #menu */
#menu h3 {
	line-height: 1;
	font-size: 1.6rem;
	margin: 1.8rem 0 1.5rem !important;
	padding-bottom: 0;
	border-bottom: none;
}
#menu dl {
	line-height: 1;
	vertical-align: top;
	width: 14%;
	margin: 4rem 7% 0 0;
	display: inline-block;
}
#menu dl:nth-of-type(1),
#menu dl:nth-of-type(2) {
	width: 46%;
}
#menu dl:nth-of-type(2),
#menu dl:nth-of-type(7),
#menu dl:nth-of-type(12) {
	margin-right: 0;
}
#menu dl ul li {
	padding: 0 0 .7rem 1rem;
	position: relative;
}
#menu dl ul li a {
	font-size: 1.2rem;
}
#menu dl ul li a:before {
	content: "\f105";
	color: #AC8A2F;
	font-size: 1.5rem;
	position: absolute;
	top: 0;
	left: 0;
}

/* #about */
#about {
	background: url(img/bg.jpg) repeat;
}
#about ul {
	letter-spacing: -.40em;
	margin-top: 4rem;
}
#about ul li {
	letter-spacing: normal;
	width: 22%;
	margin-left: 4%;
	display: inline-block;
}
#about ul li:first-child {
	margin-left: 0;
}

/* General Settings
-----------------------------------------------------------*/
/* Margin Control */
.mb00 { margin-bottom: 0!important;}
.mb05 { margin-bottom: 5px!important;}
.mb10 { margin-bottom: 10px!important;}
.mb15 { margin-bottom: 15px!important;}
.mb20 { margin-bottom: 20px!important;}
.mb25 { margin-bottom: 25px!important;}
.mb30 { margin-bottom: 30px!important;}
.mb40 { margin-bottom: 40px!important;}
.mb50 { margin-bottom: 50px!important;}
.mb60 { margin-bottom: 60px!important;}
.mb70 { margin-bottom: 70px!important;}
.mb80 { margin-bottom: 80px!important;}
.mb90 { margin-bottom: 90px!important;}
.mb100 { margin-bottom: 100px!important;}
.mb120 { margin-bottom: 120px!important;}
.mb130 { margin-bottom: 130px !important;}
.mb140 { margin-bottom: 140px !important;}
.mb150 { margin-bottom: 150px !important;}
.mb160 { margin-bottom: 160px !important;}
.mb170 { margin-bottom: 170px !important;}
.mb180 { margin-bottom: 180px !important;}
.mb190 { margin-bottom: 190px !important;}
.mb200 { margin-bottom: 200px !important;}

.mt00 { margin-top: 0 !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}
.mt70 { margin-top: 70px !important;}
.mt80 { margin-top: 80px !important;}
.mt90 { margin-top: 90px !important;}
.mt100 { margin-top: 100px !important;}
.mt110 { margin-top: 110px !important;}
.mt120 { margin-top: 120px !important;}
.mt130 { margin-top: 130px !important;}
.mt140 { margin-top: 140px !important;}
.mt150 { margin-top: 150px !important;}
.mt160 { margin-top: 160px !important;}


/* width */
.width100 { width: 100%;}
.width90 { width: 90%;}
.width80 { width: 80%;}
.width70 { width: 70%;}
.width60 { width: 60%;}
.width50 { width: 50%;}
.width40 { width: 40%;}
.width30 { width: 30%;}
.width20 { width: 20%;}
.width10 { width: 10%;}
.width5 { width: 5%;}

/* font size */
.text70 { font-size: 70%;}
.text75 { font-size: 75%;}
.text80 { font-size: 80%;}
.text85 { font-size: 85%;}
.text90 { font-size: 90%;}
.text100 { font-size: 100%;}
.text110 { font-size: 110%;}
.text120 { font-size: 120%;}
.text130 { font-size: 130%;}
.text140 { font-size: 140%;}
.text160 { font-size: 160%;}
.text180 { font-size: 180%;}
.text200 { font-size: 200%;}
.text220 { font-size: 220%;}
.text240 { font-size: 240%;}
.text260 { font-size: 260%;}

/* color */
.c_000 { color: #000;}
.c_333 { color: #333;}
.c_555 { color: #555;}
.c_888 { color: #888;}
.c_fff { color: #fff;}
.c_red { color: #f00;}
.c_blue { color: #0e92e5;}
.c_green { color: #86bf00;}
.c_orange { color: #ee761b;}
.c_purple { color: #672e8e;}
.c_pink { color: #f36;}

/* font style */
.boldstyle { font-weight: bold;}
.normalstyle { font-weight: normal;}
.italicstyle { font-style: italic;}

/* text-align */
.aligncenter { text-align: center;}
.alignleft { text-align: left;}
.alignright { text-align: right;}


/* wp
------------------------------------------------------------ */
/* #post */
#post time {
	color: #AC8A2F;
	display: block;
}
#post time:not(:first-child) {
	margin: 4rem 0 -4rem;
}

.aligncenter {
	text-align: center;
	margin: 0 auto 2%;
	display: block;
}
.alignleft {
	margin: 0 2% 2% 0;
	float: left;
	clear: both;
}
.alignright {
	margin: 0 0 2% 2%;
	float: right;
	clear: both;
}
.wp-caption {
	background-color: #FBF7F2;
	text-align: center;
	padding: 5px 0 0;
	border: 1px solid #EEDFC7;
	border-radius: 3px;
}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	margin: 0;
	padding: 2% 3%;
}

/* pageNavi */
#pagenavi {
	text-align: center;
	margin: 10rem 0;
	clear: both;
	border-top: 1px solid #D1C69E;
}
#pagenavi li {
	display: inline-block;
	margin: 2rem 1rem;
}
#pagenavi li span {
	background: #FFF;
	color: #AC8A2F;
	padding: .5rem 2rem;
	display: block;
	border: 1px solid #D1C69E;
	border-radius: 3px;
}
#pagenavi li a {
	background: #AC8A2F;
	color: #FFF;
	text-decoration: none;
	padding: .5rem 2rem;
	display: block;
	border: 1px solid #D1C69E;
	border-radius: 3px;
}
#pagenavi li a:hover {
	background: #FFF;
	color: #AC8A2F;
}

/* #notfound */
#notfound p {
	text-align: center;
	padding: 2rem 0 5rem;
}
#notfound p+p {
	font-size: 1.5rem;
	padding: 0 0 5rem;
}

.square_btn {
		margin-top: 10px;
    display: inline-block;
    padding: 0.3em 5em;
    text-decoration: none;
    background: #AC8A2F;
   	color: #fff;
    border-radius: 3px;
    transition: .4s;
}

.square_btn:hover {
    border: solid 3px #AC8A2F;
    color: #fff;
}


@media screen and (max-width: 1199px) {
/* #page
------------------------------------------------------------ */
#page h2 {
	background-size: auto auto;
}
#beauty h2 {
	background-size: auto auto;
}


/* #home
------------------------------------------------------------ */
.main_img {
	background-size: auto 490px;
	margin-bottom: 10px;
	padding-top: 0px;
}
article {
	margin-top:20px;
	width: 100%;
}

/* #pickup */

#pickup .box{
	padding: 40px;
}
#pickup ul li {
	width: 48.9%;
}

/* #about */
#about {
	background-size: auto auto;
}
}


@media screen and (min-width: 768px) and ( max-width: 1023px) {
/* header
------------------------------------------------------------ */
header section {
	max-width: 98%;
}
header .cnt li:nth-of-type(2) a {
	width: 120px;
}
header .cnt li:nth-of-type(3) a {
	width: 150px;
}
/* #home
------------------------------------------------------------ */
.main_img {
	padding-top:20px;
	margin-bottom: 20px;
}
.multiple-slider {
	margin-top: 10px;
}

/* common
------------------------------------------------------------ */
#main {
	width: 100%;
	float: none;
}

/* #side */
#side {
	width: 100%;
	float: none;
}


/* #page
------------------------------------------------------------ */
/* #clinic */
#clinic figure:first-of-type {
	text-align: center;
	margin: 0 auto 2rem;
	float: none;
}
#clinic figure:first-of-type figcaption {
	width: 100%;
	margin-top: 2rem;
	float: none;
}
#clinic figure:nth-of-type(2) img {
	margin-right: 2rem;
	float: left;
	clear: both;
}
#clinic figure figcaption {
	width: 100%;
	float: none;
	clear: none;
}
#clinic #access dl dt {
	width: 100%;
	margin-bottom: 2rem;
	float: none;
}
#clinic #access dl dd {
	text-align: center;
}

/* #menu */
#menu figure img {
	margin: 2rem;
}

/* .menu */
.menu .h3 img {
	width: 28%;
}

/* .beauty */
#beauty article {
    background-size: 12% auto;
}
#beauty_body .intro li {
	float: none;
}
#beauty_body .intro li + li {
	margin-right: 0;
	margin-top: 1rem;
}
#beauty_body .intro figure {
	text-align: center;
}
#beauty_body .intro figure + figure {
	margin-top: 1rem;
}
#beauty_body .intro_txt {
	margin: 2rem auto 0;
}

/* wp
------------------------------------------------------------ */
#main #searchform {
	display: none;
}

}


@media screen and (max-width: 767px) {
/* set
------------------------------------------------------------ */
body {
	-webkit-text-size-adjust: none;
	font-size: 1.2rem;
	line-height: 1.6;
}
.sp {
	display: block;
}


/* link
------------------------------------------------------------ */
header nav a {
	color: #333;
}
header nav a:hover {
	color: #AC8A2F;
	text-shadow: none;
}


/* header
------------------------------------------------------------ */
header {
	background: url(img/hdr_rp-x.png) repeat-x;
	background-size: auto 60px;
	height: 60px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
}
header h1 a {
	background-size: 100% auto;
	width: 54%;
	max-width: 300px;
	height: 45px;
	position: fixed;
	top: 0;
	left: 3%;
	margin-top: 17px;
}

header .cnt li:nth-of-type(1) span,
header .cnt li:nth-of-type(2) {
	display: none;
}
header .cnt li:nth-of-type(1) em a,
header .cnt li:nth-of-type(3) a {
	text-indent: 100%;
	white-space: nowrap;
	width: 40px;
	height: 40px;
	display: block;
	overflow: hidden;
	position: fixed;
	top: 10px;
}
header .cnt li:nth-of-type(1) em a {
	background: url(img/call.png) no-repeat;
	background-size: 40px auto;
	right: 100px;
}
header .cnt li:nth-of-type(3) a {
	background: url(img/mail.png) no-repeat;
	background-size: 40px auto;
	right: 50px;
}

header nav ul li {
	width: 100%;
	margin-top: 0;
	border-left: none;
}
header nav ul li:nth-last-child(5),
header nav ul li:nth-last-child(4),
header nav ul li:nth-last-child(3),
header nav ul li:nth-last-child(2),
header nav ul li:last-child {
	display: block;
}
header nav ul li:nth-last-child(4) {
	border-right: none;
}
header nav ul li span {
	display: none;
}

header .sp {
	width: 50px;
	height: 50px;
	position: fixed;
	top: 0;
	right: 0;
	text-align: center;
}
header .sp a {
	display: block;
}

header .sp .open span,
header .sp a i {
	display: none;
}
header .sp span:before {
	content: "\f0c9";
	font-size: 2.8rem;
	padding-top: 1rem;
	display: block;
}
header .sp .open i {
	display: inline-block;
}
header .sp i:before,
header .close i:before {
	content: "×";
}
header .sp i:before {
	font-size: 3rem;
	padding-top: 1rem;
}
header .close i:before {
	padding-right: 0.5rem;
}

header nav {
	display: none;
	background: rgba(200, 159, 47, 0.8);
	width: 100%;
	position: fixed;
	top: 60px;
	left: 0;
}
header nav ul {
	background: #FFF;
	margin: 1.5rem;
}
header nav ul li a {
	font-size: 1.4rem;
	padding: 1rem 0;
	display: block;
	border-bottom: 1px dotted #111;
}
header nav ul li.close a {
	border-bottom: none;
}


/* footer
------------------------------------------------------------ */
footer ul li {
	display: block;
}
footer address {
	padding: 3rem 0;
}
footer address ul li {
	width: 100%;
	margin-bottom: 2rem;
}
footer address ul li h4 {
	font-size: 1.5rem;
}
footer address ul li p {
	margin-right: 0;
}
footer address ul li:first-child div a {
	width: 100%;
	max-width: 350px;
}
footer address ul li iframe {
	width: 100%;
}
footer article ul {
	display: none;
}
footer article p {
	text-align: center;
	float: none;
}
footer #pagetop {
	right: 10px;
	bottom: 110px;
}
footer #pagetop a i:before {
	content: "\f062";
}
footer #pagetop a i:after {
	display: none;
}

footer #ftr_sitemap ul.mass {
	width: 49%;
}

#sns_sideicon{
	position: fixed;
	right: 0;
	bottom: 175px;
	top: initial;
}

#sns_sideicon a{
	padding: 10px;
	margin-bottom: 10px;
	margin-top: 0;
	color: #AC8A2F;
}

#sns_sideicon a img{
	width: 30px;
	height: auto;
}


/* common
------------------------------------------------------------ */
main section {
	padding: 0 0 3rem;
}
#main {
	width: 100%;
	float: none;
}

/* #side */
#side {
	width: 100%;
	float: none;
}
.sp_only {
	display: block!important;
}
.pc_only {
	display: none!important;
}

/* #page
------------------------------------------------------------ */
/* common */
#page h2,
#page.male h2 {
	background-size: auto 240px;
	font-size: 2.4rem;
	height: 18rem;
	margin-top: 0;
	padding-top: 9rem;
}
#page h2 span {
	font-size: 1rem;
}
#page h3 {
	font-size: 2rem;
}
#page .cnt {
	padding: 1rem;
}
#page .reserv p {
	font-size: 1.5rem;
	margin: 0;
}
#page .cnt li {
	display: block;
}
#page .cnt li:nth-of-type(1) a {
	font-size: 1.6rem;
	line-height: 70px;
	max-width: 100%;
	height: 70px;
	margin: 0px auto;
}
#page .cnt li:nth-of-type(2) em a {
	font-size: 2.8rem;
	letter-spacing: 0;
}
#page .cnt li:nth-of-type(2) em a:before {
	font-size: 2rem;
	line-height: 30px;
	width: 30px;
	height: 30px;
	margin: .5rem 1rem 0 0;
	padding: .25rem;
}
#page .cnt li:nth-of-type(2) span {
	letter-spacing: 0;
}
#page .tblstyle {
	padding: .5rem 1.5rem;
}
#page .tblstyle dt {
	padding: 1rem 0 0;
	float: none;
}
#page .tblstyle dd {
	padding: 0 0 1rem;
}

/* #top */
.box_att {
	font-size: 18px;
	width: 100%;
	text-align: center;
  border: 5px solid #d20000;
  padding: 15px;
  color: #d20000;
  background: #fffdf4;
}
.box_att2 a{
  color: #d20000;
  text-decoration: none;
}
.box_att2 {
  font-size: 16px;
  width: 100%;
  text-align: left;
  border: 5px solid #6c1200;
  padding: 15px;
  color: #6c1200;
  background: #fffdf4;
  font-family: serif;
}
.box_att2 a{
  color: #6c1200;
  text-decoration: none;
}

/* #clinic */
#clinic figure:first-of-type figcaption {
	width: 100%;
}
#clinic figure:first-of-type figcaption p {
	text-align: left;
}
#clinic h3:first-of-type br {
	display: none;
}
#clinic figure {
	text-align: center;
}
#clinic figure figcaption {
	text-align: left;
	width: 100%;
	margin-top: 2rem;
	float: none;
}
#clinic figure figcaption p+p {
	text-align: right;
	margin-top: -1.5rem;
}
#clinic #access dl dt {
	width: 100%;
	margin-bottom: 2rem;
	float: none;
}

/* #menu */
#menu figure img {
	margin: 0 0 1rem;
	float: none;
	width: 135px;
	height: auto;
}

/* #staff */
#staff .staff figure {
	text-align: center;
}
#staff .staff figure figcaption {
	text-align: left;
}
#staff .staff figure img {
	margin: 0 auto 2rem;
	float: none;
}

/* .menu */
.menu .h3 {
	float: none;
}
.menu .h3 img {
	text-align: center;
	width: auto;
	margin: 0 auto 2rem;
	display: block;
}
.menu .h3 figcaption {
	width: 100%;
	float: none;
}
/* 診療項目メニュー */
.group {
	letter-spacing: -.40em;
	width: 100%;
	margin: 0 auto;
}
.group li {
	letter-spacing: normal;
	vertical-align: top;
	width: 50%;
	margin: 0;
}

.menu .right,
.menu .left {
	text-align: center;
	float: none;
	margin: 0 auto 2rem;
}
/* 体験談・キャンペーン */
.menu .voice,
.menu .privilege {
	padding: 1.5rem 1.5rem 1rem;
}
.menu .voice h4,
.menu .privilege h4 {
	font-size: 1.4rem;
}
.menu .voice p {
	margin: 0;
	padding: 0 0 .5rem;
}
.menu .privilege .disk {
	margin-bottom: 1rem;
}
/* よくある質問 */
.menu .faq dt {
	line-height: 1.3;
	margin: 0 0 2rem;
	padding-left: 4rem;
	position: relative;
}
.menu .faq dt:before {
	position: absolute;
	left: 0;
	top: 0;
}
/* 症例写真 */
.menu .case {
	text-align: center;
	width: 100%;
	padding: 1rem 1rem 2rem;
	float: none !important;
}
.menu .case dt {
	width: 100%;
	float: none;
}
.menu .case dt:after {
	content: "\f107";
	text-align: center;
	margin-right: 0;
	display: block;
	top: auto;
	right: 47%;
	bottom: -3rem;
}
.menu .case dd {
	margin-top: 3rem;
	float: none;
}
.menu .vertical dd {
	margin-top: 0;
}
/* 施術料金 */
.menu .price th,
.menu .price td {
	padding: .5rem;
}
.menu .price .cpn td {
	padding: .5rem;
}
.menu .price02 th {
	padding: .5rem;
}
.menu .price02 td {
        font-size: 79%;
	padding: .5rem;
}

/* #hairloss */
#hairloss section {
	padding: 3rem 0 0;
}
#hairloss section:last-child {
	padding: 3rem 0;
}
#hairloss .group {
	margin: 0;
	padding-bottom: 1rem;
}
#hairloss h1 {
	font-size: 2.2rem;
}
#hairloss #sec_04 figure {
	width: 100%;
	margin: 0 0 2rem 0;
}
/*#hairloss #sec_04 figure:nth-of-type(5n) {
	margin: 0 4% 2rem 0;
}
#hairloss #sec_04 figure:nth-of-type(2n) {
	margin: 0 0 2rem;
} */
#hairloss #sec_04 figure figcaption {
	margin-top: .5rem;
}
#hairloss #sec_04 .point {
	margin: 0 auto 2rem !important;
	float: none;
}
#hairloss #sec_05 .flow li {
	padding-top: 1rem;
}
#hairloss #sec_05 .flow li div {
	text-align: center;
	margin: 1rem auto;
	float: none;
}
#hairloss #sec_05 .flow li:not(:first-child):after {
	border-top: 10px solid #D1C69E;
	border-right: 18px solid transparent;
	border-bottom: 18px solid transparent;
	border-left: 18px solid transparent;
}

/* #diets-sopera */
#diets-sopera #effect {
	padding: 3rem 3rem 0;
}
#diets-sopera #effect figure {
	margin: 0 auto 3rem !important;
	float: none;
}
#diets-sopera #effect figure:nth-of-type(1),
#diets-sopera #effect figure:nth-of-type(2) {
	margin-right: 0;
}
#diets-sopera #effect figure:after {
	content: "\f107";
	text-align: center;
	display: block;
	top: auto;
	right: 47%;
	bottom: -3rem;
}
#diets-sopera #effect hr {
	padding: 0;
}

/* #petit-eyes */
#petit-eyes .case:nth-of-type(2) {
	background: #F8F5F5 url(none);
}
#petit-eyes .case:nth-of-type(2) dd+dt,
#petit-eyes .case:nth-of-type(2) dd:last-of-type {
	padding-top: 1rem;
}
#petit-eyes .case:nth-of-type(2) dt:after {
	bottom: -3rem;
}
#petit-eyes .case:nth-of-type(2) dd:after {
	content: "\f107";
	color: #AC8A2F;
	font-size: 3rem;
	text-align: center;
	display: block;
	top: auto;
	right: 47%;
	bottom: -3rem;
}
#petit-eyes .case:nth-of-type(2) dd:last-of-type:after {
	display: none;
}

/* #faq */
#faq .group {
	margin: 3rem auto;
}
#faq dl dt {
	line-height: 1.3;
	margin: 0 0 2rem;
	padding-left: 4rem;
	position: relative;
}
#faq dl dt:before {
	position: absolute;
	left: 0;
	top: 0;
}

/* beauty */
#beauty article {
    background-size: 25% auto;
}
#beauty h2 {
	background-size: auto 240px;
	font-size: 2.4rem;
	height: 18rem;
	margin-top: 0;
	padding-top: 9rem;
}
#beauty h2 span {
	font-size: 1rem;
}
#beauty h3 {
	font-size: 2rem;
}
#beauty_body section {
	padding: 3rem 0 0;
}
#beauty_body section:last-child {
	padding: 3rem 0;
}
#beauty_body .group {
	margin: 0;
	padding-bottom: 1rem;
}
#beauty_body h1 {
	font-size: 2.2rem;
}
#beauty_body h3 {
	font-size: 2rem;
}
#beauty_body .intro li {
	float: none;
}
#beauty_body .intro li + li {
	margin-right: 0;
	margin-top: 1rem;
}
#beauty_body .intro figure {
	text-align: center;
}
#beauty_body .intro figure + figure {
	margin-top: 1rem;
}
#beauty_body .intro_txt {
	margin: 2rem auto 0;
	font-size: 1.6rem;
}
#beauty_body .vio_img {
	padding: 1rem;
}

/* #form */
#form dl dt {
	padding: 1rem 0;
	float: none;
}
#form dl dd {
	padding: 0 0 1rem;
}
#form dl dd:nth-of-type(5) {
	font-size: 1.2rem;
}
#form ul {
	letter-spacing: -.40em;
}
#form ul li {
	letter-spacing: normal;
	width: 48%;
	height: 40px;
	margin: 0 1%;
}
#form ul input[type="reset"],
#form ul input[type="submit"],
#form ul input[type="button"] {
	width: 100%;
	height: 40px;
}

div.wpcf7-response-output {
	width: 100%;
}

/* #sitemap */
#sitemap ul li {
	width: 100%;
	display: block;
}
#sitemap ul li:first-of-type {
	border-bottom: 1px solid #D1C69E;
}
#sitemap ul li:first-child {
	margin-right: 0;
}
#sitemap ul ul li {
	font-size: 1.6rem;
	line-height: 2.5;
}
#sitemap ul ul li a {
	font-weight: normal;
}
#sitemap ul ul ul {
	margin-bottom: 1rem;
}
#sitemap ul ul ul li:first-of-type {
	border-bottom: none;
}
#sitemap ul ul ul ul {
	margin: 0 0 1rem;
}


/* #home
------------------------------------------------------------ */
.main_img {
	margin-top: 70px;
	display: block;
	width: 100%;
}

article {
	margin-top:80px;
	width: 100%;
}

#multiple-slider_box article {
/* margin-top: 420px; */
margin-bottom: 40px;
}
.multiple-slider {
	margin-top:10px;
}

/* #intro */
#intro {
    display: none;
	background-size: 0 auto;
	height: 0;
}

/* #info */
#info dl,
#cat dl {
	width: 100%;
	float: none;
}
#info dl dt,
#cat dl dt {
	float: none;
	padding: 0;
}
#info section {
	position: relative;
}
#info dl {
	margin-bottom: 2rem;
	position: absolute;
	bottom: 0;
}
#info #bnr-fix {
	width: 280px;
	margin: 2rem auto -2rem;
	float: none;
}
#info #bnr {
	width: 280px;
	margin: 2rem auto 35rem;
	float: none;
	position: absolute;
	top: 0;
}
#info #bnr ul  {
	width: 280px;
}

/* #pickup */
#pickup h3 {
	font-size: 1.6rem;
}
#pickup h3:nth-of-type(2) {
	font-size: 1.6rem;
	margin-top: 2rem;
}
#pickup .box{
	margin-top: 2rem;
	padding: 2rem;
}
#pickup ul {
	width: 100%;
	margin: 0 ;
}
#pickup ul li {
	width: 100%;
	margin: 1rem 1.5% 0 0;
}
#pickup ul li:nth-of-type(n) {
	margin-right: 0;
}

/* #reason */
#reason h3 {
	font-size: 1.6rem;
	margin: 1.8rem 0 1.5rem;
}
#reason .box{
	width:100%;
	text-align:center;
	margin: 2rem auto 0;
}
#reason dl {
	width: 100%;
	margin: 0 0 3rem;
}
#reason dl:nth-of-type(3) {
	margin: 0 0 2rem;
}



/* #notice */
#notice dl,
#notice ul,
#cat dl {
	width: 100%;
	float: none;
}
#notice ul{
	width: 280px;
	margin:0 auto;
}
#notice dl dt,
#cat dl dt {
	float: none;
	padding: 0;
}
#notice section {
	position: relative;
}
#notice dl {
	margin-bottom: 4rem;
	bottom: 0;
}
#notice #bnr-fix {
	width: 280px;
	margin: 2rem auto -2rem;
	float: none;
}
#notice #bnr {
	width: 280px;
	margin: 2rem auto 35rem;
	float: none;
	position: absolute;
	top: 0;
}
#notice #bnr ul  {
	width: 280px;
}
article#notice a {
	color: #333;
}
article#notice dd {
    position: static;
}

/* #menu */
#menu h3 {
	font-size: 1.6rem;
}
#menu dl {
	width: 45%;
	margin: 2rem 8.5% 0 0;
}
#menu dl:nth-of-type(1),
#menu dl:nth-of-type(2) {
	width: 100%;
}
#menu dl:nth-of-type(2n) {
	margin-right: 0;
}
#menu dl:nth-of-type(7) {
	margin-right: 7%;
}

/* #about */
#about ul {
	margin-top: 2rem;
}
#about ul li {
	width: 48%;
	margin: 3% 1%;
}
#about ul li:first-child {
	margin-left: 1%;
}


/* wp
------------------------------------------------------------ */
#main #searchform {
	display: none;
}
}

@media screen and (max-width: 480px) {
article {
	margin-top:10px;
	width: 100%;
}

#multiple-slider_box article {
/* margin-top: 230px; */
margin-bottom: 10px;
}

}


@media screen and (min-width: 768px) and (max-width: 1020px) {
	#intro {
	/* background: url(img/intro_btm.png) no-repeat center bottom;
	background: url(img/intro.png) no-repeat center 60px,url(img/intro_btm.png) no-repeat center bottom; */
	height: 275px;
}
}

#formWrap table {
	margin-bottom: 20px;
	width: 100%;
	border-top: 1px solid #c6c0aa;
	border-collapse: collapse;
	border-spacing: 0;
	background: #fff;
}
#formWrap td,#formWrap th {
	width: 49%;
	padding: 15px;
	text-align: left;
	line-height: 1.5;
	font-weight: normal;
	border-bottom: 1px solid #c6c0aa;
}
#formWrap th {
	background: #eae6d4;
}

#formWrap .btn01 {
	display: inline-block;
	padding: 10px 20px;
	color: #fff;
	background: #797259;
}



/* header_gnav
------------------------------------------------------------ */

.flexbox {
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.header_gnav {
	padding: 20px 0;
	background: #564f41;
}
.header_gnav nav {
	margin: 0 auto;
	max-width: 1000px;
}
.header_gnav ul {
	width: 100%;
	justify-content :space-between;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
}

.header_gnav li {
	width: 32%;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.header_gnav li a {
	display: block;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	background: #eeeeee;
	border: 1px solid #bf936c;
}
.header_gnav li a:hover {
	-webkit-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
	background: #fff;
}
.header_gnav li img {
	width: 100%;
}
.header_gnav dt {
	width: 25%;
}
.header_gnav dd {
	width: 75%;
	padding: 10px 10px 0 10px;
	color: #333;
}
.header_gnav dd strong {
	font-size: 14px;
	font-weight: bold;
	color: #AC8A2F;
}

.header_gnav_current {
	pointer-events: none;
	opacity: 0.7;

}


@media screen and (max-width: 768px) {
.header_gnav {
	display: none;
}


}

/*　-------------------オンライン診療ページ-------------------　*/
#online {
	padding-top: 80px;
}
#online section {
	text-align: center;
	padding-bottom: 50px;
}
#online section h3:first-of-type {
	margin-bottom: 50px;
}
#online section figure figcaption p {
	font-size: 20px;
	font-family: YuMincho, "游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#online .feature_box {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap: wrap;
	max-width: 760px;
    margin: 0 auto;
}
@media screen and (max-width: 811px) {
	#online .feature_box {
		justify-content: center;
	}
}
#online .feature_box p {
	font-size: 25px;
	font-family: YuMincho, "游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height: 1.3;
}
#online .feature_box .feature_box1,.feature_box2,.feature_box3 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width: 811px) {
	#online .feature_box .feature_box1 {
		margin-right: 15px;
	}
}
@media screen and (max-width: 546px) {
	#online .feature_box .feature_box1 {
		margin-right: 0;
	}
}
#online .feature_box .feature_boximg {
	width: 239px;
	height: 239px;
	background-color: white;
	border-radius: 500px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
}
#online .feature_box .feature_box1 img {
	width: 187px;
}
#online .feature_box .feature_box2 img {
	width: 160px;
}
#online .feature_box .feature_box3 img {
	width: 208px;
}
#online .lineBtn a {
	text-decoration: none;
	display: inline-block;
}
#online .lineBtn a:hover {
	opacity: 0.8;
}
#online .lineBtn a .Btn {
	width: 320px;
	height: 85px;
	background-color: #58B91B;
	color: white;
	display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
#online .lineBtn a .Btn img{
	width: 34px;
	height: 34px;
}
#online .lineBtn a .Btn .txt{
	margin-bottom: 0;
	font-size: 27px;
	font-weight: 900;
	margin-left: 10px;
	font-family: YuMincho, "游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#online #flow .flow_box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#online #flow .flow_box .flow_boxLeft {
	text-align: left;
	width: 501px;
}
#online #flow .flow_box .flow_boxLeft h4 {
	color: #8E6800;
	font-family: YuMincho, "游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 25px;
	font-weight: 600;
}
#online #flow .flow_box .flow_boxLeft h4::before {
	content: "";
}
#online #flow .flow_box img {
	width: 296px;
}
#online #flow .arrow {
	width: 16px;
	height: 59px;
}
#online #payment p {
	text-align: left;
}
#online #payment .payment_column {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#online #payment .payment_column img{
	width: 73px;
	margin: 1px;
}
#online #faq .question {
	margin-left: 40px;
	font-weight: bold;
	text-align: left;
	position: relative;
}
#online #faq .question::before {
	content: "Q";
	color: white;
	background-color: #AC8A2F;
	width: 30px;
	height: 30px;
	position: absolute;
    text-align: center;
    left: -40px;
}
@media screen and (max-width: 767px) {
	#online #faq .question::before {
		width: 23px;
		height: 23px;
		left: -40px;
		padding-top: 1px;
	}
}
#online #faq .answer {
	text-align: left;
	margin-bottom: 30px;
}
#online #closing {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
#online #closing p{
	width: 422px;
	text-align: left;
	font-size: 25px;
	font-family: YuMincho, "游明朝", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#online #closing .imgbox{
	background-color: white;
	border-radius: 500px;
	width: 263px;
	height: 263px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#online #closing .imgbox img{
	 width: 168px;
	 margin-right: 40px;
}