/* ! ページ特有のCSSを設定する */
 h2:before {/*疑似要素*/
	font-family: FontAwesome;
	content: "";
	position: absolute;
	left : 0.5em; /*左端からのアイコンまでの距離*/
}
.uniq{
	color:#fff;
	background-color:#3366FF;
	text-align:center !important;
	position: relative;
	padding: 0.6em;
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(left, #1e5799 0%, #318bd6 52%, #1e5799 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #1e5799 0%,#318bd6 52%,#1e5799 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #1e5799 0%,#318bd6 52%,#1e5799 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#1e5799',GradientType=1 ); /* IE6-9 */
	 display: -webkit-flex;
	 display: flex;
	 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	 align-items: center; /* 縦方向中央揃え */
	 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	 justify-content: center; /* 横方向中央揃え */
}
.uniq2{
	color:#fff;
	background-color:#3366FF;
	text-align:center !important;
	position: relative;
	padding: 0.6em;
	background: #093; /* Old browsers */
	background: -moz-linear-gradient(left, #093 0%, #0C6 52%, #093 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #093 0%,#0C6 52%,#093 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #093 0%,#0C6 52%,#093 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#093', endColorstr='#093',GradientType=1 ); /* IE6-9 */
	 display: -webkit-flex;
	 display: flex;
	 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	 align-items: center; /* 縦方向中央揃え */
	 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	 justify-content: center; /* 横方向中央揃え */
}

.uniq-s{
	color:#fff;
	background-color:#36F;
	font-size:2.4em;
	line-height:1.1em;
	text-align:center !important;
	position: relative;
	padding: 0.3em;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	 align-items: center; /* 縦方向中央揃え */
	 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	 justify-content: center; /* 横方向中央揃え */
}
.uniq-s2{
	color:#fff;
	background-color:#093;
	font-size:2.4em;
	line-height:1.1em;
	text-align:center !important;
	position: relative;
	padding: 0.3em;
	 display: -webkit-flex;
	 display: flex;
	 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	 align-items: center; /* 縦方向中央揃え */
	 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	 justify-content: center; /* 横方向中央揃え */
}
.center{
	 display: -webkit-flex;
	 display: flex;
	 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	 align-items: center; /* 縦方向中央揃え */
	 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	 justify-content: center; /* 横方向中央揃え */

	
}
/*小売店様向け*/
.button_necpos{
	display: inline-block;
	width: 300px;
	height: 54px;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	
  	}

.button_necpos span {
	display: block;
	position: absolute;
	width: 300px;
	height: 60px;
	border: 2px solid #06C;
	text-align: center;
	line-height: 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}

.button_necpos span:nth-child(1) {
	background-color: #06C;
	color: #fff;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button_necpos span:nth-child(2) {
	background-color: #FFF;
	color: #069;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button_necpos:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.button_necpos:hover span:nth-child(2) {
	background-color: #06C;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}

/*飲食店様向け*/
.button_necpos2{
	display: inline-block;
	width: 300px;
	height: 54px;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	
  	}

.button_necpos2 span {
	display: block;
	position: absolute;
	width: 300px;
	height: 60px;
	border: 2px solid #063;
	text-align: center;
	line-height: 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}

.button_necpos2 span:nth-child(1) {
	background-color: #063;
	color: #fff;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button_necpos2 span:nth-child(2) {
	background-color: #FFF;
	color: #063;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button_necpos2:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.button_necpos2:hover span:nth-child(2) {
	background-color: #063;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}


/*セレクトページのホバー設定*/
.column {
	margin: 15px 15px 0;
	padding: 0;
}
.column:last-child {
	padding-bottom: 60px;
}
.column::after {
	content: '';
	clear: both;
	display: block;
}
.column div {
	position: relative;
	margin: 0 0 0 25px;
	padding: 0;
}
.column div:first-child {
	margin-left: 0;
}
.column div span {
	position: absolute;
	bottom: -20px;
	left: 0;
	z-index: -1;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 1.2em;
	text-decoration: none;
	text-align: center;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	opacity: 0;
}
  @media screen and (max-width: 1024px) {
	.utop{
		
	  }
	.column div span {
		font-size: 0.95em;
	}
  }
figure {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
figure:hover+span {
	bottom: -35px;
	opacity: 1;
}
/*グレースケール*/
.gray figure img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.gray figure:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

  @media screen and (max-width: 480px) {
	.gray figure img {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
	}
    }
/*光るやつ*/
.shine figure {
	position: relative;
}
.shine figure::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.shine figure:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}