@charset "UTF-8";
/*
*/
/* sp_fix_menu
--------------------------------*/
.d-sp_fix_menu {
	width: 100%;
	min-width: 300px;
	background-color: #ffffff;
	position: fixed;
	bottom: -300px;
	left: 0;
	z-index: 94;
}
.d-sp_fix_menu > * {
	margin: 0;
}
.d-sp_fix_menu ul {
	display: flex;
}
.d-sp_fix_menu ul li {
	background-color: #FAFAFA;
    user-select: none;
  font-size:clamp(9px,3vw,11px);
}
/*4つタイプ
------------------------------------------*/
.d-sp_fix_menu ul li:nth-child(1) {
  flex:1 1 18.3%;
	margin: 15px 0 1px;
	border-right: 1px solid #ccc;
}
.d-sp_fix_menu ul li:nth-child(2) {
  flex:1 1 18.3%;
	margin: 15px 0 1px;
	border-right: 1px solid #ccc;
}
.d-sp_fix_menu ul li:nth-child(3) {
  flex:1 1 18.3%;
	margin: 15px 0 1px;
}
.d-sp_fix_menu ul li:nth-child(4) {
  flex:1 1 45%;
	position: relative;
	background-color: #FF295B;
	text-align: center;
}

/*3つタイプ
------------------------------------------*/
/*.d-sp_fix_menu ul li:nth-child(1) {
    flex: 1 1 16%;
    margin: 11px 0 1px;
    border-right: 1px solid #ccc;
}
.d-sp_fix_menu ul li:nth-child(2) {
    flex: 1 1 16%;
    margin: 11px 0 1px;
    border-right: 1px solid #ccc;
}
.d-sp_fix_menu ul li:nth-child(3) {
    flex: 1 1 16%;
    margin: 15px 0 1px;
    display: none;
}
.d-sp_fix_menu ul li:nth-child(4) {
  flex:1 1 52%;
	position: relative;
	background-color: #F20544;
	text-align: center;
}*/
/*3つタイプここまで*/

/*.d-sp_fix_menu ul li:nth-child(4) img.fix_arrow {
	max-width: 200px;
	position: absolute;
	top: 4px;
	left: 50%;
	margin: 0 auto;
	transform: translate(-50%, -50%);
	z-index: 100000100;
	opacity: 1;
}*/

.d-sp_fix_menu ul li span:nth-child(1) {
	text-align: center;
	display: inline-block;
	color: #111111;
	font-size: 10px;
	letter-spacing: .1em;
}
.d-sp_fix_menu ul li span:nth-child(2) {
	text-align: center;
	display: inline-block;
	color: #111111;
	font-size: 9px;
	/*letter-spacing: .1em;*/
}
.d-sp_fix_menu ul li span:nth-child(3) {
	text-align: center;
	display: inline-block;
	color: #111111;
	font-size: 10px;
	letter-spacing: -.1em;
}



.d-sp_fix_menu ul li:nth-child(1) img {
	width: 50px;
	display: block;
	margin: 5px auto 0;
}
.d-sp_fix_menu ul li:nth-child(2) img {
	width: 50px;
	display: block;
	margin: 5px auto 0;
}
.d-sp_fix_menu ul li:nth-child(3) img {
	width: 50px;
	display: block;
	margin: 5px auto 0;
}
.d-sp_fix_menu ul li:nth-child(4) img {
	/*width: 100%;*/
	width: min(228px,100%);
	margin: 0 auto 0;
    padding: .8em 0 0;
}

p#TimeView-1 {
	display: block;
	background-color: yellow;
	color: red;
	font-size: clamp(10px, 3.6vw, 13px);
	text-align: center;
	padding: 1px 0;
	font-weight: 700;
}
.d-sp_fix_menu ul.sp_fix_menu_box {
    position: relative;
	    background-color: #FAFAFA;
}
span.sp_fix_arrow {
    position: absolute;
    top: -13px;
    left: 0;
  right:0;
  margin:auto;
    padding: 0 7px 0;
  width:clamp(300px,94vw,400px);
  
}