@media screen and (max-width:767px) {/* スマホサイズで表示 */
	.dsp-in-block-sp {
		display: inline-block !important;
	}
	.dsp-none-sp {
		display: none !important;
	}

	/* ヘッダー */
	#hd_logo {
		padding-bottom: 1em;
	}
	header nav {
		overflow-y: auto;
		height:450px;
		padding-bottom: 1em;
	}

	/* スクロールバー */
	::-webkit-scrollbar {
    		width: 5px;
		background:rgba(255, 255, 255, .25);
	}
	::-webkit-scrollbar:horizontal {
		height: 5px;
	}
	::-webkit-scrollbar-thumb {
		background-color: #ccc;
		border-radius: 10px;
		box-shadow:0 0 0 1px rgba(255, 255, 255, .5);
	}
	::-webkit-scrollbar-track {
  		border-radius: 10px;
  		box-shadow: inset 0 0 5px rgba(200, 200, 200, .75);
	}

	/* スライダー */
	.slick-prev, .slick-next {
		background-color: #FE0000 !important;/* 矢印の背景色 */
    		border-radius: 50%;
		width: 40px;
		height: 40px;
	}

	.slick-prev:before {
		color:#ffffff !important;/* 矢印の文字色 */
    		content: '<';
    		opacity: 1.0;
		text-shadow: 0px 0px 5px #aaa;
		font-size:30px;
	}
	.slick-next:before {
		color:#ffffff !important;/* 矢印の文字色 */
    		content: '>';
    		opacity: 1.0;
		text-shadow: 0px 0px 5px #aaa;
		font-size:30px;
	}

}

@media screen and (min-width:768px) {/* PCサイズで非表示 */
	.dsp-none-pc {
		display: none !important;
	}

	/* スライダー */
	.slick-arrow {
		display: none !important;
	}
}