@charset "shift_jis";

@media screen and (max-width: 480px) {
	.sp { display: block; }
	.pc { display: none;  }

html, body {
	height: auto;
	}

#wrap {
	width: 100%;
	overflow: hidden;
	}

/* keyVisual */
#main_img {
	position: relative !important;
	width: 100vw;
	min-width: 100%;
	height: calc(88vh - 45px);
	min-height: 460px;
	margin-bottom: 14px;
	overflow: hidden;
	}



	.bxslider-01,
	.bxslider-02,
	.bxslider-03,
	.bxslider-04 {
		position: relative;
		width: 100vw;
		height: calc(88vh - 50px);
		min-height: 455px;
		background: no-repeat center / cover;
		overflow: hidden;
		}
	.bxslider-01 { background-image: url(../../local/img2016/mv_slide01-sp.jpg);background-position: 20% top; background-size: auto 90%;}
	.bxslider-02 { background-image: url(../../local/img2016/mv_slide02-sp.jpg);background-position: 46% top; background-size: auto 90%;}
	.bxslider-03 { background-image: url(../../local/img2016/mv_slide03-sp.jpg);}
	.bxslider-04 { background-image: url(../../local/img2016/mv_slide04.jpg); background-position: 80%;}

	#kv-mask {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		padding-top: 26.66666%;
		background: url(../images/kv-mask.png) no-repeat center top / 100% auto;
		z-index: 100;
		}


	#main_img h2 {
		display: block;
		position: absolute;
		left: 20%;
		top: 11%;
		width: 60%;
		height: 0;
		margin: 0;
		padding-top: 64.5714%;
		background: url(../img2016/ttl_linkwest.png) no-repeat center top / contain;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		z-index: 5000;
		}
	#main_img .top-txt1 {
		position: absolute;
		left: 50%;
		top: 47%;
		width: 226px;
		height: 33px;
		margin-left: -113px;
		background-size: 226px auto;
		background-position: center top;
		background-repeat: no-repeat;
		z-index: 5000;
		}
	.bxslider-01 .top-txt1 { background-image: url(../img2016/mv_copy01.png); width: 226px !important; margin-left: -113px !important; background-size: 226px auto !important; }
	.bxslider-02 .top-txt1 { background-image: url(../img2016/mv_copy02.png); width: 281px !important; margin-left: -140px !important; background-size: 281px auto !important; }
	.bxslider-03 .top-txt1 { background-image: url(../img2016/mv_copy03.png); width: 281px !important; margin-left: -140px !important; background-size: 281px auto !important; }
	.bxslider-04 .top-txt1 { height: 60px !important; background-image: url(../img2016/mv_copy04_sp.png); width: 462px !important; margin-left: -231px !important; background-size: 462px auto !important; }


	#main_img .top-moredetail-sp {
		position: absolute;
		left: 20%;
		bottom: 30%;
		width: 60%;
		height: 0;
		margin-left: 0;
		padding-top: 12.3893%;
		background: url(../img2016/top-btn-detail.png) no-repeat center / contain;
		transition: .5s ease all;
		z-index: 5000;
		}
	#main_img .top-moredetail-sp:hover {
		opacity: .6;
		}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 22%;
	width: 100%;
}


/* lightbox */
.sp-lightbox {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0,23,73,0.95);
	z-index: 0;
	}
	.lb-contents-01,
	.lb-contents-02,
	.lb-contents-03,
	.lb-contents-04 {
		display: block;
		width: 100%;
		height: auto;
		min-height: 110vh;
		margin: 0 auto;
		padding-top: 5vh;
		padding-bottom: 5vh;
		background: none !important;
		}
		.lb-contents-01 figure,
		.lb-contents-02 figure,
		.lb-contents-03 figure,
		.lb-contents-04 figure {
			display: block;
			width: 80%;
			margin: 0 auto 2vh;
			}
			.lb-contents-01 figure img,
			.lb-contents-02 figure img,
			.lb-contents-03 figure img,
			.lb-contents-04 figure img {
				width: 100%;
				}
		.lb-contents-01 dl,
		.lb-contents-02 dl,
		.lb-contents-03 dl,
		.lb-contents-04 dl {
			width: 80%;
			margin: 0 auto;
			}
		.lb-contents-01 dt,
		.lb-contents-02 dt,
		.lb-contents-03 dt,
		.lb-contents-04 dt {
			margin-bottom: 2vh;
			padding: 0;
			box-sizing: border-box;
			}
		.lb-contents-01 dd,
		.lb-contents-02 dd,
		.lb-contents-03 dd,
		.lb-contents-04 dd {
			color: #fff;
			font-size: 14px;
			font-weight: normal !important;
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			}

	.fancybox-close-small {
		  position: absolute;
		  top: 0;
		  right: 0;
		  width: 40px;
		  height: 40px;
		  padding: 0;
		  margin: 0;
		  border: 0;
		  border-radius: 0;
		  background: transparent;
		  z-index: 10;
		  cursor: pointer; }

		.fancybox-close-small:after {
		  content: '×';
		  position: absolute;
		  top: 5px;
		  right: 5px;
		  width: 30px;
		  height: 30px;
		  font: 22px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
		  color: #888;
		  font-weight: 300;
		  text-align: center;
		  border-radius: 50%;
		  border-width: 0;
		  background-color: transparent;
		  transition: background-color .25s;
		  box-sizing: border-box;
		  z-index: 2; }




	#news-container {
		width: 100%;
		margin: 0 auto 0;
		padding: 70px 0;
		}

		#news-container h2 {
			display: block;
			margin: 0 auto 40px;
			background: url(../img2016/ttl_section_news_sp.png) no-repeat center top / 140px 33px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			}
		#news-container ul {
			display: block;
			width: 100%;
			margin: 0 auto;
			padding: 0 20px;
			box-sizing: border-box;
			list-style: none;
			}
			#news-container ul li {
				width: 100%;
				color: #666666;
				font-size: 13px;
				font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
				}
				#news-container ul li span {
					margin: 0;
					color: #0073b2;
					font-weight: bold;
					}
				#news-container ul li p {
					display: block;
					width: 100%;
					margin: 5px 0;
					line-height: 1.6;
					}

	#content_box {
		display: none;
		}


	#pickup-container {
		display: block;
		background: url(../img2016/bg_section_pu_sp.jpg) no-repeat center top / cover;
		width: 100%;
		margin: 0;
		padding: 30px 0;
		padding-bottom: 26px;
		}
		#pickup-container h2 {
			display: block;
			margin: 0 auto 40px;
			background: url(../img2016/ttl_section_pu_sp.png) no-repeat center top / 200px 33px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			}

			#pickup-container ul {
				display: block;
				width: 100%;
				margin: 0 auto;
				list-style: none;
				}

				#pickup-container ul li {
					display: block;
					/*width: 80%;
					padding: 0 10%;*/
					text-align: center !important;
					}

					#pickup-container ul li a {
						width: 80%;
						display: block;
						margin: 0 auto;
						}
					#pickup-container ul li img {
						width: 100%;
						}

		#pickup-container .bx-pager {
			bottom: -50px;
			}

			/*
			#content_box-sp #content_holder ul{
					margin: 0 auto;
				}
				#content_box-sp #content_holder ul li{
					position: static;
					float: none;
					width: 100%;
					margin: 0 0 20px !important;
					padding: 0 20px;
					box-sizing: border-box;
					}
				#content_box-sp #content_holder ul li img {
					width: 100%;
					}
				*/

	#msgmovie-container {
		width: 100%;
		margin: 0 auto;
		padding: 70px 0 90px;
		}
		#msgmovie-container h2 {
			display: block;
			width: 100%;
			height: auto;
			margin: 0 auto 20px;
			background: url(../img2016/ttl_section_movie_sp.png) no-repeat center top / 290px 23px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			}
		#msgmovie-container .videobox {
			display: block;
			width: auto;
			height: 177px;
			margin: 0 auto 0;
			background: url(../img2016/img_movie_sp.png) no-repeat center top / 315px 177px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			}
	.sp-msgmovie-btn {
		display: block;
		width: 90%;
		margin: 0 auto;
		padding: .9em 0 .7em;
		background-color: #0072bb;
		color: #FFF;
		text-align: center;
		font-size: 15px;
		letter-spacing: .05em;
		background: #0072bb url(../images/2x/arrow-down.png) no-repeat right 10px center/ 34px auto;
		}
	.sp-msgmovie-btn.open {
		background: #0072bb url(../images/2x/arrow-up.png) no-repeat right 10px center/ 34px auto;
		}

	#msgmovie-container ul {
		list-style: none;
		overflow: hidden;
		width: 90%;
		margin: 0 auto;
		padding: 30px 0 1px;
		background-color: #e7f2f8;
		}
		#msgmovie-container ul li {
			float: none;
			width: 80%;
			margin: 0 auto 30px !important;
			}
			#msgmovie-container ul li img {
				margin: 0;
				padding: 0;
				width: 100%;
				height: auto;
				}

	#bnr-container {
		width: 100%;
		background-color: #e3f5fd;
		overflow: hidden;
		}

		#bnr-container ul.bnr-container1,
		#bnr-container ul.bnr-container2 {
			width: 100%;
			margin: 0;
			padding: 0;
			}
			#bnr-container ul li {
				display: block;
				float: none;
				margin: 10px 0 20px;
				}
			#bnr-container ul li img {
				margin: 0 auto;
				}

	/*
	#bnr-container {
		width: 100%;
		margin: 0 auto 0;
		padding: 40px 0 40px;
		background-color: #e3f5fd;
		}
		#bnr-container ul {
			display: block;
			width: 100%;
			margin: 0 auto 0;
			list-style: none;
			overflow: hidden;
		}
			#bnr-container ul li {
				float: none;
				width: auto;
				margin: 0 auto 20px;
				}
			#bnr-container ul li:last-child {
				margin-right: 0;
				}
		*/


/* 動画 */
#movieOuter {
	display: none;
	padding: 0;
	width: 300px;
	height: 168px;
	overflow: hidden;
	}
	#movieContainer {
		width: 300px;
		height: 168px;
		}

.bottom_bar_link0066ae {
	display: block;
	width: 100%;
	height: 110px;
	background: #0066ae url(../images/link_01.png) no-repeat center / 80%;
}

}