@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
.titleimg {
  background: url("/img/news/titleimg.jpg") center/cover no-repeat; }

#info .news_wrap li {
  margin-bottom: 7.8125%; }
  @media screen and (max-width: 769px) {
    #info .news_wrap li {
      margin-bottom: 50px; } }
  @media screen and (min-width: 1280px) {
    #info .news_wrap li {
      margin-bottom: 100px; } }
  #info .news_wrap li .img_box {
    position: relative;
    /*.category{
    	@include font(1.3rem,1.5rem,768px,1280px);
    	position: absolute;
    	color: #fff;
    	padding: 0 20px;
    	top: 0;
    	right: 0;
    	&.news{
    		background: #189EBE;
    	}
    	&.event{
    		background: #BE7118;
    	}
    }*/ }
  #info .news_wrap li .time {
    font-size: 1.1rem; }
    @media (min-width: 768px) {
      #info .news_wrap li .time {
        font-size: calc( 1.1rem + ( 1vw - 7.68px ) * 0.390625 ); } }
    @media (min-width: 1280px) {
      #info .news_wrap li .time {
        font-size: 1.3rem; } }
  #info .news_wrap li .news_title {
    font-size: 1.3rem; }
    @media (min-width: 768px) {
      #info .news_wrap li .news_title {
        font-size: calc( 1.3rem + ( 1vw - 7.68px ) * 0.390625 ); } }
    @media (min-width: 1280px) {
      #info .news_wrap li .news_title {
        font-size: 1.5rem; } }
#info .move_btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  #info .move_btn li {
    flex: 0 1 auto;
    width: auto;
    max-width: auto;
    margin: 0 10px; }
    #info .move_btn li.click a {
      position: relative;
      padding: 10px 15px;
      border: solid 1px #1D1818; }
    #info .move_btn li.prev_btn a:before {
      color: #1D1818;
      font-family: "Font Awesome 5 Free";
      font-weight: bold;
      font-size: 1.2rem;
      content: '\f104';
      padding-right: 10px; }
    #info .move_btn li.next_btn a:after {
      color: #1D1818;
      font-family: "Font Awesome 5 Free";
      font-weight: bold;
      font-size: 1.2rem;
      content: '\f105';
      padding-left: 10px; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  #info {
    /*.select_wrap{
    	font-size: 1.3rem;
    	border: 1px solid #D8D8D8;
    	background: #fff;
    	border-radius: 2px;
    	position: relative;
    	width: 160px;
    	margin: 0 0 30px auto;
    	.select_box{
    		position: absolute;
    		width: 100%;
    		z-index: 1;
    		height: 200px;
    		overflow-y: scroll;
    		li{
    			box-sizing: border-box;
    			padding: 2px 10px;
    			background: #fff;
    			&.selected{
    				background: #D8D8D8;
    			}
    		}
    		
    	}
    	.display_selectedItem{
    		padding: 5px 10px;
    	}
    	&:after{
    		content: '\f078';
    		font-family: "Font Awesome 5 Free";
    		font-weight: bold;
    		position: absolute;
    		display: block;
    		top: 50%;
    		right: 15px;
    		transform: translateY(-50%);
    	}
    }*/ }
    #info .news_wrap {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      justify-content: flex-start; }
      #info .news_wrap li {
        flex: 0 1 calc((100% - 90px) / 3);
        width: calc((100% - 90px) / 3);
        max-width: calc((100% - 90px) / 3);
        margin-right: 45px;
        transition: .3s; }
        #info .news_wrap li .img_box .category {
          padding: 0 30px; }
        #info .news_wrap li .news_title {
          margin-top: -10px; }
        #info .news_wrap li:hover {
          transition: .3s;
          opacity: 0.8; }
        #info .news_wrap li:nth-child(3n) {
          margin-right: 0; }
    #info .move_btn li {
      margin: 0 30px; } }
/*------------------------------
		981px以上
------------------------------*/
/*------------------------------
		1121px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */