@charset "UTF-8";

body{
	-webkit-text-size-adjust: 100%;
	background: #fff;
	color: #333;
}

img { border: 0; vertical-align: top; }

h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }

html,body{ 
	width: 100%;
	height: 100%;
	scrollbar-arrow-color:#5abfbc;
	scrollbar-face-color:#d9e8ea;
	scrollbar-3dlight-color:#008b8b;
	scrollbar-darkshadow-color:#008b8b;
	scrollbar-highlight-color:#008b8b;
	scrollbar-shadow-color:#008b8b;
	scrollbar-track-color:#5abfbc;
 }
 
::-webkit-scrollbar              { background:#5abfbc }
::-webkit-scrollbar-button       { background:#5abfbc }
::-webkit-scrollbar-track        { background:#d9e8ea }
::-webkit-scrollbar-track-piece  { background:#d9e8ea }
::-webkit-scrollbar-thumb        { background:#5abfbc }
::-webkit-scrollbar-corner       { background:#008b8b }
::-webkit-resizer                { background:#008b8b }

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote,th,td { margin: 0; padding: 0; }

article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
	display: block;
}

ul,dl,ol { text-indent: 0; }
li { list-style: none; }

#wrapper{
	width:100%;
    height: 100%;
	margin:0 auto;
}

table{
    border-collapse: collapse;
    border-spacing: 0;
}

a.noevent::before{
    content:"" !important;
    display:none !important;
}

/*------------------------------------------------------------------------------
 FONT FACE
 -------------------------------------------------------------------------------*/
body, input, textarea, select {
	color: #666666;
	font-family:'メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Meiryo','Verdana,Geneva,Arial','ＭＳＰ ゴシック','sans-serif';
	font-size: 12px;
	line-height:1.2 ;
}

h1, h2, h3 ,h4 ,h5, h6,address, th, b,strong {
	font-style:normal;
	font-weight:normal;
	clear: both;
}

/*------------------------------------------------------------
拡張設定
-------------------------------------------------------------*/
.db{ display:block !important; }
.di{ display:inline !important; }
.fon1{
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.cd{
	cursor: default;
}
/*------------------------------------------------------------
枠線設定
-------------------------------------------------------------*/
hr{
	border: none;
}

/*------------------------------------------------------------------------------
 LINK STYLES
 -------------------------------------------------------------------------------*/
a:link {
	color:#333;
	text-decoration: none;
}

a:visited {
	color:#333;
}

a:hover {
	color:#008B8B;
	text-decoration: none !important;
    __background-color:rgba(255,255,255,0.5);
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
}

a img {
	background:none!important;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}
a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background:none!important;
}

a.underline{
	text-decoration:underline!important;
}
a.t-none{
	text-decoration:none!important;
}

/* 点滅 */
.blink{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


/*------------------------------------------------------------------------------
 GENERAL CLASSES（SIZE & MARGIN）
 -------------------------------------------------------------------------------
/* WIDTH */

.w20per		{ width:20%; }
.w25per		{ width: 25%; }
.w33per		{ width: 33.3%; }
.w46per		{ width: 46%; }
.w50per		{ width: 50%; _width: 49.9%; }
.w75per		{ width: 75%; }
.w77per		{ width: 77%; }
.w80per		{ width: 80%; }
.w96per		{ width: 96%; }
.wf			{ width: 100%; }

.w10		{ width: 10px;}
.w20		{ width: 20px;}
.w30		{ width: 30px;}
.w40		{ width: 40px;}
.w50		{ width: 50px;}
.w80		{ width: 80px;}
.w110		{ width: 110px;}
.w135		{ width: 135px;}
.w140		{ width: 140px;}

/* HEIGHT */
.hf			{ height: 100%; }

/* MARGIN */
.mt00		{ margin-top: 0px !important; }
.mt01		{ margin-top: 1px; }
.mt02		{ margin-top: 2px; }
.mt03		{ margin-top: 3px; }
.mt04		{ margin-top: 4px; }
.mt05		{ margin-top: 5px !important; }
.mt06		{ margin-top: 6px !important; }
.mt_06		{ margin-top: -6px !important; }
.mt07		{ margin-top: 7px; }
.mt08		{ margin-top: 8px; }
.mt09		{ margin-top: 9px; }
.mt10		{ margin-top: 10px !important; }
.mt11		{ margin-top: 11px; }
.mt12		{ margin-top: 12px; }
.mt13		{ margin-top: 13px !important; }
.mt14		{ margin-top: 14px; }
.mt15		{ margin-top: 15px; }
.mt16		{ margin-top: 16px; }
.mt17		{ margin-top: 17px; }
.mt18		{ margin-top: 18px; }
.mt19		{ margin-top: 19px !important; }
.mt20		{ margin-top: 20px !important; }
.mt21		{ margin-top: 21px !important; }
.mt22		{ margin-top: 22px !important; }
.mt23		{ margin-top: 23px !important; }
.mt24		{ margin-top: 24px !important; }
.mt25		{ margin-top: 25px !important; }
.mt26		{ margin-top: 26px; }
.mt27		{ margin-top: 27px; }
.mt28		{ margin-top: 28px; }
.mt29		{ margin-top: 29px; }
.mt30		{ margin-top: 30px !important; }
.mt35		{ margin-top: 35px !important; }
.mt33		{ margin-top: 33px !important; }
.mt40		{ margin-top: 40px !important; }
.mt50		{ margin-top: 50px !important; }

.mr00		{ margin-right: 0px !important; }
.mr01		{ margin-right: 1px !important; }
.mr02		{ margin-right: 2px !important; }
.mr03		{ margin-right: 3px !important; }
.mr04		{ margin-right: 4px !important; }
.mr05		{ margin-right: 5px !important; }
.mr06		{ margin-right: 6px !important; }
.mr07		{ margin-right: 7px !important; }
.mr08		{ margin-right: 8px !important; }
.mr09		{ margin-right: 9px !important; }
.mr10		{ margin-right: 10px !important; }
.mr11		{ margin-right: 11px !important; }
.mr12		{ margin-right: 12px !important; }
.mr13		{ margin-right: 13px !important; }
.mr14		{ margin-right: 14px !important; }
.mr15		{ margin-right: 15px !important; }
.mr16		{ margin-right: 16px !important; }
.mr17		{ margin-right: 17px !important; }
.mr18		{ margin-right: 18px !important; }
.mr19		{ margin-right: 19px !important; }
.mr20		{ margin-right: 20px !important; }
.mr21		{ margin-right: 21px !important; }
.mr22		{ margin-right: 22px !important; }
.mr23		{ margin-right: 23px !important; }
.mr24		{ margin-right: 24px !important; }
.mr25		{ margin-right: 25px !important; }
.mr26		{ margin-right: 26px !important; }
.mr27		{ margin-right: 27px !important; }
.mr28		{ margin-right: 28px !important; }
.mr29		{ margin-right: 29px !important; }
.mr30		{ margin-right: 30px !important; }
.mr40		{ margin-right: 40px !important; }
.mr46		{ margin-right: 46px !important; }

.mb00		{ margin-bottom: 0px !important; }
.mb01		{ margin-bottom: 1px !important; }
.mb02		{ margin-bottom: 2px !important; }
.mb03		{ margin-bottom: 3px !important; }
.mb04		{ margin-bottom: 4px !important; }
.mb05		{ margin-bottom: 5px !important; }
.mb06		{ margin-bottom: 6px; }
.mb07		{ margin-bottom: 7px; }
.mb08		{ margin-bottom: 8px; }
.mb09		{ margin-bottom: 9px; }
.mb10		{ margin-bottom: 10px !important; }
.mb11		{ margin-bottom: 11px; }
.mb12		{ margin-bottom: 12px; }
.mb13		{ margin-bottom: 13px; }
.mb14		{ margin-bottom: 14px; }
.mb15		{ margin-bottom: 15px; }
.mb16		{ margin-bottom: 16px; }
.mb17		{ margin-bottom: 17px; }
.mb18		{ margin-bottom: 18px; }
.mb19		{ margin-bottom: 19px; }
.mb20		{ margin-bottom: 20px !important; }
.mb21		{ margin-bottom: 21px !important; }
.mb22		{ margin-bottom: 22px !important; }
.mb23		{ margin-bottom: 23px !important; }
.mb24		{ margin-bottom: 24px !important; }
.mb25		{ margin-bottom: 25px !important; }
.mb26		{ margin-bottom: 26px; }
.mb27		{ margin-bottom: 27px; }
.mb28		{ margin-bottom: 28px; }
.mb29		{ margin-bottom: 29px; }
.mb30		{ margin-bottom: 30px !important; }
.mb31		{ margin-bottom: 31px; }
.mb32		{ margin-bottom: 32px; }
.mb33		{ margin-bottom: 33px; }
.mb34		{ margin-bottom: 34px; }
.mb35		{ margin-bottom: 35px !important; }
.mb36		{ margin-bottom: 36px; }
.mb37		{ margin-bottom: 37px; }
.mb38		{ margin-bottom: 38px; }
.mb39		{ margin-bottom: 39px; }
.mb40		{ margin-bottom: 40px !important; }
.mb41		{ margin-bottom: 41px !important; }
.mb42		{ margin-bottom: 42px !important; }
.mb43		{ margin-bottom: 43px !important; }
.mb44		{ margin-bottom: 44px !important; }
.mb45		{ margin-bottom: 45px !important; }
.mb50		{ margin-bottom: 50px !important; }

.ml00		{ margin-left: 0px !important; }
.ml01		{ margin-left: 1px !important; }
.ml02		{ margin-left: 2px !important; }
.ml03		{ margin-left: 3px !important; }
.ml04		{ margin-left: 4px !important; }
.ml05		{ margin-left: 5px !important; }
.ml06		{ margin-left: 6px !important; }
.ml07		{ margin-left: 7px !important; }
.ml08		{ margin-left: 8px !important; }
.ml09		{ margin-left: 9px !important; }
.ml10		{ margin-left: 10px !important; }
.ml11		{ margin-left: 11px !important; }
.ml12		{ margin-left: 12px !important; }
.ml13		{ margin-left: 13px !important; }
.ml14		{ margin-left: 14px !important; }
.ml15		{ margin-left: 15px !important; }
.ml16		{ margin-left: 16px !important; }
.ml17		{ margin-left: 17px !important; }
.ml18		{ margin-left: 18px !important; }
.ml19		{ margin-left: 19px !important; }
.ml20		{ margin-left: 20px !important; }
.ml21		{ margin-left: 21px !important; }
.ml22		{ margin-left: 22px !important; }
.ml23		{ margin-left: 23px !important; }
.ml24		{ margin-left: 24px !important; }
.ml25		{ margin-left: 25px !important; }
.ml26		{ margin-left: 26px !important; }
.ml27		{ margin-left: 27px !important; }
.ml28		{ margin-left: 28px !important; }
.ml29		{ margin-left: 29px !important; }
.ml30		{ margin-left: 30px !important; }
.ml40		{ margin-left: 40px !important; }
.ml45		{ margin-left: 45px !important; }
.ml50		{ margin-left: 50px !important; }
.ml130		{ margin-left: 130px !important; }

.m0auto		{ margin: 0 auto !important; }
.m01		{ margin: 1px; }
.m02		{ margin: 2px; }
.m03		{ margin: 3px; }
.m04		{ margin: 4px; }
.m05		{ margin: 5px; }
.m06		{ margin: 6px; }
.m07		{ margin: 7px; }
.m08		{ margin: 8px; }
.m09		{ margin: 9px; }
.m10		{ margin: 10px; }
.m11		{ margin: 11px; }
.m12		{ margin: 12px; }
.m13		{ margin: 13px; }
.m14		{ margin: 14px; }
.m15		{ margin: 15px; }
.m20		{ margin: 20px; }
.m21		{ margin: 21px; }
.m22		{ margin: 22px; }
.m23		{ margin: 23px; }
.m24		{ margin: 24px; }
.m25		{ margin: 25px; }
.m26		{ margin: 26px; }
.m27		{ margin: 27px; }
.m28		{ margin: 28px; }
.m29		{ margin: 29px; }
.m30		{ margin: 30px; }

.mh00		{ margin-right: 0px; margin-left: 0px !important; }
.mh01		{ margin-right: 1px; margin-left: 1px; }
.mh02		{ margin-right: 2px; margin-left: 2px; }
.mh03		{ margin-right: 3px; margin-left: 3px; }
.mh04		{ margin-right: 4px; margin-left: 4px; }
.mh05		{ margin-right: 5px; margin-left: 5px; }
.mh06		{ margin-right: 6px; margin-left: 6px; }
.mh07		{ margin-right: 7px; margin-left: 7px; }
.mh08		{ margin-right: 8px; margin-left: 8px; }
.mh09		{ margin-right: 9px; margin-left: 9px; }
.mh10		{ margin-right: 10px; margin-left: 10px; }
.mh11		{ margin-right: 11px; margin-left: 11px; }
.mh12		{ margin-right: 12px; margin-left: 12px; }
.mh13		{ margin-right: 13px; margin-left: 13px; }
.mh14		{ margin-right: 14px; margin-left: 14px; }
.mh15		{ margin-right: 15px; margin-left: 15px; }
.mh16		{ margin-right: 16px; margin-left: 16px; }
.mh17		{ margin-right: 17px; margin-left: 17px; }
.mh18		{ margin-right: 18px; margin-left: 18px; }
.mh19		{ margin-right: 19px; margin-left: 19px; }
.mh20		{ margin-right: 20px; margin-left: 20px; }
.mh21		{ margin-right: 21px; margin-left: 21px; }
.mh22		{ margin-right: 22px; margin-left: 22px; }
.mh23		{ margin-right: 23px; margin-left: 23px; }
.mh24		{ margin-right: 24px; margin-left: 24px; }
.mh25		{ margin-right: 25px; margin-left: 25px; }
.mh26		{ margin-right: 26px; margin-left: 26px; }
.mh27		{ margin-right: 27px; margin-left: 27px; }
.mh28		{ margin-right: 28px; margin-left: 28px; }
.mh29		{ margin-right: 29px; margin-left: 29px; }
.mh30		{ margin-right: 30px; margin-left: 30px; }
.mh40		{ margin-right: 40px; margin-left: 40px; }
.mh25per	{ margin-right: 2.5%; margin-left: 2.5%; }

.mv00		{ margin-top: 0; margin-bottom: 0 !important; }
.mv01		{ margin-top: 1px; margin-bottom: 1px; }
.mv02		{ margin-top: 2px; margin-bottom: 2px; }
.mv03		{ margin-top: 3px; margin-bottom: 3px; }
.mv04		{ margin-top: 4px; margin-bottom: 4px; }
.mv05		{ margin-top: 5px; margin-bottom: 5px; }
.mv06		{ margin-top: 6px; margin-bottom: 6px; }
.mv07		{ margin-top: 7px; margin-bottom: 7px; }
.mv08		{ margin-top: 8px; margin-bottom: 8px; }
.mv09		{ margin-top: 9px; margin-bottom: 9px; }
.mv10		{ margin-top: 10px; margin-bottom: 10px; }
.mv11		{ margin-top: 11px; margin-bottom: 11px; }
.mv12		{ margin-top: 12px; margin-bottom: 12px; }
.mv13		{ margin-top: 13px; margin-bottom: 13px; }
.mv14		{ margin-top: 14px; margin-bottom: 14px; }
.mv15		{ margin-top: 15px; margin-bottom: 15px; }
.mv16		{ margin-top: 16px; margin-bottom: 16px; }
.mv17		{ margin-top: 17px; margin-bottom: 17px; }
.mv18		{ margin-top: 18px; margin-bottom: 18px; }
.mv19		{ margin-top: 19px; margin-bottom: 19px; }
.mv20		{ margin-top: 20px; margin-bottom: 20px; }
.mv21		{ margin-top: 21px; margin-bottom: 21px; }
.mv22		{ margin-top: 22px; margin-bottom: 22px; }
.mv23		{ margin-top: 23px; margin-bottom: 23px; }
.mv24		{ margin-top: 24px; margin-bottom: 24px; }
.mv25		{ margin-top: 25px; margin-bottom: 25px; }
.mv26		{ margin-top: 26px; margin-bottom: 26px; }
.mv27		{ margin-top: 27px; margin-bottom: 27px; }
.mv28		{ margin-top: 28px; margin-bottom: 28px; }
.mv29		{ margin-top: 29px; margin-bottom: 29px; }
.mv30		{ margin-top: 30px; margin-bottom: 30px; }
.mv40		{ margin-top: 40px; margin-bottom: 40px; }


/* PADDING */
.pt00		{ padding-top: 0px !important; }
.pt01		{ padding-top: 1px; }
.pt02		{ padding-top: 2px; }
.pt03		{ padding-top: 3px; }
.pt04		{ padding-top: 4px; }
.pt05		{ padding-top: 5px; }
.pt06		{ padding-top: 6px; }
.pt07		{ padding-top: 7px; }
.pt08		{ padding-top: 8px; }
.pt09		{ padding-top: 9px; }
.pt10		{ padding-top: 10px; }
.pt11		{ padding-top: 11px; }
.pt12		{ padding-top: 12px; }
.pt13		{ padding-top: 13px; }
.pt14		{ padding-top: 14px; }
.pt15		{ padding-top: 15px; }
.pt16		{ padding-top: 16px; }
.pt17		{ padding-top: 17px; }
.pt18		{ padding-top: 18px; }
.pt19		{ padding-top: 19px; }
.pt20		{ padding-top: 20px; }
.pt21		{ padding-top: 21px; }
.pt22		{ padding-top: 22px; }
.pt23		{ padding-top: 23px; }
.pt24		{ padding-top: 24px; }
.pt25		{ padding-top: 25px; }
.pt26		{ padding-top: 26px; }
.pt27		{ padding-top: 27px; }
.pt28		{ padding-top: 28px; }
.pt29		{ padding-top: 29px; }
.pt30		{ padding-top: 30px; }

.pr01		{ padding-right: 1px; }
.pr02		{ padding-right: 2px; }
.pr03		{ padding-right: 3px; }
.pr04		{ padding-right: 4px; }
.pr05		{ padding-right: 5px; }
.pr06		{ padding-right: 6px; }
.pr07		{ padding-right: 7px; }
.pr08		{ padding-right: 8px; }
.pr09		{ padding-right: 9px; }
.pr10		{ padding-right: 10px; }
.pr11		{ padding-right: 11px; }
.pr12		{ padding-right: 12px; }
.pr13		{ padding-right: 13px; }
.pr14		{ padding-right: 14px; }
.pr15		{ padding-right: 15px; }
.pr16		{ padding-right: 16px; }
.pr17		{ padding-right: 17px; }
.pr18		{ padding-right: 18px; }
.pr19		{ padding-right: 19px; }
.pr20		{ padding-right: 20px; }
.pr21		{ padding-right: 21px; }
.pr22		{ padding-right: 22px; }
.pr23		{ padding-right: 23px; }
.pr24		{ padding-right: 24px; }
.pr25		{ padding-right: 25px; }
.pr26		{ padding-right: 26px; }
.pr27		{ padding-right: 27px; }
.pr28		{ padding-right: 28px; }
.pr29		{ padding-right: 29px; }
.pr30		{ padding-right: 30px; }
.pr40		{ padding-right: 40px; }

.pb00		{ padding-bottom: 0px !important; }
.pb01		{ padding-bottom: 1px; }
.pb02		{ padding-bottom: 2px; }
.pb03		{ padding-bottom: 3px; }
.pb04		{ padding-bottom: 4px; }
.pb05		{ padding-bottom: 5px; }
.pb06		{ padding-bottom: 6px; }
.pb07		{ padding-bottom: 7px; }
.pb08		{ padding-bottom: 8px; }
.pb09		{ padding-bottom: 9px; }
.pb10		{ padding-bottom: 10px; }
.pb11		{ padding-bottom: 11px; }
.pb12		{ padding-bottom: 12px; }
.pb13		{ padding-bottom: 13px; }
.pb14		{ padding-bottom: 14px; }
.pb15		{ padding-bottom: 15px; }
.pb16		{ padding-bottom: 16px; }
.pb17		{ padding-bottom: 17px; }
.pb18		{ padding-bottom: 18px; }
.pb19		{ padding-bottom: 19px; }
.pb20		{ padding-bottom: 20px !important; }
.pb21		{ padding-bottom: 21px; }
.pb22		{ padding-bottom: 22px; }
.pb23		{ padding-bottom: 23px; }
.pb24		{ padding-bottom: 24px; }
.pb25		{ padding-bottom: 25px; }
.pb26		{ padding-bottom: 26px; }
.pb27		{ padding-bottom: 27px; }
.pb28		{ padding-bottom: 28px; }
.pb29		{ padding-bottom: 29px; }
.pb30		{ padding-bottom: 30px; }

.pl01		{ padding-left: 1px; }
.pl02		{ padding-left: 2px; }
.pl03		{ padding-left: 3px; }
.pl04		{ padding-left: 4px; }
.pl05		{ padding-left: 5px; }
.pl06		{ padding-left: 6px; }
.pl07		{ padding-left: 7px; }
.pl08		{ padding-left: 8px; }
.pl09		{ padding-left: 9px; }
.pl10		{ padding-left: 10px; }
.pl11		{ padding-left: 11px; }
.pl12		{ padding-left: 12px; }
.pl13		{ padding-left: 13px; }
.pl14		{ padding-left: 14px; }
.pl15		{ padding-left: 15px; }
.pl16		{ padding-left: 16px; }
.pl17		{ padding-left: 17px; }
.pl18		{ padding-left: 18px; }
.pl19		{ padding-left: 19px; }
.pl20		{ padding-left: 20px; }
.pl21		{ padding-left: 21px; }
.pl22		{ padding-left: 22px; }
.pl23		{ padding-left: 23px; }
.pl24		{ padding-left: 24px; }
.pl25		{ padding-left: 25px; }
.pl26		{ padding-left: 26px; }
.pl27		{ padding-left: 27px; }
.pl28		{ padding-left: 28px; }
.pl29		{ padding-left: 29px; }
.pl30		{ padding-left: 30px; }
.pl35		{ padding-left: 35px; }
.pl40		{ padding-left: 40px; }
.pl50		{ padding-left: 50px; }

.pv01		{ padding-top: 1px; padding-bottom: 1px; }
.pv02		{ padding-top: 2px; padding-bottom: 2px; }
.pv03		{ padding-top: 3px; padding-bottom: 3px; }
.pv04		{ padding-top: 4px; padding-bottom: 4px; }
.pv05		{ padding-top: 5px !important; padding-bottom: 5px !important; }
.pv06		{ padding-top: 6px; padding-bottom: 6px; }
.pv07		{ padding-top: 7px; padding-bottom: 7px; }
.pv08		{ padding-top: 8px; padding-bottom: 8px; }
.pv09		{ padding-top: 9px; padding-bottom: 9px; }
.pv10		{ padding-top: 10px; padding-bottom: 10px; }
.pv11		{ padding-top: 11px; padding-bottom: 11px; }
.pv12		{ padding-top: 12px; padding-bottom: 12px; }
.pv13		{ padding-top: 13px; padding-bottom: 13px; }
.pv14		{ padding-top: 14px; padding-bottom: 14px; }
.pv15		{ padding-top: 15px; padding-bottom: 15px; }
.pv16		{ padding-top: 16px; padding-bottom: 16px; }
.pv17		{ padding-top: 17px; padding-bottom: 17px; }
.pv18		{ padding-top: 18px; padding-bottom: 18px; }
.pv19		{ padding-top: 19px; padding-bottom: 19px; }
.pv20		{ padding-top: 20px; padding-bottom: 20px; }
.pv21		{ padding-top: 21px; padding-bottom: 21px; }
.pv22		{ padding-top: 22px; padding-bottom: 22px; }
.pv23		{ padding-top: 23px; padding-bottom: 23px; }
.pv24		{ padding-top: 24px; padding-bottom: 24px; }
.pv25		{ padding-top: 25px; padding-bottom: 25px; }
.pv26		{ padding-top: 26px; padding-bottom: 26px; }
.pv27		{ padding-top: 27px; padding-bottom: 27px; }
.pv28		{ padding-top: 28px; padding-bottom: 28px; }
.pv29		{ padding-top: 29px; padding-bottom: 29px; }
.pv30		{ padding-top: 30px; padding-bottom: 30px; }
.pv40		{ padding-top: 40px; padding-bottom: 40px; }

.ph00		{ padding-right: 0px !important; padding-left: 0px !important; }
.ph01		{ padding-right: 1px; padding-left: 1px; }
.ph02		{ padding-right: 2px; padding-left: 2px; }
.ph03		{ padding-right: 3px; padding-left: 3px; }
.ph04		{ padding-right: 4px; padding-left: 4px; }
.ph05		{ padding-right: 5px; padding-left: 5px; }
.ph06		{ padding-right: 6px; padding-left: 6px; }
.ph07		{ padding-right: 7px; padding-left: 7px; }
.ph08		{ padding-right: 8px; padding-left: 8px; }
.ph09		{ padding-right: 9px; padding-left: 9px; }
.ph10		{ padding-right: 10px; padding-left: 10px; }
.ph11		{ padding-right: 11px; padding-left: 11px; }
.ph12		{ padding-right: 12px; padding-left: 12px; }
.ph13		{ padding-right: 13px; padding-left: 13px; }
.ph14		{ padding-right: 14px; padding-left: 14px; }
.ph15		{ padding-right: 15px; padding-left: 15px; }
.ph16		{ padding-right: 16px; padding-left: 16px; }
.ph17		{ padding-right: 17px; padding-left: 17px; }
.ph18		{ padding-right: 18px; padding-left: 18px; }
.ph19		{ padding-right: 19px; padding-left: 19px; }
.ph20		{ padding-right: 20px; padding-left: 20px; }
.ph21		{ padding-right: 21px; padding-left: 21px; }
.ph22		{ padding-right: 22px; padding-left: 22px; }
.ph23		{ padding-right: 23px; padding-left: 23px; }
.ph24		{ padding-right: 24px; padding-left: 24px; }
.ph25		{ padding-right: 25px; padding-left: 25px; }
.ph26		{ padding-right: 26px; padding-left: 26px; }
.ph27		{ padding-right: 27px; padding-left: 27px; }
.ph28		{ padding-right: 28px; padding-left: 28px; }
.ph29		{ padding-right: 29px; padding-left: 29px; }
.ph30		{ padding-right: 30px; padding-left: 30px; }

.p00		{ padding: 0; }
.p01		{ padding: 1px; }
.p02		{ padding: 2px; }
.p03		{ padding: 3px; }
.p04		{ padding: 4px; }
.p05		{ padding: 5px; }
.p06		{ padding: 6px; }
.p07		{ padding: 7px; }
.p08		{ padding: 8px; }
.p09		{ padding: 9px; }
.p10		{ padding: 10px; }
.p11		{ padding: 11px; }
.p12		{ padding: 12px; }
.p13		{ padding: 13px; }
.p14		{ padding: 14px; }
.p15		{ padding: 15px; }
.p16		{ padding: 16px; }
.p17		{ padding: 17px; }
.p18		{ padding: 18px; }
.p19		{ padding: 19px; }
.p20		{ padding: 20px; }
.p21		{ padding: 21px; }
.p22		{ padding: 22px; }
.p23		{ padding: 23px; }
.p24		{ padding: 24px; }
.p25		{ padding: 25px; }
.p26		{ padding: 26px; }
.p27		{ padding: 27px; }
.p28		{ padding: 28px; }
.p29		{ padding: 29px; }
.p30		{ padding: 30px; }

/*------------- 割合 -------------*/
.mt01per	{ margin-top: 1% !important; }
.mt02per	{ margin-top: 2% !important; }
.mt03per	{ margin-top: 3% !important; }
.mt04per	{ margin-top: 4% !important; }
.mt05per	{ margin-top: 5% !important; }
.mt06per	{ margin-top: 6% !important; }
.mt07per	{ margin-top: 7% !important; }
.mt08per	{ margin-top: 8% !important; }
.mt09per	{ margin-top: 9% !important; }

.mr01per	{ margin-right: 1% !important; }
.mr02per	{ margin-right: 2% !important; }
.mr03per	{ margin-right: 3% !important; }
.mr04per	{ margin-right: 4% !important; }
.mr05per	{ margin-right: 5% !important; }

.mr10per	{ margin-right: 10% !important; }
.mr20per	{ margin-right: 20% !important; }
.mr30per	{ margin-right: 30% !important; }
.mr40per	{ margin-right: 40% !important; }
.mr50per	{ margin-right: 50% !important; }

.mb01per	{ margin-bottom: 1% !important; }
.mb02per	{ margin-bottom: 2% !important; }
.mb03per	{ margin-bottom: 3% !important; }
.mb04per	{ margin-bottom: 4% !important; }
.mb05per	{ margin-bottom: 5% !important; }

.ml01per	{ margin-left: 1% !important; }
.ml02per	{ margin-left: 2% !important; }
.ml03per	{ margin-left: 3% !important; }
.ml04per	{ margin-left: 4% !important; }
.ml05per	{ margin-left: 5% !important; }

.ml10per	{ margin-left: 10% !important; }
.ml20per	{ margin-left: 20% !important; }
.ml30per	{ margin-left: 30% !important; }
.ml40per	{ margin-left: 40% !important; }
.ml50per	{ margin-left: 50% !important; }

.pt01per	{ padding-top: 1% !important; }
.pt02per	{ padding-top: 2% !important; }
.pt03per	{ padding-top: 3% !important; }
.pt04per	{ padding-top: 4% !important; }
.pt05per	{ padding-top: 5% !important; }

.pb01per	{ padding-bottom: 1% !important; }
.pb02per	{ padding-bottom: 2% !important; }
.pb03per	{ padding-bottom: 3% !important; }
.pb04per	{ padding-bottom: 4% !important; }
.pb05per	{ padding-bottom: 5% !important; }


.pl01per	{ padding-left: 1% !important; }
.pl02per	{ padding-left: 2% !important; }
.pl03per	{ padding-left: 3% !important; }
.pl04per	{ padding-left: 4% !important; }
.pl05per	{ padding-left: 5% !important; }

.mv01per		{ margin-top: 1% !important; margin-bottom: 1% !important; }
.mv02per		{ margin-top: 2% !important; margin-bottom: 2% !important; }
.mv03per		{ margin-top: 3% !important; margin-bottom: 3% !important; }
.mv04per		{ margin-top: 4% !important; margin-bottom: 4% !important; }
.mv05per		{ margin-top: 5% !important; margin-bottom: 5% !important; }

.mh01per		{ margin-right: 1% !important; margin-left: 1% !important; }
.mh02per		{ margin-right: 2% !important; margin-left: 2% !important; }
.mh03per		{ margin-right: 3% !important; margin-left: 3% !important; }
.mh04per		{ margin-right: 4% !important; margin-left: 4% !important; }
.mh05per		{ margin-right: 5% !important; margin-left: 5% !important; }
.mh08per		{ margin-right: 8% !important; margin-left: 8% !important; }

.pv01per		{ padding-top: 1% !important; padding-bottom: 1% !important; }
.pv02per		{ padding-top: 2% !important; padding-bottom: 2% !important; }
.pv03per		{ padding-top: 3% !important; padding-bottom: 3% !important; }
.pv04per		{ padding-top: 4% !important; padding-bottom: 4% !important; }
.pv05per		{ padding-top: 5% !important; padding-bottom: 5% !important; }
.pv10per		{ padding-top: 10% !important; padding-bottom: 10% !important; }

.ph01per		{ padding-right: 1% !important; padding-left: 1% !important; }
.ph02per		{ padding-right: 2% !important; padding-left: 2% !important; }
.ph03per		{ padding-right: 3% !important; padding-left: 3% !important; }
.ph04per		{ padding-right: 4% !important; padding-left: 4% !important; }
.ph05per		{ padding-right: 5% !important; padding-left: 5% !important; }
.ph08per		{ padding-right: 8% !important; padding-left: 8% !important; }

/* FLOAT */
.fn			{ float: none !important; }
.fl			{ float: left !important; }
.fr			{ float: right !important; }
.cb			{ clear: both !important; }
.cr			{ clear: right !important; }
.cl			{ clear: left !important; }

/* CLEAR FIX */
.cf:after	{ content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.cf			{ zoom: 1; }

/* POSITION */
.pr			{ position: relative; zoom: 1; }
.pa			{ position: absolute; }
.t00			{ top: 0; }
.t01			{ top: 1px; }
.t02			{ top: 2px; }
.t03			{ top: 3px; }
.t04			{ top: 4px; }
.t05			{ top: 5px; }
.t06			{ top: 6px; }
.t07			{ top: 7px; }
.t08			{ top: 8px; }
.t09			{ top: 9px; }
.t10		{ top: 10px; }
.t11		{ top: 11px; }
.t12		{ top: 12px; }
.t13		{ top: 13px; }
.t14		{ top: 14px; }
.t15		{ top: 15px; }
.t20		{ top: 20px; }
.t21		{ top: 21px; }
.t22		{ top: 22px; }
.t23		{ top: 23px; }
.t24		{ top: 24px; }
.t25		{ top: 25px; }
.t26		{ top: 26px; }
.t27		{ top: 27px; }
.t28		{ top: 28px; }
.t29		{ top: 29px; }
.t30		{ top: 30px; }
.t50per		{ top: 50%; }

.r00		{ right: 0; }
.r01		{ right: 1px; }
.r02		{ right: 2px; }
.r03		{ right: 3px; }
.r04		{ right: 4px; }
.r05		{ right: 5px; }
.r06		{ right: 6px; }
.r07		{ right: 7px; }
.r08		{ right: 8px; }
.r09		{ right: 9px; }
.r10		{ right: 10px; }
.r11		{ right: 11px; }
.r12		{ right: 12px; }
.r13		{ right: 13px; }
.r14		{ right: 14px; }
.r15		{ right: 15px; }
.r20		{ right: 20px; }
.r21		{ right: 21px; }
.r22		{ right: 22px; }
.r23		{ right: 23px; }
.r24		{ right: 24px; }
.r25		{ right: 25px; }
.r26		{ right: 26px; }
.r27		{ right: 27px; }
.r28		{ right: 28px; }
.r29		{ right: 29px; }
.r30		{ right: 30px; }

.b00		{ bottom: 0; }
.b01		{ bottom: 1px; }
.b02		{ bottom: 2px; }
.b03		{ bottom: 3px; }
.b04		{ bottom: 4px; }
.b05		{ bottom: 5px; }
.b06		{ bottom: 6px; }
.b07		{ bottom: 7px; }
.b08		{ bottom: 8px; }
.b09		{ bottom: 9px; }
.b10		{ bottom: 10px; }
.b11		{ bottom: 11px; }
.b12		{ bottom: 12px; }
.b13		{ bottom: 13px; }
.b14		{ bottom: 14px; }
.b15		{ bottom: 15px; }
.b20		{ bottom: 20px; }
.b21		{ bottom: 21px; }
.b22		{ bottom: 22px; }
.b23		{ bottom: 23px; }
.b24		{ bottom: 24px; }
.b25		{ bottom: 25px; }
.b26		{ bottom: 26px; }
.b27		{ bottom: 27px; }
.b28		{ bottom: 28px; }
.b29		{ bottom: 29px; }
.b30		{ bottom: 30px; }

.l00		{ left: 0; }
.l01		{ left: 1px; }
.l02		{ left: 2px; }
.l03		{ left: 3px; }
.l04		{ left: 4px; }
.l05		{ left: 5px; }
.l06		{ left: 6px; }
.l07		{ left: 7px; }
.l08		{ left: 8px; }
.l09		{ left: 9px; }
.l10		{ left: 10px; }
.l11		{ left: 11px; }
.l12		{ left: 12px; }
.l13		{ left: 13px; }
.l14		{ left: 14px; }
.l15		{ left: 15px; }
.l20		{ left: 20px; }
.l21		{ left: 21px; }
.l22		{ left: 22px; }
.l23		{ left: 23px; }
.l24		{ left: 24px; }
.l25		{ left: 25px; }
.l26		{ left: 26px; }
.l27		{ left: 27px; }
.l28		{ left: 28px; }
.l29		{ left: 29px; }
.l30		{ left: 30px; }

/* OVERFLOW */
.ofh		{ overflow: hidden; width: 100%; }
.ofa		{ overflow: auto; }
.ofs		{ overflow: scroll; }
.ofxs		{ overflow-x: scroll; }
.ofys		{ overflow-y: scroll; }
/* DISPLAY */
.di			{ display: inline; }
.ditc		{ display:table-cell; }
.dit		{ display:table;}
.dib4i		{ display: inline-block; }
.dib4b		{ display: inline-block; *display: inline; zoom: 1; }
.dn			{ display: none !important; }
/* VISIBILITY */
.vh			{ visibility: hidden; }
.vv			{ visibility: visible; }
/* Z-INDEX */
.zi0		{ z-index: 0; }
.zi1		{ z-index: 1; }
/* HASLAYOUT TO TRUE */
.zm1		{ zoom: 1; }
/* BOX SIZING */
.bb			{ box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; }

/* VERTICAL-ALIGN */
.vat		{ vertical-align: top; }
.vam		{ vertical-align: middle; }
.vab		{ vertical-align: bottom; }
/* TEXT-ALIGN */
.tal		{ text-align: left !important; }
.tac		{ text-align: center !important; }
.tar		{ text-align: right !important; }
/* BLOCK-ALIGN */
.bal		{ margin-right: auto; }
.bac		{ margin-left: auto; margin-right: auto; }
.bar		{ margin-left: auto; }
/* FONT-WEIGHT */
.b			{ font-weight: bold; }
.n			{ font-weight: normal; }
/* FONT-SIZE */
.fs08		{ font-size: 8px !important; }
.fs09		{ font-size: 9px !important; }
.fs10		{ font-size: 10px !important; }
.fs11		{ font-size: 11px !important; }
.fs12		{ font-size: 12px !important; }
.fs13		{ font-size: 13px !important; }
.fs14		{ font-size: 14px !important; }
.fs15		{ font-size: 15px !important; }
.fs16		{ font-size: 16px !important; }
.fs17		{ font-size: 17px !important; }
.fs18		{ font-size: 18px !important; }
.fs19		{ font-size: 19px !important; }
.fs20		{ font-size: 20px !important; }
.fs21		{ font-size: 21px !important; }
.fs22		{ font-size: 22px !important; }
.fs23		{ font-size: 23px !important; }
.fs24		{ font-size: 24px !important; }
.fs25		{ font-size: 25px !important; }
.fs26		{ font-size: 26px !important; }
.fs27		{ font-size: 27px !important; }
.fs28		{ font-size: 28px !important; }
.fs29		{ font-size: 29px !important; }
.fs30		{ font-size: 30px !important; }
.fs80p	{ font-size: 80% !important; }
.fs85p	{ font-size: 85% !important; }
.fs90p	{ font-size: 90% !important; }
.fs120p	{ font-size: 120% !important; }
.fs130p	{ font-size: 130% !important; }
.fs150p	{ font-size: 150% !important; }
.fs240p	{ font-size: 240% !important; }
.fs250p	{ font-size: 250% !important; }
.fs300p	{ font-size: 300% !important; }
.fs350p	{ font-size: 350% !important; }
.fsSSS { font-size:65% !important; }
.fsSS { font-size:75% !important; }
.fsS { font-size:86% !important; }
.fsL { font-size:116% !important; }
.fsLL { font-size:129% !important; }
.fsLLL { font-size:150% !important; }
.fsLLLL { font-size:200% !important; }

/* TEXT-DECORATION */
.del		{ text-decoration: line-through; }
.u			{ text-decoration: underline; }
.tdn		{ text-decoration: none;}

/* TEXT-SHADOW */
.ts01	{ text-shadow: 1px 1px 2px #ccc;  }
.ts02	{ text-shadow: 1px 1px 2px #fff;  }
.ts03	{ text-shadow: 1px 1px 2px #777;  }
.ts04	{ text-shadow: 0.5px 0.5px 2px #fff;  }

/* LETTER-SPACING */
.ls01	{ letter-spacing: 0.01em; }
.ls02	{ letter-spacing: 0.02em; }
.ls03	{ letter-spacing: 0.03em; }
.ls09	{ letter-spacing: 0.09em; }

/* FONT-COLOR */
.fcgreen1	{ color: #008B8B; }
.fcgreen2	{ color: #016460; }
.fcgray1	{ color: #999; }
.fcpink1	{ color: #fe80a8 !important; }/* 薄ピンク */
.fcpink2	{ color: #e4566f !important; }/* 濃ピンク */
.fcpink3	{ color: #8a1d30 !important; }/* 更に濃ピンク */
.fcfff	{ color: #fff !important; }
.fc333	{ color: #333 !important; }
.fc000	{ color: #000; }
.fcfat	{ color: #5a492b; }/* ファットバンク専用カラー */

/* BACKGROUND */
.bg01	{ background-color: #64ece6; }/* 標準グリーン */
.bg02	{ background-color: #fff; }/* 白 */
.bg03	{ background-color: #c4f9f7; }/* 薄グリーン */
.bg04	{ background-color: #00B8B2; }/* 濃グリーン */
.bg05	{ background-color: #0491A2; }/* 特濃グリーン */
.bg06	{ background-color: #e6fffd; }/* 極薄グリーン */
.bg07	{ background-color: #fff4f9 !important; }/* 薄ピンク */
.bg08	{ background-color: #f68094 !important; }/* 標準ピンク */
.bg09	{ background-color: #e4566f !important; }/* 濃ピンク */
.bg10	{ background-color: #F7F5F1; }/* 目元トピックス用 */
.bg11	{ background-color: #000000; }/* 黒 */
.t_bg	{ background-color: #fef4f5; }/* テーブル用背景カラー */
.f_bg	{ background-color: #5a492b; }/* ファットバンク用背景カラー */

/* 背景グリーングラデーション */
.bg_gra01	{
	background: #00b8b2; /* Old browsers */
	background: -moz-linear-gradient(top,  #00b8b2 0%, #0491a2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #00b8b2 0%,#0491a2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #00b8b2 0%,#0491a2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b8b2', endColorstr='#0491a2',GradientType=0 ); /* IE6-9 */
	color:#fff;
}

/* 背景ピンクグラデーション濃 */
.bg_gra02	{
	background: #f68094; /* Old browsers */
	background: -moz-linear-gradient(top,  #f68094 0%, #e4566f 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f68094 0%,#e4566f 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f68094 0%,#e4566f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f68094', endColorstr='#e4566f',GradientType=0 ); /* IE6-9 */
	color:#fff;
}

/* 背景ピンクグラデーション薄 */
.bg_gra03	{
	background: #fff9fa; /* Old browsers */
	background: -moz-linear-gradient(top,  #fff9fa 0%, #fce9ec 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fff9fa 0%,#fce9ec 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fff9fa 0%,#fce9ec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9fa', endColorstr='#fce9ec',GradientType=0 ); /* IE6-9 */
	color:#555;
}

/* 背景グリーンしましま */
.bg_stripe01 {
	background: repeating-linear-gradient(-45deg, #acf8f3, #acf8f3 1px, #ecfffe 0, #ecfffe 4px);
}

/* 背景ピンクしましま */
.bg_stripe02 {
	background: repeating-linear-gradient(-45deg, #ffeff6, #ffeff6 1px, #fffafc 0, #fffafc 4px);
}

/* BORDER */
.bdn	{ border: none !important; }
.bd	{ border: 1px solid #ccc; }
.bd2	{ border: 1px solid #eee; }
.bdl	{ border: 1px solid #fef4e9; }
.bdDot	{ border: 1px dotted #ccc; }
.btDot	{ border-top: 1px solid #ccc; }
.bdDotB	{ border-bottom: 1px dotted #ccc; }
.bdb999	{ border-bottom: 1px solid #ccc;}
.bdb777	{ border-bottom: 1px solid #777; }
.bdbE0{ border-bottom: 1px solid #E0E0E0;}
.bdbC{ border-bottom: 1px dotted #CCC;}
.bdb3b{ border-bottom: 1px solid #3BDFD6;}/* グリーンのライン */  
.brbC{ border-right: 1px dotted #CCC;}
.bdt{ border-top: 1px solid #CCC;}
.bdtC{ border-top: 1px dotted #CCC;}
.bdsC{ border-bottom: 1px solid #CCC;}
.brsC{ border-right: 1px solid #CCC;}
.hr		{ border: 0; border-bottom: 1px dotted #999999; }
.bd_bun	{ border: 1px solid #fef4e9; padding:3px; background-color:#fff;}
.bdp2b{ border: 3px solid #f68094;}/* ピンクの太ライン */  

.uline_dot	{ 
	line-height: 30px;
	margin: 0px;
	background-position: center top;
	display:block;
 }

/* BORDER-RADIUS */
.br3 {
	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 */
}
.br5 {
	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 */
}
.br6 {
	border-radius: 6px;        /* CSS3草案 */  
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */
	-o-border-radius:6px; /* Opera */
	-ms-border-radius:6px; /* Internet Explorer */
}

.br10 {
	border-radius: 10px !important;        /* CSS3草案 */  
	-webkit-border-radius: 10px !important;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px !important;   /* Firefox用 */
	-o-border-radius:10px !important; /* Opera */
	-ms-border-radius:10px !important; /* Internet Explorer */
}

.br20 {
	border-radius: 20px !important;        /* CSS3草案 */  
	-webkit-border-radius: 20px !important;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 20px !important;   /* Firefox用 */
	-o-border-radius:20px !important; /* Opera */
	-ms-border-radius:20px !important; /* Internet Explorer */
}

/* LINE-HEIGHT */
.lh1		{ line-height: 1; }
.lh1p2		{ line-height: 1.2; }
.lh1p3		{ line-height: 1.3; }
.lh1p4		{ line-height: 1.4; }
.lh1p5		{ line-height: 1.5; }
.lh1p55		{ line-height: 1.57; }
.lh1p6		{ line-height: 1.6; }
.lh1p8		{ line-height: 1.8 !important; }
.lh2		{ line-height: 2; }

/* TEXT-INDENT */
.ti01		{ text-indent: 1px; }
.ti02		{ text-indent: 2px; }
.ti03		{ text-indent: 3px; }
.ti04		{ text-indent: 4px; }
.ti05		{ text-indent: 5px; }
.ti06		{ text-indent: 6px; }
.ti07		{ text-indent: 7px; }
.ti08		{ text-indent: 8px; }
.ti09		{ text-indent: 9px; }
.ti10		{ text-indent: 10px; }
.ti11		{ text-indent: 11px; }
.ti12		{ text-indent: 12px; }
.ti13		{ text-indent: 13px; }
.ti14		{ text-indent: 14px; }
.ti15		{ text-indent: 15px; }
.ti20		{ text-indent: 20px; }
.ti21		{ text-indent: 21px; }
.ti22		{ text-indent: 22px; }
.ti23		{ text-indent: 23px; }
.ti24		{ text-indent: 24px; }
.ti25		{ text-indent: 25px; }
.ti26		{ text-indent: 26px; }
.ti27		{ text-indent: 27px; }
.ti28		{ text-indent: 28px; }
.ti29		{ text-indent: 29px; }
.ti30		{ text-indent: 30px; }

.ti1em	{ margin-left:1em;	text-indent:-1em;}
.ti1hem	{ margin-left:1.5em;	text-indent:-1.5em;}
.ti2em	{ margin-left:2em;	text-indent:-2em;}
.ti2hem	{ margin-left:2.5em;	text-indent:-2.5em;}

/* OFF LEFT */
.ol			{ text-indent: -9999px; overflow: hidden; }

/* NOWRAP */
.nr			{ white-space: nowrap; }

/* CURSOR */
.pointer	{ cursor: pointer; }

/* BORDER-COLLAPSE */
.bdcc		{ border-collapse: collapse; }
.bdcs		{ border-collapse: separate; }

/* TABLE-LAYOUT */
.tlf		{ table-layout: fixed; }

/* コンテンツ幅 */
.wi_full {
    margin: 0px auto;
    width: 1000px !important;
}
.wi_100per {
    margin: 0px auto;
    width: 100% !important;
}

.wi_98per {
    margin: 0px auto !important;
    width: 98% !important;
}

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

.wi_94per {
    margin: 0px auto !important;
    width: 94% !important;
}

.wi_90per {
    margin: 0px auto !important;
    width: 90% !important;
}

.wi_80per {
    margin: 0px auto;
    width: 80% !important;
}

.wi_75per {
    margin: 0px auto !important;
    width: 75% !important;
}

.wi_70per {
    margin: 0px auto !important;
    width: 70% !important;
}

.wi_65per {
    margin: 0px auto !important;
    width: 65% !important;
}

.wi_50per {
    margin: 0px auto !important;
    width: 50% !important;
}

.wi_40per {
    margin: 0px auto !important;
    width: 40% !important;
}

.wi_33per {
    margin: 0px auto !important;
    width: 33.333333% !important;
}

.wi_30per {
    margin: 0px auto !important;
    width: 30% !important;
}

.wi_25per {
    margin: 0px auto !important;
    width: 25% !important;
}

.wi_23per {
    margin: 0px auto !important;
    width: 23.333333% !important;
}

.wi_20per {
    margin: 0px auto !important;
    width: 20% !important;
}

.wi_16per {
    margin: 0px auto !important;
    width: 16.6666% !important;
}

.wi_10per {
    margin: 0px auto !important;
    width: 10% !important;
}

/* 回転 */
.rotate45 {
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}

/* 背景カラーSNSアイコン類 */
.bgcol_facebook {
    background-color:#3B5998;
    background: linear-gradient(#3B5998, #214389);
    background: -moz-linear-gradient(#3B5998, #214389);
    background: -webkit-linear-gradient(#3B5998, #214389);
    background: -ms-linear-gradient(#3B5998, #214389);
    background: -o-linear-gradient(#3B5998, #214389);
}

.bgcol_insta {
    background-color:#517fa4;
    background: linear-gradient(#517fa4, #38658a);
    background: -moz-linear-gradient(#517fa4, #38658a);
    background: -webkit-linear-gradient(#517fa4, #38658a);
    background: -ms-linear-gradient(#517fa4, #38658a);
    background: -o-linear-gradient(#517fa4, #38658a);
}

.bgcol_tweet {
    background-color:#35c3f9;
    background: linear-gradient(#7cdbff, #35c3f9);
    background: -moz-linear-gradient(#7cdbff, #35c3f9);
    background: -webkit-linear-gradient(#7cdbff, #35c3f9);
    background: -ms-linear-gradient(#7cdbff, #35c3f9);
    background: -o-linear-gradient(#7cdbff, #35c3f9);
}

.bgcol_line {
    background-color:#5ae628;
    background: linear-gradient(#5ae628, #11c60d);
    background: -moz-linear-gradient(#5ae628, #11c60d);
    background: -webkit-linear-gradient(#5ae628, ##11c60d);
    background: -ms-linear-gradient(#5ae628, #11c60d);
    background: -o-linear-gradient(#5ae628, #11c60d);
}

/* LINEアイコン追加 */
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?73234024');
  src: url('../font/fontello.eot?73234024#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?73234024') format('woff2'),
       url('../font/fontello.woff?73234024') format('woff'),
       url('../font/fontello.ttf?73234024') format('truetype'),
       url('../font/fontello.svg?73234024#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?73234024#fontello') format('svg');
  }
}
*/
 
 [class^="c-fa-line"]:before, [class*=" c-fa-line"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.c-fa-lineline:before { content: '\e800'; } /* '?' */

/* 外部フォント修正 */
.fa {
    margin-right: 0.3em;
}

.sns_ico .fa,.flexslider ul.smt_menuico li .fa {
    margin-right: 0em !important;
}

.fa-stack-1x {
    font-size: 0.7em !important;
}

.fa-stack-2x {
    font-size: 1.1em !important;
    color: #00B8B2;
}

.fa-stack {
    width: 1.1em !important;
    height: 1.1em !important;
    line-height: 1.2em !important;
}

/* 数字付きリスト */

ul.dec li {
   list-style-type:decimal;
   margin: 0 0 2px 2.5em;
   color: #0491A2;
}

ul.dec li span{
   color: #666;
}

/* ボタンhover */
.but_green01:hover,.but_pink01:hover {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
}

/* 緑のボタン */
.but_green01,.but_green02 {
    display: block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.but_green01 {
    background-color: #00B8B2;
}

.but_green01:hover {
    background-color: #0491A2;
}

.but_green01 a,.but_green02 a,a.but_green01,a.but_green02{
    color: #FFFFFF !important;
}

.but_green01_::after,.but_green02_::after,a.but_green01:before,a.but_green02:before {
    color: #fff;
    content: "\f054";
    font-family: FontAwesome;
    margin-right:1.5%;
}

.but_green01_::after,.but_green02_::after {
    display: block;
    color: #fff;
    position: absolute;
    top: 25%;
    display: block;
    width: 100%;
    left: 87%;
}

.but_green02 {
    background-color: #0491A2;
}

.but_green02:hover {
    background-color: #00B8B2;
}

/* 濃いピンクのボタン */

.but_pink01 {
    background-color: #f68094;
    display: block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff !important;
}

.but_pink01:hover {
    background-color: #e4566f;
    display: block;
    color:#fff;
}

.but_pink01 a{
    display: block;
    color: #FFFFFF !important;
}

/* 薄いピンクのボタン */

.but_pink02 {
    background-color: #fbdbe0;
    display: block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #555 !important;
}

.but_pink02:hover {
    background-color: #f68094;
    display: block;
    color: #000 !important;
}

.but_pink02 a{
    display: block;
    color: #000 !important;
}

/* 最も濃いピンクのボタン */

.but_pink03 {
    background-color: #e4566f;
    display: block;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff !important;
}

.but_pink03:hover {
    background-color: #e93686;
    display: block;
    color:#fff;
}

.but_pink03 a{
    display: block;
    color: #FFFFFF !important;
}

/* 電話番号ボタン */
.tel_but {
    font-size: 1.8em;
    padding: 0 20px;
    font-family: 'Raleway', sans-serif;
    width: 35%;
    color: #fff !important;
    line-height: 1.5em;
    display: inline !important;
}
.tel_but img {
    width: 35px;
    margin: 12px 8px 0 0;
}

/* before */
.suq01:before{
  content:"■";
  color:#00B8B2;/* 緑四角 */
  margin-right: 0.2em;
}

.suq02:before{
  content:"■";
  color: #f68094;/* 薄ピンク四角 */
  margin-right: 0.2em;
}

/* ヘッダ・コンテンツ見出し類 */
.headimg h1 {
    display: block;
    position: absolute;
    top: 45px;
    font-size: 3.5em;
    margin: 0 0 0 50px;
    color: #333;
    text-shadow: 2px  2px 3px #fff,
            -2px  2px 3px #fff,
             2px -2px 3px #fff,
            -2px -2px 3px #fff;
}

.headimg strong {
    display: block;
    position: absolute;
    top: 110px;
    font-size: 1.3em;
    margin: 0 0 0 50px;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    text-shadow: 1px  1px 2px #fff,
            -1px  1px 2px #fff,
             1px -1px 2px #fff,
            -1px -1px 2px #fff;
}

#contents_right_in h2,#contents_right_in h3,#contents_right_in h4{
  display:block;
  overflow: hidden;
  line-height:1.8em;
  margin-bottom: 15px;
}

#contents_center h2{
  font-size: 25px;
  display: block;
  color: #333;
  border-bottom: 8px solid #f3eeef;
}

#contents_center h3{
  font-size:1.6em;
  color: #333;
  position: relative;
  padding: 0 .5em 0.2em 2em;
  border-bottom: 2px dotted #ccc;
}

#contents_center h3::before,
#contents_center h3::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
#contents_center h3::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: rgba(0, 184, 178, .5);
}
#contents_center ul.lineup h3::before,#contents_center ul.lineup h3::after {
	border-radius: 0% !important;
	position: static !important;
	content: none !important;
}
#contents_center h3::after {
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
	background: rgba(100, 236, 230, .5);
}

#contents_center h4{
  font-size:1.6em;
  color: #0491A2;
  border-bottom: 1px dashed #ccc;
}

#contents_right_in h5{
  font-size:1.2em;
  color: #0491A2;
  margin-bottom: 5px !important;
  display: block;
  clear: both;
}

#contents_center .sub_cont_text,#contents_center .sub_cont_text_cen{
  display:block;
  overflow: hidden;
  margin:0 0 30px 2%;
  line-height: 1.7em;
  font-size:1.2em;
  letter-spacing:0.05em;
}
/* レスポンシブ対応マップ埋め込み */
.ggmap,.ggmap_small {
position: relative;
padding-bottom: 100%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.ggmap_small {
padding-bottom: 65% !important;
}
 
.ggmap iframe,.ggmap object,.ggmap embed,
.ggmap_small iframe,.ggmap_small object,.ggmap_small embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*------------- 新着情報トップ -------------*/
.news_cont .news_topic ol li {
    display: block;
    margin: 1% 0 0 0;
    border-bottom: 1px dotted #ccc;
    padding: 0 0 3px 0;
    line-height: 2.5em;
    overflow: hidden;
}
.news_cont .news_topic ol li span {
    width: 80px;
    float: left;
    line-height: 2.5em;
}
.news_cont .news_topic ol li p {
    width: 70px;
    padding: 0.1% 1.5%;
    margin-top: 0.7%;
    float: left;
    line-height: 2em;
    font-size: 0.9em;
}
.news_cont .news_topic ol li a {
    font-size: 1.1em;
    padding-top: 0.3%;
    float: left;
    margin-left: 1%;
    width: 800px;
    clear: none !important;
}
/*------------- 新着情報サブ -------------*/
.news_topic ul{
  margin:20px 0 5px 0;
  padding: 2px 0px;
  font-size: 1.1em;
}

.news_topic ul.rss_cont {
    display: block;
    margin: 0 0 2.5% 0;
    float:right;
}

.news_topic ol li {
    display: block;
    margin: 0 0 2.5% 0;
    line-height: 1.5em;
    border-bottom: 1px dotted #ccc;
    padding: 0 0 3px 0;
}

.news_topic ol li span{
  margin-right:10px;
  padding: 2px 0px;
  font-size: 1.1em;
}

.news_topic ol li span,.news_topic ol li p{
  float:left;
}

.news_topic ol li a{
  display:block;
  clear:both;
  font-size: 1.1em;
  padding-top: 0.3%;
}

.news_topic ol li p {
    padding: 0 14px;
    background-color: #00B8B2;
    color: #fff;
    font-size: 0.8em;
    letter-spacing: 0.1em;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.news_topic ol li b {
    color: #fc4e9c;
    font-weight: bold;
    -webkit-animation:blink 1.3s ease-in-out infinite alternate;
    -moz-animation:blink 1.3s ease-in-out infinite alternate;
    animation:blink 1.3s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}}

/*------------- サイトマップ共通 -------------*/
ul.sitemap li a:before{
  content: "\f105";
  margin-right: 2%;
  font-family: FontAwesome;
  color:#00B8B2;
}
ul.sitemap li a{
  display:block;
}
/*------------- サイトマップ -------------*/
ul.sitemap{
  width:90%;
  display:block;
  margin:20px auto 0 auto;
  overflow: hidden;
}
ul.sitemap li{
  width: 33.33333333%;
  float:left;
  display: block;
}
ul.sitemap li.subtitle,ul.sitemap li.nolink{
  width: 100%;
  float:none;
  overflow: hidden;
  padding: 15px 0 0 0;
  font-weight: bold;
  display: block;
  line-height: 1em;
  color:#000;
}
ul.sitemap li.subtitle a::before {
    content: "\f101" !important;
    margin-right: 0.5% !important;
    font-weight: normal;
    font-family: FontAwesome;
}
li.subtitle{
  width:100% !important;
  float:none !important;
  clear: both;
  padding-top: 15px;
  display: block;
  font-weight: bold;
  color: #0491A2;
}
/*------------- SNSボタン -------------*/
div#social-button{
  display:block;
  float: right;
  margin-bottom: 20px;
}
div#social-button a{
  display: inline-block;
  margin-left: 10px;
}
div#social-button a.twitter,div#social-button a.facebook,div#social-button a.google,div#social-button a.line{
  width : 6.5em;
  color: #fff;
  padding: 4px 0 2px 0;
  text-align: center;
}
div#social-button a.twitter {
  background : #1b95e0;
}

div#social-button a.facebook{
  background : #3a5795;
}
div#social-button a.google{
  background : #f44336;
}
div#social-button a.line{
  background : #00c300;
}
/*------------- メインメニューリスト下・麻酔について＆未成年者の方へ -------------*/
.menulist_subcont p a{ 
  display:block;
  border: 1px solid #ccc;
  width: 85%;
  padding: 10px;
  background-color: #DFFFFE;
  margin: 0 auto;
}
.menulist_subcont p a:before{ 
  content: "\f138";
  margin-right: 2%;
  font-family: FontAwesome;
  color:#00B8B2;
}
.menulist_subcont p a:hover:before{ 
  color: #fff;
}
.menulist_subcont p a:hover {
  background-color: #00B8B2;
  color: #fff;
}
/*------------- ビューティーコロシアム共通 -------------*/

.bc_bun_10:hover,.bc_bun_20:hover,.bc_bun_30:hover,.bc_bun_40:hover,.bc_bun_50:hover{
    opacity:0.6;
}

.maru_dodai{
  position:absolute;
}

strong.sub_maru{
  color:#fff;
  padding:1% 3%;
  height: 100%;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 1.2em;
  transform: rotate(-25deg);
  -ms-transform: rotate(-25deg);
  -moz-transform: rotate(-25deg);
  -webkit-transform: rotate(-25deg);
  -o-transform: rotate(-25deg);
	border-radius: 50% !important;        /* CSS3草案 */  
	-webkit-border-radius: 50% !important;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 50% !important;   /* Firefox用 */
	-o-border-radius:50% !important; /* Opera */
	-ms-border-radius:50% !important; /* Internet Explorer */
}

.comment_dodai{
  background-color: #effffe;
  border: 1px solid #eee;
  font-size:1.2em;
  padding: 3% 4%;
  margin: 5% auto;
  line-height:1.5em;
  position: relative;
}

ul.bc_agebut li{
  display: inline;
  float:left;
  width:18%;
  margin:0 1%;
  font-size: 0.9vw;
}

/*BC施術一覧*/
ul.lineup_list{
    dispay: inline-block;
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 2% 4%;
    overflow: hidden;
}

ul.lineup_list li{
	display:block;
	margin-bottom: 8px;
	overflow: hidden;
}

ul.lineup_list li div.button {
    background-color: #fbdbe0;
    display: inline-block;
    padding: 0.2% 2%;
    margin-right: 1%;
    text-align: center;
    clear: both;
}

ul.lineup_list li a:before{
	content: "\f138";
	margin: 0 0.5% 0 1.5%;
	font-family: FontAwesome;
	color:#00B8B2;
}

ul.lineup_list li span {
    float:left;
    display:block;
}

/*BC ビフォー・アフター*/

ul.ba_list li,ul.ba_list li .frame,ul.ba_list li .frame_small{
	display:block;
	overflow: hidden;
}

ul.ba_list li.half{
	width:50%;
	float:left;
}

ul.ba_list li.full{
	width:100%;
}

ul.ba_list li .frame,ul.ba_list li .frame_small{
	border:1px solid #E1EDED;
	padding: 0 0 5% 0 !important;
}

ul.ba_list li .frame_small{
	margin: 2%;
}

ul.ba_list li .frame {
    margin: 2% 1%;
}

ul.ba_list li i.images_go,ul.ba_list li i.images_go02,ul.ba_list li i.images_go03,ul.ba_list li i.images_go04,ul.ba_list li i.images_go05 {
    position: absolute;
    font-size: 1.8em;
    color: #f68094;
    top: 50%;
    margin-right: 0 !important;
}


ul.ba_list li .frame b,ul.ba_list li .frame_small b{
	display:block;
	font-size:1.2em;
	text-align:center;
	margin: 3% auto;
	color: #00B8B2;
}
ul.ba_list li div.pic_cen,ul.ba_list li div.pic_cen2{
    margin:0 auto;
    text-align: center;
    overflow: hidden;
}

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

ul.ba_list li.half .frame p.bd_01,ul.ba_list li.full .frame p.bd_03,
ul.ba_list li.half .frame_small p.bd_01,ul.ba_list li.full .frame_small p.bd_03{
	float:left;
}
ul.ba_list li.half .frame p.bd_02,ul.ba_list li.half .frame_small p.bd_02{
	float:right !important;
}

/*!---------- 症例写真トップonmouse ----------*/
.image-tile {
    overflow: hidden;
    position: relative;
    margin-bottom: 24px;
}

figure {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

figure:after { /* この要素が内向きのシャドウを写真に落とす */
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2),
	inset 0 0 100px rgba(0, 0, 0, 0.1);
	z-index:50;
}

figure a {
	z-index:60;
	overflow:hidden;overflow: hidden;
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

figure img {
	position: relative;
	z-index: 2;
	-webkit-transition: .3s;
	transition: .3s;
	width:100%;
	display: inline-block;
}
figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 140px;
	color:#fff;
	-webkit-transition: .3s;
	transition: .3s;
}
figure:hover img,figure:hover b {
	-webkit-transform: translateY(-140px);
	transform: translateY(-140px);
}

figure b {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 50;
    font-size: 1.2em;
    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;
}

figure strong {
    font-size: 1.2em !important;
    color: #fff !important;
    display: block !important;
    text-align: center;
    font-weight: bold;
    margin-top: 8px;
}

figure p {
    font-size: 12px;
    margin: 5px 10px 10px 10px !important;
    line-height: 1.5em;
}

figure span {
    margin: 0 30px;
    font-size: 0.9em;
    background-color: #fff;
    color: #555;
    padding: 0 10px;
    text-align: center;
    display: block;
}
/*------------- ページ下部コメント欄 -------------*/
div.under_comment{
  display:block;
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #effffe;
  padding:2% 3%;
  margin-top: 5% !important;
}

/*------------- アクティブメニューカラー -------------*/
#contents_left ul li a.active {
  color:#000;
  background-color: #FEDCDC;
}

#contents_left ul li a.active:before {
  color: #0491A2;
}

/*------------- 施術の詳細ul -------------*/
ul.Surgery_detail,ul.point{
  display:block;
  overflow: hidden;
  width:90%;
  margin:0 auto;
  font-size: 1.1em;
}

ul.Surgery_detail li,ul.point li{
  margin-bottom:1%;
  clear:both;
  overflow: hidden;
}

ul.Surgery_detail b{
  float:left;
  width:20%;
  display:block;
}

ul.point div.left{
  padding:0 5%;
  background-color: #f68094;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #fff;
  display: block;
  float:left;
  height: 40px;
  line-height: 40px;
}

ul.point div.right{
  display: block;
  width: 490px;
  float:right;
  line-height: 40px;
  font-size: 1.2em;
  border-bottom: 2px dotted #eee;
  color: #8a1d30;
}

/*------------- イージースクエア埋没法 -------------*/
ul.Easy_detail{
  display:block;
  overflow: hidden;
  width:90%;
  margin:0 auto;
}

ul.Easy_detail li{
  clear:both;
  margin-bottom:3%;
  overflow: hidden;
}

ul.Easy_detail li img{
  display:block;
  float:left;
  margin-right:3%;
}

ul.Easy_detail li span{
  float:left;
  width:365px;
}

/* テーブル3分割 */
table.Table_three,table.eye_type{
    margin: 0 auto 3% auto !important;
    font-size: 0.9em;
    line-height: 1.5em;
}

table.Table_three th{
    width:33.333333%;
}

table.eye_type td{
  padding: 1%;
}

table.Table_three th,table.eye_type th{
    margin: 0 auto;
    background-color: #fef4f5;
    color:#000;
    text-align: center;
}

table.Table_three th span{
  display:block;
  width:33.333333%;
  float: left;
}

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

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

table.eye_type .w_26{
    width:26.666666%;
}

table.eye_type .w_20{
    width:20%;
}

table.eye_type .w_40{
    width:40%;
}
/*------------- 大塚美容が支持される理由 -------------*/
ul.reason{
	display: block;
	overflow:hidden;
	width: 100%;
}

ul.reason li{
	width:49%;
	padding: 3% 2%;
}

ul.reason li p{
	line-height:1.5em;
	margin: 0 !important;
}

/*------------- Q＆A -------------*/
.sub_cont_text div.qu {
    font-size: 1.2em;
    color: #000;
    display: block;
    line-height: 2em;
    background-color: #b8f9f6;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 50px;
    background-image: url(../images/common/q.png);
    background-repeat: no-repeat;
    background-size: 5%;
    background-position: 1.8% 50%;
    padding: 1.5% 0;
}

.sub_cont_text div.qu span {
    margin: 0 3% 0 8%;
    display: block;
    line-height: 1.4em;
}

.sub_cont_text div.an {
    display: block;
    width: 90%;
    margin: 0 2% 20px 8%;
    background-image: url(../images/common/a.png);
    background-repeat: no-repeat;
    background-size: 5%;
    background-position: 1.8% 15%;
    padding: 1% 0;
}

.sub_cont_text div.an span {
    margin-left: 10%;
    display: block;
}

/*------------- ボタンサイズ調整 -------------*/
.right_but {
    text-align: center;
    display: block;
    padding: 1% 0%;
    width: 40%;
}

/*------------- 大塚美容のこだわり -------------*/
div.good_tex {
    padding:3% 4%;
    background-color: #effffe;
    line-height: 1.5em;
    margin: 0 0 5% 0;
    border: 1px solid #eee;
}

div.good_photo {
    text-align: center;
    margin-bottom:5%;
}

div.needle_tex {
    line-height: 1.5em;
}

/*------------- カテゴリ施術 -------------*/
dl.category_surgical {
    margin: 1% 0%;
    display: block;
    overflow: hidden;
}

dl.category_surgical dl{
  width:100%;
}

dl.category_surgical dt{
  font-size:1.4em;
  margin-bottom: 1%;
}

dl.category_surgical dd{
  float:left;
  margin-right: 5%;
  display: block;
}

dl.category_surgical dd a{
    display: block;
}

dl.category_surgical dd a:before{
  content: "\f105";
  font-family: FontAwesome;
  color:#00B8B2;
}

/*------------- 逆さまつ毛の施術 -------------*/
div.down_surgery01 {
  overflow:hidden;
  margin: 0 2%;
}

div.down_surgery01 span,div.down_surgery01 b{
  display:block;
  text-align: left;
}

div.down_surgery01 span {
    margin: 2% 2% 0 2%;
    font-size: 0.9em;
    line-height: 1.6em;
}

div.down_surgery01 b{
  font-size:1.7em;
  line-height: 1em;
  margin: 0 2% 2% 2%;
  color:#00B8B2;
}

div.down_surgery01 img{
  width:80%;
}

/*------------- 脂肪吸引 -------------*/
span.point,span.design{
  display:block;
  margin-bottom: 1%;
}

span.design:before,span.point:before{
  content:"　";
  margin-right: 0.5em;
  display: block;
  width: 10%;
  float: left;
}

span.design:before{
  background-color:#fded8d;
}

span.point:before{
  background-color:#ffcd9c;
}

/*------------- 比較表ul -------------*/
ul.comparison{
  font-size:0.9em;
  line-height: 1.6em;
  display:block;
  overflow:hidden;
  margin-bottom:3%;
}

div.feature{
  background-color: #e4566f;
  color:#fff;
  display:block;
  text-align: center;
  font-size:0.9em;
  margin-bottom: 1%;
}

table td p.bustbag01,table td p.bustbag02,table td p.bustbag03{
  display:block;
  margin:2% 0 !important;
  font-size:0.9em;
}
/*------------- ファットバンク -------------*/
strong.fat_sub{
    display: block;
    border-left: 4px solid #5a492b;
    color: #5a492b;
    padding: 2px 0px 0px 5px;
    margin: 10px 0px 5px 0px;
    font-weight:bold;
    font-size:1.2em;
}

ul.parts{
  background-color: #f5f2f0;
  padding:3% 5%;
  overflow: hidden;
}

ul.merit li .meri_tex{
  overflow: hidden;
  width:95%;
  border-bottom: 1px solid #5a492b;
  margin-left: 5%;
}

ul.merit li.M01{
	background-image: url("../images/lineup/bust/fatbank/merit_bg01.png");
}

ul.merit li.M02{
	background-image: url("../images/lineup/bust/fatbank/merit_bg02.png");
}

ul.merit li.M03{
	background-image: url("../images/lineup/bust/fatbank/merit_bg03.png");
}

ul.merit li.M04{
	background-image: url("../images/lineup/bust/fatbank/merit_bg04.png");
}

ul.merit li.M05{
	background-image: url("../images/lineup/bust/fatbank/merit_bg05.png");
}

ul.safety strong{
	background-repeat: no-repeat;
	background-position: top left;
	background-color: #f6f2f1;
	display: block;
	text-align: left;
}

ul strong.s01{
	background-image: url("../images/lineup/bust/fatbank/ico_01.png");
}
ul strong.s02{
	background-image: url("../images/lineup/bust/fatbank/ico_02.png");
}
ul strong.s03{
	background-image: url("../images/lineup/bust/fatbank/ico_03.png");
}
/*------------- 肌トップお悩み -------------*/

ul.skin_trouble li div{
  overflow: hidden;
  display:block;
  background-color: #e6fffd;
  padding: 10% 5%;
  border: 1px solid #eee;
}

ul.skin_trouble li div:hover{
  background-color: #f5fffe;
}
/*------------- ショッピングカート -------------*/
.shopcart form{
  width:90%;
  margin:0 auto;
  overflow:hidden;
}

.shopcart p{
  margin: 5% 0 1% 0 !important;
}

.shopcart form input{
  padding: 1.5% 2%;
  float: left;
  margin-right: 3%;
}

.shopcart form .cart_but{
  font-size: 1em;
  display: block;
  overflow: hidden;
  background-color: #00B8B2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: center;
  padding: 1% 4%;
  color: #fff;
  border: none;
  float: left;
  cursor:pointer;
}

.shopcart form .cart_but:hover{
  background-color: #008B8B;
}
/*----- 埋没法バナー -----*/
ul.maibotsu_bun {
    margin-bottom:3%;
    overflow: hidden;
}
ul.maibotsu_bun li a.bun_easy:hover,ul.maibotsu_bun li a.bun_natural:hover,ul.maibotsu_bun li a.bun_fb:hover{
    opacity: 0.5;
}
ul.maibotsu_bun li a.bun_easy,ul.maibotsu_bun li a.bun_natural,ul.maibotsu_bun li a.bun_fb{
    transition: opacity 0.3s ease-out;
    background-repeat:no-repeat;
    background-position:center center;
	overflow: hidden;
	text-indent: 120%;
	white-space: nowrap;
	margin:0px;
	display:block;
    height: 0;
    background-size: contain;
}
ul.maibotsu_bun li a.bun_easy{
    background-image: url(../images/lineup/eye/maibotsu/easy_bun.png);
}
ul.maibotsu_bun li a.bun_natural{
    background-image: url(../images/lineup/eye/maibotsu/natural_bun.png);
}
ul.maibotsu_bun li a.bun_fb{
    background-image: url(../images/lineup/eye/maibotsu/fb_bun.png);
}
#slick-slide00 button:before,#slick-slide01 button:before,#slick-slide02 button:before,#slick-slide03 button:before,#slick-slide04 button:before{
  margin-right: 2%;
  color:#fff;
  background-color:#00B8B2;
  z-index: 9;
  opacity: 1;
  font-size: 20px;
  padding: 4px;
  line-height: 30px;
}
#slick-slide00 button:before{
  content: "1";
}
#slick-slide01 button:before{
  content: "2";
}
#slick-slide02 button:before{
  content: "3";
}
#slick-slide03 button:before{
  content: "4";
}
#slick-slide04 button:before{
  content: "5";
}

/*----- エンディメッド専用ヘッダ -----*/
h1.endymed{
  text-shadow:none !important;
  color:#fff !important;
}

/*----- google検索結果 -----*/
table.gsc-search-box,table.gstl_50,table.gsc-above-wrapper-area-container,table.gsc-resultsHeader,table.gsc-table-result {
  margin: 0 0 2px 0 !important;
}
table.gsc-search-box td,td.gsc-result-info-container,td.gsc-orderby-container,table.gsc-resultsHeader td,table.gsc-table-result td {
  padding: 0% !important;
  border: none !important;
}
.gs-title,.gs-bidi-start-align{
  margin-bottom:0.6%;
}
.gs-bidi-start-align{
  line-height:1.5em;
}
/*------------- 点滴用H3 -------------*/
h4#drip {
    color:#555 !important;
}
h4#drip::before {
    margin-right: 1%;
}
h4#drip::before, h4.drip::after {
    content: "■";
    color: #00B8B2;
}
/*------------- 大塚美容紹介 -------------*/
h2.suff_bc {
    height: 3em;
    line-height: 3.2em !important;
    padding-left: 12%;
    font-size: 1.8em !important;
    margin-top: 3%;
}
div.handa,div.ishii{
 height: 0;
 background-size: contain !important;
 overflow: hidden;
 display: block;
 position: relative;
}

/*------------- 体験談ポップアップ -------------*/
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
  z-index: 9994;
  width: 50px;
  height: 50px;
  position: fixed;
  right: 1%;
  top: 2%;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 50px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 50px;
  font-family: Arial, Baskerville, monospace;
  line-height: 50px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close:active {
  top: 2%;
}
/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 1100px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.lity-hide {
  display: none;
}


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

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

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

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

#contents_center {
    width: 1000px;
}

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

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

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

#contents_right_in {
    padding: 3.7% 5%;
}

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

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

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

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

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

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

.search form ul li{ 
	float:left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.headimg {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

.footer_in strong.fnone {
    display: block;
}

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

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

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

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

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

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


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

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

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

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

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

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

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

.footer_in .circle_icobut p:hover {
}

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

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

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

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

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

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

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

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

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

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

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

.main_bunner a img{ 
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

a.but_con{
	width: 18%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sample {
  color: red\9;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* PC用 */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#tabhead{
}

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

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


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

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

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

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

#tabbody .current{
	display:block;
}

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

.modal-window h5 {
    position: relative;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/*  */
#contents_right_in h3.panel-treatment-title {
    color: #fff !important;
}
.gnavi {
	list-style-type: none;
}
.bn00 {
	margin-top: 5px;
	margin-bottom: 5px;
}
.page-top {
	position: fixed;
	bottom: 5px;
	right: 5px;
	padding: 10px;
	background: #7e7a7a;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 12px;
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.7;
	color: #000000;
}

.info_price {
	display:block;
	overflow:hidden;
}

.price-menu {
	text-align: center;
	background-color: #D5FCF3;
	color: #475F8A;
	border: thin solid #17A4A1;
}
.btn-price {
	background-color: #c4f9f7;
	border: 2px solid #fff !important;
}
.btn-price:focus,
.btn-price.focus {
  color: #333;
  background-color: #b0fcf9;
}
.btn-price:hover {
  color: #333;
  background-color: #64ece6;
}
h2.title {
	display: block;
	font-size: x-large;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}
h2.title span {
    display: block;
    float: left;
    line-height: 1.6em;
    margin: 0 0 0 1%;
}
.title01 {
	background-color: #00B8B2;
	display: block;
	color: #FFFFFF;
	margin: 5px 10px;
	padding: 7px 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius:  3px;
	white-space: pre-wrap;
	font-weight: bold;
}
.title01:hover {
    background-color: #0491A2;
    display: block;
    color: #FFFFFF;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all  0.4s ease;
}

.treatment-box {
	display: block;
	overflow: hidden;
	margin-top: 5px;
	margin-bottom: 5px;
	border-bottom: thin dotted #B9B9B9;
}

.panel-treatment {
	border-color: #ddd;
	padding-left: 10px;
	background-color: #0491A2;
	color: #FFFFFF;
	padding: 15px;
	margin: 0 -15px;
}
.panel-treatment-title {
	margin: 0 15px !important;
	font-size: large;
	color: inherit !important;
	border: none !important;
	line-height: 1em !important;
}
.price-price {
	display: block;
	white-space: pre-wrap;
	line-height: 160%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.linepb10 {
	border-top: 1px dotted #A0A0A0;
	width: 100%;
	display: block;
	overflow: hidden;
}
.info_info {
	white-space: pre-wrap;
	line-height: 1.6em;
	letter-spacing: 0.03em;
	margin-bottom: 1%;
}
.operation01 {
	display: block;
	border: thin solid #00B8B2;
	overflow: hidden;
	margin: 0 auto 50px auto;
	width: 95%;
	}
.info-heading {
	background-color: #E1FCFB;
	text-align: center;
}

.caution {
	white-space: pre-wrap;
	color: #F94074;
width: 95%;
margin: 0 auto;
line-height: 1.8em;
}
.information02 {
	border-width: thin;
	border-style: dotted;
	padding: 15px;
	width: 90% !important;
}
.information02 h3 {
	color: #F94074;
	font-size: 1.7em;
	line-height: 1.8em;
}
.information02 p {
    line-height: 1.6em;
    letter-spacing: 0.03em;
}
.info-list {
	list-style-type: square;
    line-height: 1.6em;
    letter-spacing: 0.03em;
}
.information00 {
	border: thin dotted #A0A0A0;
	padding: 15px;
}
.title02 {
	border-bottom: 2px double #65E7E2;
	font-size: 1.7em;
	width: 95%;
	padding: 0 0 0.5% 2%;
	margin: 5% auto 2% auto;
}

.information01 {
	padding-left: 0px;
}

.treatment-box_none {
    border-bottom:none!important;
    margin: 0.5% 0;
}
.h2_bottom {
    margin-bottom: 2%;
}

h3.info_title {
    margin: 10px 0 5px 0 !important;
    font-size: 1.4em !important;
    color: #F94074;
    border: none !important;
}

.online {
    display: block;
    overflow: hidden;
    margin: 5% auto 0 auto;
    width: 95%;
    text-align: center;
}

.btn00 {
    padding: 8px 20px;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 4px;
    margin: 0 1%;
    color: #fff;
    background-color: #F94074;
}

.btn00:hover {
    background-color: #DD0340;
}

.treatment-box a .title01:after,.treatment-box-none a .title01:after {
  color: #fff;
  content: "\f054";
  font-family: FontAwesome;
  position: absolute;
  top: 33%;
  display: block;
  width: 100%;
  left: 36%;
}

.table-bordered {
    width: 95.8% !important;
    max-width: 95.8% !important;
}