@charset "utf-8";

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, main, menu, nav, section, summary,
time, mark, audio, video{
margin:0;
padding:0;
}
* {
box-sizing: border-box;
}
*::before, *::after {
box-sizing: inherit;
}
article,aside,details,figcaption,figure,
footer,header,main,menu,nav,section{
display:block;
}
html{
-webkit-text-size-adjust: 100%;
}
body {
font-family: 'Noto Sans JP', sans-serif;
color: #3a3a3a;
line-height: 1.5;
letter-spacing: 0.6px;
font-size: 14px;
}
img{
border: 0;
max-width: 100%;
height: auto;
}
ul,ol{
list-style-type: none;
}
table {
border-collapse: collapse; 
border-spacing: 0;
}
img, input, select, textarea { 
vertical-align: middle;
}
a {
color: #ff3381;
text-decoration: none;
}
a:hover {
color: #ff99c0;
}
.b {
font-weight: bold;
}
@media(min-width: 560px) {
    a[href^="tel:"]{
    pointer-events: none;
    }
}
.container {
max-width: 912px;
margin: 0 auto;
padding-left: 24px;
padding-right: 24px;
}
html{
-webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 960px) {
    .pc-contents-col2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
    .pc-contents-col2 .main {
    width: 64.7917%;
    }
    .pc-contents-col2 .side {
    width: 31.2083%;
    background: #e8f1ff;
    }
}
.contents {
max-width:960px;
margin: 0 auto;
}
.header-logo {
min-height: 80px;
background: #142033;
text-align: center;
padding: 8px 0;
}
.header-h1 {
background: #294066;
border-bottom: 2px solid #142033;
}
.header-h1 h1 ,
.header-h1 p {
min-height: 24px;
color: #cce0ff;
font-size: 12px;
font-weight: normal;
font-style: italic;
white-space: nowrap;
text-align: center;
letter-spacing: -0.2px;
line-height: 1;
padding: 6px 0;
}
@media screen and (min-width: 560px) {
    #header {
    background: #142033;
    }
    .header-contents {
    max-width: 960px;
    margin: 0 auto;       
    display: flex;
    justify-content: center;
    }
    .header-h1 {
    padding-top: 30px;
    padding-left: 16px;
    background: none;
    border-bottom: none;

    }
    .header-h1 h1 ,
    .header-h1 p {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    }
}
#global-nav {
width: 100%;
height: 104px;
text-align: center;
background: #ff66a1;
background: linear-gradient(180deg,#ff66a1 0%,#ff66a1 77%,#ffcce0 77%,#ffcce0 98.2%,#ff3381 98.2%,#ff3381 100%);
}
#global-nav ul {
max-width: 960px;
height: 104px;
background: linear-gradient(180deg,#ff99c0 0%,#ff99c0 77%,#ffcce0 77%,#ffcce0 98.2%,#ff3381 98.2%,#ff3381 100%);
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
#global-nav ul li {
width: 25%;
height: 40px;
font-size: 16px;
font-weight: bold;
line-height: 1;
letter-spacing: 0.2px;
}
#global-nav ul li.global-nav-s {
width: 104px;
height: 24px;
font-size: 14px;
font-weight: bold;
line-height: 1;
}
#global-nav ul li:nth-child(1),
#global-nav ul li:nth-child(2),
#global-nav ul li:nth-child(3),
#global-nav ul li:nth-child(5),
#global-nav ul li:nth-child(6),
#global-nav ul li:nth-child(7) {
border-right: solid 1px #ff66a1;
}
#global-nav ul li:nth-child(2),
#global-nav ul li:nth-child(3),
#global-nav ul li:nth-child(4),
#global-nav ul li:nth-child(6),
#global-nav ul li:nth-child(7),
#global-nav ul li:nth-child(8) {
border-left: solid 1px #ff66a1;
}
#global-nav ul li:nth-child(1),
#global-nav ul li:nth-child(2),
#global-nav ul li:nth-child(3),
#global-nav ul li:nth-child(4),
#global-nav ul li:nth-child(5),
#global-nav ul li:nth-child(6),
#global-nav ul li:nth-child(7),
#global-nav ul li:nth-child(8) {
border-bottom: solid 2px #ff66a1;
}
#global-nav ul li a {
display: block;
color: #fff;
padding: 12px 0 10px 0;
filter: drop-shadow(1px 1px 1px rgba(0,0,0,0.2));
}
#global-nav ul li a:hover {
color: #ff3381;
background: #fff;
}
#global-nav ul li.global-nav-s a {
color: #ff3381;
padding: 5px 0 5px 0;
filter: none;
}
#global-nav ul li.global-nav-s 
a[href^="http"] {
padding: 4px 0 4px 0;
}
#global-nav ul li.global-nav-s a:hover {
color: #fff;
background: #ff3381;
}
#global-nav ul li.global-nav-visit a {
display: block;
color: #ff3381;
background: #fff;
padding: 12px 0 10px 0;
}
#global-nav ul li.global-nav-s-visit a {
color: #fff;
padding: 5px 0 5px 0;
filter: none;
background: #ff3381;
}
.inner {
width: 100%;
margin: 0 auto;
}
.inner:after {
content: "";
clear: both;
display: block;
}
#nav-toggle {
display: none;
position: absolute;
left: 0;
top: 0;
width: 64px;
height: 80px;
padding: 16px 10px 0 12px;
text-align: center;
background: #ff3381;
cursor: pointer;
z-index: 101;
}
#nav-toggle div {
position: relative;
}
#nav-toggle span {
display: block;
position: absolute;
height: 4px;
width: 40px;
background: #fff;
left: 0;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
top: 0;
}
#nav-toggle span:nth-child(2) {
top: 11px;
}
#nav-toggle span:nth-child(3) {
top: 22px;
}
#nav-toggle div div {
top: 28px;
font-family: 'Lato', sans-serif;
font-style: italic;
color: #fff;
}
@media screen and (max-width: 559px) {
    #header,
    .inner {
    width: 100%;
    padding: 0;
    }
    #header {
    top: 0;
    position: fixed;
    z-index: 998;
    margin-top: 0;
    }
    #mobile-head {
    background: #fff;
    width: 100%;
    height: 56px;
    z-index: 999;
    position: relative;
    }
    #header .logo {
    position: absolute;
    left: 13px;
    top: 13px;
    color: #333;
    font-size: 26px;
    }    
    #global-nav {
    position: absolute;
    top: -554px;
    height: auto;
    padding: 4px 0;
    background: #ffdce9;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    text-align: center;
    }
    #global-nav ul {
    position: static;
    height: auto;
    right: 0;
    bottom: 0;
    display: block;
    background: none;
    }
    #global-nav ul li {
    width: 100%;
    height: auto;
    padding: 0;
    float: none;
    position: static;
    }
    #global-nav ul li:nth-child(1),
    #global-nav ul li:nth-child(2),
    #global-nav ul li:nth-child(3),
    #global-nav ul li:nth-child(4),
    #global-nav ul li:nth-child(5),
    #global-nav ul li:nth-child(6),
    #global-nav ul li:nth-child(7),
    #global-nav ul li:nth-child(8),
    #global-nav ul li:nth-child(9),
    #global-nav ul li:nth-child(10),
    #global-nav ul li:nth-child(11),
    #global-nav ul li:nth-child(12) {
    border: none;
    }  
    #global-nav ul li:nth-child(2n) {
    background: #ffe2ed;
    }
    #global-nav ul li.global-nav-s {
    width: 100%;  
    height: 100%;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    } 
    #global-nav ul li a {
    color: #ff3381;
    filter: none;
    }
    #global-nav ul li a:hover {
    text-decoration: underline;
    background: none;
    }
    #global-nav ul li.global-nav-s a:hover {
    color: #ff3381;
    background: none;
    }
    #header #global-nav ul li a {
    width: 100%;
    display: block;
    padding: 17px 0;
    }
    #global-nav ul li.global-nav-visit a,
    #global-nav ul li.global-nav-s-visit a {
    width: 100%;
    display: block;
    padding: 17px 0;
    color: #555;
    filter: none;
    background: #fff;
    }
    #global-nav ul li.global-nav-visit a:hover,
    #global-nav ul li.global-nav-s-visit a:hover {
    color: #555;
    background: #fff;
    }
    #nav-toggle {
    display: block;
    }
    .open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
    }
    .open #global-nav {
    -moz-transform: translateY(656px);
    -webkit-transform: translateY(656px);
    transform: translateY(656px);
    }
    .contents {
    margin-top: 132px;
    }
    .swiper-container {
    margin-top: -40px;
    }
}
@media screen and (min-width: 960px) {
    .main {
    margin-top: 32px;
    }
}
.side {
width: auto;
padding: 32px 0;
margin: 0;
text-align: center;
}
.aside-bnr {
margin: 0 auto;
}
.aside-bnr li {
width: 252px;
margin: 0 auto;
margin-bottom: 24px;
background: #fff;
}
.aside-bnr img {
border: #fff 8px solid;
box-sizing: border-box;
box-shadow: 0 0 3px rgba(0,0,0,0.5);
cursor: pointer;
transition-duration: 0.3s;
}
.aside-bnr img:hover {
opacity: 0.6;
transition-duration: 0.3s;
}
.aside-bnr
a[href^="http"]:after {
content: none;
}
@media screen and (min-width: 560px) and (max-width: 959px) {
    .aside-bnr {
    width: 540px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
}
.aside-info {
margin: 40px 20px 0 20px;
background: #fff;
border: solid 3px #66a1ff;
border-radius: 5px;
}
.aside-info h2 {
padding: 4px;
text-align: center;
color: #FFF;
line-height: 1.3;
background: #66a1ff;
}
.aside-info-dl {
max-width: 38em;
margin: 0 auto;
padding: 24px 0;
text-align: center;
}
.aside-info dl {
width: 16em;
text-align: center;
margin: 0 auto;
}
.aside-info dt {
float: left ;
clear: left ;
width: 22px ;
text-align: right;
}
.aside-info dd {
margin-left: 2em ;
text-align: left;
font-size: 15px;
}
@media screen and (min-width: 560px) and (max-width: 959px) {
    .aside-info-dl {
    height: 64px;
    }
    .aside-info-mail {
    float:left;
    }
    .aside-info-tel {
    float:right;
    }
}
.footer {
background: url(../img/img_footer.svg) left top / 8px 32px repeat-x;
margin-top: 64px;
padding-top: 32px;
letter-spacing: 0;
} 
.footer .footer-background {
background: repeating-linear-gradient(to bottom, #66a1ff, #3d6099);
color: #fff;
padding: 16px 0 40px 0;
text-align: center;
} 
.footer h2 {
letter-spacing: 1px;
}
.footer-section dl {
letter-spacing: 1px;
margin-bottom: 16px;
}    
.footer-section dt {
font-weight: bold;
margin-right: .4em;
}
.footer a {
color: #fff;
}
.footer a:hover {
color: #ff99c0;
}
.pagetop{
width: 45px;
height: 45px;
position: fixed;
right: 16px;
bottom: 32px;
}
.pagetop a {
display: block;
width: 45px;
height: 45px;
padding-top: 10px;
box-sizing: border-box;
background: rgba(255,214,230,0.7);
border-radius: 50%;
color: #ff3381;
font-family: 'Lato', sans-serif;
text-align: center;
text-decoration: none;
font-size: 12px;
}
.pagetop a:hover {
background: rgba(255,214,230,0.5);
color: #ff3381;
}
.pagetop a::before {
content: "";
display: block;
width: 10px;
height: 10px;
margin: auto;
border-top: 1px solid #ff3381;
border-right: 1px solid #ff3381;
transform: rotate(-45deg);
}
.subpage {
margin-top: 32px;
}
.section {
margin-bottom: 64px;
}
.h2 , .sub-h1 {
height: 40px;
background: #294066;
margin-bottom: 16px;
padding: 2px 24px;
color: #fff;
font-size: 22px;
font-style: italic;
line-height: 1;
letter-spacing: 2px;
}
.h2::before,
.sub-h1::before {
width: 21px;
height: 27px;
content: "";
display: inline-block;
margin: 0 16px 0 0;
background: url(../img/ico_h2.png) left top / 20px 26px no-repeat;
position: relative;
bottom: -4px;
}
.h2 .more {
float: right;
display: inline-block;
padding: 3px 10px 4px 8px;
background: #fff;
border-radius: 5px;
font-size: 16px;
line-height: 1;
font-family: 'Lato', sans-serif;
font-style: italic;
letter-spacing: 1px;
position: relative;
bottom: -6px;
}
.h2 .more::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
margin-right: 5px;
border-top: 2px solid #ff3381;
border-right: 2px solid #ff3381;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.h2 .more:hover {
color: #ff3381;
background: #ffe2ed;
}
.sub-h2 {
position: relative;
display: inline-block;
width: 100%;
height: 32px;
background: #555;
margin-bottom: 24px;
padding: 6px 24px;
color: #fff;
font-size: 18px;
font-style: italic;
line-height: 1;
letter-spacing: 2px;
border-radius: 4px;
}
.sub-h2:before {
content: "";
position: absolute;
top: 100%;
left: 32px;
margin-left: -15px;
border: 8px solid transparent;
border-top: 8px solid #555;
}
.h3 {
margin: 32px 0 24px 0;
padding: 0.3em 0.5em;
font-size: 18px;
font-style: italic;
color: #3182cd;
border-left: solid 8px #3182cd;
}

/*リンクボタン*/
.link-btn {
display:inline-block;
position: relative;
width: 100%;
text-align: center;
font-weight: bold;
-webkit-transition: none;
transition: none;  
padding: 8px 0;
margin-top: 16px;
background: #ffe6f1;
color: #666;
box-shadow: 0 4px 0 rgba(0,0,0, 0.15);
border-radius: 10px;
}
.link-btn:hover {
color: #ff3381;
}
.link-btn:active {
top: 4px;
box-shadow: none;
}
.home-greeting .link-right {
margin-top: 8px;
}
.home-greeting-h2 {
height: 36px;
background: #e8f1ff;
color: #3a3a3a;
font-size: 16px;
font-style: italic;
padding: 8px 0;
margin: 24px 0 12px 0;
text-align: center;
letter-spacing: 1px;
}
@media screen and (max-width: 559px) {
    .home-greeting-h2 {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    }
}
.aboutus-img {
margin-bottom: 8px;
}
.point ol {
counter-reset: my-counter;
margin-left: 24px;
}
.point li {
margin-bottom: 32px;
padding-left: 24px;
position: relative;
}
.point li:before {
content: counter(my-counter);
counter-increment: my-counter;
background: #3182cd;
color: #fff;
display: block;
float: left;
line-height: 22px;
margin-left: -30px;
text-align: center;
height: 22px;
width: 22px;
border-radius: 50%;
}
.point li dt {
font-weight: bold;
margin-bottom: 8px;
}
.member-dl dt {
width: 5em;
float: left;
font-weight: bold;
}
.member-dl dd {
margin-left: 6em;
}
.history-section {
position: relative;
}
.aboutus_h3 {
width: 7em;
position: absolute;
top: -16px;
left: 40px;
padding: 4px 8px;
font-size: 14px;
color: #fff;
text-align: center;
background: #3182cd;
filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.2));    
}
.history-contents {
padding-bottom: 16px;
}
.history-contents dl {
margin-top: 16px;
}
.history-contents dt {
clear: left;
float: left;
width: 2em;
text-align: right;
font-weight: bold;
margin-right: 16px;
}
.history-contents dd {
font-size: 12px;
margin-left: 64px;
}
.history-contents dl dd.history-contents-firstdd {
font-size: 14px;
font-weight: bold;
}
.history-contents p {
font-weight: bold;
margin-top: 24px;
}
.history-contents p::before {
content: "★ ";
}
.election-section {
position: relative;
}
.election-dl dl {
margin-top: 32px;
}
.election-dl dt {
font-weight: bold;
}
.election-dl dt::before {
content: "★ ";
}
.election-dl dd {
margin: 0 0 24px 1.3em;
}
.news{
height: 420px;
margin-bottom: 20px; 
overflow-y: scroll;
overflow-x: hidden;
}
.news dt {
padding: 10px 0;
border-top: 1px dotted #ccc;
font-weight: bold;
}
.news dd {
padding-left: 24px;
margin-bottom: 16px;
}
.news :first-of-type {
border-top: none;
}
.faq *, .faq *:after, .faq *:before {
font-family: 'Lato', sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.faq dt {
padding: 10px 0 8px 2.4em;
font-weight: bold;
}
.faq dd {
margin-bottom: 16px;
padding: 0 0 24px 2.4em;
border-bottom: 1px dotted #ccc;
}
.faq dt::before, .faq dd::before {
font-size: 1.2em;
margin: 0 0.7em 0 -2em;
border-radius: 50%;
display: inline-block;
width: 1.3em;
height: 1.3em;
line-height: 1.2em;
}
.faq dt::before {
padding: 0.08em 0.26em;
content: 'Q';
background: #d5ebff;
font-weight: normal;
}
.faq dd::before {
padding: 0.08em 0.26em;
content: 'A';
background: #ffd3e7;
}
.faq dl dd:last-of-type {
border-bottom: none;
margin: 0;
}
.faq .link-btn {
margin-bottom: 22px;
}
#sub-link li {
font-size: 16px;
margin-bottom: 24px;
}
#sub-link ul li:last-of-type {
margin-bottom: 0;
}
.practice-dl ,
.practice-ul {
margin-bottom: 16px;
font-size: 16px;
}
.practice-dl dt {
clear: left;
float: left;
width: 5.5em;
margin-bottom: 16px;
}
.practice-dl dd {
overflow: hidden;
margin-bottom: 16px;
}
.practice-dl dt:last-of-type ,
.practice-dl dd:last-of-type {
margin-bottom: 0;
}
.practice-dl p {
font-size: 14px;
margin-top: 16px;
padding-left: .5em; 
}
.practice-dl p::before {
content: "★";
}
.practice-ul li:first-of-type {
font-weight: bold;
margin-bottom: 16px;
}
.map iframe {
width: 100%;
}
.joinus-main-ul {
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
.joinus-main-ul {
width: 100%;
text-align: center;
margin: 40px 0 64px -20px;
}
.joinus-main-ul li {
width: 12em;
margin: 0 auto;
text-align: right;
font-size: 20px;
/*    font-weight: bold;*/
font-style: italic;
line-height: 2.4em;
}
.joinus-cp {
width: 100%;
text-align: center;
}
.joinus-cp-contents {
max-width: 400px; 
margin: 0 auto;
padding: 16px;
background: #ffe6f1;
border-radius: 10px;
border: 2px solid #ff3381;
position: relative;
}
.joinus-cp h2 {
font-size: 18px;
font-weight: normal;
letter-spacing: 1.2px;
}
.joinus-cp .cp-copy {
width: 8em;
color: #fff;
background: #ff3381; 
position: absolute;
top: -8px;
left: -20px;
transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-webkit-transform: rotate(-8deg);
}
.joinus-cp .red {
font-size: 16px;
font-weight: normal;
letter-spacing: 1.2px;
}
.joinus-trial {
width: 100%;
text-align: center;
}
.joinus-trial-contents {
max-width: 400px; 
margin: 0 auto;
padding: 0;
border: 2px solid #ff7300;
text-align: left;
}
.joinus-trial-contents h2 {
background: #ff7300;
text-align: center;
font-size: 16px;
letter-spacing: 1.2px;
padding: 2px 0;
color: #fff;
}
.joinus-trial-contents p {
padding: 16px 32px;
}
.joinus-trial-contents dl {
padding: 0 32px 16px 32px;
}
.joinus-trial-contents dt {
color: #ff7300;
}
.joinus-trial-contents dt::before {
content: "【";
}
.joinus-trial-contents dt::after {
content: "】";
}
.joinus-trial-contents dl ul li {
list-style-type: disc;
margin-left: 1.4em; 
}
.recruitment-main-p {
width: 100%;
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
text-align: center;
margin: 40px 0 64px 0;
}
.recruitment-main-p p {
margin: 0 auto;
font-size: 20px;
font-style: italic;
line-height: 2.4em;
}
.recruitment-contents {
padding: 16px 24px;
border-radius: 10px;
border: 2px dashed #3182cd ;
}
.recruitment-contents p {
margin-bottom: .8em;
}
@media screen and (max-width: 959px) {
    .recruitment-sub-p {
    text-align: left;
    }
}
.sub-games-container .tab-panel {
background: #142033;
}
.tab-group {
padding: 16px 24px;
display: flex;
justify-content: center;
}
.tab {
flex-grow: 1;
padding: 5px;
list-style: none;
text-align: center;
cursor: pointer;
background: #ccc;
border: solid 1px #142033;
}
.panel{
display:none;
}
.tab.is-active {
background: #fff;
transition: all 0.2s ease-out;
}
.panel.is-show{
display:block;
}
.games-contents {
width: 100%;
padding: 24px 24px 8px 24px;
text-align: center;
background: repeating-linear-gradient(135deg, #deebff, #deebff 20px, #d1e3ff 20px, #d1e3ff 40px);
}
.games-section {
text-align: center;
background: #fff;
margin: 0 auto;
padding-bottom: 8px;
margin-bottom: 24px;
box-shadow: 4px 4px 0 rgba(0,0,0, 0.15);
}
.games-dt {
padding: 7px 0;
margin-bottom: 8px;
font-size: 14px;
font-weight: bold;
text-align: center;
background: #3182cd;
color: #fff;
}
.games-dl dd {
font-size: 12px;
}
.sub-games-p {
max-width: 912px;
margin: 0 auto;
padding-left: 24px;
padding-right: 24px;      
}
@media screen and (min-width: 960px) {
    .sub-games-container {
    max-width: 912px;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;    
    }
}
@media screen and (max-width: 559px) {
    .games-p {
    text-align: left;
    padding: 0 16px;
    }
}
.sub-gallery-container .tab-group {
margin-bottom: 16px;
}
.sub-gallery-container .tab {
width: 50%;
border: solid 2px #888;
background: #888;
color: #fff;
}
.sub-gallery-container .tab.is-active {
color: #ff3381;
background: #fff;
font-weight: bold;
}
#aniimated-thumbnials,
#aniimated-thumbnials2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 24px;
}
#aniimated-thumbnials a,
#aniimated-thumbnials2 a {
width: 32%;
align-self: center;
margin-bottom: 12px;
}
#aniimated-thumbnials img,
#aniimated-thumbnials2 img {
width: 100%;
height: 120px;
object-fit: cover;
font-family: 'object-fit: cover;';
}
@media screen and (min-width: 960px) {
    .sub-gallery-container {
    max-width: 912px;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;    
    }
}
.sitemap-contents li {
margin-bottom: 24px;
}
.sitemap-contents dt {
font-weight: bold;
}
.sitemap-contents dd {
margin-left: 1em;
}
.page-404 {
margin: 64px 0;
}
.page-404 p {
margin-top: 1.2em;
}
.main-info ul {
text-align: center;
font-size: 16px;
letter-spacing: 1.2px;
}
.main-info ul li {
margin-left: -1em; 
}
.main-info ul li:first-child {
margin-bottom: 16px;
}
.main-info ul li a {
color: #3a3a3a;
}
.main-info ul li a:hover {
color: #ff99c0;
}
.home-greeting strong {
text-decoration: underline;
}
.new {
color: darkorange;
}
.new::before {
content: "★";
}
.home-game .games-contents {
background: none;
}
.home-game {
padding-bottom: 40px;
background: repeating-linear-gradient(135deg, #deebff, #deebff 20px, #d1e3ff 20px, #d1e3ff 40px);
}
.home-game .games-contents {
padding-top: 16px;
}
.home-game p,
.home-gallery .mb16 {
padding-left: 24px;
}
.home-game .link-btn {
width: 96%;}
.dt-deco dt::before {
content: "【";
}
.dt-deco dt::after {
content: "】";
}
.bdr {
border-radius: 10px;
border: 1px solid #142033;
padding: 16px 24px;
}
.bg-lightblue {
padding: 16px 24px;
background: #d5ebff;
}
.tbg {
background: #d5ebff;
}
.small {
font-size: 14px;
}
small {
font-size: 12px;
}
@media screen and (max-width: 959px) {
    small {
    font-size: 11px;
    }
}
@media screen and (max-width: 959px) {
    .pc_br {
    display: none;
    }
}
@media screen and (min-width: 960px) {
    .sp_br {
    display: none;
    }
}
a[href^="http"]:after {
font-weight: normal;
font-family: "icomoon"; content: "\ea7e"; padding-right: 10px;
}
.link-noicon
a[href^="http"]:after {
content: none;
}
.ls3 {letter-spacing: .33em;}
.fs14{ font-size: 14px;}
.fs16{ font-size: 16px;}
.fs18{ font-size: 18px;}
.fs20{ font-size: 20px;}
.fs22{ font-size: 22px;}
.mt24{ margin-top: 24px !important;}
.mb16{ margin-bottom: 16px !important;}
.mb24{ margin-bottom: 24px !important;}
.mb32{ margin-bottom: 32px !important;}
.mb40{ margin-bottom: 40px !important;}
.mb64{ margin-bottom: 64px !important;}
.ta-l{ text-align: left; }
.ta-r{ text-align: right; }
.ta-c{ text-align: center; }
.fl{ float:left; }
.fr{ float:right; }
.fl-img{ float: left; margin-right: 10px; margin-bottom: 10px;}
.fr-img{ float: right; margin-left: 10px; margin-bottom: 10px;}
.clear{ clear:both; }
.clearfix:after {
content: ""; 
display: block; 
clear: both; 
}
.strike {
text-decoration: line-through;
}
.red {
color: red;
}
.blue {
color: #3182cd;
}
.u {
text-decoration: underline;
}
.udl-pink {
background: linear-gradient(transparent 70%, #ffcce0 70%)
}
.link-right {
text-align: right;
line-height: 2em;
}
.link-right li:before {
content: "\025b6";
padding-right: 4px;
color: #ff3381;
}
.link-right li:hover:before {
color: #ff99c0;
}
@media screen and (max-width: 559px) {
    .anchor {
    display: block;
    padding-top: 110px;
    margin-top: -110px;
    }
}