@charset "UTF-8";
/*
Theme Name: memento2
Theme URI: https://www.memento.co.jp
Description: A theme by <a href="https://www.memento.co.jp">memento</a>.
Version: 2
Author: memento
Author URI: https://www.memento.co.jp
*/

  


html {
  font-size:  16px;
}


body {

     font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
width: auto;
background-color: #F7F6E2 !important;
    }

    img {width: 100%; height: auto;}
    
    h1, h2, h3, h4, h5, h6 {

}
    
a {
    color: #061b90;
}
a.black-link {
    color: #212529!important;
}
a.black-link:hover {
    text-decoration: none;
    opacity: .7;
}

hr {
    border-top: 5px solid rgba(0, 0, 0, 0.1);
    width: 6rem;
    margin:2rem auto;
}

    .font70 {font-size: 70%;}
    .font80 {font-size: 80%;}
    .font90 {font-size: 90%}
    .font120 {font-size: 120%;}
    .font150 {font-size: 150%;}
    .font200 {font-size: 200%;}
    .font300 {font-size: 300%;}


/* ヘッダー
----------------------------------- */

.header-top {margin: 80px 0 0px;}

.top-page img.top-logo {width: 200px;}

@media (max-width: 767.98px) {
.top-page img.top-logo {width: 170px;}
}

.navbar-nav img {height: 17px; width: auto;}

@media (min-width: 768px){
.navbar-expand-md .navbar-nav .nav-link {
  padding-right: 1rem;
    padding-left: 1rem;
}
}

@media (max-width: 767.98px) {
nav.navbar {
  position: absolute;
}
.navbar-light .navbar-toggler {
    background: rgba(255, 255, 255, 0.5);
    margin-bottom: .2rem;
}
ul.navbar-nav {
    background: #fbfbfb;
    padding: 1rem;
}
}



/* トップページ
----------------------------------- */

.tategaki {width: 270px;}

@media (max-width: 767.98px) {
.tategaki {width: 220px;}
}


.top-pic-logo {
    bottom: 0px;
    width: 100px;
    margin-left: -4rem;
}

.bg-base.bgline {background: url(https://memento-pr.co.jp/wp-content/themes/memento2/img/bg-base-00.png) repeat !important;}
body.green .bg-dark {background-color: #A0C8B4 !important;}
body.green .bg-dark.bgline {background: #A0C8B4 url(https://memento-pr.co.jp/wp-content/themes/memento2/img/bg-green-line-dark.png) repeat !important;}
body.green .bg-light {background-color: #CCE1D3 !important;}
body.green .bg-light.bgline {background: #CCE1D3 url(https://memento-pr.co.jp/wp-content/themes/memento2/img/bg-green-line-light.png) repeat !important;}

body.orange .bg-dark {background-color: #F6C9AA !important;}
body.orange .bg-dark.bgline {background: #F6C9AA url(https://memento-pr.co.jp/wp-content/themes/memento2/img/bg-orange-line-dark.png) repeat !important;}
body.orange .bg-light {background-color: #F9D9BC !important;}
body.orange .bg-light.bgline {background: #F9D9BC url(https://memento-pr.co.jp/wp-content/themes/memento2/img/bg-orange-line-light.png) repeat !important;}

body.purple .bg-dark {background-color: #CBBBCD !important;}
body.purple .bg-dark.bgline {background: #CBBBCD url(https://memento-pr.co.jp/wp-content/themes/memento2/img/bg-purple-line-dark.png) repeat !important;}
body.purple .bg-light {background-color: #E4DAE2 !important;}
body.purple .bg-light.bgline {background: #E4DAE2 url(https://memento-pr.co.jp/wp-content/themes/memento2/img/bg-purple-line-light.png) repeat !important;}

.card {
    border: 0px !important;
    border-radius:0rem !important;
    }




.top-page h2 img {
    height: 26px;
    width: auto;
}
@media (max-width: 767.98px) {
.top-page h2 img {
    height: 20px;
}
}

.top-news h3 {
    font-size: 1.3rem;
    opacity: .9;
}
dl.row a {
    margin: 0;
    width: 100%;
}
.works-list a {
    background: #fff;
    display: block;
    padding: 2rem;
}
@media (max-width: 767.98px) {
.works-list a {
    padding: 1rem;
}
  }

.border-box {
    border: 1px solid #fff;
    margin-bottom: 30px;
    padding: 3px;
}
@media (max-width: 767.98px) {
.works-list .col-6.col-sm-4 {
  padding: 0 5px;
}
.border-box {
    margin-bottom: 10px;
    }
  }

.works-thumbnail {
  background-size: cover;
  background-position: center center;
  padding-top: 56.25%;
  width: 100%;
}

.header-page {margin: 80px 0 0 0;}
.header-page .nav {
width: auto;
margin: 28px 0 10px;
border-bottom: 1px dashed #999;
padding-left: 94px;}


@media (max-width: 767.98px) {
.top-pic-logo {
width: 90px;
    margin-left: -5rem;
}
}

.column-card-box {
  padding: 0 15%;
}
@media (max-width: 767.98px) {
.column-card-box {
  padding: 0 5%;
}
}

h5.card-title.mb-5 {
    opacity: .9;
    font-weight: normal;
}

.screen-reader-response {
    text-align: left;
}



/* ワークス
----------------------------------- */

.works-title {
    height: 15px;
    width: auto;
    margin-top: 3rem;
}
.works-title:first-child {
    margin-top: 0rem;
}

.works-title img {
    height: 14px;
    width: auto;
}
.wp-block-image img {
    max-width: 100%;
    width: auto;
}
.works-body hr {
    margin:2rem 0;
}









/*wp-pagenavi base*/
.wp-pagenavi {
  clear: both;
  text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span {
  color: #999;
  background-color: #FFF;
  border: solid 1px #e0e0d2;
  padding: 8px 15px;
  margin: 0 2px;
  white-space: nowrap;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
}
.wp-pagenavi a:hover {
  color: #FFF;
  background-color: #999;
  border-color: #999;
}
.wp-pagenavi span.current {
  color: #FFF;
  background-color: #b59268;
  border-color: #b59268;
  font-weight: bold;
}