@charset "utf-8";
/*
Theme Name: カスタマイズデザイン
Theme URI: http://
Author: OFFICE SUPPLEMENT
*/

.wp-editor-container strong{
  font-family: "NotoSansJP-Medium", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
.wp-editor-container table{
	border-collapse: collapse;
	border:solid 1px #DFDFDF;
}
.wp-editor-container table th{
	border:solid 1px #DFDFDF;
  padding:5px 10px;
}
.wp-editor-container table td{
	border:solid 1px #DFDFDF;
  text-align:left;
  padding:5px 10px;
}

.notFound{
  margin-top:20px;
  padding:100px 20px;
  -webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;
  border:solid 1px #DFDFDF;
  text-align:center;
}
  .notFound dt{
    font-family:"MPLUS1p-7";
    font-size:30px;font-size:3.0rem;
    margin-bottom:10px;
  }
  .notFound dd{
    font-size:16px;font-size:1.6rem;
  }

.pager{
  padding: 10px 6px 10px 6px;
	text-align:left;
  display:block;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
}
.pager li{
	list-style-type:none;
}
.pager a,
.pager a:visited,
.pager a:hover,
.pager span.current,
.pager span.pages,
.pager span.extend,
.pager span.current,
.pager span.dots{
  font-family: Arial, Helvetica, sans-serif;
	background-color:#45ab76;
	color:#FFF;
	width:24px;
	padding:0;
	margin:0 5px 0 0;
	display:block;
	float:left;
	text-align:center;
	line-height:24px;
	text-decoration:none;
}
.pager span.current {
	color:#FFF;
	background-color:#45ab76;
}
.pager a:hover {
	text-decoration:none;
	background-color:#45ab76;
	color:#FFF;
}

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignright {
  padding: 4px;
  margin: 0 0 2px 10px;
  display: inline;
}
img.alignleft {
  padding: 4px;
  margin: 0 10px 2px 0;
  display: inline;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}

.articleArea .entryContent img{
  max-width:100%;height:auto;
}
.articleArea .entryContent iframe{
  max-width:100%;height:auto;
}

@media print,screen and (min-width : 501px) {

.text-list{
  border-top:solid 1px #DFDFDF;
  margin-top: 20px;
}
  .text-list li{
    display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
    -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
    padding:10px 0;
    border-bottom:solid 1px #DFDFDF;
  }
  .text-list .archiveDate{
    margin-right: 10px;
  }


.eyecatchList{
  margin-top:20px; 
  display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
  -webkit-justify-content :space-between;justify-content: space-between;-ms-flex-pack: justify;
  -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
}
  .eyecatchList::after,
  .eyecatchList::before {
    content: "";
    display: block;
    width: 210px;
    height: 0;
  }
  .eyecatchList::before {
    order: 1;
  }
  .eyecatchList li{
    width: 210px;
    font-size:14px;font-size:1.4rem;
    margin-bottom:20px;
  }
  .eyecatchList .imgbox{
    width: 210px;
    height: 140px;
    overflow: hidden;
    border:solid 1px #DFDFDF;
  }
  .eyecatchList li img{
    display: block;
    margin: 0 auto;
  }
  .eyecatchListl li .scheduledate{
    margin:5px 0; 
  }

.articleArea{
  margin-top: 10px;
	text-align:left;
}
.articleArea .update{
  text-align:right;
  margin-top:10px;
}
.entryContent{
  margin-top: 20px;
}
.entryContent img,
.entryContent iframe{
  max-width: 100%;
}

#job-details{
  margin-top: 20px;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
.fbox dl{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
.fbox dt{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;
  -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
.fbox dd{
  flex: 1;
}

#job-details-main{
  margin-top: 20px;
  line-height: 1.4;
}
#job-details-main dl{
  margin-bottom: 6px;

}
#job-details-main dl dt{
  width: 120px;
  padding: 4px;
  background-color: #45ab76;
  color: #fff;
  text-align: center;
  font-family:"MPLUS1p-4";
}
#job-details-main dl dd{
  margin-left: 10px;
  padding: 4px;
}

#job-details .fb-left{
  width: 300px;
}
#job-details .fb-left .nomov{
  background-color: #fafafa;
  border:solid 1px #c8c8c8;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;
  -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
  height: 100%;
}

#job-details .fb-right{
  flex: 1;
  margin-left: 20px;
  border-top:solid 1px #c8c8c8;
  line-height: 1.4;
}
#job-details .fb-right dl{
  border-bottom:solid 1px #c8c8c8;
  padding: 6px;

}
#job-details .fb-right dl dt{
  width: 120px;
  -webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;
}
#job-details .fb-right dl dd{
  margin-left: 10px;
}

#job-mov{
  margin-top: 20px;
}
#job-mov iframe{
  width: 100%;
}


#oubosaki{
  margin-top: 20px;
}
#oubosaki h2{
  font-size:22px;font-size:2.2rem;
  font-family:"MPLUS1p-4";
}
#oubosaki div{
  border:solid 1px #c8c8c8;
  margin-top: 10px;
}
#oubosaki dl{
  border-bottom:solid 1px #c8c8c8;
  line-height: 1.4;
}
#oubosaki dl dt{
  width: 160px;
  text-align: center;
  padding: 6px 10px;
  border-right:solid 1px #c8c8c8;
}
#oubosaki dl dd{
  padding: 6px 10px;
}
#oubosaki .fbox dl:nth-child(3){
  border:none;
}


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


.text-list{
  border-top:solid 1px #DFDFDF;
  margin-top: 20px;
}
  .text-list li{
    display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
    -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
    padding:10px 0;
    border-bottom:solid 1px #DFDFDF;
  }
  .text-list .archiveDate{
    margin-bottom: 10px;
  }

.eyecatchList{
  display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
  -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
  -webkit-justify-content :space-between;justify-content: space-between;-ms-flex-pack: justify;
  margin-top:20px;
}
  .eyecatchList li{
    width:49%;
    margin:0 0 10px 0;
    line-height:1.2;
    border:1px solid #EEE;
    box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
    padding:5px;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
  }
  .eyecatchList .imgbox{
    width:100%;
    height: auto;
    overflow: hidden;
    border:solid 1px #DFDFDF;
  }
  .eyecatchList li img{
    display: block;
    margin: 0 auto;
  }

  .eyecatchList .newsdate{
    margin:6px 0 4px 0;
  }


.articleArea{
  margin-top:20px;
	text-align:left;
  padding:20px;
  border:solid 1px #DFDFDF;
  box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
}
  .articleArea h2{
    font-size:20px;font-size:2.0rem;
    border-bottom:solid 1px #282828;
    line-height:1.2;
    padding-bottom:5px;
    font-family: "NotoSansJP-4", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
  }
  .articleArea .entryContent{
    margin-top:20px;
  }
  .articleArea .update{
    text-align:right;
    margin-top:10px;
  }

#job-details{
  margin-top: 20px;
}

.fbox dl{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
.fbox dt{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;
  -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
.fbox dd{
  flex: 1;
}

#job-details-main{
  margin-top: 20px;
  line-height: 1.2;
}
#job-details-main dl{
  margin-bottom: 10px;
}
#job-details-main dl dt{
  width: 90px;
  padding: 4px;
  background-color: #45ab76;
  color: #fff;
  text-align: center;
  font-family:"MPLUS1p-4";
}
#job-details-main dl dd{
  padding: 4px;
}

#job-details .fb-left .nomov{
  background-color: #fafafa;
  border:solid 1px #c8c8c8;
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;
  -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
  height: 100%;
}

#job-details .fb-right{
  border-top:solid 1px #c8c8c8;
  margin-top: 20px;
}
#job-details .fb-right dl{
  border-bottom:solid 1px #c8c8c8;
  padding: 6px;
  line-height: 1.2;
}
#job-details .fb-right dl dt{
  width: 100px;
  -webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;
}
#job-details .fb-right dl dd{
  margin-left: 10px;
  word-break: break-all;
}

#job-mov{
  margin-top: 20px;
}
#job-mov iframe{
  width: 100%;
}


#oubosaki{
  margin-top: 20px;
}
#oubosaki h2{
  font-size:18px;font-size:1.8rem;
  font-family:"MPLUS1p-4";
}
#oubosaki div{
  border:solid 1px #c8c8c8;
  margin-top: 6px;
}
#oubosaki dl{
  border-bottom:solid 1px #c8c8c8;
  line-height: 1.2;
}
#oubosaki dl dt{
  width: 80px;
  text-align: center;
  padding: 6px 10px;
  border-right:solid 1px #c8c8c8;
}
#oubosaki dl dd{
  padding: 6px 10px;
}
#oubosaki .fbox dl:nth-child(3){
  border:none;
}

}