@charset "UTF-8";
/*---------------------------------------------------------------------
　CSS : Base
---------------------------------------------------------------------*/

/* 	Link : Text
++++++++++++++++++++++++++++++++++*/
a{ text-decoration:underline ; color:#1a1a1a ;}

a:hover,
a:hover img{
		filter: alpha(opacity=60);
		-moz-opacity:0.6;
		opacity:0.6;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
	}

/* 	SP : Only
++++++++++++++++++++++++++++++++++*/
/*  PC  */
.mode_pc{ display: block ;}
.mode_sp{ display: none ; }

/*  SP  */
@media screen and (max-width: 896px){
	.mode_pc{ display: none ;}
	.mode_sp{ display: block ; }
}

/* 	Ol , UL
++++++++++++++++++++++++++++++++++*/
ol ,
ul {
	padding: 0 ;
	margin: 0 0 0 0 ;
}

	ol li ,
	ul li {
		list-style-position: outside ;
	}

	ol.nostyle,
	ul.nostyle{
		margin: 0 ;
	}
	ol.nostyle li,
	ul.nostyle li{
		padding-left: 1em ;
		text-indent: -1em ;
		list-style: none ;
	}

/* 	align
++++++++++++++++++++++++++++++++++*/
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}

/*  box shadow
++++++++++++++++++++++++++++++++++*/
.boxShadow{
	-webkit-box-shadow:1px 1px 5px 3px rgba(0, 0, 0, 0.1);
	box-shadow:1px 1px 5px 3px rgba(0, 0, 0, 0.1);
}

/*  svg icon
++++++++++++++++++++++++++++++++++*/
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

/*  clearfix
++++++++++++++++++++++++++++++++++*/
.clearfix::after {
	display: block;
	clear: both;
	content: "";
}