/*
Theme Name: cocoro-pc
Theme URI: http://gowas.jp
Author: gowas
Author URI: http://gowas.jp
Description: こころのPC用テーマ
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cocoro
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

cocoro is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-wrap:break-word;zoom:1}
*:before,*:after {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding: 0;
	margin: 0;
	line-height: 1; 
}
a{
    text-decoration: none;
    color: #434343;
    outline: none;
    text-decoration: none;
    overflow: hidden
}    



/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}




/*--------------------------------------------------------------
# margin&padding
--------------------------------------------------------------*/
.mb0{margin-bottom: 0!important}
.mt20{margin-top: 20px!important}
.mb10{margin-bottom: 10px!important}
.mb20{margin-bottom: 20px!important}
.mb30{margin-bottom: 30px!important}
.mb40{margin-bottom: 40px!important}

.pb0{padding-bottom: 0!important}
.pb10{padding-bottom: 10px!important}
.pb20{padding-bottom: 20px!important}
.pb30{padding-bottom: 30px!important}
.pb40{padding-bottom: 40px!important}

.pt20{padding-top: 20px!important}

/*--------------------------------------------------------------
# radius
--------------------------------------------------------------*/
.radius{
	border-radius: 3px;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1rem;
	display: block
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# 共通
--------------------------------------------------------------*/
a.button{text-decoration: none}
.callout{
	border-color: #eee
}
.entry-content .button,
.entry-content .button:hover{
	color: #fff
}
p{
	margin-bottom: 1.5rem;
}
.entry-content li{margin-bottom: .5rem}
hr{border-color: #eee;margin: .5rem auto;}
.text-box{
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 1rem;
}
.label{
    padding: .3rem .4rem .3rem;
    font-size: .5rem;;
    font-weight: bold;
    border-radius: 0
}
.new-tag{
	background-color: #ffc045;
	color: #f1f1f1
}
.cat-meta,
.area-meta,
.spot-meta,
.new-tag,
.spotlist-area-meta,
.g-meta{
	line-height: 1
}

.cat-meta{
	margin: 0 0 .2rem;
    display: block;
}

.spotlist-area-meta .label{
    margin-right: 5px;
    background: #e4e0e1;
    color: #0a0a0a;
}
.emergency{
	border: 3px solid #c17573;
	margin-bottom: 1rem	
}
.notice{
	border: 3px solid #bce8f1;
	margin-bottom: 1rem
}
.notice dl,.emergency dl{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0
}
.notice dt,.notice dd,.emergency dt,.emergency dd{
	display: table-cell;
	padding: .5rem 1rem;
}
.emergency dt{
	width: 20%;
	color: #a94442;
	font-weight: bold;
	background: #f2dede;
	text-align: center;
	vertical-align: middle;
}
.emergency dd{
	background: #fff
}
.emergency dd a{
	color: #a94442;
}

.notice dt{
	width: 20%;
	color: #31708f;
	font-weight: bold;
	background: #d9edf7;
	text-align: center;
	vertical-align: middle
}
.notice dd a{
	color: #31708f;
}
.notice dd a:hover,
.emergency dd a:hover{
	text-decoration: underline
}

.notice dd .menu.simple a,
.emergency dd .menu.simple a{
    padding: 0.3rem 0;
}
.notice dd time,
.emergency dd time{
	margin-right: .3rem
}

.table-scroll table {
    width: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    margin-bottom: 2rem
}

table th, table td{
	padding: 2rem 1rem;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    line-height: 1.5
}

thead th{
	font-weight: bold;
}
tbody th{
	font-weight: bold;
	white-space: nowrap;
}

table tfoot{font-size: .8rem;background: #fff}

/*--------------------------------------------------------------
# header
--------------------------------------------------------------*/

#masthead .headerWrapper {
    position: relative;
    width: 100%;
    display: table;
    table-layout: fixed;
}
#masthead #logo{
	position: relative;
    border-right: 1px solid #eee;
    width: 169px;
}
#logo h1,#logo p{
    margin: 0
}

#logo a {
    position: relative;
    display: block;
}
.sub-navigation{background: #f7f7f7;font-size: .7rem;font-weight: bold;}
.sub-navigation [type='text']{font-size: .7rem}
.sub-navigation .input-group{
	margin-bottom: 0;
	margin-right: .5rem;
	padding: .2rem 0
}
.sub-navigation li a:hover{
	background: #fff;
}
.sub-navigation .input-group-button input{height: 2rem}
#logo,
#hnav{
	vertical-align: middle;
	display: table-cell;
}

#hnav{width: 100%}
#hnav ul{width: 100%}

#gnav{list-style: none;margin: 0;display: table;table-layout: fixed;width: 100%}
#gnav li{
	display: table-cell;
	text-align: center;
    background-color: #ffffff;
    border-right:1px solid #eee;
}
#gnav li a{
    display: block;
    padding: 1.5rem 1rem;
    font-weight: bold
}
#gnav li a:hover,
#gnav li.current-menu-item a{
    background: #fff3f5;
    color: #f75f6f
}

#gnav li.feature a:hover,
#gnav li.feature.current-menu-item a{
    background: #ffe9cf;
    color: #f7941e;
}
#gnav li.spotlist a:hover,
#gnav li.spotlist.current-menu-item a{
    background: #e0f1e9;
    color: #38bb7f
}
#gnav li.events a:hover,
#gnav li.events.current-menu-item a{
	background: #dbf2f3;
	color: #34babe; 
}   
.ship-info{
	padding: 1rem;
	background: #1f8dd6;
	color: #fff;
	border-radius: 0;	
	height: auto;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	writing-mode: vertical-rl;
	z-index: 1000;
	width: 1rem;
	top: 40%
}
.ship-info i{margin-bottom: .4rem}
.drawer-hamburger:hover{
	background: #1f8dd6;
}
.drawer--right .drawer-nav{
	right: -30rem;
}
.drawer-nav{
	z-index: 1000;
	width: 30rem
}

.drawer-nav .twitter_feed{
	background-image: none;
	background-color: #fff
}
.drawer-nav .widget-title{
	background-color: #666;
}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.site-header{background: #fff;}
.site-content{margin-top: 0}
.site-branding-inner{padding: 0 10px}


#main{
	margin-bottom: 2rem
}
.has_sidebar{margin-top: 2rem}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}



/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
	width: 100%
}



/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.5rem 0;
	font-size: .7rem;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/** search form */
.widget.widget_search{
	padding: 10px;
	background: url(images/sep.png) #f7f7f7;
	margin-bottom: 10px;
}
#searchform{
	display: table;
	width: 100%;
	table-layout: fixed;
}
#searchform .search-field{
	width: 79%;
	display: table-cell;
	background: #fff;
    line-height: 1.5;
    vertical-align: middle;
}
#searchform .submit{
	display: table-cell;	
}
/** original **/

.edit{
    position: fixed;
    bottom: 50px;
    left: 5px;
}
.edit a{color: #fff;display: block}

.horizonal{
	display: table;
    width: 100%;
    table-layout: fixed;
}

.horizonal dt, .horizonal dd {
    display: table-cell;
    margin: 0;
    vertical-align: top;
}
.horizonal dt {
    margin-right: 5px;
    width: 20%;
    font-weight: bold;
}


/* 記事下添付ファイル*/

.file-panel{
	background: #f7f7f7;
    padding: 1rem;
    margin:2rem 0 1rem;
}

/* 記事下お問い合わせ情報*/
.contact-panel{
	background: url(images/sep.png) #f7f7f7;
    padding: 10px;
}
.contact-panel-inner {
    background: #f7f7f7;
    padding: .5rem;    
    border: 1px solid #eee;
}

.entry-content .contact-panel h4{
	font-size: 1rem;
    padding: 8px 20px 5px;
    border: 1px solid #eee;
    border-bottom: none;
    background: #fff;
    margin: 0
}    

.callout-box{
    background: #fff
}
.callout-box:nth-child(odd) { }

.callout-box:last-child{
	border: none;
	margin: 0;
}
.contact-panel dl{
    padding:0;
    margin: 0;
    font-size: .9rem;
}
.contact-panel dt {border-right: 1px solid #eee;width: 22%}
.contact-panel dt,.contact-panel dd{
	padding: .5rem;
	border-bottom: 1px solid #eee;
}


/** koshiki callout **/

.koshiki-callout{
	margin-top: 20px;
	background: url(images/sep-green.png) #fff;
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 10px;
	margin-bottom: 20px
}
.koshiki-callout-inner{
	background: #fff;
}

.koshiki-callout-main{
	border-bottom: 1px solid #eee;
	padding: .5rem
}
.koshiki-callout-sub{
	padding: .5rem
}
.koshiki-callout h4{font-weight: bold;font-size: 120%;margin: 0}
.koshiki-callout h4 small{
	color: #00A9C7
}
.koshiki-callout p{margin: 0;font-size: 2rem;font-weight: bold;color: #00A9C7}

.koshiki-callout .koshiki-tag{
	position: relative;
	display: block;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    margin: 0 auto;
}
.koshiki-callout .other-phone{font-weight: bold;font-size: 120%}
.koshiki-callout .label{background: #00A9C7}
.koshiki-callout .tel{
    display: inline-block;
    padding: 0.33333rem 0.5rem;
    line-height: 1;
    white-space: nowrap;
    font-weight: bold;
    color: #00A9C7;
    letter-spacing: 1px;
    font-size: 1.2rem;
}
.koshiki-callout .button{
	background: #00A9C7;
	margin: 0;
	font-weight: bold
}


/** 添付ファイル **/
.down-title{
	font-weight: bold;
	margin-bottom: 10px
}

.breadcrumbs{
    padding: 10px;
    background: #f9f9f9;
    font-size: .7rem;
    margin: 0
}

.site-branding{padding: 20px 0}
.site-branding .site-title img{
	width: 320px;
	height: 38px;
}


/** home **/

.feature-top-box{padding: 1rem 0 0;border-bottom: 1px solid #eee;	background: #fcf9f3;}

.feature-top-box .feature a{
	overflow: hidden
}

.header-box{
	position: relative;
	font-weight: bold;
	padding: .5rem 0;
}
.header-box h2
{
	font-weight: bold;
	font-size: 1.2rem;
	padding: 1rem 0;
	color: #f75f6f;
	margin: 0
}
.header-box p{margin-bottom: 1rem;font-size: .9rem}
.more-bt{padding:1rem 1rem 2rem}
.more-bt a{margin: 0;}

.event-section .more-bt a{
    color: #fff;
    background: #34babe;
    border: 2px solid #34babe;
    padding: 1rem 8rem;
    font-size: 1rem;
    font-weight: bold;
}
.spot-meta{
	background: #e0f1e9;
}
.area-meta{
	background: #f9f9f9;
}
.spot-meta .label{
	background: #38bb7f;
	border-left: 1px solid #30a971;
}
.spot-meta .label:first-child{
	border-left: none
}
.bottom-meta{
	background: #38bb7f;
	line-height: 1
}
.other-box{
	color: #fff;
	display: block;
	line-height: 1;
	text-align: center
}

.spot-section .more-bt a{
	color: #fff;
	background: #38bb7f;
	border: 2px solid #38bb7f;
    padding: 1rem 8rem;
    font-size: 1rem;
    font-weight: bold;
}

.emergency-section{
	padding:1rem 0 0;
	background: #fdf0f0
}
.notice-section{
	padding:1rem 0 0;
}
.notice-section .notice{
	margin: 0;
	background: #fff;
	font-size: .9rem
}
/* .event-section,
.media-section{
	background: #f9f9f9;
}
 */

.info-section{
	padding: 1rem 0;
}
.info-section .tabs-content-nav{
	z-index: 2;
	position: relative;
}
.info-section .tabs-title{
	margin-right: 2px
}
.info-section .tabs-title:last-child{
	margin:0
}
.info-section .tabs-title > a {
    font-size: .8rem;
    background: #F75F6F;
    color: #fff;
    font-weight: bold;
    border-radius: 3px 3px 0 0;
    padding: 1rem 1.5rem;
    border: 2px solid #F75F6F;
    border-bottom: none
}
.info-section .tabs-title > a:hover{
	background: #fff;
	color: #F75F6F
}

.info-section .tabs-title > a:focus,
.info-section .tabs-title > a[aria-selected='true']{
	background:#fff;
	color: #F75F6F;
	border-bottom-color: #fff
}
.info-section .tabs ul{
    border-bottom: 2px solid #F75F6F;	
}
.info-section .tabs,
.info-section .tabs-content{
	border: none;
	background: transparent
}

.info-section .tabs-content-bg{
	margin: -2px 0 0;
	z-index: 1;
    position: relative;
}
.info-section .tabs-content{
	background: #fff;
}
.info-section .tabs-panel{
	padding: 1rem;
	border: 2px solid #F75F6F;
}
.info-section ul{margin: 0}
.info-section .tabs-content li{
	border-bottom: 1px dotted #ddd;
	margin: 0;
}
.info-section .tabs-content li:last-child{
	border-bottom: none
}
.info-section .tabs-content li a{
	font-size: .9rem;
	padding: .5rem 0;
	display: block;
}
.info-section .tabs-content li time{
}
.info-section .tabs-content p{margin: 0}

.event-section,
.media-section{
	background: #f9f9f9
}


.event-section .header-box{
	/* background: url(images/sep-green.png) #dbf2f3; */
}
.event-section .header-box-inner{
	/* background: #dbf2f3 */
}

.event-section .header-box,
.event-section .header-box h2{
	color: #34babe;	
}
.event-section .header-box h2{
}
.event-section .header-box small{color: #555;padding: 0 .5rem}


.spot-section .header-box {
    /* background: url(images/sep-green.png) #e0f1e9; */
}
.spot-section .header-box-inner{
	/* background: #e0f1e9 */
}
.spot-section .header-box,
.spot-section .header-box h2{
    color: #38bb7f;	
}
.spot-section .header-box small{color: #555;padding: 0 .5rem}
.media-section .header-box{
	/* background:url(images/sep-red.gif) #fff3f5; */
}
.media-section .header-box-inner{
	/* background: #fff3f5 */
}
.media-section .header-box,
.media-section .header-box h2{
    color: #f75f6f;	
}
.media-section .header-box small{color: #555;padding: 0 .5rem}
.media-section .multiple-items{
	margin-bottom: 1rem
}
.media-section .more-bt a{
	color: #fff;
	background: #f75f6f;
	border: 2px solid #f75f6f;
    padding: 1rem 8rem;
    font-size: 1rem;
    font-weight: bold;
}
.news-section{
	padding: 2rem 0	
}

.news-section .header-box{
	padding: 0;
	margin-bottom: 1rem
}

.news-section h2{
	font-size: 1.2rem;
	color: #0a0a0a;
	padding: 0;
}
.news-section ul{
	list-style: none;
	margin: 0;
	line-height: 1
}
.news-section ul li{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #eee
}
.news-section ul li:last-child{
	margin-bottom: 0
}
.news-section ul li a{
	display: table;
	table-layout: fixed;
	width: 100%
}
.news-section ul li a:hover{
	color: #f75f6f;
}

.news-section ul li a .news-text {
    padding-left: 10px;
    line-height: 1
}

.news-section ul li a small{
	color: #666;
	margin-bottom: 4px;
	display: inline-block;
}
.news-section ul li p{
	margin: 0;
	line-height: 1.3;
	font-size: .9rem;
	font-weight: bold;
}

.news-section .feature .button{
	background: #f7941e;
	font-weight: bold
}
.news-section .feature p{
	margin-bottom: .5rem;
	font-weight: bold;
}
.news-section .feature .card-section{
	padding-top: .5rem;
}

/**　駅市 **/

.ekiichi-section{
	padding: 1rem 0 2rem;
	background: #f9f9f9
}
.ekiichi-section h2{margin-bottom: 1rem}
.ekiichi-section a{display: block; margin: 0 .5rem}
.ekiichi-section a:hover{opacity: .8}
.ekiichi-section .card{margin: 0}
.ekiichi-section .card-section{
	font-size: .8rem
}
/** beach info **/

.beach-info{margin-bottom: 2rem;font-size: .9rem}
.beach-info .card{margin: 0;border: 2px solid #4cc4ff;background: #4cc4ff;}
.beach-info .card-divider{font-weight: bold; padding: .5rem;background: #4cc4ff;color: #fefefe}
.beach-info .card-section{padding:.2rem}
.beach-box-title{font-weight: bold;background: #b6e7ff;padding: .2rem}
.beach-box-notice{
    color: #03a9f4;
    font-weight: bold;
    font-size: 1.2rem;
    padding: .5rem;
    background: #fff;
}
.beach-info .button{
    background: #fefefe;
    color: #4cc4ff;
    font-weight: bold;
    margin: 0;
    padding: .2rem .5rem;
}

#fm871 h4{
    font-size: 1rem;
    color: #00a0e8;
    font-weight: bold;
}
#fm871 .date{color: #666;font-size: .6rem;margin: 0}
#fm871 .card-section{padding: .5rem}
#fm871 .tweet{margin-bottom: .5rem}
/** single **/


.related-box{margin-bottom: 2rem}
.related-box h2{
	background: url(images/sep.png) #f7f7f7;
	margin-bottom: 20px;
	padding: 10px 20px;
	font-size: 1.2rem;
	font-weight: bold;
}
.related-inner{

}
.related-box img{width: 100%}

/** content**/
.entry-header{
	margin-bottom: 20px;
	padding: 0;
}
.entry-title{
    font-size: 2rem;
    font-weight: bold;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 1.3;
}

.entry-header .post-meta{
	padding: 10px 20px;
	background: #f4f4f4;
	border-bottom: 1px solid #eee;
	font-size: .9rem;
	color: #666;
}
.entry-header .label{
	background: #f4f4f4;
	font-size: .9rem;
	color: #666;
	font-weight: normal;
	padding: .3rem 0rem .3rem
}
.entry-content{
    margin: 0 0 1rem;
    color: #0a0a0a;
    word-break: normal;
    padding: 0;
}
.entry-content h2{
	font-size: 1.5rem;
    letter-spacing: 1px;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 1.5rem;
    padding-bottom: .5rem;
    background-repeat: repeat-x;
    background-position: left bottom;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…gd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
	    background-size: 100%;
	    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(25%, #111111), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
	    background-image: -moz-linear-gradient(left, #111111 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
	    background-image: -webkit-linear-gradient(left, #111111 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
	    background-image: linear-gradient(to right, #111111 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
	    background-size: 8px 2px;	
}
.entry-content h3{
    font-size: 1rem;
    letter-spacing: 1px;
    line-height: 160%;
    margin-bottom: 1rem;
    font-weight: bold;
    padding: 6px 14px;
    background: #f1f1f1;;
}
.event-content h3{
    display: block;
    background: #eee;
    font-weight: bold;
    font-size: 1rem;
    padding: .5rem 1rem;
}
.entry-content h4,.event-content h4{
	font-size: 1rem;
    font-weight: bold;
    padding-left: .5rem;
    border-left: .25rem solid #F75F6F;
    margin:.5rem 0;
}



.entry-content a{
	color: #1aa3c6;
}
.entry-content a:hover{
	color: #0090aa;
	text-decoration: underline;
}

.event-content{
	border: 1px solid #eee;
	padding: 20px;
}

.event-content h2{
	font-size: 1.3rem;
	font-weight: bold;
    border-bottom: 2px solid #F75F6F;
    padding-bottom: .5rem;
    margin-bottom: 1rem;
}
.event-content p{
	margin-bottom: 12px;
	line-height: 1.8
}

.event dl{
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 12px;
    margin: 1rem
}

.event dt{
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 140%;
    font-weight: bold;
    margin-bottom: 6px;
}

.event dd{
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 160%;
    word-wrap: break-word;
}
.event dd ul{margin-bottom: 0;font-size: 12px} 
.entry-footer{
	padding: 0;
}

.em-location-map-container{
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}

.em-pagination{
    text-align: center;
    letter-spacing: -0.4em;
    display: block
}

.em-pagination .page-numbers,.em-pagination a {
    display: inline-block;
    padding: .5rem 1rem;
    letter-spacing: normal;
    margin: 0 5.5px;
    vertical-align: middle;
    color: #0a0a0a;
}

.em-pagination .current,
.em-pagination a:hover {
    color: #f75f6f;
    background: url(images/sep-red.gif) #fff;
    border: 0;
}

.em-pagination a {
    background: url(images/sep.png) #f7f7f7;
    -webkit-transition: color 0.35s, background-color 0.35s;
    transition: color 0.35s, background-color 0.35s;
}
.em-map-balloon-content{
	padding: 1rem
}
.em-map-balloon-content p{margin-bottom: .5rem}
.page-header,.full-widht-page-header{
	margin: 0;
    padding: 2rem 0;
    background: url(images/sep-red.gif) #fff;
}

/** archive **/
.archive .page-header,.archive-page-header{
	text-align: center;
	margin-top: 2rem
}
.archive .page-title,
.archive-page-header .page-title{
    margin: 5px 0 6px;
    padding: 0;
    font-size: 25px;
    line-height: 1.4;
    font-weight: bold;
    display: inline-block;
}
.archive .cat-slug,
.page-title .cat-slug{font-weight: bold; color: #f75f6f}

.taxonomy-description{margin-bottom: 20px;padding: 10px;background: url(images/sep-red.gif)}
.taxonomy-description p{
	font-size: 1rem;
	padding: 20px;
	line-height: 1.3;
	font-weight: bold;
	text-align: left;
	background: #fff;
	margin: 0
}

.contents-list article{
    position: relative;
    background-repeat: repeat-x;
    background-position: left bottom;
    border: none;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…gd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(25%, #111111), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -moz-linear-gradient(left, #111111 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-image: -webkit-linear-gradient(left, #111111 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, #111111 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    background-size: 4px 1px;
    padding-bottom: 1rem;
    margin-bottom: 1rem
}

.contents-list a{
	color: #0a0a0a
}
.contents-list .text-box{
	padding: .5rem
}
.contents-list h3{
	font-size: 1rem;
	font-weight: bold;
}
time{
	color: #666;
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	vertical-align: middle;
}
.contents-list p{
    line-height: 1.2;
    margin-bottom: 0;
	font-size: .9rem;
}

.contents-list a:hover{
	background: #F9F9F9;
}

.koshiki-tag{
	position: absolute;
	display: inline-block;
    top: 5px;
    left: 5px;
    width: 30px;
    height: 30px;
}



/***** single ****/

.cat-header{
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    color: #fff;
    position: relative;
}


.cat-header.events,.cat-header.event{
	background-image: url(images/hanya-bg.jpg);
}
.cat-header.spotlist{
	background-image: url(images/teuchi-wan.jpg);
}
.cat-header.media_gallery{
	background-image: url(images/media_gallery_bg.jpg);
}
.cat-header.feature{
	background-image: url(images/media_gallery_bg.png);
}
.cat-header.guide-documents{
	background-image: url(images/guidebook_bg.jpg);
}
.cat-header p{
    font-size: 170%;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    margin-top: 10px;
}
.cat-heade span{color: #fff;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);}

.single .hentry{
	background: #fff
}

.tmblr-full{text-align: center; margin-bottom: 10px}



.card p{
    margin: 0 0 .1rem;
    font-size: .85rem;
    line-height: 1.3;
}
.card ul,
.card dl{
    font-size: .85rem;
    line-height: 1.4;
}
.card .button{
	margin: 0
}


/** social **/
.sd-title{
    position: relative;
    margin-bottom:0;
    padding: 10px 10px;
    font-size: 120%;
    font-weight: bold;
    background: url(images/sep.png) #f7f7f7;
    text-shadow: 0px 1px 1px #ccc;
    border-bottom: 1px solid #eee;
}
.social{display: block; padding: 10px; background: #f9f9f9;}
.social-list{

}
.social-list li{padding: 0 2px;}
.social a{
    color: #fff;
    border-radius: 3px;
    padding: 10px 30px;
    display: block!important;
    text-align: center
}
.menu-facebook a{
	color: #3b5998;
}
.facebook a{
	background: #3b5998;
    box-shadow: 0 3px #2d4373;
}
.facebook a:hover{
	background:#4c70ba
}
.twitter a{
	background: #55acee;
	box-shadow:0 3px #2795e9
}
.twitter a:hover{
	background:#83c3f3
}


/** mailmagazine **/
.mailmagazine-form{
	padding: 8px;
	background-image: url(images/airmail.jpg);
	background-repeat: repeat;
	background-position: left top;
	background-size: 60px;
	margin: 0;
	border-radius: 3px;
}

.mailmagazine-form-inner{
	background: #fff;
	padding: 8px
}

.mailmagazine-form legend{
	width: 100%;
	font-size: .9rem;
	font-weight: bold
}

.mailmagazine-form .input-group{margin: 0}
.mailmagazine-form p{margin: 0}
.mailmagazine-form p a{color: #00a0e8}
/** related **/
.jp-relatedposts h3{
	font-size: 1rem;
	font-weight: bold;
	background: #f7f7f7;
	padding: .5rem
}
.jp-relatedposts-items {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.jp-relatedposts-post-a{
	display: block;
	margin-bottom: .3rem
}
.jp-relatedposts-post-excerpt{
	font-size: .8rem;
	margin-bottom: .5rem;
	line-height: 1.3
}
.jp-relatedposts-post{
    width: 33.3333333333%;
	padding: .2rem .3rem;
	margin-bottom: .5rem;
}
.jp-relatedposts-post:hover{
	background: #f9f9f9
}
.jp-relatedposts-post-title{
	font-size: .8rem;
	line-height: 1.3;
	font-weight: bold
}
.jp-relatedposts-post-date{
	margin-bottom: 0;
	text-align: right;
	color: #666;
	font-size: .6rem
}
.jp-relatedposts-post-context{
	margin: 0
}
/*** post nav **/
.post-navigation{
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin-bottom: 2rem;
}

.pnav-ul{
	list-style: none;
	margin: 0
}
.prev-area {
    border-right: 1px solid #eee;
}

.pnav-ul a{display: table;width: 100%;table-layout: fixed; vertical-align: middle;padding: 20px 0;}
.pnav-ul .arrow{
	display: table-cell;
	vertical-align: middle;
	width: 8%;
	background: #333;
	color: #fff
}
a:hover .arrow{
	background: #F75F6F
}
.pnav-ul figure{
	display: table-cell;
	vertical-align: middle;
	width: 20%
}
.pnav-ul .thumbnail{margin: 0;border: none;padding: 0 .2rem; border-radius: 0;box-shadow: none}
.pnav-ul p.nav-title{
	display: table-cell;
	vertical-align: top;
	margin: 0;
	width: 70%;
	font-size: .8rem;
	line-height: 1.3;
	padding: 0 .2rem;
	font-weight: bold
	}
.no-article{display: block;margin: 0;color: #666}

/** accordion **/

.entry-content .accordion-title{
	color: #F75F6F;
    font-weight: bold;
    font-size: 1rem
}
.accordion li{margin-bottom: 0}
/*  sidebar widget  */
#secondary{
	margin-top: 2rem
}

#secondary .input-group{margin: 0}

.widget{
    background: #fff;
}
.widget-title {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    font-weight: bold;
    color: #fff;
    overflow: visible;
    background: #f75f6f;
    margin-bottom: 0;
    font-size: 1rem;
}
.textwidget {
    background: url(images/sep.png) #f7f7f7;
    padding: 10px;
}

.event-list-box{
	display: table;
	width: 100%;
	table-layout: fixed;
	background: #fff;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 5px
}
.event-list-box:last-child{
	margin: 0
}
.event-list-box .thumb,
.event-list-box .p-text{
	display: table-cell;
	vertical-align: top;
	padding: 4px
}
.event-list-box .p-text {
	
}
.event-list-box .thumb{
	width: 30%
}
.event-list-box h3{
	margin-bottom: 5px;
	line-height: 1.3;
	font-size: .9rem
}
.event-list-box h3 a{
	font-weight: bold
}
.event .event-list-box dl{
	padding-bottom: 5px;
	border: none
}

.widget ul,
.em-calendar-wrapper,
.twitter_feed{
	background: url(images/sep.png) #f7f7f7;
    padding: 10px;
    margin-left: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.widget_twiiter h2{background: #00A9C7;position: relative}
.widget_twiiter h2 a{
    display: block;
    background: #F75F6F;
    padding: 0px 14px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: 0;
}
.em-calendar{width: 100%;background: #fff}
.twitter_feed_inner{
	background: #fff;
	padding: 10px
}
.twitter_feed_inner p{
	line-height: 1.8;
	margin: 0
}
.twitter_feed_inner p.date{margin-bottom: 5px;}
.twitter_feed_inner span{font-size: 10px;font-weight: bold;display: inline-block}
.widget li{
    display: block;
    background-color: #fff;
	border-bottom: 1px solid #eee;
    font-size: .9rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.widget li:last-child{
	border-bottom: none;
	background-image: none;
}
.widget li a{
    display: block;
    width: 100%;
    height: auto;
    padding: 15px 15px 15px 25px;
    overflow: hidden;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    line-height: 1.4;
    position: relative;
}
.widget li a:hover,
.current_page_item a,
.current-cat a{
	background: #fff3f5
}

.widget li a:before{
    content: "\f138";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #f75f6f;
    position: absolute;
    top: 17px;
    left: 10px;
}

aside.side-aside {
    padding: .5rem;
}

.side-list h2 {
    margin-bottom: 0;
    padding: 8px 20px;
    font-size: 100%;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    height: 34px;
    line-height: 16px;
}

.side-list ul li{
	margin-bottom: 5px;
    padding: 5px 0;
}
.side-list ul li:first-child{padding-top: 15px}
.side-list ul li a{display: table;table-layout: fixed;width: 100%;padding: 0}
.side-list ul li a figure{display: table-cell;width: 30%;vertical-align: top}
.side-list ul li a .media_gallery-side-text{display: table-cell;width: 70%;padding: 0 0 0 10px}
.side-list ul li a .media_gallery-side-text h4{
    margin-bottom: 10px;
    font-size: .9rem;
    line-height: 1.3;
}
.side-list ul li a .media_gallery-side-text .label{
	font-size: .7rem;
	padding: 4px;
	border: 1px solid #E6E6E6;
	display: inline-block;
	background: #fff;
	color: #666
}

/*****  search ****/

.search-section{
	padding: 10px;
	background: #FADADB url(images/sep-red.gif);
	min-width: 1024px;
}
.search-section.event-search{
 background: url(images/sep-green.png) #dbf2f3;
 color: #34babe
}
.search-section.event-search label{
	color: #34babe
}
.search-section.event-search .feas-submit-button{
	background: #34babe
}

.search-section.spotlist-search{
 	background: url(images/sep-green.png) #e0f1e9;
 	color: #38bb7f
}
.search-section.spotlist-search label{
	 color: #38bb7f
}
.search-section.spotlist-search .feas-submit-button{
	background: #38bb7f
}

#feas{
	padding: 10px 0;
}
.search-section input[type="text"]{
    padding: .5em .6em;
    display: inline-block;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
    background: #fff;
    width: auto;
    margin: 0;
    border: none;
}
.search-section form{
    display: table;
    width: 100%;
    table-layout: fixed;
}
.search-section label{
	font-weight: bold;
    vertical-align: middle;
    margin-right: .5rem;
    display: inline-block;
    color: #F75F6F;
    font-size: 1.2rem;
}
.search-section form div{display: inline-table;margin-right: 10px}
.search-section .submit-search{margin: 0}
.feas-submit-button{
	background: #f75f6f;
	color: #fff;
    padding: .6em 1em;
    text-decoration: none;
    border-radius: 2px;
    border: none;
    cursor: pointer
}
.search-section select{
    box-sizing: border-box;
    font-weight: normal;
    background: #fff;
    width: auto;
    margin: 0;
    border: none;
}
.search-section option{
	
}
/***** gagenavi ****/

.media_list_pager .wp-pagenavi {
    margin: 2rem 0
}

.wp-pagenavi {
  text-align: center;
  letter-spacing: -0.4em; }
  .wp-pagenavi > a, .wp-pagenavi span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 10px;
    letter-spacing: normal;
    margin: 0 5.5px;
    vertical-align: middle;
    line-height: 1;
    }
    .wp-pagenavi span.pages{width: 80px}
    .wp-pagenavi .first,.wp-pagenavi .last{width: 80px}
    .wp-pagenavi > a.is_is_disable, .wp-pagenavi span.is_is_disable {
      background: #eee !important;
      color: #eee !important;
      cursor: default;
      border: 0; }
    .wp-pagenavi > a.is_is_disable, .wp-pagenavi span.is_is_disable {
      background: #eee !important;
      color: #eee !important;
      cursor: default;
      border: 0; }
  .wp-pagenavi > a {
	  background: url(images/sep.png) #f7f7f7;
   	-webkit-transition: color 0.35s, background-color 0.35s;
            transition: color 0.35s, background-color 0.35s;
    }
    .wp-pagenavi > a:hover {
    color: #f75f6f;
    background: url(images/sep-red.gif) #fff;
    }
  .wp-pagenavi > span {
    	background: url(images/sep.png) #f7f7f7
    }
  .wp-pagenavi > span.current {
    color: #f75f6f;
    background: url(images/sep-red.gif) #fff;
    border: 0;
    }
  .wp-pagenai .nextpostslink > i, .wp-pagenavi .prevpostslink > i {
    font-size: 15px;
    font-size: 1.5rem; }
  .wp-pagenavi .nextpostslink.is_disable, .wp-pagenavi .prevpostslink.is_disable {
    background: #e1e1e1;
    color: #FFF;
    border: 0;
    cursor: default;
    box-shadow: none; }
    

/***** footer ****/
#colophon{
	padding: 0;
}
.footer-nav{
	background: #fafafa;
	font-size: .8rem
}
.footer-inner{
	padding: 20px 0
}
.footer-inner ul{
	
}
.footer-inner ul li{
    line-height: 180%;
    margin-bottom: 4px;
}
.footer-inner ul li a{
	padding: .5rem
}

.pagetop {
    position: fixed;
    right: 2%;
    bottom: 20px;
    font-size: 200%;
    z-index: 100;
    text-align: center;
    line-height: 0;
    padding: 4px 10px 8px;
    background: #EC7B73;
    border-radius: 3px;
    color: #fff;
}


.copy{
	background: #0a0a0a;	
}

.copy p{
	margin: 0;
	padding: 10px 0;
	font-size: 10px;

	color: #ccc
}


/***** footer banner ****/
.banner_area{}
.banner-inner{
}
.global-callout{
	font-weight: bold;
	background:  #d9edf7;
	padding: 1rem 0;
}
.global-callout .row{
	background: #fff
}
.global-callout h4{font-size: 1rem;margin: 0;font-weight: bold}
.global-callout a{margin: 0}
.global-callout ul{
	font-size: .9rem;
	padding: 1rem;
	border-left: 1px dotted #eee;
	border-right: 1px dotted #eee
}
.global-callout ul span{
	color: #31708f
}

.widget_image a{
    border: 1px solid #f4f4f4;
	margin: 0 .2rem;
	display: block;	
}
#image-9.widget_image a{
    border: none;
    margin: 0;
}

.widget_image a:hover{
	opacity: .8;
}

/*** spotlist **/

.spotlist-box{
	position: relative;
	display: block
}

.spotlist-box h3{
    font-weight: bold;
    font-size: .9em;
    margin: .3em 0 .5rem;
    line-height: 1.3;
}
.spotlist-box p{
	font-size: .8rem;
	line-height: 1.3;
	margin-bottom: .5rem
}
.spotlist-box .card-section{
	padding: .5rem
}
.spot-label{display: inline-block}
.spot-label .label{
    background: #e4e0e1;
    color: #0a0a0a;
}


.info-list table{
	width: 100%;
	table-layout: fixed;
	box-sizing: border-box;
	margin-bottom: 0;
	font-size: .8rem
}
.info-list table th {
    background: url(images/sep.png) #f9f9f9;
    border: 1px solid #eee;
    border-top: none;
    font-weight: bold;
    letter-spacing: 1px;
    text-align: center;
    padding: 16px;
    line-height: 160%;
    vertical-align: middle;
    width: 20%;
}
.info-list table td {
    background: #FFFFFF;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    letter-spacing: 1px;
    padding: 16px;
    line-height: 160%;
    width: 80%
}
table.poilist{margin-bottom: 0}
table.poilist td.icon {
	width: 12%;
	text-align: center;
}
.mapp-poi-list table td {
	width: auto
}
.info-list a{
	color: #1aa3c6;
}
.info-list a:hover{
	color: #0090aa;
	text-decoration: underline;
}
.info-list h3,
.info-list h4{
	font-size: .9rem;
	font-weight: bold
}
.info-list img{margin-bottom: .5rem}
.image-box{
    position: relative;
    border: 1px solid #eee;
    box-sizing: border-box;
    border-bottom: none;
}

.image-box ul{
	margin: 0;
	list-style: none
}
.image-box img{width: 100%}
.mistake {
    padding: 10px;
    background: #f9f9f9;
    border: 1px solid #eee;
    border-top: none;
    line-height: 1.3;
    font-size: .9rem;
}

.mistake p{
	margin: 0
}
.mistake a{
	color: #1aa3c6
}
.side-entry-container {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}
.media_gallery .side-entry-container{
	border: none
}
.side-entry-container .entry-header {
    margin-bottom: 20px;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}

.side-entry-container .g-meta {
    background: #F75F6F;
    padding: 10px;
    border-top: 1px solid #EC7B73;
    text-align: center;
    font-size: .8rem;
    color: #fff;
}

.side-entry-container .spotlist-area-meta {
    padding: 10px;
    text-align: center;
    font-size: .8rem;
}

.side-entry-container .g-meta a {
    color: #fff;
}

.side-entry-container .entry-title {
    font-size: 1.3rem;
    padding: .5rem 1rem;
    margin-bottom: 0;
}

.side-entry-container .furigana {
    margin: 0;
    font-size: .9rem;
    padding: .5rem 1rem;
    color: #666;
    font-weight: bold;
}
.side-entry-container .entry-content {
    margin-bottom: 10px;
    padding: 0 20px;
}
.side-entry-container .entry-content p{
	font-size: .9rem;
}
.side-entry-container .entry-footer {
    margin: 0 20px 20px;
}

.side-entry-container .social {
    margin-bottom: 20px;
}

/** events **/
.search .css-events-list,
.page .css-events-list,
.archive .css-events-list{margin-top: 2rem}
.event-list-box{
	display: table;
	width: 100%;
	table-layout: fixed;
	background: #fff;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 5px
}

.meta-box{background: #f4f4f4}

.event-box a.post-link{
    display: block;
    margin-bottom: 1rem;
    border: 1px solid #eee;
    border-radius: 3px;
    background: #fefefe;
    box-shadow: none;
    color: #0a0a0a;
}
.event-box a:hover{
	color: #434343
}

.event-box h3 {
    font-weight: bold;
    font-size: 1em;
    margin: .3em 0 .5rem;
    line-height: 1.5
}
.event-meta{
	display: block;
	line-height: 1;
	background: #f9f9f9
}
.event-meta .area-meta{display: inline-block}
.event-meta .spot-label .label{
	background: #34babe;
	color: #fff;
	border-left: 1px solid #30a971;
}
.event-meta .spot-label .label:first-child{
	border: none
}
.event-status{
    line-height: 1;
    display: inline-block;
}
.event-box span.ava{
    background-color: #f75f6f;
}
.event-box span.end{
    background-color: #486d8e;
}

.event-box span.on{
    background-color: #e4b12b;
}

.event-meta-box dl {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin:0 0 5px 0;
    font-size: .8rem
}
.event-meta-box dt, .event-meta-box dd {
    display: table-cell;
    line-height: 1.3;
}
.event-meta-box dt {
    width: 15%;
    font-weight: bold
}

.dummy-btn{
	text-align-last:end;
	padding: 0 1rem 1rem
}
.dummy-btn .button{margin: 0;background: #34babe}
/** feature **/
.button.feature{
	background: #f7941e
}

.feature figure{margin: 0}
.feature-content{margin: 0}
.feature-box{margin:2rem 0}
.feature-box article{
	margin-bottom: 2rem;
	position: relative
}

.feature-text{
	padding: .5rem 0 0;
}
.feature-text h2{
	font-weight: bold;
	font-size: .8rem
}


/** guide book **/
.guide-documents a{
	position: relative;
}
.guide-documents h3{
	font-weight: bold;
    font-size: .9em;
    margin: .3em 0 .5rem;
    line-height: 1.3;	
}

.guide-documents .side-entry-container a{display: inline-block}


/** media gallery **/
.gallery_box a {
    position: relative;
    display: block
}
.gallery_box h3{
	font-weight: bold;
    font-size: .9em;
    margin: .3em 0 .5rem;
    line-height: 1.3;
}

.media-wrapper {
    background: #000;
    margin-bottom: 20px;
}
.movie-box{
	width: 100%;  
    overflow: hidden;
    position: relative
}
.movie-box iframe{
	margin: 40px auto;
	width: 640px;
	height: 360px;
}
.image-box{position: relative}   
/**favorite **/
#fav{
	position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
    height: 30px;
    width: 30px;
}
.simplefavorite-button{
	background: #F75F6F;
	text-align: center;
    padding: 6px;
    border-radius: 50%;
    text-align: center;
    display: block;
    height: 30px;
    width: 30px;
}
.simplefavorite-button i{
	color: #fff;
}
.simplefavorite-button.active i,.simplefavorite-button i:hover{
	color: yellow
}
.simplefavorite-button.loading i{
	color: #fff
}



.req {
    font-size: 80%;
    color: #ee7073;
    margin: 0 0 0 5px;
}


.page-list-ext h3{background: no-repeat; padding: 0}
.page-list-ext-item{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background: #fefefe;
    box-shadow: none;
    overflow: hidden;
    color: #0a0a0a;
    padding: 1rem
}


/** banner バナー **/
.banner ul{margin: 0;list-style: none}
.card.feature .button{
	background: #f7941e
}

.banner ul li{
	margin-bottom: .5rem
}

/** ranking ランキング **/
.ranking .card-section{
	padding: .5rem;
}
.ranking h3{
    font-size: 1rem;
    background: #ffae00;
    color: #fefefe;
    padding: .5rem;
    margin-bottom: 1rem;
    font-weight: bold;
    border-radius: 2px;
}
.ranking h4{font-size: .8rem;font-weight: bold;line-height: 1.2}
.ranking-box{
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px dotted #eee;
    position: relative;
}
.ranking-box:last-child{margin: 0;padding: 0; border: none}
.ranking-box img{padding: .2rem}
.ranking-box .text-box{padding: 0 0 0 .2rem}
.ranking-box .rank{
    margin: 0;
    font-weight: bold;
    font-size: .8rem;
    background: #F75F6F;
    color: #fff;
    display: inline-block;
    padding: 0.2rem .4rem;
    border-radius: 2px;
}

.ranking-box .cat-meta{
	font-size:.6rem;
	text-align: right
}
.ranking-box .rank.no1{background: #ffc045}
.ranking-box .rank.no2{background: #c2c2c2}
.ranking-box .rank.no3{background: #DB9C15}


#message{text-align: center;padding: 1rem;}
#message p{margin: 0}

.group{
	background: #F75F6F;
	font-size: .8rem
}
.group a{color: #fff}

.l-box{margin-bottom: 1rem}

.input-group-field{
	min-width: auto
}

.schedule h3{
	background: #eee9dc;
	color: #666
}
.schedule .card{
	border-color: #eee9dc
}
#timeline {
    margin: 0 0 0 140px;
    list-style: none;
    padding-left: 35px;
    border-left: 8px solid #eee9dc;
}
#timeline .date {
	margin-top: -10px;
    top: 50%;
    left: -180px;
    font-size: 0.95em;
    line-height: 20px;
    position: absolute;
    color: #666;
    font-weight: bold;
    width: 120px;
}

#timeline .circle {
    margin-top: -5px;
    top: 17px;
    left: -45px;
    width: 12px;
    height: 12px;
    background: #eee9dc;
    border: 3px solid #00b48c;
    border-radius: 50%;
    display: block;
    position: absolute;
}
#timeline h4{
	line-height: 1;
	margin-bottom: .3rem;
	font-size: 1rem;
	background: #00b48c;
	padding: .5rem 1rem;
	border: none;
	border-radius: 2px;
	color: #fff;
}
#timeline li{
	margin-bottom: 2rem;
	position: relative;
}
#timeline .content{
	padding: .5rem 0;
}
.slick-slide a{display: block}
.slick-slide img{margin: 0 auto}
.slick-prev:before, .slick-next:before{
	color: #F75F6F;
}

.mapp-layout{
	margin: 0;
	border-color: #eee;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop,
	.card,
	.card-section{
  		box-sizing: border-box;
  		display: block;
	}

	*::-ms-backdrop,
	.input-group #s{
		box-sizing: border-box;
		display: inline-block;
		-ms-flex:none;
		flex: none;
		width: auto;
	}
	
	*::-ms-backdrop,
	.input-group-button{
		box-sizing: border-box;
		display: inline-block;
		-ms-flex:none;
		flex: none;
	}
}