@charset "UTF-8";

/* base
-------------------------------------------------------------*/
body {
  color: #000;
  font-family: "Noto Sans JP", "Quicksand", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  line-height: 1.5;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
}
@media all and (-ms-high-contrast:none){
  body {
    font-family: "Noto Sans JP","Quicksand", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  }
}
header, article, footer, article, aside, time ,nav {
  display: block;
}
a:link {
  color: #02AB84;
  text-decoration: underline;
}
a:visited {
  color: #02AB84;
}
a:focus,
a:hover,
a:active {
  color: #02AB84;
  text-decoration: none;
}
.pageup{
  position: fixed;
  right: 20px;
  bottom: 20px;
  background-color: #02AB84;
  text-align: center;
  display: table-cell;
  width: 40px;
  height: 40px;
  color: #fff;
  vertical-align: middle;
  z-index: 7777;
  cursor: pointer;
  line-height: 38px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
h1,h2,h3,h4,h5,h6{
  -webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}

/*WPエディタ用*/
/* img.alignright {
  display: block;
  margin: 0 0 0 auto;
}
img.alignleft {
  display: block;
  margin: 0 auto 0 0;
}
img.aligncenter{
  display: block;
  margin: 0 auto;
} */
img.float-left {
  float:left;
}
img.float-right {
  float:right;
}

/* 画像の回り込みとか */
.aligncenter {
  display: block;
  clear: both;
  margin: 0.25em auto 1.5em;
}
.alignleft {
  float: left;
  clear: both;
  margin: 0.25em 1.5em 1.5em 0;
}
.alignright {
  float: right;
  clear: both;
  margin: 0.25em 0 1.5em 1.5em;
}
.size-full {
  max-width: 670px;
}
.wp-caption-text{
  font-size: 7pt;
  color: #c0c0c0;
  margin: 0;
  line-height: 1em;
}
.wp-caption{margin: 0 0 20px;}
.wp-caption-text,
.wp-caption-text a{
  color: #999 !important;
  font-size: 8pt !important;
  margin: 0 0 20px !important;
}
.page-break{clear: both;}
.page-break.other a:first-child{display: none;}
.page-break a,
.indoor-btn,
.outdoor-btn{
  display: table;
  padding: 15px 80px;
  background: #02AB84;
  text-decoration: none !important;
  color: #fff !important;
  border-radius: 5px;
  transition: .5s ease-out;
  position: relative;
  min-width: 200px;
  margin: 0 auto 60px;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
}
.page-break a:hover,
.indoor-btn:hover,
.outdoor-btn:hover{opacity: .6;}
#comments {
  clear: both;
}
.inner{
  width: 1020px;
  margin: 0 auto;
}
.relation-table {
  position: relative;
  display: inline-block;
  width: 100%;
  border: 1px solid #ccc;
  color: #555;
  padding: 8px 13px;
  font-weight: bold;
  font-size: 88%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.relation-table:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border-top: 4px solid #12b154;
  border-left: 4px solid #12b154;
  border-bottom: 4px solid transparent;
  border-right: 4px solid transparent;
}
.relation-table + .relation-table{
  display: inline-block;
  width: 100%;
  border: 1px solid #ccc;
  border-top: none;
  padding: 6px 15px;
  position: relative;
  font-size: 95%;
  font-weight: lighter;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.relation-table + .relation-table:before{
  content: '';
  position: absolute;
  top: calc(50% - 4px);
  left: 6px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #BDBDBD;
}

/* common
-------------------------------------------------------------*/
* {
  /* word-break: break-all; */
  word-break: normal;
}
h1 {
  margin: 0;
  padding: 0;
}
/*ロゴまわり*/
h1.logo img,h2.logo img,.logo img{
  height: 43px;
  width: auto;
}

h2 {
  margin: 0;
  padding: 0;
}
h3 {
  margin: 0;
  padding: 0;
}

.mr10 {
  margin-right: 10px;
}

.mr20 {
  margin-right: 20px;
}

.mr40 {
  margin-right: 20px;
}

.ml10 {
  margin-left: 10px;
}

.ml20 {
  margin-left: 20px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mt60 {
  margin-top: 60px;
}

.mb08 {
  margin-bottom: 8px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb05em {
  margin-bottom: 0.5em;
}

.mb120 {
  margin-bottom: 120px;
}

.section-ttl {
  font-weight: bold;
  /*color: #333;*/
}
.container{
  width: 1020px;
  margin: 0 auto;
}
.rightColumn{
  float: right;
  width: 300px;
  right: calc(50% - 510px);
  /*position: absolute;*/
}
.posttype-event_calendar .rightColumn,
.posttype-library .rightColumn{
  float: left;
  right: inherit;
  left: calc(50% - 510px);
}
.rightColumnBox{
/*  float: right;
  width: 300px;
  height: 1px;*/
}
.posttype-library .rightColumn,
.posttype-library .rightColumnBox,
.posttype-library .rightColumn #categories{
  width: 200px;
}
@media screen and (max-width:1040px) {
  .rightColumn{
    left: 720px;
    right: auto;
  }
}

/* 記事ページ */
.postRightColumn {
  margin-top: 20px;
}
.posttype-library .postRightColumn {
  margin-top: 0;
}

.mgnBtm10 {margin-bottom:10px;}
.mgnBtm20 {margin-bottom:20px;}
.mgnBtm30 {margin-bottom:30px;}
.mgnBtm40 {margin-bottom:40px;}
.mgnBtm50 {margin-bottom:50px;}
.mgnBtm60 {margin-bottom:60px;}

.fltListAd { overflow:hidden; list-style:none; margin:25px 0 25px -70px; padding:0;}
.fltListAd li { float:left; margin-left: 70px;}
.top-category{
  position: absolute;
}
.top-category-box{
  width: 160px;
  float: left;
  height: 1px;
}
.sideContent.side-categories h2,
.sideContent .side-event-content h2 {
  border-bottom: none;
  margin-bottom: 0;
}
.sideContent .side-categories_ttl {
  padding: 0 0 5px 0;
  font-size: 18px;
  font-weight: bold;
  border-bottom: none;
  margin: 0;
}

/* header
-------------------------------------------------------------*/
header{
  background-color: #fff;
  /*border-bottom: 2px solid #e0e5df;*/
  color: #fff;
}
header .wrapper{
  position: relative;
  width: 1020px;
  margin: 0 auto;
}
header .logo{
  margin: 0 0 0 20px;
  float: left;
  display: table;
  height: 70px;
}
header .logo:hover{opacity: .7;}
header .logo a{
  display: table-cell;
  vertical-align: middle;
  line-height: 0;
}
header .logo_side_event {
  float: left;
  width: 118px;
  height: 56px;
  margin: 24px 0 0 16px;
}
header .logo_side_event a {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/new_header/bonsai_header_pc.png) center/contain;
  transition: .25s ease-out;
}
header .logo_side_event a:hover {
  background: url(../images/new_header/bonsai_header_pc_hover.png) center/contain;
}
header .header-right-column {
  float: right;
  display: table;
  height: 66px;
  padding-top: 17px;
}

/** 特集TOPバナー */
header .header-right-column .top-banner{
  padding-right: 12px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
header .header-right-column .top-banner a{
  display: table-cell;
  vertical-align: middle;
  line-height: 0;
}
header .header-right-column .top-banner img{
  width:140px;
  height: 50px;
}

header div.login {
  display: table-cell;
  vertical-align: middle;
  list-style: none;
  padding: 0 0 0 24px;
}

header div.login ul{
  padding: 0px;
}

header ul li {
  font-family: "メイリオ", "ＭＳ Ｐゴシック", "小塚ゴシック Pro R", "ヒラギノ角ゴ Pro W3", "Meiryo", "MS PGothic", "KozGoPro-Regular", "Hiragino Kaku Gothic Pro", "MS UI Gothic", Osaka, sans-serif;
  display: inline-block;
  height: 35px;
  text-align: center;
  padding: 1px 0 0 0;
  font-size: 20px;
  line-height: 39px;
  margin: 0 0 0 8px;
}
header ul li a {
  text-decoration: none !important;
  transition: .2s ease-out;
}
header ul li a,
header ul li a:link,
header ul li a:visited {
  /*color: #5b5b5b;*/
  color: #000000;
}
header ul li:nth-child(1) a:hover{ color: #305097;}
header ul li:nth-child(2) a:hover{ color: #00aced;}
header ul li:nth-child(3) a:hover{ color: #3f729b;}
header ul li:nth-child(4) a:hover{ color: #00c300;}
header ul li:nth-child(1) a span {
  margin: 0 0 0 -1px;
}
header input[type*="text"]{
  height: 100%;
  width: 100%;
  padding: 3px 5px;
  color: #646464;
  background-color: #f5f5f5;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
header input[type*="text"]:focus {
  outline: none;
}
header input:hover {
  opacity: 0.7;
}
header .searchBox{
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
header .searchBox .normalform{ position: relative;}
header form.appform {
  color: #646464;
  background-color: #f5f5f5;
  left: 210px;
  margin-left: 0px;
  position: absolute;
  top: 0px;
  border-radius: 1px;
  border: solid 1px #edeeee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
  width: 235px;
  height: 33px;
}
/*header form.normalform{
  color: #646464;
  background-color: #f5f5f5;
  left: 92%;
  margin-left: -300px;
  position: absolute;
  top: 23;
  border-radius: 1px;
  border: solid 1px #edeeee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2;
}*/
header form.normalform .submitBtn{
  display: inline-block;
  width: 13px;
  height: 14px;
  font-size: 14px;
  line-height: 0;
  vertical-align: baseline;
  cursor: pointer;
  color: #bcbcc4;
  position: absolute;
  float: right;
  top: calc(50% - 7px);
  left: 9px;
  z-index: 999;
}
header form.normalform input[type*="text"]{
  height: 35px;
  width: 250px;
  padding: 4px 40px 3px 14px;
  color: #525263;
  border: 1px solid #e4e4e4;
  background-color: #f8f8f8;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 3px;
  font-size: 12px;
}
header form.normalform input[type*="text"]::-webkit-input-placeholder {
  color: #acacac;
}
header form.normalform input[type*="text"]:-ms-input-placeholder {
  color: #acacac;
}
header form.normalform input[type*="text"]::-moz-placeholder {
  color: #acacac;
}
header form.normalform input[type*="text"]::-placeholder {
  color: #acacac;
}
header form.normalform button {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
}
header form.normalform button img {
  vertical-align: middle;
  width: auto;
  height: 20px;
}

/* 検索ボタン */
.common-search-submit {
  -webkit-appearance: none;
  float: right;
  width: 60px;
  padding: 0;
  border: 1px solid #02AB84;
  background: #02AB84;
  color: #fff;
  font-size: 100%;
  letter-spacing: .1em;
  line-height: 33px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 5px;
}

/* gnav
-------------------------------------------------------------*/
.gnav {
  text-align: center;
  font-size: 13px;
}
.gnav ul {
  margin: 0;
  padding: 10px 0px 15px 0px;
  display: flex;
  align-items: center;
}
.gnav li {
  /*display: inline-block;
  width: 20%;*/
  display: inline-block;
  /* width: 16.65%; */
  width: calc(100% / 4);
  position: relative;
}

.gnav li a{
  border-left: 1px solid #ddd;
  padding: 12px 0px;
}

.gnav li:last-child a{
  border-right: 1px solid #ddd;
  padding: 12px 0px;
}

.gnav a {
  /*color: #000000;
  font-size: 93%;
  padding: 14px 30px;
  display: block;
  text-decoration: none;
  position: relative;
  font-weight: bold;
  letter-spacing: .05em;*/
  color: #000000;
  font-size: 14px;
  display: block;
  text-decoration: none;
  font-weight: bold;
  letter-spacing: .05em;
  height: 100%;
  width: 100%;
}
.gnav-spot a {
  letter-spacing: 0em;
  transition-duration: .1s;
  transition-timing-function: ease-in;
}
.gnav a:before {
  background: #02AB84;
  content: '';
  display: block;
  height: 0;
  bottom: 0px;
  position: absolute;
  width: 100%;
  transition-duration: .1s;
  transition-timing-function: ease-in;
}

/*.gnav li:first-child a::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 30px;
  background: #ddd;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}*/

/*.gnav li:not(:first-child) a::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 30px;
  background: #ddd;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}*/

/*.gnav li:not(:last-child) a::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 30px;
  background: #ddd;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}*/

.gnav a img {
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
}

.gnav-hanakotoba a img {
  position: absolute;
  left: 30px;
  top: 50%;
  transform: translateY(-50%);
  vertical-align: middle;
}

.posttype-place .gnav-place a,
.posttype-event .gnav-event a,
.gnav a:hover {
  color: #02AB84;
}
/* .posttype-post .gnav-posts a,
.gnav-posts a:hover {
  color: #f0479e;
}
.posttype-library .gnav-library a,
.gnav-library a:hover {
  color: #128000;
}
.posttype-spot .gnav-spot a,
.gnav-spot a:hover {
  color: #278ad0;
}
.posttype-event_calendar .gnav-event_calendar a,
.gnav-event_calendar a:hover {
  color: #ff9c00;
}
.posttype-hanakotoba .gnav-hanakotoba a,
.gnav-hanakotoba a:hover {
  color: #ed2341;
}
.gnav-user-posts a:hover {
  color: #0096A7;
} */

/* .gnav-posts a::before {
  background: #f0479e;
}
.gnav-library a::before {
  background: #128000;
}
.gnav-spot a::before {
  background: #278ad0;
}
.gnav-event_calendar a::before {
  background: #ff9c00;
}
.gnav-hanakotoba a::before {
  background: #ed2341;
}
.gnav-user-posts a::before {
  background: #0096A7;
} */

/* 
　石島
  作業日：2020.11.19
  詳細　：グロナビホバーカラー変更
*/
.posttype-post .gnav-posts a,
.gnav-posts a:hover {
  color: #02AB84;
}
.posttype-library .gnav-library a,
.gnav-library a:hover {
  color: #02AB84;
}
.posttype-spot .gnav-spot a,
.gnav-spot a:hover {
  color: #02AB84;
}
.posttype-pest .gnav-pest a,
.gnav-pest a:hover {
  color: #02AB84;
}
.posttype-event_calendar .gnav-event_calendar a,
.gnav-event_calendar a:hover {
  color: #02AB84;
}
.posttype-hanakotoba .gnav-hanakotoba a,
.gnav-hanakotoba a:hover {
  color: #02AB84;
}
.posttype-languageofflower .gnav-languageofflower a,
.gnav-languageofflower a:hover {
  color: #02AB84;
}
.gnav-user-posts a:hover {
  color: #02AB84;
}

.gnav-qa {
  background-size: 38px auto;
}
/* end */

.gnav a:hover:before,
.posttype-post .gnav-posts a:before,
.posttype-movie .gnav-hanakotoba a:before,
.posttype-library .gnav-library a:before,
.posttype-spot .gnav-spot a:before,
.posttype-event_calendar .gnav-event_calendar a:before,
.posttype-place .gnav-place a:before,
.posttype-event .gnav-event a:before,
.posttype-pest .gnav-pest a:before,
.posttype-languageofflower .gnav-languageofflower a:before{
  height: 4px;
}

/* 
　石島
  作業日：2020.11.19
  詳細　：STOREにアイコン追加
*/
.gnav .gnav-ec a span {
  position: relative;
  display: inline-block;
}
.gnav .gnav-ec a span::before {
  display: block;
  content: url(../images/new_header/icon_window.svg);
  position: absolute;
  top: -12px;
  right: -15px;
}
/* end */

/* hero
-------------------------------------------------------------*/
.hero-wrap,
.hero article {
  height: 340px;
  position: relative;
}
.hero-link{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.hero-link:hover{
  background: rgba(255,255,255,.2);
}
.hero-wrap {
  overflow: hidden;
}
.hero article {
  position: relative;
  display: table;
  -webkit-background-size: cover;
  background-size: cover;
}
.hero-wrap .bx-viewport {
  overflow: visible!important;
  width: 1020px !important;
  margin: 0 auto;
}
.hero-wrap .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 0;
  outline: 0;
  height: 340px;
  text-indent: -9999px;
  z-index: 9990;
  width: 100%;
}
.hero-wrap .bx-wrapper .bx-next {
  left: 50%;
  margin-left: 420px;
}
.hero-wrap .bx-wrapper .bx-prev {
  right: 50%;
  margin-right: 420px;
}
.hero-wrap .bx-wrapper .bx-controls-direction a::before {
  content: "";
  position: absolute;
  top: calc(50% - 15px);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  left: 24px;
  width: 30px;
  height: 30px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.hero-wrap .bx-wrapper .bx-controls-direction a.bx-prev::before {
  left: auto;
  right: 24px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hero h2 {
  display: table-cell;
  vertical-align: bottom;
  color: #fff;
  line-height: 1.35;
  background-image: -webkit-linear-gradient(rgba(0,0,0,.06)60%,rgba(0,0,0,.22)95%,rgba(0,0,0,.25));
  background-image: linear-gradient(rgba(0,0,0,.06)60%,rgba(0,0,0,.15)95%,rgba(0,0,0,.20));
}
.hero h2 span {
  display: block;
  padding: 8px 10px 15px;
  text-shadow: 1px 0 1px rgba(0,0,0,.2);
  font-weight: bold;
}

/*.home-banners*/
.home-banners {
  padding-top: 10px;
  width: 100%;
}
.home-banners section {
  float: left;
  width: calc((100% - 15px) / 2);
  margin-left: 15px;
}
.home-banners section:first-child {
  margin-left: 0;
}
.home-banners.post-grid-2 article {
  width: 100%;
  margin-left: 0;
}

/*.post-grid*/
.post-grid {
  overflow: hidden;
}
.post-grid article {
  float: left;
  position: relative;
}
.post-grid-2 article {
  margin-left: 15px;
  margin-bottom: 15px;
  width: calc((100% - 15px) / 2);
}
.post-grid-2 article:nth-child(2n+1) {
  clear: both;
  margin-left: 0;
}
.post-grid-3 article {
  margin-left: 15px;
  margin-bottom: 15px;
  width: calc((100% - 30px) / 3);
}
.post-grid-3 article:nth-child(3n+1) {
  clear: both;
  margin-left: 0;
}
.new-posts.post-grid-3 article:nth-child(n+10) {
  display: none;
}
.post-grid-5 article {
  margin-left: 10px;
  margin-bottom: 10px;
  width: calc((100% - 40px) / 5);
}
.post-grid-5 article:nth-child(5n+1) {
  clear: both;
  margin-left: 0;
}
.post-grid .thumbnail {
  height: 140px;
  background-color: #eee;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.post-grid-2 .thumbnail{
  height: 172px;
}

.post-grid-2 .post-grid-title {
  padding: 10px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  min-height: auto;
  line-height: 1.5;
}
.post-grid-2 .post-grid-author,
.post-grid-2 .post-grid-date,
.post-grid-2 .post-cat {
  display: none;
}
.post-grid .event_calendar-types{
  padding: 0 10px;
  font-size: 80%;
}
.post-grid-5 .thumbnail {
  height: 124px;
}
.post-grid article > a {
  display: block;
  text-decoration: none;
  position: relative;
  border: 1px solid #ddd;
  overflow: hidden;
}
.post-grid article.in-linkarea > a{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.post-grid article > a:hover::before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: .3;
  background: #fff;
  z-index: 1;
}
.post-grid-title {
  padding: 8px 10px;
  font-size: 14px;
  color: #333;
  min-height: 7em;
  line-height: 1.5rem;
}
.place-posts .post-grid-title,
.event_calendar-posts .post-grid-title{
  min-height: inherit;
}
.post-grid-date,
.post-grid-author {
  color: #999999;
  margin: 0;
  padding: 0 10px;
  font-weight: 500;
}
.post-grid-date {
  font-size: 10px;
  float: right;
  margin-bottom: 8px;
}
.event_calendar-posts .post-grid-date {
  float: left;
}
.post-grid-author {
  font-size: 11px;
}

.post-grid-3-2 article:nth-child(1),
.post-grid-3-2 article:nth-child(2) {
  width: calc((100% - 15px) / 2);
}
.post-grid-3-2 article:nth-child(1) .thumbnail,
.post-grid-3-2 article:nth-child(2) .thumbnail {
  height: 200px;
}
.post-grid-3-2 article:nth-child(3n+4) {
  clear: none;
  margin-left: 15px;
}
.post-grid-3-2 article:nth-child(3n+3) {
  clear: both;
  margin-left: 0;
}

/* 最新投稿3件
-------------------------------------------------------------*/
#newPosts{
  width: 1020px;
  margin: 10px auto 50px auto;
}
#newPosts.top{
  margin: -5px auto 20px auto;
}
#newPosts article{
  float: left;
}
#newPosts article p {
  margin: 0;
  background-size: cover;
  background-position: center center;
}
#newPosts article h2,
.newPosts_hd {
  line-height: 1.5;
}
#newPosts article:nth-child(1) h2,
.newPosts_hd {
  width: 610px;
}
#newPosts article:nth-child(1) p {
  position: relative;
  margin: 0 10px 0 0;
  width: 610px;
  height: 420px;
}
#newPosts article span {
  overflow: hidden;  
  height: 3em;
}
#newPosts article:nth-child(2) h2,
#newPosts article:nth-child(2) .newPosts_hd {
  width: 400px;
}
#newPosts article:nth-child(2) p {
  position: relative;
  width: 400px;
  height: 180px;
}
#newPosts article:nth-child(3) h2,
#newPosts article:nth-child(3) .newPosts_hd {
  width: 400px;
}
#newPosts article:nth-child(3) p {
  position: relative;
  width: 400px;
  height: 180px;
}
#newPosts h2,
#newPosts .newPosts_hd {
  display: table-cell;
  text-align: left;
  vertical-align: bottom;
  color: #333;
}
#newPosts h2 span,
#newPosts .newPosts_hd span{
  display: block;
  position: relative;
  z-index: 1;
  pointer-events: none;
  margin: 10px 0 8px 0;
}
#newPosts article:nth-child(1) h2,
#newPosts article:nth-child(1) .newPosts_hd{
  font-size: 14px;
  font-weight: bold;
}
#newPosts article:nth-child(2) h2,
#newPosts article:nth-child(3) h2,
#newPosts article:nth-child(2) .newPosts_hd,
#newPosts article:nth-child(3) .newPosts_hd {
  font-size: 14px;
  font-weight: bold;
}
#newPosts article:nth-child(1) p .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 610px;
  height: 420px;
}
#newPosts article:nth-child(2) p .link,
#newPosts article:nth-child(3) p .link,
#newPosts article:nth-child(3) > .link{
  position: absolute;
  top: 0;
  left: 0;
  width: 400px;
  height: 180px;
}
#newPosts article p .link:hover,
#newPosts article > .link:hover{
  background-color: #fff;
  opacity:0.3;
}


/* カテゴリーページ
-------------------------------------------------------------*/
.catpage-head{
  /*background: #eee;
  padding: 25px 0;*/
  padding: 25px 0px 4px 0px;
  margin: 0 0 20px 0;
  font-size: 12px;
}
.posttype-library .catpage-head{
  background: transparent;
  padding: 0;
}
.catpage-img {
  width: 170px;
  height: 170px;
  overflow: hidden;
  float: left;
}
.catpage-img img{
  width: 100%;
}
.catpage-cap {
  float: left;
  margin: 0 0 0 20px;
  width: 830px;
}
.posttype-library .catpage-cap{
  width: calc(100% - 190px);
}
.catpage-cap.fullwidth{
  margin: 0;
  width: 100%;
}
.catpage_ttl {
  margin: 0!important;
  font-size: 24px;
  line-height: 1.5;
}
.catpage_ttl-post {
  width: 1020px;
  margin: 30px auto!important;
}
.catpage-ttl-txt{
  font-weight: bold;
  font-size: 24px;
}
.catpage-ttl-txt a{color: #000;}
.catpage-ttl-txt .search-cont{vertical-align: top;}
.catpage-tags-list { padding: 0;}
.catpage-tags-item {
  list-style-type: none;
  float: left;
  margin: 0 4px 4px 0;
  cursor: pointer;
  vertical-align: baseline;
}
.catpage-tags-item:hover{ opacity: .6;}
.catpage-tags-link {
  background: #fff;
  text-decoration: none !important;
  padding: 3px 15px 3px 13px;
  border-radius: 5px;
  font-size: 91%;
  border: 1px solid #ddd;
  display: block;
  vertical-align: baseline;
}
.catpage-tags-name{
  color: #333;
  margin: 0 0 0 5px;
  vertical-align: baseline;
  font-size: 13px;
  font-weight: 500;
}
.sidebar-tag-item .sidebar-tag-link i{
  font-weight: 600;
  font-size: 11px;
}
.catpage-ttl-wrap {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
}

/* カテゴリ一覧 固定ページ */
#catPageMain {
  clear: both;
}
.category-box {
  float: left;
  width: 49%;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 20px;
  box-sizing: border-box;
  margin-bottom: 22px;
  position: relative;
}
.category-box:nth-child(odd) {
  margin-right: 20px;
}
.category-box h4 {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  margin-bottom: 13px;
  position: relative;
  padding-left: 17px;
  font-size: 18px;
  font-weight: normal;
}
.category-box h4::before {
  content: "";
  background: #12b154;
  width: 5px;
  height: 80%;
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
}
#catPageMain .catpage-tags-item {
  margin: 0 5px 8px 0;
}
#catPageMain .catpage-tags-link {
  background: #f8f8f8;
  padding: 5px 15px 5px 13px;
  display: block;
}
.category-box .cat-more-btn {
  display: block;
  color: #12b154;
  text-decoration: none;
  background: #fff;
  padding: 8px 0;
  text-align: center;
  border-radius: 3px;
  font-size: 108%;
  width: 100%;
  border: 1px solid #12b154;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.category-box .cat-more-btn:hover {
  background: #12b154;
  color: #fff;
}
.category-box p {
  color: #222;
  font-size: 12px;
  line-height: 1.5;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  margin-bottom: 15px;
}

/* タグページ
-------------------------------------------------------------*/
.catpage-count {
  color: #999;
  font-size: 16px;
  margin: 0 0 0 20px;
}

/* カテゴリメニュー
-------------------------------------------------------------*/
#categories{
  float: left;
  width: 160px;
}
#categories ul{
  margin: 0 0 30px 0;
  padding: 0;
  border: 2px solid #ccc;
  list-style: none;
  font-size: 12px;
}
#categories ul li{
  margin: 0;
  border-bottom: 1px solid #ccc;
}
#categories ul li:last-child{
  border: none;
}
#categories a{
  display: block;
  padding: 12px 10px 12px 45px;
  color: #000;
  text-decoration: none;
  position: relative;
  font-size: 14px;
  font-weight: 500;
}
#categories .cat-item a:before{
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: calc(50% - 11px);
  left: 10px;
  opacity: .8;
}
#categories ul li ul{
  border: none;
  margin: 0;
}
.posttype-library #categories ul ul li a {
  padding: 5px 20px;
  background: #f8f8f8;
}
.posttype-library #categories a{
  padding: 10px;
}
.posttype-library #categories .cat-item a:before{
  content: none;
}
#categories .cat-item:nth-child(1) a:before{
  background: url(../images/caticon_03.svg) no-repeat center;
  background-size: contain;
  width: 18px;
}
#categories .cat-item:nth-child(2) a:before{
  background: url(../images/caticon_04.svg) no-repeat center;
  background-size: contain;
}
#categories .cat-item:nth-child(3) a:before{
  background: url(../images/caticon_08.svg) no-repeat center;
  background-size: contain;
}
#categories .cat-item:nth-child(4) a:before{
  background: url(../images/caticon_13.svg) no-repeat center;
  background-size: contain;
}
#categories .cat-item:nth-child(5) a:before{
  background: url(../images/caticon_15.svg) no-repeat center;
  background-size: contain;
}
#categories .cat-item:nth-child(6) a:before{
  background: url(../images/caticon_16.svg) no-repeat center;
  background-size: contain;
}
#categories .cat-item:nth-child(7) a:before{
  background: url(../images/caticon_07.svg) no-repeat center;
  background-size: contain;
}
#categories .cat-item:nth-child(8) a:before{
  background: url(../images/caticon_01.svg) no-repeat center;
  background-size: contain;
}
#categories .cat-item:nth-child(9) a:before{
  background: url(../images/caticon_05.svg) no-repeat center;
  background-size: contain;
}
#categories .cat-item:nth-child(10) a:before{
  background: url(../images/caticon_06.svg) no-repeat center;
  background-size: contain;
}
#categories .cat-item:nth-child(11) a:before{
  background: url(../images/caticon_14.svg) no-repeat center;
  background-size: contain;
}
#categories .cat-item-exterior a:before{
  background: url(../images/caticon_17.svg) no-repeat center;
  background-size: contain;
  opacity: .4;
}

#categories a:hover{
  background-color: #e8f7ee;
}
#categories .fa{
  float: right;
  line-height: 24px;
  color: #12b154;
  font-size: 11px;
}
/*詳細ページ用*/
.rightColumn #categories{
  float: none;
  width: 300px;
  margin-bottom: 30px;
}

/* 最新投稿続き
-------------------------------------------------------------*/
#posts{
  float: left;
  width: 670px;
  margin: 0;
}
#yarpp-list article,
#posts article{
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
#posts.no-post article{
  margin: 0;
  box-sizing: border-box;
  padding: 20px;
  background: #f0f0f0;
  border: none;
}
#yarpp-list a.clickable,
#posts a.clickable,
#postMain a.clickable{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
#yarpp-list a.clickable:hover,
#posts a.clickable:hover,
#postMain a.clickable:hover{
  background-color: #fff;
  opacity:0.3;
}
#yarpp-list .top-post-ttl-extext,
#posts .top-post-ttl-extext {
  display: table-cell;
  width: auto;
  padding: 0 0 0 20px;
  vertical-align: middle;
}
.posttype-spot .posttype-post.shortcode #posts .top-post-ttl-extext{
  padding: 0;
}
#yarpp-list .top-post-ttl-extext h2,
#posts .top-post-ttl-extext h2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
}
#posts .top-post-name{
  font-weight: normal;
  font-size: 12px;
  color: #999999;
  margin: 0;
  width: auto;
  float: left;
}
#yarpp-list .top-post-date,
#posts .top-post-date {
  color: #999999;
  margin: 0;
  font-size: 10px;
  float: right;
}
.post-cat {
  display: inline-block;
  position: absolute;
  font-size: 11px;
  font-weight: 500;
  color: #999999;
  margin: 0;
  z-index: 1;
  top: 10px;
  right: 10px;
}
#posts .post-cat{
  right: 480px;
}
.post-cat a {
  text-align: center;
  border-radius: 100px;
  display: block;
  padding: 0 10px;
  line-height: 20px;
  height: 20px;
  color: #fff!important;
  background: #aaa;
  text-decoration: none;
}
.post-cat a:hover {
  opacity: .8;
}
.post-cat a.area{opacity: .7;}
.post-cat a.area-hokkaido{ background:#008600; }
.post-cat a.area-tohoku{ background:#158D78; }
.post-cat a.area-kanto{  background:#1491C3; }
.post-cat a.area-chubu{ background:#0B329A; }
.post-cat a.area-kansai{ background:#DD7ACA; }
.post-cat a.area-chugoku{ background:#F14492; }
.post-cat a.area-shikoku{ background:#EEAE10; }
.post-cat a.area-kyushu{ background:#FF4F00; }
.post-cat a.area-okinawa{ background:#E92200; }
.post-cat a.area-overseas{ background:#b1b1b1; }
.post-cat a.area:hover{
  opacity: 1;
  color: #fff;
}
.post-cat.event a.area{
  opacity: 1;
  pointer-events: none;
}
.post-cat.event a.area:hover{ background: #fff;}
.post-cat.event a.area-hokkaido:hover{ color:#008600; }
.post-cat.event a.area-tohoku:hover{ color:#158D78; }
.post-cat.event a.area-kanto:hover{  color:#1491C3; }
.post-cat.event a.area-chubu:hover{ color:#0B329A; }
.post-cat.event a.area-kansai:hover{ color:#DD7ACA; }
.post-cat.event a.area-chugoku:hover{ color:#F14492; }
.post-cat.event a.area-shikoku:hover{ color:#EEAE10; }
.post-cat.event a.area-kyushu:hover{ color:#FF4F00; }
.post-cat.event a.area-okinawa:hover{ color:#E92200; }
.post-cat.event a.area-overseas:hover{ color:#b1b1b1; }
.post-status {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  padding: 0 10px;
}
.post-status div {
  float: left;
}
.post-status div:not(:first-child) {
  margin: 0 0 0 10px;
}
#yarpp-list h2 a,
#posts h2 a {
  display: block;
  color: #333;
  text-decoration: none;
}
#posts h2 a:hover{
  color: #12b154;
}
#yarpp-list p,
#posts p{
  width: auto;
  margin: 7px 0 10px 0;
  color: #000000;
  line-height: 1.5;
}
#yarpp-list p a,
#posts p a{
  color: #000000;
  text-decoration: none;
}
#posts p a:hover{
  color: #12b154;
}
#posts .category{
  float: right;
  width: 260px;
  line-height: 1;
}
#posts .category a{
  text-decoration: none;
}
#posts .category .viewed{
  color: #999;
}
#posts .category .shared{
  color: #e67575;
}

/*埋め込みサムネサイズ調整*/
#yarpp-list .thumbnail,
#posts .thumbnail,
.posttype-post.shortcode #posts .thumbnail{
  display: table-cell;
  width: 200px;
  height: 140px;
  background-size:cover;
  background-position:center center;
}
.posttype-library .thumbnail.no-img,
#posts .thumbnail.no-img,
#postMain .thumbnail.no-img,
.post-grid .thumbnail.no-img{
  background-image: url(../images/noimage.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-color: #e6e6e6;
  background-position: 50% 50%;
  position: relative;
  z-index: -1;
}
#posts .thumbnail.no-img:before,
#postMain .thumbnail.no-img:before,
.post-grid .thumbnail.no-img:before,
.posttype-library .thumbnail.no-img:after{
  /*content: 'NO IMAGE';*/
  display: block;
  position: absolute;
  top: calc(50% - 15px);
  line-height: 30px;
  width: 100%;
  text-align: center;
  font-size: 130%;
  color: #ccc;
}

#yarpp-list .thumbnail a,
#posts .thumbnail a{
  display: block;
  width: 200px;
  height: 140px;
}
#yarpp-list .thumbnail a:hover,
#posts .thumbnail a:hover{
  background-color: #fff;
  opacity:0.3;
}

/*EC商品埋め込み*/
#posts.ec .thumbnail{
  display: table-cell;
  width: 150px;
  height: 150px;
  background-size:100% auto;
  background-position:center center;
}

#posts.ec .thumbnail.no-img{
  background-image: url(../images/noimage.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-color: #e6e6e6;
  background-position: 50% 50%;
  position: relative;
  z-index: -1;
}

#posts.ec .thumbnail a{
  display: block;
  width: 150px;
  height: 150px;
}
#posts.ec .thumbnail a:hover{
  background-color: #fff;
  opacity:0.3;
}
#posts .wp-pagenavi{
  width: 100%;
  text-align: center;
}
#posts .wp-pagenavi .current{
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 2px;
  background-color: #999;
  color: #fff;
  text-align: center;
  line-height: 30px;
}
#posts .wp-pagenavi a{
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 2px;
  background-color: #eee;
  color: #000;
  text-decoration: none;
  text-align: center;
  line-height: 30px;
}
#posts.full{
  width: 670px;
  margin: 0;
}
.posttype-library #posts.full{
  width: 100%;
}
#posts.full .top-post-ttl-extext{ width: 450px;}
#posts.full p{
  width: 100%;
}

.wp-pagenavi-bottom-adsense .adSense-area {
  margin-top: 25px;
  margin-bottom: 0;
}

/* 特集バナー
------------------------------------------------------------- */
.feature-banner{
  height: 90px;
  width: 100%;
  margin: 0 0 10px 0 !important;
  position: relative;
}
.feature-banner_interview {
  height: auto!important;
  margin: 0 !important;
}
.feature-banner_special {
  height: auto!important;
  margin: 0 !important;
}
.feature-link{
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none!important;
}
.feature-link:hover{
  background: rgba(255,255,255,.6);
  opacity: 1;
}
.feature-img {
  height: 90px;
  margin: 0!important;
}
.feature-txt{
  width: 100%;
  margin: 0 0 10px 0!important;
  text-decoration: none!important;
  color: #333 !important;
  line-height: 1.5em;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/* デイリーアクセスランキング and 話題の記事
------------------------------------------------------------- */
.sideContent h2{
  padding: 0 0 5px 0;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: lighter;
  border-bottom: 3px solid #ccc;
}
.sideContent_ttl {
  padding: 0 0 5px 0;
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 2px solid #ccc;
}
.sideContent .side-event-content h2{
  font-size: 16px;
}
.sideContent .wrapper{
  margin: 0 0 20px 0;
}
.sideContent article{
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  position: relative;
  overflow: hidden;
}
.sideContent .clickable {
  position: absolute;
  z-index: 10;
  display: block;
  width: 268px;
  height: 60px;
}
.sideContent .clickable:hover {
  background-color: #fff;
  opacity: 0.3;
}
.sideContent h3{
  display: block;
  width: calc(100% - 60px);
  height: 60px;
  float: left;
  padding: 0 0 0 10px;
  font-size: 94%;
  font-weight: normal;
  line-height: 1.3;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sideContent h3 a{
  color: #000;
  text-decoration: none;
}
.sideContent h3 a:hover{
  color: #12b154;
}
.sideContent .sideContent_txt{
  display: block;
  margin: 0;
  width: calc(96% - 60px);
  height: 60px;
  float: left;
  padding: 0 0 0 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sideContent .sideContent_txt a{
  color: #333;
  text-decoration: none;
}
.sideContent .sideContent_txt a:hover{
  color: #12b154;
}
.sideContent .viewed,
.sideContent .shared{
  font-weight: normal;
  font-size: 13px;
}
.sideContent .viewed{
  color: #999;
}
.sideContent .shared{
  color: #e67575;
}
.sideContent .thumbnail{
  position: relative;
  display: block;
  width: 70px;
  height: 70px;
  background-size:cover;
  background-position:center center;
  float: left;
}
.sideContent .thumbnail span{
  position: absolute;
  top: 0;
  display: block;
  padding: 3px 4px 2px 4px;
  background: #e67575;
  color: #fff;
  line-height: 1.1;
  font-size: 12px;
  font-weight: bold;
  z-index: 1;
}

/*ec-thumbnail*/
#ec_recommend_product article{
  padding: 15px;
  border-bottom: 1px solid #ccc;
  position: relative;
  overflow: hidden;
  display: table;
  width: calc(100% - 30px);
}

#ec_recommend_product article .ec-thumbnail{
  position: relative;
  display: table-cell;
  width: 60px;
  height: 60px;
  background-size: cover;
  background-position: center center;
}

#ec_recommend_product article .ec-text{
  display: table-cell;
  width: calc(100% - 70px);
  vertical-align: middle;
}

#ec_recommend_product article .ec-text h3{
  height: initial;
  padding: 0px 0px 0px 10px;
  width: 100%;
  float: initial;
}

#ec_recommend_product .ec-text span{
  display: block;
  padding: 4px 0px 0px 10px;
  float: left;
  font-size: 12px;
  color: #666;
}


/* -- バナーエリア -- */
.sideContent.bnr-area{ margin: 0 0 20px;}
.sideContent .bnr-box{ margin: 0 0 10px;}
.sideContent .bnr-box a,
.sideContent .bnr-box img{
  display: block;
  max-width: 100%;
  height: auto;
}
.sideContent .bnr-box a:hover{opacity: .7;}

/* -- 編集部のオススメ -- */
.side-post-name{
  color: #999;
  font-size: 10px;
  position: absolute;
  bottom: 12px;
  left: 80px;
  font-weight: 500;
}
.sideContent .post-cat{
  top: auto;
  bottom: 12px;
  font-size: 10px;
  right: 5px;
}
ul.editorial-push {
  list-style: none;
  padding: 0;
  margin: 15px 0 0;
}
ul.editorial-push li {
  margin-bottom: 3px;
}
ul.editorial-push li:last-child {
  margin-bottom: 0px;
}
ul.editorial-push li a:hover {
  opacity: 0.7;
}

ul.editorial-push-top {
  list-style: none;
  padding: 0;
  margin: 15px 0 0;
}
ul.editorial-push-top li {

  margin-bottom: 3px;
}
ul.editorial-push-top li:last-child {

  margin-bottom: 0px;
}
ul.editorial-push-top li a:hover {

  opacity: 0.7;
}
.editorial-push-top img{
  width: 100%;
}

/* 話題のキーワード
------------------------------------------------------------- */
.sidebar-tag-list{
  padding: 0;
  margin: 15px 0 0;
}
.sidebar-tag-item{
  float: left;
  list-style-type: none;
  margin-right: 4px;
}
.sidebar-tag-item:hover{ opacity: .7;}
.sidebar-tag-link{
  margin-bottom: 5px;
  padding: 4px 10px;
  border: 1px solid #ddd;
  font-size: 12px;
  color: #000000;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  text-decoration: none !important;
}
.keywords-link{
  text-align: right;
  -webkit-margin-after: 0;
  -webkit-margin-before: 0;
}
.keywords-link a{
  color: #000000;
}
/* 話題のキーワード 固定ページ */
.page-categori{
  margin: -30px 0 40px;
}
.page-categori .sidebar-tag-item{
  margin: 0 10px 8px 0;
}
.page-categori .sidebar-tag-link{
  font-size: 13px;
  padding: 6px 16px;
}


/* 詳細メインカラム
------------------------------------------------------------- */
#postMain{
  margin-top: 15px;
  float: left;
  width: 673px;
  line-height: 28px;
}
#postMain h1 {
  color: #333;
  margin: 20px 0 0;
}
#postMain h2{
  margin: 15px 0 10px;
  font-size: 24px;
  line-height: 1.5;
}
#postMain img {
  max-width: 100%;
}
#postMain .catchImage img{
  height: auto;
  display: block;
  margin: 0 auto ;
}
#postMain .catchImage{ margin: 0 0 15px;}
#postMain .sharedLinks{
  margin-top: 32px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
#postMain .lineat {
  margin: 0 0 30px;
}
#postMain .lineat a:hover {
  opacity: .7;
}
#postMain .checkPosts h2,
#postMain .sharedLinks h2 {
  font-weight: normal;
}
#postMain .checkPosts h2{
  font-size: 150%;
}
#postMain .sharedLinks .sharedLinks_link {
  display: flex;
  padding: 0;
  list-style: none;
  gap: 18px;
}
#postMain .sharedLinks .sharedLinks_ttl {
  font-family: "Quicksand", sans-serif;
  font-size: 14px;
  text-indent: .1em;
}
#postMain .sharedLinks .facebookLike{
  background-color: #f6f6f6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#postMain .sharedLinks .facebookLike .fb-like{
  line-height: 1;
  margin: 9px 0 0;
}
#postMain .sharedLinks .hatena{
  background-color: #0084D5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#postMain table{
  width: 100%;
  color: #555;
  margin: 20px 0;
}
#postMain table th,
#postMain table td{
  border: 1px solid #eaedf2;
  padding: 5px;
  word-break: break-all;
}
#postMain table tr:nth-of-type(even){ background: #F8F9FA;}
#postMain table td br:last-child {
  display: none;
}
#postMain .graph-table tr:nth-of-type(even){ background: transparent;}
.spot-common-text {
  background: #f8f8f8;
  font-size: 100% !important;
  padding: 15px 20px;
}
.graph-mainttl {
  margin: 15px 0 6px;
  font-weight: bold;
  font-size: 16px;
  color: #555;
}
.graph-table{
  width: 100%;
  margin: 0 0 0 !important;
  border: 1px solid #eaedf2;
  color: #555 !important;
}
.graph-tr:nth-of-type(1) .graph-th:not(:first-child){
  width: 7%;
}
.graph-td,.graph-th{
  position: relative;
  border: 1px solid #eaedf2 !important;
}
.graph-th:nth-of-type(even),
.graph-td:nth-of-type(odd){
  background: #F8F9FA;
}
.check-time {
  width: 100%;
  height: 6px;
  top: calc(50% - 3px);
  left: 0;
  position: absolute;
  display: inline-block;
  padding: 0 0 0 1px;
}

.none{display: none;}
#postMain .checkPosts {
  margin: 0 0 30px 0;
}
.eyecatch-bottom,
#postMain #postBody{
  margin-bottom: 50px;
  font-size: 14px;
}
.eyecatch-bottom p,
#postMain #postBody p {
  font-size: 114.286%;
  margin: 0 0 1em;
}
.movie-area{
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.movie-frame{
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
#postMain #postBody p > img{
  margin: 10px 0 -20px;
}
#postMain #postBody ul, #postMain #postBody ol{ 
  list-style-type: none!important;
  color: #444;
  padding-left: 0;
}

#yarpp-list p,
#postMain #postBody h2,
#postMain #postBody h3,
#postMain #postBody h4,
#postMain #postBody h5,
#postMain #postBody h6,
#postMain #postBody p{color: #444;}

#postMain #postBody h2{
  padding: 60px 0 0;
  margin-top: -44px;
  border: none;
  background: none;
  border-radius: 0;
  border-bottom: dotted 1px;
}
#postMain #postBody h2 > strong{
  font-weight: lighter;
}
#postMain #postBody #yarpp-list h2{
  border: none;
  background: #ffffff;
  padding: 10px 0px;
  border-radius: 5px;
}
#postMain #postBody h3{
  position: relative;
  font-size: 20px;
  margin: 30px 0 10px;
}
#postMain #postBody h4{
  position: relative;
  font-size: 18px;
  margin: 20px 0 10px;
}
#postMain #postBody h5{font-size: 18px;}
#postMain #postBody h6{font-size: 18px;}

#postMain #author{
  position: relative;
  margin-top: 20px;
  margin-bottom: 30px;
  padding: 20px;
  background-color: #f8f8f8;
  /*border: 1px solid #ddd;*/
}
#postMain #author a.clickable{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#postMain #author a.clickable:hover{
  background-color: #fff;
  opacity:0.3;
}
#postMain #author .photo{
  float: left;
  line-height: 0;
}
#postMain #author .name{
  float: right;
  width: 530px;
  font-size: 15px;
  font-weight: bold;
}
#postMain #author p{
  float: right;
  width: 530px;
  margin: 4px 0 0 0;
  line-height: 1.5;
  color: #000000;
}
#postMain .likeBtns{
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
#postMain iframe.twitter-share-button,
#postMain .fb-like,
#postMain #___plusone_0,
#postMain iframe.hatena-bookmark-button-frame,
#postMain .pocket-btn{
  display: inline-block;
  vertical-align: top;
}
#postMain .fb-like{
  margin: 0 7px 0 0;
}
/* --- itak --- */
.itak_list {
  margin-bottom: 24px;
}
.itak_list li {
  list-style-type: none;
  text-align: right;
  font-size: 85%;
}
.itak_list li:not(:last-child) {
  margin: 0 0 4px;
}
.event-slider-itak {
  padding: 0;
  text-align: center;
}
.event-slider-itak li {
  display: inline-block;
  width: 32%;
  vertical-align: top;
}
.event-slider-itak li .itak_img {
  width: 100%;
  padding-top: 66.5%;
}
#postMain #postBody .event-slider-itak li p.itak_text {
  font-size: 85%;
  padding: 8px 4px;
  text-align: left;
  color: #000000;
}
#bottomColumn{
  float: left;
  margin: 24px 0 0;
  width: 670px;
}
#bottomColumn.post-bottom{
  width: 480px;
  text-align: center;
}
.posttype-event_calendar #bottomColumn,
.posttype-library #bottomColumn{
  float: right;
  width: 770px;
}
.posttype-event_calendar #bottomColumn{
  width: 670px;
}
.posttype-library iframe#uzou-article-frame-uzou-ad-179{
  width: 770px !important;
}
.bottomColumn-adsense{
  display: table;
  margin: 0 auto;
}
.bottomColumn-adsense:not(:last-child){
  margin: 0 auto 24px;
}
.bottomColumn-adsense .adSense-area {
  margin-bottom: 0;
}
.bottomColumn-adsense .adSense-area:nth-of-type(1){
  margin-left: 0;
}
/* 記事ページ アド枠追加 */
.adSense-area {
  float: left;
  margin: 0 0 25px 24px;
}
.post-bottom .adSense-area{
  float: none;
  margin: 0;
}

#bottomColumn .fb-socialPlugin{
  margin-bottom: 30px;
}
#bottomColumn .fb-socialPlugin .head{
  margin: 0 0 5px 0;
  font-size: 20px;
  font-weight: bold;
}
#bottomColumn .fb-socialPlugin .fb-like-box{
  padding: 22px;
  border: 3px solid #ddd;
}

#postMain .wp-pagenavi{
  width: 100%;
  text-align: center;
  margin: 30px 0;
  clear: both;
}
#postMain .wp-pagenavi .current {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 2px;
  background-color: #999;
  color: #fff;
  text-align: center;
  line-height: 30px;
}
#postMain .wp-pagenavi a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 2px;
  background-color: #eee;
  color: #000;
  text-decoration: none;
  text-align: center;
  line-height: 30px;
}
#postMain .wp-pagenavi a .current {
  width: auto;
  height: auto;
  margin: 0;
  background-color: #eee;
  color: #000;
}

/* 記事ページ ライター 20160615追加 */
.post-meta-text {
  color: #555;
  font-size: 95%;
  margin: 16px 0;
  line-height: 1.6;
}
.post-tags{
  margin: 0 0 15px;
}
.post-tags a{
  color: #999;
  margin: 0 5px 0 0;
  font-size: 90%;
  text-decoration: none;
}
.post-tags a:hover{
  color: #02AB84;
}
.post-writer {
  margin: 0 0 12px;
  display: block;
  position: relative;
}
.post-writer a.post-writer-link{
  display: inline-block;
  height: 100%;
}

.post-writer-img {
  display: inline-block;
  margin: 0;
  float: left;
  line-height: 0;
}
.post-writer-name {
  padding: 0 0 0 11px;
  line-height: 54px;
  font-weight: bold;
  color: #555;
  display: inline-block;
  margin: 0;
  float: left;
  font-size: 15px;
}
#postMain .date {
  color: #555;
  font-size: 95%;
  position: absolute;
  right: 0;
  left: auto;
  top: -3px;
  bottom: auto;
}
#postMain .date-inner{
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}
.post-date time,
.modified-date time{
  display: inline;
}
#postMain .viewed{
  color: #555;
  display: inline-block;
  border-radius: 3px;
  margin: 0 0 3px;
  font-size: 135%;
  line-height: 1em;
  border: 1px solid;
  padding: 6px 12px;
}
#postMain .viewed .big{
  font-size: 109%;
  margin: 0 2px 0 0;
}
.post-date {
  margin-top: -5px;
}
/* コメント欄
-------------------------------------------------------------*/
#comments {
  padding: 60px 0;
}
.comment-list{
  margin-bottom:60px;
}
ol.comment-list, ol.comment-list li {
  list-style: none;
  padding: 0;
}
.comment-body {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 10px;
  margin-bottom: 15px;
  position: relative;
  padding-left: 60px;

}

.comment-body .comment-author {
  margin: 0 0 1em;
  font-size: 93%;
  font-weight: bold;
}
.comment-body .comment-author img {
  position: absolute;
  left: 0px;
  border-radius: 17px;
}
.comment-body .says {
  display: none;
}
.commentmetadata {
  position: absolute;
  top: 0px;
  right: 60px;
}
.commentmetadata a {
  font-size: 72%;
  color: #999;
  text-decoration: none;
}
.comment-body .fn {
  font-style: normal;
}
.comment-body .reply a {
  display: block;
  background: #ccc;
  color: #fff;
  text-decoration: none;
  font-size: 72%;
  border-radius: 3px;
  position: absolute;
  top: 2px;
  right: 0;
  width: 50px;
  height: 20px;
  box-sizing: border-box;
  text-align: center;
  line-height: 23px;
  }
.comment-body .reply a:hover {
  background:#000000;
}
.comment-body p {
  margin: 0 0 1em;
  font-size: 93%;
  color: #000000;
}
.comment-body .comment-awaiting-moderation {
  font-size: 85%;
  color: #e67575;
  opacity:0.8;
}
/* 投稿コメント欄
-------------------------------------------------------------*/
#respond {
  position:relative;
}

#comments h3#reply-title,
#comments h2.comments-title {
  font-size: 1.5em;
  margin: 0;
  color:  #02AB84;
  font-weight: normal;
}
#respond form {
  background: #efefef;
  padding: 20px 40px 30px;
  border-top: 3px solid #02AB84;
  overflow:hidden;
}
#respond label {
  width: 130px;
  display: inline-block;
  color: #000000;
}
#respond input,
#respond textarea {
  border: none;
  padding: 3px 10px;
  color: #000000;
  box-sizing: border-box;
}
#respond textarea {
  width: 455px;
  height: 10em;
}
.required {
  color: #e67575;
}
.comment-notes,
.logged-in-as {
  font-size: 86%;
  color: #000000;
}
.logged-in-as {
  position: absolute;
  right: 0;
  top: -5px;
  color:#02AB84;
}
.form-allowed-tags {
  margin-left: 135px;
  font-size: 79%;
  line-height: 150%;
  color: #000000;
}
#respond input#author {
  border: none;
  padding: 3px 10px;
  color: #000000;
  margin: 0 10px 0 0;
  background: #fff;
}

#respond input#submit {
  color: #fff;
  background: #000000;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  padding: 5px 15px;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  float:right;
}
/* おススメ記事
-------------------------------------------------------------*/
#recommendedPosts{
  width: 670px;
  margin: 30px 0;
}
#recommendedPosts h2 {
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  font-weight: 500;
  font-size: 120%;
  line-height: 1.5em;
}
#recommendedPosts article{
  position: relative;
  margin-bottom: 14px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
#recommendedPosts a.clickable{
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}
#recommendedPosts a.clickable:hover{
  background-color: #fff;
  opacity:0.3;
}
#recommendedPosts .post-ttl-extext {
  display: table-cell;
  width: 440px;
  padding: 0 0 0 20px;
  vertical-align: middle;
}
#recommendedPosts .post-ttl-extext h3 {
  font-size: 20px;
  line-height: 1.35;
  font-weight: normal;
}
#recommendedPosts h3 {
  margin-bottom: 10px;
}
#recommendedPosts h3 a{
  color: #000;
  font-weight: normal;
  text-decoration: none;
}
#recommendedPosts h3 a:hover{
  color: #12b154;
}
#recommendedPosts p{
  float: left;
  width: 440px;
  margin: 7px 0 10px 0;
  color: #000000;
  font-weight: normal;
  line-height: 1.5;
}
#recommendedPosts p a{
  color: #000000;
  text-decoration: none;
}
#recommendedPosts p a:hover{
  color: #12b154;
}
#recommendedPosts .category{
  float: left;
  width: 440px;
  line-height: 1;
}
#recommendedPosts .category a{
  text-decoration: none;
}
#recommendedPosts .category .viewed{
  color: #999;
}
#recommendedPosts .category .shared{
  color: #e67575;
}
#recommendedPosts .thumbnail{
  float: left;
  width: 200px;
  height: 140px;
  margin-right: 30px;
  background-size:cover;
  background-position:center center;
}

/* footer
------------------------------------------------------------- */
footer{
  margin-top: 0px;
  padding: 12px 0px;
  background-color: #f2f2f2;
  /*border-top: 3px solid #ddd;*/
}
footer .wrapper{
  width: 1020px;
  margin: 0 auto;
}
footer .leftColumn{
  float: left;
  width: 165px;
}
footer .logo{
  margin-top: 22px;
  display: block;
  text-align: center;
}
footer .logo img{
  width: 100%;
}
footer .snsLinks{
  /*width: 175px;*/
  margin: 0 auto;
}
footer .snsLinks ul{
  /*margin: 10px auto 0 auto;
  display: table;
  padding: 0;
  list-style: none;*/
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  padding: 0;
  list-style: none;
}
footer .snsLinks ul li{
  border-radius: 50%;
  /*display: inline-block;*/
  display: flex;
  padding: 0;
  line-height: 39px;
  text-align: center;
  height: 33px;
  width: 34px;
  margin: 0 4px 0 0;
  font-family: "メイリオ", "ＭＳ Ｐゴシック", "小塚ゴシック Pro R", "ヒラギノ角ゴ Pro W3", "Meiryo", "MS PGothic", "KozGoPro-Regular", "Hiragino Kaku Gothic Pro", "MS UI Gothic", Osaka, sans-serif;
}
footer .snsLinks ul li:last-child{
  margin: 0;
}
footer .snsLinks ul li a {
  color: #fff;
  text-decoration: none;
  font-size: 20px;
}

footer .snsLinks ul li a img{
  height: 22px;
  width: auto;
}

/*footer .snsLinks ul li:nth-child(1) {
  background: #305097;
}
footer .snsLinks ul li:nth-child(2) {
  background: #00aced;
}
footer .snsLinks ul li:nth-child(3) {
  background: #3f729b;
}
footer .snsLinks ul li:nth-child(4) {
  background: #00c300;
}*/

/*footer .snsLinks p{
  float: left;
  margin: 0;
  color: #000000;
  line-height: 30px;
}*/

footer li{
  white-space: nowrap;
  line-height: 23px;
  font-size: 90%;
  list-style-type: none;
}
.foot-lists{
  width: calc(100% - 195px);
  float: right;
  margin: 20px 0 0;
}
.foot-list{
  float: left;
  width: 20%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 16px;
}
.foot-list.foot-keywords{width: 40%;}
.foot-keywords-list .foot-keywords-item{
  width: 50%;
  float: left;
}
.foot-pages{
  padding: 26px 0 0 16px;
}
.cat-list,
.foot-keywords-list,
.footerLinks{
  margin: 0;
  padding: 0;
}
.foot-list-ttl{
  font-weight: bold;
  font-size: 100%;
  color: #000000;
  margin: 0 0 5px;
}
.foot-list-ttl a{
  color: #000000;
  text-decoration: none;
}
.foot-list-ttl a:hover{
  text-decoration: underline;
}
.cat-list a,
.foot-keywords-list a,
.footerLinks a{
  color: #000000;
  text-decoration: none;
}
.cat-list a:hover,
.foot-keywords-list a:hover,
.footerLinks a:hover{
  text-decoration: underline;
}
footer small{
  margin: 15px 0 0;
  padding: 10px 0 0;
  /*border-top: 1px solid #fff;*/
  color: #000000;
  font-size: 11px;
  display: block;
  text-align: center;
}

.footer-banner {
  padding: 0;
  margin: 64px 0px 0px 0px;
}

.footer-banner .container {
  width: auto;
  height: 280px;
  overflow: hidden;
  background: url(../images/pc_bnr_bottom-midolas201906.jpg) no-repeat #fff;
  /* background: url(../images/footer-midolas_campaign_20200306-bg.png) no-repeat #fff; */
  background-position: center;
  background-size: cover;
  padding: 0;
  margin: 0;
}
.footer-banner .inner {
  position: relative;
  width: 1020px;
  height: 100%;
  margin: 0 auto;
  padding: 0;
}
.footer-banner .inner a {
  display: block;
  text-align: right;
}
.footer-banner .inner .app-img {
  width: auto;
  height: 100%;
}
.footer-banner .inner .app-dl-lgline {
  position: absolute;
  top: 190px;
  left: 482px;
  padding: 0;
  margin: 0;
}
.footer-banner .inner .app-dl-lgline:hover{
  opacity: 0.8;
}
.footer-banner .inner .app-dl-lgline a img{
  width: 292px;
  height: auto;
}

/* = formy = */
.mailColumn {
    width:599px;
    position:relative;
}
.mailColumn table {
  border: none;
  position:relative;
  width:100%;
}
.mailColumn th {
  width: 13em;
  background: none;
}
.mailColumn th,
.mailColumn td {
  padding: 5px 0;
  border: none;
  font-weight: normal;
  text-align: left;
  white-space:nowrap;
}
.mailColumn table input[type="text"],
.mailColumn table input[type="password"],
.mailColumn select,
.mailColumn textarea {
  padding: 6px 12px;
  box-sizing: border-box;
  width:100%;
  border:1px solid #ccc;
  font-size: 110%;
  }
.mailColumn  .requiredIcon {
  padding: 1px 5px;
  background: #e67575;
  color:#fff;
  display:inline-block;
  float:right;
  font-size:70%;
  margin-right:20px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.mailColumn #total_required {
  margin: 0;
  padding: 10px 25px;
  height: 40px;
  box-sizing: border-box;
  font-weight: normal;
  width: 161px;
  background: #e67575;
  font-size: 93%;
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color:#fff;
  }
.mailColumn input#formy_submit {
  cursor: pointer;
  width: 130px;
  height: 40px;
  border: none;
  background: #008d3a;
  border-radius: 3px;
  color: #fff;
  letter-spacing: 2px;
  text-indent: 0;
}
.mailColumn input.autoConfirmBack {
  position: absolute;
  right: 160px;
  background: #999;
  cursor: pointer;
  width: 130px;
  height: 40px;
  border: none;
  border-radius: 3px;
  color: #fff;
  letter-spacing: 2px;
  text-indent: 0;

}

.mailColumn textarea {
  height: 11em;
}
.mailColumn #formy_btn {
  padding: 20px 0 0;
  text-align: right;
}
.mailColumn .parsley-validated {
  background-color: #FFF;
}

/* キュレーター一覧
-------------------------------------------------------------*/
.authors {
  padding: 0;
}
.authorInfo {
  overflow: hidden;
  border-bottom: solid 1px #ccc;
  padding: 0 0 20px;
  margin: 0 0 20px;
  list-style: none;
}
.authorAvatar {
  float: left;
}
.authorDescription {
  float: right;
  width: 540px;
}
#postMain .authorDescription h2 {
  margin-top: 0;
  font-size: initial;
}

/* contactform7
-------------------------------------------------------------*/
.wpcf7-form {
  margin: 20px 0 0;
  padding: 20px 40px;
  background: #eee;
}
.wpcf7-form dt,
.wpcf7-form dd {
  padding: 10px 20px;
}
.wpcf7-form dt {
  float: left;
  line-height: 43px;
}
.wpcf7-form dd {
  padding-left: 195px;
  margin: 0;
  border-bottom: 1px solid #ddd;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="password"],
.wpcf7-form select,
.wpcf7-form textarea {
  margin: 0;
  padding: 10px 15px;
  border: 1px solid #ccc;
  width: 343px;
}
#submitBtn {
  text-align: center;
}

/* clearfix
------------------------------------------------------------- */
.clearfix:after,
.container:after,
header:after,
footer:after,
.wrapper:after,
article:after,
#newPosts:after,
#postMain .sharedLinks:after,
#postMain #author:after,
#postMain #likeBtns:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

.clearfix,
.container,
header,
fooer,
.wrapper,
article,
#newPosts,
#postMain .sharedLinks,
#postMain #author,
#postMain #likeBtns {
  /zoom : 1;
}


/* ページ別class付与スタイル
------------------------------------------------------------- */
.font-small{
  margin: 30px 0 10px;
  font-weight: lighter;
  font-size: 116% !important;
}


/* 植物図鑑
------------------------------------------------------------- */
.posttype-library #postMain{
  float: right;
  width: 770px;
}
.posttype-event_calendar #postMain{
  float: right;
}
#postMain #postBody .posttype-library #postMain{
  width: 100%;
}
.posttype-library #postMain h2,
.posttype-library #postMain h3 {
  margin: 0 0 10px;
}
.posttype-library .rightColumnBox,
.posttype-library .rightColumn,
.posttype-event_calendar .rightColumnBox,
.posttype-event_calendar .rightColumn{
  float: left;
}
.posttype-library.shortcode {
  clear: both;
}
/* 検索 */
.library-refineform {
  color: #333;
  background: rgba(0,0,0,.03);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 20px;
  font-size: 14px;
}
.library-select-area {
  position: relative;
  display: inline-block;
  margin: 0 0 8px;
}
.library-select-area select {
  height: 35px;
  margin-right: 15px;
  padding: 0 30px 0 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
}
.library-select-area .fa {
  position: absolute;
  top: 21px;
  right: 25px;
  margin-top: -8px;
  pointer-events: none;
  font-size: 60%;
}
select::-ms-expand {
  display: none;
}

#postMain .library-searchbox{
  padding: 0;
}
.library-searchbox span.selected + select {
  font-weight: bold;
  border: 1px solid #aaa;
}
.library-searchbox fieldset,
.spot-searchbox fieldset {
  display: block;
  border: none;
  margin: 0;
  padding: 0;
  margin: 7px auto 0;
}
.library-searchbox fieldset{
  margin: 0;
}
.library-input,
.spot-input,
.library-search-submit,
.spot-search-submit,
.event-search-submit {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  line-height: 40px;
  height: 40px;
  border: none;
}
.library-input,
.spot-input {
  float: left;
  width: calc(100% - 175px);
  padding: 0 15px;
  background-color: #fff;
  border: 1px solid #ccc;
}
.library-search-submit,
.spot-search-submit,
.event-search-submit {
  padding: 0px 13px;
  background: #02AB84;
  color: #fff;
  width: 165px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0em;
  margin-left: 10px;
  height: 40px;
  display: inline-block;
  vertical-align: top;
}
.library-search-submit:hover,
.spot-search-submit:hover,
.event-search-submit:hover {
  background: #87C791;
}
.event-search-submit{
  width: 100%;
}

/* .library-list */
.library-bottom .library-list-ttl {
  margin: 0;
  font-size: 1.5em;
  font-weight: bold;
}
#postMain .library-list-ttl {
  margin-top: 0;
  margin: 0 0 10px!important;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}
.library-list article {
  width: 25%;
  float: left;
  position: relative;
}
.library-list article:nth-child(1),
.library-list article:nth-child(2){
  width: 50%;
}
.library-list.ranking-library article:nth-child(4n+3),
.library-list.new-library article:nth-child(2n+1){
  clear: both;
}
.library-list.new-library article {
  width: 50%;
}
.library-list article:hover{opacity: .7;}
.library-list {
  counter-reset:number;
  margin: 0 0 32px;
}
.library-list a {
  margin-left: 10px;
  margin-bottom: 10px;
  display: block;
  text-decoration: none;
  border: 1px solid #eaedf2;
  position: relative;
}
.library-list .post-cat a{
  border: none;
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.library-list .thumbnail::before {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  background-color: #02AB84;
  font-size: 120%;
  color: #fff;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  text-indent: 0;
  z-index: 1;
}
.library-list article:first-child .thumbnail::before {
  background: #ccaa00;
}
.library-list article:nth-child(2) .thumbnail::before {
  background: #aab;
}
.library-list article:nth-child(3) .thumbnail::before {
  background: #aa4433;
}
.library-list.new-library article .thumbnail::before{
  content: none;
}
.library-list article:first-child a,
.library-list article:nth-child(4n+3) a {
  margin-left: 0;
}
.library-list.new-library a,
.library-list.new-library article:nth-child(4n+3) a {
  margin-left: 10px;
}
.library-list.new-library article:first-child a,
.library-list.new-library article:nth-of-type(2n+1) a {
  margin-left: 0;
}
.library-list .thumbnail {
  height: 150px;
  background-color: #eee;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.library-list article:nth-child(1) .thumbnail,
.library-list article:nth-child(2) .thumbnail {
  height: 300px;
}
.library-list.new-library article .thumbnail{
  height: 200px;
}
.library-list.new-library .thumbnail.no-img:after{
  top: calc(50% - .5em);
}
.library-list-title {
  padding: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #000;
}

/* .library-links */
#posts .library-links-ttl {
  margin: 0 0 10px;
  font-size: 24px;
  line-height: 1.5;
}
.library-links,
.spot-links,
.event-links {
  padding: 15px;
  background: #f0f0f0;
}
.posttype-event_calendar .spot-links,
.event-links{
  margin: 0 0 25px;
}
.map{position: relative;}
.spot-form fieldset{
  background: #fff;
  border: none;
  width: 100%;
  margin: 0;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 0px;
  line-height: 0px;
}

fieldset.bpin{
  display: table;
}

fieldset.bpin input.spot-input{
  display: inline-block;
  font-size: 13px;
}

fieldset.bpin div.by{
  display: inline-block;
  width: 3%;
  vertical-align: middle;
  padding: 0px 1%;
  line-height: 20px;
}

fieldset.bpin label input{
  display: inline-block;
  /*width: 45%;*/
}

fieldset.bpin label input.checkA{
  display: inline-block;
  position: relative;
  margin-right: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: button;
  appearance: button;
  width: 20px;
  height: 20px;
  top: -2px;
  border: 1px solid #ccc;
  vertical-align: middle;
  background-color: #fff;
}

/* Firefox */
@-moz-document url-prefix(){
  fieldset.bpin label input.checkA{
    -moz-appearance: none!Important;
    -webkit-appearance: none!Important;
    appearance: none!Important;
  }
}

fieldset.bpin label input.checkA:checked::after {
    position: absolute;
    content: "";
    top: -3px;
    left: 3px;
    width: 8px;
    height: 14px;
    border-right: 4px solid #02AB84;
    border-bottom: 4px solid #02AB84;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

fieldset.bpin label{
  padding: 0 15px;
  width: 35%;
  /* margin-left: 10px; */
  font-size: 13px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  color: #757575;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  line-height: 40px;
  height: 40px;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: inline-block;
}

fieldset.bpin label:hover {
   opacity: .7;
}

form.spot-form{
  margin-bottom: 0px;
}

#postMain .library-links,
#posts .spot-links{
  margin: 0 0 24px;
}
.library-links dl,
.library-links-block,
.spot-links dl,
.event-links-inner {
  overflow: hidden;
  padding: 15px;
  /*border: 1px solid #ccc;*/
  background: #fff;
  border-radius: 0px;
  margin: 0 0 15px;
  width: 100%;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.posttype-event_calendar .spot-links dl{
  margin: 0;
}
.library-links-block:last-child,
.event-links-inner{
  margin: 0;
}
dl.spot-links-map,
dl.spot-links-cat,
dl.spot-links-type{
  float: none;
  width: 100%;
}
dl.spot-links-map dd{width: 100%;}
.library-links dt,
.library-links-block-ttl,
.event-links-block-ttl,
.spot-links dt {
  display: block;
  padding-left: 13px;
  margin-bottom: 10px!important;
  font-size: 120%;
  position: relative;
  font-weight: bold;
}
.library-links dt::before,
.library-links-block-ttl::before,
.event-links-block-ttl::before,
.spot-links dt::before {
  content: '';
  width: 6px;
  height: 1em;
  position: absolute;
  top: calc(50% - .5em);
  border-radius: 20px;
  left: 0;
  background: #555;
}
.spot-links .spot-links-type dt { color: #247BA0;}
.spot-links .spot-links-type dt::before { background: #247BA0;}
.library-links dd,
.spot-links dd,
.syllabary-item {
  margin: 0;
  float: left;
  text-align: center;
  margin: 0 3px 3px 0;
}
.library-links dd.not-have,
.spot-links dd.not-have {
  opacity: .35;
  pointer-events: none;
}
.library-links dd:hover,
.spot-links dd:hover{opacity: .7;}
.spot-links .spot-links-map dd:hover{opacity: 1;}
.syllabary-list{
  padding: 0;
  margin: 0;
  width: 48%;
  float: left;
}
.syllabary-list:nth-of-type(2){
  margin: 0 0 0 4%;
}
.syllabary-item {
  width: calc(20% - 3px);
  list-style-type: none;
}
.syllabary-item.ra,
.syllabary-item.wa{
  clear: both;
}
.syllabary-item.yu,
.syllabary-item.yo{
  margin-left: 20%;
}
.library-links a,
.spot-links a {
  display: block;
  background: #fff;
  text-decoration: none;
  padding: 3px 15px 3px 13px;
  border-radius: 5px;
  border: 1px solid #ddd;
  display: block;
  vertical-align: baseline;
  color: #000000;
  font-size: 109%;
}
.library-links a .fa {
  color: #02AB84;
}
.library-links .library-links-type.library-front dd{
  width: calc(20% - 6px);
  margin: 0 6px 10px 0;
  text-align: left;
}
.library-links .library-links-type.library-front dd:nth-child(5n+6){
  margin-right: 0;
}
.library-links .library-links-type.library-front a{
  padding: 0;
  white-space: nowrap;
  border: 0;
}
.library-links .library-links-type.library-front .cat-img{
  width: 100%;
  padding-top: 50%;
  display: block;
}
.library-links .library-links-type.library-front .library-links-type-ttl{
  padding: 0 0 4px 0;
  display: inline-block;
  font-weight: 500;
  font-size: 14px;
}
.library-links .syllabary-list a{
  background: rgba(0,0,0,.05);
  border: none;
  -webkit-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .2s ease-out;
}
.library-links .syllabary-list a:hover{
  background: rgba(0,153,51,.5);
  opacity: 1;
}
.disabled.syllabary-item{
  opacity: .4;
}
.disabled.syllabary-item a {
  pointer-events: none;
  color: #bbb;
}
/* .library-table */
#postMain table th.library-table-ttl,
#postMain table td.library-table-text{padding: 8px;}
.library-table-ttl{white-space: nowrap;}
.library-table-cont:not(:last-child):after{
  content: '/';
  padding: 0 4px;
}

/* 植物図鑑 library single
------------------------------------------------------------- */

/* library-single common */
.posttype-library #postMain p{
  margin: 0 0 1em;
}
.posttype-library #postMain .library-list-item p {
  margin: 0;
}
#postMain h1.library-single-mainttl{
  margin: 0 0 20px;
}
.posttype-library #postMain #postBody h2{
  margin: 0 0 20px;
  padding: 0;
}
.posttype-library #postMain #postBody h3 {
  margin: 0 0 15px;
}
h3.library-single-box-subttl::before {
  margin: 0 0 15px;
  border: none !important;
  content: "" !important;
  background:none !important;
}
.posttype-library #postMain #postBody h4{
  margin: 0 0 10px;
}
.posttype-library #postMain #postBody h5 {
  margin: 0 0 5px;
}

/* library-head */
.library-head{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-justify-content: space-between;
  margin: 0 0 24px;
}
/* head -> imgarea */
.library-head-imgarea {
  width: 345px;
}
.library-head-imgarea .bx-wrapper {
  margin: 0 0 6px;
}
.library-slider{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.library-slide-pager-list{
  width: 345px;
}
.library-slide-pager-item{
  width: calc(20% - 4px);
  float: left;
  padding-top: calc(20% - 4px);
  cursor: pointer;
  opacity: .5;
  -webkit-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .2s ease-out;
}
.library-slide-pager-item.active{
  opacity: 1;
}
.library-slide-pager-item:not(:first-child){
  margin: 0 0 0 4px;
}
/* head -> textarea */
.library-head-textarea {
  width: calc(100% - 365px);
}
.library-slide-item{
  height: 243px;
  left: 0;
}
.library-slide-item img{
  width: 345px;
  height: 243px;
  object-fit: cover;
}
.library-slide-item.no-img{
  background: #eee;
}
.library-head-list {
  margin: 0;
  position: relative;
  font-size: 100%;
}
.library-head-list-ttl{
  position: absolute;
  padding: 9px 16px;
  font-weight: bold;
}
.library-head-list-text {
  position: relative;
  padding: 8px 16px 8px 9em;
  margin: 0;
  border-top: 1px dotted #dedede;
  box-sizing: border-box;
}
.library-head-list-text:last-child{
  border-bottom: 1px dotted #dedede;
}
.library-head-list-text em {
  font-size: 14px;
  font-weight: normal!important;
  color: #333;
}

/* tab */
.library-single-tabs {
  padding: 0;
  margin: 0 0 32px;
  list-style-type: none;
  border-bottom: 2px solid #02AB84;
  overflow: hidden;
}
.library-single-tabs-item {
  float: left;
  margin: 0 6px 0 0;
  font-size: 130%;
  background: #e4e4e4;
  border-radius: 4px 4px 0 0;
  cursor: pointer;
  -webkit-transition: .1s ease-out;
  -o-transition: .1s ease-out;
  transition: .1s ease-out;
  -webkit-transform: translateY(3px);
  -ms-transform: translateY(3px);
  -o-transform: translateY(3px);
  transform: translateY(3px);
}
.library-single-tabs-item:hover,
.library-single-tabs-item.active{
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  background: #02AB84;
}
.library-single-tabs-item a {
  display: block;
  padding: 6px 32px 4px;
  text-decoration: none;
  transition: .1s ease-out;
}
.library-single-tabs-item a:hover,
.library-single-tabs-item.active a{
  color: #fff;
}

/* single -> detail */
.library-single-bloc {
  margin: 0 0 40px;
}
.library-single-bloc.ad{
  text-align: center;
  margin: 0 0 20px;
}
#postMain .library-basic-area .library-single-bloc table {
  table-layout: fixed;
}
#postMain .library-basic-area .library-single-bloc table th {
  width: 90px;
}
#postMain .library-basic-area .library-single-bloc table th,
#postMain .library-basic-area .library-single-bloc table td{
  padding: 8px;
}
.library-single-box {
  overflow: hidden;
  margin: 0 0 10px;
}
.library-single-box.gallery{
  overflow: hidden;
}
.library-single-box.gallery .gallery-img{
  width: 32%;
  margin: 0 2% 0 0;
  float: left;
}
.library-single-box.gallery .gallery-img:last-child{
  margin: 0;
}
.library-single-box.gallery .gallery-img img{
  width: 100%;
}
.library-single-box .gallery-img-cap{
  display: block;
  font-size: 8pt;
  color: #999;
}
.library-single-box-img {
  float: left;
  margin: 0 15px 0 0;
  width: 150px;
}

/* library-general */
.library-single-general {
  position: relative;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  overflow: hidden;
}
.library-single-general-link {
  font-size: 80%;
}
a.library-single-general-archive {
  background: #000;
  color: #fff;
  padding: 2px 16px;
  display: inline-block;
  text-decoration: none;
  font-size: 90%;
}
a.library-single-general-archive:hover {
  background: #02AB84;
}
.library-single-general-img{
  width: 80px;
  height: 80px;
  float: left;
  margin: 0 20px 0 0;
}
.library-single-general-textarea{
  float: right;
  width: calc(100% - 100px);
}
.library-single-general-list {
  list-style-type: none;
  padding: 0;
  margin: 0 0 4px;
  font-weight: bold;
}
.library-single-general-text {
  color: #000000;
  font-size: 90%;
}

.library-qa-banner {
  text-align: center;
  padding-bottom: 8px;
}

.related-area{
  border-top: 1px solid #ddd;
}
.related-area > p{
  margin: 0 !important;
}
#yarpp-list .default-posts-yarpp,
.shortcode #posts,
.shortcode #postMain{
  float: none;
  width: 100%;
  margin: 0;
}
#yarpp-list article,
.shortcode.posttype-post #posts article{
  margin-bottom: 0;
  padding: 20px 0 !important;
  border: none;
}
#yarpp-list .default-posts-yarpp,
.shortcode.posttype-post {
  border-bottom: 1px solid #ddd;
}
#yarpp-list .top-post-ttl-extext,
.shortcode.posttype-post #posts .top-post-ttl-extext{
  width: 100%;
}
.top-post-ttl-extext .top-post-ttl-extext_ttl {
  background: transparent!important;
  padding: 0!important;
  margin: 0 0 15px!important;
  border-radius: 0!important;
}
.top-post-ttl-extext .top-post-ttl-extext_ttl a {
  color: #444!important;
  font-size: 18px!important;
  font-weight: bold!important;
  line-height: 1.5!important;
  text-decoration: none;
}
#yarpp-list h2,
#postMain #postBody .shortcode.posttype-post h2{
  background: transparent;
  padding: 0;
  margin: 0 0 15px;
}
#library-grow-area #yarpp-list .post-cat {
  right: 580px;
  top: 30px;
}
#yarpp-list .post-cat {
  right: 480px;
  top: 30px;
}
.shortcode.posttype-post #posts .post-cat{
  right: 480px;
  top: 30px;
}
.posttype-library .shortcode.posttype-post #posts .post-cat{
  right: 580px;
}
.shortcode.posttype-post #posts p{
  float: none;
  width: 100%;
}
#yarpp-list p,
#postMain #postBody .shortcode p{
  margin: 0;
  width: 100%;
  font-size: 100%;
  float: none;
}
#postMain #postBody .shortcode.posttype-event_calendar p{
  margin: 0 0 16px;
}
#yarpp-list{
  font-size: 14px;
}
#yarpp-list p a{
  font-weight: initial;
}
#yarpp-header {
  text-align: center;
  font-size: 8pt;
  color: #808080;
}
#yarpp-no-posts{
  text-align: center;
}

/* スポット spot single
------------------------------------------------------------- */
.spot-name-kana{
  font-size: 90%;
}
.spot-data {
  font-size: 116%;
}
.spot-data-list,
.spot-data-item{
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.spot-data-list{
  margin: 0 0 10px;
}
.spot-data-item{
  margin: 0 0 2px;
}
.spot-data-item .ttl{
  font-weight: bold;
}
.spot-coupon {
  margin-top: 20px;
  margin-bottom: 10px;
}

/* イベント event
------------------------------------------------------------- */
.event-list article{
  position: relative;
  margin: 0 0 10px;
  padding: 15px;
  border-radius: 5px;
  width: 100%;
  border: 1px solid #ddd;
  max-width: 100%;
  border: 1px solid #eaedf2;
  box-sizing: border-box;
}
.event-list article .thumbnail{
  width: 110px;
  height: 110px;
  position: relative;
  z-index: -1;
  float: left;
  background-size: cover;
  background-position: center;
  margin: 0 10px 0 0;
}
.event-list article .event_calendar-textarea{
  position: relative;
  width: calc(100% - 125px);
  min-height: 110px;
  float: right;
  box-sizing: border-box;
  z-index: -1;
}
.event-list article .event_calendar-textarea p{
  border-top: #eef1f5 1px solid;
  padding: 6px 0 0;
  margin: 0;
  font-size: 12px;
  color: #000000;
}
.event-links-block:not(:last-child) {
  margin: 0 0 15px;
}
.event-links-block.event-links-datepicker{
  min-height: 303px;
}
.event_calendar-types .post-cat{
  position: static;
}
.post-grid .event_calendar-types{
  margin: 0 0 4px;
  font-size: 90%;
}
.post-grid .event_calendar-types a{
  text-decoration: none;
}
.event-list article .event_calendar-types,
.event-list article .post-cat{
  pointer-events: none;

}
.event_calendar-more{
  margin: 5px 0 0;
  position: absolute;
  width: 100%;
  bottom: 0;
  box-sizing: border-box;
}
.event_calendar-more a{
  margin: 0;
  display: block;
}
.event_calendar-timelist{
  list-style-type: none;
  padding: 0;
  font-size: 110%;
  margin: 0 0 4px;
  clear: both;
}
.event_calendar-timelist li .ttl{
  font-weight: bold;
}
.event_calendar-timelist li .status{
  font-size: 85%;
  border: 1px solid;
  padding: 3px 8px;
  margin: 0 0 0 4px;
}
.event_calendar-timelist li .status.now{
  color: #02AB84;
}
.event_calendar-timelist li .status.near{
  color: #fdbc1b;
}
.event_calendar-timelist li .status.fin{
  color: #E92200;
}
.event_calendar-timelist li .status.end{
  color: #aaa;
}
.event-single-detail .event_calendar-timelist li .status{
  font-size: 80%;
  display: inline-block;
  line-height: 1em;
  vertical-align: middle;
  transform: translateY(-2px);
}
.search-box-inner{
  width: 59%;
  background: #fff;
  border-radius: 4px;
  padding: 15px;
  box-sizing: border-box;
  float: left;
}
.search-box-inner:nth-child(2){
  width: 39%;
  margin: 0 0 0 2%;
}
.search-box-inner.full{
  width: 100%;
  float: none;
}
.event-links-btns-list{
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.event-links-btns li{
  width: 100%;
  float: left;
}
.event-links-btns li:not(:last-child){
  margin: 0 0 8px;
}
.event-links-btns a {
  display: table;
  height: 70px;
  width: 100%;
  text-decoration: none;
  background: #fff;
  color: #000000;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  font-size: 109%;
}
.event-links-btns .today a {
  height: 120px;
}
.event-links-btns a:hover{
  opacity: .7;
}
.event-links-btns a .text{
  display: table-cell;
  vertical-align: middle;
  line-height: 1.3em;
  color: #000;
}
.event-links-btns .today a .text{
  font-size: 14px;
}
.event-links-btns li:nth-child(1) .text{
  background: rgba(238, 189, 229, 0.4);
}
.event-links-btns li:nth-child(2) .text{
  background: rgba(133, 153, 205, 0.4);
}
.event-links-btns li:nth-child(3) .text{
  background: rgba(138, 200, 225, 0.4);
}
.event-links-btns li:nth-child(4) .text{
  background: rgba(0,153,51,.2);
}
#area-prefectures{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: border-box;
  border-radius: 4px;
  border: 1px solid #ddd;
  color: #000000;
  padding: 8px 30px 8px 16px;
  width: 100%;
  background: #fff;
  text-align: center;
  float: left;
  position: relative;
  background-image:
    url(../images/select_arrow2.png),
    url(../images/select_line.png);
  background-repeat:
    no-repeat,
    repeat-y;
  background-size:
    10px,
    1px;
  background-position:
    center right 10px,
    center right 30px;
}
.event-slider {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.event-slide-item.img{
  padding-top: 60%;
}
.event-head{
  margin: 0 0 25px;
}
.event-head-imgarea{
  position: relative;
}

.single-catchImage .bx-pager-link {
  color: transparent;
  display: block;
  background: #ddd;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.single-catchImage .bx-pager-link.active {
  background: #02AB84;
}
.single-catchImage .bx-pager{
  text-align: center;
  height: 15px;
  margin: 10px 0 0;
}
.single-catchImage .bx-pager-item{
  display: inline-block;
  margin: 0 8px;
  width: 15px;
  height: 15px;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: -10px;
  outline: 0;
  height: calc(100% + 20px);
  text-indent: -9999px;
  z-index: 9990;
  width: 8%;
}
.single-catchImage .bx-wrapper .bx-next{
  right: 0;
}
.single-catchImage .bx-wrapper .bx-prev{
  left: 0;
}
.bx-wrapper .bx-controls-direction a::before {
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  left: 0px;
  width: 24px;
  height: 24px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.single-catchImage .bx-wrapper .bx-controls-direction a::before {
  border-color: #999;
}
.single-catchImage .bx-wrapper .bx-controls-direction a:hover {
  opacity: .6;
}
.bx-wrapper .bx-controls-direction a.bx-prev::before {
  left: auto;
  right: 0px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.event-single-table .important{
  font-size: 116%;
  font-weight: bold;
}
.event-single-table .hosoku{
  font-size: 90%;
}
.event_calendar-timelist li:not(:last-child){
  margin: 0 0 2px;
}
.event_calendar-timelist li .ttl{
  font-weight: bold;
}
.event_calendar-timelist-date{
  color: #02AB84;
}
.posttype-event_calendar #postBody #postMain{
  float: none;
}
.event-single-detail{
  margin: 0 0 20px;
}
.event-single-detail .event-single-table th{
  white-space: nowrap;
}
.event-single-detail .event_calendar-info{
  margin: 20px 0 4px;
}
.event-single-detail .event_calendar-info .event_calendar-types{
  margin: 0;
}
.event-single-detail p.event-caption {
  margin: 0 0 10px;
}
.event-single-detail .event_calendar-status span{
  color: #02AB84;
  display: inline-block;
  border: 1px solid #02AB84;
  padding: 3px 10px;
  line-height: 1em;
  font-size: 95%;
  margin: 0 4px 0 0;
}
.event-single-detail .event_calendar-timelist{
  font-size: 140%;
  padding: 0 0 16px;
  margin: 0 0 24px;
  border-bottom: 1px solid #ccc;
}
.event-single-detail .event-map {
  margin: 0 0 10px;
}
.event-sponser .thumbnail {
  width: 110px;
  height: 110px;
  background-size: cover;
  background-position: center;
  float: left;
  margin: 0 10px 0 0;
}
#postMain #postBody .event-sponser h4{
  margin: 0;
  padding: 0;
}
#postMain #postBody .event-sponser h4:before{
  content: none;
}
.event-sponser{
  margin: 0 0 20px;
}
.event-single .keywords-link{
  padding: 0 10px;
  margin: 0;
}
.event-single .new-event{
  margin: 0 0 20px;
}
.posttype-event_calendar .no-post > article {
  position: relative;
  display: table;
  margin: 10px;
  padding: 10px;
  background: #f0f0f0;
  width: calc(100% - 20px);
  border: none;
  box-sizing: border-box;
  text-align: center;
}
#postMain #postBody .new-event h3,
#postMain #postBody .place-posts h3{
  margin: 0 0 8px;
  font-size: 17.68px;
  padding: 0;
  color: #000;
}
#postMain #postBody .place-posts h3{
  padding: 8px;
  font-size: 14px;
  margin: 0;
}
#postMain #postBody .new-event h3:before,
#postMain #postBody .place-posts h3:before{
  content: none;
}
#postMain #postBody .new-event p{
  font-size: 13px;
  color: #000;
}
#postMain #postBody .place-posts p{
  font-size: 13px;
  color: #999;
  margin: 0;
}
.shortcode.posttype-event_calendar #posts .thumbnail{
  width: 110px;
  height: 110px;
}
.event-single-detail .shortcode.posttype-event_calendar .event_calendar-timelist li{
  font-size: 13px;
  color: #000;
}
.event-single-detail .shortcode .event_calendar-timelist{
  border: none;
  margin: 0;
  padding: 0;
}
/* event side */
.side-event-content{
  margin: 0 0 10px;
  padding: 15px;
  border: 1px solid #ddd;
  background: #fdfdfd;
  border-radius: 4px;
}
.sideSection .search-box-inner:nth-child(2){
  width: 100%;
  margin: 0;
  padding: 0;
}
.sideSection .event-links-btns li:not(:last-child){
  width: 31%;
}
.sideSection .event-links-btns li:not(:last-child) a{
  height: 56px;
}
.sideSection .event-links-btns li:nth-child(1),
.sideSection .event-links-btns li:nth-child(2){
  margin: 0 3.5% 0 0;
}
.sideSection .event-links-btns li:last-child a{
  height: 40px;
}
.sideSection .event-links-btns a .text span{
  font-size: 120%;
}
.event-notification {
  line-height: 18px;
  color: #ed2341;
  font-size: 13px;
}
.top-event .event_calendar-posts {
  display: flex;
}

/* shortcode ショートコード
------------------------------------------------------------- */

/* カテゴリで分類しているバージョン用
------------------------------------------------------------- */
.event-posts .post-cat,
.movie-posts .post-cat,
.library-posts .post-cat,
.place-posts .post-cat,
.post-grid-3-2 .post-cat {display: none;}
.posttype-event_calendar .event-posts .post-cat,
.place-posts .post-cat.event{ display: inline-block;}
.movie-posts .thumbnail,
.posttype-movie #postMain .thumbnail,
#newPosts article.newPosts-movie,
.thumbnail-movie{
  position: relative;
  display: table;
  text-align: center;
  width: 100%;
}
#newPosts article.newPosts-movie{
  width: 400px;
}
.movie-posts .thumbnail:before,
.posttype-movie #postMain .thumbnail:before,
#newPosts article.newPosts-movie:before,
.thumbnail-movie::before {
  content: '\f144';
  position: relative;
  z-index: 1;
  display: table-cell;
  vertical-align: middle;
  font-family: FontAwesome;
  color: #fff;
  font-size: 300%;
  pointer-events: none;
}
#newPosts article.newPosts-movie:before {
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 17px);
  line-height: 1em;
}
.thumbnail-movie::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  font-size: 180%;
}
.posttype-movie #postMain article:nth-child(-n+2) .thumbnail:before{font-size: 500%;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .posttype-movie #postMain article:nth-child(-n+2) .thumbnail:before{font-size: 30%;}
}
.movie-posts .thumbnail:after,
.posttype-movie #postMain .thumbnail:after,
#newPosts article.newPosts-movie:after,
.thumbnail-movie::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.25);
  pointer-events: none;
}
#newPosts article.newPosts-movie:after{
  height: 204px;
}
.shortcode #posts .thumbnail::before,
.shortcode #postMain .thumbnail::before,
.shortcode #posts .thumbnail::after,
.shortcode #postMain .thumbnail::after {
  content: none;
}
.posttype-spot #postMain article:nth-of-type(1){ border-top: 1px solid #ddd;}
.posttype-spot #posts article,
.library-list-tax{
  border: 1px solid #eaedf2;
  padding: 15px;
  border-radius: 5px;
  position: relative;
  margin: 0 0 20px;
}
.library-list-tax .top-post-ttl-extext {
  max-height: 7.7em;
  overflow: hidden;
}
#postMain #postBody .library-list-tax .top-post-ttl-extext{
  font-size: 11px;
}
.spot-list-ttl,
.event-list-ttl,
.library-list-tax .library-list-ttl,
.library-list-ttl_hd {
  margin: -15px 0 15px -15px;
  width: 100%;
  padding: 10px 15px;
  background: #f5f6f9;
  border-bottom: 2px solid #eaedf2;
  border-radius: 5px 5px 0 0;
}
.spot-list-ttl-text,
.event-list-ttl-text,
.library-list-tax .library-list-ttl-text{
  font-size: 160% !important;
  max-width: 100%;
  margin: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  float: left;
}
.spot-list-ttl-text-inner,
.event-list-ttl-text-inner,
.library-list-tax .library-list-ttl-text-inner{
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.posttype-spot #posts .thumbnail,
.posttype-library #postMain .library-list-tax .thumbnail,
.posttype-library.general .library-list-tax .thumbnail{
  width: 110px;
  height: 110px;
  margin: 0 15px 0 0;
  float: left;
}
.posttype-spot #posts.full .top-post-ttl-extext,
.posttype-library #posts.full .library-list-tax .top-post-ttl-extext,
.posttype-library.general .library-list-tax .top-post-ttl-extext{
  width: calc(100% - 125px);
  padding: 0;
  float: right;
  display: block;
}
#posts.event-posts .post-cat{
  right: 10px;
}
#posts.event-posts .thumbnail a{
  width: initial;
}
.posttype-spot .full .post-cat,
.posttype-library .full .library-list-tax .post-cat,
.posttype-library.general .library-list-tax .post-cat{
  position: static;
}
.posttype-library.general .library-list-tax p{
  margin: 0;
}
.posttype-spot #posts .thumbnail,
.event_calendar-types,
.posttype-library #posts .library-list-tax .thumbnail,
.library-list-tax .library-list-types {
  position: relative;
  z-index: -1;
}
.event-single-detail .event_calendar-types,
.library-list-tax .library-list-types{
  float: right;
  vertical-align: middle;
  white-space: nowrap;
  text-align: right;
  line-height: 2.45em !important;
  z-index: 100;
}
.event-single-detail .event_calendar-types{
  line-height: 3em !important;
  margin: 0;
}
#postMain .event-single-detail .post-ttl-wrap,
.posttype-spot #postMain .post-ttl-wrap,
.posttype-library #postMain .library-list-tax .post-ttl-wrap{
  overflow: hidden;
  margin: 20px 0 0;
}
 #postMain .event-single-detail h1,
.posttype-spot #postMain h1,
.posttype-library #postMain .library-list-tax h1{
  float: left;
  margin: 0;
}
.event-list .event_calendar-types,
#posts .spot-list-types{
  float: none;
  text-align: left;
  display: block;
  clear: both;
  padding: 0;
  margin: 0 0 2px;
  line-height: 1em !important;
}
.event-list .event_calendar-types{
  margin: 0 0 8px;
}
#postMain .event_calendar-types{
  pointer-events: none;
}
#postMain .posttype-spot .spot-list-types{
  padding: 0;
}
.spot-list-list,
.library-list-list {
  font-size: 105%;
  margin: 0 0 8px;
  padding: 0;
  list-style-type: none;
}
.spot-list-item-ttl{
  font-weight: bold;
}
.spot-list-item{
  margin: 0 0 2px;
}
#posts p.spot-list-detail {
  position: relative;
  margin: 0 !important;
  padding: 8px 0 0 !important;
  font-size: 12px !important;
  z-index: -1;
  float: none;
  clear: none;
}
#posts p.spot-list-detail:before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #eef1f5;
}
#posts .spot-list-detail-text{
  height: 4.5em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.posttype-spot .post-cat a,
.posttype-event_calendar .event-list-ttl .post-cat a{
  border-radius: 3px;
}
.posttype-spot .spot-list-type,
.posttype-event_calendar .event_calendar-type,
.posttype-library .library-list-type {
  background: #555;
  color: #fff;
  padding: 0 10px;
  display: inline-block;
  line-height: 20px;
  font-size: 85%;
  margin: 0 3px 0 0;
  text-decoration: none;
  border-radius: 3px;
  z-index: 1;
  position: relative;
}
.posttype-event_calendar .post-grid .event_calendar-type .post-cat{
  position: static;
  margin: 0 4px 0 0;
}
.posttype-event_calendar .post-grid .event_calendar-type .post-cat a{
  border-radius: 3px;
}
.posttype-event_calendar .post-grid .post-grid-date {
  font-size: 12px !important;
  padding: 0 10px 10px;
}
.posttype-event_calendar .post-grid .event_calendar-type {
  padding: 0 10px;
  background: transparent;
  margin: 0 0 4px;
}
.posttype-event_calendar .event_calendar-type{
  background: #00aced;
}
.posttype-event_calendar .event-single-detail .event_calendar-type{
  margin: 0 0 0 4px;
}
.posttype-library .library-list-type{
  background: #00aced;
  cursor: pointer;
}
.posttype-spot .spot-list-type:not(:last-child):after{
  content: none;
}
.posttype-spot .area-hokkaido{ background:#008600; }
.posttype-spot .area-tohoku{ background:#158D78; }
.posttype-spot .area-kanto{  background:#1491C3; }
.posttype-spot .area-chubu{ background:#0B329A; }
.posttype-spot .area-kansai{ background:#DD7ACA; }
.posttype-spot .area-chugoku{ background:#F14492; }
.posttype-spot .area-shikoku{ background:#EEAE10; }
.posttype-spot .area-kyushu{ background:#FF4F00; }
.posttype-spot .area-okinawa{ background:#E92200; }
.posttype-spot .area-overseas{ background:#b1b1b1; }
.posttype-spot .spot-list-type{
  opacity: .7;
  cursor: pointer;
}
.posttype-spot .spot-list-type.botapii{
  opacity: 1;
  background: #000;
}
.posttype-spot .spot-list-type:hover{
  opacity: 1;
}
.posttype-library .library-list-type:hover{
  background: #fff;
  color: #00aced;
}
.spot-list-detail{
  clear: both;
}
.top-map-search{margin: 0 0 15px;}
.spot-search-ttl,
#postMain h2.library-links-ttl {
  font-size: 24px;
  margin: 0 0 16px;
}
.map-list {
  display:block;
  position:relative;
  width:100%;
  height:400px;
  margin:0 auto;
  font-size:14px;
  line-height:1.2;
  text-align:left;
  padding: 0;
}
.map-item {
  position: relative;
  display:block;
  width:7%;
  height:7%;
  text-align:center;
  font-size:14px;
  line-height:1.1;
  font-weight:bold;
  color:#fff;
}
.map-item.not-have{
  pointer-events: none;
}
.map-list .map-item.region10{display: none;}
a.map-link {
  display:table;
  width:101%;
  height:100%;
  overflow:hidden;
  box-sizing: border-box;
  color:#fff;
  padding: 3px 0;
  text-decoration: none;
  border-radius: 4px;
  opacity: .5;
  font-size: 75%;
  white-space: nowrap;
  transition: .2s ease-out;
}
.area-list{
  position: absolute;
  top: 0;
  left: 0;
  width: 73%;
  margin: 0;
  padding: 0;
  z-index: 1;
}
.posttype-event_calendar .area-list{
  display: none;
}
.area-list .map-item {
  float: left;
  width: 27%;
  line-height: 30px;
  padding: 1%;
}

.map-link:hover{opacity: 1;}
.map-item .space {
  display: table-cell;
  vertical-align: middle;
}
.map .region1 .map-link,
.map .area-list .region1 .map-link:hover{ background-color:#008600; }
.map .region2 .map-link,
.map .area-list .region2 .map-link:hover{ background-color:#158D78; }
.map .region3 .map-link,
.map .area-list .region3 .map-link:hover{ background-color:#1491C3; }
.map .region4 .map-link,
.map .area-list .region4 .map-link:hover{ background-color:#0B329A; }
.map .region5 .map-link,
.map .area-list .region5 .map-link:hover{ background-color:#DD7ACA; }
.map .region6 .map-link,
.map .area-list .region6 .map-link:hover{ background-color:#F14492; }
.map .region7 .map-link,
.map .area-list .region7 .map-link:hover{ background-color:#EEAE10; }
.map .region8 .map-link,
.map .area-list .region8 .map-link:hover{ background-color:#FF4F00; }
.map .region9 .map-link,
.map .area-list .region9 .map-link:hover{ background-color:#E92200; }
.map .region10 .map-link,
.map .area-list .region10 .map-link:hover{ background-color:#b1b1b1; }
.map-item.not-have .map-link{
  background: #ccc;
}
.map .area-list .map-link{
  background: transparent;
  color: #000;
  font-size: 95%;
  padding: 1px 0;
}
.map .area-list .not-have .map-link{
  opacity: .3;
}
.map .area-list .map-link:hover{
  color: #fff;
  border-color: transparent;
}

.map .area1 { position:absolute; top:0px; left:83%; width:17%; height:17%; }
.map .area2 { position:absolute; top:18%; left:83%; width: 15%; }
.map .area3 { position:absolute; top:26%; left:91%; }
.map .area4 { position:absolute; top:34%; left:91%; }
.map .area5 { position:absolute; top:26%; left:83%; }
.map .area6 { position:absolute; top:34%; left:83%; }
.map .area7 { position:absolute; top:42%; left:83%; width: 15%; }

.map .area8 { position:absolute; top:58%; left:91%; }
.map .area9 { position:absolute; top:50%; left:91%; }
.map .area10 { position:absolute; top:50%; left:83%; }
.map .area11 { position:absolute; top:58%; left:83%; }
.map .area12 { position:absolute; top:66%; left:91%; }
.map .area13 { position:absolute; top:66%; left:83%; }
.map .area14 { position:absolute; top:74%; left:83%; width: 15%; }
.map .area15 { position:absolute; top:42%; left:75%; }
.map .area16 { position:absolute; top:66%; left:75%; }
.map .area17 { position:absolute; top:50%; left:75%; height: 15%; }

.map .area18 { position:absolute; top:42%; left:67%; }
.map .area19 { position:absolute; top:42%; left:59%; }
.map .area20 { position:absolute; top:50%; left:59%; }
.map .area21 { position:absolute; top:50%; left:67%; height: 15%; }
.map .area22 { position:absolute; top:74%; left:75%; }
.map .area23 { position:absolute; top:66%; left:67%; }
.map .area24 { position:absolute; top:66%; left:59%; }

.map .area25 { position:absolute; top:58%; left:59%; }
.map .area26 { position:absolute; top:58%; left:51%; }
.map .area27 { position:absolute; top:66%; left:43%; }
.map .area28 { position:absolute; top:58%; left:43%; }
.map .area29 { position:absolute; top:66%; left:51%; }
.map .area30 { position:absolute; top:74%; left:43%; width: 15%; }

.map .area31 { position:absolute; top:58%; left:35%; }
.map .area32 { position:absolute; top:58%; left:27%; }
.map .area33 { position:absolute; top:66%; left:35%; }
.map .area34 { position:absolute; top:66%; left:27%; }
.map .area35 { position:absolute; top:58%; left:19%; height: 15%; }

.map .area36 { position:absolute; top:83%; left:34%; }
.map .area37 { position:absolute; top:75%; left:34%; }
.map .area38 { position:absolute; top:75%; left:26%; }
.map .area39 { position:absolute; top:83%; left:26%; }

.map .area40 { position:absolute; top:60%; left:10%; }
.map .area41 { position:absolute; top:68%; left:2%; }
.map .area42 { position:absolute; top:60%; left:2%; }
.map .area43 { position:absolute; top:76%; left:2%; }
.map .area44 { position:absolute; top:76%; left:10%; }
.map .area45 { position:absolute; top:68%; left:10%; }
.map .area46 { position:absolute; top:84%; left:2%; width: 15%; }
.map .area47 { position:absolute; top:93%; left:0%; }

.shop-list {
  padding: 0;
  list-style-type: none;
}
.single-slide{
  display: none;
  margin: 0;
  height: 100%;
}
.single-slide li {
  height: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
#postMain .single-slide li img {
  max-width: 550px;
  width: auto;
}
#postMain .catchImage.single-catchImage {
  padding: 10px 0;
  margin-bottom: 30px;
  text-align: center;
}
.single-slide img{
  max-height: 448px;
}
#postMain #postBody p.single-slide_caption {
  font-size: 90%;
  margin: 8px 0 0;
  color: #555;
  padding: 0 20px;
}
.catchImage .bx-wrapper{position: relative;}
.catchImage .bx-pager-item {
  display: inline-block;
  margin: 0 2px;
}
.catchImage .bx-pager-item a{
  width: 10px;
  height: 10px;
  background: #f0f0f0;
  border-radius: 50%;
  display: block;
  color: transparent;
  transition: .1s ease-out;
}
.catchImage .bx-pager-item a.active,
.catchImage .bx-pager-item a:hover{background: #02AB84;}
.catchImage .bx-controls .bx-pager {
  position: absolute;
  text-align: center;
  width: 100%;
  height: 2px;
  bottom: -20px;
  left: 0;
}

#postMain #postBody .shops .region1 h3.region-area-ttl{ color:#008600; }
#postMain #postBody .shops .region1 h3.region-area-ttl:before{ background-color:#008600; }
#postMain #postBody .shops .region2 h3.region-area-ttl{ color:#158D78; }
#postMain #postBody .shops .region2 h3.region-area-ttl:before{ background-color:#158D78; }
#postMain #postBody .shops .region3 h3.region-area-ttl{ color:#1491C3; }
#postMain #postBody .shops .region3 h3.region-area-ttl:before{ background-color:#1491C3; }
#postMain #postBody .shops .region4 h3.region-area-ttl{ color:#0B329A; }
#postMain #postBody .shops .region4 h3.region-area-ttl:before{ background-color:#0B329A; }
#postMain #postBody .shops .region5 h3.region-area-ttl{ color:#DD7ACA; }
#postMain #postBody .shops .region5 h3.region-area-ttl:before{ background-color:#DD7ACA; }
#postMain #postBody .shops .region6 h3.region-area-ttl{ color:#F14492; }
#postMain #postBody .shops .region6 h3.region-area-ttl:before{ background-color:#F14492; }
#postMain #postBody .shops .region7 h3.region-area-ttl{ color:#EEAE10; }
#postMain #postBody .shops .region7 h3.region-area-ttl:before{ background-color:#EEAE10; }
#postMain #postBody .shops .region8 h3.region-area-ttl{ color:#FF4F00; }
#postMain #postBody .shops .region8 h3.region-area-ttl:before{ background-color:#FF4F00; }
#postMain #postBody .shops .region9 h3.region-area-ttl{ color:#E92200; }
#postMain #postBody .shops .region9 h3.region-area-ttl:before{ background-color:#E92200; }

/* イベントカレンダー
------------------------------------------------------------- */
.posttype-event_calendar #postMain h2{
  margin-top: 0;
}
.posttype-event_calendar #postMain #postBody h2{
  margin-top: 30px;
}


/* ======================================================================================

    MW WP Form

====================================================================================== */
.mw_wp_form{
  text-align: center;
}
.mw_wp_form tr:nth-of-type(even){
  background: transparent !important;
}
.mw_wp_form th,
.mw_wp_form td{
  text-align: left;
  padding: 16px 8px !important;
  background: transparent !important;
  border-right: none !important;
  border-left: none !important;
}
.mw_wp_form th {
  white-space: nowrap;
}
.mw_wp_form input[type="text"],
.mw_wp_form input[type="email"],
.mw_wp_form input[type="number"],
.mw_wp_form input[type="password"],
.mw_wp_form input[type="url"],
.mw_wp_form input[type="button"],
.mw_wp_form input[type="submit"],
.mw_wp_form button,
.mw_wp_form textarea,
.mw_wp_form select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 6px 16px;
  box-sizing: border-box;
  width: 100%;
}
.mw_wp_form .mwform-zip-field input,
.mw_wp_form .mwform-tel-field input,
.mw_wp_form input.mw_input_sm,
.mw_wp_form input[type="number"],
input.zip_code{
  width: inherit;
}
.mw_wp_form select{
  padding: 6px 30px 6px 16px;
  background: url(../images/select_arrow.png) no-repeat right 8px center/10px;
  border: 1px solid #fff;
  width: auto;
}
.mw_wp_form input[type="text"],
.mw_wp_form input[type="email"],
.mw_wp_form input[type="number"],
.mw_wp_form input[type="password"],
.mw_wp_form input[type="url"],
.mw_wp_form textarea,
.mw_wp_form select{
  border: 1px solid #ccc;
  border-radius: 3px;
}
.mw_wp_form input[type="file"]{
  line-height: 1em;
}
.mw_wp_form input:focus,
.mw_wp_form textarea:focus,
.mw_wp_form input:hover,
.mw_wp_form textarea:hover {
  background: #fafafa;
}
.mwform-checkbox-field,
.mwform-radio-field {
  display: inline-block;
  margin: 0 16px 16px 0 !important;
}
.mwform-checkbox-field:last-child,
.mwform-radio-field:last-child{
  margin-bottom: 0 !important;
}
.mw_wp_form input[type="button"],
.mw_wp_form input[type="submit"],
.mw_wp_form button{
  background: #02AB84;
  color: #fff;
  line-height: 1em;
  border-radius: 3px;
  border: none;
  padding: 15px 16px;
  font-size: 80%;
  margin: 0 4px;
  min-width: 200px;
  -webkit-transition: .3s ease-out;
  -o-transition: .3s ease-out;
  transition: .3s ease-out;
  width: inherit;
}
.mw_wp_form input[name="submitBack"]{
  background: #aaa;
}
.mw_wp_form input[type="button"]:hover,
.mw_wp_form input[type="submit"]:hover,
.mw_wp_form button:hover{
  opacity: .7;
}
.mw_wp_form .error{
  margin: 8px 0 0;
  line-height: 1em;
}
.ui-widget-header{
  background: #e8e8e8 !important;
  border: 1px solid #e8e8e8 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
  background: #f1f1f1 !important;
  border: 1px solid #f1f1f1 !important;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  background: #02AB84 !important;
  border: 1px solid #02AB84 !important;
  color: #fff !important;
}
thead .ui-datepicker-week-end:first-child{
  color: #e61919 !important;
}
thead .ui-datepicker-week-end:last-child{
  color: #1375ce !important;
}
tbody .ui-datepicker-week-end:first-child .ui-state-default{
  background: #fff0f0 !important;
  border: 1px solid #fff0f0 !important;
}
tbody .ui-datepicker-week-end:last-child .ui-state-default{
  background: #e5f2f5 !important;
  border: 1px solid #e5f2f5 !important;
}
.ui-state-default:hover{
  opacity: .5;
}
/* password保護
 *************************************************** */
.post-password-form {
  background: #f8f8f8;
  text-align: center;
  padding: 40px 0;
  display: block;
  margin: 40px 0 0;
}
.post-password-form input[type="submit"]{
  -webkit-appearance: none;
  appearance: none;
  display: table;
  margin: 10px auto 0;
  padding: 10px 100px;

  background: #02AB84;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  line-height: 1em;
}

.event-slider li:not(:first-child),
.bxslider li:not(:first-child){
  display: none;
}
.bx-viewport .event-slider li:not(:first-child),
.bx-viewport .bxslider li:not(:first-child){
  display: block ;
}



.side_app_banner img {
  width: 300px;
  height: 100px;
  margin: 40px 0px 39px 0px;
}
.word-header::before {
    content: '';
    width: 6px;
    height: 1em;
    position: absolute;
    top: calc(50% - .5em);
    border-radius: 20px;
    left: 0;
    background: #555;
}

.word-header {
    position: relative;
    font-size: 20px;
    margin: 30px 0 10px;
    padding: 0 0 0 16px;
}
#postMain .post-tags .wrap-tag {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    max-width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 15px;
    margin-right: 10px;
    border: 2px;
    border-color: #eee;
    border-style: solid;
}
#postMain .post-tags .bottom-tag {
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #000;
    text-decoration: none;
    font-weight: lighter;
    font-size: 1.5em;
    padding-left: 10px;
  padding: 10px;
}
#postMain .post-tags .bottom-tag:hover {
    color: #02AB84;
}

/* NewTagTest
------------------------------------------------------------- */

/*h3*/

.new-tag{
  position: relative;
  font-size: 20px;
  font-weight: bold;
  margin: 30px 0 10px;
}

/*new-tag-a*/
#postMain .post-tags.new-a .wrap-tag {
  -webkit-border-radius: initial;
  -moz-border-radius: initial;
  border-radius: initial;
  max-width: initial;
  float: initial;
  text-align: initial;
  margin-bottom: initial;
  margin-right: initial;
  border: initial;
  border-color: initial;
  border-style: initial;
  line-height: initial;
  display: inline-block;
  margin: 0 .6em .6em 0;
  padding: 0;
  border-left: 0px;
  background-image: url(../images/new-a.svg);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: auto 100%;
}

#postMain .post-tags.new-a .bottom-tag {
  position: relative;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  color: #333;
  font-size: 13px;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
  margin-left: 16px;
  border: 1px solid #009966;
  padding: 0px 12px 0 5px;
  border-left: 0px;
  font-weight: 500;
}

#postMain .post-tags.new-a .bottom-tag i{
  color: #02AB84;
  font-weight: 600;
}

#postMain .post-tags.new-a .wrap-tag:hover{
  opacity: 0.6;
}

/*new-tag-c*/
#postMain .post-tags.new-c .wrap-tag {
  -webkit-border-radius: initial;
  -moz-border-radius: initial;
  border-radius: initial;
  max-width: initial;
  float: initial;
  text-align: initial;
  margin-bottom: initial;
  margin-right: initial;
  border: initial;
  border-color: initial;
  border-style: initial;
  line-height: initial;
  display: inline-block;
  margin: 0 .6em .6em 0;
  padding: 0;
  border-left: 0px;
  background-image: url(../images/new-c.svg);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: auto 100%;
}

#postMain .post-tags.new-c .bottom-tag {
  position: relative;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  color: #000000;
  font-size: 13px;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
  margin-left: 16px;
  border: 1px solid #02AB84;
  background: #02AB84;
  color: #ffffff;
  padding: 0px 10px;
  border-left: 0px;
}

#postMain .post-tags.new-c .bottom-tag i{
  color: #ffffff;
}

#postMain .post-tags.new-c .wrap-tag:hover{
  opacity: 0.6;
}

/* AmazonLink
------------------------------------------------------------- */

#Amazon-link-or {
  margin: 0 auto;
  width: calc(100% - 50px);
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 10px;
  color: #000000 !Important;
  display: table;
  border: 0px!Important;
  padding: 0px;
}

#Amazon-link-or div.left {
  width: 25%;
  margin-right: 1em;
  display: table-cell;
  vertical-align: middle;
}

#Amazon-link-or div.left a img{
  border: none!Important;
  margin: 0px!Important;
}

#Amazon-link-or div.right {
  padding-left: 10px;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.5;
}

#Amazon-link-or div.right a.name{
  font-size: 15px!Important;
  font-weight: bold!Important;
}

#Amazon-link-or div.right img.g-1px{
  border: none!Important;
  margin: 0px!Important;
  display: block;
}

#Amazon-link-or div p.buy-btn {
  background-color: #ff9900 !Important;
  color: #ffffff !Important;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 0.5em!Important;
}

#Amazon-link-or div p.buy-btn.color-r {
  background-color: #bf0000 !Important;
  margin-left: 1%!Important;
}

#Amazon-link-or div.buy-btn-wrap{
  width: 100%;
  display: block;
}

#Amazon-link-or .l-2{
  width: 48%;
  display: inline-block;
}

#Amazon-link-or a,
#Amazon-link-or a:hover {
  color: #C45500;
  text-decoration: underline;

}

#Amazon-link-or a,
#Amazon-link-or a:visited {
  color: #02AB84;
  text-decoration: none;

}

#Amazon-link-or div p.buy-btn a {
  color: #ffffff !Important;
/*width: calc(100% - 20px);*/
  height: 100%;
  display: block;
  padding: 0.5em;
  text-decoration: none;
  /*margin-top: 0.5em;*/

}

#Amazon-link-or div p.buy-btn:hover,
#Amazon-link-or div p.buy-btn a:hover {
  opacity: 0.4;
  transition: opacity 0.3s ease-out;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;

}

#Amazon-link-or div p.buy-btn a img.buy-ico {
  height: 1em;
  vertical-align: top;
  margin: 0.25em 0.5em 0em 0em;
}

.f10 {
  font-size: 0.625em;
}

.f15 {
  font-size: 0.938em;
}

.bold {
  font-weight: bold;
}

.m10 {
  margin: 10px 0px;
}

.lh1-2 {
  line-height: 1.2em;

}

.lh1-5 {
  line-height: 1.5em;
}

hr {
  border: solid #ddd;
  border-width: 1px 0 0 0;
  height: 1px;
  /* for IE6 */
  clear: both;
  /* for IE6 */

}

#Amazon-link-or-none {
  margin: 0 auto;
  width: calc(100% - 50px);
  background-color: #fff;

  /*border: 2px solid #ddd;*/

  /*padding: 20px;*/
  border-radius: 10px;
  color: #000000 !Important;
  display: table;

}

#Amazon-link-or-none div.left {
  width: 25%;
margin-right: 1em;
display: table-cell;
vertical-align: top;
line-height: 0;

}

#Amazon-link-or-none div.right {
  padding-left: 10px;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.5;

}

#Amazon-link-or-none a,
#Amazon-link-or-none a:visited {
  color: #02AB84 !Important;
  text-decoration: none;

}

#Amazon-link-or-none div p.buy-btn {
  background-color: #ff9900 !Important;
  color: #ffffff !Important;
  border-radius: 5px;
  text-align: center;
  line-height: 0px;
  padding: 0.1em 0px;

}

#Amazon-link-or-none div p.buy-btn a {
  color: #ffffff !Important;

  /* width: calc(100% - 20px); */
  height: 100%;
  display: block;
  padding: 0.5em;
  text-decoration: none;
  margin-top: 0.5em;
  line-height: 1.5;

}

#Amazon-link-or-none div p.buy-btn:hover,
#Amazon-link-or div p.buy-btn a:hover {
  opacity: 0.4;
  transition: opacity 0.3s ease-out;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -ms-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;

}

#Amazon-link-or-none div p.buy-btn a img.buy-ico {
  height: 1.5em;
  vertical-align: middle;
  margin: 0em 0.5em 0em 0em;

}

#Amazon-link-or-none div p.buy-btn a img.buy-ico {
  height: 1.5em;
  vertical-align: middle;
  margin: 0em 0.5em 0em 0em;

}

#Amazon-link-or-none .dblock {
  display: block;

}

#Amazon-link-or-none .hidden {
  overflow: hidden;

}

.library-list-tax .top-post-ttl-extext {
max-height: 7em;
line-height: 1.9;
overflow: hidden;
padding: 0.4em 0px;
}

/* 全文検索
------------------------------------------------------------- */
div#Full-Text-Search.catpage-head{
  background: #eee;
  padding: 10px 0;
  margin: 0 0 20px 0;
}

div#Full-Text-Search.catpage-head h1{
  font-size: 1.5em;
  font-weight: normal;
}

div#Full-Text-Search.catpage-head div.spot-links{
  padding: 0px;
  width: 670px;
}

div#Full-Text-Search.catpage-head div.spot-links fieldset{
  border: 0px;
  margin: 10px 0px 0px 0px;
  padding: 0.35em 0.625em 0.75em;
}

/* 全文検索結果
------------------------------------------------------------- */
#res article{
  display: block;
  height: 120px;
  overflow: hidden;
  padding: 20px 0px;
  border-bottom: 1px solid #ccc;
}

#res article a:hover{
  opacity: 0.8;
}

#res article:first-child{
  padding: 0px 0px 20px 0px;
}

#res article:last-child{
  padding: 20px 0px 0px 0px;
  border-bottom: 0px!Important;
}


#res article #content img{
  height: 120px;
  max-width: 120px;
  display: inline-block;
  vertical-align: top;
}

#res article #content div.res-txt{
  margin-left: 20px;
  width: calc(100% - 160px);
  display: inline-block;
  line-height: 1.4;
  max-height: 120px;
  overflow: hidden;
}

#res article #content div.res-txt div.res-txt-title{
  font-size: 18px;
  font-weight: bold;
  color: #000000;
}

#res article #content div.res-txt div.res-txt-cat-posts{
  background-image: url(../images/new_header/icon-posts.png);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  font-size: 12px;
  color: #808080;
  padding: 8px 0px 8px 20px;
}

#res article #content div.res-txt div.res-txt-cat-library{
  background-image: url(../images/new_header/icon-library.png);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  font-size: 12px;
  color: #808080;
  padding: 8px 0px 8px 20px;
}

#res article #content div.res-txt div.res-txt-cat-spot{
  background-image: url(../images/new_header/icon-spot.png);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  font-size: 12px;
  color: #808080;
  padding: 8px 0px 8px 20px;
}

#res article #content div.res-txt div.res-txt-cat-event{
  background-image: url(../images/new_header/icon-event_calendar.png);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  font-size: 12px;
  color: #808080;
  padding: 8px 0px 8px 20px;
}

#res article #content div.res-txt div.res-txt-cat-movie{
  background-image: url(../images/new_header/icon-movie.png);
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 0% 50%;
  font-size: 12px;
  color: #808080;
  padding: 8px 0px 8px 20px;
}

#res article #content div.res-txt div.res-txt-detail{
  color: #000000;
  max-height: 4em;
}

button#more_btn{
  display: table;
    padding: 15px 80px;
    background: #02AB84;
    text-decoration: none!important;
    color: #fff!important;
    border-radius: 3px;
    transition: .5s ease-out;
    margin: 0 0 20px;
    position: relative;
    width: 40%;
    margin: 20px auto 0;
    color: #fff;
    text-align: center;
    font-size: 14px;
}
/* 一花言リンク
------------------------------------------------------------- */
p.ikkagen-link{
  font-size: 14px;
  display: block;
  vertical-align: top;
  overflow: hidden;
}
p.ikkagen-link a.prev{
  display: inline-block;
  width: calc(50% - 30px);
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  color: #444;
  padding: 10px 0px 10px 10px;
  margin-left: 10px;
  text-decoration: none;
}
p.ikkagen-link a.next{
  display: inline-block;
  width: calc(50% - 30px);
  float: right;
  text-align: right;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  color: #444;
  padding:  10px 10px 10px 0px;
  margin-right: 10px;
  text-decoration: none;
}

p.ikkagen-link a:hover{
  opacity: 0.6;
}

ul.ikkagen-backnumber{
  font-size: 14px;
  list-style-type: disc;
  padding-left: 20px;
}
ul.ikkagen-backnumber li a{
  font-size: 14px;
  text-decoration: underline;
}

/* 今月のおすすめコンテンツ
------------------------------------------------------------- */
#this-month-recommended ul{
  display: block;
  padding-left: 0px;
}

#this-month-recommended ul li{
  display: inline-block;
}

#this-month-recommended ul li img{
  width: 200px;
  height: auto;
  margin-right: 10px;
}

#this-month-recommended ul li img:hover{
  opacity: 0.6;
}

/* ライターの記事一覧
------------------------------------------------------------- */
.post-writer-name-btn{
  display: inline-block;
  margin-left: 20px;
  font-size: 0.9em;
  padding: 0 0.9em;
  background-color: #f8f8f8;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  color: #444;
  vertical-align: top;
}

.post-writer-name-btn-bottom{
  padding: 0.5em;
  background-color: #02ab83;
  vertical-align: top;
  line-height: 1.5;
  font-size: 1em;
  color: #ffffff;
  width: calc(530px - 57%);
  float: right;
  margin-top: 10px;
  margin-right: 55%;
  margin-left: 98px;
  text-align: center;
  border-radius: 5px;
}

/* グロナビ - ログインアイコン
------------------------------------------------------------- */
/*ログイン前*/
li.icon-login{
  display: table-cell;
  font-size: 12px;
  /* border-right: dotted 1px #dbe1da; */
  vertical-align: middle;
}

li.icon-login a{
  padding: 10px 10px 10px 26px;
  vertical-align: middle;
  background-image: url(../images/login.svg);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: 20px auto;
  text-align: left;
  line-height: 36px;
}

li.icon-new-member{
  display: table-cell;
  font-size: 12px;
  vertical-align: middle;
}

li.icon-new-member a{
  font-size: 12px;
  padding: 10px 10px 10px 36px;
  vertical-align: middle;
  background-image: url(../images/new-member.svg);
  background-repeat: no-repeat;
  background-position: calc(0% + 10px) 50%;
  background-size: 20px auto;
  line-height: 36px;
  vertical-align: top;
}

.icon-login:hover, .icon-new-member:hover{
  opacity: 0.7;
  transition: .3s ease-out;
  color: #7f7f7f;
}

header ul li:nth-child(1) a:hover{ color: #7f7f7f;}
header ul li:nth-child(2) a:hover{ color: #7f7f7f;}

/*ログイン後*/

li.icon-loggedin {
  display: table-cell;
  font-size: 12px;
  /* border-right: dotted 1px #dbe1da; */
  line-height: 16px;
}

li.icon-loggedin a{
  padding: 0px 10px 0px 26px;
  vertical-align: middle;
  background-image: url(../images/user.svg);
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: 20px auto;
  text-align: left;
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

li.icon-notice-on, li.icon-notice-off{
  display: table-cell;
  font-size: 12px;
  vertical-align: middle;
}

li.icon-notice-on a{
  padding: 0px 10px 0px 36px;
  vertical-align: middle;
  background-image: url(../images/icon-notice-pink.svg);
  background-repeat: no-repeat;
  background-position: calc(0% + 10px) 50%;
  background-size: 18px auto;
  text-align: left;
  line-height: 36px;
}

li.icon-notice-off a{
  padding: 10px 10px 10px 36px;
  vertical-align: middle;
  background-image: url(../images/icon-notice-off.svg);
  background-repeat: no-repeat;
  background-position: calc(0% + 10px) 50%;
  background-size: 18px auto;
  text-align: left;
  line-height: 36px;
}

li.icon-loggedin a, li.icon-notice-on a{
  display: block;
  height: 100%;
}

span.user-name{
  max-width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #02AB84;
  font-size: 12px;
  font-weight: bold;
  margin: initial;
}
span.user-honor{
  /*color: #5b5b5b;*/
  color: #000000;
  font-size: 10px;
  margin: 0px 0px 0px 0.5em!Important;
}


/* 記事-お気に入りボタン
------------------------------------------------------------- */
/*小*/
div.post-writer div.like-pc{
  display: inline-block;
  height: 54px;
  line-height: 54px;
  vertical-align: top;
  margin: 0px 0px 0px 20px;
}

button.act_favorite{
  background-size: auto 21px;
  background-repeat: no-repeat;
  background-position: 10px 50%;
  padding: 0px 0px 0px 18px;
  width: 120px;
  height: 28px;
  border-radius: 3px;
  font-size: 0.9em;
}

button.act_favorite.off, button.act_favorite-big.off{
  background-color: #f8f8f8;
  border: 1px solid #e8e8e8;
  background-image: url(../images/icon-fav-add.svg);
  color: #444444;
}

button.act_favorite.on, button.act_favorite-big.on{
  background-color: #ffe0e0;
  border: 1px solid #f1bfbf;
  background-image: url(../images/icon-fav-added.svg);
  color: #444444;
}

/*大*/
.like-pc-big{
  text-align: center;
}

button.act_favorite-big{
  background-size: auto 33px;
  background-repeat: no-repeat;
  background-position: calc(50% - 50px) 50%;
  padding: 0px 0px 0px 18px;
  width: 336px;
  height: 46px;
  border-radius: 3px;
  font-size: 14px;
  font-weight: bold;
}

/* 植物図鑑-お気に入りボタン、ショップ・施設-お気に入りボタン、イベント-お気に入りボタン
------------------------------------------------------------- */
.wrap-like-lib-small, .wrap-like-shop-small{
  display: table;
  margin-bottom: 20px;
  width: 100%;
}

.wrap-like-lib-small h1, .wrap-like-shop-small h1, .wrap-like-event-small h1{
  display: table-cell;
  max-width: calc(100% - 150px);
  margin: 0px!Important;
  line-height: 1.2;
}
.wrap-like-lib-small .like-pc, .wrap-like-shop-small .like-pc, .wrap-like-event-small .like-pc{
  display: table-cell;
  width: 120px;
  padding-left: 20px;
  vertical-align: top;
}

/* イベント-お気に入りボタン
------------------------------------------------------------- */
div.event-single-detail p.event-caption{
  font-size: 14px!Important;
}
div.event-single-detail ul.event_calendar-timelist{
  font-size: 16px!Important;
}

/* 植物図鑑top崩れ改修
------------------------------------------------------------- */
/*/library/ 検索バー*/
#library-index .library-input,#library-type-index .library-input{
  width: calc(98% - 165px);
}
/*検索ボタン*/
#library-index .library-search-submit{
  width: 165px;
}

/*/library/type/flower/など 検索バー*/
#library-type-index .library-input{
  width: calc(98% - 165px);
}
/*検索ボタン*/
#library-type-index .library-search-submit{
  width: 165px;
  font-size: 14px;
}


/* 全文検索
------------------------------------------------------------- */
/*全文検索 検索バー*/
#sitesearch-library .spot-input{
  width: calc(100% - 140px);
}

#sitesearch-library .spot-search-submit{
  width: 130px;
  margin-left: 10px;
}

/* 設定画面 */
.valid-error-mes {
  color: #ff1d25;
}


/*IE11対応*/
@media all and (-ms-high-contrast: none) {
  #postMain .post-tags.new-a .wrap-tag {
    background-position: 17000% 50%;
    background-size: auto 100%;
  }

   _:-ms-lang(x)::-ms-backdrop, li.icon-login a {
    background-position: -50% 50%;
    background-size: auto 60%;
  }
  _:-ms-lang(x)::-ms-backdrop, li.icon-new-member a {
    background-position: -15% 50%;
    background-size: auto 60%;
  }
  _:-ms-lang(x)::-ms-backdrop, li.icon-loggedin a {
    background-position: -62% 50%;
    background-size: auto 60%;
  }
    _:-ms-lang(x)::-ms-backdrop, li.icon-notice-on a {
    background-position: -15% 50%;
    background-size: auto 60%;
  }
  _:-ms-lang(x)::-ms-backdrop, li.icon-notice-off a {
    background-position: -15% 50%;
    background-size: auto 60%;
  }

  _:-ms-lang(x)::-ms-backdrop, button.act_favorite.off, button.act_favorite-big.off{
    background-size: 90% auto;
    background-position: -260% 50%;
  }

  _:-ms-lang(x)::-ms-backdrop, button.act_favorite.on, button.act_favorite-big.on{
    background-size: 90% auto;
    background-position: -260% 50%;
  }
}


/* 固定ページ下SNSエリア
------------------------------------------------------------- */
.sns_area{
  background: #f8f8f8;
  padding: 35px 100px 45px 85px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1020px) {
  .sns_area{
    background: #f8f8f8;
    padding: 40px 50px;
    display: block;
    margin-bottom: 50px;
  }
}
.sns_area .lg_logo {
  width: 180px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 1020px) {
  .sns_area .lg_logo {
    margin: 0 auto 36px;
  }
}
.sns_area p.balloon {
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #707070;
  position: relative;
  line-height: 1;
  padding-bottom: 12px;
}
@media screen and (max-width: 1020px) {
  .sns_area p.balloon {
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    padding-bottom: 8px;
  }
}
.sns_area p.balloon::before {
  content: "";
  position: absolute;
  left: calc(50% - 6px);
  bottom: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 6px 0 6px;
  border-color: #707070 transparent transparent transparent;
}
.sns_area ul{
  display: flex;
  justify-content: space-between;
  width: 240px;
  margin: 20px auto 0;
  list-style: none;
  padding: 0;
}
.sns_area ul li{
  width: 45px;
  height: 45px;
}
.sns_area ul li img{
  width: 100%;
}

/* サイドカラム SNSエリア
------------------------------------------------------------- */
#sns{
  margin-bottom: 20px;
  background: #f8f8f8;
  padding: 15px 0 12px;
}
#sns h2{
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.5px;
}
#sns .sns_ttl{
  margin: 0 0 5px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.5px;
}
#sns ul{
  display: flex;
  justify-content: space-between;
  width: 220px;
  margin: 0 auto;
  list-style: none;
  padding: 0;
}
#sns ul li{
  width: 54px;
  height: 54px;
}
#sns ul li img{
  width: 100%;
}

/* LOVEGREENとは？
------------------------------------------------------------- */
#about .main_image {
  margin: 40px 0 45px;
}
#about .main_text {
  margin-bottom: 100px;
}
#about .main_text p {
  letter-spacing: 0.5px !important;
  margin-bottom: 40px;
  font-size: 16px !important;
  line-height: 28px;
}
#about .main_text p.from_text {
  text-align: right;
  font-size: 12px !important;
  margin: 50px 0 0 !important;
}

/* メルマガ会員募集中
------------------------------------------------------------- */
#mailmaga {
  position: relative;
}
@media screen and (max-width: 1020px) {
  #mailmaga {
    margin: 0 -10px 100px;
  }
}
#mailmaga .signup_btn {
  position: absolute;
  width: 670px;
  bottom: 160px;
  text-align: center;
  margin: 0 !important;
}
@media screen and (max-width: 1020px) {
  #mailmaga .signup_btn {
    width: 100%;
    top: 85%;
    bottom: auto;
  }
}
#mailmaga .signup_btn a {
  text-decoration: none;
  color: #02AB84;
  border: 1px solid #02AB84;
  border-radius: 3px;
  background: #fff;
  padding: 0;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  line-height: 50px;
  width: 260px;
  transition: .5s ease-out;    
}
#mailmaga .signup_btn a:hover {
  transition: .5s ease-out;
}

/* TOP - お買い物特集追加
 ------------------------------------------------------------- */
 .shopping-area {
  box-sizing: border-box;
  border: 2px solid #DDDDDD;
  padding: 3px;
  width: 100%;
  line-height: 1;
}
.shopping-area .lgs-feature {
  background: #F6F6F6;
  padding: 28px 21px 21px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.shopping-area .lgs-feature h3 {
  width: 100%;
  text-align: center;
  margin-bottom: 24px;
}
.shopping-area .lgs-feature h3 img {
  height: 19px;
  width: auto;
}
.shopping-area .lgs-feature article {
  width: 300px;
  margin-bottom: 28px;
}
.shopping-area .lgs-feature article a {
  display: block;
  text-decoration: none;
}
.shopping-area .lgs-feature article a .lgs-feature__thumbnail {
  width: 300px;
  line-height: 1;
  position: relative;
  z-index: 1;
}
.shopping-area .lgs-feature article a .lgs-feature__txt {
  width: 266px;
  margin: -10px auto 0;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: #444444;
  padding: 15px;
  background: #fff;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}
.shopping-area .lgs-feature .alignright {
  width: 100%;
  text-align: right;
  margin: 0;
}

/* library */
.plantlibrary-img {
  width: 100%;
  height: 180px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
  background: url("../images/library/pic_mv.jpg") center;
  background-size: cover;
}
.plantlibrary-img::before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .15);
  position: absolute;
  top: 0;
  left: 0;
}
.plantlibrary-img .catpage-ttl-txt {
  margin: 15px 0;
  position: relative;
  z-index: 1;
}

/* languageofflower */
.languageofflower-page #posts {
  margin: 0;
  float: left;
  width: 670px;
  line-height: 28px;
}
.languageofflower-page #posts p {
  float: none;
  width: auto;
  margin: 7px 0 10px 0;
  color: #000000;
  line-height: 1.5;
}
.languageofflower-page #posts .top-post-name {
  font-weight: normal;
  font-size: 12px;
  color: #999999;
  margin: 0;
  width: auto;
  float: left;
}
.languageofflower-img {
  height: 180px;
  width: 100%;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
}
.languageofflower-img::before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .25);
  position: absolute;
  top: 0;
  left: 0;
}
.languageofflower-page .catpage_ttl {
  margin: 15px 0;
  position: relative;
  z-index: 1;
}
.languageofflower-page #posts img {
  max-width: 100%;
}
.languageofflower-page #posts .section-content {
  padding: 20px 0;
  padding-bottom: 30px;
}
.languageofflower-page #posts .section_1 {
  line-height: 28px;
}
.languageofflower-page #posts .section_1 ul {
  margin: 0;
}

.languageofflower-page #posts .list-tags-month {
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #ddd;
  border-right: 0;
  border-bottom: 0;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  text-align: center;
}
.languageofflower-page #posts .list-tags-month li {
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.languageofflower-page #posts .list-tags-month li a {
 text-decoration: none;
 color: inherit;
 display: block;
 padding:10px 5px;
}
.languageofflower-page #posts .list-tags-month li a:hover {
  color: #02AB84;
}
.languageofflower-page #posts .section-title {
  float: none;
  width: auto;
  margin: 0;
  font-size: 1.5em;
  font-weight: bold;
  border: none;
  background: #f6f6f6;
  padding: 10px 16px;
  border-radius: 5px;
  color: #000000;
}
.languageofflower-page #posts .top-post-date {
  color: #999999;
  margin: 0;
  font-size: 10px;
  float: right;
}
.languageofflower-page #posts .sideContent .wrapper{
  margin: 0 0 20px 0;
}
.languageofflower-page #posts .sideContent article{
  padding: 0 0 15px 0;
  border-bottom: 1px solid #ccc;
  position: relative;
  overflow: hidden;
}
.languageofflower-page #posts .sideContent .clickable {
  position: absolute;
  z-index: 10;
  display: block;
}
.languageofflower-page #posts .sideContent .clickable:hover {
  background-color: #fff;
  opacity: 0.3;
}
.languageofflower-page #posts .sideContent h3,
.languageofflower-page #posts .sideContent .languageofflower-page_ttl {
  display: block;
  width: calc(100% - 60px);
  height: auto;
  float: left;
  padding: 0 0 0 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.languageofflower-page #posts .languageofflower-page_ttl a {
  color: #333;
}
.languageofflower-page #posts .side-post-name {
  color: #999;
  font-size: 10px;
  position: absolute;
  bottom: 12px;
  left: 73px;
  font-weight: 500;
}
.languageofflower-page #posts .sideContent h3 a
.languageofflower-page #posts .sideContent .languageofflower-page_ttl a{
  color: #000;
  text-decoration: none;
}
.languageofflower-page #posts .sideContent .languageofflower-page_ttl a:hover
.languageofflower-page #posts .sideContent h3 a:hover{
  color: #12b154;
}
.languageofflower-page #posts .sideContent .viewed,
.languageofflower-page #posts .sideContent .shared{
  font-weight: normal;
  font-size: 13px;
}
.languageofflower-page #posts .sideContent .viewed{
  color: #999;
}
.languageofflower-page #posts .sideContent .shared{
  color: #e67575;
}
.languageofflower-page #posts .sideContent .thumbnail{
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  background-size:cover;
  background-position:center center;
  float: left;
}
.languageofflower-page #posts .sideContent .thumbnail span{
  position: absolute;
  top: 0;
  display: block;
  padding: 3px 4px 2px 4px;
  background: #e67575;
  color: #fff;
  line-height: 1.1;
  font-size: 12px;
  font-weight: bold;
  z-index: 1;
}
.languageofflower-page #posts .sideContent .post-cat {
  right: 5px;
}
.languageofflower-page #posts .view-all {
  padding: 15px 80px;
  background: #02AB84;
  text-decoration: none !important;
  color: #fff !important;
  border-radius: 3px;
  transition: .5s ease-out;
  min-width: 200px;
  color: #fff;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  max-width: 100%;
  font-weight: bold;
  font-size: 15px;
}
.languageofflower-page .index-table a {
  background: rgba(0,0,0,.05);
  border: none;
  -webkit-transition: .2s ease-out;
  -o-transition: .2s ease-out;
  transition: .2s ease-out;
}
.languageofflower-page #posts .post-cat {
  right: 475px;
}
.languageofflower-page #posts .top-post-ttl-extext {
  display: table-cell;
  width: 445px;
  padding: 0 0 0 20px;
  vertical-align: middle;
}

.index-table a {
  display: block;
  background: #fff;
  text-decoration: none;
  padding: 3px 15px 3px 13px;
  border-radius: 5px;
  border: 1px solid #ddd;
  display: block;
  vertical-align: baseline;
  color: #000000;
  font-size: 109%;
}
.flower-title {
  position: relative;
  font-size: 20px;
  margin: 25px 0 10px;
  padding: 0 0 0 25px;
}
.flower-title::before {
  content: '';
  width: 6px;
  height: 70%;
  position: absolute;
  top: calc(50% - 35%);
  border-radius: 20px;
  left: 10px;
  border-radius: 20px;
  background: #555;
}

@media screen and (min-width: 681px) {
  .languageofflower-page #posts  .pc-none {
    display: none;
  }
}
@media screen and (max-width: 680px) {
  .languageofflower-page #posts .sp-none {
      display: none;
  }
}
.homegarden-page #posts img {
  max-width: 100%;
}
.homegarden-page #posts .section-content {
  padding: 0;
  padding-bottom: 30px;
  font-size: 14px;
}

.homegarden-page #posts .section-title {
  border: none;
  background: #f6f6f6;
  padding: 10px 16px;
  border-radius: 5px;
  margin: 30px 0 10px;
  font-size: 24px;
  line-height: 1.5;
  font-weight: bold;
}

.homegarden-page .top-post-ttl-extext {
  display: table-cell;
  width: 260px;
  padding: 0 0 0 20px;
  vertical-align: middle;
}

.homegarden-page .show-more-button a{
padding: 0px 13px;
background: #02AB84;
color: #fff;
width: 165px;
font-size: 13px;
letter-spacing: 0em;
margin-left: 10px;
height: 40px;
display: inline-block;
vertical-align: top;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
line-height: 40px;
height: 40px;
border: none;
}

.homegarden-img {
  height: 180px;
  width: 80%;
  margin-left: -15px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
}
.homegarden-img::before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .25);
  position: absolute;
  top: 0;
  left: 0;
}

.homegarden-page .cat_description {
  width: 80%;
  margin-left: -10px;
  margin-top : -15px;
  margin-bottom: -15px;
}

div.section-content.perennial-flowers {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

#perennial-flowers .post-padding article.library-list-tax {
  border: 1px solid #eaedf2 !important;
  padding: 15px !important;
  border-radius: 5px;
  position: relative;
  margin: 0 0 20px;
}
.perennial-flowers .library-list-tax .library-list-item {
  max-height: 14ch;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*List libary articles same as regular posts*/
.posttype-library #postMain .library-thumbnail {
  display: table-cell;
  width: 200px;
  height: 140px;
  background-size:cover;
  background-position:center center;
}
.posttype-library #postMain .library-ttl-extext {
  display: table-cell;
  padding: 0 0 0 20px;
  vertical-align: middle;
}
.posttype-library #postMain .library-ttl-extext .library-title-heading {
  margin: 0 0 15px!important;
  font-size: 18px!important;
  font-weight: bold!important;
  line-height: 1.5!important;
  border: none !important;
  background: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
.posttype-library #postMain .library-title-heading a {
  display: block;
  color: #333;
  text-decoration: none;
}
.posttype-library #postMain .library-title-heading a:hover {
  color: #12b154;
}
.posttype-library #postMain .library-excerpt {
  float: right;
  margin: 7px 0 10px 0;
  color: #000000;
  line-height: 1.5;
}
.posttype-library #postMain .library-excerpt a {
  color: #000000;
  text-decoration: none;
}
.posttype-library #postMain .library-excerpt a:hover {
  color: #12b154;
}
.posttype-library #postMain .library-title-heading ~ .post-cat {
  right: 580px;
}
.posttype-library.shortcode #postMain .library-article .library-title-heading ~ .post-cat {
  --img-txt-space: 20px;
  --pos-from-right-of-img: 10px;
  right: auto;
  left: auto;
  transform: translateX(calc(-100% - var(--img-txt-space) - var(--pos-from-right-of-img)));
}
.posttype-library #postMain .library-article {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.posttype-library.shortcode #postMain .library-ttl-extext {
  vertical-align: initial;
}
.posttype-library.shortcode #postMain .library-title-heading ~ .post-cat {
  right: 480px;
}
.library-article-no-margin-bottom {
  margin-bottom: 0 !important;
}

/*#26913 Series Navigation Box*/
.series-nav {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 32px;
}
.series-nav-left ,
.series-nav-right {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
}
.series-nav-left .series-nav_txt,
.series-nav-right .series-nav_txt {
  position: relative;
  margin-bottom: 0!important;
  font-size: 15px;
  font-weight: 300;
}
.series-nav-left .series-nav_txt {
  margin-left: 20px!important;
}
.series-nav-right .series-nav_txt {
  margin-right: 20px!important;
  text-align: right;
}
.series-nav-left .series-nav_txt:before,
.series-nav-right .series-nav_txt:after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  margin: 0 auto;
  width: 8px;
  height: 8px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
}
.series-nav-left .series-nav_txt:before {
  left: -20px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.series-nav-right .series-nav_txt:after {
  right: -20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.series-nav-left img,
.series-nav-right img {
  width: 100px;
  height: 100px;
}
.series-nav-left a,
.series-nav-right a {
  width: 116px;
  color: #333;
  text-decoration: none;
  font-size: 12px;
  line-height: 16.8px;
  font-weight: 500;
  text-align: center;
  border-radius: 6px;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
  width: 120px;
  height: 120px;
  margin: 0 0 2px 0px;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
  margin-top: 0px;
  margin: 0;
  width: 100%;
}

/* #29758: ムーミンコラボページ */
.moomin-sec {
  width: 1020px;
  margin: 0 auto 80px;
}
.moomin-sec-mv {
  img {
    margin: 30px 0 58px;
    width: 100%;
  }
}
.moomin-sec_ttl {
  margin-bottom: 43px;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: .1em;
  text-align: center;
}
.moomin-sec_txt {
  .txt {
    margin: 0 0 30px;
    font-size: 16px;
    line-height: 2;
    font-weight: 300;
    color: #000;
  }
}