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

#contents .flex.twoImages figure{
    width: 100%;
    max-width: 354px;
}

#contents .flex.twoImages figure img{
    width: 100%;
    height: auto;
}

#contents .flex.twoImages figure figcaption{
    height: 3.5em;
    vertical-align: middle;
    display: table-cell;
}

#contents .notice_gray .movie{
    max-width: 360px;
}


@media (min-width: 641px){
    #contents .flex.twoImages{
        margin-left: 1em;
        justify-content: space-between;
    }
    #contents .flex.twoImages figure{
        width: calc(50% - 20px);
    }
    
    #contents .notice_gray .movie{
        width: 50%;
    }
}

@media (max-width: 640px){
    #contents .flex.twoImages figure{
        margin-bottom: 1.5em;
    }
    
    #contents .flex.twoImages{
        justify-content: center;
    }
	#contents .notice_gray .movie iframe {
		width: 100%;
	}
}

#contents .notice_gray .movie .i_flame{
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}

#contents .notice_gray .movie .i_flame iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}