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

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

WORKS

------------------------------------------------------------ */
/* グローバルナビアクティブ
---------------------------------------------- */
nav#wrap_nav_main ul#nav_main li:nth-child(2) a{color: #FFFFFF;border-bottom: 2px solid #FFFFFF;padding-bottom: 10px;}
nav#wrap_nav_main ul#nav_main li .nav_suv li a{border-bottom: none;padding-bottom: 0;}
div#bg_h2{background:url(/works/img/h2_bg.png) no-repeat center 0;}

@media print, screen and (max-width: 767px){
div#bg_h2{background:url(/works/img/h2_bg_sp.png) no-repeat 0 0;background-size: 100%;height:auto;}
}

/* CONTENT
---------------------------------------------- */
ul#works_list{overflow: hidden;margin: 0 auto 20px;width: 1200px;}
ul#works_list li{float: left;width: 360px;margin: 0 60px 67px 0;}
ul#works_list li:nth-child(3n){margin: 0 0 67px 0;}
ul#works_list li p.works_img{width: 360px;height:250px;margin-bottom: 30px;}
ul#works_list li p.works_img img{width: 100%;height: 100%;object-fit: cover;}
ul#works_list li h2{font-size: 18px;text-align: left;margin: 0 0 0 0;}
ul#works_list li a:hover h2{color: #971B20;transition: 0.3s;}
ul#works_list li a:hover img{opacity: 0.5;transition: 0.3s;}

@media print, screen and (max-width: 1220px){
ul#works_list{margin: 0 0 30px;width: 100%;}
ul#works_list li{width: 32%;margin: 0 2% 67px 0;}
ul#works_list li:nth-child(3n){margin: 0 0 67px 0;}
ul#works_list li p.works_img{width: 100%;}
}

@media print, screen and (max-width: 767px){
ul#works_list{overflow: visible;margin: 0 ;width: 100%;}
ul#works_list li{float: none;width: 100%;margin: 0 0 38px 0;}
ul#works_list li:nth-child(3n){margin: 0 0 38px 0;}
ul#works_list li:last-child{margin: 0 0 58px 0;}
ul#works_list li p.works_img{width: 100%;height:233px;margin-bottom: 20px;}
ul#works_list li h2{font-size: 17px;}
}

/* single
---------------------------------------------- */
h2#works_ttl{font-size: 50px;font-weight: 900;color: #971B20;text-align: center;margin:-27px 0 46px 0;}

div#post_area{width: 1000px;margin: 0 auto 100px;}
div#post_area p#works_img{max-width: 100%;height: auto;margin-bottom: 100px;}
div#post_area table{width: 100%;border-top: 1px solid #CACACA;}
div#post_area table th,div#post_area table td{border-bottom: 1px solid #CACACA;padding:35px 0 30px;}
div#post_area table th{color: #971B20;vertical-align: middle;width: 20%;}

@media print, screen and (max-width: 1220px){
div#post_area{width: 100%;}
}

@media print, screen and (max-width: 767px){
h2#works_ttl{font-size: 31px;margin:-17px 0 29px 0;}

div#post_area{margin: 0 auto 60px;}
div#post_area p#works_img{margin-bottom: 60px;}
div#post_area table th,div#post_area table td{display: block;}
div#post_area table th{border-bottom: none;padding:20px 0 13px 0;width: 100%;}
div#post_area table td{padding:0 0 20px 0;}
}