@charset "utf-8";

/* 日本語 */

	.sp {
		display:none;
	}

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

	.root-frame {
		width: 1200px;
		margin-left: auto;
		margin-right: auto;
		padding-top:30px;
	}

	.header {
		width: 100% !important;
		max-height: 1100px; 
		object-fit: cover;
	}

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

	.header_sns {
		position:absolute;
		top: 60px;
		right: 60px;
	}
	.header_sns img {
		width: 32px;
	}

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

	.header_icon {
		width: 200px;
	}

	.logo {
		position:absolute;
		top: 45px;
		left: 60px;
		width: 235px;
	}

	#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: #2DC3FA;
	}

	.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 {
		width: 1050px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	.menu_list ul {
		padding-left: 0;
	}
	.menu_list li {
		display:inline-block;
		padding: 0px;
		text-align: center;
		width: auto;
	}
	.menu_list li:not(:last-child) {
		margin-right: 2.1em;
	}

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

	.menu_list li dt {
		font-family: "HelveticaNeue-UltraLight ヒラギノ角ゴシック Comic Sans MS";
		font-size:1.4em;
	}

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

	.menu_list a {
		color: #696969;
	}

	.here {
		color: #303030 !important;
	}

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

	.seprate {
		clear:both;
		width: 1200px;
		margin-top:30px;
	}

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

	.title dt {
		font-family: "HelveticaNeue-UltraLight ヒラギノ角ゴシック Comic Sans MS";
		font-size:2.2em
	}

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

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

	.square_btn {
		display: inline-block;
		padding: 0.6em 1em;
		color: #000;
		border: solid 1px #000;
		border-radius: 3px;
		transition: .4s;
		width: 18%;
		margin-left: 5%;
	}

	.square_btn:hover {
		background: #2DC3FA;
		color: #fff;
	}

	/* ページ番号 */
	.pager {
		text-align: center;
	}

	.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:#91D2E4;
	}

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

	.fotter_sp_bottom img {
		width: 32px;
		margin-top: 12px;
		margin-bottom: 12px;
	}

	#footer_link {
		width: 100vw;
		height:40px;
		margin-left: auto;
		margin-right: auto;
		display:table-cell;
		vertical-align: middle;
		text-align: center;
		background : #000;
	}
	#footer_link ul {
		padding-left: 0px;
	}
	#footer_link li {
		text-align:center;
		display:inline-block;
		padding: 0px 16px;
		text-align: center;
		font-size:small;
	}

	#footer_link li+ li {
		border-left:1px solid snow
	}

	#footer_link a {
		color: snow;
	}

	.footer_icon {
		width: 235px;
		margin: 0 auto;
	}

	#copyright {
		text-align:center;
		font-size:small;
		padding:20px;
	}

	.footer_logo_name {
		font-size: 60px;
		line-height: 64px;
	}

	/* 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-left:auto;
		margin-right:auto;
	}

	#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;
		width: 800px;
	}
	#information table tbody {
	}
	#information table td:first-child {
		width: 100px;
	}

	/* Movie */
	#movie .contents {
		text-align:center;
		width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
	#movie .video {
		margin-bottom: 20px;
	}

	/* ライブ/イベント */
	#live_event .contents {
		width:640px;
		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: #726250;
	}

	.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";
	}

	.voice {
		background:#f6b860;
	}
	.voice:before {
		content:"Voice";
	}

	.radio {
		background:#a4ca56;
	}
	.radio:before {
		content:"Radio";
	}

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

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

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

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

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

	.prof_img {
		width: 376px;
		height: 376px;
	}

	.profile_name {
		font-size: 18px;
		line-height: 22px;
	}

	.profile_name_alphabet {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 20px;
	}

	/* お問い合わせ */
	#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;
	}
