@charset "utf-8";

#pickup-base{
width:100%;
height:580px;
background:#D5E6F8;
border-bottom:2px solid #313131;
left: 50%;
transform: translateX(-50%);
position:absolute;
}

#new-pickup{
width: 70%;
height:580px;
left: 50%;
transform: translateX(-50%);
position:absolute;
background-image: url(indeximg/pickup/pickupbase-img_pc2.png);
background-repeat:no-repeat;
background-position:bottom;
}

#new-pickup img{width:230px;height:230px;}


.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}

#new-pickup ul li {
width: 230px;/*308*/
height: 230px;
float: left;
list-style:none;
}


#new-pickup ul li a{
text-decoration:none;
}

#new-pickup ul li a:hover{
opacity:0.8;
}

.item01 {position: absolute;top: 20px;left: 60px;}
.item02 {position: absolute;top: 265px;left: 100px;}
.item03 {position: absolute;top: 120px;left: 330px;}
.item04 {position: absolute;top: 180px;left: 620px;}
.item05 {position: absolute;top: 30px;left: 820px;}
.item06 {position: absolute;top: 220px;left: 1000px;}


#pickup_title{
position: relative;
  display: inline-block;
  margin: 1.1em 0;
  padding: 15px 50px;
  min-width: 120px;
  max-width: 100%;
  background: #FFFFFF;
  border-radius: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
}
#pickup_title:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 20px solid transparent;
  border-top: 30px solid #FFFFFF;
}


@media print, screen and (max-width:1700px) {
#pickup-base{
width:100%;
background:#D5E6F8;
height:550px;
}

#new-pickup{
width: 70%;
height:550px;
left: 50%;
transform: translateX(-50%);
position:absolute;
background-image: url(indeximg/pickup/pickupbase-img_pc2.png);
background-repeat:no-repeat;
background-position:bottom;
}

#new-pickup img{width:210px;height:210px;}

.item01 {position: absolute;top: 16px;left: 60px;}
.item02 {position: absolute;top: 235px;left: 110px;}
.item03 {position: absolute;top: 120px;left: 307px;}
.item04 {position: absolute;top: 200px;left: 550px;}
.item05 {position: absolute;top: 26px;left: 740px;}
.item06 {position: absolute;top: 205px;left: 900px;}
}


@media print, screen and (max-width:1500px) {
#pickup-base{
width:100%;
background:#D5E6F8;
height:550px;
}

#new-pickup{
width: 70%;
height:550px;
left: 50%;
transform: translateX(-50%);
position:absolute;
background-image: url(indeximg/pickup/pickupbase-img_pc2.png);
background-repeat:no-repeat;
background-position:bottom;
}

#new-pickup img{width:200px;height:200px;}

.item01 {position: absolute;top: 26px;left: 20px;}
.item02 {position: absolute;top: 245px;left: 68px;}
.item03 {position: absolute;top: 125px;left: 250px;}
.item04 {position: absolute;top: 200px;left: 480px;}
.item05 {position: absolute;top: 60px;left: 650px;}
.item06 {position: absolute;top: 250px;left: 780px;}
}



@media print, screen and (max-width:1200px) {	
#pickup-base{
width:100%;
background:#D5E6F8;
height:550px;
}

#new-pickup{
width: 80%;
height:550px;
left: 50%;
transform: translateX(-50%);
position:absolute;
background-image: url(indeximg/pickup/pickupbase-img_pc2.png);
background-repeat:no-repeat;
background-position:bottom;
background-size:85%;
}

.item01 {position: absolute;top: 30px;left: 0px;}
.item02 {position: absolute;top: 250px;left: 50px;}
.item03 {position: absolute;top: 135px;left: 250px;}
.item04 {position: absolute;top: 210px;left: 480px;}
.item05 {position: absolute;top: 30px;left: 640px;}
.item06 {position: absolute;top: 240px;left: 750px;}

}




@media print, screen and (max-width:736px) {
#pickup-base{
width:100%;

background:#D5E6F8;
border-bottom:none;
left: 50%;
transform: translateX(-50%);
position:absolute;
}

#new-pickup{
width: 100%;
height:auto;
left: 50%;
transform: translateX(-50%);
position:absolute;
background-image: none;background:#D5E6F8;
}

#new-pickup ul li {
width: 46%;
height: 50%;
float: left;
list-style:none;
}

#new-pickup img{width:100%;height:100%;}

.item01 {position: relative;top: auto;left: auto;margin:10px 2%;}
.item02 {position: relative;top: auto;left: auto;margin:10px 2%;}
.item03 {position: relative;top: auto;left: auto;margin:10px 2%;}
.item04 {position: relative;top: auto;left: auto;margin:10px 2%;}
.item05 {position: relative;top: auto;left: auto;margin:10px 2%;}
.item06 {position: relative;top: auto;left: auto;margin:10px 2%;}

}


@media print, screen and (max-width:360px) {
#pickup-base{
width:100%;

background:#D5E6F8;
border-bottom:none;
left: 50%;
transform: translateX(-50%);
position:absolute;
}

#new-pickup{
width: 100%;
height:auto;
left: 50%;
transform: translateX(-50%);
position:absolute;
background-image: none;background:#D5E6F8;
}

#new-pickup ul li {
width: 46%;
height: 50%;
float: left;
list-style:none;
}

#new-pickup img{width:100%;height:100%;}

.item01 {position: relative;top: auto;left: auto;margin:10px 2%;}
.item02 {position: relative;top: auto;left: auto;margin:10px 2%;}
.item03 {position: relative;top: auto;left: auto;margin:10px 2%;}
.item04 {position: relative;top: auto;left: auto;margin:10px 2%;}
.item05 {position: relative;top: auto;left: auto;margin:10px 2%;}
.item06 {position: relative;top: auto;left: auto;margin:10px 2%;}

}





#basewaku-kugiri2-025 {
display: block;
clear: both;
padding:650px 0px 0px 0px;/*02509*/
margin:0px 0px 90px 0px;
overflow:hidden;
}
#basewaku-kugiri2:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #basewaku-kugiri2 {
 height: 1em;
 overflow: visible;
}


@media print, screen and (max-width:1700px) {
#basewaku-kugiri2-025 {
display: block;
clear: both;
padding:630px 0px 0px 0px;/*02509*/
margin:0px 0px 90px 0px;
overflow:hidden;
}
#basewaku-kugiri2:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #basewaku-kugiri2 {
 height: 1em;
 overflow: visible;
}
/**/
}



@media print, screen and (max-width:1200px) {
#basewaku-kugiri2-025 {
display: block;
clear: both;
padding:630px 0px 0px 0px;/*02509*/
margin:0px 0px 90px 0px;
overflow:hidden;
}
#basewaku-kugiri2:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #basewaku-kugiri2 {
 height: 1em;
 overflow: visible;
}
/**/
}


@media print, screen and (max-width:736px) {
#basewaku-kugiri2-025 {
display: block;
clear: both;
padding:1000px 0px 0px 0px;/*02509*/
margin:0px 0px 40px 0px;
overflow:hidden;
}
#basewaku-kugiri2:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #basewaku-kugiri2 {
 height: 1em;
 overflow: visible;
}
/**/
}


@media print, screen and (max-width:640px) {
#basewaku-kugiri2-025 {
display: block;
clear: both;
padding:1270px 0px 0px 0px;/*02509*/
margin:0px 0px 40px 0px;
overflow:hidden;
}
#basewaku-kugiri2:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #basewaku-kugiri2 {
 height: 1em;
 overflow: visible;
}
/**/
}


@media print, screen and (max-width:560px) {
#basewaku-kugiri2-025 {
display: block;
clear: both;
padding:1150px 0px 0px 0px;/*02509*/
margin:0px 0px 40px 0px;
overflow:hidden;
}
#basewaku-kugiri2:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #basewaku-kugiri2 {
 height: 1em;
 overflow: visible;
}
/**/
}


@media print, screen and (max-width:428px) {
#basewaku-kugiri2-025 {
display: block;
clear: both;
padding:1000px 0px 0px 0px;/*02509*/
margin:0px 0px 40px 0px;
overflow:hidden;
}
#basewaku-kugiri2:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #basewaku-kugiri2 {
 height: 1em;
 overflow: visible;
}
/**/
}

@media print, screen and (max-width:414px) {
#basewaku-kugiri2-025 {
display: block;
clear: both;
padding:900px 0px 0px 0px;/*02509*/
margin:0px 0px 40px 0px;
overflow:hidden;
}
#basewaku-kugiri2:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #basewaku-kugiri2 {
 height: 1em;
 overflow: visible;
}
/**/
}


@media print, screen and (max-width:360px) {
#basewaku-kugiri2-025 {
display: block;
clear: both;
padding:840px 0px 0px 0px;/*02509*/
margin:0px 0px 40px 0px;
overflow:hidden;
}
#basewaku-kugiri2:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
/*\*/
* html #basewaku-kugiri2 {
 height: 1em;
 overflow: visible;
}
/**/
}




/*   PC-SP    */

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:1000px) {

  .show-sp-pu {
    position: fixed;
    top: -100%;
    left: -100%;
    z-index: -99999;
  }

  br.show-sp-pu {
    display: none;
  }

}

/* -------------------------------------------------------------------------------------------------
   * ブレイクポイントを超える場合に表示
/* ---------------------------------------------------------------------------------------------- */

.show-pc-pu {
  position: fixed;
  top: -100%;
  left: -100%;
  z-index: -99999;
}

br.show-pc-pu {
  display: none;
}

/* :::::::: ブレイクポイント :::::::: */

@media print, screen and (min-width:1000px) {

  .show-pc-pu {
    position: static;
    z-index: inherit;
  }

  br.show-pc-pu {
    display: inline;
  }

}