@charset "UTF-8";
/*
@mixin tabMpc { 
	@media screen and (min-width: 768px) and (max-width: 1280px){
		@content;
	}	
}
@mixin tabwMpc { 
	@media screen and (min-width: 961px) and (max-width: 1280px){
		@content;
	}	
}
*/
#blog {
  /* ------共通 archive.php------------ */
  /*****#subsidy category-list***********/
  /************************************
      single 共通
  ************************************/
  /* ------text------------ */
  /* ------------------ */
  /* ----------------------------------------
  	#news
  ---------------------------------------- */
  /*
  #information{
  	.entry_heading {
  		h2.entrytitle{
  			position: relative;
  			border-bottom: 1px solid #dce3f5;
  			
  			padding: 0px 0px 20px 0px;
  			font-weight: bold;
  			@include maxTab{
  				margin-bottom: 20px;
  			}
  			@include minTab{
  				padding: 0px 0px 25px 0px;
  				display: inline-block;
  				width: 100%;
  				margin-bottom: 30px;
  			}
  			@include minPc{
  				margin-bottom: 50px;
  			}
  
  		}
  		span.date{
  			color:#666666;
  			font-size: 1.4rem !important;
  			padding-bottom: 5px;
  			@include maxTab{
  				font-size: 1.2rem !important;
  			}
  		}
  		
  		.tit{
  			font-weight: bold;
  			line-height: 1.2;
  			@include maxSp{
  				font-size: 2.0rem;
  			}
  			@include spTabw{
  				font-size: 2.3rem;
  			}
  			@include minTabw{
  				font-size: 2.7rem;
  			}
  			
  			
  		}
  	}//entry_heading
  	
  	.entry {
  		
  		.detail {
  			margin-bottom: 10px;
  			font-size: 1.5rem;
  			@include minTab {
  				margin-bottom: 15px;
  			}
  			span {
  				display: inline-block;
  				width: 80px;
  				margin-right: 5px;
  				padding: 3px;
  				font-size: 1.4rem;
  				line-height: 1.2;
  				color: #FFFFFF;
  				text-align: center;
  				background: $red;
  				@include minTab {
  					width: 100px;
  					margin-right: 10px;
  					padding: 3px 10px;
  					font-size: 1.5rem;
  				}
  			}
  		}
  		img{
  			margin-top:30px;
  		}
  	}//entry
  	
  	.formBtn_reserv {
  		a {
  			display: block;
  			position: relative;
  			margin: 10px auto 0;
  			padding: 10px;
  			width: 100%;
  			//font-family: $serif;
  			font-size: 1.5rem;
  			font-weight: bold;
  			color: #FFFFFF;
  			text-align: center;
  			background: $red;
  			transition: all .25s ease-out;
  			@include minTab {
  				margin: 30px auto 0;
  				padding: 15px 10px;
  				max-width: 600px;
  				font-size: 1.8rem;
  			}
  			&::after {
  				display: inline-block;
  				position: relative;
  				right: 0;
  				content: " ";
  				width: 50px;
  				height: 8px;
  				background: url('../images/common/nav_arrow.svg') no-repeat right top;
  				-webkit-background-size: 40px auto;
  				     -o-background-size: 40px auto;
  				        background-size: 40px auto;
  				transition: all .25s ease-out;
  			}
  			&:hover{
  				background: #A60007;
  				&::after {
  					right: -5px;
  				}
  			}
  		}
  
  	}
  
  }*/ }
  #blog ul.entryList {
    margin-bottom: 30px; }
    @media screen and (min-width: 768px) {
      #blog ul.entryList {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; } }
    #blog ul.entryList li {
      border: 3px solid #cccccc;
      margin-bottom: 20px;
      border-radius: 10px;
      border-radius: #f7f7f7;
      position: relative; }
      @media screen and (min-width: 768px) {
        #blog ul.entryList li {
          width: 49%; } }
      #blog ul.entryList li::after {
        content: url("../images/common/arrow_brown.svg");
        display: inline-block;
        top: 31%;
        right: 10px;
        width: 7px;
        background-size: contain;
        vertical-align: middle;
        position: absolute; }
        @media screen and (min-width: 768px) {
          #blog ul.entryList li::after {
            right: 15px; } }
      #blog ul.entryList li a {
        display: block;
        padding: 8px 15px;
        transition: 0.2s cubic-bezier(0.45, 0, 0.55, 1);
        color: #000000;
        font-weight: bold;
        border-radius: 10px; }
        @media screen and (min-width: 768px) {
          #blog ul.entryList li a {
            padding: 20px 25px; } }
        #blog ul.entryList li a:hover {
          background: #f7f7f7; }
      #blog ul.entryList li .date {
        font-size: 1.4rem;
        display: inline-block;
        color: #000;
        font-weight: normal;
        margin-bottom: 5px; }
      #blog ul.entryList li .title {
        font-weight: bold; }
    #blog ul.entryList span.cat {
      display: inline-block;
      color: #ffffff;
      border-radius: 5px;
      padding: 1px 8px 2px 8px;
      text-align: center;
      min-width: 80px;
      font-size: 1.2rem;
      margin-left: 8px;
      background: #006934;
      font-weight: bold; }
    #blog ul.entryList .news {
      background: #F18900 !important; }
    #blog ul.entryList .subsidy {
      background: #006934 !important; }
    #blog ul.entryList .column {
      background: #BF4E86 !important; }
    #blog ul.entryList .title {
      font-weight: bold; }
  #blog .subsidy-sidebar-list ul {
    display: flex;
    flex-wrap: wrap; }
    #blog .subsidy-sidebar-list ul li {
      display: inline-block;
      background: #ebebeb;
      border-radius: 5px;
      margin-right: 7px;
      margin-bottom: 7px; }
      #blog .subsidy-sidebar-list ul li a {
        display: block;
        padding: 1px 10px;
        font-size: 1.2rem;
        font-weight: bold; }
  #blog #subsidy {
    width: 100%; }
    #blog #subsidy .subsidy-category-list {
      margin-bottom: 30px; }
      #blog #subsidy .subsidy-category-list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; }
        #blog #subsidy .subsidy-category-list ul li {
          background: #79A84C;
          margin-right: 7px;
          margin-bottom: 7px;
          border-radius: 5px;
          display: inline-block;
          position: relative;
          width: 32%; }
          @media screen and (min-width: 768px) {
            #blog #subsidy .subsidy-category-list ul li {
              margin-right: 10px;
              margin-bottom: 10px;
              width: 18%; } }
          #blog #subsidy .subsidy-category-list ul li a {
            display: block;
            line-height: 1.2;
            padding: 8px 25px 8px 20px;
            font-weight: bold;
            color: #ffffff;
            text-align: center; }
            @media screen and (max-width: 767px) {
              #blog #subsidy .subsidy-category-list ul li a {
                font-size: 1.4rem;
                padding: 6px 15px 6px 12px; } }
          #blog #subsidy .subsidy-category-list ul li:hover {
            background: #006934; }
          #blog #subsidy .subsidy-category-list ul li::after {
            content: url("../images/common/arrow_white2.svg");
            display: inline-block;
            width: 4px;
            background-size: contain;
            vertical-align: middle;
            position: absolute;
            top: 0%;
            right: 5px; }
  #blog #single {
    /* ------img------------ */ }
    #blog #single #main {
      max-width: 1000px;
      margin: 0px auto; }
    #blog #single .entry_heading h2.entrytitle {
      position: relative;
      padding: 15px 15px;
      color: #ffffff;
      border-radius: 10px; }
      @media screen and (max-width: 767px) {
        #blog #single .entry_heading h2.entrytitle {
          margin-bottom: 20px; } }
      @media screen and (min-width: 768px) {
        #blog #single .entry_heading h2.entrytitle {
          padding: 25px 25px 25px 25px;
          display: inline-block;
          width: 100%;
          margin-bottom: 30px; } }
      @media screen and (min-width: 1281px) {
        #blog #single .entry_heading h2.entrytitle {
          margin-bottom: 50px; } }
    #blog #single .entry_heading span.date {
      font-size: 1.4rem !important;
      padding-bottom: 5px; }
      @media screen and (max-width: 767px) {
        #blog #single .entry_heading span.date {
          font-size: 1.2rem !important; } }
    #blog #single .entry_heading .tit {
      font-weight: bold;
      line-height: 1.2; }
      @media screen and (max-width: 480px) {
        #blog #single .entry_heading .tit {
          font-size: 2.0rem; } }
      @media screen and (min-width: 481px) and (max-width: 960px) {
        #blog #single .entry_heading .tit {
          font-size: 2.3rem; } }
      @media screen and (min-width: 961px) {
        #blog #single .entry_heading .tit {
          font-size: 2.7rem; } }
    #blog #single #news .entrytitle,
    #blog #single #column .entrytitle,
    #blog #single #subsidy .entrytitle {
      background: #F18900; }
    #blog #single #column .entrytitle {
      background: #BF4E86 !important; }
    #blog #single #subsidy .entrytitle {
      background: #006934; }
    @media screen and (min-width: 768px) {
      #blog #single #content img.alignleft {
        float: left;
        padding: 0 20px 10px 0; }
      #blog #single #content img.alignright {
        float: right;
        padding: 0 0 10px 20px; } }
    #blog #single #content img.aligncenter {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      display: block;
      clear: both; }
    #blog #single #content img.alignnone {
      clear: both; }
    @media screen and (max-width: 767px) {
      #blog #single #content img.alignleft,
      #blog #single #content img.alignright,
      #blog #single #content img.aligncenter,
      #blog #single #content img.alignnone {
        margin-bottom: 15px; } }
  #blog .entry-content b, #blog .entry-content strong {
    font-weight: bold; }
  #blog .entry-content em {
    font-style: italic; }
  #blog .entry-content ul, #blog .entry-content ol {
    margin-bottom: 1em;
    /*margin-left: 30px;*/ }
  #blog .entry-content ol {
    list-style-type: decimal; }
  #blog .entry p a {
    text-decoration: underline;
    color: #c7161d; }
    #blog .entry p a:visited, #blog .entry p a:focus, #blog .entry p a:active {
      text-decoration: underline;
      color: #c7161d; }
  @media screen and (min-width: 961px) {
    #blog #entry_ol {
      display: flex;
      justify-content: space-between; } }
  #blog #entry_ol #entry-content_main {
    width: 100%;
    margin: 0px auto; }
  @media screen and (min-width: 961px) {
    #blog #entry_ol #entry-content {
      width: 75%; } }
  @media screen and (max-width: 960px) {
    #blog #entry_ol #archiveArea {
      max-width: 400px;
      width: 100%;
      margin: 0px auto; } }
  @media screen and (min-width: 961px) {
    #blog #entry_ol #archiveArea {
      width: 20%; } }
  #blog #entry_ol h3.archivetitle {
    font-weight: bold;
    font-size: 1.8rem;
    padding: 15px 10px;
    background: #5c5651;
    color: #ffffff;
    border-radius: 5px;
    margin-bottom: 10px; }
  #blog #entry_ol .bg_orange {
    background: #F18900 !important; }
  #blog #entry_ol .bg_pink {
    background: #BF4E86 !important; }
  #blog #entry_ol .bg_green {
    background: #006934 !important; }
  #blog #entry_ol ul.catList {
    margin-bottom: 30px;
    font-weight: bold; }
    #blog #entry_ol ul.catList li a {
      padding: 15px 0px 15px 0px;
      display: block;
      font-weight: bold;
      border-bottom: 1px solid #ebebeb;
      position: relative; }
      #blog #entry_ol ul.catList li a::after {
        content: url("../images/common/arrow_brown.svg");
        display: inline-block;
        width: 5px;
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        top: 28%;
        right: 0px; }
    #blog #entry_ol ul.catList li a.voicehouse {
      color: #006934; }
    #blog #entry_ol ul.catList li a.voicepetit {
      color: #F18900; }
    #blog #entry_ol ul.catList a.aria-current {
      display: none; }
  #blog #entry_ol ul.side_entryList {
    margin-bottom: 30px;
    font-weight: bold; }
    #blog #entry_ol ul.side_entryList li {
      font-weight: 500; }
      #blog #entry_ol ul.side_entryList li a {
        padding: 10px 0px;
        display: block;
        border-bottom: 1px solid #cccccc;
        font-size: 1.2rem;
        font-weight: 500; }
    #blog #entry_ol ul.side_entryList a.aria-current {
      display: none; }
  #blog #entry_ol .selectMonth {
    overflow: hidden;
    width: 100%;
    text-align: center; }
  #blog #entry_ol select {
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none; }
    @media screen and (max-width: 480px) {
      #blog #entry_ol select {
        font-size: 1.4rem; } }
  #blog #entry_ol select::-ms-expand {
    display: none; }
  #blog #entry_ol .month {
    position: relative;
    border: 1px solid #cccccc;
    background: #ebebeb; }
  #blog #entry_ol .month::before {
    position: absolute;
    top: 1.4em;
    right: 0.9em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333333;
    pointer-events: none; }
  #blog #entry_ol .month select {
    padding: 15px 38px 15px 8px;
    color: #333333; }
  @media screen and (max-width: 960px) {
    #blog #news ul.list_news {
      max-width: 650px;
      margin: 0px auto;
      margin-bottom: 80px; } }
  @media screen and (max-width: 480px) {
    #blog #news ul.list_news {
      margin-bottom: 50px; } }
  #blog #news ul.list_news li {
    position: relative;
    transition: all .25s ease-out; }
    #blog #news ul.list_news li a {
      display: flex;
      justify-content: space-between;
      padding: 10px 5px 10px 5px;
      line-height: 1.0; }
      @media screen and (min-width: 961px) {
        #blog #news ul.list_news li a {
          padding: 25px 15px; } }
      #blog #news ul.list_news li a .thumb {
        width: 140px;
        min-height: 60px; }
        #blog #news ul.list_news li a .thumb img {
          min-height: 60px; }
      #blog #news ul.list_news li a .titArea {
        width: -webkit-calc(100% - 150px);
        width: calc(100% - 150px); }
    #blog #news ul.list_news li:hover {
      background: #ebebeb;
      transition: all .25s ease-out; }
    #blog #news ul.list_news li span.date {
      color: #000000;
      font-size: 1.4rem !important;
      padding-right: 7px; }
      @media screen and (max-width: 767px) {
        #blog #news ul.list_news li span.date {
          font-size: 1.2rem !important; } }
    #blog #news ul.list_news li .tit {
      color: #000000;
      position: relative;
      line-height: 1.2;
      font-weight: bold; }
    #blog #news ul.list_news li::after {
      content: url("../images/common/arrow_blue.svg");
      display: inline-block;
      background-size: contain;
      vertical-align: middle;
      position: absolute;
      width: 15px;
      top: 30%;
      right: 5px; }
      @media screen and (min-width: 768px) {
        #blog #news ul.list_news li::after {
          width: 20px;
          top: 33%;
          right: 5px; } }
    #blog #news ul.list_news li:nth-child(odd) {
      background: #ebebeb; }
  #blog #news #single .date {
    font-size: 1.4rem;
    font-weight: bold;
    padding-bottom: 5px; }
  #blog #news #single span.cat {
    display: inline-block;
    color: #ffffff;
    border-radius: 5px;
    padding: 1px 5px;
    text-align: center;
    min-width: 80px;
    font-size: 1.2rem;
    margin-left: 10px;
    background: #006934; }
  #blog #news #single .news {
    background: #F18900 !important; }
  #blog #news #single .subsidy {
    background: #006934 !important; }
  #blog #news #single .column {
    background: #BF4E86 !important; }
  #blog .single-post #entry-content {
    max-width: 900px;
    width: 100%; }
    @media screen and (max-width: 960px) {
      #blog .single-post #entry-content {
        margin-bottom: 50px; } }

/* ----------------------------------------
	.error404
---------------------------------------- */
.error404 #main {
  text-align: center; }
  @media screen and (min-width: 961px) {
    .error404 #main {
      padding-top: 80px !important; } }