/*ヒーロー*/
@media screen and (min-width: 1025px){
body .dylan-container article#main section.teaser .hero {
background: url(../../common/img/img_hero_pc_2.png) no-repeat center center;
margin-bottom:0px;
}
}

@media screen and (max-width: 1024px){
body .dylan-container article#main section.teaser .hero {
 margin: 0 auto 9px auto;
 padding:50%;
    width: 100%;
    height: 0;
    display: block;
    border: none;
    background-color: transparent;
    background-image: url(../../common/img/img_hero_sp_2.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size:100% auto;
    position: relative;
    margin-bottom:20px;
    }
}

/*date*/
@media screen and (min-width: 1025px){
body .dylan-container article#main section.teaser .date {
    width: 900px;
    height: 290px;
    display: block;
    border: none;
    background-color: transparent;
    background-image: url(../../common/img/img_date_pc_2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    position: relative;
    margin-bottom:40px;
}
}

@media screen and (max-width: 1024px){
body .dylan-container article#main section.teaser .date {
    background-image: url(../../common/img/img_date_sp_2.png);
    width:90%;
    margin-bottom:40px;
    margin-top:0px;
}
}

/*instagram*/
@media screen and (min-width: 1025px){
body .dylan-container article#main section.teaser .cv a {
background-image: url(../../common/img/btn_cv_pc_2.png);
margin-bottom:100px;
}
}

@media screen and (max-width: 1024px){
body .dylan-container article#main section.teaser .cv a {
background-image: url(../../common/img/btn_cv_sp_2.png);
margin-bottom:100px;
}
}


#main iframe {
    display : block;
    margin : 0 auto;
    margin-bottom:100px;
}

@media screen and (min-width: 1025px){
#main iframe {
    width:800px;
    height:600px;
}
}

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

.yt {
position: relative;
    width: 100%;
    padding-top: 75%;
    margin-bottom:80px;
    }
    
    
#main iframe {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
}