@charset "UTF-8";
/*===============================================*/
/*  style.css */
/*===============================================*/
/*//////////////////////////////////

top
///////////////////////////////////*/
/*heroHeader
---------------------------*/
.heroHeader { margin: 0 auto; max-width: 1140px; height: auto; position: relative; }
.heroHeader div { margin: 0; width: 100%; }
.heroHeader div h2 { text-align: center; }
.heroHeader dl { max-width: 748px; padding: 2rem 2rem 0rem; background-color: #fff; margin: 0 auto; }
.heroHeader dl dt { margin-bottom: 5px; width: 100%; height: auto; font-size: 20px; line-height: 30px; color: #40c508; letter-spacing: 0.05em; font-weight: 600; font-feature-settings: "palt"; }
.heroHeader dl dd { margin-bottom: 20px; width: 100%; height: auto; font-size: 16px; line-height: 26px; color: #000; font-weight: 600; letter-spacing: 0.05em; font-feature-settings: "palt"; }
.tittle_pc{display: block}
.tittle_sp{display: none}
/*959*/
@media screen and (max-width: 959px) { .heroHeader figure { display: none; } }
/*768*/
@media screen and (max-width: 768px) { .heroHeader { width: 95%; }
.tittle_pc{display: none}
.tittle_sp{display: block}}
/*top-Item
---------------------------*/
.top-Item { margin: 50px auto; max-width: 620px; height: auto; position: relative; }
.top-Item ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.top-Item ul:after { content: ""; display: block; width: 49%; height: 0; }
.top-Item ul li { margin-bottom: 2%; width: 49%; background-color: #e7ffdd; }
.top-Item ul li h2 { width: 100%; line-height: 30px; text-align: center; color: #fff; }
.midashi{text-align: center; padding-bottom: 2rem}
.midashi img{width: 338px;}
.text{width: 110%; text-align: center}
.gotop{text-align: center; margin: 30px}
.gotop img{width: 193px;}
@media screen and (max-width: 959px) { .top-Item { margin: 30px auto; width: 95%; }
  .top-Item ul li { margin-bottom: 3%; width: 48%; }
@media screen and (max-width: 768px) { .top-Item ul li { margin-bottom: 10%; width: 100%; } 
	.text{width: 100%;}
}
/*//////////////////////////////////

item
///////////////////////////////////*/
/*subHeader
---------------------------*/
.subHeader { margin: 0 auto 50px; max-width: 960px; height: auto; position: relative; }
.subHeader figure { margin-bottom: 20px; text-align: center; }
.subHeader .sub-h2ttl { width: 100%; height: auto; border: 5px solid #ff6c00; }
.subHeader .sub-h2ttl h2 { padding: 1rem; font-size: 36px; line-height: 40px; text-align: center; color: #fff; background-color: #ff6c00; letter-spacing: 0.05em; font-feature-settings: "palt"; font-family: ggb; }
.subHeader .sub-h2ttl span { display: block; padding: 0.5rem; font-size: 20px; line-height: auto; text-align: center; color: #ff6c00; background-color: #fff; letter-spacing: 0.05em; font-feature-settings: "palt"; font-family: ggb; }

/**/
@media screen and (max-width: 768px) { .subHeader { margin: 0 auto 30px; width: 95%; }
  .subHeader figure { margin-bottom: 10px; }
  .subHeader .sub-h2ttl h2 { padding: 0.5rem; font-size: 24px; line-height: 30px; } }
/*sub-Item
---------------------------*/
.sub-Item { margin: 0 auto; max-width: 960px; height: auto; position: relative; }
.sub-Item h3 { margin-bottom: 20px; padding-bottom: 10px; width: 100%; font-size: 24px; line-height: 30px; text-align: left; color: #2a2a2a; letter-spacing: 0.05em; font-feature-settings: "palt"; font-family: ggb; border-bottom: 3px solid #2a2a2a; }

.sub-Item-Inner { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.sub-Item-Inner li { margin-bottom: 3%; width: 31.5%; border: 5px solid #ff6c00; position: relative; }
.sub-Item-Inner li .item-Num { padding: 0.3rem; width: 60%; font-size: 18px; line-height: 18px; text-align: center; color: #fff; background-color: #ff6c00; letter-spacing: 0.05em; font-feature-settings: "palt"; font-family: ggb; position: absolute; top: 0; left: 0; }
.sub-Item-Inner li .item-Num span { display: block; margin-top: 5px; font-size: 12px; line-height: 14px; }
.sub-Item-Inner li .badge { padding: 0.9rem 0.5rem 0.5rem 0.5rem; width: 70px; height: 70px; font-size: 20px; line-height: 18px; text-align: center; color: #0d6fb8; background-color: #fff; letter-spacing: 0.02em; font-weight: 800; font-feature-settings: "palt"; font-family: ggb; border: 3px solid #0d6fb8; border-radius: 100%; position: absolute; top: 5px; right: 5px; }
.sub-Item-Inner li figure { padding: 0.8rem 0.8rem 0.3rem; margin-bottom: 10px; }
.sub-Item-Inner li figure img { width: 100%; }
.sub-Item-Inner li h4 { margin-bottom: 10px; padding: 0.3rem 0.8rem 0.3rem; font-size: 18px; line-height: 18px; letter-spacing: 0.03em; color: #fff; font-feature-settings: "palt"; font-family: ggb; }
.sub-Item-Inner li .icon-plus { padding: 0.3rem 0.8rem; text-align: center; }
.sub-Item-Inner li h2 { padding: 0.3rem 0.8rem; font-size: 20px; line-height: 24px; letter-spacing: 0.03em; font-feature-settings: "palt"; font-family: ggb; }
.sub-Item-Inner li p { padding: 0.3rem 0.8rem; font-size: 18px; line-height: 18px; letter-spacing: 0.01em; font-weight: 800; font-feature-settings: "palt"; font-family: bnc; text-decoration: line-through; }
.sub-Item-Inner li .price { padding: 0rem 0.8rem 0.3rem; font-size: 34px; line-height: 34px; letter-spacing: 0.01em; font-feature-settings: "palt"; font-family: bnc; color: #FF0004; font-weight: 800; }
.sub-Item-Inner li .price .en { display: inline-block; font-size: 24px; line-height: 24px; }
.sub-Item-Inner li .price .tax { display: inline-block; font-size: 12px; line-height: 12px; color: #2a2a2a; }
.sub-Item-Inner li .tag { margin: 5px auto 10px; width: 90%; display: flex; flex-wrap: nowrap; justify-content: space-between; border: 2px solid #2a2a2a; }
.sub-Item-Inner li .tag div { padding: 0.3rem; width: 50%; position: relative; font-size: 12px; line-height: 14px; letter-spacing: 0.03em; font-weight: 200; text-align: center; font-feature-settings: "palt"; font-family: ggb; border-right: 2px solid #2a2a2a; }
.sub-Item-Inner li .tag div:last-child { border-right: none; }

.bgcA { background-color: #2ca142; }

.bgcB { background-color: #0d6fb8; }

/**/
@media screen and (max-width: 959px) { .sub-Item { margin: 0 auto; width: 95%; }
  .sub-Item h3 { font-size: 20px; line-height: 26px; }
  .sub-Item-Inner { margin: 0 auto; width: 100%; }
  .sub-Item-Inner li { margin-bottom: 4%; width: 48%; border: 3px solid #ff6c00; }
  .sub-Item-Inner li h2 { font-size: 16px; line-height: 20px; }
  .sub-Item-Inner li .tag { width: 95%; flex-wrap: wrap; }
  .sub-Item-Inner li .tag div { width: 100%; border-bottom: 2px solid #2a2a2a; border-right: none; }
  .sub-Item-Inner li .tag div:last-child { border-bottom: none; } }
/**/
@media screen and (max-width: 768px) { .sub-Item-Inner li { margin-bottom: 5%; width: 100%; } }
/*foot-ListItem　-----------*/
.foot-ListItem { margin: 50px auto; max-width: 960px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.foot-ListItem li { margin-bottom: 1.5%; width: 24%; position: relative; text-align: center; letter-spacing: 0.05em; font-feature-settings: "palt"; font-family: ggb; border: 3px solid #ff6c00; }
.foot-ListItem li a { padding: 0.8rem; display: block; font-size: 20px; line-height: 22px; color: #ff6c00; transition: all 0.4s; }
.foot-ListItem li a:hover { color: #fff; background-color: #ff6c00; }

/**/
@media screen and (max-width: 959px) { .foot-ListItem { width: 95%; } }
/**/
@media screen and (max-width: 768px) { .foot-ListItem { margin: 30px auto; }
  .foot-ListItem li { margin-bottom: 1.5%; width: 48%; }
  .foot-ListItem li a { padding: 0.8rem; font-size: 16px; } }
/*info
---------------------------*/
.info { margin: 0 auto 50px; max-width: 960px; height: auto; position: relative; }

.ykn { font-size: 12px; line-height: 20px; text-align: left; color: #2a2a2a; font-feature-settings: "palt"; }

.rule { margin-bottom: 20px; padding: 1.5rem; width: 100%; background-color: #ededed; }
.rule p { font-size: 20px; line-height: 30px; text-align: left; color: #2a2a2a; letter-spacing: 0.05em; font-feature-settings: "palt"; font-family: ggb; }

.info-List { margin-bottom: 10px; padding: 0; width: 100%; }
.info-List dl { margin-bottom: 1px; width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.info-List dl dt { padding: 1rem; width: 30%; font-size: 20px; line-height: 30px; text-align: center; color: #fff; letter-spacing: 0.05em; font-feature-settings: "palt"; font-family: ggb; background-color: #ff6c00; }
.info-List dl dd { padding: 1rem; width: 70%; font-size: 20px; line-height: 30px; text-align: center; color: #000; letter-spacing: 0.05em; font-feature-settings: "palt"; font-family: ggb; background-color: #fff; }
.info-List dl dd:nth-child(2) { background-color: #ffeadb; }

/**/
@media screen and (max-width: 959px) { .info { width: 95%; }
  .rule { padding: 1rem; width: 100%; }
  .rule p { font-size: 16px; line-height: 26px; }
  .info-List dl dt { padding: 0.5rem; font-size: 16px; line-height: 26px; }
  .info-List dl dd { padding: 0.5rem; font-size: 16px; line-height: 26px; } }