@charset"UTF-8";

/* 0.import
-------------------------------------------------------------- */

@import url(css/main.css);

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Base
2.0 - Header and Footer
3.0 - Navigation
4.0 - Content
5.0 - Individual
6.0 - Parts
7.0 - Other
--------------------------------------------------------------*/


/*--------------------------------------------------------------
1.0 - Base
--------------------------------------------------------------*/

html,
button,
input,
select,
textarea {
  color: #222222;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

body {
  font: 14px/22px;
  font-family: "Lucida Grande", "segoe UI", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}

a {
  color: #330099;
  text-decoration: none;
}

a:visited {
  color: #330099;
}

a:hover {
  color: #cc0000;
  text-decoration: underline;
}


/*a,
a img {
  -webkit-transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}*/

a:hover img {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}


/* Header title  */

.header h1 {
  margin: 0;
  font-size: 2.44444rem;
}

.header h1 a {
  text-decoration: none;
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5 {
  font-family: "Lucida Grande", "segoe UI", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}

.entry h1 {
  font-size: 2.44444rem;
}

.entry h2 {
  font-size: 1.5rem;
  padding: 12px 7px 12px 63px;
  border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  background: #FF9900 url(./images/base/h2-bg.png) no-repeat 5px center;
  color: #fff;
  font-weight: bold;
  margin: 0 0 20px;
}

.entry h3 {
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: bold;
}

.entry h4 {
  font-size: 1.2rem;
  line-height: 1.4;
}

.entry h5 {
  font-size: 1.1rem;
  line-height: 1.4;
  margin-top: 0.5rem;
  margin-bottom: 0.3rem;
}

.tit-label {
  font-family: "Lucida Grande", "segoe UI", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  display: inline-block;
  font-weight: normal;
  line-height: 1;
  margin-bottom: auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  padding: 0.15rem 0.8rem 0.15rem;
  font-size: 1.05rem;
  background-color: #FF9900;
  color: #FFFFFF;
}

.entry h3.archive {
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: 0.2rem;
}

h3.main-tit {
  color: #432705;
  border-top: 1px solid #D8CDA5;
  border-bottom: 1px solid #D8CDA5;
  border-right: 1px solid #D8CDA5;
  border-left: 8px solid #FF9900;
  padding: 7px;
  -moz-box-shadow: 1px 1px 3px #D8CDA5;
  -webkit-box-shadow: 1px 1px 3px #D8CDA5;
  box-shadow: 1px 1px 3px #D8CDA5;
  margin-bottom: 20px;
}


/*--------------------------------------------------------------
2.0 - Header and Footer
--------------------------------------------------------------*/


/* header */

.header {
  padding: 0;
  /*  border-top:soid 4px #FBB575;*/
  border-top: 4px solid #FBB575;
/*  border-bottom: solid 2px #EEEBE8;*/
  /*background: #FAA456 url(./images/base/header-bg.png) no-repeat center top;*/
}

.header .logo {
  margin: 5px 10px 5px 0px;
  border: none;
}

@media screen and (min-width: 900px) {
  .header {
    height: 54px;
  }
  .header .site-summary {
    padding: 0 15% 20px;
    font-size: 0.9em;
  }
}

@media screen and (max-width: 900px) {
  .header {
    text-align: center;
  }
  .header .logo {
    margin: 0;
    vertical-align: 0px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .header .site-summary {
    padding: 0 20px 20px;
    font-size: 0.9em;
  }
}

@media screen and (max-width: 640px) {
  .header {
    background-image: none;
  }
  .header .site-summary {
    padding-bottom: 0 0 20px;
    font-size: 0.9em;
  }
}

.entry-serch {
  padding-top: 10px;
  margin-bottom: 20px;
  /*background: #F2EECE;*/
  color: #432705;
}

.entry-nav {
  /*background: #F2EECE;*/
  padding: 15px;
}


/* header nav */

.gnavi {
  max-width: 100px;
  margin: auto;
  background-color: #fff;
}

.gnavi ul {
  margin-left: auto;
  margin-right: auto;
  list-style: none;
}

.gnavi ul li {
  text-align: center;
  float: left;
  width: 25%;
  border-bottom: none;
}

#nav {
  margin: 0 auto;
  width: 100%;
  /*  background-color: #15406a;*/
}

#nav:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
}



/* footer */

.footer {
 /* background: #a39385 url(./images/base/footer-bg.gif) repeat-x ;*/
		background: #a39385 repeat-x ;
  overflow: hidden;
  padding-top: 15px;
}

.copyright {
  text-align: center;
  color: #fff;
}

.footer p {
  padding-top: 15px;
  text-align: center;
  font-size: 12px;
}


/*--------------------------------------------------------------
3.0 - Navigation
--------------------------------------------------------------*/


/* top-bar */

.contain-to-grid {}

.contain-to-grid,
.menu {}

.contain-to-grid,
.menu,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar.expanded .title-area {}

.top-bar-section li:not(.has-form) a:not(.button):hover {}

.top-bar.expanded .title-area {}

.top-bar-section ul li>a {}


/* footer nav */

.footer nav {
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  color: #fff;
}

.footer nav ul {
  font-size: 12px;
}

.footer nav ul li {
  list-style: none;
  float: left;
  margin-right: 1.375rem;
  display: block;
}

.footer nav ul li a {}

.footer nav a {
  color: #fff;
}


/* page navi */

.entry[class*="navigation"] {
  font-size: 90%;
}

[class*="navigation"] .nav-previous {
  float: left;
  width: 50%;
}

[class*="navigation"] .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

[class*="navigation"]:after {
  content: "";
  display: table;
  clear: both;
}


/*--------------------------------------------------------------
4.0 - Content
--------------------------------------------------------------*/

.main-container {
/*  padding-top: 25px;*/
  padding-bottom: 40px;
  background: url(./images/base/body-bg.png) repeat left top;
}

.entry {
  padding: 0px 10px 10px;
  margin-bottom: 15px;
  border: solid 1px #EADFB9;
  background: #fff;
}


/* 横幅が900px以上の場合、横幅が少し狭くなる*/

@media screen and (min-width: 900px) {
  .entry {
    padding: 0 25px 10px;
  }
}

.entry section {
  margin-bottom: 10px;
}

.entry section:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

.entryber {
  padding: 0px;
  margin-bottom: 0px;
  /*border: solid 1px #EADFB9;*/
  background: #fff;
}


/* 横幅が900px以上の場合、横幅が少し狭くなる*/

@media screen and (min-width: 900px) {
  .entryber {
    /*padding: 0 25px 10px;*/
				padding: 0;
  }
}

.entryber section {
  /*margin-bottom: 10px;*/
		margin-bottom: 0px;
}

.entryber section:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
/* single */

.entry-meta {
  font-size: 85%;
  background: #F7F7F7;
  margin-bottom: 20px;
  color: #a2a2a2;
  line-height: 1.7;
  padding-left: 5px;
  text-align: right;
  padding: 0.5em;
}

.entry-meta a {
  color: #666666;
  text-decoration: none;
}

.entry-meta a:hover {
  color: #444444;
}

.post-date {
  padding-right: 0.7em;
}


/* アーカイブpage title */

.page-header {
  margin-bottom: 10px;
}


/*--------------------------------------------------------------
5.0 - Parts
--------------------------------------------------------------*/


/* 見出しアイコン */

.tit-icon:before {
  font-family: 'FontAwesome';
  content: "\f04d";
  color: #66CC99;
  margin-right: 1px;
}

ul#icon-menu {
  padding: 10px;
  margin: 0 0 0px;
}

ul#icon-menu li {
  padding: 0;
  margin: 0;
  /*display: inline-block; */
  list-style-type: none;
  padding-right: 35px;
}

ul#icon-menu li:before {
  font-family: 'FontAwesome';
  color: #85D161;
  content: "\f138";
  margin-right: 5px;
  /*display: inline-block; */
  width: 1.2857142857142858em;
  /* アイコン幅を指定 */
  text-align: center;
  vertical-align: middle;
}

.inline-list-mini {
  margin: 0 auto;
  margin-left: -1rem;
  margin-right: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.inline-list-mini > li {
  list-style: none;
  float: left;
  margin-left: 1rem;
  display: block;
}

.inline-list-mini > li > * {
  display: block;
}


/* おすすめメニューのリスト */

.local-menu {
  margin: 0;
  white-space: nowrap;
  padding: 0;
}

.local-menu > li {
  display: inline;
  list-style-type: none;
}

.local-menu a {
  padding-left: 20px;
  background-image: url(./images/base/localmenu-icon.png) no-repeat left top;
}

.panel {
  margin-bottom: 0;
  padding-bottom: 0;
}

.panel.attention {
  border-color: #F8E1B1;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0;
  padding: 1.11111rem;
  background: #FAE9C5;
}

#hero {
  /*margin-bottom: 30px;*/
  border-bottom: solid 1px #D8D0CB;
  border-left: solid 1px #D8D0CB;
  border-right: solid 1px #D8D0CB;
  /*    -moz-box-shadow: 1px 1px 3px #666;*/
}

.hero__media {
  width: 100%;
  height: 100%;
}

.panel-box {
  background: #fff;
  text-align: center;
		margin-bottom: 0;
}

.panel-color {
  background: #fff;
  border: solid 1px #EADFB9;
  text-align: center;
		margin-bottom: 0;
}

.panel-font {
  background: #fbeed5;
  text-align: center;
		padding-top: 0.4rem;
		padding-bottom: 0.4rem;
		font-size : 1em;
}

#main-footer .columns {
  position: relative;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  float: left;
}

.gnavi {
  max-width: 1000px;
  margin: auto;
  background-color: #ffffff;
}

.gnavi ul {
  margin-left: auto;
  margin-right: auto;
  list-style: none;
}

.gnavi ul li {
  text-align: center;
  float: left;
  width: 20%;
  border-bottom: none;
}

#nav {
  margin: 0 auto;
  width: 100%;
  background-color: #ffe8c4;
}

#nav:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

@media screen and (min-width: 640px) {
  /*  ul.gnavi, ul.sub-navi {
    margin: 0 15px 0;
  }*/
  #nav .colums {
    padding: 0;
    margin: 0;
  }
  ul.gnavi li,
  ul.sub-navi li {
    padding: 0;
  }
}

.left-line {
  margin-top: 8px;
  border-left: solid 2px #EEEBE8;
  line-height: 50px;
  padding-left: 25px;
}

@media screen and (max-width: 640px) {
  .left-line {
    margin-top: 0;
    border-left: none;
    line-height: auto;
    padding-left: 0;
  }
}

.menu-label li {
  display: inline-block;
  font-weight: normal;
  line-height: 1;
  margin-bottom: auto;
  position: relative;
  text-align: center;
  text-decoration: none;
  padding: 0.5rem 0.85rem 0.5rem;
  font-size: 1.05rem;
  background-color: #FAE9C5;
  color: #FFFFFF;
}

.orbit-container .orbit-next>span {
  border-left-color: #333;
}

.orbit-container .orbit-prev>span {
  border-right-color: #333;
}

.menu-list {
  list-style: none;
  margin-left: -1.375rem;
  margin-right: 0;
  margin: 0 auto 1.0625rem auto;
  overflow: hidden;
  padding: 0;
}

.menu-list > li {
  display: block;
  float: left;
  list-style: none;
  margin-left: 1.375rem;
  padding: 0.5rem 0.85rem 0.5rem;
  background-color: #FAE9C5;
  border: solid 1px #CCC;
}

.menu-list > li > * {
  display: block;
}

.subnav {
  max-width: 1000px;
  margin: auto;
  border-bottom: solid 1px #D8D0CB;
  border-left: solid 1px #D8D0CB;
  border-right: solid 1px #D8D0CB;
  background-color: #fff;
  margin-bottom: 20px;
  padding: 8px;
  min-height: 90px;
}

.subnav .title-area {
  width: 90px;
  float: left;
  /*margin: 0 0 10px 0;*/
		margin: 20px 15px 10px 0;
  padding: 0;
  vertical-align: top;
}

.subnav .contetns-area {
  margin-left: 90px;
}

@media screen and (min-width: 640px) {
  ul#icon-menu {
    margin-top: 14px;
  }
}


/*--------------------------------------------------------------
6.0 - Other
--------------------------------------------------------------*/


/* Helper classes */

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
  **text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
  **zoom: 1;
}

.clearfix:before {
  content: " ";
  display: table;
}

.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}


/* Print styles */

@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a {
    text-decoration: underline;
  }
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href)")";
  }
  abbr[title]:after {
    content: " (" attr(title)")";
  }
  /* Don't show links for images, or javascript/internal links */
  .ir a:after {
    content: "";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* h5bp.com/t */
  tr {
    page-break-inside: avoid;
  }
  img {
    page-break-inside: avoid;
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}


/* サイトのナビゲーション */
.localTab{
      padding: 10px 0;
     }
.tabs a {
    padding: 6px 15px;
}

.container {
  position: relative;
}

@media screen and (min-width: 980px) {
  .container {
    margin: 0 auto;
    max-width: 960px;
  }
  .container.is-fluid {
    margin: 0 20px;
    max-width: none;
  }
}

@media screen and (min-width: 1180px) {
  .container {
    max-width: 1000px;
  }
}

/* Components - Tabs */
.tabs {
  align-items: stretch;
  display: flex;
  justify-content: space-between;
  line-height: 24px;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}

.tabs a {
  align-items: center;
  border-bottom: 1px solid #d3d6db;
  color: #222324;
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: 6px 12px;
  vertical-align: top;
}

.tabs a:hover {
  border-bottom-color: #42afe3;
  color: #222324;
}

.tabs li {
  display: block;
}

.tabs li.is-active a {
  border-bottom-color: #42afe3;
  color: #42afe3;
}

.tabs ul {
  align-items: center;
  border-bottom: 1px solid #d3d6db;
  display: flex;
  flex: 1;
  justify-content: flex-start;
}

.tabs ul.is-left {
  padding-right: 10px;
}

.tabs ul.is-center {
  flex: none;
  justify-content: center;
  padding-left: 10px;
  padding-right: 10px;
}

.tabs ul.is-right {
  justify-content: flex-end;
  padding-left: 10px;
}

.tabs .icon:first-child {
  margin-right: 8px;
}

.tabs .icon:last-child {
  margin-left: 8px;
}

.tabs.is-centered ul {
  justify-content: center;
}

.tabs.is-right ul {
  justify-content: flex-end;
}

.tabs.is-boxed a {
  border: 1px solid transparent;
  border-radius: 3px 3px 0 0;
  padding-bottom: 5px;
  padding-top: 5px;
}

.tabs.is-boxed a:hover {
  background: #FAFAF9;
  border-bottom-color: #d3d6db;
}

.tabs.is-boxed li.is-active a {
  background: #fff;
  border-color: #d3d6db;
  border-bottom-color: transparent !important;
}

.tabs.is-fullwidth li {
  flex: 1;
}

.tabs.is-toggle a {
  border: 1px solid #d3d6db;
  margin-bottom: 0;
  padding-bottom: 5px;
  padding-top: 5px;
  position: relative;
}

.tabs.is-toggle a:hover {
  background: #FAFAF9;
  border-color: #aeb1b5;
  z-index: 2;
}

.tabs.is-toggle li + li {
  margin-left: -1px;
}

.tabs.is-toggle li:first-child a {
  border-radius: 3px 0 0 3px;
}

.tabs.is-toggle li:last-child a {
  border-radius: 0 3px 3px 0;
}

.tabs.is-toggle li.is-active a {
  background: #1fc8db;
  border-color: #1fc8db;
  color: white;
  z-index: 1;
}

.tabs.is-toggle ul {
  border-bottom: none;
}

.tabs.is-small {
  font-size: 11px;
}

.tabs.is-small a {
  padding: 2px 8px;
}

.tabs.is-small.is-boxed a, .tabs.is-small.is-toggle a {
  padding-bottom: 1px;
  padding-top: 1px;
}

.tabs.is-medium {
  font-size: 18px;
}

.tabs.is-medium a {
  padding: 10px 16px;
}

.tabs.is-medium.is-boxed a, .tabs.is-medium.is-toggle a {
  padding-bottom: 9px;
  padding-top: 9px;
}

.tabs.is-large {
  font-size: 28px;
}

.tabs.is-large a {
  padding: 14px 20px;
}

.tabs.is-large.is-boxed a, .tabs.is-large.is-toggle a {
  padding-bottom: 13px;
  padding-top: 13px;
}