@charset "UTF-8";
/*
Theme Name:sps mori
Theme URI:
Description:森きらら
Template:sps
Author:
Author URI:
Version:0.0.8
森きらら専用 共通CSS
*/
a:visited {
  color: black;
}

.header-nav a, .header-nav a:link, .header-nav a:hover, .header-nav a:visited {
  color: #009240;
}

.over.current .btn {
  background: #D9EFE2;
}

.title,
.title-underline,
.fc-main,
.fc-main a, .fc-main a:link, .fc-main a:visited {
  color: #009240;
}

.fc-sub {
  color: #D9EFE2;
}

.title-solidCoat,
.bg-main {
  background-color: #009240;
  color: #ffffff;
}

.bg-sub {
  background-color: #D9EFE2;
}

.title-underline,
.title-waku,
.border-main {
  border-color: #009240;
}

/********************/
#site-navigation p.caption {
  color: #009240;
}

#site-navigation .col::after,
#site-navigation .col.current::after,
#site-navigation .col.current,
#site-navigation .col:hover,
#site-navigation .col:active {
  background: #D9EFE2;
  color: #009240;
}

#site-navigation .has-sub:hover ul.sub_menu li {
  border-color: #009240;
}

#site-navigation .sub_menu {
  background: #D9EFE2;
}

#site-navigation .sub_menu li a.current,
#site-navigation .sub_menu li:hover a {
  color: #009240;
}

/** site-header nami**/
/*
#site-navigation::after{
    background:url(../../img/sps-mori/header/nami.svg) repeat-x left bottom;
 }
 */
#content::before {
  background: url(../../img/sps-mori/header/nami.svg) repeat-x left bottom;
}

.home #content::before {
  background: url(../../img/sps-mori/header/nami_home.svg) repeat-x left bottom;
}

.page-header {
  background-color: #009240;
}

table {
  border-width: 0;
}

table, td, tr {
  border-color: #009240;
}

table.table-type1 th,
table.table-type1 td:first-child {
  background-color: #D9EFE2;
  color: #009240;
}

/** .bt **/
.btn {
  background-color: #009240;
}

.btn-border {
  border-color: #009240;
  color: #009240;
}

a .btn.more:hover {
  background: #ffffff;
  color: #009240;
}

a.current .btn.btn-border.more,
a .btn.btn-border.more:hover {
  background: #009240;
  color: #ffffff;
}

/** table **/
.table-line, .table-line td, .table-line th, .table-line td:first-child {
  border-color: #009240;
}

table a {
  border-color: #009240;
}

.table-line th,
.table-line td:first-child {
  color: #009240;
}

table a {
  border-color: #009240;
}

table a, table a:link, table a:hover, table a:visited {
  color: #009240;
}

/*****/
.title-solidCoat-sub {
  background: #D9EFE2;
  color: #009240;
  display: inline-flex;
  width: 100%;
  padding: 0.25em 1em;
  margin-bottom: 0;
  text-align: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  text-align: center;
}

ol.maru li:before {
  background-color: #009240;
}

/* 2021 10 14 crowdfunding/ */
body.postid-11155 #content {
  background: #FFF7D3;
}

body.postid-11155 #content > .wrap.xl-outside-20 {
  padding-left: 0;
  padding-right: 0;
}

body.postid-11155 #content > .wrap.xl-gutter-20 > * {
  padding-left: 0;
  padding-right: 0;
}

body.postid-11155 #post-11155 .entry-content {
  font-feature-settings: "palt";
}

body.postid-11155 #post-11155 .entry-content .bg {
  background: url("../../img/sps-mori/pin/11155/202110/bg1.png");
  background-repeat: no-repeat;
  background-position-x: center;
  position: relative;
}

body.postid-11155 #post-11155 .entry-content .title_img {
  top: -30px;
  position: relative;
  z-index: 100;
}

body.postid-11155 #post-11155 .entry-content .col > span {
  background: #ffffff;
  width: 100%;
  display: block;
  padding: 0.75em 0;
  color: #000000;
}

body.postid-11155 #post-11155 .entry-content .col > span.level1 {
  padding: 0.25em 0;
}

body.postid-11155 #post-11155 .entry-content .guide-946 {
  width: 946px;
  max-width: 100%;
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}

body.postid-11155 #post-11155 .entry-content .fs-42 {
  font-size: 42px;
  font-size: 2.625rem;
}

body.postid-11155 #post-11155 .entry-content .horizontalTag li {
  display: inline-block;
  line-height: 2.0;
}

body.postid-11155 #post-11155 .entry-content .horizontalTag li::after {
  content: '\FF0F';
}

body.postid-11155 #post-11155 .entry-content .horizontalTag li.last::after {
  content: '　';
}

body.postid-11155 #post-11155 .slick_landscape img {
  height: 312px;
}

body.postid-11155 #post-11155 hr {
  background: #000000;
}

body.postid-11155 #post-11155 .line-height20 {
  line-height: 2;
}

body.postid-11155 #post-11155 #fig1_11155 {
  position: absolute;
  left: 20%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -200px;
}

body.postid-11155 #post-11155 #fig2_11155 {
  position: absolute;
  left: 80%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -200px;
}

body.postid-11155 #post-11155 #fig3_11155 {
  position: absolute;
  left: 20%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0px;
  z-index: 1;
}

body.postid-11155 #post-11155 #fig4_11155 {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0px;
  z-index: 1;
}

body.postid-11155 #post-11155 #fig5_11155 {
  position: absolute;
  left: 120%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0px;
  width: 100%;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  body.postid-11155 #post-11155 .slick_landscape img {
    height: 30vw;
  }
  body.postid-11155 #post-11155 .entry-content .title_img {
    top: -20px;
    position: relative;
    z-index: 100;
    max-width: 80vw;
    margin-left: auto;
    margin-right: auto;
  }
  body.postid-11155 #post-11155 .entry-content .guide-946 {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    position: relative;
  }
  body.postid-11155 #post-11155 .entry-content .fs-42 span {
    font-size: 1.4rem;
  }
  body.postid-11155 #post-11155 .entry-content .fs-26 span {
    font-size: 1.2rem;
  }
  body.postid-11155 #post-11155 .entry-content .fs-23 span {
    font-size: 1.1rem;
  }
  body.postid-11155 #post-11155 .entry-content .fs-22 {
    font-size: 1.0rem;
  }
  body.postid-11155 #post-11155 .entry-content #fig6_11155 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -1rem;
    z-index: 1;
    width: 100%;
  }
}

@media screen and (max-width: 374px) {
  body.postid-11155 #post-11155 #fig4_11155 {
    bottom: 0px;
    width: 120px;
  }
}