@charset "UTF-8";

/* Scss Document */
/* Scss Document */
/*=======================================================
    reset
========================================================*/
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    text-align: justify;
    text-justify: inter-ideograph;

}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* {
    margin: 0;
    padding: 0;
}

/*=======================================================
    ナビ
========================================================*/
.nav_logo img {
    width: 65px;
}

.open #gloval_nav {
    pointer-events: auto;
}

.open #nav_toggle {
    background: #e4006a;
    position: fixed;
    right: 0;
    top: 0;
    padding: .5em 1.4em;
}

.open #nav_toggle>div {
    position: relative;
    width: 30px;
    height: 20px;
    margin-bottom: 10px;
}

.open #nav_toggle span {
    background: #fff;
}

.open #nav_toggle span:nth-child(1) {
    top: 15px;
    transform: rotate(45deg);
}

.open #nav_toggle span:nth-child(2) {
    top: 15px;
    width: 0;
    left: 50%;
}

.open #nav_toggle span:nth-child(3) {
    top: 15px;
    transform: rotate(-45deg);
}

.open #nav_toggle .menu {
    display: none;
}

.open #nav_toggle .close {
    display: block;
    color: #fff;
}

#nav_toggle {
    position: fixed;
    cursor: pointer;
    z-index: 1000;
    right: 2%;
    top: 2%;
    display: none;
}

#nav_toggle>div {
    position: relative;
    width: 30px;
    height: 20px;
}

#nav_toggle span {
    width: 100%;
    height: 5px;
    left: 0;
    display: block;
    background: #e5006a;
    position: absolute;
    transition: transform .3s ease-in-out, top .5s ease;
    /* #nav-toggle close */
}

#nav_toggle span:nth-child(1) {
    top: 0;
}

#nav_toggle span:nth-child(2) {
    top: 10px;
}

#nav_toggle span:nth-child(3) {
    top: 20px;
}

#nav_toggle p {
    font-size: 1.1rem;
    text-align: center;
    color: #e5006a;
}

#nav_toggle .close {
    display: none;
}

#gloval_nav {
    position: fixed;
    width: 100%;
    height: 3vw;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
}

#gloval_nav .nav_pc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #85b5ff;
    display: block;
    height: 50px;
}

#gloval_nav .nav_pc .nav_container {
    position: relative;

    width: 100%;
    padding: 0 0 0 20px;
}

#gloval_nav .nav_pc .nav_logo {
    position: absolute;
    top: 1%;
    font-size: 1.3rem;
}

#gloval_nav .nav_pc .nav_logo a {
    display: block;
    width: 220px;
    margin-top: 10px;
}

#gloval_nav .nav_pc nav {
    position: absolute;
    top: 1vh;
    right: 5vw;
    font-size: 0.95em;
}

ul#nav_main a {
    color: #fff;
}

#gloval_nav .nav_pc #nav_main li {
    display: block;
    font-family: 'Arial Rounded MT Bold', 'Arial', sans-serif;
    color: #fff;
}

/*#gloval_nav .nav_pc #nav_main li:nth-child(1),#gloval_nav .nav_pc #nav_main li:nth-child(4),#gloval_nav .nav_pc #nav_main li:nth-child(5) {
     background-color:#ecffe4;
}
#gloval_nav .nav_pc #nav_main li:nth-child(2),#gloval_nav .nav_pc #nav_main li:nth-child(3),#gloval_nav .nav_pc #nav_main li:nth-child(6) {
     background-color: #d6eace;
}*/


#gloval_nav .nav_pc .nav_button {
    position: absolute;
    bottom: 4%;
}

#gloval_nav .nav_pc .nav_button .common_button {
    width: 210px;
    margin-bottom: 30px;
}

#gloval_nav .nav_pc .nav_button .links {
    display: flex;
    margin-bottom: 30px;
}

#gloval_nav .nav_pc .nav_button .links a {
    display: block;
    font-size: 1.2rem;
}

#gloval_nav .nav_pc .nav_button .links a:first-child {
    margin-right: 2em;
}

#gloval_nav .nav_pc .nav_button .sns {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#gloval_nav .nav_pc .nav_button .sns p {
    font-size: 1.3rem;
}

#gloval_nav .nav_pc .nav_button .sns a {
    display: block;
    width: 20px;
}

#gloval_nav .nav_pc .nav_sub {
    position: relative;
    width: 24%;
}

#gloval_nav .nav_pc .nav_sub ul {
    position: absolute;
    top: 0;
    transition: all 1s;
    opacity: 0;
    height: 100%;
}

#gloval_nav .nav_pc .nav_sub ul.active {
    opacity: 1;
    position: relative;
    z-index: 100;
}

#gloval_nav .nav_pc .nav_sub ul li,
#gloval_nav .nav_pc .nav_sub ul a {
    font-size: 1.2rem;
    line-height: 2.4;
}


#gloval_nav .nav_pc .nav_bg {
    position: relative;
    width: 50%;
}

#gloval_nav .nav_pc .nav_bg div {
    position: absolute;
    right: 0;
    top: 0;
    transition: all 1s;
    opacity: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

#gloval_nav .nav_pc .nav_bg div.active {
    opacity: 1;
}

#gloval_nav .nav_pc .nav_bg div p {
    color: #fff;
    font-size: 5rem;
    font-family: miller-banner, serif;
    font-weight: lighter;
}



#gloval_nav .nav_pc .nav_bg .life {
    background: url("../../images/samImg07.jpg") center 0 no-repeat;
    background-size: cover;
}

#gloval_nav .nav_pc .nav_bg .life p {
    width: 80%;
}

#gloval_nav .nav_pc .nav_bg .talk {
    background: url("../../images/samImg08.jpg") center 0 no-repeat;
    background-size: cover;
}

#gloval_nav .nav_pc .nav_bg .faq {
    background: url("../../images/samImg09.jpg") center 0 no-repeat;
    background-size: cover;
}

#gloval_nav .nav_sp {
    display: none;
}

ul#nav_main {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    letter-spacing: 0.4em;
}

ul#nav_main a:hover {
    color: #e5006a;
}

/*=======================================================
    font
========================================================*/
.yu-mincho {
    font-family: "Yu Mincho", "YuMincho";
}

.font_en {
    font-family: Copperplate, Copperplate Gothic Light, fantasy;
}


html {
    font-size: 62.5%;
    height: 100%;
}


body {
    font-size: 1.8em;
    line-height: 1.6em;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    color: ccc;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}



a {
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

a:hover {
    color: #e85298;
}

@media screen and (max-width: 767px) {
    .pc {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    .sp {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .tab {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .tab {
        display: none;
    }
}

@media screen and (min-width: 521px) and (max-width: 767px) {
    .tab {
        display: block !important;
    }
}

.clearfix {
    *zoom: 1;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

a img {
    transition: all 0.3s ease 0s;
}

a img:hover {
    opacity: 0.8;
}

img {
    max-width: 100%;
    height: auto;
}

.link {
    color: #000;
    text-decoration: none;
}

.mrgT5 {
    margin-top: 5px !important;
}

.mrgT10 {
    margin-top: 10px !important;
}

.mrgT15 {
    margin-top: 15px !important;
}

.mrgT20 {
    margin-top: 20px !important;
}

.mrgT25 {
    margin-top: 25px !important;
}

.mrgT30 {
    margin-top: 30px !important;
}

.mrgT40 {
    margin-top: 40px !important;
}

.mrgT50 {
    margin-top: 50px !important;
}

.mrgT60 {
    margin-top: 60px !important;
}

.mrgT70 {
    margin-top: 70px !important;
}

.padT1 {
    padding-top: 1em !important;
}

.padT2 {
    padding-top: 2em !important;
}

.mrgB5 {
    margin-bottom: 5px !important;
}

.mrgB10 {
    margin-bottom: 10px !important;
}

.mrgB15 {
    margin-bottom: 15px !important;
}

.mrgB20 {
    margin-bottom: 20px !important;
}

.mrgB25 {
    margin-bottom: 25px !important;
}

.mrgB30 {
    margin-bottom: 30px !important;
}

.mrgB40 {
    margin-bottom: 40px !important;
}

.mrgB50 {
    margin-bottom: 50px !important;
}

.mrgB60 {
    margin-bottom: 60px !important;
}

.mrgB70 {
    margin-bottom: 70px !important;
}

.mrgB100 {
    margin-bottom: 100px !important;
}

.padB1 {
    padding-bottom: 1em !important;
}

.nomargin {
    margin: 0 !important;
}

.nopadding {
    padding: 0 !important;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.fontBold {
    font-weight: bold;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}


.f11em {
    font-size: 1.1em;
}

.f14 {
    font-size: 1.4rem !important;
}

.f16 {
    font-size: 1.6rem;
}

.f18 {
    font-size: 1.8rem;
}

.f23 {
    font-size: 2.3rem;
}


.f24 {
    font-size: 2.4rem;
}

.f30 {
    font-size: 3rem;
}

.f05 {
    font-size: 0.5em;
}

.f205 {
    font-size: 2.05rem !important;
}

.red {
    color: #c1272d;
}

.fpink {
    font-size: 3rem;
    color: #e85298;
    font-weight: bold;
}

.Bg_omote {
    margin-top: -2.25em !important;
    padding-top: 4em;
}

.Bg_ura {
    margin-top: -2.25em !important;
    padding-top: 4em;
}

.Bg_pink {
    background-color: #fcebf3;

}

.Bg_green {
    background-color: #ecf4d9;
}

.Bg_blue {
    background-color: #85b5ff;

}

.Bg_yellow {
    background-color: #ffffcc;

}

.Bg_beige {
    background-color: #fff9b1;
    border-radius: 10px;
    position: relative;
    padding: 3em 1em 1em 1em;
    margin-top: 3em;
}

.Bg_white {
    background-color: #FFF;
    padding: 10px;
}

.Bg_red {
    background-color: #e1374e;
    padding: 2px;
    color: #fff;
}

.width40 {
    width: 40%;
}

.width50 {
    width: 50%;
}

.width60 {
    width: 60%;
}

dl.Bg_beige dt img {
    position: absolute;
    top: -2em;
    right: 0.3em;
}

p.bar {
    text-align: center;
    width: 767px;
    margin: auto;

}

p.bar_s {
    text-align: center;
    margin: auto;
}

.nodecoration {
    list-style: none;
}

.noborder {
    border-bottom: none !important;
}

ul.list-circle {
    list-style: disc;
    padding-left: 1em;
}

#container section {}

#container section p {
    line-height: 1.6;
}

#container .toTop {
    position: fixed;
    right: 3%;
    bottom: 15%;
}

p.toTop img {
    width: 60px;
}

hr.solidPink {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #ffaaaa;
    border: 0;
    /*デフォルトデザインでは線がある場合があるので、消しておく。*/
}



.floreImg {
    width: 50px;
}



.absolute {
    position: absolute;
}

/* for modern brouser */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

/* IE7,MacIE5 */
.clearfix {
    display: inline-block;
}

/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/*=======================================================
    共通レイアウト
========================================================*/
#container .flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    align-items: center;
}




.flexBottom>* {
    align-self: flex-end;
}

#container .flex img {
    max-width: 100%;
}


#container .flex-nowrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;

}

.flex-nowrap>* {
    margin: 1rem;

}

.item1 {
    flex-grow: 0;
    text-align: center;
    width: 15%;
}

.item2 {
    flex-grow: 6;
}

.reverse {
    flex-direction: row-reverse;
}

#container section {
    padding: 20px 0px 20px 0px;
}


#container section .inner {
    max-width: 760px;
    margin: 0 auto;
    position: relative;
    text-align: justify;
}


#container section .inner.team  {
    max-width: 900px;

}
p.flore {
    margin-bottom: 1em;
}

#container footer .inner {

    text-align: center;

}



ul.Bottomline li {
    padding: 0em 0em 0.5em 0.5em;
    margin: 1em 0;
}

ul.Bottomline li {
    border-bottom: 1px solid;
}


h3.time {
    background-color: #fff;
    width: 395px;
    margin: auto;
    border-radius: 10px;
    font-size: 1.4em;
    color: #e85298;
    padding: 0.3em 0;
    font-weight: bold;
}

p.syousai {
    margin: 0.2em auto;
    text-align: center;
    background-color: #ffe9c5;
    width: 300px;
    padding: 0.5em;
    border-radius: 8px;
    font-size: 1.8em;
    vertical-align: middle;
}


/*=======================================================
    TOP
========================================================*/
div#container {}

#top #container .mv {
    position: relative;
    margin: auto;
    text-align: center;
    width: 100%;
    max-width: 1100px;
    margin-top: 50px;
}

ul.flex.navi {
    justify-content: space-between;
}

.day.text-center {
    background-color: #d92724;
    padding: 0.5em 0;
}

.day.text-center img {
    vertical-align: middle;
}

section#drawer {
    background-color: #ffe9c5;
    padding: 10px;
}

h2 {
    text-align: center;
    font-size: 3rem;
    margin: 1rem 0;
}



#space {
    -webkit-transform-origin: right top;
    transform-origin: right top;
    height: 115px;
    z-index: -1;
    position: relative;
}

.space_blue {
    background-color: #85b5ff;
}

.space_white {
    background-color: #fff;
}

/*=======================================================
  sec-gaiyou
========================================================*/
section#gaiyou {}

section#gaiyou dt {
    text-align: center;
    font-size: 1.1em;
    margin-bottom: 5px;
}

.SchoolEmblem {
    width: 50%;
}


/*=======================================================
  sec001 information
========================================================*/
#top #container .sec001 {}

.information {
    text-align: center;

}

.inner.information h2 {
    width: 100%;
    margin-top: -10px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -25px;
}

.inner.information ul {
    width: 570px;
    margin: auto;
}

.inner.information li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1rem;
    padding-left: 1rem;
}

.arcivebox {
    padding-top: 100px;
}

.information {
    width: 700px;
    text-align: left;
    background-color: #83769f;
    box-shadow: 10px 10px rgb(0 0 0 / 50%);
}

ul.infobox {
    background-color: #dfefff;
    padding: 1em;
}

ul.infobox li {
    border-bottom: none !important;
}

ul.infobox dd {
    padding-left: 1em;
}

/*=======================================================
  sec002
========================================================*/

#top #container .sec002 {}

.sec002 .flex>* {
    flex: 1;
}

.team {
    width: 90%;
    position: relative;
}

.inner h2 {
    width: 40%;
    margin-top: -179px;
}

.TeamIntroduction {
    padding: 0;
    position: relative;
}

.teamname {
    position: absolute;
    top: -30px;
}

.introduction {
    font-weight: bold;
    font-size: 2.2rem;
    padding: 1em;
    margin-top: 60px;
}
.introduction2 {
    padding: 0em 1.5em 1em 1.5em;
    font-size: 0.9em;
}

p.Illust {
    position: relative;
}

img.pointIllust {
    position: absolute;
    top: 84px;
    right: 20%;
    width: 110px;
}

img.pointIllust_2 {
    position: absolute;
    top: 92px;
    right: 20%;
    width: 110px;
}

img.pointIllust_3 {
    position: absolute;
    top: 91px;
    right: 20%;
    width: 110px;
}

img.pointIllust_4 {
    position: absolute;
    top: 93px;
    right: 20%;
    width: 110px;
}


.sec002 ul.Bottomline li:nth-child(3),
ul.Bottomline li:nth-child(4) {

    border-bottom: none;
}

img.renewal {
    width: 140px;
}


img.img_car {
    position: absolute;
    right: 10px;
    top: 88px;
    width: 10vw;
    max-width: 110px !important;
    min-width: 90px !important;
}

img.school {
    width: 50%;
}

/*=======================================================
  sec003
========================================================*/
#top #container .sec003 .inner {}

.macthbord {
    padding: 20px;
}
.scroll {
    overflow-y: scroll;
    height: 990px;
}
.schedule dl {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
}

dt.day,
dd.venue {
    text-align: center;
    font-size: 2.4rem;
    line-height: 4rem;
    font-weight: bold;
}

span.match {
    text-align: center;

}
.start {
    font-size: 1.3em;
    font-weight: bold;
}
.sec003 dl span dd {
    flex: 1;
}
/*=======================================================
  sec005
========================================================*/
section.sec005 {
    color: #000;
    text-align: center;
}

.Diamond,
.gold,
.silver,
.bromz,
.kojin {
    margin: 4em auto;
}

p.sponserBar {
    border-bottom: solid 1px #1b1464;
    border-top: solid 1px #1b1464;
    vertical-align: middle;
    text-align: center;
    padding: 7px 0px 0 0;
    margin: 1em auto;
}

section.sec005 li {
    text-align: center;
    background-color: #fff;
    border: 1px solid #5d87c9;
    width: 46.5%;
    margin: 0.2rem 0;
    line-height: 1.2em;
     /** 以下中央揃え**/
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

section.sec005 a {
    color: #000;
    vertical-align: middle;
}

section.sec005 a:hover {
    color: #e1006a;
}

section.sec005 .inner {}

section.sec005 .flex {
    display: flex;
}

.Diamond li {
    width: 100% !important;
}

li.setosin a {
    display: block;
    width: 330px;
    margin: auto;
    padding: 2rem 1rem 0.2rem 1rem;
    height: 60px;
}

img.setosinLogo {}

.gold li {
    font-size: 1em;
    font-weight: bold;
}

.silver li {
    font-size: 0.9em;
}

.bronze .flex {}

.bronze li {
    font-size: 0.8em;
    width: 30.33%;
}

.kojin li {
    font-size: 0.7em;

    width: 30.33%;

}

@media screen and (max-width: 844px) {

    .bronze li,
    .kojin li {
        width: 28.33%;
    }

}

.p-4{
    padding: 1rem;
}

.font-bold{
    font-weight: bold;
}

.bg-green-100{
    background-color: #D1FAE5;

}

.bg-blue-200{
    background-color: #BFDBFE;
}

.btn {
    text-align: center;
    border-radius: 10px;
    font-size: 1.8em;
    font-weight: bold;
    padding: 0.5em;
    width: 60%;
    margin: 1em auto;
}



.btn_blue {
    background-color: #5163bb;
}

.btn_blue a {
    color: #fff700;
}

.btn_red {
    background-color: #e50012;
    color: #fff700;
}

.btn_dl {
    width: 30vw;
    margin: auto;
}

.box {
    padding: 1em;
    border-radius: 10px;
}

.box_blue {
    background-color: #f0faff;

}

.box_green {
    background-color: #ecf4d9;

}


#top #container .shop_list .inner .shop_inner .box:nth-child(23) h3 {
    background: #5ccac4;
}


p.stampIllust img {
    width: 250px;
}

footer {
    padding: 40px 10px;
    background-color: #000;
    color: #fff;
}

footer a {
    color: #fff;
}

/*# sourceMappingURL=style.css.map */