@charset "utf-8";
/* CSS Document */


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style: none;
	text-decoration: none;
}
dt {
	font-weight: bold;
	font-size: 18px;
}
* {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: none;
	max-height: 999999px;
}
strong {
	color: #000000;
	font-weight: normal;
}
.bold {
	font-weight: bold;
}
.underline {
	text-decoration: underline;
}
.note {
	display: inline-block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 8px 16px 7px 16px;
	border-radius: 24px;
	font-weight: bold;
	background: #e57e22;
	color: #ffffff;
	font-size: 100%;
	line-height: 100%;
	margin-bottom: 8px;
}
.caution {
	display: inline-block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 8px 16px 7px 16px;
	border-radius: 24px;
	font-weight: bold;
	background: #9f1100;
	color: #ffffff;
	font-size: 100%;
	line-height: 100%;
	margin-bottom: 8px;
}

@media screen and (max-width: 640px) {
dt {
	font-weight: bold;
	font-size: 16px;
}
}
dd {
	display: block;
}

/* ----------------------------------
	img
---------------------------------- */
img {
	margin: 0 auto;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: middle;
	max-width: 100%; /*Fluid Image*/
	height: auto; /*Fluid Image*/
}
.ie8 img {
	width: auto; /*Fluid Image*/
}
@media screen and (max-width: 640px) {
#fixed01,
#fixed02,
#fixed03,
#fixed04,
#fixed05,
#fixed06,
#fixed07,
#fixed08,
#fixed09,
#fixed10 {
	transform: translate3d(0, 0, 0);
}
}
/* ----------------------------------
	html,body
---------------------------------- */

html {
	height: 100%;
}
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, arial, helvetica;
	-webkit-text-size-adjust: 100%; /*文字サイズの自動調整機能のキャンセル*/
	-ms-text-size-adjust: 100%; /*文字サイズの自動調整機能のキャンセル*/
	font-size: 22px;
	line-height: 1.6em;
	text-align: left;
	width: 100%;
	height: 100%;
	background-color: #251f20;
	color: #000000;
	-webkit-backface-visibility: hidden; /* for Android 2.x */
}

@media screen and (max-width: 640px) {
html {
	/*height:auto;*/
}
body {
	/*height:auto;*/	
	font-size: 16px;
	letter-spacing: -0.001em;/*iOS4でのテキスト隙間への対応*/
	line-height: 1.5em;
}
}
/* ----------------------------------
	link
---------------------------------- */	

a {
	color: #06fdff;
}
a:hover {
	color: #06fdff;
	text-decoration: underline;
}
@media screen and (min-width: 641px) {
.anchor {
	padding-top: 50px;
	margin-top: -50px;
}
}
@media screen and (max-width: 640px) {
.anchor {
	padding-top: 50px;
	margin-top: -50px;
}
}

/* ----------------------------------
	clearfix
---------------------------------- */
.clearfix:after {
	content: " ";
	display: block;
	height: 0.1px;
	font-size: 0;/*firefox対策*/
	line-height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

	
/* -----------------------------------------------------
	wrapper
----------------------------------------------------- */
#wrapper {
	-webkit-backface-visibility: hidden; /* for Android 2.x */
	z-index: 20;
	min-height: 100%;
	overflow: hidden;
 background-color: #edecdf;
	background-image: url(../img/img_bg01.gif);
	background-repeat: repeat;
	background-position: 0px 0px;
}
body .fixedBg {
	transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 641px) {
#wrapper {
	margin: 0 auto;
	width: 100%;
	min-width: 1220px;
	position: relative;
	z-index: 1;
}
body .fixedBg {
	display: block;
	content: " ";
	width: 100%;
	height: 100%;
	position: fixed;
	left: auto;
	left: 0px\9;
	top: 0px;
	z-index: 0;
}
:root body .fixedBg {
 left: auto\0/;
}
}

@media screen and (max-width: 640px) {
#wrapper {
	margin: 0 auto;
	width: 100%;
	position: relative;
	background-size: 140%;
}
body .fixedBg {
	display: block;
	content: " ";
	width: 100%;
	height: 100%;
	height: 100vh;
	background-repeat: repeat;
	background-position: 50% 0px;
	background-size: cover;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1;
}
}

/* -----------------------------------------------------
	contents
----------------------------------------------------- */
@media screen and (min-width:641px) {
#contents {
	margin: 0px auto 0px;
	padding: 85px 0px 100px 0px;
	width: 1000px;
	min-width: 300px;
	/*width: 880px;*/	
	height: auto;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 2;
}
}

@media screen and (max-width: 640px) {
#contents {
	margin: 0px auto;
	padding: 75px 20px 65px 20px;
	width: auto;
}
}
#contents .vaT {
	vertical-align: top;
}
.smallFont {
	font-size: 84%;
	line-height: 115%;
}

/* -------------------------------------------------------------------
header
-------------------------------------------------------------------- */
#header {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: fixed;
	top: 0px;
	left: 0px;
	-webkit-backface-visibility: hidden; /* for Android 2.x */
	width: 100%;
	height: 55px;
	padding: 0;
 background: #78ba29;
	color: #ffffff;
	z-index: 100;
}
#header_inner {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px;
	margin: 0 auto;
}

#simple-menu {
	margin: 0;
	padding: 0;
	display: block;
	width: 55px;
	height: 55px;
	text-indent: -99999px;
	text-align: left;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	background: url(../img/img_nav_icon.png) no-repeat 50% 50%;
	cursor: pointer;
	-webkit-backface-visibility: hidden; /* for Android 2.x */
}

@media screen and (min-width: 641px) {
#header {
	min-width: 1200px;
}
#header_inner {
	max-width: 1200px;
	width: 100%;
	margin: 0px auto;
}
}
@media screen and (max-width: 640px) {
#simple-menu {
	background-size: 45px;
	width: 55px;
	height: 55px;
	left: 0px;
	top: 0px;
}
}


/* -------------------------------------------------------------------
footer
-------------------------------------------------------------------- */

#footer {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	height: 55px;
	padding: 0;
 background: #78ba29;
	color: #ffffff;
	z-index: 20;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
/*---footer navi---*/

ul#page_nav {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/*width:90%; */
	padding-left: 16px;
	padding-right: 16px;
	margin: auto;
	padding-top: 8px;
	font-weight: bold;
	vertical-align: middle;
	zoom: 1;
}
ul#page_nav:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0; 
}

ul#page_nav a:link,
ul#page_nav a:visited {
	color: #ffffff;
	text-decoration: none;
}
ul#page_nav a:hover,
ul#page_nav a:active {
	color: #ffffff;
	text-decoration: underline;
}

ul#page_nav li a {
	display: inline-block;
	background-image: url(../img/img_f_link.png);
	background-repeat: no-repeat;
}

/*641px以上*/	
@media screen and (min-width:641px) {
ul#page_nav {
	/*width:940px;*/
	width: 1200px;
	font-size: 16px;
}
}
ul#page_nav li.page_prev {
	float: left;
	text-align: left;
}
ul#page_nav li.page_prev a {
	display: inline-block;
	width: 108px;
	height: 39px;
	text-align: left;
	text-indent: -9000px;
	overflow: hidden;
	background-position: 0px 0px;
}
ul#page_nav li.page_prev a:hover {
	background-position: 0px -50px;
}
ul#page_nav li.page_next {
	float: right;
	text-align: right;
}
ul#page_nav li.page_next a {
	display: inline-block;
	width: 120px;
	height: 39px;
	text-align: left;
	text-indent: -9000px;
	overflow: hidden;
	background-position: 0px -100px;
}
ul#page_nav li.page_next a:hover {
	background-position: 0px -150px;
}

@media screen and (max-width: 640px) {
ul#page_nav {
	padding-top: 13px;
}
ul#page_nav li.page_prev a {
	margin-top: 0px;
	padding-top: 3px;
	min-height: 30px;
	zoom: 0.6;
}
ul#page_nav li.page_next a {
	margin-top: 0px;
	padding-top: 3px;
	min-height: 30px;
	zoom: 0.6;
}
}
/*-- footerlink --*/
#footer a {
	font-size: 22px;
	color: #fff;
}
#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}


/* -----------------------------------------------------
	title
----------------------------------------------------- */

#header h1 {
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 padding-top: 7px;
	text-align: center;
	font-size: 100%;
 font-weight: normal;
	color: #ffffff;
}
#header h1 img {
	width: auto;
	height: auto;
	max-height: 35px;
}

@media screen and (min-width: 641px) {
#header h1 {
	font-size: 32px;
}
}

@media screen and (max-width: 640px) {
#header h1 {
	font-size: 20px;
 padding-top: 13px;
}
#header h1 img {
	display: inline;
	max-height: 20px;
}
}


/* -----------------------------------------------------
	section
----------------------------------------------------- */
.boxAlphaBg {
	background: rgba(255,255,255,0.10) !important;
	margin: 0px -500% 48px -500% !important;
	padding: 40px 500% 32px 500% !important;
}
@media screen and (max-width: 640px) {
.boxAlphaBg {
	margin-bottom: 40px !important;
	padding-top: 40px !important;
	padding-bottom: 16px !important;
}
}

.section01 {
	clear: both;
	margin-bottom: 64px;
	zoom: 1;
}
.section01:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0; 
}

.section02 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, arial, helvetica;
	clear: both;
	position: relative;
	left: 0px;
	top: 0px;
	zoom: 1;
	padding-bottom: 20px;
}
.section02:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0; 
}
.section02 p {
	margin-bottom: 1.4em;
}

@media screen and (min-width: 641px) {
.section01 {
	padding-left: 40px;
}
}

@media screen and (max-width: 640px) {
.section01 {
	margin-bottom: 48px;
}
.section02 {
	padding-left: 0px;
}
}


/* -----------------------------------------------------
	heading
----------------------------------------------------- */
.heading01 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #6a3606;
	color: #ffffff;
	font-weight: bold;
	margin-left: -40px;
	border-radius: 28px;
	padding: 12px 34px 11px 34px;
	font-size: 28px;
	line-height: 105%;
	margin-bottom: 20px;
}

.numHeading {
	margin: 0px 0px 0.6em 0px !important;
	padding: 0px 0px 0px 45px;
	min-height: 34px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 34px;
	font-weight: bold;
}
.numHeading.number01 {
	background-image: url(../img/img_number_01.png);
}
.numHeading.number02 {
	background-image: url(../img/img_number_02.png);
}
.numHeading.number03 {
	background-image: url(../img/img_number_03.png);
}
.numHeading.number04 {
	background-image: url(../img/img_number_04.png);
}
.numHeading.number05 {
	background-image: url(../img/img_number_05.png);
}
.numHeading.flower {
	background-image: url(../img/img_icon_heading.png);
}

.heading02 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-weight: bold;
	font-size: 108%;
	line-height: 115%;
	margin-bottom: 48px;
	zoom: 1;
}
.heading02:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0; 
}
.heading02 > span {
	display: block;
	padding-left: 10px;
}
.heading02 img {
	vertical-align: bottom;
	margin-bottom: 0.8em;
}

@media screen and (max-width: 640px) {
.heading01 {
	border-radius: 28px;
	padding: 8px 16px 7px 16px;
	font-size: 108%;
	line-height: 105%;
	margin-left: 0px;
	margin-bottom: 15px;
}

.numHeading {
	padding: 1px 0px 0px 32px;
	min-height: 26px;
	background-position: 0px 0px;
	background-size: 26px;
}

.heading02 {
	font-size: 100%;
	text-align: left;
	margin-bottom: 24px;
}
.heading02 > span {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	margin-top: 8px;
	margin-bottom: 0.8em;
	position: relative;
	left: 0px;
	top: 0px;
	padding-left: 0px;
}
.heading02 img.headingImg1 {
	display: inline-block;
	width: auto;
	height: 48px;
	height: 15vw;
	margin: 0px;
}
.heading02 img.headingImg1.firstImg {
	display: block;
}
.heading02 img.headingImg1.secondImg {
	margin-top: -8px;
	margin-top: -2.5vw;
}
.heading02 img.playImg1 {
	max-width: none;
	height: 48px;
	height: 15vw;
	margin: 0px 0px 0px 5px;
}
.heading02 img.headingImg1.secondImg + img.playImg1 {
	margin-top: -8px;
	margin-top: -2.5vw;
}
.heading02 img.headingImg2 {
	display: inline-block;
	width: auto;
	height: 58px;
	height: 18.125vw;
	margin: 0px;
}
.heading02 img.headingImg2.firstImg {
	display: block;
}
.heading02 img.headingImg2.secondImg {
	margin-top: -16px;
	margin-top: -5vw;
}
.heading02 img.playImg2 {
	max-width: none;
	height: 48px;
	height: 15vw;
	margin: 0px;
	margin-bottom: 2vw;
}
.heading02 img.headingImg2.secondImg + img.playImg2 {
	margin-top: -16px;
	margin-top: -5vw;
	margin-bottom: 2vw;
}
}

/* -----------------------------------------------------
	image
----------------------------------------------------- */
@media screen and (min-width: 641px) {
#spacer01,
#spacer02,
#spacer03,
#spacer04,
#spacer05,
#spacer06,
#spacer07,
#spacer08,
#spacer09,
#spacer10 {
	display: none !important;
}
}
.img_center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.image01 {
	width: 480px;
	float: right;
	margin-left: 24px !important;
}
.image01 img {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	border: 2px solid #a48b78;
}
.image01 img:nth-child(2) {
	margin-top: 16px !important;
}
.image01-2 {
	width: 480px;
	float: left;
	margin-right: 24px !important;
}
.image01-2 img {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	border: 2px solid #a48b78;
}
.image01-2 img:nth-child(2) {
	margin-top: 16px !important;
}

.image01 img.noborder,
.image01-2 img.noborder {
	border: none;
}

@media screen and (min-width: 641px) {
.image01 {
	margin-bottom: 24px;
}
.section02 > .image01 {
	margin-top: -48px;
}
.image01-2 {
	margin-bottom: 24px;
}
.section02 > .image01-2 {
	margin-top: -48px;
}
}

@media screen and (max-width: 640px) {
.image01 {
	width: 100%;
	float: none;
	margin: 0px 0px 12px 0px !important;
}
.section02 > .image01 {
	margin-bottom: 12px;
}
.image01-2 {
	width: 100%;
	float: none;
	margin: 0px 0px 12px 0px !important;
}
.section02 > .image01-2 {
	margin-bottom: 12px;
}
}

.image02 {
	width: 100%;
	text-align: center;
	margin-bottom: 32px;
}
.image02 img {
	/*box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 4px solid #343434;*/
}

/* -----------------------------------------------------
	text
----------------------------------------------------- */
.lead01 {
	color: #000000;
	font-weight: bold;
	margin-bottom: 2.4em !important;
}
#contents p {
	margin: 0px 0px 1.0em 0px;
}
@media screen and (min-width: 641px) {
.box-left {
	width: 480px;
	float: left;
}
.box-right {
	width: 800px;
	float: right;
}
#contents .box-tips {
	/*display: inline-block;
	vertical-align: middle;
	width: 730px;
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 30px;
	border-left: 1px solid #ffffff;*/
}
}
@media screen and (max-width: 640px) {
.box-right {
	width: 70%;
	float: right;
}
}


/* -----------------------------------------------------
	icon
----------------------------------------------------- */
.ic_caution {
	background: url(../img/img_common_caution.png) no-repeat 0px 4px;
	padding: 0px 0px 0px 36px;
	color: #ffffff;
}

@media screen and (max-width: 640px) {
.ic_caution {
	background-size: 18px;
	padding: 0px 0px 0px 22px;
}
}


/* -----------------------------------------------------
	table
----------------------------------------------------- */
.table01 {
	border: none;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-left: 2px solid #b29d8b;
	border-top: 2px solid #b29d8b;
}
.table01 th,
.table01 td {
	padding: 14px 22px;
	border-right: 2px solid #b29d8b;
	border-bottom: 2px solid #b29d8b;
	background: transparent;
	vertical-align: middle;
	text-align: left;
}
.table01 th {
	font-weight: bold;
	color: #6a3606;
}
.table01 td {
	font-weight: normal;
}

@media screen and (min-width: 641px) {
.table01 th {
	white-space: nowrap;
}
.table01 th img,
.table01 td img {
	width: auto;
	height: 49px;
}
}

@media screen and (max-width: 640px) {
.table01 {
	display: block;
}
.table01 thead,
.table01 tbody,
.table01 tfoot,
.table01 tr,
.table01 th,
.table01 td {
	display: block;
}
.table01 th {
	padding: 8px 8px;
	background: rgba(106,54,6,0.1);
}
.table01 th img,
.table01 td img {
	width: auto;
	height: 28px;
}
.table01 td {
	padding: 8px 8px 24px 8px;
}
}

.table02 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: none;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-top: 4px solid #b29d8b;
	border-bottom: 4px solid #b29d8b;
}
.table02 th,
.table02 td {
	padding: 10px 18px;
	vertical-align: middle;
	text-align: left;
	border-bottom: 2px solid #b29d8b;
 color: #3b3b3b;
}
.table02 th {
	font-weight: bold;
	border-left: 4px solid #b29d8b;
	border-right: 2px solid #b29d8b;
}
.table02 td {
	font-weight: normal;
	border-left: 2px solid #b29d8b;
	border-right: 4px solid #b29d8b;
}

@media screen and (max-width: 640px) {
.table02 {
	display: block;
	border: none;
}
.table02 thead,
.table02 tbody,
.table02 tfoot,
.table02 tr,
.table02 th,
.table02 td {
	display: block;
	line-height: 180%;
}
.table02 th,
.table02 td {
	background: none;
	border: none;
	padding: 0px;
	position: relative;
	left: 0px;
	top: 0px;
}
.table02 th {
	margin-bottom: 0.2em;
	color: #ffffff;
	font-weight: bold;
}
.table02 td {
	margin-bottom: 12px;
	color: #ffffff;
}
.table02 .number01 th,
.table02 .number02 th,
.table02 .number03 th,
.table02 .number04 th,
.table02 .number05 th,
.table02 .number06 th,
.table02 .number07 th,
.table02 .number08 th,
.table02 .number09 th,
.table02 .number10 th,
.table02 .number99 th {
	padding-left: 36px;
	padding-top: 4px;
}
.table02 .number01 td,
.table02 .number02 td,
.table02 .number03 td,
.table02 .number04 td,
.table02 .number05 td,
.table02 .number06 td,
.table02 .number07 td,
.table02 .number08 td,
.table02 .number09 td,
.table02 .number10 td,
.table02 .number99 td {
	padding-left: 36px;
}
.table02 .number01 th:before,
.table02 .number02 th:before,
.table02 .number03 th:before,
.table02 .number04 th:before,
.table02 .number05 th:before,
.table02 .number06 th:before,
.table02 .number07 th:before,
.table02 .number08 th:before,
.table02 .number09 th:before,
.table02 .number10 th:before {
	content: '';
	position: absolute;
	left: 0px;
	top: 5px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 26px;
	width: 26px;
	height: 26px;
	margin: 0px;
	display: inline-block;
 /display: inline;
}
.table02 .number01 th:before {
	background-image: url(../img/img_number_01.png);
}
.table02 .number02 th:before {
	background-image: url(../img/img_number_02.png);
}
.table02 .number03 th:before {
	background-image: url(../img/img_number_03.png);
}
.table02 .number04 th:before {
	background-image: url(../img/img_number_04.png);
}
.table02 .number05 th:before {
	background-image: url(../img/img_number_05.png);
}

.table02 span.number01:before,
.table02 span.number02:before,
.table02 span.number03:before,
.table02 span.number04:before,
.table02 span.number05:before,
.table02 span.number06:before,
.table02 span.number07:before,
.table02 span.number08:before,
.table02 span.number09:before,
.table02 span.number10:before,
.table02 span.number11:before,
.table02 span.number12:before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	margin-top: -1.5px;
	vertical-align: top;
	font-size: 0.1em;
	line-height: 100%;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 26px;
	width: 26px;
	height: 26px;
	line-height: 100%;
}
.table02 span.number01:before {
	background-image: url(../img/img_number_01.png);
}
.table02 span.number02:before {
	background-image: url(../img/img_number_02.png);
}
.table02 span.number03:before {
	background-image: url(../img/img_number_03.png);
}
.table02 span.number04:before {
	background-image: url(../img/img_number_04.png);
}
.table02 span.number05:before {
	background-image: url(../img/img_number_05.png);
}
}


/* -----------------------------------------------------
	list
----------------------------------------------------- */
ul.disc li {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 28px;
	background: url(../img/img_ic_circle.png) no-repeat 0px 0.3em;
	margin-top: 5px;
	word-wrap: break-word;
	word-break: break-all;/* webkit */
}

@media screen and (max-width:640px) {
ul.disc li {
	margin-bottom: 10px;
	padding-left: 22px;
	/*background-position: 0px 0.25em;*/
	background-size: 16px 16px;
}
}

.list01 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.list01 li {
	margin: 0px 0px 16px 0px;
	padding: 0px 0px 0px 45px;
	min-height: 34px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 34px;
}
.list01 li > .heading {
	margin: 0px 0px 0.2em 0px !important;
	padding: 0px 0px 0px 0px !important;
	font-weight: bold;
}
.list01 li > .text {
	margin: 0px !important;
	padding: 0px !important;
}
.list01 li.number01 {
	background-image: url(../img/img_number_01.png);
}
.list01 li.number02 {
	background-image: url(../img/img_number_02.png);
}
.list01 li.number03 {
	background-image: url(../img/img_number_03.png);
}
.list01 li.number04 {
	background-image: url(../img/img_number_04.png);
}
.list01 li.number05 {
	background-image: url(../img/img_number_05.png);
}
.list01 li.alphabetA {
	background-image: url(../img/img_number_a.png);
}
.list01 li.alphabetB {
	background-image: url(../img/img_number_b.png);
}
.list01 li.alphabetC {
	background-image: url(../img/img_number_c.png);
}
.list01 li.alphabetD {
	background-image: url(../img/img_number_d.png);
}
.list01 li.alphabetE {
	background-image: url(../img/img_number_e.png);
}
.list01 li.alphabetF {
	background-image: url(../img/img_number_f.png);
}
.list01 li.icon01 {
	background-image: url(../img/img_icon01.png);
}
.list01 li.icon02 {
	background-image: url(../img/img_icon02.png);
}
.list01 li.icon03 {
	background-image: url(../img/img_icon03.png);
}
.list01 li.icon04 {
	background-image: url(../img/img_icon04.png);
}
.list01 li.icon05 {
	background-image: url(../img/img_icon05.png);
}
.list01 li.icon06 {
	background-image: url(../img/img_icon06.png);
}
.list01 li.icon07 {
	background-image: url(../img/img_icon07.png);
}
.list01 li.icon08 {
	background-image: url(../img/img_icon08.png);
}
.list01 li.icon09 {
	background-image: url(../img/img_icon09.png);
}
.list01 li.icon10 {
	background-image: url(../img/img_icon10.png);
}
.list01 li.icon11 {
	background-image: url(../img/img_icon11.png);
}

@media screen and (max-width:640px) {
.list01 li {
	padding: 2px 0px 0px 32px;
	min-height: 26px;
	background-position: 0px 0px;
	background-size: 26px;
}
.list01 li > .heading {
	padding: 1px 0px 0px 36px !important;
}
}

.iconList01 {
	clear: both;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	zoom: 1;
}
.iconList01:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0; 
}
@media screen and (min-width: 641px) {
.iconList01 li {
	line-height: 115%;
	zoom: 1;
}
.iconList01 li:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0; 
}
.iconList01 li .iconImage {
	display: inline-block;
	vertical-align: middle;
	margin-right: 24px !important;
	margin-bottom: 0px !important;
}
.iconList01 li .heading {
	display: inline-block;
	vertical-align: middle;
	width: 130px;
	margin-right: 12px !important;
	margin-bottom: 0px !important;
	font-weight: bold;
}
.iconList01 li .data {
	display: inline-block;
	vertical-align: middle;
	width: 580px;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
}
.iconList01 li .data2 {
	display: inline-block;
	vertical-align: middle;
	width: 580px;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	font-weight: bold;
}
.iconList01 li.iconImageLine01 {
	padding: 16px 0px 18px 8px;
 border-bottom: 2px solid #cccccc;
}
.iconList01 li.iconImageLine02 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 25%;
	float: left;
	padding: 16px 0px 16px 8px;
	border-bottom: 1px solid #d2d2d2;
}
.iconList01 li.iconImageLine02 .iconImage {
	display: block;
	float: left;
	margin-right: 12px !important;
}
.iconList01 li.iconImageLine02 .heading {
	display: block;
	width: auto;
	padding-top: 32px;
}
.iconList01 li.iconImageLine02 .data {
	display: block;
	width: auto;
	padding-top: 0.2em;
}
.iconList01 li.iconImageLine02 .data2 {
	display: block;
	width: auto;
}
/*.iconList01 li:last-child {
	border-bottom: none;
}*/
}

@media screen and (max-width: 640px) {
.iconList01 li {
	line-height: 145%;
	position: relative;
	left: 0px;
	top: 0px;
}
.iconList01 li .iconImage {
	position: absolute;
	left: 0px;
	top: 16px;
	margin-bottom: 0px !important;
}
.iconList01 li .iconImage img {
	width: 45px;
	height: auto;
}
.iconList01 li .heading {
	margin-right: 12px !important;
	margin-bottom: 0px !important;
	font-weight: bold;
}
.iconList01 li .data {
	margin-right: 0px !important;
	margin-bottom: 0px !important;
}
.iconList01 li .data2 {
	padding: 0.6em 0px;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	font-weight: bold;
}
.iconList01 li.iconImageLine01 {
	padding: 16px 0px 18px 60px;
 border-bottom: 2px solid #cccccc;
}
.iconList01 li.iconImageLine02 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 50%;
	float: left;
	padding: 16px 0px 16px 60px;
	border-bottom: 2px solid #d2d2d2;
}
.iconList01 li.iconImageLine02 .iconImage {
	display: block;
	float: left;
	margin-right: 12px !important;
}
.iconList01 li.iconImageLine02 .heading {
	display: block;
	width: auto;
	padding-top: 10px;
}
.iconList01 li.iconImageLine02 .data {
	display: block;
	width: auto;
}
.iconList01 li.iconImageLine02 .data2 {
	display: block;
	width: auto;
}
/*.iconList01 li:last-child {
	border-bottom: none;
}*/
}

.iconList02 {
	clear: both;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	zoom: 1;
}
.iconList02:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0; 
}
@media screen and (min-width: 641px) {
.iconList02 li {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	width: 33%;
	line-height: 115%;
	margin-bottom: 16px;
}
.iconList02 li .iconImage {
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px !important;
	margin-bottom: 0px !important;
}
.iconList02 li .data {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	font-weight: bold;
}
}

@media screen and (max-width: 640px) {
.iconList02 li {
	line-height: 145%;
	margin-bottom: 8px;
}
.iconList02 li .iconImage {
	display: inline-block;
	vertical-align: middle;
	margin-right: 2px !important;
	margin-bottom: 0px !important;
}
.iconList02 li .iconImage img {
	width: 45px;
	height: auto;
}
.iconList02 li .data {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0px !important;
	margin-bottom: 0px !important;
	font-weight: bold;
}
}



/* -----------------------------------------------------
	カラー太字
----------------------------------------------------- */
.strong {
	font-weight: bold;
	color: #e9aa4d;
}


/* -----------------------------------------------------
	PS4・PC / スマホ での表示切替指定
----------------------------------------------------- */	
@media screen and (min-width:641px) {
.pcNone {
	display: none !important;
}
}

@media screen and (max-width:640px) {
.spNone {
	display: none !important;
}
}


/* -----------------------------------------------------
	レイアウト調整
----------------------------------------------------- */
.mg_text_b {
	margin-bottom: 1.2em !important;
}
.mg_b0 {
	margin-bottom: 0px !important;
}
.mg_t0 {
	margin-top: 0px !important;
}
.mg_t0 .clearfix {
	margin-top: 0px !important;
}
.mg_t5 {
	margin-top: 5px !important;
}
.mg_t15 {
	margin-top: 15px !important;
}
.mg_t10 {
	margin-top: 10px !important;
}
.mg_t20 {
	margin-top: 20px !important;
}
.mg_t30 {
	margin-top: 30px !important;
}

@media screen and (min-width:641px) {
.pc_mg_b40 {
	margin-bottom: 40px !important;
}
.pc_mg_t0 {
	margin-top: 0px !important;
}
.pc_mg_t10 {
	margin-top: 10px !important;
}
.pc_mg_t20 {
	margin-top: 20px !important;
}
}

@media screen and (max-width:640px) {
.sp_mg_b0 {
	margin-bottom: 0px !important;
}
.sp_mg_b40 {
	margin-bottom: 40px !important;
}
.sp_mg_t-20 {
	margin-top: -20px !important;
}
.sp_mg_t-10 {
	margin-top: -10px !important;
}
.sp_mg_t0 {
	margin-top: 0px !important;
}
.sp_mg_t10 {
	margin-top: 10px !important;
}
.sp_mg_t20 {
	margin-top: 20px !important;
}
.sp_mg_t30 {
	margin-top: 30px !important;
}
}
.mg_t40 {
	margin-top: 40px !important;
}
/*-左-*/
.mg_l10 {
	margin-left: 10px !important;
}

	
/* -----------------------------------------------------
	webfont指定              		scefont 3.7
----------------------------------------------------- */
@font-face {
	font-family: "sce3.7w1";
	src: url("../../shared/fonts/sce3.7w1.eot");
	src: url("../../shared/fonts/sce3.7w1.eot?#iefix") format("embedded-opentype"), url("../../shared/fonts/sce3.7w1.woff") format("woff"), url("../../shared/fonts/sce3.7w1.ttf") format("truetype"), url("../../shared/fonts/sce3.7w1.svg#sce3.7w1") format("svg");
	font-weight: normal;
	font-style: normal;
	font-stretch: normal
}
@font-face {
	font-family: "sce3.7w2";
	src: url("../../shared/fonts/sce3.7w2.eot");
	src: url("../../shared/fonts/sce3.7w2.eot?#iefix") format("embedded-opentype"), url("../../shared/fonts/sce3.7w2.woff") format("woff"), url("../../shared/fonts/sce3.7w2.ttf") format("truetype"), url("../../shared/fonts/sce3.7w2.svg#sce3.7w2") format("svg");
	font-weight: normal;
	font-style: normal;
	font-stretch: normal
}
.ps-button-icon {
	display: inline-block;
 /display: inline;
	zoom: 1;
	font-family: "sce3.7w1", Arial, sans-serif;
	padding: 0 3px;
	vertical-align: 0%;
	font-weight: normal !important;
	font-size: 24px;
	line-height: 24px;
}

/*-- スマホ用 --*/
@media screen and (max-width:640px) {
.ps-button-icon { /* 基本設定 */
	vertical-align: -3px;
	margin-top: 0px;
}
.ps-button-icon:not(*:root){ /* Android標準ブラウザ */
	vertical-align: 0%;
	margin-top: -4px;
}
@supports (-webkit-appearance:none){ /* Chrome28+, Safari9+, IE12+, Opera14+ */
.ps-button-icon:not(*:root){
	vertical-align: -3px;
	margin-top: 0px;
}
}
}

.ps-button-iconL {
	font-family: "sce3.7w1", Arial, sans-serif;
	font-size: 24px;
	padding: 0 2px;
	font-weight: normal !important;
}
.web-font-S {
	color: #493C35;
}




/* -----------------------------------------------------
	#sidr
----------------------------------------------------- */
#sidr {
	-webkit-backface-visibility: hidden; /* for Android 2.x */
	position: fixed;
	left: -398px;
	top: 0px;
	z-index: 3;
	width: 398px;
	height: 100%;
	overflow: auto;
	border: none;
	background: #ffffff url(../img/img_nav_bg.gif) no-repeat 50% 100%;
	background-size: 190px;
}
#sidr:after,
#sidr #pie-shadow {
	content: " ";
	width: 0px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	right: 0px;
	top: 0px;
	/*-webkit-box-shadow: -10px 0px 100px 30px rgba(0,0,0,0.3);
	-moz-box-shadow: -10px 0px 100px 30px rgba(0,0,0,0.3);
	box-shadow: -10px 0px 100px 30px rgba(0,0,0,0.3);
	-pie-box-shadow: 0px 0px 20px 0px #000000;*/
	z-index: 9999;
}
#sidr #pie-shadow {
	width: 1px; /* for IE8 */
	right: -1px; /* for IE8 */
	behavior:url(../shared/js/PIE.htc); /*CSS3 PIE実行*/
}
#sidr .scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0;
	left: 0;
}
#sidr .vscrollerbar {
	width: 8px;
	background: #666666;
}
#sidr .vscrollerbarbeg {
	width: 8px;
	height: 0px;
	background: #cccccc;
	margin: 0pxpx;
}
#sidr .vscrollerbarend {
	width: 8px;
	height: 0px;
	background: #999999;
}
#sidr .vscrollerbase {
	width: 8px;
	background: #666666;
	margin: 0px;
}
#sidr .vscrollerbasebeg {
	width: 8px;
	height: 10px;
	background: #666666;
}
#sidr .vscrollerbaseend {
	width: 8px;
	height: 1px;
	background: #666666;
	margin-top: -1px;
}
#sidr .hscrollerbase {
	height: 8px;
	background-color: #666666;
}
#sidr .hscrollerbar {
	height: 8px;
	background-color: #666666;
}
#sidr .vscrollerbar, .hscrollerbar {
	padding: 0px;
	z-index: 2;
}
#sidr_mcontentwrapper {
	z-index: 100 !important;
}
#sidr_scrollwrapper {
	z-index: 10 !important;
}
#sidr {
 /*background-color: #3b3b3b;*/
}
#sidr ul {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-bottom: 360px;
	/*padding-bottom: 30px;*/
	margin: 0;
	border: none;
}
#sidr ul li {
	background: #e3e0cf;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
	line-height: 115% !important;
 text-align: center;
	width: 100%;
}
#sidr ul li:first-child {
	background: #ffffff;
	height: auto;
 /*margin-bottom: 32px !important;*/
}
#sidr ul li:first-child a {
	padding: 0px !important;
	background: #ffffff;
	height: auto;
	text-indent: 0px;
	text-align: center;
 border-radius: 0px;
}
#sidr ul li a,
#sidr ul li span {
	display: block;
	color: #ffffff;
	padding: 0px !important;
	width: 100%;
	height: 70px;
	overflow: hidden;
	text-align: left;
	text-indent: -9000px;
	background-image: url(../img/img_nav_splite.png), url(../img/img_nav_active.png);
	background-repeat: no-repeat, no-repeat;
	background-position: 0px 0px, 90px -999px;
}

#sidr ul li.top img {
 height: auto !important;
}

@media screen and (min-width: 641px) {
#sidr ul li a:hover {
	text-decoration: none;
}
#sidr ul li:first-child a:hover {
	background: #78ba29;
	background: rgba(120,186,41,0.3);
	text-decoration: none;
}

#sidr ul li.story a:link,
#sidr ul li.story a:visited {
	background-position: 0px 0px, 90px -999px;
}
#sidr ul li.story a:hover,
#sidr ul li.story a:active,
body#story #sidr ul li.story a {
	background-position: 0px 0px, 90px 5px;
}

#sidr ul li.character a:link,
#sidr ul li.character a:visited {
	background-position: 0px -100px, 90px -999px;
}
#sidr ul li.character a:hover,
#sidr ul li.character a:active,
body#character #sidr ul li.character a {
	background-position: 0px -100px, 90px 5px;
}

#sidr ul li.stage1 a:link,
#sidr ul li.stage1 a:visited {
	background-position: 0px -200px, 90px -999px;
}
#sidr ul li.stage1 a:hover,
#sidr ul li.stage1 a:active,
body#stage1 #sidr ul li.stage1 a {
	background-position: 0px -200px, 90px 5px;
}

#sidr ul li.stage2 a:link,
#sidr ul li.stage2 a:visited {
	background-position: 0px -300px, 90px -999px;
}
#sidr ul li.stage2 a:hover,
#sidr ul li.stage2 a:active,
body#stage2 #sidr ul li.stage2 a {
	background-position: 0px -300px, 90px 5px;
}

#sidr ul li.stage3 a:link,
#sidr ul li.stage3 a:visited {
	background-position: 0px -400px, 90px -999px;
}
#sidr ul li.stage3 a:hover,
#sidr ul li.stage3 a:active,
body#stage3 #sidr ul li.stage3 a {
	background-position: 0px -400px, 90px 5px;
}

#sidr ul li.world1 a:link,
#sidr ul li.world1 a:visited {
	background-position: 0px -500px, 90px -999px;
}
#sidr ul li.world1 a:hover,
#sidr ul li.world1 a:active,
body#world1 #sidr ul li.world1 a {
	background-position: 0px -500px, 90px 5px;
}

#sidr ul li.world2 a:link,
#sidr ul li.world2 a:visited {
	background-position: 0px -600px, 90px -999px;
}
#sidr ul li.world2 a:hover,
#sidr ul li.world2 a:active,
body#world2 #sidr ul li.world2 a {
	background-position: 0px -600px, 90px 5px;
}

#sidr ul li.house a:link,
#sidr ul li.house a:visited {
	background-position: 0px -700px, 90px -999px;
}
#sidr ul li.house a:hover,
#sidr ul li.house a:active,
body#house #sidr ul li.house a {
	background-position: 0px -700px, 90px 5px;
}

#sidr ul li.minigame1 a:link,
#sidr ul li.minigame1 a:visited {
	background-position: 0px -800px, 90px -999px;
}
#sidr ul li.minigame1 a:hover,
#sidr ul li.minigame1 a:active,
body#minigame1 #sidr ul li.minigame1 a {
	background-position: 0px -800px, 90px 5px;
}

#sidr ul li.minigame2 a:link,
#sidr ul li.minigame2 a:visited {
	background-position: 0px -900px, 90px -999px;
}
#sidr ul li.minigame2 a:hover,
#sidr ul li.minigame2 a:active,
body#minigame2 #sidr ul li.minigame2 a {
	background-position: 0px -900px, 90px 5px;
}

#sidr ul li.credit1 a:link,
#sidr ul li.credit1 a:visited {
	background-position: 0px -1000px, 90px -999px;
}
#sidr ul li.credit1 a:hover,
#sidr ul li.credit1 a:active,
body#credit1 #sidr ul li.credit1 a {
	background-position: 0px -1000px, 90px 5px;
}

#sidr ul li.credit2 a:link,
#sidr ul li.credit2 a:visited {
	background-position: 0px -1100px, 90px -999px;
}
#sidr ul li.credit2 a:hover,
#sidr ul li.credit2 a:active,
body#credit2 #sidr ul li.credit2 a {
	background-position: 0px -1100px, 90px 5px;
}
}

@media screen and (max-width: 640px) {
#sidr {
	width: 260px;
	background-size: 40%;
}
#sidr ul {
	padding-bottom: 200px;
}
#sidr ul li {
	font-size: 90% !important;
	line-height: 100% !important;
}
#sidr ul li a,
#sidr ul li span {
	display: block;
	color: #ffffff;
	padding: 0px !important;
	width: 100%;
	height: 35px;
	background-size: 199px, 135px;
}
#sidr ul li:first-child img {
	max-width: 70%;
	height: auto;
}

#sidr ul li.story a:link,
#sidr ul li.story a:visited {
	background-position: 0px 0px, 45px -999px;
}
#sidr ul li.story a:hover,
#sidr ul li.story a:active,
body#story #sidr ul li.story a {
	background-position: 0px 0px, 45px 2px;
}

#sidr ul li.character a:link,
#sidr ul li.character a:visited {
	background-position: 0px -50px, 45px -999px;
}
#sidr ul li.character a:hover,
#sidr ul li.character a:active,
body#character #sidr ul li.character a {
	background-position: 0px -50px, 45px 2px;
}

#sidr ul li.stage1 a:link,
#sidr ul li.stage1 a:visited {
	background-position: 0px -100px, 45px -999px;
}
#sidr ul li.stage1 a:hover,
#sidr ul li.stage1 a:active,
body#stage1 #sidr ul li.stage1 a {
	background-position: 0px -100px, 45px 2px;
}

#sidr ul li.stage2 a:link,
#sidr ul li.stage2 a:visited {
	background-position: 0px -150px, 45px -999px;
}
#sidr ul li.stage2 a:hover,
#sidr ul li.stage2 a:active,
body#stage2 #sidr ul li.stage2 a {
	background-position: 0px -150px, 45px 2px;
}

#sidr ul li.stage3 a:link,
#sidr ul li.stage3 a:visited {
	background-position: 0px -200px, 45px -999px;
}
#sidr ul li.stage3 a:hover,
#sidr ul li.stage3 a:active,
body#stage3 #sidr ul li.stage3 a {
	background-position: 0px -200px, 45px 2px;
}

#sidr ul li.world1 a:link,
#sidr ul li.world1 a:visited {
	background-position: 0px -250px, 45px -999px;
}
#sidr ul li.world1 a:hover,
#sidr ul li.world1 a:active,
body#world1 #sidr ul li.world1 a {
	background-position: 0px -250px, 45px 2px;
}

#sidr ul li.world2 a:link,
#sidr ul li.world2 a:visited {
	background-position: 0px -300px, 45px -999px;
}
#sidr ul li.world2 a:hover,
#sidr ul li.world2 a:active,
body#world2 #sidr ul li.world2 a {
	background-position: 0px -300px, 45px 2px;
}

#sidr ul li.house a:link,
#sidr ul li.house a:visited {
	background-position: 0px -350px, 45px -999px;
}
#sidr ul li.house a:hover,
#sidr ul li.house a:active,
body#house #sidr ul li.house a {
	background-position: 0px -350px, 45px 2px;
}

#sidr ul li.minigame1 a:link,
#sidr ul li.minigame1 a:visited {
	background-position: 0px -400px, 45px -999px;
}
#sidr ul li.minigame1 a:hover,
#sidr ul li.minigame1 a:active,
body#minigame1 #sidr ul li.minigame1 a {
	background-position: 0px -400px, 45px 2px;
}

#sidr ul li.minigame2 a:link,
#sidr ul li.minigame2 a:visited {
	background-position: 0px -450px, 45px -999px;
}
#sidr ul li.minigame2 a:hover,
#sidr ul li.minigame2 a:active,
body#minigame2 #sidr ul li.minigame2 a {
	background-position: 0px -450px, 45px 2px;
}

#sidr ul li.credit1 a:link,
#sidr ul li.credit1 a:visited {
	background-position: 0px -500px, 45px -999px;
}
#sidr ul li.credit1 a:hover,
#sidr ul li.credit1 a:active,
body#credit1 #sidr ul li.credit1 a {
	background-position: 0px -500px, 45px 2px;
}

#sidr ul li.credit2 a:link,
#sidr ul li.credit2 a:visited {
	background-position: 0px -550px, 45px -999px;
}
#sidr ul li.credit2 a:hover,
#sidr ul li.credit2 a:active,
body#credit2 #sidr ul li.credit2 a {
	background-position: 0px -550px, 45px 2px;
}
}
/* -----------------------------------------------------
	alert for landscape			  
----------------------------------------------------- */
#landscapeAlertOuter {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 99999;
}
#landscapeAlertOverlay {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 90000;
	background: #000000;
	opacity: 0.7;
	width: 100%;
	height: 200%;
}
#landscapeAlertMes {
	position: fixed;
	left: 50%;
	top: 10%;
	z-index: 99999;
	width: 40%;
	margin-left: -20%;
	margin-top: 0px;
}
#landscapeAlertMes img {
	width: 100%;
	height: auto;
}



/* -----------------------------------------------------
	top.html				
----------------------------------------------------- */
#top #contents {
	margin: 0px auto;
}
#top #contents_inner {
	color: #78ba29;
}
#top #contents_inner a:link,
#top #contents_inner a:visited,
#top #contents_inner a:hover,
#top #contents_inner a:active {
	color: #78ba29;
	text-decoration: underline;
}
#top #top_hint {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #ffffff;
 border: 2px solid #78ba29;
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 20px;
	position: relative;
	behavior: url(../shared/js/PIE.htc);/*CSS3 PIE実行 絶対パス*/
}
#top #top_hint p {
	color: #78ba29 !important;
	margin-bottom: 0px;
}
.img_QRcode {
	float: right;
	margin: 0 0 0 10px;
	display: block;
}

@media screen and (min-width:641px) {
#top #contents {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
	margin: 0px auto 0px auto;
	padding-top: 55px;
}
#top #contents_inner {
	width: 1000px;
	margin: 0px auto;
}
#top .box {
	margin: 0 auto;
	padding: 0px 0px 40px 0px;
	width: auto;
}
#top #top_visual {
	width: 100%;
	height: 460px;
	text-align: left;
	text-indent: -9000px;
	overflow: hidden;
	background: url(../img/img_top_visual.gif) no-repeat 50% 0px;
	margin: 0px 0px 40px 0px;
	padding: 0px;
	text-align: center;
}
#top #top_visual img {
	display: none;
}
}

@media screen and (max-width: 640px) {
#top #contents {
	padding: 55px 0px 80px 0px;
	width: auto;
	height: auto;
}
#top #top_visual {
	margin-top: 0px;
	height: auto;
}
#top #top_visual img {
	width: 100%;
	height: auto;
}
#top .box {
	margin: 0 auto;
	padding: 0px 0px 20px 0px;
	width: auto;
}
#top .disc {
	/*display: none;*/
}

#top #contents_inner {
	margin: 0px 20px 0px;
}
#top #contents_inner img {
	width: 100%;
	height: auto;
}
#top #top_visual {
	width: 100%;
	margin-bottom: 24px;
}
}

#topSiteInfo {
	background: #43302b;
 background: rgba(67,48,43,0.6);
	padding: 12px 20px;
	color: #ffffff;
	word-break: break-all;
	word-wrap: break-word;
	margin-bottom: 32px;
}
#topSiteInfo p {
	margin: 0px;
}
#topSiteInfo a:link,
#topSiteInfo a:visited,
#topSiteInfo a:hover,
#topSiteInfo a:active {
	color: #ffffff;
	text-decoration: underline;
}

#top #copyright {
	font-size: 74%;
	line-height: 1.4em;
	margin-top: 50px;
}
#top #copyright img {
	margin-top: 12px;
}

@media screen and (max-width: 640px) {
#topSiteInfo {
	font-size: 90%;
	line-height: 145%;
	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: 24px;
}
#top #copyright {
	font-size: 10px;
	line-height: 1.4em;
	margin: 30px 0px 0px;
}
}



/* -----------------------------------------------------
	story.html				
----------------------------------------------------- */
#story #storySec {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: url(../img/img_story_bg01.jpg) no-repeat 50% 0px;
}
#story .storyRight {
	text-align: right;
}
@media screen and (min-width: 641px) {
#story #contents {
	width: 1200px;
}
#story #storySec {
	width: 1200px;
	height: 770px;
	padding: 78px 140px 20px 140px;
}
#story #storySec p {
 margin: 0px 0px 52px 0px !important;
}
}
@media screen and (max-width: 640px) {
#story #storySec {
	margin-left: -30px;
	margin-right: -30px;
	padding: 40px 30px 10px 30px;
	background-size: cover;
}
#story #storySec p {
 margin: 0px 0px 40px 0px !important;
}
#story .storyLeft {
	padding-right: 15%;
}
#story .storyRight {
	padding-left: 15%;
}
}



/* -----------------------------------------------------
	character.html				
----------------------------------------------------- */
#character .section01 p {
 margin-bottom: 0px !important;
}
#character .hdg01 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #6a3606;
	color: #ffffff;
	font-weight: bold;
	display: table;
}
#character .charaImg {
	text-align: center;	
}
#character #chara01 {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#character #chara01 > li {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	text-align: left;
	zoom: 1;
}
#character #chara01 > li:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0; 
}
#character #chara01 > li .thumb {
	float: left;
	margin-bottom: 0px !important;
}
#character #chara01 > li .thumb img {
	max-width: 100%;
	height: auto;
}
#character #chara01 > li .text {
	float: right;
}
#character #chara01 > li .hdg02 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #ffffff;
	border: 3px solid #999999;
	color: #999999;
	font-weight: bold;
	display: table;
}

#character #chara01 > li#chara0101 .hdg02 {
	color: #ecc155;
	border-color: #ecc155;
}
#character #chara01 > li#chara0101 .text p {
	color: #ecc155;
}

#character #chara01 > li#chara0102 .hdg02 {
	color: #a767a1;
	border-color: #a767a1;
}
#character #chara01 > li#chara0102 .text p {
	color: #a767a1;
}

#character #chara01 > li#chara0103 .hdg02 {
	color: #5f8c34;
	border-color: #5f8c34;
}
#character #chara01 > li#chara0103 .text p {
	color: #5f8c34;
}

#character #chara01 > li#chara0104 .hdg02 {
	color: #e276a9;
	border-color: #e276a9;
}
#character #chara01 > li#chara0104 .text p {
	color: #e276a9;
}

#character #chara01 > li#chara0105 .hdg02 {
	color: #040000;
	border-color: #040000;
}
#character #chara01 > li#chara0105 .text p {
	color: #040000;
}

#character #chara01 > li#chara0106 .hdg02 {
	color: #dd1615;
	border-color: #dd1615;
}
#character #chara01 > li#chara0106 .text p {
	color: #dd1615;
}

#character #chara01 > li#chara0107 .hdg02 {
	color: #106db3;
	border-color: #106db3;
}
#character #chara01 > li#chara0107 .text p {
	color: #106db3;
}

@media screen and (min-width: 641px) {
#character .section01 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 980px;
	padding: 0px 40px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
}
#character .hdg01 {
	margin-left: -40px;
	border-radius: 28px;
	padding: 12px 34px 11px 34px;
	font-size: 28px;
	line-height: 105%;
	margin-bottom: 20px;
}
#character #chara01 {
	margin-right: -80px;
	margin-bottom: -32px;
	letter-spacing: -0.8em;
}
#character #chara01 > li {
	letter-spacing: normal;
	width: 310px;
	margin: 0px 8px;
	padding-top: 32px;
	padding-bottom: 32px;
}
#character #chara01 > li .thumb {
	width: 100px;
	margin-top: -12px;
}
#character #chara01 > li .text {
	width: 210px;
}
#character #chara01 > li .hdg02 {
	border-radius: 22px;
	padding: 7px 18px 5px 18px;
	font-size: 100%;
	line-height: 105%;
}
#character #chara01 > li .text > p {
	margin: 10px 0px 0px 10px !important;
	font-size: 100%;
	line-height: 115%;
}
#character #chara01 > li#chara0101,
#character #chara01 > li#chara0102 {
	margin: 0px 40px;
}
#character #chara01 > li#chara0106,
#character #chara01 > li#chara0107 {
	margin: 0px 0px 0px 80px;
}
#character .charaImg {
	padding-left: 120px;
}
#character #chara02 {
	margin-top: -70px;
}
#character #chara03 {
	margin-top: -40px;
}
#character #chara04 {
	margin-top: -70px;
	margin-left: 160px;
}
#character #chara05 {
	margin-top: 40px;
}
#character #chara06 {
	margin-top: 30px;
	margin-left: -280px;
}
}
@media screen and (max-width: 640px) {
#character .section01 {
	margin-bottom: 64px;
}
#character .section01 p {
 margin-bottom: 1.0em !important;
}
#character .hdg01 {
	border-radius: 28px;
	padding: 8px 16px 7px 16px;
	font-size: 108%;
	line-height: 105%;
	margin-bottom: 10px;
}
#character #chara01 {
	text-align: left;
	letter-spacing: -0.8em;
	margin-bottom: -24px;
}
#character #chara01 > li {
	letter-spacing: normal;
	width: 100%;
	margin: 0px;
	padding-bottom: 24px;
}
#character #chara01 > li .thumb {
	width: 20%;
	margin-top: -8px;
}
#character #chara01 > li .text {
	width: 75%;
}
#character #chara01 > li .hdg02 {
	border-radius: 22px;
	padding: 6px 10px 5px 10px;
	font-size: 100%;
	line-height: 105%;
}
#character #chara01 > li .text > p {
	margin: 10px 0px 0px 5px !important;
	font-size: 100%;
	line-height: 115%;
}
#character #chara02 img {
	width: 90%;
	height: auto;
}
#character #chara03 img {
	width: 45%;
	height: auto;
}
#character #chara04 img {
	width: 80%;
	height: auto;
}
#character #chara05 img {
	width: 70%;
	height: auto;
}
#character #chara06 img {
	width: 70%;
	height: auto;
	margin-left: -30%;
}
}


/* -----------------------------------------------------
	stage1.html			  
----------------------------------------------------- */
@media screen and (min-width: 641px) {
#stage1 .image02 {
	padding: 25px 0px;
}
#stage1 .table01 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 920px;
}
}
@media screen and (max-width: 640px) {

}


/* -----------------------------------------------------
	stage2.html			  
----------------------------------------------------- */
#stage2 .section01 .list01 {
	margin-bottom: 1.2em;
}
@media screen and (min-width: 641px) {
#stage2 .section01 .image01 {
	margin-top: -80px;
	width: 460px;
}
#stage2 .section01 .optionImage img {
	width: 300px;
	height: auto;
	margin-top: -10px;
}
}
@media screen and (max-width: 640px) {
#stage2 .section01 .optionImage img {
	width: 200px;
	height: auto;
	margin-top: -10px;
}
}


/* -----------------------------------------------------
	stage3.html			  
----------------------------------------------------- */
@media screen and (min-width: 641px) {
#stage3 .section01 .image01 {
	width: 460px;
}
}
@media screen and (max-width: 640px) {

}


/* -----------------------------------------------------
	world1.html			  
----------------------------------------------------- */
#world1 .list01 {
	margin-bottom: 2.0em;
}


/* -----------------------------------------------------
	world2.html			  
----------------------------------------------------- */
@media screen and (min-width: 641px) {
#world2 .table01 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 920px;
}
}


/* -----------------------------------------------------
	house.html			  
----------------------------------------------------- */
#house .list01 {
	margin-bottom: 2.0em;
}
@media screen and (min-width: 641px) {
#house .table01 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 920px;
}
}


/* -----------------------------------------------------
	minigame 共通			  
----------------------------------------------------- */
.minigameLead {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-weight: bold;
	font-size: 108%;
	line-height: 135%;
	padding-left: 10px;
	margin-top: -48px !important;
	margin-bottom: 48px !important;
	zoom: 1;
}
.minigameLead:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0; 
}

@media screen and (max-width: 640px) {
.minigameLead {
	font-size: 100%;
	text-align: left;
	padding-left: 0px;
	margin-top: -16px !important;
	margin-bottom: 24px !important;
	display: table;
}
.minigameLead > span {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
.minigameLead > span:nth-child(2) {
	padding-left: 10px;
}
}


/* -----------------------------------------------------
	minigame1.html			  
----------------------------------------------------- */
#minigame1 .list01 {
	margin-bottom: 2.0em;
}


/* -----------------------------------------------------
	minigame2.html			  
----------------------------------------------------- */
#minigame2 .list01 {
	margin-bottom: 2.0em;
}
#minigame2 .section01 .optionImage {
	margin-bottom: 2.0em !important;
}
@media screen and (min-width: 641px) {
#minigame2 .section01 .optionImage img {
	max-width: 80px;
	height: auto;
	margin-right: 20px;
	margin-top: -10px;
	vertical-align: top;
}
}
@media screen and (max-width: 640px) {
#minigame2 .section01 .optionImage img {
	max-width: 40px;
	height: auto;
	margin-right: 15px;
	margin-top: -10px;
	vertical-align: top;
}
}


/* -----------------------------------------------------
	credit1.html			  
	credit2.html			  
----------------------------------------------------- */
#credit1 .section02 p + h4,
#credit2 .section02 p + h4 {
	margin-top: 1.6em;
}
#credit1 .bold,
#credit2 .bold {
	color: #6a3606;
}
@media screen and (min-width: 641px) {
#credit1 #contents,
#credit2 #contents {
	width: 1200px;
}
#credit1 .creditLeft,
#credit2 .creditLeft {
	width: 550px;
	float: left;
}
#credit1 .creditRight,
#credit2 .creditRight {
	width: 550px;
	float: right;
}
#credit1 .section02,
#credit2 .section02 {
	padding-left: 45px;
}
#credit1 .section02 .numHeading,
#credit2 .section02 .numHeading {
	margin-left: -45px !important;
}
#credit1 .section02 h4,
#credit2 .section02 h4 {
	margin-bottom: 10px;
	margin-top: 15px;
	margin-left: -16px;
	font-size: 70%;
}
#credit1 .section02 h4 .note,
#credit2 .section02 h4 .note {
	margin-bottom: 0px;
}
#credit1 .section02 p,
#credit2 .section02 p {
	font-size: 70%;
	line-height: 160%;
}
}
@media screen and (max-width: 640px) {
#credit2 .section01 {
	margin-bottom: 20px;
}
#credit1 .section02 h4,
#credit2 .section02 h4 {
	/*margin-bottom: 10px;
	margin-top: 15px;
	margin-left: -16px;*/
	font-size: 70%;
}
#credit1 .section02 h4 .note,
#credit2 .section02 h4 .note {
	line-height: 115%;
}
#credit1 .section02 p,
#credit2 .section02 p {
	font-size: 70%;
	line-height: 145%;
}
}