@charset "utf-8";
/*------------------------------------------------------------------------------------------
*
*
    howto_pc.css
*
*
------------------------------------------------------------------------------------------ */
@media screen and (min-width : 641px){ 
/*------------------------------------------------------------------------------------------
*
*
    min-width : 641px
*
*
------------------------------------------------------------------------------------------ */



#page_howto {
 min-width: 980px;
 /* padding: 0 0 80px 0; */
 overflow: hidden;
 position: relative;
}

#contents {
 background-image:url(/sekkisei_myb/common/images/howto/bg_effect.png);
 background-repeat: no-repeat;
 background-position-y: 42%;
 background-size: contain;
}

#page_howto h1{
 padding-top: 50px;
 line-height: 0;
 text-align: center;
}

#page_howto h1 img{
 width: 130px;
 height: auto;
}

#page_howto .title {
 text-align: center;
 padding-top: 30px;
 font-size: 15px;
 color: #ffffff;
}


#page_howto .movieArea--hasMovie {
 display: flex;
 justify-content: center;
 padding-bottom: 80px;
} 

#page_howto .movieArea--hasMovie .movieArea--hasMovie__ul .movieArea--hasMovie__li {
 display: flex;
 justify-content: flex-start;
 padding-top: 50px;
 margin: 0 20px;
}

/* #page_howto .movieArea--hasMovie .movieArea--hasMovie__ul .movieArea--hasMovie__li__background {
 background-image:url(/sekkisei_myb/common/images/howto/bg_effect.png);
 background-repeat:no-repeat;
} */

/* #page_howto .movieArea--hasMovie .movieArea--hasMovie__ul .movieArea--hasMovie__li .movieArea--hasMovie__elem {
 width: 33.3333%;
} */

#page_howto .movieArea--hasMovie .movieArea--hasMovie__ul .movieArea--hasMovie__li .movieArea--hasMovie__elem img {
  display: inline;
  width:288px;
} 

#page_howto .movieArea--hasMovie .movieArea--hasMovie__ul .movieArea--hasMovie__li .movieArea--hasMovie__elem iframe {
  display: none;
} 

#page_howto .movieArea--hasMovie .movieArea--hasMovie__ul .movieArea--hasMovie__li .movieArea--hasMovie__elem {
 display: inline;
 margin: 0 20px;
} 

#page_howto .movieArea--hasMovie .movieArea--hasMovie__ul .movieArea--hasMovie__li .movieArea--hasMovie__name_sp {
  display: none;
 }

#page_howto .movieArea--hasMovie .movieArea--hasMovie__ul .movieArea--hasMovie__li .movieArea--hasMovie__elem .movieArea--hasMovie__name {
 font-size: 14px;
 line-height: 2;
 text-align: center;
 color: #ffffff;
 line-height: 1.5;
 padding-top: 2%;
}

.to_product {
 padding-bottom: 120px;
 text-align: center;
}

.to_product img {
 height: 13px;
 width: auto;
}

.bg-image {
 position: absolute;
 top: 50%;
 z-index: 1;
}

}