@charset "utf-8";

/* ===================================================================

CSS news

 file name	:style.css
 style info :新着情報用

=================================================================== */
/**{
  transition: all ease 0.3s;
}*/
body{
  width: 100%;
  max-width: 100%;
  word-wrap : break-word;
  overflow-wrap : break-word;
}

#contents {
    padding-bottom: 50px;
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
}

.news{
  background: url(../img/bg_news.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  padding-bottom: 6.85%;
  max-width: 1140px;
  width: 100%;
  min-height: 229px;
  margin: 0 auto 6%;
}

@media screen and (max-width: 1140px) {
  .news{
    min-height: auto;
    padding-bottom: 11.6%;
  }
}


#main {
    overflow: hidden;
    margin: 0 auto;
    max-width: 1024x;
    width: 100%;
    box-sizing: border-box;
    padding: 0 2%;
}

.main_inner {
    float: left;
    width: 74.54%;
}

.topicspanel{

}


/* ===================================================================

右カラム

=================================================================== */




#sidebar {
    float: right;
    width: 23.54%;
}

#sidebar h4:before {
  content: "";
  display: inline-block;
  background: url(../img/icon_logo.png);
  background-repeat: no-repeat;
  width: 27px;
  height: 39px;
  position: absolute;
  left: 1%;
}

#sidebar h4 {
    	font-family: "Ryumin Regular KL","Hiragino Mincho Pro" , "ヒラギノ明朝 Pro W3" ,"Hiragino Kaku Gothic Pro" ,  serif;
    border-bottom: 3px solid #bbad8d;
    font-size: 137.5%;
    padding: 0 0 0 20%;
    position: relative;
    width: 100%;
    line-height: 2;
}


.sideul, .news_line_archive_list {
    background:rgba(255,255,255,0.3);
    border-bottom: 1px solid #d7d7d6;
    margin-bottom: 30px;
    padding: 0;
}



.sideul li a:before,
.news_line_archive_list > li > a:before {
    content: "";
    font-family: FontAwesome;
    font-size: 13px;
    left: 15px;
    position: absolute;
    top: 50%;
    margin-top: -4%;
}

.news_line_archive_list > li ul li a:before {
    content: "└";
    font-size: 13px;
    left: 15px;
    position: absolute;
    top: 50%;
    margin-top: -4%;
}

.news_line_archive_list > li ul li{
  padding-left: 8%;;
}


.sideul li,
.news_line_archive_list li {
    font-size: 14px;
    padding: 0;
    position: relative;
}



.sideul li a,
.news_line_archive_list li a {
    display: block;
    line-height: 1.5;
    padding: 5% 5% 5% 15%;;
    transition: all 0.3s ease 0s;
    position: relative;
    transition: all ease 0.3s;
    text-decoration: underline;
}

.sideul li a:hover,
.news_line_archive_list li a:hover{
  opacity: 0.7;
  text-decoration: none;
}




.sideul li + li,
.news_line_archive_list li + li {
    border-top: 1px dotted #bdbcbb;
}
.sideul li, .news_line_archive_list li {
    font-size: 14px;
    padding: 0;
    position: relative;
}

.news_line_archive_list li ul {
    display: none;
}



/* ===================================================================

新着部分

=================================================================== */


.topicsimg {
    width: 304px;
    float: left;
    position: relative;
    overflow: hidden;
    height: 176px;
}

/*.topicsimg a{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1000%;
  height: 100%;
  line-height: 2000px;
  margin:-1000px 0 0 -500%;
  text-align: center;
}
*/

.topicsimg a img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

/*.topicsimg img{
  max-width: 100%;
  width: 100%;
  height: auto;
}
*/

@media screen and (max-width: 640px){


.topicsimg {
    width: 30%;
   /* height: 30%;*/
}
}

.topicslist .topicspanel {
  background: #FFFFFF;
  box-shadow: 6px 7px 14px -10px #999999;
  overflow: hidden;
  padding: 2.631%;
  margin-bottom: 3.6%;
}


.topicslist .topicsbox {
    line-height: 1.5;
    overflow: hidden;
    padding-left: 3%;
    position: relative;
}

.topicslist .topicsbox .post-edit-link{
  right: 6px;
  top: 0;
}


.topicslist .content {
    line-height: 1.5;
    overflow: hidden;
}

.topicslist .content > p{
  padding-bottom: 1em;
  line-height: 1.8;
}

.topicslist .content h2.title{
  font-size: 150%;
  padding-bottom: 3%;
  position: relative;
}

.topicslist .content h3{
	font-family: "Ryumin Regular KL","Hiragino Mincho Pro" , "ヒラギノ明朝 Pro W3" ,"Hiragino Kaku Gothic Pro" ,  serif;
  border-bottom: 2px dotted #ABABAB;
  position: relative;
  padding: 1% 0 1% 3%;
  font-size: 112.5%;
  margin-top: 1.5%;
  margin-bottom: 2.5%;
}

.topicslist .content h3:after{
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 2;
  width: 40%;
  content: "";
  height: 2px;
  background: #F03F3F;
}

.topicslist .content h3:before{
  background: url(../img/icon_h3.png);
  background-repeat: no-repeat;
  position: absolute;
  background-size: 50%;
  bottom: -2px;
  left: 0;
  top: -6px;
  width: 49px;
  height: 63px;
  z-index: 2;
  content: "";
}

@media screen and (max-width: 640px) {
.topicslist .content h3{
  margin-bottom: 1em;
}

.topicslist .content h3:before{
  background-size: 30%;
  left: -5px;
}
.topicslist .content h3,
.topicslist .content h3:after{
  border: none;
  background: none;
}
}

.topicslist .content h4{
	font-size:18px;
	margin-bottom:1em;
  line-height: 1.8;
}


dl.newscategory {
    line-height: 1.5;
    overflow: hidden;
    text-align: center;
    display: table;
    width: 70%;
}


dl.newscategory dt {
  background: #F03F3F none repeat scroll 0 0;
  display: table-cell;
  padding: 0.5% 3%;
  color: #FFFFFF;
  width: 45%;
  text-align: center;
}

dl.newscategory dd {
  display: table-cell;
  vertical-align: middle;
  color: #2e2f31;
  padding: 0 3%;
  text-align: left;
  background: #ede6d6;
  text-align: center;
  width: 55%;
}


.topicslist .topicsbox h3 {
  	font-family: "Ryumin Regular KL","Hiragino Mincho Pro" , "ヒラギノ明朝 Pro W3" ,"Hiragino Kaku Gothic Pro" ,  serif;
    line-height: 1.5;
    padding: 3% 0;
    font-size: 125%;
}

.line{
  position: relative;
}

.line:after{
  content: "";
  width: 100%;
  height: 3px;
  display: block;
  background: url(../img/line.png);
  background-repeat: repeat-x;
  position: relative;
  bottom: -3px;
  left: 0;
}
.topicslist .topicsbox p{
  color: #535353;
}




/* ===================================================================

ページ送り

=================================================================== */

.paging {
    margin-top: 5%;
}

.paging ul {
    text-align: center;
}


.paging ul li.pages,
.paging ul li.current,
.paging ul li span {
    background-color: #191919;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 40px;
}

.paging ul li.pages{
  width: 80px;
  margin-right: 5px;
}

.paging ul li {
    letter-spacing: normal;
    padding: 0 5px;
    display: inline-block;;
}


.paging ul li a {
    background-color: #959595;
    display: block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    color: #FFFFFF;
    transition: all ease 0.3s;
}

.paging ul li a:hover{
  opacity: 0.7;
}


/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
/*ここにtablet用スタイルを記述*/

.main_inner{
  width: 100%;
  float: none;
}

dl.newscategory{
  width: 100%;
}

#sidebar{
  width: 100%;
}

.sideul li a,
.news_line_archive_list li a{
  padding: 2% 1% 2% 4%;
  transition: all ease 0.3s;
}

.sideul li a:hover,
.news_line_archive_list li a:hover{
  opacity: 0.7;
}

.sideul li a:before,
.news_line_archive_list > li > a:before {
  margin-top: -1.2%
}

#sidebar h4{
  padding-left: 4%;
}


#contents{
  padding-bottom: 10%;
}

.news_line_archive_list > li ul li{
  padding-left: 2%;
}

.news_line_archive_list > li ul li a::before{
  left: 6px;
  margin-top: -1.5%;
}

}

/* smartPhone */
@media screen and (max-width: 640px) {

  .main_inner{
    width: 100%;
    float: none;
  }

  dl.newscategory{
    width: 100%;
  }

  #sidebar{
    width: 100%;
  }

  .sideul li a,
  .news_line_archive_list li a{
    padding: 2% 1% 2% 10%;
  }

  .sideul li a:before,
  .news_line_archive_list > li > a:before {
    margin-top: -3%
  }

  #sidebar h4{
    padding-left: 14%;
  }

#main{
  padding: 0;
}

dl.newscategory{
  display: block;
  text-align: left;
}
dl.newscategory dt{
  display: inline-block;
  margin-bottom: 1.5%;
  text-align: center;
  width: auto;
}

dl.newscategory dd{
  display: inline-block;
  text-align: center;
  padding-left: 0;
  padding: 0.5% 5%;
  width: auto;
}
.topicslist .topicsbox h3:after{
  background: none;
}

.topicslist .topicspanel{
  padding: 0;
}

.content{
  padding: 5%;
}

/*  .topicsimg{
    width: 30%;
  }*/

  /*.topicslist .topicsbox p{
    display: none;
  }*/


#sidebar h4:before{
  bottom: -10px;
}

#contents{
  padding-bottom: 10%;
}

#header{
  opacity: 0;
}

.news_line_archive_list > li ul li{
  padding-left: 2%;
}

.news_line_archive_list > li ul li a::before{
  left: 6px;
  margin-top: -1.5%;
}


.paging ul li.pages,
.paging ul li .previouspostslink,
.paging ul li .nextpostslink{
  display: none;
  opacity: 0;
}

.wp-pagenavi{
  margin-bottom: 5%;
}



}









/* ワードプレス編集用　editor */
.content strong {
    display: inline-block;
    font-weight: bold;
    margin-bottom: 5px;
}
.content em { font-style: italic; }
.content blockquote {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 40px;
	-webkit-margin-end: 40px;
	background: #eee none repeat scroll 0 0;
	border: 1px solid #ccc;
	padding: 10px 20px;
	margin-bottom: 15px;
}
/* img */
.content .aligncenter {
    display: block;
    margin: 0 auto;
}
.content .alignright {
	float: right;
	margin-left:15px;
	margin-bottom:15px;

}
.alignleft { float: left;
	margin-right:15px;
	margin-bottom:15px
}
.content img[class*="wp-image-"],
.content img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}



.content  h5{
	font-size:100%;
	margin-bottom:4px;
}

.content  h6{
	font-size:95%;
	margin-bottom:4px;
}


.content > ul,
.content > ol{
	margin: 2em;
}

.content > ul li,
.content > ol li{
	list-style: inside;
	line-height: 1.4;
}



.content table {
    font-size: 100%;
    width: 100%;
    margin-bottom: 5%;
}

.content tr {
    height: auto!important;
}

.content th {
    border-bottom:solid 1px silver;
    font-weight: 400;
    padding: 2%;
    vertical-align: middle;
    height: auto!important;
}


.content td {
    border-bottom:solid 1px silver;
    padding: 2%;
    vertical-align: top;
    height: auto!important;
}


/* smartPhone */
@media screen and (max-width: 640px) {

  /* img */
  .content .aligncenter {
      display: block;
      margin: 0 auto;
  }
  .content .alignright {
  	float: none;
    margin: 0 auto 3%;

  }
  .alignleft {
    float: none;
    margin: 0 auto 3%;
  }
  .content img[class*="wp-image-"],
  .content img[class*="attachment-"] {
      height: auto;
      max-width: 100%;
      display: block;
  }

  .content table {
      font-size: 100%;
      margin-top: 20px;
      width: 100%;
  }


  .content th,
  .content td {
      display: block;
      padding: 3%;
      width: 100%!important;
      height: auto!important;
  }
  .content tr{
    height: auto!important;
    width: 100%;
  }


  .content th{
    background-color: #F03F3F;
    color: #FFFFFF;
    border: none;
  }


}