/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# General Structure
  ## Code
  ## Cover
  ## Embeds
  ## Gallery
  ## Group
  ## Image
  ## Media Text
  ## Latest Posts
  ## List
  ## More
  ## Pullquote
  ## Quote
  ## Separator
  ## Table
  ## Video
  ## File
# Additional Theme Styles
  ## Color Palette
#BlockEditor Customize　Font , color
#Other
#Plugins

--------------------------------------------------------------*/
/* 「高度な設定」記入用CSS */
.mb0{margin-bottom: 0 !important;}
.mt0{margin-top: 0 !important;}
.mt-reset{margin-top: -40px !important;}
.lh1{line-height: 1;}
.order1{order:-1;}
.padding0{padding: 0 !important;}
.padding0-20{padding: 0 20px !important;}

.wp-block-embed-issuu .issuuembed{width: auto !important; height: 580px !important;}

.entry-content > .wp-block-columns{margin-bottom: 0;}
.wp-block-column{margin-bottom: 20px;}

/*カラムブロック：ブラウザサイズ最小でも2カラムのまま*/
.minS2col .wp-block-column {flex-basis: calc(50% - 15px) !important;}
@media (min-width: 600px){
.wp-block-column { flex-basis: calc(50% - 15px); flex-grow: 0;}
.wp-block-column:nth-child(2n) { margin-left: 30px;}
}
@media screen and (min-width:782px) {
.order1{ order: 0;}
.wp-block-column:not(:first-child) {
    margin-left: 30px;
}
}
@media screen and (max-width:768px) {
.minS2col .wp-block-column:nth-child(2n) {
    margin-left: 15px;
}
}

/*--------------------------------------------------------------
# Block Styles
--------------------------------------------------------------*/
.get_adobereader{border:1px solid #D6EFD1;}
.get_adobereader img{ display: block;}
.get_adobereader a{padding-right: 0;}
.get_adobereader a::after{content: none;}
@media screen and (min-width:481px) {
.get_adobereader img{display: inline-block; float: left; margin-right: 20px; margin-bottom: 20px;}
}

/*
## .wp-block-button
--------------------------------------------------------------*/
.wp-block-button .wp-block-button__link { border-radius: 5px; min-width: 260px; height: 44px; line-height: 44px; padding: 0px 24px; position: relative; overflow: hidden;}

.wp-block-button .wp-block-button__link::before {transition: 0.3s;
position: absolute; content: ""; left: 0 ;top: 0; width:100%; height: 44px;}
.wp-block-button .wp-block-button__link:hover::before {background-color:rgba(0,0,0,0.2);}

/* .ico-search-w */
.wp-block-button.ico-search-w a{ background-position: 96% center;}
/* .wide button */
.is-style-wide-button .wp-block-button__link,
.is-style-wide-outline .wp-block-button__link{width:100%;}
.is-style-wide-outline{color:#32373c}
.is-style-wide-outline .wp-block-button__link{background-color:transparent;border:2px solid;}
/*--------------------------------------------------------------
## General Structure
--------------------------------------------------------------*/
.entry-content > * {
  margin: 0 auto 40px;
  max-width: 1140px;
/*  padding-left: 14px;
  padding-right: 14px;*/
}
.entry-content > .alignfull { width: 100%;}
.entry-content > .alignfull .alignwide {max-width: 1140px; width: 96%; margin-left: auto; margin-right: auto;}

@media screen and (min-width: 1141px) {
.entry-content > .alignfull .alignwide {width: 100%;}
}
.entry-content > p {  margin:0 auto 18px auto ;}
.entry-content  .wp-block-file{margin-top: 0;}
.entry-content > iframe { display: block;}
.entry-content > .alignwide {  max-width: 1140px;}
.entry-content > .alignfull {  max-width: 100%;}

@media screen and (min-width: 481px) {
  .entry-content > * {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/*--------------------------------------------------------------
## Spacer
--------------------------------------------------------------*/
.wp-block-spacer{margin-bottom:0;}

/*--------------------------------------------------------------
## Code
--------------------------------------------------------------*/
.wp-block-code {  padding: 0.8em 1em;  margin-left: 14px;  margin-right: 14px;}

@media screen and (min-width: 481px) {
  .wp-block-code {
    margin-left: auto;
    margin-right: auto;
  }
}

/*--------------------------------------------------------------
## Cover
--------------------------------------------------------------*/
.wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 30px);}
.wp-block-cover-text p { padding: 1.5em 14px;}

/* Cover Link*/
.is-style-linkCover,
.linkCover .wp-block-cover,
.linkCover.wp-block-cover {height:auto;padding-top:50%; overflow: hidden;}
.is-style-linkCover a,
.linkCover a{color:#FFF !important;width: 100%; height: 100%;position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
text-decoration: none;justify-content: center; align-items: center; line-height: 1.3;-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.is-style-linkCover a:hover,
.linkCover a:hover{background: rgba(0,0,0,0.5);-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease;transition: all 0.3s ease;}

@media screen and (min-width: 768px) {
.wp-block-cover-text p { padding: 1.5em 0; }
}
/* Slider
--------------------------------*/
.box-linkCover .wp-block-column .wp-block-columns { margin-bottom:0;}
.box-linkCover .wp-block-cover{position: relative; max-width: 270px;min-height: 200px !important; width: 100%; margin: 0 auto;}
.box-linkCover .wp-block-cover a,
.box-linkCover .wp-block-cover .wp-block-cover__inner-container p{-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
.box-linkCover .wp-block-cover .wp-block-cover__inner-container{ width:100%;text-align: center; position: relative;height: 100%;}
.box-linkCover .wp-block-cover .wp-block-cover__inner-container p{margin: 0;width: 96%; justify-content: center;}
.box-linkCover .wp-block-cover .wp-block-cover__inner-container p:nth-child(2){position: absolute;width: 96%; right:0; bottom: 15px;left:0; margin: auto; line-height: 1.3;min-height: 30px;}
.box-linkCover .wp-block-cover .wp-block-cover__inner-container p:last-child{z-index: -1;}
.box-linkCover .wp-block-cover a{text-decoration: none; color: #FFF;width: 100%;height: 100%; position: absolute; left: 0; justify-content: center; align-items: center; font-size: 22px; font-size: 2.2rem; line-height: 1.3;}
.box-linkCover .wp-block-cover a:hover{background: rgba(0,0,0,0.5);-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;transition: all 0.3s ease;}
.box-linkCover .wp-block-cover::before{content: "";position: absolute;top:10px;left: 10px; width:40px; height:40px;-webkit-border-radius:20px;-moz-border-radius: 20px;border-radius: 20px;background-color: #9E4C53;background-position: center center;}
.box-linkCover .c_kumanokodo::before{background-image: url("../images/ico-kumanokodo_w.svg"); }
.box-linkCover .c_resources::before{background-image: url("../images/ico-resources_w.svg");}
.box-linkCover .c_places::before{background-image: url("../images/ico-places_w.svg");}
.box-linkCover .c_onsen::before{background-image: url("../images/ico-onsen_w.svg");}
.box-linkCover .c_activities::before{background-image: url("../images/ico-activities_w.svg");}
.box-linkCover .c_transport::before{background-image: url("../images/ico-transport_w.svg");}
.box-linkCover .c_lodging::before{background-image: url("../images/ico-lodging_w.svg");}
.box-linkCover .c_cuisine::before{background-image: url("../images/ico-cuisine_w.svg");}
.box-linkCover .c_articles::before{background-image: url("../images/ico-articles_w.svg");}
.box-linkCover .c_contact::before{background-image: url("../images/ico-contact_w.svg");}
.box-linkCover .c_search::before{background-image: url("../images/ico-search_w.svg");}

@media (max-width: 599px){
.box-linkCover .wp-block-column .wp-block-column {
    flex-basis: 50%!important;
    margin-bottom: 10px;
}
.box-linkCover .wp-block-columns{margin-bottom: 0;}
}
@media (max-width: 480px){
.box-linkCover .wp-block-column .wp-block-column {
    flex-basis: 100%!important;
}
}
/*自動出力用*/
.entry-content ul.box-linkCover{max-width: 1140px; width: 96%; margin: 30px auto;justify-content:space-around;
-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; flex-wrap: wrap;}
.entry-content ul.box-linkCover li{margin: 0; margin-bottom: 10px; list-style: none;max-width: 270px; width: 100%;}
.entry-content ul.box-linkCover li strong{ font-size: 22px; font-size: 2.2rem; z-index: 10; margin:0 10px;display: block; text-align: center;}
.entry-content ul.box-linkCover a{text-decoration: none; color: #FFF;line-height: 1.3;-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;align-items: center; justify-content: center;position: relative;}
.entry-content ul.box-linkCover a::after{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;content: "";position: absolute;top:0;right: 0;bottom:0;left:0;margin: auto;width: 100%;height:100%;background: rgba(0,0,0,0.2);}
.entry-content ul.box-linkCover a:hover::after{background: rgba(0,0,0,0.5);}
.entry-content ul.box-linkCover .wp-block-cover::before{z-index: 1;}
.entry-content ul.box-linkCover .subtit{position: absolute; width: 96%;right: 0; bottom: 15px; left: 0; margin: auto; line-height: 1.3;
    min-height: 30px;text-align: center;}
@media screen and (min-width: 481px) {
.entry-content ul.box-linkCover{justify-content:flex-start;}
.entry-content ul.box-linkCover li{width: 49%;margin-right:2%; }
.entry-content ul.box-linkCover li:nth-child(2n) { margin-right:0px;}
}

@media screen and (min-width: 601px) {
.entry-content ul.box-linkCover li{max-width:23%;flex-grow: 0; margin-right:2.631578947%; margin-bottom: 30px;}
.entry-content ul.box-linkCover li:nth-child(2n) { margin-right:2.631578947%; }
.entry-content ul.box-linkCover li:nth-child(4n) { margin-right:0px;}
}
@media screen and (min-width: 1141px) {
.entry-content ul.box-linkCover{width:100%;}
}

/*--------------------------------------------------------------
## Embeds
--------------------------------------------------------------*/
.wp-block-embed.type-video > .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}

.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/*--------------------------------------------------------------
# Gallery
--------------------------------------------------------------*/
.wp-block-gallery:not(.components-placeholder) {  margin: 1.5em auto;}

/*--------------------------------------------------------------
## Group
--------------------------------------------------------------*/
.wp-block-group > .wp-block-group__inner-container > * {
  max-width: 1140px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.wp-block-group > .wp-block-group__inner-container > .alignwide {  max-width: 1140px;}
.wp-block-group > .wp-block-group__inner-container > .alignfull {  max-width: 100%;}
.wp-block-group.has-background > .wp-block-group__inner-container > :first-child {  margin-top: 0;}

.wp-block-group.has-background > .wp-block-group__inner-container > .alignfull {
  width: calc( 100% + 60px );
  max-width: calc( 100% + 60px );
  position: relative;
  left: -30px;
}


/*--------------------------------------------------------------
# Image
--------------------------------------------------------------*/
.wp-block-image img {  display: block;}
.wp-block-image.alignleft,
.wp-block-image.alignright {  width: 100%}
.wp-block-image.alignfull img {  width: 100vw;}

.wp-block-image .alignleft img,
.wp-block-image .alignright img,
.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption {  max-width: 100%;  width: 100%;}

/*--------------------------------------------------------------
# Media Text
--------------------------------------------------------------*/
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{padding-left: 0;}
.wp-block-media-text.has-media-on-the-left .wp-block-media-text__content{padding-right: 0;}

/*--------------------------------------------------------------
## Latest Posts
--------------------------------------------------------------*/
ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {  padding: 0 14px;}

/*--------------------------------------------------------------
# List
--------------------------------------------------------------*/
.entry-content ul{ margin:0 auto 1.5em auto; list-style-position: outside;padding-left: 0;}
.entry-content ul ul{ list-style: circle;}
.entry-content ul ul ul{list-style: square;}
.entry-content ul li { margin-left: 1.4em;}
.entry-content ol li li { margin-left: 1.4em;}
.entry-content .wp-block-latest-posts li{margin-left:0;}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul {  margin: 0 ;padding: 0;}

.entry-content ol {
  list-style: none;
  padding-left: 0;
  display: table;
}
.entry-content ol li:after {
  content: "";
  display: block;
  margin-bottom: 0.5em;
} 
.entry-content ol li {
  display: table-row;
  counter-increment: table-ol;
}
.entry-content ol li:before {
  content: counter(table-ol) ".";
  display: table-cell;
  padding-right: 0.4em;
  text-align: right;
  height: 100%;
  vertical-align: top;
}

/*.entry-content ul ul li,
.entry-content ol ol li,
.entry-content ul ol li,
.entry-content ol ul li {  margin-left: 0;}*/

/*トップに固定表示の記事*/
.entry-content .wp-block-latest-posts li.sticked-item{ position: relative;}
.entry-content .wp-block-latest-posts li.sticked-item::before{
content: "PickUp!";position: absolute;top:0;right: 0; font-size: 12px;color: #FFF;text-align: center;
width: 50px;height: 20px;background: #BF3C3C;
}

/*--------------------------------------------------------------
## More
--------------------------------------------------------------*/
.more-link {  display: block;}

/*--------------------------------------------------------------
## Pullquote
--------------------------------------------------------------*/
.wp-block-pullquote > p:first-child {  margin-top: 0;}
.wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: 18px;}

/*--------------------------------------------------------------
## Quote
--------------------------------------------------------------*/
.wp-block-quote { margin: 30px auto; border-left:none; position: relative;padding:0 45px; width: 100%;display: inline-block;}
.wp-block-quote::before,
.wp-block-quote::after{content: "";position: absolute; width: 35px;height: 28px;background-size: 35px 28px;}
.wp-block-quote::before{background: url("../images/bg-blockquote1.svg") no-repeat 0 0; left:0; top:10px;}
.wp-block-quote::after{background: url("../images/bg-blockquote2.svg") no-repeat 0 0;right: 0; bottom:10px;}
.wp-block-quote.is-large, 
.wp-block-quote.is-style-large {  margin: 36px auto;padding:0 45px; }
.wp-block-quote.is-large cite, 
.wp-block-quote.is-large footer, 
.wp-block-quote.is-style-large cite, 
.wp-block-quote.is-style-large footer {  font-size: 13px;  font-size: 1.3rem;}


/*--------------------------------------------------------------
## Separator
--------------------------------------------------------------*/
.wp-block-separator {  margin: 3em auto;  padding: 0;}

/*--------------------------------------------------------------
## Table
--------------------------------------------------------------*/
/*.wp-block-table {  overflow-x: auto;  margin-left: 14px;  margin-right: 14px;  width: calc( 100% - 28px );}*/
.wp-block-table { overflow-x: auto;padding: 0 !important;}
.wp-block-table table { width: 100%}
.wp-block-table td, .wp-block-table th { padding: .5em;}
.wp-block-table.is-style-regular tr{background-color:#FFF;}
.wp-block-table.is-style-regular th{background: #F2F6FA;}
.wp-block-table.is-style-stripes{border-top:1px solid #C8C8C8;}
.wp-block-table table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 10px;
	border-color: #C8C8C8;
	}
.wp-block-table td,
.wp-block-table th{
font-size: 15px;
	border-collapse: collapse;
	border-spacing: 0;
	border-color: #C8C8C8;
}
/* No Line */
.wp-block-table.is-style-stripes {border-bottom:none !important;}
.wp-block-table.is-style-stripes table{border-bottom:none !important;}
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th{border-bottom: 1px solid #C8C8C8 !important;}
.wp-block-table th{ line-height: 1.1; vertical-align: middle; background: #F2F6FA;}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #F2F6FA;}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) th { background-color: #E4EEF4;}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) th { background-color: #FFF;}
.wp-block-table.is-style-stripes tbody tr th:first-child,
.wp-block-table.is-style-stripes tbody tr td:first-child{border-left: 1px solid #C8C8C8 !important;}
.wp-block-table.is-style-stripes tbody tr th:last-child,
.wp-block-table.is-style-stripes tbody tr td:last-child{border-right: 1px solid #C8C8C8 !important;}

/* 店舗データ */
.wp-block-table.is-style-details tr td:first-child{background-color: #F2F6FA; font-weight: 600;}

table tr,
table td,
table th{	vertical-align: top;	height: auto !important;}
caption, th, td {padding: 8px 12px;}
caption{text-align: left;}
th p:last-child, td p:last-child,
th ul:last-child,td ul:last-child,
td table{margin-bottom: 0;}


@media screen and (min-width: 1141px) {
  .wp-block-table {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
}

.is-style-no-line th,
.is-style-no-line td{}
.is-style-no-line strong{}
.is-style-no-line table,
.is-style-no-line th,
.is-style-no-line td{border: none; }
.is-style-no-line tr td:first-child{}

/*--------------------------------------------------------------
## Video
--------------------------------------------------------------*/
.wp-block-video video { max-width: 580px;}

/*--------------------------------------------------------------
## File
--------------------------------------------------------------*/
.wp-block-file .wp-block-file__button { background: #336699;}

/*--------------------------------------------------------------
# Additional Theme Styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Color Palette （/inc/theme-options.php）
--------------------------------------------------------------*/
.has-blue-color { color: #336699;}
.has-blue-background-color {  background-color: #336699 !important;}
.has-lightblue-color { color: #5CBEC9;}
.has-lightblue-background-color {  background-color: #5CBEC9 !important;}
.has-red-color { color: #9E4C53;}
.has-red-background-color {  background-color: #9E4C53 !important;}
.has-lightgray-color { color: #F2F6FA;}
.has-lightgray-background-color { background-color:#F2F6FA !important;}
.has-lightgreen-color { color: #F3FBE2;}
.has-lightgreen-background-color { background-color:#F3FBE2 !important;}
.has-lightbluegray-color { color: #E1F6FA;}
.has-lightbluegray-background-color { background-color:#E1F6FA !important;}
.has-black-color { color: #1E2134;}
.has-black-background-color { background-color: #1E2134 !important;}
.has-white-color { color: #FFFFFF;}
.has-white-background-color { background-color: #FFFFFF !important;}
.has-white-80-color { color:rgba(255,255,255,0.8);}
.has-white-80-background-color { background-color: rgba(255,255,255,0.8) !important;}


.has-blue-background-color a,
.has-red-background-color a,
.has-black-background-color a{color: #FFF;}
/*--------------------------------------------------------------
#BlockEditor Customize　Font , color（/inc/theme-options.php）
--------------------------------------------------------------*/
/* フォントサイズ */
.txtNormal,.has-txt-normal-font-size{font-size:16px;font-size: 1.6rem;}
.txtSmall,.has-txt-small-font-size{font-size:12px;font-size: 1.2rem;}
.txtMedium,.has-txt-medium-font-size{font-size:18px;font-size: 1.8rem;}
.txtLarge,.has-txt-large-font-size{font-size:22px;font-size: 2.2rem;}
.txtXLarge,.has-txt-x-large-font-size{font-size:32px;font-size: 3.2rem;}

/*--------------------------------------------------------------
## 最新の記事
--------------------------------------------------------------*/
.wp-block-latest-posts {padding: 0; }
.wp-block-latest-posts li{display:flex; flex-wrap: wrap; margin:0 0 5px 0 !important;font-size: 16px;font-size: 1.6rem;}
.wp-block-latest-posts li a{}
.wp-block-latest-posts time{order: -1; padding-right: 15px;font-size: 16px;font-size: 1.6rem;}
.tax_flag {font-size: 12px; font-size: 1.2rem; color: #FFF; padding: 0 8px; margin-right: 14px; line-height: 1;display: flex; align-items: center;}
.t_event{background: #003560;}
.t_info{background: #666666;}

@media screen and (min-width: 960px) {
.wp-block-latest-posts li{margin: 0 auto 5px !important;}
}

/*---------------------------
▼プラグイン
---------------------------*/
/*Easy FancyBox*/
#fancybox-outer,
#fancybox-content{border-radius: 10px;}
#fancybox-content{padding: 0 0 30px 0 !important;}
#fancybox-title-float-left,
#fancybox-title-float-right{background: none !important;}
#fancybox-title-float-main{background: #FFF !important;color:#3B210A !important;font-weight: normal !important; }
#fancybox-title-float-wrap{width: 100% !important;}
.fancybox-title-float {bottom:5px !important;}
#fancybox-title-over {position: absolute; top:-10px; left:0; right:0; margin: 0 auto; width: 100%;text-align: center;color:#3B210A; background: rgba(255,255,255,.64) !important;line-height: 1.2;}
#fancybox-left{left: -40px !important;}
#fancybox-right{right: -40px !important;}
