@charset "UTF-8";
/* ======================= VARIABLE ====== */
/* placeholder color */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap");
:placeholder-shown {
  color: #CFCFCF;
}

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

:-moz-placeholder {
  color: #CFCFCF;
  opacity: 1;
}

::-moz-placeholder {
  color: #CFCFCF;
  opacity: 1;
}

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

/* ======================= IMPORT ====== */
/*=================
     
    basic.scss

=======================*/
.common_main {
  padding: 112px 0 0;
}
@media only screen and (max-width: 960px) {
  .common_main {
    padding: 70px 0 0;
  }
}

.common_wrap {
  padding: 120px 12px 160px;
}
@media only screen and (max-width: 960px) {
  .common_wrap {
    padding: 60px 12px 100px;
  }
}

/* 余白 */
.mb150 {
  margin: 0 0 150px;
}
@media only screen and (max-width: 960px) {
  .mb150 {
    margin: 0 0 75px;
  }
}

.mb80 {
  margin: 0 0 80px;
}
@media only screen and (max-width: 960px) {
  .mb80 {
    margin: 0 0 60px;
  }
}

.mb64 {
  margin: 0 0 64px;
}
@media only screen and (max-width: 960px) {
  .mb64 {
    margin: 0 0 40px;
  }
}

.mb56 {
  margin: 0 0 56px;
}
@media only screen and (max-width: 960px) {
  .mb56 {
    margin: 0 0 36px;
  }
}

.mb48 {
  margin: 0 0 48px;
}
@media only screen and (max-width: 960px) {
  .mb48 {
    margin: 0 0 32px;
  }
}

.mb40 {
  margin: 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .mb40 {
    margin: 0 0 30px;
  }
}

.mb36 {
  margin: 0 0 36px;
}
@media only screen and (max-width: 960px) {
  .mb36 {
    margin: 0 0 28px;
  }
}

.mb32 {
  margin: 0 0 32px;
}

.mb30 {
  margin: 0 0 30px;
}

.mb24 {
  margin: 0 0 24px;
}

.mb20 {
  margin: 0 0 20px;
}

.mb16 {
  margin: 0 0 16px;
}

.mb12 {
  margin: 0 0 12px;
}

.mb10 {
  margin: 0 0 10px;
}

.mb8 {
  margin: 0 0 8px;
}

/* LINK */
/* ALIGN */
.align_left {
  text-align: left;
}

.align_right {
  text-align: right;
}

.align_center {
  text-align: center;
}

/* WEIGHT */
.fw_bold {
  font-weight: bold;
}

.fw-m {
  font-weight: 500;
}

/* EDITOR */
.marker {
  font-weight: bold;
  color: #333;
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(222, 234, 82, 0.3) 70%);
}

.ymarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #fce57b 30%);
}

.ymarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #fce57b 75%);
}

.rmarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #ffd4d4 30%);
}

.rmarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #ffd4d4 75%);
}

.bmarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #d4e9ff 30%);
}

.bmarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #d4e9ff 75%);
}

/*=================
     
    button.scss

=======================*/
.common_btn01 {
  display: block;
  width: 100%;
  padding: 14px 0;
  line-height: 1.5;
  text-align: center;
  color: #fff;
  background: #333;
}
.common_btn01.w236 {
  max-width: 236px;
}
.common_btn01.center {
  margin: 0 auto;
}

.common_btn02 {
  display: block;
  width: 100%;
  padding: 15.5px 0;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #323232;
}
.common_btn02.fw-m {
  font-weight: 500;
}
.common_btn02.w344 {
  max-width: 344px;
}
.common_btn02.center {
  margin: 0 auto;
}

.common_btn02_s {
  display: block;
  width: 100%;
  padding: 13.5px 0;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  color: #fff;
  background: #323232;
}
.common_btn02_s.w344 {
  max-width: 344px;
}
.common_btn02_s.center {
  margin: 0 auto;
}

.common_btn03 {
  display: block;
  width: 100%;
  padding: 14.5px 0;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  color: #323232;
  background: #fff;
  border: 1px #323232 solid;
}
.common_btn03.fw-m {
  font-weight: 500;
}
.common_btn03.w344 {
  max-width: 344px;
}
.common_btn03.center {
  margin: 0 auto;
}

.common_btn03_s {
  display: block;
  width: 100%;
  padding: 12.5px 0;
  line-height: 1.5;
  text-align: center;
  font-weight: bold;
  color: #323232;
  background: #fff;
  border: 1px #323232 solid;
}
.common_btn03_s.center {
  margin: 0 auto;
}

.common_btn04 {
  display: inline-block;
  line-height: 1.5;
  color: #323232;
  padding: 0 32px 0 0;
  background: url("../images/common/arrow_right_b02.svg") right center no-repeat;
  background-size: 24px;
  font-weight: 500;
}

.common_back_btn {
  display: inline-block;
  line-height: 1.5;
  color: #323232;
  padding: 0 0 0 24px;
  background: url("../images/common/arrow_left_b.svg") left center no-repeat;
  background-size: 16px;
}

/*=================
     
    footer.scss

=======================*/
.footer_wrap {
  position: relative;
}
.footer_wrap .footer_icon {
  display: block;
  width: 72px;
  position: absolute;
  top: -99.31px;
  right: 0;
}
@media only screen and (max-width: 960px) {
  .footer_wrap .footer_icon {
    width: 56px;
    top: -77.77px;
  }
}

.footer_index_block {
  background: #F5F5F5;
  padding: 64px 12px 72px;
}
@media only screen and (max-width: 960px) {
  .footer_index_block {
    padding: 32px 12px 36px;
  }
}
.footer_index_block .footer_sns_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: start;
  align-items: start;
}
@media only screen and (max-width: 640px) {
  .footer_index_block .footer_sns_list {
    display: block;
  }
}
.footer_index_block .footer_sns_list .footer_sns_item {
  width: calc( (100% - 48px) / 3 );
  margin: 0 24px 0 0;
}
@media only screen and (max-width: 960px) {
  .footer_index_block .footer_sns_list .footer_sns_item {
    width: calc( (100% - 24px) / 3 );
    margin: 0 12px 0 0;
  }
}
@media only screen and (max-width: 640px) {
  .footer_index_block .footer_sns_list .footer_sns_item {
    width: 100%;
    margin: 0 0 12px;
  }
}
.footer_index_block .footer_sns_list .footer_sns_item:last-of-type {
  margin: 0;
}
.footer_index_block .footer_sns_list .footer_sns_link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 100%;
  padding: 27px 32px;
  border: 1px #333 solid;
  background: url("../images/common/arrow_right_b.svg") right 32px center no-repeat #fff;
  background-size: 24px;
  color: #333;
  font-weight: 500;
  line-height: 1.5;
}
@media only screen and (max-width: 960px) {
  .footer_index_block .footer_sns_list .footer_sns_link {
    padding: 16px 12px;
    background-size: 20px;
    background-position: right 12px center;
  }
}
.footer_index_block .footer_sns_list .footer_sns_link .icon {
  display: block;
  width: 48px;
  min-width: 48px;
  margin: 0 24px 0 0;
}
@media only screen and (max-width: 960px) {
  .footer_index_block .footer_sns_list .footer_sns_link .icon {
    width: 32px;
    min-width: 32px;
    margin: 0 12px 0 0;
  }
}
.footer_index_block .footer_info_block {
  margin: 64px 0 0;
  padding: 64px 0 0;
  border-top: 1px #323232 solid;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: start;
  align-items: start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 960px) {
  .footer_index_block .footer_info_block {
    margin: 32px 0 0;
    padding: 32px 0 0;
  }
}
@media only screen and (max-width: 640px) {
  .footer_index_block .footer_info_block {
    display: block;
  }
}
.footer_index_block .footer_info_block .footer_info_main {
  width: calc( 100% - 620px );
}
@media only screen and (max-width: 960px) {
  .footer_index_block .footer_info_block .footer_info_main {
    width: 32%;
  }
}
@media only screen and (max-width: 640px) {
  .footer_index_block .footer_info_block .footer_info_main {
    width: 100%;
  }
}
.footer_index_block .footer_info_block .footer_info_main .footer_company_title {
  font-weight: bold;
  color: #333;
  line-height: 1.5;
  margin: 0 0 16px;
}
.footer_index_block .footer_info_block .footer_info_main .footer_company_text {
  color: #333;
  line-height: 1.5;
}
.footer_index_block .footer_info_block .footer_info_sub {
  width: 620px;
  padding: 40px 0 0;
}
@media only screen and (max-width: 960px) {
  .footer_index_block .footer_info_block .footer_info_sub {
    width: 66%;
    padding: 37px 0 0;
  }
}
@media only screen and (max-width: 640px) {
  .footer_index_block .footer_info_block .footer_info_sub {
    width: 100%;
    padding: 24px 0 0;
  }
}
.footer_index_block .footer_info_block .footer_info_sub .footer_info_text {
  color: #333;
  line-height: 1.5;
  margin: 0 0 20px;
}
.footer_index_block .footer_info_block .footer_info_sub .common_btn01 {
  float: right;
  width: 236px;
}

.footer_main_block {
  padding: 56px 12px 16px;
  background: #323232;
}
@media only screen and (max-width: 960px) {
  .footer_main_block {
    padding: 28px 12px 16px;
  }
}
.footer_main_block .footer_logo {
  display: block;
  width: 78.62px;
  margin: 0 auto 40px;
}
@media only screen and (max-width: 960px) {
  .footer_main_block .footer_logo {
    width: 64px;
    margin: 0 auto 24px;
  }
}
.footer_main_block .footer_logo img {
  display: block;
  width: 100%;
}
.footer_main_block .footer_text {
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  margin: 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .footer_main_block .footer_text {
    margin: 0 0 24px;
  }
}
.footer_main_block .footer_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 0 16px;
}
@media only screen and (max-width: 640px) {
  .footer_main_block .footer_list {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: start;
    align-items: start;
  }
}
.footer_main_block .footer_list .footer_item {
  margin: 0 8px;
}
@media only screen and (max-width: 640px) {
  .footer_main_block .footer_list .footer_item {
    width: calc( 50% - 4px );
    margin: 0 0 12px;
    text-align: center;
  }
}
.footer_main_block .footer_list .footer_link {
  display: inline-block;
  color: #fff;
  line-height: 1.5;
}

.footer_copyright {
  display: block;
  text-align: center;
  color: #fff;
}

/*=================
     
    form.scss

=======================*/
.form_wrap {
  padding: 64px;
  background: #F5F5F5;
}
@media only screen and (max-width: 960px) {
  .form_wrap {
    padding: 24px;
  }
}
@media only screen and (max-width: 640px) {
  .form_wrap {
    padding: 24px 12px;
  }
}

.form_login_wrap {
  max-width: 712px;
  width: 100%;
  margin: 0 auto;
  padding: 64px;
  background: #F5F5F5;
}
@media only screen and (max-width: 960px) {
  .form_login_wrap {
    padding: 24px;
  }
}
@media only screen and (max-width: 640px) {
  .form_login_wrap {
    padding: 24px 12px;
  }
}
.form_login_wrap .login_btn {
  margin: 0 auto 24px;
}
@media only screen and (max-width: 960px) {
  .form_login_wrap .login_btn {
    margin: 0 auto 12px;
  }
}

.form_list .form_item {
  margin: 0 0 24px;
}
.form_list .form_item:last-of-type {
  margin: 0;
}
.form_list .form_title {
  color: #323232;
  line-height: 1.5;
  margin: 0 0 8px;
  font-weight: bold;
}

.form_login_list .form_login_item {
  margin: 0 0 20px;
}
.form_login_list .form_login_item:last-of-type {
  margin: 0;
}
.form_login_list .form_login_title {
  color: #323232;
  line-height: 1.5;
  margin: 0 0 8px;
}

.form_error_text {
  color: red;
  margin: 4px 0 0;
  line-height: 1.5;
}

.form_input {
  outline: none;
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 16px;
  background: #fff;
  color: #323232;
  border: 1px #CFCFCF solid;
}
@media only screen and (max-width: 960px) {
  .form_input {
    padding: 0 12px;
  }
}

.form_select {
  outline: none;
  display: block;
  width: 100%;
  height: 48px;
  padding: 0 32px 0 16px;
  background: url("../images/form/select_arrow.svg") right 16px center no-repeat #fff;
  background-size: 25px;
  color: #CFCFCF;
  border: 1px #CFCFCF solid;
  appearance: none;
  -webkit-appearance: none;
}
@media only screen and (max-width: 960px) {
  .form_select {
    padding: 0 12px;
    background-position: right 12px center;
    background-size: 20px;
  }
}
.form_select.active {
  color: #323232;
}

.form_radio_list .form_radio_item {
  margin: 0 0 16px;
}
.form_radio_list .form_radio_item:last-of-type {
  margin: 0;
}

.form_radio_label .form_radio_input {
  display: none;
}
.form_radio_label .form_radio_text {
  display: inline-block;
  padding: 0 0 0 32px;
  position: relative;
  font-weight: 500;
  color: #323232;
  line-height: 1.44;
}
.form_radio_label .form_radio_text::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 18px;
  height: 18px;
  border: 1px #CFCFCF solid;
  background: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
@media only screen and (max-width: 960px) {
  .form_radio_label .form_radio_text::before {
    top: 0;
  }
}
.form_radio_label .form_radio_input:checked + .form_radio_text::before {
  background: #323232;
}
.form_radio_label .form_radio_input:checked + .form_radio_text::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 6px;
  width: 5px;
  height: 9px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
}
@media only screen and (max-width: 960px) {
  .form_radio_label .form_radio_input:checked + .form_radio_text::after {
    top: 3px;
  }
}

.form_textarea {
  outline: none;
  display: block;
  width: 100%;
  height: 240px;
  padding: 16px;
  background: #fff;
  color: #323232;
  border: 1px #CFCFCF solid;
  resize: none;
}
@media only screen and (max-width: 960px) {
  .form_textarea {
    padding: 12px;
  }
}
@media only screen and (max-width: 640px) {
  .form_textarea {
    height: 150px;
  }
}

.form_name_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.form_name_block .form_input {
  width: calc(50% - 12px);
}
@media only screen and (max-width: 960px) {
  .form_name_block .form_input {
    width: calc(50% - 6px);
  }
}

.form_zip_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.form_zip_block .form_zip_line {
  display: block;
  width: 16px;
  min-width: 16px;
  height: 1px;
  background: #323232;
  margin: 0 12px;
}
@media only screen and (max-width: 960px) {
  .form_zip_block .form_zip_line {
    width: 12px;
    min-width: 12px;
    margin: 0 8px;
  }
}

.form_tel_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.form_tel_block .form_tel_line {
  display: block;
  width: 16px;
  min-width: 16px;
  height: 1px;
  background: #323232;
  margin: 0 12px;
}
@media only screen and (max-width: 960px) {
  .form_tel_block .form_tel_line {
    width: 12px;
    min-width: 12px;
    margin: 0 8px;
  }
}

.form_btnarea {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 528px;
  margin: 0 auto;
}
.form_btnarea .form_btn {
  width: calc(50% - 12px);
}
@media only screen and (max-width: 960px) {
  .form_btnarea .form_btn {
    width: calc(50% - 6px);
  }
}

.form_complete_block {
  background: #F5F5F5;
  max-width: 712px;
  width: 100%;
  margin: 0 auto;
  padding: 64px;
}
@media only screen and (max-width: 960px) {
  .form_complete_block {
    padding: 32px 12px;
  }
}
.form_complete_block .form_complete_title {
  color: #333;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  margin: 0 0 32px;
}
@media only screen and (max-width: 960px) {
  .form_complete_block .form_complete_title {
    margin: 0 0 12px;
  }
}
.form_complete_block .form_complete_text {
  color: #333;
  line-height: 1.5;
  margin: 0 0 48px;
}
@media only screen and (max-width: 960px) {
  .form_complete_block .form_complete_text {
    margin: 0 0 32px;
  }
}
.form_complete_block .common_btn02 {
  font-weight: 500;
}

.form_card_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.form_card_block .form_card_line {
  display: block;
  width: 16px;
  min-width: 16px;
  height: 1px;
  background: #323232;
  margin: 0 12px;
}
@media only screen and (max-width: 960px) {
  .form_card_block .form_card_line {
    width: 12px;
    min-width: 12px;
    margin: 0 8px;
  }
}

.form_date_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.form_date_block .form_date_text {
  color: #323232;
  line-height: 1.5;
  margin: 0 24px;
}
@media only screen and (max-width: 960px) {
  .form_date_block .form_date_text {
    margin: 0 8px;
  }
}

/*=================
     
    header.scss

=======================*/
.header_wrap {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 60;
  width: 100%;
  height: 112px;
  padding: 0 96px 0 80px;
  background: #323232;
}
@media only screen and (max-width: 960px) {
  .header_wrap {
    height: 70px;
    padding: 0 12px;
  }
}
.header_wrap.header_index {
  background: none;
}
.header_wrap.header_index.active {
  background: #323232;
}
.header_wrap .header_inner {
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.header_wrap .header_logo {
  display: block;
  width: 67.38px;
}
@media only screen and (max-width: 960px) {
  .header_wrap .header_logo {
    width: 50px;
  }
}
.header_wrap .header_logo img {
  display: block;
  width: 100%;
}

.header_nav {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

.header_menu_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 48px 0 0;
}
@media only screen and (max-width: 960px) {
  .header_menu_list {
    display: block;
    margin: 0;
  }
}
.header_menu_list .header_menu_item {
  margin: 0 24px 0 0;
}
@media only screen and (max-width: 960px) {
  .header_menu_list .header_menu_item {
    margin: 0;
    border-bottom: 1px #C1C1C1 solid;
  }
}
.header_menu_list .header_menu_item:last-of-type {
  margin: 0;
}
.header_menu_list .header_menu_link {
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
}
@media only screen and (max-width: 960px) {
  .header_menu_list .header_menu_link {
    display: block;
    width: 100%;
    padding: 16px 0;
  }
}

.header_btn_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 16px 0 0;
}
.header_btn_list .header_btn_item {
  margin: 0 24px 0 0;
}
@media only screen and (max-width: 960px) {
  .header_btn_list .header_btn_item {
    margin: 0 16px 0 0;
  }
}
.header_btn_list .header_btn_item:last-of-type {
  margin: 0;
}
.header_btn_list .header_btn_link {
  display: block;
  width: 24px;
}
.header_btn_list .header_btn_link img {
  display: block;
  width: 100%;
}

.header_btn {
  position: relative;
  display: block;
  outline: none;
  background: none;
  width: 30px;
  height: 30px;
  padding: 0;
  border: none;
}
.header_btn .top {
  display: block;
  width: 24px;
  height: 2px;
  background: #fff;
  margin: 0 auto 3px;
}
.header_btn .bottom {
  display: block;
  width: 24px;
  height: 2px;
  background: #fff;
  margin: 0 auto;
}
.header_btn.active .top {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.header_btn.active .bottom {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.header_menu_wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  z-index: 55;
  background: #323232;
  padding: 70px 12px 30px;
}
.header_menu_wrap .header_menu_inner {
  height: 100%;
  overflow: scroll;
}

/*=================
     
    pager.scss

=======================*/
.pager_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  /*
  	&.color-black{
  		.pager_prev{
  			background: $main-black;
  		}
  		.pager_next{
  			background: $main-black;
  		}
  		.pager_list{
  			color: $main-black;
  			.pager_link{
  				color: $main-black;
  				border: 1px $main-black solid;
  				&.active{
  					background: $main-black;
  					color: $white;
  				}
  			}
  		}
  	}
  */
}
.pager_block .pager_prev {
  position: relative;
  display: block;
  width: 41px;
  height: 51px;
  background: #323232;
  margin: 0 4px 0 0;
}
@media only screen and (max-width: 960px) {
  .pager_block .pager_prev {
    width: 28px;
    height: 28px;
  }
}
.pager_block .pager_prev img {
  display: block;
  width: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.pager_block .pager_next {
  position: relative;
  display: block;
  width: 41px;
  height: 51px;
  background: #323232;
  margin: 0 0 0 4px;
}
@media only screen and (max-width: 960px) {
  .pager_block .pager_next {
    width: 28px;
    height: 28px;
  }
}
.pager_block .pager_next img {
  display: block;
  width: 24px;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.pager_block .pager_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  color: #323232;
}
.pager_block .pager_list .pager_item {
  margin: 0 4px;
}
.pager_block .pager_list .pager_link {
  display: block;
  position: relative;
  color: #323232;
  text-align: center;
  min-width: 41px;
  height: 51px;
  padding: 0 4px;
  border: 1px #323232 solid;
}
@media only screen and (max-width: 960px) {
  .pager_block .pager_list .pager_link {
    min-width: 28px;
    height: 28px;
  }
}
.pager_block .pager_list .pager_link span {
  line-height: 49px;
}
@media only screen and (max-width: 960px) {
  .pager_block .pager_list .pager_link span {
    line-height: 26px;
  }
}
.pager_block .pager_list .pager_link.active {
  background: #323232;
  color: #fff;
}

/*=================
     
    title.scss

=======================*/
.common_title01 {
  position: relative;
  text-align: center;
  font-size: 40px;
  color: #333;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 48px;
}
@media only screen and (max-width: 960px) {
  .common_title01 {
    font-size: 30px;
    margin: 0 0 32px;
  }
}
.common_title01:after {
  content: "";
  display: block;
  width: 40px;
  height: 4px;
  background: #333;
  margin: 12px auto 0;
}
@media only screen and (max-width: 960px) {
  .common_title01:after {
    width: 30px;
    height: 3px;
  }
}

.common_title02 {
  position: relative;
  font-size: 40px;
  color: #333;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .common_title02 {
    font-size: 30px;
    margin: 0 0 32px;
  }
}
.common_title02 span {
  display: block;
  font-weight: normal;
  margin: 8px 0 0;
}

.common_title03 {
  border-top: 1px #323232 solid;
  border-bottom: 1px #323232 solid;
  padding: 15px 24px;
  margin: 0 0 24px;
  font-weight: bold;
  color: #323232;
  line-height: 1.5;
}
@media only screen and (max-width: 960px) {
  .common_title03 {
    padding: 12px;
  }
}

.common_title04 {
  color: #323232;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 32px;
  text-align: center;
}
@media only screen and (max-width: 960px) {
  .common_title04 {
    margin: 0 0 12px;
  }
}

/*=================
     
    text.scss

=======================*/
.common_text_m {
  color: #323232;
  line-height: 1.5;
}

.common_text_mb {
  color: #323232;
  line-height: 1.5;
  font-weight: bold;
}

.common_text_s {
  color: #323232;
  line-height: 1.5;
}
.common_text_s a {
  color: #323232;
  text-decoration: underline;
}

/*=================
     
    editor.scss

=======================*/
.editor_main_pic {
  display: block;
  width: 100%;
  padding-top: 59.7%;
  margin: 0 0 40px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.editor_wrap {
  color: #333;
  line-height: 1.5;
}
.editor_wrap h2 {
  color: #323232;
  font-weight: bold;
  padding: 0 0 0 16px;
  margin: 0 0 16px;
  font-size: 20px;
  border-left: 4px #323232 solid;
}
@media only screen and (max-width: 960px) {
  .editor_wrap h2 {
    font-size: 18px;
    padding: 0 0 0 12px;
  }
}
.editor_wrap h3 {
  font-weight: bold;
  color: #323232;
  position: relative;
  margin: 0 0 16px;
  padding: 0 0 0 28px;
}
@media only screen and (max-width: 960px) {
  .editor_wrap h3 {
    padding: 0 0 0 20px;
  }
}
.editor_wrap h3:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #323232;
  position: absolute;
  left: 0;
  top: 8px;
}
@media only screen and (max-width: 960px) {
  .editor_wrap h3:before {
    width: 8px;
    height: 8px;
  }
}
.editor_wrap h4 {
  color: #323232;
  font-weight: bold;
  margin: 0 0 16px;
}
.editor_wrap p {
  margin: 0 0 48px;
}
@media only screen and (max-width: 960px) {
  .editor_wrap p {
    margin: 0 0 40px;
  }
}
.editor_wrap p a {
  display: inline;
  margin: 0;
}
.editor_wrap img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  margin: 0 0 24px;
}
.editor_wrap big {
  font-size: larger;
}
.editor_wrap small {
  font-size: smaller;
}
.editor_wrap i, .editor_wrap dfn, .editor_wrap em {
  font-style: italic;
}
.editor_wrap strong, .editor_wrap b {
  font-weight: bold;
}
.editor_wrap ins {
  text-decoration: underline;
}
.editor_wrap sup {
  vertical-align: super;
  font-size: smaller;
}
.editor_wrap a {
  display: block;
  color: #bdc843;
  text-decoration: underline;
  margin: 0 0 24px;
}
.editor_wrap .huto {
  font-weight: bold;
}
.editor_wrap .hutoaka {
  font-weight: bold;
  color: red;
}
.editor_wrap .oomozi {
  font-size: 20px;
  font-weight: bold;
}
.editor_wrap .italic {
  font-style: italic;
}
.editor_wrap .komozi {
  font-size: 12px;
}
.editor_wrap .dotline {
  border-bottom: 1px #959595 dotted;
}
.editor_wrap .sankou {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  padding: 0 5px;
  margin: 0 10px 0 0;
  background: #ff9800;
}
.editor_wrap .st-hisu {
  display: inline-block;
  font-size: 10px;
  color: #fff;
  padding: 0 5px;
  margin: 0 10px 0 0;
  background: red;
}
.editor_wrap code {
  color: #333;
  padding: 4px;
  background: #eee;
  margin: 2px;
  border-radius: 2px;
  font-size: .9em;
  font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
}
.editor_wrap .marker {
  font-weight: bold;
  color: #323232;
  background: linear-gradient(rgba(0, 0, 0, 0) 70%, rgba(222, 234, 82, 0.3) 70%);
}
.editor_wrap .ymarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #fce57b 30%);
}
.editor_wrap .ymarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #fce57b 75%);
}
.editor_wrap .rmarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #ffd4d4 30%);
}
.editor_wrap .rmarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #ffd4d4 75%);
}
.editor_wrap .bmarker {
  background: linear-gradient(rgba(0, 0, 0, 0) 30%, #d4e9ff 30%);
}
.editor_wrap .bmarker-s {
  background: linear-gradient(rgba(0, 0, 0, 0) 75%, #d4e9ff 75%);
}

/*=================

    top.scss

=======================*/
.top_mv_wrap {
  position: relative;
  background-size: cover;
  height: 100vh;
  min-height: 500px;
  padding: 0 12px;
}
@media only screen and (max-width: 640px) {
  .top_mv_wrap {
    min-height: inherit;
  }
}
.top_mv_wrap .top_mv_inner {
  position: relative;
  height: 100%;
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
}
.top_mv_wrap .top_mv_box {
  position: absolute;
  top: 50%;
  left: 0;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
}
.top_mv_wrap .top_mv_title {
  color: #fff;
  font-weight: bold;
  font-size: 36px;
  line-height: 1.2;
  margin: 0 0 24px;
}
@media only screen and (max-width: 960px) {
  .top_mv_wrap .top_mv_title {
    font-size: 24px;
  }
}
.top_mv_wrap .top_mv_title span {
  display: block;
  font-size: 88px;
}
@media only screen and (max-width: 960px) {
  .top_mv_wrap .top_mv_title span {
    font-size: 60px;
  }
}
@media only screen and (max-width: 350px) {
  .top_mv_wrap .top_mv_title span {
    font-size: 50px;
  }
}
.top_mv_wrap .top_mv_text {
  color: #fff;
  line-height: 1.5;
  font-weight: 500;
}

.top_product_wrap {
  background: #F5F5F5;
  padding: 120px 12px;
}
@media only screen and (max-width: 960px) {
  .top_product_wrap {
    padding: 60px 12px;
  }
}
.top_product_wrap .top_product_inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: start;
  align-items: start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 893px;
  width: 100%;
  margin: 0 auto 18px;
}
@media only screen and (max-width: 640px) {
  .top_product_wrap .top_product_inner {
    display: block;
  }
}
.top_product_wrap .top_product_main {
  width: 398px;
}
@media only screen and (max-width: 960px) {
  .top_product_wrap .top_product_main {
    width: 100%;
    max-width: 350px;
  }
}
@media only screen and (max-width: 640px) {
  .top_product_wrap .top_product_main {
    text-align: center;
    margin: 0 auto 32px;
  }
}
.top_product_wrap .top_product_main .top_product_title {
  font-size: 48px;
  line-height: 1.5;
  color: #333;
  font-weight: bold;
  margin: 0 0 32px;
}
@media only screen and (max-width: 960px) {
  .top_product_wrap .top_product_main .top_product_title {
    font-size: 32px;
  }
}
.top_product_wrap .top_product_main .top_product_title small {
  position: relative;
}
.top_product_wrap .top_product_main .top_product_title small:before {
  content: "";
  display: block;
  width: 10px;
  min-width: 10px;
  height: 10px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #DEEA52;
  position: absolute;
  left: 50%;
  top: -12px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (max-width: 960px) {
  .top_product_wrap .top_product_main .top_product_title small:before {
    width: 7px;
    min-width: 7px;
    height: 7px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }
}
.top_product_wrap .top_product_main .top_product_title span {
  display: inline-block;
  line-height: 1.3;
  background: linear-gradient(rgba(0, 0, 0, 0) 80%, #deea52 80%);
}
.top_product_wrap .top_product_main .top_product_text {
  font-size: 32px;
  line-height: 1.5;
  color: #333;
  font-weight: bold;
  margin: 0 0 32px;
}
@media only screen and (max-width: 960px) {
  .top_product_wrap .top_product_main .top_product_text {
    font-size: 20px;
  }
}
.top_product_wrap .top_product_main img {
  display: block;
  width: 100%;
}
.top_product_wrap .top_product_pic {
  display: block;
  width: 319px;
}
@media only screen and (max-width: 960px) {
  .top_product_wrap .top_product_pic {
    width: 220px;
  }
}
@media only screen and (max-width: 640px) {
  .top_product_wrap .top_product_pic {
    width: 100%;
    max-width: 140px;
    margin: 0 auto;
  }
}

.top_main_wrap {
  padding: 120px 12px 136px;
}
@media only screen and (max-width: 960px) {
  .top_main_wrap {
    padding: 60px 12px 80px;
  }
}

.top_pickup_wrap {
  margin: 0 0 136px;
}
@media only screen and (max-width: 960px) {
  .top_pickup_wrap {
    margin: 0 0 68px;
  }
}
.top_pickup_wrap .top_pickup_main {
  position: relative;
}
.top_pickup_wrap .top_pickup_main .top_pickup_icon {
  display: block;
  width: 72px;
  position: absolute;
  left: 0;
  top: -98px;
}
@media only screen and (max-width: 960px) {
  .top_pickup_wrap .top_pickup_main .top_pickup_icon {
    width: 50px;
    top: -68.05px;
  }
}
.top_pickup_wrap .common_product_list {
  margin: 0 0 32px;
}
@media only screen and (max-width: 960px) {
  .top_pickup_wrap .common_product_list {
    margin: 0 0 12px;
  }
}

.top_item_wrap {
  margin: 0 0 136px;
}
@media only screen and (max-width: 960px) {
  .top_item_wrap {
    margin: 0 0 68px;
  }
}
.top_item_wrap .top_item_main {
  position: relative;
}
.top_item_wrap .top_item_main .top_item_icon {
  display: block;
  width: 72px;
  position: absolute;
  right: 0;
  top: -102.17px;
}
@media only screen and (max-width: 960px) {
  .top_item_wrap .top_item_main .top_item_icon {
    width: 50px;
    top: -71.52px;
  }
}
.top_item_wrap .common_product_list {
  margin: 0 0 32px;
}
@media only screen and (max-width: 960px) {
  .top_item_wrap .common_product_list {
    margin: 0 0 12px;
  }
}

.top_column_wrap {
  margin: 0 0 136px;
}
@media only screen and (max-width: 960px) {
  .top_column_wrap {
    margin: 0 0 68px;
  }
}
.top_column_wrap .top_column_main {
  position: relative;
}
.top_column_wrap .top_column_main .top_column_icon {
  display: block;
  width: 88px;
  position: absolute;
  left: 0;
  top: -61.9px;
}
@media only screen and (max-width: 960px) {
  .top_column_wrap .top_column_main .top_column_icon {
    width: 60px;
    top: -42.27px;
  }
}
.top_column_wrap .top_column_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 32px;
}
@media only screen and (max-width: 960px) {
  .top_column_wrap .top_column_list {
    margin: 0 0 24px;
  }
}
.top_column_wrap .top_column_list .top_column_item {
  width: calc( 50% - 12px );
  margin: 0 0 24px;
}
@media only screen and (max-width: 960px) {
  .top_column_wrap .top_column_list .top_column_item {
    width: calc( 50% - 6px );
    margin: 0 0 12px;
  }
}
@media only screen and (max-width: 640px) {
  .top_column_wrap .top_column_list .top_column_item {
    width: 100%;
  }
}
.top_column_wrap .top_column_list .top_column_link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: start;
  align-items: start;
  padding: 16px;
  height: 100%;
  background: #F5F5F5;
}
@media only screen and (max-width: 960px) {
  .top_column_wrap .top_column_list .top_column_link {
    padding: 12px;
  }
}
.top_column_wrap .top_column_list .top_column_pic {
  display: block;
  margin: 0 16px 0 0;
  display: block;
  width: 144px;
  min-width: 144px;
  height: 144px;
}
@media only screen and (max-width: 960px) {
  .top_column_wrap .top_column_list .top_column_pic {
    margin: 0 12px 0 0;
    display: block;
    width: 100px;
    min-width: 100px;
    height: 100px;
  }
}
.top_column_wrap .top_column_list .top_column_info {
  width: 100%;
}
.top_column_wrap .top_column_list .top_column_category {
  display: inline-block;
  line-height: 1.5;
  color: #000;
  border: 1px #333 solid;
  padding: 2.5px 12px;
  font-weight: 500;
  margin: 0 0 12px;
}
.top_column_wrap .top_column_list .top_column_title {
  color: #323232;
  line-height: 1.5;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0 0 8px;
}
.top_column_wrap .top_column_list .top_column_date {
  color: #323232;
  line-height: 1.5;
}

.top_news_wrap {
  margin: 0 0 136px;
}
@media only screen and (max-width: 960px) {
  .top_news_wrap {
    margin: 0 0 68px;
  }
}
.top_news_wrap .top_news_main {
  position: relative;
}
.top_news_wrap .top_news_main .top_news_icon {
  display: block;
  width: 88px;
  position: absolute;
  right: -88px;
  bottom: 0;
}
@media only screen and (max-width: 1100px) {
  .top_news_wrap .top_news_main .top_news_icon {
    right: 0;
  }
}
@media only screen and (max-width: 960px) {
  .top_news_wrap .top_news_main .top_news_icon {
    width: 50px;
  }
}
@media only screen and (max-width: 500px) {
  .top_news_wrap .top_news_main .top_news_icon {
    bottom: 46px;
  }
}
.top_news_wrap .common_news_list {
  margin: 0 0 56px;
}
@media only screen and (max-width: 960px) {
  .top_news_wrap .common_news_list {
    margin: 0 0 36px;
  }
}

.top_store_wrap .top_store_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: start;
  align-items: start;
}
@media only screen and (max-width: 640px) {
  .top_store_wrap .top_store_list {
    display: block;
  }
}
.top_store_wrap .top_store_list .top_store_item {
  width: calc( (100% - 48px) / 3 );
  margin: 0 24px 0 0;
}
@media only screen and (max-width: 960px) {
  .top_store_wrap .top_store_list .top_store_item {
    width: calc( (100% - 24px) / 3 );
    margin: 0 12px 0 0;
  }
}
@media only screen and (max-width: 640px) {
  .top_store_wrap .top_store_list .top_store_item {
    width: 100%;
    margin: 0 0 24px;
  }
}
.top_store_wrap .top_store_list .top_store_item:last-of-type {
  margin: 0;
}
.top_store_wrap .top_store_list .top_store_link {
  display: block;
  width: 100%;
}
.top_store_wrap .top_store_list .top_store_pic {
  display: block;
  width: 100%;
  margin: 0 auto 16px;
}
@media only screen and (max-width: 960px) {
  .top_store_wrap .top_store_list .top_store_pic {
    margin: 0 auto 8px;
  }
}
.top_store_wrap .top_store_list .top_store_text {
  color: #333;
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
}

/*=================

    product.scss

=======================*/
.common_product_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 640px) {
  .common_product_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
.common_product_list .common_product_item {
  width: calc( ( 100% - 72px ) / 4 );
  margin: 0 24px 24px 0;
}
@media only screen and (max-width: 960px) {
  .common_product_list .common_product_item {
    width: calc( ( 100% - 36px ) / 4 );
    margin: 0 12px 24px 0;
  }
}
@media only screen and (max-width: 640px) {
  .common_product_list .common_product_item {
    width: calc( 50% - 6px );
    margin: 0 0 24px;
  }
}
.common_product_list .common_product_item:nth-of-type(4n) {
  margin: 0 0 24px;
}
.common_product_list .common_product_link {
  display: block;
  width: 100%;
}
.common_product_list .common_product_pic {
  display: block;
  width: 100%;
  padding-top: 126.99%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #F5F5F5;
  margin: 0 0 12px;
}
.common_product_list .common_product_main {
  text-align: center;
}
.common_product_list .common_product_categoty {
  line-height: 1.5;
  color: #939393;
  font-weight: 500;
  margin: 0 0 2px;
}
.common_product_list .common_product_name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.5;
  color: #333;
  font-weight: 500;
  margin: 0 0 2px;
}
.common_product_list .common_product_price {
  line-height: 1.5;
  color: #333;
}

/* all */
.product_result_block {
  border-top: 1px #323232 solid;
  border-bottom: 1px #323232 solid;
  padding: 15px 24px;
  margin: 0 0 24px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 960px) {
  .product_result_block {
    padding: 12px;
  }
}
.product_result_block .product_result_select {
  font-weight: 500;
  color: #323232;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  border: none;
  background: url("../images/common/arrow_down_b.svg") right center no-repeat;
  background-size: 16px;
  padding: 0 26px 0 0;
}
.product_result_block .product_result_text {
  color: #323232;
  line-height: 1.5;
}

.product_main .common_product_list {
  margin: 0 0 56px;
}
@media only screen and (max-width: 960px) {
  .product_main .common_product_list {
    margin: 0 0 24px;
  }
}

.product-d_wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: start;
  align-items: start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 120px;
}
@media only screen and (max-width: 960px) {
  .product-d_wrap {
    margin: 0 0 80px;
  }
}
@media only screen and (max-width: 640px) {
  .product-d_wrap {
    display: block;
  }
}
.product-d_wrap .product-d_sub {
  width: 55.9%;
}
@media only screen and (max-width: 960px) {
  .product-d_wrap .product-d_sub {
    width: calc( 50% - 12px );
  }
}
@media only screen and (max-width: 640px) {
  .product-d_wrap .product-d_sub {
    width: 100%;
    margin: 0 0 24px;
  }
}
.product-d_wrap .product-d_main {
  width: calc( 44.1% - 64px );
}
@media only screen and (max-width: 960px) {
  .product-d_wrap .product-d_main {
    width: calc( 50% - 12px );
  }
}
@media only screen and (max-width: 640px) {
  .product-d_wrap .product-d_main {
    width: 100%;
  }
}

.product-d_slider {
  width: 100%;
  margin: 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .product-d_slider {
    margin: 0 0 24px;
  }
}
@media only screen and (max-width: 640px) {
  .product-d_slider {
    margin: 0 0 12px;
  }
}
.product-d_slider .product-d_slider_pic {
  display: block;
  width: 100%;
  padding-top: 100%;
}

.product-d_thumb {
  margin: 0 -8px;
}
@media only screen and (max-width: 960px) {
  .product-d_thumb {
    margin: 0 0 0 -4px;
  }
}
.product-d_thumb .slick-current .product-d_thumb_pic {
  border: 1px #323232 solid;
}
.product-d_thumb .product-d_thumb_item {
  padding: 0 8px;
}
@media only screen and (max-width: 960px) {
  .product-d_thumb .product-d_thumb_item {
    padding: 0 4px;
  }
}
.product-d_thumb .product-d_thumb_pic {
  display: block;
  padding-top: 100%;
}

.product-d_category {
  color: #A0A0A0;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 4px;
}

.product-d_name {
  font-size: 28px;
  line-height: 1.5;
  color: #323232;
  font-weight: bold;
  margin: 0 0 12px;
}
@media only screen and (max-width: 960px) {
  .product-d_name {
    font-size: 24px;
  }
}

.product-d_price {
  font-size: 20px;
  color: #323232;
  line-height: 1.5;
  margin: 0 0 24px;
}
@media only screen and (max-width: 960px) {
  .product-d_price {
    font-size: 18px;
  }
}
.product-d_price span {
  color: #A0A0A0;
  margin: 0 0 0 4px;
}

.product-d_form {
  margin: 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .product-d_form {
    margin: 0 0 24px;
  }
}

.product-d_form_list {
  margin: 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .product-d_form_list {
    margin: 0 0 24px;
  }
}
.product-d_form_list .product-d_form_item {
  margin: 0 0 16px;
}
@media only screen and (max-width: 960px) {
  .product-d_form_list .product-d_form_item {
    margin: 0 0 12px;
  }
}
.product-d_form_list .product-d_form_item:last-of-type {
  margin: 0;
}
.product-d_form_list .product-d_form_title {
  color: #323232;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 8px;
}
.product-d_form_list .product-d_select {
  color: #878787;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  width: 100%;
  height: 47px;
  border: 1px #C8C8C8 solid;
  background: url("../images/common/arrow_down_b02.svg") right 12px center no-repeat;
  background-size: 25px;
  padding: 0 30px 0 16px;
}
.product-d_form_list .product-d_select.active {
  color: #323232;
}

.product-d_cart_btn {
  display: block;
  width: 100%;
  height: 55px;
  text-align: center;
  background: #323232;
  color: #fff;
  font-weight: bold;
  margin: 0 0 16px;
}
@media only screen and (max-width: 960px) {
  .product-d_cart_btn {
    margin: 0 0 8px;
  }
}
.product-d_cart_btn img {
  display: inline-block;
  vertical-align: -4px;
  width: 20px;
  margin: 0 8px 0 0;
}

.product-d_like_btn {
  display: block;
  width: 100%;
  height: 47px;
  text-align: center;
  background: #fff;
  color: #323232;
  border: 1px #323232 solid;
}
.product-d_like_btn.active {
  background: rgba(255, 0, 0, 0.3);
}
.product-d_like_btn img {
  display: inline-block;
  vertical-align: -4px;
  width: 20px;
  margin: 0 8px 0 0;
}

.product-d_info_title {
  color: #323232;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 8px;
}

/* category */
.product_cat_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 -24px;
}
@media only screen and (max-width: 640px) {
  .product_cat_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
}
.product_cat_list .product_cat_item {
  width: calc( ( 100% - 72px ) / 4 );
  margin: 0 24px 24px 0;
}
@media only screen and (max-width: 960px) {
  .product_cat_list .product_cat_item {
    width: calc( ( 100% - 36px ) / 4 );
    margin: 0 12px 24px 0;
  }
}
@media only screen and (max-width: 640px) {
  .product_cat_list .product_cat_item {
    width: calc( 50% - 6px );
    margin: 0 0 24px;
  }
}
.product_cat_list .product_cat_item:nth-of-type(4n) {
  margin: 0 0 24px;
}
.product_cat_list .product_cat_link {
  display: block;
  width: 100%;
}
.product_cat_list .product_cat_pic {
  display: block;
  width: 100%;
  padding-top: 69.84%;
  margin: 0 0 16px;
}
@media only screen and (max-width: 960px) {
  .product_cat_list .product_cat_pic {
    margin: 0 0 8px;
  }
}
.product_cat_list .product_cat_main {
  text-align: center;
}
.product_cat_list .product_cat_name {
  line-height: 1.5;
  font-weight: bold;
  color: #333;
  font-size: 20px;
}
@media only screen and (max-width: 960px) {
  .product_cat_list .product_cat_name {
    font-size: 18px;
  }
}
.product_cat_list .product_cat_text {
  line-height: 1.5;
  font-weight: 500;
  color: #939393;
}

/*=================

    column.scss

=======================*/
.common_column_tag_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.common_column_tag_list .common_column_tag_item {
  margin: 0 16px 8px 0;
  color: #757575;
  line-height: 1.5;
}
@media only screen and (max-width: 960px) {
  .common_column_tag_list .common_column_tag_item {
    margin: 0 12px 4px 0;
  }
}
.common_column_tag_list .common_column_tag_item:before {
  content: "#";
}

.column_layout_wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: start;
  align-items: start;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  .column_layout_wrap {
    display: block;
  }
}
.column_layout_wrap .column_layout_main {
  width: calc(100% - 368px);
}
@media only screen and (max-width: 960px) {
  .column_layout_wrap .column_layout_main {
    width: calc(100% - 264px);
  }
}
@media only screen and (max-width: 640px) {
  .column_layout_wrap .column_layout_main {
    width: 100%;
    margin: 0 0 40px;
  }
}
.column_layout_wrap .column_layout_aside {
  width: 288px;
}
@media only screen and (max-width: 960px) {
  .column_layout_wrap .column_layout_aside {
    width: 240px;
  }
}
@media only screen and (max-width: 640px) {
  .column_layout_wrap .column_layout_aside {
    width: 100%;
  }
}

.column_list {
  margin: 0 0 80px;
}
@media only screen and (max-width: 960px) {
  .column_list {
    margin: 0 0 40px;
  }
}
.column_list .column_item {
  margin: 0 0 24px;
}
@media only screen and (max-width: 960px) {
  .column_list .column_item {
    margin: 0 0 12px;
  }
}
.column_list .column_item:last-of-type {
  margin: 0;
}
.column_list .column_link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: start;
  align-items: start;
  padding: 16px;
  height: 100%;
  background: #F5F5F5;
}
@media only screen and (max-width: 960px) {
  .column_list .column_link {
    padding: 12px;
  }
}
.column_list .column_pic {
  display: block;
  margin: 0 16px 0 0;
  display: block;
  width: 144px;
  min-width: 144px;
  height: 144px;
}
@media only screen and (max-width: 960px) {
  .column_list .column_pic {
    margin: 0 12px 0 0;
    display: block;
    width: 100px;
    min-width: 100px;
    height: 100px;
  }
}
.column_list .column_info {
  width: 100%;
  padding: 8px 0 0;
}
@media only screen and (max-width: 960px) {
  .column_list .column_info {
    padding: 0;
  }
}
.column_list .column_category {
  display: inline-block;
  line-height: 1.5;
  color: #000;
  border: 1px #333 solid;
  padding: 2.5px 12px;
  font-weight: 500;
  margin: 0 0 12px;
}
.column_list .column_title {
  color: #323232;
  line-height: 1.5;
  font-weight: 500;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0 0 8px;
}
.column_list .column_date {
  color: #323232;
  font-weight: 500;
  line-height: 1.5;
}

/* aside */
.column_aside_block {
  margin: 0 0 64px;
}
@media only screen and (max-width: 960px) {
  .column_aside_block {
    margin: 0 0 32px;
  }
}
.column_aside_block:last-of-type {
  margin: 0;
}
.column_aside_block .column_aside_title {
  font-size: 32px;
  line-height: 1.5;
  color: #323232;
  margin: 0 0 16px;
  font-weight: bold;
}
@media only screen and (max-width: 960px) {
  .column_aside_block .column_aside_title {
    font-size: 26px;
  }
}

.column_aside_cat_list .column_aside_cat_item {
  border-bottom: 1px #CFCFCF solid;
  padding: 0 0 16px;
  margin: 0 0 16px;
}
.column_aside_cat_list .column_aside_cat_item:last-of-type {
  margin: 0;
}
.column_aside_cat_list .column_aside_cat_link {
  display: block;
  color: #323232;
  font-weight: 500;
  line-height: 1.5;
  background: url("../images/common/arrow_right_b02.svg") right center no-repeat;
  background-size: 25px;
  padding: 0 32px 0 0;
}

.column_aside_tag_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.column_aside_tag_list .column_aside_tag_item {
  margin: 0 24px 24px 0;
}
@media only screen and (max-width: 960px) {
  .column_aside_tag_list .column_aside_tag_item {
    margin: 0 12px 12px 0;
  }
}
.column_aside_tag_list .column_aside_tag_link {
  color: #757575;
  line-height: 1.5;
  font-weight: 500;
}
.column_aside_tag_list .column_aside_tag_link:before {
  content: "#";
}

/* detail */
.column-d_wrap {
  max-width: 712px;
  width: 100%;
  margin: 0 auto;
}
.column-d_wrap .column-d_info {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 0 16px;
}
.column-d_wrap .column-d_info .column-d_category {
  display: inline-block;
  line-height: 1.5;
  color: #000;
  border: 1px #333 solid;
  padding: 2.5px 12px;
  font-weight: 500;
  margin: 0 24px 0 0;
}
@media only screen and (max-width: 960px) {
  .column-d_wrap .column-d_info .column-d_category {
    margin: 0 12px 0 0;
  }
}
.column-d_wrap .column-d_info .column-d_date {
  color: #323232;
  line-height: 1.5;
}
.column-d_wrap .common_column_tag_list {
  margin: 0 0 8px;
}
.column-d_wrap .column-d_title {
  color: #323232;
  line-height: 1.5;
  padding: 0 0 16px;
  margin: 0 0 24px;
  font-weight: bold;
  border-bottom: 2px #323232 solid;
}
.column-d_wrap .column-d_main_pic {
  display: block;
  width: 100%;
  padding-top: 59.13%;
  margin: 0 0 48px;
}
.column-d_wrap .blog_content ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
.column-d_wrap .common_btn01 {
  margin: 80px auto 0;
}
@media only screen and (max-width: 960px) {
  .column-d_wrap .common_btn01 {
    margin: 64px auto 0;
  }
}

/*=================
     
    news.scss

=======================*/
.common_news_list .common_news_item {
  border-bottom: 1px #CFCFCF solid;
  padding: 0 0 16px;
  margin: 0 0 24px;
}
.common_news_list .common_news_item:last-of-type {
  margin: 0;
}
.common_news_list .common_news_link {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  line-height: 1.5;
  color: #333;
}
.common_news_list .common_news_link .common_news_date {
  white-space: nowrap;
  margin: 0 32px 0 0;
}
@media only screen and (max-width: 960px) {
  .common_news_list .common_news_link .common_news_date {
    margin: 0 16px 0 0;
  }
}
.common_news_list .common_news_link .common_news_title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

.news_wrap .common_news_list {
  margin: 0 0 80px;
}
@media only screen and (max-width: 960px) {
  .news_wrap .common_news_list {
    margin: 0 0 40px;
  }
}
.news_wrap .common_btn01 {
  margin: 80px auto 0;
}
@media only screen and (max-width: 960px) {
  .news_wrap .common_btn01 {
    margin: 40px auto 0;
  }
}

.news-d_date {
  color: #323232;
  line-height: 1.5;
  margin: 0 0 16px;
}

.news-d_title {
  color: #323232;
  line-height: 1.5;
  padding: 0 0 16px;
  margin: 0 0 16px;
  font-weight: bold;
  border-bottom: 2px #323232 solid;
}

/*=================
     
    member.scss

=======================*/
.member_list .member_item {
  background: #F5F5F5;
  padding: 48px;
  margin: 0 0 64px;
}
@media only screen and (max-width: 960px) {
  .member_list .member_item {
    padding: 24px;
    margin: 0 0 40px;
  }
}
@media only screen and (max-width: 640px) {
  .member_list .member_item {
    padding: 24px 12px;
  }
}
.member_list .member_item:last-of-type {
  margin: 0;
}
.member_list .member_item .member_inner {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: end;
  align-items: end;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media only screen and (max-width: 640px) {
  .member_list .member_item .member_inner {
    margin: 0 0 24px;
    -webkit-align-items: center;
    align-items: center;
  }
}
.member_list .member_item img {
  display: block;
  width: 35.875%;
  margin: 0 0 -48px;
}
@media only screen and (max-width: 960px) {
  .member_list .member_item img {
    width: 30%;
    max-width: 220px;
    margin: 0 0 -24px;
  }
}
@media only screen and (max-width: 640px) {
  .member_list .member_item img {
    margin: 0;
  }
}
.member_list .member_main {
  width: calc(64.125% - 32px);
}
@media only screen and (max-width: 960px) {
  .member_list .member_main {
    width: calc( 70% - 24px );
  }
}
@media only screen and (max-width: 640px) {
  .member_list .member_main {
    width: calc( 70% - 12px );
  }
}
.member_list .member_main .member_work {
  color: #323232;
  line-height: 1.5;
  font-weight: 500;
  margin: 0 0 8px;
}
.member_list .member_main .member_name {
  position: relative;
  color: #323232;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 24px;
}
@media only screen and (max-width: 640px) {
  .member_list .member_main .member_name {
    margin: 0 0 16px;
  }
}
.member_list .member_main .member_name:after {
  content: "";
  display: block;
  width: 40px;
  height: 4px;
  background: #323232;
  margin: 16px 0 0;
}
.member_list .member_main .member_en_name {
  line-height: 1.5;
  color: rgba(50, 50, 50, 0.16);
  font-size: 48px;
  font-weight: bold;
  margin: 24px 0 0;
}
@media only screen and (max-width: 960px) {
  .member_list .member_main .member_en_name {
    font-size: 36px;
  }
}
@media only screen and (max-width: 640px) {
  .member_list .member_main .member_en_name {
    font-size: 22px;
    margin: 0;
  }
}

/*=================
     
    cart.scss

=======================*/
.cart_table {
  width: 100%;
  color: #333;
  line-height: 1.5;
  margin: 0 0 64px;
}
.cart_table tr {
  border-bottom: 1px #C1C1C1 solid;
}
.cart_table .cart_table_title {
  font-weight: bold;
  padding: 0 0 12px;
}
.cart_table .cart_table_title.w_info {
  width: 424px;
}
.cart_table .cart_table_title.w_price {
  width: 208px;
}
.cart_table .cart_table_title.w_num {
  width: 172px;
}
.cart_table .cart_table_info {
  padding: 24px 48px 24px 0;
  font-weight: 500;
}
.cart_table .cart_table_info:last-of-type {
  padding: 24px 0;
}

.cart_product_block {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.cart_product_block .cart_product_pic {
  display: block;
  width: 144px;
  min-width: 144px;
  height: 182px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #F5F5F5;
  margin: 0 32px 0 0;
}
@media only screen and (max-width: 960px) {
  .cart_product_block .cart_product_pic {
    width: 100px;
    min-width: 100px;
    height: 140px;
    margin: 0 12px 0 0;
  }
}
@media only screen and (max-width: 960px) {
  .cart_product_block .cart_product_main {
    width: calc( 100% - 112px );
  }
}

.cart_product_category {
  margin: 0 0 8px;
  color: #939393;
  line-height: 1.5;
  font-weight: 500;
}
@media only screen and (max-width: 960px) {
  .cart_product_category {
    margin: 0 0 4px;
  }
}

.cart_product_name {
  color: #333;
  line-height: 1.5;
  font-weight: 500;
}
@media only screen and (max-width: 960px) {
  .cart_product_name {
    margin: 0 0 12px;
  }
}

.cart_num {
  color: #333;
  line-height: 1.5;
  font-weight: 500;
  margin: 0 0 8px;
}

.cart_price {
  color: #333;
  line-height: 1.5;
  font-weight: 500;
  margin: 0 0 8px;
}
.cart_price.mb0 {
  margin: 0;
}

.cart_table_select {
  display: block;
  width: 126px;
  height: 48px;
  border: 1px #C1C1C1 solid;
  background: url("../images/cart/select_arrow.svg") right center no-repeat;
  background-size: contain;
  padding: 0 48px 0 24px;
  font-weight: 500;
  color: #333;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
@media only screen and (max-width: 960px) {
  .cart_table_select {
    margin: 0 0 12px;
    height: 40px;
  }
}

.cart_delete_btn {
  color: #333;
  text-decoration: underline;
  white-space: nowrap;
  font-weight: 500;
}

.cart_list {
  margin: 0 0 40px;
}
.cart_list .cart_item {
  padding: 0 0 24px;
  border-bottom: 1px #C1C1C1 solid;
  margin: 0 0 24px;
}

.cart_total_price {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: #323232;
  padding: 0 0 8px;
  line-height: 1.5;
  border-bottom: 1px #C1C1C1 solid;
  margin: 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .cart_total_price {
    font-size: 18px;
    margin: 0 0 32px;
  }
}
.cart_total_price span {
  margin: 0 24px 0 0;
}
@media only screen and (max-width: 960px) {
  .cart_total_price span {
    margin: 0 12px 0 0;
  }
}

.cart_btnarea {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: end;
  justify-content: end;
}
.cart_btnarea .common_btn03_s {
  width: 252px;
  margin: 0 24px 0 0;
}
@media only screen and (max-width: 960px) {
  .cart_btnarea .common_btn03_s {
    margin: 0 12px 0 0;
  }
}
@media only screen and (max-width: 500px) {
  .cart_btnarea .common_btn03_s {
    width: calc( 50% - 6px );
  }
}
.cart_btnarea .common_btn02_s {
  width: 344px;
}
@media only screen and (max-width: 500px) {
  .cart_btnarea .common_btn02_s {
    width: calc( 50% - 6px );
  }
}

/* payment */
.cart_payment_block {
  margin: 0 0 64px;
}
@media only screen and (max-width: 960px) {
  .cart_payment_block {
    margin: 0 0 32px;
  }
}
.cart_payment_block .cart_payment_title {
  font-weight: bold;
  color: #323232;
  line-height: 1.44;
  margin: 0 0 16px;
}
@media only screen and (max-width: 960px) {
  .cart_payment_block .cart_payment_title {
    margin: 0 0 12px;
  }
}

.cart_payment_box {
  background: #F2F2F2;
  padding: 32px;
}
@media only screen and (max-width: 960px) {
  .cart_payment_box {
    padding: 20px 12px;
  }
}

.cart_payment_detail_box {
  border: 1px #C1C1C1 solid;
  padding: 16px 32px 40px;
}
@media only screen and (max-width: 960px) {
  .cart_payment_detail_box {
    padding: 12px 12px 32px;
  }
}

.cart_payment_info_list {
  margin: 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .cart_payment_info_list {
    margin: 0 0 32px;
  }
}
.cart_payment_info_list .cart_payment_info_item {
  margin: 0 0 24px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: start;
  align-items: start;
  color: #323232;
  line-height: 1.5;
}
@media only screen and (max-width: 960px) {
  .cart_payment_info_list .cart_payment_info_item {
    margin: 0 0 16px;
  }
}
.cart_payment_info_list .cart_payment_info_item:last-of-type {
  margin: 0;
}
.cart_payment_info_list .cart_payment_info_item .cart_payment_info_title {
  font-weight: bold;
  width: 110px;
  min-width: 110px;
  margin: 0 32px 0 0;
}
@media only screen and (max-width: 960px) {
  .cart_payment_info_list .cart_payment_info_item .cart_payment_info_title {
    width: 100px;
    min-width: 100px;
    margin: 0 12px 0 0;
  }
}
.cart_payment_info_list .cart_payment_info_item .cart_payment_info_text span {
  margin: 0 8px 0 0;
}
@media only screen and (max-width: 960px) {
  .cart_payment_info_list .cart_payment_info_item .cart_payment_info_text span {
    margin: 0 4px 0 0;
  }
}
.cart_payment_info_list .cart_payment_info_item .cart_payment_info_text span:last-of-type {
  margin: 0;
}

.cart_payment_credit {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: start;
  align-items: start;
  color: #323232;
  line-height: 1.5;
  margin: 0 0 40px;
}
@media only screen and (max-width: 960px) {
  .cart_payment_credit {
    margin: 0 0 32px;
  }
}
@media only screen and (max-width: 640px) {
  .cart_payment_credit {
    display: block;
  }
}
.cart_payment_credit .cart_payment_credit_title {
  font-weight: bold;
  width: 208px;
  min-width: 208px;
  margin: 0 24px 0 0;
}
@media only screen and (max-width: 960px) {
  .cart_payment_credit .cart_payment_credit_title {
    margin: 0 12px 0 0;
  }
}
@media only screen and (max-width: 640px) {
  .cart_payment_credit .cart_payment_credit_title {
    margin: 0 0 12px;
    width: 100%;
    min-width: inherit;
  }
}
.cart_payment_credit .cart_payment_credit_text span {
  margin: 0 16px 0 0;
}
@media only screen and (max-width: 960px) {
  .cart_payment_credit .cart_payment_credit_text span {
    margin: 0 8px 0 0;
  }
}
.cart_payment_credit .cart_payment_credit_text span:last-of-type {
  margin: 0;
}

.cart_payment_detail_list {
  margin: 0 0 48px;
}
@media only screen and (max-width: 960px) {
  .cart_payment_detail_list {
    margin: 0 0 36px;
  }
}
.cart_payment_detail_list .cart_payment_detail_item {
  padding: 24px 0;
  border-bottom: 1px #C1C1C1 solid;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  color: #323232;
  line-height: 1.44;
}
@media only screen and (max-width: 960px) {
  .cart_payment_detail_list .cart_payment_detail_item {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 640px) {
  .cart_payment_detail_list .cart_payment_detail_item {
    display: block;
  }
}
.cart_payment_detail_list .cart_payment_detail_main {
  width: 65%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
@media only screen and (max-width: 640px) {
  .cart_payment_detail_list .cart_payment_detail_main {
    width: 100%;
    margin: 0 0 12px;
  }
}
.cart_payment_detail_list .cart_payment_detail_pic {
  display: block;
  width: 120px;
  min-width: 120px;
  height: 151px;
  background-color: #F5F5F5;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0 40px 0 0;
}
@media only screen and (max-width: 1200px) {
  .cart_payment_detail_list .cart_payment_detail_pic {
    margin: 0 20px 0 0;
  }
}
@media only screen and (max-width: 960px) {
  .cart_payment_detail_list .cart_payment_detail_pic {
    width: 100px;
    min-width: 100px;
    height: 140px;
    margin: 0 12px 0 0;
  }
}
.cart_payment_detail_list .cart_payment_detail_name {
  font-weight: bold;
}
.cart_payment_detail_list .cart_payment_detail_sub {
  width: 35%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: end;
  justify-content: end;
}
@media only screen and (max-width: 640px) {
  .cart_payment_detail_list .cart_payment_detail_sub {
    width: 100%;
  }
}
.cart_payment_detail_list .cart_payment_detail_sub .cart_payment_detail_num {
  margin: 0 0 0 24px;
}
.cart_payment_detail_list .cart_payment_detail_sub .cart_payment_detail_num:before {
  content: "×";
}

.cart_payment_total {
  color: #323232;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 12px;
}
.cart_payment_total span {
  margin: 0 8px 0 0;
}

.cart_payment_delivery {
  color: #323232;
  line-height: 1.5;
  margin: 0 0 24px;
}
.cart_payment_delivery span {
  margin: 0 8px 0 0;
}

.cart_payment_detail_total {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: #323232;
  padding: 0 0 8px;
  line-height: 1.5;
  border-bottom: 1px #C1C1C1 solid;
}
@media only screen and (max-width: 960px) {
  .cart_payment_detail_total {
    font-size: 18px;
  }
}
.cart_payment_detail_total span {
  margin: 0 8px 0 0;
}

/*=================
     
    mypage.scss

=======================*/
.mypage_block {
  margin: 0 0 48px;
}
@media only screen and (max-width: 960px) {
  .mypage_block {
    margin: 0 0 32px;
  }
}
.mypage_block:last-of-type {
  margin: 0;
}
.mypage_block .mypage_title {
  color: #000;
  line-height: 1.5;
  margin: 0 0 12px;
  font-weight: bold;
}
.mypage_block .mypage_list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 -24px;
}
@media only screen and (max-width: 960px) {
  .mypage_block .mypage_list {
    margin: 0 0 -12px;
  }
}
@media only screen and (max-width: 640px) {
  .mypage_block .mypage_list {
    display: block;
    margin: 0;
  }
}
.mypage_block .mypage_list .mypage_item {
  width: calc( 50% - 12px );
  margin: 0 0 24px;
}
@media only screen and (max-width: 960px) {
  .mypage_block .mypage_list .mypage_item {
    width: calc( 50% - 6px );
    margin: 0 0 12px;
  }
}
@media only screen and (max-width: 640px) {
  .mypage_block .mypage_list .mypage_item {
    width: 100%;
  }
}
.mypage_block .mypage_list .mypage_link {
  display: block;
  width: 100%;
  background: #fff;
  border: 1px #323232 solid;
  color: #323232;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  padding: 13px 0;
}
.mypage_block .mypage_list .mypage_link img {
  display: inline-block;
  width: 24px;
  margin: 0 8px 0 0;
  vertical-align: -5px;
}
@media only screen and (max-width: 960px) {
  .mypage_block .mypage_list .mypage_link img {
    width: 20px;
    margin: 0 4px 0 0;
  }
}

/* history */
.mypage_change_block {
  display: block;
  max-width: 436px;
  width: 100%;
  margin: 0 0 48px;
}
@media only screen and (max-width: 960px) {
  .mypage_change_block {
    margin: 0 0 32px;
  }
}
.mypage_change_block .mypage_change_title {
  color: #323232;
  line-height: 1.5;
  margin: 0 0 12px;
  font-weight: bold;
}

.mypage_history_wrap {
  margin: 0 0 80px;
}
@media only screen and (max-width: 960px) {
  .mypage_history_wrap {
    margin: 0 0 60px;
  }
}
.mypage_history_wrap .mypage_history_block {
  padding: 0 0 48px;
  margin: 0 0 48px;
  border-bottom: 1px #000 solid;
}
@media only screen and (max-width: 960px) {
  .mypage_history_wrap .mypage_history_block {
    padding: 0 0 32px;
    margin: 0 0 32px;
  }
}
.mypage_history_wrap .mypage_history_block:last-of-type {
  padding: 0;
  margin: 0;
  border-bottom: none;
}
.mypage_history_wrap .mypage_history_date {
  color: #323232;
  line-height: 1.5;
  font-weight: bold;
  margin: 0 0 20px;
}
.mypage_history_wrap .cart_table {
  margin: 0;
}
.mypage_history_wrap .cart_list {
  margin: 0;
}

/*=================
     
    others.scss

=======================*/
.others_list .others_item {
  margin: 0 0 48px;
}
@media only screen and (max-width: 960px) {
  .others_list .others_item {
    margin: 0 0 32px;
  }
}
.others_list .others_item:last-of-type {
  margin: 0;
}

.others_title {
  color: #323232;
  font-weight: bold;
  line-height: 1.5;
  margin: 0 0 12px;
}

/* ======================= BASE ====== */
* {
  word-break: break-word;
  box-sizing: border-box;
}

html, body {
  margin: 0;
  height: 100%;
}

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

.fm {
  font-family: "游明朝", YuMincho,"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman",  "メイリオ", Meiryo, serif;
}

.fg, .common_btn02, .common_btn02_s, .common_btn03, .common_btn03_s, .common_btn04, .common_back_btn, .footer_index_block .footer_sns_list .footer_sns_link, .footer_index_block .footer_info_block .footer_info_main .footer_company_title, .footer_index_block .footer_info_block .footer_info_main .footer_company_text, .footer_index_block .footer_info_block .footer_info_sub .footer_info_text, .footer_main_block .footer_text, .footer_main_block .footer_list .footer_link, .footer_copyright, .form_list .form_title, .form_login_list .form_login_title, .form_error_text, .form_input, .form_select, .form_radio_label .form_radio_text, .form_textarea, .form_complete_block .form_complete_title, .form_complete_block .form_complete_text, .form_date_block .form_date_text, .pager_block .pager_list, .common_title02 span, .common_title03, .common_title04, .common_text_m, .common_text_mb, .common_text_s, .editor_wrap, .top_mv_wrap .top_mv_title, .top_mv_wrap .top_mv_text, .top_product_wrap .top_product_main .top_product_title, .top_product_wrap .top_product_main .top_product_text, .top_column_wrap .top_column_list .top_column_category, .top_column_wrap .top_column_list .top_column_title, .top_column_wrap .top_column_list .top_column_date, .top_store_wrap .top_store_list .top_store_text, .common_product_list .common_product_categoty, .common_product_list .common_product_name, .common_product_list .common_product_price, .product_result_block .product_result_select, .product_result_block .product_result_text, .product-d_category, .product-d_name, .product-d_price span, .product-d_form_list .product-d_form_title, .product-d_form_list .product-d_select, .product-d_cart_btn, .product-d_like_btn, .product-d_info_title, .product_cat_list .product_cat_text, .common_column_tag_list .common_column_tag_item, .column_list .column_category, .column_list .column_title, .column_list .column_date, .column_aside_cat_list .column_aside_cat_link, .column_aside_tag_list .column_aside_tag_link, .column-d_wrap .column-d_info .column-d_category, .column-d_wrap .column-d_info .column-d_date, .column-d_wrap .column-d_title, .common_news_list .common_news_link, .news-d_date, .news-d_title, .member_list .member_main .member_work, .member_list .member_main .member_name, .cart_table, .cart_table .cart_table_info, .cart_product_category, .cart_product_name, .cart_num, .cart_price, .cart_table_select, .cart_delete_btn, .cart_total_price, .cart_payment_block .cart_payment_title, .cart_payment_info_list .cart_payment_info_item, .cart_payment_credit, .cart_payment_detail_list .cart_payment_detail_item, .cart_payment_total, .cart_payment_delivery, .cart_payment_detail_total, .mypage_block .mypage_title, .mypage_block .mypage_list .mypage_link, .mypage_change_block .mypage_change_title, .mypage_history_wrap .mypage_history_date, .others_title {
  font-family: 'Noto Sans JP', "游ゴシック", YuGothic, 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,   Verdana, sans-serif;
}

.fe, .header_menu_list .header_menu_link, .common_title01, .common_title02, .product_cat_list .product_cat_name, .column_aside_block .column_aside_title, .member_list .member_main .member_en_name {
  font-family: 'Roboto', sans-serif;
}

.fh, .common_btn01, .top_mv_wrap .top_mv_title span, .product-d_price {
  font-family: "Helvetica", "Helvetica Neue",  sans-serif;
}

/* regular font */
.fs-xs, .form_error_text, .top_column_wrap .top_column_list .top_column_category, .product-d_price span, .column_list .column_category, .column-d_wrap .column-d_info .column-d_category {
  font-size: 12px;
}
@media only screen and (max-width: 960px) {
  .fs-xs, .form_error_text, .top_column_wrap .top_column_list .top_column_category, .product-d_price span, .column_list .column_category, .column-d_wrap .column-d_info .column-d_category {
    font-size: 10px;
  }
}

.fs-s, .common_btn01, .common_btn04, .common_back_btn, .footer_main_block .footer_text, .footer_main_block .footer_list .footer_link, .footer_copyright, .common_text_s, .top_column_wrap .top_column_list .top_column_date, .common_product_list .common_product_categoty, .product_cat_list .product_cat_text, .common_column_tag_list .common_column_tag_item, .column-d_wrap .column-d_info .column-d_date, .cart_product_category, .cart_delete_btn {
  font-size: 14px;
}
@media only screen and (max-width: 960px) {
  .fs-s, .common_btn01, .common_btn04, .common_back_btn, .footer_main_block .footer_text, .footer_main_block .footer_list .footer_link, .footer_copyright, .common_text_s, .top_column_wrap .top_column_list .top_column_date, .common_product_list .common_product_categoty, .product_cat_list .product_cat_text, .common_column_tag_list .common_column_tag_item, .column-d_wrap .column-d_info .column-d_date, .cart_product_category, .cart_delete_btn {
    font-size: 12px;
  }
}

.fs-m, .common_btn02, .common_btn02_s, .common_btn03, .common_btn03_s, .footer_index_block .footer_info_block .footer_info_main .footer_company_title, .footer_index_block .footer_info_block .footer_info_main .footer_company_text, .footer_index_block .footer_info_block .footer_info_sub .footer_info_text, .form_list .form_title, .form_login_list .form_login_title, .form_input, .form_select, .form_radio_label .form_radio_text, .form_textarea, .form_complete_block .form_complete_text, .form_date_block .form_date_text, .header_menu_list .header_menu_link, .pager_block .pager_list, .common_title02 span, .common_title03, .common_text_m, .common_text_mb, .editor_wrap, .top_column_wrap .top_column_list .top_column_title, .common_product_list .common_product_name, .common_product_list .common_product_price, .product_result_block .product_result_select, .product_result_block .product_result_text, .product-d_category, .product-d_form_list .product-d_form_title, .product-d_form_list .product-d_select, .product-d_cart_btn, .product-d_like_btn, .product-d_info_title, .column_list .column_title, .column_list .column_date, .column_aside_cat_list .column_aside_cat_link, .column_aside_tag_list .column_aside_tag_link, .common_news_list .common_news_link, .news-d_date, .member_list .member_main .member_work, .cart_table .cart_table_title, .cart_table .cart_table_info, .cart_product_name, .cart_num, .cart_price, .cart_table_select, .cart_payment_block .cart_payment_title, .cart_payment_info_list .cart_payment_info_item, .cart_payment_credit, .cart_payment_detail_list .cart_payment_detail_item, .cart_payment_total, .cart_payment_delivery, .mypage_block .mypage_title, .mypage_block .mypage_list .mypage_link, .mypage_change_block .mypage_change_title, .others_title {
  font-size: 16px;
}
@media only screen and (max-width: 960px) {
  .fs-m, .common_btn02, .common_btn02_s, .common_btn03, .common_btn03_s, .footer_index_block .footer_info_block .footer_info_main .footer_company_title, .footer_index_block .footer_info_block .footer_info_main .footer_company_text, .footer_index_block .footer_info_block .footer_info_sub .footer_info_text, .form_list .form_title, .form_login_list .form_login_title, .form_input, .form_select, .form_radio_label .form_radio_text, .form_textarea, .form_complete_block .form_complete_text, .form_date_block .form_date_text, .header_menu_list .header_menu_link, .pager_block .pager_list, .common_title02 span, .common_title03, .common_text_m, .common_text_mb, .editor_wrap, .top_column_wrap .top_column_list .top_column_title, .common_product_list .common_product_name, .common_product_list .common_product_price, .product_result_block .product_result_select, .product_result_block .product_result_text, .product-d_category, .product-d_form_list .product-d_form_title, .product-d_form_list .product-d_select, .product-d_cart_btn, .product-d_like_btn, .product-d_info_title, .column_list .column_title, .column_list .column_date, .column_aside_cat_list .column_aside_cat_link, .column_aside_tag_list .column_aside_tag_link, .common_news_list .common_news_link, .news-d_date, .member_list .member_main .member_work, .cart_table .cart_table_title, .cart_table .cart_table_info, .cart_product_name, .cart_num, .cart_price, .cart_table_select, .cart_payment_block .cart_payment_title, .cart_payment_info_list .cart_payment_info_item, .cart_payment_credit, .cart_payment_detail_list .cart_payment_detail_item, .cart_payment_total, .cart_payment_delivery, .mypage_block .mypage_title, .mypage_block .mypage_list .mypage_link, .mypage_change_block .mypage_change_title, .others_title {
    font-size: 14px;
  }
}

.fs-l, .footer_index_block .footer_sns_list .footer_sns_link, .editor_wrap h3, .editor_wrap h4, .top_mv_wrap .top_mv_text, .top_store_wrap .top_store_list .top_store_text, .news-d_title {
  font-size: 18px;
}
@media only screen and (max-width: 960px) {
  .fs-l, .footer_index_block .footer_sns_list .footer_sns_link, .editor_wrap h3, .editor_wrap h4, .top_mv_wrap .top_mv_text, .top_store_wrap .top_store_list .top_store_text, .news-d_title {
    font-size: 16px;
  }
}

.fs-xl, .form_complete_block .form_complete_title, .common_title04, .column-d_wrap .column-d_title, .member_list .member_main .member_name, .mypage_history_wrap .mypage_history_date {
  font-size: 24px;
}
@media only screen and (max-width: 960px) {
  .fs-xl, .form_complete_block .form_complete_title, .common_title04, .column-d_wrap .column-d_title, .member_list .member_main .member_name, .mypage_history_wrap .mypage_history_date {
    font-size: 20px;
  }
}

a {
  cursor: pointer;
  text-decoration: none;
}

button {
  outline: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
  border: none;
}

.common_inner {
  position: relative;
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  z-index: 5;
}

.common_inner_s {
  position: relative;
  max-width: 896px;
  width: 100%;
  margin: 0 auto;
  z-index: 5;
}

#Update_alert {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  z-index: 100000;
}

.update_alert_box {
  width: 300px;
  padding: 40px;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  border-radius: 20px;
}
.update_alert_box .alert_img {
  width: 80px;
  margin: 0 auto 30px;
}
.update_alert_box .alert_img img {
  width: 100%;
}
.update_alert_box .alert_text {
  font-family: 'NotoSansCJKjp-Bold', sans-serif;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
  color: #333;
  letter-spacing: 0.05em;
  line-height: 1.5;
  text-align: center;
}

.common_btn01, .common_btn02, .common_btn02_s, .common_btn03, .common_btn03_s, .common_btn04, .common_back_btn, .footer_index_block .footer_sns_list .footer_sns_link, .footer_main_block .footer_list .footer_link, .header_wrap .header_logo, .header_menu_list .header_menu_link, .header_btn_list .header_btn_link, .pager_block .pager_prev, .pager_block .pager_next, .pager_block .pager_list .pager_link, .common_text_s a, .editor_wrap a, .top_column_wrap .top_column_list .top_column_link, .top_store_wrap .top_store_list .top_store_link, .common_product_list .common_product_link, .product-d_cart_btn, .product-d_like_btn, .product_cat_list .product_cat_link, .column_list .column_link, .column_aside_cat_list .column_aside_cat_link, .column_aside_tag_list .column_aside_tag_link, .common_news_list .common_news_link, .cart_delete_btn, .mypage_block .mypage_list .mypage_link {
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.common_btn01:hover, .common_btn02:hover, .common_btn02_s:hover, .common_btn03:hover, .common_btn03_s:hover, .common_btn04:hover, .common_back_btn:hover, .footer_index_block .footer_sns_list .footer_sns_link:hover, .footer_main_block .footer_list .footer_link:hover, .header_wrap .header_logo:hover, .header_menu_list .header_menu_link:hover, .header_btn_list .header_btn_link:hover, .pager_block .pager_prev:hover, .pager_block .pager_next:hover, .pager_block .pager_list .pager_link:hover, .common_text_s a:hover, .editor_wrap a:hover, .top_column_wrap .top_column_list .top_column_link:hover, .top_store_wrap .top_store_list .top_store_link:hover, .common_product_list .common_product_link:hover, .product-d_cart_btn:hover, .product-d_like_btn:hover, .product_cat_list .product_cat_link:hover, .column_list .column_link:hover, .column_aside_cat_list .column_aside_cat_link:hover, .column_aside_tag_list .column_aside_tag_link:hover, .common_news_list .common_news_link:hover, .cart_delete_btn:hover, .mypage_block .mypage_list .mypage_link:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 960px) {
  .common_btn01:hover, .common_btn02:hover, .common_btn02_s:hover, .common_btn03:hover, .common_btn03_s:hover, .common_btn04:hover, .common_back_btn:hover, .footer_index_block .footer_sns_list .footer_sns_link:hover, .footer_main_block .footer_list .footer_link:hover, .header_wrap .header_logo:hover, .header_menu_list .header_menu_link:hover, .header_btn_list .header_btn_link:hover, .pager_block .pager_prev:hover, .pager_block .pager_next:hover, .pager_block .pager_list .pager_link:hover, .common_text_s a:hover, .editor_wrap a:hover, .top_column_wrap .top_column_list .top_column_link:hover, .top_store_wrap .top_store_list .top_store_link:hover, .common_product_list .common_product_link:hover, .product-d_cart_btn:hover, .product-d_like_btn:hover, .product_cat_list .product_cat_link:hover, .column_list .column_link:hover, .column_aside_cat_list .column_aside_cat_link:hover, .column_aside_tag_list .column_aside_tag_link:hover, .common_news_list .common_news_link:hover, .cart_delete_btn:hover, .mypage_block .mypage_list .mypage_link:hover {
    opacity: 1;
  }
}

.editor_main_pic, .top_column_wrap .top_column_list .top_column_pic, .product-d_slider .product-d_slider_pic, .product-d_thumb .product-d_thumb_pic, .product_cat_list .product_cat_pic, .column_list .column_pic, .column-d_wrap .column-d_main_pic {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #F2F2F2;
}

.common_pc {
  display: block;
}
.common_pc.height_100 {
  height: 100%;
}
@media only screen and (max-width: 960px) {
  .common_pc {
    display: none;
  }
}

.common_sp {
  display: none;
}
@media only screen and (max-width: 960px) {
  .common_sp {
    display: block;
  }
}

.common_pc_640 {
  display: block;
}
@media only screen and (max-width: 640px) {
  .common_pc_640 {
    display: none;
  }
}

.common_sp_640 {
  display: none;
}
@media only screen and (max-width: 640px) {
  .common_sp_640 {
    display: block;
  }
}

/*# sourceMappingURL=style.css.map */