/*トップページ１番上*/

.insta_wap{
background-color:#fff;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
padding:2rem 0;
}


.insta{
margin:1rem 0rem;
padding:1.3rem;
border:1px solid #333333;
width:100%;
}





.headerimg img {
display:block;
width:100%!important;
object-fit:cover!important;
}



.commercial_setflex{
  display: flex;
}

.commercial .item {
  margin: 5px;
width:100%;
}

.top_text{
	color:#000000;
	font-family: "Noto Sans JP", sans-serif;
	font-size:1rem;
	line-height:1.5rem;
}

.commercial img{
width:100%;
margin:0;
padding:0;
}
.commercial_left ,.commercial_right{
width:50%;
padding:1rem;
}

/*トップページ１*/
.f-container_wap{
background-color:#d99a50;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.f-container{
display:flex; 
width:70%;
margin:0 auto;
}
/*トップページ１の左右*/
.f-item_left ,.f-item_right {
width:50%;
}

.f-item_left {

}
.f-item_right {
padding:2rem;
}
/*トップページ１のphoto*/
.f-item_right img , .f-item_left img{
object-fit: cover;
  width: 100%;
  height: 100%;
}

/*トップページ２*/
.f-container_wap02{
background-color:#fcecd2;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}
.f-container_center{
  	width:100%;
	margin:0 auto;
	text-align:center;
	padding:5rem 0rem 5rem 0;
}
.f-container_pwap{
display:flex; 
margin:0 auto;
margin-top:2rem;
}
.f-container_center_title,.f-container_center_text{
color:#000000;
font-family: "Noto Sans JP", sans-serif;
}
.f-container_center_title {
font-size:2.3rem;
 font-weight: 900;
line-height:3rem;
display:block;
padding-bottom:1rem;
color:#d99a50;
}
.f-container_center_text{
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.3rem;
}

/*トップページ２のphoto*/
.f-item {
width:40%;
background-color:#999999;
height:350px;
overflow: hidden;
}
.f-item img{
object-fit: cover;
  width: 100%;
  height: 100%;
}


/*トップページ２のボタン*/
.top_bt{
text-align:center;
font-size:1.5rem;
margin: 0 auto;
margin-top:2.5rem;
}



.top_bt a{
text-decoration: none;
background-color:#d99a50;
border:1px solid #d99a50;
color:#fff;
width:90%;
display:block;
padding:1.8rem 0.5rem 1rem 0.5rem;
}

.top_bt a:hover{
background-color:#fff;
color:#fff;
width:90%;
border:1px solid #000000;
color:#000000;
}

/*トップページ２のfoodとdrinkボタン*/
.f-item_left_bt ,.f-item_right_bt{
width:50%;
}

rt {
font-size: 0.5em;
color: fff;
position: relative;
top: -0.5em;
}





/*トップページ２のdrink*/
.copy_title{
display:block;
width:350px;
opacity: .4;
filter: invert(22%) sepia(99%) saturate(7468%) hue-rotate(358deg) brightness(106%) contrast(118%);
position: absolute;
right:15%;
z-index: 200;
padding-top:3%;
transform: rotate(-10deg)
}


/*トップページ２のボタン*/
.top_bt02{
text-align:center;
font-size:1.5rem;
margin-top:2.5rem;
}



/*トップページ３*/
.f-container_wap03{
background-color:#695602;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}

.f-container_wap03 img{
object-fit: cover;
	height:100%;
}


.copy_title02{
display:block;
width:250px;
opacity: .4;
filter: invert(57%) sepia(66%) saturate(362%) hue-rotate(97deg) brightness(92%) contrast(94%);
position: absolute;
left:17%;
z-index: 200;
padding-top:3%;
transform: rotate(15deg)
}





.top_bt02 a{
text-decoration: none;
background-color:#d99a50;
border:1px solid #d99a50;
color:#fff;
margin:0 auto;
width: 50%;
display:block;
padding:1rem 0.5rem;
}

.top_bt02 a:hover{
background-color:#fff;
color:#fff;

border:1px solid #000000;
color:#000000;
}

/*トップページ4のバック*/
.f-container_wap04{
background-color:#fff;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
}


/*トップページ１の左右*/
.f-item_left03 ,.f-item_right03 {
width:50%;
}

.f-item_right03 {
padding:2rem;
}

/*パン*/
.breadcrumbsWrap{
  width: 1200px;
  font-size: 11px;
  color: #777;
  margin:10px 0px 10px 0px;
	padding:0 5%;
  white-space: nowrap;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.breadcrumbs{
  display: flex;
  align-items: center;
}
.breadcrumbs .home{
    color: #2a627e;
}
.breadcrumbs .arrow{
  display: inline-block;
  content: '';
  width: 6px;
  height: 6px;
  border-top: solid 1.5px #aaa;
  border-right: solid 1.5px #aaa;
  margin-right: 10px;
  margin-left: 10px;
  transform: rotate(45deg);
}













.img_back{
position: absolute;
z-index:-20;
opacity:.7;

}

.img_back_r{
    position: absolute;
    z-index: -50;
    opacity: .7;

}



.top_sectionwap_img_left{
margin-right:2rem;
}
.top_sectionwap_img_right{
margin-left:2rem;
}

.top_section{
	-webkit-transform: skew(0deg, -3deg);
	margin: 0 calc(50% - 50vw);
background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(70, 50, 30, 0.7) 100%),url("http://takuyatest.minibird.jp/wp/wp-content/uploads/2025/04/tenpo.jpg");  /* 背景画像指定 */
	background-repeat: no-repeat;
	background-size:cover;

}



.top_section_02{
	-webkit-transform: skew(0deg, 3deg);
	   margin: 0 calc(50% - 50vw);
	background:linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(90, 75, 75, 0.7) 100%),url("http://takuyatest.minibird.jp/wp/wp-content/uploads/2025/04/tenpo.jpg");  /* 背景画像指定 */
	background-repeat: no-repeat;
	background-size:cover;
}

.top_section ,.top_section_02{
    width: 100vw;
	margin-top:4rem;
	margin-bottom:2rem;
	padding:6rem 0;
}

.halftone::after {
  content: "";
  display: block;
  width: 600px;
  height: 600px;
  position: absolute;
  top: 0;
  background-image: radial-gradient(#000 10%, transparent 90%);
  background-color: #fff;
  background-position: 0 0;
  background-size: 8px 8px;
}

.section_title_jap{
font-size:2.3rem;
 font-weight: 900;
line-height:3rem;
display:block;
padding-bottom:1rem;
}

.section_title_jap02{
font-size:1.5rem;
 font-weight: 900;
line-height:3rem;
display:block;
padding-bottom:1rem;
}



.section_text{
	font-size:.9rem; 
  font-weight: 300;
	line-height:1.3rem;
}
.section_title_jap , .section_text{
	color:#fff;
	font-family: "Noto Sans JP", sans-serif;
}

.top_section_wap , .top_section_wap_02{
max-width: 1080px;
margin:0 auto;
padding:2rem;
}

.top_wap_inner{
display:flex;
align-items:center;
}



.top_section .top_section_wap , .top_section_02 .top_section_wap_02{
-webkit-transform: skew(0deg, 3deg);
}
.top_section_02 .top_section_wap_02{
-webkit-transform: skew(0deg, -3deg);
}






.section_title{
  font-family: "Carter One", system-ui;
  font-weight: 400;
  font-style: normal;
	font-size:2.5rem;
	color:#fff;
	display:block;
	text-align:center;
	padding:1rem .8rem;
	letter-spacing:.1rem;
	color:#fff;
}


.home-article-list {
  display: grid;
   gap: 2rem;
  grid-template-columns: repeat(3, 1fr);

}
.home-article-list a{
border:1px solid #fff;
	display:block;
	padding:.5rem;
	text-decoration:none;
	color:#fff;
}

.home-article-list h2{
    font-size: 1.2rem;
    color: #fff;
    margin-bottom: .5rem;
}

.home-article-list time{
font-size:.7rem;
	color:#fff;
display:block;
	text-align:right;
}

.home-article-list img{
display: block;
    float: left;
    width: 100%;
    padding-right: 1rem;
    height: 12rem;
    object-fit: cover;
margin-bottom:.7rem;
}

.pagination {
  margin: 4rem 0;
  text-align: center;
}
 
.pagination ul {
  font-size: 0;
}
 
.pagination ul li {
  font-size: 1rem;
  display: inline-block;
  margin-right: .75rem;
}
 
.pagination ul li:last-child {
  margin-right: 0;
  border: 0;
}
 
.pagination ul li a,
.pagination ul li .current {
  font-weight: 600;
  line-height: 1;
  display: block;
  padding: .75rem .875rem;
  border: 1px solid #ddd;
}
 
.pagination ul li a {
  text-decoration: none;
  color: #555;
}
 
.pagination ul li .current {
  color: #fff;
  background-color: #1d2d43;
}
 
.pagination ul li .prev,
.pagination ul li .next {
  padding: .75rem .5rem;
  border: 0;
}
 
.pagination ul li i {
  font-size: 1rem;
  color: #1d2d43;
}
 





.article-list .article-item {
  position: relative;
  z-index: 1;
  border-bottom: 1px solid #ddd;
}
 
.article-list .article-item a {
  display: block;
  text-decoration: none;
  color: #333;
}
 
.article-list .article-item img {
display: block;
    float: left;
    width: 23%;
    padding-right: 1rem;
    height: 8rem;
    object-fit: cover;
}
 
.article-list .article-item .text-wrap {
  padding: 1rem;
	margin:1rem 0;
}
 
.article-list .article-item .article-cat {
  font-size: .875rem;
  line-height: 1;
  display: inline-block;
  margin-right: .5rem;
  padding: .25rem .5rem;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
  background-color: #03162f;
}
 
.article-list .article-item .article-date {
  font-size: .75rem;
  display: inline-block;
  vertical-align: middle;
color: #fff;
}
 
.article-list .article-item .article-date i {
  font-size: 1rem;
  position: relative;
  top: .1875rem;
  margin-right: .125rem;
}
 
.article-list .article-item .text-wrap h2 {
  font-size: 1.3rem;
  font-weight: 600;
  margin-top: .5rem;
}
 
h1,span,date,p,.article-head h1,.article-list h2{
color:#fff;
}



 

/*singe.phpのとこ*/
.article-main img , .editor-content img{
float:right;
clear:both;
margin-left:.5rem;	
}


.article-main p{
line-height:1.5rem;
	font-size:.95rem;
	  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.article-head .article-info {
  margin-bottom: .5rem;
}
 
.article-head .article-info .article-cat {
  display: inline-block;
  vertical-align: middle;
}
 
.article-head .article-info .article-cat a {
  font-size: .875rem;
  line-height: 1;
  display: inline-block;
  margin-right: .5rem;
  padding: .375rem .5rem;
  text-decoration: none;
  color: #fff;
  background-color: #03162f;
}
 
.article-head .article-info .article-date {
  font-size: 1rem;
  display: inline-block;
  vertical-align: middle;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
	line-height:3rem;
	color: #fff;
}
 
.article-head .article-info .article-date i {
  font-size: 1.25rem;
  position: relative;
  top: .25rem;
}
 
.article-head h1 {
  font-size: 1.9rem;
  letter-spacing: 1px;
font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-style: normal;
}
 
.article-head .article-img {
  margin-bottom: 2rem;
}
 
.article-head .article-img img {
  display: block;
}
 
.article-foot .article-tag {
  margin-bottom: 1rem;
  text-align: right;
}
 
.article-foot .article-tag ul {
  list-style: none;
}
 
.article-foot .article-tag ul li {
  font-size: .9rem;
  display: inline-block;
  margin-right: .5rem;
  vertical-align: middle;
}
 
.article-foot .article-tag ul li:last-child {
  margin-right: 0;
}
 
.article-foot .article-tag ul li a {
  line-height: 1;
  display: block;
  padding: .25rem .5rem;
  text-decoration: none;
  color: #000;
  border: 1px solid #000;
}
 
.article-foot .article-tag ul li a:hover {
  opacity: .6;
}
 
.article-foot .article-author {
  font-weight: 500;
  line-height: 1;
  text-align: right;
  vertical-align: middle;
}
 
.article-foot .article-author i {
  font-size: 1.25rem;
  position: relative;
  top: .25rem;
}
 




/*singe.phpのとこここまで*/
/*サイドバーのとこここから*/
.sidebar-wrapper {
  margin-bottom: 2rem;
}
 
.sidebar .sidebar-title,
.sidebar .wp-block-heading {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 1rem;
  padding: .375rem;
  letter-spacing: 1px;
  border: 0;
  border-bottom: .1875rem solid #1d2d43;
}
 
.sidebar a {
  text-decoration: none;
  color: #333;
}
 
.sidebar ul {
  list-style: none;
}
 
.sidebar li {
  border-bottom: 1px solid #ddd;
}
 
.sidebar li a {
  display: block;
  padding: .5rem;
}
 
.sidebar select {
  display: block;
  width: 100%;
  padding: .5rem;
  border: 1px solid #ddd;
}

/*サイドバーのとここまで*/
/*page.phpのとここから*/
.page-title-wrap {
  background-color: #1d2d43;
}
 
.page-title-wrap .page-title {
  position: relative;
  max-width: 1080px;
  height: 22rem;
  margin: 0 auto 2rem;
  padding: 0 1.5rem;
}
 
.page-title-wrap .page-title .text-warp {
  position: absolute;
  top: 50%;
  left: 1.5rem;
  width: calc(100% - 3rem);
  transform: translateY(-50%);
  text-align: center;
}
 
.page-title-wrap .page-title .text-warp h1 {
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: 1px;
  color: #fff;
}
 

/*ここまで*/

/*サイト全体の基準となるCSSを記述*/
html {
font-family: "BIZ UDPGothic", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  margin: 0;
  padding: 0;
color: #000000;/*サイトのデフォルトとなる文字の色を指定*/
}
 
body {
margin: 0;
padding: 0;

}

.foot_logo{
display:block;
	margin:0 auto;
	padding:.8rem 0;
}

footer#footer{
	background-image: url("https://takuyatest.minibird.jp/wp/wp-content/uploads/2025/04/wood-scaled.jpg");
background-size:cover;
padding-top:2rem;
	color:#fff;
	line-height:1.5rem;
}

aside#sidebar {
background-color:rgb(100,100,100,0.3)
}

.hed{
height:450px;
width:100%;
background:#333;	
}



.toptext{
font-size:.7rem;
color:#fff;
	display:block;
	margin:0 auto;
	width:100%;
	text-align:right;
}



.foo_inqtext {
    font-size: .9rem;
    color: #fff;
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align:center;
}





.mapwap{
  max-width: 1128px;
  margin-right: auto;
  margin-left: auto;
}


.footwap{
display:flex;
}

.flex_l{
width:50%;
text-align:center;
}

.flex_r{
width:50%;

}
.tel{
	font-size:2.2rem;
	  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
	letter-spacing:.05rem;
	display:block;
	padding:.7rem 0 .5rem 0 ;
}
.tel a{
text-decoration:none;
	color:#fff;
}

.tel a:hover{
color:#fff;
opacity:.5;
}


.copy{
max-width:100%;
	margin:0 auto;
	text-align:center;
	padding:1rem 0;
	background-color:rgb(100,20,20, 0.7);
	color:#fff;
	font-size:1rem;
	  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
	letter-spacing:.05rem;
}

.header-inner,
.footer-inner,
.container {
  max-width: 1080px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
    padding-bottom: 1.5rem;
}
 
.container {

}

.wap{

}

	
.header {
background-color: rgb(0 0 0 / 0.7);
position: fixed;
    width: 100%;
    z-index: 99999;
  transition: 0.8s all;
top: 0;
}
 
.header.hide {
  top: -250px;
  transition: 0.8s all;
}


.header-inner {
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
 
.site-title {
  line-height: 1;
  display: inline-block;
}
 
.site-title a {
  display: block;
  text-decoration: none;
}
 
/*タイトルを画像にする場合*/
.site-title a img {
  display: block;
  width: auto;
  height: 5rem;
}
 
.header-nav li a,.footer-nav li a {
  display: block;
  text-decoration: none;
}


	
  .header-nav ,.footer-nav{
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
letter-spacing:.1rem;
  }
 
.footer-nav{	
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
  }
	
	
  .header-nav li ,  .footer-nav li{
    display: inline-block;
	  padding:0 1.2rem;
font-size:1.7rem;
  }
 
	.footer-nav li{
    padding: 0 2rem;
	}	
	
	
	
	
	
 .header-nav li a, .footer-nav li a {
color:#fff;
  }
 
	
.menu-item-description{
font-size:.7rem;
text-align:center;
display: block;
}
	
	
nav#header-nav li,nav#footer-nav li {
    text-align: center;
}	
	
	
nav#header-nav li a:hover,nav#footer-nav li a:hover{
	color: #ffb141;
}	

	
 .two-columns {
    display: flex;
    flex-direction: row;
    gap: 2.5rem;
  }
 
  .two-columns .contents {
    flex: 1 1 auto;
  }
 
  .two-columns .sidebar {
    flex: 0 0 15.625rem;
  }	
	
}




.sidebar-wrapper {
  margin-bottom: 2rem;
}
 
.sidebar .sidebar-title,
.sidebar .wp-block-heading {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 1rem;
  padding: .375rem;
  letter-spacing: 1px;
  border: 0;
  border-bottom: 1px solid #fff;
	text-align:center;
	color:#fff;
}
 
.sidebar a {
  text-decoration: none;
  color: #fff;
}
 
.sidebar ul {
  list-style: none;
}
 
.sidebar li {
  border:none;
  list-style: none;
}
 
.sidebar li a {
  padding: .5rem;
}
 
.sidebar select {
  display: block;
  width: 100%;
  padding: .5rem;
  border: 1px solid #ddd;
}

.page-title-wrap {
  background-color: #1d2d43;
}
 
.page-title-wrap .page-title {
  position: relative;
  max-width: 1080px;
  height: 8rem;
  margin: 0 auto 2rem;
  padding: 0 1.5rem;
}
 
.page-title-wrap .page-title .text-warp {
  position: absolute;
  top: 50%;
  left: 1.5rem;
  width: calc(100% - 3rem);
  transform: translateY(-50%);
  text-align: center;
}
 
.page-title-wrap .page-title .text-warp h1 {
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 1px;
  color: #fff;
}





 

/*スマホレイアウト*/
@media(max-width: 480px) {
	
	
.headerimg img {
display:block;
height:250px!important;
object-fit:cover!important;
}
	
	
	
.f-item_left_bt, .f-item_right_bt {
    width: 100%;
}
	.f-container{
display:block; 
margin:0 auto;
	width:93%;
}

	.top_bt a {
        width: 93%;

}
	
.f-container_center {
    width: 93%;
    margin: 0 auto;
    text-align:left;
    padding: 2rem 0rem 5rem 0;
}
	
	
	
.f-item_right {
padding: 0rem;
}
	
	
.f-container_center_title {
    font-size: 1.5rem;
    font-weight: 900;
    display: block;
    padding-bottom: 1rem;
    color: #d99a50;
	line-height:1.8rem;
}
	
	
.f-item_right03 {
padding: 0rem;
}
.f-item_left03, .f-item_right03 {
width: 100%;
}	
	
	.f-item_left03 img{
		margin:1rem 0;
}	
	
.f-item_left, .f-item_right {
    width: 100%;
}	

.f-item_left img, .f-item_right img {
margin:1rem 0;
}		
	
	
.header-inner {
max-width:90vw;
  padding-top: 1rem;
  padding-bottom: 1rem;
	margin:0;
}
	

 html {
    font-size: 15px;
  }
 
  .container {
    padding-top: 1.4rem;
  }
	
	.footwap{
display:block;
}
	
	.flex_l,.flex_r{
width:100%;
text-align:center;
		padding-bottom:.8rem;
}
	
  .page-title-wrap .page-title {
    height: 5rem;
    margin-bottom: 0;
  }
 
  .page-title-wrap .page-title .text-warp h1 {
    font-size: 2rem;
  }
 .page-title-wrap .page-title {
    height: 12rem;
    margin-bottom: 0;
  }
 
  .page-title-wrap .page-title .text-warp h1 {
    font-size: 2rem;
  }


  .article-head h1 {
    font-size: 1.75rem;
  }

  .article-list {
    display: block;
     gap: none;
    grid-template-columns: none;
  }
 
  .article-list .article-item {
    margin-bottom: 2rem;
  }

  .pagination {
    margin: 3rem 0;
  }
 
  .pagination ul li a {
    padding: .5rem;
  }	
}
/* スクリーンサイズが480px以下の場合に適用 */
@media screen and (max-width: 480px) {
	
.slide-loop {
    width: 70%;
    margin: 0 auto;
    padding-bottom: 1rem;
}	
	
	
	
	
.copy_title {
    display: block;
    width: 50%;
    opacity: .2;
    filter: invert(22%) sepia(99%) saturate(7468%) hue-rotate(358deg) brightness(106%) contrast(118%);
    position: absolute;
    right: 5%;
    z-index: 200;
    margin-top: 0%;
    transform: rotate(-10deg);
}	
	
.copy_title02 {
    display: block;
    width: 50%;
    opacity: .2;
    filter: invert(57%) sepia(66%) saturate(362%) hue-rotate(97deg) brightness(92%) contrast(94%);
    position: absolute;
    left: 5%;
    z-index: 200;
    transform: rotate(15deg);
}	
	
	
	
	
	
	
	
	
	
	
	
	
  .home-article-list {
    display: block;
	  margin-bottom:1rem;
  }
	
.home-article-list a {
    margin-bottom: 1rem;
}	
.top_wap_inner{
display:inline-grid;
}
	
.top_wap_inner div {
    max-width: 100%;
}
	
.top_sectionwap_img_left ,.top_sectionwap_img_right{
margin:0rem;
}
.top_sectionwap_img_right{	
direction: column-reverse;	
}
	

	
.section_title_jap{
font-size:1.7rem;
	text-align:center;
 font-weight: 900;
line-height:1.8rem;
display:block;
padding-bottom:.5rem;
	padding-top:.5rem;

}	
	

.top_section ,.top_section_02{
    width: 100vw;
	margin-top:0;
	margin-bottom:2rem;
	padding:0;
}	
	
	
	

	
.box:nth-of-type(1) {
  order: 2;
}
.box:nth-of-type(2) {
  order: 1;
}
	
 .header-nav li ,  .footer-nav li{
    margin-left: 0rem;
  }
} 



/*タブレットレイアウト*/	
@media(max-width: 820px) {
	  .two-columns .contents {
    margin-bottom: 4rem;
  }
	
  .page-title-wrap .page-title {
    height: 20rem;
    margin-bottom: 1rem;
  }
 
  .page-title-wrap .page-title .text-warp h1 {
    font-size: 2.75rem;
  }	
	
	
	
  .page-title-wrap .page-title {
    height: 20rem;
    margin-bottom: 1rem;
  }
 
  .page-title-wrap .page-title .text-warp h1 {
    font-size: 2.75rem;
  }
	
  .navbutton {
	  position:absolute;
    z-index: 10;
    top: 50%;
	right: 2rem!important;
    display: block;
    cursor: pointer;
    transform: translateY(-50%);
    border: 0;
    background-color: transparent;
  }
 
  .navbutton:focus {
    outline: 0;
  }
 
  .navbutton::after {
    font-family: "Material Symbols Outlined";
    font-size: 2.5rem;
    content: "\e5d2";
    color: #fff;
  }
 
  .menu-active .navbutton::after {
    content: "\e5cd";
    color: #fff;
  }
 
  .header-nav-wrap {
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    display: none;
    overflow-y: auto;
    width: 100%;
    height: 100vh;
    background-color: rgb(50 50 50 / 80%);
  }
 
  .header-nav {
    padding: 6rem 0;
	  	font-size:1.9rem;
	  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
	letter-spacing:.1rem;
	  max-width:100vw;
  }
	
  .header-nav ul{
justify-items:center;
	  display:block;
  }	
	
	
   .header-nav li{
	  border-bottom:1px solid #fff;
	   	  width:100%;display:block;
  }
	
	.menu-item-description{
	font-size:.8rem;
		display:block;
	}
	
	
  .header-nav li a {
    font-weight: 400;
    padding: 1.5rem;
    text-align: center;
    color: #fff;
  }
	
	.footer-nav{
		display:none;
	}	
	
}
 




@media(min-width: 821px) {
  .navbutton {
    display: none;
  }
 
  .header-nav-wrap {
    position: absolute;
    top: 65%;
    right: 1.5rem;
    margin-left: 15rem;/*タイトル分の余白をあけておく*/
    transform: translateY(-50%);
  }
 
  .footer-nav-wrap {
margin-top:2rem;
  }	

.footer-nav ul{	
width: fit-content;
margin:0 auto;
	padding-top:.5rem;
  }