/* CSS Generated by Primer - primercss.com */
@charset "UTF-8";


/* --------------------------------
Style
-------------------------------- */

/* blog common List */
#wrap.blog { background: #3F483B; }
#wrap.blog #inner { position: relative;z-index: 1; }
#wrap.blog #wrapInner { position:relative; }

#wrap.blog #inner { background: url("/blog/images/bg.jpg") no-repeat center 0;background-size: 100% auto; padding-bottom: 70px; }
/*
#wrap.blog #wrapInner::after { content: ""; display: block; background: url("/blog/images/bg.jpg") no-repeat center 0;background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 1400px; }
*/


.flLayout .flBody .blogList li { margin: 0 0 30px;max-width: 500px; }
.flLayout .flBody .blogList li a { padding: 15px;display: block;background: #fff;color: #707070;text-decoration: none !important;border: 1px solid #707070;border-radius: 5px; }
.flLayout .flBody .blogList li a::before { display: block;content: "";width: 100%;height: 10px;background: #999;margin: -15px 0 15px; }
.flLayout .flBody .blogList li a span { display: block;text-align: left; }
.flLayout .flBody .blogList li a span.img {}
.flLayout .flBody .blogList li a span.img img { width: 100%;height: 186px;object-fit: cover; }
.flLayout .flBody .blogList li a span.tit { margin-top: 8px;font-size: 140%;color: #99836B;line-height: 1.4; }
.flLayout .flBody .blogList li a span.txt { margin: 4px auto 8px;border-bottom: 1px solid #707070;padding-bottom: 8px; }
.flLayout .flBody .blogList li a span.dte { color: #99836B; }
.flLayout .flBody .blogList li a span.btn { text-align: right; }
.flLayout .flBody .blogList li a span.btn i { line-height: 1;background: #456B33;border-radius: 50px;padding: 7px 25px 9px;display: inline-block;color: #fff; }
.flLayout .flSide { margin-top: 50px;}
.flLayout .flSide .catListOuter { padding: 20px 0 15px;background: rgba(71, 101, 57, 0.8);  }
.flLayout .flSide .catListOuter .subTitle { font-style: italic; }
.flLayout .flSide .catListOuter .catList { padding: 15px 0;border-top: 1px solid #C2B5A6;margin: 20px 15px 0; }
.flLayout .flSide .catListOuter .catList li { margin-top: 10px; }
.flLayout .flSide .catListOuter .catList li a { color: #CCCCCC;text-decoration: none !important; }
.flLayout .flSide .catListOuter .catList li a::before { content: "■"; color: #A06984; margin-right: 3px; }
@media screen and (min-width: 768px) {
.flLayout { width: 1060px;margin: 70px auto 0;display: flex;flex-wrap: wrap;justify-content: space-between; }
.flLayout .flBody { width: 700px; }
.flLayout .flBody .blogList { display: flex;flex-wrap: wrap;justify-content: space-between; }
.flLayout .flBody .blogList li { width: 335px; }
.flLayout .flSide { width: 320px;margin-top: 0; }
.flLayout .flSide .catListOuter { padding: 20px 30px 15px; }
.flLayout .flSide .catListOuter .catList { padding: 15px 10px;text-align: left; }
}

/* Article */

.flBody #articleOuter { background: rgba(255, 255, 255, 0.8);padding: 30px 20px; }
.flBody #articleOuter .blogTitle { color: #736357;text-align: left;font-weight: bolder;font-size: 200%;border-bottom: 1px solid;padding: 0 0 15px;margin: 0 0 10px; }
.flBody #articleOuter .blogDate { color: #736357;text-align: right;line-height: 1;margin: 0 0 25px;font-size: 110%; }
.flBody #blogBody,
.flBody #blogBody p { color: #666;text-align: left; line-height: 1.8; }
.flBody #blogBody p { margin: 10px auto; }
.flBody #blogBody img { width: auto;height: auto;padding: 20px 0; }
@media screen and (min-width: 768px) {
.flBody #articleOuter { padding: 45px 50px; }
}


/* page nation */

.paginationOuter {}
.paginationOuter .pagination {}
.paginationOuter .pagination .page-numbers { display: flex;flex-wrap: wrap;justify-content: center;margin: 20px auto 0; }
.paginationOuter .pagination .page-numbers li { font-size: 120%;margin: 0 15px; }

.paginationOuter .pagination .page-numbers li a { text-decoration: none !important; }
.paginationOuter .pagination .page-numbers li a.prev {}
.paginationOuter .pagination .page-numbers li a.next {}





.object-fit {
  object-fit: cover;
  font-family: 'object-fit: cover;'
}




/* ========== static pages style ========== */

#wrap.static_page form,
#wrap.static_page fieldset,
#wrap.static_page input,
#wrap.static_page textarea {color:#333!important;}

#wrap.static_page p {color:#ccc;}

/* #wrap.static_page { background: #3F483B; } */
#wrap.static_page { background: #12142F; }

#wrap.static_page #inner { position: relative;z-index: 1; }
#wrap.static_page #wrapInner { position:relative; }
#wrap.static_page #inner { background: /* url("/blog/images/bg.jpg") no-repeat center 0;background-size: 100% auto;*/ padding-bottom: 70px; }




/*  form style  */

#wrap.static_page form dl { display: flex; flex-wrap: wrap; margin-bottom: 20px;}
#wrap.static_page form dt { flex-basis: 30%; text-align: right; margin-right: 20px;font-weight: bold; padding: 10px;}
#wrap.static_page form dd { flex-basis: 60%; text-align: left; margin: 0; padding: 10px;}

/* input {padding: 10px; margin: 10px; display: block;} */

.formBtn { margin: 40px auto; position: relative;}
.formBtn .wpcf7-submit { font-size: 1.2rem; /* width: 50%; */ padding: 0.5em 2em; background: #fff; border-radius: 30px; border: none;}
.wpcf7-spinner {position: absolute!important; top: auto; left: auto; display: inline!important;}

.wpcf7-response-output { margin: 40px auto;}


/*  /form style  */


#wrap.static_page .bw p,
#wrap.static_page .bw ul { text-align: left; }
#wrap.static_page .bw li p img { margin: auto; }
#wrap.static_page .bw p { margin: 20px auto; }



@media screen and (min-width: 768px) {
  #wrap.static_page #inner { /* width: 700px; */ margin: 0 auto ;display: block; }
  #wrap.static_page #inner{ width:700px; }
}
@media screen and (max-width: 767px) {
  #wrap.static_page form dl { display: block; margin-bottom: 20px;}
  #wrap.static_page form dt { text-align: center; margin-right: 20px;font-weight: bold; padding: 10px;}
  #wrap.static_page form dd { text-align: center; margin: 0; padding: 10px;}
}
/* /static pages style */