@charset 'utf-8';

#head_wrap {width:100%; margin:100px auto 0; top:-100px; position:relative;line-height: 1;z-index:10000;height: 0px;text-decoration: none;}
@media (min-width:768px) {
  #head_wrap { width:100%; height:87px; /*height:148px; */top:0; margin:0; background:#fff; /*position:fixed;*/ border-bottom:1px solid #BBBBBB;}
}


#head_wrap a {text-decoration: none;}
#head_wrap .header_top { width:100%;  padding-top:0; display:block;}
/*#head_wrap .header_bottom { width:100%; height:100vh; display:block; position:relative; overflow-y: scroll; padding-bottom:50px; }*/
#head_wrap .header_bottom { width:100%; height:0; display:block; position:relative; z-index:999999;}
@media (min-width:768px) {
  #head_wrap a { display:flex; align-items:center;}
  #head_wrap .header_top { height:87px; padding-top:20px; }
  #head_wrap .header_bottom { border-bottom:1px solid #BBBBBB; }
 
}


  /* ロゴ */
  @media (min-width:320px) {
  #head_wrap .logo img { width: auto; margin-top:2px; }
  }


#head_wrap .inner:after {content: "";clear: both;display: block;}
#global-nav { display: none; /*position:absolute;*/ right:0; top:0; }
#global-nav ul {list-style: none ;margin-right: 10px;display: inline-flex; }
@media (min-width:810px) {
  #head_wrap .logo { width:30%; }
  #head_wrap .logo .inline_sp { width:70%; display:inline-block; }
  #head_wrap .logo .inline_pc { display:none; }
  #global-nav { position:relative; right:initial; top:initial; background:#fff; border-top:1px solid #BBBBBB; }
  #global-nav ul { width:90%; max-width:758px; display:flex; justify-content: space-between; margin:0 auto; }
}
@media (min-width:900px) {
  #global-nav ul { width:80%; max-width:904px; }
}
@media (min-width:1000px) {
  #head_wrap .logo { width:50%; }
  #head_wrap .logo .inline_pc { width:370px; display:inline-block!important; }
  #head_wrap .logo .inline_sp { display:none;}
  #head_wrap .logo a { width:370px; }
}
@media (min-width:1200px) {
  #head_wrap .logo { width:60%; }
  #head_wrap .logo a { width:370px; }
}
@media (min-width:1250px) {
  #head_wrap .logo { width:67%; }
  #head_wrap .logo a { width:370px; }
}

/* iPad (landscape) */
@media only screen and (max-width: 1024px) and (min-width: 769px) {
  #slick1 li .voice_info { flex-wrap:wrap; }
}



#mobile-head{
	transform:translateY(0);
	transition: all 0.3s;
}

@media (max-width: 768px) {
	#mobile-head.scrolling{
		transform:translateY(-100px);
	}
}
.hidden {
  display: none; /* ロード中は完全非表示 */
}

@media (max-width: 768px) {
  #global-nav ul {display: block;margin-right: 0px;}
}
  
#global-nav ul li:last-child {border-right: none;}
  
@media (max-width: 768px) {
  #global-nav ul li {border-right: none;}
}
  
#global-nav ul li a { padding: 2px; justify-content:space-between; transition: all .6s ease 0s;box-sizing: border-box;letter-spacing:0.1em; }


/* ヘッダー常時表示アイコン型ボタン */
.icon_wrap { width: 60%; display:flex; justify-content:space-between; align-items: center;/*margin-right:82px;*/ margin-right:15px; }
.icon_wrap li { width: 25%; margin-left:5%; text-align:center; }

.icon_wrap li a { width:100%; padding:5px 0; display:inline-block; text-align:center; }
.icon_wrap li .img_wrap { width:32px; height:26px; text-align:center; margin:0 auto; }
.icon_wrap li img { width:26px; }
.icon_wrap li .img_wrap .icon_heart_header { width:25px; margin:1px auto 0 auto; }
.icon_wrap li span { width:100%; font-size:10px; text-align:center; white-space: nowrap; display:block; margin-top:3px; }
@media (min-width: 768px) {
  .icon_wrap { width:auto; margin-right:0; }
  .icon_wrap li { width:110px; margin-left:21px;}
  .icon_wrap li a { padding: 0;}
  #head_wrap a { display:flex; align-items:center;}
  #head_wrap a .img_wrap { width:40px; height:40px; border-radius:50%; border:1px solid #5C9062; display:flex; align-items: center;justify-content: center; flex-shrink: 0; margin-right:7px; }
  .icon_wrap li span { font-size:12px;  }
  .icon_wrap li a:hover span { color:#5C9062; transition: color 0.3s ease;}
}

  
/* ヘッダーに/buy/のボタンを一時的に追加 2025.12.9*/
.icon_wrap li.header_search_btn_sp a { width: 50px; height: 50px; padding: 5px 0; border-radius: 5px; color: #fff; background-color: #5c9062;}
@media (min-width: 768px) {
  .icon_wrap li.header_search_btn_pc { width: 140px; padding: 5px 0; }
  .icon_wrap li.header_search_btn_pc a { height: 40px; padding: 0px 15px; border-radius: 25px; color: #fff; background-color: #5c9062; display: flex;
    justify-content: center; border: solid 1px #5c9062;}
  #head_wrap li.header_search_btn_pc a .img_wrap { width: auto; margin-right: 0; border: none;}
  .icon_wrap li.header_search_btn_pc a .img_wrap img { width: 20px; }
  .icon_wrap li.header_search_btn_pc span { font-size: 13px;}
  .icon_wrap li.header_search_btn_pc a:hover { background-color: #fff; transition: background-color 0.3s ease;}
}

  
    /* Toggle Button */
  @media (max-width:767px) {
    #nav-toggle { width:62px; height:64px; background:#5C9062; position: absolute; right:0; top:0; cursor: pointer;z-index:9999999; 
      display:flex; justify-content:center; align-items:center;}
    #global-nav.open-scroll { overflow: scroll; } /* スクロールを有効にするためのクラス */
    #nav-toggle div { width:22px; height:12px; position:relative; /*margin:24px 0 0 20px;*/ }
    #head_wrap {top: 0; /*position:fixed;*/ margin-top: 0;width: 100%;padding: 0;}
    #head_wrap .inner {width: 100%;padding: 0;}
    #head_wrap .fixed {padding-top: 0;background: transparent;}
    #mobile-head { width:100%; height:64px; background: rgba(255, 255, 255); z-index: 999;position: relative;display:flex;align-items:center; transform: translateY(0px); justify-content: space-between;}
    #head_wrap.fixed .logo, #head_wrap .logo { width:35%; margin-left:4%; text-align:left; }
    #global-nav { width: 100%; height:auto; /*position: absolute;*//* 開いてないときは画面外に配置 *//*top: -476px;*/background:#fff; text-align:left; -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;transition: .5s ease-in-out;transform:translateY(-920px)}
    #global-nav ul {list-style: none;position: static;right: 0;bottom: 0;margin-top: 20px;}
    #global-nav ul li { width:54px; float: none;position: static;}
    #global-nav #head_wrap a .img_wrap 
    #head_wrap #global-nav ul li a { width: 100%; display: flex; justify-content: space-between; align-items: center; line-height:54px; }
    #head_wrap.fixed #global-nav ul li a { width: 100%; line-height:54px;}
    #global-nav .global-nav_icons .icon_wrap { width:250px; display: flex; margin: 30px auto; justify-content: space-between;}
    #global-nav .global-nav_icons .icon_wrap li a { display: flex; justify-content: center; border: none;}
    #global-nav .global-nav_icons .icon_wrap li { width:120px; margin:0; }
    #global-nav .global-nav_icons .icon_wrap li a .img_wrap { width:40px; height:40px; border-radius:50%; border:1px solid #5C9062; display:flex; align-items: center;justify-content: center; flex-shrink: 0; margin-right:7px; }
    #global-nav .global-nav_icons .icon_wrap li span { margin-top:0; font-size: 12px; text-align: left; line-height: 40px; font-family:sans-serif;}

    /* #nav-toggle 切り替えアニメーション */
    #nav-toggle span {display:block; position:absolute; height:2px; width:100%; background: #fff; left: 0;-webkit-transition: .35s ease-in-out;-moz-transition: .35s ease-in-out;transition: .35s ease-in-out;}
    #nav-toggle span:nth-child(1) {top: 0;}
    #nav-toggle span:nth-child(2) {top: 5px;}
    #nav-toggle span:nth-child(3) {top: 10px;}
    /* .open #nav-toggle span:nth-child(1) {top: 5px; -webkit-transform: rotate(315deg);-moz-transform: rotate(315deg);transform: rotate(315deg);} */
    .open #nav-toggle span:nth-child(1) {top: 5px; -webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);transform: rotate(135deg);}
    .open #nav-toggle span:nth-child(2) { width: 0;left: 50%;}
    /* .open #nav-toggle span:nth-child(3) {top: 5px;-webkit-transform: rotate(-315deg);-moz-transform: rotate(-315deg);transform: rotate(-315deg);} */
    .open #nav-toggle span:nth-child(3) {top: 5px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg);transform: rotate(-135deg);}
    .open #global-nav { -moz-transform: translateY(0);-webkit-transform: translateY(0);transform: translateY(0); height: calc(100vh - 64px);}

    .open #global-nav .contact_tel { margin:0 auto 100px auto;}
  
  }
  
  #menu1, #menu2, #menu3, #menu4, #menu5 {
    margin-top: 500px;
    padding-top: 130px;
  }
  
  #menu5 {
    padding-bottom: 100vh;
  }

  @media (min-width:768px) {
  #mobile-head { width:90%; max-width:880px; margin:0 auto; display:flex; justify-content: space-between;}

  }
  @media (min-width:1000px) {
    #mobile-head { width: calc(100% - 115px); max-width:1313px; }
 

  }

  .search { width:102px; border-radius:5px; border:1px solid #5C9062; font-size:12px; line-height:40px; }
  @media (min-width:768px) {
    .search { width:240px; line-height:48px; border-radius: 9999px; float:right; margin-bottom:17px; margin-left:30px; }
  }

    .tel_pc { display:none; }
    .salesinfo { display:none; }
  @media (min-width:768px) {
    .tel_pc { width:auto; display:inline-block; margin-left:36px; }
    .tel_pc img { width:100%; }
    .salesinfo { margin-left:36px; text-align:center; display:inline-block; }
    .salesinfo .tel_pc small { width:100%; font-size:12px; text-align:center; display:inline-block; }

    .tel_pc { width:250px; display:flex; }
    .tel_pc dt { width:50px; }
    .tel_pc dt img { width:100%; }
    .tel_pc dd { margin-left:0; }
    .tel_pc dd span { width:100%; display:inline-block; text-align:center; font-size:28px; color:#5C9062; }
    .tel_pc dd small { width:100%; display:inline-block; text-align:center; margin-top:5px; }
  }
  @media (min-width:1200px) {
    .tel_pc { width:340px; display:flex; }
    .tel_pc dt { width:50px; }
    .tel_pc dt img { width:100%; }
    .tel_pc dd { margin-left:0; }
    .tel_pc dd span { width:100%; display:inline-block; text-align:center; font-size:28px; color:#5C9062; }
    .tel_pc dd small { width:100%; display:inline-block; text-align:center; margin-top:5px; }
  }

  #global-nav .button_contact { margin:30px auto 24px auto; }
  @media (min-width:768px) {
    #global-nav .button_contact { display:none; }
  }


/*ドロップメニュー*/
#global-#global-nav {background-color: #333;color: #fff;text-align: center;}
#global-nav ul {display: flex;justify-content: center;}
#global-nav ul ul {display: block;}
#global-nav ul li {width:100%; position: relative;}
@media (min-width:768px) {
  #global-nav ul { justify-content:space-between; }
  #global-nav ul li { width:auto ; }
}
#global-nav ul li a { line-height:55px; color:#1B1B1B; padding:0;transition: all 0.3s; }
@media (min-width:768px) {
  #global-nav ul li a { line-height:1.2em; padding:22px 10px; font-family: 'GenJyuuGothic-Bold'; font-size:16px; }
}

#global-nav ul li a .maru { display:none; }
#global-nav li.parent ul { width:100%; position: absolute; left: 0; top:61px;z-index: 4;background-color: #fff;visibility: hidden;opacity: 0;transition: all 0.3s;}
#global-nav li.parent:hover > ul,
#global-nav li.parent ul li:hover > ul,
#global-nav li.parent:active > ul,
#global-nav li.parent ul li:active > ul {visibility: visible;opacity: 1;}
#global-nav li.parent ul li a { color: #5C9062; border-bottom:solid 1px rgba(255, 255, 255, 0.6);}
#global-nav li.parent a .parent_arrow { width:10px; transform: rotate(90deg); float:right; margin:21px 10px 0 0; }



@media (min-width:768px) {
  #global-nav ul li a:hover { color:#5C9062; }
  #global-nav ul li a .maru { float:left; display:block; margin:5px 10px 0 0; }
  #global-nav li.parent a .parent_arrow { width:6px; transform: rotate(90deg); transition:0.5s; float:right; margin:0 0 0 10px; }
  #global-nav li.parent ul { width:184px; }
  #global-nav li.parent ul li { width:100%; }
  #global-nav li.parent ul li a { width:100%; font-size:14px; letter-spacing:0.04em; }
  #global-nav li.parent ul li a.parent_child_small { font-size:14px; }
  #global-nav li.parent ul li a img { width:6px; float:right; margin-right:0; }
  #global-nav li.parent ul li .sub { width:100%; color:#727171; }
  #global-nav li.parent ul li .sub img { width:6px; float:right; margin-right:0; }
}
#global-nav li.parent ul li:last-child > a {border-bottom: none;}
#global-nav li.parent ul li a:hover,
#global-nav li.parent ul li a:active { background:#E5EDE6; }
#global-nav li.parent ul ul {top: 0;left: 182px;background-color: #fff;}
#global-nav li.parent ul ul li a:hover,
#global-nav li.parent ul ul li a:active {background-color: #fff;}

@media screen and (max-width: 768px) {
  #global-nav {padding: 0;}

  
  #global-nav li.parent ul {position: relative;left: 0;top: 0;width: 100%;visibility: visible;opacity: 1;display: none;transition: none;}
  #global-nav ul.parent_child {position: relative;left: 0;top: 0; width: 100%;visibility: visible;opacity: 1;display: none;transition: none; margin:0; }
  #global-nav ul.parent_child img { width:10px; float:right; margin:15px 5px 0 0;}
  #global-nav ul li a { position: relative; border-bottom: solid 1px #C8DCCA; display: block;}

  #global-nav ul {
    width: calc(100% - 76px); /* 38px * 2 = 76px */
    margin-left: 38px; /* 左右の余白を設定 */
    margin-right: 38px; /* 左右の余白を設定 */
    flex-wrap:wrap; 
  }

  
  #global-nav ul li li a {padding:0;}
  #global-nav ul li.parent::before {right: 20px;}
  #global-nav ul ul li.parent::before {transform: rotate(135deg);top: 28px;right: 20px;}
  #global-nav ul li.parent.active::before {transform: rotate(-45deg);}
}
@media screen and (min-width: 768px) {
  #global-nav ul li li a {padding: 20px 10px 20px 10px;}
  #global-nav ul.parent_child .parent_child_small { font-size:14px; }
  #global-nav ul.parent_child .parent_child_small:hover { color:#5C9062; }

  #global-nav { display:none; }
}


/*一時的な処理　公開時の時に消す*/
@media screen and (min-width: 768px) {
  #head_wrap .header_bottom { pointer-events:none;}
}