@charset "UTF-8";

/* ログイン前後見出し出し分け */
/* ↓ログインボタン_ヘッダー↓ */
#btn_login1{ width: 425px; padding: 11px 15px 9px; text-align: center; float: right; font-size: 16px; color: #ff3c3c; font-weight: bold; background-color: #fff7f7; border-radius: 5px; box-shadow: 0.5px 0.9px 3px 0 rgba(0, 0, 0, 0.3); border: solid 2px #ff3c3c; position: relative; top: -4px; z-index: 2; opacity: 0; animation: badge-popup 5s ease-in-out 0s 1; animation-fill-mode: forwards;}
@keyframes badge-popup{ 0% { top: -19px; } 10% { opacity: 1; top: -4px;} 89% { opacity: 1;} 99% { opacity: 0;} 100% { visibility:hidden;}}
#btn_login1:before,#btn_login1:after{ content: ""; position: absolute; right: 32px;}
#btn_login1:before{ top: -10px; border-style: solid; border-color: transparent transparent #ff3c3c transparent ; border-width: 0 8.5px 10px 8.5px;}
#btn_login1:after{ top: -7px; right: 34px; border-style: solid; border-color:transparent transparent #fff7f7 transparent ; border-width: 0 6.5px 8px 6.5px; z-index: 10;}
.gestarea{ position: relative; z-index: 1; }
.gest-login ,.gest-logout{ position: absolute; right: 0;}
/*↑ログインボタン_ヘッダー↑*/

/* ボタン共通部分 */
.readMoreInner { display: inline-block; text-align: center; padding: 5px; border-radius: 3px; background: #fb947c; /* Old browsers */ background: -moz-linear-gradient(top, #fb947c 0%, #fdc6ba 100%, ); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #fb947c 0%, #fdc6ba 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fb947c 0%, #fdc6ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb947c', endColorstr='#fdc6ba',GradientType=0 ); }
.readMoreInner .readMoreInner-in { position: relative; }
.readMoreInner .readMoreInner-in { width:195px; border-radius: 3px; border:1px solid #e7e8e8; box-shadow: -2px 2px 10px -5px #000; display: table-cell; height: 29px; vertical-align: middle; text-align: center; font-size: 12px; font-weight:bold; color: #313131; text-decoration: none; background: #ffffff; /* Old browsers */ background: -webkit-linear-gradient(#ffffff 0%, #dedede 100%); background: -o-linear-gradient(#ffffff 0%, #dedede 100%); background: linear-gradient(#ffffff 0%, #dedede 100%); /* FF3.6-15 */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */ }
.readMoreInner span{ color:#ff3c3c;margin-right: 5px;}

/* NEWアイコン */
.new-icon {}
.new-icon .triangle { top: -1px; left: -1px; border-bottom: 57px solid transparent; border-left: 54px solid #ff0000; z-index: 100; position:absolute;}
.new-icon .new { display: block; top: 11px; left: 6px; transform: rotate(-48deg); color: #ffffff; font-size:10px; font-weight:bold; position: absolute; z-index: 101;}


/* 媒体出し分け */
body.hpb header { background-image: url("/tokuten/img/pc/bg_header_hpb.png"); }
body.hpb #BANNER_ELEM_WRAP { margin: 0 auto 20px; }
body.hpg header { background-image: url("/tokuten/img/pc/bg_header_hpg.png"); }
body.hpg #BANNER_ELEM_WRAP { margin: 0 auto 20px; }
body.jln header { background-image: url("/tokuten/img/pc/bg_header_jln.png"); }
body.jln #BANNER_ELEM_WRAP { margin: 0 auto 20px; }

/*ページトップボタン*/
.pagetop { right: 20px !important; margin: 0 !important; }
@media screen and (max-width: 1180px){ .pagetop { right: 50% !important; margin-right: -590px !important; z-index: 90 !important;}}
/* エレメントの表示初期化（非表示に） */
#rikupon-login { display:none;}
#rikupon-logout { display:none;}
.gest-login { display:none;}
.gest-logout { display:none;}

/************************************************************
 PontaWeb対応
 ***********************************************************/
/*KV*/
#wrapper h2{ margin-bottom: 17px;}
/*ログインボタン*/
#wrapper .login_btn{ width: 460px; margin: 0 auto 30px;}
#wrapper .login_btn + p{ font-size: 18px; text-align: center; font-weight:bold; margin-bottom: 40px;}
/*説明エリア*/
#wrapper .tutorial{ margin-bottom: 30px;}
/*動画掲載エリア*/
#wrapper .movies{ background: #ffea00 url(../img/pc/movies_icon_pc.png) no-repeat 50% 0; overflow:hidden;}
#wrapper .movies table{width: 940px;margin: 106px auto 20px; border-radius: 14px; border-collapse: separate; overflow: hidden;}
#wrapper .movies table tr{}
#wrapper .movies table tr td{ background: #fff;}
#wrapper .movies table tr:nth-child(1) td{ height: 36px;}
#wrapper .movies table tr:nth-child(2) td,#wrapper .movies table tr:nth-child(4) td{ height: 456px;}
#wrapper .movies table tr:nth-child(3) td{ height: 50px;}
#wrapper .movies table tr:nth-child(5) td{ height: 42px;}
#wrapper .movies table tr td:nth-child(1),#wrapper .movies table tr td:nth-child(7){ width: 26px;}
#wrapper .movies table tr td:nth-child(3),#wrapper .movies table tr td:nth-child(5){ width: 24px;}
/*バナーエリア*/
.bnr-area { width: 800px; margin: 38px auto 76px; clear:both;}
.bnr-area p{ margin-top: 10px}
.end-bnr-area { width: 800px; margin: 40px auto 0 auto; clear:both;}
.end-bnr-area p {　text-align: center;}
.end-bnr-area img{　width: 600px; clear:both;}
/*特典概要エリア*/
#wrapper .description_area{ border: 1px solid #cccccc;}
#wrapper .description_area p{ font-size: 12px; width: 917px; margin: 24px 36px 59px 27px;}
#wrapper .description_area p .red{ color: #ff0000; font-size: 18px; font-weight: bold;}
/*ページトップ*/
.pageTopLink { margin: 40px 10px 10px; text-align: right; }