@charset "utf-8";

.otokucam_title{
    margin-bottom: 3%;
}

.otokucam_title h2{
    position: relative;
    padding: 1.5rem;
    text-align: center;
    font-size: 3vw;
}

.otokucam_title h2:before {
    position: absolute;
    bottom: 5px;
    left: calc(50% - 40px);
    width: 80px;
    height: 5px;
    content: '';
    border-radius: 3px;
    background: #990808;
}

.sp_otokucam_title{
    margin-bottom: 3%;
    margin-top: -5%;
}

.sp_otokucam_title h2{
    position: relative;
    padding: 1.5rem;
    text-align: center;
    font-size: 5.5vw;
}

.sp_otokucam_title h2:before {
    position: absolute;
    bottom: 5px;
    left: calc(50% - 40px);
    width: 80px;
    height: 5px;
    content: '';
    border-radius: 3px;
    background: #990808;
}


a.otoku_link {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 34vw;
	margin: auto;
	padding: 2rem 4rem;
	border-radius: 100vw;
	color: #fff;
    background: #0f2370;
    font-size: 2vw;
    font-weight: bold;
    margin-top: 3%;
}
a.otoku_link:hover {
	background-position: right center;
	background-size: 200% auto;
	-webkit-animation: pulse 2s infinite;
	animation: shad26 1.5s infinite;
	color: #fff;
    opacity:0.95;
}
@keyframes shad26 {
	0% {box-shadow: 0 0 0 0 #27acd9;}
	70% {box-shadow: 0 0 0 10px rgb(39 172 217 / 0%);}
	100% {box-shadow: 0 0 0 0 rgb(39 172 217 / 0%);}
}

a.sp_otoku_link {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 60vw;
	margin: auto;
	padding: 2rem 4rem;
	border-radius: 100vw;
	color: #fff;
    background: #0f2370;
    font-size: 3.7vw;
    font-weight: bold;
    margin-top: 3%;
}
a.sp_otoku_link:hover {
	background-position: right center;
	background-size: 200% auto;
	-webkit-animation: pulse 2s infinite;
	animation: shad26 1.5s infinite;
	color: #fff;
    opacity:0.95;
}
@keyframes shad26 {
	0% {box-shadow: 0 0 0 0 #27acd9;}
	70% {box-shadow: 0 0 0 10px rgb(39 172 217 / 0%);}
	100% {box-shadow: 0 0 0 0 rgb(39 172 217 / 0%);}
}