@charset "UTF-8";

/**
 *
 * コンテンツ
 *
**/


/**
 * base wrap
**/
.base_wrap01 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
  width: 100%;
	background: #b5b6b6;
  box-sizing: border-box;
	overflow: hidden;
}

.base_wrap02 {
	margin: 0 auto;
	padding: 25px 0 25px 0;
  width: 94%;
  max-width: 800px;
  background: #bfc0c0;
  box-sizing: border-box;
}

#single .base_wrap02 {
	padding: 165px 0 25px 0;
}

.base_content {
	margin: 0 auto;
	padding: 0 0 0 0;
  width: 94%;
  /*max-width: 620px;*/
  max-width: 800px;
  background: #ebecec;
  box-sizing: border-box;
  box-shadow: 0 0 50px #898a8a;
  position: relative;
}

/*#single .base_content {
  height: 1950px;
}*/

#single .yamada {
  height: 1900px;
}

#single .arimoto {
  height: 1200px;
}

#single .parts {
  height: 1400px;
}

#single .nakaya {
  height: 1000px;
}

#single .hoshino {
  height: 1300px;
}

#single .sawabe {
  height: 1300px;
}

#single .takeuchi {
  height: 1350px;
}

#single .hasenao {
  height: 1350px;
}

#single .musashi {
  height: 1050px;
}

#single .tanaka {
  height: 950px;
}

#single .maeda {
  height: 1100px;
}

#single .noriko {
  height: 900px;
}

#single .maeda_mayu {
  height: 900px;
}

#single .nishihara {
  height: 1350px;
}

#single .fujii_mirika {
  height: 950px;
}

#single .kubo {
  height: 1100px;
}


.base_content .border-type01 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
  width: 100vh;
  height: 4px;
  background: #ebecec;
  position: absolute;
  top: 0;
  right: 100%;
}

.base_content .border-type02 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
  width: 4px;
  height: 100vh;
  background: #ebecec;
  position: absolute;
  bottom: 100%;
  right: 0;
}

.base_content .border-type03 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
  width: 4px;
  height: 100vh;
  background: #ebecec;
  position: absolute;
  top: 100%;
  left: 0;
}

.base_content .border-type04 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
  width: 100vh;
  height: 4px;
  background: #ebecec;
  position: absolute;
  bottom: 0;
  left: 100%;
}

.base_content .border-type05 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
  width: 4px;
  height: 100vh;
  background: #ebecec;
  position: absolute;
  bottom: 100%;
  left: 0;
}

.base_content .border-type06 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
  width: 4px;
  height: 100vh;
  background: #ebecec;
  position: absolute;
  top: 100%;
  right: 0;
}

.base_content h2 {
	margin: 0 auto 25px;
	padding: 20px 0 0 0;
  width: 257px;
  box-sizing: border-box;
}


#single .base_content h2 {
	margin: 0 auto 35px;
	padding: 20px 0 0 0;
  width: 257px;
  box-sizing: border-box;
}


/**
 * Profile single
**/
.single_wrap {
  margin: 0 5px;
  padding: 0 50px 0 50px;
  /*height: 570px;*/
    height: auto;
  line-height: 1.4em;
  font-size: 13px;
  overflow: auto;
}

/*.single_wrap .image {
  margin: 0 auto 15px;
  width: 257px;
}*/

.single_wrap .box {
  margin: 0 0 20px 0;
  overflow: hidden;
}

.single_wrap .box .fl {
    margin-bottom: 30px;
  width: 58%;
  /*text-align: right;*/
    /*text-align: left;*/
}

.single_wrap .box .fl .name {
  margin: 0 0 20px 0;
  padding: 0 0 8px 0;
  line-height: 1.2em;
  font-size: 24px;
  font-weight: bold;
  /*text-align: right;*/
  text-align: left;
  /*background: url("../images/profile_back_02.png") no-repeat right bottom;*/
  background: url("../images/profile_back_02_left.png") no-repeat left bottom;
}

.single_wrap .box .fl .mb15 {
  width: 158px;
}

.single_wrap .box .fl .audio_box {
  margin: 0 0 5px 0;
  overflow: hidden;
}

@media all and (-ms-high-contrast: none){
  .single_wrap .box .fl .audio_box .num {
  margin: 15px 5px 0 0;
  /*margin: 15px 15px;*/
  padding: 0 0 0 0;
  width: 18px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  background: #4B4948;/* IE10以上 */
  float: left;
  justify-content: center!important;
}
}

@-moz-document url-prefix(){
  .single_wrap .box .fl .audio_box .num {
  margin: 15px 5px 0 0;
  /*margin: 15px 15px;*/
  padding: 0 0 0 0;
  width: 18px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  background: #4B4948;
  float: left;
  justify-content: center!important;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0){
  .single_wrap .box .fl .audio_box .num {
  margin: 15px 5px 0 0;
  /*margin: 15px 15px;*/
  padding: 0 0 0 0;
  width: 18px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  background: #4B4948;
  float: left;
  justify-content: center!important;
}
}

/*Safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome,  .single_wrap .box .fl .audio_box .num {
  margin: 7px 5px 0 0;
  /*margin: 15px 15px;*/
  padding: 0 0 0 0;
  width: 18px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  background: #4B4948;
  float: left;
  justify-content: center!important;
}
}

.single_wrap .box .fl .audio_box .audio {
	/*width: 280px;*/
	/*height: 35px;*/
    text-align: left;
  overflow: hidden;
}


.single_wrap .box .fr {
  width: 40%;
  text-align: left;
}

.single_wrap .box .fr .image {
  margin: 0 0 5px 0;
    width: 90%;
    max-width: 280px;
}

.single_wrap .box .fr dl {
  margin: 0 0 0 0;
  padding: 10px 0 0 0;
}

.single_wrap .box .fr dl dt {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: inline-block;
}

.single_wrap .box .fr dl dd {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  display: inline-block;
}

.single_wrap .box2 {
  margin: 30px 0 0 0;
  /*overflow: hidden;*/
}

.single_wrap .box2 .fl {
  width: 48%;
  text-align: left;
}

.single_wrap .box2 .fr {
  width: 48%;
  text-align: left;
}

.single_wrap .box2 dl {
  margin: 0 0 10px 0;
    display: inline-block;
}

.single_wrap .box2 dl dt {
  margin: 20px 0 5px 0;
  font-weight: bold;
    display: inline-block;
}

.single_wrap a {
  width: 160px;
  display: block;
  position: absolute;
  bottom: 25px;
  left: 20px;
  z-index: 2;
}

/*.single_wrap .return {
  width: 160px;
  display: block;
  position: absolute;
  bottom: 25px;
  left: 20px;
  z-index: 2;
}*/


		/*
			PLAYER
		*/

		.audioplayer
		{
			height: 20px; /* 40 */
			color: #fff;
			position: relative;
			z-index: 1;
			background: #4B4948;;
		}


			/* mini mode (fallback) */

			.audioplayer-mini
			{
				width: 20px; /* 40 */
				margin: 0 auto;
			}


			/* player elements: play/pause and volume buttons, played/duration timers, progress bar of loaded/played */

			.audioplayer > div
			{
				position: absolute;
			}


			/* play/pause button */

			.audioplayer-playpause
			{
				width: 20px !important; /* 40 */
				height: 100% !important;
				text-align: left !important;
				text-indent: -9999px !important;
				cursor: pointer !important;
				z-index: 2 !important;
				top: 0 !important;
				left: 0 !important;
			}
				.audioplayer:not(.audioplayer-mini) .audioplayer-playpause
				{
					border-right: 1px solid #EBECEC !important;
				}
				.audioplayer-mini .audioplayer-playpause
				{
					width: 100% !important;
				}
				.audioplayer-playpause:hover,
				.audioplayer-playpause:focus
				{
					background-color: #4B4948 !important;
				}
				.audioplayer-playpause a
				{
					display: block !important;
				}
				.audioplayer-stopped .audioplayer-playpause a
				{
					width: 0 !important;
					height: 0 !important;
					border: 0.5em solid transparent !important; /* 8 */
					border-right: none !important;
					border-left-color: #fff !important;
					content: '' !important;
					position: absolute !important;
					top: 50% !important;
					left: 50% !important;
					margin: -0.5em 0 0 -0.25em !important; /* 8 4 */
				}
				.audioplayer-playing .audioplayer-playpause a
				{
					width: 0.75em !important; /* 12 */
					height: 0.75em !important; /* 12 */
					position: absolute !important;
					top: 50% !important;
					left: 50% !important;
					margin: -0.375em 0 0 -0.375em !important; /* 6 */
				}
					.audioplayer-playing .audioplayer-playpause a:before,
					.audioplayer-playing .audioplayer-playpause a:after
					{
						width: 40% !important;
						height: 100% !important;
						background-color: #fff !important;
						content: '' !important;
						position: absolute !important;
						top: 0 !important;
					}
					.audioplayer-playing .audioplayer-playpause a:before
					{
						left: 0 !important;
					}
					.audioplayer-playing .audioplayer-playpause a:after
					{
						right: 0 !important;
					}


			/* timers */

			.audioplayer-time
			{
				width: 4.375em; /* 70 */
				height: 100%;
				line-height: 2.375em; /* 38 */
				text-align: center;
				z-index: 2;
				top: 0;
display: none;
			}
				.audioplayer-time-current
				{
					border-left: 1px solid #111;
					border-left-color: rgba( 0, 0, 0, .25 );
					left: 2.5em; /* 40 */
				}
				.audioplayer-time-duration
				{
					border-right: 1px solid #555;
					border-right-color: rgba( 255, 255, 255, .1 );
					right: 2.5em; /* 40 */
				}
					.audioplayer-novolume .audioplayer-time-duration
					{
						border-right: 0;
						right: 0;
					}


			/* progress bar of loaded/played */

			.audioplayer-bar
			{
				height: 4px; /* 14 */
				background-color: #fff;
				cursor: pointer;
				z-index: 1;
				top: 50%;
				right: 2px; /* 110 */
				left: 22px; /* 110 */
				margin-top: -2px; /* 7 */
			}
				.audioplayer-novolume .audioplayer-bar
				{
					right: 4.375em; /* 70 */
				}
				.audioplayer-bar div
				{
					width: 0;
					height: 100%;
					position: absolute;
					left: 0;
					top: 0;
				}
				.audioplayer-bar-loaded
				{
					background-color: #fff;
					z-index: 1;
				}
				.audioplayer-bar-played
				{
					background: #007fd1;
					z-index: 2;
				}


			/* volume button */

			.audioplayer-volume
			{
display: none;
				width: 2.5em; /* 40 */
				height: 100%;
				border-left: 1px solid #111;
				border-left-color: rgba( 0, 0, 0, .25 );
				text-align: left;
				text-indent: -9999px;
				cursor: pointer;
				z-index: 2;
				top: 0;
				right: 0;
			}
				.audioplayer-volume:hover,
				.audioplayer-volume:focus
				{
					background-color: #222;
				}
				.audioplayer-volume-button
				{
					width: 100%;
					height: 100%;
				}
					.audioplayer-volume-button a
					{
						width: 0.313em; /* 5 */
						height: 0.375em; /* 6 */
						background-color: #fff;
						display: block;
						position: relative;
						z-index: 1;
						top: 40%;
						left: 35%;
					}
						.audioplayer-volume-button a:before,
						.audioplayer-volume-button a:after
						{
							content: '';
							position: absolute;
						}
						.audioplayer-volume-button a:before
						{
							width: 0;
							height: 0;
							border: 0.5em solid transparent; /* 8 */
							border-left: none;
							border-right-color: #fff;
							z-index: 2;
							top: 50%;
							right: -0.25em;
							margin-top: -0.5em; /* 8 */
						}
						.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after
						{
							/* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
							width: 0.313em; /* 5 */
							height: 0.313em; /* 5 */
							border: 0.25em double #fff; /* 4 */
							border-width: 0.25em 0.25em 0 0; /* 4 */
							left: 0.563em; /* 9 */
							top: -0.063em; /* 1 */
							-webkit-border-radius: 0 0.938em 0 0; /* 15 */
							-moz-border-radius: 0 0.938em 0 0; /* 15 */
							border-radius: 0 0.938em 0 0; /* 15 */
							-webkit-transform: rotate( 45deg );
							-moz-transform: rotate( 45deg );
							-ms-transform: rotate( 45deg );
							-o-transform: rotate( 45deg );
							transform: rotate( 45deg );
						}


				/* volume dropdown */

				.audioplayer-volume-adjust
				{
					height: 6.25em; /* 100 */
					cursor: default;
					position: absolute;
					left: 0;
					right: -1px;
					top: -9999px;
					background: #333;
				}
					.audioplayer-volume:not(:hover) .audioplayer-volume-adjust
					{
						opacity: 0;
					}
					.audioplayer-volume:hover .audioplayer-volume-adjust
					{
						top: auto;
						bottom: 100%;
					}
					.audioplayer-volume-adjust > div
					{
						width: 40%;
						height: 80%;
						background-color: #222;
						cursor: pointer;
						position: relative;
						z-index: 1;
						margin: 30% auto 0;
					}
						.audioplayer-volume-adjust div div
						{
							width: 100%;
							height: 100%;
							position: absolute;
							bottom: 0;
							left: 0;
							background: #007fd1;
						}
				.audioplayer-novolume .audioplayer-volume
				{
					display: none;
				}


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

/**
 * SP表示
**/
.sp_disp { display: block !important; }
.pc_disp { display: none !important; }
    
    
    
    
/*.base_wrap02 {
  width: 98%;
}*/

.base_content {
	margin: 0 auto;
	padding: 0 0 0 0;
  width: 98%;
  background: #ebecec;
  box-sizing: border-box;
  box-shadow: 0 0 50px #898a8a;
  position: relative;
}
    
/**
 * Profile single
**/
    
#single .yamada {
  height: 3200px;
}
    
#single .arimoto {
  height: 1800px;
}
    
#single .parts {
  height: 1900px;
}
    
#single .nakaya {
  height: 1500px;
}
    
#single .hoshino {
  height: 1950px;
}
    
#single .sawabe {
  height: 1750px;
}
    
#single .takeuchi {
  height: 2350px;
}
    
#single .hasenao {
  height: 1850px;
}
    
#single .musashi {
  height: 1650px;
}
    
#single .tanaka {
  height: 1400px;
}
    
#single .maeda {
  height: 1750px;
}
    
#single .noriko {
  height: 1200px;
}
    
#single .maeda_mayu {
  height: 1200px;
}
    
#single .nishihara {
  height: 2450px;
}
    
#single .fujii_mirika {
  height: 1500px;
}
    
#single .kubo {
  height: 1750px;
}

    
/*.single_wrap {
     width: 100%;
}*/

.single_wrap .box {
    margin: auto;
     width: 100%;
}

.single_wrap .box .fl {
   width: 100%;
    margin: 50px auto 0;
    overflow: hidden;
}
    
.single_wrap .box .fl .mb15 {
    text-align: center;
  width: 158px;
}
    
.single_wrap .box .fl .audio_box {
  width: 100%;
}

.single_wrap .box .fr {
    margin: 30px auto 0;
    width: 100%;
    text-align: center;
    overflow: hidden;
}
    
.single_wrap .box .fr .name {
  margin: 0 0 20px 0;
  padding: 0 0 8px 0;
  line-height: 1.2em;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  /*background: url("../images/profile_back_02.png") no-repeat right bottom;*/
  background: url("../images/profile_back_02_left.png") no-repeat center bottom;
}
    
.single_wrap .box .fr .image img {
    margin: 0 auto;
  padding: 0 0 8px 0;
    width: 100%;
}

.single_wrap .box dl {
  margin: 0 0 20px 0;
    text-align: center;
  /*overflow: hidden;*/
}
    
.single_wrap .box dl a {
  margin: 0 0 20px 0;
    text-align: center;
  /*overflow: hidden;*/
}

.single_wrap .box dl dt {
  font-weight: bold;
  /*overflow: hidden;*/
}
    
.single_wrap .box2 {
     width: 100%;
}

.single_wrap .box2 .fl {
  width: 100%;
  margin: 0;
    /*overflow: hidden;*/
}

.single_wrap .box2 .fr {
   width: 100%;
    margin: 0;
    /*overflow: hidden;*/
}

.single_wrap .box2 dl {
  margin: 0 0 10px 0;
    /*display: inline-block;*/
}
    
.single_wrap .box2 dl a {
  margin: 0 0 10px 0;
    /*display: inline-block;*/
}

.single_wrap .box2 dl dt {
  margin: 20px 0 5px 0;
  font-weight: bold;
    /*display: inline-block;*/
}
    
/*.single_wrap .box .fr dl a {
  color: #000;
    display: block;
}

.single_wrap .box .fr dl a:hover{
  opacity: 0.5;
    display: block;
}*/

.single_wrap a {
  width: 160px;
  display: block;
  position: absolute;
  bottom: 25px;
  left: 20px;
  z-index: 2;
}

/*.single_wrap .return {
  width: 160px;
  display: block;
  position: absolute;
  bottom: 25px;
  left: 20px;
  z-index: 2;
}*/
    
}