/* 五島やけんよか！  top.css */

/* お知らせ */
.container_topInfo .topInfo_title { width: auto; margin: 0 auto 1em;}
.container_topInfo .topInfo_L { float: none; width: auto; background-color: #fff;}
.container_topInfo .topInfo_L .topInfo_L_in1 { float: none; width: 100%; max-width: 980px; margin-left: auto; margin-right: auto;}
.container_topInfo .topInfo_L .topInfo_L_in1 dl { margin-bottom: 2em;}
.container_topInfo .topInfo_L .topInfo_L_in1 dl dt,
.container_topInfo .topInfo_L .topInfo_L_in1 dl dd { margin-bottom: 0; padding: 1.2em 1em;}
.container_topInfo .topInfo_L .topInfo_L_in1 dl dt { display: flex; width: 8.5em;}
.container_topInfo .topInfo_L .topInfo_L_in1 dl dd { padding-left: 8.5em; border-bottom: 1px dashed rgba(128,128,128,0.8);}

.container_topInfo .topInfo_L .topInfo_L_in1 dl dt span { display: flex; justify-content: center; align-items: center; min-width:6em; margin-left: 2.5em; padding: 0 1em; font-size: 0.9em; background-color: #aaa;}
.container_topInfo .topInfo_L .topInfo_L_in1 dl dt span.tag01 { background-color: #E5D67D; box-shadow: 0 0 0 3px #E5D67D;}
.container_topInfo .topInfo_L .topInfo_L_in1 dl dt span.tag02 { background-color: #73CEC8; box-shadow: 0 0 0 3px #73CEC8;}
.container_topInfo .topInfo_L .topInfo_L_in1 dl dt span.tag03 { background-color: #DBA593; box-shadow: 0 0 0 3px #DBA593;}
.container_topInfo .topInfo_L .topInfo_L_in1 .infoList { position: static;}


/* 2 */
.top_sub2 .top_subWrap ul li p { font-size: 1.3em;}


/* 3 */
.top_sub3 .top_subWrap { padding-top: 2em;}
.top_sub3 .top_subWrap ul { display: flex; align-items: stretch; flex-wrap: wrap; margin-bottom: 2em;}
.top_sub3 .top_subWrap li { width: 46%; margin: 0 2% 2em;}
.top_sub3 .top_subWrap li a { display: flex; align-items: flex-start; margin: 0; padding: 8px; color: #000; text-decoration: none;}
.top_sub3 .top_subWrap li a.turn_i { background-color: #8CC8D1;}
.top_sub3 .top_subWrap li a.turn_u { background-color: #8CD1B3;}

.top_sub3 .top_subWrap li .izyu_img { width: 57.5%; line-height: 1;}
.top_sub3 .top_subWrap li .izyu_img img { max-width: 100%; height: auto;}
.top_sub3 .top_subWrap li .izyu_text { width: 42.5%; padding-left: 8px;}
.top_sub3 .top_subWrap li p { padding: 0; line-height: 1.4;}
.top_sub3 .top_subWrap li p.izyu_turn { float: right; padding: 0.3em 1em; background-color: #fff; font-size: 0.9em; border-radius: 2em;}
.top_sub3 .top_subWrap li p.izyuTitle { clear: both; padding: 0.6em 0; color: #000; border: none;}
.top_sub3 .top_subWrap li p.izyu_comment,
.top_sub3 .top_subWrap li p.izyu_from { font-size: 0.95em;}

.more_list { display: flex; justify-content: center;}
.more_list a { padding: 0.6em 1em; width: 470px; max-width: 90%; text-align: center; text-decoration: none; color: #fff; background-color: #1B7784; border-radius: 3em;}


@media screen and (max-width: 1044px) {
  /* 2 */
  .top_sub2 .top_subWrap ul { display: flex; flex-wrap: wrap; align-items: flex-end;}
  .top_sub2 .top_subWrap li { width: 48%; margin: 1.5em 1% 1.5em; padding: 0 1%; box-sizing: border-box;}
  .top_sub2 .top_subWrap li p { margin-bottom: 1.25em;}
  
  /* 3 */
  .top_sub3 .top_subTitle { width: auto;}
  .top_sub3 .top_subWrap li { width: 96%;}
  
}


@media screen and (max-width: 500px) {
  /* お知らせ */
  .container_topInfo .topInfo_L .topInfo_L_in1 dl dt { float: none; padding-bottom: 0.5em;}
  .container_topInfo .topInfo_L .topInfo_L_in1 dl dd { padding-left: 1.5em; padding-top: 0.5em;}
  
  /* 3 */
  .top_sub3 .top_subWrap li a { display: block;}
  .top_sub3 .top_subWrap li .izyu_img { width: auto; margin-bottom: 10px;}
  .top_sub3 .top_subWrap li .izyu_text { width: auto; padding-left: 0;}
  
}


.top_sub4 ul.textbanner {margin:30px 0 0 0;list-style:none;display:flex;justify-content:space-between;flex-wrap:wrap;}
.top_sub4 ul.textbanner li{width:24%;margin:0 0 1em 0;}
.top_sub4 ul.textbanner li a{position:relative;display:block;padding:20px;background:#EEEEEE no-repeat right center;color:#000000;text-decoration:none;border-radius:5px;}

.top_sub4 ul.textbanner li a:after{display:block;content:"";position:absolute;clip-path: polygon(0 0, 100% 50%, 0 100%);    width: 12px;
    height: 12px;
    background:#0066B3;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 1em;}

  .top_sub1 .top_subTitle h2{font-size:1.3em;padding:0;margin-bottom:2%;border-bottom:2px dotted #ccc;}
  .top_sub1 .top_subWrap .detail a{position:relative;margin:0 auto;background:#0066B3;display:inline-block;padding:1em;color:#FFF;text-decoration:none;border-radius:12px;}
  .top_sub1 .top_subWrap .top_sub1R p{text-align:left;margin-bottom:1em;}
.infoList a{margin:0 auto;background:#0066B3;display:block;width:480px;max-width:100%;padding:1em;color:#FFF;text-decoration:none;border-radius:12px;}

@media screen and (max-width: 780px) {
.top_sub4 ul.textbanner li{width:48%;}
}