/*
Theme Name:     FAMOUS-Child
Description:    
Author:         tonichi
Template:       famous_tcd064

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

.pt-cv-readmore {
    color: #fff !important;
    background-color: #0d68b7 !important;
    border: none !important;
}

.p-index-pr__map {
    display: none;
}

/*お問い合わせのテーブル*/
.cform th {
	font-size: 16px;
	width: 37%; /*変なところで改行される場合はここの数字を変更します。*/
	padding: 10px 0 10px 15px;
	font-weight: normal;
	text-align: left;
}

.cform td {
	font-size: 16px;
	line-height: 150%;
	padding: 10px 10px;
}

.cform {
	width: 100%;
	margin: auto;
}

.cform [type=submit] {
	display: inline-block;
	font-size: 20px;
	padding: 10px 30px;
	text-decoration: none;
	background: #ff8f00;
	color: #FFF;
	border-radius: 3px;
}

.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=tel],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
	width: 100%;
	padding: 5px;
	border: solid 1px #9E9E9E;
}

.required-srt {
	font-size: 8pt;
	padding: 5px;
	background: #ce0000;
	color: #fff;
	border-radius: 3px;
	margin-left: 10px;
	vertical-align: middle;
	font-weight: bold;
}

@media only screen and (max-width:767px) {
	.cform th,
	.cform td {
		width: 100%;
		display: block;
		border-top: none;
	}
	.cform tr:first-child {
		border-top: solid 1px #d6d6d6;
	}
}

/*----------------------------------------------------
 　ボタン　CSS
----------------------------------------------------*/
.submit-btn input, .submit-btn a{
	background-color: #0d68b7 !important;
	width: 60%;
	max-width: 250px ;
	min-width: 220px;
	margin: 30px auto;
	display: block;
	border: none;
	text-align: center;
	padding: 5px;
	color: #fff !important;
	height: 60px;
	transition: all 0.4s ease;
	font-weight:bold;
	display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
  -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
  justify-content: center; /* 横方向中央揃え */
  line-height: 1.2 !important;
}

.submit-btn input:hover, .submit-btn a:hover{
	background: #000000 !important;
}

/*----------------------------------------------------
 　フッターお問い合わせボタン
----------------------------------------------------*/
.p-social-nav__item:last-child a{
	background-color: #0d68b7 !important;
	width: 60%;
	min-width: 250px;
	margin: 30px auto;
	display: block;
	border: none;
	text-align: center;
	padding: 5px;
	color: #fff !important;
	height: 60px;
	transition: all 0.4s ease;
	font-weight:bold;
	display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
  -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
  justify-content: center; /* 横方向中央揃え */
}

.p-social-nav__item:last-child a:hover {
	background: #000000 !important;
	color: #fff;
}

.p-footer-info .p-social-nav a:hover {
    background: #000000 !important;
}

.p-social-nav__item--contact a::before {
    padding-right: 10px;
}


@media only screen and (min-width:767px) {
.cform input[type=tel], .cform input[type=number], .cform input[type=date]{
    display: inline-block;
    width: 45% !important;
  }	
}

.wpcf7c-elm-step2 {
    width: 20% !important;
    margin: auto;
    display: block;
}

 .wpcf7 .wpcf7-submit {
	background: #0d68b7 ;
	width: 60%;
	max-width: 250px ;
	min-width: 220px;
	margin: 30px auto;
	 margin-bottom: 0px;
	display: block;
	border: none;
	text-align: center;
	padding: 5px;
	color: #fff;
	height: 60px;
	transition: all 0.4s ease;
}

/* 記事毎にアイキャッチ画像の非表示設定（ページ指定）*/
.page-id-165 .p-entry__thumbnail, .page-id-110 .p-entry__thumbnail { 
display:none; 
} 

/*----------------------------------------------------
 　記事のアイキャッチ画像の非表示設定（全ページ指定）
----------------------------------------------------*/
.p-entry__thumbnail img {
	display:none; 
}

/*contact form チェックボックス横並び*/
span.wpcf7-list-item {
	display: inline-block !important;
}

.order--p {
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	color: #494949;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 5px #7db4e6 !important;/*左線*/
}

/*----------------------------------------------------
 * コンテンツエリアの幅指定
 ----------------------------------------------------*/

 @media (min-width: 992px){
	.p-entry-page__inner {
    padding: 80px 100px;
}
}

/*----------------------------------------------------
 * コンテンツエリアの幅指定によって生じたアイキャッチの修正
 ----------------------------------------------------*/
@media (min-width: 992px){
.p-entry-page__inner .p-entry__thumbnail {
    margin-left: -100px;
    margin-right: -100px;
    margin-top: -80px;
}
	.p-entry-page__inner {
    padding: 80px 100px;
}
}

/*----------------------------------------------------
全幅表示
----------------------------------------------------*/
.max-width {
	margin-left:-100px;
	margin-right:-100px;
}

/*----------------------------------------------------
 h2
----------------------------------------------------*/

.p-entry__body h2 {
padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #212121;/*文字色*/
background: #e7e7e7;/*背景色*/
border-left: solid 5px #0d68b7;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
font-weight:bold;
}

/*----------------------------------------------------
 h3
----------------------------------------------------*/

.p-entry__body h3 {
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;
}
.p-entry__body h3::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #0d68b7;
}

/*----------------------------------------------------
 h4
----------------------------------------------------*/
.p-entry__body h4 {
  padding: .5em .75em;
  background-color: #e7e7e7;
  border: 1px solid #959595;
  box-shadow: 1px 1px 0 rgba(255, 255, 255, .5) inset;
}

/*----------------------------------------------------
 h5
----------------------------------------------------*/
.p-entry__body h5 {
    border-left: 4px solid #0d68b7 !important;
    padding: 0px 0px 0px 16px !important;
}

/*----------------------------------------------------
 h6
----------------------------------------------------*/
.p-entry__body h6 {
	font-weight: bold;
}

/*----------------------------------------------------
通常のテーブル
----------------------------------------------------*/

.normal th {
	font-size: 100%;
	width: 37%; /*変なところで改行される場合はここの数字を変更します。*/
	padding: 10px 0 10px 15px;
	font-weight: normal;
	text-align:left;
}

.normal td {
	font-size: 100%;
	line-height: 150%;
	padding: 10px 15px;
}

.normal table {
	width: 100%;
	margin: auto;
}

@media only screen and (max-width:767px) {
	.normal th, .normal td {
		width: 100%;
		display: block;
		padding:5px;
		border-top: none;
	}
	.normal td {
		padding:10px;
	}
	 .normal tr:first-child {
		border-top: solid 1px #d6d6d6;
	}
}

/*ショートコードのマージン下*/
.su-row {
    margin-bottom: 1em !important;
}

/*ナビリストの横幅調整*/
@media (min-width: 1200px) {
.p-global-nav .sub-menu a {
    width: 240px;
}
}

/*----------------------------------------------------
  .slide-table スライドするテーブル
----------------------------------------------------*/

.slide-table td  { text-align: center; }
@media only screen and (max-width: 800px) { 
  .slide-table { 
    display: block; 
    width: 100%; 
    margin: 0 -10px;
  }
  .slide-table thead{ 
    display: block; 
    float: left;
    overflow-x:scroll;
  }
  .slide-table tbody{ 
    display: block; 
    width: auto; 
    overflow-x: auto; 
    white-space: nowrap;
  }
  .slide-table th{ 
    display: block;
    width:auto;
	  font-size: 95% !important;
  }
  .slide-table tbody tr{ 
    display: inline-block; 
    margin: 0 -3px;
  }
  .slide-table td{ 
    display: block;
	  width:212px;
	  font-size: 95% !important;
  }
  .sp-none{
    display: none !important;
  }
}


@media only screen and (min-width: 801px) {
	  .pc-none{
    display: none !important;
  }
}


/*----------------------------------------------------
  グーグルマップ追加時の余白削除
----------------------------------------------------*/
.pb_googlemap_embed {
    display: none;
}

/*----------------------------------------------------
 　URLの折り返しの設定
----------------------------------------------------*/

.p-entry__body a {
    word-break: break-all;
}

/*----------------------------------------------------
 　フロー図相殺CSS
----------------------------------------------------*/
ul .flow-list-none li {
	 border: none;
    margin-bottom: 0;
    padding: 0;
    position: normal;
    list-style: circle outside none;
}

ul .flow-list-none li::after{/*最後の▼を外す*/
    content: "";
}

/*----------------------------------------------------
 　li の　margin-bottom の設定
----------------------------------------------------*/
.p-entry__body li {
	margin-bottom:10px;
}

/*----------------------------------------------------
 　囲み枠２の余白調整
----------------------------------------------------*/
.well2 {
    padding: 1.1em 1.1em !important;
}

/*----------------------------------------------------
 　石油化学新聞　設定
----------------------------------------------------*/
.p-archive-pcp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.p-archive-pcp__item { margin-top: 22px; width: 49.15%; width: -webkit-calc(50% - 11px); width: -moz-calc(50% - 11px); width: calc(50% - 11px); }
.p-archive-pcp__item:nth-child(-n+2) { margin-top: 0; }
.p-archive-pcp__item a { background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 190px; }
.p-archive-pcp__item-info { flex: 1 1 auto; padding: 10px 40px; }
.p-archive-pcp__item-title { font-size: 16px; line-height: 1.7; }
.p-archive-pcp__item-meta { margin-top: 3px; }
.p-archive-pcp__item-thumbnail { flex: 0 0 auto; overflow: hidden; height: 100%; position: relative; width: 47.41%; }
.p-archive-pcp__item-thumbnail img { display: block; height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.p-pager-pcp { margin-top: 45px; }
.p-entry__recent-pcp { margin-top: 50px; }
.p-entry__recent-pcp__list { border-top: 1px solid #ddd; }
.p-entry__recent-pcp__item { border: 1px solid #ddd; border-top: none; }
.p-entry__recent-pcp__item a { background: #fff; display: block; padding: 20px 40px; }
.p-entry__recent-pcp__item-title { font-size: 16px; line-height: 1.7; }
.p-entry__recent-pcp__item-meta { margin-top: 2px; }
@media only screen and (max-width: 991px) {
	.p-archive-pcp__item { margin-top: 14px; width: 46.875%; width: -webkit-calc(50% - 9px); width: -moz-calc(50% - 9px); width: calc(50% - 9px); }
	.p-archive-pcp__item a { display: block; height: auto; }
	.p-archive-pcp__item-thumbnail { margin-bottom: 6px; height: auto; padding-top: 68%; width: 100%; }
	.p-archive-pcp__item-info { padding: 0; }
	.p-archive-pcp__item-title { font-size: 14px; }
	.p-archive-pcp__item-meta { margin-top: 1px; }
	.p-pager-pcp { margin-top: 22px; }
	.p-entry__recent-pcp { margin-top: 30px; }
	.p-entry__recent-pcp__item a { padding: 14px 22px; }
	.p-entry__recent-pcp__item-title { font-size: 14px; }
}

/*----------------------------------------------------
 　プロパン・ブタニュース　設定
----------------------------------------------------*/
.p-archive-pbn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.p-archive-pbn__item { margin-top: 22px; width: 49.15%; width: -webkit-calc(50% - 11px); width: -moz-calc(50% - 11px); width: calc(50% - 11px); }
.p-archive-pbn__item:nth-child(-n+2) { margin-top: 0; }
.p-archive-pbn__item a { background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 190px; }
.p-archive-pbn__item-info { flex: 1 1 auto; padding: 10px 40px; }
.p-archive-pbn__item-title { font-size: 16px; line-height: 1.7; }
.p-archive-pbn__item-meta { margin-top: 3px; }
.p-archive-pbn__item-thumbnail { flex: 0 0 auto; overflow: hidden; height: 100%; position: relative; width: 47.41%; }
.p-archive-pbn__item-thumbnail img { display: block; height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.p-pager-pbn { margin-top: 45px; }
.p-entry__recent-pbn { margin-top: 50px; }
.p-entry__recent-pbn__list { border-top: 1px solid #ddd; }
.p-entry__recent-pbn__item { border: 1px solid #ddd; border-top: none; }
.p-entry__recent-pbn__item a { background: #fff; display: block; padding: 20px 40px; }
.p-entry__recent-pbn__item-title { font-size: 16px; line-height: 1.7; }
.p-entry__recent-pbn__item-meta { margin-top: 2px; }
@media only screen and (max-width: 991px) {
	.p-archive-pbn__item { margin-top: 14px; width: 46.875%; width: -webkit-calc(50% - 9px); width: -moz-calc(50% - 9px); width: calc(50% - 9px); }
	.p-archive-pbn__item a { display: block; height: auto; }
	.p-archive-pbn__item-thumbnail { margin-bottom: 6px; height: auto; padding-top: 68%; width: 100%; }
	.p-archive-pbn__item-info { padding: 0; }
	.p-archive-pbn__item-title { font-size: 14px; }
	.p-archive-pbn__item-meta { margin-top: 1px; }
	.p-pager-pbn { margin-top: 22px; }
	.p-entry__recent-pbn { margin-top: 30px; }
	.p-entry__recent-pbn__item a { padding: 14px 22px; }
	.p-entry__recent-pbn__item-title { font-size: 14px; }
}

/*----------------------------------------------------
 　GHP出荷実績　設定
----------------------------------------------------*/
.p-archive-shipments_made { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.p-archive-shipments_made__item { margin-top: 22px; width: 49.15%; width: -webkit-calc(50% - 11px); width: -moz-calc(50% - 11px); width: calc(50% - 11px); }
.p-archive-shipments_made__item:nth-child(-n+2) { margin-top: 0; }
.p-archive-shipments_made__item a { background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 190px; }
.p-archive-shipments_made__item-info { flex: 1 1 auto; padding: 10px 40px; }
.p-archive-shipments_made__item-title { font-size: 16px; line-height: 1.7; }
.p-archive-shipments_made__item-meta { margin-top: 3px; }
.p-archive-shipments_made__item-thumbnail { flex: 0 0 auto; overflow: hidden; height: 100%; position: relative; width: 47.41%; }
.p-archive-shipments_made__item-thumbnail img { display: block; height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.p-pager-shipments_made { margin-top: 45px; }
.p-entry__recent-shipments_made { margin-top: 50px; }
.p-entry__recent-shipments_made__list { border-top: 1px solid #ddd; }
.p-entry__recent-shipments_made__item { border: 1px solid #ddd; border-top: none; }
.p-entry__recent-shipments_made__item a { background: #fff; display: block; padding: 20px 40px; }
.p-entry__recent-shipments_made__item-title { font-size: 16px; line-height: 1.7; }
.p-entry__recent-shipments_made__item-meta { margin-top: 2px; }
@media only screen and (max-width: 991px) {
	.p-archive-shipments_made__item { margin-top: 14px; width: 46.875%; width: -webkit-calc(50% - 9px); width: -moz-calc(50% - 9px); width: calc(50% - 9px); }
	.p-archive-shipments_made__item a { display: block; height: auto; }
	.p-archive-shipments_made__item-thumbnail { margin-bottom: 6px; height: auto; padding-top: 68%; width: 100%; }
	.p-archive-shipments_made__item-info { padding: 0; }
	.p-archive-shipments_made__item-title { font-size: 14px; }
	.p-archive-shipments_made__item-meta { margin-top: 1px; }
	.p-pager-shipments_made { margin-top: 22px; }
	.p-entry__recent-shipments_made { margin-top: 30px; }
	.p-entry__recent-shipments_made__item a { padding: 14px 22px; }
	.p-entry__recent-shipments_made__item-title { font-size: 14px; }
}

/*----------------------------------------------------
 　カスタム投稿　アーカイブ　セレクト　装飾
----------------------------------------------------*/
div.p-widget.p-widget-sidebar.widget_archive > select{
	border: 1px solid #ddd;
    background: #fff;
    line-height: 50px;
    height: 50px;
	padding: 0 22px;
	width: 100%;
	border-radius: 0;	
}

/*----------------------------------------------------
 　書籍　カテゴリー　セレクト　装飾
----------------------------------------------------*/
select#custom-post-type-categories-dropdown-3.postform  {
	border: 1px solid #ddd;
    background: #fff;
    line-height: 50px;
    height: 50px;
	padding: 0 22px;
	width: 100%;
	border-radius: 0;	
}

/*----------------------------------------------------
 　サイドバー　下のマージン調整
----------------------------------------------------*/
.p-widget-sidebar {
    margin-bottom: 30px;
}

/*----------------------------------------------------
 　石油化学新聞　プロパン・ブタンニュース　過去一覧　装飾
----------------------------------------------------*/
div.p-widget.p-widget-sidebar.widget_text > div.textwidget > p > a.past-articles {
	display: inline-block;
	width: 100%;
	height: 50px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
    text-decoration: none;
	background: #0d68b7;
    color: white;
    border-radius: 3px;
	transition: .4s;
	font-weight: bold;
}

div.p-widget.p-widget-sidebar.widget_text > div.textwidget > p > a.past-articles:hover {
	color: #0d68b7;
	background: #fff;
	border: solid 2px #0d68b7;
}

/*----------------------------------------------------
 　催し物　未来塾　カラー指定
----------------------------------------------------*/

div.p-entry__thumbnail > div.p-float-category.cat-77 > a.p-category-item, div.p-entry__thumbnail > div.p-entry__category.cat-77 > a.p-category-item  {
	background-color:#9C27B0 !important;
}

div.p-blog-archive__item__inner > div.p-blog-archive__item-thumbnail.p-hover-effect__image.js-object-fit-cover > div.p-float-category.cat-77 > span.p-category-item {
	background-color:#9C27B0 !important;
}

div.p-index-archive__item-info.cat-77 > p.p-index-archive__item-meta.p-article__meta > span.p-index-archive__item-category.p-article__category {
	background-color:#9C27B0 !important;
	color:#fff;
    padding: 2px 10px;
    text-align: center;
}

div.p-entry__category.cat-77 > a.p-category-item {
	background-color:#9C27B0 !important;
}

/*----------------------------------------------------
 　催し物　GHP　カラー指定
----------------------------------------------------*/

div.p-entry__thumbnail > div.p-float-category.cat-72 > a.p-category-item, div.p-entry__thumbnail > div.p-entry__category.cat-72 > a.p-category-item  {
	background-color:#F44336 !important;
}

div.p-blog-archive__item__inner > div.p-blog-archive__item-thumbnail.p-hover-effect__image.js-object-fit-cover > div.p-float-category.cat-72 > span.p-category-item {
	background-color:#F44336 !important;
}

div.p-index-archive__item-info.cat-72 > p.p-index-archive__item-meta.p-article__meta > span.p-index-archive__item-category.p-article__category {
	background-color:#F44336 !important;
	color:#fff;
    padding: 2px 10px;
    text-align: center;
}

div.p-entry__category.cat-72 > a.p-category-item {
	background-color:#F44336 !important;
}

/*----------------------------------------------------
 　催し物　化学　カラー指定
----------------------------------------------------*/

div.p-entry__thumbnail > div.p-float-category.cat-34 > a.p-category-item, div.p-entry__thumbnail > div.p-entry__category.cat-34 > a.p-category-item  {
	background-color:#00a3d9 !important;
}

div.p-blog-archive__item__inner > div.p-blog-archive__item-thumbnail.p-hover-effect__image.js-object-fit-cover > div.p-float-category.cat-34 > span.p-category-item {
	background-color:#00a3d9 !important;
}

div.p-index-archive__item-info.cat-34 > p.p-index-archive__item-meta.p-article__meta > span.p-index-archive__item-category.p-article__category {
	background-color:#00a3d9 !important;
	color:#fff;
    padding: 2px 10px;
    text-align: center;
}

div.p-entry__category.cat-34 > a.p-category-item {
	background-color:#00a3d9 !important;
}
/*----------------------------------------------------
 　催し物　ガス　カラー指定
----------------------------------------------------*/

div.p-entry__thumbnail > div.p-float-category.cat-35 > a.p-category-item, div.p-entry__thumbnail > div.p-entry__category.cat-35 > a.p-category-item  {
	background-color:#85b200 !important;
}

div.p-blog-archive__item__inner > div.p-blog-archive__item-thumbnail.p-hover-effect__image.js-object-fit-cover > div.p-float-category.cat-35 > span.p-category-item {
	background-color:#85b200 !important;
}

div.p-index-archive__item-info.cat-35 > p.p-index-archive__item-meta.p-article__meta > span.p-index-archive__item-category.p-article__category {
	background-color:#85b200 !important;
	color:#fff;
    padding: 2px 10px;
    text-align: center;
}

div.p-entry__category.cat-35 > a.p-category-item {
	background-color:#85b200 !important;
}

/*----------------------------------------------------
 　催し物　視察　カラー指定
----------------------------------------------------*/

div.p-entry__thumbnail > div.p-float-category.cat-36 > a.p-category-item, div.p-entry__thumbnail > div.p-entry__category.cat-36 > a.p-category-item  {
	background-color:#ff8000 !important;
}

div.p-blog-archive__item__inner > div.p-blog-archive__item-thumbnail.p-hover-effect__image.js-object-fit-cover > div.p-float-category.cat-36 > span.p-category-item {
	background-color:#ff8000 !important;
}

div.p-index-archive__item-info.cat-36 > p.p-index-archive__item-meta.p-article__meta > span.p-index-archive__item-category.p-article__category {
	background-color:#ff8000 !important;
	color:#fff;
    padding: 2px 10px;
    text-align: center;
}

div.p-entry__category.cat-36 > a.p-category-item {
	background-color:#ff8000 !important;
}

/*----------------------------------------------------
 　トップページ　padding-bottom 0
----------------------------------------------------*/
body.page-id-37 > main.l-main {
	padding-bottom: 56px;
}

/*----------------------------------------------------
 　インデックスページ　画像ホバー
----------------------------------------------------*/

div.col-md-6.col-sm-6.col-xs-6.pt-cv-content-item.pt-cv-1-col > div.pt-cv-ifield > a._self.pt-cv-href-thumbnail.pt-cv-thumb-default > img.pt-cv-thumbnail {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin: auto;
	display: block;
}

div.col-md-6.col-sm-6.col-xs-6.pt-cv-content-item.pt-cv-1-col > div.pt-cv-ifield > a._self.pt-cv-href-thumbnail.pt-cv-thumb-default > img.pt-cv-thumbnail:hover {
	opacity: .5;
}

/*----------------------------------------------------
 　インデックスページ　ボタンホバー
----------------------------------------------------*/
div.pt-cv-content > a._self.pt-cv-readmore.btn.btn-success:hover {
	background-color: #000000 !important;
}

/*----------------------------------------------------
 　インデックスページ　見出しカラー設定
----------------------------------------------------*/
div.pt-cv-page > div.col-md-6.col-sm-6.col-xs-12.pt-cv-content-item.pt-cv-1-col > div.pt-cv-ifield > h4.pt-cv-title > a._self {
	color:#212121 !important;
}

div.pt-cv-page > div.col-md-6.col-sm-6.col-xs-12.pt-cv-content-item.pt-cv-1-col > div.pt-cv-ifield > h4.pt-cv-title > a._self:hover {
	color: #999999 !important;
}
/*----------------------------------------------------
 　会社案内　ページ下部　見出し中央寄せ
----------------------------------------------------*/
div.pt-cv-page > div.col-md-2.col-sm-6.col-xs-6.pt-cv-content-item.pt-cv-1-col > div.pt-cv-ifield > p.pt-cv-title > a._self { 
	display: block;
	text-align: center;
}

/*----------------------------------------------------
 　サイドバーー　画像ホバー
----------------------------------------------------*/
dl.gallery-item > dt.gallery-icon.landscape > a > img.attachment-medium.size-medium, .p-widget img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin: auto;
	display: block;
}

dl.gallery-item > dt.gallery-icon.landscape > a > img.attachment-medium.size-medium:hover, .p-widget img:hover  {
	opacity: .5;
}

/* books gallery */
.p-books-gallery__item { overflow: hidden; height: 295px; position: relative; width: 295px; }
.p-books-gallery__item a { display: block; height: 100%; width: 100%; opacity: 0; position: absolute; left: 0; top: 0; }
.p-books-gallery__item.is-active a { opacity: 1; }
.p-books-gallery__thumbnail { height: 100%; overflow: hidden; width: 100%; }
.p-books-gallery__thumbnail img { display: block; height: 100%; width: 100%; object-fit: cover; position: absolute; left: 0; top: 0; }
.p-books-gallery__caption { background: #000; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; font-size: 16px; line-height: 1.8; min-height: 60px; overflow: hidden; padding: 16px 22px; word-break: break-all; position: absolute; left: 0; right: 0; top: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.p-books-gallery__item--video::after, .p-books-gallery__item--youtube::after { content: '\e939'; color: #fff; font-family: 'design_plus'; font-size: 48px; line-height: 1; margin: -0.5em 0 0 -0.5em; position: absolute; left: 50%; top: 50%; }
@media (min-width: 992px) {
	.p-entry-books__gallery .p-books-gallery__item { width: 50%; }
}
@media only screen and (max-width: 991px) {
	.p-books-gallery { margin: 0 -6.253%; }
	.p-books-gallery__item { width: 50%; }
}
@media only screen and (max-width: 768px) {
	.p-books-gallery__item--video::after, .p-books-gallery__item--youtube::after { font-size: 30px; }
}
@media only print {
	.p-books-gallery__item a { opacity: 1 !important; }
}

/* books gallery modal */
.p-gallery-modal { display: none; position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 99999; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none; }
.p-gallery-modal.is-active { display: -webkit-box !important; display: -webkit-flex; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.p-gallery-modal__overlay { background: rgba(0, 0, 0, 0.5); position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 1; }
.p-gallery-modal__inner { margin: 0 60px 60px; max-height: 80%; max-height: 80vh; max-height: calc(100vh - 60px); max-width: 80%; max-width: calc(100% - 120px); overflow: visible; position: relative; z-index: 2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.p-gallery-modal__contents { max-height: 100%; max-height: 80vh; overflow: hidden; max-width: 100%; min-width: 300px; }
.p-gallery-modal__item { overflow: hidden; }
.p-gallery-modal__item--image { pointer-events: none; }
.p-gallery-modal__item--image img { height: auto; max-height: 100%; max-height: 80vh; max-width: 100%; width: auto; }
.p-gallery-modal__item--video, .p-gallery-modal__item--youtube { max-width: 100%; padding-top: 56.25%; position: relative; width: 1180px; }
.p-gallery-modal__item--video .p-gallery-modal__item__inner, .p-gallery-modal__item--youtube .p-gallery-modal__item__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 0; left: 0; right: 0; top: 0; }
.p-gallery-modal__item--video video, .p-gallery-modal__item--youtube iframe { height: 100%; width: 100%; }
.p-gallery-modal__item--embed iframe { max-height: 80vh; max-width: 100%; }
.p-gallery-modal__close, .p-gallery-modal__prev, .p-gallery-modal__next { background: transparent; border: none; cursor: pointer; font-family: 'design_plus'; height: 60px; line-height: 60px; padding: 0; text-align: center; width: 60px; }
.p-gallery-modal__prev, .p-gallery-modal__next { color: #fff; font-size: 24px; margin-top: -30px; position: absolute; top: 50%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.p-gallery-modal__prev { left: -60px; }
.p-gallery-modal__next { right: -60px; }
.p-gallery-modal__contents-bottom { background: #fff; display: -webkit-box !important; display: -webkit-flex; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; min-height: 60px; position: absolute; left: 0; right: 0; top: 100%; }
.p-gallery-modal__title { flex: 0 2 auto; color: #000; font-size: 16px; font-weight: 600; line-height: 1.4; padding: 8px 0 8px 30px; word-break: break-all; }
.p-gallery-modal__desc { flex: 1 3 auto; color: #666; font-size: 15px; line-height: 1.4; padding: 8px 0 8px 30px; word-break: break-all; }
.p-gallery-modal__title:empty + .p-gallery-modal__desc { padding-left: 0; }
.p-gallery-modal__close { font-size: 20px; flex: 0 0 auto; margin-left: auto; }
@media only screen and (min-width: 783px) {
	body.admin-bar .p-gallery-modal { top: 32px; }
}
@media only screen and (max-width: 782px) {
	body.admin-bar .p-gallery-modal { top: 46px; }
}
@media only screen and (max-width: 767px) {
	.p-gallery-modal__inner { margin: 0 40px 40px; max-height: calc(100% - 80px); max-width: calc(100% - 80px); }
	.p-gallery-modal__prev, .p-gallery-modal__next { height: 40px; line-height: 40px; margin-top: -20px; width: 40px; }
	.p-gallery-modal__prev { left: -40px; }
	.p-gallery-modal__next { right: -40px; }
	.p-gallery-modal__contents { min-width: 200px; }
	.p-gallery-modal__contents-bottom { min-height: 45px; }
	.p-gallery-modal__title { font-size: 14px; padding-left: 16px; }
	.p-gallery-modal__desc { font-size: 12px; padding-left: 16px; }
	.p-gallery-modal__close { height: 45px; line-height: 45px; width: 45px; }
}

/* books archive */
.p-archive-books { background: #fff; }
.p-archive-books__desc { font-size: 14px; line-height: 2.6; padding: 90px 30px; text-align: center; }
.p-books-gallery__filter { padding: 50px 30px; text-align: center; }
.p-books-gallery__filter-item { display: inline-block; vertical-align: middle; }
.p-books-gallery__filter-item span { border-radius: 20px; cursor: pointer; display: inline-block; font-size: 16px; line-height: 1.7; min-width: 80px; padding: 6.5px 24px; text-align: center; }
.p-books-gallery__filter-item:hover span { color: #666; }
.p-books-gallery__filter-item.is-active span { background: #ee3c00; color: #fff !important; }
.p-archive-books__desc + .p-books-gallery__filter { margin-top: -56px; }
@media only screen and (max-width: 991px) {
	.p-archive-books { background: transparent; }
	.p-page-header + .p-archive-books { margin-top: -30px; }
	.p-breadcrumb + .p-archive-books { margin-top: -22px; }
	.p-archive-books__desc { line-height: 2; padding: 22px 0; }
	.p-books-gallery__filter { padding: 22px 0; text-align: center; }
	.p-books-gallery__filter-item { display: block; margin-bottom: 8px; }
	.p-books-gallery__filter-item:last-child { margin-bottom: 0; }
	.p-books-gallery__filter-item span { min-width: 65px; padding: 3px 20px; }
	.p-archive-books__desc + .p-books-gallery__filter { margin-top: 0; padding-top: 0; }
	body.post-type-archive-books .p-footer-info.has-bg-image { margin-top: -40px; }
}

/* books single */
.p-entry-books { background: #fff; }
.p-entry-books__title { font-size: 40px; line-height: 1.2; margin-bottom: 28px; }
.p-entry-books__body { line-height: 2.6; }
.p-entry-books__contents .p-entry-books__notes { margin-top: 80px; }
.p-entry-books__contents .p-entry-books__notes dt { font-size: 16px; margin: 11px 0 0; }
.p-entry-books__contents .p-entry-books__notes dt p { font-weight: 600; }
.p-entry-books__contents .p-entry-books__notes dd { font-size: 14px; margin: 0; }
.p-entry-books__contents .p-entry-books__notes dt + dd { margin-top: -4px; }
.p-entry-books__contents .p-entry-books__notes p { margin-bottom: 1em; }
.p-entry-books__contents .p-entry-books__notes p:last-child { margin-bottom: 0; }
.p-entry-books__contents .p-entry__share { margin-top: 28px; }
.p-entry-books__contents .p-social-nav { margin-top: 42px; }
.p-entry-books__pager .p-pager__item a { background: #ccc; color: #fff; font-family: 'design_plus'; font-size: 16px; height: 50px; line-height: 50px; margin-top: 0; width: 50px; }
.p-entry-books__pager .p-pager__item a:hover { background: #000; color: #fff; }
.p-entry-books__pager .p-pager__item--index a { font-size: 26px; }
@media (min-width: 992px) {
	.p-entry-books { background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
	.p-entry-books__gallery { flex: 0 0 50%; width: 50%; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
	.p-entry-books__contents { flex: 1 1 auto; position: relative; }
	.p-entry-books__contents__inner { padding: 85px 11.8644% 100px; }
	.p-entry-books__pager { margin-top: 0; position: absolute; bottom: 0; left: 11.8644%; }
}
@media only screen and (max-width: 991px) {
	.p-entry-books__gallery { margin-bottom: 20px; }
	.p-entry-books__title { font-size: 34px; margin-bottom: 2px; }
	.p-entry-books__contents .p-entry-books__notes { margin-top: 32px; }
	.p-entry-books__contents .p-entry__share { margin-top: 20px; }
	.p-entry-books__contents .p-social-nav { margin-top: 40px; }
	.p-entry-books__contents .p-entry-books__body ~ .p-entry__share { margin-top: 40px; }
	.p-entry-books__pager .p-pager__item a { height: 45px; line-height: 45px; width: 45px; }
	.p-entry-books__pager { margin-top: 48px; text-align: center; }
}

/*----------------------------------------------------
 　行間の調整
----------------------------------------------------*/
.p-entry__body {
	line-height: 1.7;
	text-align: justify !important;
	text-justify: inter-ideograph !important;
}

/*----------------------------------------------------
 　入れ子のリスト
----------------------------------------------------*/
.p-entry__body li > ul {
	list-style-type: square;
}

/*----------------------------------------------------
    フラットボタンL　中央寄せ
----------------------------------------------------*/
a.q_button {
	margin: auto;
	display: block;
	font-weight: bold;
}

/*----------------------------------------------------
 　書籍ボタン　CSS
----------------------------------------------------*/
div.p-entry-works__contents__inner > div.p-entry__body.p-entry-works__body > a {
	background-color: #0d68b7 !important;
	width: 60%;
	max-width: 250px ;
	min-width: 220px;
	margin: 30px auto;
	display: block;
	border: none;
	text-align: center;
	padding: 5px;
	color: #fff !important;
	height: 60px;
	transition: all 0.4s ease;
	font-weight:bold;
	display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
  -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
  justify-content: center; /* 横方向中央揃え */
  line-height: 1.2 !important;
}

div.p-entry-works__contents__inner > div.p-entry__body.p-entry-works__body > a:hover{
	background: #000000 !important;
}

/*----------------------------------------------------
 　PDF　ダウンロードボタン　CSS
----------------------------------------------------*/
div.p-entry-works__contents__inner > div.p-entry__body.p-entry-works__body > div.ead-preview >  p.embed_download > a,
div.p-entry__inner > div.p-entry__body > div.ead-preview > p.embed_download > a,
div.p-entry-page__inner > div.p-entry__body.p-entry-page__body > div.ead-preview > p.embed_download > a{
	background-color: #0d68b7 !important;
	width: 60%;
	max-width: 250px ;
	min-width: 220px;
	margin: 30px auto;
	display: block;
	border: none;
	text-align: center;
	padding: 5px;
	color: #fff !important;
	height: 60px;
	transition: all 0.4s ease;
	font-weight:bold;
	display: -webkit-flex;
  display: flex;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
  -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
  justify-content: center; /* 横方向中央揃え */
  line-height: 1.2 !important;
}

div.p-entry-works__contents__inner > div.p-entry__body.p-entry-works__body > div.ead-preview >  p.embed_download > a:hover,
div.p-entry__inner > div.p-entry__body > div.ead-preview > p.embed_download > a:hover,
div.p-entry-page__inner > div.p-entry__body.p-entry-page__body > div.ead-preview > p.embed_download > a:hover
{
	background: #000000 !important;
}

div.p-entry-page__inner > div.p-entry__body.p-entry-page__body > div.ead-preview > p.embed_download > a

/*----------------------------------------------------
 　サイトマップ
----------------------------------------------------*/
.wsp-container h2{
	border:solid 1px #ddd;
	background-color:#fdfdfd;
	line-height:1em;
	font-size:20px;
	border-radius:0;
	padding-left:10px;
}
.wsp-container li::before {
	content: "-----";
	font-size: 14px;
	font-size: 1.4rem;
	margin-left: -23px;
	margin-right: 12px;
	letter-spacing: -3px;
}
.wsp-container li {
	line-height: 1.7;
	margin-left: 10px;
	padding: 0 0 0 22px;
	border-left: 1px solid #000;
	list-style-type: none;
	margin-bottom: 0;
}
.wsp-container li a {
	text-decoration:none;
}

/*----------------------------------------------------
 　書籍詳細　右のギャラリー非表示
----------------------------------------------------*/

.p-entry-works__gallery {
	display: none;
}

/*----------------------------------------------------
 　書籍詳細　余白調整
----------------------------------------------------*/
@media (min-width: 992px){
.p-entry-works__contents__inner {
    padding: 40px 5% 40px !important;
}
}

/*----------------------------------------------------
 　リストの修正
----------------------------------------------------*/
.p-entry__body ul{
	margin-bottom: 10px !important;
	margin-left: 1.5em;
}

/*----------------------------------------------------
 　プロパン・ブタンニュース　アーカイブページレイアウト調整
----------------------------------------------------*/
.p-archive-pbn__item-thumbnail {
	margin-bottom: 0px;
	height: auto;
	padding-top: 68%;
	width: 100%;
}

.p-archive-pbn__item-info {
	padding: 10px;
}


.p-archive-pbn__item a {
	display: block;
	height: auto;
}

.p-archive-pbn__item {
	margin-top: 14px;
	width: 46.875%;
	width: -webkit-calc(50% - 9px);
	width: -moz-calc(50% - 9px);
	width: calc(50% - 9px);
}

/*----------------------------------------------------
 　石油化学新聞　アーカイブページレイアウト調整
----------------------------------------------------*/
.p-archive-pcp__item-thumbnail {
	margin-bottom: 0px;
	height: auto;
	padding-top: 68%;
	width: 100%;
}

.p-archive-pcp__item-info {
	padding: 10px;
}


.p-archive-pcp__item a {
	display: block;
	height: auto;
}

.p-archive-pcp__item {
	margin-top: 14px;
	width: 46.875%;
	width: -webkit-calc(50% - 9px);
	width: -moz-calc(50% - 9px);
	width: calc(50% - 9px);
}

/*----------------------------------------------------
 　GHP出荷実績　アーカイブページレイアウト調整
----------------------------------------------------*/
.p-archive-shipments_made__item-thumbnail {
	margin-bottom: 0px;
	height: auto;
	padding-top: 68%;
	width: 100%;
}

.p-archive-shipments_made__item-info {
	padding: 10px;
}


.p-archive-shipments_made__item a {
	display: block;
	height: auto;
}

.p-archive-shipments_made__item {
	margin-top: 14px;
	width: 46.875%;
	width: -webkit-calc(50% - 9px);
	width: -moz-calc(50% - 9px);
	width: calc(50% - 9px);
}

/*----------------------------------------------------
 　GHP出荷実績　外枠追加
----------------------------------------------------*/
.p-archive-shipments_made__item a, .p-index-archive__item.shipments_made {
	padding: 15px;
	border: solid 2px #9E9E9E;
	border-radius: 8px;
	background: #fff;
}


/*----------------------------------------------------
 　バナーウィジット　中央配置
----------------------------------------------------*/
.p-widget img  {
	margin: auto;
}


/*----------------------------------------------------
 　トップページ　バナー　ホバー
----------------------------------------------------*/
div#cb_8.p-cb__item.p-cb__item--wysiwyg > div.p-cb__item-inner.l-inner > div.p-entry__body > div.post_row > div.post_col.post_col-3 > a > img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	margin: auto;
	display: block;
}

div#cb_8.p-cb__item.p-cb__item--wysiwyg > div.p-cb__item-inner.l-inner > div.p-entry__body > div.post_row > div.post_col.post_col-3 > a > img:hover  {
	opacity: .5;
}

/*----------------------------------------------------
 　Gナビレイアウト崩れ解消
----------------------------------------------------*/
@media (min-width: 1200px){
.p-global-nav > li > a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 80px;
    line-height: 80px;
    overflow: hidden;
    text-align: center;
    padding: 0 20px;
}
}

/*----------------------------------------------------
 　コピーライト
----------------------------------------------------*/
.p-copyright__inner a {
	color:#fff;
	max-height: 100%;
	width: 100%;
}

/*----------------------------------------------------
 　スマホ非表示
----------------------------------------------------*/
@media (min-width: 600px){
.br-none {
	display: none;
}
}

/*----------------------------------------------------
 　書籍　下の余白
----------------------------------------------------*/
.p-entry-works__notes{
	margin-bottom: 40px !important;
}

/*----------------------------------------------------
 　トップページリード文中央寄せ
----------------------------------------------------*/
@media only screen and (max-width: 991px){
.p-cb__item-desc {
    line-height: 2;
    margin-bottom: 20px;
    text-align: center;
}
}

body.error404.logged-in.admin-bar.l-header--type2.l-header--type2--mobile.l-header__fix.l-header__fix--mobile.customize-support > main.l-main > header.p-page-header.is-active > div.p-page-header__inner.l-inner > h1.p-page-header__title {
	margin-bottom: 30px !important;
}
}