@charset "UTF-8";

@media screen and(max-width:768px){ /*画面幅ですまほ用とパソコン用を分ける*/
body{	margin:0;}
aside, article, nav{padding:2%;}

figure img{
	border:solid 1px;
}
figure{text-align: center;}
figcaption{
	font-size: smaller;
	color: inherit !important; /*fc2,fc3で色を指定しているのを小画面では解除*/
}

h1{
	background-color:#ccffff;
	border-width:4px 0px;
	border-style:solid;
	border-color:#000099;
	color:black;
	font-size:150%;
	margin:0;
	text-align:center;
}
h1 .data{
	display: block;
	font-size: small;
}
h2{
	background-color:#cca;
	font-size:120%;
	text-align: center;
	padding:0;
	border-radius:5px;
}
h3{
	text-align: center;
	background-color:#ffcc00;
	border-style:solid;
	border-color:#ffcc00;
	border-width:2px 2px 2px 0px;
	padding:0 2% 0 2%;
	margin:0;
	border-radius:5px;
}

h4{
	background-color:#ffff66;
	border:solid #ffcc00 2px;
	padding:0 1% 0 1%;
	border-radius:5px;
	margin:0;
}
.data{font-size: x-small;}
}

@media screen and (min-width:768px){
.yama{
	background-color:#fffff1;
	border-width:6px;
	border-color:#000099;/* =h1 */
	border-style:solid;
	padding-bottom:0.5em;
	padding-left:5px;/* =h1,h2,waku margin-left */
	padding-right:8px;/* =h1 margin-right */
	border-radius:20px;
	line-height:1.4em;
	margin-top:0.7em;
}

h1{
	background-color:#ccffff;
	border-width:0px 0px 6px 0px;
	border-style:solid;
	border-color:#000099;
	color:black;
	font-size:150%;
	margin-top:0px;
	margin-left:-5px;
	margin-right:-8px;
	padding:0.2em;
	text-align:center;
	border-radius:15px 15px 0px 0px;
}

h2{
	background-color:#cca;
	font-size:120%;
	margin:0px 35% 5px -5px;
	padding:0.5%;
}
.route,.memo{
	margin-left:1px;
	margin-top:2em;
	width:100%;
}
.route hr,.memo hr{
	display:block; /* against IE bug */
	clear:both;
	height:1px;
	text-align:left;
	margin:0px 35% 5px -5px;
	padding:0px;
}
.memo dt{font-weight:bolder;}

.waku{
	border-style:solid;
	border-width:0px 0px 0px 6px;
	border-color:#ffcc00;/* =h3 */
	padding-left:5px;/* =h3,h4 margin-left */
	padding-right:5px;
	margin-left:-5px;
	margin-top:2em;
	margin-bottom:1em;
	width:100%; /* against IE */
}

figure img{
	border:1px solid;
}
figure{
	display: table;
	position: relative;
	float:left;
	margin: 0px 3px 0px 0px;
	width: 192px;
	overflow: hidden;
}
figcaption{
	font-size: smaller;
	text-align: center;
	margin-top: -1em;
	padding-top: 0.8em;
	padding-bottom: 0.25em;
	color: #ffffff;
	background-color: #bbbbbb;
	line-height: 1em;
}
.int figcaption{
  position: absolute;
  right: 0.5em;
  bottom: 0.5em;
  width: 100%;
  text-align: right;
  font-weight: bolder;
  background-color: rgba(0,0,0,0);
}
.fc2{/*int用figcaptionを左上に配置・480x320用*/
	left: 0.5em;
	text-align: left !important;
	padding-bottom: 300px;
}
.fc3{/*int用figcaptionを左下に配置*/
	left: 0.5em;
	text-align: left !important;
}

.waku hr,.int hr,.epi hr{
	display:block; /* against IE bug */
	clear:both;
 	visibility:hidden;
	margin:0px 5px 0px 0px;
	padding:0px;
	height:1px;
}

h3{
	background-color:#ffcc00;
	border-style:solid;
	border-color:#ffcc00;
	border-width:2px 2px 2px 0px;
	margin:0px 35% 0px -5px;
	padding:0.2em;
	border-radius:0px 20px 20px 0px;
}

h4{
	background-color:#ffff66;
	border-style:solid;
	border-color:#ffcc00;
	border-width:2px 2px 2px 0px;
	margin:1em 50% 0px -5px;
	padding:0.2em;
	border-radius:0px 20px 20px 0px;
}

dl{line-height:normal;}

.data{
	font-size:80%;
	font-weight:normal;
	margin-left:0.5em;
}
.int,.epi{
	border-style:solid;
	border-width:1px;
	border-color:#222222;
	padding-left:5px;
	padding:1% 5px 1% 1%;
	padding-right:5px;
	margin-left:0px;
	margin-top:0.5em;
	width:98%; /* against IE */
}

.waku,.memo,.epi{font-size:90%;}
}