@charset "UTF-8";
/*
Theme Name: niyuu
Description: 追加css
Author: NIYUU CO.,LTD
Author URI: www.niyuu.com/
Version: 4.11.3
Template: astra
*/

@import url('../astra/style.css'); /*Overwrite CSS place*/
/*Describe the style you want to overwrite from here*/

/* ====== Common point ====== */
/* fixed page - Hide title */
.page 
.entry-title {
  display: none;
}
/* Heading */
h2.heading1 {
    margin-top: 80px;
    border-left: 15px solid #4E5652;
    padding-left: 25px;
}
/* Line-height */
.line-height1 {
  line-height: 1.2;
}
.line-height2 {
  line-height: 1.5;
}
.line-height3 {
  line-height: 1.8;
}
/* Border */
.border-bottom {
    border-bottom: 1px solid #e0e0e0;
}
.border-top-bottom {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding-top:0.2em;
    padding-bottom:0.2em;
}
/* hr */
.hr-margin0 {
    margin: 0 auto;
}
/* margin */
.margin-top20 {
    margin-top: 20px;
}
/* Color */
.red {
    color: #dc3545; 
}
.red-orange {
    color: #ff6900; 
}
.orange {
    color: #ffa500; 
}
.blue {
    color: #0170B9; 
}
.green {
    color: #2e8b57; 
}
.darkgray {
    color: #4b4f58; 
}
.gray {
    color: #a9a9a9; 
}
.paperwhite {
    color: #f5f5f5; 
}
.icewhite {
    color: #fcfcfc; 
}
.khaki {
    color: #907344; 
}
/*  Link Word-color (blue→red）  */
a.link1:link {
    color: #2e8b57; /*Seagreen*/
}
a.link1:visited {
    color: #5e87ff; 
    border-bottom: 1px solid #5e87ff;
}
a.link1:hover {
    color: #5e87ff;
    border-bottom: 1px solid #5e87ff;
}
a.link1:active {
    color: #2e8b57; /*Seagreen*/
}
/* ------ icon ------ */
/* ボード 左アイコン*/
.i-board:before {
    font-family: "Font Awesome 5 Free";
    content: "\f328";/*clipboard*/
    font-weight:900;
    margin-right:10px;
    color: #ff6900; /*オレンジ色*/
}
/* ------ box------ */
.box{
    display: flex;
    margin-bottom: 50px;
}
.cbox2{
    width: 50%;
}
.cbox3{
    width: 33.33333333333333%;
}
.cbox4{
    width: 25%;
}
.cbox5{
    width: 20%;
}
/* ------ boxA (GUIDE PAGE)------ */
.boxA{
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
}
.cbox2A-left{
    width: 20%;
    font-weight:600;
}
.cbox2A-right{
    width: 70%;
}
/* ------ dl dt dd 表形式Tabular------ */
.table dl {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
	border-top: 1px solid #e0e0e0;
	margin-bottom: 20px;
}
.table dt {
    display: flex;
    width: 20%;
    padding: 10px;
    background-color: #fff;
    font-weight:400;
    margin: 0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
  	border-bottom: 1px solid #e0e0e0;
}
.table dd {
  	padding: 10px;
  	background-color: #fff;
  	margin: 0;
    border-right: 1px solid #e0e0e0;
  	border-bottom: 1px solid #e0e0e0;
  	width: calc(100% - 20%); /* テーブル幅からdtを引いた分の横幅を指定。 */
}
/* ------ image-text（Side by side） ------ */
.image-text{
    display: flex;
    justify-content: space-between;
}
/* ------ icon ------ */
/*  Download Icon right-side*/
.download:after {
	font-family: "Font Awesome 5 Free";
	content: "\f019";
	position: absolute;
	font-size: 1em;
	font-weight:900;
    margin-left:5px;
}
.download:hover::after {
	font-family: "Font Awesome 5 Free";
	content: "\f019";/*icon coad*/
	position: absolute;/*絶対位置*/
	font-size: 1em;
	font-weight:900;
    margin-left:5px;
}
/* ------ Button------ */
.btn-red-full,
a.btn-red-full {
    display: block;
    width: 100%;
    color: #dc3545;
    background-color: #ffffff;
    border: 1px solid #dc3545;
    margin: 10px auto;
    padding: .5rem 1rem;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align:center ;
}
.btn-red-full:hover,
a.btn-red-full:hover {
    color: #ffffff;
    background: #dc3545;
    border: 1px solid #dc3545;
}
.btn-bluegreen-full,
a.btn-bluegreen-full {
    display: block;
    width: 100%;
    color: #17a2b8;
    background-color: #ffffff;
    border: 1px solid #17a2b8;
    margin: 10px auto;
    padding: .5rem 1rem;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align:center ;
}
.btn-bluegreen-full:hover,
a.btn-bluegreen-full:hover {
    color: #ffffff;
    background: #17a2b8;
    border: 1px solid #17a2b8;
}
.btn-orange-full,
a.btn-orange-full {
    display: block;
    width: 100%;
    color: #ff6900;
    background-color: #ffffff;
    border: 1px solid #ff6900;
    margin: 10px auto;
    padding: .5rem 1rem;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align:center ;
}
.btn-orange-full:hover,
a.btn-orange-full:hover {
    color: #ffffff;
    background: #ff6900;
    border: 1px solid #ff6900;
}
.btn-blue-full,
a.btn-blue-full {
    display: block;
    width: 100%;
    color: #0693e3;
    background-color: #ffffff;
    border: 1px solid #0693e3;
    margin: 10px auto;
    padding: .5rem 1rem;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align:center ;
}
.btn-blue-full:hover,
a.btn-blue-full:hover {
    color: #ffffff;
    background: #0693e3;
    border: 1px solid #0693e3;
}
.btn-green-full,
a.btn-green-full {
    display: block;
    width: 100%;
    color: #2e8b57;
    background-color: #ffffff;
    border: 1px solid #2e8b57;
    margin: 10px auto;
    padding: .5rem 1rem;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align:center ;
}
.btn-green-full:hover,
a.btn-green-full:hover {
    color: #ffffff;
    background: #4b4f58;
    border: 1px solid #4b4f58;
}
.btn-gray-full,
a.btn-gray-full {
    display: block;
    width: 100%;
    color: #4b4f58;
    background-color: #ffffff;
    border: 1px solid #4b4f58;
    margin: 10px auto;
    padding: .5rem 1rem;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align:center ;
}
.btn-gray-full:hover,
a.btn-gray-full:hover {
    color: #ffffff;
    background: #4b4f58;
    border: 1px solid #4b4f58;
}
/* ------ btn toTOP MORE (gray right margin10) ------ */
.btn-gray,
a.btn-gray {
    display: block;
    float: right; 
    color: #4b4f58;
    background-color: #ffffff;
    border: 1px solid #4b4f58;
    margin: 1.2rem 0 1.2rem 1.2rem ;
    padding: .3rem 2rem;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align:center ;
}
.btn-gray:hover,
a.btn-gray:hover {
    color: #ffffff;
    background: #4b4f58;
    border: 1px solid #4b4f58;
}
/* ====== SIDEBAR ====== */
.sidebar-main h2 {
    margin-top: 30px; 
}
.btn-sidebar {
    margin-bottom:10px;
}
/* ====== FOOTER ====== */
/* ------ ul li ------ */
ul.footer {
    margin-bottom: 20px !important;
}
.footer2 li{
    display: inline;
    padding-left: 10px; 
    padding-right: 10px; 
    border-left: 1px solid #4b4f58;
}
/* END */
/* ====== TOPPAGE ====== */
/* ------ h2 ------ */
h2.heading2 {
    font-size:28px !important; /*toppage*/
    padding-left: 15px;
    margin-top: 80px;
    border-left: 10px solid #aaa;
}
/* ------ Topimage Word background ------ */
.home .entry-content p {
    margin-bottom: 0 !important;
}
/* ------ NewsTopics ------ */
.wp-block-latest-posts.wp-block-latest-posts__list {
    margin-top: 0;
}
.wp-block-latest-posts__list li {
    display:flex;
    flex-direction:column-reverse;
    flex-wrap:wrap;
    margin-top:0;
    padding-top:10px;
    padding-bottom:0;
}
.read-more{
    margin:0 20px 0 auto;
    font-size:0.8rem !important;
    border:0 !important;
    padding:0 auto;
}
/* ------ ecoromo NEWS ------ */
.home ul {
    margin-left: 0;
}
.wpra-list-template .wpra-item-list > li.wpra-item {
    display:flex;
    flex-direction:column-reverse;
    flex-wrap:wrap;
    border-bottom:1px solid #e0e0e0;
    padding-bottom:5px;
    margin: 0 auto 5px auto !important;
    font-size: 0.9rem;
}
.wpra-list-template .wpra-item-list > li.wpra-item > div.wprss-feed-meta > span {
    line-height:1rem;
    margin: 0 auto ;
    padding: 0 auto ;
}
.btn-ecoromo-more,
a.btn-ecoromo-more {
    display: block;
    float: right; 
    margin: 0 20px 0 auto;
    padding: 0;
    font-size: 0.9rem;
    text-align:right ;
}
.btnn-ecoromo-more:hover,
a.btnn-ecoromo-more:hover {
    color: #4b4f58;
}
/* ------ business container ------ */
.home .business-container-top {
    border-top:1px solid #a9a9a9;
    border-left:1px solid #a9a9a9;
    border-right:1px solid #a9a9a9;
    border-radius: 3px 3px 0 0;
    background-color: #fcfcfc;
    margin-top: 20px;
    margin-bottom: 0;
    padding:10px;
}
.home .business-container {
    border:1px solid #a9a9a9;
    margin: 0;
}
.home .business-container-bottom {
    border-left:1px solid #a9a9a9;
    border-right:1px solid #a9a9a9;
    border-bottom:1px solid #a9a9a9;
    padding:10px;
    margin-top:0;
    margin-bottom: 20px;
}
.home .business-container-bottom2 {
    border-left:1px solid #a9a9a9;
    border-right:1px solid #a9a9a9;
    border-bottom:1px solid #a9a9a9;
    padding:10px;
    margin-top:0;
    margin-bottom: 40px;
}
/* ====== WPForms ====== */
.wpforms-container {
    margin-top:50px !important;
    max-width: 1000px;
    border-top: 1px solid #dee2e6!important;
}
.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 0px !important;
    clear: both;
}
.wpforms-field {
    display: flex;
    margin:0 !important;
    clear: both;
    border-bottom: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
}
.wpforms-field-label {
    display:block;
    float: none;
    flex: 0 0 25%;
    max-width: 25%;
    background-color: #353535!important;
    color: #f8f9fa!important;
    padding:1.5rem 15px !important;
    margin: 0!important;
    font-weight:500 !important;
}
.wpforms-field-large ,.wpforms-field-small ,wpforms-field-checkbox {
    display: block;
    margin: 10px !important;
    padding: .375rem .75rem !important;
    width: 100%;
}
.wpforms-container-full .wpforms-form .wpforms-submit-container {
    text-align: center !important;
}
.wpforms-container-full .wpforms-form button[type=submit] {
    color: #2e8b57 !important;/*seagreen*/
    background: #ffffff !important;
    border-color: #2e8b57 !important;/*seagreen*/
    padding: 15px 50px !important;
}
.wpforms-container-full:hover .wpforms-form button[type=submit]:hover {
    color: #ffffff !important;
    background: #4b4f58 !important;/*darkgray*/
    border-color: #4b4f58 !important;/*darkgray*/
    padding: 15px 50px !important;
}
.wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: #ffffff !important;
    color: #2e8b57 !important;/*seagreen*/
    border-color: #2e8b57 !important;/*seagreen*/
}
/* ====== newstopics ====== */
.ast-blog-featured-section {
    width: 100px;/*image width*/
}
/* ====== Post Widget ====== */
.wp-block-latest-posts.wp-block-latest-posts__list li {
    border-bottom: 1px solid #e0e0e0;
}
/* END */

/* 大デバイス（1200px 未満のサイズ）
==============================================*/
@media screen and (max-width: 1200px) {
.wp-block-group {
    padding-right: 0;
}
.wp-block-buttons .wp-block-button .wp-block-button__link {
    padding-left: 10px;
    padding-right: 10px;
    font-size:90%;
}
.btn-sidebar {
    font-size:90% !important;
}
} /* END */

/* 大デバイス（1200px 以上のサイズ）
============================================== */
@media screen and (min-width: 1201px){
.br-sp {
    display: none; /*br-spが無効化*/
}
} /* END */

/* 小デバイス（タブレット, 768px 未満）
============================================== */
@media screen and (max-width: 767.98px) {
.footer2 li{
    display: inline-block;
}
.ast-footer-copyright p{
    text-align:center !important;
}
} /* END */
/* 小デバイス（タブレット, 768px 以上）
============================================== */
@media screen and (min-width: 767.98px) {
.footer2 li{
    display: inline;
}
} /* END */
/* 極小デバイス（縦向きモバイル, 576px 未満）
==============================================*/
@media screen and (max-width: 575.98px) {
.box{
    display: flex;
    flex-wrap:wrap;
}
.cbox2{
    width: 100%;
}
.cbox3{
    width: 100%;
}
.cbox4{
    width: 50%;
}
.cbox5{
    width: 50%;
}
.cbox-text15{
    width: 100%;
}
.cbox-text75{
    width: 100%;
}
/* ------ boxA (GUIDE PAGE)------ */
.boxA{
    display: flex;
    flex-wrap:wrap;
    margin-top: 10px;
    margin-bottom: 10px;
}
.cbox2A-left{
    width: 100%;
    margin: 0;
    font-weight:600;
}
.cbox2A-right{
    width: 100%;
    margin: 0 0 10px 0;
}

}
/* END */