@charset "UTF-8";
/* 
theme Name: art
Author: senjupublishing - haruna abe
Description: Art Thema
version： 1.0.0
*/



/*全体設定---------*/

body {
	background-color: #fff;
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 1.8;
	margin: 0;
	padding: 0;
	color: #707070;
	background-color: #eadcdc;
}

/*サイズ指定*/

.container {
	box-sizing: border-box;
	width: 100%;
}

.header-inner,
.footer-inner{
	width: 100%;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	padding: 1rem;
}

.contents{
	max-width: 1000px;
	margin: 0 auto;
	margin-top:200px;
	margin-bottom: 150px;
}

.contents_toponly{
	max-width: 1000px;
	margin: 0 auto;
	margin-top:100px;
	margin-bottom: 150px;
}

/* tablet 〜1000px */
@media screen and (max-width:1000px){
.contents{
	margin-top:110px;
	padding: 1rem;
}

.contents_toponly{
	padding: 1rem;
}
}

img{
	max-width: 100%;
    /*image-rendering: -webkit-optimize-contrast;*/
}

input,
textarea{
	padding: 1.5px;
	border: solid 1px #333;
	border-radius: 3px;
	background-color:#fff;
}

a:hover {
	color: #ccc;	transition:0.4s;	
}

a img{
	transition:0.3s;
	display:block;
	width:100%;
}

a img:hover{
  opacity:0.5;
}


/*コンテンツのサイズ指定 - レスポンシブ */
@media(max-width: 1000px) {

	.header-inner,
	.footer-inner {
	padding: .8rem;
	}

}

/*フォント・レイアウト*/

html{
    font-size: 95%;
}

body{
    font-size:1em;
}

h1 {
    font-size: 1.5em;
    line-height: 1.3;
}

h2 {
	border-left: solid 3px #fff;
	padding-left: 20px;
	margin: 40px 0;
    font-size: 1.4em;
	font-weight: bold;
    line-height: 1.3;
}

h3 {
	margin: 20px 0;
    font-size: 1.2em;
	font-weight: bold;
    line-height: 1.3;
}

p{
	padding: 10px 0;
}

@media screen and (max-width: 640px) {/* 600px以下*/
    body{
    line-height: 2;
    }
    h1{
        font-size: 1.4em;/* 24px*/
    }
    h2 {
        font-size: 1.2em;/* 20px*/
    }
}


/*------------------- 共通項目 --------------------*/

.cts-ttl{
	display: flex;
	width: 100%;
	justify-content:space-between;
	align-items: center;
	text-align: center;
	margin: 100px 0 40px 0;
}

.cts-ttl::before,
.cts-ttl::after {
	content: '';
	width: 27%;
	height: 3px;
	background-image: linear-gradient(to right, #fff, #fff 3px, transparent 3px, transparent 10px);
	background-size: 10px 3px;
	background-repeat: repeat-x;
}

/* tablet 〜1000px */
@media screen and (max-width:1000px){
	.cts-ttl:first-child{
		margin-top: 0;
	}
}

/* SP 〜599px */
@media screen and (max-width:599px){
	.cts-ttl{
		flex-direction: column;
	}

	.cts-ttl::before{
		display: none;
	}
	.cts-ttl::after {
		width: 50%;
	}
}

.center{
	text-align: center;
}

.right{
	text-align: right;
}

.left{
	text-align: left;
}

.big{
	font-size: 1.8em!important;
}

.morebig{
	font-size: 22em!important;
}

.small{
	font-size: 0.9em!important;
	line-height: 1rem;
}

.moresmall{
	font-size: 0.7em!important;
}

.tate{
	display: block;
	-ms-writing-mode: tb-rl!important;
	writing-mode: vertical-rl!important;
}

.black{
	color:#000000;
}

.bottom{
	margin-bottom: 20px;
}

.ub{
	padding-bottom: 1.5px!important;
	width: 100%;
	border-bottom: solid 1.5px #fff;
}

.migi{
	padding-left: 15px;
}

.pink{
	color: #eadcdc;
}

.bold{
	font-weight: bold;
}

hr {
 	border: 1px solid #ccc;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 20px;
	margin-top: 20px;
}

.point{/*ボックス*/
	margin: 0 auto;
    padding: 0.5em 1.5em;
	background-color: #fff;
	width: 60%;
}

/* SP 〜599px */
@media screen and (max-width:599px){
	.point{
		width: 90%;
	}
}

/*リスト*/

.list ul li {
	position: relative;
	margin-left: 1em;
	margin-bottom: 0.5rem;
}

.list ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .65em;
	left: -1em;
	width: 8px;
	height: 1px;
	background-color: #666;
}

/* ol デザイン */

.article-content ol {
  position: relative;
  margin: 0;
  padding: 0 10px 0 6px;
  list-style: none;
	counter-reset: li;
	z-index: 99;
}
.article-content ol li {
  position: relative;
  margin: 12px 20px 0 22px;
  padding: 0;
  line-height: 1.5;
	z-index: 99;
}

.article-content ol > li:before {
  position: absolute;
  color: #D19FA0;
  counter-increment: li;
  content: counter(li) "";
  left: -28px;
  top: 0;
}

@media screen and (max-width: 599px) {
  .article-content ol {
    padding: 0 10px 0 6px;
  }
  .article-content ol li {
    margin: 6px 0 5px 20px;
    padding: 0;
  }
}

/*ボタン*/

.btn-link{
    display: inline-block;
	margin: 25px 0;
    padding: 6px 20px;  
    text-decoration: none;
    border:2px solid #707070;
    outline: none;
    transition: all 0.4s ease-out;
}

.btn-link:hover{
    border-color:transparent;
    background: #fff;
    background-size: 200% auto;
}

.more{
	font-weight: bold;
	margin: 15px 0;
}

/*画像hover*/
.imghover{
  display:block;
}
.imghover img{
  transition:0.3s;
  display:block;
  width:100%;
}
.imghover:hover img{
  opacity:0.5;
}

/* ふわっ　-----------------------------------*/

.fuwa{
    opacity: 0;
}

/* fadeUp */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1.3s;
animation-fill-mode:forwards;
/*opacity:0;*/
}

@keyframes fadeUpAnime{
  from {
    /*opacity: 0;*/
  /*transform: translateY(100px);*/
  }

  to {
    opacity: 1;
  /*transform: translateY(0);*/
  }
}

/*--- FLEX BOX ---*/

.flex{
	display: flex;
	margin: 30px 0;
	flex-wrap: wrap;
}

.flex-item{
	width: 50%;
	padding: 0 2%;
}

/* tablet 〜1000px */
@media screen and (max-width:1000px){
}

/* SP 〜599px */
@media screen and (max-width:599px){
	.flex{
		display: flex;
		flex-direction: column;
		margin: 30px 0;
		flex-wrap: wrap;
	}

	.flex-item{
		width: 100%;
		margin: 0 auto;
		padding: 0 2%;
	}
}

/*40:60*/

.flex-l{
	display: flex;
	align-items: start;
	margin: 30px 0;
}

.flex-l-left{
	width: 40%;
	padding: 1rem;
	text-align: center;
}

.flex-l-left img{
	width: 100%;
	height: auto;
}

.flex-l-right{
	width: 60%;
	padding: 1rem;
}

/* tablet 〜1000px */
@media screen and (max-width:1000px){
	.flex-l{
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 30px 0;
	}

	.flex-l-left{
		width: 100%;
		padding: 1rem;
		text-align: center;
		margin: 0 auto;
	}

	.flex-l-left img{
		width: 50%;
		height: auto;
		margin: 0 auto;
	}

	.flex-l-right{
		width: 100%;
		padding: 1rem;
		margin: 0 auto;
	}
}

/* SP 〜599px */
@media screen and (max-width:599px){
	.flex-l-left img{
		width: 70%;
	}
}

/*60:40*/

.flex-r{
	display: flex;
	align-items: center;
	margin: 30px 0;
}

.flex-r-left{
	width: 60%;
	padding: 1rem;
}

.flex-r-right{
	width: 40%;
	padding: 1rem;
	text-align: center;
}

.flex-r-right img{
	width: 100%;
	height: auto;
}
/* tablet 〜1000px */
@media screen and (max-width:1000px){
	.flex-r{
		display: flex;
		flex-direction: column;
	}

	.flex-r-left{
		width: 100%;
		padding: 1rem;
		margin: 0 auto;
	}

	.flex-r-right{
		width: 100%;
		padding: 1rem;
		text-align: center;
		margin: 0 auto;
	}

	.flex-r-right img{
		width: 50%;
		height: auto;
		margin: 0 auto;
	}
}

/* SP 〜599px */
@media screen and (max-width:599px){
	.flex-r-right img{
		width: 70%;
		height: auto;
		margin: 0 auto;
	}
}

/*-----img関連------*/

/*img + text*/
.thum{
	margin: 0 auto;
	text-align: center;
}

.thum img{
	margin-bottom: .2em;
	width: 60%!important;
}

.thum p{
	font-size: 0.8em;
	text-align: center;
}

/* tablet 〜1000px */
@media screen and (max-width:1000px){
	.thum img{
		margin-bottom: .2em;
		width: 40%!important;
	}
}

/* SP 〜599px */
@media screen and (max-width:599px){
	.thum img{
		margin-bottom: .2em;
		width: 60%!important;
	}
}

/*img + text TATE*/

.imgtext-tate{
	text-align: center;
	margin: 0 auto;
}

.imgtext-tate img{
	width: 40%!important;
	height: auto;
	margin-bottom: .2rem;
}

.imgtext-tate p{
	font-size: 0.8rem;
	text-align: center;
}

/*アコーディオン*/

.accordion {
	max-width: 800px;
	margin: 0 auto;
}
.accordion .accordion_header {
	background-color: rgba(255,255,255,0.55);
	color: #666;
	padding: 1rem;
	text-align: center;
	position: relative;
	z-index: +1;
	cursor: pointer;
	transition-duration: 0.2s;
}
.accordion:nth-of-type(2) .accordion_header {
    background-color: rgba(255,255,255,0.55);
}
.accordion:nth-of-type(3) .accordion_header {
    background-color: rgba(255,255,255,0.55);
}
.accordion .accordion_header:hover {
	opacity: .8;
}

.accordion .accordion_inner {
	display: none;
	padding: 30px 30px;
	border-left: 2px solid rgba(255,255,255,0.55);
	border-right: 2px solid rgba(255,255,255,0.55);
	border-bottom: 2px solid rgba(255,255,255,0.55);
	box-sizing: border-box;
}
.accordion .accordion_inner.stay {
	display: block;
}
.accordion:nth-of-type(2) .accordion_inner {
	border-left: 2px solid rgba(255,255,255,0.55);
	border-right: 2px solid rgba(255,255,255,0.55);
	border-bottom: 2px solid rgba(255,255,255,0.55);
}
.accordion:nth-of-type(3) .accordion_inner {
	border-left: 2px solid rgba(255,255,255,0.55);
	border-right: 2px solid rgba(255,255,255,0.55);
	border-bottom: 2px solid rgba(255,255,255,0.55);
}
.accordion .accordion_inner .box_one {
	height: auto;
}
.accordion .accordion_inner .txt_a_ac {
	margin: 0;
}

.accordion .accordion_inner ul{
	margin: 0;
}

@media screen and (max-width: 599px) {
  .pc_only {
    display: none !important;
  }
}

@media screen and (min-width: 600px) {
  .sp_only {
    display: none !important;
  }
}

/*---------------------- ヘッダー --------------------*/

.header-inner{
	width: 100%;
	height: 110px;
	display: flex;
	justify-content:space-between;
	align-items:center;
	position: fixed;
	top:0;
	left: 0;
	z-index: 999;
}

.site-ttl{
	width: 20%;
}

/* tablet 〜1000px */
@media screen and (max-width:1000px){
	.site-ttl{
		width: 35%;
	}
}

/* SP 〜599px */
@media screen and (max-width:599px){
	.site-ttl{
		width: 55%;
	}
}

/*menu*/

.mainmenu ul li{
	display: inline-block;
	margin: 20px 0 0 20px;
	font-size: 1.1rem;
	font-weight: 700;
	text-decoration: none;
	background-image: linear-gradient(90deg, #fff, #fff);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 0 1px;
	transition: background-size 0.6s;
	color: #F06070;
}

.mainmenu ul li:hover{
	background-size: 100% 1px;
}

/*SP nav*/
nav {
	display: block;
	position: fixed;
	top: 0;
	left: -100vw;
	bottom: 0;
	width: 100vw;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transition: all .5s;
	z-index: 9999;
	opacity: 0;
}
.open nav {
	left: 0;
	opacity: 1;
}
nav .inner {
	padding: 25px;
	text-align: center;
}
nav .inner ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
nav .inner ul li {
	position: relative;
	margin: 0;
}
nav .inner ul li a {
	display: block;
	color: #666;
	font-size: 1.5rem;
	padding: 0.75rem 0;
	text-decoration: none;
	transition-duration: 0.2s;
}
nav .inner ul li a:hover {
	background: #e4e4e4;
}

/*.toggle_btn*/
.toggle_btn {
	display: block;
	position: fixed;
	top: 30px;
	right: 30px;
	width: 30px;
	height: 30px;
	transition: all .5s;
	cursor: pointer;
	z-index: 9999;
	}
.toggle_btn span {
	display: block;
	position: absolute;
	left: 0;
	width: 30px;
	height: 2px;
	background-color: #333;
	border-radius: 4px;
	transition: all .5s;
	}
.toggle_btn span:nth-child(1) {
	top: 4px;
	}
.toggle_btn span:nth-child(2) {
	top: 14px;
	}
.toggle_btn span:nth-child(3) {
	bottom: 4px;
	}
.open .toggle_btn span {
	background-color: #333;
	}
.open .toggle_btn span:nth-child(1) {
	-webkit-transform: translateY(10px) rotate(-315deg);
	transform: translateY(10px) rotate(-315deg);
	}
.open .toggle_btn span:nth-child(2) {
	opacity: 0;
	}
.open .toggle_btn span:nth-child(3) {
	-webkit-transform: translateY(-10px) rotate(315deg);
	transform: translateY(-10px) rotate(315deg);
	}

/*#mask*/
#mask {
	display: none;
	transition: all .5s;
	}
.open #mask {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: .8;
	z-index: 2;
	cursor: pointer;
	}

/* PC menu〜 */
@media screen and (min-width:1000px){
		#navArea{
		display: none;
		}
	}

/* SP menu */
@media screen and (max-width:999px){
	.mainmenu{
		display: none;
		}
	.headmenu{
		display: none;
		}
	.haikei{
		background: none;
		}
	}


/*------------------- トップページ --------------------*/


/*背景*/

.haikei {
	background-size: cover;
	background-position: center;
	height: 100vh;
	position: relative;
	color: #FDFCDC;
}

.haikei::after {
	background: url("images/wavesNegative.svg");
	bottom: 0;
	content: '';
	height: 75px;
	position: absolute;
	width: 100%;
}

.haikei p{
	text-shadow: 3px 3px 0 rgba(112,112,112,1);
	color: #fff;
   position: absolute;
   top: 70%;
   right: 5%;
	font-size: 2rem;
}

.haikei P:first-child{
   top: 60%;
   right: 10%;
}

.bodycopy{
	font-size: 1.2em;
	margin: 50px 20px;
	position: relative
}

/* tablet 〜1000px */
@media screen and (max-width:1000px){
	.haikei{
		height: 90vh;
	}
	
	.haikei P:first-child{
		top: 65%;
	}
		.haikei::after {
		height: 45px;
	}
}

/* SP 〜599px */
@media screen and (max-width:599px){
	
	.bodycopy{
		font-size: 1.2em;
		margin: 0;
	}
	.bodycopy br{
		display: none;
	}
	
	.haikei {
		height: 85vh;
	}
	
	.haikei p{
		top: 60%;
		right: 5%;
		font-size: 1.55rem;
	}

	.haikei P:first-child{
		top: 53%;
		right: 10%;
	}
	.haikei::after {
		height: 35px;
	}
}

/*あしらい1*/

.as-img1 img{
	width: 17%;
	height: auto;
	position: absolute;
}

.as-img1 img:nth-child(1){
	top: -170px;
	right: -2%;
}

.as-img1 img:nth-child(2){
	top: 10px;
	right: 10%;
}

/*あしらい２*/

.as2{
	position: relative;
}

.as-img2 img{
	width: 15%;
	height: auto;
	position: absolute;
	top: -10px;
	right: 3%;
}

/*あしらい３*/

.as3{
	position: relative;
}

.as3 img{
	width: 25%;
	height: auto;
	position: absolute;
	top: -30px;
	right: 0;
}

/*あしらい４*/

.as4{
	position: relative;
}

.as4 img:nth-child(2){
	width: 45%;
	height: auto;
	position: absolute;
	top: 10px;
	right: 210px;
}

.top-cat{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-bottom: 30px;
}

.top-cat img{
	width: 80%;
	height: auto;
}

/* tablet 〜1000px */
@media screen and (max-width:1000px){
	/*あしらい1*/

	.as-img1 img{
		z-index: -99;
	}
	
	.as-img1 img:nth-child(2){
		top: -40px;
	}

	/*あしらい２*/
	.as-img2 img{
		width: 20%;
		right: 5%;
		z-index: -99;
	}

	/*あしらい３*/
	.as3 img{
		width: 20%;
		top: -30px;
		right: 20px;
		z-index: -99;
	}

	/*あしらい４*/

	.as4 img:nth-child(2){
		width: 25%;
		top: 10px;
		right: 410px;
	}
}

/* SP 〜599px */
@media screen and (max-width:599px){
	/*あしらい1*/

	.as-img1{
		display: none;
	}

	/*あしらい２*/
	.as-img2{
		display: none;
	}

	/*あしらい３*/

	.as-img3{
		display: none;
	}

	/*あしらい４*/

	.as4{
		display: none;
	}
	
	.top-cat{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		text-align: center;
		margin-bottom: 30px;
	}
	
	.top-cat a{
		width: 50%;
	}

	.top-cat img{
		width: 90%;
		padding: 5%;
		height: auto;
	}
}

.ply-list{
	display: flex;
	align-items:flex-start;
}

.ply-list:hover{
	color: #ccc;
	transition:0.3s;
}

.ply-list-img{
	width: 30%;
	padding: 1rem;
	display:block;
}

.ply-list-text{
	width: 70%;
	padding: 1rem;
}

.ply-list img{
	transition:0.3s;
	display:block;
	object-fit: cover;
	height: 250px;
	width: 250px;
	clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
}

.ply-list:hover img{
  opacity:0.5;
}

.ply-list-cate{
	width: 100%;
	font-size: 0.7em;
	background-color: #fff;
	border-radius: 7px 0 7px 0;
	padding: 5px 15px;
	margin-right:10px
}

.ply-list-date p{
	font-size: 0.9em;
	line-height: 1.2;
}

.ply-list-ttl p{
	font-size: 1.5em;
	line-height: 1;
}

/* tablet 〜1000px */
@media screen and (max-width:1000px){
	.ply-list{
		display: flex;
		flex-direction: column;
		align-items:flex-start;
		justify-content: center;
		margin-bottom: 2.5rem;
	}

	.ply-list-img{
		text-align: center;
		width: 100%;
		padding: 0;
		display:block;
		margin-bottom: 0.5rem;
	}

	.ply-list-text{
		width: 80%;
		padding: 1rem;
		margin: 0 auto;
	}
	
	.ply-list-text p{
		line-height:1.5;
	}

	.ply-list img{
		margin: 0 auto;
	}

	.ply-list-cate{
		width: 100%;
		font-size: 0.7em;
		background-color: #fff;
		border-radius: 7px 0 7px 0;
		padding: 5px 15px;
		margin-right:10px
	}

	.ply-list-date p{
		font-size: 0.9em;
		line-height: 1.2;
	}

	.ply-list-ttl p{
		font-size: 1.5em;
		line-height: 1;
	}
}

/* SP 〜599px */
@media screen and (max-width:599px){
	.ply-list-text{
		width: 100%;
		padding: 0;
	}
}

.event-list-cate{
	width: 100%;
	font-size: 0.7em;
	background-color: #fff;
	border-radius: 7px 0 7px 0;
	padding: 5px 15px;
	margin-right:10px
}

.event-list-cate p{
	font-size: 0.9em;
	line-height: 1.2;
}

.letter-item{
	padding: 2%;
	margin: 30px 1%;
	width:23%;
	background-color: #fff;
	position: relative;
}

.letter-item img{
	
	width: 100%;
	height: auto;
}

.lt-text h2{
	font-size: 0.9em;
	padding: 0!important;
}

.lt-text p{
	font-size: 0.9em;
	padding: 0!important;
	margin-bottom: 20px;
}

.lt-article-date{
	font-size: 0.7em;
	position: absolute;
	right: 3%;
	bottom: 3%;
}

/* SP 〜599px */
@media screen and (max-width:599px){
	.letter-item{
		padding: 7%;
		margin: 15px 0;
		width:100%;
	}

	.lt-text h2{
		font-size: 0.9em;
		padding: 0!important;
	}

	.lt-text p{
		font-size: 0.9em;
		padding: 0!important;
		margin-bottom: 20px;
	}

	.lt-article-date{
		font-size: 0.7em;
		position: absolute;
		right: 3%;
		bottom: 3%;
	}
}


/*pagetop*/

#page-top a{
	display: flex;
	justify-content:center;
	align-items:center;
	background:#fff;
	border-radius: 50px;
	width: 60px;
	height: 60px;
	color: #666;
	text-align: center;
	text-transform: uppercase; 
	text-decoration: none;
	font-size:1.5rem;
	transition:all 0.3s;
}

#page-top a:hover{
	background: #777;
}

#page-top {
	position: fixed;
	right: 10px;
	bottom:10px;
	z-index: 2;
	opacity: 0;
	transform: translateY(100px);
}

#page-top.UpMove{
	animation: UpAnime 1s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }
  to {
    opacity: 1;
	transform: translateY(0);
  }
}

#page-top.DownMove{
	animation: DownAnime 1s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 1;
	transform: translateY(0);
  }
  to {
  	opacity: 1;
	transform: translateY(100px);
  }
}





/* スクロール */

.scrolldown{
	position:absolute;/*配置*/
	left:50%;
	bottom:30px;
	height:70px;
}

.scrolldown span{
	position: absolute;
	left:-15px;
	top: -15px;
	color: #fff;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
}

.scrolldown::after{
	content: "";
	position: absolute;
	top: 0;
	width: 1px;
	height: 50px;
	background: #fff;
	animation: pathmove 2s ease-in-out infinite;
	opacity:0;
}

@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:30px;
		opacity: 1;
	}
	100%{
		height:0;
		top:50px;
		opacity: 0;
	}
}

/*---------------------- フッター --------------------*/

footer{
	background-color: #fff;
}

.copyright {
	text-align: center;
}
 
.copyright p {
font-size: 0.7rem;
}

/* レスポンシブ */
@media only screen and (max-width: 480px) {
}


/*---------------------- 投稿＆固定共通 --------------------*/

/*ページネーション*/

.wp-pagenavi {
	clear: both;
	text-align:center;

}
.wp-pagenavi a, .wp-pagenavi span {
	color: #707070;
	background-color: #FFFFFF;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
	border: 1px solid #707070;
}
.wp-pagenavi a:hover{
	color: #fff;
	background-color: #707070;
    }
.wp-pagenavi span.current{
	color: #fff;
	background-color: #707070;
    }

/*パンくずリスト*/
 
#breadcrumbs {
	font-size: 0.7em;
}
#breadcrumbs span{
	padding:0 5px;
}
#breadcrumbs span:first-child{
	padding: 0;
}
 
/*スマートフォン表示のときは一番最後の記事タイトルが表示されないように設定*/
 
@media (max-width: 599px) {
.breadcrumbs li:last-child {
	display: none;
}
}

/*会社概要*/

table.com-table th{
	width: 100%;
	display: block;
}
table.com-table td{
	width: 100%;
	display: block;
}

/*-------------------カテゴリー別投稿ページ-----------------------*/

/*ページ上部統一*/


/*レター（ブログ）*/

.letter{
	margin: 0 auto;
	width: 90%;
	margin-bottom: 2rem;
	background-color: #fff;
	padding: 1.5rem;
}

.letter p{
	margin-bottom: 0!important;
	padding:0;
}

.letter .right{
	margin-top:1rem;
}

/* SP 〜599px */
@media screen and (max-width:599px){
	.letter{
		width: 100%;
	}
}

/*イベント*/

.event-category{
	font-size: 0.9em;
	background-color: #fff;
	color: #eadcdc;
	padding: 3px;
	margin: 0 3px;
}

.event-date p{
	padding: 3px 0;
	border-bottom: solid 1.5px #fff;
}

/*カテゴリー別ページ*/

.cate-list{
	margin: 0 auto;
	background-color: #fff;
	margin-bottom: 50px;
	display: flex;
	align-items: flex-start;
}

.cate-list img{
	width: 70%;
	height: auto;
}

/*contact*/

.wpcf7{
text-align: center;}

.wpcf7-submit{
	margin: 0 auto;
	padding:5px 7px;
}

.wpcf7-spinner{
	display:block;
}


/*固定-------------------------*/

.article-content {
	margin: 0 auto;
	margin-bottom: 2rem;
}
 
.article-content .article-info {
	margin-bottom: .5rem;
}
 
.article-content .cat-data a {
	font-size: .8rem;
	margin: 0 .2rem;
	text-decoration: none;
	color: #000;
}

.article-content .cat-data i{
	padding-right: .3rem;
	text-decoration: none;
	color: #000;
}
 
.article-content .article-info .article-date,
.article-content .article-info .article-author {
	font-size: 1rem;
	margin-right: .5rem;
	color: #888;
}
 
.article-content .article-info .article-author i {
	margin-right: .3rem;
}
 
.article-content p,
.article-content b,
.article-content table,
.article-content ul,
.article-content ol {
	line-height: 1.7;
	letter-spacing: 1px;
}
 
.article-content p,
.article-content img,
.article-content table,
.article-content ul,
.article-content ol {
	margin-bottom: 1rem;
}

.article-content table{
	margin: 0 auto;
	padding:20px 0;
}


.day-cate{
	text-align: right;
}

.article-content .article-date,
.article-content .day-cate p{
	font-size: .8rem!important;
	margin: .1rem .2rem;
	padding: 0;
}
 
.article-content h1 {
	text-align: center;
	font-size: 1.7rem;
	margin: 0 0 2rem;
	letter-spacing: 1px;
}
 
.article-content h2 {
	font-size: 1.4rem;
	margin: 3rem 0 2rem;
	letter-spacing: 1px;
	padding: 0.3rem 1rem;
}
 
.article-content h3{
	font-size: 1.2rem;
	margin: 2.5rem 0;
}

.article-content h4 {
	font-size: 1rem;
	margin: 3rem 0 2rem;
	letter-spacing: 1px;
	padding: 0.3rem 1rem;
}

.article-content .box{
	width: 60%;
	margin:2em 0;
	position: relative;
	padding: 0.5em 1.5em;
	border-top: solid 2px black;
	border-bottom: solid 2px black;	
}

.article-content .box:before, .article-content .box:after{
	content: '';
	position: absolute;
	top: -10px;
	width: 2px;
	height: -webkit-calc(100% + 20px);
	height: calc(100% + 20px);
	background-color: black;
}
.article-content .box:before {left: 10px;}
.article-content .box:after {right: 10px;}
.article-content .box p {
	margin: 0; 
	padding: 0;
}

.article-content .article-img {
	margin:2rem 0;
}
 
.article-content .article-img img {
	width: 50%;
	height: auto;
	display: block;
	margin: 0 auto;
}
 
.article-content ol {
	list-style: none;
}

.article-content ul {
	list-style: none;
}
 
.article-content table {
	border-collapse: collapse;
}
 
.article-content th,
.article-content td {
	padding: .6rem;
	vertical-align: middle;
	border: none;
}
 
.article-content figure {
	max-width: 100%;
}
 
.article-tag {
	text-align: right;
}
 
.article-tag ul {
	font-size: 0;
	margin-bottom: 0;
}
 
.article-tag ul li {
	font-size: .9rem;
	display: inline-block;
	margin-right: .5rem;
	vertical-align: middle;
}
 
.article-tag ul li:last-child {
	margin-right: 0;
}
 
.article-tag ul li a {
	padding: .2rem .5rem;
	text-decoration: none;
	color: #000;
	border: 1px solid #000;
}
 
.article-tag ul li a:hover {
	opacity: .6;
}

/*アコーディオン*/

.accordion_one {
	max-width: 800px;
	margin: 0 auto;
}
.accordion_one .accordion_header {
	background-color: rgba(255,255,255,0.55);
	color: #666;
	padding: 1rem;
	text-align: center;
	position: relative;
	z-index: +1;
	cursor: pointer;
	transition-duration: 0.2s;
}
.accordion_one:nth-of-type(2) .accordion_header {
    background-color: rgba(255,255,255,0.55);
}
.accordion_one:nth-of-type(3) .accordion_header {
    background-color: rgba(255,255,255,0.55);
}
.accordion_one .accordion_header:hover {
	opacity: .8;
}

.accordion_one .accordion_inner {
	display: none;
	padding: 30px 30px;
	border-left: 2px solid rgba(255,255,255,0.55);
	border-right: 2px solid rgba(255,255,255,0.55);
	border-bottom: 2px solid rgba(255,255,255,0.55);
	box-sizing: border-box;
}
.accordion_one .accordion_inner.stay {
	display: block;
}
.accordion_one:nth-of-type(2) .accordion_inner {
	border-left: 2px solid rgba(255,255,255,0.55);
	border-right: 2px solid rgba(255,255,255,0.55);
	border-bottom: 2px solid rgba(255,255,255,0.55);
}
.accordion_one:nth-of-type(3) .accordion_inner {
	border-left: 2px solid rgba(255,255,255,0.55);
	border-right: 2px solid rgba(255,255,255,0.55);
	border-bottom: 2px solid rgba(255,255,255,0.55);
}
.accordion_one .accordion_inner .box_one {
	height: auto;
}
.accordion_one .accordion_inner .txt_a_ac {
	margin: 0;
}

.accordion_one .accordion_inner ul{
	margin: 0;
}

/* レスポンシブ */
@media(max-width: 500px) {
	
	.article-content .box{
		width: 100%;
	}
	
	.article-txt{
		padding: 0 1rem;
	}
	
	.article-content .article-img img {
	width: 100%;
	}
	
	.article-content h1 {
		font-size: 1.4rem;
	}

	.article-content h2 {
		font-size: 1.4rem;
	}

	.article-content h3 {
		font-size: 1.3rem;
	}

	.article-content h4 {
		font-size: 1.2rem;
	}
}

/*投稿-------------------------*/

.article-list {
	margin-bottom: 1rem;
	padding: 1rem;
	display: grid;
}
 
.article-list:hover {
	background-color: #eee;
}
 
.article-list a {
	text-decoration: none;
}
 
.article-list a:after {
	display: block;
}
 
.article-list .img-wrap {
	float: left;
	display: inline-block;
	line-height: 1;
}
 
.article-list .img-wrap img {
	width: 200px;
	height:200px;
	border-radius: 50%;/*角丸*/
	object-fit:cover;
	border: 8px solid #f2e55c;
}
 
.article-list .text {
	margin-left: 220px;
}
 
.article-list .text .article-date{
	text-align: right;
	display: inline-block;
	font-size: .75rem;
	font-weight: bold;
	margin-bottom: .5rem;
	color: #888;
}
 
.article-list .text .article-date {
	margin-right: .5rem;
}
 
.article-list .text i {
	margin-right: .3rem;
}
 
.article-list .text p {
	font-size: .8125rem;
	line-height: 1.7;
}

.article-list .text h2 {
	font-size: 1.15rem;
	margin-bottom: 0.8rem;
}

.article-list .text h2 p {
	font-size: .8rem!important;
	margin-bottom: 0 !important;
}

/* レスポンシブ */
@media(max-width: 500px) {
	
	.contents{
		display: block;
	}

	.article-list .img-wrap {
		float: none;
		display: block;
	}

	.article-list .img-wrap img {
		width: 220px;
		height:220px;
		margin-bottom: 10px;
	}

	.article-list .text {
		margin-left: 0px;
	}

	.img-wrap{
		text-align: center;
	}
	
	.article-list h2{
		padding: 0.3rem 1rem;
		border-left: 4px dotted #80c269;
	}
}

.sample{
	width:100%!important;
}