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

/*
==========================================================================
スライドバナー 基本機能
==========================================================================
*/


#container_banner{
  position:relative;
  width:100%;
  margin:0px auto 0 auto;
  padding:0;
  pointer-events: none;/*背面要素の操作を可能にする*/
}
.center {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 20px 0;
  position: relative;
}
.slider {
  position: absolute;
  width:100%;
  height: auto;
}
/*バナー*/

.slider_all{
  position: relative;
  background-color: transparent;
  border-top:solid 4px #4c1b0e;
  border-bottom:solid 4px #4c1b0e;
  box-shadow:#4c1b0e 1px 1px 10px;
}
.slider_bg01{
  position: absolute;
  width:100%;
  height:100%;
  bottom:0;
  background: linear-gradient(
  -45deg,
  #6f292e 25%,
  #9a302d 25%, #9a302d 50%,
  #6f292e 50%, #6f292e 75%,
  #9a302d 75%, #9a302d
  );
  /* 幅8px、高さ8pxで背景画像のサイズを指定 */
  background-size: 8px 8px;
  opacity:0.9;
  border-top:solid 2px #fff;
  border-bottom:solid 2px #fff;
}
.slider_bg02{
  position: absolute;
  width:100%;
  height:100%;
  bottom:0;
  border-top:solid 3px #000;
  border-bottom:solid 3px #000;
}
.slider_bg03{
  position: absolute;
  width:100%;
  height:100%;
  bottom:0;
  border-top:solid 4px #93937e;
  border-bottom:solid 4px #93937e;
}
.slider_bg04{
  position: absolute;
  width:100%;
  height:100%;
  bottom:0;
  border-top:solid 3px /*rgba(5,10,60,1.0);*/#000;
  border-bottom:solid 3px /*rgba(5,10,60,1.0);*/#000;
}
/*両サイドグラデーション（初期値は非表示）*/
.gra_left img {
  display: none;
}
.gra_right img {
  display: none;
}

@media only screen and (min-width: 980px) {
/*Width980以上の時のみ両サイドグラデーション表示*/
.gra_left img {
  display:block;
  position: absolute;
  left:0px;
  top:12px;
  float:left;
  height:calc(100% - 24px);
}
.gra_right img {
  display:block;
  position: absolute;
  right:0px;
  top:12px;
  float:right;
  height:calc(100% - 24px);
}
}

@media all and screen and (max-width: 979px) {
#slider {
  position:relative;
  width:100%;
  margin:0 auto;
}
}

/*スライドバナー*/
/*bnr*/
#top_banner li{
width:600px;height:300px;text-align:left;position:relative;
}
#top_banner li img {
  display: block;
  max-width: 100%;
  max-height:100%;
  margin: 0 5px;
}

@media all and (max-width: 800px) {
/*スライドバナー*/
#top_banner li{
  max-width:340px;
  max-height:170px;
}
}

@media all and (max-width: 400px) {
#top_banner li{
  display: block;
  max-width: 300px;
  max-height: 150px;
}
}

/*バナー*/
div.bnr{
width:100%;height:100%;
}
div.bnr > p{
width:66%;font-size:18px;text-align:center;padding:5% 0px 0px 1.3%;font-weight:bold;color:#FFFFFF;
}
div.bnr div.now_state{
width:32%;height:0px;padding-top:8.7%;background-size:100% 100% !important;position:absolute;top:5%;right:0px;
}

div.bnr div.detail{
color:#fff;
}
div.bnr div.detail > div.date_box{
font-size:18px;
}
div.bnr div.detail > div.date_box > div:first-of-type{
position:absolute;top:40%;right:2%;
}
div.bnr div.detail > div.date_box > div:nth-of-type(2){
position:absolute;top:76%;right:2%;
}

/*検定*/
div.bnr div.detail > div.imgbox{
top:20%;left:15px;width:62%;position:absolute;
}
div.bnr_kentei{
background:url("../images/common/bnr/banner_kentei.jpg");
}
div.bnr_arc_kentei{
background:url("../images/common/bnr/banner_arc.jpg");
}
div.bnr_eacloud_arc_kentei{
background:url("../images/common/bnr/banner_konasta.jpg");
}
div.bnr_kentei_w{
background:url("../images/common/bnr/banner_kentei_w.jpg");
}
div.bnr div.now_kentei{
background:url("../images/common/bnr/sign_now_kentei.png");/*background-size:134px 36px;*/
}

div.bnr div.next_kentei{
background:url("../images/common/bnr/sign_next_kentei.png");/*background-size:134px 36px;*/
}

div.bnr div.now_kentei_w{
background:url("../images/common/bnr/sign_now_kentei_w.png");/*background-size:134px 36px;*/
}

div.bnr div.next_kentei_w{
background:url("../images/common/bnr/sign_next_kentei_w.png");/*background-size:134px 36px;*/
}

div.bnr div.now_arc_kentei{
background:url("../images/common/bnr/sign_now_arc.png");/*background-size:134px 36px;*/
}

div.bnr div.next_arc_kentei{
background:url("../images/common/bnr/sign_next_arc.png");/*background-size:134px 36px;*/
}

div.bnr div.now_coop{
background:url("../images/common/bnr/sign_now_enm.png");/*background-size:134px 36px;*/
}
div.bnr div.next_coop{
background:url("../images/common/bnr/sign_next_enm.png");/*background-size:134px 36px;*/
}



/*協力*/

div.bnr_coop{
background:url("../images/common/bnr/banner_coop.jpg");
}
div.bnr_mc{
background:url("../images/common/bnr/banner_mc.jpg");
}

div.bnr_mc div.detail div.imgbox,
div.bnr_coop div.detail div.imgbox{
width:65%;position:absolute;bottom:12%;top:auto;left:2%;
}
div.ewday{
position:absolute;
top:2%;right:1%;color:#fff;font-weight:bold;
font-size:16px;background:rgba(0,0,0,0.5);padding:1% 2%;
}


/*トナメ*/
div.bnr_toulim_sp{
background:url("../images/common/bnr/toulimi/banner_toulimi_sp.jpg") no-repeat;background-size:100% 100%;
}
div.bnr_toulim_an{
background:url("../images/common/bnr/toulimi/banner_toulimi_an.jpg") no-repeat;background-size:100% 100%;
}
div.bnr_toulim_ri{
background:url("../images/common/bnr/toulimi/banner_toulimi_ri.jpg") no-repeat;background-size:100% 100%;
}
div.bnr_toulim_li{
background:url("../images/common/bnr/toulimi/banner_toulimi_li.jpg") no-repeat;background-size:100% 100%;
}
div.bnr_toulim_sh{
background:url("../images/common/bnr/toulimi/banner_toulimi_sh.jpg") no-repeat;background-size:100% 100%;
}
div.bnr_toulim_bun{
background:url("../images/common/bnr/toulimi/banner_toulimi_bun.jpg") no-repeat;background-size:100% 100%;
}
div.bnr_toulim_ge{
background:url("../images/common/bnr/toulimi/banner_toulimi_ge.jpg") no-repeat;background-size:100% 100%;
}
div.bnr_toulim_no{
background:url("../images/common/bnr/toulimi/banner_toulimi_no.jpg") no-repeat;background-size:100% 100%;
}
div.soon{
background:url("../images/common/bnr/toulimi/banner_toulimi_efpre.png") no-repeat,rgba(0,0,0,0.5);background-size:100% 100%;
width:100%;height:0px;padding-top:50%;position:absolute;bottom:0px;left:0px;
}

div.bnr div.now_toulim{
background:url("../images/common/bnr/sign_toulim.png")/*background-size:134px 36px;*/
}

div.bnr div.next_toulim{
background:url("../images/common/bnr/sign_next_toulim.png")/*background-size:134px 36px;*/
}

div.bnr div.now_state{
position:absolute;top:3%;right:0%;
}
div.toulim div.detail{
color:#fff;font-size:18px;height:100%;
}

div.toulim div.start{
position:absolute;top:40%;right:2%;
}
div.toulim div.end{
position:absolute;top:76%;right:2%;
}
div.toulim div.title{
position:absolute;bottom:11%;left:2%;font-size:14px;width:65%;text-align:center;font-size:18px;
}

div.toulim div.sub_title{
width:65%;font-size:15px;color:#ffff00;text-align:center;
font-weight:bold;position:absolute;bottom:3%;left:2%;font-size:18px;
}
div.bnr_toulim_an div.sub_title{
color:#00bfff;
}
div.bnr_toulim_ri div.sub_title{
color:#bb5deb;
}
div.bnr_toulim_sp div.sub_title{
color:#FF0000;
}
div.bnr_toulim_ge div.sub_title{
color:#3cb371;
}
div.bnr_toulim_bun div.sub_title{
color:#0075c2;
}
div.bnr_toulim_no div.sub_title{
color:#d0d0d0;
}
div.bnr_toulim_sh div.sub_title{
color:#ffa500;
}

 @media all and (max-width: 800px) {
/*スライドバナー*/
div.bnr {
  display: block;
  width: 340px;
  height:170px;
  margin: 0 5px;
  background-size:100% 100%;
}

div.bnr div.date_box div,
div.ewday,
div.toulim div.title,
div.toulim div.sub_title{
font-size:11px;
}
div.bnr p{
font-size:15px;
}
}

@media all and (min-width: 0px) and (max-width: 400px) {
/*スライドバナー*/
div.bnr {
  background-size:100% 100%;
  display: block;
  width: 300px;
  height:150px;
  margin:0 5px;
}

div.bnr div.date_box div,
div.toulim div.title,
div.toulim div.sub_title,
div.exday{
font-size:10px;
}
div.bnr > p{
font-size:12px;
}
}

/*
==========================================================================
スライドバナースライドショー NEXT・PREVボタン
==========================================================================
*/
#arrows {
  position:absolute;
  width:100%;
  top:50%;
}
/*PREV*/
#arrows .slick-prev, #arrows .slick-prev:focus {
  left: 5px;
  background-image:url(../images/top/slide_eff/prev_on.png)
}
#arrows .slick-prev:hover {
  left: 5px;
  background-image:url(../images/top/slide_eff/prev_off.png)
}
/*NEXT*/
#arrows .slick-next, #arrows .slick-next:focus {
  right: 5px;
  background-image:url(../images/top/slide_eff/next_on.png)
}
#arrows .slick-next:hover {
  right: 5px;
  background-image:url(../images/top/slide_eff/next_off.png)
}

#arrows .slick-prev, #arrows .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 0%;
  display: block;
  width: 40px;
  height: 40px;
  margin-top: 0px;
  padding: 0;
  cursor: pointer;
  color:;
  border: none;
  outline: none;
  background:;
  background-color:transparent;
}