@charset "utf-8";
/* CSS Document */
/*Z-INDEX*/
/*
	//style.css//
	50:content_wrap_3 #wrap_3_inner h1
	49:content_wrap_2 #wrap_3_container_2 h2
	48:content_wrap_2 #wrap_3_container_2 ul
	//menu.css//
	7000:menu_window
	7001:menu_button
	//window.css//
	8000:window_wrap_plus
	//lightbox.css//
	9999:lightbox2
*/
/*定数*/
:root{
	/*汎用wrap_size*/
	--content_wrap_width:100%;
	--content_wrap_height:auto;
	--content_wrap_heigth_min_fallback:100vh;
	--content_wrap_heigth_min:100vh;
	/*H1*/
	--h1_border_bottom:120px;
	--h1_margin_bottom:75px;
	
	/*wrap_inner*/
	--wrap_2_inner_h1_margin_bottom:5%;
	--wrap_2_inner_img_width:75%;
	--wrap_2_inner_width:1200px;
	--wrap_3_inner_width:1200px;
	--wrap_4_inner_width:1200px;
	--wrap_5_inner_width:1200px;
	/*wrap_1*/
	--content_wrap_1_heigt_min:100vh;
	--content_wrap_1_background-size_width:cover;
	--content_wrap_1_background-size_height:cover;
	--content_wrap_1_background-attachment:fixed;
	--content_1_logo_wrap_width:100%;
	--content_1_logo_wrap_height:100%;
	--content_1_char_wrap_width:100%;
	--content_1_char_wrap_height:100%;
	--content_1_bg_image:url("../img/background/content_wrap_1_bg.png");
	/*wrap_3*/
	--wrap_3_container_0_bg_size:35%;
	--wrap_3_container_0_bg_position_x:10%;
	--wrap_3_container_1_width:600px;
	--wrap_3_container_1_text:30px;
	--wrap_3_container_1_position_top:40%;
	--wrap_3_container_2_width:600px;
	--wrap_3_container_2_h2:23px;
	--wrap_3_container_2_li_width:150px;
	--wrap_3_container_2_li_height:140px;
	--wrap_3_container_3_bg_size:40%;
	--wrap_3_container_3_bg_position_x:8%;
	/*wrap_3_1*/
	--wrap_3_1_container_0_bg_position_x:90%;
	--wrap_3_1_container_1_position_top:40%;
	--wrap_3_1_container_3_bg_position_x:92%;
	/*wrap_5*/
	--wrap_5_container_width:50%;

	/*カラー*/
		/*汎用*/
		/*青*/
		--common_color_blue:#66C4FF;
		--common_color_blue_sub:#3b86a5;
		/*ピンク*/
		--common_color_pink:#FF94BB;
		--common_color_pink_sub:#a72c4c;
		/*テキスト*/
		--common_text_color:#BCB2C0;
		--common_text_shadow:#ffffff;
		/*テキストリンク*/
		--common_text_color_pink:#FF94BB;
		--common_text_color_pink_hover:#df437f;
		/*H1*/
		--h1_color:#BCB2C0;
		/*H2*/
		--h2_color:#BCB2C0;



	--max_height:1080px;
	--common_h1_font_size:60px;
	--common_h1_width:100%;
	
	--common_text_size:23px;
	--common_text_shadow_1:4px;
	--common_text_shadow_2:-4px;
	/*ロゴ*/
	--content_wrap_1_bg_logo_size:60%;
	--content_wrap_1_bg_logo_position_x_before:10%;
	--content_wrap_1_bg_logo_position_x_after:10%;
	--content_wrap_1_bg_logo_position_y_before:85%;
	--content_wrap_1_bg_logo_position_y_after:80%;
	/*キャラクター*/
	--content_wrap_1_bg_char_size:55%;
	--content_wrap_1_bg_char_position_x_before:100%;
	--content_wrap_1_bg_char_position_x_after:100%;
	--content_wrap_1_bg_char_position_y_before:5%;
	--content_wrap_1_bg_char_position_y_after:10%;
	/*キャッチコピー*/
	--content_wrap_1_bg_cth_size:40%;
	--content_wrap_1_bg_cth_position_x_before:7%;
	--content_wrap_1_bg_cth_position_x_after:7%;
	--content_wrap_1_bg_cth_position_y_before:10%;
	--content_wrap_1_bg_cth_position_y_after:10%;
	
	--gallery_img_width:500px;
	--gallery_flex_direction:row;
	

	--inner_padding:45px;
	--inner_padding_side:50px;
	--environment_margin_bottom:40px;
	--genre_margin_bottom:40px;
}
@media screen and (max-width:1550px) {
	:root{
		--content_wrap_width:100%;
		--common_h1_font_size:60px;
		--common_text_size:20px;
		--wrap_2_inner_img_width:70%;
		--wrap_2_inner_width:1000px;
		--wrap_3_inner_width:1000px;
		--wrap_3_container_0_bg_size:25%;
		--wrap_3_container_1_text:25px;
		--wrap_3_container_3_bg_size:30%;
		--wrap_4_inner_width:1000px;
		--wrap_5_inner_width:1000px;
		--gallery_img_width:400px;
	}
}
@media screen and (max-width:1366px) {
	:root{
		--content_wrap_width:100%;
		--common_h1_font_size:50px;
		--common_text_shadow_1:3px;
		--common_text_shadow_2:-3px;
		--common_text_size:20px;
		--wrap_2_inner_img_width:40%;
		--wrap_2_inner_width:100%;
		--wrap_3_inner_width:100%;
		--wrap_3_container_0_bg_size:25%;
		--wrap_3_container_0_bg_position_x:20%;
		--wrap_3_container_1_text:25px;
		--wrap_3_container_3_bg_size:30%;
		--wrap_3_container_3_bg_position_x:18%;
		--gallery_img_width:400px;

		--wrap_3_1_container_0_bg_position_x:90%;
		--wrap_3_1_container_1_position_top:40%;
		--wrap_3_1_container_3_bg_position_x:92%;
	}
}
@media screen and (max-width:1100px) and (orientation: portrait) {
	:root{
		--content_wrap_width:100%;
		--common_h1_font_size:80px;
		--common_text_shadow_1:3px;
		--common_text_shadow_2:-3px;
		--common_text_size:20px;
		--wrap_2_inner_img_width:80%;
		--wrap_2_inner_width:100%;
		--wrap_3_inner_width:100%;
		--wrap_3_container_1_text:25px;
		--wrap_3_container_0_bg_size:50%;
		--wrap_3_container_1_width:450px;
		--wrap_3_container_3_bg_size:55%;
		--wrap_4_inner_width:100%;
		--wrap_5_inner_width:100%;
		
		--gallery_img_width:360px;
		
		--content_wrap_1_bg_logo_size:80%;
		--content_wrap_1_bg_logo_position_x_before:10%;
		--content_wrap_1_bg_logo_position_x_after:10%;
		--content_wrap_1_bg_logo_position_y_before:90%;
		--content_wrap_1_bg_logo_position_y_after:85%;
		--content_1_bg_image:url("../img/background/content_wrap_1_bg_sp.png");
		
		--content_wrap_1_bg_char_size:110%;
		--content_wrap_1_bg_char_position_x_before:20vw;
		--content_wrap_1_bg_char_position_x_after:20vw;
		--content_wrap_1_bg_char_position_y_before:20%;
		--content_wrap_1_bg_char_position_y_after:25%;
		
		--content_wrap_1_bg_cth_size:50%;
		--content_wrap_1_bg_cth_position_x_before:7%;
		--content_wrap_1_bg_cth_position_x_after:7%;
		--content_wrap_1_bg_cth_position_y_before:63%;
		--content_wrap_1_bg_cth_position_y_after:63%;
	}
}
@media screen and (max-width:1100px) and (orientation: landscape) {
	:root{
		--wrap_2_inner_img_width:70%;
		--wrap_3_container_1_width:450px;
		--wrap_3_container_2_width:342px;
		--wrap_3_container_2_li_width:112px;
		--wrap_3_container_2_li_height:105px;
	}
}
@media screen and (max-width:1000px) {
	:root{
		--wrap_5_container_2_width:95%;
		--wrap_5_container_table_width:95%;
		--inner_padding_side:5%;
		--wrap_3_container_2_width:342px;
		--wrap_3_container_2_li_width:112px;
		--wrap_3_container_2_li_height:105px;
	}
}
@media screen and (max-width:599px) {
	:root{
		--content_wrap_height:auto;
		--content_wrap_heigth_min_fallback:100vh;
		--content_wrap_heigth_min:100svh;
		--common_h1_font_size:45px;
		--common_text_shadow_1:2px;
		--common_text_shadow_2:-2px;
		--common_text_size:20px;
		
		--content_wrap_1_background-size_width:cover;
		--content_wrap_1_background-size_height:100vh;
		--content_wrap_1_background-attachment:scroll;
		--content_wrap_1_bg_logo_size:100%;
		--content_wrap_1_bg_logo_position_x_before:10%;
		--content_wrap_1_bg_logo_position_x_after:10%;
		--content_wrap_1_bg_logo_position_y_before:80%;
		--content_wrap_1_bg_logo_position_y_after:75%;
		
		--content_wrap_1_bg_char_size:140%;
		--content_wrap_1_bg_char_position_x_before:20vw;
		--content_wrap_1_bg_char_position_x_after:20vw;
		--content_wrap_1_bg_char_position_y_before:20%;
		--content_wrap_1_bg_char_position_y_after:25%;
		--content_1_bg_image:url("../img/background/content_wrap_1_bg_sp.png");
		
		--content_wrap_1_bg_cth_size:70%;
		--content_wrap_1_bg_cth_position_x_before:7%;
		--content_wrap_1_bg_cth_position_x_after:7%;
		--content_wrap_1_bg_cth_position_y_before:55%;
		--content_wrap_1_bg_cth_position_y_after:55%;
		--wrap_2_inner_img_width:90%;
		--wrap_3_container_1_width:100%;
		--wrap_3_container_1_text:18px;
		--wrap_3_container_1_position_top:50%;
		--wrap_3_container_2_width:280px;
		--wrap_3_container_2_height:70px;
		--wrap_3_container_2_h2:17px;
		--wrap_3_container_2_li_width:75px;
		--wrap_3_container_2_li_height:70px;
		--wrap_3_container_0_bg_size:80%;
		--wrap_3_container_0_bg_position_x:center;
		--wrap_3_container_3_bg_size:85%;
		--wrap_3_container_3_bg_position_x:center;
		--wrap_3_1_container_1_position_top:50%;
		--environment_margin_bottom:20px;
		--genre_margin_bottom:24px;
		
		--gallery_img_width:85%;
		--gallery_flex_direction:column;
	}
}
*{
	margin: 0;
	padding:0;
	list-style:none;
}
html{
	scroll-behavior: smooth;
}
body{
	font-size: 12pt;
	font-family: "Kosugi Maru", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
	min-height: auto;
}

/*スクロールバー*/
html,body{
	scrollbar-color: #FF94BB #ffffff;
}
/*旧Ver Chrome向けスクロールバープロパティ*/
::-webkit-scrollbar {
	background: transparent;
}
::-webkit-scrollbar-thumb {
  border-radius: 30px;
  border:3px solid #ffffff;
  background: #FF94BB;
}
::-webkit-scrollbar-track {
	background-color: transparent;
}
#content_wrap_1{
	width:var(--content_wrap_width);
	height:var(--content_wrap_height); 
	min-height:var(--content_wrap_1_heigt_min);
	box-sizing: border-box;
	background-image:var(--content_1_bg_image);
	background-size:var(--content_wrap_1_background-size_width),var(--content_wrap_1_background-size_height);
	background-repeat: no-repeat;
	background-position:center center;
	background-attachment:var(--content_wrap_1_background-attachment);
	transition:0.3s;
	position: relative;
}
#content_wrap_1_sec{
	width:var(--content_1_char_wrap_width);
	min-height:var(--content_1_char_wrap_height);
	background-image:url("../img/content_wrap_1_section.svg");
	background-size:600px;
	background-position:bottom center;
	background-repeat: repeat-x;
	position: absolute;
}
.content_wrap_1_logo_plus{
	width:var(--content_1_logo_wrap_width);
	min-height:var(--content_1_logo_wrap_height);
	background-image:url("../img/content_wrap_1_logo.png");
	background-size:var(--content_wrap_1_bg_logo_size);
	background-repeat: no-repeat;
	position: absolute;
	animation:content_wrap_1_bg_logo 400ms ease forwards;
}

.content_wrap_1_char_plus{
	width:var(--content_1_char_wrap_width);
	min-height:var(--content_1_char_wrap_height);
	background-image:url("../img/content_wrap_1_char.png");
	background-size:var(--content_wrap_1_bg_char_size);
	background-repeat: no-repeat;
	position: absolute;
	animation:content_wrap_1_bg_char 800ms ease forwards;
}
.content_wrap_1_cth_plus{
	width:var(--content_1_char_wrap_width);
	min-height:var(--content_1_char_wrap_height);
	background-image:url("../img/content_wrap_1_cth.png");
	background-size:var(--content_wrap_1_bg_cth_size);
	background-repeat: no-repeat;
	position: absolute;
	animation:content_wrap_1_bg_cth 800ms ease forwards;
}
@keyframes content_wrap_1_bg_logo {
		from {
				opacity: 0;
				background-position:var(--content_wrap_1_bg_cth_position_x_before) var(--content_wrap_1_bg_logo_position_y_before);
		}
		to {
				opacity: 1;
				background-position:var(--content_wrap_1_bg_cth_position_x_after) var(--content_wrap_1_bg_logo_position_y_after);
		}
}
@keyframes content_wrap_1_bg_char {
		from {
				opacity: 0;
				background-position:var(--content_wrap_1_bg_char_position_x_before) var(--content_wrap_1_bg_char_position_y_before);
		}
		to {
				opacity: 1;
				background-position:var(--content_wrap_1_bg_char_position_x_after) var(--content_wrap_1_bg_char_position_y_after);
		}
}
@keyframes content_wrap_1_bg_cth {
		from {
				opacity: 0;
				background-position:var(--content_wrap_1_bg_cth_position_x_before) var(--content_wrap_1_bg_cth_position_y_before);
		}
		to {
				opacity: 1;
				background-position:var(--content_wrap_1_bg_cth_position_x_after) var(--content_wrap_1_bg_cth_position_y_after);
		}
}
#content_wrap_2{
	width:var(--content_wrap_width);
	height:fit-content;
	box-sizing: border-box;
	transition:0.3s;
}
#content_wrap_2 #wrap_2_inner{
	width:var(--wrap_2_inner_width);
	height:fit-content;
	margin:0 auto;
	padding:var(--inner_padding) 0 0 0;
	display:block;
	box-sizing: border-box;
	transition:0.3s;
	position: relative;
	font-size:var(--common_text_size);
	color:var(--common_text_color);
	text-shadow:
				1px 0px 0.3px var(--common_text_shadow),
				-1px 0px 0.3px var(--common_text_shadow),
				0px 1px 0.3px var(--common_text_shadow),
				0px -1px 0.3px var(--common_text_shadow),
				1px 1px 0.3px var(--common_text_shadow),
				1px -1px 0.3px var(--common_text_shadow),
				-1px 1px 0.3px var(--common_text_shadow),
				-1px -1px 0.3px var(--common_text_shadow);
}

#content_wrap_2 #wrap_2_inner img{
	width:var(--wrap_2_inner_img_width);
	display:block;
	margin:0 auto;
	border:1px solid #BCB2C0;
	box-sizing: border-box;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
#content_wrap_2 #wrap_2_inner dl{
	width:100%;
	height:654px;
	margin:auto auto;
	box-sizing: border-box;
	display:flex;
	flex-direction:column;
}
#content_wrap_2 #wrap_2_inner dt{
	text-align : center;
	padding:0 0 20px 0;
	box-sizing: border-box;
}
#content_wrap_2 #wrap_2_inner dd{
	text-align : center;
	padding:var(--inner_padding);
	box-sizing: border-box;
	overflow-wrap: break-word;
}
#content_wrap_2 #wrap_2_inner h1{
	position: relative;
	margin:0 0 var(--h1_margin_bottom) 0;
	color:var(--h1_color);
	text-align: center;
	font-size:var(--common_h1_font_size);
	box-sizing: border-box;
	text-shadow:
				1px 0px 0.3px #FFFFFF,
				-1px 0px 0.3px #FFFFFF,
				0px 1px 0.3px #FFFFFF,
				0px -1px 0.3px #FFFFFF,
				1px 1px 0.3px #FFFFFF,
				1px -1px 0.3px #FFFFFF,
				-1px 1px 0.3px #FFFFFF,
				-1px -1px 0.3px #FFFFFF;
}
#content_wrap_2 #wrap_2_inner h1:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: var(--h1_border_bottom);
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: var(--common_color_pink);
	border-radius: 2px;
}
#content_wrap_3{
	width:var(--content_wrap_width);
	min-height: var(--content_wrap_heigth_min_fallback);
	min-height: var(--content_wrap_heigth_min);
	height:var(--content_wrap_height);
	box-sizing: border-box;
	transition:0.3s;
	display: flex;

}
#content_wrap_3 #wrap_3_inner{
	width:var(--wrap_3_inner_width);
	height:var(--wrap_3_inner_height);
	min-height: var(--content_wrap_heigth_min_fallback);
	min-height: var(--content_wrap_heigth_min);
	margin:0 auto 25px;
	padding:var(--inner_padding) 0 0;
	display:block;
	box-sizing: border-box;
	position: relative;
	transition:0.3s;
}
#content_wrap_3 #wrap_3_inner h1{
	position: relative;
	margin:0 0 var(--h1_margin_bottom) 0;
	color:var(--h1_color);
	text-align: center;
	font-size:var(--common_h1_font_size);
	box-sizing: border-box;
	text-shadow:
				1px 0px 0.3px #FFFFFF,
				-1px 0px 0.3px #FFFFFF,
				0px 1px 0.3px #FFFFFF,
				0px -1px 0.3px #FFFFFF,
				1px 1px 0.3px #FFFFFF,
				1px -1px 0.3px #FFFFFF,
				-1px 1px 0.3px #FFFFFF,
				-1px -1px 0.3px #FFFFFF;
	z-index: 50;
}
#content_wrap_3 #wrap_3_inner h1:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: var(--h1_border_bottom);
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: var(--common_color_pink);
	border-radius: 2px;
}
#wrap_3_container_0{
	width:100%;
	height:100%;
	background-image:url("../img/costume/gal_big.png");
	background-size:var(--wrap_3_container_0_bg_size);
	background-repeat: no-repeat,no-repeat;
	background-position:var(--wrap_3_container_0_bg_position_x) center;
	position: absolute;
	top:0;
	animation-fill-mode: forwards;
	animation-duration: 1s;
	animation-timing-function:ease;
}
@keyframes content_wrap_3_chr_bg {
		from {
				opacity: 0;
		}
		to {
				opacity: 1;
		}
}
#wrap_3_container_1{
	padding:20px;
	box-sizing: border-box;
	width:var(--wrap_3_container_1_width);
	font-size:var(--wrap_3_container_1_text);
	color:var(--h1_color);
	text-shadow:
				1px 0px 0.3px #FFFFFF,
				-1px 0px 0.3px #FFFFFF,
				0px 1px 0.3px #FFFFFF,
				0px -1px 0.3px #FFFFFF,
				1px 1px 0.3px #FFFFFF,
				1px -1px 0.3px #FFFFFF,
				-1px 1px 0.3px #FFFFFF,
				-1px -1px 0.3px #FFFFFF;
	top:var(--wrap_3_container_1_position_top);
	right:0;
	position: absolute;

}
#wrap_3_container_1 h2{
	margin:0 0 24px 0;
	padding:10px 10px;
	background-color:rgb(255, 255, 255, 0.75);
	font-size:60px;
	color:var(--common_color_pink);
	text-shadow:
				1px 0px 0.3px #FFFFFF,
				-1px 0px 0.3px #FFFFFF,
				0px 1px 0.3px #FFFFFF,
				0px -1px 0.3px #FFFFFF,
				1px 1px 0.3px #FFFFFF,
				1px -1px 0.3px #FFFFFF,
				-1px 1px 0.3px #FFFFFF,
				-1px -1px 0.3px #FFFFFF;
	display: inline;
}
#wrap_3_container_1 .explanation{
	padding:10px 10px;
	margin:4px 0 0 0;
	background-color:rgb(255, 255, 255, 0.75);
}
#wrap_3_container_2{
	box-sizing: border-box;
	width:var(--wrap_3_container_2_width);
	height:var(--wrap_3_container_2_height);
	bottom:0;
	right:5%;
	position: absolute;
}
#wrap_3_container_2 ul{
	list-style:none;
	box-sizing:border-box;
	display:flex;
	position: relative;
	z-index: 48;
}
#wrap_3_container_2 ul:before{
	content: '';
	position: absolute;
	bottom: 0px;
	display: inline-block;
	width: 100%;
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: var(--common_color_blue);
	border-radius: 2px;
	z-index: 0;
}
#wrap_3_container_2 li{
	width:var(--wrap_3_container_2_li_width);
	height:var(--wrap_3_container_2_li_height);
	box-sizing: border-box;
	z-index: 1;
}
#wrap_3_container_3{
	width:100%;
	height:100%;
	background-image:url("../img/content_wrap_3_char_bg.png");
	background-size:var(--wrap_3_container_3_bg_size);
	background-repeat: no-repeat;
	background-position:var(--wrap_3_container_3_bg_position_x) center;
	position: absolute;
	top:0;
	animation-fill-mode: forwards;
	animation-duration: 1s;
	animation-timing-function:ease;
	z-index: 0;
}
#content_wrap_3_1{
	width:var(--content_wrap_width);
	min-height: var(--content_wrap_heigth_min_fallback);
	min-height: var(--content_wrap_heigth_min);
	height:var(--content_wrap_height);
	box-sizing: border-box;
	transition:0.3s;
	display: flex;
}
#content_wrap_3_1 #wrap_3_1_inner{
	width:var(--wrap_3_inner_width);
	height:var(--wrap_3_inner_height);
	min-height: var(--content_wrap_heigth_min_fallback);
	min-height: var(--content_wrap_heigth_min);
	margin:0 auto 25px;
	padding:var(--inner_padding) 0 0;
	display:block;
	box-sizing: border-box;
	position: relative;
	transition:0.3s;
}
#wrap_3_1_container_3{
	width:100%;
	height:100%;
	background-image:url("../img/content_wrap_3_char_bg.png");
	background-size:var(--wrap_3_container_3_bg_size);
	background-repeat: no-repeat;
	background-position:var(--wrap_3_1_container_3_bg_position_x) center;
	position: absolute;
	top:0;
	animation-fill-mode: forwards;
	animation-duration: 1s;
	animation-timing-function:ease;
	z-index: 0;
}
#wrap_3_1_container_0{
	width:100%;
	height:100%;
	background-image:url("../img/character_manager.png");
	background-size:var(--wrap_3_container_0_bg_size);
	background-repeat: no-repeat,no-repeat;
	background-position:var(--wrap_3_1_container_0_bg_position_x) center;
	position: absolute;
	top:0;
	animation-fill-mode: forwards;
	animation-duration: 1s;
	animation-timing-function:ease;
}
#wrap_3_1_container_1{
	padding:20px;
	box-sizing: border-box;
	width:var(--wrap_3_container_1_width);
	font-size:var(--wrap_3_container_1_text);
	color:var(--h1_color);
	text-shadow:
				1px 0px 0.3px #FFFFFF,
				-1px 0px 0.3px #FFFFFF,
				0px 1px 0.3px #FFFFFF,
				0px -1px 0.3px #FFFFFF,
				1px 1px 0.3px #FFFFFF,
				1px -1px 0.3px #FFFFFF,
				-1px 1px 0.3px #FFFFFF,
				-1px -1px 0.3px #FFFFFF;
	top:var(--wrap_3_1_container_1_position_top);
	left:0%;
	position: absolute;

}
#wrap_3_1_container_1 h2{
	margin:0 0 24px 0;
	padding:10px 10px;
	background-color:rgb(255, 255, 255, 0.75);
	font-size:60px;
	color:var(--common_color_pink);
	text-shadow:
				1px 0px 0.3px #FFFFFF,
				-1px 0px 0.3px #FFFFFF,
				0px 1px 0.3px #FFFFFF,
				0px -1px 0.3px #FFFFFF,
				1px 1px 0.3px #FFFFFF,
				1px -1px 0.3px #FFFFFF,
				-1px 1px 0.3px #FFFFFF,
				-1px -1px 0.3px #FFFFFF;
	display: inline;
}
#wrap_3_1_container_1 .explanation{
	padding:10px 10px;
	margin:4px 0 0 0;
	background-color:rgb(255, 255, 255, 0.75);
}
#content_wrap_4{
	width:var(--content_wrap_width);
	min-height:var(--content_wrap_heigth_min_fallback);
	min-height:fit-content;
	height:fit-content;
	box-sizing: border-box;
}
#content_wrap_4 #wrap_4_inner{
	width:var(--wrap_4_inner_width);
	height:fit-content;
	margin:0 auto;
	padding:var(--inner_padding) 0 0 0;
	display:block;
	box-sizing: border-box;
}
#content_wrap_4 #wrap_4_inner h1{
	position: relative;
	margin:0 0 var(--h1_margin_bottom) 0;
	color:var(--h1_color);
	text-align: center;
	font-size:var(--common_h1_font_size);
	box-sizing: border-box;
	text-shadow:
				1px 0px 0.3px #FFFFFF,
				-1px 0px 0.3px #FFFFFF,
				0px 1px 0.3px #FFFFFF,
				0px -1px 0.3px #FFFFFF,
				1px 1px 0.3px #FFFFFF,
				1px -1px 0.3px #FFFFFF,
				-1px 1px 0.3px #FFFFFF,
				-1px -1px 0.3px #FFFFFF;
}
#content_wrap_4 #wrap_4_inner h1:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: var(--h1_border_bottom);
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: var(--common_color_pink);
	border-radius: 2px;
}
.gallery{
	display: flex;
	flex-direction:var(--gallery_flex_direction);
	flex-wrap:wrap;
	justify-content:space-around;
	align-content:space-around;
}
.gallery dl{
	margin:0 0 30px 0;
}
.gallery dt{
	text-align : center;
}
.gallery img{
	width:var(--gallery_img_width);
	border:1px solid #BCB2C0;
	box-sizing: border-box;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	opacity:1;
	transition:0.3s;
}
.gallery img:hover{
	opacity:0.5;
	
}
#content_wrap_5{
	width:var(--content_wrap_width);
	min-height:fit-content;
	box-sizing: border-box;
}
#content_wrap_5 #wrap_5_inner{
	width:var(--wrap_5_inner_width);
	min-height:var(--content_wrap_heigth_min_fallback);
	height:fit-content;
	margin:0 auto;
	padding:var(--inner_padding) var(--inner_padding_side) 0 var(--inner_padding_side);
	display:block;
	box-sizing: border-box;
	color:var(--common_text_color);
}
#content_wrap_5 #wrap_5_inner a{
	color:var(--common_text_color_pink);
}
#content_wrap_5 #wrap_5_inner a:hover{
	color:var(--common_text_color_pink_hover);
}
#content_wrap_5 #wrap_5_inner h1{
	position: relative;
	margin:0 0 var(--h1_margin_bottom) 0;
	color:var(--h1_color);
	text-align: center;
	font-size:var(--common_h1_font_size);
	box-sizing: border-box;
}
#content_wrap_5 #wrap_5_inner h1:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: var(--h1_border_bottom);
	height: 5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: var(--common_color_pink);
	border-radius: 2px;
}
#content_wrap_5 #wrap_5_inner h2{
	width:300px;
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	color:var(--h2_color);
	border-bottom:dashed 2px var(--common_color_blue);
	box-sizing: border-box;
	font-size:var(--wrap_3_container_1_text);
}
#content_wrap_5 #wrap_5_inner ul{
	margin: 0 0 20px 0;
}
#content_wrap_5 #wrap_5_inner ul li{
	color:var(--h1_color);

}
#content_wrap_5 #wrap_5_inner ul li{
	font-size: var(--common_text_size);
}
.product_thumbnail{
	width:280px;
}
#content_wrap_5 button{
	width:150px;
	color:#ffffff;
	display:block;
	margin:10px 0;
	padding:10px 0;
	font-size:var(--common_text_size);
	text-align : center;
	box-sizing: border-box;
	border:solid 3px #ffffff;
	background-color:var(--common_color_blue);
	border-radius: 10px;
	text-shadow:none;
	transition: all 100ms 0s ease;
	/*リセット*/
	border: none;
	cursor: pointer;
	outline: none;
	appearance: none;
}
#content_wrap_5 button:hover{
	background-color:#3b86a5;

}
footer{
	height:100px;
	background-color:var(--common_color_blue);
	color:#ffffff;
	font-size: var(--common_text_size);
}
.footer_list{
	display:block;
	padding:20px 0 0 ;
	margin:0 auto 0;
}
footer ul li{
	margin-bottom:5px;
	text-align: center;
	display:block;
}