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

*{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
}

header, section, footer, aside, nav, article, figure{
	display: block;
}

body{
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	background-color:#fff;
	font-size: 14.0px;
	color: #333;
	line-height: 1.6;
}

a{
	/*リンク*/
	text-decoration: none;
}

.container,
.head-container{
	width: 98%;
/*	max-width: 1440px;*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	overflow: hidden;
    background-color: #fff;
    margin-top: 0;
}
.container{
  padding-top:30px;
  margin-top: 49px;
}
.container .col img{
	width: 100%;
}
.main{
  width:100%;
  margin: 0 auto;
  padding-left:2%;
  margin-bottom: 60px
}
.main article{
/*	width: 95%;*/
	margin: 0 auto;
/*	margin-bottom: 20px;*/
}
.footer{
  padding-top:6px;
  padding-bottom:28px;
  margin-bottom:3px;
  background-color:#fafafa;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.footer a:hover {
    color: 
    #ff6600;
    text-decoration: underline;
}
.main article .link{
	margin-top: 10px;
	border-top-color: #999;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.main_area{
	background-color: #F2E9DA;
}
.main article h3{
    border-bottom: 1px dotted #333333;
    background-color: #FFF;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 4px;
}
.main article h3 span{
    color: #333333;
    margin-left: 3px;
    border-left: 6px solid #236fa7;
    text-align: left;
    font-size: 17px;
    letter-spacing: 0.0em;
    font-weight: bold;
    padding-left:10px;
}
.main article h4{
	padding: 6px;
	margin-top: 23px;
	color: #FFFFFF;
	font-size: 90%;
	background-color: #BC987A;
	margin-bottom: 10px;
}
.main article h5{
	padding-left: 20px;
	color: #FF0054;
	font-size: 90%;
}

.aside{
	float: right;
	width: 100%;
/*	margin-top: 10px;*/
/*	margin-right: 10px;*/
}
.aside .gaiyou{
	font-size: 13px;
	border: 1px solid #cac6bd;
}
.aside .gaiyou h2{
	color: #333;
	background-color: #ffeaf7;
	font-size: 14px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 8px;
}
.aside .gaiyou dl{
	background-color: #fff9fd;
	margin: 0px;
}
.aside .gaiyou dl dd{
	background-color: #FFFFFF;
	padding-left: 9px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 13px;

}
.aside .gaiyou dl dt{
	font-weight: bold;
	margin-right: 6px;
	margin-left: 9px;
	margin-top: 6px;
	padding-bottom: 4px;
	color: #803300;
	font-size: 14px;

}
.main article .img_box{
    position: relative;
    display: block;
    max-width: 640px;
    height: auto;
    background-color: #FFF;
    margin-left: auto;
    margin-right: auto;
}
.main article .img_box img{
    max-width: 85%;
    margin: 0;
    padding: 1px;
    border-radius: 10px;
    border: 1px solid #CCC;
    z-index: 0;
    margin: 0 auto;
    display: block;
    padding: 4px;
}
.main article .img_comment{
    position: relative;
    background-color: #FFF;
    max-width: 400px;
    color: #333;
    margin: 0 auto;
    text-align: center;
    font-size: 90%;
    padding-bottom: 10px;
}
#page-top{
    position: fixed;
    top: 78%;
    right: 0px;
    font-size: 77%;
    padding-right: 2px;
    z-index:6000;
}
.jisage{
    text-indent: -1em;
    margin-left:  1em;
}
.jisage_2{
	text-indent: -2em;
	margin-left:  2em;
}
.jisage_3{
	text-indent: -3em;
	margin-left:  3em;
}
.jisage_4{
	text-indent: -4em;
	margin-left:  4em;
}
.jisage_5{
	text-indent: -5em;
	margin-left:  5em;
}
.jisage_6{
	text-indent: -6em;
	margin-left:  6em;
}
.jisage_7{
	text-indent: -7em;
	margin-left:  7em;
}
.jisage_8{
	text-indent: -8em;
	margin-left:  8em;
}
.jisage_9{
	text-indent: -9em;
	margin-left:  9em;
}
div.background{
  background-color:#f4f7f9;
	padding-bottom: 32768px;
	margin-bottom: -32768px;
}
h1{
  position: relative;
  padding: .3em 1em .1em .9em;
  border: 1px solid #ccc;
  border-bottom: 3px solid #62a6c9;
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
  width:100%;
  margin-bottom:15px;
  font-size:140%;
  border-radius: 4px;
  color:#555;
  border: 0px solid #ccc;
  border-bottom: 3px solid #62a6c9;
  letter-spacing: 2px;
}
h2{
  color:#0d71df;
  position: relative;
  padding: .1em 0 .1em .75em;
  border-left: 6px solid #ccc;
  font-size: 115%;
  margin-bottom:14px;
  margin-top: 26px;
  letter-spacing: 2px;
}
h2::before{
  position: absolute;
  left: -6px;
  bottom: 0;
  content: '';
  width: 6px;
  height: 50%;
  background-color: #0d71df;
}
h2::after{
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}
.midashi_s{
  font-size:16.5px;
  padding-bottom:4px;
}
body .midashi_j{
  font-size:120%;
  padding-bottom:4px;
  text-indent: -1em;
  margin-left:  1em;
}
.f_min{
  font-size:12px;
}
.box{
    padding: 0.2em 0.8em;
    margin: 0;
    margin-top: 0px;
    margin-top: 0px;
    margin-top: 0px;
    color: #333333;
    background: #FFF;
    border: solid 1px #333333;
    border-radius: 5px;
    float: right;
    font-size: 10px;
    margin-top: 4px;
    letter-spacing: 0.8px;
}
.single{
  margin: 0 auto;
  max-width: 98%;
  overflow: hidden;
  overflow-y: hidden;
  clear: both;/*2019-12-15*/
}
.single img{
    width: 100%;
    object-fit: cover;
    height: 400px;
}
.slick-dots li.slick-active{

}
.slick-dots li.slick-active button::before {
    color: yellow;
}
.slick-dots li button::before {
    font-size: 15px;
    color: red;
}
.slick-dots {
    bottom: 12px;
}
.pan_hd{
	float: right;
	font-size:14px;
    margin-top: 10px;
}
body .pan{
    margin-top: -6px;
    margin-bottom: 6px;
}
body .pan a{
	text-decoration: underline;
	margin-top: -3px;
}
body .comment{
  font-size:90%;
}
body .midashi{
  font-size:130%;
  font-weight:bold;
}
body .comment_mini{
  font-size:80%;
}
body .kakomi {
    font-size:93%;
    border: 1px solid #c3c3c3;
    background-color:#ffffff;
    padding: 14px 24px 20px 24px;
    max-width: 400px;
    min-height: 520px;
    height: auto !important;
    position: relative;
    margin: auto;
    margin-bottom: 10px;
    line-height: 1.5;
    border-radius: 6px;
    margin-left: 4%;
    -webkit-border-radius: 6px;
}
body .tbl_k_joho{
  width:100%;
  border-collapse:collapse;
  margin:0px;
  padding:0px;
  background-color:#ffffff;
}
body .td_k_joho{
  font-size:93%;
  padding:6px 14px;
  border: 1px solid #a4a4a4;
  background-color:#ffffff;
}
body .tbl_lk_joho{
  width:100%;
  border-collapse:collapse;
  margin:0px;
  padding:0px;
  background-color:#ffffff;
}
body .td_lk_joho{
  font-size: 120%;
  padding: 8px 14px;
  border-left: 0;
  border: 1px solid #a4a4a4;
  background-color:#557d9c;
  color:#fff;
}
body .td_lk_joho2{
  font-size:93%;
  padding:6px 14px;
  border-left:0;
  border-right:0;
  border-top:0;
  border-bottom:0;
}
body .midashi_kj{
  font-size:115%;
  font-weight:bold;
}
body .item-box1{
  width:97%;
  margin: 0.8em 0;
  padding: 1.3em 1em;
  background-color: #efefef;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
}
body .item-box2{
  width:98%;
  margin: 0.8em 0;
  padding: 1.3em 1em;
  background-color: #efefef;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
}
body .item-box3{
  width:98%;
  margin: 0.8em 0;
  padding: 1.8em 1.3em;
  background-color: #efefef;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
}
body .kiji{
  margin-bottom:10px;
  text-indent: -1em;
  margin-left: 1em;
}
.h_color_o{
  color:#f79209;;
}
.h_color_b{
  color:#3da3c9;;
}
.h_color_b{
  color:#3da3c9;;
}
.h_color_g{
  color:#22ad12;;
}
.num_m{
    background: #EFEFEF;
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    display: inline-block;
    margin: 0 0 5px;
    padding: .2em .45em .2em .8em;
    min-width: 6.5em;
    text-align: center;
}
.main a{
	text-decoration: underline;
}
.main a:hover{
	color:#ff6600;
}
.main .img_box{
    position: relative;
    display: inline-block;
    max-width: 400px;
    height: auto;
    background-color: 
    #FFF;
    margin-left: auto;
    margin-right: auto;
}
.main .img_box img{
    max-width: 100%;
    margin: 0;
    padding: 1px;
    border-radius: 10px;
    border: 1px solid 
    #CCC;
    z-index: 0;
    margin: 0 auto;
    padding: 4px;
}
.main .img_comment{
    position: relative;
    background-color: #FFF;
    max-width: 400px;
    color:#333;
    margin: 0 auto;
    text-align: center;
    font-size: 90%;
    padding-bottom: 10px;
}
#fontSize li {
  float: left;
  margin-right: 2px;
  cursor: pointer;
  border: 1px solid #ccc;
  width: 50px;
  padding: 2px 0;
  text-align: center;
  background-color:#666;
  color:white;
  border-radius: 5px;
  -webkit-border-radius: 5px;
}
#fontSize li.current {
}
.right_col{
  max-width:100px;
  float: right;
  margin-bottom:6px;
  height:35px;
}
.i_right_col{
  max-width:115px;
  float: right;
  padding-bottom:10px;
  height:53px;
}
.iframe-wrapper {
  position: relative;
  width: 100%;
  height:530px;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:0; 
}
.iframe-wrapper iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:none;
  display:block;
  overflow:hidden;
}
.iframe-wrapper2 {
  position: relative;
  width: 100%;
  height:123px;
  padding:0;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:0; 
}
.iframe-wrapper2 iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:none;
  display:block;
  overflow:hidden;
}
.iframe-wrapper3 {
  position: relative;
  width: 100%;
  height:200px;
  padding:0;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:0; 
}
.iframe-wrapper3 iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:none;
  display:block;
  overflow:hidden;
}
.rinji{
  background-color:#22ad12;
  font-size:11px;
  font-weight:bold;
  max-width:115px;
  width:100%;
  border:1px solid #ccc;
  padding:5px;
  float: right;
  margin-bottom:4px;
  height: 43px;
  text-align:center;
}
.i_rinji{
  background-color:#22ad12;
  font-size:11px;
  font-weight:bold;
  max-width:115px;
  width:100%;
  border:1px solid #ccc;
  padding:5px;
  float: right;
  margin-bottom:4px;
  height: 43px;
  text-align:center;
}
dt {
  font-size:14px;
  float: left ;
  clear: left ;
  margin-right: 0.5em ;
  width: 98px ;
  padding-bottom:6px;
}
dd {
  margin-left: 1em ;
  padding-bottom:8px;
}
.pdf{
  max-width:16px;
  vertical-align:-4px;
  margin-right:5px;
}
.s_center{
  max-width:600px;
  display:block;
  margin:auto;
}
.fancybox:hover{
  opacity: 0.7;
}
.lec_top{
  width:70%;
  display:block;
  margin:auto;
}
.lec_top:hover{
  opacity: 0.7;
}
.img_box a:hover{
  opacity: 0.7;
}
a:hover img{
  opacity: 0.7;
}
.news_item{
  text-indent: -7em;
  margin-left: 7em;
  padding-bottom: 6px;
}
.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 10px;
}
.timeline-right{
  width:113px;
  color:red;
  border-right: 3px #e5e5d1 solid;
  padding-left:10px;
}
.timeline-right{
  width:135px;
  color:red;
  border-right: 0px #e5e5d1 solid;
  padding-left:0px;
  text-align: right;
}
.year_line{
  padding: 10px 0;
}
h3{
  padding: 8px 0;
  color:#6bb1d3;
}
.new{
  max-width:32px;
  margin-left:6px;
  vertical-align: -1px;
}
iframe#rightframe { 
  width: 100%;
}
iframe#footer { 
  width: 100%;
}
.normal-box3{
  width:98%;
  margin: 1em 0;
  padding: 1em;
  background-color: #efefef;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
}
.normal-box3 p{
  margin: 0;
  padding: 0;
}
.komapon{
  width:85%;
  text-align:center;
  margin: 0 auto;
  margin-top: -58px;
  margin-bottom: 10px;
  z-index: 100;
  position: relative;
}