@charset "utf-8";
/* CSS Document */

html,body{font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;}

h2,h3,p{margin:0;padding:0;}

a {
	text-decoration:none;
}

img{
	width:100%;
	max-width:100%;
}

ul,li{
	list-style-type:none;
	margin:0;
	padding:0;
}

.wrp-w100per{
	width:100%;
}

.wrp-w92per{
	width:92%;
	margin:0 auto;
}

.wrp-w90per{
	width:90%;
	margin:0 auto;
}

.wrp-w85per{
	width:85%;
	margin:0 auto;
}

.wrp-w80per{
	width:80%;
	margin:0 auto;
}

.wrp-w75per{
	width:75%;
	margin:0 auto;
}

.wrp-w70per{
	width:70%;
	margin:0 auto;
}

.wrp-w60per{
	width:60%;
	margin:0 auto;
}

.wrp-w50per{
	width:50%;
	margin:0 auto;
}

.wrp-w40per{
	width:40%;
	margin:0 auto;
}

.fs-50per{font-size:50%;}
.fs-60per{font-size:60%;}
.fs-80per{font-size:80%;}
.fs-85per{font-size:85%;}
.fs-100per{font-size:100%;}
.fs-130per{font-size:130%;}

.fc-fff{color:#FFF;}

.mt-1per{margin-top:1%;}
.mt-3per{margin-top:3%;}
.mt-5per{margin-top:5%;}
.mt-10per{margin-top:10%;}

.mb-1per{margin-bottom:1%;}
.mb-3per{margin-bottom:3%;}
.mb-5per{margin-bottom:5%;}
.mb-10per{margin-bottom:10%;}

.lh-120per{line-height:120%;}
.lh-150per{line-height:150%;}

.pt-2per{padding-top:2%;}
.pt-3per{padding-top:3%;}
.pt-5per{padding-top:5%;}
.pt-6per{padding-top:6%;}
.pt-8per{padding-top:8%;}
.pt-10per{padding-top:10%;}

.pb-2per{padding-bottom:2%;}
.pb-5per{padding-bottom:5%;}
.pb-8per{padding-bottom:8%;}

.ta-c{text-align:center;}
.ta-r{text-align:right;}



/**/

.lead{
	width:90%;
	margin:0 auto;
	font-size:1rem;
	padding:3% 0 5% 0
}

.logo-alpha{
	width:90%;
	margin:0 auto 5% auto;
	border-radius:.5rem;
}

section{
	margin-bottom:2%;
}

.vertical{
	text-align:center;
}

.vertical img{
	width:60% !important;
}

.world-heritage-nature{
	background-image:url(../img/nature_bg.jpg);
	background-position: top;
	background-size: contain;
	padding:3% 5%;
	width:90%;
	color:#FFF;
	font-size:1.4rem;
}

.world-heritage-nature span.badge,
.world-heritage-culture span.badge{
	background:#FFF;
	border-radius:0.1rem;
	font-size:0.8rem;
	color:#000;
	padding:1%;
	margin-right:3%;
	vertical-align:middle;
}

.world-heritage-culture{
	background-image:url(../img/culture_bg.jpg);
	background-position: top;
	background-size: contain;
	padding:3% 5%;
	width:90%;
	color:#FFF;
	font-size:1.4rem;
}

.world-heritage-nature span.area,
.world-heritage-culture span.area{
	font-size:0.8rem;
}

.name{
	width:90%;
	margin:0 auto;
	padding:2% 0;
	font-size:1.2rem;
}

.text{
	width:90%;
	margin:0 auto;
	padding-bottom:2%
}

.text small{
	margin-top:3%;
	display:block;
}

ul li{
	width:80%;
	margin:0 auto;
	border-radius:2rem;
	margin-bottom:2%;
	text-align:center;
}

ul li a{
	display:block;
	padding:3%;
	color:#FFF;
}

ul li:last-child{
	margin-bottom:0;
}

.link-spotlist{
	width:80%;
	margin:0 auto 3% auto;
	border-radius:2rem;
	text-align:center;
	background:#0096FF;
	box-shadow: 2px 2px 2px #CCC;
	display:block;
}

.link-spotlist a{
	display:block;
	padding:3%;
	color:#FFF;
}

.link-alpha{
	width:80%;
	margin:0 auto 10% auto;
	border-radius:2rem;
	text-align:center;
	background:#f66700;
	box-shadow: 2px 2px 2px #CCC;
	display:block;
}

ul li.link-alpha{
	margin:0 auto 10% auto;
}

.link-alpha a{
	display:block;
	padding:3%;
	color:#FFF;
}

ul li.link-sony{
	background:#000;
	box-shadow: 2px 2px 2px #CCC;
}

.alpha{
	border:1px solid #CCC;
	padding:5%;
	border-radius:.5rem;
	width:80%;
	margin:0 auto 5% auto;
}

.alpha .note{
	font-size:.8rem;
	margin:2% 0;
	text-align:center;
}

.alpha ul li.link-alpha{
	margin-bottom:0;
}

.mapple{
	width:90%;
	margin:0 auto 10% auto;
	text-align:center;
	font-size:.8rem;
}

.mapple img{
	width:50%;
	padding-bottom:3%;
}

.warning{
	width:90%;
	margin:0 auto 10% auto;
	font-size:0.8rem;
	l
}

.nearspot{
	width:90%;
	margin:0 auto 10% auto;
	text-align:center;
	border-radius:3rem;
	background:#0096FF;
	box-shadow: 2px 2px 2px #CCC;
}

.nearspot a{
	display:block;
	padding:5% 5% 5% 14%;
	color:#FFF;
	font-size:1.6rem;
	position:relative;
}

.nearspot a:before{
	content:"";
	display:inline-block;
	width:1.8rem;
	height:1.8rem;
	background-image:url(../spotlistimages/icon_spot.png);
	background-size:contain;
	background-repeat:no-repeat;
	position:absolute;
	padding-top:0.2rem;
	margin-left:-2rem;
}

.camerainfo{
	width:80%;
	margin:0 auto 5% auto;
	display:table;
}

.camerainfo .left{
	width:28%;
	display:table-cell;
	vertical-align:middle;
	background:#F5F5F5;
	text-align:center;
	font-size:0.8rem;
	border-radius:.5rem;
	padding:1%;
}

.camerainfo .left img{
	width:50%;
	margin-bottom:10%;
}

.camerainfo .right{
	width:60%;
	display:table-cell;
	border-left:10px solid #FFF;
	vertical-align: middle;
}

.camerainfo .right p{
	clear:both;
	display:table;
	padding:2%;
}

.camerainfo .right p:first-child{
	border-bottom:1px dotted #CCC;
}

.camerainfo .right p img{
	
}

.camerainfo .right p span:first-child{
	width:40%;
	vertical-align:middle;
	display:table-cell;
}

.camerainfo .right p span:last-child{
	display:table-cell;
	font-size:0.8rem;
	text-align:center;
	vertical-align:middle;
}

.case1 .left{
	width:50%;
	display:table-cell;
	vertical-align:middle;
	background:#F5F5F5;
	text-align:center;
	font-size:0.8rem;
	border-radius:.5rem;
	padding:2%;
}

.case1 .left p:first-child{
	display:table-cell;
	width:30%;
	vertical-align:middle;
}

.case1 .left p:last-child{
	display:table-cell;
	width:70%;
	vertical-align:middle;
}

.case1 .left p:first-child img{
	width:100%;
}

.case1 .right{
	width:50%;
	display:table-cell;
	border-left:10px solid #FFF;
	vertical-align: middle;
}

.case1 .right p:first-child{
	border-bottom:none;
}

.case1 .right p span:first-child{
	width:50%;
	vertical-align:middle;
	display:table-cell;
}

.case1 .right p span:last-child{
	display:table-cell;
	font-size:0.8rem;
	text-align:center;
	vertical-align:middle;
}

.enquetelink{
	background:#fef0e5;
	width:84%;
	margin:0 auto 5% auto;
	padding:3%;
	font-size:0.8rem;
}

.enquete{
	width:84%;
	background:#fef0e5;
	margin:0 auto 5% auto;
	padding:3%;
	font-size:0.8rem;
}

.enquete > .btn{
	width: 80%;
	margin: 2% auto 0 auto;
	border-radius: 2rem;
	text-align: center;
	background: #f66700;
	box-shadow: 2px 2px 2px #CCC;
	display: block;
}

.enquete > .btn a{
	display: block;
	padding: 3%;
	color:#FFF;
}