.contents_box:first-of-type{
margin-top:5% !important;
}
/*背景*/

.top_bg01 {
  background-image:url(../images/bg/top_bg01.jpg);
  background-position:center top
  background-repeat: no-repeat;
  background-size:cover;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-color:rgba(12,13,45,0.00)!important;
}
.top_bg00, .top_bg00::before,
.top_bg01, .top_bg01::before {
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  transition: all 0s ease;
}
/*見出し*/
h1{
text-align:center;position: relative;
margin:0px auto 1% auto !important;max-width:100%;
}
h1 img{
max-width:100%;
}
/*main*/

div.main_box{
border:1px solid rgba(237,222,160,1.0);padding:1%;background-color:rgba(0,0,30,0.5);box-shadow:#ACF 1px 1px 10px!important;
color:#fff;font-size:14px;
}
div.main_box > img{
display:block;margin:2% auto;max-width:100%;
}
ul.link_box{
display:flex;width:100%;flex-wrap:wrap;justify-content:space-between;
margin:0px auto 20px;
}
ul.link_box li{
text-align:center; font-weight:bold; padding:5px; background:#d1d0ce;border:3px solid #999;
width:calc((100% - 18px) /3);
}
ul.link_box li div{
display:flex;flex-direction:column;
}
ul.link_box li img{
width:100%;max-width:180px !important;margin:0px auto;vertical-align:middle;
}
ul.link_box li:nth-of-type(2) img{
max-width:146px !important;width:80%;
}
ul.link_box li div:nth-of-type(2){
padding-top:6px;
}
ul.link_box li:nth-of-type(3) div:nth-of-type(2){
padding-top:0px;
}

/*お知らせ*/
ul.info_box >li{
margin-bottom:20px;
}
ul.info_box >li >div:nth-of-type(1){
font-size:14px;color:#fff;padding:6px 0px 0px 0px;background: rgba(0,0,0,0.5);
border-bottom: 1px solid #bfa100;display:flex;align-items:center;margin-bottom:1px;
}
ul.info_box >li >div:nth-of-type(1)::before{
content:'';display:inline-block;width:18px;height:20px;background: url(../images/info/bg_h_info_s.png);vertical-align:middle;
margin:0px 4px;
}
ul.info_box >li >div:nth-of-type(1) p:nth-of-type(1){
width:calc( 100% - 146px );font-weight:bold;
}
ul.info_box >li >div:nth-of-type(1) p:nth-of-type(2){
width:133px;color:#000;font-weight: bold;background: url(../images/info/bg_h_info.png) no-repeat right bottom;text-align: right;
align-self:flex-end;padding-right:10px;
}
ul.info_box >li >div:nth-of-type(2){
border-left:1px solid #bfa100;border-right:1px solid #bfa100;border-bottom:1px solid #bfa100;padding:10px 2%;color:#000;
outline:2px solid #181919;outline-offset:-4px;background: linear-gradient(to left,#fcfa7c,#f5f2e1 10%,#f5f2e1 90%,#fcfa7c);
}
ul.info_box >li >div:nth-of-type(2) img{
max-width:100%;display:block;margin:10px auto;
}

ul.info_box >li div:nth-of-type(2) a{
color: #ff0000 !important;
}
ul.info_box >li div:nth-of-type(2) a:hover{
color:#ff6347 !important;
}

ul.info_box a:hover img{
opacity:0.5;
}

.sub_title{
font-weight:bold;background:#fdd699;padding:3px;margin:5px auto;
}

dl dt{
font-weight:bold;padding:5px;
}
dl dd{
padding:0px 2%;margin-bottom:2%;
}
dl.m_point dt{
padding-left:1em;position:relative;
}
dl.m_point dt:before{
content:"・";position:absolute;left:0;
}
.caption{
margin-top:3%;
}


.indent{
margin-left:3%;padding-right:3% !important;
}
.indent_1{
padding-left: 1rem !important;text-indent: -1rem;
}
.indent_2{
padding-left: 1.7rem !important;text-indent: -1.7rem;
}
.cap{
padding-left: 1rem !important;text-indent: -1rem;
color:#a90e0e;
}
.t_bold{
font-weight: bold;
}
.c_bordeaux{
color:#a90e0e;
}
.c_blue{
color:#19448e;
}

@media (max-width: 800px){
ul.info_box >li >div:nth-of-type(1){
display:block;width:100%;
}
ul.info_box >li >div:nth-of-type(1) p:nth-of-type(1){
width:calc( 100% - 40px) !important;display:inline-block;
}
ul.info_box >li >div:nth-of-type(1) p:nth-of-type(2){
width:100%;text-align:right;color:#fff;background:none;
}
}
@media (max-width: 560px){
h1 .mdl_base2{
font-size:16px;
}
div.main_box{
font-size:12px;
}
div.main_box .m_title{
font-size:14px;
}
ul.link_box li{
width:100%;margin:2px 0px;
}
ul.link_box li div{
display:inline-flex;
}

ul.link_box li div:first-of-type{
width:130px;
}

ul.link_box li div:nth-of-type(2) {
width:calc(100% - 130px);
}
ul.link_box li:nth-of-type(3) div:nth-of-type(2){
padding-bottom:0px;
}
ul.link_box li:nth-of-type(1) img{
max-width:160px !important;
}
ul.link_box li:nth-of-type(2) img{
width:80%;
}
}