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

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

.pc { display: inline-block !important; }
.sp { display: none !important; }



ul {
    display: block;
    list-style-type: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
html{
  width:100%;
  margin:0;
}
a{
  text-decoration: none;
  color:#666;
}
a:hover{
  opacity:0.5;
}

body{
  width:100%;
  margin:0;
  color:#666;
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;

}
#content{
  width:100%;
  max-width:960px;
  display:block;
  margin:0 auto;
}
.block{
  display:inline-block;
}
.w30{
  width:29%;
}
.w50{
  width:49%;
}
.blue{
  color:#00A;
  font-weight:600;
}
.bg_orange{
  background-color: #fcba03;
  border:2px solid #d9a002;
}
.mainvisual {
  width:100%;
  color:#333;
  margin:0 auto;
  background-color:#FFF;
}
.mainvisual img{
  width:100%;
}
.ttl{
  width:100%;
  max-width:960px;
  margin:30px auto;
}
.fbpic{
    display:inline-block;
    vertical-align: top;
    text-align:center;
}
.fbpic img{
  width:90%;
  display:block;
  margin:0 auto;
}
.bnr{
  display:inline-block;
  margin:0 auto;
}
.bnr ul{
  width:100%;
}
.bnr ul li{
  width:90%;
  display:inline-block;
  padding:1%;
  margin:0 auto;
}
.bnr ul li img{
  width:100%;
  display:block;
  margin:0 auto;
}
.bnr2{
  width:100%;
  max-width:960px;
  margin:0 auto; 
}
.bnr2 ul{
  width:100%;
  margin-left:2%;
}
.bnr2 ul li{
  width:94.5%;
  display:inline-block;
  margin:0 auto;
}
.bnr2 ul li img{
  width:100%;
  display:block;
  margin:0 auto;
}

.goods{
  width:100%;
  max-width:960px;
  margin:0 auto; 
}
.goods ul{
  width:100%;
}
.goods ul li{
  width:45%;
  display:inline-block;
  text-align: center;
  vertical-align: top;
  padding:1% 2%;
}
.goods ul li img{
  width:100%;
}
.txt_goods{
  font-size:1.5rem;
  color:#666;
  text-align: center;
}
.txt_vari{
  padding:1% 0;
}
.txt_cost{
  padding:1% 0;
}
.txt_expl{
  font-size:0.9rem;
  padding:1% 0;
  text-align: left;
}
.btn{
  width:130px;
  border-radius: 5px;
  padding:2%;
  margin:2%;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}
#footer{
  width:100%;
  text-align:center;
  background-color:#AAA;
  padding:2% 0 0 0;
  margin-top:10px;
}
#footer ul{
  margin-bottom:20px;
}
#footer ul li{
  text-align:left;
  width:45%;
  display:inline-block;
}
#copyright{
  width:100%;
  text-align:center;
  background-color:#AAA;
}

}/*PCここまで*/

/* スマホ */
@media screen and (max-width: 479px) { /*ウィンドウ幅が480px以上の場合に適用*/
  
.pc { display: none !important; }
.sp { display: block !important; }


ul {
    display: block;
    list-style-type: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}
html{
  width:100%;
  margin:0;
}
a{
  text-decoration: none;
  color:#666;
}
a:hover{
  opacity:0.5;
}

body{
  width:100%;
  margin:0;
  color:#666;
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo','ＭＳ ゴシック',sans-serif;
}
#content{
  width:100%;
  max-width:960px;
  display:block;
  margin:0 auto;
}
.block{
  display:inline-block;
}
.w30{
  width:100%;
}
.w50{
  width:100%;
}
.bg_orange{
  background-color: #fcba03;
  border:2px solid #d9a002;
}
.blue{
  color:#00A;
  font-weight:600;
}

.mainvisual {
  width:100%;
  color:#333;
  margin:0 auto;
  background-color:#FFF;
}
.mainvisual img{
  width:100%;
}
.ttl{
  width:100%;
  max-width:960px;
  margin:30px auto;
}
.ttl img{
  width:90%;
  display: block;
  margin:0 auto;
}
.fbpic{
    display:inline-block;
    vertical-align: top;
    text-align:center;
}
.fbpic img{
  width:90%;
  display:block;
  margin:0 auto;
}

.bnr{
  width:100%;
  margin:0 auto;
  text-align:center;
}
.bnr ul{
  width:100%;
}
.bnr ul li{
  width:90%;
  display:inline-block;
  padding:1%;
}
.bnr ul li img{
  width:100%;
}
.bnr2{
  width:100%;
  max-width:960px;
  margin:0 auto; 
}
.bnr2 ul{
  width:100%;
  margin-left:2%;
}
.bnr2 ul li{
  width:90%;
  display:inline-block;
  margin:0 auto;
}
.bnr2 ul li img{
  width:100%;
  display:block;
  margin:0 auto;
}

.goods{
  width:100%;
  max-width:960px;
  margin:0 auto; 
}
.goods ul{
  width:100%;
}
.goods ul li{
  width:90%;
  display:inline-block;
  text-align: center;
  padding:1% 2%;
}
.goods ul li img{
  width:100%;
}
.txt_goods{
  font-size:1.5rem;
  color:#666;
  text-align: center;
}
.txt_vari{
  padding:1% 0;
}
.txt_cost{
  padding:1% 0;
}
.txt_expl{
  padding:1% 0;
  text-align:left;
}
.btn{
  width:100px;
  border-radius: 5px;
  padding:2%;
  margin:2%;
  box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}
#footer{
  width:100%;
  text-align:center;
  background-color:#AAA;
  padding:2% 0 0 0;
  margin-top:10px;
}
#footer ul{
  width:100%;
  margin-bottom:20px;
}
#footer ul li{
  text-align:center;
  width:90%;
  display:inline-block;
}
#copyright{
  width:100%;
  text-align:center;
  background-color:#AAA;
}





}/*SPここまで*/







}