@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

html{
	height:100%;
	width:100%;
}

a {
	color: inherit;
}

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700;800;900&display=swap');

body{font-family: 'Heebo', sans-serif;font-weight: 900;/* -webkit-font-smoothing: antialiased; */height:100%;background:#fff;background-size: cover;}

.pc{
	display:block;
}

.smp{
	display:none;
}

a{
	text-decoration:none;
	outline: 0;
}

a:hover{
	text-decoration:none;
}

li{
	list-style:none;
}

/* site header*/
#site_header {
	position: fixed;
	display: block;
	top: 0;
	left: 0;
	width: 225px;
	height: auto;
	z-index: 90;
	padding: 25px 0 0 60px;
}

#site_header ul {
	margin: 30px 0 0 0;
}

#site_header li {
	list-style: none;
	margin: 0 0 10px 0;
}

/* site header*/


/*logo*/
.logo_n{
	margin:25px 0 0;
	max-width: 100px;
}

/*navi_n*/
#navi_n li, #navi_n li a{
	color: #000 !important;
	font-size: 12px;
	letter-spacing:1.5px;
}

#navi_n li ul {
	padding:10px 0 0 40px;
	margin:0;
}

#navi_n li.coll_sub{
}

#navi_n li.active a {
	text-decoration: line-through;
}

/*copy*/
#copy_n {
	position: fixed;
	display: block;
	bottom: 40px;
	left: 60px;
	height: auto;
	z-index: 201;
	padding: 0;
}

#copy_n p {
	font-size: 12px;
	letter-spacing:1px;
}

.li_last{
	margin-right: 0 !important;
}

#opct_pad {
		display: none;
		width: 100%;
		height: 100%;
		z-index: 50;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0);
}

#opct_pad p {
		text-indent: -9999px;
}
/*sns*/

/*スマホメニュー*/
#hmb_menu {
	display: none;
} 

#nav_sm {
	display: none;
}

#nav_sm li {
	list-style: none;
}

/*スマホメニュー*/ 

p.season{
	display:none;
}

@media (max-width:768px){
	
	.pc{
		display:none;
	}
	
	.smp{
		display:block;
	}
	
	#navi_n{
		display:none;
	}

	#site_header{
		padding-left:0;
		left:50%;
		width:90px;
		margin-left:-45px;
		padding: 0;
	}

	#copy_n{
		left:20px;
		bottom:20px;
	}
	#hmb_menu{
		display:block;
		position:fixed;
		left:20px;
		top:25px; 
		cursor:pointer;
		z-index:200;
	}
	#hmb_menu img{
		width: 24px;
	} 

	#nav_sm{
		background-color:rgba(255,255,255, 0.2);
		position:fixed;
		left:0%;
		top:0%;
		width:100%;
		padding:70px 0 10px; 
		z-index:80;
	}
	 
	#nav_sm li{
		margin:0 0 10px 25px;
		color:#000;
		font-size:12px;
		letter-spacing:1px;
	}

	#nav_sm li ul {
		padding:10px 20px 0px;
	}

	p.season{
		display:block;
		color:#000;
		font-size:100%;
		text-align:center;
		margin:15px 0 0 0;
		font-size:11px;
		letter-spacing:1px;
		white-space: nowrap;
	}
}






.info {
	position:absolute;
	top: 0%;
	left: 0%;
	height:100%;
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	z-index: 30;
	margin: 0;
	color:#000;
}

.info h1{
	font-size:18px;
	letter-spacing: 2px;
}

.info ul{
	width:60%;
	border:none;
	border-spacing: 0px;
	padding:15px;
}

.info ul li{
	margin:0 0 10px 0;
	color: #000;
	font-size:18px;
	letter-spacing: 2px;
}

.info ul li a{
	color: #000;
	display: inline-block;
}
.info .insta {
	margin-top: 20px;
}
.info .insta img{
	display: block;
	width:24px;
	height: 24px;
	margin:0 auto;
}






.f-L{
	float:left;
	width:50%;
}

.f-R{
	float:right;
	width:50%;
}

.f-L img, .f-R img{
	width:100%;
}


.box-3 {
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start; /* workaround for safari bug */
}
.box-3 img {
	width: 33.33333%;
	height:auto;
}
.box-3 img.w100 {
	width: 100% !important;
	height:auto;
}
.box-1 {
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: flex-start; /* workaround for safari bug */
}
.box-1 img {
	width: 100%;
	height:auto;
}

@media (max-width:480px){
	.f-L{
		float:left;
		width:100%;
	}
	.f-R{
		float:right;
		width:100%;
	}
	.box-3 img {
		width: 100%;
	}
}