/* CSS Document */

/* ALL_setting
================================================== */
*{
	margin:0;
	padding:0;
	font-family: "Noto Sans JP", sans-serif, monospace;
	font-size: 12px;
}

.clear{clear:both;}

html , body {
	min-height: 100%;
	height: auto;
	height: 100%;
	word-break: break-all;
}

a { outline: none; }
a:focus, *:focus { outline:none; }

.a_link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

img{vertical-align: bottom}

.wf-notosansjapanese { font-family: "Noto Sans JP"; }
.Josefin Sans Regular, Semibold {font-family: 'Josefin Sans', sans-serif;}
.Satisfy{font-family: 'Satisfy', cursive;}

.pc{ display: inherit!important; }
.sp{ display: none!important; }
@media screen and (max-width: 699px){
.pc{ display: none!important; }
.sp{ display: inherit!important; }
}


/* paneltab_setting
================================================== */

.more_text{
	width: 30%;
	margin: 0 auto 4%;
	border: #e80093 2px solid;
	color: #e80093;
	font-size: 1.4em;
	font-weight: bold;
	padding: 1% 0;
	text-align: center;
}

.more_text:hover{
	background-color: #e80093;
	color: white;
}


@media screen and (max-width: 699px){
	.more_text{
		width: 50%;
		margin: 0 auto 8%;
		border: #e80093 2px solid;
		color: #e80093;
		font-size: 1.4em;
		font-weight: bold;
		padding: 1% 0;
		text-align: center;
	}
}

.more_text_2{
	width: 90%;
	margin: 0 auto 4%;
	border: #e80093 2px solid;
	color: #e80093;
	font-size: 1.4em;
	font-weight: bold;
	padding: 1% 0;
	text-align: center;
}

.more_text_2:hover{
	background-color: #e80093;
	color: white;
}


@media screen and (max-width: 699px){
	.more_text_2{
		width: 90%;
		margin: 0 auto 8%;
		border: #e80093 2px solid;
		color: #e80093;
		font-size: 1.4em;
		font-weight: bold;
		padding: 1% 0;
		text-align: center;
	}
}


/* page-top_setting
================================================== */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 60px;
	font-size: 77%;
}
#page-top a {
	
	text-decoration: none;
	color: #fff;
	width: 56px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	
}

/* loading_setting
================================================== */
#loader {
	width: 100%;
	height: 100vh;
	display: table;
	position: fixed;
	_position: absolute; /* IE6対策 */
	z-index: 999;

}

.loader_box{
	width: 30%;
	margin: auto;
	height: 100vh;
	display: table;
}

.loader_table_cell{
	display: table-cell;
	vertical-align: middle;
}


#fade {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	width:100%;
	height:100%;
	display: none;
	background-color: #ee056b;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 998;
}

@media screen and (max-width: 699px){
	.loader_box{
		width: 80%;
		margin: auto;
		height: 100vh;
		display: table;
	}
}

/* TOP_setting
================================================== */

.pc_top_main_img{
	width: 100%;
	min-height: auto;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	position: relative;
}

.top_catch_1{
	width: 5%;
	position: absolute;
	top: 0%;
	right: 6%;
	opacity: 0;
	transition: all 2s ease 1s;
}

.top_catch_2{
	width: 16%;
	position: absolute;
	top: 65%;
	right: 28%;
	opacity: 0;
	transition: all 2s ease 1s;
}

.top_logo{
	width: 36%;
	position: absolute;
	top: 37%;
	right: 6%;
	transition: all 2s ease 2s;
	opacity: 0;
}

.top_onsale{
	width: 14%;
	position: absolute;
	top: 56%;
	right: 6%;
	opacity: 0;
	transition: all 2s ease 2s;
}

.fade_in{
	opacity: 1!important;
}

.fade_in_catch1{
	opacity: 1!important;
	top: 4%;
}

.fade_in_catch2{
	opacity: 1!important;
	right:23%;
}

.pc_side_logo{
	width: 4%;
	top: 8%;
	position: fixed;
	z-index: 100;
	opacity: 0;
	transition: all 0.5s ease 0s;
}

.pc_side_logo2{
	width: 4%;
	top: 8%;
	position: fixed;
	z-index: 100;
	opacity: 1;
	transition: all 0.5s ease 0s;
}

.pc_side_logo_fixed{
	opacity: 1!important;
}

@media screen and (max-width: 699px){
	.pc_side_logo{
		width: 10%;
		top: 8%;
		position: fixed;
		z-index: 100;
		opacity: 0;
		transition: all 0.5s ease 0s;
	}
	.pc_side_logo2{
		width: 10%;
		top: 8%;
		position: fixed;
		z-index: 100;
		opacity: 1;
		transition: all 0.5s ease 0s;
	}
}


/* MENU_setting
================================================== */

.pc_menu_wrapper{
	width: 100%;
	position: relative;
	z-index: 99;
	background-color: #EE056B;
	text-align: center;
}

.pc_menu_box1{
	margin: 17px 20px;
	display: inline-block;
	font-family: 'Josefin Sans', sans-serif;
}

.pc_menu_box1 a{
	text-decoration: none;
	color: white;
	font-size: 20px;
	font-family: 'Josefin Sans', sans-serif;
}

.pc_menu_box1 a:hover{
	color:#cafb57;
}

.m_fixed {
  position: fixed;
  left: 0;
  top: 0;
}

.n_space{
	padding-top: 54px;
}

/* NEWS_setting
================================================== */

.news_wrapper{
	width: 90%;
	margin: auto;
	text-align: center;
	margin-top: 2%;
	margin-bottom: 4%;
}

.news_title{
	font-size: 5vw;
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
	color: #e80093;
	line-height: 60px;
	padding-top: 4%;
	padding-bottom: 2%;
	letter-spacing:1vw;
}

.news_title p{
	font-size: 1vw;
	font-family: "Noto Sans JP";
	letter-spacing:1vw;
}

.news_title2{
	font-size: 4.0vw;
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
	color: #ed056b;
	line-height: 4.0vw;
	padding-top: 4%;
	padding-bottom: 2%;
	letter-spacing:0.5vw;
}

.news_title2 p{
	line-height: 20px;
}


.news_box{
	width: 20%;
	margin: 0% 1%;
	padding-bottom: 3%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
	position: relative;
	z-index: 1;
}

.news_box a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
}

.news_box:hover{
	opacity: 0.8;
}


.news_data{
	background-color: #cafb57;
	position: absolute;
	padding: 1% 2%;
	color: #e80093;
	font-size: 16px;
	font-family: 'Josefin Sans', sans-serif;
}

.news_img{
	width: 96%;
	padding-top: 2%;
	margin: auto;
}

.news_text{
	width: 96%;
	margin: auto;
	padding-top: 1%;
	font-size: 16px;
	font-family: "Noto Sans JP";
}

.news_table_title_style1{
	text-align: center;
	width: 90%;
	padding: 1% 4%;
	font-size: 1.2em;
	font-weight: bold;
	color: #e80093;
	margin: 2% auto 1%;
	border: 1px solid #e80093;
}

.news_table_style1{
	text-align: center;
	background-color: #e80093;
	padding: 1% 2%;
	color: white;
	font-weight: bold;
	width: 20%;
	font-size: 1.4em;
}

.news_table_style2{
	text-align: left;
	border: 1px solid #e80093;
	padding: 1% 2%;
	color: #e80093;
	font-weight: bold;
	width: 30%;
	font-size: 1.4em;
}

.news_table_style3{
	text-align: left;
	border: 1px solid #e80093;
	padding: 1% 2%;
	color: #000;
	font-weight: bold;
	width: 30%;
	font-size: 1.3em;
	line-height: 30px;
}

@media screen and (max-width: 699px){
	.news_wrapper{
		width: 98%;
		margin: auto;
		text-align: center;
		margin-top: 2%;
		margin-bottom: 6%;
	}
	.news_title{
		font-size: 36px;
		font-family: 'Josefin Sans', sans-serif;
		text-align: center;
		color: #e80093;
		line-height: 30px;
		padding-top: 10%;
		padding-bottom: 8%;
		letter-spacing:6px;
	}

	.news_title2{
		font-size: 6.0vw;
		font-family: 'Josefin Sans', sans-serif;
		text-align: center;
		color: #ed056b;
		line-height: 4.0vw;
		padding-top: 4%;
		padding-bottom: 2%;
		letter-spacing:0.5vw;
	}

	.news_title p{
		font-size: 14px;
		font-family: "Noto Sans JP";
		letter-spacing:6px;
	}

	.news_box{
		width: 46%;
		margin: 0% 1%;
		padding-bottom: 6%;
		display: inline-block;
		text-align: left;
	}
	.news_text{
		width: 96%;
		margin: auto;
		padding-top: 1%;
		font-size: 2.4vw;
		font-family: "Noto Sans JP";
	}
	.news_data{
		background-color: #cafb57;
		position: absolute;
		padding: 1% 2%;
		color: #e80093;
		font-size: 2.4vw;
		font-family: 'Josefin Sans', sans-serif;
	}
}

/* NEWS_PAGE_setting
================================================== */

.news_page_wrapper{
	width: 100%;
	margin: auto;
	text-align: center;
	background-image: url("../image/lp_pc_character_bg.jpg");
	background-attachment: fixed;
	background-size:cover;
	background-position: center top;
	background-repeat: repeat-y;
}

.news_page_box{
	width: 50%;
	background-color: white;
	margin: auto;
	padding: 4% 5%;
	text-align: left;
}

.news_page_style_box{
	border-bottom: 1px dashed #000;
	padding: 2% 0;
}

.news_page_text_style1{
	font-family: 'Satisfy', cursive;
	color: #e80093;
	font-size: 16px;
}

.news_page_text_style2{
	font-family: "Noto Sans JP";
	color: #000;
	font-size: 24px;
	margin-bottom: 2%;
}

.news_page_text_data{
	margin: 0.2% 0 3%;
}

.news_page_text_data span{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 22px;
	background-color: #cafb57;
	color: #e80093;
	padding: 0.4% 1%;
}

.news_page_img_style1{
	margin-bottom: 3%;
}

.news_page_text_style3{
	font-family: "Noto Sans JP";
	color: #000;
	font-size: 20px;
	margin-bottom: 2%;
	line-height: 34px;
}

.news_page_back{
	font-family: "Noto Sans JP";
	text-align: center;
	padding: 6% 0 0;
}

.news_page_back a {
	font-size: 24px;
	text-decoration: none;
	color: #e80093;
	font-weight: bold;
}

.news_page_back a:hover{
	color:#cafb57;
}

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

.news_page_box{
	width: 80%;
	background-color: white;
	margin: auto;
	padding: 4% 5%;
	text-align: left;
}

}

/* MOVIE_setting
================================================== */

.intro_bg_box{
	background-image: url("../image/lp_pc_intro_bg.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-position: center top;
}

.intro_text_box{
	text-align: center;
	padding: 0px 0 80px;
	font-size: 1vw;
	line-height: 2.2vw;
	font-family: "Noto Sans JP";
}

.intro_text_style1{
	background-color: black;
	color: white;
	font-family: "Noto Sans JP";
	padding: 0 0px 3px;
	font-size: 1vw;
}

.intro_text_style2{
	color: #cafa57;
	
	font-family: "Noto Sans JP";
	font-size: 1vw;
}

.intro_text_style3{
	color: #000;
	background-color: #cafa57;
	font-family: "Noto Sans JP";
	font-size: 1vw;
	font-weight: bold;
}

.movie_bg_box{
	background-image: url("../image/lp_pc_movie_bg.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-position: center top;
}

.movie_title{
	font-size: 5vw;
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
	color: #fff;
	line-height: 60px;
	padding-top: 8%;
	padding-bottom: 2%;
	letter-spacing:1vw;
}

.movie_title p{
	font-size: 1vw;
	font-family: "Noto Sans JP";
	letter-spacing:1vw;
}

.movie_wrapper{
	width: 90%;
	margin: auto;
	text-align: center;
	margin-top: 2%;
	padding-bottom: 6%;
}

.movie_box{
	width: 30%;
	margin: 0% 1% 2%;
	display: inline-block;
}

.movie_box:hover{
	opacity: 0.8;
}

.coming_soon_textstyle1{
	font-family: 'Josefin Sans', sans-serif;
	font-size: 2vw;
	color: white;
	text-align: center;
}

@media screen and (max-width: 699px){
	.movie_bg_box{
		padding-top: 10%;
		padding-bottom: 10%;
	}

	.movie_title{
		font-size: 36px;
		font-family: 'Josefin Sans', sans-serif;
		text-align: center;
		color: #fff;
		line-height: 30px;
		padding-top: 8%;
		padding-bottom: 4%;
		letter-spacing:6px;
	}

	.movie_title p{
		font-size: 14px;
		font-family: "Noto Sans JP";
		letter-spacing:6px;
	}
	
	.movie_box{
		width: 100%;
		margin: 0% 0% 3%;
		display: block;
	}
	.coming_soon_textstyle1{
		font-family: 'Josefin Sans', sans-serif;
		font-size: 5vw;
		color: white;
		text-align: center;
	}
	.intro_text_box{
		text-align: center;
		padding: 0px 0 80px;
		font-size: 2.4vw;
		line-height: 5.2vw;
		font-family: "Noto Sans JP";
	}

	.intro_text_style1{
		background-color: black;
		color: white;
		font-family: "Noto Sans JP";
		padding: 0 0px 3px;
		font-size: 2.4vw;
	}

	.intro_text_style2{
		color: #cafa57;
		font-weight: bold;
		font-family: "Noto Sans JP";
		font-size: 2.4vw;
	}
	.intro_text_style3{
		color: #000;
		background-color: #cafa57;
		font-family: "Noto Sans JP";
		font-size: 2.4vw;
		font-weight: bold;
	}
}

/* STORY_setting
================================================== */

.story_bg_box{
	background-image: url("../image/lp_pc_story_bg.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-position: center top;
}

.story_title{
	font-size: 5vw;
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
	color: #EE056B;
	line-height: 60px;
	padding-top: 8%;
	padding-bottom: 2%;
	letter-spacing:1vw;
}

.story_title p{
	font-size: 1vw;
	font-family: "Noto Sans JP";
	letter-spacing:1vw;
}

.story_wrapper{
	width: 90%;
	margin: auto;
	text-align: center;
	margin-top: 2%;
	padding-bottom: 10%;
}

.story_wrapper p span{
	font-size: 18px;
	font-family: "Noto Sans JP";
	line-height: 50px;
	padding: 0.2% 2%;
	background-color: white;
}

@media screen and (max-width: 699px){
	.story_bg_box{
		background-image: url("../image/lp_sp_story_img.jpg");
		background-attachment: scroll;
		background-size:contain;
		background-repeat: no-repeat;
		background-position: center bottom;
		background-color: #d1fd5a;
		padding: 8% 0 0;
	}

	.story_title{
		font-size: 36px;
		font-family: 'Josefin Sans', sans-serif;
		text-align: center;
		color: #EE056B;
		line-height: 30px;
		padding-top: 8%;
		padding-bottom: 4%;
		letter-spacing:6px;
	}

	.story_title p{
		font-size: 14px;
		font-family: "Noto Sans JP";
		letter-spacing:6px;
	}
	
	.story_wrapper p span{
		font-size: 2.1vw;
		line-height: 6vw;
		font-family: "Noto Sans JP";
		padding: 0.2% 1%;
		background-color: white;
	}
	
	.story_wrapper{
		width: 98%;
		margin: auto;
		text-align: center;
		margin-top: 2%;
		padding-bottom: 80%;
	}
}

/* CHARACTER_setting
================================================== */

.character_bg_box{
	background-image: url("../image/lp_pc_character_bg.jpg");
	background-attachment: scroll;
	background-size: cover;
	background-position: center top;
}

.character_title{
	font-size: 5vw;
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
	color: #fff;
	line-height: 60px;
	padding-top: 8%;
	padding-bottom: 2%;
	letter-spacing:1vw;
}

.character_title p{
	font-size: 1vw;
	font-family: "Noto Sans JP";
	letter-spacing:1vw;
}

.character_wrapper{
	width: 90%;
	margin: auto;
	text-align: center;
	margin-top: 1%;
	padding-bottom: 10%;
}

.character_thumb{
	width: 50%;
	margin: auto;
	display: table;
	letter-spacing: -1px;
}

.character_thumb .arrow{
	display: inline-block;
	width: 10%;
	padding: 0% 1%;
	cursor: pointer;
	box-sizing: border-box;
}

.character_thumb .arrow:hover{
	transition: all 0.1s ease 0s;
	transform: scale(1.1,1.1);
}

.character_thumb .arrow p{
	color: white;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 16px;
	margin: 4px 0 0 0;
}

li{list-style: none;}

.character_box{
	width: 80%;
	margin: auto;
	display: table;
	position: relative;
}

.character_left_box{
	width: 50%;
	display: table-cell;
	vertical-align: top;
}

.character_right_box{
	width: 46%;
	text-align: left;
	display: table-cell;
	vertical-align: top;
	padding-top: 10%;
	padding-left: 4%;
}

.character_voice_box{
	
}

.character_text_box{
	width: 80%;
}

.character_table-cell{
	display: table-cell
}

.character_inline-block{
	display: inline-block;
}

.character_voice_icon{
	width: 2%;
	vertical-align: middle;
	margin-left: 2%;
	margin-right: 1%;
}

.character_voice_bt{
	width: 5%;
	margin-left: 1%;
	vertical-align: middle;
}

.character_text_spec_box{
	background-color: white;
	padding: 0.2% 1%;
	margin: 2% 0%;
}

.character_check_icon{
	width: 5%;
	vertical-align: top;
	padding: 0 0 1%;
}

.character_left_arrow{
	position: absolute;
	left: 0%;
	top: 24%;
	width: 5%;
	cursor: pointer;
}

.character_right_arrow{
	position: absolute;
	right: 0%;
	top: 24%;
	width: 5%;
	cursor: pointer;
}

.character_text_style1{
	font-family: 'Satisfy', cursive;
	color: white;
	font-size: 16px;
}

.character_text_style2{
	font-family: "Noto Sans JP";
	color: white;
	font-size: 52px;
}

.character_text_style3{
	font-family: "Noto Sans JP";
	color: white;
	font-size: 18px;
	line-height: 30px;
}

.character_text_style3_a{
	font-family: "Noto Sans JP";
	color: #e80093;
	font-size: 18px;
	line-height: 30px;
	background-color:#fff;
	padding: 8px 10px 8px 10px;
	text-decoration: none;
}

.character_text_style3_a:hover{
	color: #e80093;
	background-color:#cafb57;
}

.character_text_style4{
	font-family: "Noto Sans JP";
	color: black;
	vertical-align: top;
	font-size: 0.9vw;
	width: 94%;
	padding: 0.4% 0;
}

.character_text_comment{
	padding: 10px 0;
}

.item2,.item3,.item4,.item5,.item6,.item7,.item8,.item9,.item10{display: none;}

.character_2 {display: none;}

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

	.character_bg_box{
		background-image: url("../image/lp_sp_character_img.jpg");
		background-attachment: scroll;
		background-size: cover;
		background-position: center top;
		padding: 8% 0 0;
	}

	.character_title{
		font-size: 36px;
		font-family: 'Josefin Sans', sans-serif;
		text-align: center;
		color: #fff;
		line-height: 30px;
		padding-top: 8%;
		padding-bottom: 4%;
		letter-spacing:6px;
	}

	.character_title p{
		font-size: 14px;
		font-family: "Noto Sans JP";
		letter-spacing:6px;
	}
	
	.character_thumb{
		width: 90%;
		margin: auto;
		display: block;
		letter-spacing: -1em;
	}

	.character_thumb .arrow{
		display: inline-block;
		width: 20%;
		padding: 0% 2% 4%;
		cursor: pointer;
	}

	.character_thumb .arrow:hover{
		transition: all 0.0s ease 0s;
		transform: scale(1,1);
	}

	.character_thumb .arrow p{
		color: white;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 2vw;
		margin-top: 4px;
		letter-spacing: 0em;
	}

	.character_wrapper{
		width: 100%;
		margin: auto;
		text-align: center;
		margin-top: 1%;
		padding-bottom: 18%;
	}

	.character_box{
		width: 100%;
		margin: auto;
		display: block;
		position: relative;
	}

	.character_left_box{
		width: 100%;
		display: block;
		vertical-align: top;
	}

	.character_right_box{
		width: 80%;
		margin: -30% auto 0%;
		text-align: left;
		display: block;
		vertical-align: top;
		padding-top:  0%;
		padding-left: 0%;
	}

	.character_text_box{
		width: 100%;
	}

	.character_voice_icon{
		width: 6%;
		vertical-align: middle;
		margin-left: 2%;
		margin-right: 1%;
	}

	.character_voice_bt{
		width: 12%;
		margin-left: 1%;
		vertical-align: middle;
	}
	
	.character_text_style3{
		font-family: "Noto Sans JP";
		color: white;
		font-size: 3vw;
		line-height: 24px;
	}
	
	.character_text_style4{
		font-family: "Noto Sans JP";
		color: black;
		vertical-align: middle;
		font-size: 2vw;
		width: 93%;
	}
	
	.character_left_arrow{
		position: absolute;
		left: 2%;
		top: 30%;
		width: 12%;
		cursor: pointer;
	}

	.character_right_arrow{
		position: absolute;
		right: 2%;
		top: 30%;
		width: 12%;
		cursor: pointer;
	}
}


/* GALLERY_setting
================================================== */

.gallery_bg_box{
	background-image: url("../image/lp_gallery_bg.jpg");
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: center top;
	position: relative;
	z-index: -3;
}

.gallery_bg{
	background-image: url("../image/lb_gallery_bg_2.png");
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: -2;
}

.gallery_title{
	font-size: 5vw;
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
	color: #e80093;
	line-height: 60px;
	padding-top: 8%;
	padding-bottom: 0%;
	letter-spacing:1vw;
}

.gallery_title p{
	font-size: 1vw;
	font-family: "Noto Sans JP";
	letter-spacing:1vw;
}

.gallery_wrapper{
	width: 100%;
	margin: auto;
	text-align: center;
	margin-top: 2%;
	padding-bottom: 5%;
	overflow: hidden;
}

.gallery_thumb{
	width: 70%;
	margin: auto;
}

.gallery_thumb li{
	padding: 0% 0.5%;
	cursor: pointer;
	transform: scale(0.9,0.9);
}

.gallery_thumb li:hover{
	transition: all 0.1s ease 0s;
	transform: scale(1,1);
}

.gallery_thumb p{
	font-family: 'Josefin Sans', sans-serif;
	color: #e80093;
	font-size: 16px;
	line-height: 30px;
}

.gallery_thumb2{
	width: 30%;
	margin: auto;
}

.gallery_thumb2 li{
	padding: 0% 2%;
	cursor: pointer;
	transform: scale(0.9,0.9);
}

.gallery_thumb2 li:hover{
	transition: all 0.1s ease 0s;
	transform: scale(1,1);
}

.gallery_thumb2 p{
	font-family: 'Josefin Sans', sans-serif;
	color: #e80093;
	font-size: 16px;
	line-height: 30px;
}

.box_shadow{
	filter: drop-shadow(4px 4px 0px rgba(202,251,87,1));
}

.gallery_box{
	padding-top: 3%;
}

.gallery_left_box{
	display: inline-block;
	width: 39%;
	vertical-align: top;
	text-align: left;
}

.gallery_right_box{
	display: inline-block;
	width: 60%;
	text-align: left;
	background-image: url("../image/lp_gallery_text_bg.jpg");
	background-repeat: repeat-x;
	box-shadow: 5px 5px;
}

.gallery_text_style1{
	text-align: left;
	padding-left: 4%;
	font-family: 'Satisfy', cursive;
	font-size: 32px;
	vertical-align: top;
	display: inline-block;
	color: #e80093;
}

.gallery_text_style2{
	text-align: left;
	padding-left: 4%;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 180px;
	display: inline-block;
	line-height: 150px;
	color: #e80093;
}

.gallery_text_style3{
	width: 90%;
	margin:10% auto 8%;
	font-family: "Noto Sans JP";
	font-size: 0.8vw;
	line-height: 1.4vw;
}

.gallery_arrow_left{
	width: 4%;
	position: absolute;
	top:25%;
	left: 14%;
	z-index: 90;
}

.gallery_arrow_right{
	width: 4%;
	position: absolute;
	top:25%;
	right: 14%;
	z-index: 90;
}

.gallery_arrow_left:hover,.gallery_arrow_right:hover{
	opacity: 0.8;
}


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

	.gallery_bg_box{
		background-image: url("../image/lp_sp_gallery_img.jpg");
		background-attachment: scroll;
		background-size: cover;
		background-repeat: repeat;
		background-position: center top;
		position: relative;
		z-index: -3;
		padding-top: 10%;
	}

	.gallery_bg{
		background-image: none;
		background-attachment: scroll;
		background-repeat: no-repeat;
		background-position: center top;
		position: absolute;
		top: 0;
		width: 100%;
		height: 100vh;
		z-index: -2;
	}

	.gallery_title{
		font-size: 36px;
		font-family: 'Josefin Sans', sans-serif;
		text-align: center;
		color: #e80093;
		line-height: 30px;
		padding-top: 8%;
		padding-bottom: 4%;
		letter-spacing:6px;
	}

	.gallery_title p{
		font-size: 14px;
		font-family: "Noto Sans JP";
		letter-spacing:6px;
	}
	
	.gallery_thumb{
		width: 94%;
		margin: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.gallery_thumb li{
		padding: 0% 1%;
		cursor: pointer;
		transform: scale(0.9);
		box-sizing: border-box;
		width: calc(100% / 7)!important;
	}

	.gallery_thumb p{
		font-family: 'Josefin Sans', sans-serif;
		color: #e80093;
		font-size: 2vw;
		line-height: 3.5vw;
	}

	
	.gallery_thumb2{
		width: 90%;
		margin: auto;
	}
	
	.gallery_thumb2 li{
		padding: 0% 2%;
		cursor: pointer;
		transform: scale(1,1);
	}
	
	.gallery_thumb2 p{
		font-family: 'Josefin Sans', sans-serif;
		color: #e80093;
		font-size: 2vw;
		line-height: 3.5vw;
	}

	.gallery_wrapper{
		width: 100%;
		margin: auto;
		text-align: center;
		margin-top: 2%;
		padding-bottom: 6%;
		overflow: hidden;
	}
	
	.gallery_left_box{
		display: block;
		width: 100%;
		vertical-align: top;
		text-align: center;
		padding: 2% 0%;
	}

	.gallery_right_box{
		display: block;
		width: 90%;
		margin: 4% auto 0%;
		text-align: left;
		background-image: url("../image/lp_gallery_text_bg.jpg");
		background-repeat: repeat-x;
		padding:8% 0% 4%; 
		box-shadow: 5px 5px;
	}
	
	.gallery_arrow_left{
		width: 10%;
		position: absolute;
		top:1%;
		left: 4%;
		z-index: 90;
	}

	.gallery_arrow_right{
		width: 10%;
		position: absolute;
		top:1%;
		right: 4%;
		z-index: 90;
	}
	
	.gallery_text_style1{
		text-align: left;
		padding-left: 4%;
		font-family: 'Satisfy', cursive;
		font-size: 26px;
		vertical-align: top;
		display: inline-block;
		color: #e80093;
	}

	.gallery_text_style2{
		text-align: left;
		padding-left: 4%;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 50px;
		display: inline-block;
		line-height: 40px;
		color: #e80093;
	}

	.gallery_text_style3{
		width: 90%;
		margin:10% auto 8%;
		font-family: "Noto Sans JP";
		font-size: 2vw;
		line-height: 24px;
	}
}


/* DOWNLOAD_setting
================================================== */

.download_bg_box{
	background-image: url("../image/lp_pc_movie_bg.jpg");
	background-attachment: fixed;
	background-size: cover;
	background-position: center top;
	padding: 0 0 80px 0;
}

.download_title{
	font-size: 100px;
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
	color: #fff;
	line-height: 60px;
	padding-top: 8%;
	padding-bottom: 2%;
	letter-spacing:1vw;
}

.download_title p{
	font-size: 18px;
	font-family: "Noto Sans JP";
	letter-spacing:1vw;
}


.download_box{
	width: 30%;
	margin: 0% 1% 2%;
	display: inline-block;
}

.download_box:hover{
	opacity: 0.8;
}

.download_text{
	text-align: center;
	font-size: 16px;
	color: white;
}

.download_text_title{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	width: 40%;
	margin: 10px auto;
	border-left: 4px solid white;
	border-right: 4px solid white;
	color: white;
}

.download_wrapper {
	width: 800px;
	height: 450px;
	text-align: center;
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	margin:2% auto 0;
}

.download_wrapper>div {
	width: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
}

.download_image_sp{
	width: 90%;
	margin: 4% auto;
}

.download_text_sp{
	font-size: 18px;
	color: white;
	text-align: center;
	width: 80%;
	padding: 6%;
	border: 1px solid white;
	margin: auto;
}

.download_twitter_style_box{
	width: 50%;
	margin: 10px auto 0;
	padding-bottom: 40px;
	letter-spacing: -1em;
}

.download_twitter_style1{
	width: 98%;
	margin: 0 1%;
	margin: auto;
}

.download_twitter_style2{
	width: 18%;
	margin: 0 1%;
	display: inline-block;
}

.trial_title_box {
	background-color: #000;
	color: #FFF;
	font-size: 24px;
	padding:10px 0;
	text-align: center;
	width: 60%;
	margin: auto;
}

.trial_title_box2 {
	background-color: #fff;
	margin-bottom: 10px;
	font-size: 16px;
	color: #000;
	text-align:center;
	line-height: 20px;
	padding:10px 0;
	width: 60%;
	margin: auto;
}
.trial_table_style1 {
	background-color: #000;
	font-weight: bold;
	color: #FFF;
	padding: 6px;
	font-size: 16px;
	text-align: center;
}
.trial_table_style2 {
	background-color: #fff;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding: 6px;
	text-align: center;
}

.trial_table_box{
	width: 60%;
	margin: auto;
	padding:10px;
}

@media screen and (max-width: 699px){
	.download_bg_box{
		padding-top: 12%;
		padding-bottom: 12%;
	}

	.download_title{
		font-size: 36px;
		font-family: 'Josefin Sans', sans-serif;
		text-align: center;
		color: #fff;
		line-height: 30px;
		padding-top: 8%;
		padding-bottom: 4%;
		letter-spacing:6px;
	}

	.download_title p{
		font-size: 14px;
		font-family: "Noto Sans JP";
		letter-spacing:6px;
	}
	
	.download_box{
		width: 100%;
		margin: 0% 0% 3%;
		display: block;
	}

	.download_text_title{
		text-align: center;
		font-size: 20px;
		font-weight: bold;
		width: 90%;
		margin: 10px auto;
		border-left: 4px solid white;
		border-right: 4px solid white;
		color: white;
	}

	.download_twitter_style_box{
		width: 90%;
		margin: 10px auto 0;
		padding-bottom: 40px;
		letter-spacing: -1em;
	}

}

/* SPEC_setting
================================================== */
.spec_bg_box{
	background-color: #CAFB57;
	position: relative;
}

.spec_bg_box2{
	background-color: #ee056b;
}

.spec_title{
	font-size: 5vw;
	font-family: 'Josefin Sans', sans-serif;
	text-align: center;
	color: #000;
	line-height: 60px;
	padding-top: 9%;
	padding-bottom: 2%;
	position: relative;
	z-index: 2;
	letter-spacing:1vw;
}

.spec_title p{
	font-size: 1vw;
	font-family: "Noto Sans JP";
	letter-spacing:1vw;
}

.spec_wrapper{
	width: 70%;
	margin: auto;
	text-align: center;
	margin-top: 1%;
	padding-bottom: 10%;
	letter-spacing: -1em;
	position: relative;
	min-height: 600px;
	color: #000;
	z-index: 2;
}

.spec_left{
	display: inline-block;
	letter-spacing: 0em;
	color: #000;
	text-align: center;
	font-family: "Noto Sans JP";
	font-size: 16px;
	padding: 0% 4% 0% 14%;
	width: 32%;
	line-height: 30px;
	vertical-align: top;
}

.spec_left span{
	font-family: "Noto Sans JP";
	font-size: 16px;
	color: #e80093;
}

.spec_right{
	display: inline-block;
	letter-spacing: 0em;
	color: #000;
	text-align: center;
	font-family: "Noto Sans JP";
	font-size: 16px;
	padding: 0% 4%;
	width: 42%;
	line-height: 30px;
	vertical-align: top;
}

.spec_right span{
	font-family: "Noto Sans JP";
	font-size: 16px;
	color: #e80093;
}

.spec_text_style1{
	font-family: "Noto Sans JP";
	font-size: 16px;
	color: #e80093;
}

.footer_text{
	width: 32%;
	margin: auto;
	padding-top: 5%;
	padding-bottom: 1%;
	position: relative;
	z-index: 2;
}

.footer_text2{
	width: 30%;
	margin: auto;
	padding-top: 4%;
	padding-bottom: 4%;
	position: relative;
	z-index: 2;
}

.footer_copyright{
	text-align: center;
	color: white;
	font-family: "Noto Sans JP";
	font-size: 16px;
	padding-bottom: 2%;
	position: relative;
	z-index: 2;
}

.footer_bg_1{
	background-image: url("../image/lp_footer_bg_1.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: 100%;
	height: 50vh;
	position: absolute;
	top: 0;
	z-index: 0;
}

.footer_bg_2{
	background-image: url("../image/lp_footer_bg_2.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: 100%;
	height: 50vh;
	position: absolute;
	bottom: 0vh;
	z-index: 0;
}

.footer_wrapper{
	background-color: #ee056b;
}

.footer_banner_box{
	width: 26%;
	display: table;
	padding:3% 0 2%;
	margin: auto;
}

.footer_banner{
	display: table-cell;
	padding: 0% 2%;
}

.footer_banner:hover{
	opacity: 0.8;
}

.footer_sale_data{
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 2.4vw;
	letter-spacing: 0.5vw;
	color: white;
}

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

	.spec_bg_box{
		background-color: #CAFB57;
		position: relative;
		padding-top: 10%;
	}

	.spec_title{
		font-size: 36px;
		font-family: 'Josefin Sans', sans-serif;
		text-align: center;
		color: #000;
		line-height: 30px;
		padding-top: 12%;
		padding-bottom: 2%;
		position: relative;
		z-index: 2;
		letter-spacing:6px;
	}

	.spec_title p{
		font-size: 14px;
		font-family: "Noto Sans JP";
		letter-spacing:6px;
	}
	
	.footer_bg_1{
		background-image: url("../image/lp_sp_spec_img_1.png");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		width: 100%;
		height: 50vh;
		position: absolute;
		top: 0;
		z-index: 0;
	}	

	.footer_bg_2{
		background-image: none;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		width: 100%;
		height: 50vh;
		position: absolute;
		top: 70vh;
		z-index: 0;
	}

	.spec_wrapper{
		background: url("../image/lp_sp_spec_img_2.png");
		background-size: contain;
		background-position: center bottom;
		background-repeat: no-repeat;
		width: 100%;
		margin: auto;
		text-align: center;
		margin-top: 1%;
		padding-bottom: 46%;
		letter-spacing: -1em;
		position: relative;
		z-index: 2;
	}

	.spec_left{
		display: block;
		letter-spacing: 0em;
		color: #000;
		text-align: center;
		font-family: "Noto Sans JP";
		font-size: 3vw;
		padding: 0% 0%;
		width: 90%;
		margin: auto;
		line-height: 30px;
		vertical-align: top;
	}

	.spec_left span{
		font-family: "Noto Sans JP";
		font-size: 3vw;
		color: #e80093;
	}

	.spec_right{
		display: block;
		letter-spacing: 0em;
		color: #000;
		text-align: center;
		font-family: "Noto Sans JP";
		font-size: 3vw;
		padding: 30px 0 0 0;
		width: 90%;
		margin: auto;
		line-height: 30px;
		vertical-align: top;
	}

	.spec_right span{
		font-family: "Noto Sans JP";
		font-size: 3vw;
		color: #e80093;
	}

	.footer_text{
		width: 60%;
		margin: auto;
		padding-top: 4%;
		padding-bottom: 6%;
		position: relative;
		z-index: 2;
	}

	.footer_text2{
		width: 60%;
		margin: auto;
		padding-top: 4%;
		padding-bottom: 4%;
		position: relative;
		z-index: 2;
	}

	.footer_copyright{
		text-align: center;
		color: white;
		font-family: "Noto Sans JP";
		font-size: 14px;
		padding-bottom: 6%;
		position: relative;
		z-index: 2;
	}

	.footer_banner_box{
		width: 90%;
		display: flex;
		padding-bottom: 4%;
		margin: auto;
	}

	.footer_banner{
		display: block;
		padding: 2% 1%;
	}

	.footer_sale_data{
		text-align: center;
		font-family: 'Josefin Sans', sans-serif;
		font-size: 7vw;
		letter-spacing: 0.8vw;
		color: white;
	}

}


/* SMARTPHONE_setting
================================================== */

.sp_top_main_img{
	width: 100%;
	height: auto;
	margin: 0;
}

.sp_top_main_img img{
	vertical-align:top;
}

.sp_top_logo_box{
	background: black;
	padding: 3% 25%;
}

.sp_page_top{
	width: 16%;
	margin: auto;
	padding: 2% 0;
}

@media screen and (max-width: 699px){
	.sp_page_top{
		width: 16%;
		margin: auto;
		padding: 4% 0;
	}
}

/* SHOPPING GUIDE_setting
================================================== */

.guide_style_box{

	padding: 4% 0 2%;
}

.guide_title_style1{
	background-color: #cbfb57;
	color: #000;
	font-weight: bold;
	padding: 1%;
	font-size: 1.0vw;
	text-align: center;
	margin: 0 0 8px;
	box-sizing: border-box;
}

.guide_title_style2{
	color: #e80093;
	border-left: 4px solid #e80093;
	font-weight: bold;
	padding: 1% 3%;
	font-size: 1.8em;
	text-align: left;
	margin: 0 0 10px;
}

.guide_title_style3{
	color: #e80093;
	width: 50%;
	border-left: 4px solid #e80093;
	border-right: 4px solid #e80093;
	font-weight: bold;
	padding: 1% 3%;
	font-size: 1.8em;
	text-align: center;
	margin: 3% auto 3%;
}

.guide_title_style4{
	color: #fff;
	width: 70%;
	font-weight: bold;
	padding: 1% 3%;
	font-size: 1.8em;
	text-align: center;
	margin: 0 auto 10px;
	background-color: black;
}

.guide_title_style5{
	text-align: center;
	padding: 2% 0;
}

.guide_title_style5 span{
	font-size: 1.6em;
	background-color: #e80094;
	padding: 1% 5%;
	border-radius: 30px;
	color: white;
	font-weight: bold;
}

.guide_title_style6{
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}

.guide_title_style6{
	background-color: #EE056B;
	color: #fff;
	font-weight: bold;
	padding: 1%;
	font-size: 1.0vw;
	text-align: center;
	margin: 0 0 8px;
	box-sizing: border-box;
}

.guide_link_box_wrapper{
	width: 94%;
	margin: auto;
	padding-bottom: 24px;
	display: table;
}

.guide_link_box_style1{
	width: 46%;
	padding: 0 2%;
	display: table-cell;
}

.guide_link_box_style2{
	width: 46%;
	padding: 0px 2% 30px;
	margin: auto;
	display: block;
}

.guide_link_box_style3{
	width: 60%;
	padding: 0px 2% 30px;
	margin: auto;
	display: block;
}

.guide_link_box_text_style1{
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
	color:#e80094;
}

.guide_link_box_border_style1{
	border: 2px solid #e80094;
	padding: 2%;
	text-align: center;
	position: relative;
	z-index: 1;
}

.guide_link_box_border_style1 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
}

.guide_link_box_border_style1 p{
	font-size: 1.8em;
	font-weight: bold;
	color:#e80094;
}

.guide_link_box_border_style1 span{
	font-size: 1.8em;
	font-weight: bold;
}

.guide_link_box_border_style2{
	border: 2px solid #e80094;
	padding: 2%;
	text-align: center;
	position: relative;
	z-index: 1;
}


.guide_link_box_border_style2 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
}

.guide_link_box_border_style2 p{
	font-size: 1.8em;
	font-weight: bold;
	color:#e80094;
}

/*
.guide_link_box_border_style1:hover {
    filter:alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity:0.7;
    -khtml-opacity: 0.7;
    opacity:0.7;
    zoom:1;
}
*/

.guide_bt_box{
	width: 80%;
	margin: auto;
}

.guide_bt_box2{
	width: 100%;
	margin: auto;
	margin: 4% auto 1%;
}

.link_btn_red{
    width: 96%;
	text-align: center;
	margin: auto;
	padding: 2%;
	border:1px solid #000;
	font-size: 140%;
	font-weight: bold;
    color: #000;
    background-size: 200% 100%;	
	position: relative;
	z-index: 1;
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(238, 5, 107, 1) 50%);	
    background-image: linear-gradient(to right, transparent 50%, rgba(238, 5, 107, 1) 50%);
    -webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
    transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}

.link_btn_red:hover {
    background-color: #EE056B;
    background-position: -100% 100%;
	color: #fff;
}

.link_btn_red a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
}

.guide_text_style1{
	font-size: 14px;
	text-align: center;
	color: #e80093;
}

.guide_text_style2{
	font-size: 0.7em;
	line-height: 2em;
	color: #e80093;
}

.tokuten_table_box{
	width: 100%;
	display: table;
	padding-bottom: 4%;
}

.tokuten_table_box2{
	width: 100%;
	display: table;
	padding-bottom: 4%;
}

.tokuten_table_cell{
	width: 32%;
	padding: 0 2%;
	display: table-cell;
	position: relative;
	z-index: 1;
}

.tokuten_table_cell2{
	width: 46%;
	padding: 0 2%;
	display: table-cell;
	position: relative;
	z-index: 1;
}

.tokuten_table_cell3{
	width: 46%;
	padding: 0 4% 0 10%;
	display: table-cell;
	position: relative;
	z-index: 1;
}

.tokuten_table_cell4{
	width: 46%;
	padding: 0 10% 0 4%;
	display: table-cell;
	position: relative;
	z-index: 1;
}

.tokuten_table_cell a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
}

.tokuten_table_cell2 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
}

.tokuten_table_cell3 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
}

.tokuten_table_cell4 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2;
}

.tokuten_table_cell:hover{
	opacity: 0.8;
}

.tokuten_table_cell2:hover{
	opacity: 0.8;
}

.tokuten_table_cell3:hover{
	opacity: 0.8;
}

.tokuten_table_cell4:hover{
	opacity: 0.8;
}


.tokuten_title{
	background-color: #e80093;
	color: white;
	text-align: center;
	padding: 2%;
	font-weight: bold;
	font-size: 1.4em;
}

.tokuten_text{
	color: white;
	text-align: center;
	font-size: 1.2em;
	padding: 1% 0;
	margin: 0% 0 2% ;
	background-color: black;
}

.tokuten_img{
	margin: 2% 0 2%;
	width: 100%;
	vertical-align:top;
	padding:0;
}

.tokuten_img img{
	vertical-align: top;
}

.tokuten_img2{
	margin: 2% 0 2%;
	width: 100%;
	vertical-align:top;
	padding: 0;
}

.tokuten_img2 img{
	vertical-align: top;
}

.tokuten_link{
	border: 1px solid #ee056b;
	font-size: 1.2em;
	font-weight: bold;
	color:#ee056b;
	text-align: center;
}

.guide_link_table{
	width: 98%;
	border: 1px solid #ee056b;
	padding: 1%;
	margin-top: 1%;
}

.guide_link_table tr{
	padding:2% 0;
}


.guide_link_table_cell_style1{
	background-color:#ee056b;
	color: white;
	font-weight: bold;
	font-size: 1.4em;
	padding: 2%;
	margin: 1%;
	text-align: center;
	width: 46%;
}

.guide_link_table_cell_style2{
	font-weight: bold;
	font-size: 1.2em;
	padding: 2%;
	margin: 1%;
	text-align: center;
	width: 46%;
}

.guide_link_table_cell_style2 a{
	font-size: 1.4em;
}

.lp_sg_style1{
	width: 50%;
	margin: auto;
}

.lp_sg_style2{
	width: 80%;
	margin: auto;
}

.track_list_style1{
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
}

.track_list_style2{
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 8px;
}

.sp_batch_box{
	width: 70%;
	margin: auto;
	letter-spacing: -1em;
	padding: 2% 0 6%;
}

.sp_batch_box_style1{
	width: 41%;
	padding: 0 2%;
	display: inline-block;
}

.sp_batch_box_style2{
	width: 51%;
	padding: 0 2%;
	display: inline-block;
}

.sp_batch_box_style1 a:hover ,.sp_batch_box_style2 a:hover {
	opacity: 0.8;
}

.guide_box_wrapper{
	width: 90%;
	margin: auto;
	display: block;
	flex-direction: row;
}

.guide_box_wrapper2{
	width: 90%;
	margin: auto;
	display: flex;
	flex-wrap:wrap;
	flex-direction: row;
}

.guide_box_style1{
	width: 100%;
	margin: auto;
	box-sizing: border-box;
	padding: 2% 2%;
}

.guide_box_style2{
	width: 50%;
	box-sizing: border-box;
	padding: 2% 2%;
}

.guide_box_style3{
	width: 70%;
	margin: auto;
	box-sizing: border-box;
	padding: 2% 2%;
}

.guide_box_style4{
	width: 33%;
	box-sizing: border-box;
	padding: 2% 2%;
}

.guide_page_box{
	width: 50%;
	background-color: white;
	margin: auto;
	padding: 3% 0%;
	text-align: left;
}

.guide_box_title1{
	background-color: #000;
	color: white;
	box-sizing: border-box;
	padding: 1% 0 1% 15px;
	font-size: 0.9vw;
	margin: 0 0 5px 0;
	line-height: 1.5vw;
	position: relative;
}

.guide_box_title1_2{
	background-color: #000;
	color: white;
	box-sizing: border-box;
	padding: 1%;
	font-size: 0.8vw;
	margin: 0 0 5px 0;
	line-height: 2.0vw;
	position: relative;
	text-align: center;
}

.guide_box_title2{
	width: 100%;
	display: flex;
	border-top: 1px solid #000;
	padding: 8px 0 8px 0;
	margin: 0 0 2px 0;
}

.guide_box_pin{
	width: 14px;
	padding: 0 10px 0 0;
}

.guide_box_text{
	font-size: 0.8vw;
	line-height: 1.4vw;
	padding: 6px 0;
}

.guide_box_text2{
	font-size: 0.8vw;
	line-height: 1vw;
}

.guide_box_text3{
	font-size: 0.6vw;
	line-height: 1.0vw;
}

.guide_box_text4{
	margin: 30px 0 0 0;
	font-size: 1.0vw;
	line-height: 1.0vw;
	text-align: center;
}
.guide_box_text_style1{
	font-size: 0.6vw;
	line-height: 1.2vw;
}

.guide_box_link{
	background-color: #fff;
	padding: 2%;
	margin: 0 0 10px 0;
	box-sizing: border-box;
	color: #000;
	font-size: 0.8vw;
	position: relative;
	border: 1px solid #000;
}

.guide_box_link1{
	background-color: #fff;
	padding: 2%;
	margin: 0 0 10px 0;
	box-sizing: border-box;
	color: #000;
	font-size: 0.8vw;
	position: relative;
	border: 1px solid #000;
}

.guide_box_link:hover{
	background-color: #EE056B;
	border: 1px solid #EE056B;
	color: white;
}

.guide_page_wrapper{
	width: 100%;
	margin: auto;
	text-align: center;
	background-image: url("../image/lp_pc_guide_bg.jpg");
	background-attachment: fixed;
	background-size:cover;
	background-position: center top;
	background-repeat: repeat-y;
}

.guide_text_ab_style1 img{
	width: 163px;
	position: absolute;
	right: -10px;
	top: -10px;
}

.guide_text_ab_style2 img{
	width: 90px;
	position: absolute;
	right: -10px;
	top: -5px;
}

.guide_text_ab_style3 img{
	width: 60px;
	position: absolute;
	right: -10px;
	top: -5px;
}

.guide_text_ab_style4 img{
	width: 120px;
	position: absolute;
	right: -10px;
	top: -10px;
}

.guide_text_sub_1{
	width: 86%;
	margin: auto;
	font-size: 0.7vw;
}

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


	.guide_box_link{
		background-color: #fff;
		padding: 2%;
		box-sizing: border-box;
		color: #000;
		font-size: 1.6vw;
		position: relative;
		border: 1px solid #000;
	}

	.guide_box_wrapper{
		width: 100%;
		margin: auto;
		display: block;
		flex-direction: row;
	}

	.guide_box_wrapper2{
		width: 100%;
		margin: auto;
		display: flex;
		flex-wrap:wrap;
		flex-direction: row;
	}

	.guide_box_text{
		font-size: 1.8vw;
		line-height: 2.8vw;
		padding: 2px 0 8px;
	}

	.guide_box_text2{
		font-size: 1.8vw;
		line-height: 3.0vw;
	}

	.guide_box_text_style1{
		font-size: 1.4vw;
		line-height: 2.4vw;
	}

	.guide_box_title1{
		background-color: #000;
		color: white;
		box-sizing: border-box;
		padding: 3% 0 3% 10px;
		font-size: 1.6vw;
		margin: 0 0 5px 0;
		line-height: 1.5vw;
	}
	.guide_box_title1_2{
		background-color: #000;
		color: white;
		box-sizing: border-box;
		padding: 2%;
		font-size: 1.6vw;
		margin: 0 0 5px 0;
		line-height: 1.5vw;
	}

	.guide_title_style1{
		background-color: #cbfb57;
		color: #000;
		font-weight: bold;
		padding: 1%;
		font-size: 2.0vw;
		text-align: center;
		margin: 0 0 8px;
		box-sizing: border-box;
	}


	.guide_title_style6{
		background-color: #EE056B;
		color: #fff;
		font-weight: bold;
		padding: 1%;
		font-size: 2.0vw;
		text-align: center;
		margin: 0 0 8px;
		box-sizing: border-box;
	}
	.guide_box_text3{
		font-size: 1.8vw;
		line-height: 3.0vw;
	}

	
	.guide_page_box{
		width: 80%;
		background-color: white;
		margin: auto;
		padding: 4% 5%;
		text-align: left;
	}
	
	.guide_link_box_style1{
		width: 90%;
		margin: auto;
		padding: 0 2%;
		display: block;
	}

	.guide_link_box_style2{
		width: 90%;
		padding: 0px 2% 30px;
		margin: auto;
		display: block;
	}

	.guide_link_box_style3{
		width: 90%;
		padding: 0px 2% 30px;
		margin: auto;
		display: block;
	}

	.tokuten_table_box{
		width: 100%;
		display: table;
		padding-bottom: 0%;
	}

	.tokuten_table_box2{
		width: 100%;
		display: table;
		padding-bottom: 0%;
	}

	.tokuten_table_cell{
		width: 100%;
		padding: 0 0%;
		margin-bottom: 16%;
		display: block;
		position: relative;
		z-index: 1;
	}

	.tokuten_table_cell2{
		width: 100%;
		padding: 0 0%;
		margin-bottom: 16%;
		display: block;
		position: relative;
		z-index: 1;
	}

	.tokuten_table_cell3{
		width: 100%;
		padding: 0 0%;
		margin-bottom: 16%;
		display: block;
		position: relative;
		z-index: 1;
	}

	.tokuten_table_cell4{
		width: 100%;
		padding: 0 0%;
		margin-bottom: 16%;
		display: block;
		position: relative;
		z-index: 1;
	}

	.lp_sg_style1{
		width: 100%;
		margin: auto;
	}

	.lp_sg_style2{
		width: 100%;
		margin: auto;
	}

	.sp_batch_box{
		width: 80%;
		margin: auto;
		letter-spacing: -1em;
		padding: 2% 0 6%;
	}

	.sp_batch_box_style1{
		width: 100%;
		padding: 6% 0%;
		display: block;
	}

	.sp_batch_box_style2{
		width: 100%;
		padding: 6% 0%;
		display: block;
	}
	.n_space{
		padding-top: 0;
	}
	.guide_box_style4{
		width: 100%;
		box-sizing: border-box;
		padding: 2% 2%;
	}

	.guide_text_ab_style1 img{
		width: 100px;
		position: absolute;
		right: -10px;
		top: -6px;
	}
	.guide_text_ab_style4 img{
		width: 70px;
		position: absolute;
		right: -10px;
		top: -6px;
	}
	.guide_text_sub_1{
		width: 96%;
		margin: auto;
		font-size: 1.6vw;
	}
	
	.link_btn_red{
		font-size: 2vw;
	}
	.guide_box_text4{
		margin: 15px 0 0 0;
		font-size: 2.0vw;
		line-height: 1.0vw;
		text-align: center;
	}
}