@charset "utf-8";
/*--------------------------------------
	copyright :　webcal
--------------------------------------*/

@import url(normalize.css);
@import url(common_parts.css);
@import url(common.css);


/*　product_list　==============================*/
section h2.sec_title { position: relative; margin-bottom: 10rem; padding: 1rem; font-size: 2.6rem; color: #fff; background: var(--base_color); }
section h2.sec_title::after { position: absolute; z-index: -1; bottom: -20px; left: 50%; content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: var(--base_color) transparent transparent transparent; transform: translateX(-50%); }
section h3 { font-size: 2.2rem; }
section h4 { font-size: 2rem; }
section { margin: 0 auto 5rem; }

.btn { width: 100%; max-width: 340px; margin: auto; }
.btn p { font-weight: bold; border: 1px solid var(--base_color); border-radius: 3px; }
.btn a { display: block; padding: 2rem; color: var(--base_color); }
.btn a:hover { color: #fff; opacity: 1; }
.btn a:hover { background: var(--base_color); }

@media screen and ( min-width: 769px ) {
	section { margin: 0 auto 10rem; }
}



/* product_list  ----------*/
#main { padding-top: 5rem; }
section .sec_inner { width: 100%; max-width: 1200px; margin: auto; }
section .sec_header { margin-bottom: 5rem; padding: 0 3rem;}
section .sec_header .flb li { border: 3px solid var(--base_color); border-radius: 3px; margin-bottom: 3rem; text-align: center; transition: .5s; }
section .sec_header .flb li a { display: block; padding: 1rem 2rem; font-weight: bold; color: var(--base_color); transition: .5s; }
section .sec_header .flb li:hover { background: var(--base_color); transition: .5s; }
section .sec_header .flb li a:hover { color: #fff; transition: .5s; opacity: 1; }
section .item_box { margin: 0 2rem 5rem; }
section .item_wrap .scr_nav { margin: 2rem 0; }
section .table_wrap { padding: 0 2rem; }
section .table_box { width: 100%; overflow: auto; }
section table { width: 100%; min-width: 735px; }
section table tr,
section table th,
section table td { border: 1px solid #ddd; padding: 1rem; vertical-align: middle; }
section table td.td_0,
section table td.td_1 { text-align: center; }
section table td .flb { display: flex; justify-content: space-between; }
section table td .flb li:nth-of-type(1) { margin-right: auto; }
section table td .flb li:nth-of-type(2) { margin-left: auto; }
section table td.td_0 { min-width: 4.5em; }
section table td.td_1 { min-width: 4em; }
section table td.td_2 { min-width: 13em; }
section table td.td_3 { min-width: 20em; }
section table td.td_4 { min-width: 7em; }
section .table_box::-webkit-scrollbar{ width: 10px; }
section .table_box::-webkit-scrollbar-track{ background-color: #ddd; }
section .table_box::-webkit-scrollbar-thumb{ background-color: var(--base_color); }
@media screen and ( min-width: 769px ) {
	#main { padding-top: 10rem; }
	section .sec_header .flb { display: flex; flex-wrap: wrap; justify-content: center; }
	section .sec_header .flb li { width: calc( (100% - 6rem) / 3 ); }
	section .sec_header .flb li:not(:nth-last-of-type(3)) { margin-right: 3rem; }
}
@media screen and ( min-width: 1000px ) {
	section .item_wrap .list_title { text-align: center; }
	section .item_wrap .scr_nav { display: none; }
}