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

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

/** ショートコードの新着一覧を２カラム表示にする **/
.page .new-entry-cards {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.page .new-entry-card-link {
	width: 50%;
}





/*投稿者名を非表示*/
.author-info{
display: none;
}
#breadcrumb{
display: none;
}
/*横幅の最大値を設定*/
.content-in{
max-width: 1000px;
margin: auto;
}

/** タイル型デザイン **/
.grid01 {
  display: flex;
  flex-wrap: wrap;
}
.item01 {
	flex: 1 0 200px;
  border: solid 0px gray;
  border-radius: 7px;
  background: white;
  padding: 15px;
  text-align: left;
  margin: 3px;
	line-height:26px;
}
.item01 img{
  max-width: 280px;
  height: auto;
}
.item02 {
	flex: 1 0 280px;
	  padding: 15px 30px;
	  max-width: 400px;
}
.item02 img{
  width: 100%;
  height: auto;
}

/** 競技 **/
.game ol{
	display: flex;
	list-style: none;
	padding-left: 0;
}
.game li{
  text-align: left;
  margin: 5px;
  width: 100%;
}
.game div{
  border: solid 1px gray;
  background: white;
  padding: 15px;
  line-height: 26px;
  border-radius: 5px;
}
.game a{
	text-decoration: none;
	color: black;
}
.game div:hover{
	background: papayawhip;
	border-color: sienna;
} 


/*投稿日非表示*/
.post-8 .date-tags {
display: none;
}

.entry table{width: 100%; min-width: 500px;  white-space: normal;}
.entry td{ white-space: normal;}

/** スコア表 **/
.score table{border: 1px solid black; border-collapse: collapse; width: auto; margin: auto;}
.score caption{ white-space: nowrap;}
.score th{border: 1px solid black; min-width: 4em; background-color: #ccc;}
.score td{border: 1px solid black; text-align: center; min-width: 4em; padding: 5px;background-color: white;}
th.goukei{border-left: 3px double black;}
td.goukei{border-left: 3px double black;}
td.bg-yellow{background-color: yellow;}

/** シンプルな表 **/
.hyou table{border: 1px solid black; border-collapse: collapse; width: auto; margin: auto;}
.hyou td{border: 1px solid black; text-align: center; min-width: 4em; padding: 10px;background-color: white; white-space: normal;}
td.left{text-align: left;padding-left: 15px;}
	
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.game ol{flex-direction: column;}



}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
.page .new-entry-card-link {
	width: 100%;
}
.game ol{flex-direction: column;}
	
/** ショートコードの新着一覧を１カラム表示にする **/

.page .new-entry-card-link {
	width: 100%;
}
	
}