@charset "UTF-8";

/*common*/
body { background: #fff; }

/*deeno*/
.deeno { background: #333c4d; color: #fff; }

.deeno h1,
.deeno h2 { }
.deeno h3 { color: #00b9ef;  }
.deeno p { }


.deeno .mainfeature { margin: 0; }
.deeno .mainfeature h2 { color: 00b9ef; font-size: 1em; font: bold; width: 80%; margin: 1em auto; }

.deeno .mainimage { width: 100%; background: #fff; }
.deeno .product_image { width: 75%; vertical-align: middle; margin: 3em auto; }
.deeno .product_image .swiper-slide img { width: 95%; margin: 0 auto; }


.featuresub { padding: 3em 0; }
.featuresub div { width: 80%; margin: 1em auto; }
.featuresub div em { font-size: 0.8em; }
.featuresub .featuresub_bullet ul { list-style: none; }
.featuresub .featuresub_bullet li { width: 22% !important; margin: 1%; display: inline-block; }
.featuresub .featuresub_bullet li img { width: 1.2em; margin: 0.25em 0.5em; }


.featuresub .feature2column { width: 45%; margin: 2% 1%; display: inline-block; vertical-align: top; border: 1px solid #fff; border-radius: 1em; padding: 1%; min-height: 40em; }
.featuresub .feature2column img { width: 90%; margin: 0 auto; }
.featuresub .feature2column h4 { font-size:1.2em bold; text-align: center; }
.featuresub .feature2column ul { list-style: disc; margin-left: 1.5em;}
.featuresub .feature2column ul li { width: 90%; margin: 1em auto; }

.featuresub ul.featuresub_4point {}
.featuresub ul.featuresub_4point  { margin: 1em auto; width: 95%; }
.featuresub ul.featuresub_4point li { width: 22.5%; margin: 1%; display: inline-block;  text-align: center; }
.featuresub ul.featuresub_4point img { width: 100%; border-radius: 1em; margin-bottom: 0.5em;}

.featuresub .feature4column {}
.featuresub .feature4column ul {}
.featuresub .feature4column ul li { width: 46%; margin: 1%; display: inline-block; vertical-align: top; }
.featuresub .feature4column ul li img { width: 100%; display: block; margin-bottom: 1.2em; }
.featuresub .feature4column ul li strong { font: 1.5em bold; display: block; }

.deeno .feature_youtube {
　 width: 100%;
    position: relative;
    padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin: 2em auto;
}
.deeno .feature_youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.deeno .chargecount { background: #333c4d; color: #fff; padding: 3em 0; }
.deeno .chargecount ul { width: 95%; margin: 1em auto; }
.deeno .chargecount ul li { width: 17.5%; display: inline-block; margin: 1%; text-align: center; vertical-align: top; }
.deeno .chargecount ul li img { filter: invert(100%); width: 80%; margin: 1em; display: block; }
.deeno .chargecount ul li strong { color: #00b9ef; display: block; font: 1.2em bold; }

.productspec h2 { color: #fff; }





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

.featuresub .feature2column { width: 95%; display: block; }
.featuresub .featuresub_bullet li { width: 46% !important; font-size: 0.9em; }
.featuresub ul.featuresub_4point li { width: 46%; }
.featuresub .feature4column ul li { width: 95%; }
.deeno .chargecount ul li { width: 30%; }
.deeno .productspec table { width: 95%; font-size: 0.9em; }

}