/*
Theme Name: minamioosumi
Author: skypc
Description: This is my original theme.
Version: 1.0
*/
body{
	overflow-x:hidden;
}

/*キャッチコピー*/

#catch_copy {
    font-size: 32pt;
    padding: 70px 0 70px 0;
}

#catch_copy h1 {
}

#catch_copy p {
    font-size: 22pt;
    text-align: center;
}

p,
h1,
h2,
h3,
h4,
td,
ht,
dd {
}

p {
    word-break: break-all;
}


/*ヘッダースタイル*/

header {
    background-color: #4b4a48;
    width: 100%;
    z-index: 1;
    position: fixed;
}

header_wrap {
    max-width: 1600px;
    margin: 0 auto;
}

#top_embd {
    height: 200px;
}

header,
header h1,
header a,
header a:hover {
    color: #fff;
}

header h1 {
    font-weight: bold;
}

.h1_initial {
    color: #fff;
    font-size: 25pt;
}

#toptitle {
    display: none;
    text-align: center;
    letter-spacing: 12px;
}

#header_rogo {
    position: absolute;
    top: -20px;
    left: -10px;
    width: 200px;
    border-radius: 50%;
    will-change: transform;
}

#header_rogo_a {
    opacity: 1;
}

#post_wrap,
#movei_wrap,
#news_wrap,
#category_wrap,
#insta_wrap,
#category_archive,
#category_info_wrap,
#tax_category_list_wrap,
#t_category_title,
#t_nantangourme_title,
#t_nantangourme_sub_title,
#tax_nantangourme_list_wrap,
#nantangourme_category_info_wrap,
.breadcrumbs,
#association_info_wrap,
#access_wrap,
#single_wrap,
.spend_method,
.travel_wrap,
.photoroge_main,
.mytabi_banner,
.member-blog,
/*20211214 seguchi add st*/
.basutabiapp_wrap,
/*20211214 seguchi add ed*/
.fishing-wrap {
    padding-left: 12%;
    padding-right: 12%;
}

#header_wrap {
    padding-left: 12%;
    padding-right: 0;
}

#header_wrap {
    padding-left: 200px;
}

.breadcrumbs {
    padding-left: 223px;
}

#topmenu,
#tophonyaku,
footer,
#footer_menu,
#footer_icon,
#movei_wrap,
video_thumbwrap_top,
#video_thumbwrap_bottom,
#news_data_wrap {
    overflow: hidden;
}

footer{
    overflow:unset;
}



#tophonyaku {
    padding-left: 23px;
    display: block;
    font-size: 8pt;
    position: relative;
    height: 33px;
}

.honyaku {
    letter-spacing: 4px;
    padding-top: 18px;
    padding-right: 10px;
    padding-bottom: 10px;
    float: left;
}

.honyaku a {
    height: 20px;
    padding-right: 10px;
    border-right: 2px solid #fff;
}

.serch {
    padding-top: 5px;
    color: #fff;
}

.serch i {
    position: absolute;
    top: 5px;
    left: 380px;
}

.menu {
    letter-spacing: 4px;
    text-align: center;
    float: left;
}

.menu a {
    text-align: center;
}

.menu {
    padding-right: 20px;
    padding-left: 20px;
    border-right: 2px solid #fff;
}

#submenu {
    padding-left: 40px;
    min-width: 200px;
    float: left;
}

.menu2 {
    letter-spacing: 4px;
    font-size: 10pt;
    float: left;
    padding-top: 23px;
    padding-left: 15px;
}



#topmenu_ul {
    padding-top: 20px;
    float: left;
}

#topmenu {
    margin-bottom: 20px;
}

.menu2 a {
    border-right: solid 2px #fff;
    padding-right: 15px;
}

.top_icon i {
    color: #777;
    font-size: 20pt;
}

.top_icon2 {
    display: none;
    color: #fff;
    font-size: 20pt;
}

.menu_icon {
    float: left;
    padding-top: 10px;
    margin-bottom: 10px;
    padding-left: 15px;
}

.serch input {
    width: 200px;
    position: absolute;
    top: 5px;
    left: 410px;
}

#tophonyaku input {
    background: none;
    color: #fff;
    border: solid 2px #777;
}

.right {
    width: 110px;
    margin-right: 0;
    margin-left: auto;
}


/*ドロップダウンメニュー*/

.menuwrap {
    color: #fff;
    font-size: 12pt;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    display: none;
}

.menubox {
    color: #57a53c;
    border: 3px solid #fff;
    width: 14%;
    height: 15%;
    margin: 1.2%;
    float: left;
    display: block;
}

.menubox i {
    color: #fff;
    font-size: 40px;
    text-align: center;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 10px;
}

.menubox p {
    text-align: center;
    padding-bottom: 15px;
    color: #fff;
}

#responsive_menu {
    display: none;
}


/*トップページ**********************************************/

#responsive_topimg_rogo {
    display: none;
}


/*トップ画像*/

#topimage {
    /*height: 700px;*/
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

#topimage_img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.topimage_box {
    width: 100%;
    display: flex;
    object-fit: cover;
}

@media screen and (max-width: 1090px) {
    .topimage_box {
        display: block;
    }
}

.topimage_item {
    position: relative;
}

.topimage_boximg {
    width: 100%;
}

@media screen and (max-width: 1090px) {
    .topimage_boximg {
        height: 50vh;
        object-fit: cover;
        margin: 0;
        padding: 0;
        vertical-align: bottom;
    }
}

.topimage_text {
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0.7);
    width: 150px;
    height: 60px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.topimage_text p {
    color: #fff;
    font-size: 150%;
    text-align: center;
    line-height: 60px;
}

.top-sns {
    width: 100%;
    display: flex;
    padding: 0 12%;
    justify-content: center;
}

.top-sns-item {
    max-width: 340px;
    width: 50%;
    margin: 50px;
}

.top-sns-border {
    border: 1px solid #d3d3d3;
}

@media screen and (max-width: 1090px) {
    .top-sns {
        padding: 0 5%;
        display: block;
    }
    .top-sns-item {
        width: 100%;
        margin: 0 auto;
    }
}


/*ページ設定　共通**********************************************/


/*コンテンツ*/

.clear_both {
    clear: both;
}

#container {
    padding-top: 95px;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

#container h1 {
    /*letter-spacing: 5px;*/
    text-align: center;
    padding-top: 30px;
    padding-bottom: 20px;
}

#movei_wrap {
    height: auto;
}

#news_wrap {}

#category_wrap {
    padding-bottom: 20px;
    padding-top: 0px;
}

#category_contants,
#insta_contants {
    border-top: solid 3px #444;
}


/*mapのスタイル****************************************/

#map_allwrap {
    /*	background-image: url('../img/map-back.png');*/
    /*background: linear-gradient(#FFF, rgba(0, 197, 255, 0.8));*/
}

#map_image {
    position: relative;
    max-height: 700px;
}

#minamiosumi_map_back {
    position: absolute;
    width: 100%;
    height: 100%;
}

#minamiosumi_map {
    /*width: 100%;*/
}

#minamiosumi_map_wrap {
    margin: 0 auto;
    width: 1200px;
    position: relative;
}


/*ピンの位置*/

#pin1 img,
#single_pin1 img {
    position: absolute;
    top: 496px;
    left: 263px;
}

#pin2 img,
#single_pin2 img {
    position: absolute;
    top: 210px;
    left: 650px;
}

#pin3 img,
#single_pin3 img {
    position: absolute;
    top: 130px;
    left: 670px;
}

#pin4 img,
#single_pin4 img {
    position: absolute;
    top: 170px;
    left: 746px;
}

#pin5 img,
#single_pin5 img {
    position: absolute;
    top: 170px;
    left: 615px;
}

#pin6 img,
#single_pin6 img {
    position: absolute;
    top: 215px;
    left: 590px;
}

#pin7 img,
#single_pin7 img {
    position: absolute;
    top: 485px;
    left: 303px;
}

.popup {
    position: absolute;
    width: 280px;
    height: 150px;
    background-color: rgba(255, 255, 255, 0.79);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    padding: 15px;
    z-index: 1;
}

.popup p {
    margin-top: 15px;
}


/*ポップアップの位置top-260 left-180*/

#popup1 {
    top: 320px;
    left: 130px;
    display: none;
}

#popup2 {
    top: 270px;
    left: 520px;
    z-index: 1;
    display: none;
}

#popup3 {
    top: 30px;
    left: 730px;
    display: none;
}

#popup4 {
    top: 160px;
    left: 810px;
    display: none;
}

#popup5 {
    top: 50px;
    left: 310px;
    display: none;
}

#popup6 {
    top: 150px;
    left: 280px;
    display: none;
}

#popup7 {
    top: 310px;
    left: 170px;
    display: none;
}


/*フッタースタイル**********************************************/


/**/
/*
footer {
    text-align: center;
    background-color: #4b4a48;
    width: 100%;
    color: #fff;
    padding-bottom: 30px;
    padding-top: 10px;
    position: relative;
}

footer p,
footer a,
footer a:hover {
    color: #fff;
}

#footer_menu {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 780px;
    margin: 0 auto;
}

#footer_menu ul{
    display: flex;
    height: 25px;
    align-items: center;
    justify-content: center;
}

.footer_menu {
    border-right: 2px solid #fff;
    height: 22px;
}

.footer_menu a {
    padding-right: 20px;
    padding-left: 20px;
}

#footer_icon {
    width: 200px;
    margin: 0 auto;
}

#sns-icon{
    width: 20px;
}
*/
.tw{
    padding-top: 2px;
}


/*初回アクセス時のビデオスタイル*/

#videowrap {
    display: none;
    background-color: #000;
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 2;
}

#videowrap video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-height: 50%;
    width: auto;
    height: auto;
    z-index: 1;
}


/*トップページビデオスタイル*/

.video_box a {
    opacity: 1;
}

#satamisaki_video {
    margin-right: 2%;
    width: 49%;
    min-height: 280px;
    overflow: hidden;
    position: relative;
    float: left;
}

#satamisaki_video video {
    position: absolute;
    /* 絶対配置 */
    top: 50%;
    /* 上から半分 */
    left: 50%;
    /* 左から半分 */
    width: 110%;
    /* 大枠と同じ幅に */
    /* 要素の大きさの半分引く（CSS3） */
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#ogawa_video {
    width: 49%;
    min-height: 280px;
    overflow: hidden;
    position: relative;
}

#ogawa_video video {
    position: absolute;
    /* 絶対配置 */
    top: 50%;
    /* 上から半分 */
    left: 50%;
    /* 左から半分 */
    width: 110%;
    /* 大枠と同じ幅に */
    /* 要素の大きさの半分引く（CSS3） */
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#panorama_video {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
    min-height: 280px;
    overflow: hidden;
    position: relative;
}

#panorama_video video {
    position: absolute;
    /* 絶対配置 */
    top: 50%;
    /* 上から半分 */
    left: 50%;
    /* 左から半分 */
    width: 100%;
    /* 大枠と同じ幅に */
    /* 要素の大きさの半分引く（CSS3） */
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#dragon_video {
    margin-right: 2%;
    width: 65%;
    min-height: 280px;
    overflow: hidden;
    position: relative;
    float: left;
}

#dragon_video video {
    position: absolute;
    /* 絶対配置 */
    top: 50%;
    /* 上から半分 */
    left: 50%;
    /* 左から半分 */
    width: 100%;
    /* 大枠と同じ幅に */
    /* 要素の大きさの半分引く（CSS3） */
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#maturi_video {
    width: 33%;
    min-height: 280px;
    overflow: hidden;
    position: relative;
}

#maturi_video video {
    position: absolute;
    /* 絶対配置 */
    top: 50%;
    /* 上から半分 */
    left: 50%;
    /* 左から半分 */
    width: 170%;
    /* 大枠と同じ幅に */
    /* 要素の大きさの半分引く（CSS3） */
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.video_title {
    position: absolute;
    bottom: 20px;
    right: 20px;
    padding: 8px 15px;
    font-weight: bold;
    border: solid 2px #fff;
    color: #fff;
    font-size: 15pt;
    background-color: rgba(37, 36, 36, 0.31);
}


/*ニュース＆イベントスタイル*/

#news_wrap {}

.news_cat {
    background: #018a9a;
    padding: 6px;
    color: #fff;
    font-size: 80%;
    border-radius: 10px;
    margin-left: 20px;
}

@media screen and (max-width: 1090px) {
    .news_cat {
        float: right;
    }
}

.news_list_date {
    padding: 2px;
    width: 50px;
    border: solid 2px #aaa;
    border-radius: 5px;
    text-align: center;
    float: left;
    margin-right: 15px;
    font-size: 11pt;
}

.news_list_date p {
    color: #777;
}

.news_list_title a {
    color: green;
}

.news_list_title {
    margin-bottom: 10px;
}

.news_data_wrap {
    border-bottom: solid 2px #aaa;
    margin-top: 15px;
    padding-bottom: 10px;
}

.news_list_excerpt {
    float: left;
}

.news_list_excerpt p {
    font-size: 11pt;
}

.news_list_tuzuki {
    text-align: right;
}

#itirannhe {
    margin-left: auto;
    margin-right: 0;
    width: 80px;
    text-align: center;
    border: solid 2px #aaa;
    padding: 4px;
    margin-top: 15px;
}

#itirannhe a {
    color: #777;
    font-size: 11pt;
}


/*トップへ戻るボタンスタイル*/

#pageTop {
    background-color: #fff;
    border: 3px solid rgba(37, 36, 36, 0.31);
    color: #aaa;
    font-weight: bold;
    padding: 2px 20px;
    position: fixed;
    bottom: 20px;
    right: 20px;
}

#pageTop span {
    color: #777;
    font-size: 30pt;
}

#pageTop:hover {}


/*topコンテンツのカテゴリ*/

.ch-grid {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}

.ch-grid:after,
.ch-item:before {
    content: "";
    display: table;
}

.ch-grid:after {
    clear: both;
}

.ch-grid li {
    width: 250px;
    height: 250px;
    display: inline-block;
    margin: 40px;
}

.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    cursor: default;
}

.ch-img-1 {
    background-image: url(../img/sata_category.jpg);
}

.ch-img-2 {
    background-image: url(../img/sasimi.jpg);
}

.ch-img-3 {
    background-image: url(../img/bort.jpg);
}

.ch-info {
    position: absolute;
    background: rgba(75, 148, 91, 0.8);
    width: inherit;
    height: inherit;
    border-radius: 50%;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    transform: scale(0);
}

.ch-info h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 22pt;
    margin: 0 30px;
    padding: 90px 0 0 0;
    height: 140px;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0, 0, 0, 0.3);
}

.ch-info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.ch-item:hover {
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
}

.ch-item:hover .ch-info {
    transform: scale(1);
    opacity: 1;
}

.ch-item:hover .ch-info p {
    opacity: 1;
}

.category_ch_title {
    display: none;
}


/*instagram*/

#insta_wrap {
    padding-bottom: 50px;
}

.insta_p p {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 10px;
    letter-spacing: 5px;
    color: #666;
}

.insta_h {
    padding-left: 5%;
    color: #57a53c;
    font-size: 40pt;
}

#insta_box {
    float: left;
    width: 30%;
    margin-left: 3%;
    margin-top: 5%;
}

#insta_box img {
    width: 100%;
}

#insta_box dd {
    margin: 0px auto;
}


/*カテゴリーシングル記事ーサブポストスタイル*/


/*googlestreetview*/

#map,
#svp {
    width: 100%;
    height: 500px;
    z-index: 0;
    display: none;
}

#p_category_t_topimg {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
}

#p_category_t_topimg img {
    border: none;
    width: 100%;
    position: absolute;
    height: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

div[id^="streetview_canvas"] {
    margin: 0 auto;
    width: 100%;
    height: 350px;
    display: none;
}

#main_title_sub {
    padding-bottom: 20px;
}

#main_post_kizi {
    padding-right: 300px;
    padding-left: 300px;
    padding-top: 60px;
    padding-bottom: 40px;
    font-size: 16pt;
}

#main_post_wrap {
    padding-right: 100px;
    padding-left: 100px;
    padding-top: 40px;
}

#main_post_wrap h1 {
    font-size: 35pt;
    letter-spacing: 10px;
    padding-bottom: 0;
}

#main_post_wrap p {
    font-size: 17pt;
    letter-spacing: 5px;
}

#main_title_sub {
    text-align: center;
}

#main_post_wrap img {}

.sub_post_wrap {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 30px;
    padding-top: 30px;
}

.sub_post_wrap img {
    width: 100%;
}

.sub_img_wrap {
    height: 300px;
    overflow: hidden;
    position: relative;
}

.sub_post_wrap video {
    width: 100%;
}

.sub_post_title {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 15pt;
    text-align: center;
    font-weight: bold;
}

.sub_post_kizi p {
    color: #fff;
    font-size: 15pt;
}

.sub_post_kizi {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90%;
    height: 250px;
    background-color: rgba(37, 36, 36, 0.55);
    padding: 40px;
}

.sub_post_wrap_video {
    width: 50%;
    padding: 2%;
    float: left;
}

.sub_post_wrap_video video {
    width: 100%;
}

#p_category_video_h2 {
    border: none;
    margin-top: 30px;
    border-bottom: 2px solid #777;
    font-size: 22pt;
    color: #777;
}

#tips {
    padding-right: 10%;
    padding-left: 10%;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 16pt;
}


/*カテゴリーページ*/

#category_info_wrap {
    padding-bottom: 15px;
}

#category_info {
    margin-bottom: 60px;
}

.category_info h2 {
    margin-top: 30px;
    margin-bottom: 50px;
    border: none;
    border-left: 5px solid green;
    padding-top: 0;
    padding-bottom: 0;
    height: 30px;
}

#category_spot_title h2 {
    margin-bottom: 60px;
}

#category_info p {
    margin-top: 15px;
    font-size: 15pt;
    padding: 8px;
    letter-spacing: 5px;
    border-bottom: 1px solid #777;
}

.tax_category_list {
    padding: 20px;
    padding-bottom: 40px;
    width: 33%;
    float: left;
    display: block;
}

.article {
    height: 70px;
}

.image_box img {
    width: 100%;
}

.link_button {
    margin-top: 15px;
    border: none;
    color: #fff;
    width: 40%;
}

.link_button a {
    padding: 5px;
    border: none;
    background-color: #4b4a48;
    font-size: 12px;
    color: #fff;
}

.clear_both {
    clear: both;
    height: 50px;
}

#t_category_title p {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
    letter-spacing: 4px;
}

#t_category_title h1 {
    font-size: 24pt;
    font-weight: normal;
    padding-bottom: 15px;
    border-bottom: solid 1px #666;
    letter-spacing: 3px;
}

#t_category_topimg {
    overflow: hidden;
    position: relative;
}

#t_category_topimg img {
    margin: 0;
    width: 100%;
}

.t_category_img_title {
    position: absolute;
    letter-spacing: 10px;
    bottom: 10%;
    right: 10%;
    padding-left: 20px;
    padding-right: 10px;
    border: solid 2px #fff;
    color: #fff;
    font-size: 17pt;
    background-color: rgba(37, 36, 36, 0.31);
}

.article_box p {
    color: green;
    font-size: 11pt;
    font-weight: bold;
}


/*foodsカテゴリー一覧*/

.tax_foods_list {
    width: 100%;
    clear: both;
}

.foods_image_box img {
    width: 30%;
    float: left;
}

.foods_article_box {
    width: 68%;
    float: right;
    margin-left: 10px;
}

.foods_article {
    height: auto;
    margin-bottom: 10px;
}

.foods_clear_both {
    height: 0;
}

dl.foods_dl_table dt {
    width: 10%;
    font-size: 12pt;
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 0;
    padding-right: 0;
}

dl.foods_dl_table dd {
    font-size: 12pt;
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 0;
}

.foods_area_title {
    border: none;
    font-weight: bold;
}

.foods_title {
    padding-top: 60px;
}

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

.foods_sub_img_wrap {
    height: 0;
    height: auto;
}

.foods_sub_post_kizi {
    display: block;
    width: 90%;
    position: relative;
    height: 0;
    height: auto;
    background-color: #fff;
    padding: 0;
    padding-top: 10px;
}

.foods_sub_post_kizi p {
    color: #000;
}


/*パンくずリスト*/

.breadcrumbs {
    font-size: 10pt;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #888;
    color: #fff;
}

.breadcrumbs span {
    color: #fff;
}


/*slicksliderスタイル*/

#category_spot img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

#category_spot h3 {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14pt;
}

#category_spot p {
    padding-right: 30px;
    padding-left: 30px;
    letter-spacing: 1px;
    font-size: 12pt;
}

@media screen and (max-width: 1090px) {
    #category_spot p {
        padding-right: 0px;
        padding-left: 0px;
        letter-spacing: 1px;
        font-size: 12pt;
    }
}

.category_spot_list {
    padding-left: 20px;
    padding-right: 20px;
}

.dl_tablelist dt {
    width: 15%;
    padding: 20px 10px 10px 10px;
}

.dl_tablelist dd {
    width: 85%;
    padding: 20px 10px 10px 10px;
}

.dl_tablelist dt,
.dl_tablelist dd {
    border-bottom: 1px solid #777;
}

.dl_tablelist {
    font-size: 15pt;
}


/***********協会について****************/

.underline {
    border-bottom: 1px solid #777;
}

.association_img_box {
    width: 30%;
    height: 200px;
    position: relative;
    overflow: hidden;
    float: right;
}

.association_img_box img {
    position: absolute;
    /* 絶対配置 */
    top: 50%;
    /* 上から半分 */
    left: 50%;
    /* 左から半分 */
    width: 150%;
    /* 大枠と同じ幅に */
    /* 要素の大きさの半分引く（CSS3） */
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.association_method1_p {
    width: 68%;
    float: left;
    margin-bottom: 50px;
}

#association_info_wrap {
    padding-bottom: 30px;
}

#association_info h2,
/*20211214 seguchi add st*/
#basutabiapp_wrap h2,
/*20211214 seguchi add ed*/
#access_wrap h2 {
    font-size: 18pt;
    margin-top: 40px;
    margin-bottom: 20px;
    border: none;
    border-left: 5px solid green;
    padding-top: 0;
    padding-bottom: 0px;
    /*20211214 seguchi del st*/
    /*height: 30px;*/
    /*20211214 seguchi del ed*/
}

#association_info p {
    font-size: 15pt;
    padding: 0px;
}


/*table*/

#association_table {
    margin-top: 40px;
    margin-bottom: 100px;
    width: 100%;
}

#association_table td {
    font-size: 14pt;
    padding: 15px;
}

#association_table .association_table_td1 {
    width: 25%;
}

#association_table .association_table_td2 {
    text-align: left;
    width: 75%;
}

#association_pbox {
    width: 200px;
    height: 150px;
    float: left;
}

#association_pdflink {
    width: 300px;
    background-color: green;
    margin: 0 auto;
    text-align: center;
    padding: 5px;
    margin-top: 40px;
}

#association_pdflink a {
    letter-spacing: 2px;
    color: #fff;
}


/***************access-page***************/

#access_wrap {}

#access_method_wrap {
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: hidden;
}

#access_method_method_wrap {
    overflow: scroll;
    height: 700px;
}

#access_img_wrap {
    width: 60%;
    float: left;
}

#access_img_wrap img {
    width: 100%;
}

#access_method {
    padding-top: 10px;
    width: 40%;
    float: right;
}

.access_method_method {
    border: 1px solid #777;
    padding: 8px 8px 30px 8px;
    margin: 40px 20px;
}

.access_method_method h3 {
    color: #278bd4;
}

.access_method_method p {
    border-bottom: 1px solid #999;
    padding-top: 15px;
}

#responsive_access_link {
    display: none;
}

#access_link_wrap table {
    margin-top: 25px;
    margin-bottom: 50px;
    width: 100%;
}

#access_link_wrap td {
    text-align: left;
    padding: 15px;
}

#access_link_wrap th {
    background-color: #fff;
    color: green;
    border: none;
    font-size: 15pt;
    padding-bottom: 10px;
    padding-left: 20px;
    text-align: left;
}

#access_link_wrap #access_th1 {
    width: 25%;
}

#access_link_wrap #access_th2 {
    width: 25%;
}

#access_link_wrap #access_th3 {
    width: 50%;
}


/*シングルページ*/

#single_wrap {
    margin-top: 80px;
}

.single_post_content p {
    padding: 10px 0;
}

.next_post_link {
    text-align: left;
    width: 43%;
}

.home_post_link {
    text-align: center;
    width: 14%;
}

.previous_post_link {
    text-align: right;
    width: 43%;
}

.next_post_link,
.home_post_link,
.previous_post_link {
    float: left;
}

.single_post_content {
    width: 90%;
    min-height: 100px;
    padding-top: 60px;
    margin: 0 auto;
}

.postlink_navi {
    margin-top: 100px;
    margin-bottom: 50px;
}

#responsive_honyaku {
    display: none;
}

.next_post_link {
    text-align: left;
    width: 50%;
}

.home_post_link {
    display: none;
}

.previous_post_link p {
    text-align: right;
}

.previous_post_link {
    margin-right: 0;
    margin-left: auto;
}

.previous_post_link {
    float: right;
}

.google_map_wrap {
    display: none;
}

ul.bogo-language-switcher li {
    margin: 10px;
    float: left;
}

ul.bogo-language-switcher li {
    list-style: none outside none;
    padding-left: 0px;
}

#responsive_topimg_wrap {
    display: none;
}

#sata_area_img {
    position: absolute;
    top: 320px;
    left: 334px;
}

#heta_area_img {
    position: absolute;
    top: 200px;
    left: 515px;
}

#kawakita_area_img {
    position: absolute;
    top: 115px;
    left: 615px;
}

#hetuka_area_img {
    position: absolute;
    top: 406px;
    left: 666px;
}

#area_btn_wrap {
    display: none;
}

.foods_detail_link {
    width: 130px;
}

.search_news_list_title {
    font-size: 16pt;
}


/*dl.event_tablelist dd:before {
    content: "";
}*/

.event_googlemap {
    display: block;
}

.privacy_wrap {
    margin-top: 30px;
}

.privacy_wrap ul {
    list-style-type: decimal;
}

.privacy_top_p {
    margin-bottom: 20px;
}

.comingsoon_h1 {
    font-size: 30pt;
    margin-top: 150px;
    height: 400px;
}

.responsive_news_list_date {
    display: none;
}

.skip {
    position: absolute;
    bottom: 150px;
    right: 300px;
}

.skip a {
    color: #fff;
    font-size: 18pt;
}

.aroundview {
    text-align: right;
    color: green;
}

.detail_checkbox {
    float: left;
    color: green;
    margin: 5px 5px 5px 5px;
    padding: 2px 10px 2px 10px;
    border: 1px solid green;
    border-radius: 5%;
}

.lodgement_detail_left {
    padding-top: 20px;
    width: 35%;
    float: left;
    font-size: 13pt;
}

dl.lodgement_detail_left dt {
    font-weight: bold;
    padding: 10px;
    padding-right: 0;
    width: 25%;
    border: none;
}

dl.lodgement_detail_left dd {
    padding: 10px;
    padding-left: 0;
    width: 75%;
    border: none;
    word-wrap: break-word;
    position: relative;
}

dl.lodgement_detail_left dd:before {
    content: "：";
    position: absolute;
    left: -14px;
}

dl.lodgement_detail_left dd.detail_left_bikou:before {
    padding-left: 20px;
    content: "";
}

dl.lodgement_detail_left dd.tizuwomiru:before {
    padding-left: 0;
}

dl.lodgement_detail_left dd.tizuwomiru {
    padding-top: 30px;
}

dl.lodgement_detail_left dd.tizuwomiru a {
    padding: 10px 40px 10px 40px;
    color: #fff;
    background-color: #4b4a48;
}

.lodgement_detail_right {
    padding-top: 20px;
    padding-left: 2%;
    width: 63%;
    float: right;
}

dl.lodgement_detail_right dt {
    font-weight: bold;
    padding: 10px 0px 0px 0px;
}

dl.lodgement_detail_right dd {
    padding: 10px 0px 0px 0px;
}

.lodgment_image_box_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.lodgment_image_box {
    position: relative;
    width: 48.5%;
    margin-right: 1.5%;
    height: 300px;
    /* overflow: hidden; */
}

.lodgment_image_box2 {
    position: relative;
    width: 48.5%;
    margin-left: 1.5%;
    /*	height: 300px;*/
    overflow: hidden;
}

.lodgment_image_box img {
    position: absolute;
    /* 絶対配置 */
    top: 0;
    /*
    top:50%;
*/
    left: 50%;
    /* 左から半分 */
    width: 100%;
    /* 大枠と同じ幅に */
    height: 100%;
    /* 要素の大きさの半分引く（CSS3） */
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    object-fit: cover;
    /*
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
*/
}

.area_search_image_box {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
}

.area_search_image_box img {
    position: absolute;
    /* 絶対配置 */
    top: 50%;
    /* 上から半分 */
    left: 50%;
    /* 左から半分 */
    width: 100%;
    /* 大枠と同じ幅に */
    /* 要素の大きさの半分引く（CSS3） */
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.area_search_list {
    width: 33%;
    float: left;
}

.area_search_display {
    display: none;
}

.area_search_clear {
    height: 0;
    border-bottom: solid 1px #777;
}

.omonazigyou_p {
    text-align: left;
}

.omonazigyou_ul {
    text-align: left;
    padding-left: 30px;
    list-style-type: decimal;
}

.nyukai_pc {
    display: block;
}

.nyukai_sp {
    display: none;
}

.privacy_ul {
    padding-left: 30px;
    margin-bottom: 60px;
}

#otoiawase_link {
    margin-top: 60px;
}

/* 20210823 nakashima add str */
.kyoukai_txt{
    font-size: 13pt;
}
.kaiin_ul {
    padding-left: 30px;
    margin-bottom: 20px;
}
.kaiin_link_cover{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 10px;
}
.kaiin_link_cover a{
    color: #fff;
    background-color: green;
    border-radius: 20px;
    padding: 6px 15px;
    margin: 10px 20px 0px;
}
/* 20210823 nakashima add end */


/**************過ごし方*****************************/

.spend_method h1 {
    margin-top: 100px;
    margin-bottom: 30px;
    font-size: 35pt;
    color: #74c3da;
    font-weight: bold;
    border-bottom: 2px solid #333;
}

.spend_method h2 {
    font-weight: bold;
    text-align: ;
    border: none;
    font-size: 25pt;
    color: #000000;
}

.spend_method p {
    padding-left: 60px;
    font-size: 17pt;
    color: #666;
}

.even h2 {
    text-align: center;
}

.even2 h2 {
    text-align: right;
}

.even2 h2.number {
    text-align: center;
}

.even2 p {
    width: 50%;
    margin: 0 0 0 auto;
}

.even p {
    text-align: center;
    width: 50%;
    margin: 0 0 0 auto;
}

.spend_box {
    /*	border:solid 1px #999;*/
    width: 100%;
    height: 400px;
    padding: 30px;
    position: relative;
}

.spend2,
.spend3,
.spend5 {
    /*	border:solid 1px #999;*/
    width: 100%;
    height: 700px;
    padding: 30px;
    position: relative;
}

.spend_method h2.number {
    font-size: 35pt;
    color: #74c3da;
}


/*.spend_wrap{
	position: relative;
	z-index: -2;
	top: 0;
    right: 0;
    background: url("img/sp_line4.png") no-repeat top center;
    background-size: auto 4190px;
}
*/

h2.center_line {
    text-align: center;
    font-size: 35pt;
    color: #74c3da;
    font-weight: bold;
}

h2.left_line {
    padding-left: 50px;
    text-align: left;
    font-size: 35pt;
    color: #74c3da;
    font-weight: bold;
}

.spend_box img {
    z-index: -1;
    position: absolute;
    top: 0px;
    left: 400px;
}

.spend2 img {
    z-index: -1;
    position: absolute;
    top: 180px;
    left: 100px;
}

.spend3 img {
    z-index: -1;
    position: absolute;
    top: 200px;
    left: 400px;
}

.spend3 h2 {
    margin-top: 10px;
}

.spend3 img.spend3_1 {
    z-index: -1;
    position: absolute;
    top: 100px;
    left: 800px;
}

.spend4 img {
    z-index: -1;
    position: absolute;
    top: 100px;
    left: -50px;
}

.spend5 img {
    z-index: -1;
    position: absolute;
    top: 100px;
    left: 450px;
    /*	top:100px;
	left: -200px;*/
}

h2.end {
    color: #74c3da;
    text-align: center;
    margin-top: 60px;
    margin-bottom: 60px;
}

.animation {
    color: #000;
}

.fadeInDown {
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -ms-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    visibility: visible !important;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}


/**************過ごし方終わり*****************************/

.category_title {
    margin-top: 100px;
    margin-bottom: 30px;
    font-size: 35pt;
    color: #74c3da;
    font-weight: bold;
    border-bottom: 2px solid #333;
}

.travel_wrap {
    position: relative;
}

.travel_wrap img {
    position: absolute;
    right: 0px;
    z-index: -1;
}

.travel_wrap h2 {
    border: none;
    font-size: 17pt;
    text-align: center;
    margin-bottom: 50px;
    font-weight: bold;
}

.travel_wrap p {
    margin-bottom: 50px;
}

.travel_pdf {
    text-align: center;
    color: #666;
    margin-bottom: 50px;
    font-size: 17pt;
}

.travel_coment {
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
    font-size: 15pt;
}

.travel_pdf a {
    border: 2px solid #666;
    padding: 15px;
    color: #fff;
    background-color: green;
}


/*会員ブログ*/

.member-blog {
    display: flex;
    flex-wrap: wrap;
}

.member-blog a {
    width: 25%;
}

@media screen and (max-width: 1090px) {
    .member-blog a {
        width: 100%;
    }
}

.member-blog a div {
    width: 100%;
    padding: 10px;
}

.member-blog a div img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.member-blog-date {
    font-size: 80%;
}


/*観光協会からのお知らせ*/

.banner-box {
    position: relative;
}

.banner-box>.mytabi_banner {
    margin: 60px 0;
}

.banner-box>.mytabi_banner img {
    width: 90%;
    height: 150px;
    object-fit: cover;
    margin: 0 auto;
}

.banner-box-sp {
    display: none;
}

@media screen and (max-width: 1090px) {
    .banner-box-sp {
        display: block;
    }
    .banner-box {
        display: none;
    }
}

.banner-box-sp>.mytabi_banner img {
    width: 100%;
    object-fit: cover;
    margin: 0 auto;
}

.slick-prev {
    top: 75px !important;
    left: 100px !important;
}

@media screen and (max-width: 1090px) {
    .slick-prev {
        display: none !important;
    }
}

.slick-prev:before {
    background: url(../img/prev-arrow.png);
    background-size: cover;
    font-size: 10px !important;
    background-position: center;
    content: "　" !important;
    padding: 5px 10px;
}

.slick-next {
    top: 75px !important;
    right: 100px !important;
}

@media screen and (max-width: 1090px) {
    .slick-next {
        display: none !important;
    }
}

.slick-next:before {
    background: url(../img/next-arrow.png);
    background-size: cover;
    font-size: 10px !important;
    background-position: center;
    content: "　" !important;
    padding: 5px 10px;
}

.osirase_wrap {
    margin-left: 12%;
    margin-right: 12%;
    border-top: solid 1px #999;
    padding-top: 60px;
    margin-top: 40px;
    margin-bottom: 80px;
}

.osirase_wrap h1 {
    font-weight: bold;
}

.osirase_wrap .clear_both {
    height: 0;
}

.osirase_detail {
    border-bottom: solid 1px #999;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.osirase_detail h2 {
    border: none;
    color: green;
    margin-top: 20px;
    margin-bottom: 30px;
    font-weight: bold;
    clear: both;
}

.osirase_detail h3 {
    width: 100px;
    font-weight: normal;
    text-align: right;
    color: #444;
    margin-left: 30px;
    margin-bottom: 5px;
    float: left;
    font-weight: bold;
}

.osirase_detail p {
    font-size: 14pt;
    padding-left: 160px;
    margin-bottom: 30px;
}

.osirase_detail p span {
    color: red;
}


/*************************************************************/


/*                       特設ページ                          */


/*************************************************************/

.photoroge_top {
    /*margin-top: 24px;*/
}

.photoroge_top img {
    width: 100%;
}

.photoroge_main h1 img {
    width: 100%;
}

.photoroge_main h2 {
    color: #fff;
    background: #45b638;
    font-weight: bold;
}

h2.photoroge_toph2 {
    background: #fff;
    color: #333;
    border: none;
    font-weight: bold;
    font-size: 200%;
    text-align: center;
}

.photoroge_setumei {
    letter-spacing: 3px;
    line-height: 30px;
}

.photoroge_jump {
    margin: 20px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.photoroge_jump a {
    font-weight: bold;
    color: #fff;
    background-color: #6eb4de;
    padding: 15px;
    border: solid 1px #ccc;
    margin: 10px;
    min-width: 200px;
    text-align: center;
}

.photoroge_syumoku {
    margin: 30px 0;
}

.photoroge_mousikomi {
    margin: 30px 0;
}

.photoroge_detail {
    margin: 30px 0;
}

.photoroge_syumoku table {
    margin: 20px 0;
    width: 100%;
}

.photoroge_syumoku table th {
    padding: 10px 0;
    background-color: #fff1e2;
}

.table_th1 {
    width: 10%;
}

.table_th2 {
    width: 30%;
}

.table_th3 {
    width: 20%;
}

.mousikomi_step1 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mousikomi_step2 {
    width: 23%;
    margin: 10px 1%;
}

.mousikomi_step3 {
    width: 75%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.step1_box {
    background-color: #fff1e2;
    height: 420px;
    width: 98%;
    margin: 0px 1%;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 10px;
}

.step2_box {
    background-color: #fff1e2;
    width: 31%;
    margin: 10px 1%;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 20px;
    letter-spacing: 0.2em;
    line-height: 1.2em;
}

.step3_box {
    background-color: #fff1e2;
    width: 70%;
    margin: 10px auto;
    border: solid 1px #ccc;
    border-radius: 5px;
    padding: 20px;
    letter-spacing: 0.2em;
    line-height: 1.2em;
}

.step3_box span {
    font-size: 200%;
    font-weight: bold;
}

.photoroge_nagare {
    margin: 30px 0;
}

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

.nagare_step_wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.nagare_step {
    font-size: 110%;
    background-color: #f1faf4;
    position: relative;
    padding: 20px;
    width: 70%;
    text-align: center;
    display: block;
    margin: 10px auto;
    border-radius: 10px;
    border: solid 2px green;
    letter-spacing: 0.2em;
    line-height: 1.5em;
}

.nagare_step img {
    position: absolute;
    bottom: 0;
    right: 0;
}

.nagare_arrow {
    width: 100%;
}

.nagare_arrow img {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    display: block;
}

.photoroge_detail dl {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.photoroge_detail dt {
    margin: 10px 0;
    width: 30%;
}

.photoroge_detail dd {
    line-height: 25px;
    margin: 10px 0;
    width: 70%;
}

.photoroge_detail_midasi {
    font-size: 120%;
    color: green;
    font-weight: bold;
}

.photoroge_nitizi {
    margin-top: 0;
}

.photoroge_nitizi dt {
    margin: 0;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    color: #005d8b;
    border-bottom: solid 1px #ccc;
    padding: 20px 0;
}

.photoroge_nitizi dd {
    line-height: 30px;
    margin: 0;
    padding: 20px 0;
    font-size: 120%;
    border-bottom: solid 1px #ccc;
}

span.furikomisaki {
    background: #f9f9f9;
    border: solid 1px #aaa;
    padding: 10px;
    margin-bottom: 10px;
    display: block;
    font-size: 90%;
}


/**************************************************スマホ***************************************/


/*display1200px以下の表示*/

@media screen and (max-width: 1400px) {
    /* 表示領域が1200px以下の場合に適用するスタイル */
    /*  #toptitle{
	text-align: center;
	letter-spacing:5px;
	}
*/
    .menu {
        padding-right: 10px;
        padding-left: 10px;
        letter-spacing: 2px;
    }
    #submenu {
        padding-left: 20px;
    }
    .menu2 {
        font-size: 10pt;
        padding-left: 7px;
    }
    .menu2 a {
        padding-right: 7px;
        letter-spacing: 2px;
        padding-left: 0px;
    }
    .ch-grid li {
        width: 230px;
        height: 230px;
        margin: 10px;
    }
    #satamisaki_video video {
        width: 150%;
        /* 大枠と同じ幅に */
    }
    #ogawa_video video {
        width: 150%;
        /* 大枠と同じ幅に */
    }
    #panorama_video video {
        width: 120%;
        /* 大枠と同じ幅に */
    }
    #dragon_video video {
        width: 110%;
        /* 大枠と同じ幅に */
    }
    #maturi_video video {
        width: 210%;
        /* 大枠と同じ幅に */
    }
}


/*display1200px以下の表示*/

@media screen and (max-width: 1090px) {
    /* 表示領域が1200px以下の場合に適用するスタイル */
    #videowrap {
        display: none;
    }
    #responsive_topimg_wrap {
        display: block;
    }
    .reponsive_topimg {
        margin-top: 0;
        margin-bottom: 10px;
        width: 100%;
        height: 250px;
        overflow: hidden;
        position: relative;
    }
    .reponsive_topimg img {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    #header_wrap,
    #post_wrap,
    #movei_wrap,
    #news_wrap,
    #category_wrap,
    #insta_wrap,
    #category_archive,
    #category_info_wrap,
    #tax_category_list_wrap,
    #t_category_title,
    #t_nantangourme_title,
    #t_nantangourme_sub_title,
    #tax_nantangourme_list_wrap,
    #nantangourme_category_info_wrap,
    .breadcrumbs,
    #association_info_wrap,
    #access_wrap,
    #single_wrap,
    #responsive_topimg_wrap,
    .spend_method,
    .travel_wrap,
    .photoroge_main,
    .mytabi_banner {
        padding-left: 5%;
        padding-right: 5%;
    }
    .breadcrumbs {
        display: none;
    }
    #topimage {
        position: relative;
        height: 250px;
    }
    @media screen and (max-width: 1090px) {
        #topimage {
            height: initial;
        }
    }
    #topimage_img {
        min-width: 400px;
    }
    #map_allwrap {
        display: none;
    }
    #movei_wrap {
        display: none;
    }
    .news_list_excerpt {
        /*width: 80%;*/
        clear: both;
    }
    .ch-grid li {
        display: block;
        margin: 60px auto;
    }
    #insta_box {
        width: 47%;
    }
    .category_ch_title {
        display: none;
    }
    #container {
        overflow: hidden;
        padding-top: 0;
    }
    #header_wrap {
        display: none;
    }
/*
    footer p {
        font-size: 5pt;
    }
    #footer_menu {
        display: none;
    }
*/
    #responsive_menu {
        display: block;
    }
    #responsive_menu a {
        opacity: 1;
    }
    #responsive_menu a:hover {
        color: #222;
        text-decoration: none;
    }
    .breadcrumbs {
        text-align: right;
        padding-left: 0;
    }
    #catch_copy {
        padding: 50px 0 50px 0;
    }
    .news_list_excerpt {
        float: none;
    }
    .tax_category_list {
        padding: 5px;
        padding-bottom: 40px;
        width: 100%;
        float: none;
        display: block;
        margin: 0 auto;
    }
    .tax_category_list img {
        width: 100%;
        height: auto;
    }
    #t_category_title h1 {
        font-size: 15pt;
    }
    .t_category_img_title {
        bottom: 10%;
        right: 10%;
        padding-left: 15px;
        padding-right: 5px;
        border: solid 2px #fff;
        color: #fff;
        font-size: 12pt;
        background-color: rgba(37, 36, 36, 0.31);
    }
    #p_category_t_topimg {
        height: 300px;
    }
    #t_category_topimg img {
        width: 1000px;
    }
    #main_post_kizi {
        padding-left: 7%;
        padding-right: 7%;
        font-size: 14pt;
    }
    #map,
    #svp {
        height: 300px;
    }
    #main_post_wrap {
        padding-left: 0;
        padding-right: 0;
    }
    .sub_post_kizi p {
        color: #444;
        font-size: 12pt;
    }
    .sub_post_kizi {
        display: block;
        position: relative;
        width: 95%;
        background-color: #fff;
        padding: 0px;
    }
    #tips {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 7%;
        padding-right: 7%;
        font-size: 12pt;
    }
    #tips_wrap h1 {
        padding-top: 0;
    }
    #videowrap {
        display: none;
    }
    #access_img_wrap {
        width: 100%;
        float: none;
    }
    #access_method {
        width: 100%;
        float: none;
    }
    #access_link_wrap table {
        display: none;
    }
    #responsive_access_link {
        padding-top: 20px;
        display: block;
    }
    #association_method1 p {
        width: 100%;
        float: none;
    }
    #association_method1 img {
        display: none;
    }
    #association_pbox {
        height: 300px;
    }
    .sub_post_wrap_video {
        width: 100%;
        float: none;
        margin-top: 30px;
    }
    .sub_img_wrap {
        height: auto;
    }
    .sub_post_kizi {
        height: auto;
    }
    .category_info h2 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #category_info {
        margin-bottom: 30px;
    }
    #category_spot_title h2 {
        margin-bottom: 30px;
    }
    .dl_tablelist dt {
        width: 100%;
        border-bottom: none;
    }
    .dl_tablelist dd {
        width: 100%;
        border-bottom: 3px double #777;
    }
    #single_wrap {
        padding-top: 100px;
        margin-top: 0;
    }
    .next_post_link {
        text-align: left;
        width: 50%;
    }
    .home_post_link {
        display: none;
    }
    .previous_post_link p {
        text-align: right;
    }
    .previous_post_link {
        margin-right: 0;
        margin-left: auto;
    }
    .previous_post_link {
        float: right;
    }
    .single_post_content {
        padding-top: 30px;
    }
    .postlink_navi {
        margin-top: 30px;
    }
    #single_wrap h1 {
        padding-bottom: 0;
        text-align: left;
        padding-left: 5%;
        padding-right: 5%;
    }
    #main_post_wrap h1 {
        font-size: 15pt;
        font-weight: bold;
    }
    #main_post_wrap p {
        font-size: 13pt;
        padding-bottom: 10px;
    }
    #responsive_serch {
        padding: 5%;
    }
    .resuponsive_menu_li {
        text-align: center;
        border-bottom: solid 1px #444;
        /*	color:#666;*/
    }
    .resuponsive_menu_li a,
    .resuponsive_menu_li i {
        /*	color:#666;*/
    }
    #t_category_title p {
        text-align: left;
    }
    #responsive_honyaku {
        width: 100%;
        display: block;
        font-size: 9pt;
        text-align: right;
        position: fixed;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.58);
    }
    #responsive_honyaku .clear_both {
        height: 0;
    }
    #responsive_honyaku_wrap {
        margin-left: auto;
        margin-right: 0;
    }
    .responsive_honyaku_li {
        float: left;
        padding-top: 2px;
        padding-right: 9px;
    }
    #responsive_topimg_rogo {
        display: block;
        z-index: 1;
        width: 100%;
        position: absolute;
    }
    /*#topimg_of_rogo{
	position: absolute;
	width: 100px;
	opacity: 0.7;
	top: 90px;
	left: 0;
  	right: 0;
 	 margin:0 auto;
	z-index: 1;
}*/
    #topimg_of_rogo {
        position: fixed;
        width: 45px;
        opacity: 0.9;
        top: 26px;
        left: 2px;
        /* right: 0; */
        /* margin: 0 auto; */
        z-index: 1;
    }
    #pageTop {
        background-color: #fff;
        border: 3px solid rgba(37, 36, 36, 0.31);
        color: #aaa;
        font-weight: bold;
        padding: 2px 20px;
        position: fixed;
        bottom: 20px;
        right: 20px;
    }
    #pageTop span {
        color: #777;
        font-size: 15pt;
        font-weight: bold;
    }
    .drawer-menu li {
        text-align: center;
    }
    .insta_p p {
        text-align: left;
    }
    .ch-info {
        position: absolute;
        background: rgba(115, 115, 115, 0.6);
        width: inherit;
        height: inherit;
        border-radius: 50%;
        overflow: hidden;
        opacity: 0;
        transition: all 0.4s ease-in-out;
        transform: scale(0);
    }
    .ch-item:hover {
        box-shadow: none;
    }
    .ch-item:hover .ch-info {
        transform: scale(1);
        opacity: 1;
    }
    .ch-item:hover .ch-info p {
        opacity: 1;
    }
    .ch-item {
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
    }
    .ch-item .ch-info {
        transform: scale(1);
        opacity: 1;
    }
    .ch-item .ch-info p {
        opacity: 1;
    }
    .dl_tablelist dt {
        padding: 20px 10px 5px 10px;
    }
    .dl_tablelist dd {
        padding: 0px 10px 10px 10px;
    }
    #access_method_wrap {
        overflow: auto;
        height: auto;
    }
    #access_method_method_wrap {
        overflow: auto;
        height: auto;
    }
    .google_map_wrap {
        display: block;
        padding-right: 5%;
        padding-left: 5%;
        padding-bottom: 20px;
    }
    .google_map_wrap h2 {
        border: none;
        border-left: 5px solid green;
        padding-top: 0;
        padding-bottom: 0;
        height: 30px;
    }
    .category_spot_list {
        padding-left: 0px;
        padding-right: 0px;
    }
    ul.bogo-language-switcher li {
        margin: 5px 10px 5px 10px;
    }
    .video_title {
        text-align: center;
        position: absolute;
        /* 絶対配置 */
        top: 90%;
        /* 上から半分 */
        left: 50%;
        /* 左から半分 */
        right: auto;
        bottom: auto;
        width: 110%;
        /* 大枠と同じ幅に */
        /* 要素の大きさの半分引く（CSS3） */
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        padding: 8px 15px;
        font-weight: bold;
        border: none;
        color: #fff;
        font-size: 15pt;
        background-color: rgba(37, 36, 36, 0.31);
    }
    .news_list_date {
        display: none;
    }
    .responsive_news_list_date {
        display: block;
        color: #777;
    }
    .foods_article_box {
        width: 100%;
        float: right;
        margin-left: 10px;
    }
    dl.foods_dl_table {
        display: none;
    }
    .foods_detail_link {
        margin-bottom: 20px;
    }
    .foods_sub_post_wrap {
        width: 100%;
        float: none;
    }
    #area_btn_wrap {
        display: block;
    }
    #area_btn_wrap ul li {
        text-align: center;
        border: solid 1px #888;
        margin: 5px;
        padding: 3px;
    }
    .lodgement_detail_left {
        width: 100%;
        clear: both;
        font-size: 13pt;
    }
    .lodgement_detail_right {
        padding-left: 2%;
        width: 100%;
        clear: both;
    }
    dl.lodgement_detail_left dd.detail_left_bikou:before {
        padding-left: 0px;
        content: "";
    }
    dl.lodgement_detail_left dt {
        border-bottom: solid 1px #777;
        width: 100%;
    }
    dl.lodgement_detail_left dd {
        text-align: left;
        padding-left: 20px;
        width: 100%;
    }
    .lodgment_image_box {
        position: static;
        width: 100%;
        margin-right: 0;
        /*	height: 300px;*/
        overflow: hidden;
        clear: both;
    }
    .lodgment_image_box img {
        display: block;
        position: relative;
        top: 50%;
        left: 50%;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .lodgment_image_box2 {
        display: none;
    }
    dl.lodgement_detail_left dt.detail_left_bikou {
        height: 0px;
        padding: 0px;
        border-bottom: none;
    }
    dl.lodgement_detail_left dd.tizuwomiru a {
        padding: 10px 40px 10px 40px;
        color: #fff;
        background-color: #4b4a48;
    }
    dl.lodgement_detail_left dd.tizuwomiru {
        text-align: center;
    }
    .association_img_box {
        display: none;
    }
    .association_method1_p {
        width: 100%;
        float: left;
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .nyukai_pc {
        display: none;
    }
    .nyukai_sp {
        display: block;
    }
    #association_info p {
        font-size: 13pt;
        padding: 0px;
    }
    /*過ごし方*/
    .spend_method h1 {
        margin-top: 50px;
        margin-bottom: 100px;
        font-size: 20pt;
        color: #74c3da;
        border-bottom: 2px solid #333;
    }
    .spend_method h2 {
        font-weight: bold;
        text-align: ;
        border: none;
        font-size: 20pt;
        color: #000;
    }
    .spend_method p {
        padding-left: 0px;
        font-size: 13pt;
        color: #666;
    }
    .even h2 {
        text-align: center;
    }
    .even2 h2 {
        text-align: left;
    }
    .even2 h2.number {
        text-align: center;
    }
    .even2 p {
        width: 100%;
        margin: 0 0 0 auto;
    }
    .even p {
        text-align: center;
        width: 120%;
        margin: 0 0 0 auto;
    }
    .spend_box {
        /*	border:solid 1px #999;*/
        width: 100%;
        height: 300px;
        padding: 0px;
        position: relative;
    }
    .spend2,
    .spend3,
    .spend5 {
        /*	border:solid 1px #999;*/
        width: 100%;
        height: 420px;
        padding: 0px;
        position: relative;
    }
    .spend_method h2.number {
        font-size: 35pt;
        color: #74c3da;
    }
    .spend_box img {
        width: 400px;
        z-index: -1;
        position: absolute;
        top: -25px;
        left: 210px;
    }
    .spend2 img {
        width: 300px;
        z-index: -1;
        position: absolute;
        top: 140px;
        left: 20px;
    }
    .spend3 img {
        width: 250px;
        z-index: -1;
        position: absolute;
        top: 260px;
        left: 150px;
    }
    .spend3 img.spend3_1 {
        z-index: -1;
        position: absolute;
        top: 140px;
        left: 270px;
        overflow: hidden;
    }
    .spend4 img {
        z-index: -1;
        position: absolute;
        top: 200px;
        left: 310px;
    }
    .spend5 img {
        z-index: -1;
        position: absolute;
        top: 120px;
        left: 230px;
    }
    h2.center_line,
    h2.left_line,
    h2.start {
        color: #74c3da;
    }
    h2.end {
        font-size: 25pt;
        margin-bottom: 80px;
        color: #74c3da;
    }
    /*.spend_wrap{
	position: relative;
	z-index: -2;
	top: 0;
    right: 0;
    background: url("img/sp_line4.png") no-repeat top center;
    background-size: auto 2790px;
}*/
    .travel_wrap img {
        width: 100px;
        position: absolute;
        top: 40px;
        right: 0px;
        z-index: -1;
    }
    .osirase_wrap {
        margin-right: 5%;
        margin-left: 5%;
    }
    .osirase_wrap .clear_both {
        height: 0;
    }
    .osirase_detail {
        border-bottom: solid 1px #999;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .osirase_detail h2 {
        border: none;
        color: green;
        margin-top: 20px;
        margin-bottom: 30px;
        font-weight: bold;
        clear: both;
    }
    .osirase_detail h3 {
        width: 80px;
        font-weight: normal;
        text-align: right;
        color: #444;
        margin-left: 0px;
        margin-bottom: 5px;
        float: left;
    }
    .osirase_detail p {
        padding-left: 80px;
        margin-bottom: 30px;
    }
}


/**************************スマホ終わり**********************************************************/

@media screen and (max-width: 800px) {
    .nagare_step img {
        display: none;
    }
    .mytabi_banner {
        margin: 30px 0;
    }
    .nagare_step {
        width: 100%;
    }
    .step3_box {
        width: 98%;
    }
}

@media screen and (max-width: 700px) {
    h2.photoroge_toph2 {
        background: #fff;
        color: #333;
        border: none;
        font-weight: bold;
        font-size: 130%;
        text-align: center;
    }
    .step1_box {
        height: 550px;
    }
    .photoroge_detail dt {
        margin: 10px 0;
        width: 100%;
    }
    .photoroge_detail dd {
        padding-left: 20px;
        margin: 10px 0;
        width: 100%;
    }
    .photoroge_nitizi dt {
        margin: 0;
        text-align: left;
        font-weight: bold;
        font-size: 120%;
        color: #005d8b;
        border-bottom: none;
        padding: 10px 0;
    }
    .photoroge_nitizi dd {
        margin-top: 0;
        padding-top: 0;
    }
    .nagare_arrow img {
        width: 30px;
        height: 30px;
        margin: 0 auto;
        display: block;
    }
    .photoroge_main h1 img {
        width: 110%;
        position: relative;
        right: 5%;
    }
}

@media screen and (max-width: 500px) {
    /* 表示領域が500px以下の場合に適用するスタイル */
    .step2_box {
        background-color: #fff1e2;
        width: 98%;
        margin: 10px 1%;
        border: solid 1px #ccc;
        border-radius: 5px;
        padding: 10px;
    }
    .spend_box {
        /*	border:solid 1px #999;*/
        width: 100%;
        height: auto;
        padding: 0px;
        position: relative;
    }
    .spend5 {
        /*	border:solid 1px #999;*/
        width: 100%;
        height: 500px;
        padding: 0px;
        position: relative;
    }
    .spend_method p {
        text-align: center;
    }
    .spend_method h2 {
        font-weight: bold;
        text-align: ;
        border: none;
        font-size: 20pt;
        color: #74c3da;
    }
    .spend_box img {
        width: 100%;
        z-index: -1;
        position: relative;
        top: 0px;
        left: 0px;
    }
    .spend2 img {
        width: 100%;
        z-index: -1;
        position: relative;
        top: 0px;
        left: 0px;
    }
    .spend3 img {
        z-index: -1;
        position: relative;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }
    .spend3 img.spend3_1 {
        display: none;
    }
    .spend4 img {
        z-index: -1;
        position: relative;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }
    .spend5 img {
        z-index: -1;
        position: relative;
        top: 0px;
        left: 0px;
        overflow: hidden;
    }
    h2.center_line,
    h2.left_line,
    h2.start {
        display: block;
    }
    h2.left_line {
        padding-left: 0px;
        text-align: center;
        font-size: 20pt;
        color: #74c3da;
        font-weight: bold;
    }
    .spend_method h1 {
        margin-top: 50px;
        margin-bottom: 50px;
        font-size: 20pt;
        color: #74c3da;
        border-bottom: 2px solid #333;
    }
    .even p {
        width: 120%;
        margin: 0 0 0 auto;
    }
    h2.end {
        font-size: 15pt;
        margin-bottom: 80px;
    }
    .category_title {
        margin-top: 50px;
        margin-bottom: 50px;
        font-size: 20pt;
        color: #74c3da;
        border-bottom: 2px solid #333;
    }
    ul.bogo-language-switcher li {
        font-size: 7pt;
        margin: 5px 0px 5px 10px;
    }
    .travel_pdf a {
        border: 2px solid #666;
        padding: 15px;
        color: #fff;
        background-color: green;
        font-size: 8pt;
    }
    .travel_wrap h2 {
        border: none;
        font-size: 17pt;
        text-align: left;
        margin-bottom: 50px;
        font-weight: bold;
    }
    .travel_coment {
        text-align: left;
        padding-left: 5%;
        padding-right: 5%;
        font-size: 15pt;
    }
}


/************************** スマホ終わり２**************************************************** */

@media screen and (max-width: 400px) {
    /* 表示領域が1200px以下の場合に適用するスタイル */
    .reponsive_topimg {
        height: 200px;
    }
}


/* 2017-02-02 kitamura */


/***************************************************************************************************/


/* 宿泊施設一覧
/***************************************************************************************************/

.lodgement_list_container {
    width: 100%;
    padding: 25px 12%;
}

.lodgement_list_container h2 {
    font-size: 140%;
    background: #eee;
    border-bottom: 1px solid #ccc;
}

.lodgement_list_container h3 {
    font-size: 130%;
    margin-bottom: 15px;
}

@media screen and (max-width: 1090px) {
    .lodgement_list_container .dl_tablelist dd:before {
        display: none;
    }
}

@media screen and (max-width: 800px) {
    .lodgement_list_container {
        padding: 25px 5%;
    }
    .lodgement_list_container h2 {
        font-size: 120%;
    }
    .lodgement_list_container h3 {
        font-size: 110%;
    }
}


/* 2019-03-14 siomitu */


/***************************************************************************************************/


/***動画一覧   始まり*************************************************************************/


/***************************************************************************************************/


/*------ＰＣ版始まり----------------------*/

.youtubechannel a {
    font-weight: bold;
    color: #d23627;
    text-decoration: underline;
    /*	background			: #D23627;*/
    padding: 5px;
    letter-spacing: 1.5px;
}

.content-whiteback {
    width: 100%;
    display: -webkit-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-direction: row;
    flex-direction: row;
    margin: 10px auto 30px auto;
    /*	background			: #fff;*/
    padding: 5px;
    flex-wrap: wrap;
}

.content-whiteback .onephotobox {
    -webkit-flex-basis: 32%;
    flex-basis: 32%;
    padding: 10px;
    margin: 10px 5px;
    background: #fff;
}

.onephotobox h3 {
    text-align: left;
    padding-top: 5px;
    color: green;
    font-weight: bold;
}

.onephotobox p {
    padding-top: 5px;
    padding-bottom: 5px;
}

.movie_box {
    position: relative;
    width: 100%;
    height: auto;
}

.onephotobox .movie_box img {
    width: 100%;
    margin: 0;
}

.movie_box iframe {
    width: 100%;
    display: block;
}


/*------スマホ版始まり----------------------*/

@media screen and (max-width: 1090px) {
    .content-whiteback {
        width: 100%;
        display: block;
    }
    .page_inside {
        width: 100%;
        padding: 20px 0;
        margin: 0 auto;
    }
}


/***************************************************************************************************/


/***動画一覧   終わり*************************************************************************/


/***************************************************************************************************/


/* 2017-06-14 Nishiyama */


/***************************************************************************************************/


/***なんたんグルメ   始まり*************************************************************************/


/***************************************************************************************************/


/*------ＰＣ版始まり----------------------*/

.tax_nantangourme_list {
    padding: 20px;
    padding-bottom: 40px;
    width: 33%;
    float: left;
    display: block;
}

.nantangourme_article_box p {
    color: green;
    font-size: 11pt;
    font-weight: bold;
}

.nantangourme_image_box img {
    width: 250px;
    height: 250px;
}

.nantangourme_article {
    height: 70px;
    font-size: 12pt;
    color: #696969;
}

#t_nantangourme_title p {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
    letter-spacing: 4px;
}

#t_nantangourme_title h1 {
    font-size: 18pt;
    font-weight: normal;
    padding-bottom: 15px;
    letter-spacing: 3px;
    background: linear-gradient(transparent 95%, #ff8c00 95%);
}

#t_nantangourme_title h2 {
    text-align: center;
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    text-shadow: 2px 2px 1px #ff8c00, -2px 2px 1px #ff8c00, 2px -2px 1px #ff8c00, -2px -2px 1px #ff8c00;
    padding-bottom: 15px;
    letter-spacing: 3px;
    border: none;
}

#t_nantangourme_title h3 {
    text-align: center;
    padding-top: 20px;
}

.nantangourme_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #ff8c00;
    border: solid 2px #ff8c00;
    border-radius: 3px;
    transition: 0.4s;
}

.nantangourme_btn:hover {
    background: #ff8c00;
    color: white;
}

ul.nav {
    padding: 0px;
}

ul.nav li {
    display: inline-block;
    padding: 5px;
    background: #ff8c00;
    width: 100px;
    text-align: center;
}

ul.nav li a {
    color: #fff;
    text-decoration: none;
}

#nantangourme_main_post {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 40px;
    font-size: 16pt;
    font-weight: normal;
}

.nantangourme_post_wrap {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 30px;
    padding-top: 0;
}

.nantangourme_post_wrap img {
    width: 100%;
}

.nantangourme_img_wrap {
    height: 300px;
    overflow: hidden;
    position: relative;
}

.nantangourme_post_wrap video {
    width: 100%;
}

.nantangourme_post_title {
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 15pt;
    text-align: center;
    font-weight: bold;
}

.nantangourme_post_kizi p {
    color: #fff;
    font-size: 13pt;
}

.nantangourme_post_kizi {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 90%;
    height: 250px;
    background-color: rgba(37, 36, 36, 0.55);
    padding: 40px;
}

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

.foods_nantangourme_sub_img_wrap {
    height: 0;
    height: auto;
}

.foods_nantangourme_sub_post_kizi {
    display: block;
    width: 90%;
    position: relative;
    height: 0;
    height: auto;
    background-color: #fff;
    padding: 0;
    padding-top: 10px;
}

.foods_nantangourme_sub_post_kizi p {
    color: #000;
    font-size: 13pt !important;
}

#t_nantangourme_sub_title p {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 10px;
    letter-spacing: 4px;
}

#t_nantangourme_sub_title h1 {
    font-size: 14pt;
    font-weight: normal;
    padding-bottom: 15px;
    letter-spacing: 3px;
    border-bottom: solid 1px #ff8c00;
    background: url(../img/nantan_icon1.png) no-reprat;
}

#nantangourme_category_info_wrap {
    padding-bottom: 0;
}

#nantangourme_category_info {
    margin-bottom: 0;
}

.nantangourme_category_info h2 {
    margin-top: 30px;
    margin-bottom: 10px;
    border: none;
    border-left: 5px solid green;
    padding-top: 0;
    padding-bottom: 0;
    height: 30px;
}

#nantangourme_category_info p {
    margin-top: 15px;
    font-size: 15pt;
    padding: 8px;
    letter-spacing: 5px;
    border-bottom: 1px solid #777;
}

.foods_nantangourme_staff_post_kizi {
    display: block;
    width: 90%;
    position: relative;
    height: 0;
    height: auto;
    padding: 0;
    padding-top: 10px;
}

.foods_nantangourme_staff_post_kizi p {
    color: #000;
    font-size: 13pt !important;
}

.category_spot_list {
    padding-left: 20px;
    padding-right: 20px;
}

.dl_tablelist_nantangourme dt {
    width: 15%;
    height: 240px;
    padding: 20px 10px 10px 10px;
}

.dl_tablelist_nantangourme dd {
    width: 85%;
    height: 240px;
    padding: 20px 10px 10px 10px;
}

.dl_tablelist_nantangourme dt,
.dl_tablelist_nantangourme dd {
    border-bottom: 1px solid #777;
}

.dl_tablelist_nantangourme {
    font-size: 15pt;
}

.dl_tablelist_nantangourme2 dt {
    width: 15%;
    height: 100px;
    padding: 20px 10px 10px 10px;
}

.dl_tablelist_nantangourme2 dd {
    width: 85%;
    height: 100px;
    padding: 20px 10px 10px 10px;
}

.dl_tablelist_nantangourme2 dt,
.dl_tablelist_nantangourme2 dd {
    border-bottom: 1px solid #777;
}

.dl_tablelist_nantangourme2 {
    font-size: 15pt;
}

#t_nantangourme_topimg {
    overflow: hidden;
    position: relative;
}

#t_nantangourme_topimg img {
    margin: 0;
    width: 100%;
}


/*ピンの位置*/

#pin21 img,
#single_pin21 img {
    position: absolute;
    top: 130px;
    left: 670px;
}

#pin22 img,
#single_pin22 img {
    position: absolute;
    top: 130px;
    left: 650px;
}

#pin23 img,
#single_pin23 img {
    position: absolute;
    top: 158px;
    left: 735px;
}

#pin24 img,
#single_pin24 img {
    position: absolute;
    top: 215px;
    left: 590px;
}

#pin25 img,
#single_pin25 img {
    position: absolute;
    top: 240px;
    left: 570px;
}

#pin26 img,
#single_pin26 img {
    position: absolute;
    top: 307px;
    left: 405px;
}

.nantangourme_popup {
    position: absolute;
    width: 280px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.79);
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.2);
    padding: 10px;
    z-index: 1;
}

.nantangourme_popup p {
    margin-top: 15px;
}


/*ポップアップの位置top-260 left-180*/

#popup21 {
    top: 80px;
    left: 690px;
    display: none;
}

#popup22 {
    top: 80px;
    left: 630px;
    z-index: 1;
    display: none;
}

#popup23 {
    top: 108px;
    left: 755px;
    display: none;
}

#popup24 {
    top: 165px;
    left: 570px;
    display: none;
}

#popup25 {
    top: 190px;
    left: 550px;
    display: none;
}

#popup26 {
    top: 257px;
    left: 385px;
    display: none;
}


/*------ＰＣ版終わり----------------------*/


/*------タブレット版始まり----------------*/


/*display1200px以下の表示*/

@media screen and (max-width: 1400px) {
    /* 表示領域が1200px以下の場合に適用するスタイル */
}


/*display1200px以下の表示*/

@media screen and (max-width: 1090px) {
    /* 表示領域が1200px以下の場合に適用するスタイル */
    .tax_nantangourme_list {
        padding: 5px;
        padding-bottom: 40px;
        width: 100%;
        float: none;
        display: block;
        margin: 0 auto;
    }
    .tax_nantangourme_list img {
        width: 100%;
        height: auto;
    }
    #t_nantangourme_title h1 {
        font-size: 15pt;
    }
    #t_nantangourme_title p {
        text-align: left;
    }
    .foods_nantangourme_sub_post_wrap {
        width: 100%;
        float: none;
    }
    .nantangourme_post_kizi p {
        color: #444;
        font-size: 12pt;
    }
    .nantangourme_post_kizi {
        display: block;
        position: relative;
        width: 95%;
        background-color: #fff;
        padding: 0px;
    }
    .nantangourme_post_kizi {
        height: auto;
    }
    .nantangourme_category_info h2 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #nantangourme_category_info {
        margin-bottom: 30px;
    }
    .dl_tablelist_nantangourme dt {
        width: 100%;
        height: auto;
        border-bottom: none;
    }
    .dl_tablelist_nantangourme dd {
        width: 100%;
        height: auto;
        border-bottom: 3px double #777;
    }
    .dl_tablelist_nantangourme dd:before {
        display: none;
    }
    .dl_tablelist_nantangourme2 dt {
        width: 100%;
        height: auto;
        border-bottom: none;
    }
    .dl_tablelist_nantangourme2 dd {
        width: 100%;
        height: auto;
        border-bottom: 3px double #777;
    }
    .dl_tablelist_nantangourme2 dd:before {
        display: none;
    }
}


/*-----タブレット版終わり----------------*/


/***なんたんグルメ   終わり*************************************************************************/


/********** 雄川の滝情報 ************* 2017/12/04 kawano add*/

.ogawa_info {
    position: absolute;
    right: 10px;
    top: 0;
    width: 320px;
    display: flex;
}

.ogawa_info_text {
    width: calc(100% - 100px;
    );
    padding: 10px 0 0 10px;
    width: 230px;
}

.ogawa_info p {
    color: #fff;
    font-size: 90%;
}

.ogawa_info_text p span {
    color: yellow;
    font-weight: bold;
    font-size: 105%;
}

.ogawa_info_text p:first-child {
    border-bottom: solid 1px #fff;
    font-size: 110%;
    margin-bottom: 10px;
    text-indent: 1em;
    padding-bottom: 5px;
}

.ogawa_info img {
    padding-top: 5px;
    width: 90px;
    height: 90px;
}

.ogawa_info_front {
    margin: 0 12%;
    padding: 15px;
    margin-top: 50px;
    border: solid 1px #dadada;
}

.ogawa_info_front h2 {
    font-weight: bold;
    border: none;
    border-bottom: solid 1px #dadada;
}

.ogawa_info_front h3 {
    text-align: center;
    border: none;
    margin: 30px;
    font-weight: normal;
    color: #000;
    letter-spacing: 0.1em;
}

.ogawa_info_front h3 span {
    color: red;
    font-weight: bold;
    font-size: 120%;
}

@media screen and (max-width: 1090px) {
    .ogawa_info_front {
        margin: 0 5%;
        margin-top: 30px;
    }
    .ogawa_info_front h3 {
        margin: 0;
    }
}


/********************************cafe********************************/

.cafe_title img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-top: 100px;
}

.cafe_title div {
    display: block;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
}

.cafe_box {
    display: flex;
    max-width: 965.22px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.cafe_circlebox {
    /*display: flex;*/
    /*width: 300px;*/
    max-width: 897.56px;
    margin-top: ;
    flex: 1;
    margin-left: 50px;
    margin-right: 50px;
    /*padding-left: 120px;*/
}

.shop_circlebox {
    /*display: flex;*/
    /*max-width: 300px;*/
    max-width: 897.56px;
    flex: 1;
    margin-left: 50px;
    margin-right: 50px;
    /*padding-right: 120px;*/
}

.cafe_circlebox img {
    flex: 1;
    width: 100%;
    max-width: 300px;
    /*margin-top: 100px;
	margin-bottom: 100px;*/
    margin-left: 41.3px;
    /*position: absolute;*/
    border-radius: 50%;
}

.shop_circlebox img {
    flex: 1;
    width: 100%;
    max-width: 300px;
    /*margin-top: 100px;
	margin-bottom: 100px;*/
    margin-left: 41.3px;
    /*position: absolute;*/
    border-radius: 50%;
}

.cafe_box2 {
    display: flex;
    flex-wrap: wrap-reverse;
    max-width: 965.22px;
    margin-left: auto;
    margin-right: auto;
}


/*.cafe_box2 div{
	max-width: 300px;
}*/

.cafe_syokai {
    flex: 2;
}

.cafe_box2 div img {
    max-width: 300px;
    width: 100%;
}

.coffee_sweets {
    margin-left: 32.61px;
    margin-right: 32.61px;
}

.cafe_box2 div h3 {
    color: #937a6d;
    text-align: center;
}

.cafe_menu {
    max-width: 800px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.menu_soft {
    display: flex;
    flex-wrap: wrap;
    max-width: 965.22px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.soft_img {
    max-width: 250px;
    max-height: 250px;
    border-radius: 50% 50% 50% 50%/70% 60% 50% 30%;
    flex: 1;
    margin-bottom: 20px;
}

.soft_r {
    width: 450px;
    display: flex;
    flex-wrap: wrap;
    flex: 2;
    min-width: 360px;
}

.soft_r img {
    height: 30px;
    padding-left: 50px;
    margin-top: 10px;
}

.r_menu {
    height: 50px;
}

.menu_tea {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    max-width: 965.22px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.tea_img {
    max-width: 250px;
    max-height: 250px;
    border-radius: 50% 50% 50% 50%/70% 60% 50% 30%;
    flex: 1;
    margin-bottom: 20px;
}

.tea_r {
    width: 450px;
    display: flex;
    flex-wrap: wrap;
    flex: 2;
    min-width: 360px;
}

.tea_r img {
    height: 30px;
    padding-left: 50px;
    margin-top: 20px;
}

.r_menu {
    height: 50px;
    flex: auto;
    padding-left: 50px;
    width: 400px;
    margin: 0 auto;
}

.attention_text {
    text-align: right;
}

.cafe_text {
    height: 25px;
    width: 150px;
    background-color: #09cbc7;
    border-radius: 7px;
    margin-top: 10px;
}

.cafe_text h4 {
    color: #fff;
    text-align: center;
}

.cafe_menu p {
    padding-left: 50px;
}

.cafe_price {
    padding-left: 50px;
}

.coffee_sweets2 {
    margin-left: 32.61px;
    margin-right: 32.61px;
}

.cafe_fm {
    max-width: 400px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.cafe_ft {
    color: #09cbc7;
    margin-top: 10px;
}

.cafe_bd {
    border-bottom: solid 1px #acd598;
}

.shop_flex {
    display: flex;
    max-width: 965.22px;
    margin: 0 auto;
}

.shop_flex div {
    min-width: 300px;
    margin-left: 10px;
    margin-right: 10px;
}

.shop_flex div img {
    max-width: 300px;
    width: 100%;
}

.ogawat {
    margin-top: 50px;
}

.jus-t {
    margin-right: 40px;
}

.bord_m {
    border-radius: 10% 10% 10% 10%;
}

.cafe_instagram {
    max-width: 965.22px;
    width: 100%;
    margin: 50px auto 0;
}

.insta_flex {
    display: flex;
    flex-wrap: wrap;
    max-width: 965.22px;
}

.insta_step1 {
    width: 300px;
    height: 100%;
}

.insta_step2 {
    width: 365px;
    height: 100%;
}

.insta_step3 {
    width: 300px;
    height: 100%;
}

.insta_attention {
    margin-top: 40px;
}

.insta_attention h3 {
    color: #fff;
    text-align: center;
}

.insta_attention h4 {
    color: #696969;
}

.insta_attention p {
    color: #696969;
}

.insta_banner {
    max-width: 600px;
    width: 100%;
    margin: 150px auto 0;
}

@media screen and (max-width: 1090px) {
    .cafe_circlebox img {
        margin-left: 0;
    }
    .cafe_box2 {
        /*display: block;*/
    }
    .cafe_box2 div {
        /*height: 350px;*/
        margin-top: 50px;
        max-width: 100%;
    }
    .cafe_box2 div img {
        max-width: 100%;
        height: 200px;
    }
    .coffee_sweets {
        margin-left: 0;
        margin-right: 0;
    }
    .lunch img {
        object-fit: cover;
    }
    .coffee_sweets img {
        object-fit: cover;
        object-position: 100% 90%;
    }
    .cafe_terrasse img {
        object-fit: cover;
    }
    /*.cafe_box2 div p{
	text-align: center;
	}*/
    .coffee_sweets2 {
        margin-left: 0;
        margin-right: 0;
    }
    .coffee_sweets2 img {
        object-fit: cover;
    }
    .cafe_title div p {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }
    .cafe_cont {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }
    .cafe_time {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        text-align: right;
    }
    .bord_m {
        border-radius: 0;
    }
    .insta_attention {
        width: 80%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 820px) {
    .cafe_circlebox img {
        margin-left: 0;
    }
    .shop_circlebox img {
        margin-left: 0;
    }
}

@media screen and (max-width: 720px) {
    .soft_img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .tea_img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .soft_r {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: table-cell;
    }
    .tea_r {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        display: table-cell;
    }
    .soft_r img {
        padding-left: 0;
        margin-top: 20px;
    }
    .tea_r img {
        padding-left: 0;
        margin-top: 20px;
    }
    /*	.soft_r div{
		width: 100%;
	}

	.tea_r div{
		width: 100%;
	}*/
    .cafe_text {
        width: 150px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
    }
    .r_menu {
        padding: 0;
    }
    .cafe_menu p {
        padding-left: 0;
    }
    .cafe_price {
        padding-left: 0;
    }
    .cafe_box {
        margin-bottom: 0;
        display: block;
    }
    .cafe_circlebox {
        margin: 50px auto 50px;
        max-width: 300px;
    }
    .shop_circlebox {
        margin: 0 auto;
        max-width: 300px;
    }
    .attention_text {
        text-align: center;
    }
    /*.cafe_title div p{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}

	.cafe_cont{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}
	.cafe_time{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		text-align: right;
	}*/
    .shop_flex {
        display: block;
    }
    .shop_flex div {
        text-align: center;
    }
    .cafe_fm {
        width: 350px;
    }
    .ogawat {
        margin-top: 0;
    }
    .insta_step1 {
        width: 300px;
        height: 100%;
        margin: 0 auto;
    }
    .insta_step2 {
        width: 365px;
        height: 100%;
        margin: 0 auto;
    }
    .insta_step3 {
        width: 300px;
        height: 100%;
        margin: 0 auto;
    }
}


/*釣り情報*/

.fishing-wrap h2 {
    font-size: 18pt;
    margin-top: 40px;
    margin-bottom: 20px;
    border: none;
    border-left: 5px solid green;
    padding-top: 0;
    padding-bottom: 0px;
    height: 30px;
}

.fishing-box {
    display: flex;
    flex-wrap: wrap;
}

.fishing-item {
    padding: 10px;
    width: 25%;
}

.fishing-item2 {
    padding: 10px;
    width: 50%;
}

@media screen and (max-width: 1090px) {
    .fishing-item {
        width: 50%;
    }
}

@media screen and (max-width: 620px) {
    .fishing-item {
        width: 100%;
    }
}

@media screen and (max-width: 620px) {
    .fishing-item2 {
        width: 100%;
    }
}

.fishing-sub-item {
    padding: 10px;
    width: 50%;
}

@media screen and (max-width: 1090px) {
    .fishing-sub-item {
        padding: 10px;
        width: 100%;
    }
}

.fishing-sub-item input {
    width: 100%;
}

.fishing-sub-item textarea {
    width: 100%;
}

.fishing-item-border {
    border: 1px solid #191919;
    padding: 10px;
    background: #f9f9f9;
}

.fishing-wrap h3 {
    margin-bottom: 10px;
}

.fishing-wrap dl {
    padding-left: 20px;
}

.fishing-wrap dl dt {
    font-weight: bold;
}

.fishing-wrap dl dd {
    margin-left: 1em;
    margin-bottom: 15px;
}

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


/******************************** 混雑情報 ********************************/


/* 情報基本 */

.delay_information {
    margin: 0 16%;
    padding-bottom: 40px;
    /* text-align: center; */
    color: #444;
}

.delay_information_ttl {
    font-size: 1.2em;
    font-weight: bold;
    color: #f00;
    text-align: center;
    margin-bottom: 20px;
}

.delay_information_ind {
    font-weight: bold;
    line-height: 1.6em;
    margin-bottom: 20px;
}

.delay_information_det {
    padding: 0 10px;
}

.icon_info_img {
    text-align: center;
    padding-top: 50px;
}

.delay_cover {
    padding: 0 12%;
    margin-bottom: 120px;
}

.delay_content {}

.delay_title_cover {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 40px;
    background: rgba(0, 0, 0, 0.7);
}

.delay_title {
    font-size: 1.5em;
    color: #fff;
    padding-right: 20px;
}

.delay_select {
    padding: 2px 10px;
    font-size: 1.1em;
    border: none;
    border-bottom: 1px solid #000;
    margin-left: auto;
}

.delay_none {
    padding-top: 20px;
    padding-left: 60px;
    font-weight: bold;
    color: #228b22;
    font-size: 1.2em;
}


/* ライブ情報 */

.live_info {
    display: none;
    padding-top: 40px;
    font-weight: bold;
    color: #228b22;
    text-align: center;
    font-size: 1.1;
}

.live_info span {
    color: #228b22;
}

.live_info span:last-child {
    font-size: 1.2em;
    color: #ff0033;
    padding: 3px 20px;
    border-radius: 10px;
    background-color: #efe;
}

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

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


/* カレンダーテーブル */

.delay_carender {
    margin: 30px auto;
}

.delay_carender table {
    border-bottom: 3px solid #000;
    width: 100%;
}

.delay_carender table tr:first-child {
    border-bottom: 3px solid #000;
}

.delay_carender table th,
.delay_carender table td {
    background-color: transparent;
    border: none;
    padding: 10px 0px;
}

.delay_carender table td {
    padding: 10px 30px;
}

.delay_carender table .delay_day {
    font-weight: bold;
}

.delay_carender img {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

.delay_tr {
    display: none;
}

.delay_tr_active_1 {
    display: table-row;
}

.delay_tr_active_2 {
    display: table-row;
}

.delay_carender table .delay_tr_ttl th {
    font-weight: bold;
    line-height: 15px;
}


/* カレンダー詳細 */

.delay_tr_detail {
    display: none;
}

.delay_tr_detail_active {
    display: table-row;
}

.delay_tr_detail_pearent {
    border-top: 2px solid #000;
}

.delay_tr_detail table {
    width: 100%;
}

.delay_tr_detail table th,
.delay_tr_detail table td {
    padding: 10px 10px;
}

.delay_tr_detail table {
    border-top: 1px solid #000;
    border-bottom: 2px solid #000;
}

.delay_tr_detail table tr:first-child {
    border-top: 1px solid #000;
    border-bottom: none;
}

.delay_tr_detail table tr {
    border-top: 1px solid #aaa;
}

.delay_small_memo {
    display: none;
}

@media screen and (max-width: 1000px) {
    .icon_info_img {
        padding-top: 30px;
    }
    .icon_info_img img {
        width: 100%;
        object-fit: cover;
    }
}

@media screen and (max-width: 800px) {
    .delay_small {
        display: none;
    }
    .delay_small_memo {
        display: table-row;
    }
    .delay_select {
        font-size: 1em;
    }
    .delay_information {
        margin: 0 5%;
    }
    .delay_cover {
        padding: 0 5%;
        margin-bottom: 120px;
    }
    .delay_none {
        padding: 20px 5px;
        margin: 0 auto;
        font-weight: bold;
        font-size: 1em;
    }
    .delay_title_cover {
        padding: 6px 20px;
    }
    .delay_carender table th,
    .delay_carender table td {
        background-color: transparent;
        border: none;
        padding: 8px 20px;
    }
    .delay_carender img {
        width: 40px;
        height: 40px;
        object-fit: cover;
    }
    .delay_tr_detail table th,
    .delay_tr_detail table td {
        padding: 6px 5px;
    }
    .delay_tr_detail table th {
        width: 80px;
    }
}


/******************************** バス旅 ********************************/


/* コンテナ */

.bus_conainer {
    width: 1200px;
    padding-top: 95px;
    margin: 0 auto;
    position: relative;
    background-image: url(../img/bus_trip/back_line_new_250407.png);
    z-index: 0;
}


/* ページロゴ */

.page_logo_cover {
    padding-top: 100px;
    position: relative;
    width: 100%;
    text-align: center;
}

.page_logo_cover img {
    /* width: 400px; */
    height: 144px;
}


/* 見出し */

.bus_index_cover {
    margin-top: 300px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-color: #fff;
}

.bus_index_cover_f {
    margin-top: 180px;
}

.bus_index_cover img {
/*    height: 4em;*/
}

.bus_index_cover div p {
    padding: 2px 10px;
    font-size: 1.2em;
    /* font-weight: bold; */
}

.bus_index_cover div p span {
    font-size: 1.5em;
    padding-right: 4px;
}

.bus_index_othre {
    font-size: 1.4em;
}


/* 文章 */

.bus_text_cover {
    margin-top: 350px;
    background-color: #fff;
}

.bus_text_cover div {
    text-align: center;
}

.bus_text_cover .bus_text_title {
    font-size: 1.6em;
    line-height: 1.4em;
    font-weight: bold;
}

.bus_text_cover .bus_text_detail {
    padding-top: 30px;
    line-height: 2em;
}


/* コンテンツ */

.bus_content_cover {
    padding-top: 300px;
}

.bus_content {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    height: 500px;
}

.bus_content div {
    position: absolute;
    z-index: -10;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 10px 40px;
    font-weight: bold;
    font-size: 1.3em;
}

.bus_content img {
    position: absolute;
    z-index: -20;
    right: 0;
    top: 0;
    width: 800px;
    height: 500px;
    object-fit: cover;
}

.bus_content_text {
    margin-top: 30px;
    line-height: 2em;
    text-align: center;
    background-color: #fff;
}


/* 佐多岬 */

.bus_content_1 div {
    left: 50px;
    top: 80px;
}

.bus_content_1 img {
    right: 0;
    top: 0;
}


/* 雄川の滝 */

.bus_content_2 div {
    right: 50px;
    bottom: 80px;
}

.bus_content_2 img {
    left: 0;
    top: 0;
}


/*  */

.bus_content_3 div {
    left: 50px;
    top: 80px;
}

.bus_content_3 img {
    right: 0;
    top: 0;
}


/* バス旅案内 */

.bus_info_cover {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 12%;
    background-color: #fff;
}

.bus_info_content {
    width: 50%;
    padding: 30px 8%;
}

.bus_info_ttl {
    font-size: 1.6em;
    text-align: center;
    color: #fff;
    background-color: #33ba22;
    padding: 4px 0px;
}

.bus_info_ind {
    font-weight: bold;
    text-align: center;
    padding-top: 40px;
}

.bus_info_det {
    padding-top: 40px;
}

.bus_info_link {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding-top: 10px;
    color: blue;
}


/* 背景線路 */

.back_line {
    height: 100%;
    width: 100%;
    background-image: url(../img/bus_trip/back_line_new_250407.png);
    /* position: fixed; */
    z-index: 0;
}

.blank_cover {
    width: 1200px;
    height: 220px;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 1;
}

.level_3 {
    position: relative;
    z-index: 300;
}


/* バスアニメーション */

.bus_img_ani {
    height: 30px;
    width: 100vw;
    position: relative;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    /* z-index: -1; */
    animation-name: bus_img_ani_img-move2;
    animation-duration: 0.2s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-fill-mode: both;
    animation-play-state: running;
}

@keyframes bus_img_ani_img-move2 {
    0% {
        bottom: 20px;
    }
    100% {
        bottom: 22px;
    }
}

.bus_img_ani .bus_img_ani_img {
    height: 30px;
    object-fit: cover;
    position: absolute;
    left: calc(0% - 100px);
}

.bus_img_ani_img {
    animation-name: bus_img_ani_img-move;
    animation-duration: 8s;
    animation-timing-function: linear;
    animation-delay: 1s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: both;
    animation-play-state: running;
}

@keyframes bus_img_ani_img-move {
    0% {
        left: calc(0% - 100px);
    }
    100% {
        left: calc(100% + 50px);
    }
}

@media screen and (max-width: 1200px) {
    .bus_conainer {
        width: 1000px;
        background-image: url(../img/bus_trip/back_line_1000_new_250407.png);
    }
    .bus_content {
        width: 1000px;
        height: 500px;
    }
    .bus_content img {
        width: 820px;
        height: 460px;
    }
    .bus_index_cover {
        margin-top: 350px;
    }
    .bus_index_cover_f {
        margin-top: 180px;
    }
    .bus_text_cover {
        margin-top: 300px;
    }
    .bus_content_cover {
        padding-top: 250px;
    }
    .bus_info_content {
        padding: 20px 4%;
    }
}

@media screen and (max-width: 1090px) {
    .bus_conainer {
        width: 100%;
        background-size: contain;
        background-image: url(../img/bus_trip/back_line_s.png);
    }
    .page_logo_cover {
        padding-top: 60px;
    }
    .bus_content {
        width: 100%;
        height: 300px;
    }
    .bus_content img {
        width: 70%;
        height: 300px;
    }
    .bus_index_cover {
        margin-top: 350px;
    }
    .bus_index_cover_f {
        margin-top: 140px;
    }
    .bus_text_cover {
        margin-top: 240px;
    }
    .bus_content_cover {
        padding-top: 200px;
    }
    .bus_info_content {
        padding: 20px 4%;
    }
}

@media screen and (max-width: 850px) {
    .page_logo_cover img {
        width: 50%;
        object-fit: cover;
        height: auto;
    }
    .page_logo_cover .bus_img_ani img {
        height: 30px;
        width: auto;
    }
    .bus_index_cover,
    .bus_text_cover,
    .bus_content_cover,
    .bus_info_content {
        background-color: transparent;
    }
    .bus_index_cover img,
    .bus_index_cover p,
    .bus_text_cover div {
        background-color: #fff;
    }
}

@media screen and (max-width: 650px) {
    .page_logo_cover img {
        width: 65%;
    }
    .bus_info_cover {
        padding: 10% 30px;
    }
    .bus_info_content {
        width: 100%;
    }
    .bus_info_ind,
    .bus_info_det {
        padding-top: 18px;
    }
    .bus_index_cover {
        margin-top: 200px;
    }
    .bus_index_cover_f {
        margin-top: 80px;
    }
    .bus_text_cover {
        margin-top: 180px;
    }
    .bus_content_cover {
        padding-top: 150px;
    }
    .bus_text_cover .bus_text_title {
        font-size: 1.1em;
    }
    .bus_index_cover div p span,
    .bus_index_othre {
        font-size: 1.1em;
        font-weight: bold;
    }
    .bus_content div,
    .bus_index_cover div p {
        font-size: 1em;
    }
    .bus_text_detail,
    .bus_content_text {
        padding: 0 3%;
    }
    .bus_index_cover img {
        height: 3em;
    }
    .bus_text_detail br,
    .bus_content_cover br {
        display: none;
    }
    .bus_info_ttl {
        font-size: 1.1em;
        font-weight: bold;
    }
}

/* バス旅ポップアップ告知 */
.pop_info_cover{
    position: fixed;
    text-align: center;
    border: 4px solid red;
    border-radius: 10px;
    padding: 10px;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 90%;
    background-color: rgba(250,250,250,0.9);
    z-index: 500;
}
.pop_info_cover.pop_active{
    top: 50%;
    bottom: unset;
    transform: translate(-50%, -50%);
}
.pop_active_content{
    display: none;
}
.pop_active .pop_active_content{
    display: block;
}
.pop_info_cover .ttl{
    font-weight: bold;
    padding-bottom: 10px;
}
.pop_info_cover .det{
    padding-bottom: 15px;
}
.pop_info_closebtn{
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 40px;
    width: 40px;
    line-height: 40px;
    background-color: rgba(200,200,200,0.8);
    border-radius: 50%;
    cursor: pointer;
}
.pop_active .pop_stanby_content{
    display: none;
}
.pop_stanby_content{
    font-weight: bold;
    cursor: pointer;
}

/************************************************************
************************* 体験ページ *************************
************************************************************/

/***** タイトル *****/

.experience_page #main_post_wrap {
    text-align: right;
}

.experience_page #main_post_wrap h3 {
    display: inline-block;
    margin-left: auto;
    font-size: 125%;
    padding: 4px 20px;
    background-color: #228b22;
    border-radius: 30px;
    color: #fff;
}

/***** コンテンツ *****/

.experience_page .experience_box {
    max-width: 1000px;
    margin: 180px auto 0;
}

/* 見出し */

.experience_page .experience_box .ttl {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    font-weight: bold;
    margin-bottom: 60px;
}

.experience_page .experience_box .ttl::after {
    content: '';
    width: 100%;
    height: 60%;
    position: absolute;
    top: 18px;
    left: 20px;
    background-color: #d5eef7;
    z-index: -1;
}

.experience_page .experience_box .ttl h2 {
    font-size: 160%;
    margin: 0;
    padding: 0;
    border: none;
}

/*　詳細 */

.experience_page .experience_box .experience_content {
    position: relative;
    width: 100%;
    height: 320px;
    margin-bottom: 160px;
}

.experience_page .experience_box .experience_content .right {
    right: 0;
}

.experience_page .experience_box .experience_content .left {
    left: 0;
}

.experience_page .experience_box .experience_content .img_box {
    position: absolute;
    width: 70%;
    height: 300px;
}

.experience_page .experience_box .experience_content .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.experience_page .experience_box .experience_content .txt_box {
    position: absolute;
    bottom: 0;
    width: 50%;
    background-color: rgba(240, 240, 240, 0.9);
    padding: 20px 30px;
    font-size: 90%;
}

/***** 料金プラン *****/

.experience_page .experience_box.plan {
    max-width: 1200px;
    margin: 180px auto 100px;
    padding-top: 60px;
    border-top: 2px solid #3e63f4;
}

/* 詳細 */

.experience_page .experience_box.plan .txt {
    margin-bottom: 30px;
}

/* タイムフロー */

.experience_page .experience_box.plan .time {
    margin-bottom: 30px;
}

.experience_page .experience_box.plan .time .ind {
    margin-bottom: 15px;
}

.experience_page .experience_box.plan .time .box {
    display: flex;
    flex-wrap: wrap;
}

.experience_page .experience_box.plan .time .box>div {
    width: calc(20% - 30px);
    margin: 5px 0px;
    margin-right: 30px;
    padding: 10px 4px 5px;
    background-color: #d5eef7;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

.experience_page .experience_box.plan .time .box>div::after {
    content: '';
    background-color: #d5eef7;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: -45px;
    transform: translateY(-50%);
    border-top: 20px solid #fff;
    border-bottom: 20px solid #fff;
    border-left: 20px solid #6aa7cd;
}

.experience_page .experience_box.plan .time .box>div:last-child:after {
    content: '';
    background-color: #fff;
    border: none;
}

.experience_page .experience_box.plan .time .box>div:nth-child(even){
    background-color: #eee;
}

.experience_page .experience_box.plan .time .box>div>div:first-child {
    font-size: 80%;
    width: 100%;
}

.experience_page .experience_box.plan .time .box>div>div:last-child {
    color: #777;
    width: 100%;
}

.experience_page .experience_box.plan .time .box>div>div:last-child span{
    font-size: 150%;
    color: #333;
    margin-right: 2px;
}

/* 必要な物 */

.experience_page .experience_box.plan .item {
    margin-bottom: 30px;
}

.experience_page .experience_box.plan .item .ind {
    margin-bottom: 15px;
}

.experience_page .experience_box.plan .item .box {
    /* display: flex;
    flex-wrap: wrap; */
    display: block;
}

.experience_page .experience_box.plan .item .box>div{
    margin-right: 20px;
}

/* プラン一覧 */

.experience_page .experience_box.plan .plan_cover {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.experience_page .experience_box.plan .plan_cover>li .plan_ttl {
    font-size: 120%;
    font-weight: normal;
    color: #000;
    text-align: center;
    width: auto;
}

.experience_page .experience_box.plan .plan_cover>li {
    width: 31%;
    padding: 20px;
    background-color: #d5eef7;
    margin: 20px 1% 0;
}

.experience_page .experience_box.plan .plan_cover>li table {
    width: 100%;
}

.experience_page .experience_box.plan .plan_cover>li table tr {
    border: none;
    border-bottom: 1px solid #777;
}

.experience_page .experience_box.plan .plan_cover>li table th, .experience_page .experience_box.plan .plan_cover>li table td {
    padding: 20px 5px 4px;
    border: none;
    background-color: transparent;
}

.experience_page .experience_box.plan .plan_cover>li table th {
    font-size: 70%;
    vertical-align: bottom;
    color: #777;
    width: 25%;
    text-align: right;
}

.experience_page .experience_box.plan .plan_cover>li table td {
    width: 75%;
}

/* 詳細 */

.experience_page .experience_box.plan .biko {
    margin-top: 20px;
    font-size: 90%;
    color: #777;
}

@media screen and (max-width: 1200px) {
    #container.experience_page{
        padding: 95px 4% 0px;
    }
}

@media screen and (max-width: 1090px) {
    #container.experience_page{
        padding-top: 60px;
    }
    .experience_page .experience_box.plan .plan_cover>li {
        width: 45%;
        margin: 20px 2% 0;
    }
    /* 時間フロー */
    .experience_page .experience_box.plan .time .box>div {
        width: calc(25% - 30px);
    }
}

@media screen and (max-width: 800px) {
    /* アイコン */
    .experience_page #main_post_wrap h3 {
        font-size: 80%;
    }
    /* 見出し */
    .experience_page .experience_box .ttl{
        margin-bottom: 20px;
    }
    .experience_page .experience_box .ttl::after {
        top: 10px;
        left: 12px;
    }
    .experience_page .experience_box .ttl h2 {
        font-size: 100%;
    }
    /* PRポイント */
    .experience_page .experience_box .experience_content .img_box {
        height: 240px;
        width: 90%;
    }
    .experience_page .experience_box .experience_content .txt_box {
        width: 80%;
        min-height: 100px;
    }
    .experience_page .experience_box .experience_content .txt_box {
        font-size: 80%;
    }
    /* 時間フロー */
    .experience_page .experience_box.plan .time {
        font-size: 80%;
    }
    .experience_page .experience_box.plan .time .box>div {
        width: calc(33% - 30px);
    }
    /* 必要な物 */
    .experience_page .experience_box.plan .item {
        font-size: 80%;
    }
    /* 体験プラン */
    .experience_page .experience_box.plan .txt{
        font-size: 90%;
    }
    .experience_page .experience_box.plan .plan_cover>li .plan_ttl{
        font-size: 100%;
    }
    .experience_page .experience_box.plan .plan_cover>li table th {
        font-size: 65%;
    }
    .experience_page .experience_box.plan .plan_cover>li table td {
        font-size: 90%;
    }
    /* 備考 */
    .experience_page .experience_box.plan .biko {
        font-size: 60%;
    }
}

@media screen and (max-width: 600px) {
    /* PRポイント */
    .experience_page .experience_box{
        margin-top: 40px;
    }
    .experience_page .experience_box .experience_content{
        margin-bottom: 80px;
    }
    .experience_page .experience_box .experience_content .txt_box {
        padding: 10px 15px;
        font-size: 75%;
    }
    /* 時間フロー */
    .experience_page .experience_box.plan .time .box>div {
        width: calc(33% - 20px);
        font-size: 40%;
        margin-right: 20px;
    }
    .experience_page .experience_box.plan .time .box>div::after {
        width: 20px;
        height: 40px;
        right: -25px;
        border-top: 20px solid #fff;
        border-bottom: 20px solid #fff;
        border-left: 10px solid #6aa7cd;
    }
    /* 体験プラン */
    .experience_page .experience_box.plan .plan_cover>li {
        width: 90%;
        margin: 0 auto 20px;
    }
}
/*20220322 seguchi add st*/
/* イベントカレンダー */
.xo-event-calendar{
    position: unset!important;
}
.content_cover .content {
    max-width: 1000px;
    margin: 180px auto 0;
}
/*20220322 seguchi add ed*/

/*20220414 seguchi add st*/
/* アクセス */
.experience_page .experience_box.plan .access{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.experience_page .experience_box.plan .access div{
    width: 50%;
}
.experience_page .experience_box.plan .access div:last-child{
    padding: 30px;
}
.experience_page .experience_box.plan .access div iframe{
    width: 100%;
}
@media screen and (max-width: 800px) {
    .experience_page .experience_box.plan .access div{
        width: 100%;
    }
    .experience_page .experience_box.plan .access div:last-child{
        padding: 0;
    }
}
/*20220414 seguchi add ed*/


/*20211214 seguchi add st*/
/************************************************************
************************* バス旅アプリ *************************
************************************************************/
.basutabiapp_topimage{
    max-width:1200px;
    width: 100%;
    margin: 0 auto;
}
.basutabiapp_topimage img{
    width: 100%;
}

.basutabiapp_content{
    max-width:1200px;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
}

.basutabiapp_tirasiimage{
    max-width:1000px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px auto;
}

.basutabiapp_tirasiimage img{
    width: 49%;
    margin-top: 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
@media screen and (max-width: 800px) {
    .basutabiapp_tirasiimage img{
        width: 100%;
    }
}

.basutabiapp_buttonflex{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
}

.basutabiapp_button{
    margin: 10px;
}

.basutabiapp_button a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 1em 2em;
    width: 200px;
    color: #2285b1;
    font-size: 18px;
    font-weight: 700;
    border: 3px solid #a0c4d3;
    border-radius: 10px;
}

.basutabiapp_button a::after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 3px solid #2285b1;
    border-right: 3px solid #2285b1;
    transform: rotate(45deg);
}

.basutabiapp_button a:hover {
    color: #333333;
    text-decoration: none;
    background-color: #a0c4d3;
}

.basutabiapp_button a:hover::after {
    border-top: 3px solid #333333;
    border-right: 3px solid #333333;
}
/*20211214 seguchi add ed*/


/*20220301 seguchi add st*/
/************************************************************
************************* 会員情報 *************************
************************************************************/
.member_boxwrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.member_boxwrap a{
    display: block;
    width: calc(100% / 3 - 10px);
    margin-top: 20px;
    height: 150px;
    background-color: #f9f9f9;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: relative;
}
@media screen and (max-width: 800px) {
    .member_boxwrap a{
        width: calc(100% / 2 - 10px);
    }
}

.member_boxwrap a div{
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.member_boxwrap a div i{
    font-size: 80px;
    color: green;
}

.member_boxwrap a div p{
    margin-top: 10px;
    font-size: 90%!important;
    text-align: center;
}

.member_wrap{
    display: none;
    width: 90%;
    max-width: 800px;
    height: calc(100vh - 200px);
    background-color: rgba(255, 255, 255, 1);
    z-index: 0;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    top: 150px;
    border: 1px solid #d3d3d3;
    padding: 30px;
    overflow-y:scroll;
}

.member_wrap table{
    width: 100%;
}

.member_wrap table tbody td{
    text-align: left;
}

.member_wrap table tbody td:last-child{
    text-align: center;
}

.member_wrap table tbody td a{
    color: green;
}

.round_btn {
    display: block;
    position: absolute;
    right: 30px;
    width: 30px;
    height: 30px;
    border: 2px solid #333;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}

.round_btn::before, .round_btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 22px;
    background: #333;
}

.round_btn::before {
    transform: translate(-50%,-50%) rotate(45deg);
}

.round_btn::after {
    transform: translate(-50%,-50%) rotate(-45deg);
}
/*20220301 seguchi add st*/

/*20220711 seguchi add st*/
/************************************************************
************************* 空中テント *************************
************************************************************/
#tent{
    max-width: 1200px;
    margin: 0 auto;
}

#tent .tent_title{
    margin: 100px auto 0;
    position: relative;
    max-width: 400px;
}

#tent .tent_title h1{
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0;
}

#tent .tent_title p{
    text-align: center;
    margin-top: 0;
    font-size: 120%;
}

#tent .tent_title .tent_titlebar{
    width: 100%;
    display: block;
    height: 8px;
    object-fit: cover;
}

#tent .tent_title .tent_titleleft{
    position: absolute;
    left: 20px;
    bottom: 10px;
    width: 50px;
}

#tent .tent_title .tent_titleright{
    position: absolute;
    right: 20px;
    bottom: 10px;
    width: 50px;
}

#tent .tent_content1{
    margin-top: 50px;
}

#tent .tent_content1 p{
    text-align: center;
    line-height: 30px;
    padding: 20px 30px;
}

#tent .tent_content2{
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#tent .tent_content2 >h3{
    display: none;
}
@media screen and (max-width: 800px) {
    #tent .tent_content2 >h3{
        display: block;
        margin: 0 auto 20px;
        font-size: 120%;
        text-align: center;
    }
}

#tent .tent_content2 img{
    width: 70%;
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
}
@media screen and (max-width: 800px) {
    #tent .tent_content2 img{
        width: 100%;
        padding: 10px;
    }
}

#tent .tent_content2 >div{
    width: 30%;
    padding: 20px 30px;
}
@media screen and (max-width: 800px) {
    #tent .tent_content2 >div{
        width: 100%;
    }
}

#tent .tent_content2 >div h3{
    margin-bottom: 20px;
}
@media screen and (max-width: 800px) {
    #tent .tent_content2 >div h3{
        display: none;
    }
}

#tent .tent_content2 >div p{
    line-height: 30px;
}

#tent .tent_content3{
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#tent .tent_content3 >h3{
    display: none;
}
@media screen and (max-width: 800px) {
    #tent .tent_content3 >h3{
        display: block;
        margin: 0 auto 20px;
        text-align: center;
        font-size: 120%;
        order: 1;
    }
}

#tent .tent_content3 img{
    width: 70%;
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
}
@media screen and (max-width: 800px) {
    #tent .tent_content3 img{
        width: 100%;
        padding: 10px;
        order: 2;
    }
}

#tent .tent_content3 >div{
    width: 30%;
    padding: 20px 30px;
}
@media screen and (max-width: 800px) {
    #tent .tent_content3 >div{
        width: 100%;
        order: 3;
    }
}

#tent .tent_content3 >div h3{
    margin-bottom: 20px;
}
@media screen and (max-width: 800px) {
    #tent .tent_content3 >div h3{
        display: none;
    }
}

#tent .tent_content3 >div p{
    line-height: 30px;
}

#tent .tent_content4{
    width: fit-content;
    margin: 50px auto 0;
    padding: 20px 30px;
}

#tent .tent_content4 dl{
    margin-top: 10px;
}

#tent .tent_content4 dl dt{
    float: left;
    font-weight: bold;
}

#tent .tent_content4 dl dd{
    margin-left: 60px;
}

#tent .tent_content5 a{
    display: block;
    max-width: 200px;
    margin: 50px auto 0;
    padding: 10px 20px;
    background-color: #f9f9f9;
    border: 1px solid #d3d3d3;
    text-align: center;
}

#tent .tent_content6{
    margin-top: 100px;
}

/*20220711 seguchi add ed*/

/*20221004 seguchi add st*/
/* 共通 */
#sustainable_wrap{
    background-color: #f9f9f9;
}
#sustainable_wrap h1,h2,h3,h4,h5,h6,p{
}
#sustainable_wrap .imagetitle{
    bottom: 20px;
    padding: 15px 20px;
    background-color: rgba(0, 0, 0, 0.3);
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
}
#sustainable_wrap .imagetitle p{
    color: #fff;
}
#sustainable_wrap .imagetitle span{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #fff;
    transform:rotate(-30deg);
}
.sustainablebanner{
    display: block;
    margin-bottom: 50px;
}
.sustainablebanner img{
    width: 100%;
    padding-left: 12%;
    padding-right: 12%;
}
/* firstview */
#sustainable_wrap .firstview .flexbox{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
#sustainable_wrap .firstview .firstview_left{
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 0 15px gray;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .firstview .firstview_left{
        width: 100%;
    }
}
#sustainable_wrap .firstview .firstview_left img{
    width: 50%;
    height: calc(100vh / 3);
    object-fit: cover;
}
#sustainable_wrap .firstview .firstview_right{
    width: 50%;
    position: relative;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .firstview .firstview_right{
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 0;
    }
}
#sustainable_wrap .firstview .firstview_right img{
    width: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
#sustainable_wrap .contents{
	box-sizing:border-box;
}

@media screen and (max-width: 1000px) {
    #sustainable_wrap .firstview .firstview_right img{
        background-color: #fff;
    }
}
/* botanical */
#sustainable_wrap .botanical{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 150px;
    position: relative;
}
#sustainable_wrap .botanical .contents{
    width: 50%;
    padding:30px 50px 0;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .botanical .contents{
        width: 100%;
        order: 2;
        padding: 20px;
    }
}
#sustainable_wrap .botanical .contents h2{
    border: none;
    font-weight: bold;
}
#sustainable_wrap .botanical .contents p{
    margin-top: 30px;
}
#sustainable_wrap .botanical .contents .imagebox{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 30px;
}
#sustainable_wrap .botanical .contents .imagebox img{
    width: 50%;
    padding: 10px;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .botanical .contents .imagebox img{
        width: 100%;
    }
}
#sustainable_wrap .botanical .contents > img{
    width: 100%;
    padding: 10px;
    margin-top: 20px;
}
#sustainable_wrap .botanical .image{
    width: 50%;
    height: 100vh;
    object-fit: cover;
    border-radius: 50px 0 0 50px;
    box-shadow: 0 0 15px gray;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .botanical .image{
        width: 100%;
        height: 300px;
        border-radius: 0;
        box-shadow: none;
        order: 1;
    }
}
#sustainable_wrap .botanical .backillust{
    position: absolute;
    width: 80%;
    z-index: -1;
    left: 20px;
    top: 100px;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .botanical .backillust{
        top: 350px;
        width: 130%;
    }
}
#sustainable_wrap .botanical .imagetitle{
    position: absolute;
    right: 20px;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .botanical .imagetitle{
        top: 230px;
        bottom: unset;
    }
}
/* hananoki */
#sustainable_wrap .hananoki{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 150px;
    position: relative;
}
#sustainable_wrap .hananoki .contents{
    width: 50%;
    padding:30px 50px 0;
    order: 2;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .hananoki .contents{
        width: 100%;
        padding: 20px;
    }
}
#sustainable_wrap .hananoki .contents h2{
    border: none;
    font-weight: bold;
}
#sustainable_wrap .hananoki .contents p{
    margin-top: 30px;
}
#sustainable_wrap .hananoki .contents .imagebox{
    width: 100%;
    position: relative;
    height: 380px;
    margin-top: 30px;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .hananoki .contents .imagebox{
        height: 100%;
    }
}
#sustainable_wrap .hananoki .contents .imagebox img{
    padding: 10px;
    position: absolute;
    z-index: 1;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .hananoki .contents .imagebox img{
        position: relative;
    }
}
#sustainable_wrap .hananoki .contents .imagebox img:nth-child(1){
    width: 60%;
    left: 0;
    bottom: 0;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .hananoki .contents .imagebox img:nth-child(1){
        width: 100%;
    }
}
#sustainable_wrap .hananoki .contents .imagebox img:nth-child(2){
    width: 50%;
    right: 0;
    top: 0;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .hananoki .contents .imagebox img:nth-child(2){
        width: 100%;
    }
}
#sustainable_wrap .hananoki .contents .imagebox > div{
    background-color: #fefefe;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50%;
    height: 200px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .hananoki .contents .imagebox img{
        width: 100%;
    }
}
#sustainable_wrap .hananoki .contents > img{
    width: 100%;
    padding: 10px;
    margin-top: 20px;
}
#sustainable_wrap .hananoki .image{
    width: 50%;
    height: 100vh;
    object-fit: cover;
    border-radius: 0 50px 50px 0;
    box-shadow: 0 0 15px gray;
    order: 1;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .hananoki .image{
        width: 100%;
        height: 300px;
        border-radius: 0;
        box-shadow: none;
    }
}
#sustainable_wrap .hananoki .backillust{
    position: absolute;
    width: 20%;
    z-index: -1;
    right: 20px;
    top: 50px;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .hananoki .backillust{
        top: 350px;
        width: 130%;
    }
}
#sustainable_wrap .hananoki .imagetitle{
    position: absolute;
    left: 20px;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .hananoki .imagetitle{
        top: 230px;
        bottom: unset;
    }
}
/* guesthouse */
#sustainable_wrap .guesthouse{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 150px;
    position: relative;
}
#sustainable_wrap .guesthouse .contents{
    width: 50%;
    padding:30px 50px 0;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .guesthouse .contents{
        width: 100%;
        order: 2;
        padding: 20px;
    }
}
#sustainable_wrap .guesthouse .contents h2{
    border: none;
    font-weight: bold;
}
#sustainable_wrap .guesthouse .contents p{
    margin-top: 30px;
}
#sustainable_wrap .guesthouse .contents .imagebox{
    width: 100%;
    height: 400px;
    margin-top: 30px;
    position: relative;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .guesthouse .contents .imagebox{
        height: auto;
    }
}
#sustainable_wrap .guesthouse .contents .imagebox img:nth-child(1){
    width: 50%;
    border: 10px solid #fff;
    position: absolute;
    bottom: 150px;
    left: 0;
    transform:rotate(-15deg);
    z-index: 1;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .guesthouse .contents .imagebox img:nth-child(1){
        width: 100%;
        transform:rotate(0);
        position: relative;
        bottom: unset;
        border: none;
        padding: 10px;
    }
}
#sustainable_wrap .guesthouse .contents .imagebox img:nth-child(2){
    width: 65%;
    border: 10px solid #fff;
    position: absolute;
    right: 0;
    bottom: 0;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .guesthouse .contents .imagebox img:nth-child(2){
        width: 100%;
        position: relative;
        border: none;
        padding: 10px;
    }
}
#sustainable_wrap .guesthouse .image{
    width: 50%;
    height: 100vh;
    object-fit: cover;
    border-radius: 50px 0 0 50px;
    box-shadow: 0 0 15px gray;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .guesthouse .image{
        width: 100%;
        height: 300px;
        border-radius: 0;
        box-shadow: none;
        order: 1;
    }
}
#sustainable_wrap .guesthouse .backillust{
    position: absolute;
    width: 80%;
    z-index: -1;
    left: 20px;
    top: 100px;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .guesthouse .backillust{
        top: 350px;
        width: 130%;
    }
}
#sustainable_wrap .guesthouse .imagetitle{
    position: absolute;
    right: 20px;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .guesthouse .imagetitle{
        top: 230px;
        bottom: unset;
    }
}/* goldbeach */
#sustainable_wrap .goldbeach{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 150px;
    position: relative;
}
#sustainable_wrap .goldbeach .contents{
    width: 50%;
    padding:30px 50px 0;
    order: 2;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .goldbeach .contents{
        width: 100%;
        padding: 20px;
    }
}
#sustainable_wrap .goldbeach .contents h2{
    border: none;
    font-weight: bold;
}
#sustainable_wrap .goldbeach .contents p{
    margin-top: 30px;
}
#sustainable_wrap .goldbeach .contents .imagebox{
    width: 100%;
    position: relative;
    height: 380px;
    margin-top: 30px;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .goldbeach .contents .imagebox{
        height: 100%;
    }
}
#sustainable_wrap .goldbeach .contents .imagebox img{
    padding: 10px;
    position: absolute;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .goldbeach .contents .imagebox img{
        position: relative;
    }
}
#sustainable_wrap .goldbeach .contents .imagebox img:nth-child(1){
    width: 60%;
    left: 0;
    bottom: 0;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .goldbeach .contents .imagebox img:nth-child(1){
        width: 100%;
    }
}
#sustainable_wrap .goldbeach .contents .imagebox img:nth-child(2){
    width: 50%;
    right: 0;
    top: 0;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .goldbeach .contents .imagebox img:nth-child(2){
        width: 100%;
    }
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .goldbeach .contents .imagebox img{
        width: 100%;
    }
}
#sustainable_wrap .goldbeach .contents > img{
    width: 100%;
    padding: 10px;
    margin-top: 20px;
}
#sustainable_wrap .goldbeach .image{
    width: 50%;
    height: 100vh;
    object-fit: cover;
    border-radius: 0 50px 50px 0;
    box-shadow: 0 0 15px gray;
    order: 1;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .goldbeach .image{
        width: 100%;
        height: 300px;
        border-radius: 0;
        box-shadow: none;
    }
}
#sustainable_wrap .goldbeach .backillust{
    position: absolute;
    width: 51%;
    z-index: -1;
    right: 20px;
    top: 50px;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .goldbeach .backillust{
        top: 350px;
        width: 130%;
    }
}
#sustainable_wrap .goldbeach .imagetitle{
    position: absolute;
    left: 20px;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .goldbeach .imagetitle{
        top: 230px;
        bottom: unset;
    }
}
/* tour */
#sustainable_wrap .tour{
    margin-top: 150px;
}
#sustainable_wrap .tour .seapicture{
    padding: 50px;
    position: relative;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .tour .seapicture{
        padding: 0;
    }
}
#sustainable_wrap .tour .seapicture img{
    width: 100%;
    height: 90vh;
    object-fit: cover;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .tour .seapicture img{
        height: 300px;
    }
}
#sustainable_wrap .tour .seapicture p{
    position: absolute;
    writing-mode: vertical-rl;
    text-orientation: sideways;
    right: 16px;
    top: 60px;
    color: #0074bf;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .tour .seapicture p{
        writing-mode: unset;
        position: relative;
        text-align: right;
        top: unset;
        right: unset;
    }
}
#sustainable_wrap .tour .detail{
    display: block;
    margin: 50px auto 0;
    padding: 20px;
    max-width: 800px;
}
#sustainable_wrap .tour .detail h2{
    padding: 0;
    text-align: center;
    border: none;
}
#sustainable_wrap .tour .detail p{
    margin-top: 30px;
}
#sustainable_wrap .tour .detail>img{
    width: 100%;
    margin-top: 20px;
}
#sustainable_wrap .tour .plan{
    display: block;
    margin: 50px auto 0;
    padding: 20px;
    max-width: 800px;
}
#sustainable_wrap .tour .plan h3{
    text-align: center;
    color: #191919;
    font-weight: 100;
}
#sustainable_wrap .tour .plan .flexbox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
}
#sustainable_wrap .tour .plan .flexbox>div{
    width: calc(50% - 60px);
    margin: 10px;
    background-color: #fff;
    box-shadow: 0 0 10px #d3d3d3;
    padding: 20px;
    border-radius: 10px;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .tour .plan .flexbox>div{
        width: calc(100% - 60px);
    }
}
#sustainable_wrap .tour .plan .flexbox>div p{
    margin-top: 20px;
}
#sustainable_wrap .tour .plan .flexbox>div>a{
    display: block;
    margin: 20px auto 0;
    width: 200px;
    background-color: #0074bf;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
}
/* footer */
#sustainable_wrap .footer{
    width: 100%;
    margin-top: 150px;
}
#sustainable_wrap .footer footer{
    background-color: unset;
}
#sustainable_wrap .footer .footerpicture{
    width: 100%;
    height: 300px;
    object-fit: cover;
}
#sustainable_wrap .footer .flexbox{
    display: flex;
    flex-wrap: wrap;
}
#sustainable_wrap .footer .footerleft{
    width: 50%;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .footer .footerleft{
        width: 100%;
    }
}
#sustainable_wrap .footer .footerleft img{
    width: 300px;
    display: block;
    margin: 0 auto;
}
#sustainable_wrap .footer .footerleft>div{
    display: block;
    margin: 0 auto;
    width: fit-content;
}
#sustainable_wrap .footer .footerright{
    width: 50%;
    padding: 20px;
	box-sizing:border-box;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .footer .footerright{
        width: 100%;
    }
}
#sustainable_wrap .footer .copyright{
    font-size: 80%;
    margin-top: 20px;
    text-align: center;
}
/* single */
#sustainable_wrap .single_firstview .seapicture{
    padding: 50px;
    position: relative;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .single_firstview .seapicture{
        padding: 0;
    }
}
#sustainable_wrap .single_firstview .seapicture .backbutton{
    position: absolute;
    top: 16px;
    left: 50px;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .single_firstview .seapicture .backbutton{
        left: 20px;
    }
}
#sustainable_wrap .single_firstview .seapicture .backbutton i{
    margin-right: 10px;
}
#sustainable_wrap .single_firstview .seapicture img{
    width: 100%;
    height: 90vh;
    object-fit: cover;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .single_firstview .seapicture img{
        height: 300px;
    }
}
#sustainable_wrap .single_firstview .seapicture p{
    position: absolute;
    writing-mode: vertical-rl;
    text-orientation: sideways;
    right: 16px;
    top: 60px;
    color: #0074bf;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .single_firstview .seapicture p{
        writing-mode: unset;
        position: relative;
        text-align: right;
        top: unset;
        right: unset;
    }
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .single_content{
        padding: 20px;
    }
}
#sustainable_wrap .single_content .content{
    max-width: 800px;
    margin: 10px auto 0;
    padding: 20px;
}
#sustainable_wrap .single_content .subscription{
    display: block;
    margin: 100px auto 0;
    width: 200px;
    background-color: #0074bf;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 10px;
}
#sustainable_wrap .single_content .plancontact{
    display: block;
    margin: 30px auto 0;
    max-width: 800px;
    width: 100%;
}
#sustainable_wrap .single_content .plan{
    margin-top: 100px;
}
#sustainable_wrap .single_content .plan .block{
    width: 100%;
    height: 100%;
    max-width: 800px;
    display: block;
    margin: 70px auto 0;
    position: relative;
}
#sustainable_wrap .single_content .plan .block .time{
    position: absolute;
    width: 100px;
    top: -40px;
    left: 0;
    background-color: #fff;
    border: 4px solid #0074bf;
    padding: 20px 0;
    text-align: center;
    box-shadow: 0 0 10px #d3d3d3;
    border-radius: 10px;
    font-size: 110%;
    z-index: 1;
}
#sustainable_wrap .single_content .plan .block .time>div{
    background-color: #0074bf;
    width: 40px;
    font-size: 60%;
    padding: 2px 5px;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    border-radius: 5px 0 10px 0;
}
#sustainable_wrap .single_content .plan .block .detail{
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #d3d3d3;
    padding: 30px 80px;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .single_content .plan .block .detail{
        padding: 50px 20px;
    }
}
#sustainable_wrap .single_content .plan .block .detail h3{
    color: #191919;
    font-weight: 100;
    margin-bottom: 10px;
}
#sustainable_wrap .single_content .plan .block .detail .flexbox{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .single_content .plan .block .detail .flexbox>div{
        width: 100%!important;
    }
}
@media screen and (max-width: 1000px) {
    #sustainable_wrap .single_content .plan .block .detail .flexbox>img{
        width: 100%!important;
    }
}
#sustainable_wrap .single_content .plan .block .detail img{
    padding: 20px;
}
#sustainable_wrap .single_content .plan .block .left_border{
    background-color: #0074bf;
    width: 8px;
    height: calc(100% + 100px);
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 0;
}

/*20221004 seguchi add ed*/