#active-bar, .slides-navigation a.prev:hover, .flex-direction-nav .flex-prev:hover, .slides-navigation a.next:hover,  .flex-direction-nav .flex-next:hover, .mfp-close:hover, .mfp-arrow-left:hover, .mfp-arrow-right:hover, button, input[type=submit], .button, .recent-post-img, span.date {
        background-color:#f18700;
    }
    .tabs li a:hover, .portfolio-nav li:hover, .mainnav a:hover, .colored, a:hover, #secondary aside a:hover, input[type=submit]:hover{
        color:#f38630;
    }    
    input[type=submit]:hover, button, input[type=submit], blockquote, .bypostauthor > article .avatar, .button{
        border-color:#f18700;
    }
    .mainnav, .mainnav ul > li > ul > li{ background-color:#ffffff;}
    #topbar{ background-color:#333333;}
    .rift .caption a{ background-color:#000000;}
    .footer{ background-color:#ffffff;}
    .loadernav{background-color:#ffffff;}
    .mfp-container{background-color:#efefef;}

            h1,.zoo-page-title{font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: normal;}
        h2,h3,h4,h5,h6, body{font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-weight: normal;}
        .accent{ font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
        .zoo-page-title span{ffont-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
        
    body{background-color:#ffffff;font-size: 13px; color:#2e2e2e;}
    .mainnav ul > li > a{ font-size: 11px; }
    .tabs li a, .portfolio-nav li{ font-size: 11px; }
    #nav-above a, #crumbs a, #crumbs .current{ font-size: 11px; }
    h1, .alpha { font-size: 55px; }
    h2, .beta { font-size: 24px; }
    h3, .gamma { font-size: 20px; }
    h4, .delta { font-size: 18px; }
    h5, .epsilon { font-size: 16px; }
    h6, .zeta { font-size: 14px; }
    .mega { font-size: 34px; }
    .giga { font-size: 90px; }
    .tera { font-size: 117px; }
    .accent{ letter-spacing: 4px; }

    h1,h2,h3,h4,h5,h6{color:#2e2e2e;}
    a{color:#2e2e2e;}
    .mainnav a{color:#2e2e2e;}
    .nav-active > a{color: #f38630 !important;}
    .tabs li a, .portfolio-nav li{color:#2e2e2e;}
    .active{background-color: #2e2e2e !important;}
    .footer small{color:#747474;}
            .site-content{ width: 100%;float: left;}
            body,body h1,body h2,body h3,body h4,body h5,body h6 {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
.white_container{background:rgba(255,255,255,0.8); padding:15px 20px; border-radius:3px;max-width:1000px;margin:0 auto;}
.white_container.image{text-align:center;}
.white_container .inner{/*margin-left:25px;*/}
.white_container dl dt{font-weight: bold; list-style: disc outside none; display: list-item; margin-left: 30px;}
.white_container dl dd{margin-left: 40px; margin-bottom: 10px;}
.white_container table{margin-bottom:15px;}
.white_container table th{text-align: left;}
.white_container h3{border-bottom:1px dashed #ea5414; border-left:5px solid #ea5414; padding:3px 12px; font-weight: bold;text-shadow: 0 0 1px #AAAAAA;}
.mega.white{text-shadow:1px 1px 2px #333; color:#fff; font-size:34px;}    @media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px){
        .tera, .mega, .giga { font-size: 55px; }
    }
    @media handheld, only screen and (max-width: 568px), only screen and (max-device-width: 568px){
        h1{ font-size: 24px; }
        h2{ font-size: 20px; }
        
    }

.header-nav {
    text-align: right;
}
.header-nav li{
    list-style-type:none;
    display:inline;
    margin-right:15px;
}

#top .nav-links li{/*
width: 4%;*/
}

/*
.bxslider li{
    padding: 0 80px;
}
*/

ul#floating-menu {
    position: absolute;
    text-align: justify;
    top: 0px;
    right: 0px;
    background-color:rgba(255,255,255,0.8);
    z-index: 9999;
    }


div.c12{
    width:100%;
}

#g1 {
    position: relative;
    margin-bottom:20px;
}

#g1 p.p1{
    position: absolute;
    top:0;
    left:400px;
    
}


#g2 {
    position: relative;
    margin-bottom:20px;
}

#g2 p.p2{
    position: absolute;
    top:0;
    left:400px;
    
}

h2.mega{
    margin-left:50px;

}

div.ac{
    position: relative;
}



h4{
    margin-left:0px;
    text-align: center;

}



.table-column:first-child,
.table-column2:first-child{
    font-weight: bold;   
}

.table-column2 p{
    line-height: normal;
}

.pm{
    margin-top:10px;
}

a:link{
    text-decoration: underline;
}

a:hover{
    text-decoration: none;
}


@media screen and (min-width : 300px) {/*1100px以下だったら無効*/
    .topics{
        position:absolute;
        /*top:85%;*/
				bottom:30%;
        z-index:100;
        width:50%;
		margin: 0px auto;
		left: 0;
		right: 0;
        background-color: rgba(255,255,255,0.7);
		line-height: 0;
        border:solid 0px #fff; 
        padding:20px;
        font-size:1.1vw;
    }
}

@media screen and (max-width : 600px) {/*1100px以下だったら無効*/
    .topics{
        position:absolute;
        /*top:85%;*/
                bottom:30%;
        z-index:100;
        width:90%;
        margin: 0px auto;
        left: 0;
        right: 0;
        background-color: rgba(255,255,255,0.7);
        line-height: 0;
        border:solid 0px #fff; 
        padding:20px;
        font-size:2.1vw;
    }
}

@media screen and (min-width : 800px) {/*1100px以下だったら無効*/
		#superslider_home{
		padding-bottom: 50px;
}

.column2 {
    padding: 0 0 15px 0;
}


@media screen and (min-width : 481px) {/*480px以下だったら無効*/
    .table-row {
        display: table;
        width: 100%;
    }
    
    .table-column {
        display: table-cell;
        vertical-align: top; /*縦位置を揃える*/
        padding:0 0 15px 0;
    }
    
    .table-column:first-child {
        width: 20%; /*左カラムのサイズ*/
        padding:0 0 15px 25px;
    }
    
    .table-row2 {
        display: table;
        width: 100%;
    }
    
    .table-column2 {
        display: table-cell;
        vertical-align: top; /*縦位置を揃える*/
    }
    
    .table-column2:first-child {
        width:15%; /*左カラムのサイズ*/
        padding:0 0 0 25px;
    }
    
    
    
    .inner{margin-left:25px;}
    
    p.cp{
        position:absolute;
        top:30px;right:100px;
    }
    
    p.fnav{
        margin-left:20%;
        padding-top:10px;
    }
    
    div.ac p.print{
        vertical-align: top;
        position: absolute;
        top:475px;
        right:135px;
    }
    
    
    /* PRIVACY */
    #privacy ol.roman li {
        list-style: none;
        font-weight: bold;
    }

    #privacy ol.roman li li {
	   list-style: none;
	   font-weight: normal;
	   margin-bottom:5px;
    }

    #privacy .li-txt, .li-txt dt {
	   font-weight:normal;
	   list-style: none;
    }

    #privacy .li-txt dl.dl-privacy1 dt {
	   width: 20px;
	   margin: 0 -20px 0 0;
	   list-style: none;
	   float:left;
    }
    
    #privacy .li-txt dl.dl-privacy1 dd {
	   margin: 0 0 0 20px;
	   list-style: none;
    }

    #privacy .li-txt dl.dl-privacy2 dt {
	   width: 10px;
	   margin: 0 -10px 0 0;
	   list-style: none;
	   float:left;
    }
    
    #privacy .li-txt dl.dl-privacy2 dd {
	   margin: 0 0 0 10px;
	   list-style: none;
    }


    
    
    
    
}

#pword{
    width:500px;height:500px;
    border-radius:50%;
    padding: 50px;
    color:#fff;
    text-align:center;
    background:#0c0c0c}


@media screen and (max-width : 481px) {/*480px以下の場合に適用*/
    .table-column:first-child {
        margin-top:10px;
    }
    
    
    /*
    .inline_content{
        width:400px;
    }
    */
    
    p.cp{
        text-align: center;
    }
    
    p.fnav{
        text-align: center;
    }
    
    div.ac p.print{
        display: none;
    }
    
    #privacy ol > li{
        margin-left:-0px;
        list-style: none;
    }
    
    #privacy ol.roman > li {
        margin-left:-20px;
        list-style: none;
    }
    
    #privacy dl{
        margin-left:-20px;
        list-style: none;
    }
    
    #privacy dt{
        list-style: none;
    }
}