@charset "utf-8";/**/
.natsufuku{
	max-width: 720px;
	margin: 0 auto;
}
.natsufuku a:hover {
	opacity: 1!important;
}/**/
.natsufuku h3 {margin-bottom: 0;}
.natsufuku .attention{
	font-size: 1em;
	margin-bottom: 2em;
	text-align: center;
	margin-top: -2em;
}
.fv_txt{
	text-align: center;
}

.natsufuku .marker {
    background: #fffa63;
    display: inline;
    padding: 1px 1px 2px 1px;
	font-weight: bold;
}
.natsufuku .navi_cate{
	display: flex;
	flex-direction: row;
	gap: 2%;
	margin: 2%;
}
.natsufuku .navi_cate a{
	width: 50%;
	padding: 2%;
	border: 1px solid #0058aa;
	border-radius: 3em;
	text-align: center;
}
.natsufuku .tag_item{
	margin-top: 2em;
}
.natsufuku .tag_item a{
	background: #e6f1fe;
	border: 1px solid #0058aa;
	display: inline-block;
	margin: 0.35em 0.5em 0.35em auto;
    padding: 1% 1.25% 0.5% 1.25%;
    line-height: 1.1;
    font-size: 90%;
}

.natsufuku .column2 ul{
	display: flex;
	flex-direction: row;
	width: 100%;
}
.natsufuku .column2 li{
 width: 50%;
}

/* 配置 */
.cosme01, .cosme02, .cosme03, .cosme04, .cosme05l, .cosme05r, .cosme06, .cosme07, .cosme08, .cosme09/*, .cosme10*/, .cosme11l, .cosme11r, .cosme12,
.sup02l, .sup02r, .sup03l, .sup03r, .sup04, .sup06l, .sup06r, .sup07, .sup08, .sup09, .sup10, .sup11, .end_tag{position: relative;}
.cosme01btn, .cosme02btn, .cosme03btn, .cosme04btn, .cosme05lbtn, .cosme05rbtn, .cosme06btn, 
.cosme07btn, .cosme08btn, .cosme09btn, .cosme10btn,.cosme11lbtn, .cosme11rbtn, .cosme12btn, 
.sup02lbtn, .sup02rbtn, .sup03lbtn, .sup03rbtn, .sup04btn, .sup06lbtn, .sup06rbtn, 
.sup07btn, .sup08btn, .sup09btn, .sup10btn, .sup11btn{position: absolute; display: block;}

.cosme01btn{top: 83.3%; left: 15.27%;}
.cosme02btn{top: 85.46%; left: 15.27%;}
.cosme03btn{top: 83.49%; left: 15.27%;}
.cosme04btn{top: 84.56%; left: 22.22%;}
.cosme05lbtn{top: 82.64%; left: 9.72%;}
.cosme05rbtn{top: 82.64%; left: 6.94%;}
.cosme06btn{top: 84.420%; left: 15.27%;}
.cosme07btn{top: 77.7%; left: 53.194%;}
.cosme08btn{top: 76.6%; left: 53.194%;}
.cosme09btn{top: 77.7%; left: 53.194%;}
/*.cosme10btn{top: 0%; left: 0%;}*/
.cosme11lbtn{top: 82.46%; left: 9.72%;}
.cosme11rbtn{top: 82.46%; left: 6.94%;}
.cosme12btn{top: 76.6%; left: 53.194%;}

.sup02lbtn{top: 82.72%; left: 9.72%;}
.sup02rbtn{top: 82.72%; left: 6.94%;}
.sup03lbtn{top: 82.72%; left: 9.72%;}
.sup03rbtn{top: 82.72%; left: 6.94%;}
.sup04btn{top: 83.59%; left: 22.22%;}
.sup06lbtn{top: 85.27%; left: 9.72%;}
.sup06rbtn{top: 85.27%; left: 6.94%;}
.sup07btn{top: 72.19%; left: 22.22%;}
.sup08btn{top: 74.92%; left: 22.22%;}
.sup09btn{top: 79.86%; left: 53.194%;}
.sup10btn{top: 79.86%; left: 53.194%;}
.sup11btn{top: 74.67%; left: 53.194%;}


/* 注釈 */
.natsufuku div.attention{opacity: 1; text-indent: 0; padding: 1em 2em 0 2em;}

/* sp表示------------------------------ */
@media screen and (max-width: 768px) {
	.natsufuku{
		max-width: 100%;
		width: 100%;
	}
	/* 注釈 */
	.natsufuku .attention{
		font-size: 80%;
	}
	.natsufuku div.attention{padding: 1em; font-size: 0.55em;}
	
	.natsufuku .tag_item {
    margin: 2em 4% 0 4%;
}
	.natsufuku .tag_item a{
    margin: 0.35em auto;
}
	
	.cosme01btn, .cosme02btn, .cosme03btn, .cosme06btn{width: 69.72%; height: auto;}
	.cosme04btn, .sup04btn, .sup07btn, .sup08btn{width: 55.55%; height: auto;}
	.cosme07btn, .cosme08btn, .cosme09btn, .cosme12btn, .sup09btn, .sup10btn, .sup11btn{width: 41.94%; height: auto;}
	.cosme05lbtn, .cosme05rbtn, .cosme11lbtn, .cosme11rbtn, .sup02lbtn, .sup02rbtn, .sup03lbtn, .sup03rbtn, .sup06lbtn, .sup06rbtn{width: 83.88%; height: auto;}
}
/* pc表示------------------------------ */
@media screen and (min-width: 768px){
	.natsufuku .fv_txt{
		font-size: 140%;
		margin-bottom: 1.5em;
	}
	.natsufuku .fv_txt p{
		margin-top: 1em;
	}
}