@charset "UTF-8";
/* CSS Document */


                .aso_cate_menu {
            max-width: calc(100vw - 11px);
            margin: 90px auto 50px;
        }
        .aso_cate_menu_title div {
            line-height: 26px;
        }
        .aso_cate_menu_title {
            margin-bottom: 30px;
        }
        .aso_cate_menu_title01 {
            width: 155px;
            height: 26px;
            background-color: #3e3a39;
            color: #fff;
            margin-right: 24px;
            text-align: center;
            float: left;
            margin-left: 15px;
        }
        .aso_cate_menu_title02 {
        }
        .aso_cate_menu_body ul {
               margin: 0;
                padding: 5px;
                width: 100%;
            box-sizing: border-box;
        }
        .aso_cate_menu_body ul li {
            list-style-type: none;
            box-sizing: border-box;
            border-bottom: 1px solid #000;
            height: 52px;
            line-height: 52px;
            color: #3e3a39;
            text-decoration: none;
            padding-left: 15px;
            position: relative;
        }
        .aso_cate_menu_body ul li a {
            color: #3e3a39;
            width: 100%;
            text-decoration: none;
            position: relative;
            display: block;
            transition-duration: .1s;
            box-sizing: border-box;
        }
        .aso_cate_menu_body ul li a:hover {
            opacity: 0.8;
        }
        .aso_cate_menu_body ul li::after {
            display: block;
            content: "";
            position: absolute;
            right: 16px;
            top: 19px;
            border-top: solid 1px #000;
            border-right: solid 1px #000;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 12px;
            height: 12px;
        }
        .aso_cate_menu_body ul li:first-child {
            border-top: 1px solid #000;
        }
        .aso_cate_newItem {
            background-color: #F2F0EE;            
        }
        .aso_cate_newItem, .aso_cate_items {
            width: 100%;
            margin-bottom: 70px;
        }
        .aso_cate_newItem > div, .aso_cate_items > div {
            max-width: calc(100% - 10px);
            margin: auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-column-gap: 5px;
            padding-bottom: 17px;
            grid-row-gap: 10px;
            padding-top: 15px;
        }
        .aso_cate_newItem .aso_cate_item_title, .aso_cate_items .aso_cate_item_title {
            font-size: 12px;
            padding-top: 30px;
            padding-bottom: 3px;
            font-weight: bold;
            border-bottom: 1px solid #000;
            padding-left: 5px;
        }
        .aso_cate_newItem div.aso_cate_item_title div,  .aso_cate_items .aso_cate_item_title div{
            padding: 0;
            margin: 0;
            grid-column: 1 / 5;
        }        
        .aso_cate_newItem_contents, .aso_cate_item_body {
        }
        .aso_cate_newItem_contents img {
            width: 100%;
        }
        .aso_cate_item_head > div:first-child {
            grid-column: 1 / 3;
        }
        .aso_cate_item_head > div:nth-child(4) {
        }        
        .aso_cate_item_head > div:nth-child(6) {
        }
        .aso_cate_item_head > div:nth-child(7) {
        }        
        .aso_cate_item_head > div:nth-child(8) {
        }
                @media (min-width:550px) {
        .aso_cate_menu {
            max-width: 80vw;
            margin: 100px auto 50px;
        }
        .aso_cate_menu_title div {
            line-height: 36px;
        }
        .aso_cate_menu_title {
            margin-bottom: 30px;
        }
        .aso_cate_menu_title01 {
            width: 217px;
            height: 36px;
            background-color: #3e3a39;
            color: #fff;
            margin-right: 24px;
            text-align: center;
            float: left;
        }
        .aso_cate_menu_title02 {
        }
        .aso_cate_menu_body ul {
            column-count: 2;
            column-gap: 50px;
        }
        .aso_cate_menu_body ul li {
            list-style-type: none;
            box-sizing: border-box;
            border-bottom: 1px solid #000;
            height: 52px;
            line-height: 52px;
            color: #3e3a39;
            text-decoration: none;
            padding-left: 20px;
            position: relative;
        }
        .aso_cate_menu_body ul li a {
            color: #3e3a39;
            text-decoration: none;
            position: relative;
            display: block;
            transition-duration: .1s;
        }
        .aso_cate_menu_body ul li a:hover {
            opacity: 0.8;
        }
        .aso_cate_menu_body ul li::after {
            display: block;
            content: "";
            position: absolute;
            right: 16px;
            top: 19px;
            border-top: solid 1px #000;
            border-right: solid 1px #000;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 12px;
            height: 12px;
        }
        .aso_cate_newItem {
            background-color: #F2F0EE;            
        }
        .aso_cate_newItem, .aso_cate_items {
            margin-bottom: 50px;
        }
        .aso_cate_newItem > div, .aso_cate_items > div {
            max-width: 80vw;
            margin: auto;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            grid-column-gap: 30px;
            padding-bottom: 40px;
            grid-row-gap: 40px;
            padding-top: 30px;
        }
        .aso_cate_newItem .aso_cate_item_title, .aso_cate_items .aso_cate_item_title {
            font-size: 30px;
            padding-top: 58px;
            padding-bottom: 15px;
            font-weight: bold;
            border-bottom: 1px solid #000;
        }
        .aso_cate_newItem div.aso_cate_item_title div,  .aso_cate_items .aso_cate_item_title div{
            padding: 0;
            margin: 0;
            grid-column: 1 / 5;
        }        
        .aso_cate_newItem_contents, .aso_cate_item_body {
        }
        .aso_cate_newItem_contents img {
            width: 100%;
        }
        .aso_cate_item_head > div:first-child {
            grid-column: 1 / 3;
        }
        .aso_cate_item_head > div:nth-child(4) {
            grid-column: 3 / 4;
        }        
        .aso_cate_item_head > div:nth-child(6) {
            grid-column: 1 / 2;
            grid-row: 2 / 3;
        }
        .aso_cate_item_head > div:nth-child(7) {
            grid-row: 2 / 3;
        }        
        .aso_cate_item_head > div:nth-child(8) {
            grid-column: 1 / 2;
            grid-row: 3 / 4;
        }            
        }

        @media (min-width:1200px){
        .aso_cate_menu {
            max-width: 1150px;
            margin: 176px auto 100px;
            font-size: 16px;
        }
        .aso_cate_menu_title div {
            line-height: 36px;
        }
        .aso_cate_menu_title {
            margin-bottom: 30px;
        }
        .aso_cate_menu_title01 {
            width: 217px;
            height: 36px;
            background-color: #3e3a39;
            color: #fff;
            margin-right: 24px;
            text-align: center;
            float: left;
        }
        .aso_cate_menu_title02 {
        }
        .aso_cate_menu_body ul {
            column-count: 2;
            column-gap: 50px;
        }
        .aso_cate_menu_body ul li {
            list-style-type: none;
            box-sizing: border-box;
            border-bottom: 1px solid #000;
            height: 52px;
            line-height: 52px;
            color: #3e3a39;
            text-decoration: none;
            padding-left: 20px;
            position: relative;
        }
        .aso_cate_menu_body ul li a {
            color: #3e3a39;
            text-decoration: none;
            position: relative;
            display: block;
            transition-duration: .1s;
        }
        .aso_cate_menu_body ul li a:hover {
            opacity: 0.8;
        }
        .aso_cate_menu_body ul li::after {
            display: block;
            content: "";
            position: absolute;
            right: 16px;
            top: 19px;
            border-top: solid 1px #000;
            border-right: solid 1px #000;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            width: 12px;
            height: 12px;
        }

        .aso_cate_newItem {
            background-color: #F2F0EE;            
        }
        .aso_cate_newItem, .aso_cate_items {
            margin-bottom: 200px;
        }
        .aso_cate_newItem > div, .aso_cate_items > div {
            max-width: 1150px;
            margin: auto;
            display: grid;
            grid-template-columns: 250px 250px 250px 250px;
            grid-column-gap: 50px;
            padding-bottom: 40px;
            grid-row-gap: 40px;
            padding-top: 30px;
        }
        .aso_cate_newItem .aso_cate_item_title, .aso_cate_items .aso_cate_item_title {
            font-size: 30px;
            padding-top: 58px;
            padding-bottom: 15px;
            font-weight: bold;
            border-bottom: 1px solid #000;
        }
        .aso_cate_newItem div.aso_cate_item_title div,  .aso_cate_items .aso_cate_item_title div{
            padding: 0;
            margin: 0;
            grid-column: 1 / 5;
        }        
        .aso_cate_newItem_contents, .aso_cate_item_body {
        }
        .aso_cate_newItem_contents img {
            width: 100%;
        }
        .aso_cate_item_head > div:first-child {
            grid-column: 1 / 3;
        }
        .aso_cate_item_head > div:nth-child(4) {
            grid-column: 3 / 4;
        }        
        .aso_cate_item_head > div:nth-child(6) {
            grid-column: 1 / 2;
            grid-row: 2 / 3;
        }
        .aso_cate_item_head > div:nth-child(7) {
            grid-row: 2 / 3;
        }        
        .aso_cate_item_head > div:nth-child(8) {
            grid-column: 1 / 2;
            grid-row: 3 / 4;
        }            
        }