@charset "euc-jp";

/* 共通 */
html{
  scroll-behavior: smooth;
}
.reboot-body {
	width: 799px;
	margin: auto;
}
.reboot-body p {
	padding-top: 0;
	padding-bottom: 0;
}
.reboot-body img {
	width: 100%;
}
.reboot-body ul {
	padding-left: 0;
}
.reboot-body ul li {
	list-style: none;
}
.reboot-body a:hover {
	text-decoration: none;
}
.reboot-body a:hover img {
	opacity: 1;
}
.flex{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-flow: row wrap;
	flex-wrap: wrap;
	-ms-flex-pack: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	flex-wrap:wrap;
}



/* voice */
.reboot-body .voice {
	margin: 52px auto 90px;
	width: 86%;
}
.reboot-body .voice h2 {
	margin-bottom: 78px;
}
.reboot-body .voice .txt-mb {
	margin-bottom: 78px;
}
.reboot-body .voice .txt01,
.reboot-body .voice .txt02,
.reboot-body .voice .txt04,
.reboot-body .voice .txt05 {
	margin-bottom: 20px;
}


/* block-cate */
.reboot-body .item-buy {
	position: relative;
}
.reboot-body .block-cpn {
	margin-top: 30px;
}
.reboot-body .block-cate {
	padding: 0 9px 0 12px;
}
.reboot-body .block-cate h2 {
	width: 600px;
	margin: 0 auto 90px;
}
.reboot-body .block-cate ul li {
	margin: 0.5%;
	width: 32.6%;
}
.reboot-body .block-cate ul li:nth-child(1),
.reboot-body .block-cate ul li:nth-child(4),
.reboot-body .block-cate ul li:nth-child(5) {
	margin-left: 0; 
}
.reboot-body .block-cate ul li:nth-child(3),
.reboot-body .block-cate ul li:nth-child(4),
.reboot-body .block-cate ul li:nth-child(7) {
	margin-right: 0; 
}
.reboot-body .block-cate .onc-column {
	width: 99.7%;
}
.reboot-body .block-cate img {
	display: block;
}


.reboot-body .block-cpn .block-mon .item {
	background: url("../img/link-mon.jpg") no-repeat;
	background-size: 100%;
	height: 238px;
	position: relative;
}
.reboot-body .block-cpn .block-mon .item-buy {
	background: url("../img/link-mon-buy.jpg") no-repeat;
	background-size: 100%;
	height: 238px;
	position: relative;
}

.reboot-body .block-cpn .block-tus .item {
	background: url("../img/link-tus.jpg") no-repeat;
	background-size: 100%;
	height: 238px;
	position: relative;
}
.reboot-body .block-cpn .block-tus .item-buy {
	background: url("../img/link-tus-buy.jpg") no-repeat;
	background-size: 100%;
	height: 238px;
	position: relative;
}

.reboot-body .block-cpn .block-wed .item {
	background: url("../img/link-wed.jpg") no-repeat;
	background-size: 100%;
	height: 238px;
	position: relative;
}
.reboot-body .block-cpn .block-wed .item-buy {
	background: url("../img/link-wed-buy.jpg") no-repeat;
	background-size: 100%;
	height: 238px;
	position: relative;
}

.reboot-body .block-cpn .block-thurs .item {
	background: url("../img/link-thurs.jpg") no-repeat;
	background-size: 100%;
	height: 227px;
	position: relative;
}
.reboot-body .block-cpn .block-thurs .item-buy {
	background: url("../img/link-thurs-buy.jpg") no-repeat;
	background-size: 100%;
	height: 238px;
	position: relative;
}

.reboot-body .block-cpn .block-fri .item {
	background: url("../img/link-fri.jpg") no-repeat;
	background-size: 100%;
	height: 238px;
	position: relative;
}
.reboot-body .block-cpn .item-byu-fri {
	background: url("../img/link-fri-buy.jpg") no-repeat;
	background-size: 100%;
	height: 238px;
	position: relative;
}

.reboot-body .block-cpn .block-sat .item {
	background: url("../img/link-sat.jpg") no-repeat;
	background-size: 100%;
	height: 238px;
	position: relative;
}
.reboot-body .block-cpn .block-sat .item-buy	{
	background: url("../img/link-sat-buy.jpg") no-repeat;
	background-size: 100%;
	height: 238px;
	position: relative;
}

.reboot-body .block-cpn .block-sun .item {
	background: url("../img/link-sun.jpg") no-repeat;
	background-size: 100%;
	height: 235px;
	position: relative;
}
.reboot-body .block-cpn .block-sun .item-buy {
	background: url("../img/link-sun-buy.jpg") no-repeat;
	background-size: 100%;
	height: 235px;
	position: relative;
}

.reboot-body .today .item {
	background: url("../img/link-today.jpg") no-repeat;
	background-size: 100%;
	height: 310px;
	position: relative;
}

.reboot-body .block-cpn .item-btn {
    display: block;
    left: 59px;
    top: 90px;
    width: 679px;
    height: 111px;
    position: absolute;
}
.reboot-body .today .item .item-btn {
	display: block;
	left: 21px;
	top: 113px;
	width: 753px;
	height: 170px;
	position: absolute;
}





/* 以下フェードイン表示の指定 */
.fadein {
    opacity: 0;
    animation: fadein 6s ease forwards;
}
@keyframes fadein {
    100% {  opacity: 1;}
}
 
/*以下遅延の指定*/
.txt01 {animation-delay: 1s;}
.txt02 {animation-delay: 2s;}
.txt03 {animation-delay: 4s;}
.txt04 {animation-delay: 6s;}
.txt05 {animation-delay: 8s;}
.txt06 {animation-delay: 10s;}
.txt07 {animation-delay: 12s;}
.txt08 {animation-delay: 14s;}