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

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

.fsmfe-wrapper .menu-overlay {
  display: block!important;
}

.elementor-22 .elementor-element.elementor-element-7b98b69 .icon-bars {
  padding: 5px!important;
  background: #FFF!important;
}

#menu-item-249,
#menu-item-251,
#menu-item-250,
#menu-item-248,
#menu-item-257,
#menu-item-256,
#menu-item-255,
#menu-item-254,
#menu-item-253,
#menu-item-597,
#menu-item-598,
#menu-item-599,
#menu-item-1581,
#menu-item-1583,
#menu-item-1584,
#menu-item-1585,
#menu-item-1586,
#menu-item-1595,
#menu-item-1596,
#menu-item-1593,
#menu-item-1594,
#menu-item-1598,
#menu-item-1599,
#menu-item-1600,
#menu-item-1601,
#menu-item-1602,
#menu-item-1604,
#menu-item-1605,
#menu-item-1606,
#menu-item-1871{
  margin-left: 30px;
}

#menu-item-246 img{
	width: 150px;
	height: 55px;
}

.hfe-creative-menu a::before {
    opacity: 1!important;
    content: "";
    font-size: 12px;
    color: #FFF;
    margin-right: 30px;
    position: relative!important;
}

.hfe-creative-menu.current-menu-item a::before,
.hfe-creative-menu a:hover::before {
    opacity: 1!important;
    content: "▶";
    font-size: 12px;
    color: #FFF;
    margin-right: 15px;
    position: relative!important;

}

.farm_midashi02 .elementor-widget-container {
}

.farm_midashi02 .elementor-heading-title {
  margin-left: 100px;
}

.farm_midashi02 .elementor-heading-title:before {
    content: "";
    width: 85px;
    height: 1px;
    display: inline-block;
    vertical-align: middle;
    background-color: #000;
    margin-left: -100px;
    margin-right: 15px;
}

.pannavi li {
  display: inline;
  font-size: 14px;
}
.pannavi li::after {
  content: '＞';
  padding: 0 8px;
  border: none!important;
}
.pannavi li:last-child::after {
  content: '';
}
.pannavi li a {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

.form_contents,
.form_contents input[type=submit] {
  font-size: 18px;
}

.form_contents dt {
  margin: 1.5em 0 0 0;
}

.form_contents dt span {
  color: #FF0000;
}

.form_contents input[type=checkbox],
.form_contents input[type=radio] {
	transform: scale(2);
	margin: 0 6px 0 0;
}

.elementor-section.elementor-top-section.elementor-element.elementor-element-856220a,
.elementor-section.elementor-top-section.elementor-element.elementor-element-a28f290,
.elementor-section.elementor-top-section.elementor-element.elementor-element-a3b01d5{
	position:fixed;
	width:100%;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 999px){
  /*必要ならばここにコードを書く*/
  .farm_midashi02 .elementor-heading-title {
      margin-left: 0;
  }
  .farm_midashi02 .elementor-heading-title:before {
    display: none;
  }
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
.elementor-column.elementor-col-33, .elementor-column[data-col="33"] {
	margin-bottom:24px;
}
	
}

/* 11/09追加分 */
.elementor-col-33 .elementor-widget-image a , .elementor-col-33 .elementor-widget-image img {
	width:100%;
}
.elementor-col-33 .elementor-widget-image {
	margin-bottom:12px;
}
.hidden {
	display:none;
}
.elementor-section .elementor-container {
    justify-content: space-between;
}
body .elementor-column .elementor-element-3153806 {
	width:1000px;
}
.elementor-column.elementor-col-33, .elementor-column[data-col="33"] {
    width: auto;
}
.elementor-element-5d463ef .elementor-column.elementor-col-33, .elementor-element-5d463ef .elementor-column[data-col="33"] {
    width: 33.333%;
}
.elementor-element-a38ab67 {
	padding-top:24px;
}
.nav {
	display:flex;
	justify-content:space-between;
	padding:0;
}
.nav li {
	list-style:none;
	position:relative;
	font-size:16px;
	letter-spacing:1px;
}
.nav li > ul {
	display:none;
	position:absolute;
	background-color:#444444;
	padding:16px 24px;
	width: max-content;
	line-height: 2;
}
.nav li > ul li a {
	color:white;
}
.nav li > ul li a:hover {
    color: #e53900;
}


/* スライダー */
.slider img {
   width:100%;/*スライダー内の画像を横幅100%に*/
   height:auto;
}
.slider .slick-slide {
   margin:0 24px;
}

.slick-prev, 
.slick-next {
   position: absolute;/*絶対配置にする*/
   top: 42%;
   cursor: pointer;/*マウスカーソルを指マークに*/
   outline: none;/*クリックをしたら出てくる枠線を消す*/
   height: 32px;
   width: 32px;
   background-repeat: no-repeat;
   z-index: 1;
}
.slick-prev {/*戻る矢印の位置と形状*/
   left: -2%;
	border-top:1px solid black;
	border-left:1px solid black;
	transform:rotate(-45deg);
}
.slick-next {/*次へ矢印の位置と形状*/
   right: -2%;
	border-top:1px solid black;
	border-right:1px solid black;
	transform:rotate(45deg);
}
.slick-slider {
	padding:0;
}