@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: #e8ac4d;
	font-weight: normal;
}

@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: #ffffff;
	-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;
}
body .fixedBg {
	background-color: #000000;
	transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 641px) {
#wrapper {
	margin: 0 auto;
	width: 100%;
	min-width: 1100px;
	position: relative;
	z-index: 1;
}
body .fixedBg {
	display: block;
	content: " ";
	width: 100%;
	height: 100%;
 background-color: #251f20;
	background-image: url(../img/img_bg01.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0px;
	background-size: cover;
	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;
}
body .fixedBg {
	display: block;
	content: " ";
	width: 100%;
	height: 100%;
	height: 100vh;
	background-image: url(../img/small/img_bg01.jpg);
	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 85px 20px;
	width: auto;
}
}
#contents .vaT {
	vertical-align: top;
}
.note {
	color: #3c87b8 !important;
}
.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: #a69c94;
	background: rgba(166,156,148,0.6);
	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: 1000px;
}
#header_inner {
	max-width: 1000px;
	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: #a69c94;
	background: rgba(166,156,148,0.6);
	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: 11px;
	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: 1000px;
	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: 105px;
	height: 29px;
	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: 105px;
	height: 29px;
	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: 17px;
}
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: 10px;
	text-align: center;
	height: 55px;
	font-size: 100%;
 font-weight: normal;
	color: #ffffff;
	background-repeat: no-repeat;
	background-position: 50% 0px;
 letter-spacing: 0.1em;
}
#contents h1 {
	height: 70px;
	width: auto;
	margin: 50px 0 20px;
	padding-left: 20px;
	vertical-align: middle;
}

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

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


/* -----------------------------------------------------
	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: 40px;
	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-left: 80px;
	padding-bottom: 20px;
}
.section02:after {
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
	content: " ";
	line-height: 0; 
}
.section02 p {
	margin-bottom: 1.4em;
}

.section03 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-top: 20px;
}

@media screen and (min-width: 641px) {

}

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


/* -----------------------------------------------------
	heading
----------------------------------------------------- */
.heading01 {
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
	background: #78706c;
	text-align: center;
	font-size: 36px;
	line-height: 100%;
	font-weight: normal;
 letter-spacing: 0.1em;
	color: #ffffff;
	overflow: visible;
	padding: 14px 0px 10px 0px;
 height: 66px;
	margin: 0px 42px 24px 42px;
 position: relative;
 left: 0px;
 top: 0px;
}
.heading01:before {
 content: " ";
 display: block;
 position: absolute;
 left: -42px;
 top: 0px;
	background: url(../img/img_heading01_bg_l.png) no-repeat 50% 0px;
 width: 46px;
 height: 66px;
	overflow: hidden;
}
.heading01:after {
 content: " ";
 display: block;
 position: absolute;
 right: -42px;
 top: 0px;
	background: url(../img/img_heading01_bg_r.png) no-repeat 50% 0px;
 width: 46px;
 height: 66px;
	overflow: hidden;
}
.heading01-2 {
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
	background: #78706c;
	text-align: center;
	font-size: 36px;
	line-height: 100%;
	font-weight: normal;
 letter-spacing: 0.1em;
	color: #ffffff;
	overflow: visible;
	padding: 14px 0px 10px 0px;
 height: 66px;
	margin: 0px 42px 24px 42px;
 position: relative;
 left: 0px;
 top: 0px;
}
.heading01-2:before {
 content: " ";
 display: block;
 position: absolute;
 left: -42px;
 top: 0px;
	background: url(../img/img_heading01_2_bg_l.png) no-repeat 50% 0px;
 width: 46px;
 height: 66px;
	overflow: hidden;
}
.heading01-2:after {
 content: " ";
 display: block;
 position: absolute;
 right: -42px;
 top: 0px;
	background: url(../img/img_heading01_2_bg_r.png) no-repeat 50% 0px;
 width: 46px;
 height: 66px;
	overflow: hidden;
}

.heading02 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 28px;
	line-height: 115%;
	margin-left: -80px;
	margin-bottom: -12px;
}
.heading02:before {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	content: " ";
	display: inline-block;
	vertical-align: middle;
	width: 61px;
	height: 78px;
	background: #cccccc;
	margin-right: 18px;
	margin-top: -3px;
}
.heading02-b {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 28px;
	line-height: 115%;
	margin-left: -80px;
	margin-bottom: -12px;
}
.heading02-b:before {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	content: " ";
	display: inline-block;
	vertical-align: middle;
	width: 61px;
	height: 78px;
	background: #cccccc;
	margin-right: 18px;
	margin-top: -3px;
}

.heading03 {
	font-size: 28px;
	line-height: 115%;
	margin-bottom: 8px;
}
.heading03:before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	background: url(../img/img_ic_circle.png) no-repeat 0px 0px;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	margin-top: -3px;
}

@media screen and (max-width: 640px) {
.heading01 {
 letter-spacing: normal;
	font-size: 18px;
	line-height: 100%;
	padding: 24px 0px 18px 0px;
	margin-bottom: 8px;
}
.heading01-2 {
 letter-spacing: normal;
	font-size: 18px;
	line-height: 100%;
	padding: 24px 0px 18px 0px;
	margin-bottom: 8px;
}

.heading02 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 20px;
	line-height: 115%;
	margin-left: 0px;
	margin-bottom: 8px;
}
.heading02:before {
	background-size: 24px;
	width: 24px;
	height: 30px;
	margin-right: 8px;
	margin-top: -5px;
}
.heading02-b {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 22px;
	line-height: 115%;
	margin-left: 0px;
	margin-bottom: 8px;
}
.heading02-b:before {
	background-size: 24px;
	width: 24px;
	height: 30px;
	margin-right: 8px;
	margin-top: -5px;
}

.heading03 {
	font-size: 22px;
	line-height: 115%;
	margin-bottom: 4px;
}
.heading03:before {
	content: " ";
	display: inline-block;
	vertical-align: middle;
	background: url(../img/img_ic_circle.png) no-repeat 0px 0px;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	margin-top: -3px;
}
}

/* -----------------------------------------------------
	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: 16px;
}
.image01 img {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
}
.image01-2 {
	width: 500px;
	float: left;
	margin-right: 16px;
}
.image01-2 img {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 100%;
}

@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;
}
.section02 > .image01 {
	margin-bottom: 12px;
}
.image01-2 {
	width: 100%;
	float: none;
	margin: 0px 0px 12px 0px;
}
.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: #ffffff;
	margin-bottom: 3.0em !important;
}
#contents p {
	margin: 0px 0px 1.0em 0px;
}
@media screen and (min-width: 641px) {
.lead01 {
	padding-left: 25px;
	padding-right: 25px;
}
.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: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
}
.table01 th,
.table01 td {
	padding: 10px 18px;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	background: #000000;
	background: rgba(0,0,0,0.25);
	vertical-align: top;
	text-align: left;
}
.table01 th {
	font-weight: bold;
	background: #df14b4;
}
.table01 td {
	font-weight: normal;
}

@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 {
	color: #df14b4;
}
.table01 td {
	background: none;
}
}

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

@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 .number06 th:before {
	background-image: url(../img/img_number_06.png);
}
.table02 .number07 th:before {
	background-image: url(../img/img_number_07.png);
}
.table02 .number08 th:before {
	background-image: url(../img/img_number_08.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);
}
.table02 span.number06:before {
	background-image: url(../img/img_number_06.png);
}
.table02 span.number07:before {
	background-image: url(../img/img_number_07.png);
}
.table02 span.number08:before {
	background-image: url(../img/img_number_08.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: 35px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-size: 35px;
}
.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.number06 {
	background-image: url(../img/img_number_06.png);
}
.list01 li.number07 {
	background-image: url(../img/img_number_07.png);
}
.list01 li.number08 {
	background-image: url(../img/img_number_08.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);
}*/

@media screen and (max-width:640px) {
.list01 li {
	padding: 1px 0px 0px 0px;
	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;
}
#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: 60px;
	background: none;
	margin: 0;
	border: none;
}
#sidr ul li {
	color: #ffffff;
	line-height: 115% !important;
 text-align: center;
 margin-bottom: 14px;
}
#sidr ul li:first-child {
 margin-bottom: 32px !important;
}
#sidr ul li:first-child a {
	padding: 0px !important;
	background: none;
	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;
}

#sidr ul li.top img {
 height: auto !important;
}
#sidr ul li a {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
 display: inline-block;
 padding: 6px 14px !important;
 border-radius: 24px;
 color: #ffffff !important;
	background-color: transparent;
}

body#story #sidr ul li.story a,
body#character #sidr ul li.character a,
body#control #sidr ul li.control a,
body#weapon #sidr ul li.weapon a,
body#challenge #sidr ul li.challenge a,
body#cooperation #sidr ul li.cooperation a,
#sidr ul li#sidr-class-active a,
#sidr ul li#sidr-class-active span {
	background-color: #fa485b;
	text-decoration: none;
}
#sidr ul li:first-child.active a,
#sidr ul li:first-child#sidr-class-active a,
#sidr ul li:first-child#sidr-class-active span {
 background: #a69c94;
	background: rgba(166,156,148,0.6);
	text-decoration: none;
}

@media screen and (min-width: 641px) {
#sidr ul li img {
 width: auto;
 height: 26px;
}
#sidr ul li a {
 min-width: 300px;
}
#sidr ul li a:hover {
	background-color: #fa485b;
	text-decoration: none;
}
#sidr ul li:first-child a:hover {
 background: #a69c94;
	background: rgba(166,156,148,0.6);
	text-decoration: none;
}
}

@media screen and (max-width: 640px) {
#sidr {
	width: 260px;
	background-position: 0px -2px;
	background-size: 22px;
}
#sidr ul {
	padding-bottom: 20px;
}
#sidr ul li {
	font-size: 90% !important;
	line-height: 100% !important;
 margin-bottom: 6px;
}
#sidr ul li img {
 width: auto;
 height: 16px;
}
#sidr ul li a {
 min-width: 180px;
}
#sidr ul li:first-child {
	text-align: center !important;
	border-top: none !important;
 margin-bottom: 16px !important;
}
#sidr ul li:first-child img {
	max-width: 90% !important;
}
#sidr ul li a,  #sidr ul li span {
	padding: 8px 15px !important;
}
#sidr ul li a {
	/* ----- */
}
}
/* -----------------------------------------------------
	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 .fixedBg {
	background-image: url(../img/img_top_bg01.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}
#top #contents {
	margin: 0px auto;
	min-width: 300px;
	padding-bottom: 70px;
}
#top #contents_inner {
	color: #ffffff;
}
#top #contents_inner a:link,
#top #contents_inner a:visited,
#top #contents_inner a:hover,
#top #contents_inner a:active {
	color: #ffffff;
	text-decoration: underline;
}
#top #top_hint {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #43302b;
 background: rgba(67,48,43,0.6);
 color: #ffffff;
 border: 2px solid #ffffff;
	width: auto;
	height: auto;
	margin: 0 auto;
	padding: 20px;
	position: relative;
	behavior: url(../shared/js/PIE.htc);/*CSS3 PIE実行 絶対パス*/
}
#top #top_hint p {
	color: #ffffff !important;
	margin-bottom: 0px;
}
.img_QRcode {
	float: right;
	margin: 0 0 0 10px;
	display: block;
}

.top_noteBox {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #43302b;
 background: rgba(67,48,43,0.6);
 color: #ffffff;
 padding: 20px 20px 4px 20px;
 margin-bottom: 40px;
}
.top_noteBox.top_note_list {
 padding: 20px 20px 20px 20px;
}
.top_noteBox_hdg01 {
 position: relative;
 left: 0px;
 top: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
 display: inline-block;
 border-radius: 24px;
 background: #fa485b;
 color: #ffffff;
 padding: 4px 14px 4px 40px;
 font-weight: bold;
 font-size: 100%;
 line-height: 100%;
 margin-bottom: 0.4em;
}
.top_noteBox_hdg01:before {
 display: inline-block;
 content: " ";
 background: url(../img/img_icon_caution.png) no-repeat 0px 0px;
 width: 21px;
 height: 18px;
 position: absolute;
 left: 14px;
 top: 6px;
}
.top_noteBox_list {
 list-style-type: disc;
 margin: 0px 0px 1.2em 1.2em;
 padding: 0px;
}
.top_noteBox_list li {
 list-style-type: disc;
 margin: 0px;
 padding: 0px;
}

@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: 500px;
	text-align: left;
	text-indent: -9000px;
	overflow: hidden;
	background: url(../img/img_top_visual.png) no-repeat 50% 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#top #top_visual img {
	display: none;
}
}

@media screen and (max-width: 640px) {
#top .fixedBg {
	background-image: url(../img/small/img_top_bg01.jpg);
}
#top #contents {
	padding: 55px 0px 90px 0px;
	width: auto;
	height: auto;
}
#top #top_visual {
	margin-top: 0px;
	height: auto;
}
#top #top_visual img {
	width: 100%;
	height: 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;
}
.top_noteBox {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #43302b;
 background: rgba(67,48,43,0.6);
 color: #ffffff;
 padding: 16px 12px 2px 16px;
 margin-bottom: 40px;
}
.top_noteBox_hdg01 {
 font-size: 90%;
 line-height: 115%;
 padding: 4px 12px 4px 20px;
 line-height: 115%;
 letter-spacing: -0.02em;
}
.top_noteBox_hdg01:before {
 background-size: 12px;
 width: 12px;
 height: 10px;
 left: 6px;
 top: 6px;
}
.top_noteBox ul {
 font-size: 90%;
 line-height: 160%;
}
.top_noteBox.top_note_list {
 padding: 10px 20px 10px 20px;
}
}

#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 {
 color: #fffaea;
	font-size: 10px;
	line-height: 1.4em;
	margin: 30px 0px 0px;
}
}



/* -----------------------------------------------------
	story.html				
----------------------------------------------------- */
#story .fixedBg {
	background-image: url(../img/img_top_bg01.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
}
#story .section01 p {
 margin: 0px !important;
}
@media screen and (min-width: 641px) {
#story .section01 {
 text-align: left;
	padding-left: 340px;
	padding-top: 50px;
}
}
@media screen and (max-width: 640px) {
#story .fixedBg {
	background-image: url(../img/small/img_top_bg01.jpg);
}
#story .section01 {
	text-align: center;
	padding-top: 10px;
}
#story .section01 p img {
	width: 100%;
	height: auto;
}
}



/* -----------------------------------------------------
	character.html				
----------------------------------------------------- */
#character .section01 p {
 margin: 0px !important;
}
@media screen and (min-width: 641px) {
#character .section01 {
 text-align: left;
	padding-top: 50px;
}
#character .section01 p {
 margin-bottom: 40px !important;
}
#character .section01 p#characterImg01 img,
#character .section01 p#characterImg03 img {
 width: 940px;
 height: auto;
}
#character .section01 p#characterImg02 {
 text-align: right;
}
#character .section01 p#characterImg02 img {
 width: 940px;
 height: auto;
}
}
@media screen and (max-width: 640px) {
#character .section01 {
	text-align: center;
	padding-top: 10px;
}
#character .section01 p {
 margin: 0px 0px 40px 0px !important;
}
#character .section01 p img {
	width: 100%;
	height: auto;
}
}


/* -----------------------------------------------------
	control.html			  
----------------------------------------------------- */
#control .table02 {
	width: 100%;
}
#control .image02,
#control .image02 img {
	border: none;
}
@media screen and (min-width: 641px) {
#control .image02 {
	margin-bottom: 56px;
}
#control .section01 {
	margin-bottom: 72px;
}
#control .table02 th {
	width: 40%;
}
#control .image01 {
	padding-bottom: 32px;
}
}

@media screen and (max-width: 640px) {
#control .image02 {
	margin-bottom: 32px;
}
#control #controlShooting {
	margin-bottom: 48px;
}
}