@charset "utf-8";

/*header ----------------------------*/
header{border-bottom: 1px solid #ccc;}

#nav-pc{display: block;}
#nav-sp{display: none;}

@media screen and (max-width:768px){
	#nav-pc{display: none;}
	#nav-sp{display: block;}	
}

/*PC版 ----------------------------*/
#pc-logoArea{display: table; width: 100%; border-bottom: 1px solid #e5e5e5;}
#pc-logoArea .logo{display: table-cell; vertical-align: middle; width: 9%; padding-left: 15px;}
#pc-logoArea .logo img{width:127px;}
#pc-logoArea .menu-mini{display: table-cell; vertical-align: middle; width: 80%;}
#pc-logoArea .menu-mini:after{content: ""; display: block; clear: both;}

#pc-logoArea .menu-mini .sns-link{float: right; letter-spacing: -5px;}
#pc-logoArea .menu-mini .sns-link ul li{display: inline-block;}
#pc-logoArea .menu-mini .sns-link li a{display: block; width: 80px; height: 60px; text-indent: -9999px; transition:1s;}
#pc-logoArea .menu-mini .sns-link li a:hover{opacity: 0.7;}
#pc-logoArea .menu-mini .sns-link li.rss a{background: url(../images/header/icon-rss.png) no-repeat center center; background-size: cover;}
#pc-logoArea .menu-mini .sns-link li.youtube a{background: url(../images/header/icon-youtube.png) no-repeat center center; background-size: cover;}
#pc-logoArea .menu-mini .sns-link li.instagram a{background: url(../images/header/icon-instagram.png) no-repeat center center; background-size: cover;}
#pc-logoArea .menu-mini .sns-link li.facebook a{background: url(../images/header/icon-facebook.png) no-repeat center center; background-size: cover;}
#pc-logoArea .menu-mini .sns-link li.twitter a{background: url(../images/header/icon-X.png) no-repeat center center; background-size: cover;}

#pc-logoArea .menu-mini .sub-menu{float: right;}
#pc-logoArea .menu-mini .sub-menu ul{display: table; height: 60px;}
#pc-logoArea .menu-mini .sub-menu ul li{display: table-cell; vertical-align: middle;}
#pc-logoArea .menu-mini .sub-menu ul li a{font-size: 12px; border-left: 1px solid #000; padding: 0 18px; transition:1s;}
#pc-logoArea .menu-mini .sub-menu ul li a:hover{color: #bfbfbf;}
#pc-logoArea .menu-mini .sub-menu ul li:first-child a{border-left: none;}

#pc-mainNav{text-align: center; border-bottom: 1px solid #e5e5e5;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #eff0f0 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#eff0f0 100%);
background: linear-gradient(to bottom, #ffffff 0%,#eff0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eff0f0',GradientType=0 );}
#pc-mainNav ul{letter-spacing: -4px;}
#pc-mainNav ul li{display: inline-block;}
#pc-mainNav ul li:first-child a{border-left: 1px solid #e5e5e5;}
#pc-mainNav ul li a{font-size: 16px; display: block; padding: 10px 0; width: 198px; border-right: 1px solid #e5e5e5; transition:1s; letter-spacing: normal;}
#pc-mainNav ul li a:hover{background: #fbe4b1;}

@media screen and (max-width:1220px){
	#pc-mainNav ul li{width: 16%;}
	#pc-mainNav ul li a{width: 100%;}
}

/*SP版 ----------------------------*/
#nav-sp #sp-logoArea{overflow: hidden; padding: 10px;}
#nav-sp .logo{float: left; width: 35%;}
#nav-sp .sp-menu-btn{float: right; margin-right:5px;}
#nav-sp .sp-menu-btn #slide-menu{display: block; width: 30px; height: 35px; position: relative;}
#slide-menu span#panel-btn-icon{position: absolute; top:50%; display: block; width: 100%; height: 2px; background: #000;
	-webkit-transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    transition: all .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);}
#slide-menu span#panel-btn-icon:before{content: ""; display: block; width: 100%; height: 2px; background: #000; position: absolute; top:-10px;}
#slide-menu span#panel-btn-icon:after{content: ""; display: block; width: 100%; height: 2px; background: #000; position: absolute; top:10px;}
.sidr-menu-open #slide-menu span#panel-btn-icon{background: transparent;}
.sidr-menu-open #slide-menu span#panel-btn-icon:before{-webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0;}
.sidr-menu-open #slide-menu span#panel-btn-icon:after{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;}

.sidr{box-shadow:none !important; background: #fff !important}
#sp-mainNav ul{margin-bottom: 0; /*background: #eb602b;*/ background:#000; border-bottom:none; border-top:none; font-family: 'Montserrat','Noto Sans JP', sans-serif;}
#sp-mainNav ul li{border-top:none; /*border-bottom: 1px solid #ffa07d;*/ border-bottom: 1px solid #666;}
#sp-mainNav ul li a{position: relative; color: #fff; font-size: 16px; box-shadow:none !important;}
#sp-mainNav ul li a:after{content: ""; position: absolute; top:17px; right: 15px; width: 10px; height: 10px; display: block; 
	border-top:1px solid #fff; border-right:1px solid #fff;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);}

#sp-sub-menu ul{border-top:0; margin-bottom: 0; /*background: #f8b21b;*/ background: #444; font-family: 'Montserrat','Noto Sans JP', sans-serif;}
#sp-sub-menu ul li{border-top:none; /*border-bottom: 1px solid #ffcd62;*/ border-bottom: 1px solid #666; line-height: 36px;}
#sp-sub-menu ul li a{color: #fff; font-size: 13px; position: relative;}
#sp-sub-menu ul li a:after{content: ""; position: absolute; top:14px; right: 15px; width: 5px; height: 5px; display: block; 
	border-top:1px solid #fff; border-right:1px solid #fff;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);}

#sp-sns-link ul{border: none; padding: 15px 0px; text-align: center;}
#sp-sns-link ul li{border: none; display: inline-block; margin: 5px;}
#sp-sns-link ul li a{padding: 0; display: block; width: 70px; height: 60px; text-indent: -999999px;}
#sp-sns-link ul li.rss a{background: url(../images/header/icon-rss.png) no-repeat center center; background-size: cover;}
#sp-sns-link ul li.youtube a{background: url(../images/header/icon-youtube.png) no-repeat center center; background-size: cover;}
#sp-sns-link ul li.instagram a{background: url(../images/header/icon-instagram.png) no-repeat center center; background-size: cover;}
#sp-sns-link ul li.facebook a{background: url(../images/header/icon-facebook.png) no-repeat center center; background-size: cover;}
#sp-sns-link ul li.twitter a{background: url(../images/header/icon-X.png) no-repeat center center; background-size: cover;}