@charset "utf-8";
/* CSS Document */
/*共通-----------------------------------------*/
.btn a {
  display: block;
  width: 240px;
  line-height: 40px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #AF8D28;
  border-radius: 20px;
  color: #AF8D28;
  margin: 40px auto 0;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  color: #AF8D28;
}
.btn2 a {
  display: block;
  width: 300px;
  font-size: 2rem;
  line-height: 43px;
  border: 2px solid #AF8D28;
  border-radius: 50px;
  color: #AF8D28;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  color: #AF8D28;
}
.btn2 a::after, .btn a::after {
  content: "▶";
  font-size: 12px;
  margin-left: 10px;
  vertical-align: middle;
}
figcaption {
  text-align: right;
  margin-top: 15px;
  font-size: 1.5rem;
  font-family: 'Noto Sans JP', sans-serif;
}
/*見出し----------*/
.ttl-sec {
  font-size: 6rem;
  color: #af8d2b;
}
#menu_second-generation .ttl-sec, #menu_ikkosha .ttl-sec, #menu_yatai .ttl-sec {
  color: #fff;
}
#menu_drivein .ttl-sec {
  color: #c73b3b;
}
#menu_honten .ttl-sec {
  margin-left: 116px;
  position: relative;
}
#menu_honten .ttl-sec::after {
  content: "";
  display: inline-block;
  width: 116px;
  height: 181px;
  background-image: url("../images/honten-kanban.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
  vertical-align: middle;
}
.ttl-sec01 {
  font-size: 2.6rem;
  max-width: 400px;
  width: 100%;
  border-bottom: solid 2px #af8d2b;
  margin: 50px auto 20px;
  letter-spacing: .2em;
}
#menu_drivein .ttl-sec01 {
  color: #222;
  border-bottom: solid 2px #c73b3b;
  letter-spacing: 0;
}
.ttl-sec02 {
  color: #534741;
  font-size: 3.7rem;
  letter-spacing: .2em;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
}
.ttl-sec03 {
  font-size: 3.4rem;
  padding-bottom: 10px;
  border-bottom: solid 2px #7d6257;
}
.ttl-sec04 {
font-size: 5rem;
text-align: center;
}

/*#store .parallax,#store-sohonten .parallax, #store-ikkosha .parallax, #store-yatai .parallax, #store-drivein .parallax, #store-second-generation .parallax,
#menu .parallax, #menu-ikkosha .parallax, #menu-menu-yatai .parallax, #menu-yatai .parallax, #menu-drivein .parallax, #menu-second-generation .parallax, #commitment .parallax {
  height: 65vh;
  position: relative;
}*/

@media(max-width:959px) {
  .menu-top {
    padding-left: 20px;
    padding-right: 20px;
  }
  .ttl-sec {
    font-size: 5.2rem;
  }
  #menu_honten .ttl-sec {
    margin-left: 0;
  }
  #menu_honten .ttl-sec::after {
    position: absolute;
    top: -300px;
    width: 116px;
    height: 181px;
  }
}
@media(max-width:676px) {
  #menu_honten .ttl-sec::after {
    right: 50px;
  }
}
@media(max-width:540px) {
  #menu_honten .ttl-sec::after {
    right: -30px;
    width: 100px;
    height: 172px;
  }
  .ttl-sec {
    font-size: 3.6rem;
  }
  .ttl-sec01 {
    font-size: 1.8rem;
    max-width: 280px;
    border-bottom: solid 1px #af8d2b;
  }
  .ttl-sec02 {
    font-size: 3.2rem;
  }
  .ttl-sec03 {
    font-size: 2.6rem;
    padding-bottom: 10px;
    border-bottom: solid 2px #7d6257;
  }
  .ttl-sec03 .size18 {
    font-size: 1.4rem;
  }
  .explanation p {
    font-size: 1.3rem;
  }
  .ttl-sec04 {
font-size: 3rem;
text-align: center;
}
}
/*PageNameー----------*/
#page-name {
  padding-top: 8.8%;
}
.ttl-logo {
  padding-left: 4%;
}
.ttl-page {
  font-size: 4.8rem;
  color: #fff;
  -moz-text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
  -webkit-text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
  -ms-text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
  text-align: center;
  padding-top: 170px;
  font-weight: 700;
}
#company .ttl-page {
 padding-top: 24px;
 text-align: left;
 margin-left: 4%;
}
#contact .ttl-page {
 text-align: left;
 margin-left: 4%;
}
#company #page-name p {
 margin-top: 78px;
 margin-left: 4%;
}
@media(max-width: 959px) {
#company .ttl-page {
 padding-top: 30%;
}
}
@media(max-width: 520px) {
 #company .ttl-page {
 padding-top: 40%;
}
#company #page-name p {
margin-top: 40px;
}
}
.parallax .menu-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.7);
  border-bottom: solid 2px #af8d2b;
}
.parallax .menu-nav.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: 50px;
}
.menu-nav a {
  display: block;
  padding: 10px;
  font-family: 'Noto Sans JP';
}
.menu-nav .active a {
  color: #c73b3b;
}
@media(max-width:540px) {
  #page-name {
    text-align: center;
  }
  .ttl-page {
    font-size: 3rem;
    padding-top: 280px;
  }
  .ttl-logo {
  margin-top: 50px;
}
}
/*ページリンクー----------*/
.nav-name {
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: center;
  width: 130px;
  height: 31px;
  position: relative;
  display: inline-block;
  margin-right: 40px;
  white-space: nowrap;
  font-family: 'Noto Sans JP', sans-serif;
}
@media(max-width:540px) {
  .nav-name {
    font-size: 1.3rem;
    line-height: 1.5;
    width: 104px;
    height: 22px;
    margin-right: 0;
  }
  }

/*--------------------------------------------------*/

/*メニュートップー----------*/
#menu_ikkosha {
  background-color: #2f2a2e;
  color: #fff;
}
#menu_yatai {
  background-color: #c73b3b;
  color: #fff;
}
#menu_drivein {
  background-color: #f3dc4e;
  color: #222;
}
#menu_second-generation {
  background-color: #16224b;
  color: #fff;
}
@media(max-width:540px) {
  .menu-top .size14 {
    font-size: 1.2rem;
  }
}
#menu_drivein .btn a {
  border: 1px solid #c73b3b;
  color: #c73b3b;
}
/*特徴------------*/
.bg-03 {
  background-image: url("../images/menu-feature.jpg");
  background-size: 100% auto;
  background-color: #fff;
}
#menu-ikkosha .bg-03 {
  background-image: url("../images/menu-ikkosha.jpg");
}
#menu-yatai .bg-03 {
  background-image: url("../images/menu-yatai.jpg");
}
#menu-drivein .bg-03 {
  background-image: url("../images/menu-drivein.jpg");
}
#menu-second-generation .bg-03 {
  background-image: url("../images/menu-second-generation.jpg");
}
#menu-feature {
  padding-top: 150px;
  padding-bottom: 100px;
}
.circle-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.circle-box li {
  width: 204px;
  height: 204px;
  padding-top: 30px;
  border: solid 2px #af8d2b;
  border-radius: 50%;
  background-color: #fff;
  color: #af8d2b;
  text-align: center;
}
.circle-box li p {
  margin-top: 10px;
  line-height: 1.6;
}
@media(max-width:959px) {
  #menu-feature {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  #menu-feature.parallax {
    height: 42vh;
  }
}
@media(max-width:540px) {
  .bg-03 {
    background-size: cover
  }
  #menu-feature {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .circle-box {
    display: block;
  }
  .circle-box li {
    width: 100%;
    height: 40px;
    padding: 10px 15px;
    display: flex;
    margin: auto;
    border-radius: 25px;
    margin-bottom: 20px;
    align-items: center;
  }
  .circle-box .size32 {
    font-size: 1.8rem;
    margin-right: 15px;
  }
  .circle-box li p {
    margin-top: 0;
    line-height: 1;
    font-size: 1.1rem;
  }
  .circle-box li p br {
    display: none;
  }
}
/*メニューー------------*/
.bk-menu {
  background-color: #efece3;
}
#menu-main .nav-name {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  border-left: solid 1px #222;
}
#menu-main .nav-name::after {
  content: "";
  width: 21px;
  height: 21px;
  border-bottom: solid 1px #222;
  border-right: solid 1px #222;
  position: absolute;
  left: 50%;
  top: 4px;
  margin-left: 54px;
  transform: rotate(-45deg);
}
.menu-links3 {
margin-left: -.5em;
text-align: center;
}
.menu-links3,
.menu-links2 {
  width: calc(100% - 190px);
  font-family: 'Noto Sans JP', sans-serif;
}
.menu-links3 li {
  width: calc(100% / 7);
  letter-spacing: .2em;
}

.menu-links3 li a,
.menu-links2 li a {
  padding: 0 10px;
  display: block;
  border-right: solid 1px #222;
}
.links-ov li {
 margin-bottom: 10px;
}
.links-produce li {
 margin-bottom: 10px;
}
.links-produce li a,
.links-ov li a {
  padding: 0 20px;
  display: block;
  border-right: solid 1px #222;
  font-family: 'Noto Sans JP', sans-serif;
}

.menu-links3 li:first-child a {
padding-left: 0;
}
.menu-links3 li:last-child a,
.menu-links2 li:last-child a {
  border-right: none;
}
.links-ov .active a,
.menu-links3 .active a,
.menu-links2 .active a {
  color: #c73b3b;
}
@media(max-width:959px) {
  .store-link,
  .menu-brand {
    display: block;
    text-align: center;
  }
  .menu-links3,
  .menu-links2 {
    width: 100%;
    margin-top: 20px;
  }
 .links-ov li,
.links-produce li,
  .menu-links3 li {
    font-size: 1.3rem;
  }
  .menu-links2 li {
    width: calc(100% / 5);
    font-size: 1.3rem;
  }
  .menu-links3 li a,
  .menu-links2 li a {
    padding: 0;
  }
}
@media(max-width:780px) {
  .menu-links2 li {
    width: calc(100% / 3);
    margin-bottom: 10px;
  }
   .menu-links2 li {
    width: 33%;
    font-size: 1.1rem;
  }
 .menu-links2 li:nth-of-type(4),
  .menu-links2 li:nth-of-type(5) {
  width: 50%;
 }
.links-ov li,
.links-produce li {
 width:48%;
}
.links-ov li:nth-child(odd),
.links-produce li:nth-child(odd) {
 border-left: solid 1px #222;
}
  #menu-main ul.flex-between {
    justify-content: center;
  }
  .store-link {
  margin-top: 40px;
  }
}
@media(max-width:540px) {
  #menu-main .nav-name::after {
    width: 15px;
    height: 15px;
    top: 3px;
    margin-left: 45px;
  }
  .menu-links2 li a {
    padding: 0 8px;
    text-align: center;
    display: block;
    border-right: solid 1px #222;
  }
   .menu-links2 li:nth-of-type(3) a {
   border-right: none;
   }
  .menu-links3 li {
  width: 25%;
  margin-bottom: 5px;
  font-size: 1.1rem;
  }
	/*
  .menu-links3 li:nth-of-type(5),
  .menu-links3 li:nth-of-type(6),
  .menu-links3 li:nth-of-type(7) {
  width: 33%;
  }
*/
}
/*タブ切り替え全体のスタイル*/
.tabs {
  padding-top: 50px;
  padding-bottom: 50px;
}
/*タブのスタイル*/
.btn-ramen a, .btn-side-menu a {
  display: block;
  width: 49%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 50px;
}
#side-menu_content {
  display: none;
}
.btn-ramen a {
  margin-right: 2%;
}
.btn-menu a {
  background-color: #7d6257;
}
.btn-menu a.active {
  background-color: #c73b3b;
}
.tab_item:hover {
  opacity: 0.75;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
  clear: both;
  overflow: hidden;
}
.btn-top li a, .btn-bottom li a {
  position: relative;
}
.btn-top li a::after {
  position: absolute;
  content: "▼";
  right: 20px;
  font-size: 1.2rem;
}
.btn-bottom li a::after {
  position: absolute;
  content: "▲";
  right: 20px;
  font-size: 1.2rem;
}
.square-box li {
  width: 78px;
  height: 78px;
  border-radius: 10px;
  margin-right: 10px;
  text-align: center;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tabs .info {
  font-size: 1.4rem;
  padding-left: 20px;
  position: relative;
}
.tabs .info::before {
  content: "▶";
  position: absolute;
  top: 0;
  left: 0;
}
@media(max-width:959px) {
  .parallax .menu-nav {
    display: none;
  }
  .tab_content .half-40 {
    width: 62%;
    margin: auto;
  }
  .tab_content figure {
    order: 1;
  }
  .tab_content .explanation {
    order: 2;
  }
}
@media(max-width:540px) {
  .tab_content .half-40 {
    width: 100%;
    margin: auto;
  }
  .btn-bottom li a::after, .btn-top li a::after {
    right: 10px;
    font-size: .9rem;
  }
  .square-box li {
    width: 70px;
    height: 70px;
    border-radius: 10px;
    margin-right: 10px;
    text-align: center;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .tabs {
    padding-top: 0;
    padding-bottom: 50px;
  }
  .tabs .info {
    font-size: 1.1rem;
    padding-left: 15px;
  }
}
/*こだわり-------------------*/
.ttl-commitment {
  background-color: #edeae1;
  padding-top: 120px;
  padding-bottom: 50px;
  font-size: 3.4rem;
  letter-spacing: .2em;
  text-align: center;
  position: relative;
  background-repeat: no-repeat;
  background-position: top 50px center;
}
.ttl-commitment::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #edeae1;
}
.commitment-brand {
  background-image: url("../images/commitment-title01.png");
}
.commitment-soup {
  background-image: url("../images/commitment-title02.png");
}
.commitment-method {
  background-image: url("../images/commitment-title03.png");
}
.commitment-noodles {
  background-image: url("../images/commitment-title04.png");
}
.commitment-sauce {
  background-image: url("../images/commitment-title06.png");
}
.commitment-thought {
  background-image: url("../images/commitment02-title01.png");
}
.commitment-steps {
  background-image: url("../images/commitment02-title02.png");
}
.commitment .text-area {
  width: 56%;
}
.commitment .text-area p {
  line-height: 2.5;
  font-family: 'Noto Sans JP', sans-serif;
}
.commitment figure {
  text-align: right;
  width: 43.8%;
}
.commitment .text-area2 {
  width: 75%;
}
.commitment .img-logo {
  text-align: right;
  width: 25%;
}
.commitment .noodles-img {
  text-align: right;
  width: 34%;
}
.commitment-link {
  background-color: #edeae1;
}
.commitment-link li {
  width: 48%;
}
.commitment-link li:first-child {
  margin-right: 2%;
}
.commitment-link li a {
  display: block;
  background-color: #7d6257;
  color: #fff;
  text-align: center;
  padding: 10px;
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
  position: relative;
}
.commitment-link li a::after {
  content: "▼";
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 1.6rem;
}
@media(max-width:959px) {
  .ttl-commitment {
    padding-top: 100px;
    padding-bottom: 30px;
    font-size: 2.4rem;
    padding-left: 20px;
    padding-right: 20px;
    background-position: top 30px center;
    background-size: 150px;
  }
}
@media(max-width:750px) {
  .noodles {
    width: 100%;
  }
  .commitment .text-area2 {
    width: 100%;
    text-align: center;
    order: 2;
  }
  .btn2 a {
    margin-left: auto;
    margin-right: auto;
  }
  .commitment .text-area {
    width: 100%;
    order: 2;
    margin-top: 40px;
    text-align: center;
  }
  .img-logo {
    order: 1;
    margin-left: auto;
    margin-right: auto;
  }
  .commitment .noodles-img {
    width: 100%;
    margin-top: 30px;
    text-align: center;
  }
  .commitment figure {
    width: 100%;
    order: 1;
    text-align: center;
  }
  .commitment figcaption {
    text-align: center;
  }
}
@media(max-width:540px) {
  .commitment .text-area, .commitment .text-area2 {
    text-align: left;
  }
  .commitment-link li a {
    font-size: 1.6rem;
  }
  .commitment-link li a::after {
    top: 12px;
    right: 10px;
    font-size: 1.2rem;
  }
  .commitment .text-area p {
    line-height: 2;
  }
}
/*一幸舎の想い/歩み----------*/
#commitment-thought .decimal li {
  font-size: 2.4rem;
  color: #c73b3b;
  margin-bottom: 40px;
  font-weight: 500;
}
#commitment-steps dt {
  font-family: 'Noto Sans JP', sans-serif;
  margin-top: 50px;
  margin-bottom: 10px;
  color: #c73b3b;
  font-size: 2rem;
}
#commitment-steps dt:first-child {
  margin-top: 0;
}
#commitment-steps dd {
  font-family: 'Noto Sans JP', sans-serif;align-content
}
#commitment02 .commitment-link li {
  width: 100%;
}
@media(max-width:540px) {
  #commitment-steps .text-area {
    order: 1;
  }
  #commitment-steps figure {
    order: 2;
  }
  #commitment-thought .decimal li {
    font-size: 1.9rem;
    margin-bottom: 25px;
  }
  #commitment-steps dt {
    margin-top: 25px;
    margin-bottom: 5px;
    font-size: 1.7rem;
  }
  #commitment-steps figure {
    margin-top: 40px;
  }
}
/*店舗のご案内-------------------*/
/*ボタンスタイル*/
.btn-store li {
width: 49%;
}
.btn-store li a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: block;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
  font-size: 2.4rem;
  font-family: 'Noto Sans JP', sans-serif;
  margin-bottom: 20px;
}
.btn-brown a {
  background-color: #7d6257;
  color: #fff;
  
}
.btn-red a {
  background-color: #c73b3b;
  color: #fff;
}
.btn-brown2 a {
  background-color: #f2efe6;
  border: solid 1px #534741;
  color: #000;
}
/*ACCESS*/
#store_access {
background-color: #f2efe6;
}
#store_access .nav-name {
  font-size: 1.8rem;
  line-height: 1.5;
  text-align: center;
  width: 130px;
  height: 31px;
  background-color: #c6b198;
  display: inline-block;
  margin-right: 40px;
  white-space: nowrap;
  font-family: 'Noto Sans JP', sans-serif;
}
.ttl-access {
text-align: center;
font-size: 5rem;
margin-top: 80px;
}
#store_access .btn a {
background-color: #fff;
}
.store-infobox {
margin-top: 80px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.store-infobox .info-area,
.store-infobox figure {
width: 47%;
}
.store-infobox figure {
order: 1;
}
.store-infobox .info-area {
order: 2;
}
.store-infobox figure img {
width: 100%;
}
.ttl-erea {
background-color: #fff;
padding: 10px;
text-align: center;
border-bottom: solid 2px #7d6257;
font-size: 2.8rem;
}
@media(max-width:540px){
 .store-infobox {
margin-top: 30px;
}
}
/*店舗*/
.info-area h6 {
font-size: 2.6rem;
padding-bottom: 10px;
border-bottom: solid 2px #7d6257;
text-align: left;
}
.info-area h6 span {
font-size: 1.6rem;
font-family: 'Noto Sans JP', sans-serif;
}
.tb-store th,
.tb-store td {
text-align: left;
font-family: 'Noto Sans JP', sans-serif;
padding: 2px;
}
 
@media(max-width:540px){
 .info-area h6 {
font-size: 2rem;
}
.info-area h6 span {
font-size: 1.4rem;
}
}
 
/*支払い方法*/
.pay {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.pay li {
width: 65px;
height: 38px;
padding: 2px;
text-align: center;
font-size: 1.2rem;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 5px;
line-height: 1;
}
.cash {
background-color: #96908d;
color: #fff;
}
.ic {
background-color: #5d8343;
color: #fff;
}
.electronic {
background-color: #e9b800;
color: #000;
}
.bar-code {
background-color: #d23918;
color: #fff;
}
.card {
background-color: #406398;
color: #fff;
}
/*リンクボタン*/
.info-btn {
display: flex;
align-items: center;
}
.info-btn li {
width: 150px;
height: 50px;
text-align: center;
font-family: 'Noto Sans JP', sans-serif;
margin-right: 10px;
border-radius: 10px;
line-height: 50px;
position: relative;
z-index: 0;
}
.info-btn li::after {
content: "▼";
transform: rotate( -90deg );
position: absolute;
right: 10px;
top: 0;
font-size: 1rem;
color: #fff;
}
.info-btn li a {
display: block;
width: 100%;
height: 100%;
color: #fff;
}

@media(max-width:768px) {
.store-infobox .info-area,
.store-infobox figure {
width: 100%;
}
.info-area {
margin-top: 25px;
}
.btn-store li a {
font-size: 1.8rem;
}
}

@media(max-width:540px) {
.btn-store li a {
font-size: 1.5rem;
}
.ttl-access {
font-size: 2.4rem;
margin-top: 50px;
}
.ttl-erea {
font-size: 2rem;
}
#store_access .nav-name {
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: center;
  width: 130px;
  height: 31px;
  background-color: #c6b198;
  display: inline-block;
  margin-right: 40px;
  white-space: nowrap;
  font-family: 'Noto Sans JP', sans-serif;
}
 .tb-store {
  width: 100%;
 }
.tb-store th,
.tb-store td {
width: 100%;
padding: 10px;
display: block;
}
.tb-store th {
background-color: #D3D2D2;
}
.pay li {
margin-bottom: 5px;
}
.info-btn li {
font-size: 1.3rem;
margin-right: 5px;
}
}


/*pagination----------*/
.pagination {
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 15px;
  text-align: center;
  position: absolute;
  z-index: 200;
}
.pagination a.active {
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
}
/*一覧画像の高さをそろえる-----------*/
.topics li figure {
  position: relative;
  overflow: hidden;
  padding-top: 70%; /* 比率 */
}
.topics li img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*  新着情報-----------*/
.info-lists {
  padding: 60px 0;
}
.info-list {
  display: flex;
  flex-wrap: wrap;
}
.info-list {
 margin-left: -20px;
}
.info-list li {
  width: calc((100% - 60px) / 4);
  margin-bottom: 40px;
  margin-left: 15px;
}
.info-list li figure img {
  width: 100%;
}
@media(max-width:767px) {
.info-list li {
  width: calc((100% - 60px) / 3);
  margin-bottom: 30px;
  margin-left: 15px;
}
}
@media(max-width:540px) {
.info-list li {
  width: calc((100% - 30px) / 2);
  margin-bottom: 30px;
}
}

.info-lists .info-list li span {
  display: inline-block;
  background-color: #000;
  color: #fff;
  font-size: .9rem;
  padding: 2px 5px;
}
.info-lists .info-list li time {
  display: block;
  color: #999;
}
.info-lists .info-list li h3 {
  font-size: 1.4rem;
  font-family: 'Noto Sans JP', sans-serif;
}
.top_info_link a {
  display: block;
  width: 240px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #AF8D28;
  border-radius: 20px;
  color: #AF8D28;
  margin: 40px auto 0;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 40px;
  position: relative;
  color: #AF8D28;
}
.top_info_link a::after {
  content: "▶";
  font-size: 12px;
  margin-left: 20px;
}




/*お問い合わせーー------------*/
#contact #contents {
 background-color: #f0ede4;
}
table {
  width: 100%;
  border-collapse: collapse;
  border-collapse: collapse;
  border-spacing: 0;
}
th, td {
  padding: 15px;
  vertical-align: text-top;
}
th {
  text-align: left;
  font-weight: normal;
 position: relative;
 width: 28%;
}
.form-contact th,.form-contact td {
  border-bottom: 1px solid #7d6257;
}
.his {
 display: inline-block;
 position: absolute;
 right: 25px;
 background-color: #c73b3b;
 color: #fff;
 padding: 1px 10px;
 border-radius: 5px;
 font-size: 1.4rem;
}
input, select, textarea {
  vertical-align: middle;
}
input[type=text], textarea, input[type=tel], input[type=email] {
  padding: 10px;
  border: none;;
  width: 100%;
}
input[type=date], input[type=number] {
	border: none;
	padding: 10px;
}
select, option {
	padding: 10px;
	border: none;
	width: 50%;
}
select.time {
	width: 10%;
}
input[type=text] {
  margin-bottom: 10px;
}
input[type=text]:last-of-type {
  margin-bottom: 0;
}
input[type=submit] {
  max-width: 300px;
  width: 100%;
  padding: 7px 0;
  background-color: #c73b3b;
  color: #FFF;
  font-size: 1.6rem;
  border: none;
  cursor: pointer;
  position: relative;
}
input[type=submit]:hover, input[type=button]:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -webkit-transition: all .3s;
  transition: all .3s;
}
input[type=checkbox] {
  width: 18px;
  height: 18px;
  vertical-align: -3px;
}
@media(max-width:540px) {
 th,td {
  display: block;
  width: 100%;
 }
 .form-contact th {
  border-bottom: none;
  padding-bottom: 0;
 }
}
/*──────────────
お知らせ・ブログ・トピ
──────────────*/
.post-content time {
 display: block;
 color: #999;
 font-size: 1.4rem;
 margin: 10px 0 30px;
}
.post p {
  margin-bottom: 25px;
}
.post img {
  padding: 10px;
}
.post strong {
  font-weight: 700;
}
.post table {
  border-spacing: 0;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.post th {
  border-top: 0 solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 15px;
}
.post td {
  border-top: 0 solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  padding: 15px;
}
.post h2, .post h3, .post h4, .post h5 {
  font-size: 1.8rem;
  font-weight: 700px;
  margin-bottom: 10px;
}
.time {
  margin: 25px 0;
  font-size: 1.4rem;
  color: #999;
}
.post-area p {
  margin-bottom: 25px;
}
/*ページャ----------*/
.page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.page-numbers li {
  margin-left: 5px;
  margin-right: 5px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #EBEBEB;
  font-weight: 900;
}
.page-numbers li .current {
  color: #fff;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.page-numbers li a {
  display: block;
}
/*会社概要-------------------*/
@media(max-width:540px) {
#company .form-contact th {
font-weight: 900;
}
}