@charset "UTF-8";
/* CSS Document */
.cau{
font-size:80%;
color:#f74486;
}
strong{
display: block;
margin-bottom:1px;
background: #000;
color:#fff;
padding:3px 0;
}
.small{
display: block;
font-size:90%;
line-height: 120%;
}
#product .conbox{
margin-bottom:20px;
font-size:18px;
line-height: 160%;
}
p.pic img{
border: none;
}
p.btn{
margin-bottom:20px;
}
p.btn span{
font-size:18px;
background: #666;
line-height: 200%;
border:3px solid  #333;
text-decoration: none;
padding:10px 30px 10px 5px;
border-radius:10px;
color:#999;
margin:10px 0;
position: relative;
}
p.btn span:after{
content: '';
border: 0;
border-top: solid 4px #999;
border-right: solid 4px #999;
display: inline-block;
width: 8px;
height: 8px;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%) rotate(45deg);
}
#update p.pic img{
border:4px solid #fff;
box-sizing: border-box;
}
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
#switch2 p.pic,
#switch2 p.txt,
#switch2 ul{
width:90%;
margin:0 auto 20px;
}
#switch2product01  p.pic{
width:40%;
margin:0 auto 20px ;
border:none;
}
#switch2product01 dl{
clear: both; width:96%;
text-align: left;
margin:0 auto ;
padding:0;
}
#switch2product01 dl dt{
border-top:2px solid #272256;
border-bottom:2px solid #272256;
border-left:10px solid #272256;
border-right:10px solid #272256;
background: #fff;
padding:4px;
margin-bottom: 5px;
border-radius: 4px;
}
#switch2product01 dl dd{
margin:0 0 10px 0;
padding:4px 14px 6px 14px;
}
#switch2product01 dl dd ul{
margin:10px 0 0 0;
padding:0;
}
#switch2product01 dl dd dl{
float: none;
width:100%;
margin:0 0 0 10px;
}
#switch2product01 dl dd dl dt{
border:none;
background:none;
color:#fff;
padding:4px 0 ;
margin-bottom: 5px;
}
#switch2product01 dl dd dl dt span{
background: #272256;
padding:4px 10px;
border-radius: 4px;
}
#switch2product01 dl dd dl dd{
margin:0 0 10px;
padding:0;
}
/**/
/**/
#switch2product02 p.txt{
margin:0 auto 20px;
text-align: center;
}
#switch2product02 p.pic,
#switch2product03 p.pic{
width:90%;
margin:0 auto 20px;
}
#switch2product02 ol{
width:90%;
margin:0 auto 30px;
}
#switch2product02 ol h5{
margin:0 auto 5px;
}
#switch2product02 ol p{
margin:0 auto 10px 2rem;
}
#switch2product03 p.txt{
text-align: center;
margin:0 auto 20px;
}
/*tenpo*/
#switch2product04 p.txt{
text-align: center;
margin:0 auto 20px;
}
#switch2product04 p.txt strong{
font-size:160%;
}
#switch2product04 ul#shopList { 
width:72%;
margin:0 auto 20px;
padding:0;
text-align: center;
}
#switch2product04 ul#shopList li {
margin:0 auto 40px;
line-height: 140%;
}
#switch2product04 ul#shopList li h5 {
font-size:20px;
margin:0 auto 10px ;
background:linear-gradient(90deg,#06eaee,#8b48a7,#7a73c3,#d817a3);
color:#fff;
border:4px solid #fff;
padding:10px;
box-sizing: border-box;
}
#switch2product04 ul#shopList li p.shop {
margin:0 auto 10px;
}	
#switch2product04 ul#shopList li p.pic{
width:100%;
margin:0 auto;
}	
#switch2product04 ul#shopList li p.pic img {
width:100%;
border:none;
}
	
/**/
#demo{
text-align: center
}
#demo p.btn{
margin:0 auto 20px;
}
#demo p.txt{
margin:0 auto 20px;
;
}
#demo p.pic{
width:90%;
margin:0 auto 20px;
}

/**/
#DLC{
text-align: center;
}
#DLC p.txt,
#DLC p.pic{
width:90%;
margin:0 auto 10px;
}
#DLC .infoBox dl{
width:90%;
margin:0 auto;
background: #fff;
border:2px solid #333;
}
#DLC .infoBox dl dt{
width:100%;
padding:10px 0;
float:none;
clear: both;
text-align: center;
border-top:none;
border-bottom:none;
background:#e2e2e2;
}
#DLC .infoBox dl dd{
width:100%;
margin:0;
padding:10px 0;
text-align:center;
border-left:none;
border-bottom:1px solid #333;
}
#DLC .infoBox dl dt:first-of-type,
#DLC .infoBox dl dd:first-of-type{
border-top:none;
}
	
#DLC .infoBox dl dd dl{
width:96%;
margin:0 auto;
border:none;
float:none;
}
#DLC .infoBox dl dd  dl dt{
width:auto;
padding:5px;
float:none;
clear: both;
border-top:none;
text-align:left;
background: #e2e2e2;
}
#DLC .infoBox dl dd dl dd{
margin-left:0;
padding:5px;
text-align: left;
border-top:none;
border-left:none;
border-bottom:none;
}
#DLC .infoBox dl dd dl dt:first-of-type,
#DLC .infoBox dl dd dl dd:first-of-type{
border-top:none;
}
#DLC p.box{
width:90%;
margin:0 auto;
display: block;
border:1px solid #000;
background: #fff;
line-height: 120%;
padding:10px 0;
}
#DLC p.box:nth-child(2n+1){
border-bottom:none;
}
#DLC p.box:nth-child(2n){
margin-bottom:20px;
}
	
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
#navMenu nav ul li.nav09{
background:url(../common/img/nav/nav09_on.png) no-repeat center center;
background-size: contain;
}
#navMenu nav ul li.nav09 img{
opacity: 0;
}
nav.pageNav ul{
width:780px;
}

#switch2intro p.pic{
width:840px;
}
#switch2intro p.txt{
width:640px;
}
#switch2intro p.link a:hover{
display: block;
background:url(img/switch2_intro013_on.png) no-repeat top left;
background-size:640px;
cursor: pointer;
	padding:0;
	margin:0;
}
#switch2intro p.link a:hover img{
opacity: 0;
}
#switch2product01 p.pic{
width:400px;
margin:0 154px 20px 0;
float: right;
}

#switch2product01 p.pic img{
margin:0;
padding:0;
}
#switch2product01 dl{
width:480px;
text-align: left;
margin:0 0 0 154px;
padding:0;
float: left;
}
#switch2product01 dl dt{
border-top:2px solid #272256;
border-bottom:2px solid #272256;
border-left:10px solid #272256;
border-right:10px solid #272256;
background: #fff;
padding:6px;
margin-bottom: 5px;
border-radius: 4px;
}
#switch2product01 dl dd{
margin:0 0 10px 0;
padding:6px 0 6px 14px;
}
#switch2product01 dl dd ul{
margin:10px 0 0 0;
padding:0;
}
#switch2product01 dl dd dl{
float: none;
width:96%;
margin:0 0 0 10px;
}
#switch2product01 dl dd dl dt{
border:none;
background:none;
color:#fff;
padding:6px 0 ;
margin-bottom: 5px;
}
#switch2product01 dl dd dl dt span{
background: #272256;
padding:6px 10px;
border-radius: 4px;
}
#switch2product01 dl dd dl dd{
margin:0 0 10px;
padding:0;
}
/**/
#switch2product02 p.txt{
margin:0 auto 20px;
text-align: center;
}
#switch2product02 p.pic,
#switch2product03 p.pic{
width:640px;
margin:0 auto 20px;
}
#switch2product02 ol{
width:720px;
margin:0 auto 30px;
}
#switch2product02 ol h5{
margin:0 auto 10px;
}
#switch2product02 ol p{
margin:0 auto 15px 2rem;
}
#switch2product02 p img{
width:640px;
margin:10px 0 0 40px;
}
#switch2product03 p.txt{
width:720px;
text-align: center;
margin:0 auto 20px;
}
/*tenpo*/
#switch2product04 p.txt{
text-align: center;
margin:0 auto 20px;
}
#switch2product04 p.txt strong{
font-size:160%;
}
#switch2product04 ul#shopList { 
width:1080px;
margin:0 auto 20px;
padding:0;
display: flex;
flex-wrap: wrap;
}
#switch2product04 ul#shopList li {
width:28%;
margin:0 auto 40px;
float:left;
text-align:center;
line-height: 140%;
}
#switch2product04 ul#shopList li h5 {
font-size:20px;
margin:0 auto 10px ;
background:linear-gradient(90deg,#06eaee,#8b48a7,#7a73c3,#d817a3);
color:#fff;
border:4px solid #fff;
padding:10px;box-sizing: border-box;
}
#switch2product04 ul#shopList li p.shop {
margin:0 auto 10px;
}	
#switch2product04 ul#shopList li p.pic{
width:100%;
margin:0 auto;
}	
#switch2product04 ul#shopList li p.pic img {
width:100%;
border:none;
}

}