html{height:100%;-webkit-font-smoothing: antialiased;}

body{
	margin:0px;
	padding:0px;
	letter-spacing:0.05em;
	line-height:1.8;
	font-family: "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",  "メイリオ",Meiryo,Osaka, "游ゴシック" , "Yu Gothic" , "YuGothic" , "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size : 14px ;
	-webkit-text-size-adjust: 100% ;
	font-weight : 300 ;
	overflow-x : hidden ;
	width  : 100% ;
	color : #000000 ;
}

#container{
	position : relative ;
	width : 100% ;
	height : auto ;
}

.oswald{
	font-family: 'Oswald', sans-serif;
}
.poppins{
	font-family: 'Poppins', sans-serif;
}

.mincho{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

img {
	display : block ;
	border: none;
	border-style : none ;
	position : relative ;
}

a img{
	border-style : none ;
}

a{
	outline: none;
	text-decoration: none ;
}
a,
a:visited,
a:link{
	color : #000000 ;
}
a:hover{
	/** color : #CCCCCC ; **/
	color : #000000 ;
}

hr{
	margin : 0px ;
	border : 0px ;
	height : 6px ;
	/** background-color : #000000 ; **/
}

p{
	margin : 0px ;
}

ul{
	padding : 0px ;
}

div{
	position : relative ;
}

.clearfloat{
	clear : both ;
}

.floatbreak{
	position : relative ;
	float : left ;
}
.floatjoint{
	position : relative ;
	float : none ;
	clear : both ;
}

.floatleft{
	position : relative ;
	float : left ;
}

.floatright{
	position :relative ;
	float : right ;
}

.hover{
	cursor : pointer ;
}

.op{	cursor : pointer ; }

.op:hover{
	opacity: 0.6 !important;
}

.pc{ display : block ; }
.sp{ display : none ; }

.tb{ display : none ; }

/*---- clearfix ----*/
/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:'';
    display:table;
}
.clearfix:after { clear:both; }
/* For IE 7 (trigger hasLayout) */
.clearfix { zoom:1; }
/* clearfix end */

.paging {
	width: 100%;
	text-align: center;
}

.paging ul li {
	display: inline-block;
	vertical-align: bottom;
	padding: 0 7px;

	border-right: 1px solid #ffffff;
	margin-right: -4px;
	font-size: 15px;
	color: #ffffff;
}

.paging ul li:not(active) a {
	cursor: pointer;
	color: #ffffff;
}

.paging ul li:last-child {
	border-right: none;
}

.paging ul li.active {
	color: #000;
	color: #757575;
}

.paging ul li:hover a {
	text-decoration: underline;
	color: #757575;
}

.paging ul li.active:hover a {
	text-decoration: none;
}

.paging ul li.prev {
}

.contents .paging ul li {
	border-right: 1px solid #757575;
	color: #757575;
}

.contents .paging ul li:not(active) a {
	cursor: pointer;
	color: #757575;
}

.contents .paging ul li.active {
	color: #000;
}

.contents .paging ul li:hover a {
	color: #000;
}

/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 980px) {

html{min-width:640px;}

body{
	min-width : 640px ;
	font-size : 20px ;
}

#container{
/*	padding-bottom : 96px ;*/
}

.pc{ display : none ; }
.sp{ display : block ; }

.floatjoint{
	position : relative ;
	float : left ;
	clear : none ;
}
.floatbreak{
	position : relative ;
	float : none ;
	clear : both ;
}


} /** endof sp **/