@charset "utf-8";
/* CSS Document モンスト sp*/
/*Last modified 20170127*/

html{
	overflow:scroll;
	overflow-x: hidden!important;
}

@font-face {
  font-family: 'Circular';
  src: url('../fonts/Circular-Book.woff') format('woff');
  font-weight: normal;
}

@font-face {
	font-family: 'Circular';
	src: url('../fonts/Circular-Bold.woff') format('woff');
	font-weight: bold;
}

* {
  margin: 0;
  padding: 0;
  /*box-sizing: border-box;*/
}

body{width: 100%;
	 font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif", 'Circular';
	background-color: #000000;
	overflow:hidden!important;
   /* font-family: 'Circular', sans-serif;*/
   -webkit-font-smoothing: antialiased;
	}

#wrapper{	
	max-width:743px;
	height:auto;
	position:relative;
	overflow:hiddeni!mportant;
	margin:0px auto!important;
}

header{
	max-width:743px;
	height: 126px;
	background-color:#202020;
	margin:0px auto;
	margin-bottom: 27px;
}

.drawer-toggle .drawer-hamburger{
	color:#ffffff;
}


p.logo{
	padding: 6%;
	width:41.857335127860026%;
	/*width: 311px;*/
	margin-right:auto;
	margin-left:auto;
	font-size:24px;
	font-weight:bold;
	position:relative;
	margin-top: 0px;
	/*color:#ffffff;*/
}


/*.red {
  background-color: #FF324A;
}

.green {
  background-color: #31FFA6;
}

.blue {
  background-color: #206EFF;
}

.yellow {
  background-color: #FFFF99;
}*/

 h6 {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 1rem;
    margin: -1rem 0 0 -1rem;
    background: #FFF;
    /*background-color:transparent!important;*/
    transform: scale(0.8);
    border-radius: 50%;
    /*z-index: 100;*/
    color: transparent;
  }



.sedici{
	width: 52%;
	margin-right:auto;
	margin-left:auto;
	font-size:14px;
	color:#ffffff;
}

main{
	
	max-width:743px;
	background-color: #000000;
	margin:0px auto;
}

main .mainvisual{
	width: 84%;
	height:auto;
	margin:0px auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
　cursor:pointer;
}

main .banner{
	/*width:605px;*/
	width:81.42664872139973%;
	margin:0px auto;
	
}


ul.littlemonster{
	width: 93%;
	margin-left:5%;
	margin-top: 19px;
	margin-bottom: 0px;
}

.littlemonster li{
	display:inline-block;
	color:#ffffff;
	font-weight:bold;
	font-size:11px;
	
	
	
}

.littlemonster .date{
	vertical-align:middle;
	margin-bottom: 10px;
	margin-left: 1%;
}


footer{
	/*max-with:743px;*/
	margin:0px auto;
	min-height: 150px;
	background-color:#202020;
	max-width: 743px;
	color:#ffffff;
	padding:9%;
}

.right{
	float:right;	
}

.rai{
	width:41.049798115746974%;
	margin-bottom: 24px;
	margin-top: 23px;
	margin-right: 2%;
}

.rai2{
	width:41.049798115746974%;
	margin-left: 10%;
	margin-bottom: 0px;
	margin-right:2%;
}

.left{
	float:left;
	
}

.rai1{
	width:25.97577388963661%;
	margin-top: 5%;
	margin-left: 3%;
}

@media screen and (max-width: 743px) {

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

@media screen and (orientation: landscape) {

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