@charset "UTF-8";

body {
  border-top:5px solid #cc3333;
  border-bottom:5px solid #cc3333;
}

body,html {
  padding:0;
  margin:0;
  font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo','メイリオ','sans-serif';
  background:#fff;
  font-size:12px;
  line-height:16px;
  color:#606060;
}

* {
  margin:0;
  padding:0;
}

a:link {text-decoration:none;color:#cd3333;}
a:visited {text-decoration:none;color:#cd3333;}
a:hover {text-decoration:underline;color:#cd3333;}
a:active {text-decoration:none;color:#cd3333;}

#contents {
  background:#FEE7A3 url(./item/bg_yellow-line.gif);
}


#header {
  width:800px;
  padding:15px;
  margin:0 auto;
  margin-bottom: 30px;
}

#contents .box {
  width:500px;
  height: 300px;
  padding:15px;
  margin:0 auto;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.box  a:hover{
  background-color:unset;
}

#contents .box p{
  margin-top:15px;
}

#contents .box1 {
  width:500px;
  padding:15px;
  margin:0 auto;
  text-align: center;

}

#contents .box2 {
  width:800px;
  padding:15px;
  margin:0 auto;
  text-align: center;
}

.bannerbox {
  width:650px;
  margin:0 auto;
  display:flex;
  justify-content:space-around;
}

.qrcode {
  width:600px;
  margin:30px auto;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
}

.fqr1 {
  width:200px;
  margin:0 auto;
  text-align:center;
}

.qlink {
  width:190px;
  padding-top:5px;
  text-align:center;
}


/* スマホ用 */
@media screen and (max-width: 480px) {
#contents {
  display: flex;
  flex-wrap: wrap;
 }
#contents .box img {
  width:300px;
}
#contents .box{
  height:220px;
}

.bannerbox {
  width:300px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.qrcode {
  width:180px;
  margin:20px auto 20px;
  display:flex;
  flex-direction:column;
}

.fqr1 {
  display:none;
}

.qlink {
  padding-top:15px;
  text-align:left;
}



}