@charset "utf-8";
/* ---------------------------------------------------

	Syntax - SP First

--------------------------------------------------- */
/* ---------------------------------------------------

	common Header Footer

--------------------------------------------------- */
*{
  -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
  }
html{
  height: 100%;
  width: 100%;
}
body{
  color: rgba(0,0,0,1.00);
  font-family: "Hiragino Kaku Gothic Pro", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "Droid Sans", sans-serif;
  height: 100%;
  margin: 0;  
  width: 100%;
}

main{display: block;}

a{
  color: rgba(0,0,0,1.00);
  text-decoration: none;
  }

ul{
  list-style: none;
}

img{
  height: auto;
  max-width: 100%;
  }
h1,h2,h3,h4,h5{
  font-weight: 700;
}

.sdk__frame{
  height: 100%;
  width: 100%; 
}

.pageWrap{
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

/* ---------------------------------------------------

	Material - media-display

--------------------------------------------------- */
.pc_only{display: none;}
.tab_only{display: none;}
.sp_only{display: inline-block;}
.pc_tab{display: none;}
.sp_tab{display: inline-block;}

/* ---------------------------------------------------

	MediaQuery

--------------------------------------------------- */
/* ------------------------------------

	Tablet-Mode

------------------------------------ */
@media screen and (min-width: 600px) {
.pageWrap{}

/* ---------------------------------------------------

	Material - media-display

--------------------------------------------------- */
.pc_only{display: none;}
.tab_only{display: inline-block;}
.sp_only{display: none;}
.pc_tab{display: inline-block;}
.sp_tab{display: inline-block;}
}/* /min-width: 600px */



/* ------------------------------------

	PC-Mode

------------------------------------ */
@media screen and (min-width: 1025px) {
.pageWrap{}

/* ------------------------------------

	Material - media-display

------------------------------------ */
.pc_only{display: inline-block;}
.tab_only{display: none;}
.sp_only{display: none;}
.pc_tab{display: inline-block;}
.sp_tab{display: none;}
}/* /min-width: 1025px */