/*----------------------------------------------------------------------------*/
/* Mappi Porter 共通構造 CSS												  */
/*----------------------------------------------------------------------------*/

/*==========================================
	基本情報領域
===========================================*/
	html,
	body,
	#wrapper {
		height: 100%;
	}
	body {
		background: #f4f4f4;
		background: #FFF;
	}
	#wrapper {
		min-height: 100%;
		height: auto !important;
		position: relative;
		overflow: hidden;
	}
	h1 {
		font-size: 30px;
		padding-bottom: 9px;
		margin: 40px 0 20px;
		border-bottom: 1px solid #DDD;
	}
	h2 {
		font-size: 20px;
		margin: 0 0 10px;
	}
	section {
		margin-bottom: 60px;
	}
	.container {
		position: relative;

		width: 940px;
/*		padding-right: 15px;
		padding-left: 15px;*/
		margin-right: auto;
		margin-left: auto;
	}

/*==========================================
	ヘッダ情報領域	◆ Header ◆
===========================================*/

	/* ◇ 楽器カテゴリー Navigation  */

	.catNav {
	/*	margin-top: -660px;*/
		background: #FFF;
	}
	.catNavSp > dt,
	.catNavSp > dd {
		background: #FFF;
		border-bottom: 1px solid #CCC;
	}
	.catNavSp > dt {
		position: relative;
		color: #444;
		cursor: pointer;
		outline: none; 
	}
	.catNavSp > dt:focus {
		background-color:rgba( 242,242,242,0.40 ); 	/* Thin Gray 透過40% */
	}

	.catNavSp > dt::after {
		position: absolute;
		top: 0.8em;
		right: 10px;
	}
	.catNavSp > dt.open::after {
	}
	.catNavSp > dt:first-child {
		border-top: none;
	}
	.catNavSp > dd {
	/*	border-left: solid 1px #EEE;
		border-right: solid 1px #EEE;*/
		background: #FFF;
		color: #333;
	/*	padding: 20px;*/
	}
	.catNavSp > dd > ul > li {
	}

	/* ★楽器カテゴリー */
	.catNavSp  dt:first-child {
		border-top: 1px solid #CCC;
	}

	.catNavSp .mainly:first-child {		/* ■ PRODUCT */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/menu00.png") no-repeat;
		background-position: 4px 13px;
		border-top: 1px solid #AAA;
	}
	
	/* 2016.11.06 #00022 start */
	.catNavSp  .mainly00 {	/* ■ クラリネット */
		width : 100%;
		height: 60px;
		display	: block;
		/*text-indent: -99999px;*/	/* テキスト非表示 */
		background	: url("../img/menu/sp/MI-menu.png") no-repeat;
		background-position:20px 17px;
		border	: 0px;
		background-color:rgba( 255,255,255,0.80 ); 	/* White 透過80% */
		border-bottom: 1px solid #CCC;
	}
	.catNavSp  .mainly00 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/MI-menu.png") no-repeat;
		background-position: 20px 17px;
		background-color:rgba( 255,255,255,0.80 ); 	/* White 透過80% */
		border-bottom: 1px solid #CCC;
	}
	.catNavSp  .mainly00 a:hover{
		display	: block;
		background	: url("../img/menu/sp/MI-menu.png") no-repeat;
		background-position: 20px 17px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
		border-bottom: 1px solid #CCC;
	}
	
	.catNavSp .mainly00 > dt {
		position: relative;
	/*	padding: 10px 20px;*/
		color: #444;
		cursor: pointer;
		outline: none; 
	}
	
	.catNavSp .mainly00 > dt::after {
		position: absolute;
		top: 0.8em;
		right: 35px;
		font-family: FontAwesome;
		content: "\f078";
		color:#AAA;
	}
	
	.catNavSp .mainly00 > dt.open::after {
		content: "\f077";
		color:#AAA;
	}
	/* 2016.11.06 #00022 end */
	
	.catNavSp  .mainly01 {	/* ■ クラリネット */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/menu01.png") no-repeat;
		background-position:20px 13px;
		border	: 0px;
		background-color:rgba( 255,255,255,0.80 ); 	/* White 透過80% */
		border-bottom: 1px solid #CCC;
	}
	.catNavSp  .mainly01 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/menu01.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 255,255,255,0.80 ); 	/* White 透過80% */
		border-bottom: 1px solid #CCC;
	}
	.catNavSp  .mainly01 a:hover{
		display	: block;
		background	: url("../img/menu/sp/menu01-ov.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
		border-bottom: 1px solid #CCC;
	}

	.catNavSp .mainly02 {	/* ■ サックス */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/menu02.png") no-repeat;
		background-position: 20px 13px;
		border	: 0px;
		border-bottom: 1px solid #CCC;
	}
	.catNavSp .mainly02 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/menu02.png") no-repeat;
		background-position: 20px 13px;
	}
	.catNavSp .mainly02 a:hover{
		display	: block;
		background	: url("../img/menu/sp/menu02-ov.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
	}
	.catNavSp .mainly03 {	/* ■ トランペット */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/menu03.png") no-repeat;
		background-position: 20px 13px;
		border	: 0px;
		border-bottom: 1px solid #CCC;
	}
	.catNavSp .mainly03 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/menu03.png") no-repeat;
		background-position: 20px 13px;
	}
	.catNavSp .mainly03 a:hover{
		display	: block;
		background	: url("../img/menu/sp/menu03-ov.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
	}
	.catNavSp .mainly04 {	/* ■ ホルン */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/menu04.png") no-repeat;
		background-position: 20px 13px;
		border	: 0px;
		border-bottom: 1px solid #CCC;
	}
	.catNavSp .mainly04 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/menu04.png") no-repeat;
		background-position: 20px 13px;
	}
	.catNavSp .mainly04 a:hover{
		display	: block;
		background	: url("../img/menu/sp/menu04-ov.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
	}
	.catNavSp .mainly05 {	/* ■ トロンボーン */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/menu05.png") no-repeat;
		background-position: 20px 13px;
		border	: 0px;
		border-bottom: 1px solid #CCC;
	}
	.catNavSp .mainly05 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/menu05.png") no-repeat;
		background-position: 20px 13px;
	}
	.catNavSp .mainly:nth-child(5) a:hover{
		display	: block;
		background	: url("../img/menu/sp/menu05-ov.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
	}
	.catNavSp .mainly06 {	/* ■ チューバ */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/menu06.png") no-repeat;
		background-position: 20px 13px;
		border	: 0px;
	}
	.catNavSp .mainly06 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/menu06.png") no-repeat;
		background-position: 20px 13px;
	}
	.catNavSp .mainly06 a:hover{
		display	: block;
		background	: url("../img/menu/sp/menu06-ov.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 242,242,242,0.70 ); 	/* Thin Gray 透過80% */
	}

	.catNavSp .secandary {
		position: relative;
		width : 100%;
		height: 60px;
		font-size:16px;
		text-align:left;
		background	: url("../img/menu/sp/sm-bar02.png") no-repeat;
		background-position: 4px 14px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
		border-bottom: 1px solid #CCC;
	}
	.catNavSp .secandary a {
		position: absolute;
		top: 0px;
		left: 0px;
		width : 100%;
		height: 60px;
		line-height:60px;
		padding-left:35px;
		color:#555;
	}
	.catNavSp .secandary a:hover{
		background-color:rgba( 255,255,255,0.80 ); 	/* White 透過80% */
	}
	.catNavSp {
		border-bottom: 1px solid #CCC;
	}

	.catNavSp .ease a {
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}
	.catNavSp .ease a:hover {
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}
	
	.catNavSp2 > dt,
	.catNavSp2 > dd {
		background: #FFF;
	}
	.catNavSp2 > dt {
		position: relative;
		color: #444;
		cursor: pointer;
		outline: none; 
	}
	.catNavSp2 > dt:focus {
		background-color:rgba( 242,242,242,0.40 ); 	/* Thin Gray 透過40% */
	}

	.catNavSp2 > dt::after {
		position: absolute;
		top: 0.8em;
		right: 10px;
	}
	.catNavSp2 > dt.open::after {
	}
	.catNavSp2 > dt:first-child {
		border-top: none;
	}
	.catNavSp2 > dd {
	/*	border-left: solid 1px #EEE;
		border-right: solid 1px #EEE;*/
		background: #FFF;
		color: #333;
	/*	padding: 20px;*/
	}
	.catNavSp2 > dd > ul > li {
	}

	/* ★楽器カテゴリー */
	.catNavSp2  dt:first-child {
		border-top: 1px solid #CCC;
	}

	.catNavSp2 .mainly:first-child {		/* ■ PRODUCT */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/menu00.png") no-repeat;
		background-position: 4px 13px;
		border-top: 1px solid #AAA;
	}
	
	.catNavSp2  .mainly00 {	/* ■ クラリネット */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/MI-menu02.png") no-repeat;
		background-position:20px 17px;
		border	: 0px;
		background-color:rgba( 255,255,255,0.80 ); 	/* White 透過80% */
		border-bottom: 1px solid #CCC;
	}
	.catNavSp2  .mainly00 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/MI-menu.png") no-repeat;
		background-position: 20px 17px;
		background-color:rgba( 255,255,255,0.80 ); 	/* White 透過80% */
		border-bottom: 1px solid #CCC;
	}
	.catNavSp2  .mainly00 a:hover{
		display	: block;
		background	: url("../img/menu/sp/MI-menu.png") no-repeat;
		background-position: 20px 17px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
		border-bottom: 1px solid #CCC;
	}
	
	.catNavSp2  .mainly01 {	/* ■ クラリネット */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/menu01.png") no-repeat;
		background-position:20px 13px;
		border	: 0px;
		background-color:rgba( 255,255,255,0.80 ); 	/* White 透過80% */
		border-bottom: 1px solid #CCC;
	}
	.catNavSp2  .mainly01 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/menu01.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 255,255,255,0.80 ); 	/* White 透過80% */
		border-bottom: 1px solid #CCC;
	}
	.catNavSp2  .mainly01 a:hover{
		display	: block;
		background	: url("../img/menu/sp/menu01-ov.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
		border-bottom: 1px solid #CCC;
	}

	.catNavSp2 .mainly02 {	/* ■ サックス */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/menu02.png") no-repeat;
		background-position: 20px 13px;
		border	: 0px;
		border-bottom: 1px solid #CCC;
	}
	.catNavSp2 .mainly02 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/menu02.png") no-repeat;
		background-position: 20px 13px;
	}
	.catNavSp2 .mainly02 a:hover{
		display	: block;
		background	: url("../img/menu/sp/menu02-ov.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
	}
	.catNavSp2 .mainly03 {	/* ■ トランペット */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/menu03.png") no-repeat;
		background-position: 20px 13px;
		border	: 0px;
		border-bottom: 1px solid #CCC;
	}
	.catNavSp2 .mainly03 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/menu03.png") no-repeat;
		background-position: 20px 13px;
	}
	.catNavSp2 .mainly03 a:hover{
		display	: block;
		background	: url("../img/menu/sp/menu03-ov.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
	}
	.catNavSp2 .mainly04 {	/* ■ ホルン */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/menu04.png") no-repeat;
		background-position: 20px 13px;
		border	: 0px;
		border-bottom: 1px solid #CCC;
	}
	.catNavSp2 .mainly04 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/menu04.png") no-repeat;
		background-position: 20px 13px;
	}
	.catNavSp2 .mainly04 a:hover{
		display	: block;
		background	: url("../img/menu/sp/menu04-ov.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
	}
	.catNavSp2 .mainly05 {	/* ■ トロンボーン */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/menu05.png") no-repeat;
		background-position: 20px 13px;
		border	: 0px;
		border-bottom: 1px solid #CCC;
	}
	.catNavSp2 .mainly05 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/menu05.png") no-repeat;
		background-position: 20px 13px;
	}
	.catNavSp2 .mainly:nth-child(5) a:hover{
		display	: block;
		background	: url("../img/menu/sp/menu05-ov.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
	}
	.catNavSp2 .mainly06 {	/* ■ チューバ */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/menu06.png") no-repeat;
		background-position: 20px 13px;
		border	: 0px;
	}
	.catNavSp2 .mainly06 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/menu06.png") no-repeat;
		background-position: 20px 13px;
	}
	.catNavSp2 .mainly06 a:hover{
		display	: block;
		background	: url("../img/menu/sp/menu06-ov.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 242,242,242,0.70 ); 	/* Thin Gray 透過80% */
	}

	.catNavSp2 .secandary {
		position: relative;
		width : 100%;
		height: 60px;
		font-size:16px;
		text-align:left;
		background	: url("../img/menu/sp/sm-bar02.png") no-repeat;
		background-position: 4px 14px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
		border-bottom: 1px solid #CCC;
	}
	.catNavSp2 .secandary a {
		position: absolute;
		top: 0px;
		left: 0px;
		width : 100%;
		height: 60px;
		line-height:60px;
		padding-left:35px;
		color:#555;
	}
	.catNavSp2 .secandary a:hover{
		background-color:rgba( 255,255,255,0.80 ); 	/* White 透過80% */
	}
	.catNavSp2 {
		border-bottom: 1px solid #CCC;
	}

	.catNavSp2 .ease a {
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.1s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.1s ease-in-out;
			-o-transition: 0.1s ease-in-out;
	}
	.catNavSp2 .ease a:hover {
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.1s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.1s ease-in-out;
			-o-transition: 0.1s ease-in-out;
	}

	.scatNav {
	/*	margin-top: -660px;*/
		background: #FFF;
	}
	.scatNav > dt,
	.scatNav > dd {
		background: #FFF;
		border-bottom: 1px solid #CCC;
	}
	.scatNav > dt {
		position: relative;
	/*	padding: 10px 20px;*/
		color: #444;
		cursor: pointer;
		outline: none; 
	}
	.scatNav > dt:focus {
	/*	background: #1A9D83;
		background: #F4F4F4;*/
		background-color:rgba( 242,242,242,0.40 ); 	/* Thin Gray 透過40% */
	}

	.scatNav > dt::after {
		position: absolute;
		top: 0.8em;
		right: 35px;
		font-family: FontAwesome;
		content: "\f078";
		color:#AAA;
	}
	.scatNav > dt.open::after {
		content: "\f077";
		color:#AAA;
	}
	.scatNav > dt:first-child {
		border-top: none;
	}
	.scatNav > dd {
	/*	border-left: solid 1px #EEE;
		border-right: solid 1px #EEE;*/
		background: #FFF;
		color: #333;
	/*	padding: 20px;*/
	}
	.scatNav > dd > ul > li {
	}
	
	/* 2016.11.06 #00022 start */
	.scatNav2 {
	/*	margin-top: -660px;*/
		background: #FFF;
	}
	.scatNav2 > dt,
	.scatNav2 > dd {
		background: #FFF;
		border-bottom: 1px solid #CCC;
	}
	.scatNav2 > dt {
		position: relative;
	/*	padding: 10px 20px;*/
		color: #444;
		cursor: pointer;
		outline: none; 
	}
	.scatNav2 > dt:focus {
	/*	background: #1A9D83;
		background: #F4F4F4;*/
		background-color:rgba( 242,242,242,0.40 ); 	/* Thin Gray 透過40% */
		background-color:rgba( 164,150,106,0.70 ); 	/*  GOLD  透過70% */
	}

	.scatNav2 > dt::after {
		position: absolute;
		top: 0.8em;
		right: 35px;
		font-family: FontAwesome;
		content: "\f078";
		color:#AAA;
	}
	.scatNav2 > dt.open::after {
		content: "\f077";
		color:#AAA;
	}
	.scatNav2 > dt:first-child {
		border-top: none;
	}
	.scatNav2 > dd {
	/*	border-left: solid 1px #EEE;
		border-right: solid 1px #EEE;*/
		background: #FFF;
		color: #333;
	/*	padding: 20px;*/
	}
	
	/* 2016.11.06 #00022 end */
	
	.scatNav > dd > ul > li {
	}

	.catNavSp .maker{				/* 楽器メーカー*/
		background-color:rgba( 164,150,106,0.80 ); 	/*  GOLD  透過80% */
	}
	.catNavSp .maker li {
		position: relative;
		width : 100%;
		/*2016.12.3 start */
		/*height: 60px;*/
		height: 40px;
		/*font-size:16px;*/
		font-size:14px;
		/*2016.12.3 end */
		text-align:left;
		/*background	: url("../img/menu/sp/sm-bar.png") no-repeat;*/
		/*2016.12.3 start */
		/*background-position: 20px 13px;*/
		background-position: 20px 5px;
		/*2016.12.3 end */
	}
	.catNavSp .maker li a {
		position: absolute;
		top: 0px;
		left: 0px;
		width : 100%;
		/*2016.12.3 start */
		/*height: 60px;*/
		height: 40px;
		/*font-size:16px;*/
		font-size:14px;
		line-height:40px;
		/*2016.12.3 end */
		padding-left:35px;
		color:#FFF;
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
		border-bottom: 1px solid #FFF;
	}
	.catNavSp .maker li a:hover {
		color:#CEC3AB;	
		background-color:rgba( 164,150,106,0.30 ); 	/*  GOLD  透過80% */
			transition: 0.4s ease-in-out;
			/*2016.12.6 start */
			-webkit-transition: 0.1s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.1s ease-in-out;
			-o-transition: 0.1s ease-in-out;
			/*2016.12.6 end */
	}
	
	.catNavSp2 .maker{				/* 楽器メーカー*/
		background-color:rgba( 164,150,106,0.80 ); 	/*  GOLD  透過80% */
	}
	.catNavSp2 .maker li {
		position: relative;
		width : 100%;
		/*2016.12.3 start */
		/*height: 60px;*/
		height: 40px;
		/*2016.12.3 end */
		/*2016.12.3 start */
		/*font-size:16px;*/
		font-size:14px;
		/*2016.12.3 end */
		text-align:left;
		/*background	: url("../img/menu/sp/sm-bar.png") no-repeat;*/
		/*2016.12.3 start */
		/*background-position: 20px 13px;*/
		background-position: 20px 5px;
		/*2016.12.3 end */
	}
	.catNavSp2 .maker li a {
		position: absolute;
		top: 0px;
		left: 0px;
		width : 100%;
		/*2016.12.3 start */
		/*height: 60px;*/
		height: 40px;
		/*2016.12.3 end */
		/*2016.12.3 start */
		line-height:40px;
		/*line-height:60px;*/
		/*2016.12.3 end */
		padding-left:35px;
		color:#FFF;
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.1s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.1s ease-in-out;
			-o-transition: 0.1s ease-in-out;
		border-bottom: 1px solid #FFF;
	}
	.catNavSp2 .maker li a:hover {
		color:#CEC3AB;	
		background-color:rgba( 164,150,106,0.30 ); 	/*  GOLD  透過80% */
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.1s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.1s ease-in-out;
			-o-transition: 0.1s ease-in-out;
	}

/* 2016.11.11 #00028 start */
/* 買い取りバナー */
#purchase_kai{
	position: absolute;
	line-height: 60px;
	margin-top: -80px;
	margin-left: -25px;
	width: 100%;
	text-indent: -99999px;	/* テキスト非表示 */
}

#purchase_kai a{
	overflow: hidden;
	display	: block;
	width: 100%;
	background	: url("../img/com/sale.png") no-repeat;
}
#purchase_kai a:hover{
	display	: block;
	width: 100%;
	background	: url("../img/com/sale-ov.png") no-repeat;
		-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
			transition: 0.4s ease-in-out;
}

/* 2016.11.11 #00028 end */

#slogan{
	font-size: 20px;
}

/* ▼PC Layout wide */
/*@media only screen and (min-width: 1200px) {*/
/* 2016.11.04 #00017 start */
@media only screen and (min-width: 1025px) {
/* 2016.11.04 #00017 end */

	body {
		background: #FFF;
		background	: url("../img/com/background.png") repeat-x;
		background-position: 0px 4.5px;
		border-top: 5px solid #3A3A3A;
	}

	.container {
		width: 1200px;
	}

	#header {
		background-color: #1abc9c;
		background-color: #FFF;
		
	}
	#header .cotainer {
		position: relative;
		width: 100%;
		height:auto;
	}
	header #headerTop{			/* ◇Header Top */
		position: absolute;
		top: 0px;
		left:0px;
		height:100px;
		background-color: #FFFFFF;
		z-index: 99;
		position: relative;
	}
	#headerTop h1 {			/* 「Mappi Porter」 タイトル */
		position: absolute;
		top: -33px;
		left:0%;
		width : 355px;
		height: 105px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		border	: 0px;
	}
	#headerTop h1 a{
		overflow: hidden;	 /* 内容を非表示にする。*/
		width : 355px;
		height: 0 !important;
		height /**/:105px;
		padding-top: 105px;
		display	: block;
		background	: url("../img/com/logo.png") no-repeat;
	}
	#headerTop h1 a:hover{
		display	: block;
		background	: url("../img/com/logo.png") no-repeat;
	}

	#headerTop #head_menu {
		position: absolute;
		top: 5px;
		left:66%;
		left:31%;
		width:69%;
		height:30px;
		text-align:left;
		font-size:12px;
		border-bottom: 1px solid #CCC;
		position: relative;
	}
	#head_menu #hcomment {
		position: absolute;
		top: 2px;
		left:0%;
		width:300px;
		height:20px;
	}
	#head_menu li {
		width:140px;
		height:20px;
	}
	#head_menu li a {
		color:#666;
	}
	#head_menu li a:hover{
		color:#AAA;
	}

	#head_menu li:first-child {		/* 新規会員登録 */
		position: absolute;
		top: 2px;
		left:50%;
		width:140px;
		height:20px;
		padding-left: 25px;
		background	: url("../img/com/member.png") no-repeat;
		background-position: 0px 2px;
		border	: 0px;
	}


	#head_menu li:nth-child(2) {	/* お気に入り */
		position: absolute;
		top: 2px;
		left:68%;
		width:140px;
		height:20px;
		padding-left: 25px;
		background	: url("../img/com/favorite.png") no-repeat;
		background-position: 0px 3px;
		border	: 0px;
	}
	#head_menu li:nth-child(3) {	/* ログイン */
		position: absolute;
		top: 2px;
		left:85%;
		width:140px;
		height:20px;
		padding-left: 25px;
		background	: url("../img/com/login02.png") no-repeat;
		background-position: 0px 0px;
		border	: 0px;
	}

	#header .btnsp {			/*  ◇ HumburgerButton */
		visibility : hidden;
	}

	#headerTop .drawer_block2 {
	}
	#headerTop .drawer_block2 #search2 {
		position: absolute;
		top: 5px;
		left:32.5%;
		width:38%;
		height:50px;
		text-align:left;
		font-size:12px;
		position: relative;
	}
	#headerTop #search2 #category_id2 {		/* 商品検索 selecter */
		position: absolute;
		top: 0px;
		left:0%;
		width:40%;
		height:50px;
		border-radius: 3px;				/* CSS3草案 */  
		-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;		/* Firefox用 */  
		border: 1px solid #CCC;
	}
	#headerTop #search2 select{
		border:none;					/*inputの枠を消す */
		color:#777;
		font-size: 14px;
	}

	#headerTop #search2 .input_search2 {		/* 商品検索 input */
		position: absolute;
		top: 20px;
		left:200px;
		width:50%;
		height:30px;
		border-bottom: 1px solid #CCC;
	}
	#headerTop #search2 .input_search2 input,button {
		border:none;			/*inputの枠を消す */
	}
	#headerTop #search2 .search-btn {		/* 検索 button */
		position: absolute;
		top: 0px;
		right:10px;
/*		width:24px;
		height:23px;
		background-color: #FFF;
		background	: url("../img/com/search.png") no-repeat;*/
		background-color: #FFF;
		border:none;			/* 枠を消す */
	}

	#headerTop #cart_area {		/* カゴの中 */
		position: absolute;
		top: -30px;
		left:73%;
		width:27%;
		height:50px;
		text-align:left;
		font-size:12px;
		position: relative;
		border: 1px solid #CCC;
	}

	 .titlemark2 {
    	background : url("../img/com/marker.png") no-repeat;
    	background-position: left center;
    	height: 80px;
    	
    }
   
.titlemark2 #koe h3{
	position: absolute;
	background-position: left center;
	width : 100%;
	height: 50px;
    font-size: 30px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left:60px;
    vertical-align:middle;
    border-bottom: 1px solid #CCC;
    color: #444;
}

.okuri {
	left: 20px;
}

.okuri #koe2 h3{
	position: absolute;
	background-position: left center;
	width : 100%;
	height: 50px;
    font-size: 10px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left:60px;
    vertical-align:middle;
    border-bottom: 1px solid #CCC;
    color: #444;
}

.kasen{
	margin-top: -4px;
	margin-left:20px;
	margin-bottom: 5px;
	width : 18%;
	border-bottom: 1px solid #CCC;
}

	/* ◆GlobalNavi */
	#header #gNavSp {
		display: none;	/* ブロックを非表示し詰める */
	}

	#gNav {
		position: absolute;
		top: 630px;
		top: 650px;
		left:0px;
		height: 100px;
	}
	#gNav ul {
		max-width:1200px;
	}
	#gNav li {
	}
	#gNav li a {
		position: relative;
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}
	#gNav li a:hover {
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}
/*	#gNav li a::after {
		position: absolute;
		top: 50%;
		margin-top: -10px;
		right: 15px;
		font-family: FontAwesome;
		content: "\f054";
	}*/

	#gNav li:first-child {	/* ◇ホーム */
		float: left;
		width : 100px;
		height: 50px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/menu01.png") no-repeat;
		background-position: 20px 13px;
	}
	#gNav li:first-child a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100px;
		height: 0 !important;
		height /**/:50px;
		padding-top: 50px;
		display	: block;
		background	: url("../img/menu/menu01.png") no-repeat;
		background-position: 20px 13px;
	}
	#gNav li:first-child a:hover{
		display	: block;
		background	: url("../img/menu/menu01-ov.png") no-repeat;
		background-position: 20px 13px;
	}
	#gNav li:nth-child(2) {	/* ◇MappiPorterが選ばれる理由 */
		float: left;
		width : 380px;
		height: 50px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/menu02.png") no-repeat;
		background-position: 23px 13px;
	}
	#gNav li:nth-child(2) a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 380px;
		height: 0 !important;
		height /**/:50px;
		padding-top: 50px;
		display	: block;
		background	: url("../img/menu/menu02.png") no-repeat;
		background-position: 23px 13px;
	}
	#gNav li:nth-child(2) a:hover{
		display	: block;
		background	: url("../img/menu/menu02-ov.png") no-repeat;
		background-position: 23px 13px;
	}
	#gNav li:nth-child(3) {	/* ◇お客様の声 */
		float: left;
		width : 240px;
		height: 50px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/menu03.png") no-repeat;
		background-position: 25px 13px;
	}
	#gNav li:nth-child(3) a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 240px;
		height: 0 !important;
		height /**/:50px;
		padding-top: 50px;
		display	: block;
		background	: url("../img/menu/menu03.png") no-repeat;
		background-position: 25px 13px;
	}
	#gNav li:nth-child(3) a:hover{
		display	: block;
		background	: url("../img/menu/menu03-ov.png") no-repeat;
		background-position: 25px 13px;
	}
	#gNav li:nth-child(4) {	/* ◇プロフィール */
		float: left;
		width : 220px;
		height: 50px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/menu04.png") no-repeat;
		background-position: 20px 13px;
	}
	#gNav li:nth-child(4) a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 220px;
		height: 0 !important;
		height /**/:50px;
		padding-top: 50px;
		display	: block;
		background	: url("../img/menu/menu04.png") no-repeat;
		background-position: 20px 13px;
	}
	#gNav li:nth-child(4) a:hover{
		display	: block;
		background	: url("../img/menu/menu04-ov.png") no-repeat;
		background-position: 20px 13px;
	}
	#gNav li:nth-child(5) {	/* ◇企業理念 */
		float: left;
		width : 200px;
		height: 50px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/menu05.png") no-repeat;
		background-position: 20px 13px;
	}
	#gNav li:nth-child(5) a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 200px;
		height: 0 !important;
		height /**/:50px;
		padding-top: 50px;
		display	: block;
		background	: url("../img/menu/menu05.png") no-repeat;
		background-position: 20px 13px;
	}
	#gNav li:nth-child(5) a:hover{
		display	: block;
		background	: url("../img/menu/menu05-ov.png") no-repeat;
		background-position: 20px 13px;
	}
	
	#gNav2 {
		position: absolute;
		top: 150px;
		top: 170px;
		left:0px;
		height: 100px;
	}
	#gNav2 ul {
		max-width:1200px;
	}
	#gNav2 li {
	}
	#gNav2 li a {
		position: relative;
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}
	#gNav2 li a:hover {
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}
/*	#gNav2 li a::after {
		position: absolute;
		top: 50%;
		margin-top: -10px;
		right: 15px;
		font-family: FontAwesome;
		content: "\f054";
	}*/

	#gNav2 li:first-child {	/* ◇ホーム */
		float: left;
		width : 100px;
		height: 50px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/menu01.png") no-repeat;
		background-position: 20px 13px;
	}
	#gNav2 li:first-child a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100px;
		height: 0 !important;
		height /**/:50px;
		padding-top: 50px;
		display	: block;
		background	: url("../img/menu/menu01.png") no-repeat;
		background-position: 20px 13px;
	}
	#gNav2 li:first-child a:hover{
		display	: block;
		background	: url("../img/menu/menu01-ov.png") no-repeat;
		background-position: 20px 13px;
	}
	#gNav2 li:nth-child(2) {	/* ◇MappiPorterが選ばれる理由 */
		float: left;
		width : 380px;
		height: 50px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/menu02.png") no-repeat;
		background-position: 23px 13px;
	}
	#gNav2 li:nth-child(2) a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 380px;
		height: 0 !important;
		height /**/:50px;
		padding-top: 50px;
		display	: block;
		background	: url("../img/menu/menu02.png") no-repeat;
		background-position: 23px 13px;
	}
	#gNav2 li:nth-child(2) a:hover{
		display	: block;
		background	: url("../img/menu/menu02-ov.png") no-repeat;
		background-position: 23px 13px;
	}
	#gNav2 li:nth-child(3) {	/* ◇お客様の声 */
		float: left;
		width : 240px;
		height: 50px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/menu03.png") no-repeat;
		background-position: 25px 13px;
	}
	#gNav2 li:nth-child(3) a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 240px;
		height: 0 !important;
		height /**/:50px;
		padding-top: 50px;
		display	: block;
		background	: url("../img/menu/menu03.png") no-repeat;
		background-position: 25px 13px;
	}
	#gNav2 li:nth-child(3) a:hover{
		display	: block;
		background	: url("../img/menu/menu03-ov.png") no-repeat;
		background-position: 25px 13px;
	}
	#gNav2 li:nth-child(4) {	/* ◇プロフィール */
		float: left;
		width : 220px;
		height: 50px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/menu04.png") no-repeat;
		background-position: 20px 13px;
	}
	#gNav2 li:nth-child(4) a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 220px;
		height: 0 !important;
		height /**/:50px;
		padding-top: 50px;
		display	: block;
		background	: url("../img/menu/menu04.png") no-repeat;
		background-position: 20px 13px;
	}
	#gNav2 li:nth-child(4) a:hover{
		display	: block;
		background	: url("../img/menu/menu04-ov.png") no-repeat;
		background-position: 20px 13px;
	}
	#gNav2 li:nth-child(5) {	/* ◇企業理念 */
		float: left;
		width : 200px;
		height: 50px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/menu05.png") no-repeat;
		background-position: 20px 13px;
	}
	#gNav2 li:nth-child(5) a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 200px;
		height: 0 !important;
		height /**/:50px;
		padding-top: 50px;
		display	: block;
		background	: url("../img/menu/menu05.png") no-repeat;
		background-position: 20px 13px;
	}
	#gNav2 li:nth-child(5) a:hover{
		display	: block;
		background	: url("../img/menu/menu05-ov.png") no-repeat;
		background-position: 20px 13px;
	}

	/* ◇ 楽器カテゴリー Navigation :PC */

	#catNav {
		position: absolute;
		top: 130px;
		left:0px;
		margin-top: -10px;
		width : 100%;
		height: 50px;
		z-index:99;
	}
	.catNavSp {
		display: none;	/* SPブロックを非表示し詰める */
	}
	
	.catNavSp2 {
		display: none;	/* SPブロックを非表示し詰める */
	}
	.catNav {
		width : 100%;
		height: 50px;
		background: #555;
	}
	.catNav > dt:first-child {
		border-top: none;
	}


	/* ★楽器カテゴリー */

	/* ◆ jQuery Menu CSS ------------------------*/
	*{
		margin:0;
		padding:0;
		list-style-type:none;
	}

	.catNav ul.main li{
		float:left;
		width:200px;
		position:relative;
	}
	.catNav ul.main>li{
		float:left;
		width:200px;
		height:50px;
		position:relative;
	}
	.catNav ul.main li a{
		display:block;
/*		width : 100%;*/
	}

	.catNav ul.sub li ul.sub{
	    position:absolute;
	    left:200px;
	    top:0px;
	    display:none;
	}
	.catNav ul.sub{
	    position:absolute;
	    left:-30px;
	    top:50px;
	    display:none;
	}
	.catNav ul.sub02{
	    position:absolute;
	    left:-30px;
	    top:50px;
	    display:none;
	}

	.catNav ul.sub li {
/*		margin-top:-2px;*/
		margin-left:30px;
		width:200px;
	/*	height: 50px;*/
		height: 30px;	/* #053◆ */
/*		z-index:99;*/
	}
	.catNav ul.sub02 li {
		margin-top:-2px;
		width:200px;
		height:30px;
/*		z-index:99;*/
	}
	.catNav ul.sub li a{
/*		line-height:35pt;*/
		width:200px;
		height:50px;
		text-indent:27px;
		font-weight:normal;
	}
	.catNav ul.sub02 li a{
/*		line-height:35pt;*/
		margin-top:-2px;
		width:200px;
		height:50px;
		line-height:25pt;
		text-indent:27px;
		font-weight:normal;
	}
	.catNav ul.sub li a:hover{
/*		line-height:35pt;*/
		text-indent:27px;
		width:200px;
		height:30px;	/* #053◆ */
/*		color:#A4946C;*/
	}
	.catNav ul.sub02 li a:hover{
/*		line-height:35pt;*/
		text-indent:27px;
		width:200px;
		height:30px;
		background-color:rgba( 255,255,255,0.10 );
/*		color:#A4946C;*/
	}
	.catNav ul.sub li ul.sub li {
		margin-left:0px;
	}

	/* IE7 対策 */
	.catNav ul.main{
		zoom:1;
		margin-bottom:50px;
	}
	*+html .catNav ul.main li{
	    display:inline;
	    zoom:1;
	}
	*+html .catNav ul.sub{
	    zoom:1;
	    position:relative;
	}

	.catNav li.mainly01 {	/* ■ クラリネット */
		width : 200px;
		height: 50px;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/catmenu01.png") no-repeat;
		background-position: 20px 18px;
		border	: 0px;
	}
	.catNav li.mainly01>a{
		width : 200px;
		height: 50px;
	}
	.catNav li.mainly01>a:hover{
		background-color:rgba( 255,255,255,0.10 ); 	/* White 透過10% */
	}
	.catNav li.mainly02 {	/* ■ サックス */
		width : 200px;
		height: 50px;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/catmenu02.png") no-repeat;
		background-position: 10px 15px;
		border	: 0px;
	}
	.catNav li.mainly02>a{
		width : 200px;
		height: 50px;
	}
	.catNav li.mainly02>a:hover{
		background-color:rgba( 255,255,255,0.10 ); 	/* White 透過10% */
	}
	.catNav li.mainly03 {	/* ■ トランペット */
		width : 200px;
		height: 50px;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/catmenu03.png") no-repeat;
		background-position: 10px 15px;
		border	: 0px;
	}
	.catNav li.mainly03>a{
		width : 200px;
		height: 50px;
	}
	.catNav li.mainly03>a:hover{
		background-color:rgba( 255,255,255,0.10 ); 	/* White 透過10% */
	}
	.catNav li.mainly04 {	/* ■ ホルン */
		width : 200px;
		height: 50px;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/catmenu04.png") no-repeat;
		background-position: 10px 15px;
		border	: 0px;
	}
	.catNav li.mainly04>a{
		width : 200px;
		height: 50px;
	}
	.catNav li.mainly04>a:hover{
		background-color:rgba( 255,255,255,0.10 ); 	/* White 透過10% */
	}
	.catNav li.mainly05 {	/* ■ トロンボーン */
		width : 200px;
		height: 50px;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/catmenu05.png") no-repeat;
		background-position: 10px 15px;
		border	: 0px;
	}
	.catNav li.mainly05>a{
		width : 200px;
		height: 50px;
	}
	.catNav li.mainly05>a:hover{
		background-color:rgba( 255,255,255,0.10 ); 	/* White 透過10% */
	}
	.catNav li.mainly06 {	/* ■ チューバ */
		width : 200px;
		height: 50px;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/catmenu06.png") no-repeat;
		background-position: 10px 15px;
		border	: 0px;
	}
	.catNav li.mainly06>a{
		width : 200px;
		height: 50px;
	}
	.catNav li.mainly06>a:hover{
		background-color:rgba( 255,255,255,0.10 ); 	/* White 透過10% */
	}

	.catNav .secandary {
		position: relative;
		width : 200px;
	/*	height: 50px;*/
		height: 30px;	/* #053◆ */
	/*	font-size:15px;*/
		font-size:13px;/* #053◆ */
		color: #555;
		text-align:left;
		line-height:50px;
		line-height:30px;/* #053◆ */
		background-color:rgba( 242,242,242,0.95 ); 	/* Thin Gray 透過95% */
		border-bottom: 1px solid #DDD;
	}
	.catNav .secandary a {
		color:#555;
	}
	.catNav .secandary a:hover{
		color:#A4946C;
		background-color:rgba( 255,255,255,0.80 ); 	/* White 透過80% */
	}

	.catNav .maker{				/* 楽器メーカー*/
		background-color:rgba( 164,150,106,0.95 ); 	/*  GOLD  透過95% */
	}
	.catNav .maker li {
		width : 200px;
	/*	height: 50px;*/
		height: 30px;	/* #053◆ */
		text-align:left;
		line-height:50px;
		line-height:30px;/* #053◆ */
		font-size:14px;
		font-size:12px;/* #053◆ */
		color:#FFF;
	}
	.catNav .maker li a {
		color:#FFF;
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}
	.catNav .maker li a:hover {
		font-size:12px;
		line-height:30px;
		color:#FFF;	
		background-color:rgba( 255,255,255,0.30 ); 	/* White 透過30% */
	}

	.catNav .maker02{				/* 楽器メーカー*/
		margin-left:30px;
		background-color:rgba( 164,150,106,0.95 ); 	/*  GOLD  透過95% */
	}
	.catNav .maker02 li {
		width : 200px;
		height: 30px;
		text-align:left;
		line-height:30px;
		font-size:12px;
		color:#FFF;
	}
	.catNav .maker02 li a {
		color:#FFF;
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}
	.catNav .maker02 li a:hover {
		font-size:12px;
		color:#FFF;
	}

	#article00 {				/* ◆ MainContents #00 */
		position: absolute;
		top: 180px;
		left:0;
		margin: 0 auto 0 auto;
		width:100%;
		z-index: 1;
	}

	.viewer #guide {
		height:400px;
	}

	/* セカンダリページ */

	.pagebox{
		margin-left:60px;
	}
	
	.pagebox h3{
		font-size: 20px;
	}
	
	.pagebox th{
		font-weight: bold;
	}
	
	.pagebox td{
		margin-left:80px;
	}
	
	.rtitle{
		font-weight: bold;
		float:left;
		clear:left;
		text-align: right;
	}
	
	.ritem{
		margin-left: 140px;
		
	}
	
	/* 2016.11.04 #00014 start */
	#form_top{
		vertical-align:top;
	}
	/* 2016.11.04 #00014 end */
	
	/* ◇ MainConents #section06 --------------------------------------*/

/* 2016.11.11 #00029 start */
	#section06 {
		margin: 0 auto 0 auto;
		width: 100%;
		top: 20px;
		height: 100px;
		position:relative;
		background-color: #fff;
	}
	#section06 h2 {
		position: absolute;
		top: 20px;
/* 2016.11.11 #00041 start*/
/*		left: 8%;*/
/* 2016.11.11 #00041 end */
		width: 550px;
		font-size:16px;
		text-align:left;
	}
	#section06 #tel {	/* 電話でのお問い合わせはこちら */
		position: absolute;
		top: 25px;
		left: 8%;
		width : 337px;
		height: 61px;
		display	: block;
		border	: 0px;
		z-index: 999;
	}
	
	#section06 #email {	/* E-mailでのお問い合わせはこちら */
		position: absolute;
		top: 25px;
		left: 30%;
		width : 337px;
		height: 61px;
		display	: block;
		border	: 0px;
		z-index: 999;
	}
	
	
/* 2016.11.11 #00029 end */
	
	#gakkiadd{
		padding-left:30px;
	}



}	/* ▲PC Layout wide */



/* ☆PC Layout */
/* 2016.11.04 #00017 start */
@media only screen and (max-width: 1024px) {
/* 2016.11.04 #00017 end */
	.container {
		width: auto;
	}
	#headerTop #head_menu {
		display:none;
	}
	/* ◆GlobalNavi */
	#header #gNav {
		display: none;	/* ブロックを非表示し詰める */
	}
	
	#header #gNav2 {
		display: none;	/* ブロックを非表示し詰める */
	}

}
/* ◆Tablet Layout */
/* 2016.11.04 #00017 start */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
/* 2016.11.04 #00017 end */
	.container {
		width: 724px;
	}
	#headerTop #head_menu {
		display:none;
	}

}
/* ▽SmartPhoneLayout */
/* @media only screen and (max-width: 767px) { */

/* ▽SmartPhone Tablet Layout */
/* 2016.11.04 #00017 start */
@media only screen and (max-width: 1024px) {
/* 2016.11.04 #00017 end */
	.container {
		width: auto;
	}
	header #headerTop{
		border-top: 5px solid #3A3A3A;
	}
	#headerTop #head_menu {
		display:none;
	}
	#headerTop h1 {			/* 「Mappi Porter」 タイトル */
		position: absolute;
		top: 7px;
		left:3%;
		width : 325px;
		height: 83px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		border	: 0px;
	}
	#headerTop h1 a{
		overflow: hidden;	 /* 内容を非表示にする。*/
		width : 325px;
		height: 0 !important;
		height /**/:83px;
		padding-top: 83px;
		display	: block;
		background	: url("../img/com/logo_sp.png") no-repeat;
	}
	#headerTop h1 a:hover{
		display	: block;
		background	: url("../img/com/logo_sp.png") no-repeat;
	}

	#headerTop .drawer_block2 {
		display: none;	/* ブロックを非表示し詰める */
	}
	#headerTop #cart_area {
		display: none;	/* ブロックを非表示し詰める */
	}

	/* ◆GlobalNavi */
	#header #gNav {
		display: none;	/* ブロックを非表示し詰める */
	}
	
	#header #gNav2 {
		display: none;	/* ブロックを非表示し詰める */
	}

	.catNav {
		display: none;	/* PC ブロックを非表示し詰める */
	}
	
	 .titlemark2 {
    	background : url("../img/com/marker01sp.png") no-repeat;
    	background-position: left center;
    	height: 40px;
    	margin-left:5px;
    }
   
#koe h3{
    font-size: 1.8rem;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left:45px;
    vertical-align:middle;
    border-bottom: 1px solid #CCC;
    color: #444;
}

.okuri {
	left: 20px;
}

.okuri #koe2 h3{
    font-size: 1.0rem;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 5px;
    margin-left:45px;
    vertical-align:middle;
    border-bottom: 1px solid #CCC;
    color: #444;
}

.kasen{
	width: 60%;
	margin-top: -4px;
	margin-left:20px;
	border-bottom: 1px solid #CCC;
}


}	/* △SmartPhoneLayout */

.example {
	background: #FFF;
}


	#header {
		background-color: #1abc9c;
		background-color: #FFF;
/*		margin-bottom: 30px;*/
	}

	header #headerTop{
		position: relative;
		height:100px;
		background-color: #FFFFFF;
/*		border-top: 5px solid #3A3A3A;*/
		z-index: 99;
	}


	#header .btnsp {			/*  ◇ HumburgerButton */
		position: absolute;
		top: 15px;
		right:3%;
		width : 51px;
		height: 52px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/menu-btn01.png") no-repeat;
		border	: 0px;
	}
	#header .btnsp a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 51px;
		height: 0 !important;
		height /**/:52px;
		padding-top: 52px;
		display	: block;
		background	: url("../img/menu/sp/menu-btn01.png") no-repeat;
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}
	#header .btnsp a:hover{
		display	: block;
		background	: url("../img/menu/sp/menu-btn02.png") no-repeat;
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}
	/* ◆GlobalNavi */
	#header #gNavSp::after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}


	#gNavSp .drawer_block3 {
	}
	#gNavSp .drawer_block3 #search3 {
		position: absolute;
		top: 5px;
		left:5%;
		width:90%;
		height:130px;
		text-align:left;
		font-size:12px;
		position: relative;
	}
	#gNavSp #search3 #category_id3 {		/* 商品検索 selecter */
		position: absolute;
		top: 0px;
		left:0%;
		width:100%;
		height:50px;
		border-radius: 3px;				/* CSS3草案 */  
		-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;		/* Firefox用 */  
		border: 1px solid #CCC;
	}
	#gNavSp #search3 select{
		border:none;					/*inputの枠を消す */
		color:#777;
	}

	#gNavSp #search3 .input_search3 {		/* 商品検索 input */
		position: absolute;
		top: 70px;
		left:0%;
		width:100%;
		height:30px;
		border-bottom: 1px solid #CCC;
		position: relative;
	}
	#gNavSp #search3 .input_search3 input,button {
		border:none;			/*inputの枠を消す */
	}
	#gNavSp #search3 .search-btn {		/* 検索 button */
		position: absolute;
		top: 0px;
		right:0%;
		background-color: #FFF;
		border:none;			/* 枠を消す */
	}

	#gNavSp ul {
		display: block;
	}
	#gNavSp li {
		float: left;
	}
	#gNavSp li a {
		display: block;
	/*	padding: 10px;*/
		text-decoration: none;
		color: #FFF;
	}
	#gNavSp li a:hover,
	#gNavSp li a.active {
	/*	background-color: #16a085;*/
	}

/* ▽SmartPhoneLayout */

/*@media only screen and (max-width: 767px) {*/
/* 2016.11.04 #00017 start */
@media only screen and (max-width: 1024px) {
/* 2016.11.04 #00017 end */
	#header .container {
		margin: 0 -15px;
	}
	#header .siteTitle a {
		padding: 15px 15px 0;
	}

	header #headerTop{
		position: relative;
		height:100px;
		background-color: #FFFFFF;
		border-top: 5px solid #3A3A3A;
		z-index: 99;
	}
	#headerTop h1 {			/* 「Mappi Porter」 タイトル */
		position: absolute;
		top: -32px;
		left:5%;
		width : 325px;
		height: 83px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		border	: 0px;
	}
	#headerTop h1 a{
		overflow: hidden;	 /* 内容を非表示にする。*/
		width : 325px;
		height: 0 !important;
		height /**/:83px;
		padding-top: 83px;
		display	: block;
		background	: url("../img/com/logo_sp.png") no-repeat;
		background-size: 77% 77%
	}
	#headerTop h1 a:hover{
		display	: block;
		background	: url("../img/com/logo_sp.png") no-repeat;
		background-size: 77% 77%
	}

	#header .btnsp {			/*  ◇ HumburgerButton */
		position: absolute;
		top: 15px;
		right:5%;
		width : 51px;
		height: 52px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/menu-btn01.png") no-repeat;
		border	: 0px;
	}
	#header .btnsp a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 51px;
		height: 0 !important;
		height /**/:52px;
		padding-top: 52px;
		display	: block;
		background	: url("../img/menu/sp/menu-btn01.png") no-repeat;
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}
	#header .btnsp a:hover{
		display	: block;
		background	: url("../img/menu/sp/menu-btn02.png") no-repeat;
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}

	#headerTop #search2 {			/* 「商品検索」 */
		position: absolute;
		top: 90px;
		left:5%;
		width : 300px;
		height: 80px;
		font-size:14px;
		text-align:left;
	}

	#headerTop #cart_area {			/* 「カゴの中」 */
		position: absolute;
		top: 150px;
		left:5%;
		width : 300px;
		height: 80px;
		font-size:14px;
		text-align:left;
	}


	#gNavSp {
		clear: both;
	}
	#gNavSp ul {
		display: none;
		background: #1abc9c;
		background: #FFF;
	}
	#gNavSp ul.open {
		display: block;
	}
	#gNavSp li {
		float: none;
		height: 60px;
/*		border-top: 1px solid #16a085;
		border-top: 1px solid #CCC;*/
	}
	#gNavSp li a {
		position: relative;
/*		border-bottom: 1px solid #CCC;*/
	}
	#gNavSp li a::after {
		position: absolute;
		top: 50%;
/*		margin-top: -10px;*/
		right: 15px;
	/*	font-family: FontAwesome;
		content: "\f054";*/
	}

	#gNavSp .mainly01 {	/* ■ 新規会員登録 */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/entry.png") no-repeat;
		background-position: 20px 13px;
		border-top: 1px solid #CCC;
	}
	#gNavSp .mainly01 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/entry.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 255,255,255,0.80 ); 	/* White 透過80% */
	}
	#gNavSp .mainly01 a:hover{
		display	: block;
		background	: url("../img/menu/sp/entry.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
	}
	#gNavSp .mainly02 {	/* ■ お気に入り */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/favorite.png") no-repeat;
		background-position: 20px 13px;
		border-top: 1px solid #CCC;
	}
	#gNavSp .mainly02 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/favorite.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 255,255,255,0.80 ); 	/* White 透過80% */
	}
	#gNavSp .mainly02 a:hover{
		display	: block;
		background	: url("../img/menu/sp/favorite.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
	}
	#gNavSp .mainly03 {	/* ■ ログイン */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/login.png") no-repeat;
		background-position: 20px 13px;
		border	: 0px;
		border-top: 1px solid #CCC;
	}
	#gNavSp .mainly03 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/login.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 255,255,255,0.80 ); 	/* White 透過80% */
	}
	#gNavSp .mainly03 a:hover{
		display	: block;
		background	: url("../img/menu/sp/login.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
	}
	#gNavSp .mainly04 {	/* ■ カート */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/cart.png") no-repeat;
		background-position: 20px 13px;
		border	: 0px;
		border-top: 1px solid #CCC;
	}
	#gNavSp .mainly04 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/cart.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 255,255,255,0.80 ); 	/* White 透過80% */
	}
	#gNavSp .mainly04 a:hover{
		display	: block;
		background	: url("../img/menu/sp/cart.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
	}
	
	#gNavSp .mainly05 {	/* ■ カート */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/mypage.png") no-repeat;
		background-position: 20px 13px;
		border	: 0px;
		border-top: 1px solid #CCC;
	}
	#gNavSp .mainly05 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/mypage.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 255,255,255,0.80 ); 	/* White 透過80% */
	}
	#gNavSp .mainly05 a:hover{
		display	: block;
		background	: url("../img/menu/sp/mypage.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
	}
	
	#gNavSp .mainly06 {	/* ■ カート */
		width : 100%;
		height: 60px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/menu/sp/logout.png") no-repeat;
		background-position: 20px 13px;
		border	: 0px;
		border-top: 1px solid #CCC;
	}
	#gNavSp .mainly06 a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 100%;
		height: 0 !important;
		height /**/:60px;
		padding-top: 60px;
		display	: block;
		background	: url("../img/menu/sp/logout.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 255,255,255,0.80 ); 	/* White 透過80% */
	}
	#gNavSp .mainly06 a:hover{
		display	: block;
		background	: url("../img/menu/sp/logout.png") no-repeat;
		background-position: 20px 13px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
	}

	#gNavSp .secandary {
		position: relative;
		width : 100%;
		height: 60px;
		font-size:17px;
		text-align:left;
		background	: url("../img/menu/sp/sm-bar02.png") no-repeat;
		background-position: 20px 14px;
		background-color:rgba( 242,242,242,0.80 ); 	/* Thin Gray 透過80% */
	}
	#gNavSp .secandary a {
		position: absolute;
		top: 0px;
		left: 0px;
		width : 100%;
		height: 60px;
		padding-top:12px;
		padding-left:40px;
		color:#555;
		border-top: 1px solid #CCC;
	}
	#gNavSp .secandary a:hover{
		background-color:rgba( 255,255,255,0.80 ); 	/* White 透過80% */
	}
	#gNavSp {
		border-bottom: 1px solid #CCC;
	}


	#gNavSp .ease a {
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}
	#gNavSp .ease a:hover {
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}

/* 2016.11.11 #00029 start */
	/* ◇ MainConents #section06 --------------------------------------*/

	#section06 {
		margin: 0 auto 0 auto;
		top: 30px;
		width: 100%;
		height: 500px;
		height: 210px;
		position:relative;
		background-color: #fff;
	}
	#section06 h2 {
		position: absolute;
		top: 20px;
		left: 10%;
		width: 85%;
		font-size:16px;
		text-align:left;
		text-indent:-1em;	/* 2行目以降1字下げ */
		line-height:22px;
	}
	#section06 #tel {	/* 電話でのお問い合わせはこちら */
		position: absolute;
		/* 2016.11.11 #00032 start */
		top: 0px;
		/* 2016.11.11 #00032 start */
		left: 3%;
		width : 337px;
		height: 61px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/com/tel.png") no-repeat;
		background-size: 90% 90%;
		border	: 0px;
	}
	#section06 #tel a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 337px;
		height: 0 !important;
		height /**/:61px;
		padding-top: 61px;
		display	: block;
		background	: url("../img/com/tel.png") no-repeat;
		background-size: 90% 90%;
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}
	#section06 #tel a:hover{
		display	: block;
		background	: url("../img/com/tel-ov.png") no-repeat;
		background-size: 90% 90%;
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}
	#section06 #email {	/* E-mailでのお問い合わせはこちら */
		position: absolute;
		/* 2016.11.11 #00032 start */
		top: 100px;
		/* 2016.11.11 #00032 end */
		left: 3%;
		width : 337px;
		height: 61px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/com/email.png") no-repeat;
		background-size: 90% 90%;
		border	: 0px;
	}
	#section06 #email a{
		overflow: hidden;	 	/* 内容を非表示にする。*/
		width : 337px;
		height: 0 !important;
		height /**/:61px;
		padding-top: 61px;
		display	: block;
		background	: url("../img/com/email.png") no-repeat;
		background-size: 90% 90%;
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}
	#section06 #email a:hover{
		display	: block;
		background	: url("../img/com/email-ov.png") no-repeat;
		background-size: 90% 90%;
			transition: 0.4s ease-in-out;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
	}
	#section06 #deligate {	/* MappiPorter代表：田口 */
		position: absolute;
		top: 280px;
		left: 18%;
		width : 210px;
		height: 162px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		background	: url("../img/top/top/delegate01.png") no-repeat;
		border	: 0px;
	}
	/* 2016.11.11 #00029  end */

}	/* △SmartPhoneLayout */

/* ◆ End of Header ◆
***********************************************************/

/*==========================================
	フッタ情報領域	◆ Footer ◆
===========================================*/
/* ▽SmartPhoneLayout */
/* @media only screen and (max-width: 767px) { */

/* ▽SmartPhone Tablet Layout */
/* 2016.11.04 #00017 start */
@media only screen and (max-width: 1024px) {
/* 2016.11.04 #00017 end */

	/* ◆ 買い取りはこちら -----------------------------------------------------*/

		#toContact {
			position: fixed;
			bottom: 120px;
			right: 1px;
			z-index:99;
		}
		#toContact a {
			display: block;
			width: 97px;
			background: url(../img/menu/purchase_btn01.png) no-repeat;
			z-index:99;
		}
		#toContact a:hover img {
			visibility: hidden;
		}

	/* ◆ ToPageTop --------------------------------------------------------------*/

		#toPageTop {
			position: fixed;
			bottom: 20px;
			right: 1px;
			z-index:88;
		}
		#toPageTop a {
			display: block;
			width: 70px;
			background: url(../img/com/toPageTop-ov.png) no-repeat;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
			transition: 0.4s ease-in-out;
			z-index:99;
		}
		#toPageTop a:hover {
/*			visibility: hidden;*/
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
			transition: 0.4s ease-in-out;
			z-index:99;
		}

		/* バナー領域 -----------------------*/

		.banner01 {
			margin-top:0px;
			position:relative;
			width: 100%;
			height:120px;
		}
		.banner01 li:first-child {	/* PayPal ペイパルオンライン決済サービス */
			position: absolute;
			top: 0px;
			left:3%;
			width : 320px;
			height: 111px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			background	: url("../img/com/paypal.png") no-repeat;
			background-size: 80% 80%;
			border	: 0px;
		}
		.banner01 li:first-child a{
			overflow: hidden;	 	/* 内容を非表示にする。*/
			width : 320px;
			height: 0 !important;
			height /**/:111px;
			padding-top: 111px;
			display	: block;
			background	: url("../img/com/paypal.png") no-repeat;
			background-size: 80% 80%;
		}
		.banner01 li:first-child a:hover{
			display	: block;
			background	: url("../img/com/paypal-ov.png") no-repeat;
			background-size: 80% 80%;
				-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
				-moz-transition: 0.4s ease-in-out;
				-o-transition: 0.4s ease-in-out;
				transition: 0.4s ease-in-out;
		}

		.footer01 {
			display:none;
		}
		.footer02 {
			display:block;
			margin: 0 auto 0 auto;
			position: relative;
			width: 100%;
			height:120px;
			background-color: #444;
		}



		/* Footer Menu ---------------------*/
		.footer02 nav {
			display:none;
		}
		.logo02 {			/* 「Mappi Porter footer Logo  */
			position: absolute;
			top: 10px;
			left:10%;
			width : 251px;
			height: 76px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
		}
		.logo02 a{
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 251px;
			height: 0 !important;
			height /**/:76px;
			padding-top: 76px;
			display	: block;
			background	: url("../img/com/logo_ft.png") no-repeat;
		}
		.logo02 a:hover{
			display	: block;
			background	: url("../img/com/logo_ft.png") no-repeat;
		}

		.footer02 #copy {
			position: absolute;
			bottom: 5px;
			left:1%;
			width: 640px;
	 		text-align:left;
			font-size: 12px;
			color: #FFF;
	 		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
						 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}
		
		/* セカンダリページ */

		.pagebox{
			margin-left:5%;
			margin-right:5%;
			
		}
		.pagebox p{
			line-height: 20px;
		}
		
		.pagebox h3{
		font-size: 20px;
	}
		
		.pagebox th{
			font-weight: bold;
		}
		
		#gakkiadd{
		padding-left:30px;
	}

}	/* △SmartPhoneLayout */


/*	@media only screen and (min-width: 960px) {*/

	/* ▼PC Layout wide */
/*	@media only screen and (min-width: 1200px) { */
/* 2016.11.04 #00017 start */
	@media only screen and (min-width: 1025px) {
	/* 2016.11.04 #00017 end */

	/* ◆ 買い取りはこちら -----------------------------------------------------*/

		#toContact {
			position: fixed;
			bottom: 300px;
			right: 20px;
			z-index:99;
		}
		#toContact a {
			display: block;
			width: 97px;
			background: url(../img/menu/purchase_btn01.png) no-repeat;
			z-index:99;
		}
		#toContact a:hover img {
			visibility: hidden;
		}

	/* ◆ ToPageTop --------------------------------------------------------------*/

		#toPageTop {
			position: fixed;
			bottom: 180px;
			right: 20px;
			z-index:99;
		}
		#toPageTop a {
			display: block;
			width: 70px;
			background: url(../img/com/toPageTop-ov.png) no-repeat;
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
			transition: 0.4s ease-in-out;
			z-index:99;
		}
		#toPageTop a:hover {
/*			visibility: hidden;*/
			-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.4s ease-in-out;
			-o-transition: 0.4s ease-in-out;
			transition: 0.4s ease-in-out;
			z-index:99;
		}

		/* バナー領域 -----------------------*/

		.banner01 {
			margin-top:-80px;
			position:relative;
			width: 100%;
			height:120px;
		}
		.banner01 li:first-child {	/* PayPal ペイパルオンライン決済サービス */
			position: absolute;
			top: 0px;
			right:15%;
			width : 320px;
			height: 111px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			background	: url("../img/com/paypal.png") no-repeat;
			border	: 0px;
		}
		.banner01 li:first-child a{
			overflow: hidden;	 	/* 内容を非表示にする。*/
			width : 320px;
			height: 0 !important;
			height /**/:111px;
			padding-top: 111px;
			display	: block;
			background	: url("../img/com/paypal.png") no-repeat;
		}
		.banner01 li:first-child a:hover{
			display	: block;
			background	: url("../img/com/paypal-ov.png") no-repeat;
				-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
				-moz-transition: 0.4s ease-in-out;
				-o-transition: 0.4s ease-in-out;
				transition: 0.4s ease-in-out;
		}

		/* フッター -----------------------*/

		.wrapper-footer {
			margin-top:0px;
			position:relative;
			width: 100%;
			height:200px;
		}

		.footer01 {
			margin: 0 auto 0 auto;
			position: relative;
			width: 100%;
			height:30px;
		}
		.footer01 li {
			text-align:left;
			font-size:12px;
			border-bottom: 1px solid #CCC;
		}
		.footer01 li a {
			color:#666;
		}
		.footer01 li a:hover{
			color:#AAA;
		}

		.footer01 li:first-child {		/* ログイン */
			position: absolute;
			top: 0px;
			left:10%;
			width:140px;
			height:30px;
			padding-left: 25px;
			background	: url("../img/com/login02.png") no-repeat;
			background-position: 0px 2px;
			border	: 0px;
		}
		.footer01 li:nth-child(2) {		/* カート */
			position: absolute;
			top: 0px;
			left:20%;
			width:140px;
			height:30px;
			display	: block;
			padding-left: 30px;
			background	: url("../img/com/cart.png") no-repeat;
			background-position: 0px 2px;
			border	: 0px;
		}

		.footer02 {
			display:block;
			margin: 0 auto 0 auto;
			position: relative;
			width: 100%;
			height:140px;
			background-color: #444;
			font-size:12px;
		}
		.footer02 {
			display:block;
			margin: 0 auto 0 auto;
			position: relative;
			width: 100%;
			height:140px;
			background-color: #444;
		}
		/* Footer Menu ---------------------*/
		.footer02 nav {
			position: absolute;
			top: 15px;
			left:10%;
			max-width: 1200px;
			font-size: 14px;
			color: #CCC;
		}
		.footer02 nav li {
			height: 30px;
		}
		.footer02 nav li:nth-child(n+2) {
			border-left: 1px solid #F5F5F5;
			padding-left:20px;
			padding-right:10px;
		}

		#fmenu01{			/* HOME --------------------------------*/
			float: left;
			width : 140px;
			height: 30px;
			display	: block;
			border	: 0px;
		}
		#fmenu01 a{
			width : 140px;
			height: 30px;
		}
		#fmenu01 a:hover{
				-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
				-moz-transition: 0.4s ease-in-out;
				-o-transition: 0.4s ease-in-out;
				transition: 0.4s ease-in-out;
		}
		#fmenu02{			/*  サービス SERVICE -----------*/
			float: left;
			width : 160px;
			height: 30px;
		}
		#fmenu02 a{
			width : 160px;
			height: 30px;
		}
		#fmenu02 a:hover{
				-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
				-moz-transition: 0.4s ease-in-out;
				-o-transition: 0.4s ease-in-out;
				transition: 0.4s ease-in-out;
		}

		#fmenu03{			/* ニュース NEWS -----------*/
			float: left;
			width : 200px;
			height: 30px;
		}
		#fmenu03 a{
			width : 200px;
			height: 30px;
		}
		#fmenu03 a:hover{
			background	: url("../img/menu/fmenu03-ov.png") no-repeat;
				-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
				-moz-transition: 0.4s ease-in-out;
				-o-transition: 0.4s ease-in-out;
				transition: 0.4s ease-in-out;
		}
		#fmenu04{			/* 会社情報 COMPANY  -------*/
			float: left;
			width : 160px;
			height: 30px;
			padding-left:40px;
		}
		#fmenu04 a{
			width : 160px;
			height: 30px;
		}
		#fmenu04 a:hover{
			background	: url("../img/menu/fmenu04-ov.png") no-repeat;
				-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
				-moz-transition: 0.4s ease-in-out;
				-o-transition: 0.4s ease-in-out;
				transition: 0.4s ease-in-out;
		}
		#fmenu05{			/* 採用情報 REQRUITE ----------------*/
			float: left;
			width : 200px;
			height: 30px;
		}
		#fmenu05 a{
			width : 200px;
			height: 30px;
		}
		#fmenu05 a:hover{
			background	: url("../img/menu/fmenu05-ov.png") no-repeat;
				-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
				-moz-transition: 0.4s ease-in-out;
				-o-transition: 0.4s ease-in-out;
				transition: 0.4s ease-in-out;
		}

		.logo02 {			/* 「Mappi Porter footer Logo  */
			position: absolute;
			top: 40px;
			right:9%;
			width : 251px;
			height: 76px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
		}
		.logo02 a{
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 251px;
			height: 0 !important;
			height /**/:76px;
			padding-top: 76px;
			display	: block;
			background	: url("../img/com/logo_ft.png") no-repeat;
		}
		.logo02 a:hover{
			display	: block;
			background	: url("../img/com/logo_ft.png") no-repeat;
		}

		#footer2 li a {
			color: #CCC;
			text-decoration:none ;
		}
		#footer2 li a:visited {
			color: #F4F4F4;
			text-decoration:none ;
		}
		#footer2 li a:hover {
			color:#A4946C;				/* Gold */
			text-decoration:none ;
		}

		.footer02 #copy {
			position: absolute;
			bottom: 5px;
			left:35%;
			width: 1024px;
	 		text-align:left;
			font-size: 12px;
			color: #FFF;
	 		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3",
						 "Hiragino Kaku Gothic Pro", Osaka,"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		}


	}	/* ▲ End of PC向けレイアウトの指定：768px以上 */

/* End of ◆ Footer ◆ 
***********************************************************/

/* エラー
*****************************************/
.errorTxt{
	display:none;
	margin:5px 0 0;
	color: #c0392b;
}

.errorTxt.error{
	display:block;
}


.errorTxt:before{
	content:"\f071";
	margin:0 3px 0 0;
	font-family:FontAwesome;	
}

.errorTxt-tel{
	display:none;
	margin:5px 0 0;
	color: #c0392b;
}

.errorTxt-tel.error{
	display:block;
}


.errorTxt-tel:before{
	content:"\f071";
	margin:0 3px 0 0;
	font-family:FontAwesome;	
}

.error[type=text],.error[type=password],.formStyle textarea.error{
	border-color:#c0392b;
}

.error-tel[type=text]{
	border-color:#c0392b;
}

.success[type=password]{
	border-color:#5CB85C;
}

input.error[type="text"]:focus,
input.error[type="password"]:focus,
textarea.error:focus {
	box-shadow: 0 0 7px #c0392b;
	border-color:#c0392b;
}

input.success[type="password"]:focus{
	box-shadow: 0 0 7px #5CB85C;
	border-color:#5CB85C;
}

.error input[type="radio"] + label::before,
.error input[type="checkbox"] + label::before{
	border-color:#c0392b;
}
	
/* ツールチップ */
.labelWrap{
	position:relative;
	display:block;
}

#form1 .errorTxt{
	position:absolute;
	top: -3.6em;
    left: 0;
    padding: 0.4em 0.7em 0.45em;
    border-radius: 0.2em;
    background-color: #c0392b;
    color: #fff;
}

#form1 .errorTxt:after{
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top-color: #c0392b;
}