@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	vertical-align:bottom;
	outline:none;
	font-family: "メイリオ", Meiryo;
	color: #333;
}

/**/


.loadingWrap{
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index:200;
}
.loadingWrap div{
    position: absolute;
    top: 46%;
    left:46%;
    margin-top: 0px;
    margin-left: 0px;
}

.spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.cube1, .cube2 {
  background-color: #F26964;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes sk-cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

/**/

html,body {
	height: 100%;
	background:#000;
}


#wrap {
	overflow:hidden;
}

#contents_pc {
	display:none;
}

#contents_sp {
	width: 100%;
	background: #000;
}

#float_menu {
	position:fixed;
	top: 0;
	lef: 0;
	width: 100%;
	background: url(../images_sp/menu_back.png);
	z-index:99;
}

#menu_sp {
	position:relative;
	display:-webkit-flex;
	display:flex;
	width: 100%;
	height: auto;
	border-bottom: 3px solid red;
	background: #fff;
}

.logo_sp {
	width: 12.5%;
	height: 100%;
	margin: 1.87% 0 1.87% 2.03%;
}

.menu_link_sp {
	position:absolute;
	display:-webkit-flex;
	display:flex;
	top: 0;
	right: 0;
	margin: 2.81% 3.12% 3.43% 0;
	font-size: 3.9vw;
	color: red;
}

.menu_link_sp a {
	color: red;
	text-decoration:none;
}

.menu_link_sp p {
	color: red;
	padding-left: 5px;
}

.top_space_sp {
	margin: 0 0 9.37% 0;
}

#top_sp {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background:url(../images_sp/top_image_back.png);
	background-size: cover;
	text-align:center;
	background-position: 50% 0%;
	z-index: 10;
}

.main_copy_sp {
	display:block;
	width: 83.43%;
	margin: 0 auto 4%;
	padding: 15% 0 0 0;
	font-family: "kozuka-mincho-pro";
	font-size: 10.4vw;
	letter-spacing: 0.09em;
	line-height: 1.15em;
	color: #ffffff;
}

.main_sub_sp {
	display:block;
	width: 84.21%;
	margin: 0 auto;
	padding-bottom: 20%;
	font-size: 3.59vw;
	letter-spacing: 0.01em;
	color: #ffffff;
}

.merit_sp {
	width: 80%;
	margin: 0 auto 20%;;
}


.cont_menu_sp {
	position: relative;
	width: 100%;
	margin: -10.93vw auto 0;
	z-index: 81;
}

.cont_menu_sp img {
	padding-top: 6.25vw;
}

.sp_photo1 {
	position: relative;
	width: 100%;
	height: 80vw;
	margin: -4.68vw auto 0;
	z-index: 1;
	overflow: hidden;
	background:url(../images_sp/sp_photo1.png);
	background-size:cover;
}

.sp_photo2 {
	position: relative;
	width: 100%;
	height: 80vw;
	margin: -4.68vw auto 0;
	z-index: 1;
	overflow: hidden;
	background:url(../images_sp/sp_photo2.png);
	background-size:cover;
}

.sp_photo3 {
	position: relative;
	width: 100%;
	height: 80vw;
	margin: -4.68vw auto 0;
	z-index: 1;
	overflow: hidden;
	background:url(../images_sp/sp_photo3.png);
	background-size:cover;
}



.cont_base_sp{
	position:relative;
	margin: 0 auto ;
	padding-bottom: 7.81vw;
	background: #fff;
	z-index: 80;
}

.cont_base2_sp{
	position:relative;
	margin: 0 auto ;
	padding-bottom: 7.81vw;
	background: #F4F4F2;
	z-index: 80;
}


.point_header_sp {
	width: 100%;
	text-align:center;
	padding: 4.68vw 0 3.12vw;
	color:#F26964;
	font-size: 6.75vw;
}

.point_maintext_sp {
	padding: 0 3.12vw;
	font-size: 3.75vw;
	text-align:justify;
}


.movie_sp {
	position:relative;
	background: #000;
	text-align:center;
	z-index: 14;
}

.pv_sp {
		margin: 3.12vw 0 25vw;
	}

.sns_sp {
	position:relative;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:center;
	align-items:center;
	width: 50vw;
	margin: 0 auto;
	padding: 7.81vw 0  18.75vw;
	z-index: 14;
}

.sns2_sp {
	position:relative;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:center;
	align-items:center;
	width: 50vw;
	margin: 0 auto;
	padding: 7.81vw 0 0;
	z-index: 14;
}

.sns_sp img,
.sns2_sp img {
	width: 9.68vw;
}

.user_header_sp {
	display:-webkit-flex;
	display:flex;
	padding: 7.81vw;
	font-size: 6.40vw;
	line-height: 1.1em;
}

.user_header_sp img {
	width: 10.93vw;
	height: 12.96vw;
	margin-right: 7.81vw;
}

.user_maintext_sp {
	padding: 0 4.68vw;
	font-size: 3.50vw;
	text-align:justify;
}

.user_sub_text_sp {
	text-align:right;
	margin: 3.12vw 4.68vw 6.25vw 0;
	font-size: 3.12vw;
}

.movie_header_sp {
	text-align:center;
	font-size: 5.62vw;
	margin: 4.68vw 0 ;
}

.movie_maintext_sp {
	padding: 0 4.68vw 6.25vw;
	font-size: 3.7vw;
	text-align:justify;
}

.data_headline_sp {
	text-align: center;
	font-size: 6.4vw;
	padding: 7.81vw 0 3.12vw;
}

.data_maintext_sp {
	text-align:center;
}

.data_maintext_sp p {
	display:inline-block;
	text-align:left;
	font-size: 3.43vw;
}

.category_big_sp {
	width: 46.8%;
	margin: 7.81vw auto 0;
	text-align:center;
}

.category_small_sp {
	width: 79.6%;
	margin: 7.81vw auto 0;
	text-align:center;
}

.category_headline_sp {
	font-size: 4.68vw;
	padding-bottom: 1.56vw;
	margin: 0 0 2.34vw;
	border-bottom: 1px solid #333;
}

.category_data_space_sp {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	text-align:left;
	font-size: 3.5vw;
	line-height: 1.8em;
}

.category_data_space_sp span {
	color: #ff8400;
}

.data_caution_sp {
	padding: 4.68vw 0 0 55vw;
}

.data_caution_sp p {
	color: #9c9c9c;
	font-size: 1.8vw;
}

.shooting_header_sp {
	padding: 6.25vw;
	text-align:center;
	font-size: 6.4vw;
}

.shooting_sub_sp {
	display:inline-block;
	padding-top: 4.68vw;
	text-align:left;
	font-size: 4.06vw;
}

.shooting_main_sp {
	width: 80.46vw;;
	margin: 0 auto;
	display:-webkit-flex;
	display:flex;
	font-size: 3.12vw;
}

.shooting_main_sp img {
	width: 13.28vw;
	height: 27.81vw;
}

.shooting_main_sp p {
	width: 62.5vw;
	padding-left: 4.68vw;
	text-align:justify;
}

.footer_text_sp {
	text-align:center;
	width: 100%;
	margin: 0 auto;
	background: #F26964;
}

.footer_text_sp p {
	display:inline-block;
	padding: 6.25vw 0;
	text-align:left;
	font-size: 4.84vw;
	line-height: 1.3em;
	color: #fff;
}

.link_btn_sp {
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width: 83.90%;
	margin: 0 auto;
	padding-top: 7.81vw;
}

.link_btn_sp img {
	width: 38.59vw;
	height: 11.71vw;
}

.footer_sp {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 3.12vw;
	text-align:center;
	background: #fff;
}

.footer_sp p {
	font-size: 2.5vw;
}

.smp {
	width: 100%;
}

.smp2 {
	width: 80%;
}

.menu_botoom_space_sp {
	margin-top: -4.68vw;
}

@media screen and (min-width:800px) {
		
	#menu_sp {
		width: 640px;
		margin: 0 auto;
	}
	
	.menu_link_sp {
		font-size: 24.5px;
	}
	
	.top_space_sp {
		margin-bottom: 61px;
	}
	
	#top {
		width: 640px;
		background:url(../images_sp/top_image_back.png);
		background-size: auto;
	}
	
	
	.cont_menu_sp {
		width: 640px;
		margin: -70px auto 0;
	}

	.cont_menu_sp img {
		padding-top: 40px;
	}
	
	.main_copy_sp {
		font-size: 69px;
	}
	
	.main_sub_sp {
		font-size: 23px;
	}
	
	.sp_photo1 {
		width: 640px;
		height: 350px;
		margin-top: -30px;
	}
	
	.sp_photo2 {
		width: 640px;
		height: 350px;
		margin-top: -30px;
	}
	
	.sp_photo3 {
		width: 640px;
		height: 350px;
		margin-top: -30px;
	}
	
	.cont_base_sp {
		width: 640px;
		padding-bottom: 50px;
	}
	
	.cont_base2_sp {
		width: 640px;
		padding-bottom: 50px;
	}
		
	.point_header_sp {
	padding: 30px 0 20px;
	font-size: 45px;
	}
	
	.point_maintext_sp {
		padding: 0 30px;
		font-size: 24px;
	}
	
	.movie_sp {
		width: 640px;
		margin: 0 auto;
	}
	
	.pv_sp {
		margin: 20px 0 160px;
	}
	
	.sns_sp {
		width: 320px;
		margin: 0 auto;
		padding: 50px 0 120px;
	}
	
	.sns2_sp {
		width: 320px;
		margin: 0 auto;
		padding: 50px 0 0;
	}
	
	.sns_sp img,
	.sns2_sp img {
		width: 62px;
	}
		
	.user_header_sp {
		padding: 50px;
		font-size: 41px;
	}

	.user_header_sp img {
		width: 70px;
		height: 83px;
		margin-right: 50px;
	}

	.user_maintext_sp {
		padding: 0 30px;
		font-size: 23.5px;
	}
	
	.user_sub_text_sp {
		margin: 20px 30px 40px 0;
		font-size: 20px;
	}
	
	.menu_botoom_space_sp {
		margin-top: -30px;
	}
	
	.movie_header_sp {
		font-size: 36px;
		margin: 30px 0 ;
	}

	.movie_maintext_sp {
		padding: 0 30px 40px;
		font-size: 25px;
	}
	
	.data_maintext_sp p {
		text-align:left;
		font-size: 22px;
	}

	.category_big_sp {
		width: 300px;
		margin: 50px auto 0;
	}

	.category_small_sp {
		width: 510px;
		margin: 50px auto 0;
	}

	.category_headline_sp {
		font-size: 30px;
		padding-bottom: 10px;
		margin: 0 0 15px;
	}

	.category_data_space_sp {
		font-size: 23px;
		line-height: 1.8em;
	}

	.category_data_space_sp span {
		color: #ff8400;
	}

	.data_caution_sp {
		padding: 30px 0 0 400px;
	}

	.data_caution_sp p {
		font-size: 13px;
	}
	
	.shooting_header_sp {
		padding: 40px;
			font-size: 41px;
	}

	.shooting_sub_sp {
		padding-top: 30px;
		font-size: 26px;
	}

	.shooting_main_sp {
		width: 515px;;
		font-size:20px;
	}

	.shooting_main_sp img {
		width: 85px;
		height: 178px;
	}

	.shooting_main_sp p {
		width: 400px;
		padding-left: 30px;
	}
	
	.footer_text_sp {
		width: 640px;
	}

	.footer_text_sp p {
		padding: 40px 0;
		font-size: 31px;
		line-height: 1.3em;
	}
	
	.link_btn_sp {
		width: 537px;
		padding-top: 50px;
	}

	.link_btn_sp img {
		width: 247px;
		height: 75px;
	}

	.footer_sp {
		width: 640px;
		padding-bottom: 20px;
	}

	.footer_sp p {
		font-size: 16px;
	}

}