@charset "utf-8";

/* ヘッダー部分の修飾ほかと独リル */
.headerBlock {
    font-family: "Noto Sans JP",sans-serif;
    background-color: #EDE0D4;
    width:375px;
    height:130px;
}
.headerRow {
    position:relative;
    display:flex;
    /* いとあやし */
    align-items: center;
}
.hLogo {
    margin-left:156px;
    margin-top: 16px;
}
.hLogin {    
    margin-left:62px;
    margin-top: 24px;
}
.hCart {    
    margin-left:12px;
    margin-top: 24px;
}
.searchBlock {
    margin :16px 12px 8px ;
    height:37px;
    display:flex;
}
.searchBtn {
    width:35px;
    background-color: #D9D9D9;
    border : 1px solid #7F5539;
    display: flex;
    justify-content: center; 
    align-items: center;   
}
.searchBox {
    display: block;
    width:318px;
    background-color: #ffffff;
    border : 1px solid #7F5539;
}
/* 以下ハンバーガメニューのコピペ */
/* メニューを画面上部に固定表示しています */
.gMenu {
  position: fixed;
  right: 0;
 left: 0;    
  top: 0;
  width: 100%;
  z-index: 99;
}
/* メニューアイコンwを画面右上に固定しています */
.gMenu .menu-icon {
  cursor: pointer;
  position: absolute;
  /* ここいじった */
  left: 12px;
  top: 24px;
  padding-top: 5px;
  height: 12px;
}
/* メニューアイコン（三本線）の真ん中の線です */
.gMenu .menu-icon .navicon {
  background-color: #7F5539; /* 色は自由に変更可能です */
  display: block;
  height: 3px; /* 太さ */
  width: 31px; /* 長さ */
  position: relative;
  transition: background-color .4s ease-out 0; /* 形が変わる時のアニメーション */
}
/* メニューアイコン（三本線）の上と下の線を疑似要素で追加 */
.gMenu .menu-icon .navicon::before,
.gMenu .menu-icon .navicon::after {
  background-color: #7F5539; /* 色は自由に変更可能です */
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .4s ease-out; /* 形が変わる時のアニメーション */
  width: 100%;
}
.gMenu .menu-icon .navicon::before {top: 10px;} /* 位置を上にずらしています */
.gMenu .menu-icon .navicon::after {top: -10px;} /* 位置を下にずらしています */
/* 表示されるメニューです */
.gMenu .menu {
  background-color: #7F5539;
  overflow: hidden;
  max-height: 0; /* ★最初は高さを0にして非表示状態に */
  transition: max-height .6s; /* 表示されるときのアニメーション */
  text-align: center;
}
/* メニュー部分のデザインです */
.gMenu .menu li:first-of-type {
  padding-top: 100px;
}
.gMenu .menu li a {
  display: block;
  padding: 24px 20px;
  text-decoration: none;
  text-transform: uppercase;
  color :white;
  border: 1px solid white;
   text-align: left;
}
.gMenu .menu li a:hover {
  background-color: #7F5539;
}
/* チェックボックスは常に非表示です */
.gMenu .menu-btn {
  display: none;
}
/* ▼▼▼以下はチェックボックスがONの時の状態です▼▼▼ */
.gMenu .menu-btn:checked ~ .menu {
  max-height: 535px; /* ★チェックボックスがオンの時高さを535pxにして表示させます */
  transition: max-height .6s;
}
/* メニューボタンの中央の線を非表示に */
.gMenu .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}
/* メニューボタンの上下の線を45度傾けて✕印を作ります */
/* 開閉後の✕ボタンいじるならここ */
.gMenu .menu-btn:checked ~ .menu-icon .navicon::before {
  transform: rotate(-45deg);top: 0;
   background-color: white; 
     height: 5px; 
}
.gMenu .menu-btn:checked ~ .menu-icon .navicon::after {
  transform: rotate(45deg);top: 0;
  background-color: white;
  height: 5px;
}
/* フッター部分の修飾他と独立 */
.footerBlock {
    font-family: "Noto Sans JP",sans-serif;
    background-color: #EDE0D4;
    width:375px;
    height:303px;
    position:relative;
    padding-top:12px;
}
.footerNavigation {
    display:flex;
    flex-direction:column;
    width:auto;
    height:100px;
    gap:20px;
    margin-left:12px;
    margin-bottom:32px;
}
.fnLink {
    font-size:12px;
    height:20px;
    border-left:1px solid #B392AC ;
    padding:4px 0 4px 12px;
    line-height:12px;
}
.footerSns {
    margin-left:12px;
}
.footerLogo {
    position:absolute;
    width:72px;
    height: 64px;
    right:12px;
    bottom:43px;
}
.crBlock {
    font-size:10px;
    width:375px;
    height:34px;
    position:absolute;
    bottom:0;
    border-top:1px solid #7F5539;
}
.cRight {
    width:180px;
    margin:auto;
    padding-top:12px 0 12px 20px;   
}

/* 共通部分のパンくずナビの所 */
.pankuzu {
    font-size:12px;
    border-bottom: 1px solid #000000;
    height:36px;
    padding:12px ;
}
/* ボディ部分の修飾 */
body {
    font-family: "Noto Sans JP",sans-serif;
    width:375px;
    letter-spacing:0em;
}
/* 画像全部をブロック要素に変える。 */
img {
    display:block;
}
.welcomeBlock {
    height:36px;
    background-color: #ffffff;
    padding-left:20px;
    padding-top: 12px;
    font-size:12px;
}
.hItem1 { 
    object-fit: cover;
    object-position: center center; /* ←これ重要 */
    width: 100%;
    height: 200px;
    margin: 0 auto ; /* ブロック中央寄せ */
}
.newsContent {
    height:301px;
    padding: 20px;
}
.hImageBlock {
    display: flex;
    margin-bottom:20px;
}
.hItem2 {
    margin-right:20px;
}
.hItem5 { 
    object-fit: cover;
    object-position: center center; /* ←これ重要 */
    width: 100%;
    height: 568px;
    margin: 0 auto; /* ブロック中央寄せ */
}
.rankHead {
    font-size:20px;
    width:140px;
    height:44px;
    border-bottom:2px solid #FFD233 ;
    margin:20px auto 90px;  
    text-align: center;
}
.title {
    font-size:16px;
    width:140px;
    height:44px;
    color: #7F5539;
    margin:20px auto 80px;  
    text-align: center;
}
.rankGrid {
    display: grid;
    grid-template-rows : 33% 33% 33%;
    grid-template-columns : 50% 50%;
    gap:20px;
    padding:0 20px 0 20px;
}
.rItem {
    width:158px;
    height:375px;
    margin-bottom:80px;
}
.tbItem {
    width:158px;
    height:320px;
    margin-bottom:80px;
}
.itemImg {
    width:157px;
    height:157px;
}
.itemName {
    font-size:16px;
    line-height:1.6em;
    margin-bottom:20px;
    margin-top:20px;
}
.price {
    color:#BF0000;
    font-size:16px;
}
.cartIn {
    font-size: 12px;
    width:148px;
    height:36px;
    margin: 0 8px     ;
    background-color:#7F5539;
    color:#ffffff;
    text-align:center;
    display:block;
}
.rank {
    font-size:16px;
    width:35px;
    height:35px;  
    margin: 0 auto 20px ;
    color:#ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rank1 {
    background-color: #FFD233;
}
.rank2 {
    background-color: #CCCCCC;
}
.rank3 {
    background-color: #D27C2C;
}
.rankOut {
    background-color: #E8C2CA;
}
/* 商品詳細の部分の修飾 */
.itemDetail {
    width:375px;
    height:800px;
    padding:20px 20px 0 20px;
}
.dItemImg {
    width:335px;
    height:335px;
    margin-bottom:20px;
}
.dItemName {
    font-size:16px;
    color:#7F5539;
    font-weight:bold;
    margin-bottom:20px;
}
.dBorder {
    width:355px;
    border-top:1px solid #E6CCB2;
    margin-bottom:20px;
}
.dIntroduction {
    width:355px;
    color:#7F5539;
    font-size:16px;
    margin:0 auto 20px;
    line-height:1.6em;
}
.dPrice{ 
    margin-bottom:40px;
    font-size:16px;
}
.dBuyItem {
    display:flex;
    align-items: center;  
}
.buyNumber {
    display:block ;
    width: 56px;
    height:24px;
    border:1px solid #7F5539;
    margin-right:4px;
    font-size:16px;
    text-align: center;
}
.dko {
    font-size:16px;
    margin-right:12px;
    align-self: center;
}
.dCartIn {
    font-size: 12px;
    width:160px;
    height:36px;
    margin-right: 4px ;
    background-color:#7F5539;
    color:#ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* カートブロックのところスマホ版 */
.cartBlock {
    padding:20px 20px 0 20px;
}
.cItem01 {
    margin-bottom:40px;
}
.cartSubtotal {
    width:335px;
    height:160px;
    border: 2px solid #FFD233;
    margin-bottom:20px;
}
.priceSubtotal {
    color:#BF0000;
}
.cLetter {
    margin:20px auto 20px;
}
.cCenter {
    display: flex;
    justify-content: center;
}
.cItemImg {
    width:335px;
    height:335px;
    margin-bottom:20px;
}
.cItemName {
    font-size:16px;
    font-weight:bold;
    color:#7F5539;
    margin-bottom:20px;
}
.cPrice {
    margin-bottom:12px;
}
.cBuyItem {
    display:flex;
    margin-bottom:20px;
}
.cItemNumber {
    margin-right:16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cBuyLetter {
    font-size: 12px;
    width:148px;
    height:36px;
    margin:0 auto  20px;
    background-color:#BF0000;
    color:#ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cCartIn {
    width:140px;
    height:28px;
    display: flex;
    background-color:#CCCCCC;
    justify-content: center;
    align-items: center;
    margin:0 auto 20px;
    text-align: center;
}
.cCartOut {
    margin:0 auto 40px;
}
.continueBuy {
    font-size: 12px;
    width:160px;
    height:36px;
    padding: auto ;  
    margin: 0 auto 80px ;
    background-color:#7F5539;
    color:#ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* ログイン画面 スマホ版のみ */
/* 共通部分 */
.inputBlock {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom:80px;
}
.titleHead {
    font-size:20px;
    height:44px;
    border-bottom:2px solid #FFD233 ;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:20px auto;
}
.loginBlock {
    margin:40px auto 20px;
    border: 1px solid #F7D1CD;
    padding-top:20px;
    width:295px;
}
.loginText {
    font-size:12px;
    margin-left :12px;
    margin-bottom:12px;
    color:#7F5539;
}
.compBlock {
    text-align: center;
}
.compTxt {
    margin-bottom:20px;
}
.loginInput {
    border:1px solid #000000;
    width:270px;
    height:20px;
    margin:0 12px 25px 12px;
}
.loginEnter {
    font-size: 16px;
    width:160px;
    height:48px;
    margin:0 auto  20px;
    background-color:#7F5539;
    color:#ffffff;
    text-align:center;
    line-height:48px; 
    display:block;
}
.pageLink {
    font-size:12px;
    color:#7F5539;
    align-self:flex-end;
    margin-right:40px;
    margin-bottom:8px;
}
/* ログアウトのページ */
.logoutText {
    font-size:12px;
    display:block;
    text-align:center;  
    margin:0 auto  12px;
    color:#7F5539;
}
/* 会員登録ページの内容 */
.registText {
    font-size:12px;
    color:#7F5539;
    margin-bottom:12px;
}
.deficit {
    color:#FF0000;
}
.registInput {
    border:1px solid #7F5539;
    width:295px;
    margin-bottom:20px;
}
.postBlock {
    display:flex;
}
.postInput_a {
    border:1px solid #7F5539;
    width:60px;
    margin-bottom:20px;
    margin-right:4px;
}
.postInput_b {
    border:1px solid #7F5539;
    width:100px;
    margin-bottom:20px;
}
.cation {
    font-size:8px;
    margin-bottom:8px;
}
.registEnter {
    font-size: 16px;
    width:160px;
    height:48px;
    margin:40px auto  80px;
    background-color:#7F5539;
    color:#ffffff;
    /* 要確認 */
    text-align:center;
    line-height:48px; 
    display:block;
}
/* 登録確認の所。 */
.registCheck {
    display:block;
    font-size:12px;
    border-left:1px solid #7F5539;
    width:295px;
    margin-bottom:24px;
}
.registError {
    text-align: center;
    height:150px;
    font-size:20px;
    font-weight:bold;
    color:#BF0000;
}
.returnPress {
    width:200px;
    height:50px;
    margin:0 auto  20px;
    background-color:#7F5539;
    color:#ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.abrowPost {
    display:flex;
}
.postcode_a {
    width:25px;
}
.postcode_b {
    border-left:none;
    width:30px;
}
/* 登録完了の所 */
.userName {
    color:#000000;
    font-weight:bold;
}
/* カード情報登録の場所 */
.vpInput {
    width:60px;
    height:20px;
    margin-right:12px;
    border: 1px solid #7F5539;
}
.creditRadio {
    margin-bottom:20px;
}
.cRadio {
    margin-right:30px;
}
.vpBlock {
    display:flex;
    flex-direction: column;
}
.vpMonth {
    margin-bottom:8px;
}
.vpYear {
    margin-bottom:20px;
}
/* ご購入確認の所 */
.purchaseTitle {
    text-align: center;
    color:#7F5539;
    font-size: 12px;
    margin: 20px 0 20px;
}
.purchaseItem, .purchasAdresss, .purchaseTotal {
    border-top: 1px solid #7F5539;
    border-bottom: 1px solid #7F5539;
    margin-bottom:20px;
}
.purchaseBlock { 
    margin:0 20px;
}
.purchaseCardBlock {
    border-top: 1px solid #7F5539;
    border-bottom: 1px solid #7F5539;
    margin-bottom:80px;
}
.purchaseEnter {
    font-size: 16px;
    width:160px;
    height:48px;
    margin:40px auto  20px;
    background-color:#7F5539;
    color:#ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pRow {
    font-size:12px;
    display:grid;
    grid-template-columns: 60px 275px;
    align-items: center;  
    margin-bottom: 8px;
    padding-top:8px;
}
.pItem {
    border-left : 1px solid #7F5539;
    padding-left:12px;
}
/* 注意喚起部分 */
.caution {
    color: #FF0000;
    font-size:16px;
    display: flex;
    text-align: center;
}
.bigCaution {
    color: #FF0000;
    font-size:18px;
    display: flex;
    text-align: center;
    font-weight:bold;
}

/* レスポンシブ対応-------------------------------------------------------- */
@media screen and (min-width:768px){
/* フッター部分のPC版対応 */
/* ヘッダー部分の修飾ほかと独リル */
.headerBlock {
    font-family: "Noto Sans JP",sans-serif;
    background-color: #EDE0D4;
    width:1366px;
    height:182px;
}
.headerRow {
    position:relative;
    display:flex;
    /* いとあやし */
    align-items: center;
}
.hLogo {
    margin-left:640px;
    margin-top: 20px;
    margin-bottom:20px;
    width:87px;
    height:78px;
}
.hLogin {    
    margin-left:420px;
    margin-top: 32px;
    width:48px;
    height:54px;
}
.hCart {    
    margin-left:40px;
    margin-top: 32px;
    width:48px;
    height:54px;
}
.searchBlock {
    margin:0;
    padding:12px 95px 12px 911px;
    height:64px;
    display:flex;
    background-color: #B392AC;
}
.searchBtn {
    width:35px;
    background-color: #D9D9D9;
    border : 1px solid #7F5539;
    display: flex;
    justify-content: center; 
    align-items: center;   
}
.searchBox {
    display: block;
    width:318px;
    background-color: #ffffff;
    border : 1px solid #7F5539;
}
/* 以下ハンバーガメニューのコピペ */
/* メニューを画面上部に固定表示しています */
.gMenu {
  position: fixed;
  right: 0;
 left: 0;    
  top: 0;
  width: 100%;
  z-index: 99;
}
/* メニューアイコンwを画面右上に固定しています */
.gMenu .menu-icon {
  cursor: pointer;
  position: absolute;
  /* ここいじった */
  left: 95px;
  top: 32px;
  padding-top: 5px;
  height: 12px;
}
/* メニューアイコン（三本線）の真ん中の線です */
.gMenu .menu-icon .navicon {
  background-color: #7F5539; /* 色は自由に変更可能です */
  display: block;
  height: 3px; /* 太さ */
  width: 50px; /* 長さ */
  position: relative;
  transition: background-color .4s ease-out 0; /* 形が変わる時のアニメーション */
}
/* メニューアイコン（三本線）の上と下の線を疑似要素で追加 */
.gMenu .menu-icon .navicon::before,
.gMenu .menu-icon .navicon::after {
  background-color: #7F5539; /* 色は自由に変更可能です */
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .4s ease-out; /* 形が変わる時のアニメーション */
  width: 100%;
}
.gMenu .menu-icon .navicon::before {top: 10px;} /* 位置を上にずらしています */
.gMenu .menu-icon .navicon::after {top: -10px;} /* 位置を下にずらしています */
/* 表示されるメニューです */
.gMenu .menu {
  background-color: #7F5539;
  overflow: hidden;
  max-height: 0; /* ★最初は高さを0にして非表示状態に */
  transition: max-height .6s; /* 表示されるときのアニメーション */
  text-align: center;
}
/* メニュー部分のデザインです */
.gMenu .menu li:first-of-type {
  padding-top: 100px;
}
.gMenu .menu li a {
  display: block;
  padding: 24px 20px;
  text-decoration: none;
  text-transform: uppercase;
  color :white;
  border: 1px solid white;
   text-align: left;
}
.gMenu .menu li a:hover {
  background-color: #7F5539;
}
/* チェックボックスは常に非表示です */
.gMenu .menu-btn {
  display: none;
}
/* ▼▼▼以下はチェックボックスがONの時の状態です▼▼▼ */
.gMenu .menu-btn:checked ~ .menu {
  max-height: 535px; /* ★チェックボックスがオンの時高さを535pxにして表示させます */
  transition: max-height .6s;
}
/* メニューボタンの中央の線を非表示に */
.gMenu .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}
/* メニューボタンの上下の線を45度傾けて✕印を作ります */
/* 開閉後の✕ボタンいじるならここ */
.gMenu .menu-btn:checked ~ .menu-icon .navicon::before {
  transform: rotate(-45deg);top: 0;
   background-color: white; 
     height: 3px; 
}
.gMenu .menu-btn:checked ~ .menu-icon .navicon::after {
  transform: rotate(45deg);top: 0;
  background-color: white;
  height: 3px;
}
/* ここがフッター部分 */
.footerBlock {
    font-family: "Noto Sans JP",sans-serif;
    background-color: #EDE0D4;
    width:1366px;
    height:448px;
    position:relative;
    padding-top:12px;
}
.footerNavigation {
    display:flex;
    flex-direction:row;
    width:auto;
    height:40px;
    gap:0;
    margin-left:102px;
    margin-bottom:264px;
}
.fnLink {
    font-size:16px;
    width:170px;
    height:40px;
    border-left:1px solid #B392AC ;
    padding:12px 0 12px 12px;
    line-height:12px;
}
.footerLogo {
    position:absolute;
    width:144px;
    height: 128px;
    right:611px;
    bottom:196px;
}
.footerSns {
    margin:0 auto;
    content: url(../images/pcFooterSnsIcon.svg);
}
.crBlock {
    font-size:12px;
    width:1366px;
    height:52px;
    position:absolute;
    bottom:0;
    border-top:1px solid #7F5539;
}
.cRight {
    width:180px;
    margin:auto;  
    padding-top:20px; 
}
/* ここがボディ部分 */

body {
    width:1366px;
}
.welcomeBlock {
    height:36px;
    padding-left:107px;
    padding-top: 11px;
}
.pankuzu {
    width:100%;
    height:36px;
    padding-left:6vw;
    border-bottom: 1px solid #7F5539;
}
.hItem1 { 
    height: 593px;
}
.newsContent {
    width:1200px;
    margin:0 auto;
    height:977px;
    padding: 80px;
}
.hItem2 {
    content :url(../images/pcNewItem.png) ;
    margin-right:80px;
}
.hItem3 {
    content :url(../images/pcDonutLifeTop.png) ;
}
.hItem4 {
    content: url(../images/pcItemListTop.png);
}
.hImageBlock {
    display: flex;
    margin-bottom:80px;
}
.hItem5 { 
    height: 664px;
}
.rankBlock {
    width:1200px;
    margin:0 auto;
}
.rankHead {
    font-size:32px;
    width:224px;
    height:72px;
    margin:80px auto 120px;  
    padding-top:20px;
    font-size:32px;
}
.title {
    font-size:24px;
    width:170px;
    height:44px;
    color: #7F5539;
    margin:20px auto 120px;  
    text-align: center;
}
.rank {
    font-size:24px;
    width:60px;
    height:60px;
    padding: auto ;  
    margin: 0 auto 20px ;
    color:#ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rankGrid {
    display: grid;
    grid-template-rows : 50% 50%;
    grid-template-columns : 33% 33%  33%;
    gap:60px;
    padding:0 60px 0 60px;
}
.itemName {
    font-size:24px;
}
.price {
    font-size:24px;
}
.tbItem {
    width:320px;
    height:532px;
    margin-bottom:120px;
}
.rItem {
    width:320px;
    height:612px;
    margin-bottom:120px;
}
.itemImg {
    width:320px;
    height:320px;
}
.cartIn {
    font-size:20px;
    width:260px;
    height:52px;
    padding: auto ;  
    margin: 0 auto 0 ;
    background-color:#7F5539;
    color:#ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* PC版商品詳細の部分の修飾 */
.itemDetail {
    width:1200px;
    height:780px;
    padding:80px 80px 0 80px;
    margin:0 auto;
}
.dItem {
    display:flex;
}
.dItemImg {
    width:540px;
    height:540px;
    margin-right:40px;
}
.dItemName {
    font-size:24px;
}
.dBorder {
    width:460px;
    margin-bottom:40px;
}
.dIntroduction {
    width:435px;
    color:#7F5539;
    font-size:24px;
    margin:0 auto 40px;
}
.dPrice{ 
    font-size:24px;
}
.dBuyItem {
    display:flex;
    align-items: center;  
}
.buyNumber {
    border: 1px solid #7F5539;
    width:80px;
    height:52px;
    margin-right:8px;
    font-size:32px;
}
.dko {
    font-size:24px;
    margin-right:20px;
}
.dCartIn {
    font-size: 20px;
    width:260px;
    height:52px;
    margin-right: 8px ;
    display: flex;
    justify-content: center;
    align-items: center;
}
.heartMark {
    width:52px;
    height:52px;
}
/* カートブロックのところスマホ版 */
.cartBlock {
    width:1200px;
    padding:80px 80px 0 80px;
    margin:0 auto;
}
.cItem1 {
    margin-bottom:40px;
}
.cartSubtotal {
    width:1040px;
    height:240px;
    border: 2px solid #FFD233;
    margin-bottom:80px;
}
.priceSubtotal {
    color:#BF0000;
}
.cLetter {
    margin:20px auto 30px;
    font-size:24px;
}
.cCenter {
    display: flex;
    font-size:24px;
    justify-content: center;
}
.cItem1 {
    display:flex;
}
.cItemImg {
    width:335px;
    height:335px;
    margin:0 40px 80px 0;
}
.cItemName {
    font-size:24px;
    font-weight:bold;
    color:#7F5539;
    margin-bottom:20px;
}
.cPrice {
    margin-bottom:12px;
    font-size:24px;
}
.cBuyItem {
    display:flex;
    margin-bottom:20px;
}
.cItemNumber {
    margin-right:16px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cBuyLetter {
    font-size: 20px;
    width:260px;
    height:52px;
    margin:0 auto  40px;
    background-color:#BF0000;
    color:#ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cCartIn {
    width:140px;
    height:28px;
    display: flex;
    background-color:#CCCCCC;
    justify-content: center;
    align-items: center;
    margin:0 auto 20px;
}
.cCartOut {
    margin:0 auto 40px;
}
.continueBuy {
    font-size: 20px;
    width:260px;
    height:52px;
    padding: auto ;  
    margin: 0 auto 80px ;
    background-color:#7F5539;
    color:#ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.caution {
    color: #FF0000;
    font-size:24px;
    display: flex;
    text-align: center;
}
.bigCaution {
    color: #FF0000;
    font-size:30px;
    display: flex;
    text-align: center;
    font-weight:bold;
}
}