@charset "UTF-8";

/*!
Theme Name: SVChild
Description: SV_theme
Theme URI: 
Author: 
Author URI: 
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
body {
	background-color: #fff;
}
.content {
	margin-top: 0;
}
header > .entry-title {
	margin: 0;
}



.cat-link {
 background-color: #00745D;
}
.must {color: #da0011;font-weight: bold;}

.pager-post-navi {
 display: block;
}
.pager-post-navi a.next-post {
 flex-direction: row-reverse;
 width: 50%;
 float: right;
}
.pager-post-navi a.prev-post {
 flex-direction: row;
 width: 50%;
 float: left;
}
/* ヘッダー */

#content header h1.entry-title {
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center;
 height: 250px;
 color: #fff;
}
header.article-header.entry-header {
 background-size: cover;
 height: 250px;
}
.about header.article-header.entry-header {
 background-image: url('./img/header/aboutHdrImg.jpg');
}
header.article-header.entry-header {
 background-image: url('./img/header/aboutHdrImg.jpg');
}

#navi .navi-in>ul>li {
 width: auto;
}
#navi .item-label {
 width: fit-content;
 padding: 0 1em;
}
.navi {
 background-color: transparent;
}
body div.header-container {
 background: rgba(0,0,0,0.1);
	position: fixed;
	width: 100%;
	z-index: 2;
 transition: all 0.3s ease-in-out;
}
body.fixed div.header-container {
 background: rgba(0,0,0,1);
 transition: all 0.3s ease-in-out;
}
.navi-in a {
 color: #fff;
 transition: all 0.3s ease-in-out;
	height: 40px;
}
li#menu-item-291 .item-label img {
	width: 25px;
	height: 40px;
}
img.lineIcon {
 width: 32px;
 padding-top: 3px;
}
/* TOP */
body.home .entry-content.cf {
 margin: 0;
}
body.home #sidebar {
 margin: 0;
 padding: 0;
	display: none;
}
body.home #footer,
body.home #content {
	display: none;
}
#metaslider-id-97 {
	margin: 0 auto;
}
#metaslider-id-97 img {
 height: 100vh;
 width: 100%;
 object-fit: cover;
}
#topTrdSec,
#topSndSec,
#topFrstSec {
 overflow: auto;
}
#carousel-in {
	width: 800px;
}

.slick-list .slick-track {
	width: 100% !important;
}
ul.slick-dots {
 display: none;
}
body.home h2 {
	background-color: unset;
	font-weight: bold;
}
body.home div.entry-content > section h2 {
	margin-bottom: 0;
}
.topTwoArea {
 width: 50%;
 float: left;
}
.topTwoAreaInr {
 margin: 0 1em;
 height: 200px;
 background: #ccc;
}
#topFrstSec h2 {
	margin-top: 0;
}
#topSndSec h2.entry-card-title {
	font-size: medium;
	margin: 0;
 padding: 0;
}
.topTwoAreaInr a {
 width: 100%;
 height: 200px;
 display: inline-block;
}
#topFrstSec .topTwoArea .topTwoAreaInr p {
 display: none;
}

#topFrstSec .topTwoArea:first-child .topTwoAreaInr {
 background-image: url('./img/top/about.png');
}
#topFrstSec .topTwoArea:last-child .topTwoAreaInr {
 background-image: url('./img/top/studio.png');
}

#footer-in a.site-name.site-name-text-link {
 background-image: url('./img/common/logo_yokoGreen.svg');
	transition: all 0.3s ease-in-out;
 background-size: 140px 40px;
 width: 140px;
 height: 40px;
}
a.site-name.site-name-text-link {
 background-image: url('./img/common/logo_yoko.svg');
	transition: all 0.3s ease-in-out;
 background-size: 140px 40px;
 width: 140px;
 height: 40px;
}
/*
body.fixed a.site-name.site-name-text-link {
 background-image: url('./img/common/logo_yokoGreen.svg');
	transition: all 0.3s ease-in-out;
 background-size: 140px 40px;
 width: 140px;
 height: 40px;
}
*/
.header-container-in.hlt-top-menu {
 height: 60px;
}
.header-container-in.hlt-top-menu.hlt-tm-small .logo-header {
	max-height: 60px;
 height: 60px;
 display: flex;
 align-items: center;
}
#topFrstSec .topTwoArea .topTwoAreaInr a:hover {
 background: rgba(0,0,0,0.2);
	transition: all 0.3s ease-in-out;
}
#topTrdSec {
 background: #f4f5f7;
}
#topTrdSec h2 {
	margin-top: 0;
}
a.site-name.site-name-text-link span {
 display: none;
}
#metaslider-id-188,
#metaslider-id-178 {
	float:left;
 width: 50%;
}
.descSec {
 padding-left: 1.5em;
 float: left;
 width: 50%;
}
.item002 header.article-header.entry-header,
.item001 header.article-header.entry-header {
 display: none;
}
#main .entry-content h2 {
 font-size: 26px;
 text-align: center;
	background-color: #fff;
	margin-bottom: 0.4em;
}
#main .entry-content h2:first-child {
 margin-top: 0.6em;
}

#main .entry-content h2:after {
 width: 2em;
 height: 4px;
 content: "";
 display: block;
 background: #085243;
 margin: 0 auto;
 margin-top: 0.2em;
}
body.home .card-thumb img	{
	border: 1px solid #ccc;
}
#content-in #main h3 {
	border: none;
	position: relative;
	padding: 0;
}
#content-in #main h3 span {
 background-color: white;
 display: inline-block;
 padding: 0 0.8rem 0 0;
 position: relative;
 font-size: 22px;
 font-weight: bold;
}
#content-in #main h3:before {
 border-top: 1px solid;
 content: "";
 position: absolute;
 top: 50%;
 left: 0;
 width: 100%;
}
/* mobile footer menu */
ul.mobile-footer-menu-buttons li.menu-button img.lineIcon {
 width: 16px;
	padding: 0;
}
ul.mobile-footer-menu-buttons li.menu-button img.spIcon {
 height: 16px;
}
/* hover */
.navi-in a:hover {
 background-color: rgb(40 119 43 / 50%);
 transition: all 0.3s ease-in-out;
 color: #fff;
}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover {
 background-color: rgb(40 119 43 / 50%);
 transition: all 0.3s ease-in-out;
 color: #fff;
}
/************************************
** content
************************************/
.main {
 padding: 20px;
}
table th {
 text-align: left;
}
/************************************
** sidebar
************************************/
.sidebar h3 {
 background-color: #085243;
 color: #fff;
	line-height: 2em;
	padding:0 12px;
}
.widget-entry-cards figure {
 width: 100%;
}
.widget-entry-card-content {
 margin: 0;
}
#sidebar ul {
	padding-left: 0;
}
#sidebar ul#category-posts-2-internal li.cat-post-item a.cat-post-thumbnail {
	margin: 0;
	text-decoration: none;
}
#sidebar ul#category-posts-2-internal li.cat-post-item a.cat-post-title {
	margin: 0;
	text-decoration: none;
}
.sidebar {
 margin-top: 1.4em;
}
#sidebar .widget_nav_menu ul li a {
	line-height: 2em;
	padding:0 0 0 4px;
}


/************************************
** contact form
************************************/
.wpcf7 hr {
 margin-bottom: 2em;
 margin-top: 3em;
}
input.name {
 width: 45%;
}
.wpcf7 .yuubin1 {
 width: 25%;
}
.wpcf7 .yuubin2 {
 width: 40%;
}

#submitBtn input {
 width: 100%;
 color: #fff;
 text-decoration: none;
 text-align: center;
 display: block;
 background-color: rgb(40 76 119 / 100%);
 line-height: 3em;
 transition: all 0.3s ease-in-out;
}

#submitBtn input:hover {
 background-color: rgb(40 76 119 / 50%);
 transition: all 0.3s ease-in-out;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	body.home li.sidebar-menu-button.menu-button {
	 display: none;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	#footer-in .footer-bottom-content .source-org.copyright {
	 display: none;
	}
	.footer-bottom-logo {
	 display: none !important;
	}
	body.home #footer {
		height: 0;
		display: flex;
		margin: 0;
		padding: 0;
	}

	div.footer-bottom-logo {
	 display: flex;
	 padding: 0;
	 margin: 0;
	 height: 0;
	}
	#metaslider-id-178 {
		float:none;
	 width: 100%;
	}
	.descSec {
	 padding-left: 0;
	 float: none;
	 width: 100%;
	}

	div.entry-content div.metaslider {
	 width: 100% !important;
	 margin-bottom: 2em;
	}
	.ect-entry-card .card-thumb {
	 margin-bottom: 6px;
	 width: 100%;
	}
	.a-wrap {
	 width: 100%;
		margin-bottom: 10%;
	}
	body.home li.sidebar-menu-button.menu-button {
	 display: none;
	}
}
	.sm {
		display:none !important;
	}
@media screen and (max-width: 767px) {
/*767以下の場合*/
	.pc {
		display:none !important;
	}
	.sm {
		display:block !important;
	}
	#navi-menu-content .menu-drawer .menu-item img.sm {
	 width: 40px;
		margin: 0 auto;
	}
	#metaslider-id-97 img {
	 height: calc(100vh - 50px);;
	 width: 100vw;
	}
	#navi-menu-content ul.menu-drawer img.lineIcon {
	 width: 30px;
	}
}