/* ====================================

June 3, 2014
Takuro Susaki

==================================== */


/* ====================================
home ※全体に適用
==================================== */

.kodo_wrapper ul {
	font-size: 16px; /* base.css line:1004 と合わせる */
}

.properNoun {
	font-style: italic;
}

.captionSize1 {
	font-size: 0.6em;
}

.captionSize2 {
	font-size: 0.8em;
}

h1 span.small {
	font-size: 0.7em;
}

#contents dl dd dl {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	border-bottom: none;
}
#contents dl dd dt {
	float: none;
	width: 100%
}
#contents dl dd dd {
	margin: 0px 0px 0px 5px;
}

#contents dl dd ul {
	margin: 5px 0px 0px 5px;
	padding: 0px;
	border-bottom: none;
}
#contents dl dd li {
	margin-bottom: 5px;
	list-style-position: outside;
}

div.additional {
	margin: 20px 60px;
	padding-top: 40px;
	padding-bottom: 40px;
	border: 1px solid #eee;
	background-color: #f9f9f9;
}
#contents div.additional:after { content: ""; display: block; clear: both; }

@media only screen and (max-width: 480px) {
div.additional {
	margin-left: 10px;
	margin-right: 10px;
}
}

/* clearfix */
div.additional:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
div.additional {
	display: inline-block;
	}
/* Hides from IE-mac ¥*/
* html ddiv.additional	{ height: 1%; }
div.additional	{ display: block; }
/* End hide from IE-mac */
/* clearfix */


/* ====================================
home/news
==================================== */

.p_news #contents dd ul {
	margin: 0px;
	padding: 0px;
}

.p_news #contents dd ul li {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	border: none;
	line-height: 1.5;
}

.p_news ul.archives li div img {
	display: none;
}



/* ====================================
home/oet
==================================== */

#contents .righterWrapper .news_infolist ul li a {
	margin-right: 220px;
/*	width: 550px;*/
}

@media only screen and (max-width: 640px) { /* base.css line:1427 と関連 */
#contents .righterWrapper .news_infolist ul li a {
	width: auto;
	margin-right: 0;
}
}




/* ====================================
home/general
==================================== */

p.newsPaper {
	margin-top: -10px;
	margin-bottom: 40px;
	text-align: right;
}

ul.message-list li p {
	font-size: 0.9em;
}


/* ====================================
home/member
==================================== */

.p_member #contents dl.playerProfile dd.hiragana	{
	padding-left: 1em;
	color: #666;
}

@media only screen and (max-width: 640px) {
.p_member #contents dl.playerProfile dd.hiragana	{
	padding-left: 0;
}
}



/* ====================================
home/foundation
==================================== */

body.p_foundation div.directorsTrusteesList ul {
	padding-left: 1em;
}

body.p_foundation div.directorsTrusteesList ul li {
	list-style-type: disc;
	list-style-position: outside;
}



/* ====================================
home/archives
==================================== */

div.kikanshiBackIssues,
div.enewsBackIssues,
div.kodobeatBackIssues {
	width: 100%;
}

div.kikanshiText ul,
div.enewsText ul,
div.kodobeatText ul {
	padding-left: 1em;
}

div.kikanshiText ul li,
div.enewsText ul li,
div.kodobeatText ul li {
	list-style-type: disc;
	list-style-position: outside;
}

div.kikanshiBackIssues p.kikanshiImage,
div.enewsBackIssues p.enewsImage,
div.kodobeatBackIssues p.kodobeatImage {
	float: right;
	width: auto;
}
div.kikanshiBackIssues p.kikanshiImage img,
div.enewsBackIssues p.enewsImage img,
div.kodobeatBackIssues p.kodobeatImage img {
	width: 144px;
}

/* clearfix */
div.kikanshiBackIssues:after,
div.enewsBackIssues:after,
div.kodobeatBackIssues:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
div.kikanshiBackIssues,
div.enewsBackIssues,
div.kodobeatBackIssues {
	display: inline-block;
	}
/* Hides from IE-mac ¥*/
* html div.ckikanshiBackIssues	{ height: 1%; }
div.kikanshiBackIssues	{ display: block; }
/* End hide from IE-mac */
/* clearfix */

@media only screen and (max-width: 640px) {
.p_archives #contents h2,
.p_archives #contents p {
	width: auto;
	float: none;
}
.p_archives #contents p.kikanshiImage,
.p_archives #contents p.enewsImage,
.p_archives #contents p.kodobeatImage {
	float: none;
	text-align: center;
}
.p_archives #contents p.kikanshiImage img,
.p_archives #contents p.enewsImage img,
.p_archives #contents p.kodobeatImage img {
	width: 144px !important;
}
.p_oet #contents div.kikanshiText,
.p_oet #contents div.enewsText,
.p_oet #contents div.kodobeatText {
	width: auto;
	float: none;
	clear: both;
}
}



/* ====================================
discography top 2014/6/15 by Takuro
==================================== */

/* 本来 .kodo_wrapper 内に div を含まない設計なので */
/* ここで設定 */
/* kodo.css 993行を参照 */
.kodo_wrapper div.discographyTopWrapper {
	margin-left: 60px;
	margin-right: 60px;
	clear: both;
}
@media only screen and (max-width: 480px) {
.kodo_wrapper div.discographyTopWrapper {
	margin-left: 10px;
	margin-right: 10px;
}
}

/*  .kodo_wrapper に左右マージンを設定したので */
/* その子要素の左右マージン解除 */
.kodo_wrapper div.discographyTopWrapper h2,
.kodo_wrapper div.discographyTopWrapper h3,
.kodo_wrapper div.discographyTopWrapper h4,
.kodo_wrapper div.discographyTopWrapper p,
.kodo_wrapper div.discographyTopWrapper ul {
	margin-left: 0px;
	margin-right: 0px;
}
@media only screen and (max-width: 480px) {
.kodo_wrapper div.discographyTopWrapper h2,
.kodo_wrapper div.discographyTopWrapper h3,
.kodo_wrapper div.discographyTopWrapper h4,
.kodo_wrapper div.discographyTopWrapper p,
.kodo_wrapper div.discographyTopWrapper ul {
	margin-left: 0px;
	margin-right: 0px;
}
}

.kodo_wrapper div.discographyTopWrapper p {
	font-size: 0.95em;
}


/* 鼓童ディスコグラフィー側の設定 */
.discographyTopMain {
	float: left;
	width: 480px;
}
@media only screen and (max-width: 960px) {
.discographyTopMain {
	float: none;
	width: 100%;
}
}

/* コラボやソロ側の設定 */
.discographyTopSide {
	float: right;
	width: 300px;
}
@media only screen and (max-width: 960px) {
.discographyTopSide {
	float: none;
	width: 100%;
}
}

/* 左右 float の解除 */
div.discographyTopWrapper:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
/* clearfix for ie7 */
div.discographyTopWrapper {
	display: inline-block;
}
div.discographyTopWrapper {
	display: block;
}

/* 作品毎li要素設定 */
div.discographyTopWrapper ul li {
	margin-left: 0px !important; /* base.css 1184行の打ち消し */
	list-style: none;
	padding: 0px 0px 12px 0px;
	border-bottom: 2px solid #eee;
}

/* ジャケット画像の処理と、floatによるli要素内のレイアウト */
#contents div.discographyTopWrapper img {
	display: block;
	float: left;
	width: 100px;
	height: auto;
	margin: 0px 10px 0px 0px;
	box-shadow: 1px 1px 3px #ddd;
}

/* スマホ、タブレットの場合にトップの個別タイトルを消す v20140710 === */
@media only screen and (max-width: 960px) {
#contents div.discographyTOPIndividual {
	display: none !important;
	background-color: pink;
}
}

/* スマホ、タブレット用の小ナビ v20140710 ======================= */
/* 小ナビを囲うul */
#contents div.discographyTopWrapper ul.discographyTopSmallNavi {
}

@media only screen and (min-width: 961px) {
#contents div.discographyTopWrapper ul.discographyTopSmallNavi {
	display: none !important;
}
}

/* 各li要素 aタグを内包 左float */
#contents div.discographyTopWrapper ul.discographyTopSmallNavi li {
	width: 130px;
	float: left;
	list-style: none;
	line-height: 2.5;
	font-size: 0.8em;
	margin: 0px 10px 10px 0px !important;
	padding: 0 !important;
	border-bottom: none !important;
}

/* 左 float の解除 */
#contents div.discographyTopWrapper ul.discographyTopSmallNavi:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
/* clearfix for ie7 */
#contents div.discographyTopWrapper ul.discographyTopSmallNavi {
	display: inline-block;
}
#contents div.discographyTopWrapper ul.discographyTopSmallNavi {
	display: block;
}

/* 各li要素内のaタグ */
#contents div.discographyTopWrapper ul.discographyTopSmallNavi li a {
	width: 100%;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #666 !important;
	background: #fff;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0px 1px 5px 0px #ccc;
	-moz-box-shadow: 0px 1px 5px 0px #ccc;
	box-shadow: 0px 1px 5px 0px #ccc;
	position: relative;
	behavior: url(../_siteset/css/PIE.htc);
}

/* 各li要素内のaタグにマウスオーバー設定 */
#contents div.discographyTopWrapper ul.discographyTopSmallNavi li a:hover {
	background: #004;
	color: #fff !important;
}


/* li要素内のaタグ処理 v20140701 ================================ */
#contents div.discographyTopWrapper ul li a {
	display: block;
	text-decoration: none;
	color: #333;
}

/* 作品タイトルの処理 */
/* 作業中 最終的には消去の予定 20140701
#contents div.discographyTopWrapper h4 {
	line-height: 20px; /* kodo.css 86行目の対処 */
/*	margin-left: 115px;
}
*/

/* 作品タイトルの処理 v20140701 ================================ */
#contents div.discographyTopWrapper span.discographyTopTitle {
	display: block;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, sans-serif;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 4px;
	line-height: 20px; /* kodo.css 86行目の対処 */
	margin-left: 110px;
}

/* ディスク情報表示の設定（ディスコグラフィートップ用） */
/* 作業中 最終的には消去の予定 20140701
#contents div.discographyTopWrapper p.discInfo {
	margin-top: -3px;
	margin-bottom: 3px;
	font-size: 0.8em;
	color: #666;
	margin-left: 115px;
}
*/

/* ディスク情報表示の設定（ディスコグラフィートップ用） v20140701 ==== */
#contents div.discographyTopWrapper span.discInfo {
	display: block;
	margin-top: -3px;
	margin-bottom: 3px;
	font-size: 0.8em;
	color: #666;
	margin-left: 110px;
}

/* 作品概要の表示設定 */
/* 作業中 最終的には消去の予定 20140701
#contents div.discographyTopWrapper p {
	margin-left: 115px;
}
*/

/* 作品概要の表示設定 v20140701 ====================================== */
#contents div.discographyTopWrapper span.discographyTopComment {
	display: block;
	font-size: 0.95em;
	line-height: 1.4em;
	margin-left: 110px;
}

/* 作品毎li要素内の詳細リンク設定 */
/* 作業中 最終的には消去の予定 20140701
#contents div.discographyTopWrapper p.detail {
	float: right;
	margin-top: -20px;
	margin-bottom: -20px;
}
*/

/* 作品毎li要素内の詳細リンク設定 v20140701 ========================== */
#contents div.discographyTopWrapper span.detail {
	display: block;
	float: right;
	color: #c60;
	text-decoration: underline;
	margin-top: 5px;
	margin-bottom: 0px;
}

/* li要素内の float の解除 */
div.discographyTopWrapper ul li:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
/* clearfix for ie7 */
div.discographyTopWrapper ul li {
	display: inline-block;
}
div.discographyTopWrapper ul li {
	display: block;
}

/* 写真が馬鹿でかくならない様にする */
/* kodo.css 986行の打ち消し */
@media only screen and (max-width: 940px) {
#contents div.discographyTopWrapper img {
	width: 100px !important;
	height: auto;
}
}



/* ====================================
discography individual 2014/6/15 by Takuro
各タイトル毎のページ
==================================== */

/* 本来 .kodo_wrapper 内に div を含まない設計なので */
/* ここで設定 */
/* kodo.css 993行を参照 */
.kodo_wrapper div.discographyIndividualWrapper {
	margin-left: 60px;
	margin-right: 60px;
	clear: both;
}
@media only screen and (max-width: 480px) {
.kodo_wrapper div.discographyIndividualWrapper {
	margin-left: 10px;
	margin-right: 10px;
}
}

/* .kodo_wrapper に左右マージンを設定したので */
/* その子要素の左右マージン解除 */
.kodo_wrapper div.discographyIndividualWrapper h2,
.kodo_wrapper div.discographyIndividualWrapper h3,
.kodo_wrapper div.discographyIndividualWrapper h4,
.kodo_wrapper div.discographyIndividualWrapper div,
.kodo_wrapper div.discographyIndividualWrapper p,
.kodo_wrapper div.discographyIndividualWrapper ul {
	margin-left: 0px;
	margin-right: 0px;
}
@media only screen and (max-width: 480px) {
.kodo_wrapper div.discographyIndividualWrapper h2,
.kodo_wrapper div.discographyIndividualWrapper h3,
.kodo_wrapper div.discographyIndividualWrapper h4,
.kodo_wrapper div.discographyIndividualWrapper div,
.kodo_wrapper div.discographyIndividualWrapper p,
.kodo_wrapper div.discographyIndividualWrapper ul {
	margin-left: 0px;
	margin-right: 0px;
}
}
.kodo_wrapper div.discographyIndividualWrapper dl {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
@media only screen and (max-width: 480px) {
.kodo_wrapper div.discographyIndividualWrapper dl {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
}

/* ジャケット画像を float */
div.discImageAndListenWrapper p.discImage {
	float: left;
	width: 250px;
	box-shadow: 1px 1px 3px #ddd;
}
@media only screen and (max-width: 640px) {
div.discImageAndListenWrapper p.discImage {
	float: none;
}
}

/* 試聴コンテンツの設定 全体位置 */
div.graphicWrapper {
	margin: 0px 0px 20px 0px;
	padding-left: 270px;
}
@media only screen and (max-width: 640px) {
div.graphicWrapper {
	margin: 0px 10px 20px 10px;
	padding-left: 0px !important;
}
}

/* 試聴コンテンツの設定 li各行の調整 */
/* inlineplayer.css の98行からの指定の調整含む */
ul.graphic li a,
ul.graphic li a.sm2_link {
	width: -webkit-calc(100% - 28px) !important;
	min-width: 0px !important;
}
@media only screen and (max-width: 640px) {
ul.graphic li a,
ul.graphic li a.sm2_link {
	width: -webkit-calc(100% - 28px) !important;
}
}

/* 試聴コンテンツの設定 リスト設定 */
div.graphicWrapper ul li {
	list-style-type: none;
	margin-left: 0px !important; /* base.css 1184行の打ち消し */
}

/* 試聴コンテンツの設定 YouTube埋め込み表示設定 */
/* 参考： http://html5-css3.jp/tips/youtube-html5video-window.html */
.discographyYouTubeContainer {
	margin-left: 270px !important;
}
.discographyYouTubeWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 20px;
}
.discographyYouTubeWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
@media only screen and (max-width: 640px) {
.discographyYouTubeContainer {
	margin-left: 0px !important;
}
}

/* ディスク情報表示の設定（ディスコグラフィー個別用） */
div.discographyIndividualWrapper ul.discInfoList li {
	float: left;
	width: auto;
	margin-right: 4px !important;
	padding: 6px 12px;
	margin-left: 0px !important; /* base.css 1184行の打ち消し */
	list-style: none;
	color: #666;
	border-bottom: 1px solid #999;
}

/* clearfix ディスコグラフィー個別用ディスク情報li */
div.discographyIndividualWrapper ul.discInfoList:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
/* clearfix for ie7 */
div.discographyIndividualWrapper ul.discInfoList {
	display: inline-block;
}
div.discographyIndividualWrapper ul.discInfoList {
	display: block;
}

/* clearfix ジャケット画像と試聴セクション */
div.discImageAndListenWrapper:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
/* clearfix for ie7 */
div.discImageAndListenWrapper {
	display: inline-block;
}
div.discImageAndListenWrapper {
	display: block;
}



/* ====================================
Download Widget & Button 20140615
iTunes Wiget: 幅250px
各ボタン: 幅110px
==================================== */

.kodo_wrapper div.musicDlButtons {
	margin-top: 40px;
	margin-bottom: 30px;
}

.kodo_wrapper div.musicDlButtons p {
	float: left !important;
	width: 110px;
	height: 45px;
	margin-right: 20px !important;
}

/* clearfix */
.kodo_wrapper div.musicDlButtons:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
/* clearfix for ie7 */
.kodo_wrapper div.musicDlButtons {
	display: inline-block;
}
.kodo_wrapper div.musicDlButtons {
	display: block;
}



/* ====================================
discography icons 2014/6/15 by Takuro
右上の小アイコン群
==================================== */

/* 右上アイコン設定 全体位置合わせ */
div.discographyIconsWrapper { /* 上に少し寄せる、左右の位置あわせ */
	margin: -15px 0px 0px 0px;
	padding: 0px 0px;
}

/* アイコン全体を右寄せ */
/* アイコン数が増えたら whdth 要変更 CDとDVDは幅48px、他は幅40px */
/* 対象外アイコンは非表示で、左寄せで良いことにする 2015/5/23 */
/* なので、この指定はコメントアウト
.kodo_wrapper div.discographyIndividualWrapper ul.discographyIcons {
	margin-left: auto;
	margin-right: 0;
	width: 256px;
}
*/

ul.discographyIcons li {
	list-style: none;
	float: left;
	margin: 0px !important;
}

/* clearfix */
ul.discographyIcons:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
/* clearfix for ie7 */
ul.discographyIcons {
	display: inline-block;
}
ul.discographyIcons {
	display: block;
}

/* 対象サービス（リンク先）が無い場合の設定 */
ul.discographyIcons li img { 
	opacity: 0.15;
	filter: alpha(opacity=15);
}

/* 対象サービス（リンク先）が有る場合の設定 */
ul.discographyIcons li a img {
	opacity: 0.65;
	filter: alpha(opacity=65);
}

/* マウスオーバー */
ul.discographyIcons li a:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
}



/* ====================================
サイズ変更のテスト用 20140601
==================================== */

/*
#contents {
	background-color: gray !important;
}


@media only screen and (max-width: 960px) {
#contents {
	background-color: blue !important;
}
}

@media only screen and (max-width: 767px) {
#contents {
	background-color: red !important;
}
}

@media only screen and (max-width: 640px) {
#contents {
	background-color: yellow !important;
}
}

@media only screen and (max-width: 480px) {
#contents {
	background-color: pink !important;
}
}

*/


/* ====================================
英訳作業用用 20140705
==================================== */

.eiyaku {
 background-color: yellow;
}


/* ====================================
ディスカウント表示用 20150716
主にディスコグラフィーで使用
==================================== */

.discount {
	text-decoration: line-through;
	font-size: 0.95em;
	color: #999;
}