@charset "UTF-8";

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

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

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

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

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

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


div.item_single{
	margin-left: 0.5%;
	margin-right: 0.5%;
	width: 100%;
	height: 150px;

	padding: 0.5em 0.5em;
    background: #ffffff;
    border-left: solid 6px blue;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}

div.item_single_img{
	text-align: center;
	width: 40%;
	height: 100%;
	float: left;
}

.item_single_img img{
	width:auto;
	height: 100%;
}

div.item_single_title{
	margin-left: 3%;
	width: 57%;
	padding: 5px;
	font-size: 20px;
	float: left;
}

.item_single_title a:link, a:visited, a:hover, a:active {
	color: black;
	font-weight: bold;
}

.title_main a:link, a:visited, a:hover, a:active {
	color: red;
	font-weight: bold;
}

div.item_box{
	width: 49%;
	float: left;

	padding: 0.4em 0.4em;
    background: #ffffff;
    border-left: solid 6px blue;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}

div.item_left{
	margin-right: 0.5%;
}

div.item_right{
	margin-left: 0.5%;
}

div.item_box_img{
	text-align: center;
	width: 40%;
	height: 100px;
	float: left;
}

.item_box_img img{
	width:auto;
	height: 100%;
}

div.item_box_title{
	margin-left: 3%;
	width: 57%;
	padding-top: 5px;
	font-size: 15px;
	float: left;
}

.item_box_title a:link, a:visited, a:hover, a:active {
	color: black;
	font-weight: bold;
}