@charset "utf-8";

/* 日本語 */
	body {
	}

	.pc {
		display:none;
	}

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

	.root-frame {
		width: 97%;
		margin-left: 1.5%;
		margin-right: 1%;
		padding-top: 0px;
		padding-left: 0;
		padding-right: 0;
	}

	.logo {
		position:absolute;
		top:160px;
		right:60px;
	}

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

	/* ヘッダー */
	.header_sp {
		margin: 10px 0 10px 10px;
		width: 55%
	}

	/* ハンバーガーメニュー */
	.hamburger {
		position:absolute;
		top: 20px;
		right: 10px;
	}

	.hamburger #hamburger_icon {
		width:12vw;
		height:auto;
	}

	#hamburger_menu {
		position:fixed;
		width: 100%;
		background:#F2F6F9;
		color: #303030;
		top:0;
		z-index: 999;
	}

	#hamburger_menu ul {
		padding:0 10px;
		margin:0;
	}
	#hamburger_menu li {
	}
	#hamburger_menu dl {
		border-bottom:1px solid #000;
		padding-top: 16px;
	}
	#hamburger_menu dt {
		width:110px;
		font-size:1.0em;
	}
	#hamburger_menu dd {
		font-size:0.8em;
	}

	.header_icon {
		width: 70%;
	}

	/* メニュー */
	.menu_list {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

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

	.menu_list li.here {
		font-weight:bold;
	}

	.menu_list li dt {
		font:normal normal "Comic Sans MS";
		font-size:1.8em
	}

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

	.menu_list a {
	}

	.menu_list a:hover {
		font-weight:bold;
	}

	.seprate {
		width: 99%;
		margin: 32px 0 32px 0;
		padding:0;
	}

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

	.title dt {
		font:normal normal "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;
		text-decoration: none;
		//color: #93acb7;
		//border: solid 1px #93acb7;
		color: #000;
		border: solid 1px #000;
		border-radius: 3px;
		transition: .4s;
		width: 180px;
	}

	.square_btn:hover {
		background: #3F7CD0;
		color: #fff;
	}

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

	.pager ul {
		padding: 0;
	}

	.pager li {
		text-align:center;
		display:inline-block;
		text-align: center;
		font-size:small;

		width: 10.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;
	}

	.video {
	position: relative;
	height: 0;
	padding: 30px 0 56.25%;
	overflow: hidden;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 10px;
	}

	.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

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

	.footer_icon {
		width: 30%;
		margin: 0 auto;
	}
	.fotter_sp_bottom img {
		width: 36px;
		padding: 4px 4px 20px 4px;
	}
	#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:0
	}

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

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

	#footer_link a {
		text-decoration:none;
		color: snow;
	}

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

	.footer_logo_name {
		font-size: 48px;
		line-height: 56px;
	}


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

	/* インフォメーション */
	#information .contents {
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}

	#information .info_title {
		font-size: 1.75em;
		font-weight:bold;
		line-height: 1.1em;
		margin: 16px 0;
	}

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

	#information ul {
		padding: 0;
	}

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

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

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

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

	#live_event ul {
		padding: 0;
	}

	.past_event ul {
		padding: 0;
	}

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

	#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 {
		width: 48%;
		display: inline-table;
		margin-bottom: 16px;
	}

	#discography .contents {
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}

	.discography_list {
		padding: 0;
		width: 100% !important;
	}

	.discography_list li {
		margin-bottom:32px;
	}

	#discography table {
		border-spacing:0px;
		width:100%;
		table-layout: fixed;
	}

	#discography table td {
		padding: 0px;
	}

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

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

	.disco_pr {
		width: 100%;
		float: left;
	}

	.disco_br {
		width: 100%;
		float: left;
	}

	.disco_item {
		width: 94%;
		padding-right: 2% !important;
		padding-left: 2% !important;
		text-align: left;
	}

	.disco_item h4 {
		font-size: 1.4em;
		margin-bottom: -4px;
		margin-top: 4px;
	}

	.discography_broadcast_list {
		padding: 0;
	}

	.discography_broadcast_list li {
		font-size: 0.8em;
	}

	.disco_content {
		font-size: 0.8em;
	}

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

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

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

	.color_sample ul {
		padding:0;
	}

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

	.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:90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom:40px;
	}

	#profile .item {
		display:inline-block;
		width:100%;
		text-align:center;
		margin-bottom:1.0em;
		font-size:0.9em;
	}

	.prof_img {
		width: 100%;
		min-height: 370px;
	}

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

	.profile_comment {
		margin-top: 16px;
		text-align: left;
	}

	/* お問い合わせ */
	#contact table {
		width:90%;
		margin-left:0;
		margin-right:0;
		border-spacing:0px
	}

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

	#contact input {
		width:100%;
	}

	#contact textarea {
		width:100%;
		height:250px;
		resize:none;
	}

	.contact_list {
		width:95%;
		padding-left: 3%;
		margin-left:auto;
		margin-right:auto;
		border-spacing:20px;
	}

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

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