/* スタンプ帳 */

.dp-month1{
	position: absolute;
	top: 22%;
	left: 3%;
	font-weight: bold;
	color: #fff;
}

.dp-month2{
	position: absolute;
	top: 26%;
	left: 1%;
	font-weight: bold;
	color: #fff;
}

.dp-stamp1{
	position: absolute;
	width: 14%;
	top: 20.5%;
	vertical-align: bottom;
	opacity: 0.5;
}

.dp-stamp2{
	position: absolute;
	width: 14%;
	top: 50.5%;
	vertical-align: bottom;
	opacity: 0.5;
}


/* 履歴画面 */

.top-title {
	text-align: center;
	font-size: 7vw;
	font-weight: bold;
	color: #5E3C33;
	padding: 3% 0;
}

.dpoint-link {
	text-align: right;
	padding: 0 10px 10px;
	font-size: 3.5vw;
}

.dpoint-link a{
	text-decoration: underline;
	color: #333;
}

.daily-mission-area {
	background: #39a3e0;
	text-align: center;
	padding-bottom: 5%;
}

.daily-mission-area .d-title {
	color: #fff;font-size: 6vw;
	font-weight: bold;padding: 2%;
}

.daily-mission-area section {
	background: #fff;width: 97%;
	margin: 0 auto;border-radius: 35px;
}

.daily-mission-area .block {
	width: 80%;
	margin: 0 auto;
}


.daily-mission-area .detail1 {
	padding: 2% 0;
	font-size: 3.4vw;
}

.daily-mission-area .detail1-2 {
	padding-top: 2%;
	font-size: 3.4vw;
}

.daily-mission-area .detail2 {
	padding: 3% 0;
	font-size: 3.5vw;
}

.daily-mission-area .detail3 {
	padding: 6% 0 3%;
	font-size: 3.4vw;
}
.daily-mission-area .detail3 span{
	font-size: 3.5vw;
}

ul.mission {
}

ul.mission ul{
	display: -webkit-box;
	display: flex;
}

ul.mission .menu{
	background: #f56382;
	color: #fff;
	font-size: 3.8vw;
	font-weight: bold;
}

ul.mission ul li{
	/*
	-webkit-box-flex: 1;
	flex-grow: 1;
	*/
	width: 50%;
/*	box-sizing: border-box;*/
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	text-align: left;
	padding: 0 1% 1% 5%;
}

ul.mission .content{
	font-size: 3.2vw;
	color: #5f3c33;
}

ul.mission .content ul{
	background-color: #f6f0b2;
}

ul.mission .content ul:nth-child(odd){
	background-color: #fffcdb;
}

.monthly-mission-area {
	background: #f89eb4;
	text-align: center;
	padding-bottom: 4%;
}

.monthly-mission-area .m-title {
	color: #fff;font-size: 6vw;
	font-weight: bold;padding: 2%;
}

.monthly-mission-area section {
	background: #fff;
	width: 97%;
	margin: 0 auto;
	border-radius: 35px;
}

.monthly-mission-area .block {
	width: 85%;
	margin: 0 auto;
}

.monthly-mission-area .menu {
	background: #ffdc00;
	padding: 2% 0;
	font-size: 3.4vw;
	font-weight: bold;
	color: #5f3c33;
}

.monthly-mission-area .status {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	background: #fffcdb;
	padding: 2% 4%;
	font-size: 3.4vw;
	font-weight: bold;
	color: #4E4D47;
}

.monthly-mission-area .detail {
	padding: 1% 1% 1% 3%;
	text-align: left;
	font-size: 3.2vw;
	line-height: 1.5;
}


#pagetop_box {
	right: 10px;
	bottom: 10px;
	width: 10%;
	position: fixed;
	z-index: 9;
	-webkit-transform: translateZ(0);
	opacity:0.8;
	border:solid 1px #ccc;
	display:none;
}
#pagetop_box:hover{
	cursor:pointer;
}

.dpoint-grant{
	text-align: center;
	padding: 15px 0;
	background: #e3ddd6;
	font-size: 3.8vw;
}

.dpoint-grant a{
	text-decoration: underline;
	color: #000;
}