<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ============================= 共通 =============================  */

* { 
	padding: 0px;
	margin: 0px;
	border: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	box-sizing: border-box;
}

li { list-style-type: none;}

p,li,ul,dl,dt,dd{
	margin:0;
	padding:0;
}
a { text-decoration:none; color: #333; overflow: hidden;}

a:hover {
	color:#F60;
}
div#main_r,#sidebar{
	display:none!important;
}
#planList h4 img {
    display: none!important;
}
div#main_l, iv#plan_list_wrapper,div#main,div#content{
    width: 100%!important;
}
div#main,div#content {
    float: none;
}
#breadCrumbList{
	width:1000px;
	margin:8px auto!important;
}
#main_area {
	height: 450px;
	overflow: hidden;
	position: relative;
	width:100%;
}
.mainSlider img {
    width: 100%;
    min-height: 450px;
    object-fit: cover;
}
.main_inner{
	position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   color:#fff;
   text-align: center;
   z-index: 1000;
}
.leadText{
	background:#cce198;
	padding:15px 0;
	font-size:1.1em;
}
.leadInner{
	width:1000px;
	margin:0 auto;
}

.leadInner nav ul{
	width:1000px;
	display:flex;
	justify-content:space-between;
	margin-top:15px;
}

.leadInner li {
    text-align: center;
    background: #fff;
    width: 90%;
    padding: 8px 0;
    margin-right: 10px;
    border-radius: 50px;
    border: 1px solid #999;
    position:relative;
}
.leadInner li:after,.area_map li a:after{
	content: "";
    position: absolute;
    margin: auto;
    right: 8px;
    width: 6px;
    height: 6px;
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
}
.leadInner li:last-child{
	margin-right:0;
}
.areaCont{
	margin-top:80px;
}
.area_cont_inner{
	width:1000px;
	margin:30px auto;
}
.bg_kushiro{
	background:url(../../img/topics/eastHkdMovie/img_kushiro.jpg);
}
.bg_akan{
	background:url(../../img/topics/eastHkdMovie/img_akanko.jpg);
}
.bg_mashu{
	background:url(../../img/topics/eastHkdMovie/img_mashuko.jpg);
}
.bg_nemuro{
	background:url(../../img/topics/eastHkdMovie/img_nemuro.jpg);
}
.bg_shiretoko{
	background:url(../../img/topics/eastHkdMovie/img_shiretoko.jpg);
}
.bg_oho{
	background:url(../../img/topics/eastHkdMovie/img_oho.jpg);
}
.bg_obihiro{
	background:url(../../img/topics/eastHkdMovie/img_obihiro.jpg);
}

.map_cont h2{
	font-family: "Sawarabi Gothic";
	font-size:2em;
}
.map_cont p{
	font-family: "Sawarabi Gothic";
	font-size:1.6em;
}
.area_map{
	position:relative;
}
.area_map_img{
	width:680px;
	margin:15px auto;	
}
.area_map li{
	position:absolute;	
}
.area_map li a{
	background:#fff;	
	border:3px solid #f90;
	border-radius: 50px;
	color:#000;
	font-size:1.2em;
	position:relative;
	padding:8px 15px 8px 12px;
	display: block
}
.area_map li a:hover{
	background:#eee;
}
.area_map li a:after{
	right:3px;
}
.map_kushiro{
	top:75%;
	left:59%;
}
.map_akan{
	top:20%;
	left:54%;
}
.map_mashu{
	top:20%;
	left:65%;
}
.map_nemuro{
	top:60%;
	left:75%;
}
.map_shiretoko{
	top:32%;
	left:82%;
}
.map_obihiro{
	top:70%;
	left:40%;
}
.map_oho{
	top:25%;
	left:35%;
}
.area_title{
	width:100%;
	background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    min-height: 300px;
}

.area_title_inner{
	position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   color:#fff;
   text-align: center;
}

.area_title_inner h2{
	font-size:5em;
	font-family: "Sawarabi Gothic";
	line-height: 100%;
}
.h2_en{
	font-size:2em;
	font-family: 'Bree Serif', serif;
}

.area_box{
	border:3px solid #000;
	padding:30px 12px 12px 12px;
	position:relative;
	margin:50px 0;
}

#topics .area_box h3{
	font-family: "Sawarabi Gothic";
	position:absolute;
	background:#000;
	color:#fff;
	padding:8px 15px;
	top:-20px;
	left:-15px;
	border-bottom:none;
	font-size:1.3em;
	font-weight: normal;
}
.area_info p{
	font-size:1.2em;	
}
.movie_cont{
	margin-bottom:;
}
#photoSlider {
    margin-bottom: 70px;
}

.movie_cont p{
	text-align: center;
	margin:8px 0;
	font-size:1.2em;
}

.activity li{
	width:33.333%;
	float:left;
	display:flex;
	padding:5px 8px;
	position: relative;
}
.activity li:after{
	content: "";
    position: absolute;
    margin: auto;
    right: 5px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #999;
    border-right: 2px solid #999;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    bottom: 0;
}
.activity li a{
	display:flex;
}
.activity li a:link {
    color: #000;
}
.activity li a:hover {
    opacity: 0.8;
}
.activity li .tourImg{
	flex: 0 0 30%;
	padding-right:8px;
}
.activity li img{
	width:100%;
	height:56px;
}</pre></body></html>