/*

2019.11.4 
Dao-Game
DAWs.css
スマホ用
*/

@charset "UTF-8";
/* 文字コード設定 */

body {
  background-image: url("../img/フィールド画面2s.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
}

body:before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100vh;
  background-image: url("../img/フィールド画面2s.png");
  background-size:cover;
}


p
{
	margin: 0 0;
}

img
{
	border:none;
	max-width:100%;
}
/*画像枠線を消す。*/

#page
{
	width: 100%;
	margin: 10% auto 10% auto;
}
/*
border-radius: 25px;
background-color: rgb(255,255,255);
#を付けることで独自設定が可能。後ろの名前も任意でおｋ
width918はページ全体の幅。
margin: 0 auto 0 auto;は上下0pxの余白、左右はセンタリングする事を示す。
marginは余白の定義で「上 右 下 左」の順で記述。
上の例では左右でautoを指定しているため中央にセンタリング。
これがないとページ全体が左に寄る。
background-colorでpage内の背景。
*/

#site_title
{
	width: 90%;
	margin: 0 auto 10% auto;
}
/*マージンを下に10px余白をつけて、下と重ならないようにする。*/

#header
{
	width: 90%;
	margin: 10% auto 30% auto;
}

#center
{
	margin: 10% auto 10% auto;
	width: 90%;
}

.main_
{
	width: 90%;
	height: auto;
	margin: 10% auto 0 auto;
}

.main
{
	width: 90%;
	height: 123px;
	margin: 1em auto;
}

.inner_photo
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: auto;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.main_2
{
	width: 90%;
	float: none;
	margin: 10% 10% 40% 10%;
}

.main2
{
	margin: 0;
}

#footer
{
	padding: 10% 0 10% 0;
	border-top: 1px rgb(0,176,240) solid;
	text-align: center;
}

.advertisement
{
	margin: 0 0 10% 0;
}

.clear
{
	clear:both;
}