@charset "UTF-8";

@media screen and (max-width: 767px) {
/*-----------------------------------------------------------------*/
/*スマホ用 767px以下の場合*/
html {
	background: #000;
}
.skil.pc {
	display: none;
}
.skil.sp {
	position: relative;
	margin: 0;
	padding: 24px 0;
}
.skil.sp img {
	max-width: 100%;
}
/*閉じるボタン設定*/
.mfp-close {
	width: 36px;
	height: 36px;
	background: url(_image/btn_close_sp.png);
	background-size: 100% auto;
	text-indent: -44444px;
	position: fixed;
	right: 5px;
	top: 8px;
	text-align: center;
	opacity: 0.9;
	padding: 0;
}
.mfp-close a {
	display: block;
	width: 36px;
	height: 36px;
}
/*--------------------------------------------------
/**/	
/*矢印の画像を変更*/
.mfp-arrow-right {
	position: fixed;
	width: 38px;
	height: 75px;
	background: url(_image/next_R.png);
	background-size: 100% auto;
	margin: -37px 0 0 0;
	top: 50%;
	right: 0px;
	text-indent: -44444px;
}
.mfp-arrow-left {
	position: fixed;
	width: 38px;
	height: 75px;
	background: url(_image/next_L.png);
	background-size: 100% auto;
	margin: -37px 0 0 0;
	top: 50%;
	left: 0px;
	text-indent: -44444px;
}
.mfp-arrow-right a, .mfp-arrow-left a {
	display: block;
	width: 38px;
	height: 75px;
}
/*---------------------------------------------------------end@media*/
}
/*--------------------------------------------------PC用ページ用設定*/
@media screen and (min-width: 768px) {
/*------------------------------------------------------------------*/
/*PC用 768px以上の場合*/
.skil.sp {
	display: none;
}
.skil.pc {
	width: 756px;
	margin: 0 auto;
}
.skil.pc img {
	max-width: 100%;
	margin: 0 auto;
}
/*---------------------------------------------------------end@media*/
}