@charset "UTF-8";


/* -------------------- パレット一覧 -------------------- */
#post-47.link_area {
    order: 1;
}
#post-54.link_area {
    order: 2;
}
#post-55.link_area {
    order: 3;
}
#post-56.link_area {
    order: 4;
}
#post-57.link_area {
    order: 5;
}
#post-58.link_area {
    order: 6;
}
#post-60.link_area {
    order: 7;
}
#post-69.link_area {
    order: 8;
}

.link_area {
    width:  100%;
    height: 400px;
}
.link_area > a {
    width: 100%;
    height: 100%;
    padding: 0.5rem 1.5rem 20px;
    box-shadow: 3px 3px 3px 0 rgba(230, 0, 18, 0.5);
    position: relative;
    transition: all 0.3s;
}
.link_area > a::before {
    content: '';
    width: 35%;
    height: 60%;
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%);
    background-color: rgba(0, 66, 137, 0.05);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.3s;
}
.link_area > a:hover:before {
    background-color: rgba(0, 66, 137, 0.15);
}
.link_area > a::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
}
.link_area > a:hover::after {
    background-color: rgba(0, 0, 0, 0.25);
}


.link_btn {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.link_btn img {
    width: 25px;
    height: auto;
    display: block;
    transition: all 0.3s;
}
.link_btn img:last-child,
.link_area > a:hover .link_btn img:first-child {
    display: none;
}
.link_area > a:hover .link_btn img:last-child {
    display: inline-block;
}

.link_area > a h3 {
    height: 52px;
    font-size: 20px;
    line-height: 1.3;
}
.link_area > a .photo {
    height: 180px;
    position: relative;
}
.link_area > a .photo img {
    width: auto;
    max-width: 200px;
    height: auto;
    max-height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#post-69.link_area > a .photo img {
    max-width: 300px;
}



.pallet_flow {
    width: 80%;
    margin: 0 auto 1.5rem;
}
.flow_step {
    color: #004289;
    margin-bottom: 5px;
}
.flow_box {
    width: 193px;
    height: 193px;
    border: 1px solid #333;
    border-radius: 50%;
}
/* .pallet_flow:first-child img {
    width: auto;
    max-height: 53px;
}
.pallet_flow:nth-child(2) img {
    width: auto;
    max-height: 63px;
}
.pallet_flow:nth-child(3) img {
    width: auto;
    max-height: 67px;
}
.pallet_flow:nth-child(4) img {
    width: auto;
    max-height: 79px;
}
.pallet_flow:last-child img {
    width: auto;
    max-height: 60px;
} */
.pallet_flow p:first-child {
    margin-bottom: 1rem;
}
.flow_box p:first-child {
    height: 60px;
    margin-top: 2rem;
    margin-bottom: 1rem;
    position: relative;
}
.pallet_flow img {
    width: auto;
    max-width: 70px;
    max-height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.flow_box .flow_title {
    color: #004289;
    font-size: 18px;
}
.pallet_flow:nth-child(3) .flow_box .flow_title,
.pallet_flow:nth-child(4) .flow_box .flow_title,
.pallet_flow:nth-child(5) .flow_box .flow_title {
    margin-top: 2rem;
}










/* -------------------- パレット記事 -------------------- */
/* .pallet .catalog a {
    text-decoration: none!important;
}
.pallet .catalog a:hover {
    text-decoration: underline!important;
} */

.pallet  .photo_box {
    border-radius: 20px;
    padding: 24px 20px;
}
.pallet table {
    width: auto!important;
    min-width: 870px;
    overflow-x: scroll;
}
.pallet thead {
    border: 1.5px solid #004289!important;
    border-bottom: none!important;
}
.pallet thead tr th {
    color: #fff;
    font-weight: bold;
    text-align: center;
    background-color: #004289;
    border-top: 1px solid #004289;
    border-right: 1px solid #fff;
}
.pallet thead tr th:first-child {
    border-left: 1px solid #004289;
}
.pallet thead tr th:last-child {
    border-right: 1px solid #004289;
}
.pallet tbody tr:nth-child(2n-1) {
    background-color: #F2F6F9;
}
.pallet tbody tr:nth-child(2n)  {
    background-color: #fff;
}
.pallet tbody tr td {
    text-align: center;
    border: 1px solid #004289!important;
}


.flex_parts,
.single-pallet.postid-60 :where(.wp-block-columns.is-layout-flex) {
    gap: 20px!important;
}
.single-pallet.postid-60 figure {
    margin: 10px 0;
}
.mesh_caption,
.dory_caption {
    font-size: 14px;
    margin-bottom: 0;
}









/* -------------------- 各種パレット -------------------- */
.postid-69 .content > section:first-child .photo_box {
    display: none;
}
.postid-69 .content > section:first-child > div {
    width: 100%!important;
    padding-left: 0!important;
}
.postid-69 .content > h2 {
    margin-top: 5rem;
}
.postid-69 .content > h2:first-of-type {
    margin-top: 0;
}
.postid-69 h3 {
    font-weight: bold;
    margin: 2rem 0 0;
}

.postid-69 .other_box .photo_box,
.postid-69 .stock_box figure,
.postid-69 .other_last figure {
    width: 90%;
    max-width: 460px;
    border-radius: 0;
    padding: 0;
    margin: 0.5rem auto;
}
.postid-69 .other_box .photo_text figure {
    margin: 0.5rem 0 1rem;
}

.postid-69 .stock_box h3 {
    margin: 1rem 0 0;
}


















/* -------------------- 新着情報 -------------------- */
.info .content > p {
    padding: 0 0 0 1rem;
    margin-bottom: 1rem;
}
.info .content > p.post-date {
    padding: 0 0 0 1rem;
    margin: 0.5rem 0 1.5rem;
}















/* ==================================================
レスポンシブ　sm 576px
==================================================*/
@media screen and (min-width: 576px) {

/* -------------------- パレット一覧 -------------------- */
.link_area {
    width: calc(100% / 2);
}


.pallet_flow {
    width: 50%;
    max-width: 300px;
    margin: 0 0 1.5rem;
}

}
















/* ==================================================
レスポンシブ　md 768px
==================================================*/
@media screen and (min-width: 768px) {


/* -------------------- 各種パレット -------------------- */
.postid-69 .other_box > div {
    display: flex;
}
.postid-69 .other_box .photo_box {
    width: 41.66666667%;
    max-width: 100%;
}
.postid-69 .other_box .photo_text {
    width: 58.33333333%;
    margin: 0.5rem 0 1rem 1rem;
}

.postid-69 .stock_box figure,
.postid-69 .other_last figure {
    max-width: 100%;
}


}















/* ==================================================
レスポンシブ　 782px
==================================================*/
@media screen and (min-width: 782px) {


/* -------------------- 各種パレット -------------------- */
.postid-69 .stock_box figure,
.postid-69 .other_last figure {
    width: 100%;
}


}
























/* ==================================================
レスポンシブ　lg 992px
==================================================*/
@media screen and (min-width: 992px) {


/* -------------------- パレット一覧 -------------------- */
.link_area {
    width: calc(100% / 3);
}
.pallet table {
    width: 100%!important;
    min-width: 100%;
}










/* -------------------- 新着情報 -------------------- */
.info .content > p {
    width: 75%;
    padding: 0;
    margin: 0 auto 1.5rem;
}
.info .content > p.post-date {
    padding: 0 0 0 40px;
    margin: 2rem 0 3rem;
}

}








/* ==================================================
レスポンシブ　 1080px
==================================================*/
@media screen and (min-width: 1080px) {

/* -------------------- パレット一覧 -------------------- */
.pallet_flow {
    width: 20%;
    max-width: 100%;
    margin: 0;
}

}