@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.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.headicon-area{
    width: fit-content;
    max-width:100%;
    margin: 0 auto;
    position: relative;
}
/*.headicon{
   display: flow-root;
   margin: 0 auto;
}*/
.left {
    float: left;
}
.right {
 float: right;
}
.slick{
	z-index:0;
}

.toppage{
  position: relative;/*親要素にrelative*/
  width: 100%;
  height:100%;
  z-index: 0;
  padding:1px;
}
.icon-logo,.toppage-i,.icon-mail,.toppage-footer{
  position: absolute;/*重ねたい子要素にabsolute*/
  z-index:3;
  margin: 0 auto;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/*文字が折り返される場合*/
}
.icon-logo{
  top: 1rem;
  left: 1rem;
}
.icon-mail{
  top: 1rem;
  right: 1rem;
}

.toppage-i{
  bottom:1rem;
  right: 1rem;
}
.toppage-footer{
  right: 1em;
  bottom:-1em;
  color: #000;
  font-size: 10px;
}



.slider img{
  height: 90vh;
  margin: auto;
  max-height: 100%;
  max-width: 1680px;
  object-fit: cover;
  width: 100%;
}

.slider {
  height: 100%;
}
.slider img.slide-arrow {
  bottom: 0;
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 0;
  z-index:10;
}
.slider img.next-arrow{
  position: absolute;/*重ねたい子要素にabsolute*/
  z-index:-3;
  margin: 0 auto;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/*文字が折り返される場合*/
  width:0px;
  height:auto;
  top:1rem;
  left: 1rem;
}
.prev-arrow{
  position: absolute;/*重ねたい子要素にabsolute*/
  z-index:-3;
  margin: 0 auto;
  margin: 0!important;/*文字がずれている場合や*/
  padding: 0!important;/*文字が折り返される場合*/
  width:0px;
  height:auto;
  top:1em;
  left: 1rem;
  z-index:10;
}

.home.page .entry-title {
  height: 0px;
  display: none;
}
.footer {
  height: 0px;
  display: none;
}
.header-container {
  height: 0px;
  display: none;
}

.randombg{
	width: auto;
	height: 90vh;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.headicon{
	width:auto;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.toppage-footer{
  bottom: -10vh;
  margin: 0 auto ;
 }
	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.toppage-footer{
  bottom: -3.5em;
  right: 0px;
  margin: 0 auto ;
 }
.icon-logo{
  top: 33px;
  left: 0vw;
}
.icon-right{
  top: 0;
  right: 0.5vh;
  width:40px;
  height:auto;
}
.icon-mail{
  top: 0px;
  right: 0.5vh;
  width:40px;
  height:auto;
}
.toppage-i{
  bottom: 5vh;
  right: 3vh;                                     
}
.slider{
 padding-top:10vh;
 padding-bottom:0;
 height: 90vh;
}

.slider img {
    height:80vh;
 }
.slider img.next-arrow{
  top: 5.7vh;
  left: 0vw;
}
img.fixn08{
max-height:500px;
}
.slider img.fixm04{
max-height:500px;
}
.headicon-area{
    width: 100%;
}
.randombg{
	width: auto;
	height: 85vh;
	background-position: center 60px;
	background-repeat: no-repeat;
	background-size: cover;
}



}

.article h3 {
  border: none !important;
  padding:0px !important;
}

.article h2 {
}