@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
}
body{
font-family: 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
margin:0;
color:#313131;
}
img{
	outline:none;
	border-style:none;
}
a{
	color:#513061;
}
a:visited{
	color:#513061;
}
a:hover{
    color:#A303A5;
}
a:active{
    color:#A303A5;
}
/*****★★★HEADER★★★*****/
.top-header{
	padding-top: 16px;
	text-align: center;
}
.top-hedear-title{
	font-size: xx-small;
}
.common-header{
	padding-top: 16px;
	padding-left: 20px;
	text-align: left;
}
.common-hedear-title{
	padding-left: 4px;
	font-size: xx-small;
}


/*****★★★COMMON★★★*****/
/*****NAVIGATION*****/
.common-nav{
	display: none;
}
.common-nav ul{
	text-align: center;
	margin: 8px auto 8px;
}
.common-nav ul li{
    display: inline;
    padding: 0 12px 0;
    font-size: 1.4em;
}
/*****BREADCRUMB*****/
.common-bclist{
	margin: 20px 0 20px 20px;	
	padding-left: 8px;
	text-align: left;
}

.common-bclist li {
  display:inline;
  list-style: none;
  font-size: small;
}
.common-bclist a {
  font-size: small;
}
.common-bclist li:after {
  content: '＞';
}
.common-bclist li:last-child:after {
  content: '';
}
h1.common-h1-title{
 text-align: center;
 margin: 0 auto 12px;
 color: #fa9639;
 font-weight: bold;	
}
h1.common-h1-title:before{
	content: url('../img/nekodemo-ico.png');
	vertical-align: middle;
}

/*****TOP H2*****/
h2.common-h2{
 text-align: center;
 margin: 0 auto 12px;
 color: #fa9639;
 font-weight: bold;
}
h2.common-h2:before{
	content: url('../img/nekodemo-ico.png');
	vertical-align: middle;
}
/*****TOP CATEGORY LIST*****/
.common-category-tag-list{
	margin-top: 40px;
}
.common-category-list {
	margin-left: 30px;
}
@media screen and (max-width: 576px) {
	.common-category-list {
		margin-bottom: 48px;
		margin-right: 30px;
	}
}
.common-category-list span{
	font-size: medium;
	display:inline-block;
	padding: 4px 8px 4px;
	margin: 2px 4px 2px;
	border: #513061 1px solid;

}
.common-category-list span:hover{
	background-color: #513061;
}
.common-category-list span:hover a,.common-category-list span a:hover{
	color: #ffffff;
}
/*****TOP TAG LIST*****/
.common-tag-list{
	margin-right: 30px;
}
@media screen and (max-width: 576px) {
	.common-tag-list {
		margin-left: 30px;
	}
}
.common-tag-list span{
	font-size: medium;
	display:inline-block;
	padding: 4px 8px 4px;
	margin: 2px 4px 2px;
	border: #513061 1px solid;

}
.common-tag-list span:hover{
	background-color: #513061;
}
.common-tag-list span:hover a,.common-tag-list span a:hover{
	color: #ffffff;
}

/*****★★★SIDE MENU★★*****/
.common-sidemenu-sns{
	text-align: center;
	margin: 4px auto 8px;
}
.common-sidemenu-sns ul li{
	display: inline;
	list-style: none;
	margin-left: 8px;

}
.common-sidemenu-sns ul li img{
	width: 34px;
}
/*****SIDE MENU BANNER*****/
.common-sidemenu-banner{
	text-align: center;
	margin: 16px auto 16px;
}

/*****SIDE H2*****/
h2.common-sidemenu-h2{
	text-align: center;
	margin: 20px auto 12px;
	color: #fa9639;
 	font-weight: bold;
}

/*****SIDE CARTEGORY & TAG LIST*****/
.common-sidemenu-category-tag-list{
	margin: 4px 16px 16px 16px;
}

.common-sidemenu-category-list span{
	font-size: medium;
	display:inline-block;
	padding: 4px 8px 4px;
	margin: 2px 4px 2px;
	border: #513061 1px solid;
	margin-bottom: 8px;

}
.common-sidemenu-category-list span:hover{
	background-color: #513061;
}
.common-sidemenu-category-list span:hover a,.common-sidemenu-category-list span a:hover{
	color: #ffffff;
}
.common-sidemenu-tag-list span{
	font-size: medium;
	display:inline-block;
	padding: 4px 8px 4px;
	margin: 2px 4px 2px;
	border: #513061 1px solid;
	margin-bottom: 8px;

}
.common-sidemenu-tag-list span:hover{
	background-color: #513061;
}

.common-sidemenu-tag-list span:hover a, .common-sidemenu-tag-list span a:hover{
	color: #ffffff;
}
.common-sidemenu-article-item{
	border-bottom: dotted 1px #fa9639;
	padding-right: 16px;
	margin-bottom: 16px; 

}
.common-sidemenu-article-item:last-child{
	border-bottom: none;
}
.common-sidemenu-article-img{
	float: left;
	width: 40%;
	text-align: center;
	padding-bottom: 16px;
}
.common-sidemenu-article-img img{
  width: 100px;
  height: 100px;
  object-fit: cover;

}
.common-sidemenu-article-info{
	float: right;
	width: 60%;
	text-align: left;
}
.common-sidemenu-article-title{
	font-size: large;
}
.common-sidemenu-article-date{
	font-size: x-small;
	text-align: right;
}
.common-sidemenu-article-item:after{
	content: "";
 	clear: both;
    display: block;
}

/*****★★★TOP PAGE CONTENTS★★★*****/
/*****TOP SLIDER*****/
.slider {
	width: 100%;
	margin: 0 auto 80px;
}
.slick-slide img {
	width: 100%;
	height: auto;
}
.mypattern{
	width:  100%;
}
.mypattern .slick-slide{
	margin: 10px;
}
@media screen and (min-width: 576px) {
	.slider-item {
		position:relative;
		display:inline-block;
	}
	.slider-item div.slider-txt {
		background: rgba(255,255,255,0.7);
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 84px;
		padding-left: 8px;
		padding-top: 4px;
	}
}
@media screen and (max-width: 768px) {
	.slider-item div.slider-txt {
		height: 92px !important;
	}
}
@media screen and (max-width: 576px) {
	.slider-item div.slider-txt {
		padding-top: 8px;
	}
}
.slider-item div.slider-txt p{
	margin-bottom: 4px;
}
.slider-article-title{
	font-size: medium;
}
.slider-article-category{
	text-left: right;
}
.slider-article-category span{
	background-color: #513061;
	color: #ffffff;
	padding: 2px 8px 2px;
	border-radius: 8px 8px 8px 8px;
	display:inline-block;
	font-size: small;
}
.slider-article-category span a{
	color: #ffffff;
}
.slider-article-category span a:visited{
	color: #ffffff;
}
.slider-article-category span a:hover{
	color: #ffffff;
}

/*****TOP NAVIGATION*****/
.top-nav{
	display: none;
}
.top-nav ul{
	text-align: center;
	margin: 8px auto 8px;
}
.top-nav ul li{
    display: inline;
    padding: 0 12px 0;
    font-size: 1.4em;
}

/*****TOP H2*****/
h2.top-h2{
 text-align: center;
 margin: 0 auto 12px;
 color: #fa9639;
 font-weight: bold;
}
h2.top-h2:before{
	content: url('../img/nekodemo-ico.png');
	vertical-align: middle;
}


/*****TOP ARTICLE LIST*****/
.top-artcle{
	margin: 40px auto 8px;
}

.top-article-items{
	padding: 0 16px 0;
}

.top-article-item{
	background-color: #eeeeee;
	margin: 4px 4px 12px;
	padding: 8px 8px 4px;
	
}
@media screen and (min-width: 992px) {
	.top-article-item{
		height: 368px; !important
	}
	.top-article-img{
	    overflow: hidden;
	    width: 200px;
	    height: 180px;
	    position: relative;
	    margin: 4px auto 4px;
	}
}
@media screen and (min-width: 768px) and (max-width: 992px){
	.top-article-item{
		height: 388px; !important
	}
	.top-article-img{
	    overflow: hidden;
	    width: 180px;
	    height: 180px;
	    position: relative;
	    margin: 4px auto 4px;
	}
}
@media screen and (min-width: 576px) and (max-width: 768px) {
	.top-article-item{
		height: 400px; !important
	}
	.top-article-img{
		    overflow: hidden;
		    width: 180px;
		    height: 180px;
		    position: relative;
		    margin: 4px auto 4px;
		}
}

@media screen and (max-width: 576px) {
.top-article-img{
	    overflow: hidden;
	    width: 240px;
	    height: 180px;
	    position: relative;
	    margin: 4px auto 4px;
	}
}

.top-article-img img{
 position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.top-article-category{
	text-left: center;
}
.top-article-category span{
	background-color: #513061;
	color: #ffffff;
	padding: 2px 8px 2px;
	border-radius: 8px 8px 8px 8px;
	display:inline-block;
	font-size: small;
	line-height: 1.5;
}
.top-article-category span a{
	color: #ffffff;
}
.top-article-category span a:visited{
	color: #ffffff;
}
.top-article-category span a:hover{
	color: #ffffff;
}
.top-article-title{
	font-size: large;
}
.top-article-tag{
	font-size: small;
}
.top-article-tag:before {
	position: absolute;
	content: url('../img/tag-ico.png');
}
.top-article-tag span:first-child{
	margin-left: 24px;
}
.top-article-tag span{
	margin-right: 4px;
	vertical-align: middle;
	display:inline-block;
}
.top-article-tag span:after{
  content: '/';
}
.top-article-tag span:last-child:after {
  content: '';
}
.top-article-date{
	font-size: small;
	position: absolute;
	bottom: 0;
	right: 24px;
}
.top-article-list-link{
	text-align: right;
	font-size: large;
	margin-right: 20px;
}

/*****TOP CATEGORY LIST*****/
.top-category-tag-list{
	margin-top: 40px;
}
.top-category-list {
	margin-left: 30px;
}
@media screen and (max-width: 576px) {
	.top-category-list {
		margin-bottom: 48px;
		margin-right: 30px;
	}
}
.top-category-list span{
	font-size: medium;
	display:inline-block;
	padding: 4px 8px 4px;
	margin: 2px 4px 2px;
	border: #513061 1px solid;

}
.top-category-list span:hover{
	background-color: #513061;
}
.top-category-list span:hover a,.top-category-list span a:hover{
	color: #ffffff;
}

/*****TOP TAG LIST*****/
.top-tag-list{
	margin-right: 30px;
}
@media screen and (max-width: 576px) {
	.top-tag-list {
		margin-left: 30px;
	}
}
.top-tag-list span{
	font-size: medium;
	display:inline-block;
	padding: 4px 8px 4px;
	margin: 2px 4px 2px;
	border: #513061 1px solid;

}
.top-tag-list span:hover{
	background-color: #513061;
}
.top-tag-list span:hover a,.top-tag-list span a:hover{
	color: #ffffff;
}


/*****★★★SUB PAGES★★★*****/
/*****CATEGORY LIST PAGE*****/
h1.category-h1-title{
 text-align: center;
 margin: 0 auto 12px;
 color: #fa9639;
 font-weight: bold;
}
h1.category-h1-title:before{
	content: url('../img/nekodemo-ico.png');
	vertical-align: middle;
}

.artcle{
	margin: 40px auto 8px;
}

.article-items{
	padding: 0 16px 0;
}

.article-item{
	background-color: #eeeeee;
	margin: 4px 4px 12px;
	padding: 8px 8px 4px;
	
}
@media screen and (min-width: 992px) {
	.article-item{
		height: 368px; !important
	}
	.article-img{
	    overflow: hidden;
	    width: 200px;
	    height: 180px;
	    position: relative;
	    margin: 4px auto 4px;
	}
}
@media screen and (min-width: 768px) and (max-width: 992px){
	.article-item{
		height: 388px; !important
	}
	.article-img{
	    overflow: hidden;
	    width: 180px;
	    height: 180px;
	    position: relative;
	    margin: 4px auto 4px;
	}
}
@media screen and (min-width: 576px) and (max-width: 768px) {
	.article-item{
		height: 400px; !important
	}
	.article-img{
		    overflow: hidden;
		    width: 180px;
		    height: 180px;
		    position: relative;
		    margin: 4px auto 4px;
		}
}

@media screen and (max-width: 576px) {
.article-img{
	    overflow: hidden;
	    width: 240px;
	    height: 180px;
	    position: relative;
	    margin: 4px auto 4px;
	}
}

.article-img img{
 position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.article-category{
	text-left: center;
}
.article-category span{
	background-color: #513061;
	color: #ffffff;
	padding: 2px 8px 2px;
	border-radius: 8px 8px 8px 8px;
	display:inline-block;
	font-size: small;
	line-height: 1.5;
}
.article-category span a{
	color: #ffffff;
}
.article-category span a:visited{
	color: #ffffff;
}
.article-category span a:hover{
	color: #ffffff;
}
.article-title{
	font-size: large;
}
.article-tag{
	font-size: small;
}
.article-tag:before {
	position: absolute;
	content: url('../img/tag-ico.png');
}
.article-tag span:first-child{
	margin-left: 24px;
}
.article-tag span{
	margin-right: 4px;
	vertical-align: middle;
	display:inline-block;
}
.article-tag span:after{
  content: '/';
}
.article-tag span:last-child:after {
  content: '';
}
.article-date{
	font-size: small;
	position: absolute;
	bottom: 0;
	right: 24px;
}



/*****ARTICLE PAGE*****/
.article-info {
	padding-left: 28px;
}
.article-info h1.article-h1-title{
	padding-right: 16px;
	color: #fa9639;
	font-weight: bold;
}
.article-info h1.article-h1-title:before{
	content: url('../img/nekodemo-ico.png');
	vertical-align: middle;
}
.article-info .article-post-date{
	font-size: small;
	text-align: right;
	padding-right: 16px;

}
.contents-area-nosidemenu{
	margin: 0 auto 0;
	text-align: center;
}
.contents-area{
	margin-left: 28px;
	margin-right: 16px;
}
.contents-area .article-main-img{
	text-align: center;
	margin: 12px auto 12px;
}
@media screen and (max-width: 576px) {
.contents-area .article-main-img{
	    overflow: hidden;
	    width: 100%;

	}
}
.contents-area h2{
	border-bottom: double 5px #fa9639;
	margin-top: 32px;
	margin-bottom: 20px;
	text-align: left !important;
}
.contents-area h3{
	border-bottom: solid 2px #fa9639;
	border-left: solid 10px #fa9639;
	margin-top: 16px;
	margin-bottom: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
	font-size: medium;
	font-weight: bold;
	text-align: left !important;

}
.contents-area p{
	line-height: 1.9em; 
	margin-top: 12px;
	margin-bottom: 8px;
}
.contents-area .table-of-contens{
	padding: 0 12px 8px 32px;
	margin-bottom: 20px;
	background-color: #dfdfdf;	
}
.contents-area .table-of-contens h2{
	margin-left: -24px;
	padding-top: 8px;
	border-bottom: none;
}
.contents-area table.tableblock{
  border-collapse: collapse;
  margin-top: 12px;
}
.contents-area .tableblock th,td{
  border: solid 1px black;
  padding: 4px;
}
.contents-area .tableblock th{
  background-color: #F0B27A;
}

/*****★★★INQUIRY★★★*****/

.inquiry-btn {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #fa9639;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #F0B27A;
  border-radius: 3px;
}
.inquiry-btn:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}
form.sent p{
  display:none;
}
form.sent div{
  display:none;
}
.wpcf7-mail-sent-ok{
	display: block !important;
	margin-bottom: 300px !important;
}
/*****★★★FOOTER★★★*****/
.footer{
 margin-top: 40px;
 background-color: #513061;
 padding: 0px;
 width: 100%;
 bottom: 0;
}
.footer-container{
	height: 200px;	
}
.footer .footer-nav {
	padding-top: 4px;
	margin-left: 20px;
}
.footer .footer-nav li{
 display: inline-block;
 font-size: small;
 color: #fff;
 margin-right: 8px;
}
.footer a{
 font-size: small;
 color: #fff;
}
.footer a:hover{
 font-size: small;
 color: #fff;
}
.footer a:visited{
 font-size: small;
 color: #fff;
}
.copyright{
 font-size: xx-small;
 text-align: center;
 margin: 0 auto 0;
 margin-top: 140px;
 padding-bottom: 8px;
 color: #fff;
}