*{text-transform: none !important;}
p{font-size:16px;}
h2{font-size:18px;}

/* サイトロゴレイアウト */
.site-logo img {
    margin-bottom: 20px;
    max-height: 80px !important;
}
.site-logo-title {
    color: #ba8c56;
    margin: 0px 0 30px 0;
    font-weight: 900;
    font-size: 12px;
}

/* ヘッダースペース */
#masthead {padding: 20px 0 10px 0 !important;}

/* グローバルメニューフォント */
.menu-container .menu {font-size: 16px; font-weight: 200;}

/* 区切り */
.wp-block-separator {margin: 5em 0 !important; color:#ccc;}

/* ボタン色 */
.wp-block-button__link{background-color:#c2b499;}

/* マージン */
.m-b-0{margin-bottom:0 !important;}
.m-b-50{margin-bottom:50px !important;}
.m-t-0{margin-top:0 !important;}
.m-t-10{margin-top:10px !important;}
.b-1-b{border:1px solid #837368; padding:10px; margin:0;}
.b-1-tr{border:1px solid rgba(0,0,0,0); padding:10px; margin:0;}


/* トップに戻るボタン */
html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 2px #D9A871;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99;
}
.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #D9A871;
    border-right: 3px solid #D9A871;
    transform: translateY(20%) rotate(-45deg);
}
@media (hover: hover) and (pointer: fine) {
    .pagetop:hover, .pagetop:hover .pagetop__arrow {
        border-color: #ffdb91;
    }
}
/* トップに戻るボタン 終わり */



/*  ウィジェットの上線*削除*/
.widget {border-top: 0px solid #fff !important;}

/* 投稿タイトル・ページフッターのボーダー色変更 */
.entry-header {border-bottom: 2px solid #D9A871;}
.nav-links {border-top: 2px solid #D9A871;}


/* リスト行間 */
li { margin-bottom : 0.5em; }


/* 投稿の「by xxx」非表示*/
.byline{display:none !important;}


/* レシピ entryheader */
.entryheaderimg img {display:none;}

/* 投稿下の前後記事へのリンクを非表示 */
.nav-links {display:none;}


/* フッター */
.site-footer{background-color: #4D4D4D;color: #fff;}
.footer-navigation li {font-size: 14px;font-weight:300;}
/* フッターのカテゴリとタグを非表示 */
.cat-links{display:none;}
.tags-links{display:none;}


/* 商品フォントサイズ */
.woocommerce-loop-product__title {font-size:15px !important;}

@media screen and (min-width: 1000px){
.single-product h1.product_title{font-size:1.8em;}
}

/* カートに追加ボタン */
.single_add_to_cart_button{
  width:80%;
  font-size:18px !important;
  background: #744d1a !important;
  border-radius: 30px;
}

/*  商品説明エリア */
ul.tabs.wc-tabs {display: block;}

/* 追加情報タブ非表示 */
#tab-title-additional_information {display:none;}

/* レビュー調整 */
.wc-block-components-review-list-item__rating__stars, .star-rating {
 height: 1.3em !important;
 line-height: 1.3em !important;
 font-family: star !important;
width: 6em !important;
color:#ee7913;
}
.wc-block-components-review-list-item__rating__stars span:before, .star-rating span:before {
 font-family: star !important;
}
.comment-reply-title {
  font-size:16px;
  font-weight:900;
  border-left:solid 10px #ddd;
  line-height: 2em;
  padding-left: 10px;
}


/* レビュー plugin調整 */
.wcpr-grid-item {
border: solid 1px #ddd;
border-radius: 8px !important;
background-color:#fff !important;
}
.wcpr-grid.wcpr-masonry-3-col{
  border-bottom:solid 1px #ddd;
  padding-bottom:40px;
}
.wcpr-overall-rating-and-rating-count {width: 50% !important;}


/* アバター画像を丸に */
img.avatar {border-radius: 50%;}

/* カート表示ボタンの幅指定 */
#yith-wcms-back-to-cart-button {width: 128px !important;}

/* 商品テーブル幅 */
.tablepress {width:500px;}


/* 商品画像ギャラリー2個目以降のサイズ */
.woocommerce-product-gallery__image:nth-child(n+2){
width:20% !important;
margin:0 !important;
padding:2px !important;
}

/* BAPまとめ買いinfo囲み枠 */
.kakomi-box-discount {
 position: relative;
 margin: 2em auto;
 padding: 0.5em 1em;
 width: 95%;
 color: #555555; /* 文字色 */
 background-color: #fff;
 border: 4px double #CC0033; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 2px #ccc;/* 影の色 */
}
.title-discount {
 position: absolute;
 padding: 0 .5em;
 left: 20px;
 top: -15px;
 font-weight: bold;
 background-color:  #fff; /* タイトル背景色 */
 color: #CC0033; /* タイトル文字色 */
}


/* ポイント囲み枠 */
.box-point {
 position: relative;
 margin: 2em auto;
 padding: 2em;
 width: 100%;
 color: #555555; /* 文字色 */
 background-color: #fff;
 border: 3px solid #D9A871; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 2px #ccc;/* 影の色 */
}
.box-title-point {
 position: absolute;
 padding: 0 .5em;
 margin:-5px 20px 10px 0;
 font-size:20px !important;
 left: 20px;
 top: -15px;
 font-weight: bold;
 background-color:  #fff; /* タイトル背景色 */
 color: #ba8c56; /* タイトル文字色 */
}

/* 囲み枠 */
.kakomi {
 position: relative;
 margin: 2em auto;
 padding: 1em;
 width: 100%;
 color: #555555; /* 文字色 */
 background-color: #fff;
 border: 1px solid #D9A871; /* 枠線の太さ・色 */
}
.kakomi-title {
 color: #ba8c56; /* 文字色 */
 font-size:24px;
}



/* ヘッダー右のアイコン軍の位置調整 */
#cart-navigation ul {margin: 0 0 -25px 0;}


/* 検索結果のサムネイル配置調整 */
.entry-summary, .wp-post-image {float:left; margin:0 10px 30px 0;}


/*  見出し */

.midashi-1 {
    margin:  0;                 /* デフォルトCSS打ち消し */
    font-size:  22px !important;           /* 文字サイズ指定 */
    border-bottom: solid 3px #d4bfaa;   /* 線指定 */
    padding-bottom:  5px;       /* 余白指定 */
    margin-bottom: 15px;        /* 周りの余白指定 */
    position:  relative;        /* 位置調整 */
    font-weight:  900;       /* 文字の太さ調整 */
}

.midashi-1:before {
    content:  '';                   /* 空白の要素を作る */
    width: 50px;                    /* 幅指定 */
    height: 3px;                    /* 高さ指定 */
    background-color: #ed7912;      /* 背景色指定 */
    display:  block;                /* ブロック要素にする */
    position:  absolute;            /* 位置調整 */
    left:  0;                       /* 位置調整 */
    bottom: -3px;                   /* 位置調整 */
}

.midashi-2-backup {padding: 0.5em;color: #010101;background: #eaf3ff;border-bottom: solid 3px #516ab6;}


.midashi-2 {
    color: #4e4e4e;/*文字色*/
    font-size: 18px;/*文字サイズ*/
    font-weight:700;
    padding: 3px 15px 8px;/*文字回りの余白（上下 左右）*/
    display: block;
    border-left: 4px solid #ed7912;/*左線部左側（太さ 実線 色）*/
    position: relative;
    margin-bottom: 8px;
}

.midashi-2:before {
    content: "";
    display: block;
    position: absolute;
    left: 1px;
    top: 0;
    width: 3px;/*左線部右側の幅*/
    height: 100%;
    background: #d4bfaa;/*左線部右側の色*/
}


.midashi-3 {
padding: 0.5em;
font-size: 20px;
color: #010101;
background: #F0E9E2;
border-bottom: solid 3px #ed7912;
border-radius: 5px;
margin-bottom:50px;
}

.midashi-5 {
    margin:  0;                 /* デフォルトCSS打ち消し */
    font-size:  16px;           /* 文字サイズ指定 */
    border-bottom: solid 3px #d4bfaa;   /* 線指定 */
    padding-bottom:  5px;       /* 余白指定 */
    margin-bottom: 15px;        /* 周りの余白指定 */
    position:  relative;        /* 位置調整 */
    font-weight:  normal;       /* 文字の太さ調整 */
}

.midashi-5:before {
    content:  '';                   /* 空白の要素を作る */
    width: 50px;                    /* 幅指定 */
    height: 3px;                    /* 高さ指定 */
    background-color: #ed7912;      /* 背景色指定 */
    display:  block;                /* ブロック要素にする */
    position:  absolute;            /* 位置調整 */
    left:  0;                       /* 位置調整 */
    bottom: -3px;                   /* 位置調整 */
}

/* カラムのギャップを0に */
.gap0{gap:0 !important}


/*  コラムの目次 */
#toc_container {border: 1px solid #D9A871;}
.toc_depth_1{font-size:16px;padding-right:5px;font-weight:400;}
.toc_depth_1:after{content:".";}


/* youtube レスポンシブ */
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

/* カートに追加されました表示 */
.wc-forward{float:none !important;}

/* カートログインボタン */
.woocommerce-form-login__submit {
margin: 5px 20% 0 20% !important;
width: 60%;
height: 50px;
/* border: 2px solid #EE7913 !important; */
border-radius: 3px;
font-size: 16px !important;
/* color: #fff !important; */
/* background: #ee7913 !important; */
box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3)
}
/* マルチステップ見出し */
.thwmscf-tab-label{font-size:12px !important;}
/* カート戻る次へボタン */
.thwmscf-buttons{margin-top:30px;}


.woocommerce-cart .site-main, .woocommerce-checkout .site-main {
    border: 3px solid #fff !important;
}

/* 囲み枠 -  マイアカウント詳細 */
.myaccount-border {border: 2px solid #555; padding: 20px; margin: 20px;}


/* 投稿者プロフィール表示 -  投稿者ブロック */
.box-profile {
  display:block;
  position: relative;
  padding: 1em;
  border: solid 3px #999;
　border-radius: 0 10px 10px 10px !important;
　border-top-right-radius: 010px !important;
　border-bottom-left-radius:10px !important;
　border-bottom-right-radius: 10px !important;
  border-collapse: separate;
}

.box-profile .box-title:before {
	content: "このレシピを作ったのは…"; 
}
.box-profile .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #999;
    color: #ffffff;
    font-weight: bold;
    border-radius: 10px 10px 0 0;
}
.box-profile p {
    margin: 0; 
    padding: 0;
}

.wp-block-post-author__name {
 font-size:16px;
 font-weight: 900;
}
.wp-block-post-author__bio{
 font-size: 0.9em !important;
}
/* 投稿者プロフィール表示 -  投稿者ブロック　終わり */



/* レシピ、時間表示 */
.recipe-time-point {
background-color:#FBDFC770;
border: solid 1px #ffffff00;
border-radius:10px;
}
.recipe-time-point p {padding:20px;}

.recipe-time-point-head-left {
background-color:#F7C09070;
border: solid 1px #ffffff00;
border-top-left-radius:10px;
border-bottom-left-radius:10px;
}

.recipe-time-point-head-top {
background-color:#F7C09070;
border: solid 1px #ffffff00;
border-top-left-radius:10px;
border-top-right-radius:10px;
padding: 20px 0;
}

.recipe-time-point-head-top:before{
  font-family: "Font Awesome 6 Free";
  content: '\e2eb';
  font-size: 16px;
  font-weight: 600;
  margin-right: 4px;
}

.time {
line-height:1em !important;
padding: 10px 30px 0 30px !important;
margin: 0  !important;
}
.time:before{
  font-family: "Font Awesome 6 Free";
  content: '\f1da';
  font-size: 30px;
  font-weight: 900;
}

.time2 {
line-height:1 !important;
padding: 10px 30px 10px 30px !important;
margin: 0  !important;
}
.time3 {
line-height:1 !important;
padding: 20px 30px 10px 30px !important;
margin: 0  !important;
}


/* レシピご飯マーク見出し */
.recipe-heading{
 font-size:16px;
 font-weight:600;
 margin-bottom:30px;
}
.recipe-heading:before{
  font-family: "Font Awesome 6 Free";
  content: '\e2eb';
  font-size: 16px;
  font-weight: 600;
  margin-right: 4px;
}


/* アバター変更 画像位置 */
img.avatar {position: inherit !important; margin: 0 10px;}

/* コラム下コラムカルーセル調整*/
.sp-pcp-post-content{font-size:14px !important; line-height:0.8em !important;}


.woocommerce-tabs ul.tabs li{border: solid 1px; border-bottom: #fff;}


/* パソコンで見たときは"pc-img"のclassがついた画像が表示される */
.pc-img { display: block !important; }
.sp-img { display: none !important; }


/* セール価格の文字色、赤へ*/
ins { color:red !important; }





/* スマホ */
@media screen and (max-width: 768px) {

/* スマホ ロゴ表示 */
.site-logo img {max-height: 60px !important; margin-bottom: 10px;}

.site-logo-title {margin: -5px 0 15px 0;}

/* スマホ検索窓表示 */
#header-serch {
    display: none;
    position: absolute;
    margin-top: 210px;
}

#masthead {padding: 5px 0 10px 0 !important;}
#masthead, #contentwrapper, #colophon, .sitewidth {width: 98%;}

.menu-mobile{text-transform:capitalize !important;}

/* TOPに戻るボタン位置 */
.pagetop {
    height: 40px;
    width: 40px;
    right: 5px;
    bottom: 5px;
}

/* スマフォントサイズ14pxに */
.sp-f14{font-size:14px}

/* スマホTablePressの表を１００％表示 */
.tablepress {width:100%;}

/* スマホ 商品画像ギャラリー2個目以降のサイズ */
.woocommerce-product-gallery__image:nth-child(n+2){width:25% !important;}


/* スマホで見たときは"sp-img"のclassがついた画像が表示される */
  .pc-img { display: none !important; }
  .sp-img { display: block !important; }
    

/*  スマホ フッターpadding */
.foot-column-padding{ padding:0 15px !important;}
/*  スマホ フッターカラムmargin */
.m-b-sp-20{margin-bottom:-25px !important;}

/*  スマホ フッターで表示するウィジェットのレイアウト調整 */
#secondary {padding: 0 0 40px 0 !important;}
#secondary .widget {width: 100% !important;margin: 0 8% 0px 0 !important;}

/* スマホ レビューplugin調整*/

.wcpr-overall-rating-and-rating-count {width: 100% !important;}
.wcpr-grid.wcpr-masonry-3-col, .wcpr-grid.wcpr-masonry-4-col, .wcpr-grid.wcpr-masonry-5-col {
    column-count: 1 !important;
}

    
/* スマホ 買い物かごamazon表示調整 */  
.woocommerce-info:before {
    content: "" !important;
    left: 0px !important;
    top: 0px !important;
}
.woocommerce-info {
    padding: 5px !important;
    text-align: center !important;
}
#pay_with_amazon {
    float: none !important;

}    


}