@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon子テーマ + BizVektor統合版（重複削除・最適化済み）
Template:   cocoon-master
Version: 1.1.3-mod
*/

/************************************
** 子テーマ基本スタイル
************************************/

/*---------------------------------
PC・SP表示切り替え
---------------------------------*/
.pc-dis { display: block; }
.sp-dis { display: none; }
@media screen and (max-width: 834px){
  .pc-dis { display: none; }
  .sp-dis { display: block; }
}

/*---------------------------------
a:hover
---------------------------------*/
a:hover,
a:hover img {
  opacity: 0.7;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/*---------------------------------
ヘッダー
---------------------------------*/
#header {
  border-top: 10px solid #edc421;
  font-weight: 700!important;
}
#header-in .tagline,
#header-in #header-tel {
  display: none;
}
@media screen and (min-width:1030px) {
  #header-in { position: relative; }
  #header-in .logo-header { text-align: left; }
  #header-in #header-tel {
    position: absolute;
    right: 0;
    font-size: 200%;
    line-height: 1.45;
    background: url("") no-repeat center left;
    background-size: auto 60px;
    padding-left: 70px;
    display: block;
    text-align: center;
  }
  #header-in #header-tel span {
    display: block;
    font-size: 35%;
  }
}

/*---------------------------------
モバイルヘッダー
---------------------------------*/
@media screen and (max-width: 1023px){
  #menu-header_mobile_button { background-color: #edc421; }
  .mobile-header-menu-buttons .navi-menu-button:nth-child(1) {
    border-right: dotted 1px #000;
  }
  .mobile-header-menu-buttons .navi-menu-button:nth-child(3) {
    border-left: dotted 1px #000;
  }
}

/*---------------------------------
メイン画像
---------------------------------*/
#min-pic {
	margin: 0 auto;
	text-align: center;
	background-color: #fefbf5;
	line-height: 0;
}

/*---------------------------------
本文・見出し
---------------------------------*/
p {
  margin-left: 25px;
  margin-right: 25px;
}
@media screen and (max-width: 834px){
  p {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.article h1,
.archive-title {
  color: #000;
  font-size: 28px;
  padding: 25px;
  background-color:#fcb902;
  margin-bottom: 25.2px;
}
@media screen and (max-width: 834px){
  .article h1 { font-size: 24px; padding: 12px; }
}
.article h2 {
  margin-top: 90px;
  color: #fff;
  background-color:#fcb902;
  padding: 11px 15px 10px;
}
.article h3 {
  margin-top: 60px;
  background-color:#fcb902;
  color: #000;
  padding: 10px 10px 8px 15px;
}
.article h4 {
  margin-top: 50px;
  border-bottom: double 6px #fcb902;
}

/*---------------------------------
テキストカラー
---------------------------------*/
.blue { color: #1e73be; }
.red { color: #e60012; }
.green { color: #1f8c4d; }
.marker-under { background: linear-gradient(transparent 60%, #ffdc52 60%); }
.black { color: #333333; } /* ← BizVektorより追加 */
.ora { color: #fcb902; }   /* ← BizVektorより追加 */
.gry { color: #999999; }   /* ← BizVektorより追加 */

/*---------------------------------
テキスト設定
---------------------------------*/
.u { text-decoration: underline; }
.txt-r { text-align: right; }
.txt-l { text-align: left; }
.center { text-align: center; }

/* ---- BizVektorより追加 ---- */
.i { font-style: italic; } /* ← BizVektorより追加 */
.b { font-weight: bold; }  /* ← BizVektorより追加 */
.s { text-decoration: line-through; } /* ← BizVektorより追加 */

/*---------------------------------
余白設定
---------------------------------*/
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 60px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }
.mt120 { margin-top: 120px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }
.mb120 { margin-bottom: 120px; }

.ml10 { margin-left: 10px; } /* ← BizVektorより追加 */
.ml20 { margin-left: 20px; } /* ← BizVektorより追加 */
.mr10 { margin-right: 10px; } /* ← BizVektorより追加 */
.mr20 { margin-right: 20px; } /* ← BizVektorより追加 */

/*---------------------------------
画像設定（スマホ整列含む）
---------------------------------*/
@media screen and (max-width: 834px){
  img.alignright, img.alignleft, img.alignnone, img.aligncenter {
    float:none !important;
    display:block;
    margin: 0 auto 20px !important;
  }
}

/* ---- BizVektorより追加 ---- */
img { border: 0; } /* ← BizVektorより追加 */
.flo-l { float: left; margin-right: 20px; } /* ← BizVektorより追加 */
.flo-r { float: right; margin-left: 20px; } /* ← BizVektorより追加 */

/*---------------------------------
テーブル
---------------------------------*/
.table01 {
  overflow: auto;
  white-space: nowrap;
  margin:0 20px;
}
.table01::-webkit-scrollbar { height: 5px; }
.table01::-webkit-scrollbar-track { background: #F1F1F1; }
.table01::-webkit-scrollbar-thumb { background: #BCBCBC; }

/* ---- BizVektorより追加 ---- */
#content table {
  border: 1px dotted #cccccc;
}
#content table th,
#content table td {
  border-left: 1px dotted #cccccc;
  vertical-align: middle;
}

/*---------------------------------
ボタン設定
---------------------------------*/
.btn-m, .btn-wrap.btn-wrap-m > a {
    font-size: 20px;
}

/*---------------------------------
投稿ページ投稿日の下マージン
---------------------------------*/

.date-tags {
    margin-bottom: 3em;
}

/*---------------------------------
固定ページ・投稿の投稿日・更新日・著作者を非表示
---------------------------------*/
.page .date-tags,
.page .author-info,
.single .author-info{
    display: none;
}

/*---------------------------------
関連記事
---------------------------------*/
.related-entry-heading {
	margin-top: 90px;
}

/*---------------------------------
フッター
---------------------------------*/
/*フッターエリア*/
.footer-bottom {
    margin-top: 0;
}

/*フッターロゴ表示設定*/
.footer-bottom-logo .logo-image {
    padding: 0;
    max-width: 100%;
	}
.footer-bottom-logo .footer-site-logo-image {
    width: 100% !important;
    height: auto !important;
}

/*フッターメニュー表示設定*/
.navi-footer-in>.menu-footer li {
    border-left: 1px solid #000 !important;
}
.navi-footer-in>.menu-footer li:last-child {
    border-right: 1px solid #000;
}
@media screen and (max-width: 834px){/*スマホサイトのみ適用*/
	.navi-footer-in > .menu-footer li:nth-child(3) {
		border-right: 1px solid #000;
	}
	.navi-footer {
		margin-top: 30px;
	}
}

/*---------------------------------
サイドコンテンツ
---------------------------------*/
#sidebar ul {
	margin-left: 10px;
	margin-right: 10px;
}
#sidebar ul li a {
	padding-left: 10px;
	padding-right: 10px;
}
#sidebar h3 {
	margin-top: 50px;
	color: #000;
}
#sidebar > aside:first-of-type h3 {
    margin-top: 32px;/* 最初のh3だけマージンなし */
}
#sidebar  .textwidget {
	margin-top: 1em;
}
#sidebar ul {
	margin-left: 10px;
	margin-right: 10px;
}
#sidebar ul li a {
	padding-left: 10px;
	padding-right: 10px;
}

/*---------------------------------
モバイルフッター固定メニュー
---------------------------------*/
.mobile-footer-menu-buttons .menu-button>a {
    color: #fff;
}
.mobile-footer-menu-buttons li:nth-child(1) {
    background-color: #005997;
}
.mobile-footer-menu-buttons li:nth-child(2) {
    background-color: #008647;
}
.mobile-footer-menu-buttons li:nth-child(3) {
    background-color: #51a934;
}
.mobile-footer-menu-buttons .top-menu-button {
    background-color: #00bace;
}
.mobile-footer-menu-buttons li { border-left:1px dotted #fff;}
.mobile-footer-menu-buttons li:first-child { border:none;}

/*---------------------------------
本文フッターSNSボタン
---------------------------------*/
.sns-share {
	margin-top: 100px;
}

/*---------------------------------
コピーライト
---------------------------------*/
.copyright {
	margin-top: 30px;
	font-size: .8em;
}

/*---------------------------------
ユーティリティ
---------------------------------*/
.clear { clear: both; } /* ← BizVektorより追加 */