@charset "UTF-8";
/*=====共通パーツ=====*/
.pcOnly{display:block!important;}
.spOnly{display:none!important;}
img{width:100%;}
.wrap10{width:1000px;margin:0 auto;}
.grayBG{background-color:#e6e6e6;}
.topWrap{text-align:center;padding:100px 0;}
.wf-hannari { font-family:Hannari, 游明朝, YuMincho, "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;; }
/*=====タイトル=====*/
.h2title{font-size:30px;font-family: ff-basic-gothic-pro, sans-serif;font-style: normal;font-weight: bold;letter-spacing:4px;position:relative;}
.h2title:after{position:absolute;content:"";border-bottom:1px solid #000;width:110px;left:50%;transform:translateX(-50%);top:0;bottom:-30px;}
.h2title + p{margin-top:60px;letter-spacing:2px;}
.h2DetTtl{font-size:30px;letter-spacing:4px;margin-bottom:50px;}
.h2DetTtl span{font-size:16px;vertical-align: middle;letter-spacing: normal;color:#ec6c00;;padding-left:20px;}
.h3Bold{font-size:20px;font-weight: bold;line-height:40px;margin-bottom: 30px;letter-spacing:2px;}
/*=====ボタン=====*/
.moreBtn{width:150px;margin:0 auto;border:1px solid #4d4d4d;border-radius:40px;font-size:14px;font-family: ff-basic-gothic-pro, sans-serif;font-style: normal;margin-top:30px;transition: 0.4s;letter-spacing:2px;}
.moreBtn a{display:block;padding:3px 0;}
.moreBtn:hover{background-color:#ec6c00;border-color:#ec6c00;}
.moreBtn:hover a{color:#fff!important;}
/*=====詳細ページトップ=====*/
.detailWrap ul{text-align:center;}
.detailWrap ul li{display:inline-block;padding:10px 20px;}
.detailWrap ul li a{font-weight:bold;letter-spacing:4px;font-size:16px;}
/*=====横並びテキスト=====*/
.textSideBy{display:flex;justify-content: space-between;}
.textSideBy p{width:450px;}
/*=====アコーディオン=====*/
.moreBox{width:100%;margin:0 auto;padding:40px 0;text-align:center;margin-bottom:40px;}
.moreBox p{text-align:left;font-size:14px;line-height:28px;margin-bottom:20px;}
.moreBox .moreClose{width:90%;margin:0 auto;text-align:center;margin-top:20px;}
/*=====ヘッダ=====*/
.headWrap{padding:20px 50px;display: flex;align-items: center;justify-content: flex-end;}
.headWrap h1{width:170px;margin-right: auto;}
.headWrap ul{font-size:0;}
.headWrap ul li{display:inline-block;padding-left:30px;vertical-align: middle;}
.headWrap ul li a{font-size:16px;font-family: ff-basic-gothic-pro, sans-serif;font-style: normal;font-weight: bold;letter-spacing:2px;display:block;position: relative;}
.headWrap ul li:last-of-type a{font-size:26px;color:#666666;}
.ulMotion li a::before,.ulMotion li a::after {border-bottom: solid 3px #ec6c00;bottom: 0;content: "";display:block;position: absolute;transition: all .3s ease;-webkit-transition: all .3s ease;width: 0;}
.ulMotion li a::before {left: 50%;}
.ulMotion li a::after {right: 50%;}
.ulMotion li a:hover::before,li a:hover::after {width: 50%;}
/*=====フッタ=====*/
.footLinkWrap{background-color:#333333;padding:80px 0;}
.pcOnly.footLinkWrap .wrap10{display:flex;justify-content: space-between;}
.footLinkWrap ul li{padding-bottom:5px;}
.footLinkWrap ul li a{color:#cccccc!important;font-size:14px;position:relative;padding-bottom:5px;letter-spacing:2px;}
.pcOnly.footLinkWrap ul li:first-of-type a{font-size:18px;color:#fff!important;font-family: ff-basic-gothic-pro, sans-serif;font-style: normal;font-weight: bold;letter-spacing:3px;}
.footerDataWrap{text-align:center;padding:50px 0 20px 0;}
.footerDataWrap .logoWrap{width:170px;margin:0 auto;}
.footerDataWrap p{margin-top:20px;font-size:14px;letter-spacing:1px;}
.footerDataWrap .insta{font-size:30px;color:#b2b2b2;}
.footerDataWrap .copy{font-size:12px;color:#b2b2b2;}

@media (max-width:768px){
	.pcOnly{display:none!important;}
	.spOnly{display:block!important;}

}