/*============================================
繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ�医ヨ繝����
===========================================*/
#top_main_wrapper {
position: relative;
height: 50%;
max-height: 600px;
z-index: 0;
margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
#top_main_wrapper {
margin-top: 65px;
margin-bottom: 0.3rem;
}
}

/* 繧ｭ繝｣繝�メ繧ｳ繝斐� */
#top_main_copy {
position: absolute;
right: 2%;
top:50%;
transform: translateY(-50%);
font-size: 0.1rem;
text-align: right;
}

@media screen and (max-width: 767px) {
#top_main_copy {
right: 0;
}
}

#top_main_copy span {
font-size: 0.26rem;
display: inline-block;
background: #FFF;
padding: 0.1rem;
}

@media screen and (max-width: 767px) {
#top_main_copy span {
font-size: 0.16rem;
}
}

#top_main_copy strong {
font-size: 0.38rem;
display: inline-block;
background: #FFF;
padding: 0.1rem;
font-weight: 400;
}

@media screen and (max-width: 767px) {
#top_main_copy strong {
font-size: 0.2rem;
}
}



/* 蟾ｦ蛛ｴ縺ｮ譁懊ａ逋ｽ閭梧勹 */
#top_main_side {
top:0;
left: 0;
position: absolute;
z-index: 2;
max-width: 250px;
width: 40%;
height: 110%;
}

@media screen and (max-width: 960px) {
#top_main_side {
max-width: 220px;
}
}

@media screen and (max-width: 767px) {
#top_main_side {
display: none;
}
}

#top_main_side img {
height: 100%;
width: 100%;
}

/* 荳九�繧ｪ繝ｬ繝ｳ繧ｸ譁懃ｷ� */
#top_main_bg {
bottom:-15px;
right: 0;
position: absolute;
height: 50px;
z-index:1;
width: 78%;
max-width: 1000px;
}

@media screen and (max-width: 767px) {
#top_main_bg {
display: none;
}
}

#top_main_bg img.border {
width: 100%;
height: 100%;
display: block;
z-index: 1;
position: absolute;
bottom: 0;
right: 0;
}

#top_main_bg img.bg {
width: 100%;
height: 100%;
display: block;
margin-left: auto;
position: absolute;
z-index: 0;
bottom: 0;
right: 0;
}

/* 繝｡繧､繝ｳ繝薙ず繝･繧｢繝ｫ */
#top_main_wrapper ul img {
width: 100%;
}

/*============================================
繧ｹ繧ｱ繧ｸ繝･繝ｼ繝ｫ
===========================================*/
#top_schedule_wrapper {
padding-bottom: 60px;
}

#top_schedule_wrapper .flex_box {
	align-items: baseline;
}

#top_schedule {
width: 60%;
position: relative;
}

.inner_box #top_schedule h2 {
	margin-top: 0 !important;
}

@media screen and (max-width: 767px) {
#top_schedule {
width: 100%;
position: relative;
margin-bottom: 0.3rem;
}
.inner_box #top_schedule h2 span {
padding-top: 0.14rem;
}
.inner_box #top_schedule h2 {
padding-bottom: 0.1rem;
}
}

#top_schedule table {
font-size: 0.14rem;
font-family: 'Roboto', AppleSystem, '繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝�け','Hiragino Sans','繝｡繧､繝ｪ繧ｪ', Meiryo,sans-serif;
border-collapse:inherit;
border-spacing: 0;
width: 100%;
border-top: 1px solid #CCC;
}

@media(max-width: 767px){
}

#top_schedule th,
#top_schedule td {
padding: 0.1rem;
line-height: 2;
text-align: center;
border-bottom: 1px solid #CCC;
}

@media screen and (max-width: 767px) {
#top_schedule th,
#top_schedule td {
padding: 0.04rem;
padding-top: 0.1rem;
padding-bottom: 0.1rem;
line-height: 2;
text-align: center;
border-bottom: 1px solid #CCC;
font-feature-settings: "palt";
}
#top_schedule th {
width: 20%;
}
}

#top_schedule th img {
	max-height: 0.20rem;
  max-width: 0.65rem;
  display: block;
  margin: auto;
}

@media screen and (max-width: 767px) {
#top_schedule th img {
height:inherit;
vertical-align: middle;
max-width: 0.55rem;
    max-height: 0.18rem;
}
}

#top_schedule td a {
display: block;
background: #0071BC;
color: #FFF;
text-decoration: none;
font-size: 0.12rem;
padding: 0.02rem;
border-radius: 3px;
font-weight: 700;
}

@media screen and (max-width: 767px) {
#top_schedule td a {
line-height: 1.4;
position: relative;
padding: 0.04rem;
padding-right: 10px;
}
}

#top_schedule td a i {
padding-left: 0.1rem;
}

@media screen and (max-width: 767px) {
#top_schedule td a i {
position: absolute;
top:50%;
transform: translateY(-50%);
right: 5px;
}
}

#top_schedule td a:hover {
opacity: 0.7;
}

#top_schedule td.hac a {
	pointer-events: none;
	background-color: #999;
}

/* 繧ｹ繧ｱ繧ｸ繝･繝ｼ繝ｫ蛻�ｊ譖ｿ縺� */
#top_schedule_select {
position: absolute;
top:-0.06rem;
right: 0;
font-size: 0.1rem;
}

#top_schedule_select ul {
display: flex;
justify-content: space-between;
}

#top_schedule_select li {
width: 49.4%;
}

#top_schedule_select li a {
font-size: 0.12rem;
display: block;
font-weight: 600;
color: #FFF;
text-align: center;
text-decoration: none;
background: #999;
padding: 0.1rem;
white-space: nowrap;
cursor: pointer;
}

#top_schedule_select li a:hover {
background: #603813;
}

#top_schedule_select li.Now a {
background: #603813;
}

#top_schedule_select li:first-child a em {
background: url("../img/schedule_icon01.png") no-repeat 0 center;
background-size: 0.16rem;
padding-left: 0.2rem;
}

#top_schedule_select li:last-child a em {
background: url("../img/schedule_icon02b.png") no-repeat 0 center;
background-size: 0.16rem;
padding-left: 0.2rem;
}

/*============================================
迴ｾ蝨ｨ縺ｮ荳ｭ讓呎ｴ･遨ｺ貂ｯ
===========================================*/
#top_webcam {
width: 34%;
background: #F2F2F2;
padding: 0.16rem;
box-sizing: border-box;
font-size: 0.12rem;
}

@media screen and (max-width: 767px) {
#top_webcam {
width: 100%;
background: #F2F2F2;
padding: 0.16rem;
box-sizing: border-box;
font-size: 0.12rem;
}
}

#top_webcam h2 {
	font-size: 0.2rem;
	margin-top: 0 !important;
}

#top_webcam a {
text-decoration: none;
text-align: center;
color: #FFF;
display: block;
}

#top_webcam a img {
display: block;
width: 100%;
padding-bottom: 0.14rem;
}

#top_webcam a strong {
background: #F15A24;
padding: 0.06rem;
padding-left: 0.1rem;
padding-right: 0.1rem;
border-radius: 3px;
}

#top_webcam a strong i {
padding-left: 5px;
}


/*============================================
繧ｹ繧ｿ繝�ヵ繝悶Ο繧ｰ
===========================================*/
#top_blog_wrapper {
padding-bottom: 60px;
position: relative;
}

@media(max-width: 767px){
#top_blog_wrapper .inner_box {
padding-bottom: 0.5rem;
}
}

#top_blog_wrapper .more_btn {
position: absolute;
top:-4px;
right: 0.2rem;
}

@media(max-width: 767px){
#top_blog_wrapper .more_btn {
top:inherit;
right: inherit;
left: 50%;
width: 70%;
bottom:0;
text-align: center;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}

#top_blog_wrapper .more_btn a {
font-size: 0.12rem;
color: #FFF;
font-family: 'Roboto', AppleSystem, '繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝�け','Hiragino Sans','繝｡繧､繝ｪ繧ｪ', Meiryo,sans-serif;
display: block;
background: #39B54A;
padding: 0.1rem;
padding-left: 0.1rem;
padding-right: 0.1rem;
border-radius: 0.2rem;
text-decoration: none;
}

@media(max-width: 767px){
#top_blog_wrapper .more_btn a {
font-size: 0.14rem;
}
}

#top_blog_wrapper .more_btn a i {
padding-left: 5px;
}

.blog_box {
border-bottom: 1px solid #999999;
padding-bottom: 0.15rem;
margin-bottom: 0.15rem;
}

@media(max-width: 767px){
.blog_box {
padding-bottom: 0.35rem;
}
}

.blog_box a {
display: flex;
text-decoration: none;
color: #111;
}

@media(max-width: 767px){
.blog_box a {
display: block;
}
}

.blog_box_img {
margin-right: 0.15rem;
font-size: 0.1rem;
width: 18%;
overflow: hidden;
background: url("../img/no_photo.jpg") no-repeat center center;
background-size: cover;
transition: all 0.3s ease;
}

@media(max-width: 767px){
.blog_box_img {
margin-right: 0;
font-size: 0.1rem;
width: 100%;
height: 200px !important;
background: #E6E6E6 url("../img/no_photo.jpg") no-repeat center center;
background-size: contain;
}
}

.blog_box_img_inner {
width: 100%;
height: 100%;
}


.blog_box_text {
font-size: 0.1rem;
width: 80%;
}

@media(max-width: 767px){
.blog_box_text {
width: 100%;
}
}

.blog_box_text a {
display: block;
text-decoration: none;
color: #000;
}

.blog_box a:hover .blog_box_img {
opacity: 0.7;
}

.blog_box a:hover h4.blog_box_text_title {
text-decoration:underline;
}

.blog_box a:hover strong i {
padding-left: 6px;
}

/* 譌･莉� */
.blog_box_text_day {
padding-top: 0.1rem;
padding-bottom: 0.15rem;
}

.blog_box_text_day p {
font-size: 0.13rem;
font-family: 'Roboto', AppleSystem, '繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝�け','Hiragino Sans','繝｡繧､繝ｪ繧ｪ', Meiryo,sans-serif;
}

/* 繧ｿ繧､繝医Ν */
h4.blog_box_text_title {
font-size: 0.18rem;
padding-bottom: 0.15rem;
font-weight: 700;
}

/* 譛ｬ譁�栢邊� */
.blog_box_text_content {
padding-bottom: 0.15rem;
}

.blog_box_text_content p {
font-size: 0.14rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.blog_box_text strong {
font-family: 'Roboto', AppleSystem, '繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝�け','Hiragino Sans','繝｡繧､繝ｪ繧ｪ', Meiryo,sans-serif;
font-size: 0.11rem;
color: #FFF;
background: #FF931E;
padding: 0.04rem;
padding-left: 0.1rem;
padding-right: 0.1rem;
border-radius: 0.2rem;
}

.blog_box_text strong i {
padding-left: 3px;
transition: all 0.3s ease;
}

/*============================================
繧ｪ繧ｹ繧ｹ繝｡譌�｡梧｡亥�
===========================================*/
#top_travel_wrapper {
padding-bottom: 0.6rem;
padding-top: 0.6rem;
margin-bottom: 0.4rem;
position: relative;
background: #F4F0EB;
}

@media(max-width: 767px){
#top_travel_wrapper .inner_box {
padding-bottom: 0.5rem;
}
}

#top_travel_wrapper  .more_btn {
position: absolute;
top:0;
right: 30px;
}

@media(max-width: 767px){
#top_travel_wrapper  .more_btn {
top:inherit;
right: inherit;
left: 50%;
width: 70%;
bottom:0;
text-align: center;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}

#top_travel_wrapper .more_btn a {
font-size: 0.12rem;
color: #FFF;
font-family: 'Roboto', AppleSystem, '繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝�け','Hiragino Sans','繝｡繧､繝ｪ繧ｪ', Meiryo,sans-serif;
display: block;
background: #736357;
padding: 0.1rem;
padding-left: 0.1rem;
padding-right: 0.1rem;
border-radius: 0.2rem;
text-decoration: none;
}

@media(max-width: 767px){
#top_travel_wrapper .more_btn a {
font-size: 0.14rem;
}
}

#top_travel_wrapper .more_btn a i {
padding-left: 5px;
}

#top_travel_wrapper .slant_top {
position: absolute;
top:-2px;
left: 0;
width: 100%;
height: 30px;
background: url("../img/slant_top.png") no-repeat 0 0;
background-size: 100% 100%;
z-index: 1;
}

#top_travel_wrapper .slant_bottom {
position: absolute;
bottom:-2px;
left: 0;
width: 100%;
height: 30px;
background: url("../img/slant_right.png") no-repeat 0 0;
background-size: 100% 100%;
z-index: 1;
}

.top_travel_flexbox {
display: flex;
justify-content:space-between;
flex-wrap: wrap;
}

.top_travel_box {
width: 49%;
padding-top: 0.3rem;
}

@media(max-width: 767px){
.top_travel_box {
width: 100%;
padding-top: 0.14rem;
}
}

.top_travel_box a {
text-decoration: none;
color: #222;
display: flex;
justify-content:space-between;
flex-wrap: wrap;
}

.top_travel_box a:hover .top_travel_photo img {
opacity: 0.7;
}

.top_travel_box a:hover .top_travel_text h3 {
text-decoration: underline;
}

.top_travel_box a:hover .top_travel_text strong i {
padding-left: 6px;
}

.top_travel_photo {
width: 27%;
line-height: 0.1rem;
}

@media(max-width: 767px){
.top_travel_photo {
width: 30%;
margin-bottom: 0.1rem;
}
}

.top_travel_photo img {
width: 100%;
transition: all 0.3s ease;
}

.top_travel_text {
width: 70%;
line-height: 1.7;
font-size: 0.1rem;
}

@media(max-width: 767px){
.top_travel_text {
width: 67%;
}
}

.top_travel_text span {
font-size: 0.12rem;
font-family: 'Roboto', AppleSystem, '繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝�け','Hiragino Sans','繝｡繧､繝ｪ繧ｪ', Meiryo,sans-serif;
}

.top_travel_text h3 {
font-size: 0.18rem;
font-weight: 600;
}

@media(max-width: 767px){
.top_travel_text h3 {
font-size: 0.16rem;
line-height: 1.6;
padding-bottom: 0.1rem;
}
}

.top_travel_text p {
font-size: 0.12rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-family: 'Roboto', AppleSystem, '繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝�け','Hiragino Sans','繝｡繧､繝ｪ繧ｪ', Meiryo,sans-serif;
padding-bottom: 0.1rem;
}

@media(max-width: 767px){
.top_travel_text p {
display: none;
}
}

.top_travel_text strong {
font-family: 'Roboto', AppleSystem, '繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝�け','Hiragino Sans','繝｡繧､繝ｪ繧ｪ', Meiryo,sans-serif;
font-size: 0.11rem;
color: #FFF;
background: #FF931E;
padding: 0.04rem;
padding-left: 0.1rem;
padding-right: 0.1rem;
border-radius: 0.2rem;
}

.top_travel_text strong i {
padding-left: 3px;
transition: all 0.3s ease;
}

/*============================================
繝峨Ο繝ｼ繝ｳ縺ｮ縺顔衍繧峨○
===========================================*/
#drone_info {
	padding-bottom: 0.4rem;
}

@media(max-width: 767px){
#drone_info {
	margin-top: -0.4rem;
	padding-bottom: 0.3rem;
}
}

#drone_info a {
	display: block;
	text-align: center;
	padding: 0.16rem;
	font-size: 0.16rem;
	background: #FCCFCF;
	color: #E20000;
	text-decoration: none;
	border-radius: 3px;
	font-family: 'Roboto', AppleSystem, '繝偵Λ繧ｮ繝手ｧ偵ざ繧ｷ繝�け','Hiragino Sans','繝｡繧､繝ｪ繧ｪ', Meiryo,sans-serif;
	font-weight: 500;
	line-height: 1.6;
}

@media(max-width: 767px){
#drone_info a {
font-size: 0.16rem;
}
}

#drone_info a:hover {
	text-decoration: underline;
}

#drone_info a i {
padding-right: 0.04rem;	
}