@charset "UTF-8";



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通項目 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
*{margin:0;padding:0;text-decoration:none;box-sizing:border-box}fieldset{border:0}body{line-height:1.8;}body,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,ul{margin:0;padding:0}img{border:0;vertical-align:top}a{text-decoration:none}em{font-style:normal}ul li{list-style-type:none;list-style-image:none}address{font-style:normal}



body {
	font-family: "游ゴシック",YuGothic,"Noto Sans JP","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Verdana,sans-serif;
	letter-spacing: 0.12rem;
	font-weight: 500;
	color: #231815;
	padding: 0;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}

a:hover {
    color: #3790e8;
    text-decoration: none!important;
}


/* 欧文フォント */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.en {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}
.min{
/*	font-family:YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';*/
	font-family: "游明朝", "游明朝体", 'Noto Serif JP', Yu Mincho, YuMincho,"ヒラギノ明朝 ProN W3", "ヒラギノ明朝 Pro W3","HiraMinProN-W3", "HG明朝E", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "ヒラギノ明朝 Pro W6", "ＭＳ Ｐ明朝", MS PMincho, "MS 明朝", serif!important;
	font-weight: 400;
}



/* sp */ 
.sp {
	display: none;
}



/* flex */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.flex {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-start; 
	align-items:center;
}
.flex-center {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center; 
	align-items:center;
}
.flex-start {
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-start;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヘッダー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#header {
}
.fs-preview-header {
	display: none!important;
}
.fs-l-header {
    padding-top: 0px!important;
}
.fs-l-header--min {
    border-bottom: none!important;
}
.fs-l-header--min .m-grovalnav{
	display: none;
}
.fs-l-header__contents {
	display:block!important;
}

.fs-l-header__contents > * {
    padding: 0 0px!important;
}
.m-header_message{
	width: 100%;
	display: block;
	font-size:1.3rem;
	line-height: 1.3em;
	text-align: center;
	background-color:rgba(248,16,21,0.07);
}
	.m-header_message p{
		display: block;
		padding: 12px 20px 12px 20px;
	}
.m-headerabove{
	width: 100%;
	height: 110px;
	position: relative;
}
	.m-headerabove .head_left{
		height: 100%;
	}
		.m-headerabove .head_left .fh_logo{
			display: inline-block;
			width: 96px;
			height: 85px;
			margin-left: 20px;
			margin-top: -6px;
			cursor:pointer;
			transition: all .4s
		}
		.m-headerabove .head_left .fh_logo:hover{
			opacity: .7
		}
			.m-headerabove .head_left .fh_logo img{ 
				width: 100%;
				height: auto;
				object-fit: contain
			}
		.m-headerabove .head_left .logo_rtxt h1{
			font-size:1.8rem;
			line-height: 3.2rem;
			letter-spacing: .26rem;
			margin-left: 20px;
			font-weight: 400;
		}
		.m-headerabove .head_left .logo_rtxt .lrtxt_br{
			display: none;
		}
		/* 1236px */
		@media screen and (max-width: 1236px) {
			.m-headerabove .head_left .logo_rtxt .lrtxt_br{
				display: block;
			}			
		}
	.m-headerabove .head_right{
		height: 100%;
		margin: 0 0 0 auto;
	}
	.m-headerabove .head_right ul.head_btnul{
		margin: 0 0 0 auto;
		height: 100%;
	}
	.m-headerabove .head_right ul.head_btnul li{
		width: 110px;
		height: 100%;
		border-left: 1px solid #ddd;
	}

	.logout.my-false { display: none!important; }
	.login.my-true { display: none!important; }

	.m-headerabove .head_right ul.head_btnul li:first-child{
		display: none
	}
	/* 994px */
	@media screen and (max-width: 994px) {	
		.m-header_message{
			font-size:1.2rem;
			line-height: 1.5em;			
/*
			white-space:nowrap;
			overflow: scroll;
			box-shadow: inset -12px 0px 18px -10px rgb(0 0 0 / 34%);
*/
		}		
	}
		.m-headerabove .head_right ul.head_btnul li a{
			display: block;
			width: 100%;
			height: 100%;
			text-align: center;
			color:#3B3837;
		}
		.m-headerabove .head_right ul.head_btnul li a:hover{
			opacity:.6;
			border-bottom: 0;
			text-decoration: none!important;
			transition: all .3s
		}
			.m-headerabove .head_right ul.head_btnul li a .head_btnfl{
				width: 100%;
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: center
			}
			.m-headerabove .head_right ul.head_btnul li a .hrb_icon{
				display: table;
				height: 35px;
				width: auto;
				margin: 0 auto;
				margin-bottom: 10px;
			}
			.m-headerabove .head_right ul.head_btnul li a .hrb_icon .sp{
				display: none;
			}
				.m-headerabove .head_right ul.head_btnul li a .hrb_icon img{
					width: 100%;
					height: 34px;
					object-fit: contain;
				}
			.m-headerabove .head_right ul.head_btnul li a p.min{
				font-size:1rem;
				line-height: 1rem;
			}


#header ul li.search .searchbox {
	display: none;
	width: 260px;
	position: absolute;
	top: 30px;
	right: 450px;
	z-index: 2;
}
#header .fs-l-header_contents2 ul li.search .searchbox {
	top: 9px;
	right: 330px;
}
	#header ul li.search .searchbox .header__searchform {
		width: 100%;
		height: 52px;
		overflow: hidden;
		background: #e9e9e9;
		border: none;
		border-radius: 0;
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
	}
	#header ul li.search .searchbox .header__searchform .fs-p-searchForm__input {
		background: #fff;
		border:2px solid #e9e9e9;
		border-right:none;
		font-size: 1.4rem;
		padding: 15px;
	}
	#header ul li.search .searchbox input {
		font-size: 1.2rem;
	}
		#header ul li.search .searchbox .header__searchform .fs-p-searchForm__button {
			width: 40px;
			height: 100%;
			text-indent: 0;
			background: #fff;
			border:2px solid #e9e9e9;
			border-left:none;
		}
		.fs-p-searchForm__button::before {
			display: none;
		}
			#header ul li.search .searchbox .header__searchform .fs-p-searchForm__button img {
				width: 16px;
				height: 16px;
				margin-top: 4px;
				object-fit: contain;
			}
/* 1000px */
@media screen and (max-width: 1000px) {
	.m-headerabove .head_left{
		height: 90px;
	}	
		.m-headerabove .head_left .fh_logo{
			width: 80px;
			height: auto;
		}
		.m-headerabove .head_left .logo_rtxt h1{
			font-size:1.7rem;
			letter-spacing: .26rem;
			margin-left: 20px;
			font-weight: 400;
		}	
			.m-headerabove .head_left .logo_rtxt .lrtxt_br{
				display: none;
			}	
		.m-headerabove .head_right ul.head_btnul li{
			background-color:#222020;
		}		
		.m-headerabove .head_right ul.head_btnul li a{
			color:#fff;
		}		

		.m-headerabove{
			height: auto;
		}		
			.m-headerabove .head_left{
				width: 100%;
			}		
			.m-headerabove .head_right{
				width: 100%;
				height: 100%;
				margin: 0;
			}
			.fs-l-header--min .m-grovalnav{
				display: block;
			}
			.m-headerabove .head_right ul.head_btnul{
				width: 100%;
				margin: 0;
				height: 60px;
				position: relative;
			}
			.m-headerabove .head_right ul.head_btnul li:first-child{
				display: block
			}
			.m-headerabove .head_right ul.head_btnul li{
				display: block;
				width: 20%;
				height: 100%;
				border-left: 1px solid #888888;
			}
			.m-headerabove .head_right ul.head_btnul li:first-child{
				border-left: none;
			}
				.m-headerabove .head_right ul.head_btnul li a{
				}
					.m-headerabove .head_right ul.head_btnul li a .hrb_icon{
						height: 26px;
						width: 26px;
						margin-bottom: 4px;
					}
						.m-headerabove .head_right ul.head_btnul li a .hrb_icon .sp{
							display: block;
						}
						.m-headerabove .head_right ul.head_btnul li a .hrb_icon .pc{
							display: none;
						}
						.m-headerabove .head_right ul.head_btnul li a .hrb_icon img{
							width: 100%;
							height: 22px;
							object-fit: contain;
						}
					.m-headerabove .head_right ul.head_btnul li a p.min{
						font-size:.8rem;
						line-height: .8rem;
					}	
#header ul li.search .searchbox {
	width: 100%;
    top: 58px;
    right: auto;
    left: 0px;
    z-index: 2;
}
/* 928px */
@media screen and (max-width: 928px) {
/*
	#header ul li.search .searchbox {
		top: 210px;
	}
*/
}
/* 767px */
@media screen and (max-width: 767px) {
/*
	#header ul li.search .searchbox {
		top: 228px;
	}
*/
}
#header .fs-l-header_contents2 ul li.search .searchbox {
	width: 100%;
    top: 50px;
    right: auto;
    left: 0px;
}

}



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヘッダー固定 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
.fs-l-header_contents2{
	display: none;
}
.fs-l-header_contents2.m_fixed{
	width: 100%;
	display: block;
	position: fixed;	
	top: 0;	
	left: 0;
	z-index: 2;
	animation: show .6s linear 0s;
	opacity:1;
	border-bottom: 1px solid #ddd;
}


.fs-l-header_contents2 .m-headerabove{
	height: 70px;
	background-color: #fff;
}
	.fs-l-header_contents2 .m-headerabove .head_left{
		background-color: #fff;
	}
		.fs-l-header_contents2 .m-headerabove .head_left .fh_logo{
			width: 240px;
			height: 23px;
			margin-left: 20px;
			margin-top: -6px;
		}
		.fs-l-header_contents2 .m-headerabove .head_left .logo_rtxt h1{
			font-size:1.7rem;
			font-weight: 400;
		}
		/* 1236px */
		@media screen and (max-width: 1236px) {
			.fs-l-header_contents2 .m-headerabove .head_left .logo_rtxt h1{
				font-size:1.5rem;
				line-height: 2.4rem;
				font-weight: 400;
			}
		}
	.fs-l-header_contents2 .m-headerabove .head_right ul.head_btnul li{
		width: 80px;
	}
			.fs-l-header_contents2 .m-headerabove .head_right ul.head_btnul li a .hrb_icon{
				display: table;
				height: 24px;
				width: 24px;
				margin-bottom: 8px;
			}
				.fs-l-header_contents2 .m-headerabove .head_right ul.head_btnul li a .hrb_icon img{
					width: 22px;
					height: 22px;
				}
				.fs-l-header_contents2 .m-headerabove .head_right ul.head_btnul li:last-child a .hrb_icon img{
					width: 24px;
					height: 24px;
				}
			.fs-l-header_contents2 .m-headerabove .head_right ul.head_btnul li a p.min{
				font-size:.8rem;
				line-height: .8rem;
			}
/* 1000px */
@media screen and (max-width: 1000px) {	
		.fs-l-header_contents2 .m-headerabove .head_right ul.head_btnul li a{
			color:#fff;
		}		

		.fs-l-header_contents2 .m-headerabove{
			height: auto;
		}		
			.fs-l-header_contents2 .m-headerabove .head_left{
				width: 100%;
				height: 70px;
			}		
			.fs-l-header_contents2 .m-headerabove .head_right{
				width: 100%;
				height: 100%;
				margin: 0;
			}
			.fs-l-header_contents2 .m-headerabove .head_right ul.head_btnul{
				width: 100%;
				margin: 0;
				height: 52px;
			}
			.fs-l-header_contents2 .m-headerabove .head_right ul.head_btnul li:first-child{
				display: block
			}
			.fs-l-header_contents2 .m-headerabove .head_right ul.head_btnul li{
				background-color:#222020;
				display: block;
				width: 20%;
				height: 100%;
				border-left: 1px solid #888888;
			}
			.m-headerabove .head_right ul.head_btnul li:first-child{
				border-left: none;
			}
			.fs-l-header_contents2 .m-headerabove .head_right ul.head_btnul li a .hrb_icon{
				display: table;
				height: 20px;
				width: 20px;
				margin-bottom: 6px;
			}
				.fs-l-header_contents2 .m-headerabove .head_right ul.head_btnul li a .hrb_icon img{
					width: 18px;
					height: 18px;
				}
				.fs-l-header_contents2 .m-headerabove .head_right ul.head_btnul li:last-child a .hrb_icon img{
					width: 20px;
					height: 20px;
				}	
}





/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ナビゲーション */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */


/* ハンバーガーメニュー
	--------------------- */
.humburger_cntnr{
	width: 100%;
	height: 100%;
}
.burger-btn{
	display: block;      
	width:100%;      
	height:40px;      
	position: relative;      
	z-index: 3;
	border:none;   
}    
	.bar{      
	  width: 24px;      
	  height: 1px;        
	  display: block;      
	  position: absolute;      
	  left: 50%;      
	  transform: translateX(-50%);      
	  background-color: #fff;   
	}    
	.bar_top{   
		top: 16px;
	}
	.bar_mid{   
		top:22px;
	}
	.bar_bottom{
		top:28px;
	}
		.burger-btn.close .bar_top{      
		  transform: translate(-50%,7px) rotate(30deg);      
		  transition: transform .3s;    
		}    
		.burger-btn.close .bar_mid{      
		  opacity: 0;       
		  transition: opacity .3s;    
		}    
		.burger-btn.close .bar_bottom{      
		transform: translate(-50%,-5px) rotate(-30deg);      
		transition: transform .3s;    
		}
	.m-headerabove .head_right ul.head_btnul li .burger-btn p.min{
		font-size:.8rem;
		line-height: .8rem;
		color: #fff;
		text-align: center;
		padding: 41px 0 0;		
	}	

/* ヘッダー固定　ハンバーガーメニュー
--------------------- */
	.fs-l-header_contents2 .bar_top{   
		top: 14px;
	}
	.fs-l-header_contents2 .bar_mid{   
		top:20px;
	}
	.fs-l-header_contents2 .bar_bottom{
		top:26px;
	}
		.fs-l-header_contents2 .burger-btn.close .bar_top{      
		  transform: translate(-50%,7px) rotate(30deg);      
		}    
		.fs-l-header_contents2 .burger-btn.close .bar_bottom{      
		transform: translate(-50%,-5px) rotate(-30deg);    
		}
	.fs-l-header_contents2 .m-headerabove .head_right ul.head_btnul li .burger-btn p.min{
		padding: 36px 0 0;		
	}	


.m-grovalnav{
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}
	.m-grovalnav ul li{
		width: 12.5%;
		height: 76px;
		text-align: center;
		border-left: 1px solid #707070;
	}
	.m-grovalnav ul li:first-child{
		border-left: none;
	}
		.m-grovalnav ul li a{
			display: block;
			width: 100%;
			height: 100%;
			color:#fff;
			background-color: #222020;
			font-size: 1.5rem;
			line-height: 2.2rem;
			transition: all .3s;
		}
		.m-grovalnav ul li a:hover{
			background-color: #4E4E4E;
		}
			.m-grovalnav ul li a span{
				height: 100%;
				display: flex;
				align-items: center;
				justify-content:center;
				border-bottom: 0!important;
			}
			.m-grovalnav ul li a .gnav_br{
				display: none;
			}
			/* 1400px */
			@media screen and (max-width: 1400px) {
				.m-grovalnav ul li a .gnav_br{
					display: block;
				}	
			}

/* ヘッダー固定　ナビゲーション
--------------------- */
	.fs-l-header_contents2 .m-grovalnav ul li{
		height: 50px;
	}
		.fs-l-header_contents2 .m-grovalnav ul li a{
			font-size: 1.4rem;
			line-height: 1.8rem;
		}



/* 1000px */
@media screen and (max-width: 1000px) {
.m-grovalnav .grovalnav_inner{
	display:none;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: auto;
	z-index: 2;
}
	.m-grovalnav ul li{
		width: 50%;
		height: auto;
		text-align: left;
		border-left: none;
		border-bottom: 1px solid rgba(150,150,150,1.00);
	}
	.m-grovalnav ul li:nth-child(2n){
		border-left: 1px solid rgba(150,150,150,1.00);
	}
	.m-grovalnav ul li:first-child{
		border-left: none;
	}
		.m-grovalnav ul li a{
			position: relative;
			color:#fff;
			font-size: 1.4rem;
			line-height: 1.4rem;
			padding: 18px 18px;	
			background-color: rgba(36,36,36,0.94);
		}
		.m-grovalnav ul li a:after{
			content:'';
			position: absolute;
			top:50%;
			right:16px;
			margin-top: -5px;
			width:10px;
			height:10px;
			background: url("https://fontana.itembox.design/item/img/common/narrow_right_w.svg") no-repeat center;
			background-size:contain;
			transition: all.3s;
		}
		.m-grovalnav ul li a:hover {
			color:#212121;
			background-color: #EAEAEA;
		}
		.m-grovalnav ul li a:hover:after{
			background: url("https://fontana.itembox.design/item/img/common/narrow_right.svg") no-repeat center;
			right:12px;
		}
			.m-grovalnav ul li a span{
				justify-content:flex-start;
			}
			.m-grovalnav ul li a .gnav_br{
				display: none;
			}
	
	.fs-l-header_contents2 .m-headerabove .head_left .fh_logo {
		margin: 0 auto;
	}	
}
/* 500px */
@media screen and (max-width: 500px) {
	.m-grovalnav ul li{
		width: 100%;
	}
	.m-grovalnav ul li:nth-child(2n){
		border-left: none;
	}
		.m-grovalnav ul li a {
			font-size: 1.4rem;
			line-height: 1.4rem;
			padding: 18px 14px;
		}
}
	



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#main {
}
.inner{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}	
.fs-l-main {
	max-width: 1200px!important;
	width: 90%;
	margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
	margin-top: 60px;
	margin-bottom: 20px;
	padding: 0;
}
.fs-l-main.home{
    width: 100%;
	max-width: 100%!important;
	margin: 0px auto; 
	padding: 0px; 
	display: block; 
	overflow: hidden
}
	.fs-l-pageMain {
		max-width: 74%!important;
		margin: 0 0 0 auto;
	}
	.fs-l-pageMain.home{
		max-width: 100%!important;
		width: 100%!important;
	}

.mng_sec_title{
	text-align: center;
	padding-bottom: 40px;
}
	.mng_sec_title h2{
		display: inline-block;
		padding: 5px 10px;
		font-size:3rem;
		font-weight: 500;
		color:#fff;
		background-color: #222020;
	}
	.mng_sec_title p{
		font-size:1.4rem;
		letter-spacing: .16rem;
		padding-top: 14px;
	}


/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* レフトメニュー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.left_menu_area{
	width: 20%;
	min-width: 220px;
	margin: 0 auto 0 0;
/*	margin-right: 6%;*/
}
	.left_menu_area .mng_itembanner_area li{
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.left_menu_area .mng_itembanner_area li:last-child{
		margin-bottom: 0px;
	}
		.left_menu_area .mng_itembanner_area li a{
			display: block;
			width: 100%;
			height: auto;
			transition: all .4s;
		}
		.left_menu_area .mng_itembanner_area li a:hover{
			opacity: .8;
		}
			.left_menu_area .mng_itembanner_area li a img{
				width: 100%;
				height: auto;
			}

.lftmn_categ_search{
	margin-top: 50px;
	width: 100%;
	height: auto;
}
	.lftmn_categ_search .ttl{
		position: relative;
		font-size: 1.8rem;
		font-weight: 600;
		padding-left: 64px;
	}
	.lftmn_categ_search .ttl:before{
		content:'';
		background: url("../img/detail_item/lft_mn_icon.svg") center no-repeat;
		background-size:contain;
		width: 50px;
		height: 50px;
		position: absolute;
		top:50%;
		left:0;
		transform: translateY(-50%)
	}
	ul.lftmn_categ_list{
		margin-top: 16px;
		border-top: 2px solid #212121;	
	}
		ul.lftmn_categ_list li{
			border-bottom: 1px solid #ddd;
		}
			ul.lftmn_categ_list li a{
				position: relative;
				display: block;
				font-size: 1.4rem;
				line-height: 2rem;
				color: #212121;
				padding: 18px 0 16px;
				padding-left: 26px;
				transition: all .4s;
			}
			ul.lftmn_categ_list li a:before{
				content:'';
				background: url("../img/detail_item/lftmn_categ_arrow.svg") center no-repeat;
				background-size:contain;
				width: 17px;
				height: 17px;
				position: absolute;
				top:50%;
				left:0;
				transform: translateY(-50%);
				transition:all .4s;
			}
				ul.lftmn_categ_list li a:hover{
					opacity: .7
				}
				ul.lftmn_categ_list li a:hover:before{
					content:'';
					left:4px;
				}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ボタン */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.btn {
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle {
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* パンくず */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.fs-c-breadcrumb {
	background-color: #F5F5F5;
}
.fs-c-breadcrumb__list {
	color:#212121;
    padding: 10px 12px 10px 20px;
    margin: auto;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow: auto;
    white-space: nowrap;
	letter-spacing: .14rem;
}	
.fs-c-breadcrumb__list li:last-child{
	font-weight: 600;
}
.fs-c-breadcrumb__list li a{
	color:#6F6F6F;
}
.fs-c-breadcrumb__listItem + .fs-c-breadcrumb__listItem::before {
    content: "-";
}
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
footer.fs-l-footer{
	padding-top: 60px;
	background-color: #222020!important;
}
.fs-l-footer__contents {
	overflow: hidden;
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
	align-items: flex-start
}
.fs-l-footer__contents > * {
    padding: 0 0px!important;
}
	.m-footer_left{
	}
		.m-footer_left .m-footer_logo a{
			display: inline-block;
			transition: all .4s!important;
		}
		.m-footer_left .m-footer_logo a:hover{
			opacity:.7;
		}
			.m-footer_left .m-footer_logo a img{
				width: 300px;
				height: 29px;			
			}
	.m-footer_left .m-footerbtn_contents{
		padding-top: 50px;
		align-items: flex-start
	}
		.m-footer_left .m-footerbtn_contents ul.footbtn_arera{
			padding-right: 56px;
		}
			.m-footer_left .m-footerbtn_contents ul.footbtn_arera li{
				padding-bottom: 20px;
			}
			.m-footer_left .m-footerbtn_contents ul.footbtn_arera li:last-child{
				padding-bottom: 0px;
			}
				.m-footer_left .m-footerbtn_contents ul.footbtn_arera li a{
					display: block;
					width: 218px;
					height: 54px;
					padding-left: 14px;
					font-size:1.6rem;
					line-height: 1.6rem;
					color:#fff;
					border:1px solid #fff;
					position:relative;
					transition: all .3s
				}
				.m-footer_left .m-footerbtn_contents ul.footbtn_arera li a:hover{
					opacity: .6
				}
				.m-footer_left .m-footerbtn_contents ul.footbtn_arera li a:before{
					content:'';
					width: 26px;
					height: 26px;
					background: url("https://fontana.itembox.design/item/img/common/footbtn_icon01.svg") no-repeat;
					background-size:contain;
					position: absolute;
					top:50%;
					left:16px;
					margin-top: -13px;
				}
				.m-footer_left .m-footerbtn_contents ul.footbtn_arera li:nth-child(2) a:before{
					background: url("https://fontana.itembox.design/item/img/common/footbtn_icon02.svg") no-repeat;
					background-size:contain;
				}
				.m-footer_left .m-footerbtn_contents ul.footbtn_arera li:nth-child(3) a:before{
					background: url("https://fontana.itembox.design/item/img/common/footbtn_icon03.svg") no-repeat;
					background-size:contain;
				}
					.m-footer_left .m-footerbtn_contents ul.footbtn_arera li span{
						height: 54px;
						display: flex;
						align-items: center;
						justify-content: center
					}
		.m-footer_left .m-footerbtn_contents ul.footsubbtn_arera{
			width: 280px;
		}
			.m-footer_left .m-footerbtn_contents ul.footsubbtn_arera li{
				width: 50%;
				font-size:1.3rem;
				line-height: 1.3rem;
				margin-bottom: 28px;
			}
		/* 1300px */
		@media screen and (max-width: 1300px) {
		.m-footer_left .m-footerbtn_contents ul.footsubbtn_arera{
			width: 180px;
		}
			.m-footer_left .m-footerbtn_contents ul.footsubbtn_arera li{
				width: 100%;
/*
				font-size:1.4rem;
				line-height: 1.4rem;
*/
				margin-bottom: 28px;
			}
		}
				.m-footer_left .m-footerbtn_contents ul.footsubbtn_arera li a{
					position: relative;
					color:#fff;
					padding-left: 16px;
					transition:all .4s;
				}
				.m-footer_left .m-footerbtn_contents ul.footsubbtn_arera li a:hover{
					opacity:0.7;
				}
					.m-footer_left .m-footerbtn_contents ul.footsubbtn_arera li a:before{
						content:'';
						width: 6px;
						height: 10px;
						background: url("https://fontana.itembox.design/item/img/common/footbtn_arrow.svg") no-repeat;
						background-size: contain;
						position: absolute;
						top:50%;
						left:0;
						margin-top: -5px;
						transition:all .3s;
					}
					.m-footer_left .m-footerbtn_contents ul.footsubbtn_arera li a:hover:before{
						left:5px;
					}
#footer {
	width: 100%;
	margin-top: 140px;
}
/*
.fs-l-footer {
    margin-top: 0px!important;
}
*/
	#footer .calendar_area {
		width: auto!important;
/*		padding: 60px;*/
		margin: 0 0 0 auto;
	}
		#footer .calendar_area #calendar {
			display: flex!important
		}
			#footer .calendar_area #calendar table {
				display:table!important;
/*				width: 100%;*/
				width: 274px!important;
				height: auto;
				border-collapse: collapse;
				background: #fff;
				margin-bottom: 15px;
				margin-right: 20px!important;
			}
			#footer .calendar_area #calendar table:nth-child(2){
				margin-right: 0px!important;
			}
				#footer .calendar_area #calendar table th {
					font-size: 1.5rem;
					text-align: center;
					padding-top: 10px;
					padding-bottom: 8px;
				}
				#footer .calendar_area #calendar table td {
					font-size: 1.3rem;
					text-align: center;
					letter-spacing: 0;
					padding: 8px 12px;
				}
				#footer .calendar_area #calendar table td.closed,
				#footer .calendar_area #calendar table td.undefined,
                #footer .calendar_area #calendar table td:nth-last-child(1).other {
					position: relative;
					z-index: 2;
					color: #DC000C;
				}
				#footer .calendar_area #calendar table td.closed:before,
				#footer .calendar_area #calendar table td.undefined:before,
                #footer .calendar_area #calendar table td.other:before {
					content: "";
					width: 22px;
					height: 22px;
					border-radius: 50%;
					background: #FFEFEF;
					position: absolute;
					top: 50%;
					left: 50%;
					margin-top: -11px;
					margin-left: -11px;
					z-index: -1;
				}
				#footer .calendar_area #calendar table td:nth-last-child(1) {
					color: #0E75D1;
				}

				#footer .calendar_area #calendar table .headline {
					border-top: solid 1px #ddd;
					border-bottom: solid 1px #ddd;
				}
				#footer .calendar_area #calendar table .headline td {
					padding: 5px 0;
					text-align: center;
				}
				#footer .calendar_area #calendar table .headline td:nth-child(1) {
					color: #DC000C;
				}

			#footer .calendar_area ul li {
				font-size: 1.2rem;
				letter-spacing: 0.06em;
				position: relative;
				padding-left: 12px;
				margin-right: 15px;
				line-height: 1;
				color:#fff;
			}
			#footer .calendar_area ul li:nth-last-child(1) {
				margin-right: 0;
			}
			#footer .calendar_area ul li:before {
				content: "";
				width: 8px;
				height: 8px;
				background: #BBCFEB;
				border: solid 1px #707070;
				border-radius: 50%;
				position: absolute;
				top: 2px;
				left: 0;
			}
			#footer .calendar_area ul li:nth-last-child(1):before {
				background: #FAD7D7;
			}




.fs-p-footerCopyright{
	font-family: "Montserrat";
	letter-spacing: .2rem;
	padding: 50px 0 60px;
	background-color: #222020;
}










.m-footer_left{
	width: 100%;
}
	.m-footer_left .m-footer_logo a{
		display: block;
		width: 300px;
		height: 29px;	
		margin: 0 auto;
	}
		.m-footer_left .m-footer_logo a img{
			width: 100%;
			height: auto;	
		}
.m-footer_left .m-footerbtn_contents{
	width: 100%;
}
	.m-footer_left .m-footerbtn_contents ul.footbtn_arera{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding-right: 0px;
	}
		.m-footer_left .m-footerbtn_contents ul.footbtn_arera li{
			margin-right: 20px;
			padding-bottom: 0px;
		}
		.m-footer_left .m-footerbtn_contents ul.footbtn_arera li:last-child{
			margin-right: 0px;
		}
	.m-footer_left .m-footerbtn_contents ul.footsubbtn_arera{
		width: 100%;
		justify-content: center;
		margin: 40px 0 30px 0px;
	}
		.m-footer_left .m-footerbtn_contents ul.footsubbtn_arera li{
			width: auto;
			padding-bottom: 20px;
			margin-left: 20px;
			margin-bottom: 0;
		}	
		.m-footer_left .m-footerbtn_contents ul.footsubbtn_arera li:first-child{
			margin-left: 0px;
		}	



/* 1200px */
@media screen and (max-width: 1260px) {






/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヘッダー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#header {
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ナビゲーション */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#nav {
}
	



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#main {
}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ボタン */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.btn {
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle {
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* パンくず */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#breadcrumb {
}


	
	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */





}



/* 1150px */
@media screen and (max-width: 1150px) {
	
	.left_menu_area {
		display: none;
	}
	.fs-l-pageMain {
		max-width: 100%!important;
		margin: 0 0 0 0;
	}


}





/* 1140px */
@media screen and (max-width: 1140px) {
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */

	
	/* max 772px */
	@media screen and (max-width: 772px) {
		.m-footer_left .m-footerbtn_contents ul.footbtn_arera{
			display: block;
			width: 60%;
			margin: 0 auto;
		}
			.m-footer_left .m-footerbtn_contents ul.footbtn_arera li{
				width: 100%;
				margin-right: 0px;
				margin-bottom: 20px;
			}
			.m-footer_left .m-footerbtn_contents ul.footbtn_arera li:last-child{
				margin-bottom: 0px;
			}
				.m-footer_left .m-footerbtn_contents ul.footbtn_arera li a {
					width: 100%;
				}		
	}	
	
	#footer .calendar_area {
		width: 100%!important;
	}
		#footer .calendar_area .swiper-container {
			padding: 0 50px;
		}
		#footer .calendar_area #calendar {
		}
			#footer .calendar_area #calendar table {
				display: table!important;
				width: 100%!important;
				border-collapse: collapse;
				background: #fff;
				margin-bottom: 15px;
				margin-right: 52px!important;
			}
	
		#footer .swiper-button-prev {
			left: 5px;
		}
		#footer .swiper-button-next {
			right: 5px;
		}
		#footer .calendar_area .swiper-button-next:after,
		#footer .calendar_area .swiper-button-prev:after {
			color: #fff;
		}

		#footer .calendar_area ul {
			padding-left: 50px;
		}
			#footer .calendar_area ul li {
				font-size: 1.1rem;
			}
			#footer .calendar_area ul li:before {
				width: 6px;
				height: 6px;
			}
}	



















/* max 767px */
@media screen and (max-width: 767px) {
	
	
.pc {
	display: none;
}
	
.sp {
	display: block;
}	


/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ヘッダー */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.m-headerabove .head_left .logo_rtxt .lrtxt_br{
	display: block;
}	
	
/* max 500px */
@media screen and (max-width: 500px) {
	.m-header_message p {
		font-size: 1.2rem
	}	
	.m-headerabove .head_left{
		height: 70px;
	}	
		.m-headerabove .head_left .fh_logo{
			width: 64px;
			height: auto;
			margin-left: 10px;
			margin-top: -2px;
		}
		.m-headerabove .head_left .logo_rtxt h1{
			font-size:1.3rem;
			line-height: 2.3rem;
			letter-spacing: .16rem;
			margin-left: 10px;
			font-weight: 400;
		}
/*
#header ul li.search .searchbox {
    top: 214px;
}
*/
.fs-l-header_contents2 .m-headerabove .head_right ul.head_btnul {
    height: 50px;
}
.m-headerabove .bar {
	width: 28px;
}
	.fs-l-header_contents2 .bar_top{   
		top: 12px;
	}
	.fs-l-header_contents2 .bar_mid{   
		top:18px;
	}
	.fs-l-header_contents2 .bar_bottom{
		top:24px;
	}
	.fs-l-header_contents2 .m-headerabove .head_right ul.head_btnul li .burger-btn p.min {
		padding: 34.5px 0 0;
	}
/*
#header .fs-l-header_contents2 ul li.search .searchbox {
    top: 92px;
}
*/
.fs-l-header_contents2 .m-headerabove .head_left {
    height: 42px;
}
	.fs-l-header_contents2 .m-headerabove .head_left .fh_logo{
		width: 190px;
		height: auto;
		margin: 0 auto;
	}
	.fs-l-header_contents2 .m-headerabove .head_left .logo_rtxt h1{
		font-size: 1.3rem;
		line-height: 2.3rem;
		letter-spacing: .16rem;
		margin-left: 10px;
		font-weight: 400;
	}
}
	
/* max 500px */
@media screen and (max-width: 365px) {
	
		.m-headerabove .head_left .logo_rtxt h1{
			font-size:1.1rem;
			line-height: 2.2rem;
			letter-spacing: .16rem;
			margin-left: 10px;
			font-weight: 400;
		}
	}


/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ナビゲーション */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#nav {
}
	



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 基本レイアウト */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#main {
}
.fs-l-main {
	margin-top: 34px;
}	
.mng_sec_title{
	padding-bottom: 30px;
}
	.mng_sec_title h2{
		padding: 5px 10px;
		font-size:2.1rem;
	}
	.mng_sec_title p{
		font-size:1.3rem;
		letter-spacing: .12rem;
		padding-top: 10px;
	}


	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ボタン */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.btn {
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle {
}




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* パンくず */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#breadcrumb {
}


	
	#footer{
		margin-top: 100px;
	}
	


}

@media screen and (max-width: 500px) {
	.fs-l-footer__contents {
		width: 100%;
	}
	.m-header_message p{
		font-size: 1.1rem;
		padding: 7px 10px 7px 10px;
	}
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.m-footer_left .m-footer_logo a{
	width: 260px;
}	
.m-footer_left .m-footerbtn_contents ul.footbtn_arera{
	width: 70%;
}	
.m-footer_left .m-footerbtn_contents ul.footsubbtn_arera{
	width: 100%;
	border-top:1px solid #595757;
	margin-bottom: 40px;
}
	.m-footer_left .m-footerbtn_contents ul.footsubbtn_arera li{
		width: 50%;
		border-bottom:1px solid #595757;
		font-size:1.3rem;
		line-height: 1.3rem;
		margin-bottom: 0px;
		margin-left: 0;
		padding-bottom: 0;
	}
	.m-footer_left .m-footerbtn_contents ul.footsubbtn_arera li:nth-child(2n){
		border-left:1px solid #595757;;
	}
		.m-footer_left .m-footerbtn_contents ul.footsubbtn_arera li a{
			display: block;
			padding: 20px 20px 20px 36px;
		}
			.m-footer_left .m-footerbtn_contents ul.footsubbtn_arera li a:before{
				left:20px;
			}
			.m-footer_left .m-footerbtn_contents ul.footsubbtn_arera li a:hover:before{
				left:25px;
			}
}

@media screen and (max-width: 370px) {
	#footer .calendar_area #calendar table td {
		padding: 4px 8px!important;
	}	
}

/* 1024px */
@media screen and (min-width: 1141px) {

/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */	
#footer .swiper-container {
	margin-left: 0;
	margin-right: 0;
	position: static;
	overflow: visible;
	list-style: none;
}
	#footer .swiper-container .swiper-wrapper {
		position: static;
		width: auto;
		height: auto;
		display: block;
		transition-property: transform;
		transform: translate3d(0px, 0px, 0px) !important;
		box-sizing: content-box;
	}
	#footer .swiper-button-next:after,
	#footer .swiper-button-prev:after {
		display: none;
	}
}

/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 240622フッター */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.f-footer {
display: flex;
width: 100%;
justify-content: center;
}

.f-footer_center{
}
.f-footer_center .f-footer_logo a{
display: inline-block;
transition: all .4s!important;
}
.f-footer_center .f-footer_logo a:hover{
opacity:.7;
}
.f-footer_center .f-footer_logo a img{
width: 300px;
height: 29px;			
}
.f-footer_center .f-footerbtn_contents{
padding-top: 50px;
align-items: flex-start
}
.f-footer_center .f-footerbtn_contents ul.footbtn_arera{
padding-right: 56px;
}
.f-footer_center .f-footerbtn_contents ul.footbtn_arera li{
padding-bottom: 20px;
}
.f-footer_center .f-footerbtn_contents ul.footbtn_arera li:last-child{
padding-bottom: 0px;
}
.f-footer_center .f-footerbtn_contents ul.footbtn_arera li a{
display: block;
width: 218px;
height: 54px;
padding-left: 14px;
font-size:1.6rem;
line-height: 1.6rem;
color:#fff;
border:1px solid #fff;
position:relative;
transition: all .3s
}
.f-footer_center .f-footerbtn_contents ul.footbtn_arera li a:hover{
opacity: .6
}
.f-footer_center .f-footerbtn_contents ul.footbtn_arera li a:before{
content:'';
width: 26px;
height: 26px;
background: url("https://fontana.itembox.design/item/img/common/footbtn_icon01.svg") no-repeat;
background-size:contain;
position: absolute;
top:50%;
left:16px;
margin-top: -13px;
}
.f-footer_center .f-footerbtn_contents ul.footbtn_arera li:nth-child(2) a:before{
background: url("https://fontana.itembox.design/item/img/common/footbtn_icon02.svg") no-repeat;
background-size:contain;
}
.f-footer_center .f-footerbtn_contents ul.footbtn_arera li:nth-child(3) a:before{
background: url("https://fontana.itembox.design/item/img/common/footbtn_icon03.svg") no-repeat;
background-size:contain;
}
.f-footer_center .f-footerbtn_contents ul.footbtn_arera li span{
height: 54px;
display: flex;
align-items: center;
justify-content: center
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera{
width: 280px;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera li{
width: 50%;
font-size:1.3rem;
line-height: 1.3rem;
margin-bottom: 28px;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp{
width: 280px;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp li{
width: 50%;
font-size:1.3rem;
line-height: 1.3rem;
margin-bottom: 28px;
}
.f-footer_center .f-footerbtn_contents ul.footsnsbtn_arera{
width: 100px;
}
.f-footer_center .f-footerbtn_contents ul.footsnsbtn_arera li img{
width: 60%;
margin-bottom: 10px;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp{
display: none;
}

.f-footer_left{
padding-top: 34px;
margin-right: 30px;
}
.f-footer_left ul.footsubbtn_arera{
width: 180px;
}
.f-footer_left ul.footsubbtn_arera li{
width: 50%;
font-size:1.3rem;
line-height: 1.3rem;
margin-bottom: 28px;
}
.f-footer_right{
padding-top: 34px;
margin-left: 30px;
}
.f-footer_right ul.footsubbtn_arera{
width: 180px;
}
.f-footer_right ul.footsubbtn_arera li{
width: 50%;
font-size:1.3rem;
line-height: 1.3rem;
margin-bottom: 28px;
}

/* 1300px */
@media screen and (max-width: 1300px) {
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera{
width: 180px;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera li{
width: 100%;
margin-bottom: 28px;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp{
width: 180px;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp li{
width: 100%;
margin-bottom: 28px;
}
.f-footer_left ul.footsubbtn_arera{
width: 180px;
}
.f-footer_left ul.footsubbtn_arera li{
width: 100%;
margin-bottom: 28px;
}
.f-footer_right ul.footsubbtn_arera{
width: 180px;
}
.f-footer_right ul.footsubbtn_arera li{
width: 100%;
margin-bottom: 28px;
}
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera li a{
position: relative;
color:#fff;
padding-left: 12px;
transition:all .4s;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera li a:hover{
opacity:0.7;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera li a:before{
content:'';
width: 6px;
height: 10px;
background: url("https://fontana.itembox.design/item/img/common/footbtn_arrow.svg") no-repeat;
background-size: contain;
position: absolute;
top:50%;
left:0;
margin-top: -5px;
transition:all .3s;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera li a:hover:before{
left:5px;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp li a{
position: relative;
color:#fff;
padding-left: 12px;
transition:all .4s;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp li a:hover{
opacity:0.7;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp li a:before{
content:'';
width: 6px;
height: 10px;
background: url("https://fontana.itembox.design/item/img/common/footbtn_arrow.svg") no-repeat;
background-size: contain;
position: absolute;
top:50%;
left:0;
margin-top: -5px;
transition:all .3s;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp li a:hover:before{
left:5px;
}
.f-footer_center .f-footerbtn_contents ul.footsnsbtn_arera li a{
position: relative;
color:#fff;
padding-left: 12px;
transition:all .4s;
}
.f-footer_center .f-footerbtn_contents ul.footsnsbtn_arera li a:hover{
opacity:0.7;
}

.f-footer_left ul.footsubbtn_arera li a{
position: relative;
color:#fff;
padding-left: 12px;
transition:all .4s;
}
.f-footer_left ul.footsubbtn_arera li a:hover{
opacity:0.7;
}
.f-footer_left ul.footsubbtn_arera li a:before{
content:'';
width: 6px;
height: 10px;
background: url("https://fontana.itembox.design/item/img/common/footbtn_arrow.svg") no-repeat;
background-size: contain;
position: absolute;
top:50%;
left:0;
margin-top: -5px;
transition:all .3s;
}
.f-footer_left ul.footsubbtn_arera li a:hover:before{
left:5px;
}
.f-footer_right ul.footsubbtn_arera li a{
position: relative;
color:#fff;
padding-left: 12px;
transition:all .4s;
}
.f-footer_right ul.footsubbtn_arera li a:hover{
opacity:0.7;
}
.f-footer_right ul.footsubbtn_arera li a:before{
content:'';
width: 6px;
height: 10px;
background: url("https://fontana.itembox.design/item/img/common/footbtn_arrow.svg") no-repeat;
background-size: contain;
position: absolute;
top:50%;
left:0;
margin-top: -5px;
transition:all .3s;
}
.f-footer_right ul.footsubbtn_arera li a:hover:before{
left:5px;
}

.f-footer_center{
	width: 70%;
}
.f-footer_left{
	width: 15%;
}
.f-footer_right{
	width: 15%;
}
.f-footer_center .f-footer_logo a{
display: block;
width: 300px;
height: 29px;	
margin: 0 auto;
}
.f-footer_center .f-footer_logo a img{
width: 100%;
height: auto;	
}
.f-footer_center .f-footerbtn_contents{
width: 100%;
}
.f-footer_center .f-footerbtn_contents ul.footbtn_arera{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-right: 0px;
}
.f-footer_center .f-footerbtn_contents ul.footbtn_arera li{
margin: 0 10px 0 10px;
padding-bottom: 10px;
}
.f-footer_center .f-footerbtn_contents ul.footbtn_arera li:last-child{
margin-right: 0px;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera{
width: 100%;
justify-content: center;
margin: 30px 30px 10px 30px;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera li{
width: auto;
padding-bottom: 20px;
margin-left: 20px;
margin-bottom: 0;
}	
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera li:first-child{
margin-left: 0px;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp{
width: 100%;
justify-content: center;
margin: 30px 30px 10px 30px;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp li{
width: auto;
padding-bottom: 20px;
margin-left: 20px;
margin-bottom: 0;
}	
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp li:first-child{
margin-left: 0px;
}

.f-footer_center .f-footerbtn_contents ul.footsnsbtn_arera{
width: 100%;
justify-content: center;
margin: 0;
}
.f-footer_center .f-footerbtn_contents ul.footsnsbtn_arera li{
width: auto;
margin-left: 20px;
margin-bottom: 0;
}	
.f-footer_left ul.footsubbtn_arera{
width: 100%;
justify-content: center;
margin: 40px 0 30px 0px;
}
.f-footer_left ul.footsubbtn_arera li{
width: auto;
padding-bottom: 16px;
margin-left: 0px;
margin-bottom: 0;
}	
.f-footer_right ul.footsubbtn_arera{
width: 100%;
justify-content: center;
margin: 40px 0 30px 0px;
}
.f-footer_right ul.footsubbtn_arera li{
width: auto;
padding-bottom: 16px;
margin-left: 0px;
margin-bottom: 0;
}	

/* 1140px */
@media screen and (max-width: 1140px) {

/* max 772px */
@media screen and (max-width: 772px) {
.f-footer_center .f-footerbtn_contents ul.footbtn_arera{
display: block;
width: 60%;
margin: 0 auto;
}
.f-footer_center .f-footerbtn_contents ul.footbtn_arera li{
width: 100%;
margin-right: 0px;
margin-bottom: 20px;
}
.f-footer_center .f-footerbtn_contents ul.footbtn_arera li:last-child{
margin-bottom: 0px;
}
.f-footer_center .f-footerbtn_contents ul.footbtn_arera li a {
width: 100%;
}		
}
.f-footer_left{
display: none;
}
.f-footer_right{
display: none;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera{
display: none;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp{
display: flex;
}
}

@media screen and (max-width: 500px) {
.f-footer_center{
	width: 100%;
}
.f-footer_center .f-footer_logo a{
width: 260px;
}	
.f-footer_center .f-footerbtn_contents ul.footbtn_arera{
width: 70%;
}	
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp{
display: flex;
width: 100%;
border-top:1px solid #595757;
margin: 30px 0 10px 0;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp li{
width: 50%;
border-bottom:1px solid #595757;
font-size:1.3rem;
line-height: 1.3rem;
margin-bottom: 0px;
margin-left: 0;
padding-bottom: 0;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp li:nth-child(2n){
border-left:1px solid #595757;;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp li a{
display: block;
padding: 20px 20px 20px 36px;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp li a:before{
left:20px;
}
.f-footer_center .f-footerbtn_contents ul.footsubbtn_arera_sp li a:hover:before{
left:25px;
}

.f-footer_center .f-footerbtn_contents ul.footsnsbtn_arera{
width: 100%;
justify-content: center;
margin-top: 10px;
}
.f-footer_center .f-footerbtn_contents ul.footsnsbtn_arera li{
width: 25%;
margin: 0;
text-align: center;
}
.f-footer_center .f-footerbtn_contents ul.footsnsbtn_arera li a{
display: block;
}
.f-footer_center .f-footerbtn_contents ul.footsnsbtn_arera li a img{
width: 30%;
}
}