@charset "UTF-8";
.pcOnly{display:block;}
.spOnly{display:none;}
.wrap10{width:1000px;margin:0 auto;}
.left{float:left;}
.right{float:right;}
.flexWrap{display:flex;flex-wrap: wrap;}
.center{text-align:center;}

/*=====文字=====*/
p{font-size:14px;line-height:36px;letter-spacing: .1em;}
.yu{font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Noto Sans JP",sans-serif;}
.yelH2{font-size:30px;font-weight:bold;letter-spacing: .2em;position:relative;text-align:center;padding-top:30px;margin-bottom:40px;line-height:60px;}
.yelH2::before{position: absolute;content: "";display: block;top:0;width:50px;height:4px;background-color:#ffc800;left:50%;transform: translateX(-50%);}
.h2Sub{text-align: center;margin-bottom:50px;}

/*=====ヘッダー=====*/
.headerWrap{display:flex;width:100%;height:80px;position: relative;}
.headerWrap p{width:230px;position:absolute;top:50%;transform:translateY(-50%);left:60px;}
.headerWrap ul{position: absolute;top:50%;transform:translateY(-50%);right:60px;}
.headerWrap ul li{display: inline-block;margin-left:20px;vertical-align: middle;}
.headerWrap ul li a{color:#1a1a1a;font-size:14px;letter-spacing: .2em;display: inline-block;padding:5px 10px;font-weight:500;}
.headerWrap ul li:last-of-type a{background-color:#ffc800;}

/*=====フッター=====*/
#topcontrol{background-color:#ffc800;border-radius: 100px;}
footer{background-color:#333333;padding:50px 0;margin-top:60px;}
footer .flexWrap{justify-content: space-between;}
footer .leftWrap a{width:120px;display: block;margin-bottom:30px;}
footer .leftWrap p{font-size:14px;color:#fff;line-height:28px;}
footer .rightWrap{position:relative;}
footer .rightWrap li{padding:0 10px;}
footer .rightWrap li a{color:#fff;letter-spacing: .2em;transition: .4s;}
footer .rightWrap li a:hover{color:#ffc800;}
footer .copy{font-size:12px;color:#b2b2b2;position:absolute;bottom:0;right:0;}

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

/*=====ボタン=====*/
.btnWrap a{display: inline-block;border:2px solid #1a1a1a;font-size:14px;letter-spacing: .2em;padding:10px 20px;font-weight:500;margin-top:50px;transition: .4s;}
.btnWrap i{margin-left:10px;}
.btnWrap a:hover{background-color:#ffc800;border-color:#ffc800;}



@media screen and (max-width:768px){
.pcOnly{display:none;}
.spOnly{display:block;}
br.spOnly{display:inline-block;}
.wrap10{width:100%;margin:0 auto;}

/*=====文字=====*/
p{font-size:14px;line-height:30px;}
.yelH2{font-size:24px;line-height:44px;}

/*=====ヘッダー=====*/
.headerWrap{height:80px;}
.headerWrap p{width:200px;left:5%;}

/*=====フッター=====*/
footer{padding-bottom:20px;margin-top:0;}
footer .wrap10{width:100%;padding:0 5%;text-align:center;}
footer .flexWrap{flex-direction: column;}
footer .flexWrap > div{width: 100%;}
footer .leftWrap a{margin:0 auto;margin-bottom:30px;}
footer .copy{position:static;margin-top:20px;}


/*=====ドロワー=====*/
.zdo_drawer_menu .zdo_drawer_button{top:25px;right:5%;position:fixed;}
.zdo_drawer_menu .zdo_drawer_button .zdo_drawer_bar{background-color:#1a1a1a;}
.zdo_drawer_menu .zdo_drawer_nav_wrapper{background-color:#f7f5e4;}

.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;}

}