@charset "utf-8"; 
@import url( ./initials.css ); 

.ffen { font-family: 'Exo', sans-serif; }

html, body { width: 100%; height: 100%; }

/***** color *****/
body { color: #112; background-color: #f5f3f2; }
/* anchor */
a { color: #13beac; color: #000; }
a:focus *, a:hover * { color: #13beac; }
a:focus, a:hover { border-color: #13beac; }


* {border-color: rgba(0,0,0,0.2); }

/* background */
.bg000 { background-color: #000; }
.bg000ts010 {background-color: rgba(0,0,0,0.1); } 
.bg000ts025 {background-color: rgba(0,0,0,0.25); } 
.bg000ts050 {background-color: rgba(0,0,0,0.5); } 
.bg000ts075 {background-color: rgba(0,0,0,0.75); } 
.bg000ts090 {background-color: rgba(0,0,0,0.9); } 
.bgfff { background-color: #fff; }
.bgfffts010 {background-color: rgba(255,255,255,0.1); } 
.bgfffts025 {background-color: rgba(255,255,255,0.25); } 
.bgfffts050 {background-color: rgba(255,255,255,0.5); } 
.bgfffts075 {background-color: rgba(255,255,255,0.75); } 
.bgfffts090 {background-color: rgba(255,255,255,0.9); } 
.bg333 { background-color: #333; }
.bg666 { background-color: #666; }
.bg999 { background-color: #999; }
.bgaaa { background-color: #aaa; }
.bgbbb { background-color: #bbb; }
.bgccc { background-color: #ccc; }
.bgddd { background-color: #ddd; }
.bgeee { background-color: #eee; }

.bg247ts075 {background-color: rgba(247,247,247,0.75); } 
.bg247ts090 {background-color: rgba(247,247,247,0.9); } 

.bg00 { background-color: #f3f3f3; }
.bg01 { background-color: #13beac; }
a:hover .bg01, .bg01 a:hover{ color: #fff; }
.bg01gd { background: rgb(19,190,172); 
 background: linear-gradient(135deg, rgba(19,190,172,1) 10%, rgba(19,136,190,1) 90%); }
.bg01sl { background:repeating-linear-gradient(135deg, #13beac 0, #13beac 2px, #fff 2px, #fff 8px); }
.bg02sl { background:repeating-linear-gradient(135deg, #14c1af 0, #14c1af 2px, #13beac 2px, #13beac 8px); }
.bg02 { background-color: #c1baae; }
.bg03 { background-color: #f0edec; }
.bg04 { background-color: #f7f7f7; }
.bgno { background-color: transparent; }
.bggb { background: linear-gradient(180deg, rgba(36,48,48,0) 0%, rgba(36,48,48,0.5) 100%); }
.gd:before { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; content: ""; width: 100%; height: 100%;
background: linear-gradient(180deg, rgba(36,48,48,0) 0%, rgba(36,48,48,0.2) 100%); }

.bgsldr { background: rgb(36,48,48);}
.bgsldr { background: linear-gradient(270deg, rgba(36,48,48,0) 0%, rgba(36,48,48,0.80) 100%); }
/* text */
.tc000 { color: #000; }
.tc000025 { color: rgba(0,0,0,0.25); }
.tc000050 { color: rgba(0,0,0,0.5); }
.tc000075 { color: rgba(0,0,0,0.75); }
.tcfff { color: #fff; }
.tcfff025 { color: rgba(255,255,255,0.25); }
.tcfff050 { color: rgba(255,255,255,0.5); }
.tcfff075 { color: rgba(255,255,255,0.75); }
.tc333 { color: #333; }
.tc666 { color: #666; }
.tc999 { color: #999; }
.tcccc { color: #ccc; }

.tc00 { color: #99836b; }
.tc01 { color: #13beac; }
.tc02 { color: #666; }
.tc03 { color: #999; }

a.tdno, .tdno a { border-bottom: none !important; }
/* border */
.bc000 { border-color: #000; }
.bceee { border-color: #ccc; }
.bcfff { border-color: #fff; }
.bcfff:hover { border-color: #fff; }

.bc00 { border-color: #000; }
.bc01 { border-color: #13beac !important; }
.bc02 { border-color: #666; }
/* opacity */
.op00{ -ms-filter: 'alpha(opacity=0)'; opacity: 0; }
.op10{ -ms-filter: 'alpha(opacity=10)'; opacity: 0.1; }
.op20{ -ms-filter: 'alpha(opacity=20)'; opacity: 0.2; }
.op30{ -ms-filter: 'alpha(opacity=30)'; opacity: 0.3; }
.op40{ -ms-filter: 'alpha(opacity=40)'; opacity: 0.4; }
.op50{ -ms-filter: 'alpha(opacity=50)'; opacity: 0.5; }
.op60{ -ms-filter: 'alpha(opacity=60)'; opacity: 0.6; }
.op70{ -ms-filter: 'alpha(opacity=70)'; opacity: 0.7; }
.op80{ -ms-filter: 'alpha(opacity=80)'; opacity: 0.8; }
.op90{ -ms-filter: 'alpha(opacity=90)'; opacity: 0.9; }
.op100{ -ms-filter: 'alpha(opacity=100)'; opacity: 1; }
/* text-shadow */
.ts000 { text-shadow: 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000; }
.ts000x3 { text-shadow: 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000; }
.ts000x6 { text-shadow: 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000, 0px 0px 1px #000; }
.tsfff { text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff; }
.tsfff3 { text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff; }
.tsfff6 { text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff; }

.ds000 { -webkit-filter: drop-shadow(0px 3px 10px rgba(0,0,0,.8)); filter: drop-shadow(0px 0px 10px rgba(0,0,0,.8)); }
.dsfff { -webkit-filter: drop-shadow(0px 3px 10px rgba(255,255,255,.8)); filter: drop-shadow(0px 0px 10px rgba(255,255,255,.8)); }

/* etc */
.inactive { display: none !important; }

/***** typography *****/
body { font-family: 'YakuHanJPs', 'Noto Sans JP', sans-serif; font-weight: 400; 
/*font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,ヒラギノ角ゴ ProN W3,Arial,メイリオ,Meiryo,sans-serif; */
font-display: swap;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: "kern";
font-kerning: normal; }

p, blockquote, pre, address { line-height:1.83; }

em.dot { position: relative; }
em.dot:after{ position: absolute; top: -1em; left: 0; right: 0; text-align: center; content:"•"; }

.serif { font-family:'Times New Roman', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', 'MS PMincho', 'ＭＳ Ｐ明朝', serif; }
.sans { font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; }

.cap { text-transform: capitalize; }
.acap { text-transform: uppercase; }
.asml { text-transform: lowercase; }
.fcap:first-letter{ text-transform: uppercase; }

/* text-align */
.txl { text-align: left; display: block; }
.txr { text-align: right; display: block; }
.txc { text-align: center; display: block; }
.txj { text-align: justify; text-justify: inter-ideograph; }
/* white-space */
.txf { white-space: nowrap; }
.txw { white-space: normal; word-break: break-word; }
.elp { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* line-height */
.lh100 { line-height: 1.00; }
.lh125 { line-height: 1.25; }
.lh133 { line-height: 1.33; }
.lh150 { line-height: 1.5; }
.lh166 { line-height: 1.66; }
.lh175 { line-height: 1.75; }
.lh183 { line-height: 1.83; }
.lh200 { line-height: 2.00; }
/* letter-spacing */
.ls-03 { letter-spacing: -0.030em; }
.ls-02 { letter-spacing: -0.020em; }
.ls-01 { letter-spacing: -0.010em; }
.ls005 { letter-spacing: 0.05em; }
.ls010 { letter-spacing: 0.1em; }
.ls012 { letter-spacing: 0.125em; }
.ls025 { letter-spacing: 0.25em; }
.ls050 { letter-spacing: 0.5em; }
.ls075 { letter-spacing: 0.75em; }
.ls100 { letter-spacing: 1.0em; }
/* text-indent */
.ind1 { padding-left: 1em; text-indent: -1em; }
.ind2 { padding-left: 2em; text-indent: -2em; }
.ind3 { padding-left: 3em; text-indent: -3em; }
/* font-size */
.fsl { font-size: larger; }
.fss { font-size: smaller; }
.fs010 { font-size: 0.1em; }
.fs025 { font-size: 0.25em; }
.fs033 { font-size: 0.33em; }
.fs050 { font-size: 0.5em; }
.fs066 { font-size: 0.66em; }
.fs075 { font-size: 0.75em; }
.fs080 { font-size: 0.8em; }
.fs083 { font-size: 0.83em; }
.fs090 { font-size: 0.9em; }
.fs100 { font-size: 1.0em; }
.fs110 { font-size: 1.1em; }
.fs120 { font-size: 1.2em; }
.fs125 { font-size: 1.25em; }
.fs133 { font-size: 1.33em; }
.fs150 { font-size: 1.5em; }
.fs166 { font-size: 1.66em; }
.fs175 { font-size: 1.75em; }
.fs200 { font-size: 2.0em; }
.fs250 { font-size: 2.5em; }
.fs300 { font-size: 3.0em; }
.fs350 { font-size: 3.5em; }
.fs400 { font-size: 4.0em; }
.fs450 { font-size: 4.5em; }
.fs500 { font-size: 5.0em; }
.fs600 { font-size: 6.0em; }
.fs700 { font-size: 7.0em; }
.fs800 { font-size: 8.0em; }
.fs900 { font-size: 9.0em; }
.fs1000 { font-size: 10.0em; }
.fs1100 { font-size: 11.0em; }
.fs1200 { font-size: 12.0em; }
.fs1250 { font-size: 12.5em; }
.fs1500 { font-size: 15.0em; }
.fs1750 { font-size: 17.5em; }
.fs2000 { font-size: 20.0em; }
.fs2250 { font-size: 22.5em; }
.fs2500 { font-size: 25.0em; }
.fs2750 { font-size: 27.5em; }
.fs3000 { font-size: 30.0em; }
/* font-weight */
.fwl { font-weight: lighter; }
.fwb { font-weight: bolder; }
.fw100 { font-weight: 300; } 
.fw200 { font-weight: 300; } /* no exist */
.fw300 { font-weight: 400; } 
.fw400 { font-weight: 400; } 
.fw500 { font-weight: 400; } 
.fw600 { font-weight: 700; } /* no exist */
.fw700 { font-weight: 700; } 
.fw800 { font-weight: 900; } /* no exist */
.fw900 { font-weight: 900; } 

/***** style *****/

[class^="post"] img { max-width: 100%; }


/* border */
.bd { border-width: 0; border-style: solid; }
.bd00 { border: 0; }

.bd01 { border-style: solid; border-width: 1px; }
.bd01t { border-style: solid; border-top-width: 1px; }
.bd01b { border-style: solid; border-bottom-width: 1px; }
.bd01l { border-style: solid; border-left-width: 1px; }
.bd01r { border-style: solid; border-right-width: 1px; }
.bd01tb { border-style: solid; border-top-width: 1px; border-bottom-width: 1px; }
.bd01lr, .bd01rl { border-style: solid; border-right-width: 1px; border-left-width: 1px; }

.bd02 { border-style: solid; border-width: 2px; }
.bd02t { border-style: solid; border-top-width: 2px; }
.bd02b { border-style: solid; border-bottom-width: 2px; }
.bd02l { border-style: solid; border-left-width: 2px; }
.bd02r { border-style: solid; border-right-width: 2px; }
.bd02tb { border-style: solid; border-top-width: 2px; border-bottom-width: 2px; }
.bd02lr, .bd02rl { border-style: solid; border-right-width: 2px; border-left-width: 2px; }

.bdbl01 { border-style: double; border-width: 3px; }
.bdbl01t { border-style: double; border-top-width: 3px; }
.bdbl01b { border-style: double; border-bottom-width: 3px; }
.bdbl01l { border-style: double; border-left-width: 3px; }
.bdbl01r { border-style: double; border-right-width: 3px; }
.bdbl01tb { border-style: double; border-top-width: 3px; border-bottom-width: 3px; }
.bdbl01lr, .bd01rl { border-style: double; border-right-width: 3px; border-left-width: 3px; }

.bdash01 { border-style: dashed; border-width: 1px; }
.bdash01t { border-style: dashed; border-top-width: 1px; }
.bdash01b { border-style: dashed; border-bottom-width: 1px; }
.bdash01l { border-style: dashed; border-left-width: 1px; }
.bdash01r { border-style: dashed; border-right-width: 1px; }
.bdash01tb { border-style: dashed; border-top-width: 1px; border-bottom-width: 1px; }
.bdash01lr, .bd01rl { border-style: dashed; border-right-width: 1px; border-left-width: 1px; }

.bdot01 { border-style: dotted; border-width: 1px; }
.bdot01t { border-style: dotted; border-top-width: 1px; }
.bdot01b { border-style: dotted; border-bottom-width: 1px; }
.bdot01l { border-style: dotted; border-left-width: 1px; }
.bdot01r { border-style: dotted; border-right-width: 1px; }
.bdot01tb { border-style: dotted; border-top-width: 1px; border-bottom-width: 1px; }
.bdot01lr, .bd01rl { border-style: dotted; border-right-width: 1px; border-left-width: 1px; }

.slash { width: 100%; height: 30px; border: 0; text-align: center; overflow: hidden; }
.slash:after {
 content:"////////////////////////////////////////////////////////////////////////////////////////////////////"; font-size: 20px; font-weight: lighter; letter-spacing: 0.1em; white-space: nowrap; 
}
.wave { width: 100%; height: 30px; border: 0; text-align: center; overflow: hidden; }
.wave:after {
 content:"~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~"; font-size: 30px; font-weight: lighter; letter-spacing: -0.2em; white-space: nowrap; 
}
/* border-radius */
.rd{ border-radius: 50%; }
.rd03{ border-radius: 3px; }
.rd04{ border-radius: 4px; }
.rd05{ border-radius: 5px; }
.rd06{ border-radius: 6px; }
.rd07{ border-radius: 7px; }
.rd08{ border-radius: 8px; }
.rd09{ border-radius: 9px; }
.rd10{ border-radius: 10px; }
.rd12{ border-radius: 12px; }
.rd15{ border-radius: 15px; }
.rd20{ border-radius: 20px; }
.rd25{ border-radius: 25px; }
.rd30{ border-radius: 30px; }
.rd40{ border-radius: 40px; }
.rd45{ border-radius: 45px; }
.rd50{ border-radius: 50px; }
.rd60{ border-radius: 60px; }
.rd75{ border-radius: 75px; }
.rd80{ border-radius: 80px; }
.rd90{ border-radius: 90px; }
.rd100{ border-radius: 100px; }

.rd:hover a, .rd:hover a:hover { border-radius: 00%; overflow: hidden; }

.current.page-numbers { border: 1px solid #112; border-radius: 00%; overflow: visible; }


/* table */
.scroll { width: 100%; overflow-x: auto; }
.scroll table { min-width: 360px; }
table { margin: 0.6em auto; }
th { font-size:95%; font-weight: bolder; }
th, td {
 padding: 0.6em 0.3em;
 line-height: 1.5;
 text-align: left;
 border-top: 1px solid #E1E1E1; 
 border-bottom: 1px solid #E1E1E1; 
}
th:first-child, td:first-child { padding-left: ; }
th:last-child, td:last-child { padding-right: ; }

.odd tr:nth-child(odd) { background: #eee; }
.even tr:nth-child(even) { background: #eee; }

td[colspan] { border-top: 2px solid #ccc; }

.c211 th { width: 50%; }
.c211 td { width: 25%; }
.c211 col:first-child { width: 50%; }
.c211 col { width: 25%; }
.c311 th { width: 60%; }
.c311 td { width: 20%; }
.c311 col:first-child { width: 60%; }
.c311 col { width: 20%; }
.c411 th { width: 66.66%; }
.c411 td { width: 16.66%; }
.c411 col:first-child { width: 66.66%; }
.c411 col { width: 16.66%; }
.c611 th { width: 75%; }
.c611 td { width: 12.5%; }
.c611 col:first-child { width: 75%; }
.c611 col { width: 12.5%; }
.c811 th { width: 80%; }
.c811 td { width: 10%; }
.c811 col:first-child { width: 80%; }
.c811 col { width: 10%; }

.c221 th { width: 40%; }
.c221 td { width: 40%; }
.c221 td + td { width: 20%; }
.c221 col { width: 40%; }
.c221 col + col { width: 40%; }
.c221 col + col + col { width: 20%; }
.c321 th { width: 50%; }
.c321 td { width: 33.33%; }
.c321 td + td { width: 16.66%; }
.c321 col { width: 50%; }
.c321 col + col { width: 33.33%; }
.c321 col + col + col { width: 16.66%; }
.c431 th { width: 50%; }
.c431 td { width: 37.5%; }
.c431 td + td { width: 12.5%; }
.c431 col { width: 50%; }
.c431 col + col { width: 37.5%; }
.c431 col + col + col { width: 12.5%; }
.c541 th { width: 50%; }
.c541 td { width: 40%; }
.c541 td + td { width: 10%; }
.c541 col { width: 50%; }
.c541 col + col { width: 40%; }
.c541 col + col + col { width: 10%; }

.c2111 th { width: 40%; }
.c2111 td { width: 20%; }
.c3111 th { width: 50%; }
.c3111 td { width: 16.66%; }
.c5111 th { width: 62.5%; }
.c5111 td { width: 12.5%; }
.c7111 th { width: 70%; }
.c7111 td { width: 10%; }


/* list */
ul, ol, dl { width: auto; margin: 0 auto; }
ul:after, ol:after, dl:after { content: ""; display: block; clear: both; }
#wpadminbar ul:after { clear: none !important; }

nav li a { display: block; }

dl { border-bottom: 1px solid #e4e4f2; }
dt, dd { padding:0.5em 0; line-height: 1.83;}
dt, dd { border-top: 1px solid #e4e4f2; }
dt { display: block; float: left; width: 25%; padding-right: 0.5em; }
dd { display: block; float: left; width: 75%; margin-left: -0.0em; }

.cell1 { white-space: nowrap; }

.cell2 dt { width: 50%; }
.cell2 dd { width: 50%; }
.cell3 dt { width: 33.33%; }
.cell3 dd { width: 66.66%; }
.cell4 dt { width: 25%; }
.cell4 dd { width: 75%; }
.cell5 dt { width: 20%; }
.cell5 dd { width: 80%; }

/* button */
.button, button, 
[type="submit"], 
[type="reset"], 
[type="button"] {
 padding: 0.5em 0.5em; 
 color: #555; font-weight: 700;
 border: 1px solid #bbb;
 border-radius: 4px;
}
.button:hover, button:hover, 
[type="submit"]:hover, 
[type="reset"]:hover, 
[type="button"]:hover, 
.button:focus, button:focus, 
[type="submit"]:focus, 
[type="reset"]:focus, 
[type="button"]:focus {
 color: #333;
 border-color: #888;
 outline: 0; 
 -webkit-transition: all .15s; transition: all .15s;
}
.page-numbers, 
.btn-num { width: 3em; height: 3em; display: inline-block; margin: 0.5em; line-height: 3em; }
.current .btn-num { background-color: #fff; }

/* form */
[type="email"], 
[type="number"], 
[type="search"], 
[type="text"], 
[type="tel"], 
[type="url"], 
[type="password"], 
textarea, select {
 max-width: 100%;
 padding: 0.5em 0.5em;
 background-color: #eee;
 border: 1px solid #fff;
 border-radius: 4px;
}
select {
 -webkit-appearance: none;
 -moz-appearance: none; text-indent: 0.01px; text-overflow: '';
 appearance: none;
 position: relative;
 background-image: url(../img/ui_dropdown.png);
 background-position: right 50%;
 background-repeat: no-repeat;
 width: 100%;
}
select::-ms-expand { display: none; }
select:-moz-focusring {  color: transparent; text-shadow: 0 0 0 #828c9a; }
[type="email"]:focus, 
[type="number"]:focus, 
[type="search"]:focus, 
[type="text"]:focus, 
[type="tel"]:focus, 
[type="url"]:focus, 
[type="password"]:focus, 
textarea:focus, select:focus {
 background-color: #fff;
 border: 1px solid #33C3F0;
 outline: 0;
}

[type="search"] {
 width: 100%;
/* padding-right: 2.5em; */
}
[type="search"] + [type="submit"] {
 margin-left: -2.3em; 
 border-color: transparent;
 border-top-left-radius: 0; border-bottom-left-radius: 0;
}
[type="search"]:focus + [type="submit"] {
 background-color: #33C3F0; color: #307aa5;
 -webkit-transition: all .15s; transition: all .15s;
}

/* checkbox, radio */
/* - default checkbox, radio */
[type="checkbox"], [type="radio"] { display: none; }
/* - label */
[type="checkbox"] + label, [type="radio"] + label {
 position: relative;
 display: block;
 width: 97.5%;
 margin: 2px auto; padding: 0.5em 0.5em; 
 border-radius: 4px;
 background: ; color: ; 
/* -webkit-transition: all .15s; transition: all .15s; */
}
.l [type="checkbox"] + label, .l [type="radio"] + label {
 padding-left: 2em; 
}
.r [type="checkbox"] + label, .r [type="radio"] + label {
 padding-right: 2em; 
}
/* - mark */
[type="checkbox"] + label:before, [type="radio"] + label:before, 
[type="checkbox"] + label:after, [type="radio"] + label:after {
 content: '';
 position: absolute; top: 50%; 
/* -webkit-transition: all .15s; transition: all .15s; */
}
/* -- check mark */
.check [type="checkbox"] + label, .check [type="radio"] + label {
 padding-left: 1.75em;
 color: #fff; 
}
.check [type="checkbox"] + label:before, .check [type="radio"] + label:before {
 left: 0.5em;
 width: 0.8em; height: 0.8em;
 margin-top: -0.4em;
 border: 1px solid #fff; border-radius: 2px;
/* background: #f4f4f4;*/
}
.check [type="checkbox"] + label:after, .check [type="radio"] + label:after {
 left: 0.6em;
 width: 0.9em; height: 0.4em;
 margin-top: -0.5em;
 border-left: 2px solid transparent; border-bottom: 2px solid transparent;
 -webkit-transform: rotate(-45deg) scale(.5); transform: rotate(-45deg) scale(.5);
 -webkit-transform: rotate(-200deg) scale(.75); transform: rotate(-200deg) scale(.75);
}
.check.r [type="checkbox"] + label:before, .check.r [type="radio"] + label:before {
 left: auto; right: 0.75em;
}
.check.r [type="checkbox"] + label:after, .check.r [type="radio"] + label:after {
 left: auto; right: 0.75em;
}
/* -- cross mark */
.cross [type="checkbox"] + label:before, .cross [type="radio"] + label:before {
 left: 12px;
 width: 12px; height: 2px;
 margin-top: -1px;
 background-color: #666; 
 -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
.cross [type="checkbox"] + label:after, .cross [type="radio"] + label:after {
 left: 18px;
 width: 2px; height: 12px;
 margin-top: -6px;  margin-left: -1px;
 background-color: #666; 
 -webkit-transform: rotate(0deg); transform: rotate(0deg);
}
.cross.r [type="checkbox"] + label:before, .cross.r [type="radio"] + label:before {
 left: auto; right: 12px;
}
.cross.r [type="checkbox"] + label:after, .cross.r [type="radio"] + label:after {
 left: auto; right: 17px;
}
/* -- arrow mark */
.arrow [type="checkbox"] + label:after, .arrow [type="radio"] + label:after {
 left: 0.5em;
 width: 0.5em; height: 0.5em;
 margin-top: -0.25em;
 border-right: 2px solid #666; border-bottom: 2px solid #666;
 -webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.arrow.r [type="checkbox"] + label:after, .arrow.r [type="radio"] + label:after {
 left: auto; right: 0.75em;
}

/* - : checked */
[type="checkbox"]:checked + label, [type="radio"]:checked + label {
 background: ; color: ;
}
[type="checkbox"]:checked + label:after, [type="radio"]:checked + label:after {
 opacity: 1;
}
/* -- check mark: checked */
.check [type="checkbox"]:checked + label:before, .check [type="radio"]:checked + label:before {
 background: ;
/* border: 1px solid #456;*/
}
.check [type="checkbox"]:checked + label:after, .check [type="radio"]:checked + label:after {
 border-color: #fff;
 -webkit-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1);
}
/* -- cross mark: checked */
.cross [type="checkbox"]:checked + label:before, .cross [type="radio"]:checked + label:before {
 -webkit-transform: rotate(135deg); transform: rotate(135deg);
}
.cross [type="checkbox"]:checked + label:after, .cross [type="radio"]:checked + label:after {
 -webkit-transform: rotate(135deg); transform: rotate(135deg);
}
/* -- arrow mark: checked */
.arrow [type="checkbox"]:checked + label:after, .arrow [type="radio"]:checked + label:after {
 margin-top: 0.0em;
 -webkit-transform: rotate(225deg); transform: rotate(225deg);
}
/* - : hover */
[type="checkbox"] + label:hover, [type="radio"] + label:hover { color: ; }
[type="checkbox"] + label:hover:before, [type="radio"] + label:hover:before { background: ; }
[type="checkbox"]:checked + label:hover:after, 
[type="radio"]:checked + label:hover:after {
 opacity: 1;
}

form h6 { padding: 0.5em 0.5em; }


/* accessibility */
.screen-reader-text {
 clip: rect(1px, 1px, 1px, 1px);
 position: absolute;
}
.txno { display: inline-block; overflow: hidden; width: 0; font-size: 1em; white-space: nowrap; }

/***** layout *****/
.clr:after { content: ""; display: block; clear: both; }

.row { -js-display: flex; display: -webkit-flex; display: -ms-flexbox; display: flex;
 -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; 
 margin-right: auto; margin-left: auto; }
.row:after { content: ""; display: block; clear: both; }

.col { display: block; float: left; }
.col.rev { display: block; float: right; }

/* position */
.stt { position: static; }
.rlt { position: relative; }
.abs { position: absolute; }
.fix { position: fixed; z-index: 90; }
.stcky { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; }

.z-2 { z-index: -2; }
.z-1 { z-index: -1; }
.z00 { z-index: 0; }
.z01 { z-index: 1; }
.z02 { z-index: 2; }
.z10 { z-index: 10; }
.z50 { z-index: 50; }
.z99 { z-index: 99; }

.pos00 { top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.pos00lr, .pos00rl { left: 0; right: 0; margin-left: auto; margin-right: auto; }
.pos00tb { top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }
.pos00t { top: 0; }
.pos00b { bottom: 0; }
.pos00l { left: 0; }
.pos00r { right: 0; }
.pos005t { top: 0.5em; }
.pos005b { bottom: 0.5em; }
.pos005l { left: 0.5em; }
.pos005r { right: 0.5em; }
.pos0075t { top: 0.75em; }
.pos0075b { bottom: 0.75em; }
.pos0075l { left: 0.75em; }
.pos0075r { right: 0.75em; }
.pos01t { top: 1em; }
.pos01b { bottom: 1em; }
.pos01l { left: 1em; }
.pos01r { right: 1em; }
.pos02t { top: 2em; }
.pos02b { bottom: 2em; }
.pos02l { left: 2em; }
.pos02r { right: 2em; }
.pos03t { top: 3em; }
.pos03b { bottom: 3em; }
.pos03l { left: 3em; }
.pos03r { right: 3em; }
.pos04t { top: 4em; }
.pos04b { bottom: 4em; }
.pos04l { left: 4em; }
.pos04r { right: 4em; }
.pos05t { top: 5em; }
.pos05b { bottom: 5em; }
.pos05l { left: 5em; }
.pos05r { right: 5em; }

.pos-1t { top: -1em; }
.pos-1b { bottom: -1em; }
.pos-1l { left: -1em; }
.pos-1r { right: -1em; }
.pos-15t { top: -1.5em; }
.pos-15b { bottom: -1.5em; }
.pos-15l { left: -1.5em; }
.pos-15r { right: -1.5em; }
.pos-2t { top: -2em; }
.pos-2b { bottom: -2em; }
.pos-2l { left: -2em; }
.pos-2r { right: -2em; }
.pos-3t { top: -3em; }
.pos-3b { bottom: -3em; }
.pos-3l { left: -3em; }
.pos-3r { right: -3em; }
.pos-4t { top: -4em; }
.pos-4b { bottom: -4em; }
.pos-4l { left: -4em; }
.pos-4r { right: -4em; }

.pos000lr { left: 0%; right: 100%; }
.pos010lr { left: 10%; right: 90%; }
.pos015lr { left: 15%; right: 85%; }
.pos020lr { left: 20%; right: 80%; }
.pos025lr { left: 25%; right: 75%; }
.pos033lr { left: 33.333%; right: 66.666%; }
.pos050lr { left: 50%; right: 50%; }
.pos066lr { left: 66.666%; right: 33.333%; }
.pos075lr { left: 75%; right: 25%; }
.pos080lr { left: 80%; right: 20%; }
.pos085lr { left: 85%; right: 15%; }
.pos090lr { left: 90%; right: 10%; }
.pos100lr { left: 100%; right: 0%; }

/* display */
.din { display: initial; }
.dno { display: none; }
.dil { display: inline; }
.dbl { display: block; }
.dib { display: inline-block; }

/* overflow */
.ofv { overflow: visible; }
.ofh { overflow: hidden; }
.ofx { overflow-x: scroll; overflow-y: hidden; }
.ofy { overflow-x: hidden; overflow-y: scroll; }

/* align */
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.vm th, .vm td { vertical-align: middle; }
.vb { vertical-align: bottom; }
.vbl { vertical-align: baseline; }

.ctr_ { display: flex; flex-direction: row; justify-content: center; align-items: center; text-align: center; }

.ctr img { position: absolute; top: 50%; left: 50%; -webkit-transform : translate(-50%,-50%); transform : translate(-50%,-50%); }

/* margin */
.mauto { margin-right: auto !important; margin-left: auto !important; float: none !important; }
.mautov { margin-top: auto !important; margin-bottom: auto !important; float: none !important; }
.mautoa { margin: auto !important; float: none !important; }

.m0025 { margin: 0.25em; }
.m0025t { margin-top: 0.25em; }
.m0025b { margin-bottom: 0.25em; }
.m0025l { margin-left: 0.25em; }
.m0025r { margin-right: 0.25em; }
.m0025tb { margin-top: 0.25em; margin-bottom: 0.25em; }
.m0025lr, .m0025rl { margin-right: 0.25em; margin-left: 0.25em; }

.m005 { margin: 0.5em; }
.m005t { margin-top: 0.5em; }
.m005b { margin-bottom: 0.5em; }
.m005l { margin-left: 0.5em; }
.m005r { margin-right: 0.5em; }
.m005tb { margin-top: 0.5em; margin-bottom: 0.5em; }
.m005lr, .m005rl { margin-right: 0.5em; margin-left: 0.5em; }

.m00 { margin: 0em; }
.m01 { margin: 1em; }
.m01t { margin-top: 1em; }
.m01b { margin-bottom: 1em; }
.m01l { margin-left: 1em; }
.m01r { margin-right: 1em; }
.m01tb { margin-top: 1em; margin-bottom: 1em; }
.m01lr, .m01rl { margin-right: 1em; margin-left: 1em; }

.m02 { margin: 2em; }
.m02t { margin-top: 2em; }
.m02b { margin-bottom: 2em; }
.m02l { margin-left: 2em; }
.m02r { margin-right: 2em; }
.m02tb { margin-top: 2em; margin-bottom: 2em; }
.m02lr, .m02rl { margin-right: 2em; margin-left: 2em; }

.m03 { margin: 3em; }
.m03t { margin-top: 3em; }
.m03b { margin-bottom: 3em; }
.m03l { margin-left: 3em; }
.m03r { margin-right: 3em; }
.m03tb { margin-top: 3em; margin-bottom: 3em; }
.m03lr, .m03rl { margin-right: 3em; margin-left: 3em; }

.m04 { margin: 4em; }
.m04t { margin-top: 4em; }
.m04b { margin-bottom: 4em; }
.m04l { margin-left: 4em; }
.m04r { margin-right: 4em; }
.m04tb { margin-top: 4em; margin-bottom: 4em; }
.m04lr, .m04rl { margin-right: 4em; margin-left: 4em;}

.m05 { margin: 5em; }
.m05t { margin-top: 5em; }
.m05b { margin-bottom: 5em; }
.m05l { margin-left: 5em; }
.m05r { margin-right: 5em; }
.m05tb { margin-top: 5em; margin-bottom: 5em; }
.m05lr, .m05rl { margin-right: 5em; margin-left: 5em; }

.m06 { margin: 6em; }
.m06t { margin-top: 6em; }
.m06b { margin-bottom: 6em; }
.m06l { margin-left: 6em; }
.m06r { margin-right: 6em; }
.m06tb { margin-top: 6em; margin-bottom: 6em; }
.m06lr, .m06rl { margin-right: 6em; margin-left: 6em; }

.m07 { margin: 7em; }
.m07t { margin-top: 7em; }
.m07b { margin-bottom: 7em; }
.m07l { margin-left: 7em; }
.m07r { margin-right: 7em; }
.m07tb { margin-top: 7em; margin-bottom: 7em; }
.m07lr, .m07rl { margin-right: 7em; margin-left: 7em; }

.m08 { margin: 8em; }
.m08t { margin-top: 8em; }
.m08b { margin-bottom: 8em; }
.m08l { margin-left: 8em; }
.m08r { margin-right: 8em; }
.m08tb { margin-top: 8em; margin-bottom: 8em; }
.m08lr, .m08rl { margin-right: 8em; margin-left: 8em; }

.m09 { margin: 9em; }
.m09t { margin-top: 9em; }
.m09b { margin-bottom: 9em; }
.m09l { margin-left: 9em; }
.m09r { margin-right: 9em; }
.m09tb { margin-top: 9em; margin-bottom: 9em; }
.m09lr, .m09rl { margin-right: 9em; margin-left: 9em; }

.m10 { margin: 10em; }
.m10t { margin-top: 10em; }
.m10b { margin-bottom: 10em; }
.m10l { margin-left: 10em; }
.m10r { margin-right: 10em; }
.m10tb { margin-top: 10em; margin-bottom: 10em; }
.m10lr, .m10rl { margin-right: 10em; margin-left: 10em; }

.m11 { margin: 11em; }
.m11t { margin-top: 11em; }
.m11b { margin-bottom: 11em; }
.m11l { margin-left: 11em; }
.m11r { margin-right: 11em; }
.m11tb { margin-top: 11em; margin-bottom: 11em; }
.m11lr, .m11rl { margin-right: 11em; margin-left: 11em; }

.m12 { margin: 12em; }
.m12t { margin-top: 12em; }
.m12b { margin-bottom: 12em; }
.m12l { margin-left: 12em; }
.m12r { margin-right: 12em; }
.m12tb { margin-top: 12em; margin-bottom: 12em; }
.m12lr, .m12rl { margin-right: 12em; margin-left: 12em; }


.m-1t { margin-top: -1em; }
.m-1b { margin-bottom: -1em; }
.m-1l { margin-left: -1em; }
.m-1r { margin-right: -1em; }
.m-2t { margin-top: -2em; }
.m-2b { margin-bottom: -2em; }
.m-2l { margin-left: -2em; }
.m-2r { margin-right: -2em; }
.m-3t { margin-top: -3em; }
.m-3b { margin-bottom: -3em; }
.m-3l { margin-left: -3em; }
.m-3r { margin-right: -3em; }
.m-4t { margin-top: -4em; }
.m-4b { margin-bottom: -4em; }
.m-4l { margin-left: -4em; }
.m-4r { margin-right: -4em; }
.m-5t { margin-top: -5em; }
.m-5b { margin-bottom: -5em; }
.m-5l { margin-left: -5em; }
.m-5r { margin-right: -5em; }
.m-6t { margin-top: -6em; }
.m-6b { margin-bottom: -6em; }
.m-6l { margin-left: -6em; }
.m-6r { margin-right: -6em; }

/* padding */
.p00 { padding: 0em; }
.p00 { padding: 0em; }
.p00t { padding-top: 0em; }
.p00b { padding-bottom: 0em; }
.p00l { padding-left: 0em; }
.p00r { padding-right: 0em; }
.p00tb { padding-top: 0em; padding-bottom: 0em; }
.p00lr, .p00rl { padding-right: 0em; padding-left: 0em; }

.p005 { padding: 0.5em; }
.p005t { padding-top: 0.5em; }
.p005b { padding-bottom: 0.5em; }
.p005l { padding-left: 0.5em; }
.p005r { padding-right: 0.5em; }
.p005tb { padding-top: 0.5em; padding-bottom: 0.5em; }
.p005lr, .p005rl { padding-right: 0.5em; padding-left: 0.5em; }

.p0025 { padding: 0.25em; }
.p0025t { padding-top: 0.25em; }
.p0025b { padding-bottom: 0.25em; }
.p0025l { padding-left: 0.25em; }
.p0025r { padding-right: 0.25em; }
.p0025tb { padding-top: 0.25em; padding-bottom: 0.25em; }
.p0025lr, .p0025rl { padding-right: 0.25em; padding-left: 0.25em; }

.p01 { padding: 1em; }
.p01t { padding-top: 1em; }
.p01b { padding-bottom: 1em; }
.p01l { padding-left: 1em; }
.p01r { padding-right: 1em; }
.p01tb { padding-top: 1em; padding-bottom: 1em; }
.p01lr, .p01rl { padding-right: 1em; padding-left: 1em; }

.p02 { padding: 2em; }
.p02t { padding-top: 2em; }
.p02b { padding-bottom: 2em; }
.p02l { padding-left: 2em; }
.p02r { padding-right: 2em; }
.p02tb { padding-top: 2em; padding-bottom: 2em; }
.p02lr, .p02rl { padding-right: 2em; padding-left: 2em; }

.p03 { padding: 3em; }
.p03t { padding-top: 3em; }
.p03b { padding-bottom: 3em; }
.p03l { padding-left: 3em; }
.p03r { padding-right: 3em; }
.p03tb { padding-top: 3em; padding-bottom: 3em; }
.p03lr, .p03rl { padding-right: 3em; padding-left: 3em; }

.p04 { padding: 4em; }
.p04t { padding-top: 4em; }
.p04b { padding-bottom: 4em; }
.p04l { padding-left: 4em; }
.p04r { padding-right: 4em; }
.p04tb { padding-top: 4em; padding-bottom: 4em; }
.p04lr, .p04rl { padding-right: 4em; padding-left: 4em; }

.p05 { padding: 5em; }
.p05t { padding-top: 5em; }
.p05b { padding-bottom: 5em; }
.p05l { padding-left: 5em; }
.p05r { padding-right: 5em; }
.p05tb { padding-top: 5em; padding-bottom: 5em; }
.p05lr, .p05rl { padding-right: 5em; padding-left: 5em; }

.p06 { padding: 6em; }
.p06t { padding-top: 6em; }
.p06b { padding-bottom: 6em; }
.p06l { padding-left: 6em; }
.p06r { padding-right: 6em; }
.p06tb { padding-top: 6em; padding-bottom: 6em; }
.p06lr, .p06rl { padding-right: 6em; padding-left: 6em; }

.p07 { padding: 7em; }
.p07t { padding-top: 7em; }
.p07b { padding-bottom: 7em; }
.p07l { padding-left: 7em; }
.p07r { padding-right: 7em; }
.p07tb { padding-top: 7em; padding-bottom: 7em; }
.p07lr, .p07rl { padding-right: 7em; padding-left: 7em; }

.p08 { padding: 8em; }
.p08t { padding-top: 8em; }
.p08b { padding-bottom: 8em; }
.p08l { padding-left: 8em; }
.p08r { padding-right: 8em; }
.p08tb { padding-top: 8em; padding-bottom: 8em; }
.p08lr, .p08rl { padding-right: 8em; padding-left: 8em; }

.p09 { padding: 9em; }
.p09t { padding-top: 9em; }
.p09b { padding-bottom: 9em; }
.p09l { padding-left: 9em; }
.p09r { padding-right: 9em; }
.p09tb { padding-top: 9em; padding-bottom: 9em; }
.p09lr, .p09rl { padding-right: 9em; padding-left: 9em; }

.p10 { padding: 10em; }
.p10t { padding-top: 10em; }
.p10b { padding-bottom: 10em; }
.p10l { padding-left: 10em; }
.p10r { padding-right: 10em; }
.p10tb { padding-top: 10em; padding-bottom: 10em; }
.p10lr, .p10rl { padding-right: 10em; padding-left: 10em; }

.p11 { padding: 11em; }
.p11t { padding-top: 11em; }
.p11b { padding-bottom: 11em; }
.p11l { padding-left: 11em; }
.p11r { padding-right: 11em; }
.p11tb { padding-top: 11em; padding-bottom: 11em; }
.p11lr, .p11rl { padding-right: 11em; padding-left: 11em; }

.p12 { padding: 12em; }
.p12t { padding-top: 12em; }
.p12b { padding-bottom: 12em; }
.p12l { padding-left: 12em; }
.p12r { padding-right: 12em; }
.p12tb { padding-top: 12em; padding-bottom: 12em; }
.p12lr, .p12rl { padding-right: 12em; padding-left: 12em; }

/* width, height */
.wh100 { width: 100%; height: 100%; }
.minwh100 { width: 100%; min-height: 100%; }
.wh1609 { width: 100%; height: 56.25%; }
.minwh1609 { width: 100%; min-height: 56.25%; }

.w100 { width: 100%; }
.w090 { width: 90%; }
.w080 { width: 80%; }
.w075 { width: 75%; }
.w070 { width: 70%; }
.w066 { width: 66.66%; }
.w060 { width: 60%; }
.w050 { width: 50%; }
.w040 { width: 40%; }
.w033 { width: 33.33%; }
.w030 { width: 30%; }
.w025 { width: 25%; }
.w020 { width: 20%; }
.w016 { width: 16.66%; }
.w010 { width: 10%; }

.w120 { width: 120px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w270 { width: 270px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w360 { width: 360px; }
.w400 { width: 400px; }
.w420 { width: 420px; }
.w450 { width: 450px; }
.w480 { width: 480px; }
.w500 { width: 500px; }
.w540 { width: 540px; }
.w600 { width: 600px; }
.w630 { width: 630px; }
.w640 { width: 640px; }
.w700 { width: 700px; }
.w720 { width: 720px; }
.w750 { width: 750px; }
.w768, .ws { width: 768px; }
.w800 { width: 800px; }
.w840 { width: 840px; }
.w900 { width: 900px; }
.w960 { width: 960px; }
.w1000 { width: 1000px; }
.w1050 { width: 1050px; }
.w1080 { width: 1080px; }
.w1120 { width: 1120px; }
.w1200 { width: 1200px; }
.w1280, .wl { width: 1280px; }
/*
.w100.m01 { width: 95%; width: calc(100% - 2em); margin: 1em; }
.w090.m01 { width: 85%; width: calc(90% - 2em); margin: 1em; }
.w080.m01 { width: 75%; width: calc(80% - 2em); margin: 1em; }
.w075.m01 { width: 70%; width: calc(75% - 2em); margin: 1em; }
.w070.m01 { width: 65%; width: calc(70% - 2em); margin: 1em; }
.w066.m01 { width: 61.66%; width: calc(66.66% - 2em); margin: 1em; }
.w060.m01 { width: 55%; width: calc(60% - 2em); margin: 1em; }
.w050.m01 { width: 45%; width: calc(50% - 2em); margin: 1em; }
.w040.m01 { width: 35%; width: calc(40% - 2em); margin: 1em; }
.w033.m01 { width: 28.33%; width: calc(33.33% - 2em); margin: 1em; }
.w030.m01 { width: 25%; width: calc(30% - 2em); margin: 1em; }
.w025.m01 { width: 20%; width: calc(25% - 2em); margin: 1em; }
.w020.m01 { width: 15%; width: calc(20% - 2em); margin: 1em; }
.w016.m01 { width: 11.66%; width: calc(16.66% - 2em); margin: 1em; }
.w010.m01 { width: 5%; width: calc(10% - 2em); margin: 1em; }

.w100.m02 { width: 90%; width: calc(100% - 4em); margin: 2em; }
.w090.m02 { width: 80%; width: calc(90% - 4em); margin: 2em; }
.w080.m02 { width: 70%; width: calc(80% - 4em); margin: 2em; }
.w075.m02 { width: 65%; width: calc(75% - 4em); margin: 2em; }
.w070.m02 { width: 60%; width: calc(70% - 4em); margin: 2em; }
.w066.m02 { width: 56.66%; width: calc(66.66% - 4em); margin: 2em; }
.w060.m02 { width: 50%; width: calc(60% - 4em); margin: 2em; }
.w050.m02 { width: 40%; width: calc(50% - 4em); margin: 2em; }
.w040.m02 { width: 30%; width: calc(40% - 4em); margin: 2em; }
.w033.m02 { width: 23.33%; width: calc(33.33% - 4em); margin: 2em; }
.w030.m02 { width: 20%; width: calc(30% - 4em); margin: 2em; }
.w025.m02 { width: 15%; width: calc(25% - 4em); margin: 2em; }
.w020.m02 { width: 10%; width: calc(20% - 4em); margin: 2em; }
.w016.m02 { width: 6.66%; width: calc(16.66% - 4em); margin: 2em; }
.w010.m02 { width: 2%; width: calc(10% - 4em); margin: 2em; }
*/
.max100 { max-width: 100%; }
.max075 { max-width: 75%; }
.max066 { max-width: 66.66%; }
.max050 { max-width: 50%; }
.max033 { max-width: 33.33%; }
.max025 { max-width: 25%; }

.max120 { max-width: 120px; }
.max150 { max-width: 150px; }
.max160 { max-width: 160px; }
.max180 { max-width: 180px; }
.max240 { max-width: 240px; }
.max250 { max-width: 250px; }
.max270 { max-width: 270px; }
.max300 { max-width: 300px; }
.max320 { max-width: 320px; }
.max360 { max-width: 360px; }
.max420 { max-width: 420px; }
.max450 { max-width: 450px; }
.max480 { max-width: 480px; }
.max600 { max-width: 600px; }
.max640 { max-width: 640px; }
.max720 { max-width: 720px; }
.max750 { max-width: 750px; }
.max800 { max-width: 800px; }
.max840 { max-width: 840px; }
.max900 { max-width: 900px; }
.max960 { max-width: 960px; }
.max1050 { max-width: 1050px; }
.max1080 { max-width: 1080px; }
.max1120 { max-width: 1120px; }
.max1200 { max-width: 1200px; }
.max1280 { max-width: 1280px; }
.max1320 { max-width: 1320px; }
.max1350 { max-width: 1350px; }
.max1440 { max-width: 1440px; }

.min100 { min-width: 100%; }
.min075 { min-width: 75%; }
.min066 { min-width: 66.66%; }
.min050 { min-width: 50%; }
.min033 { min-width: 33.33%; }
.min025 { min-width: 25%; }

.min120 { min-width: 120px; }
.min160 { min-width: 160px; }
.min180 { min-width: 180px; }
.min240 { min-width: 240px; }
.min250 { min-width: 250px; }
.min320 { min-width: 320px; }
.min360 { min-width: 360px; }
.min480 { min-width: 480px; }
.min600 { min-width: 600px; }
.min720 { min-width: 720px; }
.min840 { min-width: 840px; }
.min960 { min-width: 960px; }

.w01 { width: 1em; overflow: hidden; }
.w02 { width: 2em; overflow: hidden; }
.w03 { width: 3em; overflow: hidden; }
.w04 { width: 4em; overflow: hidden; }
.w05 { width: 5em; overflow: hidden; }
.w06 { width: 6em; overflow: hidden; }
.w07 { width: 7em; overflow: hidden; }
.w08 { width: 8em; overflow: hidden; }
.w09 { width: 9em; overflow: hidden; }
.w10 { width: 10em; overflow: hidden; }
.w11 { width: 11em; overflow: hidden; }
.w12 { width: 12em; overflow: hidden; }
.w13 { width: 13em; overflow: hidden; }
.w14 { width: 14em; overflow: hidden; }
.w15 { width: 15em; overflow: hidden; }

.hauto { height: auto; }
.h100 { height: 100%; }

.h120 { height: 120px; }
.h150 { height: 150px; }
.h160 { height: 160px; }
.h180 { height: 180px; }
.h200 { height: 200px; }
.h210 { height: 210px; }
.h240 { height: 240px; }
.h250 { height: 250px; }
.h270 { height: 270px; }
.h300 { height: 300px; }
.h320 { height: 320px; }
.h360 { height: 360px; }
.h400 { height: 400px; }
.h420 { height: 420px; }
.h450 { height: 450px; }
.h480 { height: 480px; }
.h500 { height: 500px; }
.h540 { height: 540px; }
.h600 { height: 600px; }
.h630 { height: 630px; }
.h640 { height: 640px; }
.h700 { height: 700px; }
.h720 { height: 720px; }
.h750 { height: 750px; }
.h800 { height: 800px; }
.h840 { height: 840px; }
.h900 { height: 900px; }
.h960 { height: 960px; }

.maxh100 { max-height: 100%; }
.maxh075 { max-height: 75%; }
.maxh066 { max-height: 66.66%; }
.maxh050 { max-height: 50%; }
.maxh033 { max-height: 33.33%; }
.maxh025 { max-height: 25%; }

.maxh120 { max-height: 120px; }
.maxh150 { max-height: 150px; }
.maxh160 { max-height: 160px; }
.maxh180 { max-height: 180px; }
.maxh240 { max-height: 240px; }
.maxh250 { max-height: 250px; }
.maxh270 { max-height: 270px; }
.maxh300 { max-height: 300px; }
.maxh320 { max-height: 320px; }
.maxh360 { max-height: 360px; }
.maxh420 { max-height: 420px; }
.maxh450 { max-height: 450px; }
.maxh480 { max-height: 480px; }
.maxh600 { max-height: 600px; }
.maxh640 { max-height: 640px; }
.maxh720 { max-height: 720px; }
.maxh750 { max-height: 750px; }
.maxh800 { max-height: 800px; }
.maxh840 { max-height: 840px; }
.maxh900 { max-height: 900px; }
.maxh960 { max-height: 960px; }

.minh100 { min-height: 100%; }
.minh075 { min-height: 75%; }
.minh066 { min-height: 66.66%; }
.minh050 { min-height: 50%; }
.minh033 { min-height: 33.33%; }
.minh025 { min-height: 25%; }

.minh120 { min-height: 120px; }
.minh150 { min-height: 150px; }
.minh160 { min-height: 160px; }
.minh180 { min-height: 180px; }
.minh240 { min-height: 240px; }
.minh250 { min-height: 250px; }
.minh270 { min-height: 270px; }
.minh300 { min-height: 300px; }
.minh320 { min-height: 320px; }
.minh360 { min-height: 360px; }
.minh420 { min-height: 420px; }
.minh450 { min-height: 450px; }
.minh480 { min-height: 480px; }
.minh600 { min-height: 600px; }
.minh640 { min-height: 640px; }
.minh720 { min-height: 720px; }
.minh750 { min-height: 750px; }
.minh800 { min-height: 800px; }
.minh840 { min-height: 840px; }
.minh900 { min-height: 900px; }
.minh960 { min-height: 960px; }

.h01 { height: 1em; }
.h02 { height: 2em; }
.h03 { height: 3em; }
.h04 { height: 4em; }
.h05 { height: 5em; }
.h06 { height: 6em; }
.h07 { height: 7em; }
.h08 { height: 8em; }
.h09 { height: 9em; }
.h10 { height: 10em; }
.h11 { height: 11em; }
.h12 { height: 12em; }
.h13 { height: 13em; }
.h14 { height: 14em; }
.h15 { height: 15em; }

.minh10 { min-height: 10em; }
.minh15 { min-height: 15em; }
.minh20 { min-height: 20em; }
.minh25 { min-height: 25em; }
.minh30 { min-height: 30em; }

.fln { display: initial; -js-display: initial; display: initial; display: initial; display: initial; }
.fll { 
 display: -webkit-box; -js-display: flex; display: -ms-flexbox; display: -webkit-flex; display: flex;
 -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start;
 -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
.flc { 
 display: -webkit-box; -js-display: flex; display: -ms-flexbox; display: -webkit-flex; display: flex;
 -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;
 -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
.flr { -js-display: flex; display: flex; justify-content: flex-end; align-items: center; 
 display: -webkit-box; -js-display: flex; display: -ms-flexbox; display: -webkit-flex; display: flex;
 -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end;
 -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}

/* media queries 〜599px / 600px〜767px / 768px～960px / 961px～1280px / 1281px〜 */
@media screen and ( max-width: 767px ) {

/* background */
.s-bg000 { background-color: #000; }
.s-bg000ts010 { background-color: rgba(0,0,0,0.1); } 
.s-bg000ts025 { background-color: rgba(0,0,0,0.25); } 
.s-bg000ts050 { background-color: rgba(0,0,0,0.5); } 
.s-bg000ts075 { background-color: rgba(0,0,0,0.75); } 
.s-bg000ts090 { background-color: rgba(0,0,0,0.9); } 
.s-bgfff { background-color: #fff; }
.s-bgfffts010 { background-color: rgba(255,255,255,0.1); } 
.s-bgfffts025 { background-color: rgba(255,255,255,0.25); } 
.s-bgfffts050 { background-color: rgba(255,255,255,0.5); } 
.s-bgfffts075 { background-color: rgba(255,255,255,0.75); } 
.s-bgfffts090 { background-color: rgba(255,255,255,0.9); } 

.s-bg00 { background-color: #f7f7f7; }
.s-bg01 { background-color: #99836b; }
.s-bg02 { background-color: #c1baae; }
.s-bgno { background-color: transparent; }

/***** typography *****/
/* text-align */
.s-txl { text-align: left; display: block; }
.s-txr { text-align: right; display: block; }
.s-txc { text-align: center; display: block; }
.s-txj { text-align: justify; text-justify: inter-ideograph; }
.s-txf { white-space: nowrap; }
.s-txw { white-space: normal; word-break: break-word; }
.s-elp { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* font-size */
.s-fs050 { font-size: 0.5em; }
.s-fs066 { font-size: 0.66em; }
.s-fs075 { font-size: 0.75em; }
.s-fs080 { font-size: 0.8em; }
.s-fs083 { font-size: 0.83em; }
.s-fs090 { font-size: 0.9em; }
.s-fs100 { font-size: 1.0em; }
.s-fs110 { font-size: 1.1em; }
.s-fs120 { font-size: 1.2em; }
.s-fs125 { font-size: 1.25em; }
.s-fs133 { font-size: 1.33em; }
.s-fs150 { font-size: 1.5em; }
.s-fs166 { font-size: 1.66em; }
.s-fs175 { font-size: 1.75em; }
.s-fs200 { font-size: 2.0em; }
.s-fs250 { font-size: 2.5em; }
.s-fs300 { font-size: 3.0em; }
.s-fs350 { font-size: 3.5em; }
.s-fs400 { font-size: 4.0em; }
.s-fs450 { font-size: 4.5em; }
.s-fs500 { font-size: 5.0em; }

/* line-height */
.s-lh100 { line-height: 1.00; }
.s-lh125 { line-height: 1.25; }
.s-lh133 { line-height: 1.33; }
.s-lh150 { line-height: 1.5; }
.s-lh166 { line-height: 1.66; }
.s-lh175 { line-height: 1.75; }
.s-lh183 { line-height: 1.83; }
.s-lh200 { line-height: 2.00; }

/***** style *****/
/* border */
.s-bd00 { border: 0; }
.s-bd01 { border-width: 1px; }
.s-bd01t { border-top-width: 1px; }
.s-bd01b { border-bottom-width: 1px; }
.s-bd01l { border-left-width: 1px; }
.s-bd01r { border-right-width: 1px; }
.s-bd01tb { border-top-width: 1px; border-bottom-width: 1px; }
.s-bd01lr, .s-bd01rl { border-right-width: 1px; border-left-width: 1px; }
.s-bdbl01 { border-width: 3px; }
.s-bdbl01t { border-top-width: 3px; }
.s-bdbl01b { border-bottom-width: 3px; }
.s-bdbl01l { border-left-width: 3px; }
.s-bdbl01r { border-right-width: 3px; }
.s-bdbl01tb { border-top-width: 3px; border-bottom-width: 3px; }
.s-bdbl01lr, .s-bdbl01rl { border-right-width: 3px; border-left-width: 3px; }

.cell2 dt{ width: 50%; }
.cell2 dd{ width: 50%; }
.cell3 dt{ width: 33.33%; }
.cell3 dd{ width: 66.66%; }
.cell4 dt{ width: 25%; }
.cell4 dd{ width: 75%; }
.cell5 dt{ width: 20%; }
.cell5 dd{ width: 80%; }

/***** layout *****/

/* position */
.s-rlt { position: relative; }
.s-abs { position: absolute; }
.s-fix { position: fixed; z-index: 90; }

.s-pos00 { top: 0; bottom: 0; left: 0; right: 0; }
.s-pos00t { top: 0; }
.s-pos00b { bottom: 0; }
.s-pos00l { left: 0; }
.s-pos00r { right: 0; }

.s-pos005t { top: 0.5em; }
.s-pos005b { bottom: 0.5em; }
.s-pos005l { left: 0.5em; }
.s-pos005r { right: 0.5em; }

.s-pos01t { top: 1em; }
.s-pos01b { bottom: 1em; }
.s-pos01l { left: 1em; }
.s-pos01r { right: 1em; }

/* display */
.s-dno{ display: none; }
.s-dil{ display: inline; }
.s-dbl{ display: block; }
.s-dib{ display: inline-block; }

/* overflow */
.s-ofv { overflow: visible; }
.s-ofh { overflow: hidden; }

/* margin */
.s-m00 { margin: 0em; }
.s-mauto { margin-right: auto !important; margin-left: auto !important; float: none !important; }
.s-mautov { margin-top: auto !important; margin-bottom: auto !important; float: none !important; }
.s-mautoa { margin: auto !important; float: none !important; }

/* padding */
.s-p00 { padding: 0em; }
.s-p00 { padding: 0em; }
.s-p00t { padding-top: 0em; }
.s-p00b { padding-bottom: 0em; }
.s-p00l { padding-left: 0em; }
.s-p00r { padding-right: 0em; }
.s-p00tb { padding-top: 0em; padding-bottom: 0em; }
.s-p00lr, .s-p00rl { padding-right: 0em; padding-left: 0em; }

.s-p005 { padding: 0.5em; }
.s-p005t { padding-top: 0.5em; }
.s-p005b { padding-bottom: 0.5em; }
.s-p005l { padding-left: 0.5em; }
.s-p005r { padding-right: 0.5em; }
.s-p005tb { padding-top: 0.5em; padding-bottom: 0.5em; }
.s-p005lr, .p005rl { padding-right: 0.5em; padding-left: 0.5em; }

.s-p0025 { padding: 0.25em; }
.s-p0025t { padding-top: 0.25em; }
.s-p0025b { padding-bottom: 0.25em; }
.s-p0025l { padding-left: 0.25em; }
.s-p0025r { padding-right: 0.25em; }
.s-p0025tb { padding-top: 0.25em; padding-bottom: 0.25em; }
.s-p0025lr, .p0025rl { padding-right: 0.25em; padding-left: 0.25em; }

.s-p01 { padding: 1em; }
.s-p01t { padding-top: 1em; }
.s-p01b { padding-bottom: 1em; }
.s-p01l { padding-left: 1em; }
.s-p01r { padding-right: 1em; }
.s-p01tb { padding-top: 1em; padding-bottom: 1em; }
.s-p01lr, .s-p01rl { padding-right: 1em; padding-left: 1em; }

.s-p02 { padding: 2em; }
.s-p02t { padding-top: 2em; }
.s-p02b { padding-bottom: 2em; }
.s-p02l { padding-left: 2em; }
.s-p02r { padding-right: 2em; }
.s-p02tb { padding-top: 2em; padding-bottom: 2em; }
.s-p02lr, .s-p02rl { padding-right: 2em; padding-left: 2em; }

.s-p03 { padding: 3em; }
.s-p03t { padding-top: 3em; }
.s-p03b { padding-bottom: 3em; }
.s-p03l { padding-left: 3em; }
.s-p03r { padding-right: 3em; }
.s-p03tb { padding-top: 3em; padding-bottom: 3em; }
.s-p03lr, .s-p03rl { padding-right: 3em; padding-left: 3em; }

.s-p04 { padding: 4em; }
.s-p04t { padding-top: 4em; }
.s-p04b { padding-bottom: 4em; }
.s-p04l { padding-left: 4em; }
.s-p04r { padding-right: 4em; }
.s-p04tb { padding-top: 4em; padding-bottom: 4em; }
.s-p04lr, .s-p04rl { padding-right: 4em; padding-left: 4em; }

.s-p05 { padding: 5em; }
.s-p05t { padding-top: 5em; }
.s-p05b { padding-bottom: 5em; }
.s-p05l { padding-left: 5em; }
.s-p05r { padding-right: 5em; }
.s-p05tb { padding-top: 5em; padding-bottom: 5em; }
.s-p05lr, .s-p05rl { padding-right: 5em; padding-left: 5em; }

.s-p06 { padding: 6em; }
.s-p06t { padding-top: 6em; }
.s-p06b { padding-bottom: 6em; }
.s-p06l { padding-left: 6em; }
.s-p06r { padding-right: 6em; }
.s-p06tb { padding-top: 6em; padding-bottom: 6em; }
.s-p06lr, .s-p06rl { padding-right: 6em; padding-left: 6em; }

.s-p07 { padding: 7em; }
.s-p07t { padding-top: 7em; }
.s-p07b { padding-bottom: 7em; }
.s-p07l { padding-left: 7em; }
.s-p07r { padding-right: 7em; }
.s-p07tb { padding-top: 7em; padding-bottom: 7em; }
.s-p07lr, .s-p07rl { padding-right: 7em; padding-left: 7em; }

.s-p08 { padding: 8em; }
.s-p08t { padding-top: 8em; }
.s-p08b { padding-bottom: 8em; }
.s-p08l { padding-left: 8em; }
.s-p08r { padding-right: 8em; }
.s-p08tb { padding-top: 8em; padding-bottom: 8em; }
.s-p08lr, .s-p08rl { padding-right: 8em; padding-left: 8em; }

.s-p09 { padding: 9em; }
.s-p09t { padding-top: 9em; }
.s-p09b { padding-bottom: 9em; }
.s-p09l { padding-left: 9em; }
.s-p09r { padding-right: 9em; }
.s-p09tb { padding-top: 9em; padding-bottom: 9em; }
.s-p09lr, .s-p09rl { padding-right: 9em; padding-left: 9em; }

.s-p10 { padding: 10em; }
.s-p10t { padding-top: 10em; }
.s-p10b { padding-bottom: 10em; }
.s-p10l { padding-left: 10em; }
.s-p10r { padding-right: 10em; }
.s-p10tb { padding-top: 10em; padding-bottom: 10em; }
.s-p10lr, .s-p10rl { padding-right: 10em; padding-left: 10em; }

.s-p11 { padding: 11em; }
.s-p11t { padding-top: 11em; }
.s-p11b { padding-bottom: 11em; }
.s-p11l { padding-left: 11em; }
.s-p11r { padding-right: 11em; }
.s-p11tb { padding-top: 11em; padding-bottom: 11em; }
.s-p11lr, .s-p11rl { padding-right: 11em; padding-left: 11em; }

.s-p12 { padding: 12em; }
.s-p12t { padding-top: 12em; }
.s-p12b { padding-bottom: 12em; }
.s-p12l { padding-left: 12em; }
.s-p12r { padding-right: 12em; }
.s-p12tb { padding-top: 12em; padding-bottom: 12em; }
.s-p12lr, .s-p12rl { padding-right: 12em; padding-left: 12em; }

/* width, height */
.s-wh100 { width: 100%; height: 100%; }
.s-minwh100 { width: 100%; min-height: 100%; }
.s-wh1609 { width: 100%; height: 56.25%; }
.s-minwh1609 { width: 100%; min-height: 56.25%; }

.s-w100 { width: 100%; }
.s-w080 { width: 80%; }
.s-w075 { width: 75%; }
.s-w066 { width: 66.66%; }
.s-w060 { width: 60%; }
.s-w050 { width: 50%; }
.s-w040 { width: 40%; }
.s-w033 { width: 33.33%; }
.s-w025 { width: 25%; }
.s-w020 { width: 20%; }

.s-w120 { width: 120px; }
.s-w150 { width: 150px; }
.s-w160 { width: 160px; }
.s-w180 { width: 180px; }
.s-w200 { width: 200px; }
.s-w210 { width: 210px; }
.s-w240 { width: 240px; }
.s-w250 { width: 250px; }
.s-w270 { width: 270px; }
.s-w300 { width: 300px; }
.s-w320 { width: 320px; }
.s-w360 { width: 360px; }
.s-w400 { width: 400px; }
.s-w420 { width: 420px; }
.s-w450 { width: 450px; }
.s-w480 { width: 480px; }
.s-w500 { width: 500px; }
.s-w540 { width: 540px; }
.s-w600 { width: 600px; }
.s-w630 { width: 630px; }
.s-w640 { width: 640px; }
.s-w700 { width: 700px; }
.s-w720 { width: 720px; }
/*
.s-w100.m01 { width: 95%; width: calc(100% - 2em); margin: 1em; }
.s-w080.m01 { width: 75%; width: calc(80% - 2em); margin: 1em; }
.s-w075.m01 { width: 70%; width: calc(75% - 2em); margin: 1em; }
.s-w066.m01 { width: 61.66%; width: calc(66.66% - 2em); margin: 1em; }
.s-w060.m01 { width: 55%; width: calc(60% - 2em); margin: 1em; }
.s-w050.m01 { width: 45%; width: calc(50% - 2em); margin: 1em; }
.s-w040.m01 { width: 35%; width: calc(40% - 2em); margin: 1em; }
.s-w033.m01 { width: 28.33%; width: calc(33.33% - 2em); margin: 1em; }
.s-w025.m01 { width: 20%; width: calc(25% - 2em); margin: 1em; }
.s-w020.m01 { width: 15%; width: calc(20% - 2em); margin: 1em; }
*/
.s-max000 { max-width: initial !important; }

.s-h100 { height: 100%; }

.min120, .min160, .min180, .min240, .min320, .min360, 
.min480, .min600, .min720, .min840, .min960 { min-width: auto; }

.s-hauto, 
.minh120, .minh160, .minh180, .minh240, .minh320, .minh360, 
.minh480, .minh600, .minh720, .minh840, .minh960, 
.minh10, .minh15, .minh20, .minh25, .minh30 { min-height: auto; }

.s-h01 { height: 1em; }
.s-h02 { height: 2em; }
.s-h03 { height: 3em; }
.s-h04 { height: 4em; }
.s-h05 { height: 5em; }
.s-h06 { height: 6em; }
.s-h07 { height: 7em; }
.s-h08 { height: 8em; }
.s-h09 { height: 9em; }
.s-h10 { height: 10em; }
.s-h11 { height: 11em; }
.s-h12 { height: 12em; }
.s-h13 { height: 13em; }
.s-h14 { height: 14em; }
.s-h15 { height: 15em; }

.s-h120 { height: 120px; }
.s-h150 { height: 150px; }
.s-h160 { height: 160px; }
.s-h180 { height: 180px; }
.s-h200 { height: 200px; }
.s-h210 { height: 210px; }
.s-h240 { height: 240px; }
.s-h250 { height: 250px; }
.s-h270 { height: 270px; }
.s-h300 { height: 300px; }
.s-h320 { height: 320px; }
.s-h360 { height: 360px; }
.s-h400 { height: 400px; }
.s-h420 { height: 420px; }
.s-h450 { height: 450px; }
.s-h480 { height: 480px; }
.s-h500 { height: 500px; }
.s-h540 { height: 540px; }
.s-h600 { height: 600px; }
.s-h630 { height: 630px; }
.s-h640 { height: 640px; }
.s-h700 { height: 700px; }
.s-h720 { height: 720px; }
.s-h750 { height: 750px; }
.s-h800 { height: 800px; }
.s-h840 { height: 840px; }
.s-h900 { height: 900px; }
.s-h960 { height: 960px; }

.s-fln { display: initial; -js-display: initial; display: initial; display: initial; display: initial; }
.s-fll { 
 display: -webkit-box; -js-display: flex; display: -ms-flexbox; display: -webkit-flex; display: flex;
 -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start;
 -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
.s-flc { 
 display: -webkit-box; -js-display: flex; display: -ms-flexbox; display: -webkit-flex; display: flex;
 -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;
 -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}
.s-flr { -js-display: flex; display: flex; justify-content: flex-end; align-items: center; 
 display: -webkit-box; -js-display: flex; display: -ms-flexbox; display: -webkit-flex; display: flex;
 -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end;
 -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
}

}

@media screen and ( min-width: 1281px ) {

/* background */
.l-bg000 { background-color: #000; }
.l-bg000ts010 {background-color: rgba(0,0,0,0.1); } 
.l-bg000ts025 {background-color: rgba(0,0,0,0.25); } 
.l-bg000ts050 {background-color: rgba(0,0,0,0.5); } 
.l-bg000ts075 {background-color: rgba(0,0,0,0.75); } 
.l-bg000ts090 {background-color: rgba(0,0,0,0.9); } 
.l-bgfff { background-color: #fff; }
.l-bgfffts010 {background-color: rgba(255,255,255,0.1); } 
.l-bgfffts025 {background-color: rgba(255,255,255,0.25); } 
.l-bgfffts050 {background-color: rgba(255,255,255,0.5); } 
.l-bgfffts075 {background-color: rgba(255,255,255,0.75); } 
.l-bgfffts090 {background-color: rgba(255,255,255,0.9); } 

.l-bg00 { background-color: #f7f7f7; }
.l-bg01 { background-color: #99836b; }
.l-bg02 { background-color: #c1baae; }
.l-bgno { background-color: transparent; }

/***** typography *****/
/* text-align */
.l-txl { text-align: left; display: block; }
.l-txr { text-align: right; display: block; }
.l-txc { text-align: center; display: block; }
.l-txj { text-align: justify; text-justify: inter-ideograph; }
.l-txf { white-space: nowrap; }
.l-txw { white-space: normal; word-break: break-word; }
.l-elp { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* font-size */
.l-fs075 { font-size: 0.75em; }
.l-fs080 { font-size: 0.8em; }
.l-fs083 { font-size: 0.83em; }
.l-fs090 { font-size: 0.9em; }
.l-fs100 { font-size: 1.0em; }
.l-fs110 { font-size: 1.1em; }
.l-fs120 { font-size: 1.2em; }
.l-fs125 { font-size: 1.25em; }
.l-fs133 { font-size: 1.33em; }
.l-fs150 { font-size: 1.5em; }
.l-fs166 { font-size: 1.66em; }
.l-fs175 { font-size: 1.75em; }
.l-fs200 { font-size: 2.0em; }
.l-fs250 { font-size: 2.5em; }
.l-fs300 { font-size: 3.0em; }
.l-fs350 { font-size: 3.5em; }
.l-fs400 { font-size: 4.0em; }
.l-fs450 { font-size: 4.5em; }
.l-fs500 { font-size: 5.0em; }

/* line-height */
.l-lh100 { line-height: 1.00; }
.l-lh125 { line-height: 1.25; }
.l-lh133 { line-height: 1.33; }
.l-lh150 { line-height: 1.5; }
.l-lh166 { line-height: 1.66; }
.l-lh175 { line-height: 1.75; }
.l-lh183 { line-height: 1.83; }
.l-lh200 { line-height: 2.00; }

/***** style *****/
/* border */
.l-bd00 { border: 0; }
.l-bd01 { border-width: 1px; }
.l-bd01t { border-width: 0px; border-top-width: 1px; }
.l-bd01b { border-width: 0px; border-bottom-width: 1px; }
.l-bd01l { border-width: 0px; border-left-width: 1px; }
.l-bd01r { border-width: 0px; border-right-width: 1px; }
.l-bd01tb { border-width: 0px; border-top-width: 1px; border-bottom-width: 1px; }
.l-bd01lr, .s-bd01rl { border-width: 0px; border-right-width: 1px; border-left-width: 1px; }
.l-bdbl01 { border-width: 3px; }
.l-bdbl01t { border-width: 0px; border-top-width: 3px; }
.l-bdbl01b { border-width: 0px; border-bottom-width: 3px; }
.l-bdbl01l { border-width: 0px; border-left-width: 3px; }
.l-bdbl01r { border-width: 0px; border-right-width: 3px; }
.l-bdbl01tb { border-width: 0px; border-top-width: 3px; border-bottom-width: 3px; }
.l-bdbl01lr, .l-bdbl01rl { border-width: 0px; border-right-width: 3px; border-left-width: 3px; }

/***** layout *****/

/* position */
.l-rlt { position: relative; }
.l-abs { position: absolute; }
.l-fix { position: fixed; z-index: 90; }

.l-pos00 { top: 0; bottom: 0; left: 0; right: 0; }
.l-pos00t { top: 0; }
.l-pos00b { bottom: 0; }
.l-pos00l { left: 0; }
.l-pos00r { right: 0; }

/* display */
.l-dno{ display: none; }
.l-dil{ display: inline; }
.l-dbl{ display: block; }
.l-dib{ display: inline-block; }

/* overflow */
.l-ofv { overflow: visible; }
.l-ofh { overflow: hidden; }

/* align */
.l-vt { vertical-align: top; }
.l-vm { vertical-align: middle; }
.l-vm th, .l-vm td { vertical-align: middle; }
.l-vb { vertical-align: bottom; }
.l-vbl { vertical-align: baseline; }

/* margin */
.l-mauto { margin-right: auto !important; margin-left: auto !important; float: none !important; }
.l-mautov { margin-top: auto !important; margin-bottom: auto !important; float: none !important; }
.l-mautoa { margin: auto !important; float: none !important; }

/* padding */
.l-p00 { padding: 0em; }
.l-p00 { padding: 0em; }
.l-p00t { padding-top: 0em; }
.l-p00b { padding-bottom: 0em; }
.l-p00l { padding-left: 0em; }
.l-p00r { padding-right: 0em; }
.l-p00tb { padding-top: 0em; padding-bottom: 0em; }
.l-p00lr, .l-p00rl { padding-right: 0em; padding-left: 0em; }

.l-p01 { padding: 1em; }
.l-p01t { padding-top: 1em; }
.l-p01b { padding-bottom: 1em; }
.l-p01l { padding-left: 1em; }
.l-p01r { padding-right: 1em; }
.l-p01tb { padding-top: 1em; padding-bottom: 1em; }
.l-p01lr, .l-p01rl { padding-right: 1em; padding-left: 1em; }

.l-p02 { padding: 2em; }
.l-p02t { padding-top: 2em; }
.l-p02b { padding-bottom: 2em; }
.l-p02l { padding-left: 2em; }
.l-p02r { padding-right: 2em; }
.l-p02tb { padding-top: 2em; padding-bottom: 2em; }
.l-p02lr, .l-p02rl { padding-right: 2em; padding-left: 2em; }

.l-p03 { padding: 3em; }
.l-p03t { padding-top: 3em; }
.l-p03b { padding-bottom: 3em; }
.l-p03l { padding-left: 3em; }
.l-p03r { padding-right: 3em; }
.l-p03tb { padding-top: 3em; padding-bottom: 3em; }
.l-p03lr, .l-p03rl { padding-right: 3em; padding-left: 3em; }

.l-p04 { padding: 4em; }
.l-p04t { padding-top: 4em; }
.l-p04b { padding-bottom: 4em; }
.l-p04l { padding-left: 4em; }
.l-p04r { padding-right: 4em; }
.l-p04tb { padding-top: 4em; padding-bottom: 4em; }
.l-p04lr, .l-p04rl { padding-right: 4em; padding-left: 4em; }

.l-p05 { padding: 5em; }
.l-p05t { padding-top: 5em; }
.l-p05b { padding-bottom: 5em; }
.l-p05l { padding-left: 5em; }
.l-p05r { padding-right: 5em; }
.l-p05tb { padding-top: 5em; padding-bottom: 5em; }
.l-p05lr, .l-p05rl { padding-right: 5em; padding-left: 5em; }

.l-p06 { padding: 6em; }
.l-p06t { padding-top: 6em; }
.l-p06b { padding-bottom: 6em; }
.l-p06l { padding-left: 6em; }
.l-p06r { padding-right: 6em; }
.l-p06tb { padding-top: 6em; padding-bottom: 6em; }
.l-p06lr, .l-p06rl { padding-right: 6em; padding-left: 6em; }

.l-p07 { padding: 7em; }
.l-p07t { padding-top: 7em; }
.l-p07b { padding-bottom: 7em; }
.l-p07l { padding-left: 7em; }
.l-p07r { padding-right: 7em; }
.l-p07tb { padding-top: 7em; padding-bottom: 7em; }
.l-p07lr, .l-p07rl { padding-right: 7em; padding-left: 7em; }

.l-p08 { padding: 8em; }
.l-p08t { padding-top: 8em; }
.l-p08b { padding-bottom: 8em; }
.l-p08l { padding-left: 8em; }
.l-p08r { padding-right: 8em; }
.l-p08tb { padding-top: 8em; padding-bottom: 8em; }
.l-p08lr, .l-p08rl { padding-right: 8em; padding-left: 8em; }

.l-p09 { padding: 9em; }
.l-p09t { padding-top: 9em; }
.l-p09b { padding-bottom: 9em; }
.l-p09l { padding-left: 9em; }
.l-p09r { padding-right: 9em; }
.l-p09tb { padding-top: 9em; padding-bottom: 9em; }
.l-p09lr, .l-p09rl { padding-right: 9em; padding-left: 9em; }

.l-p10 { padding: 10em; }
.l-p10t { padding-top: 10em; }
.l-p10b { padding-bottom: 10em; }
.l-p10l { padding-left: 10em; }
.l-p10r { padding-right: 10em; }
.l-p10tb { padding-top: 10em; padding-bottom: 10em; }
.l-p10lr, .l-p10rl { padding-right: 10em; padding-left: 10em; }

.l-p11 { padding: 11em; }
.l-p11t { padding-top: 11em; }
.l-p11b { padding-bottom: 11em; }
.l-p11l { padding-left: 11em; }
.l-p11r { padding-right: 11em; }
.l-p11tb { padding-top: 11em; padding-bottom: 11em; }
.l-p11lr, .l-p11rl { padding-right: 11em; padding-left: 11em; }

.l-p12 { padding: 12em; }
.l-p12t { padding-top: 12em; }
.l-p12b { padding-bottom: 12em; }
.l-p12l { padding-left: 12em; }
.l-p12r { padding-right: 12em; }
.l-p12tb { padding-top: 12em; padding-bottom: 12em; }
.l-p12lr, .l-p12rl { padding-right: 12em; padding-left: 12em; }

/* width, height */
.l-wh100 { width: 100%; height: 100%; }

.l-w100 { width: 100%; }
.l-w090 { width: 90%; }
.l-w080 { width: 80%; }
.l-w075 { width: 75%; }
.l-w070 { width: 70%; }
.l-w066 { width: 66.66%; }
.l-w060 { width: 60%; }
.l-w050 { width: 50%; }
.l-w040 { width: 40%; }
.l-w033 { width: 33.33%; }
.l-w030 { width: 30%; }
.l-w025 { width: 25%; }
.l-w020 { width: 20%; }
.l-w016 { width: 16.66%; }
.l-w010 { width: 10%; }
.l-w008 { width: 8.33%; }

.l-w120 { width: 120px; }
.l-w150 { width: 150px; }
.l-w160 { width: 160px; }
.l-w180 { width: 180px; }
.l-w200 { width: 200px; }
.l-w210 { width: 210px; }
.l-w240 { width: 240px; }
.l-w250 { width: 250px; }
.l-w270 { width: 270px; }
.l-w300 { width: 300px; }
.l-w320 { width: 320px; }
.l-w360 { width: 360px; }
.l-w400 { width: 400px; }
.l-w420 { width: 420px; }
.l-w450 { width: 450px; }
.l-w480 { width: 480px; }
.l-w500 { width: 500px; }
.l-w540 { width: 540px; }
.l-w600 { width: 600px; }
.l-w630 { width: 630px; }
.l-w640 { width: 640px; }
.l-w700 { width: 700px; }
.l-w720 { width: 720px; }
.l-w750 { width: 750px; }
.l-w800 { width: 800px; }
.l-w840 { width: 840px; }
.l-w900 { width: 900px; }
.l-w960 { width: 960px; }
.l-w1000 { width: 1000px; }
.l-w1050 { width: 1050px; }
.l-w1080 { width: 1080px; }
.l-w1120 { width: 1120px; }
.l-w1200 { width: 1200px; }
.l-w1280 { width: 1280px; }

.l-max100 { max-width: 100%; }
.l-max075 { max-width: 75%; }
.l-max066 { max-width: 66.66%; }
.l-max050 { max-width: 50%; }
.l-max033 { max-width: 33.33%; }
.l-max025 { max-width: 25%; }

.l-h120 { height: 120px; }
.l-h150 { height: 150px; }
.l-h160 { height: 160px; }
.l-h180 { height: 180px; }
.l-h200 { height: 200px; }
.l-h210 { height: 210px; }
.l-h240 { height: 240px; }
.l-h250 { height: 250px; }
.l-h270 { height: 270px; }
.l-h300 { height: 300px; }
.l-h320 { height: 320px; }
.l-h360 { height: 360px; }
.l-h400 { height: 400px; }
.l-h420 { height: 420px; }
.l-h450 { height: 450px; }
.l-h480 { height: 480px; }
.l-h500 { height: 500px; }
.l-h540 { height: 540px; }
.l-h600 { height: 600px; }
.l-h630 { height: 630px; }
.l-h640 { height: 640px; }
.l-h700 { height: 700px; }
.l-h720 { height: 720px; }
.l-h750 { height: 750px; }
.l-h800 { height: 800px; }
.l-h840 { height: 840px; }
.l-h900 { height: 900px; }
.l-h960 { height: 960px; }

.l-fix + .l-w075 {margin-left: 25% !important; }
.l-fix + .l-w066 {margin-left: 33.33% !important; }
.l-fix + .l-w050 {margin-left: 50% !important; }
.l-fix + .l-w033 {margin-left: 66.66% !important; }
.l-fix + .l-w025 {margin-left: 75% !important; }

.pos12t { top: 12em; }
.l-stcky { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; }


}

ul.share-buttons { list-style: none; }
ul.share-buttons li { display: inline; }
ul.share-buttons .sr-only {
 position: absolute;
 clip: rect(1px, 1px, 1px, 1px);
 padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden;
}

.ff > b { display: block; overflow: hidden; width: 0; font-size: 10px; white-space: nowrap; }



html, body { height: 100%; }
.slick-slider, .slick-list, .slick-track, .slick-slide { height: 100%; }

.slick-slider, [dir="rtl"].slick-slider { opacity: 0; transition: opacity .3s linear; }
.slick-slider.slick-initialized, [dir="rtl"].slick-slider.slick-initialized { opacity: 1; }

.slick-dotted.slick-slider { margin-bottom: 45px !important; }
.slick-slider .slick-dots { position: absolute; top: 105%; z-index: 10; }
.slick-slider .slick-dots li { border: none; }
.slick-slider .slick-dots li button:before { font-size: 10px; }

/*
.slick-feature .slick-slide {opacity: 0.1;  -webkit-transition: all .15s; transition: all .15s; }
.slick-feature .slick-current {opacity: 1;}
.slick-feature .slick-list {overflow: initial !important;}
*/
.slick-feature .slick-dots li { position: relative; display: inline-block; width: 12.5%; margin: 0 0px; }
.slick-feature .slick-dots li button:before { content: ""; display: inline-block; width: 100%; height: 0.75em; background-color: #999; border-left: 1px solid #eee;  border-right: 1px solid #eee; }

.slick-arrow, .slick-dots {text-shadow: 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff, 0px 0px 1px #fff; }

.slick-slider .slick-next,
[dir="rtl"].slick-slider .slick-prev 
{ left: auto; right: -42px; z-index: 10; width: 35px; height: 35px; }
.slick-slider .slick-prev,
[dir="rtl"].slick-slider .slick-next 
{ left: -42px; right: auto; z-index: 10; width: 35px; height: 35px; }
.slick-slider .slick-next:before,
[dir="rtl"].slick-slider .slick-prev:before 
{ content:"\e904"; font-family: "TADOB"; }
.slick-slider .slick-prev:before,
[dir="rtl"].slick-slider .slick-next:before 
{ content:"\e905"; font-family: "TADOB"; }
.slick-slider .slick-next:before,
[dir="rtl"].slick-slider .slick-prev:before, 
.slick-slider .slick-prev:before,
[dir="rtl"].slick-slider .slick-next:before { color: #666; font-size: 35px; opacity: .65; }
.slick-slider .slick-next:hover:before,
[dir="rtl"].slick-slider .slick-prev:hover:before,
.slick-slider .slick-prev:hover:before,
[dir="rtl"].slick-slider .slick-next:hover:before { opacity: 1; }
.slick-slider .slick-prev.slick-disabled:before, 
.slick-slider .slick-next.slick-disabled:before,
[dir="rtl"].slick-slider .slick-prev.slick-disabled:before, 
[dir="rtl"].slick-slider .slick-next.slick-disabled:before { opacity: .15; cursor: default; }

.slick-feature .slick-arrow {text-shadow: none; }
.slick-feature .slick-prev:before 
{ content:"―"; }
.slick-feature .slick-prev:before,
.slick-feature .slick-next:before 
{ content:"―"; }
.slick-feature .slick-prev:before,
.slick-feature .slick-next:before { color: #fff; font-size: 35px; opacity: .65; }

.slick-slider .slick-slide img { 
 width: auto; height: auto; max-width: 100%; max-height: 100%; min-width: 100%; 
 margin: auto;
 /*border: 1px solid #f0edec; */
}
.slick-slider .slick-slide {
 width: 100%;
 text-align: center;
}
.slick-initialized .slick-track {
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -ms-flex-align: center;
 -webkit-align-items: center;
 -webkit-box-align: center;
 align-items: center;
}

.slick-thumb .slick-slide { transition: .3s ease; cursor: pointer; }
.slick-thumb .slick-slide:not(.slick-current) { opacity: .5; }

.slick-fade .slick-slide img {
 transform: scale(1.05);
 transition: .6s ease; 
}
.slick-fade .slick-current img { transform: scale(1); }

.slick-slider .gallery-caption { position: absolute; bottom: 0;
 width: 100%; padding: 0.75em; text-align: center; font-size: 1.2em;
 opacity: 0; transition: .3s ease; }
.slick-current .gallery-caption { opacity: 1; transition-delay: .5s; }
.slick-feed .slick-active .gallery-caption { opacity: 1; transition-delay: .5s; }

.slick-lightbox-slick { padding: 0 50px; }
.slick-lightbox-slick .slick-lightbox-slick-item-inner { max-width: 100%; }
.slick-lightbox-slick .slick-next,
[dir="rtl"].slick-lightbox-slick .slick-prev 
{ left: auto; right: 10px; z-index: 10; width: 35px; height: 35px; }
.slick-lightbox-slick .slick-prev,
[dir="rtl"].slick-lightbox-slick .slick-next 
{ left: 10px; right: auto; z-index: 10; width: 35px; height: 35px; }
.slick-lightbox-slick .slick-next:before,
[dir="rtl"].slick-lightbox-slick .slick-prev:before, 
.slick-lightbox-slick .slick-prev:before,
[dir="rtl"].slick-lightbox-slick .slick-next:before { color: #fff; }

.slick-lightbox-slick .slick-slide img { 
 /*border: 1px solid #333; */
}
.slick-pause img{ opacity: 0.5; }
/*
.slick-pause:before {
 content: ""; display: block;
 position: absolute; top: 0; left: 0; z-index: 100;
 width: 100%; height: 100%; background-color: #ff9;  opacity: 0.5; 
}*/
.slick-main img, .slick-thumb img, .slick-nav img {
 position: absolute;
 opacity: 0; transition: opacity .3s linear; 
}
.slick-main.slick-initialized img, .slick-thumb.slick-initialized img {
 position: relative;
 opacity: 1; 
}
.slick-nav.slick-initialized img {
 position: absolute;
 opacity: 1; 
}
/*
.slick-nav .trim {
 background: #fff;
 border: #666;
}
*/
.slick-nav .slick-next,
[dir="rtl"].slick-nav .slick-prev 
{ left: auto; right: 20px; z-index: 10; width: 35px; height: 35px; }
.slick-nav .slick-prev,
[dir="rtl"].slick-nav .slick-next 
{ left: 20px; right: auto; z-index: 10; width: 35px; height: 35px; }


.slick-nav.slick-slider .slick-slide img { 
 position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%;
 width: auto; height: auto; max-width: 150%; max-height: 150%; min-width: 15%; min-height: 15%; margin: auto;
}

.slick-full .slick-next,
[dir="rtl"].slick-full .slick-prev 
{ left: auto; right: 35px; z-index: 10; width: 35px; height: 35px; }
.slick-full .slick-prev,
[dir="rtl"].slick-full .slick-next 
{ left: 35px; right: auto; z-index: 10; width: 35px; height: 35px; }

.slick-var .slick-slide {
 width: auto;
}
.slick-var figure {
 width: auto; height: auto; padding: 1em 0.5em; 
}
.slick-var.slick-slider .slick-dots { bottom: -2em; }
.slick-var.slick-slider .gallery-caption { bottom: 1em; }

.slick-var .slick-slide img {
 width: auto; height: auto; max-width: 100%; max-height: 100%; max-height: 280px; min-width: auto; min-height: auto; 
 margin: auto;
 border: 0;
}

.slick-full { width: 100%; height: 100%; }
/*
.slick-full { width: 100%; height: 33.33%; height: 240px; }
*/

.slick-counter { position: absolute; top: 0; left: 0; z-index: 100; display: none !important; }


.bookobj:before { content: ""; display:block;
 position: absolute; top: -0.6em; left: 0; right: 0; z-index: -1;
 width: 0; height: 0;
 border-style: solid;
 border-width: 0.6em 125px;
 border-color: #f7f7f7; border-top-color: transparent; }
.bookobj:after { content: ""; display:block;
 position: absolute; bottom: 0; left: 0; right: 0; z-index: 1;
 width: 0; height: 0;
 border-style: solid;
 border-width: 0.6em 125px;
 border-color: transparent; border-top-color: #f7f7f7; }

.calendar { border-collapse: collapse; border-spacing: 0; margin: 0 auto 20px; }
.calendar caption { font-size: 150%; font-weight: bold; color: #999; padding: 5px 0; }
.calendar th { border: solid 1px #ccc; padding: 3px; background: #666; color: #fff; }
.calendar th.sun { background: #e66; }
.calendar td { border: solid 1px #ccc; padding: 3px; text-align: left; }
.calendar td:first-child:before {
 display: block;
 float: left;
 height: 5em;
 content: "";
}
.calendar td.sun { background: #fee; }
.calendar td.sat { background: #def; }
.calendar td.holiday { background: #fee; }
.calendar td.today { background: #ffe; }
.calendar td.blank-cell { background: #f0f0f0; }
.calendar td .week { display: none; }

@media screen and ( max-width: 767px ) {
.calendar tr { display:block; }
.calendar th,
.calendar td.blank-cell { display: none; }
.calendar td { display: list-item; width: 100%; }
.calendar td .week { display: inline; }
}








a.btn-swtch { display: block !important; width: 18px; height: 18px; }

.btn-swtch span {
 display: block; position: absolute; left: 0;
 width: 100%; height: 2px; background: #000; 
 -webkit-transition: 0.35s ease-in-out; -moz-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out;
 -ms-filter: 'alpha(opacity=100)'; opacity: 1; 
}
.btn-swtch span:nth-child(1) { top: 0; }
.btn-swtch span:nth-child(2) { top: 8px; }
.btn-swtch span:nth-child(3) { top: 16px; }

.btn-swtch:hover span { background: #000; -ms-filter: 'alpha(opacity=60)'; opacity: 0.6; }
.active span { background: #000; -ms-filter: 'alpha(opacity=60)'; opacity: 0.6; }
.active:hover span { background: #000; }
.active span:nth-child(1) { top: 9px;
 -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); transform: rotate(315deg); 
}
.active span:nth-child(2) { left: 50%; width: 0; }
.active span:nth-child(3) { top: 9px;
 -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); transform: rotate(-315deg); 
}
.btn-swtch + div { opacity: 0; }

.btn-swtch i { display: none; }
.btn-swtch i:first-child { display: block; }
.btn-swtch.active i { display: block; color: #333;}
.btn-swtch.active i:first-child { display: none; }

body { background-color: #f6f6f6; }


.ff > b { display: block; overflow: hidden; width: 0; font-size: 10px; white-space: nowrap; }
.ff p {
 font-family: initial; font-size: initial;
 font-feature-settings: initial; font-variant-ligatures: initial;
}

.site-hd { max-height: 480px; }
.site-hd h1 .ff:first-child { margin-bottom: -0.2em;}



/*
a .ff, a.ff { -webkit-transition: all .15s; transition: all .15s; }
*/

a:hover .icon-facebook, a.icon-facebook:hover, 
a.icon-fb:hover, a:hover .icon-fb, a.lig-fb:hover, a:hover .lig-fb
 { color: #3b5998;}
a:hover .icon-twitter, a.icon-twitter:hover, 
a.icon-tw:hover, a:hover .icon-tw, a.lig-tw:hover, a:hover .lig-tw
 { color: #1da1f2;}
a:hover .icon-instagram, a.icon-instagram:hover, 
a.icon-ig:hover, a:hover .icon-ig, a.lig-ig:hover, a:hover .lig-ig
 { color: #666;}
a:hover .icon-youtube, a.icon-youtube:hover, 
a.icon-yt:hover, a:hover .icon-yt, a.lig-yt:hover, a:hover .lig-yt
 { color: #cd201f;}
a:hover .icon-google-plus, a.icon-google-plus:hover, 
a.icon-gp:hover, a:hover .icon-gp, a.lig-gp:hover, a:hover .lig-gp
 { color: #dd4b39;}
a:hover .icon-hatena-bookmark, a.icon-hatena-bookmark:hover, 
a.icon-hb:hover, a:hover .icon-hb, a.lig-hb:hover, a:hover .lig-hb
 { color: #00A4DE;}
a:hover .icon-line, a.icon-line:hover, 
a.icon-ln:hover, a:hover .icon-ln, a.lig-ln:hover, a:hover .lig-ln
 { color: #00c300;}

a[class*="lig-"] { display: inline-block; width: 1em; overflow: hidden; white-space: nowrap; }

.menu-header a{ display: block; padding-bottom: 0.25em; border-bottom: 1px solid transparent;}
.menu-header li { vertical-align: top; }
.menu-header .current-menu-item, .single .menu-header .current-menu-parent { border-bottom: 1px solid #222; }
.menu-header .sub-menu { position: absolute; display: none;}
.menu-header .sub-menu li { padding: 0.75em 0em; white-space: nowrap; }
@media screen and ( max-width: 767px ) {
.menu-header li a { display: inline; }
.post-bd h3 br { content: ""; display: none; }
.post h1 br { content: ""; display: none; }
}


iframe { width: 100%; }
iframe[src*="www.google.com/maps"] { min-height: 40em; }
iframe.wp-embedded-content { box-sizing: initial; padding: 1em; border: 1px solid #eee; background: #fff; }


twitterwidget, iframe[id^="twitter-widget-"] {
 width: 100% !important; margin-left: auto; margin-right: auto;
}
twitterwidget::shadow .SandboxRoot { width: 100% !important; margin-left: auto; margin-right: auto; }
twitterwidget::shadow .EmbeddedTweet { width: 100% !important; margin-left: auto; margin-right: auto; }



a:first-of-type dl { border-top: 1px solid #13beac; }



.menu-main aside a{ display: inline-block; padding: 0.5em 0.25em; }

figure.post-tn { text-align: center; }
figure.post-tn img { margin: auto; }

figure.wh100 { padding-top: 15%;  margin-top: 15%;}
figure.wh100 img { position: absolute; top: ; bottom: 0%; left: -50%; right: -50%;
 width: auto; height: auto; min-width: 100%; min-height: 100%; margin: auto;
}

.slick-feature .bloc-author figure { width: 25px; }
.bloc-author figure { display: inline-block; margin-right: 0.5em; auto; border: 2px solid #13beac;}
.bloc-author figure > img { width: 100%; height: }
.bloc-author h3 { display: none; }

.bloc-author-list figure { padding: 1em; border: 0.2em solid #13beac;}
.bloc-author-list figure > img { width: 100%; height: auto; }
.bloc-author-list h3 { width: 100%; height: auto; }

.post-bd .bloc-author { font-size: 0.66em; }
.post-bd .bloc-author figure { border: 0.2em solid #fff;}
.post-bd .bloc-author h3 { display: block; max-width: 100% !important;
margin: 0em auto 1em auto !important;}
.post-bd .bloc-author h3 span{ display: block; font-weight: lighter; font-size: 0.83em; }

.post-bd { line-height: 1.83; text-align: justify; text-justify: inter-ideograph; line-break: strict; }
.post-bd .clr { margin-bottom: -2em; }

/*.post-bd > div:not(.gallery), */
.post-bd > h2, .post-bd > h3, .post-bd > h4, .post-bd > h5, .post-bd > h6, 
.post-bd > ul, .post-bd > ol, .post-bd > dl, .post-bd > table, 
.post-bd p, .post-bd > blockquote,
.post-bd > figure, .post-bd > img, 
.post-bd > hr { margin-bottom: 1em; }

.post-bd > .gallery + * { margin-top: 1em; }
.slick-thumb { margin-top: 0em !important; }

.post-bd ul, .post-bd ol { margin: 0 auto; }
.post-bd ul, .post-bd ol, .post-bd dl { margin-bottom: 1em;  }
.post-bd ul:after, .post-bd ol:after { content: ""; display: block; clear: both; }
.post-bd li { margin: 0.4em auto; border-bottom: 1px solid #ddd; padding: 0.4em 0; line-height: 1.5; }


.post-bd h3 { margin: 0em auto 1em auto; font-weight: 700; font-size: 1.5em;
 padding-left: 0em; text-align: center;  line-height: 1.5; }
/*.post-bd * + h3 { margin: 2em auto 1em auto; font-weight: 700; font-size: 1.5em;
 padding-left: 0em; }*/

.post-bd h3:not([class]) { max-width: 90%; margin: 2em auto 2em auto; }

.post-bd h3:after { content: ""; display: block; width: 3em; padding-top: 1.5em; border-bottom: 1px solid #13beac; margin: auto;}

.post-bd h4, .post-bd h5 { margin: 2em auto 1em auto; font-weight: inherit; font-size: larger;
 border-left: 0.2em solid #000; padding-left: 1em; }

.post-bd h6 { margin-bottom: 1em; }


.post-bd > p + p { margin-top: -1em; }
.post-bd > blockquote { position: relative; margin: 1em 0em 4em 1em; padding: 0em 0em 0em 1em; border-left: 1px solid #aaa; }

.post-bd > blockquote:before { position: absolute; top: -0.33em; left: -0.25em; display: block; content: "“"; 
width:0.5em; height: 1em; font-size: 3em; background: #fff; color: #333;}
/*
.post-bd > blockquote { position: relative; margin: 1em 1em 4em 1em; padding: 0em 1em 0em 1em; border-left: 1px solid #aaa; border-right: 1px solid #aaa; }
.post-bd > blockquote:after { position: absolute; bottom: 0em; right: -0.25em; display: block; content: "”"; 
width:0.5em; height: 1em; font-size: 3em; background: #fff; color: #333; vertical-align: top; border: 0px solid #aaa; }

.post-bd > blockquote cite { display: block; text-align: right; }
*/
.post-bd a:not([class]) { border-bottom: 0px solid #13beac; color: #11a797;}

.post-bd figure { margin-top: 0; text-align: center; max-width: 100% ; }
.post-bd figure img { margin: auto; }

.post-bd div > p { margin-bottom: 0; }

.post-bd > .lead { position: relative; margin-bottom: 3em; padding: 1em; font-size: 0.9em; color: #333; }
.post-bd > .lead:before { position: absolute; top: 0; left: 0; display: block; content: ""; 
width:3em; height: 3em;
border-left: 1px solid #13beac; border-top: 1px solid #13beac; }
.post-bd > .lead:after { position: absolute; bottom: 0; right: 0; display: block; content: ""; 
width:3em; height: 3em;
border-right: 1px solid #13beac; border-bottom: 1px solid #13beac; }

.post-bd > .info { position: relative; margin-bottom: 3em; padding: 1em 0; font-size: 0.9em; color: #333; background: ;}
.post-bd > .info:before { position: absolute; top: -1em; left: 0; display: block; content: "Information"; 
width:100%; height: 1em; color:#13beac; text-align: center; font-size: 1em; font-weight: 900;
border-bottom: 1px solid #13beac; 
text-shadow: 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff; 
}
.post-bd > .info:after { position: absolute; bottom: 0; right: 0; display: block; content: ""; 
width:100%; height: 1em; border-bottom: 1px solid #13beac; }

/*
.post-bd > .prof { margin-bottom: 3em; padding: 1em 1em 1em 1em; border: 1px solid #ececec; background: #fcfcfc; font-size: 0.9em; }
*/
.post-bd > .prof { position: relative; margin-bottom: 3em; padding: 1em 1em; font-size: 0.9em; color: #333; background: #fcfcfc; border-right: 1px solid #dde;  border-left: 1px solid #dde; }
.post-bd > .prof:before { position: absolute; top: -1em; left: 0; display: block; content: "Profile"; 
width:100%; height: 1em; color:#bbc; text-align: center; font-size: 1em; font-weight: 900;
border-bottom: 1px solid #dde; 
text-shadow: 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 2px #fff; 
}
.post-bd > .prof:after { position: absolute; bottom: 0; right: 0; display: block; content: ""; 
width:100%; height: 1em; border-bottom: 1px solid #dde; }

.post-bd .gallery-caption { font-size: 0.8em; }

.post-bd a.btn { display: inline-block; width: 100%; margin: 0.25em 0; padding: 0.5em; color: #fff; background: #13beac; font-weight: bolder; text-align: center; border-radius: 3px;}
.post-bd a.btn:hover { opacity: 0.8; }
/*

.post-bd p + p + :not(p) { margin-top: initial; }
.post-bd p br { margin: initial; }
.post-bd p + p { margin-bottom: -1em; }
.post-bd p + :not(p) { margin-bottom: 1em; }

.post-bd div { line-height:1.83; }

.post-bd figure { margin-top: 0; text-align: center; }
.post-bd figure img { margin: auto; }
/*.post-bd * + figure { margin-top: 2em; }*/



/*
.post-bd > div:not(.gallery), 
.post-bd > h2, .post-bd > h3, .post-bd > h4, .post-bd > h5, .post-bd > h6, 
.post-bd > ul, .post-bd > ol, .post-bd > dl, .post-bd > table, 
.post-bd > p, 
.post-bd > img, .post-bd > figure, 
.post-bd > blockquote, .post-bd > hr { margin-left: 1em; margin-right: 1em; }
*/



.bloc-hd { height: 120px; }


.main { min-height: 75%; }

.fu {font-family: 'Ultra', serif;}

.anchor a { position: relative; }
.anchor a:before { position: absolute; top: 0em; left: -1.25em; content:"\e904";
 font-family: 'TADOB'; font-size: 100%; color: #999; }
.anchor a:hover:before { left: -1em; }

time { margin: 0 0; }

.breads { margin: 0 0.33em; }
.breads li { display: inline-block; margin-left: 1.5em; color: #999; }
.breads li:first-child { display: inline-block; margin-left: 0em; }
.breads a { color: #012; }
.breads a:hover { }
.breads a:before { position: absolute; top: 0em; right: -1.5em; content:"\e904";
 font-family: 'TADOB'; font-size: 100%; color: #666; }

.counter { display: inline-block; padding: 0.25em; margin: 0.25em 1em; border: 1px solid #ddd;}

.menu-footer li { display: block; width: 50%; float: left;}
@media screen and ( max-width: 767px ) {
.menu-footer li { display: block; width: 100%; float: none;}
}

figure.wh100 i { position: absolute; top: 0; z-index: 2;
 display: block; width: 100%; height: 1.75em; padding: 50% 0; margin-top: -0.75em; 
 text-align: center; font-size: 1.5em; font-weight: 300; color: #bbb; }
figure.wh1609 i { position: absolute; top: 0; z-index: 2;
 display: block; width: 100%; height: 1.75em; padding: 28.125% 0; margin-top: -0.75em; 
 text-align: center; font-size: 1.5em; font-weight: 300; color: #bbb; }

.trim { overflow: hidden; position: relative; }
/*a:hover .trim { border: 1px solid #fff; }*/
.trim:before { content: ""; display: block; padding-top: 100%; }
.wh1609.trim:before { content: ""; display: block; padding-top: 56.25%; }
.trim img { position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%;
 width: auto; height: auto; max-width: 150%; max-height: 150%; min-width: 15%; min-height: 15%; margin: auto;
}
.notrim { overflow: hidden; position: relative; background: #fff;
 display: flex; justify-content: center; align-items: center; }
.notrim img { position: relative; 
 width: auto; height: auto; max-width: 100%; max-height: 100%; min-width: 15%; min-height: 15%; 
margin: auto;
}


.hvr img {
 -webkit-transition-property: all;
 -webkittransition-duration: .1s;
 -webkittransition-timing-function: ease-in-out;
 transition-property: all;
 transition-duration: .1s;
 transition-timing-function: ease-in-out;
}

/* conflict .trim:before
.hvr a figure:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; 
 display: block; width: 100%; height: 100%; 
} 
*/
.hvr a:hover figure:before {
 background: linear-gradient(135deg, rgba(52,143,80,.5), rgba(86,180,211,.5), rgba(229,93,135,.5));
 background-size: 200%; 
/* -webkit-animation: hvrGradient 7s infinite;
 animation: hvrGradient 7s infinite; */
}
@-webkit-keyframes hvrGradient{
   0% { background-position: 00% }
  50% { background-position: 100% }
 100% { background-position: 00% }
}
@keyframes hvrGradient{
   0% { background-position: 00% }
  50% { background-position: 100% }
 100% { background-position: 00% }
}
.hvr a img { -webkit-filter: grayscale(000%); filter: grayscale(000%); opacity: 1; }
.hvr a:hover img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5; }
.hvr a:hover { color: #13beac; }

.hvr a figure img { -webkit-filter: grayscale(000%); filter: grayscale(000%); opacity: 1; 
 -webkit-transform: scale(1); transform: scale(1); }
.hvr a:hover figure img { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.5;
 -webkit-transform: scale(1.04); transform: scale(1.04); }
/*
.hvr a:hover img { max-width: 155%; max-height: 155%; }
.trimH.hvr a:hover img { max-width: 205%; max-height: 205%; }
.trimV.hvr a:hover img { max-width: 210%; max-height: 210%; }
*/
.rd { position: relative; overflow: hidden; z-index: 1; -webkit-transform: translateZ(0);
 -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }

.hvr a .searching:after { visibility: hidden; content: "\e918"; font-family: 'TADOB';
 position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10;
 display: block; width: 100%; height: 4em; padding: 0; margin: auto; 
 text-align: center; font-size: 4em; line-height: 4em; color: #fff; font-weight: initial; }
.hvr a:hover .searching:after { visibility: visible; }

.hvr a .zooming:after { visibility: hidden; content: "\e919"; font-family: 'TADOB';
 position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10;
 display: block; width: 100%; height: 4em; padding: 0; margin: auto; 
 text-align: center; font-size: 4em; line-height: 4em; color: #fff; font-weight: initial; }
.hvr a:hover .zooming:after { visibility: visible; }


.hvr a .texting:after { visibility: hidden; content: "詳細"; font-family: 'Noto Sans JP', sans-serif; 
 position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10;
 display: block; width: 4em; height: 4em; padding: 0; margin: auto; 
 text-align: center; font-size: 1.25em; font-weight: 300; line-height: 3.75em; color: #666; 
 border: 2px solid #fff; border-radius: 50%; background: #fff; }
.hvr a:hover .texting:after { visibility: visible; }


.gallery .hvr a:before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; 
 display: block; width: 100%; height: 100%; 
} 
.gallery .hvr a:hover:before {
 background: linear-gradient(135deg, rgba(52,143,80,.5), rgba(86,180,211,.5), rgba(229,93,135,.5));
 background-size: 200%; 
 -webkit-animation: hvrGradient 7s infinite;
 animation: hvrGradient 7s infinite;
}


.searching a:after { visibility: hidden; content: "\e918"; font-family: 'TADOB';
 position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10;
 display: block; width: 100%; height: 4em; padding: 0; margin: auto; 
 text-align: center; font-size: 4em; line-height: 4em; color: #fff; font-weight: initial; }
.searching a:hover:after { visibility: visible; }

.zooming a:after { visibility: hidden; content: "\e919"; font-family: 'TADOB';
 position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10;
 display: block; width: 100%; height: 4em; padding: 0; margin: auto; 
 text-align: center; font-size: 4em; line-height: 4em; color: #fff; font-weight: initial; }
.zooming a:hover:after { visibility: visible; }

.texting a:after { visibility: hidden; content: "詳細"; font-family: 'Noto Sans JP', sans-serif; 
 position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10;
 display: block; width: 4em; height: 4em; padding: 0; margin: auto; 
 text-align: center; font-size: 1.25em; font-weight: 300; line-height: 3.75em; color: #666; 
 border: 2px solid #fff; border-radius: 50%; background: #fff; }
.texting a:hover:after { visibility: visible; }


.search-form button { color: #fff; border-color: #fff; }
.search-form button:hover { color: #fff; border-color: #fff; background-color: #ccc; opacity: 0.6;}

.gallery { font-size: 1em; }
.gallery.gm01 { margin: 0 -1em;}
.gallery figure{ border: 1px solid #eee; }
.gallery figcaption { position: absolute; left: 0%; right: 0%; bottom: -2.5em; width: 100%; text-align: center; }

.post-template-content-sp .main .l-txl, 
.page-template-content-sp .main .l-txl, 
.post-template-content-full .main .l-txl, 
.page-template-content-full .main .l-txl { text-align: center !important; }
.post-template-content-full .main .gallery, 
.page-template-content-full .main .gallery { margin-left: 0em; margin-right: 0em; }

td { position: relative; }

.mdl {
 display: inline-block;
 position: relative; top: -0.5em; left: 0; z-index: 10;
 width: 1.75em; height: 1.75em; padding: 0 0; margin: 0 -0.25em 0 0.25em;
 text-align: center; font-size: 1em; line-height: 1.66;
 color: #fff; background: #F9BD39; border-radius: 50%; 
}

.mdl:before {
 content: '★';
 position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 5; 
 width: 1.75em; height: 1.75em; 
 text-align: center; font-size: 1em; line-height: 1.66;
 color: #fff;border-radius: 50%; 
}

.mdl:after{
 content: '';
 position: absolute; bottom: -15px; left: 0; right: 0;
 width: 0; height: 0; margin: 0 auto;
 border-left: 10px solid #ff785b;
 border-right: 10px solid #ff785b;
 border-top: 10px solid #ff785b;
 border-bottom: 10px solid transparent;
}
.mdl.gold:before {
 color: #fff; background: #F9BD39; 
}
.mdl.slvr:before {
 color: #fff; background: #B5B4AF; 
}
.mdl.brwn:before {
 color: #fff; background: #A4813F; 
}

.btnL { display: block; width: 100%; padding: 0.75em 1em; text-align: center; background-color: #fff; }
.btnL:hover { background-color: #eee; }

.btnS { display: inline-block; padding: 0 0.5em; font-size: 0.9em; background-color: #fff; }
.btnS:hover { background-color: #eee; }

._btn { background-color: rgba(255,255,255,0.5); } 
._btn:hover { background-color: rgba(255,255,255,0.7); } 


.kwd { background:#222; color:#fff;}
.kwd:hover { background:#13beac; color:#fff;}
/*
.invw { opacity: 0; bottom: -1em;}
*/
.invws-one { opacity: 0; bottom: -1em;}

.mw_wp_form {}
.mw_wp_form [type="text"], .mw_wp_form [type="password"], .mw_wp_form [type="search"], 
.mw_wp_form [type="number"], .mw_wp_form [type="tel"], .mw_wp_form [type="email"], .mw_wp_form [type="url"] { width: 100%; }

.mw_wp_form em { color: #f442a7; }
.mw_wp_form label { display: block; width: 100%; margin-top: 1em; padding: 0.5em; font-size: 0.9em; font-weight: bolder; }
.mw_wp_form label span { font-size: 1.11em; font-weight: lighter; }
.mw_wp_form label + br { content: ""; display: none; }
.mw_wp_form .error { color: #f442a7; }
.mw_wp_form .error + br { content: ""; display: none; }
.mwform-radio-field label { margin-top: 0em; }

.mw_wp_form button { width: 100%; margin: 3em auto; text-align: center; }

.mw_wp_form label [type="checkbox"], .mw_wp_form label [type="radio"] { display: inline-block; }


/* ScrollTrigger */
.fromTopIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0,-10px);
	opacity: 0.0;
}

.fromBottomIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0,0);
	opacity: 1.0;
}

.fromBottomOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0,10px);
	opacity: 0.0;
}

.fromLeftIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0,0);
	opacity: 1.0;
}

.fromLeftOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(-10px,0);
	opacity: 0.0;
}

.fromRightIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0,0);
	opacity: 1.0;
}

.fromRightOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(10px, 0);
	opacity: 0.0;
}

.scaleUpIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleUpOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: scale(1.3,1.3);
	opacity: 0.0;
}

.scaleDownIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleDownOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: scale(0.7,0.7);
	opacity: 0.0;
}