@charset "utf-8";

#mbbt5{margin-bottom:5%;}


.tk-contents{
  width: 100%;
  margin:0 auto;
  padding:10px 0 0;
  position: relative;
}

.tk-contents h1{
  font-weight:400;
  font-family: 'Zen Antique', serif;
  font-size:2.2em;
  margin-bottom:30px;
  line-height:1.5;
}

@media screen and (max-width: 1280px) {
.tk-contents h1{
  font-size:1.8em;
  margin-bottom:15px;
}
}

@media screen and (max-width: 900px) {
.tk-contents h1{
  font-size:1.6em;
  margin-bottom:15px;
}
}

@media screen and (max-width: 568px) {
.tk-contents h1{
  font-size:1.3em;
  margin-bottom:5px;
  line-height:1.4;
}
}

.tk-contents .sb-txt{
  letter-spacing:0em;
  line-height:2;
  font-size:1.05em;
  color:#000;
  margin:15px 0;
  font-family: 'Zen Old Mincho', serif;
  font-weight:400;
}

.tk-contents .sb-txt a {
  text-decoration: none;
  color:#475f6c;
}

.tk-contents .sb-txt a:hover {
  color:#53658d;
  text-decoration: underline;
}

@media screen and (max-width: 1280px) {
.tk-contents .sb-txt{
  line-height:1.8;
  font-size:1em;
  margin:10px 0;
}
}

@media screen and (max-width: 900px) {
.tk-contents .sb-txt{
  text-align: left;
}
}

@media screen and (max-width: 568px) {
.tk-contents .sb-txt{
  margin:10px 0;
  line-height:1.6;
  font-size:0.95em;
}
}

/* #instagram
================================================== */
#instagram {
  width:100%;
  padding:1% 2% 1%;
  box-sizing: border-box;
  margin:0 auto;
}

@media screen and (max-width: 820px) {
#instagram{
  padding:4% 1%;
}
}

#instagram h1{
  font-weight:400;
  font-size:2em;
  margin-bottom:2%;
  color:#000;
  line-height:1.5;
  text-align: center;
}

@media screen and (max-width: 568px) {
#instagram h1{
  font-size:1.4em;
}
}

#instagram .instagram_txt{
  padding:2% 10px;
  text-align: center;
  line-height: 1.8;
  font-weight:400;
  font-size:1.1em;
}

@media screen and (max-width: 568px) {
#instagram .instagram_txt{
  padding:2%;
  font-size:0.95em;
}
}

#main {clear:both; position:relative; width:100%;text-align:left; padding:2% 0 5%;z-index:1;}

@media (max-width: 820px) {
#main {
  padding:0 0 8%;
}
}

@media (max-width: 568px) {
#main {
  padding:0 2% 10%;
  box-sizing: border-box;
}
}

.news_list {
margin:0 auto;
padding:0 2%;
width:100%;
box-sizing: border-box;
}

@media (max-width: 820px) {
.news_list{padding:0 3px;}
}

@media screen and (max-width: 568px) {
.news_list {
padding:0 2%;
}
}

.news {
margin:0 auto;
width:100%;
}

.card {
width: 20%;
overflow: hidden;
opacity: 0;
transform-property: opacity, transform;
transform-origin: 50%;
box-sizing: border-box;
margin:0;
padding:6px;
min-width:320px;
}

@media (max-width: 1280px) {
.card {width:33.3333%;padding:3px;}
}

@media (max-width: 820px) {
.card {min-width:initial;width:50%;}
}

@media (max-width: 568px) {
.card {width:100%;padding:10px 10px 5px;}
}

.card-wrapper {
background: #fff;
overflow:hidden;
border:1px solid #E5E3E3;
}

.card-head {
width: 100%;
padding:3% 4%;
box-sizing: border-box;
}

.card-head dt{
width: 85%;
text-align : left;
display:inline-block;
vertical-align: middle;
line-height:1.4;
font-family: 'Roboto', sans-serif;
font-weight:400;
}
.elname{font-size:13px;font-weight:500;}
.elday{font-size:12px;color: #A9A9A9;margin-left:2px;}

.card-head dt a { color:#000;text-decoration:none; }
.card-head dt a:hover { color:#000;text-decoration:none; }

.card-head dd{
width: 15%;
text-align : right;
display:inline-block;
vertical-align: middle;
font-size:1.3em;
}
.card-head dd a { color:#000;text-decoration:none; }
.card-head dd a:hover { color:#000;text-decoration:none; }


.card-image {
width: 100%;
display:block;
}

.card-image img {
  width: 100%;
  height:auto;
}

.card-image a:hover { opacity: 0.8; }

.card-info {
padding: 10px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;
color:#000;
}

.card-info a { color:#000;text-decoration:none; }
.card-info a:hover { opacity: 0.8; }


.card-info h2{
font-size:14px;
line-height:1.4;
margin:10px 0;
padding:0 5px;
display:block;
}

.card-info .nw_tx{
font-size:13px;
display:block;
height:auto;
word-wrap: break-word;
}

.nw_cat{
border-top:1px solid #DADADA;
padding: 10px 15px 8px;
color:#A6A6A6;
font-family: Roboto,Meiryo,sans-serif;
font-weight:400;
font-size:0.9em;
letter-spacing:.05em;
}

.nw_cat .jap{
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing:0em;
  font-weight:400;
  font-size:0.95em;
}

.nw_cat a { color:#A6A6A6;text-decoration:none; }
.nw_cat a:hover { opacity: 0.8; }

/* .new_page
--------------------------------------------------*/
.new_page {
  font-size : 0.9em;
  text-align : center;
  border-radius: 0;
  margin-top:4%;
  margin-bottom:2%;
  line-height:1.2;
  font-family: Roboto,Meiryo,sans-serif;
  font-weight:400;
  text-transform: uppercase;
  letter-spacing:.05em;
}

.current_page{
  background: #B4B4B4;
  color : #FFF;
  border: 1px solid #dedede;
  padding : 5px 8px 3px 8px;
  line-height:1.2;
}

.new_page a{
  margin:0 2px;
  background : #F7F7F7;
  color : #333;
  border: 1px solid #dedede;
  padding : 5px 8px 3px 8px;
  text-decoration	: none;
  -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
}

.new_page a:hover{
  background: #B4B4B4;
  color: #FFF;
  text-decoration	: none;
}

/* 詳細ページ
--------------------------------------------------*/
.news_syosai {
margin:0 auto;
padding:0 2% 3%;
width:100%;
max-width:640px;
box-sizing: border-box;
}

@media (max-width: 650px) {
.news_syosai {
padding:0.5% 3% 2%;
}
}

.entry-wrapper {
border-radius:4px;
background: #fff;
-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.22);
border-radius: 4px;
overflow:hidden;
}

.entry-image {
width: 100%;
}

.entry-image img {
width: 100%;
border-radius: 4px 4px 0 0;
}

.entry-image a:hover { opacity: 0.8; }

.news-info {
padding: 10px 15px 20px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif;
border-bottom:1px solid #DADADA;
}

.news-info h2{
font-size:1.4em;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing:0em;
font-weight:400;
line-height:1.4;
margin:10px 0;
padding:5px 5px 0;
text-align: center;
}

@media (max-width: 650px) {
.news-info h2{
font-size:1.1em;
}
}

.news-info .line{
width:50%;
margin:3% auto 5%;
clear:both;
border-top:3px solid #DDDDDD;
}

.nws_text p{
font-size:14px;
padding:5px;
line-height:1.8;
color:#000;
}

@media (max-width: 650px) {
.nws_text p{
font-size:13px;
padding:3px 0;
line-height:1.6;
}
}

#news-icon  {
  width:100%;
  margin:0 auto 0;
  box-sizing: border-box;
  font-size:0.85em;
  text-align: center;
  padding: 20px 2%;
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing:0em;
  font-weight:400;
}

@media (max-width: 450px) {
#news-icon  {width:90%;max-width:220px;padding: 10px 0 5px;}
}

.nw50{
width: 70%;
text-align : center;
display:inline-block;
vertical-align: middle;
}

.nw502{
width: 30%;
text-align : center;
display:inline-block;
vertical-align: middle;
color: #A9A9A9;
font-size:1.1em;
}

@media (max-width: 568px) {
.nw50{
width: 100%;
display:block;
}
.nw502{
width: 100%;
display:block;
}
}

#news-icon .nw50 a {
  display:inline-block;
  vertical-align: middle;
  margin: 0 5px 5px 0;
  padding: 0 0 0 0;
  color: #fff;
  text-align : left;
}

#news-icon li p {
  color: #A9A9A9;
  margin-right:5px;
  padding-top:4px!important;
  float: right;
  font-size:1.1em;
}

#news-icon i {
  width: 24px;
  height: 24px;
  margin: 0 2px 0 7px;
  border-radius: 50%;
  background: #B4B4B4;
  line-height: 24px;
  text-align: center;
  padding-left:1px;
  padding-bottom:1px;
}
#news-icon i:before { padding 0; line-height: 24px; }
#news-icon a:hover i { background: #CFCFCF;  }


.icon-ttl {
  color: #A9A9A9;
  margin-right:5px;
  display:inline-block;
  vertical-align: middle;
  font-size:1em;
}

.nw50 ul{
  color: #A9A9A9;
  display:inline-block;
  vertical-align: middle;
  font-size:1em;
}

.nws_bt{
  margin-top:5%;
  text-align: center;
}

.nws_bt p{
  font-size:0.9em;
  text-transform: uppercase;
  line-height:1;
  display:inline-block;
  vertical-align: middle;
  font-family: Roboto,Meiryo,sans-serif;
  letter-spacing:0em;
  font-weight:400;
}

.nw50 .fa{
  display:inline-block;
  vertical-align:middle;
}

.nws_bt a{color:#FFF;text-decoration:none;background-color:#5E5E5E;padding:8px 20px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
.nws_bt a:hover{color:#FFF;text-decoration:none;background-color:#989898;}