@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;
}
#product06 .updateInfoBox{
width:100%;
margin:10px auto 20px;
padding:10px 0;
}
#product #product06 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 #product06 h5{
width:96%;
margin:0 auto 10px;
border-bottom:6px double #1e1842;
}

#product #product06 p.date{
font-size:120%;
margin:20px auto;
}
#product #product06 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;
padding-left:20px;
}
#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 p.pic,
#product04 p.txt,
#product04 p.btn{
margin:0 auto 20px;
}

#product04 dl{
width:90%;
margin:0 auto 20px;
border:2px solid #000;
background: #fff;
}
#product04 dl dt{
width:10rem;
padding:10px 0;
float: left;
clear: both;
border-top:1px solid #000;
text-align: center;
}
#product04 dl dd{
margin-left:10rem;
padding:10px 20px;
text-align: left;
border-top:1px solid #000;
border-left:1px solid #000;
}
#product04 dl dt:first-of-type,
#product04 dl dd:first-of-type{
border-top:none;
}
#product04 table {
width: 90%;
margin: 0 auto;
margin: 10px auto 30px;
box-sizing: border-box;
border:2px solid #000;
background: #fff;
}
#product04 .last td:last-child {
border-bottom:none;
width: 100%;
}
#product04 tr {
border-top:1px solid #000;
}
#product04 tr th:first-child,
#product04 tr td:first-child{
background:rgba(77,76,85,0.3);
}
#product04 th,
#product04 td {
display: block;
text-align-last: center;
padding: 10px;
}
#product04 td{
border-top:1px solid #000;
}
#product04 table  dl{
width:100%;
margin:0 auto 10px;
border:none;
}
#product04 table  dl dt{
width:100%;
padding:5px 0;
float:none;
clear: both;
border:none;
text-align: left;
}
#product04 table dl dd{
margin:0;
padding:5px 0;
text-align: left;
border-top:none;
border-left:none;
}
#product04 table dl dt:first-of-type,
#product04 table dl dd:first-of-type{
border-top:none;
}
/**/
#product05 p.pic,
#product05 p.txt,
#product05 p.btn{
margin:0 auto 30px;
}
/**/
#product06 .updateInfoBox ul{
width:80%;
margin:0 auto ;
}	
#product06 .updateInfoBox li p.pic{
margin:0 auto 10px;
float: none;
}
#product06 .updateInfoBox p.Mpic{
width:80%;
margin:0 auto 10px;
}
#product #product06 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;
padding-left:20px;
}
#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;
}
	#product02NS p.pic,
#product02 p.pic,
#product03NS p.pic,
#product03 p.pic{
width:800px;
margin:10px auto 30px;
}
p.txtH{
font-size:20px;
font-weight:bold;
line-height: 150%;
}
/***/
#product04 p.pic,
#product04 p.txt,
#product04 p.btn{
margin:0 auto 20px;
}
#product04 p.pic{
width:720px;
}
#product04 dl{		
width:500px;
margin:0 auto 30px;
border:2px solid #000;
background: #fff;
}
#product04 dl dt{
width:10rem;
padding:10px 0;
float: left;
clear: both;
border-top:1px solid #000;
text-align: center;
}
#product04 dl dd{
margin-left:10rem;
padding:10px 20px;
text-align: left;
border-top:1px solid #000;
border-left:1px solid #000;
}
#product04 dl dt:first-of-type,
#product04 dl dd:first-of-type{
border-top:none;
}	
#product04 table {
clear: both;
width: 800px;
margin: 20px auto;
margin: 10px auto 30px;
box-sizing: border-box;
border: 2px solid #000;
background: #fff;
}
#product04 table th {
text-align: center;
padding: 10px 20px;
border: 1px solid #000;
border-bottom: 1px solid #000;
vertical-align: top;
}
#product04 table td {
text-align:left;
padding: 10px 20px;
border: 1px solid #000;
}
#product04 table  dl{
width:100%;
margin:0 auto 10px;
border:none;
}
#product04 table  dl dt{
width:20rem;
padding:10px 0;
float: left;
clear: both;
text-align: left;
}
#product04 table dl dd{
margin-left:20rem;
padding:10px 20px;
text-align: left;
border-top:1px solid #000;
border-left:none;
}
#product04 table dl dt:first-of-type,
#product04 table dl dd:first-of-type{
border-top:none;
}
	
/**/
#product05 p.pic,
#product05 p.txt,
#product05 p.btn{
margin:0 auto 30px;
}
/**/
#product06 .updateInfoBox ul{
width:100%;
display: flex;
flex-wrap: wrap;
margin:0 auto 30px;
}	
#product06 .updateInfoBox li{
float:left;
width:48%;
margin:0 auto;
}
#product06 .updateInfoBox li p.pic{
margin:0 auto;
}
#product06 .updateInfoBox p.Mpic{
width:56%;
margin:0 auto 10px;
}
#product #product06 h6{
width:640px;
margin:0 auto 10px;
border:2px solid #1e1842;
}	
}