@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/*その他*/
.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;}

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

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

/*768px以下*/
@media screen and (max-width: 768px){

/*大会ヒストリー768*/
ul.history li {width: 31.3%; padding:5px 0 5px 0;}
/*画像回込み768*/
img.fr,img.fl { width:40%;}	
}

/*480px以下*/
@media screen and (max-width: 480px){

/*大会ヒストリー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;}
}