@charset "UTF-8";
#darkBG{
	height: 100%;
	left: 0px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -2;
     padding:0;
     margin:0;
     background-color:#000;
     background-image: url(../../_img_bg/idur_bk2000x2200.jpg);
     background-position: top left;
     background-size: cover;
     background-repeat: no-repeat;
}
#darkBGcol {
	background-color: #000;
	height: 100%;
	left: 0px;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
    opacity: 0.85;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}
#blogWrap{
    width:1200px;
    margin:20px auto 100px auto;
}
#leftBlock{
    width:250px;
    float:left;
}
#rightBlock{
    width:250px;
    float:right;
}
#rightBlock .fixControl{
    width:250px;
    position:fixed;
    top:70px;
}

#centerBlock{
    width:650px;
    margin:25px 0 0 25px;
    color:#ddd;
    overflow:hidden;
    float:left;
}


.adsLink{
    margin-top:15px !important;
}
#centerBlock h1{
    margin:0 0 15px 0;
    text-align:center;
}
#centerBlock h1 span{
    display:inline-block;
    font-size:27px;
    color:#eee;
    border-right:8px solid #b3b347;
    border-left:8px solid #b3b347;
    padding:0 15px;
    line-height:1;
}
#centerBlock h2{
    margin:0 0 15px 0;
    text-align:center;
    font-size:17px;
    color:#a86;
}

/* ------- コントロール ------- */
.conpaneBtn{
    display:none;
}
#conpaneClose{
    display:none;
}
.resetBlog {
    display:none;
}
#controler{
    width:100%;
    padding:0;
    margin:0 0 20px 0;
}
#controler .box1,
#controler .box2,
#controler .box3,
#controler .box4{
    background-color:#e7e5e3;
    margin:0 0 10px 0;
    border-radius: 3px;
}
#controler h2{
    font-size:15px;
    font-weight:normal;
    color:#533;
    font-weight:bold;
    line-height:2.2;
    margin:0 5px 10px 5px;
    padding:0;
    border-bottom:solid #533 1px;
}
#controler .box1 p{
    text-align:center;
    padding:0 0 10px 0;
}
#search p .submitBtn2 {
    font-size:13px;
    margin:0 5px;
}
#search p .submitBtn1{
    font-size:16px;
    margin:0 5px;
}
#search p .fldtxA{
    font-size:16px;
}

#controler .box2 .tag{
    padding:0 10px 10px 10px;
}
#controler .box2 .tag li a{
    color:#339;
    font-size:14px;
    display:block;
    padding:2px 0;
}
#controler .box3 .ninki{
    padding:0 10px 10px 10px;
}
#controler .box3 .ninki li a{
    color:#339;
    font-size:14px;
    display:block;
    padding:5px 0;
    line-height:1.3;
}
#controler .box4 .ymList{
    padding:0 10px 10px 10px;
}
#controler .box4 .ymList li a{
    color:#339;
    font-size:14px;
    display:block;
    padding:5px 0;
    line-height:1.3;
}
#controler a.stay{
    background-color:#ebb;
}
#controler a.stayAll{
    background-color:#d7d5d3;
}
/* -------  ------- */
#blogArticles{
    border-top:1px solid #753;
}

#blogArticles article h3{
    color:#ddd;
    font-size:21px;
    font-weight:bold;
    padding:15px 0;
}
#blogArticles article .date{
    color:#ddd;
    text-align:right;
    font-size:13px;
    padding:0 0 15px 0;
}

#blogArticles article .date b{
    font-weight:normal;
    display:inline-block;
    margin:0 1em;
}
#blogArticles article .subTtl{
    color:#ccc;
    text-align:left;
    font-size:15px;
    padding:0 0 15px 0;
    line-height:1.6;
}
/*
#blogArticles article .photo{
    text-align:center;
}
#blogArticles article .photo img,
#blogArticles article .mainArticle img{
    max-width:100%;
    margin:15px 0;
}
*/
.layoutBlockCK{
    font-size:15px;
    line-height:1.6;
    color:#ccc;
    margin:0 0 15px 0;
}
.imgBoxCK{
    text-align:center;
    padding:0;
    overflow:hidden;
}
.imgBoxCK img{
    width:100%;
}
.imgBoxCK.solo{
    margin:0 0 1em 0;
}
.imgBoxCK.yokoL{
    width:calc(50% - 1.5em);
    margin:0 1.5em 1em 0;
    float:left;
}
.imgBoxCK.yokoR{
    width:calc(50% - 1.5em);
    margin:0 0 0 1.5em;
    float:right;
}
.imgBoxCK.tate1{
    margin:0 0 1em 0;
}
.imgBoxCK.tate2{
    margin:0 0 1em 0;
}






#blogArticles article .mainArticle{
    font-size:15px;
    line-height:1.7;
    color:#ddd;
    padding:0 0.5em;
}
#blogArticles article .youtube{
    text-align:center;
}
#blogArticles article .youtube iframe{
    width:600px;
    height:400px;
}   

/* ---------------------------- タブレット --------------------------- */
@media screen and (max-width:1100px){
    #rightBlock {
        display:none;
    }
    #blogWrap{
        width:910px;
        margin:0 auto;
    }
}


/* ---------------------------- スマホ --------------------------- */
@media screen and (max-width:834px){

    #blogWrap{
        width:96vw;
        margin:0 auto 10vh auto;
    }
    #leftBlock{
        width:90vw;
        float:none;
        margin:5vh auto 10vh auto;
        display:none;
    }

    #rightBlock{
        width:100%;
        float:none;
        margin:10vh 0 0 0;
    }
    #rightBlock .fixControl{
        width:100%;
        position:static;
        top:auto;
        text-align:center;
    }
    #centerBlock{
        width:100%;
        margin:4vh 0 0 0;
        float:none;
    }
    #centerBlock h1{
        margin:0 0 1.5vh 0;
    }
    #centerBlock h1 span{
        font-size:7vw;
        padding:0 1.5vh;
    }
    #centerBlock h2{
        margin:0 0 2vh 0;
        font-size:4vw;
    }
    .Pagination{
        text-align:center;
    }
    
    .spSet.btns{
        text-align:center;
        margin:2vh 0;
    }
    
    .resetBlog {
        float:none;
        display:inline-block;
        text-align:center;
        font-size:4vw;
        margin:0 1vw;
    }
    .conpaneBtn{
        display:inline-block;
        text-align:center;
        font-size:4vw;
        margin:0 1vw;
    }
    /* -------  ------- */
    #blogArticles article h3{
        font-size:4.5vw;
        padding:1vh 0;
    }
    #blogArticles article .date{
        font-size:3.7vw;
        padding:0 0 1.5vh 0;
        color:#bbb;
    }
    #blogArticles article .subTtl{
        font-size:4vw;
        padding:0 0 1.5vw 0;
    }
.layoutBlockCK{
    font-size:4vw;
}    
    #blogArticles article .photo img,
    #blogArticles article .mainArticle img{
        margin:1.5vh 0;
    }
    #blogArticles article .mainArticle{
        font-size:4vw;
        padding:0 0.5em;
    }
    #search{
        position:relative;
    }
    #conpaneClose{
        position:absolute;
        top:0;
        right:1vw;
        display:block;
        width:7vw;
        height:7vw;
    }
    #conpaneClose img{
        width:100%;
    }

    #blogArticles article .youtube iframe{
        width:95vw;
        height:60vw;
    }   


    /* ------- コントロール ------- */
    #controler .box2 .tag li a{
        padding:12px 0;
    }
    #controler .box3 .ninki li a{
        padding:12px 0;
        line-height:1.2;
    }
    #controler .box4 .ymList li a{
        padding:12px 0;
        line-height:1.2;
    }
    #controler h2{
        font-size:4vw;
    }
    #search p .submitBtn2 {
        font-size:3.3vw;
    }
    #search p .submitBtn1{
        font-size:3.3vw;
    }
    #search p .fldtxA{
        font-size:4vw;
    }
    #controler .box2 .tag li a{
        font-size:3.8vw;
    }
    #controler .box3 .ninki li a{
        font-size:3.8vw;
    }
    #controler .box4 .ymList li a{
        font-size:3.8vw;
    }

}/* スマホ */