@charset"utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@media screen and (max-width: 1920px){

body{
	width:900px;
	font-family:"Noto Sans Japanese",sans-serif;
	font-size:16px;
	color:#5a544b;
	margin-left:25px;
}

nav{
	width:200px;
	float:left;
	display:block;
}


.matenai{font-size:80%;}

.box{
	width:640px;
	border-radius:5px;
	border:dotted 2px gray;
	text-align: center;
}
.box p{font-size:12px;}

.box li{
	width:300px;
	list-style: none;
	padding:0px 10px;
	float:left;
}

.clum{
	padding-left:30px;
	border:dotted 3px gray;
	border-radius: 10px;
	margin-bottom:20px;
	background-image:url(../image/ten.jpg);
	background-position:top left;
	background-repeat: no-repeat;
	background-size:5%;
}

.pita{width:310px;height:275px;float:right;border:1px gray dotted;text-align: center;}

article{
	margin-left:200px;
}

article li{
	padding-bottom:10px;
	font-size:18px;
}

article li a{
	padding-right:20px;
}

article{
	margin-bottom:30px;
}

.dassai{background-image:url(dassai.png);background-position:right top;background-repeat: no-repeat;background-attachment: fixed;}
.juuyon{background-image:url(juuyon.jpg);background-position:right bottom;background-size:40%;background-repeat: no-repeat;background-attachment:fixed;}
.mori{background-image:url(mori.jpg);background-position:right top;background-repeat: no-repeat;background-attachment: fixed;}
.maou{background-image:url(maou.jpg);background-position:right bottom;background-repeat: no-repeat;background-attachment: fixed;}
.jikon{background-image:url(jikon.jpg);background-position:right top;background-repeat: no-repeat;background-attachment: fixed;}
.murao{background-image:url(murao.jpg);background-position:right bottom;background-repeat: no-repeat;background-size:15%;background-attachment: fixed;}
.tuki{background-image:url(tuki.jpg);background-position:right top;background-repeat: no-repeat;background-size:20%;background-attachment: fixed;}
.hiroki{background-image:url(hiroki.jpg);background-position:right bottom;background-repeat: no-repeat;background-size:16%;background-attachment: fixed;}
.kodoku{background-image:url(kodoku.jpg);background-position:right bottom;background-repeat: no-repeat;background-size:50%;background-attachment: fixed;}
.aramasa{background-image:url(aramasa.jpg);background-position:right bottom;background-repeat: no-repeat;background-size:50%;background-attachment: fixed;}
.ibi{background-image:url(ibi.jpg);background-position:right bottom;background-repeat: no-repeat;background-size:12%;background-attachment: fixed;}
.nabesima{background-image:url(nabesima.jpg);background-position:right bottom;background-repeat: no-repeat;background-size:10%;background-attachment: fixed;}
.denshu{background-image:url(denshu.jpg);background-position:right top;background-repeat: no-repeat;background-size:60%;background-attachment: fixed;}
.hana{background-image:url(hana.jpg);background-position:right bottom;background-repeat: no-repeat;background-size:15%;background-attachment: fixed;}
.sharaku{background-image:url(sharaku.jpg);background-position:right top;background-attachment: fixed; background-repeat: no-repeat;}
.amasake{background-image:url(amasake.jpg);background-position:right top;background-attachment: fixed; background-repeat: no-repeat;}
.isojiman{background-image:url(isoji.jpg);background-position:right top;background-attachment: fixed; background-repeat: no-repeat;}
.kuheiji{background-image:url(kuheji.jpg);background-position:right top;background-attachment: fixed; background-repeat: no-repeat;}
.kokuryu{background-image:url(kokuryu.gif);background-position:right bottom;background-attachment: fixed; background-repeat: no-repeat;}
.taka{background-image:url(taka.jpg);background-position:right bottom;background-repeat: no-repeat;background-size:25%;background-attachment: fixed;}
.kubota{background-image:url(kubota.jpg);background-position:right top;background-repeat: no-repeat;background-size:15%;background-attachment: fixed;}

.sinchaku{
	height:200px;
	width:80%;
	overflow:scroll;
}

.sinchaku li{
	margin-bottom:-10px;
}

.new{
	background-color:red;
	color:white;
	font-size:12px;
	margin-left:10px;
	padding-left:5px;
	padding-right:5px;
	font-weight:bold;
}

.bold{font-weight:bold;}
.big{font-size:150%;}

.koukoku{
	border-radius:5px;
	border:dotted 2px gray;
	padding-bottom:5px;
	text-align: center;
}

.koukoku p{
	font-size:12px;
}

.clear:before{zoom:1;}
.clear:before,
.clear:after{
	display:table;
	content:"";
	line-height: 0;
}
.clear:after{clear:both;}

a{
	font-weight: bold;
	color:#2f4d11;
	text-decoration: none;
}

}

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

body{width:700px;}

header{width:650px;}

article{
	width:400px;
	margin-left:150px;
	background-color:rgba(255,255,255,0.9);
}
nav{
	width:150px;
}

nav li{
	font-size:16px;
	margin-bottom:10px;
}

.box{
	width:350px;
	margin-left:10px;
}

.box li{
	width:300px;
	list-style: none;
	padding:0px 10px;
}

.koukoku{
	width:500px;
	border-radius:5px;
	border:dotted 2px gray;
}

.koukoku p{
	font-size:12px;
}

}

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

body{width: 460px;}
header{width:380px;}
article{width:380px;margin-left:0px;}
nav{width:420px;margin-left:0px;}
nav ul li{
	list-style: none;
	text-align: center;
	background-color:#222;
	font-size:16px;
	width:80px;
	height: 55px;
	float:left;
	font-weight: none;
}
nav ul li a{color:white;}

.big{font-size:18px;color:#eee;}

.box{
	width:320px;
	border-radius:5px;
	border:dotted 2px gray;
	text-align: center;
}
.box p{font-size:12px;}

.box li{
	width:300px;
	list-style: none;
	padding:0px 10px;
}

.koukoku{
	width:300px;
	border-radius:5px;
	border:dotted 2px gray;
}

.koukoku p{
	font-size:12px;
}

.xshidden li:nth-child(2n+1){
	background-color:#666;
}

}