@charset "UTF-8";
/*
Theme Name: Emanon Premium child
Theme URI: https://wp-emanon.jp/emanon-premium/
Author: 株式会社イノ・コード
Author URI: https://innocord.co.jp/
Description: Emanon Premiumnの子テーマです。
Template: emanon-premium
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:one-column, two-columns, three-columns, left-sidebar, right-sidebar, theme-options
*/

/*バナー*/
.banar-img{
  margin-bottom: 6px;
  text-align: center;
}
.banar-img img{
  text-align: center;
  border: 1px solid lightgray;
}
aside #custom_html-3 .custom-html-widget{
  display: flex;
  flex-wrap: wrap;
}
aside #custom_html-3 .custom-html-widget figure{
  width: 100%;
  margin: 2px 2px 8px 2px;
  transition: all ease 0.3s;
}
aside #custom_html-3 .custom-html-widget figure:hover{
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 3px 10px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 3px 10px 0 rgb(0 0 0 / 10%);
}

/*ヘッダーメニューの罫線位置修正*/
.has-separator .header-menu a::before {
  left: -10px !important;
}

/*サイドバー調整*/
#nav_menu-3 .menu-item a{
  height: auto !important;
  margin-top: 1em;
}
  .sidebar .sidebar-widget__title{
  margin-bottom: 1em;
}

/*メニューバー下に少し余白*/
.header-menu-center{margin-bottom: 0.4em;}

/*フッターメニュースリム化*/
#js-footer .l-footer__inner{
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

/*フッターメニュー折り返し*/
@media screen and (max-width: 767px){
  #menu-footer-nav .u-display-inline-flex-sp {
      flex-wrap: wrap;
      justify-content: center;
  }
  }

/*メニュー固定化*/
/*
.l-header{
  background-color: #fff;
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
}
*/


/*カバーボックス-全幅表示時のインナーボックス固定*/
/*
@media screen and (min-width: 768px) {
.alignfull .wp-block-cover__inner-container{
  max-width: 960px;
  margin: 0 auto;
  }
}
*/

/*カバーボックス-基礎表示時も文字ボックス幅固定*/
@media screen and (min-width: 768px) {
  .wp-block-cover .wp-block-cover__inner-container{
    max-width: 680px;
    margin: 0 auto;
    }
  }

/*カラム配置逆転(PCのみ)*/
@media screen and (min-width: 768px) {
.pc-column-reverce{
  flex-flow: row-reverse;
}
.pc-column-reverce .wp-block-column:not(:first-child){
  margin-left: 0 !important;
}
.pc-column-reverce .wp-block-column:first-child{
  margin-left: 2em !important;
}
}

/*reCAPTCHA表示調整*/
.recaptcha_policy {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 11px !important;
  color: #ccc !important;
}
.recaptcha_policy a {
  font-size: 11px !important;
  color: rgb(159, 197, 255) !important;
}
.grecaptcha-badge { visibility: hidden; }


/*黄色マーカー色変更*/
.epb-underline-yellow {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, rgb(255, 255, 162))) !important;
  background: -webkit-linear-gradient(transparent 60%, rgb(255, 255, 162) 60%) !important;
  background: -o-linear-gradient(transparent 60%, rgb(255, 255, 162) 60%) !important;
  background: linear-gradient(transparent 60%, rgb(255, 255, 162) 60%) !important;
}

/*IE対応*/
@media all and (-ms-high-contrast: none) {
  .epb-animation-fadeIn,
  .epb-animation-fadeInUp,
  .epb-animation-fadeInLeft,
  .epb-animation-fadeInDown{
    opacity: 1;
  }
}

@media screen and (min-width:768px) {
/*youtubeサムネイルhover*/
.fancybox-youtube img{
  transition: opacity .3s;
}
.fancybox-youtube img:hover{
  opacity: .8;
}
/*画像リンクhover*/
figure a img{
  transition: opacity .3s;
}
figure a img:hover{
  opacity: .8;
}
}

/*エマノン見出し調整*/
.article-body h2:not([class*="wp-block-"]) {
  margin-top: 0px !important;
}
.epb-advance-headling__text-wrapper[class*="is-style-epb-headling-border-left-"] {
  padding-bottom: 8px !important;
}

/*スマホ時の改行*/
.sp-break{
  display: block;
}
@media screen and (max-width:767px) {
.sp-break{
  display: none;
}
}

/*メニュー調整*/
.header-menu-row .header-menu > .menu-item {
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.biz-menu a{
  background-color: #274d87 !important;
}
@media screen and (min-width:768px) {
.header-menu > .biz-menu:hover> a{
  background-color: #5185d3 !important;
}
}
@media screen and (max-width:1183px) {
  .header-menu-row .header-menu > .menu-item{
    font-size: 13px;
    padding-right: 4px !important;
    padding-left: 4px !important;
  }
  }

/*投稿ページのサイドバーのアーカイブ欄表示崩れ対応*/
.widget_archive ul li a{
  position: relative;
  width: 100%;
  transition: all 0.3s ease;
  display: block;
}
.widget_archive ul li a .count{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  padding: 2px;
  line-height: 16px;
  min-width: 20px;
  border: solid 1px #e5e7e8;
  text-align: center;
  font-size: 0.66667rem;
  color: #828990;
}
@media screen and (min-width:768px){
.widget_archive ul li > a:hover {
  transform: translateX(4px);
}
.widget_archive ul li > a:hover .count {
  border: solid 1px #b8bcc0;
}
}

/*Facebookサイドバー*/
/* スマホ用 */
@media screen and (max-width: 767px) {
	.fb-container {
		width: 100%;
		max-width: 350px;
	}
}
/* PC用 */
@media screen and (min-width: 768px) {
	.fb-container {
		width: 300px;
	}
}

/*サイドバーのタイトル下余白*/
aside .sidebar-widget__title {
  margin-bottom: 12px !important;
}

/*問い合わせフォーム用*/
.wpcf7-form p{margin-bottom: 1em;}
span.wpcf7-list-item{display: block !important;}


/*ギャラリー調整*/
.blocks-gallery-item{
  margin: 0 0.4em 0.4em 0 !important;
}
.article-body .blocks-gallery-item figure{
  margin-top: 0 !important;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.10) !important;
}

/*最大幅600pxへ*/
.max-600px{
  max-width: 600px;
  margin: 0 auto;
}
/*最大幅960pxへ*/
.max-960px{
  max-width: 960px;
  margin: 0 auto;
}

/*アコーディオン境界はっきり用*/
.epb-acordion__description {
  box-shadow: 0 0 6px rgb(0 0 0 / 8%);
}

/*カラムスマホ時の余白*/
@media screen and (max-width: 767px){
.wp-block-column:not(:first-child), .wp-block-columns.is-epb-scroll .wp-block-column {
  margin-top: 0px !important;
}
}