@charset "UTF-8";
html {
width: 100%;
height: 100%;
font-family: "SF Pro JP","SF Pro Display","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
}
 
body {
width: 100%;
height: 100%;
-webkit-text-size-adjust: none;
}
p {
font-size: 14px;
line-height: 1.8;
color: #000000;
}
a:hover {
opacity: 0.9;
}
.clear { clear: both; }
/*　タイトル関係　*/
.title {
position: relative;
font-size: 30px;
font-weight: bold;
text-align: center;
z-index: 100;
}
.title-sub {
font-size: 20px;
font-weight: bold;
text-align: center;
letter-spacing: 1px;
}
.midashi {
font-size: 20px;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 767px){
.title {
font-size: 18px;
font-weight: bold;
text-align: center;
}
.title-sub {
font-size: 16px;
font-weight: bold;
text-align: center;
letter-spacing: 0px;
}
}
/*　色　*/
.c-white { color: #ffffff;}
.c-yellow { color: #ddb713; }
/*　余白　*/
.pTop20 { padding-top: 20px; }
.pTop30 { padding-top: 30px; }
.pTop50 { padding-top: 50px; }
/*　線　*/
hr.line1 { width: 100%; border: none; border-top: dotted 1px #8c8c8c; height: 1px; color: #FFFFFF; margin-top: 50px; margin-bottom: 50px; }
@media screen and (max-width: 767px){
hr.line1 { width: 100%; border: none; border-top: dotted 1px #8c8c8c; height: 1px; color: #FFFFFF; margin-top: 30px; margin-bottom: 30px; }
}
.pc { display: block; }
.smart { display: none; }
br.pc { display: block; }
br.smart { display: none; }
.smart-n { display: yes; }
@media screen and (max-width: 768px){
.pc { display: none; }
.smart { display: block; width: 100%; margin: auto; padding-top: 10px; }
br.pc { display: none; }
br.smart { display: block; }
.smart-n { display: none; }
}
/*　画像　*/
.width100 img {
width: 100%;
}
.txtleft {
text-align: left;
}
.txtcenter {
text-align: center;
}
/*　==================　共通　==================　*/
.wrapper-home {
position: relative;
width: 100%;
height: 100%;
background-color: #000000;
}
.wrapper-page {
position: relative;
width: 100%;
height: 100%;
background-color: #ffffff;
}
header#header {
position: relative;
width: 100%;
height: 220px;
border-bottom: 5px solid #ff0000;
background: #000000 url('../img/home/back.jpg') no-repeat;
background-position: top right;
background-size: 40%;
}
.header-block {
position: relative;
width: 980px;
margin: auto;
padding-top: 10px;
}
.header-logo {
position: relative;
padding-top: 80px;
width: 250px;
margin: auto;
z-index: 80;
}
.header-logo img {
width: 100%;
}
@media screen and (max-width: 800px){
header#header {
position: relative;
width: 100%;
height: 180px;
border-bottom: 5px solid #ff0000;
background: #000000 url('../img/home/back.jpg') no-repeat;
background-position: top right;
background-size: 70%;
}
.header-block {
position: relative;
width: 90%;
margin: auto;
padding-top: 10px;
}
.header-logo {
position: relative;
padding-top: 70px;
width: 50%;
margin: auto;
z-index: 80;
}
.header-logo img {
width: 100%;
}
}
@media screen and (max-width: 767px){
header#header {
position: relative;
width: 100%;
height: 180px;
border-bottom: 5px solid #ff0000;
background: #000000 url('../img/home/back.jpg') no-repeat;
background-position: top right;
background-size: 70%;
}
.header-block {
position: relative;
width: 90%;
margin: auto;
padding-top: 10px;
}
.header-logo {
position: relative;
padding-top: 70px;
width: 65%;
margin: auto;
z-index: 80;
}
.header-logo img {
width: 100%;
}
}
/*　ヘッダ　ナビ　*/
.header-nav-block {
position: relative;
width: 100%;
height: 60px;
}
.header-main-nav {
position: absolute;
width: 728px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
z-index: 100;
}
.header-main-nav li {
float: left;
list-style: none;
font-size: 15px;
padding-left: 50px;
text-align: center;
}
.header-main-nav li:first-child {
padding-left: 0px;
}
.header-main-nav li a {
color: #ffffff;
text-decoration: none;
}
.header-main-nav li a:hover {
opacity: 0.7;
}
.header-main-nav li.on {
color: #ff0000;
}
.page-header-map {
position: absolute;
width: 400px;
height: 300px;
top: -10px;
left: 0;
right: 250px;
margin: auto;
text-align: center;
background: url('../img/home/map2.png') no-repeat;
background-size: 100%;
z-index: 10;
}
@media screen and (max-width: 800px){
.header-main-nav { display: none;}
.page-header-map {
position: absolute;
width: 400px;
height: 300px;
top: 0;
left: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
background: url('../img/home/map2.png') no-repeat;
background-size: 70% !important;
z-index: 10;
}
}
@media screen and (max-width: 767px){
.header-main-nav { display: none;}
.page-header-map {
position: absolute;
width: 80%;
height: ;
top: 0;
left: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
background: url('../img/home/map2.png') no-repeat;
background-size: 100%;
z-index: 10;
}
}
/*　==================　homeメイン　==================　*/
.home-main {
position: relative;
width: 100%;
height: 90%;
background: url('../img/home/back.jpg') no-repeat;
background-size: 70%;
background-position: top right;
z-index: 0;
}
.home-main-box {
position: absolute;
top: 0;
bottom: 0;
left: 0;
 right: 0;
width: 980px;
height: 500px;
margin: auto;
text-align: center;
vertical-align: middle;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
p.home-logo img {
width: 35%;
margin: auto;
}
.home-main-map {
position: absolute;
width: 800px;
height: 450px;
top: 10%;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
background: url('../img/home/map.png') no-repeat;
z-index: 10;
}
.home-main-box ul {
position: relative;
padding-top: 12%;
z-index: 20;
}
.home-main-box li {
width: 50%;
height: 170px;
float: left;
list-style: none;
}
.home-main-box li.menuA {
width: 100%;
height: 170px;
list-style: none;
}
.home-main-box li a {
font-size: 30px;
color: #ffffff;
text-decoration: none;
font-family: 'Raleway', sans-serif;
letter-spacing: 3px;
display: inline-block;
transition: color .8s;
font-weight: 400;
}
.home-main-box li a:hover {
color: #ff0000;
text-shadow: 0px 0px 10px #ffffff;
}
.home-main-box li img {
width: 80%;
margin: auto;
}
.item{
opacity: 0;    
}
.item:nth-child(1) {
  -webkit-animation: example 1s ease 0.5s 1 forwards;
  animation: example 1s ease 0.5s 1 forwards;
  -moz-animation: example 1s ease 0.5s 1 forwards;
}
.item:nth-child(2) {
  -webkit-animation: example 1s ease 1s 1 forwards;
  animation: example 1s ease 1s 1 forwards;
  -moz-animation: example 1s ease 1s 1 forwards;
}
.item:nth-child(3) {
  -webkit-animation: example 1s ease 1.5s 1 forwards;
  animation: example 1s ease 1.5s 1 forwards;
  -moz-animation: example 1s ease 1.5s 1 forwards;
}
.item:nth-child(4) {
  -webkit-animation: example 1s ease 2s 1 forwards;
  animation: example 1s ease 2s 1 forwards;
  -moz-animation:example 1s ease 2s 1 forwards;
}
@-webkit-keyframes example {
  100% {
    opacity: 1;
  }
}
@keyframes example {
  100% {
    opacity: 1;
  }
}
@-moz-keyframes example {
  100% {
    opacity: 1;
  }
}
@keyframes example {
  100% {
    opacity: 1;
  }
}
@media screen and (max-width: 768px){
.home-main {
position: relative;
width: 100%;
height: 90%;
background: url('../img/home/back.jpg') no-repeat;
background-size: 90%;
background-position: top right;
z-index: 0;
}
.home-main-box {
position: absolute;
top: 130px;
bottom: 0;
left: 0;
 right: 0;
width: 90%;
height: auto;
margin: auto;
text-align: center;
vertical-align: middle;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
p.home-logo img {
width: 50%;
margin: auto;
}
.home-main-map {
position: absolute;
width: 80%;
height: auto;
top: 50px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
background: url('../img/home/map.png') no-repeat;
background-size: 100%;
z-index: 10;
}
.home-main-box ul {
position: relative;
padding-top: 15%;
z-index: 20;
}
.home-main-box li {
width: 100%;
height: auto;
float: none;
list-style: none;
padding-bottom: 40px;
}
.home-main-box li.menuA {
width: 100%;
height: auto;
list-style: none;
}
.home-main-box li a {
font-size: 30px;
color: #ffffff;
text-decoration: none;
font-family: 'Raleway', sans-serif;
letter-spacing: 3px;
display: inline-block;
transition: color .8s;
font-weight: 400;
}
.home-main-box li img {
width: 80%;
margin: auto;
}
}
@media screen and (max-width: 767px){
.home-main {
position: relative;
width: 100%;
height: 90%;
background: url('../img/home/back.jpg') no-repeat;
background-size: 90%;
background-position: top right;
z-index: 0;
}
.home-main-box {
position: absolute;
top: 130px;
bottom: 0;
left: 0;
 right: 0;
width: 90%;
height: auto;
margin: auto;
text-align: center;
vertical-align: middle;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
p.home-logo img {
width: 70%;
margin: auto;
}
.home-main-map {
position: absolute;
width: 100%;
height: auto;
top: 10px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
background: url('../img/home/map.png') no-repeat;
background-size: 100%;
z-index: 10;
}
.home-main-box ul {
position: relative;
padding-top: 15%;
z-index: 20;
}
.home-main-box li {
width: 100%;
height: auto;
float: none;
list-style: none;
padding-bottom: 20px;
}
.home-main-box li a {
font-size: 22px;
color: #ffffff;
text-decoration: none;
font-family: 'Raleway', sans-serif;
letter-spacing: 3px;
display: inline-block;
transition: color .8s;
font-weight: 400;
}
.home-main-box li img {
width: 80%;
margin: auto;
}
}
/*　==================　pageメイン　==================　*/
.page-main {
position: relative;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
}
.page-main-box {
width: 980px;
margin: auto;
}
p.page-title {
font-size: 28px;
text-align: center;
font-family: 'Raleway', sans-serif;
letter-spacing: 3px;
}
p.page-subtitle {
font-size: 22px;
text-align: center;
}
@media screen and (max-width: 768px){
.page-main {
position: relative;
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
}
.page-main-box {
width: 95%;
margin: auto;
}
p.page-title {
font-size: 25px;
text-align: center;
}
p.page-subtitle {
font-size: 18px;
text-align: center;
}
}
.page-company-top {
width: 100%;
padding-top: 50px;
}
.page-company-top li {
list-style: none;
width: 50%;
float: left;
padding: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-company-top li img {
width: 100%;
-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}
.page-company-top img:hover {
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
}
@media screen and (max-width: 768px){
.page-company-top {
width: 90%;
margin: auto;
padding-top: 30px;
}
.page-company-top li {
list-style: none;
width: 100%;
float: none;
padding: 0px;
margin-bottom: 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-company-top li img {
width: 100%;
-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}
.page-company-top img:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
}
.page-company {
width: 980px;
margin: auto;
background: url('../img/company/philosophy_back.jpg') no-repeat;
margin-top: 30px;
}
.page-company-txt-box {
width: 550px;
float: right;
}
.page-company p.company-title {
font-size: 28px;
color: #ff0000;
padding-top: 50px;
padding-bottom: 50px;
font-family: 'Raleway', sans-serif;
}
p.company-midashi {
font-size: 20px;
color: #ff0000;
padding-top: 50px;
padding-bottom: 20px;
font-family: 'Raleway', sans-serif;
}
.page-company p.company-txt {
font-size: 16px;
line-height: 1.8;
color: #000000;
}
.company-img img {
width: 65%;
padding-top: 60px;
}
.philo-photo {
display: none;
}
@media screen and (max-width: 768px){
.page-company {
width: 100%;
margin: auto;
background: none;
margin-top: 0px;
}
.philo-photo {
position: relative;
display: inline;
}
.philo-photo img {
width: 100%;
padding-top: 30px;
}
.page-company-txt-box {
width: 90%;
float: none;
margin: auto;
}
.page-company p.company-title {
font-size: 20px;
color: #ff0000;
padding-top: 30px;
padding-bottom: 30px;
}
.page-company p.company-txt {
font-size: 14px;
line-height: 1.8;
color: #000000;
}
.company-img img {
width: 100%;
padding-top: 60px;
}
}
.page-information {
width: 980px;
margin: auto;
padding-top: 50px;
}
.page-information table {
width: 100%;
border-collapse: collapse;
}
.page-information td {
border: 1px solid #cbcbcb;
padding: 10px;
font-size: 14px;
line-height: 1.7;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.table-intable table {
width: 100%;
border-collapse: collapse;
}
.table-intable table td {
border: 1px solid #ffffff;
padding: 5px;
font-size: 12px;
line-height: 1.7;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.table-intableB table {
width: 100%;
border-collapse: collapse;
}
.table-intableB table td {
border: 0px solid #ffffff;
padding: 5px;
font-size: 12px;
line-height: 1.7;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-information-map {
width: 980px;
height: 350px;
margin: auto;
padding-bottom: 0px;
}
.page-information-map iframe {
border: 1px solid #cbcbcb;
width: 100%;
height: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-informationB {
width: 980px;
margin: auto;
padding-top: 10px;
padding-bottom: 30px;
}
.page-informationB table {
width: 100%;
border-collapse: collapse;
}
.page-informationB td {
border: 1px solid #cbcbcb;
padding: 10px;
font-size: 14px;
line-height: 1.7;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
@media screen and (max-width: 768px){
.page-information {
width: 95%;
margin: auto;
padding-top: 50px;
}
.page-information table {
width: 100%;
border-collapse: collapse;
}
.page-information td {
border: 1px solid #cbcbcb;
width: 100%;
display: block;
padding: 10px;
font-size: 14px;
line-height: 1.7;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-information-map {
width: 90%;
height: 200px;
margin: auto;
padding-bottom: 0px;
}
.page-information-map iframe {
border: 1px solid #cbcbcb;
width: 100%;
height: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-informationB {
width: 90%;
margin: auto;
padding-top: 10px;
}
.page-informationB table {
width: 100%;
border-collapse: collapse;
}
.page-informationB td {
border: 1px solid #cbcbcb;
width: 100%;
display: block;
padding: 10px;
font-size: 14px;
line-height: 1.7;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.table-intableB table {
width: 100%;
}
.table-intableB table td {
display: inline;
padding: 5px;
font-size: 12px;
line-height: 1.7;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
}
.page-communication {
width: 980px;
margin: auto;
background: url('../img/communication/communication_back.jpg') no-repeat;
margin-top: 30px;
}
.page-communication-txt-box {
width: 960px;
float: left;
}
.page-communication p.company-title {
font-size: 28px;
color: #ff0000;
padding-top: 50px;
padding-bottom: 50px;
font-family: 'Raleway', sans-serif;
}
.page-communication p.company-txt {
font-size: 16px;
line-height: 1.8;
color: #000000;
}
.communication-img {
width: 70%;
padding-top: 60px;
margin: auto;
}
.communication-img img {
width: 100%;
}
@media screen and (max-width: 768px){
.page-communication {
width: 90%;
margin: auto;
background: none;
margin-top: 30px;
}
.page-communication-txt-box {
width: 100%;
float: none;
}
.page-communication p.company-title {
font-size: 20px;
color: #ff0000;
padding-top: 0px;
padding-bottom: 30px;
}
.page-communication p.company-txt {
font-size: 14px;
line-height: 1.8;
color: #000000;
}
.communication-img {
width: 90%;
padding-top: 60px;
margin: auto;
}
.communication-img img {
width: 100%;
}
}
.page-management-top {
width: 100%;
padding-top: 50px;
}
.page-management-top li {
list-style: none;
width: 50%;
float: left;
padding: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-management-top li img {
width: 100%;
-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}
.page-management-top img:hover {
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
}
@media screen and (max-width: 768px){
.page-management-top {
width: 90%;
margin: auto;
padding-top: 30px;
}
.page-management-top li {
list-style: none;
width: 100%;
float: none;
padding: 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-bottom: 5px;
}
.page-management-top li img {
width: 100%;
-moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}
.page-management-top img:hover {
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -o-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
}
}
.page-media {
width: 980px;
margin: auto;
background: url('../img/management/media_back.jpg') no-repeat;
margin-top: 30px;
}
.page-management-txt-box {
width: 550px;
float: right;
}
.page-media p.company-title {
font-size: 28px;
color: #ff0000;
padding-top: 50px;
padding-bottom: 50px;
}
.page-media p.company-txt {
font-size: 16px;
line-height: 1.8;
color: #000000;
}
@media screen and (max-width: 768px){
.page-media {
width: 90%;
margin: auto;
background: none;
margin-top: 30px;
}
.page-management-txt-box {
width: 90%;
float: none;
}
.page-media p.company-title {
font-size: 20px;
color: #ff0000;
padding-top: 30px;
padding-bottom: 30px;
}
.page-media p.company-txt {
font-size: 14px;
line-height: 1.8;
color: #000000;
}
}
.page-media-boxB {
width: 100%;
background-color: #000000;
border-top: 2px solid #ff0000;
padding-top: 50px;
padding-bottom: 50px;
margin-top: 100px;
}
.page-media-boxB-block {
width: 980px;
margin: auto;
}
.page-media-boxB-block ul {
padding-top: 20px;
}
.page-media-boxB-block li {
list-style: none;
float: left;
width: 50%;
height: 300px;
padding: 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-media-boxB-block li img {
width: 100%;
padding-top: 15px;
border: 1px solid #ffffff;
margin: 0;
padding: 0;
}
.page-media-boxB-block li p {
font-size: 14px;
line-height: 1.5;
text-align: center;
background-color: #646464;
padding: 10px 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-top: 10px;
}
.page-media-boxB-block li p a {
color: #ffffff;
text-decoration: none;
}
.page-media-boxB-block p.midashi {
font-size: 18px;
color: #ffffff;
text-align: center;
}
#video {
position:relative;
width:100%;
padding-top:56.25%;
}
#video iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
border: 1px solid #ffffff;
}
#play_button {
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
cursor: pointer;
}
#videoB {
position:relative;
width:100%;
padding-top:56.25%;
}
#videoB iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
border: 1px solid #ffffff;
}
#play_buttonB {
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
cursor: pointer;
}
@media screen and (max-width: 768px){
.page-media-boxB {
width: 100%;
background-color: #000000;
border-top: 2px solid #ff0000;
padding-top: 30px;
padding-bottom: 30px;
margin-top: 50px;
}
.page-media-boxB-block {
width: 90%;
margin: auto;
}
.page-media-boxB-block ul {
padding-top: 20px;
}
.page-media-boxB-block li {
list-style: none;
float: none;
width: 100%;
height: auto;
padding: 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
border-bottom: 1px solid #5f5f5f;
padding-bottom: 30px;
margin-bottom: 20px;
}
.page-media-boxB-block li img {
width: 100%;
padding-top: 15px;
margin: 0;
padding: 0;
}
.page-media-boxB-block li p {
font-size: 14px;
line-height: 1.5;
text-align: center;
background-color: #646464;
padding: 10px 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-top: 10px;
}
.page-media-boxB-block li p a {
color: #ffffff;
text-decoration: none;
}
.page-media-boxB-block p.midashi {
font-size: 18px;
color: #ffffff;
text-align: center;
}
}
.page-marketing {
width: 980px;
margin: auto;
background: url('../img/advertising/marketing_back.jpg') no-repeat;
margin-top: 30px;
}
.page-marketing p.company-title {
font-size: 28px;
color: #ff0000;
padding-top: 50px;
padding-bottom: 50px;
}
.page-marketing p.company-txt {
font-size: 16px;
line-height: 1.8;
color: #000000;
}
@media screen and (max-width: 768px){
.page-marketing {
width: 90%;
margin: auto;
background: none;
margin-top: 30px;
}
.page-marketing p.company-title {
font-size: 20px;
color: #ff0000;
padding-top: 30px;
padding-bottom: 30px;
}
.page-marketing p.company-txt {
font-size: 14px;
line-height: 1.8;
color: #000000;
}
}
.page-sports {
width: 980px;
margin: auto;
margin-top: 30px;
}
.page-sports-txt-box {
width: 980px;
margin: auto;
padding-bottom: 50px;
}
.page-management-txt-box {
width: 100%;
}
p.sports-title {
font-size: 28px;
color: #ff0000;
padding-top: 50px;
padding-bottom: 50px;
}
p.sports-txt {
font-size: 16px;
line-height: 1.8;
color: #000000;
}
@media screen and (max-width: 768px){
.page-sports {
width: 90%;
margin: auto;
margin-top: 0px;
}
.page-sports-txt-box {
width: 100%;
margin: auto;
padding-bottom: 30px;
}
.page-management-txt-box {
width: 100%;
}
p.sports-title {
font-size: 20px;
color: #ff0000;
padding-top: 30px;
padding-bottom: 50px;
text-align: center;
}
p.sports-txt {
font-size: 14px;
line-height: 1.8;
color: #000000;
}
}
.page-sports-boxB {
width: 100%;
background-color: #000000;
border-top: 2px solid #ff0000;
padding-top: 50px;
padding-bottom: 50px;
margin-top: 50px;
}
.page-sports-boxB-block {
width: 980px;
margin: auto;
}
.page-sports-boxB-block ul {
padding-top: 20px;
}
.page-sports-boxB-block li {
list-style: none;
float: left;
width: 33.3%;
padding: 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-sports-boxB-block li img {
width: 100%;
padding-top: 15px;
}
.page-sports-boxB-block li p {
font-size: 14px;
line-height: 1.5;
color: #c2c2c2;
text-align: center;
}
.page-sports-boxB-block p.midashi {
font-size: 18px;
color: #ffffff;
text-align: center;
}
@media screen and (max-width: 768px){
.page-sports-boxB {
width: 100%;
background-color: #000000;
border-top: 2px solid #ff0000;
padding-top: 50px;
padding-bottom: 50px;
margin-top: 50px;
}
.page-sports-boxB-block {
width: 90%;
margin: auto;
}
.page-sports-boxB-block ul {
padding-top: 20px;
}
.page-sports-boxB-block li {
list-style: none;
float: none;
width: 100%;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
border-bottom: 1px solid #5f5f5f;
padding-bottom: 30px;
margin-bottom: 30px;
}
.page-sports-boxB-block li img {
width: 100%;
padding-top: 15px;
}
.page-sports-boxB-block li p {
font-size: 14px;
line-height: 1.5;
color: #c2c2c2;
text-align: center;
}
.page-sports-boxB-block p.midashi {
font-size: 18px;
color: #ffffff;
text-align: center;
}
}
.page-sports-boxC {
width: 100%;
background-color: #000000;
border-top: 2px solid #ff0000;
padding-top: 50px;
padding-bottom: 50px;
margin-top: 50px;
}
.page-sports-boxC-block {
width: 980px;
margin: auto;
}
.page-sports-boxC-block ul {
padding-top: 20px;
}
.page-sports-boxC-block li {
list-style: none;
float: left;
width: 25%;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-sports-boxC-block li img {
width: 100%;
padding-top: 15px;
}
.page-sports-boxC-block li p {
font-size: 14px;
line-height: 1.5;
color: #c2c2c2;
text-align: center;
}
.page-sports-boxC-block p.midashi {
font-size: 18px;
color: #ffffff;
text-align: center;
}
@media screen and (max-width: 768px){
.page-sports-boxC {
width: 100%;
background-color: #000000;
border-top: 2px solid #ff0000;
padding-top: 50px;
padding-bottom: 50px;
margin-top: 50px;
}
.page-sports-boxC-block {
width: 90%;
margin: auto;
}
.page-sports-boxC-block ul {
padding-top: 20px;
}
.page-sports-boxC-block li {
list-style: none;
float: none;
width: 100%;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
border-bottom: 1px solid #5f5f5f;
padding-bottom: 30px;
margin-bottom: 30px;
}
.page-sports-boxC-block li img {
width: 100%;
padding-top: 15px;
}
.page-sports-boxC-block li p {
font-size: 14px;
line-height: 1.5;
color: #c2c2c2;
text-align: center;
}
.page-sports-boxC-block p.midashi {
font-size: 18px;
color: #ffffff;
text-align: center;
}
}
.page-sports-boxD {
width: 100%;
background-color: #000000;
border-top: 2px solid #ff0000;
padding-top: 50px;
padding-bottom: 50px;
margin-top: 50px;
margin-bottom: 50px;
}
.page-sports-boxD-block {
width: 500px;
margin: auto;
}
.page-sports-boxD-block ul {
padding-top: 20px;
}
.page-sports-boxD-block li {
list-style: none;
float: left;
width: 100%;
padding: 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-sports-boxD-block li img {
width: 100%;
padding-top: 15px;
}
.page-sports-boxD-block li p {
font-size: 14px;
line-height: 1.5;
color: #c2c2c2;
text-align: center;
}
.page-sports-boxD-block p.midashi {
font-size: 18px;
color: #ffffff;
text-align: center;
}
@media screen and (max-width: 768px){
.page-sports-boxD {
width: 100%;
background-color: #000000;
border-top: 2px solid #ff0000;
padding-top: 50px;
padding-bottom: 50px;
margin-top: 50px;
}
.page-sports-boxD-block {
width: 90%;
margin: auto;
}
.page-sports-boxD-block ul {
padding-top: 20px;
}
.page-sports-boxD-block li {
list-style: none;
float: left;
width: 100%;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-sports-boxD-block li img {
width: 100%;
padding-top: 15px;
}
.page-sports-boxD-block li p {
font-size: 14px;
line-height: 1.5;
color: #c2c2c2;
text-align: center;
}
.page-sports-boxD-block p.midashi {
font-size: 18px;
color: #ffffff;
text-align: center;
}
}
.page-sports-bottom {
width: 980px;
margin: auto;
background: url('../img/management/sports_back.jpg') no-repeat;
margin-top: 30px;
}
.page-sports-bottom-txt-box {
width: 550px;
float: right;
}
.page-sports-bottom p.company-title {
font-size: 28px;
color: #ff0000;
padding-top: 50px;
padding-bottom: 50px;
}
.page-sports-bottom p.company-txt {
font-size: 16px;
line-height: 1.8;
color: #000000;
}
@media screen and (max-width: 768px){
.page-sports-bottom {
width: 90%;
margin: auto;
background: none;
margin-top: 0px;
}
.page-sports-bottom-txt-box {
width: 90%;
float: none;
margin: auto;
}
.page-sports-bottom p.company-title {
font-size: 20px;
color: #ff0000;
padding-top: 0px;
padding-bottom: 50px;
text-align: centerl
}
.page-sports-bottom p.company-txt {
font-size: 14px;
line-height: 1.8;
color: #000000;
}
}
.page-restaurant-read {
width: 80%;
padding-top: 50px;
margin: auto;
}
.page-restaurant-read p {
font-size: 16px;
line-height: 1.8;
text-align: center;
}
.page-restaurant-top {
width: 100%;
padding-top: 50px;
}
.page-restaurant-top li {
list-style: none;
width: 33.3%;
float: left;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-restaurant-top li img {
width: 100%;
}
.page-restaurant-top li p {
font-size: 14px;
line-height: 1.8;
padding-top: 30px;
}
.restaurant-btn {
width: 100%;
background-color: #000000;
padding: 10px 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-top: 25px;
text-align: center;
}
.restaurant-btn a {
font-size: 16px;
color: #ffffff;
text-decoration: none;
}
@media screen and (max-width: 768px){
.page-restaurant-read {
width: 90%;
padding-top: 50px;
margin: auto;
}
.page-restaurant-read p {
font-size: 16px;
line-height: 1.8;
text-align: center;
}
.page-restaurant-top {
width: 100%;
padding-top: 0px;
}
.page-restaurant-top li {
list-style: none;
width: 100%;
float: none;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
border-bottom: 1px solid #000000;
padding-bottom: 50px;
}
.page-restaurant-top li img {
width: 100%;
}
.page-restaurant-top li p {
font-size: 14px;
line-height: 1.8;
padding-top: 30px;
}
.restaurant-btn {
width: 100%;
background-color: #000000;
padding: 10px 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-top: 25px;
text-align: center;
}
.restaurant-btn a {
font-size: 16px;
color: #ffffff;
text-decoration: none;
}
}
.company-back-btn {
width: 300px;
margin: auto;
background-color: #eaeaea;
padding: 10px;
text-align: center;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-bottom: 50px;
font-size: 14px;
text-decoration: none;
}
.company-back-btn a {
text-decoration: none;
color: #000000;
}
.head-copy-block {
width: 100%;
background-color: #ff0000;
padding: 30px;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: center;
font-size: 20px;
color: #ffffff;
}
/*　スマホメニュー　*/
.smartphone-nav {
display: none;
}
@media screen and (max-width: 768px){
.smartphone-nav {
display: block;
}
.text-block-title {
font-size: 18px;
font-weight: bold;
text-align: center;
padding: 20px 0;
}
.smart-sns {
background-color: #000000;
text-align: center;
padding: 10px 0;
}
.smart-sns img {
width: 50px;
}
}
/*　申込フォームボタン　*/
.form-btn a {
width: 550px;
margin: auto;
font-size: 22px;
font-weight: normal;
text-decoration: none;
display: block;
text-align: center;
padding: 18px 0 17px 0;
color: #ffffff;
background-color: orange;
background: linear-gradient(-135deg, #e0bb00, #ff0000);
border-radius: 36px;
margin-top: 30px;
box-shadow: 1px 1px 10px rgba(0,0,0, 0.5);
}
.form-btn a:hover {
opacity: 0.9;
}
.form-btnB a {
width: 550px;
margin: auto;
font-size: 22px;
font-weight: normal;
text-decoration: none;
display: block;
text-align: center;
padding: 18px 0 17px 0;
color: #ffffff;
background-color: orange;
background: linear-gradient(-135deg, #525252, #000000);
border-radius: 36px;
margin-top: 30px;
box-shadow: 1px 1px 10px rgba(0,0,0, 0.5);
}
.form-btnB a:hover {
opacity: 0.9;
}
/*　実績ボタン　*/
.result-btn a {
width: 350px;
margin: auto;
font-size: 22px;
font-weight: normal;
text-decoration: none;
display: block;
text-align: center;
padding: 18px 0 17px 0;
color: #000000;
background-color: orange;
background: linear-gradient(-135deg, #ffffff, #7fcef4);
border-radius: 36px;
margin-top: 20px;
box-shadow: 1px 1px 10px rgba(255,255,255, 0.8);
}
.result-btn a:hover {
opacity: 0.9;
}
@media screen and (max-width: 767px){
.form-btn a {
width: 90%;
margin: auto;
font-size: 18px;
font-weight: normal;
text-decoration: none;
display: block;
text-align: center;
padding: 18px 0 17px 0;
color: #ffffff;
background-color: orange;
background: linear-gradient(-135deg, #e0bb00, #db8317);
border-radius: 36px;
margin-top: 20px;
box-shadow: 1px 1px 10px rgba(0,0,0, 0.5);
}
.result-btn a {
width: 90%;
margin: auto;
font-size: 22px;
font-weight: normal;
text-decoration: none;
display: block;
text-align: center;
padding: 18px 0 17px 0;
color: #000000;
background-color: orange;
background: linear-gradient(-135deg, #ffffff, #7fcef4);
border-radius: 36px;
margin-top: 20px;
box-shadow: 1px 1px 10px rgba(255,255,255, 0.8);
}
.result-btn a:hover {
opacity: 0.9;
}
}
/*　==================　アルゼンチンの育成の名門と業務提携　==================　*/
.home-boxA {
position: relative;
width: 100%;
background: url('../img/home_boxA_back.jpg') no-repeat;
background-size: cover;
background-position: 50% 50%;
padding-top: 50px;
padding-bottom: 50px;
}
.home-boxA-block {
width: 980px;
margin: auto;
padding-top: 50px;
}
.home-boxA-photo {
width: 40%;
float: right;
}
.home-boxA-photo img {
width: 100%;
}
.home-boxA-txt {
width: 50%;
float: left;
}
.home-boxA-block p.title {
font-size: 20px;
padding-top: 15px;
}
.home-boxA-block p.txt {
font-weight: 14px;
line-height: 1.8;
}
.home-boxA-block p.boxtxt {
background-color: #000000;
padding: 5px 10px;
font-weight: 14px;
line-height: 1.5;
color: #ffffff;
margin-top: 8px;
}
.movie {
width:100%;
margin-bottom: 15px;
}
.movie video {
width:100%;
}
.movie2 {
width:100%;
}
.movie2 video {
width:100%;
}
.photo-show { 
height: 250px; /*表示したい大きさ*/
position: relative;
width: 100%; /*表示したい大きさ、height と合わせる*/
}
.photo-show img { 
	animation: show 18s infinite;
	-webkit-animation: show 18s infinite;
	height: auto;
	max-width: 100%;
	opacity: 0;
	position: absolute; /*画像を全て重ねる*/
}
/*アニメーション*/
@keyframes show {
    0% {opacity:0}
    5% {opacity:1}
    10% {opacity:1}
    20% {opacity:0}
 }
@-webkit-keyframes show {
    0% {opacity:0}
    5% {opacity:1}
    10% {opacity:1}
    20% {opacity:0}
}
/*各画像のアニメーションの開始時間をずらす*/
.photo-show img:nth-of-type(1) {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}
.photo-show img:nth-of-type(2) {
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
}
.photo-show img:nth-of-type(3) {
    animation-delay: 6s;
    -webkit-animation-delay: 6s;
}
.photo-show img:nth-of-type(4) {
    animation-delay: 9s;
    -webkit-animation-delay: 9s;
}
.photo-show img:nth-of-type(5) {
    animation-delay: 12s;
    -webkit-animation-delay: 12s
}
.photo-show img:nth-of-type(6) {
    animation-delay: 15s;
    -webkit-animation-delay: 15s;
}
.photo-show img:nth-of-type(7) {
    animation-delay: 18s;
    -webkit-animation-delay: 18s;
} 
.tryout-block ul {
padding-top: 15px;
}
.tryout-block li {
position: relative;
list-style: none;
background-color: #19223f;
padding: 20px 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: center;
color: #ffffff;
font-size: 18px;
margin-bottom: 5px;
}
.tryout-block li img {
width: 40px;
position: absolute;
top: 8px;
left: 8px;
}
@media screen and (max-width: 768px){
.home-boxA {
position: relative;
width: 100%;
background: url('../img/home_boxA_back.jpg') no-repeat;
background-size: cover;
background-position: 50% 50%;
padding-top: 30px;
padding-bottom: 50px;
}
.home-boxA-block {
width: 80%;
margin: auto;
padding-top: 30px;
}
.home-boxA-photo {
width: 100%;
float: none;
}
.home-boxA-photo img {
width: 100%;
}
.home-boxA-txt {
width: 90%;
margin: auto;
float: none;
}
.home-boxA-block p.title {
font-size: 16px;
padding-top: 15px;
}
.home-boxA-block p.txt {
font-weight: 14px;
line-height: 1.8;
}
.home-boxA-block p.boxtxt {
background-color: #000000;
padding: 5px 10px;
font-weight: 14px;
line-height: 1.5;
color: #ffffff;
margin-top: 8px;
}
.movie {
width:90%;
margin: auto;
margin-bottom: 15px;
}
.movie video {
width:100%;
}
.movie2 {
width:90%;
margin: auto;
margin-bottom: 15px;
}
.movie2 video {
width:100%;
}
}
@media screen and (max-width: 767px){
.home-boxA {
position: relative;
width: 100%;
background: url('../img/home_boxA_back.jpg') no-repeat;
background-size: cover;
background-position: 50% 50%;
padding-top: 30px;
padding-bottom: 50px;
}
.home-boxA-block {
width: 100%;
margin: auto;
padding-top: 30px;
}
.home-boxA-photo {
width: 100%;
float: none;
}
.home-boxA-photo img {
width: 100%;
}
.home-boxA-txt {
width: 90%;
margin: auto;
float: none;
}
.home-boxA-block p.title {
font-size: 16px;
padding-top: 15px;
}
.home-boxA-block p.txt {
font-weight: 14px;
line-height: 1.8;
}
.home-boxA-block p.boxtxt {
background-color: #000000;
padding: 5px 10px;
font-weight: 14px;
line-height: 1.5;
color: #ffffff;
margin-top: 8px;
}
.movie {
width:90%;
margin: auto;
margin-bottom: 15px;
}
.movie video {
width:100%;
}
.movie2 {
width:90%;
margin: auto;
margin-bottom: 15px;
}
.movie2 video {
width:100%;
}
}
/*　==================　最新情報　==================　*/
.home-boxB {
position: relative;
width: 100%;
padding-top: 50px;
padding-bottom: 80px;
background-color: #ffffff;
-webkit-background-size: 100px;
}
.home-boxB-block {
width: 980px;
margin: auto;
}
.home-boxB-block ul {
padding-top: 20px;
}
.home-boxB-block li {
width: 300px;
list-style: none;
float: left;
margin-right: 40px;
border: 1px solid #595959;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.home-boxB-block li:nth-child(3){
margin-right: 0px;
}
@media screen and (max-width: 768px){
.home-boxB {
position: relative;
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
background-color: #CAE9FF;
background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #ffffff), color-stop(.5, transparent), to(transparent));
-webkit-background-size: 100px;
}
.home-boxB-block {
width: 80%;
margin: auto;
}
.home-boxB-block ul {
width: 90%;
margin: auto;
padding-top: 20px;
}
.home-boxB-block li {
width: 100%;
list-style: none;
float: none;
margin-right: 0px;
margin-bottom: 10px;
border: 1px solid #595959;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.home-boxB-block li:nth-child(3){
margin-right: 0px;
}
}
@media screen and (max-width: 767px){
.home-boxB {
position: relative;
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
background-color: #CAE9FF;
background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #ffffff), color-stop(.5, transparent), to(transparent));
-webkit-background-size: 100px;
}
.home-boxB-block {
width: 100%;
margin: auto;
}
.home-boxB-block ul {
width: 90%;
margin: auto;
padding-top: 20px;
}
.home-boxB-block li {
width: 100%;
list-style: none;
float: none;
margin-right: 0px;
margin-bottom: 10px;
border: 1px solid #595959;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.home-boxB-block li:nth-child(3){
margin-right: 0px;
}
}
/*　==================　地球の裏側のサッカー大国でのチャレンジ　==================　*/
.home-boxC {
position: relative;
width: 100%;
background: url('../img/home_boxC_back.jpg');
background-size: cover;
background-position: 50% 50%;
padding-top: 50px;
padding-bottom: 100px;
}
.home-boxC-block {
width: 980px;
margin: auto;
padding-top: 50px;
}
.home-boxC-block p.photo001 {
width: 25%;
float: left;
}
.home-boxC-block p.photo001 img {
width: 100%;
}
.txt-box001 {
width: 62%;
float: right;
}
.txt-box001 p.txt {
font-size: 14px;
line-height: 2;
font-weight: lighter;
color: #ffffff;
text-align: left;
padding-top: 0px;
}
.home-boxC-mark {
position: absolute;
top: 10%;
right: 10%;
}
.home-boxC-mark img {
width: 70%;
}
@media screen and (max-width: 768px){
.home-boxC {
position: relative;
width: 100%;
background: url('../img/home_boxC_back.jpg');
background-size: cover;
background-position: 50% 50%;
padding-top: 30px;
padding-bottom: 50px;
}
.home-boxC-block {
width: 80%;
margin: auto;
padding-top: 30px;
}
.home-boxC-block p.photo001 {
width: 90%;
margin: auto;
float: none;
}
.home-boxC-block p.photo001 img {
width: 100%;
}
.txt-box001 {
width: 90%;
margin: auto;
float: none;
}
}
@media screen and (max-width: 767px){
.home-boxC {
position: relative;
width: 100%;
background: url('../img/home_boxC_back.jpg');
background-size: cover;
background-position: 50% 50%;
padding-top: 30px;
padding-bottom: 50px;
}
.home-boxC-block {
width: 100%;
margin: auto;
padding-top: 30px;
}
.home-boxC-block p.photo001 {
width: 90%;
margin: auto;
float: none;
}
.home-boxC-block p.photo001 img {
width: 100%;
}
.txt-box001 {
width: 90%;
margin: auto;
float: none;
}
}
/*　==================　提携先クラブ　==================　*/
.home-boxD {
position: relative;
width: 100%;
background: url('../img/home_boxD_back.jpg');
background-size: cover;
background-position: 50% 50%;
padding-top: 50px;
padding-bottom: 100px;
}
.home-boxD-block {
width: 980px;
margin: auto;
padding-top: 50px;
}
.home-boxD-block ul {
padding-top: 15px;
}
.home-boxD-block li {
list-style: none;
float: left;
width: 157px;
background-color: #ffffff;
margin-right: 6px;
}
.home-boxD-block li img {
width: 100%;
}
.home-boxB-block li:nth-child(6){
margin-right: 0px;
}
.home-boxD-team {
position: absolute;
width: 900px;
top: 20px;
left: 0;
right: 0;
margin: auto;
}
@media screen and (max-width: 768px){
.home-boxD {
position: relative;
width: 100%;
background: url('../img/home_boxD_back.jpg');
background-size: cover;
background-position: 50% 50%;
padding-top: 20px;
padding-bottom: 50px;
}
.home-boxD-block {
width: 100%;
margin: auto;
padding-top: 30px;
}
.home-boxD-block ul {
padding-top: 30px;
}
.home-boxD-block li {
list-style: none;
float: left;
width: 20%;
background-color: #000000;
margin-right: 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.home-boxD-block li img {
width: 100%;
}
}
@media screen and (max-width: 767px){
.home-boxD {
position: relative;
width: 100%;
background: url('../img/home_boxD_back.jpg');
background-size: cover;
background-position: 50% 50%;
padding-top: 20px;
padding-bottom: 50px;
}
.home-boxD-block {
width: 90%;
margin: auto;
padding-top: 30px;
}
.home-boxD-block ul {
padding-top: 30px;
}
.home-boxD-block li {
list-style: none;
float: left;
width: 50%;
background-color: #000000;
margin-right: 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.home-boxD-block li img {
width: 100%;
}
}
/*　==================　SNS　==================　*/
.home-boxE {
position: relative;
width: 100%;
background-size: cover;
background-position: 50% 50%;
padding-top: 50px;
padding-bottom: 100px;
}
.home-boxE-block {
width: 100%;
background-color: #7fcef4;
padding: 20px 0;
margin: auto;
margin-top: 50px;
margin-bottom: 20px;
text-align: center;
}
.home-boxE-block img {
width: 100px;
padding: 0 20px;
}
@media screen and (max-width: 768px){
.home-boxE {
position: relative;
width: 100%;
background-size: cover;
background-position: 50% 50%;
padding-top: 40px;
padding-bottom: 40px;
}
}
@media screen and (max-width: 767px){
.home-boxE {
position: relative;
width: 100%;
background-size: cover;
background-position: 50% 50%;
padding-top: 40px;
padding-bottom: 50px;
}
.home-boxE-block {
width: 100%;
background-color: #7fcef4;
padding: 20px 0;
margin: auto;
margin-top: 30px;
margin-bottom: 20px;
text-align: center;
}
.home-boxE-block img {
width: 60px;
padding: 0 10px;
}
}
/*　==================　実績・体験談　==================　*/
.home-boxF {
position: relative;
width: 100%;
background-color: #000000;
padding-top: 50px;
padding-bottom: 50px;
}
.home-boxF-block {
width: 980px;
margin: auto;
}
.home-boxF-block p.photo002 {
width: 45%;
float: left;
}
.home-boxF-block p.photo002 img {
width: 100%;
}
.home-boxF-block .txt-box002 {
width: 50%;
float: right;
}
@media screen and (max-width: 768px){
.home-boxF {
position: relative;
width: 100%;
background-color: #000000;
padding-top: 40px;
padding-bottom: 50px;
}
.home-boxF-block {
width: 80%;
margin: auto;
}
.home-boxF-block p.photo002 {
width: 90%;
margin: auto;
float: none;
}
.home-boxF-block p.photo002 img {
width: 100%;
}
.home-boxF-block .txt-box002 {
width: 100%;
float: none;
}
}
@media screen and (max-width: 767px){
.home-boxF {
position: relative;
width: 100%;
background-color: #000000;
padding-top: 20px;
padding-bottom: 50px;
}
.home-boxF-block {
width: 90%;
margin: auto;
}
.home-boxF-block p.photo002 {
width: 100%;
float: none;
}
.home-boxF-block p.photo002 img {
width: 100%;
}
.home-boxF-block .txt-box002 {
width: 100%;
float: none;
}
}
.page-title-block {
position: relative;
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
text-align: center;
background: linear-gradient(#ff0000 70%, #000000 30%);
}
.page-title-block p.page-title {
font-size: 30px;
line-height: 1.5;
font-weight: normal;
color: #ffffff;
font-family: 'Tenor Sans', sans-serif;
}
.page-title-photo {
width: 980px;
margin: auto;
padding-top: 20px;
padding-bottom: 20px;
}
.page-title-photo img {
width: 100%;
}
.page-title-sche {
width: 500px;
margin: auto;
background-color: #f1f1f1;
padding: 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-cup-info {
width: 100%;
}
.page-cup-info-block {
width: 980px;
margin: auto;
}
.page-cup-info-block li {
width: 33.3%;
float: left;
list-style: none;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding-top: 80px;
padding-bottom: 80px;
}
.page-cup-info-block li:nth-child(2){
background-color: #efefef;
}
.page-cup-info-block li p.photo {
width: 100%;
}
.page-cup-info-block li p.photo img {
width: 100%;
}
.page-cup-info-block li p.title {
font-size: 18px;
font-weight: normal;
color: #ff0000;
font-family: 'Tenor Sans', sans-serif;
}
.page-cup-info-block li p.txt {
font-size: 14px;
line-height: 1.7;
text-align: left;
font-weight: normal;
}
.page-cup-boxA {
width: 100%;
background-color: #ff0000;
}
@media screen and (max-width: 767px){
.page-title-block {
position: relative;
width: 100%;
background-color: #000000;
border-top: 5px solid #7fcef4;
padding-top: 30px;
padding-bottom: 30px;
text-align: center;
}
.page-title-block p.page-title {
font-size: 18px;
font-weight: bold;
color: #ffffff;
}
}
.page-boxA {
position: relative;
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
text-align: center;
}
.page-boxA-block {
width: 980px;
margin: auto;
}
.page-boxA-photo {
margin-top: 20px;
width: 50%;
float: left;
}
.page-boxA-photo img {
width: 100%;
}
.page-boxA-txt {
position: relative;
margin-top: 50px;
width: 45%;
float: right;
text-align: left;
}
.page-boxA-txt p.flag {
position: absolute;
z-index: 1;
width: 200px;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.page-boxA-txt p.flag img {
width: 100%;
}
.page-boxA-txt p.txt {
position: relative;
padding-top: 100px;
z-index: 10;
}
@media screen and (max-width: 767px){
.page-boxA {
position: relative;
width: 100%;
padding-top: 30px;
padding-bottom: 50px;
text-align: center;
}
.page-boxA-block {
width: 90%;
margin: auto;
}
.page-boxA-block p {
font-size: 14px;
}
.page-boxA-photo {
margin-top: 20px;
width: 100%;
float: none;
}
.page-boxA-photo img {
width: 100%;
}
.page-boxA-txt {
position: relative;
margin-top: 30px;
width: 100%;
float: none;
text-align: left;
}
.page-boxA-txt p.flag {
position: absolute;
z-index: 1;
width: 200px;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
.page-boxA-txt p.flag img {
width: 100%;
}
.page-boxA-txt p.txt {
position: relative;
padding-top: 100px;
z-index: 10;
font-size: 14px;
}
}
.page-boxB {
position: relative;
width: 100%;
background-color: #000000;
padding-top: 50px;
padding-bottom: 50px;
text-align: center;
}
.page-boxB-block {
width: 980px;
margin: auto;
}
.page-boxB-txt {
margin-top: 20px;
float: left;
width: 55%;
text-align: left;
}
.page-boxB-txt p.txt {
color: #ffffff;
}
.page-boxB-photo {
margin-top: 20px;
float: right;
width: 30%;
}
.page-boxB-photo img {
width: 95%;
}
.page-boxB-photo-bottom {
width: 100%;
margin: auto;
padding-top: 50px;
}
.page-boxB-photo-bottom img {
width: 100%;
}
@media screen and (max-width: 767px){
.page-boxB {
position: relative;
width: 100%;
background-color: #000000;
padding-top: 30px;
padding-bottom: 50px;
text-align: center;
}
.page-boxB-block {
width: 90%;
margin: auto;
}
.page-boxB-txt {
margin-top: 20px;
float: none;
width: 100%;
text-align: left;
}
.page-boxB-txt p.txt {
color: #ffffff;
font-size: 14px;
}
.page-boxB-photo {
margin-top: 20px;
float: none;
width: 100%;
}
.page-boxB-photo img {
width: 95%;
}
.page-boxB-photo-bottom {
width: 100%;
margin: auto;
padding-top: 30px;
}
.page-boxB-photo-bottom img {
width: 100%;
}
}
.page-boxC {
width: 100%;
background-color: gray;
padding-top: 50px;
padding-bottom: 50px;
text-align: center;
}
.page-boxC-block {
width: 980px;
margin: auto;
}
.page-boxC-block-box {
width: 100%;
background: url('../img/page_blockC_back.jpg') no-repeat;
background-size: cover;
background-position: 50% 50%;
text-align: left;
padding: 40px;
margin-top: 25px;
margin-bottom: 25px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-boxC-block-box p {
color: #ffffff;
}
.page-boxC-txt-block {
float: left;
width: 45%;
color: #ffffff;
text-align: left;
}
.page-boxC-photo-block {
float: right;
width: 45%;
}
.page-boxC-photo-block img {
width: 100%;
}
@media screen and (max-width: 767px){
.page-boxC {
width: 100%;
background-color: gray;
padding-top: 30px;
padding-bottom: 50px;
text-align: center;
}
.page-boxC-block {
width: 90%;
margin: auto;
}
.page-boxC-block-box {
width: 100%;
background: url('../img/page_blockC_back.jpg') no-repeat;
background-size: cover;
background-position: 50% 50%;
text-align: left;
padding: 20px;
margin-top: 25px;
margin-bottom: 25px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-boxC-block-box p {
color: #ffffff;
font-size: 14px;
}
.page-boxC-txt-block {
float: left;
width: 100%;
color: #ffffff;
text-align: left;
font-size: 14px;
}
.page-boxC-photo-block {
float: none;
width: 100%;
}
.page-boxC-photo-block img {
width: 100%;
padding-top: 10px;
}
}
.page-boxD {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
text-align: left;
background: url('../img/page_boxD_back.png') ;
}
.page-boxD-block {
width: 980px;
margin: auto;
background-color: #000000;
padding: 30px;
border: 5px solid #e0e0e0;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-top: 30px;
}
.page-boxD-block p.logo {
float: left;
width: 200px;
}
.page-boxD-block p.logo img {
width: 100%;
}
.txt-box {
float: right;
width: 650px;
text-align: left;
}
.page-boxD-block p.clobname {
font-size: 18px;
color: #ffffff;
}
.txt-box table {
width: 100%;
border-collapse: collapse;
}
.txt-box td {
padding: 5px 5px;
border: 2px solid #000000;
box-sizing: border-box;
-moz-box-sizing: border-box;
font-size: 12px;
}
.name-player {
background-color: #7fcef4;
padding: 5px 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-top: 10px;
}
.page-boxD-block p.photo {
width: 100%;
padding-top: 15px;
}
.page-boxD-block p.photo img {
width: 100%;
}
@media screen and (max-width: 767px){
.page-boxD {
width: 100%;
padding-top: 30px;
padding-bottom: 50px;
text-align: left;
background: url('../img/page_boxD_back.png') ;
}
.page-boxD-block {
width: 90%;
margin: auto;
background-color: #000000;
padding: 20px;
border: 5px solid #e0e0e0;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-top: 20px;
}
.page-boxD-block p.logo {
float: none;
width: 200px;
margin: auto;
}
.page-boxD-block p.logo img {
width: 100%;
}
.txt-box {
float: none;
width: 100%;
text-align: left;
}
.page-boxD-block p.clobname {
font-size: 16px;
text-align: center;
color: #ffffff;
padding-bottom: 10px;
}
.txt-box table {
width: 100%;
margin-bottom: 10px;
border-collapse: collapse;
}
.txt-box td {
padding: 8px 8px;
border: 2px solid #000000;
box-sizing: border-box;
-moz-box-sizing: border-box;
font-size: 14px;
line-height: 1.5;
}
.name-player {
background-color: #7fcef4;
padding: 5px 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-top: 10px;
}
.page-boxD-block p.photo {
width: 100%;
padding-top: 15px;
}
.page-boxD-block p.photo img {
width: 100%;
}
.page-boxD p{
font-size: 14px;
}
}
.page-prg-block {
width: 980px;
margin: auto;
margin-top: 50px;
background-color: #7fcef4;
padding: 50px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-prg-block p.title {
background-color: #000000;
padding: 10px;
font-size: 20px;
color: #ffffff;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-prg-block p.photo {
width: 100%;
margin: atuo;
}
.page-prg-block p.photo img {
width: 100%;
}
.page-prg-blockB {
width: 980px;
margin: auto;
margin-top: 50px;
background-color: #b6df97;
padding: 50px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-prg-blockB p.title {
background-color: #000000;
padding: 10px;
font-size: 20px;
color: #ffffff;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-prg-blockB p.photo {
width: 100%;
margin: atuo;
}
.page-prg-blockB p.photo img {
width: 100%;
}
@media screen and (max-width: 767px){
.page-prg-block {
width: 90%;
margin: auto;
margin-top: 30px;
background-color: #7fcef4;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-prg-block p.title {
background-color: #000000;
padding: 10px;
font-size: 16px;
color: #ffffff;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-prg-block p.photo {
width: 100%;
margin: atuo;
}
.page-prg-block p.photo img {
width: 100%;
}
.page-prg-blockB {
width: 90%;
margin: auto;
margin-top: 30px;
background-color: #b6df97;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-prg-blockB p.title {
background-color: #000000;
padding: 10px;
font-size: 16px;
color: #ffffff;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.page-prg-blockB p.photo {
width: 100%;
margin: atuo;
}
.page-prg-blockB p.photo img {
width: 100%;
}
}
.page-report {
width: 100%;
padding-top: 50px;
padding-bottom: 50px;
text-align: left;
}
.page-report-block {
width: 980px;
margin: auto;
background-color: #7fcef4;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: left;
margin-top: 20px;
}
.page-report-block li {
list-style: none;
}
.page-report-block-photo {
width: 200px;
height: auto;
float: left;
}
.page-report-block-photo img {
width: 100%;
height: 100%;
}
.page-report-block-txt {
width: 660px;
float: right;
}
.page-report-block-txt p.date {
font-size: 12px;
}
.page-report-block-txt p.title {
font-size: 16px;
text-align: left;
background-color: #000000;
padding: 5px 15px;
color: #ffffff;
margin-top: 5px;
margin-bottom: 5px;
}
.page-report-block-txt p.title a {
color: #ffffff;
}
.page-report-block-txt p.txt {
font-size: 14px;
line-height: 1.7;
text-align: left;
}
.news-back {
text-align: center;
font-size: 14px;
}
.page-report-page-block {
width: 980px;
margin: auto;
background-color: #ffffff;
border: 1px solid #7fcef4;
padding: 40px;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: left;
margin-top: 20px;
}
.page-report-page-block p.p-date {
font-size: 12px;
}
.page-report-page-block p.p-title {
font-size: 16px;
line-height: 1.5;
text-align: left;
background-color: #000000;
color: #ffffff;
padding: 10px 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-top: 10px;
margin-bottom: 20px;
}
.page-report-page-block p.p-txt {
font-size: 14px;
line-height: 1.7;
text-align: left;
}
@media screen and (max-width: 767px){
.page-report-block {
width: 90%;
margin: auto;
background-color: #7fcef4;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: left;
margin-top: 20px;
}
.page-report-page-block {
width: 90%;
margin: auto;
background-color: #ffffff;
border: 1px solid #7fcef4;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: left;
margin-top: 20px;
}
.page-report-block-photo {
width: 100%;
float: none;
}
.page-report-block-photo img {
width: 100%;
}
.page-report-block-txt {
width: 100%;
float: none;
}
}
/*　==================　セレクションフォーム　==================　*/
.selection {
position: relative;
width: 100%;
background-color: #ddb714;
padding-top: 50px;
padding-bottom: 50px;
}
.selection-block {
width: 980px;
margin: auto;
padding-top: 50px;
}
.selection-block p.photo {
width: 40%;
float: right;
padding-left: 50px;
}
.selection-block p.photo img {
width: 100%;
}
.selection-block p.txt {
font-weight: 14px;
line-height: 2;
text-align: left;
}
.selection-block p.midashi {
font-weight: 14px;
color: #ffffff;
text-align: left;
background-color: #19223f;
padding: 5px 0;
text-align: center;
}
.selection-block ul {
width: 980px;
display: table;
}
.selection-block li {
width: 50%;
display: table-cell;
background-color: #ffffff;
border-right: 2px solid #ddb713;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.selection-block li:last-child {
border-right: 0px solid #ddb713;
}
.selection-block li p.name {
font-size: 16px;
text-align: center;
}
.selection-block li table {
width: 100%;
}
.selection-block li td {
border: 1px solid #e6e6e6;
font-size: 14px;
line-height: 1.5;
padding: 8px 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: left;
color: #000000;
}
.selection-block li td p.small {
font-size: 12px;
line-height: 1.5;
color: #000000;
}
@media screen and (max-width: 767px){
.selection {
position: relative;
width: 100%;
background-color: #ddb714;
padding-top: 50px;
padding-bottom: 50px;
}
.selection-block {
width: 90%;
margin: auto;
padding-top: 20px;
}
.selection-block p.photo {
width: 100%;
float: none;
padding-left: 0px;
}
.selection-block ul {
width: 100%;
display: table;
}
.selection-block li {
width: 100%;
display: block;
background-color: #ffffff;
border-right: 0px solid #ddb713;
border-bottom: 2px solid #ddb713;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.selection-block li:last-child {
border-right: 0px solid #ddb713;
}
}
/*　==================　トライアウト日程　==================　*/
.selection-day {
position: relative;
width: 100%;
background-color: #19223f;
padding-top: 50px;
padding-bottom: 50px;
}
.selection-day-block {
width: 980px;
margin: auto;
padding-top: 30px;
}
.selection-day-block table {
width: 100%;
background-color: #ffffff;
}
.selection-day-block td {
border: 1px solid #19223f;
font-size: 14px;
line-height: 1.5;
padding: 10px 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: left;
color: #000000;
}
@media screen and (max-width: 767px){
.selection-day {
position: relative;
width: 100%;
background-color: #19223f;
padding-top: 50px;
padding-bottom: 50px;
}
.selection-day-block {
width: 90%;
margin: auto;
padding-top: 20px;
}
.selection-day-block table {
width: 100%;
background-color: #ffffff;
}
.selection-day-block td {
width: 100%;
display: block;
border: 1px solid #19223f;
font-size: 14px;
line-height: 1.5;
padding: 10px 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: left;
color: #000000;
}
}
/*　==================　トライアウト詳細　==================　*/
.selection-info {
position: relative;
width: 100%;
background-color: #a81533;
padding-top: 50px;
padding-bottom: 80px;
}
.selection-info-block {
width: 980px;
margin: auto;
padding-top: 30px;
}
.selection-info-block table {
width: 100%;
background-color: #ffffff;
}
.selection-info-block td {
border: 1px solid #a81533;
font-size: 14px;
line-height: 1.5;
padding: 10px 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: left;
color: #000000;
}
@media screen and (max-width: 767px){
.selection-info {
position: relative;
width: 100%;
background-color: #a81533;
padding-top: 50px;
padding-bottom: 50px;
}
.selection-info-block {
width: 90%;
margin: auto;
padding-top: 20px;
}
.selection-info-block td {
width: 100%;
display: block;
border: 1px solid #a81533;
font-size: 14px;
line-height: 1.5;
padding: 10px 15px;
box-sizing: border-box;
-moz-box-sizing: border-box;
text-align: left;
color: #000000;
}
}
.selection-form {
position: relative;
width: 100%;
background-color: #ffffff;
margin-top: 50px;
padding-bottom: 50px;
}
.selection-form-block {
width: 980px;
margin: auto;
padding-top: 30px;
}
.selection-form-thanks {
border: 1px solid #000000;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-top: 30px;
}
.selection-form-thanks p.txt {
font-size: 14px;
text-align: left;
}
@media screen and (max-width: 768px){
.selection-form {
position: relative;
width: 100%;
background-color: #ffffff;
margin-top: 50px;
padding-bottom: 50px;
}
.selection-form-block {
width: 100%;
margin: auto;
padding-top: 0px;
}
.selection-form-thanks {
width: 90%;
margin: auto;
border: 1px solid #000000;
padding: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-top: 30px;
}
}
/*　==================　フッタ　==================　*/
footer#footer {
position: fixed;
width: 100%;
height: 10%;
bottom: 0;
}
.footer-box {
width: 980px;
margin: auto;
text-align: center;
}
.footer-box p {
font-size: 12px;
color: #ffffff;
}
footer#page-footer {
position: relative;
width: 100%;
background-color: #000000;
border-top: 2px solid #ff0000;
padding-top: 50px;
padding-bottom: 50px;
}
.page-footer-box {
width: 980px;
margin: auto;
text-align: center;
}
.page-footer-box p {
font-size: 12px;
color: #ffffff;
}
@media screen and (max-width: 768px){
footer#page-footer {
position: relative;
width: 100%;
background-color: #000000;
border-top: 2px solid #ff0000;
padding-top: 50px;
padding-bottom: 50px;
}
.footer-box {
width: 95%;
margin: auto;
text-align: center;
}
.page-footer-box {
width: 95%;
margin: auto;
text-align: center;
}
.page-footer-box p {
font-size: 12px;
color: #ffffff;
}
}