/*-----------------
Start Common
-------------------*/
*{
    word-break: break-word;
}
html.no-ie{
	margin-top: 0 !important;
}
html.front{
	height: 100%;
}
html.front body{
	height: 100%;
}
#wpadminbar{
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	opacity: 0.5;
}
#wpadminbar:hover{
	opacity: 1;
}
body{
	margin:0;
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	position:relative;
	color: #000;
	font-size: 14px;
}
p,h1,h2,h3,h4,h5,h6,ul,dl,dt,dd,figure{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
}
a{
	text-decoration:none;
	color:#000
}
p{
	line-height:1.3em;
}
img{
	vertical-align:bottom;
	width:100%;
}
li{
	list-style:none;
}
.rich_btn{
	position: relative;
}
.rich_btn span{
	position: relative;
	z-index: 10;
}
.rich_btn:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 0;
	transition:0.3s;
	opacity: 0.7;
	z-index: 1;
	/*アニメーション*/
	background: linear-gradient(270deg, #e3007f, #0097e2, #e3007f, #0097e2);
	background-size: 800% 800%;

	-webkit-animation: AnimationName 12s ease infinite;
	-moz-animation: AnimationName 12s ease infinite;
	-o-animation: AnimationName 12s ease infinite;
	animation: AnimationName 12s ease infinite;

}
.rich_btn:hover:before{
	width: 100%;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.robo{
	font-family: 'Roboto', sans-serif;
}
.mincho{
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.goth{
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.cl:after{
	content:"";
	display:block;
	clear:both;
	visibility:hidden;
}
.trans{
	backface-visibility: hidden;
	transition:0.3s ease-out;
}
.trans:hover{
	opacity:0.5;
}
.bold{
	font-weight: bold;
}
.center{
	text-align: center;
}
.wrap{
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
.wrap-short{
	width: 90%;
	max-width: 760px;
	margin: 0 auto;
}
body:after{
	content:"pc";
	display:none;
}
figure {
	text-align: center;
	margin-bottom: 30px;
}
figure img{
	margin-left: auto;
	margin-right: auto;
	width: auto;
	max-width: 100%;
	vertical-align: bottom;
}
#breadcrumb{
	padding: 10px 0;
	box-sizing:border-box;
}
#breadcrumb .crumb{
	display: inline-block;
	font-size: 13px;
}
.talign_center{text-align: center;}
.talign_left{text-align: left;}
.talign_right{text-align: right;}
/*デバイス*/
.pcv{display: block;}
.spv{display: none;}
@media(min-width: 941px){
	body:after{content:"pc"}
}
@media(min-width: 1px) and (max-width: 940px){
	body:after{content:"mo"}
}
@media (min-width: 1px) and (max-width: 640px){
	body:after{content:"sp"}
	.pcv{display: none;}
	.spv{display: block;}
}
/*-----------------
End Common
-------------------*/