@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/


#index {
	overflow:auto;
}
#index .content {
	width:95%;
	max-width:95%;
	padding-bottom:100px;
}


#index .bgImg {
	position:relative;
}
#index .bgImg::before {
	content:"";
	width:902px;
	height:140px;
	position:absolute;
	top:20px;
	left:0;
	right:0;
	margin:0 auto;
	background:url("img/bg_ttl.png") no-repeat center center;
	background-size:100% auto;
}

#index .instagram {
	padding-top:2vw;
	position:relative;
	z-index:7;
	background:url("../img/index/bg04.png") no-repeat top center / 100% 100%;
}
#index .instagram .headLine04 span {
	margin-bottom:.5vw;
}
.appOoen a {
	color:#fff !important;
}
/*
.dateBox {
	display:none;
}
.data_head {
	border:none;
}
*/

#index .instagram .content {
	width:1100px;
	margin:0 auto;
}


#index .instagram .smarthash_more_btn {
	background-color:#fff;
	color:#603813;
	border:1px solid #603813;
}

#index .instagram .smarthash_more_btn {
	display:block;
	font-size:16px;
	background-color:#603813;
	color:#fff;
	text-align:center;
	margin:40px auto 0;
	padding:0 30px;
	line-height:50px;
	border-radius:25px;
	border:none;
	width:200px;
	height:auto;
	letter-spacing:1px;
}


.link_btn {
	margin-top:2em;
	text-align:center;
	font-weight:bold;
	font-size:16px;
}
.link_btn a {
	display:inline-block;
	border:1px solid #603813;
	background-color:#fff;
	padding:0 2em;
	line-height:40px;
	height:40px;
	color:#603813;
	border-radius:20px;
}

.smarthash {
	margin-top:30px;
}

.smarthash,
.smarthash ul {
	width:100%;
}

.smarthash li {
	padding:1%;
	width:25%;
}

/*
.smarthash li a {
	border-radius:.3vw;
}
*/


.smarthash li img {
	width:221px;
	height:221px;
	object-fit:cover;
	font-family:"object-fit: cover;";
}
.smarthash li div a {
	height:auto;
}

@media screen and (max-width: 767px) {
	.smarthash li img {
		width:30vw;
		height:30vw;
	}
}



.headLine04 {
	background:none;
	font-size:30px;
	padding-top:20px;
	margin-bottom:0;
}
.copy {
	text-align:center;
	color:#603813;
	font-weight:bold;
	font-size:17px;
	margin-top:1em;
}
.pcblock {
	display:block;
}
.spblock {
	display:none;
}


address {
	margin-top: 25px;
	color: #aaa;
	font-size: 11px;
	font-style: normal;
	line-height: 1.5;
	text-align: center;
}

@media screen and (max-width: 767px) {
	#index .bgImg::before {
		display:none;
	}
	.pcblock {
		display:none;
	}
	.spblock {
		display:block;
	}
	#index .instagram .content {
		width:90%;
	}
	.smarthash li {
		padding:2%;
		width:50%;
	}
	.headLine04 {
		font-size:6vw;
		padding-top:5vw;
	}
	.copy {
		font-size:4vw;
		margin-top:1em;
	}
	.link_btn a {
		padding:1em 2em;
		line-height:1.5em;
		height:auto;
		border-radius:10px;
	}
	address {
		margin-top: 15px;
		font-size: 10px;
	}
}