@media screen and (min-width: 50em) {
    /*---Default Styling---*/
/*    body{*/
/*        background-color: blanchedalmond;*/
/*        background-image: url(../images/main_back.png);*/
/*        background-repeat: repeat-y;*/
/*    }*/
    /*Reusable Classes*/
    /*Header*/
    .headerClass{
        /*    background: #171717;*/
        /*    background-image: url(../images/header_back.png);*/
            background-color:#1c1c1c;
            height:auto;
            padding-bottom:1%;
        }
        .header_logo_img{
        /*    width: 75%;*/
        /*    height:75%;*/
        /*    width:240px;*/
        /*    height:80px;*/
            width:50%;
        
            display: block;
            padding-top: 15px;
            padding-bottom:15px;
            margin-left:25px;
            float:left;
        }

        /*Main*/
        .Main-Top{
            width:100%;
            height:auto;
            background-image: url(../images/studio-tao-site-backimage.png);
            background-size: 100%;
            background-repeat: repeat;
            padding-top: 25px;
            padding-bottom:25px;
        }
        .fp-Main-Top-MessageArea{
            width:85%;
            height:auto;
            background-color: #505050;
            margin: auto;
        }
        .fp-Main-Top-Info-Area{
            width:auto;
            height:100%;
/*            background-color:#aaaaaa;*/
            float:left;
            padding-right:10px;
        }
        .fp-Main-Top-MessageBlock{
/*            background-color: #f18705;*/
            width:70%;
            height:auto;
            margin:auto;
            float:right;
            padding-top:10px;
            padding-bottom:10px;
            margin-top:3%;
            margin-right:10%;
        /*    position:relative;*/
        }
        .fp-Main-Top-MessageBlock span{
            font-size: large;
        }
        .Main-2nd{
            width:100%;
            height:auto;
            background-color: #4c4c4c;
            padding-top: 25px;
            padding-bottom:25px;
            text-align: center;
        }
        .Main-3rd{
            width:100%;
            height:auto;
            background-color: #d9d9d9;
            padding-top: 25px;
            padding-bottom:25px;
        }
        .Main-Bottom{
            width:100%;
            height:auto;
            background-color: #725df0;
            padding-top: 25px;
            padding-bottom:25px;
        }
        .Main-Bottom-Contens-Block{
            width:60%;
            margin:0 auto;
        }
        


        .fp-Main-Top-Thumbnail-Area{
            margin-top:10px;
            width:100%;
            height:auto;
            text-align: center;
        }
        .common-Tumbnail-img{
            width:90%;
            height:auto;
            object-fit: contain;
        }
        .common-card-Tumbnail-img{
            width:90%;
            height:auto;
            object-fit: contain;
        }
        .common-icon-img{
            width:20%;
            height:auto;
            object-fit: contain;
        }
        .fp-Main-Top-Storebudge-Area{
            padding-top:10px;
            width:100%;
            height:auto;
            text-align: center;
        }
        .common-storebudge-img{
            width:20%;
        }
        .fp-h2-products-class{
            color:#8885fe;
            text-align: center;
        }
        .fp-h2-news-class{
            color:#434343;
            text-align: center;
        }
        .fp-h3-games-class{
            color:#ffe400;
            text-align: center;
        }
        
        
        .fp-Main-2nd-Game-Block{
            width:85%;
            height:auto;
            background-color: #1a1a1a;
            padding-top: 25px;
            padding-bottom:25px;
            margin:0 auto;
        }
        
        .fp-Main-3rd-News-Card{
            width:45%;
            height:auto;
            background-color: #505050;
            padding-top: 25px;
            padding-bottom:25px;
            margin:0 auto;
        }
        
/*        .category{*/
/*            color:#ffffff;*/
/*            background-color: #ff0000;*/
/*        }*/
        
        .date{
            color:#ffffff;
        }
        .news-card-p{
            color:#ffffff;
        }
        .news-card-info-block{
            width:90%;
/*            background-color: #aaaaaa;*/
            margin:0 auto;
        }
        
        .bottom_logo_img{
            /*    width: 75%;*/
            /*    height:75%;*/
                width:150px;
                height:50px;
            
                display: block;
                padding-top: 15px;
                padding-bottom:15px;
                margin-left:25px;
        }
        
        .bottom-menu-list-item{
            color:#ffffff;
        }

        .page_item a{
            color:#fff;
        }

    .main2ndBlockClass{
        width:100%;
        height:30rem;
    /*    display:flex; */
    /*    justify-content:center;*/
    }
    .main2ndvideoclass{
    /*    width:90%;*/
    /*    height:20rem;*/

        display:flex;
        justify-content:center ;
        margin-top:50px;
    }

    .video_class{
        width:750px;
        object-fit: contain;
    /*    display:flex;*/
    /*    justify-content:center ;*/
    }
    .footer-menu-class{
        width:60%;
        margin:0 auto;
    }
    .footer-menu-class li{
        color:#fff;
        float:left;
        width:50%;
    }



    /*投稿ページ・固定ページ用*/
    .h1_class{
        width:85%;
        height:auto;
        background-color: #505050;
        border-radius: 7px;
        border:5px solid #ffffff;
        margin: 0 auto;
        text-align:center;
        color:#ffffff;
        padding:1%;
    }
    .h2_class{
        color:red;
        margin-left:10%;
    }
    .footerClass{
        background: #c1bfbf;
        height:70px;
    }
    .footer_copyright{
        display:flex;
        justify-content:center ;
        padding-top:0.5rem;
    }
/*電子書籍ウィジェット用*/
    .books-link-block{
        width:50%;
        height:auto;
        text-align:left;
        margin:0 auto;
    }
/*アーカイブ・検索結果ページ用*/
    .breadcrumbs{
        width:80%;
        margin:0 auto;
    }
}





