@charset "utf-8";
/* Copyright 2023 design hack. */

/* ------------------------------------------------------------

受賞作品ページ

------------------------------------------------------------ */
/* グローバルナビアクティブ
---------------------------------------------- */
nav ul#nav_main li:nth-child(5) a{color: #7D1B3C;}

/* コンテンツ
---------------------------------------------- */
/* header */
div#bg_h2{padding-top: 45px;}

div#wrap_winning div.bg_winning:nth-child(2n){background: #F3F2EF;}
div#wrap_winning div.bg_winning:nth-child(2n) ul.list_works li p.img_works{border: none;}

div#wrap_winning section.wrap_content_winning{padding: 140px 0 105px;margin: 0 auto;width: 1200px;}
div#wrap_winning section.wrap_content_winning:first-child{padding: 100px 0 105px;}

/* works */
ul.list_works{overflow: hidden;}
ul.list_works li{width: 224px;margin:0 20px 35px 0;float: left;}
ul.list_works li:nth-child(5n){margin-right: 0;}
ul.list_works li p.img_works{width: 224px;height: 200px;background: #FFFFFF;padding: 20px;box-sizing: border-box;display:  table-cell;vertical-align:  middle;text-align: center;font-weight: 900;border: 1px solid #CCCCCC;}
ul.list_works li p.img_works img{max-width:100%;max-height: 100%;width: auto;height: auto;}
ul.list_works li p:nth-child(2){background: #50507C;color: #FFFFFF;border: none;font-weight: 500;padding:8px 20px;line-height: 1.0;display: inline-block;margin:20px 0 15px;}
ul.list_works li p.award_no01{background: #7D1B3C;}
ul.list_works li p.award_no02{background: #E5B233;}
ul.list_works li p.award_no03{background: #366E9A;}
ul.list_works li p.award_no04{background: #075656;}
ul.list_works li dl dt{font-weight: 800;margin-bottom: 8px;}
ul.list_works li dl dd a{text-decoration: underline;}
ul.list_works li dl dd a:hover{text-decoration: none;}

@media print, screen and (max-width: 767px){
div#bg_h2{padding-top: 30px;}

div#wrap_winning section.wrap_content_winning{padding: 70px 0 45px;margin: 0 auto;width: 100%;}
div#wrap_winning section.wrap_content_winning:first-child{padding: 50px 0 45px;}
    
/* works */
ul.list_works li{width: 48%;margin:0 4% 25px 0;}
ul.list_works li:nth-child(5n){margin-right: 4%;}
ul.list_works li:nth-child(2n){margin-right: 0;}
ul.list_works li p.img_works{height:  140px;padding: 10px;}
ul.list_works li p.img_works img{max-width:100%;max-height: 100%;}
ul.list_works li p:nth-child(2){padding:4px 10px 5px;margin:10px 0;}
ul.list_works li dl dt{margin-bottom: 5px;}
}