/*---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-p{
    font-size:0.8em;
    color:#fff;
    margin-block-start: 0;
    margin-block-end: 0;
    padding-top:20px;
    margin-left:2em;
}
.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;
}
.header-blog-card{
    background-color: #d9d9d9;
    border-radius: 7px;
    border:5px solid #9b5ffd;
    width:35%;
    height:2em;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    float:right;
    margin-top:2%;
    margin-right:2%;
    position:relative;
}
.header-blog-card a {
    position:absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}
.header-blog-card p {
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin:auto;
}

.header-nav {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 80;
    background-color: #3584bb;
}
.header-nav ul {
    padding: 70px 10px 0;
}
.header-nav ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.header-nav ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.header-nav ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}
#menu-btn-check {
    display: none;
}


.laptop-header-nav{
    display:none;
}

.search_form_block{
    width:90%;
    text-align: right;
    margin:0 auto;
}

.header_message{
    font-weight: bold;
    width:90%;
    color:#ff005d;
    margin:0 auto;
    padding-top:5px;
    padding-bottom:5px;
}




/*Main*/
.mainClass{
    width:100%;
    height:auto;
    background-image: url(../images/studio-tao-site-backimage.png);
    background-size: 100%;
    background-repeat: repeat;
}
.Main-Top{
    padding-top: 25px;
    padding-bottom:25px;
}
.fp-Main-Top-MessageArea{
    width:85%;
    height:auto;
    background-color: #505050;
    border-radius: 7px;
    border:5px solid #ffffff;
    margin: auto;
    position:relative;
}
.fp-Main-Top-Info-Area{
    width:auto;
    height:auto;
/*    background-color:#aaaaaa;*/
    float:left;
    padding-right:10px;
    margin-top:1%;
    margin-left:2%;
    margin-bottom:1%;
}
.fp-Main-Top-Info-Category-Block{
    padding-left:0;
    width:auto;
}
.fp-Main-Top-Info-Category-Block li{
    list-style:none;
    color:#ffffff;
    background-color: #ff0000;  
    margin-top:3px;  
}
.fp-Main-Top-MessageBlock{
/*    background-color: #f18705;*/
    color:#ffffff;
    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 a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}


.right-date{
    display:block;
    float:right;
    margin-right:10%;
}

.fp-app-card{
    background-color: #505050;
    border-radius: 7px;
    border:5px solid #989898;
    width:90%;
    height:auto;
    padding-top:5px;
    padding-bottom:5px;
    margin:0 auto;
    margin-top:10px;
    margin-bottom:10px;
}
.common-app-card-icon-img{
    width:100%;
    height:auto;
    object-fit: contain;
    margin:1%;
}
.app-card-l-block{
    width:20%;
    float:left;
    margin:5px;
}
.app-card-r-block{
    width:70%;
    float:left;
}
.app-card-app-info{
    color:#ffaa00;
    width:95%;
    margin-block-start: 1%;
    margin-block-end: 1%;
}
.app-card-app-title{
    font-size: larger;
    font-weight: bold;
    color:#ffffff;
    width:90%;
    margin:10px auto;
    margin-block-start: 1%;
    margin-block-end: 1%;
}
.common-storebudge-img{
    width:35%;
}
.fp-app-news-block{
    width:90%;
    height:auto;
    background-color: #5239e0;
    margin:0 auto;
}

.fp-app-news-block a{
    text-decoration: none;
}

.fp-app-news-title{
    width:90%;
    margin:0 auto;
    padding-top:5px;
    padding-bottom:5px;
    font-weight: bold;
    color: rgb(0, 242, 255);
}
.fp-app-news-img{
    width:100%;
    height:auto;
    object-fit: contain;
    margin:1%;
}
.app-card-app-news-title{
    color: rgb(0, 255, 34);
    width:90%;
    margin:10px auto;
}
.read_article_p{
    color: rgb(0, 255, 34);
    width:90%;
    margin:10px auto;
}

.Main-2nd{
    width:100%;
    height:auto;
    background-color: #4c4c4c;
    padding-top: 1px;
    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;
}



.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:50%;
    height:auto;
    object-fit: contain;
    margin:1%;
}
.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;
    font-size: 64px;
    line-height:1em;
}
.fp-h2-news-class{
    color:#ff0000;
    text-align: center;
    font-size:64px;
    margin-block-start:0;
    margin-block-end: 0;
}
.fp-h3-games-class{
    color:#ffe400;
    text-align: center;
    font-size:32px;
    margin-block-start:0;
    margin-block-end: 0;
}
.fp-h3-apps-class{
    color:#3ebcff;
    text-align: center;
    font-size:32px;
    margin-block-start:0;
    margin-block-end: 0;
}
/*電子書籍宣伝ウィジェット用*/
.widget-apps-books-books-area{
    width:100%;
    height:auto;
    background-color: #4c4c4c;
    padding-top: 1px;
    padding-bottom:25px;
    text-align: center;

}


.widget-books-block{
    width:85%;
    height:auto;
    background-color: #1a1a1a;
    padding-top: 25px;
    padding-bottom:25px;
    margin:0 auto;
    border-radius: 7px;
    border:5px solid #ffffff;
}
.h2-books-widget-title-class{
    color:#8885fe;
    text-align: center;
    font-size: 32px;
    line-height:1em;
}
.h3-books-title-class{
    color:#ffe400;
    text-align: center;
    font-size:24px;
    margin-block-start:0;
    margin-block-end: 0;
}
.common-creative-img{
    width:75%;
    height:auto;
    object-fit: contain;
    margin:1%;    
}
.books-info-p{
    width:90%;
    color:#ffaa00;
    font-size:20px;
    margin-block-start:0;
    margin-block-end: 0;
}
.books-link-block{
    width:80%;
    height:auto;
    text-align:left;
    margin:0 auto;
}
.books-link-text{
    color:#5fbdfb;
    font-size:1em;
}

/*アプリ宣伝ウィジェット用*/
.h2-apps-widget-title-class{
    color:#8885fe;
    text-align: center;
    font-size: 32px;
    line-height:1em;
}








.fp-Main-2nd-Game-Block{
    width:85%;
    height:auto;
    background-color: #1a1a1a;
    padding-top: 25px;
    padding-bottom:25px;
    margin:0 auto;
    border-radius: 7px;
    border:5px solid #ffffff;
}

.fp-Main-3rd-News-Card{
    width:45%;
    height:auto;
    background-color: #505050;
    padding-top: 25px;
    padding-bottom:25px;
    margin:0 auto;
    border-radius: 7px;
    border:5px solid #ffffff;
    position:relative;
}

.fp-Main-3rd-News-Card a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}


.news-card-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;
}
.footer-menu-class li{
    color:#fff;
}
.page_item a{
    color:#fff;
    text-decoration:none;
}


.mainBlockClass{
    width:100%;
/*    height:30rem;*/
    height:auto;
/*    display:flex; */
/*    justify-content:center;*/
}
.thumbnailclass{
    /*    width:90%;*/
    /*    height:20rem;*/
    
/*        display:flex;*/
/*        justify-content:center ;*/
/*        margin-top:50px;*/
    width:90%;
    height:30rem;
    margin:auto;
}
.footer-menublock ul menu{
margin-left:0%;
}
.footer-menublock ul li{
    list-style:disc;
}
.footer-menublock a{
    text-decoration: none;
}


.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:80%;
    object-fit: contain;
/*    display:flex;*/
/*    justify-content:center ;*/
}

/*投稿ページ用*/
.h1_class{
    width:85%;
    height:auto;
    background-color: #505050;
    border-radius: 7px;
    border:5px solid #ffffff;
    margin: 0 auto;
    margin-top:10px;
    text-align:center;
    color:#ffffff;
    padding:1%;
}
.h2_class{
    color:red;
    margin-left:10%;
}

.content_block{
    width:90%;
    height:auto;
    margin:auto;
}


.footerClass{
    background: #c1bfbf;
    height:70px;
}
.footer_copyright{
    display:flex;
    justify-content:center ;
    padding-top:0.5rem;
}


/* コンタクトフォーム横幅調節 */
.wpcf7{
    width:80%;
    margin:0 auto;
}
.wpcf7 input[name="your-name"] { /* 名前入力欄 */
    width: 100%;
}
   .wpcf7 input[name="your-email"] { /* メール入力欄 */
    width: 100%;
   }
   .wpcf7 input[name="your-subject"] { /* タイトル入力欄 */
    width: 100%;
   }
   .wpcf7 textarea[name="your-message"] { /* 本文入力欄 */
    width: 100%;
   }
   .wpcf7-form-control-wrap {
    display: block;
    text-align: center;
  }

  .menu-btn {
    position: fixed;
    top: 10px;
    right: 10px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background-color: #3584bb;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}

#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check:checked ~ .header-nav {
    left: 0;/*メニューを画面内へ*/
}

/*アーカイブページ・検索結果ページ用*/
.archive-mainClass{
    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;
}
.archive-section{
    width:90%;
    margin:0 auto;
}
.breadcrumbs{
    width:90%;
    margin:0 auto;
}
.archive-title-h1{
    color:#ff0000;
    font-weight:bold;
}
.info_message{
    font-weight: bold;
    width:90%;
    color:#000000;
    margin:0 auto;
    padding-top:5px;
    padding-bottom:5px;
}
.archive-ul{
    padding-inline-start: 0;
}
.archive-li{
    display:block;
    width:100%;
    list-style-type: none;
    margin:0 auto;
}
.archive-card{
    background-color: #505050;
    border-radius: 7px;
    border:5px solid #ffffff;
    width:100%;
    height:auto;
    padding-top:5px;
    padding-bottom:5px;
    margin-top:5px;
    margin-bottom:5px;

}
.archive-card a {
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}


.archive-card-title{
    width:90%;
    margin:0 auto;
    color:#ffffff;
    padding-top:5px;
    padding-bottom:5px;
}
.archive-card-date{
    display:block;
    width:90%;
    color:#ffffff;
    text-align:right;
    margin-right:1%;
}

.nav-links{
    text-align:center;
}

/*404ページ用*/
.notfound-mainClass{
    width:100%;
    height:40;
    background-image: url(../images/studio-tao-site-backimage.png);
    background-size: 100%;
    background-repeat: repeat;
    padding-top: 25px;
    padding-bottom:25px;
}

.notfound-section{
    width:90%;
    margin:0 auto;
}
/*固定ページ用*/
.single-page-mainClass{
    width:100%;
    height:auto;
    background-image: url(../images/studio-tao-site-backimage.png);
    background-size: 100%;
    background-repeat: repeat;    
}