@charset "shift_jis";

#pc_wrapper {
	margin: 0 auto 5%;
	width: 100%;
	max-width: 960px;
}

#pc_wrapper p {
	margin: 0;
	padding: 0;
}

#pc_wrapper .youtubewrap {
  position: relative;

}
#pc_wrapper .youtubewrap iframe {
    position: absolute;
}

#pc_wrapper .youtubewrap .iframe03 {
    width: 57.9%;
    height: 21.3%;
    bottom: 11%;
    left: 21.9%;
}
#pc_wrapper .youtubewrap .iframe04 {
    width: 38.9%;
    height: 25.3%;
    top: 5.4%;
    right: 5.9%;
}

#pc_wrapper .gifwrap{
	position: relative;
}

#pc_wrapper .img_gif_01{
	position: absolute;
    right: 28px;
    top: 34px;
    width: 45.2%;
}

#pc_wrapper .img_gif_02{
	position: absolute;
    left: 20px;
    bottom: 536px;
    width: 40.8%;
}

#pc_wrapper .img_gif_03{
    position: absolute;
    right: 10px;
    bottom: 493px;
    width: 40.8%;
}

@media (max-width:960px) {
	#pc_wrapper .img_gif_01 {
		position: absolute;
		right: 3%;
		top: 1.2%;
		width: 45.2%;
	}
	#pc_wrapper .img_gif_02 {
		position: absolute;
		left: 2%;
		bottom: 19.9%;
		width: 40.8%;
	}
	#pc_wrapper .img_gif_03 {
		position: absolute;
		right: 1%;
		bottom: 29%;
		width: 40.8%;
	}
}

.ehon__heading {
	background: #fff2dd;
	padding-bottom: 21px;
}
.ehon__lead {
	margin-top: 45px;
    padding: 0 50px;
}
.ehon__ranking {
	margin-block: 40px;
	padding: 0 50px;
}
.ehon__row {
	margin-top: 20px;
	display: flex;
}
.ehon__rank2 {
	margin-right: 20px;
}
.ehon__rank4 {
	margin-top: 20px;
}
.ehon__rank5 {
	margin-top: 20px;
}
.ehon__rank-note {
	margin-top: 20px;
	margin-left: auto;
	max-width: 330px;
}
.ehon__menu {
	padding: 40px 0 50px;
	background: #00a33e;
}	
.ehon__menu-ttl {
	padding: 0 30px;
}
.ehon__list {
	padding: 0 50px;
	display: flex;
	flex-wrap: wrap;
}
.ehon__item {
	margin-top: 30px;
	width: calc((100% / 4) - 10px);
	margin-left: 13px;
}
.ehon__item:nth-child(4n + 1) {
	margin-left: 0px;
}
.ehon-footer {
	margin-top: 66px;
	padding-inline: 50px;
}
.ehon-footer__ttl {
	max-width: 774px;
	margin: 0 auto 46px;
}
.ehon-footer__bnr {
	margin-bottom: 21px;
}
.ehon-footer__note {
	max-width: 332px;
	margin-left: auto;
}
.ehon-footer__btn-area {
	margin-top: 66px;
}
.ehon-footer__btn:nth-child(1) {
	max-width: 763px;
	margin: 0 auto;
}
.ehon-footer__btn:nth-child(2) {
	max-width: 486px;
	margin: 82px auto 0;
}


@media (max-width:960px) {
	.ehon__heading {
		padding-bottom: 16px;
	}
	.ehon__lead {
		margin-top: 28px;
		padding: 0 30px;
	}
	.ehon__ranking {
		margin-top: 35px;
		margin-bottom: 20px;
		padding: 0 30px;
	}
	.ehon__row {
		margin-top: 10px;
		display: block;
	}
	.ehon__rank2 {
		margin-right: 0;
	}
	.ehon__rank3 {
		margin-top: 10px;
	}
	.ehon__rank4 {
		margin-top: 10px;
	}
	.ehon__rank5 {
		margin-top: 10px;
	}
	.ehon__rank-note {
		max-width: 165px;
	}
	.ehon__menu {
		padding: 35px 0 22px;
	}	
	.ehon__menu-ttl {
		padding: 0 22px 0 10px;
	}
	.ehon__list {
		padding: 0 20px;
	}
	.ehon__item {
		margin-top: 25px;
		width: calc((100% / 2) - 6px);
		margin-left: 12px;
	}
	.ehon__item:nth-child(2n + 1) {
		margin-left: 0px;
	}	
	.ehon-footer {
		margin-top: 37px;
		padding-inline: 20px;
	}
	.ehon-footer__ttl {
		margin-bottom: 32px;
	}
	.ehon-footer__bnr {
		margin-bottom: 6px;
		padding-inline: 8px;
	}
	.ehon-footer__note {
		max-width: 166px;
		margin-right: 10px;
	}
	.ehon-footer__btn-area {
		margin-top: 40px;
	}
	.ehon-footer__btn:nth-child(1) {
		max-width: 272px;
	}
	.ehon-footer__btn:nth-child(2) {
		max-width: 276px;
		margin-top: 45px;
	}
}
/* ============================================
	PC
	.pcOnly img {
	vertical-align:bottom;
}

.pcOnly p {
	width:960px;
}

.pcOnly .pagetop01 {
	position: relative;
	bottom: -10px;
	right: 20px;
	text-align: right;
	margin-bottom: 20px;
	margin-top: 5px;
}

============================================ */



/* ============================================
	SP

.spOnly img {
	border: none;
	height: auto;
	max-width: 100%;
	vertical-align: top;
	display: block;
}

//**.spOnly {
	display: block;
	width: 100%;
	max-width: 100%;
	position: relative;
	height: auto;
	margin: 0;
}**//

============================================ */