@charset "utf-8";

/*
Theme Name: かま栄公式サイト用オリジナルテーマ
Theme URI:
Description: かま栄公式サイト用オリジナルテーマです。
Author: K2
Author URI: http://kxk.co.jp
*/


/******************************
- リセットスタイル
******************************/
body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1,h2,h3,h4,h5,h6 {
  font-weight: normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
  display: block;
}

/*******************************
- 共通スタイル
*******************************/
body {
  /* 角ゴシック系 */
  font-family: 'Lucida Grande', 'segoe UI', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Meiryo, Verdana, Arial, sans-serif;
  /* 丸ゴシック系 */
  /*font-family: 'Lucida Grande', 'segoe UI', 'ヒラギノ丸ゴ ProN W4', 'Hiragino Maru Gothic ProN', Meiryo, Arial, sans-serif;*/
  /* 明朝系 */
  /*font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
  color: #000;
  -webkit-text-size-adjust: 100%;
  line-height: 180%;
}
img {
  max-width: 100%;
  height: auto;
}
/* ===== 下マージン調整 ===== */
h1, h2, h3, h4, h5, h6, p, ul, table {
  margin-bottom: 10px;
}

/* ===== 各方向マージンクラス ===== */
/* 基本マージン */
.mt { margin-top: 20px; }    .mr { margin-right: 20px; }
.mb { margin-bottom: 20px; } .ml { margin-left: 20px; }
/* 上 */
.mt01 { margin-top: 5px; }  .mt02 { margin-top: 10px; }
.mt03 { margin-top: 15px; } .mt04 { margin-top: 20px; }
.mt05 { margin-top: 25px; } .mt06 { margin-top: 30px; }
.mt07 { margin-top: 35px; } .mt08 { margin-top: 40px; }
.mt09 { margin-top: 45px; } .mt10 { margin-top: 50px; }
/* 右 */
.mr01 { margin-right: 5px; }  .mr02 { margin-right: 10px; }
.mr03 { margin-right: 15px; } .mr04 { margin-right: 20px; }
.mr05 { margin-right: 25px; } .mr06 { margin-right: 30px; }
.mr07 { margin-right: 35px; } .mr08 { margin-right: 40px; }
.mr09 { margin-right: 45px; } .mr10 { margin-right: 50px; }
/* 下 */
.mb01 { margin-bottom: 5px; }  .mb02 { margin-bottom: 10px; }
.mb03 { margin-bottom: 15px; } .mb04 { margin-bottom: 20px; }
.mb05 { margin-bottom: 25px; } .mb06 { margin-bottom: 30px; }
.mb07 { margin-bottom: 35px; } .mb08 { margin-bottom: 40px; }
.mb09 { margin-bottom: 45px; } .mb10 { margin-bottom: 50px; }
/* 左 */
.ml01 { margin-left: 5px; }  .ml02 { margin-left: 10px; }
.ml03 { margin-left: 15px; } .ml04 { margin-left: 20px; }
.ml05 { margin-left: 25px; } .ml06 { margin-left: 30px; }
.ml07 { margin-left: 35px; } .ml08 { margin-left: 40px; }
.ml09 { margin-left: 45px; } .ml10 { margin-left: 50px; }
/* ===== 各方向パディングクラス ===== */
/* 上 */
.pt01 { padding-top: 5px; }  .pt02 { padding-top: 10px; }
.pt03 { padding-top: 15px; } .pt04 { padding-top: 20px; }
.pt05 { padding-top: 25px; } .pt06 { padding-top: 30px; }
.pt07 { padding-top: 35px; } .pt08 { padding-top: 40px; }
.pt09 { padding-top: 45px; } .pt10 { padding-top: 50px; }
/* 右 */
.pr01 { padding-right: 5px; }  .pr02 { padding-right: 10px; }
.pr03 { padding-right: 15px; } .pr04 { padding-right: 20px; }
.pr05 { padding-right: 25px; } .pr06 { padding-right: 30px; }
.pr07 { padding-right: 35px; } .pr08 { padding-right: 40px; }
.pr09 { padding-right: 45px; } .pr10 { padding-right: 50px; }
/* 下 */
.pb01 { padding-bottom: 5px; }  .pb02 { padding-bottom: 10px; }
.pb03 { padding-bottom: 15px; } .pb04 { padding-bottom: 20px; }
.pb05 { padding-bottom: 25px; } .pb06 { padding-bottom: 30px; }
.pb07 { padding-bottom: 35px; } .pb08 { padding-bottom: 40px; }
.pb09 { padding-bottom: 45px; } .pb10 { padding-bottom: 50px; }
/* 左 */
.pl01 { padding-left: 5px; }  .pl02 { padding-left: 10px; }
.pl03 { padding-left: 15px; } .pl04 { padding-left: 20px; }
.pl05 { padding-left: 25px; } .pl06 { padding-left: 30px; }
.pl07 { padding-left: 35px; } .pl08 { padding-left: 40px; }
.pl09 { padding-left: 45px; } .pl10 { padding-left: 50px; }

/* ===== ソーシャルアイコンWebフォント ===== */
@font-face{
  font-family: 'WebSymbolsLigaRegular';
  src: url('fonts/websymbolsligaregular.eot');
  src: url('fonts/websymbolsligaregular.eot?#iefix') format('embedded-opentype'),
  url('fonts/websymbolsligaregular.woff') format('woff'),
  url('fonts/websymbolsligaregular.ttf') format('truetype'),
  url('fonts/websymbolsligaregular.svg#WebSymbolsRegular') format('svg');
}
.websymbol {
  font-family: 'WebSymbolsLigaRegular';
  font-style: normal;
}
/* ===== clearfix ===== */
.cl {
  zoom: 1;
}
.cl:after {
  height: 0;
  visibility: hidden;
  content: '';
  clear: both;
  display: block;
}
/* ===== コンテナ ===== */
.container {
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}
/* ===== インナー ===== */
.inner {
  padding: 0 10px;
}
/* ===== ボックス ===== */
.box {
  float: left;
}
/* 3列 */
.col3 .box { width: 300px; }
/* 4列 */
.col4 .box { width: 220px; }
/* 5列 */
.col5 .box { width: 172px; }

/* ===== h1 ~ h6 ===== */
h1, h2, h3, h4 {
  font-weight: bold;
}
h1#head-logo {
  margin: 0;
  padding: 15px 0;
}
h1.post-title {
  padding: 10px 0 10px 5px;
  border-left: 5px solid #D3C39D;
  border-bottom: 1px dashed #8B8B8B;
}
h2.widget-title {
  /*    background: #383838;
  border-left: 5px solid #49ADBB;
  padding: 8px;
  color: #fff;
  margin: 0;*/
  padding-left: 26px;
  background-repeat: no-repeat;
  background-position: left center
}
.widget_sp_image h2.widget-title {
  display: none;
}
.widget_isp_businesscalendar h2.widget-title {
  background-image: url(images/ico_factory.png);
}
#this-month-archive h2.widget-title {
  background-image: url(images/ico_kamaboko_month.png);
}
#top-news h2 {
  background: url(images/ico_kamaboko.png) left center no-repeat;
  padding-left: 23px;
}
/* ===== ulデフォルト ===== */
ul {
  list-style-position: inside;
}
/* 子ページインデント */
ul.children {
  margin-left: 10px;
}
/* ===== Tableデフォルト ===== */
table {
  width: 100%;
}
td, th {
  border: 1px solid #ccc;
  padding: 10px 5px;
}
th {
  background: #D3C39D !important;
  color: #fff;
}
/* ===== Formデフォルト ===== */
input[type="text"], input[type="email"], textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ccc;
  padding: 5px;
}
/* ===== SNSボタン ===== */
.social {
  margin-bottom: 10px;
  list-style: none;
}
.social li {
  float: left;
  margin-right: 15px;
}
.social iframe {
  margin: 0 !important;
}
/* ===== リンク・リンク付き画像ボーダー除去 ===== */
a {
  transition: background 0.2s linear 0, color 0.2s linear 0;
  -webkit-transition: background 0.2s linear 0, color 0.2s linear 0;
  -moz-transition: background 0.2s linear 0, color 0.2s linear 0;
  -o-transition: background 0.2s linear 0, color 0.2s linear 0;
  -ms-transition: background 0.2s linear 0, color 0.2s linear 0;
  text-decoration: none;
  color: #A77809;
}
a:hover { text-decoration: underline; }
a img { border: 0; }
a img:hover { opacity: 0.8; filter: alpha(opacity=80); -ms-filter:"alpha(opacity=80)"; }
/* ===== 配置 ===== */
.left   { text-align: left; }
.center { text-align: center; }
.right  { text-align: right; }
/* ===== WP画像配置 ===== */
.alignleft   { float: left; }
.aligncenter { display: block; margin: 0 auto; clear: both; }
.alignright  { float: right; }
/* ===== ボーダー・マージン強制ゼロ */
.border-none { border: 0 !important; }
.margin-none { margin: 0 !important; }
/* ===== Likeboxレスポンシブ対応 ===== */
#like-box-wrap .fbcomments,
#like-box-wrap .fb_iframe_widget,
#like-box-wrap .fb_iframe_widget[style],
#like-box-wrap .fb_iframe_widget iframe[style],
#like-box-wrap .fbcomments iframe[style],
#like-box-wrap .fb_iframe_widget span {
  width: 100% !important;
}
/* ===== WP-PageNaviスタイル */
.wp-pagenavi span, .wp-pagenavi a {
  padding: 5px 7px;
  margin-right: 5px;
  border: 1px solid #CCC;
  border-radius: 5px;
}
.wp-pagenavi a:hover {
  background: #3FC7DA;
  color: #fff;
}
.wp-pagenavi span.current {
  font-weight: bold;
  background: #49ADBB;
  color: #FFF;
}
/* ===== トップへ戻るボタン ===== */
#gotop {
  position: fixed;
  right: 5px;
  bottom: 50px;
  display: none;
}
#gotop img {
  cursor: pointer;
}
#gotop img:hover {
  opacity: 0.7; filter:
  alpha(opacity=70);
  -ms-filter:"alpha(opacity=70)";
}
/* ===== 非表示にする ===== */
.w960-show, .w768-show, .w568-show { display: none; }
/* ===== 固定表示 ===== */
.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
/* ===== インラインブロック（IEハック） ===== */
.inbl {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
/* ===== カラー定義 ===== */
.red { color: #f00; }

/*******************************
- ヘッダー
*******************************/
#header {
  line-height: 0;
}
.header-logos {
	display:flex;
	justify-content:space-between;
	align-items:center;
}

#header-l {
  /*float: left;*/
}
#header-m {
}
#header-m p {
	font-weight:bold;
	font-size:1.5vw;
	text-align:center;
	line-height:1;
}

#header-r {
  /*float: right;*/
  line-height: 65px;
}
#header-r form {
  float: left;
}
#header-r input[type="text"] {
  width: 90px;
  outline: none;
  background: url(images/ico_search.png) no-repeat left center;
  padding: 0 0 0 20px;
  border: none;
}
#header-r a:hover {
  color: #3FC7DA;
  text-decoration: none;
}

/*******************************
- グローバルメニュー
*******************************/
#gmenu {
  line-height: 0;
  background: #fff;
}
#gmenu ul {
  list-style: none;
  letter-spacing: -.40em
}
#gmenu ul li {
  /*float: left;*/
  letter-spacing: normal;
}
#gmenu ul li a {
  display: block;
}
/* 固定表示時 */
#gmenu.fixed ul {
  padding-top: 10px;
  padding-bottom: 10px;
}
#gmenu.fixed ul li {
  width: 14%;
}
#gmenu.fixed ul li.inner {
  padding: 0 1%;
}
#gmenu.fixed ul li img {
  max-width: 60%;
}
/* ===== グローバルメニュー表示切り替えボタン ===== */
#gmenu-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 35px;
  margin: 0 auto;
  background: none;
  border: 0;
  padding: 12px 0;
  outline: none;
  cursor: pointer;
}
#gmenu-toggle span {
  height: 5px;
  background: #FFF;
  width: 100%;
  display: block;
  margin-top: 3px;
  border-radius: 5px;
  border-bottom: 2px solid #000;
}
#gmenu-toggle span:first-child {
  margin-top: 0;
}
/* ===== スマホメニュー ===== */
#smenu {
  line-height: normal;
  background: #fff;
  padding: 0 !important;
  position: absolute;
  top: 51px;
  left: 0;
  width: 100%;
  z-index: 10;
  display: none;
}
#gmenu #smenu li {
  width: auto;
  border-top: 1px dashed #7C7C7C;
  position: relative;
}
#gmenu #smenu li:after {
  content: '';
  border: 8px solid transparent;
  border-left: 8px solid #ccc;
  position: absolute;
  right: 0;
  top: 10px;
}
#gmenu #smenu li a {
  padding-top: 15px;
  padding-bottom: 15px;
}

/*******************************
- パンくず
*******************************/
#breadcrumbs {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
#breadcrumbs ul.inner {
  list-style: none;
  margin: 0;
  padding: 5px 10px;
  /*overflow: hidden;*/
}
#breadcrumbs ul li {
  float: left;
  margin-right: 10px;
}
#breadcrumbs ul li.current {
  font-weight: bold;
}

/*******************************
- メイン
*******************************/
#main {
  width: 620px;
  float: left;
}
#main article {
}
.post-meta {
  margin-top: 15px;
  padding-top: 7px;
  border-top: 1px solid #CCC;
}
span.date {
  margin-right: 10px;
}
/* ===== 前へ・次へリンク ===== */
#post-nav {
  margin-top: 15px;
}
.previous-post, .next-post {
  width: 48%;
}
.previous-post { float: left; }
.next-post     { float: right; text-align: right; }
.previous-post a, .next-post a {
  background: #f5f5f5;
  padding: 5px 10px;
  border: 1px solid #DADADA;
  border-radius: 5px;
}
/* ===== トップお知らせ ===== */
#top-news {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #e5e5e5;
}
#top-news-l {
  width: 350px;
}
#top-news-l ul li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#top-news-l ul li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#top-news-r p a {
  color: #000;
}

/*******************************
- サイドバー
*******************************/
#side {
  width: 320px;
  float: right;
}
#side ul {
  list-style: none;
  margin: 0;
}
#side ul li {
  padding: 5px;
  border-bottom: 1px dashed #ccc;
  background: #f8f8f8;
  position: relative;
}
#side ul li a {
  display: block;
}
/* 過去の今月のかまぼこ */
#this-month-archive .this-month-block:first-child {
  margin-top: 0;
}
#this-month-archive h3 {
  cursor: pointer;
}
#this-month-archive ul {
  display: none;
}
#this-month-archive .this-month-block:first-child ul {
  display: block;
}
#this-month-archive ul li {
  padding-left: 20px;
}
#this-month-archive ul li:before {
  width: 0;
  height: 0;
  content: '';
  position: absolute;
  border: 5px solid transparent;
  border-left: 5px solid #6D6D6D;
  left: 5px;
  top: 11px;
}

/*******************************
- サブメニュー
*******************************/
#submenu .box {
  width: 130px;
}

/*******************************
- 下部メニュー
*******************************/
#bottom-menu ul {
  list-style: none
}
#bottom-menu ul li {
  border-right: 1px solid #6b6b6b;
  padding-right: 5px;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#bottom-menu ul li a {
  color: #000;
}

/*******************************
- フッター
*******************************/
#footer {
  background: #d3c39d;
  padding: 10px 0;
}
/* ===== フッターメニュー ===== */
#fmenu {}
  #fmenu ul li {
    display: inline-block;
    margin-left: 10px;
  }
  #fmenu ul li:first-child {
    margin-left: 0;
  }
  #fmenu ul li a {
    color: #000;
  }

  .kokuchi {
    border-style: solid;
    border-width: 2px;
    padding: 10px 10px;
    font-size: 120%;
  }

  /*******************************
  - お問合せ画面
  *******************************/
  div#trust-form #confirm-button {
    margin: 0 0 30px 0;
  }

  .mw_wp_form {
    box-sizing: border-box;
    overflow: hidden;
  }

  .mw_wp_form dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 30px 0px 0px;
    border-top: none;
  }
  .mw_wp_form dl > dt,
  .mw_wp_form dl > dd {
    text-align: left;
    padding: 1em;
    border: 1px solid #ccc;
    border-spacing: collapse;

  }
  .mw_wp_form dl > dt {
    display: flex;
    align-items: center;
    width: 25%;
    background: #D3C39D;
    color: #fff;
  }
  .mw_wp_form dl > dd {
    width: 65%;
  }

  @media print, (max-width: 992px) {
    .mw_wp_form dl > dt,
    .mw_wp_form dl > dd {
      width: 100%;
      text-align: center;
    }
  }

  .mw_wp_form input[type="text"],
  .mw_wp_form input[type="email"],
  .mw_wp_form input[type="tel"],
  .mw_wp_form textarea {
    padding: 1em;
    width: 100%;
    font-size: 15px;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }

  .mw_wp_form input[type="submit"],
  .mw_wp_form input[type="submit"]:hover {
    display: table;
    margin: 30px auto;
  }

  .mw_wp_form .form_step {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
    list-style: none;
  }

  .mw_wp_form .form_step > li {
    display: block;
    position: relative;
    padding: 0.5em;
    width: 22%;
    border: 1px solid currentColor;
    font-size: 1.5vw;
    font-weight: bold;
    text-align: center;
  }
  .mw_wp_form .form_step > li:nth-of-type(n + 2) {
    margin: 0px 0px 0px 4%;
  }
  .mw_wp_form .form_step > li:nth-of-type(n + 2)::before {
    position: absolute;
    top: 50%;
    left: -1.5em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(135deg);
    content: "";
  }

  .mw_wp_form_input .form_step > li:nth-of-type(1),
  .mw_wp_form_preview .form_step > li:nth-of-type(2),
  .mw_wp_form_complete .form_step > li:nth-of-type(4) {
    color: #fff;
  }

  @media print, (min-width: 992px) {
    .mw_wp_form .form_step > li {
      font-size: 18px;
    }
  }

  .mw_wp_form_complete div {
    margin: 30px 0px 0px;
    text-align: center;
  }