/*!
 * Theme Name: 		OrceanWP-child
 * Template:oceanwp
 * Theme URI: 		https://oceanwp.org/
 * Author: 			Nick
 * Author URI: 		https://oceanwp.org/about-me/
 * Description: 	OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
 * Version: 		1.7.1
 * Tags: 			two-columns, right-sidebar, footer-widgets, blog, news, custom-background, custom-menu, post-formats, rtl-language-support, sticky-post, editor-style, threaded-comments, translation-ready, buddypress, custom-colors, featured-images, full-width-template, theme-options, e-commerce
 * Text Domain: 	oceanwp
 *
 * License: GNU General Public License v3.0 or later
 * License URI: https://www.gnu.org/licenses/gpl-3.0.html
 * 
 * DO NOT ADD YOUR CSS TO THIS FILE - IT WILL BE LOST
 * To add your own CSS, use a child theme: https://github.com/oceanwp/oceanwp-child-theme
 * 
 * CSS file is in "assets/css"
 */

/* トップのイメージ画像用投稿 */
.wp-block-latest-posts__post-title {
  display: none;
}

/* ページタイトル */
.entry-title {
  text-align: center;
  font-size: 2em;
}

.page-header-title {
  display: none !important;
}

.separate-layout .widget-area .sidebar-box{
  margin-bottom: 1em !important;
}

#site-header.full_screen-header .menu-bar {
  display:none !important;
}

#site-header.top-header #site-logo {
  padding: 0 !important;
}

.content-area,
.sidebar-box {
  border-radius: 20px;
}

.sidebar-box li {
  height:40px;
  line-height: 2em;
  font-size: 1.23em;
  padding-left: 30px;
  font-family: 'Kosugi Maru', sans-serif !important;
  border-bottom: 1px dotted #3c3d3e;
}

@media only screen and (max-width: 959px){
.sidebar-container {
  display: none;
}
}

/*************/
.button {
  position: relative;
  display: inline-block;
  padding: .65em 4em;
  border: 2px solid #333;
  color: #333;
  text-decoration: none;
  text-align: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.button::after {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: -1;
  content: '';
  width: 101%;
  height: 105%;
  background-color: #fe5f95;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.button:hover {
  color: #fff;
}
.button:hover::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.buttonhome {
  height: 40px;
  width: auto;
  background: url(../../uploads/home.png) 0 center no-repeat;
}
.buttonhome:hover {
  background: url(../../uploads/home-over.png) 0 center no-repeat;
}

.buttongaiyou {
  height: 40px;
  width: auto;
  background: url(../../uploads/ennnituite.png) 0 center no-repeat;
}
.buttongaiyou:hover {
  background: url(../../uploads/ennnituite-over.png) 0 center no-repeat;
}

.buttontorikumi {
  height: 40px;
  width: auto;
  background: url(../../uploads/torikumi.png) 0 center no-repeat;
}
.buttontorikumi:hover {
  background: url(../../uploads/torikumi-over.png) 0 center no-repeat;
}

.buttonkankyo {
  height: 40px;
  width: auto;
  background: url(../../uploads/kankyo.png) 0 center no-repeat;
}
.buttonkankyo:hover {
  background: url(../../uploads/kankyo-over.png) 0 center no-repeat;
}
.buttondaily {
  height: 40px;
  width: auto;
  background: url(../../uploads/daily.png) 0 center no-repeat;
}
.buttondaily:hover {
  background: url(../../uploads/daily-over.png) 0 center no-repeat;
}
.buttonpublic {
  height: 40px;
  width: auto;
  background: url(../../uploads/public.png) 0 center no-repeat;
}
.buttonpublic:hover {
  background: url(../../uploads/public-over.png) 0 center no-repeat;
}
.buttonblog {
  height: 40px;
  width: auto;
  background: url(../../uploads/blog.png) 0 center no-repeat;
}
.buttonblog:hover {
  background: url(../../uploads/blog-over.png) 0 center no-repeat;
}
/*************/

/******メニュー******/
/*
#mobile-dropdown ul li {
  background: url(../../uploads/menu-li.png) 0 center no-repeat;
}
*/
#site-navigation-wrap .dropdown-menu>li {
  background: url(../../uploads/menu01.png) 0 center no-repeat;
}

#site-navigation-wrap .dropdown-menu>li a.menu-link>span {
  padding-left: 30px;
}
/*************/

/******見出し******/
/*
h1 {
  background: url(../../uploads/h1-img.png) 0 center no-repeat;
  padding-left: 40px !important;
}
*/

h2 {
  position: relative;
/*
  padding-left: 30px !important;
  background: url(../../uploads/h2-img.png) 0 center no-repeat;
*/
  border-bottom: solid 6px #82ae46 !important;
}

h2::before {
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 20%;
  height: 6px;
  content: '';
  background: #99cc66;
}

h3{
  position: relative;
  /*display: inline-block;*/
  /*background: url(../../uploads/h3-img.png) 0 top no-repeat;*/
  padding-left: 20px !important;
}

h3::before{
  content:' ';
  position: absolute;
  display: inline-block;
  background-color: #000;
  left: 0;
  width: 15px;
  height: 15px;
  top: 0.25em;
  border-radius: 5px;
}

h4{
  position: relative;
  padding-left: 20px !important;
}

h4:before{
  content:' ';
  position: absolute;
  display: inline-block;
  background-color: #000;
  left: 0;
  width: 15px;
  height: 15px;
  top: 0.25em;
  border-radius: 5px;
}

h5{
  position: relative;
  padding-left: 20px !important;
}

h5:before{
  content:' ';
  position: absolute;
  display: inline-block;
  background-color: #a9cc51;
  left: 0;
  width: 15px;
  height: 15px;
  top: 0.25em;
  border-radius: 5px;
}


table {
  font-size: 1.3em !important;
}

td {
  vertical-align: middle !important;
}
/***　テーブル　パステルカラー ***/
 
.colortab-table {
 width:100%;
 table-layout: fixed;
 border: none !important;
 border-collapse: separate;
 border-spacing: 7px 0px;
}
 
.colortab-table th {
 border: none !important;
}
 
.colortab-table tbody td {
  border: none !important;
  background-color:#FFF9FF !important;
  border-bottom: solid 2px #f9f9f9 !important;
}
 
/* ヘッダー */
.colortab-table thead th {
 font-weight: bold;
 border-radius: 10px 10px 0px 0px;
}

/* フッター（比較表と色つけたとき用） */
.colortab-table tfoot td {
 border-radius: 0 0 10px 10px;
}
 
 
/* ボディ項目 */
.colortab-table tbody th {
 background:#f2f5fc;
 font-weight: bold;
 border-bottom: solid 2px #f9f9f9 !important;
 line-height:1.5em;
}
 
/* フッター項目 */
.colortab-table tfoot th {
 background:none;
 line-height:3em;
 font-weight: bold;
}
 
/* ボディデータ */
.colortab-table tbody td {
 text-align:center;
}
 
/* ヘッダー行　１列ごとの色変え */
.colortab-table thead th:nth-child(1)  {
 background:#81d4fa;
}
.colortab-table thead th:nth-child(2)  {
 background: #FFBCFF;
}
.colortab-table thead th:nth-child(3)  {
 background: #FFFFB2;
}
.colortab-table thead th:nth-child(4)  {
 background: #C4FF89;
}
.colortab-table thead th:nth-child(5)  {
 background: #FFB2D8;
}
.colortab-table thead th:nth-child(6)  {
 background: #FFBCFF;
}
.colortab-table thead th:nth-child(7)  {
 background: #FFFFB2;
}
/*******/


/****見出しテーブル***/
.time-table{
  width: 100%;
  border-collapse: collapse;
}

.time-table tr{
  border-bottom: solid 2px white;
}

.time-table tr:last-child{
  border-bottom: none;
}

.time-table th{
  position: relative;
  text-align: center;
  width: 30%;
  background-color: #66cc66;
  color: white;
  padding: 10px 0;
  vertical-align: middle;
}

.time-table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #66cc66;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.time-table td{
  text-align: left;
  width: 70%;
  background-color: #eee;
  padding: 10px 1.5em;
}
/******/

/******お知らせ(NEWS)******/
.news {
    width: 90%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.news ul {
  padding: 0 0.5em;
  position: relative;
}

.news ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.5em 1.4em;
  list-style-type: none!important;
  box-shadow: 3px 3px 10px rgba(0,0,0,0.4);
}

.news table,
.news tbody,
.news th,
.news td {
    border: none;
}

.news td {
  padding-left: 1em !important;
}

.news tr:nth-child(odd) {
  background-color: #a0d8ef;
  font-size: 1.1em;
}

.news tr:nth-child(even) {
  background-color: #fffff0;
}

.news tr:nth-child(odd) td {
  font-weight: 700;
}

.news tr:nth-child(even) td {
  padding-left: 3em !important;
  border-bottom: dotted 1px #3a3a3a;
}

.slideshow {
  margin: 10px auto 20px !important;
}