@charset "UTF-8";
/* CSS Document */
#DLC p.txt{
line-height: 130%;
}
#DLC p.TxL{
text-align: left;
}
h5{
text-align: center;
border-top:2px solid #000;
border-bottom:2px solid #000;
padding:5px 0;
background-size:contain;
margin:20px auto;
background: #fff;
}
#DLC p.pic img {
width: 640px;
border: 4px solid #fff;
box-sizing: border-box;
}
#DLC p.noB img{
border:none;
} 
.Hl {
padding-top: 10px;
border-bottom: 10px double#000;
}
.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) {
#product p.pic, #product p.txt, #product ul {
width: 90%;
margin: 0 auto 20px;
}
#productInfo p.pic {
margin: 0 auto 20px;
border: none;
}
#productInfo dl {
clear: both;
width: 96%;
text-align: left;
margin: 0 auto;
padding: 0;
}
#productInfo 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;
}
#productInfo dl dd {
margin: 0 0 10px 0;
padding: 4px 14px 6px 14px;
}
#productInfo dl dd ul {
margin: 10px 0 0 0;
padding: 0;
}
#productInfo dl dd dl {
float: none;
width: 100%;
margin: 0 0 0 10px;
}
#productInfo dl dd dl dt {
border: none;
background: none;
color: #fff;
padding: 4px 0;
margin-bottom: 5px;
}
#productInfo dl dd dl dt span {
background: #272256;
padding: 4px 10px;
border-radius: 4px;
}
#productInfo dl dd dl dd {
margin: 0 0 10px;
padding: 0;
}
/**/
/**/
#gentei p.txt {
margin: 0 auto 20px;
text-align: center;
}
#gentei p.pic, #yoyaku p.pic {
width: 90%;
margin: 0 auto 20px;
}
#gentei ol {
width: 90%;
margin: 0 auto 30px;
}
#gentei ol h5 {
margin: 0 auto 5px;
}
#gentei ol p {
margin: 0 auto 10px 2rem;
}
#yoyaku p.txt {
text-align: center;
margin: 0 auto 20px;
}
/*tenpo*/
#tenpoTokuten p.txt {
text-align: center;
margin: 0 auto 20px;
}
#tenpoTokuten p.txt strong {
font-size: 160%;
}
#tenpoTokuten ul#shopList {
width: 72%;
margin: 0 auto 20px;
padding: 0;
text-align: center;
}
#tenpoTokuten ul#shopList li {
margin: 0 auto 40px;
line-height: 140%;
}
#tenpoTokuten 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;
}
#tenpoTokuten ul#shopList li p.shop {
margin: 0 auto 10px;
}
#tenpoTokuten ul#shopList li p.pic {
width: 100%;
margin: 0 auto;
}
#tenpoTokuten 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 ul.miniBox {
width: 90%;
margin: 10px auto;
display: block;
border: 1px solid #000;
background: #fff;
line-height: 120%;
text-align: center;
}
#DLC ul.miniBox li {
padding: 10px 0;
}
#DLC ul.miniBox li:nth-child(2n+1) {
border-bottom: none;
border-bottom: 1px solid #000;
}
#DLC ul.miniBox li:last-child(2n) {
boder-bottom: none;
}
#DLC04 h5{
width:90%;
}#DLC04 .infoBox ul.IB_conts {
width: 90%;
margin: 0 auto;
text-align: left;
font-size:96%;
}
#DLC04 .infoBox ul.IB_conts strong {
margin: 0 0 5px;
padding: 2px 20px;
}
#DLC04 .infoBox ul.IB_conts li {
line-height: 130%;
}
#DLC04 .infoBox ul.IB_conts li ul {
width: 90%;
margin-bottom: 15px;
}
#DLC04 .infoBox ul.IB_conts li ul li {
list-style-type: disc;
list-style-position: outside;
text-indent: -1rem;
}
}
/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
#navMenu nav ul li.nav06 {
background: url(../common/img/nav/nav06_on.png) no-repeat center center;
background-size: contain;
}
#navMenu nav ul li.nav06 img {
opacity: 0;
}
nav.pageNav ul {
width: 780px;
}
#productInfo p.pic {
width: 400px;
margin: 0 180px 20px 0;
float: right;
}
#productInfo p.pic img {
margin: 0;
padding: 0;
}
#productInfo dl {
width: 480px;
text-align: left;
margin: 0 0 0 180px;
padding: 0;
float: left;
}
#productInfo 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;
}
#productInfo dl dd {
margin: 0 0 10px 0;
padding: 6px 0 6px 14px;
}
#productInfo dl dd ul {
margin: 10px 0 0 0;
padding: 0;
}
#productInfo dl dd dl {
float: none;
width: 96%;
margin: 0 0 0 10px;
}
#productInfo dl dd dl dt {
border: none;
background: none;
color: #fff;
padding: 6px 0;
margin-bottom: 5px;
}
#productInfo dl dd dl dt span {
background: #272256;
padding: 6px 10px;
border-radius: 4px;
}
#productInfo dl dd dl dd {
margin: 0 0 10px;
padding: 0;
}
/**/
#gentei p.txt {
margin: 0 auto 20px;
text-align: center;
}
#gentei p.pic, #yoyaku p.pic {
width: 640px;
margin: 0 auto 20px;
}
#gentei ol {
width: 720px;
margin: 0 auto 30px;
}
#gentei ol h5 {
margin: 0 auto 10px;
}
#gentei ol p {
margin: 0 auto 15px 2rem;
}
#gentei p img {
width: 640px;
margin: 10px 0 0 40px;
}
#yoyaku p.txt {
width: 720px;
text-align: center;
margin: 0 auto 20px;
}
/*tenpo*/
#tenpoTokuten p.txt {
text-align: center;
margin: 0 auto 20px;
}
#tenpoTokuten p.txt strong {
font-size: 160%;
}
#tenpoTokuten ul#shopList {
width: 960px;
margin: 0 auto 20px;
padding: 0;
display: flex;
flex-wrap: wrap;
}
#tenpoTokuten ul#shopList li {
width: 30%;
margin: 0 auto 40px;
float: left;
text-align: center;
line-height: 140%;
}
#tenpoTokuten 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;
}
#tenpoTokuten ul#shopList li p.shop {
margin: 0 auto 10px;
}
#tenpoTokuten ul#shopList li p.pic {
width: 100%;
margin: 0 auto;
}
#tenpoTokuten ul#shopList li p.pic img {
width: 100%;
border: none;
}
/*demo*/
#demo {
text-align: center;
}
#demo p.txt, #demo p.pic {
width: 640px;
margin: 0 auto 20px;
}
#demo p.btn {
margin: 0 auto 30px;
}
#demo .conINbox {
text-align: center;
width: 840px;
margin: 0 auto 30px;
}
/**/
#update {
text-align: center;
}
#update p.txt, #update p.pic {
width: 640px;
margin: 0 auto 10px;
}
/**/
#DLC {
text-align: center;
}
#DLC p.txt, #DLC p.pic {
width: 900px;
margin: 0 auto 20px;
}
#DLC p.TxL{
width:640px;
margin:0 auto 20px;
}
#DLC .infoBox dl {
width: 900px;
font-size: 16px;
margin: 0 auto 30px;
border: 1px solid #000;
background: #fff;
}
#DLC .infoBox dl dt {
width: 20rem;
padding: 10px 0;
float: left;
clear: both;
border-top: 1px solid #000;
text-align: center;
}
#DLC .infoBox dl dd {
margin-left: 20rem;
padding: 10px 20px;
text-align: left;
border-top: 1px solid #000;
border-left: 1px solid #000;
}
#DLC .infoBox dl dt:first-of-type, #DLC .infoBox dl dd:first-of-type {
border-top: none;
}
#DLC .infoBox dl dd dl {
width: 100%;
margin: 0 auto;
border: none;
float: left;
}
#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;
}
#DLC .infoBox dl dd dl dt:first-of-type, #DLC .infoBox dl dd dl dd:first-of-type {
border-top: none;
}
#DLC ul.miniBox {
width: 600px;
margin: 10px auto;
display: block;
border: 1px solid #000;
background: #fff;
line-height: 120%;
text-align: center;
}
#DLC ul.miniBox li {
padding: 10px 0;
}
#DLC ul.miniBox li:nth-child(2n+1) {
border-bottom: none;
border-bottom: 1px solid #000;
}
#DLC ul.miniBox li:last-child(2n) {
boder-bottom: none;
}
#DLC04 {
width: 900px;
margin: 0 auto;
text-align: left;
}
#DLC04 .infoBox ul.IB_conts {
width: 760px;
margin: 0 auto;
}
#DLC04 .infoBox ul.IB_conts strong {
margin: 0 0 10px;
padding: 2px 20px;
}
#DLC04 .infoBox ul.IB_conts li {
line-height: 130%;
margin:0 0 10px;
}
#DLC04 .infoBox ul.IB_conts li ul {
width: 700px;
margin-bottom: 15px;
margin:0 auto;
}
#DLC04 .infoBox ul.IB_conts li ul li {
list-style-type: disc;
list-style-position: outside;
	margin:0;
}
}