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

.cmnBtnOR80,.cmnBtnWin80,.cmnBtnOR60,.cmnBtnWH60,.cmnBtnWin60 {display: block; position: relative; margin: auto; overflow: visible; font-size: 24px; line-height: 30px; border: 1px solid #FF7F00; font-weight: 700; transition: .5s;}
.cmnBtnOR80,.cmnBtnWin80,.cmnBtnOR60,.cmnBtnWin60 {background-color: #FF7F00; color: #FFFFFF;}
.cmnBtnWH60 {background-color: #FFF; color: #FF7F00;}
.cmnBtnOR80,.cmnBtnOR60 {background-image: url("img/cmn/line_wh100.svg"); background-repeat: no-repeat; background-position: right 20px center; background-size: 100px 5px;}
.cmnBtnWin80,.cmnBtnWin60 {background-image: url("img/cmn/line_wh100.svg"),url("img/cmn/icon_win.svg"); background-repeat: no-repeat; background-position: right 20px center,left 20px center; background-size: 100px 5px,30px 30px;}
a.cmnBtnOR80,a.cmnBtnWin80,a.cmnBtnOR60,a.cmnBtnWin60 {color: #FFF;}
a.cmnBtnWH60 {color: #FF7F00;}
a.cmnBtnOR80:hover,a.cmnBtnWin80:hover,a.cmnBtnOR60:hover,a.cmnBtnWin60:hover {opacity: 1; color: #FF7F00; background-color: #FFF;}
a.cmnBtnWH60:hover {opacity: 1; color: #FFF; background-color: #FF7F00;}
a.cmnBtnOR80:hover,a.cmnBtnOR60:hover {background-image: url("img/cmn/line_or50.svg"); background-repeat: no-repeat; background-position: right -10px center; background-size: 50px 5px;}
a.cmnBtnWin80:hover,a.cmnBtnWin60:hover {background-image: url("img/cmn/line_or50.svg"),url("img/cmn/icon_winor.svg"); background-position: right -10px center,left 20px center; background-size: 50px 5px,30px 30px;}

.cmnBtnOR80 {width: calc(100% - 142px); padding: 24px 120px 24px 20px;}

.cmnBtnWin80 {width: calc(100% - 192px); padding: 24px 120px 24px 70px;}

.cmnBtnOR60 {width: calc(100% - 142px); padding: 14px 120px 14px 20px; font-size: 20px!important;}

.cmnBtnWH60 {width: calc(100% - 142px); padding: 14px 120px 14px 20px; font-size: 20px!important; background-image: url("img/cmn/line_or100.svg"); background-repeat: no-repeat; background-position: right 20px center; background-position: right 20px center,left 20px center; background-size: 100px 5px;}
a.cmnBtnWH60:hover {background-image: url("img/cmn/line_wh50.svg"); background-position: right -10px center; background-size: 50px 5px;}

.cmnBtnWin60 {width: calc(100% - 192px); padding: 14px 120px 14px 70px; font-size: 20px!important;}

@media screen and (max-width: 1024px) {
	.cmnBtnOR80,.cmnBtnWin80,.cmnBtnOR60,.cmnBtnWH60,.cmnBtnWin60,.cmnBtnWH60 {font-size: 20px; line-height: 24px;}
	.cmnBtnOR80 {padding: 14px 120px 14px 20px;}
	.cmnBtnWin80 {padding: 14px 120px 14px 70px;}
}
@media screen and (max-width: 600px) {
	.cmnBtnOR80,.cmnBtnWin80,.cmnBtnOR60,.cmnBtnWH60,.cmnBtnWin60,.cmnBtnWH60 {font-size: 18px; line-height: 22px;}
	.cmnBtnOR80,.cmnBtnOR60,.cmnBtnWH60 {padding: 10px 120px 10px 20px;}
	.cmnBtnWin80,.cmnBtnWin60 {padding: 10px 120px 10px 70px;}
}