@charset "UTF-8";
/* CSS Document */

html {font-size:62.5%;}
body {
font-size:1.6rem;
font-family: 'Zen Kaku Gothic New', sans-serif;
letter-spacing: 0.1rem;
text-align: justify; /* 両端揃え */
text-justify: inter-ideograph;/* 両端揃えの種類win */
font-feature-settings: "palt" 1;/* カーニング */
line-break: strict;/* 禁則 */
}
@media (max-width: 992px) {
body {font-size:1.4rem;}
}
@media (min-width: 751px) {
a[href*="tel:"] {pointer-events: none;cursor: default;text-decoration: none;}
}


/*font-family: 'Zen Kaku Gothic New', sans-serif;
font-family: 'Zen Old Mincho', serif;*/

/*---nav---*/
.navbar-expand-lg{
padding: 0 0 0 1rem;
}
nav .navbar-brand img{
width: 300px;
}
.nav-item{
font-size: 1.4rem;
padding: 0;
border-bottom: 1px solid #4a8000;
margin: 2.5rem 1rem;
line-height: 1.6rem;
font-weight: 500;
}
.nav-item:hover{
opacity: 0.5;
}
.nav-item:nth-of-type(6){
margin-right: 3rem;
}
.nav-item a{
color: #000!important;
display: inline-block!important;
padding: 0 0 1rem!important;
}
.nav-link{
padding: 0!important;
}
.navbar-toggler{
border: none!important;
}
.navbar-toggler:focus {
outline: none;
}
.nav-info{
background: #4a8000;
margin: 0;
padding: 1rem;
text-align: center;
}
.nav-info .nav-link{
color: #fff!important;
font-family: 'Zen Old Mincho', serif;
padding: 1.3rem 2rem!important;
}
.nav-info span{
display: block;
font-family: 'Zen Kaku Gothic New', sans-serif;
font-weight: 300;
font-size: 1.1rem;
}
.palmenu{
display: inline-block;
padding: 1.2rem 1rem 0 ;
margin-left: -1.5rem;
}
.palmenu img{
width: 50px;
}


@media (max-width: 992px) {
body{padding-top:43px;}
header{position: fixed!important;top:0;left:0;z-index: 20;background: #fff;width: 100%;}
nav .navbar-brand{padding: 1rem 1rem 1rem 0;}
nav .navbar-brand img{width: 200px;}
.navbar-toggler{margin-right: 1rem;}
.navbar-toggler i{color:#000;}
.nav-item{font-size: 1.6rem;margin: 0.5rem 1.5rem 0.5rem 0.5rem;padding-bottom: 0.5rem;text-align: center;}
.nav-item:nth-of-type(5){margin-right: 1.5rem;}
.nav-item a{padding: 0 0 0.5rem!important;width: 100%!important;}
.nav-info .nav-link{padding: 0 0 0.5rem!important;}
.navbar-nav{padding-bottom: 1rem;}
.palmenu{
display: flex;
padding: 1rem;
margin-left: 0;
justify-content: center;
}
.palmenu img{
width: 70%;
}
}


/*---共通---*/
a:hover {
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0.8;
text-decoration: none;
}
.links{
max-width: 300px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.links a{
display: inline-block;
padding: 1rem 3rem;
font-size: 1.6rem;
letter-spacing: 0.2rem;
color: #fff;
width: 100%;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-align: center;
vertical-align: middle;
text-decoration: none;
background: #4a8000;
}
.links a:hover {
background: #ccd8c0;
opacity: 1;
}
@media (max-width: 767px) {
h2{font-size: 1.4rem;}
h2 p{font-size: 1rem;margin-top: 0.5rem;}
}

@media (max-width: 992px) {
.pc-dn2 {display:block;}
.sp-dn2 {display:none;}
}
@media (min-width: 992px) {
.pc-dn2 {display:none;}
.sp-dn2 {display:block;}
}

@media (max-width: 767px) {
.pc-dn {display:block;}
.sp-dn {display:none;}
}
@media (min-width: 767px) {
.pc-dn {display:none;}
.sp-dn {display:block;}
}

footer .box{
padding: 2rem;
background: rgb(209,218,200);
background: linear-gradient(180deg, rgba(144,186,44,1) 0%, rgba(144,186,44,1) 38%, rgba(130,175,20,1) 38%, rgba(130,175,20,1) 41%, rgba(209,218,200,1) 41%)}
footer .row div{
margin: 1.5rem 0;
}
footer img{
width: 100%;
}
footer h5{
font-size: 2rem;
font-weight: 600;
margin-bottom: 2rem;
letter-spacing: 0.2rem;
}
footer .GoogleMap{
position: relative;
height: 0;
padding-top: 25%;
padding-right: 15rem!important;
}
footer .GoogleMap iframe{
position: absolute;
top: 0;
left: 0;
width: calc(100% - 15px);
height: 100%;
}
footer .inner2{
margin-top: 2rem;
}
footer .inner2 a{
color: #000;
}
footer .links{
max-width: 150px;
margin: 1rem 0 0;
}
footer .links a{
padding: 0.8rem 2rem;
font-size: 1.6rem;
letter-spacing: 0.2rem;
color: #fff;
}
footer .links a:hover{
color: #000;
}
footer .box2{
padding: 2rem;
background: #4a8000;
color: #fff;
}
footer .logo{
width: 250px;
}
footer hr{
border-color: #fff;
}
footer .box2 a{
color: #fff;
font-size: 1.4rem;
}
footer .box2 a:hover{
text-decoration: underline;
}
footer h6{
font-size: 1.6rem;
font-weight: 600;
}
footer h6 i.fa-solid{
display: none;
}
footer .box3{
padding: 1rem;
text-align: center;
font-size: 1.2rem;
}
@media (max-width: 767px) {
footer .box{padding: 5px;}
footer .inner div{padding: 5px;margin: 5px 0 0;}
footer .GoogleMap{padding-top: 35%;}
footer .GoogleMap iframe{width: calc(100% - 30px);margin: 0 0 0 15px;}
footer .box2{padding: 2rem 1.5px;}
footer h6 i.fa-solid{display: inline-block;margin-right: 0.5rem;}
}





/*---アイスホッケー---*/
.topmain{
position: relative;
	background-image: url("/img/pal1.png"),url("/img/p_palstudio.png"), url("/img/p_back.jpg");
	background-position: right 35% bottom -300px,center top 20px,  center top;
	background-size: 500px auto,60% auto, cover;
	background-repeat: no-repeat,  no-repeat, no-repeat;
height: 700px;    
}
.topmain.shogatu{
	background-image: url("/img/pal1_shogatu.png"),url("/img/p_palstudio.png"), url("/img/p_back_shogatu.jpg");
	background-position: right 16% bottom -130px,center top 20px,  center top;
	background-size: 650px auto,60% auto, cover;
	background-repeat: no-repeat,  no-repeat, no-repeat;
height: 700px;    
}

.fukidasi{
position: absolute;
bottom:5rem;
left: 15%;
}
.fukidasi img{
width: 500px;
}

/* 下へ */
.flipDown{
animation-name:flipDownAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes flipDownAnime{
  from {
    transform: perspective(2500px) rotateX(100deg);
 	opacity: 0;
  }

  to {
    transform: perspective(2500px) rotateX(0);
	opacity: 1;
  }
}


@media (max-width: 767px) {
/*コメント入る時
.topmain{
	background-image: url("/img/p_fukidasi_sp2503.png"),url("/img/p_palstudio.png"), url("/img/p_back.jpg");
	background-position: center bottom -50px,center top 30px,  center top;
	background-size: 400px,90% auto, cover;
	background-repeat: no-repeat,  no-repeat, no-repeat;
height: 400px;    
}*/
.topmain{/*コメント入らない時*/
	background-image: url("/img/pal1.png"),url("/img/p_palstudio.png"), url("/img/p_back.jpg");
	background-position: center bottom -330px,center top 30px, center top;
	background-size: 350px,90% auto, cover;
	background-repeat: no-repeat,  no-repeat, no-repeat;
height: 400px;    
}
.topmain.shogatu{
	background-image: url("/img/p_fukidasi_sp_shogatu.png"),url("/img/p_palstudio.png"), url("/img/p_back_shogatu_sp.jpg");
	background-position: center bottom -0px,center top 30px,  center top;
	background-size: 400px,90% auto, cover;
	background-repeat: no-repeat,  no-repeat, no-repeat;
height: 400px;    
}
}


#hockey h1{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
font-size: 3.5rem;
letter-spacing: 0.5rem;
color: #fff;
}
#h-hockey{
text-align: center;
padding-top: 0;
padding-bottom: 9rem;
background:linear-gradient(0deg, rgb(16, 85, 155), rgb(10, 50, 51));
}
#h-hockey h2{
font-size: 2.6rem;
font-weight: 600;
letter-spacing: 0.5rem;
text-align: left;
margin-top: 6rem;
margin-left: 3rem;
}
h2 span{
color: #4a8000;
}
h2 p{
font-size: 2rem;
font-weight: 500;
letter-spacing: 0.3rem;
margin-top: 1rem;
}
.palbox-kurofuchi{
border:10px solid #000;
background-color: #fff;
}


@media (max-width: 992px) {
.palbox-kurofuchi{
padding: 0.5rem 0.5rem;
}
#h-hockey{
padding-bottom: 3rem;
}
#h-hockey h2{
font-size: 1.7rem;
letter-spacing: 0.1rem;
margin-top: 3rem;
margin-left: 1rem;
}
h2 p{
font-size: 1.4rem;
letter-spacing: 0.1rem;
margin-top: 1rem;
}
}






/*パルログ*/
.pal-log{
margin-bottom: 5rem;  
}
.pal-log h2{
font-size: 3rem!important;
text-align: center!important;
margin-top: 3rem!important;
}
.pal-log h2 img{
width: 100%;
}
.pal-log_box{
  max-width: 700px;
  margin: 0 auto;
  padding-bottom: 3rem;
}
.pal-log_box img{
  width: 100%;
}
@media (max-width: 992px) {
.pal-log{
margin-bottom: 0;  
}
}