@charset "UTF-8";


body .data_search_detail .areamap img {
    width: 640px!important;
    height: auto!important;
}


/* link */
a:link {color: $c_bold; text-decoration: none;}
a:visited {color: $c_bold; text-decoration: none;}
a:active {color: $c_bold; text-decoration: none;}
.uline a,a.uline {
	text-decoration: underline;
}

/* web font */
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
html[lang="zh"] * {
    font-family: 'Noto Sans TC', sans-serif;
}
html[lang="zh"] h1,html[lang="zh"] .siteid_sp a {
    font-family: "Lora",serif!important;
}

/* body */
body {
	min-width: 300px;
	line-height: 1.7;
}
#wrap {
	position: relative;
	padding-top: 55px;
}
#curtain {
	position: relative;
	&:before {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 102px;
		height: 34px;
		margin-top: -(34px*0.5);
		margin-left: -(102px*0.5);
		background: url("../images/img_loading.gif") no-repeat 50% 50%;
		-webkit-background-size: 102px 34px;
		background-size: 102px 34px;
	}
}


/* header */
header {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 100%;
	z-index: 98;
	a {
		@include clink;
	}
}
.nav_header {
	overflow-y: auto;
	position: fixed;
	top: 0px;
	right: -100%;
	z-index: 98;
	max-width: 100%;
	height: 90%;
	height: 100vh;
	padding: 25px 35px 35px 35px;
	background-color: $c_light;
	.nav_sns {
		padding: 30px 0;
		li {
			padding: 0 10px 0 0;
		}
		a {
			display: block;
			width: 30px;
			height: 30px;
			text-indent: -9999px;
			&:hover {
				@include hover;
			}
		}
		.nav_sns_twitter a {
			background: url("../images/icn_sns_tw.png") no-repeat 50% 50%;
			-webkit-background-size: 30px 30px;
			background-size: 30px 30px;
		}
		.nav_sns_facebook a {
			background: url("../images/icn_sns_fb.png") no-repeat 50% 50%;
			-webkit-background-size: 30px 30px;
			background-size: 30px 30px;
		}
		.nav_sns_instagram a {
			background: url("../images/icn_sns_ig.png") no-repeat 50% 50%;
			-webkit-background-size: 30px 30px;
			background-size: 30px 30px;
		}
		.nav_sns_youtube a {
			background: url("../images/icn_sns_yt.png") no-repeat 50% 50%;
			-webkit-background-size: 30px 30px;
			background-size: 30px 30px;
		}
	}
}
.nav_global {
	li {
		a {
			display: block;
			padding: 10px 0;
			font-size: $f12;
			background: url("../images/header_nav_bg01.png") no-repeat 0% 100%;
			-webkit-background-size: (102px*0.5) (10px*0.5);
			background-size: (102px*0.5) (10px*0.5);
		}
	}
}
.nav_sns {
	ul {
		display: table;
		li {
			display: table-cell;
			font-size: $f14;
			text-align: left;
			vertical-align: middle;
		}
	}
}
.nav_lang {
	position: relative;
	dl {
		border: 2px solid #000;
		background-color: #fff;
		font-size: $f12;
		line-height: 1;
	}
	dt {
		a {
			padding: 10px 10px;
		}
		a:before {
			content: "▼ ";
		}
	}
	dd {
		display: none;
		li {
			border-top: 1px dotted #000;
		}
	}
	a {
		display: block;
		padding: 5px 10px;
		text-align: center;
		span {
			display: none;
		}
		&.navon {
			background-color: $c_act;
			text-decoration: none;
		}
	}
}
.header_sp {
	width: 100%;
	height: 55px;
	background-color: #fff;
	.siteid_sp {
		display: table;
		height: 55px;
		a {
			display: table-cell;
			padding: 0 10px 0 10px;
			text-align: left;
			vertical-align: middle;
		}
	}
}
.ct_home .header_sp {
	background-color: transparent;
	.siteid_sp {
		display: none;
	}
}
.headerfixed,
.ct_home.headerfixed {
	.header_sp {
		background-color: #fff;
		.siteid_sp {
			display: table;
		}
	}
}
.slide1 {
    background: url("/images/topimage_img01_pc.jpg") no-repeat 50% 50%;
    background-size: cover;
}

.slide2 {
    background: url("/images/topimage_img02_pc.jpg") no-repeat 50% 50%;
    background-size: cover;
}

.contents_text img {
    margin-top: 20px;
}
.ct_experience .contents_text img {
    margin-top: 0px;
}

/* top */
p.txt_feature {
    font-size: 80%;
    text-align: center;
    width: 80%;
    margin: 0 auto 20px;
}

/* 記事詳細 */

/* .data_search_detail .areamap {
    zoom: 40%;
    width: 100%;
}
p.areamap_txt img, p.areamap_bg img {
    width: 100%!important;
    height: auto!important;
}*/

.contents_aside_table td {
word-break: break-all;
}

.btn_detail_experience {
    margin: 20px 0 0;
    text-align:center;
}

.btn_detail_experience a {
    display: inline-block;
    min-width: 120px;
    padding: 8px 20px;
    border: 3px solid #27bbe3;
    font-size: 75%;
    text-align: center;
    line-height: 1;
    color: #000;
}

/* info */
div#gmap_l a.link-map {
    font-size: 75%;
    margin: 0 10px;
    line-height: 36px;
}
div#gmap_l {
	border-top: 1px solid #000;
}
.ct_experience div#gmap_l {
    border-top:none!important;
    border-bottom: 1px solid #000;
}
.ct_info h2 {
    border-bottom: 3px dashed #f2ff81;
    padding-bottom: 4px;
    display: inline-block;
    margin-bottom: 20px;
    background-color: #fff;
}
body.ct_info .info_section {
    padding: 20px 0 10px;
}

/* experience */
p.txt_sort {display: inline-block;float: left;padding: 6px;font-size: 80%;font-weight: bold;}

button.btn_update.activ {
    background-color: #27bbe3;
    color: #fff;
}
button.btn_popularity.activ {
    background-color: #f2ff81;
}
div#sort {
    margin-top: -80px!important;
    padding-top: 80px!important;
}
.btn_detail .area_sort {
    width: 95%;
    margin: 0 auto;
    border: 2px solid #e4e4e4;
    padding: 12px 10px;
    /* background-color: #f4f4f7; */
}
p.tit_exprience_min {
    font-size: 85%;
    margin-bottom: 10px;
}
.contents_text h3 {
    margin: 2em 0 1em 0;
    font-size: 120%;
    border-bottom: 4px dotted #f2ff81;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100px;
    padding: 6px 10px;
    border: 2px solid #000;
    background: url("/images/arrow01.png") 90% 50% no-repeat;
    background: url("/images/arrow01.png") 90% 50% no-repeat);
    border-radius: 0px;        /* CSS3草案 */
    -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 0px;
    background-color: #f4f4f7;
}
.btn_detail form {
    font-size: 80%;
}
button.btn_update {
    display: inline-block;
    min-width: 100px;
    padding: 8px 10px;
    border: 3px solid #27bbe3;
    font-size: 78%;
    text-align: center;
    line-height: 1;
    color: #000;
    background-color: #fff;
}

button.btn_popularity {
    display: inline-block;
    min-width: 100px;
    padding: 8px 10px;
    border: 3px solid #f2ff81;
    font-size: 78%;
    text-align: center;
    line-height: 1;
    color: #000;
    background-color: #fff;
    margin-left: 10px;
}

button.btn_popularity:hover {
    background-color: #f2ff81;
    color: #000;
}
/* marine */
p.txt_marine,p.txt_feature {
    font-size: 76%;
    margin-bottom: 10px;
    /* line-height: 1.5em; */
}
p.txt_marine span,p.txt_feature span {
    border-bottom: 3px dashed #f2ff81;
    /* padding: 4px 0; */
    line-height: 2em;
    background-color: #fff;    
}

/* feature */
section.areamap_nav {
    margin: 0 auto;
    width: 94%;
}
body.ct_feature section p {
    width: 100%;
    font-size: 85%;
    margin: 0!!important;
}
body.ct_feature section p.image_box_ttl {
    width: auto;
    font-size: 85%;
    margin: 0px auto;
}
p.txt_feature_main {
    width: 95%!important;
    margin: 16px auto;
    font-size: 85%!important;
}

.feature_ttl {
    padding: 20px 0 20px 25px;
    background: url("../images/icn_nav_down.png") no-repeat 0% 50%;
}
.data_search_detail .areamap_nav .areamap_txt {
    position: relative;
    z-index: 65;
    width: 90%;
}
.areamap_nav_detail {
    display: table;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    background-color: #f4f4f7;
    border: 2px solid #dfdfdf;
}
.areamap_nav .areamap {
    position: relative;
    width: 100%;
    height: 350px;
    margin: 0 auto;
    zoom: 50%;
}
.areamap_nav .areamap .areamap_bg {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 61;
}
.areamap_nav .areamap .areamap_list li {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 62;
}
.areamap_nav .areamap .areamap_txt {
    position: relative;
    z-index: 65;
    margin: 0 auto;
    padding: 0;
}
.areamap_listnav {
    display: none;
}

/*future 2017.08.07追加*/

p.txt_feature_main_half {
    width: 95%!important;
    margin: 16px auto;
    font-size: 85%!important;
}
body.ct_feature section .noplace {
    padding-top: 30px;
    text-align: center;
}
body.ct_feature section .noplace p {
    width: 100%;
    font-size: 45%;
    margin: 0!!important;
}
/*future 2017.08.07追加*/

/* 旧→新コンテンツ 2017.09.06追加*/

.policy {
    margin:5px 10px 10px 10px;
}
#open01,#open02,#open03,#open04,#open05 {
    margin:10px 10px 30px 10px;
}
#open01 h3 ,#open02 h3 ,#open03 h3 ,#open04 h3 ,#open05 h3 {
    margin-top: 30px;
    margin-bottom: 0px;
}
#open01 p ,#open02 p ,#open03 p ,#open04 p ,#open05 p {
    font-size: 90%;
}
.feature_read_halfmap {
    width: 98%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 30px;
    color: #002626;
}
.feature_read h3 {
    margin: 20px 0 20px 10px;
}
.feature_read_halfmap h3{
    margin: 20px 0 20px 10px;
}
.access_img {
    text-align: center;
    margin-bottom: 20px;
}
.access_img_last {
    text-align: center;
    margin-bottom: 50px;
}
.bt_margin70{
    width: 100%;
    height: 50px;
}
button.btn_footer{
    display: inline-block;
    min-width: 120px;
    padding: 12px 10px;
    border: 3px solid #0074C7;
    font-size: 78%;
    text-align: center;
    line-height: 1;
    color: #FFF;
    background-color: #0074C7;
    margin:0 6px;
}
button.btn_footer:hover {
    background-color: #fff;
    color: #27bbe3;
}

/* 旧→新コンテンツ 2017.09.06追加*/

/* 女子旅の切符　コンテンツ 2017.10.12追加*/
.pc{
	display: none;
}
.sp{
    display:block;
}
.image_box_ticket dl{
	display: none;
}
.mb10 {
    margin-bottom:10px!important;
}
.mb20 {
    margin-bottom:20px!important;
}
.mb30 {
    margin-bottom:30px!important;
}
.mb40 {
    margin-bottom:40px!important;
}
.mb50 {
    margin-bottom:50px!important;
}
.mb60 {
    margin-bottom:60px!important;
}
.mb80 {
    margin-bottom:80px!important;
}
p.txt_feature_ticket {
    font-size: 120%;
    text-align: center;
    margin-bottom: 40px;
    font-weight: bold;
}
p.txt_feature_ticket span {
    border-bottom: 3px dashed #f2ff81;
    padding-bottom: 4px;
}

/* 女子旅の切符　コンテンツ 2017.10.12追加*/


/* わかめ特集　コンテンツ 2018.02.20追加*/


.wakame_exp_full,.wakame_exp_half {
    margin-bottom: 30px;
}
.wakame_exp_full,.wakame_exp_half p{
	padding: 6px 10px;
}
.wakame_exp_full p span {
    font-size: 125%;
    line-height: 1.2em;
    color: #F08610;
}
#none_sp {
	display: none;
}

/* わかめ特集　コンテンツ 2018.02.20追加*/

/* わかめ特集英語　コンテンツ 2018.03.22追加*/

.wakame_exp_full_en,.wakame_exp_half_en {
    margin-bottom: 30px;
}
.wakame_exp_full_en,.wakame_exp_half_en p{
	padding: 6px 10px;
}
.wakame_exp_full_en p span {
    font-size: 125%;
    line-height: 1.2em;
    color: #F08610;
}

/* わかめ特集英語　コンテンツ 2018.03.22追加*/

/* 桜特集　コンテンツ 2018.03.02追加*/
.area_nav{
    width: 100%;
    margin-top: 36px;
}
.area_nav ul{
	text-align: center;
    width: 100%;
}
.area_nav ul li{
    display: inline-block;
    width: 48%;
}
.area_nav ul li img{
    width: 100%;
}
.article h3{
    padding: 0.4em;
    text-align: center;
    font-size: 176.4%;
    background: #f19ec2;
    color: white;
    margin-bottom:10px;
}

.article_full_l h2,.article_full_r h2{
    font-size: 147%;
    border-bottom: 4px dotted #f2ff81;
    margin-bottom: 10px;
    margin-top: 10px;
}
.article_full_l,.article_full_r{
	margin-bottom: 40px;
}

/* 桜特集　コンテンツ 2018.03.02追加*/

/* 冬の食特集　コンテンツ 2018.03.02追加*/

.box3p {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-top: 8px;
    margin-bottom: 30px;
    background-position: bottom;
    background-color: #bd1616;
    border: solid 2px #7d0000; 
    background-size: contain;
    background-image: url("../../feature/feature13/images/bk_sushi_sp.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    /*box-shadow: 0 2px 6px #4d0c0c;*/

}
.box3p img{
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	width: 90%;
    border: solid 1px #7d0000;
}
.box3p p{
    color: white;
    padding: 16px 5% 30px;
}

/* 冬の食特集　コンテンツ 2018.03.02追加*/

/* インスタ特集　コンテンツ 2018.05.07 追加*/
.insta_article {
    overflow: hidden;
    margin-bottom: 0px;
}

/* clearfix */
.insta_article:before,
.insta_article:after {
    content: "";
    display: table;
} 
.insta_article:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.insta_article {
    zoom: 1;
}

.insta_article h3{
    padding: 0.4em;
    padding-left: 24px;
    font-size: 147%;
    background-image: url("../../feature/feature15/images/area_bk.jpg");
    color: white;
    margin-bottom:14px;
}

.insta_article_full_l h2,.insta_article_full_r h2{
    font-size: 132.3%;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 4px;
    margin-bottom: 16px;
    line-height: 1.5em;
}

.insta_article_full_l {
	display: inline-block;
    width: 100%;
    border: none;
    margin-bottom: 50px;
}

.insta_article_full_r {
    width: 100%;
    display: inline-block;
    border: none;
    margin-bottom: 50px;
}

.insta_article_full_l_text,.insta_article_full_r_text{
    width: 100%;
    margin-bottom: 10px;
}

.insta_images_l.insta_images_l{
	display: inline-block;
    width: 100%;
    margin-bottom: 0px;
}
.insta_article_full_l img,.insta_article_full_r img {
    width: 33%;
    float: right;
    margin-right: 0.3%;
    margin-bottom: 1px;
}



/* button series */
.insta_area_btn{
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.button {
    margin: 0 4px 8px;
    width: 100px;
    height: 100px;
    background-color: white;
    background-image: url("../../feature/feature15/images/area_btn.png") ;
    background-size: 100px;
    border: none;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    display: inline-block;
    font-size: 88%;
    font-family: "Sawarabi Mincho","ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝",YuMincho,"Yu Mincho","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","ＭＳ 明朝","MS Mincho",serif;
    line-height: 1.4em;
    -webkit-transition-duration: 0.8s; /* Safari */
    transition-duration: 0.8s;
    cursor: pointer;
}

.area_link{
    position: relative;
    top: -60px;/*左の数値を変えると、上下に調整します*/
    display: block;
}

/* インスタ特集　コンテンツ 2018.05.07 追加*/


/* 20180605 スポット紹介デザイン修正 */

/* ボタン */
/*.btn-group {
    width: 1100px;
    text-align: center;
}
.button2{
  display: inline-block;
  text-decoration: none;
  background-color: #fff;
  color: #27bbe3;
  width: 200px;
  height: 200px;
  line-height: 1.6em;
  border-radius: 50%;
  border: double 4px #27bbe3;
  font-size: 132.3%;
  text-align: center;
  margin: 0px 20px;
  vertical-align: middle;
  overflow: hidden;
  transition: .6s;
}

.button2:hover{
  -webkit-transform: rotateY(360deg);
  -ms-transform: rotateY(360deg);
  transform: rotateY(360deg);
}*/

.feature_ttl2 {
    padding: 20px 0 20px 36px;
    background: url("../images/area_icon.png") no-repeat 0% 50%;
}

.btn-group .button2 {
    background-image: url("../../feature/feature16/images/area_btn_bk2.jpg") ;
  /*  background-color: #27bbe3; */
    text-align: center;
    border: solid 1px white;
    width: 50%;
    height: 100px;
    color: white;
    padding: 15px 32px;
    text-align: center;
    line-height: 1.6em;
    text-decoration: none;
    display: inline-block;
    font-size: 75%;
    cursor: pointer;
    float: left;
}

.btn-group .button2:hover {
    color: #001c58;
    background-image: url("../../feature/feature16/images/area_btn_bk1.jpg") ;
    text-shadow: 
        white 1px 1px 0, white -1px -1px 0,/*右下、左上*/
        white -1px 1px 0, white 1px -1px 0,/*右上、左下*/
        white 0px 1px 0, white  0-1px 0,/*右、左*/
        white -1px 0 0, white 1px 0 0;/*上、下*/
}
.btn-group {
    margin-bottom: 10px; 
}

/* clearfix */
.btn-group:before,
.btn-group:after {
    content: "";
    display: table;
} 
.btn-group:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.btn-group {
    zoom: 1;
}
/* ボタン */

/* 20180605 スポット紹介デザイン修正 */


/* 夏イベント特集　コンテンツ 2018.07.13 追加*/

.calendar h3{
    height: 50px;
    vertical-align: middle;
    text-align: center;
    font-size: 202.5%;
    text-shadow: 2px 2px 2px #03004c;
    font-family: "小塚コジック"; 
    background-image: url("../../feature/feature17/images/calendar_bg_sp.jpg");
    color: white;
    border: solid 1px #601986;
    margin-bottom:10px;
}
.calendar_full_l{
    margin-bottom: 30px;
}
.calendar_full_l h2{
    font-size: 147%;
    border-left: 6px solid #F08610;
    line-height: 1.2em;
    padding-left: 12px;
    margin-bottom: 12px;
}

.calendar_full_l .calendar_article_title1{
    font-size: 147%;
    border-left: 6px solid #0068b7;
    line-height: 1.2em;
    padding-left: 12px;
    margin-bottom: 12px;
}

.calendar_full_l .calendar_article_title2{
    font-size: 147%;
    border-left: 6px solid #601986;
    line-height: 1.2em;
    padding-left: 12px;
    margin-bottom: 12px;
}

.calendar_full_l .calendar_article_title3{
    font-size: 147%;
    border-left: 6px solid #a4005b;
    line-height: 1.2em;
    padding-left: 12px;
    margin-bottom: 12px;
}


.calendar_full_l_date1,.calendar_full_l_date2 {
    width: 100%;
    font-size: 161.7%;
    font-family: "小塚コジック"; 
    line-height: 1.3em;       
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 8px;    
    border: none;
}
.calendar_full_l img{
    margin-bottom: 16px;
}
/* ボタン */
.calendar_btn1 {
    position: fixed;
    bottom: 30px;
    left: 68%;
    z-index: 2; 
}
.calendar_btn2 {
    position: fixed;
    bottom: 10px;
    left: 80%;
    z-index: 1; 
}
.calendar_btn1 img, .calendar_btn2 img{
    width: 70px;
}
/* ボタン */
.calendar_link{
    position: relative;
    top: -70px;/*左の数値を変えると、上下に調整します*/
    display: block;
}      

/* 夏イベント特集　コンテンツ 2018.07.13 追加*/


/* 20180605 ブローガー特集 */
.box_profile {
    position: relative;
　　 display:inline;
    width: 86%;
    padding: 25px;
    margin: 30px auto;
    height: auto;
    text-align: center;
    margin-bottom: 20px;
    border: solid 1px #959595;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box_profile_title{
    position: absolute;
    display: inline-block;
    top: -20px;
    padding: 5px 12px;
    line-height: 1;
    font-size: 176.4%;
    background:#FFF;
}
.box_profile_text{
    text-align: left;
    width: 100%;
}
.box_profile h2{
    text-align: center;
    padding-bottom: 4px; 
    font-size: 139.7%;
    border-bottom: 2px dotted #959595;
    margin: 8px auto;
}
.box_profile p{
    text-align: left;
    font-size: 117.6%;
}
.box_profile img{
    width: 100%;
    text-align: center;
}
/* article2 */
/* sakura_article */
.article2 {
    overflow: hidden;
    margin-bottom: 40px;
}
/* clearfix */
.article2:before,
.article2:after {
    content: "";
    display: table;
} 
.article2:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.article2 {
    zoom: 1;
}

.article2 h3{
    text-align: center;
    padding: 0.3em;
    border-bottom: solid 5px #73e6dc;   
    font-size: 176.4%;
    color: black;
    margin-bottom:10px;
}

.article2_full_r{
    width: 100%;
    margin-bottom: 60px;
}
.article2_full_r h2{
    display: inline-block;    
    font-size: 147%;
    line-height: 1.2em;
    padding-left: 12px;
    margin-top: 20px;
    margin-bottom: 15px;    
}
.umi{
    border-left: 6px solid #27bbe3;

}
.cafe{
    border-left: 6px solid #73e6dc;
}

.article2_full_r .main_img {
    width: 100%;
    height: auto;
    float: right;
}
.article2_full_r .main_img img{
    width: 100%;
}
.article2_full_r .sub_img1 img{
    padding-top: 5px;
    width: 49.5%;
    float: left;
}
.article2_full_r .sub_img2 img{
    padding-top: 5px;
    width: 49.5%;
    float: right;
}
/* ボタン */
.area_btn1 {
    position: fixed;
    bottom: 80px;
    right: 6px;
    z-index: 2; 
}
.area_btn2 {
    position: fixed;
    bottom: 10px;
    right: 6px;
    z-index: 1; 
}
.area_btn1 img, .area_btn2 img{
    width: 70px;
}
/* ボタン */
.area_link{
    position: relative;
    top: -70px;/*左の数値を変えると、上下に調整します*/
    display: block;
} 
.sp_link{
    position: relative;
    top: -450px;/*左の数値を変えると、上下に調整します*/
    display: block;
} 
 /* コメント */
.comment_icon img{
    width: 16%;
    height: auto;
    float: left;
    margin: 20px 0;
}  
.balloon2-left {
    position: relative;
    display: inline-block;
    margin: 20px 0 20px 4%;    
    padding: 10px 16px;
    min-width: 120px;
    max-width: 80%;
    color: #959595;
    font-size: 117.6%;
    line-height: 1.4em;
    background: #FFF;
    border: solid 1px #959595;
    box-sizing: border-box;
    border-radius: 8px;
}

.balloon2-left:before{
    content: "";
    position: absolute;
    top: 50%;
    left: -12px;
    margin-top: -6px;
    border: 6px solid transparent;
    border-right: 6px solid #FFF;
    z-index: 2;
}

.balloon2-left:after{
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    margin-top: -7px;
    border: 7px solid transparent;
    border-right: 7px solid #959595;
    z-index: 1;
}

.balloon2-left p {
    margin: 0;
    padding: 0;
}
/* Last Comment */
.last_comment {
    width: 100%;
    position: relative;
    border: dashed 2px #73e6dc;
    background-color: #f8fffe;
    border-radius: 10px;
    padding: 1.8em 2.4em;
    font-size: 132.3%;
    line-height: 1.8em;
    color: #454545;
}
/* Last Comment */
  /* 目次 */

.toc_container li:before{
content:none;
}
.toc_container{
display: inline-block;
padding:1em 2em 1em!important;
width:  100%;
margin-bottom: 10px;
background: #fff!important;
background: rgba(255, 255, 255, 0.5)!important;
border: 1px solid #ddd;
}
.toc_title {
margin-bottom: .6em;
font-size: 120%;    
}
.toc_container p{
margin-bottom: .6em;
}
.toc_container ul{
margin: 0!important;;
}
.toc_container li a{
display: block;
padding: .4em 0;
border-top: 1px dotted #ddd;
}
.toc_container li li a{
padding-left: .6em;
}
.toc_container li .toc_number{
margin-right: .4em
}


.article_list_title{
    padding: 12px 0 12px 20px;
    width: 100%;
    font-size: 132.3%;
    background-color:#5bc2f3;
    color: white; 
}   
.article_list ul{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.8em;
  border: solid 2px #5bc2f3;
}
.article_list ul li{
  border-bottom: dashed 1px #5bc2f3;
  position: relative;
  padding: 0.5em 0.5em 0.5em 40px;
  line-height: 1.5em;
}
.article_list ul li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #5bc2f3;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 110.2%;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.article_list ul li:last-of-type{
  border-bottom: none; /*最後のliの線だけ消す*/
}
/* 20180605 ブローガー特集 */


/* 20180913 日本庭園特集 */
/* garden_article */
.article_garden {
    overflow: hidden;
    margin-bottom: 40px;
}
/* clearfix */
.article_garden:before,
.article_garden:after {
    content: "";
    display: table;
} 
.article_garden:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.article_garden {
    zoom: 1;
}

.article_garden h3{
    vertical-align: middle;    
    text-align: center;
    padding-top: 18px;
    padding-bottom: 8px;    
    line-height: 0.7em;    
    font-size: 191.1%;
    color: white;
    margin-bottom:4px;
    background-image: url("../../feature/feature19/images/h3_bk_sp.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 120%;
    border-top: 2px solid #6a3906;           
    border-bottom: 6px solid #cfc072;    
}
.others_h3{
    vertical-align: middle;    
    text-align: center;  
    line-height: 1.6em;    
    font-size: 132.3%;
    color: white;
    margin-bottom:4px;
    background-image: url("../../feature/feature19/images/h3_bk_sp.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 120%;
    border-top: 2px solid #6a3906;           
    border-bottom: 6px solid #cfc072;    
}
.article_garden span{
    font-size: 88%;
}

.article_garden_full_l {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-top: 8px;
    margin-bottom: 0px;
    background-position: bottom;
    border: solid 2px #6a3906; 
    background-size: contain;
    background: -moz-linear-gradient(65deg, #946a3b, #361d03); 
    background: -webkit-linear-gradient(65deg, #946a3b, #361d03); 
    background: linear-gradient(25deg, #946a3b, #361d03);
    /*box-shadow: 0 2px 6px #4d0c0c;*/

}
.article_garden_full_l img{
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    width: 90%;
    border: solid 1px #6a3906;
}
.article_garden_full_l p{
    color: white;
    padding: 20px 5% 30px;
}

/* article_garden-imagebox */

.gardern_place {   
    padding-left: 12px;
    font-size: 169.1%;
    color: black;
    line-height: 1.3em;
    border-left: 8px solid #6a3906;
    margin-bottom:6px;
    margin-top:30px;
}
.container{
}

.item{
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    border: solid 2px #6a3906;
    border-collapse: separate;     
    background-image: url("../../feature/feature19/images/kiji_bk.png") ;
    background-size: 140%;    
    background-repeat: no-repeat;
    background-position: bottom;    
    /*box-shadow: 0 2px 6px #4d0c0c;*/
}
.item img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    border-bottom: solid 1px #6a3906;     
}
.item p{
    color: black;
    padding: 20px 5% 30px;
}
.container2{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.item2{
    position: relative;
    width: 100%;
    margin: 0 auto;
    border: solid 2px #6a3906; 
    background-image: url("../../feature/feature19/images/kiji_bk.png") ;
    background-size: 140%;    
    background-repeat: no-repeat;
    background-position: bottom;        
}
.item2 img{
    display: block;
    width: 100%;
    border-bottom: solid 1px #6a3906; 
}
.item2 p{
    color: black;
    padding: 20px 5% 30px;
}
.item2 a {
    line-height: 2em;
    font-size: 132.3%;
    color: #6a3906;
}

/* 20180913 日本庭園特集 */


/* ヨガ特集　2018.10.30追加*/
.area_nav{
    width: 100%;
    margin-top: 36px;
}
.area_nav ul{
    text-align: center;
    width: 100%;
}
.area_nav ul li{
    display: inline-block;
    width: 48%;
}
.area_nav ul li img{
    width: 100%;
}
.article_yoga h3{
    padding: 0.4em;
    text-align: center;
    font-size: 161.7%;
    background: #f19ec2;
    color: white;
    margin-bottom:10px;
}
.article_yoga_full_l,.article_yoga_full_r{
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: bottom left;    
}
.article_yoga_full_l,.article_yoga_full_r p{
    font-size: 117.6%;
}
.article_yoga_full_r p span{
    font-size: 132.3%;
    padding: 0 1.2em;
    color: #fff;
    background-color: #b3d465;
}
.article_yoga_full_l_text,.article_yoga_full_r_text{
    margin-top: 10px;
} 
.article_yoga_full_l,.article_yoga_full_r img{
    width: 100%;
}
#yoga_cp{
    font-size: 80%;
    color: #7d7d7d;
}
hr.style3 {
    border: 1px dashed #8c8b8b;
}
hr.style4 {
    border: 4px dotted #7ecef4;
}
.comment_icon2 img{
    width: 140px;
    height: 140px;
    margin: 0 15px 0 0;
    float: left;
}  
/* ヨガ特集　2018.10.30追加*/

/* 20181115 ダイビング特集 */
.box_profile_event {
    position: relative;
　　 display:inline;
    width: 90%;
    padding: 25px;
    margin: 30px auto;
    height: auto;
    text-align: center;
    margin-bottom: 20px;
    border: solid 1px #959595;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box_profile_title_event{
    position: absolute;
    display: inline-block;
    top: -20px;
    padding: 5px 12px;
    line-height: 1;
    font-size: 176.4%;
    background:#FFF;
}
.box_profile_text_event{
    text-align: left;
    width: 100%;
}
.box_profile_event h2{
    text-align: center;
    padding-bottom: 4px; 
    font-size: 161.7%;
    border-bottom: 2px dotted #959595;
    margin: 8px auto;
}
.box_profile_event p{
    text-align: left;
    font-size: 132.3%;
}
.box_profile_event img{
    width: 80%;
    text-align: center;
}
.area_nav{
    width: 100%;
    margin-top: 36px;
}
.area_nav ul{
    text-align: center;
    width: 100%;
}
.area_nav ul li{
    display: inline-block;
    width: 48%;
}
.area_nav ul li img{
    width: 100%;
}
.article_dive h3{
    padding: 0.4em;
    text-align: center;
    font-size: 161.7%;
    background: #f19ec2;
    color: white;
    margin-bottom:10px;
}
.article_dive_full_l,.article_dive_full_r{
    margin-bottom: 20px;
    background:none;
    background-repeat: no-repeat;
    background-position: bottom left;    
}
.article_dive_full_r h2{
    font-size: 161.7%;
    text-align: center;
    border-bottom: 4px dotted #f2ff81;
    margin-bottom: 16px;
}
.article_dive_full_l,.article_dive_full_r p{
    font-size: 117.6%;
}
.article_dive_full_r p span{
    font-size: 132.3%;
    padding: 0 1.2em;
    color: #fff;
    background-color: #b3d465;
}
.article_dive_full_l_text,.article_dive_full_r_text{
    margin-top: 10px;
} 
.article_dive_full_l,.article_dive_full_r img{
    width: 100%;
}
#dive_cp{
    font-size: 80%;
    color: #7d7d7d;
}
hr.style3 {
    border: 1px dashed #8c8b8b;
}
hr.style4 {
    border: 4px dotted #7ecef4;
}

/* 20181115 ダイビング特集 */

/* 20181203 事業MAP特集 */
/* section-imagebox */
.image_box3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 20px;
}
.image_box3 dl.image_box3_dl {
    position: relative;
    width: calc(50% - 5px);
    margin: 0 0 20px;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.image_box3 dl.image_box3_dl dt {
    overflow: hidden;
    display: block;
}
.image_box3 dl.image_box3_dl dd {
    padding: 10px 10px 4em;
}
.image_box3 dl.image_box3_dl dd br {
    display: none;
}
.image_box3 dl.image_box3_dl dd .image_box3_ttl {
    line-height: 1.5em;
    font-size: 72%;
}
.image_box3 dl.image_box3_dl dd .image_box3_tag {
    margin: 5px 0 0;
    letter-spacing: -0.4em;
    line-height: 1;
}
.image_box3 dl.image_box3_dl dd .image_box3_tag li {
    display: inline-block;
    padding-right: 5px;
    letter-spacing: normal;
}
.image_box3 dl.image_box3_dl dd .image_box3_tag a {
    display: inline-block;
    padding: 2px 2px;
    background-color: #27bbe3;
    font-size: 63%;
    color: #fff;
}
.image_box3 dl.image_box3_dl dd .image_box3_info {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: table;
    width: 100%;
    background: #d0effe;
}
.image_box3 dl.image_box3_dl dd .image_box3_info .image_box3_category {
    display: table-cell;
    width: 35%;
    padding: 4px 5px;
    border-right: 1px solid #000;
    background-color: #f2ff81;
    font-size: 70%;
    text-align: center;
    vertical-align: middle;
}
.image_box3 dl.image_box3_dl dd .image_box3_info .image_box3_data {
    display: table-cell;
    padding: 4px 10px;
    font-size: 65%;
    text-align: left;
    vertical-align: middle;
}
.image_box3 dl.image_box3_dl dd .image_box3_info .image_box3_movie {
    display: table-cell;
    width: 30px;
    padding: 0;
    border-left: 1px solid #000;
    font-size: 75%;
    text-align: center;
    vertical-align: middle;
}
.image_box3 dl.image_box3_dl dd .image_box3_info .image_box3_movie em {
    display: block;
    height: 14px;
    margin: 0 auto;
    background: url("../images/icn_mov.png") no-repeat 50% 50%;
    text-indent: -9999px;
}
.image_box3 dl.image_box3_dl dd .image_box3_info .image_box3_movie a {
    display: block;
    padding: 10px 0;
}
/* 20180605 スポット紹介デザイン修正 */
.event_area{
    padding-left: 0.8em;
    line-height: 2.4em;
    text-align: left;
    font-size: 161.7%;
    font-weight: bold;
    color: white;
    margin-bottom:15px;    
}
/* 20181203 事業MAP特集 */

/* 20181225 冬イベント特集 */

.calendar h3{
    height: 50px;
    vertical-align: middle;
    text-align: center;
    font-size: 202.5%;
    text-shadow: 2px 2px 2px #03004c;
    font-family: "小塚コジック"; 
    background-image: url("../../feature/feature17/images/calendar_bg_sp.jpg");
    color: white;
    border: solid 1px #601986;
    margin-bottom:10px;
}
.calendar_full_l{
    margin-bottom: 30px;
}
.calendar_full_l h2{
    font-size: 147%;
    border-left: 6px solid #F08610;
    line-height: 1.2em;
    padding-left: 12px;
    margin-bottom: 12px;
}

.calendar_full_l .calendar_article_title1{
    font-size: 147%;
    border-left: 6px solid #0068b7;
    line-height: 1.2em;
    padding-left: 12px;
    margin-bottom: 12px;
}

.calendar_full_l .calendar_article_title2{
    font-size: 147%;
    border-left: 6px solid #601986;
    line-height: 1.2em;
    padding-left: 12px;
    margin-bottom: 12px;
}

.calendar_full_l .calendar_article_title3{
    font-size: 147%;
    border-left: 6px solid #a4005b;
    line-height: 1.2em;
    padding-left: 12px;
    margin-bottom: 12px;
}


.calendar_full_l_date3 {
    width: 100%;
    font-size: 161.7%;
    font-family: "小塚コジック"; 
    line-height: 1.3em;       
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    padding-top: 8px;
    padding-bottom: 8px;    
    border: none;
}
.calendar_full_l img{
    margin-bottom: 16px;
}
/* ボタン */
.calendar_btn3 {
    position: fixed;
    bottom: 72px;
    left: 80%;
    z-index: 2; 
}
.calendar_btn4 {
    position: fixed;
    bottom: 10px;
    left: 80%;
    z-index: 3; 
}
.calendar_btn3 img, .calendar_btn4 img{
    width: 60px;
}
/* ボタン */
.calendar_link{
    position: relative;
    top: -70px;/*左の数値を変えると、上下に調整します*/
    display: block;
}      

/* 20181225 冬イベント特集 */

/* 20190220 ブローガー特集 */

.b_winter{
    background-color: #fff;
    border-left: 6px solid #8f82bc;    
}
.b_food{
    background-color: #fff;
    border-left: 6px solid #b0513b;    
}

/* 20190220 ブローガー特集 */

/* 20190320 和菓子特集 */
/* garden_article */
.article_wakashi {
    overflow: hidden;
    margin-bottom: 40px;
}
/* clearfix */
.article_wakashi:before,
.article_wakashi:after {
    content: "";
    display: table;
} 
.article_wakashi:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.article_wakashi {
    zoom: 1;
}

.article_wakashi h3{
    vertical-align: middle;    
    text-align: center;
    padding-top: 10px;
    padding-bottom: 8px;    
    line-height: 2em;    
    font-size: 161.7%;
    color: #6a3906;
    margin-bottom:4px;
    background-image: url("../../feature/feature25/images/h3_bk_sp.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 120%;
    border-top: 2px solid #b3d465;
    border-bottom: 6px solid #cfc072;    
}
.others_h3{
    vertical-align: middle;    
    text-align: center;  
    line-height: 1.6em;    
    font-size: 132.3%;
    color: white;
    margin-bottom:4px;
    background-image: url("../../feature/feature25/images/h3_bk_sp.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 120%;
    border-top: 2px solid #6a3906;           
    border-bottom: 6px solid #cfc072;    
}
.article_wakashi span{
    font-size: 88%;
}

.article_wakashi_full_l {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-top: 8px;
    margin-bottom: 0px;
    background-position: bottom;
    border: solid 1px #da5b76); 
    background-size: contain;
    background: -moz-linear-gradient(65deg, #f695b7, #da5b76); 
    background: -webkit-linear-gradient(65deg, #f695b7, #da5b76); 
    background: linear-gradient(25deg, #f695b7, #da5b76);
    /*box-shadow: 0 2px 6px #4d0c0c;*/

}
.article_wakashi_full_l img{
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    width: 90%;
    border: solid 1px #da5b76;
}
.article_wakashi_full_l p{
    color: white;
    padding: 20px 5% 30px;
}

/* article_garden-imagebox */

.wakashi_place {   
    padding-left: 12px;
    font-size: 169.1%;
    color: black;
    line-height: 1.3em;
    border-left: 8px solid #da5b76;
    margin-bottom:6px;
    margin-top:30px;
}
.container{
}

.item_wakashi{
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    border: solid 1px #da5b76;
    border-collapse: separate;     
    background-image: url("../../feature/feature25/images/kiji_bk.png") ;
    background-size: 140%;    
    background-repeat: no-repeat;
    background-position: bottom;    
    /*box-shadow: 0 2px 6px #4d0c0c;*/
}
.item_wakashi img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    border-bottom: solid 1px #da5b76;     
}
.item_wakashi p{
    color: black;
    padding: 20px 5% 30px;
}
.container2{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.item_wakashi2{
    position: relative;
    width: 100%;
    margin: 0 auto;
    border: solid 1px #da5b76; 
    background-image: url("../../feature/feature25/images/kiji_bk.png") ;
    background-size: 140%;    
    background-repeat: no-repeat;
    background-position: bottom;        
}
.item_wakashi2 img{
    display: block;
    width: 100%;
    border-bottom: solid 1px #da5b76; 
}
.item_wakashi2 p{
    color: black;
    padding: 20px 5% 30px;
}
.item_wakashi2 a {
    line-height: 2em;
    font-size: 132.3%;
    color: #6a3906;
}

/* 20190320 和菓子特集 */

/* 20190306 enjoy海 */
#enjoy_logo img{
    width: 200px;
    text-align: center;
}
.moji_area {
    padding:0 5%;
}
.feature_read .f2{
    font-size: 235.2%;
    padding: 10px 5%;
    margin-bottom: 30px;
}
.f4{
    font-size: 235.2%;    
}
.kaisha {
      width: 100%;
      padding: 0px 5%;
}
/* 20190306 enjoy海 */

/* 20190325 チャータークルーズ */
.movie_wp{
    text-align: center;
}
.wp{ 
    display: block;
    width: 100%;
    margin: 0 auto;  
}
.f1{
    text-align: center;
}
.f1 img{
    width: 80%;
    height: auto;
}
.f2{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.movie_box {
    width: 100%;
    display: block;
    margin-bottom: 40px;
}
.movie_box p{
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin: 10px 0;
    padding: 0 10px;
    line-height: 1.8em;
}
.movie_box p a{
    font-size: 100%;
    color: #0074C7;
}
.movie_box iframe{
    width: 100%;
    height: 240px;
}

/* 20190325 チャータークルーズ */

/* 20190606 梅雨特集 */
.tsuyu_1{
    text-align: center;
    font-size: 117.6%;
    padding-top: 10px;
    padding-bottom: 8px;   
    color: #fff;
    background: #556fb5;
    margin-bottom:10px; 
}
.tsuyu_2{
    text-align: center;
    font-size: 117.6%;
    padding-top: 10px;
    padding-bottom: 8px;   
    color: #fff;
    background: #9d55b5;
    margin-bottom:10px; 
}
.tsuyu_3{
    text-align: center;
    font-size: 117.6%;
    padding-top: 10px;
    padding-bottom: 8px;   
    color: #fff;
    background: #52c4eb;
    margin-bottom:10px; 
}
.tsuyu_4{
    text-align: center;
    font-size: 117.6%;
    padding-top: 10px;
    padding-bottom: 8px;   
    color: #fff;
    background: #ff9633;
    margin-bottom:10px; 
}
/* 20190606 梅雨特集 */

/* 20190703 インスタ画像特集 */

/* SPECIAL INSTA */

.image_box3 dl.image_box4_dl {
    position: relative;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 15px;
    border-top: solid 5px #db36a4;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    float: left\9;
  /* for ie */
    margin: 30px 0 0\9;
  /* for ie */
}
.image_box3 dl.image_box4_dl:nth-child(3n+1) {
    margin-left: 0;
}
.image_box3 dl.image_box4_dl dt a {
    overflow: hidden;
    display: block;
    height: auto;
}
.image_box3 dl.image_box4_dl dt a img {
    transition: all 0.2s linear;
    width: 100%;
    height: auto;
    display: block!important;
}
.image_box3 dl.image_box4_dl dt a img:hover {
    transform: scale(1.1);
}
.image_box3 dl.image_box4_dl dd {
    padding: 0 20px 0;
}
.image_box3 dl.image_box4_dl dd .image_box4_ttl {
    min-height: 0;
    font-size: 85%;
    word-wrap:break-word;
}
.image_box3 dl.image_box4_dl dd .image_box4_tag {
    margin: 0px 0 0;
    letter-spacing: -0.4em;
    line-height: 1;
}
.image_box3 dl.image_box4_dl dd .image_box4_tag li {
    display: inline-block;
    padding-right: 10px;
    letter-spacing: normal;
}
.image_box3 dl.image_box4_dl dd .image_box4_tag a {
    display: inline-block;
    padding: 2px 2px;
    background-color: #27bbe3;
    font-size: 80%;
    color: #fff;
}
.image_box3 dl.image_box4_dl dd .image_box4_tag a:hover {
    cursor: pointer;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    text-decoration: none;
    transition: all 0.2s;
}
.image_box3 dl.image_box4_dl dd .image_box4_tag a:hover img {
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.image_box3 dl.image_box4_dl dd .image_box4_info {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: table;
    width: 100%;
    background: -moz-linear-gradient(45deg, #db36a4 42%, #f78800 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, #db36a4 42%,#f78800 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, #db36a4 42%,#f78800 99%); 
    /*border-top: 1px solid #27bbe3;*/
}
.image_box3 dl.image_box4_dl dd .image_box4_info .image_box4_category {
    display: table-cell;
    width: 7em;
    padding: 10px 3px;
    border-right: 1px solid #000;
    background-color: #f2ff81;
    font-size: 80%;
    text-align: center;
    vertical-align: middle;
}
.image_box3 dl.image_box4_dl dd .image_box4_info .image_box4_data {
    display: table-cell;
    padding: 10px 5px 10px 20px;
    font-size: 100%;
    color: #FFF;
    text-align: left;
    vertical-align: middle;
    word-wrap:break-word;
}
.insta_title{
    padding: 0.5em;
    text-align: center;
    font-size: 103%;
    line-height: 1.4em;
    background-image: url("../../feature/feature15/images/area_bk.jpg");
    color: white;
    margin-bottom:2px;
}
/* ボタン */
.btn-area{
        margin-bottom: 20px; 
}
.btn-area .button3 {
    background-color: #fff;
    text-align: left;
    border: solid 1px #920783;
    color: #920783;
    padding: 2px 6px 2px 6px ;
    margin-right: 0px;
    margin-bottom: 3px;
    text-align: center;
    line-height: 1.6em;
    text-decoration: none;
    display: inline-block;
    font-size: 88%;
    cursor: pointer;
}

.btn-area  .button3:hover {
    color: #FFF;
    background-color: #920783;
}
/* 20190703 インスタ画像特集 */

/* 20190813 2019イベント特集 */
.feature_ttl3{
    height: 50px;
    vertical-align: middle;
    text-align: center;
    font-size: 191.1%;
    text-shadow: 1px 1px 1px #03004c;
    font-family: "小塚コジック"; 
    background-image: url("../../feature/feature29/images/calendar_bg_sp.jpg");
    color: white;
    border: solid 1px #601986;
    padding-top: 3px;
    margin-bottom:10px;
}
/* 20190813 2019イベント特集 */

/* 20191022 ブローガー特集 */
.box_profile3 {
    position: relative;
　　 display:inline;
    width: 86%;
    padding: 25px;
    margin: 30px auto;
    height: auto;
    text-align: center;
    margin-bottom: 20px;
    border: solid 1px #959595;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box_profile3_title{
    position: absolute;
    display: inline-block;
    top: -20px;
    left: 15px;
    padding: 5px 12px;
    line-height: 1;
    font-size: 147%;
    background:#FFF;
}
.box_profile3_text{
    text-align: left;
    width: 100%;
}
.box_profile3 h2{
    text-align: center;
    padding-bottom: 4px; 
    font-size: 139.7%;
    border-bottom: 2px dotted #959595;
    margin: 8px auto;
}
.box_profile3 p{
    text-align: left;
    font-size: 117.6%;
}
.box_profile3 img{
    width: 100%;
    text-align: center;
}
/* article2 */
/* sakura_article */
.article3 {
    overflow: hidden;
    margin-bottom: 40px;
}
/* clearfix */
.article3:before,
.article3:after {
    content: "";
    display: table;
} 
.article3:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.article3 {
    zoom: 1;
}

.article3 h3{
    text-align: center;
    padding: 0.3em;
    border-bottom: solid 5px #73e6dc;   
    font-size: 176.4%;
    color: black;
    margin-bottom:10px;
}

.article3_full_r{
    width: 100%;
    margin-bottom: 100px;
}
.article3_full_r h2{
    display: inline-block;    
    font-size: 147%;
    line-height: 1.2em;
    padding-left: 12px;
    margin-top: 20px;
    margin-bottom: 15px;    
}
.umi2{
    border-left: 6px solid #5B86E5;
    }
.cafe{
    border-left: 6px solid #73e6dc;
}

.article3_full_r .main_img {
    width: 100%;
    height: auto;
    float: right;
}
.article3_full_r .main_img img{
    width: 100%;
}
.article3_full_r .sub_img1 img{
    padding-top: 5px;
    width: 49.5%;
    float: left;
}
.article3_full_r .sub_img2 img{
    padding-top: 5px;
    width: 49.5%;
    float: right;
}
/* ボタン */
.area_btn1 {
    position: fixed;
    bottom: 80px;
    right: 6px;
    z-index: 2; 
}
.area_btn2 {
    position: fixed;
    bottom: 10px;
    right: 6px;
    z-index: 1; 
}
.area_btn1 img, .area_btn2 img{
    width: 70px;
}
/* ボタン */
.area_link{
    position: relative;
    top: -70px;/*左の数値を変えると、上下に調整します*/
    display: block;
} 
.sp_link{
    position: relative;
    top: -450px;/*左の数値を変えると、上下に調整します*/
    display: block;
} 
 /* コメント */
.comment_icon img{
    width: 16%;
    height: auto;
    float: left;
    margin: 20px 0;
}  
.balloon3-left {
    position: relative;
    display: inline-block;
    margin: 20px 0 20px 4%;    
    padding: 10px 16px;
    min-width: 120px;
    max-width: 80%;
    color: #959595;
    font-size: 117.6%;
    line-height: 1.4em;
    background: #FFF;
    border: solid 1px #959595;
    box-sizing: border-box;
    border-radius: 8px;
}

.balloon3-left:before{
    content: "";
    position: absolute;
    top: 50%;
    left: -12px;
    margin-top: -6px;
    border: 6px solid transparent;
    border-right: 6px solid #FFF;
    z-index: 2;
}

.balloon3-left:after{
    content: "";
    position: absolute;
    top: 50%;
    left: -15px;
    margin-top: -7px;
    border: 7px solid transparent;
    border-right: 7px solid #959595;
    z-index: 1;
}

.balloon3-left p {
    margin: 0;
    padding: 0;
}
/* Last Comment */
.last_comment {
    width: 100%;
    position: relative;
    border: dashed 2px #73e6dc;
    background-color: #f8fffe;
    border-radius: 10px;
    padding: 1.8em 2.4em;
    font-size: 132.3%;
    line-height: 1.8em;
    color: #454545;
}
/* Last Comment */
  /* 目次 */

#toc_container li:before{
content:none;
}
#toc_container{
display: inline-block;
padding:1em 2em 1em!important;
width:  100%;
margin-bottom: 10px;
background: #fff!important;
background: rgba(255, 255, 255, 0.5)!important;
border: 1px solid #ddd;
}
.toc_title {
margin-bottom: .6em;
font-size: 120%;    
}
#toc_container p{
margin-bottom: .6em;
}
#toc_container ul{
margin: 0!important;;
}
#toc_container li a{
display: block;
padding: .4em 0;
border-top: 1px dotted #ddd;
}
#toc_container li li a{
padding-left: .6em;
}
#toc_container li .toc_number{
margin-right: .4em
}


.article_list_title{
    padding: 12px 0 12px 20px;
    width: 100%;
    font-size: 132.3%;
    background-color:#5bc2f3;
    color: white; 
}   
.article_list ul{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.8em;
  border: solid 2px #5bc2f3;
}
.article_list ul li{
  border-bottom: dashed 1px #5bc2f3;
  position: relative;
  padding: 0.5em 0.5em 0.5em 40px;
  line-height: 1.5em;
}
.article_list ul li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*数字のデザイン変える*/
  display:inline-block;
  background: #5bc2f3;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 110.2%;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.article_list ul li:last-of-type{
  border-bottom: none; /*最後のliの線だけ消す*/
}
/* 20191022 ブローガー特集 */

/* 20200212 2020イベント特集 */
.feature_ttl4{
    height: 50px;
    vertical-align: middle;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    text-shadow: 2px 2px 1px #fff,
                -2px 2px 1px #fff,
                 2px -2px 1px #fff,
                -2px -2px 1px #fff;
    font-family: "小塚コジック"; 
    background-image: url("../../feature/feature33/images/calendar_bg_sp.jpg");
    color: #362e2b;
    border: solid 1px #8fc31f;
    padding-top: 3px;
    margin-bottom:10px;
}
/* ボタン */
.btn-area{
        margin-bottom: 20px; 
}
.btn-area .button4 {
    background-color: #fff;
    text-align: left;
    border: solid 1px #097c25;
    color: #097c25;
    padding: 2px 6px 2px 6px ;
    margin-right: 0px;
    margin-bottom: 3px;
    text-align: center;
    line-height: 1.6em;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
}

.btn-area  .button4:hover {
    color: #FFF;
    background-color: #097c25;
}
/* 20200212 2020イベント特集 */

/* 20200309 セーリング特集 */
.sailing_icon{
    width: 50px !important;
    height: 50px !important;    
    display: block;
    margin:0 0;     
    text-align: center;
    margin-top: 30px;
}
.sailing_icon img{
    margin-bottom: 10px;
}
.sailing_title{
    display: block;
    font-size: 140%;
    line-height: 1.8;
    padding-bottom: 5px;
    border-bottom: solid 3px #00a0e9;
}
.sailing_subtitle{
    font-size: 120%;
    border-left: solid 4px #00a0e9;
    padding-left: 10px;
}
.sailing_blue{
    color: #0074C7;
}
.sailing_comment{
    font-size: 140%;
}
/* 20200309 セーリング特集 */

/* 20200310 手作り印鑑特集 */
/* garden_article */
.article_wakashi3 {
    overflow: hidden;
    margin-bottom: 40px;
}
/* clearfix */
.article_wakashi3:before,
.article_wakashi3:after {
    content: "";
    display: table;
} 
.article_wakashi3:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.article_wakashi3 {
    zoom: 1;
}

.article_wakashi3 h3{
    vertical-align: middle;    
    text-align: center;
    padding: 12px 14px 12px 12px;
    line-height: 1.5;    
    font-size: 150%;
    color: #000;
    margin-bottom:4px;
    background-image: url("../../feature/feature35/images/h3_bk_sp.png") ;
    background-repeat: repeat;
    background-position: bottom;
    background-size: 120%;
    border-top: 4px solid #c13d3d;
    border-bottom: 10px solid #c13d3d;
}
.others_h3{
    vertical-align: middle;    
    text-align: center;  
    line-height: 1.6em;    
    font-size: 132.3%;
    color: white;
    margin-bottom:4px;
    background-image: url("../../feature/feature25/images/h3_bk_sp.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 120%;
    border-top: 2px solid #c13d3d;           
    border-bottom: 6px solid #c13d3d;    
}
.article_wakashi3 span{
    font-size: 88%;
}

.article_wakashi3_full_l {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding-top: 8px;
    margin-bottom: 0px;
    background-position: bottom;
    border: solid 1px #c13d3d); 
    background-size: contain;
    background: -moz-linear-gradient(65deg, #c13d3d, #c13d3d); 
    background: -webkit-linear-gradient(65deg, #c13d3d, #c13d3d); 
    background: linear-gradient(25deg, #c13d3d, #c13d3d);
    /*box-shadow: 0 2px 6px #4d0c0c;*/

}
.article_wakashi3_full_l img{
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    width: 90%;
    border: solid 1px #c13d3d;
}
.article_wakashi3_full_l p{
    color: white;
    padding: 20px 5% 30px;
}

/* article_garden-imagebox */

.wakashi3_place {   
    padding-left: 12px;
    font-size: 130%;
    color: black;
    line-height: 1.3em;
    border-left: 10px solid #c13d3d;
    margin-bottom:10px;
    margin-top:40px;
}
.container{
}

/*.item_wakashi3{
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 10px;
    border: solid 1px #c13d3d;
    border-collapse: separate;     
    background-image: url("/feature/feature35/images/kiji_bk.png") ;
    background-size: 140%;    
    background-repeat: no-repeat;
    background-position: bottom;    
    /*box-shadow: 0 2px 6px #4d0c0c;
}
.item_wakashi3 img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    border-bottom: solid 1px #c13d3d;     
}
.item_wakashi3 p{
    color: black;
    padding: 20px 5% 30px;
}*/
.container3{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.item_wakashi3{
    position: relative;
    width: 100%;
    margin: 0 auto;
    border: solid 2px #c13d3d; 
    background-image: url("../../feature/feature35/images/kiji_bk.png") ;
    background-size: 140%;    
    background-repeat: no-repeat;
    background-position: bottom;        
}
.item_wakashi3 img{
    display: block;
    width: 100%;
    border-bottom: solid 2px #c13d3d; 
}
.item_wakashi3 p{
    color: black;
    padding: 20px 5% 50px;
}
.item_wakashi3 a {
    line-height: 2em;
    font-size: 120%;
    color: #000;
    text-decoration: underline;
}

/* 20200310 手作り印鑑特集 */

/* 20200803 クルージング2020特集 */
.cruisingh2{
    text-align: center;
    font-size: 130%;
    padding-top: 10px;
    padding-bottom: 8px;   
    color: #fff;
    background: linear-gradient(45deg, #00a1e8,#7ecef4);
}
.cruisingh3{
    display: inline-block;
    font-size: 120%;
    text-decoration: none;
    border-bottom: 5px solid yellow;
    margin: 15px 0;
}
.cruise_attention{
    display: block;
    text-align: center;
    font-size: 120%;
    color: #eb4200;
    padding: 6px 12px;
    border-bottom:dotted 3px orange;
    border-top:dotted 3px orange;
    background-color: #fff45c;
    margin-bottom: 10px;
}     
/* 20200803 クルージング2020特集 */

/* 20211018 SUF90特集 */
/* article2 */
/* sakura_article */
.article4 {
    overflow: hidden;
    margin-bottom: 40px;
}
/* clearfix */
.article4:before,
.article4:after {
    content: "";
    display: table;
} 
.article4:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.article4 {
    zoom: 1;
}

.article4 h3{
    text-align: center;
    padding: 0.3em;
    border-bottom: solid 5px #73e6dc;   
    font-size: 176.4%;
    color: black;
    margin-bottom:10px;
}

.article4_full_r{
    width: 100%;
    margin-bottom: 60px;
}
.article4_full_r h2{
    display: inline-block;    
    font-size: 147%;
    line-height: 1.2em;
    padding-left: 12px;
    margin-top: 20px;
    margin-bottom: 15px;    
}

.article4_full_r .main_img {
    width: 70%;
    height: auto;
    float: none;
    margin: 0 auto;
}
.article4_full_r .main_img img{
    width: 100%;
    margin-bottom: 10px;
    border-radius: 6px;
}
.article4_full_r .sub_img1 img{
    padding-top: 5px;
    width: 49.5%;
    float: left;
}
.article4_full_r .sub_img2 img{
    padding-top: 5px;
    width: 49.5%;
    float: right;
}
.umi3{
border-left: 6px solid #6190E8;  
}
.last_comment3 {
    /*width: 100%;*/
    position: relative;
    border: dashed 2px #d0def6;
    background-color: #f0f5fc;
    border-radius: 10px;
    /*padding: 1.6em 2.2em;*/
    padding: 1.2em 1.6em;
    font-size: 110%;
    line-height: 1.8em;
    color: #454545;
}
/* 20211018 SUF90特集 */

/* 20220221 朝市特集 */
.article_2side h3{
    padding: 0.4em;
    text-align: center;
    font-size: 130%;
    background: #3d72c2;
    color: white;
    margin-bottom:15px;
}
.article_2side h4{
    font-size: 110%;
    color: #3460a3;
    margin-bottom:15px;
}
.p_fullimg{
    display: block;
    width: 100%!important;
    margin-bottom: 15px;
}
.btn{
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    background-color: #333;
    padding: 6px 16px;
    margin-top: 20px;
}
.btn:hover{
    color: white;
    text-decoration: none;
    opacity: 0.7;
}
.btn:visited{
    color: white;
}

.article_2side_full_l,.article_2side_full_r{
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: bottom left;    
}
.article_2side_full_l,.article_2side_full_r p{
    font-size: 117.6%;
}
.article_2side_full_r p span{
    font-size: 132.3%;
    padding: 0 1.2em;
    color: #fff;
    background-color: #b3d465;
}
.article_2side_full_l_text,.article_2side_full_r_text{
    margin-top: 10px;
} 
.article_2side_full_l,.article_2side_full_r img{
    width: 100%;
}
/* 画像3枚 */
.pic3in{
    display: block;
    width: 100%;
    margin: 0 auto 40px;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
    padding: 20px auto;
}
.pic3in ul li{
    display: inline-block;
    width: 46%;
    margin: 1%;
}
.pic3in ul li img{
    width: 100%;
}


/* 特集②　47　ビジターバース 2022.08.12*/
/*area_navi */
.area_navi{
    display: block;
    padding: 12px 0;
}
.area_navi ul li{
    display: inline-block;
    width: 23.2%;
    font-size: 1.2rem;
    text-align: center;
    letter-spacing: 2px;
    border-right: 2px solid #6adfff;
}
.area_navi ul li:last-child{
    border-right: none;
}
.area_navi ul li a{
    color: #002626;    
}
.area_navi ul li a:hover{
    color: #6adfff;
    text-decoration: none;
}
/* widepage_article */
.widepage_article {
    overflow: hidden;
    margin-bottom: 60px;
}
/* clearfix */
.widepagearticle:before,
.widepage_article:after {
    content: "";
    display: table;
} 
.widepage_article:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.widepage_article {
    zoom: 1;
}

.widepage_article h2{
    padding: 0;
    font-size: 4rem;
    letter-spacing: 15px;
    color: #002626;
    margin-bottom:10px;
}

/* Left */
.widepage_article_full_l {
    position: relative;
　　display:block;
    width: 100%;
    height: auto;
    border: none;
    float: left;
    margin-bottom: 0px;
}
.widepage_article_full_l_text{
    float: right;
    width: 100%;
    margin-bottom: 0px;
}
.widepage_article_full_l h3{
    font-size: 1.6rem;
    letter-spacing: 2px;
    border-bottom: 4px solid #6adfff;
    padding: 5px 10px;
    margin-bottom: 20px;
}
.widepage_article_full_l p{
    line-height: 1.6;
}
.widepage_article_full_l p span{
    font-size: 100%;
    color: #F08610;
}
.widepage_images_l{
    display: block;
    width: 100%;
}
.widepage_images_r{
    display: block;
   width: 100%;
}
.widepage_article_full_l img,.widepage_article_full_r img{
    width: 100%;
    margin-top: 4px;
    margin-bottom: 4px;
}
.widepage_article_full_l img:nth-child(2),.widepage_article_full_r img:nth-child(2){
    width: 49%;
    float: left;
    margin-right: 4px;
}
.widepage_article_full_l img:nth-child(3),.widepage_article_full_r img:nth-child(3){
    width: 49%;
    float: right;
}
/* Right */
.widepage_article_full_r {
    position: relative;
　　display:block;
    width: 100%;
    height: auto;
    border: none;
    margin-bottom: 0px;
}
.widepage_article_full_r_text{
    width: 100%;
}
.widepage_article_full_r h3{
    font-size: 1.6rem;
    letter-spacing: 2px;
    border-bottom: 4px solid #6adfff;
    padding: 5px 10px 5px 0;
    margin-bottom: 20px;
}
.widepage_article_full_r p{
    line-height: 1.6;
}
.widepage_article_full_r p span{
    font-size: 100%;
    color: #F08610;
}
ruby{
    margin-bottom: 10px;
}
rt {
  font-size: 0.7rem; /* 文字サイズを大きく */
  text-align: center;
  letter-spacing: 8px;
}

/* article5 */
.article5 {
    overflow: hidden;
    margin-bottom: 40px;
}
/* clearfix */
.article5:before,
.article5:after {
    content: "";
    display: table;
} 
.article5:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.article5 {
    zoom: 1;
}

.article5 h2{
    padding: 0.3em;
    padding-left: 15px;
    font-size: 150%;
    letter-spacing: 2px;
    color: white;
    margin-bottom:20px;
    background: #6adfff;    
}

/* Left */
.article5_full {
    position: relative;
　　display:block;
    width: 100%;
    margin: 0px;
    height: auto;
    border: none;
    margin-bottom: 30px;
}
.article5_full_text{
    width: 100%;
}
.article5_full h3{
    font-size: 137.5%;
    letter-spacing: 1px;
    border-bottom: solid 2px #6adfff;
    margin-top: 16px;
    margin-bottom: 16px;
}
.article5_full p{
    font-size: 93.75%;
}
.article5_full p span{
    font-size: 112.5%;
    color: #F08610;
}
.article5_full img{
    width: 100%;
}
.article5_full a{
    word-break: break-all;
}

/* other */
.article5_full .other_article{
    background-color: #fff;
    color: #002626;
    padding: 0;
    padding-left: 0;
}

/* button series */
.widepage_area_btn{
    width: 100%;
    text-align: center;   
}
.widepage_area_btn .button2{
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0;
  text-decoration: none;
  color: #67c5ff;  
}

.widepage_area_btn .button2:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 4px;
  top:100%;
  left: 0;
  border-radius: 3px;
  background:#67c5ff;
  transition: .2s;
}

.widepage_area_btn .button2:hover:before {
  top: -webkit-calc(100% - 3px);
  top: calc(100% - 3px);
}


/*  wave animation  */
@import url(//fonts.googleapis.com/css?family=Lato:300:400);


.wave .header {
  position:relative;
  text-align:center;
  background: linear-gradient(60deg, rgba(84,58,183,1) 0%, rgba(0,172,193,1) 100%);
  background: linear-gradient(60deg, rgba(32,143,247,1) 0%, rgba(106,223,255,1) 100%);
  color:white;
} */

.wave .inner-header {
  height:65vh;
  width:100%;
  margin: 0;
  padding: 0;
}

.wave .flex { /*Flexbox for containers*/
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.wave .waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-9px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

.wave .content {
  position:relative;
  height:20vh;
  text-align:center;
  background-color: white;
}

/* Animation */

.wave .parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.wave .parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.wave .parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.wave .parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.wave .parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
 .wave .waves {
    height:40px;
    min-height:40px;
  }
 .wave .content {
    height:30vh;
  }
}



.area_link{
    position: relative;
    top: -80px;/*左の数値を変えると、上下に調整します*/
    display: block;
}
/* button series */

/* 特集②　47　ビジターバース 2022.08.12*/

/* 20220920 遊覧船特集 */
.area_nav{
    width: 100%;
    margin-top: 36px;
}
.area_nav ul{
    text-align: center;
    width: 100%;
}
.area_nav ul li{
    display: inline-block;
    width: 48%;
}
.area_nav ul li img{
    width: 100%;
}
.article_column h3{
    padding: 0.4em;
    text-align: center;
    font-size: 150%;
    background: #f19ec2;
    color: white;
    margin-bottom:10px;
}
.article_column_full_l,.article_column_full_r{
    margin-bottom: 40px;
    background-repeat: no-repeat;
    background-position: bottom left;    
}
.article_column_full_l,.article_column_full_r p{
    font-size: 117.6%;
}
.article_column_full_r p span{
    font-size: 132.3%;
    padding: 0 1.2em;
    color: #fff;
    background-color: #b3d465;
}
.article_column_full_l_text,.article_column_full_r_text{
    margin-top: 15px;
} 
.article_column_full_l,.article_column_full_r img{
    width: 100%;
}
#column_cp{
    font-size: 80%;
    color: #7d7d7d;
}
/* 20220920 遊覧船特集 */


/* 20230311 LOVE OCEAN特集 */
.bigimg{
    display: block;
    width: 95%;
    margin: 16px auto;
}

.img2pic{
    display: block;
    width: 95%;
    margin: 16px auto;
}
.img2pic ul li{
    display: block;
    width: 100%;
    margin-bottom: 16px;
}
.img2pic ul li:last-child{
    margin-bottom: 0;
}
.img2pic img{
    width: 100%;
}
/* 20230311 LOVE OCEAN特集 */


/* 20230627 三浦特集 */
/* article6 */
/* sakura_article */
.article6 {
    overflow: hidden;
    margin-bottom: 40px;
}
/* clearfix */
.article6:before,
.article6:after {
    content: "";
    display: table;
} 
.article6:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.article6 {
    zoom: 1;
}

.article6 h3{
    text-align: center;
    padding: 0.3em;
    border-bottom: solid 5px #73e6dc;   
    font-size: 176.4%;
    color: black;
    margin-bottom:10px;
}
.article6 a{
    word-break: break-all;
}

.article6_full_r{
    width: 100%;
    margin-bottom: 100px;
}
.article6_full_r h2{
    display: inline-block;    
    font-size: 147%;
    line-height: 1.2em;
    padding-left: 12px;
    margin-top: 20px;
    margin-bottom: 15px;    
}
.umi2{
    border-left: 6px solid #5B86E5;
    }
.cafe{
    border-left: 6px solid #73e6dc;
}

.article6_full_r .main_img {
    width: 100%;
    height: auto;
    float: right;
}
.article6_full_r .main_img img{
    width: 100%;
}
.article6_full_r .sub_img1 img{
    padding-top: 5px;
    width: 49.5%;
    float: left;
}
.article6_full_r .sub_img2 img{
    padding-top: 5px;
    width: 49.5%;
    float: right;
}
/* 20230627 三浦特集 */


/* 20240201 運行特集 */
.article_7side{
    padding-bottom: 30px;
}
.article_7side h3{
    padding: 0.4em;
    text-align: center;
    font-size: 20px;
    background: #3d72c2;
    color: white;
    margin-bottom:15px;
}
.article_7side h4{
    font-size: 18px;
    color: #000
    margin-bottom:15px;
}
.p_fullimg{
    display: block;
    width: 100%!important;
    margin-bottom: 15px;
}
.btn{
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    background-color: #333;
    padding: 6px 16px;
    margin-top: 15px;
}
.btn:hover{
    color: white;
    text-decoration: none;
    opacity: 0.7;
}
.btn:link{
    color: white;
}
.btn:visited{
    color: white;
}

.article_7side_full_l,.article_7side_full_r{
    margin-bottom: 40px;
    background-repeat: no-repeat;
    background-position: bottom left;    
}
.article_7side_full_l,.article_7side_full_r p{
    font-size: 14px;
}
.article_7side_full_r p span{
    font-size: 14px;
    padding: 0 1.2em;
    color: #fff;
    background-color: #b3d465;
}
.article_7side_full_l_text,.article_7side_full_r_text{
    margin-top: 10px;
} 
.article_7side_full_l,.article_7side_full_r img{
    width: 100%;
}
/* 画像3枚 */
.pic3in{
    display: block;
    width: 100%;
    margin: 0 auto 40px;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
    padding: 20px auto;
}
.pic3in ul li{
    display: inline-block;
    width: 46%;
    margin: 1%;
}
.pic3in ul li img{
    width: 100%;
}

/* 画像4枚 */
.pic4in{
    display: block;
    width: 100%;
    margin: 0 auto 40px;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
    padding: 20px auto;
}
.pic4in ul li{
    display: inline-block;
    width: 47%;
    margin: 1%;
}
.pic4in ul li img{
    width: 100%;
}
.bk_pic3in {
    display: block;
    width: 100%;
    margin: 0px auto 60px;
    padding: 30px 40px 40px;
    background-color: #add8e6;
}
.bk_pic3in h4{
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}
.bk_pic3in ul li {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    border: 8px solid #fff;
}
.bk_pic3in ul li:last-child{
    margin-bottom: 0;
}
.bk_pic3in ul li img {
    width: 100%;
}

.midashi{
    padding: 0.4em;
    text-align: center;
    font-size: 20px;
    border-bottom: 7px solid #3d72c2;
    color: #333;
    margin-bottom:0px;
}
.movie_wp2{
    text-align: center;
}
.wp2{ 
    display: block;
    width: 100%;
    margin: 0 auto;  
}
.movie_box2 {
    width: 100%;
    display: block;
    margin-top: 15px;
    margin-bottom: 60px;
}
.movie_box2 p{
    width: 100%;
    font-size: 100%;
    text-align: center;
    font-weight: bold;
    margin: 10px 0;
    padding: 0 10px;
    line-height: 1.8em;
}
.movie_box2 p a{
    font-size: 80%;
}
.movie_box2 iframe{
    width: 100%;
}
/* 20240201 運行特集 */


/* 20240912 公園特集 */
.special_box{
    width: 100%;
    display: block;
    padding: 30px;
    border: 1px solid #ccc;
    margin-bottom: 5%;
    box-sizing: border-box;
}
.special_box p{
    display: block;
    width: 100%;
}
.special_box a{
    word-break: break-all;
}
.special_box img{
    display: inline-block;
    width: 100%;
    margin: 20px auto 0px;
}
/* 20240912 公園特集 */

/* 20250110 サイクリング特集 */
.article_cycle{
}
.article_cycle h3{
    padding: 0.3em;
    padding-left: 10px;
    font-size: 120%;
    color: white;
    margin-bottom:15px;
    background: linear-gradient(to right, #fa9b02, #fa9b02, #ffe18f);    
}
.article_cycle p{
    margin-bottom: 20px;
}
/* 画像3枚 */
.pic3in_cycle{
    display: block;
    width: 100%;
    margin: 0 auto 40px;
    padding: 20px auto;
}
.pic3in_cycle ul li{
    display: inline-block;
    width: 48%;
    margin: 1% 0.5%;
}
.pic3in_cycle ul li img{
    width: 100%;
    border-radius: 4px;
}
.pc2{
    display: none;
}
.sp2{
    display: inline;
}

.shopinfo{
    display: block;
    border: 2px solid #0074C7;
    border-radius: 4px;
    margin-top: -20px;
    margin-bottom: 40px;
}
.shopinfo h4{
    font-size: 110%;
    padding: 5px 15px;
    color: #fff;
    background-color: #0074C7;
}
.shopinfo p{
    width: auto!important;
    margin: 10px 15px;
}
.shopinfo p a{
    word-break: break-all;
}
/* 20250110 サイクリング特集 */

/* footer */
/*
.footer_tag {
	background-color: $c_act;
	.footer_tag_detail {
		height: 20px;
		ul {
			display: none;
		}
	}
} */
.footer_detail {
	@include container;
	position: relative;
	.nav_sns {
		padding: 40px 0 30px;
		ul {
			margin: 0 auto;
			li {
				padding: 0 5px;
			}
		}
		a {
			display: block;
			width: 36px;
			height: 36px;
			text-indent: -9999px;
			&:hover {
				@include hover;
			}
		}
		.nav_sns_twitter a {
			background: url("../images/icn_sns_tw.png") no-repeat 50% 50%;
			-webkit-background-size: 36px 36px;
			background-size: 36px 36px;
		}
		.nav_sns_facebook a {
			background: url("../images/icn_sns_fb.png") no-repeat 50% 50%;
			-webkit-background-size: 36px 36px;
			background-size: 36px 36px;
		}
		.nav_sns_instagram a {
			background: url("../images/icn_sns_ig.png") no-repeat 50% 50%;
			-webkit-background-size: 36px 36px;
			background-size: 36px 36px;
		}
		.nav_sns_youtube a {
			background: url("../images/icn_sns_yt.png") no-repeat 50% 50%;
			-webkit-background-size: 36px 36px;
			background-size: 36px 36px;
		}
	}
}
/*
.nav_lnk {
	padding: 0 0 20px;
	ul {
		@include clearfix;
		padding: 0 5px;
		li {
			float: left;
			width: 33.3%;
			padding: 5px 5px;
		}
	}
}
*/
/*
.copyright {
	@include container;
	padding-bottom: 30px;
	font-size: $f12;
	text-align: center;
}
*/
/*.nav_pagetop {
	position: absolute;
	right: 10px;
	top: -35px;
	z-index: 2;
	display: table;
	width: (110px*0.5);
	height: (94px*0.5);
	a {
		display: table-cell;
		width: (110px*0.5);
		height: (94px*0.5);
		padding-top: 15px;
		background: url("../images/btn_pagetop.png") no-repeat 50% 50%;
		-webkit-background-size: (110px*0.5) (94px*0.5);
		background-size: (110px*0.5) (94px*0.5);
		font-size: $f9;
		text-align: center;
		vertical-align: middle;
		line-height: 1;
		color: #fff;
		&:hover {
			@include hover;
		}
	}
}
*/

/* topicpath */
.topicpath {
	@include container;
	padding: 5px 10px 20px;
	ul {
		@include clearfix;
		li {
			float: left;
			margin: 5px 5px 0 0;
			padding: 0 5px;
			font-size: $f10;
			line-height: 1.8;
			background-color: $c_bold;
			border: 2px solid $c_bold;
			color: #fff;
			a {
				display: block;
				margin: 0 -5px;
				padding: 0 5px;
				background-color: #fff;
				color: #000;
			}
		}
	}
}


/* section */
div.section {
	@include container;
}


/* section-btn */
.btn_detail {
	@include btn_blue;
}


/* section-ttl */
.section_ttl {
/*	padding: 0 0 15px;*/ 
	font-size: $f18;
	text-align: center;
/*	background: url("../images/ttl_bg01.png") no-repeat 50% 100%; */
	background-size: 74px 7px;
}
.asidebox_ttl {
	position: relative;
	font-size: $f18;
	span {
		position: relative;
		z-index: 2;
		display: inline-block;
		padding: 0 10px 0 0;
		background-color: #fff;
	}
	&:before {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 0px;
		width: 100%;
		height: 2px;
		background-color: #000;
	}
}


/* pageheader */
/*
.pageheader {
	background-color: $c_uplight;
	.pageheader_detail {
		@include container;
		position: relative;
		display: table;
		height: 130px;
		.hgroup {
			position: relative;
			z-index: 2;
			display: table-cell;
			text-align: center;
			vertical-align: middle;
			h1 {
				font-size: $f20;
				line-height: 1;
				span {
					display: inline-block;
					padding: 5px 0;
					border-bottom: 4px solid #000;
				}
			}
		}
		&:before {
			content: "";
			display: block;
			position: absolute;
			top: 20px;
			right: 20px;
			width: (148px*0.5);
			height: (15px*0.5);
			background: url("../images/ttl_bg01.png") no-repeat 50% 50%;
			-webkit-background-size: (148px*0.5) (15px*0.5);
			background-size: (148px*0.5) (15px*0.5);
		}
		&:after {
			content: "";
			display: block;
			position: absolute;
			bottom: 20px;
			left: 20px;
			width: (148px*0.5);
			height: (15px*0.5);
			background: url("../images/ttl_bg02.png") no-repeat 50% 50%;
			-webkit-background-size: (148px*0.5) (15px*0.5);
			background-size: (148px*0.5) (15px*0.5);
		}
	}
}
/*

/* section-imagebox */
.image_box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 20px;
	.image_box_dl {
		position: relative;
		width: calc(50% - 5px);
		margin: 0 0 20px;
		border: 2px solid #000;
		background-color: #fff;
		dt {
			a {
				overflow: hidden;
				display: block;
				img {
				}
			}
		}
		dd {
			padding: 10px 10px 4em;
			br {
				display: none;
			}
			.image_box_ttl {
				font-size: $f12;
			}
			.image_box_tag {
				margin: 5px 0 0;
				letter-spacing: -0.4em;
				line-height: 1;
				li {
					display: inline-block;
					padding-right: 5px;
					letter-spacing: normal;
				}
				a {
					display: inline-block;
					padding: 2px 2px;
					background-color: $c_bold;
					font-size: $f10;
					color: #fff;
				}
			}
			.image_box_info {
				position: absolute;
				left: 0px;
				bottom: 0px;
				display: table;
				width: 100%;
				border-top: 1px solid #000;
				.image_box_category {
					display: table-cell;
					width: 35%;
					padding: 4px 5px;
					border-right: 1px solid #000;
					background-color: $c_act;
					font-size: $f10;
					text-align: center;
					vertical-align: middle;
				}
				.image_box_data {
					display: table-cell;
					padding: 4px 10px;
					font-size: $f10;
					text-align: left;
					vertical-align: middle;
				}
				.image_box_movie {
					display: table-cell;
					width: 30px;
					padding: 0;
					border-left: 1px solid #000;
					font-size: $f12;
					text-align: center;
					vertical-align: middle;
					em {
						display: block;
						height: 14px;
						margin: 0 auto;
						background: url("../images/icn_mov.png") no-repeat 50% 50%;
						text-indent: -9999px;
					}
					a {
						display: block;
						padding: 10px 0;
					}
				}
			}
		}
	}
}


/* contents_box */
.contents_box {
	@include clearfix;
	padding: 0 0 20px;
}
.contents_ttl {
	padding: 20px 0 10px;
	font-size: $f18;
}
.contents_detail {
	border: 2px solid #000;
}
.contents_text {
	padding: 15px 15px 30px;
	font-size: 103%;
	line-height: 2;
	h3 {
		margin: 2em 0 1em 0;
	font-size: $f21;
		&:first-child {
	margin-top: 0;
		}
	}
	img {
		display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	}
	ul {
		li {
			position: relative;
	line-height: 1.7;
			&:before {
	content: "　";
			}
		}
	}
	a[target="_blank"] {
		display: inline-block;
	margin-right: 5px;
	padding-right: 15px;
	background: url("../images/inc_blank.png") no-repeat 100% 50%;
	}
}
.contents_aside {
	padding: 20px 0 0;
}
.contents_aside_sns {
	display: table;
	margin-bottom: 10px;
	li {
		display: table-cell;
		padding-right: 10px;
		text-align: left;
		vertical-align: bottom;
		.fb_iframe_widget > span {
			vertical-align: baseline !important;
		}
	}
}
.contents_aside_column {
	border: 1px solid #000;
}
.contents_aside_info {
	display: table;
	width: 100%;
	border-bottom: 1px solid #000;
	dt {
		display: table-cell;
		width: 25%;
		padding: 5px 5px;
		border-right: 1px solid #000;
		background-color: $c_act;
		font-size: $f12;
		text-align: center;
		vertical-align: middle;
	}
	dd {
		display: table-cell;
		padding: 5px 5px;
		font-size: $f12;
		text-align: left;
		vertical-align: middle;
	}
}
.contents_aside_table {
	width: 100%;
	padding: 5px 5px 10px;
	border-bottom: 1px solid #000;
    background-color: #fff;
	font-size: 103%;
	table {
		width: 100%;
	}
	th,td {
		text-align: left;
	vertical-align: top;
	}
	th,
	td:first-child {
		padding: 5px 10px 0 5px;
	white-space: nowrap;
	}
	td {
		padding: 5px 0 0;
	}
}
.contents_aside_info dd,.contents_aside_info dt {
	font-size :14px;
}
.contents_aside_map {
	border-bottom: 1px solid #000;
	iframe {
		width: 100%;
		height: 220px;
		vertical-align: bottom;
	}
}
.contents_aside_tag {
	@include clearfix;
	padding: 10px;
	line-height: 1;
	li {
		float: left;
		margin-right: 5px;
		a {
			display: inline-block;
			padding: 2px 2px;
			background-color: $c_bold;
			font-size: $f10;
			vertical-align: top;
			color: #fff;
		}
	}
}
.contents_aside_movie {
	.contents_aside_movie_detail {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
		iframe {
			position: absolute;
			top: 0;
			right: 0;
			width: 100% !important;
			height: 100% !important;
			vertical-align: bottom;
		}
	}
}
.contents_aside_movie_blank {
	border: 1px solid #000;
	border-width: 1px 0;
	a {
		display: block;
		padding: 10px 10px;
		font-size: $f12;
		line-height: 1.4;
		color: #000;
	}
}


/* recommend_box */
.recommend_box {
	padding: 0 0 60px;
	.asidebox_ttl {
		margin: 0 0 10px;
	}
	.btn_detail {
		margin: 20px 0 0;
	}
	.image_box {
		.image_box_dl:nth-child(n+3) {
			display: none;
		}
	}
}


/* pagination */
.pagination {
	margin: 30px 0 20px;
	ul {
		letter-spacing: -0.4em;
		text-align: center;
		li {
			display: inline-block;
			padding: 0 5px 10px;
			letter-spacing: normal;
		}
	}
	a {
		display: inline-block;
		width: 28px;
		height: 28px;
		border: 2px solid #000;
		background-color: #fff;
		font-size: $f12;
		text-align: center;
		line-height: 28px;
		color: #000;
		&.prev,
		&.next {
			border: 2px solid transparent;
			text-indent: -9999px;
			&:hover {
				@include hover;
			}
		}
		&.prev {
			background: #fff url("../images/icn_nav_prev.png") no-repeat 50% 50%;
		}
		&.next {
			background: #fff url("../images/icn_nav_next.png") no-repeat 50% 50%;
		}
		&.navon {
			background-color: #000;
			color: #fff;
		}
	}
}
article .pagination:last-child {
	padding: 20px 0 40px 0;
}


/* data_search_section */
.data_search_detail {
	display: table;
	width: 100%;
	margin-bottom: 30px;
	padding: 0px 10px 10px;
	background-color: #f4f4f7;
	border: 2px solid #dfdfdf;
	dl {
		padding: 10px 0;
		border-top: 1px dotted #dfdfdf;
		&:first-child {
			border-top: 0;
		}
	}
	dt {
		font-size: $f14;
		vertical-align: top;
	}
	dd {
		position: relative;
		font-size: $f12;
		vertical-align: top;
	}
	.checklist {
		@include clearfix;
		margin-top: -10px;
		padding: 10px 0 0px;
		li {
			float: left;
			padding: 15px 10px 0 0;
			line-height: 1;
		}
		label {
			display: block;
			padding: 0 5px 0 10px;
		}
		input[type="checkbox"] {
			visibility: hidden;
			& + span {
				position: relative;
				&:before {
					content: "";
					position: absolute;
					top: 50%;
					left: -16px;
					display: block;
					width: 10px;
					height: 10px;
					margin-top: -7px;
					border: 2px solid $c_bold;
					background-color: #fff;
				}
			}
		}
		input[type="checkbox"]:checked {
			& + span {
				&:before {
					background-color: $c_bold;
				}
			}
		}
	}
	.areamap_checklist {
		// visibility: hidden;
		// position: absolute;
		position: relative;
		top: 0px;
		left: 0px;
		z-index: 60;
		padding-bottom: 10px;
	}
	.areamap {
		position: relative;
		width: 638px;
		height: 350px;
		margin: 0 auto 30px;
		img {
			width: 638px;
			height: 350px;
		}
		.areamap_bg {
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 61;
		}
		.areamap_list{
			li {
				display: none;
				position: absolute;
				left: 0px;
				top: 0px;
				z-index: 62;
				&.onmap {
					display: block;
				}
			}
		}
		.areamap_txt {
			position: relative;
			z-index: 65;
		}
	}
	.btn_detail {
		@include btn_black;
	}
}

/*
@media screen and (max-width: 400px) {
	.data_search_detail .areamap {
		zoom: 39%;
	}
}
@media screen and (min-width: 401px) and (max-width: 510px) {
	.data_search_detail .areamap {
		zoom: 55%;
	}
}
@media screen and (min-width: 511px) and (max-width: 800px) {
	.data_search_detail .areamap {
		zoom: 70%;
	}
}
*/
@media screen and (max-width: 320px) {

.index_slide li .index_slide_detail {
    position: relative;
    display: table;
    height: 100vh!important;
    min-height: 400px!important;
}

}



/*@media screen and (max-width: 800px) {

.index_slide li .index_slide_detail {
    position: relative;
    display: table;
    height: 100vh!important;
    min-height: 400px!important;
}
.image_box dl.image_box_dl {
    position: relative;
    width: calc(49% - 5px)!important;
    margin: 0 0 20px;
    border: 2px solid #000;
    background-color: #fff;
}
.image_box dl.image_box_dl dd {
    padding: 6px 6px 4em!important;
}
.image_box dl.image_box_dl dd .image_box_ttl {
    font-size: 75%;
    padding: 6px 10px!important;
}
.image_box dl.image_box_dl dd {
    padding:0!important;
}
.image_box dl.image_box_dl dd .image_box_info .image_box_data {
    display: table-cell;
    padding: 4px 10px;
    font-size: 75%;
    text-align: left;
    vertical-align: middle;
}
.image_box dl.image_box_dl dd .image_box_info {
    left: 0px;
    bottom: 0px;
    display: table;
    width: 100%;
    border-top: 1px solid #000;
    position: inherit!important;
}
.image_box dl.image_box_dl dd .image_box_tag {
    margin: 5px 0 0;
    letter-spacing: -0.4em;
    line-height: 1;
    padding: 0 10px 10px;
}
}*/
.found_posts {
	text-align: center;
	margin: 20px 0;
}

/* bxSliderStartStop */
.bx-controls-auto {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 51;
	width: 28px;
	height: 28px;
	background-color: #fff;
}
.bx-controls-auto .bx-stop,
.bx-controls-auto .bx-start {
	display: block;
	width: 28px;
	height: 28px;
	text-indent: -9999px;
}
.bx-controls-auto .bx-stop {
	background: url("/images/slide_icn_stop.png") no-repeat 50% 50%;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
}
.bx-controls-auto .bx-start {
	background: url("/images/slide_icn_play.png") no-repeat 50% 50%;
	-webkit-background-size: 28px 28px;
	background-size: 28px 28px;
}

.acf-map {
    width: 100%;
    height: 220px;
}


@media screen and (max-width: 750px) {

/* globar */
.contents_aside_future {
    width: auto;
    max-width: 620px;
    margin: 0 auto;
    padding: 0 10px;
    margin-bottom: 25px;

}
.contents_aside_column_future {
    border: 1px solid #000; 
}
.contents_aside_movie_detail_future  {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.contents_aside_movie_detail_future iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    vertical-align: bottom;
}
.contents_aside_movie_blank_future {
    border: 1px solid #000;
    border-width: 1px 0;
}
.contents_aside_movie_blank_future a {
    display: block;
    padding: 10px 10px;
    font-size: 89%;
    line-height: 1;
    color: #000;
}

/* 20250618 */
.image_box .image_box_dl dt a{
    height: auto;
}

/* feature45 */ /* feature42 */

.photo2in li:before{
    list-style: none;
}
.interview_box dl {
        display: table;
        margin-bottom: 1.5em;
    }

/* feature30 */
.btn_detail_exp {
        text-align: center;
        margin-bottom: 6px;
        margin-top: 10px;
}
.btn_detail_exp a, .btn_detail_exp button {
        background-color: #27bbe3;
        display: inline-block;
        min-width: 220px;
        padding: 16px 20px;
        /* border: 3px solid #27bbe3; */
        font-size: 100%;
        text-align: center;
        line-height: 1;
        color: #fff;
}


/* feature45 */
.contents_detail_full{
    width: 100%;
    border: 2px solid #000;
}

/* feature16 */
.image_box2 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 0 20px;
    }
.image_box2 dl.image_box2_dl {
        position: relative;
        width: calc(50% - 5px);
        margin: 0 0 20px;
        border-top: solid 5px #27bbe3;
        background-color: #fff;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    }
    .image_box2 dl.image_box2_dl dt a {
        overflow: hidden;
        display: block;
    }
    .image_box2 dl.image_box2_dl dd {
        padding: 10px 10px 4em;
    }
.image_box2 dl.image_box2_dl dd .image_box2_ttl {
        line-height: 1.5em;
        font-size: 72%;
        word-wrap: break-word;
    }    
    .image_box2 dl.image_box2_dl dd .image_box2_info {
        position: absolute;
        left: 0px;
        bottom: 0px;
        display: table;
        width: 100%;
        background: #d0effe;
    }
.image_box2 dl.image_box2_dl dd .image_box2_info .image_box2_data {
        display: table-cell;
        padding: 4px 10px;
        font-size: 65%;
        text-align: left;
        vertical-align: middle;
        word-wrap: break-word;
    }

/* enjoy海 */
 .f1{
    margin-bottom: 3px;
    font-size: 15px;
    display: block;
    letter-spacing: normal;
    opacity: 0.8;
    font-weight: bold;
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
    color: #222;    
 }
 .f2{
    text-align: center;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.4;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 0.5em;
    letter-spacing: 2px;
    z-index: 5;
    position: relative;
    margin-bottom: 70px;
    color: #222;
}

 .f3{
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    line-height: 2;
    -webkit-font-smoothing: antialiased!important;
    margin-bottom: 70px;
    color: #222;
 }
h1.fa-anchor:before {
    content: "\f13d";
}
h1 small {
    display: block;
    padding-top: 11px;
}
.kaisha {
width: 100%;
}
 
.kaisha th,
.kaisha td {
border-bottom: 1px solid #e5e5e5;
padding: 20px;
vertical-align: top;
}
 
.kaisha th {
background-color: #FFF;
}

.btn_frame{
    text-align: center;
    background-color: #27bbe3;
    padding: 30px 0;
}

/* section-btn expericence 20180131*/
.btn_detail_exp2 {
    text-align: center;
    margin-bottom: 16px;
}
.btn_detail_exp2 a, .btn_detail_exp2 button {
    display: inline-block;
    min-width: 300px;
    padding: 20px 30px;
    border: 4px solid #27bbe3;
    font-size: 100%;
    text-align: center;
    line-height: 1;
    color: #fff;
    background-color: #000;
}

.btn_detail_exp2 a:hover, .btn_detail_exp2 button:hover {
    background-color: #fff;
    text-decoration: none;
    color: #000;
    transition: all 0.2s;
}
.btn_detail_exp2 button {
    font-family: "Sawarabi Mincho","ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝",YuMincho,"Yu Mincho","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","ＭＳ 明朝","MS Mincho",serif;
}

/* section-btn expericence 20180131  SP*/

.btn_detail_exp2 a, .btn_detail_exp2 button {
    background-color: #27bbe3;
    display: inline-block;
    min-width: 220px;
    padding: 16px 20px;
 /* border: 3px solid #27bbe3; */
    font-size: 100%;
    text-align: center;
    line-height: 1;
    color: #fff;
    background-color: #000; 
}
.btn_detail_exp2 a:link, .btn_detail_exp2 a:active, .btn_detail_exp2 a:visited, .btn_detail_exp2 button:link, .btn_detail2 button:active, .btn_detail2 button:visited {
    color: #fff;
    background-color: #000; 
    text-decoration: none;
}
.btn_detail_exp button {
    font-family: "Sawarabi Mincho","ヒラギノ明朝 ProN","Hiragino Mincho ProN","游明朝",YuMincho,"Yu Mincho","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","ＭＳ 明朝","MS Mincho",serif;
}

 .f4{
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.4;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 0.5em;
    letter-spacing: 2px;
    z-index: 5;
    position: relative;
    margin-bottom: 30px;
    color: #fff;
}

 .f5{
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    line-height: 2;
    -webkit-font-smoothing: antialiased!important;
    margin-bottom: 30px;
    color: #fff;
 }
  .f6{
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.4;
    font-family: 'Ubuntu', sans-serif;
    margin-bottom: 0.5em;
    letter-spacing: 2px;
    z-index: 5;
    position: relative;
    margin-bottom: 70px;
    color: #222;
}
 .f7{
    font-family: 'Ubuntu', sans-serif;
    text-align: center;
    line-height: 2;
    -webkit-font-smoothing: antialiased!important;
    margin: 20px 0;
    color: #222;
 }
.feature_ttl_enjoy {
    font-size: 130%;
    padding: 20px 0 20px 40px;
    background: url("../images/big-anchor.png") no-repeat 0% 50%;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}
.btn_detail_exp{
    margin-bottom: 30px;
}
.main_img img{
    width: 100%;
    height: auto;
}
.btn_detail_exp2 {
    text-align: center;
    margin-bottom: 6px;
    margin-top: 10px;}
}




}