@charset "UTF-8";

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


/* space */
.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;
}

a{
    color: #0074C7;
}

/* header */
.slide1 {
    background: url("/images/topimage_img01_pc.jpg") no-repeat 50% 50%!important;
    background-size: auto 100%!important;
}
.slide2 {
    background: url("/images/topimage_img02_pc.jpg") no-repeat 50%!important;
    background-size: auto 100%!important;
}

.ct_experience .nav_global a[href="/ja/experience/"],.ct_experience .nav_global a[href="/zh/experience/"],.ct_experience .nav_global a[href="/zk/experience/"],.ct_experience .nav_global a[href="/kr/experience/"] {
    background-color: #f2ff81!important;
    text-decoration: none;
}
nav.nav_sns {
    width: 165px;
}

/* top */
p.txt_feature {
    text-align: center;
    margin-bottom: 40px;
}

/* 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: 40px;
    background-color: #fff;
}
.info_section {
    padding: 0!important;
}
p.contents_topimage img {
    width: 100%;
    display: block;
}
.contents_aside_table td {
    word-break: break-all;
}
.contents_aside_table td a {
    width: 306px!important;
    word-break: break-all;
}
.contents_aside_table a {
    width: 306px;
}
.image_box .image_box_dl dd {
    padding: 20px 20px 6em !important;
    background-color: #fff;
}
.image_box .image_box_dl dt a img {
    width: 100%;
    height: auto;
    display: block!important;
}
/*
.image_box .image_box_dl dt a {
    height: 200px!important;
}*/
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 120px;
    padding: 7px 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;
}
button.btn_update {
    display: inline-block;
    min-width: 120px;
    padding: 12px 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: 120px;
    padding: 12px 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;
}
button.btn_update.activ {
    background-color: #27bbe3;
    color: #fff;
}
button.btn_popularity.activ {
    background-color: #f2ff81;
}
/* exprience */
p.txt_sort {display: inline-block;float: left;padding: 10px;font-size: 80%;font-weight: bold;}

div#sort {
    margin-top: -100px!important;
    padding-top: 100px!important;
}

.btn_detail .area_sort {
    width: 480px;
    margin: 0 auto;
    border: 2px solid #e4e4e4;
    padding: 20px 15px;
    /* background-color: #f4f4f7; */
}
.contents_text h3 {
    margin: 14px 0!important;
}
.ct_experience .contents_text h3,.ct_interview .contents_text h3 {
    border-bottom: 4px dotted #f2ff81;
}
p.tit_exprience_min {
    margin-bottom: 1.5em;
    font-size: 0.9em;
}
.ct_experience .contents_ttl {
    padding: 40px 0 5px;
    font-size: 125%;
}
.btn_detail_experience {
    clear: both;
    text-align: center;
    padding: 60px 0 0 0!important;
}
.btn_detail_experience a {
    display: inline-block;
    min-width: 180px;
    padding: 15px 20px;
    border: 4px solid #27bbe3;
    font-size: 88%;
    text-align: center;
    line-height: 1;
    color: #000;
    clear: both;
}
.btn_detail_experience a:hover {
    display: inline-block;
    min-width: 180px;
    padding: 15px 20px;
    border: 4px solid #27bbe3;
    font-size: 88%;
    text-align: center;
    line-height: 1;
    color: #fff;
    clear: both;
    background-color: #27bbe3;
}

/* feature */
.feature_read {
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 30px;
    color: #002626;
}
.feature_read h2 {
    margin-bottom: 30px;
}
.areamap_nav {
}
.areamap_nav_detail {
    display: table;
    width: 1100px;
    margin: 0 auto;
    /* padding: 15px 30px; */
    padding: 15px 0;
    background-color: #f4f4f7;
    border: 2px solid #dfdfdf;
}
.areamap_nav .areamap {
    position: relative;
    width: 638px;
    height: 350px;
    margin: 0 auto;
}
.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;
}
.feature_section {
    margin-top: 0px;
}
.pagination + .feature_section {
    margin-top: -20px;
}
.feature_ttl {
    padding: 20px 0 20px 25px;
    background: url("../images/icn_nav_down.png") no-repeat 0% 50%;
}
.areamap_listnav {
    display: none;
}

/* feature 2017.08.07追加*/
.feature_read_half {
    width: 1100px;
    height: 680px;
    margin: 0 auto;
    padding-bottom: 30px;
    color: #002626;
}
.txt_feature_main_half {
    width: 525px;
    margin-bottom: 30px;
    color: #002626;
    float: left;

}
.feature_read_half h2 {
    margin-bottom: 30px;
}

.noplace{
    float: right;
    position: relative;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    text-align: right;
}
.noplace p{
    font-size:80%;
}
/* feature 2017.08.07追加*/

/* feature 2017.12.27追加*/
.txt_feature_main_half_banner {
    width: 550px;
    margin-bottom: 30px;
    color: #002626;
    float: left;

}
/* feature 2017.12.27追加*/

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

.policy {
    margin:0 0 15px 0;
}

#open01,#open02,#open03,#open04,#open05 {
    margin-top: 15px;
    margin-bottom: 50px;
}
#open01,#open02,#open03,#open04,#open05 {
    margin-top: 15px;
    margin-bottom: 50px;
}
#open01 h3 ,#open02 h3 ,#open03 h3 ,#open04 h3 ,#open05 h3 {
    margin-top: 50px;
    margin-bottom: 0px;
}
#open01 p ,#open02 p ,#open03 p ,#open04 p ,#open05 p {
    font-size: 90%;
}
.feature_read_halfmap {
    width: 1100px;
    height: 360px;
    margin: 0 auto;
    padding-bottom: 30px;
    color: #002626;
}
.feature_read h3 {
    margin: 30px 0;
}
.feature_read_halfmap h3{
    margin: 30px 0;
}
.access_img {
    text-align: center;
    margin-bottom: 50px;
}
.access_img_last {
    text-align: center;
    margin-bottom: 100px;
}
.bt_margin70 {
    width: 100%;
    height: 70px;
}
.about_map {
    display: table;
    width: 1100px;
    margin: 0 auto;
    padding: 30px 30px;
    background-color: #f4f4f7;
    border: 2px solid #dfdfdf;
}
.about_map_detail{
    position: relative;
    width: 900px;
    height: 520px;
    margin: 0 auto;
}
.about_map_pic img {
    position: relative;
}
button.btn_footer{
    display: inline-block;
    min-width: 180px;
    padding: 12px 10px;
    border: 3px solid #0074C7;
    font-size: 78%;
    text-align: center;
    line-height: 1;
    color: #FFF;
    background-color: #0074C7;
    margin:0 10px;
}
button.btn_footer:hover {
    background-color: #fff;
    color: #0074C7;
}

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

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

.feature_ttl {
    padding: 20px 0 20px 25px;
    background: url("../images/icn_nav_down.png") no-repeat 0% 50%;
}
.image_box_ticket .image_box_dl_ticket dd {
    padding: 20px 20px 6em!important;
}
.image_box_ticket .image_box_dl_ticket dt a img {
    width: 100%;
    height: auto;
}
.image_box_ticket .image_box_dl_ticket dt a {
    height: 360px!important;
}

/* section-imagebox */
.image_box_ticket {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 0 40px;
    overflow: hidden\9;
  /* for ie */
}
.image_box_ticket .image_box_dl_ticket {
    position: relative;
    width: 360px;
    margin-left: 0px;
    margin-bottom: 30px;
    border: 0px solid #fff;
    background-color: #fff;
    float: left\9;
  /* for ie */
    margin: 30px 0 0\9;
  /* for ie */
}
.image_box_ticket .image_box_dl_ticket:nth-child(3n+1) {
    margin-left: 0;
}
.image_box_ticket .image_box_dl_ticket dt a {
    overflow: hidden;
    display: block;
    height: 360px;
}
.image_box_ticket .image_box_dl_ticket dt a img {
    transition: all 0.2s linear;
}
.image_box_ticket .image_box_dl_ticket dt a img:hover {
    transform: scale(1.1);
}
.image_box_ticket .image_box_dl_ticket dd {
    padding: 20px 20px 4em;
}
.image_box_ticket .image_box_dl_ticket dd .image_box_ttl_ticket {
    min-height: 3em;
    font-size: 88%;
}
.image_box_ticket .image_box_dl_ticket dd .image_box_tag_ticket {
    margin: 20px 0 0;
    letter-spacing: -0.4em;
    line-height: 1;
}
.image_box_ticket .image_box_dl_ticket dd .image_box_tag_ticket li {
    display: inline-block;
    padding-right: 10px;
    letter-spacing: normal;
}
.image_box_ticket .image_box_dl_ticket dd .image_box_tag_ticket a {
    display: inline-block;
    padding: 2px 2px;
    background-color: #000000;
    font-size: 75%;
    color: #fff;
}
.image_box_ticket .image_box_dl_ticket dd .image_box_tag_ticket a:hover {
    cursor:auto;
    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_box_ticket .image_box_dl_ticket dd .image_box_tag_ticket a:hover img {
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.image_box_ticket .image_box_dl_ticket dd .image_box_info_ticket {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: table;
    width: 100%;
    border-top: 1px solid #000;
}
.image_box_ticket .image_box_dl_ticket dd .image_box_info_ticket .image_box_category_ticket {
    display: table-cell;
    width: 8em;
    padding: 10px 3px;
    border-right: 1px solid #000;
    background-color: #f19ec2;
    font-size: 69%;
    text-align: center;
    vertical-align: middle;
}
.image_box_ticket .image_box_dl_ticket dd .image_box_info_ticket .image_box_data_ticket {
    display: table-cell;
    padding: 10px 5px 10px 10px;
    font-size: 69%;
    text-align: left;
    vertical-align: middle;
}
.image_box_ticket .image_box_dl_ticket dd .image_box_info_ticket .image_box_movie_ticket {
    display: table-cell;
    padding: 0;
    border-left: 1px solid #000;
    font-size: 69%;
    text-align: center;
    vertical-align: middle;
}
.image_box_ticket .image_box_dl_ticket dd .image_box_info_ticket .image_box_movie_ticket em {
    display: block;
    height: 14px;
    margin: 0 auto;
    background: url("../images/icn_mov.png") no-repeat 50% 50%;
    text-indent: -9999px;
}
.image_box_ticket .image_box_dl_ticket dd .image_box_info_ticket .image_box_movie_ticket a {
    display: block;
    padding: 10px 5px;
}
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;
}

.sp{
    display: none;
}
.pc{
    display: block;
}

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

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

.wakame_intro{
    position: relative;
}
.wakame_intro_caption{
    position: absolute;
}

.wakameexample {/*親div*/
  position: relative;/*相対配置*/
  }

.wakameexample p {
  position: absolute;/*絶対配置*/
  width: 480px;
  top: 220px;
  left: 110px;
  color: black;
  font-size: 93.75%;
  }

/* wakame_content */
.wakame_exp {
    overflow: hidden;
}
/* clearfix */
.wakame_exp:before,
.wakame_exp:after {
    content: "";
    display: table;
} 
.wakame_exp:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.wakame_exp {
    zoom: 1;
}
/* wakame_content_small_content */
.wakame_exp_half{
    position: relative;
　　display:inline;
    width: 350px;
    margin: 7px;
    height: 480px;
    border: solid 1px #bddf73;
    border-radius: 14px;
    float: left;
    margin-bottom: 20px;
}
.wakame_exp_half p{
    font-size: 93.75%;
    margin: 9px 24px;
}
.wakame_exp_half img{
    width: 352px;
}
.wakame_exp_half span img{
    position: absolute;
    bottom: 0;
}
/* wakame_content_big_content */
.wakame_exp_full{
position: relative;
　　display:inline;
    width: 1084px;
    margin: 7px;
    height: auto;
    border: solid 1px #bddf73;
    border-radius: 14px;
    float: left;
    padding-bottom: 28px;
    margin-bottom: 20px;
}
.wakame_exp_full p{
    font-size: 93.75%;
    margin: 12px 38px;
}
.wakame_exp_full p span{
    font-size: 112.5%;
    color: #F08610;
}
.wakame_exp_full h2 img{
   width: 352px;
}
.wakame_exp_full span img{
    position: absolute;
    top: 50px;
}

/* wakame-imagebox */
.image_box_wakame .image_box_dl_wakame dd {
    padding: 20px 20px 2em!important;
}
.image_box_wakame .image_box_dl_wakame {
    position: relative;
    width: 360px;
    margin-left: 0px;
    margin-bottom: 30px;
    border: 1px solid #bddf73;
    background-color: #fff;
    float: left\9;
  /* for ie */
    margin: 30px 0 0\9;
  /* for ie */
}

/* wakame-imagebox */

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


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

.wakameexample_en {/*親div*/
  position: relative;/*相対配置*/
  }

.wakameexample_en p {
  position: absolute;/*絶対配置*/
  width: 500px;
  top: 180px;
  left: 110px;
  color: black;
  font-size: 93.75%;
  }
/* wakame_content_small_content */
.wakame_exp_half_en{
    position: relative;
　　display:inline;
    width: 350px;
    margin: 7px;
    height: 540px;
    border: solid 1px #bddf73;
    border-radius: 14px;
    float: left;
    margin-bottom: 20px;
}
.wakame_exp_half_en p{
    font-size: 93.75%;
    margin: 9px 24px;
}
.wakame_exp_half_en img{
    width: 352px;
}
.wakame_exp_half_en span img{
    position: absolute;
    bottom: 0;
}
/* wakame_content_big_content */
.wakame_exp_full_en{
position: relative;
　　display:inline;
    width: 1084px;
    margin: 7px;
    height: auto;
    border: solid 1px #bddf73;
    border-radius: 14px;
    float: left;
    padding-bottom: 28px;
    margin-bottom: 20px;
}
.wakame_exp_full_en p{
    font-size: 93.75%;
    margin: 12px 38px;
}
.wakame_exp_full_en p span{
    font-size: 112.5%;
    color: #F08610;
}
.wakame_exp_full_en h2 img{
   width: 352px;
}
.wakame_exp_full_en span img{
    position: absolute;
    top: 50px;
}

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


/* 桜特集　コンテンツ 2018.02.27追加*/
.area_title {
    text-align: center;
}
.area_title img{
    width: 300px;
}
.area_nav{
    width: 525px;
    margin-top: 26px;
}
.area_nav ul{
  width: 100%;
}
.area_nav ul li{
    display: inline-block;
    width: 250px;
    padding: 4px 0;
}
.area_nav ul li img{
    width: 100%;
}

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

.article h3{
    padding: 0.4em;
    padding-left: 26px;
    font-size: 150%;
    color: white;
    margin-bottom:20px;
    background: #f19ec2;    
}

/* Left */
.article_full_l {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: left;
    margin-bottom: 20px;
}
.article_full_l_text{
    float: right;
    width: 700px;
}
.article_full_l h2{
    font-size: 137.5%;
    border-bottom: solid 2px #00a6ff;
    margin-bottom: 16px;
}
.article_full_l p{
    font-size: 93.75%;
}
.article_full_l p span{
    font-size: 112.5%;
    color: #F08610;
}
.article_full_l img{
    width: 360px;
    float: left;
}
/* Right */
.article_full_r {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: right;
    margin-bottom: 20px;
}
.article_full_r_text{
    float: left;
    width: 700px;
}
.article_full_r h2{
    font-size: 137.5%;
    border-bottom: 4px dotted #f2ff81;
    margin-bottom: 16px;
}
.article_full_r p{
    font-size: 93.75%;
}
.article_full_r p span{
    font-size: 112.5%;
    color: #F08610;
}
.article_full_r img{
    width: 360px;
    float: right;
}

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

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

.box3p {
    position: relative;
　　 display:inline;
    width: 1100px;
    min-height: 380px;
    margin-bottom: 60px;
    height: auto;
    float: left;
    padding-bottom: 30px;
    background-image: url("../../feature/feature13/images/bk_sushi_pc.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #bd1616;
    border: solid 2px #7d0000; 
    /*box-shadow: 0 2px 6px #4d0c0c;*/

}
.box3p img{
    width: 335px;
    margin-left: 19px;
    margin-top: 20px;
    border: solid 1px #7d0000;
}
.box3p p{
    margin-top: 20px;
    text-align: center;
    color: white;
}

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

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

/* insata_article */
.insta_article {
    overflow: hidden;
    margin-bottom: 60px;
}
/* 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: 26px;
    font-size: 140%;
    background-image: url("../../feature/feature15/images/area_bk.jpg");
    color: white;
    margin-bottom:20px;
}

/* Left */
.insta_article_full_l {
    position: relative;
　　display:inline;
    width: 1100px;
    height: auto;
    border: none;
    float: left;
    margin-bottom: 0px;
}
.insta_article_full_l_text{
    float: right;
    width: 390px;
    margin-bottom: 0px;
}
.insta_article_full_l h2{
    font-size: 120%;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 4px;
    margin-bottom: 12px;
    line-height: 1.5em;
}
.insta_article_full_l p{
    font-size: 100%;
    line-height: 1.5em;
}
.insta_article_full_l p span{
    font-size: 100%;
    color: #F08610;
}
.insta_images_l{
    float: left;
    display: inline-block;
    width: 670px;
}
.insta_images_r{
    float: right;
    display: inline-block;
    width: 670px;
}
.insta_article_full_l img{
    width: 220px;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
}
/* Right */
.insta_article_full_r {
    position: relative;
　　display:inline;
    width: 1100px;
    height: auto;
    border: none;
    float: right;
    margin-bottom: 0px;
}
.insta_article_full_r_text{
    float: left;
    width: 390px;
}
.insta_article_full_r h2{
    font-size: 120%;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 4px;
    margin-bottom: 12px;
    line-height: 1.5em;
}
.insta_article_full_r p{
    font-size: 100%;
    line-height: 1.5em;
}
.insta_article_full_r p span{
    font-size: 100%;
    color: #F08610;
}
.insta_article_full_r img{
    width: 220px;
    float: right;
    margin-left: 2px;
    margin-bottom: 2px;    
}

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

.button {
    margin: 0 12px 60px;
    width: 190px;
    height: 190px;
    background-color: white;
    background-image: url("../../feature/feature15/images/area_btn.png") ;
    background-size: 190px;
    border: none;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    display: inline-block;
    font-size: 125%;
    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;
}
/*
.button:hover {
    margin: 0 12px 60px;
    width: 190px;
    height: 190px;
    background-color: white;
    background-image: url("../../feature/feature15/images/area_btn_hover.png") ;
    background-size: 190px;
    border: none;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    display: inline-block;
    font-size: 125%;
    color: white;
    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.4s; 
    transition-duration: 0.4s;
    cursor: pointer;
*/

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

/* インスタ特集　コンテンツ 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: 112.5%;
  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 40px;
    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: 25%;
    height: 120px;
    color: white;
    padding: 15px 32px;
    text-align: center;
    line-height: 1.6em;
    text-decoration: none;
    display: inline-block;
    font-size: 112.5%;
    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;/*上、下*/
    -webkit-transition-duration: 0.5s; /* Safari */
    transition-duration: 0.5s;    
}
.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;
}
/* ボタン */

.image_box2 dl.image_box2_dl dd {
    padding: 20px 20px 6em!important;
}
.image_box2 dl.image_box2_dl dt a img {
    width: 100%;
    height: auto;
    display: block!important;
}
.image_box2 dl.image_box2_dl dt a {
    height: 200px!important;
}
/* 20180605 スポット紹介デザイン修正 */


/* 夏イベント特集　コンテンツ 2018.07.13追加*/
.calendar_title {
    text-align: center;
}
.calendar_title img{
    width: 300px;
}

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

.calendar h3{
    height: 50px;
    vertical-align: middle;
    padding-left: 25px;
    font-size: 187.5%;
    text-shadow: 2px 2px 2px #03004c;
    font-family: "小塚コジック"; 
    background-image: url("../../feature/feature17/images/calendar_bg.jpg");
    color: white;
    border: solid 1px #601986;
    margin-bottom:20px;
}

/* Left */
.calendar_full_l {
    position: relative;
　　display:inline;
    width: 1100px;
    height: auto;
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 20px;
    float: left;
    margin-bottom: 20px;
}
.calendar_full_l_text{
    float: right;
    width: 660px;
}
.calendar_full_l h2{
    font-size: 137.5%;
    border-left: 6px solid #F08610;
    line-height: 1.2em;
    padding-left: 12px;
    margin-bottom: 16px;
}

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

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

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

.calendar_full_l p{
    font-size: 93.75%;
}
.calendar_full_l p span{
    font-size: 112.5%;
    color: #F08610;
}
.calendar_full_l_date1 {
    width: 100px;
    height: 200px;
　　 display:inline;
    font-size: 137.5%;
    font-family: "小塚コジック"; 
    line-height: 1.3em;       
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    margin-right: 0px;
    border: none;
    float: left;
    padding-top: 20px;
    box-sizing: border-box;    
}
.calendar_full_l_date2 {
    width: 100px;
    height: 200px;
　　 display:inline;
    color: #FFF;
    text-align: center;
    font-size: 112.5%;
    font-family: "小塚コジック"; 
    line-height: 1.3em;
    vertical-align: middle;
    margin-right: 0px; 
    border: none;
    float: left;
    padding-top: 20px;
    box-sizing: border-box;
}
.calendar_full_l img{
    height: 200px;
    float: left;
}
/* ボタン */
.calendar_btn1 {
    position: fixed;
    bottom: 6%;
    left: 89%;
    z-index: 2; 
}
.calendar_btn2 {
    position: fixed;
    bottom: 3%;
    left: 93%;
    z-index: 1; 
}
.calendar_btn1 img, .calendar_btn2 img{
    width: 80px;
}
/* ボタン */

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

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


/* 20180605 ブローガー特集 */
.box_profile {
    position: relative;
　　 display:inline;
    width: 1100px;
    padding: 25px 40px 25px 25px;
    margin-top: 20px;
    margin-bottom: 10px;
    height: auto;
    float: left;
    margin-bottom: 10px;
    border: solid 1px #959595;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box_profile_title{
    position: absolute;
    display: inline-block;
    top: -10px;
    left: 25px;
    padding: 0 16px;
    line-height: 1;
    font-size: 100%;
    color: #959595;
    background:#FFF;
}
.box_profile_text{
    float: right;
    width: 730px;
}
.box_profile h2{
    padding-bottom: 4px; 
    font-size: 125%;
    border-bottom: 2px dotted #959595;
    margin-bottom: 14px;
}
.box_profile p{
    font-size: 93.75%;
    line-height: 1.6em;
}
.box_profile img{
    width: 260px;
    float: left;
    border: 1px solid #959595;
}
/* 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{
    padding: 0.3em;
    font-size: 150%;
    color: black;
    border-bottom: solid 5px #73e6dc; 
    margin-top: 10px;       
    margin-bottom:20px;
}
/* article2 Right */
.article2_full_r {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: right;
    margin-bottom: 60px;
}
.article2_full_r_text{
    float: left;
    width: 550px;
}
.article2_full_r h2{
    width: 550px;
    color: #FFF;
    padding: 0.6em;
    padding-left: 26px;
    font-size: 125%;
    letter-spacing: 1px;
  /*background-image: url("/feature/feature18/images/article_title.png") ; */
    background-repeat: no-repeat;
    box-sizing: border-box;    
    margin-bottom: 16px;
}
.umi{
    background-color: #27bbe3;
}
.cafe{
    background-color: #73e6dc;
}
.article2_full_r p{
    font-size: 100%;
    text-align: 1.8em;
}
.article2_full_r p span{
    font-size: 112.5%;
    color: #F08610;
}
.article2_full_r .main_img {
    width: 500px;
    height: auto;
    float: right;
}
.article2_full_r .main_img img{
    width: 500px;
}
.article2_full_r .sub_img1 img{
    padding-top: 4px;
    width: 248px;
    float: left;
}
.article2_full_r .sub_img2 img{
    padding-top: 4px;
    width: 248px;
    float: right;
}

  /* コメント */
.comment_icon img{
    width: 65px;
    height: 65px;
    float: left;
    margin: 20px 0;
}  
.balloon2-left {
    position: relative;
    display: inline-block;
    margin: 20px 0 20px 16px;    
    padding: 10px 16px;
    min-width: 120px;
    max-width: 470px;
    color: #959595;
    font-size: 100%;
    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: 550px;
    position: relative;
    border: dashed 2px #73e6dc;
    background-color: #f8fffe;
    border-radius: 10px;
    padding: 1.8em 2.4em;
    font-size: 112.5%;
    line-height: 1.8em;
    color: #454545;
}
/* Last Comment */

/* ボタン */
.area_btn1 {
    position: fixed;
    bottom: 120px;
    right: 20px;
    z-index: 2; 
}
.area_btn2 {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1; 
}
.area_btn1 img, .area_btn2 img{
    width: 100px;
}
/* ボタン */
.area_link{
    position: relative;
    top: -100px;/*左の数値を変えると、上下に調整します*/
    display: block;
}
  /* 目次 */
.sp_link{
    position: relative;
    top: -150px;/*左の数値を変えると、上下に調整します*/
    display: block;    
}

/* TOC+プラグイン */
/* clearfix */
#toc_mokuji{
    font-size: 130%;
    width: 100%;
    bottom: 1px dotted #a5a5a5;
    margin-bottom: 16px;
    text-align: center;
    padding-bottom: 1.2em;
}
.toc_container li:before{
content:none;
}
.toc_container{
display: inline-block;
vertical-align: top;
padding:1em 2em 1em!important;
width: 540px;
margin: 0 7px 30px 0;
background: #fff!important;
background: rgba(255, 255, 255, 0.5)!important;
border: 1px solid #ddd;
}
.toc_title {
font-size: 120%;
margin-bottom: .7em;    
}
.toc_container p{
margin-bottom: .7em;
}
.toc_container ul{
margin: 0!important;;
}
.toc_container li a{
display: block;
padding: .5em 0;
border-top: 1px dotted #ddd;
}
.toc_container li li a{
padding-left: .7em;
}
.toc_container li .toc_number{
margin-right: .5em
}

.article_list{
    width: 500px;
    float: left;
    padding-right: 20px;
} 

.article_list h3{
    padding: 12px 0 12px 20px;
    width: 500px;
    font-size: 112.5%;
    background-color:#73e6dc;
    color: white; 
} 
.article_list ul{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.8em;
  border: solid 2px #73e6dc;
}
.article_list ul li{
  border-bottom: dashed 1px #73e6dc;
  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: 93.75%;
  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{
    height: 80px;   
    padding-left: 40px;
    padding-top: 8px;
    font-size: 212.5%;
    color: white;
    margin-bottom:12px;
    background-image: url("../../feature/feature19/images/h3_bk.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 1100px;
    border-top: 2px solid #6a3906;    
    border-bottom: 8px solid #cfc072;    
}
.others_h3{
    height: 68px;   
    padding-left: 18px;
    padding-top: 8px;
    font-size: 150%;
    color: white;
    margin-bottom:12px;
    background-image: url("../../feature/feature19/images/h3_bk.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 1100px;
    border-top: 2px solid #6a3906;    
    border-bottom: 8px solid #cfc072;    
}
.article_garden span{
    font-size: 112.5%;
}

/* Left */
.article_garden_full_l {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: left;
    margin-bottom: 0px;
    background: -moz-linear-gradient(65deg, #81511c, #361d03); 
    background: -webkit-linear-gradient(65deg, #81511c, #361d03); 
    background: linear-gradient(25deg, #81511c, #361d03);
}
.article_garden_full_l_text{
    float: right;
    width: 360px;
    padding-top: 34px;
    padding-right: 40px;
}
.article_garden_full_l p{
    font-size: 93.75%;
    color: white;
    font-weight: normal;
}
.article_garden_full_l img{
    width: 650px;
    float: left;
    padding: 2px 2px;
}

/* article_garden-imagebox */

.gardern_place {   
    padding-left: 18px;
    font-size: 150%;
    color: black;
    border-left: 8px solid #6a3906;
    margin-bottom:10px;
    margin-top:40px;
}
.container,.container2{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.item{
    width: 360px;
    min-height: 360px;
    border: 2px solid #6a3906;
    background-image: url("../../feature/feature19/images/kiji_bk.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 360px;
}
.item img {
    width: 100%;
    border-bottom: solid 1px #6a3906;    
}
.item p{
    font-size: 93.75%;
    color: black;
    padding: 20px;
}

.item2{
    position: relative;
　　 display:inline;
    width: 1100px;
    min-height: 360px;
    height: auto;
    border: solid 2px #6a3906; 
    background-image: url("../../feature/feature19/images/kiji_bk2.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 1100px;
    /*box-shadow: 0 2px 6px #4d0c0c;*/

}
.item2 img{
    width: 33.33%;
    float: left;    
    border-bottom: solid 1px #6a3906;
    border-collapse: collapse;
    margin-bottom: 20px;    
}
.item2 p{
    font-size: 93.75%;
    color: black;
    padding: 20px;
}
.item2 a {
    line-height: 3em;
    font-size: 112.5%;
    color: #6a3906;
}


/* 20180913 日本庭園特集 */


/* 20181030 ヨガ特集 */
.box_profile {
    position: relative;
　　 display:inline;
    width: 1100px;
    padding: 25px 40px 25px 25px;
    margin-top: 20px;
    margin-bottom: 10px;
    height: auto;
    float: left;
    margin-bottom: 10px;
    border: solid 1px #959595;
    box-sizing: border-box;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box_profile_title{
    position: absolute;
    display: inline-block;
    top: -10px;
    left: 25px;
    padding: 0 16px;
    line-height: 1;
    font-size: 100%;
    color: #959595;
    background:#FFF;
}
.box_profile_text{
    float: right;
    width: 730px;
}
.box_profile h2{
    padding-bottom: 4px; 
    font-size: 125%;
    border-bottom: 2px dotted #959595;
    margin-bottom: 14px;
}
.box_profile p{
    font-size: 93.75%;
    line-height: 1.6em;
}
.box_profile img{
    width: 260px;
    float: left;
    border: 1px solid #959595;
}
/* article */
.area_title {
    text-align: center;
}
.area_title img{
    width: 300px;
}
.area_nav{
    width: 525px;
    margin-top: 26px;
}
.area_nav ul{
  width: 100%;
}
.area_nav ul li{
    display: inline-block;
    width: 250px;
    padding: 4px 0;
}
.area_nav ul li img{
    width: 100%;
}

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

.article_yoga h3{
    padding: 0.4em;
    padding-left: 26px;
    font-size: 150%;
    color: white;
    margin-bottom:20px;
    background: #f19ec2;    
}

/* Left */
.article_yoga_full_l {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: left;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 400px;        
}
.article_yoga_full_l_text{
    float: right;
    width: 500px;

}
.article_yoga_full_l h2{
    font-size: 137.5%;
    border-bottom: solid 2px #00a6ff;
    margin-bottom: 16px;
}
.article_yoga_full_l p{
    font-size: 100%;
}
.article_yoga_full_l p span{
    font-size: 112.5%;
    color: #F08610;
}
.article_yoga_full_l img{
    width: 550px;
    float: left;
}
/* Right */
.article_yoga_full_r {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: right;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 400px;      
}
.article_yoga_full_r_text{
    float: left;
    width: 500px;
}
.article_yoga_full_r h2{
    font-size: 137.5%;
    border-bottom: 4px dotted #f2ff81;
    margin-bottom: 16px;
}
.article_yoga_full_r p{
    font-size: 100%;
}
.article_yoga_full_r p span{
    font-size: 112.5%;
    padding: 0 1.2em;
    color: #fff;
    background-color: #b3d465;
}
.article_yoga_full_r img{
    width: 550px;
    float: right;
}
#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;
    float: left;
    margin: 0 0;
} 
/* balloon3 */ 
.balloon3-left {
    position: relative;
    display: inline-block;
    margin: 0 0 0 30px;    
    padding: 26px 30px;
    min-width: 920px;
    max-width: 920px;
    color: #000;
    font-size: 100%;
    line-height: 1.7em;
    background: #FFF;
    border: solid 1px #959595;
    box-sizing: border-box;
    border-radius: 8px;
}

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

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

.balloon3-left p {
    margin: 0;
    padding: 0;
}
/* balloon5 */
.balloon5-left {
    position: relative;
    display: inline-block;
    margin: 0 0 0 30px;    
    padding: 26px 30px;
    max-width: 330px;
    color: #000;
    font-size: 100%;
    line-height: 1.7em;
    background: #FFF;
    border: solid 1px #959595;
    box-sizing: border-box;
    border-radius: 8px;
}

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

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

.balloon5-left p {
    margin: 0;
    padding: 0;
}

/* Last Comment */

.last_comment {
    width: 550px;
    position: relative;
    border: dashed 2px #73e6dc;
    background-color: #f8fffe;
    border-radius: 10px;
    padding: 1.8em 2.4em;
    font-size: 112.5%;
    line-height: 1.8em;
    color: #454545;
}
/* Last Comment */

/* ボタン */
.area_btn1 {
    position: fixed;
    bottom: 120px;
    right: 20px;
    z-index: 2; 
}
.area_btn2 {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1; 
}
.area_btn1 img, .area_btn2 img{
    width: 100px;
}
/* ボタン */
.area_link{
    position: relative;
    top: -100px;/*左の数値を変えると、上下に調整します*/
    display: block;
}
  /* 目次 */
.sp_link{
    position: relative;
    top: -150px;/*左の数値を変えると、上下に調整します*/
    display: block;    
}

/* 20181025 ヨガ特集 */

/* 20181115 ダイビング特集 */
.box_profile_event {
    position: relative;
　　 display:inline;
    width: 1100px;
    padding: 25px 40px 25px 25px;
    margin-top: 20px;
    margin-bottom: 10px;
    height: auto;
    float: left;
    margin-bottom: 10px;
    border: solid 2px #27bbe3;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 200px;        
    background: -moz-linear-gradient(top left, #fff, #fff,#cdeefe,#7ecef4); 
    background: -webkit-linear-gradient(top left, #fff,#fff, #cdeefe,#7ecef4); 
    background: linear-gradient(to bottom right, #fff, #fff,#cdeefe,#7ecef4); 
}
.box_profile_title_event{
    position: absolute;
    display: inline-block;
    top: -10px;
    left: 25px;
    padding: 0 16px;
    line-height: 1;
    font-size: 100%;
    color: #959595;
    background:#FFF;
}
.box_profile_text_event{
    float: right;
    width: 730px;
}
.box_profile_event h2{
    padding-bottom: 4px; 
    font-size: 137.5%;
    border-bottom: 2px dotted #959595;
    margin-bottom: 14px;
}
.box_profile_event p{
    font-size: 112.5%;
    line-height: 1.8em;
}
.box_profile_event img{
    width: 250px;
    float: left;
    border: none;
}
/* article */
.area_title {
    text-align: center;
}
.area_title img{
    width: 300px;
}
.area_nav{
    width: 525px;
    margin-top: 26px;
}
.area_nav ul{
  width: 100%;
}
.area_nav ul li{
    display: inline-block;
    width: 250px;
    padding: 4px 0;
}
.area_nav ul li img{
    width: 100%;
}

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

.article_dive h3{
    padding: 0.4em;
    padding-left: 26px;
    font-size: 150%;
    color: white;
    margin-bottom:20px;
    background: #f19ec2;    
}

/* Left */
.article_dive_full_l {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: left;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 520px;        
}
.article_dive_full_l_text{
    float: right;
    width: 500px;
}
.article_dive_full_l h2{
    font-size: 137.5%;
    border-bottom: 4px dotted #f2ff81;
    margin-bottom: 16px;
}
.article_dive_full_l p{
    font-size: 100%;
}
.article_dive_full_l p span{
    font-size: 112.5%;
    color: #F08610;
}
.article_dive_full_l img{
    width: 550px;
    float: left;
}
/* Right */
.article_dive_full_r {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: right;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 520px;      
}
.article_dive_full_r_text{
    float: left;
    width: 500px;
}
.article_dive_full_r h2{
    font-size: 137.5%;
    border-bottom: 4px dotted #f2ff81;
    margin-bottom: 16px;
}
.article_dive_full_r p{
    font-size: 100%;
}
.article_dive_full_r p span{
    font-size: 112.5%;
    padding: 0 1.2em;
    color: #fff;
    background-color: #b3d465;
}
.article_dive_full_r img{
    width: 550px;
    float: right;
}
#dive_cp{
    font-size: 80%;
    color: #7d7d7d;
}

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

/* 20181203 事業MAP特集 */

/* section-imagebox */
.image_box3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 0 60px;
    overflow: hidden\9;
  /* for ie */
}
.image_box3 dl.image_box3_dl {
    position: relative;
    width: 354px;
    margin-left: 18px;
    margin-bottom: 30px;
    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_box3_dl:nth-child(3n+1) {
    margin-left: 0;
}
.image_box3 dl.image_box3_dl dt {
    overflow: hidden;
    display: block;
    height: 194px;
}
.image_box3 dl.image_box3_dl dt img {
}
.image_box3 dl.image_box3_dl dd {
    padding: 20px 20px 4em;
}
.image_box3 dl.image_box3_dl dd .image_box3_ttl {
    min-height: 3em;
    font-size: 100%;
}
.image_box3 dl.image_box3_dl dd .image_box3_tag {
    margin: 20px 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: 10px;
    letter-spacing: normal;
}
.image_box3 dl.image_box3_dl dd .image_box3_tag a {
    display: inline-block;
    padding: 2px 2px;
    font-size: 90%;
    color: #fff;
}
.image_box3 dl.image_box3_dl dd .image_box3_tag {
}
.image_box3 dl.image_box3_dl dd .image_box3_tag img {
    filter: alpha(opacity=100);
    -ms-filter: "alpha(opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.image_box3 dl.image_box3_dl dd .image_box3_info {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: table;
    width: 100%;
    /*border-top: 1px solid #27bbe3;*/
}
.image_box3 dl.image_box3_dl dd .image_box3_info .image_box3_category {
    display: table-cell;
    width: 7em;
    padding: 10px 3px;
    border-right: 1px solid #fff;
    background-color: #f2ff81;
    font-size: 80%;
    text-align: center;
    vertical-align: middle;
}
.image_box3 dl.image_box3_dl dd .image_box3_info .image_box3_data {
    display: table-cell;
    padding: 10px 5px 10px 20px;
    font-size: 90%;
    text-align: left;
    vertical-align: middle;
}
.image_box3 dl.image_box3_dl dd .image_box3_info .image_box3_movie {
    display: table-cell;
    padding: 0;
    border-left: 1px solid #000;
    font-size: 69%;
    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 5px;
}
.event_area{
    padding: 0.4em;
    padding-left: 28px;
    font-size: 137.5%;
    color: white;
    margin-bottom:20px;    
}
#star img{
    width: 18px;
    padding-bottom: 4px;
}

/* 20181203 事業MAP特集 */

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

.calendar h3{
    height: 50px;
    vertical-align: middle;
    padding-left: 25px;
    font-size: 187.5%;
    text-shadow: 2px 2px 2px #03004c;
    font-family: "小塚コジック"; 
    background-image: url("../../feature/feature17/images/calendar_bg.jpg");
    color: white;
    border: solid 1px #601986;
    margin-bottom:20px;
}

/* Left */
.calendar_full_l {
    position: relative;
　　display:inline;
    width: 1100px;
    height: auto;
    border-bottom: solid 1px #d2d2d2;
    padding-bottom: 20px;
    float: left;
    margin-bottom: 20px;
}
.calendar_full_l_text2{
    float: right;
    width: 600px;
}
.calendar_full_l h2{
    font-size: 137.5%;
    border-left: 6px solid #F08610;
    line-height: 1.2em;
    padding-left: 12px;
    margin-bottom: 16px;
}
.calendar_full_l .calendar_article_title1{
    font-size: 137.5%;
    border-left: 6px solid #0068b7;
    line-height: 1.2em;
    padding-left: 12px;
    margin-bottom: 16px;
}

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

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

.calendar_full_l p{
    font-size: 93.75%;
}

.calendar_full_l p span{
    font-size: 112.5%;
    color: #F08610;
}

.calendar_full_l_date3 {
    width: 150px;
    height: 200px;
　　 display:inline;
    color: #FFF;
    text-align: center;
    font-size: 143.75%;
    font-family: "小塚コジック"; 
    line-height: 1.3em;
    vertical-align: middle;
    margin-right: 0px; 
    border: none;
    float: left;
    padding-top: 20px;
    box-sizing: border-box;
}

/* ボタン */
.calendar_btn3 {
    position: fixed;
    bottom: 115px;
    left: 90%;
    z-index: 2; 
}
.calendar_btn4 {
    position: fixed;
    bottom: 30px;
    left: 90%;
    z-index: 3; 
}
.calendar_btn3 img, .calendar_btn4 img{
    width: 80px;
}

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

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

.b_winter{
    background-color: #8f82bc;
}
.b_food{
    background-color: #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{
    height: 60px;   
    padding-left: 40px;
    padding-top: 8px;
    font-size: 212.5%;
    color: #6a3906;
    margin-bottom:12px;
    background-image: url("../../feature/feature25/images/h3_bk.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 1100px;
    border-top: 2px solid #b3d465;    
    border-bottom: 8px solid #cfc072;    
}
.others_h3{
    height: 68px;   
    padding-left: 18px;
    padding-top: 8px;
    font-size: 150%;
    color: #6a3906;
    margin-bottom:12px;
    background-image: url("../../feature/feature25/images/h3_bk.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 1100px;
    border-top: 2px solid #6a3906;    
    border-bottom: 8px solid #cfc072;    
}
.article_wakashi span{
    font-size: 112.5%;
}

/* Left */
.article_wakashi_full_l {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: left;
    margin-bottom: 0px;
    background: -moz-linear-gradient(65deg, #f695b7, #da5b76); 
    background: -webkit-linear-gradient(65deg, #f695b7, #da5b76); 
    background: linear-gradient(25deg, #f695b7, #da5b76);
}
.article_wakashi_full_l_text{
    float: right;
    width: 360px;
    padding-top: 34px;
    padding-right: 40px;
}
.article_wakashi_full_l p{
    font-size: 93.75%;
    color: white;
    font-weight: normal;
}
.article_wakashi_full_l img{
    width: 650px;
    float: left;
    padding: 1px 1px;
}

/* article_garden-imagebox */

.wakashi_place {   
    padding-left: 18px;
    font-size: 150%;
    color: black;
    border-left: 8px solid #da5b76;
    margin-bottom:10px;
    margin-top:40px;
}
.container,.container2{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.item_wakashi{
    width: 360px;
    min-height: 360px;
    border: 1px solid #da5b76;
    background-image: url("../../feature/feature25/images/kiji_bk.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 360px;
}
.item_wakashi img {
    width: 100%;
    border-bottom: solid 1px #da5b76;    
}
.item_wakashi p{
    font-size: 93.75%;
    color: black;
    padding: 20px;
}

.item_wakashi2{
    position: relative;
　　 display:inline;
    width: 1100px;
    min-height: 360px;
    height: auto;
    border: solid 1px #da5b76; 
    background-image: url("../../feature/feature25/images/kiji_bk2.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 1100px;
    /*box-shadow: 0 2px 6px #4d0c0c;*/

}
.item_wakashi2 img{
    width: 33.33%;
    float: left;    
    border-bottom: solid 1px #da5b76;
    border-collapse: collapse;
    margin-bottom: 20px;    
}
.item_wakashi2 p{
    font-size: 93.75%;
    color: black;
    padding: 20px;
}
.item_wakashi2 a {
    line-height: 3em;
    font-size: 112.5%;
    color: #6a3906;
}

/* 20190320 和菓子特集 */

/* 20190325 チャーターボード */

.movie_wp{
    text-align: center; 
}
.wp{ 
    display: block;
    width: 1100px;
    margin: 0 auto;  
}
 .f1{
  margin-bottom: 3px;
    font-size: 15px;
    display: block;
    letter-spacing: normal;
    opacity: 0.8;
    font-weight: bold;
    text-align: center;
    color: #222;
    padding: 0 10px;    
 }
 .f1 img{
    width: auto;
    height: 70px;
 }
 .f2{
  text-align: center;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.4;
    margin-bottom: 0.5em;
    letter-spacing: 2px;
    z-index: 5;
    position: relative;
    margin-bottom: 40px;
    color: #222;
    padding: 0 10px;      
}
 .f3{
  text-align: center;
  line-height: 2;
  -webkit-font-smoothing: antialiased!important;
  margin-bottom: 70px;
  color: #222;
  padding: 0 10px;   
 }

.movie_box {
    vertical-align:top; 
    display: inline-block;
    margin: 10px 5px;
}
.movie_box p{
    width:530px;
    text-align: center;
    font-weight: normal;
    font-size: 120%;
    margin: 10px 0;
    line-height: 1.8em;
    font-family: 'Raleway', sans-serif;
}
.movie_box p a{
    font-size: 80%;
}
.movie_box iframe{
    width: 530px;
    height: 350px;    
}
/* 20190325 チャーターボード */

/* 20190606 梅雨特集 */
.tsuyu_1{
    font-size: 125%;
    padding: 12px 0 12px 25px;
    color: #fff;
    background: linear-gradient(45deg, #556fb5,#55b3ef);
    margin-bottom:10px; 
}
.tsuyu_2{
    font-size: 125%;
    padding: 12px 0 12px 25px;
    color: #fff;
    background: linear-gradient(45deg, #9d55b5,#e05861);
    margin-bottom:10px; 
}
.tsuyu_3{
    font-size: 130%;
    padding: 10px 0 10px 25px;
    color: #fff;
    background: linear-gradient(45deg, #52c4eb,#8cfdff);
    margin-bottom:10px; 
}
.tsuyu_4{
    font-size: 130%;
    padding: 10px 0 10px 25px;
    color: #fff;
    background: linear-gradient(45deg, #ff9633,#fff266);
    margin-bottom:10px; 
}
/* 20190606 梅雨特集 */

/* 20190703 インスタ画像特集 */
.image_box3 dl.image_box3_dl dd {
    padding: 20px 20px 5em!important;
}
.image_box3 dl.image_box3_dl dt a img {
    width: 100%;
    height: auto;
    display: block!important;
}
.image_box3 dl.image_box3_dl dt a {
    height: 200px!important;
}
/* section-imagebox */
.image_box3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 0 0px;
    overflow: hidden\9;
  /* for ie */
}
.image_box3 dl.image_box3_dl {
    position: relative;
    width: 354px;
    margin-left: 18px;
    margin-bottom: 30px;
    border-top: solid 5px #27bbe3;
    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_box3_dl:nth-child(3n+1) {
    margin-left: 0;
}
.image_box3 dl.image_box3_dl dt a {
    overflow: hidden;
    display: block;
    height: 194px;
}
.image_box3 dl.image_box3_dl dt a img {
    transition: all 0.2s linear;
}
.image_box3 dl.image_box3_dl dt a img:hover {
    transform: scale(1.1);
}
.image_box3 dl.image_box3_dl dd {
    padding: 20px 20px 4em;
}
.image_box3 dl.image_box3_dl dd .image_box3_ttl {
    min-height: 3em;
    font-size: 85%;
    word-wrap:break-word;
}
.image_box3 dl.image_box3_dl dd .image_box3_tag {
    margin: 20px 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: 10px;
    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: 80%;
    color: #fff;
}
.image_box3 dl.image_box3_dl dd .image_box3_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_box3_dl dd .image_box3_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_box3_dl dd .image_box3_info {
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: table;
    width: 100%;
    background: #d0effe;
    /*border-top: 1px solid #27bbe3;*/
}
.image_box3 dl.image_box3_dl dd .image_box3_info .image_box3_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_box3_dl dd .image_box3_info .image_box3_data {
    display: table-cell;
    padding: 10px 5px 10px 20px;
    font-size: 100%;
    text-align: left;
    vertical-align: middle;
    word-wrap:break-word;
}
/* SPECIAL INSTA */

.image_box3 dl.image_box4_dl {
    position: relative;
    width: 354px;
    margin-left: 18px;
    margin-bottom: 30px;
    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: 354px;
}
.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.3em;
    text-align: center;
    font-size: 125%;
    background-image: url("../../feature/feature15/images/area_bk.jpg");
    color: white;
    margin-bottom:2px;
}
/* ボタン */
.btn-area{
        margin-bottom: 30px; 
}
.btn-area .button3 {
    background-color: #fff;
    text-align: left;
    border: solid 1px #920783;
    color: #920783;
    padding: 5px 10px 5px 10px ;
    margin-right: 0px;
    margin-bottom: 4px;
    text-align: center;
    line-height: 1.6em;
    text-decoration: none;
    display: inline-block;
    font-size: 87.5%;
    cursor: pointer;
}

.btn-area  .button3:hover {
    color: #FFF;
    background-color: #920783;
}

/* 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;
}
/* ボタン */


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

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

/* 20191022 ブローガー特集 */
.box_profile3 {
    position: relative;
　　 display:inline;
    width: 1100px;
    padding: 25px 40px 25px 25px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: auto;
    float: left;
    border: solid 1px #959595;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box_profile3_title{
    position: absolute;
    display: inline-block;
    top: -10px;
    left: 25px;
    padding: 0 16px;
    line-height: 1;
    font-size: 100%;
    color: #959595;
    background:#FFF;
}
.box_profile3_text{
    float: right;
    width: 730px;
}
.box_profile3 h2{
    padding-bottom: 4px; 
    font-size: 125%;
    border-bottom: 2px dotted #959595;
    margin-bottom: 14px;
}
.box_profile3 p{
    font-size: 93.75%;
    line-height: 1.6em;
}
.box_profile3 img{
    width: 260px;
    float: left;
    border: 1px solid #959595;
}
/* 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{
    padding: 0.3em;
    font-size: 150%;
    color: black;
    border-bottom: solid 5px #73e6dc; 
    margin-top: 10px;       
    margin-bottom:20px;
}
/* article2 Right */
.article3_full_r {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: right;
    margin-bottom: 60px;
}
.article3_full_r_text{
    float: left;
    width: 550px;
}
.article3_full_r h2{
    width: 550px;
    color: #FFF;
    padding: 0.5em;
    padding-left: 26px;
    font-size: 125%;
    letter-spacing: 1px;
  /*background-image: url("/feature/feature18/images/article_title.png") ; */
    background-repeat: no-repeat;    
    margin-bottom: 16px;
}
.umi2{
background: #36D1DC;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #5B86E5, #36D1DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.cafe{
    background-color: #73e6dc;
}
.article3_full_r p{
    font-size: 100%;
    text-align: 1.8em;
}
.article3_full_r p span{
    font-size: 112.5%;
    color: #F08610;
}
.article3_full_r .main_img {
    width: 500px;
    height: auto;
    float: right;
}
.article3_full_r .main_img img{
    width: 500px;
}
.article3_full_r .sub_img1 img{
    padding-top: 4px;
    width: 248px;
    float: left;
}
.article3_full_r .sub_img2 img{
    padding-top: 4px;
    width: 248px;
    float: right;
}

  /* コメント */
.comment_icon img{
    width: 65px;
    height: 65px;
    float: left;
    margin: 20px 0;
}  
.balloon3-left {
    position: relative;
    display: inline-block;
    margin: 20px 0 20px 16px;    
    padding: 10px 16px;
    min-width: 120px;
    max-width: 470px;
    color: #959595;
    font-size: 100%;
    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: 550px;
    position: relative;
    border: dashed 2px #73e6dc;
    background-color: #f8fffe;
    border-radius: 10px;
    padding: 1.8em 2.4em;
    font-size: 112.5%;
    line-height: 1.8em;
    color: #454545;
}
/* Last Comment */

/* ボタン */
.area_btn1 {
    position: fixed;
    bottom: 120px;
    right: 20px;
    z-index: 2; 
}
.area_btn2 {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1; 
}
.area_btn1 img, .area_btn2 img{
    width: 100px;
}
/* ボタン */
.area_link{
    position: relative;
    top: -100px;/*左の数値を変えると、上下に調整します*/
    display: block;
}
  /* 目次 */
.sp_link{
    position: relative;
    top: -150px;/*左の数値を変えると、上下に調整します*/
    display: block;    
}

/* TOC+プラグイン */
/* clearfix */
#toc_mokuji{
    font-size: 130%;
    width: 100%;
    bottom: 1px dotted #a5a5a5;
    margin-bottom: 16px;
    text-align: center;
    padding-bottom: 1.2em;
}
#toc_container li:before{
content:none;
}
#toc_container{
display: inline-block;
vertical-align: top;
padding:1em 2em 1em!important;
width: 540px;
margin: 0 7px 30px 0;
background: #fff!important;
background: rgba(255, 255, 255, 0.5)!important;
border: 1px solid #ddd;
}
.toc_title {
font-size: 120%;
margin-bottom: .7em;    
}
#toc_container p{
margin-bottom: .7em;
}
#toc_container ul{
margin: 0!important;;
}
#toc_container li a{
display: block;
padding: .5em 0;
border-top: 1px dotted #ddd;
}
#toc_container li li a{
padding-left: .7em;
}
#toc_container li .toc_number{
margin-right: .5em
}

.article_list{
    width: 500px;
    float: left;
    padding-right: 20px;
} 

.article_list h3{
    padding: 12px 0 12px 20px;
    width: 500px;
    font-size: 112.5%;
    background-color:#73e6dc;
    color: white; 
} 
.article_list ul{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding: 0.3em 0.8em;
  border: solid 2px #73e6dc;
}
.article_list ul li{
  border-bottom: dashed 1px #73e6dc;
  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: 93.75%;
  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;
    padding-left: 25px;
    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.jpg");
    color: #362e2b;
    border: solid 1px #8fc31f;
    padding-top: 3px;
    margin-bottom:20px;
}
/* ボタン */
.btn-area{
        margin-bottom: 30px; 
}
.btn-area .button4 {
    background-color: #fff;
    text-align: left;
    border: solid 1px #097c25;
    color: #097c25;
    padding: 5px 10px 5px 10px ;
    margin-right: 0px;
    margin-bottom: 4px;
    text-align: center;
    line-height: 1.6em;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
}

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

/* 20200309 セーリング特集 */
.sailing_icon{
    margin-top: 30px;
}
.sailing_title{
    font-size: 140%;
    line-height: 3;
    padding-left: 10px;
    padding-bottom: 5px;
    border-bottom: solid 3px #00a0e9;
}
.sailing_subtitle{
    font-size: 120%;
    border-left: solid 3px #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{
    height: 75px;   
    padding-left: 30px;
    padding-top: 10px;
    font-size: 180%;
    color: #000;
    margin-bottom:15px;
    background-image: url("../../feature/feature35/images/h3_bk.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 1100px;
    border-top: 2px solid #c13d3d;    
    border-bottom: 5px solid #c13d3d;    
}
.others_h3{
    height: 68px;   
    padding-left: 18px;
    padding-top: 8px;
    font-size: 150%;
    color: #c13d3d;
    margin-bottom:12px;
    background-image: url("../../feature/feature35/images/h3_bk.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 1100px;
    border-top: 2px solid #6a3906;    
    border-bottom: 8px solid #cfc072;    
}
.article_wakashi3 span{
    font-size: 112.5%;
}

/* Left */
.article_wakashi3_full_l {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: left;
    margin-bottom: 0px;
    background: -moz-linear-gradient(65deg, #c13d3d, #c13d3d); 
    background: -webkit-linear-gradient(65deg, #c13d3d, #c13d3d); 
    background: linear-gradient(25deg, #c13d3d, #c13d3d);
}
.article_wakashi3_full_l_text{
    float: right;
    width: 360px;
    padding-top: 34px;
    padding-right: 40px;
}
.article_wakashi3_full_l p{
    font-size: 100%;
    color: white;
    font-weight: normal;
}
.article_wakashi3_full_l img{
    /*width: 700px;*/
    width: 650px;
    float: left;
    padding: 2px 2px;
}

/* article_garden-imagebox */

.wakashi3_place {   
    padding-left: 18px;
    font-size: 150%;
    color: black;
    border-left: 12px solid #c13d3d;
    margin-bottom:10px;
    margin-top:40px;
}
.container,.container3{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
/*.item_wakashi3{
    width: 360px;
    min-height: 360px;
    border: 2px solid #c13d3d;
    background-image: url("/feature/feature35/images/kiji_bk.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 360px;
}
.item_wakashi3 img {
    width: 100%;
    border-bottom: solid 1px #c13d3d;    
}
.item_wakashi3 p{
    font-size: 93.75%;
    color: black;
    padding: 20px 25px 40px 20px;
}*/

.item_wakashi3{
    position: relative;
　　 display:inline;
    width: 1100px;
    min-height: 360px;
    height: auto;
    border: solid 2px #c13d3d; 
    background-image: url("../../feature/feature35/images/kiji_bk2.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 1100px;
    /*box-shadow: 0 2px 6px #4d0c0c;*/

}
.item_wakashi3 img{
    width: 33.33%;
    float: left;    
    border-bottom: solid 0px #c13d3d;
    border-collapse: collapse;
    margin-bottom: 20px;    
}
.item_wakashi3 p{
    font-size: 93.75%;
    color: black;
    padding: 20px 25px 50px 20px;;
}
.item_wakashi3 a {
    line-height: 3em;
    font-size: 112.5%;
    color: #000;
    text-decoration: underline;    
}
/* 20200320 100%画像 */
.item_wakashi3_100{
    position: relative;
　　 display:inline;
    width: 1100px;
    min-height: 360px;
    height: auto;
    border: solid 2px #c13d3d; 
    background-image: url("../../feature/feature35/images/kiji_bk2.png") ;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 1100px;
    /*box-shadow: 0 2px 6px #4d0c0c;*/

}
.item_wakashi3_100 img{
    width: 100%;
    float: left;    
    border-bottom: solid 0px #c13d3d;
    border-collapse: collapse;
    margin-bottom: 20px;    
}
.item_wakashi3_100 p{
    font-size: 93.75%;
    color: black;
    padding: 20px 25px 50px 20px;;
}
.item_wakashi3_100 a {
    line-height: 3em;
    font-size: 112.5%;
    color: #000;
    text-decoration: underline;
}
/* 20200320 100%画像 */
/* 20200320 和菓子特集 */


/* 20200803 クルージング2020特集 */
.cruisingh2{
    font-size: 130%;
    padding: 12px 0 12px 25px;
    color: #fff;
    background: linear-gradient(45deg, #00a1e8,#7ecef4);
}
.cruisingh3{
    display: inline-block;
    font-size: 120%;
    text-decoration: none;
    border-bottom: 5px solid yellow;
    margin: 0 0 20px;
}   
.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特集 */
/* 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{
    padding: 0.3em;
    font-size: 150%;
    color: black;
    border-bottom: solid 5px #73e6dc; 
    margin-top: 10px;       
    margin-bottom:20px;
}
/* article2 Right */
.article4_full_r {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: right;
    margin-bottom: 60px;
}
.article4_full_r_text{
    float: left;
    width: 550px;
}
.article4_full_r h2{
    /*width: 550px;*/
    color: #FFF;
    padding: 0.6em;
    padding-left: 26px;
    font-size: 125%;
    letter-spacing: 1px;
  /*background-image: url("/feature/feature18/images/article_title.png") ; */
    background-repeat: no-repeat;    
    margin-bottom: 16px;
}
.article4_full_r p{
    font-size: 100%;
    text-align: 1.8em;
}
.article4_full_r p span{
    font-size: 112.5%;
    color: #F08610;
}
.article4_full_r .main_img {
    width: 500px;
    height: auto;
    float: right;
}
.article4_full_r .main_img img{
    width: 500px;
    margin-bottom: 20px;
    border-radius: 8px;
}
.article4_full_r .sub_img1 img{
    padding-top: 4px;
    width: 248px;
    float: left;
}
.article4_full_r .sub_img2 img{
    padding-top: 4px;
    width: 248px;
    float: right;
}

.umi3{
background: #6190E8; 
background: -webkit-linear-gradient(to left, #A7BFE8, #6190E8); 
background: linear-gradient(to left, #A7BFE8, #6190E8);     
}
.last_comment3 {
    /*width: 550px;*/
    position: relative;
    border: dashed 2px #d0def6;
    background-color: #f0f5fc;
    border-radius: 10px;
    padding: 1.6em 2.2em;
    font-size: 100%;
    line-height: 1.8em;
    color: #454545;
}
/* 20211018 SUF90特集 */

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

.article_2side h3{
    padding: 0.4em;
    padding-left: 26px;
    font-size: 150%;
    color: white;
    margin-bottom:40px;
    background: #3d72c2;    
}

.article_2side h4{
    font-size: 125%;
    margin-bottom:20px;
    color: #3460a3;    
}
.p_fullimg{
    display: table;
    width: 100%!important;
    margin-bottom: 20px;
}
.p_fullimg img{
    width: auto!important;
    height: 120px!important;
    float: left!important;
}
.btn{
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    background-color: #333;
    padding: 8px 18px;
    margin-top: 20px;
}
.btn:hover{
    color: white;
    text-decoration: none;
    opacity: 0.7;
}
.btn:visited{
    color: white;
}

/* Left */
.article_2side_full_l {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: left;
    margin-bottom: 40px;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 400px;        
}
.article_2side_full_l_text{
    float: right;
    width: 600px;
    line-height: 2;
}
.article_2side_full_l h2{
    font-size: 137.5%;
    border-bottom: solid 2px #00a6ff;
    margin-bottom: 16px;
}
.article_2side_full_l p{
    font-size: 100%;
}
.article_2side_full_l p span{
    font-size: 112.5%;
    color: #F08610;
}
.article_2side_full_l img{
    width: 450px;
    float: left;
}
/* Right */
.article_2side_full_r {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: right;
    margin-bottom: 40px;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 400px;      
}
.article_2side_full_r_text{
    float: left;
    width: 600px;
    line-height: 2;
}
.article_2side_full_r h2{
    font-size: 137.5%;
    border-bottom: 4px dotted #f2ff81;
    margin-bottom: 16px;
}
.article_2side_full_r p{
    font-size: 100%;
}
.article_2side_full_r p span{
    font-size: 112.5%;
    padding: 0 1.2em;
    color: #fff;
    background-color: #b3d465;
}
.article_2side_full_r img{
    width: 450px;
    float: right;
}
#yoga_cp{
    font-size: 80%;
    color: #7d7d7d;
}
/* 画像3枚 */
.pic3in{
    display: block;
    width: 100%;
    margin: -20px auto 80px;
    padding: 30px auto;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
}
.pic3in ul li{
    display: inline-block;
    width: 349px;
    margin-right: 20px;
    padding: 20px 0;
}
.pic3in ul li:nth-child(3n){
    margin-right: 0px;
}
.pic3in ul li img{
    width: 100%;
    border-radius: 2px;
}
.pic3in img:last-child{
    margin-left: 0px!important;
}

/* marine */
p.txt_marine,p.txt_feature {
    font-size: 90%;
    text-align: center;
    margin-bottom: 40px;
    font-weight: bold;
}
p.txt_marine span,p.txt_feature span {
    border-bottom: 3px dashed #f2ff81;
    padding-bottom: 4px;
    background-color: #fff;
}
/* 404 */
p.txt-404 {
    width: 1100px;
    text-align: center;
    margin: 180px auto 200px;
    font-size: 150%;
}
.contents_text img {
    display: inline;
    width: 295px;
    margin: 20px 0;
}
.ct_experience .contents_text img,.ct_interview .contents_text img,.ct_feature .contents_text img {
    display: inline;
    width: auto;
    margin: 0;
}
.ct_interview .contents_text img {
    margin-bottom: 20px!important;
}
.contents_text img:last-child {
    margin-left: 20px!important;
    display: inline-block;
}
.ct_experience .contents_text img:last-child {
    margin-left: 0px!important;
    display: inline-block;
}
.image_box .image_box_dl dd .image_box_info .image_box_movie {
    width: 46px;
}
.contents_text img:nth-of-type(2n){
    margin-left: 20px!important;
    display: inline-block;
}
.interview_box img:nth-of-type(2n){
    margin-left: 0px!important;
    display: inline-block;
}

/* footer */
.ct_experience .nav_pagetop {
    top: -65px;
}
.ct_experience .footer_tag,.ct_interview .footer_tag,.ct_feature .footer_tag {
    background-color: #f2ff81;
    height: 40px;
}
.footer_detail .nav_sns {
    margin: 0 auto;
}
.found_posts {
    text-align: center;
    margin: 20px 0;
}


/* 20220225 SHONAN真鶴・ダイビング特集 */

/* 画像2枚 */
.photo2in{
    display: block;
    width: 100%;
    margin: 30px auto 40px;
    padding: 20px auto;
}
.photo2in ul li{
    display: inline-block;
    width: 480px;
    margin-right: 30px;
    padding: 0;
}
.photo2in ul li:nth-child(2n){
    margin-right: 0px;
}
.photo2in ul li img{
    width: 100%;
    border-radius: 2px;
}
.photo2in img:last-child{
    margin-left: 0px!important;
}
/* 画像3枚 */
.photo3in{
    display: block;
    width: 100%;
    margin: 30px auto 40px;
    padding: 20px auto;
}
.photo3in ul li{
    display: inline-block;
    width: 315px;
    margin-right: 20px;
    padding: 20px 0;
}
.photo3in ul li:nth-child(3n){
    margin-right: 0px;
}
.photo3in ul li img{
    width: 100%;
    border-radius: 2px;
}
.photo3in img:last-child{
    margin-left: 0px!important;
}


/* 特集②　47　ビジターバース 2022.08.12*/
/*area_navi */
.area_navi{
    display: block;
    padding: 15px 0;
}
.area_navi ul li{
    display: inline-block;
    width: 24.2%;
    font-size: 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;
    text-decoration: none;    
}
.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:20px;
}

/* Left */
.widepage_article_full_l {
    position: relative;
　　display:inline;
    width: 1100px;
    height: auto;
    border: none;
    float: left;
    margin-bottom: 0px;
}
.widepage_article_full_l_text{
    float: right;
    width: 410px;
    margin-bottom: 0px;
}
.widepage_article_full_l h3{
    font-size: 1.8rem;
    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{
    float: left;
    display: inline-block;
    width: 620px;
}
.widepage_images_r{
    float: right;
    display: inline-block;
    width: 620px;
}
.widepage_article_full_l img,.widepage_article_full_r img{
    width: 620px;
    float: left;
    margin-bottom: 4px;
}
.widepage_article_full_l img:nth-child(2),.widepage_article_full_r img:nth-child(2){
    width: 308px;
    float: left;
    margin-right: 4px;
}
.widepage_article_full_l img:nth-child(3),.widepage_article_full_r img:nth-child(3){
    width: 308px;
    float: right;
}
/* Right */
.widepage_article_full_r {
    position: relative;
　　display:inline;
    width: 1100px;
    height: auto;
    border: none;
    float: right;
    margin-bottom: 0px;
}
.widepage_article_full_r_text{
    float: left;
    width: 410px;
}
.widepage_article_full_r h3{
    font-size: 1.8rem;
    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: 80px;
}
/* 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.4em;
    padding-left: 26px;
    font-size: 150%;
    letter-spacing: 2px;
    color: white;
    margin-bottom:30px;
    background: #6adfff;    
}

/* Left */
.article5_full {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: left;
    margin-bottom: 30px;
}
.article5_full_text{
    float: right;
    width: 700px;
}
.textcenter{
    text-align: center;
    line-height: 2;
}
.article5_full h3{
    font-size: 137.5%;
    letter-spacing: 1px;
    border-bottom: solid 2px #6adfff;
    margin-bottom: 16px;
}
.article5_full p{
    font-size: 93.75%;
}
.article5_full p span{
    font-size: 112.5%;
    color: #F08610;
}
.article5_full img{
    width: 360px;
    float: left;
}
.article5_full a{
    word-break: break-all;
}

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

.icon_anime{
        position: absolute;
        right: 10%;
        bottom: 300px;
    }
    .opc,
    .opc * {
        width: 200px;
        height: auto;
    }
    .opc .good{
        position: absolute;
        top: 0;
        background: white;
        animation: opc_good 2s ease 0s infinite alternate;
    }
    @keyframes opc_good {
        100%{
            opacity: 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 遊覧船特集 */
/* article */
.area_title {
    text-align: center;
}
.area_title img{
    width: 300px;
}
.area_nav{
    width: 525px;
    margin-top: 26px;
}
.area_nav ul{
  width: 100%;
}
.area_nav ul li{
    display: inline-block;
    width: 250px;
    padding: 4px 0;
}
.area_nav ul li img{
    width: 100%;
}

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

.article_column h3{
    padding: 0.4em;
    padding-left: 26px;
    font-size: 150%;
    color: white;
    margin-bottom:40px;
    background: #f19ec2;    
}

/* Left */
.article_column_full_l {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: left;
    margin-bottom: 60px;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 400px;        
}
.article_column_full_l_text{
    float: right;
    width: 525px;

}
.article_column_full_l h2{
    font-size: 137.5%;
    border-bottom: solid 2px #00a6ff;
    margin-bottom: 16px;
}
.article_column_full_l p{
    font-size: 100%;
}
.article_column_full_l p span{
    font-size: 112.5%;
    color: #F08610;
}
.article_column_full_l img{
    width: 525px;
    float: left;
}
/* Right */
.article_column_full_r {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: right;
    margin-bottom: 60px;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 400px;      
}
.article_column_full_r_text{
    float: left;
    width: 525px;
}
.article_column_full_r h2{
    font-size: 137.5%;
    border-bottom: 4px dotted #f2ff81;
    margin-bottom: 16px;
}
.article_column_full_r p{
    font-size: 100%;
}
.article_column_full_r p span{
    font-size: 112.5%;
    padding: 0 1.2em;
    color: #fff;
    background-color: #b3d465;
}
.article_column_full_r img{
    width: 525px;
    float: right;
}
#column_cp{
    font-size: 80%;
    color: #7d7d7d;
}

/* ボタン */
.area_btn1 {
    position: fixed;
    bottom: 120px;
    right: 20px;
    z-index: 2; 
}
.area_btn2 {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1; 
}
.area_btn1 img, .area_btn2 img{
    width: 100px;
}
/* ボタン */
.area_link{
    position: relative;
    top: -100px;/*左の数値を変えると、上下に調整します*/
    display: block;
}
  /* 目次 */
.sp_link{
    position: relative;
    top: -150px;/*左の数値を変えると、上下に調整します*/
    display: block;    
}

/* 20220920 遊覧船特集 */


/* 20230311 LOVE OCEAN特集 */
.bigimg{
    display: block;
    margin: 30px auto;
}

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


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

.article6 h3{
    padding: 0.3em;
    font-size: 150%;
    color: black;
    border-bottom: solid 5px #73e6dc; 
    margin-top: 10px;       
    margin-bottom:20px;
}
.article6 a{
    word-break: break-all;
}
/* article6 Right */
.article6_full_r {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: right;
    margin-bottom: 60px;
}
.article6_full_r_text{
    float: left;
    width: 550px;
}
.article6_full_r h2{
    width: 550px;
    color: #FFF;
    padding: 0.5em;
    padding-left: 26px;
    font-size: 125%;
    letter-spacing: 1px;
  /*background-image: url("/feature/feature18/images/article_title.png") ; */
    background-repeat: no-repeat;    
    margin-bottom: 16px;
}
.umi2{
background: #36D1DC;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #5B86E5, #36D1DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.cafe{
    background-color: #73e6dc;
}
.article6_full_r p{
    font-size: 100%;
    text-align: 1.8em;
}
.article6_full_r p span{
    font-size: 112.5%;
    color: #F08610;
}
.article6_full_r .main_img {
    width: 500px;
    height: auto;
    float: right;
}
.article6_full_r .main_img img{
    width: 500px;
}
.article6_full_r .sub_img1 img{
    padding-top: 4px;
    width: 248px;
    float: left;
}
.article6_full_r .sub_img2 img{
    padding-top: 4px;
    width: 248px;
    float: right;
}
/* 20230627 三浦特集 */



/* 20240201 運行特集 */

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

.article_7side h3{
    padding: 0.4em;
    padding-left: 26px;
    font-size: 24px;
    color: white;
    margin-bottom:40px;
    background: #3d72c2;    
}

.article_7side h4{
    font-size: 20px;
    margin-bottom:20px;
    color: #000;
    border-bottom: 1px solid;
}
.p_fullimg{
    display: table;
    width: 100%!important;
    margin-bottom: 20px;
}
.p_fullimg img{
    width: auto!important;
    height: 180px!important;
    float: left!important;
}
.btn{
    display: inline-block;
    font-size: 13px;
    border-radius: 4px;
    color: #fff;
    background-color: #333;
    padding: 8px 18px;
    margin-top: 20px;
}
.btn:hover{
    color: white;
    text-decoration: none;
    opacity: 0.7;
}
.btn:link{
    color: white;
}
.btn:visited{
    color: white;
}
/* Right */
.article_7side_full_r {
    position: relative;
　　display:inline;
    width: 1100px;
    margin: 0px;
    height: auto;
    border: none;
    float: right;
    margin-bottom: 40px;
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 400px;      
}
.article_7side_full_r_text{
    float: left;
    width: 600px;
    line-height: 2;
}
.article_7side_full_r h2{
    font-size: 137.5%;
    border-bottom: 4px dotted #f2ff81;
    margin-bottom: 16px;
}
.article_7side_full_r p{
    font-size: 100%;
}
.article_7side_full_r p span{
    font-size: 112.5%;
    padding: 0 1.2em;
    color: #fff;
    background-color: #b3d465;
}
.article_7side_full_r img{
    width: 450px;
    float: right;
}
.imgmap{
    margin-bottom: 40px;
}
.imgmap img{
    width: 1100px;
}
/* 画像4枚 */
.pic4in{
    display: block;
    width: 100%;
    margin: -20px auto 80px;
    padding: 30px auto;
}
.pic4in ul li{
    display: inline-block;
    width: 260px;
    margin-right: 15px;
    margin-bottom: 15px;
}
.pic4in ul li:nth-child(4n){
    margin-right: 0px;
}
.pic4in ul li img{
    width: 100%;
    border-radius: 2px;
}
.pic4in img:last-child{
    margin-left: 0px!important;
}

.bk_pic3in {
    display: block;
    width: 100%;
    margin: 0px auto 80px;
    padding: 30px 40px 40px;
    background-color: #add8e6;
}
.bk_pic3in h4{
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}
.bk_pic3in ul li {
    display: inline-block;
    width: 315px;
    margin-right: 30px;
    border: 10px solid #fff;
}
.bk_pic3in ul li:last-child{
    margin-right: 0;
}
.bk_pic3in ul li img {
    width: 100%;
}

.midashi {
    padding: 0.4em;
    padding-left: 0px;
    font-size: 24px;
    color: #333;
    margin-bottom: 0px;
    border-bottom: 8px solid #3d72c2;
}
.wp2 {
    display: block;
    width: 1100px;
    margin: 0 auto;
    margin-bottom: 40px;
}
.movie_box2 {
    vertical-align: top;
    display: inline-block;
    margin: 10px 5px;
}
.movie_box2 p {
    width: 530px;
    text-align: center;
    font-weight: normal;
    margin: 10px 0;
    line-height: 1.8em;
}
/* 20240201 運行特集 */

/* 20240912 公園特集 */
.special_box{
    width: 100%;
    display: table;
    padding: 35px 45px;
    border: 1px solid #ccc;
    margin-bottom: 5%;
    box-sizing: border-box;
}
.special_box p{
    display: inline-block;
    width: 73%;
    float: left;
    text-align: left;
}
.special_box img{
    display: inline-block;
    width: 25%;
    float: right;
}
/* 20240912 公園特集 */

/* 20250110 サイクリング特集 */
/* sakura_article */
.article_cycle {
    display: block;
    width: 1100px;
    overflow: hidden;
    margin-bottom: 60px;
}
/* clearfix */
.article_cycle:before,
.article_cycle:after {
    content: "";
    display: table;
} 
.article_cycle:after {
    clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.article_cycle {
    zoom: 1;
}

.article_cycle h3{
    padding: 0.4em;
    padding-left: 20px;
    font-size: 140%;
    color: white;
    margin-bottom:30px;
    background: linear-gradient(to right, #fa9b02, #ffe18f);    
}
.article_cycle p{
    margin-bottom: 30px;
}

/* 画像3枚 */
.pic3in_cycle{
    display: block;
    width: 100%;
    margin-bottom: 20px;
    /* border-bottom: 2px solid #fa9b02; */
}
.pic3in_cycle ul li{
    display: inline-block;
    width: 349px;
    margin-right: 20px;
    margin-bottom: 25px;
}
.pic3in_cycle ul li:nth-child(3n){
    margin-right: 0px;
}
.pic3in_cycle ul li img{
    width: 100%;
    border-radius: 6px;
}
.pic3in_cycle img:last-child{
    margin-left: 0px!important;
}
.sp2{
    display: none;
}
.pc2{
    display: inline;
}

.shopinfo{
    display: block;
    border: 2px solid #0074C7;
    border-radius: 6px;
}
.shopinfo h4{
    font-size: 130%;
    padding: 10px 25px;
    color: #fff;
    background-color: #0074C7;
}
.shopinfo p{
    width: auto;
    margin: 20px 25px;
}
.shopinfo p a{
    word-break: break-all;
}

/* 20250110 サイクリング特集 */


@media screen and (max-width: 400px) {
.image_box .image_box_dl dt a {
    overflow: hidden;
    display: block;
    height: 93px!important;
  } 
}

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

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


/* globar */
.contents_aside_future {
    float: right;
    width: 527px;
    height: 360px;
}
.contents_aside_column_future {
    border: 1px solid #000;
}
.contents_aside_movie_future iframe {
    width: 525px;
    height: 290px;
    vertical-align: top;
}
.contents_aside_movie_blank_future {
    border: 1px solid #000;
    border-width: 1px 0;
    text-align: center;
}
.contents_aside_movie_blank_future a {
    display: block;
    padding: 10px 10px;
    font-size: 89%;
    line-height: 1;
    color: #000;
}
.contents_aside_future {
        float: right;
        width: 527px;
        height: 360px;
}


/* feature45 */ /* feature39 */
.fullpd {
        padding: 40px 50px 55px;
    }
.interview_detail_section .contents_text h3 {
        border-bottom: 4px dotted #f2ff81;
    }
.interview_box dl {
        display: table;
        margin-bottom: 1.5em;
}
.interview_box dt {
        display: table-cell;
        width: 8em;
        padding-right: 2em;
        text-align: left;
        vertical-align: top;
        white-space: nowrap;
    }
.interview_box dt strong {
        font-weight: normal;
        color: #27bbe3;
    }    
.interview_box dd {
        display: table-cell;
        text-align: left;
        vertical-align: top;
}


/* feature42 */
.contents_box {
        display: block;
        padding: 0 0 90px;
    }
.contents_detail {
        float: left;
        width: 690px;
        border: 2px solid #000;
        margin-bottom: 90px;
    }
    .contents_text {
        padding: 35px 35px 45px;
        font-size: 88%;
        line-height: 2;
    }
.contents_text h3{
    font-size: 115%;
}    
.interview_detail_section .contents_text img{
    display: inline;
        width: auto;
        width: 100%;
        margin: 0;
}
.interview_detail_section .contents_text img {
        margin-bottom: 20px !important;
    }
.contents_aside_sns {
        display: table;
        margin-bottom: 10px;
    }    
    .contents_aside_sns li{
        display: table-cell;
        padding-right: 10px;
        text-align: left;
        vertical-align: bottom;
    }
.contents_aside_column {
        border: 1px solid #000;
    }
.contents_aside {
        float: right;
        width: 370px;
    }    
.contents_aside_info {
        display: table;
        width: 100%;
        border-bottom: 1px solid #000;
        font-size: 75%;
    }
.interview_box dl{
    display:table;
}

.contents_aside_info dt {
        display: table-cell;
        width: 25%;
        padding: 10px 10px;
        border-right: 1px solid #000;
        background-color: #f2ff81;
        text-align: center;
        vertical-align: middle;
    }
.contents_aside_info dd{
        display: table-cell;
        padding: 10px 10px;
        text-align: left;
        vertical-align: middle;
        background-color: #fff;
    }
 .contents_aside_movie{
    box-sizing: border-box;
 }
.contents_aside_movie iframe {
        width: 368px;
        height: 207px;
        vertical-align: bottom;
    } 
.contents_aside_movie_blank {
        border: 1px solid #000;
        border-width: 1px 0;
    }
.contents_aside_movie_blank a {
        display: block;
        padding: 10px 10px;
        font-size: 75%;
        line-height: 1.4;
        color: #000;
}

/* feature30 */
.btn_detail_exp {
        text-align: center;
        margin-bottom: 16px;
}
.btn_detail_exp a, .btn_detail_exp button {
        display: inline-block;
        min-width: 300px;
        padding: 20px 30px;
        border: 4px solid #27bbe3;
        font-size: 100%;
        text-align: center;
        line-height: 1;
        color: #000;
        text-decoration: none;
    }

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

/* feature16 */
.image_box2 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        margin: 0 0 40px;
        overflow: hidden\9;
}
.image_box2 dl.image_box2_dl {
        position: relative;
        width: 354px;
        margin-left: 18px;
        margin-bottom: 30px;
        border-top: solid 5px #27bbe3;
        background-color: #fff;
        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
        float: left\9;
        margin: 30px 0 0\9;
    }
    .image_box2 dl.image_box2_dl:nth-child(3n+1) {
        margin-left: 0;
    }
.image_box2 dl.image_box2_dl dd .image_box2_ttl {
        min-height: 3em;
        font-size: 85%;
        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: 10px 5px 10px 20px;
        font-size: 100%;
        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: 32px;
    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;}
}