.c5-general--mt0{
  margin-top: 0!important;
}
.c5-liststyle{
  list-style: auto!important;
  padding-left: 1.3rem!important;
}
.c5-liststyle_none{
  list-style: none!important;
  margin-left: -1rem!important;
}
img{
  width: 100%;
}
/* タブのスタイル */
.c5-tab {
  display: flex;
  justify-content: space-between;
}
.c5-tab .c5-tab_arrow{
  display: inline-block;
  width: 100%;
  max-width: 8px;
  margin-right: 10px;
  color: #fff;
}

/* タブ内のリンクのスタイル */
.c5-tab p {
  display: block;
  color: #fff;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  width: 100%;
  font-weight: bold;
  font-size: 24px;
  /* アクティブなタブのスタイル */
  background-color: #3a5897;
  margin: 0;
}

/* タブのコンテンツのスタイル */
.c5-tabcontent {
  display: none;
}

.c5-bold{
  font-weight: bold!important;
}

.c5-align-items_center{
  align-items: center;
}
.c5-display_normal .c5-title{
  border: 1px solid #3a5897;
  font-weight: bold;
  color: #3a5897;
  width: calc(20% - 32px);
  text-align: center;
  padding: 16px;
  margin: 0;
  margin-bottom: 20px;
}
.c5-title-long{
  display: inline-block;
  border: 1px solid #3a5897;
  font-weight: bold;
  color: #3a5897;
  text-align: center;
  padding: 16px;
  margin: 0;
  margin-bottom: 20px;
}

.c5-display_normal .c5-caption{
  width: 100%;
  margin: 0;
}
.c5-display_normal .c5-caption_ul{
  padding: 0 0 0 16px;
  width: calc(100% - 16px);
  margin: 0;
}
.c5-display_normal .c5-list {
  padding-left: 16px;
}
.c5-display_normal .c5-flex_button{
  width: 49%;
}
.c5-display_normal .c5-flex_imgbox{
  width: 32%;
  /* border: 1px solid #eee; */
}
.c5-display_normal .c5-flex_imgbox .c5-imgbox_caption{
  padding: 16px 16px 32px;
}
.c5-display_normal .c5-line_through{
  text-decoration: line-through;
}
.c5-display_flex{
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 640px){
  .c5-display_flex{
    justify-content: space-between;
  }
}

.c5-flex_imgbox{
  /* width: 40%; */
  max-width: 500px;
  height: auto;
  /* border: 1px solid #eee; */
}
@media screen and (max-width: 800px){
  .c5-flex_imgbox{
    max-width: none;
  }
}

.c5-store--about .c5-flex_imgbox{
  width: 100%;
}

.c5-list_wrap{
  display: flex;
  justify-content: space-between;
  padding: 0;
  flex-wrap: wrap;
  margin: 0;
  list-style: none;
}
.c5-list_wrap li{
  width: 32%;
  margin-bottom: 30px;
}
.c5-table_padding-none{
  padding-top: 0!important;
  padding-bottom: 0!important;
}
.c5-table_th_padding{
  padding-top: 30px!important;
  padding-bottom: 10px!important;
}
.c5-border_box{
  border: 1px solid #eee;
  padding: 30px;
}

.c5-endarea{
    position: absolute;
    display: table;
    width: 100%;
    text-align: center;
    top: 50%;
    right: 0;
    bottom: 50%;
    left: 0;
    margin: -3em auto;
}

.c5-endarea p{
  vertical-align: middle;
  margin: 0;
  padding: 20px;
  font-size: 1.75rem;
  color: #fff;
  background: rgba(0,0,0,.65);
}

.c5-flow_how_pc{
  display: block;
}

.c5-flow_how_sp{
  display: none;
}

.c5-flex_textbox{
  display: flex;
  align-items: center;
}

.c5-flex_textbox div{
  align-self: center;
}

@media screen and (max-width: 640px) {
  .c5-tab .c5-tab_arrow{
    max-width: 6px;
    margin-right: 5px;
  }
  .c5-tab p{
    font-size: 18px;
  }
  .c5-display_normal{
    display: block;
  }
  .c5-display_normal .c5-title{
    width: 40%;
    margin-bottom: 20px;
  }
  .c5-title-long {
    display: inline-block;
    margin-bottom: 20px;
  }
  .c5-display_normal .c5-caption{
    width: 100%;
  }
  .c5-display_normal .c5-caption_ul{
    width:calc(100% - 16px);
  }
  .c5-display_normal .c5-flex_imgbox{
    width: 100%;
  }
  .c5-display_normal .c5-flex_button{
    width: 100%;
  }
  .c5-display_normal .c5-flex_button:nth-child(2){
    margin-top: 20px;
  }

  .c5-flex_imgbox{
    width: 100%;
    max-width: none;
  }

  .c5-flex_imgbox:nth-child(2),.c5-flex_imgbox:nth-child(3){
    margin-top: 20px;
  }

  .c5-list_wrap{
    display: block;
  }
  .c5-mb50_sp{
    margin-bottom: 30px;
  }
  .c5-list_wrap li{
    width: 100%;
  }
  .c5-border_box{
    padding: 16px;
  }

  .c5-endarea p{
    padding: 10px;
    font-size: 1.28571rem;
  }
  .c5-flow_how_pc{
    display: none;
  }

  .c5-flow_how_sp{
    display: block;
  }
}
@media screen and (max-width: 393px) {
  .c5-tab .c5-tab_arrow{
    max-width: 5px;
  }
  .c5-tab p{
    padding: 14px 12px;
    font-size: 14px;
  }
}

.list-style-none{
  list-style: none;
}
.list-style-disc{
  list-style: disc;
}
.list-style-disc .c5-caption{
  margin: 0;
}

.fw-normal{
  font-weight: 400;
}

.c5-store--about{
  padding: 20px;
  background: #f1f3f9;
}

.c5-store--about .c5-display_flex{
  gap: 40px;
}

.c5-picture_flex{
  display: flex;
  justify-content: space-between;
}

.c5-picture_flex div{
  width: 48%;
}

.c5-picture_flex div img{
  width: 100%;
  height: auto;
}

.c5-picture_caption{
  margin-top: 5px;
  margin-bottom: 0;
  text-align: right;
}

.c5-picture_flex--alignCenter{
  align-items: center;
}

.c5-picture_flex--alignCenter div p{
  margin-top: 5px;
}

.c5-width_25{
  width: 25%;
}

@media screen and (max-width: 640px){
  .c5-picture_flex{
    display: block;
  }
  .c5-picture_flex div{
    width: 100%;
  }
  .c5-picture_flex div:first-child{
    margin-bottom: 10px;
  }
  .c5-picture_flex div img{
    width: 100%;
    height: auto;
  }

  .c5-width_25{
    width: 48%;
  }

  .c5-width_25 a{
    font-size: 14px;
  }
}

.c5-2col{
  width: 95%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c5-display_normal .c5-2col .c5-2col__txt{
  width: 50%;
}

.c5-2col__img{
  width: 40%;
  height: auto;
}

@media screen and (max-width: 640px){
  .c5-2col{
    display: block;
  }

  .c5-display_normal .c5-2col .c5-2col__txt{
    width: 100%;
  }

  .c5-2col__img{
    width: 100%;
  }
}

.c5-select__box {
  display: block;
  width: 230px;
  align-items: center;
  position: relative;
}

.c5-select__box::after {
  position: absolute;
  right: 10px;
  width: 10px;
  height: 7px;
  background-color: #535353;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
  pointer-events: none;
  top: 50%;
  transform: translate(-50%, -50%);
}

.c5-select__box select {
  appearance: none;
  height: 2.8em;
  padding: .4em calc(.8em + 30px) .4em .8em;
  border: 1px solid #d0d0d0;
  border-radius: 3px;
  background-color: #fff;
  color: #333333;
  font-size: 1em;
  cursor: pointer;
}

.c5-select__contents {
  display: none;
  margin-top: 10px;
}

.c5-select__item {
  display: none;
}

.c5-select__itemImg{
  width: 100%;
}

@media screen and (max-width: 640px){
  .c5-select__itemImg{
    margin: 0 auto;
    width: 100%;
    max-width: none;
  }
}

.c5-select__itemImg img{
  width: 60%;
  max-width: 200px;
  height: auto;
  display: block;
}

@media screen and (max-width: 640px){
  .c5-select__itemImg img{
    width: 50%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
}