/* BASIC css start */
.collection_menu ul li {
    margin-bottom: 15px;
    width: 100%;
    position: relative;
}

.collection_menu ul li img {
    width: 100%;
}

.collection_menu ul li .hover_back {
        position: absolute;
        text-align: center;
        width: 100%;
        top: 0;
        height: 100%;
        padding-top: 45px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
}

.collection_menu ul li .hover_back a {position: absolute;bottom: 30px;color: #e9d9bd;font-size: 12px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform:translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);padding-bottom: 2px;border-bottom: 1px solid #e9d9bd;letter-spacing: 0.075em;}

.collection_menu ul li .hover_back h2 {
    color: #e9d9bd;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.2em;
    margin-bottom: 14px;
}

.collection_menu ul li .hover_back h1 {
    font-size: 18px;
    color: #fff;
    font-weight: 300;
    letter-spacing: -0.025em;
}

.collection_menu ul li .hover_back h1 span {
    font-weight: 500;
}



.writing_box.list_box .items li:nth-of-type(2n) {  margin-right:3%; }
.writing_box.list_box .items { overflow:visible; }

.page_sub {
    margin-bottom: 25px;
}

h1.page_sub_tit {overflow: hidden;padding-bottom: 14px;font-size: 20px;color: #001b46;font-weight: 500;line-height: 25px;}

h1.page_sub_tit a {
    float: right;
    font-size: 13px;
    padding: 0px 12px;
    color: #c2a26a;
    font-weight: 400;
    border: 1px solid #c2a26a;
    border-radius: 50px;
    height: 25px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 24px;
}

h1.page_sub_tit em {
    font-size: 15px;
    color: #5e5e5e;
    font-weight: 300;
    margin-left: 5px;
    line-height: 25px;
    display: inline-block;
    vertical-align: bottom;
}


.page_div { margin-bottom:50px; }
.page_div:last-of-type { margin-bottom:0; }

.page_div .img_box {
    width: 100%;
    
}

.page_div .text_box {
    /* height: 260px; */
    position: relative;
    text-align: center;
    background: #001b46;
    padding: 50px 0;
}

.page_div .text_box div {
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%,-50%); */
    /* -webkit-transform: translate(-50%,-50%); */
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    width: 100%;
}


.page_div .text_box h2 {
    font-size: 12px;
    color: #e4d5b9;
    margin-bottom: 13px;
}

.page_div .text_box h1 {
    font-size: 22px;
    color: #e4d5b9;
    font-weight: 700;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 14px;
    letter-spacing: 0.2em;
    font-family: 'linotype-didot';
    line-height: 1.4;
}

.page_div .text_box h1 span {
    font-weight: 500;
}

.page_div .text_box h1:after {content: '';width: 25px;height: 1px;position: absolute;bottom: 0;left: 50%;background: #e4d5b9;opacity: .3;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform:translateX(-50%);-o-transform: translateX(-50%);-moz-transform: translateX(-50%);}

.page_div .text_box p {
    font-size: 12px;
    color: #fff;
    line-height: 1.8;
    
}

.page_div .text_box a {
    width: 145px;
    margin: 0 auto;
    height: 42px;
    line-height: 50px;
    border: 1px solid #e9d9bd;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 14px;
    color: #e9d9bd;
    font-weight: 400;
    display: block;
    line-height: 40px;
    margin-top: 20px;
    letter-spacing: 0.05em;
}


@media screen and (max-width:360px) {
    .page_div .text_box p { font-size: 11px; }
    .page_div .text_box h1 { font-size:21px; }
}
/* BASIC css end */