@charset "utf-8";
/*------------------------------------------------------------------------
index
--------------------------------------------------------------------------*/
.index_head_wrap{
	width: 100vw;
	padding-bottom: 1px;
	background: #a2c4a0;
}
.index_main{
	width: calc( 100% - 80px );
}
.index_main img{
	width: 100%;
	height: calc( 100dvh - 58px );
	margin: 0;
	object-fit: cover;
}
@media screen and (max-width: 1124px) {
	.index_main{
		width: calc( 100% - 70px );
	}
}
@media screen and (max-width: 580px) {
	.index_main{
		width: 100%;
	}
	.index_main img{
		height: 80dvh;
	}
}
/*- おしらせ --------------------------------------------*/
.index_news{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;

	width: calc( 100% - 80px );
	margin-top: 8px;
	padding: 8px 40px;
	background: #fff;
	border-radius: 0 4em 4em 0;
}
.index_news_list{
	width: calc( 100% - 100px );
}
.index_news_list li {
	position: relative;

	display: flex;
	flex-wrap: wrap;
	align-items: center;

	font-size: 1.3rem;
}
.index_news_list li::before{
	position: absolute;
	top: 13px;
	display: block;
	content: "";

	width: 7px;
	height: 2px;
	background: #c30d23;
}
.index_news_date{
	width: 120px;
	padding-left: 1em;
}
.index_news_title{
	width: calc( 100% - 120px );
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.index_news_btn{
	width: 100px;
	font-size: 1.3rem;
	text-align: right;
}
@media screen and (max-width: 1124px) {
	.index_news{
		width: calc( 100% - 70px );
	}
}
@media screen and (max-width: 580px) {
	.index_news{
		width: 97%;
		padding: 8px 5%;
	}
}
/*- mamamaの理念 --------------------------------------------*/
.index_idea_area{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;

	width: 1000px;
	max-width: 90%;
	margin: 110px auto;
}

.index_idea_img{
	width: 60%;
}

.index_idea_txt{
	width: 30%;

}


@media screen and (max-width: 580px) {
	.index_idea_area{
		display: block;
		margin: 40px auto;
	}

	.index_idea_img{
		width: 100vw;
   	margin: 0 calc(50% - 50vw);
	}

	.index_idea_txt{
		width: 100%;

	}
}

/*- index_共通 --------------------------------------------*/
.index_about_area{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;

	width: 1000px;
	max-width: 90%;
	margin: 100px auto 0;
}
.index_about_img{
	width: 45%;
}

.index_about_txtArea{
	width: 55%;
}
.index_about_txt{
	font-size: 2.4rem;
	line-height: 2;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.1em
}
.index_about__idea_txt{
	color: #fff;
	text-align: left;
}
.index_btn{
	display: block;

	width: 280px;
	max-width: 80%;
	margin: 40px auto 0;
	padding: 24px 1em;
	font-size: 1.4rem;
	line-height: 1.2;
	text-align: center;
	border: 1px solid #1a1a1a;
	border-radius: 6em;
}
.index_btn_w{
	color: #fff;
	border: 1px solid #fff;
}
@media (hover: hover) and (pointer: fine){
	.index_btn:hover{
		background: #ffa995;
	}
}
@media screen and (max-width: 1100px) {
	.index_about_area{
		max-width: 85%;
	}
}
@media screen and (max-width: 580px) {
	.index_about_area{
		display: block;
		max-width: 90%;
		margin: 80px auto 0;
	}
	.index_about_img{
		width: 100%;
	}

	.index_about_txtArea{
		width: 100%;
	}
	.index_about_txt{
		margin-top: .5em;
		font-size: 2.2rem;
	}
	.index_about__idea_txt{
		text-align: center;
	}
	.index_btn{
		margin: 24px auto 0;
		padding: 20px 1em;
	}
}

/*- cafeのこと --------------------------------------------*/
.index_cafe_area_wrap{
	position: relative;
	margin-top: 100px;
}
.index_cafe_area{
	margin-top: 0;
}
.index_cafe_img{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
}
.index_cafe_img img{
	width: 100%;
	height: 100%;

	object-fit: cover;
}
.index_cafe_txt{
	padding: 76px 0;
}
@media screen and (max-width: 580px) {
	.index_cafe_area_wrap{
		position: relative;
		margin-top: 80px;
	}
	.index_cafe_area{
		margin-top: 0;
	}
	.index_cafe_img{
		position: relative;
		top: auto;
		right: auto;

		width: 90%;
		height: auto;
		margin: 0 auto;
	}
	.index_cafe_img img{
		height: auto;

		object-fit: fill;
	}
	.index_cafe_txt{
		padding: 0;
	}
}
/*- 調理のこと --------------------------------------------*/
.index_about__cooking_img{
	order: 2;
}
@media screen and (max-width: 580px) {
	.index_about__cooking_img{
		order: 1;
	}
}
/*------------------------------------------------------------------------
初めての方へ / about
--------------------------------------------------------------------------*/
.about_idea_area{
	background: #c30d23 url(../img/about/message_line.svg) top center repeat-x;
	background-size: auto 60px;
}
.about_idea_bg_box{
	padding: 100px 0 160px;
	background-image: url(../img/about/message_ico.svg);
	background-position: right 3% bottom 40px;
	background-repeat: no-repeat;
	background-size: 180px auto;
}
.about_idea_inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;

	width: 1000px;
	max-width: 90%;
	margin: 0 auto;
}
.about_idea_title{
	width: 40%;
	font-size: 3.6rem;
	font-weight: 700;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,.3);
}
.about_idea_txt{
	width: 60%;
	margin-top: .5em;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,.3);
}
.about_idea_txt p + p{
	margin-top: 1em;
}
@media screen and (max-width: 1110px) {
	.about_idea_inner{
		max-width: 85%;
	}
}
@media screen and (max-width: 640px) {
	.about_idea_area{

	}
	.about_idea_bg_box{
		padding: 40px 0 80px;
		background-position: right 5% top 100px;
		background-size: 100px auto;
	}
	.about_idea_inner{
		max-width: 90%;
	}
	.about_idea_title{
		width: 100%;
		font-size: 2.8rem;
		text-align: center;
	}
	.about_idea_txt{
		width: 100%;
		margin-top: 2em;
	}
}

.about_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;

	width: 1000px;
	max-width: 90%;
	margin:100px auto 0;
}
.about_box_img{
	width: 40%;
}
.about_box:nth-of-type(odd) .about_box_img{
	order: 2;
}
.about_box_txt{
	width: 50%;
}
.about_box_txt p + p{
	margin-top: 1em;
}

.about_btn{
	display: block;
	width: 180px;
	margin: 24px auto 0;
	padding: 1em;
	text-align: center;
	border: 1px solid #1a1a1a;
	color: #1a1a1a;
	font-size: 1.3rem;
	border-radius: 4em;
}
@media (hover: hover) and (pointer: fine){
	.about_btn:hover{
		background: #ffa995;
	}
}

@media screen and (max-width: 1110px) {
	.about_box{
		max-width: 85%;
	}
}
@media screen and (max-width: 580px) {
	.about_box{
		max-width: 90%;
	}
}

@media screen and (max-width: 580px) {
	.about_box:nth-of-type(odd) .about_box_img{
		order: 1;
	}
	.about_box:nth-of-type(odd) .about_box_txt{
		order: 2;
	}
	.about_box_img{
		width: 100%;
	}
	.about_box_txt{
		margin-top: 2em;
		width: 100%;
	}
}

/*------------------------------------------------------------------------
メニュー / menu
--------------------------------------------------------------------------*/
.menu_taxin_txt{
	width: 1100px;
	max-width: 90%;
	margin: -45px auto 45px;
	text-align: right;
	font-size: 1.3rem;
}
@media screen and (max-width: 580px) {
	.menu_taxin_txt{
		margin: -45px auto 36px;
		font-size: 1.2rem;
	}
}

.menu_page_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	width: 1100px;
	max-width: 90%;
	margin: 0 auto 80px;
}

.menu_page_list li{
	width: 16%;
}
.menu_page_list li a{
	display: block;
	width: 100%;
	padding: 15px .5em;
	text-align: center;
	font-size: 1.8rem;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #1a1a1a;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
@media (hover: hover) and (pointer: fine){
	.menu_page_list li a:hover{
		color: #568c05;
		border: 1px solid #568c05;
	}
}
.lunch .menu_page_list_linch,
.dinner .menu_page_list_dinner,
.kids .menu_page_list_kids,
.dessert .menu_page_list_dessert,
.drink .menu_page_list_drink,
.takeout .menu_page_list_takeout{
	color: #568c05;
	border: 1px solid #568c05;
}

@media screen and (max-width: 980px) {
	.menu_page_list li a{
		font-size: 1.5rem;
		letter-spacing: 0;
	}
}
@media screen and (max-width: 780px) {
	.menu_page_list li{
		width: 32%;
		margin-bottom: 15px;
	}
}
.menu_cat_box + .menu_cat_box{
	margin-top: 120px;
}
.menu_cat_title{
	margin-bottom: 60px;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 900;
	color: #666;
}
.menu_cat_title_soup{
	margin: -60px 0 60px;
	text-align: center;
	font-size: 1.3rem;
	color: #666;
}
.menu_subCat_title{
	width: 1000px;
	max-width: 90%;
	margin: 40px auto 24px;
	font-size: 1.8rem;
	font-weight: 900;
	color: #c30d23;
}

.menu_table{
	width: 1000px;
	max-width: 90%;
	margin: 80px auto 0;
}
.menu_table_noSlider{
	margin-top: 24px;
}
.menu_table th,
.menu_table td{
	padding: 1em;
	line-height: 1.6;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.menu_table th .menu_table_dtl{
	color: #666;
}

.menu_table td{
	text-align: right;
	vertical-align: bottom;
}
@media screen and (max-width: 1110px) {
	.menu_table{
		max-width: 85%;
	}
}
@media screen and (max-width: 580px) {
	.menu_table{
		max-width: 90%;
	}
}

.menu_inner{
	width: 1000px;
	max-width: 90%;
	margin: 0 auto;
}
@media screen and (max-width: 1110px) {
	.menu_inner{
		max-width: 85%;
	}
}
@media screen and (max-width: 580px) {
	.menu_inner{
		max-width: 90%;
	}
}

.menu_irreg_title_box{
	display: flex;
	flex-wrap: wrap;
align-items: flex-end;
	margin: 40px 0 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
}
.menu_irreg_title{
	width: 75%;
	padding: 0 14px;
	font-size: 1.8rem;
	line-height: 1.6;
	font-weight: 700;
}
.menu_irreg_pri{
	width: 25%;
	padding: 0 14px;
	font-size: 1.8rem;
	text-align: right;
	line-height: 1.6;
	font-weight: 700;
}
.menu_irreg_txt{
	margin: 0 14px;
}
/*- スライダー -------------------------*/
.menu_slider li{
	position: relative;

	margin: 22px 22px 0 22px;
}
.menu_slider li img{
	width: 100%;
	height: auto;
}
.menu_slider_txt{
	position: absolute;
	bottom: 0;
	left: 0;

	width: 100%;
	padding: 16px 5%;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7)100%);
}
.menu_slider_txt p{
	color: #fff;
	line-height: 1.4;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.menu_slider_txt_inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}
.menu_slider_name{
	width: 70%;
	font-size: 1.8rem;
	font-weight: 500;
}
.menu_slider_name_L{
	width: 100%;
}
.menu_slider_price{
	width: 30%;
	font-size: 1.8rem;
	font-weight: 500;
	text-align: right;
}
.menu_slider_comment{
	margin-top: 8px;
	font-size: 1.2rem;
	line-height: 1.4;
}
.menu_slider_comment em{
	font-weight: 700;
}

.slick-dots{ /* ドット */
	display: flex;
	justify-content: center;
	align-items: center;

	padding: 40px 0 0;
}
.slick-dots li {
  width: 22px;
  height: 22px;
  margin: 0 10px;
  cursor: pointer;
	background: #ccc;
	border-radius: 50%;
}
.slick-dots button {
  display: block;
  width: 22px;
  height: 22px;
  margin: 0;
  font-size: 0;
  padding: 0;
  border: 0;
  opacity: 0;
  outline: none;
  background: #c30d23;
	border-radius: 50%;
  cursor: pointer;
}
.slick-dots .slick-active button {
  background: #c30d23;
  opacity: 1;
}
@media screen and (max-width: 580px) {
	.menu_slider li{
		margin: 10px 10px 0 10px;
	}
	.menu_slider_comment{
		font-size: 1.0rem;
	}

	.slick-dots{ /* ドット */
		padding: 16px 0 0;
	}
	.slick-dots li {
		width: 8px;
		height: 8px;
		margin: 0 4px;
	}
	.slick-dots button {
		width: 8px;
		height: 8px;
	}
}
/*- テイクアウト -------------------------*/
/* 共通テキスト */
.menu_to_text{
	width: 800px;
	max-width: 90%;
	margin: 0 auto 60px;
}

.menu_to_detail_table{
	width: 100%;
	margin-top: 40px;
}
.menu_to_detail_table th,
.menu_to_detail_table td{
	padding: 1em;
	line-height: 1.6;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.menu_to_detail_table th{
	width: 180px;
	font-weight: 900;
	color: #c30d23;
}
.menu_to_detail_table_link{
	display: inline-block;
	padding: 2px .8em;
	font-size: 1.2rem;
	color: #c30d23;
	border: 1px solid #c30d23;
	border-radius: 2em;
}
@media (hover: hover) and (pointer: fine){
	.menu_to_detail_table_link:hover{
		background: #ffa995;
	}
}
@media screen and (max-width: 580px) {
	.menu_to_detail_table{
		border-top: 1px solid #ccc;
	}
	.menu_to_detail_table th,
	.menu_to_detail_table td{
		display: block;
		width: 100%;
		padding: 1em;
		line-height: 1.6;
		border-top: none;
		border-bottom: 1px solid #ccc;
	}

	.menu_to_detail_table th{
		width: 100%;
		padding-bottom: 0;
		border-bottom: none;
	}
	.menu_to_detail_table td{
		padding-top: .5em;
	}
}

/*------------------------------------------------------------------------
オリジナル商品 / products
--------------------------------------------------------------------------*/
.products_cat_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	width: 1000px;
	max-width: 90%;
	margin: 0 auto 80px;
}

.products_cat_list li{
	width: 30%;
}
.products_cat_list li a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 15px .5em;
	text-align: center;
	font-size: 1.8rem;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #1a1a1a;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
@media (hover: hover) and (pointer: fine){
	.products_cat_list li a:hover{
		color: #568c05;
		border: 1px solid #568c05;
	}
}

.products .menu_cat_list_dressing{
	color: #568c05;
	border: 1px solid #568c05;
}
@media screen and (max-width: 1110px) {
	.products_cat_list{
		max-width: 85%;
	}
}
@media screen and (max-width: 980px) {
	.products_cat_list li a{
		font-size: 1.5rem;
		letter-spacing: 0;
		line-height: 1.6;
	}
}
@media screen and (max-width: 780px) {
	.products_cat_list li{
		width: 32%;
	}
	.products_cat_list li a{
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px .5em;
		line-height: 1.2;
	}
	.products_list .nw{
		width: 10px;
		height: 10px;
	}
}
@media screen and (max-width: 580px) {
	.products_cat_list{
		max-width: 90%;
	}
}

.products_list{
	border-top: 1px solid #1a1a1a;
}
.products_list li{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #1a1a1a;
}
.products_img{
	width: 28%;
}
.products_txt{
	width: 68%;
}
.products_name{
	margin-bottom: 1em;
	font-size: 1.8rem;
	font-weight: 500;
}
.products_price{
	text-align: right;
	font-size: 1.8rem;
	font-weight: 500;
}
.products_buy{
	display: block;

	width: 200px;
	max-width: 80%;
	margin: 18px 0 0 0;
	padding: 16px 1em;
	line-height: 1.2;
	text-align: center;
	border: 1px solid #1a1a1a;
	border-radius: 6em;
}

@media (hover: hover) and (pointer: fine){
	.products_buy:hover{
		background: #ffa995;
	}
}
@media screen and (max-width: 580px) {
	.products_img{
		width: 90%;
		max-width: 250px;
		margin: 0 auto;
	}
	.products_txt{
		width: 98%;
		margin: 16px auto 0;
	}
	.products_buy{
		margin: 24px auto 0;
	}
}
/*------------------------------------------------------------------------
お店のくふう / layout
--------------------------------------------------------------------------*/
.layout_content_box{
	width: 800px;
}
.layout_content_box p span{
	background: #f9ff8f;
}
.layout_facility_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.layout_facility_list li{
	width: 30%;
	margin-bottom: 24px;
}
.layout_facility_list p{
	margin-top: .5em;
	font-size: 1.3rem;
	line-height: 1.6;
}
@media screen and (max-width: 580px) {
	.layout_facility_list li{
		width: 48%;
		margin-bottom: 24px;
	}
}
/*------------------------------------------------------------------------
販売コーナー / space
--------------------------------------------------------------------------*/
.space_img{
	display: block;

	margin-bottom: 40px;
}
.space_txt{
	width: 700px;
	max-width: 100%;
	margin: 0 auto;
}
.space_title{
	margin-bottom: 40px;
	font-size: 2.4rem;
	font-style: 900;
	color: #666;
	text-align: center;
}

.space_tel{
	margin: 14px 0;
	font-size: 2.4rem;
	font-weight: 700;
	color: #c30d23;
}
@media screen and (max-width: 580px) {
	.space_img{
		margin-bottom: 32px;
	}
	.space_title{
		margin-bottom: 24px;
		font-size: 2.0rem;
		text-align: left;
	}
	.space_title br{
		display: none;
	}
}

/*------------------------------------------------------------------------
アクセス / access
--------------------------------------------------------------------------*/
.access_map_area{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;

	margin-top: 20px;
}
.access_map_item{
	width: 48%;
}
@media screen and (max-width: 580px) {
	.access_map_item{
		width: 100%;
	}
	.access_map_item + .access_map_item{
		margin-top: 20px;
	}
	.access_gm{
		height: 300px;
	}
}
/*------------------------------------------------------------------------
ご予約 / reserve
--------------------------------------------------------------------------*/
.reserve_box{
	width: 700px;
}
.reserve_tel{
	margin: 20px 0;
	font-size: 4.2rem;
	font-weight: 900;
	color: #c30d23;
}
.reserve_open_box{
	width: 100%;
	padding: 1em 1.5em;

	border: 1px solid #c30d23;
}
.reserve_open_title{
	color: #c30d23;
	font-weight: 700;
}
/*------------------------------------------------------------------------
おしらせ /　一覧 / news
--------------------------------------------------------------------------*/
.news_list{
	border-top: 1px solid #ccc;
}
.news_list li{
	display: flex;
	flex-wrap: wrap;

	padding: 2em 0;
	border-bottom: 1px solid #ccc;
}
.news_list_date{
	width: 110px;
}
.news_list_title{
	width: calc( 100% - 110px );
}
@media screen and (max-width: 580px) {
	.news_list li{
		padding: 1.5em 0;
		font-size: 1.3rem;
	}
	.news_list_date{
		width: 100px;
	}
	.news_list_title{
		width: calc( 100% - 100px );
	}
}


/* PageNavi -------*/
.wp-pagenavi {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;

	width: 100%;
	margin: 120px auto 0;
}
.wp-pagenavi a,
.wp-pagenavi span{
	display: block;
	margin: 0 6px;
	padding: 8px 12px;
	font-size: 1.4rem;
	background: #fff;
	border: 1px solid #ccc;
  border-radius: 2px;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current{
	color: #fff;
	background: #0090D0;
}
@media only screen and (max-width: 580px) {
	.wp-pagenavi a ,
	.wp-pagenavi span.pages,
	.wp-pagenavi span.extend,
	.wp-pagenavi a:hover,
	.wp-pagenavi span.current {
		margin-right:10px;
		margin-bottom:16px;
	}
}
/*------------------------------------------------------------------------
おしらせ /　個別 / news
--------------------------------------------------------------------------*/
.post_box{
	width: 800px;
	max-width: 90%;
	margin: 0 auto;
}
.post__title{
	font-size: 2.6rem;
	font-style: 900;
	color: #666;
}
.post__date{
	margin: 8px 0 40px;
	padding-top: 8px;
	font-size: 1.3rem;
	border-top: 1px solid #1a1a1a;
}

.post_wrap h2{
	margin: 40px 0 20px;
	font-size: 2.4rem;
	color: #c30d23;
}
.post_wrap h3{
	margin: 32px 0 16px;
	font-size: 2.2rem;
	color: #568c05;
}
.post_wrap h4{
	margin: 24px 0 16px;
	font-size: 2.0rem;
	color: #c30d23;
}
.post_wrap h5{
	margin: 20px 0 8px;
	font-size: 1.8rem;
	color: #568c05;
}
.post_wrap h6{
	margin: 16px 0 8px;
	font-size: 1.6rem;
	color: #666;
}
.post_box p + p{
	margin-top: 1em;
}



/*-- リンク ----------*/
.post_wrap a:not([class]){
  color: #0090D0;
	text-decoration: underline;
}
.post_wrap a:not([class]) img{
  transition: opacity .3s;
}
@media (hover: hover) and (pointer: fine){
  .post_wrap a:not([class]):hover{
    color: #0090D0;
    text-decoration: none;
  }
  .post_wrap a:not([class]):hover img{
    opacity: .7;
  }
}

/*-- リスト ----------*/
.post_wrap li{
  position: relative;

  line-height: 2;
}

.post_wrap ul{ /* ● リスト */
  margin: 1em 0;
}
  .post_wrap ul > li{
    list-style: disc outside;
    margin-left: 1.5em;
  }
  .post_wrap ul > li::marker{
    color: #568c05;
  }
  .post_wrap ul > li + li{
    margin-top: .5em;
  }

.post_wrap ol{ /* 数字リスト */
  margin: 2em 0;
}
  .post_wrap ol > li{
    list-style: decimal-leading-zero outside;
    margin-left: 2.5em;
  }
  .post_wrap ol > li::marker{
    color: #568c05;
    font-weight: 700;
  }
  .post_wrap ol > li + li{
    margin-top: .5em;
  }

/*-- 画像 ----------*/
.post_wrap > .wp-block-image,/* 画像ブロック */
.post_wrap .wp-block-gallery{ /* ギャラリー */
  margin: 1.5em 0;
}
  .post_wrap .wp-block-image img{
    object-fit:cover;
  }

  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption{ /* ギャラリーの個別写真キャプション*/
    font-size: 1.2rem;
    border-radius: 0 0 6px 6px;
  }
  .wp-block-gallery.has-nested-images figcaption{/* ギャラリー全体のキャプション*/
    text-align: left;
  }

  .wp-block-gallery{
    margin: 1.5em 0;
  }

/*-- 埋め込み ----------*/
.wp-block-embed{
  margin: 3em 0;
}
.wp-embedded-content{ /* ページ埋め込み */
  width: 100%;
}
.twitter-tweet{ /* twitter　中央揃え */
  margin-left: auto;
  margin-right: auto;
}
.wp-block-embed-youtube .wp-block-embed__wrapper{ /* youtube 100% */
	position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}
.wp-block-embed-youtube .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% ;
    height: 100% ;
}


/* 前後記事一覧ナビゲーション */
.post__postnav{
	width: 800px;
	max-width: 90%;
	margin: 100px auto 0;
}
	.nav-post_list{
		width: 200px;
		margin: 0 auto;
	}
		.nav-post_list a{
			display: block;
			position: relative;

			width: 100%;
			line-height: 60px;
			text-align: center;
			font-size: 1.3rem;
			border: 1px solid currentColor;
			border-radius: 4em;
			transition: background .3s;
		}
@media (hover: hover) and (pointer: fine){
	.nav-post_list a:hover{
		background: #ffa995;
	}
}
@media screen and (max-width: 760px) {
		.nav-post_list{
			margin-top: 60px;
		}
			.nav-post_list a{
				line-height: 50px;
			}
}