@charset "UTF-8";
/**
 * Snow Monkey StyleSheet
 */
/*********************
/**
 ** Snow Monkey装飾の削除
 **
 *********************/
/*********************
/**
 ** style.cssとstyle-editoe.css 共通読込
 **
 *********************/
.clearfix:after {
  clear: both;
  content: " ";
  display: block;
}

/*
html {
  font-size: 62.5%;
}
*/
strong {
  font-family: "FP-こぶりなゴシック StdN W6";
}

/* フォントサイズの生成 */
.has-small-font-size {
  font-size: 1rem;
}

.has-normal-font-size {
  font-size: 1.2rem;
}

.has-medium-font-size {
  font-size: 1.4rem;
}

.has-large-font-size {
  font-size: 1.6rem;
}

.has-huge-font-size {
  font-size: 2rem;
}

/* カラー設定 */
/*********************
//
// 上記6つを差し替えてサイトのイメージを変える
//
 *********************/
/* フォントカラーの生成 */
.has-logo-color {
  color: #50B4DE;
}

.has-logo-background-color {
  background-color: #50B4DE;
}

.has-theme-color {
  color: #67BEE2;
}

.has-theme-background-color {
  background-color: #67BEE2;
}

.has-main-color {
  color: #EC809E;
}

.has-main-background-color {
  background-color: #EC809E;
}

.has-sub-color {
  color: #F0F0BB;
}

.has-sub-background-color {
  background-color: #F0F0BB;
}

.has-accent-color {
  color: #D9BB00;
}

.has-accent-background-color {
  background-color: #D9BB00;
}

.has-accentsub-color {
  color: #FFDDE7;
}

.has-accentsub-background-color {
  background-color: #FFDDE7;
}

.has-black-color {
  color: #000;
}

.has-black-background-color {
  background-color: #000;
}

.has-dark-gray-color {
  color: #444;
}

.has-dark-gray-background-color {
  background-color: #444;
}

.has-light-gray-color {
  color: #DDD;
}

.has-light-gray-background-color {
  background-color: #DDD;
}

.has-white-color {
  color: #FFF;
}

.has-white-background-color {
  background-color: #FFF;
}

.has-red-color {
  color: #FF4136;
}

.has-red-background-color {
  background-color: #FF4136;
}

.has-blue-color {
  color: #0074D9;
}

.has-blue-background-color {
  background-color: #0074D9;
}

.has-greeen-color {
  color: #3D9970;
}

.has-greeen-background-color {
  background-color: #3D9970;
}

.has-orange-color {
  color: #FF851B;
}

.has-orange-background-color {
  background-color: #FF851B;
}

.has-yellow-color {
  color: #FFDC00;
}

.has-yellow-background-color {
  background-color: #FFDC00;
}

.has-sky-color {
  color: #7FDBFF;
}

.has-sky-background-color {
  background-color: #7FDBFF;
}

.has-deepblue-color {
  color: #001F3F;
}

.has-deepblue-background-color {
  background-color: #001F3F;
}

.has-purple-color {
  color: #B10DC9;
}

.has-purple-background-color {
  background-color: #B10DC9;
}

/*********************
/**
 ** 見出し装飾 ここはガツガツ書くところ
 ** @mixin Heading2 = H2 
 ** 
*********************/
/*
@mixin Heading1 {
  border-left: 5px solid $color_logo;
  font-family: "FOT-スキップ Std D";
  padding-left: 1rem;
}
*/
#front-page-top-content {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

#front-page-top-content .alignfull.size-full {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

#front-page-top-content .alignfull.size-full img {
  max-height: 550px;
  -o-object-fit: cover;
     object-fit: cover;
}

/*
.Parts_ {
  &Item- {
    &place_name {
      display: block;
    }
  }
}
*/
body.l-body {
  font-family: "FP-こぶりなゴシック StdN W3", "FP-KoburinaGoStdN-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 0;
}

.c-page-header__content {
  border-bottom: 5px solid #C6EDFF;
}

.c-page-header__content h1 {
  margin-top: -2rem;
}

.l-contents__main .p-entry-content > p {
  padding-left: 1rem;
  padding-right: 1rem;
}

.l-contents__main .p-entry-content > *:first-child {
  margin-top: 0;
}

.c-meta__item--author {
  display: none;
}

img.scaled-image {
  border: none !important;
  margin: 0 !important;
}

/* スマホ非表示 */
@media screen and (max-width: 480px) {
  .sp_hidden {
    display: none;
  }
}

@media screen and (min-width: 1126px) {
  .mobile_hidden {
    display: none;
  }
}

/* ドロワーナビ */
#drawer-nav {
  /* スマホ背景 */
  background-color: #ADE1F0;
  -webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.3));
}

#drawer-nav #menu-mobile_drawer_menu {
  /* 上部余白 */
  margin-top: 1.2rem;
}

#drawer-nav #menu-mobile_drawer_menu li.c-drawer__item {
  background: #FFF;
  border-bottom: 1px dashed #CCC;
  padding: 0.7rem 1rem 0.3rem 1rem;
}

#drawer-nav #menu-mobile_drawer_menu li.c-drawer__item:hover {
  /* マウスオーバー時 */
  background-color: #F0F9FB;
}

#drawer-nav #menu-mobile_drawer_menu li.c-drawer__item:last-child {
  border-bottom: none;
}

#drawer-nav #menu-mobile_drawer_menu li.c-drawer__item a {
  color: #555;
  font-weight: bold;
}

#drawer-nav #menu-mobile_drawer_menu li.c-drawer__item a::after {
  content: "\f0a9";
  float: right;
  /* 右側の矢印 */
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

#drawer-nav #menu-mobile_drawer_menu .menu-item {
  border-bottom: dashed 1px rgba(255, 255, 255, 0.5);
  /* 携帯ドロワーメニューの変更 */
  /* 高さとバランス */
  padding-bottom: 10px;
}

#drawer-nav .c-drawer__sub-nav {
  background-color: #E1F6FA;
  font-size: 0.875rem;
  margin-top: 0;
  padding-top: 0;
}

#drawer-nav .c-drawer__sub-nav #menu-mobile_subdrawer_menu li.c-drawer__item {
  border-bottom: 1px dashed #CCC;
  padding: 0.7rem 1rem 0.3rem 1rem;
}

#drawer-nav .c-drawer__sub-nav #menu-mobile_subdrawer_menu li.c-drawer__item:hover {
  /* マウスオーバー時 */
  background-color: #F0F9FB;
}

#drawer-nav .c-drawer__sub-nav #menu-mobile_subdrawer_menu li.c-drawer__item:last-child {
  border-bottom: none;
}

#drawer-nav .c-drawer__sub-nav #menu-mobile_subdrawer_menu li.c-drawer__item a {
  color: #444;
  font-weight: bold;
}

#drawer-nav .c-drawer__sub-nav #menu-mobile_subdrawer_menu li.c-drawer__item a::after {
  /* 右側の矢印 */
  color: #555 !important;
  content: "\f0a9";
  float: right;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/*
  .l-container a {
    color: #001f3f !important;
  }
  
  .l-container a:hover {
    color: #bd3c4f !important;
  }*/
/* コンテンツ部分 */
.l-container header.l-header {
  /* ヘッダー */
}

.l-container header.l-header .c-site-branding .custom-logo {
  /* ロゴを全幅に設定 */
  width: 178px !important;
}

.l-container .l-contents .c-container .wpaw-slider__inner {
  /* TOPスライダー */
}

.l-container .l-contents .c-container .wpaw-slider__inner .wpaw-slider__item-more--ghost {
  background-color: #FFF !important;
  border-color: #FFF;
  color: #333;
  font-size: 0.8rem;
  padding: 0.7rem 1rem;
}

.l-container .l-contents .c-container .wpaw-slider__inner .wpaw-slider__item-body {
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  top: 15%;
}

@media screen and (max-width: 640px) {
  .l-container .l-contents .c-container .wpaw-slider__inner .wpaw-slider__item-body {
    top: 0;
  }
}

.l-container .l-contents .c-container .wpaw-slider__inner .wpaw-slider__item,
.l-container .l-contents .c-container .wpaw-slider__inner .wpaw-slider__figure {
  /* TOPスライダーの縦幅設定 */
  max-height: 700px !important;
}

.l-container .l-contents .c-container .wpaw-slider__inner .wpaw-slider__item-content .wpaw-slider__item-title {
  -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.9));
          filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.9));
}

.l-container .l-contents .c-container .wpaw-slider__inner .wpaw-slider__item-content .wpaw-slider__item-summary {
  /* TOPスライダーの文字設定 */
  font-size: 1rem;
  text-align: center;
}

@media screen and (max-width: 640px) {
  .l-container .l-contents .c-container .wpaw-slider__inner .wpaw-slider__item-content .wpaw-slider__item-summary {
    line-height: 1.4;
  }
}

.l-container .l-contents .c-container .wpaw-slider__inner .wpaw-slider__item-content .wpaw-slider__item-summary p {
  -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.9));
          filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.9));
}

.l-container .l-contents .c-container .wpaw-slider__inner .wpaw-slider__item-content .wpaw-slider__item-more {
  margin-top: 15px;
}

@media screen and (max-width: 640px) {
  .l-container .l-contents .c-container .wpaw-slider__inner .wpaw-slider__item-content .wpaw-slider__item-more {
    margin-top: 5px;
  }
}

.l-container .l-contents .c-container .wpaw-slider__inner .slick-list {
  max-height: 700px;
}

.l-container .l-contents .c-container .l-contents__inner {
  /* パンくず下の余白が大きいので狭める */
  margin-top: 2rem;
}

.l-container .l-contents .c-container .l-contents__inner main.l-contents__main .l-front-page-widget-area--top .c-meta__item--author {
  display: none;
}

.l-container .l-contents .c-container .l-contents__inner main.l-contents__main .p-entry-content > h2,
.l-container .l-contents .c-container .l-contents__inner main.l-contents__main .textwidget > h2 {
  background-color: #FBF9F4;
  border-left: 3px solid #FF851B;
}

@media screen and (max-width: 640px) {
  .l-container .l-contents .c-container .l-contents__inner main.l-contents__main .c-entries--rich-media .c-entries__item .c-entry-summary__term {
    /* リッチメディアのタグ調整　スマホですべて表示できるように */
    font-size: 0.6rem　 !important;
    letter-spacing: 0　 !important;
    padding: 0.4rem　 !important;
  }
}

.l-container .l-contents .c-container .l-contents__inner main.l-contents__main .c-entries--rich-media .c-entries__item .c-entry-summary__title {
  /* リッチメディアのタイトル調整 */
  font-size: 1.2rem;
  line-height: 1.4rem;
  padding-top: 0.5rem;
}

.l-container .l-contents .c-container .l-contents__inner main.l-contents__main .c-entries--rich-media .c-entries__item .c-entry-summary__meta {
  /* リッチメディアのメタを非表示 */
  display: none;
}

.l-container .l-contents .c-container .l-contents__inner main.l-contents__main .c-entries--rich-media .c-entries__item .c-entry-summary__meta .c-meta__item--author {
  /* 各ページタイトル下に投稿者を表示しない */
  display: none !important;
}

.l-container .l-contents .c-container .l-contents__inner main.l-contents__main .c-entries--rich-media .c-entries__item .c-entry-summary__term {
  background-color: #FF851B;
}

.l-container .l-contents .c-container .l-contents__inner main.l-contents__main .smb-panels__item {
  -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1) !important;
}

.l-container .l-contents .c-container .l-contents__inner main.l-contents__main article .wp-profile-box {
  display: none;
}

.l-container .l-contents .c-container .l-contents__inner main.l-contents__main article .c-page-header[data-has-image=true] {
  /* 各ページにサムネイルを拡大表示しない */
  display: none;
}

.l-container .l-contents .c-container .l-contents__inner main.l-contents__main article .c-meta__item--author {
  /* 各ページタイトル下に投稿者を表示しない */
  display: none !important;
}

.l-container .l-contents .c-container .l-contents__inner main.l-contents__main .c-prev-next-nav__item > a {
  /* 次へ前へ */
  background-color: #666 !important;
}

.l-container .l-contents .c-container .l-contents__inner aside.l-contents__sidebar .c-entries--simple .c-entry-summary .c-entry-summary__title {
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.l-container .l-contents .c-container .l-contents__inner aside.l-contents__sidebar .c-entries--simple .c-entry-summary .c-entry-summary__figure {
  /* サイドメニューのサムネイルサイズ調整 */
  width: 35% !important;
}

.l-container .l-contents .c-container .l-contents__inner aside.l-contents__sidebar .c-entries--simple .c-entry-summary .c-entry-summary__term {
  background-color: #FF851B !important;
  padding: 0.3rem 0.4rem;
  width: 100%;
}

.l-container .l-contents .c-container .wp-block-image img {
  /* 画像に囲み影をつけない変更 */
  -webkit-box-shadow: none;
          box-shadow: none;
}

.l-container footer.l-footer .c-container h2.c-widget__title {
  /* フッターのタイトル */
  font-size: 0.85rem;
}

.l-container footer.l-footer .c-container .attachment-thumbnail {
  /* フッターサムネイル */
  border: 1px solid #DDD;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.l-container footer.l-footer .c-copyright {
  /* フッターコピーライトのセンター配置 */
  text-align: center;
}

.l-container footer.l-footer .c-page-top a:link, .l-container footer.l-footer .c-page-top a:hover, .l-container footer.l-footer .c-page-top a:active, .l-container footer.l-footer .c-page-top a:focus {
  color: #FFF !important;
}

/* ################# 部分的な設定 ################### */
/* お知らせ */
/* リッチメディアを3列に変更 */
[data-is-slim-width=true] .c-entries--rich-media .c-entries__item {
  max-width: 33%;
}

/* ABOUT US */
/* プロフィール写真の囲み */
.profile_photo img {
  border-radius: 200px;
}

@media (min-width: 600px) {
  .wp-block-column {
    -ms-flex-preferred-size: 44%;
        flex-basis: 44%;
  }
}

/* 事業内容 */
/* 写真の横並びバランス
  .full-width_column .wp-block-column:not(:first-child), .wp-block-column:nth-child(2n),
  .full-width_column .wp-block-column:not(:last-child) ,
  .full-width_column .wp-block-column:nth-child(odd),
  .full-width_column .wp-block-column:not(:first-child) {
    margin-right: 5px !important;
  }
  .full-width_column .wp-block-column:not(:first-child),
  .full-width_column .wp-block-column:nth-child(2n) {
    margin-left: 5px !important;
  }
  */
@media (min-width: 600px) {
  .wp-block-column:not(:last-child),
  .wp-block-column:not(:first-child),
  .wp-block-column:nth-child(2n) {
    margin-right: 16px;
  }
  .wp-block-column:first-child,
  .wp-block-column:not(:first-child) {
    margin-left: 16px;
  }
  .wp-block-column:nth-child(odd) {
    margin-right: 16px;
  }
}

@media screen and (min-width: 480px) {
  .service_list .smb-panels__item--horizontal > .smb-panels__item__figure {
    max-width: 200px !important;
    min-width: 200px !important;
  }
}

@media screen and (min-width: 700px) {
  .c-row--fill > .c-row__col {
    -ms-flex: 0 1 33.33333%;
    -webkit-box-flex: 0;
            flex: 0 1 33.33333%;
    max-width: 33.33333%;
  }
}

@media (max-width: 781px) {
  .aboutus_container .wp-block-column {
    display: block;
    margin: 0;
    text-align: center;
    width: calc( 50% - 5px) !important;
  }
}

/* 小豆島 */
/* 小豆島の写真上文字フォント */
.font-mincho .wp-block-cover-text,
.wpaw-slider__item-title,
.wpaw-slider__item-summary {
  font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}

.wf-sawarabimincho {
  font-family: "Sawarabi Mincho";
}

/* 小豆島の写真上文字部分 */
.text-bg .wp-block-cover-text {
  -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.9));
          filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.9));
  font-size: 1.4rem;
  text-shadow: none;
}

@media screen and (max-width: 640px) {
  .text-bg .wp-block-cover-text {
    font-size: 1.1rem;
  }
}

/* 小豆島の写真上太文字部分 */
.shodoshima-cover .wp-block-cover-text strong {
  font-size: 2rem;
}

@media screen and (max-width: 640px) {
  .shodoshima-cover .wp-block-cover-text strong {
    font-size: 1.4rem;
  }
}

.text-bg .wp-block-cover-text {
  color: #FFF;
  padding: 1rem;
  position: absolute;
}

.wp-block-cover.shodoshima-cover {
  background-color: #000;
  background-size: cover;
  min-height: 430px;
  opacity: 0.8;
}

@media screen and (max-width: 640px) {
  .wp-block-cover.shodoshima-cover {
    min-height: 300px;
  }
}

/***** 汎用に使いたい *****/
/* 投稿者の削除 */
.c-meta__item--author {
  display: none !important;
}

/* 明度を落とす */
.img_dark {
  -webkit-filter: brightness(50%);
          filter: brightness(50%);
}

/* リンク背景を透過して暗く */
.c-entries__item a:hover .c-entry-summary__figure,
.wpaw-posts-list__item a:hover .wpaw-posts-list__figure {
  background-color: #223;
}

.c-entries__item a:hover .c-entry-summary__figure img,
.wpaw-posts-list__item a:hover .wpaw-posts-list__figure img {
  opacity: 0.8;
}

/* 画像のシャドウを削除 */
.wp-block-image img,
img.aligncenter,
img.alignleft,
img.alignnone,
img.alignright {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.aboutus_logo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 781px) {
  .has-4-columns .wp-block-column {
    -ms-flex-preferred-size: 44% !important;
        flex-basis: 44% !important;
  }
}

@media (max-width: 781px) {
  .has-4-columns .wp-block-column {
    margin-top: 1.76923rem !important;
    margin-top: calc(var(--_space, 1.76923rem)*1*var(--_margin-scale, 1)) !important;
  }
}
/*# sourceMappingURL=style.css.map */