@charset "UTF-8";

/* 横幅サイズが必要 */
.flexbox{flex:1 1 auto}
/* 子要素の最大サイズも必要 */
.flexbox{max-width:100%}


/*PC用CSS(ipad mini 7.9インチ対応)*/
@media only screen and (min-width: 768px){
	.pc_none{
		display: none!important;
	}
}
/*SP用CSS(ipad mini 7.9インチ未対応)*/
@media only screen and (max-width: 767px){
	.sp_none{
		display: none!important;
	}
}
body{
  -webkit-text-size-adjust: 100%; /*ios横向き文字の拡大防止*/
  text-size-adjust: 100%; /*ios横向き文字の拡大防止*/
  font-weight: 500;
    font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
  font-style: normal;
  color: #333; 
}

body.active{
	height: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}
body,
main,
header,
footer{
	/*min-width: 1000px;*/
	min-width: 768px;
}
@media only screen and (max-width: 767px){
	body,
	main,
	header,
	footer{
    min-width: 320px;
	}


body{
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	position: relative;
}
}
@media only screen and (max-width: 767px){
	body{
		min-width: initial;
	}
}
main{
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	position: relative;
	 overflow: hidden;
}
main{
	/*padding-top: 50px;*/
}
@media only screen and (max-width: 767px){
	main{
	/*	padding-top: 76px;*/
	}
}