@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:cotents.css */
/* creation date:2015年3月31日 */
/* last updated:2015年3月31日 */
/* -------------------------------------------------- */

/* --------------------------------------------------
	001.firstBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	.commentBlock {
		font-size:125%;
		text-align:center;
		padding:50px 0px;
	}
	.commentBlock br {
		display:none;
	}
}

@media screen and (max-width: 639px) {
	.commentBlock {
		text-align:center;
		padding:20px 0px;
	}
}



/* --------------------------------------------------
	002.mainImgBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#mainImgBlock {
		width:980px;
		position:relative;
		margin:0 auto 40px;
		overflow:hidden;
	}
	#mainImgBlock .item {
		z-index:10;
	}
	#mainImgBlock:after {
		width:409px;
		height:92px;
		background:url(/cmp/halloween/common_2015/images/ico_mainCover01.png) no-repeat;
		position:absolute;
		left:0px;
		top:0px;
		content:" ";
		display:block;
		z-index:1000;
	}
	#mainImgBlock:before {
		width:178px;
		height:68px;
		background:url(/cmp/halloween/common_2015/images/ico_mainCover02.png) no-repeat;
		position:absolute;
		right:0px;
		top:0px;
		content:" ";
		display:block;
		z-index:1000;
	}
	#mainImgBlock .prev ,
	#mainImgBlock .next {
		width:60px;
		text-align:center;
		color:#F5851F;
		line-height:60px;
		background:#000;
		margin-top:-30px;
		border-radius:50%;
		position:absolute;
		top:50%;
		cursor:pointer;
	}
	#mainImgBlock .prev {
		padding-left:20px;
		left:-30px;
	}
	#mainImgBlock .next {
		padding-right:20px;
		right:-30px;
	}
	#mainImgBlock .owl-pagination {
		width:100%;
		text-align:center;
		position:absolute;
		left:0;
		bottom:20px;
	}
	#mainImgBlock .owl-pagination .owl-page {
		width:38px;
		height:44px;
		line-height:44px;
		display:inline-block;
		vertical-align:middle;
	}
	#mainImgBlock .owl-pagination span {
		width:10px;
		height:10px;
		display:inline-block;
		border-radius:50%;
		background:#000;
		margin:0px auto;
	}
	#mainImgBlock .owl-pagination .active span {
		width:35px;
		height:43px;
		background:url(/cmp/halloween/common_2015/images/ico_arrow.png) no-repeat 50% 50%;
		margin:0 auto;
	}
}

@media screen and (max-width: 639px) {
	#mainImgBlock {
		width:100%;
		position:relative;
		margin:0 auto 40px;
	}
	#mainImgBlock img {
		width:100%;
		height:auto;
	}
	#mainImgBlock:after {
		width:204px;
		height:46px;
		background:url(/cmp/halloween/common_2015/images/ico_mainCover01.png) no-repeat;
		background-size:204px auto;
		position:absolute;
		left:0px;
		top:0px;
		content:" ";
		display:block;
		z-index:1000;
	}
	#mainImgBlock:before {
		width:89px;
		height:34px;
		background:url(/cmp/halloween/common_2015/images/ico_mainCover02.png) no-repeat;
		background-size:89px auto;
		position:absolute;
		right:0px;
		top:0px;
		content:" ";
		display:block;
		z-index:1000;
	}
	#mainImgBlock .prev ,
	#mainImgBlock .next {
		width:36px;
		text-align:center;
		color:#F5851F;
		line-height:36px;
		background:#000;
		margin-top:-18px;
		border-radius:50%;
		position:absolute;
		top:50%;
		cursor:pointer;
	}
	#mainImgBlock .prev {
		padding-left:10px;
		left:-18px;
	}
	#mainImgBlock .next {
		padding-right:10px;
		right:-18px;
	}
	#mainImgBlock .owl-pagination {
		width:100%;
		text-align:center;
		position:absolute;
		left:0;
		bottom:-30px;
	}
	#mainImgBlock .owl-pagination .owl-page {
		width:20px;
		display:inline-block;
		vertical-align:middle;
	}
	#mainImgBlock .owl-pagination span {
		width:10px;
		height:10px;
		display:inline-block;
		border-radius:50%;
		background:#fff;
		margin:0px auto;
	}
	#mainImgBlock .owl-pagination .active span {
		background:#E26213;
	}
}


/* --------------------------------------------------
	003.trickBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#trickBlock {
		width:990px;
		text-align:center;
		background:url(/cmp/halloween/common_2015/images/bg_ttl_trick_pc.png) no-repeat 50% 150px;
		margin:0 auto;
		padding:50px 0;
		overflow:hidden;
		zoom:1;
	}
	#trickBlock h2 {
		padding-bottom:50px;
	}
	#trickBlock article {
		width:25%;
		float:left;
		position:relative;
		padding:340px 15px 15px;
	}
	#trickBlock article:before {
		width:100%;
		height:320px;
		position:absolute;
		top:0px;
		left:0;
		content:" ";
		display:block;
	}
	#trickBlock article.trick1:before {
		background:url(/cmp/halloween/common_2015/images/fig_img01.png) no-repeat 50% 100%;
	}
	#trickBlock article.trick2:before {
		background:url(/cmp/halloween/common_2015/images/fig_img02.png) no-repeat 50% 100%;
	}
	#trickBlock article.trick3:before {
		background:url(/cmp/halloween/common_2015/images/fig_img03.png) no-repeat -10px 100%;
	}
	#trickBlock article.trick4:before {
		background:url(/cmp/halloween/common_2015/images/fig_img04.png) no-repeat 20px 100%;
	}
	#trickBlock article h3 {
		padding:20px 0;
		margin-bottom:15px;
	}
	#trickBlock article .inner {
		background:#1B1B1B;
		padding:20px 0;
		border-radius:5px;
		line-height:1.9;
	}
	#trickBlock article.trick1 h3 {
		background:url(/cmp/halloween/common_2015/images/bg_blue_30.png);
		border:1px solid #57AAF1;
	}
	#trickBlock article.trick1 .inner {
		border:1px solid #57AAF1;
	}
	#trickBlock article.trick1 .inner b {
		color:#57AAF1;
	}
	#trickBlock article.trick2 h3 {
		background:url(/cmp/halloween/common_2015/images/bg_green_30.png);
		border:1px solid #8fc31f;
	}
	#trickBlock article.trick2 .inner {
		border:1px solid #8fc31f;
		padding:35px 0;
	}
	#trickBlock article.trick2 .inner b {
		font-weight:700;
		color:#8fc31f;
	}
	#trickBlock article.trick3 h3 {
		background:url(/cmp/halloween/common_2015/images/bg_purple_30.png);
		border:1px solid #9d32ca;
	}
	#trickBlock article.trick3 .inner {
		border:1px solid #9d32ca;
	}
	#trickBlock article.trick3 .inner b {
		color:#9d32ca;
	}
	#trickBlock article.trick4 h3 {
		background:url(/cmp/halloween/common_2015/images/bg_orange_30.png);
		border:1px solid #f8b133;
	}
	#trickBlock article.trick4 .inner {
		line-height:1.5;
		border:1px solid #f8b133;
	}
	#trickBlock article.trick4 .inner b {
		color:#f8b133;
	}
}

@media screen and (max-width: 639px) {
	#trickBlock {
		text-align:center;
		margin:50px auto 20px auto;
		overflow:hidden;
		zoom:1;
	}
	#trickBlock h2 {
		background:url(/cmp/halloween/common_2015/images/bg_ttl_trick_sp.png) no-repeat 50% 50%;
		background-size:100% auto;
		padding:0 0 50px 0;
		margin-bottom:-50px;
	}
	#trickBlock h2 img {
		width:275px;
	}
	#trickBlock article {
		width:50%;
		float:left;
		position:relative;
		padding:15px 5px;
	}
	#trickBlock article:before {
		width:100%;
		height:160px;
		content:" ";
		display:block;
		position:relative;
		z-index:10;
	}
	#trickBlock article.trick1:before {
		background:url(/cmp/halloween/common_2015/images/fig_img01.png) no-repeat 50% 100%;
		background-size:auto 155px;
	}
	#trickBlock article.trick2:before {
		background:url(/cmp/halloween/common_2015/images/fig_img02.png) no-repeat 50% 100%;
		background-size:auto 158px;
	}
	#trickBlock article.trick3:before {
		background:url(/cmp/halloween/common_2015/images/fig_img03.png) no-repeat 50% 100%;
		background-size:auto 158px;
	}
	#trickBlock article.trick4:before {
		background:url(/cmp/halloween/common_2015/images/fig_img04.png) no-repeat 50% 100%;
		background-size:auto 163px;
	}
	#trickBlock article h3 {
		padding:20px 0;
		margin-top:-10px;
		margin-bottom:5px;
	}
	#trickBlock article h3 img {
		height:110px;
	}
	#trickBlock article .inner {
		background:#1B1B1B;
		padding:20px 0;
		border-radius:5px;
		line-height:1.9;
	}
	#trickBlock article.trick1 h3 {
		background:url(/cmp/halloween/common_2015/images/bg_blue_30.png);
		border:1px solid #57AAF1;
	}
	#trickBlock article.trick1 .inner {
		border:1px solid #57AAF1;
		letter-spacing:0;
	}
	#trickBlock article.trick1 .inner b {
		color:#57AAF1;
	}
	#trickBlock article.trick2 h3 {
		background:url(/cmp/halloween/common_2015/images/bg_green_30.png);
		border:1px solid #8fc31f;
	}
	#trickBlock article.trick2 .inner {
		border:1px solid #8fc31f;
		padding:31px 0;
	}
	#trickBlock article.trick2 .inner b {
		font-weight:700;
		color:#8fc31f;
	}
	#trickBlock article.trick3 h3 {
		background:url(/cmp/halloween/common_2015/images/bg_purple_30.png);
		border:1px solid #9d32ca;
	}
	#trickBlock article.trick3 .inner {
		border:1px solid #9d32ca;
	}
	#trickBlock article.trick3 .inner b {
		color:#9d32ca;
	}
	#trickBlock article.trick4 h3 {
		background:url(/cmp/halloween/common_2015/images/bg_orange_30.png);
		border:1px solid #f8b133;
	}
	#trickBlock article.trick4 .inner {
		line-height:1.5;
		border:1px solid #f8b133;
	}
	#trickBlock article.trick4 .inner b {
		color:#f8b133;
	}
}



/* --------------------------------------------------
	004.outlineBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#outlineBlock {
		width:980px;
		margin:0 auto 40px;
		position:relative;
	}
	#outlineBlock h2 {
		width:287px;
		height:98px;
		position:absolute;
		left:-80px;
		top:-40px;
	}
	#outlineBlock .innerBox {
		background:url(/cmp/halloween/common_2015/images/bg_white_alpha.png);
		border:5px solid #1A1A1A;
		padding:50px 30px 25px 30px;
	}
	#outlineBlock .innerBox dl {
		padding:15px 30px 40px;
		background:url(/cmp/halloween/common_2015/images/bg_line.png) no-repeat 0 100%;
	}
	#outlineBlock .innerBox dl dt {
		width:12%;
		font-size:113%;
		color:#238989;
		text-align:center;
		float:left;
	}
	#outlineBlock .innerBox dl dd {
		width:84%;
		float:right;
		position:relative;
	}
	#outlineBlock .innerBox dl dd small {
		font-size:75%;
		margin-left:10px;
	}
	#outlineBlock .innerBox dl dd u {
		text-decoration:none;
	}
	#outlineBlock .innerBox dl dd .mapBtn a {
		width:120px;
		height:20px;
		font-size:75%;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#fff;
		text-decoration:none;
		text-align:center;
		line-height:20px;
		border:1px solid #238989;
		background:#2e5d5d;
		display:block;
		position:absolute;
		top:50%;
		margin-top:-10px;
		right:0;
		border-radius:10px;
	}
}

@media screen and (max-width: 639px) {
	#outlineBlock {
		margin:0 auto 20px;
		position:relative;
	}
	#outlineBlock h2 {
		text-align:center;
		margin-bottom:-30px;
	}
	#outlineBlock h2 img {
		width:198px;
	}
	#outlineBlock .innerBox {
		background:url(/cmp/halloween/common_2015/images/bg_white_alpha.png);
		border-top:3px solid #1A1A1A;
		border-bottom:3px solid #1A1A1A;
		padding:20px 10px 25px 10px;
	}
	#outlineBlock .innerBox dl {
		padding:15px 10px;
		border-bottom:1px solid #1E3434;
		position:relative;
	}
	#outlineBlock .innerBox dl dt {
		font-size:113%;
		color:#238989;
		text-align:left;
	}
	#outlineBlock .innerBox dl dd {
		text-align:left;
	}
	#outlineBlock .innerBox dl dd small {
		font-size:83%;
		display:block;
	}
	#outlineBlock .innerBox dl dd span {
		display:block;
	}
	#outlineBlock .innerBox dl dd u {
		display:none;
	}
	#outlineBlock .innerBox dl dd .mapBtn a {
		width:80px;
		height:18px;
		font-size:83%;
		color:#fff;
		text-decoration:none;
		font-family:Georgia, "Times New Roman", Times, serif;
		text-align:center;
		line-height:18px;
		border:1px solid #238989;
		background:#2e5d5d;
		display:block;
		position:absolute;
		top:15px;
		right:0;
		border-radius:9px;
	}
}



/* --------------------------------------------------
	005.galleryBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#galleryBlock {
		width:990px;
		text-align:center;
		padding-top:80px;
		margin:0 auto 100px;
		position:relative;
	}
	#galleryBlock h2 {
		position:absolute;
		left:80px;
		top:0px;
	}
	#galleryBlock ul {
		position:relative;
		z-index:100;
	}
	#galleryBlock ul li {
		width:450px;
		position:relative;
		float:left;
	}
	#galleryBlock ul li .com {
		width:100%;
		letter-spacing:0;
		text-align:center;
		display:none;
		position:absolute;
		background:url(/cmp/halloween/common_2015/images/bg_black_80.png);
		padding:35px 20px;
		top:50%;
		left:0;
		margin:-100px auto 0 auto;
	}
	#galleryBlock ul li img {
		width:100%;
		height:auto;
	}
	#galleryBlock ul li.p1 {
		margin-left:480px;
	}
	#galleryBlock ul li.p2 {
		margin:-10px 15px 0px 50px;
	}
	#galleryBlock ul li.p3 {
		margin-top:40px;
	}
	#galleryBlock ul li.p4 {
		margin-top:-45px;
		margin-right:30px;
	}
	#galleryBlock ul li.p5 {
		margin-top:15px;
	}
	#galleryBlock ul li.p6 {
		margin-left:60px;
		margin-top:-45px;
		margin-right:15px;
	}
	#galleryBlock ul li.p7 {
		margin-top:20px;
	}
	#galleryBlock ul li.p8 {
		margin-top:-30px;
		margin-left:100px;
	}
}

@media screen and (max-width: 639px) {
	#galleryBlock {
		text-align:center;
		margin:0 auto 0px;
		position:relative;
	}
	#galleryBlock h2 {
		text-align:center;
	}
	#galleryBlock h2 img {
		width:168px;
	}
	#galleryBlock ul {
		position:relative;
		z-index:100;
		top:-40px;
	}
	#galleryBlock ul li {
		padding:10px 10px 15px;
	}
	#galleryBlock ul li .com {
		text-align:center;
	}
	#galleryBlock ul li .com br {
		display:none;
	}
	#galleryBlock ul li img {
		width:100%;
		height:auto;
		margin-bottom:10px;
	}
}


/* --------------------------------------------------
	006.faqBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#faqBlock {
		width:840px;
		margin:0 auto;
		padding:50px 0;
		overflow:hidden;
	}
	#faqBlock article {
		width:400px;
		border:5px solid #EC6D12;
		background:url(/cmp/halloween/common_2015/images/bg_borderW.png);
		padding:5px 15px 15px;
		margin:10px 10px 20px;
		position:relative;
		float:left;
	}
	#faqBlock article.q3 {
		float:none;
		margin:10px auto;
		clear:both;
	}
	#faqBlock article:before {
		width:178px;
		height:63px;
		background:url(/cmp/halloween/common_2015/images/bg_faq.png) no-repeat;
		position:absolute;
		content:" ";
		right:0px;
		top:0px;
	}
	#faqBlock article h3 {
		font-size:125%;
		text-align:center;
		padding:15px 0 20px;
	}
	#faqBlock article h3 br {
		display:none;
	}
	#faqBlock article h3 span {
		display:block;
	}
	#faqBlock article .inner {
		min-height:114px;
		font-size:88%;
		letter-spacing:0;
		color:#000;
		background:#F8B133;
		padding:15px;
		position:relative;
	}
	#faqBlock article .inner:after {
		content:" ";
		display:block;
		position:absolute;
	}
	#faqBlock article.q3 .inner {
		min-height:auto;
	}
	#faqBlock article.q1 .inner:after {
		width:46px;
		height:48px;
		background:url(/cmp/halloween/common_2015/images/ico_01_pc.png) no-repeat;
		top:-20px;
		right:5px;
	}
	#faqBlock article.q2 .inner:after {
		width:66px;
		height:36px;
		background:url(/cmp/halloween/common_2015/images/ico_02_pc.png) no-repeat;
		bottom:-20px;
		right:5px;
	}
	#faqBlock article.q3 .inner:after {
		width:42px;
		height:50px;
		background:url(/cmp/halloween/common_2015/images/ico_03_pc.png) no-repeat;
		top:-38px;
		left:3px;
	}
	#faqBlock article .inner p {
		line-height:1.5;
	}
}

@media screen and (max-width: 639px) {
	#faqBlock {
		padding:30px 10px 0;
	}
	#faqBlock article {
		border:3px solid #EC6D12;
		background:url(/cmp/halloween/common_2015/images/bg_borderW.png);
		background-size:1px auto;
		padding:5px 15px 15px;
		margin:10px;
		position:relative;
	}
	#faqBlock article:before {
		width:89px;
		height:32px;
		background:url(/cmp/halloween/common_2015/images/bg_faq.png) no-repeat;
		background-size:89px auto;
		position:absolute;
		content:" ";
		right:0px;
		top:0px;
	}
	#faqBlock article span img {
		width:95px;
	}
	#faqBlock article h3 {
		font-size:125%;
		line-height:1.4;
		text-align:center;
		padding:5px 0 10px;
	}
	#faqBlock article .inner {
		font-size:88%;
		letter-spacing:0;
		color:#000;
		background:#F8B133;
		padding:15px;
		position:relative;
	}
	#faqBlock article .inner:after {
		content:" ";
		display:block;
		position:absolute;
	}
	#faqBlock article.q3 .inner {
		min-height:auto;
	}
	#faqBlock article.q1 .inner:after {
		width:42px;
		height:43px;
		background:url(/cmp/halloween/common_2015/images/ico_01_sp.png) no-repeat;
		background-size:42px auto;
		top:-20px;
		right:5px;
	}
	#faqBlock article.q2 .inner:after {
		width:64px;
		height:35px;
		background:url(/cmp/halloween/common_2015/images/ico_02_sp.png) no-repeat;
		background-size:auto 35px;
		bottom:-10px;
		right:5px;
	}
	#faqBlock article.q3 .inner:after {
		width:36px;
		height:43px;
		background:url(/cmp/halloween/common_2015/images/ico_03_sp.png) no-repeat;
		background-size:auto 43px;
		top:-30px;
		left:3px;
	}
	#faqBlock article .inner p {
		line-height:1.5;
	}
	.btn-space{
		width: 100%;
		text-align: center;
	}
	.btn-report {
		margin-top: 10px;
		width: 90%;
		max-width: 400px;
	}
	.btn-text{
		margin-top: 10px;
		font-size: 16px;
	}
		.btn-text a:link {
	    color: #FFF;
	    font-weight: bold;
	}
	.btn-text a:visited {
	    color: #FFF;
	    font-weight: bold;
	}
	.btn-text a:hover {
	    color: #777;
	    font-weight: bold;
	}
	.spn-br{
		display: block;
	}
}

/* --------------------------------------------------
	007.catchBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#catchBlock {
		background:url(/cmp/halloween/common_2015/images/bg_orange_gra.png) repeat-y 50% 0% #F4961F;
	}
	#catchBlock p {
		text-align:center;
		background:url(/cmp/halloween/common_2015/images/bg_borderH.png);
		padding:40px 0;
		box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
	}
	.btn-space{
		text-align: center;
		width: 100%;
	}
	.btn-report{
		margin-top: 10px;
		display: inline-block;
		width: 600px;
	}
	.btn-text{
		margin-top: 10px;
		font-size: 20px;
	}
	.spn-br{
		display: none;
	}
	.btn-text a:link {
	    color: #FFF;
	    font-weight: bold;
	}
	.btn-text a:visited {
	    color: #FFF;
	    font-weight: bold;
	}
	.btn-text a:hover {
	    color: #777;
	    font-weight: bold;
	}
	.btn-underspace{
		margin: 40px 0;
	}

@media screen and (max-width: 639px) {
	#catchBlock {
		background:url(/cmp/halloween/common_2015/images/bg_orange_gra.png) repeat-y 50% 0% #F4961F;
		background-size:auto 5px;
		margin-bottom:20px;
		margin-top:-25px;
	}
	#catchBlock p {
		text-align:center;
		background:url(/cmp/halloween/common_2015/images/bg_borderH.png);
		background-size:auto 1px;
		padding:20px 0 10px;
		box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.35);
	}
	#catchBlock p img {
		width:100%;
}