@charset "UTF-8";

/* CSSリセット */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,
strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,
figure,footer,header,hgroup,menu,nav,section,summary,time,mark,
audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}blockquote,q{quotes:none}blockquote:before,
blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;
font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:line-through}abbr[title],dfn[title]
{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;
margin:1em 0;padding:0}input,select{vertical-align:middle}

/* 共通設定 */

body{
    background: #696969 url(image/bg.png) repeat-y;
    font: 16px/20px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Helvetica,Arial,Sans-Serif;
    color: #666666;
	}
a{
	color: #79a6d2;
	}

a:visited{
    color:#ee99b4;
    }
    
a:hover{
	color:#7033ba;
	}
	

    img {
        vertical-align: top; /* 画像を文字の中央に揃える */
      }
      

#wrapper{
    width: 950px;
    margin: 0px 5px;
	}

	
/* ヘッダー */
.logo{
	position: relative;
	} 
	
header{
    margin: 0px 0px 0px;
    overflow: hidden;
	}


/*ナビボタン*/
nav{
    top: 0;
    position: absolute;

}
nav li{
  float: left;
}

.nav1 {
  transition: 0.3s ease;
}
.navi1:hover {
  content: url('image/mainbtn01on.png');
}

.nav2 {
  transition: 0.3s ease;
}
.navi2:hover {
  content: url('image/mainbtn02on.png');
}
.nav3 {
  transition: 0.3s ease;
}
.navi3:hover {
  content: url('image/mainbtn03on.png');
}
.nav4 {
  transition: 0.3s ease;
}
.navi4:hover {
  content: url('image/mainbtn04on.png');
}
.nav5 {
  transition: 0.3s ease;
}
.navi5:hover {
  content: url('image/titleon.jpg');
}

/* NEWS*/
#news_main{
    width: 930px;
    height: 470px;
    margin: 5px 10px 5px;
	}

#news_list li img{
	vertical-align:bottom
}



/* LINEUP*/

.lineup-btn1 {
  transition: 0.3s ease;
}

.lineup-btn1:hover {
  content: url('image/linebtn01.png');
}

.lineup-btn2 {
  transition: 0.3s ease;
}

.lineup-btn2:hover {
  content: url('image/linebtn02.png');
}

.lineup-btn3 {
  transition: 0.3s ease;
}

.lineup-btn3:hover {
  content: url('image/linebtn03.png');
}

.lineup-btn4 {
  transition: 0.3s ease;
}

.lineup-btn4:hover {
  content: url('image/linebtn04.png');
}
.lineup-btn5 {
  transition: 0.3s ease;
}

.lineup-btn5:hover {
  content: url('image/linebtn05.png');
}
.lineup-btn6 {
  transition: 0.3s ease;
}

.lineup-btn6:hover {
  content: url('image/linebtn06.png');
}
.lineup-btn7 {
  transition: 0.3s ease;
}

.lineup-btn7:hover {
  content: url('image/linebtn07.png');
}
.lineup-btn8 {
  transition: 0.3s ease;
}

.lineup-btn8:hover {
  content: url('image/linebtn08.png');
}
.dlsite-btn {
  transition: 0.3s ease;
}

.dlsite-btn:hover {
  content: url('image/dlsiteon.jpg');
}


.sgst-btn1 {
  transition: 0.3s ease;
}

.sgst-btn1:hover {
  content: url('image/sgstbtn01.png');
}
.sgst-btn2 {
  transition: 0.3s ease;
}

.sgst-btn2:hover {
  content: url('image/sgstbtn02.png');
}
.sgst-btn3 {
  transition: 0.3s ease;
}

.sgst-btn3:hover {
  content: url('image/sgstbtn03.png');
}
.sgst-btn4 {
  transition: 0.3s ease;
}

.sgst-btn4:hover {
  content: url('image/sgstbtn04.png');
}

.etc-btn1 {
  transition: 0.3s ease;
}

.etc-btn1:hover {
  content: url('image/etcbtn01.png');
}
.etc-btn2 {
  transition: 0.3s ease;
}

.etc-btn2:hover {
  content: url('image/etcbtn02.png');
}
.etc-btn3 {
  transition: 0.3s ease;
}

.etc-btn3:hover {
  content: url('image/etcbtn03.png');
}
.etc-btn4 {
  transition: 0.3s ease;
}

.etc-btn4:hover {
  content: url('image/etcbtn04.png');
}

/* 記事*/
#info{
    float: left;
	}

#info img{
	border: 5px #fff solid;
	}
.info_photo01{
  width: 410;
  float: right;
  margin-left: 20px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.info_photo02{
  width: 750;
  margin-left: 45px;
  margin-bottom: 5px;
}
.info_set{
  width: 930px;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #ffffff;
  border: 1px black solid;
}
.info_set2{
  width: 930px;
  height: 310px;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #ffffff;
  border: 1px black solid;
}
.info01{
  padding-top: 5px;
  width: 340;
  margin-bottom: 20px;
}
#info h1{
  font-size: 125%;
  padding-left: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  color: red;
  font-weight: bold;
}
#info h2{
  font-size: 125%;
  padding-left: 10px;
  margin-bottom: 15px;
  margin-top: 15px;
  font-weight: bold;
}
.green{
  color: green;
}
.purple{
  color: purple;
}
#info p{
  font-size: 80%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}
   
 .greetings{
  width: 930px;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #ffffff;
  border: 1px black solid;
	}
/* ゲームタイトル*/
#game_main{
    width: 930px;
    height: 200px;
    margin: 5px 10px 5px;
    border: 2px black solid;
	}

/* ヒストリー*/
#histry{
    width: 910px;
    float: left;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
    background-color: rgba(203, 203, 203, 0.5);
    color: #000;
	}
.histry-card{
    width: 860px;
    height: 32px;
    float: left;
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px;
    background-color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center; /* 高さを揃える */
    border: 1px solid #ccc; /* わかりやすくするための枠線 */
    padding: 10px;
	}
.histry-date{
  font-size: small;
  float: left;
  flex: 1;
  padding-right: 10px;
}

.histry-link img{
  margin-left: 50px;
  height: 100%; /* ボックスの高さに合わせる */
  object-fit: contain; /* 画像の比率を保つ */
}

.histry-link:hover {
  opacity: 0.7;
}

/* フッター */
footer:before{
  content: "";
  display:table;
  clear: both;
}

footer p{
  background: #666666;
  width: 950;
  margin: 50px auto 20px;
  padding: 5px;
  text-align: center;
  font-size: 80%;
}
footer p small{
  color: #ffffff;
  border: 1px #ffffff solid;
  padding: 20px;
  display: block;
}
footer a{
  color: #ffffff;
}
footer a :hover{
  color: #ee99b4;
}