@charset "utf-8";
/* CSS Document */

/*===========================================
	howto LinkBuds wear.css
=============================================*/

/* m-flex */
#contents p.m-flex{
    display: flex;
    align-items: center;
}

#contents p.m-flex span.icon img{
    vertical-align: middle;
    margin: 0;
}

/* movie */
#contents ul.flex figure.movie {
    width: 320px;
    margin-bottom: 1.5em;
}

#contents ul.flex figure.movie iframe{
    width: 100%;
    height: 190px;
}

@media (max-width: 640px){
    #contents ul.flex figure.movie {
        width: 100%;
        max-width: 320px;
    }
}    



/* ylink */
#contents .ylink{
	margin: 0 4em 2em 0;
}

#contents .ylink ul.flex{
	justify-content: space-between;
	flex-wrap: wrap;
}

#contents .ylink ul.flex:after{
    display: none;
}

#contents .ylink figure{
	width: 340px;
}

#contents .ylink figure figcaption{
	text-align: center;
	margin: 5px 0;
}

#contents .ylink figure iframe{
	width: 100%;
	height: 190px;
}

#contents .ylink figure figcaption span{
	display: inline-block;
}

@media (max-width: 640px){
	#contents .ylink{
		margin: 0;
	}
	#contents .ylink figure {
		width: 100% !important;
		max-width: 100%
	}

}