/*RESET----------*/
.container .contents {
background-color: #fff;
 }
.con00 a {
color: #00bfff; }

.con00 a:active {
background-color: #00bfff; }

/*CONTENTS----------*/

.con00 {
font-size: 18px;
line-height: 150%;
text-align: left;
max-width: 1000px;
margin-right: auto;
margin-bottom: 30px;
margin-left: auto; }
.con00 img {
max-width: 100%;
}
.con01 {
line-height: 150%;
padding-top: 25px;
padding-bottom: 25px;
}

.ttl01 {
background-color: #d3d3d3;
padding: 5px;
}

.con02 {
padding-top: 25px;
padding-bottom: 25px;
}
.redLn {
color: #dc143c;
border-bottom: 1px solid #dc143c;
}

.red01 {
color: #dc143c;
}
/*----*/
.box01 {
margin-bottom: 25px; }
.box01s {
vertical-align: top;
width: 100%;
/*display: table-cell;*/
 }
.box01s .prodImg {
width: 25%; }
/*----*/
.box02 {
padding-top: 25px;
padding-bottom: 25px;
white-space: nowrap; }
.box02 img {
max-width: 25%; }
/*----*/
.box03 {
overflow: hidden;
padding-top: 25px;
padding-bottom: 25px; }

.box03R {
width: 69%;
float: right;
padding-left: 1%; }
.box03L {
width: 29%;
float: left;
padding-right: 1%; }
/*-----*/
.box04 {
padding-top: 25px;
padding-bottom: 25px; }

.box04 img {
vertical-align: middle;
width: 75px; }

/*-----*/
.box05 {
text-align: center;
padding-top: 50px;
padding-bottom: 50px; }

@media screen and (max-width:1024px){


}
@media screen and (max-width:750px){


/*CONTENTS----------*/
.con00 {
width: 100% !important;
padding-right: 5px;
padding-left: 5px;
}
/*-----*/
.box01 {
text-align: center;
margin-bottom: 0; }

.box01s {
display:        block;
width:          100%;
margin-bottom: 25px; }
.box01s .prodImg {width: 50%; }

.box02 img {max-width: 33%; }
.box03R {
padding-left: 0;
width:        100%;
float:        none;
clear: both;
margin-bottom: 25px; }

.box03L {
text-align: center;
padding-right: 0;
width:         100%;
float:         none;
clear: both; }

}
@media screen and (max-width:650px){
.box02 {
text-align: center;
white-space:    normal; }

.box02 img {max-width: 100%; }

/*DEPEND ON YOUTUBE WIDTH*/
/*FOR-YOUTUBE-SMARTPHONE----------*/

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

}