body{font-family: YuGothic,  /* For Mac */
    "Yu Gothic M", "Yu Gothic Medium",  /* For Windows Firefox, Edge, IE */
    "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro",  /* For Mac Fallback */
    Meiryo,  /* For Windows Fallback (Chrome) */
    sans-serif; color: #333;
    background-color:rgb(13, 4, 59);

}

img{display: block;}

@media screen and ( min-width:800px ){
    pre{white-space: pre-wrap;
    line-height: 180%;
    font-family: "メイリオ",Meiryo,san-serif;
font-size: 15px;}
    .green_name {
        color: #333;
        font-weight: bold;
        font-size: 15px;
        background:none;
    }
    body{background-image:
        radial-gradient(white, rgba(20, 7, 97, 0.2) 2px, transparent 40px),
        radial-gradient(white, rgba(51, 4, 112, 0.15) 1px, transparent 30px),
        radial-gradient(white, rgba(16, 8, 124, 0.1) 2px, transparent 40px),
        radial-gradient(rgba(255,255,255,.4), rgba(12, 4, 117, 0.1) 2px, transparent 30px);
        background-size: 550px 550px, 350px 350px, 250px 250px, 150px 150px; 
        background-position: 0 0, 40px 60px, 130px 270px, 70px 100px;}
    span{background: linear-gradient(transparent 50%, #efffa8 50%);font-size: 24px;font-weight:bold;color:#f00;}
    .penis{background: linear-gradient(transparent 50%, #baf7ff 50%);font-size: 30px;font-weight:bold;color:rgb(68, 0, 255);font-size: 46px;
        line-height: 75px;}
    .percent{background: none;font-size: 70px;font-weight:bold;color:#fff;}
    .text_green{width: 760px;
        margin: 10px auto;
        font-size: 50px;
        text-align: center;
        padding: 5px;
        font-weight: bold;
        /* line-height: 43px; */
        background-color:#ff00ff;
        color: #fff;
    }

    li{color:#f00;font-weight:bold;    font-size: 19px;}
    ul {
        border: 2px skyblue dashed;
    width: 600px;
    margin: 6px auto;
    padding: 10px;}
    .master{width:1100px;margin:0 auto; 
        display: flex;-webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        }
        .main-left{border-radius:12px;background-color: #fff;width: 850px;  box-shadow: 0px 3px 14px rgba(0,0,0,0.4);margin-top:15px;margin-bottom: 15px; padding:20px; }
        .main-right{border-radius:12px;background-color: #fff;width: 240px;  box-shadow: 0px 3px 14px rgba(0,0,0,0.4);margin-top:15px;margin-bottom: 15px; padding:20px; margin-left: 10px;}
    header{width:100%;background-color: #ff00ff;height:40px;color:#fff;text-align: center;font-size: 18px;letter-spacing: 5px;
        box-shadow: 6px 3px 10px rgba(0,0,0,0.4);}
        footer{width:100%;background-color: #ff00ff;height:60px;color:#fff;text-align: center;font-size: 18px;letter-spacing: 5px;
            box-shadow: 6px 3px 10px rgba(0,0,0,0.4);}
            .headerp{padding:0;margin:0;}
        .headerp{padding:0;margin:0;}
.topimg{max-width: 900px;margin: 20px auto 0px;}
.topimg>img{width: 100%;border-radius: 19px;}
.text{width: 760px;margin:0 auto;font-size: 17px;line-height: 52px;}

h3{width: 760px;border-bottom:1px solid #ff00ff;font-size: 30px;font-weight:bold;color: #ff00ff;}
h1{width: 100%;margin:20px auto 4px;border-bottom: 1px solid #666;font-size: 34px;}
h4{
    background-color:#ff00ff;
  color: #fff;
  padding-left: 10px;
  margin: 10px 0;
  font-size: 21px;}
h5{
    border-left: 5px solid #ff00ff;
  color: #ff00ff;
  padding-left: 10px;
  margin: 0;
  font-size: 18px;}
  .profile>img{display: block;width: 90%;margin:10px auto;}
  .profp{margin-top: 0;}
.small{    font-size: 12px;
    background-color:#ff00ff;
    color: #fff;
    width: 45%;
    padding: 5px;
    margin: 0;
margin-bottom:20px;}
.btn{width: 756px;height: 117px;margin:50px auto; }
.btn img{transition: all 0.3s ease 0s;}
.btn img:hover{padding-top:4px;}
.hame{width:90%;margin:23px auto;}
.rightad{margin:10px auto;width: 100%;}

}
@media screen and ( max-width:799px ){
    pre{white-space: pre-wrap;
        line-height: 180%;
        font-family: YuGothic,  /* For Mac */
    "Yu Gothic M", "Yu Gothic Medium",  /* For Windows Firefox, Edge, IE */
    "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro",  /* For Mac Fallback */
    Meiryo,  /* For Windows Fallback (Chrome) */
    sans-serif; 
    font-size: 15px;}
        .green_name {
            color: #333;
            font-weight: bold;
            font-size: 15px;
            background:none;
        }
    body{background-color: #fff;}
    li{color:#f00;font-weight:bold;    font-size: 21px;}
    ul {
        border: 2px skyblue dashed;
    width:90%;
    margin: 6px auto;
    padding: 10px;}
    .master{width:100%;margin:0 auto;}
    header{width:100%;background-color: #ff00ff;height: 27px;color:#fff;font-weight: bold;}
    footer{width:100%;background-color: #ff00ff;height:27px;color:#fff;}
        .headerp{padding:0;margin:0;}
    .headerp{padding:0;margin:0;text-align: center;}
    span{background: linear-gradient(transparent 50%, #efffa8 50%);font-size: 20px;font-weight:bold;color:#f00;}
.shadow{box-shadow: 6px 3px 10px rgba(0,0,0,0.4);}
.text{width: 96%;margin:0 auto;font-size: 16px;line-height: 40px;}
h3{width: 98%;border-bottom:1px solid #ff00ff;font-size: 19px;font-weight:bold;color: #ff00ff;}
h1{width: 100%;margin:20px auto 4px;border-bottom: 1px solid #666;font-size: 22px;}
.small{    font-size: 10px;
    background-color:#ff00ff;
    color: #fff;
    width: 100%;
    padding: 5px;
    margin: 0;
margin-bottom:20px;}
.topimg{width: 100%;margin-bottom: 20px;}
.topimg>img{width: 100%;}
.btn{width: 99%;margin:0px auto;     padding: 10px 0;}
.btn img{width: 100%;}
img{max-width:100%;margin: 20px auto;}
.rightad{display:none;}
h5{
    border-left: 5px solid #fff;
  color: #fff;
  padding-left: 10px;
  margin: 0;
  font-size: 18px;}
  h4{
    background-color:#ff00ff;
  color: #fff;
  padding-left: 10px;
  margin: 10px 0;
  font-size: 24px;}
  .profile{background-color: #ff00ff;color:#fff;padding: 10px;    margin-top: 20px;}
  .profile>img{display: block;width: 20%;margin:10px auto;}
  .profp{margin-top: 0;color:#fff;}
  .percent{background: none;
    font-size: 47px;
    font-weight: bold;
    color: #fff;}
    .text_green{    width: 95%;
        margin: 10px auto;
        font-size: 22px;
        text-align: center;
        padding: 0px;
        font-weight: bold;
        /* line-height: 43px; */
        background-color:#ff00ff;
        color: #fff;
    }
}