@charset "utf-8";
/* CSS Document */
 @media screen and (max-width: 859px) {
/* タブレット、スマートフォン用 非Retina対応スタイル記述 */
	body {
		margin: 0;
		padding: 0;
	}
	
	.disable_sp {
		display: none;
	}

	
	.show_sp {
		display: block;
	}
	
	.disable_pc {
		display: block;
	}
	
	img {
		max-width: 100%;
	}
	
	img.f_left {
		float: none;
	}
	
	img.f_right {
		float: none;
	}
	
	#bg-video {
		top: 0%;
		min-width: 100%; 
		min-height: 100%;
		width: 100%; 
		height: 100%;
		
		-webkit-transform: translate(-50%,-12%);
    	-moz-transform: translate(-50%,-12%);
    	-ms-transform: translate(-50%,-12%);
    	-o-transform: translate(-50%,-12%);
    	transform: translate(-50%,-12%);	
		
		position: fixed;	
	}
	
	
	.slicknav_menu {
		top: -1px;
		z-index: 99999 !important;	
	}
	
	.scroll {
		z-index: 99;	
	}
	
	.scroll .btn_wrap {
		width: 100px;
		border-top: 1px solid #fff;	
		border-left: 1px solid #fff;	
		border-right: 1px solid #fff;	
		padding: 8px ;
	}
	
	.scroll .menu li {
		
	}
	
	.scroll .menu li:nth-child(1) {
		width: 33.3%;	
	}
	
	.scroll .menu li:nth-child(2) {
		width: 33.3%;	
	}
	
	.scroll .menu li:nth-child(3) {
		width: 33.3%;	
	}
	
	.scroll .menu li:nth-child(4) {
		width: 33.3%;	
	}
	
	.scroll .menu li:nth-child(5) {
		width: 33.3%;	
	}
	
	.scroll .menu li:nth-child(6) {
		width: 33.3%;	
	}
	
	.navi {
		right: 5%;	
	}
	
	.navi li:hover .tip {
		display: none;
		width: 8px;
		height: 8px;
		background: rgba(255, 255, 255, 0.6);	
	}
	
	
	.mousedown {
		top: 50%;
		color: #fff;
		line-height: 0.6em;	
	}
	
	.mousedown img {
		width: 26px;
	}
	
	.key_v {
		background: none;	
	}
	
	.key_v .disable_pc {
		position: static;
		z-index: -1;
		top: 0px;	
	}
	
	.key_v img {
		vertical-align: bottom;	
	}
	
	.main_catch {
		position: static;
		top: 58%;
		bottom: 0%;
		
		left: 50%;
		-webkit-transform: none;
    	-moz-transform: none;
		-ms-transform: none;
		-o-transform:none;
		transform: none;	
		
		width: 100%;
		padding: 15px 0;
		box-sizing: border-box;
		margin-left: 0;
		margin-right: auto;	
		
		/* display: none; */
		/* background: url(../../images/bg_catch.png); */
		background: #000;
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	@media screen and (max-width: 767px) {
		.main_catch {
			top: 62%;
		}
	}
	
	.main_catch.act {
		display: block;	
		
	}
	
	.main_catch .bg_wrap {
		background: none;
	}
	
	
	.main_catch h1 {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
	}
	
	.main_catch p {
		font-size: 16px;
		line-height: 2em;	
	}
	
	.main_catch p.catch {
		width: 60%;
		margin: 15px auto;
	}
	
	.main_catch p.date {
		width: 60%;
		margin: 15px auto 0;
	}
	
	
	.cont_wrap .cont {
		position: static;	
	}
	
	.cont_wrap.act .cont {
		position: static;	
	}
	
	.cont_wrap .cont .txt_box h2 .ft18 {
		font-size: 15px;
	}
	
	@media screen and (max-width: 767px) {
		.cont_wrap .cont .txt_box h2 {
			font-size: 32px;
			margin-bottom: 12px;
		}
		
		.cont_wrap .cont .txt_box p {
			font-size: 18px;
			margin-bottom: 15px;
		}
	}
	
	.cont_wrap.cont_00 .cont {
		background: url(../../images/sp/bg_cont_00.jpg);
		background-size: cover;
	}
	
	.cont_wrap.cont_01 .cont .txt_box {
		width: 100%;
		padding: 15px 4%;
		box-sizing: border-box;
		left: 0;
		bottom: 8%;
	}
	
	.cont_wrap.cont_01 .cont {
		background: url(../../images/sp/bg_cont_01.jpg);
		background-size: cover;
	}
	
	.cont_wrap.cont_02 .cont .txt_box {
		width: 100%;
		padding: 15px 4%;
		box-sizing: border-box;
		left: 0;
		bottom: 8%;
	}
	
	.cont_wrap.cont_02 .cont {
		background: url(../../images/sp/bg_cont_02.jpg);
		background-size: cover;
	}
	
	
	
	.cont_wrap.cont_03 .cont {
		background: url(../../images/sp/bg_cont_03.jpg);
		background-size: cover;
	}
	
	
	
	@media screen and (max-width: 767px) {
		.cont_wrap.cont_03 .cont .txt_box {
			width: 100%;
			padding: 15px 4%;
			box-sizing: border-box;
			top: auto;
			left: 0;
			bottom: 8%;
		}
		
		.cont_wrap.cont_03.act .cont .txt_box p {
			position: fixed;	
			left: 4%;
			top: 10px;
		}
	
		.cont_wrap.cont_03.act .cont .txt_box h2 {
			position: fixed;	
			left: 4%;
			top: 55px;
		}
	
		.cont_wrap.cont_03 .cont .txt_box .btn_wrap {
			margin-left: auto;
		}
	
	}
	
	
	
	.cont_wrap.cont_04 .cont .txt_box {
		width: 100%;
		padding: 15px 4%;
		box-sizing: border-box;
		left: 0;
		bottom: 8%;
	}
	
	.cont_wrap.cont_04 .cont {
		background: url(../../images/sp/bg_cont_04.jpg);
		background-size: cover;
	}
	
	
	.cont_wrap.cont_05 .cont .txt_box {
		bottom: none;
		top: 10px;
	}
	
	.cont_wrap.cont_05 .cont .txt_box p {
		margin-bottom: 25px;
	}
	
	
	
	.cont_wrap.cont_05 .cont {
		background: url(../../images/sp/bg_cont_05.jpg);
		background-size: cover;
	}
	
	.cont_wrap.cont_05 .cont .txt_box h2 { 
		line-height: 0.8em;
	}
	
	@media screen and (max-width: 767px) {
		.cont_wrap.cont_05 .cont .txt_box {
			width: 100%;
			padding: 15px 4%;
			box-sizing: border-box;
			left: 0;
			top:auto;
			bottom: 8%;
		}
	
		
		.cont_wrap.cont_05 .cont .txt_box h2 { 
			line-height: 1em;
		}
		
		.cont_wrap.cont_05.act .cont .txt_box h2 { 
			color: #fff;
			line-height: 1em;
		}
		
		.cont_wrap.cont_05 .cont .txt_box p {
			margin-bottom: 35px;
		}
		
		.cont_wrap.cont_05.act .cont .txt_box p {
			color: #fff;
		}
	
		.cont_wrap.cont_05 .cont .txt_box .btn_wrap a {
			color: #fff;	
		}
	
		.cont_wrap.cont_05 .cont .txt_box .btn_wrap.ove a:before {
			border-bottom-color: #fff;
    		border-left-color: #fff;
		}

		.cont_wrap.cont_05 .cont .txt_box .btn_wrap.ove a:after {
			border-top-color: #fff;
  	  		border-right-color: #fff;
		}
	}
	
	.cont_wrap.cont_06 .cont .txt_box {
		width: 100%;
		padding: 15px 4%;
		box-sizing: border-box;
		left: 0;
		bottom: 8%;
	}
	
	.cont_wrap.cont_06 .cont {
		background: url(../../images/sp/bg_cont_06.jpg);
		background-size: cover;
	}
	
	
	.spSnsBox {
		background: #111;	
	}
	
	@media screen and (max-width: 767px) {
		.foot_kirakira_logo {
			width: 80px;
		}
	}
	
	.foot_kirakira_logo .date {
		display: none;	
	}
	
	.foot_pagetop {
		z-index: 9999;	
		
		bottom: 40px;
	}
	
	@media screen and (max-width: 767px) {
		.foot_pagetop {
			width: 32px;
		}
	}
	
}


@media screen and (max-width: 520px) {
		
	}