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