@charset "UTF-8";

/*------------------------------------------------------------------------------
 タブレット用スタイルシート
 -------------------------------------------------------------------------------*/

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

#contents {
	width:100%;
	overflow:hidden;
	margin:0 auto;
}

#contents_center{
    width: 95%;
    overflow: hidden;
    margin:0 auto;
    position: relative;
}

#contents_left {
    width: 20%;
    float: left;
}

#contents_right {
    width: 80%;
    float: right;
}

#contents_right_in {
    padding: 2% 0% 2% 2%;
}

#contents_right p.subtex{ 
    width: 95%;
    margin: 0 auto 5% auto;
    font-size: em;
    letter-spacing: 0.1em;
    overflow: hidden;
    line-height: 1.6em;
}

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

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

/*------------- タブレット非表示 -------------*/
.notablet{
    display:none !important;
}
/* タブレットのみDB */
.tabletdb{
    display: block !important;
}
/*------------- header -------------*/

header {
	width:100%;
	height: 200px;
	overflow:hidden;
	background-color:#00B8B2;
}

header .head_in{
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

header .head_in .head_title{ 
	width:290px;
	color:#fff;
	margin-left: 3%;
	position: relative;
	z-index: 300;
}
header .head_in .head_title h1{
    position: absolute;
    top: 65px;
}

header .head_in .head_cont{ 
	color:#fff;
}
/*----- サイトマップボタン -----*/
.head_cont .sitemap { 
	display:none;
	z-index:2;
}
ul.sitemap li.subtitle {
    margin-left: -25px;
}
ul.sitemap li.nolink {
    margin: 0px;
}

/*----- サイト内検索 -----*/
.search { 
    display: none;
}

/*----- 言語切替ボタン -----*/
.menu label {
    background: transparent;
    color: #fff;
    padding: 8px 20px;
    display: block;
    margin: 12px 0 0 0;
    border: 1px solid #fff;
    cursor: pointer;
}

input[type="checkbox"].on-off{
    display: none;
}
.menu {
    z-index:300;
    position: absolute;
    right: 100px;
    top: 12px;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li {
    padding: 5px;
    background-color: #fff;
    opacity:0.8;
    padding: 10px;
    border-top: dotted 1px #ccc;
}

.menu li.none {
    border-top: none !important;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 200px;
}

/*----- snsアイコン -----*/
ul.sns_ico {
    display: block;
    position: absolute;
    right: 36%;
    z-index: 300;
    top: 26px;
}

ul.sns_ico li{ 
	float:left;
	font-size: 1.6em;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	height: 30px !important;
	width: 30px !important;
	text-align: center;
	margin: 0 0 0 10px !important;
	line-height:30px;
	display:block;
}

ul.sns_ico li a{ 
	color:#fff;
}

ul.sns_ico li i{ 
	text-align: center;
	display: block;
	line-height: 30px;
}

/*----- 別幅分 -----*/
@media(max-width:715px) and (min-width: 531px){
.menu label {
    padding: 8px 10px;
    text-align: center;
}
.android .menu label {
    width: 75px;
    text-align: center;
}
.menu label span{
    display: block;
}
.menu {
    z-index:300;
    position: absolute;
    right: 80px;
    top: 0;
}
.android .menu {
    right: 70px;
}
ul.sns_ico {
    display: block;
    position: absolute;
    margin-top: 19px;
    right: 180px;
    top: 0;
}

@media(max-width:570px) and (min-width: 531px){
ul.sns_ico {
    right: 180px;
}
}
ul.sns_ico li{ 
	float:left;
	font-size: 2em;
	height: 35px !important;
	width: 35px !important;
	text-align: center;
	margin: 0 0 0 5px !important;
	line-height:25px;
	display:block;
}
ul.sns_ico li i {
    line-height: 35px;
}
}

/*----- ログイン・電話関連 -----*/
.head_cont .head_login{ 
	display:block;
	overflow: hidden;
	width: 100%;
	position: absolute;
	top: 91px;
}
.head_cont ul.login_cont{
	width: 95%;
	display: block;
	overflow: hidden;
	margin: 5px 2.5% 0 2.5%;
}

.head_cont ul.login_cont li{ 
	float:left;
	width: 25%;
}

.head_cont ul.login_cont li a.but{ 
	background-color:#fff;
	padding: 8px 0px;
	display: block;
	font-size:0.8em;
	width: 95%;
	margin:0 2%;
	text-align: center;
}

.head_cont ul.login_cont li a.but:before { 
	content: "\f138";
	margin-right: 6%;
	font-family: FontAwesome;
	color:#00B8B2;
}

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

.head_cont strong.fnone{
	margin: 15px auto 0 auto;
	width: 100%;
}

.head_cont strong.fnone a{
	font-size:3.9em;
	color:#fff;
	line-height: 1em;
	text-align: center;
	display: block;
	width: 80%;
	margin: 2% auto 0 auto;
}

.head_cont strong.fnone a img{ 
	width: 60px;
	margin: 8px 15px 0 10px;
}
.android .head_cont strong.fnone a img{ 
	margin: 0px 15px 0 10px !important;
}
  
/*----- ヘッダ見出し・サブ -----*/
header .head_in .head_title a {
    width: 290px;
    height: 77px;
    overflow: hidden;
    float: left;
}
header .head_in .head_title a img{
    width: 85%;
    margin-top: 12px;
}
header .head_in .head_title p{
    display:block;
    position: absolute;
    top: 60px;
}

/*****グローバルメニュー****/
#menu{
    width: 100%;
    margin: 10px auto;
    background: #444;/*７*/
    position: fixed;
    right: 0;
    top: -25px;
    z-index: 100;
}
#menu-inner{
    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: left;
}
#menu-content > li > a{
    position: relative;
    display: block;
    height: 100%;
    padding-left: 15px;/*３*/
    padding-right: 15px;/*３*/
    line-height: 40px;/*２*/
    background: #0491A2;/*９*/
    color: #fff;/*10*/
    text-decoration: none;
    z-index: 2;
}
#menu-content > li > a:hover{
    background: #00B8B2;/*11*/
    color: #fff;/*12*/
}

#menu-content i.fa {
    color: #fff;
    margin: 0 1.5% 0 3%;
    font-size: 1.2em;
}

#menu-content > li > a > .blogicon-chevron-down{margin-right: 5px;}

/*２階層目*/
#menu-content > li > ul.second-content,
#menu-content > li:hover > ul.second-content,
#menu-content > li > ul.second-content > li,
#menu-content > li > ul.second-content > li > a,
#menu-content > li > ul.second-content > li > a:hover{
    display: none;
}

/*******トグルメニュ*********/

#container{
    margin-top: 40px;
}
#menu-inner{
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
    height: auto;
}
#btn-content{
    text-align: right;
    margin-top: 16px;
    height: 80px;
}
#menu-btn{
    display: inline-block;
    padding: 8px;
    margin: 10px 20px 18px 0px;
    cursor: pointer;
    color: #fff;/*18*/
    text-align: center;
    background-color: #0491A2;
    font-size: 0.8em;
    line-height: 1.6em;
}
#menu-content{
    display: none;
    width: 100%;
    background-color: #0491A2;
    overflow: hidden;
}
#menu-content > li{
    width: 33.33333333333333333%;
    height: 40px;/*６*/
}
#menu-content > li > a{
    width: 100%;
    line-height: 40px;/*６*/
    padding: 0;
    text-decoration: none;
}

#menu-btn span{
    display: block;
}

.android #menu-btn { 
    margin: 12px 15px 20px 5px !important;
 }
 
.android #menu-btn i.fa {
    font-size: 3em;
}

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

.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{
    color:#fff;
    margin: 0 1.5% 0 5%;
    font-size: 1.2em;
}

#menu-btn i.fa{
    color:#fff;
    margin-right: 1.5%;
    font-size: 2em;
}

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

.headimg {
    position: relative;
}

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

.headimg h1 {
    top: 30px !important;
    font-size: 2.5em !important;
    margin: 0 0 0 30px !important;
}

.headimg strong {
    top: 65px !important;
    font-size: 1.2em !important;
    margin: 0 0 0 30px !important;
}

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

.headimg ul {
    display: block;
    font-size: 1.3em;
    margin: 20px 0 !important;
    letter-spacing: 0.05em;
    overflow: hidden;
}

.headimg ul li {
    display: block;
    float:left;
    width: 45%;
    margin: 0 2.5%;
    padding: 7px 0;
    text-align: center;
    position: relative;
}

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

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

ul li.yoyaku::after,ul li.net::after {
    color: #fff;
    font-family: FontAwesome;
    top: 26%;
    display: block;
    position: absolute;
    left: 11%;
}

ul li.yoyaku::after {
    content: "\f108";
}

ul li.net::after {
    content: "\f086";
}

/*------------- スライダー幅 -------------*/
.flexslider {
    background-color: #b8f9f6 !important;
    padding: 0 0 30px 0 !important;
    overflow: hidden;
}

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

/*------------- コンテンツアイコン -------------*/
.flexslider ul.smt_menuico {
    display: block;
    overflow: hidden;
    width: 95%;
    margin: 0 auto 5% auto;
}

.flexslider ul.smt_menuico li {
    float: left;
    width: 11%;
    margin: 2% 0.75%;
    background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}

.flexslider ul.smt_menuico li a {
    padding: 15% 0px;
    display: block;
    font-size: 0.7em;
    width: 100%;
    margin: 0;
    text-align: center;
}

.flexslider ul.smt_menuico li i {
    color: #00B8B2;
    font-size: 4em;
    display: block;
    margin-bottom: 7%;
}

.flexslider .slides li {
    height: 0;
    padding-top: 55%;
    background-size: contain !important;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.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;
}

/*------------- ページトップ -------------*/
#page-top {
    width: 100%;
    background-color: #fff;
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    display: none;
    z-index: 300;
}

#page-top .page-top_in {
    width: 95%;
    margin: 1.5% auto;
    overflow: hidden;
}

#page-top a.ptop {
    background-color: #00B8B2;
    text-decoration: none;
    color: #fff;
    width: 20%;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    float:left;
}

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

#page-top a.tel,#page-top a.reserve {
    background-color: #00B8B2;
    text-decoration: none;
    color: #fff;
    width: 38%;
    margin-right:2%;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    float:left;
}

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

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

.footer_in { 
  width: 100%;
  margin:0 auto;
  overflow: hidden;
}

.footer_in p.subtitle{ 
  color:#fff;
  margin: 4% auto 0.5% auto;
  font-size: 1.4em;
  display: block;
  width: 90%;
  text-align: center;
}

.footer_in hr {
    border-top: 3px dotted #777;
    margin: 10px 20px;
    clear: both;
}

.footer_in .time_cont {
    display:block;
    margin: 5px auto 0 auto;
    overflow: hidden;
    width: 90%;
}

.footer_in .Time {
    display:block;
    color: #fff;
    margin: 10px;
    float: left;
}

.footer_in strong.fnone {
    display: block;
    width: 90%;
    text-align: center;
    margin: 0 auto;
}

.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: 90%;
  margin: 4% auto 2% auto;
  overflow: hidden;
}

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

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

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

.footer_in ul li p a{ 
  display:none;
}

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

.footer_in ul.sns_ico{ 
  margin: 0.5% auto 2% auto;
  position: static !important;
  width: 25%;
  float: right;

}
/*----- フッターSSL -----*/
.foot_ssl {
    padding: 3% 0 5% 0;
    width: 95%;
    display: block;
    overflow: hidden;
    margin: 0 auto;
}
.foot_ssl span.ssltext {
    padding: 1% 0px 0px 0px !important;
    display: block;
    float: left;
    width: 80%;
    color: #fff;
    line-height: 1.5em;
}
/*----- フッターポリシー -----*/
.policy { 
  width: 90%;
    margin: 0 auto;
    overflow: hidden;
    text-align: right;
    line-height: 1.6em;
    font-size: 1em;
    color: #fff;
    padding-bottom: 20px;
}

.policy a { 
  color:#fff;
}

.footer_in a:hover,.head_cont a:hover { 
  opacity:0.6;
}

.policy span{ 
  margin:0 20px 0 0;
}

.policy span:before{ 
	margin-right: 0.7% !important;
	content: "\f105";
	font-family: FontAwesome;
}

.policy p{ 
  margin:0.5% 0 0 0;
}

/*----- フッターサークル -----*/
.footer_in .circle_icobut {
    width: 90%;
    top: 0px;
    margin: 5% auto;
    overflow: hidden;
}

.footer_in .circle_icobut p {
    background-color:#fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    text-align: center;
    padding: 5%;
    width: 100px;
    height: 100px;
}

/*----- 別幅分 -----*/
@media(max-width:644px) and (min-width: 500px){
.footer_in .circle_icobut p{ 
    width: 84px;
    height: 84px;
}
.footer_in .circle_icobut p span.font {
    font-size: 0.92em;
}
}

.footer_in .circle_icobut p.circle01,.footer_in .circle_icobut p.circle02,.footer_in .circle_icobut p.circle03,
.footer_in,p.subtitle,strong.fnone,.footer_in strong.fnone a,.footer_in strong.fnone a img,.time_cont,.footer_in .Time,
.footer_in hr,.footer_in .circle_icobut,.footer_in ul,.footer_in ul li
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

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

.footer_in .circle_icobut p::before {
    color:#f68094;
    font-size: 4em;
    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 {
    float: left;
    margin: 0 2.5%;
}

.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;
    margin-bottom: 8px;
}
.footer_in .circle_icobut p.circle02 span.font {
font-size: 0.9em;
}
/*----- フッター関連リンク -----*/
.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:95%;
    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: 90%;
  margin: 0 auto;
  z-index: 10;
  position: relative;
}

.main_bunner a{ 
  display:block;
  float:left;
  width: 48%;
  margin: 0 1%;
}

.main_bunner a img{ 
  width: 100%;
}

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

section.menulist{ 
  background-color:#fff;
  margin: 20px auto 50px auto;
  padding: 30px 0 0 0;
  overflow: hidden;
}

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: 90%;
    border-bottom: dotted #ddd;
}

section.menulist ul{ 
  width: 95%;
  margin: 30px auto;
}

section.menulist ul li{ 
  width: 24%;
  float:left;
  margin:0 0.5%;
}

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;
}


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.65vw;
  padding: 5px;
  height: 25px;
  line-height: 25px;
}

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: 35px;
  line-height: 25px;
  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:100%;
  overflow: hidden;
  padding: 50px 0 0 0 !important;
}
.menulist_subcont p{ 
  width:50%;
  float:left;
}
.menulist_subcont p a{ 
  font-size: 2.8vw;
  margin: 0 auto 5% auto !important;
}
/*------------- 最新治療 -------------*/
section.newsurgery_cont{ 
  margin: 0 auto;
  padding: 30px 0;
  clear: both;
  overflow: hidden;
}
section.newsurgery_cont .bun{ 
  width:100%;
  text-align: center;
  margin: 30px auto 0 auto;
}
section.newsurgery_cont img{ 
  border: 1px solid #ddd;
}
/*------------- 人気の施術バナー -------------*/
section.popularlist{ 
  margin: 0px auto 0 auto;
  padding: 60px 0;
  clear: both;
  overflow: hidden;
}
section.popularlist h2{ 
  color:#555;
}

section.popularlist ul{ 
  width:90%;
  margin: 30px auto;
}
section.popularlist ul li{ 
  width:47%;
  float:left;
  margin: 0 1.5% ;
}
section.popularlist ul li.fullsize{ 
  width: 97%;
  margin: 0 1.5% 3% 1.5%;
}
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 h2{ 
  margin-bottom: 30px;
}
section.otsuka_cont ul{ 
  width:90%;
  margin:0 auto;
}
section.otsuka_cont ul li{ 
  width:47%;
  float:left;
  margin: 0 1.5% 3% 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: 90%;
  margin: 10px auto 0 auto;
  text-align: center;
  font-size: 1.3em;
  line-height: 1.6em;
}

section.photo_cont ul{ 
    background-color: transportant !important;
    width:90%;
}

section.photo_cont ul li{ 
    height: auto;
    padding: 5px 5px 20% 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: 2.1vw;
  background-color:#00B8B2;
  margin: 5% auto;
  width: 50%;
  padding:3% 10%;
    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{ 
  margin-left: 3%;
}

/*------------- 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: 100%;
	margin: 30px auto 0 auto !important;
}
.owl-wrapper-outer li{ 
  text-align: center;
}
.owl-wrapper-outer li img{ 
  width: 90%;
}
.pickup_cont .owl-pagination {
    padding-bottom: 10%;
    width: 80%;
    margin: 0 auto;
}
.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: 90%;
    margin: 30px auto;
}
section.up_cont ul li,section.shop_cont ul li{
    width: 50%;
    float:left;
}
section.up_cont ul li a img,section.shop_cont ul li img{  
  width:95%;
  margin: 0 auto;
  border: 1px solid #ddd;
}
/*------------- ドクターブログ -------------*/
section.blog_cont{ 
  margin: 0 auto;
  padding: 50px 0;
  clear: both;
  overflow: hidden;
	width: 90%;
}

section.blog_cont h2{ 
  margin-bottom: 30px;
}

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: 90%;
  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 #eee;
}
/*------------- 新着情報 -------------*/
section.news_cont{
  margin: 0 auto;
  padding: 50px 0;
  clear: both;
  overflow: hidden;
  width:100%;
}
section.news_cont .news_topic{ 
  width: 90%;
  margin: 3% 5% 0 5%;
  border:0px;
}

section.news_cont ul.osusume {
    width: 90%;
    margin: 30px auto 0 auto;
}
section.news_cont ul.osusume li {
    width: 47%;
    float: left;
    margin: 0 1.5% 3% 1.5%;
}
section.news_cont ul.osusume img {
    width: 100%;
    margin: 0 auto;
    display: block;
    border: 1px solid #ddd;
}

.news_topic ol li p {
    width: 60px;
    text-align: center;
}

.news_topic ol li span{
    width: 80px;
}

/*------------- サイドメニューコンテンツ -------------*/

#contents_left strong{
  font-size: 1.5vw !important;
  display: block;
  margin-top: 9%;
  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 ul li{
  margin:5% 0 0 0;
}

#contents_left ul li a{
  display:block;
  padding: 5% 0 5% 2%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:  5px;
    font-size: 1.3vw;
}

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

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

#contents_right_in h2{
  font-size:1.6em !important;
}

#contents_right_in h2 p {
    display: block;
    float: left;
    line-height: 1.6em;
    margin: 0 0 0 1%;
}

#contents_right_in h3{
  font-size:1.5em !important;
}

#contents_right_in h5{
  font-size:1.4em !important;
  margin-bottom: 3% !important;
}


#contents_right_in .sub_cont_text{
  display:block;
  overflow: hidden;
  margin:0 0 30px 2%;
  line-height: 1.6em !important;
}

#contents_right_in .sub_cont_text p{
  clear:both;
  margin-bottom: 15px;
}

/*------------- 文章、写真 -------------*/
.sub_cont_text div.sub_70per_l,.sub_cont_text div.sub_60per_l,.sub_cont_text div.sub_50per_l,.sub_cont_text div.sub_80per_l,
.sub_cont_text div.sub_70per_r,.sub_cont_text div.sub_60per_r,.sub_cont_text div.sub_50per_r,.sub_cont_text div.sub_80per_r{
  display:block;
  overflow: hidden;
  width: 100%;
  margin-top: 3%;
}

.sub_cont_text .img_30per_l,.sub_cont_text .img_40per_l,.sub_cont_text .img_50per_l,.sub_cont_text .img_20per_l,
.sub_cont_text .img_30per_r,.sub_cont_text .img_40per_r,.sub_cont_text .img_50per_r,.sub_cont_text .img_20per_r{
  width: 80%;
  margin: 0 10%;
}

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

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

td.bg03{
  width:25%;
}
/*------------- 分割系ul -------------*/
ul.four,ul.three,ul.three_bun,ul.four_non,ul.four_bun,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_bun li,ul.two li,ul.three_two li,ul.five li{
	display:block;
	overflow:hidden;
	text-align: center;
}
/*------------- ul5分割から3分割へ -------------*/
ul.five li{
	width:20%;
	font-size: 2vw;
	margin-bottom: 0.5%;
	float:left;
}
/*------------- ul4分割から1分割へ -------------*/
ul.four_non li{
	width:100%;
}

/*------------- ul4分割から2分割へ -------------*/
ul.four_bun li,ul.four li.bc{
	width:25%;
	float:left;
	font-size:0.8em;
	margin-bottom: 1%;
}
/*------------- ul4分割から2分割へ（タブレット2分割） -------------*/
ul.four li.ico{
	width:50% !important;
	float:left;
	font-size:0.8em;
	margin-bottom: 1%;
}

/*------------- ul3分割から1分割へ（タブレット1） -------------*/
ul.three li{
	width:70%;
	margin:0 auto;
}

/*------------- ul3分割から1分割へ（タブレット3） -------------*/
ul.three_two li{
	width:33.33333%;
	float:left;
	padding: 0%;
}

ul.three_two li img{
	width:95%;
}

/*------------- ul3分割から3分割へ -------------*/
ul.three_bun li{
	width:33.33333%;
	margin:0 auto;
	float:left;
}

ul.three_bun li a{
	padding: 0 8%;
}

/*------------- ul2分割から1分割へ -------------*/
ul.two li{
	width:90%;
	margin:0 auto;
}

/*------------- 画像の幅変更：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%;
	font-size: 0.75em;
}

a.but_con{
	width: 18%;
}

a.but_doc{
	width: 23%;
}

/*------------- 大塚美容が支持される理由 -------------*/

ul.reason li{
	width:100%;
	padding: 3% 4%;
	margin-bottom: 3%;
}

/*-----前院長------*/
.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%;
  padding: 5% 4% !important;
}

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

ul.sitemap li{
  width:80%;
}

ul.lineup li{
  width:100%;
}

ul.lineup li h3{
  display: block;
  width: 95%;
  border: 1px solid #ccc !important;
  padding: 10px 5px !important;
  overflow: hidden;
  line-height: 50px;
  margin: 0 auto 12px auto;
  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 h3:after{
  width: 0px !important;
  height: 0px !important;
  background: transportant !important;
}

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

ul.lineup li h3 a {
  line-height: 50px;
  font-size: 1.1em;
  width: 100% !important;
}

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

ul.lineup li h5{
  display: block;
  padding: 15px 0 5px 20px;
  width:80%;
  font-size:1.3em;
  color: #0491A2;
  font-weight:bold;
  clear: both;
}

ul.lineup li a{
  display: block;
  font-size: 1.3em;
  line-height: 1.8em;
  width: 50%;
  float: left;
}

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

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

ul.lineup li a:before{
  content:"\f105";
  margin: 0 2% 0 5%;
  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: 32%;
    right: 5%;
}

.bc_bun_20 strong,.bc_bun_40 strong{
    top: 32%;
    left: 5%;
}

.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: 57%;
    right: 3%;
}

.bc_bun_20 span,.bc_bun_40 span{
    top: 57%;
    left: 5%;
}
/*年代別一覧*/
.list_images{
    width: 38.5%;
    margin:0 2.5%;
    border: 1px solid #ddd;
    padding: 3px;
    background-color: #fff !important;
}

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

.list_smt{
    width: 90% !important;
    float:none !important;
    text-align: center;
}

.ts_pos{
    text-align: center !important;
    width: 70%;
    margin: 0 auto;
    font-size: 1.2em;
}

.ts_pos a{
    padding:2% 0;
}

.four_font {
   font-size: 1.3vw !important;
   line-height: 1.5em;
   padding: 3% 0;
   font-weight:bold;
}

.four_font span{
   display: block;
}

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

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

.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:80%;
}

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

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

.width_right{
    width: 78%;
    margin: 0 0 2.5% 22%;
    display:block;
}

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

ul.lineup_list li span {
    width: 73%;
    margin-left: 2%;
}

img.bc_after {
    width: 40% !important;
    margin: 0 30% !important;
}

/*BC ビフォー・アフター*/
ul.ba_list li.half{
	width:100% !important;
	float:none !important;
}

ul.ba_list li.half .frame img,ul.ba_list li.half .frame_small img  {
    width: 42%;
    margin: 0 2%;
}

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: 52% !important;
    left: 49.2%;
}
ul.ba_list li i.images_go05 {
    left: 49.5%;
}

ul.ba_list li div.pic_cen{
    width: 85%;
}

ul.ba_list li div.pic_cen2{
    width: 100%;
}

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,
ul.ba_list li.full .frame_small p.bd_03_01,ul.ba_list li.full .frame_small p.bd_03_02,ul.ba_list li.full .frame_small p.bd_03_03{
	width: 30%;
	margin-bottom: 0 !important;
	display: inline-block;
	font-size: 0.7em;
}
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,
ul.ba_list li.full .frame_small p.bd_03_01 img,ul.ba_list li.full .frame_small p.bd_03_02 img,ul.ba_list li.full .frame_small p.bd_03_03 img{
	width: 90%;
}

/*------------- フッターSNS -------------*/
div.sns{
    width: 95%;
    display:block;
    overflow:hidden;
    margin: 0 auto;
}

.fb-page,div.instagram{
    display: block !important;
    width: 45% !important;
    float:left;
    margin: 0 2.5%;
}

/*------------- ツイッター -------------*/
#twitter-widget-1{
    border: 1px solid #00B8B2 !important;
    margin-bottom: 20px !important;
    display: block !important;
    width: 44% !important;
    float:left;
    margin: 0 2.5%;
}

/*------------- インスタグラム -------------*/

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

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

/*------------- SNSボタン -------------*/

#socialbuttons {
    margin:15px 0 !important;
}
div.main_bunner #socialbuttons{
    display: block;
    float: right;
    margin: 0px 10px 8px 0px !important;
}
div.main_bunner #socialbuttons #twitter-widget-1 {
    border: none !important;
    width: 100% !important;
}

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

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

figure img {
	opacity:0.6;
}

figure:hover img,figure:hover b {
	-webkit-transform: none;
	transform: none;
}

figure b {
    top: 40% !important;
    line-height: 1.3em;
    font-size: 1em;
    color: #333;
    text-shadow: 1px 1px 4px #fff,
    -1px 1px 4px #fff,
    1px -1px 4px #fff,
    -1px -1px 4px #fff,
    2px 2px 4px #fff,
    -2px 2px 4px #fff,
    2px -2px 4px #fff,
    -2px -2px 4px #fff;
}

figcaption {
	display:none;
}

/*  以下、症例写真 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: #e85a87;
    padding: 3px 8px;
    font-size: 0.9em;
    color: #fff;
    margin: 1.5% 0 0 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: 100%;
    padding: 15px 0;
    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;
}

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;
}

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

/*--------------------------------------------------------------------------------
 各コンテンツ 施術写真 CONTENTS SURGERY PHOTO
 -------------------------------------------------------------------------------*/
 
.casephoto {
    border: 1px solid #CCC;
    padding: 10px;
    overflow: hidden;
    margin: 0 auto 5% auto;
    width: 95%;
    color:#555;
}
.casephoto ul {
    margin: 0 auto 20px auto;
    padding: 0;
}

.casephoto ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 2.5em !important;
    color: #e4566f;
    text-align: center;
    width: 47%;
}
.casephoto ul li.entity {
    width: 2.8%;
    padding: 0;
    margin: 0;
}

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

.casephoto ul li img{
    width: 90%;
}

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

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

.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-top: 2%;
    width: 100%;
}

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

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

.casephoto div.subc{
    width: 100%;
    margin: 1% 0 1% 0 !important;
}

.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 10px 0;
}

.casephoto hr{
    border-bottom: 1px dotted #ccc;
    border-top:none;
    border-left:none;
    border-right:none;
    overflow:hidden;
    margin: 8px 10px;
}

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

/* 症例写真用ボタン */

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;
    overflow: hidden;
}

ul.dropdown-menu li {
    text-align: center;
    display: block;
    float: left;
    width: 50%;
    margin: 0 !important;
    padding: 0 !important;
}
ul.dropdown-menu li.wifull {
    width: 100% !important;
    text-align: left;
    height: auto !important;
}
ul.dropdown-menu li.hpoint{
    margin-top:5px;
}

ul.dropdown-menu li.outline {
    width: 100% !important;
}

ul.dropdown-menu li.title,ul.dropdown-menu li.title_s{
	text-align: left;
	font-size:14px;
	margin-top: 10px !important;
	margin-bottom: 3px !important;
}

ul.dropdown-menu li.title{
	width: 100%;
}

ul.dropdown-menu li.title_s{
	width: 46%;
	float:left;
}

.dropdown-menu a strong{
    font-size:12px;
    font-weight: normal;
}

.dropdown-menu a, .dropdown-menu a:hover {
    background-color: #12B5B0;
    width: 85%;
    height: 100%;
    padding: 0px;
    margin: 7px auto;
    color: #fff !important;
    display: block;
    line-height: 25px;
}

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;
    float: left;
    width: 47%;
    margin: 1% 1.5%;
}

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

.category_but li strong {
    display: block;
    float: left;
    clear:none;
    font-weight: bold;
    line-height:2em;
    margin: 4% 0%;
}

.category_but img {
    display: block;
    float: left;
    width: 15%;
    border: 1px solid #eee;
    margin: 4%;
}


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

.category_but li strong {
    font-size: 14px;
    display: block;
    float: left;
    margin: 12px 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;
}

/*  ピックアップ点滅  */

div.pickup {
    background-color: #f68094;
    padding: 3px 8px;
    font-size: 0.9em;
    color: #fff;
    margin: 1.5% 0 1.5% 2%;
}

/*--------------------------------------------------------------------------------
 パーツ
 -------------------------------------------------------------------------------*/
 
#contents_center h2 {
    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;
	overflow: hidden;
	width: 95%;
}
.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: 20px;
	padding: 0 5px 0px 5px;
}
.accordion2 input:checked + .contents {
	height: auto;
}
.accordion2 .group_cont {
	width: 48%;
    float: left;
    padding: 0 1%;
}
.photo_ubut {
    display: block;
    overflow: hidden;
    margin: 10px 0 0 0;
}
.photo_ubut a {
    padding: 1% 2%;
    float: right;
    margin-right: 4%;
}
/*--------------------------------------------------------------------------------
 各施術一覧 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;
    margin: 10px auto;
}

ul.t_list li img{
    width: 70%;
    display: block;
    margin: 0 auto;
}

ul.t_list a h6{
    margin:2% 0 4% 0;
    display: block;
}
.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: 45%;
    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: 100%;
    display: block !important;
    padding: 0;
}

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

ul.s_list a:hover{
    background-color: #effffe;
    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;
}

ul.s_list a p{
    margin-bottom: 5px !important;
}


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.s_list a div.go_but {
    float: right;
    color: #fff;
    padding: 0.5% 5%;
    margin-right: 3%;
    font-size: 0.85em;
}

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

ul.two img {
    margin: 0 auto 3% auto;
    width: 60%;
}
/*------------- 施術の詳細ul -------------*/

ul.Surgery_detail b{
  width: 35% !important;
}

ul.point div.left{
  width: 20% !important;
  text-align: center !important;
}

ul.point div.right{
  width: 68% !important;
  margin-left:2%;
}

/* 他の料金を見るボタン */
.other_price{
  width: 65% !important;
  float:right;
  display:block;
  margin-right: 0.5%;
}

/*------------- イージースクエア埋没法 -------------*/
ul.Easy_detail li img{
  width: 35% !important;
}

ul.Easy_detail li span{
  width: 62% !important;
}

/*------------- 大塚美容のこだわり -------------*/
div.good_photo img {
    width:30% !important;
}

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

div.needle_photo img {
    width:70% !important;
    margin: 0 auto;
    display: block;
}

div.needle_tex {
    width: 95%;
    margin: 0 auto 5% auto;
}

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

/*------------- 比較表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: 28%;
  font-size: 80% !important;
}
/*------------- ファットバンク -------------*/
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: 16%;
}

ul.merit li b.fcfat{
  position: absolute;
  top: 2%;
  left: 45px;
}

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

ul.safety strong {
    height: 55px;
}

ul.safety img{
    width: 70% !important;
    margin: 5% 0 !important;
}

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

/*------------- top症例写真バナー -------------*/
div.top_photo_bun{
  width:80%;
  margin: 5% 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:1%;
}
/* スマホのみ文字サイズ縮小 */
.smt_fontsmall{
	font-size: 1.8em;
}
/* H2位置揃え */
h2.topics_h2{
  font-size: 3em;
  top: 52% !important;
  right: 5% !important;
}
strong.topics_strong{
  top: 50% !important;
  right: 5% !important;;
}
/*----- 施術プロセスTOP -----*/
.process_bg,.set_bg{
  height: 0;
  padding-top: 38%;
  background-size: contain !important;
  position:relative;
  margin-bottom: 15%;
}
.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_but,.next_but01,.next_but02,.under_but{
  position: absolute;
  z-index: 100;
}
.indexgals {
    top: 52%;
    right: 4%;
    z-index: 8;
    width: 45%;
}
.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: 22%;
  width: 65%;
}
.index_03{
  top: 49%;
  width: 90%;
}
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%;
  top: 86%;
}
a.but_eye {
  left: 29%;
  top: 86%;
}
a.but_body {
  left: 50%;
  top: 86%;
}
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: 81%;
  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: 7%;
  left: 5%;
  border-bottom:solid 1px #e4566f;
  width:50%;
  font-size: 0.8em;
  line-height: 1.3em;
}
.pro_eye02{
  top: 16.5%;
  left: 5%;
  font-size: 3.2vw;
  line-height: 1.3em;
}
.pro_eye03{
  top: 41%;
  left: 5%;
}
.pro_eye04{
  top: 53%;
  left: 6%;
  font-size: 0.8em;
  line-height: 1.5em;
  width: 90%;
}
.pro_eye04 span,.pro_eye07 span{
 display: block;
 text-shadow: 0.5px 0.5px 2px #fff, -0.5px 0.5px 2px #fff, 0.5px -0.5px 2px #fff, -0.5px -0.5px 2px #fff;
}
.pro_eye05,.pro_eye08{
  bottom: 7.4%;
  right: 4%;
  width: 48%;
  z-index: 1;
}
.pro_eye06{
  top: 29%;
  left: 5%;
}
.pro_eye07{
  top: 39%;
  left: 6%;
  font-size: 0.9em;
  line-height: 1.45em;
  width: 90%;
}
.next_but {
    top: 82%;
    right: 5%;
    font-size: 0.9em;
    padding: 0 0 !important;
}
.next_but01,.next_but02{
  right: 10%;
  font-size: 0.9em;
  line-height: 1.5em;
}
.next_but01{
  top: 80%;
  right: 39%;
}
.next_but02{
  top: 80%;
  right: 5%;
}
.under_but {
  bottom: 5%;
  right: 0%;
  line-height: 1.5em;
  width: 100%;
  margin: 0 auto !important;
  padding: 0 !important;
}
.under_but li{
  margin: 3% auto !important;
  float: left;
  width: 33.333% !important;
}
.under_but li a{
  margin:0 2%;
}
/*----- コンバージョンボタン -----*/
.pro_but{
  width: 60%;
  bottom: -40%;
  left: 20%;
  padding: 3% 0;
  background-image: url('../images/process/pro_but.png') ;
  background-repeat: no-repeat;
  background-size: 100% !important;
  background-position:center center !important;
  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: 3vw;
 margin-top: 2.5%;
}
.pro_but a{
 font-size: 2vw;
 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: 4vw !important;
}
span.dripico {
    padding: 0.3% 0;
    width: 130px;
    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;
    line-height: 2.2em;
    top: 28%;
}
div.handa span{
    left: 5%;
}
div.ishii span {
    left: 42%;
}
h2.suff_bc {
    line-height: 1.4em !important;
}
/*------------- 体験談 -------------*/
ul.tphoto{
 width: 100%;
}
ul.tphoto li{
 width: 33.33333%;
 float:left;
 text-align: center;
}
ul.tphoto li a{
 display:block;
 overflow:hidden;
 border: 1px solid #ccc;
 width: 90%;
 margin: 5% auto;
 padding-top: 15px;
 background-color: #e6fffd;
}
ul.tphoto li a:hover{
 background-color: #fff;
 border: 1px solid #00B8B2;
}
ul.tphoto li img{
 width: 50%;
}
ul.tphoto li span {
    margin: 8px 0 10px 0;
    display: block;
    text-align: center;
    font-size: 2vw;
    line-height: 1.5em;
}