/*!
Theme Name: puzzle
*/

/*
	common
*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.aligncenter {
  display: block;
  margin: 0 auto;
}
.alignleft {
  float: left;
  margin-right: 50px;
}

html{
	font-size:62.5%;
}

*, *::before, *::after {
    box-sizing: inherit;
    max-height:99999px;
}

body{
	font-family: 'Noto Sans Japanese', serif;
	-webkit-text-size-adjust: 100%;
	font-size:1.4rem;
	line-height:1.5;
	color: #444;
}

.noto100 {font-weight:100;}
.noto200 {font-weight:200;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto600 {font-weight:600;}
.noto700 {font-weight:700;}
.noto800 {font-weight:800;}
.noto900 {font-weight:900;}

.wrap{
	overflow:hidden;
}

img{
	vertical-align:bottom;
  max-width: 100%;
}


.absolute{
	position:absolute;
}

.inline{
	display:inline-block;
	vertical-align:middle;
}

.left{
	float:left;
}

.right{
	float:right;
}

.pc{
	display:block;
}

.sp{
	display:none;
}

img.pc{
	display:inline;
}

img.sp{
	display:none;
}

.in{
	width:1000px;
	margin:0 auto;
  position: relative;
}

li{
	list-style:none;
}

a{
	text-decoration:none;
}

a:hover{
	opacity:0.6;
}

.wrapper{
	overflow:hidden;
}

.flex{
	display:flex;
}

@media screen and (max-width: 640px) {
  .in{
  	width:90%;
  }
  .pc{
  	display:none;
  }
  .sp{
  	display:block;
  }
  img.pc{
  	display:none;
  }

  img.sp{
  	display:inline;
  }
}