@charset "utf-8";

/*-------------------------------------------------------------------clearfix*/
/*---------------------------------------------------------------------------*/

.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*---------------------------------------------------------------------ボタン*/
/*---------------------------------------------------------------------------*/
.btn a:hover{
	opacity: 0.8;
	animation: btnmotion 0.5s;
	-webkit-animation: btnmotion 0.5s;
	-moz-animation: btnmotion 0.5s;
}

@media screen and (max-width:767px) and (min-width: 1px){
	
	.btn a:hover{
		opacity: 1;
		animation: none;
		-webkit-animation: none;
		-moz-animation: none;
	}
}

@keyframes btnmotion {
	0% { 
		opacity: 1;
	}
	10% { 
		opacity: 0.4;
	}
	100% {
		opacity: 0.8;
	}
}

@-webkit-keyframes btnmotion {
	0% { 
		opacity: 1;
	}
	10% { 
		opacity: 0.4;
	}
	100% {
		opacity: 0.8;
	}
}
@-moz-keyframes btnmotion {
	0% { 
		opacity: 1;
	}
	10% { 
		opacity: 0.4;
	}
	100% {
		opacity: 0.8;
	}
}

/*--------------------------------------------------------------------見出し1*/
/*---------------------------------------------------------------------------*/

.heading1{
	padding: 10px;
	margin-bottom: 15px;
	background-image: url(../img/stripe.png);
    background-size: 14px;
    font-size: 160%;
}

.heading1 span{
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	background-image: url(../img/icon/star-big.png);
	background-repeat: no-repeat;
}

/*--------------------------------------------------------------------見出し2*/
/*---------------------------------------------------------------------------*/

.heading2{
	padding: 5px 10px;
	background-image: url(../img/stripe.png);
    background-size: 14px;
}

div.fukidashi{
	width: 27px;
	height: 14px;
	margin: -15px 0 0 58px;
	background-image: url(../img/fukidashi.png);
}

@media screen and (max-width:767px) and (min-width: 1px){
		
	div.fukidashi{
		margin: -15px 0 5px 21px;
	}
	
}

/*--------------------------------------------------------------------ボーダー/
/*---------------------------------------------------------------------------*/

/*カテゴリ最終項目：PCスマホともボーダーなし*/
.border-none{
	border-bottom: none!important;
}

/*PCでカテゴリ最下段の最終項目以外：PCでのみボーダーなし（スマホは1px dottedのまま）*/
.border-none-pc{
	border-bottom: none!important;
}

.border-dotted{
	border-bottom: 1px dotted #000 !important;
}

/*ページ最下段*/
.border-solid{
	border-bottom: 2px solid #000!important;
}

.border-solid-pc{
	border-bottom: 2px solid #000!important;
}

@media screen and (max-width:767px) and (min-width: 1px){
	
	.border-none{
		border-bottom: none!important;
	}
	.border-none-pc{
		border-bottom: 1px dotted #000 !important;
	}
	.border-solid{
		border-bottom: 2px solid #000!important;
	}
	.border-solid-pc{
	border-bottom: 1px dotted #000 !important;
}	
}