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

/************************************
**
** 子テーマ用のスタイルを書く
**
************************************/
/*必要ならばここにコードを書く*/



.main{ padding-top: 15px; }
.content {margin-top: 0; }

div.nomagin {  margin-bottom: 5px !important; }


.video-container {
    margin: -30px auto !important;
}


/**********************
** WEBフォント読み込み
***********************/
@font-face {font-family:'M PLUS Rounded 1c'; src:url('webfonts/m-plus-rounded-1c-v10-japanese-900.woff2')format("woff2");}/*** Googleフォント読込 ***/


/**********************
** 画像設定
***********************/
img.size-large {
   /* width: 100%;*/
}
img.size-full {
   /* width: 100%;*/
    /*display: block;*/
    margin:auto;
}



/********************************************************
** サイト内リンクでH2が隠れないようにずらす
********************************************************/
:target::before {
    content:"";
    display:block;
    height:100px;       /* 移動する距離。*/
    margin:-100px 0 0;  /* heightのマイナス値と0　0。 */
}



/**********************
** グローバルナビ検索窓
***********************/
.header-search {
  width: 130px !important;
}
.header-search .search-box {
  margin: -2px 0 0 15px;
}
.header-search input[type="text"] {
  padding: 3px 10px;
  font-size: 12px;
  border-radius: 14px 14px 14px 14px / 50% 50% 50% 50%;
  /*border-radius: 5px 5px 5px 5px / 50% 50% 50% 50%;*/
}
.header-search .search-submit {
  color: #378cb0;
  font-size: 80%;
  margin: 5px 0 0 0;
}


/*************************
** モバイルグローバルナビ配色設定
**************************/
.mobile-menu-buttons {
background: #000000;
color: #FFFFFF;
}

.mobile-menu-buttons .menu-button > a {
color: #FFFFFF;
}

/*****************************
** 再生プレイヤーの設定
*****************************/
.mejs-container {  width: 100% !important; }



/******************************
** 横全幅背景
*******************************/
.fluid-box-1{width: 100vw; position: relative; left: 50%; transform: translateX(-50%); /*margin: 0;*/
background-color: #F5F5F7;
padding: 20px 10px;
}
.fluid-box-1-inner{
margin: 0 auto;
max-width: 1300px;
}

.fluid-box-2{width: 100vw; position: relative; left: 50%; transform: translateX(-50%);  /*margin: 0;*/
background-color: #171D1E;
color:#ffffff;
padding: 20px 10px;
}
.fluid-box-2-inner{
margin: 0 auto;
max-width: 1300px;
}


.fluid-box-3{width: 100vw; position: relative; left: 50%; transform: translateX(-50%);  /*margin: 0;*/
background-color: #eaddcf;
/*color:#ffffff;*/
padding: 20px 10px;
}
.fluid-box-3-inner{
margin: 0 auto;
max-width: 1300px;
}



/************************************
** 埋め込みYouTube動画設定
************************************/
/*** YouTubeコンテンツをセンター***/
.video-container {
margin: 0px auto;
}
/*** YouTubeコンテンツを最大***/
.video-container {
  max-width: none;
}
/*************************
** サムネイル画像のエフェクト
***************************/
a:hover img.overwhite{opacity:0.5; transition:0.1s;}
a:hover img.overwhite-2{opacity:0.9; transition:0.3s;}
/*******************
** フォームの設定
*********************/
.search-edit,input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],
input[type="email"],input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea,select,input {
    padding: 12px 12px 11px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 1em;
    width: 100%;
    /*background: #fffdf3;*/
    vertical-align: middle;
    display: inline;
    line-height: 1;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}
input[type="checkbox"]{border:none;box-shadow: inset 0 1px 1px rgb(0 0 0 / 0%);}


textarea{height:100px; padding:5px;}
input[type="submit"] {border:none; border-radius:5px;background:#0795e6!important;font-weight:bold; width:auto; color:#ffffff; padding:20px; margin:auto;}
input[type="submit"]:hover, input[type="submit"]:active {background:#188aca!important;}
.submit_button{margin-top:20px; margin-bottom:20px; width:230px; height:30px;}

/********************
** テーブル設定
*********************/
table, .article table{width:100%!important; border:1px solid #ccc; }
td,th {background:#ffffff; vertical-align:middle; border:1px solid #ccc !important;}
th {background:#f7fcff !important; border:1px solid #ccc; }
table p{ margin:3px 0 !important;}
table ul{ margin:0 !important; padding-left:17px; }


.kami td{background:url('/wp-content/uploads/2017/10/Old-dirty-paper5.jpg'); border:3px ridge #877957;} /*後にdiv要素に切り替え予定*/
.kami-hyou tbody{background:url('/wp-content/uploads/2017/10/Old-dirty-paper5.jpg')!important; border:1px solid #877957;}.kami-hyou th{background:url('/wp-content/uploads/2017/10/Old-dirty-paper4.jpg')!important; border:1px solid #877957!important;}.kami-hyou td{border:1px solid #877957;}/*テーブル背景*/

.post_introduction td{border:none; width:50%;}.post_introduction .blogcard-wrap{width:100%;}/*記事特集の配置用ﾃｰﾌﾞﾙ（ブログカード）*/


/*2カラム（改行なし）*/
.table2column{overflow: hidden; width:100%; margin-bottom:25px;}
.table2column > div{width:50%; margin:0;}

.table2column_left{float:left; padding:0 5px 0 0;}
.table2column_right{float:left; padding:0 0 0 5px;}

.table2column p{padding:0; margin-bottom:0;}






/********************
 ▼ 見出しの設定▼
 ********************/
.article h1 {font-size:1.6em; margin:20px 0 5px 0; padding:18px 0 18px 20px; border-left:12px solid #419eda; /*border-bottom:0.5px solid #ececec; background:#f5f5f5; box-shadow: 3px 5px 10px 0px rgba(0,0,0,0.2);*/ } /*記事のタイトル*/
.article h2{font-size:1.5em; padding:20px 5px 20px 30px; margin:100px 0px 20px 0; background-position:bottom 50% left 5px!important;
  background-color:#f5f5f5; color:#000000;
  border-left:12px solid #191970;
  border-top:1px solid #ececec;
  border-bottom:0.5px solid #191970;
  border-right:1px solid #ececec;
  box-shadow: 2px 5px 15px 0px rgba(0,0,0,0.3);
  }

.article h3{padding:15px 20px 15px 25px; background-color:#f5f5f5; color:#000000; border-left:none; font-weight: normal;
  border-left:5px solid #419eda;
  margin-top:70px;  margin-bottom:15px;
  font-weight:bold;
  border-bottom:0.5px solid #ececec;
  box-shadow: 1px 2px 2px 0px rgba(0,0,0,0.2);
}


.article h4{border-left:12px solid #bb977b !important; border-bottom:1px dotted #bb977b; border-top:none; padding:5px 0px 5px 10px; font-size:1.15em; margin-top:45px;}
.article h5{font-size:22px;border-left:8px solid #2e00c8 !important;border-bottom:none !important;}





/******************************************************************
** 投稿記事内のみ適用
******************************************************************/
.content:has(.post){background:#f5f5f5;} //投稿ページのみ背景変更

.post{
    
}

.post h2{ margin-top:100px;}
.post h3{
   /* margin-top: 50px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    text-align: center; 
    box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.3);
    border-left:none;*/
}








/***********************
**  ▼COCOON目次のCSS▼
************************/
.toc-title{font-size:180%;}

#toc{
    width:90%!important;
    margin:30px auto 30px auto;
    padding:20px 50px 20px 50px !important;
    /*border: 5px solid #fbfbfb; */
    font-size: 70%;
    background: #f7fcff;
    /*background-image:url("/wp-content/uploads/2019/07/contents_title.png"),url("/wp-content/uploads/2019/07/oldpaper_seamless_min.jpg")!important;*/
    /*background-repeat: no-repeat, repeat !important;*/
    /*background-size:100% auto !important;*/
    font-weight:bold;
    font-family:'Hiragino Kaku Gothic ProN',"游ゴシック","Yu Gothic",Meiryo,Helvetica,Arial,sans-serif;
    box-shadow: 1px 5px 5px 0px rgba(0,0,0,0.2);
    }
#toc a{color:#625840;}

@media screen and (max-width:640px) {
    #toc{
        padding:30px 15px 30px 40px !important;
        /*
        background-image:
          url("/wp-content/uploads/2019/07/contents_title.png"),
          url("/wp-content/uploads/2019/07/oldpaper_seamless_min.jpg")!important;
        background-repeat:no-repeat,repeat!important;
        background-size:100% auto!important;
        */
    }
}

#toc li, #toc ol {margin:0 0 5px 0!important;padding:0;}
/*** toc h2の設定 ***/
#toc ol li{margin-top:6px!important;font-size:100%!important;line-height:160%;}
/*** toc h3の設定 ***/
#toc ol ol { margin-left:2.0em!important; font-size:80%; list-style:none;}
#toc ol li ol{ margin-top:5px!important; margin-bottom:10px!important;}
#toc ol li ol li{ margin-top:1.5px!important; margin-bottom:1.5px!important; text-indent:-0.8em; /*2行以降をインデント*/}
#toc ol li ol li::before{content:"-";}
#toc ol li ol li a{color:#757052!important;}









/**************************
** キャプションボックス
****************************/
/* ■ 【枠 タイトル・リスト】黒 Point！ */
.caption_box2{ color:rgb(100,100,100); margin: 40px 0 20px 0;   padding: 1.2em 1em 1em 0em; border: 4px double #000000;   border-radius:5px; 
background:#ffffff; position: relative; font-size: 1em; }
.caption_box2 .caption2{max-width: 90%; position: absolute; top: 0; left: 0; font-size: 1em; padding: 0.3em 1em; line-height:1.2; margin: 0; background-color: #000000; color:#ffffff; border-radius:3px; transform: translateY(-50%) translateX(1em);}
.caption_box2 li {margin:10px 0em;}
.caption_box2 p {display:none;} /*2カラム内で勝手に挿入されるPタグを除去*/


/* ■ 【枠 タイトル】Point！ */
.caption_box3{ color:rgb(100,100,100); margin: 40px 0 20px 0;   padding: 1em 1em 0.5em 1.5em!important; border: 4px double #000000;   border-radius:5px; /*background:url('/wp-content/themes/cocoon-child-master/images/Old-dirty-paper5.jpg');*/ position: relative;}
.caption_box3 .caption2{max-width: 90%; position: absolute; top: 0; left: 0; font-size: 1em; padding: 0.3em 1em; line-height:1.2; margin: 0; background-color: #000000; color:#ffffff; border-radius:3px; transform: translateY(-50%) translateX(1em);}

/* ■ 【枠リスト】黒 太枠 */
.caption_box4{ margin: 20px 0;   padding: 1em 1em 0 0; border: 12px double #000000; border-radius:5px;  background:#ffffff; color:rgb(100,100,100);}
.caption_box4 li{margin:10px 0;}


/* 古紙背景白抜きなし（新規で使用しないが過去記事のために残す） */
.caption_box5{ position: relative; margin-top: 20px;  margin-bottom: 20px; padding:  1em;  border: 4px double #bb977b;  border-radius:5px; background:url('/wp-content/themes/cocoon-child-master/images/Old-dirty-paper5.jpg'); color:rgb(100,100,100);}
.caption_box5 p{padding:5px 0;}
/* 古紙背景白抜きなし背景白（新規で使用しないが過去記事のために残す） */
.caption_box6{ position: relative; margin-top: 20px;  margin-bottom: 20px; padding:  1em;  border: 4px double #bb977b;  border-radius:5px; color:rgb(100,100,100);}
.caption_box6 p{padding:5px 0;}


/* ■ 【枠】水色 */
.caption_box7{ margin: 20px 0;   padding: 1.2em 1em 1em 1em; /* border: 2px solid #419eda;*/  background:#f7fcff; color:rgb(100,100,100); box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.1); }

/* ■ 【枠】グレー */
.caption_box8{ margin: 20px 0;   padding: 1.2em 1em 1em 1em; /* border: 2px solid #419eda;*/  background:#fbfbfb; color:rgb(100,100,100); box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.1); }

.column-left .caption_box8{height:100%;} /*2カラム内では高さを100%*/
.column-right .caption_box8{height:100%;} /*2カラム内では高さを100%*/



/* 古紙背景リスト-目次用 */
.caption_box_contents2{ font-size:110%; color:#584d34; margin: 20px 0; padding: 4em 1em 1em 0em; border: 8px double #815a11;  border-radius:10px; background-image: url('/wp-content/themes/cocoon-child-master/images/check3.png'),url('/wp-content/themes/cocoon-child-master/images/Old-dirty-paper5.jpg');   background-repeat: no-repeat,repeat!important;   background-size: auto,100%;   background-position:50% 30px,top; box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2); position: relative;}
.caption_box_contents2 .caption2{max-width: 90%; position: absolute; top: 0; left: 0; font-size: 0.9em; padding: 0.2em 1em; line-height:1.2; margin: 0; background-color: #815a11; color:#ffffff; border-radius:3px; transform: translateY(-50%) translateX(1em);}
.caption_box_contents2 li{margin:10px .2em!important;}

/* 古紙背景白抜きなしリスト-目次用 */
.caption_box_contents{ font-size:110%; color:#584d34; margin: 20px 0;   padding: 3.5em 1em 1em 0em; border: 8px double #815a11;   border-radius:10px; background-image: url('/wp-content/themes/cocoon-child-master/images/check3.png'),url('/wp-content/themes/cocoon-child-master/images/Old-dirty-paper5.jpg'); background-repeat: no-repeat,repeat!important;   background-size: auto , 100%;   background-position:50% 20px , top; box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2); position: relative;}
.caption_box_contents li{margin:10px .2em!important;}



/*（合わせて読みたい！）（こちらもおすすめ） */
.caption_recommend, .caption_recommend2{ position: relative; margin-top: 40px;  margin-bottom: 20px; padding:  1em 1em 1em 0em;  border: 4px double #ccc;  border-radius:5px; background-color: #;}
.caption_recommend .caption2, .caption_recommend2 .caption2{max-width: 90%; position: absolute; top: 0; left: 0; font-size: 1em; padding: 0.3em 1em; line-height:1.2; margin: 0; border: #000000 1px solid; background-color:#000000; color:#ffffff; border-radius:3px; transform: translateY(-50%) translateX(1em);}
.caption_recommend li, .caption_recommend2 li{margin:10px .2em!important;}



/*ベージュ*/
.caption_recommend3{ position: relative; margin-top: 40px;  margin-bottom: 20px; padding:  1em 1em 1em 0em;  border: 4px solid #bb977b;  border-radius:5px;  background:#ffffff;}
.caption_recommend3 .caption2{max-width: 90%; position: absolute; top: 0; left: 0; font-size: 1em; padding: 0.3em 1em; line-height:1.2; margin: 0; background-color: #bb977b; color:#ffffff; border-radius:3px; transform: translateY(-50%) translateX(1em);}
.caption_recommend3 li{margin:10px .2em!important;}


/*【枠 タイトル・リスト】水色 公式サイト*/
.caption_recommend11{ position: relative; margin-top: 40px;  margin-bottom: 20px; padding:  1em 1em 1em 0em;  border: 4px solid #419eda;  border-radius:5px;  }
.caption_recommend11 .caption2{max-width: 90%; position: absolute; top: 0; left: 0; font-size: 1em; padding: 0.3em 1em; line-height:1.2; margin: 0; background-color: #419eda; color:#ffffff; border-radius:3px; transform: translateY(-50%) translateX(1em);}
.caption_recommend11 li{margin:10px .2em!important;}




/*注意！*/
.caption_note{ position: relative; margin-top: 40px;  margin-bottom: 20px; padding:  1em 1em 1em 0em;  border: 4px solid #ffd800;  border-radius:5px; background:#ffffff; }
.caption_note .caption2{max-width: 90%; position: absolute; top: 0; left: 0; font-size: 1em; padding: 0.3em 1em; line-height:1.2; margin: 0; background-color: #ffd800; color:#ffffff; border-radius:3px; transform: translateY(-50%) translateX(1em);}
.caption_note li{margin:10px .2em!important;}
/*.caption_note p {display:none;} */ /*2カラム内で勝手に挿入されるPタグを除去*/


/*********▼ここから下は「目次用途」のキャプションボックス▼*********/

/* 古紙背景白抜きなし */
.caption_box_contents_nolist{ color:#584d34; font-family: 'M PLUS Rounded 1c'; margin: 20px 0;   padding: 3.5em 1em 1em 1em;   border: 8px double #815a11;   border-radius: 10px; background-image: url('/wp-content/themes/cocoon-child-master/images/check3.png'),url('/wp-content/themes/cocoon-child-master/images/Old-dirty-paper5.jpg');   background-repeat: no-repeat,repeat!important;   background-size: auto,100%;   background-position:50% 20px,top; box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2); position: relative;
}
.caption_box_contents_nolist p{font-size:1.3em!important;}

/* 古紙背景白抜きなし-文字サイズ調整あり */
.caption_box_contents_nolist_fontsizeMax{
  position: relative;
  margin: 20px 0;   padding: 1.5em 1em 1.5em 1em;  border: 8px solid #000000;  border-radius:5px;
  /*background-image: url('/wp-content/themes/cocoon-child-master/images/tuta-right2.png'),url('/wp-content/themes/cocoon-child-master/images/tuta2.png'),url('/wp-content/themes/cocoon-child-master/images/flower3.png'),url('/wp-content/themes/cocoon-child-master/images/oldpaper_seamless2_min-2.jpg');
  background-repeat: no-repeat,no-repeat,no-repeat, repeat!important;
  background-size: 20%, 12%, 10%, 100%;
  background-position: 100% 0%, -2px 7%, 100% 99%, top;*/
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.2);
  color:#000000;
  display:none;
}
.caption_box_contents_nolist_fontsizeMax p{padding:5px 0; margin:10px 0; line-height:1.25!important;}




.caption_box_contents_nolist_fontsizeMax_title{
  font-family: 'M PLUS Rounded 1c';   font-weight: 900;   text-align:center;
  color: #000000;
  margin:15px 20px;   padding:0;
  text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff,  0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff,  0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff,  0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, /*白縁*/
  0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff,  0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff,  0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff,  0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, /*白縁*/
  0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff,  0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff,  0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff,  0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, /*白縁*/
  0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff,  0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff,  0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff,  0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, /*白縁*/
  0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000,  0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000,  0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000,  0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, /*黒縁*/
  0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000,  0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000,  0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000,  0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, /*黒縁*/
  0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000,  0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000,  0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000,  0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, /*黒縁*/
  0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000,  0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, /*黒縁*/
  0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, /*白縁*/
  0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, /*白縁*/
  0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff; /*白縁*/

}
.caption_box_bigtitle{text-align: center;}



/************************
 ** 記事中「テロップ」
 *************************/
.telop {padding:5px 0; margin:10px 0 !important; line-height:125%;}

/*赤文字*/
.redtelop{ /*赤色テロップ*/
  color:#ff0000; /*テキスト色*/   text-align:center;
  margin:15px 20px;   padding:0;
  text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 6px #000, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
  font-family:'M PLUS Rounded 1c';
  font-weight:900;
}








/********************************************************************************************************************

*****      カルーセル（slick）のデザイン設定！

**********************************************************************************************************************/
/****************************************
** ▼ 各スライダー共通設定（.slick-slide）▼
******************************************/
.slick-slide{ display:none; }/*最初に縦表示になるのを防ぐ*/
.slick-initialized .slick-slide{
  display:block;
  display:none;
  float:left;
  height:100%;
  min-height:1px;
  margin-bottom:30px;
  padding:0 2px;
}
.slick-slide img{width:100%;}/*画像設定*/
.slick-slide a{font-weight:600;color:#545454;text-decoration:none;}
.slick-slide a:visited{color:#545454!important;}
.slick-slide a:hover{color:#545454;}/*リンク文字色の設定*/
.slide-arrow{position:absolute;}/*矢印の位置設定*/
.slick-dotted.slick-slider {margin-bottom:30px;}
/* ドットの設定 */
.slick-dots { position:absolute;  bottom:-12px;  text-align:center;  padding:0; margin:0; width:100%; }
.slick-dots li{ position:relative;  display:inline-block;  height:30px;  margin:0 5px; }
.slick-dots li button{ border:0;  background:transparent;  width:20px;  font-size:0px; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity:1; }
.slick-dots li button:before { /* ドットサイズの設定 */
  content:"●";
  font-size:10px;
  opacity:0.25;
}
.slick-dots li.slick-active button:before {opacity:0.75;}

/***********************************************
** ▼（１）HOME 記事カテゴリ別スライダーデザイン ▼
*************************************************/
.slick-carousel .slick-list .slick-track .slick-slide{margin-bottom:30px;}/*マージンの設定*/
/*.slick-carousel .slick-list .slick-track .slick-slide img:hover{opacity:0.8; transition:0.1s ease-in-out; transform:translateY(0px);}*//*ホバー時の透明化*/
.slick-carousel .slick-list .slick-track .slick-slide p{margin:0;}/*pのマージン*/
.slick-slide-date{margin:5px 0 3px 0!important;font-size:50%;}/*日付部分の設定*/
.slick-slide-title{/*** ▽記事タイトル部分▽ ***/
  margin:3px 0 5px 0 !important; position:relative; width:100%;
  height:128px; /*タイトル部分のdiv高さ*/
  overflow:hidden; /*はみ出た要素を非表示*/
  line-height:25px;  /*1行の高さ*/
  font-size:0.87em;
}
.slick-slide-title a{/*** ▽記事タイトル部分▽ ***/
  display:block;  position:absolute; top:0; left:0; width:100%; height:100%; display:-webkit-box; -webkit-box-orient:vertical;
  -webkit-line-clamp:5; /*5行目の終わりに...を付ける*/
}
.slick-slide-content{/*** ▽抜粋部分▽ ***/
  margin:7px 0 15px 0; width:100%;
  height:100px; /*抜粋部分のdiv高さ*/
  overflow:hidden; /*はみ出た要素を非表示*/
  line-height:25px;  /*1行の高さ*/
  font-weight: normal;
}
.slick-slide-content span{/*** ▽抜粋部分▽ ***/
  display:-webkit-box; -webkit-box-orient:vertical;
  -webkit-line-clamp:4;/*4行目の終わりに...を付ける*/
}
.toppage-post-prev-arrow{/**「左矢印」設定 **/
  left:3px; /*左端からの距離*/
  bottom:-25px; /*下からの距離*/
  width:50px; cursor:pointer;
  z-index: 100;
  opacity:0.7;
}
.toppage-post-next-arrow{/**「右矢印」設定 **/
  right:3px; /*右端からの距離*/
  bottom:-25px; /*下からの距離*/
  width:50px; cursor:pointer;
  z-index: 100;
  opacity:0.7;
}
.toppage-post-prev-arrow:hover{opacity:1!important; transition:0.1s;}/*左矢印のホバー透過設定*/
.toppage-post-next-arrow:hover{opacity:1!important; transition:0.1s;}/*右矢印のホバー透過設定*/

/************************************************
** ▼（２）HOME TOP大スライダーデザイン ▼
**************************************************/
/**基本設定**/
.slick-carousel-mainbig{margin:0!important; padding:0;}
.slick-carousel-mainbig .slick-list .slick-track .slick-slide{margin-bottom:0;}
.slick-carousel-mainbig p {margin:0; padding:0;}
/***「矢印」設定 ***/
/*ホバー時の「表示・非表示」設定*/
.slick-carousel-mainbig > .bigslide-prev-arrow{opacity:0; transition:1.2s} /*矢印を消す*/
.slick-carousel-mainbig:hover > .bigslide-prev-arrow{opacity:0.6; transition:0.5s} /*マウスオーバー時矢印を表示*/
.slick-carousel-mainbig > .bigslide-next-arrow{opacity:0; transition:1.2s} /*矢印を消す*/
.slick-carousel-mainbig:hover > .bigslide-next-arrow{opacity:0.6; transition:0.5s} /*マウスオーバー時矢印を表示*/
/* デザインの設定 */
.bigslide-prev-arrow{; width:50px; height:50px; margin-top:-20px; left:20px;/*←左端からの距離*/ top:50%;/*←上からの距離*/ z-index:110; cursor:pointer;}
.bigslide-next-arrow{; width:50px; height:50px; margin-top:-20px; right:20px;/*←右端からの距離*/ top:50%;/*←上からの距離*/ z-index:110; cursor:pointer;}


/************************************************
** ▼（３）HOME おすすめ特集 スライダーデザイン ▼
**************************************************/
/*** 画像ホバー時の透明化 ***/
.slick-carousel-recommendposts img:hover{ opacity:0.6; transition:0.2s ease-in-out;}
/**基本設定**/
.slick-carousel-recommendposts{ margin-bottom:40px!important; padding:0;}
.slick-carousel-recommendposts > .slick-list > .slick-track > .slick-slide{margin-bottom:0px;}
.slick-carousel-recommendposts p {margin:0; padding:0;}
/* ドットの設定 */
.slick-carousel-recommendposts > .slick-dots{ bottom:-60px;}
.slick-carousel-recommendposts >.slick-dots li {margin:0 4px;}                   /* ●の間隔 */
/*******「矢印」設定 *******/
/* デザインの設定 */
.recommendposts-prev-arrow{opacity:0.7; width:50px; height:50px; margin-top:-20px; left:20px;/*←左端からの距離*/ top:50%;/*←上からの距離*/ z-index:110; cursor:pointer;}
.recommendposts-next-arrow{opacity:0.7; width:50px; height:50px; margin-top:-20px; right:20px;/*←右端からの距離*/ top:50%;/*←上からの距離*/ z-index:110; cursor:pointer;}
.recommendposts-prev-arrow:hover{opacity:1.0!important; transition:0.1s;}
.recommendposts-next-arrow:hover{opacity:1.0!important; transition:0.1s;}

/************************************************
** ▼（4）HOME 記事カテゴリ別スライダーデザイン ▼
**************************************************/
/** マージンの設定 **/
.slick-carousel-category > .slick-list > .slick-track > .slick-slide{margin-bottom:30px;}
/*** ホバー時の透明化 ***/
.slick-carousel-category > .slick-list > .slick-track > .slick-slide:hover{opacity:0.9; transition:0.5s ease-in-out; transform:translateY(-2px);}
/*pのマージン*/
.slick-carousel-category > .slick-list > .slick-track > .slick-slide p{margin:0;}

/**「矢印」設定 **/
.category-prev-arrow{
  left:3px; /*左端からの距離*/
  top:95%; /*上からの距離*/
  width:50px; cursor:pointer;
}
.category-next-arrow{
  right:3px; /*右端からの距離*/
  top:95%; /*上からの距離*/
  width:50px; cursor:pointer;
}
img.category-prev-arrow:hover{opacity:1.0!important; transition:0.1s;}
img.category-next-arrow:hover{opacity:1.0!important; transition:0.1s;}









/*フロント固定ページのタイトルなどを非表示*/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
display: none;
}





/************************
** すべての記事を見るボタン
**************************/
.show_all_post{text-align:right; margin:0px 0 30px 0; padding:10px 0 0 0 ; }
.button_show_allpost{color:#FFFFFF!important;font-weight:bold;border:1px solid #908c68;border-radius:3px; font-size:0.75em; padding:8px 10px;text-decoration:none;background-image:linear-gradient(to bottom, #a9a588, #8e865b);}
.button_show_allpost:hover{background-image:linear-gradient(to bottom, #938e6b, #6f6947);}






/************************
** ブログページカラム設定
**************************/
.blog-flex {
  display: flex;
}

.column-left2{
  flex: 0 0 300px;
  /*order:3;*/
}
.column-center2{
  flex: 1;
  /*order:1;*/
}
.column-right2{
  flex: 0 0 300px;
  /*order:2;*/
}









/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){

    .main {
         margin: 0;
         padding: 0 5px!important;
         width: 100%;
    }
    .table2column{
        margin-bottom:5px;
    }
    

  .caption_box_contents_nolist_fontsizeMax{
    padding: 1em;
    display:none;
  }
  .caption_box_contents_nolist_fontsizeMax p{padding:0px 0; margin:10px 0; line-height:1.25!important;}


.article h2{
    font-size:1.2em; 
    padding:15px 5px 15px 15px; 
    margin:100px 0px 20px 0; 

  }
   .article h3{margin-top:70px;}

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}