*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
html, body{
	font-family: "Meiryo", "Meiryo UI", sans-serif;
	font-size: 18px;
	background-color:#ffffff;
	color: #666666;
}
p{
	font-size: 30px;
	margin: 0px auto 0px;
	padding: 5px;
	text-align: center;
}
p1{
	display: block;
	font-size: 30px;
	color: #ffffff;
	margin: 0px auto 0px;
	padding: 5px;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 2px #c0c0c0

}
p2{
	display: block;
	font-size: 40px;
	color: #ffffff;
	margin: 0px auto 0px;
	padding: 5px;
	font-weight: bold;
	text-shadow: 1px 1px 4px #000000
}
p3{
	display: block;
	font-size: 18px;
	color: #ffffff;
	margin: 0px auto 0px;
	padding: 5px;
	font-weight: bold;
	text-shadow: 1px 1px 4px #000000
}
p4{
	display: block;
	font-size: 40px;
	color: #2f5597;
	margin: 0px auto 0px;
	font-weight: bold;
	box-sizing: border-box;
}
p5{
	display: block;
	font-size: 35px;
	color: #2f5597;
	padding: 15px 20px;
	box-sizing: border-box;
}
p6{
	display: block;
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
	text-shadow: 2px 2px 3px #2f5597, /* 右下の影 */
               -2px 2px 3px #2f5597, /* 左下の影 */
               -2px -2px 3px #2f5597, /* 左上の影 */
               2px -2px 3px #2f5597; /* 右上の影 */
	padding: 5px;
	box-sizing: border-box;

}
p7{
	display: block;
	font-size: 30px;
	color: #2f5597;
	padding: 15px 45px 15px 45px;
	margin: 10px 0;
	box-sizing: border-box;
}
p8{
	display: block;
	font-size: 20px;
	color: #000000;
	box-sizing: border-box;
	text-shadow: 1px 1px 1px #4d4d4d
	font-weight: bold;
}
/* ヘッダー */
.header_container {
	background-color:#ffffff;
	width: 100%;
	min-height: 8vh;
	display:flex;
	position: relative;
}
#header_left{
	display:flex;
	position: absolute;
	left: 10px;
	top: 5px;
}
#header_right{
	display:flex;
	position: absolute;
	right: 10px;
	top: 8px;
}
#header_right .img-lang {
	display:block;
}
#header_right a {
	display:block; line-height:0;
}
.img-lang {
	margin: 10px 5px;
	width: 100px;
	height: auto;
}
#text-space {
	margin: -8px 0px 6px 0px;
}
#spacer1 {
	margin: 0px auto 0px;
	padding: 30px;
}
/* ビデオ */
.video_container {
	position: relative;
	z-index: 200;
	width: 100%;
	height: auto;
	min-width: 769px;
}
.top_movie {
	filter: brightness(65%);
}
video {
	display: block;
}
.inuatsume_logo {
	position: absolute;
	width:100%;
	display: flex;
	justify-content: center;
	text-align:center;
	top: 115px;
	filter: drop-shadow(5px 5px 3px #000000);
}
.inuatsume_get {
	position: absolute;
	width:100%;
	text-align:center;
	bottom: 145px;
}
.meta_link {
	position: absolute;
	width:100%;
	display: flex;
	justify-content: center;
	text-align:center;
	bottom: 85px;
}
/* 壁紙 */
.wall {
	background-image:url(../images/wall.png);
	z-index: 0;
	width: 100%;
	min-height: 100vh;
}
/* ニュース */
.news_container {
	width: 100%;
	text-align:center;
}
.news-radius{
	position: relative;
	padding: 0px ;
	border-radius: 10px;
	overflow: hidden;
	background-color: rgb(255 255 255);
	width: 750px;
	height: 150px;
	filter: drop-shadow(10px 6px 8px gray);
}
.news-radius iframe {
	position: absolute;
	width: 750px;
	height: 150px;
	left: 50%;
	transform: translateX(-50%);
	padding: 0px 0px 0px 15px;
}
.contents{
	display: flex;
	width: 98%;
	height:100%;
	text-align: left;
	padding: 0px 0px ;
	margin: 10px 5px 10px;
	overflow-y: hidden;
}

.data{
	width: 20%;
	text-align: left;
	margin:0em 0em auto;
}

.des{
	width: 70%;
	text-align: left;
	margin:0em 0em;
}
/* 遊び方 */
.disc_container {
	width: 100%;
	min-height: 100vh;
	text-align:center;
	overflow: hidden;
}
.disc_waku {
	border-radius: 10px;
	overflow: hidden;
	background-color: #ffffff;
	width: 80%;
	height: auto;
	background-color: rgb(255 255 255 / 75%);
	padding: 15px 0px 0px 0px;
	position: relative;
	z-index: 0;
	overflow: visible;
}
.disc_jun {
	width: 90%;
	display:flex;
}
#disc_left {
	text-align:left;
	width: 60%;
	height: auto;
}
#disc_right {
	position: relative;
	width: 40%;
}
#disc_right img {
	position: absolute;
	max-width: none;
	top: -25px;
	left: 0px;
	width: 420px;
}
.title_waku {
	
	background-image:url(../images/koumokuwaku.png);
	background-repeat:no-repeat;
	width:100%;
	height:100px;
	text-align: left;
	margin: 50px 0px 6px 0px;
}
#asobikata_moji {
	padding: 20px 0px 0px 10px;
}

.pic1_jun {
	width: 90%;
	display: flex;              /* デフォルトは横並び */
	margin: 30px auto 0 auto;
	gap: 20px;                  /* 左右の余白 */
}

#pic1_jun_left  {
	width: 50%;
	filter: drop-shadow(10px 6px 8px gray);
}
#pic1_jun_right {
	width: 50%;
	text-align: left;
}

/* 768px以下になったら縦並び（画像が上） */
@media screen and (max-width: 768px) {
    .pic1_jun {
        flex-direction: column;
        align-items: center;
    }
    #pic1_jun_left {
        width: 100%;            /* スマホは全幅表示 */
	filter: drop-shadow(10px 6px 8px gray);
    } 
    #pic1_jun_right {
        width: 100%;            /* スマホは全幅表示 */
    }
}
#pic1_jun-radius{
	border-radius: 10px;
	overflow: hidden;
	background-color: #ffffff;
	width: 100%;
	height: auto;
	background-color: rgb(255 255 255 / 75%);
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 0;
}
.pic2_container {
	display: block;
	width: 90%;
	margin: 50px auto 0 auto;
}
#pic2_img {
	width: 100%;
	filter: drop-shadow(10px 6px 8px gray);
}
#pic2_disc {
	text-align: left;
	border-radius: 10px;
	overflow: hidden;
	background-color: #ffffff;
	width: 75%;
	height: auto;
	background-color: rgb(255 255 255 / 75%);
	margin: 50px 0px 0px 0px;
	padding: 15px 40px 15px 40px;
	position: relative;
	z-index: 0;
}
/* ゲーム情報 */
.info_container {
	text-align:center;
	width: 100%;
}
.spec-table{
	width: 800px;                 /* 画像と同じ横幅に近づける（必要なら100%に） */
	border: 3px solid #000;
	border-collapse: collapse;    /* 枠線を1本に */
	table-layout: fixed;          /* 列幅を固定して揃える */
	background: #fff;
	margin: 0 auto;               /* 中央寄せ（任意） */
}
.spec-table th,
.spec-table td{
	border: 2px solid #000;       /* 内側の太線 */
	padding: 10px 16px;           /* 枠から文字を離す */
	line-height: 1.5;
	vertical-align: middle;
	word-break: break-word;       /* 長文の折り返し */
}

.spec-table th{
	width: 36%;                   /* 左列の比率（画像っぽくやや広め） */
	background: #00B5F1;          /* シアン */
	color: #fff;
	font-weight: 700;
	text-align: left;
	font-size: 22px;
}
.spec-table td{
	font-size: 22px;
	text-align: left;
	color: #000;
}
.spec-table .note{
	font-size: 18px;              /* 備考は少し小さく */
}

/* フッター */
.footer_container {
	position: relative;
	width: 100%;
}
.footer-bg {
	display: block;
	width: 100%;
	height: auto;
}
/* トレーラー */
.trailer_container {
	text-align:center;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	width: 70%;
	max-width: 800px;
	z-index: 10;
}
.trailer-thumb {
	width: 70%;
	max-width: 800px;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	cursor: pointer;
	transition: transform 0.2s ease;
}

.trailer-thumb:hover {
	transform: scale(1.03); /* ホバー時に少し拡大 */
}
.footerLink_container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
	text-align: center;
	position: absolute;
	bottom: 100px;
	width: 100%;
	z-index: 10;
}
#sns_link, #privacy_link {
	width: auto;
}
#copy {
	text-align: center;
	position: absolute;
	bottom: 30px;
	width: 100%;
	z-index: 10;
}