@charset "utf-8";
/* CSS Document */


/*データ有無のボタン 2つ並び */
#whiteBody .detBox1 {
	margin: -20px 0 0 0;
}
#whiteBody .detBox1 .link03 {
	clear: both;
	text-align: center;
	padding-top: 10px;
}
#whiteBody .dataBtn {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;
	position: relative;
	text-align: center;
	font-weight: bold;
	/*min-height: 130px;
	max-height: 185px;*/
	display: block;
	overflow: hidden;
}
#whiteBody .btn2L {
	margin-bottom: 10px;
}
#whiteBody .btn2R {
}
#whiteBody .dataBtn:hover {
	opacity: 0.7;
	text-decoration: none;
}
#whiteBody .dataBtn p {
	margin-bottom: 0;
}
#whiteBody .dataBtn .btnTitle{
	color: #fff;
	font-size: 16px;
	line-height: 1em;
	padding: 10px 0;
}
#whiteBody .btn2L .btnTitle{
	background: linear-gradient(90deg, #49995a, #346d40);
}
#whiteBody .btn2R .btnTitle{
	background: linear-gradient(90deg, #dc7936, #9a5426);
}
#whiteBody .dataBtn .btnInner {
	padding: 20px 0 15px 0;
	background: linear-gradient(#fafafa, #f0f0f0);
}
#whiteBody .btn2L .btnInner {
	border-right: #49995a solid 4px;
	border-bottom: #49995a solid 4px;
	border-left: #49995a solid 4px;
}
#whiteBody .btn2R .btnInner {
	border-right: #dc7936 solid 4px;
	border-bottom: #dc7936 solid 4px;
	border-left: #dc7936 solid 4px;
}
#whiteBody .dataBtn .text01 {
	font-size: 20px;
	line-height: 1em;
	margin-bottom: 10px;
}
#whiteBody .dataBtn .text02 {
	color: #333;
	font-size: 16px;
	line-height: 1em;
}
#whiteBody .btn2L .text01 {
	color: #49995a;
}
#whiteBody .btn2R .text01 {
	color: #dc7936;
}
#whiteBody .btn2L .label {
	color: #ff493a;
}


/*「オリジナルホワイトボード」へのボタン*/
#whiteBody .detBox2 {
	margin: 10px 0 20px 0;
}
#whiteBody .detBox2 h3 {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#whiteBody .detBox2 p {
	text-align: center;
}
#whiteBody .original-whiteboard {
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;
	background: url(../../../01-assets/images/goods/common/bg_original-whiteboard-btn.png) ;
	border: #ccc solid 1px;
	border-radius: 4px;
	position: relative;
	/*max-height: 196px;*/
	display: block;
	margin-top: 15px;
}
#whiteBody .original-whiteboard .container1 {
		background: url(../../../01-assets/images/goods/common/bg_original-whiteboard-btn_S.png) top center repeat-x ;
	}
#whiteBody .original-whiteboard:hover {
		opacity: 0.7;
		text-decoration: none;
	}
#whiteBody .original-whiteboard p {
		text-align: center;
		margin-bottom: 0;
		padding: 8px 0 2px 0 !important; 
	}
#whiteBody .detBox .original-whiteboard p img {
		width: 120px !important;
	}
#whiteBody .original-whiteboard .text01 {
		color: #ff4b39;
		font-size: 24px;
		font-weight: bold;
		line-height: 34px;
	}
#whiteBody .original-whiteboard .text01 span {
		font-size: 16px;
		line-height: 20px;
		vertical-align: middle;
	}
#whiteBody .original-whiteboard p.label {
		padding: 10px 0 !important;
	}
#whiteBody .original-whiteboard p.label span {
		background-color: #fff;
		color: #333;
		font-size: 14px;
		text-align: center;
		border: #ccc solid 1px;
		width: 22em;
		padding: 3px 15px !important;
		margin: 0 auto;
		box-sizing: content-box !important;
	}


@media screen and (min-width: 751px)  {
	/*データ有無のボタン*/
	#whiteBody .noPC {
		display: none;
	}
	#whiteBody .noSP {
		display: block;
	}
	#whiteBody .detBox1 {
		margin: 30px 0 20px 0;
	}
	#whiteBody .dataBtn{
		width: 49%;
	}
	#whiteBody .btn2L {
		float: left;
		margin-bottom: 0px;
	}
	#whiteBody .btn2R {
		float: right;
	}
	#whiteBody .dataBtn:hover {
		opacity: 0.7;
		text-decoration: none;
	}
	#whiteBody .dataBtn p {
	}
	#whiteBody .dataBtn .btnTitle {
		font-size: 20px; 
	}
	#whiteBody .dataBtn .text01 {
		font-size: 30px;
	}
	#whiteBody .dataBtn .text02 {
	}
	
	
	/*「オリジナルホワイトボード」へのボタン*/
	#whiteBody .detBox2 {
		margin: 30px 0 0 0;
	}
	#whiteBody .detBox2 h3 {
		font-size: 20px;
	}
	#whiteBody .original-whiteboard {
		font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;
		background: url(../../../01-assets/images/goods/common/bg_original-whiteboard-btn.png) ;
		border: #ccc solid 1px;
		border-radius: 4px;
		position: relative;
		/*max-height: 196px;*/
		display: block;
	}
	#whiteBody .original-whiteboard .container1 {
		background: url(../../../01-assets/images/goods/common/bg_original-whiteboard-btnL.png) left center no-repeat ;
	}
	#whiteBody .original-whiteboard .container2 {
		background: url(../../../01-assets/images/goods/common/bg_original-whiteboard-btnR.png) right center no-repeat ;
	}
	#whiteBody .original-whiteboard:hover {
		opacity: 0.7;
		text-decoration: none;
	}

	#whiteBody .original-whiteboard p {
		text-align: center;
		margin-bottom: 0;
		padding: 10px 0 0 0 !important; 
	}
	#whiteBody .detBox .original-whiteboard p img {
		width: 200px !important;
	}
	#whiteBody .original-whiteboard .text01 {
		color: #ff4b39;
		font-size: 40px;
		font-weight: bold;
		line-height: 1.2em;
	}
	#whiteBody .original-whiteboard .text01 span {
		font-size: 18px;
		vertical-align: middle;
	}
	#whiteBody .original-whiteboard p.label {
		padding: 12px 0 !important;
	}
	#whiteBody .original-whiteboard p.label span {
		background-color: #fff;
		color: #333;
		font-size: 16px;
		text-align: center;
		border: #ccc solid 1px;
		width: 22em;
		padding: 3px 20px 1px !important;
		margin: 0 auto;
		box-sizing: content-box !important;
	}
	
}