/*
color style
*/

@charset "UTF-8";

/* background color
-------------------------------------------------------------- */
/*@media screen and (min-width: 1500px) {
 .particleground,

    .particleground2,
    #particles2{
        position:fixed!important;
        background: #ba00ff!important;
        z-index:0!important;
        top: 45%;
        left: 19%;
        width: 100%;
        height: 100%;
        transform: rotate(160deg);
        -webkit-transform: rotate(130deg);
        -moz-transform: rotate(50deg);
        -o-transform: rotate(60deg);
        transform-origin: right top;
        -moz-transform-origin: right top;
        -webkit-transform-origin: right top;
        -o-transform-origin: right top;
    }
}*/
#wrapper {
    width:100%!important;
    margin-left:100px!important;
}
@media screen and (max-width: 1400px) {
    #wrapper{
        margin-left:0px!important;
    }
}
#headerWrap {
    background-color:#fff; /* ヘッダー部分背景色 */
    max-width:1980px!important;
    padding:0px!important;
    text-align: center!important;
    font-size: 12px!important;
}

#headerWrap h1 {
    padding:0px!important;
    background: none repeat scroll 0 0 #fff; /* h1の背景色 */p
}
#headerWrap nav {
    background: none repeat scroll 0 0 #fcfcfc; /* ナビの背景色 */
    text-align: center!important;
    border-bottom:1px solid #d1d1d1!important;
    padding-bottom:-5px!important;
    transition: .01s!important;
}

.fixed headerWrap nav{
    background:#222!important;
}
#headerWrap nav :hover{
    color:#5a5a5a!important;
}
#breadcrumb {
    background: none repeat scroll 0 0 #fcfcfc; /* パンくず背景色 */

}
#footerWrap {
    background: none repeat scroll 0 0 transparent; /* フッター背景色 */
}

#headerWrap_bg {
    background: linear-gradient(#6C6C6B, #000000); /* ヘッダー背景色 */
}

#container {
    background-color:transparent; /* コンテンツ背景色 */
    margin-top:50px!important;
    max-width: 1080px!important;
}

a{
    color:#222!important;
    transition:.5s!important;
}

/* font color
-------------------------------------------------------------- */
body {
    color: #555555!important; /* 基本文字の色 */
    background:#ebebeb; /* 背景色(下部分) */
}
a {
    color: #DDE6F2; /* リンクの色 */
}
#headerWrap .inner .logo a {
    color: #1f1f1f!important; /* ロゴの色 */
    border-bottom:1px solid #d1d1d1;
    text-decoration: none!important;
  /*  text-shadow: 2px 2px 2px #ccc!important;*/
}


#breadcrumb * {
    color: #727272; /* パンくずリストの文字色 */
    text-align: right!important;
}
#footerWrap {
    color: #222; /* フッターの文字色 */
}

/* h2,h3,h4
-------------------------------------------------------------- */
h1 {
    background-color: #222; /**/
    color: #727272; /* h1文字色 */
    text-align: center!important;
}
h2 {
    color: #000000; /* h2文字色 */
}
#primary h2 {
    color: #000000; /* h2文字色 */
    background: transparent; /* h2の背景色 */
    text-align: center!important;
    border-bottom:1px solid #a0a0a0!important;
    border-radius: 0%!important;
}
h3 {
    color: #000; /* h3文字色 */
    border-color: #444; /* h3のボーダー色 */
}

/* other
-------------------------------------------------------------- */
#headerWrap nav ul li a {
    background: transparent; /* グローバルメニューの背景色 */
    color:#727272!important;
    }

#headerWrap nav ul li a:hover {
    opacity:0.6;
    }

#newPost, #category {
    background-color:transparent; /* カテゴリー・最近の投稿の背景色 */
    }

#newPost h2, #category h2 {
    background-color:transparent; /* カテゴリー・最近の投稿のh2の背景色 */
    }

#newPost .arrow li a, #category .arrow li a{
    border:0px!important;
}
#mainImg {
    margin:10px auto!important;
}
#newPost .arrow li a:hover, #category .arrow li a:hover {
    background-color:transparent; /* カテゴリー・最近の投稿のリストの背景色(ホバー時) */
    opacity:0.6!important;
    color:#fff; /* カテゴリー・最近の投稿のリストの文字色(ホバー時) */
}
.figure_box figure img{
box-shadow: 5px 5px 4px  rgba(0, 0, 0, 0.77) inset!important;
}
.item{
    width:60%!important;
}
    img{
        border:1px solid #ffffff!important;
    }
@keyframes pace-spinner{0%{transform:rotate(0deg);transform:rotate(0deg);}
    100%{transform:rotate(360deg);transform:rotate(360deg);}
}
.figure_box figure img, .figure_box figure +  figure img {
    width:auto;
    max-width:90%!important;
    height:auto;
    margin:0 auto;
}
@media screen and (min-width: 1400px) {
#secondary{
    position: fixed!important;
    margin:0 auto!important;
    left:0!important;
    max-width: 240px!important;
    background:0#fcfcfc!important;
    top:0px!important;
    min-height:1000px!important;
    border-right:1px solid #d1d1d1!important;
    font-size: 12px!important;
}
    #primary{
        float:none!important;
        width: 70%!important;
        margin:0 auto!important;
    }
}
.fixed {
    postion: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.box{
    transition:.2s!important;
}
.box:hover,
.cat-item:hover{
    background:#fcfcfc!important;
}
.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.pace-inactive{display:none;}
.pace .pace-progress{background:#1e1e1e;position:fixed;z-index:2000;top:0;right:100%;width:100%;height:2px;}
.pace .pace-progress-inner{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #1e1e1e, 0 0 5px #1e1e1e;opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);-moz-transform:rotate(3deg) translate(0px, -4px);-ms-transform:rotate(3deg) translate(0px, -4px);-o-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -4px);}
.pace .pace-activity{display:block;position:fixed;z-index:2000;top:15px;right:15px;width:14px;height:14px;border:solid 2px transparent;border-top-color:#1e1e1e;border-left-color:#1e1e1e;border-radius:10px;-webkit-animation:pace-spinner 400ms linear infinite;-moz-animation:pace-spinner 400ms linear infinite;-ms-animation:pace-spinner 400ms linear infinite;-o-animation:pace-spinner 400ms linear infinite;animation:pace-spinner 400ms linear infinite;}
@-webkit-keyframes pace-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@-moz-keyframes pace-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-moz-transform:rotate(360deg);transform:rotate(360deg);}
}
@-o-keyframes pace-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-o-transform:rotate(360deg);transform:rotate(360deg);}
}
@-ms-keyframes pace-spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0deg);}
    100%{-ms-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes pace-spinner{0%{transform:rotate(0deg);transform:rotate(0deg);}
    100%{transform:rotate(360deg);transform:rotate(360deg);}
}