@charset "UTF-8";
/*----------------------------------------------------
  radicon
----------------------------------------------------*/
#radicon-special{
	background:#AFCF10 url(/radio/radi-con/assets/img/bg_border.png) repeat-x bottom left;
	font-family: 新丸ゴ R;
}

#radicon-special section{
	margin:auto;
}

#radicon-special h2 {
    margin-bottom: 2rem;
    padding: 1rem 5rem;
    color: #595757;
    outline: 2px solid #FEF5CC;
    outline-offset: -7px;
    background-color: #FACD01;
    font-size: 22px;
    border-radius:25px;
    text-align:center;
	font-family: 新丸ゴ M;
}

.icon_cup{
	background-image:url(/radio/radi-con/assets/img/icon_trophy.png),url(/radio/radi-con/assets/img/icon_trophy.png) ;
	background-repeat: no-repeat;
	background-position: left .5rem center,right .5rem center;
	background-size:3.5rem;
}

.icon_onpu{
	background-image:url(/radio/radi-con/assets/img/icon_onpu.png),url(/radio/radi-con/assets/img/icon_onpu.png) ;
	background-repeat: no-repeat;
	background-position: left .5rem center,right .5rem center;
	background-size:3.5rem;
}

.btnarrow {
    display: block;
    line-height: 1.25;
    text-decoration: none;
    background: #FFFFFF;
    border: none;
    border-radius: 12px;
    padding: 1rem;
    text-align: center;
    position: relative;
    cursor: pointer;
    width: 100%;
	margin:0 auto 1rem auto;
    outline: none;
}

.btnarrow span{
	position: relative;
	padding-left: 1.5rem;
}

.btnarrow span:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0.1rem;
    left: 0;
    margin: auto;
    width: 0.6rem;
    height: 0.6rem;
    border-top: 3px solid #FACD01;
    border-right: 3px solid #FACD01;
    transform: rotate(45deg);
}

#sub a:hover {
    text-decoration: none !important;
}

@media screen and (min-width: 992px) {
    .btnarrow span{
        position: relative;
        padding-left: 1rem;
    }
}

/*----------------------------------------------------
  radicon-results
----------------------------------------------------*/
#radicon-special2.result h2{
	padding:1.5rem;
	color:#FFFFFF;
	text-align:center;
	background-color: #03A396;background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #0DA79B), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #0DA79B),color-stop(.75, #0DA79B), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 20px 20px;
	font-family: 新丸ゴ M;
}

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

}

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

}


/*----------------------------------------------------
  radicon-class
----------------------------------------------------*/
#radicon-special2.class h2{
	padding:1.5rem;
	color:#FFFFFF;
	text-align:center;
	background-color: #F5584B;background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F56153), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F56153),color-stop(.75, #F56153), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 20px 20px;
	font-family: 新丸ゴ M;
}

#radicon-special2.class h3 {
    margin-bottom: 2rem;
    padding: 1rem;
    color: #FFFFFF;
    outline: 2px dashed #F7BCB7;
    outline-offset: -7px;
    background-color: #F5584B;
    font-size: 22px;
    border-radius:25px;
    text-align:center;
	font-family: 新丸ゴ M;
	margin:0 auto 2rem auto;
}

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

}

@media screen and (min-width: 992px) {
	#radicon-special2.class h3 {
		margin-bottom: 2rem;
		padding: 1.5rem;
		margin:0 auto 2rem auto;
	}
}

/*----------------------------------------------------
  共通
----------------------------------------------------*/
.font--marugo-r { font-family: 新丸ゴ R; }
.font--marugo-m { font-family: 新丸ゴ M; }
.font--marugo-b { font-family: 新丸ゴ B; }

button{
    outline: none !important;
}

#radicon-special2{
	background:#FEEBCB url(/radio/radi-con/assets/img/bg_border.png) repeat-x bottom left;
	font-family: 新丸ゴ R;
	padding-bottom:2.5rem;
}

#radicon-special2 section{
	margin:auto;
}

#radicon-special2 #sub{
	background:#FFFFFF;
	margin:1.5rem auto;
}

.sub-cont{
	padding:0 1rem 1rem 1rem;
}

.txtbox{
    padding: 1rem;
	outline: 1px solid #E3DDB3;
    outline-offset: -7px;
    background-color: #FBF8E2;
	width:95%;
	margin:1.5rem auto;
}

.btnarrow-y {
    display: block;
    line-height: 1.25;
    text-decoration: none;
	color:#595757;
    background: #FACD01;
    border: none;
    border-radius: 50px;
    padding: 1rem 2rem;
    text-align: center;
    position: relative;
    cursor: pointer;
    /* width: 100%; */
	margin:0 auto 1rem auto;
}

.btnarrow-y span{
	position: relative;
	padding-left: 1.5rem;
}

.btnarrow-y span:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0.1rem;
    left: 0;
    margin: auto;
    width: 0.6rem;
    height: 0.6rem;
    border-top: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF;
    transform: rotate(45deg);
	font-family: 新丸ゴ M;
	font-size:18px;
}

.btnarea a:hover {
    text-decoration: none !important;
}

@media screen and (min-width: 992px) {
	#radicon-special2{
		padding-bottom:3rem;
	}

	#radicon-special2 #sub{
		margin:3rem auto;
	}

	.sub-cont{
		width:85%;
		margin:auto;
		padding:0 1rem 2.5rem 1rem;
	}

	.txtbox{
		width:85%;
		margin:2.5rem auto;
	}

	
}