@charset "UTF-8";
/* ====================================================
　CSS 3@ Document 2016.02.16
==================================================== */
/* ######################################################################################

　基本設定

###################################################################################### */
html {font-size:62.5%;}
body {
    color: #231815;
    font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
    font-size:1.0rem;
}
section,article,aside,div,span,p,ul,ol,li,dl,dt,dd,table,thead,tbody,tr,th,td {font-size:1.3rem;}

p {margin: 0 0 1em;}
p:last-of-type { margin-bottom: 0; }
a { color: #231815; }
.alignL { text-align: left !important; }
.alignC { text-align: center !important; }
.alignR { text-align: right !important; }
.sign {text-align:right;}

a:hover {opacity:0.6;}
.logo a:hover {opacity:1;}

ruby rt {
    font-size:37%;
    position:relative;
    top:0.7em;
}

@media print, screen and (min-width: 768px) {
    br.sp{display: none;}
}
@media screen and (max-width: 767px) {
    br.pc{display: none;}
    a {overflow-wrap:break-word;}
}




/* ######################################################################################

　枠設定

###################################################################################### */

body {text-align:center;}

.contents {
    margin:0 auto;
    text-align:left;
}

@media print, screen and (min-width: 768px) {
    .contents {
        width:1030px;
        padding-left:25px;
        padding-right:25px;
    }
}
@media screen and (max-width: 767px) {
    .contents {
        padding-left:15px;
        padding-right:15px;
    }

}


/* ====================================================
　Header
==================================================== */
.header {
    background:#ffffff;
}
.header .logo{
    float:left;
    margin-left:15px;
}
.header .logo img {width:auto;}

.contents.fb {
    padding-top:50px;
    padding-bottom:20px;
}

/* ヘッダ固定
-------------------------------------*/
.header {
    position:fixed;
    z-index:9999;
    top:0;
    left:0;
    width:100%;
    background:rgba(255,255,255,0.98);
    box-shadow:0 3px 3px rgba(0,0,0,0.1);
}

@media print, screen and (min-width: 768px) {
    body {padding-top:80px;}
    
    .header {
        height:80px;
        min-width:1030px;
        padding-top:10px;
        padding-bottom:10px;
    }
    .header:after {
        content:"";
        display:table;
        clear:both;
    }
    .header .logo img {height:60px;}
    .header .gnav {margin-top:5px;}
}
@media screen and (max-width: 767px) {
    body {padding-top:60px;}
    
    .header {height:60px;}
    .header .logo{position: absolute; z-index: 999999; top: 6px; left: 0;}
    .header .logo img {height:48px;}
    
    .header .mean-bar{
        height: 60px;
        padding: 0;
        background: #fff;
    }
    .header .mean-bar .meanmenu-reveal{
        box-sizing: border-box;
        width: 64px;
        height: 60px;
        background-image: url(../img/header/btn_toggle.png);
        background-size: 32px 25px;
        background-repeat: no-repeat;
        background-position: center 22px;
    }
    .header .mean-bar .meanmenu-reveal.meanclose{background: none;}
    .header .mean-bar .meanmenu-reveal.meanclose span{top: 27px; left: 19px; width: 39%;}
    .header a.meanmenu-reveal span{background: #0a0505;}
    
    
    .header .mean-nav{margin-top: 60px;}
    .header .mean-nav ul:after{
        content:"";
        display: block;
        clear: both;
    }
    .header .mean-nav ul li{
        width: 50%;
        background: rgb(24,29,97); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(24,29,97,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(24,29,97,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(24,29,97,1) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181d61', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    }
    .header .mean-nav ul li a{
        display: block;
        width: 100%;
        padding: 1.4em 0;
        border-top: 1px solid #a97647;
        font-size: 13px;
        text-align: center;
    }
    .header .mean-nav ul li:nth-of-type(2n) a{border-left: 1px solid #a97647;}

    .header .mean-nav ul li.lang {width:100% !important;}

}







/* ====================================================
　Footer
==================================================== */

.footer {
    background:#ffffff;
    margin-top:30px;
    padding-top:26px;
}
.footer .logo {
    margin-bottom:1em;
    font-size:1.1rem;
}
.footer .logo a {
    text-decoration:none;
}
.footer .logo img {
    margin-bottom:0.5em;
}


.copyright {
    display:inline-block;
}

/*@media print, screen and (min-width: 768px) {*/
.copyright {
    margin-bottom:50px;
}
/*}*/



@media print, screen and (min-width: 768px) {
    .footer {
        border-top:1px solid #231815;
        padding-bottom:40px;

    }
}
@media screen and (max-width: 767px){
    .footer {
        padding-bottom: 0;
    }
    .footer .logo,
    .footer .copyright { display:block; text-align:center;}
    .fnav li a {
        padding: 1.4em 0 !important;
    }
}






/*
//ヘッダ
@import "_block_header";

//メインカラム
@import "_block_mainColumn";

//サブカラム
@import "_block_subColumn";

//フッタ
@import "_block_footer";
*/
/* end */