@charset "UTF-8";

#content{
    background:#70d0ca url("../img/cookiehistory/c_bg-min.png") left top repeat;
}
.cookie_history_content{
    padding:70px 0;
    margin:0 auto;
    text-align:center;
    width:900px;
    font-family: "Noto Sans Japanese", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", arial, helvetica, sans-serif;
}

.episode_text{
  color:#d51519;
  font-family: "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-weight:bold;
}

.episode_title{
  font-family: "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  font-weight:bold;
}

.episode1{

}
.episode1 img{
    display: inline-block;
    width:70px;
    height:70px;
    margin-right:15px;
}

.episode{
    margin-top:50px;
    background-color:#fff;
    border:#61b0a6 solid 5px;
    border-radius:100px;
    background-color:#fff;
    padding:15px 10px;
    line-height:70px;
    font-size:35px;
    position:relative;
}

.episode a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.episode_link:hover{
  opacity: 0.7;
}

.episode_head{
    margin-top:50px;
    background-color:#d6508d;
    color:#fff;
    font-size:30px;
    text-align:center;
    padding:10px 0;
}

.episode h2{
    display:inline-block;
}

.episode_content{
    border:#000 solid 5px;
    background-color:#fff;
    padding:30px 45px 50px 45px ;
    margin-top:50px;
}

.episode_content p{
    font-weight:bold;
    line-height:3.5;
    text-align:left;
}

.p_pink{
    color:#d96096;
    font-weight:bold;
    font-size:18px;
}

.p_green{
    color:#73a20e;
    font-weight:bold;
    font-size:18px;
}

.p_middle{
    font-size:18px;
    font-weight:bold;
 }

.p_large{
    font-size:24px;
    font-weight:bold;
 }

 .p_mgT{
    margin-top:30px;
 }

 .p_mgT2{
    margin-top:50px;
 }

 .episode_head2{
    font-size:26px;
 }

@media screen and (max-width: 950px) {
    .cookie_history_content{
        width:90%;
    }
}

.btn_toppage{
    width:500px;
    background-color:#74a50a;
    border:#94cb1d solid 5px;
    border-radius:25px;
    color:#fff;
    font-size:30px;
    font-family: "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    padding:20px;
    margin:50px auto;
    margin-bottom:0;
    text-align:center;
    position:relative;
    height:80px;
}

.btn_toppage img{
    width:100px;
    height:100px;
    vertical-align: middle;
    display: inline-block;
    margin-right:20px;
    margin-top:-35px;
    line-height:100px;
}

.btn_toppage p{
    display: inline-block;
    vertical-align: middle;
    margin-top:-35px;
    line-height:100px;
    font-weight:bold;
}

.btn_toppage a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.btn_toppage:hover{
  opacity: 0.7;
}

.mgT_sp{
    margin-top:0;
}

.mgT_pc{
    margin-top:30px;
}

@media screen and (max-width: 768px) {
    .episode1 img{
        width:30px;
        height:30px;
        margin-right:10px;
    }

    .episode{
        margin-top:50px;
        padding:15px 10px;
        line-height:30px;
        font-size:20px;
    }

    .episode_head{
        margin-top:50px;
        font-size:20px;
    }

     .episode_head2{
        font-size:16px;
     }

    .episode_content{
        padding:15px 15px 30px 15px ;
        margin-top:50px;
        font-size:14px;
    }

    .episode_content p{
        font-weight:bold;
        line-height:2.5;
    }

    .p_middle{
        font-size:18px;
     }

    .p_large{
        font-size:22px;
     }

    .btn_toppage{
        width:95%;
        font-size:18px;
        padding:20px;
        height:65px;
    }

    .btn_toppage img{
        width:70px;
        height:70px;
        vertical-align: middle;
        display: inline-block;
        margin-right:10px;
        margin-top:-27px;
        line-height:70px;
    }

    .btn_toppage p{
        display: inline-block;
        vertical-align: middle;
        margin-top:-27px;
        line-height:70px;
        font-weight:bold;
    }

    .mgT_pc{
        margin-top:0px;
    }

    .mgT_sp{
        margin-top:30px;
    }
}

.center{
    text-align:center !important;
}

.w100{
    width:100%;
}

#footer_cookie{
    text-align:center;
    padding:20px 0;
}

.cookie_copyright{
    margin-bottom:20px;
}

.cookie_copyright img{
    display:inline-block;
    width:47px;
    height:47px;
    margin-right:10px;
}

.cookie_copyright span{
    line-height:47px;
    font-size:20px;
    font-weight:bold;
}

@media (max-width:768px){
    .cookie_copyright img{
        width:30px;
        height:30px;
    }

    .cookie_copyright span{
        line-height:30px;
        font-size:16px;
    }
}