@charset "utf-8";
/* CSS Document */


/* anime_btn
   ========================================================================== */
.anime_btn{
	text-align: center;
	line-height: 0;
}

.anime_btn.posi_left{
	text-align: left;
}

.anime_btn.center{
	margin-left: auto;
	margin-right: auto;
    text-align: center;
    display: block;
}

button.anime_btn {
    border: none;
}

button.anime_btn,
.anime_btn a{
    padding: 0;
	min-width: 250px;
	max-width: 100%;
	display: inline-block;
	background: #BC1B21;
	border-radius: 50px;
    text-align: center;
    cursor: pointer;
}

button.anime_btn.wid_fixed100,
.anime_btn.wid_fixed100 a{
    max-width: 100px;
    width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

button.anime_btn.small_btn,
.anime_btn.small_btn a{
    min-width: 100px;
}

button.anime_btn.mini_btn,
.anime_btn.mini_btn a{
    min-width: auto;
}

button.anime_btn.wid200_50,
.anime_btn.wid200_50 a{
	max-width: 220px;
}

button.anime_btn.wid210,
.anime_btn.wid210 a{
	min-width: 210px;
	max-width: 210px;
}

button.anime_btn.wid330,
.anime_btn.wid330 a{
	max-width: 270px;
}

button.anime_btn.wid360,
.anime_btn.wid360 a{
	max-width: 290px;
}

button.anime_btn.wid380,
.anime_btn.wid380 a{
	max-width: 300px;
}

button.anime_btn.wid400_80,
.anime_btn.wid400_80 a{
    width: 100%;
	max-width: 400px;
}

/* btnテキストの編集 */
button.anime_btn span,
.anime_btn a span{
	padding: 3vw 5vw;
	display: flex;
    justify-content: center;
    align-items: center;
	font-size: 4vw;
    letter-spacing: 0.1em;
    line-height: 150%;
	color: #fff;
	font-weight: bold;
	box-sizing: border-box;
    white-space: nowrap;
}

button.anime_btn.wid_fixed100 span,
.anime_btn.wid_fixed100 a span{
    padding: 0;
    font-size: 15px;
    height: 35px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

button.anime_btn.small_btn span,
.anime_btn.small_btn a span{
    padding: 1vw 3vw;
    font-size: 3.4vw;
}

button.anime_btn.small_btn.f13 span,
.anime_btn.small_btn.f13 a span{
    font-size: 3.2vw;
}

button.anime_btn.mini_btn span,
.anime_btn.mini_btn a span{
    padding: 1vw 2.5vw;
    font-size: 3.4vw;
    font-weight: 400;
}

button.anime_btn.wid200_50 span,
.anime_btn.wid200_50 a span{
    font-size: 3.8vw;
}

button.anime_btn.wid400_80 span,
.anime_btn.wid400_80 a span{
	padding: 4vw 2vw;
    font-size: 6vw;
    font-weight: 900;
}

.anime_btn.siz_mid a{
	max-width: 210px;
}

.anime_btn.siz_mid a span{
	padding: 2vw .5vw;
	font-size: 3.5vw;
}

/* btn_colors */
button.anime_btn.black,
.anime_btn.black a{
	background: #222;
}

button.anime_btn.red02,
.anime_btn.red02 a{
	background: #E94235;
}

button.anime_btn.green,
.anime_btn.green a{
	background: #2D9519;
}

button.anime_btn.green02,
.anime_btn.green02 a{
	background: #34A853;
}

button.anime_btn.green03,
.anime_btn.green03 a{
	background: #1ABC9C;
}

button.anime_btn.green04,
.anime_btn.green04 a{
	background: #BDC581;
}

button.anime_btn.blue,
.anime_btn.blue a{
	background: #3498DB;
}

button.anime_btn.blue02,
.anime_btn.blue02 a{
	background: #2980B9;
}

button.anime_btn.gray,
.anime_btn.gray a{
	background: #ddd;
}

button.anime_btn.gray_a7,
.anime_btn.gray_a7 a{
	background: #A7A7A7;
}

button.anime_btn.purple,
.anime_btn.purple a{
	background: #8E44AD;
}

button.anime_btn.purple02,
.anime_btn.purple02 a{
	background: #B33771;
}

button.anime_btn.navy,
.anime_btn.navy a{
	background: #2C3A47;
}

button.anime_btn.orange,
.anime_btn.orange a{
    background: #F39C12;
}

button.anime_btn.yellow,
.anime_btn.yellow a{
    background: #F3A11E;
}

button.anime_btn.navy,
.anime_btn.navy a{
    background: #34495E;
}

button.anime_btn.pointer_events_none,
.anime_btn.pointer_events_none a{
    pointer-events: none;
}


@media screen and (min-width: 500px) {


	/* anime_btn
	   ========================================================================== */
	.anime_btn{
		text-align: center;
	}

	button.anime_btn,
	.anime_btn a{
		min-width: 30.0vw;
		max-width: 50.0vw;
	}

    button.anime_btn.wid_fixed100,
    .anime_btn.wid_fixed100 a{
        width: 100px;
    }

    button.anime_btn.small_btn,
    .anime_btn.small_btn a{
        min-width: 100px;
    }

    button.anime_btn.wid200_50,
    .anime_btn.wid200_50 a{
		width: 20.0vw;
        max-width: 200px;
        height: 5.0vw;
    }

    button.anime_btn.wid210,
    .anime_btn.wid210 a{
        min-width: 210px;
        max-width: 210px;
    }

    button.anime_btn.wid330,
	.anime_btn.wid330 a{
		width: 33.0vw;
        max-width: 330px;
	}

    button.anime_btn.wid360,
    .anime_btn.wid360 a{
		width: 36.0vw;
        max-width: 360px;
    }

    button.anime_btn.wid380,
	.anime_btn.wid380 a{
		width: 38.0vw;
        max-width: 380px;
	}

    button.anime_btn.wid400_80,
	.anime_btn.wid400_80 a{
		width: 40.0vw;
		max-width: 400px;
	}

    .anime_btn.siz_mid a{
    	max-width: 210px;
    }

    /* btnテキストの編集 */
    button.anime_btn span,
	.anime_btn a span{
		padding: 0 3.3vw;
		font-size: 2.2vw;
        height: 6.0vw;
		display: flex;
        justify-content: center;
        align-items: center;
	}

    button.anime_btn.wid_fixed100 span,
    .anime_btn.wid_fixed100 a span{
        padding: 0 2vw;
        white-space: nowrap;
        height: 3.5vw;
        font-size: 1.5vw;
    }

    button.anime_btn.small_btn span,
    .anime_btn.small_btn a span{
        padding: 0 1.6vw;
        height: 3.5vw;
        font-size: 1.5vw;
    }

    button.anime_btn.small_btn.f13 span,
    .anime_btn.small_btn.f13 a span{
        height: 3.0vw;
        font-size: 1.3vw;
    }

    button.anime_btn.mini_btn span,
    .anime_btn.mini_btn a span{
        padding: 0 1.2vw;
        height: 3.5vw;
        font-size: 1.5vw;
    }

    button.anime_btn.wid200_50 span,
    .anime_btn.wid200_50 a span{
        font-size: 1.8vw;
        height: 5.0vw;
    }

    button.anime_btn.wid400_80 span,
    .anime_btn.wid400_80 a span{
        padding: 0;
        font-size: 3.0vw;
        height: 8.0vw;
    }

    .anime_btn.siz_mid a span{
		padding: .5vw .5vw;
		font-size: 1.5vw;
    }
    

}
@media screen and (min-width: 1040px) {


	/* anime_btn
	   ========================================================================== */
    button.anime_btn,
	.anime_btn a{
		min-width: 300px;
		max-width: 600px;
		position: relative;
		overflow: hidden;
	}

    button.anime_btn.wid_fixed100,
    .anime_btn.wid_fixed100 a{
        width: 100px;
		max-width: 100px;
    }

    button.anime_btn.small_btn,
    .anime_btn.small_btn a{
        min-width: 100px;
    }

    button.anime_btn.wid200_50,
    .anime_btn.wid200_50 a{
		width: 200px;
        max-width: 200px;
        height: 50px;
    }

    button.anime_btn.wid210,
    .anime_btn.wid210 a{
        min-width: 210px;
        max-width: 210px;
    }

    button.anime_btn.wid330,
	.anime_btn.wid330 a{
		width: 330px;
	}

    button.anime_btn.wid360,
    .anime_btn.wid360 a{
        max-width: 360px;
    }

    button.anime_btn.wid380,
	.anime_btn.wid380 a{
		width: 380px;
	}

    button.anime_btn.wid400_80,
	.anime_btn.wid400_80 a{
		width: 400px;
	}

    .anime_btn.siz_mid a{
    	max-width: 210px;
    }

    /* btnテキストの編集 */
    button.anime_btn span,
	.anime_btn a span{
		padding: 0 33px;
		height: 60px;
		font-size: 22px;
		transition: .3s;
		z-index: 1;
		position: relative;
		display: flex;
        justify-content: center;
        align-items: center;
		border-radius: 50px;
		border: 1px solid #BC1B21;
	}

    button.anime_btn.wid_fixed100 span,
    .anime_btn.wid_fixed100 a span{
        padding: 0 10px;
        height: 35px;
        font-size: 15px;
        display: inline-flex;
    }

    button.anime_btn.small_btn span,
    .anime_btn.small_btn a span{
        padding: 0 16px;
        white-space: nowrap;
        letter-spacing: 0.08em;
        height: 35px;
        font-size: 15px;
        line-height: 32px;
    }

    button.anime_btn.small_btn.f13 span,
    .anime_btn.small_btn.f13 a span{
        height: 30px;
        font-size: 13px;
    }

    button.anime_btn.mini_btn span,
    .anime_btn.mini_btn a span{
        padding: 0 12px;
        height: 35px;
        font-size: 15px;
        line-height: 32px;
    }

    button.anime_btn.wid200_50 span,
    .anime_btn.wid200_50 a span{
        height: 50px;
        font-size: 18px;
    }

    button.anime_btn.wid400_80 span,
    .anime_btn.wid400_80 a span{
        padding: 0;
        font-size: 30px;
        height: 80px;
    }

    .anime_btn.siz_mid a span{
		padding: 0;
		height: 35px;
		line-height: 32px;
		font-size: 15px;
    }

    /* btn_colors */
	button.anime_btn,
	.anime_btn a{
		transition: .3s;
	}

    button.anime_btn:hover,
	.anime_btn a:hover{
    	background: #fff;
	}
  
    button.anime_btn.black span,
    .anime_btn.black a span{
    	border-color: #222;
    }

    button.anime_btn.red02 span,
    .anime_btn.red02 a span{
        border-color: #E94235;
    }
    
    button.anime_btn.orange span,
    .anime_btn.orange a span{
        border-color: #F39C12;
    }
    
    button.anime_btn.yellow span,
    .anime_btn.yellow a span{
        border-color: #F3A11E;
    }

    button.anime_btn.navy span,
    .anime_btn.navy a span{
        border-color: #34495E;
    }

    button.anime_btn.green span,
	.anime_btn.green a span{
		border: 1px solid #2D9519;
	}
    
    button.anime_btn.green02 span,
    .anime_btn.green02 a span{
        border-color: #34A853;
    }

    button.anime_btn.green03 span,
	.anime_btn.green03 a span{
		border: 1px solid #1ABC9C;
	}

    button.anime_btn.green04 span,
	.anime_btn.green04 a span{
		border: 1px solid #BDC581;
	}

    button.anime_btn.blue span,
	.anime_btn.blue a span{
		border: 1px solid #3498DB;
	}

    button.anime_btn.blue02 span,
	.anime_btn.blue02 a span{
		border: 1px solid #2980B9;
	}

    button.anime_btn.gray span,
	.anime_btn.gray a span{
		border: 1px solid #ddd;
	}

    button.anime_btn.gray_a7 span,
	.anime_btn.gray_a7 a span{
		border: 1px solid #A7A7A7;
	}

    button.anime_btn.purple span,
	.anime_btn.purple a span{
		border: 1px solid #8E44AD;
	}

    button.anime_btn.purple02 span,
	.anime_btn.purple02 a span{
		border: 1px solid #B33771;
	}

    button.anime_btn.navy span,
	.anime_btn.navy a span{
		border: 1px solid #2C3A47;
	}

    button.anime_btn:hover span,
	.anime_btn a:hover span{
    	color: #BC1B21;;
	}
  
    button.anime_btn.black:hover span,
    .anime_btn.black a:hover span{
    	color: #222;
    }
  
    button.anime_btn.red02:hover span,
    .anime_btn.red02 a:hover span{
    	color: #E94235;
    }

    button.anime_btn.green:hover span,
	.anime_btn.green a:hover span{
    	color: #2D9519;
	}

    button.anime_btn.green02:hover span,
	.anime_btn.green02 a:hover span{
    	color: #34A853;
	}

    button.anime_btn.green03:hover span,
	.anime_btn.green03 a:hover span{
    	color: #1ABC9C;
	}

    button.anime_btn.green04:hover span,
	.anime_btn.green04 a:hover span{
    	color: #BDC581;
	}

    button.anime_btn.blue:hover span,
	.anime_btn.blue a:hover span{
    	color: #3498DB;
	}

    button.anime_btn.blue02:hover span,
	.anime_btn.blue02 a:hover span{
    	color: #2980B9;
	}

    button.anime_btn.gray:hover span,
	.anime_btn.gray a:hover span{
    	color: #ddd;
	}

    button.anime_btn.gray_a7:hover span,
	.anime_btn.gray_a7 a:hover span{
    	color: #A7A7A7;
	}

    button.anime_btn.purple:hover span,
	.anime_btn.purple a:hover span{
    	color: #8E44AD;
	}

    button.anime_btn.purple02:hover span,
	.anime_btn.purple02 a:hover span{
    	color: #B33771;
	}

    button.anime_btn.navy:hover span,
	.anime_btn.navy a:hover span{
    	color: #2C3A47;
	}
    
    button.anime_btn.orange:hover span,
    .anime_btn.orange a:hover span{
        color: #F39C12;
    }
    
    button.anime_btn.yellow:hover span,
    .anime_btn.yellow a:hover span{
        color: #F3A11E;
    }

    button.anime_btn.navy:hover span,
    .anime_btn.navy a:hover span{
        color: #34495E;
    }

    
}