.ap2408abox{
    width: 98%;
    margin: 0px auto;
}
.ap2408alist{
    width: 98%;
    margin: 0px auto;
    display: flex;
}
.ap2408alchild{
    width: 25%;
    text-align: center;
}
.ap2408alcweek{
    width: 100%;
}
.ap2408alcweek a{
    border-radius: 4px 0px 0px 4px;
    border: 2px solid lightgray;
    background-color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 0px;
    color: gray;
    width: 100%;
}
.ap2408alcmonth{
    width: 100%;
}
.ap2408alcmonth a{
    border-radius: 0px 0px 0px 0px;
    border-top: 2px solid lightgray;
    border-bottom: 2px solid lightgray;
    border-right: 2px solid lightgray;
    background-color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 0px;
    color: gray;
    width: 100%;
}
.ap2408alcyear{
    width: 100%;
}
.ap2408alcyear a{
    border-radius: 0px 0px;
    border-top: 2px solid lightgray;
    border-bottom: 2px solid lightgray;
    background-color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 0px;
    color: gray;
    width: 100%;
}
.ap2408alcset{
    width: 100%;
}
.ap2408alcset a{
    border-radius: 0px 4px 4px 0px;
    border: 2px solid lightgray;
    background-color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 6px 0px;
    color: gray;
    width: 100%;
}

@media(max-width:700px){
    .indexleft{
        display: none;
    }
    .ap2408abox{
        width: 98%;
        margin: 0px auto;
    }
    .indexcenter{
        width: 100%;
    }
}


/* 以下は変更前のCSS */
.poollistpar2{      
    margin: 0px auto;
    border: none;
    margin-right: 0px;
    margin-left: 0px;
    border: none;
}

.whattitle{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: rgb(1, 119, 255);
    margin-bottom: 20px;
    font-family: 'Anton', sans-serif;
}
.whattitle2{
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    color: rgb(1, 119, 255);
    margin-top: 30px;
}
.marginbottom2 {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
.setumeilong p{
    text-align: center;
    margin-bottom: 4px;
}
.setumeilong p span{
    font-weight: 600;
    color: rgb(0, 119, 255);
    font-size: 18px;
}
.marginbottom2 input{
    width: 240px;
    font-size: 16px;
    margin-bottom: 14px;
}
.koumoku1 p{
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.koumoku1 span{
    background-color: rgb(0, 119, 255);
    color: white;
    padding :8px;
    border-radius: 8px;
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.changerange a{
    text-align: center;
    background-color: rgb(1, 119, 255);
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 10px;
    color: white;
}
.changerange{
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}
.genzai{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid gray;
    border-radius: 8px;
    padding: 4px;
}
.genzai h3{
    text-align: center;
}
.range1{
    margin-top: 10px;
}
.whatweek{
    text-align: center;
    margin-top: 30px;
    font-weight: 600;
    font-size: 18px;
}
.setumeiday{
  text-align: center;
  margin-top: 20px;
  margin-bottom: -10px;
}
.setumeiday select{
  font-size: 16px;
}
.cp_ipselect{
  margin-right: 4px;
  margin-left: 4px;
}
.centerthie{
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
}
.postbox{
    padding-top: 0px;
}
.buttonpa input{
    background-color: rgb(0, 119, 255);
    padding: 10px 20px;
    border: 2px solid rgb(0, 119, 255);
    color: white;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    width: 108px;
}
.rangetitle{
    text-align: center;
    border-bottom: 1px solid gray;
    padding-bottom: 10px;
    margin-bottom: 14px;
    background-color: rgb(0, 119, 255);
    padding-top: 10px;
    color: white;
    border-radius: 10px 10px 0px 0px;
}
.rangetitlenext{
    background-color: white;
}
.rangetitle h4{
    font-size: 20px;
    margin-bottom: 6px;
    margin-top: 6px;
}
.rangetitle p{
    font-size: 14px;
}
.whatanacon p{
    font-size:15px;
}
.whatanaimg{
    text-align: center;
}
.whatanaimg img{
    width: 300px;
    height: auto;
}
.whatanatitle{
    text-align: center;
    border-top: 1px solid gray;
    margin-top: 30px;
}
.whatanatitle p{
    font-size: 20px;
    font-weight: 600;
}
.matome{
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 4px;
}
.matome table{
    border-collapse: collapse;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    width: 300px;
    border-radius: 4px;
}

.matome table th {/*table内のthに対して*/
    background-color: lightgray;
    color: black;
    border:1px solid black;
    width: 80px;
    font-size: 12px;
    padding: 4px;
}

.matome table td {/*table内のtdに対して*/
    padding: 3px 4px;/*上下3pxで左右10px*/
    border:1px solid black;
    width: 80px;
    font-size: 14px;
}
.matome table td span{
    font-size: 10px;
    margin-left: 2px;
}
.anpare{
    display: flex;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    width: 300px;
    margin-bottom: 10px;
}
.indexbutton{
    background-color: rgb(0, 119, 255);
    margin-right: 4px;
    margin-left: 4px;
    width: 130px;
    height: 130px;
    border-radius: 8px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    border: 3px solid rgb(0, 119, 255);
}
.indexbutton p{
    font-weight: 600;
    color: black;
    margin-top: 10px;
    font-size: 12px;
}
.okindexbutton{
    background-color: rgb(1, 119, 255);
}
.notindexbutton{
    background-color: rgb(0, 119, 255);
    opacity: 0.5;
}
.indexicon{
    text-align: center;
}
.indexicon p{
    background-color: white;
    border-radius: 50%;
    width: 48px;
    height: 48px;
    display: table-cell; /* IE8から使用可能 */
    vertical-align: middle;
    text-align: center;
}
.indexicon span{
    font-size: 16px;
}
.tode p{
    font-size: 16px;
    color: black;
    background-color: white;
    margin-bottom: 8px;
    margin-top: 4px;
}
.anse{
    margin-bottom: 20px;
}
.dotw{
    background-color: #1DA1F2;
    border: 2px solid white;
    border-radius: 4px;
    width: 100px;
    font-size: 12px;
    margin-right: auto;
    margin-left: auto;
    color: white;
}
.dotw a{
    color: white;
}
@media(max-width:600px){
    .secondindexbutton{
        display: none;
    }
    .thirdindexbutton{
        width: 280px;
    }
}
@media(min-width:600px){
    .thirdindexbutton{
        display: none;
    }
    .anpare{
        width: 420px;
    }
    .indexbutton{
        width: 130px;
        height: 130px;
    }
}
.twitter img{
    width: 40px;
    margin-top: -2px;
    background-color: white;
    height: 40px;
    border-radius: 50%;
}
.titleanal{
    text-align: center;
    border-top: 1px dashed gray;
}
.whatanaimg2{
    text-align: center;
}
.whatanaimg2 img{
    width: 90%;
    max-width: 500px;
    border: 1px solid gray;
}
.whatkinks {
    color: blue;
    word-break: break-all;
}
.tukaikatahe {
    text-align: center;
    margin-bottom: 10px;
}
.tukaikatahe a{
    color: blue;
    border-bottom: 1px solid blue;
}
.rightboxlist{
    width: 94%;
}
.rightboxlistnext{
    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: 16px 0px;
    border-radius: 16px;
    box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.2);
}
.kensakugoana{
    background-color: rgb(0, 119, 255);
    color: white;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 10px;
    border: 2px solid rgb(0, 119, 255);
    margin-top: 10px;
}
.kensakugoana:hover{
    background-color: white;
    color: rgb(0, 119, 255);
    font-weight: 600;
}
.historybox{
    margin-top: 20px;
    background-color: white;
    padding: 10px 0px;
    border-radius: 16px;
}
.memotitle{
    margin: 10px auto;
    width: fit-content;
}
.memotitle p{
    font-size: 16px;
    font-weight: 600;
    color: white;
    background-color: rgb(0,119,225);
    padding: 10px 30px;
    border-radius: 40px;
}
@media(max-width:700px){
    .indexleft{
        display: none;
    }
    .indexcenter{
        width: 98%;
        margin: 0px auto;
    }
}
.numberbasesub{
    width: 96%;
    margin: 0px auto 20px auto;
}
.numberbasesub2{
    width: 100%;
}
.ap240322chanhelabel{
    width: 96%;
    height: auto;
    margin: 8px auto;
}
.ap240322chanhelabel img{
    width: 100%;
    height: auto;
    border-radius: 4px;
}
.analcabox{
    margin-bottom: 14px;
}
.analcabox table {
    width: 98%;
    margin: 10px auto;
    border-radius: 4px;
    box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.2);
    background-color: lightgray;
}
.analcabox th{
    text-align: center;
    padding: 10px;
    width: 14%;
    font-size: 12px;
    border-radius: 2px;
}
.analcabox td{
    text-align: center;
    font-size: 12px;
    width: 14.28%;
    max-width: 14.28%;
    padding: 4px 2px;
    background-color: #fff;
    border-collapse: collapse;
}

.analcabox th {
    background-color: #545454;
    color: white;
    font-weight: normal;
}
.analcaboxflex{
    display: flex;
    flex-wrap: wrap;
}
.analcaboxswim{
    font-size: 9px;
    padding: 2px 2px;
    border-radius: 2px;
    background-color: #2D5C9B;
    color: white;
    width: 49%;
    margin: 2px auto;
    min-width: 20px;
    height: 21px;
}
.analcaboxswim a{
    color: white;
}
.analcaboxsw{
    border: 1px solid #2D5C9B;
}
.analcaboxri{
    background-color: #FF4B4B;
    border: 1px solid #FF4B4B;
    color: white;
}
.analcaboxra{
    background-color: #00964E;
    color: white;
}
.analcaboxnon{
    background-color: white;
    height: 26px;
}
.analcaboxtitle{
    text-align: center;
    display: flex;
    width: fit-content;
    margin: 4px auto;
}
.analcaboxtitle p{
    margin: 0px 20px;
    background-color: white;
    padding: 8px 14px;
    border-radius: 8px;
    box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.1);
    font-size: 14px;
}
.analcaboxtitle p span{
    margin-right: 2px;
    margin-left: 2px;
    font-size: 14px;
}
.analcaboxtitle a{
    width: 40px;
    height: 40px;
    background-color: white;
    padding: 8px;
    border-radius: 50%;
    box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.1);
}
.hidden-day {
    display: none;
}
.openday{
    font-size: 10px;
}
/* 開閉式 */
.ndap1gooduserbox{
    width: 98%;
    margin: 4px auto;
}
.toggle_contents {
	border: 2px solid #2D5C9B;
    background-color: white;
    border-radius: 4px;
    margin: 12px auto 8px auto;
}
.toggle_title {
	position: relative;
	padding: 8px 4px;
	cursor: pointer;
	font-size: 14px;
    font-weight: 600;
    color: white;
	text-align: center;
	line-height: 1.4;
    background-color: #2D5C9B;
}
.toggle_btn {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	background: white;
	display: block;
	width: 24px;
	height: 24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
}
.toggle_btn:before, .toggle_btn:after {
	display: block;
	content: '';
	background-color: #0052a4;
	position: absolute;
	width: 10px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.toggle_btn:before {
	width: 2px;
	height: 10px;
}
.toggle_title.selected .toggle_btn:before {
	content: normal;
}
.toggle_contents dd {
	display: none;
    margin-left: 0px;
}
.analyticsdate{
    text-align: center;
    margin: 8px auto;
}
.analyticsselectbutton{
    font-size: 16px;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid gray;
    color: black;
    margin: 8px 2px;
    background-color: #fff;
}
.analyticssubmitbusson{
    margin: 4px auto;
    width: 96%;
    max-width: 300px;
}
.analyticsinputsub{
    background-color: #2D5C9B;
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #2D5C9B;
    color: white;
    font-weight: bold;
    border-radius: 4px;
}

/* グラフのところ */
.ap20240203analytics{
    background-color: #fff;
    margin: 12px auto;
    width: 98%;
    border-radius: 4px;
    box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.1);
}
.analyticsdate223{
    background-color: lightgray;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 16px;
}
.analyticsdate223 form{
    margin-bottom: 0px;
}
.ap223totalana{
    background-color: #fff;
    width: 98%;
    margin: 16px auto;
    border-radius: 4px;
    box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.1);
}
.ap223totalanatitle{
    width: 100%;
    text-align: center;
    background-color: #2D5C9B;
    margin: 0px auto 8px auto;
    padding: 8px 0px;
    font-size: 14px;
    color: white;
    border-radius: 4px 4px 0px 0px;
}
.analyticstimesboxafter{
    margin-top: 20px;
}
.ap240221aninput{
    width: 96%;
    background-color: lightgray;
    padding: 0px 0px 0px 0px;
    border-radius: 4px;
    margin: 12px auto;
    box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.1);
}
.ap240221aititletop{
    text-align: center;
    background-color: #2B2B2B;
    padding: 8px;
    font-size: 15px;
    font-weight: bold;
    color: #fafafa;
    border-radius: 4px 4px 0px 0px;
    margin-top: 8px;
    width: 100%;
}
.ap240221aninputbox{
    margin: 8px auto 0px auto;
    padding: 4px 8px;
}
.ap240221aninputbox form{
    margin-bottom: 8px;
}
.ap240221aititle{
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin-bottom: 4px;
    margin-left: 2px;
}
.ap240221aitext input{
    width: 100%;
    padding: 8px;
    border-radius: 4px;
    font-size: 16px;
    border: 2px solid white;
    margin-bottom: 8px;
}
.ap240221aibutton{
    text-align: center;
    margin-top: 12px;
}
.ap240221aibutton input{
    padding: 12px 24px;
    font-size: 15px;
    border-radius: 4px;
    color: white;
    background-color: #2B2B2B;
    border: 2px solid white;
}

/* ラベルのセッティング */
.analyticslabel{
    width: 96%;
    margin: auto;
    background-color: #fafafa;
    padding: 8px;
    box-shadow: 0px 10px 10px 2px rgba(0,0,0,0.1);
    border-radius: 4px;
}
.analyticslabeltopimg{
    width: 100%;
}
.analyticslabeltopimg img{
    width: 100%;
}
.ap240216periaclubal2{
    background-color: lightgray;
    font-size: 12px;
    padding: 8px;
    width: 100%;
    border-radius: 4px;
    margin: 8px auto;
}
/* ラベルカラー */
.labelca {
    cursor: pointer;
    padding-left: 36px;
    position: relative;
    margin-bottom: 16px;
    font-size: 14px;
    display: flex;
}
.alchild{
    display: flex;
    flex-wrap: wrap;
    margin: 12px auto;
    width: 98%;
    max-width: 500px;
    padding-bottom: 8px;
    border-bottom: 1px solid lightgray;
}
.labelcaimage{
    width: fit-content;
    padding: 2px 8px;
    border-radius: 2px;
    font-size: 12px;
    margin-right: 4px;
    color: white;
}
.labelcaimagen11{
    background-color: #2D5C9B;
    color: white;
}
.labelcaimagen12{
    background-color: #2483A2;
}
.labelcaimagen13{
    background-color: #2A67ED;
}
.labelcaimagen14{
    background-color: #00C0DB;
}
.labelcaimagen15{
    background-color: #56BFAC;
}
.labelcaimagen16{
    background-color: #6B2D9B;
}
.labelcaimagen21{
    background-color: #FF5757;
    color: white;
}
.labelcaimagen22{
    background-color: #E66116;
}
.labelcaimagen23{
    background-color: #E6AC16;
}
.labelcaimagen24{
    background-color: #DB0D9B;
}
.labelcaimagen25{
    background-color: #bc9c78;
}
.labelcaimagen26{
    background-color: #cd6c91;
}
.labelcaimagename{
    padding: 2px 4px;
    font-size: 14px;
    width: 64%;
    min-width: 220px;
    margin: auto 0px;
}
/* ラベルカラー終了 */
.alchildtitle{
    width: 100%;
    background-color: #004AAD;
    color: white;
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    margin: 12px 0px 4px 0px;
}
.alchildtitlerikujou{
    width: 100%;
    background-color: #FF5757;
    color: white;
    padding: 8px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    margin: 12px 0px 4px 0px;
}
.labelcachangebutton{
    width: 24%;
}
.labelcachangebutton a{
    width: 100%;
    font-size: 12px;
    padding: 4px;
    border-radius: 2px;
    background-color: gray;
    color: white;
    display: inline-block;
    text-align: center;
}