/*
	$Id: common.css,v3.12 for BeniPong-WP $
	*plugin.cssはcommon_purge.cssに分離
	*アニメーションcssの整理

/*===========================================================================

  設定リセット　ここから

===========================================================================*/
#background dir ,#background menu ,#background dl ,#background dt ,#background dd ,#background form ,#background h1 ,#background h2 ,#background h3 ,#background h4 ,#background h5 ,#background header ,#background footer ,#background article ,#background section ,#background div ,#background p ,#background address {
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 500;
	padding:0;
	margin:0;
	text-align:left;
	font-size: 1em;
	line-height: 2em;
	letter-spacing: 0.06em;
	border: none;
	outline: none;/*
	position: relative;*/
	box-sizing: border-box;
	zoom:1;
}
/* div と p だけ relative 外す */
#background dir ,#background menu ,#background dl ,#background dt ,#background dd ,#background form ,#background h1 ,#background h2 ,#background h3 ,#background h4 ,#background h5 ,#background header ,#background footer ,#background article ,#background section ,#background address {
	position: relative;
}
#background em {
	font-style: normal;
}

#background ul ,#background ol ,#background nav ,#background figure {
	list-style-type:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align:left;
	border: none;
	outline: none;
	box-sizing: border-box;
	zoom:1;
}


#background li ,#background figcaption {
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 500;
	font-size: 1em;
	line-height: 2em;
	letter-spacing: 0.06em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: none;
	outline: none;
	box-sizing: border-box;
	zoom:1;
	position:relative;
}

#background a ,
#background button ,
#background input[type=submit]{
	cursor: pointer;
	filter: Alpha(opacity=100);
	opacity: 1;
	transition: all 0.5s ease;
	position: relative;
}
#background a:hover ,
#background button:hover {
	filter: Alpha(opacity=50);
	opacity: 0.5;
}
/** スマートフォン用分岐 **/
@media screen and (max-width: 740px) {
	#background a:hover ,
	#background button:hover {
		filter: Alpha(opacity=100);
		opacity: 1;
	}
}

#background img {
	border: none;
	outline: none;
	transition: all 0.5s ease;
}


#background a ,#background span ,
#background em ,#background strong {
	box-sizing: border-box;
	border: none;
	outline: none;
}

#background h1 ,#background h2 ,#background h3 ,#background h4 ,#background hr {
	clear: both;
}
#background table ,#background table tr {
	border: 0;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#background td ,#background th {
	vertical-align: top;
	text-align: left;
	font-size: 1em;
	line-height: 2em;
	letter-spacing: 0.06em;
	border-collapse: collapse;
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 500;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#background textarea ,#background input {
	border: none;
	outline: none;
}
select ,option ,input ,textarea ,button {
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 500;
	font-size: 1em;
	line-height: 1.6em;
	letter-spacing: 0.06em;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


/*===========================================================================

  スライダー設定　ここから
  Slick v1.8.0

===========================================================================*/
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;}
.slick-loading .slick-track {
	visibility: hidden;}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;}
.slick-slide img {
	display: block;}
.slick-slide.slick-loading img {
	display: none;}
.slick-slide.dragging img {
	pointer-events: none;}
.slick-initialized .slick-slide {
	display: block;}
.slick-loading .slick-slide {
	visibility: hidden;}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;}