@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.1
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
*/

/*メニューバー下に少し余白*/
.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;
}

/*オリジナルタイトルCSS*/
.org-title-box{
  text-align: center;
  margin-top: 1em !important;
}
.org-title-sub{
  color: #7B91A3;
}
.org-title{
font-size: 1.9em;
font-weight: 700;
margin-top: -0.2em;
}
.org-title-border{
  height: 2px;
  width: 60px;
  background-color: #7B91A3;
  border-radius: 1px;
  margin: 4px auto 2em;
}

/*メニューバー固定用調整*/

#wrapper{
  margin-top: 60px;
}
@media screen and (min-width:768px) { 
#wrapper{
  margin-top: 86px;
}
}

@media screen and (min-width:768px) { 
  #link_box_section-3 .u-row{
    justify-content: center;
  }

  }

/*ホームの画像ボックス上の余白*/
#contents .l-content__inner{
  margin-top: 20px !important;
}


/*カバーボックス-全幅表示時のインナーボックス固定*/
@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{
    opacity: 1;
  }
}

/*youtubeサムネイルhover*/
@media screen and (min-width:768px) {
.fancybox-youtube img{
  transition: opacity .3s;
}
.fancybox-youtube 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 > .menu-item{
  margin-right: 8px;
}
.header-menu-row .header-menu > .menu-item a{
  padding-right: 10px !important;
  padding-left: 10px !important;
  height: 50px !important;
  border-radius: 5px !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;
	}
}