@charset "UTF-8"; /* CSSカスタムプロパティ ----------------------------------*/ :root { --neeemo: #b88b68; } 

.nnnlc .nav-cont-cat a:hover, .sml .cont-cat a:hover, .common-search-cont .cont-cat a:hover, .s_contents .news-tag a:hover, .cont-unit .cont-tag:hover {
 color: #000;
}
.common-search-cont .news-cat a:hover , .sml .news-cat a:hover {
color: #B88B68;
}
.menu-cont-wrap .mn-news-hd {
font-size: 18px;
width: 117px;
margin: auto;
text-align: center;
position: relative;
}
.menu-cont-wrap .mn-news-hd:after {
content: '';
position: absolute;
display: block;
width: 2px;
height: 20px;
background-color: #000;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.menu-cont-wrap .mn-news-lst {
position: relative;
  top: 0;
  line-height: 18px;
  transition: 0.3s;
}
.menu-cont-wrap .mn-news-lst  a {
  white-space: nowrap;
   line-height: 18px;
   margin: 0;
}
.menu-cont-wrap .mn-news-lst a br {
display: none;
}
.mn-news-lst-wrap {
height: 18px;
overflow: hidden;
margin-bottom: 8px;
margin-top: 5px;
}
.pickdot {
text-align: center;
margin-bottom: 40px;
}
.pickdot li {
display: inline-block;
width: 9px;
height: 9px;
border-radius: 5px;
background-color: #C6C6C6;
margin: 0 5px;
}
.pickdot li.current {
  background-color: #B88B68;
}
.menu-cont-wrap .mn-news-hd:before {
content: '';
position: absolute;
display: block;
width: 2px;
height: 20px;
background-color: #000;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.nd + .nd {
    margin-top: 29px;
}
.nnnlc {
    margin-top: 10px;
    margin-bottom: 30px;
}
.nnnlc li.current {
    border: none;
    background-color: #B88B68;
    border: 1px solid #B88B68;
    color: #fff;
}
.nd .search-form_input {
    padding: 8px 10px;
    padding-left: 30px;
    border-radius: 20px;
    border: 1px solid #000;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    width: calc(100% - 80px);
}
.nnnlc li {
    display: inline-block;
    border: 1px solid #000;
    margin: 0 3px;
    border-radius: 5px;
}
.nnnlc li a {
    display: inline-block;
    padding: 3px 7px;
}
.nd .search-form_wrapper {
    position: relative;
    margin-top: 15px;
}
.news-nav {
  float: left;
  width: 32%;
  position: sticky;
  top: 20px;
}
.nnnlc .nav-cont-cat {
background-color:#B88B68;
border: solid 1px #B88B68;
color: #fff;
}
.nnnlc .nav-cat {
background-color:#000;
color: #fff;
}
.insitesearch-hd {
  font-size: 23px;
  letter-spacing: -0.06em;
  vertical-=align: top;
  margin-top: -15px;
  margin-bottom: 10px;
}
.insitesearch-hd::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url('../images/common/search.svg');
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: -6px;
  margin-right: 5px;
}
.menu-sns a {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 25px;
}
.menu-sns-hd {
  font-size: 18px;
  letter-spacing: -0.06em;
  margin-bottom: 10px;
}
.menu-sns {
  margin-top: 40px;
}
.menu-search {
    display: inline-block;
    margin-right: 30px;
    height: 30px;
    vertical-align: top;
    cursor: pointer;
    border-radius: 8px;
    background-color: rgba(235, 232, 228, 0.4);
}
.menu-search img {
  height: 30px;
  width: auto;
}
.menu-opened .menu-search {
  display: none;
}
.menu-btn {
  display: inline-block;
  vertical-align: top;
}
.search-window {
position: absolute;
right: -500px;
opacity: 0;
top: 0;
height: 100vh;
background-color: #fff;
width: 0px;
overflow: hidden;
transition: 0.3s;
z-index: 100000;
}
.search-opened .search-window {
position: fixed;
right: 0;
opacity: 1;
width: 450px;
}
.search-close {
  position: absolute;
  top: 41px;
  right: 30px;
  width: 148px;
  height: 38px;
  cursor: pointer;
}
.search-close::before {
   content: '';
   position: absolute;
   transform: rotate(8deg);
   display: block;
   width: 149px;
   height: 2px;
   background-color: #000; 
   top: 0;
   left: 0;
}
.search-close::after {
   content: '';
   position: absolute;
   transform: rotate(-8deg);
   display: block;
   width: 149px;
   height: 2px;
   background-color: #000; 
   top: 0;
   left: 0;
}
.sm-hd {
  padding-left: 2em;
  border-bottom: 2px solid #000;
  position: relative;
}
.sm-hd::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    background-color: #B88B68;
    position: absolute;
    left: 0.5em;
    top: 0;
    bottom: 0;
    margin: auto;
}
.sm-cont .search-form_wrapper {
    position: relative;
    margin-top: 15px;
}
.sm-cont .search-form_wrapper:before {
    content: '';
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    background-image: url(../images/common/search.svg);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.7;
    top: 6px;
    left: 5px;
}
.sml {
  margin-bottom: 20px;
}
.sm-cont .search-form_input {
    padding: 8px 10px;
    padding-left: 30px;
    border-radius: 20px;
    border: 1px solid #000;
    font-size: 16px;
    display: inline-block;
}
.search-menu {
width: 329px;
margin: auto;
height: 427px;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.sml li {
  display: inline-block;
}
.sml .cont-cat a {
 display: inline-block;
 background-color: #B88B68;
 border-radius: 5px;
 color: #fff;
 padding: 3px 7px;
}
.sml .news-cat a {
 display: inline-block;
 background-color: #000;
 border-radius: 5px;
 color: #fff;
 padding: 3px 7px;
}
.sm-tag {
  margin-top: 30px;
  font-size: 18px;
}
.sm-tgl .tag-cloud-link {
  font-size: 16px;
}
.sm-tgl .tag-cloud-link::before {
  content: '#';
  display: inline;
}
.ft-sns {
  margin-top: 20px;
}
.ft-sns-hd {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.06em;
  margin-bottom: 10px;
}
.ft-sns ul li {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 20px;
}
.search-form_button {
    border: 1px solid #000;
    border-radius: 20px;
    background-color: #fff;
    padding: 5px 12px;
    font-size: 15px;
    margin-left: 5px;
    width: 68px;
}

.common-search-wrap {
  background-color: #fff;
  border-radius: 30px;
  border: solid 2px #000;
  padding: 61px 100px 82px;
  margin-bottom: 332px;
} 
.common-search-hd {
  text-align: center;
  font-size: 32px;
  font-weight: 500;
  vertical-align: middle;
  margin-bottom: 42px;
}
.common-search-hd::before {
  content: '';
  display: inline-block;
  vertical-align: -8px;
  width: 40px;
  height: 40px;
  background-image: url(../images/common/search.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
}
.common-search-cat, .common-search-wd {
  display: table;
  width: 100%;
}
.common-search-cat {
  border-bottom: solid 2px #000;
  padding-bottom: 76px;
  margin-bottom: 76px;
}
.common-search-cat-hd {
  display: table-cell;
  width: 28%;
  font-size: 24px;
  letter-spacing: 0.06em;
}
.common-search-wrap .common-search-cont li {
  display: inline-block;
  margin-right: 16px;
  border-radius: 7px;
}
.common-search-wrap .common-search-cont li a {
  display: inline-block;
  color: #fff;
  font-size: 17px;
  padding: 6px 9px;
}
.common-search-wrap .cont-cat {
  background-color: #B88B68;
}
.common-search-wrap .news-cat {
  background-color: #282828;
}
.common-search-wd .search-form_input {
display: inline-block;
    width: calc(100% - 224px);
    padding: 10px 10px 8px 20px;
    padding-left: 30px;
    border-radius: 20px;
    border: 1px solid #000;
    font-size: 18px;
}
.common-search-wd .search-form_wrapper {
    position: relative;
}
.common-search-wd .search-form_wrapper:before {
    content: '';
    display: block;
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url(../images/common/search.svg);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.7;
    top: 8px;
    left: 8px;
}
.common-search-wd .search-form_button {
  width: 144px;
  font-size: 18px;
  margin-left: 25px;
}
.common-search-wd .search-form_button::after {
    content: 'する';
    display: inline;
    margin-left: -3px;
}
.common-search-wd .sm-tag {
    font-size: 18px;
    margin-bottom: 5px;
}
.single-sns-wrap {
    max-width: 790px;
    margin: auto;
    font-size: 1.803rem;
    font-weight: 400;
    letter-spacing: -0.361px;
    position: relative;

}
.sns-list {
  margin-top: 90px;
}
.sns-list li {
  display: inline-block;
  margin-right: 20px;
  vertical-align: -4px;
}
.sns-list .ssns-hf {
  vertical-align: top;
}
.ssns-hf::before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 24px;
  background-image: url('../images/common/share-2.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
  vertical-align: -5px;
  margin-right: 10px;
}
.ssns-x a {
  display: inline-block;
  width: 23px;
  height: 23px;
  background-image: url('../images/common/x.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.ssns-fb a {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url('../images/common/fb.svg');
  background-size: contain;
  background-repeat: no-repeat;
}
.link-cb {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url('../images/common/clipboard.svg');
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}
.single-sns-wrap .wpulike-default .wp_ulike_is_liked .wp_ulike_btn {
  background-color: #ebe8e4;
}
.single-sns-wrap .wpulike-default .count-box {
  background-color: #ebe8e4;
  box-shadow: none;
  margin-left: -10px;
}
.single-sns-wrap .wpulike-default .count-box:before {
  content: none;
}
.single-sns-wrap .wpulike {
  position: absolute;
  right: 0;
  top: -10px;
}
.single-sns-wrap .wpulike {
    position: absolute;
}
.single-sns-wrap .wpulike-default .wp_ulike_put_image:after {
    width: 20px;
    height: 20px;
}
.single-sns-wrap .wpulike-default button.wp_ulike_btn {
    background-color: #ebe8e4;
}
.nav-links {
  text-align: center;
  margin-top: 92px;
  font-size: 0;
}
.page-numbers {
  font-size: 15px;
  display: inline-block;
  width: 57px;
  height: 58px;
  border: 2px solid #000;
  border-radius: 5px;
  line-height: 58px;
  vertical-align: top;
  text-align: center;
}
.page-numbers + .page-numbers {
  margin-left: 10px;
  }
.page-numbers.current {
  color: #fff;
  background-color: #000;
}
.page-numbers.dots {
  border: none;
}
.prev.page-numbers, .next.page-numbers {
  display: none;
}
html { font-size: 62.5%; /* root: 10px */ height: 100%; } body { font-family: "A1ゴシック M", "A1 Gothic M", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; font-size: 16px; font-size: 1.6rem; font-weight: 500; line-height: 1.7; color: #333333; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%; box-sizing: border-box; letter-spacing: 0.1em; /* -webkit-font-smoothing: antialiased; */ /* -moz-osx-font-smoothing: grayscale; */ font-feature-settings: "palt"; background-color: #ebe8e4; } body.fixed { padding-top: 105px; } main { overflow: hidden; } input, textarea, button, select { /* font-family: inherit; */ font-size: 16px; font-size: 1.6rem; } label, button { cursor: pointer; } img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; } .clearfix::after { content: ""; display: block; clear: both; } /* IEだけインラインSVGの表示サイズがおかしくなるバグへの対処方法 */ img[src$=".svg"] { width: 100%; /* lte IE10 */ } mark { background: none; color: inherit; } a, .button { text-decoration: none; color: inherit; outline: none; /* lte IE8 */ transition-property: border, background, color; transition-duration: 0.05s; transition-timing-function: ease-in-out; } a:hover { color: var(--neeemo, #b88b68); } body[data-ccc_useragent="desktop"] a:hover { text-decoration: none; transition: all 0.3s; } body[data-ccc_useragent="desktop"] a.hv-udl:hover { text-decoration: underline; padding-bottom: 1px; /* font-size:11px以下のバグ対策; */ } a img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } body[data-ccc_useragent="desktop"] a:hover img { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* lte IE8 */ } /* switching PC/SP ----------------------------------*/ /****** ccc_breakpoint（jQueryプラグイン）---START--- ******/ /* jQuery と メディアクエリを連動して一元管理 */ #ccc_window_size-desktop, #ccc_window_size-tablet, #ccc_window_size-phone { display: none; } /*** switching PC/SP ***/ /* jQuery と メディアクエリを連動して一元管理 */ @media only screen and (min-width: 1001px) { #ccc_window_size-desktop { display: block; } .sp { display: none !important; } } @media only screen and (max-width: 1000px) { #ccc_window_size-phone { display: block; } .pc { display: none !important; } } /****** ccc_breakpoint（jQueryプラグイン）---END--- ******/ /****** ハンバーガーメニューを開いた時に後ろはスクロールしないようにするjQueryのための設定 ---START--- ******/ .ccc-base-fixed { position: fixed !important; width: 100%; height: 100%; overflow: hidden; } .ccc-base-fixed:before { content: " "; width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, 0.2); position: fixed; top: 0; z-index: 99999; } .ccc-base-fixed.modal-opened:before { z-index: 9999999; }.ccc-base-fixed_2 { position: fixed !important; width: 100%; height: 100%; overflow: hidden; } .ccc-base-fixed_2:before { content: " "; width: 100%; height: 100%; background: #000; background: rgba(0, 0, 0, 0.2); position: fixed; top: 0; z-index: 99999; } .ccc-base-fixed_2.modal-opened:before { z-index: 9999999; } /****** ハンバーガーメニューを開いた時に後ろはスクロールしないようにするjQueryのための設定 ---END--- ******/ /* basic ----------------------------------*/ .outer { width: 100%; margin: 0 auto; position: relative; } .inner-01, .inner-02, .inner-03 { margin: 0 auto; padding-right: 20px; padding-left: 20px; } .inner-01 { max-width: 1200px; } .inner-02 { max-width: 790px; } .inner-03 { max-width: 990px; } .clearfix:after { content: " "; display: block; clear: both; } a.invert:hover { background-color: #000; color: #fff; } a.external.invert:hover::after { filter: invert(100%); } /* PC ----------------------------------------------------------*/ @media only screen and (min-width: 1001px) { body[data-admin_bar_showing="true"][data-ccc_scrolling="true"] .header-group, body[data-admin_bar_showing="true"].hg-opened .header-group { top: 32px; } } /* SP ----------------------------------------------------------*/ @media only screen and (max-width: 1000px) { body[data-admin_bar_showing="true"][data-ccc_scrolling="true"] .header-group { top: 46px; } } @media only screen and (max-width: 600px) { body[data-admin_bar_showing="true"] #wpadminbar { top: -46px; } body[data-admin_bar_showing="true"][data-ccc_scrolling="true"] .header-group { top: 0; } } /* unique ----------------------------------*/ .shippori-mincho { font-family: "Shippori Mincho B1", serif; font-weight: 400; font-style: normal; } .clearfix::after { content: " "; display: block; clear: both; } /*header*/ .hd-group { width: 100%; position: relative; z-index: 100000; height: 105px; } .hd-group.fixed { position: fixed; top: 0; left: 0; animation: hedder-in 0.5s; height: 0; } @keyframes hedder-in { 0% { top: -100%; } 100% { top: 0; } } .logo-mah-kinayo { position: absolute; left: 58px; top: 42px; width: 250px; height: 139px; margin: 0; } .logo-mah-kinayo a { display: block; } .hd-group.fixed .logo-mah-kinayo { left: 40px; top: 15px; width: 250px; height: 139px; margin: 0; } .menu-wrap { position: absolute; top: 41px; right: 52px; z-index: 100000; } .ccc-base-fixed .menu-wrap { position: fixed; } .menu-btn { width: 149px; height: 30px; font-size: 1.6rem; text-align: center; font-weight: 600; line-height: 2; letter-spacing: 5.266px; color: var(--neeemo, #b88b68); border-left: solid 2.5px #000; border-right: solid 2.5px #000; cursor: pointer; } .ccc-base-fixed .menu-btn { color: #ebe8e4; border: none; position: relative; } .ccc-base-fixed .menu-btn::before { content: " "; width: 150px; height: 2px; display: block; position: absolute; background-color: #000; transform: rotate(10deg); left: 0; top: 15px; } .ccc-base-fixed .menu-btn::after { content: " "; width: 150px; height: 2px; display: block; position: absolute; background-color: #000; transform: rotate(-10deg); left: 0; bottom: 14px; } .menu-window { position: fixed; width: 100%; height: 100%; background-color: #ebe8e4; z-index: 100000; top: -200%; overflow: scroll; opacity: 0; transition: 0.5s opacity; } .ccc-base-fixed .menu-window { top: 0; left: 0; opacity: 1; } .menu-neeemo { position: absolute; top: 42px; left: 57px; width: 275px; } .menu-mah-kinayo { position: absolute; width: 250px; left: 0; right: 0; margin: auto; top: 43px; } .menu-cont-wrap { max-width: 1100px; margin: auto; margin-top: 250px; } .menu-lf { float: left; width: 44%; } .menu-rg { float: right; width: 44%; border: 2px solid #000; border-radius: 30px; position: relative; text-align: center; padding-top: 137px; box-sizing: border-box; padding-bottom: 172px; } .menu-rg::after { content: ""; display: block; width: 400px; position: absolute; left: 0; right: 0; margin: auto; bottom: -85px; background-image: url("../images/common/menu-img-01.svg"); height: 182px; } .menu-lst { width: 100%; } .menu-lst li { border-bottom: solid 2px #000; } .menu-lst li:first-child { border-top: solid 2px #000; } .menu-lst li a { display: block; font-size: 2.4rem; font-weight: 500; line-height: 2.79166666667; letter-spacing: -0.48px; position: relative; } .menu-lst li a::after { content: ""; display: block; position: absolute; width: 34px; height: 34px; top: 0; bottom: 0; right: 0; margin: auto; background-image: url("../images/common/menu-arrow.svg"); background-repeat: no-repeat; background-size: contain; } .menu-lf-btm { margin-top: 42px; font-size: 1.8rem; font-weight: 500; line-height: 1.78333333333; } .menu-lf-btm a { display: inline-block; text-decoration: underline; margin-right: 25px; } .menu-rg-hd { position: absolute; font-size: 2.2067rem; font-weight: 500; line-height: 1.33275932388; letter-spacing: -0.441px; background-color: #ebe8e4; width: 185px; text-align: left; left: 0; right: 0; margin: auto; top: -31px; padding-left: 60px; } .menu-rg-hd::before { position: absolute; display: block; content: ""; width: 101%; height: 2px; background-color: #000; bottom: -10px; transform: rotate(6deg); left: 0; } .menu-rg-hd::after { position: absolute; display: block; content: ""; width: 101%; height: 2px; background-color: #000; top: -10px; transform: rotate(-6deg); left: 0; } .tell-hd { font-size: 2.1435rem; line-height: 1.49997667366; letter-spacing: -0.214px; position: relative; margin-bottom: 18px; } .tell-hd::after { content: ""; display: block; position: absolute; width: 40px; height: 1px; background-color: #000; left: 0; right: 0; margin: auto; bottom: -18px; } .tell-lnk { display: block; color: var(--neeemo, #b88b68); font-size: 3.2867rem; font-weight: 500; line-height: 0.978245656738; letter-spacing: -0.329px; margin-top: 36px; } .menu-rg-mail { margin-top: 43px; } .mail-btn { display: block; width: 298px; height: 73px; line-height: 73px; font-size: 1.8rem; font-style: normal; font-weight: 400; letter-spacing: -0.36px; border: 2px solid #000; border-radius: 44px; margin: auto; margin-top: 36px; } .mail-btn::after { content: ""; display: inline-block; width: 24px; height: 24px; background-image: url("../images/common/mail-open.svg"); margin-left: 10px; vertical-align: -4px; } /*footer*/ .common-info { padding-top: 160px; padding-bottom: 162px; } .common-info-01 { margin-top: 80px; width: calc(100% + 32px); font-size: 0; letter-spacing: 0; margin-left: -16px; } .common-info-01 li { display: inline-block; width: 50%; padding: 0 16px; box-sizing: border-box; margin-bottom: 32px; vertical-align: top; } .common-info-01 dl { background-color: #fff; width: 100%; display: table; padding: 32px 30px; box-sizing: border-box; } .common-info-01 dt { vertical-align: top; display: table-cell; width: 105px; height: 105px; } .common-info-01 dd { vertical-align: top; display: table-cell; padding-left: 31px; box-sizing: border-box; } .dd-hd { font-size: 2.4rem; font-weight: 500; line-height: 1.21666666667; letter-spacing: -0.48px; } .dd-cont { margin-top: 15px; font-size: 1.803rem; font-weight: 400; line-height: 1.39212423738; letter-spacing: -0.361px; } .common-contact { border: solid 2px #000; border-radius: 30px; position: relative; margin-top: 400px; padding-top: 158px; padding-left: 103px; padding-right: 103px; padding-bottom: 111px; z-index: 100; } .common-contact-hd { position: absolute; z-index: 100; padding-left: 70px; top: -40px; width: 303px; font-size: 2.7291rem; font-weight: 500; line-height: 1.33274705947; letter-spacing: -0.546px; background-color: #ebe8e4; right: 120px; z-index: 102; } .common-contact-hd::before { content: ""; width: 350px; height: 2px; background-color: #000; transform: rotate(-6deg); position: absolute; display: block; top: -28px; right: 0; z-index: 102; } .common-contact-hd::after { content: ""; width: 390px; height: 2px; background-color: #000; transform: rotate(6deg); position: absolute; display: block; bottom: -22px; right: 0; z-index: 102; } .common-contact-hd span { display: block; position: absolute; width: 637px; height: 288px; background-image: url(../images/common/common-contact.svg); left: -602px; top: -136px; z-index: 110; } .common-contact-cont {} .ccc-hd { display: inline-block; margin-right: 100px; font-size: 3rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.3px; vertical-align: top; } .ccc-txt { color: #000; display: inline-block; vertical-align: top; font-size: 1.803rem; font-weight: 400; line-height: 1.78036605657; letter-spacing: -0.361px; } .ccc-lnk { margin-top: 75px; display: table; max-width: 666px; margin: auto; margin-top: 75px; width: 100%; } .ccc-link-cell { width: 50%; display: table-cell; text-align: center; border-right: 2px solid #000; } .ccc-link-cell:first-child { border-left: 2px solid #000; } .ccc-icon { width: 52px; height: 52px; margin: auto; background-repeat: no-repeat; background-size: contain; } .ccc-tell .ccc-icon { background-image: url("../images/common/smartphone.svg"); } .ccc-mail .ccc-icon { background-image: url("../images/common/mail.svg"); } .ccc-cell-hd { margin-top: 19px; font-size: 3rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.3px; } .ccc-tell-cont { color: var(--neeemo, #b88b68); font-size: 3rem; font-weight: 500; line-height: 1.5; letter-spacing: -0.3px; margin-top: 38px; } .ccc-tell-cont-sb { font-size: 2.1028rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.21px; } .ccc-mail-btn { display: block; text-align: center; width: 248px; height: 60px; font-size: 1.8rem; font-weight: 400; line-height: 3.33333333333; letter-spacing: -0.36px; border: solid 2px #000; border-radius: 44px; margin: auto; margin-top: 34px; } .sp-btn { display: block; border: solid 2px #000; height: 73px; border-radius: 37px; margin-bottom: 30px; } footer { position: relative; } .footer-wrap { padding-top: 60px; } .footer-lf { float: left; } .footer-rg { float: right; } .footer-logo { display: block; width: 282px; margin-bottom: 70px; } .ft-lf-01 { font-size: 1.803rem; font-weight: 500; line-height: 1.78036605657; letter-spacing: -0.361px; } .ft-lf-02 { font-size: 1.803rem; font-weight: 400; line-height: 1.78036605657; letter-spacing: -0.361px; margin-top: 16px; } .ft-rg-lst li { width: 306px; } .ft-rg-lst li a:first-child { border-top: 2px solid #000; margin-top: 19px; } .ft-rg-lst li a { font-size: 1.803rem; font-weight: 500; line-height: 1.78036605657; letter-spacing: -0.361px; display: block; } .ft-low { margin-top: 30px; padding-bottom: 60px; } .ft-low-pp { text-align: right; font-size: 1.6rem; font-weight: 500; line-height: 2.00625; text-decoration-line: underline; text-transform: capitalize; padding: 0 20px; } .ft-low-pp a { display: inline-block; margin-left: 25px; text-decoration-line: underline; } .copy-right { text-align: right; font-size: 1.6rem; font-weight: 500; line-height: 2.00625; padding: 0 20px; } .totop { position: absolute; right: 0; bottom: 200px; background-color: #ebe8e4; overflow: hidden; padding-bottom: 2px; } .totop a { display: block; width: 210px; height: 320px; background-size: contain; background-repeat: no-repeat; } .totop a:hover { animation: hurueru 0.1s infinite; } @keyframes hurueru { 0% { transform: translate(0px, 0px) rotateZ(0deg); } 25% { transform: translate(2px, 2px) rotateZ(1deg); } 50% { transform: translate(0px, 2px) rotateZ(0deg); } 75% { transform: translate(2px, 0px) rotateZ(-1deg); } 100% { transform: translate(0px, 0px) rotateZ(0deg); } } /*pages*/ .cont-hd { text-align: center; font-size: 5.333rem; font-weight: 500; line-height: 0.870204387774; letter-spacing: 6.4px; } .cont-hd-sb { margin-top: 15px; text-align: center; font-size: 2.2rem; font-weight: 500; line-height: 1.2305; letter-spacing: -0.441px; } .cont-hd-wrap { position: relative; } .cont-hd-wrap::after { content: ""; display: block; width: 56px; height: 2px; position: absolute; left: 0; right: 0; margin: auto; background-color: #000; bottom: -37px; } .page-hd-wrap { padding-top: 210px; text-align: center; } .page-hd { font-size: 5.333rem; font-weight: 500; line-height: 0.870204387774; letter-spacing: 6.4px; } .page-hd-sb { font-size: 2.203rem; font-weight: 500; line-height: 1.22882433046; letter-spacing: -0.441px; margin-top: 10px; } .page-hd-inner { display: inline-block; border-left: 2px solid #000; border-right: 2px solid #000; padding-left: 55px; padding-right: 55px; } .page-hd-txt { margin-top: 53px; text-align: center; font-size: 1.803rem; font-weight: 400; line-height: 2.27953410982; letter-spacing: -0.361px; } a.external::after { content: ""; display: inline-block; width: 24px; height: 24px; background-image: url(../images/common/mail-open.svg); background-size: contain; background-repeat: no-repeat; vertical-align: -4px; margin-left: 15px; } .common-info-01 a { position: relative; display: block; transition: 0.8s; top: 0; } .common-info-01 a:hover { top: -20px; } .menu-window-wrap { padding: 0 15px; } /* PC ----------------------------------------------------------*/ @media only screen and (min-width: 1321px) and (max-width: 1600px) { .ft-rg-lst li { width: calc(400px + 4vh); } } @media only screen and (min-width: 1001px) and (max-width: 1320px) { .inner-01, .inner-02, .inner-03 { padding-right: 5%; padding-left: 5%; } .menu-window-wrap { padding: 0 5%; } .ft-rg-lst li { width: 452px; } .common-contact-hd { top: -40px; width: 182px; font-size: 2rem; right: 50px; left: 450px; margin: auto; } .common-contact-hd span { width: 467px; height: 198px; left: -372px; top: -74px; background-size: contain; background-repeat: no-repeat; } .common-contact-cont { text-align: center; } .common-contact { padding-left: 33px; padding-right: 33px; } } /* SP ----------------------------------------------------------*/ @media only screen and (max-width: 1000px) { .inner-01, .inner-02, .inner-03 { margin: 0 auto; padding-right: 14px; padding-left: 14px; max-width: 500px; } .menu-btn { background-color: rgba(235, 232, 228,0.4); } body.fixed { padding-top: 0px; } .hd-group.fixed { position: static; animation: none; } .hd-group { height: 0; } .logo-mah-kinayo { position: relative; width: 167px; top: 32px; left: 0; right: 0; margin: auto; } .hd-group.fixed .logo-mah-kinayo { position: relative; width: 267px; top: 32px; left: 0; right: 0; margin: auto; } .menu-wrap { position: fixed; top: auto; right: 0; left: 0; margin: auto; bottom: 15px; z-index: 100000; width: 267px; color: var(--neeemo, #b88b68); text-align: center; font-size: 1.7803rem; font-weight: 400; line-height: 1.34690782452; letter-spacing: 5.875px; } .cont-hd { font-size: 3.4rem; font-weight: 500; line-height: 1.36494117647; letter-spacing: 4.08px; } .cont-hd-sb { font-size: 2rem; font-weight: 500; line-height: 1.35355; letter-spacing: -0.4px; margin-top: 7px; } .common-info-01 li { display: block; width: 100%; margin-bottom: 20px; } .common-info-01 dl { width: 100%; display: table; padding: 18px 23px; } .common-info-01 dt { width: 65px; height: 65px; } .dd-hd { font-size: 1.8rem; line-height: 1.50394444444; letter-spacing: -0.36px; } .dd-cont { margin-top: 9px; font-size: 1.4rem; line-height: 1.5; letter-spacing: -0.28px; } .common-contact-hd span { display: none; } .common-contact-hd { padding-left: 60px; top: -25px; width: 245px; right: 0px; box-sizing: border-box; left: 0; margin: auto; font-size: 2.2067rem; line-height: 1.33275932388; letter-spacing: -0.441px; } .common-contact-hd::before { width: 240px; top: -13px; right: 0; } .common-contact-hd::after { width: 240px; bottom: -12px; } .ccc-hd, .ccc-txt { display: none; } .common-contact { border: solid 2px #000; border-radius: 30px; position: relative; margin-top: 200px; padding-top: 111px; padding-left: 30px; padding-right: 30px; padding-bottom: 138px; } .ccc-lnk { display: block; width: 100%; margin-top: 0px; } .ccc-link-cell { width: 100%; display: block; border-right: none; } .ccc-link-cell:first-child { border-left: none; } .ccc-icon { display: none; } .ccc-cell-hd { font-size: 2.1435rem; line-height: 1.49997667366; letter-spacing: -0.214px; position: relative; margin-bottom: 36px; } .ccc-cell-hd::after { content: ""; display: block; height: 2px; width: 40px; background-color: #000; position: relative; left: 0; right: 0; margin: auto; bottom: -18px; } .ccc-tell-cont { font-size: 2.187rem; line-height: 1.47014174668; letter-spacing: -0.219px; margin-top: 0; } .ccc-tell-cont-sb { text-align: center; font-size: 1.5024rem; line-height: 1.50006656017; letter-spacing: -0.15px; margin-top: -8px; } .sp-btn>div { display: inline-block; padding-top: 13px; vertical-align: -10px; } .ccc-mail-btn { width: 100%; height: 73px; line-height: 73px; border-radius: 37px; } .ccimg { position: absolute; width: 100%; max-width: 331px; height: 286px; bottom: -173px; left: 0; right: 0; margin: auto; background-image: url(../images/common/ccimgsp.svg); background-size: contain; background-repeat: no-repeat; background-position: center; } /*footer*/ .common-info { padding-top: 80px; } .footer-wrap { padding-top: 0px; margin-top: 168px; overflow: hidden; } .footer-lf { float: none; } .footer-logo { margin: auto; margin-bottom: 71px; } .ft-lf-01 { font-size: 1.8rem; line-height: 1.50394444444; letter-spacing: -0.36px; } .ft-lf-02 { font-size: 1.8rem; font-weight: 500; line-height: 1.50394444444; letter-spacing: -0.36px; } .footer-rg { float: none; } .totop { position: static; right: 0; bottom: 200px; background-color: #ebe8e4; } .ft-rg-lst { margin-top: 50px; } .ft-rg-lst li { width: 100%; } .ft-rg-lst li a { font-size: 2.4rem; line-height: 1.375; letter-spacing: -0.48px; padding: 17px 0; position: relative; } .ft-rg-lst li a::after { content: ""; position: absolute; display: block; width: 32px; height: 32px; background-image: url(../images/common/menu-arrow.svg); background-size: contain; background-repeat: no-repeat; background-position: center; right: 0; bottom: 17px; } .ft-rg-lst li a+a { padding-top: 0; } .ft-rg-lst li a:first-child { margin-top: 0; } .ft-rg-lst li:last-child a { border-bottom: solid 2px #000; } .ft-low-pp { text-align: left; font-size: 2rem; line-height: 1.605; padding: 0 14px; } .ft-low-pp a { margin-left: 0px; display: block; margin-bottom: 14px; } .totop a { margin: auto; position: relative; right: -10px; } .totop a::after { content: ""; display: block; width: 200%; height: 2px; position: absolute; background-color: #000; top: 258px; left: 210px; } .totop a::before { top: 314px; content: ""; display: block; width: 200%; height: 2px; position: absolute; background-color: #000; left: 209px; transform: rotate(1deg); } .copy-right { margin-top: 75px; font-size: 1.6rem; line-height: 2.00625; text-align: center; padding: 0 20px; } .menu-neeemo { top: 23px; left: 18px; width: 175px; } .ccc-base-fixed .menu-wrap { top: 17px; right: 0; left: auto; margin: 0; bottom: auto; position: absolute; width: 167px;} .ccc-base-fixed .menu-btn::before { transform: rotate(7deg); } .ccc-base-fixed .menu-btn::after { transform: rotate(-7deg); } .menu-mah-kinayo { width: 260px; top: 91px; } .menu-cont-wrap { padding: 0 17px 223px; } .menu-lf { float: none; width: 100%; box-sizing: border-box; } .menu-lst li a+a { line-height: 33px; padding-bottom: 17px; } .menu-lf-btm { margin-top: 42px; font-size: 2rem; line-height: 1.605; } .menu-rg { float: none; width: 100%; margin-top: 117px; padding: 111px 30px 145px; } .tell-lnk { text-align: center; font-size: 2.187rem; font-weight: 400; line-height: 1.47014174668; letter-spacing: -0.219px; margin-top: 0; } .tell-sb { text-align: center; font-size: 1.5024rem; line-height: 1.50006656017; letter-spacing: -0.15px; margin-top: -8px; } .ccspbtn { display: block; width: 100%; height: 73px; border: solid 2px #000; border-radius: 37px; box-sizing: border-box; margin-top: 30px; padding-top: 12px; } .ccspbtn div { display: inline-block; vertical-align: -10px; } .menu-rg::after { width: 331px; height: 286px; bottom: -175px; background-image: url(../images/common/ccimgsp.svg); } .page-hd-wrap { padding: 191px 14px 0; } .page-hd-inner { width: auto; max-width: 317px; margin: auto; display: block; box-sizing: border-box; padding: 41px 0; margin-bottom: 60px; } .page-hd { font-size: 3.4rem; line-height: 1.07058823529; letter-spacing: 4.08px; } .page-hd-sb { font-size: 1.8rem; line-height: 1.50394444444; letter-spacing: -0.36px; margin-top: 15px; } .page-hd-txt { font-size: 1.8rem; line-height: 1.94444444444; letter-spacing: -0.36px; margin-top: 0; padding: 0 12px; } .mail-btn { width: 100%; } .ft-low-pp { max-width: 500px; margin: auto; } 



.search-opened .search-window {
    width: 100%;
}
.search-close {
    top: 35px;
    right: 28px;
    width: 126px;
    height: 16px;
}
.search-close::after {
    width: 127px;
}
.search-close::before {
    width: 127px;
}
.sm-tag {
    margin-top: 30px;
    font-size: 15px;
}
.sm-tgl .tag-cloud-link {
    font-size: 14px !important;
}
.search-window {
  right: 0px;
}
.common-search-wrap {
    border-radius: 20px;
    padding: 20px 15px 20px;
    margin-bottom: 202px;
}
.common-search-hd {
    font-size: 25px;
    margin-bottom: 22px;
}
.common-search-hd::before {
    vertical-align: -5px;
    width: 30px;
    height: 30px;
    margin-right: 5px;
}
.common-search-cat, .common-search-wd {
    display: block;
}
.common-search-cat-hd {
    display: block;
    width: 100%;
    font-size: 21px;
}
.common-search-cat {
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.common-search-wrap .common-search-cont li a {
    color: #fff;
    font-size: 14px;
    padding: 4px 6px;
}
.common-search-wrap .common-search-cont li {
    margin-right: 3px;
    border-radius: 5px;
}
.common-search-cat-hd {
    font-size: 18px;
}
.common-search-wd .search-form_button {
    width: 83px;
    font-size: 14px;
    margin-left: 3px;
    vertical-align: top;
    padding: 4px 12px;
}
.common-search-wd .search-form_input {
    display: inline-block;
    width: calc(100% - 124px);
    padding: 7px 6px 5px 23px;
    padding-left: 23px;
    border-radius: 15px;
    border: 1px solid #000;
    font-size: 14px;
}
.common-search-wd .search-form_wrapper:before {
    width: 22px;
    height: 22px;
    top: 4px;
    left: 4px;
}
.single-sns-wrap .sns-list { 
position: relative;
top: 60px;
background-color: #fff;
border-radius: 25px;
text-align: center;
margin-top: 30px;
padding-top: 30px;
padding-bottom: 30px;
}
.single-sns-wrap .sns-list .ssns-hf {
    display: block;
    margin-bottom: 15px;
}
.single-sns-wrap .sns-list li {
    margin-right: 10px;
    margin-left :10px;
}
.return-cont a {
margin-top: 120px;}
}