.clrfx:after {
    content:" ";
    display:block;
    clear:both;
}

a {
	outline:none;
	opacity:1;
	transition:.4s;
}

a:hover {
	opacity:0.5;
}

img {
	width:100%;
	height:auto;
}
/*

px   %
10 = 77
11 = 85
12 = 93 (was 93)
13 = 100
14 = 108 (was 107)
15 = 116 (was 114)
16 = 123.1 (was 122)
17 = 131 (was 129)
18 = 138.5 (was 136)
19 = 146.5 (was 144)
20 = 153.9 (was 152)
21 = 161.6 (was 159)
22 = 167
23 = 174
24 = 182
25 = 189
26 = 197

*/

/*====================================

ブラウザのデフォルトリセット　初期設定

====================================*/
html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p,
header, hgroup, nav, section, article, aside, footer, figure, figcaption , div {
    margin: 0;
    padding: 0;
    font-size: 100%;
	list-style:none;
	line-height:0;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	background:#662e05;
	line-height: 1;
	font-style: normal;
	font-weight: 200;
	font-size:100%;
	color:#ffffff;
	-webkit-text-size-adjust: none;
}

#bgp {
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat;
	background-position:center top 10px;
	background-size: cover;
	z-index: 1;
}

.pc_view {
	display:block;
}

.sp_view {
	display:none;
}

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

	.sp_view {
		display:block;
	}
}

.wrap {
	max-width:640px;
	width:90%;
	margin:0 auto;
	padding:0 5%;
}

#header {
	height:10px;
	position:relative;
	z-index:3;
	width:100%;
	background: #662e05;
}

h1 {
	max-width:741px;
	margin:0 auto;
	padding: 65px 0 0 0;
	position: relative;
	z-index: 2;
}

#cloud {
	position:absolute;
	top:100px;
	width:100%;
	background-image:url(../img/cloud_base.png);
	background-size:auto 584px;
	background-repeat:no-repeat;
	background-position:center top;
	height:1500px;
	z-index:1;
	overflow:hidden;
	opacity: 0.4;
}

#gotosokanet {
	width:100%;
	max-width:1000px;
	text-align:right;
	margin:-10px auto 0 auto;
	position:relative;
}

#gotosokanet a:hover {
	opacity:1;
}

#gotosokanet img {
	width:134px;
	position:absolute;
	top:0;
	right:10px;
	z-index:4;
}

#navi {
	margin-top:0px;
	background-image:url(../img/bg_navi.png);
	background-size:1000px auto;
	background-repeat:no-repeat;
	background-position:center center;
	padding:30px 0 30px 0;
	text-align:center;
	position:relative;
	z-index:2;
}

@media screen and (max-width : 640px) {
	h1 {
		padding:50px 0 30px 0;
	}
	#navi {
		margin-top:-20px;
	}
}

#navi .wrap {
	max-width:1000px;
}

#navi li {
	display:inline-block;
}

#navi img {
	height:25px;
	width:auto;
	padding:0 35px;
	display:inline-block;
}

@media screen and (max-width : 1000px) {
	#navi img {
		padding:0 15px;
	}
}

@media screen and (max-width : 640px) {
	#navi {
		margin-top:-22px;
		margin-bottom: 10px;
		background-image:url(../img/bg_navi_sp.png);
		background-size:1px auto;
		background-repeat:repeat-x;
		background-position:center center;
		padding:0px 0 0px 0;
		text-align:center;
		position:relative;
		z-index:2;
	}
	#navi .wrap {
		width: 100%;
		padding: 0;
	}
	#navi li {
		width:33.333%;
		float:left;
	}
	#navi img {
		padding:13px 0px 15px 0;
		height: 18px;
	}
}

#pages_mainshow {
	position:relative;
	z-index:2;
}

#pages_mainshow p.sp_view {
	width: 90%;
}

.mainvideo {
	position:relative;
}

.gear {
	display:block;
	position:absolute;
	z-index:1;
}

#pages_mainshow a:hover .gear {
	z-index:1;
}

@media screen and (max-width : 1000px) {
	.gear {
		display:none;
	}
}

.gear img {
	width:78px;
	height:auto;
}


#gear1 img {
	width:112px;
}

#gear4 img {
	width:80px;
}

#gear1 {
	top:185px;
	left:40px;
	animation: linear rotate1 8s infinite;
}

#gear2 {
	top:20px;
	left:465px;
	animation: linear rotate1 14s infinite;
	z-index:1;
}

#gear3 {
	top:110px;
	right:90px;
	animation: linear rotate3 20s infinite;
}

#gear4 {
	top:600px;
	right:130px;
	animation: linear rotate1 8s infinite;
}

#gear5 {
	top:110px;
	right:230px;
	animation: linear rotate1 8s infinite;
}

#gear6 {
	top:60px;
	left:260px;
	animation: linear rotate3 20s infinite;
}


@keyframes rotate1 {
	0%    {transform:rotate(0deg);}
	100%  {transform:rotate(360deg);}
}

@keyframes rotate3 {
	0%    {transform:rotate(360deg);}
	100%  {transform:rotate(0deg);}
}

#pages_mainshow .wrap {
	max-width:1000px;
	width:100%;
	margin:0 auto;
	padding:0 0;
}

#pages_mainshow p {
	max-width:651px;
	margin:0 auto;
	padding:50px 0 30px 0;
}

@media screen and (max-width : 1000px) {
	#pages_mainshow p {
		padding:20px 0 30px 0;
	}
}

#pages_mainshow a {
	display:block;
}

#pages_mainshow a:hover {
	opacity:0.8;
}

#btn_mainshow {
	max-width:1000px;
	position:relative;
	z-index:2;
}

#pages_mainshow a:hover {
	z-index:2;
}

#photo {
	padding:80px 0;
	position:relative;
	z-index:2;
}

#photo .wrap {
	max-width:911px;
	width:84%;
	position:relative;
}

#photo h2 {
	max-width:430px;
	width: 100%;
	margin:0 auto;
	padding:0 0 30px 0;
}

#photo .bx-wrapper {
	/*margin-left:-4% !important;*/
}

.bxslider_gallery li {
	float:left;
}

.bx-controls {
    z-index: 90;
    position: absolute;
    top: calc(50% - 23px);
	top: -webkit-calc(50% - 23px);
	left:50%;
    transform: translate(-50% , -50%);
    width: 100%;
	max-width:942px;
}

.bx-controls-direction {
    width: 100%;
	max-width:942px;
    margin: 0 auto;
    display: block;
    position: relative;
}

.bx-prev {
	background-image:url(../img/btn_left.png);
	background-size:77px auto;
	height:77px;
	width:77px;
	display: block;
    left: -24px;
    top: -14px;
	text-indent:-9999px;
	position:absolute;
}

.bx-next {
	background-image:url(../img/btn_right.png);
	background-size:77px auto;
	height:77px;
	width:77px;
	display: block;
    right: -24px;
    top: -14px;
	text-indent:-9999px;
	position:absolute;
}

@media screen and (max-width : 1050px) {
	.bx-prev {
		left:10px;
	}

	.bx-next {
		right:10px;
	}
}


@media screen and (max-width : 680px) {
	.bx-prev {
		left:-13px;
	}

	.bx-next {
		right:-13px;
	}
}

#sns {
	background-image: url(../img/bg_sns.png);
	background-size: auto 170px;
	background-position: center top;
	background-repeat: no-repeat;
	position:relative;
	z-index:2;
}

#sns .wrap {
	max-width:445px;
	padding: 30px 0 135px;
}

#sns li {
	padding:37px 0;
	float:left;
	width:31%;
	margin-right:3.5%;
}

#sns li:nth-child(3) {
	margin-right:0;
}

#sns li a {
	padding:0px 0px;
	height: 40px;
	display:block;
}

#sns img {
	width:100%;
}

#pages_topics_movie {
	padding:0 0 80px 0;
	position:relative;
	z-index:2;
}

#pages_topics_movie h2 {
	padding:0 0 30px 0;
	max-width: 320px;
	text-align: center;
	margin: 0 auto;
}

#pages_topics_movie .wrap {
	max-width: 1000px;
	width: 90%;
}

#pages_topics_movie li {
	width: 32%;
	display: inline-block;
}

#pages_mainshow .dl_btn {
	max-width:400px;
	margin:0 auto;
	padding: 0 0 50px 0;
}

#pages_moreinformation {
	padding:80px 0;
	position:relative;
	z-index:2;
}

#pages_moreinformation .wrap {
	max-width:942px;
}

#pages_moreinformation h2 {
	width:250px;
	padding:0 0 30px 0;
	margin:0 auto;
}


#pages_moreinformation li {
	float: left;
	width: 30%;
	margin-right: 5%;
}

#pages_moreinformation li h3 {
	line-height: 1.4;
	text-align: justify;
	padding: 8px 0 4px 0;
}

#pages_moreinformation li p {
	line-height: 1.5;
	text-align: justify;
	font-size: 0.9em;
}

#pages_moreinformation li:nth-child(3) {
	margin-right: 0%;
}

@media screen and (max-width : 951px) {
	#pages_moreinformation li {
		float: none;
		width: 90%;
		margin-right: 0%;
		margin: 0 auto 30px auto !important;
		max-width: 540px;
	}
	#pages_topics_movie li {
		width: 100%;
		display: block;
		max-width: 540px;
		margin-left: auto;
		margin-right: auto;
	}
}

#footer {
	padding:40px 0;
	position:relative;
	background-image: url(../img/bg_footer.png);
	background-size: 1024px auto;
	background-position: center top;
	background-repeat: no-repeat;
	z-index:2;
}

#footer ul {
	padding: 0 0 50px 0;
}

#footer li {
	display: inline-block;
	width: 45%;
	padding: 0 2%;
}

#footer img {
	max-width:335px;
	display:block;
	margin:0 auto;
}

#navi_wrap.fixed {
	position:fixed;
	top:-16px;
	left:0;
	z-index:100;
	width:100%;
}