@charset "utf-8";
/* CSS Document */
/* HTML */
html {

}
body {
}


#slder_back{ width:100%;  z-index:-9999; margin-top:-10px;}



#logo{ position:absolute; top:8px; z-index:9999; }

.h_right_01{ background-image:url(../img/top/img_02.jpg); width:598px; height:28px;  background-repeat:no-repeat;}



#language{ width:1000px;  

background:linear-gradient(90deg,#BD2F2F 0%,#BD2F2F 30%,#db121c 70%,#db121c 100%);

padding-top:10px; padding-bottom:10px; 

border-top-left-radius: 90px;
  border-top-right-radius: 90px;
  border-bottom-right-radius: 90px;
  border-bottom-left-radius: 90px;

 margin:10px auto;
 text-align:center;
 }
 #language a{ font-size:17px; color:#FFFFFF; text-decoration:none;}
 
 
 /**/
#consult{  width:1000px; margin:10px auto;
		} 


  
  
 
/*イベントスケジュール制御*/ 

#month{ width:100%; text-align:center; border-top:1px solid #e30617; margin-top:30px; float:left; }

#month .month_in{ width:190px; margin:0 auto;}

#month img{ float:left;}

#month .month_car{ background-image:url(../img/top/img_12.jpg); background-repeat:no-repeat; width:147px; float:left; padding-top:10px; padding-bottom:20px;} 

#month .month_car p{ color:#FFFFFF; text-align:center; margin:0; padding:0; line-height:150%;}

#month .tuki{ font-size:28px; font-weight:bold;}

#topic{ margin:0 auto; width:100% text-align:center; border-top:1px solid #dd0d1a;border-bottom:1px solid #dd0d1a; background-color:#f4f0d5;
}
#topic_in{ width:1000px; margin:0 auto;}

#topic_in .t_left{ width:625px; float:left;background:linear-gradient(90deg,#BD2F2F 0%,#BD2F2F 30%,#db121c 70%,#db121c 100%); padding:0 30px 38px 38px;  

 }
 
 .t_left_in{ background-color:#FFFFFF;
 border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px; padding-left:20px; padding-right:20px; padding-bottom:20px; padding-top:20px;
  float:left; }
 
#topic_in .t_right{ width:374px; float:right;

 } 

.t_left02{ width:250px; float:left; padding-top:10px;}
.t_right02{ width:260px; float:right; padding-top:10px;}

#topic_in p{ line-height:160%; margin:0; padding:0; font-size:16px;}

.t_title{ font-size:30px; font-weight:bold; line-height:140%;}

.t_red{ color:#BD2F2F; font-weight:bold;}
.t_small{ font-size:14px;}


/*お知らせ*/ 

#topic2{ width:100%;  border-bottom:1px solid #dd0d1a;
 padding-left:20px;}

#topic2 p{ font-size:14px; line-height:160%; }

#topic2 .t2_left{ float:left; width:610px;}

#topic2 .t2_left img{ width:25%; height:auto; margin:0 auto; text-align:center;}

#topic2 .t2_right{ float:right; width:385px;}
#topic2 .t2_right img{ float:left; width:50%; height:auto;}


#square{ float:left; width:100%; margin-bottom:30px;}



/*#square img{ width:100%; height:auto;}*/

#square ul li{ float:left; width:25%;  margin:0%; list-style:none; }




#drop_back{ float:left; }

#drop_back a:hover{ opacity:0.7; margin:0; padding:0;}

<!---------pulldown end------->

/*３個のメニュー*/

#nav02 a:hover{ opacity:1; margin:0; padding:0;}

#nav02{ float:left; width:1002px; margin-bottom:0;  }

/*Link*/
#link{ padding-top:40px;}

.img_link{ margin-right:70px; margin-bottom:30px;}
.img_link02{margin-bottom:30px;}




/*イベントスライダー用*/
.swiper-container {
      width: 100%;
      height: 100%;
    }
	

/*モバイル4つバナー(dropdown)*/
.m_dropdown {
  position: relative;
  display: inline-block;
  width:50%;
  float:left;
  margin-bottom:-10px;
  
}

.m_dropdown img{ width:100%; height:auto;}

.m_dropdown-content {
  display: none;
  position: absolute;
  /*background-color: #f9f9f9;*/
  width:200%;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;*/
  z-index: 1;
  margin-top:-10px;
  
}

.dropdown p{padding:0; margin-bottom:7px;}

.m_dropdown-content_in {
width:100%;
float:left;
}

.m_dropdown-content_in_02 {
width:100%;
text-align:center;
background-image:url(../img/top/m_04img_03.jpg); background-repeat:repeat-y;background-size: contain;
}

.m_dropdown-content_in_02 img{
width:100%; height:auto; float:left;

}

.m_dropdown-content_in_02 p{ margin:0; padding:0;} 

.m_dropdown-content_in img{
width:50%; height:auto; float:left;

}

.m_dropdown:hover .m_dropdown-content {
  display: block;
}

/*イベントスケジュール*/

#sched p{ line-height:140%; margin:0 0 5px 0;}

#sched a{ font-size:14px; text-decoration:none;}

#sched .sched_left img{ width:100%; height:auto; }


#sched .sched_right{ float:right; width:100%; padding:4%; }


#sched03 p{ line-height:140%; margin:0 0 5px 0;}

#sched03 a{ font-size:14px; text-decoration:none;}

#sched03 .sched_left img{ width:100%; height:auto;}


#sched03 .sched_right{ float:right; width:100%; padding:4%; }


/**/

.dropdown:hover .dropdown-content04 {
    display: block;
}

.dropdown-content04 {
    display: none;
    position: absolute;
    /*background-color: #f4efd3;*/
	width:1002px; height:219px;
	background-image: url(/ep/img/top/consul_back.jpg); background-repeat:no-repeat;
   /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
    z-index: 9999;
	padding-top:15px;
	padding-left:20px;
	margin-left:0px;
	margin-top:-227px;
}

.consul_left { float:left; width:390px;}
.consul_left p{ line-height:142%;}
.consul_right { float:right; width:590px;}
.consul_right p{ line-height:142%;}

   
@media screen and (max-width : 750px) {

.eve_sch img{ width:100%; height:auto;}

#language{ display:none;}

#consult{ display:none;}

/**/
#m_sodan{ float:left; width:100%; background-image:url(../img/top/m_04img_03.jpg); background-repeat:repeat-y;background-size: contain;
padding-bottom:3%; }  

#m_sodan .m_s_left{ width:43%; float:left; padding-left:7%; text-align:left;}

#m_sodan .m_s_right{ width:43%; float:right; padding-right:7%; text-align:left; }

#m_sodan ul li{ font-size:1em; line-height:140%; text-align:left; list-style:square; color:#c5282c; margin-bottom:4%;}

/*イベントスケジュール*/

#sched{ width:48%;  font-size:14px; background-color:#EDEDED; padding:0%; margin-right:1%; margin-left:1%; float:left; margin-bottom:2.5%; }



/*右の固定*/

#sched03{ width:48%;  font-size:14px; background-color:#EDEDED; padding:0%; margin-right:1%; float:left; margin-bottom:2.5%; }



#topic_in .t_right{ display:none;}

#topic_in{ width:100%; margin:0 auto;}

#topic_in .t_left{ width:100%;background:linear-gradient(90deg,#BD2F2F 0%,#BD2F2F 30%,#db121c 70%,#db121c 100%); padding:1% 5% 5% 5%;  


 }
 
.t_left02{ width:100%; padding-top:10px;}
.t_right02{ width:100%; float:right; padding-top:10px;}
  
  
 
 #topic_in .t_left img{ width:60%; height:auto;}
 
 #topic2{ width:100%;  border-bottom:1px solid #dd0d1a;
 padding-left:0;}

#topic2 .t2_left{width:100%; margin:0; padding:0;}

#topic2 .t2_left img{ width:40%; height:auto; margin:0 auto; text-align:center;}

#topic2 .t2_right{ width:100%; margin:0; padding:0; }

#topic2 .t2_right img{ width:50%; height:auto; float:left; }

#month{ width:100%; text-align:center; border-top:1px solid #e30617; margin-top:5px; float:left; }

#link img{ width:100%; height:auto;}

.event_title{ width:100%; margin-top:0; padding-top:0;}

.event_title img { width:100%; height:auto;}

}


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



.m_dropdown { display:none;}

/*イベントカレンダー*/
#square .square_left{ float:left; width:770px;}

#square .square_right{ float:right; width:255px;}

/*Gray背景パタン*/

#sched{ width:32%;  font-size:14px; background-color:#EDEDED; padding:0%; margin-right:1.3%; float:left; margin-bottom:1%; }

/*右の固定*/

#sched03{ width:97%;  font-size:14px; background-color:#EDEDED; padding:0%; margin-right:1%; float:left; margin-bottom:2.5%; }

.event_title{  display:none;}

}


@media print{

/*イベントカレンダー*/
#square .square_left{ float:left; width:770px;}

#square .square_right{ float:right; width:255px;}

/*Gray背景パタン*/

#sched{ width:32%;  font-size:14px; background-color:#EDEDED; padding:0%; margin-right:1.3%; float:left; margin-bottom:1%; }

/*右の固定*/

#sched03{ width:97%;  font-size:14px; background-color:#EDEDED; padding:0%; margin-right:1%; float:left; margin-bottom:2.5%; }



}






