@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font-size:1rem; font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif; overflow-x:hidden; color:#333;}
.wrap{overflow:hidden; position:relative; /* animation:fadein 2s forwards; */}
/* @keyframes fadein {
	0% {opacity: 0}
	100% {opacity: 1}
}
 */
header{padding:0; width:100%; margin:0 auto;}
h1{margin:0 auto 3% auto; padding:5% 0 4% 0; text-align:center; line-height:150%; width:100%; border-bottom:1px solid #bbbbbb; font-size:90%;}

.hamburger {
  display : block;
  position: absolute;
  z-index : 99;
  right : 20px;
  top:-90px;
  width : 36px;
  height: 40px;
  cursor: pointer;
  text-align: center;
	margin-top: 95px;
	transition: top 300ms;
}

/*　ハンバーガーメニューボタン　*/

.hamburger span {
  display : block;
  position: absolute;
  width   : 36px;
  height  : 3px ;
  left    : 6px;
  background : #454545;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 23px;
}
.hamburger span:nth-child(3) {
  top: 36px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

/* メニュー背景　*/
nav.globalMenuSp{position:fixed; z-index:98; top:0; left:0; color:#fff; background:rgba( 71,70,73,0.9 ); text-align:left; width:100%; transform:translateX(100%); transition:all 0.7s; height:100%;}

nav.globalMenuSp ul{list-style:none; margin:20% auto 0 auto; padding:0; width:80%; border-top:1px solid #b5b5b5;}

nav.globalMenuSp ul li{
width:49.5%;
transition: .4s all;
font-size:90%;
line-height:100%;
margin:0;
border-bottom:1px solid #b5b5b5;
border-left:1px solid #b5b5b5;
float:left;

}
nav.globalMenuSp ul li:nth-child(2n){border-right:1px solid #b5b5b5; padding-bottom:0;}
nav.globalMenuSp ul li:last-child{border-right:1px solid #b5b5b5; padding-bottom:0;}
nav.globalMenuSp ul li:hover{background:#ddd;}

nav.globalMenuSp ul li a{display:block; color:#fff; padding:17% 0 16% 22%; text-decoration:none; background:url("../../img/sp/arrow_menu.png") no-repeat 8% 50%; background-size:auto 15px;}
nav.globalMenuSp ul li a:hover{color:#000; background-image:url("../../img/sp/arrow_menu_h.png");}
nav.globalMenuSp ul li.no_sp{display:none;}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
   transform: translateX(0%);
}

/* searchMenu背景
.searchMenu{position:fixed; z-index:98; top:0; left:0; color:#fff; background:rgba( 71,70,73,0.9 ); text-align:left; width:100%; transform:translateX(-100%); transition:all 0.7s; height:100%;}　*/


/* クリックでjQueryで追加・削除
.searchMenu.active {
  opacity: 100;
  display: block;
   transform: translateX(0%);
} */

.searchMenu{border-bottom:1px solid #bbbbbb; margin:5% auto 10% auto; padding:0 0 5% 0; width:98%;}

.searchMenu h2{margin:4% auto 2% auto; padding:3% 0 3% 0; text-align:center; line-height:100%; width:100%; font-size:80%; background-color:#e5eff7;}


.searchMenu input[type=checkbox]{margin:1%;}

.searchMenu ul{width:96%; margin:5% auto; padding:0; list-style:none;}

.search_ico{display:none;}

/*/.search_ico{background-image:url("../../img/pc/search_ico.png"); background-repeat:no-repeat; background-size:contain; width:33px; height:31px; display:block; position:absolute; top:17px; left:10px;}


.search_ico.active{background-image:url("../../img/pc/close_ico.png"); background-repeat:no-repeat; background-size:contain; width:33px; height:31px; display:block; position:absolute; top:17px; left:10px; z-index:100;} /**/

.clearfix::after{content:""; display:block; clear:both;}
.clearfix{min-height:1px;}
* html .clearfix{
    height:1px; /*¥*/
    /*/ height:auto; overflow:hidden; /**/
}
.bottom20{margin-bottom:20%;}
.clear{clear:both;}
.pc{display:none;}
.tablet{display:none;}
.sp{display:block;}
.br_sp{display:block;}
.only_sp{display:block;}

select{margin:1% 0.5%;}

#direction{width:100%; padding:0; margin:0;}
.cover_image{margin:0 auto; padding:0; position:absolute;}
.cover_image img{display:block; width:100%; height:100vh;}

.nd_sp{display:none;}
div.wrap_scroll_h{width: 100%; overflow: scroll; height: 100%}

.err_msg_area, .error{color:#ED0003;}
span.require{color:#ED0003;font-weight: bold;}

div.warm_msg_span span{
	color: #18bd07;
	font-size: 130%;
}
ul.search_btn li button.reset_btn{text-decoration:none; color:#fff; padding:0; height:40px; border-radius:5px; display:flex; flex-direction:column; justify-content:center;border: 0;background-color: #94b8d8;font-size: 100%; align-items: center;cursor: pointer;width: 150px;border-radius: 5px;font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;}
