/*!
Theme Name: shirokane-sdc
Author: shirokane-sdc
*/

@font-face {
  font-family: "futura";
  src: url("webfonts/Futura Light.otf") format("otf");
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
/*  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;*/
}
/* Sections
 ========================================================================== */

 @media (min-width: 641px) and (max-width: 926px) {
  body, .mainvisual_wrap, #mainvisual, header, footer {
    min-width: 1300px;
  }
}
body {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #323333;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.05em;
  text-align: justify;
  background: url("images/bg01.jpg") repeat center;
  margin: 0;
}
@media screen and (max-width: 640px) {
  html,body {
    overflow-x: hidden;
  }
}
main {
  display: block;
}
/* .home main{
	    background: white;
} */
h1 {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 8px 0 8px calc(50% - 640px);
  background: rgba(94, 67, 91, 0.6);
  font-size: 12px;
  font-weight: normal;
}
h1.site-title a {
  color: white;
}
@media screen and (max-width: 640px) {
  h1.site-title {
    padding: 6px 4px;
    line-height: 1.2;
  }
}
/* Grouping content
 ========================================================================== */

 hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Text-level semantics
 ========================================================================== */

 a {
  text-decoration: none;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b, strong {
  font-weight: bolder;
}
code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
 ========================================================================== */

 img {
  border-style: none;
}
/* Forms
 ========================================================================== */

 button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button, input {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
/* Interactive
 ========================================================================== */

 details {
  display: block;
}
summary {
  display: list-item;
}
/* Misc
 ========================================================================== */

 template {
  display: none;
}
[hidden] {
  display: none;
}
/* Box sizing
--------------------------------------------- */

*, *::before, *::after {
  box-sizing: inherit;
}
html {
  box-sizing: border-box;
}
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  clear: both;
}
p {
  margin-bottom: 1.5em;
}
dfn, cite, em, i {
  font-style: normal;
}
blockquote {
  margin: 0 1.5em;
}
address {
  margin: 0 0 1.5em;
}
pre {
  background: #eee;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}
abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark, ins {
  background: #fff9c0;
  text-decoration: none;
}
big {
  font-size: 125%;
}
/* Elements
--------------------------------------------- */

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
ul, li, ol {
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}
ol {
  list-style: decimal;
}
li>ul, li>ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}
dt {
  font-weight: normal;
}
dd {
  margin: 0;
}
embed, iframe, object {
  max-width: 100%;
}
img {
  height: auto;
  max-width: 100%;
}
figure {
  margin: 1em 0;
}
table {
  margin: 0;
  width: 100%;
}
/* Links
--------------------------------------------- */

a {
  color: initial;
}
a:hover, a:visited. a:focus, a:active {
  color: initial;
  outline: none;
}
/* Forms
--------------------------------------------- */

input[type="button"], input[type="reset"], input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
  color: #111;
}
select {
  border: 1px solid #ccc;
}
textarea {
  width: 100%;
}
/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

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

.main-navigation {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.main-navigation a {
  display: block;
  margin-bottom: 15px;
  font-size: 17px;
  letter-spacing: 0.075em;
  font-family: "游明朝体", "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  color: #fff;
}
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  position: absolute;
  z-index: 1;
  top: 70%;
  left: -40%;
  width: 300px;
  padding: 8px 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-in-out;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 9px 12px -10px;
}
.main-navigation ul li.rows ul {
  left: auto;
}
.main-navigation ul.menu>li:hover>ul {
  visibility: visible;
  opacity: 1;
  top: 105%;
  transition: all .2s ease-out;
}
.main-navigation ul.sub-menu {
  display: block;
}
.main-navigation ul.sub-menu a {
  position: relative;
  display: block;
  text-align: left;
  margin: 0;
  padding: 12px 12px 12px 16px;
  transition: 0.2s ease-in-out;
  line-height: 1;
  font-size: 16px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  color: #7f6f5a;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover>ul, .main-navigation ul ul li.focus>ul {
  display: block;
}
.main-navigation ul li.rows ul li:hover>ul {
  left: auto;
}
.main-navigation ul ul a {
  position: relative;
  display: block;
  text-align: left;
  padding: 12px 12px 12px 16px;
  transition: 0.2s ease-in-out;
  font-family: "游明朝体", "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  color: #7f6f5a;
}
.main-navigation ul ul a::before {
  position: relative;
  display: inline-block;
  top: -2px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  border: none;
  margin-right: 10px;
  font-size: 12px;
  transition: 0.2s ease-in-out;
}
.main-navigation ul ul a:hover {
  color: #608481;
}
.main-navigation ul ul a:hover::before {
  transform: translateX(4px);
}
.main-navigation li {
  position: relative;
}
#global-menu>li {
  margin-left: 36px;
  text-align: center;
}
#global-menu>li>a {
  line-height: 1;
  text-shadow: 0 0 6px rgba(80, 78, 73);
}
#global-menu>li span {
  display: block;
  font-size: 9px;
  margin-top: 15px;
  letter-spacing: 0.2em;
  font-family: futura-pt, sans-serif;
  font-weight: 400;
}
#global-menu>li>a::after {
  content: "";
  position: absolute;
  right: 0;
  top: -18px;
  left: 0;
  margin: auto;
  width: 8px;
  height: 8px;
  background: #fff;
  transition: 0.2s ease-in-out;
  opacity: 0;
}
#global-menu>li>a:hover::after {
  opacity: 1;
}
/* Small menu. */

.menu-toggle, .main-navigation.toggled ul {
  display: block;
}
@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
  }
}
/* scroll menu
--------------------------------------------- */

#site-navigation .webs {
  display: none;
}
#site-navigation .webs a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 40px;
  background: #ffffff;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #a28d5b;
  text-shadow: none;
  letter-spacing: 0.2em;
  font-size: 15px;
  font-weight: 500;
  transition: 0.2s ease-in-out;
}
#site-navigation .webs a::before {
  display: block;
  margin-right: 16px;
  font-size: 20px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f3cd";
}
#site-navigation .webs a:hover {
  opacity: .7;
}
#site-navigation.clones #global-menu>li span {
  margin-top: 8px;
}
#site-navigation.clones {
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  justify-content: center;
  padding: 16px 0;
  background: rgba(169, 151, 128, 0.9);
  z-index: 999;
  transition: .3s;
}
#site-navigation.clones>ul>li>a {
  margin-bottom: 0;
}
#site-navigation.clones #global-menu {
  align-items: center;
}
#site-navigation.clones .webs {
  display: block;
}
#site-navigation.on {
  opacity: 1!important;
  visibility: visible!important;
}
/* spnav 既存css
--------------------------------------------- */

.nav_wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #fff;
}
.nav_wrap .header_logo {
/*    width: calc(100% - 56px);
*/
  width: calc(100% - 134px);
  padding-top: 0;
}
.nav_wrap .header_logo a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px 0;
  line-height: 1;
}
.nav_wrap .header_logo img {
  width: 100%;
  height: 40px;
}
.insta {
  padding: 8px 0;
}
.insta img {
  width: 38px;
  height: 38px;
  vertical-align: middle;
}
/* ハンバーガーボタン */

.btn_tgl_menu {
  position: relative;
  right: 0;
  color: #fff;
  width: 55px;
/*   background: #2a576b; */
	background: #8a6786;
  border: none;
  padding: 0;
  margin: 0;
  text-align: center;
  transition: right 0.6s cubic-bezier(.19, 1, .22, 1);
}
.btn_tgl_menu i {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  margin: auto;
  font-style: normal;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.btn_tgl_menu span {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 35px;
  height: 2px;
  background: #fff;
  transition: all 0.6s cubic-bezier(.19, 1, .22, 1);
  opacity: 1;
}
.btn_tgl_menu span:nth-of-type(1) {
  top: 10px;
}
.btn_tgl_menu span:nth-of-type(2) {
  top: 20px;
}
.btn_tgl_menu span:nth-of-type(3) {
  top: 30px;
}
/* MENUボタン押下時 */

.btn_tgl_menu.active {
  right: 16.25rem;
}
.btn_tgl_menu.active span:nth-of-type(1) {
  top: 20px;
  transform: rotate(225deg);
}
.btn_tgl_menu.active span:nth-of-type(2) {
  opacity: 0;
}
.btn_tgl_menu.active span:nth-of-type(3) {
  top: 20px;
  transform: rotate(-225deg);
}
/* ドロップダウンメニュー */

.tgl_menu_list {
  position: fixed;
  top: 0;
  right: 0;
  right: -16.25rem;
  z-index: 2;
  overflow: hidden;
  width: 16.25rem;
  height: 100%;
  transition: right 0.6s cubic-bezier(.19, 1, .22, 1);
/*   background: #2a576b; */
	 background: #8a6786;
  padding: 15px;
}
.tgl_menu_list ul {
  flex-flow: column wrap;
}
.tgl_menu_list ul li {
  display: block;
  border-bottom: 1px solid #fff;
  width: 100%;
  margin-left: 0;
  font-family: "游明朝体", "Yu Mincho", YuMincho, Georgia, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}
.tgl_menu_list ul li:first-child {
  border-top: 1px solid #fff;
}
.tgl_menu_list ul li::after {
  display: none;
}
.tgl_menu_list nav>ul>li>a {
  display: block;
  font-size: 14px;
  color: white;
  padding: 12px 10px;
}
.nav_wrap .nav_ja, .nav_wrap.fixed .nav_ja {
  margin-bottom: 0;
  font-size: 14px;
}
body.nav-open .tgl_menu_list {
/*    overflow-y: scroll;*/
right: 0;
}
.tgl_menu_list nav>ul>li>a>span {
  display: none;
}
.tgl_menu_list ul li.nav_single_menu div {
  position: static;
  opacity: 1;
  visibility: visible;
  width: 100%;
  padding-bottom: 10px;
  box-shadow: none;
}
.tgl_menu_list ul li.nav_single_menu div a {
  margin-left: 15px;
  background: none;
  padding: 3px;
  line-height: 2;
  text-indent: -1.2em;
  padding-left: 1.2em;
  border-bottom: none;
}
.tgl_menu_list ul li.nav_single_menu div a::before {
  position: static;
  display: inline;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  margin-right: 10px;
}
.tgl_menu_list ul li.nav_single_menu div a i.nav_arrow {
  display: none;
}
.tgl_menu_list ul li.nav_single_menu div a:hover {
  color: #fff;
  background: none;
}
.nav_overlay {
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
body.nav-open .nav_overlay {
  display: block;
  opacity: 1;
  visibility: visible;
}
.btn_area {
  width: 100%;
	position: fixed;
    bottom: 0;
}
.btn_area ul {
  display: flex;
  background: #fff;
}
.btn_area ul li:not(:last-child) {
  border-right: 1px solid #fff;
}
.btn_area li.btn {
  width: 100%;
}
.btn_area li.btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  font-family: "A1明朝";
  padding: 13px 2%;
  font-size: 14px;
}
.btn_area li.btn a i {
  width: 15px;
  margin-right: 3px;
}
.btn_area li.btn_tel {
  background: rgba(169, 151, 128, 0.9);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a6742a+0,af8038+12,d2ac6a+39,d8b372+47,dbb777+54,dab574+68,cba15b+86,af8038+100 */
background: rgb(166, 116, 42);
/* Old browsers */
background: -moz-linear-gradient(left, rgba(166, 116, 42, 1) 0%, rgba(175, 128, 56, 1) 12%, rgba(210, 172, 106, 1) 39%, rgba(216, 179, 114, 1) 47%, rgba(219, 183, 119, 1) 54%, rgba(218, 181, 116, 1) 68%, rgba(203, 161, 91, 1) 86%, rgba(175, 128, 56, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(166, 116, 42, 1) 0%, rgba(175, 128, 56, 1) 12%, rgba(210, 172, 106, 1) 39%, rgba(216, 179, 114, 1) 47%, rgba(219, 183, 119, 1) 54%, rgba(218, 181, 116, 1) 68%, rgba(203, 161, 91, 1) 86%, rgba(175, 128, 56, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(166, 116, 42, 1) 0%, rgba(175, 128, 56, 1) 12%, rgba(210, 172, 106, 1) 39%, rgba(216, 179, 114, 1) 47%, rgba(219, 183, 119, 1) 54%, rgba(218, 181, 116, 1) 68%, rgba(203, 161, 91, 1) 86%, rgba(175, 128, 56, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6742a', endColorstr='#af8038', GradientType=1);
/* IE6-9 */
}
.btn_area li.btn_yoyaku {
  background: rgba(169, 151, 128, 0.9);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a6742a+0,af8038+12,d2ac6a+39,d8b372+47,dbb777+54,dab574+68,cba15b+86,af8038+100 */
background: rgb(166, 116, 42);
/* Old browsers */
background: -moz-linear-gradient(left, rgba(166, 116, 42, 1) 0%, rgba(175, 128, 56, 1) 12%, rgba(210, 172, 106, 1) 39%, rgba(216, 179, 114, 1) 47%, rgba(219, 183, 119, 1) 54%, rgba(218, 181, 116, 1) 68%, rgba(203, 161, 91, 1) 86%, rgba(175, 128, 56, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(166, 116, 42, 1) 0%, rgba(175, 128, 56, 1) 12%, rgba(210, 172, 106, 1) 39%, rgba(216, 179, 114, 1) 47%, rgba(219, 183, 119, 1) 54%, rgba(218, 181, 116, 1) 68%, rgba(203, 161, 91, 1) 86%, rgba(175, 128, 56, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(166, 116, 42, 1) 0%, rgba(175, 128, 56, 1) 12%, rgba(210, 172, 106, 1) 39%, rgba(216, 179, 114, 1) 47%, rgba(219, 183, 119, 1) 54%, rgba(218, 181, 116, 1) 68%, rgba(203, 161, 91, 1) 86%, rgba(175, 128, 56, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6742a', endColorstr='#af8038', GradientType=1);
/* IE6-9 */
}
.btn_area li.btn_monshin {
  background: #00A3BB;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a6742a+0,af8038+12,d2ac6a+39,d8b372+47,dbb777+54,dab574+68,cba15b+86,af8038+100 */
background: rgb(166, 116, 42);
/* Old browsers */
background: -moz-linear-gradient(left, rgba(166, 116, 42, 1) 0%, rgba(175, 128, 56, 1) 12%, rgba(210, 172, 106, 1) 39%, rgba(216, 179, 114, 1) 47%, rgba(219, 183, 119, 1) 54%, rgba(218, 181, 116, 1) 68%, rgba(203, 161, 91, 1) 86%, rgba(175, 128, 56, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(166, 116, 42, 1) 0%, rgba(175, 128, 56, 1) 12%, rgba(210, 172, 106, 1) 39%, rgba(216, 179, 114, 1) 47%, rgba(219, 183, 119, 1) 54%, rgba(218, 181, 116, 1) 68%, rgba(203, 161, 91, 1) 86%, rgba(175, 128, 56, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(166, 116, 42, 1) 0%, rgba(175, 128, 56, 1) 12%, rgba(210, 172, 106, 1) 39%, rgba(216, 179, 114, 1) 47%, rgba(219, 183, 119, 1) 54%, rgba(218, 181, 116, 1) 68%, rgba(203, 161, 91, 1) 86%, rgba(175, 128, 56, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6742a', endColorstr='#af8038', GradientType=1);
/* IE6-9 */
}
.btn_area li.btn_access {
  background: rgba(169, 151, 128, 0.9);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a6742a+0,af8038+12,d2ac6a+39,d8b372+47,dbb777+54,dab574+68,cba15b+86,af8038+100 */
background: rgb(166, 116, 42);
/* Old browsers */
background: -moz-linear-gradient(left, rgba(166, 116, 42, 1) 0%, rgba(175, 128, 56, 1) 12%, rgba(210, 172, 106, 1) 39%, rgba(216, 179, 114, 1) 47%, rgba(219, 183, 119, 1) 54%, rgba(218, 181, 116, 1) 68%, rgba(203, 161, 91, 1) 86%, rgba(175, 128, 56, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(166, 116, 42, 1) 0%, rgba(175, 128, 56, 1) 12%, rgba(210, 172, 106, 1) 39%, rgba(216, 179, 114, 1) 47%, rgba(219, 183, 119, 1) 54%, rgba(218, 181, 116, 1) 68%, rgba(203, 161, 91, 1) 86%, rgba(175, 128, 56, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(166, 116, 42, 1) 0%, rgba(175, 128, 56, 1) 12%, rgba(210, 172, 106, 1) 39%, rgba(216, 179, 114, 1) 47%, rgba(219, 183, 119, 1) 54%, rgba(218, 181, 116, 1) 68%, rgba(203, 161, 91, 1) 86%, rgba(175, 128, 56, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6742a', endColorstr='#af8038', GradientType=1);
/* IE6-9 */
}
@media screen and (max-width:640px) {
  .menu-item-has-children {
    position: relative;
  }
  .menu-item-has-children>.sub-menu {
    padding: 0 0 10px;
    margin: 0;
    list-style: none;
    display: none;
  }
  .menu-item-has-children>.sub-menu a {
    line-height: 1.5;
    padding: 6px 10px;
    display: flex;
    align-content: center;
    color: white;
    font-size: 13px;
  }
  .menu-item-has-children>.sub-menu a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f054";
    display: block;
    margin-right: 3px;
  }
  .menu-item-has-children>.sub-menu>li {
    display: block;
    width: 100%;
    border-bottom: none;
  }
  .menu-item-has-children>.sub-menu>li:first-child {
    border-top: none;
  }
  #menu-footer .menu-item-has-children>.sub-menu>li {
    padding: 0;
  }
}
/* +-開閉
--------------------------------------------- */

@media screen and (max-width:640px) {
  .oac {
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 0;
  }
  .oac:before, .oac:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: white;
    width: 12px;
    height: 3px;
    transition: all 0.3s;
  }
  .oac:after {
    transform: rotate(90deg);
  }
  .oac.active:before {
    transform: rotate(180deg);
  }
  .oac.active:after {
    transform: rotate(180deg);
    opacity: 0;
  }
}
/* Posts and pages
--------------------------------------------- */

.sticky {
  display: block;
}
.updated:not(.published) {
  display: none;
}
/* Comments
--------------------------------------------- */

.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
/* Widgets
--------------------------------------------- */

.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}
/* Media
--------------------------------------------- */

.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.custom-logo-link {
  display: inline-block;
}
/* Captions
--------------------------------------------- */

.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
.wp-caption-text {
  text-align: center;
}
/* Galleries
--------------------------------------------- */

.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}
.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
  display: block;
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
#primary[tabindex="-1"]:focus {
  outline: 0;
}
/* Alignments
--------------------------------------------- */

.alignleft {
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}
.alignright {
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}
/*--------------------------------------------------------------
# 既存共通css
--------------------------------------------------------------*/

.w010par {
  width: 10%;
}
.w020par {
  width: 20%;
}
.w025par {
  width: 25%;
}
.w050par {
  width: 50%;
}
.w075par {
  width: 75%;
}
.w100par {
  width: 100%;
}
.w010 {
  width: 10px;
}
.w020 {
  width: 20px;
}
.w030 {
  width: 30px;
}
.w040 {
  width: 40px;
}
.w050 {
  width: 50px;
}
.w060 {
  width: 60px;
}
.w070 {
  width: 70px;
}
.w080 {
  width: 80px;
}
.w090 {
  width: 90px;
}
.w100 {
  width: 100px;
}
.w110 {
  width: 110px;
}
.w120 {
  width: 120px;
}
.w130 {
  width: 130px;
}
.w140 {
  width: 140px;
}
.w150 {
  width: 150px;
}
.w160 {
  width: 160px;
}
.w170 {
  width: 170px;
}
.w180 {
  width: 180px;
}
.w190 {
  width: 190px;
}
.w200 {
  width: 200px;
}
.w210 {
  width: 210px;
}
.w220 {
  width: 220px;
}
.w230 {
  width: 230px;
}
.w240 {
  width: 240px;
}
.w250 {
  width: 250px;
}
.w255 {
  width: 255px;
}
.w260 {
  width: 260px;
}
.w270 {
  width: 270px;
}
.w280 {
  width: 280px;
}
.w290 {
  width: 290px;
}
.w300 {
  width: 300px;
}
.w305 {
  width: 305px;
}
.w310 {
  width: 310px;
}
.w320 {
  width: 320px;
}
.w330 {
  width: 330px;
}
.w340 {
  width: 340px;
}
.w350 {
  width: 350px;
}
.w360 {
  width: 360px;
}
.w365 {
  width: 365px;
}
.w370 {
  width: 370px;
}
.w380 {
  width: 380px;
}
.w390 {
  width: 390px;
}
.w400 {
  width: 400px;
}
.w410 {
  width: 400px;
}
.w415 {
  width: 415px;
}
.w420 {
  width: 420px;
}
.w430 {
  width: 430px;
}
.w435 {
  width: 435px;
}
.w440 {
  width: 440px;
}
.w450 {
  width: 450px;
}
.w460 {
  width: 460px;
}
.w470 {
  width: 470px;
}
.w480 {
  width: 480px;
}
.w490 {
  width: 490px;
}
.w500 {
  width: 500px;
}
.w510 {
  width: 510px;
}
.w520 {
  width: 520px;
}
.w530 {
  width: 530px;
}
.w540 {
  width: 540px;
}
.w550 {
  width: 550px;
}
.w560 {
  width: 560px;
}
.w570 {
  width: 570px;
}
.w580 {
  width: 580px;
}
.w590 {
  width: 590px;
}
.w600 {
  width: 600px;
}
.w610 {
  width: 610px;
}
.w620 {
  width: 620px;
}
.w630 {
  width: 630px;
}
.w640 {
  width: 640px;
}
.w650 {
  width: 650px;
}
.w660 {
  width: 660px;
}
.w670 {
  width: 670px;
}
.w680 {
  width: 680px;
}
.w690 {
  width: 690px;
}
.w700 {
  width: 700px;
}
.w710 {
  width: 710px;
}
.w720 {
  width: 720px;
}
.w730 {
  width: 730px;
}
.w740 {
  width: 740px;
}
.w750 {
  width: 750px;
}
.w760 {
  width: 760px;
}
.w765 {
  width: 765px;
}
.w960 {
  width: 960px;
}
.w980 {
  width: 980px;
}
.h030 {
  height: 30px;
}
.h180 {
  height: 180px;
}
.h190 {
  height: 190px;
}
.h200 {
  height: 200px;
}
.h240 {
  height: 240px;
}
.h250 {
  height: 250px;
}
.h280 {
  height: 280px;
}
.h300 {
  height: 300px;
}
.h350 {
  height: 350px;
}
.mt00 {
  margin-top: 0!important
}
.mt01 {
  margin-top: 1px;
}
.mt02 {
  margin-top: 2px;
}
.mt03 {
  margin-top: 3px;
}
.mt04 {
  margin-top: 4px;
}
.mt05 {
  margin-top: 5px;
}
.mt06 {
  margin-top: 6px;
}
.mt07 {
  margin-top: 7px;
}
.mt08 {
  margin-top: 8px;
}
.mt09 {
  margin-top: 9px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt35 {
  margin-top: 35px;
}
.mt40 {
  margin-top: 40px;
}
.mt45 {
  margin-top: 45px;
}
.mt50 {
  margin-top: 50px;
}
.mt60 {
  margin-top: 60px;
}
.mt70 {
  margin-top: 70px;
}
.mt80 {
  margin-top: 80px;
}
.mt90 {
  margin-top: 90px;
}
.mt100 {
  margin-top: 100px;
}
.mt110 {
  margin-top: 110px;
}
.mt120 {
  margin-top: 120px;
}
.mt150 {
  margin-top: 150px;
}
.mr00 {
  margin-right: 0!important
}
.mr01 {
  margin-right: 1px;
}
.mr02 {
  margin-right: 2px;
}
.mr03 {
  margin-right: 3px;
}
.mr04 {
  margin-right: 4px;
}
.mr05 {
  margin-right: 5px;
}
.mr06 {
  margin-right: 6px;
}
.mr07 {
  margin-right: 7px;
}
.mr08 {
  margin-right: 8px;
}
.mr09 {
  margin-right: 9px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr25 {
  margin-right: 25px;
}
.mr30 {
  margin-right: 30px;
}
.mr35 {
  margin-right: 35px;
}
.mr40 {
  margin-right: 40px;
}
.mr45 {
  margin-right: 45px;
}
.mr50 {
  margin-right: 50px;
}
.mr60 {
  margin-right: 60px;
}
.mr70 {
  margin-right: 70px;
}
.mr80 {
  margin-right: 80px;
}
.mr90 {
  margin-right: 90px;
}
.mr100 {
  margin-right: 100px;
}
.mb00 {
  margin-bottom: 0!important
}
.mb01 {
  margin-bottom: 1px;
}
.mb02 {
  margin-bottom: 2px;
}
.mb03 {
  margin-bottom: 3px;
}
.mb04 {
  margin-bottom: 4px;
}
.mb05 {
  margin-bottom: 5px;
}
.mb06 {
  margin-bottom: 6px;
}
.mb07 {
  margin-bottom: 7px;
}
.mb08 {
  margin-bottom: 8px;
}
.mb09 {
  margin-bottom: 9px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb35 {
  margin-bottom: 35px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb45 {
  margin-bottom: 45px;
}
.mb50 {
  margin-bottom: 50px;
}
.mb60 {
  margin-bottom: 60px;
}
.mb70 {
  margin-bottom: 70px;
}
.mb80 {
  margin-bottom: 80px;
}
.mb90 {
  margin-bottom: 90px;
}
.mb100 {
  margin-bottom: 100px;
}
.ml00 {
  margin-left: 0!important
}
.ml01 {
  margin-left: 1px;
}
.ml02 {
  margin-left: 2px;
}
.ml03 {
  margin-left: 3px;
}
.ml04 {
  margin-left: 4px;
}
.ml05 {
  margin-left: 5px;
}
.ml06 {
  margin-left: 6px;
}
.ml07 {
  margin-left: 7px;
}
.ml08 {
  margin-left: 8px;
}
.ml09 {
  margin-left: 9px;
}
.ml10 {
  margin-left: 10px;
}
.ml12 {
  margin-left: 12px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml25 {
  margin-left: 25px;
}
.ml30 {
  margin-left: 30px;
}
.ml35 {
  margin-left: 35px;
}
.ml40 {
  margin-left: 40px;
}
.ml45 {
  margin-left: 45px;
}
.ml50 {
  margin-left: 50px;
}
.ml60 {
  margin-left: 60px;
}
.ml70 {
  margin-left: 70px;
}
.ml80 {
  margin-left: 80px;
}
.ml90 {
  margin-left: 90px;
}
.ml100 {
  margin-left: 100px;
}
.ml140 {
  margin-left: 140px;
}
.ml160 {
  margin-left: 160px;
}
.ma10 {
  margin: 10px;
}
.ma15 {
  margin: 15px;
}
.ma_auto {
  margin-left: auto;
  margin-right: auto
}
.pt00 {
  padding-top: 0!important
}
.pt01 {
  padding-top: 1px;
}
.pt02 {
  padding-top: 2px;
}
.pt03 {
  padding-top: 3px;
}
.pt04 {
  padding-top: 4px;
}
.pt05 {
  padding-top: 5px;
}
.pt06 {
  padding-top: 6px;
}
.pt07 {
  padding-top: 7px;
}
.pt08 {
  padding-top: 8px;
}
.pt09 {
  padding-top: 9px;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt25 {
  padding-top: 25px;
}
.pt30 {
  padding-top: 30px;
}
.pt35 {
  padding-top: 35px;
}
.pt40 {
  padding-top: 40px;
}
.pt45 {
  padding-top: 45px;
}
.pt50 {
  padding-top: 50px;
}
.pt60 {
  padding-top: 60px;
}
.pt70 {
  padding-top: 70px;
}
.pt80 {
  padding-top: 80px;
}
.pt90 {
  padding-top: 90px;
}
.pt100 {
  padding-top: 100px;
}
.pt120 {
  padding-top: 120px;
}
.pr00 {
  padding-right: 0!important
}
.pr01 {
  padding-right: 1px;
}
.pr02 {
  padding-right: 2px;
}
.pr03 {
  padding-right: 3px;
}
.pr04 {
  padding-right: 4px;
}
.pr05 {
  padding-right: 5px;
}
.pr06 {
  padding-right: 6px;
}
.pr07 {
  padding-right: 7px;
}
.pr08 {
  padding-right: 8px;
}
.pr09 {
  padding-right: 9px;
}
.pr10 {
  padding-right: 10px;
}
.pr15 {
  padding-right: 15px;
}
.pr20 {
  padding-right: 20px;
}
.pr25 {
  padding-right: 25px;
}
.pr30 {
  padding-right: 30px;
}
.pr35 {
  padding-right: 35px;
}
.pr40 {
  padding-right: 40px!important
}
.pr45 {
  padding-right: 45px;
}
.pr50 {
  padding-right: 50px;
}
.pr60 {
  padding-right: 60px;
}
.pr70 {
  padding-right: 70px;
}
.pr80 {
  padding-right: 80px;
}
.pr90 {
  padding-right: 90px;
}
.pr100 {
  padding-right: 100px;
}
.pb00 {
  padding-bottom: 0!important
}
.pb01 {
  padding-bottom: 1px;
}
.pb02 {
  padding-bottom: 2px;
}
.pb03 {
  padding-bottom: 3px;
}
.pb04 {
  padding-bottom: 4px;
}
.pb05 {
  padding-bottom: 5px;
}
.pb06 {
  padding-bottom: 6px;
}
.pb07 {
  padding-bottom: 7px;
}
.pb08 {
  padding-bottom: 8px;
}
.pb09 {
  padding-bottom: 9px;
}
.pb10 {
  padding-bottom: 10px;
}
.pb15 {
  padding-bottom: 15px;
}
.pb20 {
  padding-bottom: 20px;
}
.pb25 {
  padding-bottom: 25px;
}
.pb30 {
  padding-bottom: 30px;
}
.pb35 {
  padding-bottom: 35px;
}
.pb40 {
  padding-bottom: 40px;
}
.pb45 {
  padding-bottom: 45px;
}
.pb50 {
  padding-bottom: 50px;
}
.pb60 {
  padding-bottom: 60px;
}
.pb70 {
  padding-bottom: 70px;
}
.pb80 {
  padding-bottom: 80px;
}
.pb90 {
  padding-bottom: 90px;
}
.pb100 {
  padding-bottom: 100px;
}
.pl00 {
  padding-left: 0!important
}
.pl01 {
  padding-left: 1px;
}
.pl02 {
  padding-left: 2px;
}
.pl03 {
  padding-left: 3px;
}
.pl04 {
  padding-left: 4px;
}
.pl05 {
  padding-left: 5px;
}
.pl06 {
  padding-left: 6px;
}
.pl07 {
  padding-left: 7px;
}
.pl08 {
  padding-left: 8px;
}
.pl09 {
  padding-left: 9px;
}
.pl10 {
  padding-left: 10px;
}
.pl15 {
  padding-left: 15px;
}
.pl20 {
  padding-left: 20px;
}
.pl25 {
  padding-left: 25px;
}
.pl30 {
  padding-left: 30px;
}
.pl35 {
  padding-left: 35px;
}
.pl40 {
  padding-left: 40px;
}
.pl45 {
  padding-left: 45px;
}
.pl50 {
  padding-left: 50px;
}
.pl60 {
  padding-left: 60px;
}
.pl70 {
  padding-left: 70px;
}
.pl80 {
  padding-left: 80px;
}
.pl90 {
  padding-left: 90px;
}
.pl100 {
  padding-left: 100px;
}
.pa01 {
  padding: 1px;
}
.pa02 {
  padding: 2px;
}
.pa03 {
  padding: 3px;
}
.pa04 {
  padding: 4px;
}
.pa05 {
  padding: 5px;
}
.pa10 {
  padding: 10px;
}
.pa15 {
  padding: 15px;
}
.fr {
  float: right
}
.fl {
  float: left
}
.fr10 {
  float: right;
  margin-left: 10px;
}
.fr15 {
  float: right;
  margin-left: 15px;
}
.fr30 {
  float: right;
  margin-left: 15px;
}
.fl10 {
  float: left;
  margin-right: 10px;
}
.fl15 {
  float: left;
  margin-right: 15px;
}
.fl30 {
  float: left;
  margin-right: 30px;
}
.txt10 {
  font-size: 10px;
}
.txt11 {
  font-size: 11px;
}
.txt12 {
  font-size: 12px;
}
.txt13 {
  font-size: 13px;
}
.txt14 {
  font-size: 14px;
}
.txt15 {
  font-size: 15px;
}
.txt16 {
  font-size: 16px;
}
.txt17 {
  font-size: 17px;
}
.txt18 {
  font-size: 18px;
}
.txt19 {
  font-size: 19px;
}
.txt20 {
  font-size: 20px;
}
.txt21 {
  font-size: 21px;
}
.txt22 {
  font-size: 22px;
}
.txt23 {
  font-size: 23px;
}
.txt24 {
  font-size: 24px;
}
.txt25 {
  font-size: 25px;
}
.txt26 {
  font-size: 26px;
}
.txt27 {
  font-size: 27px;
}
.txt28 {
  font-size: 28px;
}
.txt29 {
  font-size: 29px;
}
.txt30 {
  font-size: 30px;
}
.txt31 {
  font-size: 31px;
}
.txt32 {
  font-size: 32px;
}
.txt33 {
  font-size: 33px;
}
.txt34 {
  font-size: 34px;
}
.txt35 {
  font-size: 35px;
}
.txt36 {
  font-size: 36px;
}
.txt37 {
  font-size: 37px;
}
.txt38 {
  font-size: 38px;
}
.txt39 {
  font-size: 39px;
}
.txt40 {
  font-size: 40px;
}
.bold {
  font-weight: 700
}
.left {
  text-align: left!important
}
.center {
  text-align: center!important
}
.right {
  text-align: right
}
.clear {
  clear: both
}
.v_top {
  vertical-align: top
}
.v_mid {
  vertical-align: middle
}
.v_btm {
  vertical-align: bottom
}
.color_red {
  color: #f33
}
.color_pink {
  color: #ed8c96
}
.color_blue {
  color: #00408f
}
.color_green {
  color: #479f9d
}
.color_ore {
  color: #ff8327
}
.color_yellow {
  color: #ffeb8b
}
.color_beige {
  color: #dac58b
}
.color_brown {
  color: #9b8052
}
.color_navy {
  color: #1f2774
}
.color_black {
  color: #3e3a39
}
.color-brwon {
  color: #a8895e
}
.ls_0 {
  letter-spacing: 0
}
.ls_1 {
  letter-spacing: 1px;
}
.indent {
  margin-left: 1em!important;
  text-indent: -1em
}
.line_h_2 {
  line-height: 2!important
}
.clearfix:after {
  display: block;
  clear: both;
  content: ""
}
.pc {
  display: block!important;
}
.sp {
  display: none!important;
}
@media screen and (max-width: 640px) {
  .sp {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
}