@charset "UTF-8";
/* CSS Document */

header{
width:100%;
height:auto;
margin-top:30px;
}

header img{
margin-top:50px;
width:auto;
height:auto;

}

.btms{
	margin-bottom:20px;
}

/*スマホ改行*/
.sma{
    display: none;
}

/*navi*/

nav{
width:600px;
height:auto;
background-color:#ffffff;
	margin:10px auto 20px auto;
	padding:20px 0 20px 0;
	text-aligne:center;
}


/* nav{
	display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
	  width:970px;
	  flex-basis:auto;
height:auto;
margin:10px auto 20px auto;
background-color:#cc3333;
} */

.flex{
   width: 900px;
  height: auto;
  padding:10px 0px;
color:#ffffff;
  text-align: center;
  vertical-align: center;
  font-size: 1.2em;
text-decoration:none;
}

.flex a{

color:#ffffff;
text-decoration:none;
}
.flex a:hover{
color:#fff222;
  text-align: center;
background-color:none;
text-decoration:none;
}

.flexgrw1{
	flex-grow: 1;
}

.flexgrw2{
	flex-grow: 3;
}


/* navi

nav{width:970px;
height:50px;
margin:0 auto;
}

nav ul{
display:table;
table-layout:fixed; 
width:100%;
margin:0 auto;
box-sizing: border-box; 
list-style:none;
background-color:#cc3333;
}

nav ul li{

display:table-cell;
vertical-align:middle;
text-align:center;
color:#ffffff;

}

nav ul li:last-child {
  border-right: 0;
}
nav ul li a{
		padding:14px 0px;
display:block;
color:#ffffff;
text-decoration:none;

}

nav ul li a:hover{
background-color:#882345;
}
*/

/*pan*/
#pankuzu{width:100%;
margin-bottom:0 auto;
padding-top:5px;
text-align:center;
}

#pankuzu-l{width:100%;
margin-bottom:0 auto;
margin-bottom:10px;
font-size:0.8em;
text-align:left;
}


/*bdy*/

#bdy{clear:both;
	width: 100%;
	height:100%;
	margin-top:40px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom: 160px;
	text-align:center;


}

/*サイドナビ*/
	
div#side{
	width:240px;
	height:auto;
	padding-bottom:40px;
	float:left;

}



/*ステージ*/

		
	.stage-top{width: 100%;
	font-size:1.6em;
	margin-bottom:30px;
		padding-bottom:8px;
	border-bottom:2px solid #666666;
	
	}
	dl.shpInf{
		width: 100%;
		margin:0px;
	
	}
	
	dl.shpInf dt{width:90px;
	background-color:#cccccc;
	margin:0px 10px 10px 0px;
padding:5px 0px 5px 0px ;
	text-align:center;
	border:none;
		clear:left;
    float:left;
	} 
	
	dl.shpInf dd{width:auto;
margin:0px 0px 10px 100px;
		padding:5px 0px 5px 0px ;
			border:none;
			text-align:justify;
	} 
	.prld{clear:both;border-top:solid 1px #aaaaaa;
	padding:5px 0px 5px 0px;
	border-bottom:solid 1px #aaaaaa;
	}
/*ボックスdiv*/
.pd20{padding:20px;
}
/*ショップ*/	

.h1les{
	margin-top:30px;
		margin-bottom:30px;
}

	.koma{
		width:211px;
		padding: 0px;
		background-color:#ffffff;
		
	}
	.cntre{text-align:center;
	}
	
	
	.flexcontainer{
  display: flex;
 flex-flow: row wrap;
 justify-content: space-between;
 align-items: stretch;

}

.flexitem{
  width: 211px;
  height: 200px;
  margin-bottom:20px;

  text-align: center;
  font-size: 1em;

}


.flexitem-blank{
  width: 211px;
  height: 1px;
  margin-bottom:0px;

  text-align: center;
  font-size: 1em;

}

.jnr{font-size:1em;
font-weight:bold;
	margin-bottom:-10px;

text-align:center;
}

.tnmei{font-size:1.6em;
font-weight:bold;
}

.dt01{
	line-height:1.4em;
}
.dt02{
	line-height:1.4em;
}
	/*footer*/
	
footer{clear:both;
		width: 100%;
		height: 160px;
		margin:auto;
	background-color:#F8F4E2;
		border-top: solid 1px #FFCC55;
		
		position: absolute;
		bottom: 0;
		left: 0;
	
	}

#ftxt{
	width:970px;
	height:auto;
	margin:10px auto;
	font-size:0.8em;
	font-weight:normal;
	text-align:center;
	margin-top:30px;
	}
	#ftxt img{vertical-align:middle;}	

/*ジャンル別*/
#side_jenru{width:400px;
float:left;
}
#stg_jenru{
width: 540px;
height:auto;
padding-bottom:40px;
	text-align:left;
	float:right;
	}
	
.jenttl{width:100%;font-size:1.6em;
border-bottom:1px solid #999999;

}
.jen-ul{
	margin-top:20px;
	margin-left:80px;
	margin-bottom:30px;
	line-height:2em;
	text-decoration:none;
}

/*ボタン*/
 .btn{
    /* ユーザーエージェントスタイルシートをリセット */
  appearance: none;
  border: 0;
  border-radius: 5px;
  background: #4676D7;
  color: #fff;
 margin:8px 20px 8px 0px;
  padding: 8px 16px;
  font-size: 16px;
  }
  
	
 .btn:hover {
  background: #1d49aa;
}
 
 .btn:focus {
  outline: none;
  box-shadow: 0 0 0 4px #cbd6ee;
}

 .btn2{
    /* ユーザーエージェントスタイルシートをリセット */
  appearance: none;
  border: 0;
  border-radius: 5px;
  background: #EE2358;
  color: #fff;
	 margin:8px 20px 8px 0px;
	
  padding: 8px 16px;
  font-size: 16px;
  }
  
	
 .btn2:hover {
  background: #D30A2C;
}
 
 .btn2:focus {
  outline: none;
  box-shadow: 0 0 0 4px #cbd6ee;
}

 .btn3{
    /* ユーザーエージェントスタイルシートをリセット */
  appearance: none;
  border: 0;
  border-radius: 5px;
  background: #999999;
  color: #ffffff;
	 margin:8px 20px 8px 0px;
	
  padding: 8px 16px;
  font-size: 16px;
  }
  
	
 .btn3:hover {
  background: #D30A2C;
}
 
 .btn3:focus {
  outline: none;
  box-shadow: 0 0 0 4px #cbd6ee;
}


/*フォント*/
.grting{text-align:center;
}

caption{
	margin-top:10px;
	font-weight:bold;
	text-align:left;}
	
.cntr{text-align:center;}

.Hsn{font-size:0.8em;font-weight:normal;}

/*トップニュース*/
.tnws{width:auto;
height:auto;
}
/*画像*/
figcaption{font-size:0.8em;

}

.img-r{float:right;
}

.img-r30{float:right;
margin-left:30px;
}
.mar-l30{margin-left:30;
}
.img-l{float:left;
}
.img-r50{margin-right:50px;
}


/*リスト*/
dl.spc{width:100%;
	margin-top:16px;
		line-height:1.6em;
	}
	
	dt{width:200px;
	clear:left;
    float:left;
	padding:10px;
	border-top:solid 1px #999999;
	}
	dd{
	margin-left:200px;
padding:10px;
border-top:solid 1px #999999;
	}
	.btm{
border-bottom:solid 1px #999999;
	}

	/*テーブル*/
	
table.takemoto01{
	border:1px solid #aaaaaa;
		border-collapse:collapse;
}

table.takemoto02{
	border:1px solid #aaaaaa;
		border-collapse:collapse;
}

table.takemoto01 th,td{
	padding:3px;
	border:1px solid #aaaaaa;
	
}

table.takemoto02 th,td{
		padding:3px;
		border:1px solid #aaaaaa;

}

/*線*/

hr {
  height: 0;
  margin-top: 0.8em;
	margin-bottom: 0.8em;
  padding: 0;
  border: 0;
	
}


/* テキスト */

.sred{
	color:#FF0000;
}

/* 実線 */
.hr1 {
  border-top: 1px solid #aaa;
}


/*イベント*/

	
/*ボックス装飾*/



/*スクロール*/