@charset "utf-8";
/*
theme Name: THE MAST official site
Author: asami
Description: THE MAST official site original theme
version： 2.0.0
*/

/* CSS Document */

/*      the mast offisial web site        */

/*--------------------
base
---------------------*/

html {
	font-size: 62.5%;
	/*16px×62.5%=10px*/
	/* 背景色 */
	background: linear-gradient( -45deg, #292929 25%, #222222 25%, #222222 50%, #292929 50%, #292929 75%, #222222 75%, #222222);
	background-size: 10px 10px;
	height: 100%;
}
body {
	width: 100%;
	color: #fff;
	font-size: 1.6rem;
	font-feature-settings: "palt";
	/*letter-spacing: */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Anton', 'Sawarabi Gothic', 'Saira Stencil One', 'Avenir';
	/*背景画像固定*/
	background-image: url("images/cd_tusirokuro.png");
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: right -19% bottom 13%;
	background-size: 50% auto;
}


img {
	max-width: 100%;
	height: auto;
	-webkit-touch-callout:none;
}
a {
	color: #FFFFFF;
	text-decoration: none;
	transition: all 0.5s ease;
}
a:hover {
	color: #FFFF00;
	opacity: 0.7;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
h2 {
	color: #fff;
	font-family: 'Anton';
	font-size: 60px;
	letter-spacing: 0.2em;
	text-align: center;
	margin: 0 auto;
	font-weight: normal;
	width: 100%;
	max-width: 1120px;
}
h3 {
	color: #fff;
	font-family: 'Sawarabi Gothic';
	font-size: 3.6rem;
	margin: 0 auto 50px;
	line-height: 1.1;
}
.center {
	text-align: center;
}
.wrapper {
	box-sizing: border-box;
	padding: 0 20px;
	max-width: 1160px;
	margin: 0 auto 220px;
}
/*--------------------
/base
---------------------*/

/*--------------------
wp-pagenavi
---------------------*/

.wp-pagenavi {
	max-width: 100%;
	font-size: 2.0rem;
	text-align: center;
	padding: 100px 0px 0px;
	position: relative;
	height: 52px;
}
.first, .previouspostslink, .nextpostslink, .last {
	width: 120px;
	height: 52px;
	line-height: 2.5;
	border: solid 1px #222222;
	color: #666666;
	background: #eeeeee;
	/*背景色*/
}
/* 一番左の */
.first{
	position: absolute;
	left: 0;
}
/* 二番目左の */
.previouspostslink{
	position: absolute;
	left: 140px;
}
/* 二番目右の */
.last{
	position: absolute;
	right: 0;
}
/* 一番目右の */
.nextpostslink{
position: absolute;
right: 150px;
}
.current, .page-larger, .page{
display: inline-block;
margin: 0 10px;
}

.wp-pagenavi i{
	display: block;
	text-align: center;
	line-height: 2.5;
	color: #222222;
}
.wp-pagenavi i:hover{
	color: #eeeeee;
}
.current{
	width: 50px;
	height: 50px;
	line-height: 2.5;
	font-weight: bold;
	border: solid 1px #eeeeee;
	color: #eeeeee;
	background: #222222;
	/*背景色*/
}
.page-larger,.page {
	width: 50px;
	height: 50px;
	line-height: 2.5;
	font-weight: bold;
	border: solid 1px #222222;
	color: #222222;
	background: #eeeeee;
	/*背景色*/
}
.wp-pagenavi a:hover {
	color: rgba(238, 238, 238,1);
	background-color: rgba(34, 34, 34,1);
	border: solid 1px rgba(238, 238, 238,1);
}
/*--------------------
font awesome
---------------------*/

.fas fa-angle-double-up {
	font-size: 2.0rem;
}
/*--------------------
年数選択ボタン
---------------------*/

.year-select {
	max-width: 100%;
	padding: 0.5rem 5.1rem 0.4rem 1.5rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background-color: #fff;
	font-size: 3.0rem;
	border-radius: 0;
	color: #666666;
	cursor: pointer;
}
select::-ms-expand {
	display: none;
}
.select-box {
	position: relative;
	display: inline-block;
}
.select-box:before {
	font-family: "Font Awesome 5 Free";
	content: "\f0dd";
	color: #666666;
	font-weight: bolder;
	position: absolute;
	top: -6px;
	right: 15px;
	pointer-events: none;
	font-size: 4rem;
}
.select-box-left {
	max-width: 1120px;
	text-align: left;
}

/*--------------------
 /年数選択ボタン
---------------------*/

/*--------------------
header
---------------------*/

.logo {
	max-width: 57px;
	margin-left: 10px;
}

/* IEのみの */
@media all and (-ms-high-contrast: none){
	.logo{
		margin-right: 15px;
	}
}

.top-content {
	font-family: 'Anton';
	font-size: 2.0rem;
}
.sns-icon {
	max-width: 30px;
	float: left;
	margin-right: 19px;
}
.header {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	transition: all 0.5s ease;
	background-color: rgba(88, 88, 88, 0.7);
	height: 74px;
}
.hidden {
	background: none;
	transition: all 0.5s ease;
}
.navigation {
	max-width: 1090px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
}
.side-menu {
	font-family: 'Saira Stencil One';
	font-size: 2.0rem;
	width: 90%;
	display: flex;
	justify-content: space-between;
}
/*SP menu display none*/

.sp-top-title {
	display: none;
}
.nav-button {
	display: none;
}
.nav-wrap {
	display: none;
}
/************title用CSS基本***********/

.title-line__box {
	position: relative;
	overflow: hidden;
	margin-bottom: 140px;
}
.title-line {
	width: 100%;
	max-width: 1550px;
}
.slideConts {
	width: 132%;
	transition: .5s;
	position: absolute;
	bottom: 47px;
	right: 0px;
	background-color: #fff;
	height: 1px;
	transform: translate(100%, 0);
}
.slideConts.show {
	transform: translate(40%, 0) !important;
}
/************title用CSS基本***********/

.line-top {
	top: 45px;
	bottom: auto;
}
.top-movie_title {
	letter-spacing: 0.1em;
}
.section-title {
	display: inline-block;
	transform: scale(1.43, 1);
}
.section-title-tenth {
	color: #BC0D0D;
}
.section-title:first-letter {
	color: #BC0D0D;
}
.section-title-first {
	display: inline-block;
}
.section-title-first:first-letter {
	color: #BC0D0D;
}
/**********title用CSS*************/

/*--------------------
/header
---------------------*/

/*--------------------
 TOP page slide button
---------------------*/

.auto-slider img {
	height: 69.23vw;
}
.swiper-pagenaition {
	text-align: center;
	margin: 50px 0 220px;
	font-size: 2.0rem;
}
.swiper-pagenaition-button {
	margin: 0 10px;
}
.swiper-pagenaition-button-active {
	color: #bc0d0d;
}
.wrapper h2:nth-of-type(2) {
	letter-spacing: normal;
}
.auto-slider .flex-control-paging li a.flex-active{
	background: rgba(255,255,255,.9);
}

/*--------------------
TOP page main
---------------------*/

.live-sche {
	background-image: url("images/top-live9224.png");
	background-repeat: no-repeat;
	background-position: center center;
	max-width: 1160px;
	height: 237px;
	margin: 0 auto 50px;
	text-align: center;
	font-family: 'Sawarabi Gothic';
}
.live-sche p {
	top: 50%;
	left: 50%;
}
.sche-day {
	font-size: 3.6rem;
	padding: 29px;
}
.sche-text {
	font-size: 2.4rem;
	padding-bottom: 15px;
}
.sche-more {
	font-size: 3.0rem;
	font-family: 'Saira Stencil One';
}
.top-more {
	text-align: right;
}
.fb-size {
	width: 500px;
	max-width: 100%;
	height: 500px;
	margin: 0 auto;
}
.fb-size iframe {
	width: 100%;
	height: 100%;
}
.fb-wrap {
	height: 500px;
	width: 500px;
	text-align: center;
	margin: 0 auto;
}
.pc-br {
	display: none;
}
.pc-br {
	display: block;
}
/*--------------------
下層ページ用 H2 CSS
---------------------*/

.underlayer-title {
	padding: 170px 0 140px;
}
.mast-title-second:first-letter {
	color: #BC0D0D;
}
.mast-title-second {
	padding-top: 100px;
}
.mast-titlered {
	color: #BC0D0D;
	display: inline-block;
	transform: scale(1.43, 1);
	padding-bottom: 100px;
	margin-top: 170px;
}
/*--------------------
profile page
---------------------*/

.prof-wrap {
	display: flex;
	justify-content: center;
}
.prof-img {
	width: 360px;
	height: 750px;
	overflow: hidden;
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
}
.prof-img.vocal {
	background-image: url("images/proftngt.png");
}
.prof-img .name {
	position: absolute;
	left: 3%;
	bottom: 2%;
}
.prof-img .part {
	position: absolute;
	right: 3%;
	bottom: 2%;
}
.prof-img.guitar {
	background-image: url("images/profaida.png")
}
.prof-img.bass {
	background-image: url("images/profshoji.png")
}
.prof-img.drum {
	background-image: url("images/prof-kwgc.png")
}
.prof-img .caption {
	text-align: center;
	color: #fff;
}
.prof-img .mask {
	width: 100%;
	height: 100%;
	position: absolute;
	/* 絶対位置指定 */
	top: 0;
	left: 0;
	opacity: 0;
	/* マスクを表示しない */
	background-color: rgba(34, 34, 34, 0.8);
	/* マスクは半透明 */
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
}
.prof-img:hover .mask {
	opacity: 1;
	/* マスクを表示する */
}
.prof-name {
	font-family: 'Anton';
	font-size: 3.6rem;
	line-height: 2;
}
.prof-text {
	font-family: 'Sawarabi Gothic';
	font-size: 2.4rem;
}
.prof-favo {
	padding-top: 20px;
}
.prof-favo:first-letter {
	color: #BC0D0D;
}
.prof-history {
	font-family: 'Sawarabi Gothic';
	font-size: 2.5rem;
	text-align: left;
	margin: 100px auto;
}
.prof-bgi {
	background-image: url("images/prof-tcome.png");
	background-repeat: no-repeat;
	background-position: 22% 50%;
	background-size: cover;
	max-width: 1160px;
	padding-top: 75px;
	padding-bottom: 75px;
	margin-bottom: 220px;
}
.text-shadow {
	text-shadow: 1px 1px 1px #222222;
}
.prof-r_comment {
	font-family: 'Sawarabi Gothic';
	font-size: 1.8rem;
	max-width: 715px;
	margin: 0px 10px 0 auto;
	line-height: 2.2;
	width: 59%;
}
.prof-leader {
	font-family: 'Sawarabi Gothic';
	font-size: 3.0rem;
	max-width: 750px;
	margin: 40px 10px 0 auto;
	text-align: right;
}
.sp-br {
	display: none;
}
/*DISCOGRAY*/

.track {
	font-family: 'Saira Stencil One';
	font-size: 3.6rem;
	padding: 100px 0 50px;
}
.track:first-letter {
	color: #BC0D0D;
}
.music-list {
	font-family: 'Sawarabi Gothic';
	font-size: 2.4rem;
	padding-bottom: 50px;
}
.music-want {
	font-family: 'Sawarabi Gothic';
	font-size: 1.8rem;
}
/*--------------------
schedule page
---------------------*/

.sche-bgi {
	background-image: url("images/sche-pic.png");
	background-repeat: no-repeat;
	background-position: center center;
	max-width: 1160px;
	margin: 50px auto;
}
.sche-bgi-3 {
	margin-bottom: 0px;
}
.sche-wrap {
	display: flex;
}
.sche-title {
	padding: 50px;
	width: 65%;
}
.live-schelist {
	padding: 54px;
	font-family: 'Sawarabi Gothic';
	width: 35%;
	padding-left: 0;
}
.live-schelist dd a:hover {
	text-decoration: underline;
}
.live-schelist-place {
	font-size: 2.4rem;
	padding-bottom: 12px;
}
.live-schelist-place_ad {
	padding-bottom: 20px;
}
.sche-p {
	font-family: 'Sawarabi Gothic';
	font-size: 3.6rem;
	margin: 0 auto 50px;
}
.live-schelist-item {
	font-size: 2.4rem;
}
.live-schelist-item:nth-child(5) {
	padding-bottom: 30px;
}
.sche-dt {
	display: inline-block;
}
/*--------------------
PHOTO page
---------------------*/

.photo-item {
	padding-top: 50px;
}
.photo-list img:nth-child(3) {
	padding: 0px;
}
/*--------------------
MOVIE page
---------------------*/

.movie-center {
	text-align: center;
}
.movie-center p {
	display: inline-block;
	float: left;
	font-family: 'Anton';
	font-size: 2.6rem;
	padding: 100px 0 50px;
	letter-spacing: 3px;
	transform: scale(1.2, 1);
	transform-origin: left;
}
.movie-editer-text {
	font-family: 'Anton';
	font-size: 1.3rem;
	text-align: right;
	padding-top: 100px;
	transform: scale(1.3, 1);
	transform-origin: right;
}
/*--------------------
/下層ページ用 H2 CSS
---------------------*/

/*--------------------
上に行くボタン
page top
---------------------*/

#btn-pagetop:hover {
	opacity: 0.6;
}
#btn-pagetop {
	transition: .3s;
	right: 0;
	position: fixed;
	bottom: 20px;
	margin-right: 20px;
}
.page-top-text {
	font-family: 'Saira Stencil One';
	font-size: 2.0rem;
}
/*--------------------
上に行くボタン
/page top
---------------------*/

/*--------------------
footer
---------------------*/

.footer-erea {
	background-color: #bc0d0d;
}
.sns-icon-footer {
	max-width: 67px;
	display: inline-block;
	margin: 0 17.5px;
}
.footer-follow-text {
	font-family: 'Anton';
	font-size: 3.8rem;
	padding: 50px 0;
}
.footer-photo {
	font-size: 2.8rem;
	padding: 100px 0 0;
	letter-spacing: 3px;
}
.footer-mast {
	font-size: 2.8rem;
	padding: 20px 0 100px;
	letter-spacing: 3px;
}
.footer-letterspace {
	letter-spacing: 0.2em;
	transform: scale(1.3, 1);
	display: inline-block;
}


/*--------------------
/footer
---------------------*/

/*--------------------
 404
---------------------*/
.not-found{
	padding: 300px 0;
}
.not-found h2{
	font-family: 'Sawarabi Gothic';
	font-size: 30px;
}
 .not-foundwrap{
	 width: 100%;
   position: relative;
   min-height: 100%;
}
.not-foundwrap footer{
	position: absolute;
  bottom: 0;
  width: 100%;
}
.not-foundwrap main{
	padding-bottom: 544px;
}



/*--------------------
 /404
---------------------*/


/*ipad pro の時、プロフページ一部をスマホデザインに*/

/*{ 1023以下の画面サイズにCSSを適応 }*/

@media screen and (max-width:1024px) {


	.name.pc {
		display: none;
	}
	.part.pc {
		display: none;
	}
	.prof-wrap .sp {
		display: block;
	}
	.prof-wrap {
		display: block;
		width: 100%;
		max-width: 700px;
		margin: auto;
	}
	.prof-favo {
		padding-top: 0;
		display: flex;
		align-items: center;
		width: 100%;
	}
	.prof-img .caption {
		width: 100%;
	}
	.sp-prof-fav_first {
		display: inline-block;
	}
	.sp-prof-fav_first:first-letter {
		color: #BC0D0D;
	}
	.prof-favo:before, .prof-favo:after {
		content: "";
		flex-grow: 1;
		height: 1px;
		background: #bc0d0d;
		display: block;
	}
	.prof-favo:before {
		margin-right: .4em;
	}
	.prof-favo:after {
		margin-left: .4em;
	}
	.prof-img {
		height: auto;
		width: 96%;
		margin: 0 auto 75px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.prof-img.vocal {
		background-image: url("images/sp-tanipic.png");
		background-size: 50% auto;
		padding-left: 50%;
		background-position: left;
	}
	.prof-img.guitar {
		background-image: url("images/sp-aidapic.png");
		background-size: 50% auto;
		padding-right: 50%;
		background-position: right;
	}
	.prof-img.bass {
		background-image: url("images/sp-syojipic.png");
		background-size: 50% auto;
		padding-left: 50%;
		background-position: left;
	}
	.prof-img.drum {
		background-image: url("images/sp-kawapic.png");
		background-size: 50% auto;
		padding-right: 50%;
		background-position: right;
	}
	.prof-img .mask {
		opacity: 1;
		/* マスクを表示する */
		background-color: transparent;
		position: static;
	}
	.prof-name, .prof-text dd:first-child {
		display: none;
	}
	.prof-text dt {
		font-size: 1.3rem
	}
	.prof-text dd {
		font-size: 1.7rem
	}
}
/*ここからスマホデザイン*/
/*{ 812以上の画面サイズにCSSを適応 }*/

@media screen and (max-width:812px) {
	.fb-size iframe {
		width: 100%;
	}
	body {
		font-size: 1.5rem;
		background-image: none;
	}
	body:before{
		content:"";
		display:block;
		position:fixed;
		right:-50%;
		bottom: -88%;
		z-index:-1;
		width:100%;
		height:150%;
		background:url("images/cd_tusirokuro-sp3.png") no-repeat;
		background-size:50% auto;
		-webkit-backface-visibility:hidden;
		-moz-backface-visibility:hidden;
		-o-backface-visibility:hidden;
		-ms-backface-visibility:hidden;
		backface-visibility:hidden;
		overflow: hidden;
	}

	h2 {
		font-size: 2.9rem;
	}
	h3 {
		font-size: 1.8rem;
		margin: 15px auto;
		padding-top: 15px;
	}
	.mast-titlered {
		display: none;
	}
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.wrapper {
		max-width: 728px;
		margin: 0 auto 100px;
	}
	.sptop-wrapper {
		padding: 0 20px;
		max-width: 728px;
		margin: 0 auto 10px;
	}
	/*--------------------
	sp wp-pagenavi
	---------------------*/
	.wp-pagenavi {
		font-size: 1.6rem;
		padding: 40px 0 0 0;
	}

	.wp-pagenavi .fa, .wp-pagenavi.fas{
		color: #222222;
	}
	.first, .previouspostslink, .nextpostslink, .last, .current, .page-larger {
		width: 32px;
		height: 32px;
		line-height: 2.0;
		box-sizing: border-box;
	}
	.previouspostslink{
		left: 55px;
	}
	.nextpostslink{
		right: 55px;
	}
	.page-larger, .page{
		width: 32px;
		height: 32px;
		line-height: 2.0;
		box-sizing: border-box;
	}
	.page.larger{
		margin-left: 0;
	}
	.wp-pagenavi i {
		line-height: 2.0;
	}
	/*--------------------
	/    SP   header
	---------------------*/

	.logo {
		max-width: 23px;
		z-index: 5;
		line-height: 1;
	}
	.sp-sitename {
		color: #fff;
		font-family: 'Anton';
		font-size: 2.5rem;
		letter-spacing: 0.2em;
		text-align: center;
		transform: scale(1.43, 1);
		font-weight: normal;
		padding: 0 8%;
	}
	.sp-top-title {
		width: 90%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: 10px;
	}
	.sns-icon-sp {
		max-width: 50px;
	}
	.sns-icon-sp:first-of-type {
		margin-top: 115px;
	}
	.sp-nav {
		display: flex;
		margin-top: 60px;
		justify-content: space-around;
	}
	/*--------------------------
	 / SP header hamburger button
	---------------------------*/
	.nav-wrap {
		position: fixed;
		left: 0;
		top: 0;
		display: none;
		z-index: 10;
		background-color: rgba(51, 51, 51, 1);
		width: 100%;
		height: 100%;
		background-image: url("images/logowhite.png");
		background-repeat: no-repeat;
		background-position: right -40% bottom -21%;
		background-size: 66% auto;
	}
	.nav-wrap.open {
		display: block;
	}
	.nav-wrap .nav {
		height: 100%;
		position: relative;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.nav-wrap li {
		display: block;
		margin: 2em;
		font-family: 'Saira Stencil One';
		font-size: 1.8rem;
		letter-spacing: 5px;
		text-align: left;
	}
	/*メニューボタン*/
	.nav-button, .nav-button span {
		display: inline-block;
		transition: all 0.4s;
		box-sizing: border-box;
	}
	.nav-button {
		display: block;
		cursor: pointer;
		z-index: 20;
		position: fixed;
		width: 27px;
		height: 25px;
		top: 10px;
		right: 20px;
	}
	.nav-button span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 3px;
		background-color: #fff;
		border-radius: 3px;
	}
	.nav-button span:nth-of-type(1) {
		top: 8px;
	}
	.nav-button span:nth-of-type(2) {
		top: 16px;
	}
	.nav-button span:nth-of-type(3) {
		bottom: -2px;
	}
	.nav-button.active span:nth-of-type(1) {
		-webkit-transform: translateY(16px) rotate(-45deg);
		transform: translateY(5px) rotate(-45deg);
	}
	.nav-button.active span:nth-of-type(2) {
		opacity: 0;
	}
	.nav-button.active span:nth-of-type(3) {
		-webkit-transform: translateY(-16px) rotate(45deg);
		transform: translateY(-11px) rotate(45deg);
	}
	/*--------------------
	年数選択ボタン
	---------------------*/
	.select-box:before {
		top: -2px;
		right: 9px;
		font-size: 2rem;
	}
	.year-select {
		padding: 0.1rem 2.5rem 0.2rem 1rem;
		font-size: 1.5rem;
	}
	/*--------------------
	 /年数選択ボタン
	---------------------*/
	/*-----------------------
	 SP TOP page slide button
	------------------------*/
	.auto-slider {
		margin-top: 0;
	}
	.auto-slider img {
		height: auto;
	}
	.swiper-pagenaition {
		margin: 25px 0 100px;
		font-size: 1.0rem;
	}
	/************title用CSS基本***********/
	.section-title {
		transform: scale(1.33, 1);
	}
	.title-line__box {
		margin-bottom: 25px;
	}
	.title-line__boxsp {
		position: relative;
		overflow: hidden;
		margin-bottom: 50px;
	}
	.slideConts {
		bottom: 22px;
		width: 158%;
	}

	.h2-sub .section-title {
		transform: scale(1.2, 1);
	}

	/************title用CSS基本***********/
	/*--------------------
	sp TOP page main
	---------------------*/
	.sche-day {
		font-size: 1.5rem;
		padding: 15px;
	}
	.sche-text {
		font-size: 1.3rem;
	}
	.live-sche {
		height: auto;
		margin: 0 auto 25px;
	}
	.live-sche:nth-child(2) {
		margin: 0;
	}
	.top-more {
		margin-top: 15px;
	}
	.line-top {
		top: 21px;
	}
	.sche-more {
		font-size: 2.0rem;
	}
	/*youtube facebook*/
	.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%;
	}
	.fb-wrap {
		width: 100%;
		overflow: hidden;
	}
	/*--------------------
	 sp下層ページ用 H2 CSS
	---------------------*/
	/*--------------------
	sp上に行くボタン
	page top
	---------------------*/
	#btn-pagetop {
		margin-right: 0;
	}
	/*--------------------
	 sp font awesome
	---------------------*/
	.fa-angle-double-up {
		/* color: #fff; */
		font-size: 4.0rem;
	}
	.page-top-text {
		display: none;
	}
	/*--------------------
	上に行くボタン
	/page top
	---------------------*/
	/*--------------------
	sp profile page
	---------------------*/
	.prof-wrap {
		display: block;
		width: 100%;
	}
	.prof-favo {
		padding-top: 0;
		display: flex;
		align-items: center;
		width: 100%;
	}
	.prof-img .caption {
		width: 100%;
	}
	.sp-prof-fav_first {
		display: inline-block;

	}
	.sp-prof-fav_first:first-letter {
		color: #BC0D0D;
	}
	.prof-favo:before, .prof-favo:after {
		content: "";
		flex-grow: 1;
		height: 1px;
		background: #bc0d0d;
		display: block;
	}
	.prof-favo:before {
		margin-right: .4em;
	}
	.prof-favo:after {
		margin-left: .4em;
	}
	.prof-img {
		height: auto;
		width: 96%;
		margin: 0 auto 75px;
	}
	.prof-img.vocal {
		background-image: url("images/sp-tanipic.png");
		background-size: 50% auto;
		padding-left: 50%;
		background-position: left;
	}
	.prof-img.guitar {
		background-image: url("images/sp-aidapic.png");
		background-size: 50% auto;
		padding-right: 50%;
		background-position: right;
	}
	.prof-img.bass {
		background-image: url("images/sp-syojipic.png");
		background-size: 50% auto;
		padding-left: 50%;
		background-position: left;
	}
	.prof-img.drum {
		background-image: url("images/sp-kawapic.png");
		background-size: 50% auto;
		padding-right: 50%;
		background-position: right;
	}
	.prof-img .mask {
		opacity: 1;
		/* マスクを表示する */
		background-color: transparent;
		position: static;
	}
	.prof-name, .prof-text dd:first-child {
		display: none;
	}
	.prof-text dt {
		font-size: 1.3rem
	}
	.prof-text dd {
		font-size: 1.7rem
	}
	/*sp prof reader history*/
	.prof-history {
		font-size: 1.3rem;
		margin-bottom: 50px;
	}
	.prof-bgi {
		background-image: url("images/sp-taniguticom.png");
		max-width: 100%;
		padding-bottom: 29px;
		margin-bottom: 140px;
		background-position: 10% 4%;
	}
	.prof-r_comment {
		font-size: 1.3rem;
		margin: 105px auto 0;
		line-height: 1.7;
		width: 78%;
	}
	.prof-leader {
		font-size: 1.5rem;
		margin: 29px 10px 0 auto;
		text-align: right;
	}
	.sp-br {
		display: block;
	}
	/*discography*/
	.track {
		font-size: 1.8rem;
		padding: 25px 0;
	}
	.music-list {
		font-size: 1.3rem;
		text-align: left;
		padding-bottom: 10px;
	}
	.music-want {
		padding-top: 25px;
		font-size: 1.1rem;
		text-align: left;
	}
	/*--------------------
	sp schedule page
	---------------------*/
	.h2-sub {
		letter-spacing: 0.1em;
	}
	.sche-bgi {
		background-image: url("images/sche-pic.png");
		max-width: 728px;
		padding-left: 25px;
		text-align: left;
	}
	.sche-wrap {
		display: block;
		font-family: 'Sawarabi Gothic';
	}
	.sche-title {
		padding: 0px;
		width: 80%;
	}
	.live-schelist {
		padding: 0;
		width: 85%;
	}
	.live-schelist-place {
		font-size: 1.3rem;
		padding-bottom: 0;
	}
	.live-schelist-place_ad {
		padding-bottom: 15px;
	}
	.sche-p {
		font-size: 1.5rem;
		margin: 0 auto 15px;
	}
	.live-schelist-item {
		font-size: 1.2rem;
	}
	.live-schelist dd {
		font-size: 1.3rem;
	}
	.live-schelist a {
		font-size: 1.3rem
	}
	.live-schelist-item:nth-child(5) {
		padding-bottom: 15px;
	}
	.live-schelist-item:last-of-type {
		padding-bottom: 15px;
	}
	/*--------------------
	sp PHOTO page
	---------------------*/
	.photo-item {
		padding-top: 25px;
		margin: 0 auto;
	}
	.photo-list img:nth-child(3) {
		padding: 0px;
	}
	/*--------------------
	sp MOVIE page
	---------------------*/
	.movie-center p {
		font-size: 1.2rem;
		padding: 25px 0 15px;
	}
	.movie-center iframe {
		height: 48vw;
	}
	.movie-editer-text {
		font-size: 1rem;
		padding-top: 50px;
	}
	.movie-center p {
		letter-spacing: 2px;
		transform: scale(1.1, 1);
	}
	/*--------------------
	sp footer
	---------------------*/
	.sns-icon-footer {
		max-width: 30px;
		margin: 0 7.5px;
	}
	.footer-follow-text {
		font-size: 1.5rem;
		padding: 25px 0 15px;
	}
	.footer-photo {
		font-size: 1.0rem;
		padding: 15px 0 0;
	}
	.footer-mast {
		font-size: 1.0rem;
		padding: 15px 0 10px;
	}
	/*--------------------
	/footer
	---------------------*/

	/*--------------------
	 404
	---------------------*/
	.not-found{
		padding: 140px 10px 0px;
	}
	.not-found h2{
		font-size: 20px;
	}

	.not-foundwrap main {
    padding-bottom: 168px;
	}

	/*--------------------
	 /404
	---------------------*/
}
/* スマホ縦サイズのheaderの調整 */
@media screen and (max-width: 480px){
	.sp-sitename{
		padding: 0 15%;
	}
}

/*{  デバイス横向きで
 画面の横幅が 667px 以下の場合の記述 }*/

@media (orientation: landscape) and (max-width: 812px) {
	/* スマホ横にした時のサイドメニューの大きさ調整 */
	.nav-wrap {
		background-size: 44% auto;
		background-position: right -23% bottom -21%;
	}
	.sp-nav {
		margin-top: 15px;
		justify-content: flex-start;
		margin-left: 50px;
	}
	.nav-wrap li {
		margin: 1em;
	}
	.sns-icon-sp:first-of-type {
		margin-top: 65px;
	}
}