@charset "UTF-8";
/* CSS Document */
h4,h5,h6{
line-height: 1;
}
span.cau{
color:#e93a8a;
font-size:15px;
}
#product .innerBox{
text-align: center;
}
#product #update h4{
width:96%;
margin:20px auto;
}
#product #update h4 span{
display: block;
text-align: left;
font-size:140%;
border:3px solid #543c65;
color:#543c65;
padding:10px;
background:linear-gradient(45deg,#fff 40%,#543c65);
}
#product #update ul{
width:86%;
margin:20px auto;
text-align: left;
}
#product #update ul li{
list-style-type:disc;
list-style-position:outside;
margin-bottom:20px;
}

#product07 .updateInfoBox{
width:100%;
margin:10px auto 20px;
padding:10px 0;
}
#product #product07 h4{
width:96%;
margin:0 auto 10px;
text-align: center;
background:linear-gradient(90deg,#543c65 0%, #fff 40%,#fff 60%,#543c65 100%);
border-top:2px solid #1e1842;
border-bottom:2px solid #1e1842;
}
#product #product07 h5{
width:96%;
margin:0 auto 10px;
border-bottom:6px double #1e1842;
}

#product #product07 p.date{
font-size:120%;
margin:20px auto;
}
#product #product07 p.txt{
margin:0 auto 10px;
}
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
#product01.innerBox dl{
width:100%;
line-height: 180%;
text-align:left;
}
#product01.innerBox p.pic{
width:100%;
margin:0 auto;
}
#product01.innerBox dl dt{
border:3px solid #543c65;
color:#543c65;
padding:5px 10px;
background:linear-gradient(45deg,#fff 40%,#543c65);
}
#product01.innerBox dl dd{
padding:10px;
}
#product01.innerBox dl dd dl{
width:100%;
float: none;
line-height: 120%;
}
#product01.innerBox dl dd dl dt{
padding:0;
margin:0;
border:none;
background:none;
}
#product01.innerBox dl dd dl dt span{
display:inline-block;
padding:6px 10px;
background:#543c65;
color:#fff;
}
#product01.innerBox dl dd dl dd{
padding-left:0;
}
p.txtH{
font-size:20px;
font-weight:bold;
line-height: 150%;
}
#product04 ul{
width:90%;
margin:0 auto;
}
#product04 ul li{
width:100%;
margin-bottom:30px;
}
#product04 ul li p.pic{
width:70%;
margin:0 auto 10px;
}
#product04 ul li p.shop{
color:#fff;
padding:10px 0;
margin-bottom:10px;
border-radius: 0 20px 0 20px;
background:linear-gradient(90deg,#543c65 , #e952ff 50%,#543c65);
border:3px solid #1a132d;
}
#product04 ul li strong {
display: block;
font-size:120%;
margin-top:10px;
}
#product04 ul li strong:first-of-type {
margin-top:0;
}
#product04 #shopList01{
margin-bottom:20px;
}
/**/
#product05 p.pic,
#product05 p.txt,
#product05 p.btn{
margin:0 auto 20px;
}
#product05 dl{
width:90%;
margin:0 auto 20px;
border:2px solid #000;
background: #fff;
box-sizing: border-box;}
#product05 dl dt{
width:10rem;
padding:10px 0;
float: left;
clear: both;
border-top:1px solid #000;
text-align: center;
}
#product05 dl dd{
margin-left:10rem;
padding:10px 20px;
text-align: left;
border-top:1px solid #000;
border-left:1px solid #000;
}
#product05 dl dt:first-of-type,
#product05 dl dd:first-of-type{
border-top:none;
}
#product05 table {
width: 90%;
margin: 0 auto;
margin: 10px auto 30px;
box-sizing: border-box;
border:2px solid #000;
background: #fff;
}
#product05 .last td:last-child {
border-bottom:none;
width: 100%;
}
#product05 tr {
border-top:1px solid #000;
}
#product05 tr th:first-child,
#product05 tr td:first-child{
background:rgba(77,76,85,0.3);
}
#product05 th,
#product05 td {
display: block;
text-align-last: center;
padding: 10px;
}
#product05 td{
border-top:1px solid #000;
}
#product05 table  dl{
width:100%;
margin:0 auto 10px;
border:none;
}
#product05 table  dl dt{
width:100%;
padding:5px 0;
float:none;
clear: both;
border:none;
text-align: left;
}
#product05 table dl dd{
margin:0;
padding:5px 0;
text-align: left;
border-top:none;
border-left:none;
}
#product05 table dl dt:first-of-type,
#product05 table dl dd:first-of-type{
border-top:none;
}	
/**/
#product06 p.pic,
#product06 p.txt,
#product06 p.btn{
margin:0 auto 30px;
}
/**/
#product07 .updateInfoBox ul{
width:80%;
margin:0 auto ;
}	
#product07 .updateInfoBox li p.pic{
margin:0 auto 10px;
float: none;
}
#product07 .updateInfoBox p.Mpic{
width:80%;
margin:0 auto 10px;
}
#product #product07 h6{
margin:0 auto 10px;
border:2px solid #1e1842;
}
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
#navMenu nav ul li.nav05 img{
opacity: 0;
}
#navMenu nav ul li.nav05{
background:url(../common/img/nav/nav_product_on.png) no-repeat center center;
background-size: contain;
}
/****main****/
#product01.innerBox dl{
width:50%;
line-height: 180%;
float: left;
	text-align: left;
}
#product01.innerBox p.pic{
width:46%;
float: right;
}
#product01.innerBox dl dt{
border:3px solid #543c65;
color:#543c65;
padding:5px 10px;
background:linear-gradient(45deg,#fff 60%,#543c65);
}
#product01.innerBox dl dd{
padding:10px;
}
#product01.innerBox dl dd dl{
width:100%;
float: none;
line-height: 120%;
}
#product01.innerBox dl dd dl dt{
padding:0;
margin:0;
border:none;
background:none;
}
#product01.innerBox dl dd dl dt span{
display:inline-block;
padding:6px 10px;
background:#543c65;
color:#fff;
}
#product01.innerBox dl dd dl dd{
padding-left:0;
}
p.txtH{
font-size:20px;
font-weight:bold;
line-height: 150%;
}
#product02NS p.pic,
#product02 p.pic,
#product03NS p.pic,
#product03 p.pic{
width:800px;
margin:10px auto 30px;
}	
#product04 ul li{
width:42%;
float: left;
margin:0 4% 30px;
}
#product04 ul li p.shop{
color:#fff;
padding:10px 0;
margin-bottom:10px;
border-radius: 0 20px 0  20px;
background:linear-gradient(90deg,#543c65 , #e952ff 50%,#543c65);
border:3px solid #1a132d;
}
#product04 ul li p.pic{
margin-bottom:10px;
}
#product04 ul li strong {
display: block;
font-size:120%;
margin-top:15px;
}
#product04 ul li strong:first-of-type {
margin-top:0;
}
#product04 ul{
margin-bottom:40px;
}
/**/
#product04 ul#shopList01 li p.info{
height:18rem;
}

#product04 ul#shopList01 li.sL03,
#product04 ul#shopList02NS li.sL03{
width:92%;
}
#product04 ul#shopList01 li.sL03 p.pic,
#product04 ul#shopList02NS li.sL03 p.pic{
width:50%;
float: left;
}
#product04 ul#shopList01 li.sL03 p.info,
#product04 ul#shopList02NS li.sL03 p.info{
margin:40px 0 ;
height:auto;
}
	
#product04 ul#shopList02NS li.sL05{
height:720px;
	}
/**/
#product05 p.pic,
#product05 p.txt,
#product05 p.btn{
margin:0 auto 20px;
}
#product05 p.pic{
width:720px;
}
#product05 dl{		
width:500px;
margin:0 auto 20px;
border:2px solid #000;
background: #fff;
}
#product05 dl dt{
width:10rem;
padding:10px 0;
float: left;
clear: both;
border-top:1px solid #000;
text-align: center;
}
#product05 dl dd{
margin-left:10rem;
padding:10px 20px;
text-align: left;
border-top:1px solid #000;
border-left:1px solid #000;
}
#product05 dl dt:first-of-type,
#product05 dl dd:first-of-type{
border-top:none;
}
#product05 table {
clear: both;
width: 800px;
margin: 20px auto;
margin: 10px auto 30px;
box-sizing: border-box;
border: 2px solid #000;
background: #fff;
}
#product05 table th {
text-align: center;
padding: 10px 20px;
border: 1px solid #000;
border-bottom: 1px solid #000;
vertical-align: top;
}
#product05 table td {
text-align:left;
padding: 10px 20px;
border: 1px solid #000;
}
#product05 table  dl{
width:100%;
margin:0 auto 10px;
border:none;
}
#product05 table  dl dt{
width:20rem;
padding:10px 0;
float: left;
clear: both;
text-align: left;
}
#product05 table dl dd{
margin-left:20rem;
padding:10px 20px;
text-align: left;
border-top:1px solid #000;
border-left:none;
}
#product05 table dl dt:first-of-type,
#product05 table dl dd:first-of-type{
border-top:none;
}	
	
	
/**/
#product06 p.pic,
#product06 p.txt,
#product06 p.btn{
margin:
0 auto 30px;
}
	
	
	
/**/
#product07 .updateInfoBox ul{
width:100%;
display: flex;
flex-wrap: wrap;
margin:0 auto 30px;
}	
#product07 .updateInfoBox li{
float:left;
width:48%;
margin:0 auto;
}
#product07 .updateInfoBox li p.pic{
margin:0 auto;
}
#product07 .updateInfoBox p.Mpic{
width:56%;
margin:0 auto 10px;
}
#product #product07 h6{
width:640px;
margin:0 auto 10px;
border:2px solid #1e1842;
}	
/**/
	
}