body{
	position: relative;
	width:100%;
	overflow-x:hidden;
}

span{
	margin:0;
    padding:0;
	font-size: 130%;
}

body{
	background-color: #f2f2f2;
}

header {
	display: none;
}

/*-Youtube埋め込み-*/
.box-mvMovie {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
}
#youtube {
	position: relative;
	top: 71px;
	width: 100%;
	padding-top: 56.25%;
}
#youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
#customElement{
	position: relative;
	top: 0;
	margin: 0;
	padding: 0;
	background: #000;
	background-image: url("../images/top_movie/EED06_P.png");
	background-size: 100%;
	-webkit-transition: all 1.3s;
	-moz-transition: all 1.3s;
	-o-transition: all 1.3s;
	transition: all 1.3s;
}
#customElement iframe{
	margin: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: #000;
	background-image: url("../images/top_movie/EED06_P.png");
}

#topHeaderBoxMenu {
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	z-index: 999;
}

#topHeaderBoxMenu .box_logo {
	position: relative;
	float: left;
	padding: 20px 10px;
	width: 25%;
}
#topHeaderBoxMenu .box_menu {
	position: relative;
	float: left;
	padding: 10px;
	width: 75%;
	text-align: right;
}
#topHeaderBoxMenu .box_menu ul {
	display: inline-block;
}
#topHeaderBoxMenu .box_menu ul li {
	display: inline-block;
	margin: 6px 15px;
	line-height: 20px;
}
#topHeaderBoxMenu .box_menu ul li a {
	color: #fff;
	text-decoration: none;
	text-shadow: 0px 0px 3px #000;
}
#topHeaderBoxMenu .box_menu ul li p {
	display: inline-block;
	padding: 5px;
	border: 1px solid #fff;
	box-shadow: 0px 0px 3px #000;
}




#topHeaderBox{
	display: none;
}

/*
#topHeaderBox{
	display: block;
	position: relative;
	width: 100%;
	height:1080px;
	background-size: cover;
	overflow: hidden;
}
*/

#topHeaderBox video{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-position: center center;
	min-width: 100%;
	z-index: -1;
}

#spTopHeaderBoxImage{
	display:none;
}


#topHeaderBox h2{
	position: absolute;
	top:95px;
	/*
	left:20px;
	*/
	margin: 0 5%;
	width: 90%;
}

#topHeaderBox h2 img{
	/*
	max-width: 100%;
	*/
	max-width: 333px;
}
#topHeaderBox h3{
	display: none;
}


#topHeaderBoxLogo{
	display: none;
}

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

	#youtube {
		top: 0;
	}

	#topHeaderBox h2{
		position: absolute;
		top:20px;
		left: 30px;
		margin: 0 1%;
	}
	#topHeaderBox h2 img{
		max-width: 30%;
	}
	/*#topHeaderBoxLogo{
		display: block;
		position: absolute;
		top: 25%;
		width: 90%;
		margin: 0 5%;

		left: 50%;
		margin: 0 0 0 -200px;

		text-align: center;
	}*/

	#topHeaderBoxLogo{
		display: none;
	}

	#topHeaderBox{
		height:auto;
	}

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

	#spTopHeaderBoxImage{
	    display: grid;
	    display: none;
	}

	#spTopHeaderBoxImage img{
		width:100%;
	}
}

/*
header #headerBox{
	position: relative;
	width: 100%;
	max-width:1077px;
	height: 70px;
	margin: 0 auto;
	background-color: #fff;
}

header.top #headerBox{
	max-width:980px;
}

header.top #headerBox h1{
	display: none;
}

header #headerBox h1{
	display: block;
	position: absolute;
	padding:17px 0 0;
	vertical-align: middle;
}

header #headerBox h1 span{
	display: inline-block;
    font-size: 24px;
    vertical-align: top;
	padding:15px 0 0;
	margin: 0 0 0 10px;
}

header #headerNavi{
	position: absolute;
	top:23px;
	right:0;
    z-index: 1000000000;
}

header.top #headerNavi{
	position: absolute;
	top:23px;
	right: inherit;
    z-index: 1000000000;
}

header #headerNavi ul{
	display: block;
	float:left;
	margin:0 40px 0 0;
    line-height: 1.5em;
}

header #headerNavi ul li{
	float:left;
	list-style: none;
	padding: 0 0 16px;
	margin:0 23px 0 0;
}

header.top #headerNavi ul li {
    float: left;
    list-style: none;
    padding: 0 0 16px;
    margin: 0px 35px 0 0;
}

header #headerNavi ul li.active,
header #headerNavi ul li:hover{
	border-bottom:7px solid #e7364a;
}

header #headerNavi ul li a{
	color:#333;
	text-decoration:none;
	font-size: 15px;
}

header #headerNavi #lang{
	float: left;
	border:1px solid #000;
}

header #headerNavi #lang a{
	display: block;
	width: 100%;
	padding: 3px 20px;
	color:#000;
	text-decoration: none;
}

*/



#contentsTop{
	position: relative;
	background: url(../images/top_map2.png) #00b5c9 no-repeat;
	height: 5367px;
    background-position: left top;
	overflow: hidden;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#contentsTop{
		overflow-x:inherit ;
		width: 1000%;
	}
}

#contentsTop.top{
	margin-top:0;
}

#contentsTop #mapBoxTop{
	position: relative;
	width:100%;
}



#contentsTop #balloon{
	position: absolute;
	left:550px;
	top:250px;
	animation-name: anim04;
	animation-duration: 7s;
	animation-iteration-count : infinite;
	transform: translate3d(0,0,0);
	will-change: animation, position;
}

@keyframes anim04 {
    from {
        top: 250px;
    }
    50% {
        top: 50px;
    }
    to {
        top: 250px;
    }
}

#contentsTop #hiking{
	position: absolute;
	left:650px;
	top:1170px;
	animation-name: anim05;
	animation-duration: 80s;
	animation-iteration-count : infinite;
	transform: translate3d(0,0,0);
	will-change: animation, position;
}

@keyframes anim05 {
    from {
        left: 650px;
    }
    50% {
        left: 200px;
    }
    to {
        left: 650px;
    }
}

#contentsTop #walk2{
	position: absolute;
	left:880px;
	top:1600px;
	animation-name: anim06;
	animation-duration: 18s;
	animation-iteration-count : infinite;
	transform: translate3d(0,0,0);
	will-change: animation, position;
}

@keyframes anim06 {
    from {
        left: 880px;
    }
    50% {
        left: 800px;
    }
    to {
        left: 880px;
    }
}

#contentsTop #ama{
	position: absolute;
	left:1103px;
	top:1250px;
}

#contentsTop #nami{
	position: absolute;
	left:1113px;
	top:1370px;
	animation-name: anim13;
	animation-duration: 2s;
	animation-iteration-count : infinite;
	transform: translate3d(0,0,0);
	will-change: animation, position;
}

@keyframes anim13 {
    from {
        top: 1370px;
    }
    50% {
        top: 1375px;
    }
    to {
        top: 1370px;
    }
}

#contentsTop #train{
	position: absolute;
	left:980px;
	top:1760px;
	animation-name: anim07;
	animation-duration: 7s;
	animation-iteration-count : infinite;
	transform: translate3d(0,0,0);
	will-change: animation, position;
}

@keyframes anim07 {
    from {
        left: 980px;
    }
    50% {
        left: 800px;
    }
    to {
        left: 980px;
    }
}

#contentsTop #walk{
	position: absolute;
	left:700px;
	top:2260px;
	animation-name: anim08;
	animation-duration: 30s;
	animation-iteration-count : infinite;
	transform: translate3d(0,0,0);
	will-change: animation, position;
}

@keyframes anim08 {
    from {
        left: 700px;
    }
    50% {
        left: 900px;
    }
    to {
        left: 700px;
    }
}

#contentsTop #jet{
	position: absolute;
	left:700px;
	top:3320px;
}

#contentsTop #jet.action{
	animation-name: anim09;
	animation-duration: 18s;
	animation-iteration-count : infinite;
	transform: translate3d(0,0,0);
	will-change: animation, position;
}

@keyframes anim09 {
    from {
        left: 700px;
    }
    50% {
        left: 3000px;
    }
    to {
        left: 3000px;
    }

}

#contentsTop #airplane{
	position: absolute;
	left:80px;
	top:4120px;
}

#contentsTop #airplane.action{
	animation-name: anim10;
	animation-duration: 25s;
	animation-iteration-count : infinite;
	transform: translate3d(0,0,0);
	will-change: animation, position;
}

@keyframes anim10 {
    from {
        top: 4120px;
    }
    50% {
        top: -300px;
    }
    to {
        top: -300px;
    }
}

#contentsTop #horse{
	position: absolute;
	left:400px;
	top:4400px;
	animation-name: anim11;
	animation-duration: 3s;
	animation-iteration-count : infinite;
	transform: translate3d(0,0,0);
	will-change: animation, position;
}

@keyframes anim11 {
    from {
        left: 400px;
    }
    50% {
        left: 300px;
    }
    to {
        left: 400px;
    }
}

#contentsTop #aloha{
	position: absolute;
	left:350px;
	top:5050px;
	animation-name: anim12;
	animation-duration: 4s;
	animation-iteration-count : infinite;
	transform: translate3d(0,0,0);
	will-change: animation, position;
}

@keyframes anim12 {
    from {
        left: 350px;
    }
    50% {
        left: 330px;
    }
    to {
        left: 350px;
    }
}




#contentsTop #mapBoxTop #aomori_ship{
	position: relative;
	top: 981px;
    left: 1097px;
}

#contentsTop #mapBoxTop #aomori_ship img{
	animation-name: anim03;
	animation-duration: 5s;
	animation-iteration-count : infinite;
	transform: translate3d(0,0,0);
	will-change: animation, position;
}

@keyframes anim03 {
    from {
        transform: rotate(0deg);
    }
	25% {
        transform: rotate(-5deg);
    }
	75% {
        transform: rotate(5deg);
    }
    to {
        transform: rotate(0deg);
    }
}


#contentsTop #mapBoxTop #sanfan{
	position: relative;
	top: 3342px;
    left: 1185px;
}

#contentsTop #mapBoxTop #sanfan img{
	animation-name: anim03;
	animation-duration: 5s;
	animation-iteration-count : infinite;
	transform: translate3d(0,0,0);
	will-change: animation, position;
}

#contentsTop #mapBoxTop #matsushima_ship{
	position: relative;
	top: 3560px;
    left: 835px;
}

#contentsTop #mapBoxTop #matsushima_ship img{
	animation-name: anim03;
	animation-duration: 5s;
	animation-iteration-count : infinite;
	transform: translate3d(0,0,0);
	will-change: animation, position;
}

#contentsTop #mapBoxTop #hachinohe{
	top: 1100px;
    left: 790px;
}

#contentsTop #mapBoxTop #hachinohe:hover{
	top: 1056px;
    left: 772px;
}

#contentsTop #mapBoxTop #kuji{
	top: 1450px;
    left: 975px;
}

#contentsTop #mapBoxTop #kuji:hover{
	top: 1406px;
    left: 955px;
}

#contentsTop #mapBoxTop #tanohata{
	top: 1580px;
    left: 1125px;
}

#contentsTop #mapBoxTop #tanohata:hover{
	top: 1536px;
    left: 1107px;
}

#contentsTop #mapBoxTop #iwaizumi{
	top: 1830px;
    left: 1200px;
}

#contentsTop #mapBoxTop #iwaizumi:hover{
	top: 1786px;
    left: 1182px;
}

#contentsTop #mapBoxTop #miyako{
	top: 2050px;
    left: 1200px;
}

#contentsTop #mapBoxTop #miyako:hover{
	top: 2006px;
    left: 1182px;
}

#contentsTop #mapBoxTop #kamaishi{
	top: 2440px;
    left: 1130px;
}

#contentsTop #mapBoxTop #kamaishi:hover{
	top: 2396px;
    left: 1120px;
}

#contentsTop #mapBoxTop #ofunato{
	top: 2630px;
    left: 1130px;
}

#contentsTop #mapBoxTop #ofunato:hover{
	top: 2586px;
    left: 1112px;
}

#contentsTop #mapBoxTop #rikuzentakata{
	top: 2740px;
    left: 980px;
}

#contentsTop #mapBoxTop #rikuzentakata:hover{
	top: 2696px;
    left: 960px;
}

#contentsTop #mapBoxTop #kesennuma{
	top: 2890px;
    left: 980px;
}

#contentsTop #mapBoxTop #kesennuma:hover{
	top: 2846px;
    left: 962px;
}

#contentsTop #mapBoxTop #minamisanriku{
	top: 3170px;
    left: 860px;
}

#contentsTop #mapBoxTop #minamisanriku:hover{
	top: 3126px;
    left: 850px;
}

#contentsTop #mapBoxTop #ishinomaki{
	top: 3450px;
    left: 775px;
}

#contentsTop #mapBoxTop #ishinomaki:hover{
	top: 3406px;
    left: 757px;
}

#contentsTop #mapBoxTop #onagawa{
	top: 3440px;
    left: 875px;
}

#contentsTop #mapBoxTop #onagawa:hover{
	top: 3396px;
    left: 857px;
}

#contentsTop #mapBoxTop #higashimatsushima{
	top: 3472px;
    left: 677px;
}

#contentsTop #mapBoxTop #higashimatsushima:hover{
	top: 3428px;
    left: 659px;
}

#contentsTop #mapBoxTop #matsushima{
	top: 3500px;
    left: 583px;
}

#contentsTop #mapBoxTop #matsushima:hover{
	top: 3456px;
    left: 565px;
}

#contentsTop #mapBoxTop #shiogama{
	top: 3560px;
    left: 515px;
}

#contentsTop #mapBoxTop #shiogama:hover{
	top: 3516px;
    left: 497px;
}

#contentsTop #mapBoxTop #sendai{
	top: 3650px;
    left: 430px;
}

#contentsTop #mapBoxTop #sendai:hover{
	top: 3606px;
    left: 410px;
}

#contentsTop #mapBoxTop #natori{
	top: 3810px;
    left: 395px;
}

#contentsTop #mapBoxTop #natori:hover{
	top: 3766px;
    left: 377px;
}

#contentsTop #mapBoxTop #iwanuma{
	top: 3920px;
    left: 395px;
}

#contentsTop #mapBoxTop #iwanuma:hover{
	top: 3876px;
    left: 377px;
}

#contentsTop #mapBoxTop #watari{
	top: 4030px;
    left: 395px;
}

#contentsTop #mapBoxTop #watari:hover{
	top: 3986px;
    left: 377px;
}

#contentsTop #mapBoxTop #yamamoto{
	top: 4130px;
    left: 445px;
}

#contentsTop #mapBoxTop #yamamoto:hover{
	top: 4086px;
    left: 427px;
}

#contentsTop #mapBoxTop #minamisouma{
	top: 4530px;
    left: 580px;
}

#contentsTop #mapBoxTop #minamisouma:hover{
	top: 4486px;
    left: 560px;
}

#contentsTop #mapBoxTop #naraha{
	top: 4904px;
    left: 524px;
}

#contentsTop #mapBoxTop #naraha:hover{
	top: 4860px;
    left: 506px;
}

#contentsTop #mapBoxTop #iwaki{
	top: 5115px;
    left: 550px;
}

#contentsTop #mapBoxTop #iwaki:hover{
	top: 5071px;
    left: 532px;
}




#cover{
	display: none;
	position: absolute;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 300;
}
.popup{
	display: none;
	position: absolute;
	top: 0;
	margin: 100px 0 0;
	width: 1000px;
	z-index: 410;
}

.popup .popup_inner{
	position: relative;
	background-color: #fff;
	border-radius: 10px;
	padding: 66px;
	z-index: 420;
}

.popup .popup_inner .popup_pin{
	position: absolute;
	background: url(../images/popup_pin.png) no-repeat top left;
	width:110px;
	height:130px;
	top:-70px;
	left:34px;
	z-index: 430;
}

.popup .popup_inner .popup_pin span{
	width: 100%;
}

.popup .popup_inner .popup_pin .spot_name{
	position: absolute;
	left: 0;
	bottom: 63%;
	font-size: 12px;
	text-align: center;
}

.popup .popup_inner .popup_pin .spot_name_eg{
	position: absolute;
	left: 0;
	bottom: 45%;
	font-size: 18px;
	text-align: center;
}

#higashimatsushima_popup.popup .popup_inner .popup_pin .spot_name{
	top: 35px;
}
#higashimatsushima_popup.popup .popup_inner .popup_pin .spot_name_eg{
	top: 46px;
}

.popup .popup_inner .popup_tab{
	position: absolute;
}

.popup .popup_inner .popup_tab{
	position: absolute;
	top:0;
	left:0;
	padding-left: 20%;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	width: 90%;
}

.popup .popup_inner .popup_tab ul{
	display: flex;
	float: right;
	width: 100%;
	vertical-align: middle;
}

.popup .popup_inner .popup_tab ul:nth-child(n + 2){
	border-top: 1px solid #000;
}
.popup .popup_inner .popup_tab ul li{
	float: left;
	list-style: none;
	box-sizing: border-box;
	border-left: 1px solid #000;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	padding: 12px;
	cursor: pointer;
	min-height: 2em;
}

.popup .popup_inner .popup_tab ul.column1 li{
	width: 100%;
}
.popup .popup_inner .popup_tab ul.column2 li{
	width: 50%;
}
.popup .popup_inner .popup_tab ul.column3 li{
	width: 33.3333333333%;
}
.popup .popup_inner .popup_tab ul li.active,
.popup .popup_inner .popup_tab ul li:hover{
	color:#fff;
	background-color: #00b5c9;
}
.popup .popup_inner .popup_tab ul li.notab{
	cursor: inherit;
}
.popup .popup_inner .popup_tab ul li.notab.active,
.popup .popup_inner .popup_tab ul li.notab:hover{
	color: inherit;
	background-color: inherit;
}

.popup .popup_inner .tab03,
.popup .popup_inner .tab02{
	display: none;
}
.popup .close{
	position: absolute;
	top:20px;
	right:20px;
	width: 24px;
	height: 24px;
	cursor: pointer;
}
.popup .popup_inner .popup_pref{
	margin-top: 70px;
	color: #00b5c9;
}

.popup .popup_inner .popup_text{
	float: left;
	margin: 20px 0 30px 0;
	width: 60%;
}
.popup .popup_inner .popup_text.full{
	width: 100%;
}

.popup .popup_inner .popup_text h3{
	font-size: 35px;
	line-height: 120%;
	margin: 0 0 20px 0;
	font-weight: normal;
}

.popup .popup_inner .popup_text h4{
	margin: 0 0 20px 0;
	line-height: 140%;
}

.popup .popup_inner .popup_text p{
	font-size: 17px;
	line-height: 150%;
}

.popup .popup_inner .popup_image{
	float: right;
	width: 30%;
	margin: 30px 0 30px 0;
}

.popup .popup_inner .popup_image img{
	width: 100%;
}

.popup .popup_inner .popup_others{
	border-top:1px solid #000;
	float: left;
	width: 100%;
	font-size: 13px;
	padding: 20px 0 0 0;
}
.popup .popup_inner .popup_others th,
.popup .popup_inner .popup_others td {
	padding: 0 0 10px 0;
	line-height: 140%;
	font-size: 15px;
}
.popup .popup_inner .popup_others th {
	padding: 0 1em 0 0;
	text-align: left;
	font-weight: bold;
	white-space: nowrap;
}






#contentsTop #mapBoxTop .pin{
	position: absolute;
	background: url(../images/top_pin.png) no-repeat bottom center;
	width: 108px;
	height: 131px;
	cursor: pointer;
	z-index: 200;
}

#contentsTop #mapBoxTop .pin:hover{
	background: url(../images/top_pin_big.png) no-repeat bottom center;
	width: 146px;
	height: 175px;
}

#contentsTop #mapBoxTop .pin span{
	width: 100%;
}

#contentsTop #mapBoxTop .pin span.spot_name{
	position: absolute;
	left: 0;
	bottom: 52%;
	text-align: center;
	font-size:90%;
}

#contentsTop #mapBoxTop .pin:hover span.spot_name{
	font-size: 24px;
}

#contentsTop #mapBoxTop .pin span.spot_name_eg{
	position: absolute;
	left: 0;
	bottom: 48%;
	font-size: 12px;
	text-align: center;
}

#contentsTop #mapBoxTop .pin:hover span.spot_name_eg{
	font-size: 16px;
}

#contentsTop #mapBoxTop #sendai.pin{
	background: url(../images/top_pin_sendai.png) no-repeat bottom center;
}

#contentsTop #mapBoxTop #sendai.pin:hover{
	background: url(../images/top_pin_sendai_big.png) no-repeat bottom center;
}

#contentsTop #mapBoxTop #higashimatsushima.pin span.spot_name{
	bottom: 45%;
}


#contentsTop #mapBoxTop #higashimatsushima.pin span.spot_name_eg{
	bottom: 40%;
}


#contentsTop #footerTopWave{
	position: absolute;
	bottom: -4px;
}
#contentsTop #footerTopWave img{
    height: 35px;
}


#position_image{
	position: fixed;
	display: none;
	top:100px;
	left:50px;
	z-index: 280;
}

#spot_banner {
	display: none;
	right: 0;
	position: fixed;
	top: 100px;
	z-index: 280;
}
#spot_banner a:hover {
	opacity: 0.9;
}

/*
#spot_banner .banner {
	margin-bottom: 20px;
	width: 90px;
	float: right;
}
*/
#spot_banner .banner img {
	width: 100%;
}

/*
#spot_banner .banner_japan {
	margin-bottom: 20px;
	width: 200px;
}
*/
#spot_banner .banner_japan img {
	width: 100%;
}


#contentsTop #spot_image_aomori{
	position: absolute;
	left:10px;
	top:900px;
	z-index: 150;
}

#contentsTop #spot_image_iwate{
	position: absolute;
	left:10px;
	top:1400px;
	z-index: 150;
}

#contentsTop #spot_image_miyagi1{
	position: absolute;
	left:10px;
	top:2800px;
	z-index: 150;
}

#contentsTop #spot_image_miyagi2{
	position: absolute;
	left:10px;
	top:3800px;
	z-index: 150;
}

#contentsTop #spot_image_fukushima{
	position: absolute;
	left:70px;
	top:4530px;
	z-index: 150;
}


/*-----スポットイメージ-----*/

#contentsTop #spot_image_01,
#contentsTop #spot_image_02,
#contentsTop #spot_image_03,
#contentsTop #spot_image_04,
#contentsTop #spot_image_05,
#contentsTop #spot_image_06,
#contentsTop #spot_image_07,
#contentsTop #spot_image_08,
#contentsTop #spot_image_09,
#contentsTop #spot_image_10,
#contentsTop #spot_image_11,
#contentsTop #spot_image_12,
#contentsTop #spot_image_13,
#contentsTop #spot_image_14,
#contentsTop #spot_image_15,
#contentsTop #spot_image_16,
#contentsTop #spot_image_17,
#contentsTop #spot_image_18,
#contentsTop #spot_image_19,
#contentsTop #spot_image_20,
#contentsTop #spot_image_21,
#contentsTop #spot_image_22,
#contentsTop #spot_image_23,
#contentsTop #spot_image_24,
#contentsTop #spot_image_25,
#contentsTop #spot_image_26,
#contentsTop #spot_image_27,
#contentsTop #spot_image_28,
#contentsTop #spot_image_29,
#contentsTop #spot_image_30,
#contentsTop #spot_image_31,
#contentsTop #spot_image_32,
#contentsTop #spot_image_33,
#contentsTop #spot_image_34,
#contentsTop #spot_image_35{
	position: absolute;
	z-index: 150;
}
/*-八戸-種差海岸-*/
#contentsTop #spot_image_01{
	top: 700px;
	left:680px;
}

/*-八戸-八戸屋形船新井田丸-*/
#contentsTop #spot_image_02{
	top: 1200px;
	left:650px;
}

/*-八戸-陸奥湊駅前朝市-*/
#contentsTop #spot_image_03{
	top: 900px;
	left:920px;
}


/*-久慈-あまちゃんハウス-*/
#contentsTop #spot_image_04{
	top: 1450px;
	left:500px;
}

/*-田野畑-北山崎断崖クルーズ観光船・北山崎サッパ船アドベンチャーズ-*/
#contentsTop #spot_image_05{
	top: 1300px;
	left:1170px;
}

/*-岩泉-龍泉洞-*/
#contentsTop #spot_image_06{
	top: 1600px;
	left:1270px;
}

/*-宮古-浄土ヶ浜-*/
#contentsTop #spot_image_07{
	top: 1970px;
	left:1270px;
}

/*-釜石-釜石大観音-*/
#contentsTop #spot_image_08{
	top: 2000px;
	left:960px;
}

/*-大船渡-碁石海岸穴通船-*/
#contentsTop #spot_image_09{
	top: 2350px;
	left:1220px;
}

/*-大船渡-かもめの玉子-*/
#contentsTop #spot_image_10{
	top: 2300px;
	left:650px;
}

/*-陸前高田-一本松茶屋-*/
#contentsTop #spot_image_11{
	top: 2530px;
	left:650px;
}

/*-気仙沼-気仙沼「海の市」-*/
#contentsTop #spot_image_12{
	top: 2750px;
	left:1200px;
}

/*-気仙沼-しごと場・あそび場　ちょいのぞき気仙沼-*/
#contentsTop #spot_image_13{
	top: 2650px;
	left:300px;
}


/*-南三陸-南三陸温泉-*/
#contentsTop #spot_image_14{
	top: 2950px;
	left:1000px;
}

/*-南三陸-南三陸キラキラ丼-*/
#contentsTop #spot_image_15{
	top: 2850px;
	left:650px;
}

/*-石巻-マンガ館-*/
#contentsTop #spot_image_16{
	top: 3200px;
	left:650px;
}

/*-石巻-田代島-*/
#contentsTop #spot_image_17{
	top: 3270px;
	left:1100px;
}

/*-石巻-サンファン館
#contentsTop #spot_image_18{
	top: 3300px;
	left:1100px;
}-*/

/*-女川-シーパルピア女川-*/
#contentsTop #spot_image_19{
	top: 3600px;
	left:1050px;
}

/*-東松島-奥松島遊覧船-*/
#contentsTop #spot_image_20{
	top: 3500px;
	left:850px;
}

/*-松島-瑞巌寺
#contentsTop #spot_image_21{
	top: 3100px;
	left:200px;
}-*/

/*-松島-円通院-*/
#contentsTop #spot_image_22{
	top: 3200px;
	left:450px;
}

/*-塩釜-鹽竈神社-*/
#contentsTop #spot_image_24{
	top: 3100px;
	left:150px;
}

/*-仙台-せんだい3.11メモリアル交流館-*/
#contentsTop #spot_image_25{
	top: 3550px;
	left:180px;
}

/*-仙台-牛タン-*/
#contentsTop #spot_image_27{
	top: 3710px;
	left:510px;
}

/*-岩沼-竹駒神社*/
#contentsTop #spot_image_29{
	top: 3910px;
	left:140px;
}

/*-亘理-はらこめし*/
#contentsTop #spot_image_30{
	top: 3910px;
	left:650px;
}

/*-山元-いちご狩り*/
#contentsTop #spot_image_31{
	top: 4110px;
	left:590px;
}

/*-南相馬-相馬野馬追*/
#contentsTop #spot_image_32{
	top: 4310px;
	left:690px;
}

/*-いわき-スパリゾートハワイアンズ-*/
#contentsTop #spot_image_33{
	top: 4710px;
	left:150px;
}

/*-いわき-アクアマリンふくしま-*/
#contentsTop #spot_image_34{
	top: 4820px;
	left:890px;
}

/*-いわき-いわき市観光物産センター　いわき・ら・ら・ミュウ-*/
#contentsTop #spot_image_35{
	top: 4970px;
	left:50px;
}

#contentsTop #spot_image_03 img,
#contentsTop #spot_image_05 img,
#contentsTop #spot_image_02 img,
#contentsTop #spot_image_07 img,
#contentsTop #spot_image_10 img,
#contentsTop #spot_image_12 img,
#contentsTop #spot_image_15 img,
#contentsTop #spot_image_16 img,
#contentsTop #spot_image_20 img,
#contentsTop #spot_image_22 img,
#contentsTop #spot_image_25 img,
#contentsTop #spot_image_27 img,
#contentsTop #spot_image_30 img,
#contentsTop #spot_image_31 img,
#contentsTop #spot_image_35 img,
#contentsTop #spot_image_19 img{
	width: 200px;
}


#contentsTop .transition img {
	position: relative;
	top: 150px;
	opacity: 0;
}

#contentsTop #itaru_h p{
	position: absolute;
	font-size: 50px;
	font-weight: bold;
	left:400px;
	top:30px;
	z-index: 150;
}

#contentsTop #itaru_t p{
	position: absolute;
	font-size: 50px;
	font-weight: bold;
	left:1000px;
	top:5230px;
	z-index: 150;
}

#contentsTop #itaru_h p span,
#contentsTop #itaru_t p span{
	position: relative;
	top: 5px;
}

#contentsTop #seawave{
	position: absolute;
	left:700px;
	top:100px;
	animation-name: anim01;
	animation-duration: 5s;
	animation-iteration-count : infinite;
	transform: translate3d(0,0,0);
	will-change: animation, position;
}


@keyframes anim01 {
    from {
        top: 100px;
    }
    50% {
        top: 150px;
    }
    to {
        top: 100px;
    }
}

#contentsTop #clowd{
	position: absolute;
	left:-330px;
	top:220px;
	animation-name: anim02;
	animation-duration: 30s;
	animation-iteration-count : infinite;
	transform: translate3d(0,0,0);
	will-change: animation, position;
	z-index: 10;
}

@keyframes anim02 {
    from {
        left: -330px;
    }
	50% {
        left: -800px;
    }
    to {
        left: -330px;
    }
}

#contentsTop #aomoriTop{
	display: inline;
	position: absolute;
    top: 620px;
    left: 830px;
}

#contentsTop #iwateTop{
	display: inline;
	position: absolute;
    top: 2010px;
    left: 600px;
}

#contentsTop #miyagiTop{
	display: inline;
	position: absolute;
	top: 3920px;
    left: 900px;
}

#contentsTop #fukushimaTop{
	display: inline;
	position: absolute;
	top: 4700px;
    left: 700px;
}

#contentsTop #sendaiTop{
	display: inline;
	position: absolute;
	top: 3715px;
    left: 540px;
}

/*
#contentsTop .textBox{
	width: 630px;
}
*/
#contentsTop .textBox img{
	margin-bottom: 10px;
}

#contentsTop .textBox h3{
	font-size: 40px;
	text-align: center;
}

#contentsTop .textBox span{
	float: left;
	width: 180px;
	margin: 0 0 0 20px;
	font-size: 17px;
	line-height: 150%;
}







#contents{
	position: relative;
	background: url(../images/quiz_ol.png) no-repeat center 70px;
}

#contents #mapBox{
	position: relative;
	top:70px;
	width:100%;
	max-width: 1090px;
	margin: 0 auto 200px;
}

#contents #mapBox #mapBoxLeft{
	float: left;
	width:100%;
	max-width: 580px;
	margin: 120px 0 0 0;
}

#contents #mapBox #mapBoxLeft img{
	float: left;
}

#contents #mapBox #mapBoxLeft h2{
	display: block;
	float: left;
	font-size: 100px;
	margin: 0 0 30px 20px;
	color: #fff;
}

#contents #mapBox #mapBoxLeft h2 img{
	position: absolute;
	padding: 3px 20px;
}

#contents #mapBox #mapBoxLeft #mapBoxLeftText{
	clear:both;
	margin: 0 0 60px 0;
}

#contents #mapBox #mapBoxLeft #mapBoxLeftText p{
color: #fff;
	font-size: 28px;
	font-weight: bold;
	line-height: 180%;
}

#contents #mapBox #mapBoxLeft #mapBoxLeftImage{
	position: relative;
	border:3px solid #f15a24;
	border-radius: 20px;
	background-color: #fff;
	padding: 15px 10px 15px 50px;
	width: 100%;
	max-width: 548px;
	box-shadow:4px 4px 0px 0px rgba(100,100,100,0.5);
	-moz-box-shadow:4px 4px 0px 0px rgba(100,100,100,0.5);
	-webkit-box-shadow:4px 4px 0px 0px rgba(100,100,100,0.5);
}

#contents #mapBox #mapBoxLeft #mapBoxLeftImage #mapBoxLeftImagePin{
	position: absolute;
	top:-10px;
	left:5px;
}

#contents #mapBox #mapBoxLeft #mapBoxLeftImage p{
	color:#f15a24;
	font-weight: bold;
}


#contents #mapBox #mapBoxRight{
	position: relative;
	float: right;
	width:100%;
	max-width: 510px;
	margin:35px 0 0 0;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapPref{

	background: url(../images/tohoku_map.png) no-repeat left top;
	width:100%;
	height:763px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapPref #mapBoxRightMapPrefAomori{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    top: 130px;
    left: 130px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapPref #mapBoxRightMapPrefIwate{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    top: 300px;
    left: 215px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapPref #mapBoxRightMapPrefMiyagi{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    top: 440px;
    left: 180px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapPref #mapBoxRightMapPrefFukushima{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    top: 640px;
    left: 90px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea{

}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea .area_button{
	cursor: pointer;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea .active{
	border:3px solid #f15a24;
	border-radius: 10px;
	background-color: #fff;
	padding: 5px 10px 5px 10px;
	color:#f15a24;
	z-index: 10000;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea .active span{
	padding:0;
	margin: 0 10px 3px 25px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea .active .area_question_mark img{
	position: absolute;
	width:75px;
	top:-10px;
	left:-60px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea .active span.quiz_challenge{
	display: block;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea .active span.quiz_challenge img{
	display: inline-block;
	float: right;
	position:inherit;
	width: auto;
	top:inherit;
	left:inherit;
	padding: 3px 0;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea #mapBoxRightMapAreaFrameHashikami{
	position: absolute;
	top:120px;
	left:220px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea #mapBoxRightMapAreaFrameHashikami.active{
	top:80px;
	left:250px;
}


#contents #mapBox #mapBoxRight #mapBoxRightMapArea #mapBoxRightMapAreaFrameKuji{
	position: absolute;
    top: 170px;
    left: 260px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea #mapBoxRightMapAreaFrameKuji.active{
    top: 130px;
    left: 290px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea #mapBoxRightMapAreaFrameKamaishi{
	position: absolute;
    top: 270px;
    left: 285px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea #mapBoxRightMapAreaFrameKamaishi.active{
    top: 230px;
    left: 315px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea #mapBoxRightMapAreaFrameKesennuma{
	position: absolute;
    top: 360px;
    left: 262px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea #mapBoxRightMapAreaFrameKesennuma.active{
    top: 320px;
    left: 292px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea #mapBoxRightMapAreaFrameSendai{
	position: absolute;
    top: 467px;
    left: 190px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea #mapBoxRightMapAreaFrameSendai.active{
    top: 427px;
    left: 220px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea #mapBoxRightMapAreaFrameNatori{
	position: absolute;
    top: 513px;
    left: 171px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea #mapBoxRightMapAreaFrameNatori.active{
    top: 473px;
    left: 201px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea #mapBoxRightMapAreaFrameSouma{
	position: absolute;
	top: 615px;
    left: 195px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea #mapBoxRightMapAreaFrameSouma.active{
	top: 575px;
    left: 225px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea .area_question_mark{
	position: absolute;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea .area_question_mark img{
	width:40px;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea span{
	display: block;
	margin:0 0 0 45px;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0;
	line-height: 150%;
}

#contents #mapBox #mapBoxRight #mapBoxRightMapArea .quiz_challenge{
	display: none;
	font-size: 12px;
}

#contentsLower{
	position: relative;
	background: url(../images/quiz_question_bg.png) repeat center 70px;
}

#contentsLower #mapBoxLower{
	position: relative;
	top:70px;
	width:100%;
	max-width: 1090px;
	margin: 0 auto 200px;
}

#contentsLower #mapBoxLower #mapBoxLowerCenter{
	text-align: center;
	padding: 30px 0 30px 0;
}

#contentsLower #mapBoxLower #mapBoxLowerCenter img{
	margin: 0 0 20px 0;
}

#contentsLower #mapBoxLower #mapBoxLowerCenter #mapBoxLowerText{
	color:#fff;
	font-size: 30px;
}


#contentsLower #mapBoxLower #mapBoxLowerQAParent{
	background-color: #fff;
	padding: 5px;
	width: 100%;
	max-width: 947px;
	margin: 0 auto;

	box-shadow:4px 4px 0px 0px rgba(100,100,100,0.5);
	-moz-box-shadow:4px 4px 0px 0px rgba(100,100,100,0.5);
	-webkit-box-shadow:4px 4px 0px 0px rgba(100,100,100,0.5);
}

#contentsLower #mapBoxLower #mapBoxLowerQA{
	width: 100%;
	padding: 70px 110px;
	background-color: #fff;
	border:1px solid #F15A24;

}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQABox{
	margin: 50px 0 0 0;
}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQABox h3{

}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQABox h3 span{
	float: left;
	font-size: 24px;
	color: #000;
	padding: 8px 0;
	vertical-align: middle;
	width: 92%;
}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQABox h3 span.question{
	float: left;
	display: inline-block;
	font-size: 40px;
	height: 1.5em;
	color:#F15A24;
	padding: 0;
	width: 4%;
	margin: 0 3% 0 0;
}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQABox ul{
	padding: 40px 0 50px;
	border-bottom: 1px dotted #000;
}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQABox ul li{
	float: left;
	width: 31.3333333333%;
	box-sizing: border-box;
	color: #F15A24;
	border:7px solid #F15A24;
	margin: 0 3% 0 0;
	padding: 20px 0;
	text-align: center;
	list-style: none;
	cursor: pointer;
}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQABox ul li.active{
	color:#fff;
	background-color: #F15A24;
}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQABox ul li:last-child{
	margin: 0;
}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQADetailBox{
	display: none;
	padding: 0 0 50px 0;
	border-bottom: 1px dotted #000;
	margin: 0 0 0 0;
}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQADetailBox .mapBoxLowerQADetailAnswerBox{
	text-align: center;
}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQADetailBox .mapBoxLowerQADetailAnswerBox span{
	display: inline-block;
	font-size: 14px;
	padding: 50px 0;
	vertical-align: middle;
	line-height: 100%;
}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQADetailBox .mapBoxLowerQADetailAnswerBox span.select_text{
	font-size: 20px;
	padding: 40px 0;
	margin: 0 10px 0 0;
}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQADetailBox .mapBoxLowerQADetailAnswerBox span.answer_no{
	font-size: 40px;
	padding: 0;
	margin: -5px 0 0 10px;
	color: #29ABE2;
}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQADetailBox .mapBoxLowerQADetailAnswerBox span.answer_yes{
	font-size: 40px;
	padding: 0;
	margin: -5px 0 0 10px;
	color: #f00;
}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQADetailBox .mapBoxLowerQADetailAnswerInfoBox{
	float: left;
	width: 50%;
}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQADetailBox .mapBoxLowerQADetailAnswerInfoBox h3{
	font-size: 40px;
	font-weight: normal;
	color:#F15A24;
	padding: 0;
	margin: 0 0 20px 0;
}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQADetailBox .mapBoxLowerQADetailAnswerInfoBox h3 span.answer{
	font-size: 40px;
	font-weight: normal;
	color:#F15A24;
	padding: 0;
	vertical-align: top;
}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQADetailBox .mapBoxLowerQADetailAnswerInfoBox p{
	line-height: 150%;
}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQADetailBox .mapBoxLowerQADetailAnswerImageBox{
	float: right;
	width: 39%;
}

#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQADetailBox .mapBoxLowerQADetailAnswerImageBox img{
	width: 100%;
	max-width: 270px;
}

#mapBoxLowerBg{
	position: relative;
	width:100%;
	height: 200px;
	margin: 0 auto -30px;
	background: url(../images/quiz_question_ol.png) no-repeat top center;
}


/*
footer{
    display: block;
    width: 100%;
}

footer #footerPrefLink{
	position: relative;
	width: 100%;
	max-width: 1077px;
	margin: 70px auto 70px;
}

footer #footerPrefLink ul li{
	float:left;
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0 60px 20px 0;
}

footer #footerPrefLink ul li a{
	display: block;
	padding: 0 0 10px 0;
	border-bottom:1px solid #f2f2f2;
}

footer #footerPrefLink ul li a.active,
footer #footerPrefLink ul li a:hover{
	border-bottom:1px solid #000;
}


footer #footerPrefLink #pageTopLink{
	position: absolute;
	top:0;
	right:0;
}

footer #footerLogoMark{
	width: 100%;
	max-width: 400px;
	margin: 0 auto 78px;
}

footer #footerLogoMark #footerLogoMarkTohoku{
	float:left;
}

footer #footerLogoMark #footerLogoMarkJapan{
	float:right;
}

footer #footerMenu{
	position: relative;
	width: 100%;
	max-width: 1077px;
	height: 300px;
	margin: 0 auto 70px;
}

footer #footerMenu ul{
	position: absolute;
}

footer #footerMenu ul:nth-of-type(1){
	left:0;
}

footer #footerMenu ul:nth-of-type(2){
	left:240px;
}

footer #footerMenu ul:nth-of-type(3){
	left:420px;
}

footer #footerMenu ul:nth-of-type(4){
	left:630px;
}

footer #footerMenu ul:nth-of-type(5){
	left:800px;
}

footer #footerMenu ul:nth-of-type(6){
	left:1010px;
}

footer #footerMenu ul:nth-of-type(7){
	bottom:0;
	left:950px;
}

footer #footerMenu ul:nth-of-type(8){
	bottom:0;
	left:800px;
}

footer #footerMenu ul:last-child{
	bottom:0;
	right:300px;
}

footer #footerMenu ul li{
	list-style: none;
	font-size: 14px;
	box-sizing: border-box;
}

footer #footerMenu ul li a{
	color:#000;
	text-decoration: none;
	padding: 0 0 10px 0;
	border-bottom:1px solid #f2f2f2;
	box-sizing: border-box;
}

footer #footerMenu ul li a:hover,
footer #footerMenu ul li a.active{
	border-bottom:1px solid #000;
}

footer #footerMenu ul li ul{
	position: inherit;
	display: block;
	float: none;
	margin:30px 0 0 0;
}

footer #footerMenu ul li ul li{
	line-height: 165%;
	list-style: disc;
	list-style-position: inside;
}

footer #footerMenu ul li ul li a{

}

footer #footerMenu ul li ul li a:hover,
footer #footerMenu ul li ul li a.active{
	border: none;
}

footer #footerBox{
	width: 100%;
	background-color: #fff;
	padding: 45px 0 0 0;
}

footer #footerBox #footerBoxInner{
	width: 100%;
	max-width: 1077px;
	margin: 0 auto 110px;
}

footer #footerBox #footerBoxInner #footerBoxLinkImage{
	float: left;
}

footer #footerBox #footerBoxInner ul{
	float: left;
}

footer #footerBox #footerBoxInner ul li{
	float:left;
	list-style: none;
	font-size: 14px;
	box-sizing: border-box;
	margin: 10px 0 10px 90px;
}


footer #footerBox #footerBoxInner ul li a{
	text-decoration: none;
	color:#12ABBC;
	font-size: 18px;
}

footer #smallBox{
	background-color: #fff;
	padding:22px 0;
	text-align: center;
}

footer #smallBox small p{
	font-size:12px;
}
*/

@media screen and (max-width:1123px){
	body{
		background-size: auto 140%;
	}
	header{
		position: inherit;
		display: block;
	}
	#topHeaderBoxMenu {
		display: none;
	}

	header #headerBox h1{
		left:20px;
	}

	header #headerNavi{
		width: 100%;
		top: 71px!important;
	}

	header #headerNavi ul{
		float: none;
		display: none;
		width: 100%;
	}

	header.top #headerNavi ul li {
		float: none;
		width: 100%;
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		vertical-align: middle;
		padding: 0;
    	margin: 0;
	}

	header #headerNavi ul li{
	    float: none;
		width: 100%;
		background-color: #fff;
		border-bottom: 1px solid #ccc;
		vertical-align: middle;
		padding: 0;
    	margin: 0;
	}

	header #headerNavi ul li:hover{
		border-bottom: 1px solid #ccc;
	}

	header #headerNavi ul li a{
		display: block;
		padding:20px;
		border:none;
		vertical-align: middle;
	}

	header #headerNavi #lang{
		display: none;
	}

	.popup  {
		top: 200px;
		margin: 100px 0 0;
		padding: 2%;
		width: 100%;
	}
	.popup .popup_inner {
		padding: 3%;
		font-size: 11px;
	}
	.popup .close {
		top: 10px;
		right: 0;
	}
	.popup .close img{
		width: 15px;
	}
	.popup .popup_inner .popup_pin {
		top: -50px;
		left: 0px;
		max-width: 60px;
		max-height: 80px;
		background-size: 100%;
	}
	.popup .popup_inner .popup_pin .spot_name_eg {
		font-size: 11px;
	}
	.popup .popup_inner .popup_tab ul li {
		font-size: 11px;
		padding: 4px 2px;
	}
	.popup .popup_inner .popup_pref {
		margin-top: 50px;
	}
	.popup .popup_inner .popup_text {
		margin: 10px 0;
		width: 68%;
	}
	.popup .popup_inner .popup_text h3 {
		font-size: 23px;
		line-height: 140%;
	}
	.popup .popup_inner .popup_text h4 {
		font-size: 12px;
	}
	.popup .popup_inner .popup_text p {
		font-size: 15px;
	}
	.popup .popup_inner .popup_others {
		font-size: 11px;
		padding: 20px 0;
	}
	.popup .popup_inner .popup_others table tr th,
	.popup .popup_inner .popup_others table tr td {
		font-size: 12px;
	}

	#contents{
		background-size: auto 87%;
		background-position: top center;
	}

	#contents #mapBox {
		zoom:80%;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	.popup .popup_inner .popup_pref{
		top:18.5%;
	}

	.popup .popup_inner .popup_text h3{
		font-size: 35px;
	}

	.popup .popup_inner .popup_text h4{
		font-size: 12px;
	}

	.popup .popup_inner .popup_text p{
		font-size: 12px;
	}
/*
	.popup .popup_inner .popup_others table tr td{
		font-size: 12px;
	}
*/
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:1123px){
	.popup .popup_inner {
		max-width: none;
		top:4.5%;
	}

	.popup .popup_inner .popup_pref{
		zoom:100%;
		top:90px;
	}

	.popup .popup_inner .popup_pin{
		zoom:100%;
	}
	.popup .popup_inner .close{
		zoom:100%;
	}

/*
	footer{
		zoom:100%!important;
	}
*/
}


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

	#topHeaderBox h3 img{
		max-width: 30%;
	}
	#contentsTop{
	position: relative;
	background: url(../images/top_map2.png) #00b5c9 no-repeat;
	height: 5367px;
	background-position: left top;
	overflow: hidden;
	}



	#contentsTop #mapBoxTop .pin{
	position: absolute;
	background: url(../images/sp_top_pin.png) no-repeat bottom center;
	width: 300px;
	height: 70px;
	cursor: pointer;
	z-index: 200;
	}

	#contentsTop #mapBoxTop .pin:hover{
	background: url(../images/sp_top_pin_big.png) no-repeat bottom center;
	width: 300px;
	height: 70px;
	}


	#contentsTop #mapBoxTop .pin span.spot_name{
	position: absolute;
	left: 0;
	bottom: 25%;
	text-align: center;
	font-size: 24px;
	}

	#contentsTop #mapBoxTop .pin:hover span.spot_name{
	font-size: 24px;
	}


	#contentsTop #mapBoxTop #sendai.pin{
	background: url(../images/sp_top_pin_sendai.png) no-repeat bottom center;
	}

	#contentsTop #mapBoxTop #sendai.pin:hover{
	background: url(../images/sp_top_pin_sendai_big.png) no-repeat bottom center;
	}

	#contentsTop #mapBoxTop #higashimatsushima.pin span.spot_name{
	bottom: 10%;
	}



	#contentsTop #spot_image_aomori{
	display: none;
	}

	#contentsTop #spot_image_iwate{
	display: none;
	}

	#contentsTop #spot_image_miyagi1{
	display: none;
	}

	#contentsTop #spot_image_miyagi2{
	display: none;
	}

	#contentsTop #spot_image_fukushima{
	display: none;
	}

	#spot_banner {
		display: none;
/*
		right: 10px;
*/
		position: fixed;
		top: 70px;
		z-index: 280;
	}
	#spot_banner a:hover {
		opacity: 0.9;
	}

	#spot_banner .banner {
		margin-bottom: 20px;
		width: 160px;
/*
		float: right;
*/
	}
	#spot_banner .banner img {
		width: 100%;
	}

	#spot_banner .banner_japan {
		margin-bottom: 20px;
		width: 160px;
	}
	#spot_banner .banner_japan img {
		width: 100%;
	}

/*
	#contentsTop #mapBoxTop .pin span.spot_name{
		display: none;
	}
*/
	#contentsTop #mapBoxTop .pin span.spot_name_eg{
		display: none;
	}


	#position_image{
		display: none;
	}

	#contentsTop .textBox h3{
		display: none;
	}

	#contentsTop .textBox span{
		display: none;
	}

	#contentsTop #footerTopWave {
    	bottom: -0.1%;
	}

	#contents{
		background-size: auto 100%!important;
		background: url(../images/quiz_ol_sp.png) no-repeat center top;
		margin: 50px 0 30px 0;
	}

	#contents #mapBox{
		top:0;
	    margin: 0 auto 90px;
	}

	#contents #mapBox #mapBoxLeft{
		float: none;
		width: 100%;
		max-width: 580px;
		margin: 30px auto 0;
	}

	#contents #mapBox #mapBoxRight {
		float: none;
		width: 100%;
		max-width: 580px;
		margin: 35px auto 0;
	}


	.popup .popup_inner .popup_text p {
		font-size: 15px;
	}




	#contentsTop #mapBoxTop #hachinohe{
		top: 1100px;
	    left: 730px;
	}

	#contentsTop #mapBoxTop #hachinohe:hover{
		top: 1100px;
	    left: 730px;
	}

	#contentsTop #mapBoxTop #kuji{
		top: 1450px;
	    left: 825px;
	}

	#contentsTop #mapBoxTop #kuji:hover{
		top: 1450px;
	    left: 825px;
	}

	#contentsTop #mapBoxTop #tanohata{
		top: 1580px;
	    left: 825px;
	}

	#contentsTop #mapBoxTop #tanohata:hover{
		top: 1580px;
	    left: 825px;
	}

	#contentsTop #mapBoxTop #iwaizumi{
		top: 1830px;
	    left: 1050px;
	}

	#contentsTop #mapBoxTop #iwaizumi:hover{
		top: 1830px;
	    left: 1050px;
	}

	#contentsTop #mapBoxTop #miyako{
		top: 2100px;
	    left: 1250px;
	}

	#contentsTop #mapBoxTop #miyako:hover{
		top: 2100px;
	    left: 1250px;
	}

	#contentsTop #mapBoxTop #kamaishi{
		top: 2440px;
	    left: 1080px;
	}

	#contentsTop #mapBoxTop #kamaishi:hover{
		top: 2440px;
	    left: 1080px;
	}

	#contentsTop #mapBoxTop #ofunato{
		top: 2630px;
	    left: 1180px;
	}

	#contentsTop #mapBoxTop #ofunato:hover{
		top: 2630px;
	    left: 1180px;
	}

	#contentsTop #mapBoxTop #rikuzentakata{
		top: 2800px;
	    left: 870px;
	}

	#contentsTop #mapBoxTop #rikuzentakata:hover{
		top: 2800px;
	    left: 870px;
	}

	#contentsTop #mapBoxTop #kesennuma{
		top: 2950px;
	    left: 830px;
	}

	#contentsTop #mapBoxTop #kesennuma:hover{
		top: 2950px;
	    left: 830px;
	}

	#contentsTop #mapBoxTop #minamisanriku{
		top: 3250px;
	    left: 710px;
	}

	#contentsTop #mapBoxTop #minamisanriku:hover{
		top: 3250px;
	    left: 710px;
	}

	#contentsTop #mapBoxTop #ishinomaki{
		top: 3400px;
	    left: 625px;
	}

	#contentsTop #mapBoxTop #ishinomaki:hover{
		top: 3400px;
	    left: 625px;
	}

	#contentsTop #mapBoxTop #onagawa{
		top: 3360px;
	    left: 925px;
	}

	#contentsTop #mapBoxTop #onagawa:hover{
		top: 3360px;
	    left: 925px;
	}

	#contentsTop #mapBoxTop #higashimatsushima{
		top: 3472px;
	    left: 925px;
	}

	#contentsTop #mapBoxTop #higashimatsushima:hover{
		top: 3472px;
	    left: 925px;
	}

	#contentsTop #mapBoxTop #matsushima{
		top: 3500px;
	    left: 600px;
	}

	#contentsTop #mapBoxTop #matsushima:hover{
		top: 3500px;
	    left: 600px;
	}

	#contentsTop #mapBoxTop #shiogama{
		top: 3600px;
	    left: 365px;
	}

	#contentsTop #mapBoxTop #shiogama:hover{
		top: 3600px;
	    left: 365px;
	}

	#contentsTop #mapBoxTop #sendai{
		top: 3750px;
	    left: 230px;
	}

	#contentsTop #mapBoxTop #sendai:hover{
		top: 3750px;
	    left: 230px;
	}

	#contentsTop #mapBoxTop #natori{
		top: 3830px;
	    left: 256px;
	}

	#contentsTop #mapBoxTop #natori:hover{
		top: 3830px;
	    left: 256px;
	}

	#contentsTop #mapBoxTop #iwanuma{
		top: 3920px;
	    left: 405px;
	}

	#contentsTop #mapBoxTop #iwanuma:hover{
		top: 3920px;
	    left: 405px;
	}

	#contentsTop #mapBoxTop #watari{
		top: 4050px;
	    left: 255px;
	}

	#contentsTop #mapBoxTop #watari:hover{
		top: 4050px;
	    left: 255px;
	}

	#contentsTop #mapBoxTop #yamamoto{
		top: 4180px;
	    left: 555px;
	}

	#contentsTop #mapBoxTop #yamamoto:hover{
		top: 4180px;
	    left: 555px;
	}

	#contentsTop #mapBoxTop #minamisouma{
		top: 4600px;
	    left: 630px;
	}

	#contentsTop #mapBoxTop #minamisouma:hover{
		top: 4600px;
	    left: 630px;
	}

	#contentsTop #mapBoxTop #naraha{
		top: 4922px;
	    left: 524px;
	}

	#contentsTop #mapBoxTop #naraha:hover{
		top: 4922px;
	    left: 524px;
	}

	#contentsTop #mapBoxTop #iwaki{
		top: 5245px;
	    left: 500px;
	}

	#contentsTop #mapBoxTop #iwaki:hover{
		top: 5245px;
	    left: 500px;
	}






	#contentsTop #balloon{
		animation: none;
	}


	#contentsTop #hiking{
		animation: none;
	}

	#contentsTop #walk2{
		animation: none;
	}

	#contentsTop #train{
		animation: none;
	}


	#contentsTop #walk{
		animation: none;
	}


	#contentsTop #jet{
		position: absolute;
		left:700px;
		top:3320px;
	}

	#contentsTop #jet.action{
		animation: none;
	}


	#contentsTop #airplane{
		position: absolute;
		left:80px;
		top:4120px;
	}

	#contentsTop #airplane.action{
		animation: none;
	}


	#contentsTop #horse{
		animation: none;
	}


	#contentsTop #aloha{
		animation: none;
	}




	#contentsTop #mapBoxTop #aomori_ship{
		position: relative;
		top: 981px;
	    left: 1097px;
	}

	#contentsTop #mapBoxTop #aomori_ship img{
		animation: none;
	}


	#contentsTop #mapBoxTop #sanfan{
		position: relative;
		top: 3342px;
	    left: 1185px;
	}

	#contentsTop #mapBoxTop #sanfan img{
		animation: none;
	}

	#contentsTop #mapBoxTop #matsushima_ship{
		position: relative;
		top: 3560px;
	    left: 835px;
	}

	#contentsTop #mapBoxTop #matsushima_ship img{
		animation: none;
	}

	#contentsTop #seawave{
		animation: none;
	}

	#contentsTop #clowd{
		animation: none;
	}






/*

	footer #footerPrefLink {
		position: relative;
		width: 100%;
		max-width: 720px;
		margin: 70px auto 70px;
	}

	footer #footerPrefLink ul li {
		float: left;
		list-style: none;
		margin: 20px 0 0 0;
		padding: 0 20px 20px 20px;
	}

	footer #footerPrefLink #pageTopLink {
		position: fixed;
		top:inherit;
		right: 20px;
		bottom:20px;
	}

	footer #footerMenu{
		height: auto;
	    padding: 0 30px;
	}

	footer #footerMenu ul {
		clear: both;
		position:inherit;
		left: auto!important;
		right: auto !important;
		border-bottom:1px solid #c0c0c0;
		padding: 5px;
	}

	footer #footerMenu ul li{
		font-size: 26px;
		padding: 20px;
	}

	footer #footerMenu ul li ul{
		float: right;
		width: 350px;
		border: none;
	}

	footer #footerMenu ul li ul li{
		list-style: none;
		padding: 0;
	}

	footer #footerBox{
	    padding: 30px 30px 0;
	}

	footer #footerBox #footerBoxInner ul li{
		margin: 10px 0 10px 35px;
	}

*/
	#contentsLower #mapBoxLower #mapBoxLowerQA {
		padding: 70px 20px;
	}

	#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQADetailBox .mapBoxLowerQADetailAnswerInfoBox{
		float: none;
		width: 100%;
		margin: 0 0 50px 0;
	}

	#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQADetailBox .mapBoxLowerQADetailAnswerImageBox{
		float: none;
		width: 100%;
		text-align: center;
	}

	#mapBoxLowerBg{
		height: 160px;
		background-size: contain;
		background-position: center;
		margin: 0 auto -65px;
	}

}

/*
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:952px){
	footer #footerPrefLink{
		width: 150%;
	}
}
*/

@media screen and (max-width:580px){
	body{
		background-size: 300%;
    	background-position: top center;
	}

/*
	header{
		zoom: 70%;
	}
*/

	#customElement iframe{
		margin: -5% 0 0 0 !important;
		height: 110% !important;
	}

	#position_image{
	position: fixed;
	top:500px;
	left:50px;
	z-index: 100;
	}

	#topHeaderBox h2{
		display: none;
	}
	#topHeaderBox h3{
		display: block;
		padding: 10px 0px;
		background-color: #fff;
		text-align: center;
	}
	#topHeaderBox h3 img{
		max-width: 30%;
	}

	#spot_banner .banner_japan {
		margin-bottom: 20px;
		width: 160px;
	}
	#spot_banner .banner_japan img {
		width: 100%;
	}

	#contentsTop #mapBoxTop .pin span.spot_name{
	position: absolute;
	left: 0;
	bottom: 5%;
	text-align: center;

	font-size: 50px !important;
	-webkit-transform: scale(0.7);
	-webkit-transform-origin:bottom 2% center;
	}

	#contentsTop #mapBoxTop .pin:hover span.spot_name{
	font-size: 24px;
	}

	#contentsTop #mapBoxTop #higashimatsushima.pin span.spot_name{
	bottom: 0%;
	font-size: 20px !important;
	}
	#contents #mapBox {
		zoom:100%;
	}

	#contents #mapBox #mapBoxLeft{
		zoom:55%;
	}

	#contents #mapBox #mapBoxRight{
		zoom:65%;
	}

	.popup .popup_inner .popup_text p {
		font-size: 12px;
	}

/*
	footer #footerPrefLink {
		zoom: 70%;
	}

	footer #footerMenu{
		zoom: 70%;
	}

	footer #footerBox{
		zoom: 70%;
	}
*/


	.popup .popup_inner .popup_text h3 {
		font-size: 18px;
		line-height: 130%;
	}

	#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQABox h3 {
		line-height: 17px;
	}
	#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQABox h3 span {
		font-size: 16px;
		margin-left: 15px;
		width: 80%;
	}

	#contentsLower #mapBoxLower #mapBoxLowerQA .mapBoxLowerQABox ul li {
		font-size: 14px;
	}

	#contentsLower #mapBoxLower #mapBoxLowerCenter #mapBoxLowerText {
		font-size: 25px;
	}

	#contents #mapBox #mapBoxLeft #mapBoxLeftImage{
		margin-left: 10px;
	}

	#contents #mapBox #mapBoxLeft #mapBoxLeftText p{
		color: #fff;
		font-size: 28px;
		font-weight: bold;
		line-height: 130%;
		padding: 10px;
	}

	#position_image{
		zoom:0.5;
	}

	.popup .popup_inner .popup_others {
		padding: 10px 2%;
		width: 96%;
	}
	.popup .popup_inner .popup_others table tr th,
	.popup .popup_inner .popup_others table tr td {
		display: block;
		padding: 0 5px;
		width: 100%;
		font-size: 11px;
	}
	.popup .popup_inner .popup_others table tr td {
		padding: 0 0 10px 15px;
	}
	#footerTopWave {
		display: none;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:580px){
	header{
		width: 145%;
	}

/*
	footer{
		width: 145%;
		zoom:70%;
	}
*/
}

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

}






#main{
position: relative
}
#bnr_virtual_sp{
display: none
}

#main #bnr_virtual_wrap {
width: 100%;
height: 100vh;
position: absolute;
left: 0!important;
top:0;
display: table;
z-index: 99999;
pointer-events: none;
}

#main #bnr_virtual{
    position: absolute;
    background-color: #000;
    width: 600px;
    height: auto;
    right: 30px;
    bottom: 30px;
    padding-top: 20px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 20px;
    border-radius: 8px;
    font-size: 12px;
    color: #FFF;
    line-height: 1.5!important;
    background-image: url(../images/virtual/index_bnr_bg.jpg);
    background-position: center center;
    background-size: cover;
    border: 4px solid #FD898B;
    display: table-cell;
    pointer-events: all!important
}
#main #bnr_virtual a{
color: #FFF;
text-decoration: none;
}
#main #bnr_virtual .ttl{
padding-bottom: 10px;
text-align: center
}
#main #bnr_virtual .btn_virtual{
text-align: center;
margin-top: 20px;
}
#main #bnr_virtual .btn_virtual span{
background-color: #00B5C9;
color: #FFF;
padding: 5px 30px;
font-weight: bold;
border-radius: 100px;
}


@media screen and (max-width:580px){
#main{
position: relative
}
#bnr_virtual_sp{
display: block;
background-color: #000;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    padding-top: 20px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 60px;
    /*border-radius: 8px;*/
    font-size: 12px;
    color: #FFF;
    line-height: 1.5!important;
    background-image: url(../images/virtual/index_bnr_bg.jpg);
    background-position: center center;
    background-size: cover;
    /*border: 4px solid #FD898B;*/
}
#bnr_virtual_sp a{
color: #FFF;
text-decoration: none;
}
#bnr_virtual_sp .ttl{
padding-bottom: 10px;
text-align: center
}
#bnr_virtual_sp .ttl img{
width: 80%;
height: auto
}
#bnr_virtual_sp .btn_virtual{
text-align: center;
margin-top: 20px;
}
#bnr_virtual_sp .btn_virtual span{
background-color: #00B5C9;
color: #FFF;
padding: 5px 30px;
font-weight: bold;
border-radius: 100px;
}



#main #bnr_virtual{
display: none;
    position: absolute;
    background-color: #000;
    width: 450px;
    height: auto;
    right: 30px;
    bottom: 30px;
    padding-top: 20px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 20px;
    border-radius: 8px;
    font-size: 12px;
    color: #FFF;
    line-height: 1.5!important;
    background-image: url(../images/virtual/index_bnr_bg.jpg);
    background-position: center center;
    background-size: cover;
    border: 4px solid #FD898B;
}
#main #bnr_virtual a{
color: #FFF;
text-decoration: none;
}
#main #bnr_virtual .ttl{
padding-bottom: 10px;
text-align: center
}
}