@charset "utf-8";

/********************************************************
 *** 基本スタイル
 ********************************************************/

html {
	height:100%;
}
body {
	margin: 0px;
	color: #000;
	font-size: 9pt;
	background: #FFF;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	height: 100%;
	position: relative;
	-webkit-text-size-adjust: none;
}
img {
	border-width: 0px;
	vertical-align: text-bottom;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
a{
	color: #049;
	text-decoration: none;
}
a:link {
	color: #049;
}
a:visited {
	color: #049;
}
a:hover {
	color: #C40;
	text-decoration: underline;
}
a:active {
	color: #C40;
	text-decoration: underline;
}
input:focus, textarea: focus {
	outline: -webkit-focus-ring-color auto 0px;
}
input[type="text"],input[type="password"] {
	height: 25px;
}
input:-ms-input-placeholder {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
label {
	cursor: pointer;
}
form {
	margin: 0px;
	padding: 0px;
}

/*** wapper ***/
#baseblock {
	width: 100%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	background: #FFF;
	min-width: 990px;
	padding-bottom: 350px;  /* footerの高さ+40px */
	height: auto !important;  /*IE6対策*/
	height: 100%;  /*IE6対策*/
	_height/**/: auto;  /*IE5対策*/
	min-height: 100%;
	position: relative;
	box-sizing: border-box;
}

/*** header ***/
#header-base {
	position: relative;
	height: 62px;
	background: #FFF;
}
#header-menu {
	clear: both;
	position: relative;
	margin: 0px 0 20px 0;
	width: 100%;
	height: 55px;
	background: linear-gradient(#F6F6F6, #EEE);
	background-color: #F3F3F3;
	border-top: 0.6px solid #CCC;
	border-bottom: 0.6px solid #CCC;
	box-sizing: border-box;
	z-index: 1;
}

/*** contents ***/
#main-base {
	margin: 0px 20px;
	min-height: 400px;
	line-height: 1.5;
}
#main-leftbox {
	float: left;
	margin-right: -240px;
	width: 100%;
}
#main-leftcontents {
	margin-right: 240px;
	padding-right: 30px;
}
* html #main-leftbox {
	margin-right: -300px;
}
* html #main-leftcontents {
	margin-right: 280px;
	width: 100%;
}
#main-leftbox .centering > div {
	margin-left: auto;
	margin-right: auto;
	width: 680px;
	box-sizing: border-box;
}
#main-leftbox .centering > hr {
	margin: 25px auto 20px auto;
	width: 680px;
}
#main-leftbox .variable > div {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 800px;
	box-sizing: border-box;
}
#baseblock.fixed .variable > div {
	width: 680px;
}
#main-leftbox .centering > div.indent {
	padding-left: 18px;
}
.liquidcontentslist {
	overflow: hidden;
	margin-right: -20px;
}
* html .liquidcontentslist {
	clear: both;
	/*width: 100%;*/
}
#main-rightmenu {
	float: right;
	width: 240px;
}
#main-rightbox {
	float: right;
	margin-left: -240px;
	width: 100%;
}
#main-rightcontents {
	margin-left: 240px;
	padding-left: 30px;
}
#main-leftmenu {
	float: left;
	width: 240px;
}
* html #main-rightbox {
	margin-left: -280px;
}
* html #main-rightcontents {
	margin-left: 280px;
}
#main-nomenubox {
	width: 100%;
}

/*** footer ***/
#footer {
	clear: both;
	width: 100%;
	min-width: 990px;
	position: absolute;
	bottom: 0;
	background: #222;
	z-index: 0;
}
/*** smartphone ***/
.link-smartphone {
	padding: 25px 20px;
	background: #FFF;
}
.link-smartphone a {
	display: block;
	padding: 15px;
	background: #369;
	color: #FFF !important;
	font-size: 36pt;
	text-align: center;
	text-decoration: none;
	border-radius: 15px;
}

/*** back-to-top ***/
#topicon {
	display: none;
	position: absolute;
	bottom: 292px;
	right: 20px;
	width: 36px;
	height: 36px;
	border-radius: 24px;
	background: url(https://img.duga.jp/img/icon/svg/back-to-top.svg) no-repeat center/66% #AAA;
	cursor: pointer;
	transition: all .2s ease;
}
#topicon.visible {
	display: block;
}
#topicon:hover {
	background-color: #999;
}

/*** gray背景 ***/
#baseblock.bg-gray {
	background-color: #F6F6F6;
}
#baseblock.bg-gray .sidemenuboxtitle {
	background-color: #EEE;
}
#baseblock.bg-gray .sidemenubox {
	background: #FFF;
}
#baseblock.bg-gray #main-rightmenu > div:not(.sidemenubox) img {
	filter: brightness(1);
}

/*** シングルカラム（最大固定幅） ***/
#baseblock.max-fix #main-centerbox {
	width: 950px;
}

/*** navidev（開発者モード） ***/
#navidev {
	padding: 0px !important;
	width: 30px;
	height: 30px;
	border: none !important;
	opacity: 1 !important;
}
#navidev:after {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 30px;
	height: 30px;
	background: url(https://img.duga.jp/img/icon/svg/developer.svg) no-repeat 50%;
	background-size: 18px;
	background-color: #2175bc;
	content: "";
}
#navidev div {
	position: absolute;
	padding: 6px 10px 6px 36px !important;
	background-color: #2175bc;
	white-space: nowrap;
	font-size: 9pt !important;
	animation: slideout 3000ms linear 1 both;
}
#navidev:hover div {
	animation: slidein 100ms linear 1 both;
}
@keyframes slideout {
	0% { transform: translateX(0%); }
	75% { transform: translateX(0%); }
	100% { transform: translateX(-100%); }
}
@keyframes slidein {
	0% { transform: translateX(-100%); }
	100% { transform: translateX(0%); }
}

/********************************************************
 *** 共通デザイン-1
 ********************************************************/

/*** 見出し ***/
.headline {
	position: relative;
	margin-bottom: 15px;
	color: #333;
	font-size: 14pt;
	font-weight: bold;
}
h1.headline {
	margin-top: 0;
}
.headline img {
	display: none;
}
.headline img:nth-child(1) {
	display: inline;
	float: left;
	margin: -1px 6px 0px 0px;
	width: 28px;
	height: 28px;
}
.headline .help-link {
	top: 2px;
	right: 0;
}

/*** 見出し（done） ***/
@media (min-width: 1px) {
	.headline.done {
		position: relative;
		padding-left: 34px;
		color: #088000;
	}
}
.headline.done::before {
	transform: rotate(-45deg);
	left: 5.5px;
	top: 9.8px;
	border-radius: 10px;
	position: absolute;
	content: "";
	display: block;
	width: 23px;
	height: 5px;
	background: #099700;
}
.headline.done::after {
	transform: rotate(45deg);
	left: 0;
	top: 13px;
	border-radius: 10px;
	position: absolute;
	content: "";
	display: block;
	width: 14px;
	height: 5px;
	background: #099700;
}

/*** 見出し（月額番組 各ランキング） ***/
#baseblock.month-sub-ranking .headline {
	margin-bottom: 25px;
}
#baseblock.month-sub-ranking .headline img:nth-child(1) {
	width: 26px;
	height: 26px;
}

/*** テーブル（標準） ***/
.table-standard {
	width: 100%;
	border-right: solid 1px #666;
	border-top: solid 1px #666;
	margin-bottom: 10px;
	background-color: #FFF;
}
.table-standard thead {
	background-color: #EEE;
	background-color: rgba(0, 0, 0, 0.066);
}
.table-standard th, 
.table-standard td {
	border-left: solid 1px #666;
	border-bottom: solid 1px #666;
	padding: 8px;
}
.table-standard .title {
	background-color: #EEE;
	background-color: rgba(0, 0, 0, 0.066);
}

/*** テーブル（法定表示） ***/
.table-legal {
	border-top: solid 1px #DDD;
}
.table-legal th {
	width: 188px;
	padding-left: 12px;
	background: rgba(0, 0, 0, 0.035);
	border-right: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
	color: #444;
	text-align: left;
}
.table-legal td {
	padding: 10px 12px;
	border-bottom: solid 1px #DDD;
}

/*** アンダーライン（破線） ***/
.hasen {
	text-decoration: underline;
	text-decoration-style: dotted;
}

/*** SVG非対応ブラウザ ***/
.svg {
	display: none;
}
.non-svg {
	display: block;
}
@media (min-width: 1px) {
	.svg {
		display: block;
	}
	.non-svg {
		display: none;
	}
}

/*** 翻訳時非表示 ***/
html:not([lang="ja"]) .ja-only {
	display: none;
}

/*** 矢印 ***/
.arrow-http {
	width: 100%;
	padding: 0px;
	margin: 0px;
	line-height: 1.2;
}
.arrow-https {
	width: 100%;
	padding: 0px;
	margin: 0px;
	line-height: 1.2;
}
.arrowred-http > a, 
.arrowred-http > span {
	background-image: url('https://img.duga.jp/img/arrow_red.gif');
	background-repeat: no-repeat;
	background-position: 0 45%;
	padding-left: 10px;
}
.arrowred-https > a, 
.arrowred-https > span {
	background-image: url('https://img.duga.jp/img/arrow_red.gif');
	background-repeat: no-repeat;
	background-position: 0 45%;
	padding-left: 10px;
}
.arrowgray-http > a, 
.arrowgray-http > span {
	background-image: url('https://img.duga.jp/img/arrow_gray.gif');
	background-repeat: no-repeat;
	background-position: 0 45%;
	padding-left: 10px;
}
.arrowgray-https > a, 
.arrowgray-https > span {
	background-image: url('https://img.duga.jp/img/arrow_gray.gif');
	background-repeat: no-repeat;
	background-position: 0 45%;
	padding-left: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.arrowgray-http > a, 
	.arrowgray-http > span {
		background-image: url('https://img.duga.jp/img/arrow_gray_x2.gif');
		background-size: 5px 8px;
	}
	.arrowgray-https > a, 
	.arrowgray-https > span {
		background-image: url('https://img.duga.jp/img/arrow_gray_x2.gif');
		background-size: 5px 8px;
	}
}

/*** 警告 ***/
.warningbox {
	overflow: hidden;
	float: none;
	clear: both;
	margin-bottom: 15px;
	outline: 2px solid #C00;
	outline-offset: -2px;
	background-color: #FEE;
}
.warningbox .alerttitle {
	padding: 6px 12px;
	background-color: #C00;
	color: #FFF;
	font-size: 10.5pt;
	font-weight: bold;
}
.warningbox .alertdesc {
	background-image: url(https://img.duga.jp/img/mypage/alert_small.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	background-size: 24px 22px;
	padding-left: 34px;
	min-height: 24px;
	margin: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.warningbox .alertdesc {
		background-image: url(https://img.duga.jp/img/icon/svg/alert.svg);
	}
}

/*** 再読み込みアイコン ***/
.ajaxreload {
	float: right;
	margin-left: 0.2em;
	cursor: pointer;
}
.ajaxreload::before {
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	content: "";
	background: url(https://img.duga.jp/img/icon/svg/reload.svg) no-repeat 0 0/1.3em 1.3em;
	vertical-align: -0.3em;
	opacity: 0.5;
}
.ajaxreload:hover::before {
	opacity: 0.75;
}

/*** 新しいタブで開くアイコン ***/
.new-tab:after {
	display: inline-block;
	width: 1.4em;
	height: 1.2em;
	content: "";
	background-image: url(https://img.duga.jp/img/icon/svg/new-tab.svg), url(https://img.duga.jp/img/icon/svg/new-tab-hover.svg);
	background-repeat: no-repeat;
	background-position: 0.2em 0;
	background-size: 1.2em 1.2em;
	vertical-align: -0.25em;
}
.new-tab:hover:after, 
.new-tab:active:after {
	background-image: url(https://img.duga.jp/img/icon/svg/new-tab-hover.svg);
}

/*** マル印・バツ印 ***/
.symbol::before {
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	content: "";
	background-size: 100% 100%;
	background-repeat: no-repeat;
	vertical-align: -0.24em;
}
.symbol.maru::before {
	background-image: url(https://img.duga.jp/img/icon/svg/symbol-maru.svg);
}
.symbol.batu::before {
	background-image: url(https://img.duga.jp/img/icon/svg/symbol-batu.svg);
}

/*** インデント『※』 ***/
.indent-kome {
	padding-left: 1.1em;
	text-indent: -1.1em;
}
.indent-kome:before {
	content: "※";
	padding-right: 0.1em;
}

/*** リスト（黒丸マーカー） ***/
ul.disc {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 1.5;
}
ul.disc li {
	position: relative;
	margin-top: 2px;
	padding-left: 1em;
	text-indent: 0px;
}
ul.disc li:first-child {
	margin-top: 0px;
}
ul.disc li:before {
	content: "\0030fb";
	position: absolute;
	display: table;
	text-align: center;
	width: 1em;
	left: -0.3em;
	font-size: 200%;
	line-height: 70%;
}

/*** リスト（アイコン） ***/
@media (min-width: 1px) {
	ul.icon li {
		padding-left: 18px;
	}
	ul.icon li:before {
		left: 0;
		width: 15px;
		height: 15px;
		content: "";
		background-repeat: no-repeat;
		background-size: 15px 15px;
		opacity: 0.8;
	}
	ul.icon li.period:before {
		background-image: url(https://img.duga.jp/img/icon/svg/clock.svg);
	}
	ul.icon li.stop:before {
		background-image: url(https://img.duga.jp/img/icon/svg/stop.svg);
	}
}

/*** ヘルプリンク ***/
.help-link {
	position: absolute;
	width: 22px;
	height: 22px;
}
.help-link:before {
	display: block;
	width: 22px;
	height: 22px;
	content: "";
	background: url(https://img.duga.jp/img/icon/svg/help.svg) no-repeat 0 0/22px 22px;
	opacity: 0.9;
}
.help-link:after {
	position: absolute;
	content: "ヘルプを表示する";
	right: calc((22px - 112px) / 2);
	bottom: -30px;
	padding: 0 8px;
	background: rgba(0,0,0,0.7);
	color: #FFF;
	border-radius: 5px;
	line-height: 24px;
	font-size: 9pt;
	font-weight: normal;
	white-space: nowrap;
	visibility: hidden;
	pointer-events: none;
	z-index: 1;
}
.help-link:hover:after {
	visibility: visible;
	transition: visibility .1s .2s linear;
}
a.help-link {
	text-decoration: none;
}

/*** 共通アイコン（SVG） ***/
@media (min-width: 1px) {
	.icon.toppage {
		background-image: url(https://img.duga.jp/img/head/undermenu/home.svg);
	}
	.icon.series {
		background-image: url(https://img.duga.jp/img/head/undermenu/series.svg);
	}
	.icon.actress {
		background-image: url(https://img.duga.jp/img/head/undermenu/actress.svg);
	}
	.icon.ranking {
		background-image: url(https://img.duga.jp/img/head/undermenu/ranking.svg);
	}
	.icon.itemall {
		background-image: url(https://img.duga.jp/img/head/undermenu/itemall.svg);
	}
	.icon.search {
		background-image: url(https://img.duga.jp/img/head/undermenu/search.svg);
	}
	.icon.other {
		background-image: url(https://img.duga.jp/img/head/undermenu/other.svg);
	}
	.icon.hotlist {
		background-image: url(https://img.duga.jp/img/head/undermenu/hotlist.svg);
	}
	.icon.device {
		background-image: url(https://img.duga.jp/img/head/undermenu/device.svg);
	}
	.icon.calendar {
		background-image: url(https://img.duga.jp/img/head/undermenu/calendar.svg);
	}
	.icon.clock {
		background-image: url(https://img.duga.jp/img/head/undermenu/clock.svg);
	}
	.icon.hd {
		background-image: url(https://img.duga.jp/img/head/undermenu/hd.svg);
	}
	.icon.presale {
		background-image: url(https://img.duga.jp/img/head/undermenu/flying.svg);
	}
	.icon.new {
		background-image: url(https://img.duga.jp/img/head/undermenu/new.svg);
	}
	.icon.soft {
		background-image: url(https://img.duga.jp/img/head/undermenu/soft.svg);
	}
	.icon.brand {
		background-image: url(https://img.duga.jp/img/head/undermenu/brand.svg);
	}
	.icon.player {
		background-image: url(https://img.duga.jp/img/head/undermenu/player.svg);
	}
	.icon.windows {
		background-image: url(https://img.duga.jp/img/head/undermenu/windows.svg);
	}
	.icon.android {
		background-image: url(https://img.duga.jp/img/head/undermenu/android.svg);
	}
	.icon.browser {
		background-image: url(https://img.duga.jp/img/head/undermenu/browser.svg);
	}
	.icon.info {
		background-image: url(https://img.duga.jp/img/head/undermenu/info.svg);
	}
	.icon.document {
		background-image: url(https://img.duga.jp/img/head/undermenu/document.svg);
	}
	.icon.help {
		background-image: url(https://img.duga.jp/img/head/undermenu/help.svg);
	}
	.icon.faq {
		background-image: url(https://img.duga.jp/img/head/undermenu/faq.svg);
	}
	.icon.check {
		background-image: url(https://img.duga.jp/img/head/undermenu/check.svg);
	}
	.icon.lock {
		background-image: url(https://img.duga.jp/img/head/undermenu/lock.svg);
	}
	.icon.mail {
		background-image: url(https://img.duga.jp/img/head/undermenu/mail.svg);
	}
	.icon.mypage {
		background-image: url(https://img.duga.jp/img/head/undermenu/mypage.svg);
	}
	.icon.history {
		background-image: url(https://img.duga.jp/img/head/undermenu/history.svg);
	}
	.icon.order {
		background-image: url(https://img.duga.jp/img/head/undermenu/order.svg);
	}
	.icon.order-cash {
		background-image: url(https://img.duga.jp/img/head/undermenu/order-cash.svg);
	}
	.icon.cash {
		background-image: url(https://img.duga.jp/img/head/undermenu/cash.svg);
	}
	.icon.favorite {
		background-image: url(https://img.duga.jp/img/head/undermenu/favorite.svg);
	}
	.icon.foot {
		background-image: url(https://img.duga.jp/img/head/undermenu/foot.svg);
	}
	.icon.rakuten {
		background-image: url(https://img.duga.jp/img/head/undermenu/rakuten.svg);
	}
	.icon.info-2 {
		background-image: url(https://img.duga.jp/img/head/undermenu/info-2.svg);
	}
	.icon.guide-2 {
		background-image: url(https://img.duga.jp/img/head/undermenu/guide-2.svg);
	}
	.icon.help-2 {
		background-image: url(https://img.duga.jp/img/head/undermenu/help-2.svg);
	}
	.icon.search-2 {
		background-image: url(https://img.duga.jp/img/head/undermenu/search-2.svg);
	}
	.icon.provider {
		background-image: url(https://img.duga.jp/img/head/undermenu/toppage.svg);
	}
	.icon.provider-signin {
		background-image: url(https://img.duga.jp/img/head/undermenu/provider-signin.svg);
	}
	.icon.provider-howto {
		background-image: url(https://img.duga.jp/img/head/undermenu/provider-howto.svg);
	}
	.icon.provider-login {
		background-image: url(https://img.duga.jp/img/head/undermenu/provider-login.svg);
	}
}

/********************************************************
 *** ヘッダ
 ********************************************************/

/*** logo ***/
#header-base .header-logo {
	position: absolute;
	top: 18px;
	left: 20px;
	margin: 0;
}
#header-base .header-logo a {
	display: block;
}
#header-base .header-logo svg, 
#header-base .header-logo img {
	width: 124px;
	height: 26px;
	display: block;
}

/*** header submenu ***/
#header-base .header-submenu {
	position: absolute;
	top: 14px;
	right: 20px;
	line-height: 1.3;
}
#header-base .header-submenu .welcomebox {
	text-align: right;
	margin-bottom: 6px;
}
#header-base .header-submenu .welcomebox a {
	display: inline-block;
	line-height: 0.8;
	font-size: 9pt;
	text-decoration: none;
}
#header-base .header-submenu .welcomebox a:hover {
	border-bottom: solid 1.2px;
}
#header-base .header-submenu .welcomebox a span {
	padding-right: 2px;
	font-weight: bold;
}
#header-base .header-submenu .smallmenulist {
	float: right;
	font-size: 9pt;
	/*margin-bottom: 5px;*/
}
#header-base .header-submenu .smallmenulist .listitem {
	float: left;
	padding: 0px;
	margin: 0px;
	border-right: 1px solid #CCC;
	padding: 0px 10px;
}
#header-base .header-submenu .smallmenulist .lastitem {
	border-right: 0px !important;
	padding-right: 0px !important;
}

/*** header menu ***/
#header-menu .submenuhighlight {
	background: #E90000;
	height: 3px;
}
#header-menu .searchboxwrap {
	float: left;
	width: 100%;
}
#header-menu .searchboxarea {
	position: relative;
	margin: 11px 560px 0px 170px;
	height: 34px;
}
#header-menu .submenuboxleftbox {
	float: left;
	margin-left: -100%;
	width: 160px;
}
#header-menu .submenuboxleftbox .submenulist {
	float: left;
	margin-left: 20px;
}
#header-menu .submenuboxrightbox {
	float: right;
	margin-left: -500px;
	width: 500px;
}
#header-menu .submenuboxrightbox .submenulist {
	float: right;
	margin-right: 20px;
}
#searchtextbox {
	position: absolute;
	top: 0;
	width: 100%;
	height: 28px;
	margin: 0;
	padding: 2px 8px;
	border: 1px solid #AAA;
	border-radius: 4px 0px 0px 4px;
	box-sizing: content-box;
	line-height: 1.4;
	font-size: 10pt;
	height: 20px\9;  /* IE8以下 */
	padding: 6px 8px\9;  /* IE8以下 */
}
#searchtextbox:not(:target) {
	height: 28px\9; /* IE9,10 */
	padding: 2px 8px\9; /* IE9,10 */
}
#searchtextbox:focus {
	outline: 0;
	border: solid 1px #666;
}
#searchexecbutton {
	position: absolute;
	top: 0;
	right: -62px;
	width: 44px;
	height: 32px;
	border: solid 1px #555;
	border-radius: 0px 4px 4px 0px;
	box-sizing: content-box;
	background: #333;
}
#searchexecbutton:hover {
	background: #000;
}
#searchexecbutton input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	width: 44px;
	height: 32px;
	border: 0;
	box-sizing: border-box;
	background: transparent;
	color: #FFF;
	line-height: 34px;
	letter-spacing: 2px;
	font-size: 13px;
	font-weight: normal;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	cursor: pointer;
}
html:not([lang="ja"]) #searchexecbutton input {
	letter-spacing: -0.4px;
	font-size: 12px;
}
* html #searchtextbox {
	width: 300px;
	height: 34px;
}
* html #searchexecbutton {
	left: 300px;
	height: 34px;
	border: 0px;
}

/*** header menu item ***/
#header-menu .submenulist .listitem {
	float: left;
	height: 55px;
	overflow: hidden;
}
#header-menu .submenulist .listitem .subtitle {
	padding-top: 6px;
	height: 18px;
	line-height: 18px;
	font-weight: normal;
	font-size: 8pt;
	color: #555;
	transform: scale(0.94);
	transform-origin: top left;
}
#header-menu .submenulist .listitem.join .subtitle {
	letter-spacing: -0.08em;
}
#header-menu .submenulist .listitem .maintitle {
	height: 17px;
	line-height: 17px;
}
html:not([lang="ja"]) #header-menu .submenulist .listitem .maintitle {
	overflow: hidden;
	display: block;
	margin-right: 4px;
	font-size: 9.5pt;
	letter-spacing: -0.4px;
	text-overflow: ellipsis;
}
#header-menu .submenulist .listitem .pulldown {
	position: absolute;
	bottom: 13px;
	right: 10px;
	font-size: 0;
	width: 0;
	height: 0;
	border-left: 4.5px solid transparent;
	border-right: 4.5px solid transparent;
	border-top: 7px solid #666;
}
#header-menu .submenulist .listitem img {
	vertical-align: middle;
	margin-right: 5px;
}
#header-menu .submenulist .listitem a {
	display: block;
	height: 48px;
	color: #000;
	text-decoration: none;
}
#header-menu .submenulist .listitem .pulldownlink {
	position: relative;
	margin-top: 3px;
	padding: 0px 10px;
	border-right: 0.6px solid #D6D6D6;
	font-size: 10pt;
	font-weight: bold;
	white-space: nowrap;
	cursor: pointer;
}
#header-menu .submenulist .listitem.join:before {
	content: "";
	position: absolute;
	top: 0px;
	width: 76px;
	height: 3px;
	background: #393;
	animation: fadein 1s 10s both;
}
#header-menu .submenulist .listitem.join #joinpulldownlink::before {
	position: absolute;
	top: 0;
	bottom: -3px;
	left: 0;
	right: 0;
	content: "";
	background: rgba(0,0,0,0.02);
	pointer-events: none;
	animation: fadein 1s 10s both;
}
#header-menu .submenulist .listitem.cart:not([data-count="0"])::before {
	content: "";
	position: absolute;
	top: 0;
	width: 149px;
	height: 3px;
	background: #FFA600;
	animation: fadein 1s 10s both;
}
#header-menu .submenulist .listitem.cart:not([data-count="0"]) #cartpulldownlink::before {
	position: absolute;
	top: 0;
	bottom: -3px;
	left: 0;
	right: 0;
	content: "";
	background: rgba(0,0,0,0.02);
	pointer-events: none;
	animation: fadein 1s 10s both;
}
#header-menu .submenulist .listitem.cart[data-count="0"] a::before {
	position: absolute;
	top: 10px;
	left: 9px;
	width: 38px;
	height: 30px;
	content: "";
	background: url(https://img.duga.jp/img/head/cartmenu-empty.svg) no-repeat top/38px 30px;
}
#header-menu .submenulist .listitem.cart .cartitemcount {
	position: absolute;
	top: 8px;
	left: 21px;
	min-width: 20px;
	color: #D00;
	text-align: center;
	font-size: 10.5pt;
	font-weight: bold;
	line-height: 16px;
	letter-spacing: -0.06em;
/*
	position: absolute;
	top: 9px;
	left: 23px;
	padding: 0 2.75px 0 1.75px;
	min-width: 12px;
	color: #FFF;
	border-radius: 20px;
	background: #E00;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	height: 16px;
	line-height: 17px;
	letter-spacing: -0.12em;
*/
}
#header-menu .submenulist .listitem.cart[data-count="0"] .cartitemcount {
	visibility: hidden;
}
#header-menu .submenulist .listitem.cart .cartitemcount::before {
	position: absolute;
	top: -1px;
	left: 33px;
	content: "商品が入っています";
	border-radius: 10px;
	color: #555;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: -0.03em;
	opacity: 0;
}
#header-menu .submenulist .listitem.cart:not([data-count="0"]) .cartitemcount::before {
	opacity: 1;
	animation: fadein 1s 10s both;
}
#header-menu .submenulist .lastitem .pulldownlink {
	border-right: 0px !important;
	padding-right: 0px !important;
}
#header-menu .submenulist .lastitem .pulldown {
	right: 0px !important;
}
#searchpulldownlink {
	background-image: url(https://img.duga.jp/img/head/searchmenu.gif);
	background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position: 0px 8px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	#searchpulldownlink {
		background-image: url(https://img.duga.jp/img/head/searchmenu.svg);
	}
}
#searchpulldownlink .subtitle, 
#searchpulldownlink .maintitle {
	margin-left: 30px;
}
#cartpulldownlink {
	background-image: url(https://img.duga.jp/img/head/cartmenu.gif);
	background-size: 38px 30px;
	background-repeat: no-repeat;
	background-position: 9px 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	#cartpulldownlink {
		background-image: url(https://img.duga.jp/img/head/cartmenu.svg);
	}
}
#cartpulldownlink .subtitle, 
#cartpulldownlink .maintitle {
	margin-left: 44px;
}

/*** pull down box ***/
.header-pulldownmenu {
	visibility: hidden;
	position: absolute;
	background: #FFF;
	box-shadow: 0px 1000vw 0px 1000vw rgba(0,0,0,0.5);
	z-index: 3;
	top: 54px;
	padding: 5px 15px;
	border: 1px solid #CCC\9;  /* IE8以下 */
}
.header-pulldownmenu:not(:target) {
	border: 0\9; /* IE9,10 */
}
.header-pulldownmenu .submenuheader {
	margin: 10px 0px;
	font-size: 10pt;
	font-weight: bold;
	line-height: 1.5;
}
.header-pulldownmenu .submenuheader .comment {
	font-weight: normal;
	font-size: 9pt;
	margin-top: 6px;
}
.header-pulldownmenu .menulist {
	margin: 0px 8px 0px 0px;
}
.header-pulldownmenu .menulist li {
	margin: 10px 0px 8px 0px;
	line-height: 1.8;
}
.header-pulldownmenu .menulist a {
	display: block;
	width: 100%;
	color: #000;
	/*font-weight: bold;*/
	white-space: nowrap;
	background-position: 0px 2px;
}
.header-pulldownmenu .buttonlink {
	margin: 12px 0px 10px 0px;
}
.header-pulldownmenu .buttonlink a {
	display: block;
	text-align: center;
	padding: 4px 20px;
	border-radius: 4px;
	white-space: nowrap;
	background: #D00;
	color: #FFF;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;
	line-height: 1.6;
}
.header-pulldownmenu .buttonlink a:hover {
	background: #D00000;
}
.header-pulldownmenu .buttonlink a:focus {
	opacity: 0.75;
}
.header-pulldownmenu .carttotalmoney {
	width: 100%;
	height: 28px;
	background: #FFD;
	border: 1px solid #333;
}
.header-pulldownmenu .carttotalmoney th {
	width: 60px;
	background: #333;
	color: #FFF;
}
.header-pulldownmenu .carttotalmoney td {
	padding: 0px 10px;
	color: #C00;
	font-size: 10pt;
	font-weight: bold;
}
* html #searchpulldownlink-box {
	left: 20px !important;
}
* html #mypagepulldownlink-box {
	left: auto !important;
	right: 340px;
}
* html #keiyakupulldownlink-box {
	left: auto !important;
	right: 265px;
}
* html #cartpulldownlink-box {
	left: auto !important;
	right: 116px;
}
* html #mylistpulldownlink-box {
	left: auto !important;
	right: 20px;
}

/*** header undermenu ***/
#undermenu {
	overflow: hidden;
	position: relative;
	top: -20px;
	left: 0;
	padding: 8px 10px;
	background-color: #333;
	color: #FFF;
	line-height: 1.2;
	font-size: 9pt;
}
* html #undermenu {
	height: 30px;
}
#undermenu .inner {
	overflow: hidden;
}
#undermenu a {
	display: inline-block;
	color:#FFF;
}
#undermenu .submenulist {
	float: left;
	overflow: hidden;
	max-width: calc(100vw - 150px);
	max-height: 1.2em;
}
#undermenu .submenulist .listitem {
	float: left;
	border-right: 1px solid rgba(255,255,255,0.4);
	margin: 0px;
	padding: 0px 10px;
}
#undermenu .submenulist .lastitem {
	border-right: 0px !important;
}
#undermenu .menu {
	padding: 0px 10px;
}
#undermenu .rightmenu {
	position: absolute;
	right: 20px;
}
#undermenu .color-icon {
	float: left;
	padding-left: 10px;
}
#undermenu .color-icon img {
	width: 12px;
	height: 12px;
	margin-top: 3px;
	border: 1px solid rgba(255,255,255,0.4);
	border-radius: 3px;
}
#undermenu .guide-http, 
#undermenu .guide-https {
	background-image: url(https://img.duga.jp/img/head/undermenu/guide.gif);
	background-repeat: no-repeat;
	background-size: 12px 14px;
	background-position: 0 50%;
	padding-left: 16px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	#undermenu .guide-http, 
	#undermenu .guide-https {
		background-image: url(https://img.duga.jp/img/head/undermenu/guide.svg);
	}
}
@media (min-width: 1px) {
	#undermenu .icon {
		padding-left: 18px;
		background-repeat: no-repeat;
		background-size: 15px 15px;
		background-position: 0px 50%;
	}
}

/*** 楽天ペイ制限コンテンツ ***/
.rakuten-exclusion {
	position: relative;
	top: -20px;
	padding: 6px 20px;
	background: #EEE;
}

/********************************************************
 *** フッタ
 ********************************************************/

#footer .detailmenuarea {
	clear: both;
	height: 224px;
	padding-left: 20px;
	background: #333;
	color: #FFF;
}
#footer .detailmenubox {
	position: relative;
	width: 960px;
	margin: 0px auto;
}
#footer .detailmenubox .administrator {
	float: left;
	margin-right: 54px;
	padding-top: 25px;
	width: 190px;
}
#footer .detailmenubox .administrator .logo {
	display: inline-block;
}
#footer .detailmenubox .administrator svg, 
#footer .detailmenubox .administrator img {
	width: 114px;
	height: 24px;
	vertical-align: bottom;
}
#footer .detailmenubox .administrator .company {
	margin-top: 14px;
	font-size: 10.4px;
	font-weight: bold;
	white-space: nowrap;
	transform: scale(1.02);
	transform-origin: left;
}
#footer .detailmenubox .administrator .description {
	margin: 10px 0px 0px 0px;
	color: #CCC;
	font-size: 10px;
	font-weight: normal;
}
#footer .detailmenubox .administrator .description:after {
	content: "2006年の開設以来130万人を超える会員のみなさまにご利用いただいております。";
}
#footer .detailmenubox .menublock {
	float: left;
	overflow: hidden;
	width: 170px;
	white-space: nowrap;
}
#footer .detailmenubox .menublock .title {
	margin-top: 24px;
	margin-bottom: 7px;
	padding-top: 2px;
	font-size: 10.5pt;
	font-weight: bold;
	line-height: 1;
}
#footer .detailmenubox .menublock .title a {
	color: #FFF;
}
#footer .detailmenubox ul {
	margin-left: 20px;
}
#footer .detailmenubox ul a {
	line-height: 1.9;
	color: #E3E3E3;
}
html:not([lang="ja"]) #footer .detailmenubox ul a {
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
}
#footer .detailmenubox ul a:hover {
	color: #F3F3F3;
}
#footer .mainmenuarea {
	clear: both;
	overflow: hidden;
	position: relative;
	height: 34px;
}
#footer .mainmenuarea .mainmenubox {
	position: absolute;
	bottom: 0;
	width: 100%;
}
#footer .mainmenuarea a {
	color: #FFF;
}
html:not([lang="ja"]) #footer .mainmenuarea a {
	overflow: hidden;
	display: block;
	max-width: calc(40vw - 280px);
	white-space: nowrap;
	text-overflow: ellipsis;
}
#footer .mainmenuarea ul {
	float: left;
	position: relative;
	left: 50%;
}
#footer .mainmenuarea li {
	float: left;
	border-right: 1px solid #666;
	padding: 0px 10.4px;
	line-height: 1.2;
	font-size: 9pt;
	position: relative;
	left: -50%;
}
#footer .mainmenuarea .last {
	border-right: 0px !important;
	margin-right: 0px !important;
	padding-right: 42px !important;
}
#footer .copyright {
	clear: both;
	height: 52px;
	text-align: center;
	font-size: 9pt;
	color: #CCC;
}
#footer .copyright span {
	display: inline-block;
	margin-top: 14px;
}
@media (min-width: 1px) {
	#footer .icon {
		padding-left: 20px;
		background-repeat: no-repeat;
		background-size: 16px 16px;
		background-position: 0 50%;
	}
}
#footer .detailmenubox:after {
	position: absolute;
	top: 20px;
	left: 120px;
	content: "";
	width: 34px;
	height: 34px;
	background: url(https://img.duga.jp/img/16th.svg) no-repeat;
}

/********************************************************
 *** 作品ページ（カート以外）
 ********************************************************/

/*** 定型画像周辺のレイアウト ***/
#productinfo .topareawrap {
	float: left;
	margin-right: -280px;
	width: 100%;
}
#productinfo .topareabox {
	margin-right: 330px;
}
#productinfo .cartareawrap {
	float: left;
	width: 280px;
	margin-bottom: 10px;
}
#productinfo .cartareabox {
	margin-left: 30px;
}
#productinfo .summarywrap {
	overflow: hidden;
	margin-bottom: 15px;
	width: 100%;
}
#productinfo .summarybox {
	float: right;
	margin-left: -270px;
	width: 100%;
}
#productinfo .summaryinner {
	margin-left: 270px;
}
#productinfo .imagebox {
	float: left;
	width: 240px;
}
#productinfo .imagebox img[style^="cursor"]:hover {
	opacity: 0.8;
}
#productinfo .imagebox .new-tab {
	margin-top: 9px;
	line-height: 110%;
}
#productinfo .imagebox a:hover .new-tab:after {
	background-image: url(https://img.duga.jp/img/icon/svg/new-tab-hover.svg);
}

/*** ジャケット横90pxの作品一覧 ***/
#productinfo .sameitem {
	padding-left: 90px;
	margin-right: 20px;
	float: left;
	width: 200px;
	height: 120px;
}
#productinfo .sameitem .jacketimg {
	position: absolute;
	left: 0px;
	top: 0px;
}
#productinfo .sameitem .title {
	line-height: 1.3;
	margin-bottom: 5px;
}
#productinfo .sameitem .money {
	color: #C00;
	line-height: 1.3;
	margin-bottom: 3px;
}
#productinfo .sameitem .detail {
	line-height: 1.3;
	margin-bottom: 3px;
}
#productinfo .sameitem .state-new {
	color: #C00;
}
#productinfo .sameitem .state-seminew {
	color: #C00;
}

/*** カウントボックス ***/
#productinfo .count-box {
	float: left;
	overflow: hidden;
	width: 170px;
	margin-right: 10px;
	padding: 4px;
	background: #EEE;
	display: table;
	border-radius: 13px;
}
@media (min-width: 1px) {
	#productinfo .count-box {
		width: auto;
	}
}
#productinfo .count-box .title {
	float: left;
	margin: 0 8px;
	padding-top: 1px;
	line-height: 1.4;
}
#productinfo .count-box .count {
	float: right;
	margin-top: 0.5px;
	padding: 2px 8px 0px 8px;
	border-radius: 9px;
	line-height: 15px;
	background: #FFF;
	color: #666;
	font-weight: bold;
	text-align: center;
}
@media (min-width: 1px) {
	#productinfo .mylistcount .count-box .count {
		position: relative;
		padding-left: 22px;
	}
}
#productinfo .mylistcount .count-box .count::before {
	position: absolute;
	top: 2.5px;
	left: 6px;
	width: 12px;
	height: 12px;
	content: "";
	background: url(https://img.duga.jp/img/contents/mylist-heart.png) no-repeat top/12px 12px;
}

/*** 作品概要 ***/
#productinfo .headerbox {
	width: 100%;
	margin-bottom: 16px;
}
#productinfo .title-base {
	float: left;
	line-height: 19px;
}
#productinfo .title-base span {
	display: inline-block;
	margin-right: 6px;
	padding: 3.25px 6px 2.75px 6px;
	min-width: 38px;
	line-height: 1;
	border-radius: 10px;
	background: #999;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
#productinfo .title-base .state-presale {
	background: #FF1493;
}
#productinfo .title-base .state-new {
	background: #F43;
}
#productinfo .title-base .state-seminew {
	background: #36D;
}
#productinfo .title-base .state-soft {
	background: #F93;
}
#productinfo .title-base.flag-0::before {
	content: "一般";
	display: inline-block;
	margin-right: 6px;
	padding: 3.25px 6px 2.75px 6px;
	min-width: 38px;
	line-height: 1;
	border-radius: 10px;
	background: #3AE;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
#productinfo .title-base.type-month::before {
	content: "月額";
	display: inline-block;
	margin-right: 6px;
	padding: 3.25px 6px 2.75px 6px;
	min-width: 38px;
	line-height: 1;
	border-radius: 10px;
	background: #6A3;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
#productinfo .title-base[data-close="true"]::before {
	content: "配信終了";
	display: inline-block;
	margin-right: 6px;
	padding: 3.25px 6px 2.75px 6px;
	min-width: 38px;
	line-height: 1;
	border-radius: 10px;
	background: #999;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
@media (min-width: 1px) {
	#productinfo .title-base.flag-0 span, 
	#productinfo .title-base.type-month span, 
	#productinfo .title-base[data-close="true"] span {
		display: none;
	}
}
#productinfo .headerbox .title {
	color: #000;
	line-height: 1.2;
	font-size: 18px;
	margin: 0px;
}
#productinfo .mylistcount {
	overflow: hidden;
	margin-bottom: 10px;
}
#productinfo .ratingstar-total {
	float: left;
}
#productinfo .ratingstar-total img {
	width: 65px;
	height: 13px;
	opacity: 0.9;
	vertical-align: 0px;
}
#productinfo .reviewcount-total {
	margin-bottom: 8px;
	padding-left:65px;
}
#productinfo .infomation {
	clear: both;
	margin: 0px;
}
#productinfo .infomation th {
	position: relative;
	padding: 1px 15px 0px 2px;
	font-size: 8pt;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	color: #888;
}
#productinfo .infomation th:after {
	position: absolute;
	content: ":";
	right: 5px;
	font-weight: normal;
}
#productinfo .infomation td {
	padding-bottom: 5px;
	word-break: keep-all;
	vertical-align: top;
}
#productinfo .infomation .closedate[data-year="----"] {
	display: none;
}
#productinfo .infomation .expiration {
	color: #C00;
	text-decoration: underline;
}
#productinfo .infomation .expiration.smartdevice::after {
	display: inline-block;
	margin-left: 3px;
	padding: 0 3px;
	line-height: 13px;
	border-radius: 2px;
	content: "スマートデバイス向け配信";
	color: #FFF;
	background: #D00;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: 1.5px;
}
#productinfo .infomation strong {
	display: inline-block;
	margin: 0px;
	font-weight: normal;
}
#productinfo .infomation .performer {
	margin: 0px;
}
#productinfo .infomation .performer li {
	display: inline;
	margin: 0px 8px 0px 0px;
}
#productinfo .infomation .director {
	margin: 0px;
}
#productinfo .infomation .director li {
	display: inline;
	margin: 0px 8px 0px 0px;
}
#productinfo .infomation .categorylist {
	list-style: none;
	margin: 0px;
}
#productinfo .infomation .categorylist li {
	margin: 0px;
}
#productinfo .infomation .ranking {
	display: table-row;
}
#productinfo .infomation .ranking > * {
	display: table-cell;
	vertical-align: top;
}
#productinfo .infomation .ranking a {
	display: inline-block;
}
#productinfo .infomation .ranking .no {
	position: relative;
	padding-left: 16px;
	color: #c00;
	font-weight: bold;
}
#productinfo .infomation .ranking .no::before {
	position: absolute;
	top: 1px;
	left: 0px;
	content: "";
	background-image: url(https://img.duga.jp/img/menu/rank/crown_no1.png);
	background-size: 13px 11px;
	width: 13px;
	height: 11px;
	background-repeat: no-repeat;
	filter: invert(1) hue-rotate(135deg);
}
#productinfo .infomation .ranking .delimiter::before {
	padding: 0px 4px;
	content: "-";
}
#productinfo .softethicsinfo {
	clear: both;
}
#productinfo .softethicsinfo td {
	font-size: 9pt;
}
#productinfo .cautioninfo {
	clear: both;
	margin-bottom: 20px;
}
#productinfo .cautioninfo td {
	font-size: 10pt;
	color: #C00;
}
#productinfo .attention {
	clear: both;
	font-weight: bold;
	color: #C00;
	margin-bottom: 15px;
}
#productinfo .attention img {
	width: 16px;
	height: 14px;
	/*padding-top: 1px;*/
	float: left;
}
#productinfo .attention span {
	display: block;
	padding-left: 22px;
}
#productinfo .campaigntext a {
	color: #C00;
	font-weight: bold;
	text-decoration: underline;
}
#productinfo .campaigntext a::before {
	display: inline-block;
	margin-right: 3px;
	padding: 0px 3px;
	line-height: 13px;
	border-radius: 2px;
	content: "SALE";
	color: #FFF;
	background: #D00;
	font-size: 9px;
	text-decoration: none;
	vertical-align: 1.5px;
}

/*** 作品詳細 ***/
#productinfo .detailbox {
	clear:both;
	margin-bottom: 15px;
}
#productinfo .detailbox h2 {
	position: relative;
	display: table;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
	width: 100%;
	line-height: 120%;
	border-top: 1px solid #CCC;
	color: #333;
	font-size: 11pt;
	font-weight: bold;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	#productinfo .detailbox h2 {
		border-top: 0.75px solid #CCC;
	}
}
#productinfo .detailbox h2[class^="title-"] {
	text-indent: 22px;
}
#productinfo .detailbox h2[class^="title-"]::before {
	position: absolute;
	top: 8px;
	left: 0px;
	width: 18px;
	height: 18px;
	content: "";
	background-repeat: no-repeat;
	background-size: 18px 18px;
}
#productinfo .detailbox h2.title-device::before {
	background-image: url(https://img.duga.jp/img/icon/svg/device.svg);
}
#productinfo .detailbox h2.title-desc::before {
	background-image: url(https://img.duga.jp/img/icon/svg/text.svg);
}
#productinfo .detailbox h2.title-spec::before {
	background-image: url(https://img.duga.jp/img/icon/svg/setting.svg);
}
#productinfo .detailbox h2.title-digest::before {
	background-image: url(https://img.duga.jp/img/icon/svg/camera.svg);
}
#productinfo .detailbox h2.title-recommend::before {
	background-image: url(https://img.duga.jp/img/icon/svg/link.svg);
}
#productinfo .detailbox h2.title-review::before {
	background-image: url(https://img.duga.jp/img/icon/svg/review.svg);
}
#productinfo .detailbox h2.title-history::before {
	background-image: url(https://img.duga.jp/img/icon/svg/history.svg);
}
#productinfo .detailbox h2.title-join::before {
	background-image: url(https://img.duga.jp/img/icon/svg/join.svg);
}
#productinfo .detailbox .sentence {
	margin: 0px 0px 5px 0px;
	line-height: 1.4;
	display: table;
	width: 100%;
}
#productinfo .detailbox .introduction {
	margin: 0px 0px 5px 0px;
	line-height: 1.5;
	display: table;
	width: 100%;
}
#productinfo .detailbox b {
	color: #333;
}
#productinfo .detailbox .digestimage li {
	display: inline;
}
#productinfo .detailbox .digestimage img {
	width: 120px;
	height: 90px;
	margin-right: 4px;
	margin-bottom: 4px;
}
#productinfo .detailbox .digestimage a img:hover {
	opacity: 0.8;
}
#productinfo .detailbox .digestimage a {
	/*cursor: url(https://img.duga.jp/img/contents/zoom.cur), auto;*/
}
#productinfo .device {
	margin-bottom: 12px;
}
#productinfo .device > tbody > tr > td {
	position: relative;
}
#productinfo .device .title {
	position: absolute;
	top: 0px;
	left: 12px;
	padding: 0px 3px;
	background: #FFF;
	font-size: 9pt;
	font-weight: bold;
	color: #333;
	*position: static;  /* IE7以下 */
	*display: block;  /* IE7以下 */
	*margin-bottom: -4px;  /* IE7以下 */
}
#productinfo .device table {
	margin: 6px 14px 0px 0px;
	padding: 12px 24px 10px 11px;
	border: solid 4px #EEE;
	border-radius: 10px;
}
#productinfo .device .ios table {
	margin-right: 0;
}
#productinfo .device table td {
	padding: 0;
}
#productinfo .device table tr:first-child td {
	padding-bottom: 4px;
}
#productinfo .device table tr td.icon {
	padding: 0px;
	background: #789;
	background: #3387A3;
	border-radius: 6px;
}
#productinfo .device table td.icon img {
	width: 40px;
	height: 40px;
}
#productinfo .device table td.type div {
	position: relative;
	margin: 0px 8px;
	width: 78px;
	height: 18px;
	line-height: 18px;
	background: #333;
	color: #FFF;
	border-radius: 10px;
	text-align: center;
	font-size: 7pt;
	font-weight: bold;
}
#productinfo .device table td.type span {
	display: block;
	transform: scale(0.85,1);
}
#productinfo .device table td.ng div {
	background: #CCC;
}
#productinfo .device table td.support img {
	width: 18px;
	height: 18px;
}
#productinfo .device td.pc table tr:last-child td div:after, 
#productinfo .device td.android table tr:last-child td.ok div:after {
	position: absolute;
	top: 6px;
	right: -42px;
	content: "*1";
	color: #D00;
	line-height: 10px;
	font-size: 10px;
	font-weight: normal;
}
#productinfo .device td.ios table tr:last-child td div:after, 
#productinfo .device td.ios table tr td.ng div:after, 
#productinfo .device td.android table tr td.ng div:after {
	position: absolute;
	top: 6px;
	right: -42px;
	content: "*2";
	color: #D00;
	line-height: 10px;
	font-size: 10px;
	font-weight: normal;
}
#productinfo .device-note {
	position: relative;
	margin-bottom: 4px;
	padding-left: 18px;
	line-height: 1.3;
	font-size: 8pt;
}
#productinfo .device-note:before {
	position: absolute;
	left: 0;
	color: #D00;
}
#productinfo .device-note.no-1:before {
	content: "*1";
}
#productinfo .device-note.no-2:before {
	content: "*2";
}
#productinfo .device-note.no-2.ios-ok::after {
	content: "レンタル及びHD版レンタルはストリーミング再生のみのご提供となります。";
}
#productinfo .device-note.no-2.ios-ld::after {
	content: "iOSデバイス向けのダウンロードは購入種別に関わらず低画質（1,000kbps）のみのご提供となります。";
}
#productinfo .device-note.no-2.ios-ng::after {
	content: "この作品はiOSデバイスではダウンロードができないため、iPhone及びiPadからはお買い求めいただけません。";
}
#productinfo .device-note.no-2.ios-ng.and-ng::after {
	content: "この作品はパソコン以外での再生が許可されていないため、スマートデバイスからはお買い求めいただけません。";
}
#baseblock.month #productinfo .device-note.no-2.ios-ng::after {
	content: "この作品はiOSデバイスではダウンロードができないため、ストリーミング再生のみのご提供となります。";
}
#productinfo .detailbox .note {
	margin-top: 5px;
	font-size: 8pt;
}
.openthumbnail {
	font-weight: normal;
	font-size: 9pt;
	margin-top: 5px;
}
.openthumbnail a:visited { color:#003399; }

/*** 作品解説 ***/
#productinfo .detailbox .sentence .recording-title {
	font-weight: bold;
}

/*** ユーザーレビュー ***/
#productinfo .detailbox .reviewcount {
	overflow: hidden;
	margin-bottom: 10px;
}
#productinfo .reviewcount .count img {
	width: 65px;
	height: 13px;
	opacity: 0.9;
	vertical-align: -2px;
}
#productinfo .detailbox .userreview {
	clear: both;
	border-top: 1px dotted #CCC;
}
#productinfo .detailbox .reviewinfo {
	
}
#productinfo .detailbox .userreview .eachreview {
	border-bottom: 1px dotted #CCC;
	margin: 10px 0px;
	padding-bottom: 10px;
}
#productinfo .detailbox .userreview .eachreview .ratingstar {
	float: left;
	margin-bottom: 3px;
	margin-right: 10px;
}
#productinfo .detailbox .userreview .eachreview .ratingstar img {
	width: 65px;
	height: 13px;
	opacity: 0.9;
	vertical-align: -1px;
}
#productinfo .detailbox .userreview .eachreview .title {
	float: left;
	margin-bottom: 3px;
	margin-right:15px;
}
#productinfo .detailbox .userreview .eachreview .date {
	float: left;
	margin-bottom: 3px;
	font-size: 8pt;
	color: #666;
	line-height: 1.7;
}
#productinfo .detailbox .userreview .eachreview .reviewer {
	clear: both;
	margin-bottom: 3px;
}
#productinfo .detailbox .userreview .eachreview .comment {
	margin: 0px;
	margin-bottom: 5px;
	line-height: 1.5;
	display: table;
	width: 100%;
}
#productinfo .detailbox .userreview .eachreview .vote {
	overflow: hidden;
}
#productinfo .detailbox .userreview .eachreview .review {
	float: left;
	padding-right: 14px;
	line-height: 18px;
	font-size: 8pt;
	color: #666;
}
#productinfo .detailbox .userreview .eachreview .votereview {
	float: left;
}
#productinfo .detailbox .userreview .eachreview .votecount {
	float: left;
	padding-right: 14px;
	min-width: 3em;
	line-height: 18px;
	color: #666666;
	font-size: 8pt;
	white-space: nowrap;
}
#productinfo .detailbox .userreview .eachreview .vote .votecount span {
	font-weight: bold;
}
#productinfo .detailbox .userreview .eachreview .votereviewlink {
	display: inline-block;
	width: 26px;
	height: 18px;
	content: "";
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: 50% 50%;
	vertical-align: middle;
	font-size: 0;
	opacity: 0.6;
	filter: grayscale(100%);
}
#productinfo .detailbox .userreview .eachreview .votereviewlink:hover, 
#productinfo .detailbox .userreview .eachreview .votereviewlink:focus {
	opacity: 0.9;
	filter: grayscale(0%);
}
#productinfo .detailbox .userreview .eachreview .votereviewlink.voteyes {
	background-image: url(https://img.duga.jp/img/icon/svg/vote-good.svg);
}
#productinfo .detailbox .userreview .eachreview .votereviewlink.voteno {
	background-image: url(https://img.duga.jp/img/icon/svg/vote-bad.svg);
}
#productinfo .detailbox .pluslink {
	margin-bottom: 10px;
}
#productinfo .detailbox .review-info {
	margin-bottom: 10px;
}
#productinfo .detailbox .review-add {
	margin-bottom: 6px;
}
#productinfo .detailbox .review-add a {
	display: block;
	margin-top: 2px;
}
#productinfo .detailbox .review-add img {
	width: 236px;
	height: 25px;
	opacity: 0.8;
}

/*** 関連作品・最近チェックした作品 ***/
#productinfo .detailbox .relationsbox {
	width: 100%;
	float: left;
}
#productinfo .detailbox .relationsinner {
	margin: 0px 35px 0px 65px;
}
#productinfo .detailbox .relationsprev {
	position: relative;
	float: left;
	margin-left: -100%;
	width: 25px;
	height: 290px;
}
#productinfo .detailbox .relationsnext {
	position: relative;
	float: left;
	margin-left: -25px;
	width: 25px;
	height: 290px;
}
#productinfo .detailbox .relationsprev img {
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
#productinfo .detailbox .relationsnext img {
	position: absolute;
	top: 50%;
	margin-top: -40px;
}
#productinfo .detailbox .relations {
	position: relative;
	margin-bottom: 20px;
}
#productinfo .detailbox .relations .summary {
	line-height: 1.2;
	font-size: 10pt;
	margin-bottom: 10px;
}
#productinfo .detailbox .relations .pageno {
	position: absolute;
	top: 0px;
	right: 0px;
	visibility: hidden;
	font-size: 10pt;
}
#productinfo .detailbox .relations .contents {
	margin: 0px 27px;
}
#productinfo .detailbox .relations .pageprev {
	position: absolute;
	left: 0px;
	display: none;
}
#productinfo .detailbox .relations .pagenext {
	position: absolute;
	right: 0px;
	display: none;
}
#productinfo .detailbox .relations .relitem {
	margin-bottom: 3px;
	float: left;
}
#productinfo .detailbox .relations .relitem .title {
	line-height: 1.2;
	overflow: hidden;
}

/*** 作品リストの調整 ***/
#productinfo .contentslist {
	width: 139.1px;
}
#productinfo #pagehistoryarea .liquidwrappersub .contentslist:first-of-type {
	display: none !important;
}

/*** ダイジェストビューア ***/
#jacketviewer {
	position: relative;
	margin-top: 40px;
	padding: 10px 0px;
	background-color: rgb(255, 255, 255);
	/*border: 1px solid rgb(102, 102, 102);*/
	border-radius: 8px;
}
#jacketviewer .modearea {
	margin: 0px 68px 10px 10px;
	text-align: right;
	min-height: 18px;
}
#jacketviewer #previewarea {
	text-align: center;
	position: relative;
	overflow: hidden;
	margin: 0px 10px;
	background: #000;
}
#jacketviewer #digestimagebox {
	cursor: pointer;
}
#jacketviewer #digestimagebox img {
	width: 100%;
	animation: fadein 500ms ease-out -100ms 1 both;
}
#jacketviewer #prevbutton {
	top: 0px;
	left: 0px;
	width: 50%;
	height: 100%;
	position: absolute;
	cursor: pointer;
	opacity: 0;
	transition: opacity 200ms ease-in-out;
}
#jacketviewer #nextbutton {
	top: 0px;
	right: 0px;
	width: 50%;
	height: 100%;
	position: absolute;
	cursor: pointer;
	opacity: 0;
	transition: opacity 200ms ease-in-out;
}
#jacketviewer #prevbutton img {
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -40px;
	width: 60px;
	height: 80px;
}
#jacketviewer #nextbutton img {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -40px;
	width: 60px;
	height: 80px;
}
#jacketviewer #loadingbox {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#jacketviewer #loadingbox .fading-circle {
	width: 80px;
	height: 80px;
}
#jacketviewer #loadingbox[style="visibility: visible;"] .fading-circle {
	animation: fadein 10ms linear 120ms 1 both;
}
.fading-circle .circle:before {
	background-color: rgba(255, 255, 255, 0.5);
}
#jacketviewer #thumbarea {
	margin: 0px 8.5px 0px 8.5px;
	width: 620px;
	display: block;
}
#jacketviewer #thumbarea img {
	margin: 2px 2px;
	width: 120px;
	height: 90px;
	transition-property: filter;
	transition-duration: 300ms;
}
#jacketviewer #thumbarea img:not([src$=".gif"]):hover {
	filter: brightness(120%) saturate(120%);
	transition-property: filter;
	transition-duration: 150ms;
}
#jacketviewer #pagemovebox {
	margin: 10px 10px 0px 10px;
	text-align: center;
}
#jacketviewer #imagemovebox {
	margin: 10px 10px 0px 10px;
	text-align: center;
}
#jacketviewer #pageprevbutton, 
#jacketviewer #imageprevbutton {
	font-size: 9pt;
	background: url(https://img.duga.jp/img/contents/viewer/prevlink.gif) left center no-repeat;
	padding: 4px 0 4px 16px;
	color: rgb(0, 0, 0);
}
#jacketviewer #pagenextbutton, 
#jacketviewer #imagenextbutton {
	font-size: 9pt;
	background: url(https://img.duga.jp/img/contents/viewer/nextlink.gif) right center no-repeat;
	padding: 4px 16px 4px 0;
	color: rgb(0, 0, 0);
}
#jacketviewer .pagingarea {
	padding: 0px 20px;
}
#jacketviewer .closebutton {
	position: absolute;
	top: 0;
	right: 10px;
	width: 39px;
	height: 35px;
	cursor: pointer;
}
#jacketviewer #showthumblink {
	font-size: 9pt;
	margin-left: 16px;
	background: url(https://img.duga.jp/img/contents/viewer/showthumb.gif) 0 4px no-repeat;
	padding: 4px 0 4px 22px;
	color: rgb(0, 0, 0);
	display: none;
}
#jacketviewer #showjacketlink {
	font-size: 9pt;
	margin-left: 16px;
	background: url(https://img.duga.jp/img/contents/viewer/showjacket.gif) 0 4px no-repeat;
	padding: 4px 0 4px 22px;
	color: rgb(0, 0, 0);
	display: inline;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	#jacketviewer #pageprevbutton, 
	#jacketviewer #imageprevbutton {
		background: url(https://img.duga.jp/img/contents/viewer/prevlink.png) 0 45%/12px 16px no-repeat;
	}
	#jacketviewer #pagenextbutton, 
	#jacketviewer #imagenextbutton {
		background: url(https://img.duga.jp/img/contents/viewer/nextlink.png) 100% 45%/12px 16px no-repeat;
	}
	#jacketviewer #showthumblink {
		background: url(https://img.duga.jp/img/contents/viewer/showthumb.svg) 0 45%/18px 16px no-repeat;
	}
	#jacketviewer #showjacketlink {
		background: url(https://img.duga.jp/img/contents/viewer/showjacket.svg) 0 45%/18px 16px no-repeat;
	}
}

/********************************************************
 *** 作品ページ（カート部分）
 ********************************************************/

#productinfo .cartareabox .title {
	position: relative;
	padding: 0px 22px 0px 0px;
	margin: 0px 0px 8px 0px;
	color: #333;
	font-size: 11.5pt;
	font-weight: bold;
}
#productinfo .cartareabox .title a.help-link {
	top: -2px;
	right: 0;
}
#productinfo .cartareabox .title a.help-link:after {
	right: -10px;
}
#productinfo .cartareabox .mp4none {
	margin: 15px;
}
#productinfo .cartareabox .mp4none + .buttonbox {
	margin: 15px;
}
#productinfo .cartareabox .cartprocmsg {
	margin: 12px 0 6px 0;
	color: #333;
	font-size: 9pt;
}
#productinfo .cartareabox .cartprocmsg:first-of-type {
	margin-top: 8px;
}
#productinfo .cartareabox .cartouterbox {
	margin-top: 6px;
	margin-bottom: 12px;
}
#productinfo .cartareabox .cartouterbox input {
	display: none;
}


/*** 販売種別セレクタ ***/
#productinfo .cartareabox .cartseltypebox {
	position: relative;
	display: block;
	border: 1px solid #CCC;
	border-radius: 4px;
	margin-bottom: 4px;
	cursor: pointer;
	background: #FFF;
	padding: 1px 15px 1px 8px;
	height: 32px;
	line-height: 33px;
}
#productinfo .cartareabox .cartseltypebox::before {
	position: absolute;
	top: 50%;
	left: 9px;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	content: "";
	background-color: #f3f3f3;
	border: .5px solid #CCC;
	border-radius: 50%;
	box-sizing: border-box;
}
#productinfo .cartareabox .cartseltypebox:hover {
	background: #F3F3F3;
}
#productinfo .cartradioitem {
	display: none;
}
#productinfo .cartradioitem:checked + .cartseltypebox {
	border-color: #7f9db9;
	background: #eaf3fe;
}
#productinfo .cartradioitem:checked + .cartseltypebox::before {
	border-color: #AAA;
}
#productinfo .cartradioitem:checked + .cartseltypebox::after {
	display: block;
	position: absolute;
	top: 50%;
	left: 13px;
	margin-top: -4px;
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: steelblue;
}
#productinfo .cartareabox .cartseltypebox .salestype {
	float: left;
	font-size: 9pt;
	margin-left: 25px;
}
#productinfo .cartareabox .cartseltypebox .money {
	float: none;
	text-align: right;
	color: #C00;
	font-size: 9pt;
}

/*** 販売種別セレクタによるカート以下の表示制御 ***/
#productinfo .cartcontentblock {
	display: none;
}
#productinfo #ppvhdradio:checked ~ #ppvhdblock,
#productinfo #wmdrmhdradio:checked ~ #wmdrmhdblock,
#productinfo #ppvradio:checked ~ #ppvblock,
#productinfo #wmdrmradio:checked ~ #wmdrmblock {
	display: block;
}

/*** カート部分 ***/
#productinfo .cartareabox .cartinnerbox {
	margin-top: 5px;
	margin-bottom: 12px;
}
#productinfo .cartareabox .cartinnerbox .bluebgbox {
	padding: 15px 0;
}
#productinfo .cartareabox .cartinnerbox .carthead {
	padding-bottom: 8px;
	color: #333;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
}
#productinfo .cartareabox .cartinnerbox .carthead .type {
	font-size: 9pt;
}
#productinfo .cartareabox .cartinnerbox .money {
	padding-left: 8px;
	color: #C00;
	font-size: 11pt;
	font-weight: bold;
	line-height: 18px;
}
html:not([lang="ja"]) #productinfo .cartareabox .cartinnerbox .money::before {
	padding-right: 4px;
	content: "\0a5";
}
#productinfo .cartareabox .cartinnerbox .yen {
	display: inline-block;
	margin-right: -6px;
	padding-left: 2px;
	color: #C00;
}
html:not([lang="ja"]) #productinfo .cartareabox .cartinnerbox .yen {
	display: none;
}
html[lang="ja"] #productinfo .cartareabox .cartinnerbox .yen::after {
	content: "（税込）";
}
html[lang="ja"] #productinfo .cartareabox .cartinnerbox .campaign .yen::after {
	display: none;
}
#productinfo .cartareabox .cartinnerbox .cartbody {
	text-align: center;
	padding:0px;
	margin:0px;
}
#productinfo .cartareabox .cartinnerbox .buyer {
	overflow: hidden;
	background: steelblue;
}
#productinfo .cartareabox .cartinnerbox .buyhead {
	height: 34px;
	line-height: 36px;
	color: #FFF;
	font-size: 9.5pt;
	font-weight: bold;
	text-align: center;
}
#productinfo .cartareabox .cartinnerbox .buybody {
	height: 54px;
	line-height: 54px;
	border: 2px solid;
	background: floralwhite;
	color: steelblue;
	font-size: 9.5pt;
	text-align: center;
}
#productinfo .cartareabox .cartinnerbox .soldout {
	overflow: hidden;
	background: #666;
}
#productinfo .cartareabox .cartinnerbox .soldout .buybody {
	color: #666;
	background: #EEE;
}
#productinfo .cartareabox .cartinnerbox .unsale {
	border: 1px solid #BBB;
	border-radius: 4px;
	background: #EEE;
	padding: 15px 0px;
}
#productinfo .cartareabox .cartinnerbox .unsale a {
	cursor: default;
}
#productinfo .cartareabox .cartinnerbox .unsale .carthead {
	color: #666;
	font-size: 10pt;
}
#productinfo .cartareabox .cartinnerbox .campaign .day {
	float: none;
	height: 36px;
	line-height: 29px;
	background: url(https://img.duga.jp/img/contents/campaign_money.gif) no-repeat;
	font-weight: bold;
	width: 150px;
	font-size: 9pt;
	color: #FFF;
	margin: 0 auto 2px auto;
	padding: 0px 0px 0px 68px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	#productinfo .cartareabox .cartinnerbox .campaign .day {
		background: url(https://img.duga.jp/img/contents/campaign_money_x2.gif) no-repeat top/218px 35px;
	}
}
#productinfo .cartareabox .cartinnerbox .campaign .text {
	clear: both;
	text-align: center;
	font-weight: bold;
	font-size: 9pt;
	color: #333;
	padding-bottom: 2px;
}
#productinfo .cartareabox .cartinnerbox .campaign .defaultmoney {
	color: #666;
	text-decoration: line-through;
}
#productinfo .cartareabox .cartinnerbox .campaign .arrow {
	padding-left: 8px;
}

/*** 画質選択タブ（共通） ***/
#productinfo .cartareabox .tabcontainer {
	position: relative;
	padding: 0;
	margin: 0;
	height: 35px;
}
#productinfo .cartareabox .tabcontainer + .downloadbox {
	border-top-left-radius: 0;
}
#productinfo .cartareabox .tabcontainer label {
	position: relative;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background-color: rgba(0, 0, 0, 0.064);
	font-size: 8.5pt;
	font-weight: bold;
	color: #666666;
	padding: 0px 15.5px;
	display: inline-block;
	height: 34px;
	line-height: 35px;
	text-align: center;
}
#productinfo .cartareabox .tabcontainer label:hover {
	text-decoration: underline;
}
html:not([lang="ja"]) #productinfo .cartareabox .tabcontainer label {
	overflow: hidden;
	padding: 0 10px;
	max-width: 54px;
}

/*** 画質選択タブ（HD版） ***/
#ppvhdtabitemhd:checked ~ #ppvhdtabcontainer > label.ppvhdtabitemclass[for="ppvhdtabitemhd"],
#ppvhdtabitemsd:checked ~ #ppvhdtabcontainer > label.ppvhdtabitemclass[for="ppvhdtabitemsd"],
#ppvhdtabitemld:checked ~ #ppvhdtabcontainer > label.ppvhdtabitemclass[for="ppvhdtabitemld"] { 
	color: #333;
	background: #FFF;
}
#ppvhdtabitemhd:checked ~ #ppvhdtabcontainer > label.ppvhdtabitemclass[for="ppvhdtabitemhd"]::after, 
#ppvhdtabitemsd:checked ~ #ppvhdtabcontainer > label.ppvhdtabitemclass[for="ppvhdtabitemsd"]::after, 
#ppvhdtabitemld:checked ~ #ppvhdtabcontainer > label.ppvhdtabitemclass[for="ppvhdtabitemld"]::after {
	position: absolute;
	display: block;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 2px;
	content: "";
	background: #FFF;
}

/*** 画質選択タブ（HDレンタル） ***/
#wmdrmhdtabitemhd:checked ~ #wmdrmhdtabcontainer > label.wmdrmhdtabitemclass[for="wmdrmhdtabitemhd"],
#wmdrmhdtabitemsd:checked ~ #wmdrmhdtabcontainer > label.wmdrmhdtabitemclass[for="wmdrmhdtabitemsd"],
#wmdrmhdtabitemld:checked ~ #wmdrmhdtabcontainer > label.wmdrmhdtabitemclass[for="wmdrmhdtabitemld"] { 
	color: #333;
	background: #FFF;
}
#wmdrmhdtabitemhd:checked ~ #wmdrmhdtabcontainer > label.wmdrmhdtabitemclass[for="wmdrmhdtabitemhd"]::after,
#wmdrmhdtabitemsd:checked ~ #wmdrmhdtabcontainer > label.wmdrmhdtabitemclass[for="wmdrmhdtabitemsd"]::after,
#wmdrmhdtabitemld:checked ~ #wmdrmhdtabcontainer > label.wmdrmhdtabitemclass[for="wmdrmhdtabitemld"]::after { 
	position: absolute;
	display: block;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 2px;
	content: "";
	background: #FFF;
}

/*** 画質選択タブ（通常版＆月額番組） ***/
#ppvtabitemhd:checked ~ #ppvtabcontainer > label.ppvtabitemclass[for="ppvtabitemhd"],
#ppvtabitemsd:checked ~ #ppvtabcontainer > label.ppvtabitemclass[for="ppvtabitemsd"],
#ppvtabitemld:checked ~ #ppvtabcontainer > label.ppvtabitemclass[for="ppvtabitemld"] { 
	color: #333;
	background: #FFF;
}
#ppvtabitemhd:checked ~ #ppvtabcontainer > label.ppvtabitemclass[for="ppvtabitemhd"]::after,
#ppvtabitemsd:checked ~ #ppvtabcontainer > label.ppvtabitemclass[for="ppvtabitemsd"]::after,
#ppvtabitemld:checked ~ #ppvtabcontainer > label.ppvtabitemclass[for="ppvtabitemld"]::after { 
	position: absolute;
	display: block;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 2px;
	content: "";
	background: #FFF;
}

/*** 画質選択タブ（レンタル） ***/
#wmdrmtabitemsd:checked ~ #wmdrmtabcontainer > label.wmdrmtabitemclass[for="wmdrmtabitemsd"],
#wmdrmtabitemld:checked ~ #wmdrmtabcontainer > label.wmdrmtabitemclass[for="wmdrmtabitemld"] { 
	color: #333;
	background: #FFF;
}
#wmdrmtabitemsd:checked ~ #wmdrmtabcontainer > label.wmdrmtabitemclass[for="wmdrmtabitemsd"]::after,
#wmdrmtabitemld:checked ~ #wmdrmtabcontainer > label.wmdrmtabitemclass[for="wmdrmtabitemld"]::after { 
	position: absolute;
	display: block;
	bottom: -2px;
	left: 0;
	right: 0;
	height: 2px;
	content: "";
	background: #FFF;
}

/*** ダウンロードボックス ***/
#productinfo .cartareabox .downloadbox {
	margin-top: 0px;
	padding: 0px;
	border: 1px solid #CCC;
	border-radius: 4px;
	background: #FFF;
}
#productinfo .cartareabox .downloadbox .file-rapper {
	margin: 15px;
}
#productinfo .cartareabox .downloadbox .movieblock {
	display: none;
}
#productinfo .cartareabox .downloadbox .filetype {
	margin: 0px 0px 10px 0px;
	padding-bottom: 6px;
	border-bottom: 1px solid #CCC;
	font-size: 9.3pt;
	font-weight: bold;
	color: #333;
	position: relative;
}
#productinfo .cartareabox .downloadbox .filetype .definition {
	position: absolute;
	top: 0;
	right: 0;
	width: 34px;
	border-radius: 3px;
	line-height: 15px;
	font-size: 9pt;
	text-align: center;
	color: #FFF;
	background: #333;
	background-image: linear-gradient(#666, #000);
}
#productinfo .cartareabox .downloadbox .filetype .definition[title="High Definition"]::before {
	content: "HD";
	vertical-align: text-bottom;
}
#productinfo .cartareabox .downloadbox .filetype .definition[title="Standard Definition"]::before {
	content: "SD";
	vertical-align: text-bottom;
}
#productinfo .cartareabox .downloadbox .filetype .definition[title="Low Definition"]::before {
	content: "LD";
	vertical-align: text-bottom;
}
#productinfo .cartareabox .downloadbox .filetype .icon {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0px 6px;
	border-radius: 3px;
	line-height: 17px;
	font-size: 8pt;
	letter-spacing: -0.1em;
	color: #FFF;
	background: #778899;
	background-image: linear-gradient(#9AB,#678);
}
#productinfo .cartareabox .downloadbox .mediainfo {
	margin-bottom: 5px;
}
#productinfo .cartareabox .downloadbox .mediainfo th {
	position: relative;
	padding: 3px 14px 0px 0px;
	line-height: 1.2;
	font-size: 8pt;
	text-align: left;
	vertical-align: top;
	color: #888;
}
#productinfo .cartareabox .downloadbox .mediainfo th:after {
	position: absolute;
	content: ":";
	top: 1px;
	right: 4px;
	font-weight: normal;
}
#productinfo .cartareabox .downloadbox .mediainfo td {
	padding-bottom: 5px;
	vertical-align: top;
	font-size: 9pt;
}
#productinfo .cartareabox .downloadbox .mediainfo a.limited {
	color: #CC0000;
	text-decoration: underline;
}
#productinfo .cartareabox .downloadbox .fileinfo {
	margin-bottom: 10px;
	width: 218px;
}
#productinfo .cartareabox .downloadbox .fileinfo .first {
	width: 24px;
}
#productinfo .cartareabox .downloadbox .fileinfo .last {
	width: 88px;
	border-right: 0px;
}
#productinfo .cartareabox .downloadbox .fileinfo th {
	background-color: #ECECEC;
	height: 28px;
	text-align: center;
	font-weight: normal;
	font-size: 9pt;
	color: #333;
	border-right: 1px solid #FFF;
}
#productinfo .cartareabox .downloadbox .fileinfo td {
	text-align: center;
	font-size: 9pt;
	border-bottom: 1px solid #E3E3E3;
	padding: 5px 0px;
}
#productinfo .cartareabox .downloadbox .notes {
	margin-bottom: 5px;
	font-size: 8pt;
	color: #666;
}
#productinfo .cartareabox .downloadbox .recommend {
	margin-bottom: 10px;
}
#productinfo .cartareabox .downloadbox .recommend.arrowgray-http > a {
	padding-left: 9px;
}
#productinfo .cartareabox .downloadbox .config-dl {
	line-height: 1.3;
	background: url(https://img.duga.jp/img/contents/config.gif) no-repeat;
	background-position: 0px 2px;
	background-size: 12px 12px;
	text-indent: 18px;
	margin-bottom: 5px;
}
#productinfo .cartareabox .reflink {
	margin-bottom: 12px;
	padding: 15px;
	border: 1px solid #CCC;
	border-radius: 4px;
	background: #FFF;
	font-size: 9pt;
}
#productinfo .cartareabox .reflink div {
	margin-bottom: 10px;
}
#productinfo .cartareabox .reflink div.title {
	padding: 0px 0px 6px 0px;
	border-bottom: solid 1px #CCC;
	font-size: 9.3pt;
	font-weight: bold;
	color: #333;
}
@media (min-width: 1px) {
	#productinfo .cartareabox .reflink div.title {
		padding-left: 23px;
		background: url(https://img.duga.jp/img/icon/svg/stead.svg) no-repeat 0px -1px;
		background-size: 18px 18px;
	}
}
#productinfo .cartareabox .buttonbox {
	margin-bottom: 10px;
}
#productinfo .cartareabox .buttonbig_active {
	width:216px;
	height:28px;
	line-height:28px;
	display:inline-block;
	text-decoration:none;
	text-align:center;
	font-size: 10pt;
	font-weight:bold;
	color: #555555;
	border:1px solid #AAAAAA;
	border-radius: 4px;
	background-color: #F7F7F7;
	background-image: linear-gradient(to bottom, #F7F7F7, #EFEFEF);
	transition-property: opacty;
	transition-delay: 500ms;
}
#productinfo .cartareabox .buttonbig_active:hover{
	background-color: #EEE;
	background-image: linear-gradient(to bottom, #EEE, #e8e8e8);
}
#productinfo .cartareabox .buttonbig_active:active {
	opacity: 0.6;
	transition-delay: 1ms;
}
#productinfo .cartareabox .buttonbig_noactive {
	width:216px;
	height:28px;
	line-height:28px;
	display:inline-block;
	text-decoration:none;
	text-align:center;
	font-size: 10pt;
	font-weight:bold;
	color: #AAAAAA;
	border:1px solid #CCC;
	border-radius: 4px;
	background-color: #F7F7F7;
	background-image: linear-gradient(to bottom, #fafafa, #f3f3f3);
}
#productinfo .cartareabox .buttonbig_information {
	background: #ffe599 !important;
	opacity: 1 !important;
}
#productinfo .cartareabox .buttonbig_information:hover {
	background: #f8dc8a !important;
}
#productinfo .cartareabox .buttonbig_alert {
	background: #ffe599 !important;
	opacity: 1 !important;
}
#productinfo .cartareabox .buttonbig_alert:hover {
	background: #f8dc8a !important;
}
#productinfo .cartareabox .buttonbig_small {
	width: 86px;
	font-size: 9pt;
	transition-delay: 1ms;
}
#productinfo .cartareabox .buttonbig_small:focus {
	opacity: 0.6;
	border: 1px dashed #666;
}
#productinfo .cartareabox .buttonbig_soft {
	width: 100px;
	transition-delay: 1ms;
}
#productinfo .cartareabox .buttonbig_soft:focus {
	opacity: 0.6;
	border: 1px dashed #666;
}
#productinfo .cartareabox .buttonbig_play {
	width: 120px;
	font-size: 9pt;
	transition-delay: 1ms;
}
#productinfo .cartareabox .buttonbig_play:focus {
	opacity: 0.6;
	border: 1px dashed #666;
}
#productinfo .cartareabox .wmdrm {
	display: block;
	opacity: 0.7;
	bottom: 12px;
	margin: 0px 0px 10px 0px;
	padding: 6px 2px 5px 36px;
	border: solid 3px #E5E5E5;
	border-radius: 6px;
	background-image: url(https://img.duga.jp/img/contents/dldp.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
	background-size: 25px;
	color: #000;
	line-height: 1.3;
	font-size: 11px;
}
#productinfo .cartareabox .wmdrm.dl-ng {
	display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	#productinfo .cartareabox .wmdrm {
		background-image: url(https://img.duga.jp/img/contents/dldp.svg);
	}
}
#productinfo .cartareabox .wmdrm:hover {
	opacity: 1;
	border: solid 3px #D9D9D9;
	background-color: #FAFAFA;
	color: #555;
}
#productinfo .cartareabox th.longest {
	letter-spacing: -0.06em;
}
#productinfo .cartareabox .st-only:before {
	content: "ストリーミングのみ";
}

/*** 画質選択タブによるダウンロードボックスの表示制御 ***/
#ppvhdtabitemhd:checked ~ div.downloadbox > #ppvhd-wmvhdfile,
#ppvhdtabitemhd:checked ~ div.downloadbox > #ppvhd-wmdrmhdfile,
#ppvhdtabitemhd:checked ~ div.downloadbox > #ppvhd-mp4hdfile,
#ppvhdtabitemhd:checked ~ div.downloadbox > #ppvhd-phlshdfile,
#ppvhdtabitemsd:checked ~ div.downloadbox > #ppvhd-wmvsdfile,
#ppvhdtabitemsd:checked ~ div.downloadbox > #ppvhd-wmdrmsdfile,
#ppvhdtabitemsd:checked ~ div.downloadbox > #ppvhd-mp4sdfile,
#ppvhdtabitemsd:checked ~ div.downloadbox > #ppvhd-phlssdfile,
#ppvhdtabitemld:checked ~ div.downloadbox > #ppvhd-wmvldfile,
#ppvhdtabitemld:checked ~ div.downloadbox > #ppvhd-wmdrmldfile,
#ppvhdtabitemld:checked ~ div.downloadbox > #ppvhd-mp4ldfile,
#ppvhdtabitemld:checked ~ div.downloadbox > #ppvhd-phlsldfile,
#ppvhdtabitemhd:checked ~ div.downloadbox > #ppvhd-jpgfile,
#ppvhdtabitemsd:checked ~ div.downloadbox > #ppvhd-jpgfile,
#ppvhdtabitemld:checked ~ div.downloadbox > #ppvhd-jpgfile {
	display: block;
}
#wmdrmhdtabitemhd:checked ~ div.downloadbox > #wmdrmhd-wmdrmhdfile,
#wmdrmhdtabitemhd:checked ~ div.downloadbox > #wmdrmhd-phlshdfile,
#wmdrmhdtabitemsd:checked ~ div.downloadbox > #wmdrmhd-wmdrmsdfile,
#wmdrmhdtabitemsd:checked ~ div.downloadbox > #wmdrmhd-phlssdfile,
#wmdrmhdtabitemld:checked ~ div.downloadbox > #wmdrmhd-wmdrmldfile,
#wmdrmhdtabitemld:checked ~ div.downloadbox > #wmdrmhd-phlsldfile {
	display: block;
}
#ppvtabitemhd:checked ~ div.downloadbox > #ppv-wmvhdfile,
#ppvtabitemhd:checked ~ div.downloadbox > #ppv-wmdrmhdfile,
#ppvtabitemhd:checked ~ div.downloadbox > #ppv-mp4hdfile,
#ppvtabitemhd:checked ~ div.downloadbox > #ppv-phlshdfile,
#ppvtabitemsd:checked ~ div.downloadbox > #ppv-wmvsdfile,
#ppvtabitemsd:checked ~ div.downloadbox > #ppv-wmdrmsdfile,
#ppvtabitemsd:checked ~ div.downloadbox > #ppv-mp4sdfile,
#ppvtabitemsd:checked ~ div.downloadbox > #ppv-phlssdfile,
#ppvtabitemld:checked ~ div.downloadbox > #ppv-wmvldfile,
#ppvtabitemld:checked ~ div.downloadbox > #ppv-wmdrmldfile,
#ppvtabitemld:checked ~ div.downloadbox > #ppv-mp4ldfile,
#ppvtabitemld:checked ~ div.downloadbox > #ppv-phlsldfile,
#ppvtabitemsd:checked ~ div.downloadbox > #ppv-jpgfile,
#ppvtabitemsd:checked ~ div.downloadbox > #ppv-pdffile,
#ppvtabitemld:checked ~ div.downloadbox > #ppv-jpgfile {
	display: block;	
}
#wmdrmtabitemsd:checked ~ div.downloadbox > #wmdrm-wmdrmsdfile,
#wmdrmtabitemsd:checked ~ div.downloadbox > #wmdrm-phlssdfile,
#wmdrmtabitemld:checked ~ div.downloadbox > #wmdrm-wmdrmldfile,
#wmdrmtabitemld:checked ~ div.downloadbox > #wmdrm-phlsldfile {
	display: block;
}

/********************************************************
 *** シングルカラム
 ********************************************************/

#main-centerbox {
	width: 680px;
	margin-right: auto;
	margin-left: auto;
}
#main-centerbox .maintitle {
	color: #333;
	font-size: 11.5pt;
	font-weight: bold;
	margin-bottom: 10px;
}
#main-centerbox .subtitle {
	color: #333;
	font-size: 10.5pt;
	font-weight: bold;
	margin-bottom: 5px;
}
#main-centerbox .text-title {
	color: #333;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 5px;
}
#main-centerbox .text-desc {
	margin-bottom: 5px;
	font-size: 8pt;
	color: #666;
	line-height: 1.5;
}
#main-centerbox .narrow-line {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}
#main-centerbox .item-end {
	margin-bottom: 20px;
}
#main-centerbox .item-start {
	margin-top: 20px;
}
#main-centerbox .indent {
	margin-left: 1.5em;
}
#main-centerbox .form-title {
	font-size: 10.5pt;
	font-weight: bold;
	color: #333;
	margin-bottom: 2px;
}
#main-centerbox .form-text {
	font-size: 8pt;
	color: #666;
	margin-bottom: 4px;
}
#main-centerbox .form-desc {
	min-width: 292px;
	max-width: 592px;
	padding: 6px 8px;
	margin-bottom: 15px;
	border: 1px solid #CCC;
	word-wrap: break-word;
	display: table-cell;
	border-radius: 3px;
}
#main-centerbox #table .liquid-gray-button span a, 
#main-centerbox #table .liquid-gray-button span input[type="submit"] {
	min-width: 200px;
}
#main-centerbox #table input[type="text"], 
#main-centerbox #table input[type="password"], 
#main-centerbox #table input[type="email"], 
#main-centerbox #table input[type="number"] {
	width: 300px;
	margin-bottom: 15px;
}
#main-centerbox #table textarea {
	width: 600px;
	height: 200px;
	resize: none;
	vertical-align: bottom;
	margin-bottom: 15px;
}
#main-centerbox #table input[type="checkbox"] {
	margin: 0px 4px 0px 0px;
	vertical-align: middle;
}
#main-centerbox #table input[type="radio"] {
	margin: 0px 2px 2px 5px;
	vertical-align: middle;
}
#main-centerbox #table .form-check label {
	margin-right: 10px;
	vertical-align: middle;
}
#main-centerbox #table .button-rapper {
	padding-top: 5px;
}
#main-centerbox .box-base {
	position: relative;
	margin-bottom: 20px;
}
#main-centerbox .box-base .box {
	padding: 20px;
	border-radius: 6px;
	border: 1px solid #CCC;
	background: #FFF;
}
#main-centerbox .box-base .box.center {
	width: 638px;
}
#main-centerbox .box-base input[type="checkbox"] {
	margin: 0px 4px 0px 0px;
	vertical-align: middle;
}
#main-centerbox .box-base .form-subtitle {
	margin-top: 10px;
	margin-bottom: 2px;
	font-size: 9pt;
}
#main-centerbox .box-base .form-name {
	margin-top: 10px;
	margin-bottom: 2px;
	margin-right: 5px;
	font-size: 9pt;
	float: left;
}
#main-centerbox .box-base .description {
	margin-bottom: 15px;
}
#main-centerbox .box-base .form-check {
	margin-bottom: 15px;
}
#main-centerbox .box-base .form-check label {
	font-size: 9pt;
}

/*** ログイン画面 ***/
#main-centerbox .box-base .box.left {
	width: 288px;
}
#main-centerbox .box-base .box.right {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 288px;
}
#main-centerbox .box.left input[type="email"], 
#main-centerbox .box.left input[type="password"], 
#main-centerbox .box.left input[type="text"] {
	width: 272px !important;
	margin-bottom: 0px !important;
}
#main-centerbox .box.left input[type="submit"] {
	width: 286px !important;
}
#main-centerbox .box.left .form-check {
	margin: 10px 0px 15px 0px;
}
#main-centerbox .box.right .form-text {
	margin: 10px 0px;
}
#main-centerbox .box.right input.rakuten-button {
	padding: 0px 19px;
	width: 250px;
	height: 34px;
	background: #bf0000;
	border-radius: 4px;
}

/********************************************************
 *** 可変カラムの表示
 ********************************************************/

#main-leftcontents .maintitle, 
#main-rightcontents .maintitle {
	margin-bottom: 10px;
	padding: 0px;
	font-size: 12pt;
	font-weight: bold;
	color: #333;
	clear: both;
}
#main-leftcontents .secondtitle, 
#main-rightcontents .secondtitle {
	margin-bottom: 10px;
	padding: 0px 7px;
	height: 30px;
	line-height: 30px;
	background: #333;
	font-size: 10pt;
	font-weight: bold;
	color: #FFF;
	clear: both;
}
#main-leftcontents .subtitle, 
#main-rightcontents .subtitle {
	margin-bottom: 5px;
	padding: 0px;
	font-size: 10pt;
	font-weight: bold;
	color: #333;
	clear: both;
}
#main-leftcontents .pankuzu, 
#main-rightcontents .pankuzu {
	margin-bottom: 15px;
	font-size: 10pt;
	line-height: 1.4;
	color: #333;
}
#main-leftcontents .item_end, 
#main-rightcontents .item_end {
	margin-bottom: 20px;
}
#main-leftcontents .item-end, 
#main-rightcontents .item-end {
	margin-bottom: 20px;
}
#main-leftcontents .item-start, 
#main-rightcontents .item-start {
	margin-top: 20px;
}
#main-leftcontents hr, 
#main-rightcontents hr {
	margin: 15px 0px 12px 0px;
	height: 1px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #CCC;
	clear: both;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	#main-leftcontents hr, 
	#main-rightcontents hr {
		height: auto;
		transform: scaleY(0.75);
	}
}
#main-leftcontents .description, 
#main-rightcontents .description {
	margin-bottom: 10px;
}

/*** 入力フォーム ***/
#main-leftcontents .box-base {
	margin-bottom: 20px;
	padding: 20px;
	border-radius: 6px;
	border: 1px solid #CCC;
	background: #FFF;
}
#main-leftcontents .box-base .description {
	margin-bottom: 15px;
}
#main-leftcontents .box-base .form-title {
	font-size: 10.5pt;
	font-weight: bold;
	color: #333;
	margin-bottom: 2px;
}
#main-leftcontents .box-base .form-desc {
	font-size: 8pt;
	color: #666;
	margin-bottom: 6px;
}
#main-leftcontents .box-base input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]), 
#main-leftcontents .box-base select {
	margin-bottom: 15px;
}
#main-leftcontents .button-rapper {
	padding-top: 5px;
}
#main-leftcontents .table-gray + .button-rapper {
	padding-top: 10px;
}
.required {
	margin-left: 4px;
	font-size: 8pt;
	font-weight: bold;
	color: #F00;
}

/*** サブテキストがある場合 ***/
#main-leftcontents .maintitle.multiple {
	display: inline-block;
	margin-top: 0px;	
}
#main-leftcontents .total-count {
	display: inline-block;
	margin-bottom: 10px;
	font-size: 12pt;
	font-weight: bold;
	color: #333;
}

/*** メインバナー ***/
#main-leftcontents .mainbanner, 
#main-rightcontents .mainbanner {
	margin-bottom: 20px;
	min-height: 150px;
	height: calc(100vw * .2205 - 72px);
	max-height: 179px;
	text-align: center;
}
#main-leftcontents .mainbanner img, 
#main-rightcontents .mainbanner img {
	width: 100%;
	max-width: 812px;
	max-height: 179px;
}

/*** テキストコンテンツのマージン調整 ***/
#main-leftcontents .text-desc p, 
#main-rightcontents .text-desc p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
#main-leftcontents .text-desc .indent, 
#main-rightcontents .text-desc {
	margin-left: 1.5em;
}
#main-leftcontents .text-desc .item-end, 
#main-rightcontents .text-desc .item-end {
	margin-bottom: 1.5em;
}
#main-leftcontents .text-desc b, 
#main-rightcontents .text-desc b {
	color:#333;
}

/*** [＋]リンク ***/
.pluslink {
	position: relative;
	clear: both;
}
@media (min-width: 1px) {
	.pluslink a {
		padding-left: 15px;
		color: #666;
		text-decoration: none;
	}
	.pluslink a::before {
		content: "";
		position: absolute;
		top: 2px;
		left: 0;
		width: 10px;
		height: 10px;
		color: #888;
		background: url(https://img.duga.jp/img/plus.gif) no-repeat #F3F3F3;
		background-size: 10px 10px;
		border: 1px solid;
		border-radius: 2px;
	}
	.pluslink a:hover {
		color: #333;
	}
	.pluslink a:hover::before {
		color: #888;
	}
	.pluslink a span:hover {
		text-decoration: underline;
	}
}

/*** さらに表示するリンク ***/
.morelink {
	position: relative;
	text-align: right;
	clear: both;
}
.morelink a {
	display: inline-block;
	color: #666;
}
.morelink a::after {
	content: "";
	position: absolute;
	top: 2px;
	right: 0px;
	width: 12px;
	height: 12px;
	background: url(https://img.duga.jp/img/icon/svg/morelink-plus.svg) no-repeat;
	background-color: #AAA;
	border-radius: 2px;
}
.morelink a:hover {
	color: #000;
}
.morelink a:hover::after {
	background-color: #666;
}
@media (min-width: 1px) {
	.morelink a {
		padding-right: 17px;
	}
}

/*** メインタイトル＋さらに表示するリンク【旧】 ***/
.moretitlebox {
	overflow: hidden;
	margin-bottom: 10px;
}
.moretitlebox .maintitle {
	float: left;
	margin-bottom: 0px !important;
}
.moretitlebox .morelink {
	clear: none;
	float: right;
	margin-top: 2px;
}
.moretitlebox .subtitle {
	float: left;
}

/*** メインタイトル＋さらに表示するリンク【新】 ***/
.moretitlebox a.maintitle {
	position: relative;
	text-decoration: none;
}
.moretitlebox a.maintitle::after {
	position: absolute;
	top: 50%;
	right: -6px;
	margin-top: -4pt;
	width: 6px;
	height: 6px;
	content: "";
	border-top: 2px solid transparent;
	border-right: 2px solid transparent;
	transform: rotate(45deg);
	transition: 0.2s 0.1s;
}
.moretitlebox:hover a.maintitle::after {
	border-top: 2px solid #333;
	border-right: 2px solid #333;
}
.moretitlebox a.maintitle::before {
	float: right;
	overflow: hidden;
	display: inline-block;
	margin-left: 6px;
	width: 0;
	content: attr(alt);
	color: transparent;
	line-height: 24px;
	font-size: 9pt;
	font-weight: normal;
	white-space: nowrap;
	transition: 0.3s 0.3s;
}
.moretitlebox a.maintitle:hover::before {
	width: 66px;
	color: #333;
}

/*** お知らせ＋メインタイトル＋さらに表示するリンク【新】 ***/
.informationbox .moretitlebox::before {
    content: "";
    display: block;
    margin: 0px 0 12px 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #CCC;
    transform: scaleY(0.75);
}

/*** RSSリンク ***/
.rsslink {
	display: inline-block;
	background: #F83;
	background-image: url(https://img.duga.jp/img/icon/rss.gif);
	background-repeat: no-repeat;
	background-size: 11px 11px;
	background-position: 4px 1px;
	color: #FFF !important;
	padding: 2px 5px 0 17px;
	line-height: 12px;
	font-size: 10px;
	font-weight: normal;
	border-radius: 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.rsslink {
		background-image: url(https://img.duga.jp/img/icon/rss_x2.gif);
	}
}
.rsslink:visited, 
.rsslink:link {
	text-decoration:none;
}
.moretitlebox .rsslink {
	float: right;
	margin-top: 4px;
}

/*** レーベル一覧 ***/
.labellist-box {
	width:100%;
	border-bottom: 2px solid #EEE;
	padding-bottom:10px;
	margin-bottom:10px;
}
.labellist-box .boxlink {
	pointer-events: none;
	text-decoration: none;
}
.labellist-box .item {
	display: table;
	/*height:64px;*/
}
.labellist-box .item .logoimg {
	display: table-cell;
	width:160px;
	/*text-align: center;*/
	vertical-align: top;
}
.labellist-box .item .logoimg img {
	height: 40px;
}
.labellist-box .item .detail {
	display: table-cell;
	padding-left: 10px;
}
.labellist-box .item .detail .title {
	font-size: 9pt;
	font-weight: bold;
	margin: 0;
}
.labellist-box .item .detail .title .count {
	font-weight: normal;
	color: #000;
}
.labellist-box .item .detail .desc {
	font-size: 9pt;
	color: #000;
	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin: 0;
}
.labellist-box .item .logoimg .imglink,
.labellist-box .item .detail .title .titlelink {
	pointer-events: auto;
}

/*** 月額番組トップレーベル一覧エリア ***/
.labellistbox {
	overflow: hidden;
	margin-bottom: -10px;
}
.labellistbox .labellist {
	text-align: center;
	line-height: 15px;
	padding-right: 20px;
	padding-bottom: 12px;
	float: left;
	white-space: nowrap;
	font-size: 8pt;
}
.labellistbox .labellist img {
	height: 36px;
	padding-bottom: 2px;
}

/*** 共通エラーメッセージ ***/
.error {
	margin-bottom: 20px;
	padding: 10px 12px;
	outline: 2px solid #C00;
	outline-offset: -2px;
	background-color: #FEE;
	color: #C00;
	font-size: 10pt;
}
.error .head {
	display: block;
	margin: -10px -12px 10px -12px;
	padding: 6px 12px;
	background: #C00;
	color: #FFF;
	font-size: 10.5pt;
	font-weight: bold;
}
.error a {
	color: #C00;
	text-decoration: underline;
}
.error-arrow {
	background: url("/img/error-arrow.gif") no-repeat 50% 100%;
	width: 100%;
	max-width: 570px;
	padding-bottom: 15px;
	margin-bottom: 10px;
}
.error-arrow .error {
	margin-bottom: 0px;
}
@media (min-width: 1px) {
	.error.icon {
		position: relative;
		padding-left: 44px;
	}
	.error.icon:after {
		position: absolute;
		top: 39px;
		left: 10px;
		content: "";
		width: 24px;
		height: 22px;
		background: url(https://img.duga.jp/img/icon/svg/alert.svg) no-repeat 0 0/24px 24px;
	}
	.error.icon .head {
		margin-left: -44px;
	}
}

/*** エラーメッセージ（JavaScript無効） ***/
.error-js {
	display: inline-block;
	width: 100%;
	line-height: 40px;
	color: #FFF !important;
	background: #F00;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	border-radius: 4px;
}

/*** 青い角丸背景 ***/
.bluebgbox {
	margin-top: 0px;
	border: 1px solid #CCC;
	border-radius: 4px;
	background: #FFF;
	padding: 10px 0px;
}

/*** 灰色背景 ***/
.graybgbox {
	margin-top: 0px;
	padding: 4px 0px 4px 0px;
	border: 1px solid #BBB;
	background: #EEE;
}

/*** スクロール付き商品一覧 ***/
.scrollcontentsarea {
	display: none;
}
.scrollcontentsbox {
	width: 100%;
	float: left;
}
.scrollcontentsinner {
	overflow: hidden;
	margin: 0px 35px 0px 65px;
	min-width: 10px;
}
.scrollcontentsprev {
	display: none;
	position: relative;
	float: left;
	margin-left: -100%;
	width: 25px;
	height: 288px;
}
.scrollcontentsnext {
	display: none;
	position: relative;
	float: left;
	margin-left: -25px;
	width: 25px;
	height: 288px;
}
.scrollcontentsprev img {
	position: absolute;
	top: 90px;
	/*top: 50%;*/
	/*margin-top: -40px;*/
}
.scrollcontentsnext img {
	position: absolute;
	top: 90px;
	/*top: 50%;*/
	/*margin-top: -40px;*/
}

/*** フェードイン効果（共通） ***/
.fade-in {
	animation: fadein 500ms ease 200ms 1 both;
}
@keyframes fadein {
	from {opacity: 0.0;}
	to {opacity: 1.0;}
}

/* ログイン */
#icon_login {
	animation: login 1.5s 0.2s 1;
	animation-fill-mode: both;
}
@keyframes login {
	from { opacity: 0.25; }
	to { opacity: 1; }
}

/********************************************************
 *** 買い物かご（カート）
 ********************************************************/

/*** レイアウト ***/
#cartaddleftbox {
	float: left;
	/*margin-right: -410px;*/
	width: 100%;
	/*width: 100%\9;*/  /* under IE8 */
}
#cartaddleftbox:not(:target) {
	width: 100%\9;  /* IE9 */
}
#cartaddleftcontents {
	margin-right: 430px;
	margin-bottom: 10px;
}
#cartaddrightwrap {
	float: left;
	width: 420px;
	margin-left: -420px;
}
#cartaddrightmenu {
	/*margin-left: 30px;*/
}
#cart-leftbox {
	padding-right: 280px;
	width: 100%\9;  /* under IE8 */
}
#cart-leftbox:not(:target) {
	width: 100%\9;  /* IE9 */
}
#cart-leftcontents {
	width: 100%;
	float: left;
	position: relative;
}
#cart-rightwrap {
	float: left;
	position: relative;
	width: 280px;
	margin-right: -280px;
}
#cart-rightmenu {
	margin-left: 30px;
}

/*** カラム落ち対策 ***/
#cartaddleftcontents .cartitem .jacketimg {
	width: 80px;
	margin-right: -88px;
}
#cartaddleftcontents .cartitem .summary {
	float: left;
	margin-left: 88px;
}

/*** デザイン ***/
#cartarea {
	max-width: 680px;
	margin: auto;
}
#cartarea .mainbox {
	clear: both;
	margin-bottom: 20px;
}
#cartarea .paywaybox {
	border: 1px solid #CCC;
	padding: 10px;
	margin-bottom: 10px;
	cursor: pointer;
	clear: both;
	border-radius: 4px;
}
#cartarea .paywaybox[style^="background"] {
	border-color: #7f9db9;
}
#cartarea .paywaybox .radiobox {
	float: left;
}
#cartarea .paywaybox .radiobox input {
	margin: 2px 1px;
	*margin: -3px;  /* IE7以下 */
	padding: 0px;
}
@media (min-width: 1px) {
	#cartarea .paywaybox .radiobox input[type="radio"] {
		display: none;
	}
	#cartarea .paywaybox .radiobox input[type="radio"] + .button {
		position: relative;
		margin-top: 8px;
	}
	#cartarea .paywaybox .radiobox input[type="radio"] + .button:before {
		position: absolute;
		top: 0;
		left: 0;
		margin-top: -8px;
		width: 16px;
		height: 16px;
		content: "";
		background-color: #F3F3F3;
		border: 0.5px solid #CCC;
		border-radius: 50%;
		box-sizing: border-box;
	}
	#cartarea .paywaybox:hover .radiobox input[type="radio"] + .button:before, 
	#cartarea .paywaybox .radiobox input[type="radio"]:checked + .button:before {
		border-color: #AAA;
	}
	#cartarea .paywaybox:active .radiobox input[type="radio"] + .button:before {
		background: #E9E9E9;
	}
	#cartarea .paywaybox .radiobox input[type="radio"]:checked + .button:after {
		display: block;
		position: absolute;
		top: 50%;
		left: 4px;
		margin-top: -4px;
		content: "";
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: steelblue;
	}
}
#cartarea .paywaybox .tetlebox {
	margin-left: 20px;
	margin-bottom: 5px;
	font-size: 10pt;
	font-weight: bold;
}
#cartarea .paywaybox .descbox {
	clear: both;
	font-size: 8pt;
	margin-left: 20px;
	margin-bottom: 8px;
}
#cartarea .paywaybox .imgbox {
	margin-left: 20px;
}
#cartarea .midashi {
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 15px;
}
#cartarea .submidashi {
	margin-bottom: 10px;
	padding-top: 10px;
	line-height: 1.8;
	border-top: 0.5px solid #CCC;
	color: #333;
	font-size: 11pt;
	font-weight: bold;
}
#cartarea .submidashi img {
	display: none;
}
#cartarea .submidashi img:nth-child(1) {
	/*display: inline;*/
	float: left;
	margin: 2px 4px 0 0;
	width: 20px;
	height: 20px;
	opacity: 0.9;
}
#cartarea .comment {
	margin-bottom: 10px;
}
#cartarea .warning {
	background: url(https://img.duga.jp/img/mypage/alert_small.gif) no-repeat top left;
	padding: 8px 8px 8px 46px;
	min-height: 27px;
	margin-bottom: 15px;
	border: 2px solid #C00;
	background-color: #FDD;
	background-position: 8px 8px;
}
#cartarea .notice {
	margin-bottom: 20px;
	padding: 10px 12px;
	border: 2px solid #36C;
	border-radius: 4px;
	background-color: #EFF6FF;
	color: #14A;
	font-size: 10pt;
}
#cartarea .cartitem-rapper {
	border-top: 0.5px solid #CCC;
}
#cartarea .cartitem {
	position: relative;
	clear: both;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
}
#cartarea .mp4none .cartitem {
	background-color: #FFF7F7;
}
#cartarea .cartitem .jacketimg {
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
	padding-right: 8px;
}
#cartarea .cartitem .jacketimg img {
	width: 80px;
	background: #EEE;
}
#cartarea .cartitem .jacketimg .onsale {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	background: url(https://img.duga.jp/img/contents/sale.svg) no-repeat;
	background-size: 40px 40px;
}
#cartarea .cartitem .summary {
	margin-left: 88px;
}
#cartarea .cartitem .title {
	font-size: 10pt;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 80px 8px 0;
}
#cartarea .cartitem .money {
	color: #C00;
	font-size: 9.5pt;
	font-weight: bold;
	line-height: 1.0;
	margin-bottom: 10px;
}
#cartarea .cartitem .rightmoney {
	position: absolute;
	right: 0px;
	top: 0px;
	color: #C00;
	font-size: 9.5pt;
	font-weight: bold;
	line-height: 1.0;
	margin-bottom: 10px;
	padding-top: 11.5px;
}
#cartarea .cartitem .detail {
	font-size: 8pt;
	color: #666;
}
#cartarea .cartitem .deletebutton {
	margin-top: 10px;
}
#cartarea .infotable td {
	line-height: 1.3;
}
#cartarea .carttotalmoney {
	text-align: right;
	border-top: 0.5px solid #CCC;
	padding-top: 10px;
	font-weight: bold;
	line-height: 1.0;
	margin-bottom: 20px;
}
#cartarea .carttotalmoney .money {
	font-size: 9.5pt;
	color: #C00;
}
#cartarea .mainbox .subtitle:first-of-type {
	padding-top: 12px;
	border-top: 0.5px solid #CCC;
}
#cartarea .selectedpayway {
	position: relative;
	margin-bottom: 5px;
	padding-top: 12px;
	border-top: 0.5px solid #CCC;
	font-size: 10pt;
	font-weight: bold;
}
#cartarea .selectedpayway .smallbutton {
	position: absolute;
	right: 0;
	top: 12px;
	font-weight: normal;
}
@media (min-width: 1px) {
	#cartarea .selectedpayway a:before {
		content: "";
		padding-left: 16px;
		background: url(https://img.duga.jp/img/icon/svg/stead.svg) no-repeat 0px 50%/14px 14px;
	}
}
#cartarea .selectedpayway + #table .td-right {
	text-align: right;
	font-size: 9.5pt;
}

/*** テーブル タイトルなし ***/
#table .table-gray.optimize .td-left {
	display: none;
}
#table .table-gray.optimize .td-right {
	padding: 0;
}
#table .optimize .comment {
	font-size: 10pt;
	font-weight: bold;
	color: #333;
}
#table .optimize .liquid-next-button .fixed-width-submit, .optimize .liquid-gray-button .fixed-width-submit {
	width: 288px;
}

/*** 右カラム ***/
#baseblock.cart .relation .subtitle {
	margin-bottom: 10px;
	font-size: 10.5pt;
	font-weight: bold;
	color: #333;
}
#baseblock.cart .bluebgbox ~ .relation .subtitle {
	margin-top: 20px;
}
.checksummary {
	padding: 0px 10px;
}
.checksummary .campaign, 
.checksummary .coupon {
	width: 218px;
	margin: 6px 0;
	border: #C00 2px solid;
	box-sizing: border-box;
	color: #FFF;
	background: #C00;
	font-weight: bold;
	font-size: 10pt;
	line-height: 24px;
}
.checksummary .campaign:after {
	display: inline-block;
	width: 42%;
	content: "20％OFF";
	background: #FFF;
	color: #C00;
	text-align: center;
}
.checksummary .campaign span {
	display: inline-block;
	width: 58%;
	text-align: center;
}
.checksummary .coupon span {
	display: inline-block;
	width: 58%;
	text-align: center;
}
.checksummary .coupon span.text {
	width: 42%;
	background: #FFF;
	color: #C00;
}
.checksummary .totalitem {
	margin-bottom: 2px;
}
.checksummary .totalmoney {
	margin-bottom: 5px;
	font-weight: bold;
}
.checksummary .money {
	color: #C00;
	font-weight: bold;
	font-size: 10pt;
}
.checksummary .nextbutton {
	margin-top: 5px;
	text-align: center;
}
.checksummary #paybuttonarea .liquid-next-button.disabled:hover:after {
	position: absolute;
	right: 30px;
	margin-top: -2px;
	padding: 5px 10px;
	width: 200px;
	background: #444;
	color: #FE0;
	content: "左のフォームに電話番号を入力し\A認証を行ってください。";
	white-space: pre;
	line-height: 1.2;
	border-radius: 4px;
}
@media (min-width: 1px) {
	.midashi.itemadd {
		position: relative;
		padding-left: 32px;
	}
	.midashi.itemadd:before {
		transform: rotate(-45deg);
		left: 5.5px;
		top: 7.8px;
		border-radius: 10px;
		position: absolute;
		content: "";
		display: block;
		width: 23px;
		height: 5px;
		background: #099700;
	}
	.midashi.itemadd:after {
		width: 15px;
		transform: rotate(45deg);
		left: 0px;
		top: 11px;
		border-radius: 10px;
		position: absolute;
		content: "";
		display: block;
		width: 14px;
		height: 5px;
		background: #099700;
	}
}

/*** 空のカート ***/
#cart-empty {
	display: none;
}
#cartarea .mainbox + #cart-empty {
	display: block;
	margin-top: 150px;
}
#cart-empty .liquidcontentslist {
	visibility: visible;
}
#cart-empty .submidashi:not(:first-of-type), 
#cart-empty .liquidcontentslist:not(:nth-of-type(2)) {
	display: none;
}
#cart-empty .liquidcontentslist:not(:last-of-type) {
	margin-bottom: 20px;
}
#relationsarea-empty {
	display: none;
}
#baseblock.cart .bluebgbox ~ #relationsarea-empty {
	animation: fadein 100ms ease 1000ms 1 both;
}
#relationsarea[style*="none"] + #relationsarea-empty {
	display: block;
}
@media screen and (min-height: 1100px) {
	#baseblock.itemview #cartarea {
		position: relative;
		min-height: calc(100vh - 568px);
	}
	#cartarea .mainbox + #cart-empty {
		position: absolute;
		bottom: -40px;
	}
}

/********************************************************
 *** 検索結果
 ********************************************************/

/*** 左メニュー ***/
#searchmenuarea {
	border-right: 1px solid #CCC;
}
#searchmenuarea .searchmenublock {
	clear: both;
	margin-bottom: 12px;
}
#searchmenuarea .searchmenublock .midashi {
	overflow: hidden;
	line-height: 1.2;
	margin-bottom: 8px;
}
#searchmenuarea .searchmenublock .midashi .title {
	float: left;
	display: block;
	padding-right: 4px;
	font-size: 10pt;
	font-weight: bold;
	color: #666;
}
#searchmenuarea .searchmenublock .midashi .clear {
	display: block;
	margin-top: 0.5px;
}
#searchmenuarea .searchmenublock .midashi .clear:before {
	content: "［";
	padding-right: 1px;
}
#searchmenuarea .searchmenublock .midashi .clear:after {
	content: "］";
	padding-left: 1px;
}
#searchmenuarea .searchmenublock ul {
	overflow: hidden;
}
#searchmenuarea .searchmenublock li {
	position: relative;
	overflow: hidden;
	margin-bottom: 2px;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 15px;
	line-height: 20px;
	clear: both;
}
@media screen and (max-width: 1008px) {
	#searchmenuarea .searchmenublock li {
		margin-bottom: 4px;
	}
}
#searchmenuarea .searchmenublock ul a {
	color: #333;
}
#searchmenuarea .searchmenublock ul a:hover {
	color: #000;
}
#searchmenuarea .searchmenublock .selecteditem {
	color: #333;
	font-weight: bold;
}
#searchmenuarea .searchmenublock .folderlist {
	padding-left: 10px;
	/*text-indent: -20px;*/
}
#searchmenuarea .searchmenublock .folderlist .count {
	padding-left: 4px;
	color: #888;
	font-size: 8pt;
}
#searchmenuarea .searchmenublock .folderlist img {
	/*height: 14px;
	width: 16px;
	margin-right: 4px;
	vertical-align: middle;*/
}
#searchmenuarea .searchmenublock .checklist {
	padding-left: 24px;
}
#searchmenuarea .searchmenublock .checklist img {
	position: absolute;
	top: -1px;
	left: 5px;
	padding: 5px;
	height: 10px;
	width: 10px;
}
#searchmenuarea .searchmenublock .checklist img[src$="checkbox_off.gif"] {
	opacity: 0.75;
}
#searchmenuarea .searchmenublock .checklist a:hover img {
	opacity: 1;
}
#searchmenuarea .searchmenublock .scorestar {
	padding-left: 79px;
}
#searchmenuarea .searchmenublock .scorestar img {
	position: absolute;
	top: -2px;
	left: 6px;
	padding: 4px;
	width: 65px;
	height: 13px;
	opacity: 0.9;
}
#searchmenuarea .searchmenublock .scorestar a:hover img {
	opacity: 1;
}
#searchmenuarea .searchmenublock .itemdepth0 { margin-left: 0px; }
#searchmenuarea .searchmenublock .itemdepth1 { margin-left: 15px; }
#searchmenuarea .searchmenublock .itemdepth2 { margin-left: 30px; }
#searchmenuarea .searchmenublock .itemdepth3 { margin-left: 45px; }
#searchmenuarea .searchmenublock .itemdepth4 { margin-left: 60px; }

/*** 左メニュー （開閉リスト）***/
#searchmenuarea .searchmenublock input[type=checkbox] {
	display: none;
}
#searchmenuarea .searchmenublock .morelabel {
	display: none;
}
#searchmenuarea .searchmenublock .morelabel label {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	padding-left: 14px;
	line-height: 20px;
	color: #333;
}
#searchmenuarea .searchmenublock .morelabel label:before {
	content: "続きを表示する";
}
#searchmenuarea .searchmenublock .morelabel label:hover::before {
	text-decoration: underline;
	color: #000;
}
#searchmenuarea .searchmenublock .morelabel label:after {
	position: absolute;
	top: 0px;
	left: -4px;
	padding: 5px;
	width: 10px;
	height: 10px;
	content: "";
	background-image: url(https://img.duga.jp/img/search/morelabel.png);
	background-size: 10px 10px;
	background-position: 4px 4px;
	background-repeat: no-repeat;
	opacity: 0.75;
}
#searchmenuarea .searchmenublock .morelabel label:hover::after {
	opacity: 1;
}
#searchmenuarea .searchmenublock.max5 li[class$="list"]:nth-child(5) ~ .checklist {
	display: none;
}
#searchmenuarea .searchmenublock.max5 li[class$="list"]:nth-child(6) ~ .morelabel {
	display: block;
}
#searchmenuarea .searchmenublock.max5 input[type=checkbox]:checked + ul .checklist {
	display: block;
}
#searchmenuarea .searchmenublock.max5 input[type=checkbox]:checked + ul .morelabel {
	display: none;
}
#searchmenuarea .searchmenublock.max12 li[class$="list"]:nth-child(12) ~ .folderlist {
	display: none;
}
#searchmenuarea .searchmenublock.max12 li[class$="list"]:nth-child(13) ~ .morelabel {
	display: block;
}
#searchmenuarea .searchmenublock.max12 input[type=checkbox]:checked + ul .folderlist {
	display: block;
}
#searchmenuarea .searchmenublock.max12 input[type=checkbox]:checked + ul .morelabel {
	display: none;
}

/*** 左メニュー（絞り込み） ***/
#searchmenuarea .currentstatebox {
	margin: 0px 20px 20px 0px;
	padding-bottom: 12px;
	border: solid 0.5px #DDD;
	background: #EEE;
}
#searchmenuarea .currentstatebox .stateheadername {
	position: relative;
	margin: 0 -0.5px;
	padding-left: 10px;
	height: 30px;
	line-height: 30px;
	background: #333;
	color: #FFF;
	font-size: 9.5pt;
	font-weight: bold;
}
#searchmenuarea .currentstatebox .stateheaderlink {
	position: absolute;
	right: 0;
	top: 0;
}
#searchmenuarea .currentstatebox .stateheaderlink.tooltip:after {
	content: "すべて解除";
	right: calc((30px - 76px) / 2); /* (ボックス幅 - テキスト幅) / 2 */
}
#searchmenuarea .currentstatebox .stateheaderlink img {
	display: block;
	height: 14px;
	width: 14px;
	padding: 8px;
	opacity: 0.9;
}
#searchmenuarea .currentstatebox .stateheaderlink:hover img {
	opacity: 1;
	/*transform: scale(1.1);*/
}
#searchmenuarea .currentstatebox .stateitembox {
	margin: 10px 12px 0px 12px;
}
#searchmenuarea .currentstatebox .stateitemtitle {
	font-size: 8pt;
	color: #666;
	height: 12px;
	line-height: 12px;
	padding-bottom: 2px;
}
#searchmenuarea .currentstatebox .stateitemlink {
	position: relative;
	display: block;
	border: 1px solid #999;
	background: #FFF;
	border-radius: 4px;
	text-decoration: none;
}
#searchmenuarea .currentstatebox .stateitemlink .text {
	overflow: hidden;
	display: block;
	margin: 0px;
	padding: 0 24px 0 6px;
	line-height: 24px;
	height: 24px;
	font-size: 9pt;
	font-weight: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #000;
}
#searchmenuarea .currentstatebox .stateitemlink .text:empty::before {
	content: "該当なし";
}
#searchmenuarea .currentstatebox .stateitemlink img {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	height: 16px;
	width: 16px;
	padding: 4px;
	opacity: .6;
}
#searchmenuarea .currentstatebox .stateitemlink:hover {
	border-color: #AAA;
}
#searchmenuarea .currentstatebox .stateitemlink:hover .text {
	color: #777;
}
#searchmenuarea .currentstatebox .stateitemlink:hover img {
	opacity: .8;
}
#searchmenuarea .currentstatebox .tips {
	display: none;
}
#searchmenuarea .currentstatebox .tips:after {
	content: "さらに条件を追加または検索窓にキーワードを入力して絞り込みできます。";
	display: block;
	margin: 0 -1px;
	padding: 18px 1px 0 1px;
	background: #FFF;
}
#searchmenuarea .currentstatebox .keyword + .tips:after {
	content: "複数のキーワードを半角スペースで区切って入力するとAND検索できます。";
}
#searchmenuarea .currentstatebox .stateitembox:nth-child(2) + .tips {
	display: block;
	margin: 12px -0.5px -1.2em -0.5px;
	border-top: solid 0.5px #DDD;
	font-size: 8pt;
	color: #666;
}

/*** 検索結果右側 ***/
#searchresultarea {
	position: relative;
	width: 100%;
}
#searchresultarea .searchsummary {
	overflow: hidden;
	margin-bottom: 12px;
	height: 1.4em;
}
#searchresultarea .labelinfo + .serieslinfo {
	margin-top: 10px;
}
#searchresultarea .labelinfo + .searchsummary .searchword {
	display: none;
}
#searchresultarea .searchsummary .searchword {
	float: left;
	font-size: 10pt;
	margin: 0px;
}
#searchresultarea .searchsummary .seachpages {
	float: right;
}
#searchresultarea .categorysearch .title, 
#searchresultarea .relateword .title, 
#searchresultarea .searchoption {
	padding: 8px;
	border: solid 0.5px #DDD;
	background: #EEE;
}
#searchresultarea .categorysearch {
	margin-bottom: 14px;
}
#searchresultarea .categorysearch .title {
	margin-bottom: 14px;
}
#searchresultarea .categorysearch .title:before {
	display: inline-block;
	width: 18px;
	height: 18px;
	content: "";
	background: url(https://img.duga.jp/img/icon/svg/search.svg) no-repeat 0 0/16px 16px;
	vertical-align: -6px;
	opacity: .8;
}
#searchresultarea .categorysearch ul {
	margin-left: 10px;
}
#searchresultarea .categorysearch li {
	margin-bottom: 8px;
}
#searchresultarea .categorysearch li .count {
	color: #888;
	font-size: 8pt;
}
#searchresultarea .categorysearch .showall {
	margin-left: 10px;
	line-height: 20px;
}
#searchresultarea .categorysearch .category-http li a {
	color: #333;
}
#searchresultarea .categorysearch .category-http li a:hover {
	color: #000;
}
#searchresultarea .relateword {
	clear: both;
	margin-bottom: 10px;
}
#searchresultarea .monthlyid:not(:empty) + .relateword {
	display: none;  /*月額番組の場合は非表示*/
}
#searchresultarea .relateword .title {
	margin-bottom: 18px;
}
#searchresultarea .relateword .title:before {
	display: inline-block;
	width: 18px;
	height: 18px;
	content: "";
	background: url(https://img.duga.jp/img/icon/svg/link.svg) no-repeat 0 0/16px 16px;
	vertical-align: -6px;
	opacity: .8;
}
#searchresultarea .relateword ul {
	overflow: hidden;
	margin-left: 10px;
	line-height: 20px;
	max-height: 59px;
}
#searchresultarea .relateword li {
	float: left;
	margin: 0 8px 8px 0;
	white-space: nowrap;
}
#searchresultarea .relateword li a {
	overflow: hidden;
	display: block;
	padding: 1px 8px;
	max-width: 160px;
	border-radius: 4px;
	background: #4682B4;
	color: #FFF;
	font-size: 8pt;
	white-space: nowrap;
	text-overflow: ellipsis;
}
#searchresultarea .relateword li a:hover {
	background: #0066AA;
	text-decoration: none;
}
#searchresultarea .searchoption {
	margin-bottom: 20px;
	height: 20px;
	clear: both;
}
#searchresultarea .searchoption .order {
	float: left;
	margin-top: 0.5px;
}
@media (min-width: 1px) {
	#searchresultarea .searchoption .order {
		font-size: 0;
	}
}
html:not([lang="ja"]) #searchresultarea .searchoption .order {
	overflow: hidden;
	max-width: calc(100vw - 560px);
	height: 20px;
}
#searchresultarea .searchoption .order div {
	display: inline-block;
	color: #000;
	font-size: 9pt;
	vertical-align: 0px;
}
#searchresultarea .searchoption .order div::before {
	display: inline-block;
	width: 18px;
	height: 18px;
	content: "";
	background: url(https://img.duga.jp/img/icon/svg/sort.svg) no-repeat 0 0/16px 16px;
	vertical-align: -6px;
	opacity: .8;
}
#searchresultarea .searchoption .order span {
	color: #000;
}
#searchresultarea .searchoption .order > a:not([class]), 
#searchresultarea .searchoption .order > span:not([class]) {
	position: relative;
	display: inline-block;
	margin-left: 4px;
	padding: 2px 8px 2px 5px;
	height: 20px;
	line-height: 1.5;
	box-sizing: border-box;
	border-radius: 20px;
	border: solid 0.6px #CCC;
	background: #F9F9F9;
	color: #333;
	font-size: 11px;
	text-decoration: none;
	transition-property: border-color, background, color;
	transition-duration: .15s;
}
#searchresultarea .searchoption .order > a:not([class]):hover, 
#searchresultarea .searchoption .order > span:not([class]) {
	border-color: #333;
	background: #444;
	color: #FFF;
}
#searchresultarea .searchoption .order > *:not(div):not([class]):before {
	display: inline-block;
	content: "";
	width: 13px;
	height: 12px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 12px 12px;
	vertical-align: -2px;
}
#searchresultarea .searchoption .order > *:nth-child(2):before {
	background-image: url(https://img.duga.jp/img/icon/svg/ranking-color.svg);
}
#searchresultarea .searchoption .order > *:nth-child(3):before {
	background-image: url(https://img.duga.jp/img/icon/svg/calendar-color.svg);
}
#searchresultarea .searchoption .order > *:nth-child(4):before {
	background-image: url(https://img.duga.jp/img/icon/svg/new-color.svg);
}
#searchresultarea .searchoption .order > *:nth-child(5):before {
	background-image: url(https://img.duga.jp/img/icon/svg/price.svg);
}
#searchresultarea .searchoption .order > *:nth-child(6):before {
	background-image: url(https://img.duga.jp/img/icon/svg/score.svg);
}
html[lang="ja"] #searchresultarea .searchoption .order > *:nth-child(7):not([class]) {
	font-size: 0;
}
#searchresultarea .searchoption .order>*:nth-child(7):not([class]):before {
	padding-right: 44px;
	height: 14px;
	content: "登録数順";
	background-image: url(https://img.duga.jp/img/icon/svg/mylist.svg);
	background-position: left 1.5px;
	font-size: 11px;
	white-space: nowrap;
	text-indent: 13px;
	vertical-align: inherit;
}
html:not([lang="ja"]) #searchresultarea .searchoption .order > *:before {
	display: none;
}
#searchresultarea .searchoption .order > *:after {
	position: absolute;
	visibility: hidden;
	pointer-events: none;
	z-index: 1;
	top: -30px;
	padding: 0 8px;
	background: rgba(0,0,0,0.7);
	color: #FFF;
	border-radius: 5px;
	line-height: 24px;
	font-weight: normal;
	font-size: 9pt;
	white-space: nowrap;
}
#searchresultarea .searchoption .order > *:not([class]):hover:after {
	visibility: visible;
	transition: visibility .1s 1s linear;
}
#searchresultarea .searchoption .order > *:nth-child(2):after {
	content: "過去7日間のセールスランキング順";
	right: calc((60px - 203px) / 2);
}
#searchresultarea .searchoption .order > *:nth-child(3):after {
	content: "タイトルの発売日が新しい順";
	right: calc((70px - 172px) / 2);
}
#searchresultarea .searchoption .order > *:nth-child(4):after {
	content: "DUGAでの配信開始日が新しい順";
	right: calc((60px - 194px) / 2);
}
#searchresultarea .searchoption .order > *:nth-child(5):after {
	content: "価格が安い順";
	right: calc((60px - 88px) / 2);
}
#searchresultarea .searchoption .order > *:nth-child(6):after {
	content: "レビューの平均評価が高い順";
	right: calc((60px - 172px) / 2);
}
#searchresultarea .searchoption .order > *:nth-child(7):after {
	content: "マイリスト登録数が多い順";
	right: calc((70px - 160px) / 2);
}
html:not([lang="ja"]) #searchresultarea .searchoption .order > *:after {
	display: none;
}
#searchresultarea .searchoption .viewcount {
	float: right;
}
#searchresultarea .searchoption .viewcount:before {
	display: inline-block;
	width: 18px;
	height: 18px;
	content: "";
	background: url(https://img.duga.jp/img/icon/svg/viewcount.svg) no-repeat 0 0/16px 16px;
	vertical-align: -6px;
	opacity: .8;
}
#searchresultarea .searchoption .viewcount select {
	margin: 0px;
	height: 20px;
	font-size: 9pt;
	vertical-align: 0;
}
#searchresultarea .pagingbox {
	clear: both;
	margin: 0px -2px 10px 0px;
}
#searchresultarea .pagingbox:last-of-type {
	margin-bottom: 0px;
}
#searchresultarea .paginglist {
	margin-bottom: 20px;
	font-size: 8pt;
	text-align: right;
	line-height: 1.0;
}
#searchresultarea .pagingbox:last-of-type .paginglist {
	margin-bottom: 0px;
}
#searchresultarea .paginglist li {
	display: inline;
	padding: 0px;
}
#searchresultarea .paginglist a, 
#searchresultarea .paginglist span {
	display: inline-block;
	margin: 0px 2px;
	padding: 5px 5px;
	min-width: 13px;
	border: solid 0.6px #BBB;
	border-radius: 3px;
	background: linear-gradient(to bottom,#FFF,#f0f0f0);
	color: #000;
	font-size: 9pt;
	text-align: center;
	letter-spacing: -0.02em;
}
#searchresultarea .paginglist span {
	background: #444;
	color: #FFF;
}
#searchresultarea .paginglist a:hover {
	background: #444;
	color: #FFF;
	text-decoration: none;
}
#searchresultarea .paginglist .previous {
	position: relative;
	margin-right: 12px;
	padding: 5px 7px 5px 16px;
}
#searchresultarea .paginglist .previous:before {
	position: absolute;
	top: 6.5px;
	left: 5px;
	content: "";
	border-top: 4.5px solid transparent;
	border-right: 7px solid #555;
	border-bottom: 4.5px solid transparent;
}
#searchresultarea .paginglist .previous:after {
	position: absolute;
	top: 6.5px;
	left: 8px;
	content: "";
	border-top: 4.5px solid transparent;
	border-right: 7px solid #F7F7F7;
	border-bottom: 4.5px solid transparent;
}
#searchresultarea .paginglist .previous:hover:before {
	border-right: 7px solid #EEE;
}
#searchresultarea .paginglist .previous:hover:after {
	border-right: 7px solid #444;
}
#searchresultarea .paginglist .following {
	position: relative;
	margin-left: 12px;
	padding: 5px 16px 5px 7px;
}
#searchresultarea .paginglist .following:before {
	position: absolute;
	top: 6.5px;
	right: 5px;
	content: "";
	border-top: 4.5px solid transparent;
	border-left: 7px solid #555;
	border-bottom: 4.5px solid transparent;
}
#searchresultarea .paginglist .following:after {
	position: absolute;
	top: 6.5px;
	right: 8px;
	content: "";
	border-top: 4.5px solid transparent;
	border-left: 7px solid #F7F7F7;
	border-bottom: 4.5px solid transparent;
}
#searchresultarea .paginglist .following:hover:before {
	border-left: 7px solid #EEE;
}
#searchresultarea .paginglist .following:hover:after {
	border-left: 7px solid #444;
}
#searchresultarea label {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	padding: 5px;
	width: 11px;
	height: 11px;
	opacity: 0.5;
}
#searchresultarea label:hover {
	opacity: 0.75;
}
#searchresultarea label img {
	display: block;
	width: 11px;
	height: 11px;
}
#searchresultarea #closes-button:checked ~ #closes-block {
	display: none;
}
#searchresultarea #closes-button {
	display: none;
}

/*** searchmatchブロック ***/
#searchresultarea .searchmatchblock {
	margin-bottom: 10px;
}
#searchresultarea .searchmatchblock .imgbox {
	min-height: 150px;
	height: calc(100vw * 0.2205 - 72px);
	max-height: 179px;
	text-align: center;
}
#searchresultarea .searchmatchblock .imgbox img {
	/*width: 680px;*/
	width: 100%;
	max-width: 812px;
	max-height: 179px;
}
#searchresultarea .searchmatchblock span, 
.banner-text {
	display: block;
	color: #666;
	font-size: 8pt;
	margin-top: 8px;
}
#searchresultarea .searchmatchblock span a {
	display: inline-block;
}
#searchresultarea .searchmatchblock span b {
	letter-spacing: 2px;
}

/*** シリーズ表示 ***/
#searchresultarea .serieslinfo {
	position: relative;
	margin-bottom: 15px;
	min-height: 150px;
	height: calc(100vw * .2205 - 72px);
	max-height: 179px;
	text-align: center;
}
#searchresultarea .serieslinfo h1 {
	margin: 0px;
}
#searchresultarea .serieslinfo span {
	position: absolute;
	left: 0px;
	bottom: -33px;
	font-size: 10pt;
}
#searchresultarea .serieslinfo img {
	width: 100%;
	max-width: 812px;
	max-height: 179px;
	vertical-align: bottom;
}

/*** レーベル表示 ***/
#searchresultarea .labelinfo {
	overflow: hidden;
}
#searchresultarea .labelinfo .labelimage {
	float: left;
	padding-right: 20px;
}
#searchresultarea .labelinfo .labelimage img {
	height: 40px;
}
#searchresultarea .labelinfo .labeldetail {
	margin-top: 4px;
}
#searchresultarea .labelinfo .labeldetail .name {
	margin: 0px;
	font-size: 10pt;
}

/*** レーベル＋シリーズ（月額番組） ***/
#searchresultarea .labelinfo ~ #closes-block .serieslinfo {
	margin-top: 10px;
}

/*** 出演者表示 ***/
#searchresultarea .performerinfo {
	position: relative;
	margin-bottom: 10px;
	min-height: 120px;
}
#searchresultarea .performerinfo .performerimage {
	position: absolute;
	top: 0;
	width: 120px;
}
#searchresultarea .performerinfo .performerimage img {
	width: 120px;
	height: 120px;
	border-radius: 10px;
}
#searchresultarea .performerinfo .performerdetail {
	line-height: 1.3;
	margin-left: 140px;
}
#searchresultarea .performerinfo .performerdetail .name {
	margin: 0px 0px 6px 0px;
	font-size: 12pt;
}
#searchresultarea .performerinfo .performerdetail .desc {
	margin-bottom: 6px;
}
#searchresultarea .performerinfo .performerdetail table {
	border-spacing: 0px;
	line-height: 1.3;
}
#searchresultarea .performerinfo .performerdetail table th {
	padding: 0px;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
	white-space: nowrap;
}
#searchresultarea .performerinfo .performerdetail table td {
	padding: 0px 0px 0px 6px;
}
#searchresultarea .performerinfo .performerdetail table td:before {
	content: "：";
	padding-right: 2px;
}

/*** 配信終了アイコンの表示 ***/
#searchresultarea .contentslist .status[data-close="true"]::before {
	display: block;
	content: "配信終了";
	float: left;
	margin: 1px 4px 0 0;
	padding: 2px 6px;
	min-width: 30px;
	line-height: 1;
	border-radius: 10px;
	background: #999;
	color: #FFF;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
}
#searchresultarea .contentslist .status[data-close="true"] span {
	display: none;
}

/*** 検索結果がない場合 ***/
#searchresultarea .nosearch-msg {
	margin-bottom: 30px;
	line-height: 1.8;
}
#searchresultarea .nosearch-msg span {
	color: #C00;
	font-size: 10pt;
	font-weight: bold;
}
#searchresultarea .nosearch-contents {
	margin-bottom: 10px;
	padding-top: 15px;
	border-top: solid 1px #CCC;
	color: #333;
	font-size: 10pt;
	font-weight: bold;
}
#main-base[data-count="0"] #searchmenuarea .currentstatebox .stateitembox:nth-child(2) + .tips, 
#main-base[data-count="1"] #searchmenuarea .currentstatebox .stateitembox:nth-child(2) + .tips {
	display: none;
}
#main-base[data-count="0"] #searchresultarea .searchsummary:before {
	content: "件";
	text-align: right;
	display: block;
	float: right;
}
#main-base[data-count="0"] #searchresultarea .searchsummary:after {
	content: "0";
	text-align: right;
	font-weight: bold;
	display: block;
}
#main-base[data-count="0"] #searchmenuarea .searchmenublock, 
#main-base[data-count="0"] #searchresultarea .labelinfo,
#main-base[data-count="0"] #searchresultarea .performerinfo, 
#main-base[data-count="0"] #searchresultarea .serieslinfo, 
#main-base[data-count="0"] #searchresultarea .relateword {
	display: none;
}

/********************************************************
 *** 作品ランキング
 ********************************************************/

#baseblock.ranking .headline {
	margin: 0 0 25px 0;
}
@media (min-width: 1px) {
	#baseblock.ranking .headline {
		position: relative;
		padding-left: 32px;
	}
}
#baseblock.ranking .headline::before {
	position: absolute;
	top: -2px;
	left: 0;
	width: 26px;
	height: 26px;
	content: "";
	background: url(https://img.duga.jp/img/icon/svg/ranking-color.svg) no-repeat 0 0 /26px 26px;
}
#baseblock.ranking .top-100 + .headline {
	display: none;
}
#baseblock.ranking .ranking-category {
	display: none;
}
#baseblock.ranking[data-category*="0"] .ranking-category, 
#baseblock.ranking[data-category*="1"] .ranking-category,
#baseblock.ranking[data-category*="2"] .ranking-category {
	display: block;
	margin: -20px 0 25px 0;
}
#baseblock.ranking .contentslistrank .status[data-close="true"]::before {
	content: "配信終了";
	float: left;
	margin: 1px 4px 0 0;
	padding: 2px 6px;
	min-width: 30px;
	line-height: 1;
	border-radius: 10px;
	background: #999;
	color: #FFF;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
}
#baseblock.ranking .contentslistrank .status[data-close="true"] span {
	display: none;
}

/********************************************************
 *** サイドメニューの表示（旧右メニュー）
 ********************************************************/

/*** サイドカラム ***/
#main-rightmenu .maintitle, 
.sidemenutitle {
	margin-bottom: 12px;
	padding: 0px 0px 0px 10px;
	height: 30px;
	line-height: 30px;
	border: 1px #CCC solid;
	border-radius: 4px;
	box-sizing: border-box;
	background-color: #F6F6F6;
	background-color: rgba(0, 0, 0, 0.035);
	font-size: 10pt;
	font-weight: bold;
}
#main-rightmenu .rightmenuborder, 
.sidemenuborder {
	margin-bottom: 20px;
}
#main-rightmenu .rightmenuborder li, 
.sidemenuborder li {
	margin-bottom: 6px;
}
#main-rightmenu .rightmenu, 
.sidemenu {
	overflow: hidden;
	width: 100%;
	padding-bottom: 10px;
}
#main-rightmenu .rightmenu a, 
.sidemenu a {
	cursor: pointer;
}
#main-rightmenu .rightmenu a:hover, 
.sidemenu a:hover {
	text-decoration: none;
	color: #049;
}
#main-rightmenu .rightmenu .image, 
.sidemenu .image {
	position: relative;
	padding: 0px;
	margin-right: 5px;
	float: left;
}
#main-rightmenu .rightmenu .image img, 
.sidemenu .image img {
	width: 60px;
	background: #EEE;
}
#main-rightmenu .rightmenu .image .onsale, 
.sidemenu .image .onsale {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	background: url(https://img.duga.jp/img/contents/sale.svg) no-repeat;
	background-size: 30px 30px;
}
#main-rightmenu .rightmenu .summary, 
.sidemenu .summary {
	min-height: 60px;
	height: auto !important;
	height: 60px;
	float: left;
	width: 175px;
	pointer-events: none;
}
#main-rightmenu .rightmenu .rank, 
.sidemenu .rank {
	margin-bottom: 3px;
	overflow: hidden;
}
#main-rightmenu .rightmenu .rankno, 
.sidemenu .rankno {
	position: relative;
	font-weight: bold;
	line-height:1.2;
	float:left;
	color: #333;
}
#main-rightmenu .rightmenu .rankstatus, 
.sidemenu .rankstatus {
	padding-left: 5px;
	height: 12px;
	float: left;
}
#main-rightmenu .rightmenu .rankstatus img, 
.sidemenu .rankstatus img {
	vertical-align: top;
	width: 12px;
	height: 12px;
}
@media (min-width: 1px) {
	.sidemenu .rankstatus.new {
		background: url(/img/menu/rank/new.svg) no-repeat 100%/12px 12px;
		width: 12px;
	}
	.sidemenu .rankstatus.new img {
		display: none;
	}
}
#main-rightmenu .rightmenu .rankprev, 
.sidemenu .rankprev {
	padding-left: 5px;
	color: #333;
	font-size: 8pt;
	line-height: 1.3;
	float: left;
}
#main-rightmenu .rightmenu .title, 
.sidemenu .title {
	display: inline-block;
	margin-bottom: 3px;
	font-size: 9pt;
	line-height:1.4;
	vertical-align: text-bottom;
	clear: both;
	pointer-events: auto;
}
#main-rightmenu .rightmenu .title:hover, 
.sidemenu .title:hover {
	text-decoration: underline;
	color: #C40;
}
#main-rightmenu .rightmenu .title_nounder, 
.sidemenu .title_nounder {
	line-height:1.3;
	margin-bottom: 10px;
}
#main-rightmenu .rightmenu .mylist, 
.sidemenu .mylist {
	position: relative;
	padding-left: 14px;
	line-height: 15px;
	margin-bottom: 3px;
	font-size: 8pt;
	color: #999;
}
#main-rightmenu .rightmenu .mylist:before, 
.sidemenu .mylist:before {
	position: absolute;
	content: "";
	top: 1.5px;
	left: 0;
	width: 11px;
	height: 11px;
	background: url(https://img.duga.jp/img/contents/mylist-heart.png) no-repeat top/11px 11px;
}
#main-rightmenu .rightmenu .money, 
.sidemenu .money {
	padding: 0px;
	line-height: 1.3;
	font-size: 9pt;
	color:#C00;
}
#main-rightmenu .rightmenu .count, 
.sidemenu .count {
	padding: 0px;
	margin-bottom: 3px;
	font-size: 9pt;
	line-height: 1.2;
}
.rightmenuboxtitle, 
.sidemenuboxtitle {
	padding: 0px 0px 0px 10px;
	height: 30px;
	line-height: 30px;
	border: 1px #CCC solid;
	border-bottom-color: #EEE;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	box-sizing: border-box;
	background-color: #F6F6F6;
	background-color: rgba(0, 0, 0, 0.035);
	font-size: 10pt;
	font-weight: bold;
}
.rightmenubox, 
.sidemenubox {
	padding: 10px 10px 0px 10px;
	margin-bottom: 20px;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: #FFF;
}
.rightmenubox .double-colmun, 
.sidemenubox .double-colmun {
	width: 100%;
	clear: both;
}
.rightmenubox .single-colmun, 
.sidemenubox .single-colmun {
	width: 100%;
	clear: both;
}
.rightmenubox .menu li, 
.sidemenubox .menu li {
	margin-bottom:10px;
}
.rightmenubox .menu li a, 
.sidemenubox .menu li a {
	color: #333;
}
.rightmenubox .menu li a:hover, 
.sidemenubox .menu li a:hover {
	color: #000;
}

/*** ツイート埋め込み ***/
#main-rightmenu .tweet {
	margin-bottom: 20px;
	padding: 8pt 12px;
	background: #FFF;
	border: solid 1px #CCD6DD;
	border-radius: 5px;
}
#main-rightmenu .tweet .header {
	display: block;
	margin-bottom: 10px;
	height: 34px;
	line-height: 1.2;
	background: url(https://img.duga.jp/img/menu/tweet/twitter-icon.png) no-repeat top left/34px 34px;
	text-decoration: none;
}
#main-rightmenu .tweet .header::before {
	display: block;
	padding: 2px 0px 0px 40px;
	content: "DUGA";
	color: #333;
	font-size: 10.5pt;
	font-weight: bold;
}
#main-rightmenu .tweet .twitter::before {
	/*background: url(https://img.duga.jp/img/icon/svg/twitter.svg) no-repeat top right/20px 20px;*/
}
#main-rightmenu .tweet .header::after {
	display: block;
	padding-left: 40px;
	content: "Information for Members";
	color: #657786;
}
#main-rightmenu .tweet .header.twitter::after {
	content: "Information from duga.jp";
}
#main-rightmenu .tweet .desc {
	margin-bottom: 10px;
	font-size: 9.4pt;
}
#main-rightmenu .tweet img {
	display: block;
	width: 212px;
	border-radius: 4px;
}
#main-rightmenu .tweet .date {
	margin-top: 10px;
	color: #999;
}
#main-rightmenu .tweet .date::after {
	content: "・DUGA staff";
}

/*** 王冠 ***/
.sidemenu:nth-of-type(2) .rankno {
	padding-left: 20px;
	color: #eab600;
}
.sidemenu:nth-of-type(3) .rankno {
	padding-left: 20px;
	color: #9a9a9a;
}
.sidemenu:nth-of-type(4) .rankno {
	padding-left: 20px;
	color: #e0903f;
}
.sidemenu:nth-of-type(2) .rankno:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background-image: url(https://img.duga.jp/img/menu/rank/crown_no1.png);
	background-size: 15px;
	background-repeat: no-repeat;
	width: 15px;
	height: 12px;
}
.sidemenu:nth-of-type(3) .rankno:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background-image: url(https://img.duga.jp/img/menu/rank/crown_no2.png);
	background-size: 15px;
	background-repeat: no-repeat;
	width: 15px;
	height: 12px;
}
.sidemenu:nth-of-type(4) .rankno:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background-image: url(https://img.duga.jp/img/menu/rank/crown_no3.png);
	background-size: 15px;
	background-repeat: no-repeat;
	width: 15px;
	height: 12px;
}
/*** カテゴリ用 ***/
.category li {
	display: block;
	width: 50%;
	float: left;
	margin-bottom:10px;
}
.category li a, 
.category-http li a, 
.category-https li a	 {
	background-image: url(https://img.duga.jp/img/icon/category.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
	white-space: nowrap;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.category li a, 
	.category-http li a, 
	.category-https li a {
		background-image: url(https://img.duga.jp/img/icon/category_x2.gif);
	}
}
.category li a[href*="category=18"] span {
	display: block;
	letter-spacing: -0.04em;
	transform: scaleX(0.9);
	transform-origin: left;
}
/*** メニューアイコン（マイページ） ***/
@media (min-width: 1px) {
	.list-mypage {
		background-repeat: no-repeat;
		background-size: 18px 18px;
		padding-left: 22px;
	}
	.list-mypage.mypage {
		background-image: url(https://img.duga.jp/img/icon/svg/mypage.svg);
	}
	.list-mypage.history {
		background-image: url(https://img.duga.jp/img/icon/svg/history.svg);
		background-position: -1px 0px;
	}
	.list-mypage.month {
		background-image: url(https://img.duga.jp/img/icon/svg/month.svg);
		background-position: -1px 0px;
	}
	.list-mypage.order {
		background-image: url(https://img.duga.jp/img/icon/svg/order.svg);
	}
	.list-mypage.order-cash {
		background-image: url(https://img.duga.jp/img/icon/svg/order-cash.svg);
	}
	.list-mypage.cash {
		background-image: url(https://img.duga.jp/img/icon/svg/cash.svg);
	}
	.list-mypage.favorite {
		background-image: url(https://img.duga.jp/img/icon/svg/favorite.svg);
	}
	.list-mypage.setting {
		background-image: url(https://img.duga.jp/img/icon/svg/setting.svg);
		background-position: 1px 0px;
	}
}
/*** メニューアイコン（虫眼鏡） ***/
.list-search-http a, 
.list-search-https a {
	background-image: url(https://img.duga.jp/img/icon/search.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-search-http a, 
	.list-search-https a {
		background-image: url(https://img.duga.jp/img/icon/search_x2.gif);
	}
}
/*** メニューアイコン（カレンダー） ***/
.list-calendar-http a, 
.list-calendar-https a {
	background-image: url(https://img.duga.jp/img/icon/calendar.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-calendar-http a, 
	.list-calendar-https a {
		background-image: url(https://img.duga.jp/img/icon/calendar_x2.gif);
	}
}
/*** メニューアイコン（紙飛行機） ***/
.list-flying-http a, 
.list-flying-https a {
	background-image: url(https://img.duga.jp/img/icon/flying.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-flying-http a, 
	.list-flying-https a {
		background-image: url(https://img.duga.jp/img/icon/flying_x2.gif);
	}
}
/*** メニューアイコン（女優） ***/
.list-actress-http a, 
.list-actress-https a {
	background-image: url(https://img.duga.jp/img/icon/actress.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-actress-http a, 
	.list-actress-https a {
		background-image: url(https://img.duga.jp/img/icon/actress_x2.gif);
	}
}
/*** メニューアイコン（TV） ***/
.list-tv-http a, 
.list-tv-https a {
	background-image: url(https://img.duga.jp/img/icon/tv.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-tv-http a, 
	.list-tv-https a {
		background-image: url(https://img.duga.jp/img/icon/tv_x2.gif);
	}
}
/*** メニューアイコン（時計） ***/
.list-clock-http a, 
.list-clock-https a {
	background-image: url(https://img.duga.jp/img/icon/clock.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-clock-http a, 
	.list-clock-https a {
		background-image: url(https://img.duga.jp/img/icon/clock_x2.gif);
	}
}
/*** メニューアイコン（スマホ） ***/
.list-smartphone-http a, 
.list-smartphone-https a {
	background-image: url(https://img.duga.jp/img/icon/smartphone.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-smartphone-http a, 
	.list-smartphone-https a {
		background-image: url(https://img.duga.jp/img/icon/smartphone_x2.gif);
	}
}
/*** メニューアイコン（HD） ***/
.list-hd-http a, 
.list-hd-https a {
	background-image: url(https://img.duga.jp/img/icon/hd.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-hd-http a, 
	.list-hd-https a {
		background-image: url(https://img.duga.jp/img/icon/hd_x2.gif);
	}
}
/*** メニューアイコン（ページ） ***/
.list-page-http a, 
.list-page-https a {
	background-image: url(https://img.duga.jp/img/icon/page.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-page-http a, 
	.list-page-https a {
		background-image: url(https://img.duga.jp/img/icon/page_x2.gif);
	}
}
/*** メニューアイコン（閲覧履歴） ***/
.list-history-http a, 
.list-history-https a {
	background-image: url(https://img.duga.jp/img/icon/history.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-history-http a, 
	.list-history-https a {
		background-image: url(https://img.duga.jp/img/icon/history_x2.gif);
	}
}
/*** メニューアイコン（期間限定セール） ***/
.list-sale-http a, 
.list-sale-https a {
	background-image: url(https://img.duga.jp/img/icon/sale.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-sale-http a, 
	.list-sale-https a {
		background-image: url(https://img.duga.jp/img/icon/sale_x2.gif);
	}
}
/*** メニューアイコン（ただいまの注目作品） ***/
.list-hotlist-http a, 
.list-hotlist-https a {
	background-image: url(https://img.duga.jp/img/icon/hotlist.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-hotlist-http a, 
	.list-hotlist-https a {
		background-image: url(https://img.duga.jp/img/icon/hotlist_x2.gif);
	}
}
/*** ランキングアイコン（TOP100） ***/
.list-rank-top100-http a, 
.list-rank-top100-https a {
	background-image: url(https://img.duga.jp/img/icon/rank_top100.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-rank-top100-http a, 
	.list-rank-top100-https a {
		background-image: url(https://img.duga.jp/img/icon/rank_top100_x2.gif);
	}
}
/*** ランキングアイコン（年間） ***/
.list-rank-yearly-http a, 
.list-rank-yearly-https a {
	background-image: url(https://img.duga.jp/img/icon/rank_yearly.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-rank-yearly-http a, 
	.list-rank-yearly-https a {
		background-image: url(https://img.duga.jp/img/icon/rank_yearly_x2.gif);
	}
}
/*** ランキングアイコン（女優） ***/
.list-rank-actress-http a, 
.list-rank-actress-https a {
	background-image: url(https://img.duga.jp/img/icon/rank_actress.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-rank-actress-http a, 
	.list-rank-actress-https a {
		background-image: url(https://img.duga.jp/img/icon/rank_actress_x2.gif);
	}
}
/*** ランキングアイコン（カテゴリ） ***/
.list-rank-category-http a, 
.list-rank-category-https a {
	background-image: url(https://img.duga.jp/img/icon/rank_category.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-rank-category-http a, 
	.list-rank-category-https a {
		background-image: url(https://img.duga.jp/img/icon/rank_category_x2.gif);
	}
}
/*** ランキングアイコン（レビュー） ***/
.list-rank-review-http a, 
.list-rank-review-https a {
	background-image: url(https://img.duga.jp/img/icon/rank_review.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-rank-review-http a, 
	.list-rank-review-https a {
		background-image: url(https://img.duga.jp/img/icon/rank_review_x2.gif);
	}
}
/*** ランキングアイコン（シリーズ） ***/
.list-rank-series-http a, 
.list-rank-series-https a {
	background-image: url(https://img.duga.jp/img/icon/rank_series.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-rank-series-http a, 
	.list-rank-series-https a {
		background-image: url(https://img.duga.jp/img/icon/rank_series_x2.gif);
	}
}
/*** メニューアイコン（初めての方へ） ***/
.list-beginner-http a, 
.list-beginner-https a {
	background-image: url(https://img.duga.jp/img/icon/beginner.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-beginner-http a, 
	.list-beginner-https a {
		background-image: url(https://img.duga.jp/img/icon/beginner_x2.gif);
	}
}
/*** メニューアイコン（会員登録の手順） ***/
.list-join-http a, 
.list-join-https a {
	background-image: url(https://img.duga.jp/img/icon/join.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-join-http a, 
	.list-join-https a {
		background-image: url(https://img.duga.jp/img/icon/join_x2.gif);
	}
}
/*** メニューアイコン（作品購入の手順） ***/
.list-buy-http a, 
.list-buy-https a {
	background-image: url(https://img.duga.jp/img/icon/buy.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-buy-http a, 
	.list-buy-https a {
		background-image: url(https://img.duga.jp/img/icon/buy_x2.gif);
	}
}
/*** メニューアイコン（動画再生の手順） ***/
.list-play-http a, 
.list-play-https a {
	background-image: url(https://img.duga.jp/img/icon/play.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-play-http a, 
	.list-play-https a {
		background-image: url(https://img.duga.jp/img/icon/play_x2.gif);
	}
}
/*** メニューアイコン（ダウンロードの手順） ***/
.list-dldp-http a, 
.list-dldp-https a {
	background-image: url(https://img.duga.jp/img/icon/dldp.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-dldp-http a, 
	.list-dldp-https a {
		background-image: url(https://img.duga.jp/img/icon/dldp_x2.gif);
	}
}
/*** メニューアイコン（iTunes） ***/
.list-itunes-http a, 
.list-itunes-https a {
	background-image: url(https://img.duga.jp/img/icon/itunes.gif);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: 0px 1px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.list-itunes-http a, 
	.list-itunes-https a {
		background-image: url(https://img.duga.jp/img/icon/itunes_x2.gif);
	}
}
/*** 年間ランキングアイコン ***/
.rank-year-list a {
	background-image: url(https://img.duga.jp/img/main/rank/crown_small.png);
	background-repeat: no-repeat;
	background-size: 15px 12px;
	background-position: 0 0.5px;
	padding-left: 20px;
	display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi) {
	.rank-year-list a {
		background-image: url(https://img.duga.jp/img/main/rank/crown.png);
	}
}
/*** メニュー ***/
#main-rightmenu .rightmenuborder .menubox, 
.sidemenuborder .menubox {
	width:54px;
	margin-bottom:5px;
	margin-right:8px;
	float:left;
	font-size:8pt;
	text-align:center;
	line-height:1.2;
}
#main-rightmenu .rightmenuborder .menuboxlast, 
.sidemenuborder .menuboxlast {
	width:54px;
	margin-bottom:5px;
	float:left;
	font-size:8pt;
	text-align:center;
	line-height:1.2;
}
#main-rightmenu .rightmenuborder .menubox img, 
.sidemenuborder .menubox img {
	padding-bottom:1px;
}
#main-rightmenu .rightmenuborder .menuboxlast img, 
.sidemenuborder .menuboxlast img {
	padding-bottom:1px;
}

/********************************************************
 *** 商品リスト（共通スタイル）
 ********************************************************/

/*** salelistの親ボックス ***/
.contentsbox {
	overflow: hidden;
	margin-right: -20px;
	/*height: 100%;*/
}
/*** サンプル再生ボタン ***/
.sample-play, 
.movie-play {
	display: none;
	position: absolute;
	margin-left: -19px;
	margin-top: -19px;
	top: 50%;
	left: 50%;
}
.sample-play span, 
.movie-play span {
	display: inline-block;
	background-color: #999;
	background-color: rgba(0,0,0,0.25);
	box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
	width: 29px;
	height: 29px;
	border: 4px solid #FFF;
	opacity: 0.75;
	text-align: center;
	border-radius: 20px;
}
.sample-play span:hover, 
.movie-play span:hover {
	opacity: 1;
	padding: 1px;
	margin: -1px 0px 0px -1px;
}
.sample-play img, 
.movie-play img {
	background: transparent !important;
	width: 13px !important;
	height: 15px;
	vertical-align: middle;
	padding: 7px 6px 7px 10px;
}

/********************************************************
 *** 縦型の商品リスト（表示の調整）
 ********************************************************/
.liquidcontentslist .contentslist, 
.scrollcontentsbox .contentslist, 
.scrollcontentslist .contentslist {
	height: 252px;
}
.scrollcontentslist .contentslist {
	*width: 140px !important;  /* IE7以下 カラム落ち対策 */
}
.liquidcontentslist[type="month"], 
.scrollcontentslist[type="month"] {
	margin-bottom: -18px;
}
.scrollcontentslist {
	overflow: hidden;
	min-height: 60px;
}

/*** タブレット端末のフリッカー対策 ***/
@media screen and (max-width: 1008px) {
	.liquidcontentslist {
		visibility: visible !important;
	}
}

/*** 次へボタンの透明度（hover） ***/
.scrollcontentslist img[src*="recommend_"]:hover {
	opacity: 1;
}
.scrollcontentslist img[src*="recommend_"] {
	opacity: 0.7;
}
/*** ダミーの表示（empty） ***/
.contentslist.empty .image {
	height: 170px;
	background: #EEE;
}
.contentslist.empty .title::before, 
.contentslist.empty .title::after {
	display: block;
	height: 12px;
	margin: 2px 0 6px 0;
	content: "";
	background: #EEE;
}
.contentslist.empty .title::after {
	width: 100px;
}
.contentslist.empty .ratingstar{
	opacity: 0.6;
}
.contentslist.empty .mylist {
	opacity: 0.6;
}
.contentslist.empty .money {
	width: 64px;
	height: 12px;
	background: #EEE;
}

/********************************************************
 *** 縦型の商品リスト（salelist）
 ********************************************************/
.contentslist {
	position: relative;
	width: 140px;
	height: 278px;
	float: left;
}
.contentslist a {
	cursor: pointer;
}
.contentslist a:hover {
	text-decoration: none;
	color: #049;
}
.contentslist .image {
	position: relative;
	display: inline-block;
	padding: 0px;
	margin-bottom: 8px;
	width: 120px;
}
.contentslist .image img {
	width: 120px;
	height: 170px;
	background: #EEE;
}
.contentslist .image:hover > img {
	opacity: .8;
}
.contentslist .image .onsale {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background: url(https://img.duga.jp/img/contents/sale.svg) no-repeat;
	background-size: 60px 60px;
}
.contentslist .image .onsale.month {
	display: none;
}
.contentslist .title {
	overflow: hidden;
	width: 120px;
	max-height: 2.8em;
	margin-bottom: 4px;
	font-size: 9pt;
	line-height:1.4;
	vertical-align: text-bottom;
}
.contentslist .title:hover {
	text-decoration: underline;
	color: #C40;
}
.contentslist .status span {
	float: left;
	margin: 1px 4px 0 0;
	padding: 2px 6px;
	min-width: 30px;
	line-height: 1;
	border-radius: 10px;
	background: #999;
	color: #FFF;
	font-size: 10px;
	text-align: center;
}
.contentslist .status .state-presale {
	background: #FF1493;
}
.contentslist .status .state-new {
	background: #F43;
}
.contentslist .status .state-seminew {
	background: #36D;
}
.contentslist .image[type="month"] ~ .title .status::before {
	content: "月額";
	float: left;
	margin: 1px 4px 0 0;
	padding: 2px 6px;
	min-width: 30px;
	line-height: 1;
	border-radius: 10px;
	background: #6A3;
	color: #FFF;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
}
.contentslist .image[type="soft"] ~ .title .status::before {
	content: "ゲーム";
	float: left;
	margin: 1px 4px 0 0;
	padding: 2px 6px;
	min-width: 30px;
	line-height: 1;
	border-radius: 10px;
	background: #F93;
	color: #FFF;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
}
.contentslist .image ~ .title .status[data-close="true"]::before {
	content: "配信終了";
	float: left;
	margin: 1px 4px 0 0;
	padding: 2px 6px;
	min-width: 30px;
	line-height: 1;
	border-radius: 10px;
	background: #999;
	color: #FFF;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
}
@media (min-width: 1px) {
	.contentslist .image[type="month"] ~ .title .status span, 
	.contentslist .image[type="soft"] ~ .title .status span, 
	.contentslist .image ~ .title .status[data-close="true"] span {
		display: none;
	}
}
.contentslist .ratingstar { 
	float: left;
	margin: 0 8px 6px 0;
	height:13px;
	line-height:13px;
	clear: both;
}
.contentslist .ratingstar img { 
	display: block;
	width: 65px;
	height: 13px;
	opacity: 0.9;
}
.contentslist .mylist { 
	position: relative;
	float: left;
	padding-left: 14px;
	margin-bottom: 4px;
	line-height: 15px;
	font-size: 8pt;
	color: #999;
}
.contentslist .mylist:before {
	position: absolute;
	content: "";
	top: 1.5px;
	left: 0;
	width: 11px;
	height: 11px;
	background: url(https://img.duga.jp/img/contents/mylist-heart.png) no-repeat top/11px 11px;
}
html[lang="ja"] .contentslist .mylist:after {
	content: "人";
}
.contentslist .money {
	margin: 0px;
	padding: 0px;
	line-height: 1.2;
	color: #C00;
	clear: both;
}
.contentslist .provider { 
	padding: 0px;
	margin-bottom: 4px;
	line-height: 1.2;
	font-size: 8pt;
}
.contentslist .buylink {
	margin-top: 5px;
}

/********************************************************
 *** 縦型の商品リスト（salelist）ランキングがある場合
 ********************************************************/
.contentslistrank {
	position: relative;
	/*margin-right: 20px;*/
	width: 140px;
	height: 300px;
	float: left;
}
.liquidcontentslist .contentslistrank {
	height: 308px;
}
.contentslistrank a {
	cursor: pointer;
}
.contentslistrank a:hover {
	text-decoration: none;
	color: #049;
}
.contentslistrank .rank {
	margin-bottom: 8px;
	overflow: hidden;
}
* html .contentslistrank .rank {
	height: 14px;
}
.contentslistrank .rank .rankno {
	position: relative;
	font-weight: bold;
	line-height: 1.2;
	float: left;
	color: #333;
}
.contentslistrank .rank .rankstatus {
	padding-left: 5px;
	height: 12px;
	float: left;
}
.contentslistrank .rank .rankstatus img {
	vertical-align: top;
	width: 12px;
	height: 12px;
}
@media (min-width: 1px) {
	.contentslistrank .rank .rankstatus.new {
		background: url(/img/menu/rank/new.svg) no-repeat 100%/12px 12px;
		width: 12px;
	}
	.contentslistrank .rank .rankstatus.new img {
		display: none;
	}
}
.contentslistrank .rank .rankprev {
	padding-left: 5px;
	color: #333;
	font-size: 8pt;
	line-height: 1.3;
	float: left;
}
.contentslistrank .image {
	position: relative;
	display: inline-block;
	padding: 0px;
	margin-bottom: 8px;
	width: 120px;
}
.contentslistrank .image img {
	width: 120px;
	background: #EEE;
}
.contentslistrank .image:hover > img {
	opacity: .8;
}
.contentslistrank .image .onsale {
	position: absolute;
	top: 0;
	left: 0;
	width: 60px;
	height: 60px;
	background: url(https://img.duga.jp/img/contents/sale.svg) no-repeat;
	background-size: 60px 60px;
}
.contentslistrank .image .onsale.month {
	display: none;
}
.contentslistrank .title {
	overflow: hidden;
	display: inline-block;
	width: 120px;
	max-height: 2.8em;
	margin-bottom: 4px;
	font-size: 9pt;
	line-height:1.4;
	vertical-align: text-bottom;
}
.contentslistrank .title:hover {
	text-decoration: underline;
	color: #C40;
}
.contentslistrank .status span {
	float: left;
	margin: 1px 4px 0 0;
	padding: 2px 6px;
	min-width: 30px;
	line-height: 1;
	border-radius: 10px;
	background: #999;
	color: #FFF;
	font-size: 10px;
	text-align: center;
}
.contentslistrank .status .state-presale {
	background: #FF1493;
}
.contentslistrank .status .state-new {
	background: #F43;
}
.contentslistrank .status .state-seminew {
	background: #36D;
}
.contentslistrank .image[type="month"] ~ .title .status::before {
	content: "月額";
	float: left;
	margin: 1px 4px 0 0;
	padding: 2px 6px;
	min-width: 30px;
	line-height: 1;
	border-radius: 10px;
	background: #6A3;
	color: #FFF;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
}
.contentslistrank .image[type="soft"] ~ .title .status::before {
	content: "ゲーム";
	float: left;
	margin: 1px 4px 0 0;
	padding: 2px 6px;
	min-width: 30px;
	line-height: 1;
	border-radius: 10px;
	background: #F93;
	color: #FFF;
	font-size: 10px;
	text-align: center;
	text-decoration: none;
}
@media (min-width: 1px) {
	.contentslistrank .image[type="month"] ~ .title .status span, 
	.contentslistrank .image[type="soft"] ~ .title .status span {
		display: none;
	}
}
.contentslistrank .ratingstar { 
	float: left;
	margin: 0 8px 6px 0;
	height:13px;
	line-height:13px;
	clear: both;
}
.contentslistrank .ratingstar img { 
	display: block;
	width: 65px;
	height: 13px;
	opacity: 0.9;
}
.contentslistrank .mylist { 
	position: relative;
	float: left;
	padding-left: 14px;
	margin-bottom: 4px;
	line-height: 15px;
	font-size: 8pt;
	color: #999;
}
.contentslistrank .mylist:before {
	position: absolute;
	content: "";
	top: 1.5px;
	left: 0;
	width: 11px;
	height: 11px;
	background: url(https://img.duga.jp/img/contents/mylist-heart.png) no-repeat top/11px 11px;
}
html[lang="ja"] .contentslistrank .mylist:after {
	content: "人";
}
.contentslistrank .money {
	margin: 0px;
	padding: 0px;
	line-height: 1.2;
	color: #C00;
	clear: both;
	/*font-weight: bold;*/
}
.contentslistrank .count {
	margin-top: -2px;
	font-size: 8pt;
}
.contentslistrank .buylink {
	margin-top: 5px;
}
/*** 王冠 ***/
.contentslistrank:nth-of-type(1) .rank .rankno {
	padding-left: 20px;
	color: #eab600;
}
.contentslistrank:nth-of-type(2) .rank .rankno {
	padding-left: 20px;
	color: #9a9a9a;
}
.contentslistrank:nth-of-type(3) .rank .rankno {
	padding-left: 20px;
	color: #e0903f;
}
.contentslistrank:nth-of-type(1) .rank .rankno:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background-image: url(https://img.duga.jp/img/menu/rank/crown_no1.png);
	background-size: 15px;
	background-repeat: no-repeat;
	width: 15px;
	height: 12px;
}
.contentslistrank:nth-of-type(2) .rank .rankno:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background-image: url(https://img.duga.jp/img/menu/rank/crown_no2.png);
	background-size: 15px;
	background-repeat: no-repeat;
	width: 15px;
	height: 12px;
}
.contentslistrank:nth-of-type(3) .rank .rankno:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	background-image: url(https://img.duga.jp/img/menu/rank/crown_no3.png);
	background-size: 15px;
	background-repeat: no-repeat;
	width: 15px;
	height: 12px;
}

/********************************************************
 *** 縦型の商品リスト（salelist）年間ランキングの場合
 ********************************************************/
.contentslistrankyearly {
	position: relative;
	/*margin-right: 20px;*/
	width: 140px;
	height: 258px;
	float: left;
}
.contentslistrankyearly a {
	cursor: pointer;
}
.contentslistrankyearly a:hover {
	text-decoration: none;
	color: #049;
}
.contentslistrankyearly .contentslistrank {
	height: 308px;
}
.contentslistrankyearly .rank {
	margin-bottom: 8px;
	overflow: hidden;
}
* html .contentslistrankyearly .rank {
	height: 14px;
}
.contentslistrankyearly .rank .rankno {
	font-weight: bold;
	line-height: 1.2;
	float: left;
	color: #333;
}
.contentslistrankyearly .rank .rankstatus {
	padding-left: 5px;
	height: 12px;
	float: left;
}
.contentslistrankyearly .rank .rankstatus img {
	vertical-align: top;
	width: 12px;
	height: 12px;
}
.contentslistrankyearly .rank .rankprev {
	padding-left: 5px;
	color: #333;
	font-size: 8pt;
	line-height: 1.3;
	float: left;
}
.contentslistrankyearly .image {
	position: relative;
	display: inline-block;
	padding: 0px;
	margin-bottom: 8px;
	width: 120px;
}
.contentslistrankyearly .image img {
	width: 120px;
	background: #EEE;
}
.contentslistrankyearly .image:hover > img {
	opacity: .8;
}
.contentslistrankyearly .title {
	overflow: hidden;
	display: inline-block;
	width: 120px;
	max-height: 2.8em;
	margin-bottom: 4px;
	font-size: 9pt;
	line-height:1.4;
	vertical-align: text-bottom;
}
.contentslistrankyearly .title:hover {
	text-decoration: underline;
	color: #C40;
}
.contentslistrankyearly .status span {
	float: left;
	margin: 1px 4px 0 0;
	padding: 2px 6px;
	min-width: 30px;
	line-height: 1;
	border-radius: 10px;
	background: #999;
	color: #FFF;
	font-size: 10px;
	text-align: center;
}
.contentslistrankyearly .status .state-presale {
	background: #FF1493;
}
.contentslistrankyearly .status .state-new {
	background: #F43;
}
.contentslistrankyearly .status .state-seminew {
	background: #36D;
}
.contentslistrankyearly .ratingstar { 
	padding: 0px;
	margin-bottom: 6px;
	height:13px;
	line-height:13px;
	clear: both;
}
.contentslistrankyearly .ratingstar img { 
	display: block;
	width: 65px;
	height: 13px;
	opacity: 0.9;
}
.contentslistrankyearly .mylist { 
	padding: 0px;
	margin-bottom: 4px;
	line-height: 1.2;
	font-size: 8pt;
}
.contentslistrankyearly .money {
	margin: 0px;
	padding: 0px;
	line-height: 1.2;
	color: #C00;
	/*font-weight: bold;*/
}
.contentslistrankyearly .buylink {
	margin-top: 5px;
}

/********************************************************
 *** 縦型の商品リスト（salelist）nojacketimgのトリミング
 ********************************************************/
div[class^="contentslist"] a, 
.serieslist a {
	display: block;
	width: 120px;
}
div[class^="contentslist"] .image, 
.serieslist .image {
	
	overflow: hidden;
	display: block;
}
div[class^="contentslist"] .image::after, 
.serieslist .image::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: "";
	border: solid 0.6px rgba(0, 0, 0, 0.1);
}
div[class^="contentslist"] .image img[src*="180x180.jpg"], 
.serieslist .image img[src*="180x180.jpg"] {
	margin-left: -25px;
	width: 170px;
	height: 170px;
}
div[class^="contentslist"] .image img[src*="jacket_120.jpg"], 
.serieslist .image img[src*="jacket_120.jpg"] {
	height: 170px;
}
/*** 配信終了 ***/
div[class^="contentslist"] .image img[src*="square.png"] {
	margin-left: -25px;
	width: 170px;
	height: 170px;
}

/********************************************************
 *** 商品リスト（特定作品の表示制限）
 ********************************************************/

div[class^="contentslist"] .image[cid="100046"]::after,
div[class^="contentslist"] .image[pid^="fumaretai"]::after {
	padding: 72px 10px;
	line-height: 14px;
	content: "ショッキングな内容が含まれています";
	border: 0;
	background: rgba(0,0,0,0.5);
	color: rgba(255,255,255,0.7);
	font-size: 10px;
	text-align: center;
}
div[class^="contentslist"] .image[cid="100046"] img,
div[class^="contentslist"] .image[pid^="fumaretai"] img {
	filter: blur(2px) grayscale(1);
}
div[class^="contentslist"] .image:hover::after {
	display: none!important;
}
@media all and (-ms-high-contrast:none){
	div[class^="contentslist"] .image[cid="100046"]::after,
	div[class^="contentslist"] .image[pid^="fumaretai"]::after {
		background-color: rgba(0,0,0,0.8);
	}
}

/********************************************************
 *** 縦型の商品リスト（series）
 ********************************************************/
.serieslist {
	margin-right: 20px;
	width: 120px;
	height: 330px;
	float: left;
}
.serieslist a:hover {
	text-decoration: none;
	color: #049;
}
.liquidcontentslist .serieslist {
	height: 232px;
}
.serieslist .image {
	position: relative;
	padding: 0px;
	margin-bottom: 8px;
	width: 120px;
}
.serieslist .image img {
	width: 120px;
	background: #EEE;
}
.serieslist .image:hover > img {
	opacity: .8;
}
.serieslist .rank {
	font-weight:bold;
	padding-bottom:5px;
	margin: 0px;
}
.serieslist .title {
	overflow: hidden;
	display: inline-block;
	width: 120px;
	max-height: 2.8em;
	margin-bottom: 4px;
	font-size: 9pt;
	line-height:1.4;
	vertical-align: text-bottom;
}
.serieslist .title:hover {
	text-decoration: underline;
	color: #C40;
}
.serieslist .count { 
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
}
.seriespicup {
	margin-right: 20px;
	float: left;
}
.seriespicup img {
	width: 155px;
	height: 79px;
	background: #EEE;
}

/********************************************************
 *** 縦型の商品リスト（actress）
 ********************************************************/
.actresslist {
	margin-right: 10px;
	width: 100px;
	float: left;
}
.actresslist div {
	width: 100px;
	text-align: center;
}
.actresslist img {
	margin-bottom: 4px;
	width: 100px;
	height: 100px;
	background: #EEE;
}

/********************************************************
 *** 縦型の商品リスト（スクロールボタン）
 ********************************************************/
.liquidcontentslist[scroll="button"] {
	height: 252px;
	margin-right: 0;
}
.liquidwrapper {
	overflow-x: auto;
	padding-bottom: 10px;
	-ms-overflow-style: none;
	-webkit-overflow-scrolling: touch;
}
.liquidwrapper > * {
	-webkit-transform:translateZ(0);
}
.liquidwrapper::-webkit-scrollbar{
	display: none;
}
.liquidwrapper .contentslist:last-of-type {
	width: auto;
}
.liquid_arrow_left {
	position: absolute;
	top: 54px;
	left: -10px;
	width: 40px;
	height: 60px;
	background-color: rgba(255, 255, 255, 0.9);
	border: solid 0.6px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.1));
	transition: background-color 150ms ease;
	cursor: pointer;
}
.liquid_arrow_left:hover {
	background-color: rgba(255, 255, 255, 1);
}
.liquid_arrow_left div:before {
	display: block;
	margin-left: 20px;
	margin-top: 23px;
	width: 10px;
	height: 10px;
	border-top: 4px solid #666;
	border-left: 4px solid #666;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: "";
}
.liquid_arrow_right {
	position: absolute;
	top: 54px;
	right: -10px;
	width: 40px;
	height: 60px;
	background-color: rgba(255, 255, 255, 0.9);
	border: solid 0.6px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.1));
	transition: background-color 150ms ease;
	cursor: pointer;
}
.liquid_arrow_right:hover {
	background-color: rgba(255, 255, 255, 1);
}
.liquid_arrow_right div:before {
	display: block;
	margin-left: 6px;
	margin-top: 23px;
	width: 10px;
	height: 10px;
	border-top: 4px solid #666;
	border-left: 4px solid #666;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	content: "";
}

/*** IE9以下 非表示 ***/
.liquid_arrow_left, 
.liquid_arrow_right {
	visibility:hidden\9;  /* under IE9 */
}
@media all and (-ms-high-contrast: none) {
	.liquid_arrow_left, 
	.liquid_arrow_right {
		visibility:visible;	/* IE10除外 */
	}
}

/*** レーベル一覧 ***/
.liquidcontentslist[blockclass="newlabel"][scroll="button"] {
	height: 93px;
}
.liquidcontentslist[blockclass="newlabel"][scroll="button"] a.liquid_arrow_left, 
.liquidcontentslist[blockclass="newlabel"][scroll="button"] a.liquid_arrow_right {
	top: 6px;
}
.liquidwrapper .newlabel:last-of-type {
	width: auto;
}

/*** 女優一覧 ***/
.liquidcontentslist[blockclass="actresslist"][scroll="button"] {
	height: 120px;
}
.liquidcontentslist[blockclass="actresslist"][scroll="button"] a.liquid_arrow_left, 
.liquidcontentslist[blockclass="actresslist"][scroll="button"] a.liquid_arrow_right {
	top: 18px;
}
.liquidwrapper .actresslist {
	margin: 0;
	width: 116px;
}
.liquidwrapper .actresslist:last-of-type {
	width: auto;
}
.liquidwrapper .actresslist img {
	border-radius: 50px;
}

/*** シリーズ一覧 ***/
.liquidcontentslist[blockclass="seriespicup"][scroll="button"] {
	height: 79px;
}
.liquidcontentslist[blockclass="seriespicup"][scroll="button"] a.liquid_arrow_left, 
.liquidcontentslist[blockclass="seriespicup"][scroll="button"] a.liquid_arrow_right {
	top: 9px;
}
.liquidwrapper .seriespicup {
	margin: 0;
	width: 175px;
}
.liquidwrapper .seriespicup:last-of-type {
	width: auto;
}

/********************************************************
 *** 60x60.jpg＋タイトルの商品リスト
 ********************************************************/

.smallsalelist li {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}
.smallsalelist .jacketimg {
	position: relative;
	float: left;
}
.smallsalelist .jacketimg img {
	width: 60px;
}
.smallsalelist .jacketimg .onsale {
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	background: url(https://img.duga.jp/img/contents/sale.svg) no-repeat;
	background-size: 30px 30px;
}
.smallsalelist .title {
	margin-left: 65px;
	line-height: 1.3;
}
.smallsalelist .keiyaku-date, 
.smallsalelist .keiyaku-type, 
.smallsalelist .mylist {
	margin-top: 4px;
	margin-left: 65px;
	line-height: 1.2;
	font-size: 8pt;
}
.smallsalelist .keiyaku-type {
	color: #999;
}
.smallsalelist .mylist {
	position: relative;
	padding-left: 14px;
	color: #999;
}
.smallsalelist .mylist:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	background: url(https://img.duga.jp/img/contents/mylist-heart.png) no-repeat top/11px 11px;
}
.smallsalelist .money {
	margin-top: 4px;
	margin-left: 65px;
	color: #C00;
	line-height: 1.2;
}

/********************************************************
 *** ページングリスト（マイページなどのテーブル）
 ********************************************************/

.table-paginglist {
	margin-bottom: 20px;
	width: 100%;
	background-color: #CCC;
}
.table-paginglist th, 
.table-paginglist td {
	padding: 6px;
}
.table-paginglist thead tr {
	background-color: #EEE;
}
.table-paginglist tbody tr {
	background-color: #FFF;
}
.table-paginglist tbody tr.inactive {
	background-color: #F6F6F6;
}
.table-paginglist tbody tr.inactive .title a {
	color: #888;
}
.table-paginglist th.imgth {
	width: 80px;
}
.table-paginglist td.money {
	text-align: right;
	white-space: nowrap;
}

/*** nojacketimgのトリミング ***/
.table-paginglist .image {
	overflow: hidden;
	width: 80px;
}
.table-paginglist .image img {
	width: 80px;
	height: 113px;
	background: #EEE;
}
.table-paginglist .image img[src$="120x120.jpg"], 
.table-paginglist .image img[src$="square.png"] {
	margin: 0px -16.5px;
	width: 113px;
}

/*** マイリスト登録数 ***/
.table-paginglist .mylist {
	position: relative;
	margin-top: 6px;
	padding-left: 14px;
	line-height: 15px;
	font-size: 8pt;
	color: #999;
}
.table-paginglist .mylist:before {
	position: absolute;
	content: "";
	top: 1.5px;
	left: 0;
	width: 11px;
	height: 11px;
	background: url(https://img.duga.jp/img/contents/mylist-heart.png) no-repeat top/11px 11px;
}

/********************************************************
 *** 新着レーベル/人気レーベル
 ********************************************************/

.newlabel {
	width: 175px;
	float: left;
}
.newlabel div {
	width: 155px;
	text-align: center;
}
.newlabel img {
	margin-bottom: 4px;
	width: 155px;
	height: 73px;
	background: #EEE;
}

/********************************************************
 *** 共通ボタン
 ********************************************************/

/*** グレーの標準ボタン ***/
.liquid-gray-button a, 
.liquid-gray-button input[type="submit"] {
	display: inline-block;
	/*padding: 8px 15px;*/
	padding: 8px 12px;
	border: 1px solid #333;
	border-radius: 5px;
	background: #EEE;
	background-image: linear-gradient(to bottom,#F7F7F7,#EEE,#EEE,#E5E5E5);
	box-sizing: border-box;
	line-height: 16px;
	text-decoration: none;
	font-weight: bold;
	font-size: 10pt;
	color: #333;
	text-align: center;
	cursor: pointer;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.liquid-gray-button a:hover, 
.liquid-gray-button input[type="submit"]:hover {
	border: 1px solid #222;
	background: #E8E8E8;
	background-image: linear-gradient(to bottom,#EEE,#E8E8E8,#E8E8E8,#DDD);
	color: #111;
}
.liquid-gray-button a:focus, 
.liquid-gray-button input[type="submit"]:focus {
	opacity: 0.6;
}
.liquid-gray-button .fixed-width {
	width: 248px;
}
.liquid-gray-button .fixed-width-submit {
	width: 248px;
}

/*** グレーの標準ボタン（戻る） ***/
@media (min-width: 1px) {
	.liquid-gray-button.back a {
		position: relative;
		padding-left: 32px;
	}
}
.liquid-gray-button.back a::before {
	position: absolute;
	top: 7px;
	left: 9px;
	width: 22px;
	height: 18px;
	content: "";
	background: url(https://img.duga.jp/img/icon/svg/back.svg) no-repeat 0 0/18px 18px;
	opacity: 0.5;
}

/*** オレンジの次へ進むボタン ***/
.liquid-next-button a, 
.liquid-next-button input[type="submit"] {
	display: inline-block;
	margin: 0;
	padding: 8px 18px 8px 8px;
	min-width: 128px;
	line-height: 16px;
	border: 1px solid #333;
	border-radius: 5px;
	background: #ffbf00;
	background-image: linear-gradient(to bottom,#ffd248,#ffbf00,#ffbf00,#ebb40a);
	box-sizing: border-box;
	color: #222;
	text-decoration: none;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	cursor: pointer;
}
span.liquid-next-button span {
	position: relative;
	display: inline-block;
}
span.liquid-next-button span:before {
	position: absolute;
	top: 0.9px;
	right: 0.9px;
	bottom: 0.9px;
	width: 17.1px;
	content: "";
	background: #333;
	background-image: linear-gradient(to bottom,#555,#333,#333,#111);
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
span.liquid-next-button span:after {
	position: absolute;
	top: 50%;
	right: 4px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	content: "";
	background-image: url(https://img.duga.jp/img/arrow_next_button.png);
	background-size: 10px 10px;
	background-repeat: no-repeat;
}
@media (min-width: 1px) {
	span.liquid-next-button span:after {
		background-image: url(https://img.duga.jp/img/arrow_next_button.svg);
	}
}
.liquid-next-button span:hover > * {
	border: 1px solid #222;
	background-color: #f4b800;
	background-image: linear-gradient(to bottom,#ffcb2f,#f4b800,#f4b800,#e0ab0a);
	color: #000;
}
.liquid-next-button span:hover:before {
	background: #222;
	background-image: linear-gradient(to bottom,#444,#222,#222,#000);
}
.liquid-next-button.disabled a, 
.liquid-next-button.disabled input[type="submit"] {
	opacity: 0.6;
	background: #DDD;
	background-image: linear-gradient(to bottom,#E3E3E3,#DDD,#DDD,#D9D9D9);
	cursor: auto;
}
.liquid-next-button.disabled a:hover, 
.liquid-next-button.disabled input[type="submit"]:hover {
	background: #DDD;
	background-image: linear-gradient(to bottom,#E3E3E3,#DDD,#DDD,#D9D9D9);
	color: #222;
}
.liquid-next-button a:focus, 
.liquid-next-button input[type="submit"]:focus {
	outline: 0;
	opacity: 0.6;
}
.liquid-next-button .fixed-width {
	width: 248px;
}
.liquid-next-button .fixed-width-submit {
	width: 248px;
}
.liquid-next-button .fixed-width-cart {
	width: 218px;
	*width: 180px;  /* IE7以下 */
}
.liquid-next-button .fixed-width-cart-submit {
	width: 218px;
}

/*** オレンジの小さいボタン ***/
.liquid-orange-button a, 
.liquid-orange-button input[type="submit"] {
	display: inline-block;
	padding: 0px 8px;
	border: solid 1px #333;
	border-radius: 3px;
	background: #ffbf00;
	background-image: linear-gradient(to bottom,#ffd248,#ffbf00,#ffbf00,#ebb40a);
	box-sizing: border-box;
	line-height: 20px;
	font-size: 8pt;
	color: #222222;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

/*** 小さいボタン ***/
.deletebutton a, 
.smallbutton a, 
.smallbutton input[type="submit"] {
	display: inline-block;
	padding: 2px 10px;
	min-width: 60px;
	border: 0.6px solid #999;
	border-radius: 3px;
	background: #EEE;
	background-image: linear-gradient(to bottom,#F7F7F7,#EEE);
	box-sizing: border-box;
	font-size: 9pt;
	line-height: 1.4;
	color: #333;
	text-decoration: none;
	text-align: center;
}
.deletebutton a:hover, 
.smallbutton a:hover, 
.smallbutton input[type="submit"]:hover {
	border: 0.6px solid #888;
	background: #E8E8E8;
	background-image: linear-gradient(to bottom,#EEE,#E8E8E8,#E8E8E8,#DDD);
	color: #222;
}
.deletebutton a:focus, 
.smallbutton a:focus, 
.smallbutton input[type="submit"]:focus {
	opacity: 0.6;
}

/*** ボタンの非アクティブ化 ***/
.noactive {
	opacity: 0.5;
	filter: grayscale(1);
}

/*** 翻訳ボタン ***/
.translate {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 100%;
	padding: 10px;
	background: #EEE;
	text-align: right;
	border-bottom: solid 1px #DDD;
}
.translate a {
	display: inline-block;
	margin-right: 10px;
	padding: 4px 10px;
	background: #4d90fe;
	color: #FFF !important;
	text-decoration: none !important;
	font-size: 8pt;
	font-weight: bold;
}

/*** ラジオボタン（input） ***/
.radio {
	display: inline-block;
	position: relative;
}
.radio input[type="radio"] {
	margin: 2px 2px 2px 2px;
	vertical-align: middle;
}
.radio label {
	margin-right: 10px;
	vertical-align: middle;
}
@media (min-width: 1px) {
	.radio input[type="radio"] {
		display: none;
	}
	.radio input[type="radio"]+label::before {
		position: absolute;
		top: 50%;
		left: 0px;
		margin-top: -8px;
		width: 16px;
		height: 16px;
		content: "";
		background-color: #F3F3F3;
		border: 1px solid #CCC;
		border-radius: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.radio input[type="radio"]:checked+label::after {
		display: block;
		position: absolute;
		top: 50%;
		left: 4px;
		margin-top: -4px;
		content: "";
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: steelblue;
	}
	.radio label {
		margin-left: 20px;
	}
}

/*** 進捗表示用（ローディング） ***/
.progress .wait {
	position: relative;
	padding-left: 34px;
	line-height: 34px;
	color: #666;
	font-size: 12pt;
	font-weight: bold;
}
@media (min-width: 1px) {
	.progress .wait:before {
		position: absolute;
		display: inline-block;
		top: 50%;
		left: 0;
		margin-top: -13px;
		width: 26px;
		height: 26px;
		background: radial-gradient(farthest-corner ellipse at 2px 50%, #EEE 2px, #AEF 6px, #09F 20px);
		border-radius: 100%;
		box-sizing: border-box;
		content: "";
		animation: spin 1.5s linear infinite;
	}
	.progress .wait:after {
		position: absolute;
		display: inline-block;
		top: 50%;
		left: 4px;
		margin-top: -9px;
		width: 18px;
		height: 18px;
		background: #FFF;
		border-radius: 100%;
		box-sizing: border-box;
		content: "";
	}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
.progress .fail {
	position: relative;
	padding-left: 34px;
	line-height: 34px;
	color: #666;
	font-size: 12pt;
	font-weight: bold;
}
.progress .fail span {
	color: #E00;
}
@media (min-width: 1px) {
	.progress .fail:before {
		transform: rotate(-45deg);
		left: 0px;
		top: 14px;
		border-radius: 1px;
		position: absolute;
		content: "";
		display: block;
		width: 26px;
		height: 5px;
		background: #F00;
	}
	.progress .fail:after {
		transform: rotate(45deg);
		left: 0;
		top: 14px;
		border-radius: 1px;
		position: absolute;
		content: "";
		display: block;
		width: 26px;
		height: 5px;
		background: #F00;
	}
}
.progress .done {
	position: relative;
	padding-left: 34px;
	line-height: 34px;
	color: #099700;
	font-size: 12pt;
	font-weight: bold;
}
@media (min-width: 1px) {
	.progress .done:before {
		transform: rotate(-45deg);
		left: 5.5px;
		top: 13.8px;
		border-radius: 10px;
		position: absolute;
		content: "";
		display: block;
		width: 23px;
		height: 5px;
		background: #099700;
	}
	.progress .done:after {
		transform: rotate(45deg);
		left: 0;
		top: 17px;
		border-radius: 10px;
		position: absolute;
		content: "";
		display: block;
		width: 14px;
		height: 5px;
		background: #099700;
	}
}

/********************************************************
 *** 変換予測
 ********************************************************/

#keywordpopupouter {
	display: none;
	position: absolute;
	padding: 0px 1.5px 0px 1px;
	box-sizing: border-box;
}
#keywordpopupinner {
	border: 0.7px solid #888;
	background-color: #FFF;
}
#keywordpopupinner .word {
	padding: 8px 8.5px;
	display: block;
}
#keywordpopupinner .word-active {
	color: #FFF;
	font-size: 10pt;
	background-color: #1D3994;
	text-decoration: underline;
}
#keywordpopupinner .word-inactive {
	color: #000;
	font-size: 10pt;
	background-color: #FFF;
	text-decoration: none;
}

/********************************************************
 *** テーブルへのスタイル適用
 ********************************************************/

table {
	font-size: 9pt;
	line-height:1.5;
}
table p {
	margin: 0px;
}
#table .table-gray {
	/*border: 1px solid #CCC;*/
	margin-bottom:10px;
	width: 100%;
	height: 32px;
}
#table .table-gray .td-left {
	padding: 0px 8px;
	background-color: #EEE;
	border: 1px solid #DDD;
	width: 230px;
	border-radius: 3px;
}
#table .table-gray .td-right {
	padding-left: 5px;
}
#table .table-gray .td-right .form-text {
	min-height: 18px;
	word-wrap: break-word;
	padding: 6px 8px;
	border: 1px solid #DDD;
	border-radius: 3px;
}
#table .table-gray .td-right .fixed-width {
	width: 400px;
}
#table input[type="text"], 
#table input[type="password"], 
#table input[type="email"], 
#table input[type="tel"], 
#table input[type="number"], 
#table textarea {
	height: 22px;
	font-size: 11pt;
	padding: 4px 8px;
	border: 1px solid #7f9db9;
	border-radius: 3px;
}
#table input[type="text"]:focus, 
#table input[type="password"]:focus, 
#table input[type="email"]:focus, 
#table input[type="tel"]:focus, 
#table input[type="number"]:focus, 
#table textarea:focus {
	background-color: #faffbd;
}
#table select {
	height: 32px;
	font-size: 10pt;
	padding: 4px;
	border: 1px solid #7f9db9;
	border-radius: 3px;
}
#table input[readonly="readonly"] {
	border: 1px solid #CCC;
	background: #FFF;
}
#table input[readonly="readonly"]:focus {
	background: #FFF;
}

/********************************************************
 *** 新着作品
 ********************************************************/

.day {
	margin-bottom: 10px;
	float: left;
}
.arrow_left {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
.arrow_right {
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
}

/********************************************************
 *** サンプルプレビュー（sample-preview）
 ********************************************************/

.sample-rapper {
	position: relative;
	margin-bottom: 10px;
}
.sample-preview {
	display: block;
	overflow: hidden;
	position: relative;
	padding-top: 56%;
	background: #000;
	cursor: pointer;
}
.sample-preview::after {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	content: "";
	border: solid 0.6px rgba(0, 0, 0, 0.1);
}
.sample-preview img, 
.sample-preview video {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 102.1%;
	max-height: 101.5%;
	transform: translateY(-50%) translateX(-50%);
	pointer-events: none;
}
.sample-preview .curtain {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,0.1);
	transition: .3s ease;
}
.sample-preview .play-icon {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 60px;
	height: 60px;
	margin: auto;
	border: solid 6px rgba(255,255,255,0.85);
	border-radius: 100%;
	box-sizing: border-box;
	transition: 0.3s ease;
	pointer-events: none;
}
.sample-preview .play-icon::before {
	position: absolute;
	top: 0;
	left: 6px;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 15px 26px;
	border-color: transparent transparent transparent rgba(255,255,255,0.85);
	transition: 0.3s ease;
}

/*** +active（共通） ***/
.sample-preview img {
	transition: opacity 1s ease;
}
.sample-preview.active img {
	opacity: 0;
}
.sample-preview.active .curtain {
	background: rgba(0,0,0,0);
}
.sample-preview.active .play-icon {
	border-color: rgba(255, 255, 255, 0);
}
.sample-preview.active .play-icon::before {
	border-color: transparent transparent transparent rgba(255,255,255,0);
}
.sample-preview.active .explanation::before {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 6px;
	margin: auto;
	width: 146px;
	line-height: 20px;
	border-radius: 10px;
	background: rgba(0, 0, 0, 0.5);
	color: #FFF;
	content: "クリックして全画面で再生";
	font-size: 8pt;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	pointer-events: none;
	opacity: 0;
	animation: change-hover 3s linear both;
}
@keyframes change-hover {
	0%   {opacity: 0;}
	10%  {opacity: 0;}
	20%  {opacity: 1;}
	70%  {opacity: 1;}
	100% {opacity: 0;}
}

/*** +active（タブレット） ***/
.tablet .sample-preview.active .explanation::before {
	content: "タップして全画面で再生";
	font-weight: bold;
}
.sample-preview + .stop-video {
	visibility: hidden;
}
.sample-preview.active + .stop-video {
	visibility: visible;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	filter: drop-shadow(0 0 0.5px rgba(0,0,0,0.5));
}
.sample-preview.active + .stop-video::before, 
.sample-preview.active + .stop-video::after {
	position: absolute;
	top: 10px;
	right: 11px;
	width: 6px;
	height: 20px;
	content: "";
	background: #FFF;
}
.sample-preview.active + .stop-video::after {
	right: 22px;
}

/*** IE9以下 非表示 ***/
.sample-preview {
	display: none\9;	/* IE10以下 */
}
@media all and (-ms-high-contrast: none) {
	.sample-preview {
		display: block;	/* IE10除外 */
	}
}

/********************************************************
 *** ホバーボックス（商品情報のポップアップ表示）
 ********************************************************/

#hover-box {
	position: relative;
	display: table;
	width: 224px;
	background: #FFF;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	border: 1px solid #CCC;
	border-radius: 5px;
	z-index: 1;
}
@media (min-width: 1px) {
	#hover-box {
		border: none;
	}
}
#hover-box .content-box {
	padding: 10px 12px 12px 12px;
	line-height: 1.4;
}
#hover-box .content-box .title-base {
	width: 200px;
	margin-bottom: 7px;
	display: none;
}
#hover-box .content-box .title {
	display: inline;
	line-height: 1.2;
	font-size: 9.5pt;
	font-weight: bold;
}
#hover-box .content-box .title a {
	color: #333;
}
#hover-box .content-box .image {
	position: relative;
	overflow: hidden;
	width: 200px;
	min-height: 120px;
	margin-bottom: 10px;
	background: #000;
}
#hover-box[keiyakustatus="unsale"] .content-box .image {
	display: none;
}
#hover-box .content-box .image .none-mp4 {
	_display: none;  /* IE6以下 */
	width: 200px;
	height: 150px;
}
#hover-box .content-box .image .mp4 + .none-mp4 {
	display: none;
}
#hover-box .content-box .image .mp4 img, 
#hover-box .content-box .image .mp4 video {
	position: absolute;
	*position: static;  /* IE7以下 */
	top: -10px;
	bottom: -10px;
	left: -70px;
	right: -70px;
	margin: auto;
	height: 122px;
}
#hover-box .content-box .image .mp4 img {
	opacity: 0.7;
}
#hover-box .content-box .video-loading {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 40px;
	height: 40px;
}
#hover-box .content-box .copyright {
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding: 4px 5px;
	line-height: 1;
	font-size: 7.5pt;
	font-weight: bold;
	color: #FFF;
	text-shadow: 1px 1px 3px #000;
	display: none;
}
#hover-box .content-box .copyright a {
	color: #FFF;
}
#hover-box .content-box .ratingstar {
	float: left;
	margin-bottom: 6px;
}
#hover-box .content-box .ratingstar img {
	display: block;
	width: 65px;
	height: 13px;
	opacity: 0.9;
}
#hover-box .content-box .mylist {
	position: relative;
	float: left;
	margin-left: 6px;
	padding-left: 14px;
	line-height: 15px;
	font-size: 8pt;
	color: #999;
}
#hover-box .content-box .mylist:before {
	position: absolute;
	content: "";
	top: 1.5px;
	left: 0;
	width: 11px;
	height: 11px;
	background: url(https://img.duga.jp/img/contents/mylist-heart.png) no-repeat top/11px 11px;
}
#hover-box .content-box .summary {
	clear: both;
	width: 200px;
	font-size: 8pt;
	display: none;
}
#hover-box .content-box .open-date {
	margin-bottom: 4px;
}
#hover-box .content-box .hover-box-multidevice, 
#hover-box .content-box #hover-box-playtime-ppv, 
#hover-box .content-box #hover-box-playtime-month {
	display: inline-block;
	margin: 0 4px 4px 0;
	padding: 2.5px 4px;
	line-height: 1;
	background: #6DAF6D;
	color: #FFF;
	font-size: 7pt;
}
#hover-box .content-box .hover-box-multidevice:before {
	content: "マルチデバイス対応";
}
#hover-box[multidevice="0"] .content-box .hover-box-multidevice {
	background: #D6D6D6;
}
#hover-box[multidevice="0"] .content-box .hover-box-multidevice:before {
	content: "マルチデバイス非対応";
}
#hover-box .content-box #hover-box-playtime-ppv:empty {
	background: #DB7093;
}
#hover-box .content-box #hover-box-playtime-ppv:empty:after {
	content: "非動画作品";
}
#hover-box[keiyakustatus="unsale"] .content-box #hover-box-playtime-ppv:empty {
	background: #d6d6d6;
}
#hover-box[keiyakustatus="unsale"] .content-box #hover-box-playtime-ppv:empty:after {
	content: "配信終了";
}
#hover-box .content-box #hover-box-salestype span {
	display: inline-block;
	margin: 0 4px 4px 0;
	padding: 2.5px 4px;
	line-height: 1;
	background: #D6D6D6;
	color: #FFF;
	font-size: 7pt;
	letter-spacing: -0.025em;
}
#hover-box .content-box #hover-box-salestype span:last-child {
	margin-right: 0;
}
#hover-box[ppvsale="onsale"] .content-box #hover-box-salestype .ppvsale, 
#hover-box[wmdrmsale="onsale"] .content-box #hover-box-salestype .wmdrmsale, 
#hover-box[ppvhdsale="onsale"] .content-box #hover-box-salestype .ppvhdsale, 
#hover-box[wmdrmhdsale="onsale"] .content-box #hover-box-salestype .wmdrmhdsale {
	background: #6396C0;
}
#hover-box .content-box .samplelink {
	display: none;
}
#hover-box .content-box .downloadlink {
	display: none;
}
#hover-box .content-box .price-box {
	margin-bottom: 4px;
	display: none;
}
#hover-box .content-box .money {
	color: #C00;
}
#hover-box[keiyakustatus="onsale"][sale="on"]:not([labeltype="month"]) .content-box .price-box:before {
	display: inline-block;
	margin-right: 4px;
	padding: 2.5px 4px;
	content: "期間限定セール実施中 ";
	line-height: 1;
	font-size: 7pt;
	background: #D33;
	color: #FFF;
	vertical-align: 1px;
}
#hover-box[keiyakustatus="buyer"] .content-box .money {
	display: inline-block;
	padding: 2.5px 4px;
	line-height: 1;
	font-size: 7pt;
	background: #D33;
	color: #FFF;
	vertical-align: 1px;
}
#hover-box .content-box .introduction {
	width: 200px;
	margin-bottom: 8px;
	font-size: 8pt;
}
#hover-box[keiyakustatus="buyer"][totalsec="0"] .content-box .introduction, 
#hover-box[keiyakustatus="unsale"] .content-box .introduction {
	margin-bottom: 0;
}
#hover-box[keiyakustatus="buyer"][totalsec="0"] .content-box #productinfo {
	display: none;
}
#hover-box .content-box .title-base .pricestatustext-presale {
	float: left;
	margin-right: 4px;
	padding: 2px 6px;
	min-width: 30px;
	line-height: 1;
	border-radius: 10px;
	background: #FF1493;
	color: #FFF;
	font-size: 10px;
	text-align: center;
}
#hover-box .content-box .title-base .pricestatustext-new {
	float: left;
	margin-right: 4px;
	padding: 2px 6px;
	min-width: 30px;
	line-height: 1;
	border-radius: 10px;
	background: #F43;
	color: #FFF;
	font-size: 10px;
	text-align: center;
}
#hover-box .content-box .title-base .pricestatustext-seminew {
	float: left;
	margin-right: 4px;
	padding: 2px 6px;
	min-width: 30px;
	line-height: 1;
	border-radius: 10px;
	background: #36D;
	color: #FFF;
	font-size: 10px;
	text-align: center;
}
#hover-box .content-box .title-base .pricestatustext-reserve {
	float: left;
	margin-right: 4px;
	padding: 2px 6px;
	min-width: 30px;
	line-height: 1;
	border-radius: 10px;
	background: #999;
	color: #FFF;
	font-size: 10px;
	text-align: center;
}
#hover-box .content-box .title-base .pricestatustext-digi {
	float: left;
	margin-right: 4px;
	padding: 2px 6px;
	min-width: 30px;
	line-height: 1;
	border-radius: 10px;
	background: #3AE;
	color: #FFF;
	font-size: 10px;
	text-align: center;
}
#hover-box .content-box .title-base .pricestatustext-month {
	float: left;
	margin-right: 4px;
	padding: 2px 6px;
	min-width: 30px;
	line-height: 1;
	border-radius: 10px;
	background: #6A3;
	color: #FFF;
	font-size: 10px;
	text-align: center;
}
#hover-box .content-box .title-base .pricestatustext-soft {
	float: left;
	margin-right: 4px;
	padding: 2px 6px;
	min-width: 30px;
	line-height: 1;
	border-radius: 10px;
	background: #F93;
	color: #FFF;
	font-size: 10px;
	text-align: center;
}
#hover-box[close="true"] .content-box .title::before {
	content: "配信終了";
	float: left;
	margin-right: 4px;
	padding: 2px 6px;
	min-width: 30px;
	line-height: 1;
	border-radius: 10px;
	background: #999;
	color: #FFF;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}
#hover-box[close="true"] .content-box span[class^="pricestatustext"] {
	display: none;
}
#hover-box .cartareabox {
	margin-left: 0px !important;
}
#hover-box .cartareabox .buttonbig_active {
	width: 198px !important;
}
#hover-box-container .arrow-left-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 100%;
	z-index: 2;
}
#hover-box-container .arrow-right-box {
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 100%;
	z-index: 2;
}
#hover-box-container .arrow-left {
	position: absolute;
	background: url(https://img.duga.jp/img/arrow_hover_left.png) no-repeat;
	height: 40px;
	width: 24px;
	left: 0;
	margin-top: -20px;
}
#hover-box-container .arrow-right {
	position: absolute;
	background: url(https://img.duga.jp/img/arrow_hover_right.png) no-repeat;
	height: 40px;
	width: 24px;
	left: 0;
	margin-top: -20px;
}
@media (min-width: 1px) {
	#hover-box-container .arrow-left {
		background: url(https://img.duga.jp/img/arrow_hover_left.svg) no-repeat;
	}
	#hover-box-container .arrow-right {
		background: url(https://img.duga.jp/img/arrow_hover_right.svg) no-repeat;
	}
}
.hover-box-preload {
	width: 0px;
	height: 0px;
	display: block;
}
* html .hover-box-preload {
	display: none;
}


/********************************************************
 *** 年齢認証
 ********************************************************/

#auth {
	height: 100%;
}
#auth body {
	height: 100%;
}
#auth-base {
	width: 100%;
	height: 100%;
	position: relative;
	min-width: 500px;
	min-height: 550px;
}
#auth-main {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 340px;
	margin-left: -170px;
	margin-top: -220px;
}
#auth-main .auth-logo {
	margin-bottom: 28px;
	text-align: center;
}
#auth-main .auth-logo svg {
	width: 340px;
	height: 46px;
	vertical-align: bottom;
}
#auth-main .auth-logo img {
	width: 340px;
	height: 46px;
}
#auth-main .auth-title {
	margin-bottom: 22px;
	color: #333;
	font-size: 14pt;
	font-weight: bold;
	text-align: center;
}
#auth-main h1 {
	margin: 0px;
	font-size: 10pt;
	font-weight: normal;
}
#auth-main .auth-info {
	margin-bottom: 22px;
	font-size: 10pt;
	line-height: 1.5;
}
#auth-main .auth-subtitle {
	margin-bottom: 22px;
	color: #333;
	font-weight: bold;
	font-size: 11.5pt;
	text-align: center;
}
#auth-main .auth-button {
	overflow: hidden;
	margin-bottom: 30px;
}
#auth-main .auth-button a {
	display: block;
	padding: 11px 8px 9px 8px;
	width: 144px;
	line-height: 24px;
	border-radius: 7px;
	box-sizing: content-box;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
}
#auth-main .auth-button a.left {
	float: left;
	background-color: #E00;
	background-image: linear-gradient(to bottom, #F00, #D00);
	border: solid 1px #C00;
	color: #FFF;
	text-shadow: 1px 1px 1px #F33, -1px -1px 1px #C00, 1px -1px 1px #E00, -1px 1px 1px #E00;
}
#auth-main .auth-button a.left:hover {
	background-color: #D00;
	background-image: linear-gradient(to bottom,#E00,#C00);
}
#auth-main .auth-button a.right {
	float: right;
	background-color: #F6F6F6;
	background-image: linear-gradient(to bottom,#FFF,#EEE);
	border: solid 1px #BBB;
	color: #333;
	text-shadow: 1px 1px 1px #FFF,-1px -1px 1px #CCC,1px -1px 1px #EEE,-1px 1px 1px #EEE;
}
#auth-main .auth-button a.right:hover {
	background-color: #EEE;
	background-image: linear-gradient(to bottom,#F6F6F6,#E6E6E6);
}
#auth-main .auth-button a:focus {
	opacity: 0.6;
}
#auth-main .auth-button a span {
	font-size: 24px;
	padding-right: 0.14em;
	letter-spacing: -0.08em;
}
#auth-main .auth-permit {
	text-align: center;
	clear: both;
	line-height: 18px;
	font-size: 10pt;
	opacity: 0.5;
}
@media (min-width: 1px) {
	#auth-main .auth-permit div {
		display: inline-block;
		padding: 2px 2px 1px 44px;
		background-image: url(https://img.duga.jp/img/icon/svg/18kin.svg);
		background-repeat: no-repeat;
		background-size: 36px 36px;
		background-position: center left;
		text-align: left;
	}
}
#auth-footer {
	position: absolute;
	left: 50%;
	bottom: 30px;
	width: 400px;
	margin-left: -200px;
}
#auth-footer .auth-credit {
	font-size: 9pt;
	text-align: center;
	color: #999;
}
#auth-footer .auth-credit br {
	display: none;
}

/********************************************************
 *** 会員登録フォーム
 ********************************************************/

#baseblock.join .error {
	margin-right: 8px;
}
#baseblock.join .box-base {
	margin-bottom: 28px;
}

/*** 入力フォーム ***/
#baseblock.join .box-base .box.center {
	width: 430px;
}
#baseblock.join .box-base .description.preface {
	display: none;
}
#baseblock.join .box-base .liquid-next-button input[type="submit"] {
	width: 318px;
}
#baseblock.join .box-base input#age {
	width: 40px;
}
#baseblock.join .box-base .progress .wait {
	font-size: 11pt;
}

/*** サマリー ***/
#baseblock.join .summary {
	position: absolute;
	top: 0;
	right: 4px;
	color: #FFF;
}
#baseblock.join .summary img {
	display: block;
	width: 180px;
	height: 120px;
	margin-bottom: 15px;
	border-radius: 8px;
}
#baseblock.join .summary img.founding-img {
	background: #328732;
}
#baseblock.join .summary img.items-img {
	background: #005D8B;
}
#baseblock.join .summary img.membership-img {
	background: #EE0000;
}
#baseblock.join .summary span {
	position: absolute;
	font-size: 10px;
	color: rgba(255, 255, 255, 0.85);
	white-space: nowrap;
}
#baseblock.join .summary span.founding-text {
	left: 13px;
	top: 100px;
	color: #328732;
}
#baseblock.join .summary span.items-text {
	left: 13px;
	top: 235px;
	color: #005D8B;
}
#baseblock.join .summary span.membership-text {
	left: 13px;
	top: 370px;
	color: #EE0000;
}

/*** 補足（undermenu） ***/
#baseblock.join #undermenu {
	padding: 6px 10px;
	line-height: 18px;
}
#baseblock.join #undermenu .supplement {
	margin: auto;
	width: 684px;
}
#baseblock.join #undermenu .supplement span {
	position: relative;
	display: inline-block;
	padding-right: 10px;
	cursor: default;
}
@media (min-width: 1px) {
	#baseblock.join #undermenu .supplement span {
		padding-left: 24px;
	}
}
#baseblock.join #undermenu .supplement span:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	content: "";
	background-repeat: no-repeat;
	background-size: 18px 18px;
}
#baseblock.join #undermenu .supplement .time:before {
	background-image: url(https://img.duga.jp/img/head/undermenu/clock.svg);
}
#baseblock.join #undermenu .supplement .sample:before {
	background-image: url(https://img.duga.jp/img/head/undermenu/sample.svg);
}
#baseblock.join #undermenu .supplement .free:before {
	background-image: url(https://img.duga.jp/img/head/undermenu/free.svg);
}
#baseblock.join #undermenu .supplement .relief:before {
	background-image: url(https://img.duga.jp/img/head/undermenu/trash.svg);
}

/********************************************************
 *** 共通デザイン-2
 ********************************************************/

/*** お知らせ ***/
.informationbox .child:only-of-type {
	display: none;
}
.information {
	overflow: hidden;
	width: 100%;
	clear: both;
	margin-bottom: 15px;
}
.information .titlebox {
	overflow: hidden;
	width: 100%;
	margin-bottom: 5px;
}
.information .title {
	float: left;
	font-size: 9.5pt;
	font-weight: bold;
	color: #333;
}
.information .title a {
	color: #333;
}
.information .date {
	float: right;
	padding: 1px 6px 0px 0px;
	font-size: 9pt;
	color: #666;
}
.information .desc {
	clear: both;
}
.information .desc a {
	overflow: hidden;
	display: block;
	text-decoration: none;
	color: #000;
}
.information .desc .item-end {
	margin-bottom: 6px !important;
}
@media (min-width: 1px) {
	.information .title .icon {
		display: block;
		height: 16px;
		line-height: 18px;
		background-repeat: no-repeat;
		background-size: 16px 16px;
		background-position: 0 50%;
		padding-left: 20px;
	}
	.information .info-normal {
		background-image: url(https://img.duga.jp/img/icon/svg/info-normal.svg);
	}
	.information .info-attention {
		background-image: url(https://img.duga.jp/img/icon/svg/info-attention.svg);
	}
	.information .info-trouble {
		background-image: url(https://img.duga.jp/img/icon/svg/info-trouble.svg);
	}
}

/*** ご利用ガイド・Howto（旧infoguide.css） ***/
.infoguide .guideblock {
	margin-bottom: 20px;
}
.infoguide .guideblock .image-text {
	margin-bottom: 5px;
}
.infoguide .guideblock .image {
	margin-top: 10px;
	margin-bottom: 10px;
}
.infoguide .guideblock .image img {
	outline: 1px solid #CCC;
	outline-offset: -1px;
}
.infoguide .nextlink {
	margin-top: 24px;
}
.infoguide .nextlink a {
	display: block;
	padding: 12px 20px;
	border-radius: 8px;
	background: #4C687D;
	color: #FFF;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.infoguide .nextlink a::after {
	display: inline-block;
	position: absolute;
	margin-left: 8px;
	width: 24px;
	height: 24px;
	content: "";
	background: url(https://img.duga.jp/img/icon/svg/next-white.svg) no-repeat 0px 0px/24px 24px;
}
.infoguide .nextlink a:hover {
	opacity: 0.9;
}
#main-leftcontents.infoguide .guideblock .subtitle {
	margin-bottom: 8px;
	font-size: 10.5pt;
}

/*** ローディングメッセージ ***/
#wait-msg {
	display: none
}
#wait-msg .msg-box {
	z-index: 2;
	position: relative;
	width: 415px;
	margin: 40px auto 0px auto;
	padding: 30px;
	background: #FFF;
	border: 1px solid #CCC;
	border-radius: 4px;
}
#wait-msg .title {
	/*text-align: center;*/
	font-size: 10.5pt;
	font-weight: bold;
	color: #333;
}
#wait-msg .text {
	font-size: 9pt;
	color: #666;
}
#wait-msg .loadingimg {
	width: 38px;
	margin: 30px auto;
}
#wait-msg .loadingimg img {
	width: 38px;
	height: 38px;
}
#wait-msg .background {
	z-index: 1;
	position: fixed;
	visibility: visible;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #FFF;
	opacity: 0.75;
}
#wait-msg .loadingimg .kaiten {
	-webkit-animation: kaiten 4s linear 0s infinite;
	animation: kaiten 4s linear 0s infinite;
}
@-webkit-keyframes kaiten {
	0%   {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);}
}
@keyframes kaiten {
	0%   {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}

/*** ローディングアニメーション ***/
.fading-circle {
	width: 40px;
	height: 40px;
	position: relative;
	display: none\9;  /* IE8以下 */

}
.fading-circle .circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.fading-circle .circle:before {
	content: "";
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #FFF;
	border-radius: 100%;
	animation: circlefadedelay 1200ms linear infinite both;
}
.fading-circle .circle2 {
	transform: rotate(30deg);
}
.fading-circle .circle3 {
	transform: rotate(60deg);
}
.fading-circle .circle4 {
	transform: rotate(90deg);
}
.fading-circle .circle5 {
	transform: rotate(120deg);
}
.fading-circle .circle6 {
	transform: rotate(150deg);
}
.fading-circle .circle7 {
	transform: rotate(180deg);
}
.fading-circle .circle8 {
	transform: rotate(210deg);
}
.fading-circle .circle9 {
	transform: rotate(240deg);
}
.fading-circle .circle10 {
	transform: rotate(270deg);
}
.fading-circle .circle11 {
	transform: rotate(300deg);
}
.fading-circle .circle12 {
	transform: rotate(330deg);
}
.fading-circle .circle2:before {
	animation-delay: -1100ms;
}
.fading-circle .circle3:before {
	animation-delay: -1000ms;
}
.fading-circle .circle4:before {
	animation-delay: -900ms;
}
.fading-circle .circle5:before {
	animation-delay: -800ms;
}
.fading-circle .circle6:before {
	animation-delay: -700ms;
}
.fading-circle .circle7:before {
	animation-delay: -600ms;
}
.fading-circle .circle8:before {
	animation-delay: -500ms;
}
.fading-circle .circle9:before {
	animation-delay: -400ms;
}
.fading-circle .circle10:before {
	animation-delay: -300ms;
}
.fading-circle .circle11:before {
	animation-delay: -200ms;
}
.fading-circle .circle12:before {
	animation-delay: -100ms;
}
@keyframes circlefadedelay {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
.fading-circle:not(:target) {
	display: none\9;	/* IE9,10 */
}
@media all and (-ms-high-contrast: none) {
	.fading-circle:not(:target) {
		display: block;	/* IE10以上 */
	}
}

/*** ツールチップ（共通部分） ***/
.tooltip:before, 
.tooltip:after {
	position: absolute;
	visibility: hidden;
	pointer-events: none;
	z-index: 1;
}
.tooltip:before {
	border-color: #000 transparent;
	border-style: solid;
	border-width: 0px 5px 5px 5px;
	bottom: -6px;
	content: '';
	left: calc(50% - 5px);
}
.tooltip:after {
	bottom: -30px;
	padding: 0 8px;
	background: rgba(0, 0, 0, 0.7);
	color: #FFF;
	border-radius: 5px;
	line-height: 24px;
	font-weight: normal;
	font-size: 9pt;
	white-space: nowrap;
}
.tooltip:hover {
	text-decoration: none;
}
@media (min-width: 1px) {
	.tooltip:hover:after {
		visibility: visible;
		transition: visibility .1s .2s linear;
	}
}

/*** カテゴリや五十音順名称の羅列 ***/
.listmenu {
	width: 100%;
	margin-bottom: 20px;
	overflow: hidden;
}
.listmenu .title {
	 font-weight: bold;
	 margin-bottom: 5px;
	 font-size: 10pt;
}
.listmenu a {
	float: left;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px 14px;
	border: 1px solid #BBB;
	border-radius: 3px;
	background-color: #F7F7F7;
	background-image: linear-gradient(to bottom, #F7F7F7, #EFEFEF);
	color: #333;
	text-decoration: none;
	text-align:center;
	font-weight: bold;
}
.listmenu a:hover {
	border: 1px solid #999;
	background: #EEE;
	background-image: linear-gradient(to bottom, #EEE, #E7E7E7);
	color: #222;
}
.listmenu a:focus {
	opacity: 0.6;
}
.listmenu .listitem-nolink {
	float: left;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px 14px;
	border-radius: 3px;
	border: 1px solid #000;
	background-color: #333;
	background-image: linear-gradient(to bottom, #444, #222);
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}

/*** レーベル・月額カラー ***/
.labelcolor {
	margin-bottom:20px;
	text-align: center;
}
.labelcolor img {
	width: 680px;
	height: 150px;
	vertical-align: bottom;
}
/*** パスワードフォームの表示/非表示 ***/
.showpass {
	position: relative;
	display: inline-block;
}
.showpass input[type="checkbox"] {
	display: none;
}
.showpass label {
	position: absolute;
	top: 1.5px;
	right: 4px;
	padding: 5px;
	width: 20px;
	height: 20px;
}
.showpass label svg {
	width: 20px;
	height: 20px;
}
.showpass label .show {
	display: none;
}
.showpass input[type="checkbox"]:checked ~ label .hide {
	display: none;
}
.showpass input[type="checkbox"]:checked ~ label .show {
	display: block;
}
.showpass input[type="text"]::-ms-clear, 
.showpass input[type="password"]::-ms-reveal {
	display: none;
}
.showpass input[type="checkbox"] ~ .tooltip:after {
	content: "パスワードを表示する";
	right: calc((30px - 136px) / 2);
}
.showpass input[type="checkbox"]:checked ~ .tooltip:after {
	content: "パスワードを非表示にする";
	right: calc((30px - 160px) / 2);
}

/********************************************************
 *** トップページバナー
 ********************************************************/

/*** メインバナー2.0（2016/08/06～） ***/
#mainbannerbox {
	margin: 0px auto 16px auto;
	max-height: 239px;
	overflow: hidden;
}
#mainnavigation {
	float: left;
	width: 100%;
	height: 53px;
	margin-top: 4px;	
}
#bannerarea {
	text-align: center;
}
#bannerarea img {
	width: 100%;
	max-width: 812px;
	height: calc((100vw - 324px) * 0.22);
	min-height: 150px;
	max-height: 179px;
}
#iconlist {
	height: 53px;
	margin-right: 20px;
	margin-left: 20px;
	position: relative;
	overflow: hidden;
}
#iconlist:after{
	content: "";
	display: block;
	border-bottom: 4px solid #F00;
	width: 120px;
	margin: 48px auto 0px auto;
}
.flex-list-box {
	width: 1664px;
	left: 50%;
	margin-left: -832px;
	position: absolute;
}
.flex-list-item {
	margin: 8px 4px;
	width: 120px;
	height: 40px;
	float: left;
	display: block;
}
.flex-list-item img {
	margin-right: 3px;
	width: 37px;
	display: block;
	float: left;
}
.flex-list-item figcaption {
	display: block;
	color: #666;
	line-height: 10pt;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.flex-list-item p {
	height: 2.2em;
	margin-top: 0px;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
}
.flex-list-item .btntxt {
	width: 80px;
	height: 37px;
	color: #666;
	line-height: 9pt;
	font-size: 8pt;
	float: left;
}
#arrow_left {
	width: 20px;
	height: 53px;
	float: left;
	margin-left: -100%;
	cursor: pointer;
}
#arrow_left div:before {
	margin-left: 8px;
	margin-top: 23px;
	display: block;
	width: 5px;
	height: 5px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: "";
}
#arrow_left div {
	visibility:hidden\9;  /* under IE8 */
}
#arrow_left div:not(:target) {
	visibility:visible\9;  /* IE9 */
}
#arrow_right {
	width: 20px;
	height: 53px;
	float: left;
	margin-left: -20px;
	cursor: pointer;
}
#arrow_right div:before {
	margin-left: 5px;
	margin-top: 23px;
	display: block;
	width: 5px;
	height: 5px;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	content: "";
}
#arrow_right div {
	visibility:hidden\9;  /* under IE8 */
}
#arrow_right div:not(:target) {
	visibility:visible\9;  /* IE9 */
}

/*** 旧バージョン（～2016/08/06） ***/
* html #mainbannerarea {
	width: 100%;
}
#mainbannerarea .randombox {
	display: none;
}
#mainbannerarea .backgroundbox {
	text-align: center;
}
#mainbannerarea img {
	width: 680px;
	height: 150px;
	/*width: 100%;
	max-width: 812px;
	min-height: 150px;*/
	vertical-align: bottom;
}

/********************************************************
 *** マイページ
 ********************************************************/

/*** ペイジーアイコン ***/
@media (min-width: 1px) {
/*
	.headline.payeasy {
		position: relative;
		padding-left: 44px;
		color: #304395;
	}
	.headline.payeasy:before {
		content: "";
		position: absolute;
		top: -2px;
		left: 0px;
		width: 38px;
		height: 28px;
		background-image: url(https://img.duga.jp/img/icon/svg/pay-payeasy.svg);
		background-repeat: no-repeat;
		background-size: 38px 28px;
	}
*/
}

/*** ページング ***/
.paging-sum {
	float: left;
	margin: 0px 20px 8px 0px;
	line-height: 2;
}
.paging-box {
	margin-bottom: 18px;
	float: right;
	font-size: 0;
	line-height: 1.0;
}
.paging-box div {
	float: left;
}
.paging-box a, 
.paging-box span.active {
	display: inline-block;
	margin: 0px 2px;
	padding: 5px 5px;
	min-width: 13px;
	border: solid 0.6px #BBB;
	border-radius: 3px;
	background: linear-gradient(to bottom,#FFF,#f0f0f0);
	color: #000;
	font-size: 9pt;
	text-align: center;
	letter-spacing: -0.02em;

}
.paging-box span.active {
	background: #444;
	color: #FFF;
}
.paging-box a:not(.noactive):hover {
	background: #444;
	color: #FFF;
	text-decoration: none;
}
.paging-box a.noactive {
	display: none;
}
.paging-box span.ellipsis {
	font-size: 8pt;
}
.paging-box .pageprev a {
	position: relative;
	margin-right: 12px;
	padding: 5px 7px 5px 16px;
}
.paging-box .pageprev a:before {
	position: absolute;
	top: 6.5px;
	left: 5px;
	content: "";
	border-top: 4.5px solid transparent;
	border-right: 7px solid #555;
	border-bottom: 4.5px solid transparent;
}
.paging-box .pageprev a:after {
	position: absolute;
	top: 6.5px;
	left: 8px;
	content: "";
	border-top: 4.5px solid transparent;
	border-right: 7px solid #F7F7F7;
	border-bottom: 4.5px solid transparent;
}
.paging-box .pageprev a:not(.noactive):hover:before {
	border-right: 7px solid #EEE;
}
.paging-box .pageprev a:not(.noactive):hover:after {
	border-right: 7px solid #444;
}
.paging-box .pagenext a {
	position: relative;
	margin-left: 12px;
	padding: 5px 16px 5px 7px;
}
.paging-box .pagenext a:before {
	position: absolute;
	top: 6.5px;
	right: 5px;
	content: "";
	border-top: 4.5px solid transparent;
	border-left: 7px solid #555;
	border-bottom: 4.5px solid transparent;
}
.paging-box .pagenext a:after {
	position: absolute;
	top: 6.5px;
	right: 8px;
	content: "";
	border-top: 4.5px solid transparent;
	border-left: 7px solid #F7F7F7;
	border-bottom: 4.5px solid transparent;
}
.paging-box .pagenext a:not(.noactive):hover:before {
	border-left: 7px solid #EEE;
}
.paging-box .pagenext a:not(.noactive):hover:after {
	border-left: 7px solid #444;
}

/*** コンソール（絞り込み・ソート） ***/
.console {
	margin-bottom: 20px;
	padding: 1px;
	width: 100%;
	background-color: #EEE;
	border-spacing: 6px;
}
.console th, 
.console td {
	padding: 0px;
}
.console th {
	padding-left: 4px;
	width: 60px;
	white-space: nowrap;
	font-weight: normal;
	text-align: left;
}
.console th:after {
	content: "：";
}
.console th.non-delimiter:after {
	content: "";
}
.console input[type="submit"], 
.console select {
	height: 22px;
	vertical-align: baseline;
	font-size:9pt;
}
.console input[type="checkbox"] {
	vertical-align: middle;
	margin: 0px 0px 2px 0px;
}
.console .sort {
	border-spacing: 0px;
}
.console .sort td {
	padding: 0px 3px 0px 0px;
}
.console .sort td:after {
	content: "|";
	padding-left: 3px;
}
.console .sort td:last-child {
	padding-right: 0px;
}
.console .sort td:last-child:after {
	content: "";
	padding-left: 0px;
}

/*** 預かり金のご入金（remittance） ***/
.oncart {
	margin-top: 20px;
}
.oncart .title {
	display: inline-block;
	padding: 4px 12px;
	border-radius: 20px;
	background-color: #C00;
	color: #FFF;
	font-size: 10pt;
	font-weight: bold;
}
.oncart .desc {
	color: #C00;
}
.free-input {
	margin: -2px 0 8px 0;
	color: #CC0000;
	font-size: 9pt;
	font-weight: bold;
}

/*** 年齢証明書送信フォーム ***/
#baseblock.remittance .text-desc .means .subtitle::before {
	display: inline-block;
	padding-left: 3px;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-size: 16px 16px;
	vertical-align: -0.2em;
	content: "";
}
#baseblock.remittance .text-desc .means:nth-of-type(1) .subtitle::before {
	background-image: url(https://img.duga.jp/img/icon/svg/maru-1.svg);
}
#baseblock.remittance .text-desc .means:nth-of-type(2) .subtitle::before {
	background-image: url(https://img.duga.jp/img/icon/svg/maru-2.svg);
}
#baseblock.remittance .text-desc .means:nth-of-type(3) .subtitle::before {
	background-image: url(https://img.duga.jp/img/icon/svg/maru-3.svg);
}
#baseblock.remittance .text-desc .means:nth-of-type(4) .subtitle::before {
	background-image: url(https://img.duga.jp/img/icon/svg/maru-4.svg);
}
#baseblock.remittance .authmail {
	clear: both;
	margin-left: 20px;
	font-size: 15.5px;
	font-weight: bold;
	color: #444;
}
#baseblock.remittance .fax-number {
	width: 245px;
	height: 24px;
}
.authmail:before {
	display: inline-block;
	padding-left: 3px;
	width: 26px;
	height: 24px;
	vertical-align: -7px;
	content: "";
	background: url(https://img.duga.jp/img/icon/svg/mail.svg) no-repeat 0 0/24px 24px;
	opacity: 0.9;
}
form .img-send {
	position: relative;
	display: block;
	width: 248px;
	height: 186px;
	background: #EEE;
}
form .img-send #imagefile {
	padding: 6px;
	width: 236px;
	height: 24px;
	font-size: 9pt;
	cursor: pointer;
}
form .img-send #preview {
	position: absolute;
	top: 30px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-width: 216px;
	max-height: 130px;
	pointer-events: none;
}
form .img-send #preview[src$="id_form.gif"] + .message::before {
	position: absolute;
	top: 52%;
	left: 0;
	width: 100%;
	content: "ここをクリックして画像を選択";
	color: #AAA;
	font-size: 9.5pt;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, -1px -1px 0 #FFF;
}
form .img-send #preview + .message::after {
	position: absolute;
	left: calc(50% - 90px);
	bottom: 0px;
	width: 176px;
	margin: auto 0;
	padding: 4px 4px 4px 0px;
	border-radius: 13px;
	content: "";
	color: #FFF;
	background: #C00;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	opacity: 0;
	transition: opacity .5s 5s ease;
}
form .img-send #preview:not([src$="id_form.gif"]) + .message::after {
	content: "↓ 送信ボタンを押してください";
	opacity: 1;
}
#baseblock.remittance .error + .box-base form .img-send {
	background: #FDD;
}
#baseblock.remittance .error + .box-base form .img-send #preview[src$="id_form.gif"]+.message::before {
	color: #F99;
}
/* Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	form .img-send #preview {
		top: 30px;
	}
}
/* Firefox */
@-moz-document url-prefix() {
	form .img-send #imagefile {
		padding: 4px;
		width: 240px;
	}
	form .img-send #preview {
		top: 26px;
	}
}
/* Edge */
@supports (-ms-ime-align: auto) {
	form .img-send #preview {
		top: 30px;
	}
}

/********************************************************
 *** マーケットプレイス
 ********************************************************/

/*** 登録フロー ***/
.flow {
	margin-bottom: 20px;
}
.flow ul {
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: #006DD9;
	border-radius: 3px;
	display: table;
}
.flow ul li {
	display: table-cell;
	text-align: center;
	height: 45px;
	font-size: 10pt;
	vertical-align: middle;
	color: #FFF;
	padding: 0 20px;
}
.flow ul li.current > * {
	color: #FFFF00;
	font-weight: bold;
}
.flow ul li:not(:last-child) {
	position: relative;
	z-index: 2;
}
.flow ul li:not(:last-child):after,
.flow ul li:not(:last-child):before {
	content: '';
	z-index: -1;
	position: absolute;
	display: block;
	border-right: 2px #fff solid;
	width: 45px;
	height: 45px;
	right: 5px;
}
.flow ul li:not(:last-child):after {
	top: 8px;
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	transform: rotate(30deg);
}

.flow ul li:not(:last-child):before {
	top: -8px;
	-webkit-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
/*** マーケットプレイス（プロバイダ） ***/
#marketplacearea {
	position: relative;
	max-width: 730px;
}
#marketplacearea .maintitle {
	background-color: #333;
	color: #FFF;
	font-size: 13pt;
	font-weight: bold;
	padding: 6px 10px;
	margin-bottom: 15px;
	border-radius: 4px;
}
#marketplacearea .pagetitle {
	font-size: 14pt;
	font-weight: bold;
	margin-bottom: 15px;
	color: #333;
}
#marketplacearea .title {
	margin-bottom: 3px;
	padding: 0px;
	font-size: 12pt;
	font-weight: bold;
	color: #333;
	float: left;
}
#marketplacearea .subtitle {
	margin-bottom: 3px;
	padding: 0px;
	font-size: 10pt;
	font-weight: bold;
	color: #333;
	float: left;
}
#marketplacearea .error {
	padding: 10px;
	margin-bottom: 10px;
}
#marketplacearea .error .title {
	margin-bottom: 10px;
	padding: 0px 10px;
	height: 28px;
	line-height: 28px;
	border-radius: 3px;
	background-color: #C00;
	color: #FFF;
	font-weight: bold;
}
#marketplacearea .error .casetitle {
	font-weight: bold;
}
#marketplacearea .error .text {
	color: #333;
	margin-bottom: 5px;
}
#marketplacearea .error .text:last-child {
	margin-bottom: 0px;
}
#marketplacearea .table-standard {
	border-right: solid 1px #bbb;
	border-top: solid 1px #bbb;
}
#marketplacearea .table-standard .left {
	background-color: #eee;
	width: 160px;
}
#marketplacearea .table-standard td {
	border-left: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
	padding: 8px;
}
#marketplacearea .table-standard th {
	border-left: solid 1px #bbb;
	border-bottom: solid 1px #bbb;
	padding: 8px;
}
/*** お知らせ ***/
#marketplacearea .infotitle {
	margin-top: 15px;
	padding: 5px 10px;
	background: #E7E7E7;
	color: #333;
	font-weight: bold;
	border-radius: 4px;
	font-size: 10pt;
}
#marketplacearea .infodesc {
	margin: 10px 0px;
}
#marketplacearea .infodesc > p {
	margin-top: 0px;
}
#marketplacearea .infodesc .subtitle {
	padding: 0px;
	color: #333;
}
#marketplacearea .infodesc > div {
	margin-bottom: 10px;
}
#marketplacearea .infodesc > div:last-child {
	margin-bottom: 0px;
}
#marketplacearea .infodesc img {
	vertical-align: text-bottom;
}
#marketplacearea .infodesc .table-standard {
	margin: 0px;
	width: 100%;
}
#marketplacearea .infodesc .table-standard td {
	padding: 3px 5px;
}
#marketplacearea .infodesc .table-standard a {
	display: inline-block;
}
#marketplacearea .infodesc .table-standard + p {
	margin-top: 8px;
}

/*** マーケットプレイス左メニュー ***/
#marketplacemenuarea {
	border-right: 1px solid #CCC;
}
#marketplacemenuarea .menublock {
	overflow: hidden;
	clear: both;
	margin-bottom: 30px;
}
#marketplacemenuarea .menublock .title {
	font-size: 11pt;
	font-weight: bold;
}
#marketplacemenuarea .menublock li {
	padding: 10px;
	line-height: 1.2;
	margin: 0px;
	clear: both;
}
#marketplacemenuarea .menublock li:last-child {
	margin-bottom: 0px;
}
#marketplacemenuarea .menublock li .count {
	color: #888;
	font-size: 8pt;
}
#marketplacemenuarea .menublock .toppage {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/menu/toppage.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 50%;
}
#marketplacemenuarea .menublock .report {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/menu/report.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 50%;
}
#marketplacemenuarea .menublock .paymenthistory {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/menu/paymenthistory.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 50%;
}
#marketplacemenuarea .menublock .registration {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/menu/registration.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 50%;
}
#marketplacemenuarea .menublock .allmovie {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/menu/allmovie.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 50%;
}
#marketplacemenuarea .menublock .regist {
	padding-left: 35px;
}
#marketplacemenuarea .menublock .nowmovie {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/menu/nowmovie.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 50%;
}
#marketplacemenuarea .menublock .provisionalmovie {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/menu/provisionalmovie.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 50%;
}
#marketplacemenuarea .menublock .judgmentwait {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/menu/judgmentwait.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 50%;
}
#marketplacemenuarea .menublock .openwait {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/menu/openwait.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 50%;
}
#marketplacemenuarea .menublock .closemovie {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/menu/closemovie.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 50%;
}
#marketplacemenuarea .menublock .information {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/menu/information.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 50%;
}
#marketplacemenuarea .menublock .prohibition {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/menu/prohibition.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 50%;
}
#marketplacemenuarea .menublock .faq {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/menu/faq.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 50%;
}
#marketplacemenuarea .menublock .contact {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/menu/contact.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 50%;
}
#marketplacemenuarea .menublock .manual {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/menu/manual.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 50%;
}
#marketplacemenuarea .menublock .cancel {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/menu/cancel.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 50%;
}
#marketplacemenuarea .menublock .illegal {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/menu/illegal.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 50%;
}
#marketplacemenuarea .menublock .paymentrecord {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/menu/paymentrecord.png);
	background-size: 14px 14px;
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 50%;
}
/*** 売上レポート ***/
#marketplacearea .table-standard.salesreport thead th {
	padding: 6px 5px;
	line-height: 1;
	white-space: nowrap;
}
#marketplacearea .table-standard.salesreport tbody td {
	line-height: 1.2;
}
#marketplacearea .space {
	margin-bottom: 10px;
}
/*** 作品登録 ***/
#marketplacearea .products .space {
	margin-bottom: 30px;
}
#marketplacearea .notice {
	margin-bottom: 10px;
	font-size: 8pt;
	color: #666;
	clear: both;
}
#marketplacearea .essential {
	padding: 2px 2px;
	min-width: 28px;
	background: #F33;
	color: #FFF;
	text-align: center;
	font-size: 10px;
	line-height: 1;
	float: left;
	margin-left: 4px;
	margin-top: 2px;
	border-radius: 2px;
}
#marketplacearea .attention {
	width: 400px;
	border-radius: 3px;
	border: 1px solid #EEE;
	padding: 5px;
	background-color: #EEE;
	margin: 10px 0;
}
#marketplacearea textarea {
	width: 600px;
	height: 200px;
	resize: none;
	vertical-align: bottom;
	font-size: 11pt;
	padding: 4px 8px;
	border: 1px solid #7f9db9;
	border-radius: 3px;
}
.price-select-area table {
	max-width: 170px;
	float: left;
	margin-right: 12px;
	white-space:nowrap;
}
.price-select-area table th {
	background-color: #E7E7E7;
}
.price-select-area table td {
	text-align: right;
}
.price-select-area table td:first-of-type {
	width: 15px;
}

.ui-datepicker-trigger {
	width: 30px;
	height: 30px;
	margin: 0 0 0 5px;
}
#marketplacearea .file {
	margin-bottom: 5px;
}
#category-area {
	width: 670px;
	box-sizing: border-box;
	font-size: 0;
	margin-bottom: 30px;
}
#category-area .category {
	width: 33%;
	font-size: 9pt;
	box-sizing: border-box;
	list-style-type: none;
	display: inline-block;
	padding-bottom: 5px;
}
#category-area .category:nth-of-type(3n){
	width: 34%;
	font-size: 9pt;
	margin-right: 0px;
	box-sizing: border-box;
	display: inline-block;
}
.upload-button a, 
.upload-button input[type="submit"] {
	display: inline-block;
	padding: 7px 15px;
	border: 1px solid #666;
	border-radius: 5px;
	background: #EEE;
	background-image: linear-gradient(to bottom,#F7F7F7,#EEE,#EEE,#E5E5E5);
	box-sizing: border-box;
	line-height: 15px;
	text-decoration: none;
	font-weight: bold;
	font-size: 10pt;
	color: #666;
	text-align: center;
	cursor: pointer;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.upload-button a:hover, 
.upload-button input[type="submit"]:hover {
	border: 1px solid #222;
	background: #E8E8E8;
	background-image: linear-gradient(to bottom,#EEE,#E8E8E8,#E8E8E8,#DDD);
	color: #111;
}
#marketplacearea .ngword {
	background-image: url(https://img.duga.jp/img/marketplace/provider/member/icon/ngword.png);
	background-size: 16px 16px;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
	display: block;
}
/*** よくある質問 ***/
.faq-question {
	font-size: 10.5pt;
	font-weight: bold;
	color: #333;
	margin-bottom: 2px;
}
.faq-text {
	padding: 0 0 10px 0;
}
/*** 禁止事項 ***/
.prohibition-title {
	font-size: 10.5pt;
	font-weight: bold;
	color: #333;
	margin-bottom: 2px;
}
.prohibition-text {
	padding: 0 0 10px 0;
}
/*** 支払調書 ***/
.paymentrecord-title {
	font-size: 10.5pt;
	font-weight: bold;
	color: #333;
	margin-bottom: 2px;
}
.paymentrecord-text {
	padding: 0 0 10px 0;
}
/*** 作品一覧 ***/
#marketplacearea .pagingbox {
	clear: both;
	margin-bottom: 18px;
}
#marketplacearea .paginglist {
	margin: 0px;
	text-align: right;
	font-size: 9pt;
	line-height: 1.0;
}
#marketplacearea .paginglist li {
	display: inline;
	padding: 0px;
	font-weight: bold;
}
#marketplacearea .paginglist a, 
#marketplacearea .paginglist span {
	display: inline-block;
	padding: 0px 6px;
}
#marketplacearea .paginglist li:last-child {
	margin-right: -6px;
}
#marketplacearea .contentspages {
	float: right;
	padding: 10px 0;
}
/*** マーケットプレイス登録 ***/
#main-centerbox .form-title-essential {
	font-size: 10.5pt;
	font-weight: bold;
	color: #333;
	margin-bottom: 2px;
	float: left;
}
#main-centerbox .form-text-essential {
	font-size: 8pt;
	color: #666;
	margin-bottom: 4px;
	clear: both;
}
#main-centerbox #table .essential {
	padding: 2px 2px;
	min-width: 28px;
	background: #F33;
	color: #FFF;
	text-align: center;
	font-size: 10px;
	line-height: 1;
	float: left;
	margin-left: 4px;
	margin-top: 1px;
	border-radius: 2px;
}

/********************************************************
 *** DASHプレーヤ用のCSS
 ********************************************************/

#dash-video {
    background-color: #000;
}
#video-container {
    position: relative;
    min-width: 510px;
    min-height: 250px;
    background-color: #000;
    width: 100%;
    height: 100%;
}
#video-upper,
#video-lower {
    color: #FFF;
    position: absolute;
    left: 0;
    right: 0;
    padding: 5px 12px;
    /*background-color: #212121;*/
    background-color: #000;
    opacity: .0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    /*
	background-image: linear-gradient(bottom, rgb(72,72,72) 13%, rgb(51,51,51) 100%);
	background-image: -o-linear-gradient(bottom, rgb(72,72,72) 13%, rgb(51,51,51) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(72,72,72) 13%, rgb(51,51,51) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(72,72,72) 13%, rgb(51,51,51) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(72,72,72) 13%, rgb(51,51,51) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.13, rgb(72,72,72)),
		color-stop(1, rgb(51,51,51))
	);
     */
}
#video-upper { top: 0; }
#video-lower { bottom: 0; }
/*
#video-container:hover #video-upper,
#video-container:hover #video-lower {
	opacity: 1;
}
 */
#video-title {
    float: left;
    cursor: default;
}
#video-bitrate {
    float: right;
    cursor: default;
}
#video-close {
    float: right;
    cursor: pointer;
    margin-left: 16px;
}
#video-closebutton {
    width: 24px;
    height: 24px;
    margin-top: 4px;
}
#video-container select {
    color: #FFF;
    background-color: #000;
}

/**
 * 録画時間
 */
#video-recordtime {
    position: absolute;
    top: 64px;
    padding-right: 6px;
    width: 114px;
    height: 32px;
    line-height: 32px;
    background: rgba(0,0,0,0.3);
    border-radius: 16px;
    color: #fff;
    font-size: 12pt;
    text-align: center;
    display: none;
}
#video-recordtime span.mark {
    color: red;
    font-size: 16pt;
    vertical-align: -2px;
}

/**
 * 上部メニューパーツ
 */
#video-upper {
    font-size: 11px;
    height: 34px;
    background-image: url("/img/player/browser/menu_top.png");
    background-size: 100% 100%;
}
#video-title {
    margin-top: 10px;
    font-size: 11px;
}
#video-title a {
    color: #FFF;
    cursor: pointer;
}
#video-title a:hover {
    text-decoration: underline;
}
#video-bitrate {
    margin-top: 6px;
}
#video-bitrate-current {
    position: relative;
    padding: 2px 8px !important;
    width: 140px;
    height: 16px;
    line-height: 18px;
    border: 1px solid #444;
    color: #FFF;
    font-size: 11px;
}
#video-bitrate-current:hover {
    border: 1px solid #9CC;
}
#video-bitrate-current[style*="padding"] {
    border: 1px solid #9CC !important;
}
#video-bitrate-name {
    display: inline-block;
    width: 45px;
}
#video-bitrate-rate {
    display: inline-block;
    width: 75px;
    text-align: right;
}
#video-bitrate-mark {
    display: inline-block;
    width: 20px;
    text-align: right;
}
#video-bitrate-selector {
    position: absolute;
    display: none;
    padding: 3px;
    line-height: 200%;
    background-color: #333;
    color: #FFF;
    font-size: 11px;
    cursor: default;
}
#video-bitrate-selector > div {
    padding: 0 6px;
}
#video-bitrate-selector div:hover {
    background-color: #999;
}
#video-bitrate-selector .name {
    display: inline-block;
    width: 45px;
}
#video-bitrate-selector .rate {
    display: inline-block;
    width: 75px;
    text-align: right;
}    

/**
 * 下部メニューパーツ
 */
#video-lower {
    height: 55px;
    background-image: url("/img/player/browser/menu_top.png");
    background-size: 100% 100%;
}
#video-lower1 {
}
#video-lower2 {
    font-size: 11px;
}
#video-lower2-left {
    float: left;
}
#video-lower2-left button {
    margin-right: 4px;
    padding: 2px;
    background: none;
    border: 0;
    overflow: visible;
}
#video-lower2-left button.def  {
    cursor: default;
}
#video-lower2-left button.ptr  {
    cursor: pointer;
}
#video-lower2-left img {
    vertical-align: middle;
}
#video-lower2-left img.separator {
    margin-left: 2px;
    margin-right: 6px;
}
#video-lower2-right {
    float: right;
}
#video-lower2-right button {
    padding: 2px;
    margin-left: 12px;
    background: none;
    border: 0;
    overflow: visible;
}
#video-lower2-right button.def  {
    cursor: default;
}
#video-lower2-right button.ptr  {
    cursor: pointer;
}
#video-lower2-right img {
    vertical-align: middle;
}
#video-seek {
	width: 100%;
    height: 16px;
}
#video-mute {
}
#video-screen {
}

/**
 * ツールチップ
 */
.tip p {
    margin: auto 6px;
    font-size: 10px;
    line-height: 21px;
    white-space: nowrap;
}
.tip {
    background: #404040;
    color: #fff;
    text-align: center;
    border: 1px solid #808080;
    border-radius: 4px;
    position: absolute;
    top: 4px;
    height: 20px;
    margin: auto;    
}    
.tip:before {
    content: "";
    position: absolute;
    bottom: -10px;
    border: 5px solid transparent;
    border-top: 5px solid #808080;
}
.tip:after {
    content: "";
    border: 5px solid transparent;
    border-top: 5px solid #404040;
    position: absolute;
    bottom: -9px;
}
#button-popup-prev {
    left: 10px;
    display: none;  
}
#button-popup-prev:before, #button-popup-prev:after {
    left: 6px;
}
#button-popup-rewind {
    left: 42px;
    width: 40px;
    display: none;
}
#button-popup-rewind:before, #button-popup-rewind:after {
    right: 66%;
}
#button-popup-pause {
    left: 68px;
    width: 50px;
    display: none;
}
#button-popup-pause:before, #button-popup-pause:after {
    right: 66%;
}
#button-popup-play {
    left: 72px;
    width: 30px;
    display: none;
}
#button-popup-play:before, #button-popup-play:after {
    right: 56%;
}
#button-popup-forward {
    left: 102px;
    width: 40px;
    display: none;
}
#button-popup-forward:before, #button-popup-forward:after {
    right: 66%;
}
#button-popup-next {
    left: 126px;
    display: none;
}
#button-popup-next:before, #button-popup-next:after {
    left: 10px;
}
#button-popup-chapter {
    left: 180px;
    width: 92px;
    display: none;
}
#button-popup-chapter:before, #button-popup-chapter:after {
    right: 66%;
}
#button-popup-record {
    left: 260px;
    width: 30px;
    display: none;
}
#button-popup-record:before, #button-popup-record:after {
    right: 56%;
}
#button-popup-screenon {
    right: 10px;
    width: 50px;
    display: none;
}
#button-popup-screenon:before, #button-popup-screenon:after {
    right: 15%;
}
#button-popup-screenoff {
    right: 10px;
    width: 50px;
    display: none;
}
#button-popup-screenoff:before, #button-popup-screenoff:after {
    right: 15%;
}

/* muteのツールチップは特殊 */
#button-popup-mute {
    background: #404040;
    color: #fff;
    text-align: center;
    padding: 0px 0;
    border: 1px solid #808080;
    border-radius: 6px;
    position: absolute;
    top: 28px;
    height: 20px;
    margin: auto;    
    right: 76px;
    width: 50px;
    display: none;
}
#button-popup-mute:before, #button-popup-mute:after {
    border: 0px solid transparent;
    border-top: 0px solid transparent;
}

/**
 * シークバー
 */
#seek-wrap {
    width: 100%;
    height: 20px;
    margin-top: 0px;
    position: relative;
}

#seek {
    margin-top: 4px;
    position: relative;
    width: 100%;
    height: 10px;
    cursor: pointer;
}
#seek-popup {
    width: 56px;
    height: 22px;
    padding-top: 3px;
    background-image: url("/img/player/browser/seekbar_popup.png");
    font-size: 10px;
    text-align: center;
    position: absolute;
    top: -28px;
    left: 0px;
    display: none;
    cursor: default;
}
#seek-preview {
    display: none;
    position: absolute;
    top: -120px;
    left: 0px;
    border: 2px solid #666;
    background-color: #000;
    cursor: default;
    overflow: hidden;
}
#seek-preview-time {
    width: 50px;
    height: 14px;
    position: absolute;
    border: 1px solid #666;
    background-color: #333;
    font-size: 10px;
    color: #fff;
    text-align: center;
}
#seek-trackoff {
    width: 100%;
    height: 10px;
    background-color: #000;
    border-radius: 4px;
    position: relative;
    top: 2px;
}
#seek-trackbuffer {
    height: 10px;
    background-color: #555;
    border-radius: 4px;
    position: absolute;
    top: 2px;
    left: 0px;
}
#seek-trackon {
    height: 10px;
    background-color: #FFF;
    border-radius: 4px;
    position: absolute;
    top: 2px;
    left: 0px;
}
#seek-trackrecord {
    height: 10px;
    background-color: #F00;
    /*border-radius: 4px;*/
    position: absolute;
    top: 2px;
    display: none;
}
#seek-trackchapter {
    width: 0px;
    height: 10px;
    position: absolute;
    top: 2px;
    left: 0px;
}
#seek-trackchapter .chapter-mark {
    width: 9px;
    height: 12px;
    position: absolute;
    top: -12px;
    background-image: url("/img/player/browser/chapter_mark.png");
}
#seek-trackchapter .chapter-line {
    width: 0px;
    height: 10px;
    border-right: 1px solid #666;
    position: absolute;
    top: 0px;
    cursor: pointer;
}
#seek-trackadmin {
    width: 0px;
    height: 10px;
    position: absolute;
    top: 2px;
    left: 0px;
}
#seek-trackadmin .file-line {
    width: 0px;
    height: 10px;
    border-right: 1px solid #F09;
    position: absolute;
    top: 0px;
    cursor: pointer;
}
#seek input {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 0px;
}

/**
 * シークバーの操作領域
 */
#video-seekarea {
    position: absolute;
    top: 4px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 24px;
}

/**
 * 音量バー
 */
#video-lower2-volumebox {
    width: 24px;
    /*height: 150px;*/
    position: absolute;
    bottom: 38px;
    right: 48px;
    border: 1px solid #666;
    border-radius: 6px;
    opacity: 0.7;
    display: none;
}
#video-volume-bg {
    width: 24px;
    height: 124px;
    background-color: #000;
    border-radius: 6px;
    /*background-color: #FF00FF;*/
}
#volume-wrap {
    width: 24px;
    height: 100px;
    position: relative;
    top: 15px;
}
#volume {
    width: 10px;
    height: 100px;
    position: relative;
}
#volume-trackoff {
    width: 4px;
    height: 100px;
    background-color: #000;
    border-right: 1px solid #666;
    position: relative;
    left: 10px;
    top: 0px;
    bottom: 0px;
}
#volume-trackon {
    width: 4px;
    background-color: #FFF;
    position: absolute;
    left: 10px;
    top: 0px;
    bottom: 0px;
}
#volume input {
    width: 10px;
    height: 10px;
    position: absolute;
    left: 7px;
}

/**
 * 暗幕
 */
#blackoutbg {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	background-color: #000;
	opacity: 0.5;
    display: none;
}

/**
 * REC確認ダイアログ
 */
#recdialog {
    width: 320px;
    height: 120px;
    background-color: #FFF;
    position: absolute;
    display: none;
}
#recdialogmsg {
    text-align: center;
    margin-top: 32px;
}
#recdialogmsgstt {
    display: none;
}
#recdialogmsgend {
    display: none;
}
#recdialogok {
    position: absolute;
    bottom: 12px;
    left: 25px;
    width: 120px;
    height: 28px;
    background-color: #DDD;
    border-style: none;
}
#recdialogng {
    position: absolute;
    bottom: 12px;
    right: 25px;
    width: 120px;
    height: 28px;
    background-color: #DDD;
    border-style: none;
}    

/**
 * 進捗メッセージ
 */
#progress {
    position: absolute;
    width: 150px;
    color: #FFF;
    font-size: 11px;
    display: none;
}

/**
 * メッセージダイアログ
 */
#dialog {
    font-size: 11px;
    text-align: center;
    width: 300px;
    min-height: 66px;
    background-color: #FFF;
    padding: 16px;
    white-space: pre;
    position: absolute;
    display: none;
}

/**
 * Firefox用の位置調整
 */
@-moz-document url-prefix() {
    #button-popup-prev      { left: 11px; }
    #button-popup-rewind    { left: 50px; }
    #button-popup-pause     { left: 83px; }
    #button-popup-play      { left: 87px; }
    #button-popup-forward   { left: 123px; }
    #button-popup-next      { left: 144px; }
    #button-popup-chapter   { left: 213px; }
    #button-popup-record    { left: 300px; }
    #button-popup-screenon  { right: 12px; }
    #button-popup-screenoff { right: 12px; }
    #button-popup-mute      { right: 84px; }
    #video-lower2-volumebox { right: 56px; }
}

/**************************
 *** 上部メニュー
 **************************/

/*** 既存スタイルの修正 ***/
#video-upper {
    z-index: 1;
    background: #262626;
}
#video-title {
    overflow: hidden;
    margin-top: 8px;
    max-width: calc(100vw - 270px);
    font-size: 10pt;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#video-bitrate-selector {
    z-index: 2;
}
#video-recordtime {
    left: 0 !important;
    right: 0;
    margin: 0 auto;
    transition: top .3s, left .3s;
}
#video-container[menu="display"] #video-recordtime {
    top: 110px;
    left: -260px !important;
}
/*** 動作確認用サンプル（別ウインドウ） ***/
#video-container[sampledir="/help/h264sample"] #video-bitrate {
    /*display: none;*/
}

/*** メニューアイコン ***/
#video-menu-icon {
    float: left;
    margin: 4px 12px 0 0;
    padding: 1px;
    cursor: pointer;
}
#video-menu-icon img {
    width: 24px;
    height: 24px;
}

/**************************
 * 下部メニュー
 **************************/

/*** 既存スタイルの修正 ***/
#video-lower {
    background: #262626;
}
#video-container:not([memberid="guest"]) #video-chapter {
    display: inline-block !important;
    padding-left: 10px !important;
    background: url(/img/player/browser/line.png) no-repeat 0 0/2px 18px !important;
}
#video-container:not([memberid="guest"]) #video-record {
    display: inline-block !important;
}

/**************************
 * ラッパー
 **************************/

#video-upper[style="opacity: 0;"] ~ #list-wrapper {
    opacity: 0;
}
#list-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    transition: opacity .3s;
}

/**************************
 * 上部メニューリスト
 **************************/

#video-menu-list {
    position: absolute;
    top: -110px;
    width: 100%;
    background: #000;
    transition: top .3s;
}
#video-container[menu="display"] #list-wrapper #video-menu-list {
    top: 44px;;
}
#video-menu-list ul {
    overflow: hidden;
    padding: 12px 260px 0 14px;
}
#video-menu-list li {
    float: left;
    margin: 0 20px 10px 0;
}
#video-menu-list li:last-of-type {
    margin-right: 0;
}
#video-menu-list li span {
    display: block;
    height: 24px;
    line-height: 22px;
    box-sizing: border-box;
    color: #FFF;
    font-size: 0;
    cursor: pointer;
}
/*** 各リストのアイコン ***/
#video-menu-list li span:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    content: "";
    background-size: 20px 20px;
    background-repeat: no-repeat;
    vertical-align: -5.5px;
}
#choice-purchased:before {
    background-image: url(https://img.duga.jp/img/head/undermenu/sample.svg);
}
#choice-chapter-list:before {
    background-image: url(https://img.duga.jp/img/head/undermenu/chapter.svg);
}
#choice-rec-list:before {
    background-image: url(https://img.duga.jp/img/head/undermenu/rec.svg);
}
#choice-mylist:before {
    background-image: url(https://img.duga.jp/img/head/undermenu/favorite.svg);
}
#choice-history:before {
    background-image: url(https://img.duga.jp/img/head/undermenu/history.svg);
}
#choice-recommend:before {
    background-image: url(https://img.duga.jp/img/head/undermenu/recommend.svg);
}
@media screen and (min-width: 850px) {
    #video-menu-list li span {
        font-size: 10pt;
    }
    #video-menu-list li span:before {
        display: none;
    }
}
@media screen and (min-width: 1000px) {
    #video-menu-list li span:before {
        display: inline-block;
        margin-right: 4px;
    }
}
/*** 設定アイコン ***/
#video-menu-list #choice-setting {
    background: url(https://img.duga.jp/img/player/browser/setting.svg) no-repeat 2px 1px/16px 16px;
    width: 20px;
}
/*** 購入作品がアクティブのとき ***/
#video-container[menutype="purchased"] #video-menu-list #choice-purchased {
    border-bottom: 2px solid #F46700;
}
/*** CHAPTERリストがアクティブのとき ***/
#video-container[menutype="chapter-list"] #video-menu-list #choice-chapter-list {
    border-bottom: 2px solid #08A2E9;
}
/*** RECリストがアクティブのとき ***/
#video-container[menutype="rec-list"] #video-menu-list #choice-rec-list {
    border-bottom: 2px solid #EE0810;
}
/*** マイリストがアクティブのとき ***/
#video-container[menutype="mylist"] #video-menu-list #choice-mylist {
    border-bottom: 2px solid #CA0;
}
/*** 関連作品がアクティブのとき ***/
#video-container[menutype="recommend"] #video-menu-list #choice-recommend {
    border-bottom: 2px solid #4CA328;
}
/*** その他がアクティブのとき ***/
#video-container[menutype="history"] #video-menu-list #choice-history {
    border-bottom: 2px solid #DDD;
}

/**************************
 * 右カラム（共通部分）
 **************************/

.side-list {
    position: absolute;
    top: 44px;
    padding-bottom: 15px;
    background: #000;
    line-height: 1.4;
    transition: right .3s;
}
/*** タイトル ***/
.side-list-head {
    position: relative;
    padding: 13px 20px;
    color: #FFF;
}
.side-list-head > div:first-child {
    height: 20px;
    font-size: 10pt;
}
/*** 再読み込みアイコン ***/
.reload-icon {
    position: absolute;
    top: 10px;
    width: 16px;
    height: 16px;
    padding: 4px;
    background: url(https://img.duga.jp/img/player/browser/reload_icon.png) no-repeat 4px 4px/16px 16px;
    background-color: #222;
    border-radius: 100%;
    cursor: pointer;
    transition: background linear 0.1s;
}
.reload-icon:hover {
    background-color: #444;
}
/*** セレクター ***/
.side-list-head .list-selector {
    overflow: hidden;
    margin-top: 8px;
}
.side-list-head .list-selector > div {
    float: left;
    margin-right: 10px;
    padding: 2px 8px;
    color: #FFF;
    font-size: 8pt;
    background-color: #222;
    border-radius: 10px;
    cursor: pointer;
}
.side-list-head .list-selector > div:hover, 
.side-list[data-select="play"] .side-list-head .list-selector .select-play, 
.side-list[data-select="choice"] .side-list-head .list-selector .select-choice, 
.side-list[data-select="all"] .side-list-head .list-selector .select-all {
    background: #444;
}
/*** コンテンツリスト ***/
.side-list-contents {
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px;
    scrollbar-track-color: #333;
    scrollbar-base-color: #555;
    scrollbar-arrow-color: #999;
}
.side-list-contents::-webkit-scrollbar {
    width: 6px;
    background: #333;
}
.side-list-contents::-webkit-scrollbar-thumb {
    background-color: #555;
}
/*** リスト内末尾要素の余白調整 ***/
.side-list-contents > li:last-child {
    margin-bottom: 40px;
}
/*** 画像のラッパー ***/
.side-list-contents div[class*="wrapper"]:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    border: 0.6px solid rgba(255, 255, 255, 0.2);
    box-sizing: border-box;
}
/*** 画像のラッパー（再生中のとき） ***/
/*
.side-list-contents .active div[class*="wrapper"] {
    cursor: default;
    pointer-events: none;
}
*/
.side-list-contents .active div[class*="wrapper"]:after {
    border: 2px solid #F00;
}
.side-list-contents .active div[class*="wrapper"] > div:after {
    position: absolute;
    top: 6px;
    left: 6px;
    content: "再生中";
    padding: 2px 6px;
    line-height: 1;
    border: .5px solid rgba(255, 255, 255, .5);
    border-radius: 10px;
    background: #F00;
    color: #FFF;
    font-size: 10px;
}
/*** リストが空または全部非表示のときに表示する要素 ***/
.side-list-contents .empty:before {
    color: #AAA;
}
.side-list-contents li:not([style="display: none;"]) ~ .empty {
    display: none;
}
/*** 画像のラッパー（ローディング中のとき） ***/
.side-list div[id$="-loading"] {
    display: none;
    position: absolute;
    right: 100px;
    width: 20px;
    height: 20px;
    background: url(https://img.duga.jp/img/icon/loading.gif) no-repeat top/20px 20px;
}
.side-list div[id$="-loading"].list-loading {
    display: block;
}
.side-list div[id$="-loading"].position-top {
    top: 46px;
}
.side-list div[id$="-loading"].position-bottom {
    bottom: 20px;
}
/*** 上向きローディング時の余白調整 ***/
.side-list ul.up-loading {
    padding-top: 34px;
}

/**************************
 * 右カラム（作品ビュー）
 **************************/

.side-list.product-view {
    right: -259px;
}
.product-view .side-list-head .reload-icon {
    left: 216px;
}
.product-view .side-list-contents {
    width: 220px;
    height: calc(100vh - 170px);
}
.product-view .side-list-contents > li {
    position: relative;
}
.product-view .side-list-contents > li:not(:last-child) {
    margin-bottom: 20px;
}
/*** ジャケット画像のラッパー ***/
.product-view .side-list-contents .jacket-wrapper {
    position: relative;
    overflow: hidden;
    width: 80px;
    height: 113px;
    margin-right: 6px;
    cursor: pointer;
}
.product-view .side-list-contents .jacket-wrapper img {
    position: absolute;
    left: -20px;
    right: -20px;
    margin: auto;
    height: 113px;
}
/*** 作品情報 ***/
.product-view .side-list-contents .product-info {
    position: absolute;
    top: 0;
    left: 86px;
    width: 134px;
    height: 113px;
}
.product-view .side-list-contents .product-info .product-title {
    margin-bottom: 4px;
    color: #FFF;
    font-size: 9pt;
}
.product-view .side-list-contents .product-info .purchase-type {
    color: #CCC;
    font-size: 8pt;
}
/*** リストが空のときに表示する要素 ***/
.product-view .side-list-contents:empty:before {
    display: block;
    min-width: 180px;
    color: #AAA;
}
.product-view .side-list-contents:empty:after {
    content: "";
    display: block;
    width: 220px;
    height: 400px;
    background: url(https://img.duga.jp/img/player/browser/empty_product_view.png) repeat-y 0 20px/220px 133px;
}
/*** 画像のラッパー（ローディング中のとき） ***/
.product-view div[id$="-loading"].list-loading {
    right: 120px;
}
/*** 上向きローディング時の余白調整 ***/
.product-view .side-list-contents.up-loading {
    height: calc(100vh - 204px);
}

/**************************
 * 右カラム（キャプチャビュー）
 **************************/

.side-list.capture-view {
    right: -219px;
}
.capture-view .side-list-head .reload-icon {
    left: 176px;
}
.capture-view .side-list-contents {
    width: 180px;
    height: calc(100vh - 196px);
}
.capture-view .side-list-contents > li:not(:last-child) {
    margin-bottom: 16px;
}
/*** キャプチャ画像のラッパー ***/
.capture-view .side-list-contents .preview-wrapper {
    position: relative;
    overflow: hidden;
    width: 180px;
    height: 100px;
    background: #000;
    cursor: pointer;
}
.capture-view .side-list-contents .preview-wrapper .preview-width {
    position: absolute;
    overflow: hidden;
    left: 0;
    right: 0;
    height: 100px;
    margin: auto;
}
.capture-view .side-list-contents .preview-wrapper .preview-width .preview-coordinate {
    position: absolute;
}
/*** アイテム情報 ***/
.capture-view .side-list-contents .item-info {
    position: relative;
    margin-top: 4px;
    min-width: 180px;
}
.capture-view .side-list-contents .item-info .time {
    padding-left: 13px;
    font-size: 9pt;
    font-weight: bold;
}
.capture-view .side-list-contents .item-info .time:before {
    position: absolute;
    top: 2px;
    left: 0;
    content: "";
    width: 10px;
    height: 11px;
}
.capture-view .side-list-contents .item-info .list-number {
    float: left;
    margin-right: 8px;
    color: #DDD;
    font-size: 7pt;
}
.capture-view .side-list-contents .item-info .product-title {
    overflow: hidden;
    max-width: 120px;
    color: #DDD;
    font-size: 7pt;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*** リストが空または全部非表示のときに表示する要素 ***/
.capture-view .side-list-contents .empty:before {
    content: "リストはありません。";
}
.capture-view .side-list-contents .empty:after {
    content: "";
    display: block;
    width: 220px;
    height: 450px;
    background: url(https://img.duga.jp/img/player/browser/empty_capture_view.png) repeat-y 0 16px/180px 150px;
}
/*** 画像のラッパー（ローディング中のとき） ***/
.capture-view.side-list div[id$="-loading"].position-top {
    top: 74px;
}
/*** 上向きローディング時の余白調整 ***/
.capture-view .side-list-contents.up-loading {
    height: calc(100vh - 230px);
}

/**************************
 * 右カラム（購入作品/作品ビュー）
 **************************/

#video-container[menu="display"][menutype="purchased"] #list-wrapper #purchased {
    right: 0px;
}
/*** リストが空または全部非表示のときに表示する要素 ***/
#purchased .side-list-contents .empty:after {
    content: "利用可能な作品はありません。";
}
/*** 非ログインユーザに表示する要素 ***/
#video-container[memberid="guest"] #purchased .side-list-contents:empty:before {
    content: "ご購入いただいた作品を再生するには、\A ログインが必要です。";
    white-space: pre;
}

/**************************
 * 右カラム（CHAPTERリスト/キャプチャビュー）
 **************************/

#video-container[menu="display"][menutype="chapter-list"] #list-wrapper #chapter-list {
    right: 0px;
}
/*** タイムコード ***/
#chapter-list .item-info .time {
    color: #08A2E9;
}
#chapter-list .item-info .time:before {
    background: url(https://img.duga.jp/img/player/browser/chapter_mark_x2.png) no-repeat top/8px 11px;
}
/*** 非ログインユーザに表示する要素 ***/
#video-container[memberid="guest"] #chapter-list .side-list-contents .empty:before {
    content: "この機能をご利用いただくには、\A ログインが必要です。";
    white-space: pre;
}

/**************************
 * 右カラム（RECリスト/キャプチャビュー）
 **************************/

#video-container[menu="display"][menutype="rec-list"] #list-wrapper #rec-list {
    right: 0px;
}
/*** 録画時間 ***/
#rec-list .item-info .time {
    color: #F33;
}
#rec-list .item-info .time:before {
    background: url(https://img.duga.jp/img/player/browser/rec_mark_x2.png) no-repeat 0 0.5px/10px 10px;
}
/*** 録画範囲 ***/
#rec-list .item-info .rec-range {
    color: #DDD;
    font-size: 7pt;
}
/*** セレクターが「全ての作品」以外のとき ***/
#rec-list:not([data-select="all"]) .item-info .list-number, 
#rec-list:not([data-select="all"]) .item-info .product-title {
    display: none;
}
/*** セレクターが「全ての作品」のとき ***/
#rec-list[data-select="all"] .item-info .rec-range {
    display: none;
}
/*** 非ログインユーザに表示する要素 ***/
#video-container[memberid="guest"] #rec-list .side-list-contents .empty:before {
    content: "この機能をご利用いただくには、\A ログインが必要です。";
    white-space: pre;
}

/**************************
 * 右カラム（マイリスト/作品ビュー）
 **************************/

#video-container[menu="display"][menutype="mylist"] #list-wrapper #mylist {
    right: 0px;
}
/*** リストが空のときに表示する要素 ***/
#mylist .side-list-contents:empty:before {
    content: "マイリストに作品はありません。";
}
/*** 非ログインユーザに表示する要素 ***/
#video-container[memberid="guest"] #mylist .side-list-contents:empty:before {
    content: "マイリストの作品を表示するには、\A ログインが必要です。 ";
    white-space: pre;
}

/**************************
 * 右カラム（再生履歴/作品ビュー）
 **************************/

#video-container[menu="display"][menutype="history"] #list-wrapper #history {
    right: 0px;
}
/*** リストが空または全部非表示のときに表示する要素 ***/
#history .side-list-contents:empty:before {
    content: "再生履歴はありません。";
}

/**************************
 * 右カラム（関連作品/作品ビュー）
 **************************/

#video-container[menu="display"][menutype="recommend"] #list-wrapper #recommend {
    right: 0px;
}
/*** リストが空または全部非表示のときに表示する要素 ***/
#recommend .side-list-contents:empty:before {
    content: "関連作品はありません。";
}

/**************************
 * 右カラム（設定）
 **************************/

#video-container[menu="display"][menutype="setting"] #list-wrapper #setting {
    right: 0px;
}
#setting {
    right: -259px;
}
#setting .side-list-contents {
    width: 220px;
    height: calc(100vh - 170px);
}
#setting .side-list-contents > li:not(:last-child) {
    margin-bottom: 20px;
}
/*** 設定項目（共通） ***/
#setting .side-list-contents li .setting-title {
    margin-bottom: 4px;
    color: #FFF;
    font-size: 9pt;
}
#setting .side-list-contents li .setting-description {
    margin: 0 0 6px 1.2em;
    color: #AAA;
    font-size: 8pt;
}
#setting .side-list-contents li .setting-console {
    position: relative;
    margin-left: 1.2em;
}
/*** 通常のボタン ***/
#setting .side-list-contents li .setting-console input[type="button"] {
    min-width: 80px;
    font-size: 8pt;
}
/*** トグルボタン ***/
#setting .side-list-contents li .setting-console label {
    position: relative;
    display: block;
    width: 30px;
    height: 20px;
}
#setting .side-list-contents li .setting-console label:before {
    position: absolute;
    top: 2px;
    content: "";
    width: 30px;
    height: 12px;
    background: #555;
    border-radius: 10px;
    transition: background linear 0.1s;
}
#setting .side-list-contents li .setting-console label:after {
    position: absolute;
    left: 0;
    content: "";
    width: 16px;
    height: 16px;
    background: #999;
    border-radius: 100%;
    filter: drop-shadow(0px 0px 1px rgba(0,0,0,1));
    transition: background linear 0.1s, left linear 0.1s;
}
#setting .side-list-contents li input[type="checkbox"] {
    display: none;
}
#setting .side-list-contents li input[type="checkbox"]:checked ~ .setting-console label:before {
    background: #BBB;
}
#setting .side-list-contents li input[type="checkbox"]:checked ~ .setting-console label:after {
    left: 14px;
    background: #FFF;
}
/*** 設定項目（削除時の確認） ***/
#setting .side-list-contents li #delete-dialog:checked + .setting-description:before {
    content: "リストを削除するときに毎回確認のダイアログを表示します。（有効）";
}

#setting .side-list-contents li #delete-dialog + .setting-description:before {
    content: "リストを削除するときに確認のダイアログを表示しません。";
}
/*** 設定項目（自動再生） ***/
#setting .side-list-contents li #auto-play:checked + .setting-description:before {
    content: "再生が終了した後に次の動画を自動的に再生します。（有効）";
}

#setting .side-list-contents li #auto-play + .setting-description:before {
    content: "再生が終了した後に次の動画を自動的に再生しません。";
}
/*** 非ログインユーザに表示する要素 ***/
#video-container[memberid="guest"] #setting .side-list-contents li .setting-console label, 
#video-container[memberid="guest"] #setting .side-list-contents li .setting-console input {
    opacity: .6;
    pointer-events: none;
}
#video-container[memberid="guest"] #setting .side-list-contents li .setting-console:hover:after {
    position: absolute;
    left: -1px;
    top: -28px;
    content: "設定を変更するにはログインしてください";
    padding: 4px 8px;
    border-radius: 2px;
    background: #444;
    color: #FFF;
    font-size: 10px;
    white-space: nowrap;
    text-align: center;
    cursor: auto;
    animation: fadeout 2s linear both;
}

/**************************
 * コンテキストメニュー
 **************************/

.video-submenu {
    position: absolute;
    bottom: 2px;
    right: 0;
    width: 16px;
    height: 16px;
    padding: 4px;
    background: url(https://img.duga.jp/img/player/browser/submenu.png) no-repeat 4px 4px/16px 16px;
    background-color: #222;
    border-radius: 100%;
    cursor: pointer;
    transition: background linear 0.1s;
}
.video-submenu:hover, 
.video-submenu.open {
    background-color: #444;
}
.video-submenu-list {
    position: absolute;
    z-index: 1;
}
.video-submenu-list ul {
    padding: 4px;
    background: #EEE;
    border: 0.6px solid #666;
}
.video-submenu-list li.line {
    margin-top: 4px;
    padding-top: 4px;
    border-top: 0.6px solid #CCC;
}
.video-submenu-list span {
    display: block;
    padding: 4px 30px 4px 20px;
    font-size: 11px;
    white-space: nowrap;
    cursor: pointer;
}
.video-submenu-list span.play-content {
    font-weight: bold;
}
.video-submenu-list span:hover {
    background: #DDD;
}
/*** メニューの非アクティブ化 ***/
#video-container[menutype="rec-list"] .video-submenu-list ul.active .delete-content, 
#video-container[menutype="history"] .video-submenu-list ul.active .delete-content {
    pointer-events: none;
    color: #999;
}
.video-submenu-list .open-chapter-list[data-chapter-count="0"], 
.video-submenu-list .open-rec-list[data-rec-count="0"], 
.video-submenu-list .add-mylist[data-mylist-count="1"] {
    pointer-events: none;
    color: #999;
}

/**************************
 * 買い物かご
 **************************/

.video-cartmenu {
    position: absolute;
    bottom: 2px;
    right: 30px;
    width: 16px;
    height: 16px;
    padding: 4px;
    background: url(https://img.duga.jp/img/player/browser/cart_icon.png) no-repeat 4px 4px/16px 16px;
    background-color: #222;
    border-radius: 100%;
    cursor: pointer;
    transition: background linear 0.1s;
}
.video-cartmenu:hover, 
.video-cartmenu.open {
    background-color: #444;
}
.video-cartmenu.cart {
    background: url(https://img.duga.jp/img/player/browser/cart_in_icon.png) no-repeat 4px 4px/16px 16px;
    background-color: #ffbf00;
}
.video-cartmenu.cart:hover {
    background-color: #ffbf00;
}
.video-cartmenu.in {
    background: url(https://img.duga.jp/img/player/browser/cart_in_icon.png) no-repeat 4px 4px/16px 16px;
    background-color: #ffbf00;
}
.video-cartmenu.in:hover {
    background-color: #ffbf00;
}
.video-cartmenu.in:before {
    position: absolute;
    right: -40px;
    top: -26px;
    content: "買い物かごに入りました";
    padding: 4px 8px;
    border-radius: 2px;
    background: #444;
    color: #FFF;
    font-size: 10px;
    white-space: nowrap;
    text-align: center;
    cursor: auto;
    animation: fadeout 2s linear both;
}
.video-cart {
    margin-top: 10px;
}
.video-cart .seltype {
    position: relative;
    width: 216px;
    margin-bottom: 8px;
    border-left: 4px solid #555;
}
.video-cart .txtarea {
    width: 62px;
    padding-left: 10px;
    line-height: 14px;
    color: #DDD;
    font-size: 8pt;
}
.video-cart .txtarea .price {
    line-height: 12px;
}
.video-cart .add-cart {
    position: absolute;
    top: 0px;
    right: 0;
    width: 136px;
    line-height: 26px;
    border-radius: 3px;
    background: #ffbf00;
    color: #01014a;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

@keyframes fadeout {
      0% {opacity: 0.0; display: block;}
     10% {opacity: 1.0; display: block;}
     80% {opacity: 1.0; display: block;}
     95% {opacity: 0.0; display: block;}
    100% {opacity: 0.0; display: none;}
}

/********************************************************
 *** ユニバーサルブラウザ（非IE）用のCSS
 ********************************************************/
/*** 商品リスト ***/
div[class^="contentslist"] .image > img, 
.serieslist .image > img {
	transition-property: opacity, filter;
	transition-duration: .15s;
}
div[class^="contentslist"] .image:hover > img, 
.serieslist .image:hover > img {
	opacity: 0.9;
	filter: brightness(110%) saturate(110%);
	transition-property: opacity, filter;
	transition-duration: .15s;
}
/*** 作品詳細 ***/
#productinfo .imagebox img[style^="cursor"], 
#productinfo .detailbox .digestimage a img, 
.digest-viewer-area img[src*="/scap/"] {
	transition-property: opacity, filter;
	transition-duration: .30s;
}
#productinfo .imagebox img[style^="cursor"]:hover {
	opacity: 0.9;
	filter: brightness(110%) saturate(110%);
	transition-property: opacity, filter;
	transition-duration: .15s;
}
#productinfo .detailbox .digestimage a img:hover, 
.digest-viewer-area img[src*="/scap/"]:hover {
	opacity: 1;
	filter: brightness(120%) saturate(120%);
	transition-property: opacity, filter;
	transition-duration: .15s;
}

/********************************************************
 *** クーポン表示用CSS
 ********************************************************/

/*** 共通 ***/
.coupon-body {
    position: relative;
    margin-bottom: 10px;
	padding-bottom: 34px;
    line-height: 1.5;
    border: solid 2px #C00;
    border-radius: 4px;
    background: #FFF;
    box-sizing: border-box;
}
.coupon-body::before {
    position: absolute;
    top: calc(50% - 10px);
    left: -2px;
    width: 10px;
    height: 20px;
    content: "";
    border: solid 2px #C00;
    border-left: 0px;
    border-radius: 0px 10px 10px 0px;
    background: #FFF;
    box-sizing: border-box;
}
.coupon-body::after {
    position: absolute;
    top: calc(50% - 10px);
    right: -2px;
    width: 10px;
    height: 20px;
    content: "";
    border: solid 2px #C00;
    border-right: 0px;
    border-radius: 10px 0px 0px 10px;
    background: #FFF;
    box-sizing: border-box;
}
.coupon-body .coupon-logo {
    position: absolute;
    top: 14px;
    left: 16px;
    width: 86px;
    height: 18px;
}
.coupon-logo-after {
    position: absolute;
    top: 37px;
    left: 18px;
    width: 82px;
    line-height: 1.2;
    border-radius: 10px;
    background: #111;
    color: #FFF;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
}
.coupon-body .coupon-info-1 {
    margin: 10px 20px 10px 116px;
}
.coupon-body .coupon-info-2 {
    margin: 10px 20px 10px 20px;
    line-height: 16px;
}
.coupon-body .coupon-info-2 > div {
    font-size: 8pt;
    color: #666;
}
.coupon-body .coupon-title {
    margin-bottom: 4px;
    font-size: 10pt;
}
.coupon-body .coupon-rate {
    font-size: 12pt;
    font-weight: bold;
}
.coupon-body .caption::after {
    content: ":";
}
.coupon-body .copon-notes {
    margin-top: 6px;
}
.coupon-body .coupon-status {
    overflow: hidden;
    position: absolute;
    left: -0.5px;
    right: -0.5px;
    height: 34.5px;
    line-height: 36px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #C00;
    color: #FFF;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
}
.coupon-body .get-coupon-link {
    overflow: hidden;
    position: absolute;
    left: -0.5px;
    right: -0.5px;
    width: 100.2%;
    width: calc(100% + 1px);
    height: 34.5px;
    line-height: 34px;
    border: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #C00;
    color: #FFF;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    outline: 0px;
    cursor: pointer;
}
.coupon-body .get-coupon-link::before {
    position: absolute;
    content: "";
    display: inline-block;
    top: -180px;
    left: -20px;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny 3s ease-in-out infinite;
}
.coupon-body[issued=true] .get-coupon-link {
    background: #999;
    font-size: 0;
}
.coupon-body[issued=true] .get-coupon-link::after {
    content: "クーポンを獲得しました";
    font-size: 12pt;
}
.coupon-rapper .coupon-head[issued=true] {
    background: #D00;
    font-size: 0;
}
.coupon-rapper .coupon-head[issued=true]::before {
    content: "獲得したクーポンはマイページで確認できます";
    font-size: 11pt;
}
.coupon-rapper .coupon-head[issued=true]::after {
    border-top-color: #D00;
}
.coupon-body[issued=true] {
    background: #F6F6F6;
}
.coupon-body[issued=true], 
.coupon-body[issued=true]::before, 
.coupon-body[issued=true]::after {
    border-color: #999;
}
.coupon-body[issued=true] > div {
    opacity: 0.5;
}
.coupon-body[issued=true] > img {
    opacity: 0.5;
    filter: grayscale(1);
}
.coupon-body[issued=true] .copon-acquired {
    pointer-events: none;
}
.coupon-body[issued=true] .copon-acquired::after {
    position: absolute;
    right: 20px;
    bottom: 46px;
    width: 60px;
    line-height: 60px;
    content: "獲得済";
    border: solid 3.5px;
    border-radius: 10px;
    color: #C00;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    opacity: 0;
}
.coupon-body[issued=true] .copon-acquired::after {
    animation: acquired 800ms linear both;
}
.coupon-body[issued=true] .get-coupon-link::before {
    display: none;
}
.coupon-close {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: solid 2px #EEE;
    background: #333;
    text-align: center;
}
.coupon-close a {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.coupon-close a::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    content: "";
    width: 4px;
    height: 20px;
    background: #FFF;
    transform: rotate(45deg);
}
.coupon-close a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    content: "";
    width: 4px;
    height: 20px;
    background: #FFF;
    transform: rotate(135deg);
}
@media screen and (max-width: 380px) {
    .coupon-rapper {
        transform: scale(0.95);
    }
}
@media screen and (max-width: 360px) {
    .coupon-rapper {
        transform: scale(0.9);
    }
}
@media screen and (max-width: 340px) {
    .coupon-rapper {
        transform: scale(0.85);
    }
}
@keyframes shiny {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@keyframes acquired {
    0% { transform: scale(2); opacity: 0; }
    30% { transform: scale(2); opacity: 0; }
    55% { transform: scale(.9); opacity: 1; }
    70% { transform: scale(1.05); }
    85% { transform: scale(.95); }
    100% { transform: scale(1); opacity: 1; }
}

/*** クーポンの削除 ***/
.coupon-delete {
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px;
}
.coupon-delete a {
    display: block;
    padding: 0px;
    width: 28px;
    height: 28px;
    background-image: url(https://img.duga.jp/img/mypage/close.png);
    background-position: 6px 6px;
    background-repeat: no-repeat;
    background: url(https://img.duga.jp/img/mypage/close_x2.png) no-repeat 6px 6px/16px 16px;
    background-color: #333;
    background-color: rgba(51,51,51,0.85);
    border: 0;
    border-radius: 100%;
    overflow: hidden;
    text-indent: 100px;
    white-space: nowrap;
    cursor: pointer;
}
.coupon-delete a:hover {
    background-color: #000;
    border: 0;
}
.coupon-body.noactive .coupon-delete {
    display: none;
}

/*** 狭幅デバイス向けの調整 ***/
@media screen and (max-width: 380px) {
    .coupon-body .coupon-logo {
        top: 11px;
        left: 12px;
        width: 76px;
        height: 16px;
    }
    .coupon-logo-after {
        top: 32px;
        left: 14px;
        width: 72px;
        font-size: 8pt;
    }
    .coupon-body .coupon-info-1 {
        margin: 8px 16px 4px 98px;
    }
    .coupon-body .coupon-title {
        font-size: 8pt;
    }
    .coupon-body .coupon-rate {
        font-size: 11pt;
    }
    .coupon-body .coupon-info-2 {
        margin: 4px 16px 8px 16px;
    }
    .coupon-body .coupon-info-2 > div {
        line-height: 1.4;
        font-size: 7pt;
    }
    .coupon-body .coupon-status {
        font-size: 11pt;
    }
    .coupon-delete {
        padding: 4px;
    }
    .coupon-delete a {
        width: 24px;
        height: 24px;
        background-position: 5px 5px;
        background-size: 14px;
    }
}
@media screen and (max-width: 340px) {
    .coupon-body .coupon-info-2 {
        white-space: nowrap;
        transform: scale(0.95);
        transform-origin: left;
    }
}

/*** モーダルウィンドウ ***/
.window-coupon {
    padding-bottom: 50px;
    width: 420px;
}
.window-coupon > div {
    filter: drop-shadow(2px 4px 6px #000);
}
.window-coupon .coupon-head {
    position: relative;
    margin-bottom: 22px;
    height: 30px;
    line-height: 30px;
    background: #F08080;
    border-radius: 20px;
    color: #FFF;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
}
.window-coupon .coupon-head::after {
    position: absolute;
    bottom: -9px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    content: "";
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #F08080;
}
.window-coupon .coupon-body::before, 
.window-coupon .coupon-body::after {
    background: #222;
}

/*** 獲得済クーポン ***/
#baseblock.mypage .coupon-body {
    clear: both;
}
#baseblock.mypage .coupon-delete a.tooltip:hover:after {
    content: "クーポンを削除する";
    right: calc((40px - 124px) / 2);
    bottom: -24px;
    text-indent: 0;
}

/*** 決済内訳 ***/
.paydetail .receipt {
    overflow: hidden;
    margin-bottom: 10px;
}
.paydetail .receipt-inner {
    display: inline-block;
    padding: 6px 10px;
    border: solid 1px #CCC;
    border-radius: 5px;
}
.paydetail .receipt .money span {
    float: right;
    display: block;
    padding-left: 10px;
    text-align: revert;
}
.paydetail .receipt .money.discount span {
    color: #C00;
}

/*** 買い物かご（共通） ***/
.cart-couponbox .coupon-body.apply {
    background: #FFF6BB;
}

/*** 買い物かご（PCサイト） ***/
#baseblock.cart .coupon-body .coupon-logo {
    position: static;
    margin: 12px 0px 0px 14px;
}
#baseblock.cart .coupon-logo-after {
    top: 12.5px;
    left: 106px;
    width: 76px;
    line-height: 18px;
}
#baseblock.cart .coupon-body .coupon-info-1 {
    margin: 8px 18px 6px 18px
}
#baseblock.cart .coupon-body .coupon-title {
    margin-bottom: 0px;
    font-size: 9pt;
}
#baseblock.cart .coupon-body .coupon-rate {
    font-size: 11pt;
}
#baseblock.cart .coupon-body .coupon-status {
    font-size: 11pt;
}
#baseblock.cart .coupon-body .coupon-info-2 {
    margin: 6px 20px 10px 20px;
}
#baseblock.cart .coupon-delete a.tooltip:hover:after {
    content: "今回は使わない";
    right: -12px;
    bottom: -24px;
    text-indent: 0;
}