@charset "UTF-8";



/*



Theme Name: focus-wp



Theme URI: https://wp-d.org



Author: focus.tokyo



Author URI: https://wp-d.org



Description:このテーマは企業用にカスタマイズされたテーマです。



License: GNU General Public License v2 or later



License URI: http://www.gnu.org/licenses/gpl-2.0.html



Tags:











comment:



*/



/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */



/**



 * 1. Change the default font family in all browsers (opinionated).



 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.



 */



 /* @import url("style-sys.css"); */



 @import url("style-header.css");



 @import url("style-front-page.css");



 @import url("style-footer.css");



 @import url("style-page.css");



 @import url("style-firstcontact.css");



 @import url("style-single-jisseki.css");



 @import url("style-archive.css");



 @import url("style-content-blog.css");



 @import url("style-single-post.css");



 @import url("style-ad1.css");



 html {



  font-family: sans-serif;



  /* 1 */



  -ms-text-size-adjust: 100%;



  /* 2 */



  -webkit-text-size-adjust: 100%;



  /* 2 */



  background-color: rgb(250, 250, 250);



}







/**



 * Remove the margin in all browsers (opinionated).



 */



body {



  margin: 0;







  font-weight: bold;



}











.top-blank



{



  margin-top : 100px;



}







.bottom-blank



{



  margin-bottom : 150px;



}







.common-box



{



  width : 100%;



  max-width: 1920px;



}







.content-box



{



  max-width: 1280px;



  padding : 0 100px 0 100px;



  margin : 0 auto 0 auto;



}







/* .main-container



{



  margin-bottom : 150px;



} */


img { max-width: 100%; height: auto; }



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



  .top-blank



  {



    margin-top: 60px;



  }



  .content-box



  {



      padding : 0 20px 0 20px;



  } 



}



@media screen and (min-width: 926px) 



  {



    .br-s



    {



      display: none;



    }



  }



  @media screen and (min-width: 1025px) 



  {



    .br-m



    {



      display: none;



    }



    .br-s



    {



      display: none;



    }



  }







  .scroll-prevent {



    /*動き固定*/



    position: fixed;



    /*奥行きを管理*/



    z-index: -1;



    /*下2つで背景を元のサイズのまま表示することができる*/



    width: 100%;



    height: 100%;



  }



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



   _s



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



/* =Asides



----------------------------------------------- */



.blog .format-aside .entry-title,



.archive .format-aside .entry-title {



  display: none;



}







/* =Media



----------------------------------------------- */



.entry-content img.wp-smiley,



.comment-content img.wp-smiley {



  border: none;



  margin-bottom: 0;



  margin-top: 0;



  padding: 0;



}







.wp-caption {



  border: 1px solid #ccc;



  margin-bottom: 1.5em;



  max-width: 100%;



}







.wp-caption img[class*="wp-image-"] {



  display: block;



  margin: 1.2% auto 0;



  max-width: 98%;



}







.wp-caption-text {



  text-align: center;



}







.wp-caption .wp-caption-text {



  margin: 0.8075em 0;



}







.site-content .gallery {



  margin-bottom: 1.5em;



}







.site-content .gallery a img {



  border: none;



  height: auto;



  max-width: 90%;



}







.site-content .gallery dd {



  margin: 0;



}







/* Make sure embeds and iframes fit their containers */



embed,



iframe,



object {



  max-width: 100%;



}







/* =Navigation



----------------------------------------------- */



.site-content [class*="navigation"] {



  margin: 0 0 1.5em;



  overflow: hidden;



}







[class*="navigation"] .nav-previous {



  float: left;



  width: 50%;



}







[class*="navigation"] .nav-next {



  float: right;



  text-align: right;



  width: 50%;



}







/* =Comments



----------------------------------------------- */



.comment-content a {



  word-wrap: break-word;



}







/* Alignment */



.alignleft {



  display: inline;



  float: left;



  margin-right: 1.5em;



}







.alignright {



  display: inline;



  float: right;



  margin-left: 1.5em;



}







.aligncenter {



  clear: both;



  display: block;



  margin: 0 auto;



}







.screen-reader-text {



  clip: rect(1px, 1px, 1px, 1px);



  position: absolute !important;



}







/* =Content



----------------------------------------------- */



.hentry {



  margin: 0 0 1.5em;



}







.byline {



  display: none;



}







.single .byline,



.group-blog .byline {



  display: inline;



}







.entry-content,



.entry-summary {



  margin: 1.5em 0 0;



}







.page-links {



  clear: both;



  margin: 0 0 1.5em;



}







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



   Custom



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







body {



  color: #313131;



  font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;



  /* font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; */



}







p



{



  line-height: 30px;



}







a {



  color: #862626;



}







a:hover {



  color: #9b9b9b;



}







h1, h2, h3, h4, h5, h6 {



  color: #222;



  font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;



  /* font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; */



  font-weight: 400;



}







h1, h2, h3 {



  font-size: 1.4375em;



  margin-bottom: 20px;



}















h4, h5 {



  font-weight:bold;



  font-size: 1.125em;



}







h6



{



  color: #862626;



  font-weight:bold;



  font-size: 1.125em;



  padding-bottom : 10px;



  margin : 10px auto;



  text-align: center;







  border-bottom: 3px dashed #000;



}







div



{



  box-sizing: border-box;



}







section



{



  padding : 30px 0;



}







section:nth-child(odd)



{



  background-color: rgb(250, 250, 250);



}







section:nth-child(even)



{



    background-image:linear-gradient(-45deg, #f9f8f7 25%, #eeeeee 25%, #eeeeee 50%, #f9f8f7  50%, #f9f8f7 75%, #eeeeee 75%, #eeeeee);



    background-size: 8px 8px;



}







p span



{



  font-weight: bold;



  color: rgb(121, 0, 0);



}







.title1



{



  padding: 0;



  margin:  8px 0 0 0;



  color: #862626;



  font-size: 2em;



  font-weight:bold;



  margin-right: 15px;



  float : left;



  ;



}







.title2



{



  padding: 0;



  margin:  0;



  margin-bottom: 2em;



  font-size: 1.5em;



  font-weight: bold;



    color : rgb(51, 48, 48);



     position: relative;



     padding: 0.5rem 0px 1.2rem 0px;



}















.title2:after {



  position: absolute;



  bottom: 0;



  left: 0;



  width: 100%;



  height: 5px;



  content: '';



  background-image: -webkit-gradient(linear, left top, right top, from(#a30000), to(#4d0000));



  background-image: -webkit-linear-gradient(left, #a30000 0%, #4d0000 100%);



  background-image: linear-gradient(to right, #a30000 0%, #4d0000 100%);



}







.title3 {



  font-size: min(7vw, 36px);



  color : rgb(51, 48, 48);



  text-align: center;



  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;



  position: relative;



  padding: 1.5rem 0;



  margin : 50px 0 50px 0;



}



.title3 a



{



  color: rgb(121, 0, 0);



  text-decoration: none;



}







.title3 span



{



  color: rgb(121, 0, 0);



}











.title3:before,



.title3:after {



  position: absolute;



  left: 0;



  width: 100%;



  height: 4px;



  content: '';



  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);



  background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);



}







.title3:before {



  top: 0;



}







.title3:after {



  bottom: 0;



}







.title4 {



  position: relative;



  overflow: hidden;



  padding: 0.5rem 1rem 0.5rem 120px;



  border-top: 3px solid #862626;



  font-size: 1.5rem;



  color : #862626;



}







.title4:before {



  position: absolute;



  top: -150%;



  left: -100px;



  width: 160px;



  height: 300%;



  content: '';



  -webkit-transform: rotate(25deg);



  transform: rotate(25deg);



  background: #000;



}







.title4 span {



  font-size: 2rem;



  position: absolute;



  z-index: 1;



  top: 0;



  left: 0;



  display: block;



  padding-top: 3px;



  padding-left: 16px;



  color: #fff;



}



@media screen and (max-width: 926px) 



{



  .title



  {



    



  }







  .title1



  {



    font-size: 1.3em;



  }







  .title2



  {



    width : 100%;



    padding-left : 0;



    padding-top : 3px;



  }



}



code {



  font-family: Consolas, "Liberation Mono", Courier, monospace;



  font-weight: 400;



  color: #222;



  font-size: 0.875em;



}







pre {



  padding: 10px;



  background-color: #f2f2f2;



  margin-bottom: 20px;



}







.site-address {



  text-align: right;



  padding-top: 10px;



  font-size: 0.875em;



}







#primary {



  padding-top: 20px;



}







#secondary {



  background-color: #fff4f4;



  padding-top: 20px;



}







article.post {



  margin-bottom: 30px;



  border-bottom: 1px solid #ccc;



  padding-bottom: 20px;



}







article .thumbnail {



  padding-right: 0;



}







article .thumbnail img {



  -webkit-border-radius: 5px;



  border-radius: 5px;



}







.single article {



  border-bottom: 1px solid #ccc;



  padding-bottom: 20px;



}







.entry-content ul,



.entry-content ol {



  margin-left: 25px;



}







ul.comment-list,



ol.comment-list,



ul.children,



ol ul.comment-list {



  list-style-type: none;



}







li.comment {



  margin: 15px 0;



}







#comments {



  padding: 20px;



  background-color: #fff4f4;



  -webkit-border-radius: 5px;



  border-radius: 5px;



}







.widget ul {



  margin-left: 0;



}



.widget li {



  list-style-type: none;



  line-height: 1.2;



  padding: 5px 0;



}



.widget .widget-title {



  border-bottom: 1px solid #d05252;



}







.site-footer {



  padding: 10px 0;



  background-color: #484848;



}







.site-footer,



.site-footer h4,



.site-footer a {



  color: #fff;



}







.breadcrumb {



  background-color: rgb(250, 250, 250);



  color: #222;



}







.breadcrumb ul{



  list-style: none;



  display : flex;



  flex-wrap: wrap;



  padding : 0;



}







.breadcrumb  {



  font-size: 0.8em;



  padding-top: 10px;



  padding-bottom: 30px;



}







#colophon {



  background-color: #484848;



}



#colophon a:hover {



  text-decoration: underline;



}



#colophon p, #colophon li, #colophon .site-info {



  font-size: 0.875em;



}







/* =menustyleへ移動



----------------------------------------------------------------------------------------------------------------------------------!!!!!!!!*/



/* =Menu



----------------------------------------------- */











.front-sp .circle {



  text-align: center;



}



.front-sp .circle img {



  border-radius: 50%;



  -webkit-border-radius: 50%;



  -moz-border-radius: 50%;



}







h1.entry-title {



  color: #5F2F08;



  background-color: #fff4f4;



  -webkit-border-radius: 5px;



  border-radius: 5px;



  font-weight: bold;



  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);



  padding: 8px 15px 5px;



}







.entry-content h2 {



  border-left: 4px solid #5F2F08;



  padding: 5px 0 5px 10px;



}







.entry-content h3 {



  border-bottom: 1px dashed #5F2F08;



  padding-bottom: 10px 0 5px 0;



}







.pagination-centered {



  clear: both;



}







.page-links {



  margin: 20px;



}



.page-links a {



  padding: 7px 10px;



  background-color: #fff;



  color: #5f2f08;



  border: 1px solid #484848;



}



.page-links a:hover {



  background-color: #484848;



  color: #fff;



}







.page_navi {



  text-align: center;



  clear: both;



}



.page_navi li {



  display: inline;



  list-style-type: none;



}



.page_navi li a {



  padding: 7px 10px;



  background-color: #fff;



  color: #5f2f08;



  border: 1px solid #484848;



}



.page_navi li a:hover {



  background-color: #484848;



  color: #fff;



}



.page_navi li.current span {



  padding: 7px 10px;



  background-color: #484848;



  color: #fff;



  border: 1px solid #484848;



}



.page_navi li.page_nums span {



  padding: 7px 10px;



  background-color: #484848;



  color: #fff;



  border: 1px solid #484848;



}







.entry-attachment .attachment {



  text-align: center;



}







table#wp-calendar {



  width: 100%;



}



table#wp-calendar a {



  color: #5F2F08;



}







.tablepress [class*="column"] + [class*="column"]:last-child {



  float: none;



}







.tablepress [class*="column"] + [class*="column"].end {



  float: none;



}







.tablepress {



  margin: 20px 0;



}







.tablepress-responsive-phone tbody tr {



  vertical-align: top;



}















.staff h1 {



  color: #5F2F08;



  background-color: #fff4f4;



  border-radius: 5px;



  font-weight: bold;



  box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);



  padding: 8px 15px 5px;



}







.staff .entry-content {



  margin: 0px 0px 20px;



  display: block;



  overflow: hidden;



  padding: 10px 25px;



  background-color: #fff;



  box-shadow: 1px 1px 0px 1px white;



  border-radius: 5px;



  border: 1px solid #fff4f4;



}







.staff .entry-content h2 {



  color: #5F2F08;



  font-weight: bold;



  border-bottom: 1px dashed #5F2F08;



  padding: 5px 0 10px;



  line-height: 110%;



  position: relative;



  border-left: none;



}







.staff .entry-content .staffCate {



  font-size: 12px;



  font-weight: lighter;



  margin-left: 15px;



  position: relative;



  top: -4px;



}







.staff .entry-content .staffCate a {



  background-color: #fff4f4;



  border-radius: 3px;



  padding: 2px 10px;



}







.staff .entry-content .staff-thumbnail {



  float: right;



  width: 30%;



  border: 4px solid #fff;



  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);



}







.staff .entry-content .staff-thumbnail img {



  width: 100%;



  height: auto;



}







.staff .entry-content .staff-info {



  margin-bottom: 20px;



  width: 65%;



}







.staff .entry-content .staff-info dl {



  margin-bottom: 10px;



}







.staff .entry-content .staff-info dl dt {



  color: #5F2F08;



  margin-bottom: 8px;



  border-bottom: 1px solid #fff4f4;



  box-shadow: 0 1px 0 1px white;



}







.staff .entry-content .staff-content img {



  margin: 0 15px 10px 0;



  border-radius: 5px;



  border: 1px solid #fff4f4;



}







.archive .staff .entry-content {



  padding: 15px 15px;



}























/* Search



--------------------------------------------- */



#searchform {



  *zoom: 1;



}







#searchform #s {



  width: 80%;



  height: 32px;



  float: left;



  border: solid 1px #33201f;



  border-right: none;



  border-radius: 5px 0 0 5px;



}







#searchform:after {



  content: "";



  clear: both;



  display: block;



}







#searchform #searchsubmit {



  background: url("assets/img/icon_search.png") #33201f no-repeat center center;



  border: 0 none;



  cursor: pointer;



  width: 20%;



  height: 32px;



  border-radius: 0 5px 5px 0;



  display: block;



  text-indent: -9999px;



  overflow: hidden;



  font-size: 0;



}







.error404 #primary form#searchform {



  width: 320px;



}







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







  .site-branding{



    text-align: center;



    padding-top: 0;



  }







  .front-news .small-3 {



    padding-right: 0;



  }







  .front-news .small-9 {



    padding-left: 5px;



  }







  .newspost {



    margin-bottom: 10px;



    height: auto;



  }







  .comments-area {



    margin-bottom: 20px;



  }







  #content #s {



    width: 180px;



  }







  .staff .entry-content .staffCate {



    display: block;



    margin: 10px 0 0 0;



  }



}