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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.studios-top-img img {
    height: 700px;
    object-fit: cover;
    margin-bottom: 30px;
}
.img-gallery img {
    width: 100%;
    object-fit: cover;
    height: 300px;
}
dl {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	flex-wrap: wrap;
	align-items: stretch;	
	width: 100%;
	border: 1px solid #ccc;
	border-bottom: none;
}
dl dt{
	background: #f5f5f5;
	padding: 5px;
	width: 150px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
dl dd{
	background: #fff;
	padding: 5px;
	width: calc(100% - 150px);
	border-bottom: 1px solid #ccc;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.studios-top-img img {
    height: 500px;
}

.img-gallery img {
    height: 350px;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.studios-top-img img {
    height: 400px;
}
.img-gallery img {
    height: 250px;
}
table th, table td {
    font-size: 0.9em;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
dl dt{ 
	width: 100%;
	border-right: none;
}
dl dd{
	width: 100%; 
}
.studios-top-img img {
    height: 250px;
}
.img-gallery img {
    height: 150px;
}
.entry-card,
.related-entry-card,
.e-card-title {
    line-height: 1.8;
  }
}