@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

img {
    border: none !important;
    box-shadow: none !important; /* 影も消したい場合 */
    outline: none !important; /* フォーカス時の枠線も消したい場合 */
}

/* ドロップダウンメニュー（サブメニュー）全体 */
ul.sub-menu {
    left: auto;
    right: 0;
}

/* 黒くする */
a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #000000; }
a:active { color: #000000; }

/* 動画中央揃え */
.video-container {
margin: 0px auto;
}

.primary-navigation {
    font-size:11px;
}

.logo-image span, 
.logo-image a,
.logo-image img{
  display: block;
}

.logo-image,
.logo-image a{
  padding: 150;
}

.grecaptcha-badge { visibility: hidden; }

.header{
  background-size:cover;
  background-position:center;
}

.page-id-107 .entry-title {
display: none;
}

/************************************
** グローバルメニュー PC
************************************/
 /* ロゴの大きさ・幅に関するもの */
.header-container-in.hlt-top-menu .logo-header img {
  max-height: 100%;
  height: auto;
  max-width: 150px;
  vertical-align: middle;
}

.site-name-text-link {
  color: #fff;
}
.navi {
  background: none;
}
.navi-in > ul .sub-menu {
  background: #fff;
  box-shadow: 0 0 10px rgba(30, 30, 30, .1);
}
.navi-in > ul li {
  width: auto;
}
.navi-in a {
  font-size: 20px; /* ナビ文字大きさ */
  font-weight: bold;
  position: relative;
  color: #fff; /* ナビ文字色 */
  padding: 10px 20px;
  display: block;
  text-decoration: none;
}

/*アピールエリア*/
/*白い背景を透明に*/
.appeal-content{
color:#000;
background-color:transparent;
padding: 0;
}
 
/*タイトルの文字サイズを大きく*/
.appeal-title{
color:#FFFFFF;
font-size:2em;
margin-bottom: em;
}

.appeal-message{
color:#FFFFFF;
margin-bottom: em;
}
 
/*赤いボタンを透明に*/
a.appeal-button{
color:#000;
background-color:transparent;
border: solid 5px;
border-color:#0158A7;
transition : 0.5s;
margin-top: 3.5em;
letter-spacing: 0.1em;
}
 
/*ボタンにマウスを載せたときふわっとする*/
a:hover.appeal-button {
  transform: scale(1.05);
}

.wp-block-image img {
    border-style: none;
    padding: 0px;
}

/* reverse-box を追加ccsに記述したブロックのboxが入れ替わる */
@media screen and (max-width:781px){
  .reverse-box{
    flex-direction: column-reverse;
  }
}

.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}

/* パンくずリストを非表示 */
#breadcrumb {
 display: none;
}

/* コンテンツカード整形 */
/* リンクをカード形式で表示させる時のスタイル */
.blogcard {
  line-height: 1;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  word-wrap: break-word;
  box-shadow: 0 0 10px 6px rgba(0, 0, 0, 0.025);
  color: black;
}
.blogcard.ex {
  background-color: #f7f7f7;
}
.blogcard a {
  text-decoration: none;
  opacity: 1;
  transition: all 0.2s ease;
  color: black;
}
.blogcard a:hover {
  opacity: 0.6;
  color: #0066ca;
}
.blogcard_thumbnail {
  float: left;
  padding: 20px 10px;
  width: 100%;
}
.blogcard_thumbnail img {
  margin-bottom: 0px !important;
}
.blogcard_title {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.4;
  padding: 20px 20px 10px;
}
.blogcard_excerpt {
  font-size: 0.85em;
  line-height: 1.6;
  padding: 0 17px 15px 20px;
}
.blogcard_link {
  font-size: 0.65em;
  padding: 0 17px 15px 20px;
  text-align: left;
}

.blogcard_link .icon-external-link-alt::before {
  font-size: 0.75em;
}

@media screen and (max-width: 768px) {
  .blogcard {
    margin: 40px 0;
  }
  .blogcard_title {
    font-size: 0.95em;
    padding-bottom: 17px;
  }
  .blogcard_excerpt {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .blogcard_thumbnail {
    overflow: hidden;
    width: 200px; 
    height: 200px;
    position: relative;
    margin-right: 10px;
    background-color: #2b2b2b;
  }
  .blogcard_thumbnail img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
  }
}

/* 関連記事の非表示 */
.veu_relatedPosts.veu_contentAddSection{
display:none;
}

.tategaki{
	writing-mode: vertical-rl;    /* 文章を縦書きにする */
	margin: 0 auto;               /* コンテンツを中央寄せにする */
	font-size:23px;               /* 文字サイズを23pxに設定 */
	font-family:serif;            /* 明朝体にする */
	line-height:50px              /* 文字間隔を50pxに設定 */
}

.selif{
		font-family:serif;
}

.wp-block-cover {
    background-size: contain;
    background-position: center center;
}

.go-to-top-button-image {
  width: 100px;
  height: 100px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.menu-drawer > li > a {
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	padding: 10px 10px;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.menu-drawer > li > a {
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	padding: 10px 10px;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.menu-drawer > li > a {
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	padding: 10px 10px;
}
}