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



/*---アイスホッケー---*/
#hockey .jumbotron{
position: relative;
}
#hockey .jumbotron img{
width: 100%;
}
#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{
padding-bottom: 10rem;
text-align: center;	
}
#h-hockey h2{
text-align: center;
margin-top: 20px;	
}
#h-hockey h2 p{
margin-top: 1rem;
font-size: 1.8rem;
}
#h-hockey img{
width: 70%;
margin-top: 4rem;	
}

#h-hockey{
padding-bottom: 9rem;
}

#h-hockey_gra{
padding-top: 10rem;	
padding-bottom: 10rem;
background: url("/img/h_back01.jpg") center /cover;
text-align: center;
}
#h-hockey_gra p{
font-size: 1.8rem;
font-weight: bold;
}
#h-hockey_gra table{
width: 60%;
border-collapse: collapse;
border-spacing: 0;
margin-left: auto;
margin-right: auto;
margin-top: 5rem;
}
#h-hockey_gra table th,table td{
padding: 10px 0;
text-align: center;
color: #fff;
background-color: rgba(0,0,0,0.2);
width: 25%;	
}
#h-hockey_gra table tr:nth-child(odd){
background-color: rgba(0,0,0,0.5);
}
#h-hockey_gra .green{
background-color: #4A8000;
padding: 0.5rem;	
}
#h-hockey_gra .green{
background-color: #4A8000;	
}
#h-hockey_gra .red{
color: #B32D26;
font-weight: bold;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
-1px 1px 0 #FFF, 1px -1px 0 #FFF,
0px 1px 0 #FFF,  0-1px 0 #FFF,
-1px 0 0 #FFF, 1px 0 0 #FFF;	
}

#h-hockey_pal{
padding-top: 15rem;
padding-bottom: 10rem;
background: url("/img/h_back02.jpg") center /cover;
}

#h-hockey_pal img{
width: 60%;
}
#h-hockey_pal .box-insert{
text-align: center;
}
.pal_title{
text-align: center;

}
.pal_title h3{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Shippori Mincho', serif;
font-size: 6rem;	
  color: #ACCA93;
  background: -webkit-linear-gradient(0deg, #ACCA93,#0C66A5, #211815);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pal_title h4{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Shippori Mincho', serif;	
font-size: 6rem;
}

.pal_title p{
margin-top: 2rem;
margin-bottom: -1rem;
}

.head-border {
display: flex;
align-items: center;
}
.head-border:before,
.head-border:after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #666;
}
.head-border:before {
margin-right: 1rem;
}
.head-border:after {
margin-left: 1rem;
}

#h-hockey_spo{
background: url("/img/h_back03.jpg") center /cover;
margin-bottom: -5rem;
padding: 10rem 0rem;	
text-align: center;
}
.spo_title{
text-align: center;
padding-top: 2rem;
padding-bottom: 2rem;	
}
.spo_title h3{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Shippori Mincho', serif;	
font-size: 10rem;
letter-spacing: 1rem;
color: rgba(0,0,0,0.3);		
}
#h-hockey_spo #sponsor .container:nth-of-type(2){
}
#h-hockey_spo p{
font-size: 2rem;
font-weight: bold;
}
#h-hockey_spo img{
width: 100%;
margin-bottom: 1rem;	
}
#h-hockey_spo .inner{
text-align: center;
}

@media (max-width: 767px) {
#h-hockey{padding-bottom: 5rem;}	
#h-hockey_gra{
padding-top: 5rem;	
padding-bottom: 6rem;
background: url("/img/h_back01.jpg") center /auto;
}	
#h-hockey_gra table{width: 100%;}
.spo_title h3{font-size: 5rem;}
#h-hockey_spo img{
width: 100%;
}
#h-hockey_pal{padding: 5rem 0rem;}	
.pal_title h3{
font-size: 2.5rem;
}
.pal_title h4{
font-size: 2.5rem;
}
.pal_title p{
margin-top: 1rem;
margin-bottom: 0rem;
}
#h-hockey_pal img{width: 80%;}
#h-hockey_spo{
padding: 3rem 0rem;	
}	

}



/*palスタジオから引っ越してきたコンテンツ*/

#h-hockey_game{
text-align: center;
padding-top: 5rem;
background:linear-gradient(0deg, rgb(16, 85, 155), rgb(10, 50, 51));
}
#h-hockey_game h2{
font-size: 2.6rem;
font-weight: 600;
letter-spacing: 0.5rem;
text-align: left;
margin-top: 6rem;
margin-left: 3rem;
}
#h-hockey_game h2 span{
color: #4a8000;
}
#h-hockey_game h2:first-letter{
font-size: 2.6rem!important;
}
#h-hockey_game h2 p{
font-size: 2rem;
font-weight: 500;
letter-spacing: 0.3rem;
margin-top: 1rem;
}
#h-hockey_game .palbox-kurofuchi{
border:10px solid #000;
background-color: #fff;
}
#h-hockey_game .result{
margin-bottom: 8rem;
margin-top: 8rem;
}
#h-hockey_game .resultbox{
background-color:#000;
text-align: center;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding: 1rem;
}
#h-hockey_game .resultbox img{
width: 120px;
margin-right: 2rem;
}
#h-hockey_game h3{
font-weight: 700;
font-family: 'Noto Sans JP', sans-serif;
font-size: 4rem;
letter-spacing: 1rem;
color: #fff;
margin-top: 0.5rem;
}
#h-hockey_game .photobox{
position: relative;
padding: 4rem 0;
}
#h-hockey_game .photoinner{
margin-left: 5rem;
}
#h-hockey_game .photoinner img{
width: 60%;
border: 5px solid #000;
box-shadow: 10px 10px #DADADA;
}
#h-hockey_game .palpic img{
display: block;
position: absolute;
bottom: 5.5rem;
left: 5rem;
width: 23%;
}
#h-hockey_game .photobox2{
position: relative;
padding: 3rem 0;
}
#h-hockey_game .photoinner2{
margin-right: 10rem;
}
#h-hockey_game .photoinner2 img{
width: 60%;
border: 5px solid #000;
box-shadow: -10px 10px #DADADA;
}
#h-hockey_game .photoinner3 img{
width: 40%;
border: 5px solid #000;
box-shadow: -10px 10px #DADADA;
}
#h-hockey_game .photoinner4 img{
width: 50%;
border: 5px solid #000;
box-shadow: -10px 10px #DADADA;
}
#h-hockey_game .palpic2 img{
position: absolute;
bottom:4.5rem;
right: 15rem;
width: 19%;
}

#h-hockey_game .palpic3 img{
position: absolute;
top:4.5rem;
right: 12rem;
width: 27%;
}
#h-hockey_game .video{
width: 28%;
margin-right: -10rem;
align-items: flex-end;
}

@media (max-width: 992px) {
#h-hockey_game .result{
margin-bottom: 3rem;
margin-top: 1rem;
}
#h-hockey_game .resultbox img{
width: 90px;
margin-right: 1.5rem;
}
#h-hockey_game .palbox-kurofuchi{
padding: 0.5rem 0.5rem;
}
#h-hockey_game h2{
font-size: 1.7rem;
letter-spacing: 0.1rem;
margin-top: 3rem;
margin-left: 1rem;
}
#h-hockey_game h2:first-letter{
  font-size: 1.7rem!important;
  }
#h-hockey_game h2 p{
font-size: 1.4rem;
letter-spacing: 0.1rem;
margin-top: 1rem;
}
#h-hockey_game h3{
font-weight: 700;
font-size: 2rem;
letter-spacing: 0.5rem;
margin-top: 0.5rem;
}
#h-hockey_game .photoinner{
margin-left: 5rem;
}
#h-hockey_game .photoinner2{
margin-right: 5rem;
}
#h-hockey_game .photoinner img,.photoinner2 img{
width: 100%;
}
#h-hockey_game .palpic img{
top: 0rem;
bottom: auto;
left: -1rem;
width: 30%;
}
#h-hockey_game .palpic2 img{
position: absolute;
top:5rem;
right: 0rem;
width: 26%;
}
#h-hockey_game .palpic3 img{
position: absolute;
top:5rem;
right: 0rem;
width: 38%;
}
#h-hockey_game .video{
width: 45%;
margin-right: -8rem;
align-items: flex-end;
}
}
@media (max-width: 767px) {
}

#h-hockey_game .heading06 {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 2rem;
	text-align: center;
}
#h-hockey_game .heading06 span {
	position: relative;
	z-index: 2;
}
#h-hockey_game .heading06::before {
	content: attr(data-en);
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-50%);
	color: rgba(253,0,111,0.20);
	font-size: 80px;
	font-style: italic;
}
#h-hockey_game .heading06::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%) rotate(30deg);
	width: 1px;
	height: 40px;
	background-color: rgba(224,66,114,1);
}
@media (max-width: 992px) {
#h-hockey_game .heading06 {
	font-size: 1.5rem;
}
#h-hockey_game .heading06::before {
	font-size: 6rem;
    top: -5px;
}
}

#h-hockey_pal_f{
padding-top: 5rem;
color: #fff;
width: 90%;
text-align: center;
background: url("/img/p_teamtaiho.png") no-repeat top left / 50%;
margin: 0 auto;
}
#chara_f{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
#h-hockey_pal_f .box-insert img{
width: 65%;
margin-left: 20rem;
}
#h-hockey_pal_f .pal_title{
margin: 2rem 3rem 2rem;
}
#h-hockey_pal_f .pal_title img{
width: 100%;
margin-left: -5rem;
}
#h-hockey_pal_f .pal_title h4{
font-family: 'M PLUS Rounded 1c', sans-serif;
font-family: 'Shippori Mincho', serif;	
font-size: 4rem;
color: #fff;
}
#h-hockey_pal_f .pal_title p{
margin-top: 2rem;
margin-bottom: -1rem;
font-size: 1.3rem;
}
#h-hockey_pal_f .paltext{
font-size: 1rem;
text-align: left;
}
#h-hockey_pal_f .head-border {
display: flex;
align-items: center;
}
#h-hockey_pal_f .head-border:before,
.head-border:after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #fff;
}
#h-hockey_pal_f .head-border:before {
margin-right: 1rem;
}
#h-hockey_pal_f .head-border:after {
margin-left: 1rem;
}

@media (max-width: 992px) {
#h-hockey_pal_f .box-insert img{
width: 70%;
margin-left: 15rem;
}
#chara_f{
display:block;
text-align: center;
}
}

@media (max-width: 767px) {
#h-hockey_pal_f{
padding-bottom: 5rem;
width: 100%;
background: url("/img/p_teamtaiho.png") no-repeat top left / 80%;
}	
#h-hockey_pal_f .box-insert img{
width: 100%;
margin: auto;
}
#h-hockey_pal_f {padding: 5rem 0rem;}	
.pal_title h4{
font-size: 2.5rem;
}
#h-hockey_pal_f .pal_title {
display: none;
}
}


/*--------タブ---------*/
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:5rem 0;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #000;
  display: block;
  order: -1;
}
.tab-label {
  color: White;
  background: LightGray;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.tab-content .simp_img img{
  width: 100%;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  background: #000;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px 0;
  opacity: 1;
  transition: .5s opacity;

}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}

@media (max-width: 767px) {
.tab-wrap {
margin:3rem 0;
}
}

/*スライダーのためのcss*/
.slider {
    position:relative;
	z-index: 1;
	/*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
	height: 700px;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    padding: 0;
    margin: 0;
}

.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height:700px;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center center;/*背景画像の位置を中央に*/
    background-size: cover!important;/*背景画像が.slider-item全体を覆い表示*/
}

.slider-item01 {
    background:url("/img/pals2503_1.jpg");
}

.slider-item02 {background:url("/img/pals2503_2.jpg");}
.slider-item03 {background:url("/img/pals2503_3.jpg");}
.slider-item04 {background:url("/img/pals2503_4.jpg");}
.slider-item05 {background:url("/img/pals2503_5.jpg");}
.slider-item06 {background:url("/img/pals2503_6.jpg");}
.slider-item07 {background:url("/img/pals2503_7.jpg");}
.slider-item08 {background:url("/img/pals2503_8.jpg");}

.slider-item09 {background:url("/img/pals2503_9.jpg");}
.slider-item10 {background:url("/img/pals2503_10.jpg");}
.slider-item11 {background:url("/img/pals2503_11.jpg");}
.slider-item12 {background:url("/img/pals2503_12.jpg");}
.slider-item13 {background:url("/img/pals2503_13.jpg");}
.slider-item14 {background:url("/img/pals2503_14.jpg");}
.slider-item15 {background:url("/img/pals2503_15.jpg");}
.slider-item16 {background:url("/img/pals2503_16.jpg");}

.palfukidasi{
position: absolute;
bottom: 5%;
}
.palfukidasi img{
width: 35%;
}

.iinebox{
position: absolute;
bottom: 2%;
left: 65%;
}

/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
	z-index: 3;
    top: 45%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    height: 25px;
    width: 25px;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  background-color: #434343;/*デフォルトがtransparentなので消えないように*/
}
 
/*表示する文字周りの設定*/
.slick-prev:before {
  content:'PREV';
  color: #fff;
  opacity: 1;
  font-size: 14px;
}
.slick-next:before {
  content:'NEXT';
  color: #fff;
  opacity: 1;
  font-size: 14px;
}
 
/*背景や位置の調整*/
.slick-prev {
  left: 0;
  z-index: 1;
  width: auto;
  height: auto;
  padding: 10px;
  color: #fff;
  background-color: #000;
  transition:.4s;
}
.slick-next {
  right: 0;
  width: auto;
  height: auto;
  padding: 10px;
  background-color: #000;
  transition:.4s;
}

/*ドットナビゲーションの設定*/
.slick-dots {
	position: relative;
	z-index: 3;
    text-align:center;
	margin:-40px 0 0 0;
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:0.5px;/*ドットボタンのサイズ*/
    height:13px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:80%;
    background:#FFF;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}

.date{
font-size: 1.8rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 600;
text-align: center;
margin-top: 3rem;
}

@media (max-width: 1200px) {
.slider {height: 600px;}
.slider-item {height:600px;}
/*.iinebox{
bottom: 8%;
left: 37%;
}*/
}
@media (max-width: 1000px) {
.slider {height: 450px;}
.slider-item {height:450px;}
}
@media (max-width: 767px) {
.slider {height: 300px;}
.slider-item {height:300px;}
.slick-dots button{display: none;}
/*
.palfukidasi{
position: static;
display: block;
}
.palfukidasi img{
width: 80%;
margin-top: 25rem;
}
.iinebox{
position: static;
text-align: right;
}*/
}