@charset "utf-8";
/* CSS Document */

/* 楽天itempage----------------------------------------------------------- 

PC用商品説明文(カート横or下)：　.item_desc
PC用販売説明文： .sale_desc
共通説明文(大)：　.exT_sdtext

color
#E1E4D5 rgba(225,228,213,1)

------------------------------------------------------------------------- */

/*reset*/
.item_desc *,
.sale_desc div.tmg-mainArea *,
.exT_sdtext .tmg-mainArea * { /*TMG商品ページメインエリア すべての要素*/
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.tmg-mainArea ul {
	list-style:none;
	margin:0;
	padding:0;
}

/* どこでも自由に使えるクラス指定----------------------------------------------------------- */

.flexbox {
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
/*.flexbox内要素幅（カラム設定）*/
.tmg-mainArea .col1 > * {flex-basis: 100% !important; width:100% !important;flex-direction:column;}
.tmg-mainArea .col2 > * {flex-basis: calc(( 100% / 2 ) - 8px) !important;width:calc(( 100% / 2 ) - 8px) !important; }
.tmg-mainArea .col3 > * {flex-basis: calc(( 100% / 3 ) - 8px) !important;width:calc(( 100% / 3 ) - 8px) !important; }
.tmg-mainArea .col4 > * {flex-basis: calc(( 100% / 4 ) - 8px) !important;width:calc(( 100% / 4 ) - 8px) !important; }

/*position*/
.tmg-mainArea .positionbox {
position: relative;
}
.tmg-mainArea .position {
position: absolute;
}


/* 水平線設定 */
hr.hr-solid {
	border:0;
	border-bottom:1px solid #666;
}
hr.hr-dashed {
	border:0;
	border-bottom:1px dashed #666;
}
/*注釈 右下テキスト*/
.asterisk { /* p */
	margin:5px 0;
	padding:0;
	text-align:right;
	font-size:12px;
	color:#666;
}

/* iframeスクロールボックス */
.tmg-scrollbox { /* iframe */
	overflow-x:hidden; 
	width: 100%; /*★695px*/
	height: 500px; 
	border:1px #ccc solid !important;
	display:block;
	padding:5px 0;
}

/* iframe動画用*/
/*20200424比率に変更 
.iframevideo iframe {
	width: 695px;
	height: 420px; 
	border:0;
}
*/
.iframevideo {
	position: relative;
	width: 100%;
	padding-top:60%; /*≒695:417*/
}
.iframevideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0;
}


/* iframe固定サイズ */
.iframefix {
	position: relative;
	width: 100%;
	/* 
	padding-top:htmlで各自設定
	48%; ≒695:340
	*/
}
.iframefix iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* テキストリンク */
.tmgtextlink01 a {
	display:block;
	font-size:14px;
	font-size: .875rem;
	line-height:1.5;
	padding:8px 0 8px 24px;
	background:#f9f9f9;
	margin:4px 0 0;
	text-indent:-20px;
}
.tmgtextlink01 a:hover {
	background:#f0f0f0;
}
.tmgtextlink01 a:before { /*リストマーク設定*/
    content: '';
    display: inline-block;
    margin-right: 4px;
    margin-left: 8px;
    border: transparent solid 5px;
    border-left-color: #999;
}


/* テキストリンク */
/*リストあり*/
a.textlink_list {
	display:block;
	font-size:14px;
	font-size: .875rem;
	line-height:1.4;
	padding:8px 4px 8px 24px;
	background:#f9f9f9;
	margin:4px 0 0;
	text-indent:-20px;
}
a.textlink_list:hover {
	background:#f0f0f0;
}
a.textlink_list:before { /*リストマーク設定*/
    content: '';
    display: inline-block;
    margin-right: 4px;
    margin-left: 8px;
    border: transparent solid 5px;
    border-left-color: #999;
}
/*一行のみリンク（背景赤）*/
a.textlink_block {
	display:block;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	font-size:1.125rem;
	line-height:1.4; /*2.5*/
	background:#c00;
	color:#fff;
	padding:13px 4px;
	margin:4px 0 0;
}
a.textlink_block:hover {
	background:#dd3333;
}

/*テーブル内 商品画像+テキストリンク*/
.tmg-mainArea table.itemlink {
	text-align: center;
	font-weight:bold;
	color:#642;
}
.tmg-mainArea table.itemlink td {
	margin-bottom:1em;
}
.tmg-mainArea table.itemlink a{
	color:#642;
text-decoration: none;
}
.tmg-mainArea table.itemlink a:hover{
text-decoration: underline;
}
.tmg-mainArea table.itemlink img {
	margin-bottom:.5em;
}


/*画像リンク オンマウス透過*/
.tmg-mainArea a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  -moz-opacity: 0.8;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

/* 商品販売説明文・共通説明文(大)（商品説明文を記述する場合）の設定テンプレ .tmg-mainArea ----------------------------------------------------------- */
.sale_desc .tmg-mainArea {
	margin-top:15px;
}
/* 202201削除
.exT_sdtext .tmg-mainArea {
	position: relative;
	top:-60px;
}
*/
/*PC用販売説明文の全体DIV 幅695px ここで下位の子要素も指定
.sale_desc .tmg-mainArea,
.exT_sdtext .tmg-mainArea
*/
.tmg-mainArea {
	width:695px; /*★★★*/
	line-height:1;
	font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
}
/*** テキスト ***/
.tmg-mainArea p {
	margin:.75em 0; /* 5px 0 20211117変更 .5em 0 20220127変更*/
	padding:0;
	line-height:1.8; /*1.5 20211017変更*/
	font-size:15px;
	font-size:.9375rem;
	color:#3D3734; /* 20211117追加(本店) */
}
.tmg-mainArea p:not(center p) {
	text-align:justify; /*20220118追加*/
}
.tmg-mainArea center p {
text-align:center;
}

/*** 見出し「商品説明」など テキスト用 ***/
.tmg-mainArea .tmg-pp { 
	margin:75px 0 25px; /* 60px 0 20px 20211124変更*/
	padding:0 0 8px;
	line-height: 1.2;
	border-bottom: 1px solid #DCC9A1;
	color: #636363;
	font-size: 26px;
	font-size: 1.625rem;
	font-weight: bold;
	text-align: left;
}
.tmg-mainArea .more_right + .tmg-pp {
	margin:60px 0 20px;
}

/*サブタイトル*/
.tmg-mainArea .subttl {
font-size:18px;
color:#534a46;
margin-top: 3em;
font-weight: bold;
line-height: 1.5;
/*margin-bottom: 0.25em;*/

}
.tmg-mainArea .tmg-pp + .subttl {
margin-top: 0;
}
.tmg-mainArea .more_right + .subttl {
margin-top: 2em;
}
.tmg-mainArea .subttl + p {
margin-top: 0;
}

/**左に線**/
.tmg-mainArea .leftborder_aka {
    border-left: 3px solid #960001;
    padding-left: 8px;
    line-height: 1.5;
    margin: 1.5em 0 1em;
}
.tmg-mainArea .leftborder_aka b {
color:#534a46;
}

/**「セット内容」**/
.tmg-mainArea p.set_naiyou {
text-align: center;
    border: #c90 1px solid;
    padding: 0.5em 0;
    border-radius: 2px;
    width: 8em;
    margin: 2.5em auto 1em;
    font-size: 14px;
    color: #c90;
    font-weight: bold;
}
.tmg-mainArea p.set_naiyou_txt {
background: #fafafa;
    padding: 1em;
    line-height: 2.2;
    margin: 0 auto;
    font-weight: bold;
}

.tmg-mainArea table.set_naiyou {
width:100%;
    margin: 3em auto 1em;
    border: #ccb 1px solid;
border-collapse:  collapse; 
}
.tmg-mainArea table.set_naiyou th {
width:15%;
color:#655;
/*
    border-right: #ddc 1px solid;
*/
border: #ccb 1px solid;
padding: .5em;
font-size: 15px;
}
.tmg-mainArea table.set_naiyou td {
padding: 0.25em 0.75em
}
.tmg-mainArea table.set_naiyou td p {
/*line-height:2.2;*/
}


/*---見出し装飾--------------------------------------*/


/** 下矢印 **/
.tmg-mainArea .shitahuki {
text-align:center;
margin: 4rem 0 4rem;
color:#b8860b;
font-size: 21px;
}
.tmg-mainArea .shitahuki span {
  position: relative;
  padding: .75em 0.1em;
  border-bottom: 2px solid #bfbaba;
  background: #fff;
}
.tmg-mainArea .shitahuki span:before {
  position: absolute;
  bottom: -22.5px;
  left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #bfbaba transparent transparent transparent;
}
.tmg-mainArea .shitahuki span:after {
  position: absolute;
  bottom: -20px;
  left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
/*color*/
.tmg-mainArea .shitahuki span.gold {
  border-bottom: 2px solid #d0b571;
}
.tmg-mainArea .shitahuki span.gold:before {
  border-color: #d0b571 transparent transparent transparent;
}



/** 両サイドに線 **/
.tmg-mainArea .yokoline,
.tmg-mainArea .yokoline2 {
	position: relative;
	display: inline-block;
	padding: 0 55px;
	left: 50%;
	transform: translate(-50%, 0%);
	color:#3D3734;
margin: 1.5em auto 1em;
}
.tmg-mainArea .yokoline:before, .tmg-mainArea .yokoline:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #aaa;
}
/*二重線*/
.tmg-mainArea .yokoline2:before, .tmg-mainArea .yokoline2:after {
 position: absolute;
  top: calc(50% - 3px);
  width: 45px;
  height: 2px;
  content: '';
  border-top: solid 1px #aaa;
  border-bottom: solid 1px #aaa;
}
.tmg-mainArea .yokoline:before,.tmg-mainArea .yokoline2:before {  left:0;}
.tmg-mainArea .yokoline:after,.tmg-mainArea .yokoline2:after {  right: 0;}

/*両端に線を伸ばす*/
.tmg-mainArea .fullline,
.tmg-mainArea .fullline2 {
    position: relative;
    padding: 0 1em;
    text-align: center;
margin: 1.5em auto 1em;
color:#3D3734;
}
.tmg-mainArea .fullline:before {
    position: absolute;
    top: calc(50% - 1px);
    left: 0%;
    width: 100%;
    height: 1px;
    content: '';
    background: #aaa;
}
/*二重線*/
.tmg-mainArea .fullline2:before {
    position: absolute;
    top: calc(50% - 3px);
    left: 0%;
    width: 100%;
    height: 3px;
    content: '';
  border-top: solid 1px #aaa;
  border-bottom: solid 1px #aaa;
}
.tmg-mainArea .fullline span,
.tmg-mainArea .fullline2 span,
.tmg-mainArea .fullline > *,
.tmg-mainArea .fullline2 > * {
    position: relative;
    padding: 0 1em;
    background: #fff;
}
/** 二重線装飾 タイトル・リンク用 **/
.tmg-mainArea *.double_h{
border-top: 4px double #aaa;
border-bottom: 4px double #aaa;
}
.tmg-mainArea *.double_v{
border-left:4px double #aaa;
border-right: 4px double #aaa;
}
.tmg-mainArea *.double_h,
.tmg-mainArea *.double_v {
padding:.75em;
margin:1.5em auto;
text-align: center;
}
.tmg-mainArea *.double_all {
padding:1em 1.25em;
/*margin:1.5em auto;*/
border: solid 1px #aaa;
outline: solid 1px #aaa;
outline-offset: -5px;
text-align: center;
}

/*リンク共通設定*/
.tmg-mainArea .yokoline a,
.tmg-mainArea .yokoline2 a,
.tmg-mainArea .fullline a,
.tmg-mainArea .fullline2 a {
text-decoration:none;
color: inherit;
}
.tmg-mainArea *.double_h a,
.tmg-mainArea *.double_v a,
.tmg-mainArea *.double_all a,
.tmg-mainArea a.double_h,
.tmg-mainArea a.double_v,
.tmg-mainArea a.double_all {
text-decoration:none;
transition:all 0.6s;
color:#3D3734;
display: inline-block;
}
.tmg-mainArea .yokoline a:hover,
.tmg-mainArea .yokoline2 a:hover,
.tmg-mainArea .fullline a:hover,
.tmg-mainArea .fullline2 a:hover,
.tmg-mainArea *.double_h a:hover,
.tmg-mainArea *.double_v a:hover,
.tmg-mainArea *.double_all a:hover,
.tmg-mainArea a.double_h:hover,
.tmg-mainArea a.double_v:hover,
.tmg-mainArea a.double_all:hover{
opacity:0.6;
}
/*太字カラー*/
.tmg-mainArea .yokoline b,
.tmg-mainArea .yokoline2 b,
.tmg-mainArea .fullline b,
.tmg-mainArea .fullline2 b,
.tmg-mainArea .double_h b,
.tmg-mainArea .double_v b,
.tmg-mainArea .double_all b {
color: #555;
}






/*** iframe ***/
.tmg-mainArea iframe {
	width: 100%; /*★695px*/
	display:block;
	border:0; /*20200424追加*/
}
iframe.border {
	border:1px #ccc solid !important;
}
/*カート横iframe*/
.item_desc iframe {
	width:100%;
	background:#fff;
}

/*** 幅695の画像 ***/
.tmg-mainArea img {
	width:100%;
}
.tmg-mainArea > img {
	display:block;
}


/*メディア ---------------------------------------------------------------------------*/
.tmg-mediabox {
	border:.5em #eee solid;
	padding:.5em;
	text-align:center;
}
.tmg-mediabox hr {
	border:0;
	border-bottom:2px dotted #eee;
	margin:12px 0;
}
.tmg-mediabox table {
	border-collapse: collapse;
	text-align:center;
}
.tmg-mediabox p {
	text-align:left;
	font-size: 14px;
	font-size: .875rem;
	padding:.6em .85em;
}
.tmg-mediabox table td p {
	margin-left:1em;
}


/* お客様の声（iframe・テキスト・レビュースクショ）設定----------------------------------------------------------- */
.tmg-photocust { 
	overflow-x:hidden; 
	width: 695px; /*★*/
	height: 800px;
	border:1px #ccc solid !important;
	display:block;	
}
.tmg-cust { 
	overflow-x:hidden; 
	width: 695px; /*★*/
	height: 500px;
	border:1px #ccc solid !important;
	display:block;
}
.textreview {
	text-align: justify;
	margin-bottom: 10px;
	padding:10px 20px;
	font-size: 14px;
	font-size: .875rem;
	line-height: 1.5; 
	font-family: Meiryo, sans-serif;
}
.textreview b {
	color:#999;
	font-size:.8125rem;
	line-height:2;
}
.textreview hr {
	border:0;
	border-bottom:1px #ccc solid;
	padding:0;
	margin:10px 0;
}
/*レビュースクショ max-widthは画像オリジナルサイズを指定*/
.ssreview {
	border:1px #eee solid !important;
	margin:5px;
	text-align:center;
}
.ssreview img {
	width:660px;
}


/* ランキング スクロースボックス設定----------------------------------------------------------- */
.tmg-ranking { 
	overflow-x:hidden; 
	line-height: 1.5; 
	width: 100%; /*★695px*/
	height: 200px; /*25vh*/
	border:1px #ddd solid !important;
	border-top:0;
	padding:.5em;
}


/* 同梱ボックス ------------------------------------------------------------------------------ */
.tmg-doukonbox { /* iframe */
	overflow-x:hidden; 
	width: 100%; /*★695px*/ 
	height: 500px; 
	border:0;
	display:block;
}

/* レシピメニューstyle----------------------------------------------------------- */

.recipespagelink-banner {
	width: 100%; /*★695px*/
	margin:3px 0;
	box-shadow:0px 0px 3px 0px rgba(0,0,0,0.3);
}
.recipespagelinkmenu p {
	margin:.5em 0;
	font-size: 14px;
	font-size: .875rem;
}
/* 202201変更
.recipespagelinkmenu a {
	text-align:center;
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:18px;
	line-height:1.4; 
	background:#bdbdbd;
	margin:6px 0;
	padding:9px 0;
	text-shadow:1px 1px 3px #666;
}
.recipespagelinkmenu a:hover {
	background:#aca8a7;
}
*/
.recipespagelinkmenu a {
	text-align: center;
	display: block;
	color: #665;
	text-decoration: none;
	font-size: 16px;
	line-height: 1.4;
	background: #ededed;
	margin: 5px 0;
	padding: 8px .5em;
}
.recipespagelinkmenu a:hover {
	background:#bdbdbd;
	color:#FFF;
}

/*「この商品にオススメ」吹き出し設定　※akafukiに入れ替え*/
.recipespagelinkmenu a span {
	vertical-align: 3px;
	position: relative;
	font-size:11px;
	padding:.4em;
	margin-right:18px;
	background:#c00;
	-webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.5));
	color:#FFF;
}
.recipespagelinkmenu a span:before{
	content: "";
	position: absolute;
	top: 50%;
	right: -13px;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 9px solid #c00;
	z-index: 999;
}

/*** テキストメニュー設定「レシピメニュー」など ***/
/*共通*/
.txtmenu a,
.txtmenu_col2 a,
.txtmenu2 a,
.txtmenu2_col2 a,
.txtmenu3_col2 a {
   display: block;
   color: #665;
   text-decoration: none;
   font-size: 15px;
   line-height: 1.4;
}
/*col2共通*/
.txtmenu_col2,
.txtmenu2_col2,
.txtmenu3_col2 {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
.txtmenu_col2 a,
.txtmenu2_col2 a,
.txtmenu3_col2 a {
   flex-basis: calc(( 100% / 2) - 4px);
   width: calc(( 100% / 2) - 4px);
	display: flex;
	align-items: center;
}
/*下線*/
.txtmenu {
border-top:1px solid #ccc;
margin-top:.5em;
}
/*
p+.txtmenu {
   margin-top: -.5em;
}
*/

.txtmenu a:hover,
.txtmenu_col2 a:hover {
   color: #ccc;
}
.txtmenu a {
	padding: 1em 0.5em;
   border-bottom: 1px solid #ccc;
}
.txtmenu_col2 a {
   padding: 1.75em 0.5em;
   border-bottom: 1px solid #ccc;
}
/*背景*/
p+.txtmenu2 {
   margin-top: -4px;
}
.txtmenu2 a,
.txtmenu2_col2 a {
   background: #ededed;
}
.txtmenu2 a {
   padding: 0.75em 0.5em;
   margin: 4px 0 0;
}
.txtmenu2_col2 a {
   margin-top: 6px;
   border-radius: 4px;
   padding: 1.75em .75em;
}
.txtmenu2 a:hover,
.txtmenu2_col2 a:hover {
   color: #fff;
   background: #bdbdbd;
}
/*枠*/
.txtmenu3_col2 a {
   border: 1px solid #ccc;
   padding: 1.75em .75em;
}
.txtmenu3_col2 a {
   margin-top: 6px;
   border-radius: 4px;
}
.txtmenu3_col2 a:hover {
   color: #fff;
   background: #dcdcdc;
}
/*位置調整*/
.iframevideo+.txtmenu {
   margin-top: 1em;
}
.double_h+.txtmenu {
   margin-top: -1.5em!important;
}
.double_h+.txtmenu2 {
   margin-top: -1em;
}
.double_h+.txtmenu_col2,
.double_h+.txtmenu2_col2,
.double_h+.txtmenu3_col2 {
   margin-top: -1.25em;
}

/*リストマーク*/
.arrow a,
a.arrow {
position: relative;
padding-left: 2em;
}

.arrow a:not(.arrownone):before,
a.arrow:before {
margin-left: -20px;
    content: "";
    position: absolute;
    top: 42%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px;
    height: 6px;
    border-top: 2px solid #ccb;
    border-right: 2px solid #ccb;
}
.arrow .arrownone {
padding-left: 0.5em;
}

/* 単価100g iframe695px----------------------------------------------------------- */
.per100g {
    position: relative;
margin: 20px 0;
}
.per100g p {
    position: absolute;
    text-align: center!important;
}
/*BOX下注釈「送料別商品です」*/
.per100g p.txt4-1,
.per100g p.txt4-2,
.per100g p.txt4-3,
.per100g p.txt4-4 {
    font-size: 12px;
    width: 280px;
}
/*リンク上「現在ご覧のページです」*/
.per100g p.over4-1,
.per100g p.over4-2,
.per100g p.over4-3,
.per100g p.over4-4{
    background: #cecaca; /*b5b1b1*/
    color: #51392f;
    width: 240px;
    height: 31px;
    font-size: 14px;
    border-radius: 6px;
    padding: 3px 0;
    margin: 0;
}
/***リブロースiframe1090pxの場合***/
iframe.rib-per100g {
    width: 695px;
    height: 1090px;
}
/**/
.rib-per100g ~ p.txt4-1 {
    bottom: 270px;
    left: 50px;
}
.rib-per100g ~ p.txt4-2 {
    bottom: 270px;
    right: 50px;
}
.rib-per100g ~ p.txt4-3 {
    bottom: 40px;
    left: 50px;
}
.rib-per100g ~ p.txt4-4 {
    bottom: 40px;
    right: 50px;
}
/**/
.rib-per100g ~ p.over4-1 {
    bottom: 324px;
    left: 70px;
}
.rib-per100g ~ p.over4-2 {
    bottom: 324px;
    right: 70px;
}
.rib-per100g ~ p.over4-3 {
    bottom: 94px;
    left: 70px;
}
.rib-per100g ~ p.over4-4 {
    bottom: 94px;
    right: 70px;
}


/* 送料無料商品リンク----------------------------------------------------------- */
.tmg-fslink {
text-align:center;
margin:20px 0;
}
.tmg-fslink h3 {
font-size:30px;
margin:30px 0;
text-shadow: 1px 1px #fff, 2px 2px #ccc;
text-align:center;
color:#666;
}
.tmg-fslink h3:before {
content: "";
    display: inline-block;
    width: 90px;
    height: 90px;
    background: url(https://www.rakuten.ne.jp/gold/themeatguy/images/cart_in.gif) no-repeat;
    background-size: contain;
    margin-right: -18px;
    position: relative;
    top: 25px;
    left: -15px;
    z-index: -1;
}
.tmg-fslink h3 span {
color:#a00;
font-size: 42px;
padding: 0 4px;
}
.tmg-fslink p {
font-size:18px;
text-align:center!important;
}
.tmg-fslink p:last-of-type {
font-size:15px;
margin:20px 0 5px;
color:#666;
}





/* ★かご横商品情報テーブル.item_desc------------------------------------------------------------------------------------- */

/*タイトル「商品情報」*/
.item_desc .tmg-pp {
	margin:1em 0 .75em;
	padding:0;
	border-bottom:1px solid #DCC9A1;
	font-size:16px;
	line-height:28px;
	font-weight:bold;
}
/*サブタイトル「アレルギー」*/
.item_desc .tmg-pp2 {
	border-left: 4px solid #960001;
	padding-left: 8px;
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
	margin: 1.75em 0 0.75em;
}
 /*「商品情報」*/
.item_desc .tmg-product-info {
	width:400px; /*★*/
	line-height:1.5;
	font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	color:#636363;
}
.item_desc .tmg-product-info > b {
	font-size:16px;
	line-height:16px;
}
.item_desc .tmg-product-info p:not(.tmg-pp):not(.tmg-pp2) {
	margin:1em 0;
	padding:0;
	font-size:11px;
/* 20220428修正
	white-space: nowrap;

    margin-left: 1em;
    text-indent: -0.7em;
*/
}
.item_desc .tmg-product-info table {
	width:100%;
	font-size:13px;
	font-size:.8125rem;
	color:#636363;
	border-collapse: separate;
	border-spacing:0;
	empty-cells:show;
	border-top:1px solid #c3c6bc;
	border-right:none;
	border-bottom:none;
	border-left:1px solid #c3c6bc;
}
.item_desc .tmg-product-info table th,
.item_desc .tmg-product-info table td {
	border-top:none;
	border-right:1px solid #c3c6bc;
	border-bottom:1px solid #c3c6bc;
	border-left:none;
}
.item_desc .tmg-product-info table th {
	width:20%;
	font-weight:bold;
	background:#e1e4d4;
	text-align:left;
	vertical-align:top;
	padding:6px;
}
.item_desc .tmg-product-info table td {
	width:82%;
	padding:6px 8px;
}
.item_desc .tmg-product-info table.allergy th,
.item_desc .tmg-product-info table.allergy td {
	text-align: center;
	vertical-align: middle;
	width:calc( 100% / 7 );
}
/*記号○を太字に*/
.item_desc .tmg-product-info table.allergy td b {
color:#e5b12b;
-webkit-text-stroke: 1.5px #e5b12b;
text-stroke: 1.5px #e5b12b;
}
.item_desc .tmg-product-info table.allergy + p {
	font-size:12px!important;
}


/*注釈*/
.item_desc .setbox {
background: url(https://www.rakuten.ne.jp/gold/themeatguy/images/setbox2-i.gif) 12px 50% no-repeat;
padding-left: 75px;
padding-right: 12px;
background-size: 45px;
border: 1px solid #ccc;
width: 400px;
margin:2em 0 1.5rem;
}
.item_desc .setbox p {
font-size:13px;
color:#666;
}
.item_desc div:first-child.setbox {
margin: 1rem 0 2rem;
}

.item_desc .giftbox {
color:#333;
border: 1px solid #a44;
width: 400px;
margin:2rem 0 1rem;
}
.item_desc .giftbox p.gifticon {
background: url(https://www.rakuten.ne.jp/gold/themeatguy/images/giftbox-icon.gif) 18px 50% no-repeat;
padding-left: 65px;
padding-right: 10px;
background-size: 32px;
font-size:14px;
}
.item_desc .giftbox p:last-child {
padding: 0 5px 0 25px;
    font-size: 11px;
    text-indent: -1em;
}



/*商品タグ*/
.tmg-tag {
	width:400px; /*★*/
	margin:20px 0 10px;
}
.tmg-tag ul {
	list-style:none;
	margin:0;
	padding:0;
    display: flex;
}
.tmg-tag ul li{
color: #e6b22d;
    border: 1px solid #e6b22d;
    border-radius: 2px;
    padding: 1px 4px;
    font-size: 12px;
	margin:1px;
}
.tmg-tag ul li a{
text-decoration: none;
    color: inherit;
}


/*カート下スペース レイアウト【B or D】のみ---------------------------------------------------------------------*/

/*カート下スペース確保　高さは商品ページで設定*/
div.tagid_gift_icons:after { /*「シェアする」アイコン下*/
content:"";
display: block;
}
/*レイアウト【B or D】の画像横 PC商品説明文を含む商品情報テーブルtd */
#pagebody table table table table td:nth-child(3) {
position: relative;
} 
/*高さは商品ページで設定*/
.tmg-cartbottom{
width: 400px;
position: absolute;
bottom: 50px;
}


/* ★商品ページの目玉商品タイトル----------------------------------------------------------- */
.medamatitle {
/*	position: relative;
	top:50px;
*/
	margin-top:30px;
	font-size:20px;
	text-align:center;
	padding:20px 5px;
	background:#e1e4d4;
	font-weight:bold;
	color: #444;
	text-shadow: 1px 1px 1px #fff,-1px 1px 1px #fff,1px -1px 1px #fff,-1px -1px 1px #fff;
}




/* その他装飾設定 ----------------------------------------------------------- */

/***「もっと見る」***/
/*202111追加 mainArea-style.cssコピー695px用*/
.tmg-mainArea p.more_left,
.tmg-mainArea p.more_right,
.tmg-mainArea p.more_center{
font-size:14px!important;
}
.tmg-mainArea p.more_left{
margin:1.5em 0;
}
.tmg-mainArea p.more_right{
margin:1em 0;
}
.tmg-mainArea p.more_center{
margin: 1.25em auto 2em;
}
.tmg-mainArea p.more_left a,
.tmg-mainArea p.more_right a,
.tmg-mainArea p.more_center a{
display:inline-block;
text-decoration:none;
text-align:center;
transition:all 0.8s;
border-radius: 3px;
position: relative;
z-index: 2;
background:#ededed;
color:#555;
line-height:1;
}
.tmg-mainArea p.more_left a:hover,
.tmg-mainArea p.more_right a:hover,
.tmg-mainArea p.more_center a:hover {
transition:all 0.3s;
background: #a19999;
color:#fff;
}
.tmg-mainArea p.more_left a {
padding:.75em 1em;
}
.tmg-mainArea p.more_right a {
padding:.75em 1em;
left: 100%;
transform: translate(-100%, 0%);
}
.tmg-mainArea p.more_center a {
padding:1em 1.5em;
left: 50%;
transform: translate(-50%, 0%);
}


/*** センターリンク ***/
.tmg-mainArea p.centerlink {
margin: 1.5em auto 2em;
}
.tmg-mainArea p.centerlink a{
display:inline-block;
text-decoration:none;
text-align:center;
transition:all 0.6s;
border-radius: 6px;
position: relative;
z-index: 2;
background:#ededed;
color:#555;
line-height:1;
padding:1.25em 1.5em;
left: 50%;
transform: translate(-50%, 0%);
box-shadow: 1px 1px 2px #aaa;
}

.tmg-mainArea .centerlink a:hover {
transition:all 0.3s;
background: #bdbdbd;
color:#fff;
}




/*** 吹き出し ***/
/** 下矢印 d9d5d3 **/
/*背景*/
.tmg-mainArea p.balloon,
.tmg-mainArea p.balloon_yellow{
position: relative;
display: inline-block;
font-size:14px;
color:#625a55;
border-radius:3px;
padding: .6em .75em;
background-color: #E1E4D5;
margin:0 0 8px;
text-shadow: 1px 1px #fff;
}
.tmg-mainArea p.balloon::before,
.tmg-mainArea p.balloon_yellow::before{
content: '';
position: absolute;
left: 20px;
bottom: -10px;
display: block;
width: 0;
height: 0;
border-top: 10px solid #E1E4D5;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}
/*枠線*/
.tmg-mainArea p.balloon2,
.tmg-mainArea p.balloon2_yellow{
position: relative;
display: inline-block;
font-size:14px;
color:#625a55;
border-radius:3px;
background-color: #fff;
border: 2px solid #dcdfcd;
padding: .45em .65em;
margin:0 0 6px;
}
.tmg-mainArea p.balloon2::before,
.tmg-mainArea p.balloon2_yellow::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 19px;
  bottom: -11px;
  border-top: 11px solid #dcdfcd;
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
}
.tmg-mainArea p.balloon2::after,
.tmg-mainArea p.balloon2_yellow::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 19px;
  bottom: -8px;
  border-top: 11px solid #fff;
  border-right: 11px solid transparent;
  border-left: 11px solid transparent;
}
/*上書き色指定*/
.tmg-mainArea p.balloon_yellow {background-color: #ecd46c;color:#fff;}
.tmg-mainArea p.balloon_yellow::before {border-top: 10px solid #ecd46c;}

.tmg-mainArea p.balloon2_yellow { color:#da2;}
.tmg-mainArea p.balloon2_yellow { border: 2px solid #ec8;}
.tmg-mainArea p.balloon2_yellow::before { border-top: 11px solid #ec8;}

/*上書きcenter指定*/
.tmg-mainArea center p.balloon::before,
.tmg-mainArea center p.balloon_yellow::before,
.tmg-mainArea center p.balloon2::before,
.tmg-mainArea center p.balloon2_yellow::before,
.tmg-mainArea center p.balloon2::after,
.tmg-mainArea center p.balloon2_yellow::after{
left: 50%;
    transform: translate(-50%, 0%);
}

/** span右矢印 **/
span.akafuki,
span.akafuki2 {
	display: inline-block;
	position: relative;
	font-size: .8em;
	padding: 0.4em 0.6em;
	margin: -0.4em 1.5em -0.6em 0;
}
span.akafuki {
	border: 1px #c00 solid;
	color: #c00;
}
span.akafuki:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -13px;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 9px solid #c00;
	z-index: 999;
}
span.akafuki:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -17px;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left: 10px solid #c00;
	z-index: 997;
}
span.akafuki:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -14px;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 9px solid #fff;
	z-index: 998;
}
span.akafuki2 {
	background: #c00;
	-webkit-filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3));
	color: #FFF;
}
span.akafuki2:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -13px;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 9px solid #c00;
	z-index: 999;
}


/****** アニメーション ******/

/*上下*/
.anim-v {
animation: .8s anim-v infinite alternate linear;
}
@keyframes anim-v {
to { transform: transtateY(0); }
from { transform: translateY(2px); }
}
/*左右*/
.anim-h {
animation: .8s anim-h infinite alternate linear;
}
@keyframes anim-h {
0% { transform: translate(0px, 0); }
100% { transform: translate(2px, 0); }
}
/*跳ねる*/
.anim-bounce {
animation: bounce 4s ease-out infinite;
}
@keyframes bounce {
0%, 20%, 30%, 40% {transform: translate( 0, 0);}
25%, 35% {transform: translate( 0, 2px);}
}

/***/




/*** 強制角丸(大) ***/
.radius100vh,
.radius100vh a {
   border-radius: 100vh!important;
}

/*** リンク装飾なし ***/
.tmg-mainArea a.deco_none{
text-decoration:none;
transition:all 0.6s;
color:#333;
}
.tmg-mainArea a.deco_none:hover{
opacity:0.8;
}


/*** box装飾 ***/
/*simple*/
.tmg-mainArea .box_bg {
    background: #fafafa;
    padding: 1.5em 1.25em;
    margin: 1rem 0;
}
.tmg-mainArea .box_border {
border:1px solid #d8d5d5;
    padding: 1.5em;
    margin: 1rem 0;
}
.tmg-mainArea .box_bg *:first-child,
.tmg-mainArea .box_border *:first-child {
    margin-top: 0; 
    padding-top: 0;
}
.tmg-mainArea .box_bg *:last-child,
.tmg-mainArea .box_border *:last-child {
    margin-bottom: 0; 
    padding-bottom: 0;
}
/*カギカッコ*/
.box_keybrackets {
    position: relative;
    padding:1.75em 1.5em;
    margin:2rem 0;
}
.box_keybrackets:before,.box_keybrackets:after{ 
    content:'';
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
}
.box_keybrackets:before{
    border-left: solid 1px #a19999;
    border-top: solid 1px #a19999;
    top:0;
    left: 0;
}
.box_keybrackets:after{
    border-right: solid 1px #a19999;
    border-bottom: solid 1px #a19999;
    bottom:0;
    right: 0;
}
.box_keybrackets *:first-child {
    margin-top: 0; 
    padding-top: 0;
}
.box_keybrackets *:last-child {
    margin-bottom: 0; 
    padding-bottom: 0;
}
/*「recipe」*/
.tmg-mainArea .box_recipe {
    border:1px solid #d8d5d5;
    padding: 1.5em;
    margin: 1.5rem 0;
    position: relative;
    border-radius: 8px;
}
.tmg-mainArea .box_recipe::before {
background-color: #fff;
    color: #DCC9A1;
    content: "recipe";
    left: 1.25em;
    padding: 0 0.5em;
    position: absolute;
    top: -0.5em;
font-size: 15px;
}
/*
.tmg-mainArea .box_recipe::after {
background-color: #fff;
    color: #DCC9A1;
    content: "recipe";
    right: 1.25em;
    padding: 0 0.5em;
    position: absolute;
    bottom: -0.5em;
font-size: 15px;
}
*/
.tmg-mainArea .box_recipe *:first-child {
    margin-top: 0; 
    padding-top: 0;
}
.tmg-mainArea .box_recipe *:last-child {
    margin-bottom: 0; 
    padding-bottom: 0;
}