body{
	max-width:719px
}
dd,dl,dt{
	padding:0;
	margin:0;
	line-height:110%
}
ul#wrap li{
	list-style-type:none;
	vertical-align:middle;
	width:85.815%;
	margin:2px 7%;
}
#wrap li#title{
	width: 100%;
	margin: 0;
	color:#333;
	display:inline-block;
	height:100%;
    border-bottom: 1.5px solid #A0A3AA;
}
#g_wrap{
    background-color: #eee;
}
#g_wrap h2{
	width: 100%;
	font-weight:bold;
	font-size:16px;
	float:left;
	padding: 4px 0; 
	margin:20px 0 8px;
	text-align: center;
}
#g_wrap dt{
	margin:13px 0 0 10px;
	width:50px;
	font-size:16px;
	float:left;
	height:100%;
	display:block
}
#g_wrap dd{
	text-align:right;
	font-size:17px;
	font-weight:700
}
#time{
	display:block;
    font-weight: normal;
	padding:6px 10px;
}
span#data1{
	height:auto;
	display:block;
	font-size:22px;
	width: calc(100% - 20px);
	color:#002279;
	margin:0 20px 0 0;
}
.price{
	margin:0;
	width:100%;
	width:100%;
	display:inline-block;
	height:100%;
}
.price dt{
    font-weight: bold;
	margin:0 0 0 10px!important;
	padding-bottom: 5px;
}
.change{
	margin:0;
	width:100%;
	float:left
}
.change dt{
    font-weight: bold;
}
.volume{
	margin:0;
	width:100%
}
.volume dt{
    font-weight: bold;
}
.li_01{
	height:100%;
	min-height: 50px;
	background-color:#fff;
	width:95%;
	margin:3% 2% 0 2%;
	display:inline-block;
}

.li_02 .li_03{
	display:inline-block
}
.li_02{
	min-height:40px;
	background-color:#fff;
	width:50%;
	margin:10px 5px 10px 2%;
	display:inline-block;
}
span#data2{
	font-size:22px;
	width:auto;
	height:auto;
	margin:10px 20px 10px 10px;
	display:block;
}
.li_03{
	min-height:40px;
	height:100%;
	background-color:#fff;
	width:52%;
	margin:10px 2% 10px 2%;
}

span#data6{
	font-size:22px;
	display:inline-block;
	width:auto;
	height:auto;
	margin:10px 20px 10px 10px;
}

/*ここからが最低購入代金*/

.li_04{
	font-weight: bold;
	min-height:40px;
	height:100%;
	background-color:#fff;
	width:52%;
	margin:10px 2% 10px 2%;
	display:inline-block;
}

dt#mpa_header{
	width:auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

span#mpa{
	font-size:22px;
	display:inline-block;
	width:auto;
	height:auto;
	margin:10px 20px 10px 10px;
}

/*ここまで*/

.hover_text{
	background-size:contain;
	width:100%;
}
.hover_text a{
	display: flex;
	justify-content: space-between;
}
.hover_text a #left{
	text-align: left;
    margin-left: 10px;
	
}
.hover_text a #right{
	text-align: right;
	position: relative;
	margin-right: 5%;
}
.hover_text a #right::before{
	content: "";
	margin: 0;
	position: absolute;
	top: 18px;
	right: 5px;
	width: 10.5px;    /* くの字を山なりに見た時、左側の長さ */
	height: 10.5px;   /* くの字を山なりに見た時、右側の長さ */
	border-top: 1.4px solid #fff;     /* くの字を山なりに見た時、左側の太さと色 */
	border-right: 1.4px solid #fff;   /* くの字を山なりに見た時、右側の太さと色 */
	transform: rotate(45deg);    /* くの字の向き */	
}

div#bb{
	display: none;
}
#aa a{
	width:100%;
	background-repeat:no-repeat;
	height:50px;
	text-decoration:none;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 1rem;
    font-weight: bold;
	background-size:contain;
}
#bb a{
	width:95%;
	background-repeat:no-repeat;
	height:69px;
	text-decoration:none;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 1rem;
    font-weight: bold;
	margin-left: 5%;
	background-size:contain;
}
.security_code{
	padding:3px 0 3px;
	margin-top: 5px;
	width:auto;
	font-size:12px;
    font-weight: normal;
	display:block
}
#time{
	margin:0;
	font-size:12px
}
#c_name{
	padding:4px 0;
	margin-bottom: 7px; 
	width:100%;
	display:block;
	font-size:16px;
    font-weight: normal;
	color:#333;
}
ul#wrap li#toChartbtn{
    margin: 15px 7% 15px;
	height: 50px;
	background-color: #333;
	transition: all 0s 0s ease-in-out;
}
ul#wrap li#toChartbtn:hover{
	background-color: #0062C2;
}
/* ul#wrap li#toChartbtn:hover div#aa{
	display: none;
} */
ul#wrap li#toChartbtn:hover div#bb{
	display: block;
}
#delayed{
    font-weight: normal;
    margin-top: 10px;
	font-size: 0.8rem;
}

div#button_center{
    text-align: center;
}

@media screen and (max-width: 200px){
	#aa a{
		font-size: 7vw;
	}
	#bb a{
		font-size: 7vw;
	}
	#delayed20m{
		font-size: 6vw;
	}
}