@charset "utf-8";

body {
	min-width:1030px; /* iPad縦画面時に背景幅が内容より短くなってしまうのを防ぐため */
	background-image:url(../../images/responsive/body_back.gif);
	background-repeat:repeat;
}

.onlysp {
	display:none !important;
}

/*--------------------------------------------------------
body > footer
--------------------------------------------------------*/

body > footer {
	width:1010px;
	margin-left:auto;
	margin-right:auto;
}

body > footer #sitemap-list {
	width:770px;
	float:right;
	line-height:2;
	margin-bottom:8px;
}

body > footer #sitemap-list li {
	display:inline;
	padding:0 0.5em;
	border-left:1px solid #444;
}

body > footer #sitemap-list li:last-child {
	border-right:1px solid #444;
}

body > footer #sitemap-list li a {
	color:#444;
}

body > footer #sitemap-list li a:hover {
	color:#09f;
}

body > footer address {
	width:770px;
	float:right;
	font-style:normal;
	color:#444;
	margin-bottom:50px;
}

/*--------------------------------------------------------
#content
--------------------------------------------------------*/

#content {
	width:1010px;
	margin-left:auto;
	margin-right:auto;
}

#content .shadow_pc {
	-webkit-box-shadow: 0px 0px 4px #aaa;
	box-shadow: 0px 0px 4px #aaa;
}

/*--------------------------------------------------------
#content #content_main
--------------------------------------------------------*/

#content_main {
	width:770px;
	float:right;
	margin-bottom:15px;
}

/*--------------------------------------------------------
#content #content_sub
--------------------------------------------------------*/

#content #content_sub {
	width:222px;
	float:left;
}

#content #content_sub .fujitsu-ten_logo {
	margin-bottom:10px;
}

#content #content_sub .fujitsu-ten_logo p {
	background-color:#fff;
}

#content #content_sub .fujitsu-ten_logo p a {
	display:block;
}

#content #content_sub .denso-ten_logo {
	margin-bottom:10px;
}

#content #content_sub .denso-ten_logo p {
	background-color:#fff;
}

#content #content_sub .denso-ten_logo p a {
	display:block;
}

#content #content_sub .pickup {
font-size:12px; font-size:1.2rem;
}

#content #content_sub .pickup .movie {
background-color:#222;
color:#fff;
margin-bottom:10px;
padding:6px;
}

#content #content_sub .pickup .movie .heading-main {
display:none;
}

#content #content_sub .pickup .movie .title {
font-size:12px; font-size:1.2rem;
line-height:1.4;
padding:0 2px;
}

#content #content_sub .pickup .movie .title span {
}

#content #content_sub .pickup .movie .content {
width:100%;
position:relative;
padding-top:56.25%;
margin-bottom:4px;
}

#content #content_sub .pickup .movie .content iframe {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
}

#content #content_sub .pickup .new-release {
margin-bottom:10px;
border:5px solid #d6d6d3;
}

#content #content_sub .pickup .new-release .heading-main {
	background: #fff url(../../images/responsive/ptn_stripe_top_header.gif) repeat left top;
	padding:10px 10px 6px;
}

#content #content_sub .pickup .new-release > a {
display:block;
background-color:#fff;
color:#444;
text-decoration:none;
}

#content #content_sub .pickup .new-release > a:hover {
color:#09f;
text-decoration:underline;
}

#content #content_sub .pickup .new-release > a + a {
border-top:1px solid #d6d6d3;
}

#content #content_sub .pickup .new-release .content {
	padding:10px;
	overflow:hidden;
}

#content #content_sub .pickup .new-release .content .image {
	width:80px;
	float:left;
	margin-right:10px;
}

#content #content_sub .pickup .new-release .content .title {
	text-align:left;
	line-height:1.2;
	margin-bottom:4px;
	font-size:13px; font-size:1.3rem;
}

#content #content_sub .pickup .new-release .content .update {
	text-align:left;
	line-height:1.2;
}

#content #content_sub .pickup .new-release .content .title span {
	font-weight:bold;
}

#content #content_sub .bnr_upper {
	margin-bottom:10px;
}

#content #content_sub .bnr_upper a {
	display:block;
	border:4px solid #fff;
}

#content #content_sub .bnr_upper a:hover {
	border-color:#9bd;
}

#content #content_sub .bnr_upper a:nth-last-of-type(n+2) {
	margin-bottom:10px;
}

/*--------------------------------------------------------
#content #content_sub ナビゲーション
--------------------------------------------------------*/

#nav_whole {
	background:url(../../images/responsive/ptn_stripe_top_light-gray.png) repeat left top;
	border:5px solid #fff;
	padding:12px 0;
	margin-bottom:10px;
}

nav#global .heading-main,
nav#link .heading-main {
	clear:both;
	margin-bottom:8px;
	padding-bottom:5px;
	background:url(../../images/responsive/heading_line.png) no-repeat center bottom;
}

nav#global {
	width:190px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:20px;
}

nav#global > ul {
	border-top:1px solid #eee;
	width:190px;
	margin-right:auto;
	margin-left:auto;
}

nav#global > ul > li > a,
nav#global > ul > li > div {
	display:block;
	overflow:hidden;
	width:188px;
	height:40px;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

nav#global > ul > li > a:hover {
	background-position:right top;
}

nav#global > ul > li > a > dl {
	display:none;
}

nav#global > ul > li > a[href="../"] {
	display:none;
}

nav#global > ul > li > a[href*="step_up"] {
	background-image:url(../../images/responsive/btn_g-nav_step_up.gif);
}

nav#global > ul > li > a[href*="recording_report"] {
	background-image:url(../../images/responsive/btn_g-nav_recording_report.gif);
}

nav#global > ul > li > a[href*="watch_the_jazz"] {
	background-image:url(../../images/responsive/btn_g-nav_watch_the_jazz.gif);
}

nav#global > ul > li > a[href*="jazz_report"] {
	background-image:url(../../images/responsive/btn_g-nav_jazz_report.gif);
}

nav#global > ul > li > a[href*="swinging_girls"] {
	background-image:url(../../images/responsive/btn_g-nav_swinging_girls.gif);
}

nav#global > ul > li > a[href*="concert_report"] {
	background-image:url(../../images/responsive/btn_g-nav_concert_report.gif);
}

nav#global > ul > li > a[href*="jazz_people"] {
	background-image:url(../../images/responsive/btn_g-nav_jazz_people.gif);
}

nav#global > ul > li > a[href*="new_release"] {
	background-image:url(../../images/responsive/btn_g-nav_new_release.gif);
}

nav#global > ul > li > a[href*="band_introduction"] {
	background-image:url(../../images/responsive/btn_g-nav_band_introduction.gif);
}

nav#global > ul > li > a[href*="archives"] {
	background-image:url(../../images/responsive/btn_g-nav_archives.gif);
}

nav#global > ul > li > a[href*="concert_info"] {
	background-image:url(../../images/responsive/btn_g-nav_concert_info.gif);
}


nav#global > ul > li.concert_info > div {
	background-image:url(../../images/responsive/btn_g-nav_concert_info.gif);
}

nav#global > ul > li.concert_info > ul {
	padding:10px;
	background-color:#fff;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
	border-bottom:1px solid #eee;
	font-size:12px; font-size:1.2rem;
	font-weight:bold;
}

nav#global > ul > li.concert_info > ul > li:before {
	content:"\30FB\0020";
	font-size:85%;
}

nav#global > ul > li.concert_info > ul > li:nth-last-child(n+2) {
	margin-bottom:0.75em;
}

nav#global > ul > li.concert_info > ul > li a {
	text-decoration:none;
}

nav#global > ul > li.concert_info > ul > li a:hover {
	text-decoration:underline;
}


nav#link {
	width:188px;
	margin-right:auto;
	margin-left:auto;
}

nav#link ul li {
	font-size:12px; font-size:1.2rem;
	line-height:1.5;
}

nav#link ul li::before {
	content:"・";
}

nav#link ul li a {
	text-decoration:none;
}

nav#link ul li a:hover {
	text-decoration:underline;
}

/*--------------------------------------------------------
#content #content_sub お知らせバナーなど
--------------------------------------------------------*/

aside#information .heading-main {
	display:none;
}

aside#information .mail-magazine {
	margin-bottom:10px;
}

aside#information .mail-magazine a {
	display:block;
}

aside#information .bnr_lower {
	margin-bottom:10px;
}

aside#information .bnr_lower a[href*="bluegiant.jp"] {
	display:block;
	border:3px solid #fff;
}

aside#information .bnr_lower a[href*="bluegiant.jp"]:hover {
	border-color:#9bd;
}

aside#information .bnr_lower a:nth-last-of-type(n+2) {
	margin-bottom:10px;
}


aside#information .relation-banner {
	margin-bottom:10px;
}

aside#information .relation-banner a[href*="twitter.com"] {
	display:none;
}

aside#information .relation-banner a[href*="www.eclipse-td.com"] {
	display:block;
	border:4px solid #fff;
}

aside#information .relation-banner a[href*="www.eclipse-td.com"]:hover {
	border-color:#bbb;
}

aside#information ul#assist {
	background-color:#f3f3f3;
	margin-bottom:20px;
	border:4px solid #fff;
	font-size:12px; font-size:1.2rem;
	line-height:1.6;
	padding:8px 10px;
}

aside#information ul#assist li {
	padding-left:16px;
	background:url(../../images/responsive/link_allow.gif) no-repeat left center;
}

aside#information ul#assist li a {
	color:#444;
	text-decoration:none;
}

aside#information ul#assist li a:hover {
	color:#09f;
	text-decoration:underline;
}




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

/* ページトップボタン */

.back-to-top {
position:fixed;
right:30px;
bottom:30px;
z-index:2;
}

.back-to-top p a:hover {
background-color:#09f;
background-color:rgba(0,153,255,1);
text-decoration:none;
}

/* ロールオーバー 不透明度 */

.opacity:hover {
	opacity:0.7;
}