@charset "utf-8";

/* 日本語 */
	.sp {
		display: none !important;
	}

	body {
		font-size: 14px;
		background-image: url(../img/g_background.jpg);
		background-repeat: repeat;
		/*background-size: CALC(100vw / 3);*/
		background-attachment: fixed;
		background-size: 480px !important;
	}

		.width-100 {
			margin:0;
			padding:0;
			width: 100%;
		}

	.root-frame-header {
		position: relative;
		display: table;
		width: 1200px;
		margin: 0 auto;
		background-color: rgba(255,255,255,0);
	}

	#header {
		position: relative;
		display: table;
		width: 1200px;
		margin: 0 auto;
		padding: 0;
		background-color: rgba(255,255,255,0.89);
	}

	.header_sp_logo {
		height: 80px;
		display: table;
	}

	.root-frame {
		display: table;
		width: 1200px;
		margin: 0 auto;
		padding-top:30px;
		background-color: rgba(255,255,255,0.89);
	}

	.header {
		width: 1200px;
	}

		.index_sns {
			position:absolute;
			top:40px;
			right:60px;
		}

		.index_sns a {
			margin-right: 6px;
			margin-left:  6px;
		}

		.index_sns img {
			width: 32px;
			height: auto;
		}

	.header_sns {
		position:absolute;
		top: 32px;
		right: 80px;
	}

	.header_sns img {
		width: 32px;
		height: auto;
		padding-left: 8px;
	}

	.header_bottom {
		position:absolute;
		width:1000px;
		height:8px;
		background-color: #058AB5; 
		z-index:9999;
		bottom: 0px;
		margin: 0;
		left: 50%;
		transform: translateX(-50%);
		-webkit- transform: translateX(-50%);
	}

	.header_icon {
	}

		.logo {
			position:absolute;
			top: 0px;
			left: 0px;
		}

		.logo img {
			width: 200px;
			height: auto;

		}

		#sale {
			margin-right: 15px;
			margin-bottom: -16px;
		}

		.release-area {
			width: 1200px;
			left: 50%;
			transform: translateX(-50%);
			-webkit- transform: translateX(-50%);
			height: 480px;
		}

		.release {
			position:absolute;
			bottom:60px;
			right:60px;
			text-align:right;
			color:#E3007F;
		}

		.release ul {
			padding: 0;
		}

		.release li {
			list-style: none;
			display: inline-table;
			width: 128px;
			margin-right: 15px;
		}

		.release_title {
			text-align: left;
			font-size:10px;
			color:#000;
		}

	.menu_list {
		position: relative;
		top: 0px;
		width: 1200px;
		margin: 0 auto;
		text-align: center;
		background-color: rgba(255,255,255,0.89);
	}

	.menu_list ul {
		margin: 0;
		padding: 0;
	}

	.menu_list li {
		display:inline-block;
		padding: 0px;
		text-align: center;
		width: auto;
	}

	.menu_list li:not(:last-child) {
		margin-right: 52px;
	}

		.menu_list li.here {
			//font-weight:bold;
			color: #000;
		}

	.menu_list li dt {
		font-family: "HelveticaNeue-UltraLight ヒラギノ角ゴシック Comic Sans MS";
		font-size:1.3em;
		color: black;
		padding-bottom: 6px;
		font-weight: bold;
	}

		.menu_list li dd {
			text-align: center;
			margin: 0px;
			white-space:nowrap;
			font-size:0.8em
		}

		.menu_list a {
			color: #696969;
		}

		.here {
			//font-weight:bold;
			color: #000 !important;
		}

		.menu_list a:hover {
			//font-weight:bold;
			color: #000 !important;
			font-family: "HelveticaNeue-UltraLight ヒラギノ角ゴシック Comic Sans MS";
			text-decoration: none;
		}

		.seprate {
			clear: both;
			width: 1000px;
			margin: 40px auto 0px auto;
		}

		.seprate2 {
			clear: both;
			margin: 40px auto 0px auto;
		}

		.seprate3 {
			clear: both;
			margin: 0px auto 0px auto;
		}

		.title {
			text-align: center;
			line-height: 1.8em;
			margin: 0;
			padding: 0;
		}

		.title dt {
			font-family: "HelveticaNeue-UltraLight ヒラギノ角ゴシック Comic Sans MS";
			font-size: 2.0em;
			padding-bottom: 8px;
			font-weight: bold;
		}

		.title dd {
			text-align: center;
			margin: 0px;
			white-space:nowrap;
			font-size:0.9em
		}

		.more {
			clear:both;
			padding: 30px 10px 10px 10px;
			text-align: center;
		}

	.square_btn {
		display: inline-block;
		padding: 6px 4px;
		color: #fff;
		background-color: #000;
		border: solid 1px #000;
		margin-left: 0;
	}

	.square_btn:hover {
		opacity: 0.7;
	}

	.square_btn2 {
		display: inline-block;
		padding: 6px 4px;
		color: #fff;
		background-color: #000;
		border: solid 1px #000;
		margin-left: 0;
	}

	/* ページ番号 */
	.pager {
		text-align: center;
		margin-top: 36px;
	}
	.pager ul {
		padding: 0;
	}
	.pager li {
		text-align:center;
		display:inline-block;
		text-align: center;
		font-size: 17px;

		width: 2.0em;           /* 横幅 */
		line-height: 2.0em;     /* 高さ */
		list-style-type: none;  /* 先頭記号なし */
		border: 1px solid #dddddd; /* 枠線 */
		margin: 0.2em;          /* 周囲の余白 */
		padding: 0px;           /* 内側の余白 */
		background:#dddddd;
	}
	.pager li a {
		display:block;
		width:100%;
		height:100%;
	}
	.pager li a:hover {
		background:#b6ced6;
	}

		/* フッター */
		#footer {
			margin-top:30px;
			width: 1200px;
			margin: 0 auto;
			text-align: center;
		}

	#footer_link {
		height: 40px;
		vertical-align: middle;
		text-align: center;
		background : #000;
		padding: 0 !important;
	}

	#footer_link li {
		text-align:center;
		display:inline-block;
		padding: 0px;
		text-align: center;
		font-size:small;
	}

	#footer_link li+ li::before {
		color: snow;
		content: "｜ ";
	}

	#footer_link a {
		color: snow;
		font-size: 0.9em;
	}

		.footer_icon {
			width: 22%;
			margin: 0 auto;
		}

		.footer_social {
			padding: 10px 0 20px 0;
		}

		.footer_social a {
			margin-right: 6px;
			margin-left:  6px;
		}

		.footer_social img {
			width: 32px;
			height: auto;
		}

	#copyright {
		padding: 20px 0;
		text-align: center;
		font-size: small;
		background-color: rgba(255,255,255,0.89);
	}

		/* TOPスクロール */
		#scroll_top {
			z-index: 998;
			position: fixed;
			bottom: 70px;
			right: 20px;
		}
		#scroll_top a {
			display: block;
			z-index: 999;
			padding: 8px 0 0 8px;
			width: 69px;
			height: 104px;
			opacity: 0.7;
		}
		#scroll_top a:hover {
			opacity: 1.0;
		}

		/* インフォメーション */
		#information .contents {
			width:800px;
			margin: 0 auto;
			padding: 20px 0;
		}

		#information .contents a {
			display:block;
			width:100%;
			height:100%;
		}

		#information .info_title {
			font-size: 20px;
			font-weight:bold; 
			margin: 16px 0;
		}

		#information table {
			border-spacing:30px 10px;
		}

		/* Movie */
		#movie .contents {
			text-align:center;
		}

		/* ライブ/イベント */
		#live_event .contents {
			width:800px;
			margin-left:auto;
			margin-right:auto;
		}

		#live_event .past_event {
			margin:30px;
			text-align: center;
		}

		#live_event .past_event li {
			text-align:center;
			display:inline-block;
			padding: 0px 8px;
			text-align: center;
		}

		#live_event table {
			border-spacing:30px 10px;
		}

		.live_event_link {
			color: #2A92C6;
		}

		.event_title {
			font-size:1.1em;
			font-weight: bold;
		}

		/* ディスコグラフィー */
		.discography {
			padding: 0;
		}

		.discography li {
			display: inline-table;
		}
	
		#discography .contents {
			width:1000px;
			margin-left:auto;
			margin-right:auto;
		}

		#discography .contents ul li{
			display: inline-table;
			width:180px;
			margin-right: 13px;
			margin-bottom: 48px;
		}

		#discography .contents .image {
			text-align:center;
		}

		#discography .contents img {
			width:100%;
		}

		#discography .contents a img:hover {
			opacity:0.6;
		}

		#discography .contents .text {
			text-align:center;
		}

		.discography_list {
			padding: 0;
		}

		.discography_list li {
			display: inline-table !important;
			margin-bottom:10px;
			width: 100% !important;
		}

		#discography table {
			border-spacing:0px;
		}

		#discography table td {
			padding:2px 30px;
		}

		#discography table .heading {
			background:#000;
			color:snow;
		}

		#discography table .heading td {
			padding:6px 6px;
		}

		.disco_pr {
			width: 30%;
		}

		.disco_br {
			width: 70%;
		}

		.disco_item p {
			padding:0;
			font-size: 12px;
		    margin-top: -4px;
		}

		.disco_title {
			font-size: 14px;
			font-weight: bold;
		}

		.disco_content {
			font-size: 12px;
		}

		/* メディア */
		#media .contents {
			width:800px;
			margin-left:auto;
			margin-right:auto;
		}

		#media table {
			border-spacing:30px 20px;
		}

		#media .color_sample {
			margin:30px;
			text-align: center;
		}

		#media .color_sample li {
			text-align:center;
			display:inline-block;
		}

		.color_case {
			width:70px;
			padding: 2px 16px;
			text-align: center;
			color:snow;
			margin-left:10px;
		}

		.lylic {
			background:#f3a5a0;
		}
		.lylic:before {
			content:"Lylic";
		}

		.still {
			background:#f6b860;
		}
		.still:before {
			content:"Still";
		}

		.event {
			background:#a4ca56;
		}
		.event:before {
			content:"Event";
		}

		.web {
			background:#7cc9c5;
		}
		.web:before {
			content:"Web";
		}

		.tv {
			background:#999dce;
		}
		.tv:before {
			content:"TV";
		}

		.magazine {
			background:#dc92bd;
		}
		.magazine:before {
			content:"Magazine";
		}

	/* プロフィール */
	#profile .contents {
		width: 900px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:60px;
		margin-top:60px;
	}

		#profile .item {
			display:inline-block;
			padding:10px;
			vertical-align: top;
			font-size: 14px;
			width: 47%;
		}

		#profile .item1 {
			display:inline-block;
			padding: 10px 20px 10px 0px;
			vertical-align: top;
			font-size: 14px;
			width: CALC(28% - 20px);
		}

		#profile .item1 img {
			width: 100%;
		}

	#profile .item2 {
		display:inline-block;
		padding: 10px 0px 10px 30px;
		vertical-align: top;
		font-size: 14px;
		width: CALC(71% - 30px);
	}

	.profile_name {
		font-size: 1.2em;
		line-height: 1.4em;
	}

	.profile_name_alphabet {
		font-size: 0.9em;
		line-height: 1.8em;
	}

	.profile_comment {
		padding-top: 10px;
		line-height: 1.8em;
	}

		/* お問い合わせ */
		#contact table {
			width:800px;
			margin-left:auto;
			margin-right:auto;
			border-spacing:20px
		}

		.contact_list {
			width:600px;
			margin-left:auto;
			margin-right:auto;
			border-spacing:20px;
		}

		.enquete-answer input {
			width: 100%;
		}

		#contact table th {
			text-align: right;
			vertical-align:top;
		}

		#contact input {
			//width:400px;
		}

		.enquete-answer textarea {
			width:100%;
			height:250px;
			resize:none;
		}