html {scroll-behavior: smooth;}

/*------body------*/

body{
	width: 1280px;
	margin: 0px auto 0px auto; 
	padding: 0px 0px 0px 0px;
	background: #6b99cb;	 
	text-align: center;
  	-webkit-text-size-adjust: 100%; 　　/*ios-safari文字設定*/
}

p{
	color: #000; 
	font-size: 12px;
	font-family: sans-serif; 
  	-webkit-text-size-adjust: 100%; 　　/*ios-safari文字設定*/
}

/*------トップページ------*/

#top{
  	position: relative;	
	width: 1280px; 
	height: 720px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	text-align: center;	
}

#top-back{	  　　　　　/*背景用レイヤー attachmentで固定*/
	width: 1280px; 
	height: 720px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;

	background: url(../images/img/top-wall-utyu.jpg);
	background-attachment: fixed;
	background-position: center 0px; 
	background-repeat : no-repeat;
	z-index: -1;
}

/*------メニューボタン------*/

#nav{
	position: fixed;	
	width: 30%;	
	height: auto;	
	margin: 0px 0px 0px 0px; 
	padding: 20px 0px 0px 45px;
	text-align: left;		
	z-index: 1;
}

ul.nav-global{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	list-style: none;
}

ul.nav-global li{	
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	text-align: left;
}

ul.nav-global li a:hover{
	border-bottom: solid 1px #fff;	
}

img.btn{
	width: 320px;
}

img#btn-menu{
	display: none;
}

ul.nav-global2{
	display: none;
}

/*------コンテンツ------*/

#allcontents{
	width: 550px;      /*width+marginleft=100%*/
	margin: 0px 0px 0px 30%;
	padding: 0px 0px 0px 50px;
	text-align: center;
}

p#gotop{
	font-size: 12px;
	color: #fff;
	text-align: center;
}

img.comic{
	width: 500px;
}

/*------見出し------*/
	
img.title-sub{
	width: 400px;
}

/*------リンク------*/

a:link { color: #fff; }
a:visited { color: #fff; }
a:active { color: #999999; }

/*------footer------*/

footer{
  	width: auto;
	height: 80px;
	padding-top: 15px;
	
	text-align: center;
	line-height: 0px;
	font-size: 11px;
	color: #fff;	
}


@media screen and (max-width:1280px){
	
	/*------body------*/

	body{
		width: auto;
    		margin-left: clear;
    		margin-right: clear;
	}
	
	/*------トップページ------*/

	#top{
    		width: auto;
		height: 100vh;
    		margin-left: clear;
    		margin-right: clear;
	}
	
	#top-back{
    		width: auto;
		height: 100vh;
    		margin-left: clear;
    		margin-right: clear;
	}

}


@media screen and (max-width:960px){
	
	#allcontents{
		width: 450px;
	}

	img.comic{
		width: 400px;
	}
	
	img.title-sub{
		width: 300px;
	}
	
	img.btn{
		width: 100%;
		height: auto;
	}
	
}