@charset "utf-8";
/*-----------------------------------------------------
common
--------------------------------------------------------*/
	.forPC,
	.forSP{display:none;}
	.forTB{display:inherit;}

/*-----------------------------------------------------
tablet
--------------------------------------------------------*/
img {max-width:100%; height:auto;}
html{font-size:10px;}
body{font-size:1.5rem;}

/*--------------------------------------------------------------------
   footer
---------------------------------------------------------------------*/
footer{padding:5% 20px 3%;}
footer #ftrIn .logo{
    position:static;
    margin:0 auto 20px;
}
footer #ftrIn .logoEng{
    width:182px;
    height:56px;
}
footer nav {
    margin-left:0;
    padding-left:0;
    border-left:none;
}
footer nav ul {
    width: 25%;
}
footer nav ul li.hideSp {
    display: none;
}
footer nav ul li a{
    display:block;
    padding:1em 0;
}

footer nav .lan{
    margin-left:0;
    padding-left:0;
    padding-bottom:20px;
    text-align:center;
}
footer nav .lan a,
footer nav .lan span{
    text-align:left;
    font-size:1.3rem;
    padding:0.5em 0;
}
footer p.copy{
    font-size:1.2rem;
    text-align:center;
    position: relative;
    left: auto;
    bottom: auto;
}
/*--------------------------------------------------------------------
   maintitle
---------------------------------------------------------------------*/
#mainTitle{padding-left:20px;}
/*----------------------------------------------------
local --- top
-------------------------------------------------------*/
/* mainimage
---------------------------------------------------------*/
#mainImage li div{
    height:-webkit-calc(100vh - 80px);
    height:calc(100vh - 80px);
}


/*----------------------------------------------------
local --- second
-------------------------------------------------------*/

/* blog
----------------------------------------------------*/
.pageNav ul li.prev a::before,
.pageNav ul li.next a::before{
    font-size:15px;
    margin-top:-0.3em;
}
/*detail*/
.post {padding-bottom:5%;}
/* pager
--------------*/
.pagination{padding-top:6%;}
/* works
----------------------------------------------------*/
.pageNavWorks ul li.prev{width:30px;}
.pageNavWorks ul li.next{width:30px;}