@media screen and (max-width: 768px) {
#dvd article
{margin-bottom:90px;

}
.pageTitle .attention {
margin-top: 10px;
font-size: .858em; }

.main-contents-body {
border-top: none;
padding-top: 10px;
padding-bottom: 0;
border-bottom: none; }

.main-contents-body .article-header {
border-top: 1px solid #53bcf4;
border-bottom: 1px solid #53bcf4;
padding: 20px 0 22px 0;
display: block;
margin-bottom: 34px; }

.main-contents-body .article-header h3 {
display: block;
font-size: 1.286em;
line-height: 1.375em;
margin: -1px 0 0 0;
font-weight: bold; }

.main-contents-body .article-header time {
color: #fff600;
display: block;
font-size: .929em;
font-weight: bold;
line-height: 1;
margin-bottom: 5px; }

.main-contents-body .article-body .column-photo {
width: 90%;
margin: 0 auto 20px; }

.main-contents-body .article-body .column-photo img {
width: 100%; }

.main-contents-body .article-body h4 {
font-size: 1.19571429em;
margin-bottom: 15px;
color: #fff600;
font-weight: bold; }


.column2Info{margin-bottom:90px;}

.main-contents-body .article-body .infoA {
margin: 0;
padding-bottom: 20px;
font-size: 1.05714286em;
line-height: 1.4; }

.main-contents-body .article-body .infoA strong {
font-weight: bold;
display: block; }

.main-contents-body .article-body .buyArea {
margin-top: 10px;
overflow: hidden; }

.main-contents-body .article-body .buyArea a {
display: block;
font-size: 1.19571429em;
border-radius: 30px;
background-color: #FFF;
padding: 10px;
color: #19a6f0;
font-weight: bold;
width: 100%;
text-align: center;
float: left;
margin: 10px auto 0;
text-decoration: none; }
.main-contents-body .noticeBox {
display: block;
border: solid 1px #53bcf4;
color: #f1f8fe;
padding: 15px;
margin-top: -50px; 
margin-bottom: 70px; }
.main-contents-body .noticeBox h5 {
font-size: 1.06285714em;
line-height: 1.3em;
font-weight: bold;
margin: 0 0 3px; }

.main-contents-body .noticeBox ol {
margin: 0;
padding: 0;
list-style-type: none; }

.main-contents-body .noticeBox li {
padding-bottom: 20px;
line-height: 1.3em;
font-size: .929em; }

.sales {
font-size: 1.143em;
margin-bottom: 0; }


.h4Indent span{
    font-weight: bold;
    font-size: 0.785em;
	color: /*#19a6f0*/#fff;
 	border: 2px #fff solid;
    padding: 7px;
    width: 100%;
    display: inline-block;
	margin-bottom:5px;
	margin-top:-55px;
}

.spDno{display:none;}
.spLno{pointer-events:none;cursor:default;}

}
    
    
    
@media screen and (min-width: 769px) {
.pageTitle {
border-bottom: none !important;
padding-bottom: 0 !important; }

.pageTitle .attention {
display: block;
margin: 23px 0 10px 0px;
line-height: 1.4em; }

.main-contents-body .attention {
display: block;
margin: 0 0 40px 0px;
font-size: .929em;
line-height: 1.4em; }

.main-contents-body article + article {
margin-top: 100px; }

.main-contents-body .article-header {
border-top: 1px solid #53bcf4;
border-bottom: 1px solid #53bcf4;
padding: 20px 0 22px 0;
display: block;
margin-bottom: 34px; }

.main-contents-body .article-header h3 {
margin: 0; }

.main-contents-body .article-header time {
display: block;
font-size: 1.715em;
line-height: 1.2em;
color: #fff600;
padding-bottom: 10px; }

.main-contents-body .article-body .column2Info {
overflow: hidden; }

.main-contents-body .article-body .column2Info .column-photo {
width: 43%;
float: left; }

.main-contents-body .article-body .column2Info .column-photo img {
width: 100%; }

.main-contents-body .article-body .column2Info .column-txt {
width: 54%;
float: right; }

.main-contents-body .article-body .column2Info + .column2Info {
margin-top: 80px; }

.main-contents-body .article-body h4 {
font-size: 1.572em;
padding-bottom: 25px;
color: #fff600;
line-height: 1.4;
font-weight: bold;
margin: 0; }

.main-contents-body .article-body .infoA {
margin: 0;
padding-bottom: 20px;
font-size: 1.05714286em; }

.main-contents-body .article-body .infoA strong {
font-weight: bold;
display: block; }

.main-contents-body .article-body .buyArea {
margin-top: 10px;
overflow: hidden; }

.main-contents-body .article-body .buyArea a {
font-size: 1.05714286em;
border-radius: 30px;
background-color: #FFF;
padding: 15px;
color: #19a6f0;
font-weight: bold;
width: 70%;
text-align: center;
float: left;
margin: 0 auto 0 15%;
text-decoration: none;
box-sizing: content-box; }
.main-contents-body .noticeBox {
padding: 15px;
display: block;
border: solid 1px #53bcf4;
color: #f1f8fe;
margin-top: 35px;
margin-bottom: 70px; }
.main-contents-body .noticeBox h5 {
padding: 15px 0 5px;
line-height: 1.7em;
font-weight: bold;
margin: 0; }
.main-contents-body .noticeBox ol {
margin: 0;
padding: 0;
list-style-type: none; }
.main-contents-body .noticeBox li {
padding-bottom: 20px;
line-height: 1.7em; }
	  
.h4Indent span{
    font-weight: bold;
    font-size: 1em;
	color: /*#19a6f0*/#fff;

 border: 2px #fff solid;
    padding: 12px;
    width: auto;
    display: inline-block;
	margin-bottom:5px;

}

/*
.h4Indent span:nth-child(n+2){
    font-weight: bold;
    font-size: 1.5em;
	color: #FFF;
/*    color: #fff000; */
/*    border: 2px #fff000 solid; */
/*
    padding: 20px 12px 15px 0px;
    margin-bottom: 5px;
    width: auto;
    display: inline-block;
    margin-top: 60px;
}
*/
	  }