/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}


body{
	
/*	background-color:#e35725;*/
	background-image: url("../img/next/event/2025_summer/2025_bg.jpg");
	
	/*	background-attachment: fixed;
	background-size:cover;*/
	/*background: linear-gradient(to right, #ff0000 0%, #ff0000 10%, maroon 10%, maroon 100%);
*/	font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
}


a:hover{
	color: white;
}
a:link{
	color: white;
}
a:visited{
	color: white;
}

#f-container{
	max-width:1000px;
  	margin: 0 auto;
}

img{
	max-width: 100%;
	height: auto;
}

.fade{
	animation: fadeIn 0.2s ease 0.3s 1 normal;
}
@keyframes fadeIn { /*animation-nameで設定した値を書く*/
	0% {opacity: 0} /*アニメーション開始時は不透明度0%*/
	100% {opacity: 1} /*アニメーション終了時は不透明度100%*/
}




#title_bg{
	width:100%;
	list-style-type: none;
/*	color: #663300;*/
/*	background-color: rgba(255,255,255,0.8);
	border-radius: 10px;*/
	box-sizing: border-box;	
	text-align: center;
}

#title_bg img{
	max-width: 100%;
}

#friend{
	background-color: antiquewhite;
	text-align: center;
	padding:2em;
}
#friend p{
	font-size:1.2em;
	margin: 1em 0;
	font-weight: bold;
}



#continer2{
	margin-top: 2em;
	background-color: #4d9bc1;
	padding:1em;
}

.overview {
	margin: 0 auto;
	padding: 3em;
	border-collapse: collapse;
  width: 100%;
  max-width: 1000px;
 background-color: #fff;
}

.overview th, .overview td {
  padding: 1em;
  border-bottom: 1px solid #4d9bc1;
}
.overview th {
/*  border-bottom: 1px solid #4d9bc1;*/
  font-weight: bold;
  text-align: left;
  width: 20%;
  min-width: 4em;
}
            


.summary{
	margin: 2em auto;
	width:100%;
	max-width: 900px;
	border-radius: 10px;
/*	border: 2px solid red;*/
	background-color: #fff;
	padding:2em;
}

.summary ul{
	margin: 0 auto;
	list-style: none;
	padding:1em;
	border-radius: 10px;
	background-color:aliceblue;
	width:90%
}
.summary ul li:first-child{
	border-top: 2px solid #663300;
	border-bottom: 2px solid #663300;
	padding:0.5em;
	text-align: center;
	font-size: 1.4em;
	background-color: #ECC87F;
	border-radius: 8px;
	height: 1.2em;
}
.summary ul li+li{
	border-bottom: 1px solid #663300;
	padding:1em;
}
.summary .midashi{
	text-align: center;
	margin: 2em auto;
	max-width: 70%;
}


#cam_shop{
	width:100%;
	color: #663300;
/*	background-color: beige;*/
	margin: 2em auto;
	border-radius: 10px;
}

#cam_shop h3{
	width:100%;
	font-size:1.4em;
	font-weight: bold;
	text-align: center;
	margin: 1em auto;
}

#cam_shop hr{
	border-top: 1px dotted #8c8b8b;
	border-bottom: 1px dotted beige;
}


dl{
	width:100%;
	max-width: 580px;
	margin: 0 auto;
	text-align: center;
}

dt{
	color: brown;
	font-size: 1.2em;
	font-weight: bold;
}

dd{
	line-height: 2em;
}

.summary #readme ul{
	width:90%;
	color: #663300;
	margin: 1em auto;
	padding:1em;
	font-size: 0.8em;
	line-height: 1.75em;
	background-color:bisque;
	border-radius: 10px;
	list-style: none;
}


#footermenu{
	text-align: center;
	color:white;
	margin:5em auto;
}
#footermenu a{
	text-decoration-line: none;
}
#footermenu a:hover{
	text-decoration-line: underline;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
/*.pc { display: block !important; }
.sp { display: none !important; }
*/

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
/*@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
	#summarbag ul li{
		padding: 0px;
		margin: 30px 0;
	}
	dd{*/ /*spのとき表の横幅ずらす*/
	/*margin-left: 80px;
}

}*/










@media screen and (min-width:700px) and (max-width:1000px) {
	img{
		height: auto;
	}
	#f-container {
		font-size: 14px;
		width:100%;
		max-width:1000px;
		min-width:700px;
		line-height:1.5;
	}
	.br_c{
		display: none;
	}

/*	#vd_list ul li:nth-child(n) img{
		width:100%;
	}
	.vd_txt{
		width: 60%;
		min-width: 400px;
		padding:10px;
		line-height: 1.6em;
	}*/
	
	hr{
		widht:90%;
		margin-top: 0px;
	}

}
@media screen and (max-width:700px) {
	img{
		height: auto;
	}
	
	#f-container {
		font-size: 12px;
		width:100%;
		max-width:700px;
		min-width:300px;
		line-height:1.5;
	}
	.br_c{
		display: none;
	}
	
	.summary .midashi{
		padding-top:2em;
	}
	
	/*
	#vd_list ul li{
		margin: 30px auto;
	}
	#vd_list ul li:nth-child(n){
		flex-direction: column;
	}
	#vd_list ul li p img{
		width: 100%;
		max-width: 450px;
	}
	.vd_list_photo{
		margin: 0 auto;
	}
	.vd_txt{
		width: 100%;
		line-height: 1.75em;
		color:white;

	}
	.vd_txt h3{
		font-size: 1.7em;
		margin-top:0px;
	}*/
	hr{
		widht:50%;
		margin-top: 0px;
	}
	
	#gentei{
		width:100%;
		padding:20px;
		box-sizing: border-box;

		line-height: 1.7em;
		margin: 0 auto;
	}
	
	.summary{
		padding:0;
	}

	
	.overview th, .overview td{
		padding:0;
		display: block;
		width: 90%;
		margin:0 auto;		
	}
	
	.overview th{
		border-bottom:none;
		text-align: center;
		padding-top:0.5em;
	}
	.overview td{
		padding-bottom: 0.5em;
	}

	
}

.element {
  /* 最初は非表示 */
  transform: translateY(3em);
  opacity: 0;
  visibility: hidden;
  transition: transform 1s, opacity 1s, visibility 1s;
}
/* フェードイン時に入るクラス */
.is-fadein {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}