@charset "utf-8";
/*------------------------------------------------------------------------------
	Footer Styles
------------------------------------------------------------------------------*/
#frm_footer {
	width: 100%;
	background: linear-gradient(135deg, #0B2447, #19376D);
	padding: 30px 0;
	color: #fff;
}

#footerWrapepr {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

/* Contenedor principal de información */
#foot_content2 {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin: 20px 0;
	flex-wrap: nowrap;
}

/* Bloques de información */
.info-block {
	flex: 1;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	padding: 20px;
	min-width: 250px;
}

/* Títulos de las secciones */
.info-title {
	background: #fff;
	color: #0B2447;
	padding: 8px 15px;
	border-radius: 5px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 15px;
}

/* Contenido de envío */
.delivery-content {
	display: flex;
	align-items: center;
	margin: 10px 0;
}

.delivery-icon {
	width: 40px;
	margin-right: 10px;
}

.delivery-text {
	font-size: 0.9em;
}

.price-highlight {
	color: #19A7CE;
	font-weight: bold;
	font-size: 1.1em;
}

/* Enlaces "más información" */
.more-info {
	display: inline-block;
	color: #19A7CE;
	text-decoration: none;
	padding: 5px 10px;
	border-radius: 4px;
	margin-top: 10px;
	transition: all 0.3s ease;
}

.more-info:hover {
	background: rgba(255, 255, 255, 0.2);
}

/* Información de la empresa */
.company-info {
	background: rgba(255, 255, 255, 0.05);
	padding: 15px;
	border-radius: 8px;
	margin-top: 15px;
	font-size: 0.9em;
	line-height: 1.6;
}

/* Navegación del footer */
#navi {
	text-align: center;
	padding: 20px 0;
	margin-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

#navi a {
	color: rgba(255, 255, 255, 0.9);
	text-decoration: none;
	padding: 5px 10px;
	margin: 0 5px;
	font-size: 0.9em;
	transition: color 0.3s ease;
}

#navi a:hover {
	color: #19A7CE;
}

.footerNavi_copy {
	text-align: center;
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.85em;
	margin-top: 15px;
}

/* Responsive */
@media screen and (max-width: 1024px) {
	#foot_content2 {
		flex-wrap: wrap;
	}
	
	.info-block {
		flex: 1 1 calc(50% - 20px);
	}
}

@media screen and (max-width: 768px) {
	#footerWrapepr {
		padding: 0 15px;
	}

	#foot_content2 {
		flex-direction: column;
	}

	.info-block {
		width: 100%;
		margin-bottom: 15px;
	}

	#navi {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 10px;
	}

	#navi a {
		padding: 8px 12px;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 4px;
		margin: 2px;
	}
}

/* Animaciones */
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.info-block {
	animation: fadeIn 0.4s ease-out forwards;
}

/*--ラケットパートナーなら返品交換OK--*/      
#footerWrapepr p.return_ok {
	height: 27px;
	text-align:center;
	position: relative;
	margin-bottom:30px;
}
#footerWrapepr p.return_ok img{
	position:relative;
}
#footerWrapepr p.return_ok:before,
#footerWrapepr p.return_ok:after {
	content:"";
	height: 5px;
	width: 140px;
	background: #ddd;
	display:block;
	position: absolute;
	top: 15px;
}
#footerWrapepr p.return_ok:after {
	right: 0;
}

/*--見出し---*/
#footerWrapepr .caption {
	margin-top:1.5em;
	position: relative;
	margin-bottom:0px;
	top: -1.5em;
}
#footerWrapepr .caption img{
	margin:-1.5em 0 0;
	background:#fff;
}


/*--上のブロック 当店からのお知らせ--*/      
#footerWrapepr #foot_content1 {
	border-right:1px dotted #ccc;
	margin-top:1.5em;
	position:relative;
}

#footerWrapepr ul.info {
	overflow:hidden;
	margin: 10px 0 10px 20px;
	/* margin: 0px auto; */
	/* width: 756px; */
	width: 98%;/*熊本義援金*/
}
#footerWrapepr ul.info li {
	/* float:left; */
	/* margin:0 6px; */
	display: inline-block;
}
#footerWrapepr #foot_content1 .caption {
	margin-top:1.5em;
	border-top:1px dotted #ccc;
	position: relative;
	margin-bottom:0px;
	top: 0px;
}


/*--真ん中のブロック　FB　営業日～実店舗--*/       
#footerWrapepr #foot_content2 {
	overflow:hidden;
	padding-top:10px;
	margin-top: -9px;
}
#footerWrapepr .LfootBlock dl,
#footerWrapepr .RfootBlock dl,
#footerWrapepr .footBlock2 dl{
	padding:0px 20px;
	margin-top:0px;
}
#footerWrapepr .LfootBlock dd,
#footerWrapepr .RfootBlock dd,
#footerWrapepr .footBlock2 dd{
	margin-left:5px;
	font-size: 1.1em;
}
#footerWrapepr .LfootBlock dt,
#footerWrapepr .RfootBlock dt,
#footerWrapepr .footBlock2 dt{
	padding-bottom:8px;
}

/*--文字赤-- */     
#footerWrapepr .font_red {
	color:#F00;
}

/*--詳しくはコチラ-- */     
#footerWrapepr .link {
	margin:10px 0px;
}
#footerWrapepr .link a:hover {
    color: #ddd;
}

/*--face book--- */     
#footerWrapepr div.fb {
	width:270px;
	height: 730px;
	float:left;
	/* padding-top:1.5em; */
}
#footerWrapepr .link a:hover {
    color: #ddd;
}

/*--営業日-- */     
#footerWrapepr .LfootBlock dl.day {
	height:265px;
}
#footerWrapepr .LfootBlock dl.day dt{
	display:table;
}
#footerWrapepr .LfootBlock dl.day dt span{
	display:table-cell;
	vertical-align:middle;
	margin-left:5px;
	padding-left:14px;
}

#footerWrapepr .LfootBlock dl.day dd:first-of-type {
	height:165px;
	overflow:hidden;
}
#footerWrapepr .LfootBlock dl.day dd.link {
	text-align:center;
	background-color:#e6f3ec;
	border: 1px #008842 solid;
	border-radius: 20px;
	margin:0px;
}
#footerWrapepr .LfootBlock dl.day dd.link a {
	display: block;
	padding: 3px;
}

/*--在庫--- */ 
#footerWrapepr .RfootBlock dl.stock {
	height:265px;
}

#footerWrapepr .RfootBlock dl.stock dd img {
	width:288px;
	padding:10px;
}

/*--配送-- */     
#footerWrapepr .LfootBlock dl.delivery {
	height:200px;
}

/*--返品交換-- */ 

#footerWrapepr .RfootBlock dl.return {
	height:200px;
}

/*--下のブロック-- */ 
#footerWrapepr .footBlock2 {
	float:left;
	width: 758px;
	margin-top:1.5em;
	position:relative;
	top:-1.5em;
	margin-left:26px;
	display: none;
}

/*--支払い-- */ 

#footerWrapepr .footBlock2 dl.pay {
	height:155px;
	overflow:hidden;
}

#footerWrapepr .pay_content {
	width:305px;
	float:left;
}
#footerWrapepr .pay_content span{
	display:block;
}
#footerWrapepr .pay table{
	width:100%;
}
#footerWrapepr .pay table td {
    border: 1px solid #fc9d3d;
    font-size: 0.9em;
    text-align: center;
    padding: 8px 10px 6px 10px;
    line-height: 1.2em;
    font-weight: bold;
}
#footerWrapepr .pay table td p {
    line-height: 1.2em;
    margin-top: 5px;
}

#footerWrapepr .pay table tr:first-child td:first-child {
    text-align: left;
}

/*--実店舗-- */     
#footerWrapepr .footBlock2 ul{
	overflow:hidden;
	height: 106px;
	padding-left:20px;
	margin-top:0px;
	position:relative;
}
#footerWrapepr .footBlock2 li{
	float:left;
}
#footerWrapepr .footBlock2 li dl{
	width:110px;
	padding:4px;
	margin:0px;	
}
#footerWrapepr .footBlock2 li dt{
	font-size: 1em;
}
#footerWrapepr .footBlock2 li dd{
	margin:0px;
	text-align:center;
}
#footerWrapepr .footBlock2 li dd img{
	width:100px;
}

#footerWrapepr .footBlock2 ul .store_link {
	display: block;
	width: 740px;
	height: 106px;
	position: relative;
	top: -116px;
	z-index: 3;
}

#footerWrapepr .footBlock2 ul .store_link a{
	display: block;
	width: 740px;
	height: 106px;
}


#footerWrapepr .footBlock2 ul .store_link a:hover {
	background-color:#fff; 
	display:block; 
	opacity: 0.3;
}

/*--フッターナビ--*/       
#footerWrapepr #navi {
	display:block;
	clear:both;
	width:1055px;
	text-align:center;
	margin:0 auto;
	padding-top:10px;
	border-top:5px solid #ccc;
	margin-top:20px;
}
#footerWrapepr #navi a{
	color:#fc9e3e;
}
#footerWrapepr #navi .footerNavi_copy {
	font-size: 1em;
	color: #666;
	padding: 5px;
    line-height: 1.5em;
}



@media only screen and ( min-width: 640px) and ( max-width: 1055px ) {
	#footerWrapepr {
		width: 100%;
	}
	#footerWrapepr #foot_content1 {
		border-right: none;
	}
	#footerWrapepr ul.info {
		width: 95%;
		margin: 0px auto;
	}
	#footerWrapepr .LfootBlock,
	#footerWrapepr .RfootBlock{
		width: 35%;
		margin-left: 10px;
		min-width: 340px;
	}
		#footerWrapepr .footBlock2 {
		width: 70%;
	}
	#footerWrapepr p.return_ok img {
		max-width: 755px;
		width: 80%;
	}

	#footerWrapepr ul.info li {
		width: 24%;
	}

	#footerWrapepr ul.info li img {
		width: 100%;
	}
	#footerWrapepr #navi {
		width: 100%;
	}	
}
@media only screen and ( max-width: 1000px ) {
	#footerWrapepr #foot_content2 {
		width: 95%;
		margin: 0px auto;
		border-right: none;
	}
	#footerWrapepr .LfootBlock, #footerWrapepr .RfootBlock {
		width: 61%;
		min-width: 447px;
		border-right: none;
		height: inherit;
	}
	#footerWrapepr .LfootBlock dl, #footerWrapepr .RfootBlock dl, #footerWrapepr .footBlock2 dl {
		padding: 0 0 0 20px;
	}
	#footerWrapepr .LfootBlock dl.day,
	#footerWrapepr .LfootBlock dl.day dd:first-of-type,
	#footerWrapepr .LfootBlock dl.delivery,
	#footerWrapepr .RfootBlock dl.stock,
	#footerWrapepr .RfootBlock dl.return,
	#footerWrapepr .footBlock2 dl.pay {
		height: initial;
		margin-bottom: 40px;
	}
	#footerWrapepr .LfootBlock dl.day dd:first-of-type { margin-bottom: 10px;}


#footerWrapepr .footBlock2 {
    width: 100%;
}
#footerWrapepr .footBlock2 dl.pay {
    height: initial;
}	
#footerWrapepr .caption {
    margin: 0;
    top: 0;
    /* height: 35px; */
    position: inherit;
}

#footerWrapepr .LfootBlock dl.day dt {
    padding-bottom: 0;
}
#footerWrapepr .pay_content {
    width: 240px;
}

#footerWrapepr .footBlock2 li dl {
    width: 100px;
    padding: 0 2px;
}
}
@media only screen and ( min-width: 640px) and ( max-width: 768px ) {
	#footerWrapepr .LfootBlock, #footerWrapepr .RfootBlock {
		width: 52%;
		height: initial;
		min-width: initial;
	}
	#footerWrapepr .LfootBlock dl.day,
	#footerWrapepr .LfootBlock dl.delivery,
	#footerWrapepr .RfootBlock dl.stock,
	#footerWrapepr .RfootBlock dl.return {
		/* margin-top: -15px; */
		/* margin-bottom: 10px; */
	}


	#footerWrapepr .RfootBlock {
		margin-top: 10px;
	}
#footerWrapepr .LfootBlock dl, #footerWrapepr .RfootBlock dl, #footerWrapepr .footBlock2 dl{
	padding: 0 0 0 20px;
}

}

@media screen and (max-width: 640px){
/* フッター --------------------------------------------------*/
	#footerWrapepr {
		width: 100%;
		padding-top: 10px;
		font-size: .8em;
		margin-bottom: 45px;
		margin-top: 0px;
	}
	/*大見出し*/
	#footerWrapepr p.return_ok:before, #footerWrapepr p.return_ok:after {display: none; }
	#footerWrapepr p.return_ok img {  width:100%; }
	#footerWrapepr p.return_ok { display: none; }

	/*フッター　コンテンツ*/
	/*共通*/
	#footerWrapepr #foot_content2 {
		width: 100%;
		height: auto;
		border: none;
	}
	#footerWrapepr .LfootBlock dl.day,
	#footerWrapepr .LfootBlock dl.delivery,
	#footerWrapepr .RfootBlock dl.stock,
	#footerWrapepr .RfootBlock dl.return,
	#footerWrapepr .RfootBlock dl.pay {
		width: 95%;
		margin: 0px auto 40px auto;
		padding: 0;
	}
	#footerWrapepr .link { margin: 5px 0px; }
	#footerWrapepr .link a { display: block; }
	#footerWrapepr .LfootBlock dt,
	#footerWrapepr .RfootBlock dt,
	#footerWrapepr .footBlock2 dt { display: none; }

	#footerWrapepr .caption {
		top: -2px;
		width: 100%;
	}

	/*お知らせ*/
	#footerWrapepr .footBlock1 {
		float: none;
		width: 100%;
		margin: 0 0 20px 0;
	}
	/*当店からのお知らせ*/
	#footerWrapepr ul.info {
		width: 100%;
		box-sizing: border-box;
		margin: 0;
	}
	#footerWrapepr ul.info li {
		width: 47%;
		margin: 0 3px;
	}
	#footerWrapepr ul.info li img {
		width: 100% !important;
	}
	#footerWrapepr #foot_content1 {
		border: none;
	}
	#footerWrapepr div.fb {
		display: none;
	}

	/* 実店舗 */
	#footerWrapepr .footBlock2 ul { height: 160px;
	}
	#footerWrapepr .footBlock2 ul .store_link {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		position: absolute;
	}
	#footerWrapepr .footBlock2 li:first-of-type { float: none; }
	#footerWrapepr .footBlock2 li { width: 24%; }
	#footerWrapepr .footBlock2 li dl {
		width: 100%;
		padding: 0 2px 0 0;
	}
	#footerWrapepr .footBlock2 li dd img { width: 100%; }
	#footerWrapepr .footBlock2 ul .store_link a {
		width: 100%;
		height: 100%;
	}

	/*営業時間 ・配送について*/
	#footerWrapepr .LfootBlock {
		float: none;
		width: 100%;
		height: initial;
		margin: 20px 0 0px 0;
		position: initial;
		min-width: 100%;
	}
	#footerWrapepr .LfootBlock dl.day {/* height: 210px; */}
	#footerWrapepr .LfootBlock dl.day dt { display: none; }
	#footerWrapepr .LfootBlock dl.delivery {/* height: 130px; */}
	#footerWrapepr .footBlock2 dt { padding: 0; }
	#footerWrapepr .RfootBlock {
		float: none;
		width: 100%;
		height: initial;
		margin: 0 0 20px 0;
		min-width: 100%;
	}
	#footerWrapepr .RfootBlock dl.stock {height: 162px;}
	#footerWrapepr .RfootBlock dl.return {/* height: 121px; */}
	#footerWrapepr .RfootBlock dl.pay dd:last-of-type {
		margin-bottom: 60px;
	}
	/*フッター*/
	#footerWrapepr .footBlock2 {
		float: none;
		width: 100%;
		margin-left: 0;
		margin: 0;
}
	#footerWrapepr .footBlock2  dl.pay {height: initial;margin-bottom: 0;height: 155px;}
	#footerWrapepr .footBlock2 dd img {  width: 100%; }
	#footerWrapepr #navi {
		width: 100%;
		padding: 2px;
		box-sizing: border-box;
		margin-top: 2%;
	}
}