@charset "Shift_JIS";

*{margin:0;padding:0}
div,h1,h2,h3,p,ul,li,input,textarea,table,tr,th,td,footer,header{box-sizing:border-box}
input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}
a{text-decoration:none}
a img{border-style:none}
ul,li{list-style-type:none}

html{
font-size:62.5%
}
body{
background:#fff;/* 背景 */
background-image : url("sora.jpg");
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding:5px;
color:#000;/* 文字色 */
font-size:1.2em;/* 文字の大きさ */
font-family:Verdana,Roboto,'游明朝','Yu Mincho','YuMincho','游ゴシック','Yu Gothic','游ゴシック体','YuGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
letter-spacing:.1em;
line-height:1.5;
text-align:center;
overflow-y:scroll;
overflow-wrap:break-word;
word-wrap:break-word
}
a{
color:000
}
a:hover{
border-bottom:dotted 	#9933cc 1px;
}
/*--------------------------------------------------------
基本
--------------------------------------------------------*/
#wrapper{
margin:20px auto 80px;
background-color: #fff;opacity: 0.7;
font-size: 12px;
text-align: center;
line-height: 140%;
width:800px /* 全体の幅・大きさはここで変更 */
}

#wrappera{
background:#fff;
border:1px solid #ccc;
border-radius:5px;
box-shadow:0 0 3px #ccc;
border-radius:5px;
margin:20px auto 80px;
font-family:'メイリオ';
width:750px /* 全体の幅・大きさはここで変更 */
}

/* --------------- メニュー --------------- */

#title{
	background-color:#ffffcc;
	text-align:left;
        font-size:110%;
	margin:0 0 40px 0;
	padding:20px 10px 10px 20px;
	border-bottom:1px solid #ccc;
}


/* --------------- 見出し --------------- */
h1{
font-size:30pt;
color:#00ffff;
font-family:"serif";
line-height:19pt;
}

/* --------------- メニュー --------------- */


#title{
	background-color:#ffffcc;
	text-align:left;
        font-size:110%;
	margin:0 0 40px 0;
	padding:20px 10px 10px 20px;
	border-bottom:1px solid #ccc;
}


/* --------------- 本文 --------------- */
.txt{
background-color:#ffffff;
text-align:left;
font-size:12px;
line-height:150%;
padding:10px;
	}

/*--------------------------------------------------------
上(ヘッダー)
--------------------------------------------------------*/
header{
padding:20px 20px 0;
margin:0 0 20 0 ;
text-align:center
}

/* --------------- フッター --------------- */

#foot{
	background-color:#ffff;
        text-align:right;
	padding:5px 0;
}
#footera{
background-color:#ffff;
text-align:right;
padding:5px 0;
border-top:1px solid #ccc;
}


/*--------------------------------------------------------
スマホ、タブレット用
横幅600pxで切り替え
--------------------------------------------------------*/
@media screen and (max-width: 600px){
body{
margin:0px;
font-size:1.4em
}
#wrapper{
width:100%
}
#wrappera{
background:#fff;
border:1px solid #ccc;
border-radius:5px;
box-shadow:0 0 3px #ccc;
border-radius:5px;
margin:10px auto 80px;
width:100% /* 全体の幅・大きさはここで変更 */
}

img{max-width:100%;height:40%} /* 画像の縮小表示 */
}