@charset "utf-8";
/*INDEXと全ページ*/
* {
	margin: 0;padding: 0;
	box-sizing:border-box;
}
html,body {
	margin: 0;padding: 0;
}
body {
	min-height: 100vh;
	display: block;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	height: auto;
	min-height: auto;
}
a {
	cursor: pointer;
	color: #FF56AF;
}
a :hover{
	opacity: 1;
	color: blue;
	filter: none;
}
img{
	width:100%;
	height: auto;
	display: block;
	margin: 0 auto;
	vertical-align: bottom;
}
ul li{
	list-style: none;
}
section{
	display: block;
	position: relative;
	padding-top:20px;
	width: 90%;
	max-width: 1020px;
}
.timediv{display: none;}
.c-standby{
	width: 100%;
	height: 100vh;
	background: #FFF;
	z-index: 99999;
	position: fixed;
	top: 0;left: 0;
	color: #000;
	text-align: center;
}
.l-wrap{
	position: relative;
	width: 100%;
	min-height: 100vh;
	background-color: transparent;
	font-family: "DotGothic16", sans-serif;
	color: #FFF;
	font-weight: 400;
}
/*紙吹雪*/
#particles-js{
	display: block;
	position: fixed;
	top:0;left: 0;
	width: 100%;
	height: 100vh;
}
/*top_headline*/
#top_headline{
	margin: 0 auto;padding:0;
	overflow: hidden;
	padding-top: 60px;
	display: block;
	max-width: 1921px;
	width: 100%;
}
.l-top_headline_bg_div{
	width: 100%;
	height: 22px;
	background-color: #fff9dc;
}
.l-top_headline_main_div{
	width: 100%;
	height: 22px;
	background-image: url("top_header.webp");
	background-position: top left;
	background-repeat: repeat-x;
	background-size: 576px 22px;
	animation: ani-movebg 10s linear infinite;
}
/* アニメcss=ani- */
@keyframes ani-movebg {
    from {background-position: 0 0;}
    to {background-position: -576px 0;}
}
/*top_img*/
#top_img{
	width: 100%;
	max-width: 100%;
	padding-top: 40px;
}
.l-top_onpu_div{
	position: relative;
	z-index: 999;
	display: flex;
	margin: 20px auto;
	width: 100%;
	max-width: 1100px;
	justify-content: center;
	overflow-x: hidden;
	text-align: center;
}
.l-top_onpu_div img{
	margin: 0;
	display: block;
	width: 61px;
	height: 45px;
}
.l-top_img_pc{
	max-width: 878px;
	display: block;
	width: 90%;
}
.l-top_img_sp{
	display: none;
	width: 94%;
}
.l-top_img_h1{
	font-family: "DotGothic16",sans-serif;
	font-weight: 700;
	text-align: center;
	font-size: 28px;
	color: #ff76f9;
}
.l-top_img_h1sub_p{
	font-family: "DotGothic16",sans-serif;
	font-weight: 700;
	text-align: center;
	font-size: 20px;
	margin: 4px auto;
	color: #000;
}
.l-ani_tenmetsu{
	animation: ani_blink 0.5s infinite alternate;
}
@keyframes ani_blink {
  0% {color: #000;}
  50%{color: #000;}
  60%{color: red;}
  100% {color: red;}
}
.l-top_img_counter_flex_div{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin: 20px auto;
	width: fit-content;
	max-width: 760px;
}
.l-top_img_counter_flex_div p{
	font-size: 16px;
	font-family: "DotGothic16", sans-serif;
	color: #000;
	font-weight: 700;
	line-height: 1.2em;
	white-space: nowrap;
}
.l-top_img_counter_img{
	width: 99%;
	max-width: 330px;
	margin: 0 8px; 	
}
.l-top_img_tyui_p{
	font-family: "DotGothic16", sans-serif;
	text-align: center;
	font-size: 10px;	
	color: #000;
}
/*NEWS*/
#news{
	padding-top: 0;
}
.l-news_ul{
	color: #000;
	background-color: #FFF;
	padding: 4px 16px;
	border: 1px solid #ff76f9;
	max-width: 640px;
	margin: 0 auto;
}
.l-news_ul li{
	list-style: none;
	display: flex;
	padding-bottom: 4px;
}
.l-news-news{
	max-width: 36px;
	height: auto;
	display: inline;
	margin-right: 4px;
	vertical-align: -1.5px;	
}
.l-news-onpu{
	max-width: 12px;
	height: auto;
	display: inline;
	margin-right: 4px;
	vertical-align: -1px;
}
.l-news_ul li p{
	font-family: "DotGothic16", sans-serif;
	text-align: center;
	font-size: 16px;
	color: #ff76f9;
	text-decoration: underline;
}
.l-news_ul li p:hover{
	color: blue;
}
/*リンクボタン*/
.l-link1_ul{
	position: relative;
	z-index: 999;
	display: flex;
	width: 90%;
	max-width: 1024px;
	justify-content: space-between;
	margin:20px auto;
}
.l-link1_a{
	text-decoration: none;
} 
.l-link1_a img{
	max-width: 230px;
	height: auto;
}
.l-link1_a:hover{opacity: 0.8;}
/**/
.l-tenten_h2{
	padding: 0;
	margin: 0 auto;
	margin-bottom: 1.5em;
	text-align: center;
	color: #ff5ff2;
	font-size: 20px;
	font-weight: 700;
	font-family: "DotGothic16",sans-serif;
}
.l-tenten_h2 span{color: #ff5ff2;}
.l-tenten_div{
	padding: 36px;
	background-color: #fff9dc;
	border:2px dashed #ff5ff2;
/*
  background-image :
    linear-gradient(to right, #ff5ff2, #ff5ff2 10px, transparent 10px, transparent 18px),
    linear-gradient(to bottom, #ff5ff2, #ff5ff2 10px, transparent 10px, transparent 18px),
    linear-gradient(to left, #ff5ff2, #ff5ff2 10px, transparent 10px, transparent 18px), 
    linear-gradient(to top, #ff5ff2, #ff5ff2 10px, transparent 10px, transparent 18px);
  background-size:
    18px 2px,  
    2px 18px, 
    18px 2px,  
    2px 18px; 
  background-position:
    left top,
    right top,
    right bottom, 
    left bottom;   
  background-repeat:
    repeat-x,
    repeat-y,
    repeat-x, 
    repeat-y; 
    */
}
.l-tenten_comesoon_p{
	text-align: center;
	font-weight: 700;
	margin: 1em auto;
	font-family: "DotGothic16",sans-serif;
	font-size: 20px;
}
.l-tenten_comesoon_p span{
	font-size: 14px;
	font-weight: 400;
}
.l-tenten_black_p{
	font-size: 16px;
	text-align: center;
	color: #000;
	font-family: "DotGothic16",sans-serif;
	font-weight: 400;
	line-height: 1.6em;
}
.l-popup_shita_p{
	margin: 1em auto;
	letter-spacing: 1px;
	text-align: center;
	color: #000;
	font-weight: 700;
	font-family: "DotGothic16",sans-serif;
}
.l-popup_img{
	border: 1px solid #000;
	max-width: 500px;

}
.l-popup_img:hover{
	opacity: 0.9;
	border: 1px solid #00ffff;
}
/*コンセプト*/
.l-logo_img{
	max-width: 540px;
	margin-bottom: 20px;
}
.l-oshieeo_img{
	max-width: 260px;
	margin-bottom: 20px;
	border: 1px solid transparent;
}
.l-oshieeo_img:hover{
	border: 1px solid blue;
	opacity: 0.9;
}
/*SNS*/
.l-sns-flex_div{
	display: flex;
	width: 100%;
	justify-content: center;
	margin: 0 auto;
}
.l-sns_a{
	text-decoration: none;
}
.l-sns_table{
	margin:0 16px;
	background-color: #FFF;
}
.l-sns_table:hover{
	background-color: yellow;
}
.l-sns_table, th, td {
  border:2px solid #000;
  min-height: 80px;
}
.l-sns_table th,.l-sns_table td {
	padding: 8px;
}
.l-sns_p{
	color: #000;
	padding: 8px 16px;
	font-family: "DotGothic16", sans-serif;
	font-weight: 400;
}
.l-sns_p:hover{color: #000;}
.l-sns_img{
	max-width: 60px;
	height: auto;
}
.l-footerlink_a img{
	width: 40%;
	max-width: 220px;
}
.l-footerlink_a img:hover{opacity: 0.9;}
/*footer*/
.l-footer{
	margin-top: 80px;
}
.l-footer p{	
	text-align: center;
	color: #000;
	font-size: 14px;
	font-weight: 400;
	padding: 4px 0;
	font-family: "DotGothic16", sans-serif;
	font-weight: 400;
}
@media screen and (max-width: 1100px) {
	.l-link1_a img{
		width: 90%;
	}
}
@media screen and (max-width: 820px) {
.l-top_img_h1{
	font-size: 24px;
}
.l-sns_table{
	margin: 0 8px;
}
.l-tenten_div{
	padding: 24px 16px;
}
}
@media screen and (max-width: 767px) {
.l-news_ul{
	padding: 10px 16px;
}
.l-news_ul li p{
	text-align: left;
	text-indent: -0.5em;
}
.l-news-tomei{
	display: none;
}
.l-top_img_h1{
	font-size: 4vw;
}
.l-top_img_counter_flex_div{
	display: block;
	text-align: center;
}
.l-top_img_counter_flex_div p{
	margin: 4px auto;
}
.l-link1_ul{
	justify-content: space-around;
}
.l-sns-flex_div{
	display: block;
}
.l-sns_table{
	margin: 12px auto;
	width: 220px;
}

.l-linkfooter img{
	width: 30px;
}
.l-linkfooter p{
	width: 180px;
	font-size: 16px;
}
.l-sns_table th{
	width: 91px;
}
}
@media screen and (max-width: 540px) {
	.l-link1_ul{
		width: 90%;
		margin: 0 auto;
	}
	.l-link1_ul li{
		width: 23%;
	}
	.l-link1_a img{
		width: 100%;
		max-width:400px; 
		margin: 10px auto;
	}
}
@media screen and (max-width: 440px) {
	/*hover消し*/
	a :hover,.l-news_ul li p:hover{
		opacity: 1;
		color: #ff94f5;
	}
	.l-popup_img:hover{
		opacity: 1;
		border: 1px solid #000;
	}
	.l-link1_a:hover{opacity: 1}
	.l-footerlink_a img:hover{opacity: 1;}
	.l-linkfooter_img{
		width: 30px !important;
	}
	/**/
	.l-top_onpu_div{
		width: 100%;
	}
	.l-top_onpu_div img{
		width: calc(100vw / 7);
		height: auto;
	}
    .o16,.o15,.o14,.o13,.o12,.o11,.o10,.o9,.o8{
    	display: none !important;
    }
    .l-top_img_h1{
    	font-size: 5vw;
    	letter-spacing: -0.5px;
    }
    .l-top_img_h1sub_p{
    	font-size: 5vw;
    }
	.l-tenten_black_p{
	    font-size: 15px;
	}
}
@media screen and (max-width: 360px) {
	.link2_nav_p{font-size: 4vw;}
	.l-tenten_black_p{
	    font-size: 14px;
	}
}
@media screen and (max-width: 358px) {
.l-top_img_counter_img{
	margin: 0;
}
}
@media screen and (max-width: 320px) {
.l-tenten_black_p{
    font-size: 12px;
}
}