@charset "utf-8";

html {font-size:62.5%;}

html,body {height:100%;}
body{
	overflow:hidden;
	background:url(../images/bg.png);
	color:#000;
	font-size:1rem;
	line-height:1.6;
	font-family: "MS PGothic", "Osaka", Arial, sans-serif;
}
/*body#smartphone{
	overflow:auto;
	height:auto;
}*/

h1 {display:none;}

section{
	overflow:hidden;
	position:absolute;
	width:100%;
	height:100%;
}
.section-body a{
	color:#000;
	text-decoration:none;
}
.section-body a:hover {color:#4372f4;}


/*===== SectionBox =====*/
.section-body{
	background:rgba(255,255,255,0.8);
	width:538px;
	margin:40px auto 0;
    border: 1px solid #000;
    box-shadow: 5px 5px 0px #000;
}

.qaWrap{
	overflow:hidden;
	width:460px;
	margin:0 auto;
	padding:20px;
	
}
.leftBox, .rightBox{
	float:left;
	width:49%;
	margin-right:1%;
	font-size:1.6rem;
}
.oshiTxt{
	width:80%;
	margin:0;
	padding:8px 4px;
	text-align:center;
}
.oshi{
	background:#fff;
	display:block !important;
	width:80%;
	margin-bottom:10px;
	padding:4px;
	font-size:1.8rem;
	color:#ff75a2;
	text-align:center;
	border: 4px double #ff75a2;
}
.oshiDetail{
	width:80%;
	padding:8px;
	font-size:1.2rem;
}
.TwiTxt{
	background:#ff75a2;
	margin-bottom:10px;
	font-size:1.4rem;
	color:#fff;
	text-align:center;
}
.TwiBox {height:200px;}

.toStart{
	background:#7acbf2;
	width:5em;
	margin:0 auto;
	padding:4px 1em;
	font-size:1.6rem;
	text-align:center;
	border:1px solid #555;
	border-radius:30px;
}

.qNumber{
	float:left;
	clear:left;
	width:3em;
	margin-right:10px;
	padding:2px 6px;
	font-size:2.4rem;
	font-weight:bold;
	color:#fff;
	text-align:center;
	letter-spacing:0.1em;
	border-radius:12px;
}
.section-body h3{
	width:480px;
	margin:0 auto;
	font-size:2.2rem;
	font-weight:bold;
	letter-spacing:0.1em;
}
.qBox{
	width:480px;
	margin:20px auto 0;
	    clear: both;
}
.qBox ul{
	overflow:hidden;
	list-style:none;
}
.qBox li{
    width: 47%;
    float: left;
    margin: 1%;
    text-align: center;
}
.qBox li p{
	background:#fff;
	padding:0.4em 1em;
}
.qBox li a {
	display:block;

}
.qBox li a:hover img {
	opacity:0.5;
}



/*付箋*/
.fusen01 {border-right:20px solid #ff9600;}
.fusen02 {border-right:20px solid #8deb00;}
.fusen03 {border-right:20px solid #ff6da4;}
.fusen04 {border-right:20px solid #54c2ff;}
.fusen05 {border-right:20px solid #ffff00;}

h2.oshi{
	display:inline;
}


/*== 1行目==*/
/*main*/
#section1{
	top:0;
	left:0;
}

#section2{
	top:0;
	left:100%;
}

#section3{
	top:0;
	left:200%;
}

#section4{
	top:0;
	left:300%;
}

#section5{
	top:0;
	left:400%;
}

#section6{
	top:0;
	left:500%;
}

#section7{
	top:0;
	left:600%;
}

#section8{
	top:0;
	left:700%;
}

#section9{
	top:0;
	left:800%;
}

#section10{
	top:0;
	left:900%;
}

#section11{
	top:0;
	left:1000%;
}

#section12{
	top:0;
	left:1100%;
}

#section13{
	top:0;
	left:1200%;
}



/*== 2行目==*/
#section14{
	top:100%;
	left:0;
}

#section15{
	top:100%;
	left:100%;
}

#section16{
	top:100%;
	left:200%;
}

#section17{
	top:100%;
	left:300%;
}

#section18{
	top:100%;
	left:400%;
}

#section19{
	top:100%;
	left:500%;
}

#section20{
	top:100%;
	left:600%;
}

#section21{
	top:100%;
	left:700%;
}

#section22{
	top:100%;
	left:800%;
}

#section23{
	top:100%;
	left:900%;
}

#section24{
	top:100%;
	left:1000%;
}

#section25{
	top:100%;
	left:1100%;
}

#section26{
	top:100%;
	left:1200%;
}



/*== 3行目==*/
#section27{
	top:200%;
	left:0;
}

#section28{
	top:200%;
	left:100%;
}
#section29{
	top:200%;
	left:200%;
}

#section30{
	top:200%;
	left:300%;
}

#section31{
	top:200%;
	left:400%;
}

#section32{
	top:200%;
	left:500%;
}

#section33{
	top:200%;
	left:600%;
}

#section34{
	top:200%;
	left:700%;
}

#section35{
	top:200%;
	left:800%;
}

#section36{
	top:200%;
	left:900%;
}

#section37{
	top:200%;
	left:1000%;
}

#section38{
	top:200%;
	left:1100%;
}

#section39{
	top:200%;
	left:1200%;
}


/*== 4行目==*/
#section40{
	top:300%;
	left:0;
}

#section41{
	top:300%;
	left:100%;
}

#section42{
	top:300%;
	left:200%;
}

#section43{
	top:300%;
	left:300%;
}

#section44{
	top:300%;
	left:400%;
}

#section45{
	top:300%;
	left:500%;
}

#section46{
	top:300%;
	left:600%;
}

#section47{
	top:300%;
	left:700%;
}

#section48{
	top:300%;
	left:800%;
}

#section49{
	top:300%;
	left:900%;
}


#section50{
	top:300%;
	left:1000%;
}

#section51{
	top:300%;
	left:1100%;
}

#section52{
	top:300%;
	left:1200%;
}


/*== 5行目==*/

#section53{
	top:400%;
	left:0;
}

#section54{
	top:400%;
	left:100%;
}

#section55{
	top:400%;
	left:200%;
}

#section56{
	top:400%;
	left:300%;
}

#section57{
	top:400%;
	left:400%;
}

#section58{
	top:400%;
	left:500%;
}

#section59{
	top:400%;
	left:600%;
}

#section60{
	top:400%;
	left:700%;
}

#section61{
	top:400%;
	left:800%;
}

#section62{
	top:400%;
	left:900%;
}
#section63{
	top:400%;
	left:1000%;
}

#section64{
	top:400%;
	left:1100%;
}

#section65{
	top:400%;
	left:1200%;
}


/*== 6行目==*/


#section66{
	top:500%;
	left:0%;
}

#section67{
	top:500%;
	left:100%;
}

#section68{
	top:500%;
	left:200%;
}

#section69{
	top:500%;
	left:300%;
}

#section70{
	top:500%;
	left:400%;
}

#section71{
	top:500%;
	left:500%;
}

#section72{
	top:500%;
	left:600%;
}

#section73{
	top:500%;
	left:700%;
}

#section74{
	top:500%;
	left:800%;
}

#section75{
	top:500%;
	left:900%;
}

#section76{
	top:500%;
	left:1000%;
}

#section77{
	top:500%;
	left:1100%;
}

#section78{
	top:500%;
	left:1200%;
}


/*== 7行目==*/

#section79{
	top:600%;
	left:0;
}

#section80{
	top:600%;
	left:100%;
}

#section81{
	top:600%;
	left:200%;
}

#section82{
	top:600%;
	left:300%;
}

#section83{
	top:600%;
	left:400%;
}

#section84{
	top:600%;
	left:500%;
}

#section85{
	top:600%;
	left:600%;
}

#section86{
	top:600%;
	left:700%;
}

#section87{
	top:600%;
	left:800%;
}

#section88{
	top:600%;
	left:900%;
}

#section89{
	top:600%;
	left:1000%;
}

#section90{
	top:600%;
	left:1100%;
}

#section91{
	top:600%;
	left:1200%;
}

/*********************
	スマートフォン
*********************/
#smartphone section {overflow:auto;}
#smartphone .section-body{
	width:90%;
	margin:10px auto 0;
}
#smartphone #logoarea{
	width:100%;
	height:auto;
	text-align:center;
}
#smartphone #logoarea h2 img{
	width:100%;
	max-width:1000px;
}

#smartphone .qaWrap{
	width:90%;
	padding:10px;
}
#smartphone .section-body h3{
	width:98%;
	margin-top:6px;
	font-size:4em;
	latter-spacing:0;
}
#smartphone .qBox {width:100%;}
#smartphone .qBox li{
	width:48%;
	margin-bottom:20px;
	font-size:2rem;
}
#smartphone .qBox li p {padding:1em 1em;}
#smartphone .qNumber{
float:none;
}
footer{
	display:block;
	text-align: center;
	margin: 20px 0;
	font-size:2em;
}