@charset "UTF-8";
body{text-align:center;}

.contentBg{min-width:640px;width:100%;margin:0px;}
.contentWidth{width:640px;margin:0px auto;text-align:center;}

/* ヘッダ
---------------------------------------- */
#header{background:#040f36 url(../img/header.jpg) repeat-x center bottom;background-size:100% 104px;}
#header h1{width:93.75%;height:auto;margin:0px auto;}
#header h1 img{width:100%;height:auto;}

/* キービジュアル
---------------------------------------- */
#keyVisual{}
#keyVisual p{width:100%;margin:0px auto;}
#keyVisual p img{width:100%;height:auto;}

/* メニュー
---------------------------------------- */
#mainMenu{background-color:#aa431f;}

#mainMenu p{width:93.75%;height:0px;padding-top:20.3%;margin:0px auto;position:relative;}
#mainMenu p img{position:absolute;left:0px;top:-132.1%;width:100%;height:auto;}

#mainMenu ul{width:93.75%;margin:2.8% auto 0px;padding-bottom:3.2%;}
#mainMenu li{padding-bottom:5%;}
#mainMenu li a{display:block;}
#mainMenu li img{width:100%;height:auto;}

/* 組み立て方
---------------------------------------- */
#howToMake{background:#ffffff url(../img/makeBg.jpg) repeat center;padding:6.2% 0px 9.4%;}

#howToMake h2{background:url(../img/titleBg.png) repeat-x center center;text-align:center;padding:3.1% 0px;}
#howToMake h2 img{margin:0px auto;width:83.44%;max-width:534px;height:auto;}
#howToMake h2 img.th{width:78.125%;max-width:500px;}

#howToMake p{width:81.25%;height:0px;padding-top:81.2%;margin:0px auto;position:relative;margin-top:6.3%;}
#howToMake p img{position:absolute;left:-3%;top:0%;width:103.07%;height:auto;}

/* コンテンツの楽しみ方
---------------------------------------- */
#howToEnjoy{background:#faf9eb url(../img/enjoyBg.jpg) repeat center;padding:6.2% 0px 25.4%;}

#howToEnjoy h2{background:url(../img/titleBg.png) repeat-x center center;text-align:center;padding:3.1% 0px;margin-bottom:3.1%;}
#howToEnjoy h2 img{margin:0px auto;width:86.94%;max-width:550px;height:auto;}
#howToEnjoy h2 img.eng{width:65.625%;max-width:420px;}
#howToEnjoy h2 img.th{width:75.9375%;max-width:486px;}

#howToEnjoy h3{background-color:#FFF;height:90px;text-align:center;margin:7.8% auto 6.6%;position:relative;padding:0px 0px 0px;}
#howToEnjoy h3 img{position:absolute;left:50%;top:-15px;width:640px;margin-left:-320px;}

#howToEnjoy p{width:85.93%;margin:0px auto;color:#000;font-size:26px;line-height:38px;margin-bottom:3.6%;}
#howToEnjoy p.enjoyFlow{width:93.75%;max-width:600px;box-sizing:border-box;}
#howToEnjoy p.enjoyFlow img{width:94.5%;height:auto;margin:0px 1.5% 0px 4.0%;}
#howToEnjoy p.arrowNext{background:url(../img/enjoyArrow.png) no-repeat center bottom;background-size:10% auto;padding-bottom:10%;margin-bottom:3%;}
#howToEnjoy p.enjoyEnd{width:81.25%;height:0px;padding-top:81.2%;margin:0px auto;position:relative;margin-top:6.3%;}
#howToEnjoy p.enjoyEnd img{position:absolute;width:100%;height:auto;}

#howToEnjoy1{}
#howToEnjoy2  p.enjoyEnd img{left:-0.4%;top:-0.4%;width:103.46%;}
#howToEnjoy3  p.enjoyEnd img{left:-5.6%;top:-0.4%;width:108.65%;}

/* アンカー
---------------------------------------- */
#pagetoAnchor{position:relative;width:100%;height:0px;}
#pagetoAnchor p{position:fixed;width:18.125%;max-width:116px;right:0%;bottom:160px;}
#pagetoAnchor a{display:block;}
#pagetoAnchor img{display:block;width:100%;height:auto;}

/* フッター
---------------------------------------- */
#footer{background:#040f36 url(../img/footer.jpg) repeat-x center bottom;padding:36px 0px;}
#footer p{color:#fffefe;font-size:24px;line-height:34px;text-align:center;}

/* 
---------------------------------------- */