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;
   
}

img{display: block;}

@media screen and ( min-width:800px ){
    .big{text-align: center;font-size:30px!important;margin:0 auto;}
    .redspan{color:#f00;font-weight: bold;}
    .bigspan{font-size:22px;color:rgb(255, 53, 120);font-weight: bold;background: linear-gradient(transparent 50%, #fffc3a 50%);}
    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;
    }
    
   
    .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:#ff6a00;
        color: #fff;
    }

    li{color:#f00;font-weight:bold;    font-size: 25px;}
    ul {
        border: 2px skyblue dashed;
    width: 600px;
    margin: 6px auto;
    padding: 10px;}
    .master{margin: 0 auto;
     
        }
        .main-left{border-radius: 8px;
            background-color: #fff;
            width: 900px;
            box-shadow: 0px 3px 14px rgb(0 0 0 / 40%);

            margin: 18px auto;
            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: #ff6a00;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: #ff6a00;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: 600px;margin: 20px auto 0px;}
.topimg>img{width: 100%;}
.text{width: 530px;margin:0 auto;font-size: 18px;line-height: 52px;}

h3{width: 760px;border-bottom:1px solid #ff6a00;font-size: 30px;font-weight:bold;color: #ff6a00;margin:10px auto;}
h1{width: 100%;margin:4px auto ;border-bottom: 1px solid #666;font-size: 34px;text-align: center;}
h4{width: 700px;
    background-color:#ff6a00;
  color: #fff;
  padding-left: 10px;
  margin: 10px auto;
  font-size: 21px;}
h5{
    border-left: 5px solid #ff6a00;
  color: #ff6a00;
  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:#ff6a00;
    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;width: 100%;}
.btn img:hover{padding-top:4px;}
.hame{width:700px;margin:23px auto;}
.rightad{margin:10px auto;width: 100%;}

}
@media screen and ( max-width:799px ){
    .hame{width:95%;margin:10px auto;}
    .redspan{color:#f00;font-weight: bold;}
    .bigspan{font-size:22px;color:rgb(255, 53, 120);font-weight: bold;background: linear-gradient(transparent 50%, #fffc3a 50%);}
    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: 17px;
        margin: 13px 0;}
    ul {
        border: 2px skyblue dashed;
        width: 98%;
        margin: 6px auto;
        padding: 5px;}
    .master{width:100%;margin:0 auto;}
    header{width:100%;background-color: #ff6a00;height: 27px;color:#fff;font-weight: bold;}
    footer{width:100%;background-color: #ff6a00;height:27px;color:#fff;}
        .headerp{padding:0;margin:0;}
    .headerp{padding:0;margin:0;text-align: center;}
 
.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 #ff6a00;font-size: 19px;font-weight:bold;color: #ff6a00;}
h1{width: 100%;margin:20px auto 4px;border-bottom: 1px solid #666;font-size: 22px;text-align: center;}
.small{    font-size: 10px;
    background-color:#ff6a00;
    color: #fff;
    width: 100%;
    padding: 5px;
    margin: 0;
margin-bottom:20px;}
.topimg{width: 70%;margin: 0 auto 10px;}
.topimg>img{width: 100%;    margin: 14px auto -10px!important;
}
.btn{width: 99%;margin:0px auto;     padding: 10px 0;}
.btn img{width: 100%;}
img{max-width:100%;}
.rightad{display:none;}
h5{
    border-left: 5px solid #fff;
  color: #fff;
  padding-left: 10px;
  margin: 0;
  font-size: 18px;}
  h4{width: 97%;
    background-color:#ff6a00;
  color: #fff;
  padding-left: 10px;
  margin: 10px auto;
  font-size: 20px;}
  .profile{background-color: #ff6a00;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:#ff6a00;
        color: #fff;
    }
}