@charset "UTF-8";
 
 /* すべてのページに適用される　*/
 
html {
	font-family: sans-serif;
}
* {
	box-sizing: border-box;
}
body {
  margin: 0 0 0 0;
  background-color:black;
}

.wrapper {
	margin: 0 auto 0 auto;
	max-width: 960px;
}

/*　PCでは表示させる　*/
@media screen and (min-width: 768px){
/*　追従するボタン　GooglePlayストア画像*/
.fixed_btn{
  position: fixed; /* 追従させる為にfixedの値を記述します */
  z-index: 99999; /* 他の要素の下に隠れないように全面配置させます */
  background:rgb(207, 207, 207);
  opacity: 0.8;  /*半透明にする*/
  width: 20%;
  right: 0;
  border-radius: 20px;  /*角を丸くする*/
}
p.storemoji{
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin: 5px 0 0 0;
  color: #000000;
}
.ggh:hover{
  opacity: 0.6;
}
/*　追従するボタン　GooglePlayストア画像　終了　*/

/*　PCでは表示させない　*/
.smartgg{
  display: none !important;
}
/*　PCでは表示させない終了　*/
}




/*　ボディーの内容　*/
h1{
  font-size: 30px;
  margin: 8px auto 0 auto;
  text-align: center;
  color:#fbff00;
}
h2.midashi{
  font-size: 25px;
  margin: 8px auto 0 auto;
  color:#ffd700;
}
h3{
  font-size: 20px;
  margin: 8px auto 0 auto;
  color:rgb(255, 147, 6); 
}
hr {
  height: 1px;
  background-color: white;
  width: auto;
  border: none;
  margin: 0 auto 10px auto;
}
img {
	max-width: 100%;
  height: auto;
}


/*　ゲームの内容　*/
.mds {
  text-align: center;
  font-size: 25px;
	color: white;
}
span.m-red {
  text-align:center;
  font-size:25px;
  font-weight: bold;
  color: rgb(255, 0, 0);
  margin: 0 auto;
}
/* PCでは改行させないで、モバイルの時に改行する位置を指定　*/
.sp_br {
  display: none;
}
/* PCで改行させ、モバイルの時に改行させない　位置を指定　*/
.spc_br {
  display:block;
}

/*　ゲーム情報　*/
p{
  font-size:30px;
  font-weight: bold;
  color: white;
  margin: 0 auto;
}
p.sentence{
    text-align:left;
    font-size:20px;
    font-weight: bold;
    color: white;
    margin: 0 auto;
}
/*ゲーム画像を表示させる*/
.gp {
  margin: 0;
  width: 80%;
  justify-content: left;
}
.gp1 {
  margin: 0;
  width: 53.5%;
  text-align: center;
}
.photo{
  display: flex; 
  width: 100%;
  margin: 0;
  padding: 0;
  justify-content: left;
  /*text-align: left; */
}
/*ゲーム画像を表示させる終了*/
/*　ゲーム情報　終了　*/

/*　遊び方　*/
.play{
  font-size: 20px;
  margin: 8px auto 0 auto;
  color:rgb(255, 255, 255); 
}

/*　注意文*/
p.note{
  text-align:left;
  font-size: 15px;
  margin: 0 auto 10px auto;
  color: #FF3300;
}


/*　商品紹介部分　*/
.flex {
  display: flex; /*横並び*/
}
.flex .image {
  width: 15%; /*画像サイズ指定*/
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.flex .text {
  font-size: 18px;
  margin: 0 0 0 20px;
  padding: 0;
}
/*　商品紹介部分 終了　*/

/*　フッター前の線　*/
hr.end {
  height: 5px;
  background-color: white;
  width: auto;
  border: none;
}

/* フッター内容 */
.footermenu{
  display: flex;  /*横並びにする*/
  justify-content: center;  /*左によってしまうので中央に寄せる*/
  margin: 15px 0 5px 0;
}
ul.footer {
  list-style: none;
  display: flex;
}
a.footersub{
  font-size: 13px;
  font-weight: normal;
  color: #fff;
  margin: 0 10px;
}
.copyright{
  text-align: center;
  font-size: 12px;
  color: #fff;
}
/*　リンクしている文字アンダーバー（青）を消す*/
a {	
  text-decoration: none;
  color: #000000;
  font-weight: bold;
  font-size: 20px;
}
a:hover{
  /*background: #94b4fa; （色を変える場合） */
  opacity:0.3;  /*（不透明度50％の場合）*/
}
/*　フッター内容　終了　*/


/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}

/***追従するトップへ戻るボタン***/
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #3fefee;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f062';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
/***トップへ戻るボタンここまで***/



/* スマートフォン向けCSS 767px以下になると表示が下のように変わる */
@media screen and (max-width: 767px) {
  /*全体　-ナビゲーション- */
  .wrapper {
	margin: 0;
  overflow:hidden;
  }
  .logo {
	margin: 30px 0;
  }
  .logo img {
	width: 200px;
  }

  /*　文章をスマホだと改行するためのもの　*/
  .sp_br {
    display: block;
  }
  /*　文章をスマホだと改行しないためのもの　*/
  .spc_br {
    display: none;
  }

 /*　ゲーム情報　画像　スマホだと縦に一つ表示するためのもの　*/
  .photo{
    width: 100%;
    margin: 0;
    display: block;
    text-align: center;
  }
  .gp {
    margin: 0;
    width: 80%;
    justify-content: center;
  }
  .gp1 {
    margin: 0;
    width: 80%;
    justify-content: center;
  }
  .mds {
    text-align: center;
    font-size: 20px;
    color: white;
  }
  span.m-red {
    text-align:center;
    font-size:20px;
    font-weight: bold;
    color: rgb(255, 0, 0);
    margin: 0 auto;
  }
  .play{
    font-size: 20px;
    margin: 8px auto 0 auto;
    color:rgb(255, 255, 255); 
  }

  /*　スマホではフローティングバナーは非表示にする　*/
  .fixed_btn{
    display: none !important;
  }

  /* フッター内容 */
  .footermenu{
  display: flex;  /*横並びにする*/
  justify-content: center;  /*左によってしまうので中央に寄せる*/
  margin: 15px 0 5px 0;
  }
  ul.footer {
  list-style: none;
  display: flex;
  flex-direction:column;
  }
  a.footersub{
  font-size: 13px;
  font-weight: normal;
  color: #fff;
  margin: 0 10px;
  }
  .copyright{
  text-align: center;
  font-size: 12px;
  color: #fff;
  }
/*　フッター内容　終了　*/
}