/* フロントページ_の画面幅が1600ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1600px){
  
  


}











/* 画面幅が1400ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1400px){





}









/* 画面幅が1200ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:1200px){



    .tokucyan_uranai .uranai_wrapper {
        grid-template-columns: repeat(1, 1fr);
        padding: 2em 0;
    }

    .tokucyan_uranai .day_title_wrapper{
        margin-top: 0 !important;
    }

    .tokucyan_uranai .day_title br{
        display: none;
    }
    

    .tokucyan_uranai .Illust_wrapper {
        max-width: 800px;
    }

    .tokucyan_uranai .scratch_sub_ttl {
        font-size: 2em;
        margin: 2em 0 1.5em 0;
    }

    .tokucyan_uranai .sns_wrapper br{
        display: none;
    }

    .tokucyan_uranai .sns_wrapper .sns_list {
        margin-top: 1em;
    }

    
    
  






}






/* 画面幅が900ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:900px){

    .tokucyan_uranai .day_title br {
        display: block;
    }

    .tokucyan_uranai .sns_wrapper br {
        display: block;
    }

}



/* 画面幅が600ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:600px){
    

    .tokucyan_uranai .inner_wrapper {
        margin:0 auto;
    }



    .tokucyan_uranai .date {
        font-size: 1.5em;
        margin-bottom: 0em;
    }

    .tokucyan_uranai .day_title {
        margin-top: 0.2em;
    }



 

    .tokucyan_uranai .date {
        font-size: 1.5em;
    }

    .tokucyan_uranai .comment {
        font-size: 1em;
        line-height: 1.2em;
    }

    .tokucyan_uranai .Illust_wrapper {
        width: 75%;
    }

    .tokucyan_uranai .sns_wrapper {
        font-size: 1.2em;
        line-height: 1.6em;
    }


    .tokucyan_uranai .sns_wrapper .sns_list {
        margin-top: 2em;
    }

    .scratch_wrapper .scratch_sub_ttl{
        font-size: 1.5em;
        margin: 1.5em 0 1.5em 0;
    }

    .tokucyan_uranai .scratch_content {
        height: 300px;
    }

    .tokucyan_uranai .message {
        font-size: 2em;
    }

   

    .tokucyan_uranai .fortune_title {
        font-size: 5em;
    }

    .tokucyan_uranai .memo_box{
        font-size: 0.8em;
        text-align: left;
        line-height: 1.6em;
    }

    .tokucyan_uranai .memo_box br{
        display: none;
    }



   

  



  











  

  







}





/* 画面幅が500ピクセル以下の場合にスタイルを適用する条件 */
@media screen and ( max-width:500px){



  








}