@charset "euc-jp";

body {
  background-color: #fff;
  background-image: url(https://img.shop-pro.jp/tmpl_img/76/bg.gif);
  color: #333;
  -webkit-font-smoothing: antialiased;
}

a {
  color: #333;
}

a:hover {
  color: #ccc;
  text-decoration: none;
}

form {
  margin: 0;
}

/*
 * layout
 */

#wrapper {
  position: relative;
}

.container {
}

/* common */
.heading {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding-bottom: 20px;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #333;
}

.lists {
  margin: 0;
  border-bottom: 1px solid #333;
}

.list {
  border-top: 1px solid #ccc;
  font-weight: normal;
}

.list:first-child {
  border-top: none;
}

.list_link {
  padding: 20px 0;
}

.list_link_name {
  display: block;
  padding-right: 30px;
}

.list_link_img {
  margin-bottom: 5px;
}

.list_icon_arrow {
  float: right;
  margin-right: 10px;
}

.item_img {
  margin: 0 auto;
}
.item_img:hover {
  opacity: 0.8;
}
.item_name {
  padding-top: 5px;
}
.item_regular_price {
  text-decoration: line-through;
}
.item_price {
  font-weight: bold;
}
.item_price_discount {
  color: #cf0400;
}
.item_discount_rate {
  color: #cf0400;
}
.item_soldout {
  color: #cf0400;
}

.rank_box {
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: #333;
  display: block;
  z-index: 5;
}
.rank_box_color_1 {
  background-color: #dccc18;
}

.rank_box_color_2 {
  background-color: #bab9c1;
}

.rank_box_color_3 {
  background-color: #e18961;
}

.rank_number {
  color: #fff;
  display: block;
  padding-top: 1px;
  font-size: 14px;
}

.btn-more {
  width: 96%;
  margin: 0 auto 60px;
  padding: 10px 12px;
}

/*
 * header
 */

#header {
  margin-bottom: 30px;
}

.header_top {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #eee;
  position: absolute;
  top: 0;
  background-color: #333;
  z-index: 10;
}

.header_top_cmspbar {
  position: fixed;
}
.header_top_inner {
  max-width: 980px;
  margin: 0 auto;
}

.search_form {
  margin: 0;
  padding-top: 10px;
  float: left;
}

.search_select {
  width: 150px;
  border: 1px solid #101010;
  font-size: 12px;
}

.search_box {
  width: 260px;
}

.btn_search {
  padding: 2px 5px 3px 5px;
  border: 1px solid #101010;
}

.btn_search i {
  vertical-align: -35%;
}

.header_nav_headline {
  text-align: right;
  font-size: 12px;
  margin-top: 14px;
  letter-spacing: 0.1em;
  float: right;
}

.header_nav_headline li a i {
  vertical-align: -40%;
}

.header_nav_headline li a {
  color: #fff;
  margin-right: 5px;
}

.header_nav_headline li a:hover {
  color: #ccc;
  text-decoration: none;
}

.header_nav_headline .headline_viewcart {
  padding-left: 15px;
  border-left: 1px solid #000;
}

.header_mid {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #333;
  position: absolute;
  top: 51px;
  background-color: #fff;
  z-index: 9;
}

.header_mid_cmspbar {
  position: fixed;
}

.header_mid_inner {
  max-width: 980px;
  margin: 0 auto;
  position: relative;
}

.header_nav_global {
  font-size: 12px;
  margin-top: 14px;
}

ul.header_nav_global > li {
  padding: 0 5px 0 0;
}

.header_nav_global li a i {
  vertical-align: -40%;
}

.header_nav_global li a {
}

.header_nav_global li a:hover {
  text-decoration: none;
}

.header_nav_global_box {
  display: none;
  width: 100%;
  height: auto;
  background-color: #333;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc; 
  border-right: 1px solid #ccc;
  position: absolute;
  top: 37px;
  left: -1px;
  padding: 0;
}
.header_nav_global_box_heading {
  color: #fff;
  font-size: 12px;
  margin: 0;
  padding-top: 30px;
  text-align: center;
  letter-spacing: 0.1em;
}
.header_nav_global_box_detail {
  background-color: #fff;
  padding: 30px 20px 20px;
}

.header_nav_global_left {
  float: left;
  margin: 0;
}

.header_nav_global_left li {
  padding-bottom: 15px;
}

.header_nav_global_right {
  float: right;
}

.header_nav_global_social {
  padding-left: 5px;
}

ul.header_nav_global_social > li {
  padding: 0;
}

.header_nav_global_social li a i {
  vertical-align: -40%;
}

.header_btm {
  max-width: 1180px;
  padding-top: 101px;
  margin: 0 auto;
}

.header_logo {
  margin: 0 auto;
  padding-top: 30px;
  float: left;
}
.header_logo img { width:520px;}

.header_lead {
  padding-top: 40px;
  font-size: 18px;
  color: #aaa;
  letter-spacing: 0.1em;
  float: right;
}

.header_nav_phone {
  z-index: 99;
  float: right;
  height: 50px;
}
.header_nav_lst_phone {
  position: absolute;
  left: 55%;
  display: none;
  margin-left: -50%;
  width: 90%;
  border: 1px solid #ccc;
  background: #fff;
}
.header_nav_lst_phone ul {
  margin: 0;
}
.header_nav_lst_phone li {
  padding: 0;
  border-bottom: 1px solid #ccc;
  text-align: center;
  font-size: 12px;
}
.header_nav_lst_phone li:last-child {
  border-bottom: none;
}
.header_nav_lst_phone a {
  display: block;
  padding: 6px 0;
}
.header_nav_lst_phone a:hover {
  background: #333;
  text-decoration: none;
  color: #fff;
}
.nav_btn_phone {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}
.nav_btn_phone i {
  vertical-align: -40%;
}

/*
 * main
 */

.main {
  max-width:1180px;
}

/*
 * contents
 */

.contents {
  padding: 0;
  float: right;
}

/* pankuzu */
.pankuzu_lists {
  font-size: 10px;
}
ul.pankuzu_lists > li {
  padding: 0;
}
.pankuzu_list {
}

/* info */
.info {
  margin-bottom: 60px;
}

.info_heading {
}

.info_detail {
  margin: 20px 0 0;
  font-size: 13px;
}

.info_detail_lists {
}

.info_detail_list_dt {
  padding: 20px 0 5px;
}

.info_detail_list_dt:first-child {
  padding: 0 0 5px;
}

.info_detail_list_dd {
  margin: 0;
}

/* ranking（seller） */
.seller {
  margin-bottom: 20px;
}

.seller_heading {
}

.seller_lists {
  margin-top: 20px;
  font-size: 12px;
}

.seller_list {
  margin-bottom: 40px;
  text-align: center;
  position: relative;
}

/* recommend, new-item */
.recommend, .new-item {
  margin-bottom: 20px;
}

.recommend_heading, .new-item_heading {
}

.recommend_lists, .new-item_lists {
  margin-top: 20px;
  font-size: 12px;
}

.recommend_list, .new-item_list {
  margin-bottom: 40px;
  text-align: center;
  position: relative;
}

/* free_space */
.free_space {
}

/*
 * side
 */

.side {
  padding: 0;
}

.side .unstyled img {
  display: block;
  margin-bottom: 5px;
}

.side_banner {
  margin: 0 0 40px;
}
.side_banner_lists {
}
.side_banner_list {
  margin-top: 19px;
}
.side_banner_list:first-child {
  margin-top: 0;
}

.side_category {
  margin: 0;
}
.side_category_list {
  position: relative;
}
.side_subcategory_lists {
  width: 80%;
  padding: 15px 20px;
  position: absolute;
  top: -21px;
  right: -180px;
  border: 1px solid #ccc;
  background-color: #fff;
  z-index: 7;
  display: none;
}
.side_subcategory_list {
  border-top: none;
}
.side_subcategory_lists li a {
  padding: 5px 0;
}

.side_group {
  margin-top: 60px;
}
.side_group_heading {
}
.side_group_lists {
}
.side_group_list {
}

.side_freepage {
  margin-top: 60px;
}
.side_freepage_heading {
  margin-bottom: 20px;
}
.side_freepage_lists {
}
.side_freepage_list {
  padding-top: 0;
  border: none;
}
.side_freepage_list a {
  padding: 0 0 20px 0;
}

.side_mobile_shop {
  margin-top: 60px;
}
.side_mobile_shop_heading {
  margin-bottom: 20px;
}
.side_mobile_shop_img {
  text-align: center;
}

.side_banner_long {
  margin-top: 40px;
}

/*
 * footer
 */

.footer {
  width: 100%;
  margin-top: 40px;
}

.footer_inner {
  max-width: 980px;
  margin: 0 auto;
}

.footer_heading {
}
.footer_lists {
  margin-top: 20px;
}
.footer_list {
  padding: 0 10px;
  text-align: center;
}
.footer_list_img {
  margin: 0 auto;
}

.footer_seller,
.footer_recommend,
.footer_new-item,
.footer_checked {
  margin-bottom: 40px;
}

.footer_seller_lists,
.footer_recommend_lists,
.footer_new-item_lists,
.footer_checked_lists {
  font-size: 10px;
}

.footer_seller_list,
.footer_recommend_list,
.footer_new-item_list,
.footer_checked_list{
  margin-bottom: 10px;
}

.footer_banner {
  padding-bottom: 60px;
  margin: 0 auto;
}

.footer_pagetop {
  text-align: center;
  background-color: #333;
}
.footer_pagetop a {
  display: block;
  width: 100%;
  height: 40px;
}
.footer_pagetop_icon {
  margin-top: 8px;
}

.footer_notice {
  padding: 60px 0;
  background-color: #eee;
}
h3.footer_notice_heading {
  padding-bottom: 40px;
  border-bottom: none;
}
.footer_notice_lists {
  margin: 0;
}
.footer_notice_list_dt {
  padding: 20px 0 10px;
}
.footer_notice_list_dt:first-child {
  padding: 0 0 10px;
}
.footer_notice_list_dd {
  margin: 0;
  line-height: 1.8;
}
.footer_notice_cal_table {
}
.footer_notice_cal_memo {
}

.tbl_calendar {
  margin-bottom: 20px;
  max-width: 260px;
  width: 100%;
  font-size: 84.615%;
}
  .tbl_calendar caption {
    text-align: center;
  }
  .tbl_calendar th {
    padding: .3em 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
  }
  .tbl_calendar td {
    padding: .5em 0;
    width: 14.2%;
    border-bottom: 1px solid #ccc;
    text-align: center;
  }
.cal_memo {
  margin-top: 1em;
  font-size: 84.615%;
}

.footer_nav {
  padding: 60px 0;
  background-color: #333;
}

.footer_nav_shopinfo {
  color: #fff;
}
.footer_nav_shopinfo_img {
  padding: 0;
  text-align: left;
}
.footer_nav_shopinfo_img img {
  width: 180px;
}
.footer_nav_shopinfo_caption {
  padding: 0 2%;
}
.footer_nav_shopinfo_name {
  font-size: 18px;
  padding-left: 5px;
}
.footer_nav_shopinfo_memo {
  padding-left: 5px;
}

.footer_nav_lists {
}
.footer_nav_list {
  color: #fff;
  padding-top: 15px;
}
.footer_nav_list:first-child {
  padding-top: 0;
}
.footer_nav_list_link {
  color: #fff;
}
.footer_nav_list_link:hover {
  color: #ccc;
  text-decoration: none;
}

.footer_copyright {
  text-align: center;
  padding: 2em 0;
}
.footer_powered {
  display: block;
  padding: 10px 0;
  line-height: 18px;
}
  .footer_powered a {
    color: #a1a19f;
    text-decoration: none;
    font-size: 11px;
  }
  .footer_powered img {
    margin-bottom: 10px;
    margin-left: 4px;
    width: 200px;
    height: 18px;
  }

/*
 * Slider
 */

.slider {
  position: relative;
  margin-bottom: 40px;
}

.bx-wrapper {
  z-index: 0;
}

.bx-wrapper img {
  width: 100%;
  height: auto;
}

.slider .bx-wrapper .bx-viewport {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  left: 0 !important;
  border: none !important;
}

.slider .bx-wrapper .bx-caption {
  background: #000\9;
  background: rgba(0, 0, 0, 0.60);
}

.slider .bx-wrapper .bx-caption span {
  font-size: 14px;
  padding: 10px 10px 10px 20px;
}

/*
 * sk privacy
 */

.skpr_box {
  padding-top: 120px;
  margin-top: -60px
}

.skpr_box:first-child {
  padding-top: 0;
  margin-top: 0;
}

.skpr_detail,
.privacy_lead {
  margin: 20px 0 0;
  font-size: 13px;
}

.skpr_detail_lists {
}

.skpr_detail_list_dt {
  padding: 20px 0 5px;
}

.skpr_detail_list_dt:first-child {
  padding: 0 0 5px;
}

.skpr_detail_list_dd {
  margin: 0;
}

/*
 * temp
 */

/* textarea input */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  border: 1px solid #101010;
  background-color: #fff;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  outline: 0;
  outline: thin dotted \9;
  border-color: rgba(82, 168, 236, 0.8);
}

/*
 * icons
 */
.icon-b.icon-user { background-position: -208px -0px; }
.icon-w.icon-user { background-position: -208px -0px; }
.icon-lg-b.icon-user { background-position: -312px -0px; }
.icon-lg-w.icon-user { background-position: -312px -0px; }
.icon-b.icon-adduser { background-position: -240px -0px; }
.icon-w.icon-adduser { background-position: -240px -0px; }
.icon-lg-b.icon-adduser { background-position: -360px -0px; }
.icon-lg-w.icon-adduser { background-position: -360px -0px; }
.icon-b.icon-login { background-position: -48px -80px; }
.icon-w.icon-login { background-position: -48px -80px; }
.icon-lg-b.icon-login { background-position: -72px -120px; }
.icon-lg-w.icon-login { background-position: -72px -120px; }
.icon-b.icon-logout { background-position: -32px -80px; }
.icon-w.icon-logout { background-position: -32px -80px; }
.icon-lg-b.icon-logout { background-position: -48px -120px; }
.icon-lg-w.icon-logout { background-position: -48px -120px; }
.icon-b.icon-cart { background-position: -176px -64px; }
.icon-w.icon-cart { background-position: -176px -64px; }
.icon-lg-b.icon-cart { background-position: -264px -96px; }
.icon-lg-w.icon-cart { background-position: -264px -96px; }
.icon-b.icon-search { background-position: -208px -16px; }
.icon-w.icon-search { background-position: -208px -16px; }
.icon-lg-b.icon-search { background-position: -312px -24px; }
.icon-lg-w.icon-search { background-position: -312px -24px; }
.icon-b.icon-mail { background-position: -64px -0px; }
.icon-w.icon-mail { background-position: -64px -0px; }
.icon-lg-b.icon-mail { background-position: -96px -0px; }
.icon-lg-w.icon-mail { background-position: -96px -0px; }
.icon-b.icon-book { background-position: -144px -32px; }
.icon-w.icon-book { background-position: -144px -32px; }
.icon-lg-b.icon-book { background-position: -216px -48px; }
.icon-lg-w.icon-book { background-position: -216px -48px; }
.icon-b.icon-help { background-position: -288px -80px; }
.icon-w.icon-help { background-position: -288px -80px; }
.icon-lg-b.icon-help { background-position: -432px -120px; }
.icon-lg-w.icon-help { background-position: -432px -120px; }
.icon-b.icon-c_twitter { background-position: -112px -176px; }
.icon-w.icon-c_twitter { background-position: -112px -176px; }
.icon-lg-b.icon-c_twitter { background-position: -168px -264px; }
.icon-lg-w.icon-c_twitter { background-position: -168px -264px; }
.icon-b.icon-c_facebook { background-position: -144px -176px; }
.icon-w.icon-c_facebook { background-position: -144px -176px; }
.icon-lg-b.icon-c_facebook { background-position: -216px -264px; }
.icon-lg-w.icon-c_facebook { background-position: -216px -264px; }
.icon-b.icon-c_google { background-position: -192px -176px; }
.icon-w.icon-c_google { background-position: -192px -176px; }
.icon-lg-b.icon-c_google { background-position: -288px -264px; }
.icon-lg-w.icon-c_google { background-position: -288px -264px; }
.icon-b.icon-c_pinterest { background-position: -224px -176px; }
.icon-w.icon-c_pinterest { background-position: -224px -176px; }
.icon-lg-b.icon-c_pinterest { background-position: -336px -264px; }
.icon-lg-w.icon-c_pinterest { background-position: -336px -264px; }
.icon-b.icon-chevron_right { background-position: -16px -144px; }
.icon-w.icon-chevron_right { background-position: -16px -144px; }
.icon-lg-b.icon-chevron_right { background-position: -24px -216px; }
.icon-lg-w.icon-chevron_right { background-position: -24px -216px; }
.icon-b.icon-chevron_down { background-position: -352px -128px; }
.icon-w.icon-chevron_down { background-position: -352px -128px; }
.icon-lg-b.icon-chevron_down { background-position: -528px -192px; }
.icon-lg-w.icon-chevron_down { background-position: -528px -192px; }
.icon-b.icon-chevron_up { background-position: -0px -144px; }
.icon-w.icon-chevron_up { background-position: -0px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-lg-w.icon-chevron_up { background-position: -0px -216px; }
.icon-b.icon-chevron_left { background-position: -336px -128px; }
.icon-w.icon-chevron_left { background-position: -336px -128px; }
.icon-lg-b.icon-chevron_left { background-position: -504px -192px; }
.icon-lg-w.icon-chevron_left { background-position: -504px -192px; }
.icon-b.icon-list { background-position: -192px -96px; }
.icon-w.icon-list { background-position: -192px -96px; }
.icon-lg-b.icon-list { background-position: -288px -144px; }
.icon-lg-w.icon-list { background-position: -288px -144px; }
.icon-b.icon-pencil { background-position: -96px -0px; }
.icon-w.icon-pencil { background-position: -96px -0px; }
.icon-lg-b.icon-pencil { background-position: -144px -0px; }
.icon-lg-w.icon-pencil { background-position: -144px -0px; }
.icon-b.icon-instagram { background-position: -112px -192px; }
.icon-w.icon-instagram { background-position: -112px -192px; }
.icon-lg-b.icon-instagram { background-position: -168px -288px; }
.icon-lg-w.icon-instagram { background-position: -168px -288px; }
.icon-b.icon-youtube { background-position: -128px -160px; }
.icon-w.icon-youtube { background-position: -128px -160px; }
.icon-lg-b.icon-youtube { background-position: -191px -240px; }
.icon-lg-w.icon-youtube { background-position: -191px -240px; }

.icon-b,
.icon-w {
  width: 16px;
  height: 16px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.icon-lg-b,
.icon-lg-w {
  width: 24px;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_b.png); }
.icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_w.png); }
.icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_b.png); }
.icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_w.png); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .icon-b,
  .icon-w {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }

  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }

  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon16_2x_w.png); }
  .icon-lg-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_b.png); }
  .icon-lg-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_w.png); }
}
@media (max-width: 768px) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_w.png); }
}
@media only screen and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min--moz-device-pixel-ratio: 2), only screen and (max-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (max-width: 768px) and (min-device-pixel-ratio: 2), only screen and (max-width: 768px) and (min-resolution: 192dpi), only screen and (max-width: 768px) and (min-resolution: 2dppx) {
  .icon-b { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_b.png); }
  .icon-w { background-image: url(https://img.shop-pro.jp/tmpl_img/76/icon24_2x_w.png); }
}

/*
 * Media Queries
 */

@media (min-width: 980px) {
  .contents {
    width:75%;
  }

  .contents_detail {
    width: 100%;
  }

  .side {
    width: 270px;
  }

  .header_nav_global_right li {
    display: inline-block !important;
  }
}

@media (min-width: 769px) {
  .footer_list {
    width: 10%;
  }
}

@media (max-width: 980px) {
  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    min-width: 100% !important;
    width: 100% !important;
  }

  .contents,
  .side,
  .footer_heading {
    padding-right: 1%;
    padding-left: 1%;
  }

  .header_nav_phone {
    margin-right: 10px;
  }
  .header_nav_phone {
    margin-right: 0;
  }
  .nav_btn_phone {
    display: block;
    height: 30px;
    padding-top: 15px;
  }
}

@media (max-width: 768px) {
  .contents,
  .side,
  .footer_heading {
    padding: 0;
  }

  .productlist_lists {
    padding: 0 10px 20px;
  }

  .header_btm {
    padding-top: 51px;
    text-align: center
  }

  .header_logo {
    float: none;
  }
  
  .header_lead {
    padding-top: 10px;
    font-size: 12px;
    float: none;
  }

  .header_nav_global_social {
    padding-left: 0;
  }

  .search_form {
    float: none;
  }

  .search_select {
    width: 100%;
    margin-bottom: 10px;
  }
  
  .search_box {
    width: 75%;
    float: left;
  }

  .btn_search {
    width: 15%;
    float: right;
  }

  .slider {
    margin-bottom: 20px;
  }

  .side_group,
  .side_freepage {
    margin-top: 0;
  }

  .info_detail,
  .seller_lists,
  .recommend_lists {
    padding: 0 10px 20px;
  }

  .free_space {
    font-size: 12px;
    padding: 0 10px 60px;
  }


  .list {
    padding: 0;
  }

  .list_link {
    padding: 10px;
  }

  .list_icon_arrow {
    margin-right: 0;
  }

  .side_banner {
    margin-bottom: 40px;
    text-align: center;
  }

  .side_banner_list {
    margin-top: 0;
  }

  .side_freepage_heading {
    margin-bottom: 0;
  }
  .side_freepage_list {
    padding: 0;
    border-top: 1px solid #ccc;
  }
  .side_freepage_list a {
    padding: 10px;
  }

  .heading {
    font-size: 14px;
    font-weight: bold;
    padding: 0 10px 20px;
  }

  .side_category {
    margin-top: 0;
  }
  .side_category_list {
    position: static;
    cursor: pointer;
  }
  .side_subcategory_lists {
    width: 100%;
    padding: 0;
    position: static;
    border: none;
    background-color: #f5f5f5;
    display: none;
  }
  .side_subcategory_list {
    border-top: 1px solid #ccc;
  }
  .side_subcategory_list:first-child {
    border-top: 1px solid #ccc;
  }
  .side_subcategory_lists li a {
    padding: 10px;
  }


  .side_category_heading,
  .side_group_heading,
  .side_freepage_heading,
  .footer_seller_heading,
  .footer_recommend_heading,
  .footer_new-item_heading,
  .footer_checked_heading{
    background-color: #333;
    color: #fff;
    padding: 10px 0 10px 10px;
  }

  .footer {
    margin-top: 0;
  }

  .footer_lists {
    padding: 0 10px 20px;
  }

  .footer_list {
    padding-right: 1%;
    padding-left: 1%;
  }

  .footer_checked {
    border-bottom: 1px solid #333;
  }

  .footer_banner {
    text-align: center;
    padding: 0 10px 60px;
  }
  .footer_banner li {
    padding: 5px;
  }


  .footer_seller_lists,
  .footer_recommend_lists,
  .footer_new-item_lists,
  .footer_checked_lists {
    font-size: 12px;
  }
  .footer_seller_list,
  .footer_recommend_list,
  .footer_new-item_list {
    margin-bottom: 40px;
  }
  .footer_checked_list {
    margin-bottom: 10px;
  }

  .footer_notice {
    padding: 0;
  }

  .footer_nav {
    padding: 0;
  }
  .footer_nav_shopinfo {
    padding: 30px 0;
  }
  .footer_nav_shopinfo_img {
    padding-bottom: 10px;
    text-align: center;
  }
  .footer_nav_shopinfo_caption {
    text-align: center;
  }
  .footer_nav_shopinfo_name {
    padding-left: 0;
  }
  .footer_nav_shopinfo_memo {
    padding-left: 0;
  }

  .footer_nav_menu_right {
    padding: 0;
    border-top: 1px solid #777;
  }
    .footer_nav_menu_right li {
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #777;
    }
    .footer_nav_menu_right li:nth-child(odd) {
      border-right: 1px solid #777;
    }
    .footer_nav_menu_right a {
      display: block;
      padding: 12px 10px;
      color: #fff;
      text-decoration: none;
      font-size: 11px;
    }

  .footer_nav_menu {
    padding: 20px;
    text-align: center;
    font-size: 10px;
    background-color: #333;
    color: #fff;
  }

  .footer_nav_list {
    padding-top: 5px;
  }

  .footer_copyright {
    font-size: 10px;
  }

  .skpr_detail,
  .privacy_lead {
    padding: 0 10px 20px;
  }

  .skpr_box {
    padding-top: 70px;
    margin-top: -10px
  }
  
  .skpr_box:first-child {
    padding-top: 0;
    margin-top: 0;
  }
}

@media (max-width: 480px) {
  .side_banner_list {
    margin-top: 19px;
  }
  .side_banner_list:first-child {
    margin-top: 0;
  }
}

.midashi-side_banner { border-top:1.5px solid; border-bottom:1.5px solid; padding:1.2px 0;}
.midashi-side_banner span { border-top:1px solid; border-bottom:1px solid; padding:12px 15px 10px; display:block;}

.tbl_calendar {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.tbl_calendar th, .tbl_calendar td {
  padding: 4px !important;
  text-align: center !important;
  border-bottom: 1px solid #ccc !important;
}
.side_cal_memo { margin-bottom:24px;}

.sidenav { list-style-type:none; margin:-12px 0 24px; padding:0; background-color:#ffffff; position:relative; overflow:auto;}
.sidenav li { border-bottom:1px #1b2538 dotted;}
.sidenav li:first-child { border-top:1px #1b2538 dotted;}
.sidenav li a { display:block; color:#000000; padding:12px 16px 8px; text-decoration:none;}
.sidenav li a:hover { background-color:#000; color:#fff;}

.wrap { width:95%; margin:0 auto; padding-bottom:80px;}
.wrap-page { padding:0 80px;}
.pc { }
.sp { display:none;}
@media screen and (max-width:768px){
  .wrap { width:100%; margin:0; padding:0 10px 40px; box-sizing:border-box;}
  .wrap-page { padding:0;}
  .pc { display:none;}
  .sp { display:block;}
}

.wf-oswald { font-family: 'Oswald', sans-serif;}
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }

h3,h4,h5,h6 { font-family: 'Oswald',"Noto Sans Japanese", sans-serif;}

.midashi { font-size:80px; font-weight:600; color:#000; margin:40px 0;}
.midashi span { font-size:18px; font-weight:bold; padding-left:20px;}

.midashi2 { font-size:18px; color:#fff; background-color:#000; margin:40px 0 20px; padding: 10px;}

.dl-gaiyou { width:100%; overflow:hidden; border:1px solid #bbb; margin:0 0 40px;}
.dl-gaiyou dt { width:15%; float:left; border-right:1px solid #bbb; box-sizing:border-box; padding:10px; font-weight:bold;}
.dl-gaiyou dd { padding:10px 0 10px 16.5%; border-bottom:1px solid #bbb; margin:0;}
.dl-gaiyou dd:last-child { border:0;}

@media screen and (max-width:768px){
  .midashi { font-size:32px; font-weight:600; color:#000;}
.midashi span { font-size:14px; font-weight:bold; padding-left:16px;}
  .midashi2 { font-size:14px; color:#fff; background-color:#000; margin:40px 0 20px; padding: 10px; max-width:100%; box-sizing:border-box;}

.dl-gaiyou { width:100%; overflow:hidden; border:1px solid #bbb; margin:0 0 40px;}
.dl-gaiyou dt { width:100%; clear:both; border-right:0; box-sizing:border-box; padding:10px; font-weight:bold;}
.dl-gaiyou dd { padding:10px; border-bottom:1px solid #bbb; margin:0;}
.dl-gaiyou dd:last-child { border:0;}
}


/*タブ切り替え全体のスタイル*/
.tabs { text-align:center;
padding-bottom: 40px;
background-color: #fff;
overflow:hidden;
width: 100%;
margin: 0 auto;}
/*タブのスタイル*/
.tab_item {
display:inline-block;
 font-family: "Noto Sans Japanese"; font-weight:200;
font-size: 16px;
text-align: center;
padding:10px; color: #88878D;
transition: all 0.2s ease;
}
.tab_item:hover {
opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
display: none;
padding: 40px 0 0;
clear: both;
overflow: hidden;

}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#a:checked ~ #a_content,
#b:checked ~ #b_content,
#c:checked ~ #c_content,
#d:checked ~ #d_content{
display: block; text-align:left;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
background-color: #5D6062;
color: #fff;
}

.tab_content h3 { font-size:22px; color:#6099AD; font-weight:300; margin-bottom:16px;}

@media screen and (max-width:768px) {
.tab_content {
display: none;
padding: 0;
clear: both;
overflow: hidden;}
.tab_content h3 { font-size:20px; color:#6099AD; font-weight:300; margin-bottom:16px;}
.tab_item { display:inline-block;
 font-family: "Noto Sans Japanese"; font-weight:200;
font-size: 14px;
text-align: center;
padding: 4px 10px; color: #88878D;
transition: all 0.2s ease;
}
}

.w225-case { width:225px; float:left;}
.w225-case img { width:100%;}
.w225-case span { display:block; background-color:#eee; padding:8px;}
.w225-case h4 { font-size:14px; margin:16px 0;}
.mr-20 { margin-right:20px;}
@media screen and (max-width:768px){
.w225-case { width:100%; clear:both; margin-bottom:40px;}
.mr-20 { margin-right:0px;}
.w225-case h4 { font-size:14px; margin:10px 0;}
.w225-case span { display:block; background-color:#eee; padding:4px 8px;}
}

.overflow { overflow:hidden;}
.mb-0 { margin-bottom:0px!important;}
.mb-24 { margin-bottom:24px!important;}
.mb-40 { margin-bottom:40px!important;}
@media screen and (max-width:768px){
}

.box-adress { width: 23.40426%; float: left; margin-right: 2.12766%;}
.box-adress h4,.box-time h4,.box-contact h4 { font-size:24px; padding-bottom:8px; border-bottom:1px solid #000; margin-bottom:24px; font-weight:400;}

.box-time { float: right; margin-right: 0; width: 31.91489%;}
.box-time a { background-color:#000; color:#fff !important; display:block; text-align:center; padding:4px 0; margin-top:120px; border:2px solid #000;}
.box-time a:hover { background-color:#fff; color:#000 !important;}

.box-contact { width: 31.91489%; float: left; margin-right: 10.63826%;}
.box-contact em { font-size:24px; line-height:1; font-style:normal; display:block; margin-bottom:16px;}
.box-contact a { color:#000;}

.box-map { width: 57.44681%; float: left; margin-right: 10.63826%; margin-top:40px; margin-bottom:80px;}

@media screen and (max-width:768px){
.box-adress { width: 100%; clear:both; margin-right: 0;}
.box-time { clear:both; margin-right: 0; width: 100%;}
.box-contact { width: 100%; clear:both; margin-right: 10.63826%;}
.box-map { width: 100%; float: left; margin-right: 10.63826%; margin-top:40px; margin-bottom:80px;}
.box-adress h4,.box-time h4,.box-contact h4 { font-size:20px; padding-bottom:4px; border-bottom:1px solid #000; margin-bottom:16px; font-weight:400;}
.box-time a { background-color:#000; color:#fff !important; display:block; text-align:center; padding:4px 0; margin-top:40px; border:2px solid #000;}
.box-contact em { font-size:20px; line-height:1; font-style:normal; display:block; margin-bottom:8px;}
}

a { text-decoration:none;}

.a-mess { border-bottom: 2px solid #78bc54; color:#000; display:inline-block; margin:20px 0;}

.ul-flow { width:100%; overflow:hidden; list-style:none; padding:0;}
.ul-flow li { width:33.3333%; padding:0 15px; float:left; box-sizing:border-box; margin-bottom:40px;}
.ul-flow li:nth-of-type(4n) { clear: both;}
.ul-flow li h3 { font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 1px;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    margin-bottom: 25px;
    position: relative;}
.ul-flow li h3:after { content: '';
    width: 20px;
    border-bottom: 1px solid #000; transform: rotate(45deg);
    position: absolute;
    right: 0;
    margin-right: -2px;
    margin-bottom: 6px;
    bottom: 0;}
.ul-flow li img { margin-bottom: 32px;}
.ul-flow li strong { font-size: 17px;
    line-height: 29px;
    letter-spacing: 1.4px;
    font-weight: 600;
    display: block;}
.ul-flow li span { margin-top:32px; display:block;}
.ul-flow li span:before { content: '';
    position: relative;
    left: 0;
    margin-right: 5px;
    top: 0;
    display: inline-block;
    width: 11px;
    height: 11px;
    background: #000;
    border-radius: 50%;}

@media screen and ( max-width:768px ) {
.ul-flow li { width:100%; padding:0 ; clear:both; box-sizing:border-box; margin-bottom:20px;}
.ul-flow li img { margin-bottom: 20px;}
.ul-flow li h3 { font-weight: 600;
    font-size: 20px;
    line-height: 34px;
    letter-spacing: 1px;
    padding-bottom: 4px;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    position: relative;}
.ul-flow li span { margin-top:20px; display:block;}
.ul-flow li strong { font-size: 14px;
    line-height: 2;
    letter-spacing: 1.4px;
    font-weight: 600;
    display: block;}
}

.ul-faq { overflow: hidden;
    border-top: 1px solid #000;
    border-bottom: 3px double #000;
    margin: 40px 0 80px;
    padding: 0; font-size:0;}
.ul-faq li { width: calc(100% / 6);
    float: left;
    text-align: center;
    list-style: none;
    font-size: 14px;
    letter-spacing: .1em;
    font-family: "Noto Sans Japanese", sans-serif;
    box-sizing: border-box;
    padding: 8px 0;}
.ul-faq li a { padding: 4px 0;
    color: #333;
    border-right: 1px solid #ccc;
    height: 57px;
    line-height: 46px;
    display: block;
    font-weight: 500;}
.ul-faq li:hover { }
.ul-faq li:nth-of-type(6) { border-right:0;}

@media screen and (max-width:768px){
  .ul-faq { margin:40px 0;}
  .ul-faq li { width: calc(100% / 2);}
  .ul-faq li a { height:30px; line-height:22px;}
}

.title-faq { font-size: 24px;
    color: #7d0029;
    text-align: center;
    padding: 12px 0;
    background-color: #fafafa;
    margin: 40px 0;
    font-weight: 500;}


.hidden_box { margin:0; padding: 0; border-bottom:1px solid #ccc;}

.hidden_box label { padding:8px 20px; cursor :pointer; width:100%; display:block; font-size:16px; color:#333; font-weight:500; display:flex; flex-wrap:wrap; align-items:baseline;}
.hidden_box label span { display:inline-block; background-color:#333; color:#fff; width:46px; height:46px; line-height:46px; border-radius:50%; text-align:center; font-size:15px; margin-right:16px;}
.hidden_box label .main { width:calc(100% - 62px); line-height:1.5;}
.hidden_box label:hover { }

.hidden_box input { display: none;}

.hidden_box .hidden_show { height: 0; padding: 0; overflow: hidden; opacity: 0;}

.hidden_box input:checked ~ .hidden_show { padding:16px 20px; height: auto; opacity: 1; line-height:1.7; background:#f5f5f5; margin:0 0 16px 64px;}
.hidden_box input:checked ~ .hidden_show span { display:inline-block; background-color:#d4c389; color:#fff; width:40px; height:40px; line-height:40px; border-radius:50%; text-align:center; font-size:24px; margin-right:8px;}

@media screen and (max-width:768px){
	.hidden_box label { padding:8px 0 8px 40px; cursor :pointer; width:auto; display:block; font-size:16px; color:#333; font-weight:500; position:relative;}
	.hidden_box label span { position:absolute; top:8px; left:0;}
	.hidden_box input:checked ~ .hidden_show { padding:16px 0; height: auto; opacity: 1; line-height:2;}
}

.title-kodawari { border-top: 1px solid #B18904; width:60%; margin:100px auto 0; text-align:center;}
.title-kodawari span { display:inline-block; background-color:#fff; padding:0 20px; font-size:20px; font-weight:400; margin-top:-30px; color:#bbb; line-height:1.2; letter-spacing:.1em;}
.title-kodawari span em { color:#B18904; font-weight:400; display:inline-block; font-style:normal; font-size:32px;}

.title-kodawari2 { font-size:40px; color:#B18904; text-align:center; font-weight:400; margin:16px 0 40px; font-weight:200;}
.title-kodawari2 span { display:inline-block; line-height:1;}
.title-kodawari2 img { width:44px; margin: 0 16px;}

@media screen and ( max-width:768px) {
.title-kodawari { border-top: 1px solid #B18904; width:100%; margin:64px auto 0; text-align:center;}
.title-kodawari span { display:inline-block; background-color:#fff; padding:0 20px; font-size:16px; font-weight:400; margin-top:-30px; color:#bbb; line-height:1.2; letter-spacing:.1em;}
.title-kodawari span em { color:#B18904; font-weight:400; display:inline-block; font-style:normal; font-size:24px;}

.title-kodawari2 { font-size:16px; color:#B18904; text-align:center; font-weight:400; margin:16px 0 40px; font-weight:200;}
.title-kodawari2 span { display:inline-block; line-height:1;}
.title-kodawari2 img { width:20px; margin: 0 4px;}
}

.w48-kodawari { width:48%; float:left; }
.w48-kodawari img { width:100%;}
.mr-4p { margin-right:4%;}
@media screen and ( max-width:768px) {
  .w48-kodawari { width:100%; clear:both; margin-bottom:20px;}
}

.back000 { background-color:#000; overflow:hidden;}
.about-wrap { width:100%; margin:0 auto;}
.about-wrap a { color:#000;}
@media screen and (max-width:768px) {
  .about-wrap { width:100%; margin:0 auto; padding:0 20px; box-sizing: border-box;}}


.about-title { font-size:64px; color:#fff; margin: 160px 0 80px; letter-spacing:0.1em;}
.about-ptop { color:#fff; font-size:14px; line-height:2.5; font-weight:bold; margin-bottom:80px; letter-spacing:0.1em;}
.about-ptop span { font-size:22px;}

@media screen and ( max-width:768px) {
.about-title { font-size:40px; color:#fff; margin: 80px 0 20px; letter-spacing:0.1em;}
.about-ptop { color:#fff; font-size:14px; line-height:2.5; font-weight:bold; margin-bottom:80px; letter-spacing:0.1em;}
.about-ptop span { font-size:20px;}
}

.m-tb80 { margin:80px 0;}
.about-p2nd { font-size:16px; line-height:2.5; letter-spacing:0.1em;}

.fade-up {
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
}

.about-midashi { font-size:40px; letter-spacing:0.1em; margin-bottom:8px;}
.about-des { font-size:16px; letter-spacing:0.1em; line-height:1.8;}
.about-des b { font-size:15px;}
.shironuki { background-color:#000; color:#fff; font-family: "Noto Sans Japanese"; padding:0 5px; display:inline-block; margin-top:8px;}

.mb-80 { margin-bottom:80px!important;}
.mb-80-st { margin-bottom:80px;}
@media screen and (max-width:768px) {
.mb-80 { margin-bottom:40px;}
.mb-80-st { margin-bottom:0;}
.about-midashi { font-size:24px; letter-spacing:0.1em; margin-bottom:8px;}
}

.mt-200 { margin-top:200px;}
@media screen and (max-width:768px) {
.mt-200 { margin-top:40px;}
}

.outline-midashi { font-size:56px; letter-spacing:0.1em; text-align:center; margin:120px 0 80px;}
.outline-wrap { overflow:hidden; width:100%;}

@media screen and (max-width:768px) {
.outline-midashi { font-size:32px; letter-spacing:0.1em; text-align:center; margin:80px 0 24px;}
}

.outline-w50 { width:50%; float:left; font-size:15px; line-height:1.8; margin-bottom:40px;}
.outline-w50 dl { display:flex; flex-wrap:wrap; justify-content:space-between;}
.outline-w50 dt { width:30%; float:left; padding:0 0 20px 20px; box-sizing:border-box;}
.outline-w50 dd { width:66%; float:left; padding-bottom:20px; box-sizing:border-box; margin:0;}

@media screen and (max-width:768px) {
.outline-w50 { width:100%; clear:both; font-size:15px; line-height:1.8; margin-bottom:0;}
.outline-w50 dt { width:100%; clear:both; padding:0 0 20px 0px; box-sizing:border-box;}
.outline-w50 dd { width:100%; clear:both; padding-bottom:20px; box-sizing:border-box;}
}

.client-wrap { width:880px; margin:0 auto; overflow:hidden;}
@media screen and (max-width:768px) {
.client-wrap { width:100%; margin:0 auto; padding:0;}
}
.client-p { font-size:15px; line-height:2.5;}


.midashi-brand { font-size:40px; text-align:center; letter-spacing:.1em; margin:80px 0; font-weight:500;}

.left-brand { width:36%; float:left;}
.left-brand h3 { font-size:30px; margin:0 0 40px; line-height:1;}
.left-brand h4 { font-size:20px; margin:0 0 40px; line-height:1;}
.left-brand span { font-size:16px; padding-left:16px;}
.right-brand { width:60%; float:right; line-height:2;}
.right-brand h4 { font-size:24px; margin:0 0 20px; line-height:1.4; font-weight:500;}
.right-brand span { color:#BAB049; font-size:30px; display:inline-block; margin-bottom:8px; line-height:1.4;}

.right-brand dl,.dl-outline { margin:40px 0; overflow:hidden; padding:0;}
.right-brand dt,.dl-outline dt { width:20%; float:left;}
.right-brand dd,.dl-outline dd { padding-left:20%; border-bottom:1px solid #ccc; margin:0;}
.dl-outline dt { float:none; padding:6px 0; border-bottom:1px solid #ccc;} 
.dl-outline dd { padding:0; padding:8px 0; width:80%;}
@media screen and (max-width:768px) {
.midashi-brand { font-size:24px; text-align:center; letter-spacing:.1em; margin:40px 0; font-weight:500;}
.left-brand { width:100%; float:none; margin-bottom:20px;}
  .left-brand h3 { font-size:20px; margin:0 0 40px; line-height:1;}
.left-brand h4 { font-size:18px; margin:0 0 40px; line-height:1;}
  .right-brand { width:100%; float:none; line-height:2;}
  .right-brand h4 { font-size:20px; margin:0 0 20px; line-height:1.4; font-weight:500;}
.right-brand span { color:#BAB049; font-size:24px; display:inline-block; margin-bottom:8px; line-height:1.4;}
  .dl-outline dt { width:100%; border:none;}
  .dl-outline dd { width:100%;}
}

.mt-80 { margin-top:80px !important;}
.mt-40 { margin-top:40px !important;}
.mt-24 { margin-top:24px !important;}
.mt-0 { margin-top:0px !important;}

.img-mess { width:100%; height:550px; object-fit:cover;}
.midashi-mess { margin-top:-44px; font-size:52px; letter-spacing:.2em; color:#33121a; line-height:1;}
.midashi-mess span { font-size:14px;}
@media screen and (max-width:768px) {
  .midashi-mess span { display:block; margin-bottom:8px;}
}

.QAmenu { width:100%; height:60px; list-style:none !important; margin:0 auto !important; padding:0;}
.QAmenu li { width:20%; height:60px; line-height:60px; font-size:15px; float:left;}
.QAmenu li a { color:#000;}
.QAmenu li a:hover { color:#26B7BC;}

.QAwrap { width:1000px; margin:0 auto; padding:0 0 80px; overflow:hidden;}

.QAtitle { font-size:24px; text-align:center; font-weight:bold; margin:40px 0;}
.QAw50 { width:480px; float:left; background-color:#eee; padding:20px 20px; margin-bottom:20px; height:280px; box-sizing:border-box;}
.mr-20 { margin-right:20px;}
.QAq { width:430px; height:50px; border-bottom:1px dotted #000; line-height:20px; font-weight:bold;}
.QAq1 { width:60px; float:left; background-color:#fff; text-align:center;}
.QAq2 { width:350px; float:left;}
.QAa { width:430px; padding:20px 0;}
.QAa1 { width:60px; float:left; background-color:#26b7bc; font-weight:bold; color:#fff; text-align:center;}
.QAa2 { width:350px; float:left; line-height:1.8;}

.QAbotton { width:250px; text-align:center; font-size:14px; padding:10px; background-color:#26B7BC; margin:0 auto;}
.QAbotton a { color:#fff;}
.QAbotton a:hover { color:#fff;}

@media screen and (max-width:768px) {
.QAmenu { width:100%; height:auto; list-style:none; margin:0 auto;}
.QAmenu li { width:100%; height:30px; line-height:30px; font-size:18px; text-align:center; clear:both;}
.QAmenu li:before {
    content: "";
    background: url(/wp-content/uploads/2018/01/動画や音楽の再生ボタンのアイコン素材.png) no-repeat left center;
    background-size:10px 10px;
    display: inline-block;
    height: 10px; width: 10px; padding-right:5px;
}
.QAmenu li a { color:#000;}
.QAmenu li a:hover { color:#26B7BC;}

.QAwrap { width:auto; margin:0 auto; padding:0 10px 40px;}

.QAtitle { font-size:24px; text-align:center; font-weight:bold;}
.QAw50 { width:100%; clear:both; background-color:#eee; padding:20px 20px; margin-bottom:20px; height:auto;}
.mr-20 { margin-right:0px;}
.QAq { width:100%; height:auto; border-bottom:1px dotted #000; line-height:20px; font-weight:bold; overflow:hidden;}
.QAq1 { width:60px; clear:both; background-color:#fff; text-align:center; padding:5px 0;}
.QAq2 { width:100%; clear:both; padding:5px 0;}
.QAa { width:100%; padding:20px 0;}
.QAa1 { width:60px; clear:both; background-color:#26b7bc; font-weight:bold; color:#fff; text-align:center; padding:5px 0;}
.QAa2 { width:100%; clear:both; padding:5px 0;}

.QAbotton { width:100%; text-align:center; font-size:16px; padding:15px; background-color:#26B7BC; margin:0 auto; margin-bottom:40px;}
.QAbotton a { color:#fff;}
.QAbotton a:hover { color:#fff;}
}

.midashi-flow { font-size:20px; border-bottom: solid 1px #33121a; color:#33121a; letter-spacing:.1em; line-height:54px; margin:40px 0 0;}
.midashi-flow span { display:inline-block; height:54px; line-height:54px; padding:0 16px; font-style:italic; background-color:#33121a; color:#fff; margin-right:16px;}
.box-flow { background-color:#fafafa; padding:24px;}
.box-flow img { margin:20px auto 0;}

.tcenter { display:block; text-align:center!important;}
.tcolor { color:#993300!important;}
.tred { color:#d43537!important;}
.uline { border-bottom:2px solid #33121a;}

.w30 { width:30%!important;}
.w48 { width:48%;}
.w49 { width:49%!important;}
.w66 { width:66%!important;}
.w70 { width:70%!important;}
.w100 { width:100%!important;}
.wfit { width:fit-content!important;}
.fleft { float:left;}
.fright { float:right;}
.flex { display:flex; flex-wrap:wrap; justify-content:space-between;}
@media screen and (max-width:768px) {
  .midashi-flow { display:flex; line-height:1.5;}
  
.w48 { width:100%;}
  .w30,.w49,.w66,.w70 { width:100%!important;}
.fleft { float:none;}
.fright { float:none;}
}

.rel { position:relative; z-index:0; padding:1px 0;}
.abs { position:absolute; margin:auto;}
.abs.center { top:0; bottom:0; right:0; left:0; width:fit-content; height:fit-content; margin:auto!important;} 

@media screen and (max-width:768px){
	img.h100 { height:auto;}
	iframe.map { height:46vh;}
	iframe.youtube { height:54vw; margin-bottom:24px;}
}

.midashi-first { text-align:center; font-size:32px; font-weight:400; color: #6b4f27; margin:80px 0;}

.img-first { width:38%;}
.textarea { width:57%;}
.textarea h4 { font-size:20px; font-weight:400; color: #6b4f27; margin:0 0 16px;}
.textarea h4 span { width:140px; text-align:center; display:block; background-color:#6b4f27; color:#fff; font-weight:400; padding:2px 0; font-size:14px; border-radius:20px; margin-bottom:16px;}
.textarea a { width: 320px; height: 60px; line-height: 60px; border-radius: 0; font-size: 18px; padding: 0; text-align: center; border: 1px solid #6b4f27; margin: 20px 0 0; display: block; color:#6b4f27;}
.textarea small { display:block; margin-top:16px;}

.hr-first { border:32px solid #F3E2A9; margin:80px 0;}
.mt-80 { margin-top:80px;}
.mb-80 { margin-bottom:80px;}

@media screen and (max-width:768px) {
.midashi-first { text-align:center; font-size:24px; font-weight:400; color: #6b4f27; margin:40px 0 20px;}
.des-first { font-size:15px; text-align:center; color: #6b4f27; margin-bottom:40px; font-weight:400;}
.midashi2-first { text-align:center; margin:40px 0; background-color:#efe3de; color: #6b4f27; padding:40px 16px; font-size:20px; font-weight:400;}
.img-first { width:100%; margin-bottom:20px;}
.textarea { width:100%;}
.textarea a { width: 100%; height: 60px; line-height: 60px; border-radius: 0; font-size: 18px; padding: 0; text-align: center; border: 1px solid #6b4f27; margin: 20px 0 0; display: block; color:#6b4f27;}
.hr-first { border:32px solid #efe3de; margin:40px 0;}
}

.ul-works { overflow:hidden; padding:0; margin:0;}
.ul-works li { width:30.66%; float:left; margin-right:4%; list-style:none; font-family: "Noto Sans Japanese"; text-align:center; font-size:20px; margin-bottom:80px; font-weight:500;}
.ul-works li:nth-of-type(3n) { margin-right:0;}
.ul-works li img { width:100%; margin-bottom:16px;}
.ul-works li a { color:#141412;}

@media screen and (max-width:768px) {
	.ul-works { overflow:hidden; padding:0; margin:0 16px 40px;}
	.ul-works li { width:48%; float:left; margin-right:4%; list-style:none; font-family: "Noto Sans Japanese"; text-align:center; font-size:14px; margin-bottom:40px; font-weight:500;}
	.ul-works li:nth-of-type(3n) { margin-right:4%;}
	.ul-works li:nth-of-type(2n) { margin-right:0;}
	.ul-works li img { width:100%; margin-bottom:10px;}
}

.lead-work { font-size:18px; font-family: "Noto Sans Japanese"; padding:32px 0; border-bottom:1px solid #666; line-height:1.8; margin:0; font-weight:500;}
.ul-work { margin:40px 0; overflow:hidden; padding:0;}
.ul-work li { list-style:none; width:calc(100% / 3); float:left; padding:4px; box-sizing:border-box;}
@media screen and (max-width:768px){
  .ul-work li { width:calc(100% / 3);}
}

.box-mokuzai { width:100%; margin:80px auto 0; overflow:hidden; height:auto; border:1px solid #ccc; box-shadow:3px 3px 3px #eee; display:flex;}

.w45 { width:45%!important;}
.w55 { width:55%!important;}
@media screen and (max-width:768px){
  .w45,.w55 { width:100%!important;}
}

.img-mokuzai { height:100%; object-fit:cover;}
.txt-mokuzai { padding:20px 40px; box-sizing:border-box;}
.txt-mokuzai h3 { font-size:32px; margin:0 0 24px;}

@media screen and (max-width:768px) {
  .box-mokuzai { width:90%; margin:40px auto 0; height:auto; flex-direction: column;}
  .w45,.w55 { width:100%;}
  .img-mokuzai { height:auto; object-fit:cover;}
  .txt-mokuzai { padding:20px ;}
  .txt-mokuzai h3 { font-size:24px;}
}

.dl-outline { margin:40px 0 80px; line-height:3.4;}

.js-fix-height { padding-top:191px !important;}

.wrap-umakatte { width:90%; margin:80px auto;}
.wrap-umakatte h3 { font-size:26px; font-weight:500; margin:40px 0 0px; padding:0 40px;}
.wrap-umakatte .lead { margin:0 0 80px; font-size:16px; padding:0 40px;}
@media screen and (max-width:768px){
  .wrap-umakatte { width:100%; margin:40px auto;}
  .wrap-umakatte h3,.wrap-umakatte .lead { padding:0;}
}

.address { font-size:18px; font-weight:bold; margin:40px 0;}

ul.col2,ul.col3,ul.col4 { display:flex; flex-wrap:wrap;  list-style-type:none; margin-left:0;}
ul.col2 li { width:48%!important; margin-right:4%!important; margin-bottom:24px;}
ul.col2 li:nth-of-type(2n) { margin-right:0!important;} 
ul.col3 li { width:32%!important; margin-right:2%!important; margin-bottom:24px;}
ul.col3 li:nth-of-type(3n) { margin-right:0!important;}
ul.col4 li { width:23.5%!important; margin-right:2%!important; margin-bottom:24px;}
ul.col4 li:nth-of-type(4n) { margin-right:0!important;}
@media screen and (max-width:768px) {
	ul.sp-col1 li { width:100%!important; margin-right:0!important; margin-bottom:16px;}
	ul.sp-col2 li { width:49%!important; margin-right:2%!important; margin-bottom:16px;}
	ul.sp-col2 li:nth-of-type(3n) { margin-right:2%!important;} 
	ul.sp-col2 li:nth-of-type(2n) { margin-right:0!important;} 
	ul.sp-col3 li{ width:32%!important; margin-right:2%!important; margin-bottom:16px;}
	ul.sp-col3 li:nth-of-type(2n) { margin-right:2%!important;}
	ul.sp-col3 li:nth-of-type(4n) { margin-right:2%!important;}
	ul.sp-col3 li:nth-of-type(3n) { margin-right:0!important;} 
}

.col1,.col2,.col3,.col4,.col5 { display:flex; flex-wrap:wrap; list-style-type:none; align-items:flex-start;}
.col1 .item { width:100%!important; margin-bottom:24px;}
.col2 .item { width:48%!important; margin-right:4%!important; margin-bottom:24px;}
.col2 .item:nth-of-type(2n) { margin-right:0!important;} .col3 li { width:32%!important; margin-right:2%!important; margin-bottom:24px;}
.col3 .item { width:32%!important; margin-right:2%!important; margin-bottom:24px;}
.col3 .item:nth-of-type(3n) { margin-right:0!important;}
.col4 .item { width:23.5%!important; margin-right:2%!important; margin-bottom:24px;}
.col4 .item:nth-of-type(4n) { margin-right:0!important;}
.col5 .item { width:calc(92% / 5)!important; margin-right:2%!important; margin-bottom:24px;}
.col5 .item:nth-of-type(5n) { margin-right:0!important;}
@media screen and (max-width:768px) {
	.sp-col1 .item { width:100%!important; margin-right:0!important; margin-bottom:16px;}
	.sp-col2 .item { width:49%!important; margin-right:2%!important; margin-bottom:16px;}
	.sp-col2 .item:nth-of-type(3n) { margin-right:2%!important;} 
	.sp-col2 .item:nth-of-type(2n) { margin-right:0!important;} 
	.sp-col3 .item{ width:32%!important; margin-right:2%!important; margin-bottom:16px;}
	.sp-col3 .item:nth-of-type(2n) { margin-right:2%!important;}
	.sp-col3 .item:nth-of-type(4n) { margin-right:2%!important;}
	.sp-col3 .item:nth-of-type(5n) { margin-right:2%!important;}
	.sp-col3 .item:nth-of-type(3n) { margin-right:0!important;} 
}

.pheader1 { background-color:#efefef; padding:300px 0 24px; margin-bottom:80px; position:relative;}
.pheader1 img { position:absolute; height:300px; width:100%; top:0; left:0; object-fit:cover;}
.pheader1 img.pos-top { object-position: top;}
.pheader1 img.pos-bot { object-position: bottom;}
.pheader1 .ttl { background-color:#fff; padding:32px; margin:-100px auto 0; position:relative; width:500px;}
@media screen and (max-width:768px) {
	.pheader1 { padding:230px 0 1px; margin-bottom:40px;}
	.pheader1 img { height:200px;}
	.pheader1 .ttl { width:80%; padding:16px;}
}

.ttl .deco { display:block; width:100px; height:1.5px; margin:12px auto; background-color:#111;}
.ttl .deco.color { background-color:#33121a;}
.ttl img.deco { width:200px; height:auto; background:initial;}
.ttl.ldeco { position:relative; padding-left:20px;}
.ttl.ldeco:before { content:""; width:8px; height:2px; background-color:#33121a; position:absolute; left:0; top:0; bottom:0; margin:auto;}
.ttl.ldeco.vert { padding-left:32px;}
.ttl.ldeco.vert:before { width:2px; height:100%;}
.ttl.uline { padding-bottom:12px;}
.ttl_belt { background-color:#33121a; color:#fff; padding:16px; box-sizing:border-box;}
.ttl_belt em { color:#ffe704; font-style:initial;}
@media screen and (max-width:768px) {
  .ttl .deco { width:60px; margin:6px auto 10px;}
  .ttl.uline  { margin-bottom:16px; padding-bottom:8px;}
  .ttl_belt { padding:8px;}
}

.ul_serv4 { margin:0; list-style:none;}
.ul_serv4 li { border:1px solid #33121a; box-sizing:border-box;}
.ul_serv4 li .ttl_belt { text-align:center; margin:0;}
.ul_serv4 li .txt { padding:24px;}
.ul_serv4 li .txt .btn { margin:8px auto 0; display:block; width:fit-content;}
.ul_serv4 li .txt .img { margin-bottom:24px;}
@media screen and (max-width:768px) {
	.ul_serv4 li .txt { padding:24px 16px;}
}

.ul_serv5 { margin:0;}
.ul_serv5 li { border-top:1px solid #666; position:relative; margin-bottom:40px; overflow:hidden;}
.ul_serv5 li:before { content:""; height:2px; width:200px; background-color:#33121a; position:absolute; top:4px; left:0;}
.ul_serv5 li h4 { color:#33121a;}
.ul_serv5 li .txt { width:56%;}
.ul_serv5 li .img { width:40%; margin-top:-52px; float:right;}
.ul_serv5 li .img img { object-fit:contain; max-height:300px; margin-left:auto; margin-right:auto; display:block;}
.ul_serv5 li .ul_item2 li:before { display:none;}
.ul_serv5 li .ul_item2 li .img { margin:0;}
@media screen and (max-width:768px) {
	.ul_serv5 li h4 { margin:20px 0 16px;}
	.ul_serv5 li .txt { width:100%;}
	.ul_serv5 li .img { margin:0 0 8px 16px;}
   .ul_serv5 li .img img { margin:0 0 10px;}
   .ul_serv5 li .img img:last-of-type { margin:0;}
}

.ul_item1 { margin:0 0 24px; list-style:none;}
.ul_item1 h3.ttl img { width:100%;}
.ul_item1 li {}
.ul_item1 li .p { padding:0 8px; margin:0;}
.ul_item1 li .ttl { background:#ddd;}
.ul_item1 li a.deco { position:relative; margin-bottom:4px; display:inline-block;}
.ul_item1 li a.deco::before { content:""; position:absolute; left:6px; top:0; bottom:0; margin:auto; background:#33121a; height:calc(tan(60deg)* 10px / 2); width:6px; clip-path:polygon(0 0, 100% 50%, 0 100%);}
.ul_item1 li a span { padding-left:24px;}
.ul_item1 li hr { margin:8px 0 16px;}
.ul_item1 li .ttl { display:flex; justify-content:space-between; align-items:center;}
.ul_item1 li .ttl span { }
.ul_item1 li .ttl img { width:30%;}

.ul_item2 { margin:0; display:flex; flex-wrap:wrap; list-style-type:none;}
.ul_item2 li { display:flex; flex-wrap:wrap; justify-content:space-between; border:1px solid; padding:24px 16px; box-sizing:border-box; width:49%; margin-right:2%; margin-bottom:24px;}
.ul_item2 li:nth-of-type(2n) { margin-right:0;}
.ul_item2 li .img { width:22%;}
.ul_item2 li .txt { width:75%;}
.ul_item2 li .txt .btn { margin:12px 0 0;}

.box.border { border:1px solid #ddd; padding:16px;}

.table_design08 { border-collapse:collapse; table-layout:fixed; width:100%;}
.table_design08 th, 
.table_design08 td { border:2px solid #ddd; padding:6px 1em; text-align:left;}
.table_design08 th:first-of-type,
.table_design08 td:first-of-type{ width:220px;}
.table_design08 th:nth-of-type(2),
.table_design08 td:nth-of-type(2){ width:60px;}
.table_design08 thead th { background-color:#33121a; color:#fff; border:2px solid #33121a; border-right:2px solid #fff; border-bottom:2px solid #fff; padding:1em;}
.table_design08 thead th:last-of-type { border-right:2px solid #33121a;}
.table_design08 tbody th { color:#33121a; font-weight:bold;}
.table_design08.o2 th:first-of-type { width:auto;}
.table_design08.o2 th:nth-of-type(2) { width:70%;}
@media screen and (max-width: 768px) {
   .table_design08 .w45 { width:45%!important;}
   .table_design08 .w55 { width:55%!important;}
	.table_design08.resp { text-align:left;}
	.table_design08.resp thead { display:none;}
	.table_design08.resp th,
	.table_design08.resp td { display:block; border:0; border-bottom:2px solid #ddd; width:100%;}
   .table_design08.resp th:first-of-type { width:100%; box-sizing: border-box;}
   .table_design08.resp th:first-of-type a { color:#fff;}
	.table_design08.resp tbody th{ background:#33121a; color:#fff;}
	.table_design08.resp td::before{ content:attr(data-label); color:#33121a; font-weight:bold; display:block; width:20%; min-width:4em; background:#ddd; padding:2px; text-align:center; margin:0 0 4px -10px;}
}

.dl_info { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0;}
.dl_info dt { width:30%; background-color:#33121a; color:#fff; margin-bottom:3px; padding:24px; font-weight:400; box-sizing: border-box;}
.dl_info dd { width:calc(70% - 3px); background-color:#efefef; margin-bottom:3px; padding:24px 16px; box-sizing: border-box; margin-left:0;}
.dl_info dt:last-of-type { margin-bottom:0;}
.dl_info dd:last-of-type { margin-bottom:0;}
.dl_info.o2 { /*margin:0 15%;*/}
.dl_info.o2 dt { width:24%; padding:24px;}
.dl_info.o2 dd { width:calc(76% - 3px); padding:24px;}
@media screen and (max-width:768px) {
	.dl_info { margin-top:16px; line-height:1.5;}
	.dl_info dt { width:100%; padding:8px; text-align:center;}
	.dl_info dd { width:100%; padding:8px;}
	.dl_info.o2 { margin:0;}
	.dl_info.o2 dt { width:100%; padding:8px;}
	.dl_info.o2 dd { width:100%; padding:8px;}
}

.dl_co { display:flex; flex-wrap:wrap; justify-content:space-between; /*margin:0 15%;*/}
.dl_co dt { width:28%; margin-bottom:16px; padding:16px; border-bottom:1.5px solid #33121a; display:flex; align-items:flex-end; box-sizing:border-box;}
.dl_co dd { width:68%; margin-bottom:16px; padding:16px; border-bottom:1.5px solid #33121a; box-sizing:border-box; margin-left:0;}
.dl_co dt:last-of-type { margin-bottom:0;}
.dl_co dd:last-of-type { margin-bottom:0;}
@media screen and (max-width:768px) {
	.dl_co { margin:0; line-height:1.5;}
	.dl_co dt { padding: 4px 8px;}
	.dl_co dd { padding: 4px 8px;}
	.dl_co.o2 dt { width:100%; border:0; margin:0;}
	.dl_co.o2 dd { width:100%; padding-bottom:12px;}
}

.ul_co3 { display:flex; flex-wrap:wrap; list-style:none; margin:0;}
.ul_co3 li { width:32%; margin-right:2%; margin-bottom:24px;}
.ul_co3 li:nth-of-type(3n) { margin-right:0;}
.ul_co3 li h4 { margin:16px 0;}
.ul_co3 li .btn { display:block; width:fit-content; margin:8px auto 0;}
@media screen and (max-width:768px) {
	.ul_co3 li { width:100%; margin-right:0;}
	.ul_co3 li:last-of-type { margin-bottom:0;}
	.ul_co3 li p { margin-bottom:0;}
	.ul_co3 li h4 { margin:16px 0 8px;}
}

.ttl.co { display:flex; justify-content:space-between; align-items:center; margin:22px 10%;}
.ttl.co span { width:30%; border-right:1px solid; padding:4px 4px 4px 0;}
.ttl.co small { width:70%; padding-left:80px;}
@media screen and (max-width:768px) {
	.ttl.co { margin:16px 0;}
	.ttl.co span { letter-spacing:0; font-size:smaller;}
	.ttl.co small { padding-left:16px;}
}

span.new { background:red; color:#fff; padding:0 2px; border-radius:2px; margin-right:4px;}

/*　ボタン */
.btn-a { background-color:#33121a; color:#fff!important; display:inline-block; padding:4px 12px; font-size:14px; cursor:pointer; border-radius:4px; margin:4px 0; box-sizing:border-box;}
.btn-a:hover { opacity:.6;}
a.basic { color:#594c4e; font-weight:bold; padding:0 4px; text-decoration:underline;}
a.banner:hover { opacity:.6;}

.new-icon { background:#d43537; color:#fff; padding:1px 4px; margin:0 4px;}

/* お知らせ */
.sec_News01 { background:#f5f5f5; padding:1px 0;}
.sec_News01 ul { margin:40px auto; border:2px solid #ddd; background:#fff; border-radius:10px; padding:40px; box-sizing:border-box; width:95%;}
.sec_News01 ul .ttl.main { text-align:center; margin:0 auto 32px; font-size:24px;}
.sec_News01 ul li { border-bottom:1px solid #ddd; list-style:none; padding:24px 24px 24px 0; position:relative; display:flex; flex-wrap:wrap; align-items:flex-start;}
.sec_News01 ul li:first-of-type { border-top:1px solid #ddd;}
.sec_News01 ul li:after { /*content:"→"; width:25px; height:25px; background:#d43537; color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; position:absolute; right:0;*/}
.sec_News01 ul li .date { background:#d43537; color:#fff; padding:2px 16px; width:112px; text-align:center; display:block; margin-right:32px; box-sizing:border-box;}
.sec_News01 ul li .ttl { width:calc(100% - 144px - 150px);  padding-right:20px;box-sizing:border-box;
}
.sec_News01 ul li .img { width:150px;}
.sec_News01 ul .more { text-align:right; display:block; margin-top:24px; font-weight:bold; text-decoration:underline;}
@media screen and (max-width:768px) {
  .sec_News01 ul { margin:24px auto; padding:20px;}
  .sec_News01 ul .ttl.main { font-size:18px; margin-bottom:20px;}
  .sec_News01 ul li { padding:16px 16px 16px 0;}
  .sec_News01 ul li:after { /*width:15px; height:15px; font-size:11px;*/}
  .sec_News01 ul li .date { padding:4px 8px; width:fit-content; margin-bottom:4px;}
  .sec_News01 ul li .ttl { width:100%;}
  .sec_News01 ul li .img { width:100%; margin:8px auto 0;}
}

.ul_Blog01 { display:flex; flex-wrap:wrap;;}
.ul_Blog01 .ttl.main { width:100%; text-align:center; font-size:140%;}
.ul_Blog01 li { width:48%; margin-right:4%; margin-bottom:24px; display:flex; justify-content:space-between;}
.ul_Blog01 li:nth-of-type(2n) { margin-right:0;}
.ul_Blog01 li .img { width:30%;}
.ul_Blog01 li .txt { width:66%;}
.ul_Blog01 li .txt .ttl { margin-top:0;}
.ul_Blog01 li .txt .ttl .date { display:block;}
@media screen and (max-width:768px) {
  .ul_Blog01 li { width:100%; margin-right:0;}
  .ul_Blog01 li .txt .ttl { margin-bottom:4px;}
}