@charset "utf-8";

/**
 * Theme Name: Test-Theme
 * Text Domain: https://art-creative-factory.mini4master.com/
 * Theme URI: https://art-creative-factory.mini4master.com/wp-content/themes/NewTheme/
 * Author: A.R.T. Creative Factory
 * License: GNU
 * License URI: https://art-creative-factory.mini4master.com/
 * Description: New made
 * Version: 1.00
 */

@font-face{
    /*
    font-family: smartfont;
    src: url('smartfont.woff') format('woff');
    */
    font-family: "Helvetica", "メイリオ";
}

body{
    font-family: smartfont;
    background-color: rgb(16, 16, 64);
    color: #fff;
    margin: auto;
    max-width: 1024px;
}

#header{
    
}

#site-title{
    text-align: center;
    font-size: 2.5em;
    margin: 0.3em auto;
}

#site-title a{
    text-decoration: none;
    color: #fff;
}

#site-title a:hover{
    text-decoration: none;
    color: #fff;
}

#navmenu{
    width: 100%;
}

#navmenu table{
    width: 100%;
    text-align: center;
}


#wrapped-contents{
    display: flex;
    flex-direction: row;
    border-top: 2px solid rgb(255,255,255);
    border-bottom: 2px solid rgb(255,255,255);
}

#wrapped-contents a{
    text-decoration: none;
    color: rgba(255, 192, 192, 0.9);
}

#wrapped-contents a:hover{
    text-decoration: underline;
}


#main{
    display: inline-flex;
    flex-direction: column;
    order: 2;
    margin: 0.3em;
    width: 60%;
}

#main p{
    width: 70%;
    margin: 1.5em auto;
    line-height: 1.5;
    letter-spacing: 0.03em;
    clear: both;
}

#main table{
    margin: auto;
    align-content: center;
    text-align: center;
    border: 1px #fff solid;
}

#main td,th{
    border: 3px #fff solid;
    margin: 0;
}

#main img{
    width: 90%;
    height: auto;
}

#title-article{
    font-size: 2em;
    font-weight: 400;
    letter-spacing: 0.05em;
    text-align: center;
    margin: 1em auto;
}

.minititle{
    font-size: 1.5em;
    font-weight: 300;
    letter-spacing: 0.1em;
    margin: 0.2em 5%;
    border-radius: 5px;
    background: linear-gradient(-45deg, rgba(0, 64, 255, 0.8), rgba(255, 0, 161, 0.8));
}

.minititle span{
    margin: 0.2em;
}

.articlebox{
    text-align: center;
    margin: 0.5em 2em;
    padding: 0.5em 0.75em;
    border: 2px solid;
    border-radius: 5px;
    border-color: rgba(255, 64, 192, 0.8);
    background-color: rgba(16, 16, 128, 0.8);
    box-shadow: 0 2px 6px rgba(16, 16, 16, 0.2);
}


#leftbar{
    order: 1;
    width: 20%;
    border-right: 1px dashed rgb(255,255,255);
}

#rightbar{
    order: 3;
    width: 20%;
    border-left: 1px dashed rgb(255,255,255);
}


#footer{
    text-align: center;
    font-size: 0.9em;
}


.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.sticky{
    
}

.gallery-caption{
    
}

.bypostauthor{
    
}

.screen-reader-text{
    
}

@media screen and (max-width:1024px){
    body{
        font-family: smartfont;
        font-size: 1.2em;
        background-color: rgb(16, 16, 64);
        color: #fff;
        margin: auto;
        max-width: 1024px;
        letter-spacing: 0.05em;
    }

    #header{
		  letter-spacing: 0.05em;
    }

    #site-title{
        text-align: center;
        font-size: 2.5em;
        margin: 0.3em auto;
    }

    #site-title a{
        text-decoration: none;
        color: #fff;
    }

    #site-title a:hover{
        text-decoration: none;
        color: #fff;
    }

    #navmenu{

    }


    #wrapped-contents{
        border-top: 2px solid rgb(255,255,255);
        border-bottom: 2px solid rgb(255,255,255);
    }

    #wrapped-contents a{
        text-decoration: none;
        color: rgba(255, 192, 192, 0.9);
    }

    #wrapped-contents a:hover{
        text-decoration: underline;
    }


    #main{
        display: inline-flex;
        flex-direction: column;
        order: 2;
        margin: auto;
        width: 90%;
    }

    #main p{
        width: 70%;
        margin: 1.5em auto;
        line-height: 1.75;
        letter-spacing: 0.05em;
        clear: both;
    }

    #main table{
        margin: auto;
        align-content: center;
        text-align: center;
        border: 1px #fff solid;
    }

    #main td,th{
        border: 3px #fff solid;
        margin: 0;
    }

    #main img{
        width: 90%;
    }

    #title-article{
        font-size: 2em;
        font-weight: 400;
        letter-spacing: 0.05em;
        text-align: center;
        margin: 1em auto;
    }

    .minititle{
        font-size: 1.5em;
        font-weight: 300;
        letter-spacing: 0.1em;
        margin: 0.2em 5%;
        border-radius: 5px;
        background: linear-gradient(-45deg, rgba(0, 64, 255, 0.8), rgba(255, 0, 161, 0.8));
    }

    .minititle span{
        margin: 0.2em;
    }

    .articlebox{
        text-align: center;
        margin: 0.5em 2em;
        padding: 0.5em 0.75em;
        border: 2px solid;
        border-radius: 5px;
        border-color: rgba(255, 64, 192, 0.8);
        background-color: rgba(16, 16, 128, 0.8);
        box-shadow: 0 2px 6px rgba(16, 16, 16, 0.2);
    }


    #leftbar{
        order: 1;
        width: 0%;
        visibility: hidden;
        border-right: 1px dashed rgb(255,255,255);
    }

    #rightbar{
        order: 3;
        width: 0%;
        visibility: hidden;
        border-left: 1px dashed rgb(255,255,255);
    }


    #footer{
        text-align: center;
        font-size: 0.9em;
    }

}