@charset "UTF-8";

html {
font-size:62.5%;
}
body {
font-family: "Zen Maru Gothic", serif;
font-weight: 400;
font-style: normal;

color: #707070;
background: #E8EAE5;
font-size: 16px;
letter-spacing: 1px;
}

.all{
overflow:hidden;
}

*, *::before, *::after {
box-sizing:border-box;
}

.cf::after {
content:'';
display:block;
clear:both;
}

img{
width: 100%;
height: auto;
vertical-align: bottom;
}

a{color: #4d4d4d;}

a img:hover{
opacity: 0.8;
transition: 0.6s;
}

a img{
transition: 0.6s;
}

.spnone{display: none!important;}


.zen{
font-family: "Zen Kaku Gothic Antique", sans-serif!important;
}
/*フォントサイズ*/
.text-10{font-size: 10px!important;}
.text-12{font-size: 12px!important;}
.text-14{font-size: 14px!important;}

.text-60{font-size: 60%;color: #4d4d4d;}

/*スペース*/
.pd-80{padding: 40px 0px;}
.pd-50{padding: 50px 0px;}
.pd-30{padding: 30px 0px;}

.mb-30{margin-bottom: 30px!important;}
.mb-50{margin-bottom: 50px!important;}
.mb-80{margin-bottom: 80px!important;}
.mb-100{margin-bottom: 100px!important;}

.pt-80{padding-top: 80px;}
.pt-50{padding-top: 50px;}
.pt-30{padding-top: 30px;}

.tc{text-align: center;}

/*グリッド*/
.grid-01{
width: 100%;
display: grid;
grid-template-columns: 1fr;
}

.grid-02{
width: 100%;
display: grid;
grid-template-columns: 1fr;
}

.grid-03{
width: 100%;
display: grid;
grid-template-columns: 1fr ;
}

.grid-13{
width: 100%;
display: grid;
grid-template-columns: 1fr;
gap: 50px;
}

.grid-31{
width: 100%;
display: grid;
grid-template-columns: 1fr;
gap: 60px;
}

.gap-30{gap: 30px;}
.gap-10{gap: 10px;}
.gap-50{gap: 50px;}

.grid-flex-center{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}

.grid-flex-list{
width: 100%;
display: grid;
grid-template-columns: 1fr ;
gap: 30px;
}

.text-cc{
display: flex;
justify-content: left;
align-items: center;
}


.bg_001{
background: #fff;
}

.bg_002{
background: #6E6E6E;
}

/*
.shadow-01{
box-shadow: 61px 41px 0px #b6bda7;
}

.shadow-02{
box-shadow: -90px 90px 0px #393939;
}


.shadow-03{
box-shadow: 90px 90px 0px #b6bda7;
}*/


/*セクション*/

section{
width: 100%;
clear: both;
position: relative;
}

.inner{
width: 90%;
margin: 0 auto;
max-width: 1200px;
position: relative;

}

.inner-800{
width: 90%;
margin: 0 auto;
position: relative;

}

/*ヘッダーロゴ*/

header{
width: 100%;
float: left;
position: relative;
}

.logo{
width: 150px;
position: absolute;
left: 50%;
top: 200px;
margin-left: -70px;
}

.headnav{
width: 100%;
position: absolute;
top: 0;
z-index: 99;
}

/*SNSメニュー*/
.sns-ico{
float: right;
margin-right: 80px;
margin-top: 30px;
}

.headnav ul{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
width: 90px;
}

.headnav ul li {
width: 40px;
}




/*TOPスライド*/
.head-slideimage{
width: 100%;
position: relative;
float: left;
z-index: 1;
}


.over{
position: absolute;
bottom: 14px;
width: 100%;
}





/*NEWS*/

.news-wrap{
background: #fff;
width: 94%;
float: left;
position: relative;
top: -30px;
display: grid;
grid-template-columns: 1fr;
}

.news-title{
display:flex;
justify-content:center; /*これを指定*/
align-items:center; /*これを指定*/
font-size: 20px;
font-weight: 700;
font-family: "Roboto Slab", serif;
color: #202020;
padding: 20px 0 0 0;
}

.news-box{
padding: 17px;
}

.news-box ul{
height: 80px;
overflow: auto;
}

.news-box li{
border-bottom: 1px dotted #7b7b7b;
width: 100%;
float: left;
padding-bottom: 6px;
font-size:14px;
margin-bottom: 10px;
}

.news-date{
width: 100%;
float: left;
margin-bottom: 5px;
}

.post-title{
width: 100%;
float: left;
line-height:1.3;
}


/*セクションナンバー*/

.number{
font-family: "Bebas Neue", sans-serif;
font-size: 150px;
color: #202020;

}

.rightpoint{
position: absolute;
right: -20px;
top: -70px;
}

.leftpoint{
position: absolute;
left: -20px;
top: -70px;
}



/*インフォメーション*/

.shop-infomation{
background: #455e44;
padding: 40px 25px 30px 25px;
border-radius: 12px;
}

.shop-infomation h2{
color: #f0f0f0!important;
margin-bottom: 5px;
}

.shop-detail{
padding: 5px 0;
color: #f0f0f0;
}

.shop-detail li{
line-height: 1.3;
margin-bottom: 10px;
font-size: 15px;
}

.shop-detail iframe{
border-radius: 10px;
border: 6px solid #a8a6a6!important;
}

.shop-detail li a{color: #f0f0f0;}

.shop-detail a i{color: chocolate; margin-left: 7px;}



/*コンセプト*/

h2{
border-bottom: 1px solid #707070;
font-size: 40px;
font-weight: 500;
color: #202020;
padding-bottom: 15px;
}

h2.eng{
font-family: "Fondamento", cursive;
border-bottom: 1px solid #707070;
font-size: 40px;
font-weight: 500;
color: #202020;
padding-bottom: 26px;
}

h2.concept-title{
margin-bottom: 10px;
}


.section-text{
padding: 30px 0;
}

.detail-wrap{
padding: 30px 0;
}

.concept{ 
line-height: 1.8;
font-size: 15px;
}

.concept-text-b{
	font-size:20px;
}

/*メニュー*/

.shopmenu{
margin-bottom: 50px;
text-align: center;
}

.shopmenu dt{
font-size: 30px;
font-family: "Roboto Slab", serif;
border-bottom: 2px dashed #bfbfbf;
padding-bottom: 17px;
display: inline-block;
color: #202020;
font-weight: bold;
text-align: center;
width: 80%;
margin: 14px auto;
}

.shopmenu dd{
line-height: 1.8;
letter-spacing: 1px;
}







/*プロダクト*/

.service-content{
	margin-bottom:60px;
}

.service-content h3{
font-size: 18px;
font-family: "Roboto Slab", serif;
text-align: center;
padding: 10px 0;
}

.product-text{
	
}

.product-name{
	width:100%;
	float:left;
	display:block;
	font-size:28px;
	font-weight:bold;
}


/*セクションの間画像オーバーレイ*/

.h-img01{
height: 300px;
background: linear-gradient(rgba(255,255,255, .6),  rgba(255, 255, 255, .6)),  url(https://libur.jp/wp-content/uploads/2025/11/section-001.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

.h-img02{
height: 300px;
background: linear-gradient(rgba(255,255,255, .6),  rgba(255, 255, 255, .6)),  url(https://libur.jp/wp-content/uploads/2025/11/section-002.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

.h-img03{
height: 300px;
background: linear-gradient(rgba(255,255,255, .6),  rgba(255, 255, 255, .6)),  url(https://libur.jp/wp-content/uploads/2025/11/section-003.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

.h-img04{
height: 300px;
background: linear-gradient(rgba(255,255,255, .6),  rgba(255, 255, 255, .6)),  url(../images/section-005.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}

.h-img05{
height: 300px;
background: linear-gradient(rgba(255,255,255, .6),  rgba(255, 255, 255, .6)),  url(../images/section-004.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}


/*========= 投稿 ===============*/

.head-underpage{
width:100%;
height:400px;
background: linear-gradient(rgba(255,255,255, .6),  rgba(255, 255, 255, .6)),  url(../images/section-003.jpg);
background-repeat:no-repeat;
background-size:cover;

display: flex;
justify-content: center;
align-items: flex-end;
}

.head-underpage h2{
border:none!important;
}

.single_contents{
width:100%;
float:left;
padding:30px 0;
}

h2.single-title{
border-bottom: 1px solid #707070;
font-size: 24px;
font-weight: 500;
color: #202020;
padding-bottom: 20px;
margin-top: 20px;
line-height:1.3;
}

.single_contents p{
line-height:1.3;
}



.grid-owner{
	width: 100%;
  display: grid;
  grid-template-columns: 1fr;
	gap: 30px;
}

.owner-name{
	font-size:25px;
	margin-bottom:20px;
}

.owner-detail{
  padding: 20px;
  background: #ddd;
}

.owner-detail p{
	line-height:1.5;
	font-size: 14px;
}












/*footerfooterfooterfooterfooterfooterfooterfooterfooterfooterfooterfooterfooterfooterfooter*/

footer{
width: 100%;
text-align: center;
margin-top:40px;
padding-top: 40px;
clear: both;
}


footer .copy{
color: #fff;
line-height: 3;
font-size: 12px;
background:#1c1c1c;
margin-top: 20px;
}

.foot-logo{
width: 110px;
text-align: center;
margin: 0 auto;
margin-bottom: 80px;
}




/*========= スライドのCSS ===============*/


/*スライドの一瞬縦並び防止*/
.slider{
opacity: 0;
transition: opacity .3s linear;
}
.slider.slick-initialized{
opacity: 1;
}

/*お知らせスライド*/
.slide-items img{
border-radius: 0 30px 0 0;
}

.slick-arrow:before{
content:""!important;
width: 100%!important;
height: 100%!important;
position: absolute;
top: 0;
left: 0;
}

.slick-next:before{
background: url(../images/ar_r.png)!important;
background-size: contain!important;
}

.slick-prev:before{
background: url(../images/ar_l.png)!important;
background-size: contain!important;
}

.slick-arrow{
z-index:2!important;
width:30px!important;
height:30px!important;
}

.slick-next{
right:30px!important;
}

.slick-prev{
left:30px!important;
}

.slick-dots{
margin-top: 30px;
}




.slide-items {
width: 100%;
display: flex;
margin: auto;
}


.slide-items li{
height: auto;
margin-right: 10px;
margin-left: 10px;
}
.slide-items .menu_img{
width: 100%;
height: 100%;
object-fit: cover;
}