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

*{
	margin: 0;
	padding: 0;
}

body {
	border-top: 10px solid #000116;
}

li {
	list-style: none;
}

span {
	color: #800002;
}

.Mbottom20 {
  margin-bottom: 20px;
}

#wrapper {
	width: 980px;
	margin: 0 auto;
	padding-top: 20px;
}

h1 {
	font-size: 2em;
}

/*吹き出し*/

.balloon5 {
  width: 100%;
  margin: 1.5em 0;
  overflow: hidden;
}

.balloon5 .faceicon {
  float: left;
  margin-right: -90px;
  width: 80px;
}

.balloon5 .faceicon img{
  width: 100%;
  height: auto;
  border: solid 3px #d7ebfe;
  border-radius: 50%;
}

.balloon5 .chatting {
  width: 100%;
}

.says {
  display: inline-block;
  position: relative; 
  margin: 5px 0 0 105px;
  padding: 17px 13px;
  border-radius: 12px;
  background: #d7ebfe;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 18px; 
  left: -24px;
  border: 12px solid transparent;
  border-right: 12px solid #d7ebfe;
}

.says p {
  margin: 0;
  padding: 0;
}

/*h2*/
h2 {
  position: relative;
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.2em 0.5em;
  color: #454545;
	margin: 100px 0 30px 0;
}

h2:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #a8d4ff;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

h3 {
	background: linear-gradient(transparent 70%, #ffc26c 70%);
	margin-bottom: 20px;
}

.infobox {
	margin: 20px 0;
	overflow: hidden;
	border: 1px solid #A1A1A1;
	border-radius: 20px;
	padding: 20px;
}

.infobox img {
	margin-right: 30px;
}

.info_img {
	float: left;
}

.left_info {
	float: right;
	width: 700px;
}

.left_info ul {
	margin: 15px 0;
}
.entry {
	color: #850002;
	font-size: 1.2em;
	margin-bottom: 30px;
}

.page{
	width: 200px;
}
/*ボタン*/
.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
	margin-top: 20px;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.button {
  position: relative;
  z-index: 2;
  background-color: #333;
  border: 2px solid #333;
  color: #fff;
  line-height: 50px;
}
.button:hover {
  background-color: #fff;
  border-color: #59b1eb;
  color: #59b1eb;
}
.button::before,
.button::after {
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #333;
}
.button::before {
  top: 0;
}
.button::after {
  bottom: 0;
}
.button:hover::before,
.button:hover::after {
  height: 0;
  background-color: #59b1eb;
}

.test{
	border:1px dotted #6C6C6C;
	padding: 15px;
	margin-top:15px;
	overflow: hidden;
}

.news {
  overflow: hidden;
}

.news dt,
.news dd {
	border-bottom: 1px dotted #5E5E5E;
	float: left;
}
.news dt {
	clear: both;
	padding-right: 20px;
	width: 10%;
}
.news dd {
	width: 85%;
}
.news span {
	color:#DA3033;
}

/*ゲームボタン*/

.btn-circle-stitch {
  display: inline-block;
  text-decoration: none;
  background: #87befd;
  color: #FFF;
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  box-shadow: 0px 0px 0px 5px #87befd;
  border: dashed 1px #FFF;
  transition: .4s;
}

.btn-circle-stitch:hover {
  background: #668ad8;
  box-shadow: 0px 0px 0px 5px #668ad8;
}





@media screen and (max-width: 600px) {
  #wrapper{ width: 90%; 
	margin: 0 auto;}
	
.info_img {
	float: none;
	width: 200px;
	margin: 0 auto 20px auto;
	
}

.left_info {
	float: none;
	width: 100%;
	
}
	
.button {
	margin: 20px auto 0 auto;
	}
	h1 {
		font-size: 1.5em;
		text-align: center
	}
	
	h3 {
		font-size: 1em;
	}
	.page {
		margin: 0 auto;
	}
	
	.news dt,
	.news dd {
		float: none;
	}
	.news dt {
		width: 100%;
		border-bottom: none;
	}
	.news dd {
		width: 100%;
	}
	.news span {
		color:#DA3033;
	}


}