@charset "UTF-8";

/*------------------------------------------------------------------------------
 スマホ用スタイルシート
 -------------------------------------------------------------------------------*/

/*------------- common -------------*/
#contents,#contents_center,#contents_left,#contents_right,.breadcrumb {
	width:100%;
	overflow:hidden;
	margin:0 auto;
	font-size:3.75vw;
}
.cont_cen {
	width: 95% !important;
}
#contents_center h2{
  font-size: 5.9vw !important;
  font-weight:bold;
}
#contents_center h4 {
  font-size: 5.5vw !important;
  font-weight:bold;
  line-height: 1.5em !important;
}
#contents_left,#contents_right {
    width: 95%;
}
#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: 95%;
	margin: 2% auto 4% auto;
	letter-spacing: 0.04em;
	font-size: 0.9em;
	line-height: 1.6em;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #555;
  content: "\f105";
    font-family: FontAwesome;
  
}
.breadcrumb > .active {
  color: #777;
}
/*------------- スマホでは表示しない -------------*/
.smtnone {
	display: none !important;
}
/*------------- スマホでは強制改行 -------------*/
.smtblock {
	display: block !important;
}
/*------------- スマホのみフォント小さく -------------*/
.smtsmall01 {
	font-size:0.9em !important;
}
.smtsmall02 {
	font-size:0.8em !important;
}
.smtsmall03 {
	font-size: 4vw !important;
}
/*------------- header -------------*/
header {
	width:100%;

	overflow:hidden;
	background-color:#00B8B2;
}
header .head_in{
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
header .head_in .head_title{
	color:#fff;
	margin-left: 3%;
}
header .head_in .head_cont{ 
	color:#fff;
}
header .head_in h1 {
    display: block;
    margin-top: 5px;
    font-size: 3.4vw;
}
/*----- サイト内検索 -----*/
.search { 
    display: none;
}

/*----- サイトマップボタン -----*/
.head_cont .sitemap { 
	display:none;
}

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

input[type="checkbox"].on-off,.menu label span{
    display: none;
}
.menu {
    z-index: 10;
    position: absolute;
    right: 10px;
    top: 90px;
}

/*----- 別幅分 -----*/
@media(max-width:345px) and (min-width: 0px){
.head_cont .head_login{ 
	margin: 28% auto 0 auto;
}
}
@media(max-width:395px) and (min-width: 0px){

.android .menu {
    top: 90px;
}
}

.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;
    margin-top: -0.5%;
}

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

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

ul.sns_ico li i{ 
	text-align: center;
	display: block;
	line-height: 50px;
	font-size: 0.75em;
}

/*----- ログイン・電話関連 -----*/
.head_cont .head_login{ 
	display:block;
	overflow: hidden;
	margin: 16% auto 0 auto;
	width: 95%;
}
.head_cont ul.login_cont{
	display: block;
	overflow: hidden;
	margin-bottom: 4%;
}

.head_cont ul.login_cont li{ 
	float:left;
	width: 22%;
	margin-right: 1.2%;
}
.head_cont ul.login_cont li span{ 
	font-size:0.9em;
	line-height: 1.5em;
}

.head_cont ul.login_cont li a.but{ 
	background-color:#fff;
	padding: 5px 0px;
	display: block;
	font-size:0.7em;
	width: 90%;
	margin: 0 0 0 10%;
	text-align: center;
	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 */
}

.head_cont ul.login_cont li a.mypage:before,.head_cont ul.login_cont li a.net_yoyaku:before,.head_cont ul.login_cont li a.net_consult:before { 
	font-family: FontAwesome;
	color: #00B8B2;
	font-size:3em;
	display:block;
}

.head_cont ul.login_cont li a.mypage:before { 
	padding: 0 !important;
	content: "\f023";
	font-size: 3.8em;
}
.head_cont ul.login_cont li a.mypage span {
    margin-bottom: 4px !important;
    display: block;
}

.head_cont ul.login_cont li a.net_yoyaku:before { 
	content: "\f108";
}
.head_cont ul.login_cont li a.net_consult:before { 
	content: "\f086";
}
.head_cont ul.login_cont li a.but:hover{ 
	background-color:#b8f9f6;
	color:#000;
}

.head_cont strong.fnone{
	margin: 12px auto 0 auto;
	padding-bottom: 20px;
	width: 100%;
	display: block;
}

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

.head_cont strong.fnone a img{ 
	width: 55px;
	margin: 0 10px 0 0;
}

/*----- ヘッダ見出し・サブ -----*/
header .head_in .head_title a {
 width: 95%;
 overflow: hidden;
 position: absolute;
 z-index: 300;
 top: 5px;
 color: #fff;
 width: 80%;
 font-size: 90%;
}
header .head_in .head_title a img{
    width: 80%;
    margin-top: 20px;
}
header .head_in .head_title p{
    display:block;
    margin-top: 7px;
    width: 80%;
    font-size: 3vw;
}
/*----- 幅の差分 Android -----*/
.android header h1{
	top:10px;
}
/*----- 幅の差分 Android -----*/
.android .menu label {
    margin:5px 0 0 0;
}
/*****グローバルメニュー****/
#menu{
    width: 100%;
    margin: 10px auto;
    position: fixed;
    right: 0;
    top: -25px;
    z-index: 100;
}
#menu-inner{
    margin: 0 auto;
}
#menu-btn{display: 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 > 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 5px 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: 95%;
    background-color: #0491A2;
    overflow: hidden;
    margin:0 auto;
    padding: 10px 0;
    height: 100%;
    list-style-type: none;
}

#menu-content > li{
    width: 50%;
    height: 40px;/*６*/
}
#menu-content > li > a{
    width: 90%;
    line-height: 40px;/*６*/
    padding: 0;
    text-decoration: none;
    margin:0 auto;
    font-weight: bold;
}

#menu-btn span{
    display: block;
}

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

.smt_smallfont {
    font-size: 0.8em;
}

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

.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 3%;
    font-size: 1.2em;
    padding-right: 3% !important;
}
#menu-btn i.fa{
    color:#fff;
    margin-right: 1.5%;
    font-size: 2em;
}

/*------------- タイトル画像 -------------*/
.headimg {
    position: relative;
}
img.Indeximg {
    width: 95%;
    margin: 0 2.5%;
    padding: 16% 0 1% 0;
}
.headimg h1 {
    top: 6px !important;
    font-size: 5vw !important;
    margin: 0px 0px 5px 0px !important;
    background: #e6fffd;
    color:#555 !important;
    padding: 2% 2%;
    width: 100%;
    display: block;
    font-weight: bold;
}
.headimg strong {
    top: 46% !important;
    font-size: 0.9em !important;
    margin: 0 0 0 20px !important;
    width: 60% !important;
    font-weight: bold;
}

/*BCヘッダ*/

.head_bc h1 {
    display:block;
    width: 100%;
    font-size: 1.3em !important;
    top: 10px !important;
}

.head_bc h1 span{
    font-size: 0.6em !important;
}

.head_bc strong {
    top: 45% !important;
    display:block;
    line-height: 1.3em !important;
    width: 60% !important;
}

/*------------- 別幅 -------------*/
@media(max-width:530px) and (min-width: 480px){
.headimg strong {
    top: 52px;
}
}

/*------------- スライダー幅 -------------*/
.flexslider {
    background-color: #b8f9f6 !important;
    padding: 0 !important;
}
.flex-direction-nav a {
    top: 16% !important;
}
/*------------- コンテンツアイコン -------------*/
.flexslider ul.smt_menuico {
    display: block;
    overflow: hidden;
    width: 95%;
    margin: 0 auto 5% auto;
}

.flexslider ul.smt_menuico li {
    float: left;
    width: 23%;
    margin: 2% 1%;
    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: 78.5714286%;
    background-size: contain !important;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

.flexslider .slides li a {
    height: 0;
    padding-top: 78.5714286%;
    overflow: hidden;
    position: absolute;
    top: 0;
}

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

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

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

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

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

#page-top a.ptop {
    background-color: #0491A2;
    text-decoration: none;
    color: #fff;
    width: 20%;
    padding: 15px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    float:left;
    font-weight: bold;
}
#page-top a.ptop:hover,#page-top a.tel:hover,#page-top a.reserve:hover {
    text-decoration: none;
    background: #00B8B2;
    color: #fff;
}
#page-top a.tel,#page-top a.reserve {
    background-color: #0491A2;
    text-decoration: none;
    color: #fff;
    width: 38%;
    margin-right:2%;
    text-align: center;
    display: block;
    border-radius: 5px;
    float:left;
    font-size: 3.5vw;
    font-weight: bold;
    height: 44px;
    line-height:44px;
}
#page-top a span.smtdialog {
    padding: 8px 0 0 0 !important;
    display: block;
    line-height: 1.2em !important;
}
#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: 6% auto 3% auto;
  font-size: 4.8vw;
  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;
    width: 90%;
    margin: 10px;
    text-align: center;
}

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

.footer_in strong.fnone a{
	font-size: 9vw;
	color:#fff;
	line-height: 1em;
}

.android .footer_in strong.fnone a{
	font-size: 3em;
}

.footer_in strong.fnone a img{ 
	width: 12%;
	margin: 11.5px 8px 0 0;
}

.footer_in ul{ 
  width: 90%;
  margin: 4% auto 2% auto;
  overflow: hidden;
}

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

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

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

.footer_in ul li p a{ 
  display:none;
}
/*----- フッター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;
    width: 100%;
    color: #fff;
    line-height: 1.5em;
}
/*----- フッターポリシー -----*/
.policy { 
  width: 90%;
  margin: 0 auto 18% auto;
  overflow: hidden;
  text-align: left;
  line-height: 1.8em;
  font-size: 0.9em;
  color:#fff;
}

.policy a { 
  color:#fff;
}

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

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

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

.policy p{ 
  margin:2% 0 0 0;
  font-size: 0.8em;
  text-align: center;
}

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

.footer_in .circle_icobut p {
    background-color:#fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-align: center;
    padding: 10% 2%;
    font-size: 2.6vw;
}

.android .circle_icobut p {
    width: 26%;
}

.footer_in .circle_icobut p::before {
    color:#00B8B2;
    font-size: 4em;
    font-family: FontAwesome;
    display: block;
}

.footer_in .circle_icobut p.circle01,.footer_in .circle_icobut p.circle02,.footer_in .circle_icobut p.circle03{
    width: 85%;
    margin: 0 auto;
}

.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: 3px;
}

.circle_icobut a.but{
    display: block;
    position: relative;
    z-index: 1;
}

.circle_icobut a{
    width:33.333333%;
    overflow:hidden;
    float: left;
}

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

.footer_in ul.sns_ico {
    margin: 3% auto;
    position: static !important;
}
/*----- フッター関連リンク -----*/
.footer_link {
    display: block;
    width: 100%;
    padding: 5% 0;
    background-color: #0491A2;
    color: #fff;
    margin: 5% 0;
}
.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: 100%;
  margin: 0 auto;
  z-index: 10;
  position: relative;
  background-color: #fff;
  padding: 5% 0;
}

.main_bunner a{ 
  display:block;
  width: 80%;
  margin: 5% auto;
}

.main_bunner a img{ 
  width: 100%;
}

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

section.menulist{ 
  margin: 0 auto;
  padding: 5% 0;
  overflow: hidden;
}

section.menulist h2,section.popularlist h2,section.otsuka_cont h2,.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:#fff;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1.5em;
  margin-bottom: 5%;
  background-color: #00B8B2;
  padding: 0.2em;
}

section.menulist ul,section.popularlist ul,section.otsuka_cont ul,section.blog_cont ul,section.photo_cont ul,section.news_cont ul{  
  width: 100%;
  margin: 0 auto 5% auto;
}
section.menulist ul li p{ 
  display:block;
  width: 27%;
  margin: 0 1.5% 3% 1.5%;
  float: left;
    background-repeat:no-repeat;
    background-size: auto 100%;
    background-position: top center;
    border: 1px solid #ccc;
    border-radius: 10px;
    text-align: center;
    padding: 12% 0;
    position: relative;
}
section.menulist ul li p{ 
  display:block;
  width: 27.61%;
  margin: 0 2.5% 3% 2.5%;
  float: left;
    background-repeat:no-repeat;
    background-size: auto 100%;
    background-position: top center;
    border: 1px solid #ccc;
    border-radius: 10px;
    text-align: center;
    padding: 12% 0;
    position: relative;
}

section.menulist ul li a{ 
  display:block;
  font-size: 4vw;
  padding: 60% 0 0 0;
  border-radius: 0.5em;
  width: 100%;
  background-color: rgba(255,255,255,0.5);
  position: absolute;
  top: 0;
  left: 0;
  height: 32%;
    text-shadow: 2px 2px 1px #fff,
    -2px 2px 1px #fff,
    2px -2px 1px #fff,
    -2px -2px 1px #fff;
}

section.menulist ul li p span{ 
  display:none;
}

section.menulist ul li p.eye{ 
    background-image: url(../images/top/mainmenu/eye.png);
}

section.menulist ul li p.outline{ 
    background-image: url(../images/top/mainmenu/outline.png);
}

section.menulist ul li p.aging{ 
    background-image: url(../images/top/mainmenu/aging.png);
}

section.menulist ul li p.body{ 
    background-image: url(../images/top/mainmenu/body.png);
}

section.menulist ul li p.bust{ 
    background-image: url(../images/top/mainmenu/bust.png);
}

section.menulist ul li p.nose{ 
    background-image: url(../images/top/mainmenu/nose.png);
}

section.menulist ul li p.lips{ 
    background-image: url(../images/top/mainmenu/lips.png);
}

section.menulist ul li p.petit{ 
    background-image: url(../images/top/mainmenu/petit.png);
}

section.menulist ul li p.ikumou{ 
    background-image: url(../images/top/mainmenu/ikumou.png);
}

section.menulist ul li p.datsumou{ 
    background-image: url(../images/top/mainmenu/datsumou.png);
}

section.menulist ul li p.dental{ 
    background-image: url(../images/top/mainmenu/dental.png);
}

section.menulist ul li p.skin{ 
    background-image: url(../images/top/mainmenu/skin.png);
}

/*------------- メインメニューリスト下・麻酔について＆未成年者の方へ -------------*/

.menulist_subcont{ 
  width:90%;
  overflow: hidden;
  padding: 10px 0 0 0 !important;
  margin: 0 auto;
}
.menulist_subcont p{ 
  width:50%;
  float:left;
}
.menulist_subcont p a {
    width: 85% !important;
    font-size: 3.7vw;
    margin: 0 auto 5% auto !important;
    padding: 7% 5% !important;
}
/*------------- 最新治療 -------------*/
section.newsurgery_cont{ 
  margin: 0px auto;
  padding: 5% 0;
  clear: both;
  overflow: hidden;
}
section.newsurgery_cont .bun{ 
  width:100%;
  text-align: center;
  margin: 3% auto 0 auto;
}
section.newsurgery_cont .bun img{ 
  width:90%;
  margin:0 auto;
}
section.newsurgery_cont ul{ 
  width:100%;
}
section.newsurgery_cont ul li{ 
  width:80%;
  margin: 0 auto;
}
/*------------- 人気の施術バナー -------------*/
section.popularlist ul{ 
  margin: 0px auto;
  padding: 5% 0;
  clear: both;
  overflow: hidden;
  width: 100%;
}
section.popularlist ul li{ 
  width: 80%;
  margin:6% auto;
}
section.popularlist ul li a,section.popularlist ul li a img{ 
  width:100%;
}
/*------------- 大塚美容のおすすめコンテンツバナー -------------*/
section.otsuka_cont{ 
  margin: 0 auto;
  padding: 5% 0;
  clear: both;
  overflow: hidden;
}
section.otsuka_cont h2{ 
  margin-bottom: 5%;
}
section.otsuka_cont ul li{ 
  width: 80%;
  margin:6% auto;
  border: 1px #eee solid;
}
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;
}
/*------------- Seasonal Recommendedコンテンツ -------------*/
.pickup_cont{ 
  margin: 0 auto;
}
/* display none until init */
.owl-carousel{
	width: 100%;
}

.owl-wrapper-outer li{ 
  text-align: center;
}

.owl-wrapper-outer li img{ 
  width: 80%;
}

.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,.newsurgery_cont img{ 
    border: 1px solid #ddd;
}
.owl-theme .owl-controls .owl-page span{
	width: 12px !important;
	height: 12px !important;
	-webkit-border-radius: 20px !important;
	-moz-border-radius: 20px !important;
	border-radius: 20px !important;
}
/*------------- PICK UPコンテンツ -------------*/
section.up_cont h2 {
    font-family: 'Raleway', sans-serif;
}
section.up_cont{ 
  margin: 0 auto;
  padding: 5% 0;
  width: 100%;
}
section.up_cont ul li,section.shop_cont ul li{
  width: 80%;
  margin: 0 auto 6% auto;
  border: 1px solid #ddd;
}
section.up_cont ul li a img,section.shop_cont ul li img{  
  width:100%;
  margin: 0 auto;
}
/*------------- 症例写真コンテンツ -------------*/
section.photo_cont h2 {
    font-family: 'Raleway', sans-serif;
}
section.photo_cont{ 
  margin: 0 auto;
  padding: 5% 0;
  width: 100%;
}
section.photo_cont p.subtex,section.news_cont p.subtex{ 
  width: 90%;
  margin: 10px auto;
  text-align: center;
  line-height: 1.4em;
}
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: 4.4vw;
  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 a{ 
  color:#fff;
}
section.photo_cont ul li p a span{ 
  margin-left: 3%;
  font-size: 4.2vw;
}
/*------------- ドクターブログ -------------*/
section.blog_cont{ 
  margin: 0px auto;
  padding: 5% 0;
  clear: both;
  overflow: hidden;
}
section.blog_cont h2{ 
  margin-bottom: 5%;
}
section.blog_cont ul li{ 
  width: 80%;
  margin:6% auto;
}
section.blog_cont ul li a,section.blog_cont ul li a img{ 
  width:100%;
}
/*------------- オンラインショップ -------------*/
section.shop_cont ul{ 
  width: 90%;
  margin: 0 auto !important;
}
section.shop_cont{ 
  background-color: #fff;
  margin: 0 auto;
  padding: 5% 0;
  clear: both;
  overflow: hidden;
}
section.shop_cont ul li a img{ 
  border: 1px solid #ddd;
}
/*------------- 新着情報トップ -------------*/
.news_cont .news_topic ol li {
    margin: 1% 0 3% 0 !important;
}
.news_cont .news_topic ol li p {
    margin-top: 2% !important;
    width: 30% !important;
}
.news_cont .news_topic ol li span{
    width: 28% !important;
}
.news_cont .news_topic ol li a {
  width: 100% !important;
  line-height: 1.5em;
  padding-bottom: 1%;
  margin-left: 0 !important;
}
/*------------- 新着情報 -------------*/
.news_topic ul.rss_cont {
    float: left !important;
}
section.news_cont{
  margin: 0 auto;
  margin:6% auto;
  clear: both;
  overflow: hidden;
  width:100%;
}
section.news_cont .news_topic{ 
  width: 90%;
  margin: 3% 5% 6% 5%;
  border:0px;
}
section.news_cont ul.osusume li {
    width: 80%;
    margin: 0 auto 6% auto;
}
section.news_cont ul.osusume img{
  width: 100%;
  margin: 0 auto 8% auto;
  display: block;
  border: solid 1px #eee;
}
.news_topic ol li {
    margin: 0 0 5% 0 !important;
    padding: 0 0 2% 0 !important;
}
.news_topic ol li p {
    width: 28%;
    text-align: center;
}
.news_topic ol li span{
    width: 30%;
}
/*------------- サイドメニューコンテンツ -------------*/

#contents_left strong{
  font-size: 1.2em;
  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 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;
}
#contents_left ul li a:before{
  padding: 0 5px;
  color: #00B8B2;
  content: "\f105";
  font-family: FontAwesome;
}
#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-bottom: 10px;
    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) ;
}

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

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

#contents_right_in h2{
  margin-top: 15% !important;
  font-weight: bold;
}

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

#contents_right_in h3 {
    font-size: 5.6vw !important;
    padding: 0 .5em 0.1em 1.6em !important;
    line-height: 1.5em !important;
    font-weight: bold;
    color: #777 !important;
    margin-bottom: 0.8em;
}
#contents_center h3::before {
    width: 15px !important;
    height: 15px !important;
}
#contents_center h3::after {
    width: 10px !important;
    height: 10px !important;
}
#contents_right_in h5{
  font-size:1.4em !important;
  margin-bottom: 3% !important;
}

#contents_right_in .sub_cont_text{
  margin:0 0 30px 0 !important;
  line-height:1.6em !important;
}

#contents_right_in .sub_cont_text p{
  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: 5%;
}

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

/*------------- 2段組みから1段組へ変更する -------------*/
.set_2to1_in{
  width:95% !important;
  margin:0 auto !important;
}
/*------------- テーブル -------------*/
table{
  width:95% !important;
  margin:20px 2.5% !important;
}

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

table.not td {
  display: block;
}

td span:before {
  content:"■";
  margin-right:1%;
  color: #0491A2;
}
table.eye_type td span:before {
  content:"" !important;
  margin-right:0% !important;
}
/*------------- 分割系ul -------------*/
ul.four,ul.three,ul.three_bun,ul.four_bun,ul.two,ul.five{
	display:block;
	overflow:hidden;
	clear: both;
}

ul.two{
	margin-top: 0% !important;
}

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

ul.three li img,ul.three_two li img{
	width:90%;
	margin:0 auto;
}

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

ul.three_bun li a{
	padding: 0 8%;
	font-size: 0.8em;
}

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

/*------------- 画像の幅変更：70％から90％に -------------*/
.wi_imgmov01{
	width:90%;
	margin:0 auto;
}
/*------------- 画像の幅変更：35％から60％に -------------*/
.wi_imgmov02{
	width:60%;
	margin:0 auto;
}
/*------------- 画像の幅変更：50％から80％に -------------*/
.wi_imgmov03{
	width:80%;
	margin:0 auto;
}
/*------------- 割合 -------------*/
.mt01per	{ margin-top: 2% !important; }
.mt02per	{ margin-top: 4% !important; }
.mt03per	{ margin-top: 6% !important; }
.mt05per	{ margin-top: 10% !important; }
.mt06per	{ margin-top: 6% !important; }
.mt07per	{ margin-top: 7% !important; }
.mt08per	{ margin-top: 8% !important; }
.mt09per	{ margin-top: 9% !important; }

.mr01per	{ margin-right: 2% !important; }
.mr02per	{ margin-right: 4% !important; }
.mr03per	{ margin-right: 6% !important; }
.mr04per	{ margin-right: 8% !important; }
.mr05per	{ margin-right: 10% !important; }

.mb01per	{ margin-bottom: 2% !important; }
.mb02per	{ margin-bottom: 4% !important; }
.mb03per	{ margin-bottom: 6% !important; }
.mb04per	{ margin-bottom: 8% !important; }
.mb05per	{ margin-bottom: 10% !important; }

.ml01per	{ margin-left: 2% !important; }
.ml02per	{ margin-left: 4% !important; }
.ml03per	{ margin-left: 6% !important; }
.ml04per	{ margin-left: 8% !important; }
.ml05per	{ margin-left: 10% !important; }

.pv01per		{ padding-top: 2% !important; padding-bottom: 2% !important; }
.pv02per		{ padding-top: 4% !important; padding-bottom: 4% !important; }
.pv03per		{ padding-top: 6% !important; padding-bottom: 6% !important; }
.pv04per		{ padding-top: 8% !important; padding-bottom: 8% !important; }
.pv05per		{ padding-top: 10% !important; padding-bottom: 10% !important; }

.ph01per		{ padding-right: 2% !important; padding-left: 2% !important; }
.ph02per		{ padding-right: 4% !important; padding-left: 4% !important; }
.ph03per		{ padding-right: 6% !important; padding-left: 6% !important; }
.ph04per		{ padding-right: 8% !important; padding-left: 8% !important; }
.ph05per		{ padding-right: 10% !important; padding-left: 10% !important; }

/*------------- 大塚美容について 基本理念 -------------*/
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: 31%;
}

a.but_doc{
	width: 46%;
}

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

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

/*------------- ページ下部コメント欄 -------------*/
div.under_comment{
  width:100%;
  padding: 5% 4% !important;
}

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

ul.sitemap li{
  width:48%;
  float:left;
  margin:0 0.5%;
}

ul.sitemap li a{
  font-size:1em;
  line-height: 1.7em;
  margin-bottom: 3px;
}

ul.sitemap li{
  width: 100%;
}

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.2em;
  line-height: 1.8em;
  width: 100%;
}

ul.lineup li a.end{
  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: 28.9855072%;
    background-size: contain !important;
    position: relative;
    margin: 20px auto;
    display: block;
    border: 1px solid #ddd;
}

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

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

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

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

.bc_bun_50{
    background: url('../images/bc/bc_but50_smt.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: 1.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: 0.8em;
}

.bc_bun_10 span,.bc_bun_30 span,.bc_bun_50 span{
    top: 58%;
    right: 5%;
}

.bc_bun_20 span,.bc_bun_40 span{
    top: 58%;
    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: 48.7%;
   font-size: 1.5em !important;
   color: #f68094;
}

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

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

.ts_pos a{
    padding:3% 0;
}

.four_font {
   font-size: 2.5vw !important;
   margin: 4%;
   font-weight: bold;
}

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

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

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

.main_images img{
    __width: 35%;
    width: 50%;
    margin: 0 5%;
}
/*術前コメント*/
.comment_dodai{
  width:85%;
  margin: 50px auto 5% auto !important;
}

.maru_dodai{
  left: -10px;
  top: -30px;
  width: 60px;
  height: 60px;
}

strong.sub_maru{
  font-size: 0.7em !important;
  font-weight: bold;
}

.maru_dodai .topspace{
    margin-top: 14px;
    line-height: 1.2em;
}

.width_right{
    width: 100%;
    margin: 0 0 3% 0;
    display:block;
}

.smt_b{
    margin: 2% 0 3% 18%;
    display: block;
    width: 85%;
}
/*------------- ビューティーコロシアム -------------*/
ul.bc_agebut li{
  width: 44% !important;
  margin: 2% 2.5% !important;
  font-size: 3vw !important;
  font-weight: bold;
}

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

ul.lineup_list li span {
    width: 100%;
    margin: 2% 0;
}

img.bc_after {
    width: 50% !important;
    margin: 0 25% !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: 40%;
   margin: 0 3.4%;
    float: left;
}

ul.ba_list li i.images_go {
    left: 48.5%;
}

ul.ba_list li i.images_go02,ul.ba_list li i.images_go03 {
    left: 50%;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}


ul.ba_list li i.images_go02 {
    top: 31.5%;
}

ul.ba_list li i.images_go03 {
    top: 63.7%;
}

ul.ba_list li i.images_go04 {
    top: 51% !important;
    left: 48.2%;
}

ul.ba_list li i.images_go05 {
    left: 49.5%;
    top: 46% !important;
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}

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

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: 100%;
	margin: 5% 0 !important;
	display: 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,
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: 85%;
    display:block;
    overflow:hidden;
    margin: 5% auto 0 auto;
}
/*------------- ツイッター -------------*/
#twitter-widget-1{
    width: 99.5% !important;
    margin-bottom: 20px !important;
}

/*------------- インスタグラム -------------*/
div.instagram{
    display: block;
    width:100%;
    margin-top:30px;
}

div.instagram img{
    width: 80%;
    border: 1px solid #ccc;
    padding: 3px;
    background-color: #fff !important;
    margin: 0 auto;
    display: block;
}

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

/*!---------- 症例写真トップ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: 0.8em;
    font-weight:bold;
    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;
}

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

div.contents_list,.about {
    width: 100%;
}

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 3% 10px 0;
    display: inline-block !important;
    padding: 5px 15px;
    float: right;
    font-size: 0.9em;
}

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

ul.main_but li a span {
    display: block;
}

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

ul.main_but li {
    font-size: 0.6em;
    display: block;
    float: left;
    width: 49%;
    text-align: center;
    margin: 0 0 3% 0;
}

ul.main_but li.right {
    margin-right:2%;
}

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

/* 症例写真 */
.casephoto {
    display:block;
    margin-bottom: 5%;
}

.casephoto ul {
    list-style: outside none none;
    display:block;
    margin: 5% 0px 0px 0px;
    padding: 0px;
}

.casephoto ul li {
    display: block;
    font-size: 20px;
    text-align: center;
}

.casephoto ul li.entity,.entity_lotate  {
    color: #e4566f;
    width: 100%;
    text-align: center;
    font-size: 3em !important;
    margin:0 !important;
    height: 40px;
}

.casephoto ul li.entity  {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-top: 20px !important;
}

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

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

.casephoto ul li span.before, .casephoto ul li span.after, .case_after {
    display: block;
    width: 85%;
    padding: 5px 10px;
    position: relative;
    font-size: 14px !important;
    letter-spacing: 0.1em;
    margin: 10px auto 0px;
    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;
    line-height: 1.5em;
}

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

.subf{
    font-size: 90% !important;
    letter-spacing: 0.03em;
    line-height: 1.5em !important;
}

hr {
    margin: 3% auto 3% auto !important;
    width:98%;
    border-top:1px dashed #ccc;
}

hr.bc {
    border:none !important;
}

/* サブテキスト タイトル */
.casephoto div.subt {
    margin-top: 2%;
    color:#3FB7B1;
    font-weight:bold;
    font-size: 1.2em;
}

/* サブテキスト 内容 */
.casephoto div.subc {
    margin-left:2%;
}

/* 先生写真 */
.casephoto div.doctor,.casephoto div.doctor span {
    display: none;
}

/* 先生コメント */
.casephoto .doc_com {
    letter-spacing: 0.03em;
    margin: 0 auto 5% auto;
    width: 95%;
}

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

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

div.photo_but a{
    background-color: #12B5B0;
    color: #FFF !important;
    display: block;
    line-height: 1.5em;
	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% 4%;
	text-align: center;
	font-size: 1.3em;
}

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;
}
ul.dropdown-menu li.hpoint{
    margin-top:5px;
}
ul.dropdown-menu li.outline {
    width: 50% !important;
    margin: 1% 0 !important;
    float:left;
}

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: 3.5vw;
    font-weight: bold;
    line-height: 38px;
}
.dropdown-menu a strong span {
    display: block;
    line-height: 1.1em !important;
    margin: 2px 0 0 0 !important;
    font-size: 3.6vw;
}
.dropdown-menu a, .dropdown-menu a:hover {
    background-color: #12B5B0;
    width: 85%;
    height: 37px;
padding: 5px 0;
    margin: 6px auto;
    color: #fff !important;
    display: block;
    line-height: 1.4em;
}
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;
}

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


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

.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;
    width: 90%;
    padding: 0;
}
ul.category_but li a {
    width: 90%;
    overflow: hidden;
    background-color: #fcbaba;
    display: block;
    color: #fff;
    padding: 0;
}
/*------------- 別幅 -------------*/
@media(max-width:375px) and (min-width: 320px){
.dropdown-menu a strong span {
    line-height: 1.3em !important;
}
}
@media(max-width:414px) and (min-width: 376px){
ul.category_but li a,ul.category_but li a:hover {
    height: 43px;
    line-height:43px;
}
.dropdown-menu a strong span {
    line-height: 1.2em !important;
}
}
@media(max-width:480px) and (min-width: 415px){
ul.category_but li a,ul.category_but li a:hover {
    height: 48px;
    line-height:48px;
}
.dropdown-menu a strong span {
    line-height: 1.2em !important;
}
}
ul.category_but li span {
    margin-left:3%;
}
.category_but li strong {
    display: block;
    float: left;
    clear:none;
    font-weight: bold;
    line-height:2em;
    margin: 6px 0% 0% 0%;
}

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

/* マウスオーバー */

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

.subc a {
    background-color:#C9EEEF;
    padding: 5px 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    margin-top: 5px;
    display: block;
}

.subc a:hover {
    background-color:#eafcfc;
    color:#555;
}


/*症例写真各カテゴリトップ*/
#main-contents h5 {
    color: #333333;
    margin-left: 3px;
    font-size: 0.8em;
    font-weight: bold;
    padding: 8px 0px 8px 10px;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.subContent h5 span div {
    top: 25%;
    left: 90px;
    font-size: 0.8em;
    font-weight: normal;
}

.subContent h5 span strong {
    font-size: 1.4em;
    color: #39B5AE;
    display: block;
    font-weight: bold;
    padding-top: 0.5em;
    padding-bottom: 0.1em;
    padding-left: 5px;
    font-family: "fgutsukushiweb","Times New Roman","ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"游明朝",YuMincho,"メイリオ",Meiryo,"HGS明朝E","HGMinchoE","ＭＳ Ｐ明朝","ＭＳ 明朝",MS PMincho,’MotoyaLCedar’,serif !important;
}

.subInner {
    display: block;
    margin: 0px;
    border-bottom: 1px solid #CCC;
}

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

#main-contents h3{
    overflow: hidden;
    width: 100%;
}
/*スマホ写真アコーディオン*/
.accordion {
    margin: 5% auto 3% auto;
    overflow: hidden;
    border-radius: 8px;
}

.accordion input {
	display: none;
}
.accordion label {
	display: block;
	cursor: pointer;
	padding: 20px 10px;
	background-color: #12B5B0;
	color:#fff;
	font-weight:bold;
	font-size: 5vw;
}
.accordion label:hover {
	background-color: #008B8B;
}
.accordion .ac-cont {
	transition: 0.2s;
	height: 0;
	overflow: hidden;
	background: #e6fffe;
	padding: 0 10px;
}
.accordion input:checked + .ac-cont {
	height: auto;
	padding: 10px 0;
}
/*スマホ写真アコーディオンnew*/
.cont_dropdown{
  width: 100%;
  margin: 5% auto 0 auto;
}
.cont_dropdown > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dropdown {
  position: relative;
}
.dropdown a {
  text-decoration: none;
}
.dropdown [data-toggle="dropdown"] {
  display: block;
	cursor: pointer;
	padding: 20px 10px;
	background-color: #12B5B0;
	color:#fff;
	font-weight:bold;
	font-size: 5vw;
}
.dropdown [data-toggle="dropdown"]:before {
  position: absolute;
  display: block;
	content: "\f13a";
	font-family: FontAwesome;
  font-size: 1.4em;
  color: #fff;
  top: 15px;
  right: 10px;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}
.dropdown > .dropdown-menu {
  max-height: 0;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -moz-transition: max-height 0.6s ease-out;
  -o-transition: max-height 0.6s ease-out;
  -webkit-transition: max-height 0.6s ease-out;
  transition: max-height 0.6s ease-out;
  animation: hideAnimation 0.4s ease-out;
  -moz-animation: hideAnimation 0.4s ease-out;
  -webkit-animation: hideAnimation 0.4s ease-out;
}
.dropdown > .dropdown-menu li {
  padding: 0;
  display: block;
  padding: 10px 10px;
}
.dropdown > input[type="checkbox"] {
  opacity: 0;
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.dropdown > input[type="checkbox"]:checked ~ .dropdown-menu {
  max-height: 9999px;
  display: block;
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  animation: showAnimation 0.5s ease-in-out;
  -moz-animation: showAnimation 0.5s ease-in-out;
  -webkit-animation: showAnimation 0.5s ease-in-out;
  -moz-transition: max-height 2s ease-in-out;
  -o-transition: max-height 2s ease-in-out;
  -webkit-transition: max-height 2s ease-in-out;
  transition: max-height 2s ease-in-out;
  overflow: hidden;
  background: #e6fffe;
  padding: 3% 0;
}
.dropdown > input[type="checkbox"]:checked + a[data-toggle="dropdown"]:before {
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
}

@keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-moz-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@-webkit-keyframes showAnimation {
  0% {
    -moz-transform: scaleY(0.1);
    -ms-transform: scaleY(0.1);
    -webkit-transform: scaleY(0.1);
    transform: scaleY(0.1);
  }
  40% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.04);
    -ms-transform: scaleY(1.04);
    -webkit-transform: scaleY(1.04);
    transform: scaleY(1.04);
  }
  100% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}
@keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-moz-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}
@-webkit-keyframes hideAnimation {
  0% {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
  60% {
    -moz-transform: scaleY(0.98);
    -ms-transform: scaleY(0.98);
    -webkit-transform: scaleY(0.98);
    transform: scaleY(0.98);
  }
  80% {
    -moz-transform: scaleY(1.02);
    -ms-transform: scaleY(1.02);
    -webkit-transform: scaleY(1.02);
    transform: scaleY(1.02);
  }
  100% {
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
  }
}


/*アイコン用*/
.fa:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 5% !important;
}
.c-fa-lineline:before {
  font-family: fontello !important;
}


/*------------- SNSボタン -------------*/
div#social-button {
    text-align: center;
    overflow: hidden;
    margin: 5% 2% 5% 5% !important;
    z-index:50;
}

div#social-button a.twitter,div#social-button a.facebook,div#social-button a.google,div#social-button a.line{
    width: 40px !important;
    font-size: 1.5em !important;
    float: left;
    height: 40px !important;
    text-align: center !important;
    line-height: 40px;
    padding: 0 !important;
}

.smtfa {
    margin-right: 0px !important;
}

/* 小顔・輪郭・アゴ用アコーディオン */
.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: 100%;
}

/*--------------------------------------------------------------------------------
 各施術一覧 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;
}
 
/* 施術トップ */
ul.t_list {
	margin: 0 auto;
	overflow: hidden;
	border:1px solid #ccc;
	padding:3% 0;
}

ul.t_list li {
    width: 50%;
    display: block !important;
    float:left;
    margin: 10px auto;
}

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

ul.t_list a strong{
    margin:2% 0 4% 0;
    display: block;
    font-size: 0.9em;
    line-height: 1.5em;
}
.modal-window h5 {
    position: relative;
    margin-top: 40px;
}

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

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

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

.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;
    margin-bottom: 4%;
}

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

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

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

/*------------- 施術の詳細ul -------------*/
ul.Surgery_detail{
  width: 100% !important;
}
ul.Surgery_detail b{
  width: 40% !important;
}
ul.Surgery_detail, ul.point {
    font-size: 0.9em !important;
}
ul.point div.left{
  width: 30% !important;
  float:none !important;
  height: 2em !important;
  line-height: 2em !important;
  text-align: center;
}

ul.point div.right{
  width: 100% !important;
  float:none !important;
  line-height: 1.4em !important;
  margin: 2% 0 !important;
}


/*------------- イージースクエア埋没法 -------------*/

ul.Easy_detail li img{
  float:none !important;
  width:70%;
  margin: 0 auto 3% auto !important;
}

ul.Easy_detail li span{
  float:none !important;
  width: 100% !important;
  margin-bottom: 5%;
  display: block;
}

/* テーブル3分割 */
table.Table_three,table.eye_type{
    border: 1px solid #ccc;
    font-size: 0.95em;
}

table.eye_type{
    font-size: 0.7em !important;
    line-height: 1.5em;
}

table.eye_type th,table.eye_type td{
    display:table-cell;
    padding: 2%;
}

table.Table_three th{
    width:50%;
}

table.Table_three td,table.eye_type td{
    display:table-cell;
    border: 1px solid #ccc;
}

table.Table_three td.w_33{
    width:50%;
}

table.Table_three td.w_50{
    width:25%;
}

/* 他の料金を見るボタン */
.other_price{
  width: 100%;
  display:block;
  margin-top: 2%;
}

/*------------- Q＆A -------------*/
.sub_cont_text div.qu {
    font-size: 1.1em !important;
    background-size: 10% !important;
    background-position: 4% 50% !important;
    padding: 2% 0 !important;
}

.sub_cont_text div.an {
    background-size: 10% !important;
    background-position: 0% 5% !important;
    padding: 1% 0 !important;
    margin: 0 3.5% 20px 5% !important;
}

.sub_cont_text div.qu span {
    margin: 0 3% 0 17% !important;
    line-height: 1.4em !important;
}

.sub_cont_text div.an span {
    margin-left: 13% !important;
    display: block !important;
    
}

/*------------- ボタンサイズ調整 -------------*/
.right_but{
    padding: 2% 0;
    width: 100%;
    font-weight:bold;
}

/*------------- 大塚美容のこだわり -------------*/
div.good_photo img {
    width:65% !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:100% !important;
    margin: 0 auto;
    display: block;
}

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

/*------------- 逆さまつ毛の施術 -------------*/
div.down_surgery01 {
    margin: 0 !important;
}
div.down_surgery01 b{
  margin: 5% 2% 2% 2% !important;
}

div.down_surgery01 span {
    margin: 2% 0 5% 0 !important;
}

.undertry::after{
  content: "\f103";
  font-family: FontAwesome;
  color:#00B8B2;
  font-size: 2em;
  display: block;
  text-align: center;
}

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

/*------------- 比較表ul -------------*/
div.feature{
  width: 30%;
  font-size:80% !important;
}
table strong.bustbag_title{
  display: block;
  padding: 2.5% 0;
  background-color: #8a1d30 !important;
  color:#fff !important;
}

ul.comparison li span{
  margin-right:4%;
}
ul.comparison li span:after{
  content:"…";
}

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

ul.parts li img {
    width: 80%;
    margin-bottom: 8% !important;
}

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:100%;
  position: relative;
}

ul.merit li b.fcfat{
  position: absolute;
  top: 4%;
  left: 23%;
}

ul.merit li .meri_tex{
  margin-top: 105%;
  margin-bottom: 5%;
  margin-left: 2.5% !important;
}

ul.safety li{
  margin-bottom: 5%;
}


ul.safety strong {
    height: 55px;
}

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

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

/*------------- 肌トップお悩み -------------*/
ul.skin_trouble li div{
  padding: 5% !important;
}
ul.skin_trouble li{
  margin: 5% auto;
  width: 90%;
}
/*------------- top症例写真バナー -------------*/
div.top_photo_bun{
  width:100%;
  margin:0 auto 10% auto;
  display:block;
}

div.top_photo_bun a img {
    width: 80%;
    text-align: center;
    margin: 0 auto;
    display: block;
}
/*------------- トピックス＆体験者の声 -------------*/
ul.fnone_fl{
  width:90%;
  margin:0 auto;
}

ul.fnone_fl li{
  float:left !important;
  display: block;
  width:50%;
  margin-bottom:3%;
}

/* スマホのみ幅縮小 */
.smtwi_95{
  width:95%;
  margin:0 auto;
}
/* スマホのみ文字サイズ縮小 */
.smt_fontsmall{
	font-size: 1.3em;
}
h2.topics_h2 {
    top: -60% !important;
    left: 0% !important;
    background-color: #e4566f;
    width: 100%;
    margin: 0 !important;
    padding: 2% 0;
    text-align: center;
    text-shadow: none !important;
    color: #fff;
}
strong.topics_strong{
  top: 0% !important;
  width: 95% !important;
  margin: 0 2.5% !important;
}
/*----- 埋没法バナー -----*/
ul.maibotsu_bun li{
	float:none;
	width:100%;
}
ul.maibotsu_bun li a.bun_easy, ul.maibotsu_bun li a.bun_natural, ul.maibotsu_bun li a.bun_fb {
    padding-top: 30% !important;
}
/*----- 施術プロセスTOP -----*/
.process_bg,.set_bg{
  background-size: contain !important;
  position:relative;
  height: 0;
  padding-top: 125%;
  padding-bottom: 50%;
  background-repeat: no-repeat !important;
}
.process_bg{
  background: url('../images/process/bg_smt.png');
}
.set_bg{
  background-image: url('../images/process/bg_smt_set.png');
}
.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: 10;
}
.indexgals {
    bottom: 29.5%;
    right: 4%;
    z-index: 8;
    width: 90%;
}
.index_01,.index_02,.index_03{
  z-index: 9;
  left: 5%;
}
.index_01{
  top: 3%;
  font-size: 1.3em;
  letter-spacing: 0.4em;
}
.index_02{
  top: 9%;
  width: 90%;
}
.index_03 {
    top: 17%;
    width: 90%;
    font-size: 0.9em;
    line-height: 1.5em;
}
a.but_eye,a.but_body,a.but_cou{
  color: #fff !important;
  width: 100px;
  height: 100px;
  background-size: contain !important;
  text-align: center;
  top: 57%;
  font-size: 3.5vw;
  line-height: 1.4em;
  font-weight: bold;
}
a.but_cou {
  left: 35%;
  top: 37%;
}
a.but_eye {
  left: 15%;
  top: 52%;
}
a.but_body {
  right: 15%;
  top: 52%;
}
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: 37px 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: 30% 0 0 0;
}
a.but_body span{
  margin: 50px 0 0 0;
}
.sub_cont_text .flexslider{
    width: 100%;
}
.first{
  background-color: #fff;
  width: 50px;
  height: 50px;
  top: 35%;
  left: 30%;
  z-index: 9;
  text-align: center;
  border-radius: 50%;
  font-size: 0.5em;
  line-height: 1.5em;
}
.first span{
  margin: 12px 0 0 0;
  display: block;
  transform: rotate(-30deg);
}
/*----- 施術プロセス目もと -----*/
.pro_eye01,.pro_eye02,.pro_eye03,.pro_eye04,.pro_eye06,.pro_eye07{
  left: 5%;
  width:90%;
}
.pro_eye01{
  top: 5%;
  border-bottom:solid 1px #e4566f;
}
.pro_eye02{
  top: 12%;
  font-size: 6.1vw;
  line-height: 1.3em;
}
.pro_eye03{
  top: 25%;
  line-height: 1.3em;
}
.pro_eye04{
  font-size: 0.85em;
  line-height: 1.5em;
  top: 33.5%;
}
.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{
top: 42%;
right: 4%;
width: 70%;
z-index: 1;
}
.pro_eye06{
  top: 18%;
}
.pro_eye07{
  top: 24%;
  left: 6% !important;
  font-size: 0.9em;
  line-height: 1.5em;
}
.next_but01,.next_but02{
  font-size: 0.6em;
  line-height: 1.5em;
  width: 40%;
  padding: 2% 0 !important;
}
.next_but{
  top: 63%;
  width: 80%;
  left: 8%;
}
.next_but01{
  top: 64%;
  left: 5%;
}
.next_but02{
  top: 64%;
  right: 5%;
}
.under_but {
  right: 0%;
  line-height: 1.5em;
  width: 100%;
  margin-top: -30%;
}
.under_but li{
margin: 3% auto !important;
}
/*----- コンバージョンボタン -----*/
.pro_but{
  width: 90%;
  height: 0;
  padding-top: 20.4968944%;
  bottom: 14%;
  left: 6%;
  background-size: contain;
  background-image: url('../images/process/pro_but.png');
  background-repeat: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: 4.5vw;
  margin-top: -17%;
  margin-bottom: 10%;
}
.pro_but a{
font-size: 1em;
display: block;
width: 100%;
color: #333 !important;
text-shadow: none;
text-align: left;
line-height: 2em;
margin: 0;
}
.pro_left{
 text-align:right;
 margin-right:3%;
}
.pro_right{
 text-align:left;
 margin-left:1%;
}
.slick-dots {
 bottom: -70px !important;
}
.slick-dotted.slick-slider {
 margin-bottom: 60% !important;
}
/*------------- 美容点滴 -------------*/
h4#drip {
    font-size: 5.5vw !important;
    font-weight:bold;
}
span.dripico {
    padding: 0.4% 0;
    width: 45%;
    display: block;
    text-align: center;
    margin-top: 5%;
}
/*------------- 大塚美容紹介 -------------*/
div.handa,div.ishii{
 padding-top: 70%;
}
div.handa{
 background: url('../images/stuff/handa_bg_smt.png') 0 0 no-repeat;
}
div.ishii{
 background: url('../images/stuff/ishii_bg_smt.png') 0 0 no-repeat;
}
div.handa span, div.ishii span {
    display: block;
    position: absolute;
    line-height: 1.8em;
    top: 28%;
    width: 60%;
}
div.handa span{
    left: 5%;
}
div.ishii span {
    left: 38%;
}
h2.suff_bc {
    line-height: 1.4em !important;
}
/*------------- 体験談 -------------*/
ul.tphoto{
 width: 100%;
}
ul.tphoto li{
 margin: 0 auto;
}
ul.tphoto li a {
    display: block;
    overflow: hidden;
    border: 1px solid #ccc;
    margin: 5% auto;
    background-color: #e6fffd;
    padding: 4%;
}
ul.tphoto li a:hover{
 background-color: #fff;
 border: 1px solid #00B8B2;
}
ul.tphoto li img{
 width: 25%;
 float:left;
 border: 1px solid #ccc;
}
ul.tphoto li span {
    width: 74%;
    float: left;
    display: block;
    text-align: center;
    margin-top: 3.5%;
    font-size: 5vw;
}