@charset "utf-8";
/* Note: This file is compiled from global.less */
/* ---------------------------------------------------
 reset
--------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strong,sub,sup,var,
b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,time,mark,audio,video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}
html {
  font-size: medium;
  overflow-y: scroll;
}
body {
  font: 62.5%/1.6 "メイリオ", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", sans-serif;
  -webkit-text-size-adjust: 100%;
}
dt,dd,li,caption,th,td,h1,h2,h3,h4,h5,h6,p,address {
 font-size: 1.2em;
}
dd p,dd dt,dd dd,dd li,dd th,dd td,dd select,dd textarea,dd input,
li p,li dt,li dd,li li,li th,li td,li select,li textarea,li input,
td p,td dt,td dd,td li,td th,td td,td select,td textarea,td input,
p select,p input,p textarea {
 font-size: 1em;
}
ol,ul {
  list-style: none;
}
blockquote,q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption {
  text-align: left;
}
th {
  font-weight: bold;
}
th,td {
 vertical-align: top;
}
input,textarea,select {
 font-family: "メイリオ", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", sans-serif;
}
input,
textarea {
 margin: 0;
 font-size: 100%;
}
input[type=image] {
 cursor: pointer;
 vertical-align: top;
}
textarea {
 resize: vertical;
}
address {
 font-style: normal;
 font-weight: normal;
}
h1,h2,h3,h4,h5,h6 {
 font-weight: bold;
}
img {
 vertical-align: top;
 -ms-interpolation-mode: bicubic;
}
ob
object,embed,iframe {
 vertical-align: top;
 outline: none;
}
em,strong {
 font-style: normal;
 font-weight: bold;
}
sup,sub {
 font-size: 0.75em;
}
sup {
 vertical-align: super;
}
sub {
 vertical-align: sub;
}
/* ---------------------------------------------------
 clearfix
--------------------------------------------------- */
header:after,
footer:after,
section:after,
article:after,
aside:after,
nav:after,
#container:after,
#header:after,
#content:after,
#main:after,
#aside:after,
#footer:after,
.article:after,
.section:after,
.box:after,
.row:after,
.item:after {
  content: "";
  display: block;
  clear: both;
}
header,
footer,
section,
article,
aside,
nav,
#container,
#header,
#content,
#main,
#aside,
#footer,
.article,
.section,
.box,
.row,
.item {
  zoom: 1;
}
/* ---------------------------------------------------
 reset adjust (smartphone)
--------------------------------------------------- */
html {
  overflow-y: visible;
}
body,
input,
textarea,
select {
  font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}
dt,
dd,
li,
caption,
th,
td,
h1,
h2,
h3,
h4,
h5,
h6,
p,
address {
  font-size: 1.4em;
}
img {
  zoom: 0.5;
  max-width: 100%;
}
/* ----------------------------------------
 general
---------------------------------------- */
body {
  color: #333;
  background-color: #fff;
}
a {
  color: #002b73;
  text-decoration: none;
}
/* ----------------------------------------
 global header
---------------------------------------- */
#global-header {
  position: relative;
  z-index: 1001;
}
/*
#global-header .logo {
  text-align: center;
}
#global-header .global-nav {
  width: 100%;
  display: table;
  table-layout: fixed;
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
#global-header .global-nav li {
  display: table-cell;
  line-height: 1.2;
  color: #ffffff;
  background: #d8050f;
  vertical-align: middle;
  text-align: center;
  font-size: 1.1em;
}
#global-header .global-nav li:first-child {
  border-right: 1px solid #fff;
}
#global-header .global-nav li:last-child {
  border-left: 1px solid  #fff;
}
#global-header .global-nav a {
  padding: 7px 0;
  display: table;
  text-align: center;
  width: 100%;
  color: #ffffff;
  text-decoration: none;
}
#global-header .global-nav a > span {
  width: 100%;
  height: 2.4em;
  display: table-cell;
  vertical-align: middle;
}
#global-header .global-nav .pc a > span > span {
  display: inline-block;
  padding: 0 14px;
  background: url(../img/layout/header_gnav_icon01.png) no-repeat right center;
  -webkit-background-size: 11px 10px;
  background-size: 11px 10px;
}
#global-header .reserve {
  padding: 4px;
  border-bottom: 1px solid #e1dfd1;
  font-size: 1em;
  text-align: center;
  color: #663300;
}
*/
/* ----------------------------------------
 content
---------------------------------------- */
#content {
  padding-top: 74px;
}
/* ----------------------------------------
 page header
---------------------------------------- */
#page-header {
  padding: 0 10px;
}
#page-header .page-description {
  margin-bottom: 10px;
  line-height: 1.2;
  font-size: 1em;
}
#breadcrumbs {
  margin: 0 -10px 12px;
  padding: 6px 8px;
  border-bottom: 1px solid #e1dfd1;
  position: relative;
}
#breadcrumbs li {
  display: inline;
  line-height: 1.2;
  font-size: 1em;
}
#breadcrumbs li::before {
  margin: 0 0.5em;
  content: '>';
  color: #999;
}
#breadcrumbs li:first-child::before {
  display: none;
}
/* ----------------------------------------
 nav
---------------------------------------- */
.local-nav {
  margin-bottom: 20px;
  padding: 5px 5px 4px;
  background-color: #dfddcd;
}
.local-nav li {
  margin-bottom: 1px;
  float: left;
  width: 50%;
  line-height: 1.2;
  background: #ffffff url(../img/parts/lnav_arrow01.png) no-repeat right center;
  -webkit-background-size: 14px auto;
  background-size: 14px auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.3em;
  -webkit-text-shadow: 1px 1px 1px #ffffff;
  text-shadow: 1px 1px 1px #ffffff;
}
.local-nav li:nth-child(2n) {
  border-left: 1px solid #dfddcd;
}
.local-nav .current {
  background: #f0efe8;
}
.local-nav a {
  padding: 0 19px 0 8px;
  display: block;
}
.local-nav .current a {
  color: #000;
  text-decoration: none;
}
.local-nav span {
  display: table-cell;
  vertical-align: middle;
  height: 3em;
}
/* ----------------------------------------
 global footer
---------------------------------------- */
#global-footer .return-top {
  background: url(../img/layout/footer_returntop.png) no-repeat center 12px;
  -webkit-background-size: 29px auto;
  background-size: 29px auto;
  text-align: center;
  -webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.15) inset;
  font-size: 1.2em;
}
#global-footer .return-top a {
  padding: 28px 0 9px;
  display: block;
  color: #000;
  text-decoration: none;
}
#global-footer nav ul {
  overflow: hidden;
}
#global-footer nav li {
  font-size: 1.3em;
  background-image: url(../img/layout/footer_list_arrow01.png);
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-background-size: auto 12px;
  background-size: auto 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 1px 1px #ffffff inset;
  box-shadow: 0px 1px 1px #ffffff inset;
}
#global-footer nav li.pc {
  background-image: url(../img/layout/footer_list_arrow02.png);
}
#global-footer nav li.blank {
  background-image: url(../img/layout/footer_list_arrow03.png);
}
#global-footer nav li.half {
  float: left;
  width: 50%;
}
#global-footer nav li.half + li.half {
  -webkit-box-shadow: 1px 1px 1px #ffffff inset;
  box-shadow: 1px 1px 1px #ffffff inset;
}
#global-footer nav a {
  padding: 12px 27px 12px 11px;
  display: block;
  text-decoration: none;
  text-shadow: 1px 1px 1px #fff;
}
#global-footer .global-nav {
  border-top: 1px solid #ccc6a4;
}
#global-footer .global-nav li {
  border-bottom: 1px solid #ccc6a4;
  font-weight: bold;
  background-color: #f4f1e4;
}
#global-footer .global-nav .half + .half {
  border-left: 1px solid #ccc6a4;
}
#global-footer .global-nav a {
  color: #6a2800;
}
#global-footer .sub-nav li {
  border-bottom: 1px solid  #c6c6c6;
  background-color: #f2f2f2;
}
#global-footer .sub-nav .half + .half {
  border-left: 1px solid #c6c6c6;
}
#global-footer .sub-nav a {
  color: #333;
}
#global-footer .pc-site {
  margin-top: -1px;
  padding: 15px;
  background-color: #d5d5d5;
  text-align: center;
  font-size: 1.3em;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2) inset;
}
#global-footer .pc-site a {
  padding: 5px 0;
  border: 1px solid #fff;
  color: #333;
  background-color: #eaeaea;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}
#global-footer .copyright {
  padding: 4px 0;
  line-height: 1.2;
  color: #ffffff;
  background: #712915;
  font-size: 0.9em;
  text-align: center;
}
/* ----------------------------------------
section
---------------------------------------- */
section {
  margin-bottom: 20px;
  position: relative;
  padding-top: 10px;
}
section.near {
  margin-bottom: 10px;
}
section.far {
  margin-bottom: 30px;
}
section:last-child {
  margin-bottom: 0;
}
/* ----------------------------------------
heading
---------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  color: #000;
}
.page-title {
  margin-bottom: 10px;
  padding-left: 6px;
  border-left: 4px solid #d8050f;
  font-size: 2em;
}
.section-title {
  padding: 9px 10px 10px;
  border-top: 3px solid #712915;
  position: relative;
  z-index: 1001;
  background-color: #fff;
  font-size: 1.8em;
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}
.subsection-title,
.chapter-title {
  margin: 0 0 7px;
  padding: 0 0 5px 8px;
  border-bottom: 1px solid #c7c7c7;
  position: relative;
  font-size: 1.4em;
}
.subsection-title::before,
.chapter-title::before {
  content: '';
  display: block;
  position: absolute;
  top: 0.1em;
  left: 0;
  width: 3px;
  height: 1em;
  background-color: #d8050f;
}
/* ----------------------------------------
paragraph
---------------------------------------- */
p.far {
  margin-bottom: 2em;
}
p.mid {
  margin-bottom: 1em;
}
p.near {
  margin-bottom: 0.5em;
}
p.notes {
  padding-left: 1.4em;
  position: relative;
  zoom: 1;
}
p.notes .mark {
  position: absolute;
  top: 0;
  left: 0;
  zoom: 1;
}
p.notes .mark.colored {
  color: #d7000d;
}
/* ----------------------------------------
table
---------------------------------------- */
/* ----------------------------------------
list
---------------------------------------- */
ul.disc li {
  margin-left: 25px;
  list-style-type: disc;
}
ul.notes {
  margin-bottom: 10px;
}
ul.notes li {
  padding-left: 1.4em;
  position: relative;
}
ul.notes li .mark {
  position: absolute;
  top: 0;
  left: 0;
}
ol.notes li {
  padding-left: 2.3em;
  position: relative;
}
ol.notes li .mark {
  position: absolute;
  top: 0;
  left: 0;
}
ol.decimal li {
  margin-left: 26px;
  list-style-type: decimal;
}
ol.number li {
  padding-left: 2em;
  position: relative;
}
ol.number li .num {
  position: absolute;
  top: 0;
  left: 0;
}
/* ----------------------------------------
image
---------------------------------------- */
.image-left {
  margin-right: 30px;
  float: left;
}
.image-left02 {
  margin-right: 15px;
  float: left;
}
.image-right {
  margin-left: 30px;
  float: right;
}
.image-right02 {
  margin-left: 15px;
  float: right;
}
.banner-list img {
  zoom: reset;
}
/* ----------------------------------------
link
---------------------------------------- */
.button-link {
  text-align: center;
  font-size: 1.2em;
  -webkit-text-shadow: 1px 1px 1px #fff;
  text-shadow: 1px 1px 1px #fff;
}
.button-link a {
  padding: 7px 0 8px;
  border: 1px solid #ccc6a4;
  display: block;
  color: #000;
  background-color: #f4f1e4;
  text-decoration: none;
  -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.08);
}
.button-link .icon.pdf {
  margin: -5px 5px -3px;
  vertical-align: middle;
}
.button-link.external a {
  padding-top: 6px;
  padding-bottom: 7px;
  border: 2px solid #c6c6c6;
  background-color: #f2f2f2;
}
.button-link.strong {
  -webkit-text-shadow: none;
  text-shadow: none;
}
.button-link.strong a {
  border: 1px solid #d7000d;
  color: #fff;
  background-color: #d7000d;
}
/* ----------------------------------------
 icon
---------------------------------------- */
span.icon {
  margin: 0 5px;
  display: inline-block;
}
.icon.blank {
  width: 10px;
  height: 8px;
  background: url(../img/parts/icon_blank.png) no-repeat;
  -webkit-background-size: 10px auto;
  background-size: 10px auto;
}
.icon.pdf {
  width: 19px;
  height: 25px;
  background: url(../img/parts/icon_pdf.png) no-repeat;
  -webkit-background-size: 19px auto;
  background-size: 19px auto;
}
.icon.pc {
  vertical-align: -0.1em;
  width: 12px;
  height: 11px;
  background: url(../img/parts/icon_pc.png) no-repeat;
  -webkit-background-size: 12px auto;
  background-size: 12px auto;
}
/* ----------------------------------------
 list view
---------------------------------------- */
.list-view li {
  padding: 8px;
}
.list-view li,
.list-view section {
  margin-bottom: 0;
  border-bottom: 1px solid #e0e0e0;
  line-height: 1.4;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.28, #ffffff), color-stop(1, #f2f2f2), color-stop(0, #ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff 28%, #f2f2f2 100%, #ffffff 0%);
  background-image: linear-gradient(top, #ffffff 28%, #f2f2f2 100%, #ffffff 0%);
}
.list-view a {
  padding: 14px 38px 14px 11px;
  display: block;
  overflow: hidden;
  color: inherit;
  background: url(../img/parts/list_arrow01.png) no-repeat right center;
  -webkit-background-size: 19px auto;
  background-size: 19px auto;
  text-decoration: none;
}
.list-view .pdf a {
  background-image: url(../img/parts/list_pdf01.png);
  -webkit-background-size: 29px auto;
  background-size: 29px auto;
}
.list-view .link {
  text-decoration: underline;
}
.float-none {
  float: none !important;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.clear-left {
  clear: left !important;
}
.clear-right {
  clear: right !important;
}
.clear-both {
  clear: both !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-left {
  text-align: left !important;
}
.align-center {
  text-align: center !important;
}
.align-right {
  text-align: right !important;
}
.body {
  overflow: hidden;
  zoom: 1;
}
.mt0 {
  margin-top: 0 !important;
}
.mt1 {
  margin-top: 1px !important;
}
.mt2 {
  margin-top: 2px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt4 {
  margin-top: 4px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt6 {
  margin-top: 6px !important;
}
.mt7 {
  margin-top: 7px !important;
}
.mt8 {
  margin-top: 8px !important;
}
.mt9 {
  margin-top: 9px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mr0 {
  margin-right: 0 !important;
}
.mr1 {
  margin-right: 1px !important;
}
.mr2 {
  margin-right: 2px !important;
}
.mr3 {
  margin-right: 3px !important;
}
.mr4 {
  margin-right: 4px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr6 {
  margin-right: 6px !important;
}
.mr7 {
  margin-right: 7px !important;
}
.mr8 {
  margin-right: 8px !important;
}
.mr9 {
  margin-right: 9px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb1 {
  margin-bottom: 1px !important;
}
.mb2 {
  margin-bottom: 2px !important;
}
.mb3 {
  margin-bottom: 3px !important;
}
.mb4 {
  margin-bottom: 4px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb6 {
  margin-bottom: 6px !important;
}
.mb7 {
  margin-bottom: 7px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.mb9 {
  margin-bottom: 9px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.ml0 {
  margin-left: 0 !important;
}
.ml1 {
  margin-left: 1px !important;
}
.ml2 {
  margin-left: 2px !important;
}
.ml3 {
  margin-left: 3px !important;
}
.ml4 {
  margin-left: 4px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml6 {
  margin-left: 6px !important;
}
.ml7 {
  margin-left: 7px !important;
}
.ml8 {
  margin-left: 8px !important;
}
.ml9 {
  margin-left: 9px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pt1 {
  padding-top: 1px !important;
}
.pt2 {
  padding-top: 2px !important;
}
.pt3 {
  padding-top: 3px !important;
}
.pt4 {
  padding-top: 4px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt6 {
  padding-top: 6px !important;
}
.pt7 {
  padding-top: 7px !important;
}
.pt8 {
  padding-top: 8px !important;
}
.pt9 {
  padding-top: 9px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pr1 {
  padding-right: 1px !important;
}
.pr2 {
  padding-right: 2px !important;
}
.pr3 {
  padding-right: 3px !important;
}
.pr4 {
  padding-right: 4px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr6 {
  padding-right: 6px !important;
}
.pr7 {
  padding-right: 7px !important;
}
.pr8 {
  padding-right: 8px !important;
}
.pr9 {
  padding-right: 9px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pb1 {
  padding-bottom: 1px !important;
}
.pb2 {
  padding-bottom: 2px !important;
}
.pb3 {
  padding-bottom: 3px !important;
}
.pb4 {
  padding-bottom: 4px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb6 {
  padding-bottom: 6px !important;
}
.pb7 {
  padding-bottom: 7px !important;
}
.pb8 {
  padding-bottom: 8px !important;
}
.pb9 {
  padding-bottom: 9px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pl0 {
  padding-left: 0 !important;
}
.pl1 {
  padding-left: 1px !important;
}
.pl2 {
  padding-left: 2px !important;
}
.pl3 {
  padding-left: 3px !important;
}
.pl4 {
  padding-left: 4px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl6 {
  padding-left: 6px !important;
}
.pl7 {
  padding-left: 7px !important;
}
.pl8 {
  padding-left: 8px !important;
}
.pl9 {
  padding-left: 9px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
/* ---------------------------------------------------
 wysiwyg
--------------------------------------------------- */
.wysiwyg {
  padding: 0;
  margin: 0;
  font-size: 1.2em;
}
.wysiwyg p,
.wysiwyg li,
.wysiwyg dt,
.wysiwyg dd,
.wysiwyg th,
.wysiwyg td {
  font-size: 1em;
}
.wysiwyg p,
.wysiwyg ul,
.wysiwyg dl {
  margin-bottom: 1.4em;
}
.wysiwyg p:last-child,
.wysiwyg ul:last-child,
.wysiwyg dl:last-child {
  margin-bottom: 0;
}
.wysiwyg big {
  font-size: larger;
}
.wysiwyg small {
  font-size: smaller;
}
.wysiwyg b,
.wysiwyg strong {
  font-weight: bold;
}
.wysiwyg em {
  font-weight: normal;
  font-style: italic;
}
.wysiwyg i {
  font-style: italic;
}
.wysiwyg u {
  text-decoration: underline;
}
.wysiwyg s,
.wysiwyg strike {
  text-decoration: line-through;
}
.wysiwyg ul,
.wysiwyg ol {
  list-style-position: outside;
  margin-left: 2em;
}
.wysiwyg ul {
  list-style-type: disc;
}
.wysiwyg ul li {
  padding: 0;
  border-bottom: none;
}
.wysiwyg ol {
  list-style-type: decimal;
}
.wysiwyg blockquote {
  margin-left: 1.5em;
}
.wysiwyg table {
  width: auto;
  table-layout: auto;
}
.wysiwyg th,
.wysiwyg td {
  padding: 3px 5px 2px;
  border: 1px solid #cbcccf;
}
/* ----------------------------------------
 Index
---------------------------------------- */
.page-index #main-image {
  margin-bottom: 0;
  height: 158px;
  overflow: hidden;
}
.page-index #main-image .mask {
  margin: 0 auto;
  width: 320px;
  height: 139px;
  overflow: hidden;
}
.page-index #main-image .slides {
  position: relative;
  width: 3200px;
  height: 139px;
}
.page-index #main-image .slides li {
  float: left;
  width: 320px;
}
.page-index #main-image .flex-control-nav {
  padding: 4px 0 9px;
  height: 8px;
  text-align: center;
}
.page-index #main-image .flex-control-nav li {
  padding: 0 4px 0 3px;
  display: inline-block;
  vertical-align: top;
  font-size: 0;
}
.page-index #main-image .flex-control-nav a {
  border-radius: 4px;
  overflow: hidden;
  display: block;
  width: 8px;
  height: 8px;
  color: transparent;
  background-color: #b2b2b2;
  text-indent: -8000em;
}
.page-index #main-image .flex-control-nav .flex-active {
  background-color: #d8050f;
}
.page-index #main-image .flex-direction-nav a {
  display: block;
  position: absolute;
  top: 57px;
  width: 17px;
  height: 26px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 17px 26px;
  background-size: 17px 26px;
}
.page-index #main-image .flex-direction-nav .flex-prev {
  left: 3px;
  background-image: url(../img/index/main-image_icon_prev.png);
}
.page-index #main-image .flex-direction-nav .flex-next {
  right: 3px;
  background-image: url(../img/index/main-image_icon_next.png);
}
.page-index #pickup-contents {
  margin-bottom: 0;
}
.page-index #pickup-contents .three-items li {
  margin-bottom: 2px;
  background-color: #f4f1e4;
  text-align: center;
}
.page-index #pickup-contents .three-items li:last-child {
  margin-bottom: 0;
}
.page-index #pickup-contents .four-items {
  margin: 0 auto;
  padding-bottom: 18px;
  overflow: hidden;
  width: 320px;
}
.page-index #pickup-contents .four-items li {
  margin-bottom: 2px;
  float: left;
}
.page-index #pickup-contents .four-items li:nth-child(2n) {
  float: right;
}

.page-index #banner01 {
  margin: 10px auto 45px;
  padding: 0 10px;
}
.page-index #banner01 img {
  width: 100%;
}
.page-index #banner01 .title {
  padding-bottom: 10px;
  font-size: 15px;
}

.page-index #shop-list {
  border-top: 1px solid #e0e0e0;
}
.page-index #shop-list .list-view a {
  padding: 5px 28px 5px 6px;
}
.page-index #shop-list .list-view .photo {
  margin-right: 8px;
  display: table-cell;
  width: 98px;
}
.page-index #shop-list .list-view .photo img {
  border: 1px solid  #c2c2c2;
}
.page-index #shop-list .list-view .body {
  display: table-cell;
  vertical-align: middle;
}
.page-index #shop-list .list-view .title {
  color: #002b73;
  font-size: 1.5em;
}
.page-index #information > .inner {
  padding: 20px 10px;
}
.page-index #information .section-title + .inner {
  padding-top: 10px;
}
.page-index #information .button-link {
  position: relative;
}
.page-index #information .button-link a {
  padding-left: 30px;
  padding-right: 10px;
}
.page-index #information .button-link img {
  margin-left: 7px;
  vertical-align: middle;
}
.page-index #information .button-link .fbicon {
  margin-top: -16px;
  position: absolute;
  top: 50%;
  left: 10px;
}
.page-index #information .button-link + .button-link {
  margin-top: 10px;
}
/* ----------------------------------------
 Menu
---------------------------------------- */
.page-menu .item-list .section-title + .chapter {
  padding-top: 10px;
}
.page-menu .item-list .chapter-title {
  margin: 0;
  padding: 7px 10px;
  border-top: 2px solid #dbd9c7;
  border-bottom: none;
  color: #333;
  background: #eae8d8;
  font-size: 1.5em;
}
.page-menu .item-list .chapter-title::before {
  display: none;
}
.page-menu .item-list .chapter-description {
  padding: 6px 10px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 1.2em;
}
.page-menu .item-list .list-view a,
.page-menu .item-list .list-view .no-link {
  padding: 5px 28px 5px 6px;
}
.page-menu .item-list .list-view.area-large a,
.page-menu .item-list .list-view.area-large .no-link {
  padding: 14px 28px 14px 6px;
}
.page-menu .item-list .list-view .photo {
  margin-right: 8px;
  display: table-cell;
  vertical-align: middle;
  width: 98px;
}
.page-menu .item-list .list-view .photo img {
  border: 1px solid  #c2c2c2;
}
.page-menu .item-list .list-view .body {
  display: table-cell;
  vertical-align: middle;
}
.page-menu .item-list .list-view .title {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 6px;
  color: #002b73;
  font-size: 1.5em;
}
.page-menu .item-list .list-view .category-label {
  margin: 0 0 0 9px;
  padding: 0 8px;
  position: relative;
  *bottom: -0.3em;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.4;
  font-size: 1em;
  color: #fff;
  background-color: #e6a36f;
}
.page-menu .item-list .list-view .price {
  margin-bottom: 6px;
  color: #663300;
}
.page-menu .item-list .list-view .price dt {
  margin-right: 0.35em;
  line-height: 1.3;
  display: inline-block;
  vertical-align: top;
  font-size: 1.2em;
}
.page-menu .item-list .list-view .price dd {
  display: inline-block;
  vertical-align: top;
  line-height: 1.3;
  font-size: 1.2em;
  font-weight: bold;
}
.page-menu .item-list .list-view .price dd .taxin {
  font-weight: normal;
}
.page-menu .item-list .list-view .description {
  line-height: 1.4;
  font-size: 1.1em;
  color: red;
}
.page-menu .item-list .list-view .link-about a {
  font-size: 1.1em;
}
.page-menu #menu-detail {
  margin-bottom: 20px;
  padding: 0 10px;
}
.page-menu #menu-detail .photo {
  margin-bottom: 7px;
  text-align: center;
}
.page-menu #menu-detail .description {
  margin-bottom: 7px;
  font-size: 1.2em;
}
.page-menu #menu-detail .notes {
  margin-bottom: 9px;
  font-size: 1em;
}
.page-menu #menu-detail .button-link + p {
  margin-top: -0.4em;
}
.page-menu #menu-detail .chapter p {
  margin-bottom: 1.5em;
  font-size: 1.2em;
}
.page-menu #menu-detail .chapter p:last-child {
  margin-bottom: 0;
}
.page-menu #menu-detail .chapter.price {
  padding-top: 5px;
  border-top: 1px dotted #000;
}
.page-menu #menu-detail .chapter.price dl {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #000;
  width: 100%;
  display: table;
}
.page-menu #menu-detail .chapter.price dt {
  padding: 7px;
  display: table-cell;
  vertical-align: middle;
  width: 47%;
  background-color: #f4f1e4;
  font-size: 1.3em;
  font-weight: bold;
}
.page-menu #menu-detail .chapter.price dt .calorie {
  margin-left: 0.5em;
  font-size: 0.85em;
  font-weight: normal;
}
.page-menu #menu-detail .chapter.price dd {
  padding: 7px;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.3;
  color: #663300;
}
.page-menu #menu-detail .chapter.price dd .price {
  margin-bottom: 0;
  font-size: 1.29em;
  font-weight: bold;
}
.page-menu #menu-detail .chapter.price dd .price .yen {
  font-size: 0.83em;
}
.page-menu #menu-detail .chapter.price dd .taxin {
  font-size: 0.79em;
}
.page-menu #menu-detail + .local-nav {
  margin-bottom: 10px;
}
.page-menu #shop-list {
  border-top: 1px solid #e0e0e0;
}
.page-menu #shop-list .list-view a {
  padding: 5px 34px 5px 6px;
  background-image: url(../img/parts/list_arrow02.png);
  -webkit-background-size: 25px auto;
  background-size: 25px auto;
}
.page-menu #shop-list .list-view .photo {
  margin-right: 8px;
  display: table-cell;
  width: 98px;
}
.page-menu #shop-list .list-view .photo img {
  border: 1px solid  #c2c2c2;
}
.page-menu #shop-list .list-view .body {
  display: table-cell;
  vertical-align: middle;
}
.page-menu #shop-list .list-view .title {
  color: #002b73;
  font-size: 1.5em;
}
.page-menu #shop-list .notes {
  margin: 8px 12px 0;
  padding-left: 1.4em;
  position: relative;
  font-size: 1.2em;
}
.page-menu #shop-list .notes > span {
  position: absolute;
  top: 0;
  left: 0;
}
.page-menu .shop-introduction {
  border-bottom: 1px solid #e0e0e0;
}
.page-menu .shop-introduction .image {
  padding: 17px 0 9px;
  text-align: center;
}
.page-menu .shop-introduction .text {
  padding: 0 15px 7px;
  font-size: 1.2em;
}
.page-menu #campaign-list {
  padding-bottom: 20px;
  text-align: center;
}
.page-menu #campaign-list li {
  margin-bottom: 10px;
}
.page-menu #campaign-list li:last-child {
  margin-bottom: 0;
}
.page-menu .local-nav + #campaign-list {
  margin-top: -10px;
  padding-bottom: 10px;
}
.page-menu #menu-detail + .local-nav + #campaign-list {
  margin-top: 0;
}
.page-menu #content .return-top {
  background: url(../img/layout/footer_returntop.png) no-repeat center 12px;
  -webkit-background-size: 29px auto;
  background-size: 29px auto;
  text-align: center;
  -webkit-box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.15) inset;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.15) inset;
  font-size: 1.2em;
}
.page-menu #content .return-top a {
  padding: 28px 0 9px;
  display: block;
  color: #000;
  text-decoration: none;
}
/* ----------------------------------------
 About
---------------------------------------- */
.page-about section .section-title {
  margin-bottom: 8px;
}
.page-about section .body {
  padding: 0 10px;
  overflow: visible;
}
.page-about section p {
  margin-bottom: 1.5em;
  font-size: 1.2em;
}
.page-about section p:last-child {
  margin-bottom: 0;
}
.page-about .menu-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.page-about .menu-list .item {
  width: 50%;
  text-align: center;
}
.page-about .menu-list .item .photo {
  margin-bottom: 5px;
}
.page-about .menu-list .item .name {
  line-height: 1.2;
  font-size: 1.3em;
}
.page-about #concept-head {
  padding: 0 10px;
}
.page-about #concept-head .visual {
  margin-bottom: 7px;
  text-align: center;
}
.page-about #pickup-menu {
  margin-bottom: 30px;
}
.page-about #brand-introduction {
  margin-bottom: 30px;
}
.page-about #brand-introduction .logo {
  margin-bottom: 8px;
  padding-top: 7px;
  text-align: center;
}
.page-about #related-links {
  padding: 0 10px 30px;
}
/* ----------------------------------------
 Campaign
---------------------------------------- */
.page-campaign #campaign-visual {
  margin-bottom: 0;
  text-align: center;
}
.page-campaign #campaign-information {
  margin-bottom: 0;
  padding: 12px 12px 17px;
}
.page-campaign #campaign-list {
  padding-bottom: 17px;
}
.page-campaign #campaign-list ul {
  padding-top: 10px;
  text-align: center;
}
.page-campaign #campaign-list li {
  margin-bottom: 10px;
}
.page-campaign #campaign-list li:last-child {
  margin-bottom: 0;
}
/* ----------------------------------------
 Recruit
---------------------------------------- */
.page-recruit .recruit-common .section-title {
  margin-bottom: 8px;
}
.page-recruit .recruit-common .subsection {
  padding: 8px 10px 0;
}
.page-recruit .recruit-common section {
  margin-bottom: 15px;
}
.page-recruit .recruit-common .body {
  padding: 0 10px;
  overflow: visible;
}
.page-recruit .recruit-common p {
  margin-bottom: 0.5em;
  font-size: 1.2em;
}
.page-recruit .recruit-common p:last-child {
  margin-bottom: 0;
}
.page-recruit .recruit-common .photo {
  text-align: center;
}
.page-recruit #recruit-head .visual {
  margin-bottom: 10px;
  text-align: center;
  background-color: #f4f1e4;
}
.page-recruit #recruit-head .description {
  padding: 0 10px;
}
.page-recruit #application {
  margin-bottom: 30px;
  padding: 0 10px;
}
.page-recruit #application .button-link {
  font-size: 1.3em;
}
.page-recruit #application .button-link img {
  margin-left: 10px;
  vertical-align: middle;
}
/* ----------------------------------------
 Coupon
---------------------------------------- */
.page-coupon #campaign-list ul {
  padding-top: 10px;
  text-align: center;
}
.page-coupon #campaign-list li {
  margin-bottom: 10px;
}
.page-coupon #campaign-list li:last-child {
  margin-bottom: 0;
}
.page-coupon #coupon-list {
  padding-bottom: 19px;
}
.page-coupon #coupon-list > .inner {
  padding: 10px 12px;
  border-bottom: 1px solid #e0e0e0;
}
.page-coupon #coupon-list .description {
  margin-bottom: 0.3em;
  font-size: 1.2em;
}
.page-coupon #coupon-list .notice li {
  padding-left: 1.2em;
  position: relative;
  font-size: 1.2em;
}
.page-coupon #coupon-list .notice li > span {
  position: absolute;
  top: 0;
  left: 0;
}
.page-coupon #coupon-list .list-view li {
  font-size: 1.2em;
}
.page-coupon #coupon-list .list-view li a {
  padding: 10px 30px 9px 10px;
}
.page-coupon #coupon-list .list-view .period {
  padding-top: 5px;
  display: block;
}
.page-coupon #coupon-detail {
  padding: 0 10px 18px;
}
.page-coupon #coupon-detail .image {
  margin-bottom: 5px;
  text-align: center;
}
.page-coupon #coupon-detail .period {
  margin-bottom: 17px;
  text-align: center;
  font-size: 1.2em;
}
/* ----------------------------------------
 contact
---------------------------------------- */
.page-contact #customer-contact {
  padding: 12px 0;
  color: #000;
  background: #f4f1e4;
  text-align: center;
}
.page-contact #customer-contact .tel-number {
  line-height: 1.2;
  font-size: 2.5em;
}
.page-contact #customer-contact .supplement {
  color: #333;
  font-size: 1.2em;
}
.page-contact #customer-contact .direct {
  padding-top: 0.3em;
  color: #333;
  font-size: 1.2em;
}
.page-contact #privacy-policy {
  margin-bottom: 7px;
}
.page-contact #privacy-policy > .inner {
  padding: 10px 10px 0;
}
.page-contact #privacy-policy .button-link {
  margin-top: 13px;
}
.page-contact #privacy-policy section {
  margin: 0 10px;
}
.page-contact #form-header {
  padding: 0 10px;
}
.page-contact #form-header .flow-nav {
  width: 100%;
  display: table;
}
.page-contact #form-header li {
  padding: 9px 0;
  border-right: 4px solid #fff;
  display: table-cell;
  width: 33.3%;
  line-height: 1.2;
  vertical-align: middle;
  color: #fff;
  background-color: #c6a9a1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.3em;
  text-align: center;
}
.page-contact #form-header li:last-child {
  border-right: none;
}
.page-contact #form-header li.current {
  background-color: #712915;
}
.page-contact .form-body {
  margin-bottom: 20px;
}
.page-contact .form-body .required {
  margin-left: 10px;
  color: #d7000d;
}
.page-contact .form-body .submit {
  margin: 17px 10px 30px;
}
.page-contact .form-body .submit input {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  padding: 9px 0 10px;
  border: none;
  border-radius: 0;
  width: 100%;
  line-height: normal;
  display: block;
  color: #ffffff;
  background-color: #d8050f;
  text-decoration: none;
  text-align: center;
  -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.3em;
}
.page-contact .form-body section {
  margin-bottom: 0;
  padding: 12px 10px 3px;
}
.page-contact .form-body section:last-child {
  padding-bottom: 0;
}
.page-contact .form-body .section-title {
  margin: 0 -10px 15px;
}
.page-contact .form-body li {
  font-size: 1.2em;
}
.page-contact .form-body p {
  margin-bottom: 0.2em;
  font-size: 1.2em;
}
.page-contact .form-body p:last-child {
  margin-bottom: 0;
}
.page-contact .form-body dt,
.page-contact .form-body dd {
  font-size: 1.2em;
}
.page-contact .form-body dt li,
.page-contact .form-body dd li {
  font-size: 1em;
}
.page-contact .form-body dt {
  margin-bottom: 0.4em;
}
.page-contact .form-body .subsection-title {
  padding-bottom: 0;
  border-bottom: none;
}
.page-contact .form-body input[type=text],
.page-contact .form-body select,
.page-contact .form-body textarea {
  margin: 0;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page-contact .form-body label input {
  margin-right: 5px;
  vertical-align: middle;
}
.page-contact .form-body .w75 {
  width: 75px;
}
.page-contact .form-body .full {
  width: 100%;
}
.page-contact .form-body .after-text {
  margin-left: 5px;
}
.page-contact .form-body .example {
  color: #b0b0b0;
  font-size: 1.2em;
}
.page-contact .form-body td .example {
  font-size: 0.86em;
}
.page-contact .form-body .error {
  color: #d7000d;
}
.page-contact .form-body .horizontal-list {
  overflow: hidden;
}
.page-contact .form-body .horizontal-list li {
  margin-right: 30px;
  float: left;
}
.page-contact .form-body .date p {
  margin-bottom: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page-contact .form-body .date .year {
  float: left;
}
.page-contact .form-body .date .month,
.page-contact .form-body .date .day {
  padding-left: 12px;
  float: left;
}
.page-contact .form-body .date select {
  margin-right: 4px;
  width: 60px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page-contact .form-body .date .year select {
  width: 80px;
}
.page-contact .form-body .name {
  width: 100%;
}
.page-contact .form-body .name .key {
  width: 8%;
}
.page-contact .form-body .name .value {
  width: 42%;
}
.page-contact .form-body .name th {
  padding-top: 1px;
  font-size: 1.2em;
  font-weight: normal;
}
.page-contact .form-body .name input {
  width: 100%;
}
.page-contact .form-body .tel {
  overflow: hidden;
}
.page-contact .form-body .tel input,
.page-contact .form-body .tel .pipe {
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page-contact .form-body .tel input {
  width: 28%;
}
.page-contact .form-body .tel .pipe {
  width: 8%;
  text-align: center;
}
.page-contact .form-body.confirm p {
  color: #663300;
  font-size: 1.6em;
}
.page-contact .form-body.confirm > section:first-child {
  padding-top: 0;
}
.page-contact .form-body .confirm-email {
  padding: 0.4em 0 0.2em;
  color: #d7000d;
}
.page-contact #form-footer {
  margin: -5px 10px 30px;
}
.page-contact #form-footer .confirm-message {
  margin: 0 -10px;
  padding: 14px 10px;
  border-top: 1px solid #c7c7c7;
  font-size: 1.2em;
}
.page-contact #form-footer p.button {
  font-size: 1.3em;
}
.page-contact #form-footer ul.button li {
  font-size: 1.3em;
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page-contact #form-footer ul.button li:first-child {
  padding-right: 5px;
}
.page-contact #form-footer ul.button li:last-child {
  padding-left: 5px;
}
.page-contact #form-footer .back a {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  padding: 9px 0 10px;
  border: none;
  width: 100%;
  line-height: normal;
  display: block;
  color: #fff;
  background-color: #c6c6c6;
  text-decoration: none;
  text-align: center;
  -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page-contact #form-footer .front input {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  padding: 9px 0 10px;
  border: none;
  border-radius: 0;
  width: 100%;
  line-height: normal;
  display: block;
  color: #ffffff;
  background-color: #d8050f;
  text-decoration: none;
  text-align: center;
  -webkit-box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.08);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.page-contact #complete-message {
  padding: 4px 10px 30px;
}
.page-contact #complete-message p {
  font-size: 1.2em;
}


/* ----------------------------------------
 会社概要
---------------------------------------- */
.conpanyProfile {
	font-size: 12px;
    margin: 40px 20px 30px;
}

.conpanyProfile dl{
    position: relative;
    padding: 0 0 30px 0;
}

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

.clearfix:after{
    clear: both;
}

.conpanyProfile dl dt {
    color: #ffffff;
    background: #68bc9e;
    position: absolute;
    font-size: 12px;
    padding: 2px 0 1px;
    width: 80px;
    text-align: center;
}

.conpanyProfile dl dd {
    padding-left: 100px;
}

.corporateLink {
    border-top: 1px solid #c4b8b8;
    padding: 30px 0;
}

.bannerZensho {
    display: block;
    margin-top: 20px;
}

/* ----------------------------------------
 News
---------------------------------------- */
.news_img {
  text-align: center;
}
.news_txt {
  padding: 12px 12px 17px;
}
.news_txt .read_txt {
  font-size: 1.2em;
  padding-bottom: 1.2em;
}
/* ----------------------------------------
 Swiper.js
---------------------------------------- */
.gallery {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  overflow-x: hidden;
}

.swiper-container {
  max-width: 80%;
  overflow: visible !important;
}

.gallery-slider {
  width: 100%;
  height: auto;
  padding-bottom: 10px;
}

.gallery-slider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}

.swiper-button-prev,
.swiper-button-next {
  width: 18px;
  height: 20px;
  margin-top: -13px;
  background-size: 18px 20px;
}




/* ----------------------------------------
 global header
---------------------------------------- */

#global-header {
 display: flex;
 z-index: 9999;
}

.header_content {
 z-index: 50;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 74px;
 background: #fff;
}

#global-header .group {
 display: flex;
 margin-left: 10px;
 padding: 10px 0;
}

#global-header .logo {
 width: 54px;
 padding: 0 6px;
}

#global-header .logo img {
 width: 100%;
 vertical-align: bottom;
}

#global-header .logo .link {
 display: block;
}

#global-header .logo .no-link {
 display: block;
}


.menu-btn {
 position: absolute;
 top: 5px;
 right: 10px;
 display: flex;
 height: 60px;
 width: 60px;
 justify-content: center;
 align-items: center;
 z-index: 90;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
 content: "";
 display: block;
 height: 4px;
 width: 30px;
 border-radius: 3px;
 background-color: #000;
 position: absolute;
}

.menu-btn span:before {
 bottom: 9px;
}

.menu-btn span:after {
 top: 9px;
}

#menu-btn-check:checked ~ .menu-btn span {
 background-color: rgba(255,
   255,
   255,
   0);
 /*メニューオープン時は真ん中の線を透明にする*/
}

#menu-btn-check:checked ~ .menu-btn span::before {
 bottom: 0;
 transform: rotate(45deg);
}

#menu-btn-check:checked ~ .menu-btn span::after {
 top: 0;
 transform: rotate(-45deg);
}

#menu-btn-check {
 display: none;
}

.menu-content {
 width: 80%;
 height: 100%;
 position: fixed;
 /* top: 80px; */
 left: 100%;
 /*leftの値を変更してメニューを画面外へ*/
 z-index: 80;
 background-color: #000;
 transition: all 0.5s;
 /*アニメーション設定*/
}

.common_nav_contents {
 display: flex;
}

.common_nav_contents figure {
 height: auto;
 width: 60px;
 text-align: center;
}

.menu-content ul li {
 border-bottom: 1px solid #ffffff;
 list-style: none;
}

.menu-content ul li a {
 display: block;
 width: 100%;
 font-size: 15px;
 box-sizing: border-box;
 color: #ffffff;
 text-decoration: none;
 padding: 9px 15px 10px 0;
 position: relative;
}

.menu-content ul li a::before {
 content: "";
 width: 7px;
 height: 7px;
 border-top: solid 2px #ffffff;
 border-right: solid 2px #ffffff;
 transform: rotate(45deg);
 position: absolute;
 right: 11px;
 top: 16px;
}

#menu-btn-check:checked ~ .menu-content {
 left: 20%;
 /*メニューを画面内へ*/
}

#common_nav_bg {
 display: none;
 position: fixed;
 top: 74px;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.9);
 z-index: 10;
}


/*スライダー*/

.swiper-slide-prev:hover:after,
.swiper-slide-next:hover:after {
 opacity: 0.9;
}

.swiper-slide-prev::after,
.swiper-slide-next::after {
 content: '';
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background-color: black;
 opacity: 0.7;
 display: block;
}

#pickup-contents {
 margin-bottom: 30px;
}

.news p {
 display: flex;
}

.two-items {
 padding: 10px 10px 30px;
 display: flex;
 justify-content: space-between;
}

.two-items li {
 width: calc(50% - 10px);
}

.two-items li img {
 width: 100%;
 zoom: unset;
}