@charset "utf-8";


/* 基本
----------------------------------------------------------*/
html {

}
body {
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-size: 15px;
line-height: 26px;
color: #362a23;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
ul {
    list-style: none;

}
img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom; /*■■■*/
    line-height: 0;
}

.wi80 {
    width:65%;
}


/* ----- 一般的なリンク ----- */
a,
a:visited {
    color: #48b7b8;
    text-decoration: none;
    outline: none;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

a:hover,
a:active,
a:focus {
    text-decoration: underline;
    color: #23b8bc;
}
a:hover img,
a:active img,
a:focus img {
    opacity: .7;
}

/* clearfixなど
----------------------------------------------------------*/
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;   
    clear: both;
    visibility:hidden;
}
.clearfix{
    display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}
/* End Hack */


/* ====================================================================
 wrap & header
==================================================================== */

/* wrap
----------------------------------------------------------*/
#wrap {}



/* header
----------------------------------------------------------*/
#page-title {
	font-size: 85%;
    text-align: center;
    padding: 5px 0;
    color: #FFF;
    background: #48b7b8;
}

#head_up{
    padding-top: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 980px;
    margin: 0 auto;
}

/*h1{
    font-size: 12px;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    color: #707070;
}*/

.he_right{
 margin-left: auto;
}

.mari0{
    margin-right: 0!important;
}

.mari20{
    margin-right: 20px;
}

.mari10{
    margin-right: 10px;
}

.mabo0{
    margin-bottom: 0!important;
}
.mabo10{
    margin-bottom: 10px;
}
.mabo20{
    margin-bottom: 20px;
}
.mabo30{
    margin-bottom: 30px;
}
.sp_none{
    display: block!important;
}

.sp_none02{
    display: block;
}

.pc_none{
display: none!important;
}


.img_center{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.img_right{
    float: right;
    margin-left: 30px;
}
.list_left{
    float: left;
    margin-right: 30px;
}
.txt_line{
    border-bottom: 1px solid #dcdcdc;
    margin-bottom: 20px;
}

.img_border{
    border: 1px solid #dcdcdc;
}
.border_none{
    border: none !important;
}
.border_top{
    border-top: 1px solid #dcdddc;
}
.bold{
    font-weight:bold;
}
.heading-ttl01 {
    background: #f0f0f0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
}
.heading-ttl02{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}
.heading-ttl02:before {
    content: "";
    display: inline-block;
    background: url("../images/ico_head.png") no-repeat 0 0;
    position: relative;
    margin-right: 6px;
    height: 15px;
    width: 15px;
}
.heading-ttl02 span{
    color: #099599;
}
.heading-ttl03 {
    color: #099599;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
.heading-ttl-icon {
	font-size:20px;
	font-weight:bold;
	border-bottom:1px solid #dcdcdc;
	padding:0 0 15px 32px;
	margin-bottom:30px;
	position:relative;
}

.heading-ttl-icon::before {
	position:absolute;
	top:0;
	left:0;
	content:"";
	background-position:left top;
	background-repeat:no-repeat;
}

.heading-ttl-icon.icon_01::before {
    background-image: url(../images/mypage_icon_01.gif);
    background-size: cover;
}

.heading-ttl-icon.icon_02::before {
    background-image: url(../images/mypage_icon_02.gif);
    background-size: cover;
}

.heading-ttl-icon.icon_03::before {
    background-image: url(../images/mypage_icon_03.gif);
    background-size: cover;
}

@media(min-width:641px) {
.heading-ttl-icon.icon_01 {
    padding-top:3px;
    }
.heading-ttl-icon.icon_01::before {
    width:22px;
    height: 29px;
}
.heading-ttl-icon.icon_02::before {
    width:23px;
    height: 23px;
}
.heading-ttl-icon.icon_03::before {
    width:26px;
    height: 17px;
    top:3px;
}
}
@media(max-width:640px) {
.heading-ttl-icon {
    padding-left:45px;
}
.heading-ttl-icon.icon_01 {

}
.heading-ttl-icon.icon_01::before {
    width:30px;
    height: 40px;
    top:-11px;
}

.heading-ttl-icon.icon_02 {
    padding-top:10px;
}

.heading-ttl-icon.icon_02::before {
    width:40px;
    height: 38px;
}

.heading-ttl-icon.icon_03::before {
    width:42px;
    height: 28px;
     top:-5px;
}
}



.underline{
    text-decoration: underline;
}
a.underline{
    color: #23b8bc;
}
.check_box {
    border: 1px solid #23b8bc;
    margin-bottom: 30px;
    padding: 30px;
}
.check_box ul{}
.check_box ul li:before{
    content: "";
    display: inline-block;
    background: url(../images/diet_icon_01.gif) no-repeat 0 0;
    position: relative;
    height: 16px;
    margin-right: 6px;
    vertical-align: -3px;
    width: 20px;
}

#top-head.eye_toning{
    background: url(../images/main_img_eye_toning.jpg) no-repeat center top;
    background-position-y: 50px;
}
#top-head.eye_injection{
    background: url(../images/main_img_eye_injection.jpg) no-repeat center top;
    background-position-y: 50px;
}
#top-head.eye_hyalu{
    background: url(../images/main_img_eye_hyalu.jpg) no-repeat center top;
    background-position-y: 50px;
}
#top-head.eye_reope{
    background: url(../images/main_img_eye_reope.jpg) no-repeat center top;
    background-position-y: 50px;
}

#top-head.buccalfat{
    background: url(../images/main_img_buccalfat.jpg) no-repeat center top;
    background-position-y: 50px;
}

.he_left .logo img{
width: 85%;
}

.f_logo{
width: 53%;
}


 
/* パンくず
----------------------------------------------------------*/

.breadcrumb{
    width: 1020px;
    margin: 8px auto 0;
    display: flex;
}

.breadcrumb li {
    font-size: 13px;
    font-weight: bold;
    margin-right: 15px;
}

.breadcrumb li a:hover{

}

.male10{
    width: 6px;
    position: relative;
    top: -9px;
    left: 8px;
    right: 4px;
}
.co_orange{
    color: #b95b22;
}


/* wrapper
----------------------------------------------------------*/
#wrapper{
	display: -webkit-flex;
	display: flex;
	width: 980px;
	margin: 0 auto;
}

/* main
----------------------------------------------------------*/
main{
}

main a,
main a:visited,
main a:hover,
main a:active,
main a:focus {
    text-decoration: underline;
    color: #23b8bc;
}

.main_cont_wide h2{
	margin-bottom: 30px;
}

/* breadcrumb
----------------------------------------------------------*/
#breadcrumb {
	font-size: 12px;
	width: 980px;
	margin: 20px auto 0;
    padding: 20px 0 10px;
    background: url(../images/pankuzu_bg.png)repeat-x;
}
#breadcrumb ul {
	display: flex;
	justify-content: flex-start;
}
#breadcrumb li:not(:last-child)::after {
	content: '>';
	display: inline-block;
	margin: 0 10px;
}

@media only screen and (max-width: 640px) {
	#breadcrumb {
	font-size: 12px;
	width: auto;
    margin: 0;
    padding-left: 5px;
    padding-bottom: 8px;
	}
	#breadcrumb ul {
	display: block;
	}
	#breadcrumb li {
    display: inline-block;
	}
	/*#breadcrumb li:nth-child(3) {
    display: block;
	}*/
}

/* 見出し
----------------------------------------------------------*/
.heading {
	background: url(../images/heading-bg.png) no-repeat center top;
	padding: 20px 40px;
	margin: 5px 0 25px;
	font-size: 28px;
	color: #FFF;
}

.category_heading1 {
	background: url(../images/category_heading-bg1.png) no-repeat center top;
	padding: 48px 0 48px 140px;
	margin: 5px 0 25px;
	font-size: 28px;
	color: #FFF;
}
.category_heading2 {
	background: url(../images/category_heading-bg2.png) no-repeat center top;
	padding: 48px 0 48px 140px;
	margin: 5px 0 25px;
	font-size: 28px;
	color: #FFF;
}

.column-title {
	box-shadow: 0px 8px 5px -5px #CCCCCC;
    margin: 10px 0 3px;
}
.column-title h1 {
	border-left: solid 10px #23b8bc;
    padding: 10px 20px;
	line-height: 140%;
    font-size: 20px;
    font-weight: bold;
    color: #555555;
}
.column-date {
	text-align: right;
	margin: 0 10px;
}

@media only screen and (max-width: 640px) {
	.heading {
		background: url(../images/heading-bg_sp.png) no-repeat center top;
	    padding: 15px 0 15px 15px;
		font-size: 22px;
	}
	
	.column-title h1 {
	border-left: none;
    padding: 10px;
	}
}

/* topページ
----------------------------------------------------------*/
.top_ca{
 background: url(../images/top_bg_01.jpg) no-repeat center top;
 padding: 40px;
 margin-bottom: 50px;
}

.mainca{
	font-size: 34px;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #099599;
	line-height: 51px;
	text-align: center;
	text-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
	margin-bottom: 16px;
}

.top_ca_cont{
    background:#fff;
    padding: 30px;
}

.top_blue{
   color:#23b8bc;
   font-weight: bold;
}

.top_orange{
    color: #af8c4c;
    font-weight: bold;
}

.top_ca_un_ca01{
    display: flex;
    position: relative;
}

.top_ca_un_ca01 img{
    position: absolute;
    top: -19px;
    right: 1px;
}

.top_ca_un_ca01 p{
     background: url(../images/top_ca_bg.png) no-repeat center top;
     padding: 41px 36px 36px 29px;
     margin-top: 9px;
     width: 299px;
}

.age3_ca{
  display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.age3_ca p{
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        /* color: #099599; */
        margin: 10px 0;
}

.top_fl{
        padding: 20px 30px;
        margin-bottom: 30px;
  }

.age_case01_cont{background: url(../images/top_age3_bg_01.jpg) no-repeat center top #e3f1f7;padding: 30px;position: relative;}

.age_case02_cont{background: url(../images/top_age3_bg_02.jpg) no-repeat center top #e3f7f5;padding: 30px;position: relative;}

.age_case03_cont{background: url(../images/top_age3_bg_03.jpg) no-repeat center top #e9edfb;padding: 30px;position: relative;}

.age_case01_cont.treatment,
.age_case02_cont.treatment,
.age_case03_cont.treatment{padding: 30px 30px 1px 30px;}

.age_case_title{
       font-size: 30px;
       font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
       color: #099599;
       line-height: 51px;
       margin-bottom: 16px;
       border-bottom: 2px solid #099599;
       width: 331px;
}

.treatment .age_case_title{
       font-size: 22px;
	   width: 500px;
}

.age_case02_cont.treatment .age_case_title,
.age_case02_cont.treatment .age_case_title span{color:#099599;}
.age_case03_cont.treatment .age_case_title,
.age_case03_cont.treatment .age_case_title span{color:#365d9d;}

.treatment .age_case_title span{
	  font-size: 28px;
	  font-weight: bold;
}

.age_case_p{
    width: 400px;
    margin-bottom: 40px;
}

.right_img{
    position: absolute;
    top: 4px;
    right: 42px;
}

.right_img02{
    position: absolute;
    top: 30px;
    right: 42px;
}

.right_img03{
    position: absolute;
    top: 56px;
    right: 42px;
}

.right_img.treatment,
.right_img02.treatment,
.right_img03.treatment{
    position: absolute;
	top: initial;
    bottom: 1px;
    right: 30px;
	width: 23%;
}

.age_case_an{

}

.age_case_an_list li img{
    display: inline-block;
    margin-right: 6px;
    vertical-align: text-bottom;
    height: 18px;
    margin-top: 3px;
}

.age_case_an_list li p{
    display: inline-block;
}

.icon_tit{
    margin-bottom: 15px;
}

.icon_tit img{
    display: inline-block;
    vertical-align: inherit;
    margin-right: 6px;
}

.icon_tit p{
display: inline-block;
font-size: 20px;
color: #362a23;
font-weight: bold;
}

.age_case_an_list{
    padding: 30px;
    background: #fff;
    margin-bottom: 30px;
}

.top_blue02{
    color: #099599;
    font-weight: bold;
    font-size:17px;
}

.top_small{
    font-size:13px; 
}

.age_case_an_list li{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
    display: -webkit-flex;
    display: flex;
}

.age_case_an_list li:last-child{
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.age_case01,.age_case02,.age_case03{
    margin-bottom: 30px;
}

li.li_he01{
    padding-bottom: 0px;
    border: none;
    margin-bottom: 6px;
}

.li_ic01{
        font-size: 9px;
    vertical-align: top;
    padding-right: 3px;
}

.rejuvenation{
    background: url(../images/antiaging_bg.jpg) no-repeat center top;
    padding: 100px 75px 73px 260px;
    margin-bottom: 50px;
}

.rejuvenation h2.re_title{
    color: #099599;
    font-size: 19px;
    line-height: 32px;
    font-weight: bold;
}

.top_blue03{
    font-size: 26px;
}


.rejuvenation02{
margin-bottom: 50px;
}

.rejuvenation02 ul{
   display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.rejuvenation02 li{

}

.rejuvenation02 ul li img{
margin:0 auto; 
}

.rejuvenation02 ul li p{
    text-align: center;
    margin: 15px 0;
    font-weight: bold;
    font-size: 17px;
}

.face_parts4{
margin-bottom: 50px;
}

.face_parts4 ul{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	-webkit-justify-content: center;
	justify-content: center;
    margin-top: 30px;
}

.face_parts4 li{
 
}

.face_parts4 li:nth-child(odd){
    margin-right: 20px;
    
}

.face_parts4 li:nth-child(-n+2) {
  margin-bottom: 20px;
}

.top_treatment_list{
    margin-bottom: 80px;
}

.top_treatment_list h2{
    font-size: 20px;
    font-weight: bold;
    color: #362a23;
    background: #f0f0f0;
    padding: 15px;
}

p.fo_si01{
    font-size: 17px;
}

img.in_top{
    vertical-align: text-bottom;
}

section.top_treatment_list .icon_tit{margin-bottom: 10px;}

.top_und_list{

}

.top_und_list ul li a{
    color: #099599;
    font-size: 14px;
}

.top_list01{
          display:-webkit-flex;
          display:flex;
          padding-bottom: 30px;
          margin-bottom: 30px;
          border-bottom: 1px solid #dcdcdc;
}

.top_und_list li ul{
margin-right: 70px;
}

.top_color_01{
color: #367c9d
}

.top_color_02{
color: #099599
}

.top_color_03{
color: #365d9d
}

/* 最新コラム一覧
----------------------------------------------------------*/
ul.column-list {
	width: 850px;
    margin: 0 auto 50px;
}
ul.column-list li {
	margin: 10px 0 0 0;
}

ul.column-list .date {}

ul.column-list .category {
	margin: 0 20px 0 40px;
    padding: 2px 20px;
    background: #dae3f3;	
}

ul.column-list a,
ul.column-list a:visited {
	text-decoration: none;
    color: #000;
}
ul.column-list a:hover,
ul.column-list a:focus {
	text-decoration: underline;
    color: #23b8bc;
}

ul.column-list strong {
	color: #ff9300;
}

@media only screen and (max-width: 640px) {
	ul.column-list{
		width: 90%;
		margin: 0 auto 30px;
	}
	ul.column-list li {
		margin: 15px 0 0 0;
		border-bottom: solid 2px #ccc;
	}
	ul.column-list .category {
		padding: 1px 20px;
		position: absolute;
		right: 0;
	}
	ul.column-list a {
		margin: -20px 0 10px 0;
    	padding: 30px 0 20px;
		display: block;
	}
}

/* 人気コラム一覧
----------------------------------------------------------*/
ul.popular-list {
	width: 850px;
    margin: 0 auto 50px;
}
ul.popular-list li {
	margin: 10px 0 0 0;
}

ul.popular-list img {
    width: 90px;
}

ul.popular-list .category {
	margin: 0 20px 0 40px;
    padding: 2px 20px;
    background: #dae3f3;	
}

ul.popular-list a,
ul.popular-list a:visited {
	text-decoration: none;
    color: #000;
}
ul.popular-list a:hover,
ul.popular-list a:focus {
	text-decoration: underline;
    color: #23b8bc;
}

ul.popular-list li a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

ul.popular-list li a:after {
    content: "";
    display: block;
    clear: both;
}

ul.popular-list strong {
	color: #ff9300;
}

@media only screen and (max-width: 640px) {
	ul.popular-list{
		width: 90%;
		margin: 0 auto 30px;
	}
	ul.popular-list li {
		margin: 15px 0 0 0;
		border-bottom: solid 2px #ccc;
	}
	ul.popular-list li img {
    float: left;
    width: 25%;
	}
	ul.popular-list .category {
		padding: 1px 20px;
		margin: 0;
	}
	ul.popular-list li a {
		display: inline-block;
		margin-bottom: 15px;
	}
	ul.popular-list li a p {
		float: right;
		width: 72%;
		line-height: 1.8em;
	}
}

@media only screen and (max-width: 320px) {
	ul.popular-list li a p {
		float: right;
		width: 70%;
		line-height: 1.8em;
		margin-left: 10px;
	}
}

/* カテゴリートップ コラム一覧
----------------------------------------------------------*/
.category-top ul.popular-list {
	width: 820px;
    margin: 0 auto 50px;
}
.category-top ul.popular-list li {
	margin: 10px 0 0 0;
    padding: 0 0 10px 5px;
    border-bottom: solid 1px #23b8bc;
}

.category-top ul.popular-list li p {
    margin-left: 30px;
}

.category-top ul.popular-list a,
.category-top ul.popular-list a:visited {
	text-decoration: none;
    color: #000;
}
.category-top ul.popular-list a:hover,
.category-top ul.popular-list a:focus {
	text-decoration: none;
    color: #23b8bc;
}

.category-top ul.popular-list li a {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.category-top ul.popular-list li a:after {
    content: "";
    display: block;
    clear: both;
}

@media only screen and (max-width: 640px) {
	.category-top ul.popular-list{
		width: 90%;
		margin: 0 auto 30px;
	}
	.category-top ul.popular-list li {
		margin: 15px 0 0 0;
		padding: 0;
		border-bottom: solid 1px #23b8bc;
	}
	.category-top ul.popular-list li p {
    	margin-left: 0;
	}
	.category-top ul.popular-list li img {
    	float: left;
    	width: 25%;
	}
	.category-top ul.popular-list li a {
		display: inline-block;
		margin-bottom: 5px;
	}
	.category-top ul.popular-list li a p {
		float: right;
		width: 70%;
		line-height: 1.8em;
	}
}

/* ページ送り
----------------------------------------------------------*/

div.pagination {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	-webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 auto 30px;
    padding: 5px;
	width: 820px;
}

div.pagination p.prev-page {
    margin: 0 10px 0 0;
}
div.pagination p.next-page {
    margin: 0 0 0 10px;
}
div.pagination p button {
	display: block;
    border: 1px solid #ccc;
    padding: 5px 8px;
    background-color: #d6feff;
}
div.pagination p.disabled button {
    opacity: .2;
}

div.pagination ul {
	display: flex;
    min-height: 1%;
	font-size: 1.4em;
}
div.pagination ul li {
	padding: 0 15px;
}

div.pagination ul li a {
	text-decoration: none;
}

div.pagination ol li.current a,
div.pagination ul li.current a {
    margin-top: 2px;
    padding-bottom: 3px;
	text-decoration: none;
    cursor: text;
    color: #222;
}

@media only screen and (max-width: 640px) {
	div.pagination {
		width: 90%;
	}
	div.pagination ul li {
    padding: 0 10px;
	}
}


/* コラムページ
----------------------------------------------------------*/
.page-content .image {
	text-align: center;
    margin: 0 auto 20px;
}

.page-content p {
	padding: 0 20px;
    margin-bottom: 15px;
}
.page-content .pink {
	font-weight: bold;
    color: #ff426c;
}
.page-content .blue {
	font-weight: bold;
    color: #007CFF;
}
.page-content .orange {
	font-weight: bold;
    color: #ff820a;
}
.page-content .green {
	font-weight: bold;
    color: #069a10;
}

.page-content .index {
    margin: 30px 20px 0;
    padding: 20px;
    background: #f5f5f5;
    line-height: 2em;
}
.page-content .index span {
    font-size: 18px;
    font-weight: bold;
}

.page-content .index a,
.page-content .index a:active {
    text-decoration: underline;
    color: #333;
}
.page-content .index a:visited {
    text-decoration: none !important;
    color: #666;
}
.page-content .index a:hover {
    text-decoration: none !important;
    color: #23b8bc;
}

.page-content .point {
    margin: 20px;
    padding: 10px 15px;
    border: solid 1px #23b8bc;
    line-height: 2.5em;
    font-size: 110%;
}

.page-content .paragraph {
    margin: 50px 0;
}
.page-content .paragraph h2 {
    font-size: 20px;
    font-weight: bold;
    padding: 15px 20px;
    background: #d0fdff;
    margin: 20px 0;
}
.page-content .paragraph h3 {
    font-size: 18px;
    font-weight: bold;
    padding: 5px 20px;
    margin: 50px 0 20px;
    border-bottom: solid 3px #23b8bc;
}

.page-content table {
	width: 70%;
    margin: 10px 20px;
    padding: 20px;
    line-height: 2em;
}
.page-content table caption {
    text-align: left;
    font-size: 110%;
    font-weight: bold;
    text-indent: -10px;
}
.page-content table span {
	font-weight: bold;
    color: #007CFF;
}
.page-content table , td, th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
.page-content td, th {
	padding: 10px;
	width: 30px;
	height: 25px;
}
.page-content th {
	background: #f0e6cc;
}

.page-content .tsubo table {
	width: 70%;
    margin: 0 auto 20px;
    padding: 20px;
    line-height: 2em;
}
.page-content .tsubo th {
	background: #dfecff;
}
.page-content .tsubo th.name {
    width: 30%;
}

@media only screen and (max-width: 640px) {
	.page-content .image {
        text-align: center;
        margin: 10px 10px 20px;
	}
	.page-content {
        /*width: 90%;*/
        margin: 0 auto 30px;
	}
    .page-content .index {
        margin: 30px 20px;
        padding: 15px;
	}
    .page-content p {
	}
    
    .page-content .paragraph h2 {
        font-size: 18px;
        padding: 10px 20px;
    }
    .page-content .paragraph h3 {
        font-size: 16px;
    }
    .page-content table {
	width: 90%;
    margin: 10px auto;
    }
    .page-content .tsubo table {
	width: 90%;
    }
    .page-content .tsubo th.name {
    width: 50%;
    }
}

/* 施術内容一覧ページ
----------------------------------------------------------*/

.treatment_all_list a{
    text-decoration: none;
}

.treatment_all_list a:hover{
    opacity: .7;
    text-decoration: none;
}

.treatment_all01{
background: url(../images/treatment_all01_bg.jpg) no-repeat center top #e3f1f7;
padding: 25px;
margin-bottom: 30px;
}

.treatment_all01 h3{
display: -webkit-flex;
display: flex;
font-size: 24px;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color: #099599;
margin-bottom: 20px;
}

.treatment_all01 h3 p{
    padding-top: 11px;
    margin-left: 8px;
}

.treatment_all01 li a{background: url(../images/treatment_all01_01.jpg) no-repeat center top; padding: 26px 30px; margin-bottom: 15px; display: block;}

.treatment_all01 li a.tr_bg03{background: url(../images/treatment_all01_03.jpg) no-repeat center top;padding: 25px 30px;}

.treatment_all01 li a.tr_bg02{background: url(../images/treatment_all01_02.jpg) no-repeat center top;padding: 26px 30px;}

.treatment_all02{
background: url(../images/treatment_all02_bg.jpg) no-repeat center top #e3f7f4;
padding: 25px;
margin-bottom: 30px;
}

.treatment_all02 h3{
display: -webkit-flex;
display: flex;
font-size: 24px;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color: #099599;
margin-bottom: 20px;
}

.treatment_all02 h3 p{
    padding-top: 11px;
    margin-left: 8px;
}

.treatment_all02 li a{background: url(../images/treatment_all02.jpg) no-repeat center top; padding: 26px 30px; margin-bottom: 15px; display: block;}

.treatment_all03{
background: url(../images/treatment_all03_bg.jpg) no-repeat center top #e9ecfa;
padding: 25px;
margin-bottom: 30px;
}

.treatment_all03 h3{
display: -webkit-flex;
display: flex;
font-size: 24px;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color: #365d9d;
margin-bottom: 20px;
}

.treatment_all03 h3 p{
    padding-top: 11px;
    margin-left: 8px;
}

.treatment_all03 li a{background: url(../images/treatment_all03.jpg) no-repeat center top; padding: 26px 30px; margin-bottom: 15px; display: block;}

.treatment_all04{
background: url(../images/treatment_all04_bg.jpg) no-repeat center top #eee6f8;
padding: 25px;
margin-bottom: 30px;
}

.treatment_all04 h3{
display: -webkit-flex;
display: flex;
font-size: 24px;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color: #785daf;
margin-bottom: 20px;
}

.treatment_all04 h3 p{
    padding-top: 11px;
    margin-left: 8px;
}

.treatment_all04 li a{background: url(../images/treatment_all04.jpg) no-repeat center top; padding: 26px 30px; margin-bottom: 15px; display: block;}

.treatment_all05{
    background: url(../images/treatment_all05_bg.jpg) no-repeat center top #e1edf9;
    padding: 25px;
    margin-bottom: 30px;
}

.treatment_all05 h3{
display: -webkit-flex;
display: flex;
font-size: 24px;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
color: #785daf;
margin-bottom: 20px;
}

.treatment_all05 h3 p{
    padding-top: 11px;
    margin-left: 8px;
}

.treatment_all05 li a{background: url(../images/treatment_all05.jpg) no-repeat center top; padding: 26px 30px; margin-bottom: 15px; display: block;}



.treatment_all_list h3 span.tr_small{
    font-size: 16px;
    color: #362a23;
    font-weight: bold;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    padding-left: 7px;
    vertical-align: bottom;
}
/* インタビュー一覧ページ
----------------------------------------------------------*/

.interview_main{
    margin-bottom: 50px;
}

.interview_cont{
    margin-bottom: 50px;
}

.interview_cont li{
margin-bottom: 20px;
}

/* クリニック案内ページ
----------------------------------------------------------*/

#top-head.clinic_mainimg{
    background: url(../images/main_img_clinic.jpg) no-repeat center top;
    background-position-y: 50px;
}

 .column2{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
        margin-bottom: 30px;
 }

 .cri_blue02{
    color: #099599;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
 }

 .fobo{
    font-weight: bold;
 }

 .credit_01{
   display: -webkit-flex;
   display: flex;
 }

 .credit_01 img{
margin-top: 7px;
 }

 .credit_01{
    background:#f5f5f5;
    padding:15px 30px;
    margin-bottom: 50px;
 }

.cri_flow01,.cri_flow02{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    border-bottom:1px solid #dcdcdc;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.cri_flow01 div:last-of-type{
    margin-left: auto;
}

.cri_flow02 div:last-of-type{
    margin-left: auto;
}

.flow_center01{
    margin-left:20px;
    width: 320px;
}

.fl_ceh_01{
    color: #099599;
    margin-bottom: 10px;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 22px;
    margin-top: 10px;
}

.cri_flow01 p{
    margin-bottom: 15px;
}

.fl_ceh_02,.fl_ceh_03{
color: #645e5a;
font-size: 18px;
margin-bottom: 5px;
}

.cri_02{
    margin-bottom: 80px;
}
/* 若返り -10歳治療メインコンテンツ main_cont_10
----------------------------------------------------------*/
.main_cont_10{
    width: 720px;
}

.main_cont_10 h2{
margin-bottom: 30px;
}

.care2_ca{
    margin-bottom: 50px;
}

.care2_ca p{
margin-bottom: 30px;
}

.ca_10_01{
    margin-bottom: 30px;
}

.care2_ca img{

}

.care2_ca_02{
    display: flex;
    justify-content: space-between;
    padding: 30px;
    border: 1px solid #23b8bc;
}

.care2_ca_02.bg{
    background: #f6f6f6;
    border: none;
}

.care2_ca_02 p{
    margin-bottom: 0px;
    margin-right: 36px;
}

.care2_ca_02 p span{
    color: #367c9d;
    font-weight: bold;
}
.care2_ca_02 img{
margin-bottom: 0px;
height: 81px;
}

.sp_wi20{
    width: 80%;
}

.method01{margin-bottom: 50px;}

.method01 h3{
    margin-bottom: 30px;
}
.method01 h3.treatment {
    margin-bottom: 0;
}

.method01 span{
    color: #367c9d;
    font-weight: bold;
}

.method01 p{
margin-bottom: 30px;
}

.method01 .enter_p{
    font-size: 24px;
    color: #099599;
    font-family: “ヒラギノ明朝 Pro W3”, “Hiragino Mincho Pro”, serif;
    text-align: center;
    font-weight: bold;
    line-height: 36px;
}

.method01 img{
}

.method01_list{
     display: -webkit-flex;
     display: flex;
     padding: 30px 30px 10px;
     background: #e3f1f7;
     margin-bottom: 30px;
     width: 660px;
}

.method01_list img{
    display: inline-block;
    margin-bottom: 0px;
    position: relative;
    top: -5px;
    margin-right: 8px;
}

.method01_list ul{
    margin-right: 80px;
}

.method01_list li{
    font-size: 17px;
    margin-bottom: 20px;
    color: #099599;
    font-weight: bold;
}

.method01 .care2_ca_02 p{
    margin-bottom: 0px
}

.method01 span{
    color: #367c9d;
    font-weight: bold;
}

.imcp{
    margin: 0 auto 30px;
    display: block;
}

.puti01{
       display: -webkit-flex;
       display: flex;
       background: url(../images/bg_10_01.jpg) no-repeat center top;
       padding: 35px 40px 22px;
       margin-bottom: 30px;
}

.puti02{
       display: -webkit-flex;
       display: flex;
       background: url(../images/bg_10_02.jpg) no-repeat center top;
       padding: 20px 40px 20px;
       margin-bottom: 30px;
}

.puti03{
       display: -webkit-flex;
       display: flex;
       background: url(../images/bg_10_03.jpg) no-repeat center top #e9ecfa;
       padding: 35px 40px 22px;
       margin-bottom: 30px;
}

.impr_img01{
    height: 157px;
    margin-right: 20px;
}

.impr_img02{
margin-bottom: 20px;
}

.impr_img04{
    margin-bottom: 10px;
    /* display: block; */
    margin: 0 auto 50px;
}

.impr_img05{
margin-bottom: 20px;
}

.impr_img03{
margin-bottom: 10px;
}

.under_button01{
       display: -webkit-flex;
       display: flex;
    margin-bottom: 30px;
}

.under_button01 li{
    margin-right: 10px;
}

/* 目もと改善メインコンテンツ main_cont_eyes
----------------------------------------------------------*/

.t_examples{
padding: 25px;
 background: url(../images/t_examples_bg.jpg) no-repeat center top;
 margin-bottom: 30px;
}

.t_examples li{
    margin-bottom: 20px;
}

.t_examples li img.t_examples_icon{
    display: inline-block;
    position: relative;
    top: -15px;
    margin-right: 8px;
}

.t_examples li a{
    text-decoration: underline;
    color: #1fa4a3;
    display: inline-block;
    margin-bottom: 10px;
}

.t_examples li a:hover{
    text-decoration: none;
}

.t_examples h3{
margin-bottom: 20px;
}

.under_button01 li.t_under_button{
    margin: 0 auto;
}


/* 目のクマ・たるみ改善脱脂術 main_cont_10
----------------------------------------------------------*/
#top-head.eye_degreasing{
    background: url(../images/main_img_eye_degreasing.jpg) no-repeat center top;
    background-position-y: 50px;
}

.emp {
    color : #099599;
    font-weight : bold;
}

.eye_degreasing_navi {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: left;
    justify-content: left;
    margin-bottom : 30px;
    -webkit-align-items: center;
    align-items: center;
}

.eye_degreasing_navi li {
    width : 230px;
    margin : 0 13px 0 0;
}

.eye_degreasing_navi li a{
    display : block;
    min-height : 90px;
    border : 2px solid #099599;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding : 20px;
    background : url(../images/under_arrow_gr_s.png) no-repeat center 100px;
}

.eye_degreasing_navi li a:hover {
    background : #eee  url(../images/under_arrow_gr_s.png) no-repeat center 100px;
    text-decoration:none;

}

.eye_degreasing_navi li:nth-of-type(3) {
    margin : 0;
}

.eye_degreasing_navi li a p.title {
    font-weight : bold;
    font-size : 16px;
}

.eye_degreasing .care2_ca_02{
    margin-bottom : 30px;
}

.col_01{
       font-size: 12px;
    line-height: 19px;
}

.color_01{
    color: #099599;
    font-weight: bold;
}

.flow {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.flow .arrow {
    text-align : center;
    margin : 0 14px;
}

.flow.two .arrow img {
    margin : 90px 0 auto;
}

.flow.three .arrow img {
    margin : 60px 0 auto;
}

.flow.two .b01,
.flow.two .b02 {
    width : 340px;
}

.flow.three .b01,
.flow.three .b02,
.flow.three .b03 {
    width : 216px;
}

.flow .b01 img,
.flow .b02 img,
.flow .b03 img {
    margin-bottom : 10px;
}

.flow .b01,
.flow .b02,
.flow .b03 {
    margin : 0;
}

h3 img.imgh3 {
    width : 360px;
    height : auto;
    margin-bottom : 15px;
}

.table_list {
    margin-bottom : 30px;
}

.table_list table,
.table_list table th,
.table_list table td {
    border-collapse: collapse;
    border:1px solid #dcdddc;
}

.table_list table th,
.table_list table td {
    padding : 10px;
}

.table_list table th {
    width : 210px;
    text-align : left;
    background : #e3f7f4;
}

.table_list table td {
    width : 470px;
    text-align: left;
}

.table_list table td:nth-child(3){
    text-align: left;
}


.table_list2 {
    margin-bottom : 30px;
}

.table_list2 table{
    border-collapse: collapse;
    border-left:1px solid #dcdddc;
    border-top:1px solid #dcdddc;
    box-sizing: border-box;
    width: 100%;
}
/* パーツ：table_list2
----------------------------------------------------------*/
.table_list2 table th,
.table_list2 table td {
    background : #e3f7f4;
    border-collapse: collapse;
    border-bottom:1px solid #dcdddc;
    border-right:1px solid #dcdddc;
}

.table_list2 table th,
.table_list2 table td {
    padding : 10px;
}

.table_list2 table th {
    text-align : left;
    white-space: nowrap;
}

.table_list2 table .border_none {
    background: #fff;
}
.table_list2 {
    margin-bottom: 15px;
}
.table_list2 table th,
.table_list2 table td {
    padding : 6px;
}
/* パーツ：治療の流れ
----------------------------------------------------------*/
.flow_box .box{
    background: url("../images/flow_bg.png") no-repeat 0 0 #e3f7f4;
    box-sizing: border-box;
    padding: 20px 30px;
    width: 100%;
}
.flow_box .box h3{
    display: table;
    margin-bottom: 20px;
}
.flow_box .box h3 span{
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
}
.flow_box .arrow{
    margin: 30px auto;
    text-align: center;
}

.image_area {
    border : solid #dcdcdc 1px;
    
}

.image_area img {
    display : block;
    margin : 30px auto;
}

.eyes_care {
    margin-bottom : 30px;
}

.eyes_care h3 {
    background : #f0f0f0;
    padding : 10px 20px;
    font-size : 20px;
    font-weight : bold;
    margin-bottom : 30px;
}

.eyes_care p {
    margin-bottom : 20px;
}

.care2_ca_03 {
    padding: 20px 30px;
    background: url(../images/sub_catch_eye_degreasing_bg01.jpg);
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: left;
    justify-content: left;
    margin-bottom: 30px;
    -webkit-align-items: center;
    align-items: center;
}

.flw_bg{
    background: url(../images/sub_catch_eye_degreasing_bg02.jpg) center top repeat-y;
}

.care2_ca_03 h3 {
    font-size : 18px;
    margin-bottom : 10px;
}

.care2_ca_03 span{
color: #367c9d;
    font-weight: bold;
}

.care2_ca_03 ul li {
    background : url(../images/li_bg_gr.png) no-repeat left 10px;
    padding : 0 0 1px 10px;
}

.care2_ca_03 img {
    width : 104px;
    height : 104px;
}

.care2_ca_03 p{
    margin-right: 36px;
}

.care2_ca_03 .left {
    width : 540px;
}

.care2_ca p.small_txt{
    font-size: 12px;
    color: #8a8888;
    margin-bottom: 0px;
}



/* SP コンバージョンエリア
----------------------------------------------------------*/
.sp_cv {
	width: 90%;
    margin: 0 auto 20px;
    text-align: center;
}
.sp_cv p {
	margin-bottom: 10px;
    font-size: 120%;
}
.sp_cv img.tel-number {
	margin-bottom: 10px;
}

@media only screen and (max-width: 320px) {
	.sp_cv p {
    font-size: 100%;
	}
	.sp_cv img {
	margin-right: 0!important;
	}
}

/* コラム監修
----------------------------------------------------------*/
.doctor {
    display: -webkit-flex;
    display: flex;
    margin-bottom: 50px;
}
.do_pic {
    width: 20%;
    margin-right: 10px;
}
.do_right {
    margin-left: 10px;
	background: url(/column/images/sp_ft_logo.png) no-repeat bottom right 3%;
}
.do_cv {
	margin: 23px 0 0 0;
}
.do_cv .tel-number {
	margin-right: 15px;
}

@media only screen and (max-width: 640px) {
	.doctor {
    display: block;
    width: 90%;
    margin: 0 auto;
	}
	.do_pic {
    width: 100%;
    margin-right: 0;
	text-align: center;
	}
	.do_pic img {
    margin: 0 auto 20px;
    width: 60%;
	}
	.do_right {
    margin: 0 0 20px 0;
	background: none;
	}
}


/* top_button
----------------------------------------------------------*/

#top_button{
    width: 1020px;
    margin: 0 auto 70px;
}

.top_img02{
    float: right;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 0px;
    font-size: 77%;
}
#page-top a {
    text-decoration: none;
    color: #fff;
    width: 97px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
}

@media only screen and (max-width: 640px) {
    #page-top{
        /*display: none!important;*/
    }
    #page-top {
    position: initial;
    }
    #page-top a {
    width: 100%;
    text-align: right;
    }
    .top_img02{
    float: none;
    }
}

/* footer
----------------------------------------------------------*/
footer{
	background: #f5f5f5;
	padding: 15px 0;
	text-align: center;
}

.f_area{
    width: 1020px;
    margin: 0 auto;
               display: -webkit-flex;
       display: flex;
}
.f_area_wide {
    width: 1020px;
    margin: 0 auto;
    text-align: center;
}

.f_logo{

}

.f_area_margin{
    margin-top: 15%;
}

.f_area_margin .f_logo{
    width: 202px;
    margin: 0 auto 10px;
}

small{
color: #a2a2a2;
font-size: 14px;
}

.f_arrow{
    padding-right: 10px;
    margin-right: 8px;
}

.f_area ul{
           display: -webkit-flex;
           display: flex;
           margin: 10px 0;
}

.f_area ul li{
   /* margin-right: 20px; */
}

.f_area ul li a{/* text-decoration: underline; *//* height: auto; */display: inline;}

.f_right{
    float: right;
    margin-left: auto;
 width:45%;
}

.ft_r_nav li.ft_r_lchil:nth-child(n+2){
    margin-top: 26px;
}
.clbt {
    display:none;
}
.flex_f {
    display:none;
}
.f_left {
    width:40%;
}

.ft_pp {
    width:100%;
}

.ft_sm {
    width:100%;
}

.sp_stinfo {
    margin-top:8%;
}

.sp_none li {
    width:100%;
}

.ft_r_nav ul{
    display: table;
    width: 95%;
    -webkit-align-content: space-around; /* Safari */
    align-content:         space-around;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap:         wrap;
}


#l_list {
    width:50%;
    padding:0px;
    display:table-cell;
}

#l_list ul {
    width:100%;
}

#l_list li {
    width:100%;
    padding:3% 0%;
    border: 1px solid #efefef;
}

#l_list img {
    margin-left:5%;
}

#r_list {
    width:50%;
    padding:0px;
    display:table-cell;
}

#r_list ul {
    width:100%;
}

#r_list li {
    width:100%;
    padding:3% 0%;
    border: 1px solid #efefef;
}

#r_list img {
    margin-left:5%;
}

/*
.f_right li{
    width: 35%;
    padding: 8px;
    border: 1px solid #efefef;
}
*/

.method01_list ul{
    margin-right: 0px;
}

/* パーツ：画像＋テキスト
----------------------------------------------------------*/
.img_txt {
    margin-bottom: 30px;
}
.img_txt>div{
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}
.img_txt>div figure{
    float: left;
    margin-right: 20px;
}
.img_txt>div .txt{
    width: 543px;
}
.img_txt>div h3{
    color: #099599;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}
.img_txt>div p{
    /*margin-left: -177px;*/
    overflow: hidden;
}

/* パーツ：画像＋テキスト　画像右
----------------------------------------------------------*/
.img_txt_right {
    margin-bottom: 30px;
}
.img_txt_right>div{
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}
.img_txt_right>div figure{
    float: right;
    margin-right: 20px;
    width: 157px;
}
.img_txt_right>div .txt{
    width: 543px;
}
/* 施術一覧
----------------------------------------------------------*/
.treatement_list{
    overflow: hidden;
    position: relative;
}
.treatement_list li{
    float: left;
    margin-bottom: 14px;
    margin-right: 12px;
}
.treatement_list li:nth-child(2n){
    margin-right: 0;
}
/* バッカルファット除去
----------------------------------------------------------*/
.buccalfat_box{
    margin-bottom: 30px;
    overflow: hidden;
    position: relative;
}
.buccalfat_box div{
    width: 300px;
}
.buccalfat_box>div:first-child{
    float: left;
}
.buccalfat_box>div:last-child{
    float: right;
}
.buccalfat_box img{
    width: 300px;
}
.buccalfat_box p{
    margin-top: 10px;
    text-align: center;
}

.eye_degreasing .care2_ca .img_txt>div p{
    margin-left:0px;
}

/* SP
----------------------------------------------------------*/

@media screen and (max-width: 640px) {


    body {font-size: 13px;line-height: 21px;color: #362a23;}

    /* header
----------------------------------------------------------*/

header{
    overflow: hidden;
}

#head_up{
    width: 100%;
    display: block;
    padding: 10px 8px;
}

.disnone{
    display: none;
}

h1{
    /*background: #23b8bc;
	font-size: 90%;
	padding: 5px 10px;
    margin-bottom: 15px;
    color: #fff;*/
}

.sp_none{
display: none!important;
}

.sp_none02{
display: none;
}

.sp_none03{
display: none;
}

.pc_none{
    display: block!important;
}

#top-head{
background:none; 
}

.breadcrumb{
    display: none;
}

.mobile-head{
    display: none;
}

#top-head a,
#top-head {
    color: #000;
    text-decoration: none;
    padding-bottom: 0px;
}

/*--footer nav--*/


#bottom-footer{
background:none; 
}

#bottom-footer a,
#bottom-footer {
    color: #000;
    text-decoration: none;
    padding-bottom: 0px;
    display: block;
}

/*--footer nav--*/

.wi80{  
width: 45%; 
padding-left: 13px; 
}   

.he_left .logo img{
        width: 50%;
}
.male10{top: -7px;left: 12px;}

.img_right{
    display: block;
    float: none;
    margin: 0 auto 15px;
}
.list_left{
    margin-right: 15px;
}
.sp_box{
    border: 1px solid #dcdcdc;
    padding: 30px 15px;
}
.check_box ul li{
    margin-bottom: 12px;
}
.check_box ul li:last-child{
    margin-bottom: 0;
}
.heading-ttl01 {
    font-size: 18px;
    line-height: 1.4em;
    margin-bottom: 15px;
}
.heading-ttl02{
    display: block;
    font-size: 16px;
    margin-bottom: 15px;
    padding-left: 12px
}
.heading-ttl02:before {
    content: "";
    background: url("../images/ico_head.png") no-repeat 0 0;
    background-size: 12px auto;
    display: block;
    float: left;
    margin-left: -12px;
    margin-top: 3px;
    height: 12px;
    width: 12px;
}
.heading-ttl02 span{
    color: #099599;
}


/* wrapper
----------------------------------------------------------*/

#wrapper{
    width: 100%;
    margin: 0px;
    display: block;
}

/* TOPページ
----------------------------------------------------------*/
.mainca{
font-size: 20px;
    line-height: 160%;
}

.top_ca{
    padding: 15px;
    padding-top: 30px;
    background-size: cover;
    margin-bottom: 0px;
}

.top_ca_un_ca01 img{
    position: initial;
        width: 62%;
    margin: 0 auto;
}

.top_ca_un_ca01{
       -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.top_ca_un_ca01 p{
background: url(../images/sp_top_ca_bg.png) no-repeat center top;
    padding: 27px;
    background-size: 100%;
    width: 85%;
    margin: 9px auto 0px;
}

.age3_ca{
display: block;
}

.age3_ca img{
display: none;
}

.age3_ca li:nth-child(1){
    background: url(../images/sp_top_age3_01.jpg) no-repeat center top;
    background-size: 100%;
    padding: 8% 0 12% 40%;
    margin: 15px;
}

.age3_ca li:nth-child(2){
    background: url(../images/sp_top_age3_02.jpg) no-repeat center top;
    background-size: 100%;
    padding: 11% 0 12% 40%;
    margin: 15px;
}

.age3_ca li:nth-child(3){
    background: url(../images/sp_top_age3_03.jpg) no-repeat center top;
    background-size: 100%;
    padding: 11% 0 12% 40%;
    margin: 15px;
}

.age3_ca p{
text-align: left;
}

.age_case01 h3 img{
width: 64%;
}

.age_case02 h3 img{
width: 64%;
}
.age_case03 h3 img{
width: 64%;
}
.right_img{
    width: 30%;
    right: 13px;
    top: 24px;
}
.right_img02{
    width: 30%;
    right: 13px;
}
.right_img03{
    width: 30%;
    right: 13px;
}
	
.right_img.treatment{
    width: 30%;
    right: 13px;
    top: 24px;
}
.right_img02.treatment{
    width: 30%;
    right: 13px;
	top: 30px;
}
.right_img03.treatment{
    width: 30%;
    right: 13px;
	top: 50px;
}

.age_case01_cont{
    padding: 15px;
}
.age_case02_cont{
    padding: 15px;
}
.age_case03_cont{
    padding: 15px;
}
	
.age_case01_cont.treatment,
.age_case02_cont.treatment,
.age_case03_cont.treatment{
    padding: 15px 15px 1px 15px;
}

.age_case_an_list{
    padding: 17px;
}

.age_case_title{width: 67%;font-size: 18px;margin-bottom: 10px;padding-bottom: 0px;}

.treatment .age_case_title{width: 67%;font-size: 18px;margin-bottom: 10px;padding-bottom: 0px; line-height: 160%;}
	
.treatment .age_case_title span{font-size: 18px; font-weight: bold;}	
	
.age_case_p{
    width: 62%;
    margin-bottom: 20px;
}

.icon_tit p{
    font-size: 16px;
}

.rejuvenation{
    padding: 15px;
background: url(../images/sp_antiaging_bg.jpg) no-repeat center top;
background-size: 100%;
    padding-top: 201px;
    margin-bottom: 0px;
}

.rejuvenation h2.re_title{
    font-size: 16px;
    line-height: 180%;
}

.top_blue03{
font-size: 21px;
}

.rejuvenation02{
    margin-bottom: 0px;
}

.rejuvenation02 ul{
    display: block;
    padding: 15px;
}

.rejuvenation02 ul li img{
width: 31%;
    float: left;
    margin-right: 10px;
}

.rejuvenation02 ul li p{
        text-align: left;
    font-size: 16px;
    margin-top: 7px;
}

.rejuvenation02 ul li img.top_button05{
      width: 57%;
    margin: 0 auto;
    margin-left: 5px;
}

.rejuvenation02 li{
        padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d8d8d8;
}

.face_parts4 p,.face_parts4 ul{
    padding: 0 15px;
}

.face_parts4 li:nth-child(odd){
    margin-right: 0px;
}

.face_parts4 li:nth-child(n+2){
    margin-bottom: 20px;
}

.face_parts4{
    margin-bottom: 0px;
}

.top_treatment_list h2{
    font-size: 17px;
}

.icon_tit,.top_und_list{
    padding:0 15px;
}

.top_list01{
display: block;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.top_und_list li ul{
    margin-right: 0px;
}

.top_treatment_list{
    margin-bottom: 20px;
}

.top_list01 ul li{
    margin-bottom: 15px;
}

/* 施術内容一覧ページ
----------------------------------------------------------*/

.treatment_all01 li a.tr_bg03{
    background-position:right bottom;
}

.treatment_all01 li a.tr_bg02{
    padding: 11px 18px;
background-position:right bottom;
}

.treatment_all01 li a,.treatment_all02 li a,.treatment_all03 li a,.treatment_all04 li a,.treatment_all05 li a{
padding: 16px 18px;
background-position:right bottom;
}

.treatment_all01 h3 p,.treatment_all02 h3 p,.treatment_all03 h3 p,.treatment_all04 h3 p,.treatment_all05 h3 p{
    font-size: 20px;
    padding-top: 15px;
}

.treatment_all01 h3 img,.treatment_all02 h3 img,.treatment_all03 h3 img,.treatment_all04 h3 img,.treatment_all05 h3 img{
       width: 17%;
    height: 53px;
}

.treatment_all_list h3 span.tr_small{
    display: block;
    padding: 0px;
    font-size: 13px;
}


/* インタビュー一覧ページ
----------------------------------------------------------*/
.interview_cont{
    padding: 15px;
 margin-bottom: 0px;
}

.interview_main{
    margin-bottom: 0px;
}




/* クリニック案内ページ
----------------------------------------------------------*/
.cri_01_cont,.cri_flow01,.cri_flow02{
    padding: 0 15px 15px;
}

.column2{
    display: block;
    margin-bottom: 10px;
}

.column2 li ul{
    margin-bottom: 15px;
}

.cri_blue02{
    font-size: 18px;
    margin-top: 20px;
}

.cri_01_cont ul.mabo30{
    margin-bottom: 10px;
}

.credit_01{
    display: block;
    padding: 15px;
}

.pri_icon_po{
    position: absolute;
    width: 11%;
    display: block;
}

.fl_ceh_01{
padding-left: 53px;
    font-size: 18px;
    margin-bottom: 20px;
}

.flow_center01{
    margin-left: 0;
    width: 100%;
}

.pr_img01{
    margin: 20px auto;
    width: 90%;
}

.wi400{
    width: 56%;
    margin: 0 auto 10px;
}

.fl_ceh_02, .fl_ceh_03{
    font-size: 16px;
}

.wi500{
width: 80%; 
}
/* サイトマップページ
----------------------------------------------------------*/
.sitem_p{
    display: block;
}

.sm_list ul{
    padding: 0 10px;
    margin-bottom: 20px;
}

.male90{
    margin-left: 0px;
}

.sm_list .f_arrow{
    padding-right: 9px;
    top: -6px;
}

.sm_list h2{
padding-bottom: 10px;
    padding: 0 15px 10px;
    line-height: 26px;
}

.sm_list{
    margin-top: 20px;
}

.sm_list{
    margin-bottom: 40px;
}

.sm_list li{
    padding-bottom: 20px;
}

.map_icon_01{
    vertical-align: initial;
}

/* プライバシーポリシーページ
----------------------------------------------------------*/
.pp_block p{
    padding:0 15px;
    padding-bottom: 20px;
}

.pp_block{
    margin-bottom: 20px;
}

.panone{
    margin-top:20px; 
}

.pp_block h2{
}

/* main_cont_10
----------------------------------------------------------*/

.main_cont_10 h2{
    margin-bottom: 10px;
}

.care2_ca p{
    margin-bottom: 15px;
}

.ca_10_01{
    margin-bottom: 15px;
}

.method01 .enter_p{
    font-size: 18px;
    line-height: 26px;
}

.method01 p{
    margin-bottom: 15px;
}
.main_cont_10{
    width: 100%;
}

.care2_ca{
    padding: 0 20px;
    margin-bottom: 35px;
}

.care2_ca_02 p{
    margin-right:0px; 
    margin-bottom: 0px;
}

.method01{
    padding:0 15px;
    margin-bottom: 35px;
}

.method01_list{
    display: block;
    width: 88%;
    padding: 20px;
    margin-bottom: 20px;
}

.method01_list li{
    margin-bottom: 6px;
    font-size: 15px;
}

.improvement3{
    padding:0 15px;
}

.puti01{
    padding: 20px;
    display: block;
    margin-bottom: 20px;
}

.puti02{
    padding: 20px;
    display: block;
    margin-bottom: 20px;
}

.puti03{
    padding: 20px;
    display: block;
    margin-bottom: 20px;
}

.impr_img01{
    width: 20%;
    height: auto;
    float: left;
}

.method01_list img{
top: -3px;
}

.sp_wi10{
      width: 72%;
}

.sp_wi101{
      width: 56%;
}

.sp_wi20{
    margin: 0 auto 10px;
    display: block;
    width: 100%;
}

.under_button01{
    display: block;
    padding:0 15px;
    margin-bottom: 10px;
}

.impr_img04{
    padding: 15px;
    width: 90%;
    margin-bottom: 20px;
}

.method01 h3{
margin-bottom: 10px;
}

.care2_ca_02{
       -webkit-align-items: flex-start;
       align-items: flex-start;
       -webkit-flex-direction: column-reverse;
       flex-direction: column-reverse;
       padding: 20px;
}

.care2_ca_02 img{
    margin: 0 auto 10px;
}

/* 目もと改善メインコンテンツ main_cont_eyes
----------------------------------------------------------*/

.t_examples li img.t_examples_icon{
    top: -13px;
}

.t_examples{
    padding: 15px;
}



/* 目のクマ・たるみ改善脱脂術
----------------------------------------------------------*/

h3 img.imgh3 {
    width : 100%;
    height : auto;
}

.eye_degreasing_navi {
    display : block;
    margin-top: 30px;
}

.eye_degreasing_navi li,
.eye_degreasing_navi li:nth-of-type(3) {
    width : 90%;
    margin : 10px auto 0;
}

.eye_degreasing_navi li a {
    min-height : auto;
    background : url(../images/under_arrow_gr_s.png) no-repeat right center;
    padding: 13px;
    background-position-x: 95%;
}

.eye_degreasing_navi li a:hover {
    background : #eee url(../images/under_arrow_gr_s.png) no-repeat right center;
        background-position-x: 95%;
}

.care2_ca_03{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 20px;
}

.care2_ca_03 h3{
    margin-bottom: 5px;
    font-size:17px; 
}

.care2_ca_03 .left{
    width: 100%;
}

.care2_ca_03 img{
margin: 0 auto 15px;
}

.care2_ca_03 p{
    margin-right: 0;
}

.eyes_care p{
        padding: 0px 15px 0px 15px;
    margin-bottom: 9px;
}

.eyes_care img.pc_none{
margin: 0 auto;
}

.image_area{
    border:none; 
}

.image_area img{
    width: 100%;

}

.flw_bg{
        background-position-x: -336px;
    background-position-y: 0px;
}

.flow {
    display: block;
}

.flow.two .b01,
.flow.two .b02,
.flow.three .b01,
.flow.three .b02,
.flow.three .b03 {
    width : 100%;
    margin : 10px auto;
}

.flow .b01 img,
.flow .b02 img,
.flow .b03 img {
    width : 100%;
    height : auto;
}

.flow.two .arrow img,
.flow.three .arrow img {
    margin : 10px auto;
}

.img100 img{
    width: 100%;
}

/* 患者様インタビュー01
----------------------------------------------------------*/
.maimg_in_01{
    width: 91%;
    margin: 26px auto;
}

.in01_01, .in01_02{
    margin-bottom: 30px;
}

.maimg_in_02{
 margin-bottom: 10px;
 padding: 0 15px;
 width: 92%;
}

.maimg_in_03{
 margin-bottom: 15px;
 padding: 0 15px;
 width: 92%;
}

.in_ca{
    padding:0 15px;
    margin-bottom: 30px;
}

.in_h3_01{
 padding:0 15px 10px;
margin-bottom: 15px;
}

.in01_02_ca{
    display: flex;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 0 15px;
}

.in01_02_ca img{
    margin: 0 auto 15px;
}

.in01_02_ca p{
    margin: 0;
}
.in01_02_ca2{
    display: block;
    padding: 0 15px;
}

.in01_02_ca2 img{
    display: block;
    margin: 0 auto 15px;
}

.in01_02_ca2 p{
    margin: 0;
}

.in_fl{
    display: block;
    background: url(../images/sp_fl_bg.jpg) center top no-repeat;
    margin: 20px;
}


.maimg_in_04{
    margin: 0 auto 10px;
    width: 71%;
    display: block;
}

/* パーツ：治療の流れ
----------------------------------------------------------*/
.flow_box .box{
    background: url("../images/sp-flow_bg.png") no-repeat 0 0 #e3f7f4;
    background-size: 100% auto;
    padding: 15px;
}
.flow_box .box h3{
    margin-bottom: 10px;
}
.flow_box .box h3 span{
    padding-right: 8px;
}
.flow_box .box h3 span.icon {
    width: 32.5px;
}
.flow_box .box h3 span.icon img{
    width: 100%;
}
.flow_box .box h3 span.step{
    width: 55px;
}
.flow_box .box h3 span.step img{
    width: 100%;
}
.flow_box .box h3 span.title img{
    height: 14px;
}
.flow_box img{
    vertical-align: middle;
}
.flow_box .arrow{
    margin: 6px auto;
}
.flow_box .arrow img{
    width: 25px;
}
.flow_box .box p{
    margin-bottom: 0;
}

/* パーツ：画像＋テキスト
----------------------------------------------------------*/
.img_txt{
    margin-bottom: 20px;
}
.img_txt>div{
    display: flex;
    flex-wrap:wrap;
    margin-bottom: 5px;
}
.img_txt>div figure{
    float: none;
    margin: 0 auto 15px;
    order: 2;
    width: 120px;
}
.img_txt.sp_left>div figure{
    margin: 0 0 15px;
}
.img_txt>div h3{
    font-size: 15px;
    margin-bottom: 8px;
    order: 1;
    text-align: center;
    width: 100%;
}
.img_txt.sp_left>div h3{
    text-align: left;
}
.img_txt>div p{
    margin-left: 0;
    order: 3;
    width: 100%;
}
/* パーツ：画像＋テキスト　画像右
----------------------------------------------------------*/
.img_txt_right {
    margin-bottom: 20px;
}
.img_txt_right>div{
    display: flex;
    flex-wrap:wrap;
    margin-bottom: 5px;
}
.img_txt_right>div figure{
    float: none;
    margin: 0 auto 15px;
    order: 2;
    width: 100%;
}
.img_txt_right>div .txt{
    width: 100%;
}
.img_txt_right>div p{
    order: 3;
}
/* 施術一覧
----------------------------------------------------------*/
.treatement_list li{
    margin-bottom: 10px;
    margin-right: 2%;
    width: 49%;
}
.treatement_list li:nth-child(2n){
    margin-right: 0;
}
/* バッカルファット除去
----------------------------------------------------------*/
.buccalfat_box div{
    width: 48%;
}

.buccalfat_box img{
    width: 100%;
}


/* side
----------------------------------------------------------*/

#side{
    background:#f5f5f5;
    padding: 15px;
}

.sp_fl{
    width: 48%;
    float: left;
}

.maright{
    margin-right: 10px;
}

.calendar_h{
    
}


/* footer
----------------------------------------------------------*/

footer{
    padding: 10px 0;
}

.f_area{
    width: 100%;
    display: block;
    margin-bottom:20%;
    padding-left:0px;
}

.f_area_wide {
    width: 100%;
    display: block;
	margin-bottom: 0;
    padding-left:0px;
}

.f_logo{
    margin:0 auto;
    display: block; 
}

.f_area_margin {
    margin-top: 35%;
}
.f_area_margin .f_logo{
    margin: 2% auto;
    display: block;
    width: 50%;
}

.f_area ul{
    padding: 10px 80px;
    padding-left: 29%;
}

small{
    text-align: center;
    display: block;
}

.f_right{
    float: none;
    margin-bottom: 20px;
}

.f_right ul{
    display: table;
    width:100%;
    -webkit-align-content: space-around; /* Safari */
    align-content:         space-around;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap:         wrap;
}


#l_list {
    width:50%;
    padding:0px;
    display:table-cell;
}

#l_list ul {
    width:100%;
}

#l_list li {
    width:100%;
    padding:3% 0%;
    border: 1px solid #efefef;
}

#l_list img {
    margin-left:5%;
}

#r_list {
    width:50%;
    padding:0px;
    display:table-cell;
}

#r_list ul {
    width:100%;
}

#r_list li {
    width:100%;
    padding:3% 0%;
    border: 1px solid #efefef;
}

#r_list img {
    margin-left:5%;
}


.f_right li:nth-child(even){padding-right: 8px;width: 45%;}

.method01_list ul{
    margin-right: 0px;
}

/* SPナビゲーション
----------------------------------------------------------*/

    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: absolute;
        margin-top: 0;
        background: none!important;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #top-head p:after{
content: "MENU";
    position: absolute;
    top: 31px;
        right: 1px;
        font-size: 16px;
    color: #23b8bc;
    /* font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; */
    margin: 0 auto;
    }
    #top-head.open p:after{
        content:"close";
        position:absolute;
        top: 31px;
        right: 4px;
        font-size: 11px;
        color:#23b8bc;
    }

    /*footer nav*/

    #bottom-footer,
    .inner {
        width: 100%;
        padding: 0;
    }
    #bottom-footer {
        top: 0;
        position: absolute;
        margin-top: 0;
        z-index: -1;
    }
    /* Fixed reset */
    #bottom-footer.fixed {
        padding-top: 0;
        background: transparent;
    }

    #global-nav ul li:hover{
    padding-bottom: 0px!important;
    border-bottom: 1px solid #e2e2e2;
}

#ft-global-nav ul li:hover{
      border-bottom: 1px solid #e2e2e2;
}
    #bottom-footer p:after{
        content:"MENU";
        position:absolute;
        top:26px;
         right: 1px;
        font-size: 16px;
        color:#23b8bc;
         }
    #bottom-footer.open p:after{
        content:"";
        position:absolute;
        top:30px;
        right:-2px;
        font-size:16px;
        color:#23b8bc;
    }
    #mobile-head {
        background: #fff0;
        width: 100%;
        height: 56px;
        z-index: 999;
        position: relative;
    }

    #bottom-footer.fixed .logo,
    #bottom-footer .logo {
        position: absolute;
        left: 13px;
        top: 13px;
        color: #333;
        font-size: 26px;
    }

    #bottom-footer.fixed .logo,
    #bottom-footer .logo {
        position: absolute;
        left: 13px;
        top: 13px;
        color: #333;
        font-size: 26px;
    }

    #ft-global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        bottom: -500px;
    /*    background: #fff; */
        width: 100%;
        text-align: center;
    /*    padding: 10px 0;  */
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #ft-global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
        width:100%;
        display:block;
        margin:0px;
        background: #f7f7f7;
    }
    #ft-global-nav ul li {
        float: none;
        position: static;
        border-bottom:1px solid #e2e2e2;
        margin-right: 0px;
    }
    #ft-global-nav li :before{
        content:"▶";
        padding-right:10px;
        color:#23b8bc;
    }
    #ft-global-nav .f_clbt {
        text-align:right;
    }

    #bottom-footer #ft-global-nav ul li a,
    #bottom-footer.fixed #ft-global-nav ul li a {
        width: auto;
        display: block;
        color: #000;
        padding: 15px 0;
        padding-left:20px;
        text-align:left;
    }
    #ft-nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #ft-nav-toggle span:nth-child(1) {
        top: 16px;
        left: 14px;
        width:70%;
        -webkit-transform: rotate(-40deg);
        -moz-transform: rotate(-40deg);
        transform: rotate(-46deg);
    }
    .open #ft-nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #ft-nav-toggle span:nth-child(3) {
        top: 16px;
        width: 70%;
        -webkit-transform: rotate(215deg);
        -moz-transform: rotate(215deg);
        transform: rotate(226deg);
    }

    /* #global-nav スライドアニメーション */
    .open #ft-global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(-560px);
        -webkit-transform: translateY(-560px);
        transform: translateY(-560px);
    }

    /*footer nav*/


    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        top: 13px;
        color: #333;
        font-size: 26px;
    }

    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -541px;
        background: #fff;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
        display:block;
    }
    #global-nav ul li {
        float: none;
        position: static;
        border-bottom:1px solid #e2e2e2;
        padding-bottom: 0px!important;
    }
    #global-nav li :before{
        content:"▶";
        padding-right:10px;
        color:#23b8bc;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: auto;
        display: block;
        color: #000;
        padding: 13px 0;
        padding-left:20px;
        text-align:left;
        background: #f7f7f7;
    }
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }

    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(555px);
        -webkit-transform: translateY(555px);
        transform: translateY(555px);
    }
    .clbt {
        display:block;
        padding:20px;
        padding-top: 25px;
        background: #f7f7f7;
    }
    .clbt span {
        display:block;
        padding: 16px;
        margin:0 auto;
        width: 150px;
        border: solid 2px #23b8bc;
        color:#23b8bc;
        border-radius: 7px;
        font-weight:bold;
        font-size: 14px;
    }

    .menucl {
        padding:20px;
        border:2px solid #000;
        border-radius:5%;
    }

    .ftnav {
        display:inline-block;
    }
    .close {
        cursor:pointer;
    }
    .calendar{
        display: block;
        margin:0 auto;
        margin-bottom: 7%;
    }
    .calendar-wrap{
    }
    .flex_f {
        display:block;
        position: fixed;
        width: 100%;
    /*    min-width:365px;  */
        background: #fff;
        bottom: -1px;
        left: 0px;
        height:auto;
        border-top:4px solid #ececec;
        z-index:1;
    }
    .flex_f ul {
        display:flex;
        padding:0px;
        width:84%;
        /*    margin-left:3%;  */
        margin: 6px 0;
    }

    .flex_f li {
        margin-right: 3px;
    }

    .flex_f img {
        /* float:left; */
    }
    .ft_pp {
    width:100%;
    text-align: center;
    margin-bottom: 9px;
    }
    .ft_sm {
    width:100%;
    text-align: center;
    }
    .f_right{
    margin:0 auto;
    width:100%;
    }
    .sp_list img {
    max-width:20%;
    }
    #sp_stinfo {
    width:100%;
    padding-left:11%;
    }
    .f_left {
    width:100%;
   }
   #sp_ftnav{
    width:100%;
   }   
   #sp_ftnav img {
    float:none;
    cursor: pointer;
    background: #f7f7f7;
    width: 17%;
   }
   #spft_back {
    background:#fff;
   }
   #sp_stinfo {
    padding: 0px;
    /* padding-left: 14%; */
    width: 90%;
    display: block;
    margin: 14px auto;
   }
   .f_clbt {
    padding:0px;
    background: #fff0;
   }
   #tel-wrap{
    position:relative;
   }
   #tel-pop {
    background:#fff;
    border: 2px solid #23b8bc;
    border-radius: 12px;
    padding:20px;
    position:absolute;
    /*開いていない時は画面外にセット*/
    bottom:-300px;
    width: 195px;
    right: 0vw;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    text-align: center;
   }
   .open #tel-pop {
    transform: translateY(-367px);
    -moz-transform: translateY(-367px);
    -webkit-transform: translateY(-367px);
    width: 192px;
   }
}

/* SPナビゲーション　可変対応
----------------------------------------------------------*/

@media screen and (min-width: 486px) and (max-width: 530px) {
        /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(544px);
        -webkit-transform: translateY(544px);
        transform: translateY(544px);
    }
}


@media screen and (min-width: 383px) and (max-width: 485px) {
        /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(540px);
        -webkit-transform: translateY(540px);
        transform: translateY(540px);
    }
}

@media screen and (min-width: 320px) and (max-width: 382px) {
        /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(532px);
        -webkit-transform: translateY(532px);
        transform: translateY(621px);
    }
}

@media screen and (min-width: 266px) and (max-width: 319px) {
        /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(550px);
        -webkit-transform: translateY(550px);
        transform: translateY(550px);
    }
}

@media screen and (max-width: 314px) {
#nav-toggle {
    position: absolute;
    right: 12px;
    top: 49px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
    }

}

@media screen and (max-width: 395px) {
#ft-nav-toggle {
    position: absolute;
    right: 17px;
    bottom: 17px;
    width: 34px;
    height: 38px;
    cursor: pointer;
    z-index: 101;
    top: 5px;
}

#bottom-footer p:after{
        content:"MENU";
        position:absolute;
        top: 27px;
        right: 1px;
        font-size: 16px;
        color:#23b8bc;
    }
}

@media screen and (max-width: 360px) {
#ft-nav-toggle {
    position: absolute;
    right: 17px;
    bottom: 17px;
    width: 34px;
    height: 38px;
    cursor: pointer;
    z-index: 101;
    top: 7px;
    }

 #bottom-footer p:after{
        content:"MENU";
        position:absolute;
        top: 22px;
        right: 1px;
        font-size: 16px;
        color:#23b8bc;
    }
#ft-nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #23b8bc;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#ft-nav-toggle span:nth-child(1) {
    top: 0px;
}
#ft-nav-toggle span:nth-child(2) {
    top: 9px;
}
#ft-nav-toggle span:nth-child(3) {
    top: 18px;
}

}


/* Mypage
----------------------------------------------------------*/
@media screen and (min-width: 641px) {
#mypage header .logo img {
	width:198px;
}

#mypage .cri_01 {
    margin-bottom: 60px;
}
#mypage .cri_01_cont {
    margin-bottom: 40px;
}
}

@media screen and (max-width: 640px) {
#mypage header {
    margin-top:15px;
}
#mypage .cri_01 {
    margin-bottom: 30px;
}
#mypage .cri_01_cont {
    margin-bottom: 20px;
}
}


#mypage .box_lead {
    margin:25px 0;
}

#top-head.mypage_history_mainimg {
	    background: url(../images/main_img_mypage_history.jpg) no-repeat center top;
		margin-top:20px;
}

.mypage_mainimg {
	background:none;
	padding:0;
	margin:0;
}

@media screen and (min-width: 641px) {
.mypage_lead_01 {
    margin:40px 0 40px;
}
}

@media screen and (max-width: 640px) {
.mypage_lead_01 {
    margin:30px 0 0;
}  
}

.mypage_ins_01 figure,
.mypage_ba figure {
    border:1px solid #dedede;
}

.mypage_ins_01 figure .fg_border,
.mypage_ba figure .fg_border {
    border:5px solid #fff;
}

@media screen and (min-width: 641px) {
.mypage_ins_01 {
    display: flex;
     display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.mypage_ins_01 figure {
    width:180px;
}
.mypage_ins_01 .flw_bg03 {
    width:760px;
      display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
}

@media screen and (max-width: 640px) {
.mypage_ins_01 figure{
    max-width: 432px;
    width:100%;
    margin: 0 auto 15px;
}
}

.flw_bg03 {
	background: url(../images/fl_bg_04.gif) repeat;
	padding: 20px 30px;
	
}

.mypage_kuma_01 ul li {
    text-align: center;
}

.mypage_kuma_01 ul li p {
    text-align: left;
    border:2px solid #23b8bc;
    padding:1.5em;
    line-height: 2;
}

@media screen and (min-width: 641px) {
.mypage_kuma_01 ul {
    display: flex;
     display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.mypage_kuma_01 ul li {
    width:500px;
}
}

@media screen and (max-width: 640px) {
.mypage_kuma_01 ul li:first-child {
    margin-bottom: 40px;
}
}

@media screen and (min-width: 641px) {
.mypage_ba {
    width:722px;
    margin:0 auto;
        display: flex;
     display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.mypage_ba figure {
    width:340px;
}

.mypage_ba .bg_arrow {
    width:37px;
    margin-top: 150px
}
.mypage_ba .bg_arrow img{
    transform: rotate(-90deg);
}

.mypage_ba_box .flw_bg03 {
    width:722px;
    margin:25px auto;
}
}

@media screen and (max-width: 640px) {
.mypage_ba {
    text-align: center;
}
.mypage_ba figure{
    max-width: 432px;
    width:100%;
    margin: 15px auto;
}
.mypage_ba_box .flw_bg03 {
    margin-bottom: 15px;
}
}




#mypage .improvement3 h4 {
    margin-top: 30px;
}

#mypage .improvement3 .mypage_btn {
    text-align: center;
    display: block;
    text-decoration: none;
  border-style: solid;
  border-width: 2px;
 
  border-radius: 5px;
  background:#fff;
  box-shadow: 0px 6px 0px 0px rgba(0, 0, 0, 0.08);
  height: 40px;
  line-height: 40px;
  position: relative;
}

#mypage .improvement3 .mypage_btn::after {
    position: absolute;
    top:50%;
    right:18px;
    content: "";
    background: url(../images/icon_open_window.gif) no-repeat;
    background-size: cover;
    width:12px;
    height: 12px;
    margin-top: -6px;
}

#mypage .improvement3 .mypage_btn.improvemnet_btn_01 {
    color:#367c9e;
     border-color:#367c9e;
}

#mypage .improvement3 .mypage_btn.improvemnet_btn_02 {
    color:#08969a;
     border-color:#08969a;
}

#mypage .improvement3 .mypage_btn.improvemnet_btn_03 {
    color:#375d9e;
     border-color:#375d9e;
}

@media screen and (min-width: 641px) {
#mypage .improvement3 {
    width:720px;
    margin:0 auto;
}

#mypage .improvement3 .mypage_btn {
  width: 370px;
}
#mypage .improvement3 h4 {
    margin-top: 30px;
}
}

@media screen and (max-width: 640px) {
#mypage .improvement3 h4 {
    margin-top: 5%;
}
#mypage .improvement3 .mypage_btn {
    margin-top: 5%;

}
}

.mypage_box_doctor {
    margin:30px 0;
}

.mypage_box_doctor .text {
    border:2px solid #23b8bc;
    position: relative;
    line-height: 1.8;
    padding:1em;
}

@media screen and (min-width: 641px) {
.mypage_box_doctor {
    display: flex;
    display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
    -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.mypage_box_doctor figure {
    width:180px;
}

.mypage_box_doctor .text {
    width:785px;
}

.mypage_box_doctor .text::before,
.mypage_box_doctor .text::after {
    margin-top: -12px;
}

.mypage_box_doctor .text::before{
    content: "";
    border: 12px solid transparent;
    border-right: 12px solid #fff;
    position: absolute;
    left:-21px;
    top: 50%;
    z-index: 2;
}
.mypage_box_doctor .text::after{
    content: "";
    border: 12px solid transparent;
    border-right: 12px solid #23b8bc;
    position: absolute;
    left:-24px;
    top: 50%;
    z-index: 1;
}
}

@media screen and (max-width: 640px) {
.mypage_box_doctor figure {
    text-align: center;
    margin-bottom: 20px;
}
.mypage_box_doctor .text::before,
.mypage_box_doctor .text::after {
    margin-left: -12px;
}

.mypage_box_doctor .text::before{
    content: "";
    border: 12px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    left:50%;
    top: -20px;
    z-index: 2;
}
.mypage_box_doctor .text::after{
    content: "";
    border: 12px solid transparent;
    border-bottom: 12px solid #23b8bc;
    position: absolute;
    left:50%;
    top: -24px;
    z-index: 1;
}
}

#mypage .mypage_comm_01 {
    margin: 30px 0;
}

@media screen and (min-width: 641px) {
.mypage_f_btn ul {
    display: flex;
    display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
    -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width:720px;
  margin:0 auto;
}

.mypage_f_btn ul li {
    width:350px;
}
}

@media screen and (max-width: 640px) {
.mypage_f_btn ul li:first-child {
    margin-bottom:12px;
}
}

#mypage footer {
    border-top:2px solid #23b8bc;
    text-align: center;
    padding:30px 0;
    
}

#mypage .f_logo {
    width:202px;
    margin:0 auto 10px;
}

#mypage footer p {
    line-height: 1.8;
    font-size:12px;
}



/* 汎用css
----------------------------------------------------------*/
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;   
    clear: both;
    visibility:hidden;
}
.clearfix{
    display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}
/* End Hack */

.color_blue {color:#23b8bc;}
.txt_center { text-align:center;}
.txt_right { text-align:right;}
.txt_left { text-align:left;}
.f_left {float:left;}
.f_right {float:right;}