/* ------------------------------------------------------------

group top

------------------------------------------------------------ */
.top-mainimage {
	height: 495px;
	overflow: hidden;
}
.mainimage {
	margin-bottom: 25px;
}
.mainimage .bx-wrapper .bx-prev {
	left: 20px;
	background: url(../images/top/btn_prev.png) no-repeat 0 0;
}
.mainimage .bx-wrapper .bx-next {
	right: 20px;
	background: url(../images/top/btn_next.png) no-repeat 0 0;
}
.mainimage .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -19.5px;
	outline: 0;
	width: 39px;
	height: 39px;
	text-indent: -9999px;
	z-index: 500;
}

.anchor-link {
	margin-bottom: 40px;
}
.anchor-link ul {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	letter-spacing: -.40em;
	font-size: 0;
}
.anchor-link ul li {
	display: inline-block;
	letter-spacing: normal;
	padding-right: 30px;
	font-size: 18px;
	font-weight: 700;
}
.anchor-link ul li.sp {
	display: none;
}
.anchor-link ul li:before {
	content: "|";
	display: inline-block;
	padding-right: 30px;
}
.anchor-link ul li:first-child:before {
	content: "";
	padding-right: 0;
}
.anchor-link ul li:after {
	content: "\f107";
	font-family: FontAwesome;
	display: block;
	text-align: center;
	padding-left: 30px;
	line-height: 1;
	color: #828282;
}
.anchor-link ul li:first-child:after {
	padding-left: 0;
}

.top-left-area {
	width: 860px;
}
.top-right-area {
	width: 300px;
}
.top-ttl01 {
	font-size: 20px;
	font-weight: 700;
	line-height: 40px;
	padding-left: 50px;
	margin-bottom: 10px;
}
.top-ttl01 span {
	font-size: 14px;
	font-weight: normal;
	padding-left: 10px;
}
.top-ttl01 span:before {
	content: "|";
	display: inline-block;
	padding-right: 10px;
}

.top-ttl02 {
	font-size: 26px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
}

.ico_tw { background: url(../images/common/ico_tw.png) no-repeat; }
.ico_map { background: url(../images/common/ico_map.png) no-repeat; }
.ico_info { background: url(../images/common/ico_info.png) no-repeat; }
.ico_weather { background: url(../images/common/ico_weather.png) no-repeat; }
.ico_enquete { background: url(../images/common/ico_enquete.png) no-repeat; }
.ico_useful:before {
	content: "";
	display: block;
	text-align: center;
	background: url(../images/common/ico_letter.png) no-repeat;
	width: 37px;
	height: 37px;
	margin: 0 auto;
}
.ico_tour:before {
	content: "";
	display: block;
	text-align: center;
	background: url(../images/common/ico_flag.png) no-repeat;
	width: 36px;
	height: 39px;
	margin: 0 auto 10px;
}
.ico_instagram:before {
	content: "";
	display: block;
	text-align: center;
	background: url(../images/common/ico_instagram.png) no-repeat;
	width: 39px;
	height: 40px;
	margin: 0 auto 10px;
}
.ico_search:before {
	content: "";
	display: block;
	text-align: center;
	background: url(../images/common/ico_search.png) no-repeat;
	width: 36px;
	height: 36px;
	margin: 0 auto 10px;
	position: relative;
	left: -10px;
}
/* バナー広告 */
.top-banner {
	margin-top: 45px;
}
.top-banner ul {
	letter-spacing: -.40em;
	text-align: center;
}
.top-banner ul li {
	letter-spacing: normal;
	display: inline-block;
	margin-right: 2.666666666666667%;
	width: 100%;
}
.top-banner ul li:last-child {
	margin-right: 0;
}
.top-banner ul li img {
	width: 100%;
}
#map_canvas_01,
#map_canvas_02,
#map_canvas_03 {
	margin:0 auto;
	width:630px;
	min-height: 420px;
}

/* サイドバナー */
.top-bnr {
	margin:52px 0 30px;
}
.top-bnr ul li {
	margin-bottom: 30px;
}
.top-bnr ul li img {
	width: 100%;
}

/* ソーシャルエリア */
.tw {
	width: 300px;
	background: #fff;
}
.twBox {
	height: 544px;
	background: #fff;
	border: 1px solid #cccccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* 離島MAP */
.top-area-map {
	margin-bottom: 30px;
}
.top-area-map .area-map {
	background: url(../images/top/area-map/area_map_bg.jpg) no-repeat;
	height: 420px;
	position: relative;
}
.top-area-map .area-map > ul > li {
	position: absolute;
	cursor: pointer;
}
.top-area-map .area-map ul li.map_aguni { top: 82px; left: 447px;}
.top-area-map .area-map ul li.map_ie { top: 96px; left: 543px;}
.top-area-map .area-map ul li.map_iheya { top: 27px; left: 727px;}
.top-area-map .area-map ul li.map_ishigaki { top: 184px; left: 216px; display: none;}
.top-area-map .area-map ul li.map_ishigaki-kabira { top: 353px; left: 216px;}
.top-area-map .area-map ul li.map_ishigaki-hokubu { top: 209px; left: 204px;}
.top-area-map .area-map ul li.map_izena { top: 38px; left: 574px;}
.top-area-map .area-map ul li.map_kitadaitou { top: 312px; left: 723px;}
.top-area-map .area-map ul li.map_kudaka { top: 258px; left: 678px;}
.top-area-map .area-map ul li.map_kume { top: 145px; left: 324px;}
.top-area-map .area-map ul li.map_minamidaitou { top: 350px; left: 629px;}
.top-area-map .area-map ul li.map_minna { top: 145px; left: 565px;}
.top-area-map .area-map ul li.map_miyako { top: 348px; left: 488px;}
.top-area-map .area-map ul li.map_tarama { top: 342px; left: 376px;}
.top-area-map .area-map ul li.map_tokashiki { top: 287px; left: 567px;}
.top-area-map .area-map ul li.map_tonaki { top: 120px; left: 408px;}
.top-area-map .area-map ul li.map_tsuken { top: 212px; left: 733px;}
.top-area-map .area-map ul li.map_yonaguni { top: 360px; left: 46px;}
/*.top-area-map .area-map ul li.map_zamami { top: 191px; left: 539px;} */
.top-area-map .area-map ul li.map_aka { top: 191px; left: 545px;}
.top-area-map .area-map ul li.map_iriomote-funauki { top: 207px; left: 92px;}
.top-area-map .area-map ul li.map_ikema { top: 182px; left: 324px;}
.top-area-map .area-map ul li.map_irabu { top: 224px; left: 321px;}

.area-map-list aside {
	display: none;
}
.balloonTip {
}
.balloonTip ul li {
	font-size: 18px;
	font-weight: 700;
	line-height: 60px;
}
.balloonTip ul li a:after {
	content: "\f105";
	font-family: FontAwesome;
	display: inline-block;
	color: #abacaf;
	padding-left: 14px;
	line-height: 1;
}


.flipout {
	text-align: center;
}


/* 島たびニュース */
.top-info dl {
	border-bottom: 1px dotted #000;
	padding-bottom: 12px;
	margin-bottom: 20px;
	line-height: 28px;
}
.top-info dl:after {
  visibility:hidden;
  display:block;
  font-size:0;
  content:" ";
  clear:both;
  height:0;
}
.top-info dl dt {
	float: left;
	width: 115px;
	font-weight: 700;
	color: #21a3df;
}
.top-info dl dd {
	overflow: hidden;
}
.top-info dl dd span.new {
	color: #ff0000;
	padding-right: 1em;
}

/* 天気 */
.top-weather {
	margin-bottom: 30px;
}
.top-weather .weather-box {
	background: url(../images/top/weather_bg.jpg) no-repeat;
	height: 314px;
	padding: 25px 40px 20px;
	text-align: center;
	color: #fff;
	position: relative;
	overflow: hidden;
}

.nowdata {
	position: absolute;
	bottom: 54px;
	left: 1px;
	right: 1px;
	margin: 0 auto;
	line-height: 22px;
}
.top-weather .weather-box h3 {
	font-size: 20px;
	font-weight: 700;
	padding-left: 10px;
}
.top-weather .weather-box a {
	border-color: #fff;
	color: #fff;
}
.top-weather .weather-box .weather-icon {
	display: table;
	width: 100%;
	height: 162px;
}
.top-weather .weather-box .weather-data {
	font-size: 13px;
	line-height: 22px;
	padding-top: 40px;
	margin-bottom: 10px;
}
.top-weather .weather-box .weather-data span {
	padding-left: 23px;
}
.top-weather .weather-box .weather-data .ico-sunrise {
	background: url(../images/top/ico_sunrise.png) no-repeat;
}
.top-weather .weather-box .weather-data .ico-sunset {
	background: url(../images/top/ico_sunset.png) no-repeat;
}

.top-weather .bx-wrapper {
}
.top-weather .bx-wrapper .bx-prev {
	left: -20px;
	background: url(../images/top/weather_prev.png) no-repeat 0 0;
}
.top-weather .bx-wrapper .bx-next {
	right: -20px;
	background: url(../images/top/weather_next.png) no-repeat 0 0;
}
.top-weather .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -9.5px;
	outline: 0;
	width: 11px;
	height: 19px;
	text-indent: -9999px;
	z-index: 500;
}



@font-face {
    font-family: 'weather';
    src: url('../font/weathericons-regular-webfont.eot');
    src: url('../font/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/weathericons-regular-webfont.woff') format('woff'),
         url('../font/weathericons-regular-webfont.ttf') format('truetype'),
         url('../font/weathericons-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.weather {
  text-align: center;
}
.weather i {
  color: #fff;
  font-family: weather;
  font-size: 120px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
  text-transform: none;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}

.icon-0:before { content: "\f056"; }
.icon-1:before { content: "\f03b"; }
.icon-2:before { content: "\f010"; }
.icon-3:before { content: "\f01e"; }
.icon-4:before { content: "\f010"; }
.icon-5:before { content: "\f017"; }
.icon-6:before { content: "\f017"; }
.icon-7:before { content: "\f017"; }
.icon-8:before { content: "\f017"; }
.icon-9:before { content: "\f01b"; }
.icon-10:before { content: "\f017"; }
.icon-11:before { content: "\f01b"; }
.icon-12:before { content: "\f01b"; }
.icon-13:before { content: "\f01b"; }
.icon-14:before { content: "\f01b"; }
.icon-15:before { content: "\f017"; }
.icon-16:before { content: "\f01b"; }
.icon-17:before { content: "\f017"; }
.icon-18:before { content: "\f015"; }
.icon-19:before { content: "\f014"; }
.icon-20:before { content: "\f014"; }
.icon-21:before { content: "\f014"; }
.icon-22:before { content: "\f014"; }
.icon-23:before { content: "\f014"; }
.icon-24:before { content: "\f011"; }
.icon-25:before { content: "\f011"; }
.icon-26:before { content: "\f013"; }
.icon-27:before { content: "\f031"; }
.icon-28:before { content: "\f002"; }
.icon-29:before { content: "\f031"; }
.icon-30:before { content: "\f002"; }
.icon-31:before { content: "\f02e"; }
.icon-32:before { content: "\f00d"; }
.icon-33:before { content: "\f02e"; }
.icon-34:before { content: "\f00d"; }
.icon-35:before { content: "\f017"; }
.icon-36:before { content: "\f00d"; }
.icon-37:before { content: "\f010"; }
.icon-38:before { content: "\f010"; }
.icon-39:before { content: "\f010"; }
.icon-40:before { content: "\f01a"; }
.icon-41:before { content: "\f017"; }
.icon-42:before { content: "\f01b"; }
.icon-43:before { content: "\f017"; }
.icon-44:before { content: "\f031"; }
.icon-45:before { content: "\f010"; }
.icon-46:before { content: "\f015"; }
.icon-47:before { content: "\f010"; }


/* みんなのアンケート */
.top-enquete {
	margin-bottom: 30px;
}
.top-enquete .enquete-box {
	background: #f3f3f3;
	padding: 35px 30px 25px;
}
.top-enquete .enquete-box h3 {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
}
.comingsoon {
  border: 2px solid #333;
  display: block;
  line-height: 46px;
  text-align: center;
  font-weight: 700;
}

/* お役立ちコンテンツ */
.top-useful {
	margin-top: 45px;
	background: url(../images/top/useful_bg02.gif) repeat;
}
.top-useful .inner {
	background: url(../images/top/useful_bg.jpg) no-repeat center top;
	padding: 45px 0 82px;
}
.top-useful ul {
	letter-spacing: -.40em;
	text-align: center;
}
.top-useful ul li {
	letter-spacing: normal;
	display: inline-block;
	margin-right: 2.666666666666667%;
	width: 23%;
}
.top-useful ul li:last-child {
	margin-right: 0;
}
.top-useful ul li img {
	width: 100%;
}

/* おすすめツアー情報 */
.top-tour {
	background: url(../images/top/tour_bg.gif) repeat;
	padding: 50px 0;
}
.top-tour .bx-wrapper {
	margin-bottom: 40px !important;
	padding-left: 30px;
}
.top-tour .bx-wrapper .bx-prev {
	left: -90px;
	background: url(../images/top/tour_prev.png) no-repeat 0 0;
}
.top-tour .bx-wrapper .bx-next {
	right: -90px;
	background: url(../images/top/tour_next.png) no-repeat 0 0;
}
.top-tour .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 70px;
	outline: 0;
	width: 22px;
	height: 38px;
	text-indent: -9999px;
	z-index: 500;
}
.top-tour .tour-slider article {
	padding-right: 60px;
}
.top-tour .tour-slider figure {
	position: relative;
	margin: 0 0 20px;
}
.top-tour .tour-slider figure .mark-new {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.top-tour .tour-slider h3 {
	font-weight: 700;
}

/* instagram */
.top-instagram {
	padding: 40px 0;
}
.top-instagram ul {
	letter-spacing: -.40em;
	text-align: center;
	margin-bottom: 38px;
}
.top-instagram ul li {
	letter-spacing: normal;
	display: inline-block;
	margin-right: 10px;
}
.top-instagram ul li img {
	width: 190px;
	height: 190px;
}
.top-instagram ul li:last-child {
	margin-right: 0;
}

#sb_instagram #sbi_load .sbi_load_btn,
#sb_instagram .sbi_follow_btn a {
    display: block !important;
    padding: 0 !important;
    border: 2px solid #333 !important;
    line-height: 46px !important;
    font-weight: 700 !important;
    width: 300px !important;
    margin: 0 auto !important;
    color: #333 !important;
    border: 2px solid #333 !important;
    font-size: 14px !important;
    border-radius: 0px !important;
}
#sb_instagram #sbi_load .sbi_load_btn:hover {
  background: #333 !important;
  color: #fff !important;
}


/* ------------------------------------------------------------

group second

------------------------------------------------------------ */

.second-content {
	background: url(../images/common/second_bg.gif) repeat;
	padding: 0 0 40px;
}

.btn-tour {
	background: #fff100;
	border-radius: 32px;
	line-height: 40px;
	font-weight: 700;
	font-size: 18px;
	display: block;
	text-align: center;
}
.btn-tour span:before {
	content: "";
	background: url(../images/common/ico_flag.png) no-repeat bottom center;
	background-size: 19px 21px;
	display: inline-block;
	padding-right: 10px;
	width: 19px;
	height: 21px;
	position: relative;
	top: 5px;
}

.leadcopy {
	border-top: 3px solid #dfdfda;
	padding-top: 30px;
	font-size: 16px;
	margin-bottom: 45px;
}

.normal-content {
	width: 800px;
	float: left;
}
aside {
	width: 360px;
	float: right;
}

/* table layout */
.dl-list dl {
	display: table;
	width: 100%;
	border-bottom: 1px solid #dfdfda;
	padding-bottom: 3px;
	margin-bottom: 3px;
}
.dl-list dl dt,
.dl-list dl dd {
	display: table-cell;
	vertical-align: middle;
}

.dl-list dl dt {
	background: rgba(223,223,218,0.7);
	padding:15px 0;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	width: 160px;
}
.dl-list dl dd {
	padding: 5px 15px;
	font-size: 15px;
	color: #222;
}

/* 離島コーディネーター一覧 */
.coordinator-list {
	margin-left: -32px;
	margin-top: 50px;
}
.coordinator-list article {
	width: 276px;
	margin-left: 32px;
	margin-bottom: 25px;
	background: #fff;
}
.coordinator-list figure {
	position: relative;
	margin: 0;
	width: 276px;
	height: 276px;
	overflow: hidden;
}
.coordinator-list figure img {
	width: 100%;
	height: auto;
}
.coordinator-list div {
	padding: 10px;
}

/* 離島MAP */
.tour-info {
	margin-left: -32px;
	margin-top: 50px;
}
.tour-info article {
	width: 276px;
	margin-left: 32px;
	margin-bottom: 25px;
	background: #fff;
}
.tour-info figure {
	position: relative;
	margin: 0;
	width: 276px;
	height: 176px;
	overflow: hidden;
}
.tour-info figure img {
	width: 100%;
	height: auto;
}
.tour-info figure .mark-new {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.tour-info div {
	padding: 10px;
}
.tour-info div .location {
	font-size: 11px;
	padding-top: 5px;
}
.tour-info div .location .fa {
	color: #bbbbbb;
}
.columnBand {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 10;
	background-color: rgba(70,70,70,0.74);
	color: #fff;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
}

/* 体験プログラム一覧 */
.program-list {
	margin-left: -32px;
}
.program-list article {
	width: 276px;
	margin-left: 32px;
	margin-bottom: 25px;
	background: #fff;
}
.program-list figure {
	position: relative;
	margin: 0;
	width: 276px;
	height: 176px;
	overflow: hidden;
}
.program-list figure img {
	width: 100%;
	height: auto;
}
.program-list figure .mark-new {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
.program-list div {
	padding: 10px;
}
.program-list div .location {
	font-size: 11px;
	padding-top: 5px;
}
.program-list div .location .fa {
	color: #bbbbbb;
}

.tag-list {
	margin-bottom: 8px;
}
.tag-list li {
	display: inline-block;
	color: #fff;
	line-height: 20px;
	font-size: 11px;
	font-weight: 700;
	padding: 0 7px;
	border-radius: 4px;
}
.tag-list li.tag01,
.tag-list li.tag07,
.tag-list li.tag13 {
	background: #b3d465; }
.tag-list li.tag02,
.tag-list li.tag08,
.tag-list li.tag14 {
	background: #c490bf; }
.tag-list li.tag03,
.tag-list li.tag09,
.tag-list li.tag15 {
	background: #88abda; }
.tag-list li.tag04,
.tag-list li.tag10,
.tag-list li.tag16 {
	background: #f29c9f; }
.tag-list li.tag05,
.tag-list li.tag11,
.tag-list li.tag17 {
	background: #a6937c; }
.tag-list li.tag06,
.tag-list li.tag12,
.tag-list li.tag18 {
	background: #f8b551; }

/* 各離島ページ */
ul.areaMap_tab,
ul.shimaMap_tab {
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
	letter-spacing: -.40em;
	font-size: 0;
}
ul.areaMap_tab li,
ul.shimaMap_tab li {
	display: inline-block;
	letter-spacing: normal;
	padding-right: 30px;
	font-size: 18px;
	font-weight: 700;
}
ul.areaMap_tab li:hover,
ul.shimaMap_tab li:hover {
	color: #0071dc;
	cursor: pointer;
}
ul.areaMap_tab li.select,
ul.shimaMap_tab li.select {
	color: #0071dc !important;
}

/* チェックボックス
============================== */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}


.btn-group {
	margin-bottom: 25px;
}
.btn-group label {
	background: #ededed;
	border: 1px solid #d4d4d4;
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	border-radius: 4px;
	display: inline-block;
	padding: 0 20px;
	margin: 0 3px;
	cursor: pointer;
	margin-bottom: 10px;
}
.btn-group label.mainlabel {
	border-radius: 32px;
}
.btn-group label-main.active { color: #fff; }
.btn-group label.active { color: #fff; }
.chk01.active,
.chk07.active,
.chk13.active,
.chk19.active,
.chk25.active,
.chk31.active {
	background: #b3d465; border: 1px solid #b3d465;
}
.chk02.active,
.chk08.active,
.chk14.active,
.chk20.active,
.chk26.active {
	background: #c490bf; border: 1px solid #c490bf;
}
.chk03.active,
.chk09.active,
.chk15.active,
.chk21.active,
.chk27.active {
	background: #88abda; border: 1px solid #88abda;
}
.chk04.active,
.chk10.active,
.chk16.active,
.chk22.active,
.chk28.active {
	background: #f29c9f; border: 1px solid #f29c9f;
}
.chk05.active,
.chk11.active,
.chk17.active,
.chk23.active,
.chk29.active {
	background: #a6937c; border: 1px solid #a6937c;
}
.chk06.active,
.chk12.active,
.chk18.active,
.chk24.active,
.chk30.active {
	background: #f8b551; border: 1px solid #f8b551;
}

/* tour */
.slide-area {
	width: 500px;
	float: left;
	margin-right: 30px;
}
.tour-outline {
	overflow: hidden;
}
.slide-area .bx-wrapper .bx-pager.bx-default-pager a {
	background: #bfbfbf;
	width: 10px;
	height: 10px;
}
.slide-area .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slide-area .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #333333;
}
.slide-area .bx-wrapper .bx-pager,
.slide-area .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -42px;
	width: 100%;
}
.slide-area .bx-wrapper .bx-prev {
	left: 20px;
	background: url(../images/top/btn_prev.png) no-repeat 0 0;
}
.slide-area .bx-wrapper .bx-next {
	right: 20px;
	background: url(../images/top/btn_next.png) no-repeat 0 0;
}
.slide-area .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -19.5px;
	outline: 0;
	width: 39px;
	height: 39px;
	text-indent: -9999px;
	z-index: 500;
}

.inner02 {
	width: 780px;
	margin: 70px auto 0;
}
.inline-link {
	margin-bottom: 50px;
}
.inline-link ul {
	display: table;
	width: 100%;
	border-collapse: collapse;
}
.inline-link li {
	display: table-cell;
	width: 33.33333333333%;
	border: 2px solid #333333;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	padding: 10px 0;
}
.inner02 section.b-border {
	border-bottom: 1px solid #dfdfda;
	padding-bottom: 40px;
}
.inner02 section {
	margin-bottom: 40px;
}

.tb01 th,
.tb01 td {
	text-align: left;
	vertical-align: top;
	padding-bottom: 50px;
}
.tb01 th {
	width: 10%;
	font-size: 16px;
}

/* 応募フォーム */
.label-block {
	display: block;
	margin-bottom: 15px;
}
.label-block input {
	margin-right: 5px;
}
.form-list dl {
	border-bottom: 1px dotted #7d7d7d;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: table;
	width: 100%;
}
.form-list dl dt,
.form-list dl dd {
	display: table-cell;
	vertical-align: top;
}
.form-list dl dt {
	width: 275px;
	font-weight: bold;
	font-size: 16px;
}
.form-list dl dd span {
	padding: 0 5px;
}
input.text {
	border: 1px solid #dcdcdc;
	border-radius: 8px;
	font-size: 16px;
	line-height: 34px;
	padding: 0 10px;
	width: 300px;
}
input.small01 {
	width: 60px !important;
}
input.small02 {
	width: 100px !important;
}
input.medium {
	width: 230px;
}
input.large {
	width: 100%;
}
textarea.textarea {
	border: 1px solid #dcdcdc;
	border-radius: 8px;
	font-size: 16px;
	padding: 5px 10px;
	width: 100%;
}

.form-list dl dd .radio-custom span{
	padding: 0 10px 0 0;
}

.form-list select {
	border: 1px solid #dcdcdc;
	border-radius: 8px;
	height: 34px;
	padding: 0 10px;
}

.hiddentext {
	display: none;
}

.inner03 {
	width: 780px;
	margin: 0 auto;
}
.inner04 {
	width: 780px;
	margin: 0 auto;
}
.inner04 section {
	margin-bottom: 40px;
}


/* 全体スケジュール */
.ai1ec-calendar-toolbar {
	border: none !important;
}


/* 応募の流れ */
.flow dl {
	margin-bottom: 15px;
	display: table;
	width: 100%;
}
.flow dl dt,
.flow dl dd {
	display: table-cell;
	vertical-align: middle;
}
.flow dl dt {
	width: 50px;
}
.flow dl dd {
	font-size: 26px;
	font-weight: 700;
	padding-top: 17px;
	padding-left: 20px;
	line-height: normal;
}
.flow p {
	margin-bottom: 40px;
}

/* 当選から出発までの流れ */
.tostart {
	background: url(../images/tostart/arrow.png) no-repeat top left;
	background-size: contain;
}
.tostart div.step {
}
.tostart h2 {
	font-size: 18px;
	font-weight: bold;
	margin: 0 90px;
}
.tostart p {
	margin: 0 90px 20px;
	padding-left: 1em;
}
.tostart p img {
	height: 70px;
	vertical-align: top;
}
.tostart .bg01 {
	background: url(../images/tostart/bg_img01.png) no-repeat top right;
	background-size: contain;
}
.tostart .bg02 {
	background: url(../images/tostart/bg_img02.png) no-repeat top left;
	background-size: contain;
}
.tostart .bg03 {
	background: url(../images/tostart/bg_img03.png) no-repeat top right;
	background-size: contain;
}
.tostart .bg06 {
	background: url(../images/tostart/bg_img06.png) no-repeat top left;
	background-size: auto 100px;
}
.tostart .bg08 {
	background: url(../images/tostart/bg_img08.png) no-repeat top left;
	background-size: auto 100px;
}


/* 離島から探す */
.accordion dl {
	font-size: 18px;
}
.accordion dl dt {
	background: #21a3df;
	color: #fff;
	line-height: 50px;
	padding-left: 20px;
	font-weight: 700;
	position: relative;
	border-bottom: 1px solid #fff;
}
.accordion dl dt:after {
	content: "\f106";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	top: 8px;
	right: 15px;
	line-height: 1;
	font-size: 2em;
	font-weight: normal;
}
.accordion dl dt.active:after {
	content: "\f107";
}
.accordion dl dd {
	display: none;
}
.accordion dl dd ul li {
	background: #dcdcdc;
	text-align: center;
	border-bottom: 1px solid #fff;
	line-height: 50px;
}
.accordion dl dd ul li a {
	display: block;
}

.disc-list {
	padding-left: 1.3em;
}
.disc-list li {
	list-style: disc;
}

.faq {
	margin-bottom: 40px;
}
.faq dl {
	margin-bottom: 20px;
}
.faq dl dt,
.faq dl dd {
	padding-left: 20px;
}
.faq dl dt {
	font-size: 18px;
	color: #21a3df;
}
.faq dl dt:before {
	content: "Q.";
	color: #21a3df;
	display: inline-block;
	text-indent: -20px;
}
.faq dl dd:before {
	content: "A.";
	color: #ff8400;
	display: inline-block;
	font-size: 18px;
	text-indent: -20px;
}

/* 島あっちぃ豆知識 */
.trivia {
	margin-bottom: 40px;
}
.trivia dl {
	margin-bottom: 20px;
}
.trivia dl dt,
.trivia dl dd {
	padding-left: 20px;
}
.trivia dl dt {
	font-size: 18px;
	color: #21a3df;
}

/* pagenation */
.pagenation {
    text-align: center;
    font-size: 16px;
}
.pagenation .wp-pagenavi span,
.pagenation .wp-pagenavi a {
	border: 1px solid #333;
	padding: 5px 8px;
	margin: 0 5px 10px;
	display: inline-block;
}

.ai1ec-month-view .ai1ec-event {
	height: 20px !important;
	line-height: 20px !important;
}
.ai1ec-event-title {
	font-size: 15px !important;
}
.ai1ec-month-view .ai1ec-multiday-bar {
    height: 20px !important;
}


/* 離島コーディネーター紹介 */
.coordinator .Lside {
	width: 200px;
}
.coordinator .Rside {
	width: 550px;
}
.coordinator .coordinatorImg, {
	margin-bottom: 20px;
}
.coordinator .coordinatorImg img {
	width: 200px;
}
.coordinator .comment {
	background-color: #fff;
	padding: 10px;
}
.coordinator .photo {
	margin-top: 15px;
}
.coordinator .photo ul li {
	margin: 15px 15px 0 0;
}
.coordinator .photo ul li.last {
	margin-right: 0;
}
.coordinator .photo ul li img {
	width: 250px;
}

/* 体験プログラム */
.exProgram .Lside {
	width: 200px;
}
.exProgram .Rside {
	width: 550px;
}
.exProgram .exProgramImg, {
	margin-bottom: 20px;
}
.exProgram .exProgramImg img {
	width: 200px;
}
.exProgram .comment {
	background-color: #fff;
	padding: 10px;
}
.exProgram .photo {
	margin-top: 15px;
}
.exProgram .photo ul li {
	margin: 15px 15px 0 0;
}
.exProgram .photo ul li.last {
	margin-right: 0;
}
.exProgram .photo ul li img {
	width: 250px;
}

/* 事業概要 */
.business .arrow {
	padding: 20px 0;
	font-weight: bold;
	background: url(../images/business/arrow01.png) no-repeat center;
	background-size: contain;
}
.business .Warrow {
	padding: 20px 0;
	font-weight: bold;
	background: url(../images/business/arrow02.png) no-repeat center;
	background-size: contain;
}
.business .sikaku {
	padding: 20px 0;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background-color: #0071C1;
	color: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.business .scheduleTable th {
	background-color: #1e90ff;
}
.business .scheduleTable td {
	background-color: #fff;
}
.business .bA {
	padding: 20px 10px;
	font-weight: bold;
	vertical-align: middle;
	border: solid 2px #0071C1;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}