/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/** 1. Set default font family to sans-serif. 2. Prevent iOS and IE text size adjust after device orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; }

/** Improve readability of focused elements when they are also in an active/hover state. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width.  1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

body { width: 100%; font-size: 100%; }

body, th, td { color: #000; line-height: 1.3; }

input, textarea, select { padding: 0; color: #000; }

input[type="submit"], input[type="text"], textarea { -webkit-appearance: none; }

a { text-decoration: none; }

ul { margin: 0; padding-left: 0; list-style-type: none; }

ol { margin-top: 0; margin-bottom: 0; padding-left: 0; list-style-type: none; }

dt, dd { margin-left: 0; }

dt { font-weight: bold; }

p { margin-top: 0; margin-bottom: 0; }

img { vertical-align: bottom; }

/* ----------------------------- sgtkHeader
----------------------------- */
.sgtkHeader { position: relative; margin-bottom: 1.6666%; background: url(../img/sgtkjookey/sgtkHeader_bg.png) no-repeat left top; -webkit-background-size: 100% auto; background-size: 100% auto; }
.sgtkHeader_logo { margin: 0; padding-left: 10.8333%; }
.sgtkHeader_logo .link_img { max-width: 69%; height: auto; }

/* ----------------------------- gnav
----------------------------- */
.gnav_list { display: table; table-layout: fixed; width: 100%; }
.gnav_item { display: table-cell; }
.gnav_item .item_link { display: block; padding-top: 83%; text-align: center; font-size: 0.5625rem; }
@media screen and (min-width: 720px) { .gnav_item .item_link { font-size: 1.125rem; } }
.gnav_item .item_link { color: #000; }
.gnav_item .item_link-home { background: url(../img/sgtkjookey/gnav_home.png) no-repeat center 8px; -webkit-background-size: 69.4444%, 69.4444%; background-size: 69.4444%, 69.4444%; }
.gnav_item .item_link-stamp { background: url(../img/sgtkjookey/gnav_stamp.png) no-repeat center 8px; -webkit-background-size: 69.4444%, 69.4444%; background-size: 69.4444%, 69.4444%; }
.gnav_item .item_link-ranking { background: url(../img/sgtkjookey/gnav_ranking.png) no-repeat center 8px; -webkit-background-size: 69.4444%, 69.4444%; background-size: 69.4444%, 69.4444%; }
.gnav_item .item_link-gacha { background: url(../img/sgtkjookey/gnav_gacha.png) no-repeat center 8px; -webkit-background-size: 69.4444%, 69.4444%; background-size: 69.4444%, 69.4444%; }
.gnav_item .item_link-new { background: url(../img/sgtkjookey/gnav_new.png) no-repeat center 8px; -webkit-background-size: 69.4444%, 69.4444%; background-size: 69.4444%, 69.4444%; }
.gnav_item .item_link-movie { background: url(../img/sgtkjookey/gnav_movie.png) no-repeat center 8px; -webkit-background-size: 69.4444%, 69.4444%; background-size: 69.4444%, 69.4444%; }
.gnav-top { background: url(../img/sgtkjookey/line_black.png) repeat-x left top; -webkit-background-size: 7px, 6px; background-size: 7px, 6px; }
.gnav-bottom { margin-top: 2.7777%; background: url(../img/sgtkjookey/line_black.png) repeat-x left bottom; -webkit-background-size: 7px, 6px; background-size: 7px, 6px; padding-bottom: 8px; }

/* ----------------------------- drawerMenu
----------------------------- */
.sgtkHeader_drawerMenuBtn { position: absolute; top: 6.94425%; right: 2.7777%; width: 11.52777%; height: auto; }
.sgtkHeader_drawerMenuBtn .drawerMenuBtn_img { width: 100%; height: auto; }

.drawerMenu { z-index: 21; display: none; position: absolute; top: 39%; right: 0; border-top: 2px solid #000; width: 77.7777%; font-size: 0.9375rem; }
@media screen and (min-width: 720px) { .drawerMenu { font-size: 1.875rem; } }
.drawerMenu-scroll { z-index: 21; position: absolute; top: 39%; right: 0; width: 77.7777%; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.drawerMenu-scrollInner { top: 0; width: 100%; height: 100%; overflow-y: auto; }
.drawerMenu_item { margin-top: 0; margin-bottom: 0; }
.drawerMenu_head { padding: 0.4em 0; color: #fff; text-align: center; white-space: nowrap; }
.drawerMenu_head-article { background: #fa508c; }
.drawerMenu_head-movie { background: #d60007; }
.drawerMenu_head-keyword { background: #fa508c; }
.drawerMenu_head-category { background: #C00000; }
.drawerMenu_head-yoshimoto { background: #d27537; }
.drawerMenu_head-series { background: #548235; }
.drawerMenu_head-close { background: #cfcabd; cursor: pointer; }
.drawerMenu_list { background: #f1ece0; white-space: nowrap; }
.drawerMenu_list + .drawerMenu_list { border-top: 1px solid #d9d9d9; }
.drawerMenu .list_link { position: relative; display: block; padding: 0.4em 0.5em; color: #000; }
.drawerMenu .list_link-stamp { padding-left: 1em; }
.drawerMenu .list_link-stamp:before { position: absolute; top: 28%; left: 0.5em; content: ""; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #00ac00; width: 0; height: 0; }
@media screen and (min-width: 720px) { .drawerMenu .list_link-stamp:before { top: 35%; } }
.drawerMenu .list_link-column { padding-left: 1em; }
.drawerMenu .list_link-column:before { position: absolute; top: 28%; left: 0.5em; content: ""; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #d27537; width: 0; height: 0; }
@media screen and (min-width: 720px) { .drawerMenu .list_link-column:before { top: 35%; } }
.drawerMenu_overlay { z-index: 20; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 120%; background-color: rgba(0, 0, 0, 0.6); }

/* ----------------------------- sgtkFooter
----------------------------- */
.sgtkFooter { text-align: center; background: #e8e9e5; padding-bottom: 10px; }
.sgtkFooter .footList { display: table; table-layout: fixed; padding-top: 15px; margin-bottom: 5px; width: 100%; }
.sgtkFooter .footList_item { display: table-cell; vertical-align: middle; }
.sgtkFooter .footList_item:nth-child(n+2) { border-left: 1px solid #d9d9d9; }
.sgtkFooter .footList_item .item_link { display: block; padding: 10px; font-size: 0.75rem; color: #0000ef; }
@media screen and (min-width: 720px) { .sgtkFooter .footList_item .item_link { font-size: 1.5rem; } }
.sgtkFooter_copyright { font-size: 0.6875rem; }
@media screen and (min-width: 720px) { .sgtkFooter_copyright { font-size: 1.375rem; } }

.notificationMenu { margin-top: 2.7777%; margin-bottom: 2.7777%; text-align: center; }
.notificationMenu_btn .btn_link { position: relative; display: block; box-sizing: border-box; margin: 2.7777% auto; -webkit-border-radius: 5px; border-radius: 5px; padding: 2.49993% 0; width: 90.2777%; color: #f22077; font-size: 1.125rem; text-align: center; border: 4px solid #cbcdc4; background: #eae5df; }
@media screen and (min-width: 720px) { .notificationMenu_btn .btn_link { font-size: 2.25rem; } }
.notificationMenu_btn .btn_link:after { position: absolute; display: block; top: 37%; right: 10px; content: ""; border-right: 4px solid #fff; border-bottom: 4px solid #fff; width: 8px; height: 8px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.notificationMenu_txt { font-size: 0.6875rem; line-height: 1.2; }
@media screen and (min-width: 720px) { .notificationMenu_txt { font-size: 1.375rem; } }

/* ----------------------------- notmember
----------------------------- */
.notmember { margin: 0; width: 100%; /*margin: $gutter_largest auto;
width: $width_02;
&-nogutter { margin-right: 0; margin-left: 0; width: 100%;
}*/ }
.notmember_ttl { margin: 0 0 0.5em; }
.notmember_ttlInner { background: #d35887; padding: 5px 0; font-size: 1rem; color: #fff; }
@media screen and (min-width: 720px) { .notmember_ttlInner { font-size: 2rem; } }
.notmember_txt + .notmember_txt { margin-top: 0.5em; }
.notmember_txt { font-size: 1rem; }
@media screen and (min-width: 720px) { .notmember_txt { font-size: 2rem; } }
.notmember_promotion { text-align: center; }
.notmember_promotionItem { margin: 5.5554% auto; }
.notmember_promotionItem-gutter { width: 95.8333%; }
.notmember_promotionImg { max-width: 100%; height: auto; }
.notmember_promotionImg-wfull { width: 100%; height: auto; }
.notmember_btngroup { margin: 4.16655% auto; text-align: center; }
.notmember_btngroup_textlink { color: #000; text-decoration: underline; }
.notmember_btngroup_img { max-width: 100%; height: auto; }

/* ----------------------------- ttl
----------------------------- */
.ttl { margin-top: 2.7777%; margin-bottom: 2.7777%; background-image: url(../img/sgtkjookey/ttl_bg_top.png), url(../img/sgtkjookey/ttl_bg_bottom.png); background-position: top left, bottom left; background-repeat: repeat-x; -webkit-background-size: 7px 8px, 7px 8px; background-size: 7px 8px, 7px 8px; padding: 2.7777% 0; color: #fff; text-align: center; font-size: 0.9375rem; }
@media screen and (min-width: 720px) { .ttl { font-size: 1.875rem; } }
.ttl-new { background-color: #ee9c00; }
.ttl-ranking { background-color: #a600ca; }
.ttl-pickup { background-color: #fe5186; }
.ttl-stamp { background-color: #00ac00; }
.ttl-column { background-color: #d27537; }
.ttl-movie { background-color: #d41d1d; }
.ttl-relation { background-color: #d7af7c; background-image: url(../img/sgtkjookey/ttl-single_bg_top.png), url(../img/sgtkjookey/ttl-single_bg_bottom.png); -webkit-background-size: 7px, 7px; background-size: 7px, 7px; color: #a44719; }
.ttl-home { margin-top: 8.3331%; }
.ttl-gacha { background-color: #fe5186; }

/* ----------------------------- heading
----------------------------- */
.heading { margin: 2.7777% auto 1.6666%; padding: 1px 0; width: 95.8333%; font-size: 0.875rem; text-align: center; }
@media screen and (min-width: 720px) { .heading { font-size: 1.75rem; } }
.heading-pickup { -webkit-border-radius: 4px; border-radius: 4px; background: #dfd0ef; color: #61155f; }
.heading-stamp { -webkit-border-radius: 4px; border-radius: 4px; background: #c9ef6d; color: #000; }
.heading-movieTtl { -webkit-border-radius: 4px; border-radius: 4px; background: #d41d1d; color: #fff; }
.heading-movieIndexttl { -webkit-border-radius: 4px; border-radius: 4px; background: #6275d5; color: #fff; }
.heading-tag { background: #ededed; color: #000; }
.heading-new { -webkit-border-radius: 4px; border-radius: 4px; background: #ee9c00; color: #4c2800; }
.btn_link + .heading { margin-top: 5.5554%; }

/* ----------------------------- headBnr
----------------------------- */
.headBnr { margin: 2.7777% auto; width: 90.2777%; font-size: 1.375rem;}
.headBnr_img { width: 100%; height: auto; }
.headBnr { font-size: 0.6875rem; }
@media screen and (min-width: 720px) { .headBnr { font-size: 1.375rem; } }

/* ----------------------------- headIcon
----------------------------- */
.headIcon { margin: 2.7777% auto 1.6666%; width: 90.2777%; }
.headIcon_txt { padding: 1.6666%; color: #fff; font-size: 0.875rem; }
@media screen and (min-width: 720px) { .headIcon_txt { font-size: 1.75rem; } }
.headIcon_txt-movie { background: #ed2677; }

/* ----------------------------- txt
----------------------------- */
.txt-homeNews { margin: 4.16655% auto 4.16655%; width: 95.8333%; font-size: 0.6875rem; }
@media screen and (min-width: 720px) { .txt-homeNews { font-size: 1.375rem; } }
.txt-homeNews dt { margin-bottom: .3em; font-size: 0.8125rem; text-align: center; }
@media screen and (min-width: 720px) { .txt-homeNews dt { font-size: 1.625rem; } }
.txt-stamp, .txt-stamphowto, .txt-moviehowto, .txt-movie { margin: 1.6666% auto 2.7777%; width: 90.2777%; font-size: 0.6875rem; text-align: center; }
@media screen and (min-width: 720px) { .txt-stamp, .txt-stamphowto, .txt-moviehowto, .txt-movie { font-size: 1.375rem; } }
.txt-stamphowto, .txt-moviehowto { font-size: 0.8125rem; }
@media screen and (min-width: 720px) { .txt-stamphowto, .txt-moviehowto { font-size: 1.625rem; } }
.txt-moviePlay { margin: 1.6666% auto; border: 1px solid #d9d9d9; box-sizing: border-box; background-color: #f2f2f2; padding: 1.6666%; width: 83.3333%; font-size: 0.875rem; }
@media screen and (min-width: 720px) { .txt-moviePlay { font-size: 1.75rem; } }

/* ----------------------------- btn
----------------------------- */
.btn_link { display: block; }
.btn_link-inner { position: relative; display: block; box-sizing: border-box; margin: 2.7777% auto; -webkit-border-radius: 5px; border-radius: 5px; padding: 2.49993% 0; width: 90.2777%; color: #fff; font-size: 1.125rem; text-align: center; -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); }
@media screen and (min-width: 720px) { .btn_link-inner { font-size: 2.25rem; } }
.btn_link-new { background-color: #45a7cd; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #45a7cd), color-stop(100%, #3295bc)); background-image: -webkit-linear-gradient(top, #45a7cd 0%, #3295bc 100%); background-image: linear-gradient(to bottom, #45a7cd 0%, #3295bc 100%); }
.btn_link-pickup { background-color: #fe5186; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fe5186), color-stop(100%, #dd0045)); background-image: -webkit-linear-gradient(top, #fe5186 0%, #dd0045 100%); background-image: linear-gradient(to bottom, #fe5186 0%, #dd0045 100%); }
.btn_link-stamp { background-color: #00ac00; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #67c567), color-stop(100%, #00ac00)); background-image: -webkit-linear-gradient(top, #67c567 0%, #00ac00 100%); background-image: linear-gradient(to bottom, #67c567 0%, #00ac00 100%); }
.btn_link-stampmore { background-color: #fd2e62; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fd2e62), color-stop(100%, #a00117)); background-image: -webkit-linear-gradient(top, #fd2e62 0%, #a00117 100%); background-image: linear-gradient(to bottom, #fd2e62 0%, #a00117 100%); }
.btn_link-column { background-color: #d27537; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d98a55), color-stop(100%, #bf672c)); background-image: -webkit-linear-gradient(top, #d98a55 0%, #bf672c 100%); background-image: linear-gradient(to bottom, #d98a55 0%, #bf672c 100%); }
.btn_link-movie { background-color: #d41d1d; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e64848), color-stop(100%, #c71c1c)); background-image: -webkit-linear-gradient(top, #e64848 0%, #c71c1c 100%); background-image: linear-gradient(to bottom, #e64848 0%, #c71c1c 100%); }
.btn_link-movieSub { background-color: #6275d5; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6275d5), color-stop(100%, #364ec9)); background-image: -webkit-linear-gradient(top, #6275d5 0%, #364ec9 100%); background-image: linear-gradient(to bottom, #6275d5 0%, #364ec9 100%); }

.btn-ranking { position: relative; display: block; box-sizing: border-box; margin: 2.7777% auto; background-color: #a600ca; padding: 1.49994% 0; width: 95.8333%; color: #fff; font-size: 1.125rem; text-align: center; cursor: pointer; }
@media screen and (min-width: 720px) { .btn-ranking { font-size: 2.25rem; } }
.btn-ranking:after { position: absolute; display: block; top: 30%; right: 20px; content: ""; border-right: 4px solid #fff; border-bottom: 4px solid #fff; width: 6px; height: 6px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.btn-ranking.close:after { position: absolute; display: block; top: 37%; right: 20px; content: ""; border-right: 4px solid #fff; border-bottom: 4px solid #fff; width: 6px; height: 6px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

/* ----------------------------- articleList
----------------------------- */
.articleList { margin: 2.7777% auto; overflow: hidden; width: 95.8333%; }
.articleList-typeB .articleList_item-medium:nth-of-type(2n) { margin-right: 1.4492%; }
.articleList-typeC .articleList_item-medium:nth-of-type(2n+1) { margin-right: 1.4492%; }
.articleList-typeD .articleList_item-medium:nth-of-type(2n+1), .articleList-relation .articleList_item-medium:nth-of-type(2n+1) { margin-right: 1.4492%; }
.articleList-typeE .articleList_item-medium:nth-of-type(2n) { margin-right: 1.4492%; }

.articleList_item .item_link { color: #000; }
.articleList_item .item_thumb { position: relative; }
.articleList_item .item_thumb .thumb_tagNew { position: absolute; top: 6px; left: 6px; background: #f00; padding: 3px; font-size: 0.6875rem; color: #fff; }
@media screen and (min-width: 720px) { .articleList_item .item_thumb .thumb_tagNew { font-size: 1.375rem; } }
.articleList_item .item_tag { -webkit-border-radius: 3px; border-radius: 3px; background: #999; padding: 2px 5px; color: #fff; text-align: center; line-height: 1; }
.articleList_item-large { margin-bottom: 2.7777%; position: relative; }
.articleList_item-large .thumb_img { width: 100%; min-height: 200px; }
.articleList_item-large .item_txt { position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); padding: 1.6666%; width: 100%; box-sizing: border-box; }
.articleList_item-large .item_txt .item_tag { font-size: 0.6875rem; }
@media screen and (min-width: 720px) { .articleList_item-large .item_txt .item_tag { font-size: 1.375rem; } }
.articleList_item-large .item_txt .item_ttl { font-size: 0.8125rem; color: #fff; }
@media screen and (min-width: 720px) { .articleList_item-large .item_txt .item_ttl { font-size: 1.625rem; } }
.articleList_item-large .item_txt .item_tag + .item_ttl { margin-top: 2.7777%; }
.articleList_item-medium { float: left; margin-bottom: 2.7777%; width: 49.2753%; /*+ .articleList_item-medium { margin-left: 1.4492%;
}
&:nth-last-child(2n) { margin-left: 0;
} */ }
.articleList_item-medium:nth-child(n+3):nth-last-child(-n+2) { margin-bottom: 0; }
.articleList_item-medium .item_thumb { margin-bottom: 1.6666%; }
.articleList_item-medium .thumb_img { width: 100%; min-height: 100px; }
.articleList_item-medium .item_tag { font-size: 0.5625rem; }
@media screen and (min-width: 720px) { .articleList_item-medium .item_tag { font-size: 1.125rem; } }
.articleList_item-medium .item_ttl { margin-top: 4.16655%; font-size: 0.6875rem; }
@media screen and (min-width: 720px) { .articleList_item-medium .item_ttl { font-size: 1.375rem; } }
.articleList_item-small:nth-child(n+2) { margin-top: 1.6666%; }
.articleList_item-small .item_link { position: relative; display: table; width: 100%; }
.articleList_item-small .item_link:after { position: absolute; display: block; top: 37%; right: 4px; content: ""; border-right: 4px solid #cbcdc4; border-bottom: 4px solid #cbcdc4; width: 6px; height: 6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.articleList_item-small .item_thumb, .articleList_item-small .item_txt { display: table-cell; vertical-align: top; }
.articleList_item-small .item_thumb { width: 34.7826%; }
.articleList_item-small .item_txt { padding-left: 2.7777%; padding-right: 5.5554%; }
.articleList_item-small .item_txt-ranking { padding-left: 36px; width: 65.2174%; }
.articleList_item-small .thumb_img { width: 100%; min-height: 71px; }
.articleList_item-small .item_tag { font-size: 0.5625rem; }
@media screen and (min-width: 720px) { .articleList_item-small .item_tag { font-size: 1.125rem; } }
.articleList_item-small .item_ttl { font-size: 0.6875rem; }
@media screen and (min-width: 720px) { .articleList_item-small .item_ttl { font-size: 1.375rem; } }
.articleList_item-small .item_tag + .item_ttl { margin-top: 2.7777%; }

.item_txt-ranking { background: url('../img/sgtkjookey/item_txt-ranking-sdb9e86c0b0.png') no-repeat; -webkit-background-size: 28px 2610px; background-size: 28px 2610px; }

.ranking_01 { width: 28px; height: 36px; background-position: 0 0; }

.ranking_02 { width: 28px; height: 36px; background-position: 0 -286px; }

.ranking_03 { width: 28px; height: 36px; background-position: 0 -572px; }

.ranking_04 { width: 28px; height: 36px; background-position: 0 -858px; }

.ranking_05 { width: 28px; height: 36px; background-position: 0 -1144px; }

.ranking_06 { width: 28px; height: 36px; background-position: 0 -1430px; }

.ranking_07 { width: 28px; height: 36px; background-position: 0 -1716px; }

.ranking_08 { width: 28px; height: 36px; background-position: 0 -2002px; }

.ranking_09 { width: 28px; height: 36px; background-position: 0 -2288px; }

.ranking_10 { width: 28px; height: 36px; background-position: 0 -2574px; }

/* ----------------------------- stampList
----------------------------- */
.stampList { overflow: hidden; margin: 2.7777% auto; width: 71.9444%; text-align: center; }

.stampList_item { float: left; margin-bottom: 8.3331%; width: 46.332%; }
.stampList_item:last-child, .stampList_item:nth-last-child(2):nth-child(2n+1) { margin-bottom: 0; }
.stampList_item:nth-child(2n+1) { margin-right: 7.3359%; }
.stampList_item-new { background: url(../img/sgtkjookey/stamp_new.gif) no-repeat left top; -webkit-background-size: 50px, 50px; background-size: 50px, 50px; padding-top: 50px; }
.stampList_item-new + .stampList_item:nth-child(4) { padding-top: 50px; }
.stampList_item .item_img { width: 100%; min-height: 107px; }
.stampList_item .item_btn { position: relative; display: block; box-sizing: border-box; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); margin: 8.3331% auto 0; -webkit-border-radius: 4px; border-radius: 4px; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #67c567), color-stop(100%, #0bac0b)); background-image: -webkit-linear-gradient(top, #67c567 0%, #0bac0b 100%); background-image: linear-gradient(to bottom, #67c567 0%, #0bac0b 100%); padding: 1.49994% 0; width: 91.6666%; color: #fff; font-size: 0.875rem; text-align: center; }
@media screen and (min-width: 720px) { .stampList_item .item_btn { font-size: 1.75rem; } }

/* ----------------------------- pagination
----------------------------- */
.pagination { position: relative; overflow: hidden; margin: 4.16655% 1.6666% 5.5554%; padding-top: 5.5554%; background: url(../img/sgtkjookey/line_gray.png) repeat-x left top; -webkit-background-size: 7px, 5px; background-size: 7px, 5px; }
.pagination_list { position: relative; left: 50%; float: left; }
.pagination_list-around { width: 74.4444%; }
.pagination_item { position: relative; left: -50%; float: left; border: #d9d9d9 1px solid; }
.pagination_item + .pagination_item { margin-left: 0.2em; }
.pagination_item-more { border: none; }
.pagination_item-next:first-child:last-child { float: right; }
.pagination_item-prev + .pagination_item-next { float: right; }
.pagination_txt { font-size: 0.875rem; }
@media screen and (min-width: 720px) { .pagination_txt { font-size: 1.75rem; } }
.pagination_txt-current { display: block; padding: 0.4em 0.8em; }
.pagination_txt-more { padding: 0 0.3em; }
.pagination_link { display: block; padding: 0.4em 0.8em; color: #0000ef; white-space: nowrap; }
.pagination_link-prev:before { content: "<"; }
.pagination_link-next:after { content: ">"; }

/* ----------------------------- movieList
----------------------------- */
.movieList { margin: 2.7777% auto; overflow: hidden; width: 95.8333%; }
.movieList_item { width: 100%; }
.movieList_item:nth-child(n+2) { margin-top: 1.6666%; }
.movieList_item:not(:last-child) { margin-bottom: 1.6666%; }
.movieList_link { display: table; width: 100%; position: relative; color: #000; }
.movieList_link:after { position: absolute; display: block; top: 37%; right: 4px; content: ""; border-right: 4px solid #cbcdc4; border-bottom: 4px solid #cbcdc4; width: 6px; height: 6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.movieList_thumb, .movieList_ttl { display: table-cell; vertical-align: middle; }
.movieList_thumb { width: 34.7826%; }
.movieList_thumb .thumb_img { width: 100%; min-height: 60px; }
.movieList_ttl { display: table-cell; padding-left: 2.7777%; padding-right: 5.5554%; font-size: 0.8125rem; width: 65.2174%; box-sizing: border-box; }
@media screen and (min-width: 720px) { .movieList_ttl { font-size: 1.625rem; } }

/* ----------------------------- castTtl
----------------------------- */
.castTtl { display: table; margin: 2.7777% auto; background-color: #e8e8e8; box-sizing: border-box; background-image: url(../img/sgtkjookey/bg_jaggy_top.png), url(../img/sgtkjookey/bg_jaggy_right.png), url(../img/sgtkjookey/bg_jaggy_bottom.png), url(../img/sgtkjookey/bg_jaggy_left.png); background-position: top left, top right, bottom left, top left; background-repeat: repeat-x, repeat-y, repeat-x, repeat-y; background-size: 7px 4px, 4px 7px, 7px 4px ,4px 7px; padding: 2.7777%; width: 83.3333%; }
.castTtl_thumb, .castTtl_txt { display: table-cell; vertical-align: middle; }
.castTtl_thumb { width: 16%; }
.castTtl_thumb .thumb_img { width: 100%; height: auto; }
.castTtl_txt { padding-left: 5.5554%; padding-right: 2.7777%; font-size: 0.8125rem; }
@media screen and (min-width: 720px) { .castTtl_txt { font-size: 1.625rem; } }
.castTtl_info { margin-top: 0; margin-bottom: 0; }
.castTtl_name { margin-bottom: 0.3em; }
.castTtl_ttl { margin-top: 0; margin-bottom: 0; font-size: 0.875rem; }
@media screen and (min-width: 720px) { .castTtl_ttl { font-size: 1.75rem; } }
.castTtl_attr { font-size: 0.75rem; }
@media screen and (min-width: 720px) { .castTtl_attr { font-size: 1.5rem; } }

/* ----------------------------- castList
----------------------------- */
.castList { margin: 2.7777% auto; background: url(../img/sgtkjookey/line_gray.png) repeat-x left top; -webkit-background-size: 7px, 5px; background-size: 7px, 5px; width: 95.8333%; }
.castList_item { display: table; background: url(../img/sgtkjookey/line_gray.png) repeat-x left bottom; -webkit-background-size: 7px, 5px; background-size: 7px, 5px; width: 100%; }
.castList_item:first-child { padding-top: 5px; }
.castList_link { position: relative; display: block; color: #000; }
.castList_link:after { position: absolute; display: block; top: 37%; right: 4px; content: ""; border-right: 4px solid #cbcdc4; border-bottom: 4px solid #cbcdc4; width: 6px; height: 6px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.castList_thumb, .castList_txt { display: table-cell; vertical-align: middle; }
.castList_thumb { width: 14.7692%; }
.castList_thumb .thumb_img { width: 100%; height: auto; }
.castList_txt { padding-left: 2.7777%; padding-right: 5.5554%; font-size: 0.8125rem; }
@media screen and (min-width: 720px) { .castList_txt { font-size: 1.625rem; } }
.castList_info { margin-top: 2.7777%; margin-bottom: 3.5469%; }
.castList_name { margin-bottom: 0.3em; font-size: 0.875rem; }
@media screen and (min-width: 720px) { .castList_name { font-size: 1.75rem; } }
.castList_attr { font-size: 0.75rem; }
@media screen and (min-width: 720px) { .castList_attr { font-size: 1.5rem; } }

/* ----------------------------- moviePagination
----------------------------- */
.moviePagination { margin: 2.7777% auto 8.3331%; width: 95.8333%; overflow: hidden; }
.moviePagination_item { border: 1px solid #cdcdcd; width: 95%; }
.moviePagination_item-prev { float: left; }
.moviePagination_item-next { float: right; }
.moviePagination_item + .moviePagination_item { margin-top: 1.6666%; }
.moviePagination_link { display: table; width: 100%; color: #000; }
.moviePagination_direction, .moviePagination_thumb, .moviePagination_ttl { display: table-cell; vertical-align: middle; }
.moviePagination_direction { position: relative; background: #ccc; padding-right: 0.5em; padding-left: 0.5em; color: #fff; white-space: nowrap; font-size: 0.6875rem; }
@media screen and (min-width: 720px) { .moviePagination_direction { font-size: 1.375rem; } }
.moviePagination_direction-prev:before { content: "<"; }
.moviePagination_direction-next:after { content: ">"; }
.moviePagination_thumb { width: 34.7826%; }
.moviePagination_thumb .thumb_img { width: 100%; height: auto; }
.moviePagination_ttl { padding: 0 1.6666%; font-size: 0.8125rem; }
@media screen and (min-width: 720px) { .moviePagination_ttl { font-size: 1.625rem; } }

/* ----------------------------- articleItem
----------------------------- */
.articleItem { margin: 2.7777% auto; width: 95.8333%; }
.articleItem_ttl { margin: 5.5554% auto 4.16655%; width: 95.8333%; font-size: 1.125rem; color: #454545; }
@media screen and (min-width: 720px) { .articleItem_ttl { font-size: 2.25rem; } }
.articleItem_image { margin-top: 2.7777%; margin-bottom: 2.7777%; }
.articleItem_img { width: 100%; height: auto; }
.articleItem_txt { margin: 2.7777% auto 1.6666%; font-size: 0.875rem; color: #454545; }
@media screen and (min-width: 720px) { .articleItem_txt { font-size: 1.75rem; } }
.articleItem_infoItem { margin-bottom: 0; font-size: 0.75rem; }
@media screen and (min-width: 720px) { .articleItem_infoItem { font-size: 1.5rem; } }
.articleItem_infoItem + .articleItem_infoItem { margin-top: 2%; }
.articleItem .infoItem_link-tag:not(:last-child):after { content: ","; margin-right: 5px; padding-left: 1px; }

.article_canvas li.articleItem_infoItem { margin-bottom: 0; }

/* ----------------------------- movieItem
----------------------------- */
.movieItem + .movieItem { margin-top: 11.1108%; }

.movieItem { margin: 2.7777% auto 5.5554%; /* width: $width_01; */ }
.movieItem_ttl { margin-right: auto; margin-left: auto; margin-bottom: 2.7777%; width: 90.2777%; font-size: 0.75rem; }
@media screen and (min-width: 720px) { .movieItem_ttl { font-size: 1.5rem; } }
.movieItem_view { margin: 0 auto; text-align: center; }
.movieItem_view video { left: 0; }
.movieItem_view .alfplayer { margin-right: auto !important; margin-left: auto !important; }
.movieItem_program, .movieItem_cast { margin-right: auto; margin-left: auto; width: 90.2777%; font-size: 0.6875rem; }
@media screen and (min-width: 720px) { .movieItem_program, .movieItem_cast { font-size: 1.375rem; } }
.movieItem_program { margin-top: 2.7777%; margin-bottom: 1.6666%; }
.movieItem_cast { line-height: 1.56; }
.movieItem_cast .movieItem_link:not(:last-child):after { content: ","; margin-right: 5px; padding-left: 1px; }
.movieItem_link { color: #0000ef; }
.movieItem_description { margin: 2.7777% auto; width: 90.2777%; font-size: 0.875rem; }
@media screen and (min-width: 720px) { .movieItem_description { font-size: 1.75rem; } }

/* ----------------------------- bnrList
----------------------------- */
.bnrList { text-align: center; }
.bnrList-stamp { margin: 5.5554% auto 2.7777%; width: 83.3333%; }
.bnrList-stamp .bnrList_item .item_img { width: 100%; height: auto; }
.bnrList-stamp .bnrList_item + .bnrList_item { margin-top: 1.6666%; }
.bnrList-movie { margin: 1.6666% auto 2.7777%; width: 90.2777%; }
.bnrList-movie .bnrList_item .item_img { width: 100%; height: auto; }
.bnrList-movie .bnrList_item + .bnrList_item { margin-top: 1.6666%; }

/* ----------------------------- mypageRegist
----------------------------- */
.mypageRegist { margin: 1.6666% auto 2.7777%; width: 93.0555%; text-align: center; box-sizing: border-box; background-image: url(../img/sgtkjookey/bg_jaggy_top.png), url(../img/sgtkjookey/bg_jaggy_right.png), url(../img/sgtkjookey/bg_jaggy_bottom.png), url(../img/sgtkjookey/bg_jaggy_left.png); background-position: top left, top right, bottom left, top left; background-repeat: repeat-x, repeat-y, repeat-x, repeat-y; background-size: 7px 4px, 4px 7px, 7px 4px ,4px 7px; padding: 2.7777% 1.6666%; }
.mypageRegist-home { background-color: #79e035; }
.mypageRegist-column { background-color: #edb482; }
.mypageRegist-new { background-color: #f2cc00; }
.mypageRegist-pickup { background-color: #ffa3c5; }
.mypageRegist-tag { background-color: #cedcf1; }
.mypageRegist-series { background-color: #b9a7ec; }
.mypageRegist-stamp { background-color: #7be685; }
.mypageRegist-movie { background-color: #a5d9ee; }
.mypageRegist-tag { background-color: #cedcf1; }
.mypageRegist-articleView { background-color: #f3dcb4; padding-right: 2.7777%; padding-left: 2.7777%; }
.mypageRegist-bgnone { padding: 0; background: none; }
.mypageRegist-bgnone .mypageRegist_bnr { max-width: 100%; height: auto; }
.mypageRegist-bgnone-nomargin { margin-right: 0; margin-left: 0; padding: 0; width: 100%; background: none; }
.mypageRegist-bgnone-nomargin .mypageRegist_bnr { max-width: 100%; height: auto; }
.mypageRegist_txt { margin-top: 0; margin-bottom: 0.2em; font-size: 1.125rem; text-shadow: 2px 0px 1px #fff, 1px 1px 1px #fff, 0px 2px 1px #fff, -1px 1px 1px #fff, -2px 0px 1px #fff, -1px -1px 1px #fff, 0px -2px 1px #fff; font-weight: bold; }
@media screen and (min-width: 720px) { .mypageRegist_txt { font-size: 2.25rem; } }
.mypageRegist_txt span { color: #d8026f; }
.mypageRegist_txt .txt_img { width: 66.5671%; height: auto; }
.mypageRegist_txt-articleView { display: table-cell; margin-bottom: 0; padding-left: 2.7777%; vertical-align: middle; text-align: left; }
.mypageRegist_infoItem { display: table; margin-bottom: 0.5em; width: 100%; }
.mypageRegist_thumb { display: table-cell; width: 36.923%; vertical-align: middle; }
.mypageRegist_img { width: 100%; height: auto; }
.mypageRegist_btn p { margin: 0 auto; }
.btn_link + .mypageRegist { margin-top: 5.5554%; }

/* ----------------------------- appDl
----------------------------- */
.appDl { margin: 5.5554% auto 2.7777%; -webkit-border-radius: 6px; border-radius: 6px; background: #b79fcb; box-sizing: border-box; padding: 2.7777%; width: 93.0555%; text-align: center; }
.appDl_btn img { width: 100%; height: auto; }
.appDl_notes { margin-top: 0.5em; font-size: 0.6875rem; text-align: right; }
@media screen and (min-width: 720px) { .appDl_notes { font-size: 1.375rem; } }
.appDl-bgnone { margin-bottom: 2.7777%; background: none; padding-right: 2.7777%; padding-left: 2.7777%; }
.appDl-bgnone img { width: 100%; height: auto; }

 /*
.appDl { margin: $gutter_largest auto $gutter_exlargest; @include border-radius(3px); background: #ffecec; box-sizing: border-box; padding: $gutter; width: 93.0555%; text-align: center; &_desc { margin: $gutter auto; width: 97.01492%; display: table; } &_ico { display: table-cell; width: 17.8461%; vertical-align: middle; .icon_img { width: 100%; height: auto; } } &_txt { display: table-cell; padding-left: $gutter_large; @include v_fontsize($fontsize_common_11px); text-align: left; vertical-align: middle; } &_btn { margin-top: 0.597%; .btn_link { display: block; background: url(../img/sgtkjookey/appDL_btn.png) no-repeat center top; @include background-size(100%, auto); @include mq_tab { @include background-size(670px, auto); } padding: $gutter*2.8 0 $gutter*2.8; @media screen and (min-width: 376px) { padding-bottom: $gutter*3.7; } @media screen and (min-width: 510px) { padding-top: $gutter*3.7; padding-bottom: $gutter*3.7; } @include mq_tab { padding: 30px 0 32px; } @include v_fontsize($fontsize_18px); color: $text_bgsolid_color; } }
}*/
/* ----------------------------- catch
----------------------------- */
.catch-movie { margin: 2.7777% auto -1.6666%; width: 95.8333%; color: #d41d1d; font-size: 0.875rem; }
@media screen and (min-width: 720px) { .catch-movie { font-size: 1.75rem; } }

/* ----------------------------- bnr
----------------------------- */
.bnr { margin: 2.7777% auto; text-align: center; }
.bnr-responsive { width: 90.2777%; }
.bnr-responsive .bnr_image { width: 100%; height: auto; }

/* ----------------------------- hr_line
----------------------------- */
.hr_line { margin: 4.16655% auto; border: none; background: url(../img/sgtkjookey/line_gray.png) repeat-x left top; -webkit-background-size: 7px, 5px; background-size: 7px, 5px; width: 95.8333%; height: 5px; }

.tab { position: relative; height: 42px; }

.tab02 { position: relative; height: 42px; z-index: 1; }

.tab_line01 { position: absolute; left: 0px; bottom: 0px; border-top: 2px solid #fbb9ba; width: 100%; height: 0px; }

.tabL01 { position: absolute; left: 10px; top: 0px; margin: 0px auto; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #cccccb; background: #d6e939; text-align: center; height: 40px; width: 44%; }

.tabL01 a { color: #ffffff; text-decoration: none; display: block; font-size: 16px; height: 40px; line-height: 40px; text-shadow: 0px 0px 1px #fff9ef; -webkit-text-shadow: 0px 0px 1px #fff9ef; display: block; }

.tabR01 { position: absolute; right: 10px; top: 0px; margin: 0px auto; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #cccccb; background: #efc94a; text-align: center; height: 40px; width: 44%; }

.tabR01 a { color: #ffffff; text-decoration: none; display: block; font-size: 16px; height: 40px; line-height: 40px; text-shadow: 0px 0px 1px #fff9ef; -webkit-text-shadow: 0px 0px 1px #fff9ef; }

.tab_line02 { position: absolute; left: 0px; bottom: 0px; border-bottom: 2px solid #99d0e4; width: 100%; height: 2px; }

.tabL02 { position: absolute; left: 10px; top: 0px; border-top: 2px solid #99d0e4; border-left: 2px solid #99d0e4; border-right: 2px solid #99d0e4; background: #6dbdd8; text-align: center; height: 40px; width: 44%; border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px; margin: 0px auto; box-shadow: 0px 0px 1px #b6b5b5; -webkit-box-shadow: 0px 0px 1px #b6b5b5; }

.tabL02 a { color: #ffffff; text-decoration: none; display: block; font-size: 16px; height: 40px; line-height: 40px; text-shadow: 0px 0px 1px #fff9ef; -webkit-text-shadow: 0px 0px 1px #fff9ef; }

.tabR02 { position: absolute; right: 10px; top: 0px; border-top: 2px solid #e5e5e5; border-left: 2px solid #e5e5e5; border-right: 2px solid #e5e5e5; background: #fefefe; text-align: center; height: 40px; width: 44%; border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px; margin: 0px auto; box-shadow: 0px 0px 1px #b6b5b5; -webkit-box-shadow: 0px 0px 1px #b6b5b5; }

.tabR02 a { color: #464646; text-decoration: none; display: block; font-size: 16px; height: 40px; line-height: 40px; text-shadow: 0px 0px 1px #ffffff; -webkit-text-shadow: 0px 0px 1px #ffffff; }

#kensaku_area { position: relative; width: 100%; display: none; z-index: 10; }

#kensaku_areain { position: absolute; width: 100%; left: 0px; top: 0px; }

#sel_bt01 { position: relative; margin-top: 2.7777%; padding-right: 10px; padding-left: 10px; height: 47px; }
#sel_bt01:after { content: ""; display: table; clear: both; }

#sel_bt01 li { position: relative; }

#sel_bt01 li a { position: absolute; display: block; -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid #d9d9d8; padding-top: 10px; padding-bottom: 10px; width: 47%; text-align: center; color: #fff; }
#sel_bt01 li a.onTab { z-index: 11; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; border-bottom: none; padding-bottom: 17px; color: #000; }

#sel_bt01 #cast { left: 0; background: #c0ce25; }

#sel_bt01 #mov { right: 0; background: #efc94a; }

#sel_bt02 { border-top: 2px solid #d9d9d8; padding: 10px; }
#sel_bt02:after { content: ""; display: table; clear: both; }

#sel_bt02 li { float: left; display: inline; width: 18%; height: 33px; margin-bottom: 7px; }

#sel_bt02 li a { display: block; color: #fff; font-size: 15px; text-decoration: none; border: 1px solid #e0e3c5; border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px; box-shadow: 0px 1px 2px #b57474; -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); height: 33px; display: -moz-box; display: -webkit-box; -moz-box-align: center; -webkit-box-align: center; -moz-box-pack: center; -webkit-box-pack: center; }

#sel_bt02 li:nth-child(1) { padding: 0px 2% 0px 0px; }

#sel_bt02 li:nth-child(2) { padding: 0px 2% 0px 0px; }

#sel_bt02 li:nth-child(3) { width: 20%; }

#sel_bt02 li:nth-child(4) { padding: 0px 0px 0px 2%; }

#sel_bt02 li:nth-child(5) { margin-right: 0px; padding: 0px 0px 0px 2%; }

#sel_bt02 li:nth-child(6) { padding: 0px 2% 0px 0px; }

#sel_bt02 li:nth-child(7) { padding: 0px 2% 0px 0px; }

#sel_bt02 li:nth-child(8) { width: 20%; }

#sel_bt02 li:nth-child(9) { padding: 0px 0px 0px 2%; }

#sel_bt02 li:nth-child(10) { margin-right: 0px; padding: 0px 0px 0px 2%; }

#sel_bt02 li:nth-child(n+6) { margin-bottom: 0px; }

#ans { padding-right: 10px; background: url(../img/ti_back01.png) 0px 0px repeat; background-size: 2px 4px; -webkit-background-size: 2px 4px; }

#ans a { padding: 10px 0px 10px 10px; color: #464646; font-size: 16px; display: block; text-decoration: none; }

#box02_3 li { background: #fafafa; }

#box02_3 li + li { border-top: 1px solid #e5e5e5; }

#box02_3 .txt01 { padding-left: 15px; color: #787878; }

#box02_3 .kana_all a { display: table; padding: 10px; width: 100%; box-sizing: border-box; }
#box02_3 .kana_all a:after { content: ""; display: table; clear: both; }

#box02_3 .kana_all .acent02, #box02_3 .kana_all .boxin02 { display: table-cell; vertical-align: top; }

#box02_3 .img_rad_newin { -webkit-border-radius: 5px; border-radius: 5px; }

#box02_3 .in02 { position: absolute; left: -1px; top: -1px; height: 57px; width: 57px; }

#close { border-bottom: 2px solid #d9d9d9; border-top: 2px solid #d9d9d9; padding: 8px 0px; }

#close_btn { border: 2px solid #fafafa; border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px / 5px 5px 5px 5px; width: 74px; padding: 0px 6px 0px 10px; height: 37px; margin: 0px auto; }

#close_btn a { color: #ffffff; font-size: 14px; text-decoration: none; display: block; line-height: 37px; width: 100%; }

.castItem #sel_bt02 { background: #c0ce25; }
.castItem #sel_bt02 li a { background: #89ad04; }
.castItem #sel_bt02 li a.onTab { background: #fff; color: #464646; }
.castItem #ans a { background: url(../img/sgtkjookey/movieList_cast_listclose_icon.png) right center no-repeat; -webkit-background-size: 16px, 16px; background-size: 16px, 16px; }
.castItem #ans a.minus { background: url(../img/sgtkjookey/movieList_cast_listclose_icon.png) right center no-repeat; -webkit-background-size: 16px, 16px; background-size: 16px, 16px; }
.castItem #ans a.plus { background: url(../img/sgtkjookey/movieList_cast_listopen_icon.png) right center no-repeat; -webkit-background-size: 16px, 16px; background-size: 16px, 16px; }
.castItem #close { background: #c0ce25; }
.castItem #close_btn a { background: url(../img/sgtkjookey/movieList_cast_close_icon.png) right center no-repeat; -webkit-background-size: 16px, 16px; background-size: 16px, 16px; }

.movItem #sel_bt02 { background: #efc94a; }
.movItem #sel_bt02 li a { background: #ed7d31; }
.movItem #sel_bt02 li a.onTab { background: #fff; color: #464646; }
.movItem #ans a { background: url(../img/sgtkjookey/movieList_mov_listclose_icon.png) right center no-repeat; -webkit-background-size: 16px, 16px; background-size: 16px, 16px; }
.movItem #ans a.minus { background: url(../img/sgtkjookey/movieList_mov_listclose_icon.png) right center no-repeat; -webkit-background-size: 16px, 16px; background-size: 16px, 16px; }
.movItem #ans a.plus { background: url(../img/sgtkjookey/movieList_mov_listopen_icon.png) right center no-repeat; -webkit-background-size: 16px, 16px; background-size: 16px, 16px; }
.movItem #close { background: #efc94a; }
.movItem #close_btn a { background: url(../img/sgtkjookey/movieList_mov_close_icon.png) right center no-repeat; -webkit-background-size: 16px, 16px; background-size: 16px, 16px; }

#kiji, #osusume { position: relative; z-index: 10; }



.hide_on_yoshi-toku {
    display: none;
}

#gachaAnimationContent,
#gachaResult
{
    display: none;
}

.gachaMypage,
#gachaContent {
    text-align: center;
}

.gachaMypage .photoBox,
#gachaContent .photoBox,
.idolgacha .photoBox {
    margin-bottom: 15px;
    text-align: center;
}

img#gachaAnimationContent,
.gachaMypage .photoBox img,
#gachaContent .photoBox img,
.idolgacha .photoBox img {
    max-width: 100%;
    height: auto;
}

.gachaMypage .performers ,
#gachaContent .performers {
    margin-bottom: 10px;
}
.gachaMypage .performers span a,
#gachaContent .performers span a,
.idolgacha .performers span a {
    color: #ef8093;
}
.gachaMypage .descriptionBox,
#gachaContent .descriptionBox{
    margin-bottom: 20px;
}

.pinkpager {
    text-align: center;
}
.pinkpager .inner {
    position: relative;
    margin: 0 auto;
    width: 300px;
}
.pinkpager .prev {
    position: absolute;
    left: 20px;
    top: 25%;
}
.pinkpager .next {
    position: absolute;
    right: 20px;
    top: 25%;
}
.numberBox {
    overflow: hidden;
}
.numberBox ul {
    position: relative;
    left: 50%;
    float: left;
}
.numberBox ul li {
    position: relative;
    left: -50%;
    float: left;
    padding: 10px;
}
.numberBox .number {
    background: #ef8093;
}
.numberBox li:first-child {
    border-radius: 5px 0 0 5px;
}
.numberBox li:last-child {
    border-radius: 0 5px 5px 0;
}
.numberBox .number a {
    color: #fff;
}
.numberBox .active {
    position: relative;
}
.numberBox .active {
    color: #ef8093;
}
.numberBox .active {
    background: #ef8093 url(../img/gacha/bg_pager_active.png) no-repeat center center;
    background-size: 23px 23px;
    -webkit-background-size: 23px 23px;
}
.pinkpager .prev a, .pinkpager .next a {
    color: #ef8093;
}
.pinkpager .prev a:before {
    position: absolute;
    top: 20%;
    left: -15px;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-top: solid 6px transparent;
    border-right: solid 6px #ef8093;
    border-bottom: solid 6px transparent;
    border-left: solid 6px transparent;
}
.pinkpager .next a:after {
    position: absolute;
    top: 20%;
    right: -15px;
    display: block;
    content: '';
    width: 0;
    height:0;
    border-top: solid 6px transparent;
    border-right: solid 6px transparent;
    border-bottom: solid 6px transparent;
    border-left: solid 6px #ef8093;
}
.idolgacha .series {
    border-top: 2px solid #f7bfc9;
    border-bottom: 2px solid #f7bfc9;
    background: url(../img/gacha/series_bg.png) repeat left top;
    background-size: 32px 32px;
    padding-top: 8px;
    padding-bottom: 10px;
}
.idolgacha .album {
    position: relative;
    border-top: 2px solid #f7bfc9;
    background: url(../img/gacha/album_bg.png) repeat left top;
    background-size: 32px 32px;
    padding-top: 8px;
    padding-bottom: 10px;
    text-align: center;
}
.idolgacha .ttl {
    margin-bottom: 10px;
    background: rgba(44,158,218,0.8);
    padding: 8px 0;
    text-align: center;
}
.idolgacha .album .ttl .date {
    display: block;
    color: #fff;
}
.idolgacha .album .ttl .seriesname {
    color: #fff100;
    font-size: 2rem;
}
.idolgacha .album .albumTtl {
    margin-bottom: 10px;
    background: rgba(44,158,218,0.8);
    padding: 8px 0;
    text-align: center;
    display: table;
    width: 100%;
}
.idolgacha .album .albumTtl li {
    display: table-cell;
    vertical-align: middle;
}
.idolgacha .album .albumTtl .pager {
    width: 19px;
}
.idolgacha .album .albumTtl .pagerPrev {
    padding-left: 10px;
}
.idolgacha .album .albumTtl .pagerNext {
    padding-right: 10px;
}
.idolgacha .album .albumTtl .date {
    display: block;
    color: #fff;
    font-size: 1.4rem;
}
.idolgacha .album .albumTtl .seriesname {
    color: #fff100;
    font-size: 2rem;
}
.idolgacha .contentArea {
    background: #fff;
    padding-bottom: 10px;
}
.idolgacha .seriesList {
    padding: 0 15px;
}
.idolgacha .seriesList li {
    display: table;
    width: 100%;
}
.idolgacha .seriesList li+li {
    border-top: 1px solid #898989;
}
.idolgacha .seriesList li .thumb, .idolgacha .seriesList li .txt {
    display: table-cell;
}
.idolgacha .seriesList li .thumb, .idolgacha .thumbList li .thumb {
    position: relative;
    border-radius: 4px;
    border: #ef8093 2px solid;
    width: 76px;
    height: 76px;
    overflow: hidden;
}
.idolgacha .seriesList li .thumb img , .idolgacha .thumbList li .thumb img {
    position: absolute;
    top: -10%;
    left: 0;
    height: 120px;
    width: auto;
}
.idolgacha .seriesList li .thumb .img_portrait , .idolgacha .thumbList li .thumb .img_portrait {
    position: absolute;
    top: -10px;
    left: 0;
    height: auto;
    width: 80px;
}
.idolgacha .seriesList li .thumb .img_landscape , .idolgacha .thumbList li .thumb .img_landscape {
    position: absolute;
    top: 0;
    left: -10px;
    height: 80px;
    width: auto;
}
.idolgacha .seriesList li .thumb .img_landscape_l , .idolgacha .thumbList li .thumb .img_landscape_l {
    position: absolute;
    top: 0;
    left: -30px;
    height: 80px;
    width: auto;
}
.idolgacha .seriesList li .thumb .img_landscape_m , .idolgacha .thumbList li .thumb .img_landscape_m {
    position: absolute;
    top: 0;
    left: -20px;
    height: 80px;
    width: auto;
}
.idolgacha .seriesList li .thumb .img_square , .idolgacha .thumbList li .thumb .img_square {
    width: 80px;
    height: 80px;
}
.idolgacha .seriesList li .thumb+.txt {
    padding-left: 20px;
}
.idolgacha .seriesList li .txt .date {
    position: relative;
    padding-left: 1.2em;
    background: url(../img/gacha/icon_seriesdate.png) no-repeat left 30%;
    background-size: 16px 16px;
    color: #666;
}
.idolgacha .seriesList li .txt .seriesname {
    color: #ff7baa;
    /* font-size: 1.8rem; */
    /* line-height: 1.2; */
    margin: 0;
}
.idolgacha .seriesList li a {
    display: block;
    padding: 12px 0;
}
.idolgacha .album .albumpager .prev {
    position: absolute;
    top: 30px;
    left: 10px;
}
.idolgacha .album .albumpager .next {
    position: absolute;
    top: 30px;
    right: 10px;
}
.idolgacha .thumbList {
    margin: 0 auto;
    padding-top: 10px;
    padding-left: 10px;
    width: 310px;
}
.idolgacha .thumbList li {
    float: left;
    margin-right: 3px;
    margin-bottom: 10px;
    width: 99px;
    text-align: center;
}
.idolgacha .thumbList li:nth-child(3n+1) {
    clear: both;
}
.idolgacha .thumbList .thumb {
    margin: 0 auto;
}
.idolgacha .thumbList .txt {
    color: #666;
    font-size: 1.2rem;
}
.idolgacha .thumbList .txt .groupname {
    margin-top: 0.3em;
}
.idolgacha .thumbList .nophoto .thumb {
    background: #ffb0cc;
}
.idolgacha .thumbList .nophoto .thumb img {
    position: relative;
    top: 3px;
    left: 0;
    width: 70px;
    height: auto;
    text-align: center;
}
.idolgacha .album .listlink {
    margin-top: 12px;
}
.idolgacha .album .gachalink {
    margin-top: 15px;
}
.idolgacha .album .photoBox {
    padding-top: 10px;
}
.idolgacha .album .performers {
    padding-bottom: 15px;
}
.idolgacha .album .performers li:first-child:nth-last-child(1) {
    width: 100%;
}
.idolgacha .album .performers li:first-child:nth-last-child(n+2),
.idolgacha .album .performers li:first-child:nth-last-child(n+2) ~ li {
    float: left;
    width: 50%;
}
.idolgacha .album .performers li:nth-child(n+3) {
    margin-top: 0.3em;
}
.idolgacha .btnAlbumlink {
    margin: 30px auto 0;
    padding-bottom: 10px;
    width: 300px;
}
.idolgacha .album .photopager {
    position: relative;
    height: 30px;
}
.idolgacha .album .photopager li a {
    color: #ef8093;
}
.idolgacha .album .photopager .prev a:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "<";
}
.idolgacha .album .photopager .prev {
    position: absolute;
    left: 10px;
    top: -1px;
    padding-left: 0.8em;
}
.idolgacha .album .photopager .next {
    position: absolute;
    right: 10px;
    top: -1px;
    padding-right: 0.8em;
}
.idolgacha .album .photopager .next a:after {
    position: absolute;
    right: 0;
    top: 0;
    content: ">";
}

.gachabnr {
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
}

.cf { zoom: 1; }
.cf:after { content: ""; display: block; clear: both; }

.gacha_txt_blinking {
    margin-top: 20px;
    -webkit-animation: blink 1s ease-in-out infinite alternate;
    animation: blink 1s ease-in-out infinite alternate;
    color: red;
}
@-webkit-keyframes blink {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes blink {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

/* .gachabnr a {
    display: block;
    text-align: center;
}

.gachabnr a img {
    display: block;
} */

.sgtkContents {
  max-width:1200px;
  line-height: 1.5;
  padding: 10px;
  margin: 2em auto;
}