@charset "utf-8";
/* CSS Document */

body{
padding: 0;
margin: 0;
}
*{
box-sizing: border-box;
font-size:16px;
}
ul,li{
padding: 0;
margin: 0;
list-style: none;
}

.spoon_pre_wrap {
    background: #e7f4bd url(https://edinter.itembox.design/item/campaign/2023/pair_spoon/pair_spoon_sign_bg02.png);
    background-position: top 568px center;
    background-size: auto;
	padding-bottom: 100px;
}

.spoon_pre_head{
width: 100%;
height: 568px;
background: url(https://edinter.itembox.design/item/campaign/2023/pair_spoon/pair_spoon_sign_pc02ss.jpg) no-repeat;
background-position: center;
}
.spoon_pre_headsp{
width: 94%;
margin: 0 auto;
}
.sentyaku_ttl{
margin-top: 20px;
}
.sentyaku{
font-size: 18px;
font-weight: bold;
color:#333;
display: inline-block;
border-bottom:2px solid #333;
margin-top: 20px;
}
.husei{
font-size: 11px;
text-align: left;
margin-top: 10px;
}

.sp_pr_blk01{
background: #fff;
width: 94%;
max-width: 600px;
margin: 0 auto;
padding: 40px 30px;
color:#333333;
text-align: center;
line-height: 2.0;
vertical-align: top;
}

.sp_pr_blk01 ul li:nth-of-type(2),
.sp_pr_blk01 ul li:nth-of-type(5),
.sp_pr_blk01 ul li:nth-of-type(15),
.sp_pr_blk01 ul li:nth-of-type(23){
padding: 0 30px;
margin-top:100px;
}

.sp_pr_blk01 ul li:nth-of-type(4){
font-size:11px;
}
.sp_pr_blk01 ul li:nth-of-type(6){
padding: 40px 0;
}
.sp_pr_blk01 ul li:nth-of-type(6) img{
width: 150px;
}
.sp_pr_blk01 ul li:nth-of-type(7){
font-size: 16px;
}
.sp_pr_blk01 ul li:nth-of-type(9){
margin-top:100px;
padding: 0 30px;
}
.sp_pr_blk01 ul li:nth-of-type(10){
margin-top:20px;

}
.sp_pr_blk01 ul li:nth-of-type(11),
.sp_pr_blk01 ul li:nth-of-type(16){
margin-top:20px;

}
.sp_pr_blk01 ul li:nth-of-type(12){
margin-top:40px;

}
.sp_pr_blk01 ul li:nth-of-type(13){
margin-top:40px;

}
.sp_pr_blk01 ul li:nth-of-type(16),
.sp_pr_blk01 ul li:nth-of-type(24){
margin-top:40px;

}
.sp_pr_blk01 ul li:nth-of-type(19){

}
.sp_pr_blk01 ul li:nth-of-type(19) img{
width: 94%;
max-width: 400px;
}
.sp_pr_blk01 ul li:nth-of-type(20){
width: 94%;
max-width: 500px;
margin: 100px auto 0 auto;
}
.sp_pr_blk01 ul li:nth-of-type(21){
text-align: left;
font-size: 14px;
width: 94%;
max-width: 500px;
margin: 40px auto 0 auto;
}
.spoon_pre_btm{
width: 600px;
height:300px;
margin: 0 auto;
background: #e7f4bd url(https://edinter.itembox.design/item/campaign/2023/pair_spoon/img14.png) no-repeat;
background-size: cover;
text-align: center;
}
.spoon_pre_btm img{
margin-top:40px;
width: 150px;
}
.spoon_pre_btm2{
background: #e7f4bd;
height:80px;
}

.nairekibou{
border:2px dashed #563e36;
color:#cc0000;
background: #fffee9;
border-radius: 20px;
padding:10px;
font-weight: bold;
font-size: 18px;
}
.genirogo_chenge{
width: 94%;
max-width: 500px;
margin: 20px auto 50px auto;
}

.prob_lnk{
margin: 40px 0;
}
.prob_lnk a{
display: block;
margin: 0 auto;
width: 400px;
height: 120px;
background: url(https://edinter.itembox.design/item/campaign/2023/pair_spoon/img06.png);
background-size: cover;
background-position: top;
transition: 0.3;
}
.prob_lnk a:hover{
background-position: bottom;
transition: 0.3;
}

.pc_oly{
display: block;
}
.sp_oly{
display: none;
}






@media only screen and (max-width: 768px) {

.sp_pr_blk01 {
    background: #fff;
    width: 94%;
    max-width: 600px;
    margin: 0 auto;
    padding: 40px 15px;
    color: #333333;
    text-align: center;
    line-height: 2.0;
}

.sp_pr_blk01 ul li:nth-of-type(2),
.sp_pr_blk01 ul li:nth-of-type(5),
.sp_pr_blk01 ul li:nth-of-type(15),
.sp_pr_blk01 ul li:nth-of-type(23){
padding: 0 0px;
margin-top:50px;
}

.sp_pr_blk01 ul li:nth-of-type(9) {
    margin-top: 50px;
    padding: 0 0px;
}

.prob_lnk a{
display: block;
margin: 0 auto;
width: 300px;
height: 90px;
background: url(https://edinter.itembox.design/item/campaign/2023/pair_spoon/img06.png);
background-size: cover;
background-position: top;
transition: 0.3;
}

.spoon_pre_btm {
    width: 94%;
    height: 300px;
    margin: 0 auto;
    background: #e7f4bd url(https://edinter.itembox.design/item/campaign/2023/pair_spoon/img14.png) no-repeat;
    background-size: contain;
    text-align: center;
}

.sp_pr_blk01 ul li:nth-of-type(21) {
    text-align: left;
    font-size: 14px;
    width: 94%;
    max-width: 500px;
    margin: 20px auto 0 auto;
}

.spoon_pre_btm img {
    margin-top: 30px;
    width: 100px;
}

.sp_pr_blk01 ul li:nth-of-type(20) {
    width: 94%;
    max-width: 500px;
    margin: 80px auto 0 auto;
}

.pc_oly{
display: none;
}
.sp_oly{
display: block;
}

}