.cl_common_bloc_inner{background-color:rgba(245, 245, 245, 0.95) !important;}

#id_error_blank{display:block; width:100%; min-height:10px;}

/*
================================================================================================================
ERROR
================================================================================================================
*/
#id_error_inner{
display:block;
width:100%;
max-width:980px;
/*background-color:rgba(245,245,245,0.9);*/
padding:20px;
margin:20px auto;}
#id_error_inner:after,
.cl_login_inner:after,
.cl_eaminfo_inner:after{visibility:hidden; display:block; content:" "; clear:both; height:0;}

/*注意テキスト*/
#id_error_inner .cl_notice{width:100%; font-size:14px; text-align:center;}

/*共通*/
.cl_login_inner,
.cl_eaminfo_inner{
display:block;
width:90%;
margin:20px auto;}

/*ログイン*/
.cl_login_inner div{
float:left;
width:50%;
font-size:12px;
letter-spacing:1px;
text-align:center;
margin:20px auto;}
.cl_login_inner div:first-child{border-right:1px dashed #000;}
.cl_login_inner div:first-child span{background-color:#ff01a2;}
.cl_login_inner div:last-child span{background-color:#45c322;}
.cl_login_inner div span{
display:block;
width:60%;
text-align:center;
letter-spacing:normal;
background-color:#0066FF;
margin:0 auto 10px;
border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.cl_login_inner div span img{width:80%; max-width:200px;}
.cl_login_inner div span a{display:block; padding:5px 0;}
.cl_login_inner div span a:hover img{opacity:0.8;}

/*eAMUSEMENTサイトでできること*/
.cl_eaminfo_inner{
background-image:url(../img/common/frame_black/1.png),url(../img/common/frame_black/2.png),url(../img/common/frame_black/3.png),url(../img/common/frame_black/4.png);
background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
background-position:top left, top right, bottom right, bottom left;}
.cl_eaminfo_inner span{
display:block;
width:100%;
color:#000;
font-size:16px;
font-weight:bold;
text-align:center;}
.cl_eaminfo_inner span img{width:100%; max-width:300px;}
.cl_eaminfo_inner div{
float:left;
display:block;
width:47%;
height:140px;
background-color:#dcdadf;
text-align:left;
padding:30px 20px;
margin:10px 1.5% 10px;
box-shadow:4px 4px 0px 0px #000;}
#id_error_inner .cl_eaminfo_inner div{
    margin: 10px 1.5% 30px;
}
.cl_eaminfo_inner div:nth-child(2){
background-image:url(../img/err/bg_1.png);
background-repeat:no-repeat;
background-position:center right;}
.cl_eaminfo_inner div:last-child{
background-image:url(../img/err/bg_2.png);
background-repeat:no-repeat;
background-position:center right;}
.cl_eaminfo_inner div span{display:block; width:100%; text-align:left; margin-bottom:5px;}
.cl_eaminfo_inner div span img{width:100%;max-width: 140px;}
.cl_eaminfo_inner div p{font-size:13px; font-weight:bold; letter-spacing:0.5px; margin-left:10px; line-height: 12px;}
.cl_eaminfo_inner div p img{width:20px; margin-bottom:5px;}

/*プレーデータなしエラー*/
#id_no_data_inner{
display:block;
width:100%;
max-width:980px;
/*background-color:rgba(245,245,245,0.9);*/
padding:20px;
margin:20px auto;}
#id_no_data_inner p{width:100%; font-size:14px; text-align:center;}
#id_no_data_inner p .cl_br_show{display:none;}
#id_no_data_inner p .cl_br_hide{display:block;}
#id_no_data_inner .cl_btn_back{width:40% !important; max-width:none;}

/*ベーシックコースエラー*/
#id_basic_inner{
display:block;
width:100%;
max-width:980px;
/*background-color:rgba(245,245,245,0.9);*/
padding:20px;
margin:20px auto;}
#id_basic_inner p{width:100%; font-size:14px; text-align:center;}
#id_basic_inner p .cl_br_show{display:none;}
#id_basic_inner p .cl_br_hide{display:block;}
#id_basic_inner .cl_btn_back{width:40% !important; max-width:none;}

/*プレミアムコースエラー*/
#id_premium_inner{
display:block;
width:100%;
max-width:980px;
/*background-color:rgba(245,245,245,0.9);*/
padding:20px;
margin:20px auto;}
#id_premium_inner p{width:100%; font-size:14px; text-align:center;}
#id_premium_inner p .cl_br_show{display:none;}
#id_premium_inner p .cl_br_hide{display:block;}
#id_premium_inner .cl_btn_back{width:40% !important; max-width:none;}

/*システムエラー*/
#id_system_inner{
display:block;
width:100%;
max-width:980px;
/*background-color:rgba(245,245,245,0.9);*/
padding:20px;
margin:20px auto;}
#id_system_inner p{width:100%; font-size:14px; text-align:center;}
#id_system_inner p .cl_br_show{display:none;}
#id_system_inner p .cl_br_hide{display:block;}
#id_system_inner .cl_btn_back{width:40% !important; max-width:none;}

@media screen and (max-width:800px){
.cl_login_inner{margin:20px auto 50px;}
.cl_login_inner div{float:none; width:90%;}
.cl_login_inner div:first-child{border-right:none;}

.cl_eaminfo_inner{padding:20px 0;}
.cl_eaminfo_inner div{float:none; width:90%; margin:20px 5%;}

#id_no_data_inner{font-size:13px;}
#id_no_data_inner p{width:90%; font-size:13px; text-align:left; margin:0 auto;}
#id_no_data_inner p .cl_br_show{display:block;}
#id_no_data_inner p .cl_br_hide{display:none;}
#id_no_data_inner .cl_btn_back{width:90% !important; font-size:14px;}

#id_basic_inner{font-size:13px;}
#id_basic_inner p{width:90%; font-size:13px; text-align:left; margin:0 auto;}
#id_basic_inner p .cl_br_show{display:block;}
#id_basic_inner p .cl_br_hide{display:none;}
#id_basic_inner .cl_btn_back{width:90% !important; font-size:14px;}

#id_premium_inner{font-size:13px;}
#id_premium_inner p{width:90%; font-size:13px; text-align:left; margin:0 auto;}
#id_premium_inner p .cl_br_show{display:block;}
#id_premium_inner p .cl_br_hide{display:none;}
#id_premium_inner .cl_btn_back{width:90% !important; font-size:14px;}

#id_system_inner{font-size:13px;}
#id_system_inner p{width:90%; font-size:13px; text-align:left; margin:0 auto;}
#id_system_inner p .cl_br_show{display:block;}
#id_system_inner p .cl_br_hide{display:none;}
#id_system_inner .cl_btn_back{width:90% !important; font-size:14px;}

}


@media screen and (max-width:480px){
#id_error_inner{padding:10px;}
#id_error_inner .cl_notice{width:90%; font-size:13px; margin:0 auto;}
#id_error_inner .cl_notice br{display:none;}

#id_basic_inner{padding:10px;}
#id_basic_inner .cl_notice{width:90%; font-size:13px; margin:0 auto;}
#id_basic_inner .cl_notice br{display:none;}

#id_premium_inner{padding:10px;}
#id_premium_inner .cl_notice{width:90%; font-size:13px; margin:0 auto;}
#id_premium_inner .cl_notice br{display:none;}

#id_system_inner{padding:10px;}
#id_system_inner .cl_notice{width:90%; font-size:13px; margin:0 auto;}
#id_system_inner .cl_notice br{display:none;}

.cl_login_inner{width:100%;}
.cl_login_inner div{width:80%; font-size:11px;}
.cl_login_inner div span{width:100%;}
.cl_login_inner br{display:none;}

.cl_eaminfo_inner{width:100%;}
.cl_eaminfo_inner div{width:98%; margin:20px 1%;}
.cl_eaminfo_inner span{font-size:14px;}
.cl_eaminfo_inner span img{max-width:270px;}
.cl_eaminfo_inner div span img{max-width:130px;}}

@media screen and (max-width:400px){
.cl_eaminfo_inner div{height:110px; padding:10px 20px;}
.cl_eaminfo_inner div:last-child{background-image:url(../img/err/bg_sp_2.png);}
.cl_eaminfo_inner div:nth-child(2){background-image:url(../img/err/bg_sp_1.png);}}



/*inc_loginerr用*/
#id_inc_basic_inner .cl_eaminfo_inner{
display:block;
width:90%;
color:#000;
font-size:16px;
font-weight:bold;
text-align:center;
margin:20px auto;}
#id_inc_basic_inner .cl_eaminfo_inner div{
display:block;
width:47%;
height:140px;
background-color:#dcdadf;
background-image:url(../img/err/bg_3.png),url(../img/err/bg_4.png);
background-repeat:no-repeat,no-repeat;
background-position:center right,top left;
text-align:left;
padding:30px 20px;
margin:10px 26.5% 20px !important;
box-shadow:4px 4px 0px 0px #000;}

#id_inc_basic_inner .cl_eaminfo_inner div span{display:block; width:100%; text-align:left; margin-bottom:5px;}
#id_inc_basic_inner .cl_eaminfo_inner div span img{width:100%; max-width:144px;}
#id_inc_basic_inner .cl_eaminfo_inner div p{font-size:14px; line-height:16px; font-weight:bold; letter-spacing:0.5px; margin-left:10px;}

#id_inc_basic_inner #id_eam_basic{padding-bottom:30px;}
#id_inc_basic_inner #id_eam_basic .cl_btn_back{width:47% !important; max-width:none;}

@media screen and (max-width:800px){
#id_inc_basic_inner .cl_eaminfo_inner{padding:20px 0;}
#id_inc_basic_inner .cl_eaminfo_inner div{width:90%; margin:20px 5% !important;}

#id_inc_basic_inner #id_eam_basic .cl_btn_back{width:60% !important;}}

@media screen and (max-width:480px){
/*#id_inc_basic_inner .cl_eaminfo_inner{width:100%;}*/
#id_inc_basic_inner .cl_eaminfo_inner div{width:98%; margin:20px 1% !important;}
#id_inc_basic_inner .cl_eaminfo_inner div span img{max-width:130px;}

#id_inc_basic_inner #id_eam_basic .cl_btn_back{width:80% !important;}}

@media screen and (max-width:400px){
#id_inc_basic_inner .cl_eaminfo_inner div{
height:110px;
background-image:url(../img/err/bg_sp_3.png),url(../img/err/bg_4.png);
padding:25px 20px 10px;}
#id_inc_basic_inner #id_eam_basic .cl_btn_back{width:98% !important;}}