@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
*{
	font:#595959;
	font-size:1rem;
}
.invisible{
	display:none;
}

main#main{
	padding-top:0;
}
.article h2{
	background-color:transparent;
	margin:20px auto;
	padding:0px;
	width:fit-content;
	border-bottom:solid 3px #ccc;
}
li{
	list-style:none;
}

p{
	padding-left:1em;
}

.entry-title{
	display:none;
}

header div.date-tags{
	display:none;
}

::selection {
    background: #3cb371;
    color: #fff;
}

//Firefox
::-moz-selection {
    background: #3cb371;
    color: #fff;
}

a:hover {
	color:#1e90ff;
}
 /*ヘッダー設定*/
#header-container{
	display:none;
}

.nav li a{
	text-decoration:none;
	color:black;
}

.brand img {
	width:210px;
}

.site-header {
  position: relative; }
 
.site-header__wrapper {
  padding-bottom: 1rem; }
  @media (min-width: 600px) {
    .site-header__wrapper {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-top: 0;
      padding-bottom: 0; } }
@media (min-width: 600px) {
  .nav__wrapper {
    display: flex; } }
 
@media (max-width: 599px) {
  .nav__wrapper {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-100%);
    transition: transform 0.3s ease-out, opacity 0.3s ease-out; }
    .nav__wrapper.active {
      visibility: visible;
      opacity: 1;
      transform: translateY(0); } }
.nav__item  {
	align-items: flex-end;}
 
.nav__item a {
  display: block;
  padding: 3.5rem 1rem 0 1rem;}
 
.nav__toggle {
  display: none; }
  @media (max-width: 599px) {
    .nav__toggle {
      display: block;
      position: absolute;
      right: 1rem;
      top: 1rem; } }

 /*ホーム設定*/
.intro{
	text-align:center;
	margin:100px 0;
}
.vmbutton a{
	display:block;
	padding:15px 0 10px 0;
	text-decoration:none;
	color:#6b6b6b;
}
.vmbutton{
	width:215px;
	height:60px;
	margin:0 auto 0px auto;
	border:1px #bbb solid;
	text-align:center;
}
.vmbutton:hover{
	background-color:#eee;
}
.cards{
	padding:100px 20px;
	background-color:#aaa;
}

.cards div{
	text-align:center;
	color:#fff;
}

.cards img{
	height:240px;
	height:240px;
}
.bn_kibaru{
	text-align:center;
	margin:100px auto;
}

.bn_kibaru img{
	width:250px;
}
.bn_kibaru img:hover{
	border:solid 1px #ddd;
}


/*子ページの設定*/


.pagetitle{
   margin: 0 calc(50% - 50vw);
   width: 100vw;
}
.pagetitle img{
	width:100%;
}

.oowaku{
	margin:50px 0;
}

.chuo{
	width:23em;
	margin:20% auto 0 auto;
}

.itemsWrap{
	background-color:#e4e4dd;
	margin: 0 calc(50% - 50vw);
  	width: 100vw;
	padding:30px 20px;
}
.items{
	margin:20px;
}
.items td{
	text-align:center;
	background-color:#fff;
	border:0;
}

.article h4{
	border-top:0;
}

.fuki{
	text-align:center;
	margin:50px 0;
}
.fuki img{
	width:400px;
}
.cataBOX {
	text-align:center;
}
.cataBOX img{
	width:300px;
}
.cataBOX img:hover{
	border:solid 2px #f99;
}
.cataWrap{
	background-color:#e4e4dd;
	margin: 0 calc(50% - 50vw);
  	width: 100vw;
	padding:30px 20px;
}
.cata{
	margin:20px;
}
.cata td{
	text-align:center;
	background-color:#fff;
	border:0;
}
.cata a:hover{
	opacity: 0.6;
	filter: brightness(110%);
}

.kaisya{
	text-align:center;
}
.kaisya table{
	margin:20px auto;
	text-align:left;
}

/*お問い合わせの設定*/
.contact{
	max-width:600px;
	margin:20px auto;
}

/*フッターの設定*/
.footer-bottom-logo img{
}





/*投稿ページの設定*/
.article-footer{
	display:none;
}

/************************************
**モバイルスライドインメニュー
************************************/

span.fas.fa-times::before{
content: "\f060";
color:#90C31F;/*矢印色変更はこちら*/
}
ul.menu-drawer:before{
	content: "　ＭＥＮＵ";
	font-size:1.2em;
	background: white;
	color:#999;
	margin-bottom:50px;

}
ul.menu-drawer:after {
background: white;
}
.menu-content .menu-drawer {
    padding: 0;
}
.menu-drawer li {
padding:0;
}
.menu-drawer li{
font-weight: bold;
}
.menu-drawer a{
font-size:1.3em;
background-color:#ffffff;
color:#545454;
margin: .5em 0;
}
.menu-drawer a:hover{
background-color:#f7f7f7;
}
.menu-drawer .sub-menu {
padding:0px;
}
.menu-drawer .sub-menu li{
font-size: .9em;
}
.menu-drawer .sub-menu li a::before {
content : "\f105";
color:#7b7b7b;
margin:0 .5em 0 1em;
}

.menu-drawer li{
	padding:10px 0 10px 20px;
	border:solid 1px #ddd;
}
.menu-item-554{
	margin-top:10px;
}


/*モバイルヘッダーの三の大きさ*/
.navi-menu-icon .fa {
	font-size: 30px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	#content{
		margin-top:80px;
	}
	header{
		display:none;
	}
	.logo-menu-button img{
		margin:20px 0 10px 10px;
	}
	li.menu-button{
		color:black;
	}
	li.menu-button :hover{
		color:black;
	}
	#navi-menu-open{
		position:absolute;
		bottom:10px;
	}
}

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

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