@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.start {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.srtclass_block {
	position: fixed;
	z-index: 9001;
	display: block;
    left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 280px;
	height:110px;
	
}
.srtclass_block img{
	width:100%;
	height:auto;
	animation-name:strfixed;
    animation-timing-function:ease-out;
    animation-fill-mode:forwards;
    animation-duration: 2s;
}
@keyframes strfixed {
	0% {
		opacity:0;
		transform: scaleY(0);
	}
	100% {
	    opacity:1;
	    transform: scaleY(1);
	}
}

.scroll-fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
}

.item-label:hover{
	animation-name:headhover;
    animation-timing-function:ease-in-out;
    animation-fill-mode:forwards;
    animation-duration: 0.5s;

}
@keyframes headhover {
	from {
		font-size: 16px;
	}
	to {
	    font-size: 18px;
	}
}

.logo{
    animation-name:fdin;
    animation-duration: 1s;
}
@keyframes fdin {
	from {
		transform: translateX(-200px);
	}
	to {
	    transform: translateX(0);
	}
}
#main{
	padding:0 5px;
}
.entry-content,
.entry-content>*, .demo .entry-content p{
    margin-top: 0;
    margin-bottom: 0;
		padding: 0 1rem 1rem;
}
.date-tags{
	display:none;
}
#header-in{
	vertical-align: middle;
}
.header-container-in.hlt-top-menu .logo-header img {
    max-height: 60px;
    height: auto;
    width: auto;
    margin-top: 0px;
	vertical-align: middle;
}
.post-date {
    display:none;
}
.home.page .entry-title{
  display: none;
}
.content {
	margin-top: 0px;
}
.article h1{
	border-left:double 10px;
	border-color:blue;
	padding:10px;
	color:#333;
}
.article h2{
	border-left:double 5px;
	border-color:#FFF;
	padding:10px;
	background-color:blue;
	color:#FFF;
}
.article h3{
border-left: none;
}

#breadcrumb{
	margin-top:0px;
	border-top:solid blue 3px;
	border-bottom:solid blue 3px;
}
.column-wrap.column-3>div {
    border:solid #ccc;
	margin-bottom:5px;
}
.column-wrap.column-3>div>p{
	padding:0 8px;
}
.googlemap{
	margin:auto;
	text-align:center;
}
.menu-drawer li {
    border-bottom: 1px solid;
}
.mobile-footer-menu-buttons,
.navi-menu-close-button{
    background-image: linear-gradient(180deg,#93c0fc 10%,#4C83FF 100%);
}
.navi-menu-content{
	background-color: rgba( 255, 255, 255, 0.9 );
}
.wp-block-column:not(:first-child) {

    text-align: center;
}

#footer{
	background:url("/wp/wp-content/uploads/2020/12/43451.jpg");
	background-size: cover;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}