@charset "UTF-8";
/* CSS Document */
* {
  margin: 0;
  padding: 0;
  border: 0;
}
img {
  width: 100%;
}
a:hover img {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
html {
  overflow-x: hidden;
}
BODY {
  min-width: 1000px;
  margin: 0 auto;
	font-family: 'Shippori Mincho', serif;
	font-feature-settings: "palt";
	background-color: #000;
}
.min {
  font-family: 'Shippori Mincho', serif;
}
p {
			font-size: 16px;
			line-height: 1.8em;
			color: #fff;
			padding: 0 0 10px 0;
			margin: 0;
		}
	.zoom-out-container {
  width: 100%;       /* コンテナの幅 */
  max-width: 800px;  /* 必要に応じて調整 */
  overflow: hidden;  /* 枠からはみ出た部分を隠す */
		margin: 0 auto;
}

.zoom-out-image {
  width: 100%;
  height: auto;
  /* animation: 名前 時間 イージング 繰り返し */
  animation: slowZoomOut 10s ease-out forwards;
	 transform-origin: bottom left;
	
}

/* ズームアウトのキーフレーム定義 */
@keyframes slowZoomOut {
  0% {
    transform: scale(2.0); /* 始めは少し大きく（ズーム状態） */
  }
  100% {
    transform: scale(1);   /* 最後は通常サイズに戻る */
  }
}

h1 {
	width: 500px;
	margin: 20px auto;
	line-height: 1;
}
h2 {
	text-align: center;
	font-size: 20px;
	line-height: 1.8em;
	padding: 0 0 25px 0;
	color: #fff;
	font-weight: normal;
}
#list {
	width: 700px;
	margin: 15px auto;
}
 .dot {
            border: none;
            background-color: #999;
            border-width: 1px 0 0 0;
            border-top: dotted;
            border-color: black;
}
span {
	color: #ff0;
	font-size: 22px;
}
.link {
	width: 200px;
	margin: 20px auto 50px;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
a {
	text-decoration: none;
	color: #ff0;
	font-size: 22px;
}
a:hover {
	text-decoration: none;
	color: #ff0;
	font-size: 22px;
}



/*スマホ==========================================================================================================*/
@media screen and (max-width: 480px) {
  BODY {
    min-width: 100%;
  }

	.zoom-out-container {
  width: 100%;       /* コンテナの幅 */
  max-width: 100%;  /* 必要に応じて調整 */
  overflow: hidden;  /* 枠からはみ出た部分を隠す */
		margin: 0 auto;
}
p {
			font-size: 16px;
			line-height: 1.6em;
			color: #fff;
			padding: 0 0 10px 0;
			margin: 0;
		}
h1 {
	width: 80%;
	margin: 15px auto;
	line-height: 1;
}
h2 {
	text-align: center;
	font-size: 18px;
	line-height: 1.8em;
	padding: 0 0 25px 0;
	color: #fff;
	font-weight: normal;
}
#list {
	width: 94%;
	margin: 10px auto;
}
 .dot {
            border: none;
            background-color: #999;
            border-width: 1px 0 0 0;
            border-top: dotted;
            border-color: black;
}
span {
	color: #ff0;
	font-size: 20px;
}	
	
.pc {
	display: none;
}
.sp {
	display: block;
}	
	.link {
	width: 40%;
	margin: 20px auto 30px;
}
	
}