/*
Theme Name: twentyfifteenchild
Version: 1.6
Template: twentyfifteen
*/


    body:before {
        display:none;
    }

    .site::before {
        display:none;
    }



    .site-content {

		background-image: url("https://newtest075.stars.ne.jp//wp-content/themes/twentyfifteenchild/img/frbglong-s.jpg");
		background-image: none;


    }






    .sidebar {
        background-color: transparent;
        color: #fff;

    }

    .sidebar a {
        color: #fff;
    }


    .site-header {


    }



    .day_box .cat-links {
        display: none;
    }

    .day_box .tags-links {
        display: none;
    }




    .cattag_box {

        float: right;
        text-align: right;

    }

    .cattag_box .posted-on {

        display: none;

    }




   .posted-on:before {
        display: none;
    }

    .cat-links:before {
        display:none;
    }

    .tags-links:before {
        display: none;
    }

    .posted-on {
        margin-right: 0; 
    }


    .secondary-toggle {
    background-color: #050200;
	background-color: #bbb5a3;

    position: fixed;
    top: 0;
    transform: none;
    z-index: 301;
        content: none;
    }



    .site {
        background-color: #622;
        background-color: transparent;
    }


    .site-header {
        background-color: transparent;


        padding: 0;
        margin-top: 10vh;
        height: 30rem;


    }



@media screen and (min-width: 59.6875em) {





    .site-content:before {

        margin-left: 86.1880%;
        position: absolute;
        width: 13.812%;
        background-image: url(https://newtest075.stars.ne.jp//wp-content/themes/twentyfifteenchild/img/frbglong-s.jpg);
        height: 100%;

    }




    .secondary-toggle {
        display: block;
        height: 100%;
        width: 2.27%;
        content: none;
    }

    .secondary-toggle:before {
	background-color: #050200;
	background-color: #bbb5a3;
        content: none;
	content: "";
}




.secondary-toggle:hover,
.secondary-toggle:focus {
	background-color: #050200;
	background-color: #bbb5a3;
}

.secondary-toggle.toggled-on:before {
	background-color: #050200;
	background-color: #bbb5a3;
        content: none;
	content: "";
}

















    .site {
        max-width: none;
    }




    .site::before {

        float: right;
        height: 100%;
        max-width: calc(1403px * 0.294118);
        margin-right: 0;
        margin-left: min((calc(100% - 29.4118%)), (calc(1403px * (calc(1 - 0.294118)))));

        width: 29.4118%;

    }




    .sidebar {


        position: fixed;

        float: right;

        width: 18.0998%;
        width: 21.0998%;

        max-width: none;
        margin-right: 0;

        margin-left: 81.9002%;
        margin-left: 71.9002%;

        z-index: 101;
        height: 100vh;
        background-color: #882a11;

    }


.site-header {
        border-bottom: 0;
        margin: 0 auto 0 0;
        padding: 0;
        height: 100%;

        width: 87.4970%;
        width: 100%;
    }

    .site-content {
        margin-left: 0;
        position: relative;

        width: 81.9002%;
        width: 71.9002%;

    }

    .site-title a {
        color: #fff;
    }

    .site-main {
        padding: 0;
        width: 86.1880%;
        width: 100%;
 
    }


    .hentry {
        padding-top: 8.3333%;
        padding-bottom: 8.3333%;
        margin: 0;
    }

    .entry-content {
        padding: 0;
        width: 550px;
        margin-left: calc((calc(100% - 500px)) / 2);
        margin-right: auto;
        font-size: 12px;
    }




    .entry-title {
        margin-bottom: 0;
        display: block;
        width: calc(100% - (calc(calc(100% - 500px)) / 2));
    }


    .entry-header {
        padding: 0;
        width: 100%;
    }

    .entry-title {
        margin-left: calc((calc(100% - 500px)) / 2);
        width: calc(100% -(calc(calc(100% - 500px)) / 2));
    }

    .day_box {
    margin-left: calc((calc(100% - 500px)) / 2);
    }

    .site-footer {
        padding: 0;
        margin: 0;
        width: 70.5882%;
        float: left;
    }

    .hentry + .hentry, .page-header + .hentry, .page-header + .page-content {
        margin-top: 0;
    }



    .secondary {
        display: none;
    }

    .secondary.toggled-on {
        position: fixed;
        width: 91vw;
        height: 100vh;
        z-index: 304;
        background-color: black;
	background-color: #bbb5a3;


        float: right;
        margin-left: 6vw;

    }



    .site-title {

        width: 16rem;
        width: auto;

        text-align: right;
        text-align: center;

        float: right;
        float: none;

        margin: 10rem 1rem auto auto;

        margin-left: auto;
        margin-right: auto;

    }


}


@media screen and (min-width: 68.75em) {

    .entry-header {
        display: flex;
        margin-bottom: 36px;
        width: 100%;
        padding: 0;
    }





    .day_box {
        margin-left: 0;
        width: calc((calc(100% - 500px)) / 2);
        display: flex
;        justify-content: center;
        align-items: center;
    }


    .entry-title {
        margin-left: 0;
        margin-bottom: 0;
        display: block;
        width: calc(100% - (calc(calc(100% - 500px)) / 2));
    }






}