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

body {padding: 0px;margin: 0px;line-height: 100%;background-color: #fff;}
.clr {clear: both;}
ul,ol{margin: 5px;}
li{line-height: 160%;}
.pc_br{display: none;}
.text12{font-size: 12px;line-height: 100%;}
.text14{font-size: 14px;line-height: 100%;}
.text12-160{font-size: 12px;line-height: 160%;}
.text14-160{font-size: 14px;line-height: 160%;}
.text-b-aka{font-weight: bold; color: #BF0000;}
.form250{width: 250px;}
.form100{width: 100px;}
p{margin-top: 10px;margin-bottom: 15px;}
.float-right{ float:right;}
.float-left{ float:left;}
a:link {color:#1A0DAB;}
a:visited {color:#660099;}
.aka{
    color: #C50000;
    font-weight: 800;
}
.dtlimg{position: relative;}
.osusume{    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    
    position: absolute;
    top: 0;
    left: 0;}
/* 上に戻るボタン */
#page-top {position: fixed;width: 30px;height: 30px;right: 10px;bottom: 40px;z-index: 10;}

.Radius5 { border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; }
.Button {overflow: hidden;width: 300px;margin: 10px auto;}
.Button a {display: block;position: relative;z-index: 100;background-color: #be5683;color: #fff;font-size: 16px;font-weight: 600;text-decoration:underline;   padding:5px 10px 5px 30px;}
.Button a:hover {background-color: #be5683}
#IconList2 a:before {display: block;content: "";position: absolute;top: 50%;left: 15px;width: 0;height: 0;margin-top: -5px;border: 5px solid transparent;   border-left: 5px solid #fff;}
.btn-push {  display: inline-block;  width: 300px;  text-align: left;  background-color: #ffa300;  font-size: 14px;  color: #FFF;  text-decoration: none;  font-weight: bold;  padding: 5px 10px;  border-radius: 4px;  border-bottom: 4px solid #d37800;text-align: center;
}
.side-kenlink { display: inline-block;  padding: 10px 20px;  background: #fd9535; border-bottom: solid 4px #d37800;  border-radius: 5px;width: 250px;text-align: center;}
.side-kenlink a{color: #FFF; font-weight: 800; text-decoration: none;}

.woman-btn{
    width: 300px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  text-align: center;
 
border-radius: 0.5rem;
color: #fff;
  background-color: #ff4b5c;
  border-bottom: 5px solid #cd0a0a;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  margin: 20px auto;
}
.woman-btn a:link,.woman-btn a:visited{color: #fff;text-decoration-line: none;}

.dtlbtn,.dtlbtn2{
    background-color: #4B40D8;
    border: 3px solid #ffffff;
    text-shadow: 0px -1px 1px #222222;
    box-shadow: 2px 2px 5px #000000;
    -moz-box-shadow: 2px 2px 5px #000000;
    -webkit-box-shadow: 2px 2px 5px #000000;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    width: 340px;
    padding: 10px 5px;
    cursor: pointer;
    margin: 10px auto;
    text-align: center;
}
.dtlbtn a:link,.dtlbtn a:visited,.dtlbtn2 a:link,.dtlbtn2 a:visited{font-size:16px;font-weight: 800;color:#ffffff;text-decoration-line: none;}

.mokuji{  background-color: #3A3A3A;  color: #ffffff;  padding: 5px 20px;margin: 10px; }
.notes{font-size: 14px;line-height: 150%;margin: 5px;padding: 5px; border: 2px dashed #acaaaa;}

.icon1{    background-color: #39BFB3;    color: #fff;    font-weight: 800;    line-height: 100%;    padding: 3px;    margin: 5px;}
.icon2{    background-color: #BF9839;    color: #fff;    font-weight: 800;    line-height: 100%;    padding: 3px;    margin: 5px;}
.icon3{    background-color: #59405c;    color: #fff;    font-weight: 800;    line-height: 100%;    padding: 3px;    margin: 5px;}
.icon4{    background-color: #FF63C4;    color: #fff;    font-weight: 800;    line-height: 100%;    padding: 3px;    margin: 5px;}
.icon5{    background-color: #000;    color: #fff;    font-weight: 800;    line-height: 100%;    padding: 3px;    margin: 5px;}

.text-area1{padding: 5px;line-height: 180%;}
.waku1{ border: 1px solid #FFBBBC;margin: 10px;padding: 5px;}
.waku2{ border: 1px solid #595238;background-color:#FAFAFA;margin: 10px 0px 10px 0px;padding: 5px;}
.waku3{ border: 1px solid #24a19c; margin: 5px;padding: 10px;font-size: 12px;line-height: 160%;}
.waku4{ border: 1px solid #FFBBBC;background-color:#FFFFEE;margin: 10px 0px 10px 0px;padding: 5px;font-size: 14px; line-height:150%;}

.side_ad{margin-top: 20px;font-size: 14px;border:solid 1px #000; padding: 3px;}

.pr{background-color: #32e0c4;color: #000;width: 25px;padding: 3px;text-align: center;}

h1 {position: relative;background-color: #32e0c4;color: #000;padding: 20px;font-size: 18px;margin: 0px 0px 10px 0px;}
h1:after {position: absolute;content: '';top: 100%;left: 30px;border: 15px solid transparent;border-top: 15px solid #32e0c4;width: 0;height: 0;}
h2 { color: #0f4c75;  border-top: solid 1px #0f4c75;  border-bottom: solid 1px #0f4c75;padding: 10px;background-color: #E9E9E9;line-height: 100%;font-size: 16px;}
h2 a {color: #fff; font-weight: 800;}
h3 {position: relative;padding-bottom: .5em;border-bottom: 4px solid #ccc;clear: both;font-size: 16px;}
h3::after {position: absolute;bottom: -4px;left: 0;z-index: 2;content: '';width: 20%;height: 4px;background-color: #4169E1;}
.title1 {
    color: #152860;/*文字色*/
    padding: 0.5em 0;/*上下の余白*/
    border-top: solid 3px #364e96;/*上線*/
    border-bottom: solid 3px #364e96;/*下線*/
    font-weight: 600;
}


header,footer{background-color: #E6E6E6;}

header {height: 130px;}
#logo{float: both;}

nav {float: both;margin-left: 0px;margin-top: 0px;margin-bottom: 0px;padding-top: 0px;width: 350px;} 

nav a:link,nav a:visited {color: #000;text-decoration: none;font-size: 16px;font-weight: 800;}
nav ul{margin: 0px;padding: 5px}
nav ul li {display: inline-block;margin-left: 1px; margin-right: 0.5em;}

#head-area, #contents,#foot-area,.foot-textarea {width: 370px;margin: 0px auto;padding: 0px;} 

.breadcrumb {  padding-left:0;  margin-left:0;}
.breadcrumb li{  display: inline-block;  list-style: none;  font-weight: normal;}
.breadcrumb li:after{  content: '>';  padding: 0 3px;  color: #000;}
.breadcrumb li:last-child:after{  content: '';}
.breadcrumb li a {    text-decoration: none;    color: #000;}
.breadcrumb li a:hover {    text-decoration: underline;}

main{ clear: both;}
article {}
section {}
aside {width: 350px;}

.side-submenu{background-color: #EEFFFF;    padding: 5px;}
.side-submenu li{line-height: 200%;}

.foot-textarea{margin: 20px auto;}

footer{font-size: 12px;color: #000;padding: 20px;}
footer a:link,footer a:visited{color: #000;line-height: 200%;}
.footer-menu ul li {display: inline-block;margin-right: 1em;}
.footer-menu{    float: left;    margin-right: 30px;}

.dtlimg{width: 350px;float: none;margin: 0 auto;}
.dtladdress{width: 350px;float: none;margin: 0 auto;}
.dtl{font-size: 14px;line-height: 180%;margin-bottom: 50px;}
.orgtreatment{border:1px solid #000;padding: 3px;margin-bottom: 10px;}
.orgnm{padding: 3px;background-color: #221f3b;color: #fff;}
.dtlnm {background-color: #393e46;box-shadow: 0px 0px 0px 5px #393e46;border: dashed 1px #fff;padding: 0.5em;color: #fff;font-weight: 500;font-size: 16px;margin-bottom: 15px;}
.dtlnm a {color: #fff; font-weight: 800;}

.dtlnm2{background-color: #b83b5e;box-shadow: 0px 0px 0px 5px #b83b5e;border: dashed 1px #fff;padding: 0.5em;color: #fff;font-weight: 500;font-size: 16px;margin-bottom: 15px;}
.dtlnm2 a {color: #fff; font-weight: 800;}

dl.dtllist,dl.druglist,dl.dtllist_noprice{
	margin: 0px;
    margint:0px;
	border-bottom:1px solid #FFF;
	background-color:#fff;
	font-size: 14px;
    
}
dl.dtllist dt ,dl.druglist dt,dl.dtllist_noprice dt{
	float:none;
	clear: both;
	font-weight:bold;
	background-color:#eeeeee;
	border-top:1px solid #FFF;
	padding:5px;
	color: #000000;
	margin: 0px;
}
dl.dtllist dd ,dl.druglist dd,dl.dtllist_noprice dd{
	background-color:#ffffff;
	border-top:1px solid #FFF;
	margin-left:10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
dl.druglist dt{
    background-color: #C1ECD8;
}

.freec{background-color:#d7003a;color: #fff; font-weight: 600;padding: 3px; margin: 5px;text-align: center;}
.pri40{background-color:#797a7e;color: #fff; font-weight: 600;padding: 3px; margin: 5px;text-align: center;}
dl.kenlist,dl.kenlist-side{
	border-bottom:1px solid #FFF;
	margint:5px;
	font-size: 16px;
}
dl.kenlist dt,dl.kenlist-side dt{
	clear: left;
	font-weight:bold;
	background-color:#32e0c4;
	border-top:1px solid #FFF;
	padding:5px;
	color: #000000;
}
dl.kenlist dd,dl.kenlist-side dd {
	background-color:#ffffff;
	border-top:1px solid #FFF;
	margin-left:10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
    line-height: 180%;
}
.l-foot-link{background-color: #f6ab6c;line-height: 100%;font-weight: 600;padding: 5px;text-align: center;margin: 10px 0px;}
.l-foot-link a{color: #fff;text-decoration-line: none; }

.hair-tonic-item{width: 320px;float: left;margin: 10px;}

.online{
	background-color: #31C4E0;
	color: #fff;
	font-size: 18px;
	font-weight: 800;
	padding: 5px;
}
.onlinec{
	padding: 0.5em;color: #fff;font-weight: 500;font-size: 16px;margin-bottom: 15px;
	background-color: #47A3B5;
}


        .table-1 {
	width: 100%;
	border-collapse: collapse;
	font-family: 'Arial', sans-serif;
	background-color: #FFFFFF;
	color: #ecf0f1;
        }
        .table-1 th {
            background-color: #34495e;
            padding: 3px;
            text-align: left;
            border-bottom: 2px solid #7f8c8d;
        }
        .table-1 td {
	padding: 3px;
	border-bottom: 1px solid #FFFFFF;
			color: #000;
        }
        .table-1 tr:hover {
	background-color: #E0E0E0;
        }


#QandA-1 dt {
	background: #444; /* 「Q」タイトルの背景色 */
	color: #fff; /* 「Q」タイトルの文字色 */
	padding: 8px;
	border-radius: 2px;
}
#QandA-1 dt:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
#QandA-1 dd {
	margin: 24px 16px 40px 32px;
	line-height: 140%;
	text-indent: -24px;
}
#QandA-1 dd:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
}


.setumeifutoji{
font-size: 1.2em;
color: darkred;
	font-weight: 800;
margin-top: 15px;
}
.link_btn01 a {
  display: inline-block;
  width: 100%;

  position: relative;
  background: #4D9BC1; 
  border: 2px solid #4D9BC1;
  padding: 0.6em 0em;
  font-weight: bold;
  color: #fff; /* 文字色 */
  text-decoration: none;
  text-align: center;
  transition-duration: 0.3s;
font-size: 16px;
	margin: 5px auto 10px;
}

.link_btn01 a:before{
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff; 
  border-right: 2px solid #fff; 
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -6px;
}


.btn_01{  display: inline-block;
text-align: center;
	width: 100%;
}

@media only screen and (min-width: 900px) {
    h1 {font-size: 24px;}    
    h2{font-size: 21px;}
    h3{font-size: 18px;}
    
.dtlimg{width: 300px;float: left;}
.dtladdress,.dtladdress2{width: 360px;float: left;margin-left: 20px;}

    .dtlbtn2{width: 280px;}
#logo{float: left;}
header {height: 70px;}
nav {
    float: left;
    margin-left: 0px;
    margin-top: 30px;
    margin-bottom: 0px;
    padding-top: 0px;
    width: 700px;
    height: 20px;
} 
nav a:link,nav a:visited {
    font-size: 18px;
}


#head-area, #contents,#foot-area,.foot-textarea {width: 1060px;margin: 0px auto;padding: 0px;}  
#contents{clear: both;}
article{}

.foot-textarea{margin: 20px auto;}

aside {float: right;width: 360px;}
main{width: 690px;float: left;}
.dtladdress2{width: 690px;float: left;margin-left: 5px;}
.pan{
	width: 690px;
	font-size: 14px;
	line-height: 100%;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}

dl.kenlist{
	border-bottom:1px solid #FFF;
	background-color:#FFDCDC;
	margint:5px;
	font-size: 16px;
}
dl.kenlist dt {
	float:left;
	clear: left;
	width:110px;
	font-weight:bold;
	background-color:#FFDCDC;
	border-top:1px solid #FFF;
	padding:5px;
	color: #000000;
}
dl.kenlist dd {
	background-color:#ffffff;
	border-top:1px solid #FFF;
	margin-left:120px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
dl.dtllist{
	margin: 0px;
    margint:0px;
	border-bottom:1px solid #FFF;
	background-color:#eeeeee;
	font-size: 14px;
    width: 380px;
    float:right;
}
dl.dtllist dt {
	float:left;
	clear: left;
	width:90px;
	font-weight:bold;
	background-color:#eeeeee;
	border-top:1px solid #FFF;
	padding:5px;
	color: #000000;
	margin: 0px;
}
dl.dtllist dd {
	background-color:#ffffff;
	border-top:1px solid #FFF;
	margin-left:100px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
 
}


/*アコーディオン */
        .accordion-container {
            max-width: 700px;
            margin: 20px auto;
            border: 1px solid #ddd;
        }

        .accordion-header {
            background-color: #8C5F37;
            padding: 10px 15px;
            cursor: pointer;
            display: flex;
            justify-content: space-between;
            align-items: center;
			color:#fff;
        }

        .accordion-header h3 {
            margin: 0;
        }

        .accordion-content {
            padding: 15px;
            background-color: #fff;
            transition: max-height 0.3s ease, opacity 0.3s ease;
            overflow: hidden;
			max-height: 2000px; /* 開く時の最大値（十分大きな値）*/
    opacity: 1;
        }

        .accordion-content.closed {
            max-height: 0;
            opacity: 0;
            padding: 0 15px;
        }

        .toggle-icon::after {
            content: '▼';
            transition: transform 0.3s ease;
			transform-origin: center;
        }

        .accordion-header.active .toggle-icon::after {
            transform: rotate(180deg);
        }