@charset "UTF-8";

* {
	min-height: 0%;
}

@font-face {
  font-family: 'GenJyuuGothicX';
  src: url('../fonts/GenJyuuGothicX-Bold.ttf') format('truetype');
}
.sp{
    display: none;
}
a:hover{
    opacity: 0.6;
}
section{
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    color: #2D2101;
    word-break: break-all;
    font-weight: 400;
}
.flow_btn{
    max-width: 658px;
    width: 90%;
    background: #CD807F;
    color: #fff;
    text-align: center;
    border: 3px solid #fff;
    border-radius: 50px;
    font-family: 'GenJyuuGothicX';
    display: inline-block;
    padding: 20px 0;
}
.flow_btn span:first-child{
    font-size: 28px;
    vertical-align: middle;
}
.flow_btn span:last-child{
    font-size: 18px;
    vertical-align: sub;
}
.midashi_line{
    font-size: 36px;
    font-family: 'GenJyuuGothicX';
}
.midashi_line::before{
    content: '';
    background-image: url(../img/line.png);
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 502px;
    width: 90%;
    height: 29px;
    display: block;
    margin: auto auto 20px auto;
}
.midashi_line_w{
    font-size: 36px;
    font-family: 'GenJyuuGothicX';
    color: #fff;
}
.midashi_line_w::before{
    content: '';
    background-image: url(../img/line_w.png);
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 502px;
    width: 90%;
    height: 29px;
    display: block;
    margin: auto auto 20px auto;
}
/*mv*/
section.mv h1{
    font-size: 0;
    background: url(../img/mv.jpg) center center no-repeat;
    width: 100%;
    padding-top: 50%;
    background-size: contain;
    position: relative;
}

section.mv h1::after{
    content: '';
    background: url(../img/thankyou.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 30vw;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);

}

section.mv h2{
    font-size: 26px;
    width: 90%;
    margin: 25px auto 20px auto; 
    line-height: 1.8;
    font-weight: 500;
}

section.mv .frame_text{
    font-size: 36px;
    font-family: 'GenJyuuGothicX';
    max-width: 1280px;
    width: 95%;
    height: 395px;
    margin: auto auto 70px auto;
    letter-spacing: 0;
    position: relative;
    z-index: 9;
    background: url(../img/frame_1.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 145px;
    line-height: 1.3;
}

section.mv .frame_text p span.red{
    color: #F54F68;
}

section.mv .frame_text .frame_text_btn{
    max-width: 658px;
    width: 90%;
    background: #CD807F;
    color: #fff;
    text-align: center;
    border: 3px solid #fff;
    border-radius: 50px;
    font-family: 'GenJyuuGothicX';
    display: inline-block;
    padding: 20px 0;
    margin-top: 10px;
}

section.mv .frame_text .frame_text_btn span:first-child {
    font-size: 28px;
    vertical-align: middle;
}

section.mv .frame_text .frame_text_btn span:last-child {
    font-size: 18px;
    vertical-align: middle;
}

/*judge*/
section.judge{
    background: #E5CCCC;
    padding: 35px 0 45px 0;
}
section.judge .Judging_criteria{
    background: url(../img/judge_img_01.png)center center no-repeat;
    background-size: contain;
    max-width: 1176px;
    width: 95%;
    margin: 0 auto;
    text-align: center;
    font-family: 'GenJyuuGothicX';
    padding: 50px 0 46px 0;
}
section.judge .Judging_criteria li:first-child{
    font-size: 24px;
    color: #CD807F;
}
section.judge .Judging_criteria li:first-child::before{
    content: '';
    background-image: url(../img/judge_img_02.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 15px;
    height: 22px;
    margin-right: 10px;
}
section.judge .Judging_criteria li:first-child::after{
    content: '';
    background-image: url(../img/judge_img_02.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 15px;
    height: 22px;
    margin-left: 9px;
    transform: scale(-1, 1);
}
section.judge .Judging_criteria li:last-child{
    font-size: 28px;
    margin-top: 0.1em;
}
section.judge .judge_box{
    display: flex;
    max-width: 1176px;
    width: 95%;
    margin: 20px auto 40px auto;
    align-items:stretch;
    justify-content: space-between;
}
section.judge .judge_box ul{
    max-width: 361px;
    width: 32%;
    display: flex;
    flex-direction: column;
}
section.judge .judge_box ul li:nth-child(2){
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 18px;
    line-height: 1.3;
    display: flex;
    align-items: center;
    height: 2em;
    align-self: center;
    margin: 15px 0 0 0;
}
section.judge .judge_box ul li:nth-child(3){
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    font-size: 28px;
    margin-top: 5px;
}
section.judge .judge_box ul li:nth-child(4){
    font-size: 18px;
    text-align: left;
    line-height: 1.5;
    flex-grow: 1;
    margin-bottom: 25px;
}
section.judge .judge_box ul li:nth-child(4)::before{
    content: '';
    background: url(../img/judge_iline.png);
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 361px;
    width: 100%;
    height: 9px;
    display: block;
    margin: 5px auto 15px auto;
}

section.judge .judge_box ul .judge_img{min-height:1px;}
/*results*/
section#results{
    background: #fff;
    padding: 60px 0 35px 0;
}

section#results .comment_box{
    border: 8px solid #E5CCCC;
    max-width: 1150px;
    width: 90%;
    margin: auto auto 60px auto;
}

section#results .comment_box p{
    font-size: 36px;
    font-family: 'GenJyuuGothicX';
    max-width: 515px;
    width: 90%;
    margin: 0 auto;
    background: #E5CCCC;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 10px 0 20px 0;
}

section#results .comment_box ul{
    width: 87.83%;
    margin: 0 auto;
    font-size: 18px;
    font-weight: normal;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #E5CCCC;
    align-items: center;
    margin-bottom: 18px;
    padding-bottom: 18px;
}
section#results .comment_box ul:first-of-type{
    margin-top: 30px;
}
section#results .comment_box ul:last-child{
    border-bottom: 0;
}

section#results .comment_box ul li{
    vertical-align: middle;
    text-align: left;
}

section#results .comment_box ul li:first-child{
    width: 81%;
}

section#results .comment_box ul li:last-child{
    width: 14%;
}

section#results .results_box{
    max-width: 1150px;
    width: 90%;
    margin: 40px auto auto auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

section#results .results_box ul{
    width: 48%;
    margin-bottom: 60px;
}

section#results .results_box ul li:first-child{
    text-align: left;
    font-family: 'GenJyuuGothicX';
    font-size: 28px;
    margin-left: 0.6em;
    margin-bottom: 0.3em;
    vertical-align: middle;
}

section#results .results_box ul li:first-child span{
    width: 80px;
    display: inline-block;
    margin-right: 1em;
}

section#results .results_box ul li:nth-child(3){
    font-size: 28px;
    font-family: 'GenJyuuGothicX';
    color: #DCA458;
    margin: 20px 0 17px 0.6em;
    width: 97%;
}

section#results .results_box ul li:nth-child(3)::after{
    content: '';
    background: url(../img/border.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 4px;
    width: 100%;
    display: block;
    margin-top: 18px;
}

section#results .results_box ul li:nth-child(4){
    font-size: 24px;
    text-align: left;
    margin: 20px 0 70px 0.6em;
    width: 97%;
    letter-spacing: 0.1em;
}

section#results .results_text{
    font-size: 21px;
    text-align: left;
    max-width: 1150px;
    width: 90%;
    margin: auto auto 50px auto;
}

/*present*/
section.present{
    background: #fff;
    padding: 35px 0 60px 0;
    border-bottom: 1px solid #2D2101;
    margin-bottom: 10px;
}
section.present p{
    width: 90%;
    margin: 30px auto auto auto;
    font-size: 26px;
    text-align: center;
    line-height: 1.5;
}
section.present p span{
    font-size: 32px;
    font-weight: 700;
    color: #CD807F;
}
section.present .present_box{
    max-width: 1127px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
section.present .present_box ul{
    max-width: 260px;
    width: 24%;
    text-align: left;
    margin-top: 35px;
}
section.present .present_box ul:last-child{
    margin-bottom: 12px;
}
section.present .present_box ul:last-child li:nth-child(2){
    text-align: left;
}
section.present .present_box ul:first-child{
    max-width: 550px;
    width: 49%;
}
section.present .present_box ul:first-child li:nth-child(2){
    text-align: left;
    margin-top: 25px;
}
section.present .present_box ul li:first-child{
    border: 4px solid #E5CCCC;
}
section.present .present_box ul li:nth-child(2){
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
    margin-top: 18px;
    margin-bottom: 15px;
}
section.present .present_box ul:last-child li:nth-child(2){
    margin-bottom: 0;
}
section.present .present_box ul li:last-child{
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: 0.07em;
}
/*charm*/
section.charm{
    background: #2D2101;
    padding: 40px 0 45px 0;
}
section.charm .charm_box{
    display: flex;
    max-width: 1090px;
    width: 90%;
    margin: 40px auto 45px auto;
}
section.charm .charm_box ul{
    width: 50%;
}
section.charm .charm_box ul li:first-child{
    max-width: 413px;
    width: 90%;
    margin: auto auto 20px auto;
}
section.charm .charm_box .btn_pnk{
/*    max-width: 507px;*/
    width: 93%;
    background: #CD807F;
    color: #fff;
    text-align: center;
    border: 3px solid #fff;
    border-radius: 50px;
    font-family: 'GenJyuuGothicX';
    display: inline-block;
    padding: 15px 0;
    letter-spacing: 0;
}
section.charm .charm_box .btn_pnk span:first-child{
    font-size: 29px;
    vertical-align: middle;
    transform: scaleX(0.95);
    display: inline-block;
}
section.charm .charm_box .btn_pnk span:last-child{
    font-size: 19px;
    vertical-align: sub;
}
section.charm .charm_box ul:first-child .btn_pnk span:last-child{
    font-size: 19px;
    vertical-align: sub;
    margin-left: -1em;
}
.btn_fukushima{
    background: #fff;
    max-width: 1143px;
    width: 90%;
    border-radius: 50px;
    padding: 16px 0 14px 3.5em;
    font-size: 29px;
    display: inline-block;
    font-family: 'GenJyuuGothicX';
    position: relative;
    letter-spacing: 0;
}
.btn_fukushima{
     padding: 16px 0 14px 0;
}
.btn_fukushima::before{
    content: '';
    background-image: url(../img/fukushima.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    max-width: 180px;
    width: 100%;
    height: 115px;
    position: absolute;
    left: 6%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.btn_fukushima::before{
    display: none;
}

.btn_fukushima::after{
    content: '';
    width: 0;
    height: 0;
    border-left: 18px solid #84AB3C;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
/*charm_2*/
section.charm_2{
    background: #fff;
    padding: 50px 0 50px 0;
    border-top: 1px solid #2D2101;
    margin-top: 10px;
}
section.charm_2 .midashi_ribbon{
    font-size: 0px;
    background-image: url(../img/charm_2_midashi.png);
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 728px;
    width: 90%;
    height: 120px;
    margin: 0 auto;
}
section.charm_2 .akatsuki_member{
    display: inline-block;
    text-align: left;
    margin: 20px auto auto auto;
}
section.charm_2 .akatsuki_member li{
    display: inline-block;
    line-height: 1.5;
    letter-spacing: 0;
}
section.charm_2 .akatsuki_member li{
    font-size: 21px;
    font-weight: 500;
}
section.charm_2 .akatsuki_member li span{
    font-size: 28px;
}
section.charm_2 .akatsuki_member li:first-child span::after{
    content: '／'
}
section.charm_2 .akatsuki_member::after{
    content: '';
    background: url(../img/judge_iline.png);
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 361px;
    width: 90%;
    height: 9px;
    display: block;
    margin: 25px auto 28px auto;
}
section.charm_2 .charm_2_pink{
    font-size: 32px;
    color: #CD807F;
    font-weight: 700;
    text-align: left;
    max-width: 1200px;
    width: 90%;
    margin: auto auto 15px auto;
}
section.charm_2 .charm_2_box,
section.charm_2 .charm_2_box_2{
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    text-align: left;
}
section.charm_2 .charm_2_box ul,
section.charm_2 .charm_2_box_2 ul{
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
}
section.charm_2 .charm_2_box ul li:first-child span,
section.charm_2 .charm_2_box_2 ul li:first-child span{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 10px;
    display: block;
}
section.charm_2 .charm_2_box ul:first-child li:first-child{
    max-width: 650px;
    width: 100%;
}
section.charm_2 .charm_2_box ul li:last-child{
    font-size: 21px;
    max-width: 500px;
    width: 100%;
    line-height: 1.6;
    margin-left: 3.5vw;
}
section.charm_2 .charm_2_box_2 ul li:first-child,
section.charm_2 .charm_2_box ul:nth-child(n + 2) li:first-child{
    font-size: 18px;
    max-width: 472px;
    width: 100%;
}
section.charm_2 .charm_2_box_2 ul li:last-child,
section.charm_2 .charm_2_box ul:nth-child(n + 2) li:last-child{
    font-size: 21px;
    max-width: 668px;
    width: 100%;
    line-height: 1.5;
    margin-left: 3.5vw;
}
section.charm_2 .access{
    max-width: 1195px;
    width: 90%;
    border: 3px solid #CD807F;
    margin: 60px auto auto auto;
    display: flex;
    justify-content: space-between;
    text-align: left;
}
section.charm_2 .access li:first-child{
    max-width: 385px;
    width: 100%;
}
section.charm_2 .access li:last-child{
    max-width: 758px;
    width: 100%;
    margin: 0 auto;
    font-weight: 500;
    padding: 25px 1em 0.5em 1em;
    line-height: 1.5;
    font-size: 24px;
}
section.charm_2 .access li:last-child span{
    font-size: 18px;
    display: block;
    font-weight: 400;
    margin-top: 0.8em;
}
section.charm_2 .access li:last-child a{
    display: block;
    margin-top: -0.1em;
    font-weight: 500;
    font-size: 18px;
}

/*charm_3*/
section.charm_3{
    background: #fff;
    padding: 50px 0 50px 0;
    border-top: 1px solid #2D2101;
    border-bottom: 1px solid #2D2101;
    margin-top: 10px;
}
section.charm_3 .midashi_ribbon{
    font-size: 0px;
    background-image: url(../img/charm_2_midashi_2.png);
    background-size: contain;
    background-repeat: no-repeat;
    max-width: 728px;
    width: 90%;
    height: 120px;
    margin: 0 auto;
}
section.charm_3 .sweets_member{
    display: inline-block;
    text-align: center;
    margin: 20px auto auto auto;
}
section.charm_3 .sweets_member li{
    display: inline-block;
    line-height: 1.5;
    letter-spacing: 0;
}
section.charm_3 .sweets_member li{
    font-size: 21px;
    font-weight: 500;
}
section.charm_3 .sweets_member li span{
    font-size: 28px;
}
section.charm_3 .sweets_member::after{
    content: '';
    background: url(../img/judge_iline.png);
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 361px;
    width: 100%;
    height: 9px;
    display: block;
    margin: 25px auto 28px auto;
}
section.charm_3 .charm_2_pink{
    font-size: 32px;
    color: #CD807F;
    font-weight: 700;
    text-align: left;
    max-width: 1200px;
    width: 90%;
    margin: auto auto 15px auto;
}
section.charm_3 .charm_2_box,
section.charm_3 .charm_2_box_2{
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
    text-align: left;
}
section.charm_3 .charm_2_box ul{
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}
section.charm_3 .charm_2_box_2 ul{
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}
section.charm_3 .charm_2_box ul li:first-child span,
section.charm_3 .charm_2_box_2 ul li:first-child span{
    font-size: 18px;
    line-height: 1.2;
    margin-top: 10px;
    display: block;
}
section.charm_3 .charm_2_box ul:first-child li:first-child{
    max-width: 650px;
    width: 100%;
}
section.charm_3 .charm_2_box ul li:last-child{
    font-size: 21px;
    max-width: 500px;
    width: 100%;
    line-height: 1.6;
    margin-left: 3.5vw;
}
section.charm_3 .charm_2_box_2 ul li:first-child,
section.charm_3 .charm_2_box ul:nth-child(n + 2) li:first-child{
    font-size: 18px;
    max-width: 472px;
    width: 100%;
}
section.charm_3 .charm_2_box_2 ul li:last-child,
section.charm_3 .charm_2_box ul:nth-child(n + 2) li:last-child{
    font-size: 21px;
    max-width: 668px;
    width: 100%;
    line-height: 1.5;
    margin-left: 3.5vw;
}
section.charm_3 .access{
    max-width: 1195px;
    width: 90%;
    border: 3px solid #CD807F;
    margin: 60px auto auto auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}
section.charm_3 .access li:first-child{
    max-width: 385px;
    width: 100%;
}
section.charm_3 .access li:last-child{
    max-width: 758px;
    width: 100%;
    margin: 0 auto;
    font-weight: 500;
    padding: 0 1em;
    line-height: 1.5;
    font-size: 24px;
    font-weight: 500;
}
section.charm_3 .access li:last-child span{
    font-size: 18px;
    display: block;
    font-weight: 400;
    margin-top: 0.8em;
}
section.charm_3 .access li:last-child a{
    display: block;
    margin-top: -0.1em;
    font-weight: 500;
    font-size: 18px;
}
/*flow*/
section.flow{
    background: #E5CCCC;
    padding: 40px 0 95px 0;
}
section.flow div{
    max-width: 942px;
    width: 90%;
    margin: auto auto 50px auto;
    background: #fff;
    border-radius: 50px;
    font-family: 'GenJyuuGothicX';
}
section.flow div:first-of-type{
    margin: 40px auto 50px auto;
}
section.flow div:last-child{
    margin: 0 auto;
}
section.flow div p:first-child{
    font-size: 21px;
    color: #CD807F;
    margin: 35px auto 20px auto;
    display: inline-block;
}
section.flow div p:nth-of-type(2){
    font-size: 36px;
    display: block;
    margin-bottom: 20px;
    width: 95%;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
}
section.flow div p:nth-of-type(2) span{
    color: #CD807F;
}
section.flow div:first-of-type p:last-child{
    max-width: 623px;
    width: 90%;
    margin: 0 auto;
    padding-bottom: 17px;
}
section.flow div:nth-of-type(2) p:last-child{
    max-width: 545px;
    width: 90%;
    margin: 0 auto;
}
section.flow div:last-child p:nth-child(2) img{
    max-width: 83px;
    width: 100%;
    margin: 15px auto;
    display: block;
}
/*terms*/
section.terms{
    background: #fff;
    padding: 35px 0 60px 0;
}
section.terms div{
    max-width: 1182px;
    width: 90%;
    height: 622px;
    border: 1px solid #A5A5A5;
    margin: 35px auto 30px auto;
    text-align: left;
    overflow-y: scroll;
    overflow-x: hidden;
    word-break: break-all;
    font-size: 16px;
    padding: 20px;
    line-height: 1.5;
    font-weight: 400;
}
section.terms div a{
    text-decoration: underline;
}
section.terms div ul{
    margin-bottom: 1em;
}
section.terms div ul .kome::before{
    content: '※';
}
section.terms div ul .one::before{
    content: '①';
    margin-right: 1em;
}
section.terms div ul .two::before{
    content: '②';
    margin-right: 1em;
}
section.terms div ul .three::before{
    content: '③';
    margin-right: 1em;
}
section.terms div ul .disc::before{
    content: '・';
    padding-right: 0.4em;
    margin-left: 0.1em;
}
section.terms div ul .kome{
    margin-left: 1em;
    text-indent: -1em;
}
section.terms div ul .disc{
    margin-left: 1.1em;
    text-indent: -1.1em;
}
section.terms div ul .one,
section.terms div ul .two,
section.terms div ul .three{
    margin-left: 2em;
    text-indent: -2em;
}
section.terms::after{
    content: '';
    background: url(../img/bottom.png) center center no-repeat;
    width: 100%;
    padding-top: 30%;
    background-size: contain;
    display: block;
    
    min-height: 1px;
}

@media screen and (max-width:1320px){
    section.judge .Judging_criteria li:first-child{
        font-size: 1.9vw;
    }
    section.judge .Judging_criteria li:last-child{
        font-size: 2.2vw;
    }
    section.judge .Judging_criteria li:first-child::before{
        height: 2.2vw;
        margin-bottom: -0.3vw;
    }
    section.judge .Judging_criteria li:first-child::after{
        height: 2.2vw;
        margin-bottom: -0.3vw;
    }
}

@media screen and (max-width:1320px){
    section.charm .charm_box .btn_pnk span:first-child{
        font-size: 2.2vw;
    }
    section.charm .charm_box ul:first-child .btn_pnk span:last-child,
    section.charm .charm_box .btn_pnk span:last-child{
        font-size: 1.5vw;
        vertical-align: middle;
        margin-top: 0.5em;
        display: inline-block;
    }
}

@media screen and (max-width:1300px){
    section.mv .frame_text{
        font-size: 2.769230769230769vw;
        margin: auto auto 50px auto;
        height: 30.384615384615383vw;
        padding-top: 11.153846153846155vw;
    }
    section.mv .frame_text .frame_text_btn{
        width: 50%;
        padding: 1.5384615384615385vw 0;
        margin-top: 0.7692307692307693vw;
    }
    section.mv .frame_text .frame_text_btn span:first-child {
        font-size: 2.1538461538461537vw;
    }
    section.mv .frame_text .frame_text_btn span:last-child {
        font-size: 1.3846153846153846vw;
    }
}

@media screen and (max-width:1116px){
    section.charm_2 .access li:last-child,
    section.charm_3 .access li:last-child{
        font-size: 2vw;
    }
    section.charm_2 .access li:last-child span,
    section.charm_3 .access li:last-child span,
    section.charm_2 .access li:last-child a,
    section.charm_3 .access li:last-child a{
        font-size: 1.5vw;
    }
}

@media screen and (max-width:1080px){
    .btn_fukushima{
        font-size: 2.6vw;
    }
    .btn_fukushima::before{
        height: 11vw;
    }
}
@media screen and (max-width:945px){
    section#results .results_box ul li:first-child{
        font-size: 2.6vw;
    }
}

@media screen and (max-width:767px){
    .pc{
        display: none;
    }
    .sp{
        display: inherit;
    }
    section.mv h1{
        background: url(../img/mv_sp.jpg) center center no-repeat;
        padding-top: 129%;
        background-size: contain;
    }
    section.mv h1::after {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }
    section.mv h2{
        font-size: 16px;
        margin: 25px auto 30px auto;
    }
    section.judge,
    section.present,
    section.charm,
    section.charm_2,
    section.charm_3,
    section.flow,
    section.terms{
        padding: 35px 0 40px 0;
    }
    section.charm_3{
        margin-top: 0;
    }
    .midashi_line,
    .midashi_line_w{
        font-size: 30px;
    }
    .midashi_line::before,
    .midashi_line_w::before{
        margin: auto auto 0 auto;
    }
    section.judge .Judging_criteria{
        background: url(../img/judge_img_01_sp.png)center center no-repeat;
        background-size: contain;
        padding: 6vw 0 6vw 0;
        margin-top: 20px;
    }
    section.judge .Judging_criteria li:first-child{
        font-size: 3.129074315514994vw;
    }
    section.judge .Judging_criteria li:last-child{
        font-size: 3.129074315514994vw;
        letter-spacing: 0;
        line-height: 1.2;
    }
    section.judge .Judging_criteria li:first-child::before {
        width: 12px;
        height: 18px;
        margin-right: 8px;
        margin-bottom: -3px;
    }
    section.judge .Judging_criteria li:first-child::after {
        width: 12px;
        height: 18px;
        margin-left: 8px;
        margin-bottom: -3px;
    }
    section.judge .judge_box {
        display: block;
        width: 85%;
    }
    section.judge .judge_box ul{
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    section.judge .judge_box ul li:first-child {
        width: 80%;
        margin: 0 auto;
    }
    section.judge .judge_box ul li:nth-child(2){
        display: block;
        height: auto;
        font-size: 16px;
    }
    section.judge .judge_box ul li:nth-child(3){
        font-size: 23px;
        margin-top: 0;
    }
    section.judge .judge_box ul li:nth-child(4){
        font-size: 16px;
    }
    section.judge .judge_box ul li:nth-child(4)::before {
        margin: 3px auto 10px auto;
    }
    section.judge .judge_box ul li:last-child{
        width: 95%;
        margin: 0 auto;
    }
    section.judge .judge_box ul:nth-child(2){
        margin: 40px auto;
    }
    .flow_btn{
        max-width: 450px;
        padding: 15px 0;
    }
    .flow_btn span:first-child{
        font-size: 20px;
    }
    .flow_btn span:last-child{
        font-size: 14px;
        vertical-align: middle;
    }
    section.present p{
        font-size: 18px;
    }
    section.present p span{
        font-size: 23px;
    }
    section.present .present_box{
        display: block;
    }
    section.present .present_box ul:first-child,
    section.present .present_box ul{
        max-width: none;
        width: 100%;
    }
    section.present .present_box ul:first-child li:nth-child(2),
    section.present .present_box ul li:nth-child(2){
        font-size: 23px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    section.present .present_box ul:first-child li:last-child,
    section.present .present_box ul li:last-child{
        font-size: 16px;
    }
    section.charm .charm_box{
        display: block;
    }
    section.charm .charm_box ul{
        max-width: none;
        width: 100%;
    }
    section.charm .charm_box ul:last-child{
        margin-top: 30px;
    }
    section.charm .charm_box .btn_pnk{
        max-width: 450px;
        padding: 10px 0;
        position: relative;
    }
    section.charm .charm_box .btn_pnk span:first-child{
        font-size: 20px;
    }
    section.charm .charm_box ul:first-child .btn_pnk span:last-child,
    section.charm .charm_box ul:last-child .btn_pnk span:last-child{
        font-size: 14px;
        vertical-align: middle;
        right: 5%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        margin-top: 0;
    }
    .btn_fukushima{
        font-size: 20px;
        letter-spacing: 0;
        padding: 10px 0 10px 1.5em;
        line-height: 1.3;
    }
    .btn_fukushima::before {
        max-width: 70px;
        width: 100%;
        height: 45px;
        left: 3%;
    }
    .btn_fukushima::after {
        border-left: 10px solid #84AB3C;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        right: 3%;
    }
    section.charm_2 .midashi_ribbon,
    section.charm_3 .midashi_ribbon{
        height: 16vw;
    }
    section.charm_2 .akatsuki_member li:first-child span::after{
        display: none;
    }
    section.charm_2 .akatsuki_member{
        display: inline-block;
        text-align: center;
        margin: 10px auto auto auto;
        width: 90%;
    }
    section.charm_3 .sweets_member{
        display: inline-block;
        text-align: center;
        width: 90%;
    }
    section.charm_2 .akatsuki_member li,
    section.charm_3 .sweets_member li{
        font-size: 16px;
    }
    section.charm_2 .akatsuki_member li span{
        font-size: 23px;
    }
    section.charm_2 .akatsuki_member li:first-child{
        margin-bottom: 0.5em;
    }
    section.charm_3 .sweets_member li:first-child{
        margin-bottom: 0;
    }
    section.charm_2 .akatsuki_member::after,
    section.charm_3 .sweets_member::after{
        margin: 10px auto 15px auto;
    }
    section.charm_2 .charm_2_pink,
    section.charm_3 .charm_2_pink{
        font-size: 23px;
        line-height: 1.5;
    }
    section.charm_2 .charm_2_box ul,
    section.charm_2 .charm_2_box_2 ul,
    section.charm_3 .charm_2_box ul,
    section.charm_3 .charm_2_box_2 ul{
        display: block;
    }
    section.charm_2 .charm_2_box ul:first-child li:first-child,
    section.charm_3 .charm_2_box ul:first-child li:first-child{
        max-width: none;
    }
    section.charm_2 .charm_2_box ul li:first-child span,
    section.charm_2 .charm_2_box_2 ul li:first-child,
    section.charm_2 .charm_2_box ul:nth-child(n + 2) li:first-child,
    section.charm_3 .charm_2_box_2 ul li:first-child,
    section.charm_3 .charm_2_box ul li:first-child span,
    section.charm_3 .charm_2_box_2 ul li:first-child span,
    section.charm_3 .charm_2_box ul:nth-child(n + 2) li:first-child,
    section.charm_2 .charm_2_box_2 ul li:first-child span{
        font-size: 13px;
        color: #6b6b6b;
        max-width: none;
    }
    section.charm_2 .charm_2_box ul li:last-child,
    section.charm_2 .charm_2_box_2 ul li:last-child,
    section.charm_2 .charm_2_box ul:nth-child(n + 2) li:last-child,
    section.charm_3 .charm_2_box ul li:last-child,
    section.charm_3 .charm_2_box_2 ul li:last-child,
    section.charm_3 .charm_2_box ul:nth-child(n + 2) li:last-child{
        font-size: 16px;
        margin-top: 15px;
        max-width: none;
        margin-left: 0;
    }
    section.charm_2 .access,
    section.charm_3 .access{
        width: 80%;
        border: 3px solid #CD807F;
        margin: 30px auto auto auto;
        display: block;
    }
    section.charm_2 .access li:first-child,
    section.charm_3 .access li:first-child{
        max-width: none;
    }
    section.charm_2 .access li:last-child,
    section.charm_3 .access li:last-child{
        padding: 10px 1em 1em 1em;
        font-size: 18px;
    }
    section.charm_2 .access li:last-child a,
    section.charm_2 .access li:last-child span,
    section.charm_3 .access li:last-child a,
    section.charm_3 .access li:last-child span{
        font-size: 16px;
    }
    section.flow div{
        border-radius: 30px;
        margin: auto auto 30px auto;
    }
    section.flow div p:nth-of-type(2) {
        font-size: 23px;
        margin-bottom: 20px;
    }
    section.flow div p:first-child{
        margin: 25px auto 5px auto;
    }
    section.flow div:first-of-type {
        margin: 40px auto 30px auto;
    }
    section.flow div:last-child p:nth-child(2) img {
        max-width: 60px;
        margin: 5px auto;
    }
    section.terms div{
        height: 225px;
    }
    
    section#results .comment_box {
        border: 5px solid #E5CCCC;
    }
    section#results .comment_box ul {
        width: 87.83%;
        font-size: 16px;
        display: block;
    }
    section#results .comment_box ul li:first-child{
        width: 100%;
        margin-top: 10px;
    }
    section#results .comment_box ul li:last-child{
        width: 40%;
        text-align: center;
        margin: 10px auto auto auto;
    }
    section#results .comment_box p {
        font-size: 26px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        padding: 5px 0 10px 0;
    }
    section#results .results_box{
        display: block;
    }
    section#results .results_box ul{
        width: 100%;
    }
    section#results .results_box ul li:first-child,
    section#results .results_box ul li:nth-child(3),
    section#results .results_box ul li:nth-child(4){
        font-size: 16px;
    }
    section#results .results_box ul li:nth-child(3) {
        margin: 10px 0 10px 0.6em;
    }
     section#results .results_box ul li:nth-child(4){
        margin: 10px 0 50px 0.6em;
    }
    section#results .results_box ul li:nth-child(3)::after{
        margin-top: 7px;
    }
    section#results .results_box ul li:first-child span{
        width: 40px;
        margin-right: 0.5em;
    }
    section#results .results_text{
        font-size: 14px;
    }
    
    .btn_fukushima {
        padding: 10px 0 10px 0;
    }
    
    
}
@media screen and (max-width:375px){
    .flow_btn span:first-child,
    section.charm .charm_box .btn_pnk span:first-child,
    .btn_fukushima{
        font-size: 5.3vw;
    }
    .btn_fukushima::before {
        height: 12vw;
    }
    section.flow div p:nth-of-type(2) {
        font-size: 6.5vw;
    }
    section.mv h2{
        font-size: 4.15vw;
    }






}