@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap);
/*
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabigothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);
*/
/*****全体に関する項目*****/


/***フォントの種類***/

body {font-family: 'Noto Serif JP', serif;}
.contentsLeft{}
.contentsRight {}

/***フォントのサイズ***/
body {}
.contentsLeft{font-size:1.2em;}
.contentsRight {}


/***フォントの色、背景色***/

/*背景系*/
body{background:#F9F9F9;}
.contentsArea{}
.contentsArea a:hover {color:red;}
.contentsLeft{}
.contentsRight {}
.contentsRight > div {background:#f4fff4;}

/*ヘッドライン系*/
#navi-pupup h2 {background:hsla(180,80%,30%,.8);color:#ffffff}
.contentsRight h2{background-color:hsla(180,80%,30%,.8);color:#ffffff;}
.footer {background-color:hsla(180,80%,30%,.8);color:#ffffff;}


/***背景画像***/
/*以下を参照
	background:url(cssimg/header1.jpg);
	background-position: center center;
	background-size:cover;
	background-repeat: no-repeat;
*/
body{}

#header{
/*	background: linear-gradient(to bottom,hsla(180,100%,40%,1), hsla(180,100%,40%,0));*/
	background: linear-gradient(to bottom,hsla(180,100%,40%,0.2), hsla(180,100%,40%,0));
}




/***枠線***/
.contentsLeft > div:not(.large_banner):not(.slidbox):not(.introduction):not(.menu-button):not(.top-button){
	border:none;	
}
.contentsRight > div {border:solid thin hsla(180,80%,40%,.8);}



/*****任意*****/

/*ロゴ画像最大サイズ*/
/*#logo img{max-width:1100px;}*/
#logo img{max-width:1100px;}

@media screen and (max-width:800px) {

	#logo img{
		max-width:280px;
	}
}


/***ラインナビ***/
#navi-line li {}
#navi-line li a {background:hsla(210,80%,30%,.6);color:#ffffff;}

#navi-line li a:hover {color:red;}

/***メニューボタン***/
.menu-button{background:hsla(120,80%,30%,1)}
.top-button{background:hsla(120,80%,30%,1)}