@charset "utf-8";
/* lk_entcm.css */
/* link entry common */
/* KSカタログ 共通同報リンクindex 共通用 */

/* ページ全体の設定 */
/* 基本設定 */
/* リセット記述（chrome ie edge ブラウザ特有のCSSを解除）*/
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "メイリオ", "Meiryo" !important;
  vertical-align:top;
  box-sizing: border-box;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}

body {
  max-width: 1000px;
  margin: auto;
}

img {
  max-width: 100%;
}

header {
  margin: auto;
  width: 100%;
}

/* ヘッダー部 */
#category-introduction {
  display: flex;
  flex-wrap: wrap;
  border: 5px double #090;
  color: #333;
  align-items: center;
  margin-top: .2em;
  padding: .2em;
  width: 100%;
}
.page-title {
  font-size: 140%;
  font-weight: bold;
  padding-left: .5em;
  width: 65%;
}
.shop-contact {
  display: flex;
  flex-wrap: wrap;
  text-align: right;
  width: 30%;
}
.shop-name {
  font-size: 100%;
  width: 100%;
}
.shop-tel {
  font-size: 81%;
  width: 100%;
}

/* カテゴリータイプ案内 */
#category-area {
  display: flex;
  flex-wrap: wrap;
}
.category-infomation {
  color: #333;
  margin: .5em auto;
  width: 98%;
}
.cate-group {
  display: flex;
  flex-wrap: wrap;
}
.type-group {
  border: 1px solid #2f5d50;
  margin: .5em auto;
  width: 48%;
}
.type-group a {
  text-decoration: none;
}
.type-group:hover {
  opacity: 0.6;
}
.type-caption {
  background: #00665e;
  color: #ffffff;
  text-align: center;
  padding: .2em 0;
}
.type-image {
  margin: .2em;
  text-align: center;
}
.type-image img {
  height: 200px;
}
.wide {
  width: 95%;
}
.type-pr {
  color: #222;
  font-size: 90%;
  padding: .3em;
}

/* フッター部 */
address {
  margin-top: 1em;
  font-style: normal;
  text-align: center;
  font-size: 87%;
  width: 100%;
}