.itemKigo{display:none!important;}
.opcItem_noshiRibbonTypeLabel_edit,
.opcItem_noshiRibbonTypeNoshiLabel_edit,
.opcItem_noshiRibbonTypeNoneLabel_edit,
.opcItem_noshiInsideOutsideTypeLabel_edit,
.opcItem_noshiInsideOutsideTypeInsideLabel_edit,
.opcItem_noshiInsideOutsideTypeOutsideLabel_edit,
.opcItem_noshiSettingIdLabel_edit,
.opcItem_isNoshiCorporationGroup_edit{font-size: 0;display: inline-block!important;}
span.opcItem_isNoshiCorporationLabel_edit{font-size: 0;}

.opcItem_noshiRibbonTypeLabel_edit:before,
.opcItem_noshiRibbonTypeNoshiLabel_edit:before,
.opcItem_noshiRibbonTypeNoneLabel_edit:before,
.opcItem_noshiInsideOutsideTypeLabel_edit:before,
.opcItem_noshiInsideOutsideTypeInsideLabel_edit:before,
.opcItem_noshiInsideOutsideTypeInsideLabel_edit:before,
.opcItem_noshiInsideOutsideTypeOutsideLabel_edit:before,
.opcItem_noshiSettingIdLabel_edit:before{font-size:15px;}
.opcItem_isNoshiCorporationgAndLabelGroup_edit:after{font-size:15px;}

.opcItem_noshiRibbonTypeLabel_edit:before{ content:'のし・かけ紙 選択';margin-top: 0.5em;font-weight: bold;}
.opcItem_noshiSettingIdLabel_edit:before{ content:'表書き';margin-top: 0.5em;font-weight: bold;}
.opcItem_noshiRibbonTypeNoshiLabel_edit:before{ content:'要';}
.opcItem_noshiRibbonTypeNoneLabel_edit:before{ content:'不要';}
.opcItem_noshiInsideOutsideTypeLabel_edit:before{ content:'内かけ・外かけ';margin-top: 0.5em;font-weight: bold;}
.opcItem_noshiInsideOutsideTypeInsideLabel_edit:before{ content:'内かけ';}
.opcItem_noshiInsideOutsideTypeOutsideLabel_edit:before{ content:'外かけ';}
.opcItem_isNoshiCorporationgAndLabelGroup_edit:after{ content:'法人の場合はチェックしてください。';margin-top: 0.5em;font-weight: bold;}

.opcItem_noshiRibbonTypeNoneLabel_edit + .opcItem_noshiRibbonTypeNoneLabel_edit { display: none !important;}

@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
html {
  overflow-y: scroll;
}
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

body, div, p, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, pre, form, input, textarea, header, footer, nav, figure, figcaption {
  margin: 0;
  padding: 0;
  zoom: 1;
}

header, footer, main, nav, article, aside, section {
  display: block;
}

div, p, dt, dd, ul, ol, a {
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  list-style-type: none;
  letter-spacing: inherit;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

img {
  max-width: 100%;
  border: none;
  vertical-align: middle;
}

hr {
  display: none;
  margin: 0;
  padding: 0;
  width: 1px;
  height: 1px;
}

a {
  font-weight: normal;
  outline: none;
}

		.indent {
			text-indent: 1em;
		}


input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.top_itemlist .sysContent .sysHorizontal li,
.top_itemlist_a .sysContent .sysHorizontal li,
.top_itemlist_b .sysContent .sysHorizontal li{
	float: none;
    width: auto;
    padding: 0;
}

.indent {text-indent: 1em;}


@media all and (-ms-high-contrast: none) {
  select::-ms-expand {
    display: none;
  }
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clear-both {
  clear: both;
}

/* For IE 6/7 */
.clearfix {
  zoom: 1;
}

/* 線 */
.border-none {
  border: none !important;
}

/* 画像関連 */
.img-change {
  font-style: normal;
  font-weight: normal;
  font-size: 1px;
  text-indent: -9999px;
  line-height: 0.1px;
  margin: 0;
  padding: 0;
}
.img-fluid {
  max-width: 100%;
  width: auto;
  height: auto;
}
.img-fit {
  width: 100%;
  height: auto;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .img-fluid {
    width: 100%;
    height: auto;
  }
}
/* width */
.w-0per {
  width: 0% !important;
}
.w-5per {
  width: 5% !important;
}
.w-10per {
  width: 10% !important;
}
.w-15per {
  width: 15% !important;
}
.w-20per {
  width: 20% !important;
}
.w-25per {
  width: 25% !important;
}
.w-30per {
  width: 30% !important;
}
.w-35per {
  width: 35% !important;
}
.w-40per {
  width: 40% !important;
}
.w-45per {
  width: 45% !important;
}
.w-50per {
  width: 50% !important;
}
.w-55per {
  width: 55% !important;
}
.w-60per {
  width: 60% !important;
}
.w-65per {
  width: 65% !important;
}
.w-70per {
  width: 70% !important;
}
.w-75per {
  width: 75% !important;
}
.w-80per {
  width: 80% !important;
}
.w-85per {
  width: 85% !important;
}
.w-90per {
  width: 90% !important;
}
.w-95per {
  width: 95% !important;
}
.w-100per {
  width: 100% !important;
}

/* margin */
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mt-0 {
  margin-top: 0px !important;
}
.mr-0 {
  margin-right: 0px !important;
}
.mb-0 {
  margin-bottom: 0px !important;
}
.ml-0 {
  margin-left: 0px !important;
}
.mt-5 {
  margin-top: 5px !important;
}
.mr-5 {
  margin-right: 5px !important;
}
.mb-5 {
  margin-bottom: 5px !important;
}
.ml-5 {
  margin-left: 5px !important;
}
.mt-10 {
  margin-top: 10px !important;
}
.mr-10 {
  margin-right: 10px !important;
}
.mb-10 {
  margin-bottom: 10px !important;
}
.ml-10 {
  margin-left: 10px !important;
}
.mt-15 {
  margin-top: 15px !important;
}
.mr-15 {
  margin-right: 15px !important;
}
.mb-15 {
  margin-bottom: 15px !important;
}
.ml-15 {
  margin-left: 15px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.mr-20 {
  margin-right: 20px !important;
}
.mb-20 {
  margin-bottom: 20px !important;
}
.ml-20 {
  margin-left: 20px !important;
}
.mt-25 {
  margin-top: 25px !important;
}
.mr-25 {
  margin-right: 25px !important;
}
.mb-25 {
  margin-bottom: 25px !important;
}
.ml-25 {
  margin-left: 25px !important;
}
.mt-30 {
  margin-top: 30px !important;
}
.mr-30 {
  margin-right: 30px !important;
}
.mb-30 {
  margin-bottom: 30px !important;
}
.ml-30 {
  margin-left: 30px !important;
}
.mt-35 {
  margin-top: 35px !important;
}
.mr-35 {
  margin-right: 35px !important;
}
.mb-35 {
  margin-bottom: 35px !important;
}
.ml-35 {
  margin-left: 35px !important;
}
.mt-40 {
  margin-top: 40px !important;
}
.mr-40 {
  margin-right: 40px !important;
}
.mb-40 {
  margin-bottom: 40px !important;
}
.ml-40 {
  margin-left: 40px !important;
}
.mt-45 {
  margin-top: 45px !important;
}
.mr-45 {
  margin-right: 45px !important;
}
.mb-45 {
  margin-bottom: 45px !important;
}
.ml-45 {
  margin-left: 45px !important;
}
.mt-50 {
  margin-top: 50px !important;
}
.mr-50 {
  margin-right: 50px !important;
}
.mb-50 {
  margin-bottom: 50px !important;
}
.ml-50 {
  margin-left: 50px !important;
}
.mt-55 {
  margin-top: 55px !important;
}
.mr-55 {
  margin-right: 55px !important;
}
.mb-55 {
  margin-bottom: 55px !important;
}
.ml-55 {
  margin-left: 55px !important;
}
.mt-60 {
  margin-top: 60px !important;
}
.mr-60 {
  margin-right: 60px !important;
}
.mb-60 {
  margin-bottom: 60px !important;
}
.ml-60 {
  margin-left: 60px !important;
}
.mt-65 {
  margin-top: 65px !important;
}
.mr-65 {
  margin-right: 65px !important;
}
.mb-65 {
  margin-bottom: 65px !important;
}
.ml-65 {
  margin-left: 65px !important;
}
.mt-70 {
  margin-top: 70px !important;
}
.mr-70 {
  margin-right: 70px !important;
}
.mb-70 {
  margin-bottom: 70px !important;
}
.ml-70 {
  margin-left: 70px !important;
}
.mt-75 {
  margin-top: 75px !important;
}
.mr-75 {
  margin-right: 75px !important;
}
.mb-75 {
  margin-bottom: 75px !important;
}
.ml-75 {
  margin-left: 75px !important;
}
.mt-80 {
  margin-top: 80px !important;
}
.mr-80 {
  margin-right: 80px !important;
}
.mb-80 {
  margin-bottom: 80px !important;
}
.ml-80 {
  margin-left: 80px !important;
}
.mt-85 {
  margin-top: 85px !important;
}
.mr-85 {
  margin-right: 85px !important;
}
.mb-85 {
  margin-bottom: 85px !important;
}
.ml-85 {
  margin-left: 85px !important;
}
.mt-90 {
  margin-top: 90px !important;
}
.mr-90 {
  margin-right: 90px !important;
}
.mb-90 {
  margin-bottom: 90px !important;
}
.ml-90 {
  margin-left: 90px !important;
}
.mt-95 {
  margin-top: 95px !important;
}
.mr-95 {
  margin-right: 95px !important;
}
.mb-95 {
  margin-bottom: 95px !important;
}
.ml-95 {
  margin-left: 95px !important;
}
.mt-100 {
  margin-top: 100px !important;
}
.mr-100 {
  margin-right: 100px !important;
}
.mb-100 {
  margin-bottom: 100px !important;
}
.ml-100 {
  margin-left: 100px !important;
}

.mb-s {
  margin-bottom: .5em !important;
}
.mb-line {
  margin-bottom: 1em !important;
}
.mb-txt {
  margin-bottom: 1.5em !important;
}
.mb-cont {
  margin-bottom: 2em !important;
}
.mb-prg {
  margin-bottom: 3em !important;
}
.mb-sec {
  margin-bottom: 4em !important;
}
@media screen and (max-width: 768px) {
  .mb-s {
    margin-bottom: .5em !important;
  }
  .mb-line {
    margin-bottom: 1em !important;
  }
  .mb-txt {
    margin-bottom: 1em !important;
  }
  .mb-cont {
    margin-bottom: 1.5em !important;
  }
  .mb-prg {
    margin-bottom: 2em !important;
  }
  .mb-sec {
    margin-bottom: 3em !important;
  }
}

@media screen and (max-width: 768px) {
  .sp-mb-0 {
    margin-bottom: 0 !important;
  }
  .sp-mb-s {
    margin-bottom: .5em !important;
  }
  .sp-mb-line {
    margin-bottom: 1em !important;
  }
  .sp-mb-txt {
    margin-bottom: 1em !important;
  }
  .sp-mb-cont {
    margin-bottom: 1.5em !important;
  }
  .sp-mb-prg {
    margin-bottom: 2em !important;


  }
  .sp-mb-sec {
    margin-bottom: 3em !important;
  }
}
/* padding */
.pt-0 {
  padding-top: 0px !important;
}
.pr-0 {
  padding-right: 0px !important;
}
.pb-0 {
  padding-bottom: 0px !important;
}
.pl-0 {
  padding-left: 0px !important;
}
.pt-5 {
  padding-top: 5px !important;
}
.pr-5 {
  padding-right: 5px !important;
}
.pb-5 {
  padding-bottom: 5px !important;
}
.pl-5 {
  padding-left: 5px !important;
}
.pt-10 {
  padding-top: 10px !important;
}
.pr-10 {
  padding-right: 10px !important;
}
.pb-10 {
  padding-bottom: 10px !important;
}
.pl-10 {
  padding-left: 10px !important;
}
.pt-15 {
  padding-top: 15px !important;
}
.pr-15 {
  padding-right: 15px !important;
}
.pb-15 {
  padding-bottom: 15px !important;
}
.pl-15 {
  padding-left: 15px !important;
}
.pt-20 {
  padding-top: 20px !important;
}
.pr-20 {
  padding-right: 20px !important;
}
.pb-20 {
  padding-bottom: 20px !important;
}
.pl-20 {
  padding-left: 20px !important;
}
.pt-25 {
  padding-top: 25px !important;
}
.pr-25 {
  padding-right: 25px !important;
}
.pb-25 {
  padding-bottom: 25px !important;
}
.pl-25 {
  padding-left: 25px !important;
}
.pt-30 {
  padding-top: 30px !important;
}
.pr-30 {
  padding-right: 30px !important;
}
.pb-30 {
  padding-bottom: 30px !important;
}
.pl-30 {
  padding-left: 30px !important;
}
.pt-35 {
  padding-top: 35px !important;
}
.pr-35 {
  padding-right: 35px !important;
}
.pb-35 {
  padding-bottom: 35px !important;
}
.pl-35 {
  padding-left: 35px !important;
}
.pt-40 {
  padding-top: 40px !important;
}
.pr-40 {
  padding-right: 40px !important;
}
.pb-40 {
  padding-bottom: 40px !important;
}
.pl-40 {
  padding-left: 40px !important;
}
.pt-45 {
  padding-top: 45px !important;
}
.pr-45 {
  padding-right: 45px !important;
}
.pb-45 {
  padding-bottom: 45px !important;
}
.pl-45 {
  padding-left: 45px !important;
}
.pt-50 {
  padding-top: 50px !important;
}
.pr-50 {
  padding-right: 50px !important;
}
.pb-50 {
  padding-bottom: 50px !important;
}
.pl-50 {
  padding-left: 50px !important;
}
.pt-55 {
  padding-top: 55px !important;
}
.pr-55 {
  padding-right: 55px !important;
}
.pb-55 {
  padding-bottom: 55px !important;
}
.pl-55 {
  padding-left: 55px !important;
}
.pt-60 {
  padding-top: 60px !important;
}
.pr-60 {
  padding-right: 60px !important;
}
.pb-60 {
  padding-bottom: 60px !important;
}
.pl-60 {
  padding-left: 60px !important;
}
.pt-65 {
  padding-top: 65px !important;
}
.pr-65 {
  padding-right: 65px !important;
}
.pb-65 {
  padding-bottom: 65px !important;
}
.pl-65 {
  padding-left: 65px !important;
}
.pt-70 {
  padding-top: 70px !important;
}
.pr-70 {
  padding-right: 70px !important;
}
.pb-70 {
  padding-bottom: 70px !important;
}
.pl-70 {
  padding-left: 70px !important;
}
.pt-75 {
  padding-top: 75px !important;
}
.pr-75 {
  padding-right: 75px !important;
}
.pb-75 {
  padding-bottom: 75px !important;
}
.pl-75 {
  padding-left: 75px !important;
}
.pt-80 {
  padding-top: 80px !important;
}
.pr-80 {
  padding-right: 80px !important;
}
.pb-80 {
  padding-bottom: 80px !important;
}
.pl-80 {
  padding-left: 80px !important;
}
.pt-85 {
  padding-top: 85px !important;
}
.pr-85 {
  padding-right: 85px !important;
}
.pb-85 {
  padding-bottom: 85px !important;
}
.pl-85 {
  padding-left: 85px !important;
}
.pt-90 {
  padding-top: 90px !important;
}
.pr-90 {
  padding-right: 90px !important;
}
.pb-90 {
  padding-bottom: 90px !important;
}
.pl-90 {
  padding-left: 90px !important;
}
.pt-95 {
  padding-top: 95px !important;
}
.pr-95 {
  padding-right: 95px !important;
}
.pb-95 {
  padding-bottom: 95px !important;
}
.pl-95 {
  padding-left: 95px !important;
}
.pt-100 {
  padding-top: 100px !important;
}
.pr-100 {
  padding-right: 100px !important;
}
.pb-100 {
  padding-bottom: 100px !important;
}
.pl-100 {
  padding-left: 100px !important;
}

/* フォント関連 */
* {
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: normal;
}

html {
  font-size: 62.5%;
}

body {
  color: #111;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
@media screen and (min-width: 769px) {
  body {



    font-size: 1.6rem;
    line-height: 1.8;
  }
}

/* font-weight */
.fw-normal {
  font-weight: normal !important;
}
.fw-bold {
  font-weight: bold !important;
}

/* font-color */
.fc {
  /* &-red {color: #f00 !important;} */
}
.fc-red {
  color: #e62828 !important;
}


.sysItemPr {color: #e62828 !important;font-size: 80%;font-weight: 600; margin-top: 1em;}

/* text-align */
.txt-l {
  text-align: left !important;
}
.txt-c {
  text-align: center !important;
}
.txt-r {
  text-align: right !important;
}

/* 表示・非表示 */
.disnone {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .disnone-sp {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .disnone-pc {
    display: none !important;
  }
}

/* vertical-align */
.v-t {
  vertical-align: top !important;
}
.v-m {
  vertical-align: middle !important;
}
.v-b {
  vertical-align: bottom !important;
}

/* justify-content */
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}

/* align-items */
.align-items-start {
  align-items: flex-start !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-end {
  align-items: flex-end !important;
}

/* リンク */
a {
  color: #666;
  text-decoration: none;
}
a:link {
  color: #666;
  text-decoration: none;
}
a:active {
  color: #666;
  text-decoration: none;
}
a:visited {
  color: #666;
  text-decoration: none;
}
a:hover {
  color: #666;
  text-decoration: none;
}

/* 全ページ共通 -------------------------------------------------------------------------- */
body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  height: 100vh;
  height: -webkit-fill-available;
}
@media screen and (max-width: 768px) {
  body {
    letter-spacing: .05em;
  }
}
@media screen and (min-width: 769px) {
  body {
    min-width: 1200px;
    letter-spacing: .1em;
  }
  body.fixedPc {
    height: 100vh;
    overflow: hidden;
  }
}


#sysAll{width: 100%!important;}

#sysAll {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #sysAll #sysMain {
    padding-top: 108px !important;
  }
}
#sysAll .page-container {
  padding: 50px 0 80px;
}
@media screen and (max-width: 768px) {
  #sysAll .page-container {
    padding: 30px 0 60px;
  }
}

@media screen and (max-width: 768px) {
  #sysAll .inner-container,
  #form .sysForm,
  #sysFormIndex .sysHeadline,
  #sysAll .top_itemlist .sysHeadline,
  #sysAll .itempage_recommend .sysHeadline,
  #sysAll .details_itemlist .sysHeadline,
  #sysAll .sysCategoryDescription .sysHeadline,
  #sysAll .sysItemListDisp,
  #sysAll .sysItemList,
  #sysAll .sysFuncItemBlock,
  #sysAll .sysItemBlock{
    padding: 0 4%;
  }
}
@media screen and (min-width: 769px) {
  #sysAll .inner-container,
  #form .sysForm,
  #sysFormIndex .sysHeadline,
  #sysFormIndex .formWidth,
  #sysAll .top_itemlist .sysHeadline,
  #sysAll .itempage_recommend .sysHeadline,
  #sysAll .details_itemlist .sysHeadline,
  #sysAll .sysItemListDisp,
  #sysAll .sysItemList,
  #sysAll .sysFuncItemBlock,
  #sysAll .sysItemBlock{
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 20px;
  }
	
  #sysFormIndex form{
    max-width: 500px;
     margin: 0 auto;
    padding: 0 20px;
 }	
	#sysFormIndex .sysHeadline{
		max-width: 100%;
	}
	
  #sysAll .top_recommend_item .sysItemBlock{
	  margin-bottom: 80px!important;
  }
}
#sysAll .full-container {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
  #sysAll .sp-full-container {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
}
#sysAll a {
  transition: opacity .5s;
}
#sysAll a:hover {
  opacity: .7;
}

/* アニメーション */
@keyframes isshow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* header
--------------------------------------------*/
@media screen and (max-width: 768px) {
  #header {
    position: fixed;
    width: 100%;
    border-bottom: 1px solid #c8c8c8;
    z-index: 100;
  }
  #header .header-logo {
    position: absolute;
    top: 0;
    left: 15px;
    box-shadow: 0px 8px 34px -5px rgba(0, 0, 0, 0.5);
    z-index: 101;
    width: 90px;
  }

  #header .header-1st {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #505050;
  }
  #header .header-1st .header-1st-nav {
    display: none;
  }
  #header .header-1st .header-1st-search {
    display: none;
  }
  #header .header-1st .header-1st-bm {
    padding: 10px;
    border-left: 1px solid #fff;
  }
  #header .header-1st .header-1st-bm > .menu-trigger {
    position: relative;
    width: 80%;
    height: 18px;
    margin: 0 auto;
  }
  #header .header-1st .header-1st-bm > .menu-trigger > span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: all .4s;
  }
  #header .header-1st .header-1st-bm > .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  #header .header-1st .header-1st-bm > .menu-trigger span:nth-of-type(2) {
    top: 8px;
  }
  #header .header-1st .header-1st-bm > .menu-trigger span:nth-of-type(3) {
    top: 16px;
  }
  #header .header-1st .header-1st-bm > .menu-trigger.active span:nth-of-type(1) {
    transform: translateY(8px) rotate(-45deg);
  }
  #header .header-1st .header-1st-bm > .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  #header .header-1st .header-1st-bm > .menu-trigger.active span:nth-of-type(3) {
    transform: translateY(-8px) rotate(45deg);
  }
  #header .header-1st .header-1st-bm > .menu-txt {
    font-size: 1rem;
    color: #fff;
    letter-spacing: 0;
    line-height: 1;
    padding-top: 8px;
  }
  #header .header-2nd {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.98);
  }
  #header .header-2nd .header-2nd-nav {
    display: none;
  }
  #header .header-2nd .header-2nd-account {
    display: flex;
    align-items: center;
  }
  #header .header-2nd .header-2nd-account > p:not(:first-child) {
    margin-left: 8px;
  }
  #header .header-2nd .header-2nd-account .btn-entry a,
  #header .header-2nd .header-2nd-account .btn-login a {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.1rem;
    color: #979797;
    letter-spacing: 0;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 15px;
    padding-left: 18px;
  }
  #header .header-2nd .header-2nd-account .btn-entry a {
    background-image: url("https://shop-koraibashi-kitcho.jp/img/h_ic_entry.svg");
  }
  #header .header-2nd .header-2nd-account .btn-login a {
    background-image: url("https://shop-koraibashi-kitcho.jp/img/h_ic_login.svg");
  }
  #header .header-2nd .header-2nd-account .btn-cart a {
    display: block;
    font-size: 1.1rem;
    color: #fff;
    letter-spacing: 0;
    background-color: #a08523;
    background-image: url("https://shop-koraibashi-kitcho.jp/img/h_ic_cart.png");
    background-repeat: no-repeat;
    background-position: left 8px center;
    background-size: auto 15px;
    padding: 7px 8px 7px 28px;
    border-radius: 5px;
  }
  #header .header-sp-nav {
    position: fixed;
    width: 100%;
    height: calc(100vh - 108px);
    background-color: rgba(255, 255, 255, 0.98);
    margin-top: 1px;
    visibility: hidden;
    opacity: 0;
    transition: all .5s;
    z-index: 100;
  }
  #header .header-sp-nav.active {
    visibility: visible;
    opacity: 1;
  }
  #header .header-sp-nav .header-sp-nav-inner {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    height: 100%;
    overflow-y: scroll;
  }
  #header .header-sp-nav .header-sp-nav-bottom .clone-1st-nav {
    background-color: #f0f0f0;
    padding: 20px;
  }
  #header .header-sp-nav .header-sp-nav-bottom .clone-1st-nav .header-1st-nav-sp > li:not(:first-child) {
    margin-top: 7px;
  }
  #header .header-sp-nav .header-sp-nav-bottom .clone-1st-nav .header-1st-nav-sp > li > a {
    display: block;
  }
  #header .header-sp-nav .header-sp-nav-bottom .clone-1st-search {
    background-color: #969696;
    padding: 20px;
  }
  #header .header-sp-nav .header-sp-nav-bottom .clone-1st-search .header-1st-search-sp {
    display: flex;
    justify-content: space-between;


    align-items: center;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
  }
  #header .header-sp-nav .header-sp-nav-bottom .clone-1st-search .header-1st-search-sp .h-search-txt {
    width: calc(100% - 30px);
    font-family: "Noto Serif JP", serif;
    color: #fff;
  }
  #header .header-sp-nav .header-sp-nav-bottom .clone-1st-search .header-1st-search-sp .h-search-txt::placeholder {
    color: #ccc;
  }
  #header .header-sp-nav .header-sp-nav-bottom .clone-1st-search .header-1st-search-sp .h-search-btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("https://shop-koraibashi-kitcho.jp/img/h_ic_search.png");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
  }
  #header .header-sp-nav .header-sp-nav-top {
    flex-grow: 1;
    background-image: url("https://shop-koraibashi-kitcho.jp/img/h_meganav_1st_bg.png");
    background-repeat: repeat;
    padding-top: 30px;
  }
  #header .header-sp-nav .header-sp-nav-top .tab-btn-area {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #c8c8c8;
  }
  #header .header-sp-nav .header-sp-nav-top .tab-btn {
    position: relative;
    padding: 10px 0;
  }
  #header .header-sp-nav .header-sp-nav-top .tab-btn.activeSp::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #505050;
  }
  #header .header-sp-nav .header-sp-nav-top .tab-item-area .mega-nav-1st {
    display: none;
    padding: 20px;
  }
  #header .header-sp-nav .header-sp-nav-top .tab-item-area .mega-nav-1st.activeSp {
    display: block;
    animation: isshow .5s linear 0s;
  }
  #header .header-sp-nav .header-sp-nav-top .mega-nav-1st .mega-nav-1st-ul > li > .nav-txt-sub {
    display: none;
  }
  #header .header-sp-nav .header-sp-nav-top .mega-nav-1st-link a {
    display: block;
    text-align: center;
    background-image: url("https://shop-koraibashi-kitcho.jp/img/ic_arrow_r_2.svg");
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 22px auto;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    padding: 10px 0;
    margin-bottom: 20px;
  }
  #header .header-sp-nav .header-sp-nav-top .mega-nav-2nd-link > a {
    display: block;
    color: #fff;
    background-color: #a08523;
    background-image: url("https://shop-koraibashi-kitcho.jp/img/ic_arrow_r_3.svg");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px auto;
    padding: 6px 10px;
  }
  #header .header-sp-nav .header-sp-nav-top .mega-nav-2nd .mega-nav-2nd-ul {
    margin: 5px 0 15px;
  }
  #header .header-sp-nav .header-sp-nav-top .mega-nav-2nd .mega-nav-2nd-ul > li > a {
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #e8e8e8;
  }
  #header .header-sp-nav .header-sp-nav-top .mega-img,
  #header .header-sp-nav .header-sp-nav-top .mega-img-s {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  #header {
    position: relative;
    border-bottom: 1px solid #c8c8c8;
  }
  #header .header-logo {
    position: absolute;
    top: 0;

    left: 30px;
    box-shadow: 0px 8px 34px -5px rgba(0, 0, 0, 0.5);
    z-index: 101;
  }
  #header .header-1st {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #505050;
    padding: 0 30px 0 230px;
  }
  #header .header-1st .header-1st-nav {
    display: flex;
  }
  #header .header-1st .header-1st-nav > li:not(:last-child) {
    margin-right: 2em;
  }
  #header .header-1st .header-1st-nav > li > a {
    display: block;
    font-size: 1.5rem;
    color: #fff;
    padding: 25px 0;
  }
  #header .header-1st .header-1st-search {
    display: flex;
    align-items: center;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
  }
  #header .header-1st .header-1st-search .h-search-txt {
    width: 300px;
    font-family: "Noto Serif JP", serif;
    color: #fff;
  }
  #header .header-1st .header-1st-search .h-search-txt::placeholder {
    color: #aaa;
  }
  #header .header-1st .header-1st-search .h-search-btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("https://shop-koraibashi-kitcho.jp/img/h_ic_search.png");
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
  }
  #header .header-1st .header-1st-bm {
    display: none;
  }
  #header .header-2nd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
    padding: 0 30px 0 230px;
  }
  #header .header-2nd .header-2nd-nav {
    display: flex;
  }
  #header .header-2nd .header-2nd-nav > li:not(:last-child) {
    margin-right: 2.5em;
  }
  #header .header-2nd .header-2nd-nav > li > a,
  #header .header-2nd .header-2nd-nav > li > .nav-txt {
    position: relative;
    display: block;
    font-size: 1.8rem;
    padding: 25px 0;
    cursor: pointer;
  }
  #header .header-2nd .header-2nd-nav > li.current > .nav-txt::after,
  #header .header-2nd .header-2nd-nav > li > .nav-txt.active::after,
  #header .header-2nd .header-2nd-nav > li:hover > .nav-txt::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #505050;
  }
  #header .header-2nd .header-2nd-account {
    display: flex;
    align-items: center;
  }
  #header .header-2nd .header-2nd-account > p:not(:first-child) {
    margin-left: 30px;
  }
  #header .header-2nd .header-2nd-account .btn-entry a,
  #header .header-2nd .header-2nd-account .btn-login a {
    display: block;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.5rem;
    color: #979797;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 22px;
    padding-left: 30px;
  }
  #header .header-2nd .header-2nd-account .btn-entry a {
    background-image: url("https://shop-koraibashi-kitcho.jp/img/h_ic_entry.svg");
  }
  #header .header-2nd .header-2nd-account .btn-login a {
    background-image: url("https://shop-koraibashi-kitcho.jp/img/h_ic_login.svg");
  }
  #header .header-2nd .header-2nd-account .btn-cart a {
    display: block;
	font-size: 1.6rem;
    color: #fff;
    background-color: #a08523;
    background-image: url("https://shop-koraibashi-kitcho.jp/img/h_ic_cart.png");
    background-repeat: no-repeat;
    background-position: left 15px center;
    background-size: auto 22px;
    padding: 10px 15px 10px 45px;
    border-radius: 5px;
  }
  #header .header-2nd .header-2nd-nav .mega-nav {
    position: absolute;
    top: calc(100% + 1px);
    left: 0;
    width: 100%;
    height: calc(100vh - 159px);
    padding-left: 230px;
    background-color: #fff;
    transition: all .3s;
    visibility: hidden;
    opacity: 0;
    z-index: 2;
  }
  #header .header-2nd .header-2nd-nav.open .mega-nav {
    transition: all 0s;
  }
  #header .header-2nd .header-2nd-nav > li > .nav-txt.active + .mega-nav {
    visibility: visible;
    opacity: 1;
    overflow-y: auto;
    overflow-x: hidden;
  }
  #header .header-2nd .header-2nd-nav .mega-nav-1st {
    position: relative;
    width: 20%;
    height: 100%;
    min-height: 678px;
    /*mega-nav-2ndの中で1番大きい高さ*/




    background-image: url("https://shop-koraibashi-kitcho.jp/img/h_meganav_1st_bg.png");
    background-repeat: repeat;
    padding: 40px;
  }
  #header .header-2nd .header-2nd-nav .mega-nav-1st::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    background-image: url("https://shop-koraibashi-kitcho.jp/img/h_meganav_2nd_bg.png");
    background-repeat: repeat;
    z-index: -1;
  }
  #header .header-2nd .header-2nd-nav .mega-nav-1st-link {
    margin-bottom: 20px;
  }
  #header .header-2nd .header-2nd-nav .mega-nav-1st-link a {
    display: block;
    text-align: center;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    padding: 10px 0;
    margin-bottom: 20px;
  }
  #header .header-2nd .header-2nd-nav .mega-nav-1st .mega-nav-1st-ul > li > a,
  #header .header-2nd .header-2nd-nav .mega-nav-1st .mega-nav-1st-ul > li > .nav-txt-sub {
    display: block;
    font-size: 1.5rem;
    padding: 8px 0;
    border-bottom: 1px solid #c8c8c8;
    cursor: pointer;
  }
  #header .header-2nd .header-2nd-nav .mega-nav-1st .mega-nav-1st-ul > li.active > a,
  #header .header-2nd .header-2nd-nav .mega-nav-1st .mega-nav-1st-ul > li.active > .nav-txt-sub {
    color: #a08523;
    border-bottom: 1px solid #a08523;
    background-image: url("https://shop-koraibashi-kitcho.jp/img/ic_arrow_r.png");
    background-repeat: no-repeat;
    background-position: right center;
  }
  #header .header-2nd .header-2nd-nav .mega-nav-2nd {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    padding: 40px;
    transition: all .5s ease;
    visibility: hidden;
    opacity: 0;
  }
  #header .header-2nd .header-2nd-nav > li > .nav-txt.active + .mega-nav > .mega-nav-1st .mega-nav-1st-ul > li.active > .mega-nav-2nd {
    visibility: visible;
    opacity: 1;
  }
  #header .header-2nd .header-2nd-nav .mega-nav-2nd-link {
    margin-bottom: 20px;
  }
  #header .header-2nd .header-2nd-nav .mega-nav-2nd-link a {
    display: block;
    text-align: center;
    border-top: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    padding: 10px 0;
    margin-bottom: 20px;
  }
  #header .header-2nd .header-2nd-nav .mega-nav-2nd .mega-nav-2nd-ul > li > a {
    display: block;
    font-size: 1.5rem;
    padding: 8px 0;
    border-bottom: 1px solid #c8c8c8;
  }
  #header .header-2nd .header-2nd-nav .mega-nav-1st .mega-img {
    position: absolute;
    top: 0;
    left: 200%;
    width: calc(100vw - 230px - 100% - 100%);
    height: 100%;
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
  }
  #header .header-2nd .header-2nd-nav .mega-nav-1st .mega-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #header .header-2nd .header-2nd-nav > li > .nav-txt.active + .mega-nav > .mega-nav-1st .mega-nav-1st-ul > li.active > .mega-img {
    visibility: visible;
    opacity: 1;
  }
  #header .header-2nd .header-2nd-nav .mega-nav-2nd .mega-img-s {
    position: absolute;
    top: 0;
    left: 100%;
    width: calc(100vw - 230px - 100% - 100%);
    height: 100%;
    visibility: hidden;
    opacity: 0;
  }
  #header .header-2nd .header-2nd-nav .mega-nav-2nd .mega-img-s img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #header .header-2nd .header-2nd-nav .mega-nav-2nd .mega-nav-2nd-ul > li.active > .mega-img-s {
    visibility: visible;
    opacity: 1;
    z-index: 200;
  }
  #header .header-2nd .header-2nd-nav .mega-nav-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: '';
    width: 60px;
    height: 60px;
    background-color: #000;
    background-image: url("https://shop-koraibashi-kitcho.jp/img/ic_close.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40% 40%;
    transition: all .5s;
    cursor: pointer;
    z-index: 201;
  }
  #header .header-2nd .header-2nd-nav .mega-nav-close:hover {
    opacity: .7;
  }
  #header .header-sp-nav {
    display: none;
  }
}
/* パンくずリスト
--------------------------------------------*/
.breadcrumb {
  margin: 0 0 40px;
}
@media screen and (max-width: 768px) {
  .breadcrumb {
    margin: 5px 0 15px;
  }
}
#breadcrumb .breadcrumb-list {
  display: flex;
  flex-flow: row wrap;
}
#breadcrumb .breadcrumb-item,
.sysPankuzuUrl,
.sysPankuzuItemName {
  font-size: 1.4rem;
  color: #969696 !important;
}
@media screen and (max-width: 768px) {
  #breadcrumb .breadcrumb-item,
  .sysPankuzuUrl,
  .sysPankuzuItemName {
    font-size: 1.2rem;
  }
}
#breadcrumb .breadcrumb-item a {
  color: #969696;
}
#breadcrumb .breadcrumb-item:not(:last-child) {
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  #breadcrumb .breadcrumb-item:not(:last-child) {
    margin-right: 5px;
  }
}
#breadcrumb .breadcrumb-item:not(:last-child)::after {
  content: '＞';
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  #breadcrumb .breadcrumb-item:not(:last-child)::after {
    margin-left: 5px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1765px) {
  .breadcrumb {
    padding-left: 215px;
  }
  .breadcrumb .inner-container {
    margin: 0;
  }
}

/* page-top
--------------------------------------------*/
#page-top {
  position: fixed;
  bottom: 100px;
  right: 0;
  cursor: pointer;
  width: 60px;
}
@media screen and (max-width: 768px) {
  #page-top {
    width: 40px;
  }
}

/* footer
--------------------------------------------*/
#footer {
  border-top: 3px solid #c8c8c8;
  padding: 3px 0 0 0;
  margin: 0;
}
#footer #f-1 {
  border-top: 1px solid #c8c8c8;
}
#footer #f-1 .f-1-block {
  display: flex;
  flex-flow: row nowrap;
}
#footer #f-1 .f-1-logo {
  flex: none;
}
#footer #f-1 .f-1-menu-list > li > a {
  background-image: url("https://shop-koraibashi-kitcho.jp/img/ic_arrow_r.png");
  background-repeat: no-repeat;
  background-position: left center;
}
#footer #f-1 .f-1-contact {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  border: 1px solid #666;
}
#footer #f-1 .f-1-contact dt {
  text-align: center;
  transform: translateY(-50%);
}
#footer #f-1 .f-1-contact dt span {
  background-color: #fff;
}
#footer #f-1 .f-1-contact dd .tel {
  background-image: url("https://shop-koraibashi-kitcho.jp/img/ic_tel.png");
  background-repeat: no-repeat;
  background-position: left center;
}
#footer #f-1 .f-1-contact dd .mail {
  background-image: url("https://shop-koraibashi-kitcho.jp/img/ic_mail.png");
  background-repeat: no-repeat;
  background-position: left center;
}
#footer #f-2 {
  background-color: #505050;
}
#footer #f-2 .f-2-menu-list > li > a {
  color: #fff;
}
#footer #f-cr {
  border-top: 1px solid #969696;
  background-color: #505050;
}
#footer #f-cr p {
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 768px) {
  #footer #f-1 {
    padding: 30px 0;
  }
  #footer #f-1 .f-1-block {
    justify-content: space-around;
  }
  #footer #f-1 .f-1-logo {
    padding-right: 20px;
  }
  #footer #f-1 .f-1-logo img {
    width: 80px;
  }
  #footer #f-1 .f-1-menu-list > li {
    margin-bottom: 5px;
  }
  #footer #f-1 .f-1-menu-list > li > a {
    font-size: 1.3rem;
    background-size: 16px auto;
    padding-left: 22px;
  }
  #footer #f-1 .f-1-menu-list > li > ul {
    display: none;
  }
  #footer #f-1 .f-1-contact {
    margin-top: 25px;
  }
  #footer #f-1 .f-1-contact dt span {
    font-size: 1.3rem;
    padding: 0 20px;
  }
  #footer #f-1 .f-1-contact dd {
    padding: 15px;
    margin-top: -20px;
  }
  #footer #f-1 .f-1-contact dd .tel {
    font-size: 1.5rem;
    background-size: 14px auto;
    padding-left: 22px;
  }

  #footer #f-1 .f-1-contact dd .mail {
    font-size: 1.1rem;
    background-size: 14px auto;
    padding-left: 22px;
    margin-top: 5px;
  }
  #footer #f-2 {
    padding-bottom: 2px;
  }
  #footer #f-2 .f-2-menu-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
  }
  #footer #f-2 .f-2-menu-list > li {
    width: 50%;
    border-bottom: 1px solid #969696;
  }
  #footer #f-2 .f-2-menu-list > li:nth-child(odd) {
    border-right: 1px solid #969696;
  }
  #footer #f-2 .f-2-menu-list > li > a {
    display: block;
    font-size: 1.2rem;
    text-align: center;
    padding: 10px 5px;
  }
  #footer #f-cr {
    padding: 10px 0;
  }
  #footer #f-cr p {
    font-size: 1rem;
    letter-spacing: 1px;
  }
}
@media screen and (min-width: 769px) {
  #footer #f-1 {
    padding: 40px 0;
  }
  #footer #f-1 .f-1-block {
    justify-content: space-between;
  }
  #footer #f-1 .f-1-logo {
    padding-right: 30px;
  }
  #footer #f-1 .f-1-menu {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: flex-start;
    width: 75%;
  }
  #footer #f-1 .f-1-menu .f-1-menu-list {
    width: 33.3333%;
  }
  #footer #f-1 .f-1-menu .f-1-menu-list > li > a {
    font-size: 1.8rem;
    padding-left: 30px;
  }
  #footer #f-1 .f-1-menu .f-1-menu-list > li > ul {
    margin-top: 10px;
  }
  #footer #f-1 .f-1-menu .f-1-menu-list > li > ul > li {
    margin: 5px 0;
    padding-left: 30px;
  }
  #footer #f-1 .f-1-menu .f-1-menu-list > li > ul > li > a {
    font-size: 1.5rem;
  }
  #footer #f-1 .f-1-menu .f-1-menu-list > li > ul > li > a::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 1px;
    background-color: #666;
    margin-right: 10px;
    vertical-align: middle;
  }
  #footer #f-1 .f-1-contact {
    width: 33.3333%;
    margin-top: -40px;
  }
  #footer #f-1 .f-1-contact dt span {
    padding: 0 20px;
  }
  #footer #f-1 .f-1-contact dd {
    padding: 10px 30px 15px;
    margin-top: -20px;
  }
  #footer #f-1 .f-1-contact dd .tel {
    font-size: 2rem;
    background-size: 20px auto;
    padding-left: 30px;
  }
  #footer #f-1 .f-1-contact dd .mail {
    font-size: 1.4rem;
    background-size: 20px auto;
    padding-left: 30px;
    margin-top: 5px;
  }
  #footer #f-2 {
    padding: 30px 0;
  }
  #footer #f-2 .f-2-menu-list {
    display: flex;
    justify-content: center;
  }
  #footer #f-2 .f-2-menu-list > li {
    margin: 0 25px;
  }
  #footer #f-2 .f-2-menu-list > li > a {
    font-size: 1.5rem;
  }
  #footer #f-cr {
    padding: 20px 0;
  }
  #footer #f-cr p {
    font-size: 1.2rem;
    letter-spacing: 1px;
  }
}
/* 商品一覧関連
--------------------------------------------*/
/* 一覧 */
.product-list,
.top_itemlist ul.sysHorizontal,
.top_itemlist_a ul.sysHorizontal,
.top_itemlist_b ul.sysHorizontal{
  display: flex;
  flex-flow: row wrap;
  margin: 0 -1.5% 30px -1.5%!important;
}
@media screen and (max-width: 768px) {
.product-list,
.top_itemlist ul.sysHorizontal,
.top_itemlist_a ul.sysHorizontal,
.top_itemlist_b ul.sysHorizontal{
    margin: 0 -2%!important;
  }
}
@media screen and (max-width: 768px) {
  .product-list-item,
  .top_itemlist ul.sysHorizontal li,
  .top_itemlist_a ul.sysHorizontal li,
  .top_itemlist_b ul.sysHorizontal li{
    width: 100%!important;
    padding: 0 2%!important;
  }
  .product-list-item:nth-child(n+3),
  .top_itemlist ul.sysHorizontal li:nth-child(n+2),
  .top_itemlist_a ul.sysHorizontal li:nth-child(n+2),
  .top_itemlist_b ul.sysHorizontal li:nth-child(n+2){
    margin-top: 4%!important;
  }
  .product-list-item a,
  .top_itemlist ul.sysHorizontal li a,
  .top_itemlist_a ul.sysHorizontal li a,
  .top_itemlist_b ul.sysHorizontal li a{
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .product-list-item,
  .top_itemlist ul.sysHorizontal li,
  .top_itemlist_a ul.sysHorizontal li,
  .top_itemlist_b ul.sysHorizontal li{
    width: 33.3333%!important;
    padding: 0 1.5%!important;
    line-height: 1.6;
  }
.product-list-item:nth-child(n+4),
.top_itemlist ul.sysHorizontal li:nth-child(n+4),
.top_itemlist_a ul.sysHorizontal li:nth-child(n+4),
.top_itemlist_b ul.sysHorizontal li:nth-child(n+4){
    margin-top: 30px;
  }
  .product-list-item a,
  .top_itemlist ul.sysHorizontal li a,
  .top_itemlist_a ul.sysHorizontal li a,
  .top_itemlist_b ul.sysHorizontal li a{
    display: flex;
  }
}
.product-list-item .item-category {
  color: #a08523;
}
@media screen and (max-width: 768px) {
  .product-list-item .item-category {
    font-size: 1.3rem;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 769px) {
  .product-list-item .item-category {
    flex: none;
    width: 25px;
    line-height: 1.2;
  }
}
.product-list-item .item-thumb, 
.top_itemlist .sysItemImage {
  position: relative;
}
@media screen and (max-width: 768px) {
.product-list-item .item-thumb, 
.top_itemlist .sysItemImage,
.top_itemlist_a .sysItemImage,
.top_itemlist_b .sysItemImage,
.itempage_recommend .sysItemImage,
.details_itemlist .sysItemImage,
.top_recommend_item .sysItemImage {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 769px) {
.product-list-item .item-thumb, 
.top_itemlist .sysItemImage,
.top_itemlist_a .sysItemImage,
.top_itemlist_b .sysItemImage,
.itempage_recommend .sysItemImage,
.details_itemlist .sysItemImage {
    margin-bottom: 15px;
  }
}
.product-list-item .item-thumb img, 
.top_itemlist .sysItemImage img,
.top_itemlist_a .sysItemImage img,
.top_itemlist_b .sysItemImage img {
  width: 100%;
}
.product-list-item .item-name,
.top_recommend_item .sysItemName,
.top_itemlist .sysItemName,
.top_itemlist_a .sysItemName,
.top_itemlist_b .sysItemName {
  border-bottom: 1px solid #c8c8c8;
}
@media screen and (max-width: 768px) {
.product-list-item .item-name,
.top_recommend_item .sysItemName,
.top_itemlist .sysItemName,
.top_itemlist_a .sysItemName,
.top_itemlist_b .sysItemName {
    padding-bottom: 8px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 769px) {
.product-list-item .item-name,
.top_recommend_item .sysItemName,
.top_itemlist .sysItemName,
.top_itemlist_a .sysItemName,
.top_itemlist_b .sysItemName {
    font-size: 1.8rem;
    padding-bottom: 10px;
    margin-bottom: 8px;
  }
}
.product-list-item .item-desc {
  color: #969696;
}
@media screen and (max-width: 768px) {
  .product-list-item .item-desc {
    font-size: 1.3rem;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 769px) {
  .product-list-item .item-desc {
    font-size: 1.4rem;
    margin-bottom: 5px;
  }
}
.product-list-item .item-price,
.top_recommend_item .sysItemPrice,
.top_itemlist .sysItemPrice,
.top_itemlist_a .sysItemPrice,
.top_itemlist_b .sysItemPrice {
  text-align: right;
}
@media screen and (max-width: 768px) {
.product-list-item .item-price,
.top_recommend_item .sysItemPrice,
.top_itemlist .sysItemPrice,
.top_itemlist_a .sysItemPrice,
.top_itemlist_b .sysItemPrice {
    font-size: 1.6rem;
  }
  .product-list-item .item-price .tax {
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 769px) {
.product-list-item .item-price,
.top_recommend_item .sysItemPrice,
.top_itemlist .sysItemPrice,
.top_itemlist_a .sysItemPrice,
.top_itemlist_b .sysItemPrice {
    font-size: 2.2rem;
  }
  .product-list-item .item-price .tax {
    font-size: 1.6rem;
  }
}
.product-list-item.new .item-thumb::before {
  content: '';
  display: block;
  position: absolute;
  top: -20px;
  right: -20px;
  width: 54px;
  height: 54px;
  background-image: url("https://shop-koraibashi-kitcho.jp/img/ic_new.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .product-list-item.new .item-thumb::before {
    top: -5px;
    right: -5px;
    width: 30px;
    height: 30px;
  }
}
.product-list:not(:last-child) {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .product-list:not(:last-child) {
    margin-bottom: 30px;
  }
}

/* 一覧の絞り込み */
.product-narrow {
  display: flex;
}
@media screen and (max-width: 768px) {
  .product-narrow {
    justify-content: center;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 769px) {
  .product-narrow {
    justify-content: flex-end;
    margin-bottom: 50px;
  }
}
.product-narrow .product-narrow-label {
  position: relative;
}
@media screen and (max-width: 768px) {
  .product-narrow .product-narrow-label {
    margin: 0 5px;
  }
}
@media screen and (min-width: 769px) {
  .product-narrow .product-narrow-label {
    margin-left: 15px;
  }
}
.product-narrow .product-narrow-label::after {
  content: '';
  display: block;
  position: absolute;
  top: 45%;
  right: 18px;
  width: 6px;
  height: 6px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  transform: rotate(45deg) translateY(-50%);
}
.product-narrow .product-narrow-label select {
  color: #666;
  border: 1px solid #c8c8c8;
  border-radius: 2em;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .product-narrow .product-narrow-label select {
    padding: 5px 30px 5px 20px;
  }
}
@media screen and (min-width: 769px) {
  .product-narrow .product-narrow-label select {
    font-size: 1.4rem;
    padding: 10px 40px 10px 40px;
  }
}

/* セクション
--------------------------------------------*/
@media screen and (max-width: 768px) {
  .sec-basic:not(:last-child) {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 769px) {
  .sec-basic:not(:last-child) {
    margin-bottom: 70px;
  }
}

/* ナビ関連
--------------------------------------------*/
/* ページ内ナビ */
@media screen and (max-width: 768px) {
  .nav-anchor {
    margin-bottom: 30px;
  }
}



@media screen and (min-width: 769px) {
  .nav-anchor {
    margin-bottom: 70px;
  }
}
.nav-anchor-list {
  display: flex;
  flex-flow: row wrap;
}
@media screen and (max-width: 768px) {
  .nav-anchor-list {
    margin: 0 -1%;
  }
}
@media screen and (min-width: 769px) {
  .nav-anchor-list {
    margin: 0 -.75%;
  }
}
@media screen and (max-width: 768px) {
  .nav-anchor-list .item {
    width: 50%;
    padding: 0 1%;
  }
  .nav-anchor-list .item:nth-child(n+3) {
    margin-top: 2%;
  }
}
@media screen and (min-width: 769px) {
  .nav-anchor-list .item {
    width: 25%;



    padding: 0 .75%;
  }
  .nav-anchor-list .item:nth-child(n+5) {
    margin-top: 1.5%;
  }
}
.nav-anchor-list .item a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-align: center;


  border: 1px solid #969696;
  background-color: #fff;
  transition: all .5s !important;
}
@media screen and (max-width: 768px) {
  .nav-anchor-list .item a {
    line-height: 1.4;
    padding: 10px 20px 10px 10px;
  }
}
@media screen and (min-width: 769px) {
  .nav-anchor-list .item a {
    font-size: 1.8rem;
    line-height: 1.4;
    padding: 15px 25px 15px 15px;
  }
}
.nav-anchor-list .item a::after {
  content: '';
  display: block;
  position: absolute;
  top: 45%;
  right: 18px;
  width: 7px;
  height: 7px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  transform: rotate(45deg) translateY(-50%);
}
@media screen and (max-width: 768px) {
  .nav-anchor-list .item a::after {
    right: 15px;
  }
}
.nav-anchor-list .item a:hover {
  color: #fff;
  background-color: #969696;
  opacity: 1 !important;
}
.nav-anchor-list .item a:hover::after {
  border-right-color: #fff;
  border-bottom-color: #fff;
}

/* タイトル関連
--------------------------------------------*/
/* title-page */
.title-page,
#sysFormIndex .sysHeadline,
.p-law .sysHeadline,
.p-privacy .sysHeadline,
.s_guide .sysHeadline,
.concept .sysHeadline,
.shopping-guide .sysHeadline,
.sysCategoryDescription .sysHeadline,
.questions .sysHeadline,
.noshi .sysHeadline {
  background-image: url("https://shop-koraibashi-kitcho.jp/img/title_page_bg.png");
  background-repeat: repeat;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  .title-page,
  #sysFormIndex .sysHeadline,
  .p-law .sysHeadline,
  .p-privacy .sysHeadline,
  .s_guide .sysHeadline,
  .shopping-guide .sysHeadline,
  .concept .sysHeadline,
  .sysCategoryDescription .sysHeadline,
  .questions .sysHeadline,
  .noshi .sysHeadline {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 769px) {
  .title-page,
  #sysFormIndex .sysHeadline,
  .p-law .sysHeadline,
  .p-privacy .sysHeadline,
  .s_guide .sysHeadline,
  .concept .sysHeadline,
  .sysCategoryDescription .sysHeadline,
  .shopping-guide .sysHeadline,
  .questions .sysHeadline,
  .noshi .sysHeadline {
    margin-bottom: 70px;
  }
}
.title-page .hn,
#sysFormIndex .sysHeadline span,
.p-law .sysHeadline span,
.p-privacy .sysHeadline span,
.s_guide .sysHeadline span,
.concept .sysHeadline span,
.sysCategoryDescription .sysHeadline span,
.shopping-guide .sysHeadline span,
.questions .sysHeadline span,
.noshi .sysHeadline span {
  display: block;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .title-page .hn,
  #sysFormIndex .sysHeadline span,
  .p-law .sysHeadline span,
  .p-privacy .sysHeadline span,
  .s_guide .sysHeadline span,
  .concept .sysHeadline span,
  .shopping-guide .sysHeadline span,
  .sysCategoryDescription .sysHeadline span,
  .questions .sysHeadline span,
  .noshi .sysHeadline span {
    font-size: 2.2rem;
    padding: 25px 10px;
  }
}
@media screen and (max-width: 345px) {
  .title-page .hn,
  #sysFormIndex .sysHeadline span,
  .p-law .sysHeadline span,
  .p-privacy .sysHeadline span,
  .s_guide .sysHeadline span,
  .concept .sysHeadline span,
  .shopping-guide .sysHeadline span,
  .sysCategoryDescription .sysHeadline span,
  .questions .sysHeadline span,
  .noshi .sysHeadline span {
    font-size: 1.8rem;
    padding: 25px 10px;
  }
}
@media screen and (min-width: 769px) {
  .title-page .hn,
  #sysFormIndex .sysHeadline span,
  .p-law .sysHeadline span,
  .p-privacy .sysHeadline span,
  .s_guide .sysHeadline span,
  .concept .sysHeadline span,
  .shopping-guide .sysHeadline span,
  .sysCategoryDescription .sysHeadline span,
  .questions .sysHeadline span,
  .noshi .sysHeadline span {
    font-family: "Noto Serif JP", serif;
    font-size: 4rem;
    padding: 65px 10px;
  }
}

/* title-type-01 */
.title-type-01 {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .title-type-01 {
    border-top: 2px solid #c8c8c8;
    border-bottom: 2px solid #c8c8c8;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 769px) {
  .title-type-01 {
    border-top: 3px solid #c8c8c8;
    border-bottom: 3px solid #c8c8c8;
    margin-bottom: 50px;
  }
}
.title-type-01::before, .title-type-01::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #c8c8c8c8;
}
@media screen and (max-width: 768px) {
  .title-type-01::before {
    margin-top: 2px;
  }
}
@media screen and (min-width: 769px) {
  .title-type-01::before {
    margin-top: 3px;
  }
}
@media screen and (max-width: 768px) {
  .title-type-01::after {
    margin-bottom: 2px;
  }
}
@media screen and (min-width: 769px) {
  .title-type-01::after {
    margin-bottom: 3px;
  }
}
.title-type-01 .hn {
  display: inline-block;
  background-image: url("https://shop-koraibashi-kitcho.jp/img/title_bg_l.png"), url("https://shop-koraibashi-kitcho.jp/img/title_bg_r.png");
  background-repeat: no-repeat, no-repeat;
  background-position: left center, right center;
}
@media screen and (max-width: 768px) {
  .title-type-01 .hn {
    font-size: 1.6rem;
    padding: 7px 40px;
    background-size: auto 28px, auto 28px;
  }
}
@media screen and (min-width: 769px) {
  .title-type-01 .hn {
    font-size: 3rem;
    letter-spacing: .15em;
    padding: 15px 80px;
    background-size: auto 50px, auto 50px;
  }
}

/* title-type-02 */
.title-type-02 {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .title-type-02 {
    border-bottom: 2px solid #c8c8c8;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 769px) {
  .title-type-02 {
    border-bottom: 3px solid #c8c8c8;
    margin-bottom: 50px;
  }
}
.title-type-02::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #c8c8c8c8;
}
@media screen and (max-width: 768px) {
  .title-type-02::after {
    margin-bottom: 2px;
  }
}
@media screen and (min-width: 769px) {
  .title-type-02::after {
    margin-bottom: 3px;
  }
}
.title-type-02 .hn {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .title-type-02 .hn {
    font-size: 1.6rem;
    padding: 0 40px 7px;
    background-size: auto 28px, auto 28px;
  }
}
@media screen and (min-width: 769px) {
  .title-type-02 .hn {
    font-size: 3rem;
    letter-spacing: .15em;
    padding: 0 80px 15px;
    background-size: auto 50px, auto 50px;
  }
}

/* title-type-03 */
.title-type-03 {
  position: relative;
  border-bottom: 1px solid #c8c8c8;

}
@media screen and (max-width: 768px) {
  .title-type-03 {
    font-size: 1.5rem;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 769px) {
  .title-type-03 {
    font-size: 1.8rem;
    padding-bottom: 8px;
    margin-bottom: 30px;
  }
}
.title-type-03::before {
  content: '◆';
}
@media screen and (max-width: 768px) {
  .title-type-03::before {
    padding-right: 7px;
  }
}
@media screen and (min-width: 769px) {
  .title-type-03::before {
    padding-right: 10px;
  }
}

/* title-type-04 */
@media screen and (max-width: 768px) {
  .title-type-04 {
    font-size: 1.5rem;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 769px) {
  .title-type-04 {
    font-size: 1.65rem;
    margin-bottom: 30px;
  }
}

/* title-type-05 */
.title-type-05 {
  position: relative;
}
@media screen and (max-width: 768px) {
  .title-type-05 {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 769px) {
  .title-type-05 {


    font-size: 1.65rem;
    margin-bottom: 15px;
  }
}
.title-type-05::before {
  content: '◎';
}
@media screen and (max-width: 768px) {
  .title-type-05::before {
    padding-right: 7px;
  }
}
@media screen and (min-width: 769px) {

  .title-type-05::before {
    padding-right: 10px;
  }
}

/* title-type-06 */
.title-type-06 {
  position: relative;
  border-bottom: 1px solid #c8c8c8;
}
@media screen and (max-width: 768px) {
  .title-type-06 {
    font-size: 1.5rem;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 769px) {

  .title-type-06 {
    font-size: 1.8rem;
    padding-bottom: 8px;
    margin-bottom: 20px;
  }
}

/* テキスト関連
--------------------------------------------*/
.link {
  text-decoration: underline !important;
}

.ff-mincho {
  font-family: "Noto Serif JP","リュウミン R-KL", "Ryumin Regular KL", "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
.ff-normal {
  font-family: "Noto Sans JP", sans-serif;
}

/* 注釈関連
--------------------------------------------*/
.sup {
  position: relative;
  top: .1em;
  font-size: 85%;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .mk-note {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 769px) {
  .mk-note {
    font-size: 1.45rem;
  }
}
.mk-note li:not(:first-child) {
  margin-top: 10px;
}
.mk-note li.note {
  text-indent: -1.45em;
  padding-left: 1.45em;
}
.mk-note li.notes {
  text-indent: -2.1em;
  padding-left: 2.1em;
}

/* リスト関連
--------------------------------------------*/
/* list-num-01 */
.list-num-01 > li {
  position: relative;
  counter-increment: num-list;
  min-height: 36px;
  font-size: 1.8rem;
  line-height: 1.6;
  padding: .15em 0 0 2.8em;
}
@media screen and (max-width: 768px) {
  .list-num-01 > li {
    min-height: 26px;
    font-size: 1.5rem;
    line-height: 1.5;
    padding: .15em 0 0 2.5em;
  }
}
.list-num-01 > li::before {
  display: block;

  content: "" counter(num-list) "";
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  font-size: 2rem;
  color: #fff;
  line-height: 1.8;
  text-align: center;
  background-color: #a08523;
  border-radius: 1em;
}
@media screen and (max-width: 768px) {
  .list-num-01 > li::before {
    width: 26px;
    height: 26px;
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
.list-num-01 > li:not(:last-child) {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .list-num-01 > li:not(:last-child) {
    margin-bottom: 10px;
  }
}

/* list-num-02 */
.list-num-02 > li {
  position: relative;
  counter-increment: num-list;
  padding: 0 0 0 1.5em;
}
.list-num-02 > li::before {
  display: block;
  content: "" counter(num-list) ".";
  position: absolute;
  top: 0;
  left: 0;
}
.list-num-02 > li:not(:last-child) {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .list-num-02 > li:not(:last-child) {
    margin-bottom: 5px;
  }
}

/* list-num-03 */
.list-num-03 > li {
  position: relative;
  counter-increment: num-list;
  padding: 0 0 0 1.8em;
}
.list-num-03 > li::before {
  display: block;
  content: "(" counter(num-list) ")";
  position: absolute;
  top: 0;
  left: 0;
}
.list-num-03 > li:not(:last-child) {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .list-num-03 > li:not(:last-child) {
    margin-bottom: 5px;
  }
}

/* list-arrow */
.list-arrow > li {
  position: relative;
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  .list-arrow > li {
    padding-left: .8em;
  }
}
.list-arrow > li::before {
  display: block;
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #666;
}
@media screen and (max-width: 768px) {
  .list-arrow > li::before {
    top: 7px;
    border-width: 4px 0 4px 5px;
  }
}
.list-arrow > li:not(:last-child) {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .list-arrow > li:not(:last-child) {
    margin-bottom: 5px;
  }
}

/* list-circle */
.list-circle > li {
  position: relative;

  padding-left: 1.5em;
}
.list-circle > li::before {
  display: block;
  content: '●';
  position: absolute;
  top: 2px;
  left: 0;
  font-size: 80%;
}
.list-circle > li:not(:last-child) {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .list-circle > li:not(:last-child) {
    margin-bottom: 5px;
  }
}

/* list-dot */
.list-dot > li {
  position: relative;
  padding-left: 1.5em;
}
.list-dot > li::before {
  display: block;
  content: '・';
  position: absolute;
  top: 0;
  left: 0;
}
.list-dot > li:not(:last-child) {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .list-dot > li:not(:last-child) {
    margin-bottom: 5px;
  }
}

/* アイコン関連
--------------------------------------------*/
/* ボタン関連
--------------------------------------------*/
.btn-group-c {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 -15px;
}
@media screen and (max-width: 768px) {
  .btn-group-c {
    margin: 0 -5px;
  }
}
.btn-group-c [class*="btn-type"] {
  margin: 0 15px;
}
@media screen and (max-width: 768px) {
  .btn-group-c [class*="btn-type"] {
    margin: 0 5px;
  }
}
.btn-group-l {
  display: flex;
  align-items: center;
  margin: 0 -15px;
}
@media screen and (max-width: 768px) {
  .btn-group-l {
    margin: 0 -5px;
  }
}
.btn-group-l [class*="btn-type"] {
  margin: 0 15px;
}
@media screen and (max-width: 768px) {
  .btn-group-l [class*="btn-type"] {
    margin: 0 5px;
  }
}

/* btn-type-l */
.btn-type-l {
  width: 460px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .btn-type-l {
    width: 300px;
  }
}
.btn-type-l a {
  display: block;
  font-size: 1.8rem;
  color: #fff;
  background-color: #969696;
  padding: 15px;
  transition: all .5s !important;
}
@media screen and (max-width: 768px) {
  .btn-type-l a {
    font-size: 1.4rem;
    padding: 10px;
  }
}
.btn-type-l a:hover {
  background-color: #a08523;
  opacity: 1 !important;
}

/* btn-type-m */
.btn-type-m {
  width: 310px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .btn-type-m {
    width: 200px;
  }
}
.btn-type-m a {
  display: block;
  font-size: 1.8rem;
  color: #fff;
  background-color: #969696;
  padding: 15px;
  transition: all .5s !important;
}
@media screen and (max-width: 768px) {
  .btn-type-m a {
    font-size: 1.4rem;
    padding: 10px;
  }
}
.btn-type-m a:hover {
  background-color: #a08523;
  opacity: 1 !important;
}

/* btn-type-s */
.btn-type-s {
  width: 260px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .btn-type-s {
    width: 150px;
  }
}
.btn-type-s a {
  display: block;
  font-size: 1.6rem;
  color: #fff;
  background-color: #969696;
  padding: 10px;
  transition: all .5s !important;
}
@media screen and (max-width: 768px) {
  .btn-type-s a {
    font-size: 1.4rem;
    padding: 5px;
  }
}
.btn-type-s a:hover {
  background-color: #a08523;
  opacity: 1 !important;
}

/* paging */
.paging {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .paging {
    margin-top: 30px;
  }
}
.paging a, .paging span {
  position: relative;
  display: inline-block;
  color: #969696;
  text-align: center;
  line-height: 1;
  vertical-align: middle;
  margin: 0 10px;
  padding: 5px 3px;
}
@media screen and (max-width: 768px) {
  .paging a, .paging span {
    margin: 0 6px;
  }
}
.paging .current {
  color: #000;
}
.paging .current::after {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #000;
}
.paging .next, .paging .prev {
  margin: 0 15px;
}
@media screen and (max-width: 768px) {
  .paging .next, .paging .prev {
    margin: 0 8px;
  }
}
.paging .next img, .paging .prev img {
  width: 36px;
}
@media screen and (max-width: 768px) {
  .paging .next img, .paging .prev img {
    width: 24px;
  }
}

/* 画像関連
--------------------------------------------*/
figure figcaption {
  text-align: center;
  padding-top: 5px;
}
@media screen and (max-width: 768px) {
  figure figcaption {
    font-size: 1.3rem;
  }
}

/* テーブル関連
--------------------------------------------*/
/* grid
--------------------------------------------*/
.grid-row {
  display: flex;
}
@media screen and (max-width: 768px) {
  .grid-row {
    flex-flow: column nowrap;
  }
}
@media screen and (min-width: 769px) {
  .grid-row {
    flex-flow: row nowrap;
    margin: 0 -2%;
  }
}
@media screen and (max-width: 768px) {
  .grid-row .col-txt {
    order: 1;
    margin-bottom: 1.4em;
  }
	.grid-row.re .col-txt {
	  order: 2;
	  margin-bottom: 0;
	}
}
@media screen and (min-width: 769px) {
  .grid-row .col-txt {
    padding: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  .grid-row .col-img {
    order: 2;
  }
  .grid-row.re .col-img {
    order: 1;
	margin-bottom: 1.4em;
  }
}
@media screen and (min-width: 769px) {
  .grid-row .col-img {
    flex: none;
    max-width: 50%;
    padding: 0 2%;
  }
}
.grid-row .col-img img {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .grid-row .col-2 {
    width: 50%;
    padding: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  .grid-row .col-2:not(:last-child) {
    margin-bottom: 1.4em;
  }
}
@media screen and (max-width: 768px) {
  .grid-row:not(:last-child) {
    margin-bottom: 2em;
  }
}
@media screen and (min-width: 769px) {
  .grid-row:not(:last-child) {
    margin-bottom: 3em;
  }
}

@media screen and (min-width: 769px) {
  .grid-row .col-3 {
    width: calc(100% / 3);
    padding: 0 1%;
  }
}
@media screen and (max-width: 768px) {
  .grid-row .col-3:not(:last-child) {
  }
}

/* よくあるご質問
--------------------------------------------*/
.faq-list-item .q {
  position: relative;
  font-size: 1.8rem;
  border: 1px solid #505050;
  padding: 20px 30px 20px 80px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .faq-list-item .q {
    font-size: 1.4rem;
    padding: 10px 30px 10px 55px;
  }
}
.faq-list-item .q::before {
  display: block;
  content: 'Q';
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  width: 46px;
  height: 46px;
  font-size: 3rem;
  color: #fff;
  text-align: center;
  line-height: 1.2;
  background-color: #ab5656;
  border-radius: 1em;
}
@media screen and (max-width: 768px) {
  .faq-list-item .q::before {
    left: 12px;
    width: 32px;
    height: 32px;
    font-size: 1.6rem;
    line-height: 2;
  }
}
.faq-list-item .q::after {
  content: '';
  display: block;
  position: absolute;
  top: 45%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  transform: rotate(45deg) translateY(-50%);
}
@media screen and (max-width: 768px) {
  .faq-list-item .q::after {
    right: 15px;
  }
}
.faq-list-item .q.is-open {
  color: #fff;
  background-color: #ab5656;
  border: 1px solid #ab5656;
}
.faq-list-item .q.is-open::before {
  color: #ab5656;
  background-color: #fff;
}
.faq-list-item .q.is-open::after {
  right: 15px;
  border-right-color: #fff;
  border-bottom-color: #fff;
  transform: rotate(-135deg) translateY(-50%);
}
@media screen and (max-width: 768px) {
  .faq-list-item .q.is-open::after {
    right: 10px;
  }
}
.faq-list-item .a {





  position: relative;
  display: none;
  background-color: #f8f4e4;
  padding: 22px 30px 25px 80px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .faq-list-item .a {
    padding: 18px 30px 20px 55px;
    margin-top: 5px;
  }
}
.faq-list-item .a::before {
  display: block;
  content: 'A';
  position: absolute;
  top: 15px;
  left: 15px;
  width: 46px;
  height: 46px;
  font-size: 3rem;
  color: #fff;
  text-align: center;
  line-height: 1.35;
  background-color: #a08523;
  border-radius: 1em;
}
@media screen and (max-width: 768px) {
  .faq-list-item .a::before {
    left: 12px;
    width: 32px;
    height: 32px;
    font-size: 1.6rem;
    line-height: 2;
  }
}
.faq-list-item:not(:last-child) {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .faq-list-item:not(:last-child) {
    margin-bottom: 10px;
  }
}

/* TOPページ -------------------------------------------------------------------------- */
/* 重要なお知らせ
--------------------------------------------*/
#top-info {
  display: none;
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  #top-info {
    margin-bottom: 30px;
  }
}
#top-info .top-info-block {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #top-info .top-info-block {
    flex-flow: column nowrap;
  }
}
#top-info .top-info-title {
  position: relative;
  flex: none;
  font-size: 1.8rem;
  color: #fff;
  padding: 8px 40px;
  background-color: #ab5656;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #top-info .top-info-title {
    font-size: 1.5rem;
    padding: 6px 30px;
  }
}
#top-info .top-info-txt {
  position: relative;
  font-size: 1.4rem;
  background-color: #fceaea;
}
@media screen and (max-width: 768px) {
  #top-info .top-info-txt {
    padding: 25px 15px 15px;
    margin-top: -15px;
  }
}
@media screen and (min-width: 769px) {
  #top-info .top-info-txt {
    padding: 15px 25px 15px 60px;
    margin-left: -30px;
  }
}
#top-info .top-info-close {
  position: absolute;
  top: -7px;
  right: -7px;
  line-height: 1;
  transition: all .5s;
  cursor: pointer;
}
#top-info .top-info-close:hover {
  opacity: .7;
}

/* TOPメインビジュアル
--------------------------------------------*/

#top-mv {
  margin-bottom: 3em !important;
}

#top-mv .top-mv-slider {
  margin-bottom: 0 !important;
}
#top-mv .top-mv-slider .slick-slide img {
  width: 100%;
}
#top-mv .top-mv-slider .slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: inherit;
  background-image: url("https://shop-koraibashi-kitcho.jp/img/index/top_mv_slider_bg.png");
  background-repeat: repeat;
}
#top-mv .top-mv-bottom {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  background-image: url("https://shop-koraibashi-kitcho.jp/img/index/top_mv_slider_bg.png");
  background-repeat: repeat;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  #top-mv .top-mv-bottom {
    padding: 20px 0;
  }
}
@media screen and (min-width: 769px) {
  #top-mv .top-mv-bottom {
    padding: 20px 0;
  }
}
#top-mv .top-mv-bottom .slick-arrow {
  position: relative;
  top: inherit;
  bottom: inherit;
  right: inherit;
  left: inherit;
  transform: none;
}
#top-mv .top-mv-bottom .slick-prev,
#top-mv .top-mv-bottom .slick-next {
  background-size: cover;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #top-mv .top-mv-bottom .slick-prev,
  #top-mv .top-mv-bottom .slick-next {
    width: 20px;
    height: 20px;
  }
}
@media screen and (min-width: 769px) {
  #top-mv .top-mv-bottom .slick-prev,
  #top-mv .top-mv-bottom .slick-next {
    width: 36px;
    height: 36px;
  }
}
#top-mv .top-mv-bottom .slick-prev:before,
#top-mv .top-mv-bottom .slick-next:before {
  content: '';
}
#top-mv .top-mv-bottom .slick-prev {

  background-image: url("https://shop-koraibashi-kitcho.jp/img/index/top_mv_slider_prev.png");
}
#top-mv .top-mv-bottom .slick-next {
  background-image: url("https://shop-koraibashi-kitcho.jp/img/index/top_mv_slider_next.png");
}
@media screen and (max-width: 768px) {
  #top-mv .top-mv-bottom .top-mv-dots {
    margin: 0 20px;
  }
}
@media screen and (min-width: 769px) {
  #top-mv .top-mv-bottom .top-mv-dots {
    margin: 0 30px;
  }
}
#top-mv .top-mv-bottom .top-mv-dots .slick-dots {
  position: relative;
  display: flex;
  bottom: inherit;
}
@media screen and (max-width: 768px) {
  #top-mv .top-mv-bottom .top-mv-dots .slick-dots li {
    margin: 0 3px;
  }
}
@media screen and (min-width: 769px) {
  #top-mv .top-mv-bottom .top-mv-dots .slick-dots li {
    margin: 0 5px;
  }
}
@media screen and (max-width: 768px) {
  #top-mv .top-mv-bottom .top-mv-dots .slick-dots li button:before {
    font-size: 25px;
  }
}
@media screen and (min-width: 769px) {
  #top-mv .top-mv-bottom .top-mv-dots .slick-dots li button:before {
    font-size: 30px;
  }
}
#top-mv .top-mv-bottom .top-mv-dots .slick-dots li:hover button:before,
#top-mv .top-mv-bottom .top-mv-dots .slick-dots li.slick-active button:before {
  color: #a08523;
  opacity: 1;
}

/* TOPバナー
--------------------------------------------*/
#top-bnr {
  padding: 70px 0;
}
@media screen and (max-width: 768px) {
  #top-bnr {
    padding: 30px 0;
  }
}
@media screen and (min-width: 769px) {
  #top-bnr .top-bnr-list {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 769px) {
  #top-bnr .top-bnr-item {
    width: 49%;
    max-width: 620px;
  }
}
@media screen and (max-width: 768px) {
  #top-bnr .top-bnr-item:not(:last-child) {
    margin-bottom: 4%;
  }
}
#top-bnr .top-bnr-item a {
  position: relative;
  display: block;
  font-size: 3rem;
  color: #fff;
}
@media screen and (max-width: 768px) {
  #top-bnr .top-bnr-item a {
    font-size: 1.5rem;
  }
}
#top-bnr .top-bnr-item a img {
  width: 100%;
}
#top-bnr .top-bnr-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  text-align: center;
}

/* TOPおすすめ商品
--------------------------------------------*/
#top-recommend,
.top_recommend_item {
  /*background-image: url("https://shop-koraibashi-kitcho.jp/img/index/top_recommend_bg.png");*/
  background-repeat: repeat;
}

.top-recommend-title {
  font-weight: 600;
  text-align: center;
}

.top-recommend-item a {
  display: block;
}

.top-recommend-item .item-thumb img {
  width: 100%;
}

.top-recommend-item .item-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top-recommend-item .item-category {
  color: #a08523;
  border: 1px solid #a08523;
  border-radius: 5px;
}

.top-recommend-item .item-name {
  border-bottom: 1px solid #c8c8c8;
}

.top-recommend-item .item-desc {
  color: #969696;
}

@media screen and (max-width: 768px) {
  #top-recommend,
  .top_recommend_item {
    padding: 30px 0;
  }

  .top-recommend-title {
    font-size: 1.6rem;
    margin-bottom: 20px;
  }

  .top-recommend-item:nth-child(n+2) {
    margin-top: 4%;
  }

  .top-recommend-item .item-thumb {
    margin-bottom: 10px;
  }

  .top-recommend-item .item-info {
    margin-bottom: 10px;
  }


  .top-recommend-item .item-category {
    font-size: 1.3rem;
    padding: 1px 7px;
  }

  .top-recommend-item .item-price {
    font-size: 1.6rem;
  }

  .top-recommend-item .item-price .tax {
    font-size: 1.1rem;
  }
  .top_recommend_item .sysItemName,
  .top-recommend-item .item-name {
    padding-bottom: 7px;
    margin-bottom: 7px;
  }

  .top-recommend-item .item-desc {
    font-size: 1.3rem;
  }
  .top_recommend_item .sysContent .sysHorizontal li{
    width: 100%!important;
	  float: none!important;
  }
}
@media screen and (min-width: 769px) {
  #top-recommend,
  .top_recommend_item {
    padding: 50px 0;
  }

  .top-recommend-title {
    font-size: 3rem;
    letter-spacing: .15em;
    margin-bottom: 40px;
  }

.top-recommend-list,
.top_recommend_item .sysHorizontal{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
  }

  .top-recommend-item,
  .top_recommend_item .sysContent .sysHorizontal li{
    width: 49%;
    max-width: 620px;
    line-height: 1.6;
  }

  .top-recommend-item:nth-child(n+3) {
    margin-top: 30px;
  }

  .top-recommend-item .item-thumb {
    margin-bottom: 20px;
  }

  .top-recommend-item .item-info {
    margin-bottom: 15px;
  }

  .top-recommend-item .item-category {
    font-size: 1.5rem;
    padding: 2px 10px;
  }

  .top-recommend-item .item-price {
    font-size: 2.2rem;
  }

  .top-recommend-item .item-price .tax {
    font-size: 1.6rem;
  }
.top_recommend_item .sysItemName,
  .top-recommend-item .item-name {
    font-size: 1.8rem;
    padding-bottom: 10px;
    margin-top: 15px;
    margin-bottom: 8px;
  }

  .top-recommend-item .item-desc {
    font-size: 1.4rem;
  }
}
/* TOP商品一覧
--------------------------------------------*/
@media screen and (max-width: 768px) {
  #top-product, 
  .top_itemlist{
    padding: 30px 0 0 !important;
  }
  .top_itemlist_a,
  .top_itemlist_b {
    padding: 15px 0 0 !important;
  }
}
@media screen and (min-width: 769px) {
  #top-product, 
  .top_itemlist{
    padding: 100px 0 0;
  }
}
/* 商品詳細ページ -------------------------------------------------------------------------- */
/* 商品情報
--------------------------------------------*/
.product-detail-head {
  /*background-image: url("https://shop-koraibashi-kitcho.jp/img/product/product_detail_bg.png");
  background-repeat: repeat;*/
}





@media screen and (max-width: 768px) {
  .product-detail-head {
    padding: 2%;
  }
}
@media screen and (min-width: 769px) {
  .product-detail-head {
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
    padding: 0 50px 50px 50px;
  }
}
@media screen and (max-width: 768px) {
  .product-detail-head-l,
  .product-detail-head-r {
    margin-bottom: 20px;
    padding: 0 4%;
  }
}
@media screen and (min-width: 769px) {
  .product-detail-head-l {
    width: 90%;
    max-width: 900px;
  }
}
@media screen and (min-width: 769px) {
  .product-detail-head-r {
    width: 90%;
    max-width: 900px;
  }
}


@media screen and (min-width: 769px) {
.product-detail-head-rl{
		display: flex;
		justify-content: space-between;
		width: 90%;
		max-width: 900px;
	margin:  auto;
	}
.product-detail-head-rl .product-detail-head-r{
		width: 51%;
	}
	
	
	
	
.product-detail-head-rl .product-detail-head-l{
		width: 46%;
	}
}

.product-detail-head-rl .product-detail-head-r dl{
	border: 1px solid #ffe1e1;
	margin-top: 2em;
}

.product-detail-head-rl .product-detail-head-r dt{
	background: #ffe1e1;
	padding: 10px;
	font-weight: bold;
}

.product-detail-head-rl .product-detail-head-r dd{
	padding: 10px;
}

.product-detail-img .main-img img {
  width: 100%;
}
.product-detail-img .main-img li:not(:first-child) {
  display: none;
}
.sysImageList {
  display: flex;
  flex-flow: row wrap;
	justify-content: center;
  margin: 15px auto 30px auto ;
  width: 100%;
  max-width: 400px;
}
@media screen and (max-width: 768px) {
  .sysImageList {
    margin: 10px -5px -5px;
  }
}
.sysImageList img {
  width: 100%;
}
.sysImageList li {
  width: calc(100% / 6) !important;
  padding: 5px;
  float: none !important;
  height: auto !important;
  line-height: normal !important;
  margin: 0 !important;
}
@media screen and (max-width: 768px) {
  .sysImageList li {
    width: 25% !important;
    padding: 5px;
  }
}
.product-detail-head .sysPr {
  display: flex;
  margin: 0 -7px 0;
}
@media screen and (max-width: 768px) {
  .product-detail-head .sysPr {
    margin: 0 -4px 0px;
  }
}
.product-detail-head .sysPr .favitem {
  margin: 0 7px;
  padding: 0 10px;
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .product-detail-head .sysPr .favitem {
    font-size: 1.3rem;
    margin: 0 4px;
    padding: 0 5px;
  }
}
.product-detail-head .sysPr .favitem {
  color: #a08523;
  border: 1px solid #a08523;
}
.product-detail-category .ic-new {
  color: #e62828;
  border: 1px solid #e62828;
}
.product-detail-lead {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .product-detail-lead {
    margin-bottom: 10px;
  }
}
.product-detail-head .sysItemName {
  font-size: 2.8rem;
  padding: 12px 0;
  margin-bottom: 25px;
  border-bottom: 1px solid #c8c8c8;
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 768px) {
  .product-detail-head .sysItemName {
    font-size: 1.8rem;

    padding: 12px 0;
    margin-bottom: 10px;
  }
}
.product-detail-note {
  font-size: 1.2rem;
  margin-bottom: 15px;
  color: #969696;
}
@media screen and (max-width: 768px) {
  .product-detail-note {
    margin-bottom: 15px;
  }
}
#sysItemDetail .sysRetailPrice {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  font-size: inherit !important;
  color: inherit !important;
  line-height: 1;
  margin: 35px 0;
}
@media screen and (max-width: 768px) {
  #sysItemDetail .sysRetailPrice {
    margin: 25px 0;
  }
}
#sysItemDetail .sysRetailPrice span:nth-of-type(1) {
  font-family: "Noto Sans JP", sans-serif;
  padding-right: 10px;
}
@media screen and (max-width: 768px) {
  #sysItemDetail .sysRetailPrice span:nth-of-type(1) {
    padding-right: 0;
  }
}
#sysItemDetail .sysRetailPrice .sysRetailPriceValue {
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  #sysItemDetail .sysRetailPrice .sysRetailPriceValue {
    font-size: 1.8rem;
  }

}
#sysItemDetail #sysNumber {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 30px;
}
#sysItemDetail #sysNumber::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5px 0 5px;
  border-color: #c8c8c8 transparent transparent transparent;
}
@media screen and (max-width: 768px) {
  #sysItemDetail #sysNumber {
    margin-bottom: 25px;
  }
}
.product-detail-quantity .quantity-txt {
  font-family: "Noto Sans JP", sans-serif;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  .product-detail-quantity .quantity-txt {
    padding-right: 15px;
  }
}
.product-detail-quantity .quantity-label {
  position: relative;
}
#sysItemDetail #sysNumber select {
  border: 1px solid #c8c8c8;
  background-color: #fff;
  cursor: pointer;
  padding: 10px 50px 10px 10px;
}
@media screen and (max-width: 768px) {
  #sysItemDetail #sysNumber select {
    padding: 5px 30px 5px 7px;
  }
}
#sysItemDetail #sysNumber .sysNumArea {
  display: none;
}
#sysItemDetail #sysSubtotal {
  display: none
}
#sysItemDetail #sysSubmit{
  width: 100%;
	text-align: center;
}

.sysCartButton{
  font-family: "Noto Serif JP", serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #e62828;
  text-align: center;
  border: 3px solid #e62828;
  padding: 15px 10px;
  width: 100%;
}
.sysCartInForm #sysSubmit,
.sysItemList .sysThumbnail #sysSubmit{
  float: right!important;
  width: 48%!important;
}

.product-detail-head-rl #sysSubmit{
  float: none!important;
  width: 100%!important;
}

.sysCartInForm .sysCartButton,
.sysItemList .sysThumbnail .sysCartButton{
  display: block;
  width: 100%;
  font-family: "Noto Serif JP", serif;
  font-size: 1.6rem;
  font-weight: normal;
  color: #fff;
  background-color: #e62828;
  border: none;
  border-radius: 5px;
  padding: 15px 10px;
  cursor: pointer;
}




@media screen and (max-width: 768px) {
  #sysItemDetail #sysSubmit .sysCartButton,
  .sysItemList .sysThumbnail .sysCartButton{
    padding: 8px;
  }
}
#sysItemDetail #sysWishlist {
  float: left;
  width: 48%;
}
.product-detail-head-rl #sysWishlist {
  float: none!important;
  width: 100%!important;
margin-top: 1em;
}
#sysItemDetail #sysWishlist .sysButton {
  display: block;
  width: 100%;
  font-family: "Noto Serif JP", serif;
  font-size: 1.6rem;
  text-align: center;
  background-color: #969696;
  border-radius: 5px;
  padding: 15px 10px;
}
@media screen and (max-width: 768px) {
  #sysItemDetail #sysWishlist .sysButton {
    padding: 8px;
  }
}
#sysItemDetail #sysWishlist .sysWishListButton {
  color: #fff;
  cursor: pointer;
}
#sysItemDetail #sysWishlist .sysButton:disabled {
  color: #aaa;
  background-color: #ccc;
}
.product-detail-btn {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .product-detail-btn {
    margin-bottom: 20px;
  }
}
.product-detail-btn > p {
  width: 48%;
}
.product-detail-btn .btn {
  display: block;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .product-detail-btn .btn {
    padding: 8px;
  }
}
.product-detail-btn .btn-cart .btn {
  background-color: #969696;
}
.product-detail-btn .btn-purchase .btn {
  background-color: #e62828;
}

#sysItemDetail .sysShare {
  clear: both;
  text-align: right;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  #sysItemDetail .sysShare {
    padding-top: 20px;
  }
}
.product-detail-sns {
  display: flex;
  justify-content: flex-end;
}
.product-detail-sns .sns-ic {
  margin-left: 10px;
}
@media screen and (max-width: 768px) {
  .product-detail-sns .sns-ic {
    margin-left: 6px;
  }
}
.itempage_recommend,
.gift,
.details_itemlist {
  margin-bottom: 70px!important;

}
@media screen and (max-width: 768px) {
  .itempage_recommend,
  .gift,
  .details_itemlist {
    margin-bottom: 30px;
  }
}

/* おいしい召し上がり方
--------------------------------------------*/
@media screen and (min-width: 769px) {
  .product-recipe-row {
    display: flex;
    justify-content: space-between;
  }
}
.product-recipe-row:not(:last-child) {
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  .product-recipe-row:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 769px) {
  .product-recipe-row > .col {
    width: 48%;
  }
}
@media screen and (max-width: 768px) {
  .product-recipe-row > .col:not(:last-child) {
    margin-bottom: 15px;
  }
}
.product-recipe-hn03 {
  font-size: 2.6rem;
  color: #a08523;
  padding-bottom: 8px;
  margin-bottom: 15px;
  border-bottom: 1px solid #a08523;
}
@media screen and (max-width: 768px) {
  .product-recipe-hn03 {
    font-size: 1.6rem;
    padding-bottom: 8px;
    margin-bottom: 15px;
  }
}
.product-recipe-hn04 {
  position: relative;
  font-size: 1.8rem;
  padding-bottom: 8px;
  margin-bottom: 15px;
  border-bottom: 1px solid #c8c8c8;
}
@media screen and (max-width: 768px) {
  .product-recipe-hn04 {
    font-size: 1.5rem;
    padding-bottom: 5px;
    margin-bottom: 15px;
  }
}
.product-recipe-hn04::before {
  content: '◆';
  padding-right: 10px;
}
@media screen and (max-width: 768px) {
  .product-recipe-hn04::before {
    padding-right: 7px;
  }
}
.product-recipe-img img {
  width: 100%;
}
.product-recipe-lead {
  font-size: 2rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .product-recipe-lead {
    font-size: 1.5rem;
    margin-bottom: 8px;
  }
}
.product-recipe-dl {
  font-family: "Noto Sans JP", sans-serif;
}
.product-recipe-dl dt {
  display: inline-block;
  font-size: 1.5rem;
  color: #fff;
  padding: 0 15px;
  border-radius: 5px;
  margin-bottom: 5px;
  background-color: #666;
}
@media screen and (max-width: 768px) {
  .product-recipe-dl dt {
    font-size: 1.4rem;
    padding: 0 15px;
    border-radius: 5px;
    margin-bottom: 5px;
  }
}
.product-recipe-dl dd {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  border-bottom: 2px dotted #d1d1d1;
  padding: 5px 0;
}
.product-recipe-list {
  font-family: "Noto Sans JP", sans-serif;
}
.product-recipe-list li {
  font-size: 1.4rem;
  padding-left: 1.4em;
  text-indent: -1.4em;
}
@media screen and (max-width: 768px) {
  .product-recipe-list li {
    padding-left: 1.2em;
    text-indent: -1.2em;
  }
}
.product-recipe-list li:not(:last-child) {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .product-recipe-list li:not(:last-child) {
    margin-bottom: 10px;
  }
}
@media screen and (min-width:769px) {
	#sysHeader {
		position: fixed;
		width: 100%;
		z-index: 10;
	}
	#sysAll {
		max-width: 100% !important;
	}
	#sysWrap {
		padding-top: 160px;
	}
}

#sysHeader, #sysAll, .sysContent {
	padding: 0 !important;
	margin: 0 !important;
}
.sysItemPrArea {
	color: #a08523;
}
#sysMain {
	padding: 0 !important;
	margin: 0 auto !important;
	margin-bottom: 0 !important;
}
#sysFooter {
	padding: 0 !important;
	margin: 0 !important;
}
#header{
	padding: 0 !important;
	margin: 0 !important;
}

/* 会員登録／マイページ／カート情報
--------------------------------------------*/
.sysMemberRegister #sysWrap,
.sysMypage #sysWrap,
.sysCart #sysWrap,
.sysOpcBody #sysWrap {
}
.sysMemberRegister #sysMain,
.sysMypage #sysMain,
.sysCart #sysMain,
.sysOpcBody #sysMain{
	color: #666;
	/*border: 1px solid #eee;*/
}

.sysOpcBody .opcCommonEditModeBlock{
	border:none;
	background-color: #fff;
}

.sysMemberRegister .sysHeadline,
.sysMypage .sysHeadline,
.sysCart .sysHeadline,
.sysOpcBody .sysHeadline {
	position: relative;
	text-align: center;
}
.sysMemberRegister .sysHeadline span,
.sysMypage .sysHeadline span,
.sysCart .sysHeadline span,
.sysOpcBody .sysHeadline span {


	position: relative;
	display: inline-block;
	font-weight: bold;
	background-color: #fff;
	z-index: 1;
}
.sysMemberRegister .sysHeadline span b,
.sysMypage .sysHeadline span b,
.sysCart .sysHeadline span b,
.sysOpcBody .sysHeadline span b {
	display: block;
	text-align: center;
}
.sysMemberRegister .sysHeadline::before,
.sysMypage .sysHeadline::before,
.sysCart .sysHeadline::before,
.sysOpcBody .sysHeadline::before {
	position: absolute;
	top: 50%;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #000;
}
.sysFormLabel,
.opcCommonEditLabel{
	display: block;
	border-left:none!important;
}
.opcPaymentMethod_paymentMethodDetailGroup_edit .opcPaymentMethod_description_edit{
	display: none;
}

.opcPaymentMethod_edit{
	padding-bottom: 2em;
}

.opcPaymentMethod_sbpsCardTypeLabelGroup_edit{
	font-weight: bold;
}
.opcPaymentMethod_sbpsCardNoLabelGroup_edit{
	font-size: 80%;
}

.sysFormField textarea {
	-webkit-appearance: none;
	width: 100%;
	height: 5em;
	border: 1px solid #ddd;
}

.sysFormField input[type="text"],
.sysFormField input[type="tel"],
.sysFormField input[type="email"],
.sysFormField input[type="password"],
.sysFormField textarea,
.opcBillingAddress_genderAndLabelGroup_edit input[type="text"],
.opcBillingAddress_genderAndLabelGroup_edit input[type="tel"],
.opcBillingAddress_genderAndLabelGroup_edit input[type="email"],
.opcBillingAddress_genderAndLabelGroup_edit input[type="password"] {
	-webkit-appearance: none;
	width: 100%;
	border: 1px solid #ddd;
}
.sysFormField input[type="text"]::placeholder,
.sysFormField input[type="tel"]::placeholder,
.sysFormField input[type="email"]::placeholder,
.sysFormField input[type="password"]::placeholder,
.opcBillingAddress_genderAndLabelGroup_edit input[type="text"]::placeholder,
.opcBillingAddress_genderAndLabelGroup_edit input[type="tel"]::placeholder,
.opcBillingAddress_genderAndLabelGroup_edit input[type="email"]::placeholder,
.opcBillingAddress_genderAndLabelGroup_edit input[type="password"]::placeholder{
	color: #aaa;
}
.sysFormField input[type="radio"],
.opcItem_noshiGroup_edit input[type="radio"],
.opcBillingAddress_genderAndLabelGroup_edit input[type="radio"],
.opcDeliveryMethod_normalShippingAndLabelGroup_edit input[type="radio"],
.opcPaymentMethod_paymentMethodAndLabelGroup_edit input[type="radio"]{
	position: relative;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	margin: 0 5px 0 5px;
	border: 1px solid #ddd;
	vertical-align: middle;
}
.sysFormField input[type="radio"]:checked::before,
.opcItem_noshiGroup_edit input[type="radio"]:checked::before,
.opcBillingAddress_genderAndLabelGroup_edit input[type="radio"]:checked::before,
.opcPaymentMethod_paymentMethodAndLabelGroup_edit input[type="radio"]:checked::before,
.opcDeliveryMethod_normalShippingAndLabelGroup_edit input[type="radio"]:checked::before{
	content: '';

	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 12px;
	height: 12px;
	background-color: #333;
	border-radius: 12px;
}
.sysFormField input[type="checkbox"],
.opcItem_isWithCarrierBagAndLabelGroup_edit input[type="checkbox"],
.opcBillingAddress_acceptMailmagazineAndLabelGroup_edit input[type="checkbox"],
.opcDeliveryMethod_normalShippingAndLabelGroup_edit input[type="checkbox"],
.opcItem_isNoshiCorporationGroup_edit input[type="checkbox"],
.opcDeliveryAddress_registerCustomerDeliveryAddressFlagYesAndLabelGroup_edit input[type="checkbox"]{
	position: relative;
	width: 20px;
	height: 20px;
	margin: 0 5px 0 5px;
	border: 1px solid #ddd;
	vertical-align: middle;
}
.sysFormField input[type="checkbox"]:checked::before,
.opcItem_isWithCarrierBagAndLabelGroup_edit input[type="checkbox"]:checked::before,
.opcBillingAddress_acceptMailmagazineAndLabelGroup_edit input[type="checkbox"]:checked::before,
.opcDeliveryMethod_normalShippingAndLabelGroup_edit input[type="checkbox"]:checked::before,
.opcItem_isNoshiCorporationGroup_edit input[type="checkbox"]:checked::before,
.opcDeliveryAddress_registerCustomerDeliveryAddressFlagYesAndLabelGroup_edit  input[type="checkbox"]:checked::before{
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	right: 5px;
	width: 6px;
	height: 10px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	transform: rotate(40deg);
}
.sysErrorMessage {
	padding: 5px 0;
	clear:both;
}

.sysFormField select[name="pref_state_id"] {
	padding: 10px 30px 10px 10px;
	margin-bottom: 15px;
	border: 1px solid #ddd;
}

#selectHopeDelivery > div{
	margin-bottom: 15px;
}

.sysFormItem label{
	margin-top: 15px;
	font-weight: bold;
}

.sysSocialGiftReceiveDeliveryAddressTitle,
.sysSocialGiftReceiveDeliveryMethodTitle{
	margin-top: 20px;
}

.sysZipcode {display: flex;flex-wrap: wrap;justify-content:flex-start}
.sysZipcode label{width: 100%;}
.sysZipcode .sysFormField{width: 8em;}
.sysZipcode .sysSocialGiftCommonButton{margin-left: 10px;padding: 7px 10px!important;}


@media screen and (max-width: 768px) {
	.sysMemberRegister #sysWrap,
	.sysMypage #sysWrap,
	.sysCart #sysWrap,
	.sysOpcBody #sysWrap {
		padding: 148px 4% 0 !important;
	}
	.sysMemberRegister #sysAll #sysMain,
	.sysMypage #sysAll #sysMain,
	.sysCart #sysAll #sysMain,
	.sysOpcBody #sysAll #sysMain {
		padding: 20px !important;
	}
	.sysMemberRegister .sysHeadline,
	.sysMypage .sysHeadline,
	.sysCart .sysHeadline,
	.sysOpcBody .sysHeadline {
		margin-bottom: 20px;
	}
	.sysMemberRegister .sysHeadline span,
	.sysMypage .sysHeadline span,
	.sysCart .sysHeadline span,
	.sysOpcBody .sysHeadline span {
		font-size: 1.6rem;
		padding: 0 20px;
	}
	.sysMemberRegister .sysHeadline span b,
	.sysMypage .sysHeadline span b,
	.sysCart .sysHeadline span b,
	.sysOpcBody .sysHeadline span b {
		font-size: 1.2rem;
		letter-spacing: 1px;
		margin-top: 5px;
	}
	.sysFormLabel,
	.opcCommonEditLabel{
		margin-bottom: 5px;
	}
	.sysFormField input[type="text"],
	.sysFormField input[type="tel"],
	.sysFormField input[type="email"],
	.sysFormField input[type="password"] {
		padding: 10px;
	}
	.sysZipcode .sysFormField{width: 100%;}
	.sysZipcode .sysSocialGiftCommonButton{margin-left: 0;margin-top: 10px;}
	
}
@media screen and (min-width:769px) {
	.sysMemberRegister #sysWrap,
	.sysMypage #sysWrap,
	.sysCart #sysWrap,
	.sysOpcBody #sysWrap {
		max-width: 900px;

		margin: 0 auto !important;
		padding: 160px 20px 30px !important;
	}
	.sysMemberRegister #sysMain,
	.sysMypage #sysMain,
	.sysCart #sysMain,
	.sysOpcBody #sysMain{
		padding: 50px !important;
	}
	.sysMemberRegister .sysHeadline,
	.sysMypage .sysHeadline,
	.sysCart .sysHeadline,
	.sysOpcBody .sysHeadline {
		margin-bottom: 40px;
	}
	.sysMemberRegister .sysHeadline span,
	.sysMypage .sysHeadline span,
	.sysCart .sysHeadline span,
	.sysOpcBody .sysHeadline span {
		font-size: 2.3rem;
		padding: 0 30px;
	}
	.sysMemberRegister .sysHeadline span b,
	.sysMypage .sysHeadline span b,
	.sysCart .sysHeadline span b,
	.sysOpcBody .sysHeadline span b {
		font-size: 1.4rem;
		letter-spacing: 3px;
		margin-top: 5px;
	}
	.sysFormItem {
		font-size: 1.4rem;
	}
	.sysErrorMessage {
		font-size: 1.4rem;
	}
	.sysFormLabel,
	.opcCommonEditLabel{
		margin-bottom: 5px;
	}
	.sysFormField input[type="text"],
	.sysFormField input[type="tel"],
	.sysFormField input[type="email"],
	.sysFormField input[type="password"] {
		padding: 10px;
	}
}
.SysMypageMinorHeadLine {
    font-size: 18px;
    border-left: 5px solid #3d3d3d;
    padding-left: 5px;
    margin: 20px 0;
}
.sysOrderList {
    border: 1px solid rgb(212,212,212);
    padding: 15px;
    max-height: 400px;
    overflow-y: scroll;
    font-size: 1.0em;
}
@media screen and (max-width: 768px) {
	.sysOrderList {
		padding: 10px;
	}
}
.sysOrders {
	border: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
	.sysOrders {
	}
}
.sysOrders:not(:last-child) {
	margin-bottom: 20px;
}
.sysOrderList li {
}
.sysOrderList li.sysOrder {
}
.sysOrderHeader {
	font-size: .9em;
	padding: 15px;
	background: #f0f0f0;
}
@media screen and (max-width: 768px) {
	.sysOrderHeader {
		padding: 10px;
	}
}
.sysOrderHeader .sysDatetime {
    float: left;
}
.sysOrderHeader .sysTotalPrice {
    text-align: right;
}
.sysShopOrderNo {
    display: inline-block;
}
.sysOrderHeader .sysPrintDeliveryNote {
    text-align: right;
}
.sysOrderHeader .sysCallPrintReceipt {
    text-align: right;
}
.sysItemName, .sysExplanation > div > span, .sysReview > span {
    display: block;
    margin-bottom: 0px;
    font-size: 1.3em;
}
.sysOrderList li .sysCancel{
	display: inline-block;
	background-color: #CB0003;
	border-radius: 5px;
	color: #fff;
    font-size: 0.7em;
	padding: 3px 10px;
	margin-bottom: 5px;
}
.sysOrder {
	padding: 15px;
}
@media screen and (max-width: 768px) {
	.sysOrder {
		padding: 10px;
	}
}

/* カート情報
--------------------------------------------*/
.sysCart .sysBox {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.sysCart .sysTotal .sysTotalTxt {
	text-shadow: none;
	-o-text-shadow: none;
	-ms-text-shadow: none;
	-moz-text-shadow: none;
	-webkit-text-shadow: none;
}
.sysCart .sysCartAttention {
	font-weight: bold;
	color: #da4636;
}
.sysCart .sysCartTitle {
	font-weight: bold;
	color: #000;
	background-color: inherit !important;
	padding: 0;
	margin: 0;
}
.sysCart .sysBox .sysProduct {
	float: none;
}
.sysCart .sysBox img.sysProductImg {
	margin: 0 2% 5% 0;
}
.sysCart #sysMain select {
	border: 1px solid #c8c8c8;
	cursor: pointer;
	padding: 10px;
}
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
#sysFormIndex .sysNextSubmit{
	height: auto;
	color: #fff;
	text-shadow: none;
	background: #e62828;
	border: 0;
}
.sysCart #sysMain a {
	color: inherit !important;
}
.sysCart .sysItemName a {
	display: inline-block;
}
@media screen and (max-width: 768px) {
	.sysCart .sysBox {
		margin: 0 0 20px;
		padding: 15px;
	}
	.sysCart .sysCartAttention {
		font-size: 1.8rem;
	}
	.sysCart .sysTotal .sysTotalTxt .sysCartAttention {
		font-size: 2.2rem;
	}
	.sysCart .sysCartTitle {
		font-size: 1.4rem;
		line-height: 2;
		margin-bottom: 5px;
	}
	.sysCart .sysCartItemAreaMessage {
		margin-bottom: 5px;

	}
	.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,

	#sysFormIndex .sysNextSubmit{
		width: 70%;
		font-size: 1.4rem;
		padding: 15px;
		margin-bottom: 20px;
	}
	.sysCart .sysSubTotalArea {
		margin-top: 5px;
	}
	.sysCart .sysItemName a {
		font-size: 2rem;
		margin-bottom: 5px;
	}
}
@media screen and (min-width: 769px) {
	.sysCart .sysBox {
		margin: 0 0 30px;
		padding: 20px;
	}
	.sysCart .sysCartAttention {
		font-size: 1.8rem;
	}
	.sysCart .sysTotal .sysTotalTxt .sysCartAttention {
		font-size: 2.6rem;
	}
	.sysCart .sysCartTitle {
		line-height: 2;
		margin-bottom: 5px;
	}
	.sysCart .sysCartItemAreaMessage {
		margin-bottom: 10px;
	}
	.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
	#sysFormIndex .sysNextSubmit{
		width: 60%;
		font-size: 1.8rem;
		padding: 15px;
		margin-bottom: 30px;
	}
	.sysCart .sysSubTotalArea {
		margin-top: 10px;
	}
	.sysCart .sysItemName a {
		font-size: 2rem;
		margin-bottom: 5px;
	}
}

/* 会員登録
--------------------------------------------*/
.sysMemberRegister h2 {
	display: none;
}
.sysMemberRegister select[name="pref_state_id"],
.opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit select.opcCommonInputSelect{
	-webkit-appearance: none;
	border: 1px solid #ddd;
}
.sysMemberRegister button[name="searchAddress"] {
	display: block;
	width: 50%;
	max-width: 500px;
	background-color: #ddd;
	border-radius: 5px;
	cursor: pointer;
}
.sysMemberRegister .sysGender .sysFormField label {
	margin-right: 10px;
}
.sysPrefStateId .sysFormField {
	position: relative;
	display: inline-block;
}
.sysPrefStateId .sysFormField::after{
	content: '';
	display: block;
	position: absolute;
	top: 40%;
	right: -5px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	border-color: #000 transparent transparent transparent;
}
.sysMemberRegister .sysBirthday .sysFormField {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}
.sysMemberRegister .sysBirthday .sysFormField .sysErrorMessage {
	width: 100%;
}
.sysMemberRegister .sysBirthday .sysFormField input {
	width: 4em;
	margin: 0 5px;
}
.sysMemberRegister .sysNextSubmit {
	border-radius: 5px;
	color: #fff;
	background-color: #666;
}


.opcBillingAddress_completeButton_edit{
	border-radius: 5px!important;
	color: #fff!important;
	background-color: #666!important;
	border: none!important;
	width: 50%;
	margin: 0 auto 15px auto!important;
}

.opcBillingAddress_backButton_edit{
	border-radius: 5px!important;
	color: #000!important;
	background-color: #ddd!important;
	border: none!important;
	width: 50%!important;
	margin: 0 auto 15px auto!important;
}

@media screen and (max-width: 768px) {
	.opcBillingAddress_completeButton_edit,
	.opcBillingAddress_backButton_edit{
		width: 100%!important;
		margin-bottom: 15px!important;
	}
}


.sysMemberRegister .sysButton[type="submit"] {
	border-radius: 5px;
	background-color: #ddd;
}
.sysMemberRegister .errorMessage {
	border: 1px solid red;
}
@media screen and (max-width: 768px) {
	.sysMemberRegister select[name="pref_state_id"],
	.opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit select.opcCommonInputSelect{
		padding: 10px 50px 10px 10px;
	}
	.sysMemberRegister button[name="searchAddress"] {
		font-size: 1.2rem;
		padding: 10px;
		margin: 20px auto 20px;
	}
	.sysMemberRegister .sysNextSubmit {
		width: 100%;
		padding: 10px;
		margin-bottom: 15px;
	}
	.sysMemberRegister .sysButton[type="submit"] {
		width: 100%;
		padding: 10px;
	}
	.sysMemberRegister .errorMessage {
		padding: 10px;
		margin-bottom: 20px;
	}
	.sysMemberRegister .sysFormItem:not(:last-child) {
		margin-bottom: 20px;
	}
	.sysMemberRegister .sysFormField:not(:last-child) {
		margin-bottom: 20px;
	}
	.sysMemberRegister .sysAcceptMailmagazine {
		margin-bottom: 30px !important;
	}
}
@media screen and (min-width: 769px) {
	.sysMemberRegister select[name="pref_state_id"],

	.opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit select.opcCommonInputSelect{
		padding: 10px 50px 10px 10px;
	}
	.sysMemberRegister button[name="searchAddress"] {
		padding: 15px;
		margin: 30px auto 50px;
	}
	.sysMemberRegister .sysNextSubmit {
		float: left;
		width: 48.5%;
		padding: 15px;
	}
	.sysMemberRegister .sysButton[type="submit"] {
		float: right;
		width: 48.5%;
		padding: 15px;
	}
	.sysMemberRegister .errorMessage {
		padding: 15px;
		margin-bottom: 30px;
	}
	.sysMemberRegister .sysFormItem:not(:last-child) {
		margin-bottom: 30px;
	}
	.sysMemberRegister .sysFormField:not(:last-child) {
		margin-bottom: 30px;
	}
	.sysMemberRegister .sysAcceptMailmagazine {
		margin-bottom: 40px !important;
	}
}

/* マイページ
--------------------------------------------*/
.sysMypageMajorHeadLine,
.sysMypageMinorHeadLine {
	/*display: none;*/
}

.sysMypageMajorHeadLine{
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.5em;
}

.sysMypageMinorHeadLine {
	font-size: 1.3rem;
	text-align: center;
	margin-bottom: 1em;
}



.sysMypage .sysLoginButton {
	border-radius: 5px;
	color: #fff;
	background-color: #666;
}

.sysMypage .sysButton {
	border-radius: 5px;
	background-color: #ddd;
}
#sysMypageReminder input[type="submit"] {
	display: block;
	color: #fff;
	background-color: #666;
	margin: 0 auto;
	border-radius: 5px;
}
.sysMypage h3,
.sysMypage h4 {
	font-weight: bold;
}
.sysMypage .sysZipcode [name="zipcode"] {
	width: 200px;
}
.sysMypage .sysZipcode [name="searchAddress"] {
	display: block;
	width: 100%;
	background-color: #ddd;
	padding: 15px;
	border-radius: 5px;
	margin: 3% 0;
}
.sysMypage .sysPrefStateId .sysFormField {
	width: 6em;
	/*border: 1px solid #ddd;*/
	padding: 5px !important;
}
.sysMypage .sysBirthday .sysFormField input {
	width: auto;
	margin-right: 5px;
}
.sysMypage .sysNextSubmit {
	width: 100%;
	color: #fff;
	background: #666;
	padding: 15px;
	margin-top: 6%;
	border-radius: 5px;
}
@media screen and (max-width: 768px) {
	.sysMypage .sysFormItem:not(:last-child) {
		margin-bottom: 15px;
	}
	.sysMypage .sysFormField:not(:last-child) {
		margin-bottom: 15px;
	}
	.sysMypage .sysLoginButton {
		width: 100%;
		padding: 10px;
		margin-bottom: 15px;
	}
	.sysMypage .sysButton {
		width: 100%;
		margin: 3% 0;
		padding: 10px;
	}
	.sysMypage .sysMemberPassword {
		margin-bottom: 30px !important;
	}
	#sysMypageReminder input[type="submit"] {
		width: 100%;
		padding: 10px;
		margin-top: 30px;
	}
	.sysMypage .sysMypageNav {
		margin-top: 15px;
	}
}
@media screen and (min-width: 769px) {
	.sysMypage .sysFormItem:not(:last-child) {
		margin-bottom: 20px;
	}
	.sysMypage .sysFormField:not(:last-child) {
		margin-bottom: 20px;
	}

	.sysMypage .sysMypageNav{
		display: flex;
		flex-wrap: wrap;

		justify-content: space-between;
		margin-top: 20px;
	}

	.sysMypage .sysMypageNav form{
		width: 48%;
	}
	
	.sysMypage .sysLoginButton {
		width: 100%;
		padding: 15px;
	}
	.sysMypage .sysButton {
		display: block;
		width: 100%;
		margin: 3% auto;
		padding: 15px;
	}
	.sysMypage .sysMemberPassword {
		margin-bottom: 40px !important;
	}
	#sysMypageReminder input[type="submit"] {
		width: 50%;
		padding: 15px;
		margin-top: 40px;
	}
}

.sysItemCategoryPankuzu{
	display: none;
}


.sysItemList .sysThumbnail li{
	margin-bottom: 2em;
}

.sysItemList .sysThumbnail .sysItemName{
	font-weight: bold;
	width: 100%;
	color: #000!important;
	font-size: 1.8rem;
	margin-top: 0.5em;
}

.sysItemList .sysThumbnail .sysRetailPrice{
  margin-top: 0em;
  margin-bottom: 1em;
}

.details_table table{
	width: 100%;
	font-size: 80%;
	margin-top: 2em;
	border-collapse: collapse;
}
.details_table table th,
.details_table table td{
	border: 1px solid #ddd;
	padding: 10px;
	font-weight: normal;
	background: #FFF;
}
.details_table table th{
	background: #f4f4f4;

}

@media screen and (max-width: 768px) {
.details_table {
	padding: 2%;
}
.sysItemList .sysThumbnail .sysItemName,
.gift .sysContent .sysItemName,
.details_itemlist .sysItemName{
  font-size: 1.2rem;
}
.sysItemList .sysThumbnail .sysRetailPrice,
.gift .sysContent .sysRetailPrice,
.details_itemlist .sysRetailPrice{
  font-size: 1.1rem;
}
.sysItemList .sysThumbnail li{
	margin-bottom: 0;
}
.sysItemList .sysThumbnail li:nth-child(3n){
	clear: both!important;
}
	.sysItemList ul.sysThumbnail li,
	.gift .sysContent .sysHorizontal li,
	.details_itemlist .sysContent .sysHorizontal li{
		width: 50%!important;
	}
	
	.details_table table th,
	.details_table table td{
		display: block;
		width: 100%;
	}
	
}

@media screen and (max-width: 345px) {
	.sysItemList ul.sysThumbnail li,
	.gift .sysContent .sysHorizontal li,
	.details_itemlist .sysContent .sysHorizontal li{
		width: 100%!important;
	}
}
@media screen and (min-width: 769px) {
	.details_table table th{
		width: 30%;
}
	.details_table table td{
		width: 70%;
	}

}

.opcBillingAddress_edit.opcCommonEditModeBlock > div {
	margin-bottom: 15px;
}
.opcCommonButton {

	padding: 8px;
}
.opcCommonInputSelect,
.opcCommonInputSelect{
	padding: 10px 30px 10px 10px;
	border: 1px solid #ddd;
}


.opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit {
	padding-bottom: 10px;
}
.opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit span {
	display: inline-block;
	min-width: 11em;
}
.opcDeliveryMethod_hopeDeliveryDateAndLabelGroup_edit {
	margin-bottom: 5px;
}
.opcDeliveryMethod_buttonGroup_edit {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.opcCommonButtonEdit {
	width: 30% !important;
	background: linear-gradient(top, #E4DFCF, #C5B994);
	background: -moz-linear-gradient(top, #E4DFCF, #C5B994);
	background: -webkit-gradient(linear, left top, left bottom, from(#E4DFCF), to(#C5B994));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFE4DFCF', endColorstr='#FFC5B994');
	border: #999999 1px solid !important;
	border-radius: 5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	-ms-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	cursor:pointer;
	height: auto;
	margin: 0.5em 0;
	min-width: 11em;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	white-space: nowrap;
	width: auto;
}
.opcBillingAddress_completeButton_edit {
	color: #000 !important;
}

#concept #anc01 {
 	font-family: "Noto Serif JP", serif;
	line-height: 2.2;
}
#concept #anc01 p {
 	text-indent: 1em;
}
.sysFormItem.sysAcceptMailmagazine {
 display: none;
}

.sysItemViewId {
text-align:right;
margin-bottom:1em;
}


/* おすすめアレンジレシピ */
#recipe .sysContent #sysWrap {
	padding-top: 0;
}
#recipe .sysItemList ul.sysList {
	overflow: hidden;
}
#recipe .sysItemList ul.sysList li {
	float: left;
	width: 33%;
	padding: 5px;
	margin-bottom: 2em;
	border-top: none;
}
#recipe .sysItemList ul.sysList li .sysThumbnailImage {
	width: auto;
	float: none;
	margin-right: 0;
}
#recipe .sysItemList ul.sysList li:last-child {
	border-bottom: none;
}
#recipe .sysItemList ul.sysList .sysItemName {
	font-weight: bold;
	width: 100%;
	color: #000 !important;
	font-size: 1.8rem;
	margin-top: 0.5em;
}
#recipe .sysItemList ul.sysList .sysRetailPrice {
	margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
	#recipe #sysAll .sysContent #sysMain {
		padding-top: 0 !important;
	}
	#recipe .sysItemList ul.sysList li {
		width: 50% !important;
		margin-bottom: 0;
	}
	#recipe .sysItemList ul.sysList .sysItemName {
		font-size: 1.2rem;
	}
	#recipe .sysItemList ul.sysList .sysRetailPrice {
		font-size: 1.1rem;
	}
}



/* TOP-scroll */
#aboutLead .inner,
#top-bnr,
.top_recipe,
.top_newslist,
.top_itemlist,
.top_itemlist_a,
.top_itemlist_b {
	transform: translate(0, 100px);
	opacity: 0;
	transition: all 1s;
	transition-delay: .5s;
}
#aboutLead .inner.scroll-in,
#top-bnr.scroll-in,
.top_recipe.scroll-in,
.top_newslist.scroll-in,
.top_itemlist.scroll-in,
.top_itemlist_a.scroll-in,
.top_itemlist_b.scroll-in {
	opacity: 1;
	transform: translate(0, 0);
}




/* TOP-高麗橋兆について */
#aboutLead {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "Noto Serif JP", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background-color: #333;
}
@media screen and (max-width: 768px) {
	#aboutLead {
		width: 100%;
		padding: 60px 30px;
		background-image: url(/img/index/img_about_05.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		margin-bottom: 5px;
		color: #fff;
		margin-top: 30px;
	}
	#aboutLead .hn {
		font-size: 2rem;
		font-weight: bold;
		padding-bottom: 1.5em;
		text-align: center;
	}
	#aboutLead p {
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 1.5rem;
		line-height: 2.4;
	}
	#aboutLead p br {
		display: none;
	}
	#aboutLead p br.spBr {
		display: block;
	}
}
@media screen and (min-width: 769px) {
	#aboutLead {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		padding: 120px 0;
		background-image: url(/img/index/img_about_05.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		white-space: nowrap;
		color: #fff;
		margin-bottom: 80px;
		/*word-break: keep-all;
		overflow: hidden;*/
	}
	#aboutLead .inner {
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	#aboutLead .hn {
		font-size: 2.8rem;
		font-weight: bold;
		padding-left: 70px;
	}
	#aboutLead p {
		font-size: 1.7rem;
		line-height: 3;
	}
}

/* TOP-おすすめアレンジレシピ */
.top_recipe {
	max-width: 1340px;
	margin: 0 auto;
	padding: 0 20px;
	padding-top: 60px;
}
.top_recipe .sysHeadline {
	max-width: 1340px;
	margin: 0 auto;
	padding: 0 20px;
}
.top_recipe .sysItemList ul.sysList {
	overflow: hidden;
}
.top_recipe .sysItemList ul.sysList li {
	float: left;
	width: 33%;
	padding: 5px;
	margin-bottom: 2em;
	border-top: none;
}
.top_recipe .sysItemList ul.sysList li .sysThumbnailImage {
	width: auto;
	float: none;
	margin-right: 0;
}
.top_recipe .sysItemList ul.sysList li:last-child {
	border-bottom: none;
}
.top_recipe .sysItemList ul.sysList .sysItemName {
	font-weight: bold;
	width: 100%;
	color: #000 !important;
	font-size: 1.8rem;
	margin-top: 0.5em;
}
.top_recipe .sysItemList ul.sysList .sysRetailPrice {
	margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
	.top_recipe {
		padding: 30px 4% 0;
	}
	.top_recipe .sysHeadline {
		padding: 0;
	}
	.top_recipe .sysItemList {
		padding: 0 !important;
	}
	.top_recipe .sysItemList ul.sysList li {
		width: 50% !important;
		margin-bottom: 0;
	}
	.top_recipe .sysItemList ul.sysList .sysItemName {
		font-size: 1.2rem;
	}
	.top_recipe .sysItemList ul.sysList .sysRetailPrice {
		font-size: 1.1rem;
	}
}

/* TOP-お知らせ */
.top_newslist {
	max-width: 1340px;
	margin: 0 auto;
	padding: 0 20px;
	padding-top: 60px;
}
@media screen and (max-width: 768px) {
	.top_newslist {
		padding: 30px 4% 0;
	}
}
@media screen and (min-width: 769px) {
	.top_newslist nav ul li time {
		display: inline-block;
		width: 230px;
	}
	.top_newslist nav ul li br {
		display: none;
	}
}

/* お気に入り */
/* 商品チェック履歴 */
#sysMypageReview .sysItemListDisp,
#sysMypageAshiato .sysItemListDisp {
	padding: 0;
}
#sysMypageReview .sysItemListDisp .sysItemListViewType label,
#sysMypageAshiato .sysItemListDisp .sysItemListViewType label {
	text-decoration: underline;
	padding: .3em;
}
#sysMypageReview .sysItemList,
#sysMypageAshiato .sysItemList {
	padding: 0;
	margin-top: 1em;
}
#sysMypageReview .sysItemList ul.sysList li,
#sysMypageAshiato .sysItemList ul.sysList li {
	padding: 15px;
	border: 1px solid #ddd;
	margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
	#sysMypageReview .sysItemList ul.sysList li,
	#sysMypageAshiato .sysItemList ul.sysList li {
		padding: 10px;
	}
}
#sysMypageReview .sysItemList ul.sysList li .sysThumbnailImage,
#sysMypageAshiato .sysItemList ul.sysList li .sysThumbnailImage {
	width: 30%;
	margin-right: 10px;
}
#sysMypageReview .sysItemList ul.sysThumbnail,
#sysMypageAshiato .sysItemList ul.sysThumbnail {
	margin-top: 1em;
}
#sysMypageReview .sysItemList ul.sysThumbnail li,
#sysMypageAshiato .sysItemList ul.sysThumbnail li {
	width: 48.5% !important;
	padding: 15px;
	border: 1px solid #ddd;
}
@media screen and (max-width: 768px) {
	#sysMypageReview .sysItemList ul.sysThumbnail li,
	#sysMypageAshiato .sysItemList ul.sysThumbnail li {
		padding: 10px;
		margin-bottom: 1em;
	}
}
#sysMypageReview .sysItemList ul.sysThumbnail li:nth-of-type(2n),
#sysMypageAshiato .sysItemList ul.sysThumbnail li:nth-of-type(2n) {
	margin-left: 3%;
}
#sysMypageReview .sysItemList ul.sysThumbnail li .sysThumbnailImage,
#sysMypageAshiato .sysItemList ul.sysThumbnail li .sysThumbnailImage {
	margin-bottom: 15px;
}
#sysMypageReview .sysCartButton,
#sysMypageAshiato .sysCartButton {
	font-size: 1.5rem;
	font-weight: normal;
	color: #fff;
	margin-top: 20px;
	background: #e62828;
	border: none;
	border-radius: 5px;
}
@media screen and (max-width: 768px) {
	#sysMypageReview .sysCartButton,
	#sysMypageAshiato .sysCartButton {
		font-size: 1.4rem;
		margin-top: 15px;
		padding: 10px;
	}
}
#sysMypageReview .sysButton,
#sysMypageAshiato .sysButton {
	margin: 15px auto 0;
}
@media screen and (max-width: 768px) {
	#sysMypageReview .sysButton,
	#sysMypageAshiato .sysButton {
		margin: 10px auto 0;
	}
}

/* クレジットカード情報変更 */
#sysMypageEditDeliveryinput form input[type="submit"] {
	display: block;
	width: 100%;
	padding: 15px;
	border-radius: 5px;
	background-color: #ddd;
}

/* マイページ更新画面 */
#sysMypageEditConfirm .sysFormItem:first-child {
	margin-top: 2em;
}
#sysMypageEditConfirm .sysFormItem br {
	display: none;
}

/* 会員を退会する */
#sysMypageWithdrawalConfirm .sysWithdrawal form + form .sysButton {
	color: #fff;
	background-color: #666 !important;
}



.sysNextSubmitAreaForUseAmazon:first-child {
		display: none;
	}


.reizo {
	background-color: #5658D1;
	display: inline-block;
	color: #fff;
	font-size: 0.8em;
	padding: 5px 15px;
	font-weight: bold;
}
.sysAmazonNextSubmit{
	border: #e62828 1px solid!important;
	background: #e62828!important;
	color: #ffffff!important;
}
input[type=submit].sysDeleteArea,
input[type=submit].sysBackSubmitArea,
input[type=button].opcDeliveryMethod_backButton_edit,
input[type=submit].opcOrderBackToBasket_backToBasket,
.sysBackButton,
.sysBtnPlus,
.sysBtnMinus{
	border: #dfe5e8 1px solid!important;
	background: #dfe5e8!important;
}

input[type=email].loginId,
input[type=password].loginPassword{
background: #ffffff!important;
border-radius: 0!important;
-o-border-radius:0!important;
-ms-border-radius:0!important;
-moz-border-radius:0!important;
-webkit-border-radius: 0!important;
margin: 0.5em 0;
padding: 1em 1em;
width: 100%;	
}

.sysFormItem.sysSubmit{text-align: center!important;}
input[type=submit].sysLoginButton,
input[type=button].opcDeliveryMethod_completeButton_edit,
input[type=button].opcConfirm_requestOrder,
input[type=button].opcDeliveryAddressItem_completeButton_edit{
	height: auto!important;
	width: 60%!important;
	margin: 1em auto!important;
	padding: 15px!important;
	font-size: 1.8rem!important;
	font-weight: bold!important;
	border: #e62828 1px solid!important;
	background: #e62828!important;
	color: #ffffff!important;
}

input[type=submit].opcOrderBackToBasket_backToBasket{
	height: auto!important;
	width: 60%!important;
	margin: 1em auto!important;
	padding: 10px!important;
	font-size: 1.5rem!important;
	border: #dfe5e8 1px solid!important;
	background: #dfe5e8!important;
}
.opcOrderBackToBasket{
	text-align: center;
}

input[value^="ログインパスワードを忘れた場合"]{
	width: 100%!important;
	background: #ffffff!important;
	border: none!important;
	text-decoration: underline!important;
}


.opcDeliveryMethod_hopeDeliveryDate_edit,
.opcDeliveryMethod_hopeDeliveryTime_edit{
	padding: 10px!important;
	width: 100%!important;
	max-width: 300px!important;
	height: auto!important;
	-moz-appearance: menulist!important;
	-webkit-appearance: menulist!important;
	appearance: menulist!important;
}

input[type=button].opcOrderSummary_usePointAndCoupon,
input[type=button].opcBillingAddress_editButton,
input[type=button].opcDeliveryAddress_editButton,
input[type=button].opcDeliveryMethod_editButton,
input[type=button].opcItem_addButton,
input[type=button].opcPaymentMethod_editButton{
	height: auto!important;
	width: 40%!important;
	margin: 1em auto!important;
	padding: 10px!important;
	font-size: 1.5rem!important;
	border: #dfe5e8 1px solid!important;
	background: #dfe5e8!important;
}
select.opcItem_num_edit{
	height: auto!important;
	background: #ffffff!important;
	border-radius: 0!important;
	-o-border-radius:0!important;
	-ms-border-radius:0!important;
	-moz-border-radius:0!important;
	-webkit-border-radius: 0!important;
	margin: 0.5em 0;
	padding: 1em 1em!important;
}


input[type=button].opcItem_increaseNumButton_edit,
input[type=button].opcItem_decreaseNumButton_edit{
	height: auto!important;
	width: 3em!important;
	font-size: 1.5rem!important;
	border: #dfe5e8 1px solid!important;
	background: #dfe5e8!important;
	cursor: pointer;
}
input[type=button].opcItem_increaseNumButton_edit{
	color: #fff!important;
	border: #505050 1px solid!important;
	background: #505050!important;
	cursor: pointer;
}
input[type=button].opcItem_decreaseNumButton_edit{
	border: #dfe5e8 1px solid!important;
	background: #dfe5e8!important;
	cursor: pointer;
}

.opcSelectDeliveries_buttonGroup_edit{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

input[type=button].opcSelectDeliveries_deliveryToSingle_edit,
input[type=button].opcSelectDeliveries_deliveryToMultiple_edit,
input[type=button].opcSelectDeliveries_deliveryToSocialGift_edit{
	height: auto!important;
	width: 90%!important;
	margin: 1em 1%!important;
	padding: 15px!important;
	font-size: 1.2rem!important;
	font-weight: bold!important;
	border: #a08523 1px solid!important;
	background: #a08523!important;
	color: #ffffff!important;
	cursor: pointer;
}

input[type=button].opcSelectDeliveries_backButton_edit,
input[type=button].opcDeliveryAddressItem_backButton_edit,
input[type=submit].sysSocialGiftBackButton {
	margin: 1em auto!important;
	border: #dfe5e8 1px solid!important;
	background: #dfe5e8!important;
	cursor: pointer;
}


input[type=button].opcDeliveryAddress_zipCodeSearchButton_edit,
input[type=button].opcDeliveryAddress_openDialogButton_edit,
input[type=button].opcDeliveryAddress_synchronizeBillingAddressButton_edit {
	margin: 1em auto!important;
	border: #dfe5e8 1px solid!important;
	background: #dfe5e8!important;
	cursor: pointer;
}

.opcDeliveryAddress_buttonGroup_edit,
.opcDeliveryMethod_buttonGroup_edit{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

input[type=button].opcBillingAddress_completeButton_edit,
input[type=button].opcDeliveryMethod_completeButton_edit,
input[type=button].opcDeliveryMethod_openDialogButton_edit,
input[type=button].opcDeliveryAddress_completeButton_edit{
	height: auto!important;
	width: 80%!important;
	margin: 1em auto!important;
	padding: 15px!important;
	font-size: 1.8rem!important;
	font-weight: bold!important;
	border: #e62828 1px solid!important;
	background: #e62828!important;
	color: #ffffff!important;
	cursor: pointer;
}
input[type=button].opcDeliveryMethod_backButton_edit,
input[type=button].opcDeliveryAddress_backButton_edit {
	margin: 1em auto!important;
	border: #dfe5e8 1px solid!important;
	background: #dfe5e8!important;
	cursor: pointer;
}


.opcAdditionalDeliveryAddressSelectDialog_buttonAndLabelGroup{
	width: 100%!important;
	max-width: 400px!important;
	margin: 1em auto!important;
}

input[type=button].opcAdditionalDeliveryAddressSelectDialog_addDeliveryAddressButton,
input[type=button].opcAdditionalDeliveryAddressSelectDialog_completeDeliveryAddressButton {
	margin: 1em auto 1.5em auto!important;
	width: 100%!important;
	border: #dfe5e8 1px solid!important;
	background: #dfe5e8!important;
	cursor: pointer;
	font-size: 1.8rem!important;
	font-weight: bold!important;
}



.sysSocialGiftReceiveTitle {
	margin-bottom: 1em;
}
.sysSocialGiftReceiveUrlCopyButton{float: left;}
.sysSocialGiftReceiveUrlSendLineButton{float: right;}


.sysSocialGiftReceiveUrlCopyButton,
.sysSocialGiftReceiveUrlSendLineButton{
	height: auto!important;
	width: 48%!important;
	margin: 1em 1%!important;
	padding: 15px!important;
	font-size: 1.2rem!important;
	font-weight: bold!important;

	border: #a08523 1px solid!important;
	background: #a08523!important;
	color: #ffffff!important;
}


.sysSocialGiftReceive{
	width: 100%;
	max-width: 900px;
	margin: 0 auto 3em auto;
	padding: 0 20px 50px 20px;
}

dl.aretNaiyo{
	border: 1px solid #ffe1e1;
	margin-top: 2em;
}

dl.aretNaiyo dt{
	background: #ffe1e1;
	padding: 10px;
	font-weight: bold;
}

dl.aretNaiyo dd{
	padding: 10px;
}


input[type=submit].sysSocialGiftReceiveButton,
input[type=submit].sysSocialGiftNextButton{
	height: auto!important;
	width: 100%!important;
	margin: 1em auto!important;
	padding: 15px!important;
	font-size: 1.8rem!important;
	font-weight: bold!important;
	border: #e62828 1px solid!important;
	background: #e62828!important;
	color: #ffffff!important;
	cursor: pointer;
}

#selectHopeDeliveryDate,
#selectHopeDeliveryTime{
	padding: 10px!important;
	width: 100%!important;
	max-width: 300px!important;
	height: auto!important;
	-moz-appearance: menulist!important;
	-webkit-appearance: menulist!important;
	appearance: menulist!important;
	border:1px solid #ddd!important;

}

.okMap {text-align: center;}
.okMap img{max-width: 900px!important;}

.sysZipcode .sysFormLabel:after{ content:'(半角数字ハイフンなし7桁)';font-weight: normal;}
.sysTel .sysFormLabel:after{ content:'(半角数字ハイフンなし)';font-weight: normal;}
.opcBillingAddress_zipCodeLabel_edit:after{ content:'(半角数字ハイフンなし7桁)';}
.opcDeliveryAddress_telLabel_edit:after{ content:'(半角数字ハイフンなし)';}
.opcDeliveryAddress_zipCodeLabel_edit:after{ content:'(半角数字ハイフンなし7桁)';}
.opcBillingAddress_telLabel_edit:after{ content:'(半角数字ハイフンなし)';}

.sysSelectDelivery{padding: 20px 0;}
.sysSelectDelivery label{font-size: 110%; background: #f6f6f6;border: 1px solid #dadada; padding: 10px 20px;margin-bottom: 20px;}

.reciTtl{font-size: 110%; }

input:disabled {
  color:#aaa!important;background: #ccc!important;cursor: default!important;border:none!important;
}
.sysFormLabel, .opcCommonEditLabel{font-weight: bold!important;}


.midashi{
		
}

	.underCacopy{
		font-size: 2.0rem;
		padding: 12px 0;
		margin-bottom: 25px;
		font-family: "Noto Serif JP", serif;
	}

	.undersubTitle{
		font-size: 1.8rem;
		background: #f6f6f6;
		border: 1px solid #dadada; 
		padding: 10px 15px;
		margin-bottom: 10px;
		font-family: "Noto Serif JP", serif;
	}

	.undersubTitle2{
		font-size: 2.0rem;
		padding: 12px 0;
		font-family: "Noto Serif JP", serif;
	}


.sysItemName a span,
.sysItemName h1 span > span{
	display: block;
	font-size: 1.2rem;
	color: #555555;
}
@media screen and (max-width:768px){

}
@media screen and (min-width:769px) and (max-width:0px){

}
@media screen and (min-width:1px){

}
/* #END_OF_RESOURCE_FILE */