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

@import 'https://fonts.googleapis.com/css?family=Oswald:300,400,700&subset=latin-ext';

/* clearfix */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* 画像センタリング */

.cr {margin:0 auto;}

/* 点滅 */
.blinking{
    animation:blink 3s infinite alternate;
}

@keyframes blink{
  0% {opacity:0;}
100% {opacity:1;}
}

/* FireFoxFadeブレ防止 */

img { display:block; box-shadow: #000 0 0 0; }


/* 汎用画像ホバー */

a img.fd {
	transition: all 0.3s;
	opacity: 1;
}

a:hover img.fd {
	opacity: 0.6;
}

/* ページトップ */

#page-top {
	position: fixed;
	bottom: 70px;
	right: 20px;
	font-size: 1.4em;
	font-weight:bold;
	z-index:2000;
}
#page-top a {
	background:url(../img/pagetop.png) left top no-repeat;
	width: 190px;
	height:160px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	transition: all 0.3s;
	position:relative;
}
#page-top a:hover {
	top:-5px;
}


/* 全体・枠作り */

html,body {
	height:100%;
}

html {
	font-size:62.5%;
}

img { display:block; }


body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
	text-align:center;
	background-size:cover;
	min-width: 1000px;
	min-height: 100vh;
	font-size: 1.0rem;
	overflow-x: hidden;
	background:url(../img/grand_bg1.png) left top repeat;
}

#PageWrapper {
	min-width:1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
	background-size:cover;
}

header {
	background:url(../img/menu_bg.png) left top repeat-x;
	width:100%;
	height:80px;
	position: relative;
	text-align: center;
}

#Menu {
	height:80px;
	display: inline-block;
}

#Menu ul li {
	float:left;
}

a.toplink {
	width:30px;
	height:80px;
	line-height: 80px;
	display: block;
	background-color:rgba(166,199,167,1.00);
	margin-right:20px;
	font-size:1.8rem;
	color:rgba(23,74,25,1.00);
	transition: all 0.3s;
}

a:hover.toplink {
	width:30px;
	height:80px;
	line-height: 80px;
	display: block;
	background-color:rgba(49,110,51,1.00);
	margin-right:20px;
	font-size:1.8rem;
	color:rgba(255,255,255,1.00);
}

#Mainvisual {
	width:100%;
	height:800px;
	background:url(../img/mv_bg.jpg) center top no-repeat;
	background-size:cover;
}

.mv_wrap {
	width:100%;
	height:800px;
	background:url(../img/mv_pattern.png) left top repeat;
	position: relative;
	overflow: hidden;
}

.mv {
	background:url(../img/mainvisual.jpg) center top no-repeat;
	width:1132px;
	height:800px;
	position: absolute;
	left:50%;
	margin-left:-566px;
	top:0;
	z-index:10;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	text-indent: -9999px;
	overflow: hidden;
}

.platform {
	background:url(../img/platform.png) left top no-repeat;
	width:262px;
	height:40px;
	position: absolute;
	left:50%;
	margin-left:-500px;
	top:12px;
	z-index:20;
}

.catch {
	background:url(../img/catch.png) center top no-repeat;
	width:689px;
	height:58px;
	position: absolute;
	left:50%;
	margin-left:-345px;
	top:350px;
	z-index:20;
}

.logo {
	background:url(../img/logo.png) center top no-repeat;
	width:746px;
	height:151px;
	position: absolute;
	left:50%;
	margin-left:-373px;
	top:520px;
	z-index:20;
}

.day_staff {
	background:url(../img/day_staff.png) center top no-repeat;
	width:682px;
	height:119px;
	position: absolute;
	left:50%;
	margin-left:-341px;
	bottom:12px;
	z-index:20;
}

#Topics {
	width:1000px;
	margin:0 auto;
	padding:36px 0 10px;
}

#Topics ul {
	margin-right:-26px;
	display: block;
}

#Topics ul li {
	float:left;
	width:487px;
	height:100px;
	margin-right:26px;
	background-color:#F1F1F1;
	box-shadow:3px 3px 5px rgba(0,0,0,0.3);
	margin-bottom:26px;
}

#Topics ul li a img {
	opacity: 1;
	transition:all 0.3s;
}

#Topics ul li a:hover img {
	opacity: 0.6;
}

#Log {
	background-image: linear-gradient(
	-45deg,
	#e6f0e4 25%,
	#f3f8f2 25%, #f3f8f2 50%,
	#e6f0e4 50%, #e6f0e4 75%,
	#f3f8f2 75%, #f3f8f2
	);
	/* 幅8px、高さ8pxで背景画像のサイズを指定 */
	background-size: 6px 6px;
	padding:0 0 28px;
}

.loghead {
	background:url(../img/loghead_bg.jpg) left top repeat-x;
	width:100%;
	height:28px;
	position: relative;
	margin-bottom:28px;
}

.loghead:after {
	background:url(../img/loghead.png) left top no-repeat;
	content: "";
	width:123px;
	height:28px;
	position: absolute;
	top:0;
	left:50%;
	margin-left:-500px;
}

.logwrap {
	max-width:1100px;
	min-width: 1000px;
	margin:0 auto;
	height:140px;
	overflow: hidden;
}

#Log ul {
	background:url(../img/log_bg.png) center top repeat-y;
	width:100%;
}

#Log ul li {
	line-height: 28px;
	font-size:1.5rem;
	color:#59493f;
	text-align: left;
	width:1000px;
	margin:0 auto;
}

#Log ul li p {
	text-shadow:0 0 3px rgba(0,0,0,0.2);
}

#Log ul li p strong {
	font-weight: bold;
	color:#00561f;
	display: inline-block;
	margin-right:18px;
}

#Index_contents {
	background:url(../img/grand_bg2.png) left top repeat;
	width:100%;
	padding-top:24px;
	padding-bottom:240px;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
}

.widget_wrap {
	width:1000px;
	margin: 0 auto;
	height:438px;
}

.index_movie {
	background:url(../img/frame_movie.png) left top no-repeat;
	width:560px;
	height:315px;
	padding:62px 20px 66px 56px;
	float:left;
	margin-right:20px;
	margin-left:-36px;
	position: relative;
}

a.othermovie {
	width:220px;
	height:24px;
	position: absolute;
	right:0;
	top:20px;
	transition: all 0.3s;
}

a:hover.othermovie {
	opacity: 0.6;
}

.twitter {
	background:url(../img/frame_twitter.png) left top no-repeat;
	padding:64px 20px 20px 20px;
	width:376px;
	height:310px;
	float:left;
	text-align: left;
	position: relative;
	margin-right:-36px;
}

.foot_space {
	width:100%;
	height:240px;
}

footer {
	background:url(../img/footer.png) left top repeat-x;
	width:100%;
	height:120px;
	padding-top:120px;
	position: absolute;
	bottom: 0;
	*left:-1px;
	color:#fff;
	font-size:1.3rem;
}

#top_b {
    position:fixed;
    width:170px;
    height:170px;
    bottom:20px;
    right:-170px;
    transition:right 0.3s ease;
    -moz-transition:right 0.3s ease;
    -webkit-transition:right 0.3s ease;
    z-index:10000;
}

#top_b a {
	width:170px;
    height:170px;
	display: block;
	position: relative;
}

#top_b a img {
	opacity: 1;
	transition: all 0.3s;
}

#top_b a:hover img {
	margin-top:-10px;
}

.foot_logo {
	width:140px;
	height:53px;
	margin:0 auto 16px;
}

.social {
	width:1000px;
	position: absolute;
	bottom:24px;
	left:50%;
	margin-left:-500px;
}

.social ul li {
	height:20px;
	float:left;
	margin-right:12px;
}

/* サブページ */

#Subhead {
	width:100%;
	height:140px;
	position: relative;
}

#Subhead:after {
	content: "";
	background:url(../img/sub_general/head_deco.png) center top no-repeat;
	display: block;
	position: relative;
	width:791px;
	height:83px;
	margin:0 auto;
}

.subtitle {
	width:600px;
	height:140px;
	margin:0 auto;
}

#World #Subhead {background:url(../img/sub_general/subhead_bg01.jpg) center center no-repeat;}
#World .subtitle {background:url(../img/sub_general/subhead_01.png) center top no-repeat;}

#Story #Subhead {background:url(../img/sub_general/subhead_bg02.jpg) center center no-repeat;}
#Story .subtitle {background:url(../img/sub_general/subhead_02.png) center top no-repeat;}

#Character #Subhead {background:url(../img/sub_general/subhead_bg03.jpg) center center no-repeat;}
#Character .subtitle {background:url(../img/sub_general/subhead_03.png) center top no-repeat;}

#Gallery #Subhead {background:url(../img/sub_general/subhead_bg04.jpg) center center no-repeat;}
#Gallery .subtitle {background:url(../img/sub_general/subhead_04.png) center top no-repeat;}

#System #Subhead {background:url(../img/sub_general/subhead_bg05.jpg) center center no-repeat;}
#System .subtitle {background:url(../img/sub_general/subhead_05.png) center top no-repeat;}

#Special #Subhead {background:url(../img/sub_general/subhead_bg06.jpg) center center no-repeat;}
#Special .subtitle {background:url(../img/sub_general/subhead_06.png) center top no-repeat;}

#Product #Subhead {background:url(../img/sub_general/subhead_bg07.jpg) center center no-repeat;}
#Product .subtitle {background:url(../img/sub_general/subhead_07.png) center top no-repeat;}

#Sub_Contents {
	padding-top:130px;
}

/* ワールド */

.world_gallery {
	width:1000px;
	margin:0 auto;
}

.world_gallery ul {
	margin-right:-60px;
}

.world_gallery ul li {
	width:470px;
	height:270px;
	margin-right:60px;
	margin-bottom:48px;
	float:left;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}

.world_gallery ul li a{
	display: block;
	background:#fff;
}


.separate {
	font-size:2.4rem;
	color:gray;
	text-align: center;
	display: block;
	margin:0 auto 36px;
	padding:36px 0;
	letter-spacing: 36px;
}

.world_01 {
	background:url(../img/world/world_txt1.png) center top no-repeat;
	width:908px;
	height:202px;
	margin:0 auto 48px;
}

.world_02 {
	background:url(../img/world/world_txt2.png) center top no-repeat;
	width:908px;
	height:232px;
	margin:0 auto 48px;
}

.world_03{
	background:url(../img/world/world_txt3.png) center top no-repeat;
	width:908px;
	height:202px;
	margin:0 auto 48px;
}

/* ストーリー */

.story_body {
	background:url(../img/story/story_bg.png) left top no-repeat;
	width:808px;
	height:1062px;
	margin:0 auto 48px;
}

/* キャラクター */

#Chara_select {
	width:700px;
	margin:0 auto 48px;
}

#Chara_select ul {
	margin-right:-5px;
}

#Chara_select ul li {
	float: left;
	height:65px;
	margin-right:5px;
	margin-bottom:5px;
}

#Chara_body {
	position: relative;
	width:100%;
	height:900px;
}

.chara_00 {background:url(../img/character/chara_00.png) center top no-repeat;}
.chara_a01 {background:url(../img/character/chara_a01.png) center top no-repeat;}
.chara_a02 {background:url(../img/character/chara_a02.png) center top no-repeat;}
.chara_a03 {background:url(../img/character/chara_a03.png) center top no-repeat;}
.chara_a04 {background:url(../img/character/chara_a04.png) center top no-repeat;}
.chara_a05 {background:url(../img/character/chara_a05.png) center top no-repeat;}
.chara_a06 {background:url(../img/character/chara_a06.png) center top no-repeat;}
.chara_a07 {background:url(../img/character/chara_a07.png) center top no-repeat;}
.chara_b01 {background:url(../img/character/chara_b01.png) center top no-repeat;}
.chara_b02 {background:url(../img/character/chara_b02.png) center top no-repeat;}
.chara_b03 {background:url(../img/character/chara_b03.png) center top no-repeat;}
.chara_b04 {background:url(../img/character/chara_b04.png) center top no-repeat;}
.chara_c01 {background:url(../img/character/chara_c01.png) center top no-repeat;}
.chara_c02 {background:url(../img/character/chara_c02.png) center top no-repeat;}

.chara_voice {
	width:300px;
	height:50px;
	position: absolute;
	left:50%;
	top:250px;
	margin-left:-490px;
	z-index:50;
}

.chara_voice ul li {
	float:left;
	margin-right:24px;
}

.chara_voice ul li a {
	display: block;
	width:50px;
	height:50px;
	border-radius: 25px;
	overflow: hidden;
	line-height: 50px;
	color:#fff;
	font-size:2rem;
	box-shadow:0 0 5px rgba(143,143,143,0.70);
}

.chara_costume {
	width:300px;
	height:50px;
	position: absolute;
	left:50%;
	bottom:70px;
	margin-left:-490px;
	z-index:50;
}

.chara_costume ul li {
	float:left;
	margin-right:24px;
}

.chara_costume ul li a {
	display: block;
	width:180px;
	height:32px;
	border:2px solid #fff;
	border-radius: 5px;
	overflow: hidden;
	line-height: 32px;
	color:#fff;
	font-size:1.5rem;
	text-decoration: none;
	font-weight: bold;
	box-shadow:0 0 5px rgba(143,143,143,0.70);
}

.chara_00 .chara_voice ul li a {background:#e0628c; transition: all 0.3s;}
.chara_00 .chara_voice ul li a:hover {color:#e0628c; background:#fff;}
.chara_00 .chara_costume ul li a {background:#e0628c; transition: all 0.3s;}
.chara_00 .chara_costume ul li a:hover {color:#e0628c; background:#fff;}

.chara_a01 .chara_voice ul li a {background:#cc7301; transition: all 0.3s;}
.chara_a01 .chara_voice ul li a:hover {color:#cc7301; background:#fff;}
.chara_a01 .chara_costume ul li a {background:#cc7301; transition: all 0.3s;}
.chara_a01 .chara_costume ul li a:hover {color:#cc7301; background:#fff;}

.chara_a02 .chara_voice ul li a {background:#7d8c57; transition: all 0.3s;}
.chara_a02 .chara_voice ul li a:hover {color:#7d8c57; background:#fff;}
.chara_a02 .chara_costume ul li a {background:#7d8c57; transition: all 0.3s;}
.chara_a02 .chara_costume ul li a:hover {color:#7d8c57; background:#fff;}

.chara_a03 .chara_voice ul li a {background:#831916; transition: all 0.3s;}
.chara_a03 .chara_voice ul li a:hover {color:#831916; background:#fff;}
.chara_a03 .chara_costume ul li a {background:#831916; transition: all 0.3s;}
.chara_a03 .chara_costume ul li a:hover {color:#831916; background:#fff;}

.chara_a04 .chara_voice ul li a {background:#8f7b24; transition: all 0.3s;}
.chara_a04 .chara_voice ul li a:hover {color:#8f7b24; background:#fff;}
.chara_a04 .chara_costume ul li a {background:#8f7b24; transition: all 0.3s;}
.chara_a04 .chara_costume ul li a:hover {color:#8f7b24; background:#fff;}

.chara_a05 .chara_voice ul li a {background:#ff929b; transition: all 0.3s;}
.chara_a05 .chara_voice ul li a:hover {color:#ff929b; background:#fff;}
.chara_a05 .chara_costume ul li a {background:#ff929b; transition: all 0.3s;}
.chara_a05 .chara_costume ul li a:hover {color:#ff929b; background:#fff;}

.chara_a06 .chara_voice ul li a {background:#5B93BB; transition: all 0.3s;}
.chara_a06 .chara_voice ul li a:hover {color:#5B93BB; background:#fff;}
.chara_a06 .chara_costume ul li a {background:#5B93BB; transition: all 0.3s;}
.chara_a06 .chara_costume ul li a:hover {color:#5B93BB; background:#fff;}

.chara_a07 .chara_voice ul li a {background:#956e62; transition: all 0.3s;}
.chara_a07 .chara_voice ul li a:hover {color:#956e62; background:#fff;}
.chara_a07 .chara_costume ul li a {background:#956e62; transition: all 0.3s;}
.chara_a07 .chara_costume ul li a:hover {color:#956e62; background:#fff;}

.chara_b01 .chara_voice ul li a {background:#bfa600; transition: all 0.3s;}
.chara_b01 .chara_voice ul li a:hover {color:#bfa600; background:#fff;}
.chara_b01 .chara_costume ul li a {background:#bfa600; transition: all 0.3s;}
.chara_b01 .chara_costume ul li a:hover {color:#bfa600; background:#fff;}

.chara_b02 .chara_voice ul li a {background:#6b78a3; transition: all 0.3s;}
.chara_b02 .chara_voice ul li a:hover {color:#6b78a3; background:#fff;}
.chara_b02 .chara_costume ul li a {background:#6b78a3; transition: all 0.3s;}
.chara_b02 .chara_costume ul li a:hover {color:#6b78a3; background:#fff;}

.chara_b03 .chara_voice ul li a {background:#8674a5; transition: all 0.3s;}
.chara_b03 .chara_voice ul li a:hover {color:#8674a5; background:#fff;}
.chara_b03 .chara_costume ul li a {background:#8674a5; transition: all 0.3s;}
.chara_b03 .chara_costume ul li a:hover {color:#8674a5; background:#fff;}

.chara_b04 .chara_voice ul li a {background:#757575; transition: all 0.3s;}
.chara_b04 .chara_voice ul li a:hover {color:#757575; background:#fff;}
.chara_b04 .chara_costume ul li a {background:#757575; transition: all 0.3s;}
.chara_b04 .chara_costume ul li a:hover {color:#757575; background:#fff;}

.chara_c01 .chara_voice ul li a {background:#580d68; transition: all 0.3s;}
.chara_c01 .chara_voice ul li a:hover {color:#580d68; background:#fff;}
.chara_c01 .chara_costume ul li a {background:#580d68; transition: all 0.3s;}
.chara_c01 .chara_costume ul li a:hover {color:#580d68; background:#fff;}

.chara_c02 .chara_voice ul li a {background:#978249; transition: all 0.3s;}
.chara_c02 .chara_voice ul li a:hover {color:#978249; background:#fff;}
.chara_c02 .chara_costume ul li a {background:#978249; transition: all 0.3s;}
.chara_c02 .chara_costume ul li a:hover {color:#978249; background:#fff;}

.voice_n {background-color:dimgray!important; color:#BFBFBF!important; cursor: default;}

/* ギャラリー */

.gallery_wrap {
	width:1000px;
	margin:0 auto;
}

.gallery_wrap ul {
	margin-right:-20px;
}

.gallery_wrap ul li {
	width:320px;
	height:180px;
	margin-right:20px;
	margin-bottom:36px;
	float:left;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}

.gallery_wrap ul li a{
	display: block;
	background:#fff;
}


/* システム */

.syshead_01 {background:url(../img/system/head_01.png) left top no-repeat;width:406px;height:60px;margin:0 auto 60px;}
.syshead_02 {background:url(../img/system/head_02.png) left top no-repeat;width:406px;height:60px;margin:0 auto 60px;}
.syshead_03 {background:url(../img/system/head_03.png) left top no-repeat;width:406px;height:60px;margin:0 auto 60px;}
.syshead_04 {background:url(../img/system/head_04.png) left top no-repeat;width:406px;height:60px;margin:0 auto 60px;}
.syshead_05 {background:url(../img/system/head_05.png) left top no-repeat;width:406px;height:60px;margin:0 auto 60px;}
.syshead_06 {background:url(../img/system/head_06.png) left top no-repeat;width:406px;height:60px;margin:0 auto 60px;}

.system_01 {background:url(../img/system/system_01.png) left top no-repeat;width:1000px;height:592px;margin:0 auto 80px;}
.system_02 {background:url(../img/system/system_02.png) left top no-repeat;width:1000px;height:488px;margin:0 auto 80px;}
.system_03 {background:url(../img/system/system_03.png) left top no-repeat;width:1000px;height:624px;margin:0 auto 80px;}
.system_04 {background:url(../img/system/system_04.png) left top no-repeat;width:1000px;height:369px;margin:0 auto 80px;}
.system_05 {background:url(../img/system/system_05.png) left top no-repeat;width:1000px;height:369px;margin:0 auto 80px;}
.system_06 {background:url(../img/system/system_06.png) left top no-repeat;width:1000px;height:339px;margin:0 auto 80px;}

/* プロダクト */

.product_mv {
	background:url(../img/product/product_mv.jpg) left top no-repeat;
	width:793px;
	height:560px;
	margin:0 auto 48px;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}

.product_staff {
	background:url(../img/product/staff.png) left top no-repeat;
	width:549px;
	height:378px;
	margin:0 auto 48px;
}

.product_spec {
	background:url(../img/product/spec.png) left top no-repeat;
	width:708px;
	height:387px;
	margin:0 auto 48px;
}

/* 店舗特典 */

.head_shopbonus {background:url(../special/head_shop.png) left top no-repeat;width:406px;height:60px;margin:0 auto 60px;}

.bonus_wrap {
	width:1000px;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
}

.bonus_large {
	width:998px;
	position: relative;
	background:#fff;
	margin:0 auto 48px;
	border:1px solid #C9C9C9;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	padding-bottom:12px;
}

.bonus_middle {
	width:488px;
	position: relative;
	background:#fff;
	margin:0 auto 48px;
	border:1px solid #C9C9C9;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	padding-bottom:12px;
}

.bonustitle {
	background-color: #173a2a;
    border: 1px solid #164A32;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, .4) inset,
                0 0 4px rgba(0, 0, 0, .8) inset,
                2px 2px 2px rgba(0, 0, 0, .4);
    color: #fff;
    margin:0 0 12px;
    padding: 12px;
	font-size:1.8rem;
	text-align: left;
	text-indent: 12px;
	font-weight: bold;
}

.bonus_large>.bonusbox {
	padding:0 12px;
}

.bonusbox {
	text-align: left;
	width:472px;
	font-size:1.2rem;
	margin:0 auto;
	color:#4B4B4B;
	float:left;
}

.b_left {
	border-right:6px dotted #7eab97;
}

.b_right {
	border-left:6px dotted #7eab97;
}

.bonusbox h5 {
	font-size:1.8rem;
	font-weight: bold;
	color:#B50000;
	margin-bottom:16px;
}

.bonusbox h6 {
	font-size:1.6rem;
	font-weight: bold;
	color:#2c654b;
	margin-bottom:8px;
	position: relative;
	text-indent: -16px;
	padding-left:24px;
}

.bonusbox h6:before {
	content: "◆";
}

.bonusbox p {
	line-height: 1.7;
	margin-bottom:16px;
	padding-left:16px;
}

.bonusbox p strong {
	font-weight: bold;
	font-size:120%;
}

.bonusbox p.red {
	color:red;
}

.shoplink {
	width:100%;
	float:left;
	padding:24px 0 16px;
}

.shoplink a {
	width:50%;
	display: block;
	margin:0 auto;
	background-color:green;
	color:#fff;
	font-size:1.8rem;
	font-weight: bold;
	text-align: center;
	padding:8px 0px;
	border-radius: 7px;
	text-decoration: none;
}

.shop_event_a {
	background:url(../special/shop_event_a.jpg) left top no-repeat;
	width:998px;
	height:1600px;
	position: relative;
}

.shop_event_b {
	background:url(../special/shop_event_b.jpg) left top no-repeat;
	width:998px;
	height:1620px;
	position: relative;
}

.shop_event_button {
	width:360px;
	height:60px;
	position: absolute;
	left:50%;
	margin-left:-180px;
}

.bta {
	top:1508px;
}

.btb {
	top:848px;
}

.shop_event_button a img {
	transition: all 0.3s;
	opacity: 1;
}

.shop_event_button a:hover img {
	opacity: 0.6;
}

/* プレイ動画・体験版 */

.head_playmovie01 {background:url(../special/head_playmovie01.png) left top no-repeat;width:406px;height:60px;margin:0 auto 60px;}
.head_playmovie02 {background:url(../special/head_playmovie02.png) left top no-repeat;width:406px;height:60px;margin:0 auto 60px;}
.head_opmovie {background:url(../special/head_opmovie.png) left top no-repeat;width:406px;height:60px;margin:0 auto 60px;}
.head_trial {background:url(../special/head_trial.png) left top no-repeat;width:406px;height:60px;margin:0 auto 60px;}
.head_banner {background:url(../special/head_banner.png) left top no-repeat;width:406px;height:60px;margin:0 auto 60px;}
.head_music {background:url(../special/head_music.png) left top no-repeat;width:406px;height:60px;margin:0 auto 60px;}

.movie_box {
	width:960px;
	height:540px;
	margin:0 auto 96px;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
}

.trial_img {
	width:960px;
	height:540px;
	margin:0 auto 32px;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
}

.trial_img img {
	width:100%;
}

.trial_attention {
	padding:24px;
	width:900px;
	background:#fff;
	border:1px solid rgba(211,211,211,1.00);
	font-size:1.3rem;
	text-align: left;
	margin:0 auto 32px;
	color:rgba(34,62,32,1.00);
}

a.trial_download {
	background:rgba(34,146,60,1.00);
	color:#fff;
	text-decoration: none;
	font-size:1.6rem;
	font-weight: bold;
	display: block;
	width:500px;
	height:48px;
	line-height: 24px;
	border-radius: 3px;
	border:1px solid rgba(18,122,42,1.00);
	box-shadow:5px 5px 0 rgba(18,122,42,1.00);
	margin:0 auto 32px;
	padding:5px;
	transition: all 0.3s;
}

a:hover.trial_download {
	opacity: 0.6;
}

.bannerhead {
	color:#fff;
	background-color:#0b5b31;
	width:400px;
	height:24px;
	line-height: 24px;
	border-radius: 12px;
	margin:0 auto 48px;
	font-weight: bold;
	font-size:1.6rem;
}

.wrapbanner_180180 {
	width:1000px;
	margin:0 auto 60px;
}

.wrapbanner_180180 ul {
	margin-right:-20px;
}

.wrapbanner_180180 ul li {
	width:180px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.wrapbanner_180180 ul li bloclquote {
	width:180px;
}

.wrapbanner_160600 {
	width:880px;
	margin:0 auto 60px;
}

.wrapbanner_160600 ul {
	margin-right:-20px;
}

.wrapbanner_160600 ul li {
	width:160px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.wrapbanner_160600 ul li bloclquote {
	width:160px;
}

.urlbox {
	border:0;
	background-color:#ffffff;
	font-size:80%;
	font-family: "Meiryo","MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
	color:#460c08;
}

.banner_attention {
	width:1000px;
	margin:0 auto 24px;
	text-align: center;
}

.banner_attention p {
	text-align: left;
	display: inline-block;
	font-size:1.5rem;
	color:#07552D;
}

.banner_attention p strong {
	font-weight: bold;
	font-size:1.7rem;
}

.bgm_01 {
	width:1000px;
	height:180px;
	position: relative;
	margin:0 auto 36px;
	background-color:#fff;
	border:1px solid #D3D3D3;
	background:url(../special/music01.jpg) left top no-repeat;
}

.bgm_02 {
	width:1000px;
	height:180px;
	position: relative;
	margin:0 auto 36px;
	background-color:#fff;
	border:1px solid #D3D3D3;
	background:url(../special/music02.jpg) left top no-repeat;
}

.bgm_03 {
	width:1000px;
	height:180px;
	position: relative;
	margin:0 auto 36px;
	background-color:#fff;
	border:1px solid #D3D3D3;
	background:url(../special/music03.jpg) left top no-repeat;
}

.audio_box {
	display: block;
	width:460px;
	height:36px;
	position: absolute;
	right:32px;
	bottom:32px;
}

#mailform {
	width:900px;
	padding:24px;
	background-color:#fff;
	margin:0 auto 80px;
}

#mailform table {
	font-size:1.6rem;
	color:rgba(123,123,123,1.00);
	margin:0 auto;
	background-color:#fff;
	line-height: 1.6;
	border-collapse: separate;
	border-spacing: 0;
}

#mailform table th, #mailform table td {
	padding:12px 12px;
	border-bottom:1px dotted #000;
	text-align: left;
}

#mailform table p {
	font-size:1.2rem;
}

#mailform table span {
	color:red;
}

#mailform table input[type="text"] {
	line-height: 1.6rem;
	border:1px solid rgba(203,203,203,1.00);
	border-radius: 5px;
	height:20px;
	padding:2px 10px;
	
}

#mailform table input[type="button"] {
	line-height: 1.6rem;
	border:1px solid rgba(203,203,203,1.00);
	border-radius: 5px;
	width:160px;
	height:26px;
	display: inline-block;
	padding:2px 10px;
	background:rgba(239,239,239,1.00);
}

#mailform table input[type="button"]:active {
	background:rgba(184,184,184,1.00);
}

#mailform table input[type="submit"], #mailform table input[type="reset"]{
	line-height: 1.6rem;
	border:1px solid rgba(203,203,203,1.00);
	border-radius: 5px;
	width:180px;
	height:48px;
	display: inline-block;
	padding:2px 10px;
	background:rgba(0,152,26,1.00);
	color:#fff;
}

#mailform table input[type="submit"]:active, #mailform table input[type="reset"]:active {
	background:rgba(255,255,255,1.00);
	color:rgba(0,152,26,1.00);
}

#mailform table textarea {
	line-height: 1.6rem;
	border:1px solid rgba(203,203,203,1.00);
	border-radius: 5px;
	height:120px;
	padding:2px 10px;
}

p.thanks {
	font-size:1.6rem;
	color:#59493f;
}

p.thanks a {
	color:rgba(0,152,26,1.00);
	text-decoration: underline;
}

p.thanks a:hover {
	text-decoration: none;
}