@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;
}
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

a {
  color: #333;
}

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

/*
 * layout
 */

#wrapper {
  position: relative;
}

.container {
}

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

.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;
}

.list_group_img_span {
  float: left;
  display: block;
}
.list_group_img{
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: -5px;
}

.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: 0px;font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

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

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

.search_form {
  margin: 20px;
  padding-top: 10px;
}
.search3_form {
  margin:20px;
  padding-top: 0px;
 
}

.search_box {
  width: 200px;
}

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

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

.search2_form {
  margin:0px;
  padding-top: 10px;
 
}

.search2_box {
  width: 210px;
}

.btn_search2 {
  padding: 2px 5px 3px 5px;
  border: 1px solid #101010;
  background-color: #baa89b;
}

.btn_search2 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 {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #333;
  position: absolute;
  top: 61px;
  background-color: #fff;
  z-index: 9;
}

.header_mid_cmspbar {
  position: fixed;
}

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

.header_nav_global {
  font-size: 12px;
  letter-spacing: 2px;
  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: #140c0f;
  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 {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  color: #c0a79a;
  font-size: 12px;
  margin: 0;
  padding-top: 30px;
  text-align: center;
  letter-spacing: 2px;
}
.header_nav_global_box_detail {
  background-color: #fff;
  padding: 30px 20px 20px;
}

.header_nav_global_left {
  float: left;
  margin: 0;
  padding-left: 50px;
}

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

.header_nav_global_middle 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_nav_global_search {
  padding-top: -5px;
}

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

.header_logo {
  text-align: center;
  margin: 0 auto;
  padding-top: 30px;
  float: none;
}

.header_lead {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  text-align: center;
  padding-top: -40px;
  padding-bottom: 20px;
  font-size: 15px;
  color: #c0a79a;
  letter-spacing: 0.1em;
  float: none;
}

.header_nav_phone {
  z-index: 99;
  float: right;
  height: 50px;
}
.header_nav_lst_phone {
  position: absolute;
  left: -0%;
  display: none;
  width: 100%;
  background: #000;
}
.header_nav_lst_phone ul {
  margin: 0;
}
.header_nav_lst_phone li {
  padding: 0;
  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;
  color: #fff;
}
.nav_btn_phone i {
  vertical-align: -40%;
}

.header-pickup-links{
    padding: 0px 20px;
    list-style: none;
}
.header-pickup-links li{
    display: inline-block;
    padding: 0px 15px;
}

.header_btm_form{
    margin-bottom: 20px;
}
.pickup-links{
    margin-top: 60px;
    text-align: center;
}
.pickup-links ol{
    padding: 0px 10px;
    list-style: none;
}
.pickup-links li{
    display: inline-block;
    padding: 0px 5px;
    text-align: center;
}

/*
 * main
 */

.main {
  max-width: 1180px;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  margin-top: 10px;
}

/*
 * contents
 */

.contents {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  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 {
  padding-top:53px;
}

.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;
}

/* media_banner  */

.media_banner1 {
  padding-bottom: 20px;
  margin: 0 auto;
}
.media_banner2 {
  padding-bottom: 20px;
  margin: 0 auto;
}
.media_banner3 {
  padding-bottom: 30px;
  margin: 0 auto;
}

/* 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 */
.recommend {
  margin-top: 20px;
}

.recommend_heading {
}

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

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

/* special */
.special {
  margin-bottom: 20px;
}

.special_heading {
}

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

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


/* free_space */
.free_space {
  background-color: #8d1e47;
  border: 2px dashed #fff;
  border-radius: 8px;
  box-shadow: 0 0 0 4px #8d1e47;
  color: #fff;
  margin: 2em 0;
  padding: 2em;
}

/*
 * 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 {
}
.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;
}

.side_category_heading,
.side_group_heading,
.side_freepage_heading{
  background-color: #333;
  color: #c0a799;
  padding: 10px 0 10px 10px;  
  border-style: solid; border-width: 1px; 
}

/*
 * footer
 */

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

.footer_inner {
  max-width: 83%;
  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_checked,
.footer_favo {
  margin-bottom: 40px;
}

.footer_seller_heading,
.footer_recommend_heading,
.footer_checked_heading,
.footer_favo_heading{
  padding: 10px 0 10px 10px;
}

.footer_seller_lists,
.footer_recommend_lists,
.footer_checked_lists,
.footer_favo_lists {
  max-width: 100%;
  font-size: 10px;
}

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

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

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

.footer_notice {
  background-color: #ffffff;
}
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%;
}
.color_bunner {
 text-align: center;  
}

.color {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  text-align: center; 
  margin-bottom: 100px;
}

.footer_column_bunner {
  padding-top: 40px;
  padding-bottom: 40px;
  margin: 0 auto;
  text-align: center;
}

.footer_column {
  padding-bottom: 20px;
  margin: 0 auto;
}

.footer_column2 {
  padding-bottom: -40px;
  margin: 0 auto;
}

.footer_instagram_bunner {
  padding-top: 40px;
  padding-bottom: 40px;
  margin: 0 auto;
  text-align: center;
  background-color: #FFFFFF;
}

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

.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 {
  text-align: center;
}
.footer_nav_list {
  color: #fff;
  padding-top: 15px;
}
.footer_nav_list:first-child {
  padding-top: 0;
}
.footer_nav_list_link {
  font-size: 5px;
  color: #fff;
}
.footer_nav_list_link:hover {
  color: #c0a79a;
  text-decoration: none;
}

.footer_sns {
  text-align: center;
}

.footer_logo {
  text-align: center;
}

.footer_logo a {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  color: #fff;
  text-decoration: none;
  font-weight: ;
  font-size:7px ;
  letter-spacing: 5px;
}

.footer_logo p {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  color: #c0a79a;
  text-decoration: none;
  font-size:6px ;
  letter-spacing: 4px;
}

.footer_copyright {
  text-align: center;
  padding-top: 2em 0;
  padding-bottom: 1em;
}
.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;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.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);
}

/*! 埋め込み動画をレスポンシブ対応させる */
.video {
  position: relative;
  height: 0;
  padding: 0 0 56.25%;
  overflow: hidden;
}
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
 * 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-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) {
.slider {
  padding-top: 110px;
}
  .contents {
    width: 75%;
    margin-top: 11px;
  }

  .contents_detail {
    width: 100%;
  }

  .side {
    width: 23%;
    margin-top: 11px;
  }

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

@media (min-width: 769px) {
  .header_nav_phone a {
    display: none;
  }
.slider {
  padding-top: 110px;
}
  .footer_list {
    width: 10%;
  }
}

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

  .contents,
  .side {
    padding-right: 1%;
    padding-left: 1%;
    margin-top: 11px
  }
  .footer_heading {
    padding-right: 1%;
    padding-left: 1%;
  }
  .nav_btn_phone {
    display: block;
    height: 30px;
    padding-top: 5px;
  }
}

@media (max-width: 768px) {
  header  {
    display:none;
  }
  .header_nav_global {
    font-size: 5px;
  }
  .header_nav_global a {
    color: #bfa699;
  }
  .header_mid {
    height: 57px;
    top: 0px;
    background-color: #140c0f;
    z-index: 9;
  }
  .header_nav_phone{
    margin-right: 10px;
  }
  .header_nav_phone a {
    display: show;
  }
 .header_nav_global_box_detail a{
    color: #333;
  }
  .header_nav_global_box_detail a :hover{
    color: #140c0f;
  }
  .footer_inner {
    max-width:100%;
    margin: 0 auto;
  }

  .contents{
    padding: 10px;
  }
  .footer_heading ,
  .side {
    padding: 0;
  }

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

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

  .header_logo {
    float: none;
  }
  
  .header_lead {
    padding-top: -50px;
    font-size: 11px;
    float: none;
    padding-bottom: 0px;
  }

  .header_nav_global_social {
    padding-left: 0;
  }

  .search_form {
    float: none;
  }

  .search_select {
    width: 80%;
    margin-bottom: 5px;
  }
  
  .search_box {
    width: 70%;
    float: left;
  }

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

  .slider {
   margin-top: 58px;
  }

  .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: 10px;
    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: -10px;
  }
  .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_checked_heading,
  .footer_favo_heading{
    background-color: #140c0f;
    color: #baa89b;
    padding: 10px 0 10px 10px;
    border-style: none; border-width: none;
  }

  /* media_banner  */
  .media_banner1 {
    padding-bottom: 10px;
    margin: 0 auto;
  }
  .media_banner2 {
    padding-bottom: 10px;
    margin: 0 auto;
  }
  .media_banner3 {
    padding-bottom: 30px;
    margin: 0 auto;
  }
  
  .footer {
    margin-top: 0;
  }

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

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

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

  .footer_banner {
    text-align: center;
    margin-top: 20px;
    margin-bottom:-40px;
    padding: 0 10px 60px;
  }
  .footer_banner li {
    padding: 5px;
  }


  .footer_seller_lists,
  .footer_recommend_lists,
  .footer_checked_lists,
  .footer_favo_lists {
    font-size: 12px;
  }
  .footer_seller_list,
  .footer_recommend_list {
    margin-bottom: 40px;
  }
  .footer_checked_list,
  .footer_favo_list {
    margin-bottom: 10px;
  }
  .footer_pagetop {
    text-align: center;
    background-color: #140c0f;
  }
  .footer_pagetop a {
    display: block;
    padding-bottom: -40px;
    width: 100%;
    height: 40px;
  }
  .footer_pagetop_icon {
    margin-top: 8px;
  }
  .footer_notice {
    padding-top: -70px;
    padding-bottom: -40px;
    margin: 0 auto;
    text-align: center;
  }
  
  .color_bunner {
    text-align: center; 
  }

  .color {
   text-align: center; 
    margin-bottom: 10px;
  }
  
  .footer_column_bunner {
    padding-top: -70px;
    padding-bottom: -40px;
    margin: 0 auto;
    text-align: center;
  }
  .footer_column {
    text-align: center;
    margin-top:-20px;
    margin-bottom:-70px;
    padding: 0 10px 60px;
  }
  .footer_column li {
    padding: 5px;
  }
  .footer_column2 {
    padding-bottom: -100px;
    margin: 0 auto;
  }
  .footer_instagram_bunner {
   margin-bottom:-20px;
  }

  .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: #140c0f;
    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;
  }
}
/* info */
.info {
  margin-bottom: 0px;
}

.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;
}

@media (max-width: 480px) {
    .header_btm {
}
.slider {
   margin-top: 58px;
}
  .header_nav_global_social {
    padding-bottom: 25px;
  }
  .side_banner_list {
    width: 33%;
    margin-top: 8px;
    margin-bottom:25px;
  }
  .side_banner_list:first-child {
    margin-top: 8px;
    margin-bottom: 18px;
  }
}

@media (max-width: 980px) {
 .shop_info {
  
  }
}

.mag {
   text-align: center;
    padding-bottom: 30px;
   
}
/* --- 発送テーブル --- */
@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);

/* Override UGG site */
#main {width: 100%; padding:0;}
.content-asset p {margin:0 auto;}
.breadcrumb {display:none;}

/* Helpers */
/**************************/
.margin-top-10 {padding-top:10px;}
.margin-bot-10 {padding-bottom:10px;}

/* Typography */
/**************************/
#parallax-world-of-ugg h1 {font-family:'Oswald', sans-serif; font-size:24px; font-weight:400; text-transform: uppercase; color:black; padding:0; margin:0;}
#parallax-world-of-ugg h2 {font-family:'Oswald', sans-serif; font-size:70px; letter-spacing:10px; text-align:center; color:white; font-weight:400; text-transform:uppercase; z-index:10; opacity:.9;}
#parallax-world-of-ugg h3 {font-family:'Oswald', sans-serif; font-size:14px; line-height:0; font-weight:400; letter-spacing:8px; text-transform: uppercase; color:black;}
#parallax-world-of-ugg p {font-family:'Source Sans Pro', sans-serif; font-weight:400; font-size:14px; line-height:24px;}
.first-character {font-weight:400; float: left; font-size: 84px; line-height: 64px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: 'Source Sans Pro', sans-serif;}

.sc {color: #3b8595;}
.ny {color: #3d3c3a;}
.atw {color: #c48660;}

/* Section - Title */
/**************************/
#parallax-world-of-ugg .title {background: white; padding: 60px; margin:0 auto; text-align:center;}
#parallax-world-of-ugg .title h1 {font-size:35px; letter-spacing:8px;}

/* Section - Block */
/**************************/
#parallax-world-of-ugg .block {background: white; padding: 60px; width:820px; margin:0 auto; text-align:justify;}
#parallax-world-of-ugg .block-gray {background: #f2f2f2;padding: 60px;}
#parallax-world-of-ugg .section-overlay-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.70;}

/* Section - Parallax */
/**************************/
#parallax-world-of-ugg .parallax-one {padding-top: 200px; padding-bottom: 200px; overflow: hidden; position: relative; width: 100%; background-image: url(https://img21.shop-pro.jp/PA01384/431/etc/parallax-image-1.png?cmsp_timestamp=20181127112648); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}
#parallax-world-of-ugg .parallax-two {padding-top: 200px; padding-bottom: 200px; overflow: hidden; position: relative; width: 100%; background-image: url(https://img21.shop-pro.jp/PA01384/431/etc/parallax-image-2.jpeg?cmsp_timestamp=20181127112733); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center center;}
#parallax-world-of-ugg .parallax-three {padding-top: 200px; padding-bottom: 200px; overflow: hidden; position: relative; width: 100%; background-image: url(https://img21.shop-pro.jp/PA01384/431/etc/parallax-image-3.jpeg?cmsp_timestamp=20181127112804); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center center;}

/* Extras */
/**************************/
#parallax-world-of-ugg .line-break {border-bottom:1px solid black; width: 150px; margin:0 auto;}

/* Media Queries */
/**************************/
@media screen and (max-width: 959px) and (min-width: 768px) {
  #parallax-world-of-ugg .block {padding: 40px; width:620px;}
}
@media screen and (max-width: 767px) {
  #parallax-world-of-ugg .block {padding: 30px; width:420px;}
  #parallax-world-of-ugg h2 {font-size:30px;}
  #parallax-world-of-ugg .block {padding: 30px;}
  #parallax-world-of-ugg .parallax-one, #parallax-world-of-ugg .parallax-two, #parallax-world-of-ugg .parallax-three {padding-top:100px; padding-bottom:100px;}
}
@media screen and (max-width: 479px) {
  #parallax-world-of-ugg .block {padding: 30px 15px; width:290px;}
}
/* --- 発送テーブル --- */


/* HEADER */

header {
	
	background: #140c0f;
height: 61px;

	font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
	text-transform: uppercase;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;

	z-index: 100;
}
header a {
	
	display: inline-block;
	padding: 20px 10px;
}
.site-name {
	margin-top: -14px;
	text-decoration: none;
	float: left;
	letter-spacing: 5px;
	color: #c0a79a;
}
.site-name:hover {
	color: #FFF;
}
.nav-menu {
	overflow: auto;
	float: right;
	margin: 0;
	list-style-type: none;
}
.nav-menu a {
	color: #c0a79a;
	text-decoration: none;
	font-weight: ;
	letter-spacing: 5px;
}
.nav-menu a:hover {
	color: #FFF;
}
.nav-menu li {
	float: left;
}
.nav-salespoint {
    overflow: auto;
    float: left;
    margin-top: 24px;
    list-style-type: none;
    color: white;
    font-size: medium;
    font-weight: bold;
}
.nav-salespoint li {
	float: left;
}

.nav-social  {
	list-style-type: none;
}
.nav-social a {
    padding: 20px 5px 20px 5px;
}
/* HEADER */

.side-menu {

  position: fixed;
  top: 61px;
  left: 0;
  margin: 0;
  padding: 0;
  height: 50px;
  width: 60px;
  list-style-type: none;
  background: #fff;
  overflow: hidden;
  transition: width .5s;
}

.side-menu:hover {
  width: 300px;
  height: 100%;
}

.side-menu li {
  width: 300px;
}

.side-menu li span {
  font-size: 1rem;
  margin: 16px 30px 0 22px;
}

.side-menu li a {
  display: block;
  font-size: .9rem;
  text-decoration: none;
  color: #333;
  height: 50px;
}

.side-menu li a:hover,
.side-menu li:first-child a {
  background:#c0a79a;
  display: block;
}

label {
     
    position: absolute;
  top: 0px;
  left: 0;
  margin: 0;
  padding: 0;
  height: 58px;
  width: 59px;
  list-style-type: none;
 background:#c0a79a;
  overflow: hidden;
  transition: width .5s;
   
}


label span {

 margin: 20px 30px 0 22px;


   
}

input[type="checkbox"].on-off{
    display: none;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li {

}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 100%;
}
.side2-menu {
  position: fixed;
  top: 57px;
  left: 0;
  margin: 0;
  padding: 0;

  list-style-type: none;
  background: #140c0f;
  overflow: hidden;
  transition: width .5s;
}

.side2-menu:hover {
  width: 300px;
  height: 100%;
}

.side2-menu li {
  width: 300px;
}

.side2-menu li span {
  font-size: 1rem;
  margin: 20px 30px 0 22px;
}

.side2-menu li a {
  display: block;
  font-size: .9rem;
  text-decoration: none;
  color: #fff;
  height: 57px;
}

.side2-menu li a:hover {
  background:#c0a79a;
  color: #140c0f;
  display: block;
}

#contents01{
  background-image: url(https://img21.shop-pro.jp/PA01384/431/etc/content1-bg.jpg?cmsp_timestamp=20181127113053);  
}

#contents02{
 background-image: url(https://img21.shop-pro.jp/PA01384/431/etc/content2-bg.jpg?cmsp_timestamp=20181127113156);
  }

#contents03{
  background: #000;
}

.bgImage{
  width: 100%;
    height: 80vh;
  color: #fff;
  display: table;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; //画像をウィンドウサイズにフィット
}


.bgImage2{
  width: 100%;
    height: 80vh;
  color: #fff;
  display: table;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; //画像をウィンドウサイズにフィット
}

.bgImage > * {
    display:table-cell;
    vertical-align: middle;
    text-align: center;
    margin: 0;
    padding: 0;
}

@media screen and (max-width: 960px) {
.bgImage2 {  
height: 30vh;
  }  
  .bgImage {  
height: 30vh;
  }  
}

@media screen and (min-width: 960px) {
  .bgImage {  

    background-attachment: fixed; //画像位置を固定}
  .bgImage2{  

    background-attachment: fixed; //画像位置を固定}
  
  
  
    text1{
  color: #b0885b;
   text-align: center; }

   text3{
  color: #b0885b;
  font-size: large;
   text-align: center; }
  
   text4{
  color: #b0885b;
     font-size: large;
     font-weight: bold;
 letter-spacing: 0.5em;
 line-height: 150%; 
   text-align: center; }
  
}
  /* --- フレブル終わり--- */



article {
  margin:20px 0px px;
  color: #404549;
  font-size: 1.1rem;
}



article ul {
  font-size: 0;
}

article ul.colour {
  margin: 10px 0 0;
}

article li.swatch {
  margin: 0 15px 0 0;
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 100%;
}

article li.NAVY {
  background: #5a5d92;
}
article li.NAVY:hover {
  background: #5a5d92;
   opacity: 0.5;
}

article li.black {
  background: #181c1e;
}article li.black:hover {
  background: #181c1e;
   opacity: 0.5;
}

article li.pink {
  background:#ffcdd3;
}article li.pink:hover {
  background: #ffcdd3;
   opacity: 0.5;
}

article li.orange {
  background: #ffead6;
}article li.orange:hover {
  background: #ffead6;
   opacity: 0.5;
}

article li.IVORY {
  background: #fff7e7;
}article li.IVORY:hover {
  background:#fff7e7;
   opacity: 0.5;
}

article li.light-grey {
  background: #ccc;
}article li.light-grey:hover {
  background:#ccc;
   opacity: 0.5;
}

article li.off-white {
  background: #fff;
  border:1px solid gray;
    box-sizing:border-box;
  opacity: 0.6; 
}article li.off-white:hover {
  background:#fff;
   opacity: 0.2;
}

article li.GOLD {
  background: #ddcfac;
}article li.GOLD:hover {
  background:#ddcfac;
   opacity: 0.5;
}

article li.red {
  background: #ffafb5;
}article li.red:hover {
  background:#ffafb5;
   opacity: 0.5;
}

article li.yellow {
  background: #fcf8cc;
}article li.yellow:hover {
  background:#fcf8cc;
   opacity: 0.5;
}

article li.PURPLE {
  background: #dbccf6;
}article li.PURPLE:hover {
  background:#dbccf6;
   opacity: 0.5;
}


article li.TB {
  background: #bef1e6;
}article li.TB:hover {
  background:#bef1e6;
   opacity: 0.5;
}

article li.blue {
  background: #caeaf6;
}article li.blue:hover {
  background:#caeaf6;
   opacity: 0.5;
}


article li.SILVER{
  background: #dfdede;
}article li.SILVER:hover {
  background:#dfdede;
   opacity: 0.5;
}


.row2::after {
    content: "";
    clear: both;
    display: block;
   box-sizing: border-box;
}

.col-5 p {
   font-size: 5px;
}

[class*="col-5"] {
    float: left;
    padding: 10px;
   box-sizing: border-box;
}

/* Column widths that will scale on mobile: */

.col-5 {width: 16.666%;}


@media only screen and (max-width: 468px) {

  
  
  
    /* For mobile phones: */
    [class*="col-5"] {
        width: 50%;
       padding: 5px;
    }
  .col-5 p {
   font-size: 8px;
}
   .col-5 h4 {

      padding: 0px;
    margin: 5px 0 0 0;
}
}







/* LANDING */
.landing-container {
  position: relative;
  height: 80vh;
  background-color: #000;
  background-position: center;
  background-size: cover;
}
.landing-content-outer {
  padding: 50px 20px 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.landing-content-inner {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  max-width: 1100px;
}

.landing-content-inner2 {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  max-width: 1100px;
}
.landing-container h3 {
  font-weight: 100;
    text-align: center;
  margin: 0;
  text-transform: uppercase;
  color: #FFF;
  letter-spacing: 0.3em;
}
.landing-container p {
    text-align: center;
  color: rgba(255, 255, 255, .7);
  font-size: 12px;
  margin: 0 auto 30px;
  max-width: 80%;
}
@media only screen and (max-width: 468px) {
    /* For mobile phones: */
  
  
  .landing-content-inner {
  max-width: 1100px;
    width: 87%;
   font-size: 10px;
}


 
}

@media only screen and (max-width: 950px) {
    /* For mobile phones: */
  .landing-content-inner {
  max-width: 1100px;
    width: 87%;
     
}
  .footer_nav_list_link {
  font-size: 8px;
  color: #fff;
}


 
}
/* BUTTON */
.btn2 {
  display: inline-block;
  background: transparent;
  text-transform: uppercase;
  font-weight: 500;
  font-style: normal;
  font-size: 0.625rem;
  letter-spacing: 0.3em;
  color: white;
  border-radius: 0;
  padding: 18px 80px 20px;
  transition: all 0.7s ease-out;
  background: linear-gradient(270deg, rgba(223,190,106,0.8), rgba(146,111,52,0.8), rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
  margin: 0.625rem;
  border: none;
  border: 1px solid rgba(223,190,106,0.3);
}

.btn2:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color: $white;
  background-position: 99% 50%;
}


.btn3 {
  display: inline-block;
  background: transparent;
  text-transform: uppercase;
  font-weight: 500;
  font-style: normal;
  font-size: 0.625rem;
  letter-spacing: 0.3em;
  color: black;
  border-radius: 0;
  padding: 18px 80px 20px;
  transition: all 0.7s ease-out;
  background: linear-gradient(270deg, rgba(223,190,106,0.8), rgba(146,111,52,0.8), rgba(34,34,34,0.3), rgba(34,34,34,0.3));
  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
  margin: 0.625rem;
  border: none;
  border: 1px solid rgba(223,190,106,0.3);
}

.btn3:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color: $white;
  background-position: 99% 50%;
}



.btn4 {
  display: inline-block;
  background: transparent;
  text-transform: uppercase;
  font-weight: 500;
  font-style: normal;
  font-size: 0.625rem;
  letter-spacing: 0.3em;
  color: black;
  border-radius: 0;
  padding: 18px 80px 20px;
  transition: all 0.7s ease-out;
  background: linear-gradient(270deg, rgba(223,190,106,0.8), rgba(146,111,52,0.8), rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
  margin: 0.625rem;
  border: none;
  border: 2px solid #c0a799;
}

.btn4:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color: $white;
  background-position: 99% 50%;
}




.btn5 {
  display: inline-block;
  background: transparent;
  text-transform: uppercase;
  font-weight: 500;
  font-style: normal;
  font-size: 0.625rem;
  letter-spacing: 0.3em;
  color: black;
  border-radius: 0;
  padding: 18px 20px 20px;
  transition: all 0.7s ease-out;
  background: linear-gradient(270deg, rgba(223,190,106,0.8), rgba(146,111,52,0.8), rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
  margin: 0.625rem;
  border: none;
  border: 2px solid #c0a799;
}

.btn5:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color: $white;
  background-position: 99% 50%;
}


.btn6 {
  display: inline-block;
  background: transparent;
  text-transform: uppercase;
  font-weight: 500;
  font-style: normal;
  font-size: 0.625rem;
  letter-spacing: 0.3em;
  color: white;
  border-radius: 0;
  padding: 18px 80px 20px;
  transition: all 0.7s ease-out;
  background: linear-gradient(270deg, rgba(223,190,106,0.8), rgba(146,111,52,0.8), black, black);
  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
  margin: 0.625rem;
  border: none;
  border: 2px solid #c0a799;
}

.btn6:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color: $white;
  background-position: 99% 50%;
}





.btn7 {
  display: inline-block;
  background: transparent;
  text-transform: uppercase;
  font-weight: 500;
  font-style: normal;
  font-size: 0.625rem;
  letter-spacing: 0.3em;
  color: black;
  border-radius: 0;
  padding: 18px 20px 20px;
  transition: all 0.7s ease-out;
  background: linear-gradient(270deg, rgba(78,85,133,0.8), rgba(78,85,133,0.8), rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
  margin: 0.625rem;
  border: none;
  border: 2px solid #c0a799;
}

.btn7:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color: $white;
  background-position: 99% 50%;
}






.btn8 {
  display: inline-block;
  background: transparent;
  text-transform: uppercase;
  font-weight: 500;
  font-style: normal;
  font-size: 0.625rem;
  letter-spacing: 0.3em;
  color: black;
  border-radius: 0;
  padding: 18px 20px 20px;
  transition: all 0.7s ease-out;
  background: linear-gradient(270deg, rgba(210,168,172,0.8), rgba(210,168,172,0.8), rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
  margin: 0.625rem;
  border: none;
  border: 2px solid #c0a799;
}

.btn8:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color: $white;
  background-position: 99% 50%;
}



.btn9 {
  display: inline-block;
  background: transparent;
  text-transform: uppercase;
  font-weight: 500;
  font-style: normal;
  font-size: 0.625rem;
  letter-spacing: 0.3em;
  color: black;
  border-radius: 0;
  padding: 18px 20px 20px;
  transition: all 0.7s ease-out;
  background: linear-gradient(270deg, rgba(160,160,160,0.8), rgba(160,160,160,0.8), rgba(34,34,34,0), rgba(34,34,34,0));
  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
  margin: 0.625rem;
  border: none;
  border: 2px solid #c0a799;
}

.btn9:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color: $white;
  background-position: 99% 50%;
}
/*フリーページ特集記事htag ptag    */
.row2::after {
    content: "";
    clear: both;
    display: block}

[class*="col-10"] {
    float: left;
    padding-right: 10px; 
  box-sizing: border-box;}

[class*="col-8"] {
    float: left;
    padding-right: 10px; 
  box-sizing: border-box;}

[class*="col-82"] {
    float: left;
    padding-right: 10px; 
  box-sizing: border-box;}

[class*="col-31"] {
      float: left;
    padding-right: 10px; 
  box-sizing: border-box;}

[class*="col-83"] {
    float: left;
    padding-right: 10px; 
  box-sizing: border-box;}

[class*="col-9"] {
    float: right;
    padding-left: 10px; 
  box-sizing: border-box;}

 .col-31 h1 {
    font-size: 18px;
margin: 30px;
color: #c0a79a
}

 .col-31 h2 {
    font-size: 18px;
margin: 30px;
color: #c0a79a
}

 .col-31 h3 {
    font-size: 18px;
margin: 30px;
color: #c0a79a
}

 .col-31 h4 {
    font-size: 18px;
margin: 30px;
color: #c0a79a
}

 .col-31 h5 {
    font-size: 18px;
margin: 30px;
color: #c0a79a
}

 .col-31 h6 {
    font-size: 18px;
margin: 30px;
color: #c0a79a
}

 .col-8 h1 {
    font-size: 18px;
  text-align: center;
color: #c0a79a
}

.col-10 h2 {
    font-size: 14px;
color: #333
}

.col-82 h1 {
    font-size: 19px;
   text-align: center;
color: #c0a79a
}

.col-82 h2 {
    font-size: 19px;
   text-align: center;
color: #c0a79a
}

.col-6 h2 {
    font-size: 19px;
   text-align: center;
color: #c0a79a
}

.col-82 h3 {
    font-size: 19px;
   text-align: center;
color: #c0a79a;
}

.col-83 h3 {
    font-size: 19px;
   text-align: center;
color: #c0a79a
}

.col-82 h4 {
    font-size: 13px;
 text-align: center;
color: #333
}

 .col-9 h2 {
    font-size: 18px;
   text-align: center;
color: #c0a79a
}

.col-8 h2 {
    font-size: 18px;
   text-align: center;
color: #c0a79a
}

.texttb{
margin-top: 75px;  
  margin-bottom: 75px;  
}

.texttc{
  margin-bottom: 0px;  
}

.col-10 p {
    font-size: 11px;
 }

.col-31 p {
   font-size: 13px;
 margin: 30px;
 }

.col-8 p {
    font-size: 12px;
   text-align: center;}

.col-6 p {
    font-size: 12px;
   text-align: center;}

.col-82 p {
    font-size: 13px;
   text-align: center;}

.col-83 p {
    font-size: 10px;
   text-align: center;}

.col-82 p2 {
    font-size: 10px;
   }

.col-9 p {
    font-size: 12px;
   text-align: center;}

.menutext p {
    font-size: 12px;
  margin: 10px;
   }

/* Column widths that will scale on mobile: */
.col-82 {width: 100%;}
.col-83 {width: 100%;}
.col-10 {width:100%;}
.col-31 {width:100%;}
.col-8 {width: 50%;}
.col-9 {width: 50%;}


@media only screen and (max-width: 768px) {
    /* For mobile phones: */
 
    [class*="col-8"] {
        width: 100%;
     padding-right: 0px; 
    }  
   [class*="col-31"] {
        width: 100%;
      padding-right: 0px; 
    
    }  
  [class*="col-10"] {
        width: 100%;
     padding-right: 0px; 
    }
  
  
    [class*="col-82"] {
        width: 100%;
     padding-right: 0px; 
    }
    [class*="col-83"] {
        width: 100%;
     padding-right: 0px; 
    }
  
  [class*="col-9"] {
        width: 100%;
     padding-left: 0px; 
    }
 .header_nav_global_box_detail {
  background-color: #fff;
  padding: 30px 20px 20px;
  }
 .header_btm{
    border-bottom: 1px solid #ccc;
  }
}
@media only screen and (max-width: 468px) {
    /* For mobile phones: */
 
.texttb{
  
margin-top: 60px;  
margin-bottom: 60px;  
}
   
  .col-10 h2 {
    
   margin: 20px;}
   .col-6 h2 {
    
   margin: 20px;}
  
  .col-31 h1 {
   margin: 20px;}
  .col-31 h2 {
   margin: 20px;}
    .col-31 h3 {
   margin: 20px;}
     .col-31 h4 {
     margin: 20px;} 
      .col-31 h5 {
      margin: 20px;}
        .col-31 h6 {
       margin: 20px;}
   .col-31 p {
 margin: 20px;}
   .col-6 p {
 margin: 20px;}
   
  .col-9 h1 {
    
   margin: 20px;}
  .col-9 p {
   margin: 20px;}
  
  .col-8 h1 {
    
   margin: 20px;}
  
  .col-8 p {
   margin: 20px;}

 .col-82 h1 {
    
   margin: 20px;}
  .col-82 h2 {
    
   margin: 20px;}
  
   .col-82 h3 {
    
   margin: 20px;}
    .col-83 h3 {
    
   margin: 20px;}
  
    .col-82 h4 {
    
   margin: 20px;}

  .col-82 p {
   margin: 20px;}
  
  .col-10 p {
   margin: 20px;}
  
  .col-83 p {
   margin: 20px;}
  
   .col-82 p2 {
   margin: 20px;}

.menutext p {
   margin: 20px;
   }

}

.faq {
     margin: 20px;
   }


/*フリーページ特集記事htag ptagここまで */


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

 .free_nav_menu h2{
   
    font-size: 18px;
  
  }


.free_nav_lists {
  text-align: center;
  
}
  .free_nav_list {
    padding-top: 5px;
  }



.free_nav_list {
  color: #fff;
  padding-top: 15px;
}
.free_nav_list:first-child {
  padding-top: 0;
}
.free_nav_list_link {
  font-size: 5px;
  color: #fff;
}
.free_nav_list_link:hover {
  color: #c0a79a;
  text-decoration: none;
}


section:before {
    content: " ";
    margin-top: -120px;
    height: 120px;
    display: block;
    visibility: hidden;
}

.side-menu-category {
    list-style: none;
}
.side-menu-category  li a{
    height: 40px;
}

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}