@charset "utf-8";
/* CSS Document なぜかここを更新しても反映されない。直ガキしている。 */

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {background:#f2f2f2;}

.wrapper {position:relative;}
.fadeLayer {position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#000;z-index:200;visibility:hidden;
  filter:alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;}
@media screen and (max-width: 991px) {
}
@media screen and (min-width:992px){
  .fadeLayer {display:none !important;}
}


/* ----------------------------------------
 header
---------------------------------------- */
#header {width:100%;border:0;background:#181818;padding:35px 0 10px 0;z-index:200;position:relative;}
#header .wrap {position:relative;width:1200px;text-align:center;margin:0 auto;}
#header #logo {float:none;font-size:0;}
#header #header-sns {float:none;position:absolute;right:0;top:10px;}
#header #header-sns ul {padding:0;}
#header #header-sns li {font-size:15px;line-height:1;margin-left:25px;}
#header #header-sns li a {color:#8c8c8c;}
#header #header-sns li i {font-weight:bold;}
#gnav {background:#242424;text-align:center;margin:0;border:0;z-index:300;position:relative;}
#gnav li {float:none;display:inline-block;font-size:13px;letter-spacing:.2em;font-family:'Noto Sans Japanese'}
#gnav li a {padding:10px 0;color:#fff;background:none;border-top:1px solid #242424;}
#gnav li a:hover {color:#fff;}
#gnav li .sub-menu li {display:block;text-align:left;}
#gnav li .sub-menu li a {background:#343434;}
#gnav li .sub-menu li a:hover {background:#515151;}
@media screen and (max-width: 1200px) {
	#header .wrap {width:auto;}
	#header #header-sns {right:30px;}
}
@media screen and (max-width: 991px) {
	#header {position:fixed;width:100%;height:55px;top:0;left:0;padding:0 !important;}
	#header #logo {margin-top:10px;height:35px;}
	#header #logo img {width:auto;height:100%;}
	#gnav {display:block;margin:0;border:0;padding:0;background:none;z-index:200;position:absolute;top:0;left:0;width:100%;}
	#gnav .wrap {display:none;position:fixed;top:55px;left:0;width:100%;}
	#gnav #header-menu-tog {z-index:200;display:block;position:fixed;top:4px;right:5px;width:45px;height:45px;cursor:pointer;color:#fff;}
	#gnav #header-menu-tog:after {font-size:26px;font-family:FontAwesome;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;line-height:45px;}
	#gnav #header-menu-tog:after {content:"\f0c9";}
	#gnav #header-menu-tog.active:after {content:"\f00d";}
	#gnav #gnav-ul {margin:10px;border:1px solid #ccc;padding:10px;background:#fff;}
	#gnav li {display:block;font-size:13px;letter-spacing:.2em;}
	#gnav ul li a {padding:10px 0;color:#fff;background:none;border:0;border-top:1px solid #e5e5e5;color:#2b2d2d;margin:0;}
	#gnav ul li a:hover {border-top:1px solid #e5e5e5;}
	#gnav ul li.current-menu-item a {border-top:1px solid #e5e5e5;}
	#gnav ul li:first-child a {border-top:0;}
	#gnav ul li .sub-menu {margin-left:0;border-top:1px solid #e5e5e5;}
	#gnav ul li .sub-menu li a {border:0;border-top:1px solid #e5e5e5;background:#f5f5f5;}
	#gnav ul li .sub-menu li:first-child a {border-top:0;}
	#gnav ul li .sub-menu li a:hover {border-top:1px solid #e5e5e5;background:#fff;}
	#gnav ul li .sub-menu li:first-child a:hover {border-top:0;}
}
@media screen and (max-width: 360px) {
	#gnav #gnav-ul {padding:5px 10px;}
	#gnav ul li a {padding:8px 0;font-size:12px;}
	#gnav ul li .sub-menu li {}
	#gnav ul li .sub-menu li a {padding:5px 10px;font-size:11px;}
}
@media screen and (orientation: landscape) {
	#gnav ul li .sub-menu {display:none;}
}
@media screen and (min-width:992px){
  #gnav_menu {display:block !important;}
}


/* ----------------------------------------
 fotoer
---------------------------------------- */
#footer .footer-01 {background:#e6e6e6;}
#footer .footer-01 .wrap {padding:15px 0;}
#footer .footer-01 ul {text-align:center;}
#footer .footer-01 .sub-menu {display:none;}
#footer .footer-01 li {margin:0 35px;font-size:13px;letter-spacing:.2em;font-family:'Noto Sans Japanese'}
#footer .footer-02 {border-top:0;background:#dadada;}
#footer .footer-02 .footer-copy {text-align:center;letter-spacing:.2em;font-size:11px;font-family:'Noto Sans Japanese'}
@media screen and (max-width: 991px) {
	#footer .footer-01 .wrap {padding:5px 0;}
	#footer .footer-01 ul {overflow:hidden;}
	#footer .footer-01 li {display:block;border-top:1px solid #dadada;margin:0;}
	#footer .footer-01 li:first-child {border-top:0;}
	#footer .footer-01 li a {display:block;padding:10px;}
	#footer .footer-01 li a:hover {text-decoration:none;}
	#footer .footer-01 .sub-menu {margin:0;border-top:1px solid #dadada;text-align:left;display:block;}
	#footer .footer-01 .sub-menu li {}
	#footer .footer-01 .sub-menu li a {padding:8px 10px;color:#666;font-size:11px;}
	#footer .footer-01 .sub-menu li a:before {content:"・";margin-right:5px;color:#999;font-size:10px;}
}


/* ----------------------------------------
 side
---------------------------------------- */
#side .side-widget .side-title {background:#000;color:#fff;font-size:15px;letter-spacing:.2em;padding:10px 20px;margin-bottom:0;font-family:'Noto Sans Japanese'}
#side .side-widget {padding:0;margin-bottom:30px;}
#side .side-widget ul {background:#fff;}
#side .side-widget li {border-bottom:1px solid #f2f2f2;padding:0;font-size:13px;/*letter-spacing:.1em;font-family:'Noto Sans Japanese'*/}
#side .side-widget li a {position:relative;display:block;padding:20px 25px 20px 20px;background:none;}
#side .side-widget li a:after {position:absolute;content:"";top:50%;right:10px;width:10px;height:10px;margin-top: -5px;
  border:0px;border-top:solid 3px #f2f2f2;border-right:solid 3px #f2f2f2;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);}
#side .side-widget li a:hover {color:#f26156;opacity:1;}
#side .side-widget li a:hover:after {border-top:solid 3px #dbdbdb;border-right:solid 3px #dbdbdb;}
#side .widget_text .side-title {display:none;}
#side .widget_text a {display:block;}
#side .widget_text a:hover {opacity:.75;}
#side .widget_text .side_bnr {max-width:290px;margin:0 auto;}
#side .widget_views ul {background:none;margin-top:28px;}
#side .widget_views li {margin-bottom:15px;}
#side .widget_views li a:after {display:none;}
#side .widget_views li a {padding:0;}
#side .widget_views .view-thumbnail {float:none;margin:0 0 8px 0;height:100px;
		background-repeat:no-repeat;background-position:center center;
		-webkit-background-size:100% auto;
		background-size:100% auto;}
#side .widget_views a:hover .view-thumbnail {opacity:.75;}
@media screen and (max-width: 991px) {
	#side .widget_views ul {background:none;margin-top:0;}
	#side .widget_views li {margin-bottom:0;border-bottom:1px solid #f2f2f2;padding:5px;background:#fff;}
	#side .widget_views li a {overflow:hidden;display:table;width:100%;}
	#side .widget_views li a:after {display:block;}
	#side .widget_views .view-thumbnail {display:table-cell;width:120px;height:60px;margin:0;padding:0;}
	#side .widget_views .view-title {display:table-cell;padding:0 25px 0 15px;vertical-align:middle;}
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 480px) {
	#side .side-widget {margin-bottom:20px;}
	#side .widget_views .view-thumbnail {width:80px;height:40px;}
	#side .widget_views .view-title {padding:0 25px 0 10px;}
}

/* ----------------------------------------
content
---------------------------------------- */
#content {z-index:100;position:relative;}
/* HOME */
@media screen and (max-width: 991px) {
		body.home #content {padding-top:75px;}
}
@media screen and (max-width: 767px) {
		body.home #content {padding-top:65px;}
}

/* ----------------------------------------
content post
---------------------------------------- */
.post-content h2:first-child {margin:0 -46px 2.5em -46px;}
@media screen and (max-width: 991px) {
	.post-loop-wrap .post-thumbnail {height:auto;}
}

body:not(.page) article.post,
body:not(.page) article.page {border:0;}
body:not(.page) .more-link {display:block;margin:15px 0 0 0;position:relative;border:2px solid #e83e32;color:#e83e32;width:152px;height:36px;line-height:30px;text-align:center;padding:0;letter-spacing:.1em;font-size:13px;font-weight:bold;}
body:not(.page) .more-link:after {content:"\f105";font-family:FontAwesome;position:absolute;top:50%;left:18px;margin-top:-16px;font-weight:normal;font-size:15px;}
body:not(.page) .more-link:hover {color:#fff;background:#e83e32;}
body:not(.page) .post-header {padding:30px 64px 0 64px;z-index:10;}
body:not(.page) .post-header-wrap {position:relative;}
body:not(.page) .post-date {color:#999999;font-size:13px;}
body:not(.page) .post-title {font-size:23px;margin-bottom:10px;}
body:not(.page) .post-thumbnail {float:none;margin:40px 0 25px 0;z-index:20;min-height:50px;position:relative;}
body:not(.page) .post-thumbnail img {width:100%;}
body:not(.page) .post-thumbnail .img {height:180px;overflow:hidden;
	background-position:center center;background-repeat:no-repeat;
	-webkit-background-size:cover;
	background-size:cover;}
@media screen and (max-width: 991px) {
	body:not(.page) .post-header {padding:20px 20px 0 20px;}
	body:not(.page) .post-thumbnail .img {height:150px;}
}
@media screen and (max-width: 767px) {
	body:not(.page) .post-thumbnail .img {height:120px;}
}


/* loop
---------------------------------------- */
body:not(.page) .post-loop-wrap article {margin-bottom:30px;}
body:not(.page) .post-loop-wrap .post-header {padding:0;}
body:not(.page) .post-loop-wrap .post-header-wrap {padding:0 25px;}
body:not(.page) .post-loop-wrap .post-content {padding:10px 25px;}
body:not(.page) .post-loop-wrap .post-content p {font-size:14px;line-height:1.8;}
body:not(.page) .post-loop-wrap .post-thumbnail {width:100%;height:auto;margin:0 0 30px 0;}
body:not(.page) .post-loop-wrap .post-thumbnail a {display:block;overflow:hidden;}

/* HOME */
body.home .post-loop-wrap .post-thumbnail .img {
   -moz-transition: -moz-transform 0.5s linear;
   -webkit-transition: -webkit-transform 0.5s linear;
   -o-transition: -o-transform 0.5s linear;
   -ms-transition: -ms-transform 0.5s linear;
   transition: transform 0.5s linear;}
body.home .post-loop-wrap .post-thumbnail a:hover .img {
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -o-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2);}
body.home #main .post-thumbnail a.thumbnail {position:relative;}
body.home #main .post-thumbnail a.thumbnail:after {position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:url(./img/bg_dot.png) left top repeat;}

/* category
---------------------------------------- */
.post-category {position:absolute;left:-10px;}
.post-category.tp {top:-18px;}
.post-category.btm {bottom:-18px;}
.post-category li {position:relative;background:#fff;}
.post-category li:before {position:absolute;top:36px;left:0;content:"";border:5px solid transparent;border-top-color:#1f7e9a;border-right-color: #1f7e9a;}
.post-category a {position:relative;display:block;color:#fff;height:36px;padding:0 10px;min-width:150px;text-align:center;line-height:36px;background-color:#5bc0de;letter-spacing:.1em;font-size:13px;font-weight:bold;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.post-category a:hover {opacity:.75;text-decoration:none;}

/* color指定は【style_category_label_color.css】で。 */

/* ----------------------------------------
* HOME 看板
---------------------------------------- */
.main-masthead {position:relative;display:table;overflow:hidden;width:100%;margin-bottom:30px;}
.main-masthead a {display:block;overflow:hidden;}
.main-masthead-post {display:table-cell;width:66.666666%;}
.main-masthead-post a {position:absolute;top:0;left:0;width:66.666666%;height:100%;overflow:hidden;
	background-position:center center;background-repeat:no-repeat;
	-webkit-background-size:cover;
	background-size:cover;}
.main-masthead-post .tit {font-family:'Noto Sans Japanese';position:absolute;z-index:20;bottom:0;left:0;color:#fff;font-size:18px;letter-spacing:.2em;width:100%;height:70px;line-height:70px;background-color:rgba(0,0,0,0.6);color:#fff;text-align:center;}
.main-masthead-post .img {height:100%;overflow:hidden;
	background-position:center center;background-repeat:no-repeat;
	-webkit-background-size:cover;
	background-size:cover;}
.main-masthead-cate {display:table-cell;width:33.333333%;}
.main-masthead-cate .img {position:relative;}
.main-masthead-post a:after,
.main-masthead-cate .img:after {position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:url(./img/bg_dot.png) left top repeat;}
.main-masthead-cate .img img {width:100%;}
.main-masthead-post .img,
.main-masthead-cate .img img {
   -moz-transition: -moz-transform 0.5s linear;
   -webkit-transition: -webkit-transform 0.5s linear;
   -o-transition: -o-transform 0.5s linear;
   -ms-transition: -ms-transform 0.5s linear;
   transition: transform 0.5s linear;}
.main-masthead-post a:hover .img,
.main-masthead-cate a:hover .img img {
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -o-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2);}
@media screen and (max-width: 991px) {
	.main-masthead-post .tit {font-size:15px;height:50px;line-height:50px;}
}
@media screen and (max-width: 767px) {
	.main-masthead {display:block;}
	.main-masthead-post {position:relative;height:250px;margin-bottom:10px;}
	.main-masthead-post,
	.main-masthead-cate {display:block;width:100%;}
	.main-masthead-post a {width:100%;}
	.main-masthead-cate ul {overflow:hidden;margin:0 -5px;}
	.main-masthead-cate li {float:left;width:50%;}
	.main-masthead-cate li a {margin:0 5px;}
	.main-masthead-post .tit {font-size:15px;height:auto;line-height:1.4;padding:20px 10px;}
}
@media screen and (max-width: 360px) {
	.main-masthead {margin-bottom:20px;}
	.main-masthead-post {height:200px;}
}

/* カテゴリー欄
---------------------------------------- */
.main-masthead-cate a {position:relative;display:block;}
.main-masthead-cate a:after {font-family:'Noto Sans Japanese';position:absolute;z-index:20;bottom:0;left:0;color:#fff;font-size:18px;letter-spacing:.2em;width:100%;height:70px;line-height:70px;background-color:rgba(0,0,0,0.6);color:#fff;text-align:center;}

/* カテゴリーのテキストは【style_category_text.css】で。　*/

@media screen and (max-width: 991px) {
	.main-masthead-cate a:after {font-size:15px;height:50px;line-height:50px;}
}
@media screen and (max-width: 767px) {
	.main-masthead-cate a:after {font-size:13px;height:35px;line-height:35px;}
}
@media screen and (max-width: 360px) {
	.main-masthead-cate a:after {font-size:12px;height:30px;line-height:30px;}
}

/* ----------------------------------------
* pagenation
---------------------------------------- */
.pagination {margin:40px 0 35px 0;overflow:hidden;}
.pagination span,
.pagination a {display:block;width:33px;height:33px;padding:0;line-height:33px;text-align:center;color:#000;font-size:17px;}
.pagination a:hover,
.pagination .current {color:#fff;padding:0;background:#000000;}
.pagination .fa {display:block;font-size:26px;line-height:33px;}
@media screen and (max-width: 991px) {
	.pagination {margin:20px 0 0 0;}
}


/* ----------------------------------------
* pagetop
---------------------------------------- */
.pagetop {z-index:400;}
@media screen and (max-width: 767px) {
	.pagetop span {width:44px;height:44px;line-height:36px;font-size:30px;}
}

/* ----------------------------------------
* left-bottom-float
---------------------------------------- */

.left-bottom-float{
  display:none;
  background: #66A5E9;
  width: 370px;
  height: auto;
  padding: 8px;
  padding-bottom: 13px;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 400;
  border-radius: 5px 0 0 0;
  animation: leadinModal-slideup 0.5s;
  -webkit-animation: leadinModal-slideup 0.5s;
  -moz-animation: leadinModal-slideup 0.5s;
  -ms-animation: leadinModal-slideup 0.5s;
  -o-animation: leadinModal-slideup 0.5s;
  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
}
.left-bottom-float-wraplink{
  display: none;
}
.left-bottom-float__left{
  float: left;
  width: 85px;
  margin-right: 12px;
}
.left-bottom-float__left > img{
  max-width: 85px;
}
.left-bottom-float__right{
  color: #ffffff;
  float: right;
  width: 250px;
}
.left-bottom-float__right > h4{
  font-weight: bold;
  margin: 5px 0;
  font-size: 15px;
}
.left-bottom-float__right > h4 > span{
  margin: 5px 0;
  font-size: 13px;
}
.left-bottom-float__right > p{
  font-size: 12px;
  margin-bottom: 9px;
}
.left-bottom-float__right > a{
  background: #FFFFFF;
  color: #66A5E9;
  font-size: 12px;
  padding: 0.3em;
  margin-top: 10px;
  border-radius: 0.25em;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  display: block;
  margin-bottom: 2px;
  text-align: center;
}
.left-bottom-float__right > a:hover {

}

@media only screen and (max-width: 550px) {
  .left-bottom-float{
    width: 100%;
    max-width: 290px;
    height: 60px;
    padding: 8px;
    box-sizing: border-box;
    padding-bottom: 13px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 400;
  }
  .left-bottom-float-wraplink{
    display: block;
    position:absolute;
    z-index: 401;
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
  }

  .left-bottom-float__left{
    width: 40px;
  }
  .left-bottom-float__left > img{
    max-width: 40px;
  }
  .left-bottom-float__right{
    width : 60% ;
    width: calc(100% - 55px);
    width : -webkit-calc(100% - 55px) ;
    float: right;
  }
  .left-bottom-float__right > h4{
    font-weight: bold;
    margin: 0;
    font-size: 15px;
  }
  .left-bottom-float__right > h4 > span{
    margin: 5px 0;
    font-size: 13px;
  }
  .left-bottom-float__right > p{
    display: none;
  }
  .left-bottom-float__right > a{
    display: none;
  }

}