@charset "UTF-8";

/* Basic
-------------------------------------------------------------- */
html {
  font-size: 62.5%;
  min-width: 1024px;	
  height: 100%;	
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
	font-size: 1.8rem; 
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	-webkit-text-size-adjust: 100%;
	background: url("../images/bg_renga.jpg") center center;
	background-size: 143px 76px;
	-moz-background-size: 143px 76px;
	-webkit-background-size: 143px 76px;
	height: 100%;
}
body.login-student {/** Page: Seito Login **/
	background: #ccedfb;
}
body.grade-select {/** Page: Grade Select **/
	background: url("../images/bg_grade-sentaku.jpg") center top no-repeat;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
body.book-select {/** Page: Book Select **/
	background: url("../images/shelf_base.jpg") center top repeat-y;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
}
body.my-hondana {/** Page: Hondana **/
	background: url("../images/shelf_base_white.jpg") center top repeat-y;
	background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
}

body.reading {/** Page: Reading **/
	background: url("../images/bg_reading.png") center top repeat-x #e5a96a;
}

@font-face {
    font-family: 'Crimson';
    font-style: normal;
    font-weight: 100;
    src: url('../font/crimson-roman-webfont.eot');
    src: url('../font/crimson-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/crimson-roman-webfont.ttf') format('truetype'),
         url('../font/crimson-roman-webfont.woff') format('woff');
}

a img { border: none;}
a:hover img { opacity: 0.8;}
a {
    color: #333;
    text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: underline;
}
*:hover {
	-moz-transition: opacity 0.2s ease-in-out;
	-webkit-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

p {line-height: 1.5;}

ul li { line-height: 1.5;}

button {
	border: none;
	outline: 0;
	cursor: pointer;
	background: none;
	padding: 0;
}
input[type="button"],
input[type="image"] {
	outline: 0;
	cursor: pointer;
}
input[type="button"]:hover,
input[type="image"]:hover,
input[type="submit"]:hover,
button:hover { 
	opacity: 0.8;
    -moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

button img,
input[type="image"] img {
	width: 100%;
}

input::-webkit-input-placeholder { font-size: 1.1rem;}
input:-moz-placeholder { font-size: 1.1rem;}
input::-moz-placeholder { font-size: 1.1rem;}
input:-ms-input-placeholder { font-size: 1.1rem;}

.clear {clear: both;}

/** clearfix **/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}

/* Layout
-------------------------------------------------------------- */
/**
 * header / footer
**/
header,
footer {
	width: 100%;
	min-width: 1024px;
	margin-left: auto;
	margin-right: auto;
}
footer,
footer { 
	position: fixed;
	bottom: 0;
}
@media screen and (max-device-width: 1024px) and (orientation:landscape) { /** iPad横向き表示 **/
	footer { position: static;}
}

/** Page：
* Book Select
* Hondana
**/
.book-select footer,
.my-hondana footer { 
	position: static;
}

/** Page：
* Book Select 
* Hondana **/
.book-select .box-btn_group02,
.my-hondana .box-btn_group02 {
	width: 100%;
	position: fixed;
	bottom: 35px;
	z-index: 100;
}

/**
 * container
**/
.container {
	position: relative;
	min-width: 1024px;
	height: 100%;
	margin: 0 auto;
}
/** Page：Reading **/
.reading .container {
	width: 1024px;
	height: 768px;
/*	background: url("../images/reading_tsuenezumi.jpg") center top no-repeat; */
	background: url() center top no-repeat;
	background-size: 1024px auto;
	-moz-background-size: 1024px auto;
	-webkit-background-size: 1024px auto;
	margin: 0 auto;
}
	
/**
 * main
**/
main {
	display: block;
	min-width: 1024px;
	margin: 0 auto 50px;
}

/** Page：
* Login Room
* Login Student
* Grade Select
**/
.login-room main,
.login-student main,
.grade-select main{
	margin-bottom: 0;
}

/** Page：
* Book Select
* Hondana
**/
.book-select main,
.my-hondana main { 
	min-height: 760px;
}
/** Page：reading-finish **/
.reading-finish main {
	background: url("../images/bg_tree-kazari.png") center 458px no-repeat;
	background-size: 689px 220px;
	-moz-background-size: 689px 220px;
	-webkit-background-size: 689px 220px;
}
/** Page: Kotoba Quiz Result / Arasuji Quiz Result **/
.kotoba-quiz_result main,
.arasuji-quiz_result main {
	background: url("../images/bg_tree-kazari.png") center 369px no-repeat;
	background-size: 689px 220px;
	-moz-background-size: 689px 220px;
	-webkit-background-size: 689px 220px;
}

/** Page：Reading **/
.reading main {
	height: 100%;
	background: url("../images/bg_reading-book.png") center top no-repeat;
	background-size: 1024px 768px;
	-moz-background-size: 1024px 768px;
	-webkit-background-size: 1024px 768px;
}

/* Common
-------------------------------------------------------------- */
/**
 * Midashi（h1〜h4）
**/
h1,h2,h3,h4,h5,h6 {
	line-height: 1.5;
}
strong { font-weight: bold; }