@import (once) "default.less";
@import (once) "global.less";
@import "../js/css/hover.css";
@import "../js/css/animate.css";
@import "../js/css/effeckt.css";

/* side ///////////////////////*/
.side{
.pf;
z-index:100;
right:0;
top:20%;

li{
padding:10px;
}
img{
width:60px;
}

a{
.db;
.tac;
width:120px;
height:120px;
.r(50%);
border:2px @c1 solid;
background:#FFF;
padding:25px 0 0 0;
.oh;
.tdn;
.bold;
}

p{
line-height:100%;
padding:0 0 5px 0;
margin:0;
}

}


@media (max-width:800px) {
.side{
.dn;
}
}


/* activities ///////////////////////*/
.activities{
padding:100px 0 0 0;


li:nth-child(1) a{
background-color:@c01;
.more{
color:@c01;
}
}
li:nth-child(2) a{
background-color:@c02;
.more{
color:@c02;
}
}
li:nth-child(3) a{
background-color:@c03;
.more{
color:@c03;
}
}
li:nth-child(4) a{
background-color:@c04;
.more{
color:@c04;
}
}
li:nth-child(5) a{
background-color:@c05;
.more{
color:@c05;
}
}

}


@media (max-width:800px) {
.activities{
padding:50px 0 0 0;
}
}


/* スポーツ支援 sports ///////////////////////*/
.sports{
padding:80px 0 0 0;

.art_title{
border-color:@c01;
h2{
color:@c01;
}
}

}

@media (max-width:800px) {
.sports{
padding:60px 0 0 0;

}
}


/* ホッケー選手支援活動 ///////////////////////*/
.sports .sec1{
padding:100px 0 0 0;
}

@media (max-width:800px) {
.sports .sec1{
padding:40px 0 0 0;

}
}


/* ホッケーってどんなスポーツ? ///////////////////////*/
.sports .sec2{
padding:80px 0 0 0;

dl{
.dt;
padding:60px 0 0 0;
}
dd{
.dtc;
padding:5px;
}

.wrap{
.pr;
padding:70px 20px 20px 20px;
background:@c3;
}

h4{
.pa;
.tac;
line-height:110px;
width:110px;
height:110px;
background:@c2;
border:3px #FFF solid;
color:#FFF;
.bold;
top:-50px;
left:0;
right:0;
margin:auto;
.r(50%);
}

}


@media (max-width:800px) {
.sports .sec2{
padding:40px 0 0 0;

dl{
.db;
}
dd{
.db;
padding:5px 5px 0 5px;
}

.wrap{
padding:70px 20px 60px 20px;
}

}
}


/* 支援アスリート紹介 ///////////////////////*/
.sports .sec3{
padding:80px 0 0 0;

// dl{
// width:110%;
// }
// dl:nth-child(odd){
// margin-left:-10%;
// }
// dl:nth-child(even){
// .image{
// .right;
// }
// }

}

@media (max-width:800px) {
.sports .sec3{
padding:40px 0 0 0;

// dl{
// width:100%;
// }
// dl:nth-child(odd){
// margin-left:0;
// }
// dl:nth-child(even){
// .image{
// .fn;
// }
// }

}
}


/* 過去の支援アスリート紹介 ///////////////////////*/
.sports .sec4{
padding:80px 0 0 0;

dl{
.dt;
table-layout: fixed;
width:100%;
padding:20px 20px;
}
dd{
.dtc;
.vat;
padding:20px;
}

img{
width:100%;
}

.profile{
padding:20px 0;
font-size:9pt;
}
h4{
font-size:15pt;
color:@c2;
small{
font-size:8pt;
}
}

.dl2{
padding:0 20px;
h4{
padding:0 0 20px 0;
}
.link{
padding:40px 0 0 0;
}
dd{
padding:0 20px;
.vam;
}
dd:last-child{
width:50%;
}
}

}


@media (max-width:800px) {
.sports .sec4{
padding:40px 0 0 0;

dl{
.db;
width:100%;
padding:20px 0;
}
dd{
.db;
.vat;
padding:20px ;
}

h4{
font-size:12pt;
}

.dl2{
padding:0;
h4{
padding:0 0 10px 0;
}
.link{
padding:20px 0 0 0;
}
dd{
padding:0 20px;
.vam;
}
dd:last-child{
width:100%;
}
}

}
}

/* 競歩選手支援活動 ///////////////////////*/
.sports .sec5{
padding:80px 0 0 0;

.image,
.image2{
padding:60px 0 0 0;
img{
width:100%;
.of;
}
}
.image2{
padding: 40px 0 60px 0;
}

.column{
width:110%;
.image{
.right;
}
}

}


@media (max-width:800px){
.sports .sec5{
padding:40px 0 0 0;

.image{
padding:20px 0 0 0;
}
.image2{
padding:20px 0 40px 0;
}

.column{
width:100%;
padding:0 10px;
.image{
.fn;
}
}

}
}


/* その他のスポーツ支援 ///////////////////////*/
.sports .sec6{
padding:80px 0 0 0;

.column{
padding:0 0 0 30px;
}

}


@media (max-width:800px) {
.sports .sec6{
padding:40px 0 0 0;

.column{
padding:0 10px;
}

}
}



/* 社外団体との連携 cooperation ///////////////////////*/
.cooperation{
padding:100px 0 0 0;

.art_title{
border-color:@c02;
h2{
color:@c02;
}
}

section{
margin-top:40px;
// border-top:3px @c4 solid;
}
section:first-child{
margin-top:0;
border:0;
}

}


@media (max-width:800px) {
.cooperation{
padding:60px 0 0 0;

// section{
// margin-top:0;
// }

}
}

/* 地域貢献 contribution ///////////////////////*/
.contribution{
padding:100px 0 0 0;

.art_title{
border-color:@c03;
h2{
color:@c03;
}
}

// section{
// margin-top:40px;
// border-top:3px @c4 solid;
// }
section:first-child{
margin-top:0;
border:0;
}

}


@media (max-width:800px) {
.contribution{
padding:60px 0 0 0;

section{
margin-top:0;
}

section:nth-child(odd){
.image{
.fn;
}
}

}
}


/* 環境保護活動 environment ///////////////////////*/
.environment{
padding:100px 0 0 0;

.art_title{
border-color:@c04;
h2{
color:@c04;
}
}

}

@media (max-width:800px) {
.environment{
padding:60px 0 0 0;

}
}

/* 職場づくり work ///////////////////////*/
.work{
padding:100px 0 0 0;

.art_title{
border-color:@c05;
h2{
color:@c05;
}
}

// .sec1{
// .image{
// .right;
// }
// }

// .sec3{
// .image{
// .right;
// }
// }

.p2{
img{
height:480px;
}
}

}

@media (max-width:800px) {
.work{
padding:60px 0 0 0;

h2{
letter-spacing:-.02em;
}

// .sec1,
// .sec3{
// .image{
// .fn;
// }
// }

.p2{
width:140%;
img{
height:280px;
}
}

}
}