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

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

/*ランキング順位表示*/
ul.wpp-list li {
    border-bottom: 1px dashed #77776E;
    position: relative;
    list-style: none;
}
/*記事タイトル*/
ul.wpp-list li a.wpp-post-title {
    display: block;
    text-decoration: none;
    font-size: 15px;
    color: #333;
    margin:0px;
	padding: 15px 0;
}
ul.wpp-list li a.wpp-post-title:hover {
    color: #3fa3ff;
}

.widget_block ul li a {
padding:0;
}

/*アイキャッチ*/
ul.wpp-list li img {
    margin: 10px;
}
/*ランキングカウンター*/
ul.wpp-list li:before {
    content: counter(wpp-count);
    display: block;
    position: absolute;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #555;
    padding: 3px 10px;
    border-radius:50%;
    z-index: 1;
}
/*カウント数*/
ul.wpp-list li {
    counter-increment: wpp-count;
}
/*ランキング1〜3の色変更*/
ul.wpp-list li:nth-child(1):before{
    background-color: #EFAF00;
}
ul.wpp-list li:nth-child(2):before{
    background-color: #9EACB4;
}
ul.wpp-list li:nth-child(3):before{
    background-color: #BA6E40;
}


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

body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "Noto Sans JP",
    sans-serif;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.article h2 {
  font-size: 24px;
  padding: 25px;
  background-color:#eaf3ff;
  border-radius: 2px;
  border-left: solid 5px #516ab6;
	margin-top:60px;
}

.article h3 {
	border: none;
    border-bottom: 2px dotted #88abda;
    padding: 0.5em 0;
	color: #4f8ad9;
*  border-top: 2px solid #ccc;
*   border-bottom: 2px solid #ccc;
* 	border-left:none;
* 	border-right:none;
}

/*wordpress popular posts ランキング順位表示*/
ul.wpp-list li {
    border-bottom: 1px dashed #77776E;
    position: relative;
    list-style: none;
}
/*記事タイトル*/
ul.wpp-list li a.wpp-post-title {
    display: block;
    text-decoration: none;
    font-size: 14px;
    color: #333;
    margin: 5px 0 0px 0px;
	line-height:1.3em;
}
ul.wpp-list li a.wpp-post-title:hover {
    color: #3fa3ff;
}

ul.wpp-list {
	padding:0;
}
/*アイキャッチ*/
ul.wpp-list li img {
    margin: 10px;
}
/*ランキングカウンター*/
ul.wpp-list li:before {
    content: counter(wpp-count);
    display: block;
    position: absolute;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #555;
    padding: 3px 10px;
    border-radius:50%;
    z-index: 1;
}
/*カウント数*/
ul.wpp-list li {
    counter-increment: wpp-count;
	margin-bottom: 0.5rem;
}
/*ランキング1〜3の色変更*/
ul.wpp-list li:nth-child(1):before{
    background-color: #EFAF00;
}
ul.wpp-list li:nth-child(2):before{
    background-color: #9EACB4;
}
ul.wpp-list li:nth-child(3):before{
    background-color: #BA6E40;
}

.wpp-views {
	font-size: 0.8em;
}



/* 詳細情報テーブル */
.entry-content .tb-syosai {
width:100%;
border-collapse: collapse;
text-align:left;
}

.entry-content  .tb-syosai tr {
height:45px;
}

.entry-content  .tb-syosai th {
width:20%;
text-align:left !important;
background:none;
}

.entry-content  .tb-syosai td {
width:50%;
}



/* グーグルマップ（ストリートビュー）スマホでの大きさ */
@media (max-width: 767px) {
.gmap iframe{
 width:100%; /* 横幅 */
 height:300px; /* 縦幅 */
　}
}



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

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

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

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


/***　おしゃれテーブル3 シアンカラー　***/
.osare3-table {
 width:100%;
 border-collapse: collapse; 
 border: none;
}

.osare3-table tbody td, 
.osare3-table tfoot td {
 text-align: center;
}

/* 上部ヘッダー（背景：パステルカラー） */
.osare3-table thead th {
 color: #FFF; 
 font-weight: bold;
 background:#00BCD4;
}



.osare3-table th,
.osare3-table td {
 border: 1px solid #DDD
}

/* １行ずつ色変更　不要なら削除 even:奇数行　odd:偶数行 */
.osare3-table tr:nth-child(even) td { 
 background: #f5f5f5; 
} 
.osare3-table tr:nth-child(odd) td {
 background: #FDFDFD; 
}

/* ヘッダーセル先頭・ボディ項目・フッター項目 */
.osare3-table tbody th,
.osare3-table tfoot th, {
 background:none;
 color:#666;
 font-weight: bold;
 line-height:4.5em;
 text-align:right;
}

.pr-text {
	text-align:center;
	font-size:15px;
}

/* お問い合わせフォーム */

.contact-wrap {
margin:0 auto;
margin:40px 0 0 0;
}

.c_table {
font-size:14px;
border-top:1px dashed #999999;
border-collapse:separate;
border-spacing: 0;

}

.c_table tr {
border-bottom:1px dashed #999999;
}

.c_table th {
padding: 5px 10px;
font-weight:bold;
width:35%;
vertical-align:middle;
background:none;
border:none;
}

.c_table td {
padding: 10px 10px;
border:none;
}

.asterisk {
color:#FF0000;
}

.wpcf7c-conf {
background:none;
background-color:#FFFFFF !important;
border:none;
}

.grecaptcha-badge { visibility: hidden; }

.sp-link {
	text-align:center;
}