@charset "utf-8";
#landing{line-height:1.8em; font-size:1.1em;}

/*Header*
div#HeaderL{padding-top:0; margin-top:0;}
div#Header p.links{font-size:0.75em; text-align:left; margin:-4px 0 2px 0; padding:0;}
div#Header p.links a{color:#990000;}
div#Header p.links a:hover{color:#FFFFFF;}
*/

/****ページ内リンク*********************
ul.PageLink{margin:8px 0 30px 0; padding:0; list-style:none; text-align:center; width:100%;}
ul.PageLink li{display:inline-block; font-size:1em; margin-bottom:8px;}
ul.PageLink li a{display:block; padding:7px 8px 7px 18px; background:url(../img/pagelink_arrow.gif) no-repeat center left; border:1px solid #CCCCCC; background-color:#EEEEEE; color:#003366; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
ul.PageLink li a:hover{background-color:#FEC2E0; text-decoration:none;}
*/

/**お知らせ*/
div#news{padding:4px 6px; border:1px solid #CC0000; margin:12px auto 20px; font-size:1em; color:#CC0000; width:1180px;}
div#news p{margin:0; text-align:center;}
div#news a{color:#CC0000;}


h1{width:1200px; margin:12px auto 0; padding:0; text-align:center; line-height:0;}
h1 img{width:100%;}
h3{text-align:center;}
h4{margin:0 0 10px; padding:8px 10px; font-size:1.2em; color:#990000; background: -moz-linear-gradient(top,#FFF 0%,#FDE4DF); background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FDE4DF)); border-bottom:2px solid #FF6699;}
h5{font-size:120%; font-weight:bold; color:#ff3d79; border-left:12px solid #ff3d79; padding:0 0 0 4px; margin:12px 0 0 0;}

.T30{margin-top:30px;}
.T60{margin-top:60px;}


.title_links{background-color:#000033; color:#FFFFFF; text-align:center; margin:0 auto 20px; padding:4px; width:1192px;}
.title_links a{color:#FFFFFF;}

/*オレにまかせろ*/
div.read{margin:0 auto 30px; line-height:1.8em; width:86%;}
.readL{float:left;}
.readR{width:77%; float:left; padding-left:12px;}
div.read p{margin:0 0 20px; padding:0;}
div.read p.nm{text-align:right;}

/*あさひ式皮下組織剥離法とは*/
p.imgcenter{text-align:center; margin-bottom:60px;}
div.video-container{text-align:center; margin-bottom:60px;}

dl#percent{margin:0 auto 60px; width:98%;}
dl#percent dt{float:left; padding-right:12px;}
dl#percent dt, dl#percent dd{background-color:#FFFFCC; padding:12px; min-height:140px; margin:0 0 20px 0; -webkit-border-top-left-radius:10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius:10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px; 
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;}
dl#percent dd strong{color:#660000; font-size:1.3em;}
dl#percent dt.per_last{float:none; margin:0; padding:8px 12px 8px 22px; min-height:auto; -webkit-border-bottom-right-radius:0;  
    -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0;}
dl#percent dd.per_last{ height:auto; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-radius-topleft:0;  -moz-border-radius-topright:0; padding:22px; padding-top:0; margin:0;}
dl#percent dt.per_last strong{font-size:1.3em; color:#660000;}
dl#percent dt.per_last span.pink{color:#FF3366; font-size:0.8em;}


/*切らなければ完治しません*/
div.points{ display:table; border-collapse:separate; border-spacing:26px 0;}
div.points dl{ border:1px dotted #FF0066;  padding:1%;}
div.points dl.point{display:table-cell; vertical-align:top; width:22%;}
div.points dt{margin: 0; padding:0; font-weight:bold;	color:#ff3d79; font-size:1.2em;}
div.points dt:before{content:"■";}
div.points dd{margin:0; padding:0;}


/*どんな手術をするの*/
ol.w1 strong{font-size:120%;	font-weight:bold;	color:#ff3d79;	line-height:1.2; margin:0;}
ol.w1 {counter-reset:number; list-style-type: none!important; padding:0.5em;}
ol.w1 li {position: relative; padding-left: 50px; line-height:2.5em; padding: 0.5em 0.5em 0.5em 50px;}
ol.w1 li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #FF0066;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size:20px;
  border-radius: 50%;
  left: 0;
  width: 40px;
  height:40px;
  line-height:38px;
  text-align: center;
}


/*w2*/
.balloon{position: relative; margin: 0 auto 40px; padding: 20px; background:#FFCCCC;}
.balloon strong{font-size:1.3em; margin-right:12px;}
.balloon::before {content: ''; position: absolute; bottom: -28px; left:10%; margin-left: -14px; border: 14px solid transparent; border-top-color: #FFCCCC;}
.none:before{border:none;}


/* 体験談 */
div.w3{
	border-bottom:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	margin:0 0 60px 0;
	padding:29px 20px 30px;
	background:#fef9d6;
	}

div.w3 h4{
	margin:0 0 0.5em 0;
	padding:0;
	line-height:1;
	color:#ff3d79;
	font-size:120%; background:none; border-bottom:none;
	}


/*費用について*/
div#priceD{width:92%; margin:0 auto 30px; border-bottom:1px dotted #990000;}
div#priceD .priceDL{float:left; width:50%; clear:left;}
div#priceD .priceDL h4{background:none; color:#990000; font-weight:bold; border-bottom:none; vertical-align:top; margin:0; padding:0; font-size:1.2em;}
div#priceD .priceDR{float:right; text-align:right;}
div#priceD .priceDR p{margin:0; padding:0;}

.price_note{width:92%; margin:0 auto; font-size:0.9em;}


/*病院*/
p.dial{display:table; text-align:center; margin:0 auto 16px;}
p.dial img{ vertical-align:middle; margin-right:8px;}
p.dial strong{color:#FF3366; vertical-align:middle;}

.Maps{ clear:both; margin:0 auto; margin-bottom:60px; border:1px solid #FFCCCC; padding:8px 20px; width:90%;}
.Maps .left{width:70%; float:left; text-align:left;}
.Maps .right{width:29%;	float:right;}
.Maps .right iframe{width:100%; height:220px;}
.Maps h4{padding:0; margin:12px 0; background:none; color:#ff3d79;	font-size:130%;}

.osaka{ clear:both; margin:0 auto; margin-bottom:60px; border:none; padding:8px 20px; width:auto;}

/****************/
#headerspace{padding-top:180px;}
@media print{
#headerspace{padding-top:0;}
div#news{width:94%;}

h1{width:100%;}
.readR{width:68%;}
}

@media screen and (max-width:1218px) {
div#news{width:94%;}

h1{width:100%;}
.title_links{width:100%; padding:4px 0;}
div.read{width:auto;}
}
@media screen and (max-width:990px) {
.readR{width:68%;}
}

@media screen and (max-width: 954px) {
/****************/
#headerspace{padding-top:200px;}
}


@media screen and (max-width:920px) {
#landing{font-size:1rem;}
}

@media screen and (max-width:880px) {
p.imgcenter img{width:100%;}
}

@media screen and (max-width:768px) {
/****************/
#headerspace{padding-top:150px;}

div#news p{ font-size:90%;}

}
@media screen and (max-width:724px) {
h3#me{margin:12px 0 0;}
h3#what{margin-top:30px;}
h3{font-size:1.2rem; padding:8px 0;}
h3 span{display:block;}

.Maps{width:84%;}
.Maps div.left{margin-bottom:40px;	width:auto; float:none;	text-align:left;}
.Maps div.right{width:auto;	float:none;	text-align:center;}
.Maps .map{width:100%;}
}

@media screen and (max-width:720px) {
div.read{margin:0;}
.readR{width:auto; float:none;}
.readL{float:none; text-align:center; padding-top:12px;}
div.read p.nm{text-align:left;}

dl#percent{margin:0 auto 60px; width:98%;}
dl#percent dt{float:none; padding-right:auto; text-align:center;}
dl#percent dt, dl#percent dd{background-color:#FFFFCC; padding:12px; min-height:auto; margin:0;}
dl#percent dd{margin-bottom:30px;}
dl#percent dd strong{color:#660000; font-size:1.3em;}
dl#percent dt.per_last{float:none; margin:0; padding:4px 0; min-height:auto;}
dl#percent dd.per_last{ height:auto; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-radius-topleft:0;  -moz-border-radius-topright:0; padding:12px; padding-top:0; margin:0;}

div.points{ display:block; border-collapse:inherit; border-spacing:0; width:96%; margin:0 auto;}
div.points dl.point{display:block; width:auto;}

.txtC img{width:100%;}
}

@media screen and (max-width:660px) {
/****************/
#headerspace{padding-top:135px;}
}

@media screen and (max-width:580px) {
.title_links span{display:none; visibility:hidden;}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

ol.w1 img{width:100%;}

.balloon strong{display:block;}
}

@media screen and (max-width:480px) {
/****************/
#headerspace{padding-top:110px;}

p.dial span{display:block;}
p.tel span{display:block;}
}

@media screen and (max-width:420px) {
ol.w1 li {line-height:1.2em;}

div#priceD{border:none; margin-bottom:0; padding-bottom:0;}
div#priceD .priceDL{float:none; width:auto; clear:left;}
div#priceD .priceDR{float:none; width:auto; padding:0;}
div#priceD .price{border-bottom:1px dotted #FF0066;}
}

@media screen and (max-width:390px) {
h3{font-size:1em;}
.links{font-size:0.8em;}
}

/****************************************************/
/***************************************************/
/***SP用プルダウンメニュー*************************
#spHead, .cp_menu{display:none;}

@media screen and (max-width:724px){
div#Header{display:none;}
p.freedialPC{display:none;}

#spHead{display:block; background-color:#F5C2D3;}
#spHead{display:fixed; position: absolute; z-index:1000; justify-content: space-between; transition:0.5s; width:100%; padding:0; margin:0; line-height:0;}
#spHead.fixed{position:fixed; top:0; transition: .5s; visibility:visible;}

div#spHeaderL{float:left; width:33%; padding:0 8px; font-size:0.7em;}
div#spHeaderR{float:right; text-align:right; padding:2px 8px 0 0; width:50%;}
div#spHeaderR p{margin:0; padding:0;}
div#spHeaderR ul{display:table; table-layout:fixed; margin:0 0 0 auto; padding:0; width:100%;}
div#spHeaderR li{display:table-cell;}
div#spHeaderR img{width:96%;}
div#spHeaderL img{width:98%;}
p.language{text-align:center;}

h1{padding-top:150px;}

div#news{margin-top:154px;}
div#news p{text-align:left; font-size:90%;}

.PageLink{display:none;}

.cp_menu { display:block; clear:both;
width:100%;
margin: 0 auto;
padding: 0;
}
.cp_menu a {
display: block;
padding: 10px;
text-decoration: none;
color: #000000;
line-height: 1;
}
.cp_menu label {
display: block;
position: relative;
margin: 0 0 0 0;
padding:12px 8px;
line-height: 1;
color: #ffffff;
background:#000066;
cursor: pointer;
}

.cp_menu input {
display: none;
}
.cp_menu ul {
margin: 0;
padding: 0;
background:#FFCCCC;
list-style: none;
}
.cp_menu li {
overflow-y: hidden;
max-height: 0;
transition: all 0.5s;
}
.cp_menu li a:hover{background-color:#FF99CC;}

#cp_menu_bar1:checked ~ #link1 li{
max-height: 46px;
opacity: 1;
}

#arrow{
    fill: #fff;
    position: absolute;
    top: 6px;
    right:15px;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}

.dropdown_arrow #arrow{
   	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}
}


@media screen and (max-width:600px){
h1{padding-top:140px;}
}

@media screen and (max-width:540px){
div#spHeaderR{width:60%;}
}


@media screen and (max-width:480px){
h1{padding-top:120px;}
}

@media screen and (max-width:340px){
div#spHeaderR{width:58%; padding-right:0; padding-top:0.4em;}
}
*/