/*ワードプレス hhasのニュース用設定--------------*/



@charset "utf-8";
/*全体----------------------------*/
strong{
    font-weight: bold;
}
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}

/*PC用----------------------------*/
@media only screen and (min-width: 960px){

.wp_contents{
    display: flex;
    justify-content: space-between;
}
.wp_mainbar{
    width: calc(65%);
}
.wp_mainbar_section{
    width: 100%;
/*    background: khaki;*/
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 90px;
}
.mainbar_img{
/*    width: 50%;*/
}
.mainbar_img img{
    max-width: 300px;
    height: auto;
    vertical-align: bottom;
    margin-right: 20px;
    margin-top: 20px;
}
.mainbar_text{
    width: calc(100%);
}
.mainbar_text p{
    text-align: left;
}
.category_and_date_box{
    display: flex;
}
.text_category{
    border: solid 0.9px #666;
    display: inline-block;
    padding: 5px;
    margin-bottom: 10px;
}
.text_date{
    display: inline-block;
/*    margin-top: 12px;*/
/*    margin-left: 12px;*/
    font-size: 13px;
    margin-bottom: 5px;
}
.text_title{
    color: #666;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.6em;
}
.text_title a{
    color: #666;
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear
}
.text_title a:hover{
    text-decoration: underline;
}


.wp_sidebar{
    width: calc(35% - 100px);
}
.wp_sidebar h3{
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #666;
    border-bottom: solid 0.9px #bbb;
    font-size: 16px;
}
.wp_sidebar a{
    color: #666;
    text-decoration: none;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}
.wp_sidebar a:hover{
    color: #666;
    text-decoration: underline;
}
.widget{
    margin-bottom: 60px;
}
.widget ul li{
    margin-bottom: 10px;
    font-size: 14px;
}
/*----------記事 個別ページ----------*/
.wp_contents_single{
    display: flex;
    justify-content: space-between;
}
.wp_mainbar_single{
    width: calc(65%);
}

.wp_mainbar_single img{
    margin-bottom: 50px;
    margin-top: 50px;
    max-width: calc(100%);
    height: auto;
}

.wp_mainbar_section_single{
    width: 100%;
    margin-bottom: 0px;
    box-sizing: border-box;
}


.mainbar_text_single{

}

.text_title_single{
    color: #666;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.6em;
    border-bottom: 1px solid #ccc;
    padding: 0px 0px 10px;
    margin-bottom: 10px;
}
.text_title_single a{
    color: #666;
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear
}
.text_title_single a:hover{
    text-decoration: underline;
}

.category_and_date_box_single{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
}
.text_category_single{
    border: solid 0.9px #666;
    display: inline-block;
    padding: 5px;
}
.text_date_single{
    display: inline-block;
    margin-top: 12px;
/*    margin-left: 12px;*/
    font-size: 13px;
}
.text_single p{
    line-height: 1.6em;
    text-align: left;
    margin-bottom: 20px;
}


/*-----youtube用------*/


/*----------サイドバー----------*/

#search-2{
    margin-bottom: 60px;
}
input[type="text"]{
    width: calc(70%);
    border-radius: 2px;
    border: 1px solid #999;
}
input[type="text"]:focus {
  border: 1px solid #000;
  outline: 0;
}
input[type="submit"]{
    width: calc(20%);
    border-radius:2px;
    margin-left: 10px;
    border: 1px solid #999;
}
label.screen-reader-text{
    display: none;
}

.widget ul li h2{
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 30px;
    font-weight: bold;
    color: #666;
    border-bottom: solid 0.9px #bbb;
    font-size: 14px;
}
#recent-posts-2 ul li{
    margin-bottom: 20px;
}
/* ページャー */
.pager{
    padding: 30px 0 90px 0;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
a.page-numbers,
.pager .current{
    background-color: #f7fcfe;
    border: solid 1px #aaaaaa;
    border-radius: 2px;
    padding: 5px 8px;
    margin: 0 2px;
}
.pager .current{
    background-color: #666;
    border: solid 1px #666;
    color: #ffffff;
}
.pager a{
    color: #000;
    text-decoration: none;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}
.pager a:hover{
    color: #ffffff;
    border: solid 1px #666;
    background-color: #666;
}

/* ページャー 記事 個別ページ*/
.pager_single{
    padding: 30px 0 90px 0;
    text-align: center;
    width: 300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
}
.pager_single a{
    color: #666;
    text-decoration: none;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}
.pager_single a:hover{
    color: #666;
    text-decoration: underline;
}



}/*PC用終わり*/






/*タブレット用---------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px){

html{
    font-size: 62.5%;
}
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;
}
body{
/*    overflow-y:overlay;*/
}





.wp_contents{
    display: flex;
    justify-content: space-between;
}
.wp_mainbar{
    width: calc(65% - 25px);
}
.wp_mainbar_section{
    width: 100%;
/*    background: khaki;*/
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 90px;
}
.mainbar_img{
/*    width: 50%;*/
}
.mainbar_img img{
    max-width: 300px;
    height: auto;
    vertical-align: bottom;
    margin-right: 20px;
    margin-top: 20px;
}
.mainbar_text{
    width: calc(100%);
}
.mainbar_text p{
    text-align: left;
}
.category_and_date_box{
    display: flex;
}
.text_category{
    border: solid 0.9px #666;
    display: inline-block;
    padding: 5px;
    margin-bottom: 10px;
}
.text_date{
    display: inline-block;
/*    margin-top: 12px;*/
/*    margin-left: 12px;*/
    font-size: 1.3rem;
    margin-bottom: 5px;
}
.text_title{
    color: #666;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.6em;
}
.text_title a{
    color: #666;
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear
}
.text_title a:hover{
    text-decoration: underline;
}


.wp_sidebar{
    width: calc(35% - 25px);
}
.wp_sidebar h3{
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #666;
    border-bottom: solid 0.9px #bbb;
    font-size: 1.6rem;
}
.wp_sidebar a{
    color: #666;
    text-decoration: none;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}
.wp_sidebar a:hover{
    color: #666;
    text-decoration: underline;
}
.widget{
    margin-bottom: 60px;
}
.widget ul li{
    margin-bottom: 10px;
    font-size: 1.4rem;
}
/*----------記事 個別ページ【タブレット用】----------*/
.wp_contents_single{
    display: flex;
    justify-content: space-between;
}
.wp_mainbar_single{
    width: calc(65%);
}

.wp_mainbar_single img{
    margin-bottom: 50px;
    margin-top: 50px;
    max-width: calc(100%);
    height: auto;
}

.wp_mainbar_section_single{
    width: 100%;
    margin-bottom: 0px;
    box-sizing: border-box;
}


.mainbar_text_single{

}

.text_title_single{
    color: #666;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.6em;
    border-bottom: 1px solid #ccc;
    padding: 0px 0px 10px;
    margin-bottom: 10px;
}
.text_title_single a{
    color: #666;
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear
}
.text_title_single a:hover{
    text-decoration: underline;
}

.category_and_date_box_single{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
}
.text_category_single{
    border: solid 0.9px #666;
    display: inline-block;
    padding: 5px;
}
.text_date_single{
    display: inline-block;
    margin-top: 12px;
/*    margin-left: 12px;*/
    font-size: 1.3rem;
}
.text_single p{
    line-height: 1.6em;
    text-align: left;
    margin-bottom: 20px;
}

/*-----youtube用------*/


/*----------サイドバー【タブレット用】----------*/

#search-2{
    margin-bottom: 60px;
}
input[type="text"]{
    width: calc(60%);
    border-radius: 2px;
    border: 1px solid #999;
}
input[type="text"]:focus {
  border: 1px solid #000;
  outline: 0;
}
input[type="submit"]{
    width: calc(20%);
    border-radius:2px;
    margin-left: 10px;
    border: 1px solid #999;
}
label.screen-reader-text{
    display: none;
}

.widget ul li h2{
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 30px;
    font-weight: bold;
    color: #666;
    border-bottom: solid 0.9px #bbb;
    font-size: 1.4rem;
}
#recent-posts-2 ul li{
    margin-bottom: 20px;
}
/* ページャー【タブレット用】 */
.pager{
    padding: 30px 0 90px 0;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    font-size: 1.4rem;
}
a.page-numbers,
.pager .current{
    background-color: #f7fcfe;
    border: solid 1px #aaaaaa;
    border-radius: 2px;
    padding: 5px 8px;
    margin: 0 2px;
}
.pager .current{
    background-color: #666;
    border: solid 1px #666;
    color: #ffffff;
}
.pager a{
    color: #000;
    text-decoration: none;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}
.pager a:hover{
    color: #ffffff;
    border: solid 1px #666;
    background-color: #666;
}

/* ページャー 記事 個別ページ【タブレット用】*/
.pager_single{
    padding: 30px 0 90px 0;
    text-align: center;
    width: 300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-size: 1.4rem;
}
.pager_single a{
    color: #666;
    text-decoration: none;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}
.pager_single a:hover{
    color: #666;
    text-decoration: underline;
}



}/*タブレット用終わり*/






/*スマホ用-------------------------*/
@media only screen and (max-width: 767px){

html{
    font-size: 62.5%;
}
img{
    max-width: 100%;
    height: auto;
    width /***/:auto;
}




.wp_contents{
    display: flex;
    justify-content: space-between;
}
.wp_mainbar{
    width: calc(100%);
}
.wp_mainbar_section{
    width: 100%;
/*    background: khaki;*/
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 90px;
}
.mainbar_img{
/*    width: 50%;*/
}
.mainbar_img img{
    width: 100%;
    height: auto;
    vertical-align: bottom;
    margin-right: 20px;
    margin-top: 20px;
}
.mainbar_text{
    width: calc(100%);
}
.mainbar_text p{
    text-align: left;
}
.category_and_date_box{
    display: flex;
}
.text_category{
    border: solid 0.9px #666;
    display: inline-block;
    padding: 5px;
    margin-bottom: 10px;
}
.text_date{
    display: inline-block;
/*    margin-top: 12px;*/
/*    margin-left: 12px;*/
    font-size: 1.3rem;
    margin-bottom: 5px;
}
.text_title{
    color: #666;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.6em;
}
.text_title a{
    color: #666;
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear
}
.text_title a:hover{
    text-decoration: underline;
}


.wp_sidebar{
/*    width: calc(35% - 25px);*/
    display: none;
}
.wp_sidebar h3{
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #666;
    border-bottom: solid 0.9px #bbb;
    font-size: 1.6rem;
}
.wp_sidebar a{
    color: #666;
    text-decoration: none;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}
.wp_sidebar a:hover{
    color: #666;
    text-decoration: underline;
}
.widget{
    margin-bottom: 60px;
}
.widget ul li{
    margin-bottom: 10px;
    font-size: 1.4rem;
}
/*----------記事 個別ページ【スマホ用】----------*/
.wp_contents_single{
    display: flex;
    justify-content: space-between;
}
.wp_mainbar_single{
    width: calc(100%);
}

.wp_mainbar_single img{
    margin-bottom: 50px;
    margin-top: 50px;
    width: calc(100%);
    height: auto;
}

.wp_mainbar_section_single{
    width: 100%;
    margin-bottom: 0px;
    box-sizing: border-box;
}


.mainbar_text_single{

}

.text_title_single{
    color: #666;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.6em;
    border-bottom: 1px solid #ccc;
    padding: 0px 0px 10px;
    margin-bottom: 10px;
}
.text_title_single a{
    color: #666;
    text-decoration: none;
    transition-property: all;
    transition: 0.3s linear
}
.text_title_single a:hover{
    text-decoration: underline;
}

.category_and_date_box_single{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
}
.text_category_single{
    border: solid 0.9px #666;
    display: inline-block;
    padding: 5px;
}
.text_date_single{
    display: inline-block;
    margin-top: 12px;
/*    margin-left: 12px;*/
    font-size: 1.3rem;
}
.text_single p{
    line-height: 1.6em;
    text-align: left;
    margin-bottom: 20px;
}



/*----------サイドバー【スマホ用】----------*/

#search-2{
    margin-bottom: 60px;
}
input[type="text"]{
    width: calc(60%);
    border-radius: 2px;
    border: 1px solid #999;
}
input[type="text"]:focus {
  border: 1px solid #000;
  outline: 0;
}
input[type="submit"]{
    width: calc(20%);
    border-radius:2px;
    margin-left: 10px;
    border: 1px solid #999;
}
label.screen-reader-text{
    display: none;
}

.widget ul li h2{
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 30px;
    font-weight: bold;
    color: #666;
    border-bottom: solid 0.9px #bbb;
    font-size: 1.4rem;
}
#recent-posts-2 ul li{
    margin-bottom: 20px;
}
/* ページャー【スマホ用】 */
.pager{
    padding: 30px 0 90px 0;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    font-size: 1.4rem;
}
a.page-numbers,
.pager .current{
    background-color: #f7fcfe;
    border: solid 1px #aaaaaa;
    border-radius: 2px;
    padding: 5px 8px;
    margin: 0 2px;
}
.pager .current{
    background-color: #666;
    border: solid 1px #666;
    color: #ffffff;
}
.pager a{
    color: #000;
    text-decoration: none;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}
.pager a:hover{
    color: #ffffff;
    border: solid 1px #666;
    background-color: #666;
}

/* ページャー 記事 個別ページ【スマホ用】*/
.pager_single{
    padding: 30px 0 90px 0;
    text-align: center;
    width: 300px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-size: 1.4rem;
}
.pager_single a{
    color: #666;
    text-decoration: none;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition: 0.3s linear;
    transition: 0.3s linear;
}
.pager_single a:hover{
    color: #666;
    text-decoration: underline;
}



}/*スマホ用終わり*/