@charset "Shift_JIS";
/* CSS Document */


/*
	====================================
		walkman streaming_shinka index
	====================================
*/

a:focus {
	outline: thin dotted;
}
a:hover, a:active {
	color: #c41230;
	text-decoration: underline;
	background-color: transparent; 
	outline: 0;
}

#originalCnt .m_title {
	text-align: center;
	font-size: 30px;
	color: #333333;
}


#originalCnt .l_title {
	font-size: 1.3em;
	padding: 5px 10px;
	border-bottom: solid 2px #CCCCCC;
	margin: 1.5em 0px;
}
#originalCnt .glayTitle {
	font-size: 1.3em;
	color: #ffffff;
	padding: 5px 10px;
	background: #5A5858;
	text-align: center;
	margin: 1.5em 0px;
}
#originalCnt img {
	margin: 0;
	padding: 0;
}
#originalCnt .contents_area{
	margin-bottom: 3em;
}

#originalCnt p.enquete_link {
	margin: 0 0 0 50px ;
}

/* osirase_area */

#originalCnt .osirase_area{
	list-style-type: none;
	overflow: hidden;
	margin-bottom: 3em;
	line-height:1.6;
	word-break: break-all;
}
#originalCnt .osirase_area > dl > dt {
	font-weight: bold;
	margin-left: 15px;
	margin-top: 20px;
}
#originalCnt .osirase_area > dl > dd{
	border-bottom: solid 1px #CCCCCC;
	margin-left: 1em;
	padding-bottom: 10px
}
#originalCnt .osirase_area > dl > dd >p{
	margin-left: 2.5em;
}

#originalCnt .osirase_area dl dd > a.textLink{
	margin-left:2.5em;
	background-position: 0 8px;
}
#originalCnt .osirase_area dl dd > p.annotation {
	margin-left: 3.5em;
	margin-top: 0;
}

#originalCnt .osirase_area dl dd > .inner_list{
	margin-left:3.5em;
}

#originalCnt .osirase_area dl dd > .inner_list dt{
	margin-bottom:0.5em;
}

#originalCnt .osirase_area dl dd > .inner_list dd{
	margin-left:2em;
}


#originalCnt .osirase_area .pad0 {
	margin: 0 0 0 40px;
}

ul li {
	list-style-type: none;
}

ul.ml20 {
	margin: 0 0 10px 20px;
}

ul.mb0 {
	margin-bottom: 0px;
}



ul.txtlink li {
	background: url(/support/share/images/arrow_black.png) no-repeat scroll 0 5px;
	line-height: 16px !important;
	padding-left: 12px;
}
ul.annotation{
	padding-left: 0;
	margin-left: 15px;
}
ul.annotation li,
p.annotation {
	list-style: none;
	text-indent: -0.7em;
	font-size: 0.8em;
}

p{
	font-size: 16px;
}
p.l_font {
	font-size: 1.2em;
}

dl dt{
	font-size: 16px;
}

dl dd a{
	font-size: 16px;
}




/*
	====================================
		contents button
	====================================
*/
.btn_area_text {
	list-style-type: none;
	text-align: center;
}
#originalCnt .mod-linkButton {
	background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll 0 0;
	border: 2px solid #bcbcbc;
	border-radius: 15px;
	color: #333;
	cursor: pointer;
	display: inline-block;
	height: 138px;
	letter-spacing: 0.01em;
	line-height: 1.4;
	text-align: center;
	width: 160px;
	background-size: contain;
}
#originalCnt div.contents_area ul li {
	display: inline-block;
	padding: 15px;
	width: 160px;
	margin-right: 20px;
}

.mod-linkButton a {
	display: block;
	padding: 10px;
	transition: opacity .2s ease-in 0s;
	text-decoration: none !important;
}

#originalCnt .mod-linkButton .figure {
	display: block;
}

#originalCnt .mod-linkButton .threeLine {
	background: url(/support/share/images/arrow_black.png) no-repeat scroll 0 7px;
	line-height: 40px !important;
	padding-left: 12px;
	font-size: 14px;
	font-weight: bold;
}

a:hover .mod-linkButton, a:active .mod-linkButton {
	opacity: .5;
}

a:hover span.figure, a:active span.figure {
	opacity: .5;
}

a:hover span.threeLine, a:active span.threeLine {
	color: #333;
	opacity: .5;
}

a:focus .mod-linkButton, a:active .mod-linkButton {
	opacity: 0.5;
	color: black;
}

a:focus span.figure, a:active span.figure {
	opacity: 0.5;
}

a:focus span.threeLine, a:active span.threeLine {
	opacity: 0.5;
}

#originalCnt .mod-linkButton a:hover,#originalCnt .mod-linkButton a:active {
	color: black;
	opacity: .5;
}

/*20190708*/

#originalCnt div.modelArea ul li{
	display: inline-block;
	padding: 5px;
	width: 360px;
	margin-right: 0px;
}

#originalCnt .model-linkButton {
	background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll 0 0;
	border: 2px solid #bcbcbc;
	border-radius: 15px;
	color: #333;
	cursor: pointer;
	display: inline-block;
	height: 138px;
	letter-spacing: 0.01em;
	line-height: 1.4;
	text-align: left;
	width: 360px;
	background-size: contain;
}

.model-linkButton a {
	display: block;
	padding: 15px;
	transition: opacity .2s ease-in 0s;
	text-decoration: none !important;
}

.model-txt {
	background: url(/support/share/images/arrow_black.png) no-repeat scroll 0 5px;
	line-height: 20px !important;
	padding-left: 11px;
	font-size: 0.95em;
	word-break: break-all;
	height: 43px;
	display: inline-block;
}

.model-img {
	display: block;
	text-align: center;
}

@media (max-width: 740px){
	.contents_area .btn_area_text {
		text-align: center;
		padding-left: 0px;
	}
	#originalCnt {
		width: auto;
	}
	#originalCnt .m_title {
		text-align: center;
		font-size: 2em;
	}

	#originalCnt .osirase_area dl dd > a.textLink{
		margin-left:0;
	}

	#originalCnt .osirase_area dl dd > .inner_list{
		margin-left:0;
	}

	#originalCnt .osirase_area dl dd > .inner_list dd{
		margin-left:1em;
	}
	#originalCnt .osirase_area dl dd > p.annotation {
		margin-left: 2em;
	}

	#originalCnt .imgMax {
		width: 100%;
		height: auto;
	}
	#originalCnt .contents_area {
		margin-bottom: 0;
	}
	#enqueteArea table {
		width: auto;
		margin: 0 auto 20px;
		line-height: 1.5;
	}
	ul.txtlink {
		padding-left: 0px;
	}
	#originalCnt p.enquete_link {
		margin: 0 0 0 10px ;
	}
	
	#originalCnt div.contents_area ul li {
		display: inline-block;
		padding: 0 0 15px 0;
		width: fit-content;
		margin-right: 0px;
	}
}

@media (max-width: 550px){
	#originalCnt div.modelArea ul li,
	#originalCnt .model-linkButton {
		width: 96%;
	}
	#modelArea .btn_area_text {
		padding-left: 0;
	}
	.model-txt {
	height: auto;
	display: inline-block;
	min-height: 43px;
	}
	
	#originalCnt div.contents_area ul li {
		padding: 0 5px 15px 5px
	}
}


/*20190117*/

#originalCnt .osirase_area a.textLink.info{
	display: inline-block;
	float: right;
	margin: 0 2em 0 0;
	background-position:0 9px;
}

#originalCnt .osirase_area > dl{
	width:100%;
	overflow:hidden;
	margin-top: 0;
}

#originalCnt .osirase_area > dl > dt:first-child{
	margin-top:0;
}

#originalCnt span.icon_new {
	background-color: #ff6666;
	color: #fff;
	margin-left: 0.8em;
	padding: 4px 10px 2px;
	font-size: 85%;
	vertical-align: middle;
}
#originalCnt span.icon_up {
	background-color: #ff9900;
	color: #fff;
	margin-left: 0.8em;
	padding: 4px 10px 2px;
	font-size: 85%;
	vertical-align: middle;
}
@media (max-width: 740px){
	#originalCnt .osirase_area a.textLink.info{
		margin: 0 1em 0 0;
	}
}