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

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

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

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

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

/************************************
** サイトタイトル非表示（投稿以外）
************************************/
/*.entry-title{
  display: none;
}
.post .entry-title{
  display: block;
  font-size: 1.2em;
  color: #ff6000;
} */

/* 投稿ページマージン */
.post .entry-content *{
  margin-left: 0px;
  margin-right: 0px;
}

/* 投稿一覧ページタイトル */
/*.archive-title {
    color: #ff6000;
}*/

/************************************
** 投稿記事切替
************************************/
blockquote::before, blockquote::after, 
.pager-post-navi a.a-wrap::before {
    color: #ffffff;
}

.pager-post-navi a.prev-post::before {
    content: "前の記事へ";
    left: 0;
}

.pager-post-navi a.next-post::before {
    content: "次の記事へ";
    right: 0;
}

.pager-post-navi a.prev-post::before,
.pager-post-navi a.next-post::before {
    position: absolute;
    padding: .3em .4em;
    font-size: 1.0em;
    background-color: #ff6000;
    color: #fff;
    top: 0;
}


/************************************
** 目次の非表示
************************************/
.home.page .toc {
 display: none;
}


/************************************
** 行間隔を詰める
************************************/
.entry-content p {
    margin-top: 0em;
    margin-bottom: 0em;
}


/************************************
** 日付を非表示にする
************************************/
/*.date-tags {
  display: none;
}*/

/************************************
** ナビメニュー
************************************/
#header-container, #header-container .navi, #navi .navi-in>.menu-header .sub-menu {
    background-color: #F4912E;
}
#navi .navi-in a {
    color: #FFFFFF;
}
#navi .navi-in a:hover {
    color: #FFFFFF;
    background-color: #FF6600;
}

/*
#header-container .navi, #navi .navi-in>.menu-header .sub-menu:hover {
    background-color: #FF6600;
}
*/

/*電力*/
#menu-item-3921 a {
	font-size: 1.0rem;
	line-height: 1.9em
}

/* モバイル */
/*
.mobile-menu-buttons, .navi-menu-close-button{
	background-image: linear-gradient( 135deg, #ff6600 10%, #ff6600 100%);
}
*/

.mobile-menu-buttons .menu-button > a:hover,
.mobile-menu-buttons .menu-button:hover {
	background-color: #ff6600;
	color: #ffffff;
}

.mobile-menu-buttons .menu-button > a,
.mobile-menu-buttons .menu-button {
	background-color: #ff6600;
	color: #ffffff;
}


/************************************
** ulのpaddingをなくす
************************************/
ul.top_linkBox{
	padding: 0px 0px 0px 0px;
}
ul.top_TopBox{
	padding: 0px 0px 0px 0px;
}

/************************************
** リストをインライン化
************************************/
/*li {
	display: inline;
}*/
.article ol, .article ul {
	list-style: none;
	padding-left: 0px;
}

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

	/* ヘッダ部		*/
	.top_TopItem01 img,
	.top_TopItem02 img,
	.top_TopItem03 img,
	.top_TopItem04 img{
			width: 45%;
			height: auto;
	}
	.top_TopItem01,
	.top_TopItem02,
	.top_TopItem03,
	.top_TopItem04{
			width: 45%;
			height: auto;
	}

	/* 事業			*/
	.top_linkItem01,
	.top_linkItem02,
	.top_linkItem03,
	.top_linkItem04,
	.top_linkItem05,
	.top_linkItem06,
	.top_linkItem07,
	.top_linkItem08,
	.top_linkItem09,
	.top_linkItem10{
		width: 45%;
		height: auto;
	}
	.top_linkItem01 img,
	.top_linkItem02 img,
	.top_linkItem03 img,
	.top_linkItem04 img,
	.top_linkItem05 img,
	.top_linkItem06 img,
	.top_linkItem07 img,
	.top_linkItem08 img,
	.top_linkItem09 img,
	.top_linkItem10 img{
		width: 45%;
		height: auto;
	}

}

/**************************************************************************/
/* 見出し */
.article h2 {
	background-color: transparent;
	padding: 0;
	font-size: 1.8rem;
	text-indent: .5em;
}
/*
.article h2::after {
	margin-top: .3em;
	content: "";
	display: block;
	height: 8px;
	color: #ffffff;
	background-image: linear-gradient( 165deg, #ff6600 0%, #ffa751 20%);
}
*/
.article h2::after {
	display: none;
}
.article h2 {
	font-size: 20px;
	color: #FF6600;
	border-bottom: 2px solid #FF6600;
}

.article h3 {
	border-left: 8px solid #ffc455;
	border-right: none;
	border-top: none;
	border-bottom: none;
	font-size: 1.4rem;
	padding: .4em 1em;
	background-color: #ddd;
	color: #ffffff;
	background: linear-gradient(to right,#ff6000 50%,#fff 100%);
}
.article h4 {
	font-size: 1.2rem;
	border-top: none;
	border-bottom: none;
	color: #ff6600;
}
.article h4:before {
	font-family: 'FontAwesome';
	content: "\f111";
	padding-right: .4em;
	color: #ff6600;
}
.article h5 {
	font-size: 1.2rem;
	border-bottom: none;
}
.article h5:before {
	font-family: 'FontAwesome';
	content: "\f061";
	padding-right: .4em;
	color: #ff6600;
}
.article h6 {
	font-size: 1.1rem;
	border-bottom: none;
}
.article h6:before {
	font-family: 'FontAwesome';
	content: "\f178";
	padding-right: .4em;
	color: #ff6600;
}

/* 記事下見出し */
.under-entry-content h2{
background-image: linear-gradient( 165deg, #ff6600 0%, #ff6600 20%);
	text-shadow: 1px 1px 2px rgba(0,0,0,.3);
	color: #fff;
	padding: .2em 0 .2em 1em;
	font-size: 1.2rem;
	font-weight: normal;
}

/*フッター*/
/*#footer {
	background-image: linear-gradient( 135deg, #ff6600 10%, #ffa751 100%);
	background-image: none;
	background-color: #ff6600;
}*/
/*.footer, .footer a{
	color: #fff;
}*/


/**************************************************************************/
/*ヘッダーレイアウトがトップメニューのとき*/
/*.header-container-in.hlt-top-menu .site-name-text{
  display: none;
}*/

/*ヘッダーレイアウトがトップメニュー（小）のとき*/
/*.header-container-in.hlt-top-menu.hlt-tm-small .site-name-text{
  display: none;
}*/

/*端末幅が768px以下のとき*/
/*@media screen and (max-width: 768px){
  #header .site-name-text{
    display: none;
  }
}*/

/*端末幅が480px以下のとき*/
/*@media screen and (max-width: 480px){
  #header .site-name-text{
    display: none;
  }
}*/

/* ヘッダーバナー表示調整 */
#header {
	background: #fff;
}
#header .logo {
	text-align: left;
}
#header .header-site-logo-image {
	height: 60px;
}

/* ページ送りナビ */
/* 固定ページでは非表示 */
body.page #pager-post-navi {
	display: none;
}

/* テーブル */
.container table tr:nth-of-type(2n+1) {
	background-color: rgba(242,153,0,.05);
}
.container table th {
	padding: .25em .75em;
	background-color: rgb(76,91,99,.75);
}
.container table td {
	padding: .25em .75em;
	border-color: rgba(242,153,0,.5);
	border-style: solid;
	border-width: 1px 0;
}

/* テーブル・横幅が足りないとき横スクロール */
.container .scroll_table_wrapper {
	margin: auto;
	margin-bottom: 1.4em;
	width: 90%;
	overflow: auto;
}
.container .scroll_table_wrapper table {
	margin: auto;
	width: 100%;
}
.container .scroll_table_wrapper table th,
.container .scroll_table_wrapper table td {
	white-space: nowrap;
}

/* デフォルト センター テーブル */
.container .default_center_table table th,
.container .default_center_table table td {
	text-align: center;
}

/* ここからsuzuki追加CSS */
/*h3.mypage-h{
	border-left: 8px solid #ffc455;
    border-right: none;
    border-top: none;
    border-bottom: none;
    font-size: 1.4rem;
    padding: .4em 1em;
    background-color: #ddd;
    color: #ffffff;
    background: linear-gradient(to right,#ff6000 50%,#fff 100%);
}*/

/* 料金表示ページ */
.meisai_bikou {
	border: solid 1px #000000;
	padding: 1em 1.5em;
	margin-bottom: 1.4em;
	min-height: 100px;
}
.meisai_bikou h2 {
	margin: 0 0 .4em;
	font-size: 1.2rem;
	border-bottom: none;
	color: #333;
	text-indent: 0;
}
.meisai_bikou ul, .meisai_bikou li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.meisai_bikou li {
	padding-left: 1.5em;
	text-indent: -1.5em;
}