@charset "UTF-8";
body{background-color:#ddd;}
.pcOnly{display:block;}
.spOnly{display:none;}
.wrap10{width:1000px;margin:0 auto;}
.left{float:left;}
.right{float:right;}
.flexWrap{display:flex;flex-wrap: wrap;}
.outWrap{padding:80px 0 40px 0;}
/*iOSリセット*/
/* iOSでのデフォルトスタイルをリセット */
input:not([type="checkbox"]),textarea{-webkit-appearance: none; }
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/*=====ヘッダー=====*/
.headerWrap{background-color:#262626;width:100%;padding:10px 2%;position:fixed;top:0;z-index: 999;display: flex;}
.headerWrap h1{width: 100px;}
.headerWrap ul{position:absolute;right:20px;}
.headerWrap ul li{color:#fff;margin-left: 40px;}
.headerWrap ul li a{color:#808080;position:relative;transition: .4s;}
.headerWrap ul li a::before{position: absolute;content: "|";color:#fff;left:-20px;}
.headerWrap ul li a:hover{color:#00AAFF;}

/*=====li=====*/
.aMotion{position:relative;padding-bottom:5px;}
.aMotion::before,
.aMotion::after {border-bottom: solid 3px #96805a;bottom: 0;content: "";display:block;position: absolute;transition: all .3s ease;-webkit-transition: all .3s ease;width: 0;}
.aMotion::before {left: 50%;}
.aMotion::after {right: 50%;}
.aMotion:hover::before,
.aMotion:hover::after {width: 50%;}

/*=====ぺんぎん=====*/
.penguin{display:flex;flex-wrap: wrap;margin-top:60px;justify-content: center;}
.penguin li{margin:0 5px;}
.penguin span{display: block;padding:9px 15px;}
.penguin .now{background-color:#00AAFF;color:#fff;}
.penguin a{display: block;padding:9px 15px;background-color:#fff;color:#00AAFF;border-radius: 3px;}

/*=====ぺんぎん2=====*/
.pagination{display:flex;flex-wrap: wrap;margin-top:60px;justify-content: center;}
.pagination li{margin:0 5px;}
.pagination span{display: block;padding:9px 15px;}
.pagination .active{background-color:#00AAFF;color:#fff;}
.pagination a{display: block;padding:9px 15px;background-color:#fff;color:#00AAFF;border-radius: 3px;}


/*=====タイトル=====*/
.cateTtl{font-size:14px;color:#808080;letter-spacing: .2em;position:relative;background-color:#fff;margin-bottom:50px;margin-top: 50px;font-weight: 500;}
.cateTtl span{background-color:#fff;position:relative;padding-right:20px;font-weight: 500;}
.cateTtl::before{position: absolute;content: "";width:100%;height:1px;background-color: #DDDDDD;right:0;top:50%;}
.cateBorder{position:relative;padding-bottom:20px;margin-bottom:50px;}
.cateBorder::after{position:absolute;content: "";width:100%;height:1px;background-color:#DDDDDD;bottom:0px;}
.more{font-size:16px;font-weight:700;letter-spacing: .2em;cursor: pointer;}
.more:hover{opacity: 0.8;}

/*=====ボタン=====*/
/*=====INPUT=====*/
.inp{margin-bottom:30px;margin-right:30px;}
.inp label,
.subLab{font-size:14px;font-weight: 500;letter-spacing: .1em;}
.inp input{border:1px solid #B2B2B2;border-radius: 3px;font-size:14px;line-height: 28px;padding:0 5px;}

/*=====INPUT LABEL=====*/
.text label,
.textA label,
.cal label,
.sel label,
.subLab{display: block;line-height:28px;}
.req{color:#FD7242;}

/*=====CHECK=====*/
.check label{display: inline-block;margin-right:30px;line-height: 30px;white-space: nowrap;}
.check input{margin-right:10px;padding:3px;}
.subLab{flex-basis: 100%;}

/*=====Calender=====*/
.cal{position:relative;}
.cal::after{position:absolute;content: "\f073";font-family:"Font Awesome 5 Free";display: block;bottom: 10px;right: 10px;}

/*=====SELECT=====*/
.sel select{font-size:14px;height:30px;border:1px solid #b2b2b2;background-color:inherit;padding: 0 5px;}

/*=====RADIO=====*/
input[type="radio"]{display: none;}
.radio{border:2px solid #B2B2B2;color:#B2B2B2;border-radius: 20px;line-height:30px;min-width:75px;text-align:center;letter-spacing: .1em;padding:0 10px;box-sizing: border-box;transition: .4s;margin-right:15px;margin-bottom:30px;}
.radio:hover{cursor: pointer;}
input[type="radio"]:checked + label{color:#00AAFF;border-color:#00AAFF;}
.radio:last-of-type{margin-right:0;}
/*=====FILE=====*/
input[type="file"]{line-height:inherit;border:none;font-size:13px;}

/*=====TEXTAREA=====*/
.textA{margin-right:0;}
.textA textarea{max-width:745px;width:100%;border:1px solid #B2B2B2;border-radius: 3px;height:125px;}

/*=====OTHER=====*/
.noIn{display: block;}
.last{margin-right:0;}
.lastB{margin-bottom:0;}

/*=====SIZE=====*/
.large{width:400px;}
.med{width:200px;}
.small{width:125px;}

/*=====SUBMIT=====*/
.btnWrap.sub{margin-bottom:0;margin-top:80px;}
.btnWrap.sub *:not(i){color:#fff;font-size:16px;line-height:35px;letter-spacing: .2em;border:none;min-width:170px;padding:0 20px;border-radius: 3px;display:inline-block;transition: .4s;text-align:center;}
.regi,
.new{background-color:#00AAFF;}
.del{background-color:#B2B2B2;}
.regi:hover{cursor: pointer;background-color:#0080bf;}
.del:hover{cursor: pointer;}

/*=====ACTION=====*/
.actBtn{border:2px solid #00AAFF;color:#00AAFF;font-size:16px;line-height:40px;padding:0 45px 0 25px;border-radius: 5px;position:relative;margin-right:30px;letter-spacing: .1em;min-width: 180px;text-align:center;background-color:#fff;}
.actBtn img{width:24px;position:absolute;top:50%;transform: translateY(-50%);right:10px;}
.actBtn:hover{color:#88DDFF;}

/*=====EDIT=====*/
.edit{display: inline-block;background-color:#00AAFF;color:#fff;font-size:14px;font-weight:500;border-radius: 3px;line-height:30px;min-width:75px;text-align:center;letter-spacing: .2em;border:none;padding:0 10px;}


/*=====ROUND=====*/
.round{border-radius: 100%;height:
35px;width:35px;background-color:#00AAFF;color:#fff;border:none;font-size:12px;}
.round.gray{background-color: #ddd;color:#666666;}

/*=====WRAPPER=====*/
.tool{justify-content: center;align-items: center;}




@media screen and (max-width:768px){
.pcOnly{display:none;}
.spOnly{display:block;}
br.spOnly{display:inline-block;}

.wrap10{width:100%;margin:0 auto;}



/*=====ヘッダー=====*/
/*=====ドロワー=====*/
.zdo_drawer_menu .zdo_drawer_nav_wrapper{background-color:#000;}
.zdo_drawer_menu .zdo_drawer_button{top:20px;right:5%;position:absolute;}
.headerWrap.fixed .zdo_drawer_menu .zdo_drawer_button{top:7px;}

.headerWrap .zdo_drawer_menu .zdo_drawer_nav{padding:80px 5% 0 5%;top:0;right:inherit;left:50%;width:100%;transform: translateX(-50%);height:100%;overflow: auto;}
.headerWrap .zdo_drawer_menu .zdo_drawer_nav li{display: block;border-bottom:1px solid #333333;padding-bottom:15px;margin-left:0;}
.headerWrap .zdo_drawer_menu .zdo_drawer_nav li:last-of-type{border-bottom:none;}
.headerWrap .zdo_drawer_menu .zdo_drawer_nav li a{font-size:12px;}
.headerWrap .zdo_drawer_menu .zdo_drawer_nav li a span{font-size:20px;font-weight:700;font-family: brandon-grotesque, sans-serif;}
.headerWrap .zdo_drawer_menu p{font-family:"游ゴシック Medium",YuGothic,YuGothicM,sans-serif;font-size:12px;letter-spacing: 0.1em;line-height:32px;}
.headerWrap .zdo_drawer_menu p span{font-family: brandon-grotesque, sans-serif;font-size:16px;color:#96805a;font-weight:700;letter-spacing: 0.2em;}



/*=====ボタン=====*/
.inp input{width:100%;}

}




p.error_text{
  color: red;
  font-weight: bold;
}
.update_check{
  padding: 10px 20px;
  background-color: #388E3C;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  border-radius: 10px;
  margin-bottom: 10px;
}
.resist_check{
  padding: 10px 20px;
  background-color: #1E88E5;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  border-radius: 10px;
  margin-bottom: 10px;
}
.error_check{
  padding: 10px 20px;
  background-color: #FF5252;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  border-radius: 10px;
  margin-bottom: 10px;
}