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

/*-----------------------------------------------------
sp
-------------------------------------------------------*/
html{font-size:10px;}
img {max-width:100%; height:auto;}
body{font-size:1.4rem;}
@media screen and (max-width: 374px) {
	body{font-size:1.3rem;}
}
/*--------------------------------------------------------------------
   footer
---------------------------------------------------------------------*/
footer{padding:40px 15px 20px;}
footer #ftrIn .logo{
    width:260px;
    height:15px;
    position:static;
    margin:0 auto 20px;
}
footer #ftrIn .logoEng{
    width:256px;
    height:44px;
}

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{
    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;
}
@media screen and (max-width: 640px) {
    footer nav ul{
        width:auto;
        float:none;
        margin-bottom:20px;
    }
}
/*--------------------------------------------------------------------
   maintitle
---------------------------------------------------------------------*/
#mainTitle{padding-left:0 !important;}
#mainTitle h1{
    padding:45px 0;
    font-size:1.8rem;
    text-align:center;
}

/*--------------------------------------------------------------------
   container
---------------------------------------------------------------------*/
/* base
-----------------------*/
div[id="container"] p,
div[id="container"] li,
div[id="container"] dt,
div[id="container"] dd,
div[id="container"] th,
div[id="container"] td{line-height:2.14;}
    
div[id="container"].second p + p,
div[id="container"].second p + ul,
div[id="container"].second p + ol,
div[id="container"].second p + dl,
div[id="container"].second p + table,
div[id="container"].second p + div,
div[id="container"].second ul + p,
div[id="container"].second ul + ul,
div[id="container"].second ul + ol,
div[id="container"].second ul + dl,
div[id="container"].second ul + table,
div[id="container"].second ul + div,
div[id="container"].second ol + p,
div[id="container"].second ol + ul,
div[id="container"].second ol + ol,
div[id="container"].second ol + dl,
div[id="container"].second ol + table,
div[id="container"].second ol + div,
div[id="container"].second dl + p,
div[id="container"].second dl + ul,
div[id="container"].second dl + ol,
div[id="container"].second dl + dl,
div[id="container"].second dl + table,
div[id="container"].second dl + div,
div[id="container"].second table + p,
div[id="container"].second table + ul,
div[id="container"].second table + ol,
div[id="container"].second table + dl,
div[id="container"].second table + table,
div[id="container"].second table + div,
div[id="container"].second div + p,
div[id="container"].second div + ul,
div[id="container"].second div + ol,
div[id="container"].second div + dl,
div[id="container"].second div + table{margin-top:10px;}

div[id="container"].second * + h3,
div[id="container"].second * + h4,
div[id="container"].second * + h5{margin-top:35px;}

/* box
---------------------------------------------------------*/
div[id="container"].second{padding:0 15px 50px;}
#container.second{min-height:300px;}
/*----------------------------------------------------
local --- top
-------------------------------------------------------*/
#container.toppage{padding:35px 0 50px;}
/* mainimage
---------------------------------------------------------*/
#mainImage li div{
    height:-webkit-calc(100vh - 60px);
    height:calc(100vh - 60px);
}

/* newsList
---------------------------------------------------------*/
#topNews{
    padding-left:15px;
    padding-right:15px;
}
#topNews .tit{margin-bottom:35px;}

#topNews .tit h2{
    width:auto;
    float:none;
    text-align:center;
    font-size:2rem;
}
#topNews .tit a{ display:none;}
ul.newsList li + li{margin-top:25px;}

ul.newsList li a{padding:15px 15px 30px 15px;}
ul.newsList li a::after{
    width:10px;
    height:6px;
    position:absolute;
    right:15px;
    top:auto;
    bottom:20px;
    margin-top:0;    
}

ul.newsList li a span{
    display:block;
    width:auto;
    float:none;
    line-height:1;
    font-size:1.3rem;
}
ul.newsList li a p{
    margin-left:0;
    margin-top:15px;
    line-height:1.78;
}
ul.newsList + div{padding-top:35px; text-align:right;}

/*----------------------------------------------------
local --- second
-------------------------------------------------------*/
/* comment
----------------------------------------------------*/
.comment01 h2{
    font-size:2rem;
    text-align:center;
    line-height:1.75;
    margin-bottom:30px;    
}
.comment01 .commentBtm img{width:100px;}
.comment01 .commentBtm p{
    margin-left:115px;
    padding-top:0;
    font-size:1.3rem;
}

/* profile
----------------------------------------------------*/
.profile01 .txt,
.profile01 .img{
    width:auto;
    float:none;
}
.profile01 .txt{padding-bottom:30px;}
.profile01 .txt .name{
    padding-bottom:25px;
    font-size:2.3rem;
}
.profile01 .txt .name span{
    margin-top:10px;
    font-size:1.2rem;
}

/* form
----------------------------------------------------*/

#form table{margin-bottom:35px; margin-top:30px;}
#form table th,
#form table td{
    display:list-item;
    list-style:none;
    padding-left:0;
    padding-right:0;
}
#form table th{
    width:auto;
    border-bottom:none;
    padding:10px 0 0;
}
#form table td{padding-top:10px;}

#form table input[type="text"],
#form table input[type="email"],
#form table input[type="url"],
#form table textarea{
    width:100%;
}
#form table + p{margin-bottom:30px;}

#form .btn input,
.btnThanks a{
    width:195px;
    height:46px;
    line-height:46px;
    font-size:1.4rem;
}
#form .btn input,
.btnThanks a{max-width:90%;}


/* blog
----------------------------------------------------*/
/*detailTitle*/

.blogTitle{margin-bottom:25px;}
section.blogDetail .blogTitle h2{
    font-size:	1.8rem;
    line-height:1.77;
}

.blogTitle span{font-size:1.3rem;}


/* pager
--------------*/
.pagination{padding-top:0px; text-align:center !important;}
/* pager2
--------------*/
.pageNav ul{margin-top:40px;}

.pageNav ul li{
	width: 28%;
    height:40px;
}
.pageNav ul li + li{margin-left: 8%;}

.pageNav ul li a{
    line-height:40px;
    font-size:	1.1rem;
}
.pageNav ul li.prev a{
    text-align:left;
    padding-left:45px;    
}
.pageNav ul li.next a{
    text-align:right;
    padding-right:45px;    
}
.pageNav ul li.prev a::before,
.pageNav ul li.next a::before{
    font-size:15px;
    margin-top:-0.3em;
}
.pageNav ul li.prev a::before{left:10px;}
.pageNav ul li.next a::before{right:10px;}

/* works
----------------------------------------------------*/
.worksIndex .thumbWrap{
    max-width:290px;
    margin:0 auto;
}
.worksIndex .thumbWrap .item{
    width:100%;
    float:none;
    margin-right:0;
	margin-bottom: 5em !important;
}
.worksIndex .thumbWrap .item.nth03{ margin-right:0;}
.worksIndex .thumbWrap .item p{
    font-size:1em;
    position: static;
}

.worksIndex .thumbWrap .item a{
    position:static;
    padding-top:0;
}
.worksIndex .thumbWrap .item img{
    position:static;
}


/*detail*/
#container.second section.works01,
#container.second section.works02,
#container.second section.works03{padding-top:30px;}

.worksDetail{padding-bottom:40px;}
.worksDetail h1{
    font-size:1.8rem;
    margin-bottom:15px;
}

/*たて*/
.works01 .worksDetail .img{
    width:auto;
    max-width:290px;
    margin:0 auto 20px;
    float:none;    
}
.works01 .worksDetail .txt{
    width:auto;
    float:none;    
}
/*よこ*/
.works02 .worksDetail .img,
.works03 .worksDetail .img{ padding-bottom:20px;}

/*pager*/
.pageNavWorks ul{
	width:100%;
    height:22px;
	max-width:inherit;
}
.pageNavWorks ul li.prev{
	width:30px;
    height:22px;
	float: left;	
}
.pageNavWorks ul li.next{
	width:30px;
    height:22px;
	float: right;	
}
.pageNavWorks ul li.back{
    width:22px;
    height:22px;
}

@media screen and (max-width: 374px) {
    /*iphone5*/
}


/*----- nakaya 2019 youtube設定 -----*/
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.worksIndex .thumbWrap .item a.add_to_cart_button, 
.worksIndex .thumbWrap .item a.added_to_cart,
.worksIndex .thumbWrap .item a.product_type_simple{
    bottom: -4em !important;
}