/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
 *  display:flexを使用した中央配置
 */

/*
 *  ブレイクポイント
 */

/*
 *  要素からはみ出したテキストを...で省略（複数行不可）
 */

/*
 *  display:flexを使用した中央配置
 */

/*
 *  ブレイクポイント
 */

/*
 *  要素からはみ出したテキストを...で省略（複数行不可）
 */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	text-decoration: none;
}

*,
*:before,
*:after {
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.u-mb--15 {
	margin-bottom: 15px !important;
}

.u-mb--20 {
	margin-bottom: 20px !important;
}

.u-mb--30 {
	margin-bottom: 30px !important;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* fix colors */

/* break points */

/* max width */

/* thumb shrink */

/* gnav broken */

/* tablet */

/* SmartPhone */

/* for .common-menu-member */

/* for width 320px resolution */

/* -------------------------
	general
 ------------------------- */

*,
*:before,
*:after {
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 62.5%;
	height: 100%;
}

body {
	background-position: top center;
	background-repeat: no-repeat;
	color: #343434;
	font-family: Arial, 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 1.6rem;
	height: 100%;
}

img {
	pointer-events: none;
}

a:link {
	color: #343434;
}

a:visited {
	color: #343434;
}

a:hover {
	color: #343434;
}

a:active {
	color: #343434;
}

/* -------------------------
	styles
 ------------------------- */

.common-wrapper {
	padding-top: 74px;
}

.common-wrapper.heightFull {
	height: 100%;
}

.common-box-ad-landscape {
	background: #eee;
	height: 90px;
	margin: 0 auto;
	margin-top: 2rem;
	width: 728px;
}

.common-box-ad {
	background: #cbcbcb;
	height: 250px; /* モック用。本番時は削除 */
	margin-bottom: 3.6rem; /* モック用。本番時は削除 */
	text-align: center;
	width: 300px;
}

.common-box-twitter { /* モック用。本番時は削除 */
	background: #cbcbcb;
	height: 384px;
	width: 300px; /* モック用。本番時は削除 */
}

.common-btn {
	font-size: 15px;
	font-weight: bold;
	width: 100%;
}

.common-btn a {
	border-radius: 4px;
	display: block;
	padding: 1em;
	text-align: center;
}

.common-btn.default {
	color: #fff;
}

.common-btn.default a {
	background-color: #2699fb;
}

.common-btn.default a:visited {
	color: #fff;
}

.common-link-arrow-right {
	padding-right: 1.8em;
	position: relative;
}

.common-link-arrow-right::after {
	-webkit-transform: rotate(-45deg);
	border-bottom: 2px solid #404040;
	border-right: 2px solid #404040;
	bottom: 0;
	content: '';
	display: block;
	height: 8px;
	margin: auto 0;
	position: absolute;
	right: 3px;
	top: 0;
	transform: rotate(-45deg);
	width: 8px;
}

.common-link-arrow-left {
	padding-left: 1.8em;
	position: relative;
}

.common-link-arrow-left::after {
	-webkit-transform: rotate(135deg);
	border-bottom: 2px solid #404040;
	border-right: 2px solid #404040;
	bottom: 0;
	content: '';
	display: block;
	height: 8px;
	left: 3px;
	margin: auto 0;
	position: absolute;
	top: 0;
	transform: rotate(135deg);
	width: 8px;
}

.common-link-arrow-bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex; /*align-items: center;*/
}

.common-link-arrow-bottom::after {
	-webkit-transform: rotate(45deg);
	border-bottom: 2px solid #404040;
	border-right: 2px solid #404040;
	content: '';
	display: block;
	height: 8px;
	margin-left: 1rem;
	transform: rotate(45deg);
	width: 8px;
}

.common-link-arrow-bottom.on::after {
	-webkit-transform: rotate(-135deg); /*margin-top:6px;*/
	margin-bottom: 0;
	transform: rotate(-135deg);
}

.common-hidden-pc {
	display: none;
}

.common-menu-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 2.4rem;
	padding-bottom: 4.6rem;
	width: 50%;
}

.common-menu-footer ul {
	font-weight: bold;
	padding: 1.5rem;
}

.common-menu-footer ul li {
	border-bottom: 1px solid #e2e2e2;
}

.common-menu-footer ul li a {
	color: #343434;
	display: block;
	line-height: 1.4;
}

.common-menu-footer ul li a:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.common-menu-footer ul li a:visited {
	color: #343434;
}

.common-menu-footer .guides {
	width: 50%;
}

.common-menu-footer .guides li {
	font-size: 1.3rem;
}

.common-menu-footer .guides li a {
	padding: 1.57em 0.42em;
}

.common-menu-footer .terms {
	width: 50%;
}

.common-menu-footer .terms li {
	font-size: 1.3rem;
}

.common-menu-footer .terms li a {
	padding: 1.57em 0.42em;
}

.common-continue-loading .inner {
	margin: 0 auto;
	padding: 2.5rem 0;
	text-align: center;
	width: 18px;
}

.common-continue-loading .inner .circle {
	background: #c9c9c9;
	border-radius: 50%;
	display: block;
	height: 8px;
	margin: 5px;
	padding: 0;
	width: 8px;
}

.common-continue-loading .inner .c1 {
	-webkit-animation: blink 0.8s ease-in-out infinite alternate;
	animation: blink 0.8s ease-in-out infinite alternate;
}

.common-continue-loading .inner .c2 {
	-webkit-animation: blink 0.8s ease-in-out infinite alternate;
	-webkit-animation-delay: 0.2s;
	animation: blink 0.8s ease-in-out infinite alternate;
	animation-delay: 0.2s;
}

.common-continue-loading .inner .c3 {
	-webkit-animation: blink 0.8s ease-in-out infinite alternate;
	-webkit-animation-delay: 0.4s;
	animation: blink 0.8s ease-in-out infinite alternate;
	animation-delay: 0.4s;
}

.common-continue-loading.off {
	display: none;
}

.common-menu-member {
	background: #efefef;
	display: none;
	position: absolute;
	right: 0;
	top: 61px;
	width: 578px;
	z-index: 2;
}

.common-menu-member .inner {
	-ms-flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	padding: 2rem 1.4rem;
}

.common-menu-member .inner .menu-login {
	-ms-flex-order: 1;
	-ms-flex-pack: center;
	-webkit-box-ordinal-group: 2;
	-webkit-box-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	order: 1;
}

.common-menu-member .inner .menu-login .common-btn {
	width: 170px;
}

.common-menu-member .inner .menu-login .common-btn.regist {
	margin-right: 7px;
}

.common-menu-member .inner .menu-login .common-btn.regist a {
	background-color: #ffff11;
	border-radius: 5px;
}

.common-menu-member .inner .menu-login .common-btn.regist a:visited {
	color: #343434;
}

.common-menu-member .inner .menu-login .common-btn.regist a:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.common-menu-member .inner .menu-login .common-btn.login {
	margin-left: 7px;
}

.common-menu-member .inner .menu-login .common-btn.login a {
	background-color: #2d2d2d;
	border-radius: 5px;
	color: #fff;
}

.common-menu-member .inner .menu-login .common-btn.login a:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.common-menu-member .inner .common-menu-member-tabbox.topics {
	-ms-flex-order: 2;
	-webkit-box-ordinal-group: 3;
	order: 2;
}

.common-menu-member .inner .common-menu-member-box.new-arrivals {
	-ms-flex-order: 3;
	-webkit-box-ordinal-group: 4;
	order: 3;
}

.common-menu-member .inner .common-menu-member-tabbox.genre {
	-ms-flex-order: 4;
	-webkit-box-ordinal-group: 5;
	display: none;
	order: 4; /*
			ul {
				li:nth-child(n+5) {
					@include mm {
						display: none;
					}
				}
			}
			*/
}

.common-menu-member .inner .common-menu-member-tabbox.mypage {
	-ms-flex-order: 5;
	-webkit-box-ordinal-group: 6;
	order: 5;
}

.common-menu-member .inner .common-menu-member-box.guides {
	-ms-flex-order: 6;
	-webkit-box-ordinal-group: 7;
	order: 6;
}

.common-menu-member .inner .logout {
	-ms-flex-order: 7;
	-webkit-box-ordinal-group: 8;
	background: #000;
	display: none;
	font-size: 15px;
	margin: 0 auto;
	margin-top: 2rem;
	max-width: 186px;
	order: 7;
	text-align: center;
	width: 100%;
}

.common-menu-member .inner .logout a {
	background: #fff;
	color: #343434;
	display: block;
	padding: 0.7em 0;
}

.common-menu-member .hidden-pc {
	display: none;
}

.common-menu-member.open {
	display: block;
}

.common-menu-member.logged-in .inner .menu-login {
	-ms-flex-order: 1;
	-webkit-box-ordinal-group: 2;
	display: none;
	order: 1;
}

.common-menu-member.logged-in .inner .common-menu-member-tabbox.topics {
	-ms-flex-order: 2;
	-webkit-box-ordinal-group: 3;
	margin-top: 0;
	order: 2;
}

.common-menu-member.logged-in .inner .common-menu-member-box.new-arrivals {
	-ms-flex-order: 4;
	-webkit-box-ordinal-group: 5;
	order: 4;
}

.common-menu-member.logged-in .inner .common-menu-member-tabbox.genre {
	-ms-flex-order: 5;
	-webkit-box-ordinal-group: 6;
	order: 5;
}

.common-menu-member.logged-in .inner .common-menu-member-tabbox.mypage {
	-ms-flex-order: 3;
	-webkit-box-ordinal-group: 4;
	order: 3;
}

.common-menu-member.logged-in .inner .common-menu-member-box.guides {
	-ms-flex-order: 6;
	-webkit-box-ordinal-group: 7;
	order: 6;
}

.common-menu-member.logged-in .inner .logout {
	-ms-flex-order: 7;
	-webkit-box-ordinal-group: 8;
	display: block;
	order: 7;
}

.common-menu-member-box {
	margin-top: 2rem;
	width: 100%;
}

.common-menu-member-box > ul {
	-ms-flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.common-menu-member-box > ul > li {
	-webkit-box-sizing: border-box;
	background: #fff;
	box-sizing: border-box;
}

.common-menu-member-box > ul > li > a {
	color: #343434;
	display: block;
	padding: 20px;
	position: relative;
}

.common-menu-member-box > ul > li > a:visited {
	color: #343434;
}

.common-menu-member-box > ul > li > a::after {
	border-bottom-color: #343434;
	border-right-color: #343434;
	right: 20px;
}

.common-menu-member-box.new-arrivals ul li {
	width: 50%;
}

.common-menu-member-box.new-arrivals ul li > a img {
	height: 17px;
	max-width: 100%;
	vertical-align: top;
	width: auto;
}

.common-menu-member-box.new-arrivals ul li > a:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.common-menu-member-box.new-arrivals ul li:nth-child(1) {
	border-right: 1px solid #e2e2e2;
}

.common-menu-member-box.new-arrivals ul li:nth-child(3) {
	border-right: 1px solid #e2e2e2;
	margin-top: 1px;
}

.common-menu-member-box.guides ul li {
	border-right: 1px solid #e2e2e2;
	width: 33.3333%;
}

.common-menu-member-box.guides ul li a:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.common-menu-member-box.guides ul li:nth-child(3) {
	border-right: none;
}

.common-menu-member-box.guides ul li:last-child {
	border-bottom: none;
}

.common-menu-member-tabbox {
	color: #343434;
	margin-top: 2rem;
	width: 100%;
}

.common-menu-member-tabbox > .content > ul > li > a {
	position: relative;
}

.common-menu-member-tabbox > .content > ul > li > a:hover {
	-webkit-transition: 0.3s;
	opacity: 0.6;
	transition: 0.3s;
}

.common-menu-member-tabbox > .content > ul > li > a::after {
	border-bottom-color: #343434;
	border-right-color: #343434;
	right: 20px;
}

.common-menu-member-tabbox-tab {
	margin-bottom: -1px;
	width: 124px;
}

.common-menu-member-tabbox-tab > a {
	background: #343434;
	border-radius: 10px 10px 0px 0px;
	color: #fff;
	display: block;
	font-size: 1.4rem; /*width:100%;*/
	padding: 1.2rem 0 1.2rem 1.8rem;
	position: relative;
}

.common-menu-member-tabbox-tab > span.alter {
	background: #343434;
	border-radius: 10px 10px 0px 0px;
	color: #fff;
	display: block;
	font-size: 14px; /*width:100%;*/
	padding: 12px 0 12px 18px;
	position: relative;
}

.common-menu-member-tabbox-tab > a:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.common-menu-member-tabbox-tab > a::before {
	background-size: contain;
	bottom: 0;
	content: '';
	display: block;
	left: 18px;
	margin: auto;
	position: absolute;
	top: 0;
	vertical-align: middle;
}

.common-menu-member-tabbox-tab > a::after {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	right: 12px;
}

.common-menu-member-tabbox.topics .content {
	background: #fff;
	color: #343434;
	margin-top: 1px;
}

.common-menu-member-tabbox.topics .content a {
	color: #343434;
	display: block;
	padding: 1.6rem 2rem;
}

.common-menu-member-tabbox.topics .content a:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.common-menu-member-tabbox.topics .content a .date {
	font-size: 1.4rem;
}

.common-menu-member-tabbox.topics .content a .badge {
	background: #f87b98;
	border-radius: 11px;
	color: #fff;
	font-size: 1.1rem;
	padding: 0.2em 0.6em;
}

.common-menu-member-tabbox.topics .content a .title {
	border-bottom: 1px solid #ccc;
	font-size: 1.6rem;
}

.common-menu-member-tabbox.topics .content a .title::before {
	content: '';
	display: block;
	margin-top: 1.1rem;
}

.common-menu-member-tabbox.topics .content a:visited {
	color: #343434;
}

.common-menu-member-tabbox.mypage header {
	-ms-flex-align: end;
	-ms-flex-pack: justify;
	-webkit-box-align: end;
	-webkit-box-pack: justify;
	align-items: flex-end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.common-menu-member-tabbox.mypage header .coins {
	-ms-flex-align: end;
	-ms-flex-pack: end;
	-ms-flex-positive: 1;
	-webkit-box-align: end;
	-webkit-box-flex: 1;
	-webkit-box-pack: end;
	align-items: flex-end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-grow: 1;
	justify-content: flex-end;
	padding-bottom: 0.8rem;
}

.common-menu-member-tabbox.mypage header .coins > .balance > a {
	font-size: 1.3rem;
	font-weight: bold;
}

.common-menu-member-tabbox.mypage header .coins > .balance > a > .icon-coin {
	font-size: 2rem;
	margin-left: 0.3rem;
}

.common-menu-member-tabbox.mypage header .coins > .balance > a > .icon-coin::before {
	content: url(/images/exdio/renewal/icon_coin.svg);
	margin-right: 0.5rem;
	vertical-align: baseline;
}

.common-menu-member-tabbox.mypage header .coins .common-btn.charge {
	font-size: 1.1rem;
	margin-left: 1.8rem;
	width: 80px;
}

.common-menu-member-tabbox.mypage header .coins .common-btn.charge a {
	background-color: #ffff11;
	border-radius: 5px;
	padding: 0.7em;
}

.common-menu-member-tabbox.mypage ul {
	-ms-flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	font-size: 15px;
}

.common-menu-member-tabbox.mypage ul li {
	-webkit-box-sizing: border-box;
	background: #fff;
	border-right: 1px solid #e2e2e2;
	box-sizing: border-box;
	margin-top: 1px;
	width: 33.3333%;
}

.common-menu-member-tabbox.mypage ul li a {
	color: #343434;
	display: block;
	padding: 2rem;
	position: relative;
}

.common-menu-member-tabbox.mypage ul li a:visited {
	color: #343434;
}

.common-menu-member-tabbox.mypage ul li:nth-child(3n) {
	border-right: none;
}

.common-menu-member-tabbox.genre header {
	-ms-flex-align: end;
	-ms-flex-pack: justify;
	-webkit-box-align: end;
	-webkit-box-pack: justify;
	align-items: flex-end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.common-menu-member-tabbox.genre ul {
	-ms-flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	font-size: 15px;
}

.common-menu-member-tabbox.genre ul li {
	-webkit-box-sizing: border-box;
	background: #fff;
	border-right: 1px solid #e2e2e2;
	box-sizing: border-box;
	margin-top: 1px;
	width: 33.3333%;
}

.common-menu-member-tabbox.genre ul li a {
	color: #343434;
	display: block;
	padding: 2rem;
	position: relative;
}

.common-menu-member-tabbox.genre ul li a:visited {
	color: #343434;
}

.common-menu-member-tabbox.genre ul li:nth-child(3n) {
	border-right: none;
}

.common-menu-gnav-wrapper {
	margin: 0 auto;
	max-width: 1280px;
	position: relative;
	width: 100%;
}

.common-menu-gnav-wrapper.on {
	display: block;
}

.common-nav-horizontal-slide > ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.common-nav-horizontal-slide > ul > li {
	margin-right: 1.4rem;
	position: relative; /* styling */
}

.common-nav-horizontal-slide > ul > li > a {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center; /* styling */
	color: #343434;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 42px;
	padding: 0 0.6em;
	position: relative; /* styling */
}

.common-nav-horizontal-slide > ul > li > a:visited {
	color: #343434; /* styling */
}

.common-nav-horizontal-slide > ul > li:hover::before {
	background-color: #cece00;
	bottom: 0;
	content: '';
	display: block;
	height: 5px;
	left: 0;
	position: absolute;
	width: 100%;
}

.common-nav-horizontal-slide > ul > li.current::before {
	background-color: #cece00;
	bottom: 0;
	content: '';
	display: block;
	height: 5px;
	left: 0;
	position: absolute;
	width: 100%;
}

.common-free-programs-set {
	margin-top: 3rem;
	width: 100%;
}

.common-free-programs-set > .common-free-programs-set-header {
	margin: 0 auto;
	max-width: 1280px;
}

.common-free-programs-set > .common-free-programs-set-header > .common-free-programs-set-header-titles {
	display: none;
}

.common-free-programs-set > .common-free-programs-set-header > .common-free-programs-set-header-titles > .common-free-programs-set-header-titles-title h2 {
	margin: 0 auto;
	max-width: 117px;
}

.common-free-programs-set > .common-free-programs-set-header > .common-nav-horizontal-slide {
	font-size: 1.6rem;
	font-weight: bold;
}

.common-free-programs-set > .common-free-programs-set-content {
	background: #f3f4f5;
}

.common-free-programs-set > .common-free-programs-set-content > .inner {
	margin: 0 auto;
	max-width: 1280px;
	padding-bottom: 3.6rem;
	padding-top: 3rem;
}

.common-free-programs-set > .common-free-programs-set-content > .inner > header {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.common-free-programs-set > .common-free-programs-set-content > .inner > header > h4 {
	font-weight: bold;
	margin-right: 3rem;
	min-width: 3em;
}

.common-free-programs-set > .common-free-programs-set-content > .inner > header > ul {
	-ms-flex-align: center;
	-ms-flex-negative: 1;
	-ms-flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-shrink: 1;
	flex-wrap: wrap;
}

.common-free-programs-set > .common-free-programs-set-content > .inner > header > ul > li {
	font-weight: bold;
	margin-right: 1.4rem;
}

.common-free-programs-set > .common-free-programs-set-content > .inner > header > ul > li > a {
	background: #fff;
	border-radius: 50%;
	color: #343434;
	display: block;
	padding: 0.7em;
}

.common-free-programs-set > .common-free-programs-set-content > .inner > header > ul li.sort-special > a,
.common-free-programs-set > .common-free-programs-set-content > .inner > header > ul li.sort-archive > a {
	border-radius: 32px;
}

.common-free-programs-set > .common-free-programs-set-content > .inner .common-wrapper-programs {
	margin-top: 3.6rem;
}

.common-free-programs-set > .common-free-programs-set-content > .inner .common-wrapper-programs > .common-programs-wrapper {
	margin-top: 3.6rem;
	padding: 0;
}

.common-free-programs-set > .common-free-programs-set-content > .inner .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program {
	margin-bottom: 1.6rem;
	margin-left: 0;
	margin-right: 1.6rem;
}

.common-free-programs-set > .common-free-programs-set-content > .inner .common-wrapper-programs > .common-programs-wrapper > .common-programs .common-program:nth-child(6) {
	margin-right: 0;
}

.common-free-programs-set > .common-free-programs-set-content > .inner .common-wrapper-programs > .common-programs-wrapper:first-child {
	margin-top: 1.6rem;
}

.common-free-programs-set .c-card-inBox-meta-viewingDeadline {
	font-size: 1.1rem;
	margin-top: 0.4rem;
}

.common-footer {
	background: #f3f4f5;
}

.common-footer .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	max-width: 1280px;
}

.common-footer .inner .footer-notes {
	color: #343434;
	margin-top: 4.8rem;
	padding: 0 0 0 1.2rem;
	width: 50%;
}

.common-footer .inner .footer-notes .notes-content p {
	font-size: 1.1rem;
	line-height: 1.4;
}

.common-footer .inner .footer-notes .copyrights {
	margin-top: 2rem;
}

.common-footer .inner .footer-notes .copyrights p {
	font-size: 1rem;
	line-height: 1.4;
}

.common-footer .inner .footer-notes .marks {
	margin-top: 2rem;
	word-break: break-all;
}

.common-footer .inner .footer-notes .marks ul {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	padding: 1.4rem;
}

.common-footer .inner .footer-notes .marks ul li {
	width: 33%;
}

.common-footer .inner .footer-notes .marks ul li dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.common-footer .inner .footer-notes .marks ul li dl dt {
	width: 5.2rem;
}

.common-footer .inner .footer-notes .marks ul li dl dd {
	font-size: 1rem;
	margin-left: 1.4rem;
	width: 100%;
}

.common-footer .inner .footer-notes .marks ul li dl dd h4 {
	font-weight: bold;
	margin-bottom: 0.5em;
}

.common-footer .inner .footer-notes .marks ul li dl dd p {
	line-height: 1.4;
}

.common-footer .inner .footer-notes .marks ul li dl dd p.lMark {
	font-size: 8px;
}

.common-footer .inner .footer-notes .marks ul li dl dd p.lMarkNum {
	font-weight: bold;
}

.common-footer .footer-copyrights {
	background: #fff;
	padding-bottom: 4.8rem;
	padding-top: 2.6rem;
	text-align: center;
}

.common-footer .footer-copyrights small {
	color: #343434;
	font-size: 1.2rem;
	font-weight: bold;
}

.common-arrow-point {
	position: relative;
}

.common-arrow-right::after,
.common-menu-member-box > ul > li > a::after,
.common-menu-member-tabbox > .content > ul > li > a::after,
.c-cards-head-hedding-link::after {
	-webkit-transform: rotate(-45deg);
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-right-width: 2px;
	bottom: 0;
	content: '';
	height: 8px;
	margin: auto 0;
	position: absolute;
	top: 0;
	transform: rotate(-45deg);
	width: 8px;
}

.common-arrow-left::after {
	-webkit-transform: rotate(135deg);
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-right-width: 2px;
	bottom: 0;
	content: '';
	height: 8px;
	margin: auto 0;
	position: absolute;
	top: 0;
	transform: rotate(135deg);
	width: 8px;
}

.common-arrow-bottom::after {
	-webkit-transform: rotate(45deg);
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-right-width: 2px;
	bottom: 6px;
	content: '';
	height: 6px;
	margin: auto 0;
	position: absolute;
	top: 0;
	transform: rotate(45deg);
	width: 6px;
}

.common-arrow-top::after {
	-webkit-transform: rotate(-135deg);
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-right-width: 2px;
	bottom: 6px;
	content: '';
	height: 6px;
	margin: auto 0;
	position: absolute;
	top: 0;
	transform: rotate(-135deg);
	width: 6px;
}

.ArrowToTop::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.ArrowToBottom::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*****************************************************************

見放題ページ

******************************************************************/

.common-add-label {
	display: none;
}

.common-add-label.on {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	background-color: #343434;
	border-radius: 5px;
	color: #ffff11;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 375px;
	padding: 1.5rem 1.2rem;
	position: fixed;
	right: 2rem;
	width: 100%;
}

.common-add-label.on a {
	background-image: url(/images/exdio/renewal/icon_notification_close.svg);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 12px 10px;
}

.common-search-box {
	width: 100%;
}

.common-search-box .search-input {
	background: #e5e6cb;
	border-radius: 19px;
	font-size: 1.3rem;
	padding-left: 37px;
	padding-right: 37px;
	position: relative;
}

.common-search-box .search-input input[type='text'] {
	background: none;
	border: none;
	border-radius: 0;
	color: #939394;
	height: 37px;
	outline: none;
	padding: 0;
	width: 100%;
}

.common-search-box .search-input .icon-close {
	background: url(/images/exdio/renewal/icon_close.svg);
	background-size: 100%;
	bottom: 50%;
	cursor: pointer;
	display: block;
	height: 19px;
	margin: auto;
	position: absolute;
	right: 12px;
	top: 50%;
	width: 19px;
}

.common-search-box .search-input::before {
	background: url(/images/exdio/renewal/icon_search.svg);
	background-size: 100%;
	bottom: 50%;
	content: '';
	display: block;
	height: 18px;
	left: 12px;
	margin: auto;
	position: absolute;
	top: 50%;
	width: 18px;
}

.common-search-box .cancel {
	display: none;
	font-size: 1.3rem;
}

.common-box-ad-rectangle {
	background: #eee;
	height: 250px;
	width: 300px;
}

.common-list-program-area-mypage.onDelete > .inner > .list-programs-area > .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > .list-btn-delete {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.common-list-program-area-mypage.onDelete > .inner > .list-programs-area > .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > .list-btn-delete > a {
	display: block;
	padding: 12px;
}

.common-list-meta {
	background: #fff;
	border-top: 1px solid #f5f5f5;
}

.common-list-meta .no-padding {
	padding: 0 !important;
}

.common-list-meta .common-list-meta-box {
	padding: 0 3rem 3rem 3rem;
}

.common-list-meta .common-list-meta-box > .meta-category {
	margin-top: 3rem;
}

.common-list-meta .common-list-meta-box > .meta-category .no-margin {
	margin-left: 0 !important;
}

.common-list-meta .common-list-meta-box > .meta-category > .meta-category-header > .meta-category-name {
	font-size: 1.6rem;
	font-weight: bold;
}

.common-list-meta .common-list-meta-box > .meta-category > .meta-category-content {
	margin-top: 1em;
}

.common-list-meta .common-list-meta-box > .meta-category > .meta-category-content > ul {
	-ms-flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-left: 1em;
}

.common-list-meta .common-list-meta-box > .meta-category > .meta-category-content > ul > li {
	font-size: 1.3rem;
	margin-bottom: 0.5em;
	margin-right: 1em;
	white-space: nowrap;
}

.common-list-meta .common-list-meta-box > .meta-category > .meta-category-content > ul > li::last-child {
	margin-right: 0;
}

.common-switching-box > .switching-header > h3 {
	font-size: 2rem;
	font-weight: bold;
}

.common-switching-box > .switching-header > .switching-nav {
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}

.common-switching-box > .switching-header > .switching-nav > li {
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
	width: 50%;
}

.common-switching-box > .switching-header > .switching-nav > li.widthFull {
	width: 100%;
}

.common-switching-box > .switching-header > .switching-nav > li > a {
	display: block;
	padding-bottom: 1.4rem;
	padding-top: 2rem;
}

.common-switching-box > .switching-header > .switching-nav > li > a:hover {
	border-bottom: 5px solid #cece00;
}

.common-switching-box > .switching-header > .switching-nav > li.current > a {
	border-bottom: 5px solid #cece00;
}

.common-switching-box > .switching-content {
	margin-top: 17px;
}

.common-switching-box > .switching-content > ul.label {
	-ms-flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.common-switching-box > .switching-content > ul.label > li {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: center;
}

.common-switching-box > .switching-content > ul.label > li > a {
	background: #fff;
	border: 1px solid #343434;
	border-radius: 30px;
	display: block;
	padding: 1.2rem;
}

.common-switching-box > .switching-content > ul.label > li > a:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.common-switching-box > .switching-content > .common-wrapper-programs > .common-programs-wrapper {
	padding-left: 0;
}

.common-video-area {
	margin: 0 auto;
	margin-top: 3rem;
	max-width: 1080px;
	position: relative;
}

.common-video-area > a {
	display: block;
}

.common-video-area > a > .play-btn {
	background: url(/images/exdio/renewal/icon_play_btn_for_video_area_pc.svg) no-repeat center center;
	bottom: 0;
	color: #fff;
	display: block;
	font-size: 2rem;
	font-weight: bold;
	height: 144px;
	left: 0;
	margin: auto;
	padding-top: 170px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 144px;
	z-index: 1;
}

.common-video-area > a > .play-btn-sp {
	background: url(/images/exdio/renewal/icon_play_btn_for_video_area_sp.svg) no-repeat top center;
	bottom: 5%;
	display: none;
	font-size: 1.1rem;
	height: 80px;
	padding-top: 68px;
	position: absolute;
	right: 1%;
	text-align: center;
	vertical-align: bottom;
	width: 80px;
	z-index: 1;
}

.common-video-area > a > .label-status {
	background: #666666;
	border-radius: 5px;
	bottom: 21px;
	color: #fff;
	font-size: 1.8rem;
	left: 15px;
	margin-left: auto;
	padding: 0.6em 3.2em;
	position: absolute;
	text-align: center;
	z-index: 1;
}

.common-video-area > a > .remaining-time {
	bottom: 4%;
	color: #fff;
	left: 1%;
	position: absolute;
	z-index: 1;
}

.common-video-area > a > .purchased-status {
	position: absolute;
}

.common-video-area > a > .seekbar {
	background: #e2e2e2;
	bottom: 0;
	height: 6px;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.common-video-area > a > .seekbar > .seek {
	background: #cece00;
	height: 6px;
}

.common-video-area > a > .video-area {
	max-width: 1080px;
}

.common-video-area > a > .video-area > img {
	width: 100%;
}

.common-video-area > a > .video-area::before {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
	bottom: 0;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 0;
}

/*****************************************************************

component

******************************************************************/

input::-ms-clear {
	visibility: hidden;
}

/***** カードスライダーのアニメーション表示 *****/

/* アニメーション用の汎用フェードクラス */

.delighterFade {
	opacity: 0;
	position: relative;
}

/* アニメーション対象クラス */

.delighterAnimation .c-cards-head-hedding::before {
	-webkit-transform: translateY(-50%);
	background: url(/images/exdio/renewal/ttl_icon.png) no-repeat;
	background-size: contain;
	content: '';
	display: inline-block;
	height: 32px;
	left: -50px;
	position: absolute;
	top: 48%;
	transform: translateY(-50%);
	width: 32px;
}

.delighterAnimation .c-cards-head-hedding-inner::before {
	background-color: #ffff11;
	bottom: 0;
	content: '';
	height: 160%;
	left: 0;
	margin: auto;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.delighterAnimation .c-cards-head-hedding-inner::after {
	background-color: #ffffff;
	content: '';
	height: 100%;
	opacity: 1;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.delighterAnimation .c-cards-head-hedding-link {
	opacity: 0;
	position: relative;
}

.delighterAnimation .c-cards-head-hedding-link:hover {
	color: #939394;
}

.delighterAnimation .c-keywords-head-hedding {
	display: inline-block;
	position: relative;
}

.delighterAnimation .c-keywords-head-hedding::before {
	-webkit-transform: translateY(-50%);
	background: url(/images/exdio/renewal/ttl_icon.png) no-repeat;
	background-size: contain;
	content: '';
	display: inline-block;
	height: 32px;
	left: -50px;
	position: absolute;
	top: 48%;
	transform: translateY(-50%);
	width: 32px;
}

.delighterAnimation .c-keywords-head-hedding-inner::before {
	background-color: #ffff11;
	bottom: 0;
	content: '';
	height: 160%;
	left: 0;
	margin: auto;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.delighterAnimation .c-keywords-head-hedding-inner::after {
	background-color: #ffffff;
	content: '';
	height: 100%;
	opacity: 1;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.delighterAnimation .c-keywords-head-heading-link {
	opacity: 0;
	position: relative;
}

.delighterAnimation .c-keywords-head-heading-link:hover {
	color: #939394;
}

.delighterAnimation .c-card-slider {
	opacity: 0;
	position: relative;
}

.delighterAnimation .c-keywords-cont {
	opacity: 0;
	position: relative;
}

.delighterAnimation .common-box-ad {
	opacity: 0;
	position: relative;
}

.delighterAnimation .common-box-twitter {
	opacity: 0;
	position: relative;
}

/* アニメーション開始後 */

.delighterStarted .c-cards-head-hedding::before {
	-webkit-animation: anime-ttl-icon-move 1.5s ease-in-out 0.2s 1;
	-webkit-animation-fill-mode: forwards;
	animation: anime-ttl-icon-move 1.5s ease-in-out 0.2s 1;
	animation-fill-mode: forwards;
}

.delighterStarted .c-cards-head-hedding-inner::before {
	-webkit-animation: delighterFadein3 0.5s ease-in-out 0.3s 1;
	-webkit-animation-fill-mode: forwards;
	animation: delighterFadein3 0.5s ease-in-out 0.3s 1;
	animation-fill-mode: forwards;
}

.delighterStarted .c-cards-head-hedding-inner::after {
	-webkit-animation: delighterFadein2 0.5s ease-in-out 0.3s 1;
	-webkit-animation-fill-mode: forwards;
	animation: delighterFadein2 0.5s ease-in-out 0.3s 1;
	animation-fill-mode: forwards;
}

.delighterStarted .c-keywords-head-hedding::before {
	-webkit-animation: anime-ttl-icon-move 1.5s ease-in-out 0.2s 1;
	-webkit-animation-fill-mode: forwards;
	animation: anime-ttl-icon-move 1.5s ease-in-out 0.2s 1;
	animation-fill-mode: forwards;
}

.delighterStarted .c-keywords-head-hedding-inner::before {
	-webkit-animation: delighterFadein3 0.5s ease-in-out 0.3s 1;
	-webkit-animation-fill-mode: forwards;
	animation: delighterFadein3 0.5s ease-in-out 0.3s 1;
	animation-fill-mode: forwards;
}

.delighterStarted .c-keywords-head-hedding-inner::after {
	-webkit-animation: delighterFadein2 0.5s ease-in-out 0.3s 1;
	-webkit-animation-fill-mode: forwards;
	animation: delighterFadein2 0.5s ease-in-out 0.3s 1;
	animation-fill-mode: forwards;
}

.delighterStarted .delighterFade {
	-webkit-animation: delighterFadeIn 0.3s ease-in-out 0.6s 1;
	-webkit-animation-fill-mode: forwards;
	animation: delighterFadeIn 0.3s ease-in-out 0.6s 1;
	animation-fill-mode: forwards;
}

.delighterStarted .c-cards-head-hedding-link {
	-webkit-animation: delighterFadeIn 0.3s ease-in-out 0.6s 1;
	-webkit-animation-fill-mode: forwards;
	animation: delighterFadeIn 0.3s ease-in-out 0.6s 1;
	animation-fill-mode: forwards;
}

.delighterStarted .c-card-slider {
	-webkit-animation: delighterFadeIn 0.3s ease-in-out 0.6s 1;
	-webkit-animation-fill-mode: forwards;
	animation: delighterFadeIn 0.3s ease-in-out 0.6s 1;
	animation-fill-mode: forwards;
}

.delighterStarted .c-keywords-cont {
	-webkit-animation: delighterFadeIn 0.3s ease-in-out 0.6s 1;
	-webkit-animation-fill-mode: forwards;
	animation: delighterFadeIn 0.3s ease-in-out 0.6s 1;
	animation-fill-mode: forwards;
}

.delighterStarted .common-box-ad {
	-webkit-animation: delighterFadeIn 0.3s ease-in-out 0.6s 1;
	-webkit-animation-fill-mode: forwards;
	animation: delighterFadeIn 0.3s ease-in-out 0.6s 1;
	animation-fill-mode: forwards;
}

.delighterStarted .common-box-twitter {
	-webkit-animation: delighterFadeIn 0.3s ease-in-out 0.6s 1;
	-webkit-animation-fill-mode: forwards;
	animation: delighterFadeIn 0.3s ease-in-out 0.6s 1;
	animation-fill-mode: forwards;
}

.delighterFadeIn {
	-webkit-animation-name: delighterFadeIn;
	animation-name: delighterFadeIn;
}

/***** MVスライダー *****/

.c-mv {
	margin-top: 2rem;
	position: relative;
}

.c-mv-cont {
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	overflow: hidden;
}

.c-mv-cont-slide {
	margin: 0 10px;
	min-width: 720px;
}

.c-mv-cont-slide-link {
	background: #000;
	border-radius: 5px;
	display: block;
	overflow: hidden;
	vertical-align: top;
}

.c-mv-cont-slide img {
	opacity: 0.7;
	vertical-align: top;
	width: 100%;
}

.c-mv-cont-slide.current img {
	opacity: 1;
}

.c-mv-nav-prev {
	background: url(/images/exdio/renewal/arrow_prev_large.svg) no-repeat center center;
	bottom: 0;
	cursor: pointer;
	display: block;
	height: 60px;
	left: 3rem;
	margin: auto 0;
	position: absolute;
	top: 0;
	width: 32px;
}

.c-mv-nav-next {
	background: url(/images/exdio/renewal/arrow_next_large.svg) no-repeat center center;
	bottom: 0;
	cursor: pointer;
	display: block;
	height: 60px;
	margin: auto 0;
	position: absolute;
	right: 3rem;
	top: 0;
	width: 32px;
}

.c-mv-nav-pagi {
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-top: 1.2rem;
}

.c-mv-nav-pagi-bullet {
	background: #e3e3e3;
	border-radius: 50%;
	cursor: pointer;
	display: block;
	height: 9px;
	margin: 0 5px;
	width: 50%;
	width: 9px;
}

.c-mv-nav-pagi-bullet.current {
	background: #f0027f;
}

/***** 番組カード *****/

/* 番組カード本体(基本スタイル) */

.c-card { /* for basic size */
	margin-right: 1.6rem; /* for basic size */
	max-width: 200px;
	min-width: 200px; /* for basic size */
}

.c-card-inBox {
	margin: 0 auto;
}

.c-card-inBox-art {
	max-height: calc(200px * (9 / 16));
	max-width: 200px;
	min-height: calc(200px * (9 / 16));
	min-width: 200px;
	overflow: hidden;
	position: relative;
}

.c-card-inBox-art-artwork {
	overflow: hidden;
}

.c-card-inBox-art-artwork-img {
	height: auto;
	vertical-align: top;
	width: 100%;
}

.c-card-inBox-art-artwork.shadowOn::before {
	-webkit-transition: 0.3s;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
	bottom: 0;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	transition: 0.3s;
	width: 100%;
	z-index: 1;
}

.c-card-inBox-art:hover .c-card-inBox-art-artwork.shadowOn::before {
	background: rgba(255, 255, 255, 0.3);
}

.c-card-inBox-art:hover .c-card-inBox-art-artwork-img {
	-webkit-transform: scale(1.1);
	-webkit-transition-duration: 0.3s;
	transform: scale(1.1);
	transition-duration: 0.3s;
}

.c-card-inBox-meta {
	margin-top: 0.6rem;
	width: 100%; /* マイページの購入済で表示するカードのメタ項目 */
}

.c-card-inBox-meta .c-card-inBox-meta-titles {
	position: relative !important;
}

.c-card-inBox-meta .c-card-inBox-meta-titles .c-card-inBox-meta-titles-title.isInCourse {
	padding-left: 30px !important;
}

.c-card-inBox-meta .c-card-inBox-meta-titles .c-card-inBox-meta-titles-titleSub.isInCourse {
	padding-left: 30px !important;
}

.c-card-inBox-meta-titles-title {
	position: relative; /*
					&::before,
					&::after {
						background:#fff;
						position:absolute;
					}
					&::before {
						content:"…";
						top:14px * 1.5 * (2-1);
						right:0;
						font-size:120%;
					}
					&::after {
						content: "";
						height:100%;
						width:100%;
					}*/
}

.c-card-inBox-meta-titles-title-time {
	display: none;
}

.c-card-inBox-meta-titles-inCourseBadge {
	display: inline-block;
	height: 30px;
	left: 0;
	position: absolute;
	top: -14px;
	width: 30px;
	z-index: 1;
}

.c-card-inBox-meta-caption {
	font-size: 1.4rem;
	height: 3em;
	line-height: 1.5;
	margin-top: 0.4rem;
	overflow: hidden;
	word-break: break-all;
}

.c-card-inBox-meta-viewingPeriod {
	font-size: 1.3rem; /* basic */
}

.c-card-inBox-meta-price {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-card-inBox-meta-price.free {
	color: #f0027f;
}

.c-card-inBox-meta-price::before {
	background: url(/images/exdio/renewal/icon_medal.svg) no-repeat center center;
	background-size: contain;
	content: '';
	display: inline-block;
	height: 16px;
	margin-right: 0.3em;
	width: 16px;
}

.c-card-inBox-meta-purchasedDate {
	font-size: 1.3rem;
}

.c-card-inBox-meta-amount {
	font-size: 1.3rem;
}

.c-card-inBox-meta-viewingPeriod {
	font-size: 1.3rem;
}

.c-card-inBox-meta-viewingDeadline {
	font-size: 1.3rem;
	line-height: 1.3;
}

.c-card-inBox-meta-episode {
	font-size: 1.3rem;
	line-height: 1.3;
}

.c-card-inBox-meta.hover .c-card-inBox-meta-titles {
	-webkit-transition: 0.3s;
	color: #939394;
	transition: 0.3s;
}

.c-card-inBox-meta.hover .c-card-inBox-meta-title {
	-webkit-transition: 0.3s;
	color: #939394;
	transition: 0.3s;
}

.c-card-inBox-meta.hover .c-card-inBox-meta-caption {
	-webkit-transition: 0.3s;
	color: #939394;
	transition: 0.3s;
}

.c-card-inBox-meta.hover .c-card-inBox-meta-onAir {
	-webkit-transition: 0.3s;
	color: #939394;
	transition: 0.3s;
}

.c-card-inBox-meta.hover .c-card-inBox-meta-viewingPeriod {
	-webkit-transition: 0.3s;
	color: #939394;
	transition: 0.3s;
}

.c-card-inBox-btnPlay {
	display: none;
}

.c-card-inBox-remove {
	display: none;
}

/* 番組カード本体のサムネイル上に表示する情報 */

.c-artInfo-ribbonNew {
	font-size: 0.9rem;
	overflow: hidden;
	z-index: 1;
}

.c-artInfo-ribbonNew::before {
	-webkit-transform: rotate(45deg);
	background-color: #ffff11;
	content: '';
	height: 60px;
	left: -30px;
	position: absolute;
	top: -36px;
	transform: rotate(45deg);
	width: 60px;
	z-index: 1;
}

.c-artInfo-ribbonNew::after {
	-webkit-transform: rotate(-45deg);
	content: 'NEW';
	font-size: 0.9rem;
	font-weight: bold;
	left: 0.3rem;
	position: absolute;
	top: 1rem;
	transform: rotate(-45deg);
	z-index: 1;
}

.c-artInfo-period {
	background: #f0027f;
	bottom: 8px;
	color: #fff;
	display: inline-block;
	font-size: 1.1rem;
	font-weight: bold;
	left: 0;
	line-height: 1.3;
	padding: 5px 7px;
	position: absolute;
	z-index: 1;
}

.c-artInfo-period.off {
	display: none;
}

.c-artInfo-time {
	bottom: 0.6rem;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.3;
	position: absolute;
	right: 0.6rem;
	z-index: 1;
}

.c-artInfo-seekarea {
	background: #e3e3e3;
	bottom: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.c-artInfo-seekarea-bar {
	background: #cece00;
	height: 100%;
}

.c-artInfo-seekarea.h3px {
	height: 3px;
}

.c-artInfo-seekarea.h6px {
	height: 6px;
}

.c-artInfo-seekarea.off {
	display: none;
}

.c-artInfo-link {
	bottom: 0;
	display: block;
	height: 100%;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}

.c-artInfo-link.playBtn {
	background: url(/images/exdio/renewal/icon_play_btn_card.svg) no-repeat top center;
}

.c-artInfo-labelBottom {
	background: #343434;
	bottom: 0;
	color: #fff;
	font-size: 1.1rem;
	height: 21px;
	left: 0;
	padding-top: 0.5rem;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 34;
}

/* 番組カード本体のメタに表示する情報 */

.iconMylistAdded {
	background: url(/images/exdio/renewal/icon_mylist_added.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 1em;
	margin-right: 0.4rem;
	vertical-align: middle;
	width: 1em;
}

/* 番組カードスライダー(基本200px) */

.c-card-slider { /* 仮 */
	margin: 0 auto;
	max-width: 1280px;
	overflow-x: hidden;
	overflow-y: hidden;
	position: relative; /* 仮 */ /* コンテンツ部分 */ /* ナビ部分 */
}

.c-card-slider-cont {
	-ms-flex-wrap: nowrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: nowrap;
}

.c-card-slider-cont .c-card .c-card-inBox-meta-titles {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
	min-height: 2.6em;
}

.c-card-slider-cont .c-card .c-card-inBox-meta-titles .c-card-inBox-meta-titles-title {
	display: inline-block;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}

.c-card-slider-cont .c-card .c-card-inBox-meta-titles .c-card-inBox-meta-titles-titleSub {
	display: inline-block;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}

.c-card-slider-cont .c-card .c-card-inBox-meta-title {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
	max-height: 2.6em;
	max-width: 200px;
	min-height: 2.6em;
	overflow: hidden;
}

.c-card-slider-cont .c-card .c-card-inBox-meta-onAir {
	font-size: 1.1rem;
	margin-top: 0.5rem;
}

.c-card-slider-cont .c-card .c-card-inBox-meta-viewingDeadline {
	font-size: 1.1rem;
	margin-top: 0.5rem;
}

.c-card-slider-cont .c-card .c-card-inBox-meta-price {
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.3;
	margin-top: 0.4rem;
}

.c-card-slider-cont .c-card:last-child {
	margin-right: 0; /* overwrite */
}

.c-card-slider-nav-prev {
	-webkit-transition-duration: 0.3s;
	background: rgba(0, 0, 0, 0.5);
	height: 110px;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition-duration: 0.3s;
	width: 40px;
	z-index: 1;
}

.c-card-slider-nav-prev.off {
	display: none;
}

.c-card-slider-nav-prev.noSeek {
	height: 112px;
}

.c-card-slider-nav-prev:hover {
	-webkit-transition-duration: 0.3s;
	cursor: pointer;
	opacity: 1;
	transition-duration: 0.3s;
}

.c-card-slider-nav-prev-img {
	background: url(/images/exdio/renewal/arrow_prev.svg) no-repeat center center;
	display: block;
	height: 100%;
	width: 100%;
}

.c-card-slider-nav-next {
	-webkit-transition-duration: 0.3s;
	background: rgba(0, 0, 0, 0.5);
	height: 110px;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition-duration: 0.3s;
	width: 40px;
	z-index: 1;
}

.c-card-slider-nav-next.noSeek {
	height: 112px;
}

.c-card-slider-nav-next:hover {
	-webkit-transition-duration: 0.3s;
	cursor: pointer;
	opacity: 1;
	transition-duration: 0.3s;
}

.c-card-slider-nav-next-img {
	background: url(/images/exdio/renewal/arrow_next.svg) no-repeat center center;
	display: block;
	height: 100%;
	width: 100%;
}

/* 番組カードスライダー - サイズ256px */

.c-card-slider.cardLarge {
	overflow-y: hidden;
}

.c-card-slider.cardLarge > .c-card-slider-cont { /* 横スライドしない */
	overflow-x: hidden;
	overflow-y: hidden;
}

.c-card-slider.cardLarge > .c-card-slider-cont > .c-card { /*overwrite*/
	margin-right: 2rem; /*overwrite*/
	max-width: 256px;
	min-width: 256px; /*overwrite*/
}

.c-card-slider.cardLarge > .c-card-slider-cont > .c-card > .c-card-inBox > .c-card-inBox-art { /*overwrite*/
	max-height: 144px; /*overwrite*/
	max-width: 256px; /*overwrite*/
	min-height: 144px;
	min-width: 256px; /*overwrite*/
}

.c-card-slider.cardLarge > .c-card-slider-cont > .c-card .c-card-inBox-meta-titles-title {
	max-width: 256px; /*overwrite*/
}

.c-card-slider.cardLarge > .c-card-slider-cont > .c-card .c-card-inBox-meta-titles-titleSub {
	max-width: 256px; /*overwrite*/
}

.c-card-slider.cardLarge > .c-card-slider-cont > .c-card:last-child {
	margin-right: 0; /* overwrite */
}

.c-card-slider.cardLarge > .c-card-slider-nav > .c-card-slider-nav-prev {
	height: 141px;
}

.c-card-slider.cardLarge > .c-card-slider-nav > .c-card-slider-nav-next {
	height: 141px;
}

/* 番組カードスライダー - 2カラムで広告 */

.c-card-withAd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	margin-top: 4.4rem;
	max-width: 1280px;
}

.c-card-withAd-colCards {
	width: calc(100% - 336px);
}

.c-card-withAd-colCards > .c-cards:first-child {
	margin-top: 0;
}

.c-card-withAd-colAd {
	padding-left: 3.6rem;
	width: 336px;
}

/* 番組カード一覧for X曜日放送 */

.c-card-week { /* 仮 */
	margin: 0 auto;
	max-width: 1280px;
	position: relative; /* 仮 */
	z-index: 1; /* コンテンツ部分 */
}

.c-card-week-cont {
	-ms-flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.c-card-week-cont .c-card {
	margin-bottom: 2.5rem;
	max-width: 200px;
}

.c-card-week-cont .c-card .c-card-inBox-meta-titles {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
	min-height: 2.6em;
}

.c-card-week-cont .c-card .c-card-inBox-meta-titles .c-card-inBox-meta-titles-title {
	display: inline-block;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}

.c-card-week-cont .c-card .c-card-inBox-meta-titles .c-card-inBox-meta-titles-titleSub {
	display: inline-block;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}

.c-card-week-cont .c-card .c-card-inBox-meta-title {
	display: inline-block;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
	max-height: 2.6em;
	max-width: 200px;
	min-height: 2.6em;
	overflow: hidden;
}

.c-card-week-cont .c-card .c-card-inBox-meta-onAir {
	font-size: 1.1rem;
	margin-top: 0.5rem;
}

.c-card-week-cont .c-card:last-child {
	margin-right: 0; /* overwrite */
}

.c-card-week-cont .c-card-inBox-meta-title::before,
.c-card-week-cont .c-card-inBox-meta-title::after {
	background: #f3f4f5;
}

/* 番組カード一覧(縦表示) */

.c-card-vertical-head {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-bottom: 2.5rem;
}

.c-card-vertical-head .search-input {
	width: 100%;
}

.c-card-vertical-cont .c-card {
	margin-bottom: 2rem;
	max-width: 100%;
	min-width: 100%;
}

.c-card-vertical-cont .c-card-inBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-card-vertical-cont .c-card-inBox-art {
	max-height: 81px;
	max-width: 144px;
	min-height: 81px;
	min-width: 144px;
}

.c-card-vertical-cont .c-card-inBox-meta {
	margin-left: 1rem;
	margin-top: 0;
}

.c-card-vertical-cont .c-card-inBox-meta-titles {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
	max-height: 1.3em;
	min-height: 1.3em;
	overflow: hidden;
}

.c-card-vertical-cont .c-card-inBox-meta-titles-title {
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
}

.c-card-vertical-cont .c-card-inBox-meta-titles-titleSub {
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
}

.c-card-vertical-cont .c-card-inBox-meta-caption {
	font-size: 1.3rem;
	height: auto;
	line-height: 1.6;
	margin-top: 4px;
	max-height: 3.2em;
}

.c-card-vertical-cont .c-card-inBox-meta-price {
	font-size: 1.3rem;
	font-weight: bold;
}

.c-card-vertical.list .c-card {
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 1.2rem;
	padding: 8px 0;
}

.c-card-vertical.list .c-card-inBox {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}

.c-card-vertical.list .c-card-inBox-art {
	display: none;
}

.c-card-vertical.list .c-card-inBox-meta {
	margin: 0 1.6rem 0 0;
}

.c-card-vertical.list .c-card-inBox-meta-title {
	font-size: 1.6rem;
}

.c-card-vertical.list .c-card-inBox-meta-title-time {
	display: inline-block;
	font-size: 1.3rem;
	font-weight: normal;
}

.c-card-vertical.list .c-card-inBox-meta-title-new::before {
	background: #ffff11;
	content: 'NEW';
	display: inline-block;
	font-size: 0.9rem;
	margin-right: 0.8em;
	padding: 0.2em 1em;
	vertical-align: middle;
}

.c-card-vertical.list .c-card-inBox-meta-caption {
	display: none;
}

.c-card-vertical.list .c-card-inBox-btnPlay {
	display: block;
}

.c-card-vertical.list .c-card-inBox-btnPlay-link {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.c-card-vertical.list .c-card-inBox-btnPlay-link:hover {
	opacity: 0.5;
}

.c-card-vertical.list .c-card > figure > .list-btn-play {
	display: block;
}

.c-card-vertical.sub .c-card {
	margin-bottom: 2rem;
	max-width: 100%;
	min-width: 100%;
}

.c-card-vertical.sub .c-card-inBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-card-vertical.sub .c-card-inBox-art {
	max-height: 73px;
	max-width: 130px;
	min-height: 73px;
	min-width: 130px;
}

.c-card-vertical.sub .c-card-inBox-meta {
	margin-left: 1rem;
	margin-top: 0;
	position: relative;
}

.c-card-vertical.sub .c-card-inBox-meta-titles {
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.3;
	min-height: 2.6em;
}

.c-card-vertical.sub .c-card-inBox-meta-titles-title {
	display: block;
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}

.c-card-vertical.sub .c-card-inBox-meta-titles-titleSub {
	display: block;
	max-width: 160px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}

.c-card-vertical.sub .c-card-inBox-meta-title {
	font-size: 1.3rem;
	font-weight: bold;
	height: auto;
	max-height: 2.4em;
}

.c-card-vertical.sub .c-card-inBox-meta-title::before {
	background: #f3f4f5;
	top: 16px;
}

.c-card-vertical.sub .c-card-inBox-meta-title::after {
	background: #f3f4f5;
}

.c-card-vertical.sub .c-card-inBox-meta-caption {
	font-size: 1.1rem;
	height: auto;
	line-height: 1.6;
	margin-top: 3px;
	max-height: 1.6em;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 159px;
}

.c-card-vertical.sub .c-card-inBox-meta-price {
	bottom: 0;
	font-size: 1.1rem;
	position: absolute;
}

.c-card-vertical.mypage {
	margin: 0 auto;
	margin-top: 4.6rem;
	max-width: 900px;
}

.c-card-vertical.mypage > .c-card-vertical-head {
	display: block;
}

.c-card-vertical.mypage > .c-card-vertical-head > h2 {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.c-card-vertical.mypage > .c-card-vertical-cont {
	margin-top: 3rem;
}

.c-card-vertical.mypage .c-card-inBox-meta-titles {
	max-height: 2.6em;
	min-height: 2.6em;
}

.c-card-vertical.mypage .c-card-inBox-meta-titles-title {
	display: block;
}

.c-card-vertical.mypage .c-card-inBox-meta-titles-titleSub {
	display: block;
}

.c-card-vertical.mylist > .c-card-vertical-head {
	display: block;
	margin-bottom: 25px;
}

.c-card-vertical.mylist > .c-card-vertical-head > h2 {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.c-card-vertical.mylist > .c-card-vertical-head > .c-card-vertical-head-sort {
	margin-left: auto;
	max-width: 128px;
}

.c-card-vertical.mylist > .c-card-vertical-cont > .c-card .c-card-inBox .c-card-inBox-meta .c-card-inBox-meta-titles {
	max-height: 2.6em;
	min-height: 2.6em;
}

.c-card-vertical.mylist > .c-card-vertical-cont > .c-card .c-card-inBox .c-card-inBox-meta .c-card-inBox-meta-titles .c-card-inBox-meta-titles-title {
	display: block;
	height: 1.3em;
	white-space: nowrap;
}

.c-card-vertical.mylist > .c-card-vertical-cont > .c-card .c-card-inBox .c-card-inBox-meta .c-card-inBox-meta-titles .c-card-inBox-meta-titles-titleSub {
	display: block;
	height: 1.3em;
	white-space: nowrap;
}

.c-card-vertical.mylist > .c-card-vertical-cont > .c-card .c-card-inBox-remove {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 3rem;
}

.c-card-vertical.mylist > .c-card-vertical-cont > .c-card .c-card-inBox-remove .c-card-inBox-remove-link {
	min-width: 20px;
}

.c-card-vertical.mylist > .c-card-vertical-cont > .c-card:last-child {
	margin-bottom: 0;
}

.c-card-vertical.myPurchasedList > .c-card-vertical-head {
	display: block;
	margin-bottom: 25px;
}

.c-card-vertical.myPurchasedList > .c-card-vertical-head > h2 {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.c-card-vertical.myPurchasedList > .c-card-vertical-head > .c-card-vertical-head-sort {
	margin-left: auto;
	max-width: 128px;
}

.c-card-vertical.myPurchasedList > .c-card-vertical-cont > .c-card .c-card-inBox .c-card-inBox-meta .c-card-inBox-meta-titles {
	max-height: 100%;
}

.c-card-vertical.myPurchasedList > .c-card-vertical-cont > .c-card .c-card-inBox .c-card-inBox-meta .c-card-inBox-meta-titles .c-card-inBox-meta-titles-title {
	display: block;
	max-width: 100%;
}

.c-card-vertical.myPurchasedList > .c-card-vertical-cont > .c-card .c-card-inBox .c-card-inBox-meta .c-card-inBox-meta-episode {
	margin-top: 0.7rem;
}

.c-card-vertical.myPurchasedList > .c-card-vertical-cont > .c-card .c-card-inBox .c-card-inBox-meta .c-card-inBox-meta-viewingDeadline {
	line-height: 1.5;
	margin-top: 0.7rem;
}

.c-card-vertical.myPurchasedList > .c-card-vertical-cont > .c-card .c-card-inBox-remove {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 3rem;
}

.c-card-vertical.myPurchasedList > .c-card-vertical-cont > .c-card .c-card-inBox-remove .c-card-inBox-remove-link {
	min-width: 20px;
}

.c-card-vertical.myPurchasedList > .c-card-vertical-cont > .c-card:last-child {
	margin-bottom: 0;
}

.c-card-vertical.myPageList {
	background: #fff;
	margin-top: 2rem;
	padding: 2.5rem;
}

.c-card-vertical.myPageList-head {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-bottom: 2.5rem;
}

.c-card-vertical.myPageList-head .search-input {
	width: 100%;
}

.c-card-vertical.myPageList-cont .c-card-inBox-meta-titles {
	max-height: 2.6em;
	min-height: 2.6em;
}

.c-card-vertical.myPageList-cont .c-card-inBox-meta-titles-title {
	display: block;
}

.c-card-vertical.myPageList-cont .c-card-inBox-meta-titles-titleSub {
	display: block;
}

.c-card-vertical.myPageListChild .c-card-vertical-head {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-bottom: 2.5rem;
}

.c-card-vertical.myPageListChild .c-card-vertical-head .search-input {
	width: 100%;
}

.c-card-vertical.myPageListChild .c-card-vertical-cont .c-card {
	margin-bottom: 2rem;
	max-width: 100%;
	min-width: 100%;
}

.c-card-vertical.myPageListChild .c-card-vertical-cont .c-card-inBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-card-vertical.myPageListChild .c-card-vertical-cont .c-card-inBox-art {
	max-height: 81px;
	max-width: 144px;
	min-height: 81px;
	min-width: 144px;
}

.c-card-vertical.myPageListChild .c-card-vertical-cont .c-card-inBox-meta {
	margin-left: 2.5rem;
	margin-top: 0;
}

.c-card-vertical.myPageListChild .c-card-vertical-cont .c-card-inBox-meta-titles {
	margin-bottom: 0.5em;
}

.c-card-vertical.myPageListChild .c-card-vertical-cont .c-card-inBox-meta-titles-title {
	font-size: 1.6rem;
	font-weight: bold;
}

.c-card-vertical.myPageListChild .c-card-vertical-cont .c-card-inBox-meta-title {
	font-size: 1.6rem;
	font-weight: bold;
	height: auto;
	line-height: 1.3;
	margin-bottom: 0.6em;
	max-height: 2.6em;
}

.c-card-vertical.myPageListChild .c-card-vertical-cont .c-card-inBox-meta-title::after {
	background: #f3f4f5;
}

.c-card-vertical.myPageListChild .c-card-vertical-cont .c-card-inBox-meta-purchasedDate {
	line-height: 1.4;
	margin-bottom: 0.5em;
}

.c-card-vertical.myPageListChild .c-card-vertical-cont .c-card-inBox-meta-amount {
	line-height: 1.4;
	margin-bottom: 0.5em;
}

.c-card-vertical.myPageListChild .c-card-vertical-cont .c-card-inBox-meta-amount-coin {
	font-weight: bold;
}

.c-card-vertical.myPageListChild .c-card-vertical-cont .c-card-inBox-meta-amount-coin::before {
	content: url(/images/exdio/renewal/icon_coin.svg);
	display: inline-block;
	margin-right: 0.3em;
	vertical-align: middle;
}

.c-card-vertical.myPageListChild .c-card-vertical-cont .c-card-inBox-meta-viewingPeriod {
	margin-bottom: 0.5em;
}

.c-card-vertical.myPageListChild .c-card-vertical-cont .c-card-inBox-meta-viewingDeadline {
	color: #f0027f;
	line-height: 1.4;
}

/* 購入関連の終了ページ */

.c-card-vertical.finished {
	margin: 0 auto;
	margin-top: 4.6rem;
	max-width: 900px;
}

.c-card-vertical.finished > .c-card-vertical-head {
	display: block;
}

.c-card-vertical.finished > .c-card-vertical-head > h2 {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.c-card-vertical.finished > .c-card-vertical-cont {
	margin-top: 3rem;
}

.c-card-vertical.finished > .c-card-vertical-cont .c-card-inBox-meta {
	position: relative;
}

.c-card-vertical.finished > .c-card-vertical-cont .c-card-inBox-meta .c-card-inBox-meta-price {
	display: none;
}

.c-card-vertical-cont.finishedPack .c-card {
	margin-bottom: 0;
}

.c-card-vertical-cont.finishedPack .c-card-inBox-meta .c-card-inBox-meta-titles {
	font-size: 1.6rem;
	max-height: 100%;
	min-height: 0;
}

/* 検索結果　200px番組パネル表示、SP時にサムネ下から横にメタが移動 */

.c-card-panel {
	position: relative; /* タイトル部分(.c-card-panel.inputのみ) */ /* コンテンツ部分 */
}

.c-card-panel-head {
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 1.4rem;
}

.c-card-panel-cont {
	-ms-flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.c-card-panel-cont .c-card {
	margin-bottom: 4rem;
	margin-right: 1.6rem;
	max-width: 196px;
	min-width: 196px;
}

.c-card-panel-cont .c-card:last-child {
	margin-right: auto;
}

.c-card-panel-cont .c-card-inBox-meta {
	position: relative;
}

.c-card-panel-cont .c-card-inBox-meta-titles {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
	min-height: 2.6em;
}

.c-card-panel-cont .c-card-inBox-meta-titles-title {
	display: inline-block;
	max-width: 196px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}

.c-card-panel-cont .c-card-inBox-meta-titles-titleSub {
	display: inline-block;
	max-width: 196px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}

.c-card-panel-cont .c-card-inBox-meta-caption {
	font-size: 1.3rem;
	line-height: 1.4;
	margin-top: 0.4rem;
	max-height: 1.4em;
	max-width: 196px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.c-card-panel-cont .c-card-inBox-meta-price {
	font-size: 1.3rem;
	font-weight: bold;
	margin-top: 0.4rem;
}

/*  SP向け検索用ページ(上書き) */

.c-card-panel.input { /* コンテンツ部分 */
}

.c-card-panel.input .c-more-btn {
	display: none;
}

/* テレ朝動画のオススメ */

.c-card-catchup {
	position: relative; /* タイトル部分(.c-card-panel.inputのみ) */ /* コンテンツ部分 */
}

.c-card-catchup-head {
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 1.4rem;
}

.c-card-catchup-cont {
	-ms-flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.c-card-catchup-cont .c-card {
	margin-bottom: 4rem;
	margin-right: 1.6rem;
	max-width: 196px;
	min-width: 196px;
}

.c-card-catchup-cont .c-card:last-child {
	margin-right: auto;
}

.c-card-catchup-cont .c-card-inBox-meta {
	position: relative;
}

.c-card-catchup-cont .c-card-inBox-meta-titles {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
	min-height: 2.6em;
}

.c-card-catchup-cont .c-card-inBox-meta-titles-title {
	display: inline-block;
	max-width: 196px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}

.c-card-catchup-cont .c-card-inBox-meta-titles-title.noHidden {
	overflow: visible;
	white-space: normal;
}

.c-card-catchup-cont .c-card-inBox-meta-titles-title.noHidden::after {
	content: url(/images/exdio/renewal/icon_blank.svg);
}

.c-card-catchup-cont .c-card-inBox-meta-titles-titleSub {
	display: inline-block;
	max-width: 196px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: break-all;
}

/* 番組カードスライダー + 見出し */

.c-cards {
	margin-top: 4.4rem;
}

.c-cards-head {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	margin-bottom: 1.9rem;
	max-width: 1280px;
}

.c-cards-head-hedding {
	font-size: 2rem; /* Styling */
	font-weight: bold;
	position: relative;
}

.c-cards-head-hedding-inner {
	opacity: 1;
	position: relative;
}

.c-cards-head-hedding-link {
	-ms-flex-negative: 0;
	color: #343434;
	flex-shrink: 0;
	font-size: 1.4rem; /* Styling */
	font-weight: bold;
	padding-right: 3.6rem; /* Styling */
	position: relative;
}

.c-cards-head-hedding-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-cards-head-hedding-link:visited {
	color: #343434;
}

.c-cards-head-hedding-link::after {
	right: 12px;
}

/* 注目キーワード */

.c-keywords {
	margin-top: 4.4rem;
}

.c-keywords-head-hedding {
	color: #343434;
	font-size: 2rem;
	font-weight: bold;
}

.c-keywords-cont {
	-ms-flex-wrap: wrap;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	margin-top: 2rem;
}

.c-keywords-cont-btn {
	background-color: #fff;
	border: 1px solid #343434;
	border-radius: 32px;
	display: block;
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 0.8rem;
	margin-right: 0.8rem;
}

.c-keywords-cont-btn:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-keywords-cont-btn-link {
	color: #343434;
	display: block;
	padding: 1rem 1.5rem;
}

.c-keywords-cont-btn-link:visited {
	color: #343434;
}

/***** モーダル *****/

/* モーダル（中身は利用するページで規定。デフォルトで非表示） */

.c-modal {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	height: 100%;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 23;
}

.c-modal-inBox {
	max-width: 840px;
	position: relative;
	width: 86%;
}

.c-modal-inBox-close {
	background: url(/images/exdio/renewal/Icon_close_modal.svg);
	cursor: pointer;
	display: block;
	height: 26px;
	position: absolute;
	right: 0;
	top: -40px;
	width: 26px;
}

.c-modal-inBox-check {
	bottom: -36px;
	display: block;
	position: absolute;
}

.c-modal-inBox-check > input {
	display: none;
}

.c-modal-inBox-check > input:checked + label::after {
	-webkit-transform: rotate(45deg);
	border-bottom: 2px solid #333;
	border-right: 2px solid #333;
	content: '';
	display: block;
	height: 12px;
	left: 7px;
	position: absolute;
	top: 3px;
	transform: rotate(45deg);
	width: 8px;
}

.c-modal-inBox-check > label {
	color: #fff;
	font-size: 1.4rem;
}

.c-modal-inBox-check > label::before {
	background: #fff;
	border-radius: 4px;
	content: '';
	cursor: pointer;
	display: inline-block;
	height: 22px;
	margin-right: 0.7em;
	vertical-align: middle;
	width: 22px;
}

.c-modal-inBox-cont {
	background: #fff;
	border-radius: 5px;
	max-height: 80%;
}

/* モーダル表示クラス */

.c-modal.on {
	-webkit-animation: fadeIn 0.2s linear 0s;
	animation: fadeIn 0.2s linear 0s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* 初回のみ表示される告知モーダル */

.m-gModalCont {
	min-height: 480px; /* モック用仮スタイル */
	text-align: center;
}

/* プルダウンメニュー */

.c-pulldown {
	display: block;
	font-size: 1.2rem;
	position: relative;
}

.c-pulldown-current {
	background: #fff;
	border: 1px solid #827d7d;
	border-radius: 2px;
	color: #222;
	cursor: pointer;
	padding: 15px 8px;
	position: relative;
}

.c-pulldown-current:hover {
	background: #efefef;
}

.c-pulldown-current::after {
	bottom: 0;
	content: url(/images/exdio/renewal/icon_pulldown.svg);
	display: block;
	height: 15px;
	margin: auto;
	position: absolute;
	right: 10px;
	top: 0;
	width: 10px;
}

.c-pulldown-menu {
	background: #fff;
	border: 1px solid #827d7d;
	border-radius: 2px;
	display: none;
	position: absolute;
	right: 24px;
	top: 24px;
	z-index: 1;
}

.c-pulldown-menu-inBox-btn {
	cursor: pointer;
	font-size: 1.2rem;
	padding: 1em 0.8rem;
}

.c-pulldown-menu-inBox-btn:hover {
	background: #efefef;
}

.c-pulldown-menu.open {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/***** 共通パーツ *****/

.c-pageTop {
	-webkit-transition: opacity 0.2s linear 0s, visibility;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	bottom: 20px;
	height: 60px;
	opacity: 0;
	position: fixed;
	right: 20px;
	transition: opacity 0.2s linear 0s, visibility;
	width: 60px;
	z-index: 20;
}

.c-pageTop-inBox {
	height: 60px;
	position: relative;
	width: 60px;
}

.c-pageTop-inBox::before {
	-webkit-transform: rotate(45deg);
	border-left: 3px solid #fff;
	border-top: 3px solid #fff;
	content: '';
	display: block;
	height: 16px;
	left: 23px;
	position: absolute;
	top: 25px;
	transform: rotate(45deg);
	width: 16px;
}

.c-pageTop.on {
	opacity: 1;
}

/***** 共通クラス *****/

.mt0 {
	margin-top: 0;
}

.mt20 {
	margin-top: 2rem;
}

.mt120 {
	margin-top: 12rem;
}

/* スマホ時に非表示 */

/* 全画面メニュー時にスクロール停止 */

/* clearfix */

.clearfix::after {
	clear: both;
	content: '';
	display: block;
}

/* 太字 */

.fontBold {
	font-weight: bold;
}

/* 汎用フェードインアニメーション */

/* 汎用フェードアウトアニメーション */

/*****************************************************************

検索結果

******************************************************************/

/*************************
	共有パーツ
*************************/

.c-searchInput {
	background: #e5e6cb;
	border-radius: 19px;
	font-size: 1.3rem;
	max-width: 340px;
	padding-left: 37px;
	padding-right: 37px;
	position: relative;
}

.c-searchInput > input[type='text'] {
	background: none;
	border: none;
	border-radius: 0;
	color: #343434;
	font-size: 1.3rem;
	height: 37px;
	outline: none;
	padding: 0;
	width: 100%;
}

.c-searchInput-btnClose {
	background: url(/images/exdio/renewal/icon_close.svg);
	background-size: 100%;
	bottom: 50%;
	cursor: pointer;
	display: block;
	height: 19px;
	margin: auto;
	position: absolute;
	right: 12px;
	top: 50%;
	width: 19px;
}

.c-searchInput::before {
	background: url(/images/exdio/renewal/icon_search.svg);
	background-size: 100%;
	bottom: 50%;
	content: '';
	display: block;
	height: 18px;
	left: 12px;
	margin: auto;
	position: absolute;
	top: 50%;
	width: 18px;
}

.c-searchInputCancel {
	display: none;
	font-size: 1.3rem;
	white-space: nowrap;
}

.c-navTab {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.c-navTab-inBox {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.c-navTab-inBox-btn {
	font-size: 1.4rem;
	font-weight: bold;
	margin-left: 0;
}

.c-navTab-inBox-btn-link {
	padding: 12px 1em;
}

.c-navTab-inBox-btn-link.current {
	border-bottom: 3px solid #cece00;
}

.c-navTab-inBox-btn-link:hover {
	border-bottom: 3px solid #cece00;
}

/*************************
	基本テンプレート
*************************/

.c-searchResults {
	margin: 0 auto;
	margin-top: 42px;
	max-width: 1280px;
}

.c-searchResults-searchBox {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.c-searchResults-searchBox .c-searchInput {
	max-width: 340px;
	width: 100%;
}

.c-searchResults-head {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-top: 2rem;
}

.c-searchResults-head-keyword {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
}

.c-searchResults-head-nav {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	max-width: 345px;
	min-width: 345px;
	padding-right: 2.3rem;
	width: 100%;
}

.c-searchResults-head-nav .c-pulldown {
	max-width: 128px;
	width: 100%;
}

.c-searchResults .c-card-panel { /* 仮 */
	margin: 0 auto; /* 仮 */
	margin-top: 2.6rem;
	max-width: 1280px;
}

.c-searchResults .c-pulldown {
	z-index: 2;
}

/*****************************************************************

番組ページ

******************************************************************/

/*************************
	共有パーツ
*************************/

/* もっと見るボタン */

.c-more-btn {
	cursor: pointer; /* a */
	display: block;
	height: 100%;
	width: 100%;
}

.c-more-btn-txt::before {
	content: 'もっと見る';
	margin-right: 1em;
}

.c-more-btn-txt::after {
	content: url(/images/exdio/renewal/arrow_bottom.svg);
}

.c-more-btn-txt.open::before {
	content: '元に戻す';
	margin-right: 1em;
}

.c-more-btn-txt.open::after {
	content: url(/images/exdio/renewal/arrow_top.svg);
	margin-bottom: 4px;
}

.c-more.forceHide {
	display: none !important;
}

/* マイリスト追加ボタン */

.c-addBtns {
	margin-top: 2rem;
	text-align: center;
}

.c-addBtns-inBox {
	margin: auto;
}

.c-addBtns-inBox-mylist {
	display: inline-block;
	margin-right: 1.6rem;
}

.c-addBtns-inBox-mylist-link {
	background-image: url(/images/exdio/renewal/icon_mylist.svg);
	background-position: top center;
	background-repeat: no-repeat;
	color: #000;
	cursor: pointer;
	display: block;
	font-size: 1.2rem;
	font-weight: 400;
	min-width: 35px;
	padding: 4.5rem 0 0 0;
}

.c-addBtns-inBox-mylist-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-addBtns-inBox-mylist-link.added {
	-webkit-transition-duration: 0.3s;
	background-image: url(/images/exdio/renewal/icon_mylist_on.svg);
	transition-duration: 0.3s;
}

.c-addBtns-inBox-share {
	display: inline-block;
	margin-left: 1.6rem;
	position: relative;
}

.c-addBtns-inBox-share-link {
	background-image: url(/images/exdio/renewal/icon_share.svg);
	background-position: top center;
	background-repeat: no-repeat;
	color: #000;
	cursor: pointer;
	display: block;
	font-size: 1.2rem;
	font-weight: 400;
	margin-left: 1.6rem;
	min-width: 35px;
	padding: 4.5rem 0 0 0;
}

.c-addBtns-inBox-share-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

/* SNSシェアボタン */

.c-shareBtns {
	display: none;
	position: absolute;
	z-index: 21;
}

.c-shareBtns-close {
	cursor: pointer;
	height: 35px;
	left: 17px;
	position: absolute;
	top: -57px;
	width: 35px;
	z-index: 21;
}

.c-shareBtns-twitter {
	-webkit-animation: popInTw 0.2s ease 0s;
	animation: popInTw 0.2s ease 0s;
	cursor: pointer;
	height: 35px;
	left: 71px;
	position: absolute;
	top: -100px;
	width: 35px;
}

.c-shareBtns-facebook {
	-webkit-animation: popInFb 0.2s ease 0s;
	animation: popInFb 0.2s ease 0s;
	cursor: pointer;
	height: 35px;
	left: 93px;
	position: absolute;
	top: -60px;
	width: 35px;
}

.c-shareBtns-line {
	-webkit-animation: popInLi 0.2s ease 0s;
	animation: popInLi 0.2s ease 0s;
	cursor: pointer;
	height: 35px;
	left: 71px;
	position: absolute;
	top: -20px;
	width: 35px;
}

.c-shareBtns-bg {
	background: rgba(255, 255, 255, 0.6);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 21;
}

.c-shareBtns-bg.overlayOn {
	-webkit-animation: fadeIn 0.2s linear 0s;
	animation: fadeIn 0.2s linear 0s;
	display: block;
}

.c-shareBtns.on {
	display: block;
}

/* SNSシェアボタン-Twitter表示時のアニメーション*/

/* SNSシェアボタン-facebook表示時のアニメーション*/

/* SNSシェアボタン-LINE表示時のアニメーション*/

/* マイリスト追加時に表示される通知ラベル（旧.common-add-label */

.c-addLabel {
	display: none;
	margin-top: 85px;
	max-width: 375px;
	position: fixed;
	right: 10px;
	width: 100%;
	z-index: 22;
}

.c-addLabel-inBox {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	background-color: #ffff11;
	border-radius: 5px;
	color: #343434;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	font-weight: bold;
	justify-content: space-between;
	padding: 1.5rem 1.2rem;
}

.c-addLabel-inBox::before {
	content: 'マイリストから削除しました';
}

.c-addLabel-inBox-close {
	background-image: url(/images/exdio/renewal/icon_notification_close_btn.svg);
	background-position: center center;
	background-repeat: no-repeat;
	padding: 12px 10px;
}

.c-addLabel.added .c-addLabel-inBox::before {
	content: 'マイリストに追加しました';
}

/* 番組ページのボタン共通 */

.c-pageBtn {
	font-size: 15px;
	font-weight: bold; /* c-headMeta用 */
}

.c-pageBtn-link {
	-webkit-transition: 0.4s;
	background: #2d2d2d;
	border-radius: 5px;
	color: #fff;
	padding: 14px 24px;
	transition: 0.4s;
	width: 100%;
}

.c-pageBtn-link:link {
	color: #fff;
}

.c-pageBtn-link:visited {
	color: #fff;
}

.c-pageBtn-link:hover {
	-webkit-transition: 0.2s;
	opacity: 0.7;
	transition: 0.2s;
}

.c-pageBtn-link-coins {
	font-size: 2rem;
	line-height: 1;
}

.c-pageBtn-link-coins::before {
	content: url(/images/exdio/renewal/icon_coin_s.svg);
	margin-right: 0.3em;
	vertical-align: middle;
}

.c-pageBtn-link-discount {
	background: #ffff11;
	border-radius: 5px;
	color: #2d2d2d;
	font-size: 1.3rem;
	line-height: 1;
	padding: 0.3em 0.6em;
}

.c-pageBtn-link-discount-rate {
	font-weight: normal;
}

.c-pageBtn-link-yen {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1;
	vertical-align: bottom;
}

.c-pageBtn.playNow {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-top: 2rem;
	max-width: 460px;
	width: 100%;
}

.c-pageBtn.playNow > .c-pageBtn-link {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}

.c-pageBtn.playNow > .c-pageBtn-link:visited {
	color: #fff;
}

.c-pageBtn.playNow > .c-pageBtn-link > .c-pageBtn-link-coins {
	margin-right: 0.2em;
}

.c-pageBtn.playNow > .c-pageBtn-link > .c-pageBtn-link-discount {
	margin-left: 0.5em;
}

/* 番組ページのpager */

.c-storyPager {
	margin-top: 2rem;
	max-width: 460px;
}

.c-storyPager-inBox {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	justify-content: space-between;
}

.c-storyPager-inBox-previous {
	border-right: 1px solid #e3e3e3;
	padding: 1rem 0;
	text-align: center;
	width: 33.333333%;
}

.c-storyPager-inBox-previous-link {
	color: #b7b7b7;
	text-decoration: underline;
}

.c-storyPager-inBox-previous-link:visited {
	color: #b7b7b7;
}

.c-storyPager-inBox-previous-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-storyPager-inBox-list {
	font-weight: bold;
	padding: 1rem 0;
	text-align: center;
	width: 33.333333%;
}

.c-storyPager-inBox-list-link {
	text-decoration: underline;
}

.c-storyPager-inBox-list-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-storyPager-inBox-forward {
	border-left: 1px solid #e3e3e3;
	padding: 1rem 0;
	text-align: center;
	width: 33.333333%;
}

.c-storyPager-inBox-forward-link {
	color: #b7b7b7;
	text-decoration: underline;
}

.c-storyPager-inBox-forward-link:visited {
	color: #b7b7b7;
}

.c-storyPager-inBox-forward-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

/*************************
	基本テンプレート
*************************/

.c-headMeta {
	margin-bottom: 40px;
	margin-top: 30px;
}

.c-headMeta-metaBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	max-width: 1160px;
	padding: 0 4rem;
}

.c-headMeta-metaBox-art {
	width: 44%;
}

.c-headMeta-metaBox-art-inBox {
	background: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	margin: 0 auto;
	max-width: 480px;
	overflow: hidden;
	position: relative;
}

.c-headMeta-metaBox-art-inBox-ribbon {
	-webkit-transform: rotate(-45deg);
	background: #000;
	color: #fff;
	font-size: 15px;
	left: -24px;
	padding: 4px 0;
	position: absolute;
	text-align: center;
	top: 18px;
	transform: rotate(-45deg);
	width: 7em;
}

.c-headMeta-metaBox-art-inBox-labelStatus {
	background: #666666;
	border-radius: 5px;
	color: #fff;
	font-size: 1.6rem;
	margin-left: auto;
	padding: 5px 0;
	position: absolute;
	right: 5px;
	text-align: center;
	top: 5px;
	width: 112px;
}

.c-headMeta-metaBox-art-inBox-labelBottom {
	background: #343434;
	bottom: 0;
	color: #fff;
	font-size: 1.2rem;
	left: 0;
	padding: 1rem 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

.c-headMeta-metaBox-art-inBox-artwork-img {
	height: auto;
	max-width: 100%;
	vertical-align: top;
}

.c-headMeta-metaBox-art-inBox-artwork.shadowOn::before {
	-webkit-transition: 0.3s;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
	bottom: 0;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	transition: 0.3s;
	width: 100%;
	z-index: 1;
}

.c-headMeta-metaBox-art-inBox-viewingPeriod {
	background: #f0027f;
	bottom: 8px;
	color: #fff;
	font-size: 1.1rem;
	font-weight: bold;
	left: 0;
	line-height: 1.3;
	padding: 5px 7px;
	position: absolute;
	z-index: 1;
}

.c-headMeta-metaBox-info {
	font-size: 1.4rem;
	line-height: 1.57;
	margin-left: 4%;
	max-width: 560px;
	min-height: 273px;
	width: 52%; /* for catchup page */ /* for catchup page */
}

.c-headMeta-metaBox-info-title {
	font-size: 3.8rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 3rem;
}

.c-headMeta-metaBox-info-titleSub {
	font-size: 2rem;
	font-weight: bold;
}

.c-headMeta-metaBox-info-price { /* パックのページの価格 */
}

.c-headMeta-metaBox-info-price.pack > .coin {
	font-weight: bold;
}

.c-headMeta-metaBox-info-price.pack > .coin::before {
	background: url(/images/exdio/renewal/icon_coin_s.svg) no-repeat center center;
	content: '';
	display: inline-block;
	height: 17px;
	margin-right: 0.2em;
	vertical-align: middle;
	width: 17px;
}

.c-headMeta-metaBox-info-price.pack > .about-coin {
	cursor: pointer;
	margin-left: 1em;
	text-decoration: underline;
}

.c-headMeta-metaBox-info-price.pack > .about-coin:hover {
	-webkit-transition: 0.3s;
	opacity: 0.6;
	transition: 0.3s;
}

.c-headMeta-metaBox-info-viewingPeriod {
	margin-bottom: 2em;
}

.c-headMeta-metaBox-info-onAir {
	font-size: 1.4rem;
}

.c-headMeta-metaBox-info-btnPurchase {
	margin-top: 5rem;
	text-align: center;
}

.c-headMeta-metaBox-info-btnPurchase-link {
	background: #ffeb00;
	border-radius: 28px;
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	padding: 11px 0 14px 0;
}

.c-headMeta-metaBox-info-btnPurchase-link > .monthly-price {
	font-size: 2.4rem;
}

.c-headMeta-metaBox-info-btnPurchase.pack {
	padding: 1.4rem 2rem;
}

.c-headMeta-metaBox-info-btnPurchase.pack > .pack-price {
	background: #fff;
	border-radius: 3px;
	font-size: 15px;
	font-weight: normal;
	margin-left: 0.9rem;
	margin-right: 0.2em;
	min-width: 4em;
	padding: 0.2em 0.5em 0.2em 0.3em;
	text-align: center;
	white-space: nowrap;
}

.c-headMeta-metaBox-info-btnPurchase.pack > .pack-price::before {
	content: url(/images/exdio/renewal/icon_coin.svg);
	margin-right: 0.5rem;
}

.c-headMeta-metaBox-info-btnPurchase.pack > .pack-discountRate {
	background: #343434;
	border-radius: 3px;
	color: #fff;
	font-size: 1.3rem;
	font-weight: normal;
	margin-left: 0.2em;
	padding: 0.3em 0.5em;
	white-space: nowrap;
}

.c-headMeta-metaBox-info-caption {
	line-height: 1.4;
	max-height: 9.6em;
	overflow: hidden;
}

.c-headMeta-metaBox-info-caption.open {
	max-height: none;
}

.c-headMeta-metaBox-info .c-more {
	font-weight: bold;
	margin-top: 4rem;
	text-align: center;
}

.c-headMeta-metaBox-info > .c-addBtns {
	display: none;
}

/* メダルについての中身 */

.aboutCoin {
	margin: auto;
	padding: 5rem 9.8rem;
}

.aboutCoin-nav-inBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.aboutCoin-nav-inBox-btn {
	border-bottom: 5px solid #fff;
	cursor: pointer;
	font-weight: bold;
	padding: 0.9rem 0;
	text-align: center;
	width: 50%;
}

.aboutCoin-nav-inBox-btn.current {
	border-bottom: 5px solid #cece00;
}

.aboutCoin-nav-inBox-btn:hover {
	border-bottom: 5px solid #e3e3e3;
}

.aboutCoin-cont {
	margin-top: 2.2rem;
}

.aboutCoin-cont-inBox-article {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	border-bottom: 1px solid #e3e3e3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	line-height: 1;
	padding: 2rem 0 1.4rem 0;
}

.aboutCoin-cont-inBox-article-coin {
	font-size: 2rem;
	font-weight: bold;
	padding-left: 0.4em;
}

.aboutCoin-cont-inBox-article-coin::before {
	content: url(/images/exdio/renewal/icon_coin_s.svg);
	margin-right: 0.4em;
	vertical-align: middle;
}

.aboutCoin-cont-inBox-article-coin-plus {
	font-size: 1.2rem;
	font-weight: normal;
}

.aboutCoin-cont-inBox-article-price {
	font-size: 15px;
	padding-right: 1em;
}

.aboutCoin-cont-inBox-article-price-prefix {
	margin-right: 0.4em;
}

.aboutCoin-cont-inBox-article-price-tax {
	font-size: 1rem;
	margin-left: 0.2em;
}

.aboutCoin-charge {
	margin-top: 3rem;
}

.aboutCoin-charge-link {
	background: #2d2d2d;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto;
	max-width: 346px;
	padding: 0.8em 0;
	text-align: center;
}

.aboutCoin-charge-link:visited {
	color: #fff;
}

.aboutCoin-charge-link:hover {
	color: #ffff11;
}

/* サムネとリストを切り替えるスイッチ */

.c-sortSwitch {
	width: 142px;
}

.c-sortSwitch-inBox {
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}

.c-sortSwitch-inBox-btn {
	display: block;
	margin: 0 15px;
	width: 20px;
}

.c-sortSwitch-inBox-btn-link {
	cursor: pointer;
	display: block;
	height: 20px;
	width: 20px;
}

.c-sortSwitch-inBox-btn.with-thumb {
	margin-left: 25px;
}

.c-sortSwitch-inBox-btn.with-thumb > .c-sortSwitch-inBox-btn-link {
	background: url(/images/exdio/renewal/icon_sort_thumb.svg) no-repeat center center;
}

.c-sortSwitch-inBox-btn.with-thumb.current > .c-sortSwitch-inBox-btn-link {
	background: url(/images/exdio/renewal/icon_sort_thumb_on.svg) no-repeat center center;
}

.c-sortSwitch-inBox-btn.no-thumb > .c-sortSwitch-inBox-btn-link {
	background: url(/images/exdio/renewal/icon_sort_list.svg) no-repeat center center;
}

.c-sortSwitch-inBox-btn.no-thumb.current > .c-sortSwitch-inBox-btn-link {
	background: url(/images/exdio/renewal/icon_sort_list_on.svg) no-repeat center center;
}

.c-listMeta {
	background: #f3f4f5;
	padding-top: 40px;
	width: 100%;
}

.c-listMeta-inBox {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1280px;
}

.c-listMeta-inBox-main {
	width: 100%; /*background: #FFF;*/
}

.c-listMeta-inBox-main > .c-card-vertical {
	background: #fff;
	padding: 2.5rem;
}

.c-listMeta-inBox-main > .c-card-vertical > .c-card-vertical-cont > .c-card:last-child {
	margin-bottom: 0;
}

.c-listMeta-inBox-main > .common-wrapper-programs {
	padding: 2.5rem;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper {
	margin-top: 0;
	padding-left: 0;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > header > .common-search-box {
	padding: 0;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > header > .sort-switch {
	width: 142px;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > header > .sort-switch > ul {
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > header > .sort-switch > ul > li {
	display: block;
	margin: 0 15px;
	width: 20px;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > header > .sort-switch > ul > li > a {
	display: block;
	height: 20px;
	width: 20px;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > header > .sort-switch > ul > li.with-thumb > a {
	background: url(/images/exdio/renewal/icon_sort_thumb.svg) no-repeat center center;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > header > .sort-switch > ul > li.with-thumb.current > a {
	background: url(/images/exdio/renewal/icon_sort_thumb_on.svg) no-repeat center center;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > header > .sort-switch > ul > li.no-thumb > a {
	background: url(/images/exdio/renewal/icon_sort_list.svg) no-repeat center center;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > header > .sort-switch > ul > li.no-thumb.current > a {
	background: url(/images/exdio/renewal/icon_sort_list_on.svg) no-repeat center center;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program {
	margin-bottom: 2rem;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > .program-thumb {
	-ms-flex-preferred-size: 144px;
	flex-basis: 144px;
	height: 81px;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > .program-thumb > .thumbnail {
	height: 81px;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > figcaption > .program-title {
	font-size: 1.6rem;
	font-weight: bold;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > figcaption > .program-title > span.time {
	display: none;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > figcaption > .program-title.added::before {
	content: url(/images/exdio/renewal/icon_mylist_on_small.svg);
	display: inline-block;
	height: 21px;
	margin-right: 0.2em;
	vertical-align: middle;
	width: 21px;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > figcaption > .program-title.new::before {
	display: none;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > figcaption > .program-caption {
	font-size: 1.3rem;
	line-height: 1.46;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > figcaption > .price {
	display: none;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > .list-btn-play {
	display: none;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper.list > .common-programs > .common-program {
	border-bottom: 1px solid #e3e3e3;
	padding: 8px 0;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper.list > .common-programs > .common-program > figure {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper.list > .common-programs > .common-program > figure > .program-thumb {
	display: none;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper.list > .common-programs > .common-program > figure > figcaption {
	margin: 0 1.6rem 0 0;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper.list > .common-programs > .common-program > figure > figcaption > .program-title > span.time {
	display: inline-block;
	font-size: 1.3rem;
	font-weight: normal;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper.list > .common-programs > .common-program > figure > figcaption > .program-title.new::before {
	background: #f33699;
	color: #fff;
	content: 'NEW';
	display: inline-block;
	font-size: 0.9rem;
	margin-right: 0.2em;
	padding: 0.2em 1em;
	vertical-align: middle;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper.list > .common-programs > .common-program > figure > figcaption > .program-caption {
	display: none;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper.list > .common-programs > .common-program > figure > .list-btn-play {
	display: block;
}

.c-listMeta-inBox-sub {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 30px;
	width: 300px;
}

.c-listMeta-inBox-sub-btnProgramTop-link {
	background: #343434;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: bold;
	padding: 1.6rem 0;
	text-align: center;
}

.c-listMeta-inBox-sub-btnProgramTop-link:visited {
	color: #fff;
}

.c-listMeta-inBox-sub-btnProgramTop-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-listMeta-inBox > .list-programs-area-sub .common-wrapper-programs > .common-programs-wrapper {
	margin-top: 0;
}

.c-listMeta-inBox > .list-programs-area-sub .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > .program-thumb {
	-ms-flex-preferred-size: 130px;
	flex-basis: 130px;
	height: 74px;
}

.c-listMeta-inBox > .list-programs-area-sub .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > .program-thumb > .time {
	font-size: 0.9rem;
}

.c-listMeta-inBox > .list-programs-area-sub .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > .program-thumb > .thumbnail {
	height: 74px;
}

.c-listMeta-inBox > .list-programs-area-sub .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > figcaption > .program-title {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.2;
}

.c-listMeta-inBox > .list-programs-area-sub .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > figcaption > .program-caption {
	font-size: 1.2rem;
	line-height: 1.4;
	max-height: 1.4em;
}

.c-listMeta-inBox > .list-programs-area-sub .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > figcaption > .price {
	font-size: 1.2rem;
	margin-top: 0.8rem;
}

.c-listMeta-inBox > .list-programs-area-sub .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > figcaption > .price.free {
	color: #f0027f;
}

.c-listHeadMeta {
	padding: 0 3rem 4rem 3rem;
}

.c-listHeadMeta-cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-listHeadMeta-cont-art {
	-ms-flex-negative: 2;
	-ms-flex-preferred-size: 256px;
	flex-basis: 256px;
	flex-shrink: 2;
	min-width: 192px;
}

.c-listHeadMeta-cont-art-inBox {
	background: #fff;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.c-listHeadMeta-cont-info {
	-ms-flex-negative: 4;
	flex-shrink: 4;
	font-size: 1.3rem;
	line-height: 1.46;
	margin-left: 2rem;
	max-width: 600px;
}

.c-listHeadMeta-cont-info-title {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.7;
	margin-bottom: 1rem;
}

.c-listHeadMeta-cont-info-title > .priceFree {
	background: #f0027f;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1;
	margin: auto 0;
	padding: 0.4em 0.8em;
	vertical-align: middle;
	white-space: nowrap;
}

.c-listHeadMeta-cont-info-time {
	margin-bottom: 0.2em;
}

.c-listHeadMeta-cont-info-price {
	margin-bottom: 0.2em;
}

.c-listHeadMeta-cont-info-price-coin::before {
	content: url(/images/exdio/renewal/icon_coin_s.svg);
	display: inline-block;
	margin-right: 0.2rem;
	vertical-align: middle;
}

.c-listHeadMeta-cont-info-price-aboutCoin {
	margin-left: 1em;
	text-decoration: underline;
}

.c-listHeadMeta-cont-info-price-aboutCoin:hover {
	-webkit-transition: 0.2s;
	opacity: 0.7;
	transition: 0.2s;
}

.c-listHeadMeta-cont-info-price.free > .c-listHeadMeta-cont-info-price-coin {
	color: #f0027f;
	font-weight: bold;
}

.c-listHeadMeta-cont-info-onAir {
	margin-bottom: 0.2em;
}

.c-listHeadMeta-cont-info-onAirSp {
	display: none;
	margin-bottom: 0.2em;
}

.c-listHeadMeta-cont-info-viewingPeriod {
	margin-bottom: 1.8em;
}

.c-listHeadMeta-cont-info-caption {
	line-height: 1.6;
	max-height: 3.2em;
	overflow: hidden;
}

.c-listHeadMeta-cont-info > .common-mylist-and-share {
	display: none;
}

.c-listHeadMeta-cont-info > .story-pager {
	margin-top: 2rem;
}

.c-listHeadMeta-cont-info > .story-pager > ul {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.c-listHeadMeta-cont-info > .story-pager > ul > li {
	font-size: 1.4rem;
	padding: 1rem 0;
	text-align: center;
	width: 33.333333%;
}

.c-listHeadMeta-cont-info > .story-pager > ul > li a {
	text-decoration: underline;
}

.c-listHeadMeta-cont-info > .story-pager > ul > li.previous {
	border-right: 1px solid #e3e3e3;
}

.c-listHeadMeta-cont-info > .story-pager > ul > li.previous > a {
	color: #b7b7b7;
}

.c-listHeadMeta-cont-info > .story-pager > ul > li.forward {
	border-left: 1px solid #e3e3e3;
}

.c-listHeadMeta-cont-info > .story-pager > ul > li.forward > a {
	color: #b7b7b7;
}

.c-listPack {
	background: #fff;
	margin-bottom: 4rem;
	padding: 3rem;
}

.c-listPack-inBox-head {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.c-listPack-inBox-head-title {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 1.6rem;
}

.c-listPack-inBox-head-title-link {
	font-size: 1.3rem;
}

.c-listPack-inBox-head-title-link > a::after {
	content: url(/images/exdio/renewal/icon_question_circle.svg);
	display: inline-block;
	height: 18px;
	margin-left: 0.4em;
	vertical-align: middle;
	width: 18px;
}

.c-listPack-inBox-head-link {
	font-size: 1.3rem;
}

.c-listPack-inBox-head-link:hover {
	-webkit-transition: 0.2s;
	opacity: 0.7;
	transition: 0.2s;
}

.c-listPack-inBox-head-link::after {
	content: url(/images/exdio/renewal/icon_question_circle.svg);
	display: inline-block;
	margin-left: 0.5em;
	vertical-align: middle;
}

.c-listPack-inBox-cont {
	-ms-flex-pack: justify;
	-ms-flex-wrap: wrap;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-height: 120px;
	overflow: hidden;
}

.c-listPack-inBox-cont.open {
	max-height: 100%;
}

.c-listPack-inBox-cont .c-pageBtn {
	margin-bottom: 1.5rem;
	width: 49%;
}

.c-listPack-inBox-cont .c-pageBtn:nth-last-child(1) {
	margin-bottom: 0;
}

.c-listPack-inBox-cont .c-pageBtn:nth-last-child(2) {
	margin-bottom: 0;
}

.c-listPack-inBox-cont .c-pageBtn-link {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 1.4rem 2rem;
}

.c-listPack-inBox-cont .c-pageBtn-link-packName {
	font-weight: bold;
	width: 100%;
}

.c-listPack-inBox-cont .c-pageBtn-link-discountRate {
	background: #ffff11;
	border-radius: 3px;
	color: #343434;
	font-size: 1.3rem;
	font-weight: normal;
	padding: 0.3em 0.5em;
	white-space: nowrap;
}

.c-listPack-inBox-cont .c-pageBtn-link-price {
	border-radius: 3px;
	font-size: 2rem;
	margin-left: 1em;
	white-space: nowrap;
}

.c-listPack-inBox-cont .c-pageBtn-link-price > span::before {
	content: url(/images/exdio/renewal/icon_coin.svg);
	margin-right: 0.5rem;
}

.c-listPack-inBox .c-more {
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}

.c-listPack-inBox .c-more > .c-more-btn {
	padding-top: 3rem;
}

.c-storyMeta {
	margin: 0 auto;
	margin-bottom: 4rem;
	margin-top: 3rem;
	max-width: 1080px;
}

.c-storyMeta-inBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-storyMeta-inBox-meta {
	border-right: 1px solid #e3e3e3;
	font-size: 1.3rem;
	line-height: 1.6;
	min-width: 580px;
	padding-right: 4rem;
	width: 100%;
}

.c-storyMeta-inBox-meta-title {
	font-size: 3.8rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 2rem;
}

.c-storyMeta-inBox-meta-title-small {
	font-size: 2.5rem;
}

.c-storyMeta-inBox-meta-price-coin {
	font-weight: bold;
}

.c-storyMeta-inBox-meta-price-coin::before {
	content: url(/images/exdio/renewal/icon_coin.svg);
	display: inline-block;
	margin-right: 0.2em;
	vertical-align: middle;
}

.c-storyMeta-inBox-meta-price-aboutCoin {
	margin-left: 1em;
	text-decoration: underline;
}

.c-storyMeta-inBox-meta-price-aboutCoin:hover {
	-webkit-transition: 0.3s;
	opacity: 0.6;
	transition: 0.3s;
}

.c-storyMeta-inBox-meta-price.free > .c-storyMeta-inBox-meta-price-coin {
	color: #f0027f;
	font-weight: bold;
}

.c-storyMeta-inBox-meta-viewingPeriod {
	margin-bottom: 2em;
}

.c-storyMeta-inBox-meta-viewingPeriod.purchased {
	color: #f33699;
	margin-bottom: 2em;
}

.c-storyMeta-inBox-meta-viewingPeriod.purchased > dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-storyMeta-inBox-meta-viewingPeriod.purchased > dl dt {
	background: #cece00;
	border-radius: 4px;
	color: #fff;
	content: '購入済';
	display: inline-block;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	height: 1.4em;
	line-height: 1;
	margin-right: 0.4em;
	padding: 0.2em 0.5em;
	white-space: nowrap;
}

.c-storyMeta-inBox-meta-caption {
	line-height: 1.6;
	max-height: 1.6em;
	overflow: hidden;
}

.c-storyMeta-inBox-meta-caption.open {
	max-height: 100%;
}

.c-storyMeta-inBox-meta > .c-more {
	font-weight: bold;
	text-align: center;
}

.c-storyMeta-inBox-meta > .c-more > .c-more-btn {
	padding-top: 2rem;
}

.c-storyMeta-inBox-meta > .c-addBtns {
	display: none;
}

.c-storyMeta-inBox-actions {
	-ms-flex-direction: column;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	max-width: 500px;
	padding-left: 40px;
	width: 100%;
}

.c-storyMeta-inBox-actions > .c-pageBtn > .c-pageBtn-link {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}

.c-storyMeta-inBox-actions > .c-pageBtn > .c-pageBtn-link > .c-pageBtn-link-free {
	background: #f0027f;
	border-radius: 3px;
	font-size: 1.2rem;
	margin-right: 0.2em;
	padding: 3px 5px;
}

.c-storyMeta-inBox-actions > .c-pageBtn > .c-pageBtn-link > .c-pageBtn-link-coin {
	font-size: 2rem;
}

.c-storyMeta-inBox-actions > .c-pageBtn > .c-pageBtn-link > .c-pageBtn-link-coin::before {
	content: url(/images/exdio/renewal/icon_coin.svg);
	margin-right: 0.2em;
	vertical-align: middle;
}

.c-storyMeta-inBox-actions > .c-storyPager {
	margin-top: auto;
}

/*****************************************************************

見逃し無料

******************************************************************/

/*************************
	基本テンプレート
*************************/

.c-catchupIndex .c-headMeta-metaBox {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.c-catchupIndex .c-headMeta-metaBox-art {
	-ms-flex-preferred-size: 480px;
	flex-basis: 480px;
}

.c-catchupIndex .c-headMeta-metaBox-info {
	-ms-flex-preferred-size: 563px;
	flex-basis: 563px;
}

.c-catchupIndex .c-headMeta-metaBox-info-title {
	margin-bottom: 0.4rem;
}

.c-catchupIndex .c-headMeta-metaBox-info-titleSub {
	margin-bottom: 3rem;
}

.c-catchupIndex .c-headMeta-metaBox-info-viewingPeriod {
	margin-bottom: 0.2rem;
}

.c-catchupIndex .c-headMeta-metaBox-info-btn-link {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	background: #2d2d2d;
	border-radius: 5px;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 15px;
	font-weight: bold;
	height: 48px;
	justify-content: center;
	margin-top: 3rem;
	max-width: 459px;
	width: 100%;
}

.c-catchupIndex .c-headMeta-metaBox-info-btn-link-free {
	background: #f0027f;
	border-radius: 5px;
	font-size: 1.2rem;
	margin-right: 0.2em;
	padding: 0.1em 0.5em;
}

.c-catchupIndex .c-headMeta-metaBox-info-btn-link:link {
	color: #fff;
}

.c-catchupIndex .c-headMeta-metaBox-info-btn-link:visited {
	color: #fff;
}

.c-catchupIndex .c-headMeta-metaBox-info-btn-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

/*****************************************************************

検索結果

******************************************************************/

/*************************
	基本テンプレート
*************************/

.c-listByGenre {
	margin: 0 auto;
	margin-top: 42px;
	max-width: 1280px;
}

.c-listByGenre-head {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-top: 2rem;
}

.c-listByGenre-head-back {
	font-size: 1.4rem;
	padding-left: 1em;
	position: relative;
	width: 33.333333%;
}

.c-listByGenre-head-back:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-listByGenre-head-back::before {
	-webkit-transform: rotate(45deg);
	border-bottom: 2px solid #343434;
	border-left: 2px solid #343434;
	bottom: 0;
	content: '';
	display: block;
	height: 8px;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	transform: rotate(45deg);
	width: 8px;
}

.c-listByGenre-head-title {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	text-align: center;
	width: 33.333333%;
}

.c-listByGenre-head-title-head {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
}

.c-listByGenre-head-navBox {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding-right: 2.3rem;
	width: 33.333333%;
}

.c-listByGenre-head-navBox-nav {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-left: auto;
	max-width: 328px;
	width: 100%;
}

.c-listByGenre-head-navBox-nav .c-pulldown {
	max-width: 128px;
	min-width: 120px;
	width: 100%;
}

.c-listByGenre .c-card-panel { /* 仮 */
	margin: 0 auto; /* 仮 */
	margin-top: 2.6rem;
	max-width: 1280px;
}

.c-listByGenre .c-pulldown {
	z-index: 2;
}

/*****************************************************************

マイページ

******************************************************************/

/*************************
	基本テンプレート
*************************/

.c-mypage {
	margin-top: 2.6rem;
}

.c-mypage-head {
	margin: 0 auto;
	max-width: 900px;
	position: relative;
}

.c-mypage-head-titleBox {
	margin: 0 auto;
	margin-bottom: 3.7rem;
	padding-top: 3.7rem;
}

.c-mypage-head-titleBox-title {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

.c-mypage-head-titleBox-regist {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-top: 35px;
}

.c-mypage-head-titleBox-regist-btn {
	max-width: 170px;
	width: 100%;
}

.c-mypage-head-titleBox-regist-btn-link {
	background: #ffeb00;
	border-radius: 48px;
	display: block;
	font-size: 15px;
	font-weight: bold;
	padding: 1.6rem;
	text-align: center;
}

.c-mypage-head-titleBox-regist-btn.signup {
	margin-right: 4px;
}

.c-mypage-head-titleBox-regist-btn.login {
	margin-left: 4px;
}

.c-mypage-head-nav-inBox {
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}

.c-mypage-head-nav-inBox-btn {
	display: block;
	text-align: center;
	width: 100%;
}

.c-mypage-head-nav-inBox-btn-link {
	border-bottom: 5px solid #fff;
	display: block;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 1.5rem 0;
}

.c-mypage-head-nav-inBox-btn-link:hover {
	border-bottom: 5px solid #cece00;
}

.c-mypage-head-nav-inBox-btn.current .c-mypage-head-nav-inBox-btn-link {
	border-bottom: 5px solid #cece00;
}

.c-mypage-cont {
	background: #f3f4f5;
	width: 100%;
}

.c-mypage-cont-inBox {
	margin: 0 auto;
	max-width: 900px;
}

/*************************
	共通要素
*************************/

/* マイページ内のアカウントとメダル通帳・チャージのブロック */

.c-myInfoBox {
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	width: 200px;
}

.c-myInfoBox-nav {
	font-size: 1.4rem;
}

.c-myInfoBox-nav-inBox {
	-ms-flex-align: center;
	-ms-flex-pack: end;
	-webkit-box-align: center;
	-webkit-box-pack: end;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
}

.c-myInfoBox-nav-inBox-btn-link {
	text-decoration: underline;
}

.c-myInfoBox-nav-inBox-btn-link:hover {
	color: #cece00;
}

.c-myInfoBox-nav-inBox-btn.accInfo {
	margin-right: 2rem;
}

.c-myInfoBox-nav-inBox-btn.accInfo::before {
	content: url(/images/exdio/renewal/icon_mypage.svg);
	display: inline-block;
	margin-right: 0.6rem;
	vertical-align: middle;
}

.c-myInfoBox-nav-inBox-btn.coinHistory::before {
	content: url(/images/exdio/renewal/icon_coin.svg);
	display: inline-block;
	margin-right: 0.6rem;
	vertical-align: middle;
}

.c-myInfoBox-coins {
	-ms-flex-align: center;
	-ms-flex-pack: end;
	-webkit-box-align: center;
	-webkit-box-pack: end;
	align-items: center;
	background: #fffde5;
	border-radius: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
	margin-top: 2rem;
	padding: 0.7rem 0.5rem 0.7rem 2rem;
}

.c-myInfoBox-coins-balance {
	font-size: 1.3rem;
}

.c-myInfoBox-coins-balance-num {
	font-size: 2rem;
	font-weight: bold;
	margin-left: 0.6rem;
}

.c-myInfoBox-coins-balance-num::before {
	content: url(/images/exdio/renewal/icon_coin.svg);
	margin-right: 0.5rem;
}

.c-myInfoBox-coins-charge {
	margin-left: 2rem;
	max-width: 80px;
}

.c-myInfoBox-coins-charge-link {
	background: #2d2d2d;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 1.1rem;
	font-weight: bold;
	padding: 1rem 1.8rem;
}

.c-myInfoBox-coins-charge-link:link {
	color: #fff;
}

.c-myInfoBox-coins-charge-link:visited {
	color: #fff;
}

.c-myInfoBox-coins-charge-link:hover {
	background: #cece00;
}

.c-myRegist {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-top: 35px;
}

.c-myRegist-btn {
	max-width: 170px;
	width: 100%;
}

.c-myRegist-btn-link {
	border-radius: 5px;
	display: block;
	font-size: 15px;
	font-weight: bold;
	padding: 1.6rem;
	text-align: center;
}

.c-myRegist-btn.signup {
	margin-right: 4px;
}

.c-myRegist-btn.signup > .c-myRegist-btn-link {
	background: #ffff11;
}

.c-myRegist-btn.login {
	margin-left: 4px;
}

.c-myRegist-btn.login > .c-myRegist-btn-link {
	background: #2d2d2d;
	color: #fff;
}

/*************************
	マイページ＞アカウント情報
*************************/

/* .c-mypageの上書き部分 */

.c-mypage.account { /* for アカウント編集 */
}

.c-mypage.account .c-mypage-btnBack {
	display: none;
}

.c-mypage.account .c-mypage-btnBack::before {
	-webkit-transform: rotate(45deg);
	border-bottom: 2px solid #343434;
	border-left: 2px solid #343434;
	bottom: 0;
	content: '';
	display: block;
	height: 8px;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	transform: rotate(45deg);
	width: 8px;
}

.c-mypage.account .c-mypage-btnBack.alwaysOn {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	bottom: 0;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	left: 1.6rem;
	line-height: 1;
	margin: auto;
	padding-left: 1.5em;
	position: relative;
	position: absolute;
	top: 0;
	vertical-align: middle;
	width: 4em;
}

.c-mypage.account .c-mypage-btnBack.alwaysOn::before {
	-webkit-transform: rotate(45deg);
	border-bottom: 2px solid #343434;
	border-left: 2px solid #343434;
	bottom: 0;
	content: '';
	display: block;
	height: 8px;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	transform: rotate(45deg);
	width: 8px;
}

/* マイページ > アカウントの固有要素 */

.c-mypageAccount {
	padding-bottom: 7.5rem;
	padding-top: 3rem;
}

.c-mypageAccount-header {
	margin-bottom: 3rem;
	position: relative;
}

.c-mypageAccount-header-title {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

.c-mypageAccount-cont-personal-prof {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	padding: 2rem 0;
}

.c-mypageAccount-cont-personal-prof-pictBox {
	height: 82px;
	width: 82px;
}

.c-mypageAccount-cont-personal-prof-pictBox-pict {
	border-radius: 50%;
	width: 100%;
}

.c-mypageAccount-cont-personal-prof-info {
	margin-left: 3rem;
}

.c-mypageAccount-cont-personal-prof-info-name {
	font-size: 1.6rem;
	font-weight: bold;
}

.c-mypageAccount-cont-personal-prof-info-mail {
	font-size: 1.4rem;
	margin-top: 1rem;
}

.c-mypageAccount-cont-personal-prof-info-edit {
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 1.2rem;
	text-decoration: underline;
}

.c-mypageAccount-cont-personal-prof-info-edit:visited {
	text-decoration: underline;
}

.c-mypageAccount-cont-personal-setting-inBox {
	-ms-flex-align: center;
	-ms-flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.c-mypageAccount-cont-personal-setting-inBox-btn {
	-ms-flex-negative: 1;
	background: #fff;
	border-right: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
	flex-shrink: 1;
	font-size: 15px;
	font-weight: bold;
	height: 55px;
	line-height: 1;
	width: 33.333333%;
}

.c-mypageAccount-cont-personal-setting-inBox-btn:nth-child(3) {
	border-right: none;
}

.c-mypageAccount-cont-personal-setting-inBox-btn:nth-child(7) {
	border-right: none;
}

.c-mypageAccount-cont-personal-setting-inBox-btn-link {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 55px;
	justify-content: center;
	padding: 0 2rem;
	position: relative;
	text-align: center;
	width: 100%;
}

.c-mypageAccount-cont-personal-setting-inBox-btn-link::after {
	-webkit-transform: rotate(-45deg);
	border-bottom: 2px solid #343434;
	border-right: 2px solid #343434;
	bottom: 0;
	content: '';
	display: block;
	height: 8px;
	margin: auto;
	position: absolute;
	right: 2rem;
	top: 0;
	transform: rotate(-45deg);
	width: 8px;
}

.c-mypageAccount-cont-personal-setting-inBox-btn-link:hover {
	background: #eee;
}

.c-mypageAccount-cont-personal-setting-inBox-btn.notification {
	display: none;
}

.c-mypageAccount-cont-personal-setting-inBox-btn.notification.on .c-mypageAccount-cont-personal-setting-inBox-btn-link::before {
	color: #b7b7b7;
	content: 'オン';
	font-size: 15px;
	font-weight: normal;
	position: absolute;
	right: 50px;
}

.c-mypageAccount-cont-personal-setting-inBox-btn.notification.off .c-mypageAccount-cont-personal-setting-inBox-btn-link::before {
	color: #b7b7b7;
	content: 'オフ';
	font-size: 15px;
	font-weight: normal;
	position: absolute;
	right: 50px;
}

.c-mypageAccount-cont-guides {
	margin-top: 4.8rem;
}

.c-mypageAccount-cont-guides-inBox {
	-ms-flex-align: center;
	-ms-flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.c-mypageAccount-cont-guides-inBox-btn {
	-ms-flex-negative: 1;
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	flex-shrink: 1;
	font-size: 15px;
	font-weight: bold;
	height: 55px;
	line-height: 1;
	width: 33.333333%;
}

.c-mypageAccount-cont-guides-inBox-btn:nth-child(3n) {
	border-right: none;
}

.c-mypageAccount-cont-guides-inBox-btn:nth-last-of-type(1) {
	border-bottom: none;
}

.c-mypageAccount-cont-guides-inBox-btn:nth-last-of-type(2) {
	border-bottom: none;
}

.c-mypageAccount-cont-guides-inBox-btn:nth-last-of-type(3) {
	border-bottom: none;
}

.c-mypageAccount-cont-guides-inBox-btn.commercial .c-mypageAccount-cont-guides-inBox-btn-link {
	padding: 0 6rem;
}

.c-mypageAccount-cont-guides-inBox-btn-link {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 55px;
	justify-content: center;
	padding: 0 3rem;
	position: relative;
	text-align: center;
	width: 100%;
}

.c-mypageAccount-cont-guides-inBox-btn-link:hover {
	background: #eee;
}

.c-mypageAccount-cont-guides-inBox-btn-link::after {
	-webkit-transform: rotate(-45deg);
	border-bottom: 2px solid #343434;
	border-right: 2px solid #343434;
	bottom: 0;
	content: '';
	display: block;
	height: 8px;
	margin: auto;
	position: absolute;
	right: 2rem;
	top: 0;
	transform: rotate(-45deg);
	width: 8px;
}

.c-mypageAccount-cont-logout {
	background: #fff;
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto;
	margin-top: 48px;
	max-width: 300px;
	text-align: center;
}

.c-mypageAccount-cont-logout-link {
	display: block;
	padding: 1rem 0;
}

.c-mypageAccount-cont-logout-link:hover {
	background: #eee;
}

/*************************
	マイページ＞アカウント編集(アイコン)
*************************/

.c-mypageAccountEditNickName {
	background: #fff;
	padding-bottom: 4rem;
	padding-top: 3rem;
}

.c-mypageAccountEditNickName-icons {
	margin: 0 auto;
	max-width: 160px;
	position: relative;
}

.c-mypageAccountEditNickName-icons-icon {
	cursor: pointer;
}

.c-mypageAccountEditNickName-icons-icon-img {
	border-radius: 50%;
	vertical-align: top;
	width: 100%;
}

.c-mypageAccountEditNickName-icons-icon:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-mypageAccountEditNickName-icons-icon::after {
	background: rgba(0, 0, 0, 0.28);
	border-radius: 50%;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.c-mypageAccountEditNickName-icons-camera {
	bottom: 0;
	height: 30px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 34px;
}

.c-mypageAccountEditNickName-nickname {
	margin-top: 1rem;
	padding: 0 1.5rem;
}

.c-mypageAccountEditNickName-nickname-inBox {
	margin: 0 auto;
	max-width: 462px;
}

.c-mypageAccountEditNickName-nickname-inBox label {
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 1rem;
}

.c-mypageAccountEditNickName-nickname-inBox input[type='text'] {
	max-width: 462px;
}

.c-mypageAccountEditNickName-nickname-inBox-error {
	color: #f0027f;
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 1rem;
}

.c-mypageAccountEditNickName-btnSave {
	margin-top: 4rem;
	padding: 0 1.5rem;
}

.c-mypageAccountEditNickName-btnSave-link {
	background: #2d2d2d;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto;
	max-width: 346px;
	padding: 1.5rem 0;
	text-align: center;
}

.c-mypageAccountEditNickName-btnSave-link:link {
	color: #fff;
}

.c-mypageAccountEditNickName-btnSave-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-mypageAccountEditNickName-btnSave-link:visited {
	color: #fff;
}

/***** 共通パーツ *****/

.c-inputLabel {
	display: block;
}

/* radiobutton */

.c-inputText {
	border: 1px solid #343434;
	border-radius: 0.2rem;
	font-size: 1.4rem;
	height: 5rem;
	padding: 1.2rem;
	width: 100%;
}

input[type='radio'].c-inputRadio {
	display: none;
}

input[type='radio'].c-inputRadio:checked + label.c-inputRadio::before {
	background: #fff;
	opacity: 1;
	z-index: 1;
}

input[type='radio'].c-inputRadio:checked + label.c-inputRadio::after {
	background: #343434;
}

label.c-inputRadio {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	margin-left: 30px;
	position: relative;
	white-space: nowrap; /* Styleing */
}

label.c-inputRadio::before {
	background: #fff;
	border-radius: 50%;
	bottom: 0;
	content: '';
	display: block;
	height: 8px;
	left: -23px;
	margin: auto 0;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 8px;
	z-index: 1;
}

label.c-inputRadio::after {
	background-color: #fff;
	border: 1px solid #343434;
	border-radius: 50%;
	bottom: 0;
	content: '';
	display: block;
	height: 22px;
	left: -30px;
	margin: auto 0;
	position: absolute;
	top: 0;
	width: 22px;
}

/* checkbox */

.c-inputCheck {
	color: #343434;
	font-size: 1.3rem;
	height: 22px;
}

input[type='checkbox'].c-inputCheck {
	display: none;
}

input[type='checkbox'].c-inputCheck:checked + label.c-inputCheck::before {
	opacity: 1;
	z-index: 1;
}

label.c-inputCheck {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	margin-left: 40px;
	position: relative; /* Styleing */
}

label.c-inputCheck::before {
	-webkit-transform: rotate(45deg);
	background: #fff;
	border-bottom: 2px solid #343434;
	border-right: 2px solid #343434;
	bottom: 0;
	content: '';
	display: block;
	height: 12px;
	left: -27px;
	margin: auto 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transform: rotate(45deg);
	width: 8px;
}

label.c-inputCheck::after {
	background-color: #fff;
	border: 1px solid #666;
	border-radius: 5px;
	bottom: 0;
	content: '';
	display: block;
	height: 22px;
	left: -34px;
	margin: auto 0;
	position: absolute;
	top: 0;
	width: 22px;
}

/* textare */

.c-inputTextarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	border: 0;
	border: 1px solid #343434;
	border-radius: 2px;
	outline: none;
	padding: 0;
	resize: none;
	width: 100%;
}

/*************************
	マイページ＞アカウント登録情報の変更
*************************/

.c-mypageAccountEditInfo {
	margin: 0 auto;
	margin-top: 5rem;
	max-width: 656px;
	padding: 0 15px; /* プルダウンメニュー */
}

.c-mypageAccountEditInfo-name-title {
	font-size: 1.4rem;
	font-weight: bold;
}

.c-mypageAccountEditInfo-name-title.require::after {
	background: #f0027f;
	border-radius: 1rem;
	color: #fff;
	content: '必須';
	font-size: 1rem;
	margin-left: 1.5em;
	padding: 0.1rem 0.8rem;
	vertical-align: middle;
}

.c-mypageAccountEditInfo-name-btns {
	margin-top: 1rem;
}

.c-mypageAccountEditInfo-name-btns-firstName {
	margin-top: 1rem;
}

.c-mypageAccountEditInfo-name-error {
	color: #f0027f;
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 1rem;
}

.c-mypageAccountEditInfo-nameRead {
	margin-top: 4rem;
}

.c-mypageAccountEditInfo-nameRead-title {
	font-size: 1.4rem;
	font-weight: bold;
}

.c-mypageAccountEditInfo-nameRead-title.require::after {
	background: #f0027f;
	border-radius: 1rem;
	color: #fff;
	content: '必須';
	font-size: 1rem;
	margin-left: 1.5em;
	padding: 0.1rem 0.8rem;
	vertical-align: middle;
}

.c-mypageAccountEditInfo-nameRead-btns {
	margin-top: 1rem;
}

.c-mypageAccountEditInfo-nameRead-btns-firstName {
	margin-top: 1rem;
}

.c-mypageAccountEditInfo-nameRead-error {
	color: #f0027f;
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 1rem;
}

.c-mypageAccountEditInfo-birthday {
	margin-top: 4rem;
}

.c-mypageAccountEditInfo-birthday-title {
	font-size: 1.4rem;
	font-weight: bold;
}

.c-mypageAccountEditInfo-birthday-btns {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-top: 1rem;
	width: 340px;
}

.c-mypageAccountEditInfo-birthday-btns-year {
	width: 114px;
}

.c-mypageAccountEditInfo-birthday-btns-year > .c-pulldown > .c-pulldown-current {
	border-color: #343434;
}

.c-mypageAccountEditInfo-birthday-btns-month {
	width: 86px;
}

.c-mypageAccountEditInfo-birthday-btns-month > .c-pulldown > .c-pulldown-current {
	border-color: #343434;
}

.c-mypageAccountEditInfo-birthday-btns-day {
	width: 86px;
}

.c-mypageAccountEditInfo-birthday-btns-day > .c-pulldown > .c-pulldown-current {
	border-color: #343434;
}

.c-mypageAccountEditInfo-gender {
	margin-top: 4rem;
}

.c-mypageAccountEditInfo-gender-title {
	font-size: 1.4rem;
	font-weight: bold;
}

.c-mypageAccountEditInfo-gender-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 22px;
	margin-top: 1.2rem;
}

.c-mypageAccountEditInfo-gender-btns-btn {
	margin-right: 3rem;
}

.c-mypageAccountEditInfo-mail {
	margin-top: 4rem;
}

.c-mypageAccountEditInfo-mail-inBox {
	background: #fff;
	padding: 20px 8px;
}

.c-mypageAccountEditInfo-mail-inBox-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-mypageAccountEditInfo-mail-inBox-btns label.c-inputCheck {
	font-size: 1.3rem;
	line-height: 1.6;
}

.c-mypageAccountEditInfo-btnSave {
	margin-top: 4rem;
	padding: 0 1.5rem;
}

.c-mypageAccountEditInfo-btnSave-link {
	background: #2d2d2d;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto;
	max-width: 346px;
	padding: 1.5rem 0;
	text-align: center;
}

.c-mypageAccountEditInfo-btnSave-link:link {
	color: #fff;
}

.c-mypageAccountEditInfo-btnSave-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-mypageAccountEditInfo-btnSave-link:visited {
	color: #fff;
}

.c-mypageAccountEditInfo .c-pulldown-menu-inBox-btn:hover {
	background: #efefef;
}

.c-mypageAccountEditInfo .c-pulldown-menu.open {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/*************************
	マイページ＞アカウント設定(登録情報)
*************************/

.c-mypageSnsLogin-guides {
	margin-top: 4.8rem;
}

.c-mypageSnsLogin-guides-inBox {
	-ms-flex-align: center;
	-ms-flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.c-mypageSnsLogin-guides-inBox-btn {
	-ms-flex-negative: 1;
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	flex-shrink: 1;
	font-size: 15px;
	font-weight: bold;
	height: 55px;
	line-height: 1;
	width: 50%;
}

.c-mypageSnsLogin-guides-inBox-btn:nth-child(2n) {
	border-right: none;
}

.c-mypageSnsLogin-guides-inBox-btn:nth-last-of-type(1) {
	border-bottom: none;
}

.c-mypageSnsLogin-guides-inBox-btn:nth-last-of-type(2) {
	border-bottom: none;
}

.c-mypageSnsLogin-guides-inBox-btn-link {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 55px;
	justify-content: space-between;
	padding: 0 3rem;
	position: relative;
	text-align: center;
	width: 100%;
}

.c-mypageSnsLogin-guides-inBox-btn-link-title {
	display: inline-block;
}

.c-mypageSnsLogin-guides-inBox-btn-link-indicate {
	background: #d2d2d2;
	border-radius: 5px;
	color: #fff;
	font-size: 1.1rem;
	margin-left: auto;
	margin-right: 1.5em;
	padding: 0.7em 2em;
}

.c-mypageSnsLogin-guides-inBox-btn-link-indicate.linked {
	background: #a2a200;
}

.c-mypageSnsLogin-guides-inBox-btn-link:hover {
	background: #eee;
}

.c-mypageSnsLogin-guides-inBox-btn-link::after {
	-webkit-transform: rotate(-45deg);
	border-bottom: 2px solid #343434;
	border-right: 2px solid #343434;
	bottom: 0;
	content: '';
	display: block;
	height: 8px;
	margin: auto;
	position: absolute;
	right: 2rem;
	top: 0;
	transform: rotate(-45deg);
	width: 8px;
}

/*************************
	マイページ＞アカウント設定(SNSログイン)
*************************/

.c-mypageAccountSetting-guides {
	margin-top: 4.8rem;
}

.c-mypageAccountSetting-guides-inBox {
	-ms-flex-align: center;
	-ms-flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.c-mypageAccountSetting-guides-inBox-btn {
	-ms-flex-negative: 1;
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	flex-shrink: 1;
	font-size: 15px;
	font-weight: bold;
	height: 55px;
	line-height: 1;
	width: 33.333333%;
}

.c-mypageAccountSetting-guides-inBox-btn:nth-child(3n) {
	border-right: none;
}

.c-mypageAccountSetting-guides-inBox-btn:nth-last-of-type(1) {
	border-bottom: none;
}

.c-mypageAccountSetting-guides-inBox-btn:nth-last-of-type(2) {
	border-bottom: none;
	border-right: 0;
}

.c-mypageAccountSetting-guides-inBox-btn:nth-last-of-type(3) {
	border-bottom: none;
}

.c-mypageAccountSetting-guides-inBox-btn-link {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 55px;
	justify-content: center;
	padding: 0 3rem;
	position: relative;
	text-align: center;
	width: 100%;
}

.c-mypageAccountSetting-guides-inBox-btn-link:hover {
	background: #eee;
}

.c-mypageAccountSetting-guides-inBox-btn-link::after {
	-webkit-transform: rotate(-45deg);
	border-bottom: 2px solid #343434;
	border-right: 2px solid #343434;
	bottom: 0;
	content: '';
	display: block;
	height: 8px;
	margin: auto;
	position: absolute;
	right: 2rem;
	top: 0;
	transform: rotate(-45deg);
	width: 8px;
}

/*************************
	マイページ＞アカウント設定(契約中プラン)
*************************/

.c-mypageAccountPlans {
	background: #fff;
	padding: 2rem 3rem;
}

.c-mypageAccountPlans-inBox-article {
	border-bottom: 1px solid #e3e3e3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 2rem 0;
}

.c-mypageAccountPlans-inBox-article:last-child {
	border-bottom: 0;
}

.c-mypageAccountPlans-inBox-article-thumbs {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	max-width: 144px;
	min-width: 144px;
}

.c-mypageAccountPlans-inBox-article-thumbs-link {
	display: block;
}

.c-mypageAccountPlans-inBox-article-thumbs-link:link {
	color: #939394;
	text-decoration: underline;
}

.c-mypageAccountPlans-inBox-article-thumbs-link:visited {
	color: #939394;
	text-decoration: underline;
}

.c-mypageAccountPlans-inBox-article-thumbs-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-mypageAccountPlans-inBox-article-thumbs-link-img {
	vertical-align: top;
}

.c-mypageAccountPlans-inBox-article-thumbs-linkCancel {
	display: none;
}

.c-mypageAccountPlans-inBox-article-thumbs-linkCancel:link {
	color: #fff;
}

.c-mypageAccountPlans-inBox-article-thumbs-linkCancel:visited {
	color: #fff;
	text-decoration: underline;
}

.c-mypageAccountPlans-inBox-article-thumbs-linkCancel:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-mypageAccountPlans-inBox-article-meta {
	margin-left: 2rem;
	width: 100%;
}

.c-mypageAccountPlans-inBox-article-meta-title {
	font-size: 15px;
	font-weight: bold;
}

.c-mypageAccountPlans-inBox-article-meta-info {
	font-size: 1.3rem;
	line-height: 1.6;
	margin-top: 1rem;
}

.c-mypageAccountPlans-inBox-article-meta-price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	margin-top: 1.5rem;
}

.c-mypageAccountPlans-inBox-article-meta-price-title {
	font-weight: bold;
	width: 4em;
}

.c-mypageAccountPlans-inBox-article-meta-price-amount {
	margin-left: 2em;
}

.c-mypageAccountPlans-inBox-article-meta-purchasedDate {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	margin-top: 1.5rem;
}

.c-mypageAccountPlans-inBox-article-meta-purchasedDate-title {
	font-weight: bold;
	width: 4em;
}

.c-mypageAccountPlans-inBox-article-meta-purchasedDate-date {
	margin-left: 2em;
}

.c-mypageAccountPlans-inBox-article-cancel {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	border-left: 1px solid #e3e3e3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	margin-left: 2rem;
	margin-left: 2rem;
	min-width: 108px;
}

.c-mypageAccountPlans-inBox-article-cancel-link {
	font-size: 1.2rem;
}

.c-mypageAccountPlans-inBox-article-cancel-link:link {
	color: #939394;
	text-decoration: underline;
}

.c-mypageAccountPlans-inBox-article-cancel-link:visited {
	color: #939394;
	text-decoration: underline;
}

.c-mypageAccountPlans-inBox-article-cancel-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

/*************************
	マイページ＞アカウント編集(メールアドレスの変更)
*************************/

.c-mypageAccountEditMail {
	background: #fff; /*padding-top:3rem;*/ /*padding-bottom: 4rem; */
}

.c-mypageAccountEditMail-mailCurrent {
	border-bottom: 1px solid #e3e3e3;
	margin: 0 auto;
	padding: 4rem;
	position: relative;
}

.c-mypageAccountEditMail-mailCurrent-inBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	margin: 0 auto;
	max-width: 616px;
}

.c-mypageAccountEditMail-mailCurrent-inBox-title {
	font-weight: bold;
	margin-bottom: 0.8rem;
	margin-right: 3rem;
}

.c-mypageAccountEditMail-mailNext {
	padding-bottom: 2rem;
	padding-top: 4rem;
}

.c-mypageAccountEditMail-mailNext-title {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 auto;
	max-width: 616px;
}

.c-mypageAccountEditMail-mailNext-title.require::after {
	background: #f0027f;
	border-radius: 1rem;
	color: #fff;
	content: '必須';
	font-size: 1rem;
	margin-left: 1.5em;
	padding: 0.1rem 0.8rem;
	vertical-align: middle;
}

.c-mypageAccountEditMail-mailNext-mail {
	margin: 0 auto;
	margin-top: 1rem;
	max-width: 616px;
}

.c-mypageAccountEditMail-mailNext-attention {
	color: #f0027f;
	font-size: 1.3rem;
	line-height: 1.6;
	margin: 0 auto;
	margin-top: 1rem;
	max-width: 616px;
}

.c-mypageAccountEditMail-btnSave {
	padding-bottom: 4rem;
	padding-top: 2rem;
}

.c-mypageAccountEditMail-btnSave-link {
	background: #2d2d2d;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto;
	max-width: 346px;
	padding: 1.5rem 0;
	text-align: center;
}

.c-mypageAccountEditMail-btnSave-link:link {
	color: #fff;
}

.c-mypageAccountEditMail-btnSave-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-mypageAccountEditMail-btnSave-link:visited {
	color: #fff;
}

/*************************
	マイページ＞アカウント編集(カード情報の変更)
*************************/

.c-mypageAccountEditCard {
	background: #fff; /*padding-top:3rem;*/ /*padding-bottom: 4rem; */
}

.c-mypageAccountEditCard-cardCurrent {
	border-bottom: 1px solid #e3e3e3;
	margin: 0 auto;
	padding: 4rem;
	position: relative;
}

.c-mypageAccountEditCard-cardCurrent-inBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	margin: 0 auto;
	max-width: 616px;
}

.c-mypageAccountEditCard-cardCurrent-inBox-title {
	font-weight: bold;
	margin-bottom: 0.8rem;
	margin-right: 3rem;
}

.c-mypageAccountEditCard-cardNext {
	padding-bottom: 0.5rem;
	padding-top: 1.5rem;
}

.c-mypageAccountEditCard-cardNext-title {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 auto;
	margin-top: 2.5rem;
	max-width: 616px;
}

.c-mypageAccountEditCard-cardNext-title.require::after {
	background: #f0027f;
	border-radius: 1rem;
	color: #fff;
	content: '必須';
	font-size: 1rem;
	margin-left: 1.5em;
	padding: 0.1rem 0.8rem;
	vertical-align: middle;
}

.c-mypageAccountEditCard-cardNext-input {
	margin: 0 auto;
	margin-top: 1rem;
	max-width: 616px;
}

.c-mypageAccountEditCard-cardNext-input.company > .c-pulldown {
	max-width: 112px;
}

.c-mypageAccountEditCard-cardNext-input.company > .c-pulldown > .c-pulldown-current {
	border: 1px solid #343434;
}

.c-mypageAccountEditCard-cardNext-input.expiration .c-mypageAccountEditCard-cardNext-input-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-mypageAccountEditCard-cardNext-input.expiration .c-mypageAccountEditCard-cardNext-input-btns-month {
	width: 85px;
}

.c-mypageAccountEditCard-cardNext-input.expiration .c-mypageAccountEditCard-cardNext-input-btns-separate {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 1rem;
}

.c-mypageAccountEditCard-cardNext-input.expiration .c-mypageAccountEditCard-cardNext-input-btns-year {
	width: 85px;
}

.c-mypageAccountEditCard-cardNext-input.expiration .c-pulldown {
	max-width: 112px;
}

.c-mypageAccountEditCard-cardNext-input.expiration .c-pulldown > .c-pulldown-current {
	border: 1px solid #343434;
}

.c-mypageAccountEditCard-cardNext-input.security {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-mypageAccountEditCard-cardNext-input.security .c-inputText {
	max-width: 168px;
}

.c-mypageAccountEditCard-cardNext-input.security .c-mypageAccountEditCard-cardNext-input-aboutSecurityCode {
	cursor: pointer;
	font-size: 1.2rem;
	margin-left: 1.8rem;
	text-decoration: underline;
}

.c-mypageAccountEditCard-cardNext-input.security .c-mypageAccountEditCard-cardNext-input-aboutSecurityCode:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-mypageAccountEditCard-cardNext-attention {
	font-size: 1.3rem;
	margin: 0 auto;
	margin-top: 0.5rem;
	max-width: 616px;
}

.c-mypageAccountEditCard-cardNext .c-modal.m-securityCode .securityCode {
	padding: 6rem 10rem;
}

.c-mypageAccountEditCard-cardNext .c-modal.m-securityCode .securityCode-title {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

.c-mypageAccountEditCard-cardNext .c-modal.m-securityCode .securityCode-cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 4rem;
}

.c-mypageAccountEditCard-cardNext .c-modal.m-securityCode .securityCode-cont-imgs {
	min-width: 256px;
}

.c-mypageAccountEditCard-cardNext .c-modal.m-securityCode .securityCode-cont-text {
	font-size: 1.6rem;
	line-height: 1.6;
	margin-left: 3rem;
}

.c-mypageAccountEditCard-btnSave {
	padding-bottom: 4rem;
	padding-top: 2rem;
}

.c-mypageAccountEditCard-btnSave-link {
	background: #2d2d2d;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto;
	max-width: 346px;
	padding: 1.5rem 0;
	text-align: center;
}

.c-mypageAccountEditCard-btnSave-link:link {
	color: #fff;
}

.c-mypageAccountEditCard-btnSave-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-mypageAccountEditCard-btnSave-link:visited {
	color: #fff;
}

/*************************
	マイページ＞アカウント編集(パスワードの変更)
*************************/

.c-mypageAccountEditPass {
	background: #fff;
	padding: 4rem 1.5rem; /*padding-bottom: 4rem; */
}

.c-mypageAccountEditPass-passCurrent {
	margin: 0 auto;
	position: relative;
}

.c-mypageAccountEditPass-passCurrent-head {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 616px;
}

.c-mypageAccountEditPass-passCurrent-head-titles-title {
	font-size: 1.4rem;
	font-weight: bold;
}

.c-mypageAccountEditPass-passCurrent-head-titles-title.require::after {
	background: #f0027f;
	border-radius: 1rem;
	color: #fff;
	content: '必須';
	font-size: 1rem;
	margin-left: 1.5em;
	padding: 0.1rem 0.8rem;
	vertical-align: middle;
}

.c-mypageAccountEditPass-passCurrent-head-reset {
	font-size: 1.3rem;
}

.c-mypageAccountEditPass-passCurrent-head-reset-link:link {
	color: #b7b7b7;
	text-decoration: underline;
}

.c-mypageAccountEditPass-passCurrent-head-reset-link:visited {
	color: #b7b7b7;
	text-decoration: underline;
}

.c-mypageAccountEditPass-passCurrent-head-reset-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-mypageAccountEditPass-passCurrent-pass {
	font-size: 1.4rem;
	margin: 0 auto;
	margin-top: 1rem;
	max-width: 616px;
}

.c-mypageAccountEditPass-passNext {
	margin-top: 2.5rem;
}

.c-mypageAccountEditPass-passNext-title {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 auto;
	max-width: 616px;
}

.c-mypageAccountEditPass-passNext-title.require::after {
	background: #f0027f;
	border-radius: 1rem;
	color: #fff;
	content: '必須';
	font-size: 1rem;
	margin-left: 1.5em;
	padding: 0.1rem 0.8rem;
	vertical-align: middle;
}

.c-mypageAccountEditPass-passNext-inBox {
	margin: 0 auto;
	margin-top: 1rem;
	max-width: 616px;
}

.c-mypageAccountEditPass-passNext-inBox-confirm {
	margin-top: 1rem;
}

.c-mypageAccountEditPass-passNext-pass {
	margin: 0 auto;
	margin-top: 1rem;
	max-width: 616px;
}

.c-mypageAccountEditPass-passNext-attention {
	font-size: 1.3rem;
	line-height: 1.6;
	margin: 0 auto;
	margin-top: 1rem;
	max-width: 616px;
}

.c-mypageAccountEditPass-btnSave {
	margin-top: 4rem;
}

.c-mypageAccountEditPass-btnSave-link {
	background: #2d2d2d;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto;
	max-width: 346px;
	padding: 1.5rem 0;
	text-align: center;
}

.c-mypageAccountEditPass-btnSave-link:link {
	color: #fff;
}

.c-mypageAccountEditPass-btnSave-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-mypageAccountEditPass-btnSave-link:visited {
	color: #fff;
}

/*************************
	マイページ＞アカウント編集(テレ朝IDの削除)
*************************/

.c-mypageAccountEditDeleteID {
	background: #fff;
	padding: 4rem 1.5rem;
}

.c-mypageAccountEditDeleteID-inBox {
	margin: 0 auto;
	max-width: 616px;
	position: relative;
}

.c-mypageAccountEditDeleteID-inBox-title {
	font-size: 1.4rem;
	font-weight: bold;
}

.c-mypageAccountEditDeleteID-inBox-text {
	font-size: 1.3rem;
	line-height: 1.6;
	margin-top: 2.5rem;
}

.c-mypageAccountEditDeleteID-inBox .c-inputTextarea {
	background: #fff;
	color: #343434;
	font-size: 1.3rem;
	margin-top: 1rem;
	padding: 1rem;
}

.c-mypageAccountEditDeleteID-inBox-complete {
	font-size: 1.3rem;
	line-height: 1.6;
}

.c-mypageAccountEditDeleteID-inBox-completeLink {
	display: block;
	font-size: 1.4rem;
	margin-top: 4rem;
	text-align: center;
}

.c-mypageAccountEditDeleteID-inBox-completeLink:link {
	color: #939394;
	text-decoration: underline;
}

.c-mypageAccountEditDeleteID-inBox-completeLink:visited {
	color: #939394;
	text-decoration: underline;
}

.c-mypageAccountEditDeleteID-inBox-completeLink:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-mypageAccountEditDeleteID-btnSave {
	margin-top: 4rem;
}

.c-mypageAccountEditDeleteID-btnSave-link {
	background: #2d2d2d;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto;
	max-width: 346px;
	padding: 1.5rem 0;
	text-align: center;
}

.c-mypageAccountEditDeleteID-btnSave-link:link {
	color: #fff;
}

.c-mypageAccountEditDeleteID-btnSave-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-mypageAccountEditDeleteID-btnSave-link:visited {
	color: #fff;
}

.c-mypageAccountEditDeleteID.complete {
	background: #f3f4f5;
	padding: 3rem 1.5rem;
}

.c-mypageAccountEditDeleteID .deleteCheck {
	padding: 6rem 0;
}

.c-mypageAccountEditDeleteID .deleteCheck-text {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}

.c-mypageAccountEditDeleteID .deleteCheck-inBox {
	margin-top: 4rem;
}

.c-mypageAccountEditDeleteID .deleteCheck-inBox-btnSubmit-link {
	background: #2d2d2d;
	border-radius: 5px;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto;
	max-width: 346px;
	padding: 1em 0;
	text-align: center;
}

.c-mypageAccountEditDeleteID .deleteCheck-inBox-btnSubmit-link:link {
	color: #fff;
}

.c-mypageAccountEditDeleteID .deleteCheck-inBox-btnSubmit-link:visited {
	color: #fff;
}

.c-mypageAccountEditDeleteID .deleteCheck-inBox-btnSubmit-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-mypageAccountEditDeleteID .deleteCheck-inBox-btnBack {
	margin-top: 1rem;
}

.c-mypageAccountEditDeleteID .deleteCheck-inBox-btnBack-link {
	background: #939394;
	border-radius: 5px;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto;
	max-width: 346px;
	padding: 1em 0;
	text-align: center;
}

.c-mypageAccountEditDeleteID .deleteCheck-inBox-btnBack-link:link {
	color: #fff;
}

.c-mypageAccountEditDeleteID .deleteCheck-inBox-btnBack-link:visited {
	color: #fff;
}

.c-mypageAccountEditDeleteID .deleteCheck-inBox-btnBack-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

/*************************
	マイページ＞お知らせ
*************************/

/* .c-mypageの上書き部分 */

.c-mypage.news .c-mypage-btnBack {
	display: none;
}

.c-mypage.news .c-mypage-btnBack::before {
	-webkit-transform: rotate(45deg);
	border-bottom: 2px solid #343434;
	border-left: 2px solid #343434;
	bottom: 0;
	content: '';
	display: block;
	height: 8px;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	transform: rotate(45deg);
	width: 8px;
}

.c-mypage.news .c-mypage-head {
	display: none;
}

.c-mypage.news .c-mypage-cont {
	background: rgba(255, 255, 255, 0);
}

/* マイページ > お知らせの固有要素 */

.c-mypageNews {
	padding-bottom: 7.5rem;
	padding-top: 3rem;
}

.c-mypageNews-header {
	margin-bottom: 3rem;
	position: relative;
}

.c-mypageNews-header .c-mypage-btnBack {
	font-weight: bold;
}

.c-mypageNews-header-title {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

.c-mypageNews-header-nav {
	margin-top: 2.5rem;
}

.c-mypageNews-header-nav-inBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-mypageNews-header-nav-inBox-btn {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	text-align: center;
	width: 50%;
}

.c-mypageNews-header-nav-inBox-btn-link {
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 1.4rem 0;
}

.c-mypageNews-header-nav-inBox-btn-link.current {
	border-bottom: 5px solid #cece00;
}

.c-mypageNews-header-nav-inBox-btn-link:hover {
	border-bottom: 5px solid #cece00;
}

.c-mypageNews-cont-sort {
	padding-top: 1rem;
}

.c-mypageNews-cont-sort .c-pulldown {
	margin-left: auto;
	margin-right: 1rem;
	width: 200px;
}

.c-mypageNews-cont-post-article-link {
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
	display: block;
	padding: 2.1rem 2.8rem;
	position: relative;
}

.c-mypageNews-cont-post-article-link-head-inBox {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-mypageNews-cont-post-article-link-head-inBox-date {
	font-size: 1.4rem;
}

.c-mypageNews-cont-post-article-link-head-inBox-cat {
	background: #fff;
	border-radius: 10px;
	font-size: 0.9rem;
	margin-left: 1rem;
	padding: 0.4rem 1rem;
}

.c-mypageNews-cont-post-article-link-head-inBox-cat.catMaintenance {
	background-color: #00a0c6;
	color: #fff;
}

.c-mypageNews-cont-post-article-link-head-inBox-cat.catCampaign {
	background-color: #f87b98;
	color: #fff;
}

.c-mypageNews-cont-post-article-link-head-inBox-cat.catCloseSoon {
	background-color: #666;
	color: #fff;
}

.c-mypageNews-cont-post-article-link-head-inBox-cat.catExRecommend {
	background-color: #ffff11;
	color: #fff;
}

.c-mypageNews-cont-post-article-link-head-inBox-cat.catCastStart {
	background-color: #6fce00;
	color: #fff;
}

.c-mypageNews-cont-post-article-link-head-inBox-cat.catSuperImportant {
	background-color: #f0027f;
	color: #fff;
}

.c-mypageNews-cont-post-article-link-title {
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 1rem;
}

.c-mypageNews-cont-post-article-link::after {
	-webkit-transform: rotate(45deg);
	border-bottom: 2px solid #343434;
	border-right: 2px solid #343434;
	content: '';
	display: block;
	height: 8px;
	position: absolute;
	right: 0;
	right: 2rem;
	top: 4rem;
	transform: rotate(45deg);
	width: 8px;
}

.c-mypageNews-cont-post-article-link.open::after {
	-webkit-transform: rotate(-135deg);
	border-bottom: 2px solid #343434;
	border-right: 2px solid #343434;
	content: '';
	display: block;
	height: 8px;
	position: absolute;
	right: 0;
	right: 2rem;
	top: 4rem;
	transform: rotate(-135deg);
	width: 8px;
}

.c-mypageNews-cont-post-article-cont {
	display: none;
}

.c-mypageNews-cont-post-article-cont.open {
	background: #f3f4f5;
	display: block;
	font-size: 1.4rem;
	line-height: 1.57;
	padding: 2.1rem 2.8rem;
}

.c-mypageNews .c-card-vertical.myPageList {
	margin-top: 0;
	padding: 0;
}

.c-mypageNews .c-card-vertical.myPageList .c-card .c-card-inBox-meta-titles {
	max-height: 2.6em;
	max-height: 1.3em;
	min-height: 2.6em;
}

.c-mypageNews .c-card-vertical.myPageList .c-card .c-card-inBox-meta-titles .c-card-inBox-meta-titles-title {
	display: block;
}

.c-mypageNews .c-card-vertical.myPageList .c-card .c-card-inBox-meta-titles .c-card-inBox-meta-titles-titleSub {
	display: block;
}

/************************
	マイページ＞メダル通帳
*************************/

/* .c-mypageの上書き部分 */

.c-mypage.coins .c-mypage-btnBack {
	display: none;
}

.c-mypage.coins .c-mypage-btnBack::before {
	-webkit-transform: rotate(45deg);
	border-bottom: 2px solid #343434;
	border-left: 2px solid #343434;
	bottom: 0;
	content: '';
	display: block;
	height: 8px;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	transform: rotate(45deg);
	width: 8px;
}

.c-mypage.coins .c-mypage-cont-inBox {
	max-width: 728px;
}

/* マイページ > メダル通帳の固有要素 */

.c-mypageCoins {
	padding-bottom: 7.5rem;
	padding-top: 3rem;
}

.c-mypageCoins-header {
	margin-bottom: 3rem;
	position: relative;
}

.c-mypageCoins-header-title {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

.c-mypageCoins-header-nav {
	margin-top: 2.5rem;
}

.c-mypageCoins-header-nav-inBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-mypageCoins-header-nav-inBox-btn {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	text-align: center;
	width: 50%;
}

.c-mypageCoins-header-nav-inBox-btn-link {
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 1.4rem 0;
}

.c-mypageCoins-header-nav-inBox-btn-link.current {
	border-bottom: 5px solid #ffeb00;
}

.c-mypageCoins-header-nav-inBox-btn-link:hover {
	border-bottom: 5px solid #ffeb00;
}

.c-mypageCoins-cont-sort {
	padding-top: 1rem;
}

.c-mypageCoins-cont-sort .c-pulldown {
	margin-left: auto;
	width: 200px;
}

.c-mypageCoins-cont-post-article-link {
	border-bottom: 1px solid #e3e3e3;
	display: block;
	padding: 2.1rem 2.8rem;
	position: relative;
}

.c-mypageCoins-cont-post-article-link-head-inBox {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-mypageCoins-cont-post-article-link-head-inBox-date {
	font-size: 1.4rem;
}

.c-mypageCoins-cont-post-article-link-head-inBox-cat {
	background: #fff;
	border-radius: 10px;
	font-size: 0.9rem;
	margin-left: 1rem;
	padding: 0.4rem 1rem;
}

.c-mypageCoins-cont-post-article-link-head-inBox-cat.catMaintenance {
	background-color: #00a0c6;
	color: #fff;
}

.c-mypageCoins-cont-post-article-link-head-inBox-cat.catCampaign {
	background-color: #f33699;
	color: #fff;
}

.c-mypageCoins-cont-post-article-link-head-inBox-cat.catCloseSoon {
	background-color: #343434;
	color: #fff;
}

.c-mypageCoins-cont-post-article-link-title {
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 1rem;
}

.c-mypageCoins-cont-post-article-link::after {
	-webkit-transform: rotate(45deg);
	border-bottom: 2px solid #343434;
	border-right: 2px solid #343434;
	content: '';
	display: block;
	height: 8px;
	position: absolute;
	right: 0;
	right: 2rem;
	top: 4rem;
	transform: rotate(45deg);
	width: 8px;
}

.c-mypageCoins-cont-post-article-link.open::after {
	-webkit-transform: rotate(-135deg);
	border-bottom: 2px solid #343434;
	border-right: 2px solid #343434;
	content: '';
	display: block;
	height: 8px;
	position: absolute;
	right: 0;
	right: 2rem;
	top: 4rem;
	transform: rotate(-135deg);
	width: 8px;
}

.c-mypageCoins-cont-post-article-cont {
	display: none;
}

.c-mypageCoins-cont-post-article-cont.open {
	background: #f3f4f5;
	display: block;
	font-size: 1.4rem;
	line-height: 1.57;
	padding: 2.1rem 2.8rem;
}

/* マイページ > メダル通帳の固有要素 - 通帳 */

.c-coinCheck {
	background: #fff;
}

.c-coinCheck-amount {
	-ms-flex-align: end;
	-ms-flex-pack: center;
	-webkit-box-align: end;
	-webkit-box-pack: center;
	align-items: flex-end;
	border-bottom: 1px solid #e3e3e3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	padding-bottom: 1rem;
	padding-top: 2rem;
}

.c-coinCheck-amount-title {
	font-size: 15px;
	font-weight: bold;
	padding-right: 4rem;
	text-align: right;
	width: 44%;
}

.c-coinCheck-amount-num {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 3rem;
	font-weight: bold;
	width: 56%;
}

.c-coinCheck-amount-num::before {
	background: url(/images/exdio/renewal/icon_medal.svg) no-repeat center center;
	background-size: contain;
	content: '';
	display: inline-block;
	height: 26px;
	margin-right: 0.4rem;
	width: 26px;
}

.c-coinCheck-attention {
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
	padding: 1rem;
}

.c-coinCheck-attention-inBox {
	background: #feeaf5;
	border-radius: 6px;
	color: #f33699;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 1.2rem 1.8rem;
}

.c-coinCheck-hist {
	margin-top: 1.6rem;
}

.c-coinCheck-hist-head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 0 5rem;
}

.c-coinCheck-hist-head-date {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	width: 44%;
}

.c-coinCheck-hist-head-expires {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	width: 44%;
}

.c-coinCheck-hist-head-coins {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 12%;
}

.c-coinCheck-hist-cont {
	margin-top: 1.2rem;
	max-height: 142px;
	overflow: hidden;
}

.c-coinCheck-hist-cont.open {
	max-height: 100%;
}

.c-coinCheck-hist-cont-entry {
	border-bottom: 1px solid #e3e3e3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 2.5rem 5rem;
}

.c-coinCheck-hist-cont-entry-date {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	font-size: 1.7rem;
	line-height: 1.2;
	width: 44%;
}

.c-coinCheck-hist-cont-entry-expires {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	font-size: 1.7rem;
	line-height: 1.2;
	width: 44%;
}

.c-coinCheck-hist-cont-entry-expires.attention {
	color: #f33699;
	font-weight: bold;
}

.c-coinCheck-hist-cont-entry-coins {
	-ms-flex-align: center;
	-ms-flex-negative: 0;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-shrink: 0;
	font-size: 1.8rem;
	font-weight: bold;
	width: 12%;
}

.c-coinCheck-hist-cont-entry-coins::before {
	background: url(/images/exdio/renewal/icon_medal.svg) no-repeat center center;
	background-position: contain;
	content: '';
	display: inline-block;
	height: 20px;
	margin-right: 0.8rem;
	width: 20px;
}

.c-coinCheck-hist-cont-entry-coins.attention {
	color: #f33699;
	font-weight: bold;
}

.c-coinCheck-hist > .c-more {
	font-weight: bold;
	text-align: center;
}

.c-coinCheck-hist > .c-more > .c-more-btn {
	font-size: 1.4rem;
	padding: 3rem 0;
}

.c-coinCheck-hist-more-link {
	display: block;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 3rem 0;
	text-align: center;
}

.c-coinCheck-hist-more-link-arrow {
	position: relative;
}

.c-coinCheck-hist-more-link-arrow::after {
	-webkit-transform: rotate(45deg);
	border-bottom: 2px solid #343434;
	border-right: 2px solid #343434;
	content: '';
	display: block;
	height: 8px;
	position: absolute;
	right: -30px;
	top: 2px;
	transform: rotate(45deg);
	width: 8px;
}

/* マイページ > メダル通帳の固有要素 - ご利用履歴 */

.c-coinHist {
	margin-top: 4rem;
}

.c-coinHist-head {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.5rem;
}

.c-coinHist-head-titleMenu {
	padding-bottom: 1.8rem;
	padding-top: 0.6rem;
	width: 100%;
}

.c-coinHist-head-titleMenu-title {
	display: block;
	font-size: 2rem;
	font-weight: bold;
	margin: 0 auto;
	padding-left: 92px;
	width: calc(5em + 92px);
}

.c-coinHist-head-sort {
	-ms-flex-negative: 0;
	-ms-flex-preferred-size: 92px;
	background: #fff;
	flex-basis: 92px;
	flex-shrink: 0;
	height: 44px;
}

.c-coinHist-cont-entry {
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
	padding: 3rem;
}

.c-coinHist-cont-entry-date {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.6rem;
}

.c-coinHist-cont-entry-date-heading {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 1.4rem;
	font-weight: bold;
	width: 6em;
}

.c-coinHist-cont-entry-date-cont {
	font-size: 15px;
	width: 100%;
}

.c-coinHist-cont-entry-date-badge {
	-ms-flex-align: center;
	-ms-flex-negative: 0;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-shrink: 0;
	width: 128px;
}

.c-coinHist-cont-entry-payMethod {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.6rem;
}

.c-coinHist-cont-entry-payMethod-heading {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 1.4rem;
	font-weight: bold;
	width: 6em;
}

.c-coinHist-cont-entry-payMethod-cont {
	font-size: 15px;
	width: 100%;
}

.c-coinHist-cont-entry-payType {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.6rem;
}

.c-coinHist-cont-entry-payType-heading {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 1.4rem;
	font-weight: bold;
	width: 6em;
}

.c-coinHist-cont-entry-payType-cont {
	font-size: 15px;
	width: 100%;
}

.c-coinHist-cont-entry-price {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.c-coinHist-cont-entry-price-heading {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 1.4rem;
	font-weight: bold;
	width: 6em;
}

.c-coinHist-cont-entry-price-cont {
	font-size: 15px;
	width: 100%;
}

.c-coinHist-cont-entry-title {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.6rem;
}

.c-coinHist-cont-entry-title-heading {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-size: 1.4rem;
	font-weight: bold;
	width: 6em;
}

.c-coinHist-cont-entry-title-cont {
	font-size: 15px;
	line-height: 1.16;
	width: 100%;
}

.c-coinHist-cont-entry-title-cont-link {
	text-decoration: underline;
}

/* マイページ > メダル通帳の固有要素 - 通帳で使うバッジ */

.c-badge-out {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	background: #f33699;
	border-radius: 2em;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.3rem;
	height: 1.4em;
	padding: 0.2em 0.8em;
	white-space: nowrap;
}

.c-badge-in {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	background: #00a0c6;
	border-radius: 2em;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.3rem;
	height: 1.4em;
	padding: 0.2em 0.8em;
	white-space: nowrap;
}

.c-badge-monthly {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	background: #343434;
	border-radius: 2em;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.3rem;
	height: 1.4em;
	padding: 0.2em 0.8em;
	white-space: nowrap;
}

.c-badge-coin {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.7rem;
	font-weight: bold;
	margin-left: 1.2rem;
	white-space: nowrap;
}

.c-badge-coin::before {
	background: url(/images/exdio/renewal/icon_medal.svg) no-repeat center center;
	background-position: contain;
	content: '';
	display: inline-block;
	height: 20px;
	margin-right: 0.8rem;
	width: 20px;
}

/*************************
	マイページ＞ログアウト
*************************/

/* .c-mypageの上書き部分 */

.c-mypage.logout .c-mypage-btnBack {
	display: none;
}

.c-mypage.logout .c-mypage-btnBack::before {
	-webkit-transform: rotate(45deg);
	border-bottom: 2px solid #343434;
	border-left: 2px solid #343434;
	bottom: 0;
	content: '';
	display: block;
	height: 8px;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	transform: rotate(45deg);
	width: 8px;
}

.c-mypage.logout .c-mypage-head .c-mypage-head-titleBox {
	padding-top: 2rem;
}

.c-mypage.logout .c-mypage-head .c-myRegist {
	margin-bottom: 3rem;
}

.c-mypage.logout .c-mypage-cont-inBox {
	font-size: 1.3rem;
	padding: 3rem 0;
	text-align: center;
}

/*************************
	マイページ＞ログイン
*************************/

/* .c-mypageの上書き部分 */

.c-mypage.login .c-mypage-btnBack {
	display: none;
}

.c-mypage.login .c-mypage-btnBack::before {
	-webkit-transform: rotate(45deg);
	border-bottom: 2px solid #343434;
	border-left: 2px solid #343434;
	bottom: 0;
	content: '';
	display: block;
	height: 8px;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	transform: rotate(45deg);
	width: 8px;
}

.c-mypage.login .c-mypage-head .c-mypage-head-titleBox {
	padding-top: 2rem;
}

.c-mypage.login .c-mypage-head .c-myRegist {
	margin-bottom: 3rem;
}

.c-mypage.login .c-mypage-cont {
	padding-bottom: 3rem;
}

.c-mypage.login .c-mypage-cont .c-mypage-cont-inBox {
	padding-top: 3rem;
}

/*************************
	マイページ＞マイリスト
*************************/

.c-mypage.myPageMylist .c-mypage-head .c-mypage-head-titleBox {
	padding-top: 2rem;
}

.c-mypage.myPageMylist .c-mypage-head .c-myRegist {
	margin-bottom: 3rem;
}

.c-mypage.myPageMylist .c-mypage-cont {
	padding-bottom: 3rem;
}

.c-mypage.myPageMylist .c-mypage-cont-inBox-head {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 2rem 0;
	position: relative;
}

.c-mypage.myPageMylist .c-mypage-cont-inBox-head .c-mypage-btnBack {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
	padding-left: 1.5em;
	vertical-align: middle;
	width: 4em;
}

.c-mypage.myPageMylist .c-mypage-cont-inBox-head .c-mypage-btnBack::before {
	-webkit-transform: rotate(45deg);
	border-bottom: 2px solid #343434;
	border-left: 2px solid #343434;
	bottom: 0;
	content: '';
	display: block;
	height: 8px;
	left: 4px;
	margin: auto;
	position: absolute;
	top: 0;
	transform: rotate(45deg);
	width: 8px;
}

.c-mypage.myPageMylist .c-mypage-cont-inBox-head-title {
	display: none;
	font-weight: bold;
}

.c-myHeadMeta-metaBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	max-width: 1160px;
}

.c-myHeadMeta-metaBox-art {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.c-myHeadMeta-metaBox-art-inBox {
	background: #fff;
	border: 1px solid #e3e3e3;
	border-radius: 5px;
	margin: 0 auto;
	max-width: 340px;
	overflow: hidden;
	position: relative;
}

.c-myHeadMeta-metaBox-art-inBox-labelBottom {
	background: #343434;
	bottom: 0;
	color: #fff;
	font-size: 1.2rem;
	left: 0;
	padding: 1rem 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

.c-myHeadMeta-metaBox-art-inBox-artwork-img {
	height: auto;
	max-width: 100%;
	vertical-align: top;
}

.c-myHeadMeta-metaBox-info {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	font-size: 1.4rem;
	line-height: 1.57;
	margin-left: 4rem;
}

.c-myHeadMeta-metaBox-info-title {
	font-size: 3.8rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 3rem;
}

.c-myHeadMeta-metaBox-info-purchasedDate {
	margin-bottom: 0.4em;
}

.c-myHeadMeta-metaBox-info-price {
	margin-bottom: 0.4em;
}

.c-myHeadMeta-metaBox-info-price-coin {
	font-weight: bold;
}

.c-myHeadMeta-metaBox-info-price-coin::before {
	background: url(/images/exdio/renewal/icon_coin.svg) no-repeat center center;
	background-size: contain;
	content: '';
	display: inline-block;
	height: 15px;
	margin-right: 0.2em;
	vertical-align: middle;
	width: 15px;
}

.c-myHeadMeta-metaBox-info-viewingPeriod {
	margin-bottom: 0.4em;
}

.c-myHeadMeta-metaBox-info-viewingDeadline {
	color: #f0027f;
}

.c-myHeadMeta-metaBox-info > .c-addBtns {
	display: none;
}

/*************************
	マイページ＞通知設定
*************************/

/* .c-mypageの上書き部分 */

.c-mypage.push { /* overwrite */
	background: #f3f4f5;
	height: 100%;
	margin-top: 0;
}

.c-mypage.push .c-mypage-btnBack {
	display: none;
}

.c-mypage.push .c-mypage-btnBack::before {
	-webkit-transform: rotate(45deg);
	border-bottom: 2px solid #343434;
	border-left: 2px solid #343434;
	bottom: 0;
	content: '';
	display: block;
	height: 8px;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	transform: rotate(45deg);
	width: 8px;
}

/* マイページ > アカウントの固有要素 */

.c-mypagePush {
	padding-bottom: 7.5rem;
	padding-top: 3rem;
}

.c-mypagePush-header {
	margin-bottom: 3rem;
	position: relative;
}

.c-mypagePush-header-title {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

.c-mypagePush-cont-switch {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 59px;
	justify-content: space-between;
	margin-top: 2.1rem;
}

.c-mypagePush-cont-switch-titleBox {
	padding-left: 2.1rem;
}

.c-mypagePush-cont-switch-titleBox-title {
	font-size: 15px;
	font-weight: bold;
}

.c-mypagePush-cont-switch-btnBox {
	height: 28px;
	padding-right: 2.1rem;
	width: 82px;
}

.c-mypagePush-cont-switch-btnBox-base {
	-ms-flex-align: center;
	-ms-flex-pack: start;
	-webkit-box-align: center;
	-webkit-box-pack: start;
	align-items: center;
	background: #888;
	border-radius: 27px;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 28px;
	justify-content: flex-start;
	margin-left: auto;
	width: 54px;
}

.c-mypagePush-cont-switch-btnBox-base-ball {
	background: #fff;
	border-radius: 50%;
	height: 24px;
	margin: 2px;
	width: 24px;
}

.c-mypagePush-cont-switch-btnBox-base.on {
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	background: #f0027f;
	justify-content: flex-end;
}

.c-mypagePush-cont-pushCont-head {
	margin-bottom: 1.4rem;
	margin-top: 2.5rem;
}

.c-mypagePush-cont-pushCont-head-title {
	font-size: 1.2rem;
	padding-left: 2.1rem;
}

.c-mypagePush-cont-pushCont-cont {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 88px;
	justify-content: space-between;
}

.c-mypagePush-cont-pushCont-cont-titleBox {
	padding-left: 2.1rem;
}

.c-mypagePush-cont-pushCont-cont-titleBox-title {
	font-size: 15px;
	font-weight: bold;
}

.c-mypagePush-cont-pushCont-cont-titleBox-subTitle {
	font-size: 1.1rem;
	margin-top: 1rem;
}

.c-mypagePush-cont-pushCont-cont-btnBox {
	padding-right: 2.1rem;
}

.c-mypagePush-cont-pushCont-cont-btnBox-btn {
	border: 1px solid #95989a;
	cursor: pointer;
	height: 19px;
	position: relative;
	width: 19px;
}

.c-mypagePush-cont-pushCont-cont-btnBox-btn.on::before {
	-webkit-transform: rotate(45deg);
	border-bottom: 3px solid #f0027f;
	border-right: 3px solid #f0027f;
	content: '';
	display: block;
	height: 22px;
	position: absolute;
	right: 0;
	top: -7px;
	transform: rotate(45deg);
	width: 9px;
}

/*****************************************************************

「もっと見る」の開閉ボタン

******************************************************************/

.more-btn {
	-webkit-transition: all 0.4s ease 5s;
	display: inline-block;
	font-size: 1.3rem;
	transition: all 0.4s ease 5s;
}

.more-btn.common-link-arrow-bottom::after {
	-webkit-transform: rotate(45deg);
	border-bottom: 4px solid #505050;
	border-right: 4px solid #505050;
	content: '';
	display: inline-block;
	height: 8px;
	margin-bottom: 2px;
	margin-left: 1rem;
	transform: rotate(45deg);
	width: 8px;
}

.more-viwe-area {
	margin: 15px 0;
}

/*****************************************************************

利用規約

******************************************************************/

.c-terms-head h2 {
	font-size: 2rem;
	font-weight: bold;
	margin: 4rem 0;
	text-align: center;
}

.c-terms-cont {
	background: #f3f4f5;
	padding-top: 3.8rem;
}

.c-terms-cont-inBox {
	margin: 0 auto;
	max-width: 728px;
}

.c-terms-cont-inBox h3 {
	border-bottom: 1px solid #e3e3e3;
	font-size: 2rem;
	font-weight: bold;
	padding-bottom: 1.4rem;
}

.c-terms-cont-inBox h4 {
	font-size: 1.3rem;
	font-weight: bold;
	margin-top: 3em;
}

.c-terms-cont-inBox ol {
	font-size: 1.3rem;
}

.c-terms-cont-inBox ol > li {
	line-height: 1.6;
	list-style-type: decimal;
	margin-left: 1.2em;
	margin-top: 1em;
}

.c-terms-cont-inBox p {
	font-size: 1.3rem;
	line-height: 1.6;
	margin-top: 1em;
}

.c-terms-cont-inBox a {
	text-decoration: underline;
}

.c-terms-cont-inBox a:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-terms-cont-inBox-block {
	margin-top: 4em;
}

.c-terms-cont-inBox-block-platform {
	margin-top: 4rem;
}

.c-terms-cont-inBox-block-platform h4 {
	margin-top: 0;
}

.c-terms-cont-inBox-block-platform-bgw {
	background: #fff;
	margin-top: 1rem;
	padding: 2.8rem 3rem;
}

.c-terms-cont-inBox-block-platform-bgw dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.3rem;
}

.c-terms-cont-inBox-block-platform-bgw dl dt {
	font-weight: bold;
	margin-right: 2.8rem;
	width: 4em;
}

.c-terms-cont-inBox-block-stuck {
	background: #fff;
	background: #fff;
	border-bottom: 1px solid #e3e3e3;
	padding: 2.8rem 3rem;
}

.c-terms-cont-inBox-block-stuck dl {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.3rem;
}

.c-terms-cont-inBox-block-stuck dl dt {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-weight: bold;
	margin-right: 2.8rem;
	width: 16em;
}

.c-terms-cont-inBox-block-stuck dl dd {
	line-height: 1.4;
}

.c-terms-cont-inBox-block:first-child {
	margin-top: 0;
}

.c-terms-cont-inBox-bgw {
	background: #fff;
	padding: 2.8rem 3rem;
}

/*****************************************************************

よくある質問

******************************************************************/

.c-faq-head h2 {
	font-size: 2rem;
	font-weight: bold;
	margin: 4rem 0;
	text-align: center;
}

.c-faq-cont {
	background: #f3f4f5;
	padding-top: 3.8rem;
}

.c-faq-cont-inBox {
	margin: 0 auto;
	max-width: 728px;
}

.c-faq-cont-inBox h3 {
	border-bottom: 1px solid #e3e3e3;
	font-size: 2rem;
	font-weight: bold;
	padding-bottom: 1.4rem;
}

.c-faq-cont-inBox p {
	font-size: 1.3rem;
	line-height: 1.6;
}

.c-faq-cont-inBox a {
	text-decoration: underline;
}

.c-faq-cont-inBox a:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-faq-cont-inBox-block {
	margin-top: 4em;
}

.c-faq-cont-inBox-block:first-child {
	margin-top: 0;
}

.c-faq-cont-inBox-blockAnswer {
	margin-top: 4em;
}

.c-faq-cont-inBox-blockAnswer .c-queryList {
	margin-bottom: 2em;
}

.c-faq-cont-inBox-bgw {
	background: #fff;
	padding: 2.8rem 3rem;
}

.c-queryList-row {
	-ms-flex-align: start;
	-webkit-box-align: start;
	align-items: flex-start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.5;
	margin-top: 1.5em;
}

.c-queryList-row::before {
	content: url(/images/exdio/renewal/icon_question.svg);
	margin-right: 1.4em;
	width: 18px;
}

.c-queryBtn {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-ms-flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	font-size: 15px;
	font-weight: bold;
	justify-content: space-between;
	line-height: 1.3;
	margin-top: 1rem;
}

.c-queryBtn-row {
	margin-top: 2%;
	width: 32%;
}

.c-queryBtn-row-link {
	background: #2d2d2d;
	border-radius: 5px;
	color: #fff;
	display: block;
	padding: 1em;
}

.c-queryBtn-row-link:link {
	color: #fff;
	text-decoration: none;
}

.c-queryBtn-row-link:visited {
	color: #fff;
	text-decoration: none;
}

.c-queryBtn-row-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-answerBox {
	background: #fff;
	margin-top: 1rem;
}

.c-answerBox-head {
	border-bottom: 1px solid #e3e3e3;
	padding: 3rem 2.5rem 2rem 2.5rem;
}

.c-answerBox-head-title {
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.5;
	margin-left: 36px;
	position: relative;
}

.c-answerBox-head-title::before {
	content: url(/images/exdio/renewal/icon_question.svg);
	left: -36px;
	position: absolute;
	width: 18px;
}

.c-answerBox-cont {
	padding: 2rem 2.5rem 3rem 2.5rem;
}

.c-answerBox-cont-text {
	margin-left: 36px;
	position: relative;
}

.c-answerBox-cont-text::before {
	content: url(/images/exdio/renewal/icon_answer.svg);
	left: -36px;
	position: absolute;
	width: 18px;
}

/*****************************************************************

お問い合わせ

******************************************************************/

.c-contact-head h2 {
	font-size: 2rem;
	font-weight: bold;
	margin: 4rem 0;
	text-align: center;
}

.c-contact-cont {
	background: #f3f4f5;
	padding-top: 3.8rem;
}

.c-contact-cont-inBox {
	margin: 0 auto;
	max-width: 728px;
}

.c-contact-cont-inBox-head-text {
	font-size: 1.3rem;
	line-height: 1.6;
}

.c-contact-cont-inBox-head-text-link {
	text-decoration: underline;
}

.c-contact-cont-inBox-head-text-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-contact-cont-inBox-head-btn {
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto;
	margin-top: 3.8rem;
	max-width: 173px;
	width: 100%;
}

.c-contact-cont-inBox-head-btn-link {
	background: #939394;
	border-radius: 5px;
	color: #fff;
	display: block;
	padding: 1.2em;
}

.c-contact-cont-inBox-head-btn-link:link {
	color: #fff;
}

.c-contact-cont-inBox-head-btn-link:visited {
	color: #fff;
}

.c-contact-cont-inBox-head-btn-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-contact-cont-inBox-head .beforeContact {
	padding: 6rem 4rem;
}

.c-contact-cont-inBox-head .beforeContact-title {
	border-bottom: 1px solid #e3e3e3;
	font-size: 1.7rem;
	line-height: 1.6;
	margin-bottom: 1em;
	margin-top: 2em;
	padding-bottom: 0.5em;
}

.c-contact-cont-inBox-head .beforeContact-text {
	font-size: 1.3rem;
	line-height: 1.6;
	margin-top: 1em;
}

.c-contact-cont-inBox-cont-finishedTitle {
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.6;
	margin-top: 2em;
}

.c-contact-cont-inBox-cont-finishedText {
	font-size: 1.3rem;
	line-height: 1.6;
}

.c-contact .hiddenPc {
	display: none;
}

.c-contactForm {
	padding-bottom: 0.5rem;
	padding-top: 1.5rem;
}

.c-contactForm-title {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0 auto;
	margin-top: 3rem;
	max-width: 616px;
}

.c-contactForm-title.require::after {
	background: #f0027f;
	border-radius: 1rem;
	color: #fff;
	content: '必須';
	font-size: 1rem;
	margin-left: 1.5em;
	padding: 0.1rem 0.8rem;
	vertical-align: middle;
}

.c-contactForm-input {
	margin: 0 auto;
	margin-top: 1rem;
	max-width: 616px;
}

.c-contactForm-input.company > .c-pulldown {
	max-width: 112px;
}

.c-contactForm-input.company > .c-pulldown > .c-pulldown-current {
	border: 1px solid #343434;
}

.c-contactForm-input.expiration .c-mypageAccountEditCard-cardNext-input-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-contactForm-input.expiration .c-mypageAccountEditCard-cardNext-input-btns-month {
	width: 85px;
}

.c-contactForm-input.expiration .c-mypageAccountEditCard-cardNext-input-btns-separate {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0 1rem;
}

.c-contactForm-input.expiration .c-mypageAccountEditCard-cardNext-input-btns-year {
	width: 85px;
}

.c-contactForm-input.expiration .c-pulldown {
	max-width: 112px;
}

.c-contactForm-input.expiration .c-pulldown > .c-pulldown-current {
	border: 1px solid #343434;
}

.c-contactForm-input.security {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-contactForm-input.security .c-inputText {
	max-width: 168px;
}

.c-contactForm-input.security .c-mypageAccountEditCard-cardNext-input-aboutSecurityCode {
	cursor: pointer;
	font-size: 1.2rem;
	margin-left: 1.8rem;
	text-decoration: underline;
}

.c-contactForm-input.security .c-mypageAccountEditCard-cardNext-input-aboutSecurityCode:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-contactForm-input .c-inputTextarea {
	background: #fff;
}

.c-contactForm-attention {
	color: #f0027f;
	font-size: 1.2rem;
	font-weight: bold;
	margin: 0 auto;
	margin-top: 1rem;
	max-width: 616px;
}

.c-contactForm-btnSubmit {
	margin-top: 38px;
	padding-bottom: 4rem;
	padding-top: 2rem;
}

.c-contactForm-btnSubmit-link {
	background: #2d2d2d;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto;
	max-width: 346px;
	padding: 1.5rem 0;
	text-align: center;
}

.c-contactForm-btnSubmit-link:link {
	color: #fff;
}

.c-contactForm-btnSubmit-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-contactForm-btnSubmit-link:visited {
	color: #fff;
}

.c-contactForm-text {
	font-size: 1.3rem;
	line-height: 1.6;
	margin: 0 auto;
	max-width: 626px;
}

.c-contactForm-text-link {
	text-decoration: underline;
}

.c-contactForm-text-link:link {
	text-decoration: underline;
}

.c-contactForm-text-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-contactCheck {
	margin-top: 7rem;
}

.c-contactCheck-row {
	margin-top: 1.4em;
}

.c-contactCheck-row:first-child {
	margin-top: 0;
}

.c-contactCheck-row-inBox {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	justify-content: space-between;
	line-height: 1.6;
}

.c-contactCheck-row-inBox-title {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	font-weight: bold;
	position: relative;
	width: 12em;
}

.c-contactCheck-row-inBox-title .require::after {
	background: #f0027f;
	border-radius: 1rem;
	color: #fff;
	content: '必須';
	font-size: 1rem;
	line-height: 1.3;
	margin-left: 1.5em;
	padding: 0.1rem 0.8rem;
	position: absolute;
	right: -44px;
	top: 4px;
}

.c-contactCheck-row-inBox-cont {
	margin-left: 70px;
	max-width: 500px;
	text-align: left;
	vertical-align: top;
	width: 100%;
}

.c-contactCheck-btnSubmit {
	margin-top: 38px;
}

.c-contactCheck-btnSubmit-link {
	background: #2d2d2d;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto;
	max-width: 346px;
	padding: 1.5rem 0;
	text-align: center;
}

.c-contactCheck-btnSubmit-link:link {
	color: #fff;
}

.c-contactCheck-btnSubmit-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-contactCheck-btnSubmit-link:visited {
	color: #fff;
}

.c-contactCheck-btnBack {
	margin-top: 1.4rem;
}

.c-contactCheck-btnBack-link {
	background: #939394;
	border-radius: 5px;
	color: #fff;
	display: block;
	font-size: 15px;
	font-weight: bold;
	margin: 0 auto;
	max-width: 346px;
	padding: 1.5rem 0;
	text-align: center;
}

.c-contactCheck-btnBack-link:link {
	color: #fff;
}

.c-contactCheck-btnBack-link:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.c-contactCheck-btnBack-link:visited {
	color: #fff;
}

/*************************
	ログイン・会員登録
*************************/

img {
	margin: 0 auto;
	max-width: 100%;
}

.c-login-head-nav-inBox {
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
}

.c-login-head-nav-inBox-btn {
	display: block;
	text-align: center;
	width: 100%;
}

.c-login-head-nav-inBox-btn-link {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: bold;
	padding: 1.5rem 0;
	text-align: center;
	width: 100%;
}

.c-login-head-nav-inBox-btn-link.on,
.c-login-head-nav-inBox-btn-link:hover {
	border-bottom: 5px solid #cece00;
}

.c-login {
	margin-top: 2.6rem;
}

.c-login-head {
	padding: 0 1.5rem;
	position: relative;
}

.c-login-head-nav {
	margin: 0 auto;
	max-width: 415px;
}

.c-login-cont {
	background: #f3f4f5;
	width: 100%;
}

.c-login-cont-wrapper {
	padding: 0 1.6rem;
}

.c-login-pass {
	margin: 0 auto;
	max-width: 547px;
	padding-top: 2.8rem;
	position: relative;
}

.email-area {
	border: 1px solid #343434;
	border-radius: 0.2rem;
	font-size: 1.4rem;
	height: 5rem;
	margin-bottom: 2.4rem;
	padding: 1.2rem;
	width: 100%;
}

.pass-area {
	border: 1px solid #343434;
	border-radius: 0.2rem;
	font-size: 1.4rem;
	height: 5rem;
	margin-bottom: 2rem;
	padding: 1.2rem;
	width: 100%;
}

.login-ttl {
	font-weight: 600;
	margin-bottom: 2.8rem;
	text-align: center;
}

.check-wrapper {
	margin: 0 auto;
	max-width: 346px;
	padding-bottom: 1px;
}

input[type='checkbox'] {
	display: none;
}

input::-webkit-input-placeholder {
	color: #b7b7b7;
}

input::-moz-placeholder {
	color: #b7b7b7;
}

input:-ms-input-placeholder {
	color: #b7b7b7;
}

input::-ms-input-placeholder {
	color: #b7b7b7;
}

input::placeholder {
	color: #b7b7b7;
}

.check-area {
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: 300;
	justify-content: flex-start;
	margin-bottom: 2.4rem;
}

.login-check {
	position: relative;
}

.login-check:after,
.login-check:before {
	content: '';
	display: block;
	top: 50%;
}

.login-check:after {
	background-color: #fff;
	border: 1px solid #666666;
	border-radius: 0.5rem;
	height: 22px;
	left: 0;
	width: 22px;
}

.login-check:before {
	-webkit-transform: rotate(45deg);
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	height: 9px;
	left: 8px;
	opacity: 0;
	position: absolute;
	top: 5px;
	transform: rotate(45deg);
	width: 5px;
}

.login-check-text {
	font-size: 1.3rem;
	font-weight: 300;
	line-height: 2rem;
	padding-left: 1rem;
}

.login-check-text span {
	font-size: 1.2rem;
	text-decoration: underline;
}

input[type='checkbox']:checked + .login-check:before {
	opacity: 1;
	z-index: 1;
}

.login-btn {
	margin-bottom: 1.4rem;
}

.login-btn a {
	background-color: #343434;
	border-radius: 0.5rem;
	color: #fff;
	display: block;
	font-size: 15px;
	padding: 1.5rem 2rem;
	text-align: center;
}

.login-pass-subtext {
	text-align: center;
}

.login-pass-subtext a {
	color: #b7b7b7;
	font-size: 1.3rem;
	text-decoration: underline;
}

.c-login-cont .c-login-container {
	margin: 2.6rem auto 4rem;
	max-width: 1080px;
}

.c-login-btn-wrapper {
	margin: 0 auto;
	max-width: 712px;
	padding-bottom: 5rem;
	text-align: center;
}

.login-btn-area {
	-ms-flex-pack: justify;
	-ms-flex-wrap: wrap;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.login-btn-block {
	margin-bottom: 1rem;
	width: 48%;
}

.login-btn-block a {
	background-color: #343434;
	border-radius: 0.5rem;
	color: #fff;
	display: block;
	font-size: 15px;
	padding: 1.5rem 2rem;
}

.login-line {
	border-top: 1px solid #939394;
	margin: 4.6rem auto 4rem;
	max-width: 1080px;
	width: 100%;
}

.login-line.coin-payment-top {
	border-top: 1px solid #e3e3e3;
	margin: 1.2rem auto 1.2rem;
}

/*************************
	ログイン・会員登録　フローあり（login_index_flow.html）
*************************/

.c-login-wrapper {
	margin-bottom: 6.6rem;
	padding: 0 1.5rem;
}

.c-login-flowwrapper {
	margin: 0 auto;
	max-width: 728px;
}

.c-login-stepwrapper {
	background-color: #f3f4f5;
	border-radius: 1rem;
	margin-bottom: 2.4rem;
	padding: 1.5rem 0.5rem;
}

.c-login-steparea {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 496px;
}

.c-login-flowwrapper-text {
	font-size: 1.3rem;
	font-weight: 300;
	line-height: 1.4;
	margin: 0 auto;
	max-width: 728px;
}

.c-login-flowwrapper-text span {
	text-decoration: underline;
}

.login-flow {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	color: #b7b7b7;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.3rem;
	font-weight: 600;
	justify-content: center;
	line-height: 1.4;
	position: relative;
	text-align: center;
	width: 100%;
}

.login-flow::after {
	-webkit-transform: translate(-50%, -50%);
	content: url(/images/exdio/renewal/arrow_next_large_black.svg);
	position: absolute;
	right: -0.3rem;
	top: 51.5%;
	transform: translate(-50%, -50%);
}

.login-flow.visit {
	color: #343434;
}

.c-login-steparea li:last-child::after {
	display: none;
}

/*************************
	ログイン・会員登録 (新規登録：login_newaccount_index.html)
*************************/

.check-area.off {
	display: none;
}

.login-pass-forget.off {
	display: none;
}

.input-box.off {
	display: none;
}

.login-ttl.new-account {
	margin-bottom: 4rem;
}

.c-login-container.new-account {
	margin: 4.8rem auto 4rem;
}

.login-btn.new-account a {
	background-color: #ffff11;
	color: #343434;
	font-weight: 600;
}

/*************************
	ログイン・仮会員登録 (仮会員登録：login_provisional.html)
*************************/

.login-ttl.provisional-head-ttl {
	font-size: 2rem;
	margin-bottom: 4rem;
}

.provisional-url {
	margin: 0 auto;
	max-width: 728px;
	padding: 3.4rem 0 5.4rem;
}

.provisional-url .text {
	font-size: 1.3rem;
	font-weight: 300;
	line-height: 1.6;
	margin-bottom: 4.2rem;
}

.input-box-provisional {
	margin: 0 auto;
	max-width: 548px;
}

.input-box-provisional .ttl {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 1.4rem;
}

.input-box-provisional .attention {
	color: #f0027f;
	font-size: 1.2rem;
	line-height: 1.4;
}

.input-box-provisional .email-area {
	margin-bottom: 1.4rem;
}

.provisional-page {
	margin: 2.8rem auto 0;
	max-width: 516px;
	padding-bottom: 5rem;
}

.login-already {
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 1.5;
}

.login-already span {
	text-decoration: underline;
}

.check-area-provisional {
	margin-bottom: 5rem;
}

.step-bar {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	position: relative;
	text-align: center;
}

.step-bar li {
	color: #666666;
	font-size: 1.3rem;
	font-weight: 300;
	line-height: 1.3;
	position: relative;
	width: 20%;
}

.step-bar li::after {
	background: #b7b7b7;
	content: '';
	height: 4px;
	left: calc(-50% + 7px);
	position: absolute;
	top: 6px;
	width: 100%;
}

.step-bar li span {
	background: #b7b7b7;
	border-radius: 50%;
	display: block;
	height: 15px;
	margin: 0 auto 10px;
	position: relative;
	width: 15px;
}

.step-area {
	margin: 0 auto 4.6rem;
	max-width: 638px;
	padding-top: 2.8rem;
}

.step-bar li:first-child:after {
	display: none;
}

.step-bar li.step-mail span {
	position: relative;
}

.step-bar li.step-mail span::before {
	content: url(/images/exdio/renewal/icon_mail.svg);
	left: calc(50% - 10px);
	position: absolute;
	top: -25px;
}

.step-bar .visit {
	color: #343434;
	font-weight: 600;
}

.step-bar .visit:after {
	background: #cece00;
}

.step-bar .visit span {
	background: #cece00;
}

/*************************
	ログイン・仮会員登録 (仮会員登録：login_provisional.html)
*************************/

.step-bar .visit span.visited::before {
	-webkit-transform: translate(-50%, -50%);
	background-image: url(/images/exdio/renewal/icon_check.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-size: contain;
	content: '';
	height: 40px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 40px;
	z-index: 1;
}

.step-bar.provisional_url li span {
	margin: 0 auto 20px;
}

.provisional-url-mail-icon {
	margin: 0 auto;
	margin-bottom: 2.8rem;
	max-width: 48px;
}

.provisional-url-mail-icon img {
	width: 100%;
}

.provisional-url-text {
	font-weight: 600;
	letter-spacing: 0.072rem;
	line-height: 1.7;
	margin-bottom: 2.4rem;
	text-align: center;
}

.provisional-url-text span {
	display: block;
}

select {
	-moz-appearance: unset;
	-ms-progress-appearance: unset;
	-webkit-appearance: unset;
	appearance: unset;
}

/*************************
	ログイン・仮会員登録 (会員情報入力：login_provisional_index.html)
*************************/

.kaiin-input-wrapper {
	margin: 0 auto;
	max-width: 626px;
}

.kaiin-input-box {
	margin-bottom: 4rem;
	position: relative;
}

.kaiin-input-box.gender {
	max-width: 324px;
}

.kaiin-input-box input {
	display: block;
}

.kaiin-input-box .select-date {
	background: #fff;
	border: 1px solid #2d2d2d;
	border-radius: 2px;
	color: #222;
	cursor: pointer;
	padding: 15px 8px;
	position: relative;
	width: 100%;
}

.kaiin-input-box .select-area {
	display: inline;
	margin-right: calc(40px / 3);
	position: relative;
}

.kaiin-input-box .select-area.year {
	width: 11.2rem;
}

.kaiin-input-box .select-area.month {
	width: 8.6rem;
}

.kaiin-input-box .select-area.day {
	margin-right: 0;
	width: 8.6rem;
}

.kaiin-input-box .select-area::after {
	bottom: 0;
	content: url(/images/exdio/renewal/icon_pulldown.svg);
	display: block;
	height: 15px;
	margin: auto;
	position: absolute;
	right: 10px;
	top: 0;
	width: 10px;
}

.kaiin-input-area {
	border: 1px solid #343434;
	border-radius: 0.2rem;
	font-size: 1.4rem;
	height: 5rem;
	margin-bottom: 0.6rem;
	padding: 1.2rem;
	width: 100%;
}

.payment-area.kaiin-input-box {
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	justify-content: start;
	margin-bottom: 4rem;
}

.kaiin-radio-btn {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: calc(100% / 3);
}

.input-title {
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 1.5rem;
}

.input-title.must::after {
	background-color: #f0027f;
	border-radius: 2.2rem;
	color: #fff;
	content: '必須';
	font-size: 1rem;
	font-weight: 600;
	margin-left: 0.5rem;
	padding: 0.2rem 1rem;
	vertical-align: middle;
}

.must-text {
	color: #f0027f;
}

.provisional-url .text.must-text {
	font-weight: 600;
}

.check-area.kaiin-check-area {
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	background-color: #fff;
	justify-content: flex-start;
	padding: 2rem; /**/
}

.login-already.no {
	display: none;
}

.input-title .mail {
	font-weight: 300;
	margin-left: 3rem;
}

.select-input-area {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.kaiin-radio-btn .login-radio {
	margin-right: 0.5rem;
}

/*************************
	ログイン・仮会員登録 (仮会員登録：login_provisional_confirm.html)
*************************/

.confirm-area {
	margin-bottom: 4.6rem;
}

.confirm-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	margin-bottom: 2.8rem;
}

.confirm-text .answer {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-weight: 600;
	justify-content: space-between;
	margin-right: 2rem;
	max-width: 126px;
	min-width: 126px;
	width: 100%;
}

.confirm-text .answer.must::after {
	background-color: #f0027f;
	border-radius: 2.2rem;
	color: #fff;
	content: '必須';
	font-size: 1rem;
	font-weight: 600;
	padding: 0.2rem 1rem;
}

.confirm-text .no {
	color: #b7b7b7;
}

.confirm-btn a {
	background-color: #2d2d2d;
}

.revise-btn a {
	background-color: #939393;
}

.confirm-answer-text {
	line-height: 1.4;
	word-break: break-word;
}

/*************************
	ログイン・仮会員登録 (完了：login_provisional_finish.html)
*************************/

.login-movie-area {
	margin-bottom: 5.4rem;
}

.login-movie-list {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	border-bottom: 1px solid #e3e3e3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	padding: 1.8rem 1rem;
}

.login-movie-list .coin {
	font-weight: 600;
}

.login-movie-list .coin::before {
	content: url(/images/exdio/renewal/icon_coin.svg);
	margin-right: 0.2rem;
}

.login-movie-list .delete a {
	color: #939394;
	font-size: 1.3rem;
	margin-left: 1.5rem;
	text-decoration: underline;
}

.finish-text-area {
	margin-bottom: 4rem;
	text-align: center;
}

.finish-text {
	margin-bottom: 3.4rem;
}

.back-btn {
	margin-top: 2.6rem;
	text-align: center;
}

.back-btn a {
	color: #939394;
	font-size: 1.3rem;
	text-decoration: underline;
}

.back-btn a:hover {
	-webkit-transition: 0.3s;
	opacity: 0.7;
	transition: 0.3s;
}

.movie-list-fix {
	margin-bottom: 2.4rem;
	text-align: center;
}

.movie-list-fix .coin {
	font-size: 4rem;
	font-weight: 600;
	margin-right: 3rem;
}

.movie-list-fix .coin::before {
	background-image: url(/images/exdio/renewal/icon_coin.svg);
	background-repeat: no-repeat;
	background-size: cover;
	content: '';
	display: inline-block;
	height: 2.7rem;
	margin-right: 0.5rem;
	width: 2.7rem;
}

/*************************
	ログイン・会員登録 メダル購入 (完了：login_coin_confirm.html)
*************************/

.payment-finish-balance.confirm-list {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	padding: 1rem 0 1rem;
}

.confirm-list {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	padding: 1rem 0 0.5rem;
}

/*************************
	ログイン・会員登録 メダル購入 (完了：login_coin_payment.html)
*************************/

.c-login.finish {
	padding-bottom: 3rem;
}

.c-login.finish .c-login-cont {
	background: #fff;
}

.c-login.finish .c-login-cont .c-login-cont-wrapper.coin-payment-wrapper {
	background: #f3f4f5;
	padding-bottom: 2rem;
}

.c-login.finish .c-login-cont .c-card-inBox-meta-title::after {
	background: #f3f4f5;
}

.c-login.finish .c-login-cont .c-card-inBox-meta-viewingDeadline {
	color: #f0027f;
	line-height: 1.4;
	margin-top: 0.6rem;
}

.c-login.finish .check-wrapper {
	margin-top: 35px;
}

.c-login.finish .check-wrapper .back-btn > a {
	margin: 0 15px;
}

.c-login-btn-wrapper.no {
	display: none;
}

.c-login-flowwrapper.finish .login-ttl.provisional-head-ttl {
	margin-bottom: 2.6rem;
}

.c-login-flowwrapper.finish .c-myInfoBox-coins {
	margin-bottom: 1.8rem;
	margin-left: auto;
	padding-left: 18px;
	padding-right: 18px;
	width: 180px;
}

.c-login-flowwrapper.finish .c-myInfoBox-coins .c-myInfoBox-coins-balance {
	-ms-flex-align: end;
	-ms-flex-pack: justify;
	-webkit-box-align: end;
	-webkit-box-pack: justify;
	align-items: flex-end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.c-login-flowwrapper.finish .c-myInfoBox-coins .c-myInfoBox-coins-balance .c-myInfoBox-coins-balance-num {
	font-size: 3rem;
}

.c-login-head.no {
	display: none;
}

.c-login-flowwrapper-text.no {
	display: none;
}

.c-login-flowwrapper-text.finish {
	text-align: center;
}

.c-login-flowwrapper-text.finishPack {
	margin-bottom: 3rem;
	text-align: center;
}

.c-login-pass.no {
	display: none;
}

.login-pass-subtext.no {
	display: none;
}

.check-area.no {
	display: none;
}

.c-login-cont-wrapper.coin-payment-wrapper {
	padding: 2.4rem 4rem 13rem;
}

.coin-payment-total {
	background-color: #fff;
	margin-bottom: 2rem;
	padding: 1.4rem 0;
	text-align: center;
}

.c-login-wrapper.coin-step-head {
	margin-bottom: 0;
}

.payment-area {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-bottom: 2.2rem;
}

.payment-area.carrier {
	margin-bottom: 4rem;
}

.payment-block {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	background-color: #e5e6cb;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 8.4rem;
	margin-bottom: 2rem;
	padding: 2rem 1.4rem;
}

.payment-block.select {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	height: 7.4rem;
	width: 31.5%;
}

.payment-block.select .payment-select-area {
	text-align: center;
	width: calc(100% - 22px);
}

input[type='radio'] {
	display: none;
}

.login-radio {
	display: inline-block;
	margin-right: 1rem;
	margin-top: -0.3rem;
	position: relative;
}

.login-radio:after,
.login-radio:before {
	content: '';
	display: block;
}

.login-radio:after {
	background-color: #fff;
	border-radius: 50%;
	height: 22px;
	width: 22px;
}

.login-radio:before {
	-webkit-transform: translate(-50%, -50%);
	border: 0.65rem solid #666666;
	border-radius: 50%;
	height: 22px;
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 22px;
}

input[type='radio']:checked + .login-radio:before {
	opacity: 1;
	z-index: 1;
}

.payment-select-area {
	display: inline-block;
}

.payment-select-area .text {
	font-size: 15px;
	font-weight: 600;
}

.payment-select-area span {
	display: block;
}

.c-login-stepwrapper.payment-stepwrapper {
	margin-bottom: 3.6rem;
}

.c-login-subtext {
	font-size: 1.3rem;
	font-weight: 300;
	line-height: 1.5;
}

.c-login-subtext.payment-subtext {
	margin: 2rem 0;
	text-align: center;
}

.c-login-subtext.detail span::after {
	content: url(/images/exdio/renewal/arrow_bottom.svg);
	margin-left: 1.5rem;
}

.c-login-subtext.movie-fix {
	margin-right: 1rem;
}

.w-600 {
	font-weight: 600;
}

.c-login-container.no {
	display: none;
}

.balance-area {
	font-size: 1.3rem;
	font-weight: 600;
	min-width: 14rem;
	text-align: right;
}

.coin-balance::before {
	content: url(/images/exdio/renewal/icon_coin.svg);
	display: inline-block;
	margin-right: 0.5rem;
	vertical-align: middle;
}

/*************************
	ログイン・会員登録 メダル購入 (カード情報：login_coin_payment_card.html)
*************************/

.card-limit {
	margin: 0 1rem 0 0;
}

.card-limit-text {
	margin-top: 1rem;
}

.security-code-area {
	margin-right: 1rem;
	max-width: 168px;
}

.security-code-text {
	display: inline-block;
	font-size: 1.2rem;
}

.security-code-text a {
	text-decoration: underline;
}

.kaiin-input-box input.security-code-area {
	display: inline-block;
}

/*************************
	ログイン・会員登録 メダル購入 (個別：login_coin_payment_pieces.html)
*************************/

.coin-charge-wrapper {
	padding-bottom: 5.4rem;
}

.payment-wrapper.no {
	display: none;
}

.coin-charge-area {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	border-bottom: 1px solid #e3e3e3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	padding: 2.6rem 2.4rem 2.6rem 1rem;
}

.sub-text-s {
	font-size: 1rem;
	margin-right: 1.6rem;
}

.sub-text-m {
	font-size: 1.2rem;
	font-weight: 400;
}

.coin-charge-block {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.coin-charge-block .price {
	font-size: 15px;
}

.coin-pieces {
	font-size: 2rem;
	font-weight: 600;
}

.coin-pieces::before {
	background-image: url(/images/exdio/renewal/icon_coin.svg);
	background-repeat: no-repeat;
	background-size: cover;
	content: '';
	display: inline-block;
	height: 1.6rem;
	margin-right: 0.8rem;
	vertical-align: middle;
	width: 1.6rem;
}

.login-radio.coin::after {
	background-color: #d2d2d2;
}

input[type='radio']:checked + .login-radio.coin:after {
	background-color: #fff;
}

/*************************
	ログイン・会員登録 メダル購入 (オートチャージ：login_coin_payment_auto.html)
*************************/

.coin-pieces .month {
	font-size: 1.2rem;
	font-weight: 600;
	margin-right: 0.5rem;
}

/*************************
	ログイン・会員登録 メダル購入 (完了：login_coin_payment_finish.html)
*************************/

.c-login-flowwrapper.no {
	display: none;
}

.finish-area {
	font-size: 1.3rem;
}

.finish-area .movie-list {
	border-bottom: 1px solid #e3e3e3;
	padding: 1.6rem 0 1.6rem 0;
}

.finish-wrapper ul:last-child {
	border-bottom: none;
	margin-bottom: 3rem;
}

.payment-finish-wrapper {
	margin: 0 auto;
	max-width: 728px;
}

.finish-wrapper {
	background-color: #fff;
}

.finish-area {
	border-bottom: 1px solid #e3e3e3;
	padding: 1rem 2.2rem;
}

.c-login-subtext.payment-finish-subtitle {
	margin-bottom: 1rem;
}

.payment-finish-balance {
	display: block;
	padding: 1rem 0 0.5rem;
}

.payment-finish-balance.fix {
	margin-bottom: 0;
	padding-bottom: 0;
}

.movie-list {
	border-bottom: 1px solid #e3e3e3;
	padding: 2rem 2.4rem 2rem 1rem;
}

.c-login-subtext.detail.payment-finish {
	padding-right: 0;
	text-align: right;
}

.balance.confirm {
	margin-right: 1rem;
}

.coin-remaining {
	padding: 0 1.6rem 3.4rem;
	text-align: right;
}

.coin-remaining-total {
	font-size: 3rem;
}

.c-login-subtext.detail.on span::after {
	content: url(/images/exdio/renewal/arrow_top.svg);
}

.coin-balance.coin-total {
	font-size: 2rem;
}

.payment-finish-balance .price-total {
	display: inline-block;
	font-size: 3.2rem;
	vertical-align: middle;
}

.payment-subtext.top-text {
	font-size: 1.2rem;
	line-height: 1.5rem;
	margin-bottom: 1.4rem;
	text-align: center;
}

.payment-subtext.subtext-sp {
	display: inline-block;
	font-size: 1.2rem;
	font-weight: 600;
	text-align: left;
	width: 34%;
}

.login-already.payment-finish {
	margin-bottom: 3rem;
	text-align: center;
}

/*************************
	メダル購入 (coin_charge.html)
*************************/

.coin-payment-total.no {
	display: none;
}

.coin-charge-remaining {
	background-color: #fff;
	margin-bottom: 2.6rem;
	padding: 1.4rem 0;
	text-align: center;
}

.coin-charge-remaining .coin {
	font-size: 4rem;
	font-weight: 600;
}

.coin-charge-remaining .coin::before {
	background-image: url(/images/exdio/renewal/icon_coin.svg);
	background-repeat: no-repeat;
	background-size: cover;
	content: '';
	display: inline-block;
	height: 2.7rem;
	margin-right: 0.5rem;
	width: 2.7rem;
}

.coin-charge-top {
	margin: 0 auto;
	max-width: 256px;
}

.charge-remaining {
	font-size: 1.7rem;
	font-weight: 600;
	margin-right: 4.4rem;
}

/*************************
	メダル購入 (個別：coin_charge_piece.html)
*************************/

.c-login-stepwrapper.no {
	display: none;
}

.payment-type-wrapper.no {
	display: none;
}

/*************************
	メダル購入 (確認：coin_charge_cobfirm_co.html)
*************************/

.buy-product-wrapper.no {
	display: none;
}

.payment-finish-balance.no {
	display: none;
}

.c-login-subtext.no {
	display: none;
}

/*************************
	月額購入 (monthly_payment.html)
*************************/

.coin-charge-top.no {
	display: none;
}

.movie-list-fix .monthly {
	font-size: 3rem;
	font-weight: 600;
}

.movie-list-fix .monthly::before {
	content: '月額';
	font-size: 1.6rem;
	margin-right: 0.5rem;
}

.movie-list-fix .monthly::after {
	content: '円';
	font-size: 1.6rem;
	margin-left: 0.5rem;
}

.movie-list-fix .task {
	font-size: 1.3rem;
	font-weight: 300;
}

.movie-list-fix .coin.no {
	display: none;
}

.balance-area.no {
	display: none;
}

/*************************
	メダル購入キャリア決済(確認：medal_charge_confirm_carrier02.html)
*************************/

.coin-delete {
	color: #c3c4c4;
	font-size: 1.3rem;
	padding-left: 1rem;
}

.movie-list.on {
	display: none;
}

/*************************
	メダル購入キャリア決済(確認：medal_charge_carrier_btn.html)
*************************/

.carrier-btn-wrapper {
	margin: 0 auto;
	min-width: 20rem;
	text-align: center;
}

.carrier-btn-text {
	font-size: 2.5rem;
	margin-bottom: 5.2rem;
}

.carrier-btn-btntext {
	background-color: #00a0c6;
	border-radius: 0.4rem;
	font-size: 15px;
	padding: 1.4rem 0;
}

.carrier-btn-btntext a {
	color: #fff;
}

body.carrier_page {
	position: relative;
}

.carrier_page_wrapper {
	-webkit-transform: translate(-50%, -50%);
	left: 50%;
	position: absolute;
	top: 40%;
	transform: translate(-50%, -50%);
}

/*************************
	月額購入 (monthly_payment.html)
*************************/

.payment-block.core {
	background-color: #dfedf2;
}

/*************************
	月額購入 (内容確認：monthly_payment_confirm.html)
*************************/

.monthly-total {
	font-size: 1.6rem;
	font-weight: 600;
	margin-right: 0.4rem;
	vertical-align: middle;
}

.monthly-task {
	font-size: 1.3rem;
	font-weight: 300;
}

.coin-total.monthly-total {
	font-size: 1.8rem;
}

.coin-total.monthly-total .monthly {
	font-size: 1.6rem;
}

.coin-remaining.no {
	display: none;
}

.total-price {
	margin: 0 0.2rem;
}

.payment-finish-balance.confirm-list.more-product {
	display: none;
}

.payment-finish-balance.confirm-list.more-product.on {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/*************************
	動画購入 (movie_purchase.html)
*************************/

.movie-top-attention {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.movie-purchase_cont {
	width: 100%;
}

.c-coin-payment-head.no {
	display: none;
}

.movie-purchase-list {
	font-weight: 300;
	line-height: 1.5;
	margin-right: 2rem;
}

.arrow-bottom {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.arrow-bottom-icon {
	margin-right: 2rem;
	position: relative;
}

.arrow-bottom-icon::before {
	background-image: url(/images/exdio/renewal/arrow_bottom.svg);
	background-repeat: no-repeat;
	background-size: cover;
	content: '';
	display: inline-block;
	height: 0.7rem;
	left: 0; /* padding: 1rem; */ /* display: block; */
	top: 50%;
	vertical-align: middle; /* margin-right: 5.8rem; */
	width: 1.2rem;
}

.coin-charge-top.no {
	display: none;
}

.about-coin-lower a::after {
	background-image: url(/images/exdio/renewal/icon_info.svg);
	content: '';
	display: inline-block;
	height: 1.8rem;
	margin-left: 1rem;
	vertical-align: text-bottom;
	width: 1.8rem;
}

.coin-choice {
	background-color: #d2d2d2;
	border-radius: 0.5rem;
	color: #fff;
	cursor: pointer;
	font-size: 1.1rem;
	margin-left: 1.2rem;
	min-width: 7.8rem;
	padding: 1rem 0;
	position: relative;
	text-align: center;
}

.coin-choice::after {
	content: '選択';
}

.coin-choice.on {
	background-color: #2d2d2d;
	color: #fff;
}

.coin-choice.on::before {
	-webkit-transform: translate(-50%, -50%);
	background-image: url(/images/exdio/renewal/icon_check_w.svg);
	background-position: center;
	background-repeat: no-repeat;
	content: '';
	display: inline-block;
	height: 0.8rem;
	left: 1.5rem;
	margin-right: 0.5rem;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 1.2rem;
}

.coin-choice.select::after {
	content: '購入済';
}

.coin-choice.select.on::before {
	background-image: none;
	content: '';
}

.movie-list-area {
	padding: 2.2rem 0;
}

.movie-list-area.on {
	padding: 2.2rem 0 0;
}

.movie-list-wrapper ul:last-child {
	margin-bottom: 1.4rem;
}

.movie-list-more {
	font-weight: 600;
	padding: 0 0 2rem;
	text-align: center;
}

.movie-list-more::before {
	content: 'もっと見る';
}

.movie-list-more::after {
	content: url(/images/exdio/renewal/arrow_bottom.svg);
	margin-left: 1rem;
}

.movie-list-more.on::before {
	content: 'もとに戻す';
}

.movie-list-more.on::after {
	content: url(/images/exdio/renewal/arrow_top.svg);
}

.movie-list-total {
	padding: 1.4rem 0;
	text-align: center;
}

.movie-list-total .total-text {
	font-weight: 300;
}

.movie-list-total .coin {
	display: inline-block;
	font-size: 3rem;
	font-weight: 600;
	margin-right: 3rem;
}

.movie-list-total .coin::before {
	background-image: url(/images/exdio/renewal/icon_medal.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	display: inline-block;
	height: 2.8rem;
	margin-right: 0.5rem;
	vertical-align: top;
	width: 2.8rem;
}

.purchase-list {
	padding: 2rem 0.8rem 2rem 0.8rem;
}

.link-text a {
	text-decoration: underline;
}

.movie-list-balance-area {
	-ms-flex-align: center;
	-ms-flex-pack: end;
	-webkit-box-align: center;
	-webkit-box-pack: end;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: flex-end;
}

.movie-list-balance-area .coin-balance {
	width: 5rem;
}

.login-ttl.provisional-head-ttl.flow-title.movie-purchase-title {
	margin-bottom: 0rem;
}

.coin-balance.movie-purchase-coin {
	font-size: 1.3rem;
}

.more-list-wrapper {
	display: none;
}

.more-list-wrapper.on {
	display: block;
	padding-bottom: 2.2rem;
}

/*************************
	動画購入 (あらすじ表記：movie_purchase_summary.html)
*************************/

.movie-summary {
	line-height: 1.6;
	padding-left: 3.6rem;
	padding-top: 1rem;
}

.movie-summary .summary {
	padding-bottom: 1rem;
}

.movie-summary-wrapper {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.movie-summary-wrapper + .movie-summary {
	display: none;
}

.movie-summary-wrapper.on + .movie-summary {
	-webkit-transition: all 0.4s;
	clear: both;
	display: block;
	opacity: 1;
	transition: all 0.4s;
}

.movie-list-wrapper ul.payment-finish-balance {
	margin-bottom: 0;
}

/*************************
	動画購入 (movie_purchase_select.html)
*************************/

.coin-choice.select {
	background-color: #a2a200;
}

/*************************
	動画購入 (movie_purchase_pack.html)
*************************/

.purchase_pack {
	margin-bottom: 5rem;
}

.movie-list-wrapper ul.unlimited-pack:last-child {
	margin-bottom: 0;
}

/*************************
	動画購入 (movie_purchase_pack_unlimited.html)
*************************/

.sub-attention.no {
	display: none;
}

.coin-balance {
	font-size: 2rem;
}

.coin-balance.monthly {
	width: 100%;
}

.coin-balance.monthly::before {
	content: '月額';
	font-size: 1.3rem;
}

.coin-balance.monthly::after {
	content: '円（税抜）';
	font-size: 1.3rem;
}

.coin-choice.no {
	display: none;
}

.movie-list-total .coin.monthly {
	margin-right: 0;
}

.movie-list-total .coin.monthly::before {
	background-image: none;
	content: '月額';
	font-size: 1.3rem;
	height: auto;
	vertical-align: baseline;
	width: auto;
}

.movie-list-total .coin.monthly::after {
	content: '円（税抜）';
	font-size: 1.3rem;
}

.login-already.payment-finish.monthly {
	text-align: left;
}

.payment-finish-balance.movie-unlimited-balance .movie-list-balance-area {
	min-width: 14rem;
	text-align: right;
}

.arrow-bottom-icon.no {
	display: none;
}

.movie-list-wrapper ul.movie-unlimited-balance {
	margin-bottom: 0;
}

/*************************
	メダル表 モーダル表示(coin_map.html)
*************************/

.payment-modal-wrapper {
	padding: 5.6rem 3rem;
}

.payment-modal-area {
	margin: 0 auto;
	max-width: 640px;
}

.login-radio.no {
	display: none;
}

.back-btn.no {
	display: none;
}

.sub-text-s.modal-sub-text {
	margin-right: 0;
}

.modal-charge-area {
	padding: 2.6rem 1rem;
}

.modal-charge-wrapper {
	padding-bottom: 1.6rem;
}

.c-modal-inBox-check.no {
	display: none;
}

.map-modal {
	min-height: auto;
}

.tab1_label,
.tab2_label {
	width: 49%;
}

/*************************
	特典 (coin_map.html)
*************************/

.special-info .map-modal {
	margin: 0 auto;
	max-width: 874px;
}

.payment-modal-area.no {
	display: none;
}

.map-modal .special-title {
	font-size: 2.3rem;
	font-weight: 300;
	margin-bottom: 3.6rem;
	text-align: center;
}

.special-sub-title {
	font-size: 1.7rem;
	font-weight: 300;
	margin-bottom: 1.6rem;
	text-align: left;
}

.special-text-wrapper {
	text-align: left;
}

.special-text-box {
	margin-bottom: 4.6rem;
	text-align: left;
}

.check-wrapper.no {
	display: none;
}

.special-text-wrapper div:last-child {
	margin-bottom: 0;
}

.c-modal.special-info {
	display: none;
}

.c-modal.special-info.on {
	-webkit-animation: fadeIn 0.2s linear 0s;
	animation: fadeIn 0.2s linear 0s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/*************************
	未購入alert (alert.html)
*************************/

.special-text-wrapper.no {
	display: none;
}

.modal-alert-wrapper {
	margin: 0 auto;
	max-width: 460px;
	text-align: center;
}

.modal-alert-btn {
	background-color: #cece00;
	border-radius: 2.4rem;
	padding: 1.4rem 0;
}

.modal-alert-btn .coin {
	background-color: #fff;
	border-radius: 0.5rem;
	font-size: 2rem;
	margin-right: 1rem;
	padding: 0.5rem 1rem;
}

.modal-alert-btn .coin::before {
	background-image: url(/images/exdio/renewal/icon_coin.svg);
	background-repeat: no-repeat;
	background-size: cover;
	content: '';
	display: inline-block;
	height: 1.5rem;
	margin-right: 0.5rem;
	vertical-align: middle;
	width: 1.5rem;
}

.modal-alert-title {
	margin-bottom: 2rem;
}

.c-modal.medal-alert {
	display: none;
}

.c-modal.medal-alert.on {
	-webkit-animation: fadeIn 0.2s linear 0s;
	animation: fadeIn 0.2s linear 0s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/***************************
****************************/

input {
	-webkit-appearance: none;
	border: none;
}

/*************************
コインエリア
*************************/

.nav-select-area {
	text-align: center;
	width: 100%;
}

input[type='radio'] {
	display: none;
}

.tab_area label {
	-webkit-transition: ease 0.2s opacity;
	cursor: pointer;
	display: inline-block;
	padding: 12px 0;
	transition: ease 0.2s opacity;
}

.tab_panel {
	display: none;
	width: 100%;
}

#tab1:checked ~ .panel_area #panel1 {
	display: block;
}

#tab2:checked ~ .panel_area #panel2 {
	display: block;
}

.textarea__width a {
	text-decoration: underline !important;
}

.textarea__width a:hover {
	text-decoration: none !important;
}

.title__text {
	background-color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	padding: 40px 0 38px 0;
	text-align: center;
}

.textarea__grayarea {
	background-color: #f3f4f5;
}

.textarea__width {
	margin: 0 auto;
	max-width: 728px;
	padding-bottom: 104px;
}

.textarea__width:first-child {
	padding-top: 54.5px;
}

.textarea__width a {
	text-decoration: underline;
}

.textarea__title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 16.5px;
	padding: 38px 0 15.5px 0;
}

.textarea__text1 {
	font-size: 13px;
	line-height: 1.615;
	margin-bottom: 8px;
}

.textarea__text2 {
	font-size: 13px;
	line-height: 1.615;
	margin-bottom: 40px;
}

.textarea__text-right {
	font-size: 13px;
	margin-bottom: 24px;
	text-align: right;
}

.textarea__indent {
	padding-left: 1em;
	text-indent: -1em;
}

.textarea__indent-all {
	padding-left: 1em;
}

.textarea__subtitle {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 12px;
}

.table__title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}

.tablearea {
	border: 1px solid #333;
	font-size: 13px;
	line-height: 1.3;
}

.tablearea__text {
	margin: 8px 0;
}

.tablearea th {
	font-weight: bold;
}

.tablearea th,
.tablearea td {
	border: 1px solid #333;
	padding: 5px;
	width: 50%;
}

.tablearea th .differ,
.tablearea td .differ {
	color: red;
	display: inline;
	text-decoration: underline;
}

.tablearea th ul,
.tablearea td ul {
	margin-bottom: 8px;
	padding-left: 1em;
}

.tablearea th p,
.tablearea td p {
	text-align: center;
}

.tablearea th {
	text-align: center;
}

.table__end {
	margin-top: 10px;
	text-align: right;
}

#medal_charge {
	text-decoration: none !important;
}

#service {
	text-decoration: none !important;
}

a.anchor {
	margin-top: -70px;
	padding-top: 70px;
}

@media all and (-ms-high-contrast: none) {

.login-flow::after {
	width: 6px;
}

.coin-balance::before {
	width: 2rem;
}

.arrow-bottom-icon::before {
	background-size: 11px;
}

.movie-list-total .coin::before {
	background-size: 26px;
}

.coin-balance.monthly::before {
	width: 14rem;
}

}

@media (min-width: 579px) {

br.sp-visible {
	display: none;
}

}

@media screen and (min-width: 1024px) {

.u-hide--pc {
	display: none;
}

}

@media (max-width: 1280px) {

.common-wrapper {
	padding-top: 56px;
}

.common-menu-member {
	top: 52px;
}

.common-free-programs-set > .common-free-programs-set-header {
	max-width: 1040px;
}

.common-free-programs-set > .common-free-programs-set-content > .inner { /*max-width:$lg;*/
	padding-left: 1.5rem;
}

.common-free-programs-set > .common-free-programs-set-content > .inner .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program {
	margin-right: 1rem;
	width: 166px;
}

.common-footer .inner {
	max-width: 1040px;
}

.common-search-box {
	max-width: 904px;
}

.c-mv {
	margin-top: 0;
}

.c-card-slider-cont .c-card:first-child {
	margin-left: 1.5rem;
}

.c-card-slider-nav-prev {
	left: 15px;
}

.c-card-slider.cardLarge > .c-card-slider-cont > .c-card:first-child {
	margin-left: 1.5rem;
}

.c-card-vertical.mypage {
	padding: 0 1.5rem;
}

.c-card-vertical.finished {
	padding: 0 1.5rem;
}

.c-cards-head {
	padding-left: 1.5rem;
}

.c-keywords {
	padding-left: 1.5rem;
}

.c-searchResults {
	padding: 0 1.5rem;
}

.c-listPack-inBox-cont {
	max-height: 110px;
}

.c-listPack-inBox-cont .c-pageBtn:nth-last-child(2) {
	margin-bottom: 1rem;
}

.c-listPack-inBox-cont .c-pageBtn {
	margin-bottom: 1rem;
	width: 100%;
}

.c-listPack-inBox-cont .c-pageBtn-link-price {
	font-size: 1.6rem;
	margin-left: 0.5em;
	min-width: 3em;
	text-align: left;
}

.c-listPack-inBox-cont .c-pageBtn-link-price > span::before {
	content: url(/images/exdio/renewal/icon_coin_s.svg);
	display: inline-block;
	vertical-align: middle;
}

.c-listByGenre {
	margin-top: 0;
	padding: 0 1.5rem;
}

.c-mypage.logout .c-mypage-head .c-mypage-head-nav {
	padding: 0 1.5rem;
}

.c-mypage.login .c-mypage-head .c-mypage-head-nav {
	padding: 0 1.5rem;
}

.c-mypage.login .c-mypage-cont .c-mypage-cont-inBox {
	padding: 3rem 1.5rem;
}

.c-mypage.myPageMylist .c-mypage-head .c-mypage-head-nav {
	padding: 0 1.5rem;
}

.c-mypage.myPageMylist .c-mypage-cont-inBox {
	padding: 0 1.5rem;
}

}

@media screen and (max-width: 1279px) {

.title__text {
	margin-top: 0px;
}

}

@media (max-width: 1040px) {

.common-free-programs-set > .common-free-programs-set-header {
	max-width: 960px;
	padding-left: 1.6rem;
}

.common-free-programs-set > .common-free-programs-set-content > .inner { /*max-width:$md;*/
	padding-left: 1.5rem;
}

.common-footer .inner {
	max-width: 960px;
}

}

@media screen and (max-width: 1023px) {

.u-hide--sp {
	display: none;
}

}

@media (max-width: 960px) {

.common-free-programs-set > .common-free-programs-set-content > .inner > header {
	-ms-flex-align: start;
	-webkit-box-align: start;
	align-items: flex-start;
}

.common-free-programs-set > .common-free-programs-set-content > .inner > header > h4 {
	font-size: 1.4rem;
	margin-right: 1.8rem;
	margin-top: 0.7em;
}

.common-free-programs-set > .common-free-programs-set-content > .inner .common-wrapper-programs {
	margin-top: 1.6rem;
}

.common-search-box {
	max-width: 721px;
}

.c-cards-head {
	margin-bottom: 1.5rem;
	padding-right: 1.6rem;
}

}

@media (max-width: 768px) {

.common-box-ad {
	margin-bottom: 0.8rem;
}

.common-menu-member {
	top: 48px;
}

.common-nav-horizontal-slide > ul > li:hover::before {
	height: 3px;
}

.common-nav-horizontal-slide > ul > li.current::before {
	height: 3px;
}

.common-free-programs-set {
	margin-top: 1.6rem;
}

.common-free-programs-set > .common-free-programs-set-header > .common-free-programs-set-header-titles {
	display: block;
	margin-bottom: 1rem;
	position: relative;
}

.common-free-programs-set > .common-free-programs-set-header > .common-free-programs-set-header-titles > .common-free-programs-set-header-titles-back {
	position: absolute;
}

.common-free-programs-set > .common-free-programs-set-header > .common-free-programs-set-header-titles > .common-free-programs-set-header-titles-back > .common-free-programs-set-header-titles-back-link {
	font-size: 1.4rem;
	font-weight: bold;
	margin-left: 24px;
	position: relative;
}

.common-free-programs-set > .common-free-programs-set-header > .common-free-programs-set-header-titles > .common-free-programs-set-header-titles-back > .common-free-programs-set-header-titles-back-link::before {
	-webkit-transform: rotate(45deg);
	border-bottom: 2px solid #343434;
	border-left: 2px solid #343434;
	bottom: 50%;
	content: '';
	display: block;
	height: 8px;
	left: -20px;
	margin: auto;
	position: absolute;
	top: 50%;
	transform: rotate(45deg);
	width: 8px;
}

.common-free-programs-set > .common-free-programs-set-header > .common-nav-horizontal-slide {
	font-size: 1.4rem;
}

.common-free-programs-set > .common-free-programs-set-content > .inner {
	padding-bottom: 0;
}

.common-list-program-area-mypage.onDelete > .inner > .list-programs-area > .common-wrapper-programs {
	padding-right: 0;
}

.common-list-program-area-mypage.onDelete > .inner > .list-programs-area > .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > figcaption {
	margin-right: 0;
}

.common-list-meta .common-list-meta-box {
	padding: 0 1.6rem 0 1.6rem;
}

.common-switching-box > .switching-header > h3 {
	font-size: 1.6rem;
}

.common-switching-box > .switching-header > .switching-nav > li > a:hover {
	border-bottom: 3px solid #cece00;
}

.common-switching-box > .switching-header > .switching-nav > li.current > a {
	border-bottom: 3px solid #cece00;
}

.common-video-area {
	margin-top: 0;
}

.common-video-area > a > .play-btn {
	display: none;
}

.common-video-area > a > .play-btn-sp {
	display: block;
}

.common-video-area > a > .label-status {
	font-size: 1.3rem;
}

.common-video-area > a > .remaining-time {
	bottom: 6%;
	color: #343434;
	font-size: 1.1rem;
	left: 3%;
}

.common-video-area > a > .seekbar {
	background: rgba(226, 226, 226, 0);
}

.common-video-area > a > .video-area::before {
	background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(48%, rgba(255, 255, 255, 0)));
	background: -webkit-linear-gradient(bottom, white 0%, rgba(255, 255, 255, 0) 48%);
	background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 48%);
}

.c-mv-nav-prev {
	background: url(/images/exdio/renewal/arrow_prev_small.svg) no-repeat center center;
	height: 23px;
	left: 0.5rem;
	width: 12px;
}

.c-mv-nav-next {
	background: url(/images/exdio/renewal/arrow_next_small.svg) no-repeat center center;
	height: 23px;
	right: 0.5rem;
	width: 12px;
}

.c-card-inBox-meta .c-card-inBox-meta-titles .c-card-inBox-meta-titles-title.isInCourse {
	max-width: 166px !important;
}

.c-card-inBox-meta .c-card-inBox-meta-titles .c-card-inBox-meta-titles-titleSub.isInCourse {
	max-width: 166px !important;
}

.c-card-inBox-meta-price::before {
	height: 15px;
	width: 15px;
}

.c-artInfo-time {
	font-size: 0.9rem;
}

.iconMylistAdded {
	background: url(/images/exdio/renewal/icon_mylist_added_s.svg);
	height: 16px;
	width: 16px;
}

.c-card-slider-cont .c-card > .c-card-inBox > .c-card-inBox-art {
	max-height: 81px;
	max-width: 144px;
	min-height: 81px;
	min-width: 144px;
}

.c-card-slider-cont .c-card .c-card-inBox-meta-titles {
	font-size: 1.3rem;
}

.c-card-slider-cont .c-card .c-card-inBox-meta-titles .c-card-inBox-meta-titles-title {
	max-width: 144px;
}

.c-card-slider-cont .c-card .c-card-inBox-meta-titles .c-card-inBox-meta-titles-titleSub {
	max-width: 144px;
}

.c-card-slider-cont .c-card .c-card-inBox-meta-title {
	font-size: 1.3rem;
	max-width: 144px;
}

.c-card-slider-cont .c-card .c-card-inBox-meta-onAir {
	font-size: 1rem;
}

.c-card-slider-cont .c-card .c-card-inBox-meta-viewingDeadline {
	font-size: 1rem;
}

.c-card-slider-cont .c-card .c-card-inBox-meta-price {
	font-size: 1.2rem;
}

.c-card-slider-cont .c-card {
	max-width: 144px;
	min-width: 144px;
}

.c-card-slider.cardLarge > .c-card-slider-cont > .c-card > .c-card-inBox > .c-card-inBox-art { /*overwrite*/
	max-height: 108px; /*overwrite*/
	max-width: 192px; /*overwrite*/
	min-height: 108px;
	min-width: 192px; /*overwrite*/
}

.c-card-slider.cardLarge > .c-card-slider-cont > .c-card .c-card-inBox-meta-titles-title {
	max-width: 192px; /*overwrite*/
}

.c-card-slider.cardLarge > .c-card-slider-cont > .c-card .c-card-inBox-meta-titles-titleSub {
	max-width: 192px; /*overwrite*/
}

.c-card-slider.cardLarge > .c-card-slider-cont > .c-card {
	margin-right: 1rem;
	max-width: 192px;
	min-width: 192px;
}

.c-card-week-cont .c-card {
	margin-right: 1.3rem;
	max-width: 166px;
	min-width: 166px;
}

.c-card-week-cont .c-card .c-card-inBox-meta-titles {
	font-size: 1.3rem;
}

.c-card-week-cont .c-card .c-card-inBox-meta-titles .c-card-inBox-meta-titles-title {
	max-width: 166px;
}

.c-card-week-cont .c-card .c-card-inBox-meta-titles .c-card-inBox-meta-titles-titleSub {
	max-width: 166px;
}

.c-card-week-cont .c-card .c-card-inBox-meta-title {
	font-size: 1.3rem;
	max-width: 144px;
}

.c-card-week-cont .c-card .c-card-inBox-meta-onAir {
	font-size: 1rem;
}

.c-card-vertical-head {
	margin-bottom: 0;
}

.c-card-vertical-cont .c-card-inBox-meta-titles {
	font-size: 1.3rem;
}

.c-card-vertical-cont .c-card-inBox-meta-titles-title {
	max-width: 144px;
}

.c-card-vertical-cont .c-card-inBox-meta-titles-titleSub {
	max-width: 144px;
}

.c-card-vertical-cont .c-card-inBox-meta-caption {
	font-size: 1.2rem;
	line-height: 1.4;
	max-height: 2.8em;
}

.c-card-vertical-cont .c-card-inBox-meta-price {
	font-size: 1.2rem;
}

.c-card-vertical.sub .c-card-inBox-meta-titles-title {
	max-width: 144px;
}

.c-card-vertical.sub .c-card-inBox-meta-titles-titleSub {
	max-width: 144px;
}

.c-card-vertical.sub .c-card-inBox-meta-title {
	font-size: 1.2rem;
}

.c-card-vertical.sub .c-card-inBox-meta-title::before {
	background: #fff;
}

.c-card-vertical.sub .c-card-inBox-meta-title::after {
	background: #fff;
}

.c-card-vertical.sub .c-card-inBox-meta-caption {
	font-size: 1.2rem;
	line-height: 1.4;
	max-height: 2.8em;
}

.c-card-vertical.mypage {
	margin-top: 2rem;
}

.c-card-vertical.mylist > .c-card-vertical-head {
	margin-bottom: 2rem;
}

.c-card-vertical.mylist > .c-card-vertical-cont > .c-card .c-card-inBox .c-card-inBox-meta .c-card-inBox-meta-viewingDeadline {
	margin-top: 0.6rem;
}

.c-card-vertical.mylist > .c-card-vertical-cont > .c-card .c-card-inBox-remove {
	padding-left: 1rem;
}

.c-card-vertical.myPurchasedList > .c-card-vertical-head {
	margin-bottom: 2rem;
}

.c-card-vertical.myPurchasedList > .c-card-vertical-cont > .c-card .c-card-inBox .c-card-inBox-meta .c-card-inBox-meta-titles .c-card-inBox-meta-titles-title {
	font-size: 1.6rem;
}

.c-card-vertical.myPurchasedList > .c-card-vertical-cont > .c-card .c-card-inBox-remove {
	padding-left: 1rem;
}

.c-card-vertical.myPageList {
	background: #fff;
	margin-top: 0;
	padding: 0;
}

.c-card-vertical.myPageList-head {
	margin-bottom: 0;
}

.c-card-vertical.myPageListChild {
	background: #fff;
	margin-top: 0;
	padding: 0;
}

.c-card-vertical.myPageListChild .c-card-vertical-head {
	margin-bottom: 0;
}

.c-card-vertical.myPageListChild .c-card-vertical-cont .c-card-inBox-meta {
	margin-left: 1.2rem;
}

.c-card-vertical.myPageListChild .c-card-vertical-cont .c-card-inBox-meta-title {
	font-size: 15px;
}

.c-card-vertical.myPageListChild .c-card-vertical-cont .c-card-inBox-meta-title::after {
	background: #fff;
}

.c-card-vertical.finished {
	margin-top: 3rem;
}

.c-card-vertical.finished > .c-card-vertical-cont {
	margin-top: 2rem;
}

.c-card-vertical.finished > .c-card-vertical-cont .c-card-inBox-meta .c-card-inBox-meta-caption {
	max-height: 1.4em;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 189px;
}

.c-card-vertical.finished > .c-card-vertical-cont .c-card-inBox-meta .c-card-inBox-meta-price {
	bottom: 0;
	display: block;
	font-size: 1.2rem;
	position: absolute;
}

.c-card-panel-cont .c-card-inBox-meta-price {
	font-size: 1.1rem;
}

.c-card-panel.input .c-card-panel-cont {
	max-height: 303px;
	overflow: hidden;
}

.c-card-panel.input .c-card-panel-cont.open {
	max-height: 100%;
}

.c-card-panel.input .c-more-btn {
	display: block;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
}

.c-card-catchup-cont .c-card {
	margin-bottom: 1.5rem;
	margin-right: 1.2rem;
	max-width: 166px;
	min-width: 166px;
}

.c-card-catchup-cont .c-card-inBox-meta-viewingDeadline {
	max-width: 166px;
}

.c-keywords-cont {
	margin-top: 1.5rem;
}

.c-modal-inBox {
	width: 92%;
}

.c-modal-inBox-close {
	right: 0;
	top: -34px;
}

.c-modal-inBox-cont {
	max-height: 480px;
	overflow-y: auto;
}

.c-pulldown {
	position: static;
}

.c-pulldown-menu-inBox {
	display: inline-block;
}

.c-pulldown-menu-inBox-btn {
	color: #fff;
	font-size: 1.8rem;
	line-height: 1;
	margin-bottom: auto;
	margin-top: 2em;
	padding: 0;
	text-align: center;
}

.c-pulldown-menu-inBox-btn.current {
	color: #ffeb00;
	position: relative;
}

.c-pulldown-menu-inBox-btn.current::before {
	-webkit-transform: rotate(-45deg);
	border-bottom: 2px solid #ffeb00;
	border-left: 2px solid #ffeb00;
	bottom: 0;
	content: '';
	display: block;
	height: 7px;
	left: -1.4em;
	margin: auto;
	position: absolute;
	top: 0;
	transform: rotate(-45deg);
	width: 10px;
}

.c-pulldown-menu-inBox-btn:hover {
	background: rgba(0, 0, 0, 0);
}

.c-pulldown-menu {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	background: rgba(56, 56, 56, 0.8);
	height: 100vh;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 20;
}

.c-pageTop {
	bottom: 12px;
	right: 12px;
}

.spOff {
	display: none;
}

.c-searchResults {
	margin-top: 0;
}

.c-searchResults-searchBox {
	display: none;
	padding: 17px 0;
}

.c-searchResults-searchBox .c-searchInput {
	max-width: 268px;
}

.c-searchResults-head {
	display: block;
}

.c-searchResults-head-keyword {
	font-size: 1.2rem;
	text-align: center;
}

.c-searchResults-head-nav {
	margin: 0 auto;
	margin-top: 1.6rem;
	max-width: 100%;
	min-width: 100%;
}

.c-searchResults .c-card-panel {
	width: 100%;
}

.c-addBtns-inBox-mylist-link {
	font-size: 0.9rem;
}

.c-addBtns-inBox-share-link {
	font-size: 0.9rem;
}

.c-shareBtns-close {
	left: 16px;
	top: -60px;
}

.c-pageBtn.playNow {
	margin-top: 2.6rem;
}

.c-storyPager {
	margin-bottom: 1.2rem;
}

.c-storyPager-inBox-previous {
	font-size: 1.3rem;
	padding: 0.7rem 0;
	text-align: left;
}

.c-storyPager-inBox-list {
	font-size: 1.3rem;
	padding: 0.7rem 0;
	text-align: center;
}

.c-storyPager-inBox-forward {
	font-size: 1.3rem;
	padding: 0.7rem 0;
	text-align: right;
}

.c-headMeta {
	margin-bottom: 0;
	margin-top: 0;
}

.c-headMeta-metaBox-info-price {
	font-size: 1.3rem;
}

.c-headMeta-metaBox-info-viewingPeriod {
	font-size: 1.3rem;
}

.c-headMeta-metaBox-info-titleHeader {
	font-size: 1.3rem;
}

.c-headMeta-metaBox-info-caption {
	max-height: 5.4em;
}

.c-headMeta-metaBox-info .c-more {
	margin-top: 2rem;
}

.c-headMeta-metaBox-info > .c-addBtns {
	display: block;
}

.aboutCoin {
	padding: 2.4rem 3rem 1.7rem 3rem;
}

.aboutCoin-cont-inBox-article-coin {
	font-size: 1.8rem;
}

.aboutCoin-charge {
	margin-top: 1.4rem;
}

.c-listMeta {
	padding-top: 0;
}

.c-listMeta-inBox {
	display: block;
}

.c-listMeta-inBox-main > .c-card-vertical {
	padding: 1.5rem;
}

.c-listMeta-inBox-main > .common-wrapper-programs {
	padding: 1.5rem;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > figcaption > .program-title {
	font-size: 1.2rem;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > figcaption > .program-caption {
	font-size: 1.2rem;
}

.c-listMeta-inBox-sub {
	background: #fff;
	margin-left: 0;
	padding: 0 1.5rem;
	width: 100%;
}

.c-listMeta-inBox-sub > .common-box-ad-rectangle {
	display: none;
}

.c-listMeta-inBox > .list-programs-area-sub .common-wrapper-programs > .common-programs-wrapper > .common-programs > .common-program > figure > figcaption > .program-caption {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 190px;
}

.c-listHeadMeta {
	background: #fff;
	padding: 0 1.5rem 3rem 1.5rem;
}

.c-listHeadMeta-cont-info-title {
	font-size: 15px;
	margin-bottom: 0.5rem;
}

.c-listHeadMeta-cont-info-time {
	display: none;
}

.c-listHeadMeta-cont-info-price {
	display: none;
}

.c-listHeadMeta-cont-info-onAir {
	display: none;
}

.c-listHeadMeta-cont-info-onAirSp {
	display: block;
}

.c-listHeadMeta-cont-info-viewingPeriod {
	display: none;
}

.c-listHeadMeta-cont-info-caption {
	height: 3.4em;
	margin-top: 1rem;
}

.c-listHeadMeta-cont-info > .common-mylist-and-share {
	display: block;
}

.c-listPack {
	background: #f3f4f5;
	margin-bottom: 0;
	padding: 1.6rem;
}

.c-listPack-inBox-head-title {
	font-size: 1.6rem;
}

.c-listPack-inBox-head-link {
	font-size: 1.3rem;
}

.c-listPack-inBox-cont .c-pageBtn-link-discountRate {
	font-size: 1.2rem;
}

.c-listPack-inBox .c-more > .c-more-btn {
	padding-top: 1.5rem;
}

.c-storyMeta-inBox {
	display: block;
}

.c-storyMeta-inBox-meta {
	border: none;
	min-width: unset;
	padding: 0 1.5rem;
}

.c-storyMeta-inBox-meta-title-small {
	font-size: 1.2rem;
}

.c-storyMeta-inBox-meta-title {
	font-size: 2rem;
}

.c-storyMeta-inBox-meta-caption {
	margin-top: 1rem;
	max-height: 3.2em;
}

.c-storyMeta-inBox-meta > .c-more > .c-more-btn {
	padding-top: 1.5rem;
}

.c-storyMeta-inBox-meta > .c-addBtns {
	display: block;
}

.c-storyMeta-inBox-actions {
	margin: 0 auto;
	margin-top: 2rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.c-storyMeta-inBox-actions > .c-storyPager {
	margin-top: 2rem;
}

.c-catchupIndex .c-headMeta {
	display: none;
}

.c-listByGenre-head {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 0;
	padding-top: 2rem;
}

.c-listByGenre-head-back {
	width: 5em;
}

.c-listByGenre-head-title {
	font-size: 1.2rem;
	margin-top: -1.2em;
	width: 100%;
}

.c-listByGenre-head-title-head {
	display: block;
	font-size: 1.4rem;
	margin: 0 auto;
	width: calc(100% - 8em);
}

.c-listByGenre-head-navBox {
	padding-right: 0;
	width: 100%;
}

.c-listByGenre-head-navBox-nav {
	margin: 0 auto;
	margin-top: 1.6rem;
	max-width: 100%;
	min-width: 100%;
}

.c-listByGenre .c-card-panel {
	width: 100%;
}

.c-mypage.account {
	margin-top: 0;
}

.c-mypage.account .c-mypage-btnBack {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	font-weight: bold;
	left: 1.6rem;
	line-height: 1;
	margin: auto;
	padding-left: 1.5em;
	position: relative;
	position: absolute;
	top: 0;
	vertical-align: middle;
	width: 4em;
}

.c-mypage.account .c-mypage-head {
	display: none;
}

.c-mypageAccount {
	padding-top: 0;
}

.c-mypageAccount-header {
	background: #fff;
	margin-bottom: 0;
	padding: 2.4rem 0;
}

.c-mypageAccount-header-title {
	font-size: 1.4rem;
}

.c-mypageAccount-cont-personal-prof {
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	background: rgba(255, 255, 255, 0);
	justify-content: flex-start;
	margin-left: 3rem;
}

.c-mypageAccount-cont-personal-setting-inBox-btn:first-child {
	border-top: 0;
}

.c-mypageAccount-cont-personal-setting-inBox-btn {
	border-right: none;
	width: 100%;
}

.c-mypageAccount-cont-personal-setting-inBox-btn-link {
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	justify-content: flex-start;
}

.c-mypageAccount-cont-personal-setting-inBox-btn.notification {
	display: block;
}

.c-mypageAccount-cont-guides {
	margin-top: 2rem;
}

.c-mypageAccount-cont-guides-inBox-btn {
	border-right: none;
	width: 100%;
}

.c-mypageAccount-cont-guides-inBox-btn:nth-last-of-type(2) {
	border-bottom: 0;
}

.c-mypageAccount-cont-guides-inBox-btn:nth-last-of-type(3) {
	border-bottom: 1px solid #e3e3e3;
}

.c-mypageAccount-cont-guides-inBox-btn.blank {
	display: none;
}

.c-mypageAccount-cont-guides-inBox-btn.commercial .c-mypageAccount-cont-guides-inBox-btn-link {
	padding: 0 2rem;
}

.c-mypageAccount-cont-guides-inBox-btn-link {
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	justify-content: flex-start;
	padding: 0 2rem;
}

.c-mypageAccount-cont-guides-inBox-btn-link::after {
	display: none;
}

.c-mypageAccount-cont-logout {
	border-bottom: 1px solid #e3e3e3;
	height: 55px;
	margin-top: 2.5rem;
	max-width: 100%;
}

.c-mypageAccount-cont-logout-link {
	-ms-flex-align: center;
	-ms-flex-pack: start;
	-webkit-box-align: center;
	-webkit-box-pack: start;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 55px;
	justify-content: flex-start;
	padding: 0 2rem;
}

.c-mypageAccountEditNickName {
	background: #f3f4f5;
}

.c-mypageAccountEditNickName-icons {
	max-width: 130px;
}

.c-mypageAccountEditInfo-mail-inBox-btns label.c-inputCheck {
	font-size: 1.2rem;
}

.c-mypageAccountEditInfo .c-pulldown-menu-inBox {
	height: 100%;
	overflow-y: auto;
	padding-bottom: 2em;
	width: 100%;
}

.c-mypageAccountEditInfo .c-pulldown-menu-inBox-btn {
	color: #fff;
	font-size: 1.8rem;
	line-height: 1;
	margin-bottom: auto;
	margin-top: 2em;
	padding: 0;
	text-align: center;
}

.c-mypageAccountEditInfo .c-pulldown-menu-inBox-btn.current {
	color: #ffeb00;
	position: relative;
}

.c-mypageAccountEditInfo .c-pulldown-menu-inBox-btn.current::before {
	-webkit-transform: rotate(-45deg);
	border-bottom: 2px solid #ffeb00;
	border-left: 2px solid #ffeb00;
	bottom: 0;
	content: '';
	display: block;
	height: 7px;
	left: -1.4em;
	margin: auto;
	position: absolute;
	top: 0;
	transform: rotate(-45deg);
	width: 10px;
}

.c-mypageAccountEditInfo .c-pulldown-menu-inBox-btn:hover {
	background: rgba(0, 0, 0, 0);
}

.c-mypageAccountEditInfo .c-pulldown-menu {
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	align-items: center;
	background: rgba(56, 56, 56, 0.8);
	height: 100vh;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 20;
}

.c-mypageSnsLogin-guides {
	margin-top: 2rem;
}

.c-mypageSnsLogin-guides-inBox-btn {
	border-right: none;
	width: 100%;
}

.c-mypageSnsLogin-guides-inBox-btn:nth-last-of-type(1) {
	border-bottom: 1px solid #e3e3e3;
}

.c-mypageSnsLogin-guides-inBox-btn:nth-last-of-type(2) {
	border-bottom: 1px solid #e3e3e3;
}

.c-mypageSnsLogin-guides-inBox-btn-link {
	padding: 0 2rem;
}

.c-mypageSnsLogin-guides-inBox-btn-link-indicate {
	margin-right: 2em;
}

.c-mypageAccountSetting-guides {
	margin-top: 2rem;
}

.c-mypageAccountSetting-guides-inBox-btn {
	border-right: none;
	width: 100%;
}

.c-mypageAccountSetting-guides-inBox-btn:nth-last-of-type(2) {
	border-bottom: 0;
}

.c-mypageAccountSetting-guides-inBox-btn:nth-last-of-type(3) {
	border-bottom: 1px solid #e3e3e3;
}

.c-mypageAccountSetting-guides-inBox-btn.blank {
	display: none;
}

.c-mypageAccountSetting-guides-inBox-btn-link {
	-ms-flex-pack: start;
	-webkit-box-pack: start;
	justify-content: flex-start;
	padding: 0 2rem;
}

.c-mypageAccountSetting-guides-inBox-btn-link::after {
	display: none;
}

.c-mypageAccountPlans {
	background: #f3f4f5;
	padding: 1rem 1.5rem;
}

.c-mypageAccountPlans-inBox-article-thumbs {
	max-width: 130px;
	min-width: 130px;
}

.c-mypageAccountPlans-inBox-article-thumbs-linkCancel {
	background: #cece00;
	border-radius: 5px;
	display: block;
	font-size: 1.3rem;
	margin: 0 auto;
	margin-top: 2rem;
	padding: 0.75em 0;
	text-align: center;
	width: 80px;
}

.c-mypageAccountPlans-inBox-article-meta {
	margin-left: 1.2rem;
}

.c-mypageAccountPlans-inBox-article-meta-title {
	font-size: 1.2rem;
}

.c-mypageAccountPlans-inBox-article-meta-info {
	font-size: 1.2rem;
	line-height: 1.5;
}

.c-mypageAccountPlans-inBox-article-meta-price {
	font-size: 1.2rem;
}

.c-mypageAccountPlans-inBox-article-meta-purchasedDate {
	font-size: 1.2rem;
}

.c-mypageAccountPlans-inBox-article-cancel {
	display: none;
}

.c-mypageAccountEditMail {
	background: #f3f4f5;
	padding: 0 1.5rem;
}

.c-mypageAccountEditMail-mailCurrent {
	padding: 3rem 0 2rem 0;
}

.c-mypageAccountEditMail-mailCurrent-inBox {
	display: block;
}

.c-mypageAccountEditMail-mailNext {
	padding-top: 2rem;
}

.c-mypageAccountEditMail-btnSave {
	padding-bottom: 2rem;
	padding-top: 2rem;
}

.c-mypageAccountEditCard {
	background: #f3f4f5;
	padding: 0 1.5rem;
}

.c-mypageAccountEditCard-cardCurrent {
	padding: 3rem 0 2rem 0;
}

.c-mypageAccountEditCard-cardCurrent-inBox {
	display: block;
}

.c-mypageAccountEditCard-cardNext {
	padding-top: 2rem;
}

.c-mypageAccountEditCard-cardNext .c-modal.m-securityCode .securityCode {
	padding: 3rem;
}

.c-mypageAccountEditCard-cardNext .c-modal.m-securityCode .securityCode-title {
	font-size: 1.4rem;
}

.c-mypageAccountEditCard-cardNext .c-modal.m-securityCode .securityCode-cont {
	-ms-flex-direction: column-reverse;
	-ms-flex-wrap: wrap;
	-webkit-box-direction: reverse;
	-webkit-box-orient: vertical;
	flex-direction: column-reverse;
	flex-wrap: wrap;
	margin-top: 2rem;
}

.c-mypageAccountEditCard-cardNext .c-modal.m-securityCode .securityCode-cont-imgs {
	margin: auto;
	margin-top: 2rem;
	max-width: 206px;
	min-width: 206px;
}

.c-mypageAccountEditCard-cardNext .c-modal.m-securityCode .securityCode-cont-text {
	font-size: 1.3rem;
	margin-left: 0;
}

.c-mypageAccountEditCard-btnSave {
	padding-bottom: 2rem;
	padding-top: 2rem;
}

.c-mypageAccountEditPass {
	background: #f3f4f5;
	padding: 3rem 1.5rem;
}

.c-mypageAccountEditPass-passCurrent-pass {
	display: block;
}

.c-mypageAccountEditDeleteID {
	background: #f3f4f5;
	padding: 3rem 1.5rem;
}

.c-mypageAccountEditDeleteID .deleteCheck {
	padding: 3rem 0;
}

.c-mypageAccountEditDeleteID .deleteCheck-text {
	font-size: 15px;
}

.c-mypageAccountEditDeleteID .deleteCheck-inBox-btnSubmit-link {
	max-width: 286px;
}

.c-mypageAccountEditDeleteID .deleteCheck-inBox-btnBack-link {
	max-width: 286px;
}

.c-mypage.news .c-mypage-btnBack {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	left: 1.6rem;
	line-height: 1;
	margin: auto;
	padding-left: 1.5em;
	position: relative;
	position: absolute;
	top: 2.4rem;
	vertical-align: middle;
	width: 4em;
}

.c-mypageNews {
	padding-bottom: 0;
	padding-top: 0;
}

.c-mypageNews-header {
	background: #fff;
	margin-bottom: 0;
	padding: 2.4rem 0 0 0;
}

.c-mypageNews-header-title {
	font-size: 1.4rem;
}

.c-mypageNews-header-nav-inBox {
	padding: 0 1.6rem;
}

.c-mypageNews-header-nav-inBox-btn-link {
	font-size: 1.4rem;
}

.c-mypageNews-cont-sort {
	background: #f3f4f5;
	padding-bottom: 1rem;
}

.c-mypageNews-cont-post-article-link-head-inBox-date {
	font-size: 1.1rem;
}

.c-mypageNews-cont-post-article-link-head-inBox-cat {
	font-size: 0.8rem;
}

.c-mypageNews-cont-post-article-link-title {
	font-size: 1.6rem;
}

.c-mypageNews .c-card-vertical.myPageList {
	background: #f3f4f5;
	padding: 0 15px 15px 15px;
}

.c-mypageNews .c-card-vertical.myPageList .c-card .c-card-inBox-meta-caption {
	max-height: 1.6em;
	max-width: 189px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.c-mypage.coins {
	margin-top: 0;
}

.c-mypage.coins .c-mypage-btnBack {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	left: 1.6rem;
	line-height: 1;
	margin: auto;
	padding-left: 1.5em;
	position: relative;
	position: absolute;
	top: 2.4rem;
	vertical-align: middle;
	width: 4em;
}

.c-mypage.coins .c-mypage-head {
	display: none;
}

.c-mypageCoins {
	padding-top: 0;
}

.c-mypageCoins-header {
	background: #fff;
	margin-bottom: 0;
	padding: 2.4rem 0 2.4rem 0;
}

.c-mypageCoins-header-title {
	font-size: 1.4rem;
}

.c-mypageCoins-header-nav-inBox {
	padding: 0 1.6rem;
}

.c-mypageCoins-cont-sort {
	background: #f3f4f5;
	padding-bottom: 1rem;
}

.c-mypageCoins-cont-post-article-link-head-inBox-date {
	font-size: 1.1rem;
}

.c-mypageCoins-cont-post-article-link-head-inBox-cat {
	font-size: 0.8rem;
}

.c-mypageCoins-cont-post-article-link-title {
	font-size: 1.6rem;
}

.c-coinCheck {
	margin: 1.5rem;
}

.c-coinCheck-attention {
	padding-bottom: 0;
}

.c-coinCheck-hist-head {
	font-size: 1.2rem;
	padding: 0 2.5rem;
}

.c-coinCheck-hist-head-date {
	width: 38%;
}

.c-coinCheck-hist-head-expires {
	width: 42%;
}

.c-coinCheck-hist-head-coins {
	width: 20%;
}

.c-coinCheck-hist-cont {
	max-height: 102px;
}

.c-coinCheck-hist-cont-entry {
	padding: 1rem 2.5rem;
}

.c-coinCheck-hist-cont-entry-date {
	font-size: 1.3rem;
	padding-right: 2.5rem;
	width: 38%;
}

.c-coinCheck-hist-cont-entry-expires {
	font-size: 1.3rem;
	padding-right: 2.5rem;
	width: 42%;
}

.c-coinCheck-hist-cont-entry-coins {
	font-size: 1.3rem;
	width: 20%;
}

.c-coinCheck-hist > .c-more > .c-more-btn {
	font-size: 1.3rem;
	padding: 2rem 0;
}

.c-coinCheck-hist-more-link {
	font-size: 1.3rem;
	padding: 2rem 0;
}

.c-coinHist {
	margin-top: 2.6rem;
}

.c-coinHist-head {
	margin-bottom: 1.1rem;
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}

.c-coinHist-head-titleMenu {
	padding-bottom: 0;
	padding-top: 2.2rem;
}

.c-coinHist-head-titleMenu-title {
	font-size: 1.6rem;
}

.c-coinHist-cont {
	padding: 1.5rem;
}

.c-coinHist-cont-entry {
	padding: 1.6rem 2.6rem;
}

.c-coinHist-cont-entry-date {
	margin-bottom: 1.4rem;
}

.c-coinHist-cont-entry-date-heading {
	font-size: 1rem;
	padding-top: 0.2em;
}

.c-coinHist-cont-entry-date-cont {
	font-size: 1.3rem;
}

.c-coinHist-cont-entry-date-badge {
	width: 96px;
}

.c-coinHist-cont-entry-payMethod {
	margin-bottom: 1.4rem;
}

.c-coinHist-cont-entry-payMethod-heading {
	font-size: 1rem;
	padding-top: 0.2em;
}

.c-coinHist-cont-entry-payMethod-cont {
	font-size: 1.3rem;
}

.c-coinHist-cont-entry-payType {
	margin-bottom: 1.4rem;
}

.c-coinHist-cont-entry-payType-heading {
	font-size: 1rem;
	padding-top: 0.2em;
}

.c-coinHist-cont-entry-payType-cont {
	font-size: 1.3rem;
}

.c-coinHist-cont-entry-price {
	margin-bottom: 1.4rem;
}

.c-coinHist-cont-entry-price-heading {
	font-size: 1rem;
	padding-top: 0.2em;
}

.c-coinHist-cont-entry-price-cont {
	font-size: 1.3rem;
}

.c-coinHist-cont-entry-title {
	margin-bottom: 1.4rem;
}

.c-coinHist-cont-entry-title-heading {
	font-size: 1rem;
	padding-top: 0.2em;
	width: 6em;
}

.c-coinHist-cont-entry-title-cont {
	font-size: 1.3rem;
}

.c-badge-out {
	font-size: 1rem;
	font-weight: normal;
}

.c-badge-in {
	font-size: 1rem;
	font-weight: normal;
}

.c-badge-monthly {
	font-size: 1rem;
	font-weight: normal;
}

.c-badge-coin {
	font-size: 1.3rem;
	font-weight: normal;
	margin-left: 0.8rem;
}

.c-badge-coin::before {
	content: url(/images/exdio/renewal/icon_coin_small.svg);
	height: 14px;
	margin-right: 0.6rem;
	width: 14px;
}

.c-mypage.logout .c-mypage-btnBack {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	left: 1.6rem;
	line-height: 1;
	margin: auto;
	padding-left: 1.5em;
	position: relative;
	position: absolute;
	top: 2.4rem;
	vertical-align: middle;
	width: 4em;
}

.c-mypage.logout .c-mypage-head .c-mypage-head-titleBox {
	margin-bottom: 0;
	padding-top: 0;
}

.c-mypage.logout .c-mypage-head .c-mypage-head-titleBox .c-mypage-head-titleBox-title {
	font-size: 1.4rem;
}

.c-mypage.login .c-mypage-btnBack {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	left: 1.6rem;
	line-height: 1;
	margin: auto;
	padding-left: 1.5em;
	position: relative;
	position: absolute;
	top: 2.4rem;
	vertical-align: middle;
	width: 4em;
}

.c-mypage.login .c-mypage-head .c-mypage-head-titleBox {
	margin-bottom: 2rem;
	padding-top: 0;
}

.c-mypage.login .c-mypage-head .c-mypage-head-titleBox .c-mypage-head-titleBox-title {
	font-size: 1.4rem;
}

.c-mypage.login .c-mypage-head .c-myInfoBox {
	margin-bottom: 1rem;
}

.c-mypage.login .c-mypage-cont {
	padding-bottom: 0;
}

.c-mypage.login .c-mypage-cont .c-mypage-cont-inBox {
	padding: 2rem 1.5rem;
}

.c-mypage.myPageMylist {
	margin-top: 0;
}

.c-mypage.myPageMylist .c-mypage-head {
	display: none;
}

.c-mypage.myPageMylist .c-mypage-head .c-mypage-head-titleBox {
	margin-bottom: 2rem;
	padding-top: 0;
}

.c-mypage.myPageMylist .c-mypage-head .c-mypage-head-titleBox .c-mypage-head-titleBox-title {
	font-size: 1.4rem;
}

.c-mypage.myPageMylist .c-mypage-head .c-myInfoBox {
	margin-bottom: 1rem;
}

.c-mypage.myPageMylist .c-mypage-cont {
	background: #fff;
	padding-bottom: 0;
}

.c-mypage.myPageMylist .c-mypage-cont-inBox-head .c-mypage-btnBack {
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
}

.c-mypage.myPageMylist .c-mypage-cont-inBox-head-title {
	display: block;
	font-size: 1.4rem;
	margin: 0 auto;
}

.c-mypage.myPageMylist .c-mypage-cont-inBox {
	padding: 0 1.5rem;
}

.c-myHeadMeta {
	margin-bottom: 0;
}

.c-myHeadMeta {
	position: relative;
}

.c-myHeadMeta-metaBox {
	padding: 0;
}

.c-myHeadMeta-metaBox-art {
	-ms-flex-negative: 2;
	flex-shrink: 2;
}

.c-myHeadMeta-metaBox-art-inBox {
	min-width: 144px;
}

.c-myHeadMeta-metaBox-art-inBox {
	border-radius: 0;
}

.c-myHeadMeta-metaBox-art-inBox-labelBottom {
	font-size: 1.1rem;
	padding: 0.5rem 0;
}

.c-myHeadMeta-metaBox-art > .c-addBtns {
	display: none;
}

.c-myHeadMeta-metaBox-info {
	margin-left: 0;
	padding: 0 0 0 1rem;
}

.c-myHeadMeta-metaBox-info-title {
	font-size: 1.6rem;
	margin-bottom: 0.5em;
}

.c-myHeadMeta-metaBox-info-purchasedDate {
	font-size: 1.2rem;
	margin-bottom: 0.2em;
}

.c-myHeadMeta-metaBox-info-price {
	font-size: 1.2rem;
	margin-bottom: 0.2em;
}

.c-myHeadMeta-metaBox-info-viewingPeriod {
	font-size: 1.2rem;
	margin-bottom: 0.2em;
}

.c-myHeadMeta-metaBox-info-viewingDeadline {
	font-size: 1.2rem;
	margin-bottom: 0.2em;
}

.c-myHeadMeta-metaBox-info > .c-addBtns {
	display: block;
}

.c-mypage.push .c-mypage-btnBack {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.4rem;
	left: 1.6rem;
	line-height: 1;
	margin: auto;
	padding-left: 1.5em;
	position: relative;
	position: absolute;
	top: 0;
	vertical-align: middle;
	width: 4em;
}

.c-mypage.push .c-mypage-head {
	display: none;
}

.c-mypagePush {
	padding-top: 0;
}

.c-mypagePush-header {
	background: #fff;
	margin-bottom: 0;
	padding: 2.4rem 0;
}

.c-mypagePush-header-title {
	font-size: 1.4rem;
}

.c-terms-head h2 {
	font-size: 1.8rem;
	margin: 2rem 0;
}

.c-terms-cont {
	padding: 3rem 1.5rem;
}

.c-terms-cont-inBox h3 {
	letter-spacing: 0.04em;
}

.c-terms-cont-inBox h4 {
	letter-spacing: 0.04em;
}

.c-terms-cont-inBox ol > li {
	letter-spacing: 0.04em;
}

.c-terms-cont-inBox p {
	letter-spacing: 0.04em;
}

.c-terms-cont-inBox-block-platform-bgw {
	padding: 2.5rem;
}

.c-terms-cont-inBox-block-platform-bgw dl {
	-ms-flex-direction: column;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	flex-direction: column;
}

.c-terms-cont-inBox-block-platform-bgw dl dd {
	line-height: 1.4;
	margin-top: 1rem;
}

.c-terms-cont-inBox-block-stuck {
	padding: 1.8rem 2.5rem 1.5rem 2.5rem;
}

.c-terms-cont-inBox-block-stuck dl {
	-ms-flex-align: start;
	-ms-flex-direction: column;
	-webkit-box-align: start;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	align-items: flex-start;
	flex-direction: column;
}

.c-terms-cont-inBox-block-stuck dl dt {
	width: 100%;
}

.c-terms-cont-inBox-block-stuck dl dd {
	margin-top: 1rem;
}

.c-faq-head h2 {
	font-size: 1.8rem;
	margin: 2rem 0;
}

.c-faq-cont {
	padding: 3rem 1.5rem;
}

.c-faq-cont-inBox h3 {
	letter-spacing: 0.04em;
}

.c-faq-cont-inBox p {
	letter-spacing: 0.04em;
}

.c-queryList-row::before {
	margin-right: 0.5em;
}

.c-queryBtn-row {
	width: 48%;
}

.c-queryBtn-row-link {
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 68px;
}

.c-answerBox-head {
	padding: 2.5rem 2.5rem 1.8rem 2.5rem;
}

.c-answerBox-head-title {
	margin-left: 28px;
}

.c-answerBox-head-title::before {
	left: -28px;
}

.c-answerBox-cont {
	padding: 1.8rem 2.5rem 2.5rem 2.5rem;
}

.c-answerBox-cont-text {
	margin-left: 28px;
}

.c-answerBox-cont-text::before {
	left: -28px;
}

.c-contact-head h2 {
	font-size: 1.8rem;
	margin: 2rem 0;
}

.c-contact-cont {
	padding: 3rem 1.5rem;
}

.c-contact-cont-inBox-head .beforeContact {
	padding: 3rem;
}

.c-contact-cont-inBox-head .beforeContact-title {
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 0.5em;
}

.c-contact-cont-inBox-head .beforeContact-text {
	line-height: 1.3;
}

.c-contact .hiddenPc {
	display: inline;
}

.c-contact .hiddenSp {
	display: none;
}

.c-contactForm {
	padding-top: 2rem;
}

.c-contactForm-btnSubmit {
	padding-bottom: 2rem;
	padding-top: 2rem;
}

.c-contactCheck {
	margin-top: 3rem;
}

.c-contactCheck-row-inBox {
	-ms-flex-direction: column;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	flex-direction: column;
}

.c-contactCheck-row-inBox-title {
	position: static;
}

.c-contactCheck-row-inBox-title .require {
	position: relative;
}

.c-contactCheck-row-inBox-title .require::after {
	top: 0;
}

.c-contactCheck-row-inBox-cont {
	margin-left: 0;
	margin-top: 1rem;
}

.c-login-flowwrapper.finish .c-myInfoBox-coins {
	width: 151px;
}

.c-login-flowwrapper.finish .c-myInfoBox-coins .c-myInfoBox-coins-balance {
	font-size: 1.2rem;
}

.c-login-flowwrapper.finish .c-myInfoBox-coins .c-myInfoBox-coins-balance .c-myInfoBox-coins-balance-num {
	font-size: 2.6rem;
	margin-left: 2rem;
}

.c-login-flowwrapper-text.finish {
	margin-bottom: 0;
	text-align: left;
}

.c-login-flowwrapper-text.finishPack {
	margin-bottom: 2rem;
	text-align: left;
}

}

@media screen and (max-width: 767px) {

.textarea__width {
	max-width: none;
}

.title__text {
	font-size: 18px;
	padding: 20px 0 20px 0;
}

.textarea__width {
	margin: 0 15px;
	padding-bottom: 20px;
}

.textarea__title {
	font-size: 17px;
	margin-bottom: 16px;
	padding: 30px 0 15px 0;
}

.textarea__text2 {
	margin-bottom: 20px;
}

}

@media (max-width: 760px) {

.common-box-ad-landscape {
	display: none;
}

.common-hidden-pc {
	display: block;
}

.common-menu-footer {
	display: block;
	margin-top: 4rem;
	padding-bottom: 0;
	width: 100%;
}

.common-menu-footer ul {
	background: #fff;
	padding: 0;
}

.common-menu-footer .guides {
	width: 100%;
}

.common-menu-footer .guides li {
	font-size: 15px;
}

.common-menu-footer .guides li a {
	padding: 1.46em;
}

.common-menu-footer .terms {
	width: 100%;
}

.common-menu-footer .terms li {
	font-size: 15px;
}

.common-menu-footer .terms li a {
	padding: 1.46em;
}

.common-nav-horizontal-slide > ul {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
	white-space: nowrap;
}

.common-free-programs-set > .common-free-programs-set-content > .inner > header > ul {
	font-size: 1.4rem;
}

.common-free-programs-set > .common-free-programs-set-content > .inner > header > ul > li {
	margin-bottom: 1.1rem;
}

.common-footer {
	margin-top: 3.5rem;
	padding-top: 4rem;
}

.common-footer .inner {
	display: block;
}

.common-footer .inner .footer-notes {
	margin-top: 0;
	padding: 0;
	width: 100%;
}

.common-footer .inner .footer-notes .notes-content p {
	padding: 2rem 1.5rem 1.5rem 1.5rem;
}

.common-footer .inner .footer-notes .copyrights {
	margin-top: 0;
}

.common-footer .inner .footer-notes .copyrights p {
	padding: 0 1.5rem 2rem 1.5rem;
}

.common-footer .inner .footer-notes .marks {
	display: none;
}

.common-add-label.on {
	bottom: 13px;
	max-width: 100%;
	position: fixed;
	right: 0;
	z-index: 2;
}

.common-search-box {
	-ms-flex-align: center;
	-ms-flex-pack: justify;
	-webkit-box-align: center;
	-webkit-box-pack: justify;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	padding: 17px 0;
}

.common-search-box .cancel {
	display: block;
}

.c-mv-cont-slide {
	min-height: 171px;
	min-width: 304px;
}

.c-card-inBox-meta .c-card-inBox-meta-titles .c-card-inBox-meta-titles-title.isInCourse {
	max-width: 136px !important;
}

.c-card-inBox-meta .c-card-inBox-meta-titles .c-card-inBox-meta-titles-titleSub.isInCourse {
	max-width: 136px !important;
}

.c-card-slider-cont {
	-webkit-overflow-scrolling: touch;
	overflow-x: auto;
	overflow-y: hidden;
}

.c-card-slider-nav {
	display: none;
}

.c-card-slider.cardLarge > .c-card-slider-cont {
	overflow-x: auto;
}

.c-card-slider.cardLarge > .c-card-slider-nav {
	display: none;
}

.c-card-withAd-colCards {
	width: 100%;
}

.c-card-withAd-colAd {
	display: none;
}

.c-card-panel-cont {
	display: block;
}

.c-card-panel-cont .c-card {
	margin-bottom: 2rem;
	max-width: 100%;
	min-width: 100%;
}

.c-card-panel-cont .c-card-inBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.c-card-panel-cont .c-card-inBox-art {
	margin-right: 1.2rem;
	max-height: calc(144px * (9 / 16));
	max-width: 144px;
	min-height: calc(144px * (9 / 16));
	min-width: 144px;
}

.c-card-panel-cont .c-card-inBox-meta {
	margin-top: 0;
}

.c-card-panel-cont .c-card-inBox-meta-titles {
	font-size: 1.3rem;
}

.c-card-panel-cont .c-card-inBox-meta-titles-title {
	max-width: 144px;
}

.c-card-panel-cont .c-card-inBox-meta-titles-inCourseBadge {
	top: -10px;
}

.c-card-panel-cont .c-card-inBox-meta-titles-titleSub {
	max-width: 144px;
}

.c-card-panel-cont .c-card-inBox-meta-caption {
	font-size: 1.2rem;
	height: 1.4em;
	max-width: 189px;
}

.c-card-catchup-cont .c-card-inBox-art {
	max-width: 166px;
	min-width: 166px;
}

.c-card-catchup-cont .c-card-inBox-meta-titles {
	font-size: 1.3rem;
	max-width: 166px;
}

.c-card-catchup-cont .c-card-inBox-meta-titles-title {
	max-width: 166px;
}

.c-card-catchup-cont .c-card-inBox-meta-titles-titleSub {
	max-width: 166px;
}

.c-cards-head-hedding-link {
	font-size: 1.1rem; /* Styling */
}

.c-cards-head-hedding-link::after {
	right: 0;
}

.c-keywords {
	margin-top: 4.6rem;
}

.no-scroll {
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: -1;
}

.c-searchInputCancel {
	display: block;
}

.c-addLabel {
	bottom: 10px;
	max-width: 100%;
	position: fixed;
	right: 0;
	z-index: 2;
}

.c-headMeta {
	position: relative;
}

.c-headMeta-metaBox {
	display: block;
	padding: 0;
}

.c-headMeta-metaBox-art {
	width: 100%;
}

.c-headMeta-metaBox-art-inBox {
	border: none;
	border-radius: 0;
	max-width: 100%;
	z-index: -1;
}

.c-headMeta-metaBox-art-inBox-labelStatus {
	font-size: 1.3rem;
	right: calc(100% - 96px);
	top: calc(64% - 36px);
	width: 80px;
	z-index: 2;
}

.c-headMeta-metaBox-art-inBox-labelBottom {
	display: none;
}

.c-headMeta-metaBox-art-inBox-artwork::before {
	background: -webkit-gradient(linear, left bottom, left top, color-stop(44%, white), color-stop(63%, rgba(255, 255, 255, 0.31)));
	background: -webkit-linear-gradient(bottom, white 44%, rgba(255, 255, 255, 0.31) 63%);
	background: linear-gradient(0deg, white 44%, rgba(255, 255, 255, 0.31) 63%);
	bottom: 0;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
}

.c-headMeta-metaBox-art > .c-addBtns {
	display: none;
}

.c-headMeta-metaBox-info {
	margin: 0 auto;
	margin-top: -20%;
	max-width: initial;
	padding: 0 1.6rem;
	width: 100%;
}

.c-headMeta-metaBox-info-title {
	font-size: 2rem;
}

.c-headMeta-metaBox-info-btnPurchase {
	margin-top: 2.6rem;
}

.c-listMeta-inBox-main > .common-wrapper-programs > .common-programs-wrapper > header > .common-search-box > .search-input {
	width: 100%;
}

.c-listHeadMeta {
	position: relative;
}

.c-listHeadMeta-cont {
	padding: 0;
}

.c-listHeadMeta-cont-art > .common-mylist-and-share {
	display: none;
}

.c-listHeadMeta-cont-info {
	margin-left: 1rem;
}

.c-listHeadMeta-cont-info > .story-pager > ul > li {
	font-size: 1.3rem;
}

.c-listHeadMeta-cont-info > .story-pager > ul > li.previous {
	text-align: left;
}

.c-listHeadMeta-cont-info > .story-pager > ul > li.forward {
	text-align: right;
}

.c-storyMeta {
	margin-bottom: 1.3rem;
}

.c-mypage-head-titleBox {
	padding-top: 2.5rem;
}

.c-myInfoBox {
	margin-left: auto;
	margin-right: 12px;
	position: static;
}

}

@media (max-width: 760px) and (max-width: 760px) {

.c-cards-head-hedding-link {
	padding-right: 1.6rem;
}

}

@media (max-width: 578px) {

.common-menu-member {
	height: calc(100% - 48px);
	overflow-y: scroll;
	position: fixed;
	width: 100%;
}

.common-menu-member .inner {
	padding: 1rem 0;
}

.common-menu-member .inner .menu-login {
	padding: 0 0.6rem;
}

.common-menu-member .inner .common-menu-member-tabbox.genre {
	display: block;
}

.common-menu-member .inner .logout {
	border-bottom: 1px solid #fff;
	margin-top: 1rem;
	max-width: 100%;
	text-align: left;
}

.common-menu-member .inner .logout a {
	border-bottom: 1px solid #e2e2e2;
	padding: 2rem;
}

.common-menu-member .hidden-pc {
	display: block;
}

.common-menu-member-box {
	margin-top: 1rem;
}

.common-menu-member-box.new-arrivals ul {
	border-bottom: 1px solid #e2e2e2;
}

.common-menu-member-box.guides ul {
	border-bottom: 1px solid #e2e2e2;
	display: block;
}

.common-menu-member-box.guides ul li {
	border-bottom: 1px solid #efefef;
	border-right: none;
	width: 100%;
}

.common-menu-member-box.guides ul li a::after {
	display: none;
}

.common-menu-member-tabbox {
	display: block;
	margin-top: 1rem;
}

.common-menu-member-tabbox-tab > a {
	font-size: 12px;
}

.common-menu-member-tabbox-tab > span.alter {
	font-size: 12px;
}

.common-menu-member-tabbox.topics .content a .date {
	color: rgba(56, 56, 56, 0.5);
}

.common-menu-member-tabbox.mypage header .coins {
	margin-right: 0.6rem;
}

.common-menu-member-tabbox.mypage ul {
	border-bottom: 1px solid #e2e2e2;
}

.common-menu-member-tabbox.mypage ul li {
	width: 50%;
}

.common-menu-member-tabbox.mypage ul li:nth-child(3n) {
	border-right: 1px solid #e2e2e2;
}

.common-menu-member-tabbox.mypage ul li:nth-child(2n) {
	border-right: none;
}

.common-menu-member-tabbox.mypage ul li:nth-child(n + 5) {
	display: none;
}

.common-menu-member-tabbox.genre ul {
	border-bottom: 1px solid #e2e2e2;
}

.common-menu-member-tabbox.genre ul li {
	width: 50%;
}

.common-menu-member-tabbox.genre ul li:nth-child(3n) {
	border-right: 1px solid #e2e2e2;
}

.common-menu-member-tabbox.genre ul li:nth-child(2n) {
	border-right: none;
}

.c-card-vertical.finished > .c-card-vertical-cont .c-card-inBox-meta .c-card-inBox-meta-caption {
	width: 150px;
}

.email-area {
	margin-bottom: 1.4rem;
}

.pass-area {
	margin-bottom: 1.4rem;
}

.login-ttl {
	font-size: 1.4rem;
}

.check-area {
	margin-bottom: 1.4rem;
	padding: 0 1rem;
}

.login-check:after {
	left: 0;
}

.login-check:before {
	left: 8px;
}

.login-check-text {
	font-size: 1.2rem;
}

.c-login-cont .c-login-container {
	margin: 2.4rem auto 2.6rem;
}

.login-btn-area {
	display: block;
}

.login-btn-block {
	margin-bottom: 0.5rem;
	width: 100%;
}

.login-line {
	margin: 2.4rem auto 2.6rem;
}

.c-login-wrapper {
	margin-bottom: 3.8rem;
}

.c-login-stepwrapper {
	margin-bottom: 1.6rem;
	padding: 0.6rem 0;
}

.c-login-flowwrapper-text {
	margin-bottom: 5.6rem;
}

.login-flow {
	font-size: 1.1rem;
}

.login-ttl.new-account {
	margin-bottom: 2rem;
}

.c-login-container.new-account {
	margin: 2.6rem auto 2.6rem;
}

.login-ttl.provisional-head-ttl {
	font-size: 1.8rem;
}

.provisional-url {
	padding: 3rem 0;
}

.provisional-url .text {
	margin-bottom: 2.2rem;
}

.login-already {
	padding-top: 0.6rem;
}

.step-bar li {
	font-size: 1.2rem;
}

.step-area {
	margin: 0 auto 2.6rem;
}

.step-bar .visit span.visited::before {
	height: 30px;
	width: 30px;
}

.provisional-url-mail-icon {
	margin-bottom: 2rem;
}

.provisional-url-text {
	line-height: 1.5;
	margin-bottom: 4.8rem;
	text-align: left;
}

.provisional-url .text.provisional-url-subtext {
	margin-bottom: 4.8rem;
}

.kaiin-input-box.select-input-wrapper {
	max-width: 306px;
}

.kaiin-input-area {
	height: 4.4rem;
}

.login-movie-area {
	margin-bottom: 2.6rem;
}

.finish-text-area {
	margin-bottom: 0;
	text-align: left;
}

.movie-list-fix {
	margin-bottom: 4.4rem;
}

.movie-list-fix .coin {
	font-size: 3rem;
	vertical-align: sub;
}

.provisional-url .text.provisional-finish-subtext {
	margin-bottom: 2rem;
}

.confirm-list {
	-ms-flex-pack: left;
	-webkit-box-pack: left;
	justify-content: left;
}

.c-login-cont-wrapper.coin-payment-wrapper {
	padding: 2.4rem 1.5rem 13rem;
}

.payment-area {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.payment-block {
	margin-bottom: 1rem;
	padding: 2rem 0.8rem;
}

.payment-block.select {
	width: 48.5%;
}

.c-login-stepwrapper.payment-stepwrapper {
	margin-bottom: 1.6rem;
}

.c-login-subtext.payment-subtext {
	text-align: left;
}

.c-login-subtext.detail {
	padding-right: 1.5rem;
	text-align: right;
}

.coin-balance .balance {
	font-size: 1.2rem;
}

.c-login-subtext.payment-subtext.carrier-payment {
	color: #939394;
	text-align: center;
}

.kaiin-input-box.card-box {
	margin-bottom: 2.4rem;
}

.coin-charge-wrapper {
	padding-bottom: 2.4rem;
}

.sub-text-s {
	margin-right: 0;
}

.coin-pieces {
	font-size: 1.8rem;
}

.payment-finish-balance.payment-sp {
	display: block;
	line-height: 1.3;
}

.coin-remaining {
	padding: 0 0 3rem;
}

.coin-payment {
	display: inline-block;
	text-align: center;
}

.payment-subtext.top-text {
	text-align: left;
}

.login-already.payment-finish {
	text-align: left;
}

.login-ttl.provisional-head-ttl.flow-title {
	margin-bottom: 1.6rem;
}

.coin-charge-remaining {
	padding: 1rem 0;
}

.coin-charge-remaining .coin {
	font-size: 2.6rem;
}

.coin-charge-remaining .coin::before {
	content: '';
	height: 1.8rem;
	width: 1.8rem;
}

.coin-charge-top {
	margin: 0 0 0 auto;
	max-width: 151px;
}

.charge-remaining {
	font-size: 1.2rem;
	margin-right: 2.2rem;
}

.c-login-subtext.tax {
	font-size: 1.2rem;
	margin-left: -0.3rem;
}

.movie-top-attention {
	display: block;
}

.about-coin-lower {
	padding: 2.2rem 0 0;
	text-align: right;
}

.movie-list-area {
	padding: 0 0 2.2rem;
}

.movie-summary {
	padding-left: 2.2rem;
}

.purchase_pack {
	margin-bottom: 1.6rem;
}

.payment-finish-balance.unlimited-pack {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.login-already.payment-finish.monthly {
	margin-bottom: 0;
	padding-top: 0;
}

.payment-finish-balance.movie-unlimited-balance {
	display: block;
	padding-top: 4.4rem;
}

.payment-finish-balance.movie-unlimited-balance .arrow-bottom {
	margin-bottom: 2rem;
}

.payment-finish-balance.movie-unlimited-balance .ovie-list-balance-area {
	float: none;
}

.payment-finish-balance.movie-unlimited-balance .movie-purchase-list {
	margin-right: 0;
}

.movie-list-wrapper ul.movie-list-area {
	margin-bottom: 0;
}

.movie-unlimited-balance .movie-summary-wrapper {
	display: block;
}

.plus-medal {
	display: block;
	text-align: right;
}

.auto-price {
	margin-right: 1rem;
}

}

@media (max-width: 360px) {

.common-menu-member .inner .menu-login .common-btn {
	width: 144px;
}

.common-menu-member-tabbox.genre ul {
	font-size: 1.4rem;
}

.c-card-inBox-meta .c-card-inBox-meta-titles .c-card-inBox-meta-titles-title.isInCourse {
	max-width: 114px !important;
}

.c-card-inBox-meta .c-card-inBox-meta-titles .c-card-inBox-meta-titles-titleSub.isInCourse {
	max-width: 114px !important;
}

.c-card-panel-cont .c-card-inBox-meta-caption {
	max-width: 144px;
}

.c-card-catchup-cont .c-card {
	margin-right: 0.6rem;
	max-width: 144px;
	min-width: 144px;
}

.c-card-catchup-cont .c-card-inBox-art {
	max-width: 144px;
	min-width: 144px;
}

.c-card-catchup-cont .c-card-inBox-meta-titles {
	max-width: 144px;
}

.c-card-catchup-cont .c-card-inBox-meta-titles-title {
	max-width: 144px;
}

.c-card-catchup-cont .c-card-inBox-meta-titles-titleSub {
	max-width: 144px;
}

.c-card-catchup-cont .c-card-inBox-meta-viewingDeadline {
	max-width: 144px;
}

.c-pageBtn {
	font-size: 1.2rem;
}

.c-listHeadMeta-cont-art {
	-ms-flex-preferred-size: 192px;
	flex-basis: 192px;
	min-width: 144px;
}

.c-mypageAccountEditInfo-birthday-btns {
	width: 290px;
}

.c-mypageAccountEditInfo-birthday-btns-year {
	width: 96px;
}

.c-mypageAccountEditInfo-birthday-btns-month {
	width: 76px;
}

.c-mypageAccountEditInfo-birthday-btns-day {
	width: 76px;
}

.c-mypageAccountEditPass-passCurrent-head-reset {
	font-size: 1rem;
}

.c-mypageAccountEditDeleteID .deleteCheck-inBox-btnSubmit-link {
	max-width: 256px;
}

.c-mypageAccountEditDeleteID .deleteCheck-inBox-btnBack-link {
	max-width: 256px;
}

.login-flow {
	font-size: 1rem;
}

.login-radio:after {
	height: 18px;
	width: 18px;
}

.login-radio:before {
	border: 0.6rem solid #666666;
	height: 18px;
	width: 18px;
}

.security-code-area {
	max-width: 140px;
}

.coin-charge-area {
	padding: 2.6rem 0 2.6rem 0;
}

.sub-text-s {
	margin-right: 0.8rem;
}

.coin-pieces {
	font-size: 1.4rem;
}

.coin-pieces::before {
	margin-right: 0.4rem;
}

.finish-area {
	padding: 1rem 1.2rem;
}

.payment-finish-balance .price-total {
	font-size: 3rem;
}

.movie-purchase-list {
	font-size: 1.4rem;
}

.arrow-bottom-icon {
	margin-right: 1rem;
}

.coin-choice {
	margin-left: 0.6rem;
}

.purchase-list {
	padding: 0 0 0.4rem 0;
}

}

@media print {

img {
	display: none;
}

}

@-webkit-keyframes blink {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@keyframes blink {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@-webkit-keyframes anime-ttl-icon-move {

from {
	left: -50px;
	opacity: 1;
}

10% {
	left: -30px;
	opacity: 1;
}

20% {
	left: -35px;
	opacity: 1;
}

30% {
	left: -35px;
	opacity: 1;
}

60% {
	left: -35px;
	opacity: 0;
}

to {
	left: -35px;
	opacity: 0;
}

}

@keyframes anime-ttl-icon-move {

from {
	left: -50px;
	opacity: 1;
}

10% {
	left: -30px;
	opacity: 1;
}

20% {
	left: -35px;
	opacity: 1;
}

30% {
	left: -35px;
	opacity: 1;
}

60% {
	left: -35px;
	opacity: 0;
}

to {
	left: -35px;
	opacity: 0;
}

}

@-webkit-keyframes delighterFadein3 {

0% {
	margin-left: 0;
	opacity: 1;
	width: 0;
}

45%,50% {
	margin-left: 0;
	opacity: 1;
	width: 100%;
}

100% {
	margin-left: 100%;
	opacity: 1;
	width: 0;
}

}

@keyframes delighterFadein3 {

0% {
	margin-left: 0;
	opacity: 1;
	width: 0;
}

45%,50% {
	margin-left: 0;
	opacity: 1;
	width: 100%;
}

100% {
	margin-left: 100%;
	opacity: 1;
	width: 0;
}

}

@-webkit-keyframes delighterFadein2 {

0% {
	opacity: 1;
	width: 100%;
}

100%,45%,50% {
	opacity: 1;
	width: 0;
}

}

@keyframes delighterFadein2 {

0% {
	opacity: 1;
	width: 100%;
}

100%,45%,50% {
	opacity: 1;
	width: 0;
}

}

@-webkit-keyframes delighterFadeIn {

from {
	opacity: 0;
}

to {
	opacity: 1;
}

}

@keyframes delighterFadeIn {

from {
	opacity: 0;
}

to {
	opacity: 1;
}

}

@-webkit-keyframes fadeIn {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@keyframes fadeIn {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@-webkit-keyframes fadeout {

0% {
	opacity: 1;
}

75% {
	opacity: 1;
}

100% {
	opacity: 0;
}

}

@keyframes fadeout {

0% {
	opacity: 1;
}

75% {
	opacity: 1;
}

100% {
	opacity: 0;
}

}

@-webkit-keyframes popInTw {

0% {
	left: 17px;
	opacity: 0;
	top: -57px;
}

100% {
	left: 71px;
	opacity: 1;
	top: -100px;
}

}

@keyframes popInTw {

0% {
	left: 17px;
	opacity: 0;
	top: -57px;
}

100% {
	left: 71px;
	opacity: 1;
	top: -100px;
}

}

@-webkit-keyframes popInFb {

0% {
	left: 17px;
	opacity: 0;
	top: -57px;
}

100% {
	left: 93px;
	opacity: 1;
	top: -60px;
}

}

@keyframes popInFb {

0% {
	left: 17px;
	opacity: 0;
	top: -57px;
}

100% {
	left: 93px;
	opacity: 1;
	top: -60px;
}

}

@-webkit-keyframes popInLi {

0% {
	left: 17px;
	opacity: 0;
	top: -57px;
}

100% {
	left: 71px;
	opacity: 1;
	top: -20px;
}

}

@keyframes popInLi {

0% {
	left: 17px;
	opacity: 0;
	top: -57px;
}

100% {
	left: 71px;
	opacity: 1;
	top: -20px;
}

}