/* 基本設定
 *----------------------------------------------------------------------*/
html{
  font-size:62.3%;
}
body {
  color: #000;
  font-size: 1.3rem;/*13px*/
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.6;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sp_only{
  display:none;
}
#sysAll {
  max-width: 100%;
  background-color: transparent;
  padding: 0;
  padding: 0;
}
#sysWrap {
  /*max-width: 1100px;*//*下層ページのデザインのため削除*/
  margin:90px auto 0;
  padding: 0;
  /*overflow: hidden;*//*下層ページのデザインのため削除*/
}
#sysHeader {
  margin: 0;
  padding: 0;
}
div#sysMain {
  float: none;
  width: 100%;
  margin: 180px auto;
  padding: 0;
}
#sysAside {
  float: none;
  padding: 0;
}
#sysFooter {
  margin: 0;
  padding: 0;
}

#top #sysWrap{
  margin-top:0;
}


.sysContent {
  padding: 0 !important;
}

.sysContent time{
	display: none;
}

h1,h2,h3,h4,h5{
  margin:0;
  padding:0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Lucida Grande", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.6;
  font-weight:bold;
  letter-spacing:inherit;
}
a {
  color: #000;
  text-decoration: none;
  font-weight:inherit;
}
/*a:hover {
  color: #222222;
}*/
.g_navi img {
  vertical-align: bottom;
  /*you kakunin*/
  height:auto;
}
a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-filter: "alpha( opacity=50 )";
  -webkit-filter: "alpha( opacity=50 )";
  -o-filter: "alpha( opacity=50 )";
  -ms-filter: "alpha( opacity=50 )";
}
a:hover img.nohover {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-filter: "alpha( opacity=100 )";
  -webkit-filter: "alpha( opacity=100 )";
  -o-filter: "alpha( opacity=100 )";
  -ms-filter: "alpha( opacity=100 )";
}
p {
  margin: 10px auto;
}
p.indent{
        margin: 5px 0 !important;
        text-indent: 1em
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* フォーム要素の基本レイアウト */
input[type=search], input[type=text], input[type=tel], input[type=email], input[type=password], textarea {
  -webkit-appearance: none;
  padding: 10px 5px !important;
  width: 100%;
  line-height: 2;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 0;
}
input[type=submit] {
  -webkit-appearance: none;
  padding: 10px 5px !important;
  line-height: 2;
        margin-top: 30px;
}
input[type="radio"]{
        margin: 10px 10px 20px;
}
.sysFormField{margin: 10px 0;}
.sysFormField label{
        margin-right: 20px;
        font-size: 15px;
}
.sysFormField a{
  display: inline-block;
  color: #068acc;
  border-bottom: 1px solid #068acc;
  line-height: 15px;
  margin: 0 3px;
}
select {height: 30px;}
#sysItemCategory select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none !important;
        width: 100%;
        padding: 3px 5px;
}


/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none; }

  .owl-carousel .owl-item img {
    display: block;
    /*width: 100%;*/
      width: 960px;
      height:auto;
}
  .owl-carousel .owl-nav .owl-prev,
  .owl-carousel .owl-nav .owl-next,
  .owl-carousel .owl-dot {
	display: none;/*矢印ボタン*/ 
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-loaded {
    display: block; }
  .owl-carousel.owl-loading {
    opacity: 0;
    display: block; }
  .owl-carousel.owl-hidden {
    opacity: 0; }
  .owl-carousel.owl-refresh .owl-item {
    visibility: hidden; }
  .owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease; }

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d; }

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  /*background: url("owl.video.play.png") no-repeat;*/
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
      transform: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; }

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }

.owl-controls {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent
}
.owl-controls .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d6;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px
}
.owl-controls .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #fff;
  text-decoration: none
}
.owl-controls .owl-nav .disabled {
  opacity: .5;
  cursor: default
}
.owl-dots{
  text-align:center;
}
.owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display:inline;
  position:relative;
  top:10px;
}
.owl-dots .owl-dot span {
	border: 1.5px solid #c20000;
  width: 12px;
  height: 12px;
  margin: 5px 4px;
  display: block;
  -webkit-backface-visibility: visible;




  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px
}
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {
  background: #c20000;
}
.owl-nav{
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent
}
.owl-nav [class*=owl-] {
  position: absolute;
  top:98%;
  margin-top: -18.5px;
  outline: 0;
  width: 20px;
  height: 37px;
  padding:0;
  text-indent: -9999px;
  z-index: 9999;
  border:none;
  border-radius:none;
  cursor:pointer;
}
.owl-nav .owl-prev{
  left:35%;
  background: url(/img/common/controls.png) no-repeat 0 0;
  background-size:40px;
}
.owl-nav .owl-next{
  right:35%;
  background: url(/img/common/controls.png) no-repeat -20px 0;
  background-size:40px;
}
.owl-nav .owl-prev:hover {
  background-position: 0 0;
}
.owl-nav .owl-next:hover {
  background-position: -20px 0;
}



/* 検索ボックス */
.search_bx form{
  overflow: hidden;
  border: 1px solid #dddddd;
}
.search_bx .sysItemSearchFormWord {
  float: left;
  width: 70%;
}
.search_bx input[type="search"] {
  height: 40px;
  border: none;
  padding: 5px;
  width: 100%;
}
.search_bx .sysSearchButton {
  overflow: hidden;
  float: left;
  display: block;
  width: 30%;
  height: 40px;
  margin: 0;
  padding: 0;
  text-indent: -999px;
  border-radius: 0px;
  border: none;
  background: #222222 url(/img/common/ico_search.png) no-repeat center center;
  background-size: 70px;
  cursor: pointer;
}

/* submitボタンの調整 */
#sysMypageReminder #sysMain input[type=submit],
.sysBackButton,
.sysNextSubmit {
    background: #666;
  color: #fff;
    display: block;
    padding: 10px 15px;
    text-shadow: none;
    border-color: transparent;
    border-radius: 3px;
    width: 80%;
    height: 50px;
    margin: 0 auto;
}

/* 商品カテゴリページ */
.sysFuncItemCategory a {
    line-height: 1.75;
}
.sysFuncItemCategory a:hover {
    background: #eee;
}
#sysItemCategory h1.itemCategory{
  margin-left: 5px;
  border-left: 5px solid #222222;
  padding-left: 10px;
  font-size: 18px;
  margin: 20px 0 10px;
}
.sysSelectionDescription{margin : 2px 0 10px;}

/* 4-1-3 Category View Mode */
.sysItemCategoryCtl {
    font-size: small;
}
.sysItemCategoryCtl a {
    display: inline-block;
    padding: 2px 4px;
    background: #ddd;
    border: 1px solid #999;
    border-radius: 3px;
    text-decoration: none;
}

/* PRアイコン設定 */
.sysItemPr {
    font-size: small;
    padding: 0 5px;
    background: #fff;
    border: 1px solid #666;
    border-radius: 3px;
    display: inline-block;
    font-weight: bold;
}
/*PRアイコン(商品詳細ページ)*/
.sysPr span{
        width: 24%;
        padding: 3px 10px;
        color: #222222;
        font-weight: bold;
        font-size: 13px;
        border-radius: 15px;
        margin: 0 0 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
}
span.icon_online, span.icon_kyobashi{
        display: inline-block;
        background: #ff1000;
        border: 3px solid #ff1000;
        color: #fff;
}
span.icon_book{
        display: inline-block;
  border: 3px solid #ff1000;
        color: #ff1000;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
span.icon_chilled{
        display: inline-block;
        background: #4472c4;
        border: 3px solid #4472c4;
        color: #fff;
        text-indent: 0.5em;
        letter-spacing: 0.5em;
}

/* カートボタン */
.sysCartButton {
    border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    background-color: #222222;
    color: #fff;
    cursor: pointer;
}
.sysCartButton:hover {
    background: #999;
}


/* アーカイブリスト */
.sysItemList ul.sysList li .sysThumbnailImage {
    width: 40%;
    max-width: 200px;
}
/* 4-1-7  商品サムネイル画像 */
.sysItemList ul.sysThumbnail li {
    display: inline-block;
    float: none;
    vertical-align: top;
    letter-spacing: normal;
}
.sysItemList ul.sysThumbnail {
    letter-spacing: -.4em;
}
.sysItemList ul.sysThumbnail input {
    width: 100%;
    padding: 10px 0;
}

/* 商品ぺージ */
/* 商品画像 */

.sysThumbnailImage > span,.sysThumbnailImage > br { 
    display: none;
}

.sysItemImages .sysImageList {
    display: flex;
    flex-wrap: wrap;
    justify-content:flex-start;
}

.sysItemImages .sysImageList li{
    display: inline-block;
    vertical-align: top;
    height: auto;
    width: 24%;
    line-height: 1;
    float: none;
    margin: 0.5%;
}

.sysItemImages .sysImageList:after {
    content: none;
}

.sysItemImages .sysImageList li.sysCurrent img{
	border: 3px solid #c20000!important;
}

/* 商品名 */
.sysItemName h1 { font-size: x-large;}

/* 注文エリア*/
.orderArea {
	display: flex;
    letter-spacing: -.4em;
    text-align: center;
	justify-content: space-between;
}

.orderArea > div {
    width: 44%;
    display: inline-block;
    letter-spacing: normal;
    text-align: left;
    vertical-align: top;
}
.orderArea > .orderArea > div {
    width: 100%;
    display: block;
}



/* 商品ページのタイトル */
.sysItemName,
.sysExplanation > div > span,
.sysReview > span{
    display: block;
    margin-bottom: 0px;
	text-align: left;
	font-weight: 600;
}
/* 商品説明 */
.sysExplanation table {
    width: 100%;
    text-align: center;
    border: 1px solid #999;
    line-height: 2;
}
.sysExplanation thead {
    text-align: center;
    color: #fff;
    background: #999;
}
.sysExplanation td {
    font-size: small;
    text-align: left;
    padding-left: 10px;
}


/* 買い物フォーム */
#sysItemDetail .sysRetailPrice { font-weight: bold;}
#sysItemDetail #sysVariation {
     overflow: hidden;
     margin: 5px auto;
}
#sysItemDetail #sysVariation >div {
    margin: 10px auto;
    overflow: hidden;
}
#sysItemDetail .sysNumArea button {
    display: inline-block;
    width: 48%;
    background: #666;
    padding: 10px;
    border: 1px solid #999;
    border-radius: 5px;
    color: #fff;
}
#sysItemDetail .sysNumArea {
	display: none;
    padding-top: 5px;
    clear: both;
    text-align: right;
}
#sysWishlist .sysButton,
#sysItemDetail .sysCartButton {
    width: 98%;
	/*商品ページのボタンのために削除*/
    /*margin-left: 2%;*/
}
#sysItemDetail .sysShare { padding: 5px 0 0 2%;}
#sysCartInForm { width: 100%;}


#sysItemDetail #sysNumber {
    position: relative;
}
/*div#sysNumber::before {
    content: ;
    color: #c20000;
    margin-bottom: -2rem;
    position: absolute;
    top: 50px;
    font-size: 17px;
}*/

article#\30 001 div#sysNumber::before {
display: none;
}
/* ログインボタン */
.sysLoginButton,
.sysButton {
    border: none;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    background-color: #dddddd;
    color: #000;
    cursor: pointer;
}
.sysLoginButton,
.sysButton:hover {
    background: #999;
}
.sysLoginButton{
    display: block;
    width: 50%;
    margin: 10px auto;
    padding: 20px;
}
/* カートボタン */
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit,
.sysCart #sysMain input[type=submit],
.sysCart #sysMain button[type=submit],
.sysCart #sysMain button {
    background: #666;
    color: #fff;
    text-shadow: none;
}
.sysCartInDone{ margin: 0;}

/* フォームページの基本レイアウト*/
#sysFormIndex #sysMain,
#sysFormConfirm #sysMain,
#sysFormThanks #sysMain,
.sysMemberRegister #sysMain,
.sysMypage #sysMain{
            width: 1100px;
            padding: 20px 150px !important;
            margin: 30px auto;
}
#sysDestination #sysMain{
           width: 1100px;
            border: 1px solid #eee;
            padding: 20px 150px !important;
            margin: 30px auto;
}
#sysFormConfirm label, #sysMemberRegisterConfirm label{
display: block;
  margin: 15px 0 5px!important;
}
#sysFormConfirm .sysFormField #sysMemberRegisterConfirm .sysFormField{
  margin: 10px 0 20px !important;
}
#sysFormConfirm button.sysButton{
  width: 49%;
  float: left;
  margin: 0;
  margin-right: 1%;
  margin-top: 30px;
  height: 50px;
  border-radius: 3px;
  background: #ccc;
  color: #444;
}








#sysFormConfirm .sysNextSubmit{
  width: 49%;
  margin: 0;
  margin-top: 50px;
  margin-left: 1%;
}
#sysMemberRegisterConfirm .sysNextSubmit{
        width: 49%;
  margin: 0;
  margin-top: 20px;
  margin-right: 1%;
        float: left;
}
#sysMemberRegisterConfirm .sysBackButton{
        width: 49%;
  float: left;
  margin: 0;
  margin-left: 1%;
  margin-top: 0px;
  height: 50px;
  border-radius: 3px;
  background: #ccc;
  color: #444;
}
#sysFormThanks .completeText{
  margin: 20px 0;
  text-align: center;
  font-size: 15px;
}
#sysFormThanks .completeText a{
  color: #068acc;
  text-decoration: underline;
}
#sysMemberRegisterRegister #sysMain h2,
#sysMemberRegisterConfirm #sysMain h2,
#sysMemberRegisterIndex #sysMain h2,
#sysFormThanks #sysMain h2,
#sysFormConfirm #sysMain h2,
#sysFormIndex #sysMain h2 {display:none;}
#sysFormIndex #sysMain input {font-size: 15px;}

#sysFormIndex .txtBlock{text-align: center;}
#sysMemberRegisterConfirm  #sysMain > form,
#sysMemberRegisterIndex #sysMain > form,
#sysFormConfirm #sysMain > form,
#sysFormIndex #sysMain > form { padding: 10px;}

#sysMypageReminder #sysMain input[type="text"],
#sysMemberRegisterIndex #sysMain input[type="text"],
#sysFormIndex #sysMain input[type="text"],
#sysFormIndex #sysMain textarea {
        background: #fff;
        border-radius: 0;
        margin: 10px 0 30px
}
#sysMemberRegisterIndex #sysMain input[type="tel"],
#sysMemberRegisterIndex #sysMain input[type="email"] ,
#sysMemberRegisterIndex #sysMain input[type="password"] {
        background: #fff;
        border-radius: 0;
        margin: 10px 0 30px
}

#sysMain .sysFormLabel{
  display:block;
  padding-left: 5px;
  line-height: 25px;
  font-size: 15px;
  margin-bottom: 5px;
}
#sysMain .sysRequired{
  display: inline-block;
  height: 25px;
  line-height: 25px;
  font-size: 15px;
  margin-bottom: 5px;
}
#sysMain textarea { min-height: 75px;}
.sysZipcode button,
.sysZipcode .sysFormField { display: inline-block;}
.sysZipcode .sysFormLabel { display: block;}
.sysZipcode .sysFormField { width: 200px;}
.sysZipcode br{ display: none;}
.sysBirthday input { width: auto!important;}


/* フォーム確認ぺージ */
#sysMypageEditConfirm #sysMain .sysFormField,
#sysMemberRegisterConfirm #sysMain .sysFormField,
#sysFormConfirm #sysMain .sysFormField {
    border: 1px solid #999;
    line-height: 2;
    padding-left: 10px;
    font-size: small;
    border-radius: 3px;
    margin: 5px auto;
    min-height: 20px;
}

/* マイページ */
.sysMypageMajorHeadLine{display:none;}
.SysMypageMinorHeadLine{
        font-size: 18px;
  border-left: 5px solid #3d3d3d;
  padding-left: 5px;
  margin: 20px 0;
}
#sysMypageLogin .sysMypageMinorHeadLine{display: none;}

/* 購入履歴 */
.sysOrderList {
    border: 1px solid rgb(212,212,212);
    padding: 10px;
    max-height: 400px;
    overflow-y: scroll;
}
.sysOrderList li {
    border-bottom: 1px dotted rgb(212,212,212);
    margin-bottom: 5px;
    padding-bottom: 5px;
}

/* Member Profile Editor */
#sysMypageEditDelivery #sysMain > form,
#sysMypageEditMember #sysMain > form
{ padding: 10px;}
#sysMypageEditDelivery #sysMain input,
#sysMypageEditMember #sysMain input {
    line-height: 15px;
    padding: 5px;
    font-size: small;
    margin: 5px auto;
}

#sysMypageEditDelivery #sysMain form:nth-child(2){
	    text-align: center;
}

#sysMypageEditConfirm #sysMain > form { padding: 10px;}

/* Special Point */
.sysSpecialPoint {
    overflow: hidden;
    letter-spacing: -.4em;
}
.sysSpecialPoint > div:nth-child(2n) {
    width: 60%;
}


.sysSpecialPoint > div {
    display: inline-block;
    letter-spacing: normal;
    padding: 5px 10px;
    border-bottom: 1px solid #d5d5d5;
}
.sysSpecialPoint > div:nth-child(2n+1) {
    width: 40%;
}

/* 4-5-4 Coupon List */
.sysCoupon {
    border: 1px solid #d5d5d5;
    margin: 10px;
}

/* マイページ（複数配送先編集画面）*/
.sysSelectAddress{background: none;}
.sysSelectAddress a {
    display: block;
    text-decoration: none;
    border: 0px solid;
    padding: 10px;
}

.sysSelectAddress {
    margin: 10px 0;
}

.sysSelectAddress a:hover {
    background: #eee;
}

/***********************************
  商品詳細ページ
***********************************/
/*商品名*/
#sysItemDetail .sysItemName h1{
	font-weight: 700;
	color:#c20000;
  font-size:27px;
  padding-bottom:5px;
  margin-bottom:10px;
  border-bottom:2.5px solid #c20000;
font-family: 'しっぽり明朝 B1', serif!important;	
}
/*商品番号*/
#sysItemDetail .sysItemId {
  text-align: right;
  font-size:12px;
display: none;	
}
/*価格表示*/
#sysItemDetail .sysRetailPrice {
	    text-align: left;
    margin-top: 3rem;
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
  color: #000;
  font-weight: bold;
}
#sysItemDetail .sysRetailPrice span {
  font-size: 1.1rem;
}
#sysItemDetail .sysRetailPrice span.sysRetailPriceValue {
  font-size:20px;
  font-weight:normal;
  padding-bottom:20px;
}
/*通常価格*/
#sysItemDetail .sysSuggestedRetailPrice {
margin-bottom: -3rem;
    text-align: left;
    font-size: 23px;
    color: #c20000;
}
#sysItemDetail .sysSuggestedRetailPrice span {
  font-size: 15px;
   margin-right: 1rem;
}
/*送料区分*/
#sysItemDetail .sysShippingCost {
  display: inline-block;
  width: auto;
  margin-left: auto;
  margin-top: 5px;
  padding: 0 5px;
  color: #da4636;
  font-weight: bold;
  font-size: 1.1rem;
  border: 1px solid #da4636;
  border-radius: 3px;
}
/*PRアイコン(カテゴリーページ)*/
#sysItemCategory input[type=submit]{margin-top: 0px;}
.sysAddSelection div{margin-bottom: 10px;}
.sysAddSelection { clear: both;}
.sysAddSelection input, .sysAddSelection select{margin: 5px 0;}
.sysItemPrArea{margin-top: 5px;}
.sysItemPrArea span{
        width: 49%;
        height: 30px;
        display: inline-block;
        padding: 3px 0px;
        font-size: 18px;
        line-height: 18px;
        border-radius: 20px;
        font-weight: bold;
        margin: 0 0 5px;
        text-align: center;
}

#sysItemDetail .sysForm select {
  min-width: 450px;
  display: inline-block;
  float: none!important;
        margin: 5px 0;
}
#sysItemDetail .sysForm select[name="num"]{
        min-width: 100px;
	 appearance: auto;
}
#sysItemDetail .sysForm input[type="text"]{margin-top: 5px;}
#sysSelections div{margin-bottom: 10px;}
#sysItemDetail .sysSelections{ line-height: 30px;}
#sysItemDetail #sysVariation {
  width: 100%;
  max-width: 500px;
  overflow: hidden;
  margin-left: auto;
}
#sysItemDetail #sysVariation >div {
  margin: 10px auto;
  overflow: hidden;
}
#sysItemDetail .sysNumArea button {
  display: inline-block;
  width: 48%;
  background: #000;
  padding: 10px;
  border: 1px solid #999;
  border-radius: 5px;
  color: #fff;
}
#sysItemDetail .sysNumArea {
  padding-top: 5px;
  clear: both;
  text-align: right;
}
#sysItemDetail .sysShare {
  padding: 5px 0 0 2%;
}
#sysCartInForm {
  width: 100%;
  margin-left: auto;
}
/*バリエーション*/
#sysItemDetail .sysFormVariationName {
  background-color: #fdf5f5;
}
#sysItemDetail .sysFormVariationTable {
  width: 100%;
  max-width: 500px;
}
/*下部フォーム*/
#sysItemDetail .order_bottom {
  margin: 0 auto 40px;
  text-align: right;
}
/*簡易商品説明*/
#sysItemDetail .sysDescription {
  text-align: left;
	    font-size: 17px;
    line-height: 3rem;
    margin-top: 2rem;
}

/*商品詳細*/
.sysExplanation {
  text-align: center;
}
.sysExplanation img {
  height: auto;
}
#sysItemDetail .itempage_cap{
  margin-bottom:30px;
  font-size:12px;
}
#sysItemDetail .itempage_cap .i_ttl{
  margin-bottom:20px;
  font-size:120%;
  font-weight:bold;
}
#sysItemDetail .itempage_detail h3{
  font-size:18px;
  font-weight:normal;
}
#sysItemDetail .itempage_detail table{
  width:100%;
  margin-bottom:10px;
  border-top: 1px solid #ccc;
}
#sysItemDetail .itempage_detail table tr {
    border-bottom: 1px solid #ccc;
}
#sysItemDetail .itempage_detail table th,
#sysItemDetail .itempage_detail table td {
    padding:10px;
  font-size:12px;
  line-height:1.6;
    text-align: center;
}
#sysItemDetail .itempage_detail table th{
  width:30%;
    border-right: 1px solid #ccc;
}
#sysItemDetail .itempage_detail table td{
  width:70%;
  text-align:left;
    background: #fff;
}
#sysItemDetail .itempage_detail_ttl{
  position:relative;
  margin-top:40px;
  padding:5px 0;
  font-weight:bold;
  font-size:18px;
}
#sysItemDetail .itempage_detail_ttl:after{
  content: "　";
  display:block;
  position:absolute;
  bottom:0;
  left:50%;
  margin-left:-30px;
  width:60px;
  height:2px;
  background-color:#000;
}

#sysItemDetail .sysMainImage img{
  border:1px solid #ccc;
}



/*数量増減*/
#sysItemDetail #sysNumber{
  /*text-align:right;*/
margin: 2rem 0 1rem 0;	
}
#sysItemDetail .sysNumArea {
  margin-bottom: 20px;
}
#sysItemDetail .sysNumArea button {
  overflow: hidden;
  display: inline-block;
  width: 25%;
  padding: 10px;
  text-indent: -999px;
  border: 1px solid #b9b9b9;
  border-radius: 5px;
  background: #f1f1f1;
  cursor: pointer;
}
#sysItemDetail .sysNumArea button:hover {
  background-color: #efefef;
}
#sysItemDetail .sysNumArea .sysBtnPlus {
  border-color:#b9b9b9;
  background: url(/img/layout/system/btn_plus.png) center center no-repeat;
  background-size: 65px;
  width: 37%;
}
#sysItemDetail .sysNumArea .sysBtnMinus {
  border-color:#b9b9b9;
  background: url(/img/layout/system/btn_minus.png) center center no-repeat;
  background-size: 90px;
  width: 37%;
}
/*カートに入れる*/
#sysItemDetail .sysCartButton {
	    border-radius: 40px;
     padding: 1.5rem 0!important;
  text-indent: -999px;
  background: #c20000 url(/img/layout/system/btn_cart.png) center center no-repeat;
  background-size:140px;
}
#sysItemDetail .sysCartButton:hover {
  opacity:0.8;
}
#sysItemDetail .sysGoCartButton {
  background: #da4636 url(/img/layout/system/btn_cart2.png) center center no-repeat;
  background-size: 127px;
}
/*お気に入り*/
#sysItemDetail #sysWishlist .sysButton {
border-radius: 40px;	
  overflow: hidden;
  text-indent: -999px;
  border: 1px solid #b9b9b9;
  background: #fff url(/img/layout/system/btn_favo.png) center center no-repeat;
  background-size: 100px;
}
#sysItemDetail #sysWishlist .sysButton:hover {
  background-color: #efefef;
}
.modaal-container {
    max-width: 750px !important;
    padding: 30px 8%;
    box-shadow: none !important;
    color: #333 !important;
}
.sysWishListButton{
	background: #ddd;
    border: 1px solid #999;
    border-radius: 3px;
    text-decoration: none;
}
/* お気に入り登録時の画面 */
/* バツボタン */
.modaal-close{
	width: 50px;
    height: 50px;
    width: 22px !important;
    height: 22px !important;
    position: absolute !important;
    right: 50%!important;
    left: 50%!important;
    top: 15px !important;
    border-radius: 0 !important;
    border: 1px solid #da4636!important;
    background-color: #fff !important;
    transform: translateX(-50%)!important;
    -webkit-transform: translateX(-50%)!important;
    -ms-transform: translateX(-50%)!important;
}
.modaal-close:after, .modaal-close:before {
    display: block;
    content: " ";
    position: absolute;
    top: 0.3px!important;
    left: 8px!important;
    width: 4px;
    height: 22px;
    border-radius: 4px;
    background: #da4636!important;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}
@media (min-width: 1024px)
.modaal-close {
    width: 44px !important;
    height: 44px !important;
    right: 30px !important;
    top: 30px !important;
}
button, input, optgroup, select, textarea {
    font: inherit;
}

/* サンプルイメージ */
.mdl-dialog__image::before {
    content: "お気に入り登録完了";
    margin-bottom: 15px;
    display: block;
    text-align: center;
    font-size: 1.3rem;
}
.mdl-dialog__image {
    width: 88.81%;
    max-width: 250px;
    margin: auto;
}
.massage{
  text-align: center;
}
/* ログインボタン */
.sysWishlistLoginButton{
  width: 167px;
    /* height: 35px; */
    line-height: 35px;
    position: relative;
    background-color: #da4636;
    text-align: center;
    font-size: 1.3rem;

    transition: .2s;
    color: #fff;
}
.sysWishlistLoginGroup {
    margin: auto auto 30px!important;
    text-align: center;
}

:after, :before {
    text-decoration: inherit;
    vertical-align: inherit;
    background-repeat: no-repeat;
    box-sizing: inherit;
}
@media (min-width: 1024px){
	.mdl-dialog__content {
    padding: 0 0 30px !important;
    font-size: 1.6rem !important;
}
}

/* 会員登録ボタン */
.sysWishlistMemberRegisterGroup::before {
    content: "会員登録をされていないお客様はこちら";
    margin-top: 12px;
    display: block;
    font-size: 1.1rem;
    text-align: center;
}
.sysWishlistMemberRegisterGroup {
    width: 80%;
    text-align: center;
    height: 92px;
    border: 1px solid #bbb;
    position: relative;
    background-color: #fff;
    margin: auto auto 30px!important;
}
.sysWishlistMemberRegistButton{
  width: 167px;
    /* height: 35px; */
    line-height: 35px;
    position: relative;
    background-color: #da4636;
    text-align: center;
    font-size: 1.3rem;
    transition: .2s;
    color: #fff;
}
/* この画面を閉じるボタン */
.sysWishlistCloseBottomButtonGroup button {
    border-bottom: 1px solid #da4636;
    transition: .2s;
    background-color: transparent;
    border-radius: 0px;
}
.sysWishlistCloseBottomButtonGroup {
    margin-top: 30px;
    text-align: right;
    font-size: 1.3rem;
}

/*SNSボタン*/
#sysItemDetail .sysShare {
  padding: 5px 0 0 2%;
  text-align: right;
}
#sysItemDetail .sysShare .sysFacebook {
  position: relative;
  top: -6px;
}
#sysItemDetail .sysShare .sysGoogleplus {
  width: 58px;
}
#sysItemDetail .sysShare .sysLine, #sysItemDetail .sysShare .sysDisplayPcNone {
  display: inline-block !important;
}
#sysItemDetail .sysShare .sysLine {
  position: relative;
  top: 0px;
}
/*.sysReview*/
#sysItemDetail .sysReview {
  margin: 20px 0 40px;
}

/*テーブルデザイン*/
.sysExplanation table{
  margin-bottom:40px;
  border:none;
  border-top:1px solid #ccc;
}
.sysExplanation table tr{
  border-bottom:1px solid #ccc;
}
.sysExplanation table th,
.sysExplanation table td{
  padding:3px 10px;
  text-align:center;
  border:none;
}
/*商品ページ用おすすめ商品*/
.itempage_recommend .sysItemBlock .sysHorizontal li{
  width:25%;
  padding:0 10px;
}
.itempage_recommend .sysItemName{
  margin-bottom:0;
  font-size:14px;
  text-align:left;
}
.itempage_recommend .sysItemPrice{
  text-align:left;
}
/*商品ページ成分表*/
#sysItemDetail .show_bx{
  margin-bottom:30px;
}
#sysItemDetail .show_bx_inner{
  margin-bottom:10px;
}
#sysItemDetail .btn_tr{
  padding:10px 0 10px 35px !important;
  background:#e4e4e4 url(/img/layout/system/ico_plus.png) 10px center no-repeat !important;
  background-size:18px !important;
  cursor:pointer;
}
#sysItemDetail .active{
  background-size:18px !important;
}
#sysItemDetail .contents_tr{
  background-color:#f5f5f5;
}
#sysItemDetail .contents_tr td{
  background-color:#f5f5f5 !important;
}
#sysItemDetail .contents_tr table{
  margin-bottom:0;
}

/***********************************
  カートページ
***********************************/
/*カートページ内レイアウト調整*/
.sysCart .header_h1_under,
.sysOpcBody .header_h1_under{
  float:none;
  padding:10px 0;
  width:100%;
  height:auto;
  background-color:#fff;
}
.sysCart .header_h1_under a,
.sysOpcBody .header_h1_under a{
  display:block;
  width:160px;
  margin:0 auto;
}
.sysCart .header_h1_under .logo img,
.sysOpcBody .header_h1_under .logo img{
  float:none;
  margin-right:0;
}
.sysCart .header_h1_under .head_title,
.sysOpcBody .header_h1_under .head_title{
  text-align:center;
}
/*
.sysCart .header_wrap {
    border-bottom:none;
    height:auto;
    position:inherit;
}*/

.sysCart #sysWrap {
    margin:120px auto 0;
}
.sysCart #sysMain,
.sysOpcBody #sysMain{
  max-width: 1100px;
  padding: 120px 150px 0;
  margin:0 auto;
}

.sysOpcBody #cartInfo p.cartTxt{
	margin: -5px;
}

.sysCart #sysMain, .sysCart #sysMain a {
  color: #000;
}
.sysCart .sysBox, .sysCart .sysSelectPaymentArea,
.sysCart .sysSelectDeliveryArea, .sysCart .sysRemarksArea,
.sysCart .sysSelectOptionArea, .sysCart .sysDetail,
.sysCart .sysOrder .nav,
.sysCart .sysAcceptDomainArea,
.sysCart .sysRepeatOrderSetting {
  background-color: #ffffff;
  border: 1px solid #cfcfcf;
  border-radius: 0;
  box-shadow: none;
  margin: 5em auto 2em;
  padding: 1em;
}

.sysCart .sysBox hr {
  display: block;
  border: 0;
  height: 0;
  border-bottom: 1px solid #cfcfcf;
  margin: 5px 0;
  padding: 0;
}
.sysCart #sysMain input[type="text"],
.sysCart #sysMain input[type="password"],
.sysCart #sysMain input[type="email"],
.sysCart #sysMain input[type="number"],
.sysCart #sysMain input[type="tel"],
.sysCart #sysMain input[type="search"],
.sysCart #sysMain textarea {
  background: none;
  border-radius: 0;
  border: 1px solid #dddddd;
}
.sysCart .sysTotalTxt {
  text-shadow: none;
}
.sysTotal .sysTotalTxt .sysCartAttention {
  font-size: 2rem;
}
.sysCart .sysSubTotalArea {
  margin: 10px 0;
}
.sysCart .sysNextSubmitArea {
  margin-bottom: 20px;
}
.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
  width: 100%;
  padding: 10px;
  margin: 5px 0;
  color: #fff;
  font-weight: bold;
  text-shadow: none;
  border-radius: 5px;
  background: #da4636 !important;
  border: none;
}
.sysCart .sysCartAttention, .sysCart .sysRequired {
  color: #da4636;
  font-weight: bolder;
}
.sysCart .sysGetPoint {
  color: #da4636;
  font-weight: bolder;
}
.sysCart .sysCartNote {
  color: #000;
  font-size: 90%;
}
.sysCart .sysCartTitle {
  color: #000;
  font-size: large;
  font-weight: bolder;
  background-color: #fff;
  padding: 0;
  margin-bottom: 2-px;
}
.sysCart .sysCartTitle span {
  font-size: 1.2rem;
}
.sysCart #sysMain input {
  background: #fff;
}
.sysCart #sysMain input[type="submit"], .sysCart #sysMain button[type="submit"], .sysCart #sysMain button {
  display: inline-block;
  padding: 10px;
  width: auto;
  height: auto;
  color: #000;
  background: #fff;
  border-radius: none;
  border: 1px solid #999;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sysCart .sysDeleteArea, .sysCart .sysConfirmButton {
  text-align: right;
}
.sysCart .sysNavImg {
  text-align: center;
         margin-top: 10px;
  margin-bottom: 20px;
}
.sysCart .sysFreeArea {
  color: #000;
  margin: 20px 0;
}

.sysFreeArea{
    margin-top: 0 ;
    margin-bottom: 3rem;
}
.sysSelectPayment li:last-child,
.sysSelectDelivery li:last-child,
.sysSelectOption li:last-child,
.sysCart .sysDetail li:last-child,
.sysRemarks, .sysCart .sysOrder .nav li:last-child {
  border-bottom: none;
}
.sysCart .sysAcceptDomainArea input {
  padding: 0 10px!important;
}
.sysCart .cart_btn {
  color: #000;
  text-align: center;
  margin-top: 40px;
}
.sysCart .cart_btn p {
  margin: 0;
  padding: 0;
}
.sysCart .cart_btn .btn {
  margin-top: 5px;
}
.sysCart .cart_btn img {
  width: 200px;
  border: 1px solid #d0d0d0;
}

#sysBasket #cartInfo p.cartTxt{
	margin: -5px;
    font-size: 12px;
    margin-top: -3px;
	font-weight: 600;
}

#sysBasket #cartInfo p.cartTxt img{
	    margin-top: -6px!important;
}

.sysCart .cart_info .sysContent {
  max-width: 300px;
  color: #000;
  text-align: center;
  font-weight: bolder;
  font-size: 13px;
  border: 1px solid #d0d0d0;
  border-radius: 5px;
  margin: 1em auto 0 auto;
  padding: 10px;
  background-color: #fff;
}

.sysCart #sysMain .sysConfirmButton input[type="submit"] {
  width: auto;
}
.sysCart #sysMain select {
display: inline-block;

}
.sysCart .sysBtnChange {
  margin-bottom: 10px !important;
}
/*登録せずに購入*/
#sysBillingAddress .input-append input[type="text"] {
  display: inline-block;
}
/*都道府県*/
#sysBillingAddress .sysPrefState select {
  width: 200px;
}
/*性別*/
#sysBillingAddress .sysGender {
  margin-bottom: 20px;
}
#sysBillingAddress .sysGender input {
  vertical-align: middle;
}
#sysBillingAddress .sysGender label {
  display: inline-block;
  margin-right: 20px;
}
/*メルマガ*/
#sysBillingAddress .sysAcceptMailmagazine {
  margin-bottom: 20px;
}

/*注文確認ページ*/

.opcOrderSummary_totalCartOptionPriceAndLabelGroup,.opcOrderSummary_feeAndLabelGroup{
	display: none;
}

/*注文完了ページ*/
.cart_completion {
  text-align: center;
}
#sysThanks form[name="AmazonLogout"]:after{
	content:'\A～領収書をご希望のお客さまへ～\A領収書ご希望の場合は会員登録必須となります。\A下記よりご登録をお願い致します。';
	 white-space: pre;
	color: #c20000;
}
/*ご注文番号*/
#sysThanks #sysMain .sysOrderNumber {
  font-size: 1.5rem;
  font-weight: bold;
}
/*お買い物を続ける*/
body#sysBasket .sysBackButton2 {
  font-weight: bold;
  background: #b4f4ff !important;
  border-color: #000 !important;
}

/*カートボタン*/

#sysThanks #cartInfo p.cartTxt{
	    padding-top: 0.4rem!important;
	
}
#sysThanks #cartInfo p img{
	    margin-bottom: -0.5rem!important;
}

/***********************************
  ワンページカート
***********************************/

.mdl_btn_.opcDialog, form.opcUseAmazon{
  width:100%;
  padding-right:0;
}
.sysCart #sysMain h3{
  font-size:20px;
}
.sysCart #sysMain #show-dlg-1,
.sysCart #sysMain #show-dlg-1_low,
.sysCart #sysMain .sysOpcNextSubmit,
.sysCart #sysMain .sysNextSubmit{
  display:block;
  width: 100% !important;
  padding:15px 10px !important;
  margin: 5px 0 !important;
  color: #fff !important;
  font-size:1.2rem;
  line-height:1;
  font-weight: bold;
  text-shadow: none;
  box-shadow: none;
  border:none !important;
  border-radius: 5px;
  background: #da4636 !important;
}
.sysCart #sysMain #show-dlg-2,
.sysCart #sysMain #show-dlg-3{
  display:block;
  width: 100% !important;
  padding: 10px;
  margin:0 0 30px !important;
  color: #fff !important;
  font-size:1.2rem;
  line-height:1;
  text-shadow: none;
  box-shadow: none;
  border:none !important;
  border-radius: 5px;
  background: #000 !important;
}
.sysCart #sysMain #show-dlg-3{
  color: #fff !important;
  background: #da4636 !important;
}
.sysCart #sysMain .next_btn{
  color: #fff !important;
  font-size:1rem;
  line-height:1;
  border:none !important;
  background: #000 !important;
}
.sysCart #sysMain #order_price_confirm_btn{
  color: #fff !important;
  width: 100% !important;
  box-shadow: none;
  background: #000 !important;
}
.sysCart #sysMain .mdl-js-button{
  box-shadow: none;
}
.sysCart #sysMain #change-to-billAddr,
.sysCart #sysMain #show-dlg-addrList,
.sysCart #sysMain #show-dlg-inputAddr{
  line-height:1;
  border:none !important;
  background: #000 !important;
}
.sysCart #sysMain p.user_type{
  font-size:1.2rem;
}
.sysOpcProduct .sysOpcItemName{
  font-size:1.2rem;
}

/*情報入力ページ調整*/
.sysOpcBody div#sysWrap {
  margin: 0 auto;
}
.sysOpcBody div#sysMain {
  padding: 3em 200px 0;
  margin-bottom: 60px;
}
.sysOpcBody .header_wrap {
  height: auto;
  position: static;
  border-bottom: none;
    margin-top: 50px;
padding-bottom: 5px;
}

.sysOpcBody .header_h1_under a {
  pointer-events: none;
}
.sysOpcBody .footer .f_gnav_all {
  display: none;
}
input[type="button"],
select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
}
select {
  padding: 0 .5em;
}
.sysOpcBody img {
  max-width: 100%;
}
.opcCommonInputText,
.opcCommonInputSelect,
.opcCommonInputRadio,
.opcCommonInputCheckbox {
  margin-left: 0 !important;
}
.opcCommonEditModeBlock {
  background: #fff !important;
  padding: 20px;
}
.opcOrderSummaryTitle,
.opcBillingAddressTitle,
.opcDeliveryAddressTitle,
.opcItemTitle,
.opcPaymentMethodTitle {
  font-size: large !important;
  margin-bottom: 0.5em;
}
.opcItem{
    padding: 3%;
    border: 1px solid #9b9b9b;
    margin-top: 10px
}
.opcCommonInputSelect,
.opcCommonButton {
  /*width: 100px !important;*/
  background: #fff !important;
}
.opcCommonInputSelect {
  background: #f1f1f1 !important;
}
.opcBillingAddress_completeButton_edit,
.opcDeliveryMethod_completeButton_edit,
.opcPaymentMethod_completeButton_edit,
.opcItem_completeButton_edit,
.opcDeliveryAddress_completeButton_edit,
.opcPointAndCouponDialog_applyButton_edit,
.opcRemarks_completeButton_edit {
  background: #da4636 !important;
  border: 1px solid #da4636 !important;
  color: #fff !important;
  font-weight: bold;
}
.opcConfirm_inputStatus {
  display: block !important;
  width: 700px !important;
  margin: 0 auto 1em;
  background: #da4636 !important;
  color: #fff !important;
  border: 1px solid #da4636 !important;
  font-weight: bold;
}
.opcConfirm_inputStatus_disable {
  display: block !important;
  width: 700px !important;
  margin: 0 auto 1em;
  background: #ccc !important;
  color: #000 !important;
}
.opcConfirm_order {
  display: block !important;
  width: 700px !important;
  margin: 0 auto;
  background: #da4636 !important;
  color: #fff !important;
  border: 1px solid #da4636 !important;
  font-weight: bold;
}
.opcConfirm_order_disable {
  display: block !important;


  width: 700px !important;
  margin: 0 auto;
  background: #ccc !important;
  color: #000 !important;
}
.opcItem_increaseNumButton_edit,
.opcItem_decreaseNumButton_edit {
  width: 30px !important;
  background: #f1f1f1 !important;
}
.opcCommonButtonGroup {
  margin-top: 1em;
}
.opcBillingAddress_genderMaleAndLabelGroup_edit,
.opcBillingAddress_genderFemaleAndLabelGroup_edit {
  width: 15% !important;
}
.opcBillingAddress_acceptMailmagazineYesLabel_edit {
  margin-top: 1em;
  display: inline-block;
}
.opcOrderSummary_totalPriceAndLabelGroup {
  padding-bottom: 10px !important;
}
.opcCommonEditLabel {
  margin-top: 1em;
  border-left: 0px;
}
.opcOrderSummary_priceBreakDownGroup {
  padding-top: 1em;
  padding-bottom: 1em;
}
.opcOrderSummary_feeAndLabelGroup,
.opcOrderSummary_usePointPriceAndLabelGroup {
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.opcBillingAddress_prefState_edit {
  margin: 5px 0;
}
.opcBillingAddressButtonGroup_edit,
.opcDeliveryAddress_buttonGroup,
.opcDeliveryMethod_buttonGroup_edit {
  padding: 1em 0;
}
.opcDeliveryMethod_hopeDeliveryDateAndLabelGroup_edit,
.opcDeliveryMethod_hopeDeliveryTimeAndLabelGroup_edit {
  margin-bottom: 1em;
}
.opcItem_itemSubTotalPriceAndLabelGroup {
  padding-bottom: 1em;
  margin-bottom: 1em;
}
.opcDeliveryAddressAndDeliveryMethodGroup,
.opcItemList {
  margin-bottom: 0 !important;
  border: none !important;
  padding: 0 !important;
  position: static !important;
}
.opcBillingAddress .opcCommonReferenceLabel {
  width: 70px;
  display: inline-block;
  position: relative;
}
.opcBillingAddress .opcCommonReferenceLabel::after {
  position: absolute;
  right: 0;
}
.opcDeliveryMethod .opcCommonReferenceLabel {
  width: 123px;
  display: inline-block;
  position: relative;
}
.opcDeliveryMethod .opcCommonReferenceLabel::after {
  position: absolute;
  right: 0;
}
.opcCommonRequireLabel {
  color: #da4636 !important;
  font-weight: bold;
}
.opcRemarks_remark_edit {
  width: 100% !important;
}
.opcDeliveryAddressEditDialog_directChangeButtonAndLabelGroup {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 2em;
}
.opcDeliveryAddressEditDialog_directChangeLabel {
  width: 100%;
}
.opcDeliveryAddressEditDialog_directChangeButtonAndLabelGroup .opcCommonButton {
  width: calc(32% - 1em) !important;
}
.opcItem_itemName {
  font-weight: bold;
  font-size: 15px;
}
.opcConfirm_headerErrorMessage {
  width: 100% !important;
  max-width: 800px;
}
.opcRemarks_remark,
.opcRemarks_cartOption {
    margin-left: 0 !important;
    width: 100% !important; ;
    white-space: normal !important; ;
}
#sysOpc > form + div {
  margin-bottom: 60px !important;
}
.opcDeliveryMethod_normalShippingDetailAndLabelGroup_edit {
  padding-left: 0 !important;
  margin-left: 0 !important;
  border-bottom: none !important;
}
.opcDeliveryAddress {
  border-bottom: 1px solid #9b9b9b;
  margin-bottom: 1em;
}
.opcDeliveryMethod_hopeDeliveryDateLabel_edit {
  width: 126px;
  display: inline-block;
}

/*完了ページ調整*/
#sysThanks #sysMain {
  border: none;
}
#sysThanks .sysNavImg {
  display: none;
}
#sysThanks.sysCart .sysBox:nth-of-type(2) div:nth-of-type(1),
#sysThanks.sysCart .sysBox:nth-of-type(2) div:nth-of-type(2) {
  margin-bottom: 1em;
}

/***********************************
  検索ページ
***********************************/
#sysItemSearch div#sysMain {
  max-width: 980px;
  margin: 20px auto 40px;
}
#sysItemSearch .sysThumbnail .sysItemPrArea {
  text-align: left;
  margin-top: 5px;
}
#sysItemSearch #sysMain h2 {
  font-size: 13px;
  margin-bottom: 10px;
}
#sysItemSearch #sysMain .sysItemSearchForm {
  font-size: 12px;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #ededed;
}
#sysItemSearch #sysMain .sysItemSearchFormWord {
  margin-bottom: 5px;
}
#sysItemSearch #sysMain .sysItemSearchFormWord input {
  height: 40px;
  vertical-align: bottom;
  border: 1px solid #d0d0d0;
}
#sysItemSearch #sysMain .sysSearchButton {
  display: block;
  margin: 10px auto;
  padding: 10px;
  width: 95%;
  border: none;
  background: #222222;
  color: #fff;
  font-size: 120%;
  cursor: pointer;
  border-radius: 3px;
}
#sysItemSearch #sysMain .sysItemSearchFormRange input {
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
#sysItemSearch #sysMain .sysItemSearchFormRange,
#sysItemSearch #sysMain .sysItemSearchFormCategory,
#sysItemSearch #sysMain .sysItemSearchFormSort,
#sysItemSearch #sysMain .sysItemSearchFormLimit {
  display: inline-block;
  margin: 5px auto;
}
#sysItemSearch #sysMain .sysItemSearchFormRange input {
  padding: 10px;
}

/***********************************
  お問い合わせ
***********************************/
#sysFormConfirm .sysNextSubmit{
  width:100%;
  margin:20px 0 0 !important;
}
#sysFormConfirm button.sysButton{
  width:30%;
  margin-bottom:20px;
}

/***********************************
  新規会員登録
***********************************/
.sysMemberRegister #sysWrap{
  margin: 160px auto 0;
}

/***********************************
  マイページ
***********************************/
.sysMypage #sysWrap{
  margin:160px auto 0;
}
.sysMypage input[type="submit"]{
 margin: 0 auto;
}

/* マイページボタン */
.sysMypageNav > form {
    display: inline-block;
    width: 48%;
    vertical-align: top;
	margin: 5px;
}
.sysMypageNav .sysButton {
    width: 100%;
    display: block;
    font-size: 15px;
  margin: 5px 0;
  padding:15px 0;
}

.sysMypage .sysMypageNav{
	text-align: center;
}

#sysMemberRegisterIndex .sysNextSubmit{
  width: 49%;
  float: left;
  margin-right: 1%;
  border-radius: 5px;
  height: 50px;
  font-size: 15px;
}
#sysMemberRegisterIndex .sysButton[type="submit"]{
  width: 49%;
  float: left;
  margin-right: 1%;
  border-radius: 5px;
  height: 50px;
  font-size: 15px;
  margin-top: 10px;
}
#sysMypageLogin .sysLoginButton{
  width: 49%;
  float: left;
  margin-right: 1%;
  font-size: 15px;
}
#sysMypageLogin .sysButton{
  width: 49%;
  margin-left: 1%;
  font-size: 15px;
}

/***********************************
  ヘッダー
***********************************/
.header_wrap{
  position: fixed;
  height: 140px;
  top: 40px;
  left: 0; 
  right: 0;
  margin: auto;
  background: #fff;
  z-index: 100;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);
}
.header_wrap_inner{
  max-width:1100px;
  margin: 10px auto 0;
}
.h_inner{margin: 15px 0 0;}
.header_h1_under, .header_h1{
  width: 560px;
  height: 80px;
  float: left;
}
.header{
  height: 80px;
  float: left;
}
.logo img{
  width: 300px;
  margin-right: 15px;
  float: left;
}
.head_title{
  font-size: 11px;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  letter-spacing: 1px;
        margin-top: 0 !important;
        padding-top: 0 !important;
	color:#000;
}
.header .g_navi li{
  float: left;
  text-align: center;
}
.header .g_navi li a{
	align-items: center;
  display: flex;
	justify-content: center;
  width: 120px;
  margin: 15px 5px 0;
  height: 30px;
  line-height: 28px;
  font-weight: bold;
  font-size: 12px;
  border-radius: 20px;
	background-color: #f5f2f2;
	padding: 16px 0;
}

.header .g_navi img{
	margin-right: 4px;
	    margin-top: -1px;
    width: 12px;
}

.header .g_navi li i{margin-right: 5px;}

.header{
	 width: 395px;
    height: 80px;
    float: left; 
}



/***********************************
  カート情報
***********************************/
#cartInfo{
float: right;
    position: relative;
    margin-top: 15px;
    margin-left: 5px;
    width: 120px;
    height: 30px;
    line-height: 28px;
    font-weight: bold;
    font-size: 12px;
    border-radius: 20px;
   background: #c20000;
    color: #fff;
    text-align: center;
    cursor: pointer;
}
#cartInfo p.cartTxt{
     margin: -2px;
    line-height: 21px;
    padding-top: 5px;
    font-size: 10px;
	display: flex;
    justify-content: center;
    align-items: center;
}
#cartInfo p img{
  width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
}
#cartInfo i{
  margin-right: 5px;
}
.h_cart{
  display: none;
  width: 280px;
  height: 145px;
  position: absolute;
  top: 40px; right: 5px;
  border: 1px solid #aaa;
  background: #fff;
  color: #000;
  z-index: 110;
  padding: 10px 20px;
}
.h_cart dl{
  font-size: 12px;
  margin-bottom: 0px;
}
.h_cart dl:after{
  display: block;
  content: "";
  clear: both;
}
.h_cart dt, .h_cart dd{float: left;}
.h_cart dd span{
  display: inline-block;
  color: #da4636;
  font-weight: bold;
  padding: 0 5px;
}
.h_cart .sysCartInfoCartIn a{
display: block;
    background: #c20000;
  color: #fff;
    width: 100%;
    margin: 10px 0% 5px;
    height: 50px;
    padding: 12px 0 0;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
}


.h_cart .sysCartInfoCartIn a img{
  display: inline-block;
  width: 25px;
  height:25px;
  margin-right: 5px;
}
.h_cart .sysCartInfoCartIn a i{margin-right: 5px;}

/* カート内商品数表示 */
button.itemCount{
  display: none;
  border:none;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  margin-left: 5px;
  color: #222222;
  background: #fff;
  border-radius: 10px;
}


/***********************************
  ナビゲーション
***********************************/
.h_navi{
  width: 100%;
  height: 60px;
    margin-bottom: 10px;
}
.h_navi2{
  width: 100%;
  height: 60px;
    margin-bottom: 10px;
}
#headNavigation{
  max-width: 1100px;
  margin: 0 auto;
        height: 60px;
}

#headNavigation ul{
	display: flex;
	justify-content: space-evenly;
	padding-left: 7rem;
	align-items: center;
}

#headNavigation .pcnone{display: none;}
#headNavigation li.tab1{
  /*width: 200px;*/
  float: left;
  text-align: center;
}

#headNavigation li a{
    display: block;
  font-weight: 700;
	color: #c20000;
}
#headNavigation li a span{
  display: block;
  font-size: 10px;
}
/*グロナビのliごとの線*/
/*
.tabmenu .border:after{
  background-color: #000;
    content: " ";
    height: 15px;
    margin-top: -35px;
    position: absolute;
    right: 0;
    top: 42px;
    width: 1px;

}*/

/*ナビゲーショントグル*/
.tabmenu:before{
  display: block;
  content: "";
  clear: both;
}
.tabmenu{
  margin: 10px 0 0;
}
.toggleNav{
  display: none;
  width: 220px;
  position: absolute;
  height: 0px; /*heightはjs制御*/
  top: 50px; left:0;
  background: rgba(255,255,255,1);
  z-index: 110;
  box-shadow:2px 2px 4px 0px #ccc;
  -moz-box-shadow:2px 2px 4px 0px #ccc;
  -webkit-box-shadow:2px 2px 4px 0px #ccc;
}
.toggleNav:hover{
  overflow: visible !important;
}
.tabmenu li.tab1{
  position: relative;
}
.tabmenu li.tab1 a{
  font-size:14px;
}
.tabmenu li.tab2{
  text-align: left;
  height: 35px;
  border-bottom: 1px dotted #ccc;
  position: relative;
}
.tabmenu li.tab2:hover{background: #ededed;}
.tabmenu li.tab2 a{
  display: block;
  position: relative;

  padding: 10px;
  font-size: 12px !important;
  line-height: 15px;
    font-weight: bold;
}
.tabmenu li.tab2 a i{
  position: absolute;
  right: 10px;
  top: 10px;
}
.tabmenu li.tab2 .subCategory{
  position: absolute;
  width: 200px;
  left:200px; top: 0px;
  background: rgba(255,255,255,1);
  visibility: hidden;
  transition: all .10s ease;
  z-index: 120;
  box-shadow:2px 2px 4px 0px #ccc;
  -moz-box-shadow:2px 2px 4px 0px #ccc;
  -webkit-box-shadow:2px 2px 4px 0px #ccc;

}
.tabmenu li.tab2:hover .subCategory{
  visibility: visible;
}
.tabmenu li.tab3{
  font-size: 14px;
  height: 35px;
  border-bottom: 1px dotted #ccc;
    font-weight: bold;
}
.tabmenu li.tab3:hover{background: #ededed;}

/***********************************
  フッター
***********************************/
.footer{
  width: 100%;
  margin: 50px 0 0;
  text-align: center;
  background: #ededed;
  letter-spacing: 2px;
}
.footer .f_navi_all{
  width: 1000px;
  margin: 0 auto;
  padding: 10px 0 0;



}
.footer .f_navi h3{
  margin: 10px 0 0;
  font-size: 15px;
}
.footer .f_navi ul{
  width: 671px;
  text-align: left;
  margin: 0 auto;
}
.footer .f_navi li{
  display: inline-block;
  padding: 0 15px 0 5px;
  margin: 10px 5px 0;
  font-size: 15px;
  position: relative;
}
.footer .f_navi li:after{
  background-color: #000;
    content: "　";
    height: 10px;
    margin-top: -35px;
    position: absolute;
    right: 0;
    top: 41px;
    width: 1px;
}
.footer .f_navi .b_none{border-right: 0px;}
.footer .telephone{
  margin: 20px 0 5px;
}
.footer .telephone .telephone01{
  width: 250px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #000;
  border-radius: 15px;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  margin-right: 10px;
}
.footer .telephone .telephone02{
  width: 300px;
  display: inline-block;
  margin-left: 10px;
  font-weight: bold;
}
.footer .telephone .telephone02 a{
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-size: 25px;
}
.footer .telephone .telephone02 a img{
  display: inline-block;
  height: 30px;
  margin-right: 10px;
}
.footer .telephone:after{
  display: block;
  content: "";
  clear: both;
}
.footer .time{
  font-size: 15px;
  margin: 0 0 10px;
}
.footer .f_gnav_all{
  background: #c3c3c3;
  padding: 15px 0 10px;
  letter-spacing: 2px;
}
.footer .f_gnav li{
  display: inline-block;
  padding: 0px 20px 0 15px;
  font-size: 12px;
  position: relative;
}
.footer .f_gnav li:after{
  background-color: #000;
    content: "　";
    height: 10px;
    margin-top: -35px;
    position: absolute;
    right: 0;
    top: 40px;
    width: 1px;

}
.footer .f_gnav li:last-child{
  border-right: 0px;
}
.footer .f_gnav{margin-bottom:  5px;}
.footer .f_copy{
  background: #fff;
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
}

/***********************************
  フッター部分のご利用ガイド
***********************************/
.f_guide{
  width: 100%;
  border-top: 2px solid #222222;
  margin-top: 50px;
}
.f_guide .sysContent{
  width: 1100px;
  margin: 0 auto;
}
.f_guide .Title{
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  padding: 10px 0 30px;
}
.f_guide .clearfix{
  font-size:0;
}
.f_guide .guideBlock{
  display:inline-block;
  width: 550px;
  font-size:14px;
  vertical-align:top;
}
.f_guide .guideBlock:after{
  display: block;
  content: "";
  clear: both;
}
.f_guide .guide01{padding-right: 50px;}
.f_guide .guide02{padding-left: 50px;}
.f_guide .guideTitle{
  width: 120px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #000;
  border-radius: 15px;
  margin-bottom: 10px;
}
.f_guide p{
  font-size: 15px;
  line-height: 22px;
  margin: 5px 0;
}
.f_guide .mt{margin-top: 20px;}
.f_guide .smaller{font-size: 12px;}

.f_guide .freedial{
    background: rgba(0, 0, 0, 0) url("/img/common/dial.png") no-repeat scroll left center / 45px auto;
    display: inline-block;
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
    padding-left: 50px;
}

/*ボタン*/
.f_guide .common_btn{
  margin: 10px auto;
}
.f_guide .common_btn a{
  font-size: 13px;
  padding:10px 0;
}

/* ページトップに戻る*/
.pagetop{
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 52px;
  height: 52px;
  text-align: center;
        z-index:999999;
}
.pagetop #page-top{
  display: none;
  color: #fff;
  font-size: 11px;
  line-height: 14px;
  background: #000;
  border-radius: 5px;
  padding-top: 4px;
  height: 51px;
}
.pagetop #page-top:hover{
  background:#999;
}

/***********************************
  サイド
***********************************/
/*検索ボックス*/
.side_search{margin-bottom: 30px;}
.side_search form{border:none;}
.side_search input[type="search"]{
  height: 40px;
  border: 1px solid #ddd;
  margin-bottom: 5px;
}
.side_search .sysItemSearchFormWord {
    float:none;
    width:100%;
  margin-bottom:5px;
}
.side_search .sysSearchButton{
  float:none;
  width: 100% !important;
  height: 40px;
  border-radius:5px;
  background: #000 url(/img/common/ico_search.png) no-repeat center center;
  background-size: 70px;
  text-indent: -999px;
}

.side_navi .sysHeadline,
.side_navi_item .sysHeadline{
    font-size: 14px;

    margin:0 !important;
    text-align:left;
  font-weight:bold;
  letter-spacing:2px;
    width:auto;
  border-bottom:1px solid #222222;
}
.side_navi .sysHeadline:before,
.side_navi_item .sysHeadline:before{
  content:none;
}
.side_navi a{
  position:relative;
  padding:7px 5px 7px 20px !important;
    letter-spacing:1px;
  border-bottom:1px dotted #cdcdcd !important;
}
.side_navi a:after{
  position:absolute;
  top:7px;
  right:10px;
  content:">";
  font-size:14px;
}
.side_navi a:hover{
    background: #eee;
}
.side_navi{
  margin-bottom:30px;
}

/*商品別*/
.side_navi_item{
  margin-bottom:0;


  border-bottom:1px solid #000;
}
.side_navi_item .sysHeadline,
.side_navi_item .sysContent{
  width:90% !important;
  margin-left:auto !important;
}
.side_navi_item a{
  position:relative;
  padding:7px 5px !important;
    letter-spacing:1px;
  border-bottom:1px dotted #cdcdcd !important;
}
.side_navi_item a:after{
  position:absolute;
  top:7px;
  right:10px;
  content:">";
  font-size:14px;
}
.side_navi_item li:last-child a{
  border-bottom:none !important;
}
.side_navi_item .sysHeadline{
  font-size: 13px;
  padding:0;
  border-bottom:1px dotted #cdcdcd !important;
}
.side_navi_item .sysHeadline a{
  display:block;
  border-bottom:none !important;
}
/*お買い物ガイド 最後2つ*/
.side_navi_guide li:nth-last-child(1),
.side_navi_guide li:nth-last-child(2){
  font-size:14px;
  font-weight:bold;
  border-bottom:1px solid #222222;
  margin-bottom:10px;
}
.side_navi_guide li:nth-last-child(1) a,
.side_navi_guide li:nth-last-child(2) a{
  padding:7px 5px !important;
  border:none !important;
}
.side_navi_guide li:nth-last-child(1) a:hover,
.side_navi_guide li:nth-last-child(2) a:hover{
  background-color:#fff;
}
.side_navi_guide li:nth-last-child(3){
  margin-bottom:10px;
}

/***********************************
  共通パーツ
***********************************/
hr.style01 {
  width: 100%;
  height: 1px;
  background: #222222;
  margin: 50px auto;
  padding: 0;
  border: 0;
}
.sysTitle, .sysHeadline{
  /*width: 600px;
  margin: 30px auto!important;
  position: relative;*/
  text-align: center;
  font-size: 23px;
  letter-spacing: 3px;
}
.sysTitle b, .sysHeadline b{
  display: block;
  font-size: 14px;
  text-align: center;
}
.sysTitle span, .sysHeadline span{
    position: relative;
    z-index: 2;
    display: inline-block;
    margin: 0 8rem;
    text-align: center;
}


.sysTitle::before, .sysHeadline::before {
  position: absolute;
  top: 50%;
  z-index: 1;
	/*newsで不要だったので削除*/
  /*content: '';*/
  display: block;
  width: 100%;

  height: 1px;
  background-color: #222222;
}
.contentsWrap{
  width: 1100px;
  margin: 0 auto;
}

#aside_shop {
	background-image: url(https://bakerypicasso-online.com/img/a-side/bg.jpg);
    padding: 3rem 0;
    margin-bottom: 7rem;
      margin-top: 20rem;
}

#aside_shop .re_img{
	    position: relative;
}

#aside_shop .ab_frame01 img,
#aside_shop .ab_frame02 img
{
	width: 100vw;
}


#aside_shop .ab_frame01,
#aside_shop .ab_frame02,
#aside_shop .ab_frame03,
#aside_shop .ab_frame04,
#aside_shop .ab_frame05,
#aside_shop .ab_frame06,
#aside_shop .ab_frame07,
#aside_shop .ab_frame08{
	position: absolute;
}

#aside_shop .ab_frame01{
	    top: -7rem;
}
#aside_shop .ab_frame02{
	    bottom: -18rem;
}
#aside_shop .ab_frame03{
	  top: -3rem;
    left: 8rem;
}
#aside_shop .ab_frame04{
	  top: 5rem;
    left: 9rem;
}
#aside_shop .ab_frame05{
	       top: -1rem;
    right: 6rem;
}
#aside_shop .ab_frame06{
	  top: 6rem;
    right: 10rem;
}
#aside_shop .ab_frame07{
	        top: -6rem;
    left: 0;
}
#aside_shop .ab_frame08{
	    top: -11rem;
    right: 33rem;
}

#aside_shop .aside .box:nth-child(2){
	display: flex;
    justify-content: flex-end;
}
#aside_shop .aside .box:nth-child(2) .txt{
	color:#fff;
}

/***********************************
  特商法テーブルレイアウト
***********************************/
#main_tradelaw, .main_tradelaw {
    border: 1px solid #ddd;
    margin: 0 auto 30px;
    max-width: 1100px;
}
#main_tradelaw dl, .main_tradelaw dl{
  background: #ededed;
  border-bottom: 1px dotted #bfbfbf;
  overflow: hidden;
}
#main_tradelaw dl:last-child, .main_tradelaw dl:last-child{border: 0px;}
#main_tradelaw dt, .main_tradelaw dt{
  padding: 15px 0 15px 20px;
  float: left;
  clear: both;
  font-weight: bolder;
}
#main_tradelaw dd, .main_tradelaw dd{
  margin-left: 200px;
  padding: 15px;
  background: #fff;
}
.shipFee{
  max-width: 1100px;
  margin: 20px auto
}
.shipFee .tableTitle{
  font-size: 16px;
        height: 70px;
        padding: 10px;
  color: #424242;
  margin: 50px 0 0px;
  border: 0px !important;
  text-align: leftr;
}
table.shipFeeTable {
    border-collapse: collapse;
  margin-bottom: 30px;
    text-align: left;
    line-height: 1.5;
  text-align: center;
}
table.shipFeeTable .eyeCatch{
  width: 120px;
  display: block;
  margin: 5px auto;
  height: 25px;
  line-height: 25px;
  color: #000;
        border-bottom: 1px solid #aaa;
        padding-bottom: 5px;
}
table.shipFeeTable thead {
        background: #555;
  text-align: center;
}
.spThead{display: none;}
table.shipFeeTable thead th {
        padding: 10px;
        vertical-align: top;
        font-weight: normal;
        color: #fff;
}
table.shipFeeTable tbody .sum{position: relative;}
table.shipFeeTable tbody .sum i{
  position: absolute;
  color: #888;
  font-size: 35px;
  right: -15px;
  bottom: 30px;
  z-index: 20;
}
table.shipFeeTable tbody th {
        width: 600px;
        padding: 10px;
        vertical-align: top;
       background: #fff;
        font-weight: normal;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
table.shipFeeTable td {
    width: 500px;
    padding: 10px;
    vertical-align: top;
  border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #eee;
}
table.shipFeeTable b{
  color: #D42E30;
  display: inline-block;
  padding: 0 3px;
  font-size: 1.2em;
}
div#main_tradelaw a{
  display: inline-block;
  color: #068acc;
  text-decoration: underline;
}

/***********************************
  2カラムレイアウト
***********************************/
.column2Wrap{
  width: 1100px;

  margin: 0 auto;
}
.column2Wrap:after{
  display: block;
  content: "";
  clear: both;
}





.sideWrap{
  width: 180px;
  height: 1000px;
  background: #aaa;
  margin-right: 20px;
  float: left;
}
.mainWrap{
  width: 900px;
  margin-left: 200px;
}
.col2Style h2.pattern01{
  font-size: 18px;
  border-left: 5px solid #3d3d3d;
  padding-left: 5px;
  margin: 15px 0;
}
.col2Style h2.pattern02{
  font-size: 18px;
  border-bottom: 1px solid #3d3d3d;
  padding-left: 5px;
  padding-bottom: 5px;
  margin: 15px 0;
}
.col2Style h2.pattern03{
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  padding: 0 0px 3px 30px;
  margin: 0 0 15px;
  border-bottom: 1px solid #6843ac;
}
.col2Style h3.pattern01{
  font-size: 14px;
  border-bottom: 0px solid #aaa !important;
  padding: 0px 0px 3px;
  margin: 15px 0 5px;
}
.col2Style h4.style01{
  font-size: 15px;
  padding-bottom: 3px;
  margin: 20px 0;
  border-bottom: 0px solid #3d3d3d!important;
}
.col2Style .txtBlock{margin: 30px 0;}
.col2Style .imgWrap {
  margin: 30px 0;
}
.col2Style .txtBlock a, #forbusiness .txtBlock a, #relocation .txtBlock a, #privacypolicy .txtBlock a{
  color: #068acc;
  height: 25px;
  line-height: 25px;
  padding-bottom: 1px;
  border-bottom: 1px solid #068acc;
}
#shoplist td a, #corporate dd a{
        color: #068acc;
  height: 25px;
  line-height: 25px;
  padding-bottom: 1px;
        border-bottom: 1px solid #068acc;
}
.col2Style .txtBlock li{
  margin: 5px 0;
  font-size: 12px;
}
.col2Style .txtBlock li .larger{
  font-size: 14px;
  margin-bottom: 10px;
}
.col2Style .txtBlock li span{
  width: 20px;
  display: inline-block;
}

.col2Style .imgWrap img{
  width: 40%;
  margin: 10px 0;
}
.col2Style .floatWrap{
  margin: 20px 0;
}
.col2Style .floatWrap:after{
  display: block;
  content: "";
  clear: both;
}
.col2Style .floatWrap img{
  width: 150px;
  float: left;
}
.col2Style .floatWrap .txt{
  padding-top: 5px;
  margin-left: 170px
}
.col2Style .floatImg{text-align: center;}
.col2Style .floatImg:after{
  display:block;
  content: "";
  clear: both;
}
.col2Style .floatImg .imgWrap{
  width: 50%;
  float: left;
}
.col2Style .floatImg .imgWrap img{
  width: 60%;
  margin: 20px 10%;
}

/***********************************
   お買い物ガイド
***********************************/
.indexList{margin: 10px 0;}
.indexList li{
  display: inline-block;
  text-align: center;
  margin: 0 5px 10px;
  border: 1px solid #aaa;
  padding: 3px 10px;
  border-radius: 5px;
  font-size: 15px;
}
.guideBlock{padding-top: 30px;}

/*商品購入ステップ*/
.steps ul{
  width: 700px;
  margin: 0 auto;
}
.steps ul:after{
  display: block;
  content: "";
  clear: both;
}
.steps li{
  float: left;
  padding: 0 6px;
  height: 200px;
}
.steps li a{
  display: block;
  height: 100%;
  height: 200px !important;
}
.steps li img{height: 200px;}


/***********************************
   ボタンデザイン
***********************************/
.common_btn{
  width: 250px;
  margin:20px auto 50px;
  position: relative;
}
.common_btn a{
  display: block;
  padding:15px 0;
  font-size: 16px;
  color: #fff;
  text-align:center;
  border-radius:5px;
  background: #000;
}
.common_btn a:hover{
  background:#999;
}
.common_btn a i{
  display:inline-block;
  margin-left:10px;
  font-size:20px;
}

/***********************************
  TOPページ
***********************************/
/*スライダー*/
#slider{
  display:none;
}
.top_slider {
  padding-top:176px;
}
.top_slider .owl-item {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -moz-filter: "alpha( opacity=50 )";
  -webkit-filter: "alpha( opacity=50 )";
  -o-filter: "alpha( opacity=50 )";
  -ms-filter: "alpha( opacity=50 )";
}
.top_slider .center {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-filter: "alpha( opacity=100 )";
  -webkit-filter: "alpha( opacity=100 )";
  -o-filter: "alpha( opacity=100 )";
  -ms-filter: "alpha( opacity=100 )";
}

/*新着アイテム*/
.top_newarrival ul{
  font-size:0;
  text-align:left;
}
.top_newarrival li{
  float:none !important;
  display:inline-block;
  width: 23% !important;
  margin: 5px 1% 20px !important;
  padding: 10px;
  font-size:12px;
  text-align:center;

  vertical-align:top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.top_newarrival li img{
  width: 100%;
}
.top_newarrival .sysItemName{
  font-size: 16px;
  font-weight: 500;
  padding-top: 10px;
}

/*特集一覧*/
.top_features{
  overflow:hidden;
}
.top_features ul{
  font-size:0;
  text-align:left;












}
.top_features li{
  float:none !important;
  display:inline-block;
  width: 30%;
  margin:1.66666666666667%;
  font-size:12px;
  vertical-align:top;
}
.top_features li img{width: 100%;}
.top_features li a{
  display: block;
  position: relative;
}
.top_features li span{
  display:block;
  font-size:14px;
  font-weight:bold;
}

/*おすすめ商品、ランキング*/
.top_recommend_item li .sysItemName,
.top_ranking_item li .sysItemName{
  font-size: 16px;
  font-weight: 500;
  padding-top: 10px;
}
top_recommend_item .sysItemPrice,
top_ranking_item .sysItemPrice{
  font-size: 14px;
  color: #ff0000;
  font-weight: 600;
  padding-top: 5px;
}

/*おすすめ商品*/
.top_recommend_item{
  margin-bottom:60px;
}
.top_recommend_item li{
  width: 100% !important;
  padding:0 20px !important;
}

/*ランキング*/
.top_ranking_item ul{
  font-size:0;
  text-align:left;
}
.top_ranking_item li{
  float:none !important;
  display:inline-block;
  width: 30% !important;
  margin: 0 1.5% 30px !important;
  padding: 10px;
  font-size:12px;
  text-align:center;
  vertical-align:top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

span.sysSubtotalPrice {
	display: none;
    font-size: 17px;
    float: right;
}

/*クロネコペイボタン装飾調整*/
div#kuronekoPayFlex {
    margin-right: 21px;
}
.sysCart #sysMain #kuronekoPayFlex button img {
    margin-top: -11px;
}
.sysCart #sysMain button#kmid-login-subwindow-launch,
.sysCart #sysMain button[onclick="Sys('#kmid-login-subwindow-launch').click()"]
 {
  padding: 10px 0px 0px 0px;
}
.sysConfirmButton input#open_dlg_edit_customer_info {
    display: inline-block;
    padding: 10px;
    width: auto;
    height: auto;
    color: #000;
    background: #fff;
    border-radius: none;
    border: 1px solid #999;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


/*PICASO*/

/*共通*/

body{
	font-family: 'Noto Sans JP', sans-serif;
}

html {
scroll-behavior: smooth;
}

#faq .breadcrumbs{
	padding: 1rem 0;
}

#sysInformation #sysMain{
	margin-top: 23rem;
}

#sysInformation #sysMain h1{
	    width: 1100px;
    margin: 0 auto;
}

.b{
	font-weight: 700;
}

.red{
	color:#c20000;
}

h2,.C{
	font-family: 'Cinzel', serif;
}

.N{
	font-family: 'Noto Sans JP', sans-serif!important;
}


.S{
	font-family: 'しっぽり明朝 B1', serif!important;
}


.red{
	color: #c20000;
}

.flx{
	display: flex;
}

.inner{
	max-width: 1100px;
	margin: 0 auto;
}

.content01,.content02,.content03{
	max-width: 1270px;
	margin: 0 auto;
}

img{
	width: auto;
	/*height: 100%;*/
}

#P_header{
    margin-top: 2rem;
}


.sttl{
	font-size: 34px;
}

.ssttl{
	font-size: 15px;
}

.txt{
	font-size: 16px;
}

.ttl{
	font-size: 40px;
}

.kasou
{
	  margin-top: 12.5rem;
}

#header_news{
	position: fixed;
    height: 41px;
    top: 0;
    left: 0;
    right: 0;
   background: #664929;
    z-index: 121;
   align-items: center;
    display: flex;
    justify-content: center;
}
#header_news a{
	color:#fff;
}


.mv_ttl_img{
	background-image: url(https://bakerypicasso-online.com/img/flow/ttl_img.png);
    height: 160px;
   display: flex;
    align-items: center;
   justify-content: center;
	margin-bottom: 5rem;
}

.mv_ttl_img .ttl{
	font-size: 30px;
	    color: #fff;
}



/*btn*/

.main_btn{
	display: flex;
    background-color: #c20000;
    border-radius: 40px;
    width: 304px;
    padding: 5px;
    font-size: 15px;
    position: relative;
    align-items: center;
}

#item .main_btn{
	    margin: 0 auto!important;
    background-color: #5c2300!important;
	text-align: center!important;
}

@media screen and (min-width: 1101px){
	#item .main_btn{
		width: 500px!important;
		 margin-top: 8rem!important;
    margin-bottom: 5rem!important;
	}
}

@media screen and (max-width: 1000px){
	#item .main_btn{
	 margin-top: 3rem!important;
    margin-bottom: 3rem!important;
	}
}

@media screen and (min-width: 1101px){
	#item .main_btn .btn_txt{
	 font-size: 25px!important;
}
}


@media screen and (min-width: 1101px){
	#item .made .frame .ab_frame01{
		top: 126rem!important;
	}
}


.main_btn img{
	    position: absolute;
    right: 20px;
    height: 15px;
}

.main_btn:hover{
	opacity: 0.7;
}

.btn_txt{
	    color: #fff;
}

.ab01{
	position: absolute;
    right: 23px;
    width: 10px;
    height: auto;
	top: 23px;
}

.ab02{
	position: absolute;
	height: auto;
	left: 70px;
    width: 20px;
    top: 25px;
}

/*ニュース*/

.important ul li{
	text-align: center!important;
}
/*20230817修正*/
/*.important ul li a{
	    margin-top: -28px;
}*/


/*main01*/


.right-fixed-banner_pc {
  position: fixed;
  right: -20px;
  z-index: 100;
  display: none;/*最初は隠す*/
  top: 25%;
}

img.mottainai {
    width: 60%;
    text-align: right;
    margin: 0 0 0 auto;
}
.rPos {
    position: relative;
}
.rPos .mottainai{
position: absolute;
    right: 2rem;
    bottom: -100px;
    width: 260px;
    height: 206px;
    display: inline-block;
    text-align: revert;
    margin: 0 0 0 auto;
}
.rPos .banner12{
    position: absolute;
    right: 4.5rem;
    bottom: -164px;
    width: 415px;
    display: inline-block;
    text-align: revert;
    margin: 0 0 0 auto;
}
.aPos {
    position: absolute;
        bottom: -208px;
    right: 30px;
    z-index: -49;
    width: 280px;
    height: 225px;
}
#main01 .content01{
background-image: url(/img/top/main01/bg01.jpg);
	position: relative;
    z-index: -1;
	background-size: cover;
}

#main01 .content01 .frame{
	position: relative;
    z-index: 1;
}

#main01 .content01 .re_img img{
	height: auto;
	 width: 100%;
}

@media (max-width: 990px){
	#main01 .content01 .re_img{
	display: none;
}
}

#main01 .content01 .ab_img01,#main01 .content01 .ab_img02,#main01 .content01 .ab_img03,#main01 .content01 .ab_img04{
	position: absolute;
	width: 55px;
    height: auto;
}

#main01 .content01 .ab_img01{
	right: 124px;
    top: 28px;
}

#main01 .content01 .ab_img02{
	right: 20px;
    top: 44px;
}

#main01 .content01 .ab_img03{
	right: 65px;
    top: 129px;
    width: 70px;
}
#main01 .content01 .ab_img04{
	right: -14px;
    top: 150px;
    width: 90px;
}


(min-width: 990px) .badge{
	position: absolute;
    top: -16px;
    z-index: 0;
	width: 100%;
    height: auto;
}
#main01 .content01 .flx{
	    width: 100%;
}
#main01 .content01 .ttl{
	line-height: 6rem;
    position: relative;
    margin-bottom: 3rem;
	color: #c20000;
	font-size: 54px;
}


#main01 .content01 .mttl{
	 font-size: 36px;
}


#main01 .content01 .sttl{
	 font-size: 23px;
	color:#000!important;
}

#main01 .content01 .btxt{
	    font-size: 27px;
    line-height: 3.6rem;
    font-weight: 700;
}

#main01 .content02{
	background-image: url(/img/top/main01/bg02.jpg);
	position: relative;
	margin-top: 0px;
    padding: 5rem 0 10rem 0;
	background-size: cover;
}

#main01 .content02 .frame{
	position: absolute;
	bottom: -15px;
}

#main01 .content02 .box{
	background-color: #fff;
    width: 90%;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
    padding: 3rem 5rem;
	margin-bottom: 6rem;
}

#main01 .content02 .box .txt{
	 width: 76%;
    margin-left: 0;
    line-height: 3.5rem;
   font-size: 19px;
    margin-bottom: 3rem;
}

#main01 .purchase .Trial .pcView { display: block;}
#main01 .purchase .Trial .spView { display: none;}
#main01 .purchase,
#main04 .purchase {
    display: flex;
    flex-direction: column;
    width: 76%;
    position: relative;
    margin-top: 40px;
}
#main04 .purchase {
    margin-top: 60px;
    width: 86%;
    margin: 80px auto 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}


#main01 .purchase .FeeFree,

#main04 .purchase .FeeFree{
    position: absolute;
    top: -49px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    width: 74.6%;
}

#main04 .purchase .FeeFree{
    width: 53.6%;
}


#main01 .purchase .BannerLink {
    display: flex;
    background-color: #f2e9d9;
    border-radius: 10px;
    padding: 17px 43px 17px;
}

#main01 .purchase .main_btn {
    width: 47.5%;
    font-size: 22px;
    padding: 1rem;
    background-color: #5c2300!important;
}

#main01 .purchase .Trial {
    display: block;
    margin-top: 20px;
}#main04 .purchase .FreeFee {
    width: 53.8%;
    position: absolute;
    top: -35px;
}


#main04 .purchase .BannerLink {
    background: #f2e9d9;
    padding: 25px 38px 25px;
    display: flex;
    border-radius: 10px;
    margin-bottom: 23px;
}


#main04 .purchase .Trial {
    display: block;
    text-align: center;
}


#main04 .purchase .Trial {
    width: 74%;
}


#main01 .purchase .main_btn.margin,
#main04 .purchase .main_btn.margin {
    margin-right: 10px;
}
#main01 .purchase .addtext,
#main04 .purchase .addtext {
    position: relative;
}
#main01 .purchase .addtext::before{
    content: ;
    color: #c20000;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: -2rem;
    position: absolute;
    top: -27px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 100%;
    text-align: center;
}
#main04 .purchase .addtext::before {
    content: ;
    color: #c20000;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: -2rem;
    position: absolute;
    top: -33px;
    left: 111px;

}
/*
#main04 .foodloss{
	    width: 1000px;
    height: auto;
    margin: 0 auto;
    margin-top: 7rem;
    margin-bottom: 7rem;
}
*/
#main04 .foodloss{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1270px;
    width: 95%;
    height: auto;
    margin: 0 auto;
    margin-top: 7rem;
    margin-bottom: 7rem;
}


#main04 .foodloss a{
    width: 49%;
   
}
#main04 .plain{
	    width: 1000px;
    height: auto;
    margin: 0 auto;
    margin-top: 7rem;
    margin-bottom: 7rem;
}

#main04 .DetailCommon{
	    width: 1000px;
    height: auto;
    margin: 0 auto;
    margin-top: 7rem;
    margin-bottom: 7rem;
}

#main01 .content02 .box .main_btn{
	width: 47.5%;
    font-size: 22px;
    padding: 1rem;
   background-color: #5c2300!important;
}
#main01 .content02 .box .main_btn img{
	right: 30px;
    position: absolute;
    height: 20px;
}
#main01 .content02 .box .ab_img05{
	position: absolute;
    right: -63px;
    width: 33%;
    height: auto;
    top: -39px;
}

#main01 .content03 #item{
	    margin-top: 0;
}

/*main02*/

#main02{
	margin: 8rem 0 11rem 0;
	position: relative;
}

#main02 .flx{
	justify-content: space-evenly;
	position: relative;
	margin: 5rem 0;
}

#main02 .ab_img01,#main02 .ab_img02,#main02 .ab_img03{
	position: absolute;
	height: auto;
}

#main02 .ab_img01{
	left: -2rem;
    top: 18rem;
	 width: 150px;
}

#main02 .ab_img02{
	top: -4rem;
    width: 100px;
}

#main02 .ab_img03{
	width: 90px;
   right: 1rem;
    bottom: -1rem;
}


#main02 .box:nth-child(2){
	padding: 2rem 0;
}

#main02 .sttl{
	font-size: 34px;
	color: #c20000;
}

#main02 .txt{
	line-height: 30px;
}

#main02 hr{

	color: #c20000;
	height: 10px;
    background-color: red;
    border: none;
    margin-top: -2rem;
    z-index: -1;
    position: relative;
    opacity: 0.1;
    margin-bottom: 2rem;
}
#main02 .main_btn{
	margin-top: 3rem;
}

#main02 .frame{
	position: absolute;
    bottom: -13rem;
}

#main02 .frame img{
	width: 100vw!important;
}


/*news*/

#news{
	    scroll-margin-top: 30rem;
}
.news {
    display: flex;
    background: #c20000;
    align-items: center;
    justify-content: center;
}
.news .ttl{
	    line-height: 23px;
    color: #fff;
}

.news .news_sttl{
	 font-size: 15px;
}

.news .ttl img{
	   margin-bottom: 2.5rem;

}

#sysInformation #sysMain h1{
	font-size: 20px;
    color: #c20000;
    border-bottom: 1px solid #c20000;
	font-family: 'Cinzel', serif!important;
}
#sysInformation #sysMain .sysNewsDetail{
	margin-bottom: 25rem;
}

/*インスタ*/

#insta{
	    background-color: #f2ede4;
	padding: 8rem 0;
    position: relative;
	text-align: center;
}
#insta .ab_frame01 img,#insta .ab_frame02 img{
width: 100vw;
}
#insta .ab_frame02{
	position: absolute;
   bottom:-2rem;
}

#insta h2{
	color:#c20000;
	line-height: 2.5rem;
    margin-bottom: 3rem;
}

#insta .main_btn{
	    margin: 0 auto;
    margin-top: 3rem;
}

/*main03*/

#main03{
	margin: 10rem 0 5rem;
}
#main03 .more{
	background-image: url(/img/top/main03/pic01.png);
	padding: 15rem 0;
	position: relative;
	background-size: cover;
	margin-bottom: 4rem;
}

#main03 .more_box{
	background-color: rgba(255,255,255,0.8);
	border-radius: 20px;
	padding: 6rem 0;
	margin-right: 0;
	margin-left: auto;
	text-align: center;
	width: 50%;
}

#main03 .more_box .stxt{
	font-size: 17px;
    letter-spacing: 1px;
    line-height: 3rem;
}

#main03 .ab_frame01 {
	position: absolute;
	top: 0;
}

#main03 .ab_frame02 {
	position: absolute;
	bottom: -7px;
}

#main03 .ab_frame01 img,#main03 .ab_frame02 img{
	width: 100vw;

}

#main03 .more_box h2{
	font-size: 30px;
}

#main03 .more_img{

	text-align: center;


}
#main03 .main_btn{
	margin: 0 auto;
    margin-top: 3rem;
}

#main03 .more_box .stxt{
	line-height: 2.5rem;
}

#main03 .bnrs{
	justify-content: space-between;
}

#main03 .line_bnr{
	margin-bottom: 6rem;
}




/*main04*/

#main04 .content01,#main04 .content03{
	background-image: url(/img/top/main04/bg.jpg);
	background-size: cover;
}
#main04 .content02{
	background-image:url(/img/top/main01/bg02.jpg);
}

#main04 .content01 {
    padding:9rem 0;
}
#main04 .content02,#main04 .content03{
	padding: 10rem 0;
}
#main04 .content01 h2{
	    text-align: center;
    position: relative;
	font-size: 50px;
	margin-bottom: 2.5rem;
}
#main04 .content01 .small{
	font-size: 40px;
}

#main04 .content01 h2 .hotflavor_font{
	    font-size: 65px;
	color: #c20000;
	    margin-left: 1rem;
	 text-shadow:2px 0px 0 #FFF, -2px -2px 0 #FFF,
              -2px 2px 0 #FFF, 2px -2px 0 #FFF,
              0px 2px 0 #FFF,  0-2px 0 #FFF,
              -2px 0 0 #FFF, 2px 0 0 #FFF;
	    z-index: 1;
    position: relative;
}

#main04 .content01 h2 hr{
	position: absolute; 
    width: 370px;
    height: 20px;
    background-color: #c20000;
    border: none;
    opacity: 0.2;
    border-radius: 15px;
	    right: 8rem;
    top: 7rem;
	z-index: 0;
}


#main04 .content01 .diagonal{
	position: absolute;
    right: -5rem;
    top: -1rem;
    font-size: 65px;
}

#main04 .content01 .hotflavor{
	text-align: center;
	margin-bottom: 2rem;
}

#main04 .content01 .txt_box{
	    position: relative;
    margin-bottom: 8rem;
}
#main04 .content01 .txt_box .s{
	    position: absolute;
    bottom: -6rem;
    font-size: 50px;
	color: #5c2300;

	font-family: 'Cinzel', serif;
    font-weight: 600;
	letter-spacing: -2px;
}

#main04 .content01 .txt_img{
	text-align: center;
	margin: 5rem 0 -2rem;
}
#main04 .purchase {
    justify-content: center;
}
#main04 .content01 .main_btn{
    width: 427px;
    height: 80px;
	font-size: 20px;
    letter-spacing: 1px;
	background-color:#5c2300!important;
}
#main04 .content01 .main_btn .btn_txt {
    font-size: 22px;
}
#main04 .content02 .white{
	    background-color: #fff;
    border-radius: 10px;
    padding: 8rem 6rem;
}

#main04 .content02 .ttl_box{
	    position: relative;
    margin-bottom: 5rem;
}
#main04 .content02 .ttl_box .po_ab{
	    position: absolute;
   height: auto;
   left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    top: -13rem;
    z-index: 0;
}
#main04 .content02 .ttl_box h2{
	    text-align: center;
    z-index: 1;
    position: relative;
    margin-bottom: 2rem;
	color:#c20000;
}

#main04 .content02 .flx{
	justify-content: space-between;
	margin-bottom: 6rem;
	align-items: center;
}

#main04 .content02 .flx .txt_box{
	    width: 50%;
}
#main04 .content02 .flx .img_box{
	  width: 48%;
}

#main04 .content02 .flx h3{
	font-size: 23px;
	color:#c20000;
	font-family: 'Noto Sans JP', sans-serif;
	    padding-left: 1.5em;
    text-indent: -1.5em;
}
#main04 .content02 .flx .s{
	font-family: 'Cinzel', serif;
	margin-right: 1rem;
}

#main04 .content02 .flx .txt{
	line-height: 3rem;
}

#main04 .content02 .complete{
	margin-top: 7rem;
	
}

#main04 .content03{
	position: relative;
	padding-bottom: 0;
}

#main04 .content03 .ttl_box{
	    text-align: center;
	background-image: url(/img/top/main04/ttl_bg.png);
	    position: absolute;
    top: 0;
    width: 100%;
    height: 165px;
    background-size: cover;
}

#main04 .content03 .ttl_box{
	background-position: center;
}

#main04 .content03 .ttl_box h2{
	margin-top: 5rem;
    color: #fff;
}
#main04 .content03 .inner{
	    margin-top: 13rem;
}
#main04 .content03 .flx{
	justify-content: space-between;
    align-items: center;
}
#main04 .content03 .flx .txt_box{
	    width: 40%;
}
#main04 .content03 .flx .txt_box h3{
	    font-size: 26px;
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
    font-family: 'Noto Sans JP', sans-serif;
	color: #5c2300;
}
#main04 .content03 .flx .txt_box h3 img{
	    margin-right: 2.5rem;
    width: 40px;
}
#main04 .content03 .flx .txt_box .stxt{
	font-size: 16px;
    line-height: 3rem;
}

#main04 .content03 .flow{
	    position: relative;
    margin-top: 7.5rem;
}

#main04 .content03 .flow .box{
	text-align: center;
    width: 32%;
}

#main04 .content03 .flow .box img:first-child{
	margin-bottom: 2rem;
}

#main04 .content03 .flow .box .stxt{
   text-align: left;
    margin-top: 2rem;
    line-height: 3rem;
	font-size: 14.5px;
}
#main04 .content03 .flow .box img.img_box {
    border-radius: 7px;
}

#main04 .content03 .po_re{
	position: relative;
    height: 1px;
    width: 100%;
}
#main04 .content03 .po_ab{
	position: absolute;
    top: 11rem;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#main04 .content03 .message{
	margin: 5rem 0;
	text-align: center;
}

#main04 .content03 .frame{
	    position: relative;
    height: 55px;
    width: 100%;
}

#main04 .content03 .frame .po_ab{
	    top: 1rem!important;
}

@media screen and (min-width:768px) and ( max-width:500px) {
	#main04 .content02 .sp_View .white{
	margin-top: 4rem;
}
}
@media screen and (min-width:499px) and ( max-width:375px) {
	#main04 .content02 .sp_View .white{
	    margin-top: 2rem;
}
}

/*aside*/

#aside_bnr{
	margin-bottom: 9rem;
	margin-top: 10rem;
}

#aside_bnr .flx{
	justify-content: space-between;
}

#aside_bnr .flx:first-child{
	margin-bottom: 20px;
}

#aside_bnr .flx img{
	width: 537px;
    height: auto;
}

/*フッター*/

#footer{
	color:#fff;
	background: #c20000;
	position: relative;
	padding: 7rem 0;
}

#footer h2 img{
	width: 303px;
}

#footer .flx{
	justify-content: space-between;
	align-items: center;
}

#footer .flx .box:first-child,#footer ul{
	 text-align: left;
}

#footer .flx .box:nth-child(2){
margin-left: 5rem;
}

#footer h2{
margin-bottom: 2rem;

}
#footer .stxt{
	font-weight: 600;

}
#footer .stxt span{
	font-weight: 100!important;
}
#footer .iso{
	margin-top: 1.5rem;
}

#footer nav{
	display: flex;
	line-height: 1rem;
}
#footer nav li a{
	color:#fff;
}
#footer nav li a:hover{
	opacity: 0.7;
}

#footer nav ul{
	margin-right: 3rem;
}

#footer nav li a{
	font-size: 14px;
}

#footer .copy{
	text-align: left;
		margin: 3rem 0 0 0;

}
#footer .border{
	border-bottom: solid 1px #338dcb!important;
    margin: 2rem 0;
}
#footer .top_sc a{
	position: absolute;
	background-color: #bda366;
	border-radius: 70px;
	display: flex;
    justify-content: center;
    align-items: center;
	color: #fff;
	top: 26rem;
    right: 2rem;
	width: 60px;
	height: 60px;
	
}
#footer .top_sc img{
	    width: 20px;
    height: auto;
}

#footer .other:hover{
	cursor : pointer;
	opacity: 0.7;
}
#footer .top_sc:hover{
	cursor : pointer;
}
#footer .top_sc a{
	color:#fff;
	transition: 0.5s;
}
#footer .top_sc a:hover{
	transform: scale(0.9, 0.9);
}


#footer .other a{
	color: #fff;
    display: flex;
}

#footer .other i{
	    margin-left: 10px;
    margin-top: 4px;
}

#footer .main_btn{
	background-color: #960000;
}

#footer .main_btn .ab01{
	left: 42px;
    top: 21px;
    width: 20px;
}

#footer .main_btn .ab02{
	 width: 10px;
    top: 20px;
    right: 17px!important;
	left: inherit!important;
}
#footer .main_btn .btn_txt{
	 letter-spacing: 1px;
}
.f_bottom{
	background-color: #fff;
}

.f_bottom .copy{
	margin: 0rem 0 8rem 0;
}

.f_bottom .flx {
	justify-content: center;
	padding: 4rem 0 2rem 0;
}
.f_bottom .flx img{
	    width: 30px;
    height: auto;
	    margin: 0 1rem;
}


/*カレンダー*/


.calendar-wrap{
	width: 350px;
	margin: 0 6rem;

}

.calendar-wrap th,td {
  text-align: center;
  padding: 10px;
  background-color: #fff;
}
.calendar{
	width: 100%;
    table-layout: fixed;
}
.calendar tbody{
	font-size: 16px;
}
.calendar tr{
	border-bottom: solid 1px #e8e8e8;
}

.calendar-wrap td {
 /* font-weight: bold;*/
}

#cal h2{
	 text-align: center;
    line-height: 3rem;
    color:#c20000;
    margin-bottom: 4rem;
}

#cal .flx{
	justify-content: center;
	margin-bottom: 3rem;
}

.calendar-wrap h3{
	    text-align: center;
    font-size: 18px;
    margin-bottom: 1rem;
}

.calendar .hol{
	background-color: #fff2f2;
	color:#db5656;
}

#cal .hol_txt{
	  width: 40px;
    background-color: #fff2f2;
    height: 20px;
    display: block;
}

#cal .cal_txt{
	display: flex;
	align-items: center;
}
#cal .cal_txt p{
	margin: 1rem;
}

#cal .txt{
    padding-left: 14rem;
}

/*========= ナビゲーションのためのCSS ===============*/

#g-nav{
    /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
    position:fixed;
    z-index: 999;
    /*ナビのスタート位置と形状*/
	top:-120%;
    left:0;
	width:100%;
    height: 100vh;/*ナビの高さ*/
	background:#999;
    /*動き*/
	transition: all 0.6s;
}

/*アクティブクラスがついたら位置を0に*/
#g-nav.panelactive{
    top: 0;
}

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list{
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999; 
    width: 100%;
    height: 100vh;/*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/*ナビゲーション*/
#g-nav ul {
    /*ナビゲーション天地中央揃え*/
    position: absolute;
    z-index: 999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

/*リストのレイアウト設定*/

#g-nav li{
	list-style: none;
    text-align: center; 
}

#g-nav li a{
	color: #333;
	text-decoration: none;
	padding:10px;
	display: block;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: bold;
}

/*item*/

#item{
	    margin: 8rem 0;
}
#item .about .ttl{

	display: flex;
    align-items: center;
    font-size: 32px;
	color:#c20000;
}
#item .about .sttl{
	    height: 40px;
    margin-right: 1rem;
}
#item .about .line{
	    margin-bottom: 4rem;
}

#item .about .txt{
	       margin: 3rem 0 5rem 0;
    line-height: 3rem;
    letter-spacing: 0.5px;
}

#item .list .box{
	   width: 50%;
}

#item .list table{
	 width: 100%;
    font-size: 16px;
}


#item .list tr{
	    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}
#item .list th{
	       background-color: #f1f1f1;
	width: 140px;
}

#item .list td{
	         text-align: left;
}

#item .bn tr{
	border-top: none;
}

#item .w100{
	 width: 100%;
    font-size: 16px;
}

#item .w100 tr{
	    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}

#item .w100 tr:first-child{
	border-top: none;
}

#item .w100 th{
	       background-color: #f1f1f1;
	width: 140px;
}

#item .w100 td{
	         text-align: left;
}

@media screen and (min-width:769px) and ( max-width:950px) {
	#item .list tr,#item .w100 tr{
		    font-size: 12px;
	}
	#item .list th,#item .w100 th{
	width: 100px;
	}
}

#item .made{
	  margin: 10rem 0;
background-image: url(https://bakerypicasso-online.com/img/top/item/bg.jpg);
background-size: cover;
    position: relative;
    z-index: 0;
    padding: 10rem 0;

}

#item .made .ttl{
	           text-align: center;
    line-height: 4rem;
    font-size: 30px;
	margin-bottom: 6rem;
	color: #c20000;
}
#item .made .re_img{
	 position: relative;
}

#item .made .re_img .ab_img{
	position: absolute;
	width: 70px;
    height: auto;
}
#item .made .re_img .ab_img:first-child{
	top: -11rem;
    left: 69px;
}
#item .made .re_img .ab_img:nth-child(2){
	    left: 188px;
    top: -11rem;
    width: 60px;
}
#item .made .re_img .ab_img:nth-child(3){
	left: 309px;
    top: -12rem;
    width: 50px;
}
#item .made .re_img .ab_img:nth-child(4){
	    width: 50px;
    right: 31rem;
    top: -13rem;
}
#item .made .re_img .ab_img:nth-child(5){
	    top: -11rem;
    width: 40px;
    right: 22rem;
}
#item .made .re_img .ab_img:nth-child(6){
	    top: -11rem;
    right: 9rem;
    width: 55px;
}

#item .made .flx{

	justify-content: space-between;
}

#item .made .flx .box{
	    width: 23%;
}
#item .made .flx .box img{
	       width: 100%;
    height: auto;
}

#item .made .f_flx{
	margin-top: 7rem;
	margin-bottom: 4rem;
}

#item .foodloss h3{
	text-align: center;
}

#item .foodloss .about{
		margin-bottom: 12rem;
}
#item .foodloss .about h3{
	max-width: 375px;
    margin: 0 auto;
}
#item .foodloss .about h3 img{
	width: 100%;
}
#item .foodloss .about .txt{
	text-align: center;
	margin: 3.5rem 0;
	font-size: 17px;
}
#item .foodloss .about .txt span{
	font-weight: 600;
	color:#c20000;
}
#item .foodloss .about .bottom{
	background:url(https://bakerypicasso-online.com/img/foodloss/line.png) bottom repeat-x;
    width: 314px;
    margin: 0 auto;
    margin-bottom: 5.5rem;
	 font-size: 20px;
}
#item .foodloss .about .txt:nth-child(5){
	margin: 2.5rem 0 5rem 0;
	font-size: 14px;
	text-align: left;
}
#item .foodloss .itemflx {
	display: flex;
	flex-wrap: wrap;
	    justify-content: space-between;
	width: 95%;
    margin: 0 auto;
	  margin-bottom: 8rem;
}
#item .foodloss .itemflx .box{
	margin-bottom: 8rem;
	width: 30%;
}
#item .foodloss .itemflx .box .imgbox{
	position: relative;
	height: 300px;
    background-size: cover;
    border-radius: 1rem;
	background-position: center;
}
#item .foodloss .itemflx .box:first-child .imgbox{
	background-image: url(https://bakerypicasso-online.com/img/foodloss/pic04.png);
}
#item .foodloss .itemflx .box:nth-child(2) .imgbox{
	background-image: url(https://bakerypicasso-online.com/img/foodloss/pic05.png);
}
#item .foodloss .itemflx .box:nth-child(3) .imgbox{
	background-image: url(https://bakerypicasso-online.com/img/foodloss/pic06.png);
}
#item .foodloss .itemflx .box:nth-child(4) .imgbox{
	background-image: url(https://bakerypicasso-online.com/img/foodloss/pic07.png);
}
#item .foodloss .itemflx .box:nth-child(5) .imgbox{
	background-image: url(https://bakerypicasso-online.com/img/foodloss/pic08.png);
}
#item .foodloss .itemflx .box:nth-child(6) .imgbox{
	background-image: url(https://bakerypicasso-online.com/img/foodloss/pic09.png);
}

#item .foodloss .itemflx .box .itemttl{
	 font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 2rem;
	    color: #c20000;
	border-bottom: solid 2px #c20000;
    margin-bottom: 1rem;
}
#item .foodloss .itemflx .box .txt{
	font-size: 15px;
    text-align: justify;
    margin: 0;
	line-height: inherit;
}
#item .foodloss .itemflx .box img:nth-child(2){
	    width: auto;
    height: 312px;
}



#item .foodloss .eat img{
	height: auto;
}

#item .foodloss .eat {
	padding: 5rem;
	background-color: #f8f6f1;
	border-radius: 10px;
	position: relative;
}
#item .foodloss .eat .pa:first-child{
	position: absolute;
	left: 2rem;
	top: 4rem;
	width: 23%;
}
#item .foodloss .eat .pa:nth-child(2){
	position: absolute;
    right: 4rem;
    top: -2rem;
	width: 18%;
}
#item .foodloss .eat h3{
	    font-size: 3.4rem;
	color: #c20000;
	font-family: "しっぽり明朝 B1", serif;
	    margin-top: 0;
}
#item .foodloss .eat .ttl{
	    font-size: 17px;
text-align: center;
	margin-top: 0;
}

#item .foodloss .eat .flx{
	    margin-top: 6rem;
	justify-content: space-between;
	align-items: center;
}
#item .foodloss .eat .flx .box:first-child{
	     width: 45%;
}
#item .foodloss .eat .flx .box:nth-child(2){
	       width: 53%;
}
#item .foodloss .eat .flx .box:nth-child(2) .ttl{
	    text-align: left;
    font-size: 22px;
    font-weight: 600;
	color: #5c2300;
}
#item .foodloss .eat .flx .box:nth-child(2) span{
	background: linear-gradient(transparent 60%, #f9e5e5 10%);
}
#item .foodloss .eat .flx .box:nth-child(2) .txt{
	 font-size: 17px;
    line-height: 3.3rem;
    text-align: justify;
    margin-bottom: 3rem;
	margin-top: 0.5rem;
}
#item .foodloss .eat .flx .box:nth-child(2) .txt:nth-child(4){
margin-bottom: 0;
}

#item .foodloss .eat .w .flx{
    margin-top: 5rem;
    background-color: #fff;
    padding: 3.5rem;
    border-radius: 1rem;

}
#item .foodloss .eat .w .flx h4{
       font-size: 22px;
	color: #c20000;
}
#item .foodloss .eat .w .flx li{
        font-size: 17px;
	margin-bottom: 1rem;
	    text-indent: -1.2em;
    padding-left: 1.2em;
}
#item .foodloss .eat .w .flx li:last-child{
  margin-bottom: 0;
}
#item .foodloss .eat .w .flx li::before{
	content:url(https://bakerypicasso-online.com/img/foodloss/ico.png);
	width: 12px;
	height: 14px;
	margin-right: 0.5rem;
}

@media screen and (min-width: 715px) and (max-width: 1099px){
	#item .foodloss .itemflx{
		    width: 80%!important;
	}
	#item .foodloss .itemflx .box .imgbox{
		    height: 250px!important;
	}
	
}

/*----------------------------食パン食べ比べセット240209-----------------------------------------------*/


#item .DetailCommon h3 {
	text-align: center;
}

#item .DetailCommon .about{
		margin-bottom: 12rem;
}

#item .DetailCommon.about h3{
	max-width: 375px;
    margin: 0 auto;
}
#item .plain .about h3 img{
	width: 49%;
}

#item .DetailCommon.add20240213 .sttl02{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 58px;
}


#item .DetailCommon.add20240213 .sttl02 img{
    width: 11%;
    display: block;
}


#item .DetailCommon.add20240213 .sttl02 h3 {
    font-size: 32px;
    line-height: 50px;
    color: #c20000;
    margin-top: 25px;
    font-family: "しっぽり明朝 B1", serif;
}

#item .DetailCommon.add20240213 .eat h3{
	margin-bottom: 0;
}



#item .DetailCommon .about .txt{
	text-align: center;
	margin: 3.5rem 0;
	font-size: 17px;
}
#item .DetailCommon .about .txt span{
	font-weight: 600;
	color:#c20000;
}

#item .DetailCommon.add20240213 .about .yudaneBox{
    width: 90%;
    margin: 117px auto;
}
#item .DetailCommon.add20240213 .about .yudaneBox .box {
    margin-bottom: 47px;
}
#item .DetailCommon.add20240213 .about .yudaneBox .box:last-child {
    margin-bottom: 0px;
}
#item .DetailCommon.add20240213 .about .yudaneBox .box .lead{
    display: flex;
    align-items: center;
    font-size: 24px;
    font-family: "しっぽり明朝 B1", serif;
    font-weight: 900;
    color: #c20000;
}
#item .DetailCommon.add20240213 .about .yudaneBox .box .lead img{
    width: 4.4%;
    margin-right: 10px;
}

#item .DetailCommon.add20240213 .about .yudaneBox .box .txt {
    font-size: 15px;
    margin-top: 25.76px;
    text-align: justify;
}
#item .DetailCommon .about .bottom{
	background:url(https://bakerypicasso-online.com/img/foodloss/line.png) bottom repeat-x;
    width: 314px;
    margin: 0 auto;
    margin-bottom: 5.5rem;
	 font-size: 20px;
}
#item .DetailCommon .about .txt:nth-child(5){
	margin: 2.5rem 0 5rem 0;
	font-size: 14px;
	text-align: left;
}
#item .DetailCommon .itemflx {
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       width: 95%;
       margin: 120px auto 0;
       margin-bottom: 8rem;
}
#item .DetailCommon .itemflx .box{
	margin-bottom: 8rem;
	width: 30%;
}
#item .DetailCommon .itemflx .box .imgbox{
	position: relative;
	height: 300px;
    background-size: cover;
    border-radius: 1rem;
	background-position: center;
}
#item .DetailCommon .itemflx .box:first-child .imgbox{
	background-image: url(https://bakerypicasso-online.com/img/plain/02_pic_02.png);
}
#item .DetailCommon .itemflx .box:nth-child(2) .imgbox{
	background-image: url(https://bakerypicasso-online.com/img/plain/02_pic_03.png);
}
#item .DetailCommon .itemflx .box:nth-child(3) .imgbox{
	background-image: url(https://bakerypicasso-online.com/img/plain/02_pic_04.png);
}
#item .picassoSet .itemflx .box .imgbox {
    display: block;
    width: 100%;
}
#item .DetailCommon.plain .itemflx .box .imgbox{
    display: block;
}
#item .DetailCommon .itemflx .box .itemttl{
	 font-size: 18px;
    font-weight: 600;
    margin-top: 2rem;
    color: #c20000;
	border-bottom: solid 2px #c20000;
    margin-bottom: 1rem;
}
#item .DetailCommon .itemflx .box .txt{
	font-size: 15px;
    text-align: justify;
    margin: 0;
	line-height: inherit;
}
#item .DetailCommon .itemflx .box img:nth-child(2){
	    width: auto;
    height: 312px;
}



#item .DetailCommon .eat img{
	height: auto;
}

#item .DetailCommon .eat {
	padding: 5rem;
	background-color: #f8f6f1;
	border-radius: 10px;
	position: relative;
}
#item .DetailCommon .eat .pa:first-child{
	position: absolute;
	left: 2rem;
	top: 4rem;
	width: 23%;
}
#item .DetailCommon .eat .pa:nth-child(2){
	position: absolute;
    right: 4rem;
    top: -2rem;
	width: 18%;
}
#item .DetailCommon  .eat h3{
	    font-size: 3.4rem;
	color: #c20000;
	font-family: "しっぽり明朝 B1", serif;
	    margin-top: 0;
}
#item .DetailCommon  .eat .ttl{
	    font-size: 17px;
text-align: center;
	margin-top: 0;
}

#item .DetailCommon  .eat .flx{
	    margin-top: 6rem;
	justify-content: space-between;
	align-items: center;
}
#item .DetailCommon  .eat .flx .box:first-child{
	     width: 45%;
}
#item .DetailCommon  .eat .flx .box:nth-child(2){
	       width: 53%;
}
#item .DetailCommon  .eat .flx .box:nth-child(2) .ttl{
	    text-align: left;
    font-size: 22px;
    font-weight: 600;
	color: #5c2300;
}
#item .DetailCommon  .eat  .box:nth-child(2) span{
	background: linear-gradient(transparent 60%, #f9e5e5 10%);
}

#item .DetailCommon  .eat  .appeal02{
    color: #5c2300;
    font-size: 20px;
    line-height: 36px;
    font-family: 'Noto Sans JP';
    font-weight: bold;
    text-align: center;
    margin-top: 60px;
}
#item .DetailCommon  .eat  .appeal02 span{
	background: linear-gradient(transparent 60%, #f9e5e5 10%);
}
#item .DetailCommon  .eat .flx .box:nth-child(2) .txt{
	 font-size: 17px;
    line-height: 3.3rem;
    text-align: justify;
    margin-bottom: 3rem;
	margin-top: 0.5rem;
}
#item .DetailCommon  .eat .flx .box:nth-child(2) .txt:nth-child(4){
margin-bottom: 0;
}

#item .DetailCommon .eat .w .flx{
    margin-top: 5rem;
    background-color: #fff;
    padding: 3.5rem;
    border-radius: 1rem;

}
#item .DetailCommon  .eat .w .flx h4{
    font-size: 22px;
	color: #c20000;
}
#item .DetailCommon .eat .w .flx li{
    font-size: 17px;
	margin-bottom: 1rem;
	text-indent: -1.2em;
    padding-left: 1.2em;
}
#item .DetailCommon.add20240213 .eat .w .flx li{
    line-height: 35px;
}
#item .DetailCommon  .eat .w .flx li:last-child{
  margin-bottom: 0;
}
#item .DetailCommon  .eat .w .flx li::before{
	content:url(https://bakerypicasso-online.com/img/foodloss/ico.png);
	width: 12px;
	height: 14px;
	margin-right: 0.5rem;
}

@media screen and (min-width: 715px) and (max-width: 1099px){
	#item .DetailCommon  .itemflx{
		    width: 80%!important;
	}
	#item .DetailCommon  .itemflx .box .imgbox{
		    height: 250px!important;
	}
	
}
#plain #plain01 h3{
	font-family: "しっぽり明朝 B1", serif !important;
	font-size: 32px;
    text-align: center;
    margin-top: 7rem;
    line-height: 56px;
	color: #c20000;
    font-weight: 700;
	margin-bottom: 4rem;
}
#plain #plain01 span{
	font-size: 45px;
}
#plain #plain01 .txt{
	font-size: 17px;
	    line-height: 30px;
}

#plain #plain02{
	    margin-top: 10rem;
	padding: 7.5rem 0;
	background-color: #f8f6f1;
}
#plain #plain02 h3{
	font-family: "しっぽり明朝 B1", serif !important;
	font-size: 30px;
    text-align: center;
  color:#664929;
    font-weight: 700;
	margin-bottom: 4rem;
}
#plain #plain02 .txt{
	margin-bottom: 4rem;
	text-align: center;
}
#plain #plain02 .w{
	padding: 6rem;
	background-color: #fff;
	border-radius: 1rem;
}
#plain #plain02 span{
	font-size: 2rem;
	font-weight:600; 
	margin-bottom: 1.5rem;
}
#plain #plain02 li .txt{
	text-align: justify;
	line-height: 30px;
}
#plain #plain02 li:last-child .txt{
	margin-bottom: 0;
}
#plain #plain03{
	padding: 6.6rem 0 0 0;
}
#plain #plain03 ul{
	margin-bottom: 8rem;
}
#plain #plain03 h3{
	font-family: "しっぽり明朝 B1", serif;
	font-size: 3rem;
	border-bottom: solid 5px #f2eee6;
	margin-bottom: 3rem;
	color: #5c2300;
	padding-bottom: 0;
} 
#plain #plain03 span{
	    font-family: 'Noto Sans JP', sans-serif!important;
	font-size: 17px;
	font-weight: 600; 
	padding-left: 5rem;
	    padding-bottom: 0.5rem;
}
#plain #plain03 li{
	display: flex;
	font-size: 17px;
	margin-bottom: 1.5rem;
	align-items: center;
}
#plain #plain03 li::before{
	    content: "";
    display: block;
    height: 10px;
    width: 10px;
    background-color: #6d2d06;
    margin-top: 3px;
    border-radius: 10rem;
    margin-right: 5px;
}
#plain #plain03 a{ 
	display: flex;
	justify-content: center;
	align-content: center;
	color: #fff;
	border-radius: 4rem;
	background: linear-gradient(0deg, #5c2300 0%, #5c2300 50%, #6d2d06 50%, #6d2d06 100%);
	font-weight: 600;
	width: 400px;
	height: 80px;
	margin: 0 auto;
	 align-items: center;
    font-size: 24px;
}


/*========= ボタンのためのCSS ===============*/
.openbtn{
	position:fixed;
    z-index: 9999;/*ボタンを最前面に*/
	top:10px;
	right: 10px;
	cursor: pointer;
    width: 50px;
    height:50px;
}
	
/*×に変化*/	
.openbtn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
	background-color: #666;
  	width: 45%;
  }

.openbtn span:nth-of-type(1) {
	top:15px;	
}

.openbtn span:nth-of-type(2) {
	top:23px;
}


.openbtn span:nth-of-type(3) {
	top:31px;
}

.openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 18px;
    transform: translateY(6px) rotate(-45deg);
    width: 30%;
}

.openbtn.active span:nth-of-type(2) {
	opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 30px;
    left: 18px;
    transform: translateY(-6px) rotate(45deg);
    width: 30%;
}

/*check*/

.check h2{
color: #c20000;
	    font-size: 30px;
    text-align: center;
    line-height: 3rem;
    margin-bottom: 5rem;
}

.check .sysContent .sysHorizontal .sysItemImage img{
	width: 100%;
}

.check #sysItemName{
	    text-align: left;
    margin-top: 2rem;
    font-weight: 600;
}

.check .sysItemPrice{
	    text-align: left;
}

/*商品ページSNS*/

.fb_iframe_widget iframe{
	    margin-top: 9px!important;
}

#widget{
	display: none;
}

.btn-o{
	display: none!important;
}

/*パンくずリスト*/
#sysMain article{
    overflow: hidden;
}
.sysCategoryPankuzu{
	   background-color: #f8f6f1;
position: relative;
    width: 100%;
    max-width: 1100px;
    margin: 0 auto 4rem;
    display: flex;
    align-items: center;
    padding: 10px 0;
}
.sysCategoryPankuzu::before {
position: absolute;
    width: 200%;
    height: 40px;
    background-color: #f8f6f1;
    content: "";
    left: -50%;
    overflow: hidden;
    z-index: -1;
}
.sysCategoryPankuzu  a{
    margin: 0 5px;
}

/*flow*/

#flow .ttl_box .re_img{
	position: relative;
}
#flow .ttl_box img{
	 position: absolute;
    height: auto;
    width: 90px;
}
#flow .ttl_box .ab_img01{
	    top: -9rem;
    left: 11rem;
}
#flow .ttl_box .ab_img02{
	    top: 0rem;
    left: 3rem;
    width: 100px;
}
#flow .ttl_box .ab_img03{
	    top: -11rem;
    right: 14rem;
    width: 80px;
}
#flow .ttl_box .ab_img04{
	    top: -2rem;
    right: 2rem;
    width: 80px;
}
#flow .ttl_box h3{
	    font-size: 30px;
	color:#c20000;
	text-align: center;
    margin-bottom: 3rem;
    line-height: 4rem;
	    display: flex;
    flex-wrap: wrap;
    width: 53%;
    justify-content: center;
    margin: 0 auto;
}


#flow .ttl_box .big_txt{
	    display: flex;
	    font-size: 45px;
}

#flow .ttl_box .big_txt .diagonal{
	  display: flex;
    letter-spacing: -8px;
}
#flow .ttl_box{
	    margin: 6rem 0 10rem 0;
}
#flow .ttl_box .txt{
	    text-align: center;
}

#flow .Itinerary .flx{
	    justify-content: space-between;
}

#flow .Itinerary .flx:first-child{
	margin-bottom: 15rem;
}

#flow .Itinerary .flx .box{
	width: 47%;
}

#flow .Itinerary .flx .box .ttl{
	    display: flex;
    align-items: center;
    font-size: 28px;
    margin-bottom: 3rem;
	color:#c20000;
	    letter-spacing: -3px;
}
#flow .Itinerary .flx .box .ttl img{
	      margin-right: 2rem;
}
#flow .Itinerary .flx .box .txt{
	       line-height: 3rem;
}
#flow .Itinerary .flx .box .point{
	   background-color: #f8f6f1;
    padding: 2rem 3rem;
    border-radius: 10px;
    margin-top: 2rem;
}
#flow .Itinerary .flx .box .point .sttl{
	     font-size: 20px;
	color:#c20000;
}
#flow .Itinerary .flx .box .point .stxt{
	      font-size: 17px;
}

.diagonal{
	font-size: 45px; 
     transform: rotate(-10deg); 
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(30deg); 
    display: block;
}

.appeal{

	position: relative;
    margin-top: 20rem;
}

.appeal .txt_img{
	    position: absolute;
    top: -9rem;
    width: 640px;
    height: auto;
    left: 3rem;
}

.warning{
	margin: 7rem 0 12rem 0;
}

.warning .flx{
	    justify-content: center;
    align-items: center;
    margin: 3rem 0;
}

.warning .flx .box:first-child{
	    margin-right: 8rem;
}

.warning .flx .box:first-child .sttl{

	  font-size: 22px;
}

.warning .flx .box:nth-child(2) ul li{
	  padding: 0.5rem 0px;
    font-size: 16px;
}

.warning .flx .box:nth-child(2) ul li img{
	    margin-right: 5px;
}


/*パンくずリスト*/

.breadcrumbs{
	    background-color: #f8f6f1;
    padding: 1px 0;
}

/*news*/

.news_ttl_box{
	    max-width: 1100px;
    margin: 0 auto;
}
.news_ttl_box h2{
	    display: flex;
    align-items: center;
    font-size: 24px;
    margin-bottom: 1rem;
}
.news_ttl_box h2 img{

	    margin-right: 1rem;
}

#news .day{
	      text-align: end;
    font-size: 16px;
    margin-top: 0rem;
}



/*ログイン時、ボタン切り替え*/

.login_after{
	display:none;
}

body[data-member-login="true"] .login_before{
display:none;
}
body[data-member-login="true"] .login_after{
display:block;
}

/*ご利用ガイド*/


#guide01,#guide02,#guide03,#guide04,#guide05,#guide06{
	    padding: 0rem 0 15rem 0;
}

#guide_btn .flx{
	    height: 100px;
    margin-bottom: 10rem;
	margin-top: 8rem;
}

#guide_btn .flx .box{
	width: 40%;
   text-align: center;
    align-items: center;
   border-left: solid 1px #c20000;	
}

#guide_btn .flx .box:nth-child(4){
 border-right: solid 1px #c20000;	
}

#guide_btn .flx .box img{
    height: auto;
}
#guide_btn .flx .box:nth-child(2) .ico02{
	width: 27px;
}

#guide_btn .flx .box .ttl{
	    font-size: 17px;
    margin: 2px 0;
} 
#guide_btn .flx .box .arrow{
	 height: auto;
    width: 15px;
} 


#introduction .intro_btn{
	margin: 10rem 0rem;
}

#introduction .intro_btn .link_btn{
	margin-bottom: 3rem;
}

#introduction .intro_btn .inner{
	flex-wrap: wrap;
    display: flex;
    width: 100%;
    margin: 0 auto;
}


#introduction .intro_btn a{
	font-size: 16px;
    background-color: #fff;
    padding: 16px 3rem;
    border-radius: 5px;
    color: #c20000;
    width: 269px;
    display: block;
    border: solid #c20000 1px;
    position: relative;

    text-align: center;
    margin: 3px;
}

#introduction .intro_btn a img{
	position: absolute;
    height: auto;
   bottom: 15px;
    left: 48%;
}

#introduction .ttlBox,#grand .ttlBox{
	    text-align: center;
    margin-bottom: 4rem;
}
#introduction .ttlBox h2,#grand .ttlBox h2{
	  font-size: 30px;
	color: #c20000;	
}
#introduction #guide01 .sttl{
	 display: flex;
    align-items: center;
	font-size: 20px;
	color:#c20000;	
	    font-family: 'Noto Sans JP', sans-serif!important;
}
#introduction #guide01 .stxt{
	font-size: 17px;
	line-height: 3rem;
}
#introduction #guide01 .txtDeco{
	 font-size: 18px;
    height: 30px;
    background-color: #c20000;	
    display: block;
    width: 30px;
    border-radius: 30px;
   text-align: center;
    padding-top: 2px;
    color: #fff;
    margin-right: 1rem;
}

#introduction #guide01 .boxes .box{
	    padding: 4rem 0;
    border-bottom: 1px solid #d5d5d5;
}
#introduction .stxt{
	font-size: 17px;
}
.gray{
	background-color: #f1f1f1;
}
.gray th{
	background-color: #f1f1f1;
	padding: 3rem 0;
}

.gray th:nth-child(2){
	border-right:1px solid #d5d5d5; 
}

#introduction #guide02 table{
	width: 100%;
	margin-top: 4rem;
}
#introduction #guide02 table th:first-child,#introduction #guide02 table tr td:first-child{
	width: 80%;
    border-right: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
}
#introduction #guide02 table th,#introduction #guide02 table tr td{
	border-bottom: 1px solid #d5d5d5;
		border-top:1px solid #d5d5d5;
}
#introduction #guide02 table tr td{
	    padding: 2rem;
}

#introduction #guide02 table tr td:first-child{
	text-align: left;
}
#introduction #guide02 table tr td:nth-child(2){
	border-right: 1px solid #d5d5d5;
}
#introduction #guide03 .box,#introduction #guide04 .box,#introduction #guide05 .box,#introduction #guide06 .box{
	    margin-bottom: 5rem;
}
#introduction .stxt{
	      line-height: 2.5rem;
}
#introduction #guide03 h3,#introduction #guide04 h3,#introduction #guide05 h3,#introduction #guide06 h3{
	    font-size: 20px;
    border-bottom: 1px solid #c20000;
	    font-family: 'Noto Sans JP', sans-serif!important;
	color:#c20000;

	margin-bottom: 2rem;
}
#introduction #guide04 a,#introduction .bb{
	       border-bottom: #c20000 1.5px solid;
	font-weight: 600;
}

#introduction #guide04 .box:first-child img{
	width: 560px;
}

/*もったいないパンについて*/

#foodloss #foodloss01 h3{
	font-family: "しっぽり明朝 B1", serif !important;
	font-size: 32px;
    text-align: center;
    margin-top: 7rem;
    line-height: 56px;
	color: #c20000;
    font-weight: 700;
	margin-bottom: 4rem;
}
#foodloss #foodloss01 span{
	font-size: 45px;
}
#foodloss #foodloss01 .txt{
	font-size: 17px;
	    line-height: 30px;
}

#foodloss #foodloss02{
	    margin-top: 10rem;
	padding: 7.5rem 0;
	background-color: #f8f6f1;
}
#foodloss #foodloss02 h3{
	font-family: "しっぽり明朝 B1", serif !important;
	font-size: 30px;
    text-align: center;
  color:#664929;
    font-weight: 700;
	margin-bottom: 4rem;
}
#foodloss #foodloss02 .txt{
	margin-bottom: 4rem;
	text-align: center;
}
#foodloss #foodloss02 .w{
	padding: 6rem;
	background-color: #fff;
	border-radius: 1rem;
}
#foodloss #foodloss02 span{
	font-size: 2rem;
	font-weight:600; 
	margin-bottom: 1.5rem;
}
#foodloss #foodloss02 li .txt{
	text-align: justify;
	line-height: 30px;
}
#foodloss #foodloss02 li:last-child .txt{
	margin-bottom: 0;
}
#foodloss #foodloss03{
	padding: 6.6rem 0 0 0;
}
#foodloss #foodloss03 ul{
	margin-bottom: 8rem;
}
#foodloss #foodloss03 h3{
	font-family: "しっぽり明朝 B1", serif;
	font-size: 3rem;
	border-bottom: solid 5px #f2eee6;
	margin-bottom: 3rem;
	color: #5c2300;
	padding-bottom: 0;
} 
#foodloss #foodloss03 span{
	    font-family: 'Noto Sans JP', sans-serif!important;
	font-size: 17px;
	font-weight: 600; 
	padding-left: 5rem;
	    padding-bottom: 0.5rem;
}
#foodloss #foodloss03 li{
	display: flex;
	font-size: 17px;
	margin-bottom: 1.5rem;
	align-items: center;
}
#foodloss #foodloss03 li::before{
	    content: "";
    display: block;
    height: 10px;
    width: 10px;
    background-color: #6d2d06;
    margin-top: 3px;
    border-radius: 10rem;
    margin-right: 5px;
}
#foodloss #foodloss03 a{ 
	display: flex;
	justify-content: center;
	align-content: center;
	color: #fff;
	border-radius: 4rem;
	background: linear-gradient(0deg, #5c2300 0%, #5c2300 50%, #6d2d06 50%, #6d2d06 100%);
	font-weight: 600;
	width: 400px;
	height: 80px;
	margin: 0 auto;
	 align-items: center;
    font-size: 24px;
}

/*ハンバーガーメニュー*/

.hamburger span{
    background: #c20000;
}
.accordion-inner p a{
    text-decoration: underline;
}

.opcDeliveryMethod_backButton_edit{
    width: 100%!important;
}


/*お気に入り*/
.sysWishlistCloseBottomButtonGroup {
  text-align: center;

}

.sysWishlistMemberRegisterGroup input[type=submit] {
  margin-top: 0!Important;
}

#sysMypageEditDelivery .sysButton{
	margin-left: 7.7rem;
}

@media (min-width:768px) {
	
	button.itemCount2{
    right: 21px!important;
	}
	
	.header_sp .login_before .ico:first-child{
		    right: 7rem!important;
	}
	.header_sp .login_before .ico:nth-child(2){
		    right: -1rem!important;
	}
	.header_sp .login_after .ico:first-child{
		    right: 9rem!important;
	}
	.header_sp .login_after .ico:nth-child(2){
		    right: -1rem!important;
	}
	
	/*下層*/
	.header_sp_kasou .flx .spCart{
		right: 20rem!important;
	}
	.header_sp_kasou .login_before .ico:first-child{
		right: 45rem!important;
	}
	.header_sp_kasou .login_before .ico:nth-child(2){
		right: 36rem!important;
	}
	.header_sp_kasou button.itemCount2{
		    right: 69px;
	}
	
	.header_sp_kasou .login_after .ico:first-child{
		right: 44rem!important;
	}
	.header_sp_kasou .login_after .ico:nth-child(2){
		top: 40px!important;
		right: -3rem!important;
	}
}

@media (min-width:810px) {
	button.itemCount2{
    right: 21px;
	}
	
	/*下層*/
	.header_sp_kasou .flx .spCart{
		right: 17rem;
	}
	.header_sp_kasou .login_before .ico:first-child{
		right: 47rem;
	}
	.header_sp_kasou .login_before .ico:nth-child(2){
		right: 27rem;
	}
	.header_sp_kasou .login_before .ico:nth-child(3){
		 right: -14rem;
	}
	.header_sp_kasou button.itemCount2{
		    right: 74px;
	}
}


._8f1i:hover{
	opacity: 0.7;
}

#sysRegi #cartInfo p.cartTxt{
	margin: -5px;
}

/*hover時の光彩*/

.h_cart .sysCartInfoCartIn a:hover,a:hover{
  opacity: 0.7;
}

/*マイページ*/
.sysMypageNav form:nth-of-type(4), .sysMypageNav form:nth-of-type(5), .sysMypageNav form:nth-of-type(6){
display:none;
}

/*カート内決定ボタン*/
.sysAmazonNextSubmit{
	border:none;
	color: #fff!important;
	background: #c20000!important;
}

/*
------------------------------------
新規登録画面
------------------------------------
*/
.sysAcceptMailmagazine .sysRequired {
 display:none!important;
}
.sysAcceptMailmagazine span::after,
.sysAcceptMailmagazine span::before {
 display:none;
}

/*マイページ*/

#sysMypageEditDelivery #sysMain form:nth-of-type(2){
	text-align: center;
	   
}

#sysMypageWithdrawalConfirm #sysMain .sysWithdrawal form{
	text-align: center;
    margin: 1rem 0;
}

#sysMypageWithdrawalConfirm #sysMain .sysWithdrawal form:nth-of-type(1){
	margin-top: 3rem;
}

/*クーポン*/

#sysMemberCouponIndex #sysAll{
	margin-top: 20rem;
}

#sysMemberCouponIndex #sysWrap{
	    width: 1000px;
}
#sysMemberCouponIndex .sysLoginForm form:nth-child(2){
	text-align: center!important;
	
}
#sysMemberCouponIndex .sysLoginForm form:nth-child(2) input{
	width: 500px;
}

/*カレーパングランプリ*/

#grand .mv_ttl_img .ttl{
	    position: relative;
    padding-top: 2rem;
}

#grand .mv_ttl_img .ttl img{
	    position: absolute;
    top: -2rem;
    height: 36px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#grand .content01 .intro{
	    margin: 7rem 0;
}
#grand .content01 .intro .overview{
	    width: 760px;
    margin: 0 auto;
}
#grand .content01 .intro .overview ul{
	     margin: 4rem 0;
}
#grand .content01 .intro .overview li{
	       border-bottom: solid 1px #e9e4e4;
}

#grand .content01 .intro .overview p{
	    font-size: 17px;
}
#grand .content01 .intro .overview .sttl{
	   font-size: 20px;
}
#grand .content01 .intro .overview .ssttl{
	   font-size: 26px;
	color:#5c2300;
	    margin-bottom: -1.5rem;
    display: block;
}

#grand .vote{
	background: linear-gradient(
  #5c2300 0%,
  #5c2300 50%,
  #6d2d06 50%,
  #6d2d06 100%
);
}
#grand .explanation{
	margin: 12rem 0;
    text-align: center;
    padding: 4rem;
	background-color: #f8f6f1;
	border-radius: 10px;
}
#grand .explanation h2{
	  font-size: 30px;
	color:#5c2300;
	margin-bottom: 5rem;
	border-bottom: 5px solid #f2eee6;
	    padding-bottom: 3rem;
}
#grand .explanation .txt{
    text-align: left;
	    margin-top: 5rem;
	    font-size: 17px;
}
#grand .explanation .txt .b:first-child{
	display: block;
    margin-bottom: -1rem;
    font-size: 20px;
}
#grand .content02{
	 background: url(/img/grand/bg.png) ;
	margin-bottom: 5rem;
	text-align: center;
	max-width: inherit;
    position: relative;
    padding: 13rem 0;
}
#grand .content02 .ttl{
	     font-size: 32px;

    margin-bottom: 3rem;
} 
#grand .content02 .frame:first-child{
	position: absolute;
    top: 0;
} 
#grand .content02 .frame:last-child{
	position: absolute;
    bottom: -2rem;
} 

#grand .content02 .frame img{
	width: 100vw;
}
#grand .content02 .pc_View{
	margin: auto;
}

#grand .content03{
	padding: 5rem 0;
}
#grand .content03 .flx{
	    align-items: center;
	padding: 4rem 3rem 4rem 0;
	    margin-bottom: 1rem;
	background-color: #fef0ba;
	    border-radius: 10px;
}
#grand .content03 .flx .ttl_box h3{
	background-color: #fce177;
    font-size: 26px;
    font-family: 'Noto Sans JP', sans-serif;
    border-radius: 0 10px 10px 0;
    position: 0.5rem;
    padding: 1.5rem 0 1.5rem 3rem;
    width: 364px;
	line-height: 3rem;
}
#grand .content03 .flx .ttl_box h3 span{
	    font-size: 16px;
    margin-right: 0.5rem;
}
#grand .content03 .flx .ttl_box{
	    width: 43%;
}
#grand .content03 .flx .txt_box{
	    width: 57%;
}
#grand .content03 .flx .txt_box .txt{
	   background-color: #fff;
    padding: 1rem 2rem;
    margin-top: 2rem;
}
#grand .content03 .flx .txt_box .txt p{
	    font-size: 18px;
    line-height: 3rem;
}
#grand .content03 .main_btn{
	height: 80px;
    width: 610px;
    font-size: 20px;
    margin: 1rem 0;
}
#grand .content03 .main_btn img{
	    right: 15rem;
    height: 17px;
}
#grand .content03 .bgred{
	background-color: #c20000;
    color: #fff;
    margin-right: 0.5rem;
    border-radius: 5px;
    padding: 0 0.5rem;
    margin-left: 0.5rem;
}
#grand .content03 .vote{
	    height: 100px;
    border-radius: 60px;
}
#grand .content03 .vote .txt{
	    font-size: 26px!important;
}
#grand .content03 .vote img{
	right: 19rem;
    height: 22px;
}

#grand .content03 .ttlBox{
	    text-align: center;
    margin-bottom: 4rem;
}
#grand .ttlBox h2{
	  font-size: 30px;
	color: #c20000;	
}

/*アコーディオン*/

#headNavigation ul .po_ab{
	display: none;
}

#headNavigation ul .po_re:hover .po_ab{
	display: block;
	z-index: 99;
}

#headNavigation ul .po_ab{
	    position: absolute;
    background-color: #fff;
    width: 23rem;
}
#headNavigation ul .po_ab p{
	    padding: 1rem 0;
}
#headNavigation ul .po_ab p a{
	    font-size: 13px;
}
.slideMenu p{
	    font-size: 14px;
    font-weight: 600;
	    color: #c20000;
	    margin: inherit;
}

.sysAcceptMailmagazine{
display:none;
}

#a8sales{
	display: none;
}
.sysHorizontal{
	    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.sysSoldOutButton {
    width: 98%;
font-size:15px;
    border-radius: 40px;
    text-align: center;
    border: 1px solid #666;
    background: #666;
color:#fff;
    margin: 0 auto;
    margin-top: 3%;
    margin-bottom: 3%;
    padding: 1.5rem 0!important;
}

#0001 #sysExplanation {
    margin-top: 15px!important;
}
#sysMain .soldoutpr {
display: none;
}

.sysPr.sysDisplayKeitaiNone .oldoutpr {
    display: none;
}
.news ul li {
   margin-bottom: 20px;
}
.news ul li:last-child {
   margin-bottom: 0;
}
.news ul li a br {
    display: none;
}

.sysFuncInformation .sysContent nav ul li br {
   display: none;
}



/*popup*/
.popup-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(55, 55, 55, 0.4);
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s ease-out;
    z-index: 101;
}
 
.popup-container::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
 
.popup-container.active {
  opacity: 1;
  visibility: visible;
}
 
.popup-body {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 500px;
  width: 90%;
}
 
.popup-close {
  position: absolute;
  top: -30px;
  right: 0;
  font-size: 14px;
  color: #fff;
  background: rgba(0,0,0,60%);
  padding: 4px 15px;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
}
 
.popup-content {
  background: #fff;
  border: 2px solid #000;
  text-align: left;
  padding: 30px;
  font-weight: bold;
}

.deliveryFee{
    background: #eee6e6;
    color: #5c2300!important;
    padding: 3px 25px!important;
    font-size: 14px!important;
}

.FeeNotIncluded {
    background: #eee6e6;
    color: #5c2300!important;
    padding: 3px 25px!important;
    font-size: 14px!important;
}

.sysDisplayKeitaiNone span:first-child {
    padding: 0;
}


/*---------------Linepopup-20240208---------------------------*/
.popup-container .popup-body a:hover {
    opacity: 1;
}

/*---------------商品追加-20240213---------------------------*/
.DetailCommon.add20240213 .commonBanner {
    margin-top: 160px;
    display: flex;
}

/*---------------商品追加-top変更　20240430---------------------------*/

.header_bar .important ul li {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
    text-decoration: none;
    color: #ffffff;
    font-size: 15px;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding:10px 0;
}
#item .picassoSet  .about .ttl {
    margin: 117px auto 0;
}

/*---------------商品追加変更　20240628---------------------------*/
#sysItemDetail .sysSuggestedRetailPrice{
    color: #888;
    font-size: 16px;
}
#sysItemDetail .sysSuggestedRetailPrice span{
    font-size: 12px;
}


#sysItemDetail .sysRetailPrice span{
display:block;
font-size:16px;
color:red;
}


/*---------------ピカソセット　2024071---------------------------*/
.menu-flex{
	position: absolute;
	display: flex;
	justify-content: space-around;
	width: 95%;
	height: 350px !important;
	max-height: 350px !important;
	min-height: 350px;
	margin: 0 auto !important;
	margin-top: 10px;
	padding: 10px;
	top: 180px;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 100;
}

.menu-box01{
	width: 33.333%;
	margin: 30px;
}

.menu-box02{
		width: 33.333%;
	margin: 30px;
}

.menu-box03{
		width: 33.333%;
	margin: 30px;
}
.back{
	position: relative;
	width: 100%;
	height: auto;
	z-index: 0;
}
.relative {
    position: relative;
}
.back-sp {
    display: none;
}
.exteriar {
    position: absolute;
    width: 23%;
    height: auto;
    top: 105%;
    left: 50%;
    transform: translate(-50%, -95%);
    z-index: 1000;
}
#sysItemDetail .sysRetailPrice span.sysRetailPriceValue{
color:#000;
}


/***********************************
   商品一覧、商品カテゴリ
***********************************/
.sysItemCategoryForm,.sysItemListDisp,.sysItemList{
    max-width: 1100px;
    margin: 0 auto;
}
.sysItemList ul.sysThumbnail li{
    width: 25%;
}
.sysItemCategoryPankuzu{
    width: 90%;
    max-width: 1100px;
    margin: 180px auto 30px;
padding-top:10px;
}
.sysItemCategoryCtl .sysCurrent{
    color: #c20000;
    background: #f9e5e5;
    border: none;
    padding: 4px 12px;
}
.sysItemCategoryCtl a{
    background: #fff;
    padding: 4px 10px;
    margin: 2px 2px;
}
.sysItemCategoryCtl{
border:none;
}

.sysPagination a.sysCurrent{
    background: #f9e5e5;
    border: none;
    height: 60px;
    width: 60px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 2;
    font-weight: bold;
    color: #c20000;
}
.sysPagination a{
    background: #c20000;
    color: #fff;
    border: none;
    height: 60px;
    width: 60px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 2;
    font-weight: bold;
    color: #fff;
}
.sysPagination ul li{
    width: auto;
}
#sysItemCategory #sysHeader::before{
content:'';
    height: 42px;
    width: 100%;
    position: absolute;
    z-index: -1;
    background-color: #f8f6f1;
}





/***********************************
   商品検索
***********************************/
#sysItemSearch div#sysMain{
margin: 240px auto 40px;
}
#sysItemSearch div#sysMain h2{
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif !important;
    color: #c20000;
}
#sysItemSearch #sysMain .sysItemSearchForm{
    background-color: #f5f2f2;
    max-width: 680px;
    margin: 0 auto 60px;
}
#sysItemSearch #sysMain .sysSearchButton{
    background: #c20000;
    border-radius: 999px;
}
#sysItemSearch #sysMain .sysItemSearchFormRange input{
    padding: 4px 5px !important;
}
#sysItemSearch #sysMain .sysItemSearchFormCategory{
    margin-left: 30px;
    margin-right: 10px;
}




/***********************************
   商品一覧　カレーパン　カテゴリ
***********************************/
#sysMain .sysItemCategoryInfo #main01{
margin-bottom: 40px;
}




/*--------------- 特集 ---------------------------*/

.sysFuncBanner.feature{
    padding: 100px 0 100px;
}
.sysFuncBanner.feature .ttl{
    color: #c20000;
    line-height: 2.5rem;
}
/*--------------- 特集 カテゴリ ---------------------------*/

#sysItemCategory .sysFuncBanner.feature{
    margin-top: 16rem;
    background: #f8f6f1;
}



/*--------------- ランキング ---------------------------*/

.ranking .sysHorizontal{
    max-width: 1100px;
    margin: 0 auto;
}
.ranking .ttl{
    color: #c20000;
    line-height: 2.5rem;
    margin: 8rem auto 4rem;
}
.ranking .sysContent {
    text-align: left;
}
.ranking .sysContent .sysHorizontal li{
    width: 20%;
}

/*--------------- おすすめ商品 ---------------------------*/
.pickup .sysHorizontal{
    max-width: 1100px;
    margin: 0 auto;
}
.pickup .ttl{
    color: #c20000;
    line-height: 2.5rem;
    margin: 8rem auto 4rem;
}
.pickup .sysContent .sysHorizontal li{
    width: 25%;
}
.pickup .sysContent .sysItemPrice{
    text-align: left;
}



/*--------------- ヘッダーナビ改良 240930 ---------------------------*/
.h_navi2 #headNavigation li.tab1{
    width: inherit;
    padding-bottom: 30px;
}
.h_navi2 #headNavigation li.tab1:hover{
    cursor: pointer;
}
.h_navi2 .tabmenu li.tab1 {
   position: inherit;
}
.h_navi2 #headNavigation ul .po_re:hover .po_ab{
    display: flex;
    width: 100%;
    max-width: 1100px;
    left: 0px;
    right: 0;
    margin: 0 auto;
    justify-content: center;
    padding: 40px;
    background: #f5f2f2;
    top: 140px;
}
.h_navi2 #headNavigation li a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 30px;
}
.h_navi2 #headNavigation li a img{
border-radius:10px;
margin-bottom:10px;
}
.h_navi2 #headNavigation li a:last-child{
    margin-right: 0 ;
}
.h_navi2 #headNavigation li.tab1 i{
    margin-left: 5px;
}

.header2 .g_navi li{
  float: left;
  text-align: center;
}
.header2 .g_navi li a{
    align-items: center;
    display: flex;
    justify-content: center;
    font-weight: bold;
    font-size: 10px;
    border-radius: 20px;
    padding: 16px 0;
    flex-direction: column;
    color: #c20000;
}

.header2 .g_navi img{
    margin-right: 0;
    margin-top: 0;
    width: 17px;
    height: auto;
}

.header2 .g_navi li i{margin-right: 5px;}
.header2{
    width: 180px;
    height: 80px;
    float: left;
    display: flex;
    justify-content: flex-end;
}
.header2 .g_navi li:nth-child(1) a{
    margin-right: 6px;
}
.header2 .g_navi li:nth-child(1) img{
    margin: 0px 1px 1px 1px;
    width: 21px;
}
.header2 .g_navi li:nth-child(2) img{
    width: 28px;
    margin: -4px 18px 4px 21px;
}


.seachBox .sysContent{
    float: left;
}
.seachBox .sysContent form{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 18px;
    border: 1px solid #dddddd;
}
.seachBox .sysContent form input[type=search]{
    max-width: 180px;
    border: none;
    padding: 3px 10px !important;
}
.seachBox .sysContent form input[type=submit]{
    margin-top: 0px;
    border: none;
    padding: 4px 8px !important;
    background: #c20000;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}
.seachBox .sysContent form input[type=submit]:hover{
    cursor: pointer;
    opacity: .7;
}


.sysPagination{
    margin: 3rem auto 0;
}

.check .sysContent .sysHorizontal li{
    width: 28%;
    margin: 0 2.5%;
}
.check .sysContent .sysHorizontal li .sysItemImage{
    margin-bottom: 5px;
}


/* Xボタンのスタイル */
.popup-close {
    position: absolute;
    top: -5px;
    right: -7px;
    background: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #333;
    background: #333;
    border-radius: 999px;
    color: #fff;
    padding: 0;
    width: 40px;
    height: 40px;
}

.news{
    position: relative;
}

.news_wave-top .pic img,
.news_wave-bottom .pic img{
    width: 100%;
    height: auto;
}
.news_wave-top .pic.top,
.news_wave-bottom .pic.bottom{
    margin-bottom: -6px;
}
.news_button{
    background: #c20000;
    padding: 20px;
    margin: -1px 0;
}
.news_button img{
width: auto;
}
.news_btn{
    max-width: 300px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: center;
    margin: 30px auto 0;
    /* background: #fff; */
    border: 1px solid #fff;
    border-radius: 90px;
    padding: 8px 30px;
}
#news2{
    padding:0 !important 
}

.news-lists{
    max-width: 600px;
    margin: 0 auto;
    width: 90%;
}
.news-lists ul li{
    padding: 16px;
    border-bottom: 1px solid #eee;
}




/*--------------- 美味しい食べ方関連商品  ---------------------------*/
.eat_items .sysHorizontal{
    max-width: 1100px;
    margin: 0 auto;
}
.eat_items .ttl{
    color: #c20000;
    line-height: 2.5rem;
    margin: 8rem auto 4rem;
}
.eat_items .sysContent .sysHorizontal li{
    width: 25%;
}
.eat_items .sysContent .sysItemPrice{
    text-align: left;
}
@media screen and (max-width:1100px){
.sysDisplayMobileNone{
  display:none !important;
}

.SpView{
display: block;
}
.PcView {
display:none;
}

/* 10-0 Only Smartphone
 *----------------------------------------------------------------------*/
#sysWrap{
    margin-top:-7rem;
overflow: hidden;
}
#sysItemDetail #sysWrap{
	 margin-top:3rem;
}

#sysMain,#sysAside{ width: 100%!important;}

.sysMypage #sysWrap,
.sysMemberRegister #sysWrap{
  margin: 130px auto 0;
}

#sysFormIndex div#sysMain,
#sysFormConfirm div#sysMain,
#sysFormThanks div#sysMain{
  width: 98% !important;
  padding:20px 10px 30px !important;
    margin:10px auto;
}
.sysCart #sysMain,
.sysMypage div#sysMain,
.sysMemberRegister #sysMain,
#sysItemSearch div#sysMain{
    width: 98% !important;
  padding:20px 10px 30px !important;
    margin:0 auto;
}
.sysCart #sysMain {
  width: 94% !important;
  padding: 0 !important;
  margin: 0 auto;
}
.sysFormField label{display: block;}
#sysFormIndex .txtBlock{text-align: left;}
#sysMain{ margin-top: 0;}
.grid-col {
  float: none;
  width: 100%!important;
        margin-left: 0;
}
/*Header */
#sysHeader{ margin-bottom: 5px;}

/* Category Pankuzu */
.sysItemCategoryPankuzu {
    font-size: xx-small;
}

/* Archive Thumbnail Item */
.sysItemList ul.sysThumbnail { font-size: small;}
.sysItemList ul.sysThumbnail input { font-size: x-small;}

/* Order Area */
.orderArea { letter-spacing: normal;}
.orderArea > div {
    width: 100%;
    padding-right: 0;
    float: none;
}

.orderArea{
	display: block;
}

/*商品画像*/

.sysItemImages{
	width: 100%;
}

/*header検索ボックス*/
.h_search{
  margin-top:30px;
}

/***********************************
  商品詳細ページ
***********************************/
/*#sysItemDetail #sysMain {
    max-width: 450px;
    width: 90% !important;
}*/

#sysItemDetail .hamburger{
	top: 49px
}
.sysItemList ul.sysThumbnail li{width: 50% !important;}
.sysItemName a{font-size: 12px;}
/*商品名*/
#sysItemDetail .sysItemName h1{
  font-size:20px;
  padding-bottom:5px;
  margin-bottom:20px;
}

#sysItemDetail .sysItemName h1

#sysItemDetail .sysForm select{
  height:30px;
  text-align:center;
}
#sysItemDetail .sysSelectionDescription{margin: 5px 0 10px;}
#sysItemDetail #sysNumber{
	/*text-align: right;*/
    margin: 0;
	margin-bottom: 1rem;
}
div#sysNumber::before {
    font-size:14px;
}


.sysItemName,.orderArea{
	    width: 90%;
    margin: 0 auto;
	
}
.sysExplanation > div > span,
.sysReview > span{
    font-size: inherit;
}

.check .sysItemPrice{
	    margin-left: 0.5rem;
}

/*数量増減*/
#sysItemDetail .sysNumArea button {
  width: 35%;
}
/*PRアイコン(商品カテゴリーページ)*/
#sysItemCategory #sysMain{padding: 5px 0 ;}
.sysItemPrArea span{
        width: 48%;
        padding: 3px 0px;
        font-size: 10px;
}
#sysItemCategory input[type=submit]{margin-top: 0px;}
.sysAddSelection{font-size: 12px;}
.sysSelectionDescription{font-size: 10px;}
/*PRアイコン(商品詳細ページ)*/
.sysPr{margin-top: 10px;}
.sysPr span{
        width: 49%;
        font-size: 16px;
}
#sysItemDetail .sysForm select {
  min-width: 300px;
  display: inline-block;
  float: right;
}
#sysItemDetail .sysNumber select {
        min-width: 100px;
}

#sysItemDetail{
  padding-bottom:40px;
}

/*商品説明*/

#sysItemDetail .sysDescription{
   font-size: 14px;
    line-height: 2.5rem;
}

#sysItemDetail .sysRetailPrice{
	    margin: 1rem 0 1rem 0;
}



/*商品ページ用おすすめ商品*/
.itempage_recommend .sysItemBlock .sysHorizontal li{
  width:50%;
  padding:0 5px;
  margin-bottom:20px;
}
.itempage_recommend .sysItemName{
  font-size:12px;
}
.itempage_recommend .sysItemPrice{
  font-size:11px;
}

/*for demo 2017/01/12*/
.sysExplanation{
  float: none;
  width: 100%;
}

span.sp_newline{display: block}


.item_bnr img{
	margin-top: 15px;
}

/***********************************
  ヘッダー
***********************************/

.logo img{
	width: 180px;
}

.header_wrap{
	position: fixed;
    height: 70px;
    top:40px;
    left: 0;
    right: 0;
    margin: auto;
    background: #fff;
    z-index: 120;
}
#sysHeader{
  width: 100%;
  margin: 0px auto;
}
.h_inner{
	margin: 0px 0 0;
}
.header_h1_under{
  width: 100%;
  height: 20px;
  float: none;
  text-align: center;
  background: #ededed;
}
.header_h1{
  width: 100%;
  height: 0px;
  float: none;
  text-align: center;
  background: #ededed;
}
.header_h1_under a, .header_h1 a{
  display: none;
}
.head_title{
  font-size: 10px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  letter-spacing: 1px;
	color:#000;
}
.header_sp{
  width: 95%;
  margin: 0 2.5%;
  position: relative;
  text-align: center;
}
.header_sp #navBtn{
  position: absolute;
  top: 16px;
	left: 0;
}
.header_sp .spCart{
  position: absolute;
  top: 16px; 
	right: 0;
}
.header_sp .spCart img{
    width: 40px;
    height: 40px;
}

.header_sp #navBtn img{
	width: 40px;
    height: 40px;
}

.header_sp .spLogo img{
     width: 130px;
     margin: 15px;
}

.header_sp .flx{
	justify-content: space-between;
}

.header_sp .flx .icos{
width: 50%;
}

.header_sp .flx .box{
	    line-height: 14px;
	position: absolute;
}

.header_sp .flx .box img{
	    height: auto;
    width: 18px;
}
.header_sp .flx .box span{
	    font-size: 9px;
    padding-left: 4px;
}
.header_sp .flx .ico{
	padding-top: 14px;
	
}

.header_sp .flx .ico:nth-child(3){
	    right: -12.5rem;
}

.header_sp .flx .ico:nth-child(2){
	    right: -7rem;
}

.header_sp .login_after .ico:first-child,.header_sp .login_before .ico:first-child{
	    right: -1rem;
}


/***********************************
  カート情報
***********************************/
#cartInfo{display: none;}

/***********************************
  ナビゲーション
***********************************/
#headNavigation .pcnone{display: block;}
#headNavigation .spnone{display: none;}
#headNavigation li.active{background: #fff;}
.h_navi{
  width: 100%;
  height: 40px;
}
.h_navi2{
  width: 100%;
  height: 40px;
}
#headNavigation li.tab1{
        width: 25%;
    margin-top:10px;
}
#headNavigation li.tab1 a{
        font-size: 12px;
        line-height: 15px;
        position: relative;
}
#headNavigation li.tab1:nth-of-type(5){
        display:none;
}

/*ナビゲーショントグル*/

.toggleNav{
  display: none;
  width: 100%;
  position: absolute;
  height: 0px; /*heightはjs制御*/
  top: 39px; left:0;
  z-index: 110;
         background: rgba(0,0,0,0);
  box-shadow:0px 0px 0px 0px #ccc;
  -moz-box-shadow:0px 0px 0px 0px #ccc;
  -webkit-box-shadow:0px 0px 0px 0px #ccc;
}
.toggleNav:hover{overflow: visible !important;}
#headNavigation ul.tab{
        position: relative;
}
.tabmenu .border:after{
  content:none;
}
.tabmenu li.tab1{

  position: static;
  border-right:1px solid #000;
}
.tabmenu li.tab1:nth-child(4){
  border-right:none;


}
.tabmenu li.tab1 a{font-size:14px;}
.tabmenu ul:after{
    display: block;
    content: "";
    clear: both;
}
.tabmenu li.tab2{
  width: 100%;
  height:auto;
  text-align: left;
  line-height:1;
  font-size: 18px;
  border-bottom: 1px dotted #ddd;
  position: relative;
  background: rgba(255,255,255,1);
}
.tabmenu li.tab2 a{
  display: block;
  position: relative;
  padding: 5px 15px;
  font-size: 14px !important;
  line-height: 40px !important;
    font-weight: bold;
}
#headNavigation li.tab2 a:after{display: none;}
.tabmenu li.tab2 a i{
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top:-7px;
}

.h_spnavi{
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0px; left: 0;
  background: rgba(220,220,220,0.9);
  z-index: 1001;
  color: #444;
  display: none;
        overflow: auto;
}
#spNaviWrap{
  position: absolute;
  width: 100%;
  height: 1760px;
  top: 0px; left: -100%;
      background-color: #f8f6f1;
  z-index:  200;
  padding: 30px 10px 0;
        overflow: scroll;
}

/***********************************
  ログイン情報
***********************************/
.h_login .sysHeadline,.h_search .sysHeadline{
  text-align: center;
  font-size: 18px;
    margin-botom: 10px;
}
.h_login .sysContent{text-align: center;}
.h_login .sysFormItem{margin-bottom: 10px;}
.h_login .sysFormLabel{
  display: block;
  font-size: 12px;
  height: 20px;
  text-align: left;
  margin-bottom: 3px;
}
.h_login .sysLoginButton{
  width: 100%;
  margin: 10px 0%;
  border-radius:5px;
  background:#c20000;
  font-size: 15px;
  height: 35px;
  line-height: 10px;
	color: #fff;
}
.h_login li{
  border:1px solid #444;
  margin-bottom: 10px;
  font-size: 15px;
  height: 35px;
  line-height: 32px;
  text-align: center;
  border-radius:5px;
}
.h_login li a{
  font-size: 12px;
  padding: 0px 5px 5px 0px;
}

/***********************************
  ナビゲーションメニュー
***********************************/
#closeMenu{
  position: absolute;
  top: 15px; left: 15px;
  font-size: 15px;
}
#closeMenu span{
        font-size: 12px;
        margin: 0 10px;
        display: inline-block;
    cursor:pointer;
}
#closeMenu2{
        text-align: center;
        margin: 20px 0;
        border: 1px solid #444;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    border-radius:5px;
    cursor:pointer;
}
#closeMenu2 span{
        display: inline-block;
        margin: 0 10px;
}



#spNavMenu .navTitle{
  text-align: center;
  font-size: 18px;
}
#spNavMenu{
	margin: 40px 0 0;
}
#spNavMenu .spMenuList{
  height: auto;
  line-height: 40px;
  font-size: 15px;
  position: relative;
  border-bottom: 1px solid #aaa;
}
#spNavMenu .spMenuList a{
        display: block;
  padding-left: 15px;
}
#spNavMenu .spToggleNav{
  height: 270px;
  overflow: hidden;

}
#spNavMenu ul li{
  font-size: 14px;
  text-align: left;
}
#spNavMenu .spToggleNav li{padding-left: 20px;}
#spNavMenu .spToggleNav li:first-child{border-top: 1px solid #aaa}
#spNavMenu .spToggleNav li:last-child{border-bottom: 0;}


#spNavMenu .flx{
	justify-content: center;
	margin-bottom: 3.7rem;
}
#spNavMenu .flx li{
	 width: 7%;
    margin: 0 1rem;
	border: none;
    margin-top: 2rem;
	height: inherit;
}
#spNavMenu .main_btn{
	display: flex;
	width: 100%;
	margin: 2rem 0px;
}
#spNavMenu .main_btn .ab01{
	width: 15px;
    left: 10rem;
    top: 1.9rem;
}
#spNavMenu .main_btn .ab02{
	right: 3rem;
    left: inherit;
    top: 1.8rem;
}


/***********************************
  フッター
***********************************/
.footer{
  margin: 30px 0 0;
  background: #fff;
  letter-spacing: 2px;
}
.footer .f_navi_all{
  width: 95%;
  margin: 0 auto;
  padding: 10px 2.5% 0;
}
.footer .f_navi h3{
  width: 100%;
  height: 25px;
  background: #424242;
  color: #fff;
  margin: 10px 0;
  font-size: 12px;
  line-height: 25px;
  border-radius: 10px;
}
.footer .f_navi ul{
  width: 100%;
  text-align: left;
  margin: 0 auto;
}
.footer .f_navi li{
  display: inline-block;
  height: 25px;
  padding: 0 3px;
  margin: 10px 0px 0;
  font-size: 15px;

  position: relative;
  border-right: 1px solid #aaa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.footer .f_navi li i{
  position: absolute;
  font-size: 20px;
  line-height: 23px;
  right: 10px; top: 0;
}
.footer .f_navi li.sp_title{
  width: 100%;
  text-align: center;
  margin: 10px 0;
}

.footer .f_navi li.sp_title h5{
  position: relative;
  text-align: center;
  background: #fff;
}
.footer .f_navi li.sp_title h5 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
.footer .f_navi li.sp_title h5::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #222222;
}
.footer .f_navi li.sp_3column{
  width: 32%;
  margin-bottom: 5px;
}
.footer .f_navi li.sp_2column{
  width: 49%;
  margin-bottom: 5px;
}
.footer .f_navi li:after{width: 0;}
.footer .f_navi .b_none, .footer .f_navi .spb_none{border-right: 0px;}

.footer .f_gnav_all{
  background: #c3c3c3;
  padding: 0px 0 0px;
  letter-spacing: 2px;
  text-align: left;
}
.footer .f_gnav ul:after{
  display: block;
  content: "";
  clear: both;
}
.footer .f_gnav{
  width:100%;
  border-top: 1px solid #444;
  margin-bottom: 0;
  overflow: hidden;
}
.footer .f_gnav li{
  width: 50%;
  float: left;
  display: block;
  height: 45px;
  line-height: 45px;
  padding: 0px 0px 0 15px;
  font-size: 12px;
  position: relative;
  border-bottom: 1px solid #444;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.footer .f_gnav li i{
  position: absolute;
  font-size: 20px;
  line-height: 30px;
  right: 10px;
  top: 6px;
}
.footer .f_gnav li:nth-child(even){
  border-left: 1px solid #444;
}
.footer .f_gnav li:last-child{
  width:100%;
}
.footer .f_gnav li a{display: block;}
.footer .f_gnav .sp_wide{
  width: 100%;
  height: 38px;
  border-bottom: 0px;
}
.footer .f_gnav li:after{width: 0px;}
.footer .f_gnav{margin-bottom: 5px;}

.footer .f_copy{
  padding: 10px 5px;
  font-size: 10px;
}
@media screen and (max-width:320px) {
  .footer .telephone .telephone02 a {
      font-size: 27px;
  }
  .footer .f_gnav:nth-of-type(2) li:nth-child(3) a{
    font-size: 10px;
  }
}

/***********************************
  サイド
***********************************/
.side_search{
  width:95%;
  margin:0 auto 30px;
}
.side_navi_item,
.side_navi{
  width:95%;
  margin:0 auto;
}
.side_navi ul li.sysText a{
  padding:10px 5px !important;
}
.side_navi_item .sysHeadline,
.side_navi_item .sysContent{
  width:100% !important;
  margin:0 auto !important;
}
.side_navi_1{
  border-top:1px solid #000;
}

/***********************************
  共通パーツ
***********************************/
.sysTitle{
  width: 100%;
  margin: 30px auto!important;
  position: relative;
  text-align: center;
  font-size: 13px;
  letter-spacing: auto;
}
.sysTitle b{
  display: block;
  font-size: 12px;
  text-align: center;
  margin-top: 5px;
}
.sysTitle span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 10px 0 20px;
  background-color: #fff;
  text-align: center;
  font-weight: bold;
}
.sysTitle::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #222222;
}
.sysHeadline{
  width: 100%;
  margin: 30px 0 10px 0!important;
  position: static;
  font-size: 20px;
  letter-spacing: 3px;
}
.sysHeadline b{
  width: 100%;
  display: block;
  font-size: 10px;
  text-align: center;
  border-top: 1px solid #222222;
  padding: 0 80px;
  margin-top: 3px;
  padding-top: 5px;
}
.sysTitle span, .sysHeadline span{
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0;
  padding: 0;
  background-color: inherit!important;
  text-align: center;
}
.sysTitle::before, .sysHeadline::before {height: 0px;}
.contentsWrap{
  width: 90%;
  margin: 0 auto;
}

#aside_shop{
	padding: 9rem 0 0rem 0;
  margin-top: 8rem;
	margin-bottom: -4rem;
}

#aside_shop .ab_frame01 {
    top: -10rem;
}


#aside_shop .ab_frame02 {
    bottom: -13rem;
}

#aside_shop .inner{
	height: 115px;
}

#aside_shop .ab_frame07 {
    top: -12rem;
    left: 0;
}

#aside_shop .ab_frame07 img{
	    width: 351px;
    height: 129px;
}

#aside_shop .ab_frame08{
	    width: 65%;
   height: 106px;
    top: -14rem;
    right: -3rem;
}
	
#aside_shop .aside .box:nth-child(2){
	display: block;
	
}
#aside_shop .aside .box:nth-child(2) .txt{
	font-size: 14px;
    text-align: center;
}

.right-fixed-banner{
	    position: fixed;
    bottom: 0;
   width: 100%;
     z-index: 100;
}
.right-fixed-banner .bgSp {
    display: flex;
}
.right-fixed-banner .sp_View{
    margin: 0 auto;
    width: 97%;
    border-radius: 10px 10px 0 0;
}



/***********************************
  特商法テーブルレイアウト
***********************************/  
.p-law .sysTitle{width: 90%;}
#main_tradelaw, .main_tradelaw{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 30px;
  border: 0px solid #ddd;
}
#main_tradelaw dl , .main_tradelaw d{
  width: 100%;
  background: #ededed;
  border-bottom: 0px dotted #bfbfbf;
  overflow: hidden;
}
#main_tradelaw dl:after, .main_tradelaw dl:after{
  display: block;
  content: "";
  clear: both;
}
#main_tradelaw dt, .main_tradelaw dt{
  width: 100%;
  padding: 15px 0 15px 20px;
  float: none;
  clear: both;
  font-weight: bolder;
}
#main_tradelaw dd, .main_tradelaw dd{
  margin-left: 0px;
  padding: 15px;
  background: #fff;
}
.shipFee{
  max-width: 1100px;
  margin: 20px auto
}
.shipFee .tableTitle{
  text-align: center;
  font-size: 12px;
}
table.shipFeeTable {
  width: 100%;
  margin: 0%;
    border-collapse: collapse;
  margin-bottom: 30px;
    text-align: left;
    line-height: 1.5;
}
.spThead{display: block;}
.pcThead{display: none;}
table.shipFeeTable thead th {
  font-size: 12px;
    padding: 10px;
    font-weight: bold;
    vertical-align: top;
    color: #fff;
  text-align: left;
}
table.shipFeeTable tbody th {
  font-size: 12px;
  display: block;
  width: 100%;
  border: 0px solid #ddd;
}
table.shipFeeTable tbody .sum{
  position: relative;
  padding: 25px 10px;
  text-align: center;
}
table.shipFeeTable tbody .sum i{
  position: absolute;
  color: #888;
  font-size: 35px;
  left: 0;
  right: 0px;
  margin: auto;
  bottom: -20px;
  z-index: 20;
}
table.shipFeeTable td {
  display: block;
    width: 100%;
    vertical-align: top;
  border: 0px;
}
table.shipFeeTable b{
  color: #D42E30;
  display: inline-block;
  padding: 0 3px;
  font-size: 1.2em;
}

/***********************************
  2カラムレイアウト
***********************************/
.col2Style h2.pattern03{
  height: 35px;
  line-height: 35px;
  font-size: 18px;
  padding: 0 0px 3px 10px;
  margin: 0 0 15px;
  border-bottom: 1px solid #6843ac;
}
.col2Style .txtBlock li{margin: 10px 0;}
.col2Style .imgWrap img{
  width: 80%;
  margin: 0px 10%;
}
.col2Style .floatWrap img{
  width: 80%;
        margin: 0px 10%;
  float: none;
}
.col2Style .floatWrap .txt{
  padding-top: 5px;
  margin-left: 0px
}
.col2Style .floatImg .imgWrap{
  width: 100%;
  float: none;
}
.col2Style .floatImg .imgWrap img{
  width: 80%;
  margin: 20px 10%;
}

/***********************************
  お買物ガイド
***********************************/
.indexList li{
  padding: 3px 5px;
  font-size: 12px;
}
.guideBlock{








        padding-top: 0;
        maergin-top: 30px;

}

/***********************************
  ご利用ガイド
***********************************/
.f_guide{margin-top: 30px;}
.f_guide .sysContent{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.f_guide .Title{
  font-size: 20px;
  text-align: center; 
  padding: 20px 0 0px;
}
.f_guide .guideBlock{
  width: 95%;
  margin: 50px 2.5%;
  display: block;
  padding: 30px 0px 5px;
  border: 1px solid #424242;




  border-radius: 10px;
  position: relative;
}
.f_guide .guide01{padding-right: 0px;}
.f_guide .guide02{padding-left: 0px;}
.f_guide .guideTitle{
  width: 200px;
  margin: auto;
  text-align: center;
  margin-bottom: 10px;
  position: absolute;
  top: -15px; left:0; right: 0;
  background: #fff;
  font-size: 15px;
}
.f_guide p{
  font-size: 15px;
  line-height: 20px;
  margin: 5px 0  !important;
  text-align: left;
        padding: 0 10px 0 15px;
}
.f_guide img{width: 100%;}
.f_guide .mt{margin-top: 10px;}
.f_guide .smaller{font-size: 12px;}
.f_guide a.f_guide_btn{
  margin: 20px auto;
  float: none;
}
.f_guide .freedial{
  font-size:30px;
}


/* カート内商品数表示*/
button.itemCount2{
	display: none;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: #5c2300;
  border:none;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  text-align: center;
  line-height: 15px;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
	top: 1rem;
}

.header_sp_kasou button.itemCount2{
	    right: 3rem;
}

/*商品購入ステップ*/
.steps ul{width: 350px;}
.steps li{
  float: left;
  padding: 0 6px;
  height: 150px;
}
.steps li a{height: 150px !important;}
.steps li img{height: 150px;}
@media screen and (max-width: 350px){
/*商品購入ステップ*/
.steps ul{width: 275px;}
.steps li{
  float: left;
  padding: 0 2px;
  height: 100px;
}
.steps li a{height: 100px !important;}
.steps li img{height: 100px;}
}
/* 決済ページ*/
#sysPayment #sysWrap,
#sysConfirm #sysWrap,
#sysThanks #sysWrap,
#sysCartError #sysMain{
         width: 95% !important;
        margin-left: 2.5%;
}
#sysBillingAddress form{
        width: 95%;
        padding: 30px 20px;
        margin: 0 auto;
}
#sysPayment #sysMain .sysFormLabel{line-height: 10px;}
#sysDestination #sysMain{
           width: 95%;
            border: 1px solid #aaa;
            padding: 20px 20px !important;
            margin: 30px auto;
}

/***********************************
  マイページ
***********************************/
.sysMypage .sysMypageNav form{width: 97% !important;}

/***********************************
  新規会員登録
***********************************/
#sysMemberRegisterIndex .sysNextSubmit{
        width: 100%;
         float: none;
         margin-right: 0%;
         border-radius: 5px;
         height: 50px; 
         font-size: 15px;
}
#sysMemberRegisterIndex .sysButton[type="submit"]{
         width: 100%;
         float: none;
        margin-right: 0%;
        border-radius: 5px;
        height: 50px;
        font-size: 15px;
        margin-top: 0px;
}
#sysMypageLogin .sysLoginButton{
        width: 100%;
        float:none;
        margin-right: 0%;
	margin-bottom: 1rem;
}
#sysMypageLogin .sysButton{
        width: 100%;
        margin-left: 0%;
        margin-top: 0px;
}

/***********************************
  カートページ
***********************************/
/*ドメイン*/
.sysAcceptDomainArea .sysAcceptDomain a{
  padding:0;
  font-size:10px;
}

/***********************************
  ボタンデザイン
***********************************/
.common_btn{
  margin: 20px auto 30px;
}

/***********************************
  TOPページ
***********************************/
/*.トップスライダー*/
#slideShow{
	height: 130px;
}
.top_slider{
  padding-top:0;
  margin: 110px auto 0;
}

.owl-dots{
	    margin-bottom: 1rem;
	
}

.owl-dots .owl-dot {
  top:0;
}
.owl-dots .owl-dot span
{
	width:10px;
	height:10px;
	margin:5px 4px;
}

.owl-nav [class*=owl-] {

  margin-top: -25px;
  width: 15px !important;


  height: 28px !important;
}
.owl-nav .owl-prev{
  left:20%;
  background: url(/img/common/controls.png) no-repeat 0 0;
  background-size:30px !important;
}
.owl-nav .owl-next{
  right:20%;
  background: url(/img/common/controls.png) no-repeat -15px 0;
  background-size:30px !important;
}
.owl-nav .owl-prev:hover {
  background-position: 0 0;
}
.owl-nav .owl-next:hover {
  background-position: -15px 0;
}

/*新着アイテム*/
.top_newarrival li{
  width: 30% !important;
  margin: 0 1.5% 30px !important;

  padding:0 !important;
}
.top_newarrival li .sysItemName{
  padding-top:0;
}
.top_newarrival li .sysItemPrice{
  font-size:12px;
}

/*特集一覧*/
.top_features{
  overflow:hidden;
}
.top_recommend_item ul{
  font-size:0;
  text-align:left;
}
.top_features li{
  width: 46%;
  margin: 2%;
}

.top_features li:nth-child(1),
.top_features li:nth-child(2){
  position:relative;
  z-index:10;
  width:96%;
}
.top_features li:nth-child(1) p,
.top_features li:nth-child(2) p{
  position:absolute;
  left:0;
  bottom:0;
  z-index:15;
  margin:0;
  padding:10px;
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
}

/*おすすめ商品、ランキング*/
.top_ranking_item li{
  width: 30% !important;
  margin: 0 1.5% 30px !important;
  padding:0 !important;
}
.top_recommend_item li .sysItemName,
.top_ranking_item li .sysItemName{
  padding-top:0;
}
.top_recommend_item li .sysItemPrice,
.top_ranking_item li .sysItemPrice{
  font-size:12px;
}
.top_recommend_item li .sysCartButton,
.top_ranking_item li .sysCartButton{
  width:100%;
  font-size:10px;
  letter-spacing:-1px;
}

/*おすすめ商品*/
.top_recommend_item li{
  padding:5px !important;
}

/***********************************
  ワンページカート
***********************************/
/*情報入力ページ調整*/
.sysOpcBody .header_wrap {
  border-bottom: none;
}
.sysOpcBody img {
  max-width: 100%;
}
.sysOpcBody div#sysWrap {
  margin: 20px auto 0;
}
.sysCart #sysMain,
.sysOpcBody #sysMain{
  border: none;
}
.sysOpcBody div#sysMain {
  padding: 0 3%;
  margin-bottom: 0;
	margin-top: 0rem;
}
.opcCommonInputSelect,
.opcCommonButton {
  /*width: 49% !important;*/
}
.opcConfirm_inputStatus,
.opcConfirm_inputStatus_disable,
.opcConfirm_order,
.opcConfirm_order_disable {
  width: 94% !important;
}
.opcConfirm_inputStatus {
  margin-bottom: .5em;
}
.opcItem_increaseNumButton_edit,
.opcItem_decreaseNumButton_edit {
  width: 40px !important;
}
.opcCommonButtonGroup {
  margin-top: 1em;
}
.opcBillingAddress_genderMaleAndLabelGroup_edit,
.opcBillingAddress_genderFemaleAndLabelGroup_edit {
  width: 30% !important;
}
.opcBillingAddress_prefState_edit {
  margin: 5px 0;
  width: 100% !important;
}
.opcBillingAddress .opcCommonReferenceLabel {
  width: 70px;
  display: inline-block;
  position: relative;
}
.opcBillingAddress .opcCommonReferenceLabel::after {
  position: absolute;
  right: 0;
}
.opcDeliveryMethod .opcCommonReferenceLabel {
  width: 123px;
  display: inline-block;
  position: relative;
}
.opcDeliveryMethod .opcCommonReferenceLabel::after {
  position: absolute;
  right: 0;
}
.opcBillingAddress_addressGroup {
  width: calc(100% - 80px) !important;
}
.opcRemarks_remark_edit {
  width: 100% !important;
}
.opcDeliveryAddressEditDialog_directChangeButtonAndLabelGroup .opcCommonButton {
  margin: 0 0 .5em !important;
  width: 100% !important;
}
.opcOrderSummary_totalPriceLabel {
  font-size: 14px !important;
}
/*完了ページ調整*/
#sysThanks #sysMain {
  width: 100% !important;
  padding: 0 !important;
}


/*PICASO*/

/*共通*/

img{
	height: auto;
	width: 100%;
}

.inner{
	width: 90%;
}

.inner02{
	width: 100%!important;
}

.pc_View{
	display: none;
}
.sp_View{
	display: block;
}

.news{
	display: block;
}

.main_btn{
	    display: block;
	    padding: 1px;
}

.main_btn img{
	    position: absolute;
    right: 20px;
    top: 18px;
    width: 6px;
    height: auto;
}

.ttl{
	font-size: 30px;
}


.ssttl{
    font-size: 12px;
}

.mv_ttl_img{
    background-image: url(https://bakerypicasso-online.com/img/flow/ttl_img_sp.png);
    height: 130px;
    margin-bottom: 2rem;
}

.mv_ttl_img .ttl{
	    font-size: 24px;
}

body[data-member-login="true"] .login_before{
display:none;
}
body[data-member-login="true"] .login_after{
display:block;
}

/*TOP*/

#main01 .content01{
	position: relative;
	text-align: center;
	padding: 1rem 0;
	margin-top: 1rem;








}

#main01 .content01 .flx .badge{
	    width:36%;
	    top: -9px;
}


#main01 .content01 .ab_frame01{
	    margin-bottom: 1px;
		    position: absolute;
    top: -1rem;
    left: 0;
}

#main01 .content02 .box .ab_img05{
	    right: -14px;
    width: 130px;
	    top: -30px;
}

#main01 .content01 .ab_img01, #main01 .content01 .ab_img02, #main01 .content01 .ab_img03, #main01 .content01 .ab_img04{
	    width: 26px;
}
#main01 .content01 .ab_img01{
	right: -10px;
    top: 9px;
}

#main01 .content01 .ab_img02{
	    right: 18px;
    top: 38px;
}
#main01 .content01 .ab_img03{
	 width: 33px;
	    right: -13px;
    top: 61px;
}

#main01 .content01 .ab_img04{
	 width: 60px;
}

#main01 .content01 .sttl{
	     font-size: 16px;
    color: #000!important;
}

#main01 .content01 .mttl{
	    margin: -6px 0;
	font-size: 30px;
	color:#c20000;
}

#main01 .content01 .ttl{
	line-height: 3.5rem;
   margin-bottom: 2rem;
   font-size: 32px;
	margin-top: 1rem;
}

#main01 .content01 .btxt{
	 font-size: 11px;
    line-height: 2rem;
	   margin-top: -1rem;
}


#main01 .content02{
	padding: 1rem 0 4rem 0;
}

#main01 .content02 .box{
	width: 100%;
	    padding: 3rem 2rem;
	margin-bottom: 2rem;
}
#main01 .content02 .box .txt{
	    width: 70%;
    margin-left: 0;
    line-height: 2.3rem;
    font-size: 14px;
    margin-bottom: 3rem;
    text-align: justify;
}


#main01 .content02 .box .main_btn{
	    width: 100%;
    text-align: center;
    padding: 3px;
	font-size: 15px;
}
#main01 .content01_sp{
	    position: relative;
}


#main01 .content01_sp .flx{
	    justify-content: center;
}

#main01 .content01_sp .flx .box:first-child{
	   width: 37%;
}
#main01 .content01_sp .flx .box:nth-child(2){
	 padding:0; 
	    margin-left: 1rem;
    text-align: left;
}
#main01 .content01_sp .flx .box:nth-child(2) .S{
	    line-height: 22px;
}
#main01 .content01_sp .flx .box:nth-child(2) .ssttl{
	      font-weight: 700;
            font-size: 12px;
    white-space: nowrap;
}
#main01 .content01_sp .flx .box:nth-child(2) .red{
	       font-size: 20px;
}
#main01 .content01_sp .flx .box:nth-child(2) .ttl{
	        margin-bottom: -1rem;
	    line-height: 3.5rem;
    font-size: 32px;
    margin-top: 1rem;
}
#main01 .content01_sp .flx .box:nth-child(2) .ttl img{
	         width: 198px;
}
#main01 .content01_sp .btxt{
	margin-top: 1rem;
    font-size: 12px;
    width: 90%;
}
#main01 .content02 .box{
    padding: 2rem 2rem 5rem 2rem;
}
#main01 .content02 .box .txt{
	      width: 100%;
    margin-bottom: 1.5rem;
}

#main01 .content02 .box .main_btn img{
	    width: 8px;
    height: auto;
    top: 19px;
}

#main01 .content01 .line{
	width: 200px;
}


#main01 .purchase .Trial .pcView { display: none;}
#main01 .purchase .Trial .spView { display: block;}
#main01 .purchase, 
#main04 .purchase {
    flex-direction: column;   
}

#main01 .purchase {
width: 100%;
}
#main04 .purchase {
    margin: 0 auto;
    width: 90%;
}



#main01 .purchase .FeeFree,
#main04 .purchase .FeeFree {
    position: absolute;
    top: -19px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    
    width: 282px;
}


#main04 .purchase .FeeFree {
    top: -52px;
}

#main01 .purchase .BannerLink,
#main04 .purchase .BannerLink{
    display: flex;
    flex-direction: column;
    background-color: #f2e9d9;
    border-radius: 10px;
    padding: 40px 10px 37px;
    width: 100%;
}

#main04 .purchase .Trial {
width:100%
}
#main04 .purchase .Trial img {
 margin: 0!important;
}
#main01 .purchase a.main_btn.margin{
        margin-bottom: 5px;
}

#main01 .purchase .addtext::before {
    top: 54px;
    font-size: 14px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#main04 .purchase .addtext::before {
    font-size: 14px;
    top: 57px;
   left: 50%;
    width: 100%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
#main04 .content01 .main_btn .btn_txt {
    font-size: 15px;
    margin: 14px auto 7px;
}

#main01 .purchase .main_btn.margin, #main04 .purchase .main_btn.margin {
    margin-right: 0;
}
#main04 .content01 .sp_View .main_btn {
    margin-bottom: 0.5rem!important;
}

#main04 .purchase {

    margin: 0 auto 4.5rem;
    width: 90%;
}
/*
#main04 .foodloss{
	width: 90%;
    margin-top: 4rem;
    margin-bottom: 4rem;
}*/


#main04 .foodloss {
   flex-direction:column;
}
#main04 .foodloss a {
   width: 100%;
}
#main04 .foodloss a:first-child {
   margin-bottom: 20px;
}

/*main02*/
#main02{
	margin: 2rem 0 2rem 0;
}

#main02 .ab_img01{
    left: 1rem;
    top: 82%;
    width: 14%;
}
#main02 .ab_img02{
    top: 24rem;
    width: 10%;

   right: 1rem;
}

#main02 .sttl{
	font-size: 27px;
    background: linear-gradient(transparent 60%, #ffe5e5 30%);
    width: 200px;
	margin: 0 auto;
}

#main02 .box{
	 text-align: center;
    padding: 3rem 0 0 0;
	    width: 90%;
    margin: 0 auto;
}

#main02 .box img{
	margin-bottom: 3rem;
}

#main02 .box .txt{
	    font-size: 14px;
    line-height: 2rem;
}

#main02 hr{
	 display: none;
}

#main02 .main_btn{
	margin: 0 auto;
    margin-top: 2rem;
} 

#main02 .box:nth-child(2){
	width: 92%;

    margin: 0 auto;
	    margin-bottom: 2rem;
}

#main02 .frame{
	    bottom: -64px;
}

.news .ttl{
	    line-height: 23px;
	
}

.news .ttl img{
	    margin-bottom: 1.5rem;
	width:40px;
	  
}

.news .sysHeadline{
	    width: 100%!important;
}

#news{
	margin-bottom: 0;
	scroll-margin-top: 30rem;
	margin-top:-100px;
padding-top:100px;
}
.news .news_sttl{
	    background-color: inherit;
}
.news .sysContent ul{
        width: 90%;
        margin: 0 auto;
}
#sysInformation #sysMain{
	    margin-top: 0rem;
}

#sysInformation #sysMain .sysNewsDetail{

	margin-bottom: 13rem;
}

#sysInformation #sysMain h1{
	    width: 90%;
    font-size: 16px;
}

#sysInformation #sysMain h1 p{
	    margin-bottom: 0px;








}

#main03 .line_bnr{
	margin-top: 6rem;
	    margin-bottom: 4rem;
}

#main03 .line_bnr img{
	margin: 0 auto;
}

/*insta*/

#insta .ab_frame01{
	    top: -7px;
}

.news ul li{
	    font-size: 15px;
	    padding: 0.5rem 0px;
}

#insta{
	    padding: 5rem 0;
}

#insta h2{
	    margin-bottom: 2rem;
}

#insta iframe{
	width: 100%!important;
}

#insta .ab_frame02{
	    bottom: -13px;
}

/*main03*/

#main03 .ab_frame01{
	    top: -5px;
}

#main03{
	margin: 4rem 0 -6rem;
}

#main03 .more{
	    padding: 6rem 0;
	
}

#main03 .more_box h2{
	font-size: 20px;
}

#main03 .more_img{
	width: 40px;
}

#main03 .more_box
{
	padding: 3rem 1rem;
	    margin: 0 auto;
	    width: 100%;
}
#main03 .more_box .stxt{
	      font-size: 12px;
    line-height: 2rem;
}


/*main04*/

#main04 .content01{
	 padding-top: 4rem;
	padding-bottom: 5rem;
}

#main04 .content01 .sp_View .inner img:first-child{
	    margin: 3rem 0;
}

#main04 .content01 .sp_View .main_btn{
	text-align: center;
	height: 53px;
    font-size: 18px;
	width: auto!important;
	margin-top: 0!important;
	    margin-bottom: 4rem;
}

#main04 .content01 .sp_View .main_btn img{
	right: 20px;
    top: 21px;
    width: 6px;
}

#main04 .content02{
	padding-top: 6rem;
	padding-bottom: 5rem;
}

#main04 .content02 .sp_View .white{
	    background-color: #fff;
    border-radius: 10px;
    padding: 4rem 2rem;
	position: relative;
}
#main04 .content02 .sp_View .white .po_ab{
	position: absolute;
     top: -2rem;
    width: 87%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#main04 .content02 .sp_View .white .ttl{
	    text-align: center;
    font-size: 24px;
	position: relative;
	color: #c20000;
	    margin-top: 6rem;
    margin-bottom: 2rem;
}

#main04 .content02 .sp_View .white .box{
	width: 80%;
    margin: 0 auto;
    margin-top: 5rem;
    margin-bottom: 6rem;
}

#main04 .content02 .sp_View .white .box .sttl{
	    font-size: 17px;
	color:#c20000;
	margin-top: 1.5rem;
	    font-family: 'Noto Sans JP', sans-serif;
	padding-left: 1.8em;
    text-indent: -1.9em;
}

#main04 .content02 .sp_View .white .box .s{
	    margin-right: 1.5rem;
	font-family: 'Cinzel', serif;
}

#main04 .content02 .sp_View .white .box .txt{
	font-size: 14px;
	line-height: 2.5rem;
}

#main04 .content03{
	padding-top: 1rem;
}

#main04 .content03 .ttl_box{
	    background-image: url(/img/top/main04/sp_ttl_bg.png);
	width: 100%;
    height: 85px;
    background-size: cover;
}
#main04 .content03 .ttl_box h2{
	    font-size: 26px;
	    margin-top: 2.5rem;
}

#main04 .content03 .flx .txt_box .stxt{
	    margin-bottom: 3rem;
}

#main04 .content03 .flx{
	display: block;
}
#main04 .content03 .flx .txt_box{
	width: auto;
}

#main04 .content03 .flx .txt_box .sp_View h3{
	display: block;

    font-size: 22px;
    text-align: center;
	color:#5c2300;
	margin-bottom: 2rem;
}

#main04 .content03 .flx .txt_box .sp_View h3 img{
	    display: block;
    margin: 0 auto;
    margin-bottom: 1.5rem;
}

#main04 .content03 .flx .txt_box .sp_View .stxt{
	text-align: justify;
	font-size: 14px;
    line-height: 2.5rem;
	margin-bottom: 3rem;
}

#main04 .content03 .po_re{
	/*width: 1px;
	margin-left: 7%;*/
	display: none;
}

#main04 .content03 .sp_flow{
	margin-top: 3rem;
	position: relative;
}

#main04 .content03 .sp_flow .flx{
margin-bottom: 3rem;
	display: flex!important;
	 align-items: flex-start;
	    justify-content: space-between;
}

#main04 .content03 .sp_flow .num_box{
	    margin-right: 2rem;
	    width: 15%;
}

#main04 .content03 .sp_flow .img_box{
	    width: 70%;
}
#main04 .content03 .sp_flow .img_box .txt{
	        font-size: 14px;
}
#main04 .content03 .sp_flow .img_box img {
    border-radius: 10px;
}
#main04 .content03 .flx .txt_box h3 img{
	width: 30px;
}

#main04 .content03 .inner{
	    margin-top: 11rem;
}
#main04 .content03 .flx .txt_box .stxt{
	font-size: 14px;
}

#main04 .content03 .vertical{

	    left: 2.3rem;
	    top: 8rem;
}

#main04 .content03 .frame .po_ab{
	top: 5rem!important;	 
}

#main04 .content03 .frame{
	    width: 100%;
}

#main04 .content03 .message{
	    margin: 5rem 0 0 0;
	padding-bottom: 6rem;
}

/*bnrs*/

.bnrs img{
	margin-bottom: 1rem;
}

#aside_bnr{
	    margin-bottom: 4rem;
	text-align: center;
}


/*cal*/

#cal .inner{
	width: 100%;
}

#cal h2{
	    margin-bottom: 3rem;
	    line-height: 2.3rem;
}

.calendar-wrap h3{
	    font-size: 15px;
    margin-bottom: 1rem;
	font-weight: 100;
}

.calendar{
	width: 90%;
    margin: 0 auto;
}

#cal .flx{
	display: block;
}
.calendar-wrap{
	width: 100%;
    margin: 0 auto;
}
#cal .txt{
	padding-left: inherit;
	font-size: 13px;
	text-align: justify;
	margin: 1rem 0;
}

#cal .sec_txt,#cal .thi_txt{
	    text-indent: -13px;
    padding-left: 12px;
}


.calendar-wrap th, td{
	    padding: 5px;
	font-weight: 100;
}
#cal .cal_txt{
	    padding-left: 3.5rem;
}

.calendar-wrap:nth-child(2){
	margin-top: 3rem;
	margin-bottom: 4rem;
}

.calendar-wrap td{
	    font-weight: 100;
}

#footer{
	     padding: 4rem 0;
}

#footer nav{
	line-height: 2rem;
	    justify-content: space-around;
}

#footer .flx{
	display: block;
}
.sysContent li{
	    font-size: 12px;
}

#footer nav li a{
	    font-size: 10px;
}
#footer h2 img{
	    width: 250px;
    margin-top: 3rem;
}
#footer .main_btn{
	    width: 250px;
    margin: 0 auto;
    margin-top: -1rem;
}
#footer .main_btn .ab01{
	    left: 48px;
    top: 16px;
    width: 15px;
}
#footer .main_btn .ab02{
	    top: 16px;
	width: 6px;
}

#footer .main_btn .btn_txt{
	font-size: 13px;
}

/*item*/

#item .about .ttl{
	font-size: 20px;
}

#item .about .txt{
	font-size: 14px;
	margin: 1rem 0 2rem 0;
    line-height: 2.5rem;
    text-align: justify;
}

#item .about .sttl{
	height: 30px;
	    width: auto;
}
#item .about .line{
	margin-bottom: 2rem;
}
#item .list{
	display: block;
}
#item .list .box{
	width: 100%;
}
#item .list tr{
	font-size: 14px;
}
#item .w100 tr{
	font-size: 14px;
}
#item .made .ttl{
	 line-height: 2rem;
    font-size: 20px;
    margin-bottom: 4rem;
}
#item .made .sttl{
	    width: 150px;
}

#item .made .re_img .ab_img{
	    width: 40px;
}

#item .made .re_img .ab_img:first-child{
	      top: -7rem;
    left: -1rem;
    width: 30px;
}
#item .made .re_img .ab_img:nth-child(2){
	           left: 3rem;
    top: -7rem;
    width: 20px;
}
#item .made .re_img .ab_img:nth-child(3){
	   left: 6rem;
    top: -7rem;
    width: 20px;
}
#item .made .re_img .ab_img:nth-child(4){
	         width: 15px;
    right: 6.5rem;
    top: -7rem;
}

#item .made .re_img .ab_img:nth-child(5){
	         top: -7rem;
    width: 15px;
    right: 3rem;
}
#item .made .re_img .ab_img:nth-child(6){
	    top: -7rem;
    right: -1rem;

    width: 20px;
}


#item .made .flx{
	flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 0rem;
	 margin-bottom: 1rem!important;
}

#item .made .flx .box{
    width: 44%;
}

#item .made .flx .txt{
       font-size: 12px;
    margin-top: 0rem;
}

#item .made{
	    margin: 5rem 0 0 0;
}

#item .made .frame:nth-child(2){
	position: absolute;
    top: 0;
}
#item .made{
	padding: 6rem 0;
}

#item .made .frame:first-child img{
  position: absolute;
    bottom: -7px;
}
#item .made .frame .ab_frame02{
   position: absolute;
    top: 0;
}





/*商品ページ*/
#sysItemDetail .sysCartButton{
	    margin-top: 1rem;
}

#sysWishlist .sysButton, #sysItemDetail .sysCartButton{
	margin-left: 0!important;
}


nav.globalMenuSp ul{
width: 80%;
}
nav.globalMenuSp ul li a{
    font-size: 12px;
    padding: 1rem 0;
}
nav.globalMenuSp.active{
    padding-top: 6rem;
}

#eat nav.globalMenuSp, #faq nav.globalMenuSp, #shopping-guide nav.globalMenuSp, #about nav.globalMenuSp, #sysItemDetail nav.globalMenuSp, #law nav.globalMenuSp, #privacypolicy nav.globalMenuSp, #sysFormIndex nav.globalMenuSp{
	padding-top: 9rem!important;
}
.check{
	width: 96%;
    margin: 0 auto;
	margin-top: 6rem;
	margin-bottom: 6rem;
}

.check h2{
	font-size: 20px;
	    line-height: 2rem;
	    margin-bottom: 3rem;
}

.check h2 img{
	    width: 55px;
    height: auto;
}

.check .sysContent .sysHorizontal li{
    width: 33%;
    margin: 0;
}
.check .sysContent .sysHorizontal .sysItemImage img{
    width: 100%;
}


/*パンくず*/

.sysCategoryPankuzu{
	    margin-bottom: 2rem;
    display: block;
        padding: 0rem 2rem 1.5rem;
        margin-top: -1rem;
        font-size: 12px;
}

.breadcrumbs .inner{
	width: 90%!important;
}

.breadcrumbs p{
	font-size: 10px;
}
 .sysFreeArea{
	    margin-top: 8rem;
    margin-bottom: 1rem;
}
.sysMemberRegister .sysFreeArea{
        margin-top: 4rem;
}

/*おいしいパンのお召し上がり方*/

#flow .inner{
	width: 90%;
}

#flow .content01{
	width: 90%;
}

#flow .ttl_box{
	margin: 3rem 0 5rem 0;
}

#flow .ttl_box img{
	width: 50px;
}
#flow .ttl_box .ab_img01{
	       top: -5rem;
    left: 4rem;
}
#flow .ttl_box .ab_img02{
          top: -2rem;
    left: -1rem;
    width: 45px;
}
#flow .ttl_box .ab_img03{
	      top: -5rem;
    right: 4rem;
    width: 40px;
}
#flow .ttl_box .ab_img04{
	         top: -3rem;
    right: -1rem;
    width: 35px;
}
#flow .ttl_box h3{
	font-size: 18px;
    margin-bottom: 2rem;
    line-height: 2.8rem;
    letter-spacing: -1px;
	   width: 100%;
     padding-top: 2rem;


}
#flow .ttl_box .big_txt{
	letter-spacing: -6px;
    font-size: 30px;
}

#flow .ttl_box .txt{
	    font-size: 12px;
}

.diagonal{
	    font-size: 40px;
	
}

.Itinerary .ttl img{
	    height: auto;
    width: 55px;
    margin-right: 1rem;
	
}

.Itinerary .ttl{
	font-size: 20px;
    display: flex;
    align-items: center;
	letter-spacing: -2px;
}

.Itinerary .txt{
	    font-size: 12px;
    text-align: justify;
    letter-spacing: 0px;
    line-height: 2rem;
}

#flow .Itinerary .box .point{
	   background-color: #f8f6f1;
    padding: 2rem 3rem;
    border-radius: 10px;
    margin-top: 2rem;
}
#flow .Itinerary .box .point .sttl{
	     font-size: 12px;
    margin-bottom: -4px;
	color:#c20000;
}
#flow .Itinerary .box .point .stxt{
	      font-size: 10px;
}
#flow .Itinerary .box:nth-child(2) img,#flow .Itinerary .box:nth-child(4) img{
	   margin: 3rem 0 6rem;
}


.appeal{
	position: relative;
	margin: 0;
}

.appeal .txt_img{
	    position: absolute;
    top: -3rem;
    width: 50%;
    height: auto;
    left: 1rem;
}

.warning{
	margin: 2rem 0 6rem 0;
}

.warning .flx{
	display: block;
}
.warning .flx .box:first-child{
	    text-align: center;
	margin: 0;
}
.warning .flx .box:first-child .sttl{
	       font-size: 16px;
}

.warning .flx .box:nth-child(2){
	    width: 95%;
    margin: 0 auto;
    padding-left: 1rem;
}

.warning .flx .box ul li{
	    text-indent: -1.3em;
    line-height: 2rem;
}

.warning .flx .box:nth-child(2) ul li{
	    font-size: 13px;
}

.warning .flx .box:nth-child(2) ul li img{
	width: auto!important;
}

/*ご利用ガイド*/

#guide_btn .flx{
	flex-wrap: wrap;
    justify-content: space-evenly;
	margin-top: 3rem;
	    margin-bottom: 13rem;
}
#guide_btn .flx .box{
	padding: 10px 1rem;
	width: 48%;
	border: solid 1px #c20000;
}

#guide_btn .flx .box:first-child{
	margin: 0 5px 5px 0;
}

#guide_btn .flx .box:nth-child(2){
	margin: 0 0 5px 5px;
}

#guide_btn .flx .box:nth-child(3){
	margin: 5px 5px 0 0;
}

#guide_btn .flx .box:nth-child(4){
	margin: 5px 0 0 5px;
}

#guide_btn .flx .box img{
	width: 25px;
}
#guide_btn .flx .box .ttl{
	font-size: 13px;
    margin: -5px 0;
}
#guide_btn .flx .box .arrow{
	    height: auto;
    width: 10px;
}

#guide_btn .flx .box img:first-child{
	  display: none;
}

#guide01,#guide02,#guide03,#guide04,#guide05{
	    padding: 0rem 0 6rem 0;
}
#guide06{
	    padding: 0rem 0 2rem 0;
}
#introduction .ttlBox{
	    margin-bottom: 2rem;
	    line-height: 1rem;
}

#introduction .ttlBox h2{
	font-size: 20px;
}
#introduction .ttlBox img{
	    width: 35px;
    height: auto;
}

#introduction #guide01 .boxes .box{
	padding: 2rem 0;

}
#introduction #guide01 .sttl{
	    font-size: 20px;
}

#introduction #guide01 .txtDeco{
	    font-size: 13px;
    height: 20px;
	    width: 20px;
    border-radius: 20px;
	padding-top: 1px;
}

#introduction #guide01 .sttl{
	    font-size: 16px;
}
#introduction #guide01 .stxt{
	font-size: 14px;
    line-height: 2.5rem;
    text-align: justify;
}
#guide_btn .flx .box:nth-child(2) .ico02{
	    width: 18px;
}
#introduction .stxt{
	font-size: 14px;
}

.gray th{
	    padding: 1rem 0;
}

#introduction #guide02 table tr td{
	    padding: 1.5rem 1rem 1.5rem 1rem;
}

#introduction #guide03 .box, #introduction #guide04 .box{
	margin-bottom: 3rem;
}

#introduction #guide04 .box:first-child img{
	margin: 1rem 0;
	width: 560px;
    height: 43px;
}

#introduction #guide04 .box:nth-child(4){
	margin-bottom: 0;
}

#introduction #guide03 h3,#introduction #guide04 h3,#introduction #guide05 h3,#introduction #guide06 h3{
	    font-size: 16px;
}

#introduction .stxt {
    line-height: 2.3rem;
}
#introduction .stxt{
	font-size:  14px;
}



/*
-------------------------------------------
BAKERY PICASOについて
------------------------------------------

*/

#about1 img,
#about2 img {
  width: 100%;
  height: auto;
}
#about1 {
    padding-bottom: 95px;
}
#about1 #flow .ttl_img {
    margin-bottom: 0;
}
#about1 .picBox {
    padding-bottom: 15px;
}

#about1 .boxes .box .ttlBox .ssttl {
    font-size: 12px;
    padding-right: 11px;
    letter-spacing: -1px;
    color: #c20000;
    font-family: 'Cinzel', serif!important;
}

#about1 .boxes .box .ttlBox h3 {
    font-size: 21px;
    line-height: 3rem;
    color: #c20000;
    font-family: "しっぽり明朝 B1", serif !important;
    padding-bottom: 5px;
}
#about1 .boxes .box .txtBox .txt {
   font-size: 14px;
    line-height: 2.3rem;
    color: #2b2b2b;
}
#about1 .box {
    text-align: center;
    width: 80%;
} 

#about1 .bg {
    position: relative;
}
#about1 .bg .bgPic {
    position: absolute;
    z-index: -2;
    width: 100%;
    top: 124px;
    left: 0;
    height: 90%;
}
#about1 .bread1,
#about1 .bread2,
#about1 .bread3,
#about1 .bread4 {
    display: none;
}

#about1 .decoBox .txtDeco{
    font-size: 25px;
    letter-spacing: 0.4px;
    line-height: 50px;
    color: #c3b3a3;
    font-weight: 800;
    text-align: center;
    font-family: 'Cinzel', serif!important;
}

#about1 .picBox2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
#about1 .picBox2 .pic2 {
    width: 55%;
}
#about1 .picBox2 .pic3 {
    width: 41%;
}
#about1 .picBox2 .bread5 {
      position: absolute;
    width: 12%;
    height: auto;
    bottom: -23px;
}
#about1 .picBox2 .bread6 {
    position: absolute;
    height: auto;
    width: 12%;
    bottom: -60px;
    left: 11%;
}

#about2 .ttl {
    font-size: 23px;
    text-align: center;
    line-height: 22px;
    color: #c20000;
       margin-top: 3rem;
    margin-bottom: 4rem;
}
#about2 .ssttl {
    font-size: 12px;
}

#about2 .box .sttl {    
    font-weight: bold;
    padding-top: 5px;
    color: #c20000;
    font-size: 19px;
    font-family: "しっぽり明朝 B1", serif !important;
    padding-left: 7px;
}


#about2 .box .txtBox .list dl {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
}

#about2 .box .txtBox .list dt {
    width: 25%;
    padding-bottom: 11px;
    font-size: 14px;
}
#about2 .box .txtBox .list {
 padding-bottom: 5rem;
}
#about2 .box .txtBox .list dd {
    width: 75%;
    padding-bottom: 11px;
    font-size: 14px;
}

#about2 .box .txtBox .list .noMB {
    padding-bottom: 0!important;
}

#about2 .red {
    color: #c20000;
    text-decoration: underline;
}

#about2 .box .txtBox .list .map img {
    height: auto;
    width: 5%;
    padding-right: 4px;
}
#about1 .bg .picBox {
    padding-bottom: 0;
} 


/*ヘッダー*/



.header_sp .flx{
	display: block;
}

/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 21;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}

.header_sp_kasou .hamburger {
top:5rem;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #c20000;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

nav.globalMenuSp {
  position: fixed;
  z-index : 20;
  top  : -1px;
  left : 0;
  color: #000;
 background: #f8f6f1;
  text-align: center;
  transform: translateY(-100%);
  transition: all 0.6s;
  width: 100%;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 90%;
	    margin-bottom: 1rem;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 5px 0;
    width: auto;
    margin: 0 1rem;
  border-bottom: 1px solid #c20000;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
nav.globalMenuSp ul li:hover{
  background :#ede1cc;
}

nav.globalMenuSp ul li a {
	font-size: 12px;
  display: block;
  color: #c20000;
  padding: 5px 0;
  text-decoration :none;
}

.globalMenuSp .hum_img{
	    width: 100%!important;
}

.globalMenuSp .flx{
	display: flex;
	justify-content: center;
}
.globalMenuSp .flx img{
	    width: 30px!important;
}
.globalMenuSp .flx li{
	border-bottom: none;
}


.globalMenuSp .main_btn{
	    margin: 0 auto;
    width: 90%;
    padding: 0.5rem 0;
}
.globalMenuSp .btn_txt{
	position: relative;
}

.globalMenuSp .ab01{
	    left: 9rem;
    top: 2px;
}

.globalMenuSp .ab02{
	    width: auto!important;
    top: 1px;
	 left: inherit!important;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  transform: translateY(0%);
	    padding-top: 6rem;
	height: 100vh;
}



/*top*/
#top #sysAll{
    padding-bottom: 8rem;
}


/*------------------------------------
faq
--------------------------------------*/

.accordion {
  width: 100%;
}

/* inputのチェックボックスを非表示 */
.accordion-hidden {
  display: none;
}

/* 見出しボタン部分 */
.accordion-open {
    display: block;
    padding: 13px 50px 13px 45px;
    border-radius: 10px;
    background: #f8f6f1;
    cursor: pointer;
    margin: 20px 0 0;
    position: relative;


    font-size: 15px;
    text-align: justify;
    font-weight: 500;
    text-indent: -30px;
}

/* ＋アイコン */
.accordion-open::before, 
.accordion-open::after {
    content: '';
    width: 13px;
    height: 3px;
    background: #c20000;
    position: absolute;
    top: 50%;
    right: 6%;
    transform: translateY(-50%);
}

/* アイコンのー */
.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

/* アコーディオンが開いたらーに */
.accordion-hidden:checked+.accordion-open:after {
  transform: translateY(-50%) rotate(0);
}

/* アコーディオン中身部分 */
.accordion-inner {
  display: block;
  background: #f8f6f1;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
  /* 表示速度の設定 */
  cursor: pointer;
}

.accordion-inner p {
    background-color: #fff;
    border-radius: 10px;
    padding: 13px 15px 13px 39px;
    font-size: 14px;
    margin: 0 auto;
    text-indent: -28px;
}

/* チェックボックスにチェックが入ったら中身部分を表示する */
.accordion-hidden:checked+.accordion-open+.accordion-inner {
    height: auto;
    opacity: 1;
    padding: 0 15px 15px;
}
/* ↑ここまで共通 */


/* Q&A追加 */
.accordion_qa .Q,
.accordion_qa .A {
  position: relative;
}

.accordion_qa .Q {
    color: #5c2300;
    font-family: 'CinzelRoman';
    font-weight: bold;
    font-size: 18px;
    padding-right: 14px;
}

.accordion_qa .A {
    color: #c20000;
    font-family: 'CinzelRoman';
    font-weight: bold;
    font-size: 19px;
    margin-right:11px;
}

.accordion_qa .A.difference {

    padding-right: 13px;

}
.accordion_qa .Q::before,
.accordion_qa .A::before {
  font-size: 1.5em;
  display: block;
  position: absolute;
  top: -.6em;
  left: -1.3em;
}


.accordion_qa .accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
     padding: 7px 17px 20px;
    margin-top: -7px;
    border-radius: 0 0 10px 10px;}
/* Q&A追加ここまで */


/* 中にいろいろ入れたいとき */
.accordion-box {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 1s;
}

.accordion-hidden:checked+.accordion-open+.accordion-box {
  height: auto;
  opacity: 1;
  padding: 10px;
}
#faq .ttlBox {    
    margin-bottom: 2rem;
    line-height: 1rem;
    text-align: center;
}

#faq .ttlBox h2 {
  font-size: 20px;
}

#faq .ttlBox img {
    width: 35px;
    height: auto;  
}
#faq .ttlBox h2 {
    font-size: 20px;
    color: #c20000;
}

#faq #guide_btn .flx {
  justify-content: space-between;
}

#faq #guide_btn .flx .box:nth-child(3) {
    margin: 5px 5px 5px 0;
}
#faq #guide_btn .flx .box:nth-child(4) {
    margin: 5px 0 5px 5px;
}
#faq #guide_btn .flx .box:nth-child(5) {
    margin: 5px 5px 5px 0;
}
#faq #guide_btn .flx .box:nth-child(6) {
       margin: 5px 0px 5px 0;
}

#qa01, #qa02, #qa03, #qa04,#qa05,#qa06 {
    padding: 0rem 0 7rem 0;
	scroll-margin: 13rem;
}

.item_curry #item {
margin: 0;
}

#footer .top_sc a{
        top: -2rem;
	width: 40px;
    height: 40px
}

#footer .top_sc img{
	    width: 15px;
}

.f_bottom .flx{
	    padding: 3rem 0 1rem 0;
}
.f_bottom .copy{
	    font-size: 10px;
	    margin: 0rem 0 8% 0;
}
.f_bottom .flx img{
	    width: 28px;
    margin: 0 10px;
}

/*スマホアコーディオン*/

#acmenu_bar01:checked ~ #links01 li,
#acmenu_bar01:checked ~ #links01 li{
height: auto!important;
	 opacity: 1;
margin-bottom:20px;
}


#acmenu_bar02:checked ~ #links02 li,
#acmenu_bar02:checked ~ #links02 li{
	    height: 50px!important;
	 opacity: 1;
}
.acmenu ul#links02 {
background: none;
}
.dli-plus{
	    right:5rem;
}
.acmenu {
    max-width: inherit;
    margin-top: 1rem;
    position: relative;
    border-bottom: 2px #bf0000 solid;
}
.acmenu a {
    display: block;
    text-decoration: none;
    color: #000;
}
.acmenu_bar {
    margin: 0 0 4px 0;
    line-height: 1;
    display: flex;
    color: #c20000;
    justify-content: flex-start;
    text-align: center;
    background: #f8f6f1;
    padding: 10px 0 0 11px;
    font-size: 16px;
    font-weight: bold;
}
.acmenu_bar_shokupan {
    margin: 0 0 4px 0;
    line-height: 1;
    display: flex;
	    color: #c20000;
    justify-content: center;
    text-align: center;
    background: #f8f6f1;
    padding: 10px 0 0 0;
    font-size: 12px;
}
.acmenu .accordion {
    display: none;

}
.acmenu ul {
    margin: 0;
    padding: 0;
    background :#eee;
    list-style: none;
}
.acmenu li {
    height: 15px!important;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.acicon {
    padding:0 15px;
    border-left:1px solid #fff;
}
/*右側のアイコン*/
.acicon:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f078';
}
#links01 li{
	 margin-bottom: 0;
}
#links01{
	    border-top: 0;
	 background-color: #f8f6f1;
	margin-bottom: 0.5rem;
}

nav.globalMenuSp ul{
	    border-top: 1px solid #c20000;
}

.dli-plus{
    display: inline-block;
    vertical-align: middle;
    color: #c20000;
    line-height: 1;
    width: 1em;
    height: 1em;
    border: 0.2em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-25%) rotate(135deg);
    position: absolute;
    right: 20px;
    top: 12px;
}

#footer nav ul{
	margin-right: 0;
}

.news ul li a{
	font-size: 12px;
}

#amazonPayTopLoginButton,#amazonPayBottomLoginButton{
	height: auto!important;
    width: 57%!important;
    max-height: inherit!important;
	margin: 0 auto!important;
}
#item .list table tr:nth-child(2){
	border-bottom:none;
}

#introduction .intro_btn .inner{
	width: 90%;
	justify-content: center;
}
#introduction .intro_btn a{
	font-size: 14px;
	    width: 162px;
	    padding: 1rem 0 3rem 0;
	line-height: 16px;
}

#introduction .intro_btn a img{
	bottom: 9px;
	width: auto;
}

#introduction .intro_btn{
	    margin: 5rem 0rem;
}
#introduction section {
scroll-margin-top: 20rem;
}


header{
	height: 100px;
}

/*クーポン*/

#sysMemberCouponIndex #sysAll{
	margin-top: 10rem;
}

#sysMemberCouponIndex #sysWrap{
	    width:90%;
}

#sysMemberCouponIndex .sysLoginForm form:nth-child(2){
	text-align: center!important;
	
}

#sysMemberCouponIndex .sysLoginForm .sysFormField input{
	width: 100%!important;
}

#sysMemberCouponIndex .sysLoginForm form:nth-child(2) input,#sysMemberCouponIndex .sysLoginForm form:first-child input{
	width: 70%;
}

/*Amazon*/
.amazonpay-button-inner-image{
	width:200px!important;
}

/*グランプリ*/

#grand .mv_ttl_img .ttl img{
	    height: 30px;
    width: auto;
	    top: -1.3rem;
}
#grand .mv_ttl_img .ttl{
	    padding-top: 2rem;
}


#grand .content01 .intro .overview{
	    width: inherit;
	margin-bottom: 5rem;
}
#grand .ttlBox h2{
	font-size: 23px;
}
#grand .ttlBox img{
	width: 15%;
}
#grand .content01 .intro .overview ul{
	    margin: 1rem 0;
}
#grand .ttlBox{
	    margin-bottom: 0;
}
#grand .content01 .intro .overview p{
	    padding: 0 1.5rem;
    font-size: 14px;
}
#grand .content01 .intro .overview .sttl{
	    font-size: 15px;
}
#grand .content01 .intro .overview .ssttl{
	    font-size: 18px;
}
#grand .vote{
	text-align: center;
	      width: inherit!important;
    height: 56px!important;
	    align-items: center;
    display: flex;
	    margin: 3rem 0;
}
#grand .vote .btn_txt{
	font-size: 18px!important;
}
#grand .vote img{
	 width: 13px;
    top: 2rem;
	right: 9rem;
}
#grand .explanation{
	margin: 5rem 0;
    padding: 3rem 2rem;
}
#grand .explanation h2{
	    font-size: 18px;
    margin-bottom: 3rem;
    padding-bottom: 2rem;
}
#grand .explanation .txt{
	margin-top: 3rem;
    font-size: 14px;
    line-height: 2.5rem;
    text-align: justify;
}
#grand .explanation .txt .b:first-child{
	    font-size: 15px;
}
#grand .content02{
	    padding: 5rem 0;
	margin-bottom: 13rem;
}

#grand .content02 .frame:first-child{
	    top: -0.5rem;
}
#grand .content02 .frame:last-child{
	bottom: -1rem;
}
#grand .content02 .crown{
	width: 35px;
}
#grand .content02 .awards{
	width: 90%;
    margin: 0 auto;
}


#grand .content02 .ttl{
	    font-size: 23px;
}
#grand .content03{
	       padding: 0;
}
#grand .content03 .flx{
	    display: block;
    padding: 0 3rem 4rem 3rem;
}
#grand .content03 .flx .ttl_box{
	    width: auto;
}
#grand .content03 .flx .ttl_box{
	    width: auto;
}
#grand .content03 .flx .ttl_box h3{
	    width: 100%;
    border-radius: 0 0 10px 10px;
    text-align: center;
    padding: 1.5rem 0;
    font-size: 22px;
    line-height: 2.5rem;
}
#grand .content03 .flx .ttl_box h3 span{
	    font-size: 11px;
}
#grand .content03 .flx .txt_box{
	    width: 100%;
	margin-top: 3rem;
}
#grand .content03 .flx .txt_box .txt p{
	font-size: 14px;
    text-align: justify;
    line-height: 2.5rem;
}
#grand .content03 .main_btn{
	text-align: center;
    width: inherit!important;
    height: 70px!important;
    align-items: center;
    display: flex;
    margin: 1rem 0;
}
#grand .content03 .main_btn img{
	    width: auto;
    right: 2rem;

	    top: 23px;
}
#grand .content03 .main_btn .btn_txt{
	    font-size: 15px;
}

#grand .content03 .vote img{
	width: auto;
    right: 5rem;
}
#grand .sp_vote{
	display: block!important;
}
#grand .sp_vote .btn_txt{
	    padding-top: 1rem;
}
#grand .pc_vote{
	display:none!important;
}

#foodloss #foodloss01 h3 {
	   font-size: 16px;
    line-height: 2.6rem;
    margin-top: 3rem;
    margin-bottom: 2rem;
}
#foodloss #foodloss01 h3 span{
	      font-size: 24px;
}
#foodloss #foodloss01 .txt{
	font-size: 12px;
    line-height: 2rem;
}

#foodloss #foodloss02{
	margin-top: 5rem;
    padding: 4rem 0;
}
#foodloss #foodloss02 h3,
#foodloss #foodloss03 h3{
	    font-size: 20px;
	    margin-bottom: 1rem;
}
#foodloss #foodloss02 .txt{
	font-size: 14px;
    text-align: justify;
}
#foodloss #foodloss02 .w{
	    padding: 2rem;
}
#foodloss #foodloss02 span{
	font-size: 16px;
}
#foodloss #foodloss02 li .txt{
	    font-size: 12px;
    line-height: 2rem;
}
#foodloss #foodloss03{
	    padding: 3rem 0 0 0;
}
#foodloss #foodloss03 h3{
	border-bottom: solid 3px #f2eee6;
}

#foodloss #foodloss03 span{
	    padding-left: 1.5rem;
    font-size: 13px;
}
#foodloss #foodloss03 ul{
	    margin-bottom: 2rem;
}
#foodloss #foodloss03 li{
	font-size: 12px;
	align-items: flex-start;
}
#foodloss #foodloss03 li::before{
	margin-top: 7px;
	flex-shrink: 0;
}
#foodloss #foodloss03 a{
	 width: 80%;
    height: 5rem;
    font-size: 16px;
}

#item .foodloss h3 img{
	    width: 80%;
}
#item .foodloss .about{
	margin-bottom: 6rem;
}
#item .foodloss .about .txt{
	    font-size: 13px;
    margin: 2rem 0;
    text-align: center;
}
#item .foodloss .itemflx{
	width: 100%;
	margin-bottom: 2rem;
}
#item .foodloss .itemflx .box{
	width: 47%;
	    margin-bottom: 3rem;
}
#item .foodloss .itemflx .box img:first-child{
	width: 50px;
    bottom: -2rem;
    left: -2rem;
	position: absolute;
}
#item .foodloss .itemflx .box img:nth-child(2){
    width: 100%;
    height: auto;	
}
#item .foodloss .itemflx .box .itemttl{
	    font-size: 15px;
}
#item .foodloss .itemflx .box .txt{
	    font-size: 11px;
}
#item .foodloss .eat{
	padding: 7rem 1rem;
}
#item .foodloss .eat .pa:first-child{
	left: 1rem;
    top: 2rem;
    max-width: 100px;
    width: 100%;
}
#item .foodloss .eat h3{
	    font-size: 2rem;
}
#item .foodloss .eat .ttl{
	    font-size: 15px;
}

#item .foodloss .eat .pa:nth-child(2){
	   right: 0rem;
    top: -1rem;
  max-width: 100px;
    width: 100%;
}
#item .foodloss .eat .flx{
	display: block;
	margin-top: 3rem;
}
#item .foodloss .eat .flx .box:first-child{
	    width: 70%;
    margin: 0 auto;
    margin-bottom: 2rem;
}
#item .foodloss .eat .flx .box:nth-child(2){


	    width: 100%;
}
#item .foodloss .eat .flx .box:nth-child(2) .ttl{
	font-size: 18px;
}
#item .foodloss .eat .flx .box:nth-child(2) .txt{
	    font-size: 12px;
    line-height: 2rem;
}
#item .foodloss .eat .w .flx{
	margin-top: 3rem;
    padding: 2rem;
    display: block;
}
#item .foodloss .eat .w .flx h4{
	    text-align: center;
    margin-bottom: 1rem;
}
#item .foodloss .eat .w .flx li{
	font-size: 12px;
 text-indent: -1.5em;
    padding-left: 1.2em;
}
#item .foodloss .eat .w .flx li::before{
	    margin-right: 0.5rem;
}
#item .foodloss .about .bottom{
	    width: 250px;
	    font-size: 16px;
	margin: 0 auto;
	    margin-bottom: 3rem;
}
#item .foodloss .itemflx .box .imgbox{
	height: 150px;
}

/*---------------------食パン食べ比べ240208------------------------------------------*/

#plain #plain01 h3 {
	   font-size: 16px;
    line-height: 2.6rem;
    margin-top: 3rem;
    margin-bottom: 2rem;
}
#plain #plain01 h3 span{
	      font-size: 24px;
}
#plain #plain01 .txt{
	font-size: 12px;
    line-height: 2rem;
}

#plain #plain02{
	margin-top: 5rem;
    padding: 4rem 0;
}
#plain #plain02 h3,
#plain #plain03 h3{
	    font-size: 20px;
	    margin-bottom: 1rem;
}
#plain #plain02 .txt{
	font-size: 14px;
    text-align: justify;
}
#plain #plain02 .w{
	    padding: 2rem;
}
#plain #plain02 span{
	font-size: 16px;
}
#plain #plain02 li .txt{
	    font-size: 12px;
    line-height: 2rem;
}
#plain #plain03{
	    padding: 3rem 0 0 0;
}
#plain #plain03 h3{
	border-bottom: solid 3px #f2eee6;
}

#plain #plain03 span{
	    padding-left: 1.5rem;
    font-size: 13px;
}
#plain #plain03 ul{
	    margin-bottom: 2rem;
}
#plain #plain03 li{
	font-size: 12px;
	align-items: flex-start;
}
#plain #plain03 li::before{
	margin-top: 7px;
	flex-shrink: 0;
}
#plain #plain03 a{
	 width: 80%;
    height: 5rem;
    font-size: 16px;
}
#item .DetailCommon.add20240213 .sttl02 {
    margin-bottom: 10px;
}

#item .DetailCommon.add20240213 .sttl02 img{
    width: 23%;
}

#item .DetailCommon.add20240213 .sttl02 h3{
    font-size: 20px;
    line-height: 35px;
    margin-top: 5px;
    
}

#item .DetailCommon.add20240213 .sttl02 h3 br {
    display: none;
}
#item .DetailCommon.add20240213 .about .yudaneBox {
    width: 100%;
    margin: 50px auto;
}
#item .DetailCommon.add20240213 .about .yudaneBox .box {
    margin-bottom: 20px;
}

#item .DetailCommon.add20240213 .about .yudaneBox .box .lead {
    font-size: 18px;
}

#item .DetailCommon.add20240213 .about .yudaneBox .box .txt {
    margin-top: 10px;
}
#item .DetailCommon.add20240213 .about .yudaneBox .box .txt br {
    display:none;
}
#item .plain h3 img{
	    width: 80%;
}

#item .plain .about h3 img{
    width: 80%;
}
#item .DetailCommon .about{
	margin-bottom: 6rem;
}
#item .plain .about .txt{
	    font-size: 13px;
    margin: 2rem 0;
    text-align: center;
}
#item .plain .itemflx,
#item .picassoSet .itemflx{
    margin-top: 50px;
	width: 100%;
	margin-bottom: 2rem;
}
#item .plain .itemflx .box,
#item .picassoSet .itemflx .box
{
	width: 47%;
    margin-bottom: 3rem;
}
#item .plain .itemflx .box img:first-child,
#item .picassoSet .itemflx .box img:first-child
{
	width: 50px;
    bottom: -2rem;
    left: -2rem;
	position: absolute;
}
#item .plain .itemflx .box img:nth-child(2),
#item .picassoSet .itemflx .box img:nth-child(2)
{
    width: 100%;
    height: auto;	
}
#item .plain .itemflx .box .itemttl,
#item .picassoSet .itemflx .box .itemttl
{
	    font-size: 14px;
    white-space: nowrap;
}
#item .plain .itemflx .box .txt,
#item .picassoSet .itemflx .box .txt
{
	    font-size: 11px;
}

#item .picassoSet .about .txt {
            font-size: 14px;
        margin: 1rem 0 2rem 0;
        line-height: 2.5rem;
        text-align: justify;
}
#item .DetailCommon  .eat{
	padding: 7rem 1rem;
}
#item .DetailCommon  .eat .pa:first-child{
	left: 1rem;
    top: 2rem;
    max-width: 100px;
    width: 100%;
}
#item .DetailCommon  .eat h3{
	    font-size: 2rem;
}
#item .DetailCommon  .eat .ttl{
	    font-size: 15px;
}

#item .DetailCommon  .eat .pa:nth-child(2){
	   right: 0rem;
    top: -1rem;
  max-width: 100px;
    width: 100%;
}
#item .DetailCommon  .eat .flx{
	display: block;
	margin-top: 3rem;
}
#item .DetailCommon  .eat .flx .box:first-child{
	    width: 70%;
    margin: 0 auto;
    margin-bottom: 2rem;
}

#item .DetailCommon  .eat .flx .box:nth-child(2){
	    width: 100%;
}
#item .DetailCommon  .eat .flx .box:nth-child(2) .ttl{
	font-size: 18px;
}
#item .DetailCommon  .eat .flx .box:nth-child(2) .txt{
	    font-size: 12px;
    line-height: 2rem;
}
#item .DetailCommon  .eat .w .flx{
	margin-top: 3rem;
    padding: 2rem;
    display: block;
}
#item .DetailCommon  .eat .w .flx h4{
	    text-align: center;
    margin-bottom: 1rem;
}
#item .DetailCommon  .eat .w .flx li{
	font-size: 12px;
 text-indent: -1.5em;
    padding-left: 1.2em;
}
#item .DetailCommon  .eat .w .flx li::before{
	    margin-right: 0.5rem;
}

#item .DetailCommon .eat .appeal02 {
    font-size: 15px;
    line-height: 27px;
    text-align: justify;
    margin-top: 20px;
}

#item .plain .about .bottom{
	    width: 250px;
	    font-size: 16px;
	margin: 0 auto;
	    margin-bottom: 3rem;
}
#item .plain .itemflx .box .imgbox,
#item .picassoSet .itemflx .box .imgbox{
	height: 150px;
}

.DetailCommon.add20240213 .commonBanner {
    margin-top: 40px;
}



#sysItemDetail .sysSuggestedRetailPrice{
	margin-bottom: -1rem;
}


/*マイページ　会員情報変更*/

.sysMypage input[type="submit"]{
	 margin-top: 25px;
    width: 100%;
}
#sysMypageReminder #sysMain input[type=submit], .sysBackButton, .sysNextSubmit{
	    width: 100%;
}

/*カートページ　ヘッダー*/
#sysBasket .globalMenuSp .btn_txt,
.sysOpcBody .globalMenuSp .btn_txt{
	    padding: 0;
}


/*商品ページバナー　2個目margintop*/

.item_bnr2 img {
    margin-top: 5px;
}

.kasou {    
    margin-top: 18rem;
}
#contact.kasou {    
    margin-top: 18rem;
}



.news ul li {
   margin-bottom: 10px;
}
.news ul li:last-child {
   margin-bottom: 0;
}



/*---------------Linepopup-20240208---------------------------*/

.popup-container .popup-body .LinePcView {
    display: none;    
}

.popup-container .popup-body .LineSpView {
    display: block;    
}


/*---------------グロナビ-20240214---------------------------*/

#acmenu_bar_shokupan:checked ~ #links_shokupan li,
#acmenu_bar_shokupan:checked ~ #links_shokupan li{
	    height: auto!important;
	 opacity: 1;
}


.acmenu_bar_shokupan {
    margin: 0 0 4px 0;
    line-height: 1;
    display: flex;
	    color: #c20000;
    justify-content: center;
    text-align: center;
    background: #f8f6f1;
    padding: 10px 0 0 0;
    font-size: 12px;
}

#links_shokupan {
    border-top: 0;
    background-color: #f8f6f1;
    margin-bottom: 0.5rem;
}

#links_shokupan li{
    background-color: #f8f6f1;
}


.owl-carousel .owl-item img {
    width: 100%;
}


/*---------------TOPページお知らせバー修正20240326---------------------------*/
.important ul li a{
    padding: 10px;
    font-size: 14px;
}

/*---------------ハンバーガーメニュー修正20240404---------------------------*/
.hamburgerTop {
    border-bottom: 2px #bf0000 solid;
    display: block;
    padding: 20px 10px;
    font-size: 16px;
    font-weight: bold;
    color: #c20000;
    position: relative;
}


.hambugerMottainai {
    margin-top: 10px;
    display: block;
}

.hambugerList li {
    line-height: 51px;
    font-size: 14px;
    text-align: left;
    padding-left: 10px;
    font-weight: 600;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.hamburgerGuide .childBox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.hamburgerGuide .childBox a{ 
    width: 49.5%;
    border: 2px solid #e1ddcb;
    border-radius: 5px;
    display: block;
    background: #fff;
    text-align: center;
    margin-bottom: 5px;
    font-size: 12px;
    white-space: nowrap;
}
.snsBoxs.flx li {
    width: 11%;
}

.hambugerLogo {
    margin-bottom: 32px;
    text-align: center;
    display: flex;
    justify-content: center;
}


.hambugerLogo img {
    display: block;
    width: 48%;
}


#spNavMenu .acmenu li {
    padding-left: 10px;
    font-size: 14px;
}
#spNavMenu .acmenu a {
    font-weight: 600;
    line-height: 1.5;
    margin-top:20px;
    display: flex;
    align-items: center;
    color:#c20000;
}
#spNavMenu .acmenu a .ico{
margin-right:28px;
}
#spNavMenu .acmenu a .ico1{
width:39px;
}
#spNavMenu .acmenu a .ico2{
width:37px;
}
#spNavMenu .acmenu a .ico3{
width:38px;
}
#spNavMenu .acmenu a .ico4{
width:38px;
}
#spNavMenu .acmenu a .ico5{
width:37px;
}

/*---------------商品追加-top変更　20240430---------------------------*/
.header_bar .important ul li {
    font-size: 13px;
    line-height: 22px;
}

div#sysMain {
    margin: 69px auto;
}

#item .picassoSet  .about .ttl {
    margin: 50px auto 0;
}
/*---------------ヘッダー微調整商品追加-top変更　20240517---------------------------*/
#sysBasket .header_wrap{
    top: 40px;
}
.sysOpcBody .header_wrap {
    margin-top: 40px;
}
.header_wrap_inner{
    margin: 0 auto;
}

/*---------------グロナビ-20240703---------------------------*/

#acmenu_bar_panset:checked ~ #links_panset li,
#acmenu_bar_panset:checked ~ #links_panset li{
	 height: auto!important;
	 opacity: 1;
}


.acmenu_bar_panset {
    margin: 0 0 4px 0;
    line-height: 1;
    display: flex;
	    color: #c20000;
    justify-content: center;
    text-align: center;
    background: #f8f6f1;
    padding: 10px 0 0 0;
    font-size: 12px;
}

#links_panset {
    border-top: 0;
    background-color: #f8f6f1;
    margin-bottom: 0.5rem;
}

#links_panset li{
    background-color: #f8f6f1;
}

#sysItemDetail .sysRetailPrice span{
font-size:14px;
}

/*---------------グロナビ-20240718---------------------------*/

#acmenu_bar_souzai:checked ~ #links_souzai li,
#acmenu_bar_souzai:checked ~ #links_souzai li{
	 height: auto!important;
	 opacity: 1;
}
.acmenu_bar_souzai {
    margin: 0 0 4px 0;
    line-height: 1;
    display: flex;
	    color: #c20000;
    justify-content: center;
    text-align: center;
    background: #f8f6f1;
    padding: 10px 0 0 0;
    font-size: 12px;
}
#links_souzai {
    border-top: 0;
    background-color: #f8f6f1;
    margin-bottom: 0.5rem;
}
#links_souzai li{
    background-color: #f8f6f1;
}

#acmenu_bar_kashi:checked ~ #links_kashi li,
#acmenu_bar_kashi:checked ~ #links_kashi li{
	 height: auto!important;
	 opacity: 1;
}
.acmenu_bar_kashi {
    margin: 0 0 4px 0;
    line-height: 1;
    display: flex;
	    color: #c20000;
    justify-content: center;
    text-align: center;
    background: #f8f6f1;
    padding: 10px 0 0 0;
    font-size: 12px;
}
#links_kashi {
    border-top: 0;
    background-color: #f8f6f1;
    margin-bottom: 0.5rem;
}
#links_kashi li{
    background-color: #f8f6f1;
}


/***********************************
   商品一覧、商品カテゴリ
***********************************/

#sysItemCategory #sysHeader::before{
    top: 110px;
}
.sysItemCategoryPankuzu {
    margin: 110px auto 30px;
}
.sysPagination a.sysCurrent{
    height: 40px;
    width: 40px;
    font-size: 16px;
}
.sysPagination a{
    height: 40px;
    width: 40px;
    font-size: 16px;
}
.sysItemCategoryForm, .sysItemListDisp, .sysItemList{
    width: 90%;
}
#sysItemCategory #main01 .content02 .box{
        padding: 1rem 2rem 1rem 2rem;
}



/***********************************
   商品検索
***********************************/
#sysItemSearch #sysMain .sysItemSearchFormCategory{
    margin-left: 0px;
    margin-right: 5px;
    display: flex;
    flex-direction: column;
    line-height: 2;
}
#sysItemSearch div#sysMain{
margin: 120px auto 0 ;
}
#sysItemSearch #sysMain .sysItemSearchFormCategory select{
    width: 180px;
}
#sysItemSearch #sysMain .sysItemSearchFormSort select{
    width: 180px;
}



/*--------------- 特集 ---------------------------*/
.sysFuncBanner.feature{
    padding: 20px 0 ;
}
.sysFuncBanner.feature ul{
    width: 80%;
    margin: 0 auto;
}
.sysFuncBanner.feature ul li{
    margin-bottom: 10px;
}
#sysItemCategory .sysFuncBanner.feature{
    margin-top: 6rem;
        padding-bottom: 4rem;
}
.sysItemCategoryCtl {
    margin: 10px 0 16px;
}

/*--------------- ランキング ---------------------------*/
.ranking .sysContent .sysHorizontal li{
    width: 50%;
}
.ranking .sysContent .sysHorizontal li:last-child{
display:none;
}
.ranking .ttl{
    margin: 6rem auto 2rem;
}
.ranking .sysHorizontal{
    width: 96%;
}

/*--------------- おすすめ商品 ---------------------------*/
.pickup .sysContent .sysHorizontal li{
    width: 50%;
}
.pickup .ttl{
    margin: 4rem auto 3rem;
}
.pickup .sysHorizontal{
    width: 96%;
}

/*--------------- カート ---------------------------*/
.sysCart  #sysRegisterForm .sysBox,
.sysCart  #sysPurchaseAuthMember .sysBox{
        margin: 0em auto 3em;
}
.sysCart .sysItemListArea .sysBox{
    margin: 1em auto 2em;
}
.sysCart #sysMain input[type="submit"].sysBackButton{
    margin-top: 6rem;
}


.news_btn{
    margin: 0px auto 0;
}


/*--------------- おすすめ商品 ---------------------------*/
.eat_items .sysContent .sysHorizontal li{
    width: 50%;
}
.eat_items .ttl{
    margin: 4rem auto 3rem;
}
.eat_items .sysHorizontal{
    width: 96%;
}
}
@media screen and (min-width:1101px) and (max-width:1100px){
.sysDisplayTabletNone{
  display:none !important;
}

/* 20-0 Only Tablet
 *----------------------------------------------------------------------*/      
#sysWrap{margin-top:120px;} 
div#sysMain,div#sysAside{
  width: 100% !important;
  float: none;
}
.sysMypage #sysWrap,
.sysMemberRegister #sysWrap{
  margin: 130px auto 0;
}
#sysFormIndex div#sysMain,
#sysFormConfirm div#sysMain,
#sysFormThanks div#sysMain,
.sysMypage div#sysMain,
.sysMemberRegister #sysMain,
#sysItemSearch div#sysMain{
        width: 95% !important;
        margin: 30px auto;
        padding: 20px !important;
}
.sysCart #sysMain{
   width: 92% !important;
    margin: 0 auto;
  padding: 0;
}
.sysFormField label{display: block;}

/* 決済ページ*/
#sysPayment #sysWrap,
#sysConfirm #sysWrap,
#sysThanks #sysWrap,
#sysCartError #sysMain{
         width: 95% !important;
        margin-left: 2.5%;
}
#sysPayment #sysMain .sysFormLabel{line-height: 10px;}
#sysBillingAddress form{
        width: 95%;
        padding: 30px 20px;
        margin: 0 auto;
}
#sysDestination #sysMain{
           width: 95%;
            border: 1px solid #aaa;
            padding: 20px 20px !important;
            margin: 30px auto;
}
/*header検索ボックス*/
.h_search{
  margin-top:100px;
}

/***********************************
  商品詳細ページ
***********************************/
#sysItemCategory #sysMain{padding:  30px 20px;}
#sysItemCategory input[type=submit]{margin-top: 0px;}
#sysItemDetail #sysMain {
    width: 95% !important;
}
#sysItemDetail .sysCategoryPankuzu {
  margin-bottom: 20px;
}
#sysItemDetail .sysItemName h1 {
  font-size: 15px;
}
#sysItemDetail .sysItemId {
  margin: 0 0 10px 0 !important;
  text-align: left !important;
}
#sysItemDetail .sysMainImage {
  max-width: 700px;
  margin: 0 auto;
}
#sysItemDetail .sysImageList {
  max-width: 700px;
  margin: 0 auto 20px;
}
#sysItemDetail .sysImageList li {
  display: inline-block;
  max-width: 60px;
  line-height: 0;
}
#sysItemDetail .sysReview,
#sysItemDetail .description_left,
#sysItemDetail .sysDescription,
#sysItemDetail .sysForm,
#sysItemDetail .sysRetailPrice,
#sysItemDetail .sysImageDescription {
  max-width: 700px;
  margin: 0 auto 10px auto;
}
#sysItemDetail .sysRetailPrice{
	margin-top: 3rem;
}

#sysItemDetail .sysForm select {
  min-width: 350px;
  display: inline-block;
  float: none!important;
}
#sysItemDetail #sysNumber{text-align:right;}
.sysItemPrArea span{
        width: 48%;
        font-size: 14px;
}
.sysPr span{font-size: 10px;}

/***********************************
  ヘッダー
***********************************/
.header_wrap{
  position: fixed;
  height: 120px;
  top: 0px; left: 0; right: 0;
  margin: auto;
  background: #fff;
  z-index: 120;
}
#sysHeader{
  width: 100%;
  margin: 0px auto;
}
.h_inner{margin: 0px 0 0;}
.header_h1_under, .header_h1{
  width: 100%;
  height: 20px;
  float: none;
  text-align: center;
  background: #ededed;
}
.header_h1_under a, .header_h1 a{
  display: none;
}
.head_title{
  font-size: 10px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  letter-spacing: 1px;
}
.header_sp{
  width: 95%;
  margin: 0 2.5%;
  position: relative;
  text-align: center;
}
.header_sp #navBtn{
  position: absolute;
  top: 10px; left: 0;
}
.header_sp .spCart{
  position: absolute;
  top: 10px; right: 0;
}
.header_sp #navBtn img, .header_sp .spCart img{
  width: 40px;
  height: 40px;
}
.header_sp .spLogo img{
  width: 180px;
  margin-top: 15px;
}

/***********************************
  カート情報
***********************************/
#cartInfo{display: none;}

/***********************************
  ナビゲーション
***********************************/
#headNavigation .pcnone{display: block;}
#headNavigation .spnone{display: none;}
#headNavigation li.active{background: #fff;}
.h_navi{
  width: 100%;
  height: 40px;
}
.h_navi2{
  width: 100%;
  height: 40px;
}
#headNavigation li.tab1{
        width: 25%;
    margin-top:10px;
}
#headNavigation li.tab1 a{
        font-size: 12px;
        line-height: 15px;
        position: relative;
}
#headNavigation li.tab1:nth-of-type(5){
        display:none;
}
/*ナビゲーショントグル*/
.toggleNav{
  display: none;
  width: 100%;
  position: absolute;
  height: 0px; /*heightはjs制御*/
  top: 39px; left:0;
  z-index: 110;
         background: rgba(0,0,0,0);
  box-shadow:0px 0px 0px 0px #ccc;
  -moz-box-shadow:0px 0px 0px 0px #ccc;
  -webkit-box-shadow:0px 0px 0px 0px #ccc;
}
.toggleNav:hover{overflow: visible !important;}
#headNavigation ul.tab{
        position: relative;
}
.tabmenu .border:after{
  content:none;
}
.tabmenu li.tab1{
  position: static;
  border-right:1px solid #000;
}
.tabmenu li.tab1:nth-child(4){
  border-right:none;
}
.tabmenu li.tab1{position: static;}
.tabmenu li.tab1 a{font-size:14px;}
.tabmenu ul:after{
    display: block;
    content: "";
    clear: both;
}
.tabmenu li.tab2{
  width: 100%;
  height:auto;
  text-align: left;
  line-height:1;
  font-size: 18px;
  border-bottom: 1px dotted #ddd;
  position: relative;
  background: rgba(255,255,255,1);
}
.tabmenu li.tab2 a{
  display: block;
  position: relative;
  padding: 5px 15px;
  font-size: 14px !important;
  line-height: 40px !important;
    font-weight: bold;
}
#headNavigation li.tab2 a:after{display: none;}
.tabmenu li.tab2 a i{
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top:-7px;
}

.h_spnavi{
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0px; left: 0;
  background: rgba(220,220,220,0.9);
  z-index: 150;
  color: #444;
  display:none;
    overflow: auto;
}
#spNaviWrap{
  position: absolute;
  width: 100%;
  height: 1400px;
  top: 0px; left: -100%;
  background: rgba(225,225,225,1);
  z-index:  200;
  padding: 80px 10px 50px;
       overflow: scroll;
}
/***********************************
  ログイン情報
***********************************/
.h_login{
        max-width: 700px;
        width: 90%;
        margin: 0 auto;
}
.h_login .sysHeadline{
  text-align: center;
  font-size: 25px;
    margin-botom: 10px;
}
.h_login .sysContent{text-align: center;}
.h_login .sysFormItem{margin-bottom: 10px;}
.h_login .sysFormLabel{
  display: block;
  font-size: 15px;
  height: 25px;
  text-align: left;
  margin-bottom: 0px;
}
.h_login .sysLoginButton{
  width: 100%;
  margin: 15px 0%;
  border-radius: 0;
  border:1px solid #444;
  font-size: 15px;
  height: 50px;
  line-height: 10px;
}
.h_login li{
  border:1px solid #444;
  margin-bottom: 15px;
  height: 50px;
  line-height: 45px;
  text-align: center;
}
.h_login li a{
  font-size: 15px;
  padding: 0px 5px 5px 0px;
}

/***********************************
  ナビゲーションメニュー
***********************************/
#closeMenu{
  position: absolute;
  top: 15px; left: 15px;
  font-size: 20px;
}
#closeMenu span{
        font-size: 15px;
        margin: 0 10px;
        display: inline-block;
}
#closeMenu2{
        text-align: center;
        margin: 20px 0;
        border: 1px solid #aaa;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
}
#closeMenu2 span{
        display: inline-block;
        margin: 0 10px;
}
#spNavMenu .navTitle{
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}
#spNavMenu{
        max-width: 800px;
        margin: 80px auto 0;
        width: 90%;
}
#spNavMenu .spMenuList{
  height: auto;
  line-height: 40px;
  font-size: 15px;
  position: relative;
  border-bottom: 1px solid #aaa;
}
#spNavMenu .spMenuList i{
  position: absolute;
  line-height: 40px;
  right: 10px;
  font-size: 18px;
}
#spNavMenu .spMenuList a{
        display: block;
  padding-left: 15px;
}
#spNavMenu .spToggleNav{
  height: 200px;
  overflow: hidden;
}
#spNavMenu .spToggleNav li{
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  border-bottom: 1px dotted #aaa;
}
#spNavMenu .spToggleNav li:first-child{border-top: 1px solid #aaa}
#spNavMenu .spToggleNav li:last-child{border-bottom: 0;}

/***********************************
  フッター
***********************************/
.footer .f_gnav_all{
  background: #c3c3c3;
  padding: 0px 0 0px;
  letter-spacing: 2px;
  text-align: left;
}
.footer .f_gnav ul:after{
  display: block;
  content: "";
  clear: both;
}
.footer .f_gnav{
  width:100%;
  border-top: 1px solid #444;
  margin-bottom:0;
  overflow: hidden;
}
.footer .f_gnav li{
  width: 50%;
  float: left;
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0px 0px 0 15px;
  font-size: 12px;
  position: relative;
  border-bottom: 1px solid #444;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.footer .f_gnav li i{
  position: absolute;
  font-size: 20px;
  line-height: 30px;
  right: 10px; top: 5px;
}
.footer .f_gnav li:nth-child(even){
  border-left: 1px solid #444;
}
.footer .f_gnav li:last-child{
  width:100%;
}
.footer .f_gnav li a{display: block;}
.footer .f_gnav .sp_wide{
  width: 100%;
  height: 35px;
  border-bottom: 0px;
}
.footer .f_gnav li:after{width: 0px;}

/***********************************
  サイド
***********************************/
.side_search{
  width:95%;
  margin:0 auto 30px;
}
.side_navi_item,
.side_navi{
  width:95%;
  margin:0 auto;
}
.side_navi ul li.sysText a{
  padding:10px 5px !important;
}
.side_navi_item .sysHeadline,
.side_navi_item .sysContent{
  width:100% !important;
  margin:0 auto !important;
}
.side_navi_item .sysContent li,
.side_navi .sysContent li{
  float:left !important;
  width:50% !important;
}
.side_navi_1{
  border-top:1px solid #000;
}

/***********************************
  共通パーツ
***********************************/
.sysTitle{
  width: 600px;
  margin: 50px auto!important;
  position: relative;
  text-align: center;
  font-size: 20px;
  letter-spacing: auto;
}
.sysTitle b{
  display: block;
  font-size: 15px;
  text-align: center;
  margin-top: 5px;
}
.sysTitle span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 40px;
  background-color: #fff;
  text-align: center;
  font-weight: bold;
}
.sysTitle::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #222222;
}

.contentsWrap{
  width: 90%;
  margin: 0 auto;
}

/***********************************
  商法テーブルレイアウト
***********************************/
.p-law .sysTitle{max-width: 600px;}
.p-law .sysTitle span {
  font-size: 22px;
  padding: 0 40px;
}

#main_tradelaw{width: 90%;}
.shipFee{
  width: 90%;
  margin: 50px auto;
}
.shipFee h3{font-size: 16px;}
table.shipFeeTable .newLine{display: block;}
table.shipFeeTable tbody th {
  width: 500px;
  vertical-align: middle;
}
table.shipFeeTable td{
    width: 500px;
  font-size: 15px;
  vertical-align: middle;
}

/***********************************
   フッター部分のご利用ガイド
***********************************/
.f_guide{margin-top: 50px;}
.f_guide .sysContent{width: 100%;}
.f_guide .Title{ 
  font-size: 15px;
  padding: 20px 0 30px;
}
.f_guide .guideBlock{
  width: 50%;
  padding: 0 2%;
  padding-bottom:30px;
}
.f_guide .guide01{padding-right: 20px;}
.f_guide .guide02{padding-left: 20px;}
.f_guide .freedial{
  font-size:30px;
}
.f_guide a{
  display:block;
  width:200px;
}

/***********************************
  カート内商品数表示
***********************************/
button.itemCount2{
        display:none;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: rgba(207,15,42,0.9);
  border:none;
  width: 18px;
  height: 18px;
  border-radius: 10px;
  text-align: center;
  line-height: 15px;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
}
/***********************************
  商品購入ステップ
***********************************/
.steps ul{width: 550px;}
.steps li{
  float: left;
  padding: 0 2px;
  height: 180px;
}
.steps li a{height: 180px !important;}
.steps li img{height: 180px;}

/***********************************
  TOPページ
***********************************/
/*.トップスライダー*/
#slideShow{height: 190px;}

.top_slider{
  padding-top:0;
  margin-top:120px;
}

/***********************************
  ワンページカート
***********************************/

/*情報入力ページ調整*/
.sysOpcBody .header_wrap {
  border-bottom: none;
}
.sysOpcBody div#sysWrap {
  margin: 20px auto 0;
}
.sysCart #sysMain,
.sysOpcBody #sysMain{
  border: none;
}
.sysOpcBody div#sysMain {
  margin-bottom: 0;
}
.sysOpcBody img {
  max-width: 100%;
}
.sysOpcBody div#sysMain {
  padding: 0 4%;
}
.opcConfirm_inputStatus,
.opcConfirm_inputStatus_disable,
.opcConfirm_order,
.opcConfirm_order_disable {
  width: 94% !important;
}

/*PICASO*/

/*共通*/

/*img{
	height: auto;
	width: 100%;
}*/

.inner{
	width: 90%;
}

.inner02{
	width: 100%!important;
}

.pc_View{
	display: none;
}
.sp_View{
	display: block;
}

.news{
	display: block;
}

.main_btn{
	    padding: 1px;
}

.main_btn img{
	    position: absolute;
    right: 20px;
    top: 15px;
    width: 10px;
    height: auto;
}

.ttl{
	font-size: 30px;
}

.ssttl{
    font-size: 12px;
}

.mv_ttl_img{
	    background-image: url(https://bakerypicasso-online.com/img/flow/ttl_img_sp.png);
	height: 130px;
	    margin-bottom: 2rem
}

.mv_ttl_img .ttl{
	    font-size: 24px;
}

body[data-member-login="true"] .login_before{
display:none;
}
body[data-member-login="true"] .login_after{
display:block;
}

/*TOP*/

#main01 .content01 .flx .badge{
	    width:36%;
	    top: -9px;
}

#main01 .content01 .ab_frame01{
	    margin-bottom: 1px
}

#main01 .content02 .box .ab_img05{
	    right: -14px;
    width: 130px;
	    top: -30px;
}

#main01 .content01 .ab_img01, #main01 .content01 .ab_img02, #main01 .content01 .ab_img03, #main01 .content01 .ab_img04{
	    width: 26px;
}
#main01 .content01 .ab_img01{
	right: -10px;
    top: 9px;
}

#main01 .content01 .ab_img02{
	    right: 18px;
    top: 38px;
}
#main01 .content01 .ab_img03{
	 width: 33px;
	    right: -13px;
    top: 61px;
}

#main01 .content01 .ab_img04{
	 width: 60px;
}

#main01 .content01 .box:first-child{
	   width: 40%;
}

#main01 .content01 .box:nth-child(2){
	      padding-left: 1rem;
    padding-top: 1rem;
	position: relative;
}

#main01 .content01 .sttl{
	     font-size: 20px;
}

#main01 .content01 .mttl{
	    margin: -6px 0;
	font-size: 30px;
	color:#c20000;
}

#main01 .content01 .ttl{
	line-height: 5.5rem;
   margin-bottom: 2rem;
   font-size: 40px;
	margin-top: 1rem;
}

#main01 .content01 .btxt{
	    font-size: 13px;
    line-height: 2rem;
	text-align: center;
	    padding: 2rem 0;
	    margin-bottom: 0;
}

#main01 .content01 .line{
	    width: 100%;
    height: auto;
     top: 17rem;
	left: 0;
	position: absolute;
}

#main01 .content02{
	padding: 1rem 0 4rem 0;
}

#main01 .content02 .box{
	width: 100%;
	    padding: 3rem 2rem;
	margin-bottom: 2rem;
}
#main01 .content02 .box .txt{
	    width: 100%;
    margin-left: 0;
    line-height: 2.3rem;
    font-size: 14px;
    margin-bottom: 4rem;
}

#main01 .purchase .addtext::before{
	    top: -19px;
	    font-size: 11px;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-size: 11px;
    width: 100%;
    text-align: center;
    left: 50%;
}

#main01 .content02 .box .main_btn{
	    width: 100%;
    text-align: center;
    padding: 3px;
	font-size: 15px;
}

#main01 .content02 .box .main_btn img{
	    top: 17px;
}

/*main02*/
#main02{
	margin: 3rem 0 3rem 0;
}

#main02 .ab_img01{
   left: 4rem;
    top: 50rem;
    width: 70px;
}
#main02 .ab_img02{
    top: 27rem;
    width: 50px;
    right: 6rem;
}

#main02 .sttl{
	font-size: 27px;
    background: linear-gradient(transparent 60%, #ffe5e5 30%);
    width: 200px;
	margin: 0 auto;
}

#main02 .box{
	 text-align: center;
  margin: 4rem 0 4rem 0;
}

#main02 .box .txt{
	font-size: 15px;
    line-height: 2.5rem;
    padding: 1rem 0;
}

#main02 hr{
	display: none;
}

#main02 .main_btn{
	margin: 0 auto;
    margin-top: 2rem;
} 

#main02 .box:nth-child(2){
	width: 92%;
    margin: 0 auto;
	    margin-bottom: 2rem;
}

#main02 .frame{
	    bottom: -46px;
}

.news .ttl{
	    line-height: 23px;
	
}

.news .ttl img{
	    margin-bottom: 1.5rem;
	width:40px;
	  
}

.news .sysHeadline{
	    width: 100%;
}

#news{
	    margin-bottom: 2rem;
    scroll-margin-top: 30rem;
    margin-top: -100px;
    padding-top: 120px;
}
.news{
	  padding: 2rem 2rem 5rem 2rem;
}
.news .news_sttl{
	    background-color: inherit;
}
.news .sysContent ul{
	width: auto;
}
#sysInformation #sysMain{
	    margin-top: 10rem;
}

#sysInformation #sysMain .sysNewsDetail{
	margin-bottom: 13rem;
}

#sysInformation #sysMain h1{
	    width: 90%;
    font-size: 16px;
}

#sysInformation #sysMain h1 p{
	    margin-bottom: 0px;
}

.important ul li a{
	margin-top: -19px;
	padding: 0;
}

#main03 .line_bnr{
	width: 80%;
    margin: 0 auto;
	margin-top: 6rem;
	    margin-bottom: 4rem;
}

/*insta*/

#insta .ab_frame01{
	    top: -7px;
}

.news ul li{
	    font-size: 15px;
	    padding: 0.5rem 0px;
}

#insta{
	    padding: 5rem 0;
}

#insta h2{
	    margin-bottom: 2rem;
}

#insta iframe{
	width: 100%!important;
}

#insta .ab_frame02{
	    bottom: -13px;
}

/*main03*/

#main03 .ab_frame01{
	    top: -5px;
}

#main03{
	margin: 4rem 0 -6rem;
}

#main03 .more{
	    padding: 4rem 0;
	
}

#main03 .more_box h2{
	font-size: 20px;
}

#main03 .more_img{
	width: 40px;
}

#main03 .more_box
{
	padding: 3rem 1rem;
	    margin: 0 auto;
	    width: 100%;
}
#main03 .more_box .stxt{
	      font-size: 12px;
    line-height: 2rem;
}


/*main04*/

#main04 .content01 .main_btn{
	    display: flex;
	    height: 50px;
	    margin-top: 5rem;
}
#main04 .content01 .main_btn .btn_txt{
	    font-size: 15px;
}


#main04 .purchase{
	margin-bottom: 5rem;
}

#main04 .purchase .addtext::before{
	  left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    top: -19px;
    font-size: 11px;
	    width: 100%;
    text-align: center;
}

#main04 .content02, 
#main04 .content03{
	    padding: 5rem 0;
}

#main04 .content02 .white{
	 background-color: #fff;
    border-radius: 10px;
    padding: 4rem 2rem;
    position: relative;
	text-align: center;
}

#main04 .content02 .sp_View .white .po_ab{
	    position: absolute;
    top: -2rem;
    width: 90%;
	height: auto;
    left: 50%;
    height: auto;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#main04 .content02 .white h2{
	    text-align: center;
	    color: #c20000;
	    position: relative;
	width: 100%;
    font-size: 28px;
	margin-top: 2rem;
}

#main04 .content02 .sp_View .white .box{
	    margin: 4rem 0;
	    margin: 0 auto;
    margin-top: 6rem;
    width: 80%;
   text-align: left;
	    margin-bottom: 4rem;
}
#main04 .content02 .sp_View .white .box img{
	width: 100%;
}

#main04 .content02 .sp_View .white h3 .s{
	    margin-right: 1.5rem;
    font-family: 'Cinzel', serif;
}
#main04 .content02 .sp_View .white h3{
	    font-size: 24px;
	color: #c20000;
    margin-top: 1.5rem;
    font-family: 'Noto Sans JP', sans-serif;
    padding-left: 1.8em;
    text-indent: -1.7em;
}
#main04 .content03 .ttl_box{
	    height: 122px;
	    background-position: center;
}
#main04 .content03 .flx{
	    display: block;
}
#main04 .content03 .flx .txt_box{
	width: auto;
}
#main04 .content03 .flx .txt_box .sp_View h3{
	display: block;
    font-size: 28px;
    text-align: center;
    color: #5c2300;
    margin-bottom: 2rem;
}
#main04 .content03 .flx .txt_box .sp_View h3 img{
	    display: block;
    margin: 0 auto;
    margin-bottom: 1.5rem;
	    width: 50px;
}
#main04 .content03 .flx .txt_box .stxt{
	    font-size: 18px;
	    margin-bottom: 3rem;
}
#main04 .content03 .flx .img_box {
	    width: 100%;
    margin: 0 auto;
}
#main04 .content03 .flx .img_box img{
	     width: 100%;
}
#main04 .content03 .sp_flow{
	    margin-top: 7rem;
    position: relative;
}
#main04 .content03 .sp_flow .flx{
	    margin-bottom: 6rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
#main04 .content03 .sp_flow .num_box{
	    margin-right: 4rem;
    width: 16%;
}
#main04 .content03 .sp_flow .img_box .txt{
	    font-size: 18px;
}
#main04 .content03 .message{
	margin: 7rem 0 0 0;
}
#main04 .content03 .message img{
	    width: 70%;
}
#main04 .content03 .po_re{
	    width: 1px;
}
#main04 .content03 .vertical{
display: none;
}

/*bnrs*/

.bnrs{
	width: 100%;
    text-align: center;
}

.bnrs img{
	margin-bottom: 1rem;
	width: 60%;
}

#aside_bnr{
	    margin-bottom: 6rem;
}


/*cal*/

#cal .inner{
	width: 100%;
}

#cal h2{
	    margin-bottom: 3rem;
	    line-height: 2.3rem;
}

.calendar-wrap h3{
	    font-size: 15px;
    margin-bottom: 1rem;
}

.calendar{
	width: 90%;
    margin: 0 auto;
}

#cal .flx{
	display: block;
}
.calendar-wrap{
	width: 100%;
    margin: 0 auto;
}
#cal .txt{
	padding-left: inherit;
	font-size: 13px;
	text-align: justify;
}
.calendar-wrap th, td{
	    padding: 5px;
}
#cal .cal_txt{
	    padding-left: 3.5rem;
}

.calendar-wrap:nth-child(2){
	margin-top: 3rem;
}

.calendar-wrap td{
	    font-weight: 100;
}

#footer{
	     padding: 4rem 0;
}

#footer nav{
	line-height: 2rem;
	    justify-content: space-around;
}

#footer .flx{
	display: block;
}
.sysContent li{
	    font-size: 12px;
}
#footer .top_sc{
	    width: 50px;
    height: 50px;
	    top: -2rem;
}
#footer nav li a{
	    font-size: 10px;
}
#footer h2 img{
	    width: 250px;
    margin-top: 3rem;
}
#footer .main_btn{
	    width: 250px;
    margin: 0 auto;
    margin-top: -1rem;
}
#footer .main_btn .ab01{
	    left: 48px;
    top: 19px;
    width: 15px;
}
#footer .main_btn .ab02{
	    top: 16px;
}


/*item*/

#item .about .ttl{
	font-size: 20px;
}

#item .about .txt{
	font-size: 14px;
	margin: 1rem 0 2rem 0;
    line-height: 2.5rem;
    text-align: justify;
}

#item .about .sttl{
	height: 30px;
	    width: auto;
}
#item .about .line{
	margin-bottom: 2rem;
}
#item .list{
	display: block;
}
#item .list .box{
	width: 100%;
}
#item .list tr{
	font-size: 14px;
}
#item .w100 tr{
	font-size: 14px;
}
#item .made .ttl{
	 line-height: 2rem;
    font-size: 20px;
    margin-bottom: 4rem;
}
#item .made .sttl{
	    width: 150px;
}

#item .made .re_img .ab_img{
	    width: 40px;
}

#item .made .re_img .ab_img:first-child{
	      top: -7rem;
    left: -1rem;
    width: 30px;
}
#item .made .re_img .ab_img:nth-child(2){
	           left: 3rem;
    top: -7rem;
    width: 20px;
}
#item .made .re_img .ab_img:nth-child(3){
	   left: 6rem;
    top: -7rem;
    width: 20px;
}
#item .made .re_img .ab_img:nth-child(4){
	         width: 15px;
    right: 6.5rem;
    top: -7rem;
}
#item .made .re_img .ab_img:nth-child(5){
	         top: -7rem;
    width: 15px;
    right: 3rem;
}
#item .made .re_img .ab_img:nth-child(6){
	    top: -7rem;
    right: -1rem;
    width: 20px;
}

#item .made .flx{
	flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 0rem;
	 margin-bottom: 1rem!important;
}

#item .made .flx .box{
    width: 44%;
}

#item .made .flx .txt{
       font-size: 12px;
    margin-top: 0rem;
}

#item .made{
	    margin: 5rem 0 0 0;
}

#item .made .frame:nth-child(2){
	position: absolute;
    top: 0;
}
#item .made{
	padding: 6rem 0;
}

#item .made .frame .ab_frame01{
    bottom: -7px;
}
#item .made .frame .ab_frame02{
    top: 0;
}

#item .made .frame .ab_frame01,
#item .made .frame .ab_frame02{
  position: absolute;
  width: 100%;
	height: auto;
}




/*商品ページ*/
#sysItemDetail .sysCartButton{
	    margin-top: 2rem;
}

#sysWishlist .sysButton, #sysItemDetail .sysCartButton{
	margin-left: 0!important;
}


nav.globalMenuSp ul{
width: 80%;
}
nav.globalMenuSp ul li a{
    font-size: 12px;
    padding: 1rem 0;
}
nav.globalMenuSp.active{
    padding-top: 6rem!important;
}


.check{
	width: 90%;
    margin: 0 auto;
	margin-top: 6rem;
	margin-bottom: 6rem;
}

.check h2{
	font-size: 20px;
	    line-height: 2rem;
	    margin-bottom: 3rem;
}

.check h2 img{
	    width: 55px;
    height: auto;
}

.check .sysContent .sysHorizontal li{
    width: 33%;
    margin: 0;
}

/*パンくず*/

.sysCategoryPankuzu{
	    margin-bottom: 2rem;
    display: block;
    padding: 1rem 2rem;
	
}

.breadcrumbs .inner{
	width: 90%!important;
}

.breadcrumbs p{
	font-size: 10px;
}

.sysFreeArea{
	    margin-top: 7rem;
    margin-bottom: 1rem;
}

/*おいしいパンのお召し上がり方*/

#flow .inner{
	width: 90%;
}

#flow .content01{
	width: 90%;
}

#flow .ttl_box{
	margin: 3rem 0 5rem 0;
}

#flow .ttl_box img{
	width: 50px;
}
#flow .ttl_box .ab_img01{
	       top: -5rem;
    left: 4rem;
}
#flow .ttl_box .ab_img02{
          top: -2rem;
    left: -1rem;
    width: 45px;
}
#flow .ttl_box .ab_img03{
	      top: -5rem;
    right: 4rem;
    width: 40px;
}
#flow .ttl_box .ab_img04{
	         top: -3rem;
    right: -1rem;
    width: 35px;
}
#flow .ttl_box h3{
	font-size: 18px;
    margin-bottom: 2rem;
    line-height: 2.8rem;
    letter-spacing: -1px;
	   width: 100%;
     padding-top: 2rem;


}
#flow .ttl_box .big_txt{
	letter-spacing: -6px;
    font-size: 30px;
}

#eat .header_wrap,#fag .header_wrap,#shopping-guide .header_wrap,#about .header_wrap,#law .header_wrap,#privacypolicy .header_wrap,
#sysFormIndex .header_wrap,#sysInformation .header_wrap,#grand_prix .header_wrap{
	    top: 0;
}
#sysItemDetail .header_wrap{
	top: 39px;
}

#flow .ttl_box .txt{
	    font-size: 12px;
}

.diagonal{
	    font-size: 40px;
	
}

.Itinerary .ttl img{
	    height: auto;
    width: 55px;
    margin-right: 1rem;
	
}

.Itinerary .ttl{
	font-size: 20px;
    display: flex;
    align-items: center;
	letter-spacing: -2px;
}

.Itinerary .txt{
	    font-size: 12px;
    text-align: justify;
    letter-spacing: 0px;
    line-height: 2rem;
}

#flow .Itinerary .box .point{
	   background-color: #f8f6f1;
    padding: 2rem 3rem;
    border-radius: 10px;
    margin-top: 2rem;
}
#flow .Itinerary .box .point .sttl{
	     font-size: 12px;
    margin-bottom: -4px;
	color:#c20000;
}
#flow .Itinerary .box .point .stxt{
	      font-size: 10px;
}
#flow .Itinerary .box:nth-child(2) img,#flow .Itinerary .box:nth-child(4) img{
	   margin: 3rem 0 6rem;
}

.appeal{
	position: relative;
	margin: 0;
}

.appeal .txt_img{
	    position: absolute;
    top: -3rem;
    width: 200px;
    height: auto;
    left: 1rem;
}

.warning{
	margin: 2rem 0 12rem 0;
}

.warning .flx{
	display: block;
}
.warning .flx .box:first-child{
	    text-align: center;
	margin: 0;
}
.warning .flx .box:first-child .sttl{
	       font-size: 16px;
}

.warning .flx .box:nth-child(2){
	    width: 95%;
    margin: 0 auto;
    padding-left: 1rem;
}

.warning .flx .box ul li{
	    text-indent: -1.3em;
    line-height: 2rem;
}

.warning .flx .box:nth-child(2) ul li{
	    font-size: 13px;
}

.warning .flx .box:nth-child(2) ul li img{
	width: auto!important;
}


/*下層_ヘッダー*/

.header_wrap_inner{
	    background-color: #fff;
}

.header_wrap{
	 height: 50px;
}

#header_news{
	font-size: 10px;
}

.kasou{
	margin-top: 0rem;
}


/*ご利用ガイド*/

#guide_btn .flx{
	flex-wrap: wrap;
    justify-content: space-evenly;
	margin-top: 3rem;
	    margin-bottom: 13rem;
}
#guide_btn .flx .box{
	padding: 10px 1rem;
	width: 48%;
	border: solid 1px #c20000;
}

#guide_btn .flx .box:first-child{
	margin: 0 5px 5px 0;
}

#guide_btn .flx .box:nth-child(2){
	margin: 0 0 5px 5px;
}

#guide_btn .flx .box:nth-child(3){
	margin: 5px 5px 0 0;
}

#guide_btn .flx .box:nth-child(4){
	margin: 5px 0 0 5px;
}

#guide_btn .flx .box img{
	width: 25px;
}
#guide_btn .flx .box .ttl{
	font-size: 13px;
    margin: -5px 0;
}
#guide_btn .flx .box .arrow{
	    height: auto;
    width: 10px;
}

#guide01, #guide02, #guide03, #guide04{
	    padding: 0rem 0 7rem 0;
}

#introduction .ttlBox{
	    margin-bottom: 2rem;
	    line-height: 1rem;
}

#introduction .ttlBox h2{
	font-size: 20px;
}
#introduction .ttlBox img{
	    width: 35px;
    height: auto;
}

#introduction #guide01 .boxes .box{
	padding: 2rem 0;
}
#introduction #guide01 .sttl{
	    font-size: 20px;
}

#introduction #guide01 .txtDeco{
	    font-size: 13px;
    height: 20px;
	    width: 20px;
    border-radius: 20px;
}

#introduction #guide01 .sttl{
	    font-size: 16px;
}
#introduction #guide01 .stxt{
	font-size: 14px;
    line-height: 2.5rem;
    text-align: justify;
}
#guide_btn .flx .box:nth-child(2) .ico02{
	    width: 18px;
}
#introduction .stxt{
	font-size: 14px;
}

.gray th{
	    padding: 1rem 0;
}

#introduction #guide02 table tr td{
	    padding: 1.5rem 1rem 1.5rem 1rem;
}

#introduction #guide03 .box, #introduction #guide04 .box{
	margin-bottom: 3rem;
}

#introduction #guide04 .box:first-child img{
	margin: 1rem 0;
}

#introduction #guide04 .box:nth-child(4){
	margin-bottom: 0;
}

#introduction #guide03 h3, #introduction #guide04 h3{
	    font-size: 16px;
}

#introduction .stxt {
    line-height: 2.3rem;
}
#introduction .stxt{
	font-size:  14px;
}



/*
-------------------------------------------
BAKERY PICASOについて
------------------------------------------

*/

#about1 img,
#about2 img {
  width: 100%;
  height: auto;
}
#about1 {
    padding-bottom: 95px;
}
#about1 #flow .ttl_img {
    margin-bottom: 0;
}
#about1 .picBox {
    padding-bottom: 15px;
}

#about1 .boxes .box .ttlBox .ssttl {
    font-size: 12px;
    padding-right: 11px;
    letter-spacing: -1px;
    color: #c20000;
    font-family: 'Cinzel', serif!important;
}

#about1 .boxes .box .ttlBox h3 {
    font-size: 21px;
    line-height: 3rem;
    color: #c20000;
    font-family: "しっぽり明朝 B1", serif !important;
    padding-bottom: 5px;
}
#about1 .boxes .box .txtBox .txt {
   font-size: 14px;
    line-height: 2.3rem;
    color: #2b2b2b;
}
#about1 .box {
    text-align: center;
    width: 80%;
} 

#about1 .bg {
    position: relative;
}
#about1 .bg .bgPic {
    position: absolute;
    z-index: -2;
    width: 100%;
    top: 124px;
    left: 0;
    height: 90%;
}
#about1 .bread1,
#about1 .bread2,
#about1 .bread3,
#about1 .bread4 {
    display: none;
}

#about1 .decoBox .txtDeco{
    font-size: 26px;
    letter-spacing: 0.4px;
    line-height: 50px;
    color: #c3b3a3;
    font-weight: 800;
    text-align: center;
    font-family: 'Cinzel', serif!important;
}
#about1 .picBox2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
#about1 .picBox2 .pic2 {
    width: 55%;
}
#about1 .picBox2 .pic3 {
    width: 41%;
}
#about1 .picBox2 .bread5 {
      position: absolute;
    width: 12%;
    height: auto;
    bottom: -23px;
}
#about1 .picBox2 .bread6 {
    position: absolute;
    height: auto;
    width: 12%;
    bottom: -60px;
    left: 11%;
}

#about2 .ttl {
    font-size: 23px;
    text-align: center;
    line-height: 22px;
    color: #c20000;
    margin-bottom: 20px;
}
#about2 .ssttl {
    font-size: 12px;
}

#about2 .box .sttl {    
    font-weight: bold;
    padding-top: 5px;
    color: #c20000;
    font-size: 19px;
    font-family: "しっぽり明朝 B1", serif !important;
    padding-left: 7px;
}


#about2 .box .txtBox .list dl {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
}

#about2 .box .txtBox .list dt {
    width: 25%;
    padding-bottom: 11px;
    font-size: 14px;
}
#about2 .box .txtBox .list {
    padding-bottom: 30px;
}
#about2 .box .txtBox .list dd {
    width: 75%;
    padding-bottom: 11px;
    font-size: 14px;
}

#about2 .box .txtBox .list .noMB {
    padding-bottom: 0!important;
}

#about2 .red {
    color: #c20000;
    text-decoration: underline;
}

#about2 .box .txtBox .list .map img {
    height: auto;
    width: 5%;
    padding-right: 4px;
}
#about1 .bg .picBox {
    padding-bottom: 0;
} 


/*ヘッダー*/

.header_sp .sysContent{
	position: relative;
}
.header_sp .flx{
	display: block;
}

/*　ハンバーガーボタン　*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 21;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}

.header_sp_kasou .hamburger {
top:5rem;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #c20000;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

nav.globalMenuSp {
  position: fixed;
  z-index : 20;
  top  : -1px;
  left : 0;
  color: #000;
 background: #f8f6f1;
  text-align: center;
  transform: translateY(-100%);
  transition: all 0.6s;
  width: 100%;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 90%;
	    margin-bottom: 1rem;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 5px 0;
    width: auto;
    margin: 0 1rem;
  border-bottom: 1px solid #c20000;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
	font-size: 12px;
  display: block;
  color: #c20000;
  padding: 5px 0;
  text-decoration :none;
}

.globalMenuSp .hum_img{
	    width: 100%;
	height: auto;
}

.globalMenuSp .flx{
	display: flex;
	justify-content: center;
}
.globalMenuSp .flx img{
	    width: 30px!important;
}
.globalMenuSp .flx li{
	border-bottom: none;
}


.globalMenuSp .main_btn{
	    margin: 0 auto;
    width: 90%;
    padding: 0.5rem 0;
}
.globalMenuSp .btn_txt{
	position: relative;
}

.globalMenuSp .ab01{
	    left: -2rem;
    top: 9px;
}

.globalMenuSp .ab02{
    right: -2rem;
    left: auto;
    top: 5px;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
  transform: translateY(0%);
	    padding-top: 6rem;
	height: 100vh;
}


/*top*/
#top #sysAll{
    padding-bottom: 2rem;
}


/*------------------------------------
faq
--------------------------------------*/

.accordion {
  width: 100%;
}

/* inputのチェックボックスを非表示 */
.accordion-hidden {
  display: none;
}

/* 見出しボタン部分 */
.accordion-open {
    display: block;
    padding: 13px 50px 13px 45px;
    border-radius: 10px;
    background: #f8f6f1;
    cursor: pointer;
    margin: 20px 0 0;
    position: relative;
    font-size: 15px;
    text-align: justify;
    font-weight: 500;
    text-indent: -30px;
}

/* ＋アイコン */
.accordion-open::before, 
.accordion-open::after {
    content: '';
    width: 13px;
    height: 3px;
    background: #c20000;
    position: absolute;
    top: 50%;
    right: 6%;
    transform: translateY(-50%);
}

/* アイコンのー */
.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

/* アコーディオンが開いたらーに */
.accordion-hidden:checked+.accordion-open:after {
  transform: translateY(-50%) rotate(0);
}

/* アコーディオン中身部分 */
.accordion-inner {
  display: block;
  background: #f8f6f1;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
  /* 表示速度の設定 */
  cursor: pointer;
}

.accordion-inner p {
    background-color: #fff;
    border-radius: 10px;
    padding: 13px 15px 13px 39px;
    font-size: 14px;
    margin: 0 auto;
    text-indent: -28px;
}

/* チェックボックスにチェックが入ったら中身部分を表示する */
.accordion-hidden:checked+.accordion-open+.accordion-inner {
    height: auto;
    opacity: 1;
    padding: 0 15px 15px;
}
/* ↑ここまで共通 */


/* Q&A追加 */
.accordion_qa .Q,
.accordion_qa .A {
  position: relative;
}

.accordion_qa .Q {
    color: #5c2300;
    font-family: 'CinzelRoman';
    font-weight: bold;
    font-size: 18px;
    padding-right: 14px;
}

.accordion_qa .A {
    color: #c20000;
    font-family: 'CinzelRoman';
    font-weight: bold;
    font-size: 19px;
    padding-right: 11px;
}

.accordion_qa .Q::before,
.accordion_qa .A::before {
  font-size: 1.5em;
  display: block;
  position: absolute;
  top: -.6em;
  left: -1.3em;
}


.accordion_qa .accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 0 17px 20px;}
/* Q&A追加ここまで */


/* 中にいろいろ入れたいとき */
.accordion-box {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 1s;
}

.accordion-hidden:checked+.accordion-open+.accordion-box {
  height: auto;
  opacity: 1;
  padding: 10px;
}
#faq .ttlBox {    
    margin-bottom: 2rem;
    line-height: 1rem;
    text-align: center;
}

#faq .ttlBox h2 {
  font-size: 20px;
}

#faq .ttlBox img {
    width: 35px;
    height: auto;  
}
#faq .ttlBox h2 {
    font-size: 20px;
    color: #c20000;
}

#faq #guide_btn .flx {
  justify-content: space-between;
}

#faq #guide_btn .flx .box:nth-child(3) {
    margin: 5px 5px 5px 0;
}
#faq #guide_btn .flx .box:nth-child(4) {
    margin: 5px 0 5px 5px;
}
#faq #guide_btn .flx .box:nth-child(5) {
    margin: 5px 5px 5px 0;
}

#qa01, #qa02, #qa03, #qa04,#qa05 {
    padding: 0rem 0 7rem 0;
	scroll-margin: 13rem;
}

.item_curry #item {
margin: 0;
}

#footer .top_sc a{
top: 42.5rem;
	
}

#footer .top_sc img{
	    width: 20px;
}

.f_bottom .flx{
	    padding: 4rem 0 2rem 0;
}

.f_bottom .copy{
	    font-size: 5px;
	    margin: 0rem 0 15% 0;
}

.header_sp .flx .ico:nth-child(2){
	    right: -1rem;
}

/*TOP*/
.right-fixed-banner{
	    position: fixed;
    bottom: 0;
   width: 100%;
     z-index: 100;
}
.right-fixed-banner .bgSp {
    display: flex;
	    width: 80%;
    margin: 0 auto;
}
.right-fixed-banner .sp_View{
    margin: 0 auto;
    width: 97%;
    border-radius: 10px 10px 0 0;
}

.sysContent li{
	padding: 0;
}
#main01 .content01 .frame{
	    position: absolute;
	    top: 0;
}
.acmenu{
	    max-width: inherit;
}


/*---------------Linepopup-20240208---------------------------*/

.popup-container .popup-body .LinePcView {
    display: none;    
}

.popup-container .popup-body .LineSpView {
    display: block;    
}
}
@media screen and (min-width:1101px){
.sysDisplayPcNone{
  display:none !important;
}

.SpView{
display: none;
}
.PcView {
display: block;
}


/*PICASO*/

.pc_View{
	display: block;
}
.sp_View{
	display: none;
}

.main_btn{
	display: flex;
}

#main01 .content01 .inner{
	padding-top: 3rem;
}

#main01 .content01 .line{
	position: absolute;
	top: 135px;
        width: 600px;
        height: auto;
        left: 0;
}


#main01 .content01 .flx .box:first-child{
	    width: 20%;
    position: relative;
}
#main01 .content01 .flx .box:first-child img{
	    width: 100%;
    height: auto;
}

#main01 .content01 .box:nth-child(2){
	width: 90%;
    margin-left: 2rem;
}

#main03 .more_box{
	 margin-right: 0; 
         margin-left: auto;
	
}

.sysItemImages{
	    width: 50%!important;
}

/*footer*/
#footer li{
	    padding: 1rem 0;
}

/*商品ページ*/
.orderArea {
	width: 1100px;
    margin: 0 auto;
}

.sysItemName, .sysExplanation > div > span, .sysReview > span{
	 font-size: large;
}
	

#item .made .frame .ab_frame01{
    position: absolute;
    top: 107rem;
    z-index: 1;
    height: auto;
    width: 100vw;
}

#item .made .frame .ab_frame02
{
    position: absolute;
    top: -4rem;
    z-index: 1;
    height: auto;
    width: 100vw;
}

.check{
width: 1100px;
    margin: 0 auto;
    margin-top: 13rem;
    margin-bottom: 13rem;
}

.item_bnr img{
    margin-top: 15px;
}

.item_bnr2 img {
    margin-top: 5px;
}
#sysSelections {
    font-size: 14px;
}
/*パンくず*/


/*about*/

#about1 {
  padding-bottom: 155px;
}

#about1 .boxes .bg {
    position: relative;
}

#about1 .boxes .bg .bgPic {
    position: absolute;
    z-index: -2;
    top: 90px;
    left:0;
     width: 100%;
}

#about1 .picBox {
  margin-bottom: 80px;
  text-align: center;
}

#about1 .bg .picBox {
  margin-bottom: 70px;
  text-align: inherit;
}

#about1 .boxes .box {
  margin-bottom: 80px;
  display: flex;
}
#about1 .boxes .box .ttlBox {
  width: 40%;
  padding-left: 100px;
}

#about1 .boxes .box .txtBox {
  width: 53%;
  padding-left: 7%;
}

#about1 .boxes .box .ttlBox .ssttl {
  font-size: 15px;
  line-height: 3rem;
  color: #c20000;
  font-weight: 700;
  margin-bottom: 10px;
  font-family: 'Cinzel', serif!important;
}

#about1 .boxes .box .ttlBox h3 {
  font-size: 28px;
  line-height: 5rem;
  color: #c20000;
  font-weight: 700;
  font-family: "しっぽり明朝 B1", serif !important;
}


#about1 .boxes .box .txtBox .txt {
   font-size: 16px;
   line-height: 33px;
}

#about1 .boxes .box2 .picBox {
  position: relative;
}


#about1 .boxes .box2 .pic {
  width: 77%;
}

#about1 .boxes .box2 .picBox .bread {
  position: absolute;
  height: 15%;
}

#about1 .boxes .box2 .picBox .bread1 {
     top: 26px;
    right: 12px;
}
#about1 .boxes .box2 .picBox .bread2 {
     top: 112px;
    right: 94px;
}
#about1 .boxes .box2 .picBox .bread3 {
     top: 213px;
    right: 33px;
}
#about1 .boxes .box2 .picBox .bread4 {
     top: 311px;
    right: 0px;
}
#about1 .bg .picBox2 {
    margin-bottom: 0;
   padding-bottom:100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#about1 .decoBox {
     text-align: right;
    font-size: 60px;
    color: #c3b3a3;
    font-weight: bold;
    font-family: 'Cinzel', serif!important;
    margin-bottom: 70px;
    margin-right: -80px;
    overflow: hidden;
}

#about1 .boxes .box2 .picBox .pic2 {
  width: 52%;
}


#about1 .boxes .box2 .picBox .pic3 {
  width: 42%;
}

#about1 .boxes .box2 .picBox .bread5 {
    bottom: 35px;
    left: -80px;
   height: 12%;
  width: auto;
}

#about1 .boxes .box2 .picBox .bread6 {
    bottom: -40px;
    left: 0;
    height: 12%;
    width: auto;
}

#abou2 {
padding-bottom: 63px;
}

#about2 .ttl {
    font-size: 40px;
    text-align: center;
    line-height: 30px;
    color: #c20000;
    margin-bottom: 60px;
}







#about2 .box {
 display: flex;
   justify-content: space-between;
}

#about2 .box1 {

  align-items: center;
  padding-bottom: 95px;
}

#about2 .box2 {
   flex-wrap: wrap;
}

#about2 .box2 .outer {
  width: 46%;
  display: flex;
  flex-direction: column;
  padding-bottom: 65px;
}

#about2 .box1 img {
   width: 54%;
}

#about2 .box1 .txtBox {
   width: 38%;
}

#about2 .box1 .txtBox img {
   width: 100%;
   height: auto;







}

#about2 .box2 .outer img {
   width: 100%;
   height: auto;
}

#about2 .box .sttl {
    font-size: 26px;
    font-family: "しっぽり明朝 B1", serif !important;
    color: #c20000;
}

#about2 .box2 .outer .sttl {
  text-align: center;
}

#about2 .box2 .outer .txtBox {
padding-top: 20px;
}

#about2 .box2 .outer .txtBox .ttlBox {
padding-bottom: 20px;
}

#about2 .box2 .outer .txtBox .list {
padding-top: 10px;
}


#about2 .box1 .txtBox .ttlBox {
padding-bottom: 20px;
}

#about2 .box1 .txtBox .list {
padding-top: 10px;
}

#about2 .box .txtBox .list dl{
      display: flex;
    flex-wrap: wrap;
    font-size: 16px;
}
#about2 .box .txtBox .list dt{
      width: 30%;
     font-size: 16px;
}
#about2 .box .txtBox .list dd{
      width: 70%;
     padding-bottom: 15px;
     font-size: 16px;
}

#about2 .box .txtBox .list .noMB {
  padding-bottom: 0!important;
}

#about2 .box .txtBox .list .map img {
   width: 4%;
   padding-right: 2px;
}

#about2 .red {
   color: #c20000; 
   text-decoration: underline;
}


/*------------------------------------
faq
--------------------------------------*/

.accordion {
  width: 100%;
}

/* inputのチェックボックスを非表示 */
.accordion-hidden {
  display: none;
}

/* 見出しボタン部分 */
.accordion-open {
  display: block;
  padding: 27px 27px 27px 29px;
  border-radius: 10px;
  background: #f8f6f1;
  cursor: pointer;
  margin:20px 0 0 ;
  position: relative;
  font-size: 18px;
  font-weight: 500;
}

/* ＋アイコン */
.accordion-open::before, 
.accordion-open::after {
  content: '';
  width: 20px;
  height: 3px;
  background: #c20000;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

/* アイコンのー */
.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

/* アコーディオンが開いたらーに */
.accordion-hidden:checked+.accordion-open:after {
  transform: translateY(-50%) rotate(0);
}

/* アコーディオン中身部分 */
.accordion-inner {
  display: block;
  background: #f8f6f1;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;
  /* 表示速度の設定 */
  cursor: pointer;
}

.accordion-inner p {
    background-color: #fff;
    border-radius: 10px;    
    padding: 27px 67px 27px 77px;
    font-size: 17px;
    margin: 0 auto;
    text-indent: -50px;
}

/* チェックボックスにチェックが入ったら中身部分を表示する */
.accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 10px;
}
/* ↑ここまで共通 */


/* Q&A追加 */
.accordion_qa .Q,
.accordion_qa .A {
  position: relative;
}

.accordion_qa .Q {
    color: #5c2300;
    font-family: 'Cinzel', serif!important;
    font-weight: bold;
    font-size: 26px;
    padding-right: 26px;
}

.accordion_qa .A {
    color: #c20000;
    font-family: 'Cinzel', serif!important;
    font-weight: bold;
    font-size: 26px;
    padding-right: 30px;
}

.accordion_qa .Q::before,
.accordion_qa .A::before {
  font-size: 1.5em;
  display: block;
  position: absolute;
  top: -.6em;
  left: -1.3em;
}


.accordion_qa .accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  padding: 6px 27px 30px;
  margin-top: -6px;
    border-radius: 0 0 10px 10px;
}
/* Q&A追加ここまで */


/* 中にいろいろ入れたいとき */
.accordion-box {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 1s;
}

.accordion-hidden:checked+.accordion-open+.accordion-box {
  height: auto;
  opacity: 1;
  padding: 10px;
}
#faq .ttlBox {
  text-align: center;
  margin-bottom: 4rem;
}
#faq .ttlBox h2 {
    font-size: 30px;
    color: #c20000;
}

#faq #guide_btn .flx .box {
    display: flex;
    justify-content: center;
}
#faq #guide_btn .flx .box:nth-child(5) {
  border-right: 0px;
    border-left: 0px;	
}

#faq #guide_btn .flx .box:nth-child(6) {
      border-right: solid 1px #c20000;
}


#qa01, #qa02, #qa03, #qa04,#qa05,#qa06 {
        padding: 0rem 0 15rem 0;
	scroll-margin: 20rem;
}

.right-fixed-banner{
 top: 15%;
}

#main02 .ab_img02{
    left: 52rem;
}

#introduction .intro_btn a{
	height: 70px;
}

#sysFormThanks .header_wrap{
	    height: 150px!important;
}

#sysFormThanks #sysWrap{
	    margin-top: 20rem!important;
}

#sysFormThanks .header_wrap_inner{
	    padding-top: 3rem!important;
}

#introduction section {
 scroll-margin-top: 20rem;
}

#guide01,#guide02,#guide03,#guide04,#guide05,#guide06,#about2{
  /* ヘッダーの高さ分を指定 */
  padding-top: 130px;
  margin-top: -130px;
}

#main02 hr{
	    width: 240px;
}

#sysMypageEditDelivery #sysOtherAddress{
	    margin-bottom: 4rem;
}
#sysMypageEditDelivery #sysMain form:nth-of-type(2){
	text-align: center;
	 padding: 1.5rem!important;
	    margin-top: -2rem;
}

#sysMypageEditDelivery #sysMain form:nth-of-type(2) .sysButton{
	border-radius: 2px!important;
}

#sysMypageEditMember #sysMain #button1{
	    margin-top: 4rem;
}
#sysMypageEditMember #sysMain form:nth-of-type(2){
	       margin-top: -2rem;
}

/*グランプリ*/

#grand .content01 .vote .btn_txt{
	font-size: 26px;
}
#grand .sp_vote{
		display:none!important;
}
#grand .pc_vote{
	display: block!important;
	    text-align: center	;
	    margin: 0 auto!important;
	margin-top: 10rem!important;
}
#grand .content01 .pc_vote .btn_txt{
	    padding-top: 1.5rem;
}
#grand .content01 .pc_vote img{
	       top: 4rem;
}

#item .foodloss .itemflx .box img:first-child{
	    position: absolute;
    height: auto;
    width: 69px;
  bottom: -2rem;
    left: -3rem;
}

#item .plain .itemflx .box img:first-child{
	    position: absolute;
    height: auto;
    width: 69px;
  bottom: -2rem;
    left: -3rem;
}



/*---------------Linepopup-20240208---------------------------*/

.popup-container .popup-body .LinePcView {
    display: block;    
}

.popup-container .popup-body .LineSpView {
    display: none;    
}

/*---------------TOPページ崩れ修正20240213---------------------------*/
#main01 .content02 .box .ab_img05 {
    position: absolute;
    right: -110px;
    top: 50px;
    width: 34%;
}


/*---------------TOPページお知らせバー修正20240326---------------------------*/
.important ul li a{
    padding: 15px;
    font-size: 16px;
}


/*---------------会員登録、マイページタイトル余白調整20240703---------------------------*/
.sysMemberRegister.sysTitle span,
.sysMemberRegister .sysHeadline span{
  margin: 8rem 8rem 4rem;
}
.sysMypage .sysTitle span,
.sysMypage .sysHeadline span{
  margin: 8rem 8rem 4rem;
}

/***********************************
   商品一覧　カレーパン　カテゴリ
***********************************/
#sysMain .sysItemCategoryInfo #main01 .content02 .box .ab_img05 {
        position: absolute;
        right: -80px;
        top: -50px;
        width: 32%;
}


/*--------------- 特集 ---------------------------*/
.sysFuncBanner.feature ul{
    display: flex;
    max-width: 1100px;
    justify-content: space-between;
    margin: 40px auto 0;
}
.sysFuncBanner.feature ul li{
    width: 32%;
}

.sysOpcBody .header_wrap{
    padding-bottom: 70px;
}
.sysOpcBody .h_navi2 #headNavigation ul .po_re:hover .po_ab{
top: 190px;
}
}
/* #END_OF_RESOURCE_FILE */