@charset "utf-8";

body:has(#mclub) .fixed_bnrarea,
body:has(#mclub) header#header,
body:has(#mclub) .footer_btn,
body:has(#mclub) #footer.footer {
    display:none;
}

#mclub .contents {
    width:calc(100% - 60px);
    max-width:1200px;
    margin:0 auto;
    padding:60px 0;
}
#mclub .contents .mimg {
    width:50%;
    margin:0 auto;
}
#mclub .contents h1 {
    width:80%;
    margin:60px auto 30px;
}
#mclub .contents h2 {
    width:60%;
    margin:0 auto 60px;
}
#mclub .contents h3 {
    width:70%;
    margin:0 auto 60px;
}
#mclub .contents .pccenter {
    text-align:center;
    line-height:2;
    font-size:16px;
    margin-bottom:2em;
}
#mclub .contents .merit {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-column-gap:3%;
    margin-bottom:50px;
}
#mclub .contents .btn {
    background-color:#3366cc;
    width:100%;
    max-width:450px;
    display:block;
    margin:0 auto 90px;
    padding:0;
    font-size:20px;
    color:#FFFFFF;
    font-weight:600;
    height:4em;
    border-radius:2em;
    display:grid;
    align-items:center;
    justify-content:center;
}

body:has(#mclub) #footer {
    padding:0;
    background:none;
}
body:has(#mclub) #footer .footer {
    background-color:rgba(51,102,204,.15);
    padding:60px 0 30px;
}
body:has(#mclub) #footer .footer dl {
    display:grid;
    justify-items:center;
    text-align:center;
    margin-bottom:50px;
}
body:has(#mclub) #footer .footer dl dt {
    max-width:400px;
    width:60%;
    margin-bottom:20px;
}
body:has(#mclub) #footer .footer dl dd {
    font-size:13px;
    line-height:1.5;
}
body:has(#mclub) #footer .footer .copyright {
    font-size:12px;
    text-align:center;
}

body:has(#mclub)  #page_top::before {
    content:none;
}
body:has(#mclub)  #page_top {
    background:url(../img/club/pagetop.png) no-repeat center center/contain;
    right:20px;
}

/**form**/
#mclub:has(.form) h2 {
    width:42%;
    margin-bottom:50px;
}
#mclub:has(.form) .pccenter.thanks {
    margin-bottom:3em;
}
#mclub .form .formwrap > dt {
    background-color:#EFEFEF;
    font-size:18px;
    padding:1.33em;
    line-height:1.33;
}
#mclub .form .formwrap > dd {
    padding:30px 0;
}
#mclub .form .formwrap > dd dl {
    display:grid;
    font-size:16px;
    line-height:1.3;
    grid-template-columns:20em 1fr;
}
#mclub .form .formwrap > dd dl dt,
#mclub .form .formwrap > dd dl dd {
    padding:1em;
}
#mclub .form .formwrap > dd dl:not(:last-child) dt,
#mclub .form .formwrap > dd dl:not(:last-child) dd {
    border-bottom:1px solid #cccccc;
}
#mclub .form .formwrap > dd dl dt {
    text-align:right;
    border-right:1px solid #cccccc;
}
#mclub .form .formwrap > dd dl dt.req::before {
    content:'*';
    color:red;
}
#mclub .form .formwrap > dd dl dd p {
    padding-top:.5em;
    font-size:14px;
}
#mclub .form .formwrap > dd > p {
    text-align:center;
    margin-bottom:3em;
    line-height:1.5;
}
#mclub .form .formwrap > dd > p a {
    color:#3366cc;
    display:inline;
}
#mclub .form .formwrap select {
    padding:.5em;
    width:100%;
    max-width:15em;
	font-size:16px;
}
#mclub .form .formwrap input[type="text"],
#mclub .form .formwrap input[type="tel"],
#mclub .form .formwrap input[type="email"] {
    padding:.5em;
    width:100%;
    max-width:20em;
	font-size:16px;
}
#mclub .form .formwrap textarea#addr {
    padding:.5em;
    width:100%;
    max-width:30em;
    height:4em;
	font-size:16px;
}
#mclub .form .formwrap textarea#message {
    padding:.5em;
    width:100%;
    max-width:30em;
    height:10em;
	font-size:16px;
}
#mclub .form .formwrap .wpcf7-form-control-wrap.pref select{
    margin-bottom:1.5em;
}
#mclub .form .btnbox {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    gap:20px;
    margin-bottom:90px;
    position:relative;
}
#mclub .form .btnbox .ajax-loader {
    position:absolute;
    left:calc(50% - 8px);
    top:-20px;
}
#mclub .form .btnbox #confirm,
#mclub .form .btnbox #submit,
#mclub .form .btnbox #back {
    background-color:#3366cc;
    width:45%;
    max-width:450px;
    display:block;
    padding:0;
    font-size:20px;
    color:#FFFFFF;
    font-weight:600;
    height:4em;
    border-radius:2em;
    display:grid;
    align-items:center;
    justify-content:center;
    border:none;
}
#mclub .form .btnbox #back {
    background-color:#999999;
}

/**confirm**/
#mclub .form .custom-wpcf7c-confirmed .formwrap {
    margin-bottom:50px
}
#mclub .form .custom-wpcf7c-confirmed .formwrap > dd dl {
    grid-template-columns:20em 1fr;
}

@media screen and (min-width: 769px) {

    .spOnly {
        display:none;
    }

}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {

#mclub .contents {
    width:calc(100% - 40px);
    padding:30px 0;
}
#mclub .contents .mimg {
    width:100%;
}
#mclub .contents h1 {
    width:90%;
    margin:30px auto 20px;
}
#mclub .contents h2 {
    width:90%;
    margin:0 auto 30px;
}
#mclub .contents h3 {
    width:100%;
    margin:0 auto 30px;
}
#mclub .contents .pccenter {
    text-align:left;
    line-height:2;
    font-size:14px;
}
#mclub .contents .merit {
    max-width:260px;
    grid-template-columns:1fr;
    grid-row-gap:10px;
    margin:0 auto 30px;
}
#mclub .contents .btn {
    max-width:320px;
    margin:0 auto 60px;
    height:3.4em;
}

body:has(#mclub) #footer {
    padding:0;
    background:none;
}
body:has(#mclub) #footer .footer {
    padding:40px 0 20px;
}
body:has(#mclub) #footer .footer dl {
    margin-bottom:30px;
}
body:has(#mclub) #footer .footer dl dt {
    margin-bottom:20px;
}
body:has(#mclub) #footer .footer dl dd {
    font-size:min(3.2vw,12px);
}
body:has(#mclub) #footer .footer .copyright {
    font-size:11px;
}

/**form**/
#mclub:has(.form) h2 {
    width:80%;
    margin-bottom:30px;
}
#mclub .form .formwrap > dt {
    font-size:15px;
    padding:1em;
}
#mclub .form .formwrap > dd {
    padding:20px 0;
}
#mclub .form .formwrap > dd dl {
    grid-template-columns:1fr;
}
#mclub .form .formwrap > dd dl:not(:last-child) dt,
#mclub .form .formwrap > dd dl:not(:last-child) dd {
    border-bottom:1px solid #cccccc;
}
#mclub .form .formwrap > dd dl dt {
    text-align:left;
    border-right:none;
    padding:.5em;
}
#mclub .form .formwrap > dd dl:last-child dt {
    border-bottom:1px solid #cccccc;
}
#mclub .form .formwrap > dd dl dd {
    padding:.5em;
}
#mclub .form .formwrap > dd dl:not(:last-child) dd {
    border-bottom:none;
}
#mclub .form .formwrap > dd dl dd p {
    font-size:12px;
}
#mclub .form .formwrap > dd > p {
    margin-bottom:1em;
}
#mclub .form .formwrap select {
    padding:.5em;
    width:100%;
    max-width:15em;
	font-size:16px;
}
#mclub .form .formwrap input[type="text"],
#mclub .form .formwrap input[type="tel"],
#mclub .form .formwrap input[type="email"] {
    padding:.5em;
    width:100%;
    max-width:20em;
	font-size:16px;
}
#mclub .form .formwrap .wpcf7-form-control-wrap.pref select{
    margin-bottom:1em;
}
#mclub .form .btnbox {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:90px;
}
#mclub .form .btnbox #confirm {
    width:80%;
    font-size:16px;
}

/**confirm**/
#mclub .form .btnbox #submit,
#mclub .form .btnbox #back {
    width:80%;
    height:3em;
}
#mclub .form .btnbox #back {
    order:1;
}
#mclub .form .btnbox #back {
    background-color:#999999;
}

/**confirm**/
#mclub .form .custom-wpcf7c-confirmed .formwrap {
    margin-bottom:30px;
}
#mclub .form .custom-wpcf7c-confirmed .formwrap > dd dl {
    grid-template-columns:1fr;
}
#mclub .form .custom-wpcf7c-confirmed .formwrap > dd dl dt {
    background-color:#EFEFEF;
}
    
}