@charset "utf-8";
@import "sm_common.css";

#sidefix,
#sidefix2,
#left-container,
#right-container .right-bg-top,
.ban_monitor,
.footer_cv,
#head-trance, .h1_area {
	display: none;
}
#header {
	border-top: 2px solid #4B3F31;
	background: none #FFFCF5;
	height: auto;
	position: relative;
	padding-bottom: 20px;
}
#header:after {  
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#header-inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#header-inner #text {
	position: absolute;
	left: 10px;
	top: 6px;
	font-size: 11px;
	color: #B3B5B4;
}
#header-inner #logo {
	float: none;
	width: 80%;
	text-align: left;
	margin-left: 10px;
}
#header-inner #logo img {
	max-width: 100%;
	height: auto;
	margin-top: 35px;
}
#header-inner #logo a img:hover {
	filter: alpha(opacity=100);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
	-moz-opacity: 1;
	opacity: 1;
}
#header-inner #tel {
	display: none;
	float: none;
	text-align: center;
}
#header-inner #tel img {
	margin: 10px 0;
}
#header-inner #btn {
	display: none;
}
#header-sm {
	display: block;
}
#headermenu {
	position: absolute;
	right: 0;
	top: 5px;
	width: 15%;
	float: right;
	cursor: pointer;
	z-index: 1000;
	-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
#headermenu img {
	width: 100%;
	height: auto;
}
#header-sm #left-container {
	display: block;
}
#header-sm #left-container {
	display: block;
}
#left-container .left-bg-top {
	display: none;
}
#left-container .left-inner {
	width: 100%;
	padding: 0;
	border: none;
	background: #fff;
	margin-right: auto;
	margin-left: auto;
}
#left-container .left-bg-middle {
	width: 100%;
	background: none;
	padding: 5px 0;
}
#left-container .left-bg-bottom {
	display: none;
}



#navi {
	display: none;

	background: none;
	height: auto;
	padding-top: 0;
}
#navi ul, #navi li {
	padding: 0;
	margin: 0;
	list-style: none;
}
#navi ul#navi-inner {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background: none;
}
#navi ul#navi-inner li {
	float: left;
	height: 50px;
	overflow: hidden;
	text-indent: 0;
	white-space: normal;
}
#navi ul#navi-inner li#navi01,
#navi ul#navi-inner li#navi02,
#navi ul#navi-inner li#navi03,
#navi ul#navi-inner li#navi04,
#navi ul#navi-inner li#navi05,
#navi ul#navi-inner li#navi06,
#navi ul#navi-inner li#navi07,
#navi ul#navi-inner li#navi08,
#navi ul#navi-inner li#navi09,
#navi ul#navi-inner li#navi01:hover,
#navi ul#navi-inner li#navi02:hover,
#navi ul#navi-inner li#navi03:hover,
#navi ul#navi-inner li#navi04:hover,
#navi ul#navi-inner li#navi05:hover,
#navi ul#navi-inner li#navi06:hover,
#navi ul#navi-inner li#navi07:hover,
#navi ul#navi-inner li#navi08:hover,
#navi ul#navi-inner li#navi09:hover {
	width: 50%;
	background: #fbf4ee; /* Old browsers */
	background: -moz-linear-gradient(top,  #fbf4ee 0%, #ffffff 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbf4ee), color-stop(90%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbf4ee 0%,#ffffff 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbf4ee 0%,#ffffff 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbf4ee 0%,#ffffff 90%); /* IE10+ */
	background: linear-gradient(to bottom,  #fbf4ee 0%,#ffffff 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf4ee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#navi ul#navi-inner li,#navi ul#navi-inner li:hover, #navi ul#navi-inner li a,#navi ul#navi-inner li a:hover {
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	padding: 0;
	line-height: 3em;
}
#navi ul#navi-inner li a:nth-child(2n+1) {
	background: url(../image_new/common/sm-navi.png) right top no-repeat;
}
#navi ul#navi-inner li a {
	color: #3D2002;
	text-decoration: none;
}


#wrapper {
	width: 95%!important;
}

#right-container .right-bg-top {
	display: none;
}
#top-body-right {
	width: 100%!important;
	padding: 0px!important;
}

#right-container .right-bg-middle {
	background-image: none !important;
}
#right-container .right-inner {
	width: auto;
	padding: 0;
	padding: 5px;
	border: 1px solid #EDE9DB;
	background: #fff;
	margin-right: auto;
	margin-left: auto;
	background: #fff;
}
#right-container .right-bg-bottom {
	display: none;
}
.contents-bg-top {
	width: 100%;
	height: 5px;
	background: none;
}
.contents-bg-middle {
	width: 100%;
	background: none;
}
.contents-bg-bottom {
	width: 100%;
	height: 5px;
	background: none;
}
.contents-inner {
	width: 100%;
	padding: 10px 0;
	border-left: 1px solid #EDE9DB;
	border-right: 1px solid #EDE9DB;
	border-bottom: 1px solid #EDE9DB;
	background: #fff;
	margin-right: auto;
	margin-left: auto;
}

.floatleft.floatsm,
.floatright.floatsm {
	float: none;
	text-align: center;
	margin:1% auto!important;
}

.inquiry {
	padding: 12px 0;
	background: #fff;
}
.inquiry-inner {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
.inquiry-inner .floatleft {
	text-align: center;
	float: none;
}
.inquiry-inner .floatleft img {
	max-width: 100%;
	height: auto;
}
.inquiry-btn {
	width: 100%;
	padding: 0;
	background: #fff;
}
.inquiry-btn.floatright {
	width: 100%;
}
.inquiry-btn.floatright .floatleft, .inquiry-btn.floatright .floatright {
	width: 49%;
}
.inquiry-btn.floatright .floatleft {
	float: left;
}
.inquiry-btn.floatright .floatright {
	float: right;
}
#footer {
	display: none;
}
#footer #footer-clinic,
#footer #footer-contents {
	display: none;
}
#footer #footer-copy {
	display: relative;
	width: 100%;
	padding: 10px 0;
}
#footer-sm {
	width: 97%;
	margin: 0 auto;
	display: block;
}
#footer-sm img {
	max-width: 100%;
	height: auto;
}
#footer-sm table#frame {
	width: 100%;
	text-align: center;
	margin: 7px 0;
	border: 1px solid #E8E3DB;
}
#footer-sm #sm-pagetop {
	text-align: right;
	margin: 5px 0;
	right: 5px;
	bottom: 5px;
}
#sm-copy {
	display: block;
	font-size: 12px;
	color: #fff;
	padding: 5px 0;
	text-align: center;
	line-height: 1.5em;
	background: #FB637E;
	margin-top: 15px;
}
#footer-sm #pc-link {
	text-align: center;
}
#footer-sm #pc-link img {
	width: 85%;
}
#footer-sm a {
	text-decoration: none;
	color: #fff;
	font-weight: normal;
}


.sm-none {
	display: none;
}

/*--------------------------------------------- DR */
.dr-profile-btm {
	display: block;
	/*margin-left: 5%;*/
}

#top-body-right {
	margin: 0 auto;
}

table[height="280"] {
	width: 100%!important;
}


.main-dr {
	width: 100%!important;
	height: auto;
	padding: 150px 0px 0px;
	background-position: -40px top;
}

.main-dr p img {
	width: 80% !important;
}

.main-dr table {
	width: 100%;
}

.main-dr td {
	display: block;
	float: left;
	width: 50%;
}

.main-dr td img {
	width: 100% !important;
}

table.dr-container {
	float: none;
	height: auto !important;
	width: 98%;
}
table.dr-container .dr-profile-top table:first-child {
	width: auto;
}

.plofile-box {
	padding: 0px!important;
	border: none!important;
}

.plofile-box table {
	width: 95%;
}

.box380-floatleft {
}

.box380-floatleft table {
	margin-bottom: 180px;
}

.box215-right {
	width: 30%;
	/*position: absolute;
	right: 0;*/
}
table.dr-container .dr-profile-top table:first-child tr td:nth-child(2) {
	padding-left: 10px;
	width: 173px;
}



.overlay {
	width: 100%;
	height: 130%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1000;
	display: none;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color: #000;
	
}

.pull_down {
	width: 85%;
	height:100%;
	position: fixed;
	right: -100%;
	top: 0;
	z-index: 2000;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
	background: url(../image_new/common/sm-side-bg.png) repeat;
	padding: 7px 0;
}
.pull_down .pull_down_menu {
}
.pull_down .pull_down_menu a {
	color: #FFF;
	font-family: serif;
	text-decoration: none;
	display:block;
	padding: 3%;
	border-bottom: 1px dotted #FFF;
	font-size:120%;
}
.pull_down .pull_down_menu a:before {
	content:">";
	margin-right:2%;
	color: #FFF;
}

.pull_down .title {
	margin: -1px -7px 2px -6px;
	padding: 6px 5px 5px;
	color: #fff;
	font-size: 110%;
	text-align: center;
	background: -moz-linear-gradient(
		top,
		#478DE3,
		#478DE3 50%,
		#3A76C0 50%,
		#3A76C0);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#478DE3),
		color-stop(0.5, #478DE3),
		color-stop(0.5, #3A76C0),
		to(#3A76C0));
}

.pull_down .linkList {
	margin-bottom: 15px;
}

.pull_down .linkList li {
	padding-top: 5px;
	float: left;
	width: 47%;
}

.pull_down .linkList li:nth-child(2n) {
	float: right;
}

.pull_down .linkList li img {
	width: 100%;
}

.pull_down .textList li {
	margin-bottom: 2px;
	padding-bottom: 8px;
	font-size: 110%;
	background: url(../image_new/common/line01.gif) repeat-x left bottom;
	background-size: 2px 1px;
}

.pull_down .textList li a {
	padding-left: 15px;
	background: url(../image_new/common/icon02.gif) no-repeat left 2px;
	background-size: 7px 7px;
}

.pull_down .textList li:last-child {
	margin-bottom: 0;
}

#side_osusume {
	width: 90%;
	margin: 0 auto 10%;
}

/***************************************** top */
#ranking {
	display: none;
}
#osusume .mr10 {
	margin-right: 0;
	margin-bottom: 10px;
}
#osusume img {
	max-width: 98%;
	height: auto;
}
#onayami-skin {
	width: 100%;
	height: auto;
	background: none;
	position: relative;
}
#onayami-skin-inner {
	width: 100%;
	position: relative;
	right: auto;
	top: auto;
}
#onayami-body {
	width: 100%;
	height: auto;
	background: none;
	position: relative;
}
#onayami-skin-inner {
	width: 100%;
	position: relative;
	right: auto;
	top: auto;
	margin-bottom: 5px;
}
#onayami-skin-inner .floatleft, #onayami-skin-inner .floatright {
	width: 50%;
	text-align: center;
}
#onayami-skin-inner .floatleft img, #onayami-skin-inner .floatright img {
	width: 99%;
	height: auto;
}
#onayami-body-inner {
	width: 100%;
	position: relative;
	right: auto;
	top: auto;
}
#onayami-body-inner .floatleft, #onayami-body-inner .floatright {
	width: 50%;
	text-align: center;
}
#onayami-body-inner .floatleft img, #onayami-body-inner .floatright img {
	width: 99%;
	height: auto;
}
#news dl {
	width: 100%;
	margin: 0 auto 6px;
	border-bottom: 1px dotted #E6DBC3;
	line-height: 1.5em;
	font-size: 11px;
	padding-bottom: 5px;
}
#news dl:last-child {
	margin-bottom: 0;
}
#news dl:after {  
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}
#news dt {
	color: #996E45;
	background: #EDEDED;
	width: 95px;
	text-align: center;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	float: left;
	margin: 0 0 0 5px;
	letter-spacing: -1px;
}
#news dd {
	color: #444;
	float: left;
	margin: 0 0 0 5px;
}
#news dl a:link, a:visited {
	color: #675B4F;
	font-weight: bold;
	text-decoration: underline;
}
#news dl a:hover, a:active {
	color: #675B4F;
	font-weight: bold;
	text-decoration: none;
}
#top-text {
	padding: 0;
	font-size: 11px;
	width: 95%;
	margin: 0 auto;
	line-height: 1.6em;
}

/********************************** 下層 */
table table {
	width: 100%;
}
table td, table tr {
	width: auto;
}
table td img {
	/*width: 100%;*/
	height: auto;
}
.pan-navi {
	margin: 5px 0;
	padding: 0;
	width: 100%;
	text-indent: 0.3em;
	font-size: 13px;
}
#right-container {
	padding: 0;
	background: none #fff;
	width: 100%;
	float: none;
	box-shadow: none;
}
/*
#right-container #top-body-right img {
	width: 100%;
	height: auto;
}
*/
#right-container #top-body-right table img {
	width: auto;
	max-width: 100%;
	height: auto;
}
#right-container .right-bg-middle {
	padding: 0;
}
.img-frame {
	padding: 0;
	border: none;
	margin: 0;
}
.title_bk, .title_bk2 {
	font-size: 16px;
	height: auto;
	background-color:#FB637E;
	margin-bottom: 10px;
}
#sejutsu-main {
	width: 95%;
	height: auto;
	background: none;
	padding: 10px;
}
#sejutsu-main #text01 {
	/*color: #D74633;*/
	font-size: 100%;
	/*border-bottom: 1px solid #D74633;*/
	display: inline-block;
	position: relative;
	left: auto;
	top: auto;
	line-height: 1.2em;
	margin-bottom: 10px;
}
#sejutsu-main #text02 {
	color: #453527;
	font-size: 200%;
	position: relative;
	left: auto;
	top: auto;
	line-height: 1em;
	font-family: "Times New Roman", "游明朝", "YuMincho", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
	margin-bottom: 10px;
}
#sejutsu-main #text03 {
	color: #453527;
	font-size: 14px;
	position: relative;
	left: auto;
	top: auto;
}
#sejutsu-main #text03 #text04 {
	float: left;
	color: #453527;
	margin-right: 10px;
	font-size: 14px;
}
#sejutsu-main #text03 #price {
	float: left;
	/*color: #D74633;*/
	font-size: 150%;
	font-style: italic;
	letter-spacing: -1px;
	margin-right: -5px;
}
#sejutsu-main #text03 #yen {
	float: left;
	/*color: #D74633;*/
	font-size: 100%;
	margin-left: 10px;
}
#sejutsu-main.fgf {
	background: none;
}
#sejutsu-main.fgf #text02 {
	width: 80%;
}
#sejutsu-main #fgf-jisskei {
	position: absolute;
	right: 2%;
	bottom: 2%;
	width: 20%;
}
#sejutsu-main #fgf-jisskei img {
	max-width: 100%;
	height: auto;
}
#sejutsu-main #wakibotox-text01 {
	color: #D74633;
	font-size: 13px;
	border-bottom: 1px solid #D74633;
	display: inline-block;
	position: relative;
	font-size: 100%;
	left: auto;
	top: auto;
	line-height: 1.2em;
}
#sejutsu-main #wakibotox-text02 {
	color: #453527;
	font-size: 200%;
	position: relative;
	left: auto;
	top: auto;
	line-height: 1em;
	font-family: "Times New Roman", "游明朝", "YuMincho", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
}
#sejutsu-main #wakibotox-text03 {
	color: #D74633;
	font-size: 13px;
	border-bottom: 1px solid #D74633;
	display: inline-block;
	position: relative;
	left: auto;
	top: auto;
	line-height: 1.2em;
	font-size: 100%;
}
#sejutsu-main #wakibotox-text04 {
	color: #453527;
	font-size: 200%;
	position: relative;
	left: auto;
	top: auto;
	line-height: 1em;
	font-family: "Times New Roman", "游明朝", "YuMincho", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho",  serif;
}
#price-link a {
	/*background-color: #d1b981;*/
	display: block;
	margin: 0 auto 20px;
	padding: 5px 0;
	text-align: right;
	width: 100%;
}
#price-link a img {
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
}
.geitei-bk div {
	padding-right: 0;
}

.box-pink {
    background-color: #ffe1e1;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    width: 90%;
}
.pc-botox {
	display: none;
}
.sm-botox {
	display: block;
}
.page-link {
	display: none;
}

.plofile-box {
	width: 100%;
	padding: 15px 0;
}
.box380-floatleft {
	width: 70%;
}
.box380-floatleft table {
	 margin-bottom: 0 !important;
}
.charge-list table {
	width: 97%;
	margin-right: auto;
	margin-left: auto;
}
table.contents-table {
	width: 97%;
	margin-right: auto;
	margin-left: auto;
}
table.contents-table tr img, table.contents-table td img {
	width: auto;
	max-width: 100%;
	height: auto;
}
table.contents-table tr td:nth-child(3) {
	width: 20%;
	text-align: center;
}

.clinic-photoimg {
	background: none;
	height: auto;
	widows: 100%;
	padding: 0;
}
table.clinic-table1 {
	width: 97%;
	margin: 0 auto;
}
table.clinic-table1 td {
	width: 100%;
	display: block;
}
table.clinic-table1 td iframe {
	width: 100%;
	height: 50%;
}
table.clinic-table1 td img {
	width: auto;
	max-width: 100%;
	height: auto;
}

table.clinic-table2 {
	width: 97%;
	margin: 0 auto;
}
table.clinic-table2 td:nth-child(1) {
	width: 30%;
}
table.clinic-table2 td:nth-child(1) img {
	width: auto;
	max-width: 100%;
	height: auto;
}
table.clinic-table2 td:nth-child(2) {
	width: 65%;
}
table.clinic-table2 td img {
	width: auto;
	max-width: 100%;
	height: auto;
}

.menu-btn {
	width: 95%;
	margin: 10px auto;
	float: none;
}
.ruby-sp1 {
	padding-left: 0;
}
.ruby-sp2 {
	padding-left: 0;
}




/*------------------------------------------------ 料金*/
.page-navi td {
	display: block;
}


.chargelist-tab-loan,
.chargelist-img-ansin-3 {
	display: none;
}

/*------------------------------------------------ botox*/
.botox-dr-container {
	width: 96%;
	margin: 0 auto 5%;
}
.botox-dr-container img {
	width: 48%;
	margin: 0 0 2% 0;
}
.botox-dr-container .botox-dr-container-index {
	font-size: 18px;
}


.rubylaser-dr-container {
	width: 96%;
	margin: 0 auto 5%;
	background: none;
}
.rubylaser-dr-container img {
	display: block;
	width: 48%;
	margin: 0;
	float: right;
}
.rubylaser-dr-container .rubylaser-dr-container-index {
	font-size: 18px;
}


/*	gentei
********************************/
.contents-gentei {
	width: -webkit-calc(100% - 6px) !important;
	width: calc(100% - 6px) !important;
	margin: 0 auto 4%;
}
.contents-gentei.geitei-bk {
	background: none;
	padding-left: 0;
	text-align: left;
}
.contents-gentei-index {
	width: 100% !important;
	float: none !important;
	text-align: center;
	border-radius: 10px 10px 0 0;
	padding: 5px 0 10px !important;
	font-size: 13px;
}
.contents-gentei .text-red2b {
	width: 100% !important;
}

/*	header
********************************/
.headerSpace {
	width: 100%;
	height: 0;
	padding: 15.3125% 0 0 0;
}
header.sphead {
	width: 100%;
	display: table;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;
}
header.sphead #headerInner img {
	vertical-align:top!important;
	width:100%;
	height:auto;
}
header.sphead #headerInner {
	/*max-width: 640px;*/
	margin: 0 auto;
	position: relative;
	background: #7694B4;
}
header.sphead #headerLogo, 
header.sphead #headerSearch, 
header.sphead #headerFirst, 
header.sphead #headerOtoku {
	display: table-cell;
}
header.sphead #headerLogo, 
header.sphead #headerSearch, 
header.sphead #headerFirst {
	border-right: 1px solid #D6D6D6;
}
header.sphead #headerLogo a, 
header.sphead #headerSearch a, 
header.sphead #headerFirst a {
	margin: 0;
	padding: 0;
	vertical-align: top;
}
header.sphead #headerOtoku p#headermenu {
	position: relative;
	right: auto;
	top: auto;
	float: none;
	width: 100%;
}
header.sphead #headerSearchArea {
	width: 100%;
	height: 50px;
	background: #C5D5DE;
	padding: 10px;
	box-sizing: border-box;
	display: none;
}
header.sphead #headerSearchArea #srch {
	float:none;
	width:auto;
	margin:0;
}
header.sphead #headerSearchArea input#headerSearchText {
	width: 80%;
	width: -webkit-calc(100% - 80px);
	width: calc(100% - 80px);
	height: 30px;
	font-size: 20px;
	float: left;
	border: none;
	box-sizing: border-box;
	padding: 0 5px;
}
header.sphead #headerSearchArea input#headerSearchBtn {
	width: 59px;
	height: 30px;
	float: left;
}
header.sphead #headerLogo {
	width: 47.3125%;
	width: -webkit-calc(47.3125% - 1px);
	width: calc(47.3125% - 1px);
	vertical-align:top;
}
header.sphead #headerSearch, 
header.sphead #headerFirst {
	width: 13.125%;
	width: -webkit-calc(13.125% - 1px);
	width: calc(13.125% - 1px);
}
header.sphead #headerOtoku {
	width: 26.25%;
}
header .menubtn img {
	max-width: 100%;
}
header #header2 #headerLogo {float: none;}
header #head-search {width: 100%;}
.sm-fixmenuSpace {
	width: 100%;
	height: 0;
	padding: 13.125% 0 0 0;
}
#sm-fixmenu {
	display: block;
	z-index: 2001;
	bottom: 0;
	position: fixed;
	left: 0;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
#sm-fixmenu .sm-fixmenu-btn {float: left; width: 50%;}
#sm-fixmenu .sm-fixmenu-btn:first-child {text-align: right;}
#sm-fixmenu .sm-fixmenu-btn img {width:100%; height:auto;}




