@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Montserrat:900');

/* common */

body{
	margin: 0;
	padding: 0;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 1.6;
	font-size: 14px;
	background: #d5eef6;
	text-align: center;
	color: #333333;
}

body#index_noheader{
	background:transparent;

}

body.lang_tw{
	font-family:"Microsoft JhengHei", "微軟正黑體", 'PMingLiU' , sans-serif;
}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }

.contents_inner{
	max-width: 1100px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

a{
	text-decoration: none;
}

/* @group bxslider */

.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
  -webkit-transform: translatez(0);
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* @end */

/* @group index opening */

.opening_container{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -2;
}

.opening {
position:relative;
background-color: #FFF;
}
.opening ul li{
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}

.opening ul li span {
}
.opening ul li span img.opening__img{
  max-width: inherit;
  width: 100%;
  height: auto;
}


/* @end */

/* PC CSS */

@media only screen and (min-width: 769px) {

/* @group header */

header{
	background: #ffffff;
}

#logo{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	background: #ffffff;
}

#logo a{
	width: 150px;
	height: 150px;
	border: 1px solid #eeeeee;
	display: block;
	padding-top: 21px;
	text-align: center;
}

#header_nav{
	margin-left: 200px;
	padding-top: 20px;
}

#header_top{
}

#header_top h1{
	float: left;
	font-weight: normal;
	font-size: 13px;
}

#header_sns{
	position: absolute;
	top: 15px;
	right: 0;
}

#header_sns ul{
	float: left;
}

#header_sns ul li{
	display: inline-block;
	margin-left: 5px;
}

#langchg{
	float: right;
	margin-left:15px;
	position: relative;
}

#langchg_title{
	width: 150px;
	background: #f0f0f0 url("../img/header/icon_lang.png") no-repeat 125px 10px;
	background-size: 10px 7px;
	display: block;
	text-align: center;
	color: #333333;
	border-radius: 14px;
	padding: 2px 0;
}

#langchg ul{
	display: none;
	position: absolute;
	top: 26px;
	left: 0;
	width: 100%;
	z-index: 1010;
}

#langchg ul li{
	display: block;
	margin: 2px 0;
}

#langchg ul li a{
	width: 150px;
	background: #f0f0f0;
	display: block;
	text-align: center;
	color: #333333;
	border-radius: 14px;
	padding: 2px 0;
}

#langchg ul li.active a{
	background: #22b8a1;
	color: #ffffff;
}

nav{
	margin-top: 23px;
	padding-bottom: 20px;
}

.menu_box{
	float: left;
}

.menu_box1{
	width: 15%;
}

.menu_box2{
	width: 18%;
}

.lang_cn .menu_box2{
	width: 21%;
}

.menu_box3{
	width: 17%;
}

.menu_box4{
	width: 20%;
}

.menu_box5{
	width: 14%;
}

.menu_box6{
	width: 16%;
}

.menu_box a{
	display: block;
	color: #333333;
	font-weight: bold;
	position: relative;
	text-align: center;
	padding: 2px 5px;
}

.menu_box a.megamenu{
	padding: 2px 24px 2px 35px;
	background: url("../img/header/nav_arrow.png") no-repeat 20px 10px;
	background-size: 10px 7px;
}

.menu_box a:before{
	content: "";
	width: 1px;
	height: 100%;
	background: #cccccc;
	position: absolute;
	top: 0px;
	left: 0;
}

.menu_box:last-child a:after{
	content: "";
	width: 1px;
	height: 100%;
	background: #cccccc;
	position: absolute;
	top: 0px;
	right: 0;
}

#sp_menu,
.sp_sns{
	display: none;
}

/* @end */

/* @group islands_menu */

.overhidden{
	overflow: hidden;
}

#islands_menu{
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background: #e6f3fc;
	z-index: 1000;
	padding: 35px 0 0;
	display: none;
}

#islands_menu .contents_inner{
	max-width: 1040px;
	overflow: auto;
	height: 100vh;
}

#islands_menu h3{
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 30px;
}

.islands_menu_container{
	padding-bottom: 50px;
}

.islands_menu_box{
	width: 23%;
	float: left;
	margin: 0 2.666% 15px 0;
	text-align: center;
	position: relative;
}

.islands_menu_box:nth-child(4n+1){
	clear: both;
}

.islands_menu_box:hover{
	opacity: 0.7;
}

.islands_menu_box a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: -9999px;
}

.islands_menu_box:nth-child(4n){
	margin-right: 0;
}

.islands_menu_photo{
	margin-bottom: 5px;
}

.islands_menu_photo img{
	width: 100%;
	height: auto;
}

.islands_menu_text span{
	font-size: 12px;
}

.islands_menu_text h4{
	font-size: 16px;
	font-weight: bold;
}

.islands_access{
	position: absolute;
	top: 0;
	right: 0;
}

.islands_access a{
	width: 365px;
	display: block;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #22b8a1;
	border-bottom: 4px solid #169d88;
	border-radius: 5px;
	padding: 8px 0;
	font-size: 15px;
}

.islands_access a:hover{
	opacity: 0.7;
}

.islands_access a span{
	display: inline-block;
	padding: 0 0 0 35px;
	background: url("../img/header/island_access_icon.png") no-repeat left center;
}

#islands_close{
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 1001;
}

#islands_close a{
	position: relative;
	width: 26px;
	height: 26px;
	display: block;
}

#islands_close a span {
	position: absolute;
	left: -5px;
	top: 0;
	width: 36px;
	height: 2px;
	display: block;
}

#islands_close a span:nth-of-type(1) {
	top: 14px;
	-webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    transform: translateY(0px) rotate(-45deg);
	background-color: #666666;
}

#islands_close a span:nth-of-type(2){
	top: 14px;
	-webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    transform: translateY(0px) rotate(45deg);
	background-color: #666666;
}

/* @end */

/* @group breadcrumbs */

#breadcrumbs ol{
	text-align: right;
	padding: 10px 0 0;
}

#breadcrumbs li{
	display: inline-block;
	color: #555555;
	font-size: 12px;
}

#breadcrumbs li a{
	color: #555555;
}

#breadcrumbs li:after{
	content: ">";
	display: inline-block;
	padding: 0 2px;
}

#breadcrumbs li:last-child::after{
	display: none;
}

/* @end */

article{
	background: url("../img/page/page_back.png") no-repeat left top;
}

article.bgnone{
	background: none;
}

/* @group page_title */

#page_title{
	text-align: center;
	margin: 40px 0 50px;
}

#page_title h2{
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 1px;
}

#page_title p{
	margin: 10px 0 0;
	font-size: 16px;
}

/* @end */

/* @group news & topics */


#news_navi{
	margin-bottom: 40px;
}

#news_navi a:hover{
	opacity: 0.7;
}

.news_navi_left{
	width: 900px;
	float: left;
}

.news_navi_right{
	width: 165px;
	float: right;
	border-left: 1px solid #a0d7e8;
	padding: 0 0 0 30px;
}

.news_navi_genre{
}

.news_navi_genre h3,
.news_navi_area h3,
.news_navi_archive h3{
	width: 100px;
	float: left;
	font-size: 22px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}

.news_navi_area{
	margin-top: 5px;
}

.news_navi_genre_list,
.news_navi_area_list{
	width: 800px;
	float: left;
}

.news_navi_genre_list li,
.news_navi_area_list li{
	display: inline-block;
	padding: 4px 0 0;
}

.news_navi_genre_list li a{
	color: #ffffff;
	display: inline-block;
	padding: 2px 20px;
	border-radius: 20px;
	font-size: 13px;
}

.news_navi_color01{
	background: #f87f9c;
}

.news_navi_color02{
	background: #a2b8d9;
}

.news_navi_color03{
	background: #c5a2d9;
}

.news_navi_color04{
	background: #7cd1aa;
}

.news_navi_color05{
	background: #a88662;
}

.news_navi_color06{
	background: #ebaf7a;
}

.news_navi_color07{
	background: #c0b6aa;
}

.news_navi_area_list{
	background: #ffffff;
	border-radius: 3px;
	padding: 6px 20px 9px;
	line-height: 1;
}

.news_navi_area_list a{
	font-size: 13px;
	color: #555555;
	font-weight: bold;
	display: inline-block;
	padding: 0 12px;
	position: relative;
}

.news_navi_area_list a:after{
	position: absolute;
	content: "";
	width: 1px;
	height: 12px;
	background: #cccccc;
	top: 0px;
	right: 0;
}

.news_navi_area_list li:last-child a:after{
	display: none;
}

.news_navi_archive h3 {
	width: auto;
	float: none;
}

.news_navi_archive_disp a{
	display: block;
	background: #2c2c2c url("../img/header/nav_arrow_white.png") no-repeat 15px 9px;
	background-size: 10px 6px;
	color: #ffffff;
	border-radius: 20px;
	text-align: center;
	padding: 2px 0;
	margin-top: 10px;
	font-size: 13px;
}

.news_navi_archive_list{
	position: relative;
}

.news_navi_archive_list ul{
	position: absolute;
	width: 100%;
	display: none;
	font-size: 13px;
	z-index: 1000;
}

.news_navi_archive_list ul li a{
	display: block;
	color: #ffffff;
	text-align: center;
	background: #2c2c2c;
	border-radius: 20px;
	margin: 2px 0;
}

.news_thumb_box{
	width: 32%;
	float: left;
	position: relative;
	background: #ffffff;
	margin: 0 2% 30px 0;
}

.news_thumb_box:hover{
	opacity: 0.7;
}

.news_thumb_box a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	text-indent: -9999px;
}

.news_thumb_box:nth-child(3n){
	margin-right: 0;
}

.news_thumb_box:nth-child(3n+1){
	clear: both;
}

.news_thumb_thumbnail{
	position: relative;
}

.news_thumb_genre{
	position: absolute;
	z-index: 10;
	top: 15px;
	left: 8px;
}

.news_thumb_genre span,
.news_detail_genre span{
	display: inline-block;
	border-radius: 20px;
	color: #ffffff;
	padding: 3px 20px;
	font-size: 13px;
	margin-right: 5px;
}

.news_thumb_photo img{
	width: 100%;
	height: auto;
}

.news_thumb_description{
	padding: 20px;
}

.news_thumb_island span{
	display: inline-block;
	border: 1px solid #1781db;
	color: #1781db;
	padding: 0 10px;
	font-size: 13px;
	margin: 0 10px 10px 0;
}

.news_thumb_title{
	font-size: 16px;
    min-height: 50px;
}

.news_thumb_date{
	border-top: 1px solid #eeeeee;
	padding: 10px 20px;
	font-size: 12px;
	color: #555555;
}

#news_contents{
	width: 820px;
	float: left;
}

#news_sidebar{
	width: 240px;
	float: right;
}

.news_detail_box{
	background: #ffffff;
	border-radius: 6px;
	padding: 40px 50px;
}

.news_detail_title h2{
	font-size: 22px;
	font-weight: bold;
	margin: 10px 0 5px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #666666;
}

.news_detail_status{
	font-size: 14px;
}

.news_detail_status span:after{
	content: "、";
	display: inline-block;
}

.news_detail_status span:last-child::after{
	display: none;
}

.news_detail_body{
	margin: 30px 0;
}

.news_detail_body p{
	margin-bottom: 1.5em;
}

.news_detail_body img{
	max-width: 100%;
	height: auto;
}

.news_sidebar_box{
	margin-bottom: 30px;
}

.news_sidebar_box h3{
	font-size: 22px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}

.news_sidebar_genre_list li{
	display: inline-block;
	margin: 0 10px 10px 0;
}

.news_sidebar_genre_list a{
	display: inline-block;
	border-radius: 20px;
	color: #ffffff;
	padding: 3px 20px;
	font-size: 13px;
}

.news_sidebar_area_list{
	border-top: 1px dotted #666666;
}

.news_sidebar_area_list li{
	border-bottom: 1px dotted #666666;
	padding: 0 10px 0 20px;
}

.news_sidebar_area_list li a{
	display: block;
	color: #333333;
	background: url("../img/page/news_side_arrow.png") no-repeat left center;
	line-height: 1;
	padding: 14px 10px 14px 30px;
}

.news_pagenavi{
	margin: 20px 0 0;
}

.news_pagenavi_prev{
	float: left;
}

.news_pagenavi_next{
	float: right;
}

.news_pagenavi_prev a,
.news_pagenavi_next a{
	color: #333333;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}

.news_pagenavi_prev a{
	background: url("../img/page/icon_event_prev.png") no-repeat left center;
	background-size: 8px 12px;
	padding-left: 17px;
}

.news_pagenavi_next a{
	background: url("../img/page/icon_event_next.png") no-repeat right center;
	background-size: 8px 12px;
	padding-right: 17px;
}


/* @end */

/* @group event */

#event_navi{
	margin-bottom: 40px;
}

.event_navi_left{
	width: 740px;
	float: left;
	margin-left: 80px;
}

.event_navi_right{
	width: 240px;
	float: right;
	margin-right: 40px;
}

.event_navi_calendar h3,
.event_navi_area h3{
	font-size: 22px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}

.event_navi_area_list{
}

.event_navi_area_list ul{

}

.event_navi_area_list ul li{
	width: 48%;
	float: left;
}

.event_navi_area_list ul li:nth-child(even){
	float: right;
}

.event_navi_area_list ul li a{
	display: block;
	border: 2px solid #333333;
	border-bottom: 4px solid #333333;
	background: #ffffff;
	text-align: center;
	border-radius: 20px;
	color: #333333;
	margin: 0 0 10px;
	padding: 2px 0;
}

.cal_container{
	position: relative;
}

.bx-prev{
	position: absolute;
	top: 50%;
	left: -50px;
	margin-top: -17px;
	width: 34px;
	height: 34px;
	background: url("../img/page/cal_prev.png") no-repeat;
	background-size: 34px 34px;
	text-indent: -9999px;
	z-index: 10;
}

.bx-next{
	position: absolute;
	top: 50%;
	right: -50px;
	margin-top: -17px;
	width: 34px;
	height: 34px;
	background: url("../img/page/cal_next.png") no-repeat;
	background-size: 34px 34px;
	text-indent: -9999px;
	z-index: 10;
}

#event_container{

}

.event_thumb_box{
	width: 49%;
	float: left;
	background: #ffffff;
	border-radius: 6px;
	padding: 25px;
	margin-bottom: 20px;
}

.event_thumb_box:nth-child(even){
	float: right;
}

.event_thumb_thumbnail{
	width: 35%;
	float: left;
}

.event_thumb_thumbnail img{
	width: 100%;
	height: auto;
}

.event_thumb_description{
	width: 60%;
	float: right;
}

.event_thumb_title{
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: 1px dotted #666666;
	line-height: 1.2;
}

.event_thumb_date{
	background: url("../img/page/icon_cal.png") no-repeat left center;
	background-size: 19px 20px;
	padding: 5px 0 5px 30px;
	margin-top: 10px;
	font-size: 13px;
}

.event_thumb_addr{
	background: url("../img/page/icon_addr.png") no-repeat left center;
	background-size: 18px 24px;
	padding: 5px 0 5px 30px;
	margin: 0 0 0 0;
	font-size: 13px;
}

.event_thumb_description a{
	display: inline-block;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #22b8a1;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
	padding: 5px 15px;
	font-size: 14px;
	margin: 10px 0 0;
}

.event_thumb_description a:hover{
	opacity: 0.7;
}

.event_thumb_description a span{
	display: inline-block;
	padding: 0 0 0 30px;
	background: url("../img/header/island_access_icon.png") no-repeat left center;
}

#event_title_container{
	position: relative;
	margin: 60px 0 30px;
}

.event_title{
	text-align: center;
	font-size: 26px;
	font-weight: bold;
}

.event_prev{
	position: absolute;
	top: 10px;
	left: 0;
}

.event_next{
	position: absolute;
	top: 10px;
	right: 0;
}

.event_prev a,
.event_next a{
	color: #333333;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}

.event_prev a{
	background: url("../img/page/icon_event_prev.png") no-repeat left center;
	background-size: 8px 12px;
	padding-left: 17px;
}

.event_next a{
	background: url("../img/page/icon_event_next.png") no-repeat right center;
	background-size: 8px 12px;
	padding-right: 17px;
}

#event_contents{

}

.event_thumb_box{
	width: 49%;
	float: left;
	background: #ffffff;
	border-radius: 6px;
	padding: 25px;
}

#event_contents{
	width: 820px;
	float: left;
}

#event_sidebar{
	width: 240px;
	float: right;
}

.event_detail_box{
	background: #ffffff;
	border-radius: 6px;
	padding: 40px 50px 20px;
}

.event_single_title{
	margin-bottom: 35px;
}

.event_single_title h2{
	font-size: 22px;
	font-weight: bold;
	margin: 10px 0 5px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #666666;
}

.event_single_status{
	padding: 0 10px 8px;
	border-bottom: 1px dotted #666666;
}

.event_single_date{
	background: url("../img/page/icon_cal.png") no-repeat left center;
	background-size: 19px 20px;
	padding: 5px 0 5px 30px;
	margin-top: 5px;
	font-size: 13px;
}

.event_single_addr{
	background: url("../img/page/icon_addr.png") no-repeat left center;
	background-size: 18px 24px;
	padding: 5px 0 5px 30px;
	margin: 0 0 0 0;
	font-size: 13px;
}

.event_single_entry{
	line-height: 2;
	margin-bottom: 80px;
}

.event_single_entry img{
	max-width: 100%;
	height: auto;
}

.event_single_entry p{
	margin-bottom: 1.5em;
}

.event_single_foot{
	border-top: 1px dotted #666666;
}

.event_single_update{
	width: 11em;
	float: left;
	padding: 10px;
	border-right: 1px dotted #666666;
	font-size: 12px;
}

.event_single_island{
	width: 20em;
	float: left;
	padding: 10px 10px 10px 30px;
}

.event_single_island span{
	background: #22b8a1;
	display: inline-block;
	color: #ffffff;
	padding: 2px 30px;
	border-radius: 4px;
	font-size: 13px;
}

.event_sidebar_box{
	margin-bottom: 50px;
}

.event_sidebar_box h3{
	font-size: 22px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	color: #333333;
	text-align: center;
	margin-bottom: 10px;
}

.event_sidebar_archives_list{
	border-top: 1px dotted #333333;
}

.event_sidebar_archives_list li{
	border-bottom: 1px dotted #333333;
	padding: 0 10px;
}

.event_sidebar_archives_list li a{
	color: #333333;
	display: block;
	padding: 10px 10px 10px 30px;
	background: url("../img/page/icon_event_sidebar_archives_list.png") no-repeat left center;
	background-size: 20px 20px;
}

.event_sidebar_area_list li{
	width: 48%;
	float: left;
}

.event_sidebar_area_list li:nth-child(even){
	float: right;
}

.event_sidebar_area_list li a{
	display: block;
	border: 2px solid #333333;
	border-bottom: 4px solid #333333;
	background: #ffffff;
	text-align: center;
	border-radius: 20px;
	color: #333333;
	margin: 0 0 10px;
	padding: 2px 0;
}

.event_noentry{
	background: #ffffff;
	border-radius: 6px;
	padding: 100px 25px;
	text-align: center;
}

.event_pickup{
	padding: 50px 0;
}

.event_pickup_title h2{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 50px;
}

.event_pickup_btn{
	text-align: center;
}

.event_pickup_btn a{
	margin: 20px 0 0;
	border: 2px solid #333333;
	background: #ffffff;
	display: inline-block;
	padding: 8px 100px;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	border-radius: 6px;
	border-bottom: 5px solid #333333;
}

.event_pickup_btn a span{
	display: inline-block;
	background: url("../img/page/icon_eventlist.png") no-repeat left center;
	background-size: 28px 19px;
	padding-left: 40px;
}

.event_pickup .pickupevent_container .pickupevent_box{
	background: #ffffff;
	border: 0;
}

.event_calendar{
	clear: both;
	text-align: center;
	margin: 60px 0 0;
}

.event_calendar a{
	display: inline-block;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #22b8a1;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
	padding: 15px 50px;
	font-size: 26px;
	margin: 10px 0 0;
}

.event_calendar a:hover{
	opacity: 0.7;
}

.event_calendar a span{
	display: inline-block;
	padding: 0 0 0 50px;
	background: url("../img/page/icon_calendar.png") no-repeat left center;
}

.event_calendar_sidebar{
}

.event_calendar_sidebar a{
	display: block;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #22b8a1;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
	padding: 5px 10px;
	font-size: 15px;
	margin: 10px 0 0;
}

.event_calendar_sidebar a:hover{
	opacity: 0.7;
}

.event_calendar_sidebar a span{
	display: inline-block;
	padding: 5px 0 5px 35px;
	background: url("../img/page/icon_calendar.png") no-repeat left center;
	background-size: 30px 30px;
}

/* @end */

/* @group cal */

.cal_box{
	width: 310px;
	float: left;
	margin-right: 20px;
	background: #ffffff;
	border-radius: 6px;
	padding: 15px 30px;
	min-height: 247px;
}

.cal_title{
	border-bottom: 1px solid #cccccc;
	margin-bottom: 5px;
}

.cal_title1{
	float: left;
}

.cal_title2{
	float: right;
}

.cal_list ul li{
	width: 14%;
	float: left;
	margin: 0 0.14% 0;
	text-align: center;
}

.cal_list_head{
	font-size: 11px;
}

.sun{
	color: #f97070;
}

.sat{
	color: #4d90ea;
}

.cal_list_day{
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1;
}

.cal_list_day li:nth-child(7n+1){
	clear: both;
}

.cal_list_day li span,
.cal_list_day li a{
	display: inline-block;
	padding: 7px 10px;
}

.cal_list_day li .eventday{
	background: url("../img/page/cal_circle.png") no-repeat center center;
	background-size: 26px 26px;
	color: #ffffff;
}

/* @end */

/* @group page */

.mainvisual_title{
	max-width: 1100px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

.mainvisual_titleinner{
	position: absolute;
	top: 40px;
	right: 0;
	z-index: 110;
	text-align: right;
}

.mainvisual_titleinner h2{
	background: rgba(234,255,0,0.8);
	padding: 2px 20px;
	font-weight: bold;
	color: #2a2a2a;
	display: inline-block;
	font-size: 85px;
	line-height: 1;
}

.mainvisual_titleinner p{
	background: rgba(234,255,0,0.8);
	padding: 2px 10px;
	font-weight: bold;
	color: #2a2a2a;
	display: inline-block;
	font-size: 16px;
	margin: 5px 0;
}

.island_head{
	margin-top: 30px;
}

.island_map{
	width: 45%;
	float: left;
	text-align: center;
}

.island_description{
	width: 45%;
	float: right;
}

.island_map ul{
	text-align: center;
	margin-top: 30px;
}

.island_map ul li{
	display: inline-block;
	margin: 0 5px;
}

.island_map ul li a{
	display: block;
	width: 168px;
	padding: 6px 20px 4px;
	font-weight: bold;
	font-size: 15px;
}

.lang_en .island_map ul li a{
	width: 200px;
}

.island_map_view{
	background: #22b8a1;
	color: #ffffff;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
}

.island_map_view span{
	background: url("../img/page/icon_search.png") no-repeat left center;
	background-size: 15px 15px;
	display: inline-block;
	padding-left: 30px;
}

.island_map_google{
	background: #babdbd;
	color: #ffffff;
	border-bottom: 3px solid #828686;
	border-radius: 4px;
}

.island_map_google span{
	background: url("../img/page/icon_map.png") no-repeat left center;
	background-size: 12px 16px;
	display: inline-block;
	padding-left: 30px;
}

.island_description_text{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	line-height: 2;
}

.island_description_basic{
	background: #ffffff;
	padding: 30px;
	margin-top: 80px;
	position: relative;
}

.island_description_basictitle{
	position: absolute;
	top: 50%;
	left: 40px;
	margin-top: -21px;
}

.island_description_basictitle h3{
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}

.lang_en .island_description_basictitle h3{
	font-size: 16px;
}

.island_description_basictitle span{
	font-size: 10px;
}

.island_description_basictext{
	width: 65%;
	margin-left: 35%;
	border-left: 1px solid #cccccc;
	padding-left: 30px;
}

.island_description_basic:before{
	width: 12px;
	height: 100%;
	content: "";
	background: url("../img/page/basicinfo_left.png") repeat-y;
	position: absolute;
	top: 0;
	left: -12px;
}

.island_description_basic:after{
	width: 12px;
	height: 100%;
	content: "";
	background: url("../img/page/basicinfo_right.png") repeat-y;
	position: absolute;
	top: 0;
	right: -12px;
}

.island_description_basictext dl{
	font-size: 13px;
}

.island_description_basictext dl dt{
	width: 4em;
	float: left;
	padding: 5px 0;
}

.lang_en .island_description_basictext dl dt{
	width: 10em;
}

.island_description_basictext dl dd{
	padding: 5px 0 5px 5em;
}

.lang_en .island_description_basictext dl dd{
	padding: 5px 0 5px 11em;
}

#island_social{margin:auto;padding:100px 0 0;width:1100px;}
#island_social .island_social_inner::after{content:".";display: block;height: 0;font-size:0;clear: both;visibility:hidden;}
#island_social .island_social_fb{float:left;padding:0 0 70px;width:500px;text-align:center;}
#island_social .island_social_fb .island_social_fb_box{margin:25px 0 0;width:500px;height:500px;box-sizing:border-box;border-bottom:1px solid #f0f0f0;}
#island_social .island_social_fb h3{margin:0 0 25px;line-height:40px;font-size:20px;font-weight:bold;vertical-align:middle;}
#island_social .island_social_fb h3 img{vertical-align:middle;display:inline-block;margin:0 5px 0 0;}
#island_social .island_social_tw{float:left;padding:0 0 70px;width:500px;text-align:center;}
#island_social .island_social_tw .island_social_tw_box{margin:25px 0 0;width:500px;height:500px;overflow-y:scroll;box-sizing:border-box;border:1px solid rgba(15,70,100,.12);}
#island_social .island_social_tw h3{margin:0 0 20px;line-height:40px;font-size:20px;font-weight:bold;vertical-align:middle;}
#island_social .island_social_tw h3 img{vertical-align:middle;display:inline-block;margin:0 5px 0 0;}
#island_social .island_social_in{float:left;padding:0 0 70px;width:500px;text-align:center;}
#island_social .island_social_in .island_social_in_box{margin:25px 0 0;width:500px;height:500px;box-sizing:border-box;border:1px solid rgba(15,70,100,.12);}
#island_social .island_social_in h3{margin:0 0 20px;line-height:40px;font-size:20px;font-weight:bold;vertical-align:middle;}
#island_social .island_social_in h3 img{vertical-align:middle;display:inline-block;margin:0 5px 0 0;}
#island_social .island_social_in .island_social_in_box ul{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;}
#island_social .island_social_in .island_social_in_box ul li{width:33.33%;}
#island_social .island_social_in .island_social_in_box a{display:block;padding:100% 0 0;}
#island_social .island_social_in .island_social_in_box a:hover{opacity:0.7;}
#island_social .island_social_fb + .island_social_tw {float:right;}
#island_social .island_social_fb + .island_social_in {float:right;}
#island_social .island_social_tw + .island_social_in {float:right;}

.island_sightseeing{
	border: 4px solid #333333;
	border-radius: 10px;
	background: #ffffff;
	position: relative;
	text-align: center;
	padding: 50px 70px;
	margin: 120px 0 0;
}

.island_sightseeing_icon{
	position: absolute;
	top: -71px;
	left: 50%;
	margin-left: -112px;
}

.island_sightseeing_title{
	background: rgba(234,255,0,0.8);
	padding: 2px 20px;
	font-weight: bold;
	color: #2a2a2a;
	display: inline-block;
	font-size: 28px;
	line-height: 1;
	margin: 20px 0 60px;
}

.island_sightseeing_container{
	margin-top: 40px;
}

.island_sightseeing_block{
	margin-bottom: 60px;
}

.island_sightseeing_photo{
	width: 50%;
	float: left;
}

.island_sightseeing_text{
	width: 50%;
	float: right;
	text-align: left;
	padding: 0 0 0 40px;
}

.island_sightseeing_block:nth-child(even) .island_sightseeing_photo{
	float: right;
}

.island_sightseeing_photo img{
	width: 100%;
	height: auto;
	border-radius: 5px;
}

.island_sightseeing_block:nth-child(even) .island_sightseeing_text{
	float: left;
	padding: 0 40px 0 0;
}

.island_sightseeing_text h4{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 5px;
}

.island_sightseeing_text h4 span{
	display: inline-block;
	margin-right: 5px;
}

.island_sightseeing_text p{
	line-height: 2;
}

.island_sightseeing_text_btn{
	display: inline-block;
	padding: 3px 40px 2px;
	font-weight: bold;
	font-size: 15px;
	background: #22b8a1;
	color: #ffffff;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
	margin-top: 30px;
}

.island_sightseeing_text_btn span{
	background: url("../img/page/icon_map.png") no-repeat left center;
	background-size: 12px 16px;
	display: inline-block;
	padding-left: 20px;
}

.accessduration{
	text-align: center;
	margin: 100px 0;
}

.pagesection_title_en{
	font-size: 50px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	line-height: 1;
	position: relative;
}

.pagesection_title_ja{
	background: rgba(234,255,0,0.8);
	padding: 2px 20px;
	font-weight: bold;
	color: #2a2a2a;
	display: inline-block;
	font-size: 20px;
	line-height: 1;
	margin: 5px 0 0px;
}

.modelcourse .pagesection_title_en{
	color: #ffffff;
}

.accessduration_container{
	margin-top: 60px;
}

.accessduration_box{
	width: 48%;
	float: left;
}

.accessduration_box:nth-child(even){
	float: right;
}

.accessduration_box_100{
	width: 100%;
}
.accessduration_box_100:first-child{
	margin-bottom:40px;
}

.accessduration_box_pc{
	display:block;
}

.accessduration_box_sp{
	display:none;
}

.accessduration_box img{
	width: 100%;
	height: auto;
}

.accessduration_attention{
	margin: 10px 0 0;
	font-size: 13px;
}

.accessduration_btn{
	margin: 20px 0 0;
	border: 2px solid #333333;
	background: #ffffff;
	display: inline-block;
	padding: 12px 100px;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	border-radius: 6px;
	border-bottom: 5px solid #333333;
}

.accessduration_btn span{
	display: inline-block;
	background: url("../img/page/icon_access.png") no-repeat left center;
	background-size: 23px 23px;
	padding-left: 35px;
}

.modelcourse{
	text-align: center;
	padding: 40px 0;
}

.modelcourse_miyake{
	background: url("../img/islands/miyake/miyake_background.jpg") no-repeat;
	background-size: cover;
}
.modelcourse_chichi{
	background: url("../img/islands/chichi/chichi_background.jpg") no-repeat;
	background-size: cover;
}
.modelcourse_haha{
	background: url("../img/islands/haha/haha_background.jpg") no-repeat;
	background-size: cover;
}

.modelcourse .contents_inner{
	text-align: center;
}

.modelcourse .pagesection_title_en{
	display: inline-block;
}

.staff_recommend{
	position: absolute;
	top: -100px;
	right: -180px;
}

.modelcourse_container{
	margin: 80px 0 30px 0;
}

.modelcourse_box{
	width: 30%;
	float: left;
	margin: 0 1.665% 60px;
	background: #ffffff;
	position: relative;
	padding: 20px;
	border-radius: 6px;
}

.modelcourse_icon{
	position: absolute;
	top: -40px;
	left: 50%;
	margin: 0 0 0 -64px;
}

.modelcourse_photo img{
	width: 100%;
	height: auto;
	border-radius: 6px;
}

.modelcourse_photo{
	margin-bottom: 20px;
}

.modelcourse_box h5{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	padding: 0 40px;
}

.modelcourse_time{
	padding: 0 20px;
	margin: 20px 40px 10px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

.modelcourse_time span{
	display: inline-block;
	background: url("../img/page/icon_clock.png") no-repeat left center;
	background-size: 24px 24px;
	padding: 5px 0 5px 30px;
}

.modelcourse_btn{
	display: block;
	padding: 7px 0px 5px;
	font-size: 15px;
	background: #22b8a1;
	color: #ffffff;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
	margin: 10px 40px 0;
}

.modelcourse_btn span{
	background: url("../img/page/icon_modelcourse_detail.png") no-repeat left center;
	background-size: 18px 18px;
	display: inline-block;
	padding-left: 25px;
}

.newstopics{
	margin: 80px 0;
	text-align: center;
}

.newstopics_container{
	margin-top: 60px;
}

.newstopics_container .news_thumb_box{
	width: 23%;
	margin: 0 1%;
	text-align: left;
}

.newstopics_container .news_thumb_box:nth-child(3n+1){
	clear: none;
}

.newstopics_container .news_thumb_box:nth-child(4n+1){
	clear: both;
}

.newstopics_btn{
	margin: 50px 0 0;
	border: 2px solid #333333;
	background: #ffffff;
	display: inline-block;
	padding: 12px 100px;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	border-radius: 6px;
	border-bottom: 5px solid #333333;
}

.newstopics_btn span{
	display: inline-block;
	background: url("../img/page/icon_access.png") no-repeat left center;
	background-size: 23px 23px;
	padding-left: 35px;
}

.moreinformation{
	margin: 80px 0;
	text-align: center;
}

.moreinformation_container{
	margin-top: 60px;
}

.moreinformation_circle{
	display: inline-block;
}

.moreinformation_circle_inner{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 300px;
	height: 300px;
	margin: 0 30px;
	background: #ffffff;
	padding: 50px;
	border-radius: 300px;
	font-weight: bold;
}

.moreinformation_circle h5{
	font-size: 22px;
}

.lang_en .moreinformation_circle h5{
	font-size: 16px;
}

.moreinformation_circle_text{
	font-size: 13px;
}

.moreinformation_circle_tel{
	font-size: 18px;
}

.lang_en .moreinformation_circle_tel{
	font-size: 16px;
}

.moreinformation_circle_btn{
	text-align: center;
}

.moreinformation_circle_btn a{
	display: inline-block;
	padding: 7px 30px 5px;
	font-size: 15px;
	background: #22b8a1;
	color: #ffffff;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
	margin: 20px 0 0;
}

.moreinformation_circle_qr{
	margin-top: 10px;
}

.modal_container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	display: none;
}

.modal_box{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10001;
	background: rgba(0,0,0,0.8);
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal_inner{
	background: #d5eef6;
	border-radius: 10px;
	padding: 50px 100px;
	position: relative;
}

.modal_inner img{
	max-width: 100%;
	height: auto;
}

.modal_close{
	position: absolute;
	top: -40px;
	right: -40px;
}

.modal_close a {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
}

.modal_close a span {
	position: absolute;
	left: 0px;
	width: 36px;
	height: 2px;
	background-color: #ffffff;
}

.modal_close a span:nth-of-type(1) {
	top: 19px;
	-webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    transform: translateY(0px) rotate(-45deg);
	background-color: #ffffff;
}

.modal_close a span:nth-of-type(2) {
	top: 19px;
	-webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    transform: translateY(0px) rotate(45deg);
	background-color: #ffffff;
}


/* @end */

/* @group index */

#index_main{
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 650px;
}

#logo_index{
	position: absolute;
	top: 0;
	left: 0px;
}

#logo_index a{
	display: block;
	width: 180px;
	height: 180px;
	background: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
}

#index_main_url{
	position: absolute;
	top: 10px;
	right: 0px;
	font-size:20px;
}

#index_main_url a{
	color: #ffffff;
}

#index_main .contents_inner{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 650px;
}

#index_main_lead{
	width: 100%;
	text-align: center;
	color:#fff;
}

#index_main_lead h2{
	font-size: 50px;
	font-weight: bold;
	display: inline-block;
	border-bottom: 1px solid #fff;
	letter-spacing: 7px;
}

#index_main_lead p{
	text-align: center;
	font-size: 22px;
	line-height: 2;
	letter-spacing: 3px;
	font-weight: normal;
}

#index_article{
	background: #ffffff;
}

#index_body header{
	margin-top: 650px;
	background: #ffffff;
	padding: 20px 0;
}

#index_body header #logo{
	display: none;
}

#index_body header #logo{
	display: none;
}

#index_body header #header_nav h1{
	display: none;
}

#index_body header #header_nav{
	margin-left: 0;
	padding: 0;
}

#index_body header nav{
	margin-top: 0px;
    padding-bottom: 0px;
    width: 80%;
    float: left;
}

#index_body header #header_top{
	position: static;
    width: 20%;
    float: right;
}

#index_body header #header_sns{
	position: static;
	top: 0;
	margin-left: 10px;
}

#index_body header #header_sns ul{
	float: left;
}

#index_body header #header_sns ul li{
	display: inline-block;
	margin-left: 5px;
}

#index_body header #langchg_title{
	width: 125px;
	background: #f0f0f0 url("../img/header/icon_lang.png") no-repeat 100px 10px;
	background-size: 10px 7px;
	display: block;
	text-align: center;
	color: #333333;
	border-radius: 14px;
	padding: 2px 0;
}

#index_body header #langchg ul li{
	display: block;
	margin: 2px 0;
}

#index_body header #langchg ul li a{
	width: 125px;
	background: #f0f0f0;
	display: block;
	text-align: center;
	color: #333333;
	border-radius: 14px;
	padding: 2px 0;
}

#index_body header #langchg ul li.active a{
	background: #22b8a1;
	color: #ffffff;
}

#latestnews{
	background: #f9f9f9;
	padding: 60px 0;
	text-align: center;
}

#latestnews .contents_inner,
#pickupevent .contents_inner{
	text-align: center;
}

#latestnews .newstopics_container{
	margin-bottom: 50px;
}

#pickupevent{
	background: #ffffff;
	padding: 120px 0;
	text-align: center;
}

.pickupevent_container{
	margin-bottom: 50px;
}

.pickupevent_box{
	width: 30%;
	float: left;
	margin: 0 1.665%;
	border: 1px solid #dddddd;
	border-radius: 8px;
	padding: 25px;
}

.pickupevent_thumb_photo{
	margin-bottom: 10px;
}

.pickupevent_thumb_photo img{
	width: 100%;
	height: auto;
	border-radius: 8px;
}

.pickupevent_thumb_description{
	text-align: left;
}

.pickupevent_thumb_title{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.pickupevent_thumb_date{
	background: url("../img/page/icon_cal.png") no-repeat left center;
	background-size: 19px 20px;
	padding: 5px 0 5px 30px;
	margin-top: 10px;
	font-size: 13px;
}

.pickupevent_thumb_addr{
	background: url("../img/page/icon_addr.png") no-repeat left center;
	background-size: 18px 24px;
	padding: 5px 0 5px 30px;
	margin: 0 0 0 0;
	font-size: 13px;
}

.pickupevent_thumb_btn{
	text-align: center;
}

.pickupevent_thumb_btn a{
	display: inline-block;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #22b8a1;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
	padding: 5px 30px;
	font-size: 14px;
	margin: 10px 0 0;
}

.pickupevent_thumb_btn a:hover{
	opacity: 0.7;
}

.pickupevent_thumb_btn a span{
	display: inline-block;
	padding: 0 0 0 30px;
	background: url("../img/header/island_access_icon.png") no-repeat left center;
}


.section_title{
	margin-bottom: 50px;
}

.section_title h2{
	font-size: 40px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	line-height: 1;
}

.section_title p{
	font-weight: bold;
}

.index_btn{
	width: 400px;
	margin: 20px 0 0;
	border: 2px solid #333333;
	background: #ffffff;
	display: inline-block;
	padding: 12px 30px;
	font-size: 24px;
	font-weight: bold;
	color: #333333;
	border-radius: 6px;
	border-bottom: 5px solid #333333;
}

.index_btn span{
	display: inline-block;
	background: url("../img/page/icon_access.png") no-repeat left center;
	background-size: 18px 18px;
	padding-left: 25px;
}

#areaguide{
	background: #cdf2f3 url("../img/index/areaguide_back.jpg") no-repeat top center;
	position: relative;
	margin-bottom: 20px;
}

#areaguide_inner{
	width: 1200px;
	margin: 0 auto;
	min-height: 1286px;
	position: relative;
}

#areaguide:after{
	content: " ";
	display: block;
	position: absolute;
	bottom: -21px;
	left: 0;
	width: 100%;
	height: 21px;
	background: url("../img/index/areaguide_wave.png") repeat-x;
}

#areaguide_back{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

.areaguide_link{
	position: absolute;
	z-index: 10;
}

.areaguide_link a:hover img{
	opacity: 0.8;
}

#areaguide_oshima{
	top: 316px;
	left: 488px;
}

#areaguide_toshima{
	top: 382px;
	left: 451px;
}

#areaguide_niijima{
	top: 436px;
	left: 449px;
}

#areaguide_shikinejima{
	top: 444px;
	left: 175px;
}

#areaguide_kozushima{
	top: 497px;
	left: 163px;
}

#areaguide_miyakejima{
	top: 524px;
	left: 526px;
}

#areaguide_mikurajima{
	top: 596px;
	left: 542px;
}

#areaguide_hachijyojima{
	top: 827px;
	left: 321px;
}

#areaguide_aogashima{
	top: 1029px;
	left: 327px;
}

#areaguide_chichijima{
	top: 912px;
	left: 813px;
}

#areaguide_hahajima{
	top: 1028px;
	left: 813px;
}

#areaguide_inner .section_title{
	position: absolute;
	top: 60px;
	left: 60px;
	z-index: 10;
}

#areaguide_access{
	top: 232px;
	left: 761px;
}

#areaguide_faq{
	top: 454px;
	left: 819px;
}

#topsocial{margin:auto;width:1200px;}
#topsocial .topsocial_fb{float:left;padding:0 0 70px;width:500px;text-align:center;}
#topsocial .topsocial_fb .topsocial_fb_box{margin:25px 0 0;width:500px;height:500px;box-sizing:border-box;border-bottom:1px solid #f0f0f0;}
#topsocial .topsocial_fb h3{margin:0 0 25px;line-height:40px;font-size:20px;font-weight:bold;vertical-align:middle;}
#topsocial .topsocial_fb h3 img{vertical-align:middle;display:inline-block;margin:0 5px 0 0;}
#topsocial .topsocial_tw{float:right;padding:0 0 70px;width:500px;text-align:center;}
#topsocial .topsocial_tw .topsocial_tw_box{margin:25px 0 0;width:500px;height:500px;overflow-y:scroll;box-sizing:border-box;border:1px solid rgba(15,70,100,.12);}
#topsocial .topsocial_tw h3{margin:0 0 20px;line-height:40px;font-size:20px;font-weight:bold;vertical-align:middle;}
#topsocial .topsocial_tw h3 img{vertical-align:middle;display:inline-block;margin:0 5px 0 0;}
#topsocial .topsocial_list{clear:both;}
#topsocial .topsocial_list{margin:0 0 100px;padding:30px 0;border-top:1px #000 solid;border-bottom:1px #000 solid;text-align:left;letter-spacing:-0.4em;}
#topsocial .topsocial_list dt,#topsocial .topsocial_list dd{display:inline-block;letter-spacing:0;line-height:1;}
#topsocial .topsocial_list dt{font-size:15px;font-weight:bold;width:220px;text-align:center;}
#topsocial .topsocial_list dd{padding:0 15px;font-size:16px;font-weight:bold;}
#topsocial .topsocial_list dd + dd{border-left:1px #000 solid;}
#topsocial .topsocial_list dd a{color:#000;text-decoration:underline;}
#topsocial .topsocial_list dd a:hover{color:#000;text-decoration:none;}
#topsocial .topsocial_in{text-align:center;}
#topsocial .topsocial_in_text{text-align:center;padding:30px 0;text-align:center;}
#topsocial .topsocial_in h3{position:relative;display:inline-block;padding:0 0 0 120px;line-height:50px;font-size:35px;font-weight:normal;}
#topsocial .topsocial_in h3::before{content:" ";display:block;width:1px;background:#000;position:absolute;top:0;left:90px;width:40px;height:40px;background:url("/wp/wp-content/themes/ti/common/img/index/icon_in.png")no-repeat 0 0;top:5px;left:30px;}
#topsocial .topsocial_in h3::after{content:" ";display:block;width:1px;height:50px;background:#000;position:absolute;top:0;left:90px;}
#topsocial .topsocial_in_text{text-align:center;padding:30px 0;text-align:center;}
#topsocial .topsocial_in_list{margin:10px 10px 100px;padding:30px;background:#f9f9f9;border:1px solid #dddddd;}
#topsocial #sb_instagram #sbi_images{text-align:left;}


#tourinformation{
	background: url("../img/index/tourinformation_back.jpg") no-repeat;
	background-size: cover;
	padding: 60px 0 100px;
}

#tourinformation .section_title{
	color: #ffffff;
	text-align: center;
}

.tourinformation_container{
	width:440px;
	margin: 0 auto;
	overflow: hidden;
}
	.tourinformation_box{
  position: relative;
	width: 200px;
	margin: 0 10px;
	float: left;
}
.tourinformation_box.pc{
  display:block;
}

.tourinformation_box.sp{
  display:none;
}
.tourinformation_box img{
	width: 100%;
	height: auto;
}
.tourinformation_box_btn{
    position: absolute;
    left:0;
    bottom:0;
}

#index_bnarea{
	padding: 130px 0 80px;
	background: #ffffff;
}

.index_bnarea_box{
	width: 26%;
	float: left;
	margin: 0 3.5% 50px;
	height:400px;
}
.index_bnarea_box_large{
	margin: 0 auto 20px;
	width:320px;
}

.index_bnarea_box img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

#index_company{
	background: #d5eef6;
	padding: 100px 0;
	text-align: center;
}

.index_company_container{
	border: 3px solid #ffffff;
	border-radius: 10px;
	width: 80%;
	margin: 0 auto;
	padding: 40px 80px 60px;
}

.index_company_icon{
	width: 102px;
	float: left;
	text-align: center;
	font-weight: bold;
}

.index_company_icon img{
	margin-bottom: 5px;
}

.index_company_text{
	padding: 0 0 0 150px;
}

.index_company_text h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

.index_company_text p{
	line-height: 1.7;
}

.index_company_btn a{
	position: relative;
	display:inline-block;
	width:140px;
	text-align: center;
	line-height:28px;
	color:#fff;
	font-size:15px;
	background:#22b8a1;
	box-shadow:0px 4px 0px 0px #169d88;
	border-radius:5px;
	cursor:pointer;
	margin-top:10px;
}
.index_company_btn:hover{
	opacity:0.7;
}



/* @end */

/* @group index modal */

.areaguidemodal_container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	display: none;
}

.areaguidemodal_box{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10001;
	background: rgba(0,0,0,0.8);
	display: flex;
	justify-content: center;
	align-items: center;
}

.areaguidemodal_inner{
	background: #ffffff;
	border-radius: 10px;
	padding: 0px;
	position: relative;
	max-width: 800px;
}

.areaguidemodal_photo{
	width: 100%;
	height: auto;
}

.areaguidemodal_description{
	padding: 30px 50px;
	text-align: left;
}

.areaguidemodal_photo img{
	width: 100%;
	height: auto;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}

.areaguidemodal_left{
	width: 40%;
	float: left;
}

.areaguidemodal_lead{
	font-weight: bold;
}

.areaguidemodal_left h4{
	font-size: 60px;
	font-weight: bold;
	line-height: 1;
	margin: 10px 0;
}

.lang_en .areaguidemodal_left h4{
	font-size: 40px;
}

.areaguidemodal_right{
	width: 55%;
	float: right;
}

.areaguidemodal_close{
	position: absolute;
	top: -50px;
	right: 0px;
}

.areaguidemodal_close a {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
}

.areaguidemodal_close a span {
	position: absolute;
	left: 0px;
	width: 36px;
	height: 2px;
	background-color: #ffffff;
}

.areaguidemodal_close a span:nth-of-type(1) {
	top: 19px;
	-webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    transform: translateY(0px) rotate(-45deg);
	background-color: #ffffff;
}

.areaguidemodal_close a span:nth-of-type(2) {
	top: 19px;
	-webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    transform: translateY(0px) rotate(45deg);
	background-color: #ffffff;
}

.areaguidemodal_detail{
	position: absolute;
	bottom: -70px;
	width: 100%;
	text-align: center;
}

.areaguidemodal_detail a{
	display: inline-block;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #22b8a1;
	border-bottom: 5px solid #169d88;
	border-radius: 4px;
	padding: 10px 70px;
	font-size: 18px;
	margin: 10px 0 0;
}

.areaguidemodal_detail a:hover{
	opacity: 0.7;
}

.areaguidemodal_detail a span{
	display: inline-block;
	padding: 0 0 0 30px;
	background: url("../img/header/island_access_icon.png") no-repeat left center;
}

.areaguidemodal_prev{
	position: absolute;
	left: -50px;
	top: 50%;
	margin-top: -20px;
}

.areaguidemodal_next{
	position: absolute;
	right: -50px;
	top: 50%;
	margin-top: -20px;
}


/* @end */



/* @group course */

#course_head{
	height: 158px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#course_head h2{
	font-size: 50px;
	color: #ffffff;
}

.course_head_miyake{
	background: url("../img/course/head_miyakejima.jpg") no-repeat center center;
	background-size: cover;

}
.course_head_chichi{
	background: url("../img/course/head_chichijima.jpg") no-repeat center center;
	background-size: cover;

}
.course_head_haha{
	background: url("../img/course/head_hahajima.jpg") no-repeat center center;
	background-size: cover;

}

.modelcourse_head{
	border: 4px solid #333333;
	border-radius: 15px;
	background: #ffffff;
	position: relative;
	text-align: center;
	padding: 50px 70px;
	margin: 120px 0 0;
}

.modelcourse_head_icon{
	position: absolute;
	top: -47px;
	left: 50%;
	margin-left: -94px;
}

.modelcourse_head_container{

}

.modelcourse_head_map{
	width: 318px;
	float: left;
}

.modelcourse_head_desc{
	padding: 50px 0 0 350px;
	text-align: left;
}

.modelcourse_head_desc h3{
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 5px;
}

.modelcourse_head_text{
	margin-bottom: 10px;
}

.modelcourse_head_textred{
	color: #fb2a2a;
}

.modelcourse_head_option{
	display: inline-block;
	border: 1px solid #4f4c4e;
	margin-top: 20px;
}

.modelcourse_head_time{
	display: inline-block;
	border-right: 1px solid #4f4c4e;
	padding: 10px 20px 10px 70px;
	background: url("../img/page/icon_clock.png") no-repeat 30px 10px;
	background-size: 24px 24px;
	font-size: 14px;
	font-weight: bold;
}

.modelcourse_head_zone{
	display: inline-block;
	padding: 10px 20px 10px 100px;
	background: url("../img/course/icon_zone.gif") no-repeat 30px 7px;
	font-size: 14px;
	font-weight: bold;
}

.modelcourse_head_photo{
	position: absolute;
	top: -100px;
	right: 30px;
}

.modelcourse_timeline{
	position: relative;
	background: url("../img/course/timeline_line.gif") repeat-y top center;
}

.modelcourse_timeline_box{
	position: absolute;
	width: 50%;
}

/* miyake_course01 */
.modelcourse_timeline_box_miyake01_01{position: absolute;top: 0;left: 50%;}
.modelcourse_timeline_box_miyake01_02{position: absolute;top: 200px;left: 0;}
.modelcourse_timeline_box_miyake01_03{position: absolute;top: 500px;left: 50%;}
.modelcourse_timeline_box_miyake01_04{position: absolute;top: 700px;left: 0;}
.modelcourse_timeline_box_miyake01_05{position: absolute;top: 1100px;left: 50%;}
.modelcourse_timeline_box_miyake01_06{position: absolute;top: 1550px;left: 0;}
.modelcourse_timeline_box_miyake01_07{position: absolute;top: 1800px;left: 50%;}
.modelcourse_timeline_box_miyake01_08{position: absolute;top: 2400px;left: 0;}
.modelcourse_timeline_box_miyake01_09{position: absolute;top: 2800px;left: 50%;}


/* miyake_course02 */
.modelcourse_timeline_box_miyake02_01{position: absolute;top: 0;left: 50%;}
.modelcourse_timeline_box_miyake02_02{position: absolute;top: 200px;left: 0;}
.modelcourse_timeline_box_miyake02_03{position: absolute;top: 500px;left: 50%;}
.modelcourse_timeline_box_miyake02_04{position: absolute;top: 700px;left: 0;}
.modelcourse_timeline_box_miyake02_05{position: absolute;top: 1000px;left: 50%;}
.modelcourse_timeline_box_miyake02_06{position: absolute;top: 1200px;left: 0;}
.modelcourse_timeline_box_miyake02_07{position: absolute;top: 1500px;left: 50%;}
.modelcourse_timeline_box_miyake02_08{position: absolute;top: 1700px;left: 0;}
.modelcourse_timeline_box_miyake02_09{position: absolute;top: 2000px;left: 50%;}
.modelcourse_timeline_box_miyake02_10{position: absolute;top: 2200px;left: 0;}
.modelcourse_timeline_box_miyake02_11{position: absolute;top: 2500px;left: 50%;}
.modelcourse_timeline_box_miyake02_12{position: absolute;top: 2900px;left: 0;}
.modelcourse_timeline_box_miyake02_13{position: absolute;top: 3000px;left: 50%;}



/* miyake_course03 */
.modelcourse_timeline_box_miyake03_01{position: absolute;top: 0;left: 50%;}
.modelcourse_timeline_box_miyake03_02{position: absolute;top: 200px;left: 0;}
.modelcourse_timeline_box_miyake03_03{position: absolute;top: 500px;left: 50%;}
.modelcourse_timeline_box_miyake03_04{position: absolute;top: 700px;left: 0;}
.modelcourse_timeline_box_miyake03_05{position: absolute;top: 1100px;left: 50%;}
.modelcourse_timeline_box_miyake03_06{position: absolute;top: 1550px;left: 0;}
.modelcourse_timeline_box_miyake03_07{position: absolute;top: 1800px;left: 50%;}
.modelcourse_timeline_box_miyake03_08{position: absolute;top: 0;left: 50%;}
.modelcourse_timeline_box_miyake03_09{position: absolute;top: 200px;left: 0;}
.modelcourse_timeline_box_miyake03_10{position: absolute;top: 600px;left: 50%;}

/* chichi_course01 */
.modelcourse_timeline_box_chichi01_01{position: absolute;top: 0;left: 50%;}
.modelcourse_timeline_box_chichi01_02{position: absolute;top: 200px;left: 0;}
.modelcourse_timeline_box_chichi01_03{position: absolute;top: 500px;left: 50%;}
.modelcourse_timeline_box_chichi01_04{position: absolute;top: 700px;left: 0;}
.modelcourse_timeline_box_chichi01_05{position: absolute;top: 1100px;left: 50%;}
.modelcourse_timeline_box_chichi01_06{position: absolute;top: 1300px;left: 0;}

/* chichi_course02 */
.modelcourse_timeline_box_chichi02_01{position: absolute;top: 0;left: 50%;}
.modelcourse_timeline_box_chichi02_02{position: absolute;top: 200px;left: 0;}
.modelcourse_timeline_box_chichi02_03{position: absolute;top: 550px;left: 50%;}
.modelcourse_timeline_box_chichi02_04{position: absolute;top: 700px;left: 0;}
.modelcourse_timeline_box_chichi02_05{position: absolute;top: 1100px;left: 50%;}
.modelcourse_timeline_box_chichi02_06{position: absolute;top: 1300px;left: 0;}
.modelcourse_timeline_box_chichi02_07{position: absolute;top: 1500px;left: 50%;}

/* chichi_course03 */
.modelcourse_timeline_box_chichi03_01{position: absolute;top: 0;left: 50%;}
.modelcourse_timeline_box_chichi03_02{position: absolute;top: 200px;left: 0;}
.modelcourse_timeline_box_chichi03_03{position: absolute;top: 700px;left: 50%;}

.modelcourse_timeline_box_chichi03_04{position: absolute;top: 0;left: 50%;}
.modelcourse_timeline_box_chichi03_05{position: absolute;top: 200px;left: 0;}

.modelcourse_timeline_box_chichi03_06{position: absolute;top: 0;left: 50%;}
.modelcourse_timeline_box_chichi03_07{position: absolute;top: 200px;left: 0;}
.modelcourse_timeline_box_chichi03_08{position: absolute;top: 500px;left: 50%;}
.modelcourse_timeline_box_chichi03_09{position: absolute;top: 800px;left: 0;}


/* haha_course01 */
.modelcourse_timeline_box_haha01_01{position: absolute;top: 0;left: 50%;}
.modelcourse_timeline_box_haha01_02{position: absolute;top: 200px;left: 0;}
.modelcourse_timeline_box_haha01_03{position: absolute;top: 500px;left: 50%;}
.modelcourse_timeline_box_haha01_04{position: absolute;top: 700px;left: 0;}
.modelcourse_timeline_box_haha01_05{position: absolute;top: 1100px;left: 50%;}
.modelcourse_timeline_box_haha01_06{position: absolute;top: 1300px;left: 0;}
.modelcourse_timeline_box_haha01_07{position: absolute;top: 1700px;left: 50%;}

/* haha_course02 */
.modelcourse_timeline_box_haha02_01{position: absolute;top: 0;left: 50%;}
.modelcourse_timeline_box_haha02_02{position: absolute;top: 200px;left: 0;}
.modelcourse_timeline_box_haha02_03{position: absolute;top: 500px;left: 50%;}
.modelcourse_timeline_box_haha02_04{position: absolute;top: 700px;left: 0;}
.modelcourse_timeline_box_haha02_05{position: absolute;top: 1100px;left: 50%;}
.modelcourse_timeline_box_haha02_06{position: absolute;top: 1300px;left: 0;}
.modelcourse_timeline_box_haha02_07{position: absolute;top: 1700px;left: 50%;}


/* haha_course03 */
.modelcourse_timeline_box_haha03_01{position: absolute;top: 0;left: 50%;}
.modelcourse_timeline_box_haha03_02{position: absolute;top: 200px;left: 0;}
.modelcourse_timeline_box_haha03_03{position: absolute;top: 500px;left: 50%;}
.modelcourse_timeline_box_haha03_04{position: absolute;top: 700px;left: 0;}
.modelcourse_timeline_box_haha03_05{position: absolute;top: 1100px;left: 50%;}
.modelcourse_timeline_box_haha03_06{position: absolute;top: 1300px;left: 0;}
.modelcourse_timeline_box_haha03_07{position: absolute;top: 1570px;left: 50%;}
.modelcourse_timeline_box_haha03_08{position: absolute;top: 1780px;left: 0;}
.modelcourse_timeline_box_haha03_09{position: absolute;top: 2000px;left: 50%;}
.modelcourse_timeline_box_haha03_10{position: absolute;top: 2200px;left: 0;}
.modelcourse_timeline_box_haha03_11{position: absolute;top: 2420px;left: 50%;}


/* haha_course04 */
.modelcourse_timeline_box_haha04_01{position: absolute;top: 0;left: 50%;}
.modelcourse_timeline_box_haha04_02{position: absolute;top: 200px;left: 0;}
.modelcourse_timeline_box_haha04_03{position: absolute;top: 500px;left: 50%;}
.modelcourse_timeline_box_haha04_04{position: absolute;top: 700px;left: 0;}
.modelcourse_timeline_box_haha04_05{position: absolute;top: 1100px;left: 50%;}
.modelcourse_timeline_box_haha04_06{position: absolute;top: 1300px;left: 0;}
.modelcourse_timeline_box_haha04_07{position: absolute;top: 1700px;left: 50%;}


/* haha_course05 */
.modelcourse_timeline_box_haha05_01{position: absolute;top: 0;left: 50%;}
.modelcourse_timeline_box_haha05_02{position: absolute;top: 200px;left: 0;}
.modelcourse_timeline_box_haha05_03{position: absolute;top: 500px;left: 50%;}



/* haha_course06 */
.modelcourse_timeline_box_haha06_01{position: absolute;top: 0;left: 50%;}
.modelcourse_timeline_box_haha06_02{position: absolute;top: 200px;left: 0;}
.modelcourse_timeline_box_haha06_03{position: absolute;top: 500px;left: 50%;}




.modelcourse_timeline_frame{
	background: #ffffff;
	border-radius: 5px;
	padding: 20px;
	margin-top: 30px;
	position: relative;
}

.modelcourse_timeline_photo{
	margin-bottom: 10px;
}

.modelcourse_timeline_photo2{
	margin-top: 30px;
}

.modelcourse_timeline_photo img{
	border-radius: 5px;
	width: 100%;
	height: auto;
}

.modelcourse_timeline_box:nth-child(odd) .modelcourse_timeline_frame:before{
	width: 34px;
	height: 29px;
	content: "";
	background: url("../img/course/arrow_left.png") no-repeat;
	position: absolute;
	top: 50%;
	left: -25px;
	margin-top: -30px;
}

.modelcourse_timeline_box:nth-child(even) .modelcourse_timeline_frame:before{
	width: 34px;
	height: 29px;
	content: "";
	background: url("../img/course/arrow_right.png") no-repeat;
	position: absolute;
	top: 50%;
	right: -25px;
	margin-top: -30px;
}

.modelcourse_timeline_box:nth-child(odd) .modelcourse_timeline_frame{
	margin-left: 70px;
}

.modelcourse_timeline_box:nth-child(even) .modelcourse_timeline_frame{
	margin-right: 70px;
}

.modelcourse_timeline_box:nth-child(odd) .modelcourse_timeline_box_icon{
	position: absolute;
	top: 50%;
	left: -32px;
	margin-top: -32px;
}

.modelcourse_timeline_box:nth-child(even) .modelcourse_timeline_box_icon{
	position: absolute;
	top: 50%;
	right: -32px;
	margin-top: -32px;
}

.modelcourse_timeline_box_icon span{
	width: 65px;
	height: 65px;
	font-size: 18px;
	font-weight: bold;
	border: 4px solid #000000;
	border-radius : 65px;
	display: inline-block;
	padding: 13px 5px;
	background: #ffffff;
}

.modelcourse_timeline_frame h4{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}

.modelcourse_timeline_btn{
	text-align: center;
}

.modelcourse_timeline_btn a{
	display: inline-block;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #22b8a1;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
	padding: 5px 50px;
	font-size: 14px;
	margin: 10px 0 0;
}

.modelcourse_timeline_btn a:hover{
	opacity: 0.7;
}

.modelcourse_timeline_btn a span{
	display: inline-block;
	padding: 0 0 0 20px;
	background: url("../img/page/icon_map.png") no-repeat left center;
	background-size: 12px 16px;
}



.modelcourse_timeline2{
	margin-top: 100px;
}

.modelcourse_timeline_box_icon_1{
	position: absolute;
	top: 0;
	left: -32px;
	margin-top: -32px;
}

.modelcourse_timeline_box_icon_1 span{
	width: 65px;
	height: 65px;
	font-size: 18px;
	font-weight: bold;
	border: 4px solid #000000;
	border-radius : 65px;
	display: inline-block;
	padding: 13px 5px;
	background: #f6ff00;
}




/* @end */

/* @group qa */

.qa_title{
	margin-bottom: 50px;
}

.qa_block{
	text-align: center;
}

.qa_box{
	width: 30%;
	float: left;
	margin: 0 1.665% 80px;
	background: #ffffff;
	border-radius: 10px;
	position: relative;
	padding: 0 20px 20px;
}

.qa_illust{
	background: none;
	display: flex;
	justify-content: center;
	align-items: center;

}

.qa_num{
	width: 104px;
	height: 52px;
	background: url("../img/qa/icon_circle.png") no-repeat;
	position: absolute;
	top: -52px;
	left: 50%;
	margin-left: -52px;
	padding-top: 20px;
	font-size: 34px;
	color: #12bcb2;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}

.qa_box h3{
	color: #12bcb2;
	font-size: 26px;
	font-weight: bold;
	line-height: 1.3;
	margin-top: 35px;
}

.qa_text{
	font-weight: normal;
	margin-top: 25px;
	text-align:left;
}

.qa_btn{
	text-align: center;
}

.qa_btn a{
	margin: 20px 0 0;
	border: 2px solid #333333;
	background: #ffffff;
	display: inline-block;
	padding: 2px 30px;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	border-radius: 4px;
	border-bottom: 3px solid #333333;
}

.qa_btn a span{
	display: inline-block;
	background: url("../img/page/icon_access.png") no-repeat left center;
	background-size: 16px 16px;
	padding-left: 20px;
}

/* @end */


/* @group page navi */

.wp-pagenavi {
	clear: both;
	text-align: center;
	margin: 30px 0;
}

.wp-pagenavi .pages{
	display: none !important;
}

.wp-pagenavi a, .wp-pagenavi span {
	padding: 5px 8px !important;
	background: #ffffff !important;
	color: #333333 !important;
	text-decoration: none !important;
	font-size: 12px !important;
	border: 1px solid #333333  !important;
	margin: 0 5px;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: #ffffff !important;
	background: #333333 !important;
}

.wp-pagenavi span.current {
	font-weight: bold !important;
}

/* @end */

/* @group contact */

.contactform_container{
	background: #ffffff;
	border-radius: 6px;
	text-align: center;
	position: relative;
	margin: 100px 80px 0;
	padding: 40px 0 40px;
}

.contactform_icon{
	position: absolute;
	top: -50px;
	left: 50%;
	margin-left: -94px;
}

.contactform_title{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}

.contactform_step{
	text-align: center;
	margin: 50px 0;
}

.contactform_step ul{
	width: 615px;
	margin: 0 auto;
}

.contactform_step ul li{
	width: 145px;
	background: #f5f5f5;
	border-radius: 5px;
	display: block;
	position: relative;
	margin-left: 50px;
	float: left;
	color: #555555;
	padding: 15px 0;
}

.contactform_step ul li.active{
	background: #65bce5;
	color: #ffffff;
}

.contactform_step ul li:after{
	position: absolute;
	content: "";
	width: 10px;
	height: 16px;
	background: url("../img/contact/arrow.png") no-repeat;
	top: 50%;
	right: -34px;
	margin-top: -8px;
}

.contactform_step ul li:last-child::after{
	display: none;
}

.contactform_form{
	border-top: 1px dotted #000000;
	text-align: left;
	margin: 0 80px;
}

.contactform_box{
	border-bottom: 1px dotted #000000;
	padding: 10px 0;
}

.contactform_required{
	width: 70px;
	float: left;
	padding: 10px;
}

.contactform_required span{
	display: inline-block;
	background: #ff0000;
	color: #ffffff;
	border-radius: 4px;
	padding: 0 10px;
	font-size: 12px;
}

.contactform_label{
	width: 200px;
	float: left;
	padding: 10px;
}

.contactform_input{
	padding-left: 300px;
}

.contactform_input input{
	width: 100%;
	background: #efefef;
	border: 0;
	font-size: 14px;
	padding: 10px;
}

.contactform_input select{
	margin: 10px 0;
	font-size: 14px;
}

.contactform_input textarea{
	width: 100%;
	height: 200px;
	background: #efefef;
	border: 0;
	font-size: 14px;
	padding: 10px;
}

.contactform_attr{
	text-align: center;
	margin: 40px 0 0;
	color: #333333;
}

.contactform_attr a{
	color: #333333;
}

.form_btn{
	text-align: center;
}

.form_btn input{
	display: inline-block;
	color: #ffffff;
	text-align: center;
	background: #22b8a1;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
	padding: 12px 70px 8px;
	font-size: 22px;
	margin: 40px 20px 0;
}

.contactform_thanks{
	margin-top: 100px;
}

.contactform_thanks_title{
	font-size: 20px;
	font-weight: bold;
}

.contactform_thanks_titlesub{
	font-size: 16px;
	margin-bottom: 100px;
}

.contactform_thanks_btn{
	text-align: center;
}

.contactform_thanks_btn a{
	display: inline-block;
	color: #ffffff;
	text-align: center;
	background: #22b8a1;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
	padding: 12px 70px 8px;
	font-size: 22px;
	margin: 40px 20px 0;
}

/* @end */

/* @group 404 */

.notfound_container{
	background: #ffffff;
	border-radius: 6px;
	text-align: center;
	position: relative;
	margin: 100px 80px 0;
	padding: 80px 0;
}

.notfound_title{
	font-size: 24px;
	font-weight: bold;
}

.notfound_text{
	margin-top: 20px;
}


/* @end */


/* @group footer */

footer{

}

#footer_sky{
	background: url("../img/footer/footer_pc_sky_back.jpg") repeat-x;
}

.footer_sky_inner{
	background: url("../img/footer/footer_pc_sky.jpg") no-repeat top center;
	height: 430px;
}

.footer_sky_inner img{
	display: none;
}

#footer_sea{
	background: url("../img/footer/footer_pc_sea_back.jpg") repeat-x;
}

.footer_sea_inner{
	background: url("../img/footer/footer_pc_sea.jpg") no-repeat top center;
	height: 230px;
	text-align: center;
}

.footer_sea_inner ul{
	position: relative;
	width: 1100px;
	margin: 0 auto;
}

.footer_sea_inner li a{
	position: absolute;
	display: block;
	text-indent: -9999px;
}

.footer_sea_inner li a span{
	display: none;
}

.footer_island_oshima a{
	width: 130px;
	height: 145px;
	top: 25px;
	left: 18px;
}

.footer_island_toshima a{
	width: 74px;
	height: 125px;
	top: 40px;
	left: 154px;
}

.footer_island_niijima a{
	width: 74px;
	height: 125px;
	top: 32px;
	left: 220px;
}

.footer_island_shikineshima a{
	width: 73px;
	height: 125px;
	top: 25px;
	left: 284px;
}

.footer_island_kozushima a{
	width: 76px;
	height: 140px;
	top: 13px;
	left: 354px;
}

.footer_island_miyakejima a{
	width: 90px;
	height: 140px;
	top: -10px;
	left: 466px;
}

.footer_island_mikurajima a{
	width: 74px;
	height: 140px;
	top: -10px;
	left: 567px;
}

.footer_island_hachijyojima a{
	width: 125px;
	height: 150px;
	top: -25px;
	left: 690px;
}

.footer_island_aogashima a{
	width: 74px;
	height: 130px;
	top: 0px;
	left: 809px;
}

.footer_island_chichishima a{
	width: 74px;
	height: 130px;
	top: -41px;
	left: 922px;
}

.footer_island_hahashima a{
	width: 74px;
	height: 130px;
	top: -45px;
	left: 1002px;
}

.footer_sea_inner li a:hover{
	text-indent: 0;
	background: url("../img/footer/icon_fukidashi.png") no-repeat top center;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	padding-top: 20px;
}

.lang_en .footer_sea_inner li a:hover{
	font-size: 10px;
	padding-top: 26px;
}

.lang_kr .footer_sea_inner li a:hover{
	font-size: 14px;
	padding-top: 25px;
}

#footer_text{
	background: #ffffff;
	padding: 10px 0;
}

.footer_link{
	float: left;
}

.footer_link ul li{
	display: inline-block;
}

.footer_link ul li:after{
	content: "|";
	display: inline-block;
	margin: 0 5px;
}

.footer_link ul li:last-child::after{
	display: none;
}

.footer_link ul li a{
	display: inline-block;
	color: #333333;
}

.footer_copyright{
	float: right;
}

/* @end */
}


/* SP CSS */
@media only screen and (max-width: 768px) {

/* @group header */

header{
	background: #ffffff;
	text-align: left;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}

#logo{
	width: 20%;
	float: left;
	background: #ffffff;
}

#logo a{
	display: block;
	text-align: center;
	padding: 10px 10px 10px;
}

#logo a img{
	width: 100%;
	height: auto;
}

#header_nav{
	width: 80%;
	float: left;
	position: relative;
}

#header_top{
	position: relative;
}

#header_top h1{
	width: 50%;
	float: left;
	font-weight: normal;
	font-size: 10px;
	padding: 10px 20px 10px 10px;
}

#header_sns{
}

#header_sns ul{
	display: none;
}

#header_sns ul li{
	display: inline-block;
	margin-left: 5px;
}

#langchg{
	position: absolute;
	width: 65px;
	height: 100%;
	top: 0;
	right: 65px;
	border-left: 1px solid #48b4ec;
}

#langchg ul{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background: #e6f3fc;
	padding: 20px 40px;
}

#langchg ul li{
	display: block;
	margin: 0 0 10px;
}

#langchg ul li a{
	background: #ffffff url("../img/sp/icon_lang.png") no-repeat right 15px bottom 7px;
	background-size: 21px 21px;
	display: block;
	text-align: left;
	color: #333333;
	border-radius: 30px;
	padding: 8px 20px;
	font-size: 12px;
}

#langchg ul li.active a{
	background: #22b8a1 url("../img/sp/icon_lang_active.png") no-repeat right 15px bottom 7px;
	background-size: 21px 21px;
	color: #ffffff;
}

#langchg_title{
	display: block;
	text-align: center;
	color: #48b4ec;
	background: url("../img/sp/header_lang.gif") no-repeat top center;
	background-size: 19px 19px;
	margin: 12px 0 0 0;
	padding: 25px 0 15px 0;
	font-weight: bold;
	font-size: 10px;
}

nav{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background: #e6f3fc;
}

.menu_box{
}

.menu_box a{
	display: block;
	color: #666666;
	font-weight: bold;
	position: relative;
	text-align: left;
	padding: 12px 20px;
	border-bottom: 1px solid #ffffff;
	background: url("../img/sp/icon_menu_arrow.png") no-repeat right 10px bottom 18px;
	background-size: 8px 12px;
}

.menu_box a.megamenu{
	background: url("../img/sp/icon_menu_off.png") no-repeat right 10px bottom 18px;
	background-size: 12px 12px;
}

.menu_box a.megamenu.on{
	background: url("../img/sp/icon_menu_on.png") no-repeat right 10px bottom 18px;
	background-size: 12px 12px;
}

.menu_box a:before{
	content: "";
	width: 1px;
	height: 100%;
	background: #cccccc;
	position: absolute;
	top: 0px;
	left: 0;
}

.menu_box:last-child a:after{
	content: "";
	width: 1px;
	height: 100%;
	background: #cccccc;
	position: absolute;
	top: 0px;
	right: 0;
}

.sp_sns{
	display: block;
	text-align: center;
	margin: 20px 0;
}

.sp_sns ul li{
	display: inline-block;
	margin: 0 10px;
}

/* @end */




/* @group sp_menu */

#sp_menu{
	position: absolute;
	top: 0;
	right: 0;
	width: 65px;
	height: 100%;
	background: #48b4ec;
	text-align: center;
	z-index: 100;
}

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 56px;
	height: 68px;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
	padding: 37px 0 0 ;
	text-align: center;
	margin: 0 auto;
}

.is-open .menu-trigger{
	background: none;
}

.menu-trigger span {
	position: absolute;
	left: 20px;
	width: 16px;
	height: 1px;
	background-color: #ffffff;
}
.menu-trigger span:nth-of-type(1) {
	top: 13px;
}
.menu-trigger span:nth-of-type(2) {
	top: 20px;
}
.menu-trigger span:nth-of-type(3) {
	top: 27px;
}

.is-open .menu-trigger span:nth-of-type(1) {
	top: 19px;
	-webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    transform: translateY(0px) rotate(-45deg);
	background-color: #ffffff;
}

.is-open .menu-trigger span:nth-of-type(2) {
	display: none;
}
.is-open .menu-trigger span:nth-of-type(3) {
	top: 19px;
	-webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    transform: translateY(0px) rotate(45deg);
	background-color: #ffffff;
}

/* @end */

/* @group islands_menu */

#islands_menu{
	background: #ffffff;
	display: none;
}

#islands_menu .contents_inner{
	padding: 20px;
}

#islands_menu h3{
	display: none;
}

.islands_menu_box{
	width: 48%;
	float: left;
	margin: 0 1% 25px;
	text-align: center;
	position: relative;
}

.islands_menu_box a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-indent: -9999px;
}

.islands_menu_box:nth-child(2n+1){
	clear: both;
}

.islands_menu_photo{
	margin-bottom: 5px;
}

.islands_menu_photo img{
	width: 100%;
	height: auto;
}

.islands_menu_text span{
	font-size: 10px;
}

.islands_menu_text h4{
	font-size: 14px;
	font-weight: bold;
}

.islands_access{
	display: none;
}

#islands_close{
	display: none;
}


/* @end */



/* @group breadcrumbs */

#breadcrumbs{
	margin: 0 20px;
}

#breadcrumbs ol{
	text-align: left;
	padding: 10px 0 0;
}

#breadcrumbs li{
	display: inline-block;
	color: #555555;
	font-size: 12px;
}

#breadcrumbs li a{
	color: #555555;
}

#breadcrumbs li:after{
	content: ">";
	display: inline-block;
	padding: 0 2px;
}

#breadcrumbs li:last-child::after{
	display: none;
}

/* @end */

article{
	background: url("../img/page/page_back.png") no-repeat left top;
}

article.bgnone{
	background: none;
}

/* @group page_title */

#page_title{
	text-align: center;
	margin: 20px 20px 30px;
}

#page_title h2{
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
}

#page_title p{
	margin: 5px 0 0;
	font-size: 13px;
}

/* @end */

/* @group news & topics */


#news_navi{
	margin: 0 20px 40px;
}

.news_navi_left{
}

.news_navi_right{
	padding: 0 0 0 0px;
}

.news_navi_genre{
	margin-bottom: 20px;
}

.news_navi_genre h3,
.news_navi_area h3,
.news_navi_archive h3{
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}

.news_navi_area{
	margin-top: 5px;
	margin-bottom: 20px;
}

.news_navi_genre_list,
.news_navi_area_list{
	float: left;
}

.news_navi_genre_list li,
.news_navi_area_list li{
	display: inline-block;
	padding: 4px 0 0;
}

.news_navi_genre_list li a{
	color: #ffffff;
	display: inline-block;
	padding: 2px 20px;
	border-radius: 20px;
	font-size: 13px;
}

.news_navi_color01{
	background: #f87f9c;
}

.news_navi_color02{
	background: #a2b8d9;
}

.news_navi_color03{
	background: #c5a2d9;
}

.news_navi_color04{
	background: #7cd1aa;
}

.news_navi_color05{
	background: #a88662;
}

.news_navi_color06{
	background: #ebaf7a;
}

.news_navi_color07{
	background: #c0b6aa;
}

.news_navi_area_list{
	background: #ffffff;
	border-radius: 3px;
	padding: 6px 10px 9px;
	line-height: 1;
}

.news_navi_area_list a{
	font-size: 13px;
	color: #555555;
	font-weight: bold;
	display: inline-block;
	padding: 0 12px;
	margin: 3px 0;
	position: relative;
}

.news_navi_area_list a:after{
	position: absolute;
	content: "";
	width: 1px;
	height: 12px;
	background: #cccccc;
	top: 0px;
	right: 0;
}

.news_navi_area_list li:last-child a:after{
	display: none;
}

.news_navi_archive h3 {
}

.news_navi_archive_disp a{
	display: block;
	background: #2c2c2c;
	color: #ffffff;
	border-radius: 20px;
	text-align: center;
	padding: 2px 0;
	margin-top: 0px;
	font-size: 13px;
}

.news_navi_archive_list{
	position: relative;
}

.news_navi_archive_list ul{
	position: absolute;
	width: 100%;
	display: none;
	font-size: 13px;
	z-index: 10;
}

.news_navi_archive_list ul li a{
	display: block;
	color: #ffffff;
	text-align: center;
	background: #2c2c2c;
	border-radius: 20px;
	margin: 2px 0;
}

#news_container{
	margin: 0 20px;
}

.news_thumb_box{
	position: relative;
	background: #ffffff;
	margin: 0 0 20px 0;
}

.news_thumb_box a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 100;
	text-indent: -9999px;
}

.news_thumb_thumbnail{
	position: relative;
}

.news_thumb_genre{
	position: absolute;
	z-index: 10;
	top: 15px;
	left: 8px;
}

.news_thumb_genre span,
.news_detail_genre span{
	display: inline-block;
	border-radius: 20px;
	color: #ffffff;
	padding: 3px 10px;
	font-size: 13px;
}

.news_thumb_photo img{
	width: 100%;
	height: auto;
}

.news_thumb_description{
	padding: 15px;
}

.news_thumb_island span{
	display: inline-block;
	border: 1px solid #1781db;
	color: #1781db;
	padding: 0 10px;
	font-size: 13px;
	margin: 0 10px 10px 0;
}

.news_thumb_title{
	font-size: 14px;
}

.news_thumb_date{
	border-top: 1px solid #eeeeee;
	padding: 10px 20px;
	font-size: 12px;
	color: #555555;
}

#news_contents{
	margin: 0;
}

#news_sidebar{
	margin: 30px 0 0;
}

.news_detail_box{
	background: #ffffff;
	border-radius: 6px;
	padding: 20px;
}

.news_detail_title h2{
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 5px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #666666;
}

.news_detail_status{
	font-size: 12px;
}

.news_detail_body{
	margin: 20px 0;
}

.news_detail_body p{
	margin-bottom: 1.5em;
}

.news_detail_body img{
	max-width: 100%;
	height: auto;
}

.news_sidebar_box{
	margin-bottom: 30px;
}

.news_sidebar_box h3{
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}

.news_sidebar_genre_list li{
	display: inline-block;
	margin: 0 10px 10px 0;
}

.news_sidebar_genre_list a{
	display: inline-block;
	border-radius: 20px;
	color: #ffffff;
	padding: 3px 10px;
	font-size: 13px;
}

.news_sidebar_area_list{
	border-top: 1px dotted #666666;
}

.news_sidebar_area_list li{
	border-bottom: 1px dotted #666666;
	padding: 0 10px 0 20px;
}

.news_sidebar_area_list li a{
	display: block;
	color: #333333;
	background: url("../img/page/news_side_arrow.png") no-repeat left center;
	line-height: 1;
	padding: 10px 0px 10px 30px;
}



.news_pagenavi{
	margin: 20px 0 0;
}

.news_pagenavi_prev{
	float: left;
}

.news_pagenavi_next{
	float: right;
}

.news_pagenavi_prev a,
.news_pagenavi_next a{
	color: #333333;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}

.news_pagenavi_prev a{
	background: url("../img/page/icon_event_prev.png") no-repeat left center;
	background-size: 8px 12px;
	padding-left: 17px;
}

.news_pagenavi_next a{
	background: url("../img/page/icon_event_next.png") no-repeat right center;
	background-size: 8px 12px;
	padding-right: 17px;
}

/* @end */

/* @group event */

#event_navi{
	margin: 20px;
}

.event_navi_left{
	margin-bottom: 20px;
}

.event_navi_right{
}

.event_navi_calendar{
	margin: 0 auto;
}

.event_navi_calendar h3,
.event_navi_area h3{
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	margin-bottom: 5px;
}

.event_navi_area_list{
}

.event_navi_area_list ul{

}

.event_navi_area_list ul li{
	width: 48%;
	float: left;
}

.event_navi_area_list ul li:nth-child(even){
	float: right;
}

.event_navi_area_list ul li a{
	display: block;
	border: 2px solid #333333;
	border-bottom: 4px solid #333333;
	background: #ffffff;
	text-align: center;
	border-radius: 20px;
	color: #333333;
	margin: 0 0 10px;
	padding: 2px 0;
}

.cal_container{
	position: relative;
}

.bx-wrapper{
	padding: 0 40px;
}


.bx-prev{
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background: url("../img/page/cal_prev.png") no-repeat;
	background-size: 30px 30px;
	text-indent: -9999px;
	z-index: 10;
}

.bx-next{
	position: absolute;
	top: 50%;
	right: 0px;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background: url("../img/page/cal_next.png") no-repeat;
	background-size: 30px 30px;
	text-indent: -9999px;
	z-index: 10;
}

.cal_prev img,
.cal_next img{
	width: 30px;
	height: auto;
}

#event_container{
	margin: 0 20px;
}

.event_thumb_box{
	background: #ffffff;
	border-radius: 6px;
	padding: 15px;
	margin-bottom: 20px;
}

.event_thumb_thumbnail{
	width: 25%;
	float: left;
}

.event_thumb_thumbnail img{
	width: 100%;
	height: auto;
}

.event_thumb_description{
	width: 70%;
	float: right;
}

.event_thumb_title{
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px dotted #666666;
	line-height: 1.2;
}

.event_thumb_date{
	background: url("../img/page/icon_cal.png") no-repeat 0 5px;
	background-size: 19px 20px;
	padding: 5px 0 5px 30px;
	margin-top: 5px;
	font-size: 13px;
}

.event_thumb_addr{
	background: url("../img/page/icon_addr.png") no-repeat 0 2px;
	background-size: 18px 24px;
	padding: 5px 0 5px 30px;
	margin: 0 0 0 0;
	font-size: 13px;
}

.event_thumb_description a{
	display: inline-block;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #22b8a1;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
	padding: 3px 12px;
	font-size: 12px;
	margin: 10px 0 0;
}

.event_thumb_description a span{
	display: inline-block;
	padding: 0 0 0 20px;
	background: url("../img/header/island_access_icon.png") no-repeat left center;
	background-size: 12px 12px;
}

#event_title_container{
	position: relative;
	margin: 30px 20px 40px;
}

.event_title{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

.event_prev{
	position: absolute;
	top: 35px;
	left: 0;
}

.event_next{
	position: absolute;
	top: 35px;
	right: 0;
}

.event_prev a,
.event_next a{
	color: #333333;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}

.event_prev a{
	background: url("../img/page/icon_event_prev.png") no-repeat left center;
	background-size: 8px 12px;
	padding-left: 17px;
}

.event_next a{
	background: url("../img/page/icon_event_next.png") no-repeat right center;
	background-size: 8px 12px;
	padding-right: 17px;
}

#event_contents{
	margin-bottom: 30px;
}

#event_sidebar{
}

.event_detail_box{
	background: #ffffff;
	border-radius: 6px;
	padding: 15px;
}
.event_single_title{
	margin-bottom: 35px;
}
.event_single_title h2{
	font-size: 18px;
	font-weight: bold;
	margin: 10px 0 5px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #666666;
}
.event_single_status{
	padding: 0 10px 8px;
	border-bottom: 1px dotted #666666;
}
.event_single_date{
	background: url("../img/page/icon_cal.png") no-repeat left center;
	background-size: 19px 20px;
	padding: 5px 0 5px 30px;
	margin-top: 5px;
	font-size: 13px;
}
.event_single_addr{
	background: url("../img/page/icon_addr.png") no-repeat left center;
	background-size: 18px 24px;
	padding: 5px 0 5px 30px;
	margin: 0 0 0 0;
	font-size: 13px;
}

.event_single_entry{
	line-height: 2;
	margin-bottom: 30px;
}

.event_single_entry img{
	max-width: 100%;
	height: auto;
}
.event_single_entry p{
	margin-bottom: 1.5em;
}
.event_single_foot{
	border-top: 1px dotted #666666;
}
.event_single_update{
	width: 10em;
	float: left;
	padding: 10px;
	border-right: 1px dotted #666666;
	font-size: 12px;
}
.event_single_island{
	width: 10em;
	float: left;
	padding: 10px 10px 10px 10px;
}

.event_single_island span{
	background: #22b8a1;
	display: inline-block;
	color: #ffffff;
	padding: 2px 30px;
	border-radius: 4px;
	font-size: 12px;
}

.event_sidebar_box{
	margin-bottom: 30px;
}
.event_sidebar_box h3{
	font-size: 18px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	color: #333333;
	text-align: center;
	margin-bottom: 10px;
}
.event_sidebar_archives_list{
	border-top: 1px dotted #333333;
}
.event_sidebar_archives_list li{
	border-bottom: 1px dotted #333333;
	padding: 0 10px;
}
.event_sidebar_archives_list li a{
	color: #333333;
	display: block;
	padding: 10px 10px 10px 30px;
	background: url("../img/page/icon_event_sidebar_archives_list.png") no-repeat left center;
	background-size: 20px 20px;
}
.event_sidebar_area_list li{
	width: 48%;
	float: left;
}
.event_sidebar_area_list li:nth-child(even){
	float: right;
}
.event_sidebar_area_list li a{
	display: block;
	border: 2px solid #333333;
	border-bottom: 4px solid #333333;
	background: #ffffff;
	text-align: center;
	border-radius: 20px;
	color: #333333;
	margin: 0 0 10px;
	padding: 2px 0;
}

.event_noentry{
	background: #ffffff;
	border-radius: 6px;
	padding: 30px 15px;
	text-align: center;
	font-size: 12px;
}

.event_pickup{
	margin: 30px 20px;
}

.event_pickup_title h2{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}

.event_pickup_btn{
	text-align: center;
}

.event_pickup_btn a{
	margin: 20px 0 0;
	border: 2px solid #333333;
	background: #ffffff;
	display: inline-block;
	padding: 8px 30px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	border-radius: 6px;
	border-bottom: 5px solid #333333;
}

.event_pickup_btn a span{
	display: inline-block;
	background: url("../img/page/icon_eventlist.png") no-repeat left center;
	background-size: 15px 10px;
	padding-left: 25px;
}

.event_pickup .pickupevent_container .pickupevent_box{
	background: #ffffff;
	border: 0;
}

.event_calendar{
	clear: both;
	text-align: center;
	margin: 30px 20px 0;
}

.event_calendar a{
	display: block;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #22b8a1;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
	padding: 12px 10px;
	font-size: 18px;
	margin: 10px 0 0;
}

.event_calendar a span{
	display: inline-block;
	padding: 3px 0 3px 35px;
	background: url("../img/page/icon_calendar.png") no-repeat left center;
	background-size: 30px 30px;
}

.event_calendar_sidebar{
}

.event_calendar_sidebar a{
	display: block;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #22b8a1;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
	padding: 5px 10px;
	font-size: 14px;
	margin: 10px 0 0;
}

.event_calendar_sidebar a:hover{
	opacity: 0.7;
}

.event_calendar_sidebar a span{
	display: inline-block;
	padding: 5px 0 5px 35px;
	background: url("../img/page/icon_calendar.png") no-repeat left center;
	background-size: 30px 30px;
}

/* @end */



/* @group cal */

.cal_box{
	margin: 0;
	background: #ffffff;
	border-radius: 6px;
	padding: 15px 20px;
	min-height: 247px;
}

.cal_title{
	border-bottom: 1px solid #cccccc;
	margin-bottom: 5px;
}

.cal_title1{
	float: left;
}

.cal_title2{
	float: right;
}

.cal_list ul li{
	width: 14%;
	float: left;
	margin: 0 0.14% 0;
	text-align: center;
}

.cal_list_head{
	font-size: 11px;
}

.sun{
	color: #f97070;
}

.sat{
	color: #4d90ea;
}

.cal_list_day{
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1;
}

.cal_list_day li:nth-child(7n+1){
	clear: both;
}

.cal_list_day li span,
.cal_list_day li a{
	display: inline-block;
	padding: 7px 10px;
}

.cal_list_day li .eventday{
	background: url("../img/page/cal_circle.png") no-repeat center center;
	background-size: 26px 26px;
	color: #ffffff;
}

/* @end */



/* @group page */

.mainvisual_title{
	max-width: 1100px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

.mainvisual_titleinner{
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 90;
	text-align: right;
}

.mainvisual_titleinner h2{
	background: rgba(234,255,0,0.8);
	padding: 2px 20px;
	font-weight: bold;
	color: #2a2a2a;
	display: inline-block;
	font-size: 40px;
	line-height: 1;
}

.lang_en .mainvisual_titleinner h2{
	font-size: 28px;
}

.mainvisual_titleinner p{
	background: rgba(234,255,0,0.8);
	padding: 2px 10px;
	font-weight: bold;
	color: #2a2a2a;
	display: inline-block;
	font-size: 14px;
	margin: 5px 0;
}

.lang_en .mainvisual_titleinner p{
	font-size: 10px;
}

.island_head{
	margin: 30px 20px 0;
}

.island_map{
	text-align: center;
}

.island_map img{
	width: 100%;
	height: auto;
}

.island_description{
}

.island_map ul{
	text-align: center;
	margin-top: 30px;
}

.island_map ul li{
	display: inline-block;
	margin: 0 5px;
}

.island_map ul li a{
	display: inline-block;
	padding: 6px 15px 4px;
	font-weight: bold;
	font-size: 13px;
}

.island_map_view{
	background: #22b8a1;
	color: #ffffff;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
}

.island_map_view span{
	background: url("../img/page/icon_search.png") no-repeat left center;
	background-size: 12px 12px;
	display: inline-block;
	padding-left: 20px;
}

.island_map_google{
	background: #babdbd;
	color: #ffffff;
	border-bottom: 3px solid #828686;
	border-radius: 4px;
}

.island_map_google span{
	background: url("../img/page/icon_map.png") no-repeat left center;
	background-size: 10px 14px;
	display: inline-block;
	padding-left: 20px;
}

.island_description_text{
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	line-height: 1.6;
	margin-top: 20px;
}

.island_description_basic{
	background: #ffffff;
	padding: 20px;
	margin: 20px 10px;
	position: relative;
}

.island_description_basictitle{
}

.island_description_basictitle h3{
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}

.island_description_basictitle span{
	font-size: 10px;
}

.island_description_basictext{
	margin-top: 10px;
	border-top: 1px solid #cccccc;
	padding: 15px 0;
}

.island_description_basic:before{
	width: 12px;
	height: 100%;
	content: "";
	background: url("../img/page/basicinfo_left.png") repeat-y;
	position: absolute;
	top: 0;
	left: -12px;
}

.island_description_basic:after{
	width: 12px;
	height: 100%;
	content: "";
	background: url("../img/page/basicinfo_right.png") repeat-y;
	position: absolute;
	top: 0;
	right: -12px;
}

.island_description_basictext dl{
	font-size: 13px;
}

.island_description_basictext dl dt{
	width: 4em;
	float: left;
	padding: 5px 0;
}

.lang_en .island_description_basictext dl dt{
	width: 10em;
}

.island_description_basictext dl dd{
	padding: 5px 0 5px 5em;
}

.lang_en .island_description_basictext dl dd{
	padding: 5px 0 5px 11em;
}

#island_social{padding:50px 20px 0;width:auto;}
#island_social .island_social_inner::after{content:".";display: block;height: 0;font-size:0;clear: both;visibility:hidden;}
#island_social .island_social_fb{padding:0 0 70px;padding:0 0 50px;text-align:center;}
#island_social .island_social_fb .island_social_fb_box{margin:25px 0 0;height:500px;box-sizing:border-box;}
#island_social .island_social_fb h3{margin:0;line-height:25px;font-size:20px;font-weight:bold;vertical-align:middle;}
#island_social .island_social_fb h3 img{width:25px;height:25px;vertical-align: top;display:inline-block;margin:0 5px 0 0;}
#island_social .island_social_tw{padding:0 0 70px;padding:0 0 50px;text-align:center;}
#island_social .island_social_tw .island_social_tw_box{margin:25px 0 0;height:500px;overflow-y:scroll;box-sizing:border-box;border:1px solid rgba(15,70,100,.12);}
#island_social .island_social_tw h3{margin:0 0 20px;line-height:25px;font-size:20px;font-weight:bold;vertical-align:middle;}
#island_social .island_social_tw h3 img{width:25px;height:25px;vertical-align: top;vertical-align:middle;display:inline-block;margin:0 5px 0 0;}
#island_social .fb_iframe_widget,
#island_social .fb_iframe_widget span,
#island_social .fb_iframe_widget span iframe[style]{width:100% !important;}
#island_social .island_social_in{padding:0 0 50px;text-align:center;}
#island_social .island_social_in .island_social_in_box{margin:25px 0 0;box-sizing:border-box;border:1px solid rgba(15,70,100,.12);}
#island_social .island_social_in h3{margin:0 0 20px;line-height:25px;font-size:20px;font-weight:bold;vertical-align:middle;}
#island_social .island_social_in h3 img{width:25px;height:25px;vertical-align: top;display:inline-block;margin:0 5px 0 0;}
#island_social .island_social_in .island_social_in_box ul{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;}
#island_social .island_social_in .island_social_in_box ul li{width:33.33%;}
#island_social .island_social_in .island_social_in_box a{display:block;padding:100% 0 0;}
#island_social .island_social_in .island_social_in_box a:hover{opacity:0.7;}

.island_sightseeing{
	border: 2px solid #333333;
	border-radius: 10px;
	background: #ffffff;
	position: relative;
	text-align: center;
	padding: 20px 20px;
	margin: 60px 20px 0;
}

.island_sightseeing_icon{
	position: absolute;
	top: -35px;
	left: 50%;
	margin-left: -56px;
}

.island_sightseeing_icon img{
	width: 112px;
	height: auto;
}

.island_sightseeing_title{
	background: rgba(234,255,0,0.8);
	padding: 2px 20px;
	font-weight: bold;
	color: #2a2a2a;
	display: inline-block;
	font-size: 20px;
	line-height: 1;
	margin: 20px 0 30px;
}

.island_sightseeing_container{
	margin-top: 30px;
}

.island_sightseeing_block{
	margin-bottom: 20px;
}

.island_sightseeing_photo{
	margin-bottom: 10px;
}

.island_sightseeing_photo img{
	width: 100%;
	height: auto;
}

.island_sightseeing_text{
	text-align: left;
}

.island_sightseeing_photo img{
	width: 100%;
	height: auto;
	border-radius: 5px;
}

.island_sightseeing_text h4{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

.island_sightseeing_text h4 span{
	display: inline-block;
	margin-right: 5px;
}

.island_sightseeing_text p{
	line-height: 1.6;
}

.island_sightseeing_text_btn{
	display: inline-block;
	padding: 3px 20px 2px;
	font-weight: bold;
	font-size: 15px;
	background: #22b8a1;
	color: #ffffff;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
	margin-top: 20px;
}

.island_sightseeing_text_btn span{
	background: url("../img/page/icon_map.png") no-repeat left center;
	background-size: 12px 16px;
	display: inline-block;
	padding-left: 20px;
}

.accessduration{
	text-align: center;
	margin: 50px 0;
}

.pagesection_title_en{
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	line-height: 1;
	position: relative;
}

.pagesection_title_ja{
	background: rgba(234,255,0,0.8);
	padding: 2px 20px;
	font-weight: bold;
	color: #2a2a2a;
	display: inline-block;
	font-size: 16px;
	line-height: 1;
	margin: 20px 0 0;
}

.modelcourse .pagesection_title_en{
	color: #ffffff;
}

.accessduration_container{
	margin-top: 30px;
}

.accessduration_box{
	margin: 0 20px 20px;
}

.accessduration_box_pc{
	display:none;
}

.accessduration_box_sp{
	padding:0 20px 20px;
	display:block;
}

.accessduration_box_sp:last-of-type{
	padding:0 20px;
	display:block;
}

.accessduration_box img{
	width: 100%;
	height: auto;
}
.accessduration_box_100 img{
	width: 100%;
	height: auto;
}
.accessduration_attention{
	margin: 10px 20px 0;
	font-size: 13px;
	text-align: left;
}

.accessduration_btn{
	margin: 20px 0 0;
	border: 2px solid #333333;
	background: #ffffff;
	display: inline-block;
	padding: 12px 30px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	border-radius: 6px;
	border-bottom: 5px solid #333333;
}

.accessduration_btn span{
	display: inline-block;
	background: url("../img/page/icon_access.png") no-repeat left center;
	background-size: 18px 18px;
	padding-left: 25px;
}

.modelcourse{
	text-align: center;
	padding: 40px 0;
}

.modelcourse_miyake{
	background: url("../img/islands/miyake/miyake_background.jpg") no-repeat;
	background-size: cover;
}
.modelcourse_chichi{
	background: url("../img/islands/chichi/chichi_background.jpg") no-repeat;
	background-size: cover;
}
.modelcourse_haha{
	background: url("../img/islands/haha/haha_background.jpg") no-repeat;
	background-size: cover;
}

.modelcourse .contents_inner{
	text-align: center;
}

.modelcourse .pagesection_title_en{
	display: inline-block;
	font-size: 20px;
}

.staff_recommend{
	position: absolute;
	top: -60px;
	right: -80px;
}

.staff_recommend img{
	width: 80px;
	height: auto;
}

.modelcourse_container{
	margin: 30px 0;
}

.modelcourse_box{
	margin: 50px 20px 20px;
	background: #ffffff;
	position: relative;
	padding: 10px;
	border-radius: 6px;
}

.modelcourse_icon{
	position: absolute;
	top: -26px;
	left: 50%;
	margin: 0 0 0 -40px;
}

.modelcourse_icon img{
	width: 80px;
	height: auto;
}

.modelcourse_photo img{
	width: 100%;
	height: auto;
	border-radius: 6px;
}

.modelcourse_photo{
	margin-bottom: 10px;
}

.modelcourse_box h5{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.modelcourse_time{
	padding: 0 20px;
	margin: 20px 40px 10px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}

.modelcourse_time span{
	display: inline-block;
	background: url("../img/page/icon_clock.png") no-repeat left center;
	background-size: 18px 18px;
	padding: 5px 0 5px 25px;
}

.modelcourse_btn{
	display: block;
	padding: 7px 0px 5px;
	font-size: 15px;
	background: #22b8a1;
	color: #ffffff;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
	margin: 10px 40px 0;
}

.modelcourse_btn span{
	background: url("../img/page/icon_modelcourse_detail.png") no-repeat left center;
	background-size: 15px 15px;
	display: inline-block;
	padding-left: 22px;
}

.newstopics{
	margin: 40px 0;
	text-align: center;
}

.newstopics_container{
	margin: 0 20px;
}

.newstopics_container .news_thumb_box{
	text-align: left;
}

.newstopics_btn{
	margin: 30px 0 0;
	border: 2px solid #333333;
	background: #ffffff;
	display: inline-block;
	padding: 12px 20px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	border-radius: 6px;
	border-bottom: 5px solid #333333;
}

.newstopics_btn span{
	display: inline-block;
	background: url("../img/page/icon_access.png") no-repeat left center;
	background-size: 18px 18px;
	padding-left: 25px;
}

.moreinformation{
	margin: 80px 0;
	text-align: center;
}

.moreinformation_container{
	margin-top: 30px;
}

.moreinformation_circle{
	display: inline-block;
}

.moreinformation_circle_inner{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 280px;
	height: 280px;
	margin: 0 20px 20px;
	background: #ffffff;
	padding: 0px 30px 0;
	border-radius: 280px;
	font-weight: bold;
}

.moreinformation_circle h5{
	font-size: 18px;
}

.lang_en .moreinformation_circle h5{
	font-size: 16px;
}

.moreinformation_circle_text{
	font-size: 12px;
}

.moreinformation_circle_tel{
	font-size: 16px;
}

.moreinformation_circle_btn{
	text-align: center;
}

.moreinformation_circle_btn a{
	display: inline-block;
	padding: 7px 30px 5px;
	font-size: 15px;
	background: #22b8a1;
	color: #ffffff;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
	margin: 20px 0 0;
}

.moreinformation_circle_qr{
	margin-top: 10px;
}

.modal_container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	display: none;
}

.modal_box{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10001;
	background: rgba(0,0,0,0.8);
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal_inner{
	background: #d5eef6;
	border-radius: 10px;
	padding: 20px;
	margin: 0 20px;
	position: relative;
}

.modal_inner img{
	max-width: 100%;
	height: auto;
}

.modal_close{
	position: absolute;
	top: -40px;
	right: 0px;
}

.modal_close a {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
}

.modal_close a span {
	position: absolute;
	left: 0px;
	width: 40px;
	height: 2px;
	background-color: #ffffff;
}

.modal_close a span:nth-of-type(1) {
	top: 19px;
	-webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    transform: translateY(0px) rotate(-45deg);
	background-color: #ffffff;
}

.modal_close a span:nth-of-type(2) {
	top: 19px;
	-webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    transform: translateY(0px) rotate(45deg);
	background-color: #ffffff;
}

/* @end */

/* @group index */

#index_main{
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	background: url("../img/index/main_back_sp.jpg") no-repeat center center;
	background-size: cover;
	height: 420px;
}

#logo_index{
	display: none;
}

#index_main_url{
	display: none;
}

#index_main .contents_inner{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 420px;
}

#index_main_lead{
	width: 100%;
	text-align: center;
	color:#fff;
}

#index_main_lead h2{
	font-size: 30px;
	font-weight: bold;
	display: inline-block;
	border-bottom: 1px solid #fff;
	letter-spacing: 5px;
}

#index_main_lead p{
	text-align: center;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 2px;
	font-weight: normal;
}

#index_body{
	background: #ffffff;
}

#index_article{
	background: #ffffff;
	margin-top: 420px;
}

#latestnews{
	background: #f9f9f9;
	padding: 30px 0;
	text-align: center;
}

#latestnews .contents_inner,
#pickupevent .contents_inner{
	text-align: center;
}

#latestnews .newstopics_container{
	margin-bottom: 30px;
}

#pickupevent{
	background: #ffffff;
	padding: 30px 20px;
	text-align: center;
}

.pickupevent_container{
	margin-bottom: 30px;
}

.pickupevent_box{
	margin: 0 0 20px 0;
	border: 1px solid #dddddd;
	border-radius: 8px;
	padding: 15px;
}

.pickupevent_thumb_photo{
	margin-bottom: 10px;
}

.pickupevent_thumb_photo img{
	width: 100%;
	height: auto;
	border-radius: 8px;
}

.pickupevent_thumb_description{
	text-align: left;
}

.pickupevent_thumb_title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.pickupevent_thumb_date{
	background: url("../img/page/icon_cal.png") no-repeat left center;
	background-size: 19px 20px;
	padding: 5px 0 5px 30px;
	margin-top: 10px;
	font-size: 13px;
}

.pickupevent_thumb_addr{
	background: url("../img/page/icon_addr.png") no-repeat left center;
	background-size: 18px 24px;
	padding: 5px 0 5px 30px;
	margin: 0 0 0 0;
	font-size: 13px;
}

.pickupevent_thumb_btn{
	text-align: center;
}

.pickupevent_thumb_btn a{
	display: inline-block;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #22b8a1;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
	padding: 5px 30px;
	font-size: 14px;
	margin: 10px 0 0;
}

.pickupevent_thumb_btn a:hover{
	opacity: 0.7;
}

.pickupevent_thumb_btn a span{
	display: inline-block;
	padding: 0 0 0 30px;
	background: url("../img/header/island_access_icon.png") no-repeat left center;
}
.section_title{
	margin-bottom: 40px;
}

.section_title h2{
	font-size: 30px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	line-height: 1;
}

.section_title p{
	font-weight: bold;
}

.index_btn{
	margin: 20px 20px 0;
	border: 2px solid #333333;
	background: #ffffff;
	display: block;
	padding: 12px 20px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	border-radius: 6px;
	border-bottom: 5px solid #333333;
}

.index_btn span{
	display: inline-block;
	background: url("../img/page/icon_access.png") no-repeat left center;
	background-size: 18px 18px;
	padding-left: 25px;
}

#areaguide{
	background: #cdf2f3;
	position: relative;
	margin-bottom: 20px;
}

#areaguide_inner{
	width: auto;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#areaguide_back{
}

#areaguide_back img{
	width: 100%;
	height: auto;
}

.areaguide_link{
	position: absolute;
	z-index: 10;
	text-align: left;
	width: 100%;
}

#areaguide_oshima{
	top: 15.087%;
	left: 55.625%;
}

.areaguide_link img{
	width: 36.5625%;
	height: auto;
}

#areaguide_hachijyojima img{
	width: 38.90625%;
	height: auto;
}

#areaguide_access img,
#areaguide_faq img{
	width: 100%;
	height: auto;
}

#areaguide_toshima{
	top: 18.859%;
	left: 5.871%;
}

#areaguide_niijima{
	top: 21.491%;
	left: 49.218%;
}

#areaguide_shikinejima{
	top: 22.587%;
	left: 5.156%;
}

#areaguide_kozushima{
	top: 26.228%;
	left: 1.406%;
}

#areaguide_miyakejima{
	top: 28.508%;
	left: 62.031%;
}

#areaguide_mikurajima{
	top: 32.192%;
	left: 21.875%;
}

#areaguide_hachijyojima{
	top: 39.078%;
	left: 22.815%;
}

#areaguide_aogashima{
	top: 44.736%;
	left: 25.468%;
}

#areaguide_chichijima{
	top: 51.666%;
	left: 30.156%;
}

#areaguide_hahajima{
	top: 57.850%;
	left: 27.968%;
}

#areaguide_inner .section_title{
	position: absolute;
	top: 30px;
	left: 20px;
	z-index: 10;
}

#areaguide_access{
	top: 71.622%;
	left: 0;
}

#areaguide_faq{
	top: 83.464%;
	left: 0;
}


#topsocial{padding:0 20px;}
#topsocial .topsocial_fb{padding:0 0 50px;text-align:center;}
#topsocial .topsocial_fb .topsocial_fb_box{margin:25px 0 0;width:auto;height:500px;box-sizing:border-box;}
#topsocial .topsocial_fb h3{margin:0;line-height:25px;font-size:20px;font-weight:bold;vertical-align:middle;}
#topsocial .topsocial_fb h3 img{width:25px;height:25px;display:inline-block;margin:0 5px 0 0;vertical-align: top;}
#topsocial .topsocial_tw{float:none;padding:0 0 50px;text-align:center;}
#topsocial .topsocial_tw .topsocial_tw_box{margin:25px 0 0;width:auto;height:500px;overflow-y:scroll;box-sizing:border-box;border:1px solid rgba(15,70,100,.12);}
#topsocial .topsocial_tw h3{margin:0;line-height:25px;font-size:20px;font-weight:bold;vertical-align:middle;}
#topsocial .topsocial_tw h3 img{width:25px;height:25px;display:inline-block;margin:0 5px 0 0;vertical-aligntop;}
#topsocial .topsocial_list{margin:0 0 50px;padding:20px 0 15px;border-top:1px #000 solid;border-bottom:1px #000 solid;text-align:center;letter-spacing:-0.4em;}
#topsocial .topsocial_list dt,#topsocial .topsocial_list dd{display:inline-block;letter-spacing:0;line-height:1;}
#topsocial .topsocial_list dt{padding:0 0 15px;width:100%;font-size:20px;font-weight:bold;text-align:center;}
#topsocial .topsocial_list dd{margin:0 0 10px;padding:0 10px;font-size:14px;box-sizing:border-box;vertical-align: top;}
#topsocial .topsocial_list dd + dd{border-left:1px #000 solid;}
#topsocial .topsocial_list dd a{color:#000;text-decoration:underline;}
#topsocial .topsocial_in{text-align:center;}
#topsocial .topsocial_in h3{position:relative;display:inline-block;padding:0 0 0 60px;line-height:30px;font-size:25px;}
#topsocial .topsocial_in h3::before{content:" ";display:block;position:absolute;width:30px;height:30px;background:url("/wp/wp-content/themes/ti/common/img/index/icon_in.png")no-repeat 0 0;background-size:30px 30px;top:0;left:0;}
#topsocial .topsocial_in h3::after{content:" ";display:block;width:1px;height:30px;background:#000;position:absolute;top:0;left:45px;}
#topsocial .topsocial_in_text{text-align:center;padding:5px 0 10px;text-align:center;}
#topsocial .topsocial_in_list{margin:0 10px 50px;padding:15px;font-size:12px;background:#f9f9f9;border:1px solid #dddddd;}
#topsocial .fb_iframe_widget,
#topsocial .fb_iframe_widget span,
#topsocial .fb_iframe_widget span iframe[style]{width:100% !important;}

#tourinformation{
	background: url("../img/index/tourinformation_back.jpg") no-repeat;
	background-size: cover;
	padding: 30px 0 50px;
}

#tourinformation .section_title{
	color: #ffffff;
	text-align: center;
}
.tourinformation_container{
	margin: 0 20px;
}
.tourinformation_box{
  position: relative;
	margin: 0 0 20px 0;
}
.tourinformation_box.pc{
  display:none;
}
.tourinformation_box.sp{
  display:block;
}
.tourinformation_box img{
	width: 100%;
	height: auto;
}
.tourinformation_box_btn{
    position: absolute;
    left:0;
    bottom:0;
    width: 100%;
}
#index_bnarea{
	padding: 60px 0 40px;
	background: #ffffff;
}

.index_bnarea_container{
	margin: 0 20px;
}

.index_bnarea_box{
	width: 48%;
	float: left;
	margin: 0 1% 50px;
}

.index_bnarea_box:nth-child(2n+1){
	clear: both;
}

.index_bnarea_box img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.index_bnarea_box_large img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

#index_company{
	background: #d5eef6;
	padding: 50px 0;
	text-align: center;
}

.index_company_container{
	border: 3px solid #ffffff;
	border-radius: 10px;
	margin: 0 20px;
	padding: 20px;
}

.index_company_icon{
	text-align: center;
	font-weight: bold;
}

.index_company_icon img{
	margin-bottom: 5px;
}

.index_company_text{
	margin-top: 20px;
	padding: 0;
}

.index_company_text h3{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}

.index_company_text p{
	line-height: 1.6;
}

.index_company_btn a{
	position: relative;
	display:inline-block;
	width:140px;
	text-align: center;
	line-height:28px;
	color:#fff;
	font-size:15px;
	background:#22b8a1;
	box-shadow:0px 4px 0px 0px #169d88;
	border-radius:5px;
	cursor:pointer;
	margin-top:5px;
}
.index_company_btn:hover{
	opacity:0.7;
}

/* @end */



/* @group index modal */

.areaguidemodal_container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	display: none;
}

.areaguidemodal_box{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10001;
	background: rgba(0,0,0,0.8);
	display: flex;
	justify-content: center;
	align-items: center;
}

.areaguidemodal_inner{
	background: #ffffff;
	border-radius: 5px;
	padding: 0px;
	position: relative;
	max-width: 800px;
	width: 80%;
}

.areaguidemodal_photo{
	width: 100%;
	height: auto;
}

.areaguidemodal_description{
	padding: 10px 20px;
	text-align: left;
}

.areaguidemodal_photo img{
	width: 100%;
	height: auto;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.areaguidemodal_left{
	font-size: 12px;
}

.areaguidemodal_lead{
	font-weight: bold;
}

.areaguidemodal_left h4{
	font-weight: bold;
	line-height: 1;
	font-size: 18px;
	margin: 5px 0;
}

.areaguidemodal_right{
	margin-top: 10px;
	font-size: 12px;
}

.areaguidemodal_close{
	position: absolute;
	top: -50px;
	right: 0px;
}

.areaguidemodal_close a {
	display: block;
	position: relative;
	width: 40px;
	height: 40px;
	color: #ffffff;
	text-align: center;
	margin: 0 auto;
}

.areaguidemodal_close a span {
	position: absolute;
	left: 0px;
	width: 36px;
	height: 2px;
	background-color: #ffffff;
}

.areaguidemodal_close a span:nth-of-type(1) {
	top: 19px;
	-webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    transform: translateY(0px) rotate(-45deg);
	background-color: #ffffff;
}

.areaguidemodal_close a span:nth-of-type(2) {
	top: 19px;
	-webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    transform: translateY(0px) rotate(45deg);
	background-color: #ffffff;
}

.areaguidemodal_detail{
	position: absolute;
	bottom: -50px;
	width: 100%;
	text-align: center;
}

.areaguidemodal_detail a{
	display: inline-block;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #22b8a1;
	border-bottom: 5px solid #169d88;
	border-radius: 4px;
	padding: 5px 30px;
	font-size: 14px;
	margin: 10px 0 0;
}

.areaguidemodal_detail a:hover{
	opacity: 0.7;
}

.areaguidemodal_detail a span{
	display: inline-block;
	padding: 0 0 0 20px;
	background: url("../img/header/island_access_icon.png") no-repeat left center;
	background-size: 12px 12px;
}

.areaguidemodal_prev{
	position: absolute;
	left: -30px;
	top: 50%;
	margin-top: -15px;
}

.areaguidemodal_prev img,
.areaguidemodal_next img{
	width: 17px;
	height: 30px;
}

.areaguidemodal_next{
	position: absolute;
	right: -30px;
	top: 50%;
	margin-top: -15px;
}


/* @end */

/* @group course */

#course_head{
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#course_head h2{
	font-size: 24px;
	color: #ffffff;
}

.course_head_miyake{
	background: url("../img/course/head_miyakejima.jpg") no-repeat center center;
	background-size: cover;

}
.course_head_chichi{
	background: url("../img/course/head_chichijima.jpg") no-repeat center center;
	background-size: cover;

}
.course_head_haha{
	background: url("../img/course/head_hahajima.jpg") no-repeat center center;
	background-size: cover;

}

.modelcourse_head{
	border: 2px solid #333333;
	border-radius: 10px;
	background: #ffffff;
	position: relative;
	text-align: center;
	padding: 20px 20px;
	margin: 60px 20px 0;
}

.modelcourse_head_icon{
	position: absolute;
	top: -25px;
	left: 50%;
	margin-left: -50px;
}

.modelcourse_head_icon img{
	width: 100px;
	height: auto;
}

.modelcourse_head_container{

}

.modelcourse_head_map{
	text-align: center;
	margin: 30px 0;
}

.modelcourse_head_map img{
	width: 80%;
	height: auto;
}

.modelcourse_head_desc{
	padding: 0;
	text-align: left;
}

.modelcourse_head_desc h3{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

.modelcourse_head_text{
	margin-bottom: 10px;
}

.modelcourse_head_textred{
	color: #fb2a2a;
}

.modelcourse_head_option{
	display: block;
	margin-top: 20px;
}

.modelcourse_head_time{
	display: block;
	padding: 10px 20px 10px 70px;
	background: url("../img/page/icon_clock.png") no-repeat 25px 10px;
	background-size: 20px 20px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #4f4c4e;
	border-bottom: 0;
}

.modelcourse_head_zone{
	border: 1px solid #4f4c4e;
	display: block;
	padding: 10px 20px 10px 70px;
	background: url("../img/course/icon_zone.gif") no-repeat 15px 10px;
	background-size: 40px 20px;
	font-size: 14px;
	font-weight: bold;
}

.modelcourse_head_photo{
	display: none;
}

.modelcourse_timeline{
	position: relative;
	background: url("../img/course/timeline_line.gif") repeat-y top left;
	margin: 0 20px 50px 50px;
}

.modelcourse_timeline_box{
	position: relative;
	width: 100%;
	padding-top: 30px;
}

.modelcourse_timeline_frame{
	background: #ffffff;
	border-radius: 5px;
	padding: 15px;
	position: relative;
}

.modelcourse_timeline_photo{
	margin-bottom: 10px;
}

.modelcourse_timeline_photo2{
	margin-top: 20px;
}

.modelcourse_timeline_photo img{
	border-radius: 5px;
	width: 100%;
	height: auto;
}

.modelcourse_timeline_box .modelcourse_timeline_frame:before{
	width: 20px;
	height: 17px;
	content: "";
	background: url("../img/course/arrow_left.png") no-repeat;
	background-size: 20px 17px;
	position: absolute;
	top: 50%;
	left: -15px;
	margin-top: -23px;
}

.modelcourse_timeline_box .modelcourse_timeline_frame{
	margin-left: 45px;
}

.modelcourse_timeline_box .modelcourse_timeline_box_icon{
	position: absolute;
	top: 50%;
	left: -25px;
	margin-top: -25px;
}

.modelcourse_timeline_box_icon span{
	width: 50px;
	height: 50px;
	font-size: 12px;
	font-weight: bold;
	border: 4px solid #000000;
	border-radius : 65px;
	display: inline-block;
	padding: 13px 5px;
	background: #ffffff;
}

.modelcourse_timeline_frame h4{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}

.modelcourse_timeline_btn{
	text-align: center;
}

.modelcourse_timeline_btn a{
	display: inline-block;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	background: #22b8a1;
	border-bottom: 3px solid #169d88;
	border-radius: 4px;
	padding: 5px 50px;
	font-size: 14px;
	margin: 10px 0 0;
}

.modelcourse_timeline_btn a:hover{
	opacity: 0.7;
}

.modelcourse_timeline_btn a span{
	display: inline-block;
	padding: 0 0 0 20px;
	background: url("../img/page/icon_map.png") no-repeat left center;
	background-size: 12px 16px;
}



.modelcourse_timeline2{
	margin-top: 50px;
}

.modelcourse_timeline_box_icon_1{
	position: absolute;
	top: 0;
	left: -25px;
	margin-top: -25px;
}

.modelcourse_timeline_box_icon_1 span{
	width: 50px;
	height: 50px;
	font-size: 12px;
	font-weight: bold;
	border: 4px solid #000000;
	border-radius : 65px;
	display: inline-block;
	padding: 13px 5px;
	background: #f6ff00;
}

/* @end */



/* @group qa */

.qa_title{
	margin-bottom: 50px;
}

.qa_title img{
	width: auto;
	height: 40px;
}

.qa_block{
	text-align: center;
}

.qa_box{
	width: auto;
	margin: 0 20px 60px;
	background: #ffffff;
	border-radius: 10px;
	position: relative;
	padding: 20px 20px 20px;
}

.qa_illust{
	display: none;
}

.qa_num{
	width: 80px;
	height: 40px;
	background: url("../img/qa/icon_circle.png") no-repeat;
	background-size: 80px 40px;
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -40px;
	padding-top: 20px;
	font-size: 24px;
	color: #12bcb2;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
}

.qa_box h3{
	color: #12bcb2;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
}

.qa_text{
	font-weight: bold;
	margin-top: 20px;
}

.qa_btn{
	text-align: center;
}

.qa_btn a{
	margin: 20px 0 0;
	border: 2px solid #333333;
	background: #ffffff;
	display: inline-block;
	padding: 2px 30px;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	border-radius: 4px;
	border-bottom: 3px solid #333333;
}

.qa_btn a span{
	display: inline-block;
	background: url("../img/page/icon_access.png") no-repeat left center;
	background-size: 16px 16px;
	padding-left: 20px;
}

/* @end */



/* @group page navi */

.wp-pagenavi {
	clear: both;
	text-align: center;
	margin: 30px 0;
}

.wp-pagenavi .pages{
	display: none !important;
}

.wp-pagenavi a, .wp-pagenavi span {
	padding: 5px 8px !important;
	background: #ffffff !important;
	color: #333333 !important;
	text-decoration: none !important;
	font-size: 12px !important;
	border: 1px solid #333333  !important;
	margin: 0 5px;
	-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: #ffffff !important;
	background: #333333 !important;
}

.wp-pagenavi span.current {
	font-weight: bold !important;
}

/* @end */


/* @group contact */

.contactform_container{
    background: #ffffff;
    border-radius: 6px;
    text-align: center;
    position: relative;
    margin: 50px 20px 0;
    padding: 20px 0 20px;
}

.contactform_icon{
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -41px;
}

.contactform_icon img{
    width: 94px;
    height: auto;
}

.contactform_title{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.contactform_step{
    text-align: center;
    margin: 50px 0;
}

.contactform_step ul{
    margin: 0 10px;
}

.contactform_step ul li{
    width: 28%;
    background: #f5f5f5;
    border-radius: 5px;
    display: block;
    position: relative;
    margin-left: 5%;
    float: left;
    color: #555555;
    padding: 10px 0;
    font-size: 10px;
}

.contactform_step ul li.active{
    background: #65bce5;
    color: #ffffff;
}

.contactform_step ul li:after{
    position: absolute;
    content: "";
    width: 5px;
    height: 8px;
    background: url("../img/contact/arrow.png") no-repeat;
    background-size: 5px 8px;
    top: 50%;
    right: -10px;
    margin-top: -4px;
}

.contactform_step ul li:last-child::after{
    display: none;
}

.contactform_form{
    border-top: 1px dotted #000000;
    text-align: left;
    margin: 0 20px;
}

.contactform_box{
    border-bottom: 1px dotted #000000;
    padding: 10px 0;
}

.contactform_required{
    float: left;
    padding: 5px 0;
}

.contactform_required span{
    display: inline-block;
    background: #ff0000;
    color: #ffffff;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 10px;
}

.contactform_label{
    width: 200px;
    float: left;
    padding: 5px;
}

.contactform_input{
}

.contactform_input input{
    width: 100%;
    background: #efefef;
    border: 0;
    font-size: 14px;
    padding: 10px;
}

.contactform_input select{
    margin: 10px 0;
    font-size: 14px;
}

.contactform_input textarea{
    width: 100%;
    height: 150px;
    background: #efefef;
    border: 0;
    font-size: 14px;
    padding: 10px;
}

.contactform_attr{
    text-align: center;
    margin: 20px 0 0;
    color: #333333;
    font-size: 12px;
}

.contactform_attr a{
    color: #333333;
}

.form_btn{
    text-align: center;
}

.form_btn input{
    display: inline-block;
    color: #ffffff;
    text-align: center;
    background: #22b8a1;
	border: 0;
    border-bottom: 3px solid #169d88;
    border-radius: 4px;
    padding: 10px 20px 8px;
    font-size: 18px;
    margin: 40px 20px 0;
	-webkit-appearance: none;
	-webkit-border-radius: 4px;
}

.contactform_thanks{
    margin-top: 100px;
}

.contactform_thanks_title{
    font-size: 20px;
    font-weight: bold;
}

.contactform_thanks_titlesub{
    font-size: 16px;
    margin-bottom: 100px;
}

.contactform_thanks_btn{
    text-align: center;
}

.contactform_thanks_btn a{
    display: inline-block;
    color: #ffffff;
    text-align: center;
    background: #22b8a1;
    border-bottom: 3px solid #169d88;
    border-radius: 4px;
    padding: 12px 70px 8px;
    font-size: 22px;
    margin: 40px 20px 0;
}

/* @end */

/* @group 404 */

.notfound_container{
	background: #ffffff;
	border-radius: 6px;
	text-align: center;
	position: relative;
	margin: 50px 40px 0;
	padding: 40px 0;
}

.notfound_title{
	font-size: 18px;
	font-weight: bold;
}

.notfound_text{
	margin-top: 20px;
}


/* @end */

/* @group footer */

footer{

}

#footer_sky{
}

.footer_sky_inner{
}

#footer_sea{
	background: #a4e0e0;
}

.footer_sea_inner{
}

.footer_sky_inner img{
	display: inline;
	width: 100%;
	height: auto;
}

.footer_sea_inner ul{
	margin: 0 10px;
	background: url("../img/footer/sp_footer02.jpg") no-repeat bottom center;
	background-size: 100% auto;
	padding-bottom: 100px;
}

.footer_sea_inner li{
	width: 46%;
	float: left;
	margin: 0 2% 10px;
	padding: 0 10px;
	background: #ffffff;
	border-radius: 5px;
}

.footer_sea_inner li a{
	display: block;
	background: #ffffff url("../img/footer/sp_footer_icon.png") no-repeat left center;
	background-size: 14px 14px;
	padding: 10px 10px 10px 18px;
	text-align: left;
	position: relative;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
}

.footer_sea_inner li a span{
	position: absolute;
	top: 50%;
	right: 5px;
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	line-height: 1;
	width: 46px;
	margin-top: -12px;
}

.footer_sea_inner li a span.row1{
	margin-top: -5px;
}

.footer_sea_inner li a span.row2{
	margin-top: -10px;
}

#footer_text{
	background: #ffffff;
	text-align: center;
	font-size: 11px;
}

.footer_link{
	text-align: center;
}

.footer_link ul li{
	width: 50%;
	float: left;
	display: block;
	text-align: center;
}

.footer_link ul li a{
	display: block;
	color: #333333;
	font-size: 14px;
	padding: 12px 5px;
	border-bottom: 1px solid #cccccc;
}

.footer_link ul li:nth-child(1) a,
.footer_link ul li:nth-child(3) a{
	border-right: 1px solid #cccccc;
}

.footer_copyright{
	text-align: center;
	padding: 10px 0;
}


/* @end */

}

/* @group temporary */



.menu_ja_only{
	display: none;
}

.lang_ja .menu_ja_only{
	display: block;
}

.lang_en .islands_access,
.lang_cn .islands_access,
.lang_tw .islands_access,
.lang_kr .islands_access{
	display: none;
}

/* @end */


/* @group clear */

.contents_inner:after,
article:after,
header:after,
#header_top:after,
#menu:after,
#news_navi:after,
.news_navi_genre:after,
.news_navi_area:after,
#news_container:after,
#event_navi:after,
.cal_container:after,
#event_container:after,
.event_thumb_box:after,
.event_single_foot:after,
.cal_title:after,
.cal_list ul:after,
.island_head:after,
.islands_menu_container:after,
.island_sightseeing_block:after,
.accessduration_container:after,
.modelcourse_container:after,
.newstopics_container:after,
.moreinformation_container:after,
.tourinformation_container:after,
.index_bnarea_container:after,
.pickupevent_container:after,
.modelcourse_head_container:after,
.qa_container:after,
.areaguidemodal_description:after,
.news_pagenavi:after,
.footer_sea_inner ul:after,
.contactform_step ul:after,
.contactform_box:after,
.footer_link ul:after,
.event_sidebar_area_list ul:after,
.islands_menu_container:after{
	visibility: hidden;
	display: block;
	font-size:0;
	content: " ";
	clear: both;
	height: 0;
}

/* @end */