@charset "utf-8";

@media print {
body {
display: none !important;
}
}

html {
font-size: 62.5%;
}
body {
color: #333333;
font-family: Verdana, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", "Meiryo", sans-serif;
font-size: 1.6rem;
line-height: 1.8;
letter-spacing: 0.2px;
background: #fff;
 -webkit-touch-callout:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 padding:0;
 margin:0;
}
body.noscroll {
overflow: hidden;
}
* {
box-sizing: border-box;
}
main {
display: block;
}

/* link
------------------------------------------------ */

a:focus,
*:focus {
  outline:none;
}

a:link {
color: #590023;
}
a:visited {
color: #590023;
text-decoration: none;
}
a:hover {
color: #DA0057;
text-decoration: underline;
}
a:active {
color: #DA0057;
text-decoration: underline;
}

/* clearfix
------------------------------------------------ */

.clearfix:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
min-height: 1%;
}

/* Hides from IE-mac \*/

* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}

/* img
------------------------------------------------ */

img {
max-width: 100%;
height: auto;
}

/* button
------------------------------------------------ */

.button {
text-align: center;
font-size: 1.4rem;
margin-bottom: 30px;
}
.button a {
display: inline-block;
padding: 10px 40px;
color: #fff;
background: #006837;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
border-radius: 30px;
}
.button a:after {
font-family: 'Font Awesome 5 Free';
content: "\f138";
margin-left: .5em;
font-weight: bold;
}
.button a[target="_blank"]:after {
font-family: "Font Awesome 5 Free";
content: " \f35d";
margin-left: .5em;
font-weight: bold;
}
.button a:link,
.button a:visited,
.button a:active {
color: #fff;
text-decoration: none;
}
.button a:hover {
text-decoration: none;
background: #00E576;
box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.25);
transform: translateY(-10px);
}
.button a:active {
box-shadow: none;
transform: translateY(0);
}

/* buttonWide
------------------------------------------------ */

.buttonWide {
text-align: center;
font-size: 1.4rem;
margin-bottom: 30px;
}

.buttonWide a {
display: block;
padding: 10px 40px;
color: #fff;
background: #006837;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
border-radius: 30px;
}
.buttonWide a:after {
font-family: 'Font Awesome 5 Free';
content: "\f138";
margin-left: .5em;
font-weight: bold;
}
.buttonWide a[target="_blank"]:after {
font-family: "Font Awesome 5 Free";
content: " \f35d";
margin-left: .5em;
font-weight: bold;
}
.buttonWide a:link,
.buttonWide a:visited,
.buttonWide a:active {
color: #fff;
text-decoration: none;
}
.buttonWide a:hover {
text-decoration: none;
background: #00E576;
box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.25);
transform: translateY(-10px);
}
.buttonWide a:active {
box-shadow: none;
transform: translateY(0);
}

/* 文字
------------------------------------------------ */

strong {
font-weight: bold;
}

.textC {
text-align: center;
}

.textR {
text-align: right;
}

.textL {
text-align: left;
}
.red {
color: red;
}
.blue {
color: blue;
}

.bold {
font-weight: bold;
}

.smallCap {
font-size: 1.4rem;
}

.largeCap {
font-size: 2rem;
}

.vLast {
margin-bottom: 0 !important;
}

.hLast {
margin-right: 0 !important;
}

.margin-bottom {
margin-bottom: 30px;
}

.super {
vertical-align: super;
font-size: 70%;
}

.shitatsuki {
font-size: 70%;
}


.floatL {
float: left;
}

.floatR {
float: right;
}

.noWrap {
white-space: nowrap;
}

.comment {
margin-left: .5em;
padding-left: .5em;
border-left: 5px solid #BDBDBD;
}

.bottomSpace {
margin-bottom: 30px;
}

.atmark:before {
content: "@";
}

/* 装飾
------------------------ */

.waku {
margin-bottom: 30px;
border: 4px solid #B55A69;
padding: 1em;
}

@media print,
screen and (min-width: 736px) {
.waku {
margin: 0 30px 30px;
}
}

.bg-gray {
background: #eee;
padding: 1em;
margin-bottom: 30px;
}

@media print,
screen and (min-width: 736px) {
.bg-gray {
margin: 0 30px 30px;
}
}

.bg-red {
background: #FFCCCC;
padding: 20px;
margin-bottom: 30px;
}

.bg-blue {
background: #CEEBFF;
padding: 20px;
margin-bottom: 30px;
}

/* img
------------------------------------------------ */

img {
max-width: 100%;
height: auto;
}



/* Layout
------------------------------------------------ */

/* header
------------------------------------------------ */

#header {
margin: 10px 5px 20px;
}

#header a:hover {
opacity: .6;
}

.header_wrap {
padding: 10px 10px 10px 20px;
background: #AEBD64;
border-radius: 40px;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow:7px 7px 20px rgba(179,179,179,0.75);
}

.header_logo {
display: block;
width: 40%;
}

.header_searchBox {
font-size: 1.1rem;
width: 50%;
}


.header_searchBox_textBox {
border-radius: 5px;
width: calc(100% - 40px)
}

.header_searchBox_btn {
  border: none;
  background: #006837;
  border-radius: 5px;
  color: #fff;
}

.header_logo-jfpa {
  display: none;
}


.header_sns {
  position: fixed;
  bottom: 20px;
  right: 20px;
display: flex;
z-index: 9999;
}

.header_sns_jfpa,
.header_sns_fb,
.header_sns_tw {
margin-right: 10px;
}

@media print, screen and (min-width: 769px) {
#header {
margin: 20px 0 40px;
}

#header a {
  display: block;
}

.header_wrap {
width: 1240px;
margin: 0 auto;
padding: 15px 40px;
border-radius: 40px;
}

.header_logo {
margin-right: auto;
width: auto;
}

.header_logo img {
height: 50px;
}

.header_searchBox {
  width: 250px;
  margin-left: 30px;
  font-size: 1.4rem;
}

.header_searchBox_textBox {
  border-radius: 5px;
  width: 205px;
}

.header_searchBox_btn {
  border: none;
  background: #006837;
  border-radius: 5px;
  color: #fff;
}

.header_logo-jfpa {
  margin-left: 30px;
  display: block;
}

.header_logo-jfpa img {
height: 30px;
width: auto;
}

.header_sns {
  position: static;
  display: flex;
}



#header .header_sns a.header_sns_jfpa {
  display: none;
}

}

/* mainVisual
------------------------------------------------ */

#mainVisual {
width: 100%;
margin: 0 auto 10px;
}
.swiper-wrapper {
height: calc(100vw * 300 / 730);
}
.swiper-pagination {
position: static !important;
text-align: center;
}
span.swiper-pagination-bullet {
  margin: 0 5px;
}
.swiper-pagination-bullet-active {
  background-color: #006837 !important;
}
.swiper-slide {
margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
#mainVisual {
min-width: 1240px;
margin: 0 auto 30px;
}
.swiper-wrapper {
height: auto;
}
.swiper-container {
width: 1240px;
}
.swiper-slide {
height: 300px;
line-height: 300px;
}
}

/* container
------------------------------------------------ */

#container {
padding: 0 10px;
}

@media print, screen and (min-width: 769px) {
  
#container {
  width: 1240px;
  margin: 0 auto 40px;
padding: 0;
}

}
/* side
------------------------------------------------ */

#side {
margin-bottom: 40px;
text-align: center;
}

.side_bn {
  margin-bottom: 20px;
}

.side_bn img {
  width: 100%;
  max-width: 300px;
  height: auto;
}

.side_bn:last-child {
  margin-bottom: 0;
}

@media print, screen and (min-width: 769px) {

#side {
  float: right;
  width: 300px;
margin-bottom: 0;
position:relative;
}

.side_bn a:hover {
opacity: .6;
}
}

/* main
------------------------------------------------ */
#main {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid #AEBD64 8px;
}

.h2_topics {
font-size: 2.4rem;
background:url(../images/jjc-icon-topics.png) no-repeat 0 50%;
background-size: auto 32px;
padding-left: 40px;
border-bottom: solid #AEBD64 8px;
margin: 0 0 20px;
font-weight: bold;
}

@media print, screen and (min-width: 769px) {
#main {
  float: left;
  width: 900px;
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

.h2_topics {
font-size: 3.0rem;
background-size: auto 50px;
padding-left: 60px;
margin: 0 0 40px;
} 
}

/* keyword
------------------------------------------------ */
.main_keyword {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.main_keyword_item {

  margin: 0 5px;
}

.main_keyword_item a {
color: #fff;
}

.main_keyword_item a {
  display: inline-block;
  width: 128px;
  width: auto;
  font-size: 1.4rem;
  line-height: 24px;
  padding: 0 10px 0 5px;
  margin: 0 0 10px 12px;
  color: #fff;
  background-color: #006837;
  text-decoration: none;
  position: relative;
  border-radius: 0 0 0 0
}
.main_keyword_item a:hover {
  color: #fff;
  background-color: #00E576;
}
.main_keyword_item a:before {
  content: "";
  position: absolute;
  top: 0;
  left: -12px;
  width: 0;
  height: 0;
  border-color: transparent #006837 transparent transparent;
  border-style: solid;
  border-width: 12px 12px 12px 0
}
.main_keyword_item a:hover:before {
  border-right-color: #00E576;
}

@media print, screen and (min-width: 769px) {
.main_keyword {
  margin-bottom: 30px;
}
}



/* PICK UP
------------------------------------------------ */

.main_topics_pickUp {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid #AEBD64 8px;
}

.main_topics_pickUp.main_topics_pickUp_last {
  border-bottom: none;
  padding-bottom: 0;
}

.main_topics_pickUp_wrap {
display: block;
border-radius: 10px;
padding: 20px;
box-shadow:7px 7px 20px rgba(179,179,179,0.75);
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}


a.main_topics_pickUp_wrap:link,
a.main_topics_pickUp_wrap:active,
a.main_topics_pickUp_wrap:hover,
a.main_topics_pickUp_wrap:visited {
color: #333;
text-decoration: none;
}

.main_topics_pickUp_photo {
  max-width: 300px;
  margin: 0 auto 5px;
}

.main_topics_pickUp_photo img {
width: 300px;
height: 225px;
object-fit: cover;
}

.main_topics_pickUp_title_sp {
  display: block;
  font-size: 2.0rem;
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 5px;
}

.main_topics_pickUp_title {
display: none;
}

.main_topics_pickUp_title::before,
.main_topics_pickUp_title_sp::before {
content: "PICK UP!";
display: block;
font-weight: normal;
font-size: 1.2rem;
color: #fff;
background: #B55A69;
padding-left: 10px;
margin-bottom: 5px;
border-radius: 10px;
}

.main_topics_pickUp_date {
  margin-right: auto;
}

.main_keyword_item_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.main_topics_pickUp_komono .main_keyword_item a {
  width: auto;
  padding-right: 10px;
}

.main_topics_pickUp_text_tsuzuki {
background: #B55A69;
color: #fff;
font-size: 1.4rem;
padding: 2px .5em;
}



@media print, screen and (min-width: 429px) {
  .main_topics_pickUp_komono {
    display: flex;
  }
  
}

@media print, screen and (min-width: 769px) {
.main_topics_pickUp {
  margin-bottom: 40px;
  padding: 0 30px 40px;
}
.main_topics_pickUp.main_topics_pickUp_last {
  padding-bottom: 0;
}

.main_topics_pickUp_wrap {
display: flex;
}

.main_topics_pickUp_wrap:hover {
box-shadow:14px 14px 40px rgba(179,179,179,0.75);
transform: translateY(-10px);
}


.main_topics_pickUp_photo {
  width: 300px;
  margin-right: 10px;
  flex-shrink: 0;
}

.main_topics_pickUp_title {
  display: block;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: bold;
}
.main_topics_pickUp_title_sp {
display: none;
}

}


/* main_topics_list
------------------------------------------------ */

.main_topics_list {
  margin-bottom: 20px;
  border-bottom: solid #AEBD64 8px;
}

.main_topics_list_item {
margin-bottom: 20px;
}

.main_topics_list_item a {
  border-radius: 10px;
  display: block;
  box-shadow:7px 7px 20px rgba(179,179,179,0.75);
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  padding: 10px;
  overflow: hidden;
}

.main_topics_list_item a:link,
.main_topics_list_item a:active,
.main_topics_list_item a:hover,
.main_topics_list_item a:visited {
color: #333;
text-decoration: none;
}

.main_topics_list_photo {
float: left;
width: 120px;
  flex-shrink: 0;
  margin-right: 5px;
}

.main_topics_list_photo img {
width: 120px;
height: 90px;
object-fit: cover;
}

.main_topics_list_title_sp {
  display: block;
  font-weight: bold;
min-height: 90px;
line-height: 30px;
}

.main_topics_list_title {
display: none;
}

.main_topics_list_title_material {
font-weight: normal;
font-size: 1.2rem;
color: #fff;
background: #ef929d;
padding-left: 10px;
margin-bottom: 5px;
border-radius: 10px;
}
.main_topics_list_title_topics {
font-weight: normal;
font-size: 1.2rem;
color: #fff;
background: #84a0e2;
padding-left: 10px;
margin-bottom: 5px;
border-radius: 10px;
}
.main_topics_list_title_series {
font-weight: normal;
font-size: 1.2rem;
color: #fff;
background: #ca89cf;
padding-left: 10px;
margin-bottom: 5px;
border-radius: 10px;
}


.main_topics_list_komono {
  font-size: 1.4rem;
  display: flex;
  justify-content: space-between;
}

.main_topics_list_item a .main_topics_list_komono .main_keyword_item a {
  display: inline-block;
  font-size: 1.2rem;
  margin: 0;
  width: auto;
  padding:0 10px;
  box-shadow:none;
  border-radius: 0;
  color: #fff;
  transition: none;
  overflow: visible;
}

@media print, screen and (min-width: 769px) {
.main_topics_list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
  padding: 0 30px 10px;
}

.main_topics_list_item {
  margin: 0 30px 30px 0;
}

.main_topics_list_item a {
  width: 260px;
  border-radius: 10px;
  display: block;
  box-shadow:7px 7px 20px rgba(179,179,179,0.75);
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  padding: 20px;
}

.main_topics_list_item:nth-of-type(3n) {
margin-right: 0;
}

.main_topics_list_item a:hover {
box-shadow:14px 14px 40px rgba(179,179,179,0.75);
transform: translateY(-10px);
}
.main_topics_list_item a:link,
.main_topics_list_item a:active,
.main_topics_list_item a:hover,
.main_topics_list_item a:visited {
color: #333;
text-decoration: none;
}
.main_topics_list_photo {
  float: none;
  width: 100%;
  flex-shrink: 0;
  margin-bottom: 5px;
}

.main_topics_list_photo img {
width: 220px;
height: 165px;
object-fit: cover;
}

.main_topics_list_title {
  display: block;
  font-size: 1.6rem;
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 5px;
}

.main_topics_list_title_sp {
  display: none;
}

.main_topics_list_komono {
  font-size: 1.4rem;
  display: flex;
flex-wrap: wrap;
}

.main_topics_list_date {
margin-right: 10px;
}

.main_topics_list_komono .main_keyword_item a {
  display: inline-block;
  font-size: 1.2rem;
  margin: 0;
  width: auto;
  padding:0 5px !important;
  box-shadow:none;
  border-radius: 0;
  color: #fff;
  transition: none;
}

.main_topics_list_komono .main_keyword_item a:hover {
  box-shadow: none;
  transform: none;
}


}


/* 連載
------------------------------------------------ */

.main_topics_rensai {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid #AEBD64 8px;
}

.main_topics_rensai.main_topics_rensai_last {
  border-bottom: none;
  padding-bottom: 0;
}

.main_topics_rensai_wrap {
display: block;
border-radius: 10px;
padding: 20px;
box-shadow:7px 7px 20px rgba(179,179,179,0.75);
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}


a.main_topics_rensai_wrap:link,
a.main_topics_rensai_wrap:active,
a.main_topics_rensai_wrap:hover,
a.main_topics_rensai_wrap:visited {
color: #333;
text-decoration: none;
}

.main_topics_rensai_photo {
  max-width: 300px;
  margin: 0 auto 5px;
}

.main_topics_rensai_photo img {
width: 300px;
height: 225px;
object-fit: cover;
}

.main_topics_rensai_title_sp {
  display: block;
  font-size: 2.0rem;
  line-height: 1.6;
  font-weight: bold;
  margin-bottom: 5px;
}

.main_topics_rensai_title {
display: none;
}


.main_topics_rensai_date {
  margin-right: auto;
}

.main_keyword_item_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.main_topics_rensai_komono .main_keyword_item a {
  width: auto;
  padding-right: 10px;
}

.main_topics_rensai_text_tsuzuki {
background: #B55A69;
color: #fff;
font-size: 1.4rem;
padding: 2px .5em;
}

@media print, screen and (min-width: 429px) {
  .main_topics_rensai_komono {
    display: flex;
  }
  
}

@media print, screen and (min-width: 769px) {
.main_topics_rensai {
  margin-bottom: 40px;
  padding: 0 30px 40px;
}
.main_topics_rensai.main_topics_rensai_last {
  padding-bottom: 0;
}

.main_topics_rensai_wrap {
display: flex;
}

.main_topics_rensai_wrap:hover {
box-shadow:14px 14px 40px rgba(179,179,179,0.75);
transform: translateY(-10px);
}


.main_topics_rensai_photo {
  width: 300px;
  margin-right: 10px;
  flex-shrink: 0;
}

.main_topics_rensai_title {
  display: block;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: bold;
}
.main_topics_rensai_title_sp {
display: none;
}

}

/* footer
------------------------------------------------ */

footer {
width: 100%;
background: #AEBD64;
color: #fff;
font-size: 1.4rem;
}

footer a:hover {
opacity: .6;
}

.footer_wrap {
padding: 20px;
}
.footer_logo {
width: 70%;
min-width: 280px;
margin: 0 auto 20px;
}
.footer_adress {
width: 70%;
min-width: 280px;
margin: 0 auto;
font-size: 1.2rem;
}
.footer_copyRight {
background: #006837;
padding: 5px;
text-align: center;
padding-bottom: 70px;
}
@media print,
screen and (min-width: 769px) {
footer {
min-width: 1240px;
}
.footer_wrap {
padding: 20px 0;
display: flex;
justify-content: center;
align-items: center;
}
.footer_logo {
width: auto;
min-width: auto;
margin: 0 20px 0 0;
font-size: 1.4rem;
}
.footer_adress {
width: auto;
min-width: auto;
line-height: 1.5;
margin: 0 0 20px 0;
font-size: 1.4rem;
}
.footer_copyRight {
padding-bottom: 5px;
}
}

/* main_entry 
------------------------------------------------ */

.main_entry {
  border-radius: 10px;
  display: block;
  box-shadow: 7px 7px 20px rgba(179,179,179,0.75);
  padding: 20px;
  margin-bottom: 20px;
}

.main_entry_wrap {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid #AEBD64 8px;

}

.main_entry_titleArea {
  margin-bottom: 20px;
}

.main_entry .h2_topics {
  font-size: 1.6rem;
  background:url(../images/jjc-icon-topics.png) no-repeat 0 50%;
  background-size: auto 24px;
  padding-left: 34px;
  border-bottom: solid #AEBD64 8px;
  margin: 0 0 20px;
  font-weight: bold;
}
.main_entry_h1 {
  font-size: 2.4rem;
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: solid #AEBD64 8px;
}

.main_entry_komono {

}

.main_entry_date {
  margin-right: auto;
}

@media print, screen and (min-width: 769px) {
.main_entry {
  border-radius: 10px;
  display: block;
  box-shadow: 7px 7px 20px rgba(179,179,179,0.75);
  padding: 40px;
  margin-bottom: 40px;
}

.main_entry_wrap {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: solid #AEBD64 8px;

}

.main_entry_titleArea {
  margin-bottom: 40px;
}

.main_entry .h2_topics {
  font-size: 2.4rem;
  background:url(../images/jjc-icon-topics.png) no-repeat 0 50%;
  background-size: auto 32px;
  padding-left: 40px;
  border-bottom: solid #AEBD64 8px;
  margin: 0 0 20px;
  font-weight: bold;
}
.main_entry_h1 {
  font-size: 2.8rem;
  margin-bottom: 10px;
  padding-bottom: 20px;
  border-bottom: solid #AEBD64 8px;
}

.main_entry_komono {
  display: flex;
}

.main_entry_date {
  margin-right: auto;
}
}

/* entry_pageBtn
------------------------------------------------ */

.entry_pageBtn {
text-align: center;
font-size: 1.4rem;
}
.entry_pageBtn a {
display: inline-block;
padding: 10px;
color: #fff;
background: #006837;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
border-radius: 30px;
}

a.entry_pageBtn_prev {
float: left;
}

a.entry_pageBtn_next {
float: right;
}

.entry_pageBtn a.entry_pageBtn_prev:before {
font-family: 'Font Awesome 5 Free';
content: "\f137";
margin-right: .5em;
font-weight: bold;
}
.entry_pageBtn a.entry_pageBtn_next:after {
font-family: 'Font Awesome 5 Free';
content: "\f138";
margin-left: .5em;
font-weight: bold;
}

.entry_pageBtn a:link,
.entry_pageBtn a:visited,
.entry_pageBtn a:active {
color: #fff;
text-decoration: none;
}
.entry_pageBtn a:hover {
text-decoration: none;
background: #00E576;
box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.25);
transform: translateY(-10px);
}
.entry_pageBtn a:active {
box-shadow: none;
transform: translateY(0);
}

@media print, screen and (min-width: 769px) {
.entry_pageBtn a {
padding: 10px 40px;
}
}


/* 記事の装飾
------------------------ */
.main_entry p {
  margin-bottom: 30px;
}
.main_entry .lead {
margin-bottom: 30px;
font-weight: bold;
}

.main_entry h2 {
  font-size: 2.0rem;
  margin-bottom: 30px;
  border-bottom: solid #AEBD64 4px;
}

.main_entry h3 {
  font-size: 1.8rem;
  margin-bottom: 30px;
  border-bottom: dotted #AEBD64 2px;
}

.main_entry .photo-l {
text-align: center;
  margin-bottom: 30px;
}

.main_entry .photo-r {
  text-align: center;
  margin-bottom: 30px;
}

@media print, screen and (min-width: 769px) {
.main_entry .lead {
padding: 0 60px;
margin-bottom: 40px;
}

.main_entry h2 {
  font-size: 2.4rem;
}

.main_entry .photo-l {
  float: left;
  margin: 0 20px 30px 0;
}

.main_entry .photo-r {
  float: right;
  margin: 0 0 30px 20px;
}
}

/* ------------------------------------------------ */

.pageNation {
display: flex;
justify-content: center;
flex-wrap: wrap;
}

.pageNation a {
display: block;
padding: 5px 15px;
background: #e6e6e6;
margin: 0 5px;
border-radius: 50%;
}

.pageNation a:link,
.pageNation a:visited,
.pageNation a:active,
.pageNation a:hover {
color: #333;
text-decoration: none;
}

.pageNation a:hover {
background: #00E576;
color: #fff;
}

.pageNation a.pageNation_current {
color: #fff;
}


a.pageNation_current {
background: #076d60;
color: #fff;
}

a.pageNation_test {
display: none;
}

@media print, screen and (min-width: 769px) {
a.pageNation_test {
display: block;
}

}

/* ------------------------------------------------ */

.main_topics_list_komono2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.main_topics_list_date {
margin-right: 5px;
font-size: 1.4rem;;
}

.main_keyword_item2 {
  margin: 0 5px 0 9px;
}

.main_keyword_item2 a {
  display: inline-block;
  width: auto;
  font-size: 1.2rem;
  line-height: 18px;
  padding:0 3px;
  margin: 0;
  color: #fff !important;
  background-color: #006837;
  text-decoration: none;
  position: relative;
  border-radius: 0;
  overflow: visible;
  box-shadow:none;
  transition: none;
}
.main_keyword_item2 a:hover {
  color: #fff;
  background-color: #00E576;
  box-shadow: none;
  transform: none;
}
.main_keyword_item2 a:before {
  content: "";
  position: absolute;
  top: 0;
  left: -9px;
  width: 0;
  height: 0;
  border-color: transparent #006837 transparent transparent;
  border-style: solid;
  border-width: 9px 9px 9px 0
}
.main_keyword_item2 a:hover:before {
  border-right-color: #00E576;
}

@media print, screen and (min-width: 769px) {
.main_keyword_item2 a {
  padding:0 3px;
}
}

/* 1月28日　石本さんへ
------------------------------------------------ */
.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

/* フラットなデザイン　シンプル
------------------------------------------------ */
.btn-flat-simple {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #00BCD4;
  background: #ECECEC;
  transition: .4s;
}
.btn-flat-simple:hover {
  background: #00bcd4;
  color: white;
}