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

/*tmg　レイアウトCSS 

読み込みページ：RMSヘッダー・フッター・レフトナビのテンプレート

*/

/*タブバナーiframe*/
#pc-tabbanner{

}
/*タブバナー*/
#tmg-tabbnr {
position: fixed;
top: 150px; /*開始位置*/
right: 0;
}

#tmg-tabbnr a {
 position: absolute;
 display: inline-block;
 transition: all .5s ease;
 z-index: 9999;
}
#tmg-tabbnr a:hover{ right: 0;}


/*ヘッダー*/
#tmg-hdr-container{
width: 1080px; /*★*/
text-align:center;
/*background: url(https://image.rakuten.co.jp/themeatguy/cabinet/newsletter/design/bg.gif)repeat;*/
}
#tmg-hdr{
width: 100%; /*★*/
}
#tmg-hdr iframe {
width:100%;
height:634px; /*★*/
height:540px;
overflow: hidden;
background: #fff;
}

/*お知らせ　新ヘッダーでは非表示*/
#tmg-notification {
width: 1080px; /*★*/
height: 32px; 
margin: 4px 0 0; 
border-bottom:1px solid #efeded;
}
#tmg-notification iframe {
width:100%;
height:32px;
}


/*サイド レフトナビ*/
#tmg-side{
float:left;
width:365px; /*★*/
margin: 15px 0;
background:#fff;
}
#tmg-side iframe {
width:100%;
height:4000px; /*★*/
}


/*フッター */
#tmg-ftr  {
width:100%; /*★1081px*/
}
#tmg-ftr iframe {
width:100%;
height:1300px; /*★幅1081px以上の時1300px・1080px以下の時は2080px*/
}

/*固定フッター 横幅100%*/
#tmg-fixftr {
clear:both;
position:absolute;
left:0;
width:100%;
}
#tmg-fixftr iframe.ftriframe {
position:absolute;
left: 0;
right: 0;
bottom: 0;
width:100%;
}

@media screen and (min-width:1081px){ 
#tmg-fixftr,
#tmg-fixftr iframe.ftriframe {
	height:1250px;
min-width:1080px;
}
}
@media screen and (max-width:1080px){
#tmg-fixftr,
#tmg-fixftr iframe.ftriframe {
height:2080px;
min-width:900px;
}
}


/*フッターランキング*/
.tmg-ftrranking-wrap {
width: 1080px; /*★1080px*/
}

.tmg-ftrranking-left {
width:380px; float:left;
}
.tmg-ftrranking-right {
width:700px; float:right; background:#fff;
}

.tmg-ftrranking-title {
color:#fff; font-size:15px; font-weight:bold; margin:0; 
line-height:30px; text-align:left; padding-left:10px; background-color:#960001; 
font-family:'メイリオ'; letter-spacing:2px
}




/*----------右下 ページ内リンク----------
HTML
<iframe src="https://www.rakuten.ne.jp/gold/themeatguy/template/pagetopbtn.html" frameborder="0" scrolling="no" id="tmg-pagetopbtn"></iframe>
<iframe src="https://www.rakuten.ne.jp/gold/themeatguy/template/tocartbtn.html" frameborder="0" scrolling="no" id="tmg-tocartbtn"></iframe>
----------------------------------------*/

/* ▼右下 ページの上へボタン */
#tmg-pagetopbtn{
    position: fixed;
    right: 78px;
    bottom: 1px;
    margin: 0;
    padding: 0;
    width: 78px;
    height: 39px;
    overflow: hidden;
    z-index: 99999999;
    list-style: none;
}
/* ▼右下 買い物かごへボタン */
#tmg-tocartbtn{
    position: fixed;
    right: 0px;
    bottom: 0px;
    margin: 0;
    padding: 0;
    width: 78px;
    height: 39px;
    overflow: hidden;
    z-index: 99999999;
    list-style: none;
}








/*　OLD　HTML

<!--▽ヘッダーiframe▽ -->
<div id="tmg-hdr">
<iframe src="https://www.rakuten.ne.jp/gold/themeatguy/template/header.html" frameborder="0" style="overflow: hidden;background: #fff;" scrolling="no"></iframe>
</div>
<!--△ヘッダーiframe△ -->

<!--▼追加バナーここから▼ -->

<img src="https://image.rakuten.co.jp/themeatguy/cabinet/design1/500off-banner.gif" width="900">

<!--▲追加バナーここまで▲ -->

<!--▽お知らせテキスト▽ -->
<div id="tmg-notification">
<iframe src="https://www.rakuten.ne.jp/gold/themeatguy/template/notification/notification.html" scrolling="no" frameborder="0"></iframe>
</div>
<!--△お知らせテキスト△ -->


<!--▽サイドiframe▽ -->
<div id="tmg-side">
<iframe src="https://www.rakuten.ne.jp/gold/themeatguy/template/side.html" frameborder="0" scrolling="auto"></iframe>
</div>
<!--△サイドiframe△ -->


<!--▽フッターランキングエリア▽ -->
<div class="tmg-ftrranking-wrap">

<div class="tmg-ftrranking-left">
</div>
<!--▽ランキング・注文状況・レビュー▽ -->
<div class="tmg-ftrranking-right">
<!-- ここから G-ランキング -->
<img src="https://www.rakuten.ne.jp/gold/themeatguy/asp/1_grank/signboard_img.png" width="100%" style="margin-top:15px;"><br />
<div style="width:100%; border:1px #ccc solid;  border-width:0 1px 1px 0;">
<iframe src="https://www.rakuten.ne.jp/gold/themeatguy/asp/1_grank/linkpage.html" name="現在のランクイン状況" width="100%" height="320" frameborder="0"></iframe>
</div>
<!-- ここまで G-ランキング -->
<!-- ここから リア受 -->
<div style="width:100%; margin-top:15px;">
<p style="color:#fff; font-size:15px; font-weight:bold; margin:0; line-height:28px; text-align:left; padding-left:10px; background-color:#960001; font-family:'メイリオ'; letter-spacing:2px">ご注文ありがとうございます</p>
<iframe src="https://www.rakuten.ne.jp/gold/themeatguy/asp/1_real/linkpage.html" name="現在の注文状況" width="100%" height="280" frameborder="0"></iframe>
</div>
<!-- ここまで リア受 -->
<!-- ここから リアコメ -->
<div style="width:100%; margin-top:15px;">
<p style="color:#fff; font-size:15px; font-weight:bold; margin:0; line-height:28px; text-align:left; padding-left:10px; background-color:#960001; font-family:'メイリオ'; letter-spacing:2px">お客様の喜びの声</p>
<iframe src="https://www.rakuten.ne.jp/gold/themeatguy/asp/1_realco/linkpage.html" name="現在のレビュー状況" width="100%" height="280" frameborder="0"></iframe>
</div>
<!-- ここまで リアコメ -->

<br style="clear:both;">
</div>
<!--△ランキング・注文状況・レビュー△ -->
</div>
<!--△フッターランキングエリア△ -->

<!--▽フッターiframe (layout.cssで設定)▽ -->
<div id="tmg-fixftr" style="margin-top:1100px;"><!-- margin-topは上のランキングが消える対策-->
<iframe src="https://www.rakuten.ne.jp/gold/themeatguy/template/footer.html" frameborder="0" scrolling="no" class="ftriframe"></iframe>
</div>
<!--△フッターiframe△ -->

*/
