﻿/*
Theme Name: PaixChouette
Author: JBU
Author URI: https://jbu.ne.jp/
Description: PaixChouette theme
Version: 0.1
*/

/* charset */
@charset "UTF-8";

@import url("top_h.css");

* {
  margin:0;
  padding:0;
  list-style-type:none;
}
a {
  text-decoration:none;
  color:#6f6256;
}
a:visited {
  color:#6f6256;
}
@media (min-width: 1025px) {
  a:hover {
    text-decoration:none;
    color:#6f6256;
  }
}
*:focus{
  outline:none;
}
ul {
  margin: 0;
  padding: 0;
}

.smart-br {
  display:none;
}
@media (min-width: 0px) and (max-width: 767px) {
  .smart-br {
    display:block;
  }
  .desktop-br {
    display:none;
  }
  .desktop-space {
    display:none;
  }
}

html,
body {
  color:#4f4740;
/*  background-color:#f2f2f2;*/
/*  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;*/
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;

}
img {
  border:none;
}
/* スマホ */
@media (min-width: 0px) and (max-width: 767px) {
}
/* PC */
@media (min-width: 768px) {
}



/*icono*/
i[class*="icono-"] {
  color:#4f4740;
}



/* .inner */
.inner {
  width:96%;
  padding:10px 2%;
  margin:0 auto;
}
/* --------------------- レスポンシブ --------------------- */
@media (min-width: 1024px) {
  .inner {
    width:1000px;
    padding:10px;
  }
}



/* header */
#headerWrapper {
}
#header {
  padding:10px;
  background:rgba(255,255,255,.95);
  background:#fff;
}
#header .header_logo {
  padding:20px 0;
}
#header .header_logo img {
  display:block;
  width:220px;
  margin:0 auto;
}
/* スマホ */
@media (min-width: 0px) and (max-width: 767px) {
  #header .header_logo {
    padding:20px 0;
  }
}
/* --------------------- レスポンシブ --------------------- */
@media (min-width: 1024px) {
  #header {
    display:flex;
    justify-content:space-between;
  }
  #header .header_logo {
    display:flex;
    align-items:center;
    border-bottom:solid 5px #6cbbdc;
    padding:0 30px;
  }
}



/* navi */
.menu-navi-container #menu-navi {
}
.menu-navi-container #menu-navi li {
}
.menu-navi-container #menu-navi li a {
}
.menu-navi-container #menu-navi li.current-menu-item a {
  background-color:rgba(255,255,255,.9);
}
/* スマホ */
@media (min-width: 0px) and (max-width: 767px) {
  .menu-navi-container #menu-navi li a {
    display:block;
    text-align:center;
    color:#152832;
    font-size:11pt;
    letter-spacing: 0.1em;
    font-weight:bold;
    height:1em;
    padding:30px;
  }
}
/* PC */
@media (min-width: 768px) {
  .menu-navi-container #menu-navi {
    display:flex;
    justify-content:center;
  }
  .menu-navi-container #menu-navi li {
    width:20%;
  }
  .menu-navi-container #menu-navi li a {
    display:block;
    height:80px;
    line-height:80px;
    text-align:center;
    color:#152832;
    font-size:11pt;
    letter-spacing: 0.1em;
    font-weight:bold;

    position:relative;
  }
  .menu-navi-container #menu-navi li.current-menu-item a:before {
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-10px;
    border-top:solid 0px transparent;
    border-right:solid 10px transparent;
    border-bottom:solid 8px #6cbbdc;
    border-left:solid 10px transparent;
  }
  .menu-navi-container #menu-navi li.current-menu-item a:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:5px;
    background-color:#6cbbdc;
  }
}
@media (min-width: 1025px) {
  .menu-navi-container #menu-navi li a:hover {
    background-color:rgba(255,255,255,.6);
  }
  .menu-navi-container #menu-navi li a:hover:before {
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    margin-left:-10px;
    border-top:solid 0px transparent;
    border-right:solid 10px transparent;
    border-bottom:solid 8px #6cbbdc;
    border-left:solid 10px transparent;
  }
  .menu-navi-container #menu-navi li a:hover:after {
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:5px;
    background-color:#6cbbdc;
  }
}
/* --------------------- レスポンシブ --------------------- */
@media (min-width: 1024px) {
  .menu-navi-container #menu-navi li {
    width:160px;
  }
  .menu-navi-container #menu-navi li a {
    height:120px;
    line-height:120px;
  }
}



/* パンくず */
#breadcrumb {
  display:flex;
  padding:10px 0;
}
#breadcrumb li:not(:last-child) a {
  margin-right:0.5em;
  font-size:14pt;
}

.path {
  margin:0px 0 10px 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
}
.path li {
  display: inline-block;
}
.path li:not(:last-child) {
  margin-right:.5em;
}
.path li:not(:last-child):after {
  display: none;
  font-family: "Font Awesome 5 Solid";
  content: "\f054";
}
.path li svg {
  margin-left:.5em;
}
.path li:last-child {
  font-weight:bold;
}
.path li span {
  line-height:1em;
  font-size:10pt;
}
.path li svg ,
.path li a span {
  color: #959fa5;
}



/* トップページ */
.top_image {
  height:360px;
  background-image:url('img/567.jpg');
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:contain;
}
.top_image img {
  width:200px;
}
/* スマホ */
@media (min-width: 0px) and (max-width: 767px) {
  .top_image {
    height:auto;
  }
}
/* --------------------- レスポンシブ --------------------- */
@media (min-width: 1024px) {
  .top_image {
    height:560px;
    background-image:url('img/567.jpg');
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:cover;
  }
}
/* front-content */
/* PC */
@media (min-width: 768px) {
  .front-content {
    margin:-40px auto 0px;
    padding-bottom:40px;
  }
}



/* 商品一覧 */
.list_items {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
/* スマホ */
@media (min-width: 0px) and (max-width: 767px) {
  .list_items {
    justify-content:center;
  }
}
.list_items li {
  -webkit-box-shadow: 0 1px 4px rgba(1,1,1,.1);
  -moz-box-shadow: 0 1px 4px rgba(1,1,1,.1);
  box-shadow: 0 1px 4px rgba(1,1,1,.1);
  background:#fff;
  padding:5px;
}
.list_items li dl.card {
  display:flex;
  border:solid 1px #e4dcd5;
}
.list_items li dl.card .iteminfo {
  width:50%;
}
.list_items li dl.card .iteminfo img {
  width:200px;
  display:block;
  vertical-align:bottom;
}
/* スマホ */
@media (max-width: 1024px) {
  .list_items li dl.card .iteminfo img {
    width:100%;
  }
}
.list_items li dl.card .iteminfo {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.list_items li dl.card .iteminfo.img {
  flex-direction:row;
  justify-content:flex-end;
}
.list_items li dl.card .iteminfo .name {
  color:#4c6d7e;
  font-size:26px;
}
.list_items li dl.card .iteminfo .name-a {
  font-size:14px;
}
.list_items li dl.card .iteminfo a.detail-btn {
  margin-top:30px;
  display:block;
  font-size:11px;
  font-weight:bold;
  width:130px;
  height:40px;
  line-height:40px;
  border-radius:3px;
  text-align:center;
  -webkit-box-shadow: 0 1px 3px rgba(1,1,1,.15);
  -moz-box-shadow: 0 1px 3px rgba(1,1,1,.15);
  box-shadow: 0 1px 3px rgba(1,1,1,.15);
  border:solid 1px #e4dcd5;
}
/* スマホ */
@media (min-width: 0px) and (max-width: 767px) {
  .list_items li {
    margin-bottom:15px;
  }
  .list_items li dl.card .iteminfo img {
    width:95%;
  }
  .list_items li dl.card .iteminfo .name {
    font-size:16px;
    font-weight:bold;
    }
  .list_items li dl.card .iteminfo .name-a {
    font-size:12px;
  }
}
/* PC */
@media (min-width: 768px) {
  .list_items li {
    /*width:500px;*/
    width:47%;
    /*margin:0 auto 40px;*/
    margin-bottom:40px;
  }
  .list_items li dl.card {
    height:208px;
  }
}
@media (min-width: 1025px) {
  .list_items li dl.card .iteminfo a.detail-btn:hover {
    color:#2d4d5e;
    text-decoration:underline;
    border: solid 1px #b1a091;
  }
}



/* content */
.content {
  background-color:#fff;
  -webkit-box-shadow: 0 1px 4px rgba(1,1,1,.1);
  -moz-box-shadow: 0 1px 4px rgba(1,1,1,.1);
  box-shadow: 0 1px 4px rgba(1,1,1,.1);
  margin-bottom:30px;
  padding:40px;
}
.content h1 {
  text-align:center;
  margin-bottom:20px;
}
/* スマホ */
@media (min-width: 0px) and (max-width: 767px) {
  .content {
    padding:20px;
  }
}



/* contact */
input[type=submit] {
  display: block;
  padding: .5em 2em;
  margin: 0 auto;
}
input[type=text],
input[type=email] {
  box-sizing: border-box;
  padding: .5em .7em;
  font-size: min(1.4rem, 5vw);
  width: 100%;
}
textarea {
  box-sizing: border-box;
  padding: .5em .7em;
  font-size: min(1.4rem, 5vw);
  width: 100%;
  line-height: 1.3em;
}
.wpcf7-form.init {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wpcf7-form.init > * {
  margin-top: 1rem;
  width: min(100%, 800px);
}
.wpcf7-form-control-wrap {
  display: block;
  text-align: center;
}
.privacy-confirm > *:last-child {
  margin-top: 1rem;
}
.privacy-confirm .privacy-confirm__policy {
  height: 25vh;
  overflow-y: scroll;
  border: solid 2px #eee;
  padding: 1em;
}
.submit-wrap {
  text-align: center;
}



/* item */
.page-about #logo img {
  display:block;
  width:100%;
  max-width:400px;
  margin:15px auto;
}
.page-about #about-table {
  width:640px;
  margin:0 auto;
  border-collapse:collapse;
}
@media (min-width: 0px) and (max-width: 767px) {
  .page-about #about-table {
    width:100%;
  }
}
.page-about #about-table th,
.page-about #about-table td {
  border:solid 1px #ccc;
  padding:.8em;
}
.page-about #about-table th {
  width:25%;
}
.page-about #about-table td {
  width:75%;
}



/* item */
.item-wrapper.content {
  padding:15px;
}
.back2category {
  line-height:1em;
  font-size:9pt;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
  padding:7px 9px;
  border-radius:5px;
  background:#e2e2e2;
}
.back2category:before {
  display: none;
  font-family: "Font Awesome 5 Solid";
  content: "\f053";
}
.back2category svg {
  margin-right:.2em;
}
.item-content {
  padding:25px;
}
.item-wrapper .page-title {
  color:#4f4740;
  font-weight:normal;
}
.item-wrapper .page-title .name-a {
  margin-left:.5em;
  font-size:13pt;
}
/* スマホ */
@media (min-width: 0px) and (max-width: 767px) {
  .item-wrapper .page-title {
    text-align:center;
  }
  .item-wrapper .page-title span {
    display:block;
  }
  .item-wrapper .page-title .name-a {
    margin-left:0em;
  }
}
.item-wrapper .item-price {
  width:400px;
  padding:20px;
  margin:0 auto;
  background-color:#f3f3f3;
}
.item-wrapper .item-price p {
  text-align:center;
}
.item-wrapper .item-price p .tax {
  font-size:13pt;
}
.item-wrapper .item-price .price1 {
  font-size:16pt;
}
.item-wrapper .item-price .discount {
  font-size:13pt;
}
.item-wrapper .item-price .price2 {
  color:#f65161;
  font-size:19pt;
}

/* slick用 */
.layout {
  width: 600px;
  margin: 0px auto;
  position: relative;
}
/* スマホ */
@media (min-width: 0px) and (max-width: 767px) {
  .layout {
    width: 90%;
  }
}
.slide {
  display: none;
}
.slide li {
  list-style: none;
}
.slider .slick-arrow:not(.slick-disabled) {
  color: #6cbbdc;
}
.slide.slick-initialized {
  display: block;
}
.single-rings .slick-track {/*single-rings用*/
  display:flex;
  align-items:center;
}
.slick-slide img {
  margin:0 auto;
  max-width:320px;
}
/* スマホ */
@media (min-width: 0px) and (max-width: 767px) {
  .slick-slide img {
    width:80%;
  }
  .single-rings .slick-prev {/*single-rings用*/
    left:-20px;
  }
  .single-rings .slick-next {/*single-rings用*/
    right:-20px;
  }
}
.slick-dots {
  margin-top: 5px;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
  justify-content: center;
}
.slick-dots li {
  list-style: none;
  display: block;
  width: 100px;
  margin: 5px;
  cursor:pointer;
}
.slick-dots li .thumbnail {
  border:solid 1px #cbc4bd;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  align-items:center;
  justify-content:center;
  display:flex;
  padding:3px;
}
.slick-dots li .thumbnail .svg-inline--fa {
  width:30px;
  height:30px;
}
.slick-dots li.slick-active .thumbnail {
  border:solid 4px #6cbbdc;
  padding:0px;
}
.slick-dots li.slick-active {
  position:relative;
}
.slick-dots li.slick-active:before {
  content:"";
  position:absolute;
  bottom:100%;
  left:50%;
  margin-left:-5px;
  border-top:solid 0px transparent;
  border-right:solid 5px transparent;
  border-bottom:solid 4px #6cbbdc;
  border-left:solid 5px transparent;
}
.slick-disabled {
  color:transparent;
}
.slick-prev ,
.slick-next {
  position: absolute;
  z-index: 99;
  top: 160px;
  margin-top:-15px;/*.svg-inline--faの半分*/
}
.slick-prev {
  left: -50px;
}
.slick-next {
  right: -50px;
}
.slick-next .svg-inline--fa ,
.slick-prev .svg-inline--fa {
  font-size:30px;
}

/* スマホ */
@media (min-width: 0px) and (max-width: 767px) {
  /*.slick-dots li {
    width: 25%;
  }*/
  .slick-next .svg-inline--fa ,
  .slick-prev .svg-inline--fa {
    width:16px;
  }
}
/* PC */
@media (min-width: 768px) {
}



/* propose */
#propose {
  background:#fff;
  font-size:18px;
  padding:40px 0;
  
/*  box-shadow:0 -2px 2px rgba(0,0,0,0.05);*/
}
#propose .inner h4.propose_header {
  font-size:28px;
  text-align:center;
  padding:0 0 40px;
  line-height:1.3em;
  letter-spacing: .15em;
}
#propose .inner .propose_img {
  text-align:center;
}
#propose .inner .propose_img p {
  margin-bottom:.5em;
}
#propose .inner .propose_img .img img {
  width:100%;
}
/* スマホ */
@media (min-width: 0px) and (max-width: 767px) {
  #propose .inner .propose_img i {
    transform: rotate(90deg);
  }
}
#propose .inner .propose_img .img {
  text-align:center;
  line-height:1.4em;
  margin:0;
}
@media (min-width: 0px) and (max-width: 767px) {
  #propose .inner .propose_img .img img {
    width:70%;
    max-width:320px;
  }
  #propose .inner .propose_img i.fa {
    display:block;
    text-align:center;
    margin:1em 0;
    transform: rotate(90deg);
  }
}
@media (min-width: 768px) {
  #propose .inner .propose_img {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    margin-bottom:1em;
  }
  #propose .inner .propose_img p {
    height:3.6em;
    line-height:1.8em;
    margin-bottom:1em;
  }
  #propose .inner .propose_img i {
    height:3.6em;
    line-height:3.6em;
  }
  #propose .inner .propose_img .img {
    width:30%;
    display:flex;
    flex-direction:column;
  }
}
#propose .inner .propose_bottom_text {
  padding:30px 10px 10px;
  display:flex;
  justify-content:center;
}



/* propose-b */
#propose-b {
  background:#fff;
  font-size:18px;
  text-align:center;
  padding:40px 0;
/*  box-shadow:0 -2px 2px rgba(0,0,0,0.05);*/
}
#propose-b .quill {
  display:inline-block;
  margin:0em .3em;
  font-size:24pt;
  color:#4f4740;
  height:50px;
  line-height:50px;
  border-bottom: solid 2px #4f4740;
}
#propose-b .quill:before {
  content:"";
  display:inline-block;
  width: 50px;
  height: 50px;
  margin-bottom: -17px;
  margin-right:7px;
  background:url(img/739_pe_h_grey.png) no-repeat center bottom;
  background-size:contain;
}
#propose-b .quill:after {
  /*content:"";*/
  display:block;
  width:100%;
  height:16px;
  background:url(img/quill_b.png) no-repeat center top;
  background-size:contain;
}
#propose-b h4.propose_header {
  color:#4f4740;
  font-size:28px;
  text-align:center;
  padding:0 0 40px;
  line-height:1.3em;
  letter-spacing: .15em;
}
#propose-b .propose_text {
  color:#4f4740;
  text-align:center;
  font-weight:bold;
  font-size:15pt;
  line-height:1.8em;
}
#propose-b .propose_text .underline {
  padding: 0 5px;
  background: linear-gradient(transparent 50%, #cdedfa 40%);
}
#propose-b h5 {
  text-align:center;
}
#propose-b h5.quill {
  margin:2em auto 1em;
}
#propose-b .propose_flow {
  
}
#propose-b .propose_flow li {
}
#propose-b .propose_flow li h6 {
  width:200px;
  background:#4f4740;
  margin:0 auto;
  border-radius:5px;
  padding:10px;
  font-size:14pt;
  color:#fff;
  text-align:center;
  position:relative;
}
#propose-b .propose_flow li div {
  text-align:center;
}
#propose-b .propose_flow li div p {
  font-size:13pt;
  font-weight:bold;
}
#propose-b .propose_flow li div img {
  width:85%;
  display:inline-block;
  margin-top:1em;
  vertical-align:bottom;
}
/* スマホのみ */
@media (min-width: 0px) and (max-width: 767px) {
  #propose-b .inner {
    width:90%;
    padding:10px 5%;
  }
  #propose-b .propose_flow li {
    border-radius:8px;
    border:solid 2px #4f4740;
    margin-top:20px;
  }
  #propose-b .propose_flow li:first-child {
    margin-bottom:60px;
    position:relative;
  }
  #propose-b .propose_flow li:first-child:after {
    content:"";
    width:2px;
    height:40px;
    background:#4f4740;
    margin-left:-1px;
    position:absolute;
    top:100%;
    left:50%;
  }
  #propose-b .propose_flow li h6 {
    margin-top:-25px;
    font-size:13pt;
    width:160px;
    height:30px;
    line-height:30px;
    padding:10px 0;
  }
  #propose-b .propose_flow li div {
    padding:5%;
  }
  #propose-b .propose_flow li div p {
    font-size:11pt;
  }
}
/* PCのみ */
@media (min-width: 768px) {
  #propose-b .propose_flow {
    display:flex;
  }
  #propose-b .propose_flow li {
    width:50%;
    overflow:hidden;
  }
  #propose-b .propose_flow li h6 {
    margin-bottom:1em;
  }
  #propose-b .propose_flow li:first-child h6:after {
    content:"";
    display:block;
    width:100%;
    height:2px;
    background:#6f6256;
    position:absolute;
    left:100%;
    top:50%;
    margin-top:-1px;
  }
  #propose-b .propose_flow li:last-child h6:after {
    content:"";
    display:block;
    width:100%;
    height:2px;
    background:#6f6256;
    position:absolute;
    right:100%;
    top:50%;
    margin-top:-1px;
  }
}
#propose-b .propose_after {
}
#propose-b .propose_after li {
}
/* スマホのみ */
@media (min-width: 0px) and (max-width: 767px) {
  #propose-b .propose_after li:not(:last-child) {
    margin-bottom:8%;
  }
}
#propose-b .propose_after li h6 {
  color:#6f6256;
  font-size:13pt;
  margin-bottom:.5em;
}
#propose-b .propose_after li h6 .number {
  height: 1em;
  margin-right: .3em;
  font-size: 1.4em;
}
#propose-b .propose_after li img {
  vertical-align:bottom;
  width:90%;
}
/* PCのみ */
@media (min-width: 768px) {
  #propose-b .propose_after {
    display:flex;
  }
  #propose-b .propose_after li {
    width:30%;
  }
  #propose-b .propose_after li:not(:last-child) {
    margin-right:5%;
  }
  #propose-b .propose_after li img {
    width:100%;
  }
}
#propose-b .propose_image {
  text-align:center;
  margin-top:3em;
}
#propose-b .propose_image img {
  width:500px;
  vertical-align:bottom;
}
/* スマホのみ */
@media (min-width: 0px) and (max-width: 767px) {
  #propose-b .propose_image img {
    width:90%;
  }
}



/* sbs */
.sbs {
	background:#ebebeb;
}
.sbs ul {
	padding:30px 0 ;
}
.sbs ul li img {
	width:100%;
	vertical-align:bottom;
}
@media (min-width: 801px) {
	.sbs ul {
		display:flex;
	}
	.sbs ul .sbs1 {
		width:40%;
	}
	.sbs ul .sbs2 {
		width:60%;
	}
}



/* sbs-b */
.sbs_b {
	background:#fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
}
.sbs_b ul.inner {
	padding:30px 0 ;
}
.sbs_b ul li img {
	width:100%;
	vertical-align:bottom;
}
.sbs_b ul.inner li.sbs1 {
  padding:0 20px;
}
.sbs_b ul.inner li.sbs1 p {
  font-size:14pt;
  font-weight:bold;
  line-height:1em;
  margin-bottom:.5em;
}
.sbs_b ul.inner li.sbs1 h6 {
  font-size:21pt;
  font-weight:bold;
  line-height:1.2em;
  letter-spacing:-0.1em;
}
.sbs_b ul.inner li.sbs1 h6 span {
  font-size:10pt;
  padding-left:.5em;
}
.sbs_b ul.inner li.sbs1 ul {
  margin-top:.5em;
}
.sbs_b ul.inner li.sbs1 ul li {
  font-size:10pt;
  line-height:1.2em;
}
.sbs_b ul.inner li.sbs1 .birthstone {
  text-align:center;
  padding-top:30px;
}
.sbs_b ul.inner li.sbs1 .birthstone img {
  width:50%;
}
/* スマホのみ */
@media (min-width: 0px) and (max-width: 767px) {
	.sbs_b ul .sbs1 {
		margin-bottom:20px;
	}
}
/* PCのみ */
@media (min-width: 801px) {
	.sbs_b ul.inner {
    display:flex;
	}
	.sbs_b ul .sbs1 {
		width:45%;
	}
	.sbs_b ul .sbs2 {
		width:55%;
	}
}



/* カスタムメニューfooter */
#menu-footer {
  width:100%;
  margin-bottom:30px;
}
#menu-footer li a {
  font-size:12px;
  text-align:center;
  display:block;
  margin-bottom:20px;
}
@media (min-width: 801px) {
  #menu-footer {
    display:flex;
    border-bottom:solid 1px #ddd;
    justify-content: flex-end;
  }
  #menu-footer li {
    margin:1em 0;
  }
  #menu-footer li:not(:first-child) {
    border-left:solid 1px #ddd;
  }
  #menu-footer li a {
    border-bottom:solid 2px #fff;
    width:100px;
    margin:0 15px;
  }
  #menu-footer li a:hover {
    border-color:#6cbbdc;
  }
}



/* footer */
#footer {
  padding:40px 0;
/*  background-color:#f2f2f2;*/
  
/*  box-shadow:0 2px 2px rgba(0,0,0,0.1) inset;*/
}
#footer .inner {
  display:flex;
  justify-content:center;
  padding:0;
}

#footer .footer_logo {
  display:flex;
  flex-direction:column;
  align-items:center;
  line-height:1.6em;
}
#footer .footer_logo img.logo_p {
  display:block;
  width:250px;
  margin-bottom:1em;
}
#footer .footer_logo img.logo_j {
  display:block;
  width:200px;
  margin-top:1em;
}
#footer .footer_logo #copyright ,
#footer .footer_logo #tel {
  font-family:"Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
#footer .footer_logo #copyright {
  font-size:14px;
}
#footer .footer_logo #tel {
  font-size:20px;
}
#footer .footer_logo #tel span {
  font-size:14px;
}

#footer #footer_navi {
  display:flex;
  flex:1;
  margin-left:3em;
}
#footer #footer_navi li {
  width:25%;
}