@charset "UTF-8";
/* ==================================================
[Style]
	 1. Reset
	 2. Animation
	 3. General
================================================== */
/* --------------------------------------------------
	 1. Reset
-------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote::before, blockquote::after,
q::before, q::after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* --------------------------------------------------
	 2. Animation
-------------------------------------------------- */

@keyframes fade-in3 {
	0% {
	  opacity: 0;
	  transform: translate3d(0, 20px, 0);
	}
	100% {
	  opacity: 1;
	  transform: translate3d(0, 0, 0);
	}
}

@keyframes fade-in4 {
	0% {
	  opacity: 1;
	  transform: translate3d(0, 20px, 0);
	}
	100% {
	  opacity: 1;
	  transform: translate3d(0, 0, 0);
	}
}

/* --------------------------------------------------
	 3. General
-------------------------------------------------- */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  color: #333;
  font-family: 'Noto Sans JP', "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.8;
  word-break: normal;
  overflow-wrap: normal;
  word-wrap: normal;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

a {
  outline: none;
  word-break: break-all;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

a:link, a:visited {
  color: #000;
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

ul, ol {
  list-style: none;
}

em, dl, i, address {
  font-style: normal;
}

sup, sub {
  font-size: 0.65rem;
  line-height: 1.35;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1rem;
  font-family: inherit;
}

table th, table td {
  text-align: left;
  vertical-align: middle;
  padding: 1em;
}

table th {
  font-weight: normal;
}

table th small {
font-size: 60%;
    display: inline-block;
    margin-left: 3px;
    color: #ff0000;
}

table td {
  word-break: break-all;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

table td.size_s input {
	width: 40%!important;
}

table td.size_m input {
	width: 60%!important;
}

@media screen and (max-width: 1024px) {
table td select,
table td.size_s input,
table td.size_m input {
        width: 100% !important;
        box-sizing: border-box;
        margin: 0;
}
}


select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"] {
  margin: 5px;
  padding: 6px;
  color: #222222;
  font-size: 1rem;
  font-family: "Noto Sans Japanese", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  border: 1px solid #000;
  border-radius: 4px;
    border: solid 1px #EEE;
}

textarea,
input[type="text"],
input[type="email"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="text"].align_left {
  text-align: left;
}

input[type="text"].align_center {
  text-align: center;
}

input[type="text"].align_right {
  text-align: right;
}

input[type="radio"], input[type="checkbox"] {
  margin: 3px 0 5px 5px;
  outline: none;
  cursor: pointer;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
  padding: 0 8px 0 2px;
  cursor: pointer;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #4d4d4d;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #4d4d4d;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #4d4d4d;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #4d4d4d;
}

.gothic {
  font-family: "Noto Sans Japanese", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.mincho {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: bold;
}

.font_big {
  font-size: 1.25rem !important;
}

.font_large {
  font-size: 1.125rem !important;
}

.font_normal {
  font-size: 1rem !important;
}

.font_small {
  font-size: 0.875rem !important;
}

.font_little {
  font-size: 0.75rem !important;
}

.mt_0 {
  margin-top: 0rem !important;
}

.mr_0 {
  margin-right: 0rem !important;
}

.mb_0 {
  margin-bottom: 0rem !important;
}

.ml_0 {
  margin-left: 0rem !important;
}

.m_0 {
  margin: 0rem !important;
}

.mx_0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.my_0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.pt_0 {
  padding-top: 0rem !important;
}

.pr_0 {
  padding-right: 0rem !important;
}

.pb_0 {
  padding-bottom: 0rem !important;
}

.pl_0 {
  padding-left: 0rem !important;
}

.p_0 {
  padding: 0rem !important;
}

.px_0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.py_0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.mt_1 {
  margin-top: 1rem !important;
}

.mr_1 {
  margin-right: 1rem !important;
}

.mb_1 {
  margin-bottom: 1rem !important;
}

.ml_1 {
  margin-left: 1rem !important;
}

.m_1 {
  margin: 1rem !important;
}

.mx_1 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my_1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.pt_1 {
  padding-top: 1rem !important;
}

.pr_1 {
  padding-right: 1rem !important;
}

.pb_1 {
  padding-bottom: 1rem !important;
}

.pl_1 {
  padding-left: 1rem !important;
}

.p_1 {
  padding: 1rem !important;
}

.px_1 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py_1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.mt_2 {
  margin-top: 2rem !important;
}

.mr_2 {
  margin-right: 2rem !important;
}

.mb_2 {
  margin-bottom: 2rem !important;
}

.ml_2 {
  margin-left: 2rem !important;
}

.m_2 {
  margin: 2rem !important;
}

.mx_2 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my_2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.pt_2 {
  padding-top: 2rem !important;
}

.pr_2 {
  padding-right: 2rem !important;
}

.pb_2 {
  padding-bottom: 2rem !important;
}

.pl_2 {
  padding-left: 2rem !important;
}

.p_2 {
  padding: 2rem !important;
}

.px_2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py_2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.mt_3 {
  margin-top: 3rem !important;
}

.mr_3 {
  margin-right: 3rem !important;
}

.mb_3 {
  margin-bottom: 3rem !important;
}

.ml_3 {
  margin-left: 3rem !important;
}

.m_3 {
  margin: 3rem !important;
}

.mx_3 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my_3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.pt_3 {
  padding-top: 3rem !important;
}

.pr_3 {
  padding-right: 3rem !important;
}

.pb_3 {
  padding-bottom: 3rem !important;
}

.pl_3 {
  padding-left: 3rem !important;
}

.p_3 {
  padding: 3rem !important;
}

.px_3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py_3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.mt_4 {
  margin-top: 4rem !important;
}

.mr_4 {
  margin-right: 4rem !important;
}

.mb_4 {
  margin-bottom: 4rem !important;
}

.ml_4 {
  margin-left: 4rem !important;
}

.m_4 {
  margin: 4rem !important;
}

.mx_4 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.my_4 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.pt_4 {
  padding-top: 4rem !important;
}

.pr_4 {
  padding-right: 4rem !important;
}

.pb_4 {
  padding-bottom: 4rem !important;
}

.pl_4 {
  padding-left: 4rem !important;
}

.p_4 {
  padding: 4rem !important;
}

.px_4 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.py_4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.mt_5 {
  margin-top: 5rem !important;
}

.mr_5 {
  margin-right: 5rem !important;
}

.mb_5 {
  margin-bottom: 5rem !important;
}

.mb_50 {
  margin-bottom: 50px !important;
}

.mb_70 {
  margin-bottom: 70px !important;
}

.mb_100 {
  margin-bottom: 100px !important;
}

.ml_5 {
  margin-left: 5rem !important;
}

.m_5 {
  margin: 5rem !important;
}

.mx_5 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.my_5 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.pt_5 {
  padding-top: 5rem !important;
}

.pr_5 {
  padding-right: 5rem !important;
}

.pb_5 {
  padding-bottom: 5rem !important;
}

.pl_5 {
  padding-left: 5rem !important;
}

.p_5 {
  padding: 5rem !important;
}

.px_5 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py_5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.clearfix::after {
  display: block;
  content: "";
  clear: both;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.clear_both {
  clear: both;
}

.text_center {
  text-align: center;
}

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

.is-fixed {

}

.is-fixeds {
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
	opacity: 0!important;
}

.js_fadein {

}

.is_show {

}

/* fadeInAnime
------------------------------------------ */
.fadeIn {
    transition-property: opacity, transform;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.000, 0.295, 0.500, 1.000);
    opacity: 0;
    -webkit-transform: translate(0, 60px);
    transform: translate(0, 60px);
}
.fadeIn[data-delay="1"]{ transition-delay: 0.2s;}
.fadeIn[data-delay="2"]{ transition-delay: 0.4s;}
.fadeIn[data-delay="3"]{ transition-delay: 0.6s;}
.fadeIn[data-delay="4"]{ transition-delay: 0.8s;}
.fadeIn[data-delay="5"]{ transition-delay: 1s;}
.fadeIn[data-delay="6"]{ transition-delay: 1.2s;}
.fadeIn[data-delay="7"]{ transition-delay: 1.4s;}
.fadeIn[data-delay="8"]{ transition-delay: 1.6s;}
.fadeIn[data-delay="9"]{ transition-delay: 1.8s;}
.fadeIn[data-delay="10"]{ transition-delay: 2s;}
.fadeIn[data-delay="11"]{ transition-delay: 2.2s;}
.fadeIn[data-delay="12"]{ transition-delay: 2.4s;}

.fadeIn.is_done{
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.pc {
	display: inline-block!important;
}

.sp {
	display: none!important;
}


/* --------------------------------------------------
	 header
-------------------------------------------------- */
header {
	position: relative;
    overflow: hidden;
}

header .sponsor  {
    padding: 5px 0;
    position: relative; 
}

header .sponsor ul  {
    overflow: hidden;
}

header .sponsor ul li {
float: left;
    font-size: 10px;
    line-height: 1;
    margin-right: 12px;
    width: 6%;
}

header .sponsor ul li img {
	width: 100%;
}

header .sponsor ul li a {
    display: block;
-webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -ms-transition: 0.8s;
    transition: 0.8s;
}

header .sponsor ul li a:hover {
}

header .sponsor ul li a img {
	text-decoration: none;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}

header .sponsor ul li a:hover img {
	opacity: .8;
}

header .logo  {
	background-color:#C5DF00;
    overflow: hidden;
	position: relative;
	padding: 7px 0;
}

header .logo h1 {
	width: 130px;
}

header h1 img {
	width: 100%;
}

header .menu  {
	background-color:#01683B;
    overflow: hidden;
	padding: 7px 0 10px;
	position: relative;
}

.navToggle {
    display: none;
}

header nav {
	overflow: hidden;
	font-family: 'Righteous', cursive;
}

header nav ul {
	float: left;
	overflow: hidden;
}

header nav ul li {
	display: inline;
	font-weight: bold;
	font-size: 12px;
	margin-right: 30px;
}

header nav ul li a {
    color: #FFF!important;
	font-size: .9rem;
    letter-spacing: 0.06em;
    font-weight: 500;
    display: inline-block;
    position: relative;
    text-decoration: none!important;
}

header nav ul li a::after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background: #FFF;
	transition: all 0.3s ease 0s;
}

header nav ul li a:hover {
	cursor: pointer;
}

header nav ul li a:hover::after {
	width: 100%;
}

header nav p.entry {
	display: inline;
	position: relative;
	z-index:1:
	width: 80px;
}

header nav p.entry img {
	width: 80px;
 	-webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -ms-transition: 0.8s;
    transition: 0.8s;
}

header nav p.entry:hover img {
	opacity: 0.7;
}

header .slider {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index: 1;
}

.subNav {
	overflow: hidden;
	text-align: center;
}

.globalMenu {
	display: block;
    position: fixed;
    z-index: 2;
    top: 59px;
    right: 0;
    color: #FFF;
    text-align: center;
    transform: translateX(100%);
    transition: all 0.6s;
    margin: 0 auto;
    padding: 0;
    width: 250px;
	height: 100%;
}
 
.globalMenu li {
	display: block;
    font-size: 80%;
    list-style-type: none;
    padding: 0;
    width: 100%;
	position: relative;
}
 
.globalMenu li:last-child {
    padding-bottom: 0;
}
 
.globalMenu li a {
	display: inline-block;
	position: relative;
	text-decoration: none!important;
    color: #FFF;
    padding: 7% 0;
	margin: 0 auto;
	width: 80%;
}

.globalMenu li a::after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background: #FFF;
	transition: all 0.3s ease 0s;
}

.globalMenu li a:hover {
	cursor: pointer;
}

.globalMenu li a:hover::after {
	width: 100%;
}

.globalMenu.active {
    transform: translateX(0%);
    background-color: rgba( 0, 0, 0, 0.6 );
    z-index: 9999;
}

.subNav li {
	float: left;
	width: 33.33333333%;
}

.subNav li a {
	color: #000;
	display: block;
 	font-size: 25px;
	font-weight: bold;
	letter-spacing:0.8pt;
	line-height: 1;
	padding: 50px 0 65px;
    position: relative;
 	-webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -ms-transition: 0.8s;
    transition: 0.8s;
}

.subNav li a::after {
    content: '';
    width: 32px;
    height: 31px;
    display: block;
    background: url(../img/subNav_icon.png);
    background-size: cover;
    position: absolute;
    right: 50%;
    bottom: 15px;
    margin-right: -14px;
}

.subNav li a:hover {
	text-decoration: none;
}

.subNav li:nth-child(1) a {
	background-color: #FF7676;
}

.subNav li:nth-child(1) a:hover {
	background-color: #FF2B2B;
}

.subNav li:nth-child(2) a {
	background-color: #50D6BF;
}

.subNav li:nth-child(2) a:hover {
	background-color: #2BB79E;
}

.subNav li:nth-child(3) a {
	background-color: #DBEA53;
}

.subNav li:nth-child(3) a:hover {
	background-color: #B7C918;
}

.subNav li a span {
	display: block;
	font-size: 13px;
	font-weight: normal;
	line-height: 1;
	margin-bottom: 7px;
}


/* --------------------------------------------------
	 inner
-------------------------------------------------- */

.inner {
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

/* --------------------------------------------------
	 main_visual
-------------------------------------------------- */
#main_visual {
	position: relative;
}

#main_visual img {
	display: block;
	width: 100%;
}

#main_visual .u15 {
	position: absolute;
	left: 30px;
	bottom: 30px;
	height: 105px;
	width: 350px;
}

#main_visual .app {
    position: absolute;
    left: 14px;
    bottom: 15px;
    height: auto;
    width: 23%;
}
@media screen and (max-width:764px) {
#main_visual .app {	
    bottom: 15px;
    height: auto;
    width: 35%;
	left: 40%;
}
}

#main_visual .uniform {
    position: absolute;
    left: 25%;
    bottom: 15px;
    height: auto;
    width: 23%;
}
@media screen and (max-width:764px) {
#main_visual .uniform {	
    height: auto;
    bottom: 15px;
    width: 35%;
}
}
/* --------------------------------------------------
	 top_slide
-------------------------------------------------- */

#top_slide {
    background-color: #151515;
    padding: 40px 0 20px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	overflow: hidden;
}

.slick-prev {
	background: url(../img/previous_icon.png) no-repeat center top;
}
.slick-next {
	background: url(../img/next_icon.png) no-repeat center top;
}

/* --------------------------------------------------
	 h2
-------------------------------------------------- */

h2 {
	font-family: 'Righteous', cursive;
    font-size: 40px;
	line-height: 1;
	text-align: center;
	margin-bottom: 25px;
}

/* --------------------------------------------------
	 h4
-------------------------------------------------- */
h4 {
    margin-bottom: 15px;
}

/* --------------------------------------------------
	 news
-------------------------------------------------- */

#news {
	padding: 40px 0;
}

#news .inner a {
	display: block;
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	width: 23.5%;
	min-height: 180px;
	transition: background-color .2s ease-in-out,border .2s ease-in-out,opacity .2s ease-in-out,color .2s ease-in-out;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(13,60,40,0.1);
}

#news .inner a.nolink {
	cursor: default;
}

#news .inner a:hover {
	text-decoration: none;
}

#news .inner a:nth-child(4n) {
	margin-right: 0%;
}

#news .inner a dl dt {
    display: block;
	line-height: 0;
    overflow: hidden;
	margin-bottom: 10px;
}

#news .inner a dl dt img {
	display: block;
	width: 100%;
    transition: all .4s ease-in-out;
    transition: opacity 0;
}

#news .inner a:hover dl dt img {
    transform: scale(1.06);
}

#news .inner a dl dd span {
    color: #666;
    display: block;
    font-size: 10px;
    line-height: 1;
	margin-bottom: 3px;
}

#news .inner a dl dd p {
	font-size: 12px;
}


/* --------------------------------------------------
	 sns
-------------------------------------------------- */

#sns {
    background-color: #01683B;
	padding: 40px 0;
}

#sns h2 {
	color: #FFF;
}

#sns .inner dl {
	float: left;
	width: 470px;
}

#sns .inner dl:first-child {
	margin-right: 60px;
}

#sns .inner dl dt {
	color: #FFF;
	font-family: 'Righteous', cursive;
	font-size: 30px;
	line-height: 1;
	text-align: center;
	margin-bottom: 20px;
}


/* --------------------------------------------------
	 pagetop
-------------------------------------------------- */

#pagetop {
	position: fixed;
	right: 25px;
    bottom: 25px;
	z-index: 99;
}

#pagetop a {
    background-color: #01683B;
	color: #FFF;
	display: block;
	font-family: 'Righteous', cursive;
	font-size: 10px;
	line-height: 80px;
	text-align: center;
	height: 80px;
	width: 80px;
-webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -ms-transition: 0.8s;
    transition: 0.8s;
}

#pagetop a:hover {
    background-color: #013A22;
    text-decoration: none!important;
}

/* --------------------------------------------------
	 footer
-------------------------------------------------- */

#footer {
    background-color: #013A22;
	padding: 20px 0 0;
}

#footer .footer_menu {
	padding: 0 0 20px;
}

#footer .footer_menu ul {
	overflow: hidden;
}

#footer .footer_menu ul li {
	float: left;
	font-size: 14px;
	margin-right: 15px;
	font-family: 'Righteous', cursive;
}

#footer .footer_menu ul li a {
	color: #FFF;
    display: inline-block;
    position: relative;
    text-decoration: none!important;
}

#footer .footer_menu ul li a::after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background: #FFF;
	transition: all 0.3s ease 0s;
}

#footer .footer_menu ul li a:hover {
	cursor: pointer;
}

#footer .footer_menu ul li a:hover::after {
	width: 100%;
}

#footer .menu {
    background-color: #01683B;
    overflow: hidden;
	padding: 15px 0 18px;
    position: relative;
}

#footer .menu a {
	color: #FFF;
}

#footer .menu dl.footer_logo {
	margin-bottom: 2%;
}

#footer .menu dl.footer_logo dt {
	width: 130px;
}

#footer .menu dl.footer_logo dt img {
	width: 100%;
}

#footer .menu dl.footer_logo dd {
	color: #FFF;
    font-size: 11px;
}


#footer .menu .copy {
	color: #FFF;
	float: right;
	font-size: 10px;
	line-height: 1.2;
}

#footer .menu ul {
	float: left;
	overflow: hidden;
	line-height: 1.2;
}

#footer .menu ul li {
	float: left;
	font-size: 11px;
	margin-right: 15px;
}

#footer .menu ul li a:hover {
	border-bottom: solid 1px #FFF;;
}

















/* --------------------------------------------------
	 #contents
-------------------------------------------------- */

#contents #main_visual {
	background: url(../img/main_visual_bg.png) no-repeat center center;
	background-size: cover;
    height: 250px;
}

#contents #main_visual div {
	background-color: rgba(1, 58, 34, 0.7);
    height: 250px;

}

#contents #main_visual h2 {
	color: #FFF;
	margin-bottom: 0px;
    line-height: 250px;
}

#contents #article {
	padding: 70px 0;
}

#contents #article h3 {
	font-size: 20px;
	text-align: center;
	border-bottom: solid 1px #CCC;
    margin-bottom: 20px;
}

#contents #article h3 span {
    border-bottom: solid 1px #013A74;
	font-weight: 100;
    display: inline-block;
    margin-bottom: -1px;
}

#contents #news h3 {
	font-size: 25px;
    font-weight: 100;
	text-align: center;
	border-bottom: solid 1px #CCC;
    margin: 0 auto 20px;
	width: 1000px;
}

#contents #news h3 span {
    border-bottom: solid 1px #013A74;
    display: inline-block;
    margin-bottom: -1px;
}

#contents #ttl {
	padding-top: 70px;
}

#contents #ttl h3 {
	font-size: 25px;
    font-weight: 100;
	text-align: center;
	border-bottom: solid 1px #CCC;
    margin: 0 auto 20px;
	width: 1000px;
}

#contents #ttl h3 span {
    border-bottom: solid 1px #013A74;
	font-weight: 100;
    display: inline-block;
    margin-bottom: -1px;
}

#contents #article p {
	text-align: center;
    margin-bottom: 35px;
}

#contents #article p.left {
	text-align: left;
}

#contents.club #article p {
    text-align: left;
    margin-bottom: 35px;
}

#contents #article p:last-child {
    margin-bottom: 0px;
}

#contents.news #article dl {
	display:flex;
	flex-wrap: wrap;
	border-right: 1px dotted #ccc;
	border-left: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	border-top: none;
	margin-bottom: 35px;
    text-align: center;
}

#contents.news #article dl dt {
	color: #FFF;
	background: #01683B;
	width: 30%;
	padding: 2%;
	box-sizing: border-box;
	border-top: 1px dotted #ccc; 
}

#contents.news #article dl.nember dt {
	color: #FFF;
	background: #013A74;
	width: 15%;
	padding: 2%;
	box-sizing: border-box;
	border-top: 1px dotted #ccc; 
}

#contents.news #article dl dd {
	padding: 2%;
	margin: 0;
	border-left: 1px dotted #ccc;
	border-top: 1px dotted #ccc; 
	width: 70%;
	background: #fff;
	box-sizing: border-box;
    text-align: left;
}

#contents.news #article dl.nember dd {
	padding: 2%;
	margin: 0;
	border-left: 1px dotted #ccc;
	border-top: 1px dotted #ccc; 
	width: 85%;
	background: #fff;
	box-sizing: border-box;
    text-align: left;
}

#contents.news #article dl.nember dd span {
	display: inline-block;
	margin-right: 10px;
}

#contents #article table.nemberteble {
	border-left: 1px dotted #ccc;
    border-top: 1px dotted #ccc;
	font-size: 12px;
	width: 100%;
}

#contents #article table.nemberteble th,
#contents #article table.nemberteble td {
	text-align: center;
    border-bottom: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
}

#contents #article table.nemberteble th {
	color: #FFF;
	background: #01683B;
}

#contents.news p.entry a {
	background-color: #012243;
    color: #FFF;
	display: block;
	margin: 0 auto;
    padding: 12px 0 15px;
	width: 60%;
-webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -ms-transition: 0.8s;
    transition: 0.8s;
}

#contents.news p.entry a:hover {
	background-color: #013A74;
	text-decoration: none;
}

#contents.news .movies {
	 overflow: hidden;
    margin: 0 auto 7%;
    width: 560px;
	height: 315px;
}

#contents.news .movies iframe {
	width: 100%;
}





#contents #article .map span {
	display: inline-block;
	margin-bottom: 1%;
}

#contents #article .result {
	overflow: hidden;
    margin: 0 auto 7%;
    width: 80%;
}

#contents #article .result .result_inner {
	overflow: hidden;
}

#contents #article .result p {
	margin-bottom: 0;
}

#contents #article .result .opponent p.fontss {
	font-size: 18px;
}

#contents #article .result .score {
	font-family: 'Righteous', cursive;
	line-height: 1;
}

#contents #article .result .agata {
	float: left;
	width: 40%;
}

#contents #article .result .agata p {
	float: left;
	margin-bottom: 2%;
	width: 60%;
}

#contents #article .result .agata p img {
	width: 150px;
}

#contents #article .result .agata .score {
	display: block;
    float: left;
    font-size: 100px;
    text-align: center;
	line-height: 1.2;
    width: 40%;
}

#contents #article .result .detail {
	float: left;
	padding-top: 25px;
	width: 20%;
}

#contents #article .result .detail table td {
	padding: .2em 1em .2em 1em;
	text-align: center;
}

#contents #article .result .opponent {
	float: right;
	width: 40%;
}

#contents #article .result .opponent p {
	float: right;
    font-size: 24px;
    font-weight: 600;
	line-height: 115px;
	width: 60%;
}

#contents #article .result .opponent p.text_ss {
	font-size:19px;
}

#contents #article .result .opponent p.text_sss {
	font-size:14px;
}

@media screen and (max-width: 768px){
#contents #article .result .opponent p.text_sss {
    line-height: 1.5;
    padding-top: 30px;
	font-size: 12px;
}
}

#contents #article .result .opponent .score {
	display: block;
    float: left;
    font-size: 100px;
    text-align: center;
	line-height: 1.2;
    width: 40%;
}

#contents #article .result .goal {
	clear: both;
    font-size: 13px;
	text-align: left;
    margin-left: 20px;
	width: 25%;
}

#contents #article .result .goal span {
    display: inline-block;
    width: 70px;
}


/* --------------------------------------------------
	 #team
-------------------------------------------------- */

#contents.team #article h4 {
	clear: both;
	margin-bottom: 20px;
}

#contents.team #article h4 span {
	display: inline-block;
    font-family: 'Righteous', cursive;
    font-size: 40px;
    line-height: 1;
    position: relative;
    padding-right: 35px;
	text-shadow: 0px 0px 10px #FFF;
    text-transform: uppercase;
}

#contents.team #article h4 span:after {
	content: '';
    position: absolute;
    right: 0;
    bottom: 5px;
    background-color: #013A74;
    display: block;
    width: 30px;
    height: 2px;
}

#contents.team #article h4 small {
	display: inline-block;
    font-size: 80%;
    padding-left: 10px;
}

#contents.team .thumbnails {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding-bottom: 20px;
}

#contents.team .thumbnails a {
	margin-right: 2%;
	margin-bottom: 2%;
	position: relative;
	width: 23.5%;
}

#contents.team .thumbnails a:hover {
	text-decoration: none;
}

#contents.team .thumbnails a.nolink {
	cursor: default;
}

#contents.team .thumbnails a:nth-child(4n) {
	margin-right: 0%;
}

#contents.team .thumbnails a .no {
	position: absolute;
    right: 17px;
    top: 0px;
    font-family: 'Righteous', cursive;
    line-height: 1;
    font-size: 4rem;
    font-style: italic;
    color: #151515;
	z-index: 1;
}

#contents.team .thumbnails a dl dt {
    display: block;
	line-height: 0;
    overflow: hidden;
}

#contents.team .thumbnails a dl dt img {
	width: 100%;
    transition: all .4s ease-in-out;
    transition: opacity 0;
}

#contents.team .thumbnails a:hover img {
    transform: scale(1.06);
}

#contents.team .thumbnails a dl dd {
	background-color: #01683B;
	color: #FFF;
	padding: 7%;
}

#contents.team .thumbnails a dl dd span {
	display: block;
    font-size: 11px;
	line-height: 1;
	margin-bottom: 5px;
	text-align: center;
}

#contents.team .thumbnails a dl dd p {
    font-size: 18px;
	text-align: center;
	line-height: 1;
}

#contents.team .thumbnails a dl dd p small {
	display: block;
    font-size: 10px;
    font-weight: normal;
	margin-top: 5px;
	text-transform:uppercase;
}


/* --------------------------------------------------
	 #profile
-------------------------------------------------- */

#contents.team.profile #article {
	padding: 0px 0;
}

#contents.team .profile {
	position: relative;
    background: linear-gradient(#FFF, #eee);
    margin: 0 0 45px;
    text-align: center;
    overflow: hidden;
}

#contents.team .profile .bg_logo {
	position: absolute;
	top: 5%;
    right: 12%;
	opacity: .1;
	z-index: 1;
	width: 32%;
	max-width: 400px;
	min-height: 358px;
}

#contents.team .profile .bg_neme {
	position: absolute;
    bottom: 100px;
    left: 50%;
    margin-left: -30%;
	z-index: 99;
}

#contents.team .profile .bg_sign {
	position: absolute;
	top: 20%;
    right: 50%;
    margin-right: -30%;
	z-index: 1;
	width: 350px;
}

#contents.team .profile .bg_sign img {
	width: 350px;
}

#contents.team.profile .bg_neme h4 span {
	font-size: 50px!important;
}

#contents.team.profile .bg_neme h4 font {
    font-family: 'Righteous', cursive;
    line-height: 1;
    font-size: 10rem;
    font-style: italic;
    color: #01683B;
}

#contents.team .profile .bg_logo img {
	width: 100%;
}

#contents.team .profile .inner {
	position: relative;
	z-index: 2;
}

#contents.team .profile .photo img {
	display: block;
	margin: 0 auto;
}

#contents.team.profile.post .detail {
	margin-top: 45px;
}

#contents.team.profile.post .detail p.small {
	color: #666;
    font-size: 10px;
}

#contents.team.profile table {
    border-top: dotted 1px #CCC;
	font-size: 11px;
	margin: 0 auto 50px;
	width: 70%;
}

#contents.team.profile table th {
    background-color: #EEE;
    border-bottom: dotted 1px #CCC;
    padding: 2%;
    text-align: center;
    width: 30%;
}

#contents.team.profile table td {
	border-bottom: dotted 1px #CCC;
    padding: 1.5%;
    width: 70%;
}

#contents.team.profile .detail h4 {
	text-align: center;
}

#contents.team.profile .detail h4 span {
	padding-right: 10px!important;
}

#contents.team.profile .detail h4 span:after {
	display: none!important;
}



/* --------------------------------------------------
	 club
-------------------------------------------------- */

#contents.club h4  {
	text-align: left!important;
	margin-bottom: 20px;
}

#contents.club #article dl {
	overflow: hidden;
    margin: 0 auto 0;
	width: 100%;
}

#contents.club #article dl dt strong {
	border-bottom: solid 0.5px #DDD;
    display: block;
    line-height: 1;
    margin-bottom: 7px;
    padding-bottom: 10px;
}

#contents.club #article .mb35 {
    margin-bottom: 35px;
}

#contents.club #article p strong {
	color: #013A74;
	text-decoration: underline;
}

#contents.club #article ul.photolist {
	overflow: hidden;
}

#contents.club #article ul {
	margin-bottom: 30px;
}

#contents.club #article ul li {
	margin-bottom: 10px;
}

#contents.club #article ul li strong {
	display: block;
}

#contents.club #article ul.photolist li {
	float: left;
	margin-right: 2%;
	position: relative;
	width: 23.5%;
}

#contents.club #article ul.photolist li:last-child {
	margin-right: 0%;
}

#contents.club #article ul.photolist li img {
	display: block;
	width: 100%;
}

#contents.club #article ul.photolist li p {
	display: inline-block;
	background-color: rgba( 255, 255, 255, 0.8 );
    position: absolute;
    padding: 2% 3%;
    width: 100%;
    font-weight: bold;
    left: 0;
    bottom: 0;
    z-index: 9;
	font-size: 12px;
	text-align: center;
}

#contents.club #article span.last-text {
	background-color: #013A74;
    color: #FFF;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
	margin-bottom: 30px;
}

#contents.club #article dl dd ul li img {
	display: block;
}

#contents.club .club_header  {
	background: transparent url(../img/club_Bg.jpg) repeat-y center top;
    background-size: 100%;
    height: 600px;
    min-height: 600px;
    position: relative;
    overflow: hidden;
}

#contents.club .club_header p {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    max-width: 500px;
    max-height: 383px;
}

#contents.club .club_header p img {
	width: 100%;
}


/* --------------------------------------------------
	 match
-------------------------------------------------- */

#contents.match .graph p.center {
	text-align: center;
}

#contents.match .graph p.center img {
	width: 50%;
}


/* --------------------------------------------------
	 privacypolicy
-------------------------------------------------- */

#contents.privacypolicy #article ol {
	margin-left: 25px;
}

#contents.privacypolicy #article ol li {
	list-style: decimal;
	margin-bottom: 2%;
}

/* --------------------------------------------------
	 contact
-------------------------------------------------- */

#contents.contact table {
    border-top: dotted 1px #CCC;
	font-size: 14px;
	margin: 0 auto 50px;
	width: 100%;
}

#contents.contact table th {
    background-color: #EEE;
    border-bottom: dotted 1px #CCC;
    padding: 1%;
    text-align: center;
    width: 30%;
}

#contents.contact table td {
	border-bottom: dotted 1px #CCC;
    padding: 1%;
    width: 70%;
}

#contents.contact table td input,
#contents.contact table td textarea {
	width: 100%;
	border: solid 1px #EEE;
	-webkit-box-shadow:none;
    box-shadow: none; 
    border-radius: 0px;
}

#contents.contact table td.inputm input {
	width: 50%;
}

#contents.contact table td textarea {
	height: 300px;
	resize:none;
}

#contents.contact #article table td p {
	text-align: left;
}

#contents.contact #article table td p span {
	color: red;
}

#contents.contact #article .submit_area {
    width: 25%;
    margin: 0 auto;
}

#contents.contact #article .submit_area input {
    cursor: pointer;
    width: 100%;
    padding: 7px 0 7px 0;
	height: auto;
    border: solid 1px #CCC;
}

#contents.contact #article .submit_area .submit_button {
    margin-bottom: 10px;
}

/* --------------------------------------------------
	 partner
-------------------------------------------------- */

#contents.partner.dev header .sponsor {
    display: block!important;
}

#contents.partner .lists {
	overflow: hidden;
	margin-bottom: 5%;
}

#contents.partner .lists ul {
	overflow: hidden;
}

#contents.partner .lists ul li {
	float: left;
	margin-right: 2%;
	margin-bottom: 2%;
	width: 23.5%;
}

#contents.partner .lists ul.big,
#contents.partner .lists ul.normal {
	margin-bottom: 30px;
}

#contents.partner .lists ul.big li,
#contents.partner .lists ul.normal li {
	margin-right: 0%;
}

#contents.partner .lists ul.big li {
	width: 50%;
}

#contents.partner .lists ul.normal li {
	width: 33.3333%;
}

#contents.partner .lists ul.small li {
	margin-right: 1%;
	margin-bottom: 1%;
	width: 23.5%;
}


#contents.partner .lists ul li:nth-child(4n) {
	margin-right: 0%;
}

#contents.partner .lists ul li a img {
	text-decoration: none;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}

#contents.partner .lists ul li a:hover img {
	opacity: .8;
}

#contents.partner .lists ul li img {
    display: block;
	width: 100%;
}

#contents.partner .lists ul li span {
	text-align: center;
    border: solid 0.5px #CCC;
    display: block;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
}


/* --------------------------------------------------
	 member
-------------------------------------------------- */

#contents #article .result .member {
	margin: 0 auto;
	width: 55%;
}

#contents #article .result .member p {
	margin-bottom: 10px;
	font-size: 12px;
}

.member table {
	border-top: solid 1px #DDD;
	border-left: solid 1px #DDD;
	margin-bottom: 20px;
	width: 100%;
}

.member table th,
.member table td {
    padding: 5px;
	font-size: 12px;
	text-align: center;
}

.member table th {
	background-color: #EEE;
	border-bottom: solid 1px #DDD;
	border-right: solid 1px #DDD;
}

.member table td {
	border-bottom: solid 1px #DDD;
	border-right: solid 1px #DDD;
}

.member table th.item01 {
	width: 20%;
}

.member table th.item02 {
	width: 10%;
}

.member table th.item04 {
	width: 20%;
}

.member table th.item03 {
	width: 50%;
}





@media screen and (max-width:1250px) {
#contents.team .profile .bg_logo {
	right: 80px;
}
}



@media screen and (max-width:1024px) {

header nav ul {
	display: none;
}

.navToggle {
	background-color: #000;
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 0px;
    top: 0px;
    width: 59px;
    height: 59px;
    cursor: pointer;
    z-index: 9999;
}

.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 30px;
    border-bottom: solid 1px #eee;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 16px;
}

.navToggle span:nth-child(1) {
    top: 18px;
}
 
.navToggle span:nth-child(2) {
    top: 28px;
}
 
.navToggle span:nth-child(3) {
    top: 38px;
}

.navToggle.active span:nth-child(1) {
    top: 28px;
    left: 15px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 28px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

header .sponsor {
    padding: 2% 0 0;
}

header .sponsor ul {
    width: 85%;
}

header .sponsor ul li {
	margin-bottom: 2%;
	width: 10%;
}




/* --------------------------------------------------
	 inner
-------------------------------------------------- */

.inner {
	width: 90%;
}


/* --------------------------------------------------
	 sns
-------------------------------------------------- */

#sns .inner dl {
	margin-bottom: 10%;
	width: 100%;
}

#sns .inner dl:first-child {
	margin-right: 0px;
	width: 100%;
}

#sns .inner dl:last-child {
	margin-bottom: 0%;
}

#sns .inner dl dd  iframe {
	width: 100%!important;
}


/* --------------------------------------------------
	 top_slide
-------------------------------------------------- */

#top_slide {
    padding: 4% 0;
}


/* --------------------------------------------------
	 news
-------------------------------------------------- */

#news .inner a {
	width: 49%;
	min-height: 150px;
}

#news .inner a:nth-child(4n) {
	margin-right: 2%;
}

#news .inner a:nth-child(2n) {
	margin-right: 0%;
}

#news .inner a dl dd p {
    font-size: 9px;
}

/* --------------------------------------------------
	 contents
-------------------------------------------------- */

#contents #main_visual,
#contents #main_visual div {
	height: 180px;
}

#contents #main_visual h2 {
    line-height: 180px;
}

#contents h3 {
	font-size: 12px!important;
}

#contents #news h3 {
	width: 100%;
}

#news {
    padding: 7% 0;
}

#contents #article {
    padding: 7% 0;
	font-size: 12px;
}

#contents #article p {
	margin-bottom: 7%;
}

/* --------------------------------------------------
	 result
-------------------------------------------------- */

#contents #article .result {
    width: 100%;
}

#contents #article .result .agata p {
	margin-bottom: 0%;
}

#contents #article .result .agata p img {
    width: 100px;
}

#contents #article .result .agata .score,
#contents #article .result .opponent .score {
	font-size: 60px;
	line-height: 90px;
    width: 35%;
}

#contents #article .result .agata .score {
	float: right;
}

#contents #article .result .detail {
	padding-top: 18px;
}

#contents #article .result .detail table td {
	padding: 0;
}

#contents #article .result .opponent p {
	font-size: .7rem;
    line-height: 90px;
	width: 65%;
}

#contents #article .result .opponent p.text_ss {
    font-size: 12px;
    line-height: 1.8;
    padding-top: 25px;
}

#contents #article .result .opponent p.fontss {
    font-size: 12px;
    line-height: 1.8;
    padding-top: 25px;
}

#contents #article .result .goal {
    margin-top: 3%;
    margin-left: 0px;
    width: 100%;
}

#contents.news #article dl {
    margin-bottom: 7%;
}

#contents.news #article dl dt,
#contents.news #article dl dd {
	float: none;
	width: 100%;
}

#contents.news #article dl.nember dt {
	text-align: center;
}

#contents.news #article dl {
	border-right: 1px solid #ccc;
	border-left: none;
    text-align: left;
}

#contents.news #article dl dt {
	border-top: 1px solid #ccc; 
}

#contents.news #article dl dd {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc; 
}


/* --------------------------------------------------
	 team
-------------------------------------------------- */



#contents.team .thumbnails a .no {
	right: 17px;
    top: 10px;
    font-size: 2.5rem;
}

#contents.team #article h4 span {
	display: inline;
    font-size: 30px;
	padding-right: 20px;
}

#contents.team #article h4 span:after {
    width: 20px;
}

#contents.team .profile .bg_logo {
	right: -50px;
    top: -15px;
    width: 70%;
}

#contents.team .profile .bg_neme {
	bottom: 0px;
	left: 10px;
    margin-left: 0%;
	z-index: 9;
}

#contents.team.profile .bg_neme h4 font {
    font-size: 7rem;
}

#contents.team .profile .photo img {
	width: 100%;
}

#contents.team.profile table {
    width: 100%;
	font-size: 14px;
}

#contents.team.profile table th,
#contents.team.profile table td {
	display: block;
	text-align: left;
	width: 100%;
}


/* --------------------------------------------------
	 ttl
-------------------------------------------------- */

#contents #ttl {
	padding-top: 7%;
}

#contents #ttl h3 {
	font-size: 18px;
	width: 100%;
}


/* --------------------------------------------------
	 club
-------------------------------------------------- */

#contents.club .club_header {
	background: transparent url(../img/club_Bg.jpg) repeat-y center top;
	background-size: 100%;
	height:600px;
	min-height:600px;
}

#contents.club .club_header p {
    max-width: 350px;
    max-height: 456px;
}

#contents.club #article span.last-text {
	font-size: 15px;
}

#contents.club #article ul.photolist li {
    width: 49%;
}

#contents.club #article ul.photolist.w100 li {
    width: 100%;
}

#contents.club #article ul.photolist li:last-child {
	margin-right: 0%;
}

/* --------------------------------------------------
	 match
-------------------------------------------------- */

#contents.match .graph p.center img {
	width: 100%;
}

/* --------------------------------------------------
	 contact
-------------------------------------------------- */

#contents.contact table {
    margin: 0 auto 3%;
}

#contents.contact table th,
#contents.contact table td {
	display: block;
	padding: 2% 0 2%;
	width: 100%;
	font-size: 12px;
}

#contents.contact table td {
	border-bottom: none;
}

#contents.contact table td.inputm input {
	width: 100%;
}

#contents.contact table td textarea {
	width: 100%;
}

#contents.contact table th input,
#contents.contact table td input,
#contents.contact table th textarea,
#contents.contact table td textarea {
    margin: 0px;
    padding: 2%;
}

#contents.contact #article .submit_area {
	width: 50%;
}

#contents.contact #article .submit_area input {
    padding: 15px 0;
}

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


/* --------------------------------------------------
	 partner
-------------------------------------------------- */

#contents.partner .lists ul li {
	width: 49%;
}

#contents.partner .lists ul li:nth-child(4n) {
	margin-right: 2%;
}

#contents.partner .lists ul li:nth-child(2n) {
	margin-right: 0%;
}

#contents.partner .lists ul li span {
    line-height: 44px;
}




/* --------------------------------------------------
	 news
-------------------------------------------------- */

#contents #article .result .member {
	width: 100%;
}

#contents.news p.entry a {
	width: 100%;
}

#contents #article table.nemberteble {
    font-size: 9px;
    overflow: x-scroll;
}

#contents #article table.nemberteble th,
#contents #article table.nemberteble td {
    white-space: nowrap;
}

#contents #article .scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
#contents #article .scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
#contents #article .scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
#contents #article .scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}


































/* --------------------------------------------------
	 pagetop
-------------------------------------------------- */
#pagetop {
    right: 0px;
    bottom: 0px;
}

/* --------------------------------------------------
	 footer
-------------------------------------------------- */

#footer .menu .copy {
	clear: both;
    float: none;
	margin-top: 5%;
	text-align: center;
}

#footer .menu ul,
#footer .menu dl.footer_logo {
	margin-bottom: 4%;
}

}





@media screen and (max-width:1470px) {

#contents.team .profile .bg_sign {
    margin-right: -35%;
}
}

@media screen and (max-width:1250px) {

#contents.team .profile .bg_sign {
    margin-right: -40%;
}
}

@media screen and (max-width:1024px) {

#contents.team .profile .bg_sign {
    margin-right: -50%;
	top: 11%;
	width: 40%;

}

#contents.team .profile .bg_sign img {
	width: 100%;
}
}


@media screen and (max-width:764px) {

header {

}

header .sponsor {
    max-height: 72px;
}

/* --------------------------------------------------
	 main_visual
-------------------------------------------------- */

#main_visual .u15 {
	right: 5px;
	bottom: 5px;
	height: 51px;
	width: 170px;
}

#home h2 {
    font-size: 24px;
}

#home #sns .inner dl dt {
    font-size: 20px;
}

.slick-prev,
.slick-next {
    width: 25px;
    height: 25px;
    background-size: 100%;
}

.slick-next {
    right: 5px;
}

.slick-prev {
    left: 5px;
}

.slick-dots li {
    width: 5px;
}

.slick-dotted.slick-slider {
    margin-bottom: 22px!important;
}

#contents.news #primary #article .inner p img {
	display: block;
	width: 100%;
}


#contents.news .movies {
    width: 100%;
	height: auto;
}

#contents.news .movies iframe {
	width: 100%;
}

}


.news.app p small {
	font-size: 80%;
}

.news.app p img.full {
    width: 100%;
	display: block;
}

#top_news {
    background-color: #01683B;
    padding: 40px 0 60px;
}

#top_news h2 {
	color: #FFF;
}

#top_news .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#top_news .inner .widget {
	height: 230px;
	width: 33.3333333%;
}

#top_news .inner .widget.score,
#top_news .inner .widget.scores {
	width: 25%;
}

#top_news .inner .widget.schedule {
    width: 50%;
    overflow-y: scroll;
    overflow-x: hidden;
}

._2tFwc {
    overflow-y: scroll!important;
    height: 230px!important;
}

#player-widget-schedulefc-agata {
	margin-right: -15px;
}

@media screen and (max-width:764px) {
#top_news {
    padding: 7% 0;
}
#top_news .inner .widget.score,
#top_news .inner .widget.scores {
	width: 50%;
}

#top_news .inner .widget.schedule {
    width: 100%;
	margin-top: 35px;
}
}

@media screen and (max-width:768px) {
#contents.team .thumbnails a {
	width: 49%;
}
#contents.team .thumbnails a:nth-child(4n) {
	margin-right: 2%;
}

#contents.team .thumbnails a:nth-child(2n) {
	margin-right: 0%;
}

}


/* --------------------------------------------------
	 MORE
-------------------------------------------------- */
p.more {
	text-align: center;
}

p.more a {
	background-color: #01683B;
    color: #FFF;
    display: block;
    font-size: 11px;
    line-height: 1;
    width: 300px;
    margin: 0 auto;
    padding: 17px 0;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}

p.more a:hover {
	background-color: #EFEFEF;
	color: #333;
	text-decoration: none;
}

.bg p.more a:hover {
	background-color: #FFF;
}

@media screen and (max-width: 764px) {

/* --------------------------------------------------
	 MORE
-------------------------------------------------- */

p.more a {
    width: 60%;
}


}


















/* --------------------------------------------------
	 supportersclub
-------------------------------------------------- */

#contents.team .supportersclub .thumbnails dl {
    margin-right: 2%;
    margin-bottom: 2%;
    position: relative;
}

#contents.team .supportersclub .thumbnails.gold dl {
    width: 23%;
}

#contents.team .supportersclub .thumbnails.silver dl {
    width: 18%;
}

#contents.team .supportersclub dl dt {
    display: block;
	line-height: 0;
    overflow: hidden;
}

#contents.team .supportersclub dl dt img {
	width: 100%;
    transition: all .4s ease-in-out;
    transition: opacity 0;
    position: relative;
	z-index: 9;
}

#contents.team .supportersclub dl dt span {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 140px;
    font-size: 85px;
    display: inline-block;
    font-family: 'Righteous', cursive;
    color: #01683B;
}

#contents.team .supportersclub .thumbnails.silver dl dt span {
    bottom: 110px;
    font-size: 53px;
}

#contents.team .supportersclub dl dt small {
	position: absolute;
    z-index: 10;
    bottom: 85px;
    right: 0;
    left: 0;
    font-size: 13px;
    display: inline-block;
    font-family: 'Righteous', cursive;
    color: #01683B;
    text-align: center;
}

#contents.team .supportersclub .thumbnails.silver dl dt small {
    bottom: 100px;
}

#contents.team .supportersclub dl dd {
	background-color: #01683B;
	color: #FFF;
	padding: 7%;
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 10;
}

#contents.team .supportersclub dl dd span {
	display: block;
    font-size: 11px;
	line-height: 1;
	margin-bottom: 5px;
	text-align: center;
}

#contents.team .supportersclub dl dd p {
    font-size: 18px;
	text-align: center;
	line-height: 1;
}

#contents.team .supportersclub dl dd p small {
	display: block;
    font-size: 10px;
    font-weight: normal;
	margin-top: 5px;
	text-transform:uppercase;
}

#contents.team .supportersclub .thumbnails.silver dl dd p {
    font-size: 13px;
}

#contents.team .supportersclub .thumbnails.silver dl dd p.small {
    font-size: 10px;
}


#contents.team .supportersclub .thumbnails.silver dl dd p small {
    font-size: 9px;
}

#contents.team .supportersclub .bulu ul {
    line-height: 1.3;
}

#contents.team .supportersclub .bulu ul li {
	display: inline-block;
	font-size: 9px;
	margin-right: 7px;
	position: relative;
}

#contents.team .supportersclub .bulu ul li span {
	display: inline-block;
	margin-right: 5px;
}

#contents.team .supportersclub .bulu ul li::before {
	content:"・"
}

#contents.team .supportersclub .bronze {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

#contents.team .supportersclub .bronze table {
    font-size: 12px;
	width: 49%;
	margin-bottom: 40px;
	border-left: solid 1px #EFEFEF;
}

#contents.team .supportersclub .bronze table th {
	background-color: #01683B;
    color: #FFF;
	text-align: center;
}

#contents.team .supportersclub .bronze table td {
	text-align: center;
	border-bottom: solid 1px #EFEFEF;
	border-right: solid 1px #EFEFEF;
}
#contents.team .supportersclub dl dd span.fan {
    font-size: 15px;
}

@media screen and (max-width: 764px) {
#contents.team .supportersclub .thumbnails.gold dl {
    width: 31%;
    margin-bottom: 5%;
}
#contents.team .supportersclub dl dt span {
    bottom: 65%;
    font-size: 9vw;
}

#contents.team .supportersclub dl dt small {
    bottom: 45%;
	font-size: 7px;
}
#contents.team .supportersclub dl dd p small {
    font-size: 8px;
}
#contents.team .supportersclub dl dd span.fan {
    font-size: 8px;
}
#contents.team .supportersclub .thumbnails.silver dl dt span {
    bottom: 60%;
    font-size: 20px;
}
#contents.team .supportersclub .bronze table {
    font-size: 9px;
    width: 100%;
}
#contents.team .supportersclub .bronze table {
    font-size: 9px;
    width: 100%;
}
#contents.team .supportersclub dl dd p {
    font-size: 14px;
}
#contents.team .supportersclub .thumbnails.silver dl dd p {
    font-size: 9px;
}









}




#main_visual img.pc {
	display: block!important;
}
#main_visual img.sp {
	display: none!important;
}
@media screen and (max-width: 764px) {
#main_visual img.pc {
	display: none!important;
}
#main_visual img.sp {
	display: block!important;
}

}



.schedule table td.holiday {
    background: #ffcfcf;
}

.schedule table td.halfday {
	background: #EFEFEF;
}