@charset "UTF-8";



/*---------------------------------------------------------------------------------------

written by	：Tomohiro Kitamura (cocolo.Inc) 
URL		：https://www.cocolo-film.com/
last updated	：2025/09/04

----------------------------------------------------------------------------------------*/



/*---------------------------------------------------------------------------------------
追加スキン CSS ゼロワンジム武蔵小杉
/zeroonegym-musashikosugi/wp556/wp-content/plugins/my-snow-monkey
----------------------------------------------------------------------------------------*/



/* menu
-----------------------------------------------------------------------------------------

	1: 基本CSS

----------------------------------------------------------------------------------------*/



/* 1: 基本CSS
----------------------------------------------------------------------------------------*/

html {
 overflow-y: scroll;
}

/* トップページ最上部のpadding除去 */
.p-section-front-page-content {
  padding-top: 0;
}

.l-contents__inner {
  padding-top: 0;
}

/*----------------------
改行 br_sp
----------------------*/

@media screen and (min-width: 600px){
.br_sp {display: none; }
}

/*----------------------
フォント
----------------------*/
body {
	color: #1D1d1F !important;
}




/* 2: Hタグ
----------------------------------------------------------------------------------------*/

/*----------------------
Hタグコントロール
※カスタマイザー→デザイン→基本デザイン設定→記事中の h2 / h3 のデザインで「なし」を選択中。
----------------------*/

/*----------------------
デザイン参考
https://pote-chil.com/css-stock/ja/heading
----------------------*/

/* H1 */
.c-entry__header > h1.c-entry__title {
  padding: 0.25em 0.00em;/*上下 左右の余白*/
  color: #202020;/*文字色*/
  font-size: 160%;
  background: transparent;/*背景透明に*/
}


/* H2 */
.p-entry-content > h2 {
  font-size: 140%;
	border-left: solid 12px #00a0e9;
	background-color: #fcfeff;
}


/* H3 */
.p-entry-content > h3 {
	font-size: 1.2em;
  background-color: transparent;
  border-left: transparent;
  padding-left: 0;
  border-bottom: 2px solid #F2E3B6;
}

.p-entry-content > h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 2px #00a0e9;
  bottom: -2px;
  width: 35%;
}


/* H4 */
.p-entry-content > h4 {
  font-size: 115%;
  line-height: 2.0;
  padding: 0 0 0.2rem 0;
}



/* 4: フッタ
----------------------------------------------------------------------------------------*/

/*----------------------
フッターウィジェットエリア
----------------------*/
.l-footer__body,
.l-footer-widget-area__item {
  color: #565656; /* テキスト文字色 */
  background-image: url(dot.png);
  background-color: #ffffff !important; /* 背景色 */
}

.l-footer__body a,
.l-footer-widget-area__item a {
  color: #565656 !important; /* リンク文字色 */
}

/* フッターウィジェットの見出しの罫線の色を白に */
.l-footer-widget-area .c-widget__title::before,
.l-footer-widget-area .c-widget__title::after {
    background-color: #565656;
}

/* ウィジェットのテキストリンクのリンク */
.textwidget a {
  text-decoration:none;
}

.textwidget a:hover {
  text-decoration:underline;
}

/*----------------------
フッタ サブナビゲーション
----------------------*/

/* 文字色とサイズ */
#menu-footsub {
    color: #ffffff;
    font-size: 14px;
}

/*----------------------
コピーライトエリア
----------------------*/

/* コピーライトの文字の後ろの背景色を変える */
.l-footer .c-copyright {
  background-color: #00a0e9;
}

/* コピーライトの全体の背景色を変える */
.l-footer--footer-1 .l-footer__footer, .l-footer--footer-2 .l-footer__footer, .l-footer--footer-3 .l-footer__footer, .l-footer--footer-4 .l-footer__footer, .l-footer--footer-5 .l-footer__footer {
  background-color: #00a0e9;
}

/* 文字色とサイズ */
.c-copyright {
    color: #ffffff;
    font-size: 14px;
}

/* リンク文字色とアンダーライン */
l-footer__body a,
.l-footer-widget-area__item a {
    color: #ffffff;
    text-decoration:none;
}

/* 文字サイズ（スマホ閲覧時のフッタ） */
@media ( max-width: 639px ) {
	.c-copyright {
		font-size: 10px;
	}
}



/* 5: テーブル
----------------------------------------------------------------------------------------*/

/*----------------------
テーブル調整
----------------------*/

.table_001 {
  width: 100%;
  border-collapse: collapse;
}

.table_001 tr {
  border: 1px solid #DAD3C7;
}

.table_001 td {
  border: 1px solid #DAD3C7;
  text-align: left;
  vertical-align: middle;
  padding: 8px 2%;
}

.table_001 th {
  border: 1px solid #DAD3C7;
  text-align: left;
  padding: 8px 2%;
  font-weight: bold;
  background-color:#00a0e9;
}

.td30 td:first-child {
  width: 30%;
  background-color:#FFFEF8;
}
.td30 td:last-child {
  width: 70%;
}

.td20 td:first-child {
  width: 20%;
  background-color:#FAFAFA;
}
.td20 td:last-child {
  width: 80%;
}

.td80 td:first-child {
  width: 80%;
  background-color:#FAFAFA;
}
.td20 td:last-child {
  width: 20%;
}

/* ラインテーブル */
.tdline td:first-child {
  width: 30%;
  padding: 15px;
  border: 1px solid #fff !important;
  border-bottom: 1px solid #DAD3C7 !important;
}
.tdline td:last-child {
  width: 70%;
  padding: 15px;
  border: 1px solid #fff !important;
  border-bottom: 1px solid #DAD3C7 !important;
}

/* ラインテーブル（左側大） */
.tdlineBIG td:first-child {
  width: 70%;
  padding: 15px;
  border: 1px solid #fff !important;
  border-bottom: 1px solid #DAD3C7 !important;
}
.tdlineBIG td:last-child {
  text-align: right;
  width: 30%;
  padding: 15px;
  border: 1px solid #fff !important;
  border-bottom: 1px solid #DAD3C7 !important;
}



/* 沿革テーブル */
.tdhistory td:first-child {
  width: 25%;
  padding: 10px;
  border: 1px solid #fff !important;
  border-bottom: 1px solid #DAD3C7 !important;
}
.tdhistory td:last-child {
  width: 75%;
  padding: 10px;
  border: 1px solid #fff !important;
  border-bottom: 1px solid #DAD3C7 !important;
}










/* 6: フォーム
----------------------------------------------------------------------------------------*/






/* 7: その他
----------------------------------------------------------------------------------------*/

/*----------------------
フッターCTAの閉じるボタンを非表示
----------------------*/

.p-footer-cta__close-btn {
    display: none !important;
}
