@charset "UTF-8";

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a:hover img, a:hover p {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

header.cood_header div#nav div#menu {
    background: rgba(235, 235, 235, 0.95);
	z-index: 999;
}

header.cood_header {
	height: calc(130vw + 45px);
}

#image .cood_image{
	position: relative;
}

.cood_title{
	position: absolute;
	color: #fff;
	transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    top: calc(65vw + 45px);
    left: 50%;
	text-align: center;
	font-weight: bold;
}
.cood_title h2{
	font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px; 
}

.cood_title h2 span{
	border-bottom: 1px solid #FFF;
    display: inline-block;
    margin: auto;
}


div#content ul.item li.cood_box a img{
	width: calc(50vw - 20px);
	height: calc(50vw * 1.2 - 20px * 1.2);
	object-fit: cover;
	}

div#content ul.item li.cood_box a div.staff-box{
	display: flex;
	flex-direction: row;
	margin-top: 10px;
	padding: 0 5px;
}

div#content ul.item li.cood_box a div.staff-box img.staff_photo{
	width: 10vw;
	height: 10vw;
	border-radius: 5vw; 
	-webkit-border-radius: 5vw;
    -moz-border-radius: 5vw;
	object-fit: cover;
}

div#content ul.item li.cood_box a div.staff-box p{
	text-align: left;
	margin-top: 0;
	margin-left: 10px;
	font-size: 0.9em;
}

#menu02.cood_menu02{
	background-color: #EBEBEB;
}


@media screen and (min-width: 769px) {
	
	header.cood_header {
		height: calc(50vw + 85px);
	}
	header.cood_header div#nav h1{
		width: 280px;
	}
	.cood_title{
		position: absolute;
		color: #fff;
		transform: translateY(-50%) translateX(-50%);
		-webkit- transform: translateY(-50%) translateX(-50%);
		top: calc(25vw + 85px);
		left: 50%;
		text-align: center;
	}
	div.cood_title h2 {
		font-size: 36px;
		margin-bottom: 25px;
	}
	div.cood_title h2 span{
		font-size: 20px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	
	div#content ul.item{
		margin-top: 30px;
	}
	
	
	div#content ul.item li.cood_box a img{
	width: calc(25vw - 20px);
	height: calc(25vw * 1.2 - 25px * 1.2);
	object-fit: cover;
	}
	
	div#content ul.item li.cood_box a div.staff-box{
	margin-top: 10px;
	padding: 0 5px;
	}
	
	div#content ul.item li.cood_box a div.staff-box img.staff_photo{
	width: 54px;
	height: 54px;
	border-radius: 27px; 
	-webkit-border-radius: 27px;
    -moz-border-radius: 27px;
	}

	div#content ul.item li.cood_box a div.staff-box p{
	text-align: left;
	margin-top: 6px;
	margin-left: 10px;
	font-size: 0.8em;
	}

}


@media screen and (min-width: 1060px) {

	div#content {
		max-width: 1060px;
		width: 100%;
		margin: auto;
		padding-bottom: 100px;
	}
	
	div#content ul.item li.cood_box a img{
	width: 245px;
	height: 294px;
	object-fit: cover;
	}
	
}

@media screen and (max-width: 768px) {
	header.cood_header div#nav h1{
	width: 150px;
}
	.cood_title{
		width: 75%;
}
	.cood_title p{
		text-align: center;
}

	
}

/*-----------------------*/

div.cood_menu01 ul.slick li a, 
div.cood_menu01 ul.slick ul.slick-dots li.slick-active button:before, 
div.cood_menu01 ul.slick ul.slick-dots li button:before, 
div.cood_menu01 ul.slick .slick-prev:before, 
div.cood_menu01 ul.slick .slick-next:before{
	color: #000;
}

div.cood_menu02 ul.slick .slick-prev:before, 
div.cood_menu02 ul.slick .slick-next:before{
	color: #000;
}

ul.slick .slick-prev:before {
	font-family: "Font Awesome 5 Free";
	content: "\f104";
}
ul.slick .slick-next:before {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
}

/*
div.cood_menu01 div.inner p.menu_title img.blk_title{
	display: none;
}

div.cood_menu02 div.inner p.menu_title img.blk_title{
	display: none;
}
*/



/*-----------------------*/