@charset 'utf-8';


/**
 * 共通スタイル
 */

.col-slider .main,
.col-slider .main02,
.col-slider .main03,
.col-slider .main04 {
  margin-bottom: 5px;
}
.col-slider .thumb .swiper-slide,
.col-slider .thumb02 .swiper-slide,
.col-slider .thumb03 .swiper-slide,
.col-slider .thumb04 .swiper-slide {
  cursor: pointer;
  opacity: .7;
}
.col-slider .thumb .swiper-slide-active,
.col-slider .thumb02 .swiper-slide-active,
.col-slider .thumb03 .swiper-slide-active,
.col-slider .thumb04 .swiper-slide-active {
  opacity: 1;
}
.col-slider .thumb .swiper-wrapper{
  margin-left: calc(-41.5% - 5px);
}
.col-slider .thumb02 .swiper-wrapper,
.col-slider .thumb03 .swiper-wrapper,
.col-slider .thumb04 .swiper-wrapper{
  margin-left: calc(0);
  transform: unset !important;
}



.col-slider .main,
.col-slider .main02-02,
.col-slider .main03-02,
.col-slider .main04-02 {
  margin-bottom: 5px;
}
.col-slider .thumb .swiper-slide,
.col-slider .thumb02-02 .swiper-slide,
.col-slider .thumb03-02 .swiper-slide,
.col-slider .thumb04-02 .swiper-slide {
  cursor: pointer;
  opacity: .7;
}
.col-slider .thumb .swiper-slide-active,
.col-slider .thumb02-02 .swiper-slide-active,
.col-slider .thumb03-02 .swiper-slide-active,
.col-slider .thumb04-02 .swiper-slide-active {
  opacity: 1;
}
.col-slider .thumb .swiper-wrapper{
  margin-left: calc(-41.5% - 5px);
}
.col-slider .thumb02-02 .swiper-wrapper,
.col-slider .thumb03-02 .swiper-wrapper,
.col-slider .thumb04-02 .swiper-wrapper{
  margin-left: calc(0);
  transform: unset !important;
}


.col-slider .main,
.col-slider .main02-03,
.col-slider .main03-03,
.col-slider .main04-03 {
  margin-bottom: 5px;
}
.col-slider .thumb .swiper-slide,
.col-slider .thumb02-03 .swiper-slide,
.col-slider .thumb03-03 .swiper-slide,
.col-slider .thumb04-03 .swiper-slide {
  cursor: pointer;
  opacity: .7;
}
.col-slider .thumb .swiper-slide-active,
.col-slider .thumb02-03 .swiper-slide-active,
.col-slider .thumb03-03 .swiper-slide-active,
.col-slider .thumb04-03 .swiper-slide-active {
  opacity: 1;
}
.col-slider .thumb .swiper-wrapper{
  margin-left: calc(-41.5% - 5px);
}
.col-slider .thumb02-03 .swiper-wrapper,
.col-slider .thumb03-03 .swiper-wrapper,
.col-slider .thumb04-03 .swiper-wrapper{
  margin-left: calc(0);
  transform: unset !important;
}


.col-slider .main,
.col-slider .main02,
.col-slider .main03,
.col-slider .main04 {
  margin-bottom: 5px;
}
.col-slider .thumb .swiper-slide,
.col-slider .thumb02 .swiper-slide,
.col-slider .thumb03 .swiper-slide,
.col-slider .thumb04 .swiper-slide {
  cursor: pointer;
  opacity: .7;
}
.col-slider .thumb .swiper-slide-active,
.col-slider .thumb02 .swiper-slide-active,
.col-slider .thumb03 .swiper-slide-active,
.col-slider .thumb04 .swiper-slide-active {
  opacity: 1;
}
.col-slider .thumb .swiper-wrapper{
  margin-left: calc(-41.5% - 5px);
}
.col-slider .thumb02 .swiper-wrapper,
.col-slider .thumb03 .swiper-wrapper,
.col-slider .thumb04 .swiper-wrapper{
  margin-left: calc(0);
  transform: unset !important;
}
.col-slider{text-align: center;}
.col-slider span{
    font-size: 10px;
}


/*タブ切り替え全体のスタイル*/
.tabs {
  padding-bottom: 20px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: 20px auto 30px auto;
  }

/*タブのスタイル*/
.tab_item {
  width: calc(100%/2);
  border-bottom: 3px solid #100e61;
  background-color: #d9d9d9;
  line-height: 40px;
  font-size: 13px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: normal;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 20px 20px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#iteminfo:checked ~ #iteminfo_content,
#itemimg:checked ~ #itemimg_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #100e61;
  color: #fff;
}

/*見出し*/
h3{

    background: #eeeeee;
    border-top: solid 3px #100e61;
    padding: 10px 10px;
    margin: 20px 0 15px 0;
    color: #333;
    font-weight: normal;
    font-size: 13px;
}

/*カートボタン*/
.item-cart{}
.item-cart a{
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 15px 0;
    margin: 10px 0 0 0;
    background: #5fb23d;
    color: #FFF;
    border-radius: 3px;
    font-size: 13px;
}



.swiper-my-pagination .swiper-pagination-bullet {
  width: auto;
  height: auto;
  border-radius: 0;
}
.swiper-container-horizontal > .swiper-my-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
}
.swiper-my-pagination img {
  box-shadow: none;
  margin: 0;
  vertical-align: bottom;
}
.swiper-my-pagination {
  display: table;
}
.swiper-my-pagination {
  display: table;
  table-layout: fixed;
}
.swiper-my-pagination .swiper-pagination-bullet {
  display: table-cell;
  padding: 2px;
  background: transparent;
  opacity: 1;
}
.swiper-my-pagination .swiper-pagination-bullet-active {
  background: transparent;
  opacity: 0.6;
}