@charset "utf8";
#info,#mypage,#sakujo,#medal1,#write,#hensyu,#hensyu2,#sledopen,#image,#image2,#jouken,#jouken2,#day,#range,#comment,#follow,#follower,#ranking,#personalbestmodal{
	display: none;
}
header{
    background-color: white;
    box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.1);
}
.headerclass{
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
h1{
    margin-top: 0px;
    margin-bottom: 0px;
}
.iconbox{
    width: 80px;
}
.iconbox img{
    width: 60px;
    height: auto;
    margin-left: 10px;
    margin: 0px 0px 0px 10px;
    border: 1px solid black;
    border-radius: 8px;
}
.flexclass{
    display: flex;
    margin-right: 10;
    margin-left: auto;
}
.headercreatebutton{
    margin-top: 20px;
    margin-right: 10px;
}
.headercreatebutton a:hover{
    background-color: white;
    border: 2px solid rgb(0, 119, 255);
    color: rgb(0, 119, 255);
}
.headercreatebutton a{
    background-color: rgb(0, 119, 255);
    border: 2px solid rgb(0, 119, 255);
    color: white;
    font-weight: 600;
    padding: 16px 30px;
    border-radius: 40px;
    width: 140px;
    font-size: 15px;
}
.headermyicon img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid rgb(0, 119, 255);
}
.indexmain{
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 20px;
    padding-top: 20px;
}
.indexleft{
    width: 20%;
    padding: 0px 4px;
}
.indexright{
    width: 22%;
}
.indexcenter{
    width: 58%;
    margin-right: 8px;
    margin-left: 8px;
}
@media(max-width:900px){
    .indexleft{
        width: 20%;
        padding: 0px 4px;
    }
    .indexright{
        width: 30%;
    }
    .indexcenter{
        width: 50%;
        margin-right: 8px;
        margin-left: 8px;
    } 
}
.mokujileft{
    background-color: white;
    border-radius: 8px;
    position: sticky;
    top: 10;
    padding-top: 4px;
    padding-bottom: 4px;
    box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.3);
}
.mokujiflex{
    display: flex;
    padding-top: 16px;
    padding-bottom: 16px;
}
.imgmokuji{
    margin-right: 10px;
    margin-left: 10px;
    text-align: center;
}
.mokujiflex img{
    width: 20px;
    height: auto;
}
.mokujiflexperiaclub img{
    width: 20px;
    height: auto;
}
.mokujiflex p{
    font-weight: 600;
    font-size: 15px;
    color: gray;
}
.firstmokuji{
    border-radius: 0px 0px 0px 0px;
}
.mokujiflex:hover{
    background-color:rgb(189, 220, 255);
}
.notififlex{
    display: flex;
    height: 52px;
    padding-top: 16px;
    padding-bottom: 16px;
}
.hoverbox:hover{
    background-color:rgb(189, 220, 255);
}
.notifiinput{
    color: rgb(131, 131, 131);
    font-weight: 550;
    font-size: 15px;
    background-color: rgba(255,0,0,0);
    border: none;
    padding-right: 0px;
    padding-left: 0px;
}
.notifimokuji{
    width: 20px;
    height: auto;
    margin-right: 10px;
    margin-left: 10px;
}
.rightboxlist{
    width: 96%;
    min-width: 180px;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    background-image: url("images/logofav.png");
    background-repeat:  no-repeat;         
    background-position:center center;
    background-size:contain;
    background-color:rgba(255,255,255,0.95);
    background-blend-mode:lighten;
    margin-bottom: 20px;
    padding: 12px 8px;
    border-radius: 8px;
    box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.3);
}

.numbersql span{
    font-weight: 600;
    font-size: 24px;
    color: rgb(0, 119, 255);
    margin-right: 4px;
}
.numberaccount p{
    color: black;
    font-size: 15px;
}
.numbericon img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.numberbase{
    margin-left: 10px;
    height: auto;
    margin-top: 10px;
}
.numberbasesub{
    background-color: rgb(255, 253, 160) !important;
}
.numberbasesub2{
    font-size: 16px;
    text-align: center;
    margin: auto auto !important;
    color: rgb(0, 119, 255);
    font-weight: 600;
}
.numbername {
    font-size: 15px;
    color: rgb(0, 119, 255);
    font-weight: 600;
}
.numberid{
    font-size: 14px;
    color: gray;
}
.mynamebox{
    background-color: rgb(255, 203, 61);
}
.spversionthis{
    display: none;
}
@media(max-width:768px){

    .spversionthis{
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .pcversionthis{
        display: none;
    }
    .indexleft{
        width: 20%;
        max-width: 60px;
        padding: 0px 4px;
    }
    .imgmokuji{
        text-align: center;
        margin-right: auto;
        margin-left: auto;
    }
    .indexcenter{
        width: 80%;
        margin-right: 8px;
        margin-left: 8px;
    } 
    .mokujiflex p{
        display: none;
    }
    .rightboxlist{
        width: 48%;
        min-width: 100px;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        background-image: url("images/logofav.png");
        background-repeat:  no-repeat;         
        background-position:center center;
        background-size:contain;
        background-color:rgba(255,255,255,0.95);
        background-blend-mode:lighten;
        margin-bottom: 20px;
        padding: 12px 0px;
        border-radius: 8px;
        box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.2);
    }
    .periapointflexboxneo{
        display: block;
        background-image: none;
        background-color: none;
        width: 48%;
        min-width: 100px;
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-bottom: 10px;
        padding: 16px 0px;
        border-radius: 16px;
        padding: 0px;
        height: 100%;
    }
    .neobox{
        width: 100%;
        margin-bottom: 0px;
        height: 204.5px;
        display: block;
    }
    .titlename{
        text-align: center;
    }
    .numbersql{
        margin-top: 10px;
    }
    .numbersql span{
        font-weight: 600;
        font-size: 18px;
        color: rgb(0, 119, 255);
        margin-right: 2px;
    }
    .numberaccount p{
        color: black;
        font-size: 13px;
        margin-bottom: 20px;
    }
    .numbersql span{
        font-weight: 600;
        font-size: 18px;
        color: rgb(0, 119, 255);
        margin-right: 2px;
    }
    .numberaccount p{
        color: black;
        font-size: 13px;
    }
    .numberbase{
        margin-left: 10px;
        margin-top: 0px;
    }
    .numbername {
        font-size: 14px;
        color: rgb(0, 119, 255);
        font-weight: 600;
    }
    .numberid{
        font-size: 14px;
        color: gray;
    }
    .notifispnot{
        display:none;
    }
    .notififlex{
        text-align: center;
    }
    .notifimokuji{
        margin-right: auto;
        margin-left: auto;
    }
    .notififlex form{
        text-align: center;
        margin-right: auto;
        margin-left: auto;
    }
    .classname2 p{
        font-size: 13px;
    }

}
.lazy{
    width: 100%;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
}
@media(max-width:522px){
    .rightboxlist{
        width: 48%;
        min-width: 100px;
        margin-right: auto;
        margin-left: auto;
        display: flex;
        background-image: url("images/logofav.png");
        background-repeat:  no-repeat;         
        background-position:center center;
        background-size:contain;
        background-color:rgba(255,255,255,0.95);
        background-blend-mode:lighten;
        padding: 12px 0px;
        border-radius: 8px;
        box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.2);
    }
    .periapointflexboxneo{
        display: block;
        background-image: none;
        background-color: none;
        width: 48%;
        min-width: 100px;
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-bottom: 10px;
        padding: 16px 0px;
        border-radius: 16px;
        padding: 0px;
        height: 100%;
    }
    .neobox{
        width: 100%;
        margin-bottom: 0px;
        height: 204.5px;
        display: block;
    }
    .titlename{
        text-align: center;
    }
    .numbersql{
        margin-top: 10px;
    }
    .numbersql span{
        font-weight: 600;
        font-size: 18px;
        color: rgb(0, 119, 255);
        margin-right: 2px;
    }
    .numberaccount p{
        color: black;
        font-size: 13px;
        margin-bottom: 20px;
    }
    .numberbase{
        margin-left: 10px;
        margin-top: 0px;
    }
    .numbername {
        font-size: 14px;
        color: rgb(0, 119, 255);
        font-weight: 600;
    }
    .numberid{
        font-size: 14px;
        color: gray;
    }

}
.periapointboxtarget:hover{
    background-color: rgb(250, 247, 95);
}
  /************* タブ *************/
  .tab-container {
    display: flex;
    border-bottom: 1px solid rgb(216, 216, 216);
  }
  
  .tab2  {
    padding: 10px;
    border-radius: 10px 10px 0 0;
    transition: all .2s;
    cursor: pointer;
    font-weight: 580;
    font-size: 14px;
  }
  
  .tab2:not(:last-of-type) {
    margin-right: 1em;
    font-size: 14px;
  }
  
  /* タブ現在値 */
  .current {
    color: rgb(1, 119, 255);
    border-bottom: 3px solid rgb(1, 119, 255);
  }
  
  .current::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
  }
  /* タブ終了 */
  .analyticsindex{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 10px;
}
.analyticwsgraphbox {
    background-color: white;
    border-radius: 16px;
    padding: 16px;
    box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.2);
}
.syoumeisyoparent{
    width: 96%;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
    background-color: rgb(0, 51, 109);
}
.syoumeisyochildren{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 10px;
    background-color: white;

}
.syoumeisyochildnext{
    border: 1px solid rgb(0, 51, 109);
    padding: 10px;
    background-color: white;
}
.syoumeisyotitle{
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: rgb(0, 51, 109);
    margin-top: 10px;
}
.syoumeisyonameto{
    margin-top: 10px;
    margin-bottom: 10px;
}
.syoumeisyonameto p{
    font-size: 16px;
    font-weight: 600;
}
.syoumeisyocontent p{
    font-size: 15px;
}
.syoumeisyoflex{
    display: flex;
    margin-top: 20px;
    margin-bottom: 10px;
}
.syoumeisyoicon img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid salmon;
}
.syoumeisyoicon{
    margin-right: 0px;
    margin-left: auto;
}
.syoumeisyodate p{
    font-size: 14px;
}
.syoumeisyoname p{
    font-size: 14px;
}
.historyboxparent{
    width: 96%;
    margin-right: auto;
    margin-left: auto;
    background-image: url("images/logofav.png");
    background-repeat:  no-repeat;         
    background-position:center center;
    background-size:contain;
    background-color:rgba(255,255,255,0.9);
    background-blend-mode:lighten;
    padding-bottom: 6px;
    border-radius: 4px;
    box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.2);
    margin-bottom: 6px;
    font-size: 14px;
}
.historyflex1{
    display: flex;
}
.historyboxtitle{
    background-color: #2D5C9B;
    width: 30%;
    min-width: 110px;
    padding: 8px;
    border-radius: 5px 0px 0px 0px;
}
.historyboxtitle {
    color: white;
    font-weight: 600;
    text-align: center;
}
.historycolorbox{
    background-color: rgba(223, 225, 229, 0.65);
    width: 70%;
    border-radius: 0px 5px 0px 0px;
}
.historydate{
    font-size: 12px;
    margin: 4px 4px 4px 8px;
    color: gray;
}
.historyboxcontent {
    margin: 4px 4px 4px 8px;
}
.historyboxcontent a{
    font-size: 14px;
    font-weight: 600;
    color: #2D5C9B;
}
.notfibox{
    display: block;
}
.classname2{
    margin-top: 10px;
    margin-bottom: 10px;
}
.gonotifibutton{
    background-color: rgb(0, 119, 255);
    color: white;
    border: 1px solid rgb(0, 119, 255);
    border-radius: 6px;
    padding: 8px 12px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    font-size: 14px;
}
.notfibox {
    text-align: center;
    height: 204.5px;
}
.notfibox form{
    margin-bottom: 0px;
}
.periapointboxtarget{
    width: 98%;
    background-image: url("images/logofav.png");
    background-repeat:  no-repeat;         
    background-position:center center;
    background-size:contain;
    background-color:rgba(255,255,255,0.95);
    background-blend-mode:lighten;
    margin-right: auto;
    margin-left: auto;
    padding: 16px 8px;
    border-radius: 8px;
    box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.3);
    margin-bottom: 20px;
}

.tagetname{
    text-align: center;
}
.tagetname p{
    font-size: 14px;
}
.tagetname span{
    font-size: 16px;
    font-weight: 600;
    color: rgb(0, 119, 255);
}
.tagetday{
    text-align: center;
}
.tagetday p{
    font-size: 16px;
}
.tagetday span{
    font-size: 20px;
    font-weight: 600;
    color: rgb(0, 119, 255);
}

/*フッター*/
ul {
list-style: none;
margin: 0;
padding: 0;
}

#footer01 {
margin-top: 0px;
position: relative;
background: rgb(1, 119, 255);
padding-bottom: 8px;
}
.footerflex{
display:flex;
text-align: center;
max-width: 700px;    
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
}
.footerflex .nav {
margin-right: auto;
margin-left: auto;
text-align: center;
width: 33%;
color: white;
}
.footersize a{
color: white;
}
.footersize a:hover{
color: rgb(255, 187, 0);
font-weight: 600;
}
.logoimg{
text-align: center;
}
.logoimg img{
width: 60px;
height: auto;
border-radius: 8px;
margin-top: 20px;
}
.navtitle p{
font-weight: 600;
font-size: 16px;
margin-bottom: 10px;
}
.footersize{
margin-bottom: 10px;
}
.footersize a {
font-size: 14px;
}
.copyright{
text-align: center;
font-size: 12px;
}
@media(max-width:547px){
.footerflex{
display:block;
max-width: 700px;    
margin-bottom: 30px;
}
.navtitle {
border-bottom: 1px solid black;
margin-bottom: 10px;
}
.footerflex .nav {
margin-right: auto;
margin-left: auto;
text-align: center;
width: 90%;
}
}
/* フッター終了 */

/* トップページ用LPデザイン */
.headerclasslp{
    width: 100%;
    background-color: white;
}
.headerwidth{
    width: 100%;
    box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.1);
}
.headericonclass{
    width: 100%;
    max-width: 1300px;
    display: flex;
    padding: 10px 20px;
    margin-right: auto;
    margin-left: auto;
}
.headericonclass img{
    width: 60px;
    height: auto;
    border: 1px solid gray;
    border-radius: 10px;
}
.hedaericonlogin{
    margin-right: 0px;
    margin-left: auto;
    margin-top: 18px;
}
.hedaericonlogin a{
    background-color: rgb(0, 119, 255);
    padding: 20px 20px;
    border-radius: 40px;
    color: white;
    margin-right: 0px;
    margin-left: auto;
    font-size: 16px;
}
.hedaericonlogin a:hover{
    background-color: white;
    padding: 20px 20px;
    border-radius: 40px;
    color: rgb(0, 119, 255);
    border: 2px solid rgb(0, 119, 255);
    font-weight: 600;
    margin-right: 0px;
    margin-left: auto;
    font-size: 16px;
}
.headerclassback{
    /* background-image: url("images/swimperiatopimg.jpeg");
    background-repeat:  no-repeat;         
    background-size:cover;
    background-color:rgba(233, 233, 233, 0.8);
    background-blend-mode:lighten; */
    background-color: white;
}
.headerpare{
    background-size: cover; /*--背景画像のサイズ--*/
    background-repeat: no-repeat; /*--背景画像の繰り返し--*/
    background-image: url('images/detailback1.png');
    background-color:rgba(255,255,255,0.4);
    background-blend-mode:lighten;
    padding-bottom: 0px;
}
.headerclassflexbox{
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.headerclassrightbox{
    width: 60%;
    padding: 20px 20px;
}
.headerclassleftbox{
    width: 40%;
    padding: 20px 20px;
    margin-top: 40px;
    margin-bottom: 20px;
    border-radius: 20px;
}
.headerclassimagesbox img{
    width: 100%;
    height: auto;
    min-height: 300px;
}
.headerclasscatch{
    margin-bottom: 10px;
    width: 320px;
    margin-right: auto;
    margin-left: auto;
}
.headerclasscatch p{
    font-size: 34px;
    font-weight: 500;
    color: black;
    font-weight: 600;
}
.headerclasscatchsmall{
    margin-top: 10px;
    font-size: 15px;
    margin-bottom: 10px;
    color: black;
    width: 320px;
    margin-right: auto;
    margin-left: auto;
}
.hedaerclassgobutton{
    width: 320px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.headerclassbuttongo {
    background-color: rgb(0, 119, 255);
    font-size: 18px;
    color: white;
    padding: 20px;
    margin-top: 20px;
    border-radius: 16px;
}
.headerclassbuttongo:hover{
    background-color: white;
    font-size: 18px;
    color: rgb(0, 119, 255);
    border: 2px solid rgb(0, 119, 255);
    padding: 20px;
    margin-top: 20px;
    border-radius: 16px;
}
.nisshinumbertop{
    width: 320px;
    margin-right: auto;
    margin-left: auto;
}
.nisshinumbertop p{
    font-size: 18px;
    font-weight: 600;
    color: black;
}
.nisshinumbertop span{
    font-size: 24px;
    font-weight: 600;
    color: rgb(0, 119, 255);
    margin-right: 4px;
    margin-left: 4px;
}
.peoplewhowant{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    margin-bottom: 40px;
}

.firstblocktitle{
    text-align: center;
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    margin-top: 60px;
    margin-bottom: 40px;
}
.firstblocktitle p{
    font-size: 30px;
    color: rgb(46, 46, 46);
    font-family: 'Kosugi', sans-serif;
}
.secondblocktitle{
    width: 100%;
    margin-top: 0px;
    margin-bottom: 20px;
    background-color: rgb(0, 119, 255);
    padding: 20px;
    border-radius: 14px 14px 0px 0px;
}
.secondblocktitle p{
    font-size: 20px;
    color: white;
}
.firstbottomline{
    width: 150px;
    margin-right: auto;
    margin-left: auto;
    margin-top: -10px;
    margin-bottom: 20px;
    border-bottom: 6px solid rgb(255, 166, 0);
}
.firstblocktext{
    width: 96%;
    max-width: 600px;
    border: 2px solid rgb(87, 165, 255);
    border-radius: 16px;
    margin: 40px auto 20px auto;
    background-color: white;
    padding-bottom: 20px;
}
.firstblocklist{
    display: flex;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-left: 20px;
    padding-right: 20px;
}
.firstblocklist img{
    width: 22px;
    height: 22px;
}
.firstblocklist p{
    font-family: 'Kosugi', sans-serif;
    line-height: 26px;
    margin-right: 4px;
    margin-left: 4px;
    margin-top: -1px;
}
.secondblocktext{
    display: flex;
    width: 96%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.secondblocklist{
    width: 16%;
    margin-right: auto;
    margin-left: auto;
    background-color: rgb(226, 226, 226);
    border-radius: 8px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.secondblocklist img{
    width: 100%;
    height: auto;
    border-radius: 8px 8px 0px 0px;
}
.secondsubtitle{
    font-size: 13px;
    font-weight: 700;
    padding: 12px 4px 6px 4px;
    background-color: rgb(226, 226, 226);
    text-align: center;
}
.secondsubtext{
    font-size: 12px;
    font-weight: 500;
    padding: 0px 8px 8px 8px;
}
.lpplatbox{
    display: flex;
    width: 90%;
    max-width: 1200px;
    margin: 40px auto;
    background-color: #f4f5f7;
    border-radius: 30px;
}
.lpplatleft{
    width: 50%;
    padding: 20px 30px;
    background-image: url("images/logofav.png");
    background-repeat:  no-repeat;         
    background-position:center center;
    background-size:contain;
    background-color: #f4f5f7;
    background-blend-mode:lighten;
    border-radius: 30px;
}
.lpplatright{
    width: 50%;
    margin-top: auto;
    margin-bottom: auto;
}
.lpplatright img{
    width: 100%;
    height: auto;
    border-radius: 30px;
}
.lpplatlefttitle{
    font-size: 30px;
    margin: 10px 0px;
    font-weight: 600;
}

.lpplatlefttex{
    font-family: 'Kosugi', sans-serif;
    font-size: 16px;
}
.letgobutton{
    width: 300px;
    margin: 40px auto;
    text-align: center;
}
.letgobutton a{
    width: 100%;
    background-color: rgb(0, 119, 255);
    color: white;
    border-radius: 16px;
    border: 2px solid rgb(0, 119, 255);
    padding: 20px 30px;
    font-size: 20px;
}
.letgobutton a:hover{
    width: 100%;
    background-color: white;
    color: rgb(0, 119, 255);
    border-radius: 16px;
    border: 2px solid rgb(0, 119, 255);
    padding: 20px 30px;
    font-size: 20px;
}
.newpostnologintitle{
    text-align: center;
    width: fit-content;
    margin: 20px auto;
}
.newpostnologin{
    width: 100%;
    background-color: rgb(0, 119, 255);
    padding: 20px 10px;
}
.newpostnologintitle p{
    background-color: white;
    color: rgb(0, 119, 255);
    border: 2px solid rgb(0, 119, 255);
    font-weight: 600;
    font-size: 18px;
    border-radius: 40px;
    padding: 10px 40px;
}
.developerpare{
    background-color: rgb(255, 187, 0);
}
.devpare{
    background-size: cover; /*--背景画像のサイズ--*/
    background-repeat: no-repeat; /*--背景画像の繰り返し--*/
    background-image: url('images/detailback1.png');
    background-color:rgba(255,255,255,0.4);
    background-blend-mode:lighten;
    padding-bottom: 30px;
    padding-top: 30px;
}
.developerbox{
    width: 96%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.developertitle {
    font-size: 30px;
    color: rgb(46, 46, 46);
    font-family: 'Kosugi', sans-serif;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 30px;
}
.developertextbox{
    display: flex;
}
.developerimg{
    width: 40%;
    text-align: center;
    margin: auto;
}
.developerimg img{
    width: 80%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}
.developertext{
    width: 60%;
    padding: 20px;
    border: 2px solid gray;
    background-color: white;
    border-radius: 20px;
}
.developername{
    font-size: 16px;
    margin-top: 6px;
}
.developername a{
    font-size: 20px;
    font-weight: 600;
    color: rgb(0, 119, 255);
    margin-right: 4px;
    margin-left: 4px;
}
.developeraccount p{
    font-size: 16px;
    margin-top: 6px;
}
.developertext p{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
}
.developertext p span{
    font-weight: 600;
    color: rgb(0, 51, 109);
    margin-right: 2px;
    margin-left: 2px;
}
.spf{
    display: none;
}
@media(max-width:925px){
    .developertext p{
        font-size: 16px;
    }
    .headerclassimagesbox img{
        min-height: 230px;
    }
    .headerclassleftbox{
        margin-top: 14px;
    }
}
@media(max-width:768px){
    .developertextbox{
        display: block;
    }
    .developerimg{
        width: 96%;
        max-width: 200px;
    }
    .developertext{
        width: 96%;
        margin-right: auto;
        margin-left: auto;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .secondblocktext{
        flex-wrap: wrap;
    }
    .secondblocklist{
        width: 48%;
        max-width: 200px;
    }
    .spf{
        display: block;
    }
    .pcf{
        display: none;
    }
    .headerclassflexbox{
        display: block;
        text-align: center;
    }
    .headerclassrightbox {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        padding-bottom: 0px;
    }
    .headerclassimagesbox img{
        width: 100%;
        max-width: 350px;
        height: auto;
        min-height: 1px;
    }
    .headerclassleftbox{
        margin-right: auto;
        margin-left: auto;
        padding: 20px 0px;
        width: 100%;
        margin-top: 0px;
    }
    .lpplatbox{
        display: block;
    }
    .lpplatright{
        width: 100%;
    }
    .lpplatleft{
        width: 100%;
    }
    .lpplatlefttitle{
        text-align: center;
        font-size: 24px;
        padding-top: 0px;
    }
    .lpplatlefttext p{
        font-size: 15px;
    }
}
/* ページング */
.pagingflexpare{
    display: flex;
    text-align: center;
    width: fit-content;
    flex-wrap: wrap;
    margin-right: auto;
    margin-left: auto;
    padding: 4px 8px;
}
.pagingbox{
    margin: 6px;
}
.pagingbox a{
    color: rgb(0, 119, 255);
    border-bottom: 1px solid rgb(0, 119, 255);
}
.managerbutton{
    text-align: center;
    margin: 8px auto 12px auto;
    padding: 10px;
}
.managerbutton a{
    background-color: rgb(0, 119, 255);
    color: white;
    padding: 16px;
    border-radius: 10px;
}
.historyboxtitleinthispage{
    background-color: rgb(0, 119, 255);
    width: 100%;
    max-width: 500px;
    border-radius: 16px 16px 0px 0px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.historyboxdes{
    width: 96%;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 0px 0px 16px 16px;
    padding: 14px 14px;
    background-color: white;
    margin-bottom: 20px;
    border: 2px solid rgb(0, 119, 255);
}
.historyboxdes p{
    font-size: 14px;
}
.historyboxtitleinthispage p{
    padding: 10px;
    color: white;
    font-weight: 600;
}
.historyboxtitlepare{
    width: 96%;
    margin-right: auto;
    margin-left: auto;
}

.eventlp04rank{
    width: 100%;
    background-color: #7883C2;
    padding-top: 30px;
    padding-bottom: 30px;
}
.event04form{
    width: 96%;
    max-width: 400px;
    margin: 20px auto;
    text-align: center;
}
.event04formbutton input{
    border: 4px solid white;
    border-radius: 10px;
    width: 100%;
    max-width: 300px;
    font-size: 16px;
}
.event04formtext{
    width: 100%;
    background-color: white;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 10px;
    text-align: left;
    border: 4px solid rgb(0, 119, 255);
}
.event04formtext p{
    font-size: 15px;
}

.analyticstimesbox{
    width: 98%;
    margin: 4px auto 4px auto;
    display: flex;
    flex-wrap: wrap;
}
.anatimeschildmother{
    width: 23%;
    margin: 4px 1%;
    text-align: center;
    background-color: white;
    box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.2);
    border-radius: 4px;
    padding: 4px 2px;
}
.anatimeschildmotherneo{
    width: 48%;
    margin: 4px 1%;
    text-align: center;
    background-color: white;
    box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.2);
    border-radius: 4px;
    padding: 4px 2px;
}
.anatimeschildtitle{
    margin: 4px;
    font-size: 10px;
}
.anatimeschildtext{
    margin: 4px;
    font-size: 11px;
}
.anatimeschildtext span{
    font-weight: bold;
    font-size: 12px;
    color: #004AAD;
    margin-right: 2px;
}
.analyticstimeboctitlebox{
    width: fit-content;
    margin: 4px auto;
    background-color: #004AAD;
    padding: 8px 12px;
    border-radius: 4px;
    box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.2);
    font-size: 14px;
    color: white;
}
.analyticstimeboctitlebox span{
    font-size: 15px;
    margin-right: 2px;
    margin-left: 2px;
}
@media(min-width:888px){
    .anatimeschildmother{
        width: 23%;
        margin: 10px 1%;
        text-align: center;
    }
}

.practicebanner{
    width: 96%;
    margin: 12px auto 12px auto;
    height: auto;
    max-width: 500px;
}
.practicebanner a{
    display: inline-block;
    width: 100%;
}
.practicebanner img{
    width: 100%;
    height: auto;
    border-radius: 4px;
}
/* 動画 */
.ap240520moviepass{
    width: 96%;
    max-height: 350px;
    height: auto;
    background-color: black;
    margin: 8px auto;
    text-align: center;
}
.ap240520moviepass video{
    width: 100%;
    max-height: 350px;
    height: auto;
}
/* ハッシュタグ */
.ap240606hashtags{
    width: fit-content;
    margin-right: 8px;
    margin-bottom: 4px;
}
.ap240606hashtags a{
    width: fit-content;
    font-size: 14px;
    color: #00638a;
    font-weight: bold;
    border-bottom: 1px solid #00638a;
}
.ap240606hashtagsflex{
    width: 96%;
    margin: 4px auto 8px auto;
    display: flex;
    flex-wrap: wrap;
}
@media(max-width:600px){
    .ap240606hashtags{
        width: fit-content;
    }
    .ap240606hashtagsflex{
        width: 94%;
        margin: 4px auto 8px auto;
        display: flex;
        flex-wrap: wrap;
    }
}
#image0,#image1,#image2,#image3,#image4{
    display: none;
}