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

/************************************
** 子テーマ用のスタイルを書く
************************************/
body {
    color: #b0b0b0; /* 好みの文字色に変更 */
	  font-family: arial, sans-serif;
}

/* 投稿ページのみグローバルメニューの高さも詰める場合 */
.single .header {
  height: 120px;
}
/* 投稿ページ（.single）のヘッダーロゴ画像サイズを変更する例 */
.single .logo-image img {
    max-height: 60px; /* 例：高さを50pxに変更 */
    width: auto;      /* 比率を維持 */
	        padding-top: 10px;
        padding-bottom: 10px;
}
/* カテゴリーアイコンを消す例 */
.entry-categories .fa-folder,
.entry-tags .fa-tag {
  display: none;
}
.archive-title :before {
  display: none;
}

ul {list-style-type:none;}
ul,ol,li,dl,dt,dd{margin:0px; padding:0px; font-size:100%;}
h2,h3 {clear: both;}
.entry-content h2+h3,h3+h4,h2+p,h3+p,h4+p {margin-top: -10px;}
/*釣場詳細写真(3列)FULL--------------------*/
.tiles { position: relative; margin-bottom: 15px; margin-right:1%;}
.tiles li {float:left; width:31.5%; }/*2+31+2+31+2+31+UL1=100%*/
.tiles figure img {width:100%;}
.tiles a:hover figure img {opacity: 0.6;}
.tiles li p{text-align:center; font-size:12px; margin-top:-7px;}
/*その他*/
.clear {clear: both;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
img.fr {float: right;margin-left: 10px;margin-bottom: 10px;}
img.fl {float: left;margin-right: 10px;margin-bottom: 10px;}

/* トグルエリア全体の設定 */
.toggle-wrap {
    border: none !important; /* 枠線を消す */
    background: none !important; /* 背景色を消す */
	    position: relative;          /* 表示の崩れを防ぐためのレイアウト調整 ***/
    z-index: 10;                  /* タイトルとの重なり順を調整 ***/
}
/* トグルスイッチ（ボタン）のスタイル変更 */
.toggle-button {
    background: none !important; /* 見出しの背景を消す */
	    border: none !important; /* 枠線を消す */
    padding: 0 !important; /* 無駄な余白を消す */
    cursor: pointer;
}
.toggle-button::after {
    display: none !important; /* デフォルトの矢印（＋マークなど）を消したい場合 */
}

.toggle-content {
		    border: none !important; /* 枠線を消す */
	    padding-top: 0 !important; /* デフォルトの上の余白をなくす */
	    margin-top: -60px !important; /* この数値を大きくするとさらに上へ移動します */
    position: relative;          /* 表示の崩れを防ぐためのレイアウト調整 */
    z-index: 11;                  /* タイトルとの重なり順を調整 */
}

/* トグルボタンにホバーしたときのカーソルを指マークにする */
.toggle-button {
  cursor: pointer;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
body {
    color: #b0b0b0; /* 好みの文字色に変更 */
		  font-family: arial, sans-serif;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
body {
    color: #b0b0b0; /* 好みの文字色に変更 */
		  font-family: arial, sans-serif;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
body {
    color: #b0b0b0; /* 好みの文字色に変更 */
		  font-family: arial, sans-serif;
/*大会ヒストリー480*/
ul.history li {font-size:50%; padding:8px 0 8px 0;}
.result2 {font-size: 12px;}
/*大会企業バナー(3列SP)480*/
.banner{display: flex; flex-wrap: wrap; }
.banner li{margin: 5px; width: calc( 33% - 10px); }
.banner li p{text-align: center; font-size: 13px; }
/*釣場詳細写真(列解消)--------------------*/
.tiles li {float: none; width:100%; margin-left:0px;}
/*画像回込み（解消）*/
img.fr,img.fl {float: none;margin: 0;width: 100%; margin-bottom:10px;}
}
}