@charset "UTF-8";
/* CSS Document */
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
#gentei #DiscListAll {
width: 96%;
margin: 10px auto;
}
#gentei #DiscListAll ul {
display: flex;
flex-wrap: wrap;
}
#gentei #DiscListAll li {
margin: 0 auto 10px;
float:left;
with:50%;
}
#gentei #DiscListAll li p.btn {
width: 100%;
margin: 0 0 10px;
}
#gentei #DiscListAll li p a {
font-size: 18px;
background: #4574db;
line-height: 200%;
border: 3px solid #fff;
text-decoration: none;
padding: 10px 20px 10px 40px;
color: #fff;
position: relative;
}
#gentei p.btn {
margin: 0 auto 30px;
text-align: center;
}
/*tenpo_SP*/
#tenpo p.txt {
text-align: center;
font-size: 18px;
margin: 0 auto 20px;
}
#tenpo ul {
width: 70%;
margin: 0 auto 30px;
padding: 0;
}
#tenpo ul li {
width: 100%;
margin: 0 auto 30px;
float: left;
text-align: center;
}
#tenpo ul li p.shop {
font-size: 20px;
margin: 0 auto;
background: #4574db;
color: #fff;
padding: 15px;
box-shadow: 1px 1px 6px 0 #4768b5;
}
#tenpo ul li p.pic {
margin: 0 auto 10px;
width: 100%;
}
#tenpo ulli p.item {
margin: 10px auto 20px;
}
#tenpo p.pic img {
width:100%;
box-shadow: 1px 1px 6px 0 #4768b5;
}
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {

#product p.txt,
#product p.pic{
width: 720px;
text-align: center;
margin: 0 auto 10px;
}
#gentei #DiscListAll {
width: 100%;
margin: 0 auto 10px;
}
#gentei #DiscListAll ul {
display: flex;
flex-wrap: wrap;
}
#gentei #DiscListAll li {
margin: 0 auto;
float: left;
width: 30%;
}
#gentei p.btn {
margin: 0 auto 20px;
text-align: center;
}
/*tenpo*/
#product #tenpo p.txt,
#product #tenpo p.pic{
width:100%;
text-align: center;
margin: 0 auto 20px;
}
#tenpo p.txt strong {
font-size: 160%;
}
#tenpo ul {
margin: 0 auto 20px;
padding: 0;
display: flex;
flex-wrap: wrap;
}
#tenpo ul li {
width: 40%;
margin: 0 auto 40px;
float: left;
text-align: center;
font-size: 18px;
line-height: 150%;
}
#tenpo ul li p.shop {
font-size: 24px;
margin: 0 auto;
background: #4574db;
color: #fff;
padding: 15px;
box-shadow: 1px 1px 6px 0 #4768b5;
}
#tenpo p.pic img {
box-shadow: 1px 1px 6px 0 #4768b5;
}

}