@charset "UTF-8";

@import url("./single.css");

@import url("./archive.css");
@import url("./contact.css");
@import url("./discography.css");
@import url("./mail.css");
@import url("./my-page.css");
@import url("./password.css");
@import url("./profile.css");
@import url("./sine-up.css");
@import url("./faq.css");

main.level2 {
    min-height: 590px;    
    padding: 150px 0 80px;
    position: relative;
}

main.level2 .inner{
    max-width: 1100px;
    margin: 10px auto;}

main.level2 .inner p{font-size: 1.8rem;}

main.level2 .inner .pink_wrap .radio_block{
    font-size: 2.0rem;
    font-weight: 600;
}

.page-id-394 main.level2 .inner,
.page-id-394 main.level2 .inner p,
.page-id-483 main.level2 .inner,
.page-id-483 main.level2 .inner p{
    font-size: 1.6rem;
}

main.level2 .inner p.txt{
    font-size: 2.0rem;
    color: #fff;
}
main.level2 .inner a.line{
    border-bottom: 1px solid #000;    
}

main.level2 .inner p.txt a{
    color: #fff;
    border-bottom: 1px solid #fff;
}

main.level2 .inner p.ind {
    padding-left: 27px;
    margin-bottom: 38px !important;
    font-size: 1.6rem;
    font-weight: 600;
}

main.level2 .inner p.ind span {
    display: block;
    font-size: 1.4rem;
    font-weight: normal;
}

main.level2 .inner dl.ind {
    padding-left: 27px;
    margin-bottom: 20px!important;    
    display: flex;
    flex-wrap: wrap;
    font-size: 2.0rem;
}

main.level2 .inner dl.ind dt {
    width: 22%;
   margin-bottom: 4px;    
}
main.level2 .inner dl.ind dd {
    width: 78%;
    margin-bottom: 4px;
}

main.level2 p {
    line-height: 1.70;
    margin-bottom: 14px;
}
#privacy-policy main.level2 p,
#disclaimer main.level2 p{    
    line-height: 1.95;
    margin-bottom: 37px;
}

h1.ttl {
    width: 1100px;
    margin: 0 auto 46px;
    position: relative;
    font-family: "Libre Caslon Text", serif;
    font-weight: 300;
    font-style: normal;
    line-height: 0.85;
    font-size: 5.8rem;
    letter-spacing: 2px;
}
h1.ttl > span:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    top: 1px;
    left: 0;
}

h1.ttl span.miniTxt.sub {
    right: -43%;
}

h2.ttl{
    margin-bottom: 24px;    
    padding: 1px 15px;
    background: #000;
    color: #fff;
    font-size: 2.4rem;
}
h2.ttl2 {
    font-size: 2.4rem;
    margin-bottom: 18px;
}
h2.ttl3 {
    text-align: center;
    margin-bottom: 59px;
}

h2.ttl4{
    margin-bottom: 32px;    
    padding: 8px 25px 7px;
    font-size: 2.5rem;
    border: 2px solid #000;
    border-radius: 5px;
    display: inline-block;
}

h2.ttl5{
    margin-bottom: 14px;
    padding: 10px 25px 10px;
    font-size: 2.0rem;
    border: 2px solid #fff;
    border-radius: 5px;
    display: inline-block;
    color: #fff;
}
h2.ttl5.check{
    opacity: 0.6;
    margin-right: 10px;    
}

h2.ttl6{
    margin-bottom: 14px;
    padding: 10px 25px 10px;
    font-size: 2.0rem;
    border: 2px solid #000;
    border-radius: 5px;
    display: inline-block;
    color: #000;
}

h2.ttl7{
    margin-bottom: 5px;    
    display: flex;
    align-items: center;    
    font-size: 2.0rem; 
    color: var(--fanclub-color);
}
h2.ttl7:before{
    content: '';
    background: var(--fanclub-color);
    width: 11px;
    height: 4px;
    margin: 0 5px 0 10px;
    display: block;
}

h3.ttl{
    margin: 32px 0 10px;
    font-size: 2.0rem;
    font-weight: bold;
}
h3.ttl2{
    margin: 37px 0 11px 28px;
    font-size: 2.4rem;
    color: #e07;
}
h3.ttl3{
    margin: 22px 0 10px;
    font-size: 2.0rem;
    color:  var(--text-color);
}

.mt20{margin-top: 20px;}
.mt30{margin-top: 30px!important;}
.mt60{margin-top: 60px!important;}
.mt70{margin-top: 70px;}

.mb40{margin-bottom: 40px;}

.ml70{margin-left: 70px;}

.cWhite{color: #fff;}

.wid90 {
    width: 90%;
    margin: 0 auto;
}

main ul.list{margin-bottom: 50px;}

main ul.list li{
    display: flex;
    line-height: 1.95;}
main ul.list li:before {
    content: '・';
    display: block;
}

@media screen and (max-width: 768px){
    main.level2{padding: 20px 15px 10px;}
    main.level2 p{margin-bottom: 1.5em;}
    
    main.level2 .inner{padding-left: 0;}
    main.level2 .inner p{font-size: 1.6rem;}
    main.level2 .inner p.ind{
        font-size: 1.6rem;
        margin-bottom: 20px!important;    
    }    
    
    main.level2 .inner .pink_wrap p{font-size: 1.4rem;}
    
    main.level2 .inner .pink_wrap .radio_block{
        font-size: 1.8rem;
        font-weight: 600;
    }
    
    h1.ttl{
        width: 100%;
        padding-top: 4px;}
    h1.ttl span{
        display: inline-block;
        font-size: 3rem;
    }    
    h1.ttl > span:after{
        top: -7px;
    }

    h1.ttl span > span{
        width: auto;
        display: inline-block;
    }

    h1.ttl.nl2:before {
        top: 11px;
    }
    h1.ttl span.miniTxt.sub {
        right: 0;
    }
    
    h2.ttl{font-size: 2rem;}
    h2.ttl2{font-size: 2rem;}
    h2.ttl3{margin-bottom: 30px;}
    h2.ttl4{
        margin-bottom: 20px;
        padding: 5px 20px 4px; 
        font-size: 2.1rem;      
    }
    h2.ttl5{
        margin-bottom: 14px;
        padding: 5px 20px 4px;         
        font-size: 1.8rem;
    }
    h2.ttl6{
        margin-bottom: 14px;
        padding: 5px 20px 4px;         
        font-size: 1.8rem;
    }
    h2.ttl7 {
        margin-bottom: 5px;
        font-size: 1.8rem;
    }
    
    
    h3.ttl {
        margin: 20px 0 10px;
        font-size: 1.8rem;
    }
    h3.ttl2{
        margin: 27px 0 11px 18px;
        font-size: 2.1rem;    
    }
    
    main.level2 .inner dl.ind{
        margin-bottom: 15px!important;    
        font-size: 1.6rem;
        display: block;    
    }
    main.level2 .inner dl.ind dt{
        width: 100%;
    }
    main.level2 .inner dl.ind dd{
        width: 100%;
        margin-bottom: 20px;
    }
    
    .ml70 {margin-left: 3%;}
    
}

/********* btn *********/
ul.btn_list{
    display: flex;
    margin-bottom: 22px;    
}
ul.btn_list li {
    width: 200px;
    border: 1px solid #000;
    font-size: 2.0rem;
    text-align: center;
    border-radius: 50px;
    margin-right: 10px;
}
ul.btn_list li a {
    display: block;
    width: 100%;
    padding: 9px 5px 7px;
}

@media screen and (max-width: 768px){
    ul.btn_list li{
        font-size: 1.6rem;    
    }
}

/********* pagenation *********/
.pagenation {margin-top: 93px;}

ul.page-numbers{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: center;  
    position: relative;
}
ul.page-numbers li{
    margin: 0px 10px;
    
    font-size: 2rem;
    font-weight: 500;
    position: relative;
}
ul.page-numbers li a:hover{
    color: #fff;
    transition: 0.5s;
    }

ul.page-numbers a.page-numbers, ul.page-numbers .tablenav-pages .current{
    border:none;
    color: #000;
    padding: 0;
}

ul.page-numbers li:nth-child(1) span.page-numbers:after{
    content: '<';
    display: inline-block;
    position: absolute;
    left: 0;
    color: rgb(0 0 0 / 26%);
}

ul.page-numbers li:nth-child(1) span.page-numbers{
    margin-left: 30px;    
}

ul.page-numbers li:last-child span.page-numbers:after {
    content: '>';
    margin-left: 10px;
    display: inline-block;
    color: rgb(0 0 0 / 26%);
}

ul.page-numbers li .current:before {
    content: '';
    display: block;
    border-radius: 50px;
    background: #f7e949;
    width: 7px;
    height: 7px;
    position: absolute;
    top: -7px;
    left: 3px;
}
ul.page-numbers li:nth-child(1) .current:before{
    right: 3px;
    left: auto;   
}


.wp-pagenavi{
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: center;  
    position: relative;    
    font-size: 2rem;
    font-weight: 500;    
}
.wp-pagenavi span:nth-child(1){
    position: relative;
}
.wp-pagenavi span:nth-child(1).current:after{
    content: '<';
    margin-right: 10px;
    display: inline-block;
    position: absolute;
    left: -30px;
    color: rgb(0 0 0 / 26%);
}

.wp-pagenavi span:last-child.current:after {
    content: '>';
    margin-left: 10px;
    display: inline-block;
    color: rgb(0 0 0 / 26%);
}

.wp-pagenavi span.current {
    margin: 0 10px;
    position: relative;
}

.wp-pagenavi span.current:before {
    content: '';
    display: block;
    border-radius: 50px;
    background: #f7e949;
    width: 7px;
    height: 7px;
    position: absolute;
    top: -7px;
    left: 3px;
}

.wp-pagenavi a{
    margin: 0px 10px;
    position: relative;
    color: #000;    
}

@media screen and (max-width: 768px){
    .pagenation{margin-top: 10%;}
    
    ul.page-numbers li{margin: 0px 5px;}
    a.page-numbers, .tablenav-pages .current{padding: 2px 3px!important;}
}


.pink_wrap{
    padding: 36px 24px;
    background: var(--fanclub-color);
    box-shadow: 0px 0px 5px rgb(238 0 119 / 45%);
    border-radius: 5px;
    color: #fff;
    position: relative;
}

.yellow_wrap{
    padding: 36px 24px;
    background: #F7EA48;
    box-shadow: 0px 0px 5px rgb(238 0 119 / 45%);
    border-radius: 5px;
    color: #fff;
    position: relative;
    color: var(--fanclub-color);
}

.gray_wrap{
    margin-bottom: 50px;
    padding: 36px 24px;
    background: rgba(34, 30, 31, 0.05);
    box-shadow: 0px 0px 5px #aaa;
    border-radius: 5px;
    position: relative;
    font-size: 1.6rem;    
}
.gray_wrap p{
    font-size: 1.6rem;
}
.gray_wrap h3{
    margin-bottom: 10px;
    font-size: 2.0rem;
    font-weight: 500;
}
.gray_wrap h4{
    margin-bottom: 10px;
    font-size: 1.8rem;
    font-weight: 500;
}

.gray_wrap ul li{
    font-size: 1.8rem;
    margin-bottom: 10px;
}


.yellow_wrap h2.ttl5{
    border: 2px solid var(--fanclub-color);
    color: var(--fanclub-color);
}
.inner .yellow_wrap .ttl_block{
    width: 100%;
    margin-left: 0;
    display: flex;
    align-items: center;
}
.inner .yellow_wrap .ttl_block p{
    margin-left: 15px;
}

.inner .pink_wrap .ttl_block {
    width: 100%;
    margin: 17px 0 8px;
    display: flex;
    align-items: center;
}

.pink_wrap .ttl_block h3{
    margin-right: 15px;  
    margin-bottom: 0;
    font-size: 2.0rem;
    font-weight: bold;
}
.pink_wrap .ttl_block p{margin-bottom: 0;}
.pink_wrap .ttl_block p span{
    font-weight: bold;
}

.page-id-264 .pink_wrap{
    margin-bottom: 46px;    
    padding: 36px 24px 1px;    
}

main.level2 .inner .pink_wrap p{
    font-size: 1.6rem;    
}

.pink_wrap a{
    color: #fff;
    border-bottom: 1px solid #fff;
}

.pink_wrap dl.attention {
    max-width: 800px;
    margin: 0px auto 22px;
    display: flex;
    border: 1px solid #fff;
    border-radius: 10px;
    align-items: center;
}
.pink_wrap dl.attention dt {
    width: 100px;
    font-weight: bold;
    text-align: center;
}
.pink_wrap dl.attention dd {
    width: 700px;
    padding: 7px 0 8px;
    line-height: 1.2;
}
.pink_wrap .mm_block{
    max-width: 730px;
    margin: 32px auto 18px;
}
.pink_wrap .mm_block span{
    display: flex;
    justify-content: center;
}

.pink_wrap input::placeholder {
    color: #D6D6D6;
}

.pink_wrap .mm_block input {
    width: 345px;
    margin: 0 10px;
    border-radius: 5px;
    padding: 18px 15px 20px;
    font-size: 1.6rem;
}

.pink_wrap .resetting_block {
    width: 470px;    
    margin: 32px auto 15px;
}

.pink_wrap .resetting_block input {
    width: 100%;
    border-radius: 5px;
    padding: 16px 15px 20px;
    font-size: 1.6rem;
}

.pink_wrap p.consent {
    margin: 42px 0 37px;    
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pink_wrap .column2 {
    display: flex;
    font-size: 2.0rem;
}

.pink_wrap .column2 > div {
    width: 50%;
}

.column2 .before_block,
.column2 .after_block{
    margin-top: 28px;    
}

.pink_wrap .column2 .before_block h3 {
    font-size: 2.0rem;    
    margin-bottom: 25px;
}
.pink_wrap .column2 .after_block h3 {
    font-size: 2.0rem;    
    margin-bottom: 11px;
}

.pink_wrap .column2 .before_block p{
    font-size: 2.0rem!important;
}

.column2 .before_block p,
.column2 .after_block p{
    font-size: 2.0rem;
}

p.consent input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 5px;
    margin-right: 5px;
}
.after_block input{
    width: 90%;
    border-radius: 5px;
    padding: 15px;
    font-size: 2.0rem;
}

.yellow_block{
    width: 687px;
    margin: 0 auto 19px;
    padding: 36px 20px 16px 80px;
    background: #F7EA48;
    border-radius: 20px;
}



/* submit */ 
.submit_block {
    margin-top: 66px;    
    display: flex;
    justify-content: center;
}
.submit_btn:after {
    content: '';
    background: url(../img/icon_arrow.png)no-repeat;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
    width: 15px;
    height: 11px;
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;    
}
.submit_btn{
    width: 349px;
    margin: 0 auto 19px;
    text-align: center;
    position: relative;
}
.submit_btn2{
    width: 470px;
    margin: 0 auto 63px;
    text-align: center;
    position: relative;
}
.submit_btn3,
.reset_btn{
    width: 227px;
    margin: 0 10px 19px;
    text-align: center;
    position: relative;
}

.submit_btn4 {
    width: 280px;
    margin: 0 auto;   
    display: flex;
    justify-content: center;
    position: relative;
}
.submit_btn4:after {
    content: '';
    background: url(../img/icon_arrow.png)no-repeat;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
    width: 15px;
    height: 11px;
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;   
}

.submit_btn input[type="submit"],
.submit_btn2 input[type="submit"],
.submit_btn3 input[type="submit"],
.submit_btn4 input[type="submit"],
.submit_btn5 input[type="submit"],
.submit_btn4 a{
    width: 100%!important;
    padding: 22px 15px;
    background: #000;
    border-radius: 8px!important;
    font-size: 1.6rem!important;
    color: #fff;
}

.submit_btn2 input[type="submit"]{
    padding: 15px 15px;  
    font-size: 2.0rem;
}

.submit_btn3 input[type="submit"]{
    padding: 13px 15px!important;    
    font-size: 2.0rem!important;    
}

.submit_btn4 input[type="submit"],
.submit_btn4 a{
    background: var(--fanclub-color);    
    padding: 18px 15px!important;    
    font-size: 2.0rem!important; 
    text-align: center;    
}

.submit_btn5 {
    width: 340px; 
    margin-top: 32px;    
    display: flex;
    justify-content: center;
    position: relative;
}
.submit_btn5:after {
    content: '';
    background: url(../img/icon_arrow.png)no-repeat;
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
    width: 15px;
    height: 11px;
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;   
}

.submit_btn5 a{
    width: 100%;
    background: #000;
    color: #fff;
    padding: 18px 15px!important;
    font-size: 1.6rem!important;
    text-align: center;
    display: block;
    border-radius: 10px;  
}

.reset_btn input[type="reset"],
.reset_btn input[type="submit"]{
    width: 100%;
    padding: 11px 15px;
    background: none;
    border-radius: 8px;
    border: 2px solid #000;
    font-size: 2.0rem;
}

.pink_wrap .submit_btn4 a{
    border: none;
    background: #F7EA48;
    color: #e07;    
}
.pink_wrap .submit_btn4:after{
    filter: invert(10%) sepia(97%) saturate(7271%) hue-rotate(324deg) brightness(94%) contrast(100%);
}

.radio_block{
    display: flex;}
.radio_block .radio-text{
    margin-right: 15px;
    font-size: 2.0rem;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.radio_block .radio-text:before {
  content: "";
  display: inline-block;
    background: #fff;    
    width: 20px;
    height: 20px;    
  margin-right: 6px;
  border: none;
  border-radius: 50%;
  background-clip: content-box;
}

.radio_block label {
  display: block;
}

.radio_block input[type="radio"]{
    margin-right: 10px;
    display: none;

}

.radio_block input[type="radio"]:not(:checked) + .radio-text:before {
  border-color: #fff;
}

.radio_block input[type="radio"]:checked + .radio-text:before {
    background: #dc3232;
    width: 0px;
    height: 0px;
    padding: 5px;
    border: 5px solid #fff;
}

.past_btn {
    display: inline-block;
    position: absolute;
    right: 25px;
}

.past_btn a {
    padding: 10px 13px 10px;
    background: #F7EA48;
    color:  var(--text-color);
    border: none;
    font-size: 2.0rem;
    display: block;
    border-radius: 5px;
}


main.level2 .contents{
    margin-top: 11px;
    padding-top: 14px;
    border-top: 1px solid #fff;
}

main.level2 .contents .header_block{
    margin-bottom: 20px;    
    display: flex;
    flex-wrap: wrap;    
}

main.level2 .contents .header_block label{margin: 0 8px 13px 0;}
main.level2 .contents .header_block label:nth-child(3) {
    width: 100%;
}

main.level2 .contents .letter_body p{
    margin-bottom: 32px;
    line-height: 2;
}
main.level2 .contents .letter_body p:last-child{margin-bottom: 0;}

.page-nav.tac{
    justify-content: center;
    margin-top: 40px;
}

.inner .pink_wrap ul.list_block {
    width: 100%;
    border-top: 1px solid #fff;
}
.inner .pink_wrap ul.list_block li{
    padding: 31px 0 28px;
    border-bottom: 1px solid #fff;    
}
.inner .pink_wrap .list_block span.time {
    margin: 0 6px;
    width: 100px;
    background: #F7EA48;
    
    font-weight: 300;
    font-size: 1.8rem;
    color: var(--fanclub-color);
    text-align: center;
    display: inline-block;
    letter-spacing: 0px;
}


.inner .pink_wrap ul.list_block li a{
    border-bottom: none;
}


section.blog .inner .list_block span.cate{
    color: #fff;
    padding: 3px 0;
    color: #fff;

}

.info_block {
    margin: 20px 0 40px;}



.edit_block {
    display: flex;
    flex-wrap: wrap;
    align-items: center;}
    
.edit_block.under > dl {
    width: 50%;
}    

.info_block dl{
    display: flex;
}

.info_block dl,
.edit_block dl{
    font-size: 1.8rem;
}

.edit_block dl{
    align-items: center;    
}

.edit_block dt{
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.info_block dt{
    width: 30%;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.info_block dt:before,
.edit_block dt:before{
    content: '';
    background: var(--fanclub-color);
    width: 11px;
    height: 4px;
    margin: 0 5px 0 10px;
    display: block;
}
.info_block dt span,
.edit_block dt span{
    display: block;
    width: 100%;       
}
.info_block dl:nth-child(2) dt span{
    width: 98px;
}

.edit_block dd{
    margin-bottom: 15px;    
    width: 90%;
}

.info_block dd{
    margin-bottom: 15px;    
    width: 70%;

}

.edit_block dd{
    margin-bottom: 38px;    
    display: flex;
    align-items: center;
}
.edit_block.under dd{
    padding-left: 26px;
}


.edit_block dd span.linking{
    margin: 0 3%;
}

.edit_block dd.name.mb_note {
    margin-bottom: 10px;
}

dl.fua_field_birthday dd, dl.fua_field_sex dd{
    margin-bottom: 10px;
}


.edit_block dd input[type="text"],
.edit_block dd select,
.black_wrap.pay .day select{
    width: 100%;
    border-radius: 5px;
    font-size: 1.8rem;
    padding: 8px 10px 7px;
    border: 1px solid #333;    
}
.edit_block dd select,
.black_wrap.pay select{
    width: 100%;
    background-image: linear-gradient(0deg, rgba(221, 221, 221, 1), rgba(255, 255, 255, 1) 30%);
}

.black_wrap.pay select{
    padding: 0 10px;
    height: 100%;}

.edit_block dd span.select,
.black_wrap.pay .day span.select{
    display: block;
    width: 60%;
    position: relative;  
}
.black_wrap.pay .day span.select{
    width: 90px;
    height: 40px;
}

.edit_block dd span.select:after,
.black_wrap.pay .day span.select:after{
    content: '▼';
    display: block;
    position: absolute;
    top: 9px;
    right: 6px;
    font-size: 1.2rem;
}

.edit_block .submit_btn4 {
    width: 213px;
    margin: 0 0 38px;
}
.edit_block .submit_btn4:after{
    display: none;
}
.edit_block .submit_btn4 input[type="submit"]{
    padding: 8px 10px 7px!important;
}

.link_btn{
    width: 280px;
    margin-bottom: 25px;
}
.link_btn a{
    width: 100%;
    background: var(--fanclub-color);
    padding: 15px 10px 14px;
    font-size: 2.0rem;
    color: #fff;
    border-radius: 8px;
    display: block;
    text-align: center;
}


.setting {
    margin: 18px 10px 32px;    
    display: flex;
}
.setting dl{
    margin-right: 60px;    
    display: flex;
    align-items: center;
    font-size: 2.0rem;
}
.setting dt{
    width: auto!important;    
    font-weight: bold;
    display: flex;
    align-items: center;
}
.setting dt:after{
    content: '/';
    display: block;
    font-weight: normal;
    margin: 0 10px;
}
.setting dt{
    width: auto!important;
}

.pink_wrap h3{
    margin-bottom: 20px;    
    text-align: center;
    font-size: 2.0rem;
    font-weight: bold;    
}

.ttl_block2,
.ttl_block3{
    display: flex;
    align-items: center;     
}
.ttl_block2 p{
    margin-left: 20px;
    font-size: 2.0rem;
}
.ttl_block3 p{
    margin-right: 20px;
    font-size: 2.0rem;
}

@media screen and (max-width: 768px){
    .pink_wrap,
    .yellow_wrap,
    .gray_wrap{
        width: 100%;
        padding: 20px 10px;    
    }
    .page-id-264 .pink_wrap{
        padding: 20px 10px 1px;            
    }
    
    .pink_wrap dl.attention{
        width: 94%;    
        padding: 5px;
        display: block;
    }
    .pink_wrap dl.attention dt{
        width: 100%;
        text-align: left;
    }
    .pink_wrap dl.attention dd{
        width: 100%;    
    }    
    .pink_wrap .mm_block{
        margin: 32px auto 0;
        display: block;
    }
    .pink_wrap .mm_block input {
        width: 95%;
        margin: 0 10px 15px;
        padding: 15px 10px 16px;
    }
    .gray_wrap .df{display: block;}
    .gray_wrap h3{font-size: 1.8rem;}
    
    .submit_btn2{
        margin: 0 auto 30px;    
        width: 90%;}
    .submit_btn2 input[type="submit"],
    .submit_btn4 input[type="submit"],
    .submit_btn4 a{
        padding: 12px 15px!important;    
        font-size: 1.8rem!important;}

    .submit_btn5{
        margin: 32px auto;
    }    

    ul#mypage_list{
        margin: 0 0 10px 0;    
        flex-wrap: wrap;
        justify-content: space-between;
    }
    ul#mypage_list li{
        width: 48%;
        margin-right: 5px;
        margin-bottom: 10px;
        font-size: 1.6rem;
    }
    ul#mypage_list li:nth-child(1){
        font-size: 1.8rem;
        line-height: 1.4;    
    }
    
    .pink_wrap .resetting_block{
        width: 100%;    
    }
    
    main.level2 .inner p.txt{
        font-size: 1.8rem;
    }
    
    .pink_wrap .column2{
        display: block;
    }
    .pink_wrap .column2 > div{
        width: 100%;
    }
    
    .column2 .before_block{
        margin-top: 10px;    
    }
    
    .pink_wrap .column2 .before_block h3,
    .pink_wrap .column2 .after_block h3{
        margin-bottom: 5px;
        font-size: 1.8rem;    
    }
    
    .pink_wrap .column2 .before_block p{
        font-size: 1.6rem;
    }
    
    .submit_block{
        margin-top: 25px;    
    }
    
    .submit_btn3 input[type="submit"],
    .reset_btn input[type="reset"]{
        font-size: 1.8rem!important;
        margin: 0!important;

    }
    .reset_btn input[type="submit"]{color: #000;}
    
    
    .past_btn{
        position: relative;
        right: auto;}
    .past_btn a{
        padding: 5px 13px 8px;
        font-size: 1.8rem;
    }
    
    .inner .pink_wrap .ttl_block{
        display: block;
    }
    
    .pink_wrap .ttl_block h3{
    margin-right: 0;
    font-size: 1.8rem;
    text-align: left;
    margin-bottom: 0px;  
    }
    
    .radio_block .radio-text{
        font-size: 1.8rem;
    }
    
    .inner .pink_wrap ul.list_block li{
        padding: 15px 0 15px;    
    }
    
    .info_block,
    .edit_block{
        display: block;
        margin: 10px 0 10px;    
    }
    .info_block dl,
    .edit_block dl{
        width: 100%;    
        align-items: center;
        font-size: 1.7rem;    
    }
    .info_block dl:nth-child(1),
    .info_block dl:nth-child(2){width: 100%;}


    .info_block dl{
        display: block;
    }
    .info_block dt{
        width: 100%;
        margin-bottom: 5px;
    }

    .info_block dl.df{
        margin-bottom: 15px;
        display: flex;
    }
    .info_block dl.df dt{
        width: 30%;
        margin-bottom: 0;
    }
    .info_block dl.df dd{
        width: 70%;
        margin-bottom: 0;
        word-break: break-all;
        padding-left: 0;
    }

    .edit_block dt{
        width: 100%;
        margin-bottom: 15px;
    }
    .edit_block dd{
        width: 100%;
        word-break: break-all;
        margin-bottom: 15px;
        padding-left: 26px;
    }
    
    .edit_block dd input[type="text"], .edit_block dd select{
        width: 100%;
    }
    
    .edit_block dl.wid100 dt{
        width: 100%;
    }
    
    .link_btn{width: 210px;}
    .link_btn a{
        font-size: 1.8rem;
        padding: 10px 10px 9px;}
    
    
    
    .setting{display: block;}
    .setting dl{
        margin-bottom: 5%;
        width: 100%;
        font-size: 1.7rem;
        display: block;
        letter-spacing: 0;    
    }
    
    .setting dt:after{
        margin: 0 5px;    
    }
    
    .inner .yellow_wrap .ttl_block{
        display: block;
    }
    
    .icon {
        width: 20%;
        max-width: 77px;
        margin: 0 auto;
    }
    
    .ttl_block3{
        flex-wrap: wrap-reverse;    
    }
    
    .info_block dl:nth-child(2) dt{
        width: 120px;    
    }
    .yellow_block{
        width: 96%;
        padding: 20px 10px 6px;    
    }    
}

body#law h1.ttl span{
    font-size: 5.2rem;
    letter-spacing: 0px;
}

section.fc .df {
    margin-bottom: 90px;
    justify-content: space-around;
    align-items: center;
}

section.fc .df .img_block {
    width: 600px;
    height: 520px;
}
section.fc .df .img_block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

section.fc .df .txt_block {
    width: 400px;
}

section.fc h1.ttl{
    width: auto;
}

section.fc .df .txt_block ul#log{
    display: flex;
    justify-content: center;
}
section.fc .df .txt_block ul#menu-g-nav li,
section.fc .df .txt_block ul#log li {
    font-size: 1.8rem;
    margin-left: 12px;
}
section.fc .df .txt_block ul#log li a{
    padding: 3px 10px;
    color: #fff;
    display: block;
}
section.fc .df .txt_block ul#log li.mypage a {
    background: #cd0000;
}
section.fc .df .txt_block ul#log li.login a {
    background: #000;
}


@media screen and (max-width:768px) {
    section.fc .df{
        margin-bottom: 40px;
        display: block;
    }
    section.fc .df .txt_block {
        width: 100%;
        margin-top: 20px;
    }
    section.fc .df .img_block{
        width: 100%;
        height: auto;
    }

    body#law h1.ttl span{
        font-size: 2.6rem;
    }
}