@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
html {
  font-size: 62.5% !important;
}

body {
  margin: 0 auto;
  width: 100%;
  color: #333;
  font: 0.625rem "Sawarabi Mincho", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 0.1em;
  font-size: 15px;
  font-size: 1.5rem;
  word-break: break-all;
}

body.fixed {
  position: fixed;
  width: 100%;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* for IE 6 */
* html body {
  font-size: 75%;
}

/* for IE 7 */
*:first-child + html body {
  font-size: 75%;
}

/* リンク */
a {
  color: #666;
}

a.imgLink {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  a {
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
  }
  a > * {
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
  }
  a:hover {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
  a:hover > * {
    opacity: 0.75;
    filter: alpha(opacity=75);
  }
}

.link-underline {
  text-decoration: underline;
}

.link-red {
  color: #c66060;
}

/* 画像 */
@media screen and (max-width: 479px) {
  img {
    max-width: 100%;
  }
}

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

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

/* テキスト装飾 */
.text-caution {
  color: #C31213;
}

.text-important {
  color: #C31213;
}

.text-bold {
  font-weight: bold;
}

/* メディアクエリで表示・非表示切り替え */
.pc_only {
  display: inherit;
}

@media screen and (max-width: 479px) {
  .pc_only {
    display: none;
  }
}

.sp_only {
  display: none;
}

@media screen and (max-width: 479px) {
  .sp_only {
    display: inherit;
  }
}

#header_wrap {
  z-index: 2;
}

.slick-arrow {
  z-index: 1;
}

/* Flexbox レイアウト */
.flex_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.flex_wrap.v_center {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}

.flex_wrap.vh_center {
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.flex_wrap.space_between {
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}

.flex_wrap.reverse {
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.flex_wrap.wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

dl.note dt {
  position: relative;
}

dl.note dt span {
  position: absolute;
}

dl.note dd {
  padding-left: 1em;
}

p.note:before {
  content: "※";
  font-weight: 300;
}

dl.caution dt {
  margin-bottom: .3em;
  color: #cf462e;
  font-weight: 600;
}

#nav-toggle {
  margin: 0 auto;
  display: block;
  width: 36px;
  height: 26px;
  cursor: pointer;
  z-index: 101;
}

#nav-toggle div {
  position: relative;
}

#nav-toggle span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #111;
  left: 0;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}

#nav-toggle span:nth-child(1) {
  top: 0;
}

#nav-toggle span:nth-child(2) {
  top: 11px;
}

#nav-toggle span:nth-child(3) {
  top: 22px;
}

.open #nav-toggle span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  transform: rotate(315deg);
}

.open #nav-toggle span:nth-child(2) {
  width: 0;
  left: 50%;
}

.open #nav-toggle span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-315deg);
  -moz-transform: rotate(-315deg);
  transform: rotate(-315deg);
}

.open #global-nav {
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  background-color: #314c26;
}

.video_wrap {
  position: relative;
  width: 100%;
  height: 100%;
  padding-top: 56.25%;
}

.video_wrap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.table_layout {
  width: 100%;
  border-bottom: 1px solid #f1f1f1;
}

.table_layout .tr {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

@media screen and (max-width: 479px) {
  .table_layout .tr {
    display: block;
  }
}

.table_layout .tr:first-child .th {
  border-top: 1px solid #f0ecdb;
}

.table_layout .th {
  width: 30%;
  padding: 1.5em;
  background-color: #f0ecdb;
  border-left: 1px solid #f0ecdb;
  border-right: 1px solid #f0ecdb;
  border-top: 1px solid #FFF;
  font-weight: normal;
  text-align: left;
}

@media screen and (max-width: 479px) {
  .table_layout .th {
    width: 100%;
    padding: 1em;
  }
}

.table_layout .td {
  width: 70%;
  padding: 1.5em;
  background-color: #fff;
  border-right: 1px solid #f0ecdb;
  border-top: 1px solid #f0ecdb;
  text-align: left;
}

@media screen and (max-width: 479px) {
  .table_layout .td {
    width: 100%;
    padding: 1em;
    border-left: 1px solid #f0ecdb;
  }
}

.table_layout .td span {
  width: 100%;
  display: inline-block;
}

.table_layout .td span:not(:last-child) {
  margin-bottom: 1em;
}

.table_layout .td ul, .table_layout .td ol {
  margin-bottom: 0;
}

.table_layout .attention {
  color: #cf462e;
  margin-left: 5px;
}

table {
  width: 100%;
  border: 1px solid #CCC;
}

@media screen and (max-width: 479px) {
  table {
    border-bottom: none;
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
  }
}

@media screen and (max-width: 479px) {
  table thead {
    display: none;
  }
}

table th,
table td {
  padding: 1em 1.2em;
}

@media screen and (max-width: 479px) {
  table th,
  table td {
    display: block;
  }
}

table th {
  background-color: #f1f1f1;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

@media screen and (max-width: 479px) {
  table th {
    border-right: none;
  }
}

table td {
  border: 1px solid #CCC;
}

@media screen and (max-width: 479px) {
  table td {
    border-bottom: 1px solid #CCC;
    border-top: none;
    border-right: none;
    border-left: none;
  }
}

@media screen and (max-width: 479px) {
  .sp_table_list tr {
    width: 100%;
    margin-bottom: 20px;
    display: block;
  }
  .sp_table_list thead {
    display: none;
  }
  .sp_table_list tbody {
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .sp_table_list tbody th {
    list-style: none;
    background-color: #f0ecdb;
  }
  .sp_table_list tbody td {
    border-top: none;
  }
  .sp_table_list tbody th, .sp_table_list tbody td {
    width: 100%;
    display: block;
  }
}

ol {
  margin-left: 1.5em;
}

ol li:not(:last-child) {
  margin-bottom: .5em;
}

/* ヘッダー */
.l-header {
  width: 100%;
  background-color: #FFF;
  position: fixed;
  top: 0;
  z-index: 99;
  border-bottom: 1px solid #a5a5a5;
}

.l-header .header_inner {
  width: 100%;
  margin: 0 auto;
  padding: 20px 20px;
}

@media screen and (max-width: 479px) {
  .l-header .header_inner {
    width: 100%;
    padding: 20px 15px;
  }
}

.l-header .header_title {
  width: 320px;
  height: 89px;
}

@media screen and (max-width: 479px) {
  .l-header .header_title {
    width: 180px;
    height: 40px;
  }
}

.l-header .header_title a {
  width: 100%;
  height: 100%;
  display: block;
  /* background-image: url(./images/header_logo.png);
  background-size: cover; */
  background-image: url(https://yoyaku.jazz-youkan.com/wp-content/uploads/2024/05/yoyaku_logo.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 479px) {
  #global-nav {
    display: none;
    width: auto;
    position: fixed;
    top: 0;
    right: 22%;
    bottom: 0;
    left: 0;
    z-index: 99;
    background-color: #f1f1f1;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

#global-nav .menu {
  margin: 0 auto;
}

@media screen and (max-width: 479px) {
  #global-nav .menu {
    width: 100%;
    display: block;
  }
}

@media screen and (max-width: 479px) {
  #global-nav .menu:before {
    content: 'MENU';
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: 5%;
    margin-left: 5%;
    margin-bottom: .8em;
    display: inline-block;
    color: #a92020;
  }
}

#global-nav li {
  text-align: center;
}

#global-nav li:not(:last-child) {
  margin-right: 1em;
  padding-right: 1em;
  border-right: 1px solid #333;
}

@media screen and (max-width: 479px) {
  #global-nav li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 1em;
    padding-right: 0;
    border-right: 0;
  }
}

@media screen and (max-width: 479px) {
  #global-nav li {
    margin-bottom: 1em;
    padding-bottom: 1em;
    text-align: left;
    border-bottom: 1px solid #FFF;
  }
}

#global-nav a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  display: block;
}

@media screen and (max-width: 479px) {
  #global-nav a {
    color: #333;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.sp_menu_bg {
  display: none;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.75);
}

.hamburger_icon {
  position: absolute;
  top: 20px;
  right: 15px;
  z-index: 999;
}

.hamburger_icon p {
  margin-top: 5px;
  font-size: 10px;
  font-size: 1rem;
  letter-spacing: 0.05em;
  line-height: 1;
  font-family: "Sawarabi Mincho";
  font-weight: 500;
  transform: scale(0.9, 0.9);
}

/* メインビジュアル */
#main_visual {
  width: 100%;
  border-bottom: 1px solid #a5a5a5;
  margin-top: 129px;
}

@media screen and (max-width: 479px) {
  #main_visual {
    margin-top: 80px;
    margin-bottom: -40px;
  }
}

#main_visual .slick-slide {
  transition: .3s ease;
}

#main_visual .slick-slide:not(.slick-current) {
  opacity: .5;
}

/* 共通 */
.section_wrap {
  width: 100%;
  margin: 0 0 100px 0;
}

@media screen and (max-width: 479px) {
  .section_wrap {
    margin-bottom: 60px;
  }
}

.section_wrap .content {
  width: 1040px;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (max-width: 479px) {
  .section_wrap .content {
    width: 100%;
    padding: 0 3%;
  }
}

.section_wrap img {
  max-width: 100%;
  height: auto;
}

.section_wrap hr {
  border-top: 1px solid #f1f1f1;
  margin: 50px auto;
}

.section_wrap hr.dashed {
  border-top: 1px dashed #f1f1f1;
}

/* Wordpressエディタ */
.entry-content h2 {
  margin-bottom: .8em;
  font-size: 20px;
  font-size: 2rem;
}

.entry-content p {
  line-height: 1.8;
}

.entry-content p:not(:last-child) {
  margin-bottom: .5em;
}

.anchor_target {
  margin-top: -30px;
  padding-top: 30px;
}

/* メインコンテンツ */
#main_contents {
  margin-top: 129px;
  margin-bottom: 140px;
}

@media screen and (max-width: 479px) {
  #main_contents {
    margin-top: 80px;
    margin-bottom: 50px;
  }
}

#main_contents.ul_page {
  padding-top: 100px;
}

@media screen and (max-width: 479px) {
  #main_contents.ul_page {
    padding-top: 50px;
  }
}

/* 新着情報一覧 */
#news {
  margin: 50px 0 60px;
}

#news .banner_wrap p:not(:last-child) {
  margin-bottom: 30px;
}

@media screen and (max-width: 479px) {
  #news .banner_wrap p:not(:last-child) {
    margin-bottom: 20px;
  }
}

#news .layout_2 {
  margin-bottom: -30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 479px) {
  #news .layout_2 {
    margin-bottom: -20px;
  }
}

#news .layout_2 .banner {
  width: 300px;
  margin: 0 50px 50px 0;
}

@media screen and (max-width: 479px) {
  #news .layout_2 .banner {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

#news .layout_2 .banner:nth-child(3n) {
  margin: 0 0 50px 0;
}

@media screen and (max-width: 479px) {
  #news .layout_2 .banner:nth-child(3n) {
    margin: 0 0 20px 0;
  }
}

#news .layout_2 .banner img {
  width: 100%;
}

#news .layout_3 {
  margin-bottom: -30px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 479px) {
  #news .layout_3 {
    margin-bottom: -20px;
  }
}

#news .layout_3 .banner {
  width: 475px;
  margin: 0 50px 50px 0;

  a{
    font-size: 1.7em;
    text-align: center;
    display: flex
;
    align-items: center;
    justify-content: center;
    height: 6em;
    box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.27);
  }
}

@media screen and (max-width: 479px) {
  #news .layout_3 .banner {
    width: 100%;
    margin: 0 0 20px 0;
  }
}

#news .layout_3 .banner:nth-child(2n) {
  margin: 0 0 50px 0;
}

@media screen and (max-width: 479px) {
  #news .layout_3 .banner:nth-child(2n) {
    margin: 0 0 20px 0;
  }
}

#news .layout_3 .banner img {
  width: 100%;
  margin-bottom: .5em;
}

/* お問い合わせ */
.contact_page .text_area {
  margin-bottom: 40px;
  text-align: center;
}

.contact_page .text_area span {
  color: #a92020;
}

.contact_page .privacy {
  margin-top: 40px;
  text-align: center;
}

/* 404エラー */
.notfound_page .page-header {
  margin: 100px 0 180px;
  text-align: center;
}

.notfound_page .page-header sub {
  margin-bottom: .5em;
  font-size: 44px;
  font-size: 4.4rem;
  color: #CCC;
  display: inline-block;
}

.notfound_page .page-header .page-title {
  font-size: 18px;
  font-size: 1.8rem;
}

.breadcrumb_wrap {
  background: url(images/bg_patter03.png) center repeat;
}

.breadcrumb_wrap .breadcrumb {
  width: 1040px;
  margin: 0 auto;
  padding: 15px 20px;
  font-size: 13px;
  font-size: 1.3rem;
}

@media screen and (max-width: 479px) {
  .breadcrumb_wrap .breadcrumb {
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.breadcrumb_wrap .breadcrumb a {
  color: #60a5c6;
}

.pager_number {
  padding-top: 30px;
  border-top: 1px solid #f1f1f1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.pager_number .page-numbers {
  margin: 0 10px;
  width: 50px;
  height: 50px;
  border: 1px solid #CCC;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

@media screen and (max-width: 479px) {
  .pager_number .page-numbers {
    margin: 0 5px;
  }
}

.pager_number .current {
  background-color: #e6f2f9;
}

.nav-links {
  padding-top: 30px;
  border-top: 1px solid #f1f1f1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}

.nav-links a {
  width: 160px;
  padding: 1em;
  display: inline-block;
  border: 1px solid #CCC;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 479px) {
  .nav-links a {
    width: 40%;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.nav-links a.nav-previous {
  background: url(images/arrow/arrow_prev01.png) 10% center no-repeat;
  background-size: 6px;
}

.nav-links a.nav-next {
  background: url(images/arrow/arrow_next01.png) 90% center no-repeat;
  background-size: 6px;
}

/* Welcart */
#main_contents {
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#main_contents #itempage .skuform .skuquantity {
  width: 4em;
  text-align: center;
  margin: 0 5px;
}

.cart_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}

@media screen and (max-width: 479px) {
  .cart_wrap {
    display: block;
  }
}

.cart_wrap .itemimg_wrap {
  width: 42%;
}

@media screen and (max-width: 479px) {
  .cart_wrap .itemimg_wrap {
    width: 100%;
    margin-bottom: 30px;
  }
}

.cart_wrap .itemimg {
  margin-bottom: 30px;
}

@media screen and (max-width: 479px) {
  .cart_wrap .itemimg {
    margin-bottom: 20px;
  }
}

.cart_wrap .itemimg img {
  width: 100%;
  height: auto;
}

.cart_wrap .itemsubimg {
  margin-bottom: -10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 479px) {
  .cart_wrap .itemsubimg {
    margin-bottom: -2%;
  }
}

.cart_wrap .itemsubimg a {
  width: 76px;
  display: block;
  margin: 0 10px 10px 0;
}

@media screen and (max-width: 479px) {
  .cart_wrap .itemsubimg a {
    width: 23.5%;
    margin: 0 2% 2% 0;
  }
}

.cart_wrap .itemsubimg a:nth-child(5n) {
  margin: 0 0 10px 0;
}

@media screen and (max-width: 479px) {
  .cart_wrap .itemsubimg a:nth-child(5n) {
    margin: 0 2% 2% 0;
  }
}

@media screen and (max-width: 479px) {
  .cart_wrap .itemsubimg a:nth-child(4n) {
    margin: 0 0 2% 0;
  }
}

.cart_wrap #itempage {
  width: 52%;
}

@media screen and (max-width: 479px) {
  .cart_wrap #itempage {
    width: 100%;
  }
}

.cart_wrap #itempage .exp {
  margin-bottom: 30px;
  border-bottom: 1px dashed #f1f1f1;
}

.cart_wrap #itempage .exp .baika {
  margin-bottom: 30px;
}

.cart_wrap #itempage .error_message {
  margin-top: 15px;
  padding-bottom: 15px;
  color: #a92121;
  font-size: 13px;
  font-size: 1.3rem;
}

.cart_wrap .item_name_wrap {
  margin-bottom: 30px;
}

.cart_wrap .item_name {
  font-size: 28px;
  font-size: 2.8rem;
}

.cart_wrap .item_code {
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.cart_wrap .item_code dt,
.cart_wrap .item_code dd {
  display: inline-block;
}

.cart_wrap .skuform {
  margin-top: 30px;
  text-align: left;
}

.cart_wrap .skuform input[type="text"] {
  padding: .5em 1em;
  border: 1px solid #333;
}

.cart_wrap .skuform input[type="submit"] {
  width: 30%;
  margin: 0 0 0 10px;
  padding: 8px 1em;
  display: inline-block;
}

@media screen and (max-width: 479px) {
  .cart_wrap .skuform input[type="submit"] {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 1em;
  }
}

.exp {
  margin-bottom: 0;
}

.exp .field02 {
  display: none;
}

.exp .teika {
  margin-bottom: .5em;
}

.exp .teika .price {
  font-size: 100%;
  color: #333;
}

.exp .baika .price {
  font-size: 150%;
  color: #a92020;
}

.place_detail {
  margin-bottom: 30px;
  padding: 20px;
  border: 1px solid #f1f1f1;
}

.place_detail dt {
  margin-bottom: 1em;
  font-weight: 600;
}

.place_detail dd {
  font-size: 13px;
  font-size: 1.3rem;
}

.place_detail dd p:not(:last-child) {
  margin-bottom: 1em;
}

.place_detail .post-meta {
  list-style-type: none;
}

.place_detail .post-meta li {
  margin-bottom: 1em;
}

.item_detail {
  margin-bottom: 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid #f1f1f1;
}

@media screen and (max-width: 479px) {
  .item_detail {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}

.back_category {
  margin-top: 60px;
}

@media screen and (max-width: 479px) {
  .back_category {
    margin-top: 30px;
  }
}

.back_category a {
  width: 25%;
  margin: 0 auto;
  padding: 1.5em 1em;
  display: block;
  background-color: #f1f1f1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
}

@media screen and (max-width: 479px) {
  .back_category a {
    width: 50%;
  }
}

/* 商品一覧 category.php */
.category_page .page-header {
  margin-bottom: 50px;
}

.category_page .page-title {
  font-size: 40px;
  font-size: 4rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

@media screen and (max-width: 479px) {
  .category_page .page-title {
    font-size: 30px;
    font-size: 3rem;
  }
}

.category_page .period {
  margin-top: .5em;
}

.category_page .popup_info {
  margin-bottom: 50px;
}

.category_page .popup_info p {
  line-height: 1.8;
}

.category_page .popup_info p:not(:last-child) {
  margin-bottom: 1em;
}

.category_page .popup_info p:not(:last-child) img {
  margin-bottom: 10px;
}

.category_page .item_list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.category_page .item_list .item {
  width: 300px;
  margin: 0 50px 50px 0;
}

@media screen and (max-width: 479px) {
  .category_page .item_list .item {
    width: 48%;
    margin: 0 4% 4% 0;
  }
}

.category_page .item_list .item:nth-child(3n) {
  margin: 0 0 50px 0;
}

@media screen and (max-width: 479px) {
  .category_page .item_list .item:nth-child(3n) {
    margin: 0 4% 4% 0;
  }
}

@media screen and (max-width: 479px) {
  .category_page .item_list .item:nth-child(2n) {
    margin: 0 0 4% 0;
  }
}

.category_page .item_list .thumb_image {
  width: 300px;
  height: 300px;
  margin-bottom: 20px;
  background-color: #f1f1f1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

@media screen and (max-width: 479px) {
  .category_page .item_list .thumb_image {
    width: 100%;
    height: auto;
  }
}

.category_page .item_list .detail dt {
  margin-bottom: .5em;
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 479px) {
  .category_page .item_list .detail dt {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.category_page .item_list .detail dd {
  text-align: right;
}

@media screen and (max-width: 479px) {
  .category_page .item_list .detail dd {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

/* よくある質問 */
.faq_wrap dl:not(:last-child) {
  margin-bottom: 40px;
}

.faq_wrap dt {
  min-height: 50px;
  padding-top: 14px;
  margin-bottom: 20px;
  padding-left: 70px;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
}

@media screen and (max-width: 479px) {
  .faq_wrap dt {
    padding-left: 64px;
  }
}

.faq_wrap dt:before {
  width: 50px;
  height: 50px;
  display: block;
  content: 'Q';
  background-color: #170A02;
  color: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.faq_wrap dd {
  min-height: 50px;
  padding-top: 14px;
  padding-left: 70px;
  font-size: 16px;
  font-size: 1.6rem;
  position: relative;
}

@media screen and (max-width: 479px) {
  .faq_wrap dd {
    padding-left: 64px;
  }
}

.faq_wrap dd:before {
  width: 50px;
  height: 50px;
  display: block;
  content: 'A';
  background-color: #a92020;
  color: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
}

.faq_wrap dd span {
  color: #a92020;
}

.faq_wrap dd p {
  line-height: 1.8;
}

.faq_wrap dd p:not(:last-child) {
  margin-bottom: .8em;
}

.cart_page {
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.cart_page .usccart_navi ol.ucart {
  height: auto;
}

.cart_page .usccart_navi li {
  padding: 1em;
}

@media screen and (max-width: 479px) {
  .cart_page .usccart_navi li {
    padding: 1em 0;
    font-size: 10px;
    font-size: 1rem;
  }
}

.cart_page .usccart_navi li.ucart {
  background-color: #f1f1f1;
  color: #333;
}

.cart_page .usccart_navi li.usccart_cart, .cart_page .usccart_navi li.usccart_customer, .cart_page .usccart_navi li.usccart_delivery, .cart_page .usccart_navi li.usccart_confirm {
  background: #291203;
  color: #FFF;
}

.cart_page .caution_wrap {
  padding: 1.5em;
  border: 1px solid #e6e6e6;
}

.cart_page .caution_wrap h3 {
  margin-bottom: 1em;
  color: #a92121;
}

.cart_page .caution_wrap ul {
  margin-left: 1.5em;
}

.cart_page .caution_wrap li:not(:last-child) {
  margin-bottom: .5em;
}

.cart_page .caution_wrap span {
  color: #a92121;
}

.cart_page #cart th,
.cart_page #cart td {
  padding: 1em;
  font-size: 14px;
  font-size: 1.4rem;
}

.cart_page #cart th {
  background-color: #666;
}

.cart_page #cart .thumbnail {
  width: 100px;
}

.cart_page #cart .upbutton {
  margin: 15px 0;
  padding: 0;
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (max-width: 479px) {
  .cart_page #cart .upbutton {
    text-align: left;
  }
}

.cart_page #cart .upbutton input {
  width: auto;
  margin: 0;
  padding: .5em .8em;
  display: inline-block;
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

@media screen and (max-width: 479px) {
  .cart_page #cart .upbutton input {
    margin-top: .5em;
    font-size: 10px;
    font-size: 1rem;
  }
}

.cart_page #cart .delButton {
  width: 100%;
  margin: 0;
  font-size: 10px;
  font-size: 1rem;
}

@media screen and (max-width: 479px) {
  .cart_page #cart .delButton {
    width: 35%;
  }
}

.cart_page #cart input.quantity {
  border: 1px solid #f1f1f1;
  padding: .5em;
}

@media screen and (max-width: 479px) {
  .cart_page #cart input.quantity {
    width: 5em;
    text-align: center;
  }
}

@media screen and (max-width: 479px) {
  .cart_page #cart tr {
    border-bottom: 1px solid #CCC;
    *zoom: 1;
  }
  .cart_page #cart tr:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media screen and (max-width: 479px) {
  .cart_page #cart .num,
  .cart_page #cart .unitprice {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .cart_page #cart .num,
  .cart_page #cart .thumbnail,
  .cart_page #cart .productname,
  .cart_page #cart .unitprice,
  .cart_page #cart .quantity,
  .cart_page #cart .subtotal,
  .cart_page #cart .stock,
  .cart_page #cart .action {
    width: 100%;
    border: none;
  }
}

@media screen and (max-width: 479px) {
  .cart_page #cart .thumbnail {
    width: 40%;
    float: left;
  }
  .cart_page #cart .thumbnail img {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .cart_page #cart .productname,
  .cart_page #cart .quantity,
  .cart_page #cart .subtotal,
  .cart_page #cart .stock {
    width: 60%;
    float: right;
  }
}

@media screen and (max-width: 479px) {
  .cart_page #cart .quantity {
    text-align: right;
  }
}

@media screen and (max-width: 479px) {
  .cart_page #cart .quantity:before {
    content: '数量';
    margin-right: 5px;
    line-height: 33px;
  }
}

@media screen and (max-width: 479px) {
  .cart_page #cart .stock {
    text-align: right;
  }
}

.cart_page #inside-cart .send {
  margin-top: 40px;
  padding: 0;
  border: none;
}

.cart_page #inside-cart .send input {
  width: 25%;
  margin: 0 15px;
  display: inline-block;
}

@media screen and (max-width: 479px) {
  .cart_page #inside-cart .send input {
    width: 42%;
    margin: 0 1%;
  }
}

.cart_page #inside-cart .send .continue_shopping_button {
  background-color: #f1f1f1;
  padding: 1.5em 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.cart_page #inside-cart .no_cart {
  color: #a92020;
}

.cart_page #customer-info th,
.cart_page #customer-info td {
  padding: 1.5em 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 479px) {
  .cart_page #customer-info th,
  .cart_page #customer-info td {
    width: 100%;
  }
}

.cart_page #customer-info th input,
.cart_page #customer-info td input {
  padding: 0.5em 1em;
  background-color: #fff9ee;
}

.cart_page #customer-info .error_message {
  font-weight: normal;
  line-height: 2;
  font-size: 14px;
  font-size: 1.4rem;
}

.cart_page #customer-info .customer_form input {
  width: 50%;
  margin-right: 1em;
}

@media screen and (max-width: 479px) {
  .cart_page #customer-info .customer_form input {
    width: 100%;
    margin-right: 0;
  }
}

.cart_page #customer-info .customer_form tr.inp1 input {
  width: 90%;
  margin-left: 1em;
  margin-right: 0;
}

.cart_page #customer-info .customer_form tr.inp2 input {
  width: 75%;
  margin-left: 0px;
  margin-right: 1em;
}

@media screen and (max-width: 479px) {
  .cart_page #customer-info .customer_form tr.inp2 input {
    width: 100%;
    margin-right: 0;
  }
}

.cart_page #customer-info .customer_form select {
  padding: 0.5em 1em;
  border: 1px solid #f1f1f1;
}

@media screen and (max-width: 479px) {
  .cart_page #customer-info .customer_form #zipcode,
  .cart_page #customer-info .customer_form #address1,
  .cart_page #customer-info .customer_form #address2,
  .cart_page #customer-info .customer_form #address3,
  .cart_page #customer-info .customer_form #tel,
  .cart_page #customer-info .customer_form #fax {
    margin-bottom: .5em;
  }
}

.cart_page #customer-info .send {
  margin-top: 40px;
  padding: 0;
  border: none;
}

.cart_page #customer-info .send input {
  width: 25%;
  margin: 0 15px;
  display: inline-block;
}

@media screen and (max-width: 479px) {
  .cart_page #customer-info .send input {
    width: 42%;
    margin: 0 1%;
  }
}

.cart_page #customer-info .send .back_cart_button {
  background-color: #f1f1f1;
  color: #333;
}

.cart_page #delivery-info th,
.cart_page #delivery-info td {
  padding: 1.5em 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
}

@media screen and (max-width: 479px) {
  .cart_page #delivery-info th,
  .cart_page #delivery-info td {
    width: 100%;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #CCC;
  }
}

.cart_page #delivery-info th input[type="radio"],
.cart_page #delivery-info td input[type="radio"] {
  margin-right: 5px;
  -webkit-appearance: radio;
}

.cart_page #delivery-info .customer_form:first-child {
  margin-top: 10px;
}

.cart_page #delivery-info .customer_form:not(:last-child) {
  margin-bottom: 30px;
}

.cart_page #delivery-info .customer_form select {
  padding: 0.5em 1em;
  border: 1px solid #f1f1f1;
}

.cart_page #delivery-info .customer_form textarea.notes {
  width: 100%;
  height: 200px;
  padding: 1em 1em;
  border: 1px solid #f1f1f1;
}

.cart_page #delivery-info .customer_form em {
  color: #a92121;
}

.cart_page #delivery-info .send {
  margin-top: 40px;
  padding: 0;
  border: none;
}

.cart_page #delivery-info .send input {
  width: 25%;
  margin: 0 15px;
  display: inline-block;
}

@media screen and (max-width: 479px) {
  .cart_page #delivery-info .send input {
    width: 42%;
    margin: 0 1%;
  }
}

.cart_page #delivery-info .send .back_to_customer_button {
  background-color: #f1f1f1;
  color: #333;
}

.cart_page #info-confirm .confiem_notice {
  margin: 1em 0;
  font-size: 12px;
  font-size: 1.2rem;
}

.cart_page #info-confirm #confirm_table {
  margin-top: 40px;
}

.cart_page #info-confirm .send {
  margin-top: 40px;
  padding: 0;
  border: none;
}

.cart_page #info-confirm .send input {
  width: 25%;
  margin: 0 15px;
  display: inline-block;
}

@media screen and (max-width: 479px) {
  .cart_page #info-confirm .send input {
    width: 42%;
    margin: 0 1%;
  }
}

.cart_page #info-confirm .send .back_to_delivery_button {
  background-color: #f1f1f1;
  color: #333;
}

.cart_page #confirm_table th,
.cart_page #confirm_table td {
  padding: 1.5em 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
}

@media screen and (max-width: 479px) {
  .cart_page #confirm_table th,
  .cart_page #confirm_table td {
    width: 100%;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid #CCC;
  }
}

.cart_page #confirm_table .ttl {
  background-color: #2a1202;
}

.cart_page #confirm_table .ttl h3 {
  color: #FFF;
}

.cart_page #cart_completion h3 {
  margin: 60px 0;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
}

.cart_page #cart_completion .header_explanation {
  padding: 0;
  text-align: center;
  line-height: 2;
}

.cart_page #cart_completion .send {
  margin-top: 40px;
  padding: 0;
  border: none;
}

.cart_page #cart_completion .send .back_to_top_button {
  width: 25%;
  margin: 0 auto;
  display: block;
  padding: 1.5em 1em;
  text-align: center;
  background-color: #f1f1f1;
  color: #333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

@media screen and (max-width: 479px) {
  .cart_page #cart_completion .send .back_to_top_button {
    width: 60%;
  }
}

/* ポップアップバナー */
body .popup-wrapper .modaal-container {
  width: auto;
  height: auto;
}

body .popup-wrapper .modaal-content-container {
  padding: 0;
}

.l-column_wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.l-column_wrap.col2 {
  margin-bottom: -3%;
}

.l-column_wrap.col2 .l-column_inner {
  width: 48.5%;
  margin: 0 3% 3% 0;
}

.l-column_wrap.col2 .l-column_inner:nth-of-type(2n) {
  margin: 0 0 3% 0;
}

.l-column_wrap.col3 {
  margin-bottom: -3.5%;
}

.l-column_wrap.col3 .l-column_inner {
  width: 31%;
  margin: 0 3.5% 3.5% 0;
}

.l-column_wrap.col3 .l-column_inner:nth-of-type(3n) {
  margin: 0 0 3.5% 0;
}

.l-column_wrap.col4 {
  margin: auto -1px -30px;
}

@media screen and (max-width: 479px) {
  .l-column_wrap.col4 {
    margin: auto -1px -3%;
  }
}

.l-column_wrap.col4 .l-column_inner {
  width: 228px;
  margin: 0 30px 30px 0;
}

.l-column_wrap.col4 .l-column_inner:nth-of-type(4n) {
  margin: 0 0 30px 0;
}

@media screen and (max-width: 767px) {
  .l-column_wrap.col2 .l-column_inner {
    margin: 0 0 15px 0;
    width: 100%;
  }
  .l-column_wrap.col2 .l-column_inner:nth-of-type(2n) {
    margin: 0 0 15px 0;
  }
  .l-column_wrap.col3 .l-column_inner {
    margin: 0 0 15px 0;
    width: 100%;
  }
  .l-column_wrap.col3 .l-column_inner:nth-of-type(3n) {
    margin: 0 0 15px 0;
  }
  .l-column_wrap.col4 .l-column_inner {
    margin: 0 0 15px 0;
    width: 100%;
  }
  .l-column_wrap.col4 .l-column_inner:nth-of-type(4n) {
    margin: 0 0 15px 0;
  }
  .sp_col2.col2 {
    margin: auto auto -3%;
  }
  .sp_col2.col2 .l-column_inner {
    margin: 0 3% 3% 0;
    width: 48.5%;
  }
  .sp_col2.col2 .l-column_inner:nth-of-type(2n) {
    margin: 0 0 3% 0;
  }
  .sp_col2.col3 {
    margin: auto auto -3%;
  }
  .sp_col2.col3 .l-column_inner {
    margin: 0 3% 3% 0;
    width: 48.5%;
  }
  .sp_col2.col3 .l-column_inner:nth-of-type(2n) {
    margin: 0 0 3% 0;
  }
  .sp_col2.col3 .l-column_inner:nth-of-type(3n) {
    margin: 0 3% 3% 0;
  }
  .sp_col2.col4 {
    margin: auto auto -3%;
  }
  .sp_col2.col4 .l-column_inner {
    margin: 0 3% 3% 0;
    width: 48.5%;
  }
  .sp_col2.col4 .l-column_inner:nth-of-type(2n) {
    margin: 0 0 3% 0;
  }
  .sp_col2.col4 .l-column_inner:nth-of-type(4n) {
    margin: 0 0 3% 0;
  }
  .sp_col3.col2 {
    margin: auto auto -3%;
  }
  .sp_col3.col2 .l-column_inner {
    margin: 0 3% 3% 0;
    width: 31.3%;
  }
  .sp_col3.col2 .l-column_inner:nth-of-type(2n) {
    margin: 0 3% 3% 0;
  }
  .sp_col3.col2 .l-column_inner:nth-of-type(3n) {
    margin: 0 0 3% 0;
  }
  .sp_col3.col4 {
    margin: auto auto -3%;
  }
  .sp_col3.col4 .l-column_inner {
    margin: 0 3% 3% 0;
    width: 31.3%;
  }
  .sp_col3.col4 .l-column_inner:nth-of-type(4n) {
    margin: 0 auto 3% 0;
  }
  .sp_col3.col4 .l-column_inner:nth-of-type(3n) {
    margin: 0 0 3% 0;
  }
}

/* フッター */
#footer_wrap {
  width: 100%;
  background-color: #291203;
  color: #FFF;
}

#footer_wrap .copyright {
  padding: 2em 0;
  font-size: 10px;
  font-size: 1rem;
  text-align: center;
  line-height: 1;
  background-color: #170A02;
}

.l-footer {
  width: 1040px;
  margin: 0 auto;
  padding: 50px 20px;
}

@media screen and (max-width: 479px) {
  .l-footer {
    width: 100%;
    padding: 40px 0 30px;
    display: block;
  }
}

.l-footer .footer_title {
  width: 295px;
  height: 88px;
  margin-right: 24px;
}

@media screen and (max-width: 479px) {
  .l-footer .footer_title {
    width: 200px;
    height: 60px;
    margin-right: 0;
    margin-bottom: 30px;
  }
}

.l-footer .footer_title a {
  width: 100%;
  height: 100%;
  display: block;
  background-image: url(https://yoyaku.jazz-youkan.com/wp-content/uploads/2024/05/yoyaku_logo_foot.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 479px) {
  .l-footer .company_info {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
  }
}

.l-footer .information {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
}

@media screen and (max-width: 479px) {
  .l-footer .information {
    text-align: center;
  }
}

.l-footer .information .tel {
  font-size: 30px;
  font-size: 3rem;
  color: #FFF;
  display: block;
}

@media screen and (max-width: 479px) {
  .l-footer .information .tel {
    margin-bottom: 10px;
  }
}

.l-footer .information .tel span {
  font-size: 10px;
  font-size: 1rem;
}

@media screen and (max-width: 479px) {
  .l-footer .information .tel span {
    display: block;
  }
}

#footer-nav {
  width: 100%;
  margin-top: 30px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (max-width: 479px) {
  #footer-nav {
    display: block;
    text-align: center;
  }
}

@media screen and (max-width: 479px) {
  #footer-nav .footer-menu {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 479px) {
  #footer-nav li {
    width: 100%;
  }
}

#footer-nav li:not(:last-child) {
  margin-right: 1em;
  padding-right: 1em;
  border-right: 1px solid #FFF;
}

@media screen and (max-width: 479px) {
  #footer-nav li:not(:last-child) {
    margin-right: 0;
    margin-bottom: 1em;
    padding-right: 0;
    border-right: 0;
  }
}

#footer-nav li a {
  color: #FFF;
  text-decoration: underline;
}

/* 見出し */
.headline-type1 {
  margin-bottom: 36px;
  padding: 6px 0 6px 12px;
  font-size: 24px;
  font-size: 2.4rem;
  border-left: 4px solid #a92020;
  border-bottom: 1px solid #111;
  line-height: 1.4;
  font-weight: 500;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

h2.category_title {
  background-color: #a92020;
  color: #fff;
  padding: 1em;
  font-size: 1.2em;
  text-align: center;
  margin-bottom: 2em;
  @media screen and (max-width: 767px) {
    font-size: 0.7em;
  }
}

@media screen and (max-width: 767px) {
  .headline-type1 {
    margin-bottom: 20px;
    padding: 4px 0 4px 8px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.headline-type2 {
  margin-bottom: 20px;
  padding: 0 0 0 12px;
  font-size: 20px;
  font-size: 2rem;
  border-left: 4px solid #a92020;
  line-height: 1.4;
  font-weight: 500;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

@media screen and (max-width: 767px) {
  .headline-type2 {
    margin-bottom: 12px;
    padding: 4px 0 4px 8px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.headline-type3 {
  margin-bottom: 1em;
  line-height: 1.4;
  padding: .8em 1em;
  background-color: #314c26;
  color: #FFF;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem;
}

.headline-type4 {
  margin-bottom: .8em;
  line-height: 1.4;
  color: #314c26;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: 600;
  font-size: 20px;
  font-size: 2rem;
}

.headline-group1 {
  margin-bottom: 40px;
  text-align: center;
  line-height: 1.2;
}

@media screen and (max-width: 479px) {
  .headline-group1 {
    margin-bottom: 30px;
  }
}

.headline-group1 h1 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #60a5c6;
  letter-spacing: 0.1em;
  font-weight: 500;
}

@media screen and (max-width: 479px) {
  .headline-group1 h1 {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.headline-group1 sub {
  font-size: 40px;
  font-size: 4rem;
  margin-bottom: 8px;
  display: inline-block;
  color: #222;
  letter-spacing: 0.1em;
  font-weight: 500;
}

@media screen and (max-width: 479px) {
  .headline-group1 sub {
    font-size: 30px;
    font-size: 3rem;
  }
}

.content_catch {
  margin-bottom: 24px;
  font-size: 36px;
  font-size: 3.6rem;
  letter-spacing: 0.3em;
  font-weight: 500;
}

@media screen and (max-width: 479px) {
  .content_catch {
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.content_catch span {
  color: #60a5c6;
}

.entry-header {
  margin-bottom: 60px;
}

.entry-header .entry-title {
  margin-bottom: 36px;
  padding: 6px 0 6px 12px;
  font-size: 24px;
  font-size: 2.4rem;
  border-left: 4px solid #a92020;
  border-bottom: 1px solid #111;
  line-height: 1.4;
  font-weight: 500;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

@media screen and (max-width: 767px) {
  .entry-header .entry-title {
    margin-bottom: 20px;
    padding: 4px 0 4px 8px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* ボタン関連 */
.btn {
  display: inline-block;
  text-align: center;
}

.btn-green {
  background-color: green;
  color: #FFF;
}

.btn-black {
  background-color: #000000;
  color: #FFF;
}

.btn-large {
  width: 300px;
}

.btn-mid {
  width: 226px;
  padding: 12px 12px 13px;
}

.btn-small {
  width: 100px;
}

.btn-more {
  width: 314px;
  margin: 30px auto 0;
  padding: 1em;
  display: block;
  background-color: #60a5c6;
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  color: #FFF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

@media screen and (max-width: 479px) {
  .btn-more {
    width: 50%;
    margin: 20px auto 0;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* フォーム関連 */
*:focus {
  outline: none;
}

input::-webkit-input-placeholder {
  color: #CCC;
}

input:-ms-input-placeholder {
  color: #CCC;
}

input::-moz-placeholder {
  color: #CCC;
}

textarea::-webkit-input-placeholder {
  color: #CCC;
}

textarea:-ms-input-placeholder {
  color: #CCC;
}

textarea::-moz-placeholder {
  color: #CCC;
}

/* iOSでのデフォルトスタイルをリセット */
input, button, select, textarea {
  -webkit-appearance: none;
}

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

.checkbox {
  display: none;
}

.checkbox + .checkbox-icon {
  position: relative;
  vertical-align: middle;
}

.checkbox + .checkbox-icon:before {
  content: "\f096";
  font-family: "FontAwesome";
  color: #ccc;
  font-size: 22px;
}

.checkbox:checked + .checkbox-icon:before {
  content: "\f14a";
  color: #cf462e;
}

.table {
  width: 100%;
  border-bottom: 1px solid #CCC;
}

.table.no_form .td {
  padding: 1.5em 1em;
}

.table .tr {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.table .tr:first-child .th {
  border-top: 1px solid #CCC;
}

.table .th {
  width: 30%;
  padding: 1.5em 1em;
  background-color: #f4f4f4;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-top: 1px solid #CCC;
  font-weight: normal;
  text-align: left;
}

.table .td {
  width: 70%;
  padding: 1.5em 1em;
  background-color: #fff;
  border-right: 1px solid #CCC;
  border-top: 1px solid #CCC;
  text-align: left;
}

.table .td span {
  width: 100%;
  display: inline-block;
}

.table .td span:not(:last-child) {
  margin-bottom: 1em;
}

.table .td ul, .table .td ol {
  margin-bottom: 0;
}

.table .td p:not(:last-child) {
  margin-bottom: 1em;
}

.table .attention {
  color: #cf462e;
  margin-left: 3px;
  vertical-align: super;
  font-size: 10px;
  font-size: 1rem;
}

.table input, .table select, .table textarea {
  width: 100%;
  padding: .8em .8em;
  border: 1px solid #CCC;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.table textarea {
  height: 100%;
}

.table #date span {
  width: 30%;
  margin-bottom: 0;
}

.table #date span:first-child {
  margin-right: 1em;
}

.table #option span {
  width: 30%;
  margin-right: 5px;
}

.table #postal_code span {
  width: 30%;
}

.table .caution {
  margin-top: .5em;
  color: #cf462e;
  font-size: 14px;
  font-size: 1.4rem;
}

input[type="submit"] {
  width: 50%;
  margin: 30px auto 0;
  padding: 1.5em 1em;
  display: block;
  background-color: #a92020;
  color: #FFF;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

@media screen and (max-width: 479px) {
  .table {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .table .tr {
    display: block;
  }
  .table .th {
    width: 100%;
    padding: 1em;
  }
  .table .td {
    width: 100%;
    border-left: 1px solid #CCC;
  }
  .table input, .table select, .table textarea {
    padding: .8em .8em;
  }
  .table textarea {
    height: 100%;
  }
  .table #date span {
    width: 100%;
  }
  .table #date span:first-child {
    margin-right: 0;
    margin-bottom: 1em;
  }
  .table #option span {
    width: 100%;
    margin-right: 0;
  }
  .table .caution {
    margin-top: 1em;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .table #comment span {
    height: 200px;
  }
  input[type="submit"] {
    width: 100%;
  }
}

.contact_table .th {
  padding: 1.8em 1.5em;
}

@media screen and (max-width: 479px) {
  .contact_table .th {
    padding: 1.2em 1em;
  }
}

.contact_table .td {
  padding: 1em 1.5em;
}

@media screen and (max-width: 479px) {
  .contact_table .td {
    padding: 1em;
  }
}

/* リスト */
ul.list_style_none {
  list-style-type: none;
}

ul.note {
  list-style-type: none;
}

ul.note li {
  text-indent: -1.1em;
  margin-left: 1.1em;
}

ul.note li:before {
  content: '※';
}

ul.note li:not(:last-child) {
  margin-bottom: .3em;
}

/* パネル */
.m-pannel {
  background-color: #FFF;
  border: 1px solid #e5e5e5;
}

.m-pannel .pannel_thumb {
  width: 100%;
  height: 210px;
  overflow: hidden;
}

.m-pannel .pannel_thumb img {
  width: 100%;
  min-height: 100%;
}

.m-pannel .pannel_text {
  margin: 20px;
}

.m-pannel .category {
  padding: 4px 10px 8px;
  display: inline-block;
  background-color: #1d1d1d;
  color: #FFF;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}

.m-pannel .date {
  position: relative;
  top: 2px;
  margin-left: 5px;
  font-size: 14px;
  font-size: 1.4rem;
}

.m-pannel .comment {
  height: 4.5em;
  margin-top: 10px;
  overflow: hidden;
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .m-pannel {
    padding: 10px;
  }
  .m-pannel a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .m-pannel .pannel_thumb {
    width: 30%;
    height: auto;
  }
  .m-pannel .pannel_text {
    width: 66%;
    margin: 0;
  }
  .m-pannel .category {
    padding: 2px 8px 6px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .m-pannel .date {
    top: 2px;
    margin-left: 5px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .m-pannel .comment {
    height: 4.5em;
    margin-top: 10px;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .fixed {
    position: fixed;
    width: 100%;
    height: 100%;
  }
}

/* slick.js 調整 */
body .slick-prev {
  width: 50px;
  height: 50px;
  padding: 12px 18px;
  background-color: rgba(96, 165, 198, 0.75);
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -ms-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}

@media screen and (max-width: 479px) {
  body .slick-prev {
    left: 0;
  }
}

body .slick-prev:before {
  content: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20206.3%20377.4%22%20style%3D%22enable-background%3Anew%200%200%20206.3%20377.4%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M185.1%2C374c11.6%2C10.6%2C28-5.8%2C17.4-17.4c-57.9-56-114.9-112-172.8-168c57.9-56%2C114.9-112%2C172.8-168%20c11.6-10.6-5.8-28-17.4-17.4C124.3%2C62.2%2C63.5%2C121.1%2C3.6%2C180c-4.8%2C4.8-4.8%2C12.5%2C0%2C17.4C63.5%2C256.2%2C124.3%2C315.1%2C185.1%2C374z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  opacity: 1;
  filter: alpha(opacity=100);
}

body .slick-prev:hover {
  opacity: 0.75;
  background-color: rgba(96, 165, 198, 0.75);
}

body .slick-prev:focus {
  opacity: 1;
  background-color: rgba(96, 165, 198, 0.75);
}

body .slick-next {
  width: 50px;
  height: 50px;
  padding: 12px 18px;
  background-color: rgba(96, 165, 198, 0.75);
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -ms-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}

@media screen and (max-width: 479px) {
  body .slick-next {
    right: 0;
  }
}

body .slick-next:before {
  content: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20206.3%20377.4%22%20style%3D%22enable-background%3Anew%200%200%20206.3%20377.4%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M202.7%2C197.4c4.8-4.9%2C4.8-12.6%2C0-17.4C142.8%2C121.1%2C82%2C62.2%2C21.2%2C3.2C9.6-7.4-7.8%2C10%2C3.8%2C20.6%20c57.9%2C56%2C114.9%2C112%2C172.8%2C168c-57.9%2C56-114.9%2C112-172.8%2C168c-10.6%2C11.6%2C5.8%2C28%2C17.4%2C17.4C82%2C315.1%2C142.8%2C256.2%2C202.7%2C197.4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  opacity: 1;
  filter: alpha(opacity=100);
}

body .slick-next:hover {
  opacity: 0.75;
  background-color: rgba(96, 165, 198, 0.75);
}

body .slick-next:focus {
  opacity: 1;
  background-color: rgba(96, 165, 198, 0.75);
}

body .slick-dots {
  bottom: 32px;
}

@media screen and (max-width: 479px) {
  body .slick-dots {
    bottom: 15px;
  }
}

body .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0 10px;
}

@media screen and (max-width: 479px) {
  body .slick-dots li {
    margin: 0 5px;
  }
}

body .slick-dots li.slick-active button {
  background-color: white;
}

body .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  background-color: rgba(255, 255, 255, 0.75);
}

body .slick-dots li button:before {
  display: none;
}

body .slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slider-full {
  margin: 40px auto;
}

.slider-wrap01 {
  width: 1000px;
  margin: 40px auto;
}

.slider-wrap02 {
  width: 800px;
  margin: 40px auto;
}

.slick-slide img {
  width: 100%;
  height: auto;
}

.slick-arrow {
  position: absolute;
  top: 50%;
  z-index: 100;
  padding: 4px 8px;
  background: #000;
  border: none;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  cursor: pointer;
}

.slick-arrow:hover {
  color: #fff;
  opacity: .6;
}

.slick-prev {
  left: 20px;
}

.slick-next {
  right: 20px;
}

.slick-dots {
  position: absolute;
  bottom: -40px;
  left: 0;
  width: 100%;
  font-size: 0;
  text-align: center;
  list-style: none;
}

.slick-dots li {
  display: inline-block;
  margin: 0 8px;
}

.slick-dots li button {
  display: block;
  font-size: 0;
  line-height: 0;
  width: 12px;
  height: 12px;
  background: #aaa;
  border: 0;
  border-radius: 50%;
  color: transparent;
  cursor: pointer;
}

.slick-dots .slick-active button,
.slick-dots li button:hover {
  background: #222;
}