@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.main {
	background-color: #F0F7FF !important;
	color: #c9171e !important;
}
.main h2 {
	background: #dcdddd;
	color: #003366;
}
.main a {
	color: #003366;
}
.listfile {
	background-color: #302833; 
	color: #003366;
	margin: 0 0 0 0;
	padding: 20px 20px 29px 29px; 
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
	.eye-catch img{
		max-width: 300px; 
	}
}

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

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

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

/*サンプル動画用 */
.navi-in {
	display: none;
}
.movie_bg2 {
    background-color: black; 
    max-width: 520px;
    height: 450px;  
    text-align: center; 
}

.movie_link2 {
    color:chocolate;
    background-color: black;
    border:solid 3px;
    border-radius: 10px;
    text-align: center; 
}
.movie_bg3 {
    background-color: black; 
    max-width: 520px;
    height: 450px;  
    text-align: center; 
}

.movie_link3 {
    color:deeppink;
    background-color: black;
    border:solid 3px;
    border-radius: 10px;
	text-align: center;
}

.movie_font {
    color:white;
}
.movie_font:hover {
    color:chocolate;
    background-color: white;
}
.blogcard-snippet{
display:none;
}