@charset "utf-8";

/*---------------------------------------------------
under 980
---------------------------------------------------*/

@media screen and (max-width: 980px) {

/* ---------------------------------------------------✂ common */

body {
  min-width: 100%;
  background: #FFF;
}

#wrapper {
  position: relative;
}

.content {
  width: 767px;
}


/* ---------------------------------------------------✂ top */

.item-list li article {
  padding: 20px;
}





}

/*---------------------------------------------------
under 767
---------------------------------------------------*/

@media screen and (max-width: 767px) {

html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, figcaption, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
  font-size: 12px;
  line-height: 1.7em;
}

h1, h2, h3, h4, h5 {
  line-height: 1.5em;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
  line-height: 1.5em;
}

.content {
  max-width: 100%;
  width: 100%;
  padding: 0 15px;
}

#footer .logo {
  width: 200px;
}

.pc {
  display: none;
}

.sp {
  display: block;
}

#header {
  padding: 10px 10px 0 10px;
  height: 70px;
}

#header h1 {
  width: 90px;
}

#header .menu ul li {
  width: 20px;
  margin: 0 6.5px;
}

#header .menu ul .login img {
  margin: 5px 0 0;
}

#header .menu ul .menu-button {
  margin: 0 0 0 8px;
}

#nav .header-navi li a,
#nav .header-navi li span {
  font-size: 16px;
}

#nav .header-navi li ul li a {
  font-size: 14px;
}

.menu-trigger {
  width: 15px;
  height: 11px;
  margin: 10px 0 0;
  padding: 0;
}

.menu-trigger div {
  width: 15px;
  height: 11px;
}

.menu-trigger span {
  background-color: #A3A3A3;
}

.menu-trigger span:nth-of-type(2) {
  top: 5px;
}

.openmenu .menu-trigger span:nth-of-type(1) {
    transform: translateY(6px) rotate(-45deg);
}

.openmenu .menu-trigger span:nth-of-type(3) {
  transform: translateY(-4px) rotate(45deg);
}

#footer h1 {
  font-size: 14px;
}

#footer .address,
#footer .tel {
  font-size: 10px;
}

#main,
.ec-layoutRole__contents {
  padding: 70px 0 0;
}

/* ---------------------------------------------------✁
  トップ
------------------------------------------------------*/

#top .item-list {
  margin: 50px 0;
}

#top .content {
  width: 100%;
}

#top .works h2 {
  font-size: 12px;
  margin: 10px 0;
}

#top .works a {
  padding: 50px 0;
}

#top .works p {
  font-size: 8px;
}

#top .works footer {
  margin: 50px 0 0;
}

#top .works footer .scrolldown {
  height: 25px;
  top: -55px;
}

#top .works footer .scrolldown::after {
  height: 25px;
}

#top .works footer span {
  font-size: 16px;
}

#loading {
  background: url(/wp/images/loading-bg_sp.jpg) center center;
  background-size: cover;
}

/* ---------------------------------------------------✁
  商品一覧
------------------------------------------------------*/

.breadcrumb ul li {
  font-size: 10px;
}

.breadcrumb ul li:after {
  top: 10px;
}

.item-list li {
  width: 50%;
}

.item-list li article {
  padding: 15px;
}

.item-list li article h3 a {
  font-size: 12px;
}

.item-list li article .price {
  font-size: 12px;
}


/* ---------------------------------------------------✁
  商品詳細
------------------------------------------------------*/

#item-detail .main {
  display: block;
}

#item-detail .image {
  width: 100%;
  padding-right: 0;
  margin: 0 0 20px;
}

#item-detail .text {
  width: 100%;
}

#item-detail .text header {
  margin-bottom: 10px;
}

/*#item-detail .text header h1 {*/
/*  margin: 5px 0;*/
/*  font-size: 16px;*/
/*}*/

#item-detail .text dl {
  margin: 5px 0;
}

#item-detail .text .cart .ec-select {
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

#item-detail .text .cart .ec-numberInput {
  display: flex;
  justify-content: center;
  align-items: center;

  display: block;
}

#item-detail .text .cart button {
  margin: 10px auto 0;
}

#item-detail .slick-dots {
  display: none !important;
}

.reated,
#RelatedProduct-product_area {
  width: 90%;
  margin: 50px auto;
}

.reated .item-list li article,
#RelatedProduct-product_area ul li {
  width: 33.333%;
  padding: 5px;
}

#RelatedProduct-product_area ul li .ec-shelfGrid__item-image {
  height: 110px;
  margin-bottom: 5px;
}

.item-list li article h3 {
  margin: 5px 0 5px;
}


/* ---------------------------------------------------✁
  カート
------------------------------------------------------*/

#cart .ec-progress .ec-progress__number {
  width: 30px;
  height: 30px;
  line-height: 27px;
  font-size: 20px;
}

#cart .ec-progress .ec-progress__item:after {
  top: 15px;
  width: 30%;
  left: 85%;
}

#cart .ec-progress .ec-progress__label {
  font-size: 10px;
  margin: 5px 0 0;
}

#cart header h1 {
  font-size: 16px;
  margin: 5px 0 10px;
}

#cart .ec-cartRole {
  display: block;
}

#cart #form_cart.ec-cartRole .ec-cartRole__progress {
  width: 100%;
}

#cart .ec-cartRole__total {
  padding: 5px 0 0;
  text-align: right;
}

#cart .ec-cartRole .ec-cartRole__actions {
  width: 100%;
  text-align: center;
}

#cart .ec-cartRow {
  display: flex;
  flex-wrap: wrap;
}

#cart .ec-cartRow .ec-cartRow__delColumn {
  width: 10%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

#cart .ec-cartRow .ec-cartRow__contentColumn {
  width: 80%;
  display: flex;
  align-items: center;
}

#cart .ec-cartRow .ec-icon {
  width: 20px;
}

#cart .ec-cartRow .ec-cartRow__amountColumn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex: 1;
}

#cart .ec-cartRow .ec-cartRow__img {
  width: 25%;
}

#cart .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButton,
#cart .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountDownButtonDisabled,
#cart .ec-cartRow .ec-cartRow__amountColumn .ec-cartRow__amountUpButton {
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
}

.ec-pageHeader h1,
#cart section header h2 {
  font-size: 16px;
}

.card {
  padding: 20px;
}

.form .ec-input dl dt {
  font-size: 14px;
  margin: 0 0 5px;
}

#cart .card footer {
  margin: 20px auto 0;
}

.ec-login__input .ec-checkbox {
  margin: 0;
}

.form .ec-customerRole {
  padding: 0;
}

#cart .ec-orderRole__detail .ec-rectHeading h2 {
  font-size: 14px;
}

#cart .ec-orderDelivery .ec-orderDelivery__title {
  font-size: 14px;
  padding: 5px 0 10px;
}

#cart .ec-orderDelivery .ec-orderDelivery__actions .ec-selects {
  display: block;
}

#cart .ec-orderDelivery .ec-orderDelivery__actions .ec-selects > div,
#cart .ec-orderDelivery .ec-orderDelivery__actions .ec-selects > div:last-child {
  width: 100%;
  padding: 0;
}

#cart .ec-selects select {
  font-size: 14px;
}

#cart .ec-orderRole .ec-orderRole__summary {
  padding: 0;
}

#cart .ec-orderRole .ec-inlineBtn {
  font-size: 12px;
  line-height: 35px;
  height: 35px;
  padding: 0 15px;
}

#page_shopping_confirm #cart .ec-select {
  margin: 0;
}

#page_shopping_confirm #cart .ec-selects {
  padding-block: 10px;
}

#page_shopping_confirm .ec-orderDelivery .ec-orderDelivery__address {
  margin: 10px 0;
}

#cart .ec-totalBox .ec-totalBox__btn .ec-blockBtn--action {
  font-size: 14px;
}

#cart .ec-reportHeading {
  border: none;
  font-size: 18px;
}

#cart .ec-reportDescription {
  font-size: 14px;
}


/* ---------------------------------------------------✁
  マイページ
------------------------------------------------------*/

#mypage .ec-mypageRole {
  padding: 0;
}

#mypage nav {
  padding-bottom: 10px;
  border-bottom: 1px solid #E2E2E2;
}

#mypage nav > span {
  background: #6C6C6C;
  color: #FFF;
  font-size: 16px;
  line-height: 30px;
  display: block;
  text-align: center;
  font-family: 'Josefin Sans','しっぽり明朝','游ゴシック','YuGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
  position: relative;
  display: block;
  cursor: pointer;
}

#mypage nav > span:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 12px;
  background: url(/wp/images/icon-arrow-down.svg) no-repeat;
  width: 10px;
  height: 10px;
  background-size: 100%;
  transition: 0.5s;
}

#mypage nav > span.selected:after {
  transform: rotate(180deg);
  top: 8px;
}

#mypage nav ul {
  display: none;
  background: #F6F6F6;
  padding: 10px 0;
  margin: 0;
}

#mypage nav ul li {
  width: 100%;
}

#mypage nav ul li a {
  color: #6C6C6C;
  font-size: 14px;
  text-align: center;
  line-height: 30px;
  padding: 0;
  display: block;
}

#mypage h2.title {
  display: block;
  font-size: 14px;
  font-weight: normal;
}

#mypage .ec-para-normal {
  font-size: 14px;
}

#mypage.withdraw h3 {
  font-size: 14px;
  margin: 30px 0;
}

#mypage.withdraw p {
  margin: 30px 0;
  font-size: 12px;
  text-align: left;
}

#mypage.withdraw p br {
  display: none;
}

#mypage.withdraw .ec-reportHeading {
  border: none;
}

#mypage.history .ec-definitions--soft dt,
#mypage.history .ec-definitions--soft dd {
  font-size: 14px;
}

#mypage .ec-orderDelivery .list {
  padding-right: 0;
  width: 100%;
}

#mypage.history p {
  font-size: 14px;
  line-height: 1.7em;
}

/* ---------------------------------------------------✁
  form
------------------------------------------------------*/

.form-flow {

}

.form-flow ul li .number {
  width: 30px;
  height: 30px;
  line-height: 26px;
  font-size: 20px;
  margin: 0 auto 10px;
}

.form-flow ul li .label {
  font-size: 10px;
}

.form-flow ul li::after {
  top: 15px;
  width: 46%;
  left: 76%;
}

.form-flow ul li.complete .number img {
  width: 15px;
}

.ec-reportHeading {
  border: none;
  margin: auto;
  font-size: 18px;

}

.ec-reportHeading h2 {
  font-weight: normal;
  margin: 20px 0;
}

.ec-reportDescription {
  text-align: left;
  font-size: 14px;
}

/* ---------------------------------------------------✁
  プライバシーポリシー
------------------------------------------------------*/

#help ul li h2 {
  font-size: 16px;
}

#help ul li dl dt {
  font-size: 14px;
}

#help ul li dl {
  margin-left: 0;
}

/* ---------------------------------------------------✁
  特定商
------------------------------------------------------*/

#help.tradelaw dl dt {
  font-size: 16px;
}

#help.tradelaw dl dd {
  font-size: 14px;
}


#help.tradelaw dl dl dt {
  font-size: 14px;
}


/* ---------------------------------------------------✁
  WordPress側対応
------------------------------------------------------*/

html {
}

body.page-under main#gare {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}

main#gare .slick-initialized .slick-slide {
  height: 100vh;
  height: 100dvh;
}

body.page-under main#gare ul#slider_pro_gare {
  display: block !important;
}

body.page-under main#gare .sp_attn {
  overflow: hidden;
  background: none !important;
}

main#gare .sp_attn img {
  transition: all 1s;
  animation-delay: 3s;
  opacity: 1;
  z-index: 10000;
}

main#gare.load2 .sp_attn img {
  opacity: 0;
  pointer-events: none;
}

/*
body.load2 main#gare .slick-initialized .slick-slide .fade_bg:before {
  opacity: 1;
}

body.load2 main#gare .slick-initialized .slick-slide .fade_bg div {
  bottom: 30px;
}
*/

body.page-under main#gare ul#slider_pro_gare {
  display: block !important;
}

#mypage .ec-definitions dt {
  font-size: 14px;
}

#mypage .ec-definitions dd {
  font-size: 14px;
}

.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailTitle {
  font-size: 14px;
}

.ec-historyRole .ec-historyRole__detail .ec-historyRole__detailPrice {
  font-size: 14px;
}

.ec-layoutRole .ec-layoutRole__contents {
  display: block;
}

#mypage .ec-historyRole__detail .ec-historyListHeader__action {
  margin: 0;
  text-align: center;
}

#mypage .ec-historyRole__detail .ec-historyListHeader__action .button {
  float: none;
}


#mypage .ec-para-normal {
  margin: 15px 0;
}

.ec-cartCompleteRole {
  padding: 0;
}


/* ---------------------------------------------------✁
  ゼウス決済周り
------------------------------------------------------*/

#cart #zeus_payment_confirm .text-danger {
  font-size: 12px;
}

#cart .ec-orderDelivery .ec-orderDelivery__actions {
  margin: 10px 0 0;
}

#cart.ebank p {
  font-size: 12px;
}

#cart .ec-orderRole .ec-orderRole__summary p br {
  display: none;
}








}