body    			{font-family:'Meiryo','Hiragino Kaku Gothic ProN','MS P Gothic','Helvetica','Verdana','Arial',sans-serif; color:#603813}
/* body *			{border:1px solid #f00;} */


.master				{margin-left:auto; margin-right:auto; background-color:#f0f8ff;} 
/* 冬雪結晶background-image:url("../img/yuki.png");  冬の背景色#f7f0f6  夏の背景色#f0f8ff水色 新緑#ccffcc黄緑*/
#he1				{background-color:#ff7fbf; color:#fff; font-weight:bold;}
#he2				{background-color:#bf7fff; color:#fff; font-weight:bold;}
#he3				{background-color:#7fbfff; color:#fff; font-weight:bold;}
#he4				{background-color:#00BB00; color:#fff; font-weight:bold;}
#he5				{background-color:#ffbf7f; color:#fff; font-weight:bold;}

#footer				{ background-color:#4689FF; background-image:none;}/* ピンク冬#ff9999 */
@media screen and (min-width:769px){
body				{ background-image:url("../img/bgi2-8.png");}
.he					{font-size:16px;}

a#pagetop			{background-image:url('../img/topbutton4@0.5x.png'); 
						position:fixed; left:50%; bottom:0px; width:100px;height:100px;
					 	margin-left:400px; color:blue; z-index:5;}						 	
.large				{display:block;}
.midium				{display:none;}
.small				{display:none;}
.master				{width:850px;}
header				{display:table;}
header>*			{display:table-cell;}
header .he			{width:120px; height:100px; text-align:center; vertical-align:middle; 
					padding-bottom:15px; border-radius:0 0 20px 20px; }
header>a>img		{margin-right:150px; padding-left:30px;}

#footer				{ width:850px; 
					 color:#fff; font-size:18px; height:auto; }
#footer>nav			{width:600px; margin:0 auto;}
#footer a			{margin-left:20px;}
#copy				{text-align:center;  vertical-align:middle;}			
}
@media screen and (max-width:768px) and (min-width:481px) {
body				{background-color:#699aaf; font-size:2.4vw;}/* #699aaf濃い水色 #ff9999濃いピンク #32cd32黄緑*/
.he					{font-size:2.4vw;}
a#pagetop			{background-image:url('../img/topbutton4@0.5x.png'); 
						position:fixed; left:40%; bottom:30px;  width:100px;height:100px;
					 	margin-left:48%; color:blue; z-index:5;}	
					 	
.large				{display:none;}
.midium				{display:block;}
.small				{display:none;}
.master				{width:94%;}
header				{display:table; }
header>*			{display:table-cell;}

header>a			{width:20vw; text-align:center; vertical-align:middle;
					 font-size:2.4vw; border-radius:0 0 10% 10%;} 
#footer				{height:auto; color:#fff; font-size:2.4vw; width:100%; }
#footer>nav			{ margin:0 auto;}
#footer a			{margin-left:2.8%; }
#copy				{text-align:center; vertical-align:middle;}

}
@media screen and (max-width:480px) {
body				{background-color:#699aaf; font-size:3.8vw;}/* #699aaf  #ff9999*/
.he					{font-size:3.5vw;}
a#pagetop	
					{display:inline-block; width:16%; height:5% ;position:fixed; 							left:85%; bottom:10%;
					padding:1.9%;background-color:rgba(153,20,20,.3);
					 border-radius:50%; color:#fff; z-index:0; }		

.large				{display:none;}
.midium				{display:none;}
.small				{display:block;}
.master				{width:92%;}

header				{display:table; height:10vh; }
header>a			{display:table-cell; width:27vw;text-align:center; 
					vertical-align:middle; font-size:2.8vw;}
#footer				{height:auto; color:#fff; font-size:3.2vw; width:100%;
					 padding-top:3%;}
#footer>nav			{width:100%; text-align:center;}
#footer a			{text-align:center; display:inline-block; width:25%; 
text-align:center;}

#copy				{text-align:center;}



}