@charset "UTF-8";

body {
	position: relative;
	min-height: 100%;
	overflow: auto;
	background: #fff8e6;
	-webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	}
li,dl,dt,dd,span,p,a {
	font-family: 'Marcellus', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0;
	padding: 0;
	text-decoration:none;
	}

/*Top_layout*/
.range {
	width: 100%;
	min-width: 800px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	background: #fff;
	}
.topbackBand img{
	width:100%;
	height:117px;
	display:block;
	}
.headimg img{
	vertical-align:bottom;
	width: 100%;
	margin-top:-117px;
	}

/*chapter_layout*/
.dtop{ display:inline;}
.tablet{ display:none;}
.movile{ display:none;}

.layout_1:after{
	content: "";
	display: block;
	clear: both;
	}
.Vertical-line{
	float:left;
	width:11px;
	margin-left:46.5px;
	}
.Vertical-line img{
	width:100%;
	height:1800px;
	margin-top:-60px;
	}

.chapter{
	float:left;
	width:87%;
	margin-left:43px;
	}
.copyTop{
	font-weight:600;
	font-size:20px;
	margin-top:20px;
	}
.copyTop span{
	font-size:30px;
	}
.copy-large{
	width:96%;
	font-weight:400;
	font-size:17px;
	margin-top:5px;
	}
.top-letter{
	width:96%;
	font-size:13px;
	margin-top:8px;
	margin-right:10px;
	line-height:18px;
	}
.chap-title img{
	width:60%;
	margin-top:20px;
	margin-left:-15px;
	}
.chap-letter{
	font-size:15px;
	line-height:20px;
	margin-left:90px;
	margin-right:66px;
	margin-top:-30px;
	}
.chap-s-title img{
	width:95%;
	margin-top:40px;
	margin-left:-5px;
	margin-right:30px;
	}
	
.origin{content: "";
	display: block;
	clear: both;}
.origin-1{
	float:left;
	width:40%;
	margin-left:5%;
	margin-top:3%;}
.origin-letter{
	font-size:12px;
	}
.origin-letter span{
	font-size:14px;
	}
.origin-illust img{
	width:100%;
	margin-bottom:10px;
	}
	
.signage{content: "";
	display: block;
	clear: both;}
.signage-1{
	float:left;
	width:30%;
	margin-left:3%;
	margin-top:3%;}
.signage-2{
	float:left;
	width:50%;
	margin-left:5%;
	margin-top:3%;}
.signage-letter{
	font-size:12px;
	margin-bottom:5px;
	margin-top:5px;
	line-height:18px;
	}
.signage-letter span{
	font-size:14px;
	}
.signage-illust img{
	width:100%;
	margin-top:10px;
	}
.vid-size{
	width:100%;}
	
.ar{content: "";
	display: block;
	clear: both;}
.ar-1{
	float:left;
	width:90%;
	margin-left:5%;
	margin-top:3%;}
.ar-letter{
	font-size:12px;
	margin-top:5px;
	margin-left:-20px;
	line-height:18px;
	}
.ar-letter span{
	font-size:14px;
	}
.ar-illust img{
	width:100%;
	margin-top:10px;
	margin-left:-20px;
	}

.last-copy{
	width:90%;
	font-size:20px;
	font-weight:600;
	padding-top:20px;
	padding-bottom:10px;
	margin:0 auto;
	text-align:center;
	}
	
/*order_btn*/
.order-box img{
    width:70%;
    max-width:70%;
	margin-bottom:3%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.blog img{
    width:70%;
    max-width:70%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
/* 変遷ボタン */
.pageBtn:after{
	content: "";
	display: block;
	clear: both;
	}
.r-index{
	background:url(../imgAffairGRParts/gr_r-index-on.png) no-repeat;
	margin-left:5%;
	float:left;}
.r-index a{
	display:inline-block;}
.r-index a:hover{
	background-color:transparent;}
.r-index a:hover img{
	visibility:hidden;}

.to-flow{
	background: url(../imgAffairGRParts/gr_t-flow-on.png) no-repeat;
	margin-right:5%;
	float:right;}
.to-flow a{
	display:inline-block;}
.to-flow a:hover{
	background-color:transparent;}
.to-flow a:hover img{
	visibility:hidden;}

/*link_btn*/
.link-box {
	margin-top:6%;
	margin-bottom:0%;
	}
.link-box:after {
	content: "";
	display: block;
	clear: both;
	}
.link_mov img {
	float: left;
	margin:0;
	padding:0;
	margin-left:15%;
	width:14%;
	}
.link_mov:hover{
	background-color:#a9aa7d;}
.link_3D img{
	float: left;
	margin:0;
	padding:0;
	margin-left:6%;
	width:9.7%;
	}
.link_3D:hover{
	background-color:#886e8e;}
.link_chara img{
	float: left;
	margin:0;
	padding:0;
	margin-left:9%;
	width:18.5%;
	}
.link_chara:hover{
	background-color:#aeb5b7;}
.link_AR img{
	float: left;
	margin:0;
	padding:0;
	margin-left:2%;
	width:10%;
	}
.link_AR:hover{
	background-color:#a7bc86;}

/* footer */
hr {
    border: 0;
    height: 2px;
	width:90%;
	margin-top:3%;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
	}
ul,li{
    margin:0;
    padding:0;
    list-style: none;
	text-align: center;
	} 
.navi{
	color:#005737;
	margin:0 auto;
	margin-top:3%;
    width: 90%;
	}
.navi a{
	color:#005737;
	font-size:15px;
	}
.navi a:hover{
	color:#4abc63;
	}
.navi li{
	display: inline;
	}
.foot-copy img{
	width:100%;
	display:block;
	margin-top:1%;
	background: -webkit-gradient(linear, left top, left bottom, from(#339933), to(#005737));
background: -moz-linear-gradient(top, #339933, #005737);
background: -o-linear-gradient(top, #339933, #005737);
background: -ms-linear-gradient(top, #339933, #005737);
background: linear-gradient(top, #339933, #005737);
-background: linear-gradient(top, #339933, #005737);
-pie-background: linear-gradient(top, #339933, #005737);
behavior: url(PIE.htc);
	}
#footerRange {
	position: absolute;
	z-index: 100;
	width: 100%;
	background: #005737;
	}
#copyright{
	color: #fff;
	text-align: center;
	font-size: 11px;
	margin-top:3px;
	margin-bottom:10px;
	}