@charset "utf-8";
/* CSS Document */
html,body{
font-size:16px;
font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;
color:#333;
}
*{
box-sizing: border-box;
}
.naire_free_wrap{

}

.naire_free_block01{
padding: 80px 0 0 0;
position: relative;
}
.naire_free_block01 ul{
width: 100%;
max-width: 800px;
margin: 0 auto;
position: relative;

}
.naire_free_block01 ul li{

}
.naire_free_block01 ul li:nth-of-type(1){
text-align: center;
}
.naire_free_block01 ul li:nth-of-type(1) img{
width: 100%;
max-width: 300px;
}
.naire_free_block01 ul li:nth-of-type(2){
padding:30px 0 0 0;
text-align: center;
font-size: 14px;
line-height: 1.8;
}

.nafrbl01_bg_left{
position: absolute;
left:0;
width:300px;
height:300px;
background: url(https://edinter.itembox.design/item/campaign/2023/naire_free/img/asirai01.png) no-repeat;
background-size: contain;
background-position: center left;
z-index: 10;
}
.nafrbl01_bg_right{
position: absolute;
right:0;
width:300px;
height:300px;
background: url(https://edinter.itembox.design/item/campaign/2023/naire_free/img/asirai02.png) no-repeat;
background-size: contain;
background-position: center left;
z-index: 10;
}

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

.nafrbl01_bg_left{
left:0;
width:250px;
height:300px;
}.nafrbl01_bg_right{
right:0;
width:250px;
height:300px;
}
}
@media only screen and (max-width:859px) {

.nafrbl01_bg_left{
left:0;
width:200px;
height:300px;
}.nafrbl01_bg_right{
right:0;
width:200px;
height:300px;
}
}


.naire_free_block02{
margin: 80px auto 0 auto;
}
.naire_free_block02 ul{
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.naire_free_block02 ul li{

}
.naire_free_block02 ul li:nth-of-type(1){
text-align: center;
}
.naire_free_block02 ul li:nth-of-type(1) img{
width: 100%;
max-width: 300px;
}
.naire_free_block02 ul li:nth-of-type(2){
padding:30px 0 0 0;
text-align: center;
font-size: 14px;
line-height: 1.8;
}

.naire_free_block03{
width: 100%;
padding: 80px 0 0 0;
position: relative;
}
.naire_free_block03 > ul{
width: 100%;
max-width: 800px;
margin: 0 auto;
}
.naire_free_block03 > ul > li{

}
.naire_free_block03 > ul > li:nth-of-type(1){
text-align: center;
}
.naire_free_block03 > ul > li:nth-of-type(1) > img{
width: 100%;
max-width: 300px;
}
.naire_free_block03 > ul > li:nth-of-type(2){
padding:30px 0 0 0;
text-align: center;
font-size: 14px;
line-height: 1.8;
}
.nafrbl03_bg_left{
position: absolute;
top: 30px;
left:0;
width:300px;
height:300px;
background: url(https://edinter.itembox.design/item/campaign/2023/naire_free/img/asirai03.png) no-repeat;
background-size: contain;
background-position: center left;
z-index: 10;
}
.nafrbl03_bg_right{
position: absolute;
top: 30px;
right:0;
width:300px;
height:300px;
background: url(https://edinter.itembox.design/item/campaign/2023/naire_free/img/asirai04.png) no-repeat;
background-size: contain;
background-position: center left;
z-index: 10;
}

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

.nafrbl03_bg_left{
left:0;
width:250px;
height:300px;
}.nafrbl03_bg_right{
right:0;
width:250px;
height:300px;
}
}
@media only screen and (max-width:859px) {

.nafrbl03_bg_left{
left:0;
width:200px;
height:300px;
}.nafrbl03_bg_right{
right:0;
width:200px;
height:300px;
}
}

.naire_free_block01_mid{
margin:80px 0 0 0;
width: 100%;
background: url(https://edinter.itembox.design/item/campaign/2023/naire_free/img/bg01.png) repeat;
background-size:30px;
position: relative;
}

.naire_free_block01_mid dl{
width: 100%;
max-width: 600px;
margin:0 auto;
position: relative;
z-index: 10;
}
.naire_free_block01_mid dl dt{
padding:80px 0 0 0;
}
.naire_free_block01_mid dl dt img{

}
.naire_free_block01_mid dl dd{
padding:40px 0 40px 0;
}
.naire_free_block01_mid dl dd img{

}


.naire_free_block02_mid{
margin:80px 0 0 0;
width: 100%;
background: url(https://edinter.itembox.design/item/campaign/2023/naire_free/img/bg01.png) repeat;
background-size:30px;
position: relative;
}

.naire_free_block02_mid dl{
width: 100%;
max-width: 600px;
margin:0 auto;
position: relative;
z-index: 10;
}
.naire_free_block02_mid dl dt{
padding:80px 0 0 0;
text-align: center;
}
.naire_free_block02_mid dl dt img{
width: 100%;
max-width: 300px;
}
.naire_free_block02_mid dl dd{
padding:40px 0 10px 0;
}
.naire_free_block02_mid dl dd img{

}

.naire_free_block02_mid dl dd:nth-of-type(2){
padding:0px 0 10px 0;
text-align: center;
}

.naire_free_block03_mid{
background: url(https://edinter.itembox.design/item/campaign/2023/naire_free/img/bg01.png) repeat;
    background-size: 30px;
    padding: 80px 0 80px 0;
    margin: 80px auto 80px auto;
    font-size: 12px;
    text-align: center;
    width: 100%;
    position: relative;
}
.naire_free_block03_mid > ul{
display: flex;
flex-direction: row;
justify-content: space-evenly;
flex-wrap: wrap;
width: 100%;
max-width: 800px;
margin: 0 auto;
position: relative;
z-index: 10;
}
.naire_free_block03_mid > ul > li{
width: calc( 100% / 3 - 20px );
margin:0 0 20px 0;
}
.naire_free_block03_mid > ul > li:nth-of-type(1),
.naire_free_block03_mid > ul > li:nth-of-type(2){
width: calc( 100% / 2 - 20px );
}
.naire_free_block03_mid > ul > li > a{
display: flex;
width: 100%;
background: #fff;
padding: 20px;
}

.naire_free_block03_mid > ul > li > a > dl{

}
.naire_free_block03_mid > ul > li > a > dl > dt{

}
.naire_free_block03_mid > ul > li > a > dl > dd:nth-of-type(1){
margin:10px 0 0 0;
}
.naire_free_block03_mid > ul > li > a > dl > dd:nth-of-type(1) > span{

}
.naire_free_block03_mid > ul > li > a > dl > dd:nth-of-type(2){
margin:10px 0 0 0;
}
.naire_free_block03_mid > ul > li > a > dl > dd:nth-of-type(2) > span{
display: inline-block;
border-radius: 10px;
padding:10px;
color:#fff;
}
.naire_free_block03_mid > ul > li > a > dl > dd:nth-of-type(3){
margin:10px 0 0 0;
}
.naire_free_block03_mid > ul > li > a > dl > dd:nth-of-type(3) > span{
display: block;
background:#ca1d1d;
border:1px solid #ca1d1d;
border-radius: 100px;
padding:15px 0;
color:#fff;
transition: 0.3s;
}
.naire_free_block03_mid > ul > li > a:hover > dl > dd:nth-of-type(3) > span{
background:#fff;
border:1px solid #ca1d1d;
color:#ca1d1d;
transition: 0.3s;
}

.shuiwai{
background: #ff8fb1;
}
.birthdaypre{
background: #64C7FF;
}
.year3pre{
background: #11BEA5;
}
.year2pre{
background: #FF9759;
}

.bokasi{
position: absolute;
bottom:0;
left: 0;
height:150px;
width: 100%;
z-index: 1;
background: url(https://edinter.itembox.design/item/campaign/2023/naire_free/img/bg02.png);
background-size: auto;

}

/* トップへ戻るボタン */
#page_top {
  width: 60px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 40px;
  opacity: 1.0;
  z-index: 100;
}
#page_top a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before {
  
  font-weight: 900;
  
  position: absolute;
  width: 25px;
  height: 25px;
  top: -3px;
  bottom: 0;
  right: 0;
  left: -1px;
  margin: auto;
  text-align: center;
}
/* トップへ戻るボタン end */

.dpy_img_pc{
display: block;
}
.dpy_img_sp{
display: none;
}

.kaigyo_pc{
display: block;
}
.kaigyo_sp{
display: none;
}
@media only screen and (max-width:768px) {
.naire_free_block01,
.naire_free_block02,
.naire_free_block03{
    margin: 40px auto 0 auto;
}

.naire_free_block01 ul li:nth-of-type(2){
padding: 30px 15px 0 15px;
    text-align: left;
    font-size: 14px;
    line-height: 1.8;
}
.naire_free_block01_mid dl dt{
padding: 40px 15px 0 15px;
}
.naire_free_block01_mid dl dd {
    padding: 40px 15px 0px 15px;
}
.naire_free_block02 ul li:nth-of-type(2){
padding: 30px 15px 0 15px;
    text-align: left;
    font-size: 14px;
    line-height: 1.8;
}
.naire_free_block03 > ul > li:nth-of-type(2){
padding: 30px 15px 0 15px;
    text-align: left;
    font-size: 14px;
    line-height: 1.8;
}
.naire_free_block03_mid > ul > li > a{
padding: 0px;
}
.naire_free_block03_mid > ul > li > a > dl > dd:nth-of-type(2) > span{
font-size: 11px;
}

.naire_free_block03_mid > ul > li:nth-of-type(n+3){
width: calc( 100% / 2 - 20px );
}
.naire_free_block03_mid > ul > li > a > dl > dd:nth-of-type(3) > span{
width: 90%;
    margin: 0 auto 10px auto;
}
.naire_free_block02_mid dl dd{
padding: 40px 15px 10px 15px;
}
.nafrbl01_bg_left{
display: none;
}.nafrbl01_bg_right{
display: none;
}

.nafrbl03_bg_left{
display: none;
}.nafrbl03_bg_right{
display: none;
}

.dpy_img_pc{
display: none;
}
.dpy_img_sp{
display: block;
}
.kaigyo_pc{
display: none;
}
.kaigyo_sp{
display: block;
}

}