/* カスタマイズ用CSS */

/* Theme_Black */
.ec-layoutRole {
    background: black;
}
.ec-headerNavSP {
    background: black;
    color: white;
}
.ec-headerNaviRole .ec-headerNaviRole__right {
    margin-bottom: 10px;
}
.ec-headerNav .ec-headerNav__itemIcon,
.ec-cartNavi {
    color: white;
}
.ec-headerNav .ec-headerNav__itemLink {
    color: white;
}
.ec-cartNavi .ec-cartNavi__price {
    color: black;
}
.ec-cartNavi__icon {
    color: black;
}
.ec-itemNav__nav li a {
    color: white;
    background: black;
}
.ec-layoutRole .ec-layoutRole__contents {
    background: black;
    color: white;
}
.ec-topicRole {
    background: black;
    color: white;
}
.ec-secHeading,
.ec-newItemRole .ec-newItemRole__listItemTitle {
    color: white;
}
.ec-newItemRole .ec-newItemRole__listItemPrice,
.ec-shelfGrid__item .item_price {
    color: red;
}
.ec-inlineBtn--top {
    background-color: red;
    color: white;
}
.ec-categoryRole {
    background: black;
}
.ec-categoryRole__contents {
    color: white;
}
.paragraph-header {
    color: red;
}
.ec-shelfGrid__item p,
.ec-shelfGrid__item span {
    color: white;
}
.ec-productRole {
    color: white;
}
.ec-headingTitle,
.ec-productRole__description {
    color: white;
}
#paypal-container {
    color: white;
}
.ec-pageHeader {
    color: white;
}
.ec-login,
.ec-guest {
    background: black;
}
.ec-searchnavRole .ec-searchnavRole__infos {
    color: white;
}
#ec-modal-header {
    color: black;
}
.ec-cartRole {
    color: white;
}
.ec-grid3 {
    color: white;
}
.ec-customerRole {
    color: white;
}
.ec-orderRole {
    color: white;
}
.ec-totalBox {
    background: black;
}
.ec-rectHeading h1,
.ec-rectHeading h2,
.ec-rectHeading h3,
.ec-rectHeading h4,
.ec-rectHeading h5,
.ec-rectHeading h6 {
    color: red;
}
.ec-cartCompleteRole {
    color: white;
}
.ec-off1Grid {
    color: white;
}
.ec-pager .ec-pager__item--active {
    background: gray;
}
.ec-reportHeading {
    color: white;
}
.ec-reportDescription {
    color: white;
}
.ec-totalBox .ec-totalBox__pointBlock {
    background: black;
}
.ec-shelfGrid__item {
    color: white;
}

/* 共通 */
.font-red {
    color: red;
}

/* メインビジュアル */
.MainVisual img {
    width: 100%;
    height: auto;
}

.ec-headerLink__item.list-bottom {
    margin-bottom: 300px !important;
}
.ec-secHeading {
    position: relative;
}
.bg-img-illust.covid {
    width: 60%;
    height: auto;
    position: relative;
    top: -120px;
    left: 150px;
    margin-bottom: -120px;
}
.bg-img-illust.koizumi {
    width: 60%;
    height: auto;
    position: relative;
    top: -120px;
    left: 150px;
    margin-bottom: -120px;
}

/* secHeading__en */
.ec-secHeading .ec-secHeading__en {
    font-family: 'Noto Serif JP', serif;
    font-weight: 900;
    font-size: 2.0rem;    
}
.flash-text {
    color: red;
    animation: flash 1s linear infinite;
}
@keyframes flash {
    0%,100% {
    opacity: 1;
    }
    
    50% {
    opacity: 0;
    }
}    

/* カテゴリ */

.ec-categoryRole__contents img {
    margin-bottom: 20px;
}
.ec-categoryRole__contents h3 {
    font-family: 'Noto Serif JP', serif;
    font-weight: 900;
    font-size: 2.0rem;
}
.ec-categoryRole__contents p {
    font-family: 'Noto Serif JP', serif;
    margin-bottom: 40px;
}
.biggerKanji {
    font-size: 3.0rem;
}

/* 商品詳細 */
.p--header_pink {
	color:#ff69b4;
}
.p--header_pink::before {
	content: "<";
}
.p--header_pink::after {
	content: ">"
}
.product_item-description-paragraph {
	margin-bottom: 20px;
}
.notice_list li {
	color: #ff7f50;
	margin-bottom: 10px;
}
.p--color_green {
    color: #9ec34b;
}

.product-description-content h3 {
    color: red;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 900;
    margin-bottom: 40px;
}
.product-description-content h4 {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 700;
}
.product-description-content h3,
.product-description-content h4 {
    line-height: 1.5;
}
.product-description-content p {
    margin-bottom: 30px;
}
.product-description-content teble {
    width: 100%;
    height: auto;
    text-align: center;
    border-collapse:  collapse; /* セルの線を重ねる */
}
.product-description-content tr.first_row {
    background-color: #303030;
}
.product-description-content th {
    background-color: #303030;
}
.product-description-content th,td {
    border: solid 1px;  /* 枠線指定 */
    padding: 10px;      /* 余白指定 */
}

/* 商品詳細説明 */
.product_item-description p {
    margin: 10px 0;
}
.product_item-description img {
    margin-bottom: 10px;
}

/* サイズガイド */
.sizeguide {
    width: 100%;
    height: auto;
    text-align: center;
    border-collapse:  collapse; /* セルの線を重ねる */
}
.sizeguide tr.first_row {
    background-color: #696969;
}
.sizeguide th {
    background-color: #696969;
}
.sizeguide th,td {
    border: solid 1px;  /* 枠線指定 */
    padding: 10px;      /* 余白指定 */
}

/* PayPal */
#paypal-button-container {
    margin: 20px;
}

/* ボタン */
.container {
  font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background: #000;
}

.btn-box {
  display: inline-block;
  width: 200px;
  text-align: center;
  font-size: 16px;
  color: #9ec34b;
  text-decoration: none;
  font-weight: bold;
  padding: 12px 24px;
  position: relative;
  border: 2px solid #9ec34b;
  transition: .4s;
}

.btn-box:hover {
  border: 2px solid transparent;
  color: #FFF;
}

.btn-box:before, .btn-box:after {
  width: 100%;
  height: 100%;
  z-index: 3;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  transform: scale(0);
  transition: .2s;
}

.btn-box:before {
  border-bottom: 2px solid #FFF;
  border-left: 2px solid #FFF;
  transform-origin: 100% 0%;
}

.btn-box:after {
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  transform-origin: 0% 100%;
}

.btn-box:hover:after,
.btn-box:hover:before {
  transform: scale(1);
}