@charset "UTF-8";

/*------------------------------------------------------------------------------
 PC用スタイルシート
 -------------------------------------------------------------------------------*/

/*------------- common -------------*/

#contents,#contents_center,#contents_left,#contents_right,#contents_right_in,.breadcrumb {
    overflow: hidden;
    margin:0 auto;
}

#contents {
	width:100%;
	background-color:#fff;
}

#contents_center {
    width: 1000px;
}

#contents_center h4 {
    font-size: 1.3em !important;
}

#contents_left {
    width: 200px;
    float: left;
}

#contents_right {
    width: 800px;
    float: right;
}

#contents_right_in {
    padding: 3.7% 5%;
}

#contents_right p.subtex{ 
    width: 100%;
    margin: 0 auto 5% auto;
    font-size: 1.3em;
    letter-spacing: 0.1em;
    overflow: hidden;
    text-align: center;
}

.breadcrumb {
	width:100%;
	margin: 1% auto;
	letter-spacing: 0.04em;
}

.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px !important;
  color: #555 !important;
  content: "\f105" !important;
 font-family: FontAwesome;
}
.breadcrumb > .active {
  color: #777;
}

/*------------- PC非表示 -------------*/
.nopcpage{
    display: none !important;
}
/* イベントを起こさない */
.noevent {
    pointer-events: none;
}
/* PCのみDB */
.pcdb{
    display: block !important;
}
/*------------- header -------------*/
header {
	width:100%;
	height: 100px;
	overflow:hidden;
	background-color:#00B8B2;
}
header .head_in{
	width:1000px;
	height: 100%;
	margin: 0 auto;
}
header .head_in .head_title{ 
	width: 280px;
	color:#fff;
	float:left;
}
header .head_in .head_cont{ 
	width: 720px;
	color:#fff;
	float:right;
	margin-top:12px;
	overflow: hidden;
}
/*----- サイトマップボタン -----*/
.head_cont .sitemap { 
	margin-top: 49px;
	position: absolute;
	margin-left: 628px;
}
.head_cont .sitemap a{ 
	font-size: 1em;
	color:#fff;
	display: block;
	width:85px;
}
.head_cont .sitemap a i{
    margin-right: 3px;
}
ul.sitemap li.subtitle {
    margin-left: -25px;
}
ul.sitemap li.nolink {
    margin: 0px;
}
/*----- サイト内検索 -----*/
.search {
    margin-top: -3px;
    margin-left: 365px;
    position: absolute;
}

.search form .input_bg{ 
	width: 90px;
	border: none;
	height: 18px;
}

.search form ul{ 
	margin-bottom: 0px !important;
}

.search form ul li{ 
	float:left;
}

.search form ul li.formheight{ 
	margin: 6px 1px 0 0;
}

.search form input[type=submit]{
	font-family: FontAwesome;
	background: none;
	border: none;
	font-size: 1em;
	color:#00B8B2;
	width: 26px;
	height: 18px;
	margin: 6px 20px 0 0;
	cursor: pointer;
    border-radius: 0 90px 90px 0;
    -moz-border-radius: 0 90px 90px 0;
    -webkit-border-radius:  0 90px 90px 0;
    background:#b8f9f6;
}

/*----- 言語切替ボタン -----*/

.head_cont .language_menu{ 
	position: absolute;
	margin-left: 160px;
	top: 18px;
	font-size: 85%;
}

header .head_in .head_cont .language_menu li{ 
	float:left;
	width: 53px;
}

header .head_in .head_cont .language_menu li a{ 
	color:#fff;
}

header .head_in .head_cont .language_menu li a:before,.policy span:before{ 
	content: "\f105";
	margin-right: 4%;
	font-family: FontAwesome;
}

.menu label,.menu input{ 
	display:none;
}

/*----- snsアイコン -----*/
ul.sns_ico {
    display: block;
    float: left;
    margin-right: 20px;
    margin-left: 10px;
}
ul.sns_ico li{ 
	float:left;
	font-size: 1.6em;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	height: 25px;
	width: 25px !important;
	text-align: center;
	margin: 0 0 0 10px !important;
	line-height:30px;
}
ul.sns_ico li a{ 
	color:#fff;
	display: block;
}
.sns_ico .fa, .flexslider ul.smt_menuico li .fa {
    font-size: 0.9em !important;
    vertical-align: top !important;
    margin-top: 4px !important;
}

/*----- ログイン・電話関連 -----*/
.head_cont .head_login{ 
	display:block;
	overflow: hidden;
	width: 650px;
	float: right;
}

.head_cont ul.login_cont {
    display: block;
    clear: both;
    position: absolute;
    top: 57px;
    margin-left: -50px;
}

.head_cont ul.login_cont li{ 
	float:left;
}

.head_cont ul.login_cont li a.but{ 
	background-color:#fff;
	margin-right:8px;
	padding: 5px 0px 5px 0px;
	display: block;
	font-size:0.85em;
	width: 138px;
	text-align: center;
}

.head_cont ul.login_cont li a.mypage,.head_cont ul.login_cont li a.book{ 
	   font-size: 0.9em !important;
}
.head_cont ul.login_cont li a.but:before { 
	content: "\f138";
	margin-right: 3%;
	font-family: FontAwesome;
	color:#00B8B2;
}

.head_cont ul.login_cont li a.but:hover{ 
	background-color:#b8f9f6;
	color:#000;
}

.head_cont strong.fnone{
	position: absolute;
	top: 12px;
	margin-left: 430px;
}

.head_cont strong.fnone a{
	font-size: 2em;
	color:#fff;
	pointer-events: none;
	line-height: 1em;
}

.head_cont strong.fnone a img{ 
	width: 35px;
	margin: 3px 7px 0 0px;
}

/*----- ヘッダ見出し・サブ -----*/
header .head_in .head_title a {
    width: 350px;
    height: 100px;
    overflow: hidden;
}
header .head_in .head_title a img{
    width: 80%;
    margin-top: 17px;
}
header .head_in .head_title p,header .head_in h1{
    display:block;
    margin-top: 10px;
}
/*****グローバルメニュー****/
#menu{
    width: 100%;
    margin: 0 auto;
    background: #64ece6;/*７*/
    position: relative;
    z-index: 100;
}
#menu-inner{
    width: 1000px;/*１*/
    height: 40px;/*２*/
    margin: 0 auto;
}
#menu-btn{display: none;}
#menu-content{
    padding-left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    list-style-type: none;
}
#menu-content > li{
    position: relative;
    float: left;
    height: 100%;
    text-align: center;
    width: 14.2857142857%;
    z-index: 300;
}
#menu-content > li > a{
    position: relative;
    display: block;
    height: 100%;
    line-height: 40px;/*２*/
    background: #64ece6;/*９*/
    color: #333;/*10*/
    text-decoration: none;
    z-index: 2;
}
#menu-content > li > a:hover{
    background: #0491A2;/*11*/
    color: #fff;/*12*/
}
#menu-content > li > a > .blogicon-chevron-down{margin-right: 5px;}

/*サブコンテンツ*/
#menu-content > li > ul{
    background: #e6fffd;
    border: 5px solid #00B8B2;
}
#menu-content > li > ul.treat_menu,
#menu-content > li > ul.price_menu,
#menu-content > li > ul.otsuka_menu{
    height: 400px;
}
#menu-content > li > ul.bc_menu{
    height: 300px;
    width: 530px !important;
}
#menu-content > li > ul.process_menu,
#menu-content > li > ul.otsuka_menu{
    height: 220px;
}
#menu-content > li > ul.photo_menu{
    height: 380px;
}
#menu-content > li > ul.hos_menu{
    height: 365px;
}
#menu-content > li > ul.treat_menu{
    width: 990px;
}
#menu-content > li > ul.photo_menu{
    width: 990px;
    left: -285.7px;
}
#menu-content > li > ul.process_menu{
    width: 530px !important;
}
#menu-content > li > ul.price_menu{
    width: 990px;
    left: -571.4px;
}
#menu-content > li > ul.otsuka_menu{
    width: 530px !important;
    left: -255px;
}
#menu-content > li > ul.hos_menu{
    width: 530px !important;
    right: 0px;
}
#menu-content > li > ul > li{
    margin: 2% 25px;
}
#menu-content > li > ul.treat_menu > li,
#menu-content > li > ul.photo_menu > li,
#menu-content > li > ul.price_menu > li{
    width: 940px !important;
}
#menu-content > li > ul.bc_menu > li,
#menu-content > li > ul.process_menu > li,
#menu-content > li > ul.otsuka_menu > li,
#menu-content > li > ul.hos_menu > li{
    width: 475px !important;
}
#menu-content > li > ul > li strong a{
    display: block;
    margin: 25px 0 20px 0;
    font-size: 1.8em;
    text-align: left;
    border-bottom: 2px solid #0491A2;
    padding-bottom: 0.5%;
}
#menu-content > li > ul > li strong a::before{
    padding: 0 5px;
    color: #00B8B2;
    font-family: FontAwesome;
}
#menu-content > li > ul.treat_menu > li strong a::before{
    content: "\f0fa";
}
#menu-content > li > ul.bc_menu > li strong a::before{
    content: "\f004";
}
#menu-content > li > ul.photo_menu > li strong a::before{
    content: "\f030";
}
#menu-content > li > ul.process_menu > li strong a::before{
    content: "\f061";
}
#menu-content > li > ul.price_menu > li strong a::before{
    content: "\f157";
}
#menu-content > li > ul.otsuka_menu > li strong a::before{
    content: "\f0f0";
}
#menu-content > li > ul.hos_menu > li strong a::before{
    content: "\f0f8";
}
#menu-content > li > ul > li > dl{
    float: left;
    text-align: left;
    width: 100%;
}
#menu-content > li > ul.treat_menu > li > dl,
#menu-content > li > ul.photo_menu > li > dl,
#menu-content > li > ul.price_menu > li > dl {
    width: 20%;
}
#menu-content > li > ul > li > dl.map_r {
    width: 40%;
}
#menu-content > li > ul > li > dl.map_l {
    width: 60%;
    height: 0;
    padding-top: 100%;
    background: url('../images/bunner/map.png') 0 0 no-repeat;
    background-size: contain;
    position: relative;
}
#menu-content > li > ul > li > dl.bc_r {
    width: 60%;
}
#menu-content > li > ul > li > dl.bc_l {
    width: 40%;
}
#menu-content > li > ul > li > dl.map_l ul.otsuka_map li{
    position: absolute;
}
#menu-content > li > ul > li > dl.map_l ul.otsuka_map li.map01 {
    top: 78px;
    right: 35px;
}
#menu-content > li > ul > li > dl.map_l ul.otsuka_map li.map02{
    top: 141px;
    right: 35px;
}
#menu-content > li > ul > li > dl.map_l ul.otsuka_map li.map03{
    top: 164px;
    right: 35px;
}
#menu-content > li > ul > li > dl.map_l ul.otsuka_map li.map04{
    top: 187px;
    right: 35px;
}
#menu-content > li > ul > li > dl.map_l ul.otsuka_map li.map05{
    top: 130px;
    right: 198px;
}
#menu-content > li > ul > li > dl.map_l ul.otsuka_map li.map06{
    top: 153px;
    right: 198px;
}
ul.otsuka_map li.map01 a,
ul.otsuka_map li.map02 a,
ul.otsuka_map li.map03 a,
ul.otsuka_map li.map04 a,
ul.otsuka_map li.map05 a,
ul.otsuka_map li.map06 a{
    background-color: #00B8B2;
    border-radius:3px;
    color:#fff;
    padding:1px 5px;
}
ul.otsuka_map li.map01 a:hover,
ul.otsuka_map li.map02 a:hover,
ul.otsuka_map li.map03 a:hover,
ul.otsuka_map li.map04 a:hover,
ul.otsuka_map li.map05 a:hover,
ul.otsuka_map li.map06 a:hover{
    background-color: #0491A2;
}

#menu-content > li > ul > li > dl img{
    width:90%;
}
#menu-content > li > ul > li > dl > dt,
#menu-content > li > ul > li > dl > dd{
    padding: 5px 0;
    margin-left: 15px;
}
#menu-content > li > ul.bc_menu > li > dl > dt,
#menu-content > li > ul.process_menu > li > dl > dt,
#menu-content > li > ul.otsuka_menu > li > dl > dt,
#menu-content > li > ul.hos_menu > li > dl > dt{
    display:block;
}
#menu-content > li > ul.process_menu > li > dl > dd,
#menu-content > li > ul.otsuka_menu > li > dl > dd{
    float: left;
    width: 30%;
}
#menu-content > li > ul.hos_menu > li > dl > dd {
    width: 100%;
}
#menu-content > li > ul > li strong a:hover,
#menu-content > li > ul > li > dl > dd a:hover{
    opacity: 0.6;
}
#menu-content > li > ul > li > dl > dd a::before{
    content: "\f105";
    padding: 0 2.5%;
    color: #00B8B2;
    font-family: FontAwesome;
}
#menu-content > li > ul > li > dl > dt::before{
    content: "■";
    color: #0491A2;
    margin-right: 1%;
}
#menu-content > li > ul > li > dl > dt{
    font-size: 1.3em;
    border-bottom: 1px dashed #00B8B2;
    margin: 0 10px 15px 10px !important;
}
#menu-content > li > ul.bc_menu > li > dl > dt{
    margin: 0 0 15px 0 !important;
}
#menu-content > li > ul > li > dl > dd a{
    font-size: 1.1em;
}
/*２階層目*/
#menu-content > li > ul.second-content{
    visibility: hidden;
    position: absolute;
    top: 0;
    margin: 0;
    padding-left: 0;
    list-style-type: none;
    z-index: -1;
}
#menu-content > li:hover > ul.second-content{
    visibility: visible;
    top: 40px;/*2*/
    z-index: 1;
}
#menu-content > li > ul.second-content > li{
    text-align: center;
    width: 142.857142857px;
    height: 35px;/*５*/
    z-index: 200;
}
#menu-content > li > ul.second-content > li > a{
    display: block;
    line-height: 35px;/*５*/
    background: #00B8B2;/*13*/
    color: #fff;/*14*/
    text-decoration: none;
}
#menu-content > li > ul.second-content > li > a:hover{
    background: #0491A2;/*15*/
    color: #fff;/*16*/
}

#menu-content > li.menucont_sub{
    display: none;
}

/*******トグルメニューアイコン*********/

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#menu-content i.fa,#menu-btn i.fa{
    display: none;
}

/*------------- タイトル画像 -------------*/

.headimg {
    position: relative;
}

.headimg img.Indeximg {
    width:100%;
}

/*------------- メイン画像上コンバージョンボタン -------------*/

.headimg ul {
    display: block;
    position: absolute;
    top: 175px;
    font-size: 1.2em;
    margin: 0 0 0 50px !important;
    letter-spacing: 0.05em;
}

.headimg ul li {
    display: block;
    float:left;
    margin-right: 15px;
}

.but_pink01 a{
    position: relative;
    z-index: 50;
    line-height: 1.7em;
}

.headimg ul li.yoyaku a{
    padding: 7px 0px;
    margin-left: 41px;
}
.headimg ul li.net a{
    padding: 7px 50px;
}
.headimg ul li.yoyaku,.headimg ul li.net {
    width: 240px;
}

.headimg ul li.yoyaku::before,.headimg ul li.net::before {
    font-family: FontAwesome;
}

ul li.yoyaku::before,ul li.net::before {
    color: #fff;
    font-family: FontAwesome;
    top: 25%;
    display: block;
    width: 50%;
    position: absolute;
}

ul li.yoyaku::before {
    content: "\f108";
    left: 17px;
    top: 11px;
}

ul li.net::before {
    content: "\f086";
    left: 286px;
    top: 10px;
}

/*------------- スライダー幅 -------------*/
.flexslider_contents {
    width: 100%;
    overflow:hidden;
    margin: 0 auto 0 auto !important;
    background-image: url(../images/slider/slider_bg.png) !important;
    background-repeat:no-repeat !important;
    background-size: 100% 85% !important;
    background-position: top center !important;
    padding: 0 !important;
}

.flexslider {
    width: 95%;
    margin: 0 auto !important;
}

.flexslider .slides {
    width: 100%;
    margin: 0px auto 50px auto;
}

.flexslider .slides img {
    display: block;
    margin: 0 auto !important;
}

.flex-direction-nav a {
    top: 35% !important;
}

.flexslider .slides li {
    height: 0;
    padding-top: 45%;
    background-size: contain !important;
	overflow: hidden;
	display:block;
}

.flexslider .slides li.slide01 {
    background: url('../images/slider/slider1.png') 0 0 no-repeat;
}

.flexslider .slides li.slide02 {
    background: url('../images/slider/slider2.png') 0 0 no-repeat;
}

.flexslider .slides li.slide03 {
    background: url('../images/slider/slider3.png') 0 0 no-repeat;
}

.flexslider .slides li a { 
    display:block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 } 
.flexslider .slides li a span { visibility: hidden; } 

/*------------- ページトップ -------------*/
#page-top {
    width: 40px;
    text-align: center;
    position: fixed;
    bottom: 5%;
    right: 0;
    margin-right:5px;
    z-index: 300;
}

#page-top .page-top_in {
    width: 100%;
    overflow: hidden;
}

#page-top a.ptop {
    background-color: #0491A2;
    text-decoration: none;
    color: #fff;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    margin-top: 280px;
}

#page-top a.ptop:hover,#page-top a.tel:hover,#page-top a.reserve:hover {
    text-decoration: none;
    background-color: #00B8B2;
    color: #fff;
}

#page-top a.tel,#page-top a.reserve {
    background-color: #0491A2;
    text-decoration: none;
    color: #fff;
    width: 100%;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:  5px;
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    line-height: 40px;
    height:120px;
    box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    letter-spacing: 0.12em;
}
#page-top a.reserve_height {
    height:165px !important;
}
#page-top a.reserve:hover {
    background-color: #00B8B2;
    color: #fff;
}

.page-top_in a{
    margin: 0 0 10px 0;
}

#page-top .fa{
    color:#fff;
    margin-right: 1.5%;
}

/*------------- IE用アイコン回転制御 -------------*/


@supports (-ms-accelerator:true) {/* edge */
.page-top_in .fa {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
    transform: rotate(-90deg);
	}
}

@media all and (-ms-high-contrast:none){/* IE11 */
	*::-ms-backdrop, .page-top_in .fa {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
    transform: rotate(-90deg);
	}
}

@media all and (-ms-high-contrast:none){/* IE10以下 */
	*::-ms-backdrop, .page-top_in .fa {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
    transform: rotate(-90deg);
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {/* safari */
  ::i-block-chrome, .page-top_in .fa {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
    -webkit-transform: rotate(-90deg);
  }
}

/*------------- フッター -------------*/
footer { 
  width: 100%;
  background-color: #00B8B2;
}

.footer_in { 
  width: 1000px;
  margin:0 auto;
  overflow: hidden;
}

.footer_in p.subtitle{ 
  color:#fff;
  margin: 4% 0 0.5% 1%;
  font-size: 1.4em;
  display: block;
}

.footer_in hr {
    border-top: 3px dotted #777;
    margin: 10px 0;
    clear: both;
}
.footer_in .Time {
    float:left;
    display:block;
    color: #fff;
    margin: 10px 20px 20px 7px;
    font-size: 1.2em;
}

.footer_in strong.fnone {
    display: block;
}

.footer_in strong.fnone a{
	font-size: 4.5em;
	color:#fff;
	pointer-events: none;
	line-height: 1em;
}

.footer_in strong.fnone a img{ 
	width: 60px;
	margin: 12.5px 10px 0 10px;
}

.footer_in ul{ 
  width: 95%;
  margin: 0 auto 5% auto;
  overflow: hidden;
  position: relative;
  top: -60px;
}

.footer_in ul li{ 
  width: 20%;
  margin:0 auto;
  float:left;
}

.footer_in ul li strong a{ 
  font-weight:bold;
  color:#fff;
  font-size:1.2em;
  margin-bottom: 5%;
  display: block;
}

.footer_in ul li strong a.up{ 
  margin-top: 8%;
}


.footer_in ul li strong a:before{ 
    content: "■";
    color: #b8f9f6;
    margin-right: 1%;
}

.footer_in ul li p a{ 
  color:#fff;
  margin:0 0 4% 10%;
  display: block;
}

/*----- フッターSNS -----*/

.footer_in ul.sns_ico{ 
  margin: 0.5% auto 2% auto;
  position: absolute;
  right: 30px;
  width: 15%;
}

/*----- フッターポリシー -----*/

.policy,.foot_ssl {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    line-height: 1.6em;
    font-size: 1.2em;
    color: #fff;
    padding-bottom: 20px;
}
.policy a { 
  color: #fff !important;
}
.footer_in a:hover,.head_cont a:hover { 
  opacity:0.6;
}
.policy span{ 
  margin:0 0 0 20px;
}
.policy span:before{ 
	margin-right: 0.7% !important;
}
/*----- フッターSSL -----*/
.foot_ssl {
    padding: 1% 0 3% 0;
    width: 800px;
}
.foot_ssl span.ssltext {
    padding: 11px 0px 0px 0px !important;
    display: block;
    float: left;
}
/*----- フッターサークル -----*/
.footer_in .circle_icobut {
    width:40%;
    float: right;
    position: relative;
    top: -150px;
    left: 40px;
}

.footer_in .circle_icobut p {
    text-align: center;
}

.footer_in .circle_icobut p:hover {
}

.footer_in .circle_icobut p::before {
    color:#f68094;
    font-size:3em;
    font-family: FontAwesome;
    display: block;
}

.footer_in .circle_icobut p:hover::before {
    color:#fff;
}

.footer_in .circle_icobut p.circle01,.footer_in .circle_icobut p.circle02,.footer_in .circle_icobut p.circle03 {
    margin-top: 16px;
}

.footer_in .circle_icobut a{
    display: block;
    overflow: hidden;
    float: left;
    background-color:#fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 113px;
    height: 113px;
    margin-right: 10px;
}

.footer_in .circle_icobut a:hover{
    background-color:#f68094;
    color:#fff;
}

.footer_in .circle_icobut p.circle01::before {
    content: "\f086";
}

.footer_in .circle_icobut p.circle02::before {
    content: "\f108";
}

.footer_in .circle_icobut p.circle03::before {
    content: "\f02d";
}
.footer_in .circle_icobut p span.font {
    display: block;
    font-size: 0.85em;
    margin-bottom: 0.3em;
}

/*----- フッター関連リンク -----*/
.footer_link {
    display: block;
    width:100%;
    padding:2% 0;
    background-color:#0491A2;
    color:#fff;
    margin-bottom:2%;
}
.footer_link .footer_link_in {
    display: block;
    width:1000px;
    margin:0 auto;
    overflow: hidden;
}
.footer_link_in strong {
    font-size:1.2em;
    line-height:1.8em;
    font-weight:bold;
    display:block;
}
.footer_link_in span {
    font-size:1em;
    line-height:1.6em;
    display:block;
    float: left;
}
.footer_link_in span a {
    color: #fff;
    text-decoration: underline;
}
.footer_link_in span::after {
    content: "｜";
    color: #fff;
}
.footer_link_in span:last-child::after {
    content: "";
}
/*--------------------------------------------------------
トップページコンテンツ
-------------------------------------------------------*/

/*----- メインバナー -----*/
.main_bunner{ 
  width: 1000px;
  overflow: hidden;
  position: relative;
  bottom: 140px;
  z-index: 10;
  margin:0 auto;
  height: 200px;
}

.main_bunner a{ 
  display:block;
  float:left;
  width: 40%;
  margin: 0 5%;
}

.main_bunner a img{ 
  width: 100%;
}

/*----- メインメニューリスト -----*/

section.menulist{ 
  background-color:#fff;
  margin: 50px auto;
  padding: 0;
  width: 100%;
  position: relative;
  z-index: 5;
}

section.menulist h2,section.popularlist h2,section.otsuka_cont h2,section.pickup_cont h2,section.blog_cont h2,section.photo_cont h2,section.news_cont h2,section.newsurgery_cont h2,section.up_cont h2,section.shop_cont h2{ 
    color: #00B8B2;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 2.5em;
    padding: 0 0 0.2em 0;
    margin: 0 auto 1em auto;
    width: 1000px;
    border-bottom: dotted #ddd;
}

section.menulist ul,section.popularlist ul,section.otsuka_cont ul,section.blog_cont ul,#photo ul{ 
  width:1000px;
  margin: 30px auto;
}
section.menulist ul li{ 
  width:230px;
  float:left;
  margin:0 10px;
}
section.menulist ul li strong.face,
section.menulist ul li strong.body,
section.menulist ul li strong.skin,
section.menulist ul li strong.other,
#contents_left ul li.face,
#contents_left ul li.body,
#contents_left ul li.skin,
#contents_left ul li.other{
    background-repeat:no-repeat !important;
    background-size: 100% !important;
    background-position:center center !important;
    height: 60px;
    line-height: 60px;
    margin: 10px 0;
    font-size: 1.6em;
    padding: 0 20px;
    font-weight: normal;
}

section.menulist ul li strong.face,#contents_left ul li.face{ 
    background-image: url(../images/top/cont_face.jpg) ;
}

section.menulist ul li strong.body,#contents_left ul li.body{ 
    background-image: url(../images/top/cont_body.jpg) ;
}

section.menulist ul li strong.skin,#contents_left ul li.skin{ 
    background-image: url(../images/top/cont_skin.jpg) ;
}

section.menulist ul li strong.other,#contents_left ul li.other{ 
    background-image: url(../images/top/cont_other.jpg) ;
}

#contents_left ul li.year{ 
    padding: 7px 0 3px 10px;
    font-size: 1.2em;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 5px;
}

#contents_left ul li.year a{ 
    margin: 0 0 0 -8px;
}

#contents_left ul li.year a:hover{ 
    background: #c4f9f7;
}

#contents_left ul li.year a:before{ 
    content: "\f138" !important;
    padding: 0 5px;
    color: #008B8B;
    font-family: FontAwesome;
    display: block;
    float: left;
}

section.menulist ul li a{ 
  display:block;
  font-size: 1.2em;
  padding: 5px 20px;
  height: 30px;
  line-height: 30px;
}

section.menulist ul li a:hover,#contents_left ul li a:hover{ 
  background-color:#b8f9f6;
  color:#000;
}

section.menulist ul li strong{ 
  display:block;
  height:50px;
}

section.menulist ul li p{ 
  display:block;
  height: 40px;
  line-height: 30px;
  border-top: #ddd solid 1px;
  border-left: #ddd solid 1px;
  border-right: #ddd solid 1px;
}

section.menulist ul li p.bottom{ 
  border: #ddd solid 1px;
}

/*------------- メインメニューリスト下・麻酔について＆未成年者の方へ -------------*/
.menulist_subcont{ 
  width:1000px;
  overflow: hidden;
  padding: 50px 0 0 0 !important;
  margin: 0 auto;
}
.menulist_subcont p{ 
  width:25%;
  float:left;
}
.menulist_subcont p a{ 
  font-size: 1.25em;
}
/*------------- 最新治療 -------------*/
section.newsurgery_cont{ 
  margin: 0 auto;
  padding: 50px 0;
  clear: both;
  overflow: hidden;
}
section.newsurgery_cont .bun{ 
  width:1000px;
  text-align: center;
  margin: 30px auto 0 auto;
}
section.newsurgery_cont img {
    border: 1px solid #ddd;
}
/*------------- 人気の施術バナー -------------*/
section.popularlist{ 
  margin: 0 auto;
  padding: 50px 0;
  clear: both;
  overflow: hidden;
}
section.popularlist ul li{ 
  width:30%;
  float:left;
  margin: 0 1.66718%;
}
section.popularlist ul li a,section.popularlist ul li a img{ 
  width:100%;
}
/*------------- 大塚美容のおすすめコンテンツバナー -------------*/
section.otsuka_cont{ 
  margin: 0 auto;
  padding: 50px 0;
  clear: both;
  overflow: hidden;
}
section.otsuka_cont ul li{ 
  width:22%;
  float:left;
  margin: 0 1.5%;
}
section.otsuka_cont ul li a,section.otsuka_cont ul li a img{ 
  width:100%;
}
section.otsuka_cont ul li a img,section.blog_cont ul li a img{ 
    border: 1px solid #ddd;
}
/*------------- 症例写真コンテンツ -------------*/
section.photo_cont h2 {
    font-family: 'Raleway', sans-serif;
}
section.photo_cont{ 
  margin: 0 auto;
  padding: 50px 0;
  width: 100%;
}
section.photo_cont p.subtex,section.menulist p.subtex,section.news_cont p.subtex,.newsurgery_cont ul{ 
  width: 1000px;
  margin: 10px auto 0 auto;
  text-align: center;
  font-size: 1.3em;
  letter-spacing: 0.1em;
}
section.photo_cont ul{ 
    background-color: transportant !important;
}
section.photo_cont ul li{ 
    height: auto;
    padding: 5px 5px 22% 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:  5px;
    background-color: #ecf9fb;
    margin: 0 4%;
}
section.photo_cont ul li strong{ 
  display:block;
  margin: 15px 0 0 0;
  font-size: 1.3em;
}
section.photo_cont ul li i.yaji{ 
  width:10%;
  position: absolute;
  top: 32.5%;
  z-index: 10;
  left: 45%;
  color: #fc4e9c;
  font-size:1.1em;
}
section.photo_cont ul li img{ 
  float:left;
  width:40%;
  margin: 3% 5%;
  position: relative;
}
section.photo_cont ul li b{ 
  line-height: 1.6em;
  text-align: left;
  display: block;
  margin-left: 5px;
}
section.photo_cont ul li p{ 
  font-size: 0.9vw;
  background-color:#00B8B2;
  margin: 5% auto;
  width: 70%;
  padding: 5px 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:  5px;
    position: absolute;
    left: 15%;
    bottom:0;
}
section.photo_cont ul li p:hover {
    background-color: #0491A2;
}
section.photo_cont ul li p a{ 
  color:#fff;
}
section.photo_cont ul li p a span:before{ 
  margin-left: 3%;
  content:""
}
/*------------- Seasonal Recommendedコンテンツ -------------*/
section.pickup_cont h2 {
    font-family: 'Raleway', sans-serif;
}
section.pickup_cont{ 
  margin: 0 auto;
  padding: 50px 0;
  width: 100%;
}
/* display none until init */
.owl-carousel{
	width: 1000px;
	margin: 30px auto 0 auto !important;
}
.owl-wrapper-outer li{ 
  text-align: center;
  overflow: hidden;
  background-color: #fff;
  height:auto;
  padding: 0 0 70px 0;
}
.owl-wrapper-outer li img{ 
  width: 90%;
}
.pickup_cont .owl-wrapper-outer li {
    background-color: transparent;
    padding: 0;
}
.pickup_cont .owl-wrapper-outer li img{ 
    border: 1px solid #ddd;
}
/*------------- PICK UPコンテンツ -------------*/
section.up_cont h2 {
    font-family: 'Raleway', sans-serif;
}
section.up_cont{ 
  margin: 0 auto;
  padding: 50px 0;
  width: 100%;
}
section.up_cont ul{ 
  width:1000px;
  margin: 30px auto 0 auto !important;
}
section.up_cont ul li,section.shop_cont ul li{ 
  width:50%;
  float:left;
}
section.up_cont ul li img,section.shop_cont ul li img{ 
  width:95%;
  margin: 0 auto 1px auto;
  border: 1px solid #ddd;
}
/*------------- ドクターブログ -------------*/
section.blog_cont{ 
  margin: 0 auto;
  padding: 50px 0;
  clear: both;
  overflow: hidden;
}
section.blog_cont ul{ 
  width: 1000px;
  margin: 30px auto 0 auto !important;
}
section.blog_cont ul li{ 
  width: 30%;
  float: left;
  margin: 0 1.66718%;
}
section.blog_cont ul li a,section.blog_cont ul li a img{ 
  width:100%;
}
/*------------- オンラインショップ -------------*/
section.shop_cont ul{ 
  width:700px;
  margin: 30px auto 0 auto !important;
}
section.shop_cont{ 
  background-color: #fff;
  margin: 0 auto;
  padding: 50px 0;
  clear: both;
  overflow: hidden;
}
section.shop_cont ul li a img{ 
  border: 1px solid #ddd;
}
/*------------- 新着情報 -------------*/
section.news_cont{
  margin: 0 auto;
  padding: 50px 0;
  clear: both;
  overflow: hidden;
  width:1000px;
}
section.news_cont .news_topic{
  width: 100%;
  border:0px;
  clear:both;
}
section.news_cont ul.osusume{
  width: 1000px;
  margin: 30px auto 0 auto !important;
}
section.news_cont ul.osusume li{
  width: 50%;
  float: left;
}
section.news_cont ul.osusume img{
  width: 95%;
    border: 1px solid #ddd;
}
.news_topic ol li p {
    width: 60px;
    text-align: center;
    float: left;
    margin-top: 0.3%;
}
/*Firefox*/
@-moz-document url-prefix() {
  .news_topic ol li p {
    width: 70px;
    padding:0.1% 1.5%;
    margin-top: 0.4%;
  }
}

/*Chrome*/
    @media screen and (-webkit-min-device-pixel-ratio:0) {
     .news_topic ol li p {
    width: 70px;
    padding:0.1% 1.5%;
     }
    }


@media screen and (-webkit-min-device-pixel-ratio:0) {/*Safari*/
  ::i-block-chrome, .news_topic ol li p {
    width: 70px;
    padding:0.1% 1.5%;
}
}

.news_topic ol li span{
    width: 110px;
    float:left;
}

/*Firefox*/
@-moz-document url-prefix() {
  .news_topic ol li span {
    width: 80px; 
  }
}

/*Chrome*/
    @media screen and (-webkit-min-device-pixel-ratio:0) {
     .news_topic ol li span {
    width: 120px; 
     }
    }

/*Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .news_topic ol li span {
    width: 250px;
}
}
/*-------------------------- サイドメニューコンテンツ --------------------------*/

#contents_left strong{
  font-size: 1.5em;
  display: block;
  margin-top: 16%;
  overflow: hidden;
  background-color: #00B8B2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:  5px;
  text-align: center;
  padding: 5% 0;
  color: #fff;
}

#contents_left strong a{
    color:#fff;
    display: block;
}
#contents_left strong:hover{
    background: #0491A2;
}
#contents_left ul li{
  margin: 0;
  clear:both;
  overflow:hidden;
}

#contents_left ul li a{
  display:block;
  padding: 3.2% 0% 3% 0%;
  margin: 0.7% 3%;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  overflow: hidden;
}

#contents_left ul li a:before{
  padding: 0 5px;
  color: #00B8B2;
  content: "\f105";
  font-family: FontAwesome;
  display: block;
  float: left;
}

#contents_left ul li a i{
  display: block;
  float: left;
  width: 90%;
  line-height: 1.5em;
}

/*-------------------------- メインコンテンツ --------------------------*/

#contents_right_in .sub_cont_text,#contents_right_in .sub_cont_text_cen{
  display:block;
  overflow: hidden;
  margin:0 0 30px 2%;
  line-height: 1.7em;
  font-size:1.2em;
  letter-spacing:0.05em;
}

#contents_right_in .sub_cont_text_cen{
  margin:0 auto !important;
}

#contents_right_in .sub_cont_text p{
  margin-bottom: 15px;
  line-height: 1.55em !important;
}


#contents_right_in .sub_cont_text p.caution{
  margin-bottom: 5px !important;
}

/*------------- 文章8、写真2(写真右寄せ) -------------*/
.sub_cont_text div.sub_80per_l{
  display:block;
  overflow: hidden;
  width: 76%;
  float: left;
  margin-right: 2%;
}

.sub_cont_text .img_20per_l{
  width:20%;
  float: right;
  clear: both;
}

/*------------- 文章8、写真2(写真左寄せ) -------------*/
.sub_cont_text div.sub_80per_r{
  display:block;
  overflow: hidden;
  width: 76%;
  float: right;
  margin-left: 2%;
}

.sub_cont_text .img_20per_r{
  width:20%;
  float: left;
  clear: both;
}

/*------------- 文章7、写真3(写真右寄せ) -------------*/
.sub_cont_text div.sub_70per_l{
  display:block;
  overflow: hidden;
  width: 66%;
  float: left;
  margin-right: 2%;
}

.sub_cont_text .img_30per_l{
  width:30%;
  float: right;
  clear: both;
}

/*------------- 文章7、写真3(写真左寄せ) -------------*/
.sub_cont_text div.sub_70per_r{
  display:block;
  overflow: hidden;
  width: 66%;
  float: right;
  margin-left: 2%;
}

.sub_cont_text .img_30per_r{
  width:30%;
  float: left;
  clear: both;
}

/*------------- 文章6、写真4 (写真右寄せ) -------------*/
.sub_cont_text div.sub_60per_l{
  display:block;
  overflow: hidden;
  width: 56%;
  float: left;
  margin-right: 2%;
}

.sub_cont_text .img_40per_l{
  width:40%;
  float: right;
}

/*------------- 文章6、写真4 (写真左寄せ) -------------*/
.sub_cont_text div.sub_60per_r{
  display:block;
  overflow: hidden;
  width: 56%;
  float: right;
  margin-left: 2%;
}

.sub_cont_text .img_40per_r{
  width:40%;
  float: left;
}


/*------------- 文章5、写真5 (写真右寄せ) -------------*/
.sub_cont_text div.sub_50per_l{
  display:block;
  overflow: hidden;
  width: 46%;
  float: left;
  margin-right: 2%;
}

.sub_cont_text .img_50per_l{
  width:50%;
  float: right;
}

/*------------- 文章5、写真5(写真左寄せ) -------------*/
.sub_cont_text div.sub_50per_r{
  display:block;
  overflow: hidden;
  width: 46%;
  float: right;
  margin-left: 2%;
}

.sub_cont_text .img_50per_r{
  width:50%;
  float: left;
}

/*------------- 2段組みから1段組へ変更する -------------*/
.set_2to1{
  width:100%;
}
.set_2to1_in{
  width:48%;
  float:left;
  margin:0 1%;
}

.set_2to1_in img.photo{
  width:95%;
  margin: 0 auto;
  display: block;
}

/*------------- テーブル -------------*/
table{
  width:95%;
  margin:20px 2.5% !important;
}

td,th{
  padding:1.5% 3% !important;
  border: 1px solid #ccc;
}

td.bg03,td.t_bg{
  width:25%;
}

/*------------- 分割系ul -------------*/
ul.four,ul.three,ul.three_bun,ul.four_bun,ul.four,ul.two,ul.three_two,ul.five{
	display:block;
	overflow:hidden;
	clear: both;
}

ul.four li,ul.three li,ul.three_bun li,ul.four_non,ul.four_bun li,ul.two li,ul.three_two li,ul.five li{
	display:block;
	float:left;
	overflow:hidden;
	text-align: center;
}
/*------------- ul5分割から3分割へ -------------*/
ul.five li{
	width:20%;
	font-size: 1vw;
	margin-bottom: 0.5%;
}
/*------------- ul4分割から1分割へ -------------*/
ul.four_non li{
	width:25%;
	font-size: 1vw;
	margin-bottom: 0.5%;
	float: left;
}
/*------------- ul4分割から2分割へ -------------*/
ul.four_bun li,ul.four li.bc,ul.four li.ico{
	width:25%;
	font-size: 1vw;
	margin-bottom: 0.5%;
}
/*------------- ul3分割から1分割へ（タブレット1）、ul3分割から1分割へ（タブレット3） -------------*/
ul.three li,ul.three_bun li,ul.three_two li{
	width:33.33333%;
}
ul.three li,ul.three_bun li a,ul.three_two li a{
	padding: 0%;
}
/*------------- ul2分割から1分割へ -------------*/
ul.two li{
	width:50%;
}

ul.two li a.left{
	margin-right:1%;
}

ul.two li a.right{
	margin-left:1%;
}
/*------------- 画像の幅変更：70％から90％に -------------*/
.wi_imgmov01{
	width:70%;
	margin:0 auto;
}
/*------------- 画像の幅変更：35％から60％に -------------*/
.wi_imgmov02{
	width:35%;
	margin:0 auto;
}
/*------------- 画像の幅変更：50％から80％に -------------*/
.wi_imgmov03{
	width:50%;
	margin:0 auto;
}
/*------------- 大塚美容について 基本理念 -------------*/
a.but_con,a.but_doc{
	display: block;
	text-align: center;
	height: 50px;
	line-height: 50px;
	float: left;
	margin: 1% 1% 3% 1%;
}

a.but_con{
	width: 18%;
}

a.but_doc{
	width: 23%;
}
/*------------- 大塚美容が支持される理由 -------------*/
ul.reason li.leftside{
	float: left;
	margin: 0 0.5% 2% auto;
}

ul.reason li.rightside{
	float: right;
	margin: 0 auto 2% 0.5%;
}

/*-----前院長------*/
.sub_cont_text div.sub_75per_r{
  display:block;
  overflow: hidden;
  width: 71%;
  float: right;
  margin-left: 2%;
}

.sub_cont_text .img_25per_r{
  width:25%;
  float: left;
  clear: both;
}

/*------------- ページ下部コメント欄 -------------*/
div.under_comment{
  width: 98%;
}

/*------------- サイトマップ、診療内容一覧 -------------*/
ul.sitemap,ul.lineup{
  width:90%;
  display:block;
  margin:0 auto;
  overflow: hidden;
}

ul.sitemap{
  margin:10px auto 40px auto !important;
}

ul.sitemap li,ul.lineup li{
  width: 33.33333333%;
  float:left;
  display: block;
}

ul.sitemap li{
  margin: 4px 0 0 0;
}

ul.lineup li{
  margin: 10px 0 50px 0;
}

ul.lineup li h3{
  display: block;
  margin: 0 auto 12px auto;
  width: 90%;
  border: 1px solid #ccc !important;
  padding: 10px 5px !important;
  overflow: hidden;
  line-height: 50px;
  background-color: #effffe;
}

ul.lineup li h3:hover{
  border-bottom: 4px  solid #ccc !important;
  background-color: #fef4f5;
}

ul.lineup li h3:before,ul.lineup li h4:after{
  width: 0px !important;
  height: 0px !important;
  background: transportant !important;
}

ul.lineup li h3 img {
    display: block;
    float: left;
    margin: 0 0 0 -5px;
}

ul.lineup li h3 a {
  line-height: 50px;
  font-size: 0.95em;
}

ul.lineup li h3 a:before{
  content:"" !important;
  margin: 0 0 0 3%;
}

ul.lineup li h5{
  display: block;
  margin: 12px 0 5px 15px;
  width:80%;
  font-size:1.2em;
  color: #0491A2;
  font-weight:bold;
}

ul.lineup li a{
  display: block;
  font-size:1.2em;
  line-height: 1.8em;
  margin-left: 10px;
}

ul.lineup li a.end{
  margin-bottom:30px;
}

ul.lineup li a:before,ul.sitemap li a:before{
  content:"\f105";
  margin:0 2% 0 4%;
  color:#00B8B2;
  font-family: FontAwesome;
}

/*------------- ビューティーコロシアム -------------*/
.bc_bun_10,.bc_bun_20,.bc_bun_30,.bc_bun_40,.bc_bun_50{
    height: 0;
    padding-top: 21.7391304%;
    background-size: contain !important;
    position: relative;
    margin: 20px auto;
    display: block;
    border: 1px solid #ddd;
}

.bc_bun_10{
    background: url('../images/bc/bc_but10.png') 0 0 no-repeat;
}

.bc_bun_20{
    background: url('../images/bc/bc_but20.png') 0 0 no-repeat;
}

.bc_bun_30{
    background: url('../images/bc/bc_but30.png') 0 0 no-repeat;
}

.bc_bun_40{
    background: url('../images/bc/bc_but40.png') 0 0 no-repeat;
}

.bc_bun_50{
    background: url('../images/bc/bc_but50.png') 0 0 no-repeat;
}

.bc_bun_10 strong,.bc_bun_30 strong,.bc_bun_50 strong,.bc_bun_20 strong,.bc_bun_40 strong{
    position: absolute;
    font-size: 2em;
}

.bc_bun_10 strong,.bc_bun_30 strong,.bc_bun_50 strong{
    top: 35%;
    right: 15%;
}

.bc_bun_20 strong,.bc_bun_40 strong{
    top: 35%;
    left: 10%;
}

.bc_bun_10 span,.bc_bun_20 span,.bc_bun_30 span,.bc_bun_40 span,.bc_bun_50 span{
    position: absolute;
    font-size: 1.3em;
}

.bc_bun_10 span,.bc_bun_30 span,.bc_bun_50 span{
    top: 60%;
    right: 13%;
}

.bc_bun_20 span,.bc_bun_40 span{
    top: 60%;
    left: 10%;
}

/*年代別一覧*/
.list_images{
    width: 40%;
    margin:0 2.5%;
    border: 1px solid #ddd;
    padding: 3px;
    background-color: #fff !important;
}

.ts_pos {
    float:right;
    width: 120px;
}

.yaji{
   position:absolute;
   top:50%;
   left: 47%;
   font-size: 1.5em !important;
   color: #f68094;
}

.four_font{
   font-size: 1vw !important;
   font-size: 0.9em\9 !important;/* IE9 */
}

.sample {
  color: red\9;
}

@media all and (-ms-high-contrast:none){/*IE10以降*/
.four_font{
   font-size: 0.9em !important;
}
}

/*年代別一覧改訂版*/
.list_images_gal{
    width: 80%;
    margin:0 2.5%;
    border: 1px solid #ddd;
    padding: 3px;
    background-color: #fff !important;
}
ul.lineup_list li span.se {
    width: 535px !important;
}

/*個人のページ*/
.main_images{
    width: 100%;
    text-align:center;
}

.main_images .images_yaji {
    position: absolute;
    top:50%;
    left: 49.3%;
    font-size: 3em !important;
    color: #f68094;
}

.main_images img{
    width: 30%;
    margin: 0 5%;
}

/*術前コメント*/
.comment_dodai{
  width:90%;
}

.maru_dodai{
  left: -30px;
  top: -20px;
  width: 100px;
  height: 100px;
}

.maru_dodai .topspace{
    margin-top: 24px;
}

.width_right{
    width:90%;
    margin: 0 0 1% 10%;
    display:block;
}

/*BC施術一覧*/
ul.lineup_list li div.button {
    width: 80px;
    float: left;
}

ul.lineup_list li span {
    width: 408px;
}

/*BC ビフォー・アフター*/
ul.ba_list li i.images_go {
    left: 49.2%;
}

ul.ba_list li i.images_go02 {
    left: 34%;
}

ul.ba_list li i.images_go03 {
    left: 64.9%;
}

ul.ba_list li i.images_go04 {
    top: 45% !important;
    left: 49%;
}
ul.ba_list li i.images_go05 {
    left: 49.55%;
}

ul.ba_list li div.pic_cen{
    width: 85%;
    vertical-align: middle;
    display: table-cell;
}

ul.ba_list li div.pic_cen2{
    width: 100%;
    font-size: 0.9em;
}

ul.ba_list li.full .frame p.bd_03_01,ul.ba_list li.full .frame p.bd_03_02,ul.ba_list li.full .frame p.bd_03_03{
	width: 30%;
	margin-bottom: 0 !important;
	display: inline-block;
}
ul.ba_list li.full .frame p.bd_03_01 img,ul.ba_list li.full .frame p.bd_03_02 img,ul.ba_list li.full .frame p.bd_03_03 img{
	width: 90%;
}

/*------------- ツイッター＆Facebook -------------*/
#fb-root,#twitter-widget-0{
    display: block !important;
    margin-top: 20px !important;
}
/*------------- インスタグラム -------------*/
div.instagram{
    display: block;
    width:200px;
    margin-top:30px;
}

div.instagram img{
    width: 96.2%;
    border: 1px solid #ccc;
    padding: 3px;
    background-color: #fff !important;
}

div.instagram p{
    font-size:1.2em;
    text-align: center;
    margin-top: 2%;
}

/*------------- SNSボタン -------------*/
div.main_bunner #socialbuttons{
    position: absolute;
    top: 160px;
    right: 20px;
}

/*!---------- 症例写真トップonmouse ----------*/
.image-tile {
    width: 33.33333%;
    float:left;
}

figure {
    width: 85%;
    margin: 0 auto;
}

/*  以下、症例写真 STYLE  */

.four .but_pink01 {
    float: right;
    padding: 4px 15px 2px 15px;
    letter-spacing: 0.01em;
    width: 70%;
}
.four .but_pink01 span{
	display:block;
}

/* ピックアップ症例 */
div.pickup {
    background-color: #f68094;
    padding: 3px 8px;
    font-size: 0.9em;
    color: #fff;
    margin: 1.5% 0 1.5% 2%;
}

/* 見出し */
.layout-2col h2 {
    color: #fff;
    text-align: center;
    font-size: 1.6em;
    width: 100%;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    line-height: 1;
    margin: 0px auto 10px !important;
    padding: 15px 0px 10px 0px !important;
    box-shadow: 0 1px 3px #ccc;
    background-image: -webkit-linear-gradient(#01a9a9, #008B8B);
    background-image: -moz-linear-gradient(#01a9a9, #008B8B);
    background-image: -o-linear-gradient(#01a9a9, #008B8B);
    background-image: -ms-linear-gradient(#01a9a9, #008B8B);
    background-image: linear-gradient(#01a9a9, #008B8B);
    background: #008B8B;
}

/*--------------------------------------------------------------------------------
 各コンテンツ 施術一覧 CONTENTS SURGERY LIST
 -------------------------------------------------------------------------------*/

div.contents_list,.about {
    width: 670px;
    padding: 15px;
    background: #fef4e9;
    font-size: 12px;
    overflow:hidden;
}

div.contents_list h3 {
	display: block;
	margin-bottom:10px;
	padding-bottom: 2px;
	font-size:16px;
	color:#333;
	border-bottom: 1px dotted #CCC;
	letter-spacing: 0.02em;
}

a.smtpink {
    margin: 10px 13px 10px 0;
    display: inline-block !important;
    padding: 5px 10px;
    float: right;
}

ul.trouble_list,ul.surgery_list{
	display: block;
	margin-left: 10px;
}

ul.trouble_list{
	margin-top: 10px;
}

ul.surgery_list{
	padding: 0px 0px 0px 0px;
}

ul.trouble_list li{
	float:left;
	display: block;
	margin-bottom: 7px;
}

ul.trouble_list li.line{
	margin: 0px 10px 7px 0px;
	border-right:none !important;
}

ul.surgery_list li a,ul.surgery_list li a:hover{
	float:left;
	display: block;
	margin: 0px 20px 7px 0px;
	letter-spacing: 0.03em;
	padding:3px 10px;
	color:#fff;
	display:block;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */
	-o-border-radius:3px; /* Opera */
	-ms-border-radius:3px; /* Internet Explorer */
}

ul.surgery_list li a{
	background-color: #20B2AA;
}

ul.surgery_list li a:hover{
	background-color: #016460;
}

/* 強調文字囲み */
.highlighted{
	overflow: auto;
	overflow-x: auto;
	overflow-y: auto;
	line-height: 1.6;
	color: #016460;
	text-align:center;
	border:1px solid #E8F7F9;
	width: auto;
	height: auto;
	margin-bottom: 15px;
	padding: 10px;
	margin-top: 10px;
	letter-spacing: 0.02em;
	line-height: 1.6em;
	font-size: 18px;
	background-size: 8px 8px;
	background-color: #FFF;
	background-image: linear-gradient(
    -45deg,
    #fff 25%,
    #E8F7F9 25%, #E8F7F9 50%,
    #fff 50%, #fff 75%,
    #E8F7F9 75%, #E8F7F9
  );
}

/* 症例写真トップへボタン 文字制御 */

ul.main_but {
    overflow: hidden;
    text-align: center;
}

.talk_but a span {
    margin-top: 12px;
    font-size: 1.8em;
    margin: 0 auto;
    overflow: hidden;
    line-height: 55px;
}

ul.main_but li {
    width: 50%;
    height: 50px;
    font-size: 0.8em;
    display: block;
    float: left;
    padding: 3px 0;
}

ul.main_but li a{
    width: 90%;
    height: 100%;
    padding: 0px;
    color: #fff !important;
    background-color: #12B5B0;
    display: block;
    font-size: 1.7em;
    margin: 0 auto;
    line-height: 3em;
}

/*--------------------------------------------------------------------------------
 各コンテンツ 施術写真 CONTENTS SURGERY PHOTO
 -------------------------------------------------------------------------------*/
 
.casephoto {
    border: 1px solid #CCC;
    padding: 30px 0px;
    overflow: hidden;
    margin: 0 auto 5% auto;
    width: 680px;
    color:#555;
}
.casephoto ul {
    list-style: none outside none;
    display: block;
    margin: 0 auto 20px auto;
    padding: 0;
    text-align: center;
}

.casephoto ul li,.entity_lotate {
    display: inline-block;
    margin: 0 5px;
    padding: 5px;
    vertical-align: middle;
    font-size: 2.5em !important;
    color: #e4566f;
    text-align: center;
}

.casephoto ul li.right {
    float:right; !important;
}

.casephoto ul li.entity_hidden {
    display:none !important;
}

.casephoto ul li span.before,.casephoto ul li span.after,.case_after{
    display:block;
    width:180px;
    padding:5px 10px;
    position: relative;
    font-size:14px !important;
    letter-spacing:0.1em;
    margin: 10px auto 0px auto;
    text-align:center;
}

.casephoto ul li span.before{
    background-color:#e4d2be;
    color:#333;
}

.casephoto ul li span.after,.case_after{
    background-color:#f68094;
    color:#fff;
}

.casephoto p{
    padding: 10px 25px;
    font-size:14px;
    line-height:1.6em;
    letter-spacing:0.03em;
}

/* PC用 */

.casephoto div{
    display:inline-block;
    font-size: 1.3em;
    line-height: 1.5em;
}

.casephoto div.subt{
    margin-left:3%;
    margin-top: 2%;
    width: 30%;
}

.casephoto div.subt_long{
    margin-left:3%;
    margin-top: 2%;
    width:100%;
}

.casephoto div.subtt{
    width:100%;
    margin-left:3%;
}

.casephoto div.subc{
    width:65%;
}

.casephoto div.subf{
    font-size: 14px;
    line-height: 1.6em;
    letter-spacing: 0.03em;
    margin: 10px 20px 10px 20px;
}

.casephoto div.subc a:before{
	content: "\f138";
	margin: 0 1.5% 0 0;
	font-family: FontAwesome;
}

.casephoto div.doctor{
    float:left;
    margin: 0px 0px 3% 2%;
    width: 23%;
}

.casephoto div.doctor img,.casephoto div.doctor span{
    line-height:1.4em;
    width: 70%;
}

.casephoto .doc_com{
    padding: 0px;
    font-size:14px;
    line-height:1.6em;
    letter-spacing:0.03em;
    width: 70%;
    margin: 10px 0 0 0;
}

.casephoto hr{
    border-bottom: 1px dotted #ccc;
    border-top:none;
    border-left:none;
    border-right:none;
    overflow:hidden;
    margin: 8px 10px;
}
/* 症例写真用ボタン */

div.photo_but{
    width: 96%;
    margin: 0 auto 10% auto;
}

div.photo_but a{
    background-color: #12B5B0;
    color: #FFF !important;
    display: block;
    line-height: 30px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	-o-border-radius:5px; /* Opera */
	-ms-border-radius:5px; /* Internet Explorer */
	padding:2% 0;
	text-align: center;
	font-size: 1.5em;
}

div.photo_but a:before,ul.main_but li a:before{
	content: "\f138";
	margin: 0 1.5% 0 0;
	font-family: FontAwesome;
    color: #FFF;
}

div.photo_but a:hover{
	background-color: #008B8B;
}

ul.dropdown-menu, ul.reserve_but, ul.category_but {
    margin: 0 auto;
}
ul.dropdown-menu li {
    height: 25px;
    font-size: 0.8em;
    text-align: center;
    display: block;
    position: relative;
    float: left;
    width: 142.2px;
}
ul.dropdown-menu li.wifull {
    width: 100% !important;
    text-align: left;
    height: auto !important;
}
ul.dropdown-menu li.outline {
    width: 47.5% !important;
}
ul.menu_but li {
    height: 25px;
    font-size: 0.8em;
    text-align: center;
    display: block;
    position: relative;
    float: left;
    width: 142.2px;
}
ul.dropdown-menu li.title {
    width: 100%;
    margin-top: 10px;
    text-align: left;
    font-size: 14px;
    height: 10px;
}
ul.dropdown-menu li.title_s{
	width: 50%;
	float:left;
	line-height: 30px;
	margin: 5px 0 -12px 0;
}

.dropdown-menu a strong {
    font-size: 12px;
    font-weight: normal;
    margin-top: 2px;
    display: block;
}
.dropdown-menu a strong span{
    font-size: 11px;
}
.dropdown-menu a, .dropdown-menu a:hover {
    background-color: #12B5B0;
    text-decoration: none;
    width: 100%;
    height: 25px;
    top: 0;
    left: 0;
    position: absolute;
    padding: 1% 0;
    color: #fff !important;
    display: block;
    margin: 5% 0;
    line-height: 20px;
}

ul.main_but li a:hover,ul.under_but li a:hover,.talk_but a:hover,.dropdown-menu a:hover,ul.reserve_but li a:hover{
    background-color: #008B8B;
}

h3.up {
    color: #333;
    font-size: 20px;
    padding: 2px 0px 5px 7px;
    border-bottom: 1px dotted #d3edec;
    margin-bottom: 15px;
}

/*  症例写真カテゴリ  */

.casephoto div.doctor span {
    line-height: 1.4em;
    width: 70%;
}

.category_but li {
    font-size: 0.8em;
    text-align: center;
    display: block;
    position: relative;
    float: left;
    width: 31.2%;
}

.category_but li.but01 {
    padding:3px 7px;
}

.category_but li.but02 {
    margin-top:5px;
    padding:3px 7px;
}

.category_but li.but03 {
    padding:3px 7px;
}

.category_but li.but04 {
    margin-top:5px;
    padding:3px 7px;
}

ul.category_but li a:hover {
    background-color: #f68094;
    color: #fff;
    text-shadow: none;
}
ul.category_but li a {
    width: 204px;
    height: 50px;
    line-height: 40px;
    background-color: #fcbaba;
    display: block;
    color: #fff;
}

.category_but li strong {
    font-size: 14px;
    display: block;
    float: left;
    margin: 5px 0 0 10px;
    font-weight:normal;
    clear:none;
}

.category_but img {
    display: block;
    float: left;
    width: 35px;
    margin: 7.5px 0 0 10px;
    border: 1px solid #eee;
}

/*--------------------------------------------------------------------------------
 パーツ
 -------------------------------------------------------------------------------*/
 
#contents_center h3 {
    line-height: 1.2em;
    margin-bottom: 35px;
}

.list_sq01::before, .list_01try::before {
    color: #fcd9d9;
}

.list_sq02::before {
    color: #bedff3;
}

.list_sq03::before {
    color: #e6e4f1;
}

.list_sq01::before, .list_sq02::before, .list_sq03::before {
    content: "■";
    padding-right: 0.2em;
}

.contents_box{
	margin: 0px 0px 30px 0px;
	display: block;
	clear: both;
	overflow: hidden;
}

/* サイドメニュー背景用 */
.sidebar .local-navi li.none {
    widows: 228px;
    text-align: left;
    border-left: 1px #D8D7D5 solid;
    border-right: 1px #D8D7D5 solid;
    background:none !important;
    height:5px !important;
}

/* タブ */
#tabsbox .links{
	margin-bottom:18px;
	text-align:right;
	font-size:75%;
}

#tabhead{
}

#tabhead li{
	float:left;
	position:relative;
	width: 124px;
	padding: 6px 3px 4px;
	list-style:none;
	text-align:center;
}

#tabhead .on{
	padding: 8px 12px 8px;
	border: 1px solid #12B5B0;
	border-bottom:none;
	background-color:#FFF;
	webkit-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
}


#tabhead li a{
	text-decoration:none;
	color:#008B8B;
}

#tabhead .on a:link,
#tabhead .on a:visited,
#tabhead .on a:hover{
	font-weight:bold;
	color:#008B8B;
}

#tabbody{
	padding-top: 0;
	border-top: none;
}

#tabbody div{
	display:none;
	margin-top:-1px;
	padding: 17px 5px 15px;
	border: 1px solid #12B5B0;
	background-color:#FFF;
	webkit-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px / 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px / 5px 0px 5px 5px;
}

#tabbody .current{
	display:block;
}

#tabbody h2{
	display:none;
	margin-bottom:6px;
	font-size:100%;
}

#tabbody ul{
	margin-bottom:-6px;
}

#tabbody li{
	margin-bottom:6px;
	list-style-position:inside;
}

/*float clear*/
#tabhead{
	overflow:hidden;
	zoom:1;
}

#tabhead:after{
	content:"";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}


.subContent h5 span img {
    float: left;
    height: 64px;
    width: 64px;
    margin-left: 10px;
    margin-right: 10px;
}

/* マウスオーバー */
.subc a {
    background-color:#C9EEEF;
    padding: 2px 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    margin-right: 10px;
    line-height: 2.2em;
}

.subc a:hover {
    background-color:#eafcfc;
    color:#555;
}
/* 小顔・輪郭・アゴ用アコーディオン */
.ac-cont {
	width: 100%;
	margin: 0 auto;
}

.accordion2 {
	margin: 0 auto;
}
.accordion2 .ac-content {
	margin: 0;
}
.accordion2 input {
	display: none;
}
.accordion2 label {
	display: block;
	background: #00DBD4;
	cursor: pointer;
	padding: 10px;
	color:#fff;
	font-size: 1.2em;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
}
.accordion2 label:before {
	content: " \f078";
	font-family: FontAwesome;
	margin-right:0.3em;
}

.accordion2 label:hover {
	background: #00B8B2;
}

.accordion2 .contents {
	transition: 0.4s;
	height: 0;
	overflow: hidden;
	margin-bottom: 15px;
	padding: 0 5px 0 5px;
}
.accordion2 input:checked + .contents {
	height: auto;
}
.accordion2 .group_cont {
	width: 48%;
    float: left;
    padding: 0 1% 0 0;
}

/*--------------------------------------------------------------------------------
 各施術一覧 CONTENTS SURGERY
 -------------------------------------------------------------------------------*/

/*------------- 施術トップページ -------------*/

/* 各悩み */
ul.t_list {
	margin: 0 auto;
	overflow: hidden;
	border:1px solid #ccc;
	padding:3% 0;
}

ul.t_list li {
    width: 33.333333%;
    display: block !important;
    float:left;
}

ul.t_list a h6,ul.t_list a strong{
    margin:2% 0 4% 0;
    display: block;
}

ul.two p.head_desc{
    margin: 0px auto;
    width: 95%;
    text-align: left;
    display: block;
    line-height: 1.5em;
}

.modal-window h5 {
    position: relative;
}

.modal-window .close01,.modal-window .close02 {
    text-align: center;
    padding: 3px 20px;
    z-index: 30;
}

.modal-window .close01 p,.modal-window .close02 p {
    margin-bottom: 0px !important;
}

.modal-window .close01{
    right: 30px;
    margin: 0 auto;
}

.modal-window .close02{
    left: 410px;
    margin: 20px auto;
}

.modal-window:after{
    content:"";
    display:block;
    margin-bottom: 70px;
}

/* 各施術 */
ul.s_list {
	margin: 0 auto;
	overflow: hidden;
}

ul.s_list li {
    width: 49%;
    display: block !important;
    padding: 0;
}

ul.s_list li.leftside {
    float:left;
    margin-right: 0.5%;
}

ul.s_list li.rightside {
    float:right;
    margin-left: 0.5%;
}

ul.s_list a{
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 5%;
    padding: 3% 0;
    background-color: #effffe;
}

ul.s_list a:hover{
    background-color: #fff;
    border: 1px solid #64ece6;
}

ul.s_list a img{
    margin: 2% 0 4% 4%;
    display: block;
    float:left;
    width: 30%;
}

ul.s_list a h6,ul.s_list a strong{
    font-size: 1.1em;
    display: block;
    padding-top: 2%;
}

ul.s_list a h6:before,ul.s_list a h6:after,
ul.s_list a strong:before,ul.s_list a strong:after{
    content:"■";
    color: #00B8B2;
}

ul.s_list a h6:before,ul.s_list a strong:before{
    margin-right:1%;
}

ul.s_list a h6:after,ul.s_list a strong:after{
    margin-left:1%;
}

ul.s_list a span{
    display: block;
    font-size:0.9em;
    line-height: 1em;
    margin-bottom: 3%;
    color: #777;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 2%;
}

ul.s_list a div.list_tex{
    display: block;
    float:left;
    width: 66%;
    text-align: left;
    line-height: 1.5em;
    font-size: 0.9em;
    color: #555;
}

ul.s_list a div.list_tex{
    padding: 1.5% 3% 0 3%;
}

ul.two img{
    margin: 0 auto 3% auto;
    width:50%;
}

ul.two img.wi_big{
    margin: 0 auto 3% auto;
    width:85%;
}

/* 他の料金を見るボタン */
.other_price{
  width: 40%;
  float:right;
  display:block;
  margin-right: 0.5%;
line-height: 1.7em;
letter-spacing: 0.05em;
}

/*------------- 大塚美容のこだわり -------------*/
div.good_photo img,div.needle_photo img {
    width:95% !important;
    margin: 0 auto;
    display: block;
}

div.good_photo span,div.needle_photo span {
  display:block;
  font-size:0.9em;
  line-height:1.5em;
}

.needle_photo span {
 margin: 2% 0 5% 0;
}

/*------------- ムービー用画像の幅変更 -------------*/
.caption_image img{
  width:50%;
}

/*------------- 比較表ul -------------*/
ul.comparison li{
  width: 50%;
  display: block;
  float: left;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 2%;
}
ul.comparison li span{
  width: 110px;
  display: block;
  float: left;
  color: #e4566f !important;
}
div.feature{
  width: 20%;
}

/*------------- ファットバンク -------------*/
ul.parts li{
  float:left;
  width: 20%;
  text-align: center;
}

ul.parts li img {
    width: 75%;
}

ul.merit{
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

ul.merit li{
  text-align: left;
  overflow: hidden;
  background-size:100%;
  background-repeat: no-repeat;
  width:33.33333%;
  float:left;
  position: relative;
}

ul.merit li.M04{
	margin-left: 125px;
}

ul.merit li b.fcfat{
  position: absolute;
  top: 14px;
  left: 55px;
}

ul.merit li .meri_tex{
  margin-top: 250px;
  margin-bottom: 10%;
}

ul.safety strong{
    line-height: 55px;
}

ul.safety img{
    width: 60%;
    margin: 5% 0;
}

ul.safety strong span{
    padding-left: 60px;
    display:block;
}

/*------------- 肌トップお悩み -------------*/
ul.skin_trouble li{
  margin: 1% auto;
}

/*------------- top症例写真バナー -------------*/
div.top_photo_bun{
  width:60%;
  margin: -140px auto 0 auto;
  display:block;
}
div.top_photo_bun a img{
  width:100%;
  margin:0 auto;
}

/*------------- トピックス＆体験者の声 -------------*/
ul.fnone_fl li{
  float:none !important;
  display: inline-block;
  margin-right: 5%;
  margin-bottom:2%;
}
/* スマホのみ文字サイズ縮小 */
.smt_fontsmall{
	font-size: 2em;
}
/* H2位置揃え */
h2.topics_h2{
  font-size: 3em;
  top: 67% !important;
  right: 5% !important;
}
strong.topics_strong{
  top: 70%;
  right: 5%;
}
.topics_tel{
  top: 78% !important;
  right: 5%;
}
/*----- 埋没法バナー -----*/
ul.maibotsu_bun {
    margin-bottom:5% !important;
}
ul.maibotsu_bun li{
	float:left;
	width:50%;
}
ul.maibotsu_bun li a.bun_easy, ul.maibotsu_bun li a.bun_natural, ul.maibotsu_bun li a.bun_fb {
    padding-top: 24% !important;
}
/*----- 施術プロセスTOP -----*/
.process_bg,.set_bg{
  height: 0;
  padding-top: 38%;
  background-size: contain;
  position:relative;
}
.process_bg{
  background: url('../images/process/bg_pc.png') 0 0 no-repeat;
}
.set_bg{
  background: url('../images/process/bg_pc_set.png') 0 0 no-repeat;
}
.indexgals,.index_01,.index_02,.index_03,a.but_eye,a.but_body,a.but_cou,.pro_but,.first,
.pro_eye01,.pro_eye02,.pro_eye03,.pro_eye04,.pro_eye05,.pro_eye06,.pro_eye07,.pro_eye08,.next_but01,.next_but02{
  position: absolute;
  z-index: 100;
}
.indexgals{
  top: 3.8%;
  right: 4%;
  z-index: 8;
}
.index_01,.index_02,.index_03{
  z-index: 9;
  left: 5%;
}
.index_01{
  top: 10%;
  font-size: 1.8em;
  letter-spacing: 0.4em;
}
.index_02{
  top: 20%;
}
.index_03{
  top: 40%;
}
a.but_eye,a.but_body,a.but_cou{
  color: #fff !important;
  width:127px;
  height:127px;
  background-size: contain;
  text-align: center;
  top: 57%;
}
a.but_cou {
  left: 8%;
}
a.but_eye {
  left: 22%;
}
a.but_body {
  left: 36%;
}
a.but_eye {
  background: url('../images/process/eye_but.png') 0 0 no-repeat;
}
a.but_body {
  background: url('../images/process/body_but.png') 0 0 no-repeat;
}
a.but_cou {
  background: url('../images/process/cou_but.png') 0 0 no-repeat;
  z-index: 8;
}
a.but_eye:hover {
  background: url('../images/process/eye_but_hov.png') 0 0 no-repeat;
}
a.but_body:hover {
  background: url('../images/process/body_but_hov.png') 0 0 no-repeat;
}
a.but_cou:hover {
  background: url('../images/process/cou_but_hov.png') 0 0 no-repeat;
}
a.but_eye span,a.but_body span,a.but_cou span{
  margin: 32px 0 0 0;
  display: block;
  text-shadow: 0.5px 0.5px 2px #999, -0.5px 0.5px 2px #999, 0.5px -0.5px 2px #999, -0.5px -0.5px 2px #999;
}
a.but_eye span{
  margin: 32px 0 0 0;
}
a.but_body span{
  margin: 50px 0 0 0;
}
.sub_cont_text .flexslider{
    width: 100%;
}
.first{
  background-color: #fff;
  width: 60px;
  height: 60px;
  top: 55%;
  left: 5%;
  z-index: 9;
  text-align: center;
  border-radius: 50%;
  font-size: 0.75em;
  line-height: 1.5em;
}
.first span{
  margin: 12px 0 0 0;
  display: block;
  transform: rotate(-30deg);
}
/*----- 施術プロセス目もと -----*/
.pro_eye01{
  top: 9%;
  left: 5%;
  border-bottom:solid 1px #e4566f;
  width:50%;
}
.pro_eye02{
  top: 19%;
  left: 5%;
  font-size: 2em;
  line-height: 1.3em;
}
.pro_eye03{
  top: 39%;
  left: 5%;
}
.pro_eye04{
  top: 47%;
  left: 6%;
  font-size: 0.9em;
  line-height: 1.5em;
}
.pro_eye04 span,.pro_eye07 span{
 display: block;
}
.pro_eye05,.pro_eye08{
  bottom: 7.4%;
  right: 4%;
  width: 48%;
  z-index: 1;
}
.pro_eye06{
  top: 29%;
  left: 5%;
}
.pro_eye07{
  top: 37%;
  left: 6%;
  font-size: 0.9em;
  line-height: 1.5em;
}
.next_but01,.next_but02{
  right: 10%;
  font-size: 0.9em;
  line-height: 1.5em;
}
.next_but01{
  top: 70%;
}
.next_but02{
  top: 80%;
}
.under_but {
    line-height: 1.5em;
    width: 90%;
    margin: 0 auto;
}
.under_but li a{
    margin: 0 4%;
}
/*----- コンバージョンボタン -----*/
.pro_but{
  width: 322px;
  height: 66px;
  bottom: 11.5%;
  left: 6%;
  background: url('../images/process/pro_but.png') 0 0 no-repeat;
  text-shadow: 0.5px 0.5px 2px #d07f19, -0.5px 0.5px 2px #d07f19, 0.5px -0.5px 2px #d07f19, -0.5px -0.5px 2px #d07f19;
}
.pro_but strong{
 font-size: 1.2em;
 margin-top: 10px;
}
.pro_but a{
 font-size: 0.85em;
 margin-top: -3px;
 display: block;
 float: left;
 width: 45%;
 color: #fff !important;
}
.pro_left{
 text-align:right;
 margin-right:3%;
}
.pro_right{
 text-align:left;
 margin-left:1%;
}
.slick-dots {
 bottom: -70px !important;
}
/*------------- 美容点滴 -------------*/
h4#drip {
    font-size: 1.55vw !important;
}
span.dripico {
    padding: 0.15% 0;
    width: 150px;
    display: block;
    text-align: center;
}
/*------------- 大塚美容紹介 -------------*/
div.handa,div.ishii{
 padding-top: 50%;
}
div.handa{
 background: url('../images/stuff/handa_bg.png') 0 0 no-repeat;
}
div.ishii{
 background: url('../images/stuff/ishii_bg.png') 0 0 no-repeat;
}
div.handa span,div.ishii span {
    display: block;
    position: absolute;
    font-size: 1.2em;
    line-height: 2.2em;
    top: 28%;
}
div.handa span{
    left: 5%;
}
div.ishii span {
    left: 48%;
}
/*------------- 体験談 -------------*/
ul.tphoto{
 width: 100%;
}
ul.tphoto li{
 width: 33.33333%;
 float:left;
}
ul.tphoto li a{
 display:block;
 overflow:hidden;
 border: 1px solid #ccc;
 width: 90%;
 margin: 5% auto;
 padding: 10px 0 10px 10px;
 background-color: #e6fffd;
}
ul.tphoto li a:hover{
 background-color: #fff;
 border: 1px solid #00B8B2;
}
ul.tphoto li img{
 width: 30%;
 float:left;
}
ul.tphoto li span{
 width: 70%;
 float:left;
 margin: 10px 0 0 0;
 display:block;
 text-align:center;
}