@charset "UTF-8";
/* CSS Document */
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
#switch2 p.btn {
margin: 0 auto 30px;
text-align: center;
}
#switch2 #productinfo p.pic{
width:40%;
margin:0 auto 20px;
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) {

#switch2 p.txt,
#switch2 p.pic{
width: 720px;
text-align: center;
margin: 0 auto 10px;
}
#switch2 p.btn {
margin: 0 auto 20px;
text-align: center;
}
#switch2 #productinfo p.pic img{
width:360px;
}		
/*tenpo*/
#switch2 #tenpo p.txt,
#switch2 #tenpo p.pic{
width:100%;
text-align: center;
margin: 0 auto 20px;
}
#tenpo p.txt strong {
font-size: 160%;
}
#tenpo ul {
margin: 20px auto;
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;
}

}