@charset "UTF-8";

/* SP */
@media screen and (max-width: 768px) { 

img {
width:100%;
max-width: 100%;
height: auto;
margin: 0 0 15px 0;
}
    
    
#wrapper{
width:100%;
margin: 0;
padding:0;
}
    
.sale-image a {
display: block;
width:100%;
margin:0 auto;
padding:0;
}

#sale-image1 a {
display: block;
width:100%;
margin:0 auto;
padding:0;
}

#sale-image2 a {
display: block;
width:100%;
margin:0 auto;
padding:0;
}

#sale-image3 a {
display: block;
width:100%;
margin:0 auto;
padding:0;
}

#page_top{
  width: 100px;
  height: 100px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #00479d;
  font-weight:bold;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width:100px;
  height: 100px;
  text-decoration: none;
  font-weight:bold;
}

#page_top p{
  color:white;
  text-decoration: none;
  font-weight:bold;
  position: absolute;
   top:7px;
  left:25px;
  line-height:1.2;
   text-align:center;
}

#page_top a::before{
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-weight:bold;
  content: ;
  font-size: 24px;
  color: #fff;
  position: absolute;
  width: 15px;
  height: 15px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content:;
  font-size: 15px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.side_nav{display:none;}

#upper-nav{

width:100%;
max-width:100%;
margin: 0 auto;
padding:0;

}

#upper-nav table tr td{
width:20%;
margin: 0 auto;

}


}



 
/* PC */

@media screen and (min-width: 1024px) {

body {
background-image: url(../images/bg.jpg);
background-repeat:repeat;
}
.sale-image{
width:961px;
margin:0 auto 20px auto;
padding:0;

}

#sale-image1{
width:961px;
margin:0 auto 20px auto;
padding:0;

}

#sale-image2{
width:961px;
margin:0 auto 20px auto;
padding:0;

}

#sale-image3{
width:961px;
margin:0 auto 20px auto;
padding:0;

}
#upper-nav{
display:none;

}



#page_top{
  width: 100px;
  height: 100px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: red;
  
  border-radius: 50%;
}

#page_top p{
  color:white;
  text-align:center;
   font-weight: bold;
  line-height:1.2;
position: absolute;
top:7px;
left:25px;
}
#page_top a{
  position: relative;
  display: block;
  width:100px;
  height: 100px;
  text-decoration: none;
   text-align:center;
   font-weight: bold;
}
#page_top a::before{
  font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  font-weight: bold;
  content: '';
  font-size: 10px;
  color: white;
  position: absolute;
  width: 15px;
  height: 15px;
  top: -40px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: '';
  font-size: 15px;
  color: white;
  position: absolute;
  top:30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}




    
}