﻿@media all {
    #holiday_guide .container_row_content { padding-top:var(--spacing-1L); }
    #holiday_guide .header_image { display:block; width:100%; margin-bottom:var(--spacing-2L); }

    #holiday_guide h1  { line-height:1; }
    #holiday_guide h1 span { font-size:var(--font-size-2L); color:var(--color-red); }

    #holiday_guide ul.blog_list { display:grid; margin:var(--spacing-1L) 0px 0px 0px; padding:0px; list-style:none; grid-template-columns:repeat(3, 1fr); column-gap:var(--spacing-1L); row-gap:var(--spacing-2L);}
    #holiday_guide ul.blog_list:not(:last-of-type) { margin-bottom :var(--spacing-1L); }

    #holiday_guide ul.blog_list li.full_row { margin:0px; padding:0px;grid-column: 1 / -1 }

    #holiday_guide ul.blog_list li { position:relative; }
    #holiday_guide ul.blog_list li a.link { position:absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:1; }
    #holiday_guide ul.blog_list li a:hover ~ .box,
    #holiday_guide ul.blog_list li a:focus ~ .box { color:var(--color-red); }

    #holiday_guide ul.blog_list li .photo img.preview { display:block; margin:0px 0px var(--spacing-0) 0px; width:100%; height:340px; object-fit:cover; }

    #holiday_guide ul.blog_list li .box h2 { font-size:var(--font-size-1L); color:var(--color-red); }
    #holiday_guide ul.blog_list li .box p { margin:0px; padding:0px; font-size:var(--font-size-1S); font-weight:400; letter-spacing:1px; }
}

@media (max-width:1600px) {
    #holiday_guide ul.blog_list li .photo img.preview { height:300px;}
}

@media (max-width:1400px) {
    #holiday_guide ul.blog_list li .photo img.preview { height:260px;}
}

@media (max-width:1200px) {
    #holiday_guide ul.blog_list li .photo img.preview { height:220px;}
}

@media (max-width:1000px) {
    #holiday_guide ul.blog_list { grid-template-columns: repeat(2, 1fr)}
}

@media (max-width:700px) {
    #holiday_guide ul.blog_list li .photo img.preview { height:150px;}
}

@media (max-width:500px) {
    
}