@charset "UTF-8";
/* CSS Document */

/*
Theme Name:yonabaru navi
*/



/* content
---------------------------------------------------------------------*/



/* title
---------------------------------------------------------------------*/

/* page-title */
.page-title {
    text-align: center;
    margin: 0;
    padding: 0;
}
.page-title img {
    height: 56px;
}
.page-title-text {
    display: block;
    padding-bottom: 20px;
    font-family: 'Lato', 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
    font-weight:700;
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1.2em;
    letter-spacing: 0.2em;
    position: relative;
}
.page-title-text:after {
    position: absolute;
    bottom:0;
    left: 50%;
    margin-left: -35px;
    width: 70px;
    height: 1px;
    content: "";
    background-color: #1a1a1a;
}
.page-title-text.fc-white:after {
    background-color: #fff;
}
.page-title i {
    display: block;
    font-size: 64px;
    line-height: 1em;
}
.page-title.page-title-feature i { color: #00bcd4;}
.page-title.page-title-event i { color: #8bc34a;}
.page-title.page-title-spot i { color: #ffc107;}
.page-title.page-title-real-estate i { color: #607d8b;}
.page-title-subtext {
    display: block;
    margin-top: 20px;
    font-size: 1.4rem;
    line-height: 1.4em;
}

/*title-linner */
.title-linner {
    position: relative;
    text-align: center;
}
.title-linner:before {
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    content:"";
    height: 1px;
    width: 100%;
    background-color: #1a1a1a;
}
.title-linner.fc-blue:before {	background-color: #00bcd4;}
.title-linner.fc-green:before { background-color: #8bc34a;}
.title-linner.fc-yellow:before {	background-color: #ffc107;}
.title-linner.fc-gray:before {	background-color: #607d8b;}
.title-linner span {
    position: relative;
    display: inline-block;
    padding: 0 1em;
    background-color: #fff;
}

/* archive-title */
.archive-title {
    padding: 0.3em 0;
    font-family: 'Lato', 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
    font-weight:400;
    /*font-weight: bold;*/
    font-size: 1.6rem;
    line-height: 1.4em;
    color: #fff;
    background-color: #263238;
    text-align: center;
}
.archive-title span {
    margin: 0 0 0 15px;
    font-size: 1.2rem;  
}

@media (min-width: 768px) {
    /*  page-title */
    .page-title img {
        height: 72px;
    }
    .page-title-text {
        font-size: 3.2rem;
    }
    .page-title i {
        font-size: 80px;
    }
    .page-title.page-title-feature i {
        color: #00bcd4;
    }
    .page-title-subtext {
        margin-top: 20px;
        font-size: 1.6rem;
    }

    /* archive-title */
    .archive-title {
        font-size: 2rem;
    }
    .archive-title span {
        font-size: 1.4rem;
    }
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}



/* filter
---------------------------------------------------------------------*/

/* filter-item */
.filter-item {
    margin-bottom: 20px;
}
.filter-item:last-child {
    margin-bottom: 0;
}
.filter-item-title {
    text-align: center;
    position: relative;
}
.filter-item-title:before {
    position: absolute;
    left: 10%;
    top: 50%;
    display: block;
    content:"";
    height: 1px;
    width: 80%;
    background-color: #1a1a1a;
}
.filter-item-title a {
    display: inline-block;
    padding: 0 20px;
    font-family: 'Lato', 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
    font-weight:700;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 2em;
    color: #1a1a1a;
    letter-spacing: 0.2em;
    /*border-bottom:1px solid #1a1a1a;*/
    background: #fff;
    position: relative;
}
.filter-item-inner {
    margin-top: 15px;
}
.filter-item-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.filter-item-list ul li {
    display: inline-block;
    margin: 0 10px 10px 0;
}
.filter-item-list ul li a {
    display: block;
    padding: 0.7em 15px;
    font-size: 1.4em;
    line-height: 1.4em;
    color: #1a1a1a;
    font-weight: bold;
    background-color: #eceff1;
    border-radius: 3px;
}
.filter-item-list ul li a.hover {
    color: #fff;
    background-color: #607d8b;
}
.filter-spot .filter-item-list ul li a.hover { background-color: #ffc107;}
.post-type-archive-spot .filter-item-list ul li:first-child a,
.term-visiting .filter-item-visiting a,
.term-activity .filter-item-activity a,
.term-eating .filter-item-eating a,
.term-shopping .filter-item-shopping a,
.term-life .filter-item-life a,
.term-lodging .filter-item-lodging a,
.term-night-spot .filter-item-night-spot a {
    color: #fff;
    background-color: #ffc107;
}
.term-daytime .filter-item-daytime a,
.term-night-time .filter-item-night-time a,
.term-agarihama-ku .filter-item-agarihama-ku a,
.term-yonabaru-ku .filter-item-yonabaru-ku a,
.term-hamada-ku .filter-item-hamada-ku a,
.term-morishita-ku .filter-item-morishita-ku a,
.term-mijima-ku .filter-item-mijima-ku a,
.term-nakajima-ku .filter-nakajima-ku a,
.term-eguchi-ku .filter-item-eguchi-ku a,
.term-minato-ku .filter-item-minato-ku a,
.term-itarashiki-ku .filter-item-itarashiki-ku a,
.term-tosoe-ku .filter-item-tosoe-ku a,
.term-ueyonabaru-ku .filter-item-ueyonabaru-ku a,
.term-keneidanchi .filter-item-keneidanchi a {
    color: #fff;
    background-color: #607d8b;
}

.tag-13 .filter-item-tag13 a,
.tag-14 .filter-item-tag14 a,
.tag-15 .filter-item-tag15 a,
.tag-16 .filter-item-tag16 a,
.tag-17 .filter-item-tag17 a,
.tag-18 .filter-item-tag18 a,
.tag-19 .filter-item-tag19 a,
.tag-20 .filter-item-tag20 a,
.tag-21 .filter-item-tag21 a,
.tag-22 .filter-item-tag22 a,
.tag-23 .filter-item-tag23 a,
.tag-24 .filter-item-tag24 a
{
    color: #fff;
    background-color: #ffc107;
}

/* filter-view */
.filter-view {
    text-align: center;
    list-style: none;
    margin: 0;
    padding: 0;
}
.filter-view li {
    display: inline-block;
    margin-right: 10px;
}
.filter-view li:last-child {
    margin-right: 0;
}
.filter-view li a {
    display: block;
    padding: 0.7em 15px;
    font-size: 1.4em;
    line-height: 1.4em;
    font-weight: bold;
    color: #1a1a1a;
    background-color: #eef1f2;
    border-radius: 3px;
}
.filter-view li.active a,
.filter-view li a.hover {
    color: #fff;
    background-color: #ffc107;
}

@media (min-width: 768px) {

    /* filter-item */
    .filter-item {
        margin-bottom: 0;
    }
    .filter-item-title:before {
        left: 15%;
        width: 70%;
        background-color: #1a1a1a;
    }
    .filter-item-title a {
        font-size: 1.6em;
    }
    .filter-item-title i:last-child {
        display: none;
    }
    .filter-item-inner {
        margin-top: 20px;
        display: block ;
        height: auto !important;
    }
    .filter-item-list ul li {
        margin: 0 15px 10px 0;
    }
    .filter-item-list ul li a {
        padding: 0.5em 15px;
        font-size: 1.6em;
    }

    /* filter-view */
    .filter-view {
        text-align: right;
    }
    .filter-view li a {
        padding: 0.4em 15px;
        font-size: 1.6em;
    }

}
@media (min-width: 992px) {


}
@media (min-width: 1200px) {
}



/* large-content-list 
---------------------------------------------------------------------*/
.large-content-list-item {
    margin-bottom: 60px;
}
/*
.large-content-list-item:last-child {
        margin-bottom: 0;
}
*/
.large-content-list-image {
    padding-left: 0;
    padding-right: 0;
}
.large-content-list-image > div {
    width: 100%;
    height: 280px;
    background: url(images/no-image.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.large-content-list-text {
    margin-top: -30px;
}
.large-content-list-text a {
    display: block;
    padding: 20px;
    color: #1a1a1a;
    background-color: #fff;
}
.large-content-list-text a.hover {
    color: #607d8b;
}
.large-content-list-text dl {
    margin: 0 0 20px;
    padding: 0;
}
.large-content-list-text dl dt {
    padding: 0;
    margin-bottom: 20px;
    font-size: 2.2rem;
    line-height: 1.4em;
    font-weight: bold;
}
.large-content-list-text dl dt span {
    display: block;
    margin-bottom: 5px;
    font-family: 'Lato',sans-serif;
    font-weight:700;
    font-size: 1rem;
    line-height: 1em;
    letter-spacing: 0.2em;
}
.large-content-list-text dl dd {
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    line-height: 2em;
}
.large-content-list-text p {
    margin: 0;
    font-family: 'Lato',sans-serif;
    font-weight:700;
    font-size: 1.4rem;
    line-height: 1em;
    letter-spacing: 0.2em;
    text-align: right;
}
@media (min-width: 768px) {
    .large-content-list-item {
        margin-bottom: 120px;
    }
    .large-content-list-item .container {
        position: relative;
    }
    .large-content-list-image {
        padding-left: 15px;
        padding-right: 15px;
    }
    .large-content-list-item:nth-child(2n) .large-content-list-image {
        float: right;
    }
    .large-content-list-image > div {
        height: 400px;
    }
    .large-content-list-text {
        margin-top: 0px;
        position: absolute;
        bottom: -40px;
        right: 0;
    }
    .large-content-list-item:nth-child(2n) .large-content-list-text {
        right: auto;
        left: 0;
    }
    .large-content-list-text a {
        padding: 40px;
    }
    .large-content-list-text a.hover {
        color: #fff;
        background-color: #607d8b;
    }
}
@media (min-width: 992px) {
    .large-content-list-image > div {
        height: 490px;
    }	
    .large-content-list-text dl {
        margin: 0 0 60px;
        padding: 0;
    }
    .large-content-list-text dl dt {
        margin-bottom: 40px;
        font-size: 3.2rem;
    }
    .large-content-list-text dl dt span {
        margin-bottom: 10px;
        font-size: 1.2rem;
    }
    .large-content-list-text dl dd {
        font-size: 1.6rem;
    }
    .large-content-list-text p {
        font-size: 1.6rem;
    }
}
@media (min-width: 1200px) {
}


/* content-list
---------------------------------------------------------------------*/
.content-list-item {
    margin-bottom: 40px;
}
.content-list-item a {
    color: #1a1a1a;
    display: block;
    position: relative
}
.content-list-item a.hover .content-list-text {
    color: #fff;
    background-color: #607d8b;
}
.feature-list .content-list-item a.hover .content-list-text { background-color: #00bcd4; }
.spot-list .content-list-item a.hover .content-list-text { background-color: #ffc107; }
.event-list .content-list-item a.hover .content-list-text { background-color: #8bc34a; }
.content-list-image {
    height: 190px;
    background: url(images/no-image.jpg) no-repeat 50% 50%;
    background-size: cover;
    position: relative;
}
.content-list-image ul {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 5px;
    list-style: none;
    text-align: right;
}
.content-list-image ul li {
    display: inline-block;
    font-size: 1em;
    line-height: 2em;
    margin: 0 5px 5px 0;
    background-color: #fff;
    border-radius: 3px;
    padding: 0 1em;
}
.content-list-text {
    padding: 15px;
}
.content-list-label {
    font-family: 'Lato',sans-serif;
    font-weight:700;
    font-size: 1.2rem;
    line-height: 1.6em;
    letter-spacing: 0.2em;	
}
.real-estate-list .content-list-label {
    font-family: 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
    letter-spacing: 0;
}
.content-list-label i {
    font-size: 1.8rem;
}
.content-list-title {
    font-size: 1.8em;
    line-height: 1.4em;
    font-weight: bold;
}
.content-list-label-sub ul li {
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
    font-size: 1em;
    line-height: 1em;
    font-weight: bold;
}
.spot-list .content-list-label-sub ul li:first-child {
    margin-right: 10px;
    display: block;
}
.spot-list .content-list-label-sub ul li span.label-spot-cat {
    margin-right: 10px;
    line-height: 1.2em;
}
.spot-list .content-list-label-sub ul li span.label-spot-cat:after {
    content: ",";
}
.spot-list .content-list-label-sub ul li span.label-spot-cat:last-child:after {
    content: "";
}
.spot-list .content-list-label-sub ul li span.label-language {
    display:block;
    width: 20px;
    height: 20px;
    text-align: center;
    border: 1px solid #1a1a1a;
    padding-top: 4px;
    border-radius: 50%;
}
.spot-list .content-list-item a.hover .content-list-label-sub ul li span.label-language {
    border-color: #fff;
}
.real-estate-list .content-list-label-sub ul li {
    line-height: 1.4em;
    margin-right: 10px;
    margin-bottom: 5px;
    font-weight: normal;
}
.content-list-more {
    font-family: 'Lato',sans-serif;
    font-weight:700;
    font-size: 1em;
    line-height: 1em;
    text-align: right;
}
.event-days {
    position: absolute;
    top: -10px;
    right: 15px;
    padding: 0 0.5em;
    font-size: 1rem;
    line-height: 2em;
    color: #fff;
    font-weight: bold;
    background-color: #8bc34a;
    vertical-align: middle;
}
.event-days span {
    margin: 0 2px;
    font-size: 1.4em;
}

/* wp-pagenavi */
.pagenavi-wrap {
    text-align: center;
    padding: 0 15px;
}
.wp-pagenavi a,
.wp-pagenavi span {
    display: inline-block;
    width: 42px;
    height: 42px;
    border: 1px solid #607d8b;
    font-size: 1.4em;
    line-height: 40px;
    color: #607d8b;
    border-radius: 50%;
    margin:2px 4px;
}
.wp-pagenavi span.current,
.wp-pagenavi a:hover,
.wp-pagenavi span:hover {
    color: #fff;
    background-color: #607d8b;
}

@media (min-width: 768px) {
    .content-list-item {
        margin-bottom: 60px;
    }
    .content-list-image {
        height: 210px;
    }
    .content-list-image ul {
        padding: 5px;
    }
    .content-list-image ul li {
        font-size: 1.2em;
    }
    .content-list-label {
        font-size: 1.4rem;
    }
    .content-list-label i {
        font-size: 2rem;
    }
    .content-list-title {
        font-size: 2em;
    }
    .content-list-label-sub ul li {
        margin-right: 3px;
        font-size: 1.2em;
    }
    .spot-list .content-list-label-sub ul li span.label-language {
        width: 24px;
        height: 24px;
        padding-top: 5px;
    }
    .content-list-more {
        font-size: 1.2em;
    }
    .event-days {
        top: -12px;
        font-size: 1.2rem;
    }

    /* wp-pagenavi */
    .wp-pagenavi a,
    .wp-pagenavi span {
        width: 48px;
        height: 48px;
        font-size: 1.6em;
        line-height: 46px;
        margin:2px 6px;
    }
}
@media (min-width: 992px) {
    .content-list-image {
        height: 230px;
    }
}
@media (min-width: 1200px) {
}


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

/* page-hero */
.page-hero {
    width: 100%;
    height: 300px;
    background: url(images/no-image.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.page-hero-inner {
    display: table;
    width: 100%;
    height: 100%;
    background: url(images/pattern.png) ;
}
.page-hero-title {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    margin: 0;
    padding: 0 10px;
    font-size: 2.4em;
    color: #fff;
    font-weight: bold;
}

@media (min-width: 768px) {
    /* page-hero */
    .page-hero {
        height: 400px;
    }
    .page-hero-title {
        padding: 0 15px;
        font-size: 3.2em;
    }	
}
@media (min-width: 992px) {
    /* page-hero */
    .page-hero {
        height: 440px;
    }	
}
@media (min-width: 1200px) {
}


/* post [feature,event,spot]
---------------------------------------------------------------------*/

/* post-hero */
.post-hero {
    background: url(images/no-image.jpg)no-repeat 50% 50%;
    background-size: cover;
    height: 360px;
    position: relative;
}
.post-hero-label {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -40px;
    padding-top:12px;
    color: #fff;
    background-color: #000;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    text-align: center;
    z-index: 1;
}
.post-feature .post-hero-label { background-color: #00bcd4;}
.post-event .post-hero-label { background-color: #8bc34a; padding-top: 16px;}
.post-spot .post-hero-label { background-color: #ffc107; padding-top: 16px;}
.post-real-estate .post-hero-label { background-color: #607d8b;}
.post-hero-label i {
    font-size: 3.2rem;
    line-height: 1em;
}
.post-hero-label span {
    display: block;
    margin-top: 4px;
    font-family: 'Lato',sans-serif;
    font-weight:700;
    font-size: 1rem;
    letter-spacing: 0.2em;
}
.post-real-estate .post-hero-label span {
    letter-spacing: 0;
}
/* inner-post */
.inner-post {
    background-color: #fff;
    margin-top: -60px;
    margin-bottom: 60px;
}

/* post-title */
.post-title-wrap {
    margin-bottom: 40px;
    text-align: center;
}
.post-title {
    font-size: 2.4rem;
    line-height: 1.4em;
    font-weight: bold;
}
.post-label dl {
    text-align: center;
    vertical-align: middle;
    margin-bottom: 10px;
}
.post-label dl:last-child {
    text-align: center;
    vertical-align: middle;
    margin-bottom: 0;
}
.post-label dl dt,
.post-label dl dd {
    display: inline-block;
}
.post-label dl dt {
    font-family: 'Lato',  'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
    font-weight: bold;
    font-weight:700;
    letter-spacing:0.2em;
    font-size: 1.2em;
    line-height: 1.5em;
    margin-right: 10px;
}
.post-label dl dt i {
    font-size: 1.5em;
}
.post-label dl dd {
    font-size: 1em;
    line-height: 1em;
    font-weight: bold;
}
.post-label dl.post-label-category dd a {
    padding: 0.5em 1em;
    background-color: #eceff1;
    border-radius: 3px;
    color: #1a1a1a;
}
.post-label dl.post-label-category dd a:hover {
    color: #0088cc;
}
.post-label dl.post-label-language dd {
    padding-top: 4px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #1a1a1a;
    margin-right: 3px;
}
.post-label dl.post-label-language dd:last-child {
    margin-right: 0;
}
.post-label dl.post-label-date dd { font-size:1.2rem; line-height: 1em;}
.post-tag-list {
    text-align: center;
}
.post-tag-list li {
    display: inline-block;
    margin:0 7px 10px 0;
}
.post-tag-list li a {
    display: block;
    padding: 0.2em 15px;
    font-size: 1.4em;
    line-height: 1.6em;
    border-radius: 3px;
    border: 1px solid #1a1a1a;
    color: #1a1a1a;
}
.post-tag-list li a:hover {
    border-color: #0088cc;
    color: #0088cc;
}
.post-title-subtext {
    font-size: 1.4rem;
    line-height: 2em;
    font-weight: bold;
}
.post-share {
    margin: 0;
    padding: 0;
}
.post-share dt {
    margin-bottom: 10px;
    font-family: 'Lato',sans-serif;
    font-weight:700;
    font-size: 1.6em;
    line-height: 1em;
    letter-spacing: 0.2em;
}
.post-share dd ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.post-share dd ul li {
    display: inline-block;
    margin-right: 10px;
}
.post-share dd ul li:last-child {
    margin-right: 0;
}
.post-share dd ul li a {
    display: block;
    width: 48px;
}
.post-share dd ul li a.hover {
    opacity: 0.7;
}
.post-share dd ul li a img {
    width: 100%;
}
.post-description-area p,
.post-description {
    text-align: left;
    font-size: 1.4em;
    line-height: 2em;
}

/* review */
.review-rate {
    font-size: 3em;
    line-height: 1.2em;
    text-align: center;
}
.review-rate span {
    font-size: 1.2em;
    margin-left: 5px;
}
.review-source {
    text-align: center;
    font-size: 1em;
    line-height: 1em;
}
.review-list {
    max-height: 360px;
    overflow-y:scroll;
    -webkit-overflow-scrolling: touch
}
.review-item {
    padding: 15px 0;
    border-top:1px solid #ccc;
}
.review-text {
    font-size: 1.4em;
    line-height: 1.6em;
}
/*
.review-text dt {
        font-size: 1.4em;
        line-height: 1.6em;
        font-weight: bold;
}
.review-text dd {
        font-size: 1.2em;
        line-height: 1.6em;
}
*/
.review-label {
    margin: 0;
    padding: 0;
    list-style: none;
}
.review-label li {
    display: inline-block;
    margin: 0 10px 5px 0;
    font-size: 1.2em;
    line-height: 1em;
}
.review-label li:last-child {
    margin-right: 0;
}

/* youtube */
.youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 15px;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
.youtube small {
    position: absolute;
    bottom: -15px;
}

/* item-360image */
.item-360image {
    margin-bottom: 20px;
}
/*
.item-360image img {
        width: 100% !important;
        height: 240px !important;
}
*/
.item-360image iframe,
#theta-viewer,
#theta-viewer1,
#theta-viewer2 {
    width: 100% !important;
    height: 240px !important;
}
#theta-viewer canvas,
#theta-viewer1 canvas,
#theta-viewer2 canvas {
    width: 100% !important;
}
.item-360image small {
    display: inline-block;
    margin-top: 5px;
}

/* item-photo */
.item-photo figure {
    margin: 0 0 6px 0;
}
.item-photo img {
    width: 100% !important;
    height: auto !important;
}
.item-photo small {
    display: inline-block;
    margin-top: 5px;
}

/* googlemap */
.google-map iframe {
    width: 100% !important;
    height: 320px !important;
}



@media (min-width: 768px) {

    /* post-hero */
    .post-hero {
        height: 560px;
    }
    .post-hero-label {
        bottom: 30px;
        left: 50%;
        margin-left: -50px;
        padding-top:16px;
        width: 100px;
        height: 100px;
        border-radius: 50px;
    }
    .post-event .post-hero-label,
    .post-spot .post-hero-label { padding-top: 20px;}
    .post-hero-label i {
        font-size: 4rem;
        line-height: 1em;
    }
    .post-hero-label span {
        margin-top: 6px;
        font-size: 1.2rem;
    }

    /* inner-post */
    .inner-post {
        margin-top: -80px;
        margin-bottom: 80px;
    }

    /* post-title */
    .post-title-wrap {
        margin-bottom: 60px;
    }
    .post-title {
        font-size: 3.2rem;
    }
    .post-label {
        display: inline-block;
    }	
    .post-label:last-child {
        margin-right: 0;
    }	
    .post-label dl {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 30px;
    }
    .post-label dl:last-child {
        margin-right: 0;
    }
    .post-label dl dt,
    .post-label dl dd {
    }
    .post-label dl dt {
        font-size: 1.4em;
    }
    .post-label dl dd {
        font-size: 1.2em;
    }
    .post-label dl.post-label-language dd {
        padding-top: 5px;
        width: 24px;
        height: 24px;
    }
    .post-label dl.post-label-date dd { font-size:1.4rem;}
    .post-title-subtext {
        font-size: 1.6rem;
    }
    .post-tag-list li a {
        font-size: 1.6em;
    }
    .post-share dt {
        margin-bottom: 20px;
        font-size: 2em;
    }
    .post-share dd ul {
    }
    .post-share dd ul li {
        margin-right: 10px;
    }

    .post-description-area p,
    .post-description {
        font-size: 1.6em;
    }

    /* review */
    .review-rate {
        font-size: 4em;
    }
    .review-source {
        font-size: 1.2em;
    }
    .review-item {
        padding: 20px 0;
    }
    .review-text {
        font-size: 1.6em;
    }
    /*
    .review-text dt {
            font-size: 1.6em;
    }
    .review-text dd {
            font-size: 1.4em;
    }
    */
    .review-label li {
        font-size: 1.4em;
    }
    /* youtube */
    .youtube small {
        bottom: -20px;
    }

    /* item-360image */
    .item-360image {
        margin-bottom: 30px;
    }
    .item-360image iframe,
    #theta-viewer,
    #theta-viewer1,
    #theta-viewer2 {
        height: 400px !important;
    }
    /* item-photo */
    .item-photo figure {
        margin: 0 0 6px 0;
    }

    /* googlemap */
    .google-map iframe {
        height: 400px !important;
    }

}

@media (min-width: 992px) {	

    /* post-hero */
    .post-hero {
        height: 640px;
    }

    /* review */
    .review-rate,.review-source {
        text-align: left;
    }
    .review-list {
        max-height: 390px;
    }
}
@media (min-width: 1200px) {

    /* post-hero */
    .post-hero {
        height: 720px;
    }

}



/* content-entry
---------------------------------------------------------------------*/
.content-entry a {
    color: #0088cc;
    text-decoration: none;
}
.content-entry a:hover {
    text-decoration: underline;
}

/* link-text */
.link-text {
    color: #0088cc;
}
.link-text:hover {
    text-decoration: underline;
}
.link-btn a {
    display: inline-block;
    padding: 0.5em 30px;
    line-height: 1.5em;	
    border:1px solid #0088cc;
    border-radius: 3px;
}
.link-btn a:hover {
    color: #fff;
    background-color: #0088cc;
}

/* table */
.table.data-table {
    table-layout: fixed;
}
.table.data-table>tbody>tr>td,
.table.data-table>tbody>tr>th,
.table.data-table>tfoot>tr>td,
.table.data-table>tfoot>tr>th,
.table.data-table>thead>tr>td,
.table.data-table>thead>tr>th {
    padding: 1.3em 1em;
    border:none;
    vertical-align: middle;
    word-wrap: break-word;
    overflow-wrap : break-word;
}
.table.data-table>tbody>tr>th,
.table.data-table>tfoot>tr>th,
.table.data-table>thead>tr>th {
    font-weight: bold;
    line-height: 1.6em;
    width: 30%;
}
.table.data-table>tbody>tr>td,
.table.data-table>tfoot>tr>td,
.table.data-table>thead>tr>td {
    font-weight: normal;
    line-height: 1.6em;
}
.table-striped tr:nth-of-type(odd) {
    background-color: #eceff1 !important;
}
.table-item {
    display: inline-block;
    border-radius: 3px;
    padding: 0.2em 10px;
    margin: 0 4px 4px 0;
    background-color: #90a4ae;
    color: #fff;
}
@media (min-width: 768px) {
    .table.data-table>tbody>tr>th,
    .table.data-table>tfoot>tr>th,
    .table.data-table>thead>tr>th {
        width: 25%;
    }
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

/* news-list
---------------------------------------------------------------------*/
.news-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.news-item {
    border-top: 1px dotted #90a4ae;
    color: #1a1a1a;
}
.news-item:first-child {
    border-top: 1px solid #90a4ae;
}
.news-item:last-child {
    border-bottom: 1px dotted #90a4ae;
}
.news-item a {
    display: block;
    padding: 20px 0;
    color: #1a1a1a;
}
.news-item a.hover {
    color: #0088cc;  
}
.news-date {
    font-family: 'Lato', sans-serif;
    font-weight:700;
    font-size: 1.4rem;
    line-height: 1em;
}
.news-title {
    font-size: 2rem;
    line-height: 1.6em;
    font-weight: bold;
}
.news-content p {
    font-size: 1.4rem;
    line-height: 2em;  
}
.news-link {
    font-family: 'Lato', sans-serif;
    font-weight:700;
    font-size: 1.4rem;
    line-height: 1em;
    text-align: right;
}
@media (min-width: 768px) {
    .news-item a {
        padding: 30px 0;
    }
    .news-date {
        font-size: 1.6rem;
    }
    .news-title {
        font-size: 2.4rem;
    }
    .news-content p {
        font-size: 1.6rem;
    }
    .news-link {
        font-size: 1.6rem;
    }
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}


/* news-article
---------------------------------------------------------------------*/
.news-article {
    padding: 20px 0;
    border-top: 1px solid #90a4ae;
    border-bottom: 1px dotted #90a4ae;
}

.news-content p {
    margin-bottom: 1em;
    font-size: 1.4rem;
    line-height: 2em;
}
.news-content p:last-child {
    margin-bottom: 0;
}
.news-content img {
    max-width: 100%;
    height: auto;
}
.news-content a {
    color: #0088cc;
}
.news-content a.hover {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .news-article {
        padding: 30px 0;
    }
    .news-content p {
        font-size: 1.6rem;
    }
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}



/* sidebar
---------------------------------------------------------------------*/
.section-sidebar {
    padding: 20px 0;
    border-top: 1px solid #90a4ae;
}
.sidebar-title {
    font-family: 'Lato', 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
    font-weight:700;
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.6em;
}
.sidebar-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.sidebar-list-item {
    padding: 0.4em 0;
    font-family: 'Lato', 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
    font-weight:700;
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.6em;
}
.sidebar-list-item a {
    color: #1a1a1a;
    position: relative;
}
.sidebar-list-item a.hover {
    color: #0088cc;
}
.sidebar-list-item a:after {
    position:absolute;
    right:-20px;
    font-family: 'Material Icons';
    content: "\e409";
    font-size: 1.4rem;
    line-height: 1.6em;
}

@media (min-width: 768px) {
    .sidebar-title {
        font-size: 2.4rem;
    }
    .sidebar-list-item {
        font-size: 1.6rem;
    }
    .sidebar-list-item a:after {
        font-size: 1.6rem;
    }
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}

/* top
---------------------------------------------------------------------*/
.top-hero {
    width: 100%;
    height: 100vh;
    position: relative;
    /*background: #000;*/
}
.top-hero-inner {
    display: table;
    width: 100%;
    height: 100%;
    background: url(images/pattern.png) repeat;
}
.top-hero-inner-text {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}
.top-hero-title img {
    width: 135px;
    margin-bottom: 15px;
}
.top-hero-title span.top-hero-title-main {
    display: block;
    font-family: 'Lato', sans-serif;
    font-weight:700;
    letter-spacing:0.25em;
    font-size: 3.2rem;
    line-height: 1.1em;
}
.top-hero-title span.top-hero-title-sub {
    display: block;
    margin-top: 20px;
    font-family: 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.2em;
    letter-spacing: 0;
}
.top-hero-scroll {
    position: absolute;
    bottom: 10px;
    left: 0;
    margin-bottom: 0;
    width: 100%;
    font-size: 1rem;
    line-height: 1em;
    font-weight: bold;
    text-align: center;
}
.top-hero-scroll a {
    color: #fff;  
}
.top-hero-scroll a.hover,
.top-hero-scroll a.hover i {
    opacity: 0.7;
}
.top-hero-scroll span {
    display: block;
    margin-top: 0px;
    font-size: 2rem;
    line-height: 1em;
}
.big-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
}
.big-background-default-image {
    background-image:url(images/bg-top-hero.jpg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

/* category-nav */
.category-item a {
    display: block;
    padding: 20px;
    background-color: #fff;
    border-top: 3px solid #ccc;
    text-align: center;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}
.category-item.category-item-feature a { border-top-color: #00bcd4;}
.category-item.category-item-event a { border-top-color: #8bc34a;}
.category-item.category-item-spot a { border-top-color: #ffc107;}
.category-item a.hover { opacity: 0.7;}
.category-item-title {
    font-size: 6rem;
    line-height: 1em;
}
.category-item-feature .category-item-title { color: #00bcd4;}
.category-item-event .category-item-title { color: #8bc34a;}
.category-item-spot .category-item-title { color: #ffc107;}
.category-item-title span {
    margin-top: 5px;
    display: block;
    font-family: 'Lato', sans-serif;
    font-weight:700;
    letter-spacing:0.2em;
    font-size: 1.6rem;
    line-height: 1em;
}
.category-item-text {
    font-size: 1.4rem;
    line-height: 2em;
    color: #1a1a1a;
}
.category-item-link {
    font-size: 1.4rem;
    line-height: 1.6em;
    font-weight: bold;
}
.category-item-feature .category-item-link { color: #00bcd4;}
.category-item-event .category-item-link { color: #8bc34a;}
.category-item-spot .category-item-link { color: #ffc107;}

/* video-item */
.video-item {
    margin: 0;
    padding: 0;  
}
.video-item dt {
    margin-bottom: 10px;
    font-size: 1.4rem;
    line-height: 1.6em;
    font-weight: bold;
    text-align: center;
}
.video-item dt i {
    font-size: 1.2em;
}
.video-item dd a {
    color: #0088cc;
}
.video-item dd a:hover {
    text-decoration: underline;
}

/* section-news */
.section-news .news-item {
    display: block;
    padding: 20px 0;
    border-top: 1px dotted #1a1a1a;
}
.section-news .news-item.hover {
    color: #0088cc;
}
.section-news .news-item:first-child { border-top: 1px dotted #1a1a1a;}
.section-news .news-item:last-child { border-bottom: none;}
.section-news .news-date {
    font-weight: 400;
}
.section-news .news-title {
    font-size: 1.4rem;
    font-weight: normal;
}
.section-news .news-link {
    font-size: 1em;
}

/* sectinon-liblary */
.section-liblary {
    background: url(images/bg-top-yonabaru-liblary.jpg) no-repeat 50% 50%;
    background-size: cover;
}
.bg-pattern {
    position: relative;
}
.bg-pattern:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: url(images/pattern.png);
}
.bg-pattern > div {
    position: relative;
    z-index: 1;
}

@media (min-width: 768px) {
    /*top-hero*/
    .top-hero-title img {
        width: 190px;
        margin-bottom: 25px;
    }
    .top-hero-title span.top-hero-title-main {
        font-size: 4.5rem;
    }
    .top-hero-title span.top-hero-title-sub {
        margin-top: 30px;
        font-size: 2rem;
    }
    .top-hero-scroll {
        bottom: 15px;
        font-size: 1.6rem;
    }
    .top-hero-scroll span {
        font-size: 3.2rem;
    }

    /* section-about */
    .section-about {
        position: relative;
    }
    .section-about .bg-section-about {
        position: absolute;
        top:5%;
        left:5%;
        display: block;
        width: 90%;
        height: 90%;
        background-image: url(images/bg-top-about.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: 0 50%;
    }
    .section-about .inner-large {
        position: relative;
        z-index: 1;
    }

    /* video-item */
    .video-item {
    }
    .video-item dt {
        margin-bottom: 15px;
        font-size: 1.6rem;
        line-height: 1.6em;
        font-weight: bold;
        text-align: center;
    }

    /* section-news */
    .section-news .news-item {
        padding: 30px 0;
    }
    .section-news .news-title {
        font-size: 1.6rem;
    }
    .section-news .news-link {
        font-size: 1.2em;
    }


}
@media (min-width: 992px) {
    /* category-nav */
    .category-item a {
        padding: 30px;
    }
    .category-item-title {
        font-size: 6rem;
    }
    .category-item-title span {
        margin-top: 5px;
        font-size: 2rem;
    }
    .category-item-text {
        font-size: 1.6rem;
    }
    .category-item-link {
        font-size: 1.6rem;
    }
}
@media (min-width: 1200px) {
}


/* delay
---------------------------------------------------------------------*/
.delay01,
.delay02,
.delay03,
.delay04,
.delay05,
.delay06,
.delay07,
.delay08,
.delay09,
.delay10,
.delay11,
.delay12,
.delay13,
.delay14 {
    opacity: 0;
}
body.home {
    background-color: #000;
}


/* map-item
---------------------------------------------------------------------*/
.content-map #map {
    width: 100%;
    height: 400px;
}
.content-map .gm-style-iw {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    padding-bottom: 5px;
}
.map-item img {
    width: 100%;
}
.map-item-text {
    padding: 10px;
}
.map-item-label {
    margin-bottom: 5px;
    font-size: 1rem;
    line-height: 1em;
    font-weight: bold;
}
.map-item-title {
    margin-bottom: 5px;
    font-size: 1.4rem;
    line-height: 1.5em;
    font-weight: bold;
}
.map-item-label-sub {
    margin-bottom: 10px;
}
.map-item-label-sub ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.map-item-label-sub ul li {
    float: left;
    font-family: 'Lato', 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
    font-size: 1rem;
    line-height: 1.6em;
}
.map-item-label-sub ul li a {
    color: #1a1a1a;
    margin-right: 5px;
}
.map-item-label-sub ul li a.hover {
    color: #0088cc;
}
.map-item-label-sub ul li span {
    display: inline-block;
    font-size: 1rem;
    line-height: 1em;
    padding: 0.2em;
    border: 1px solid #1a1a1a;
    border-radius: 50%;
}
.map-item-more a {
    display: block;
    font-family: 'Lato', 'YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
    font-weight:700;
    font-size: 1rem;
    line-height: 3em;
    color: #fff;
    border-radius: 1.5em;;
    background-color: #ffc107;
    text-align: center;
    font-weight: bold;
}
.map-item-more a.hover {
    opacity: 0.7;
}

@media (min-width: 768px) {
    .content-map #map {
        height: 560px;
    }
    .content-map .gm-style-iw {
        padding-bottom: 5px;
    }
    .map-item img {
        min-width: 120px;
    }
    .map-item-text {
        padding: 15px;
    }
    .map-item-label {
        font-size: 1.2rem;
    }
    .map-item-title {
        font-size: 1.6rem;
    }
    .map-item-label-sub {
        margin-bottom: 15px;
    }
    .map-item-label-sub ul li {
        font-size: 1.2rem;
    }
    .map-item-label-sub ul li span {
        font-size: 1.2rem;
    }
    .map-item-more a {
        font-size: 1.2rem;
    }
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}


/* YONA PHOTO
---------------------------------------------------------------------*/
.item-yonaphoto {
    margin-bottom: 30px;
}
.item-yonaphoto img {
    width: 100%;
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}




/* example
---------------------------------------------------------------------*/
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}



.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget iframe[style] {
    width: 100%!important;
}