@charset "UTF-8";
/* CSS Document */
/*-------------------------------
SP only
--------------------------------*/
@media screen and (max-width: 768px) {
#Nav nav ul li.nav06 a{
background:url(../common/img/nav/navSPbg_on.png) center left no-repeat;
background-size:contain;
}	
.sma{
font-size:1.4rem;
}
#pageConts{
font-size:1.6rem;
font-weight:bold;
line-height:2.4rem;
}
br.spNo{
display:none;
}
/*#product01--------------------------------*/
#product01 p.pic,#product01 .txt{
width:96%;
margin:0 auto;
}
#product01 dl{
width:100%;
text-align:left;
}
#product01 dl dt{
clear:both;
text-align:left;
}
#product01 dl dt span{
display:block;
background:#fff;
padding:3px 10px;
color:#08102B;
}
#product01 dl dd {
padding:10px 0;
margin:0 10px;
float:left;
}
#product01 dl a.link{
font-weight:bold;
display:block;
background: #FFB45A;
text-align:center;
color:#fff;
padding:10px 20px;
border-radius:10px;
margin:10px auto ;
}
#product01 dl a.link:hover{
background: #a3c5d4;
color:#08102B;
text-decoration:none;
}
#product01 dl a.link,
#product01 dl a.link:link,
#product01 dl a.link:visited {
color:#FFF;
text-decoration:none;
}
#product01 dl a{
text-decoration:underline;
}
#product01 dl span.cau{
clear:both;
display:block;
color:#F00;
padding:0 0 10px 0;
}
/*update*/
#update  h3{
margin-bottom:20px;
}
#update div.txtBox{
width:96%;
margin:0 auto;
text-align:left;
}
#update p.tit{
border-bottom:1px solid #fff;
border-left:12px solid #fff;
padding-left:10px;
}
#update ul{
margin:10px 15px;
padding:0;
}
#update ul li{
list-style-type:disc;
list-style-position:inside;
padding-left: 1em;
text-indent: -1em;
}
#update ul li.tit{
list-style-type:none;
margin-top:6px;
}
#update ul a{
text-decoration:underline;
cursor:pointer;
}
/*#product02--------------------------------*/
#product02 .txt{
width:90%;
margin:20px auto;
}
#product02 .pic{
margin-bottom:20px;
}
#product02 dl{
width:100%;
margin:0 auto;
text-align:left;
}
#product02 dl dt{
margin-bottom:10px;
}
#product02 dl dd{
margin:0 0 20px;
}
#product02 span.cau{
color:#F00;
}

/*#product03--------------------------------*/
#product03 p.pic{
width:90%;
margin:0 auto 30px;
}
#product03 .txt{
width:90%;
margin: 20px auto;
font-weight:bold;
text-align:left;
}
#product03 span.cau{
color:#F00;
}
/*-------------------------------
#product04tokuten
--------------------------------*/
#product04 h3{
margin-bottom:20px;
}
#product04 p.txt{
text-align:center;
}

#product04 ul{
width:90%;
margin:20px auto 0;
padding:0;
line-height:2.6rem;
}
#product04 ul p{
text-indent:0;
}
#product04 ul li{
margin:0 auto 30px;
text-align:center;
}
#product04 ul li p.shop{
padding:8px 0;
width:90%;
color:#fff;
margin:0 auto 15px;
background:#6C8193;
border:5px solid #fff;

}
#product04 p.pict{
width:70%;
height:auto;
margin:0 auto 10px;
padding:0;
}
#product04 ul li p.link a{
width:80%;
font-weight:bold;
display:block;
background: #FFB45A;
text-align:center;
color:#fff;
padding:10px 20px;
border-radius:10px;
margin:10px auto;
}
#product04 ul li p.link a:hover{
background: #a3c5d4;
color:#08102B;
text-decoration:none;
}
#product04 a,
#product04 a:link,
#product04 a:visited {
color:#FFF;
text-decoration:none;
}
#product04 li p.item{
font-size:1.8rem;
margin-bottom:15px;
}
#product04 li p.item span.bol{
padding:3px 20px;
background:#fff;
border-radius:6px;
text-align:center;
color:#08102B;
}
/*-------------------------------
#product05dlc
--------------------------------*/
.dlcBox {
clear:both;
margin:0 auto 20px;
}

.dlcBox p.pic{
margin:10px auto;
}
.dlcBox div.txt{
width:100%;
margin:0 auto 30px;
}
.dlcBox dl{
width:100%;
margin:0 auto 10px;
border:1px solid #fff;
text-align:center;
}
.dlcBox dl dt{
float:none;
clear:none;
padding:10px 0;
font-weight:bold;
margin:0;
}
.dlcBox dl dd{
float:none;
clear:none;
border-top:1px solid #fff;
padding:0;
margin:0 ;
padding:10px 0;
}
.dlcBox p.cau{
color:#FFF;
background:#F00;
padding:10px;
margin:15px auto;
text-align:center;
}
.dlcPic {
width:100%;
margin:0 auto 10px;
padding:0;
display: flex; 
flex-wrap: wrap;
}
.dlcPic li {
margin:0 auto;
float:left;
width:50%;
text-align:center;

}
.dlcPic li img{
margin:0;
padding:0;
max-width:92%;
border:1px solid #fff;
}
.dlcBox p.link a{
font-weight:bold;
display:block;
background: #FFB45A;
text-align:center;
color:#fff;
padding:10px 20px;
border-radius:10px;
margin:10px auto;
}
.dlcBox p.link a:hover{
background: #a3c5d4;
color:#08102B;
text-decoration:none;
}
.dlcBox a,
.dlcBox a:link,
.dlcBox a:visited {
color:#FFF;
text-decoration:none;
}
/*-------------------------------
#product06demo
--------------------------------*/
#demo{
}
#demo dl{
width:100%;
margin:10px auto;
border:1px solid #fff;
text-align:center;
}
#demo dl dt{
float:none;
clear:none;
padding:10px 0;
font-weight:bold;
margin:0;
}
#demo dl dd{
float:none;
clear:none;
border-top:1px solid #fff;
padding:0;
margin:0 ;
padding:10px 0;
}
#demo  p.link{
margin:15px auto;
}
#demo p.link a{
font-weight:bold;
display:block;
background: #FFB45A;
text-align:center;
color:#fff;
padding:10px 20px;
border-radius:10px;
margin:10px 20px 20px;
}
#demo p.link a:hover{
background: #a3c5d4;
color:#08102B;
text-decoration:none;
}
#demo a,
#demo a:link,
#demo a:visited {
color:#FFF;
text-decoration:none;
}
#demo p.cau{
font-size:80%;
color:#FF0000;
margin:20px auto;
}

/*-------------------------------
#product07UpdateCampaign
--------------------------------*/
#UpdateCampaign nav{
width:100%;
margin:10px auto;
text-align:center;
position: relative;
overflow: hidden;
}
#UpdateCampaign nav ul{
list-style-type: none;
padding: 0;
text-align:center;
margin:0;
}
#UpdateCampaign nav ul li{
width:32%;
height:auto;
display:inline-block;
background:url(img/UpdateCampaign/UC_navBG.png) center top no-repeat;
background-size:contain;
margin-bottom:6px;
}
#UpdateCampaign nav ul li:hover{
background:url(img/UpdateCampaign/UC_navBG_on.png) center top no-repeat;
background-size:contain;
cursor:pointer;
}
#UpdateCampaign h4{
background: linear-gradient(90deg, #08102B 5%, #FFB45A 50%,#08102B 95%);
margin:10px auto;
padding:5px 0 0;
}
#UpdateCampaign .txt01{
width:96%;
margin:0 auto;
}
#UpdateCampaign .UCtxtBox{
width:96%;
margin:0 auto;
}
#UpdateCampaign h5{
margin:0 auto;
padding:0;
}

#UpdateCampaign .UCtxtBox ul {
width:100%;
margin:0 auto 30PX;
padding:0;
display: flex; 
flex-wrap: wrap;
}
#UpdateCampaign .UCtxtBox ul li{
margin:0 auto 10px;
float:left;
width:50%;
text-align:center;
}
#UpdateCampaign .UCtxtBox ul img{
margin:0;
padding:0;
max-width:92%;
}
#UpdateCampaign .UCtxtBox ul li.w2Pic{
width:100%;
}
}

/*-------------------------------
PC only
--------------------------------*/
@media screen and (min-width: 769px) {
#Nav nav ul li.nav06 a{
background:url(../common/img/nav/navPC06_on.png) center center no-repeat;
}
.sma{
font-size:1.4rem;
}
#pageConts #pChead nav{
width:880px;
height:140px;
}
#pageConts{
font-size:1.8rem;
font-weight:bold;
line-height:2.8rem;
}
br.pcNo{
display:none;
}
/*#product01--------------------------------*/
#product01 p.pic{
float:right;
width:400px;
margin:20px 80px 0 0;
}
#product01 .txt{
width:480px;
float:left;
margin-left:80px;
}
#product01 dl{
width:480px;
text-align:left;
clear:both;
}
#product01 dl dt{
clear:both;
text-align:left;
}
#product01 dl dt span{
display:block;
background:#fff;
padding:3px 10px;
color:#08102B;
}
#product01 dl dd {
padding:10px 0;
margin:0 10px;
float:left;
}
#product01 dl span.sma{
display:block;
line-height:120%;
letter-spacing:normal;
}
#product01 dl a.link{
width:320px;
font-weight:bold;
display:block;
background: #FFB45A;
text-align:center;
color:#fff;
padding:10px 20px;
border-radius:10px;
margin:10px auto;
}
#product01 dl a.link:hover{
background: #a3c5d4;
color:#08102B;
text-decoration:none;
}
#product01 dl a.link,
#product01 dl a.link:link,
#product01 dl a.link:visited {
color:#FFF;
text-decoration:none;
}
#product01 dl a{
text-decoration:underline;
}
#product01 dl span.cau{
clear:both;
display:block;
color:#F00;
padding:0 0 10px 0;
}
/*update*/
#update  h3{
margin:20px auto;
}
#update div.txtBox{
width:900px;
margin:0 auto;
text-align:left;
}
#update p.tit{
border-bottom:1px solid #fff;
border-left:18px solid #fff;
padding-left:10px;
}
#update ul{
margin:10px 20px;
}
#update ul li{
list-style-type:disc;
list-style-position:inside;
padding-left: 1em;
text-indent: -1em;
}
#update ul li.tit{
list-style-type:none;
margin-top:6px;
}
#update ul a{
text-decoration:underline;
cursor:pointer;
}
/*#product02--------------------------------*/
#product02 .txt{
padding-top:10px;
}
#product02 .pic{
margin-bottom:20px;
}
#product02 dl{
width:920px;
margin:0 auto;
text-align:left;
}
#product02 dl{
width:920px;
margin:0 auto;
text-align:left;
}
#product02 dl dt{
margin-bottom:10px;
}
#product02 dl dd{
margin-bottom:20px;
}
#product02 span.cau{
color:#F00;
}

/*#product03--------------------------------*/
#product03 p.pic{
float:right;
width:400px;
margin:0 80px 0 0;
}
#product03 .txt{
width:480px;
float:left;
margin: 20px 0 0 80px;
font-weight:bold;
text-align:left;
}
#product03 span.cau{
color:#F00;
}
/*-------------------------------
#product04tokuten
--------------------------------*/
#product04 h3{
margin-bottom:20px;
}
#product04 p.txt{
text-align:center;
}
#product04 ul{
width:880px;
margin:20px auto;
}
#product04 ul p{
text-indent:0;
margin-bottom:10px;
width:100%;
}
#product04 ul li{
float:left;
width:400px;
margin:0 20px 30px;
text-align:center;
height:900px;
}
#product04 ul li.TkY{
height:480px;
}

#product04 ul li p.shop{
padding:8px 0;
width:390px;
color:#fff;
margin:0 auto 15px;
background:#6C8193;
border:5px solid #fff;
}
#product04 p.pict{
width:400px;
height:auto;
margin:0 auto 10px;
padding:0;
}

#product04 ul li p.link a{
width:320px;
font-weight:bold;
display:block;
background: #FFB45A;
text-align:center;
color:#fff;
padding:10px 20px;
border-radius:10px;
margin:10px auto;
}
#product04 ul li p.link a:hover{
background: #a3c5d4;
color:#08102B;
text-decoration:none;
}
#product04 a,
#product04 a:link,
#product04 a:visited {
color:#FFF;
text-decoration:none;
}
#product04 li p.item{
margin-bottom:15px;
}
#product04 li p.item span.bol{
padding:3px 20px;
background:#fff;
border-radius:6px;
text-align:center;
color:#08102B;
}

#product0402 ul li.tokuten04{
height:1080px;
}
/*-------------------------------
#product05dlc
--------------------------------*/
.dlcBox {
clear:both;
margin:0 auto 20px;
}
.dlcBox p.pic{
margin:10px auto;
}
.dlcBox div.txt{
width:960px;
margin:0 auto 30px;
clear:both;
}
.dlcBox dl{
width:958px;
margin:0 auto 20px;
border:1px solid #fff;
}
.dlcBox dl dt{
width: 360px;
float: left;
clear:both;
border-top:1px solid #fff;
padding:10px;
text-align:center;
font-weight:bold;
border-right:1px solid #fff;
}
.dlcBox dt:first-child,
.dlcBox dt:first-child + dd{
border-top:none;
}
.dlcBox dl dd{
margin-left: 380px;
border-top:1px solid #fff;
padding:10px;
background:#08102B;
}
.dlcPic {
width:960px;
margin:10px auto;
display: flex; 
flex-wrap: wrap;
}
.dlcPic li {
text-align:center;
width:320px;
margin-bottom:10px;
}
.dlcPic li img{
width:300px;
border:1px solid #fff;
}
.dlcBox p.link a{
width:540px;
font-weight:bold;
display:block;
background: #FFB45A;
text-align:center;
color:#fff;
padding:10px 20px;
border-radius:10px;
margin:10px auto;
}
.dlcBox p.link a:hover{
background: #a3c5d4;
color:#08102B;
text-decoration:none;
}
.dlcBox a,
.dlcBox a:link,
.dlcBox a:visited {
color:#FFF;
text-decoration:none;
}
.dlcBox p.cau{
width:940px;
color:#FFF;
background:#F00;
padding:10px 0;
margin:15px auto;
}

/*-------------------------------
#product06demo
--------------------------------*/
#demo{
}
#demo div.txt{
width:960px;
margin:0 auto;
}
#demo dl{
width:958px;
margin:10px auto;
border:1px solid #fff;
}
#demo dl dt{
width: 360px;
float: left;
clear:both;
border-top:1px solid #fff;
padding:10px;
text-align:center;
font-weight:bold;
}
#demo dt:first-child,
#demodt:first-child + dd{
border-top:none;
}
#demo dl dd{
margin-left: 380px;
border-top:1px solid #fff;
border-left:1px solid #fff;
padding:10px;
background:#08102B;
}
#demo p.pic{
margin:10px auto;
}
#demo p.link{
margin:30px auto;
}

#demo p.link a{
width:320px;
font-weight:bold;
display:block;
background: #FFB45A;
text-align:center;
color:#fff;
padding:10px 20px;
border-radius:10px;
margin:10px auto;
}
#demo p.link a:hover{
background: #a3c5d4;
color:#08102B;
text-decoration:none;
}
#demo a,
#demo a:link,
#demo a:visited {
color:#FFF;
text-decoration:none;
}
#demo p.cau{
font-size:80%;
color:#FF0000;
}

/*-------------------------------
#product07UpdateCampaign
--------------------------------*/
#UpdateCampaign nav{
width:920px;
margin:0 auto 30px;
}
#UpdateCampaign nav ul li{
display:inline-block;
float:left;
width:184px;
margin:0 auto;
background:url(img/UpdateCampaign/UC_navBG.png) center top no-repeat;
background-size:184px;
}
#UpdateCampaign nav ul li:hover{
background:url(img/UpdateCampaign/UC_navBG_on.png) center top no-repeat;
background-size:184px;
cursor:pointer;
}


#UpdateCampaign p.txt01{
width:880px;
margin:10px auto 30px;
}
#UpdateCampaign h4{
width:1032px;
height:90px;
background: linear-gradient(90deg, #08102B 5%, #FFB45A 50%,#08102B 95%);
margin:0 auto 20px;
padding:0;
clear:both;
}
#UpdateCampaign h4 img{
display:block;
margin:0 auto;
width:840px;
}
#UpdateCampaign h5{
display:block;
margin:0 auto;
padding:0;
width:80%;
}
#UpdateCampaign  p.txt02{
width:70%;
margin :0 auto 10px;
}
#UpdateCampaign .UCtxtBox{
margin:0 auto 30px;
}
#UpdateCampaign .UCtxtBox ul {
width:990px;
margin:10px auto 40px;
}
#UpdateCampaign .UCtxtBox ul li {
width:330px;
float:left;
text-align:center;
}
#UpdateCampaign .UCtxtBox ul li img{
width:312px;
}
#UpdateCampaign .UCtxtBox ul li.w2Pic{
width:660px;
height:400px;
}
#UpdateCampaign .UCtxtBox ul li.w2Pic img{
width:624px;
}
}