@charset "utf-8";

main {overflow-x: hidden;}


.bnL{
	max-width: 950px;
	width: 95%;
	margin: 30px auto 0px;
	padding: 0 0 0px 0;
}

.bnL img{
	width: 100%;
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#wrapper {line-height: 1.8;}
.spnone{display:none;}

/* CSS */
#dirPathBlock,
#anchorLinkBlock {
font-size: 10px;
margin: 1% 1% 0 1%;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}

h1 {
font-size: 12px;
margin: 0 1%;
}

.inner{
width: 96%;
margin: 0 2%;
box-sizing: border-box;
overflow: hidden;
}
	
.bannerarea{
		margin: 30px auto !important;
	}

main img {
width: 100%;
height: auto;
}
figure {
        position: relative;
    } 
figure picture p.rebun {
position: absolute;
font-size:10px;
top:155px;
right:2px;
}
	

.itemList4 {
	width: 100%;
	padding: 2% 0;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	justify-content: space-between;
	flex-wrap: wrap;
}

.itemList4 > div {
	width: 48%;
	padding: 1%;
    margin-top: 2%;
}

.itemList4 > div img {
	width: 100%;
}

.itemList4 > div dt {
	font-size: 123.1%;
    text-align: center;
}

.itemList4 > div dd {
	font-size: 123.1%;
	text-align: left;
	padding: 2% 4% 4%;
	background: #FFF;
}
	
.logo{
		position: absolute;
	}

	.logo img{
		width: 100%;
	}
	#logo1{
		max-width: 150px;
		width: 30%;
		top: 0px;
		right: 0px;
	}	
}

/*760px以上*/
@media screen and (min-width: 760px),print {
/* CSS */
#wrapper {line-height: 1.6;}
#dirPathBlock,
h1,
.iframe_end-content_gadget,
#anchorLinkBlock{
width: 100%;
max-width:970px;
min-width:760px;
margin: auto;
}

/*panlist&back*/
#dirPathBlock,
#anchorLinkBlock {
width: 100%;
margin: 0 auto;
display: block;
font-size: 12px;
}
#dirPathBlock p,
#anchorLinkBlock a{font-size: 12px;}
h1 {
font-size: 14px;
width: auto;
max-width: 970px;
margin: 0 auto 5px;
}

.inner{
width: 96%;
max-width:950px;
margin: 0 auto;
display: block;
overflow: hidden;
}

	.bannerarea{
		margin: 50px auto !important;
	}

u{text-decoration-color: red;}

/*title*/
img#mainphoto {
width: 100%;
max-width:970px;
margin:0 auto 2%;
display:block;
}

main img {
width: 100%;
height: auto;
}


.itemList4 {
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content: center;
}

.itemList4 > div {
	width: 25%;
	padding: 10px;
}

.itemList4 > div img {
	width: 100%;
}

.itemList4 > div dt {
	font-size: 123.1%;
    text-align: center;
}

.itemList4 > div dd {
	margin: 0; /* これがないとずれる */
	font-size: 123.1%;
	line-height: 1.5;
	text-align: left;
	padding: 5px 8px 8px;
    background: #FFFFFF;
	
}

}

/*======================================

original setting

======================================*/
article {
background: rgb(215,236,245);
background: linear-gradient(172deg, rgba(215,236,245,1) 80%, rgba(120,199,232,1) 100%);
}

.bg {
background: url(../images/bg_cnt01.png) repeat;
background-size:contain;
content:'';
display: block;
height:100%;
padding-bottom: 80px;
width:100%;
position: relative;
z-index: 2;
}

.fx {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: space-between;
}

.fx2 {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: center;
}

.fx_row_2 > * {width:100%;}
.fx_row_3 > * {width:100%;}
.fx_row_4 > * {width:48.6%;}

figure {
margin:0;
padding:0;
}

main .visible_sp {display: block;}

main .links_detail,
main .links_stay,
main .links_rail,
main .links_air {
border-radius: 20px;
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 40px;
    margin: auto;
    max-width: 480px;
    text-align: center;
    position: relative;
    -webkit-border-radius: 20px;
}
main .links_detail::after,
main .links_stay::after,
main .links_rail::after,
main .links_air::after {
background: url(../images/arrow.svg) no-repeat;
background-size: contain;
content:'';
display: block;
height: 16px;
width: 14px;
position: absolute;
right:1em;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}

main .links_detail,
main .links_stay {
background-color: #ff9600;
}
main .links_rail {
background-color: #ec1254;
}
main .links_air {
background-color: #2208c3;
}


main .links_detail2,
main .links_stay2,
main .links_rail2,
main .links_air2,
main .links_ferry2{
border-radius: 20px;
color:#fff;
font-size:17px;
line-height: 1.6;
margin:auto;
max-width: 480px;
text-align: center;
position: relative;
-webkit-border-radius: 20px;
padding: 10px 30px 10px 10px;
height: 60px;
display: flex; 
justify-content: center; 
align-items: center; 
}
main .links_detail2::after,
main .links_stay2::after,
main .links_rail2::after,
main .links_air2::after,
main .links_ferry2::after {
background: url(../images/arrow.svg) no-repeat;
background-size: contain;
content:'';
display: block;
height: 16px;
width: 14px;
position: absolute;
right:1em;
top:50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}

main .links_detail2,
main .links_stay2 {
background-color: #ff9600;
}
main .links_rail2 {
background-color: #ec1254;
}
main .links_air2 {
background-color: #2208c3;
}
main .links_ferry2 {
background-color: #009933;
}


main .link_outer {position: relative;}
main .link_outer::after {
content:url(../images/window.svg);
display: inline-block;
height:16px;
margin-left: .25em;
width:16px;
position: relative;
top:2px
}

main .caption_note {
font-size:10px;
margin:2em auto 0;
max-width: 950px;
text-align: right;
width: 96%;
}

.mg_top_space01 {
    margin-top:50px;
}


/*760px以上*/
@media screen and (min-width: 760px),print {
.bg {padding-bottom: 64px;}

.fx_row_2 > * {width:48.6%;}
.fx_row_3 > * {width:33.33%;}
.fx_row_4 > * {width:25%;}

main .visible_sp {display: none;}

main .links_detail,
main .links_stay,
main .links_rail,
main .links_air {
        font-size: 20px;
        line-height: 48px;
        -webkit-border-radius: 24px;
}
main .links_detail::after,
main .links_stay::after,
main .links_rail::after,
main .links_air::after {
height: 20px;
width: 18px;
}

main .caption_note {font-size:12px;}
}


/* \\\\\\\ INDEX \\\\\\\ */
.shimatabi_home .kv {
background: url(../images/mv_sp.jpg) no-repeat 50% 100%;
background-size: cover;
}

.shimatabi_home .kv h2 {
margin:auto;
max-width: 400px;
padding-top: 24px;
width: 96%;
}

/*760px以上*/
@media screen and (min-width: 760px),print {
.shimatabi_home .kv {
background: url(../images/mv.jpg) no-repeat;
background-size: cover;
}

.shimatabi_home .kv h2 {
line-height: 0;
margin:auto;
max-width: 970px;
}
}

.shimatabi_home .bg {padding-top: 0;}

.news {
background: url(../images/bg_news.jpg) no-repeat;
background-size: cover;
padding: 64px 0;
position: relative;
}
.news::after {
background:url(../images/bg_wave.svg) repeat;
background-size: contain;
content:'';
height: 10px;
width: calc(100% + 68px);
position: absolute;
left:0;
bottom:0;
animation: namiSideAnime 1.2s linear infinite;
-webkit-animation: namiSideAnime 1.2s linear infinite;
z-index: 2;
}
.news_inner {
background-color: #fff;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.news_inner h2 {
align-self: stretch;
background-color: #1895a5;
box-sizing: border-box;
color:#fff;
font-size:18px;
line-height: 1.4;
padding: 1em 2em;
width: 100%;
}
.news_inner h2 > span {
display: flex;
font-size:12px;
width: 100%;
}
.news_inner .news_body {width:100%;}
.news_inner .news_body li {
font-size:14px;
padding: 1em;
}
.news_inner .news_body dl {
display: inline-flex;
justify-content: flex-start;
align-items: flex-start;
margin-top:8px;
width: 100%;
}
.news_inner .news_body dt {
background-color: #ec1254;
border-radius: 6px;
-webkit-border-radius: 6px;
color:#fff;
font-size:12px;
line-height:24px;
padding: 0 8px;
margin-right:16px;
}

.news .bnr_wrap {
margin:3em auto 0;
max-width: 480px;
width: 100%;
}


/*760px以上*/
@media screen and (min-width: 760px),print {
.news {padding: 80px 0;}

.news_inner h2 {
font-size:22px;
width: 200px;
}
.news_inner h2 > span {
display: flex;
font-size:16px;
width: 100%;
}
.news_inner .news_body {width:calc(100% - 224px)}
.news_inner .news_body li {font-size:16px;}
.news_inner .news_body dl {padding: 0;}
.news_inner .news_body dt {
font-size:14px;
line-height:32px;
}

}


.select_anchor .anchor_inner {
background: url(../images/bg_anchor.jpg);
background-size: cover;
box-shadow: 2px 2px 8px rgba(0,0,0,.5);
margin:40px auto 64px;
padding: 16px;
position: relative;
}
.select_anchor .anchor_inner::after {
background: url(../images/bg_compass.png) no-repeat;
background-size: cover;
content:'';
height:160px;
width: 122px;
position: absolute;
top:16px;
right:24px;
}
.select_anchor h2 {
color:#1895a5;
font-size:24px;
font-weight: 700;
margin-bottom: 1em;
text-align: center;
}
.select_anchor ul {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
z-index: 2;
}
.select_anchor li {
border-bottom: 1px dotted #1895a5;
font-size:15px;
font-weight: 700;
margin-bottom: 8px;
padding-bottom: 4px;
width: 48.6%;
}
.select_anchor li:nth-child(1),
.select_anchor li:nth-child(2),
.select_anchor li:nth-child(3){font-size:18px;}
.select_anchor li span {
display: block;
font-size:13px;
padding-left:32px;
}
.select_anchor li:nth-child(1) span,
.select_anchor li:nth-child(2) span {font-size:13px;}

.select_anchor li a {color:#1895a5;}
.select_anchor li a::before {
background: url(../images/ic_compass.png) no-repeat;
background-size: contain;
content:'';
display: inline-block;
height:32px;
margin-right: .5em;
width: 32px;
position: relative;
top:8px;
}

/*760px以上*/
@media screen and (min-width: 760px),print {
.select_anchor .anchor_inner {
margin:64px auto 120px;
padding: 40px;
}
.select_anchor h2 {font-size:32px;}

	
.select_anchor ul {
justify-content: flex-start !important;
}
	
.select_anchor li {
font-size:20px;
width: 32.33%;
margin: 0 0.5% 0 0.5%;
}
	
.select_anchor li:nth-child(1),
.select_anchor li:nth-child(2),
.select_anchor li:nth-child(3){
font-size:24px;
/*width:32%;*/
}
.select_anchor li span {
display: inline;
font-size:16px;
padding-left:0;
}
.select_anchor li:nth-child(1) span,
.select_anchor li:nth-child(2) span {font-size:16px;}
.select_anchor li a::before {
height:40px;
width: 40px;
}
}


.island_wrap .over_wrap {margin-bottom: 48px;}
.island_wrap .island_header {
margin:-16px -16px 32px;
position: relative;
z-index: 2;
}
.island_wrap .island_header h2 {
background-color: #1895a5;
color:#fff;
font-size:12px;
font-weight: 700;
padding: 16px 8px;
writing-mode: vertical-rl;
position: absolute;
top:-12px;
left:16px;
}
.island_wrap .island_header h2 > em {
display: block;
font-size:22px;
}
.island_wrap .island_header h2.rebun > em {
display: block;
font-size:20px;
}
.island_wrap .island_header h2::before {
background: url(../images/bg_box_title.png) no-repeat;
background-size: contain;
content:'';
display: block;
height: 14px;
width: 80px;
position: absolute;
top:0;
left:6px;
z-index: -1;
}


.island_wrap .island_header figure {
position: relative;
z-index: -1;
}
.island_wrap .island_header figcaption {
font-size:14px;
margin:8px 16px 0;
}
.island_wrap .island_header .caption_note {
margin-top: 4px;
}
.island_wrap .island_header figure span {
position: absolute;
font-size:10px;
bottom:2px;
right:2px;
background-color:rgba(255,255,255,0.5);
    padding: 2px;
}

.island_spot h3 {
background: rgb(109,227,231);
background: linear-gradient(90deg, rgba(109,227,231,1) 0%, rgba(94,86,190,1) 100%);
color:#fff;
font-size:16px;
font-weight: 700;
line-height: 40px;
margin-bottom: 16px;
text-align: center;
}
.island_spot h3 span {
display: inline-block;
position: relative;
}
.island_spot h3 span::before,
.island_spot h3 span::after {
background: url(../images/bg_subtitle.png) no-repeat;
background-size: contain;
content:'';
height:12px;
width: 24px;
position: absolute;
top:50%;
transform: translateY(-50%);
}

.island_spot h3 span::before {left:-2.25em;}
.island_spot h3 span::after {right:-2em;}

.island_spot .spot_inner ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.island_spot .spot_inner li {
margin-bottom: 32px;
width:100%;
}
.island_spot figcaption {
 font-size:10px;
 text-align: right;
}
.island_spot .spot_inner h4 {
font-size:16px;
font-weight: 700;
margin:16px 0 8px;
}
.island_spot .spot_inner h4 > span {font-size:75%}
.island_spot .spot_inner p {font-size:14px;}

#gotoh .caption_note {margin-top: -24px;}

.island_cv h3 {
background-color: #fff;
 border:1px solid #1895a5;
 color: #1895a5;
 font-size:16px;
 font-weight: 700;
 line-height: 2.4;
 margin:auto;
 text-align: center;
 width: 12em;
}
.island_cv ul {margin-top:16px;}
.island_cv ul + h3 {margin-top:40px;}

.island_cv li + li {margin-top:1em;}

/*640px以上*/
@media screen and (min-width: 640px) {
.island_wrap .island_header h2 {padding:24px 8px;}
}

/*760px以上*/
@media screen and (min-width: 760px),print {
.island_wrap .over_wrap {margin-bottom: 80px;}
.island_wrap .island_header {margin:-40px -40px 32px;}
.island_wrap .island_header h2 {
font-size:16px;
padding: 40px 8px;
top:-16px;
left:24px;
}

	.logo{
		position: absolute;
	}

	.logo img{
		width: 100%;
	}
	#logo1{
		max-width: 150px;
		width: 100%;
		bottom: 0px;
		left: 0px;
	}
.island_wrap .island_header h2.rebun {
font-size:16px;
padding: 30px 8px;
top:-16px;
left:24px;
}
.island_wrap .island_header h2 > em {
display: block;
font-size:32px;
}
.island_wrap .island_header h2::before {
height: 16px;
width: 98px;
left:4px;
}
.island_wrap .island_header figure {
position: relative;
z-index: -1;
}
.island_wrap .island_header figcaption {
color:#fff;
font-size:16px;
margin: 0;
text-align: center;
text-shadow: 1px 1px 2px #000, -1px -1px 2px #000, 2px 2px 4px #000, -2px -2px 4px #000;
width: 100%;
position: absolute;
bottom:.5em;
}

.island_spot .spot_inner li {width:48.6%;}

.island_cv h3 {font-size:20px;}
.island_cv ul + h3 {margin-top:56px;}

.island_cv ul {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 2em -.5% 0;
}
.island_cv li {
margin:0 .5%;
width:32.33%;
}
.island_cv li.rebun {
margin:0 .5%;
width:24%;
}
.island_cv li + li {margin-top:0;}
.island_cv.cv_row_4 li {
margin-bottom: 16px;
width: 48.6%;
}
.island_cv .links_stay,
.island_cv .links_rail {margin-bottom:0;}
}

.island_cv li a {position:relative;}
.island_cv li a span {
position:relative;
top: -6px;
}
.island_cv li a .tx_opt {
 display: block;
 font-size:10px;
 line-height :0!important;
 text-align: center;
 width: 100%;
 position: absolute;
 top:auto;
 bottom:10px;
}

/*840px以上*/
@media screen and (min-width:760px) and (max-width: 839px) {
 .island_cv .links_detail,
 .island_cv .links_stay,
 .island_cv .links_rail,
 .island_cv .links_air {font-size:16px;}
}




/* \\\\\\\ DETAIL PAGE (OKINOSHIMA & AMAMI) \\\\\\\ */
.detail_page.shimatabi_oki .kv {
background: url(../images/mv_okinoshima.jpg) no-repeat 50%;
background-size: cover;
}
.detail_page.shimatabi_amami .kv {
background: url(../images/mv_amami.jpg) no-repeat 50%;
background-size: cover;
}
.detail_page.shimatabi_iki .kv {
background: url(../images/mv_iki.jpg) no-repeat 50%;
background-size: cover;
}
.detail_page .kv .kv_inner {
margin:auto;
max-width: 970px;
width: 96%;
position: relative;
z-index: 2;
}
.detail_page .kv .summary {position: relative;}
.detail_page .kv h2 {
line-height: 0;
margin:auto;
max-width: 970px;
width: 90%;
}
.detail_page .kv p {display: none;}

.detail_page .intro {padding: 2em 5%;}

.detail_page .intro p {
font-size:14px;
line-height: 2.2;
}

.detail_page .anchor {
margin:2em auto 3em;
max-width: 950px;
}
.detail_page .anchor ul {
display: flex;
justify-content: space-between;
align-items: center;
}
.detail_page .anchor li {width:32.33%}
.detail_page .anchor li a {
background-color: #4c50e4;
color:#fff;
display: flex;
align-items: center;
justify-content: center;
font-size:14px;
height: 64px;
line-height: 1.2;
padding: 0 .5em;
text-align: center;
position: relative;
transition: .3s;
z-index: 2;
}
.detail_page .anchor li a:hover {background-color: #160c80;}

.detail_page .headline {
color:#1895a5;
font-size:24px;
font-weight: 700;
margin-bottom:16px;
text-align: center;
}
.detail_page .headline span {
display: inline-block;
position: relative;
}
.detail_page .headline span::before,
.detail_page .headline span::after {
background: url(../images/bg_headline.png) no-repeat;
background-size: contain;
content:'';
height:21px;
width: 48px;
position: absolute;
top:50%;
transform: translateY(-50%);
}
.detail_page .headline span::before {left:-2.5em;}
.detail_page .headline span::after {right:-2.5em;}

.detail_page .sub_headline {
font-size:20px;
font-weight: 700;
overflow: hidden;
text-align: center;
}
.detail_page .sub_headline span {
display: block;
font-size:14px;
}
.detail_page .sub_headline::after {
background: url(../images/bg_sub_headline.png) no-repeat;
content:'';
display: block;
height:20px;
margin:4px auto 24px;
width: 640px;
}

.detail_page .over_wrap {margin-bottom:80px;}


/*760px以上*/
@media screen and (min-width: 760px),print {

/*.detail_page .kv p {
background-color: rgba(255,255,255,.8);
box-sizing: border-box;
display: block;
font-size:16px;
line-height: 2.2;
padding: 1em;
width: calc(100% - 240px);
position: absolute;
right:0;
bottom:1em
}*/
.detail_page .kv p {
box-sizing: border-box;
color:#fff;
display: block;
font-size:16px;
line-height: 2.2;
text-align: center;
text-shadow: 1px 1px 2px #000, -1px -1px 2px #000, 2px 2px 4px #000, -2px -2px 4px #000;
width: 100%;
position: absolute;
right:0;
bottom:1em
}

.detail_page .intro p {display: none;}
.detail_page .anchor li a {font-size: 21px;}

.detail_page .anchor li a:hover::before {
border-color: #160c80 transparent transparent transparent;
border-style: solid;
border-width: 16px 16px 0 16px;
content:'';
height: 0;
width: 0;
position: absolute;
bottom: 0;
left:50%;
transform: translate(-50%,0);
z-index: -1;
transition: .3s;
-webkit-transform: translate(-50%,0);
}
.detail_page .anchor li a:hover::before {
transform: translate(-50%,16px);
-webkit-transform: translate(-50%,16px);
}

.detail_page .headline {
font-size:40px;
margin-bottom:24px;
}
.detail_page .headline span::before {left:-1.5em;}
.detail_page .headline span::after {right:-1.5em;}

.detail_page .sub_headline { font-size:24px; }
.detail_page .sub_headline span {
display: inline;
font-size:16px;
}

.detail_page .over_wrap {margin-bottom:120px;}
}


.inner_box {
background: #fff url(../images/bg_box.png) no-repeat 50% 100%;
background-size: contain;
box-shadow: 2px 2px 6px rgba(0,0,0,.5);
padding: 16px 16px 56px;
position: relative;
}

.inner_box .map {
margin:-16px -16px 32px;
padding: 16px 0;
text-align: center;
}
.shimatabi_amami .map {
background: url(../images/bg_map_amami.jpg) no-repeat;
background-size: cover;
}
.shimatabi_amami .map img {
display: block;
margin: auto;
max-width: 712px;
width: 96%;
}
.shimatabi_oki .map {
background: url(../images/bg_map_okinoshima.jpg) no-repeat;
background-size: cover;
}
.shimatabi_oki .map img {
display: block;
margin: auto;
max-width: 872px;
width: 96%;
}

.detail_page .reserve_wrap li + li {margin-top:16px;}

.detail_page .nature_guide {
background-color: rgba(255,255,255,.2);
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
margin: 24px auto;
padding: 16px;
}
.detail_page .nature_guide .summary,
.detail_page .nature_guide figure {
margin:auto;
max-width: 320px;
width: 100%;
}
.detail_page .nature_guide figure {margin-top:16px;}
.detail_page .nature_guide figure img {
display: block;
margin: auto;
max-width: 240px;
}

.detail_page .nature_guide h3 {
background-color: #1895a5;
border-radius: 8px;
color:#fff;
font-size:18px;
margin-bottom: 16px;
padding: .25em .75em;
text-align: center;
}
.detail_page .nature_guide dt {
font-size:14px;
font-weight: 700;
}
.detail_page .nature_guide dd {
border-bottom: 1px dotted #000;
font-size:10px;
margin-bottom: 16px;
padding-bottom: 8px;
}
.detail_page .nature_guide p {font-size:14px;}

.detail_page .extend_wrap {
background-color: #e9dcbc;
margin-bottom: 48px;
padding: 24px;
}
.detail_page .extend_wrap h3 {
background-color: #1895a5;
border-radius: 8px;
color:#fff;
font-size:18px;
margin-bottom: 16px;
padding: .25em .75em;
text-align: center;
}
.detail_page .extend_wrap .tx_lead {
font-size:14px;
margin: 16px 0 8px;
text-align: center;
}
.detail_page .extend_wrap.experience_plan {margin:24px auto}
.detail_page .extend_wrap.experience_plan p {margin: 16px 0 8px;}
.detail_page .extend_wrap li + li {margin-top:24px;}
.detail_page .extend_wrap li figure {margin-bottom: 8px;}
.detail_page .extend_wrap li p {
font-size:14px;
text-align: center;
}
.detail_page .extend_wrap li a {
display: block;
font-size:14px;
text-align: center;
}
	.jikoku_link{
		text-align: center;
		font-size: 16px;
		margin: 10px 0 0 0;
	}.detail_page .extend_wrap.experience_plan figcaption {
margin-top:4px;
text-align: center;
}

.detail_page .extend_wrap.experience_plan .island_label1,
.detail_page .extend_wrap.experience_plan .island_label2 {position: relative;}
.detail_page .extend_wrap.experience_plan .island_label1::after,
.detail_page .extend_wrap.experience_plan .island_label2::after {
border-radius: 100%;
color:#fff;
content:'';
display: block;
font-size:16px;
height:56px;
line-height: 56px;
text-align: center;
width: 56px;
position: absolute;
top:8px;
left:8px;
}
.detail_page .extend_wrap.experience_plan .island_label1::after {
background-color: #ec1254;
content:'島前';
}
.detail_page .extend_wrap.experience_plan .island_label2::after {
background-color: #4c50e4;
content:'島後'
}

.inner_box .access_wrap,
.inner_box .weather_wrap,
.inner_box .slider_wrap {margin-bottom:32px;}

.inner_box .weather_wrap h4 {
font-size:15px;
font-weight: 700;
margin-bottom: 16px;
text-align: center;
}
.inner_box .weather_wrap li + li {margin-top:32px;}
.inner_box .weather_wrap li + li img {
display: block;
margin:auto;
max-width: 680px;
}

.inner_box .slider {margin:0 5%}
/*.inner_box .slider li {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}*/
.inner_box .slider li figure,
.inner_box .slider li dl {
text-align: center;
width:100%;
}
.inner_box .slider li figure {margin-bottom: 16px;}
.inner_box .slider li figcaption {text-align: right;}
.inner_box .slider li dt {
color:#1895a5;
font-size:16px;
font-weight: 700;
margin-bottom: 8px;
}
.inner_box .slider li dt > em {
display: block;
font-size:18px;
}

.inner_box .slider li dd {
font-size:14px;
line-height: 1.8;
}
.inner_box .slider li dd > span {font-size:87%;}

.inner_box .slider li dd span.rubi {
font-size:14px;
position: relative;
}
.inner_box .slider li dd span.rubi > i {
display: block;
font-size:10px;
font-style: normal;
text-align: center;
white-space:nowrap;
width:100%;
position: absolute;
top:-13px;
left:-.8em;
transform: scale(.8);
}

/* === BELOW 759px === */
@media screen and (max-width: 759px) {
.inner_box .access_scroll {
overflow-x: scroll;
padding-bottom: 1em;
width: 100%;
}
.inner_box .access_scroll img {
min-width: 720px;
width: 100%;
}
}

.detail_page .setplan {
background-color: #fff;
margin:80px 0;
padding: 24px 0;
position: relative;
}
.detail_page .setplan::before,
.detail_page .setplan::after {
background-size: contain;
content:'';
height: 10px;
width: calc(100% + 68px);
position: absolute;
left:0;
animation: namiSideAnime 1.2s linear infinite;
-webkit-animation: namiSideAnime 1.2s linear infinite;
}
.detail_page .setplan::before {
background: url(../images/bg_wave_white01.svg) repeat;
top:-10px;
}
.detail_page .setplan::after {
background: url(../images/bg_wave_white02.svg) repeat;
bottom:-10px;
}

.detail_page .setplan h2 {
background-color: #1895a5;
border-radius: 18px;
color:#fff;
font-size:20px;
line-height: 40px;
text-align: center;
-webkit-border-radius: 18px;
}
.detail_page .setplan h2 span {padding-left: .5em;}

@keyframes namiSideAnime {
0% {
transform: translate3d(-68px, 0, 0);
}
100% { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes namiSideAnime {
0% {
-webkit-transform: translate3d(-68px, 0, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
}
}

/*760px以上*/
@media screen and (min-width: 760px),print {
.inner_box {padding: 40px 40px 56px;}

.inner_box .map {
margin:-40px -40px 64px;
padding: 32px 0;
}

.detail_page .nature_guide {
margin:40px 0 40px auto;
max-width: 600px;
padding: 24px;
}
.detail_page .nature_guide.ref {
flex-direction: row-reverse;
margin:40px auto 40px 0;
}
.detail_page .nature_guide .summary {width: 65.69%;}
.detail_page .nature_guide figure {
margin: 0;
width: 29.19%;
}

.detail_page .nature_guide h3 {font-size:24px;}
.detail_page .nature_guide dt {font-size:16px;}
.detail_page .nature_guide dd {font-size:14px;}
.detail_page .nature_guide p {font-size:16px;}

.detail_page .extend_wrap {
margin-bottom: 48px;
padding: 24px;
}
.detail_page .extend_wrap h3 {font-size:24px;}
.detail_page .extend_wrap .tx_lead {
font-size:18px;
margin: 24px 0 16px;
}
.detail_page .extend_wrap li + li {margin-top:0;}
.detail_page .extend_wrap li p {font-size:16px;}
.detail_page .extend_wrap li a {font-size:16px;}

	.jikoku_link{
		text-align: center;
		font-size: 16px;
		margin: 10px 0 0 0;
	}
	
.detail_page .extend_wrap.experience_plan {margin:40px auto}

.detail_page .extend_wrap.experience_plan .island_label1::after,
.detail_page .extend_wrap.experience_plan .island_label2::after {
font-size:20px;
height:64px;
line-height: 64px;
width: 64px;
}


.inner_box .access_wrap,
.inner_box .weather_wrap,
.inner_box .slider_wrap {margin-bottom:48px;}

.inner_box .weather_wrap h4 {font-size:18px;}
.inner_box .weather_wrap li + li {margin-top:40px;}

.inner_box .slider {margin:0}
.inner_box .slider li dt {
font-size:20px;
margin-bottom: 16px;
}
.inner_box .slider li dt > em {font-size:24px;}
.inner_box .slider li dd {font-size:16px;}

.inner_box .slider li dd span.rubi {font-size:16px;}
.inner_box .slider li dd span.rubi > i {
 top:-16px;
 left:-.6em;
}

.detail_page .setplan {margin:120px 0;}
.detail_page .setplan h2 {
border-radius: 20px;
font-size:24px;
line-height: 40px;
}
}


/*壱岐島*/
/* === BELOW 759px === */
@media screen and (max-width: 759px) {

.point {
    margin: 0 3%;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 游明朝, "Yu Mincho", YuMincho, "serif";
    font-size: 16px;
}

.point .n01 {
    background: url(../images/icon01.png) no-repeat #fff;
    background-position: 2px 2px;
    background-size: 25px 25px;
    padding: 15px 15px 15px 30px;
    border-radius: 10px;
    line-height: 1.6;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 10px;
}
.point .n02 {
    background: url(../images/icon02.png) no-repeat #fff;
    background-position: 2px 2px;
    background-size: 25px 25px;
    padding: 15px 15px 15px 30px;
    border-radius: 10px;
    line-height: 1.6;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 10px;
}
.point .n03 {
    background: url(../images/icon03.png) no-repeat #fff;
    background-position: 2px 2px;
    background-size: 25px 25px;
    padding: 15px 15px 15px 30px;
    border-radius: 10px;
    line-height: 1.6;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 10px;
}
.point .n04 {
    background: url(../images/icon04.png) no-repeat #fff;
    background-position: 2px 2px;
    background-size: 25px 25px;
    padding: 15px 15px 15px 30px;
    border-radius: 10px;
    line-height: 1.6;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 10px;
}
.point .n05 {
    background: url(../images/icon05.png) no-repeat #fff;
    background-position: 2px 2px;
    background-size: 25px 25px;
    padding: 15px 15px 15px 30px;
    border-radius: 10px;
    line-height: 1.6;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 10px;
}
.shimatabi_iki .map {
    background: url(../images/bg_map_iki.png) no-repeat;
    background-size: cover;
}
/*---九州郵船------*/
.box_unit {
  width: 100%;
    padding: 20px;
    background: #fff;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.box_unit .left {
    width:100%;
    }
.box_unit .left img {
    width:100%;  
    }
.box_unit .right {
    margin-top:15px;
    width:100%;
    font-size: 14px;
    }
.box_unit .right p.add {
    font-size: 12px;
    margin-top:20px;
    }
	
/* 壱岐島のお申し込み */	
.box_plan {
    margin: 30px 0;
}
	
.sanyou,.kansai {
    background: #FFF;
    padding: 30px;
    text-align: center;
	margin: 0 0 20px;
}
	
.box_plan p {
    font-size: 20px;
    font-weight: bold;
    color: #1895a5;
    border-bottom: solid 2px;
    display: inline;
}
	
.box_plan ul {
    margin: 20px 0 0 0;
}
	
    .box_plan li {
        background: #ea616f;
        padding: 15px 0;
        margin: 30px 0 0;
        font-size: 16px;
        position: relative;
    }
.box_plan li a {
    color: #FFF;
	transition: 0.3s ease-in-out;
	display: block;
	position: relative;
}
.box_plan li a:hover,.box_plan li:hover {
    opacity: 0.8;
}	

ul.iki_plan li {
    margin: 0 0 15px;
}
	
.box_plan li a span {
        background: #ffff7d;
        color: #ea616f;
        font-size: 16px;
        position: absolute;
        width: 99%;
        top: -33px;
        border: solid 2px #ea616f;
        right: 0;
        left: 0;
        margin: 0 auto;
}
	
	
ul.iki_plan li a::after,.box_plan li a::after {
    background: url(../images/arrow.svg) no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 16px;
    width: 14px;
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}	  
}

/*760px以上*/
@media screen and (min-width: 760px),print {
.point {
    margin: 0 auto 50px;
    position: relative;
    background: url(../images/bg_point.png) no-repeat;
    width:950px;
    height: 175px;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", 游明朝, "Yu Mincho", YuMincho, "serif";
    font-size: 18px;
}

.point .item {
}
.point .n01 {
    position: absolute;
    top: 20px;
    left: 60px;
}
.point .n02 {
    position: absolute;
    top:20px;
    left:360px;
}
.point .n03 {
    position: absolute;
    top:15px;
    left:710px;
    padding-right: 15px;
}
.point .n04 {
    position: absolute;
    top:100px;
    left:60px;
    width:220px;
}
.point .n05 {
    position: absolute;
    top:100px;
    left:360px;
    width:270px;
}

    .bg_map {
        background: #c7e8fa;
    }
    .bg_map .map {
        margin: -80px -40px -100px!important;
    }
	
	
/* 壱岐島のお申し込み */	
.box_plan {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
}
	
.sanyou,.kansai {
    background: #FFF;
    width: 42%;
    padding: 30px;
    text-align: center;
}
	
.box_plan p {
    font-size: 24px;
    font-weight: bold;
    color: #1895a5;
    border-bottom: solid 2px;
    display: inline;
}
	
.box_plan ul {
    margin: 20px 0 0 0;
}
	
    .box_plan li {
        background: #ea616f;
        padding: 15px 0;
        margin: 30px 0 0;
        font-size: 20px;
        position: relative;
    }
.box_plan li a {
    color: #FFF;
	transition: 0.3s ease-in-out;
	display: block;
	position: relative;
}
.box_plan li a:hover,.box_plan li:hover {
    opacity: 0.8;
}	


ul.iki_plan li {
   /* width: 48%;*/
	width: 32%;
}
    .iki_plan {
        display: flex;
        justify-content: space-between;
    }	
	
	.iki_plan{
		display: flex;
	}
	
.box_plan li a span {
        background: #ffff7d;
        color: #ea616f;
        font-size: 16px;
        padding: 0px 5px;
        position: absolute;
        top: -30px;
        right: 0;
        left: 0;
        margin: 0 auto;
        width: 92%;
        border: solid 2px #ea616f;
}
	
	
ul.iki_plan li a::after,.box_plan li a::after {
    background: url(../images/arrow.svg) no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 16px;
    width: 14px;
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}	
/*---九州郵船------*/
.box_unit {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
    padding: 20px;
    background: #fff;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.box_unit .left {
    width:450px;
    }
.box_unit .left img {
    width:100%;  
    }
.box_unit .right {
    width:450px;
    font-size: 16px;
    }
.box_unit .right p.add {
    font-size: 14px;
    margin-top:30px;
    }
}


/* \\\\\\\ SLICK OVER WRITING \\\\\\\ */
.slick-prev,
.slick-next {
background: none;
border-top: 4px solid #999;
border-right: 4px solid #999;
display: inline-block;
height: 24px;
width: 24px;
top:calc(50% - 12px);
}

.slick-next {
margin-right: -24px;
transform: rotate(45deg);
}

.slick-prev {
margin-left: -24px;
transform: rotate(-135deg);
}


@media screen and (max-width: 759.9px) {
.slick-prev,
.slick-next {
background: none!important;
}
}