@charset "UTF-8";

.c_cover img{width:100%;height:100%;object-fit:cover;}
.c_contain img{width:100%;height:100%;object-fit:contain;}

.pcOnly{display:block;}
.spOnly{display:none;}
.wrap10{width:100rem;margin:0 auto;}
.left{float:left;}
.right{float:right;}
.flexWrap{display:flex;flex-wrap: wrap;}

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

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

/*=====フッター=====*/
#topcontrol{background-color:#f0cecb;border-radius: 10rem;}
footer{background-color:#333333;padding:5rem 0;margin-top:6rem;}
footer .flexWrap{justify-content:space-between;}
footer .leftWrap a{width:15rem;display:block;margin-bottom:3rem;}
footer .leftWrap p{font-size:1.4rem;color:#fff;line-height:2.8rem;}
footer .rightWrap{position:relative;}
footer .rightWrap li{padding:0 1rem;}
footer .rightWrap li a{color:#fff;letter-spacing:.2em;transition:.4s;}
footer .rightWrap li a:hover{color:#f0cecb;}
footer .copy{font-size:1.2rem;color:#b2b2b2;position:absolute;bottom:0;right:0;}

/*=====li=====*/
.aMotion{position:relative;padding-bottom:.5rem;}
.aMotion::before,
.aMotion::after {border-bottom: solid .3rem #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:6rem;justify-content:center;}
.penguin li{margin:0 .5rem;}
.penguin span{display:block;padding:.9rem 1.5rem;}
.penguin .now{background-color:#333333;border:.1rem solid #333333;}
.penguin a{display:block;border:.1rem solid #333333;padding:.9rem 1.5rem;}

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



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

/*=====文字=====*/
p{font-size:1.4rem;line-height:3rem;}
.yelH2{font-size:2.4rem;line-height:4.4rem;}

/*=====ヘッダー=====*/
.headerWrap{height:8rem;}
.headerWrap p{width:8.5rem;left:5%;}

/*=====フッター=====*/
footer{padding-bottom:2rem;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:3rem;}
footer .copy{position:static;margin-top:2rem;}

/*=====ドロワー=====*/
.zdo_drawer_menu .zdo_drawer_button{top:2.5rem;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:#e5e5e5;}

.headerWrap .zdo_drawer_menu .zdo_drawer_nav{padding:8rem 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:.1rem solid #333333;padding-bottom:1.5rem;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:1.2rem;}
.headerWrap .zdo_drawer_menu .zdo_drawer_nav li a span{font-size:2rem;font-weight:700;font-family:brandon-grotesque,sans-serif;}
.headerWrap .zdo_drawer_menu p{font-family:"游ゴシック Medium",YuGothic,YuGothicM,sans-serif;font-size:1.2rem;letter-spacing:0.1em;line-height:3.2rem;}
.headerWrap .zdo_drawer_menu p span{font-family:brandon-grotesque,sans-serif;font-size:1.6rem;color:#96805a;font-weight:700;letter-spacing:0.2em;}

}