@charset "utf-8";
/* CSS Document */
#wrapper {
	font-family: 'Noto Sans JP', sans-serif;
}
body{
	width:100%;
}

#wrapper {
	max-width: 1024px;
	width:100%;
	margin:0 auto;
	font-feature-settings: "palt";
}


.wrapper_inner {
	margin:0 auto;
	font-size: 100%;
	width:96.4%;
	max-width:964px;
}

#wrapper a {
	text-decoration: none;
}
#wrapper *{
	box-sizing:border-box;
}

#wrapper .img_area{
	text-align:center;
	margin:0 auto;
	width:100%;
}
#wrapper .img_area img{
	text-align:center;
	margin:0 auto;
	width:100%;
}
#wrapper a:link {
	color:#000;
transition: 0.3s;
display: block;
}
#wrapper a:visited  {
	color:#000;
}
#wrapper a:hover{
	opacity: 0.7;
}
#wrapper a.red:link {
	color:#d32525;
}
#wrapper a.blue:link {
	color:#3391c4;
}
#wrapper a.red:visited  {
	color:#d32525;
}
#wrapper a.blue:visited  {
	color:#3391c4;
}
/*------------------------------------------*/
header{
	padding-top:2%;
	padding-left:2%;
	padding-bottom:2%;

	.herder_fl{
		display: flex;
		align-items: center;
	}
	.logo_mark img{
		width:clamp(1.875rem, 0.757rem + 5.59vw, 4.25rem);
	}
	.logo_tx{
		margin-left:1vw;
	}
	.logo_tx1{
		margin-top:1.5%;
		font-family: 'gothic_101pro_bo';
		font-size: clamp(0.3rem, 0.102rem + 0.99vw, 0.72rem);
	}
	
	.logo_tx1 span{
		font-family: 'vw_h_b';
		vertical-align:-3%;
	}
	.logo_tx2{
		font-family: 'vw_h_b';
		font-size: clamp(0.55rem, 0.132rem + 2.09vw, 1.438rem);
	}
}
.main{
	margin:0 auto;
	width:100%;
	position: relative;
	color:#fff;
}
.main img{
	width:100%;
}
.main_in_01{
	position: absolute;
	top: 19%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	white-space: nowrap;
	box-sizing:  border-box;
	text-align:center;

}
.main_in_02{
	position: absolute;
	bottom: 16%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	white-space: nowrap;
	box-sizing:  border-box;
	text-align:center;

}
.m_tx_01{
	font-weight:500;
	font-size: clamp(0.45rem, 0.309rem + 0.71vw, 0.75rem);
}
.h1_tx{
	margin-top:4%;
	font-family: 'vw_h_b';
	font-size: clamp(1rem, 0.206rem + 3.97vw, 2.688rem);
//	text-shadow: 00px 3px 6px rgba(0, 0, 0, 1), 00px 3px 6px rgba(0, 0, 0, 1);
}
.mid_logo{
	margin-top:6%;
}
.mid_logo img{
	width: clamp(6rem, 2.088rem + 19.56vw, 14.313rem);
}

.m_tx_02{
	font-size: clamp(0.45rem, 0.309rem + 0.71vw, 0.75rem);
	line-height:1.7;
	font-weight:400;
}
.m_tx_02 span{
	font-family: 'vw_h_l';
}
.insta_bt{
	margin-top:5%;
}
.insta_bt img{
	width: clamp(7rem, 2.735rem + 21.32vw, 16.063rem);
}
.h2_tx{
	margin-top:4%;
	font-family: 'vw_h_b';
	font-size: clamp(1rem, 0.279rem + 3.6vw, 2.532rem);
}
.h2_tx span{
	font-weight:600;
	font-size: clamp(0.4rem, 0.176rem + 1.12vw, 0.875rem);
}
.insta_links{
//	padding-top:2%;
//	padding-bottom:2%;
	
	.insta_links_wap{
		margin:2% auto;
		font-size: 100%;
		width:96.4%;
		max-width:964px;
		position: relative;
		
		.map{
			margin:0 auto;
			width:100%;
		}
		.map img{
			width:100%;
		}
	}
	.insta_links_in{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		white-space: nowrap;
		box-sizing:  border-box; 
		width:96%;
	}
	.insta_fl_1{
		width:100%;
		display: flex;
		a{
			position: relative;
			width: 20%;
//			margin-right:0.2vw;
			
		}
	}
	.insta_fl_2{
		display: flex;
		width:100%;
		
		a{
			position: relative;
//			width: 30%;
		}
	}
	.insta_fl_1,.insta_fl_2{
		margin-bottom:1%;
		.insta_box{
			width:100%;
			
			.shop_img img{
				width:100%;
			}
			.insta_box_in{
				position: absolute;
				bottom: 2%;
				left: 50%;
				transform: translateX(-50%);
				-webkit-transform: translateX(-50%);
				white-space: nowrap;
				box-sizing:  border-box;
				text-align:center;
				width:100%;
				
				.s_name,.s_name2,.s_name3{
					font-weight:800;
				}
				.s_name{
					margin-bottom:10%;
					font-size: clamp(0.5rem, 0.273rem + 1.14vw, 1rem);
				}
				.s_name2{
					margin-bottom:4%;
					font-size: clamp(0.5rem, 0.273rem + 1.14vw, 1rem);
					line-height:1.3;
				}
				
				.s_name3{
					margin-bottom:4%;
					font-size: clamp(0.5rem, 0.273rem + 1.14vw, 1rem);
					transform: scale(0.9, 1);
					line-height:1.3;
				}
				.s_name span,.s_name2 span,.s_name3 span{
					font-family: 'vw_h_b';
					vertical-align:-3%;
				}
				.s_acount{
					font-family: 'vw_h_r';
					font-size: clamp(0.4rem, 0.309rem + 0.45vw, 0.6rem);
				}
				.insta_link{
					margin:0 auto 0;
					width:100%;
					line-height:1;
				}
			}
		}
		
	}
}



.link_bt{
	margin:4% auto 6%;
	display: flex;
	justify-content: space-between;
	background:#002c65;
	color:#fff;
	padding-top:3%;
	padding-bottom:3%;
	align-items: center;
	width:86%;
	border-radius:0.5vw;
}

.insta_left{

	padding-left:1vw;
	font-weight:800;
	font-size: clamp(0.5rem, 0.364rem + 0.68vw, 0.8rem);
}
.insta_left span{
	font-family: 'vw_h_r';
//	vertical-align:-2%;

}
.insta_right{
	padding-right:1vw;
	font-weight:800;
	font-size: clamp(0.5rem, 0.265rem + 1.18vw, 1rem);
	transform: scale(0.5, 1);
}


.raiten{
	text-align:center;
	background:#dcdddd;
	color:#000;
	padding:3%;
	font-weight:700;
	font-size: clamp(0.8rem, 0.088rem + 3.56vw, 2.313rem);
	line-height:150%;
}

/*ページトップスクロールボタン*/
#page_top{
  width: 90px;
  height: 90px;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 90px;
  height: 90px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #3f98ef;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 45px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  color: #3f98ef;
}
/*---------------------------------------------------------------------------------*/
.footer_bottom{
	background:#002c65;
	padding-top:2%;
	padding-bottom:2%;
	color:#fff;
}
.foot_box{
	margin: 0 auto 5%;
	max-width:964px;
	width:96.4%;
	position: relative;
	border:1px solid #FFF;
	border-radius:0.5vw;
	padding:0.25% 0.25% 0.25% 1%;
}

.insta_fl{
	display: flex;
	justify-content: space-between;
	align-items: center;
		font-family: 'Noto Sans JP';
}
.insta_mark{

}
.insta_mark img{
	max-width:80px;
	width: clamp(2rem, 0.588rem + 7.06vw, 5rem);
}
.insta_tx1{
	font-weight:500;
	font-size: clamp(0.6rem, 0.235rem + 1.82vw, 1.375rem);
}
.insta_tx2{
	margin-top:3.5%;
	font-weight:500;
	font-size: clamp(0.5rem, 0.259rem + 1.21vw, 1.012rem);
}
.insta_tx2 span{
	font-family: 'vw_h_r';
	vertical-align:-3%;
}
.insta_img{
	text-align:right;
}
.insta_img img{
	max-width:512px;
	width:clamp(15rem, 6.941rem + 40.29vw, 32.125rem);
}

.insta_bt2{
	position: absolute;
	right: 10%;
	bottom: -18%;
	box-sizing:  border-box;
}
.insta_bt2 img{
	width:clamp(8rem, 4.206rem + 18.97vw, 16.063rem);
}
.copy{
	font-size:clamp(0.5rem, -0.786rem + 2.86vw, 1rem);
//	color:#fff;
	text-align:center;
}

.sp_br{
	display: none;
}
.pc_on{
	display: block;
}
.sp_on{
	display:none;
}

/* ************************************************************************************************ */
@media screen and (max-width: 980px) {

}
/* ************************************************************************************************ */
@media screen and (max-width: 768px) {
.sp_on{
	display: block;
}
.pc_on{
	display:none;
}

.main_in_01{
	top: 8%;
}
.main_in_02{
	bottom: 18%;
}
.m_tx_01{
	font-size: clamp(0.6rem, 0.325rem + 1.37vw, 1rem);
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 1), 0px 0px 1px rgba(0, 0, 0, 1);
}
.h1_tx{
	margin-top:4%;
	font-size: clamp(1.1rem, -0.548rem + 8.24vw, 3.5rem);
}
.mid_logo{
	margin-top:5%;
}
.mid_logo img{
	width: clamp(8rem, 2.764rem + 26.18vw, 15.625rem);
}
.m_tx_02{
	font-size: clamp(0.6rem, 0.325rem + 1.37vw, 1rem);
	text-shadow: 0px 0px 1px rgba(0, 0, 0, 1), 0px 0px 1px rgba(0, 0, 0, 1);
	line-height:1.2;
}
.insta_bt{
	margin-top:5%;
}
.insta_bt img{
	width: clamp(9rem, 2.305rem + 33.48vw, 18.75rem);
}

.h2_tx{
	margin-top:12%;
}

.insta_links{
	
	.insta_links_wap{
		margin:2% auto;
		font-size: 100%;
		width:96.4%;
		max-width:964px;
		position: static;
	}
	.insta_links_in{
		position: static;
		width:100%;
		transform: translate(0%, 00%);
		-webkit-transform: translateY(0%) translateX(00%);
		.map{
			margin:0 auto;
			width:100%;
		}
		.map img{
			width:100%;
		}
	}


	.insta_fl_1,.insta_fl_2{
		flex-wrap: wrap;
		margin-top:1%;
		margin-left:0%;
		margin-bottom:1%;
			width:100%;
		
		a{
			width: 33.3%;
		}
		.insta_box{
			.insta_box_in{
				.s_name{
					margin-bottom:10%;
					font-size: clamp(0.55rem, 0.244rem + 1.53vw, 1.2rem);
				}
				.s_name2{
					margin-bottom:4%;
					font-size: clamp(0.55rem, 0.244rem + 1.53vw, 1.2rem);
				}
				.s_acount{
					font-family: 'vw_h_r';
					font-size: clamp(0.4rem, 0.235rem + 0.82vw, 0.75rem);
				}
				.insta_left{
					font-size: clamp(0.5rem, 0.312rem + 0.94vw, 0.9rem);
				}
				.insta_right{
					font-size: clamp(0.5rem, 0.265rem + 1.18vw, 1rem);
				}
			}
		}
	}
}
.foot_box{
	width:90%;
	padding-top:3%;
	margin-top:2%;
	margin-bottom:14%;
	border-radius:3vw;
}
.insta_fl{

	justify-content: center;
}

.insta_mark img{
	max-width:80px;
	width: clamp(3rem, 0.857rem + 10.71vw, 6rem);
}
.insta_tx{
	padding-left:1vw;
}
.insta_tx1{
	font-size: clamp(1rem, 0.286rem + 3.57vw, 2rem);
}
.insta_tx2{
	font-size: clamp(0.7rem, 0.057rem + 3.21vw, 1.6rem);
}

.insta_img{
	margin-top:2%;
	text-align:center;
}
.insta_img img{
	max-width:512px;
	width:88%;
}

.insta_bt2{
	bottom: -10%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);

}
.insta_bt2 img{
	width:clamp(8rem, 2.286rem + 28.57vw, 16rem);
}



}


@media screen and (max-width: 600px) {
.navToggle{
	display:block;
}
}