@charset "UTF-8";
body{background-color:#f1f4f8;}
.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;}
/*=====ヘッダー=====*/
.headerWrap{background-color:#ffffff;width:100%;padding:20px 5%;position:fixed;top:0;z-index: 999;display: flex;}
.headerWrap h1{font-size:12px;font-weight:500;letter-spacing: .3em;vertical-align: middle;}
.headerWrap h1 img{width:130px;margin-right:15px;}
.headerWrap ul{position:absolute;right:5%;}
.headerWrap ul li{color:#999999;letter-spacing: .2em;}
.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:#333333;border:1px solid #333333;}
.penguin a{display: block;border:1px solid #333333;padding:9px 15px;}


/*=====タイトル=====*/
.cateTtl{font-size:14px;color:#808080;letter-spacing: .2em;position:relative;background-color:#fff;margin-bottom:50px;margin-top: 50px;}
.cateTtl::before{position: absolute;content: "";width:calc(100% - 100px);height:1px;background-color: #DDDDDD;right:0;top:50%;}


/*=====ボタン=====*/
.btnWrap a{background-color:#ff2717;color:#fff;}

/*=====INPUT=====*/
.inp{margin-bottom:40px;margin-right:50px;}
.inp label,
.subLab{font-size:14px;font-weight: 500;letter-spacing: .1em;}
.inp input{border:none;border-bottom:1px solid #999999;font-size:14px;line-height: 28px;}

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

/*=====CHECK=====*/
.check label{display: inline-block;margin-right:30px;line-height: 30px;}
.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: 8px;left: 185px;}

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

/*=====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;}

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

/*=====OTHER=====*/
.noIn{display: block;}
.last{margin-right:0;}
.lastBtm{margin-bottom:0!important;}
/*=====SIZE=====*/
.large{width:400px;}
.med{width:210px;}
.small{width:125px;}

/*=====SUBMIT=====*/
.btnWrap.sub{margin-bottom:0;margin-top:50px;}
.btnWrap.sub *{color:#fff;font-size:16px;line-height:35px;letter-spacing: .2em;border:none;width:170px;display:inline-block;transition: .4s;text-align:center;}
.regi,
.new{background-color:#ff2717;}
.del{background-color:#B2B2B2;}
.regi:hover{cursor: pointer;background-color:#AE0C00;}
.del:hover{cursor: pointer;}

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

/*=====EDIT=====*/
.edit{display: inline-block;background-color:#ff2717;color:#fff;font-size:14px;line-height:30px;min-width:75px;text-align:center;letter-spacing: .2em;}


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





@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{margin-right:0;width:100%;}
.inp input,
.large,
.med{width:100%;}
.inp input[type="checkbox"]{width:inherit;}
.cal::after{left:auto;right:0;}










}