@charset "UTF-8";

/*   

1. INITIAL
2. GLOBAL-HEADER
3. GLOBAL-FOOTER
4. CONTENT -

*/

/* ------------------------------------------------------------------------ */
/* INITIAL
/* ------------------------------------------------------------------------ */

/*占いスクールトップ画像のフェード切り替え用画像範囲設定*/
#wrp {
    width:777px;
    height:356px;
    background-color:#FEFCF4;
    margin:0px auto;
}

/*占いスクールトップ画像のフェード切り替え用画像設定*/ 
#mainImg {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-align: left;
    overflow: hidden;
    position: relative;
}

/*占いスクールトップ画像のフェード切り替え用画像設定*/  
#mainImg img {
    top: 0;
    left: 0;
    position: absolute;
	z-index:0;
}



*{-webkit-touch-callout:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-text-size-adjust:none;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
	vertical-align:baseline;
}

article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
html{font-size:62.5%; overflow-y:scroll;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';	content:none;}
input, textarea{margin:0;	padding: 0;}
ol, ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left;}
a:focus{outline:none;}

.inlineBlock{letter-spacing:normal; display:inline-block; *display:inline; *zoom:1;}
.parentInlineBlock{letter-spacing:-.4em;}
.parentInlineBlock > li{letter-spacing:normal; vertical-align:top; display:inline-block; *display:inline; *zoom:1;}
img{max-width:100%; vertical-align:baseline;}

a,a:hover{-webkit-transition:.7s; -moz-transition:.7s; -o-transition:.7s; transition:.7s;}
a img:hover{filter: alpha(opacity=75);	-moz-opacity:.75; opacity:.75;}

sub, sup{font-size:75%; line-height:0; position:relative;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}

pre, code, kbd, samp {font-family:monospace, sans-serif;}

.clickable, label, input[type=button], input[type=submit], button{cursor:pointer;}

::-moz-selection{color:#FFF; background:#000;}
::selection{color:#FFF; background:#000;}

.flt-R{float:right;}
.flt-L{float:left;}
.flt-C{text-align:center; margin-left:auto; margin-right:auto;}

.tb-L{margin-left:0; margin-right:auto; text-align:left;}
.tb-R{margin-right:0; margin-left:auto; text-align:right;}

.clr-L{clear:left;}
.clr-R{clear:right;}
.clr-B{clear:both;}

.noshow{display:none;}

.clearfix:before,
.clearfix:after{content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.clearfix:after{clear: both;}
.clearfix{zoom:1;}

.clear{clear:both; visibility:hidden; width:0; height:0;}

.border-box{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box;}

.row{clear:both;}
.row:before,
.row:after{content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0;}
.row:after{clear: both;}
.row{zoom:1;}


/* -------------------------------------------------------------------------------*/
/* COMMON
/* -------------------------------------------------------------------------------*/

body{background:#fefcf4; font:150%/200% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#666; text-align:center;}

::-moz-selection{color:#e2c442; background:#6b4e2a;}
::selection{color:#e2c442; background:#6b4e2a;}

a,a:link,a:visited{color:#444; outline:none; text-decoration:none;}
a:hover,a:active,a:focus{color:#999; outline:none; text-decoration:none;}

.f-small{font-size:83%;}
.f-large{font-size:125%;}
.f-strong{font-weight:bold;}

#mkContent{position:absolute; top:0; left:0;  background:#fefcf4; width:100%; height:100%; z-index:1000;}

.wrap{position:relative; clear:both; }

.scnNorm{position:relative; clear:both; margin-bottom:15px; padding-top:80px; width:777px; margin:0 auto; text-align:left;}
.scnNorm > .innerBlock{position:relative; margin:0 78px;
text-align:justify; text-justify:inter-ideograph;}

.bgImg{clear:both; position:relative; width:100%; height:210px; background-repeat:repeat-x; background-position:center top; margin-top:80px;}
.bgImg.img1{background-image:url(../img/bgimg/bgimg1.jpg);}
.bgImg.img2{background-image:url(../img/bgimg/bgimg2.jpg);}
.bgImg.img3{background-image:url(../img/bgimg/bgimg3.jpg);}
.bgImg.img4{background-image:url(../img/bgimg/bgimg4.jpg);}
.bgImg.img5{background-image:url(../img/bgimg/bgimg5.jpg);}

.scnTopNorm{}
.scnTopNorm .inner{position:relative; width:890px; _width:980px; margin:0 auto; padding:90px 0 60px 90px; text-align:left;}
.scnTopNorm h2{position:absolute; left:90px; top:85px;}
.scnTopNorm h3{position:absolute; right:25px; top:30px;}

/* -------------------------------------------------------------------------------*/
/* GLOBAL-HEADER
/* -------------------------------------------------------------------------------*/

#BC{position:relative; background:#f4c530; width:100%;}
#BC .inner{position:relative; width:777px; margin:0 auto; overflow:hidden; text-align:left;}
#BC .breadClumb{float:left; width:700px; height:52px; overflow:hidden; display:block; line-height:52px; font-size:13px; color:#FFF;}
#BC .breadClumb a{color:#FFF; text-decoration:none;}
#BC .breadClumb .nm{background:url(../img/bc-arrow.png) no-repeat 25px 0; padding-left:70px; display:inline-block;}
#BC .linkFacebook{position:absolute; bottom:0; right:0; width:36px; height:36px; overflow:hidden;}

#GlobalHeader{position:relative; width:777px;height:356px; margin:0 auto; text-align:center;}
#GlobalHeader h1{margin:0 auto; padding-bottom:80px;}
#GlobalHeader h2{margin:0 auto; padding-bottom:100px;}


/* -------------------------------------------------------------------------------*/
/* GLOBAL-NAVIGATION
/* -------------------------------------------------------------------------------*/

#GlobalNav{position:relative; width:100%; text-align:center; background:#fefcf4; background:rgba(254,252,244,.8);}
#GlobalNav ul{position:relative; width:777px; margin:0 auto; border-top:1px solid #CCC; padding:0; letter-spacing:-.4em;}
#GlobalNav li{display:inline-block; letter-spacing:normal; padding:20px 15px; font-size:86%; line-height:1.4;}

.fixedNav#GlobalNav{position:fixed; top:0; width:100%; z-index:900;}

/* -------------------------------------------------------------------------------*/
/* GLOBAL-FOOTER
/* -------------------------------------------------------------------------------*/

.backtoTop{text-align:right; padding:60px 0 0; font-size:13px;}
.footerCatch{position:relative; width:100%; background:#fcedc0; margin-top:10px;}
.footerCatch p{position:relative; width:777px; margin:0 auto; text-align:left; font-size:86%; line-height:1.2; letter-spacing:.1em; padding:15px 0; display:block;}
#GlobalFooter{position:relative; clear:both; width:100%; text-align:center; font-size:11px; padding:40px 0; letter-spacing:.1em; font-family:Arial, Helvetica, sans-serif;}

/* -------------------------------------------------------------------------------*/
/* HOME
/* -------------------------------------------------------------------------------*/

.scnNorm h2{text-align:center; border-bottom:2px solid #f5c93d; padding-bottom:18px; margin-bottom:45px;}
.scnNorm h2.noBtmSp{margin-bottom:0;}
.scnNorm h3{font-size:146%; line-height:1.5; color:#f4c530; margin:50px 0 10px;}
.scnNorm p{text-indent:1em; margin-bottom:1em;}
.scnNorm p.p-noIdnt{text-indent:0;}
.scnNorm p.p-pntWord{text-indent:0; text-align:center; font-size:120%; font-weight:bold; color:#f4c530; margin:1em auto;}
.scnNorm p.p-lrgA{text-indent:0; text-align:center; font-size:145%; margin:0 auto 40px;}

.scnNorm .clmBox{border:8px solid #e5e4e0; padding:35px; margin:50px 0;}
.scnNorm .clmBox.lessBtmSp{margin-bottom:25px;}
.scnNorm .clmBox p{text-indent:0; margin-bottom:.25em;}

.scnNorm .list-info{height:400px; padding:40px 78px; background:#FFF; overflow-x:none; overflow-y:scroll;}
.scnNorm .list-info article{margin:0 0 1.5em;}
.scnNorm .list-info h1{font-size:133%; line-height:1.5; color:#f4c530; margin-bottom:10px;}
.scnNorm .list-info p{margin:0; text-indent:0;}
.scnNorm .list-info p.date{}

.scnNorm .fig-firsttime{margin:30px 0 0;}

.scnNorm .priceList{}
.scnNorm .priceList h3{padding:10px 0; margin:0 auto 40px; background:#76bafe; text-align:center; display:block;}
.scnNorm .priceList .price{position:relative; width:100%; padding-bottom:50px; overflow:hidden; *zoom:1;}
.scnNorm .priceList .price.pr-pro{padding-bottom:0;}
.scnNorm .priceList .price h4{font-size:133%; line-height:1.5; color:#76bafe;}
.scnNorm .priceList .price p{text-indent:0; margin:0;}
.scnNorm .priceList .price p .txt-blue{color:#76bafe;}
.scnNorm .priceList .price p.num{position:absolute; top:0; right:0; text-indent:0; margin:0; font-size:133%; line-height:1.5; color:#76bafe; text-align:right;}
.scnNorm .priceList .price p.num .tax{font-size:70%;}
.scnNorm .priceList .price p.num .nm{font-size:75%; color:#666;}

.scnNorm .checkFacebook{}
.scnNorm .checkFacebook p{text-indent:0; font-size:80%; line-height:1.6;}

.scnNorm .tb-lsnSchedule{border-bottom:1px solid #CCC;}
.scnNorm .tb-lsnSchedule th,.scnNorm .tb-lsnSchedule td{vertical-align:middle; border-top:1px solid #CCC;}
.scnNorm .tb-lsnSchedule th{width:142px; padding:15px 0 15px 78px; font-size:16px; line-height:1.5; color:#76bafe;}
.scnNorm .tb-lsnSchedule td.desc{width:479px; padding:15px 0; font-size:14px; line-height:1.5;}
.scnNorm .tb-lsnSchedule td.desc.end{color:#CCC;}
.scnNorm .tb-lsnSchedule td.add{width:68px; padding:15px 5px; font-size:14px; line-height:1.5; color:#ff5c55;}

.scnNorm .tb-entryForm{position:relative; width:100%;}
.scnNorm .tb-entryForm th{padding:15px 0; vertical-align:top; white-space:nowrap; width:30%;}
.scnNorm .tb-entryForm td{padding:15px 0 15px 15px; vertical-align:top; width:70%;}
.scnNorm .tb-entryForm .lrgSP th,
.scnNorm .tb-entryForm .lrgSP td{padding-bottom:40px;}
.scnNorm .tb-entryForm td.td-date{padding-top:3em; font-size:120%; line-height:3em;}
.scnNorm .tb-entryForm td .sml{font-size:80%;}
.scnNorm .tb-entryForm input.inputNorm{width:95%; padding:5px 10px; font-size:15px; border:1px solid #AAA;}
.scnNorm .tb-entryForm input.inputNorm.inputAge{width:3em;}
.scnNorm .tb-entryForm .inputRadio{}
.scnNorm .tb-entryForm .inputDate{}
.scnNorm .tb-entryForm textarea{width:95%; height:4em; padding:10px; font-size:15px; border:1px solid #AAA;}
.scnNorm .tb-entryForm .td-btnarea{text-align:center;}