@charset "utf-8";
/*   
Theme Name: EASTONE BRAND theme 2019.06
Theme URI: http://www.eastone.co.jp/
Description: 各業態用wordpressテーマです。
Author: EASTONE co., ltd.
Author URI:http://www.eastone.com/
Version: 1.0
*/

/* -------- */
/* msk_blok */
/* -------- */

/*
#loading_block {
	width:100%;
	height:100vh;
	position:absolute;
	top:0;
	z-index: 50;
	background:#fff url('images/loading_img.gif') 50% 50% no-repeat;
}
*/
#loading_block {
	position:fixed;
	z-index:200;
	width:100vw;
	height:100vh;
	background:#fff;
	top:0;
	right:0;
}
#loading_block > div {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:3rem;
	height:3rem;
	margin:auto;
}
#loading_block > div.block1::before,
#loading_block > div.block1::after,
#loading_block > div.block2::before,
#loading_block > div.block2::after{
	display:block;
	content:"";
	position:absolute;
	background-color:#D10001;
	animation-duration:3s;
	/*animation-fill-mode: forwards;*/
	animation-direction:normal;
	animation-iteration-count:infinite;
	/*animation: anime1 1s ease -1s infinite normal;*/
}
#loading_block > div.block1::before,
#loading_block > div.block1::after { top:0; bottom:0; }
#loading_block > div.block1::before{ animation-name:anime1; }
#loading_block > div.block1::after{ animation-name:anime2; }

#loading_block > div.block2::before,
#loading_block > div.block2::after { right:0; left:0; }
#loading_block > div.block2::before{ animation-name:anime3; }
#loading_block > div.block2::after{ animation-name:anime4; }

@keyframes anime1 {
	0% {left:0; width:0; height:100%;}
	24% {left:0; width:100%; height:100%;}
	25% {left:0; width:0; height:100%;}
	100% {left:0; width:0; height:100%;}
}

@keyframes anime2 {
	0% {right:0; width:0; height:100%;}
	24% {right:0; width:0; height:100%;}
	25% {right:0; width:100%; height:100%;}
	49% {right:0; width:0; height:100%;}
	100% {right:0; width:0; height:100%;}
	
}
@keyframes anime3 {
	0% {top:0; width:100%; height:0;}
	50% {top:0; width:100%; height:0;}
	74% {top:0; width:100%; height:100%;}
	75% {top:0; width:100%; height:0;}
	100% {top:0; width:100%; height:0;}
}
@keyframes anime4 {
	0% {bottom:0; width:100%; height:0;}
	74% {bottom:0; width:100%; height:0;}
	75% {bottom:0; width:100%; height:100%;}
	100% {bottom:0; width:100%; height:0;}
}


/* ------------ */
/* デザイン共通 */
/* ------------ */
*{
	font-family:'Renner*',"游ゴシック体", "Yu Gothic", YuGothic,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	
	box-sizing:border-box;
}
html,body,div,span,applet,object,iframe,strong,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,fieldset,form,legend,caption,tbody,tfoot,thead,table,label,tr,th,td,p,img,figure{
	margin:0;
	padding:0;
	border:none;
}
body{
	line-height:1.5;
	color:#000;
	overflow-y:scroll;
	overflow-x:hidden;
	-webkit-text-size-adjust:100%;
	/*opacity:0;*/
}

a{
	color:#A30A0B;
	text-decoration:none;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}
img{
	vertical-align:top;
	max-width:100%;
	height:auto;
}

#wrapper {
	position: relative;
	width:100%;
	overflow:hidden;
}

.font-serif { font-family:serif !important; }

@media screen and (max-width:767px) {
	html{ font-size:14px; }
	.sp_none{ display:none !important; }
}
@media print,screen and (min-width:768px) {
	html{ font-size:16px; }
}
@media print,screen and (min-width:768px) and (max-width:955px) {
	.tab_none{ display:none !important; }
}
@media print,screen and (min-width:960px) {
	.pc_none{ display:none !important; }
}
@media print,screen and (min-width:1100px) {
	.large_pc_none{ display:none !important; }
}

/* ------ */
/* header */
/* ------ */

header{
	display:flex;
	justify-content:space-between;
	position:fixed;
	top:0;
	right:0;
	left:0;
	z-index:30;
	width:100%;
	margin:auto;
	text-align:center;
	background:rgba(255,255,255,0.9);
}
header ul {
	margin:0;
	padding:0;
	list-style:none;
}



@media print,screen and (max-width:959px) {
	header{ height:3.5rem; padding:0; z-index:51;}
	header .logo {
		position:relative;;
		width:50%;
		height:100%;
		padding:0 0 0 1rem;
		text-align:left;
	}
	header .logo img {
		position:absolute;
		top:0;
		bottom:0;
		width:90%;
		max-width:175px;
		margin:auto;
	}
}

@media print,screen and (min-width:960px) {
	header{ height:5rem; padding:0 2rem; }
	header .logo { padding:1.5rem 0; position:absolute; }
	header .logo img { width:10rem; }
}

@media print,screen and (min-width:1100px) {
	header {
		max-width:1600px;
	}
}

/* ----------- */
/* global navi */
/* ----------- */

#global_navi {
	display:flex;
	justify-content:space-between;
	position:absolute;
	right:0;
	align-items:center;
	height:100%;
	letter-spacing:-.40em;
}
#global_navi > * { letter-spacing:normal; }
#global_navi > #sp_menu {
	position:relative;
	width:3.5rem;
	height:3.5rem;
	border:#D10001 1px solid;
	background:#fff;
	cursor:pointer;
}
#global_navi > #sp_menu div {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:calc(100% - 20px);
	height:calc(100% - 24px);
}
#global_navi > #sp_menu div::before,
#global_navi > #sp_menu div::after,
#global_navi > #sp_menu div > span.bar {
	display:block;
	content:"";
	position:absolute;
	right:0;
	left:0;
	width:100%;
	height:2px;
	margin:auto;
	background:#D10001;
	-webkit-transition:0.15s ease-out;
	-moz-transition:0.15s ease-out;
	-ms-transition:0.15s ease-out;
	transition:0.15s ease-out;
}
#global_navi > #sp_menu:hover { background:#D10001; }
#global_navi > #sp_menu:hover div::before,
#global_navi > #sp_menu:hover div::after,
#global_navi > #sp_menu:hover div > span.bar { background:#fff; }
#global_navi > #sp_menu div > span.bar { top:0; bottom:0; }
#global_navi > #sp_menu div::before { top:0; }
#global_navi > #sp_menu div::after { bottom:0; }
#global_navi > #sp_menu.open div::before {
	bottom:0;
	transform:rotate(45deg);
}
#global_navi > #sp_menu.open div::after {
	top:0;
	transform:rotate(-45deg);
}
#global_navi > #sp_menu.open div > span { display:none; }

#global_navi ul { list-style:none; }
#global_navi > ul > li,
#global_navi > ul > li > a {
	display:block;
	position:relative;
	padding:0.5rem 0;
	color:#7A6A56;
	font-weight:bold;
}

#global_navi > a.btn_recruit {
	display:block;
	width:8rem;
	height:3rem;
	padding:1rem 0;
	color:#fff;
	text-align:center;
	font-weight:500;
	background:rgba(209,0,1,1);
}
#global_navi > a.btn_recruit:hover { background:rgba(209,0,1,0.65); }

@media print,screen and (max-width:959px) {
	#global_navi {
		width:50%;
		flex-direction:row-reverse;
	}
	#global_navi > #sp_menu:hover { background:#fff; }
	#global_navi > #sp_menu:hover div::before,
	#global_navi > #sp_menu:hover div::after,
	#global_navi > #sp_menu:hover div > span.bar { background:#D10001; }

	#global_navi > #sp_menu.open { background:#D10001; }
	#global_navi > #sp_menu.open div::before,
	#global_navi > #sp_menu.open div::after,
	#global_navi > #sp_menu.open div > span.bar { background:#fff; }


	
	#global_navi #sp_menu + .block_gnavi {
		position:fixed;
		top:3.5rem;
		right:0;
		width:100%;
		height:calc(100vh - 3.5rem);
		padding:2rem 3rem;
		background:rgba(184,0,1,0.9);
		transform:translateX(100%);
		-webkit-transition: 0.35s ease-out;
		-moz-transition: 0.35s ease-out;
		-ms-transition: 0.35s ease-out;
		transition: 0.35s ease-out;
		overflow-y:scroll;
	}
	
	#global_navi #sp_menu.open + .block_gnavi {
		right:0;
		transform:translateX(0);
		-webkit-transition: 0.35s ease-out;
		-moz-transition: 0.35s ease-out;
		-ms-transition: 0.35s ease-out;
		transition: 0.35s ease-out;
	}
	#global_navi .block_gnavi > ul {
		display:flex;
		justify-content: space-between;
		flex-wrap:wrap;
	}
	#global_navi .block_gnavi > ul.shop_list {
		margin-top:1.5rem;
		padding-top:1.5rem;
		border-top:#fff 1px solid;
	}
	#global_navi .block_gnavi > ul > li {
		width:50%;
		padding:0;
		text-align:left;
	}
	#global_navi .block_gnavi > ul > li:nth-child(2n) {
		width:40%;
	}


	#global_navi .block_gnavi > ul.shop_list > li { width:100%; }
	#global_navi .block_gnavi > ul > li.drop_down,
	#global_navi .block_gnavi > ul > li > a {
		display: block;
		padding:0.25rem 0;
		color:#fff;
		text-align:left;
		font-size:1.2rem;
	}
	#global_navi .block_gnavi > ul > li.drop_down > ul {
		margin:1rem 0 0;
		padding:0;
		height:auto;
	}
	#global_navi .block_gnavi > ul > li.drop_down > ul > li > a{
		padding:0.5rem 1rem;
	}
	#global_navi > a.btn_recruit {
		width:calc(100% - 3.5rem);
		height:100%;
		font-size:16px;
	}
}
@media print,screen and (min-width:768px) {
	
}
@media print,screen and (min-width:768px) and (max-width:959px) {
	#global_navi #sp_menu.open + ul { transform:translateX(50%); }
}

@media print,screen and (min-width:960px) {
	#global_navi > a.btn_recruit { margin-right:1rem; }
	#global_navi > #sp_menu { display:none; }
	#global_navi > ul {
		display:flex;
		justify-content:space-between;
		align-items:center;
		height:100%;
	}
	#global_navi > ul > li { margin-right:2rem; }
	#global_navi .drop_down > ul {
		position:absolute;
		top:100%;
		left:0;
		height:0;
		text-align:left;
		white-space: nowrap;
		overflow-y:hidden;
		-webkit-transition: 0.2s ease-out;
		-moz-transition: 0.2s ease-out;
		-ms-transition: 0.2s ease-out;
		transition: 0.2s ease-out;
	}
	#global_navi .drop_down:hover > ul { height:auto; }
	#global_navi .drop_down > ul > li { width:100%; margin-bottom:1px; }
	#global_navi .drop_down > ul > li > a {
		display:block;
		width:100%;
		margin:0;
		padding:0.75rem 1rem;
		line-height:1;
		font-weight:normal;
		background:rgba(240,240,240,0.75);
	}
	#global_navi .drop_down > ul > li > a:hover { color:#fff; background:rgba(209,0,1,0.75); }
	
	#global_navi > ul > li > a::after,
	#global_navi > ul > li.drop_down::after {
		display:block;
		content:"";
		position:absolute;
		top:-100%;
		left:calc(50% - 2px);
		width:2px;
		height:0px;
		background:#D10001;
		-webkit-transition: 0.2s ease-out;
		-moz-transition: 0.2s ease-out;
		-ms-transition: 0.2s ease-out;
		transition: 0.2s ease-out;
	}
	#global_navi > ul > li > a:hover::after,
	#global_navi > ul > li.drop_down:hover::after { height:100%; }
	#global_navi > ul > li.drop_down { position:relative; }
}

/* ---- */
/* main */
/* ---- */
main{ display: block; }
.scrollin { transform: translate(0,0);  }
.align_center { text-align:center !important; }


@media print,screen and (max-width:767px) {
	#wrapper { width:100%; }
	/*main { margin-top:3.5rem;}*/
}
@media print,screen and (min-width:768px) {
	.fadein {
		opacity:0 !important;
		transform: translate(0,40px); 
		-webkit-transition: 0.8s ease-out;
		-moz-transition: 0.8s ease-out;
		-ms-transition: 0.8s ease-out;
		transition: 0.8s ease-out;
	}
	.scrollin {
		opacity:1 !important;
	}
}
@media print,screen and (max-width:959px) { main { margin-top:3.5rem;} } 
@media print,screen and (min-width:960px) { main { margin-top:5rem; } }
@media print,screen and (min-width:1100px) { }

/* -------- */
/* btn_link */
/* -------- */


.btn_link01,
.btn_link01_w,
.area_form button,
.area_form input[type="submit"] {
	display:block;
	padding:0.5rem;
	color:#D10001;
	line-height:1;
	text-align:center;
	border:#D10001 1px solid;
	background:url('images/icon_news.png') 0.5rem 50% no-repeat;
	cursor:pointer;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

.btn_link01_w {
	color:#fff;
	border:#fff 1px solid;
	background:url('images/icon_news_on.png') 0.5rem 50% no-repeat;
}

.btn_link01:hover,
.area_form button:hover,
.area_form input[type="submit"]:hover {
	color:#fff;
	background:#D10001 url('images/icon_news_on.png') 0.5rem 50% no-repeat;
}
.btn_link01_w:hover {
	color:#D10001;
	background:#fff url('images/icon_news.png') 0.5rem 50% no-repeat;
}

.btn_link01,
.btn_link01_w,
.area_form button,
.area_form input[type="submit"] { margin:2rem auto; padding:1rem; }


@media print,screen and (max-width:767px) {
	
}
@media print,screen and (min-width:768px) {
	
}
@media print,screen and (max-width:959px) {  } 
@media print,screen and (min-width:960px) {  }
@media print,screen and (min-width:1100px) { }

/* ------- */
/* heading */
/* ------- */

h1.page_title {
	position:relative;
	width:100%;
	margin:0;
	padding:0;
}

h1.page_title > p {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}

main.page_common h1.page_title > p {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:calc(1em + 1.5rem);
	margin:auto;
	padding:0.75rem 0;
	color:#fff;
	line-height:1;
	text-align:center;
	background:rgba(163, 10, 11, 0.8);
}

h2,h3 {
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-ms-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}
h2 span,
h3 span {
	font-family:"游ゴシック体", "Yu Gothic", YuGothic,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
}

.heading01 { }
.heading01 span { }
.heading02,
.heading02_w {
	position:relative;
	margin:0 auto 5rem;
	line-height:1.3em;
	letter-spacing:0.1rem;
	text-align:left;
	font-size:2.5rem;
	font-weight:300;
}
.heading02 span,
.heading02_w span {
	font-size:1.3rem;
	font-weight:400;
}
.heading02::after,
.heading02_w::after {
	display:block;
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:1.5rem;
	height:0.375rem;
	background:#D10001;
}
.heading02_w { color:#fff; }
.heading02_w::after { background:#fff; }

.heading03 {
	margin:0 auto 1em;
	text-align:left;
	font-size:2.5rem;
	font-weight:400;
}
.heading03 span { font-size:1.25rem; }

.heading04 { }
.heading04 span {  }

@media print,screen and (max-width:767px) {
	h1.page_title { height:10rem; }
	h1.page_title > p { width:12rem; height:6rem; }
	main.page_common h1.page_title > p {
		width:calc(100% - 4rem);
		height:calc(1em + 1.5rem);
		font-size:2rem;
	}
	.heading02,
	.heading02_w { padding-bottom:0.5rem;line-height:1.3; }
	.heading02 span,
	.heading02_w span { display:block; }
	
	.heading03 { line-height:1.25; }
	.heading03 span { display:block; }
	.heading04 { font-size:1.2rem; }
	
}
@media print,screen and (min-width:768px) {
	h1.page_title { height:25rem; }
	h1.page_title > p { width:24rem; height:12rem; }
	main.page_common h1.page_title > p { 
		width:60%;
		height:calc(1em + 1.5rem);
		font-size:3.25rem;
	}
	.heading02 span {
		display:inline-block;
		margin-left:1rem;
		vertical-align:middle;
	}
	.heading03 { line-height:1; }
	.heading03 span {
		display:inline-block;
		margin-left:1rem;
		vertical-align:bottom;
	}
	.heading04 { font-size:1.6rem; }
}
@media print,screen and (min-width:960px) {
	main.page_common h1.page_title > p {
		width:calc(100% - 42rem);
		max-width:768px;
	}
}
@media print,screen and (min-width:1100px) {
	main.page_common h1,
	h1.page_title {
		max-width:1600px;
		margin-right:auto;
		margin-left:auto;
	}
}

/* ---------- */
/* list block */
/* ---------- */

.list_block .slick-prev,
.list_block .slick-next{
	padding:0;
	color:#fff;
}

.list_block .list_items {
	display:block;
	margin:0;
	padding:0;
}

.slick-dots {
	bottom:0;
	padding:2rem 0 0 !important;
}
.slick-dots li button {
	width:10px !important;
	height:10px !important;
	margin:0;
	padding:0;
	border-radius:5px;
	background:#D10001;
}
.slick-dots li button::before {
	width:10px !important;
	height:10px !important;
	margin:0 !important;
	padding:0 !important;
	border:#AAAAAA 1px solid !important;
	border-radius:50% !important;
	background:#AAAAAA !important;
}
.slick-dots li.slick-active button::before {
	border:#D10001 1px solid !important;
	background:#D10001 !important;
}

@media print,screen and (max-width:767px) {
	.list_block .slick-prev,
	.list_block .slick-next{
		width:25px;
		height:48px;
		-webkit-transition: 0.2s ease-out;
		-moz-transition: 0.2s ease-out;
		-ms-transition: 0.2s ease-out;
		transition: 0.2s ease-out;
	}
	
	.list_block .slick-prev{ background:url('images/icon_list_arrow_left.png') 50% 50% no-repeat !important; }
	.list_block .slick-next{ background:url('images/icon_list_arrow_right.png') 50% 50% no-repeat !important; }
}
@media print,screen and (min-width:768px) {
	.list_block .slick-prev,
	.list_block .slick-next{ width:25px; height:48px; }
	.list_block .slick-prev{ padding-right:1rem; }
	.list_block .slick-next{ padding-left:1rem; }
	.list_block .slick-prev{ background:url('images/icon_list_arrow_left.png') 50% 50% no-repeat !important; }
	.list_block .slick-next{ background:url('images/icon_list_arrow_right.png') 50% 50% no-repeat !important; }
	.list_block .slick-prev { left:-2rem; }
	.list_block .slick-next{ right:-2rem; }
	
}

/* ------------- */
/*  list_topics  */
/* ------------- */

ul.list_topics {
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}
ul.list_topics li { margin-bottom:1rem; }
ul.list_topics li span,
ul.list_topics li a.title {
	display:block;
	margin-right:1rem;
	padding:0.25rem 0;
	line-height:1.25;
	vertical-align:top;
}
ul.list_topics li a.title { width:100%; color:#000; }
ul.list_topics li a.title:hover { color:#D10001; }
ul.list_topics li span.date { width:9rem; }
ul.list_topics li span.cat {
	width:9rem;
	padding:0.25rem 0.75rem;
	color:#D10001;
	text-align:center;
	border:#D10001 1px solid;
	background:#fff;
}
ul.list_topics li span.cat.news { color:#fff; background:#D10001; }
@media print,screen and (max-width:767px) {
	
}
@media print,screen and (min-width:768px) {
	ul.list_topics li {
		display:flex;
		justify-content:flex-start;
		align-items:flex-start;
		width:100%;
	}
	ul.list_topics li a.title { width:calc(100% - 18rem); }
}
@media print,screen and (min-width:960px) {
}
@media print,screen and (min-width:1100px) {
	
}


/* ------ */
/* footer */
/* ------ */
footer {
	width:100%;
	margin-bottom:4rem;
	padding:0;
}
footer a { color:#000; }
footer a:hover { color:#A30A0B; }
.copy {
	width:100%;
	margin:2rem 0;
	text-align:center;
	font-size:0.8rem;
}
footer .block_sns > a {
	display:inline-block;
	width:2rem;
	margin:0 0.25rem;
}
footer .block_sns > a:hover,
footer .area_bnr a:hover { opacity:0.7; }
@media print,screen and (max-width:767px) {
	footer {
		margin-top:6rem;
		padding:0 4rem;
		font-size:0.8rem;
	}
	footer .area_navi{ width:100%; }
	footer .area_navi .company_info { margin-bottom:2rem; }
	footer .area_navi .company_info > .logo,
	footer .area_navi .company_info > .block_address,
	footer .block_sns { text-align:center; }
	footer .area_navi .company_info > .logo img { width:80%; }
	footer .area_navi .company_info > .block_address{ margin:1rem auto; }
	
	footer .block_sns > a {
		display:inline-block;
		width:3rem;
		margin:0 0.25rem;
	}
	
	footer .area_navi .footer_navi { display:none; }
	footer .area_bnr { width:60%; margin:0 auto; }
	footer .area_bnr a { display:block; margin-bottom:1rem; }
	footer .area_bnr a:last-child { margin-bottom:0; }
}
@media print,screen and (min-width:768px) {
	footer {
		position:relative;
		width:calc(100% - 8rem);
		max-width:1100px;
		margin:0 auto;
	}
	footer .area_navi{ width:100%; }
	footer .area_navi .company_info > *{ width:30%; }
	footer .area_navi .company_info > .logo { padding:0 2rem 0 0; }
	footer .area_navi .company_info > .block_address{ width:40%; }
	
	footer .area_navi .footer_navi { display:none; }
	
	footer .area_navi .footer_navi ul:first-child { width:40%; }
	footer .area_navi .footer_navi ul li { margin-bottom:1rem; }
	footer .area_navi .footer_navi ul li:last-child { margin-bottom:0; }
	
	footer .area_bnr{
		display:flex;
		justify-content:flex-start;
		width:100%;
		margin-top:1rem;
	}
	footer .area_bnr a {
		display:block;
		width:calc(20% - 1rem);
		margin:0 1rem 1rem 0;
	}
	footer .area_bnr a:last-child { margin-bottom:0; }
}
@media print,screen and (min-width:768px) and (max-width:959px;) {
	
}
@media print,screen and (min-width:960px) {
	footer {
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		position:relative;
		width:calc(100% - 8rem);
		max-width:1100px;
		margin:0 auto;
	}
	footer .area_navi{ width:80%; }
	footer .area_navi .company_info,
	footer .area_navi .footer_navi {
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	footer .area_navi .company_info > *{ width:30%; }
	footer .area_navi .company_info > .logo { padding:0 2rem 0 0; }
	footer .area_navi .company_info > .block_address{ width:40%; }
	footer .area_navi .footer_navi ul {
		width:60%;
		margin:2rem 0 0;
		padding:1rem;
		line-height:1;
		list-style:none;
		border-right:#707070 1px solid;
	}
	footer .area_navi .footer_navi ul:first-child { width:40%; }
	footer .area_navi .footer_navi ul li { margin-bottom:1rem; }
	footer .area_navi .footer_navi ul li:last-child { margin-bottom:0; }
	
	footer .area_bnr{
		flex-direction:column;
		justify-content:space-between;
		width:20%;
	}
	footer .area_bnr a {
		display:block;
		width:calc(100% - 2rem);
		height:3.8rem;
		margin:0 auto 1rem;
	}
	footer .area_bnr a:last-child { margin-bottom:0; }
}
@media print,screen and (min-width:1100px) {
	
}

/* ---- */
/* 20220203追加 */
/* ---- */

h1.page_title.eggpudding > p {
	position:absolute;
	top:auto;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	display: flex;
	align-items: center;
}
main.page_common h1.page_title.eggpudding > p { 
	width:60%;
	height:calc(1em + 1.5rem);
	font-size:3.25rem;
}
@media print,screen and (min-width:768px) {}


/* ---- */
/* LAST */
/* ---- */