*{
padding:0px;
margin:0px;
font-size:20px;
color:hsl(270,40%,50%);
word-break:break-all;
word-wrap:break-word;
overflow-wrap:break-word;
}

h1{
font-weight:bold;
}

a{
font-size:inherit;
color:inherit;
text-decoration:inherit;
}

cite{
font-size:inherit;
color:inherit;
font-weight:bold;
font-style:normal;
}

time,list{
font-size:inherit;
color:inherit;
}

small{
font-size:12px;
}

span{
font-size:inherit;
color:inherit;
}

body{
margin-left:auto;margin-right:auto;
font-family:'メイリオ','Hiragino Kaku Gothic Pro',sans-serif;
}

#whole_layout{
width:70%;
min-width:800px;
padding:1%;
margin-left:auto;margin-right:auto;
background-color:hsl(345,75%,85%);
border:solid 4px hsl(345,75%,85%);
border-radius:16px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

header{
margin-bottom:2%;
}

header hgroup{
width:100%;
display:block;
}

header hgroup h1{
font-size:64px;
color:firebrick;
display:inline-block;
}

header hgroup h2{
font-size:20px;
color:firebrick;
display:inline-block;
}

header hgroup h1::after{
content: url("picture/icon_tubaki.png");
}

section h1{
color:hsl(130,35%,50%);
font-size:40px;
font-weight:bold;
}

nav{
margin-left:auto;
margin-right:auto;
}

nav a.nav{
padding:4%;
margin-bottom:2%;
background-color:hsl(0,0%,100%);
box-shadow:0px 4px hsl(0,0%,40%);
border-radius:8px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

nav a.nav:active{
position:relative;
top:2px;
box-shadow:0px 2px hsl(0,0%,40%);
}

nav h1{
font-size:40px;
}

nav h1::before{
margin-right:8px;
content:url("picture/icon_ume.png");
}

footer{
text-align:center;
}

footer small,footer small a{
color:hsl(130,35%,50%);
}

article{
width:96%;
padding:2%;
margin-bottom:2%;
margin-left:auto;
margin-right:auto;
background-color:hsl(0,0%,100%);;
border-radius:8px;
vertical-align:top;
display:inline-block;
}

article div#top_image_container{
padding:2%;
text-align:center;
}

article table{
width:100%;
margin-bottom:2%;
}

article table tr th{
width:25%;
padding:2%;
background-color:hsl(355,90%,45%);
color:hsl(0,0%,96%);
border-radius:4px;
text-align:left;
}

article table tr td{
width:75%;
background-color:hsl(30,90%,80%);
color:hsl(355,90%,45%);
border-radius:4px;
font-size:20px;
}

article table tr td *{
background-color:inherit;
color:inherit;
font-size:inherit;
}

article a{
text-decoration:underline;
}

article h1{
font-size:40px;
color:hsl(130,35%,50%);
}

article p{
margin-bottom:2%;
}

article img{
border-radius:4px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

article div.img_field{
width:100%;
text-align:center;
display: inline-block;
}

article{
list-style:disc inside;
}

article > ul{
margin-bottom:8%;
}

article > ul.text{
padding:2%;
margin-top:2%;margin-bottom:2%;
background-color:hsl(0,0%,100%);;
border-radius:4px;
list-style:none;
}

div.selection a{
width:100%;
background-color:hsl(0,0%,100%);;
color:hsl(130,35%,50%);
box-shadow:0px 4px hsl(0,0%,40%);
border-radius:8px;
text-align:center;
display:inline-block;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

div.selection a:active{
position:relative;
top:2px;
box-shadow:0px 2px hsl(0,0%,40%);
}

@media screen and (orientation: landscape) {
	
	body{
	background-image: url("picture/background_march.png")
	}
	
	div.selection a{
	font-size:40px;
	padding-top:2%;
	padding-bottom:2%;
	margin-bottom:2%;
	}
	
	nav a.nav{
	width:48%;
	display:inline-block;
	}
	
	article img{
	width:100%;
	}
	
	article.local_information table,article.local_information p,article.local_information ul.p{
	width:60%;
	display:inline-block;
	float:right;
	}
	
	article.local_information img{
	width:40%;
	}
	
	article div.img_field{
	width:40%;
	}
	
	article div.img_field img{
	width:100%;
	}
	
	article.local_information div.no_picture{
	width:40%;
	display:inline-block;
	color:hsl(0,0%,40%);
	font-size:40px;
	font-weight:bold;
	text-align:center;
	}
	
}


@media screen and (orientation: portrait) {
	
	body{
	margin:0px;
	background-color:firebrick;
	}
	
	#whole_layout{
	margin-top:10px;margin-bottom:10px;
	margin-left:auto;margin-right:auto;
	width:98%;
	}
	
	div.selection a{
	font-size:40px;
	padding-top:4%;
	padding-bottom:4%;
	margin-bottom:4%;
	}
	
	nav a.nav{
	display:block;
	}
	
	article{
	margin-bottom:4%;
	}
	
	article.local_information div.no_picture{
	display:none;
	}
	
	article img{
	max-height:500px;
	}
	
}