@charset "utf-8";

/******************* 統一設定 *******************/
*{
	margin:0;
	padding:0;
	text-decoration:none;
	font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho","Noto Serif JP",serif;
	table-layout:fixed;
	border-spacing:0;
}

::selection{
	color:#fff;
	background:#c64595;
}

body{
	font-size:16px;
}

body::before{
	width:100%;
	height:100vh;
	background:#fff url("/images/bg.png");
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	display:block;
	content:"";
}

ul{
	list-style:none;
	text-align:center;
}

a{
	color:#000;
}

div#wrapper{
	margin:0 auto;
}

section[id^="sec"] div.inner_contents h1.title{
	height:35px;
	margin-bottom:15px;
	padding-top:2px;
	padding-left:15px;
	background:#fff9;
	font-size:1.925em;
	line-height:1.15em;
	border-left:solid 15px #c64595;
	border-bottom:solid 1px #c64595;
}


/******************* ヘッダー *******************/
header{
	width:100%;
	height:105px;
	background:#fff;
	box-shadow:0 0 15px rgb(0 0 0 / 30%);
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:99999;
}

header div.smView{
	display:none;
}

header div.pcView,header div.pcView *{
	height:105px;
}

header div.pcView div.logo{
	width:30%;
	height:100%;
	float:left;
	display:block;
}

header div.pcView div.logo a{
	width:217.5px;
	margin:0 auto;
	background:url("./../images/logo.svg") no-repeat center/contain;
	background-position:center 10px;
	text-indent:-9999px;
	display:block;
}

header div.pcView a.logo img{
	height:100%;
	margin:0 auto;
	object-fit:contain;
	object-position:center;
	display:block;
}

header div.pcView div.item{
	width:70%;
	max-width:845px;
	float:right;
}

@media (min-width:1300px) and (max-width:1499px){
	header div.pcView div.item{
		max-width:calc(845px - 20px);
		margin-right:20px;
	}
}

@media (min-width:1500px){
	header div.pcView div.item{
		margin-right:75px;
	}
}

header div.pcView div.item ul{
	height:60px;
	padding:22.5px 0;
	display:flex;
	flex-direction:row;
}

header div.pcView div.item ul li{
	width:calc(100% - 10px);
	height:60px;
	margin-right:10px;
}

header div.pcView div.item ul li:last-child{
	margin-right:0;
}

header div.pcView div.item ul li a{
	width:100vw;
	height:60px;
	color:#fff;
	background:#c64595;
	margin-right:10px;
	vertical-align:middle;
	font-size:1.2em;
	font-family:"audrey",serif;
	border-radius:5px;
	transition:.3s;
	display:table-cell;
}

header div.pcView div.item ul li a:hover{
	opacity:.7;
}

header div.pcView div.item ul li a[target="_blank"]::before{
	padding-right:5px;
	font-family:"FontAwesome";
	content:"\f08e";
}


/****************** 新規登録 ******************/
div.create{
	width:150px;
	position:fixed;
	right:10px;
	bottom:100px;
	z-index:999;
}

div.create div{
	width:150px;
}

div.create a{
	width:150px;
	height:50px;
	color:#fff;
	background:#c64595;
	text-align:center;
	vertical-align:middle;
	border-radius:5px;
	display:table-cell;
	transition:.3s;
}

div.create div:not(:last-child){
	margin-bottom:10px;
}

div.create a:hover{
	opacity:.7;
}


/****************** 修正と削除 ******************/
div.fix{
	margin-top:-28px;
	margin-left:300px;
	display:flex;
	flex-direction:row;
	position:relative;
	top:32px;
}

div.fix div:nth-child(1){
	margin-right:10px;
}

div.fix a,div.fix button{
	width:100px;
	height:30px;
	text-align:center;
	vertical-align:middle;
	font-size:15px;
	border-radius:5px;
	display:table-cell;
	transition:.3s;
	cursor:pointer;
}

div.fix a.info_edit,div.fix a.discography_edit{
	color:#fff;
	background:#c64595;
}

div.fix button.info_delete,div.fix button.discography_delete{
	border:none;
}

div.fix a:hover,div.fix button:hover{
	opacity:.7;
}


/******************* コンテンツ *******************/
div.contents{
	margin-top:105px;
	clear:both;
}

div.contents section[id^="sec"]{
	width:85%;
	min-width:915px;
	max-width:1280px;
	margin:50px auto 0;
}


/******************* フッター *******************/
footer{
	margin-top:75px;
	padding:20px 0;
	color:#fff;
	background:#963d74;
	text-align:center;
}


@media (max-width:999px){
	/******************* ヘッダー *******************/
	header{
		height:80px;
	}
	
	header div.pcView{
		display:none;
	}

	header div.smView{
		display:block;
	}
	
	/******************* トグルボタンの中身 *******************/
	header div.smView nav.pure-drawer div.list_item{
		margin-top:65px;
	}

	header div.smView nav.pure-drawer ul.navbar-nav li.nav-item div{
		margin:0 auto 20px;
		display:block;
	}

	header div.smView nav.pure-drawer ul.navbar-nav li.nav-item div a{
		width:100vw;
		color:#fff;
		background:#c64595;
		text-align:center;
		font-family:"audrey",serif;
		border-radius:5px;
		transition:.3s;
		display:table-cell;
	}

	header div.smView nav.pure-drawer ul.navbar-nav li.nav-item div a:hover{
		opacity:.7;
	}

	header div.smView nav.pure-drawer ul.navbar-nav li.nav-item div a[target="_blank"]::before{
		padding-right:5px;
		vertical-align:-1px;
		font-family:"FontAwesome";
		content:"\f08e";
	}

	header div.smView div.logo{
		height:70px;
		margin:8px 0 2px;
		display:block;
	}

	header div.smView div.logo a{
		width:180px;
		height:70px;
		margin:0 auto;
		background:url("./../images/logo.svg") no-repeat center/contain;
		text-indent:-9999px;
		display:block;
	}

	/******************* コンテンツ *******************/
	div.contents{
		margin-top:80px;
	}
}


@media (min-width:768px) and (max-width:1259px){
	/******************* ヘッダー *******************/
	header div.smView div.logo{
		width:250px;
	}

	/******************* トグルボタンの中身 *******************/
	header div.smView nav.pure-drawer p.title{
		background-size:17.5rem;
		font-size:5rem;
	}

	header div.smView nav.pure-drawer ul.navbar-nav li.nav-item div{
		width:350px;
		height:60px;
	}

	header div.smView nav.pure-drawer ul.navbar-nav li.nav-item:last-child div{
		margin-bottom:0;
	}

	header div.smView nav.pure-drawer ul.navbar-nav li.nav-item div a{
		height:60px;
		vertical-align:middle;
		font-size:1.425rem;
	}

	/******************* コンテンツ *******************/
	div.contents section[id^="sec"]{
		min-width:unset;
	}

	section[id^="sec"] div.inner_contents h1.title{
		font-size:1.625em;
		line-height:1.1em;
	}

	/******************* フッター *******************/
	footer{
		margin-top:50px;
	}
}


@media (max-width:767px){
	/******************* ヘッダー *******************/
	header div.smView div.logo{
		width:185px;
	}

	/******************* トグルボタンの中身 *******************/
	header div.smView nav.pure-drawer p.title{
		background-size:50vw;
		font-size:17vw;
	}

	header div.smView nav.pure-drawer ul.navbar-nav li.nav-item div{
		width:65%;
		min-width:200px;
		height:50px;
	}

	header div.smView nav.pure-drawer ul.navbar-nav li.nav-item div a{
		height:50px;
		padding:17px 0 13px;
		line-height:calc(4.2vw + 2px);
		font-size:4.2vw;
		box-sizing:border-box;
	}

	/****************** 新規登録 ******************/
	div.create{
		bottom:125px;
	}

	/****************** 修正と削除 ******************/
	div.fix{
		display:none;
	}

	/******************* コンテンツ *******************/
	div.contents section[id^="sec"]{
		min-width:unset;
	}

	section[id^="sec"] div.inner_contents h1.title{
		font-size:1.625em;
		line-height:1.1em;
	}

	/******************* フッター *******************/
	footer{
		padding:15.5px 0;
		margin-top:50px;
		margin-bottom:50px;
	}
}