@charset "UTF-8";

/*  layout  ======================*/

#wrapper {
text-align:left;
font-family:"Noto Sans JP",sans-serif;
padding-top:120px;
width:100%;}
.container {
padding:75px 0;}
.contents {
position:relative;
margin:0 auto;
width:94%;
max-width:1050px;}
.contents::after, .contents::before {
content:"";
clear:both;
display:block;}

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

#wrapper {
padding-top:0;}
.container {
padding:7.5% 0;}

}

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

.container {
padding:48px 0;}
.contents {
width:90%;}

}

/* header ========================== */

.header {
text-align:center;
position:fixed;
z-index:999;
top:0px;
left:0px;
width:calc(100% - 0px);
height:120px;
background:rgba(255,255,255,0.8);
box-shadow:0 0 2px 0 #ccc;
transition:0.25s;}
.header .logo {
text-align:left;
position:absolute;
left:10px;
top:50%;
width:270px;
transform:translate(0,-50%);}
.header .logo .logo-copy {
margin-bottom:0.65em;
font-size:13px;
line-height:1.2;
letter-spacing:-0.01em;
color:#999;
white-space:nowrap;}
.header .logo .logo-pc {
display:block;}
.header .logo .logo-sp {
display:none;}
.header .logo .logo-index {
display:none;
width:62px;}
.header .bnr-lp {
position:absolute;
right:10px;
top:50%;
width:140px;
transform:translate(0,-50%);}
.header .bnr-lp a {
display:block;}
.header .bnr-lp a img {
width:100%;
border-radius:50%;
transition:transform 0.25s;}
.header .bnr-lp a img:hover {
transform:scale(1.05);}
.header .btn-login {
position:absolute;
right:162px;
top:16px;
width:550px;
justify-content:space-between;}
.header .btn-login li {
width:40%;}
.header .btn-login li:nth-child(1) {
width:17%;}
.header .btn-login li a {
display:block;
padding-bottom:0.05em;
font-size:75%;
line-height:1.95em;
font-weight:600;
letter-spacing:-0.025em;
white-space:nowrap;
border-radius:1em;
transition:0.25s;}
.header .btn-login li:nth-child(1) a {
color:#777;
background:#fff;
box-shadow:0 0 0 1px #888;}
.header .btn-login li:nth-child(2) a {
color:#fff;
background:#e06;
box-shadow:0 0 0 1px #e06;}
.header .btn-login li:nth-child(3) a {
color:#fff;
background:#1a3;
box-shadow:0 0 0 1px #1a3;}
.header .btn-login li a:hover {
color:#fff !important;
background:#e82 !important;
box-shadow:0 0 0 2px #e82 !important;}

@media only screen and (max-width:1300px) {
/*
.header .logo {
left:0.77%;
width:20.77%;}
.header .logo .logo-copy {
font-size:0.985vw;}
*/
.header .bnr-lp {
right:0.77%;
width:10.77%;}
.header .btn-login {
right:12.31%;}

}

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

.header {
position:relative;
margin:8px auto;
width:calc(100% - 16px);
height:54px;
border-radius:30px;}
.header .logo {
left:16px;
width:230px;}
.header .logo .logo-pc {
display:none;}
.header .logo .logo-sp {
display:block;}
.header .logo .logo-index {
display:none;
width:36px;}
.header .bnr-lp {
display:none;}
.header .btn-login {
display:none;}

}

/* gmenu-pc ========================== */

.gmenu-pc {
position:absolute;
right:160px;
bottom:0;
width:830px;}
.gmenu-pc > li {
position:relative;
padding:0 3px 16px;
width:23.75%;}
.gmenu-pc > li:nth-child(n+3) {
width:17.5%;}
.gmenu-pc > li.arrow::after {
content:"";
position:absolute;
left:50%;
bottom:0;
width:0;
height:0;
border-left:5px solid transparent;
border-right:5px solid transparent;
border-bottom:0px solid transparent;
border-top:5px solid #e06;
transform:translate(-50%,-75%);
transition:0.25s;}
.gmenu-pc > li:nth-child(2).arrow::after {
border-top:5px solid #1a3;}
.gmenu-pc > li.arrow:hover::after {
transform:translate(-50%,-75%) rotate(180deg);}
.gmenu-pc > li > a {
font-family:'Zen Maru Gothic';
display:block;
padding:4px 0 7px 0;
font-size:19px;
line-height:24px;
color:#e06;
font-weight:900;
white-space:nowrap;
background:#ffeaee;
box-shadow:0 0 0 1px #e06;
border-radius:23px;
transition:0.25s;}
.gmenu-pc > li > a span {
display:block;
font-size:9px;
line-height:11px;
font-weight:400;}
.gmenu-pc > li:nth-child(2) > a {
color:#1a3;
background:#ecf8e3;
box-shadow:0 0 0 1px #1a3;}
.gmenu-pc > li:nth-child(3) > a {
color:#ed3600;
background:#f9eee0;
box-shadow:0 0 0 1px #ed3600;}
.gmenu-pc > li:nth-child(4) > a {
color:#d26c55;
background:#f5e6db;
box-shadow:0 0 0 1px #d26c55;}
.gmenu-pc > li:nth-child(5) > a {
color:#0068b7;
background:#e8f0fe;
box-shadow:0 0 0 1px #0068b7;}
.gmenu-pc > li > a:hover {
background:#fadb6e !important;
box-shadow:0 0 0 1px #e82 !important;}
.gmenu-pc > li ul.sub-menu {
visibility:hidden;
opacity:0;
position:absolute;
top:100%;
left:50%;
width:230px;
overflow:hidden;
background:linear-gradient(0deg,#ffeaee,#fdf4f6);
border-radius:6px;
box-shadow:2px 2px 3px 0 rgba(0,0,0,0.1);
transition:0.25s;
transform:translate(-50%,-30px);}
.gmenu-pc > li:nth-child(2) ul.sub-menu {
background:linear-gradient(0deg,#ecf8e3,#f4f9f0);}
.gmenu-pc > li:hover ul.sub-menu {
transform:translate(-50%,0);
visibility:visible;
opacity:1;}
.gmenu-pc > li ul.sub-menu li {}
.gmenu-pc > li ul.sub-menu li a {
display:block;
font-size:81.25%;
line-height:45px;
color:#000;
white-space:nowrap;
border-bottom:1px solid rgba(255,255,255,0.95);}
.gmenu-pc > li ul.sub-menu li:last-child a {
border-bottom:none;}
.gmenu-pc > li ul.sub-menu li a:hover {
background:rgba(255,255,255,0.4);}

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

.gmenu-pc {
right:12.31%;
width:calc(100% - 12.31% - 295px);}
.gmenu-pc > li > a {
font-size:18px;}

}

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

.gmenu-pc {
display:none;}

}

/* hamburger gmenu-sp =================== */

.gmenu-sp-button {
position:fixed;
z-index:10000;
display:none;
cursor:pointer;
justify-content:center;
align-items:center;
border:none;
outline:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
top:13px;
right:13px;
width:44px;
height:44px;
background:#e06;
border-radius:50%;
transition:0.25s;}
/* cat */
/* cat */
.wrapper-matching .gmenu-sp-button {
background:#e06;}
.wrapper-event .gmenu-sp-button {
background:#1a3;}
.wrapper-support .gmenu-sp-button {
background:#f09000;}
.wrapper-archive .gmenu-sp-button {
background:#0068b7;}
/* cat */
/* cat */
.gmenu-sp-button:hover {
background:#e82;}
.gmenu-sp-button span, .gmenu-sp-button span::before, .gmenu-sp-button span::after {
content:"";
position:absolute;
display:block;
height:1px;
width:30px;
background:#fff;
transition:0.25s;}
.gmenu-sp-button span::before {
bottom:7px;}
.gmenu-sp-button span::after {
top:7px;}
.gmenu-sp-button.active {
display:flex;
background:none;}
.gmenu-sp-button.active span {
background:none;}
.gmenu-sp-button.active span::before {
bottom:0;
background:#000;
transform:rotate(45deg);}
.gmenu-sp-button.active span::after {
top:0;
background:#000;
transform:rotate(-45deg);}
#gmenu-sp-btn-check {
display:none;}
.gmenu-sp-bg {
pointer-events:none;
opacity:0;
position:fixed;
z-index:9998;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.1);
transition:0.25s;}
.gmenu-sp-bg.active {
pointer-events:auto;
opacity:1;}
.gmenu-sp-container {
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
pointer-events:none;
opacity:0;
position:fixed;
z-index:9999;
overflow-y:auto;
overscroll-behavior-y:contain;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(255,255,255,0.95);
transition:0.25s;}
.gmenu-sp-container.active {
pointer-events:auto;
opacity:1;}
.gmenu-sp-modal {
margin:65px auto 30px;
width:92%;
max-width:700px;}
.gmenu-sp-modal .gmenu-sp-logo {
width:95%;
margin:0 auto 1.8%;}
.gmenu-sp-modal .gmenu-sp-btn-login {
justify-content:space-between;
margin-bottom:8%;
width:100%;}
.gmenu-sp-modal .gmenu-sp-btn-login li {
width:48.5%;}
.gmenu-sp-modal .gmenu-sp-btn-login li a {
display:block;
font-size:93.75%;
line-height:2.4em;
font-weight:600;
color:#e06;
letter-spacing:-0.025em;
white-space:nowrap;
background:#fff;
box-shadow:0 0 0 2px #e06;
border-radius:1.2em;}
.gmenu-sp-modal .gmenu-sp-btn-login li:nth-child(2) a {
color:#1a3;
box-shadow:0 0 0 2px #1a3;}
.gmenu-sp-modal .gmenu-sp-btn-login li a:hover {
color:#fff !important;
background:#e82 !important;
box-shadow:0 0 0 2px #e82 !important;}
.gmenu-sp-modal .gmenu-sp01 {
justify-content:space-between;
margin-bottom:3%;
width:100%;}
.gmenu-sp-modal .gmenu-sp01 .gmenu-sp-contents {
width:48.5%;}
.gmenu-sp-modal .gmenu-sp01 .gmenu-sp-contents .gmenu-sp-ttl {
margin:0 0 6% 0;}
.gmenu-sp-modal .gmenu-sp01 .gmenu-sp-contents .gmenu-sp-ttl a {
font-family:'Zen Maru Gothic';
display:block;
padding:6px 0 9px 0;
font-size:21px;
line-height:25px;
color:#fff;
font-weight:900;
white-space:nowrap;
background:#e06;
border-radius:26px;
transition:background 0.25s;}
.gmenu-sp-modal .gmenu-sp01 .gmenu-sp-contents .gmenu-sp-ttl a span {
display:block;
font-size:10px;
line-height:12px;
font-weight:400;}
.gmenu-sp-modal .gmenu-sp01 .gmenu-sp-contents:nth-child(2) .gmenu-sp-ttl a {
background:#1a3;}
.gmenu-sp-modal .gmenu-sp01 .gmenu-sp-contents .gmenu-sp-ttl a:hover {
background:#e82 !important;}
.gmenu-sp-modal .gmenu-sp01 .gmenu-sp-contents ul {
text-align:left;
width:100%;
overflow:hidden;
background:linear-gradient(0deg,#ffeaee,#fdf4f6);
border-radius:1em;}
.gmenu-sp-modal .gmenu-sp01 .gmenu-sp-contents:nth-child(2) ul {
background:linear-gradient(0deg,#ecf8e3,#f4f9f0);}
.gmenu-sp-modal .gmenu-sp01 .gmenu-sp-contents ul li a {
display:block;
padding:0 0 0 1.5em;
font-size:93.75%;
line-height:3.5em;
color:#000;
white-space:nowrap;
border-bottom:1px solid rgba(255,255,255,0.95);}
.gmenu-sp-modal .gmenu-sp01 .gmenu-sp-contents ul li:last-child a {
border-bottom:none;}
.gmenu-sp-modal .gmenu-sp01 .gmenu-sp-contents ul li a:hover {
background:rgba(255,255,255,0.4);}
.gmenu-sp02 {
justify-content:space-between;
margin-bottom:7.5%;
width:100%;}
.gmenu-sp02 li {
padding:1.5% 0;
width:48.5%;}
.gmenu-sp02 li a {
font-family:'Zen Maru Gothic';
display:block;
padding:4px 0 7px 0;
font-size:19px;
line-height:24px;
font-weight:900;
white-space:nowrap;
border-radius:23px;
transition:0.25s;}
.gmenu-sp02 li a span {
display:block;
font-size:9px;
line-height:11px;
font-weight:400;}
.gmenu-sp02 li:nth-child(1) a {
color:#ed3600;
background:#f9eee0;
box-shadow:0 0 0 1px #ed3600;}
.gmenu-sp02 li:nth-child(2) a {
color:#d26c55;
background:#f5e6db;
box-shadow:0 0 0 1px #d26c55;}
.gmenu-sp02 li:nth-child(3) a {
color:#0068b7;
background:#e8f0fe;
box-shadow:0 0 0 1px #0068b7;}
.gmenu-sp02 li:nth-child(4) a {
color:#777;
background:#fff;
box-shadow:0 0 0 1px #888;}
.gmenu-sp02 li a:hover {
background:#fadb6e !important;
box-shadow:0 0 0 1px #e82 !important;}
.gmenu-sp-modal .gmenu-sp-bnr {
justify-content:space-between;
margin-bottom:4%;
width:100%;}
.gmenu-sp-modal .gmenu-sp-bnr li {
margin-bottom:3%;
width:48.5%;}
.gmenu-sp-modal .gmenu-sp-bnr li:nth-child(1) {
width:100%;}
.gmenu-sp-modal .gmenu-sp-bnr li img {
width:100%;}
.gmenu-sp-modal .gmenu-sp-bnr li:nth-child(1) img {
border-radius:0.5em;}
.gmenu-sp03 {
text-align:left;
padding-top:2%;
width:100%;
border-top:1px solid rgba(0,0,0,0.4);}
.gmenu-sp03 li {}
.gmenu-sp03 li a {
padding:0 1em 0 0;
font-size:93.75%;
color:#000;
white-space:nowrap;}
.gmenu-sp03 li:last-child a {
padding:0;}

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

.gmenu-sp-button {
display:flex;}

}

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

.gmenu-sp-modal .gmenu-sp-btn-login li a {
font-size:3.2vw;}
.gmenu-sp-modal .gmenu-sp01 .gmenu-sp-contents ul li a {
font-size:2.9vw;;}
.gmenu-sp03 li a {
font-size:2.9vw;}

}

/*  main-ttl sub-ttl  =============================*/

.main-ttl {
position:relative;
padding:1.3em 0 2.0em 0;
color:#e06;
background:url("../../images/bg_line.png") repeat-x left bottom / 360px;}
/* cat */
/* cat */
.wrapper-matching .main-ttl {
color:#e06;
background:url("../../images/bg_line.png") repeat-x left bottom / 360px;}
.wrapper-event .main-ttl {
color:#1a3;
background:url("../../images/bg_line_green.png") repeat-x left bottom / 360px;}
.wrapper-support .main-ttl {
color:#f09000;
background:url("../../images/bg_line_orange.png") repeat-x left bottom / 360px;}
.wrapper-archive .main-ttl {
color:#0068b7;
background:url("../../images/bg_line_blue.png") repeat-x left bottom / 360px;}
/* cat */
/* cat */
.main-ttl h1 {
font-family:'Zen Maru Gothic';
font-size:300%;
line-height:1.15;
font-weight:900;}
.main-ttl h1 span {
display:block;
margin-top:0.2em;
font-size:32.5%;
font-weight:300;}
.main-ttl .btn-login {
text-align:center;
position:absolute;
right:0px;
top:50%;
width:420px;
justify-content:space-between;
transform:translate(0,-45%);}
.main-ttl .btn-login.col-100 {
width:210px;}
.main-ttl .btn-login li {
width:48.5%;}
.main-ttl .btn-login.col-100 li {
width:100%;}
.main-ttl .btn-login li a {
position:relative;
display:block;
padding:0.45em 0.5em 0.55em 0;
font-size:87.5%;
line-height:1.45;
color:#fff;
font-weight:600;
letter-spacing:-0.025em;
white-space:nowrap;
background:#e06;
box-shadow:0 0 0 2px #e06;
border-radius:1.0em;
transition:0.25s;}
.main-ttl .btn-login li:nth-child(2) a {
color:#e06;
background:#fff;}
.main-ttl .btn-login li a::after {
content:"";
position:absolute;
right:7px;
top:50%;
width:5px;
aspect-ratio:1 / 1;
border-top:2px solid #fff;
border-right:2px solid #fff;
transform:translate(0%,-50%) rotate(45deg);}
.main-ttl .btn-login li:nth-child(2) a::after {
border-top:2px solid #e06;
border-right:2px solid #e06;}
/* cat */
/* cat */
.wrapper-event .main-ttl .btn-login li a {
background:#1a3;
box-shadow:0 0 0 2px #1a3;}
.wrapper-event .main-ttl .btn-login li:nth-child(2) a {
color:#1a3;
background:#fff;}
.wrapper-event .main-ttl .btn-login li:nth-child(2) a::after {
border-top:2px solid #1a3;
border-right:2px solid #1a3;}
.wrapper-support .main-ttl .btn-login li a {
background:#f09000;
box-shadow:0 0 0 2px #f09000;}
.wrapper-support .main-ttl .btn-login li:nth-child(2) a {
color:#f09000;
background:#fff;}
.wrapper-support .main-ttl .btn-login li:nth-child(2) a::after {
border-top:2px solid #f09000;
border-right:2px solid #f09000;}
.wrapper-archive .main-ttl .btn-login li a {
background:#0068b7;
box-shadow:0 0 0 2px #0068b7;}
.wrapper-archive .main-ttl .btn-login li:nth-child(2) a {
color:#0068b7;
background:#fff;}
.wrapper-archive .main-ttl .btn-login li:nth-child(2) a::after {
border-top:2px solid #0068b7;
border-right:2px solid #0068b7;}
/* cat */
/* cat */
.main-ttl .btn-login li a:hover {
color:#fff !important;
background:#e82 !important;
box-shadow:0 0 0 2px #e82;}
.main-ttl .btn-login li a:hover::after {
border-top:2px solid #fff !important;
border-right:2px solid #fff !important;}

.sub-ttl {
margin-top:40px;}
.sub-ttl h2 {
margin-top:0.95em;
font-size:106.25%;
line-height:1.5;
font-weight:600;}

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

.main-ttl {
text-align:center;
padding:0.9em 0 0.9em 0;}
.main-ttl .contents {
width:95%;}
.main-ttl h1 {
font-size:268.75%;}
.main-ttl h1 span {
font-size:32.5%;}
.main-ttl .btn-login {
position:static;
margin-top:1.5em;
width:100%;
transform:translate(0,0%);}
.main-ttl .btn-login.col-100 {
width:100%;}
.main-ttl .btn-login li a {
font-size:81.25%;}

.sub-ttl {
margin-top:6.5%;}
.sub-ttl .contents {
width:90%;}
.sub-ttl h2 {
font-size:93.75%;
font-weight:500;}
.sub-ttl h2 br {
display:none;}

}

/*  smenu  ======================*/

.smenu {
margin-top:1.25em;}
.smenu ul {
text-align:center;
border-left:1px solid #be9f66;}
.smenu ul li {
width:16.6666%;}
/* cat */
/* cat */
.wrapper-event .smenu ul li {
width:20%;
font-size:106.25%;}
/* cat */
/* cat */
.smenu ul li a {
position:relative;
display:block;
height:50px;
border-right:1px solid #be9f66;
background:url(../../images/matching/b000.png) repeat-x left 0%;
transition:background 0.25s;}
.smenu ul li a:hover {
background:url(../../images/matching/b000.png) repeat-x left 100%;}
.smenu ul li a span {
position:absolute;
left:50%;
top:50%;
display:block;
font-size:93.75%;
line-height:1.35;
font-weight:500;
white-space:nowrap;
color:#b18f52;
transform:translate(-50%,-50%);}

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

.smenu {
display:none;}

}

/* bnr-movie  ==========================*/

.bnr-movie {
position:relative;
padding:60px 0;
background:rgba(255,255,255,0.4);}
.bnr-movie::before {
content:"";
position:absolute;
z-index:-1;
left:0;
top:0;
width:100%;
height:100%;
background:url("../../images/bg01.png") repeat center center / 350px;}
.bnr-movie .bnr-youtube {
position:absolute;
right:-1.5%;
top:50%;
width:31%;
max-width:150px;
transform:translate(0,-50%);}
.bnr-movie .bnr-youtube img {
background:#fff;
border-radius:50%;
box-shadow:0 0 0 6px #fadae1;
transition:0.25s;}
.bnr-movie .bnr-youtube img:hover {
box-shadow:0 0 0 6px #e82;}
.bnr-movie ul {
text-align:center;
justify-content:space-between;
width:100%;}
.bnr-movie ul li {
padding:1.5% 0;
width:32%;}
.bnr-movie ul .txt {
margin-top:0.5em;
font-size:81.25%;
line-heght:1.45;}
.bnr-movie ul .txt a {
font-weight:600;}

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

.bnr-movie {
padding:6% 0;}
.bnr-movie ul li {
width:48.5%;}

}

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

.bnr-movie {
padding:40px 0;}
.bnr-movie .bnr {
right:-1.5%;}
.bnr-movie ul {
margin:0 auto;
width:96%;}
.bnr-movie ul li {
padding:2.5% 0;
width:100%;}

}

/*  bnr-special  ==========================*/

.bnr-special {
position:relative;
padding:60px 0;}
.bnr-special .ttl-01 {
margin-bottom:0;}
.bnr-special ul {
justify-content:space-between;
width:100%;}
.bnr-special ul li {
padding:1.5% 0;
width:48.5%;}
.bnr-special ul li.col-100 {
width:100%;}
.bnr-special ul li img {
width:100%;}
.bnr-special ul li.col-100 img {
border-radius:0.75em;}

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

.bnr-special {
padding:6% 0;}
.bnr-special ul {
font-size:1.56vw;}

}

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

.bnr-special {
padding:40px 0;}
.bnr-special ul {
margin:0 auto;
width:96%;}
.bnr-special ul li {
padding:2.5% 0;
width:100%;}

}

/*  faq  ==========================*/

.faq-q {
padding:0.7em 0 0.8em 75px;
font-size:131.25%;
line-height:1.3;
font-weight:600;
color:#444;
min-height:55px;
background:url("../../images/faq_q.png") no-repeat left center / 55px;}
.faq-a {
margin:0.8em 0 2.4em 0;
padding:0 0 0 75px;
font-size:100%;
line-height:1.6;
min-height:55px;
background:url("../../images/faq_a.png") no-repeat left top / 55px;}

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

.faq-q {
font-size:120%;
padding:0.7em 0 0.8em 50px;
min-height:35px;
background:url("../../images/faq_q.png") no-repeat left center / 35px;}
.faq-a {
padding:0 0 0 50px;
min-height:35px;
background:url("../../images/faq_a.png") no-repeat left top / 35px;}

}

/*  footer  ============================*/

.footer {
background:url("../../images/bg01.png") repeat center center / 350px;}
/* cat */
/* cat */
.wrapper-matching .footer {
background:url(../../images/bg01.png) repeat center center / 350px;}
.wrapper-event .footer {
background:url(../../images/bg01_green.png) repeat center center / 350px;}
.wrapper-support .footer {
background:url(../../images/bg01_orange.png) repeat center center / 350px;}
.wrapper-archive .footer {
background:url(../../images/bg01_blue.png) repeat center center / 350px;}
/* cat */
/* cat */
.footer-share {
padding:30px 0;
background-color:rgba(255,255,255,0.0);}
.footer-share .ttl {
pointer-events:none;
position:absolute;
top:50%;
left:0;
width:150px;
transform:translate(0,-50%);}
.footer-share .list {
margin:0 0 0 auto;
width:calc(100% - 175px);}
.footer-share ul {
text-align:center;
width:100%;
justify-content:space-between;}
.footer-share ul li {
padding:1% 0;
width:15.8333%;}
.footer-share ul li a {
display:block;
padding:1.25em 0;
font-size:87.5%;
line-height:1.5em;
font-weight:700;
white-space:nowrap;
background:#fff;
border-radius:2.0em;
box-shadow:0 0 0 1px #fff;
transition:0.25s;}
.footer-share ul li a:hover {
box-shadow:0 0 0 1px #e82;}
.footer-share ul li a img {
margin-right:0.3em;}
.footer-share ul li.x a {
color:#000;}
.footer-share ul li.facebook a {
color:#2477f2;}
.footer-share ul li.line a {
color:#27c754;}
.footer-share ul li.pocket a {
color:#ef4056;}
.footer-share ul li.linkedin a {
color:#2867b2;}
.footer-share ul li.hatena a {
color:#29a4de;}

.footer-supporter {
padding:2.4em 0;
background-color:rgba(255,255,255,0.4);}
.footer-supporter .ttl {
text-align:center;
font-family:'Zen Maru Gothic';
margin-bottom:0.5em;
font-size:162.5%;
line-height:1.35;
letter-spacing:-0.025em;
font-weight:500;
color:#e06;}
.footer-supporter .ttl br.br-sp {
display:none;}
/* cat */
/* cat */
.wrapper-matching .footer-supporter .ttl {
color:#e06;}
.wrapper-event .footer-supporter .ttl {
color:#21ac38;}
.wrapper-support .footer-supporter .ttl {
color:#f09000;}
.wrapper-archive .footer-supporter .ttl {
color:#0068b7;}
/* cat */
/* cat */
.footer-supporter ul {
text-align:center;
justify-content:center;
margin:0 auto;
width:100%;}
.footer-supporter ul li {
padding:1.5% 0.75%;
width:20%;
font-size:87.5%;
line-height:1.5;}
.footer-supporter ul li br {
display:none;}
.footer-supporter ul li a {
color:#000;}
.footer-supporter ul li a:hover {
color:#e82;}
.footer-supporter ul li a img {
box-shadow:0 0 0 1px #fff;
transition:0.25s;}
.footer-supporter ul li a:hover img {
box-shadow:0 0 0 1px #e82;}
.footer-address {
text-align:left;
padding:2.5em 0;
font-size:93.75%;
line-height:1.55;
background-color:rgba(255,255,255,0.8);}
.footer-address .logo {
margin-bottom:0.9em;}
.footer-address .btn-footer {
margin-top:0.9em;
max-width:280px;}
.footer-address .btn-footer a {
text-align:center;
display:block;
padding-bottom:0.05em;
line-height:2.15em;
color:#e06;
font-weight:600;
white-space:nowrap;
border:1px solid #e06;
border-radius:1.1em;
transition:0.25s;}
/* cat */
/* cat */
.wrapper-matching .footer-address .btn-footer a {
color:#e06;
border:1px solid #e06;}
.wrapper-event .footer-address .btn-footer a {
color:#21ac38;
border:1px solid #21ac38;}
.wrapper-support .footer-address .btn-footer a {
color:#f09000;
border:1px solid #f09000;}
.wrapper-archive .footer-address .btn-footer a {
color:#0068b7;
border:1px solid #0068b7;}
/* cat */
/* cat */
.footer-address .btn-footer a:hover {
color:#fff;
border:1px solid #e82;
background:#e82;}
.footer-address .bnr-pref {
position:absolute;
top:50%;
right:0;
width:calc(100% - 300px);
max-width:720px;
transform:translate(0,-50%);}
.footer-address .bnr-pref ul {}
.footer-address .bnr-pref ul li {
padding:1% 0 1% 2%;
width:33.3333%;}
.footer-address .bnr-pref ul li a img {
box-shadow:0 0 0 1px #fff;
transition:0.25s;}
.footer-address .bnr-pref ul li a:hover img {
box-shadow:0 0 0 1px #e82;}
.footer-copyright {
color:#fff;
background:#ec6d88;}
/* cat */
/* cat */
.wrapper-matching .footer-copyright {
background:#ec6d88;}
.wrapper-event .footer-copyright {
background:#3ac258;}
.wrapper-support .footer-copyright {
background:#f6ad41;}
.wrapper-archive .footer-copyright {
background:#81abdc;}
/* cat */
/* cat */
.footer-copyright ul {
justify-content:space-between;
width:100%;}
.footer-copyright ul li {
color:#fff;
font-size:81.25%;
line-height:3em;}
.footer-copyright ul li a {
font-weight:600;
color:#fff;}
.footer-copyright ul li a:hover {
color:#fc6;}

.footer-entry {
height:106px;
background:#ec6d88;}
/* cat */
/* cat */
.wrapper-matching .footer-entry {
background:#ec6d88;}
.wrapper-event .footer-entry {
background:#3ac258;}
.wrapper-support .footer-entry {
background:#f6ad41;}
.wrapper-archive .footer-entry {
background:#81abdc;}
/* cat */
/* cat */
.footer-entry .bnr-entry-fix {
position:fixed;
z-index:998;
left:6px;
bottom:6px;
width:66.6666%;
max-width:350px;
transition:transform 0.25s;}
.footer-entry .bnr-entry-fix:hover {
transform:scale(1.03);}

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

.footer-share ul li {
width:32%;}
.footer-share ul li a {
padding:0.8em 0;
border-radius:1.55em;
font-size:93.33%;}
.footer-supporter .ttl {
margin-bottom:0.75em;}
.footer-supporter ul {
max-width:750px;}
.footer-supporter ul li {
padding:1%;
width:33.3333%;}
.footer-address {
text-align:center;}
.footer-address .btn-footer {
margin:0.9em auto 0;}
.footer-address .bnr-pref {
position:static;
margin:0 auto;
width:100%;
max-width:750px;
transform:translate(0,0);}
.footer-address .bnr-pref ul {
margin:2.2em 0 0 0;}
.footer-address .bnr-pref ul li {
padding:1%;}

}

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

.footer-share {
padding:7.5% 0 5% 0;}
.footer-share .ttl {
position:static;
margin:0 auto 1.2em;
transform:translate(0,0%);}
.footer-share .list {
margin:0 auto;
width:100%;
max-width:480px;}
.footer-share ul li {
padding:1.25% 0;
width:48.75%;}
.footer-share ul li a {
font-size:93.33%;}
.footer-supporter .ttl {
font-size:6.0vw;}
.footer-supporter .ttl br.br-sp {
display:block;}
.footer-supporter ul {
justify-content:space-between;
max-width:480px;}
.footer-supporter ul li {
padding:1.5% 0;
width:48.5%;}
.footer-supporter ul li br {
display:block;}

.footer-address {
padding:9% 0 5% 0;}
.footer-address .bnr-pref {
max-width:480px;}
.footer-address .bnr-pref ul {
justify-content:space-between;}
.footer-address .bnr-pref ul li {
padding:1.5% 0;
width:48.5%;}

}

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

.footer-supporter ul li {
font-size:80%;}
.footer-entry {
height:auto;
aspect-ratio:480 / 106;}

}

.page-top {
position:fixed;
line-height:0;
bottom:-50px;
right:14px;
transition:bottom 0.25s;}
.page-top.scrolled {
bottom:14px;}
.page-top a {
position:relative;
display:block;
width:42px;
height:42px;
background:#e06;
border-radius:50%;
transition:background 0.25s;}
.page-top a::after {
content:"";
position:absolute;
left:50%;
top:50%;
width:25%;
aspect-ratio:1 / 1;
border-top:1px solid #fff;
border-left:1px solid #fff;
transform:translate(-50%,-30%) rotate(45deg);}
/* cat */
/* cat */
.wrapper-matching .page-top a {
background:#e06;}
.wrapper-event .page-top a {
background:#1a3;}
.wrapper-support .page-top a {
background:#f09000;}
.wrapper-archive .page-top a {
background:#0068b7;}
/* cat */
/* cat */
.page-top a:hover {
background:#e82 !important;}

/*  layout lp  ======================*/

.lp-wrapper {
font-family:"Noto Sans JP",sans-serif;
padding-top:60px;
width:100%;
font-size:17px;}
.lp-container {
position:relative;
margin:0 auto;
width:92%;
max-width:1000px;}
.header-lp {
text-align:center;
position:fixed;
z-index:999;
top:0px;
left:0px;
width:100%;
height:50px;
background:rgba(255,250,250,0.8);
box-shadow:0 0 0 1px #e06;}
.header-lp .logo {
position:absolute;
left:50%;
top:50%;
width:60%;
max-width:250px;
transform:translate(-50%,-50%);}

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

.lp-wrapper {
font-size:16px;}

}