@charset "utf-8";

/* enjoy_photo_css_thema16.css */

#contents h3{
	font-size: 1.2rem;
    margin: 3em 0 1em;
}

#contents #contentsArea{
	margin-top: 40px
}

#contents ul li.flex_txt{
    display: flex;
    margin: 2.5em 0;
}

#contents ul li.flex_txt dl{
    margin-left: 1.5em;
}

#contents ul li.flex_txt dl dt{
    font-weight: bold;
    margin-bottom: 1em;
}

#contents .pcOnly{
    display: block;
}

#contents .mqOnly{
    display: none;
}

#contents ul li.flex_txt figcaption.modalCaption{
    margin-top: 0.5em;
}

#contents .ml0{
	margin-left: 0;
}

#contents .zoomBtn .photo.modal p.modalCaption,
#contents figure figcaption {
	font-size: 1rem;
}

@media (max-width: 640px){
	#contents ul li.flex_txt{
        flex-direction: column;
        align-items: center;
		margin: 1.5em 0 0;
    }
    
    #contents ul li.flex_txt img{
        width: 100%;
        max-width: 380px;
        margin-bottom: 1em;
    }
    
    #contents .pcOnly{
        display: none;
    }

    #contents .mqOnly{
        display: block;
        margin: 0 auto 1em;
    }
	
	#contents dd.mqOnly {
		font-size: 1rem;
	}
    
    #contents ul li.flex_txt dl{
        margin-left: 0;
    }
    
    #contents ul li.flex_txt dl dt{
        margin-bottom: 0.5em;
        text-align: center;
    }
	
	#contents ul li.flex_txt dl .mqmb0{
        margin-bottom: 0;
    }
	
	#contents .imgArea.flex .zoomBtn.mq_mt1em {
		margin-top: 1em;
	}
}