/*
Theme Name: CORU Materialize
Theme URI: none
Author: Report
Author URI: http://www.report.co.jp/
Template: materialize
Text Domain: coru-materialize

Version: 0.0.1
Tags:  blog, news, featured-images, one-column, theme-options, translation-ready, custom-colors, custom-menu, threaded-comments, custom-background, custom-header
Domain Path: /languages
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


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

独自CSS 別ディレクトリのCSSを読み込む

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

/* 「media/_backend」ディレクトリのCSS */
@import url('media/_backend/css/adds.css');
@import url('media/_backend/css/ahtml.css');
@import url('media/_backend/css/boxes.css');
@import url('media/_backend/css/customizer.css');
@import url('media/_backend/css/options.css');
/* 「media/_frontend」ディレクトリのCSS */
@import url('media/_frontend/css/blog.css');
@import url('media/_frontend/css/comments-typography.css');
@import url('media/_frontend/css/comments.css');
@import url('media/_frontend/css/effects.css');
@import url('media/_frontend/css/elements.css');
@import url('media/_frontend/css/footer.css');
@import url('media/_frontend/css/forms.css');
@import url('media/_frontend/css/header.css');
@import url('media/_frontend/css/ie.css');
@import url('media/_frontend/css/materialize.css');
@import url('media/_frontend/css/materialize.min.css');
@import url('media/_frontend/css/nav.css');
@import url('media/_frontend/css/navigation.css');
@import url('media/_frontend/css/plugins.css');
@import url('media/_frontend/css/prettyPhoto.css');
@import url('media/_frontend/css/typography.css');
@import url('media/_frontend/css/widgets.css');
/* 「media/css」ディレクトリのCSS */
@import url('media/css/mythemes-icons.css');


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

独自CSS カスタマイズ

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

font

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

/* Noto Sans CJK JP */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

body {
  font-family: 'Noto Sans Japanese', sans-serif;
  font-size: 100%;
}


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

heder CSS

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

.heder-img{
  position: absolute;
  width: 1920px;
  height: 360px;
  min-width: 1920px;
  min-height: 360px;
}

.mythemes-blog-logo{
}

nav.mythemes-topper div.mythemes-blog-identity{
  position: relative;
  /*padding-top: 126px;*/
  padding-top: 60px;
  padding-bottom: 0px;
  border: 0px;
}

/*.white100{
width: 100%;
background-color: #fff;
}*/

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

widget CSS

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

footer aside div.widget,
footer aside div.widget p,
footer aside div.widget_text div.textwidget,
footer aside div.widget_text div.textwidget p{
  color: #fff;
}



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

footer CSS

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

#map-link{
  width: 340px;
  text-align: right;
  float:  left;
  margin-bottom: 60px;
}

footer ul.footer-list < li{
  color: #fff;
  display: inline-block;
  font-size: 12px;
  width: 25%;
}

footer ul.footer-list < a{
  color: #fff;
}

footer div.container{
  background-color: #668260;
}

footer div.mythemes-dark-mask{
  background-color: #668260;
  text-align: center;
  width: 880px;
  margin-right: auto;
  margin-left: auto;
}

.footer-list{
  display: inline-flex;
  margin: 0px;
}

footer div.mythemes-social{
  padding-top: 0px;
  padding-bottom: 0px;
}

footer div.mythemes-copyright{
  border-top: 0px;
}

ul.footer-list li,
ul.footer-list li a{
  color: #ffffff;
  margin: 0 1em;
}

span.copyright{
  color: #ffffff;
}

div.footer-widget{
  min-width: 865px;
  height: 490px;
  width: 880px;
  padding: 40px 40px 0;
}

.footer-first-box{
  float: left;
  width: 230px;
  padding-top: 40px;
  padding-right: 40px;
}

.footer-second-box{
  float: left;
  text-align: center;
  width: 340px;
  padding-top: 40px;
}


.footer-third-box{
  float: left;
  width: 230px;
  padding-top: 40px;
  padding-left: 40px;
}

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

デフォルト CSS (上書き用)

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

/* ALIGN TEXT */
.align-none{
  text-align: none;
}
.align-left{
  text-align: left;
}
.align-center{
  text-align: center;
}
.align-justify{
  text-align: justify;
}
.align-right{
  text-align: right;
}

/* WORDPRESS */
.alignleft,
.alignright{
  margin-top: 10px;
  margin-bottom: 10px;
}
.alignnone,
.aligncenter{
  margin-top: 25px;
  margin-bottom: 25px;
}

div.mythemes-page > .aligncenter:first-child,
div.mythemes-page > .alignnone:first-child{
  margin-top: 0px;
}
div.mythemes-page > .aligncenter:last-child,
div.mythemes-page > .alignnone:last-child{
  margin-bottom: 0px;
}
.alignleft{
  float:left;
  margin-right: 15px;
}
.alignright{
  float:right;
  margin-left: 15px;
}
.aligncenter{
  clear:both;
  display: block;
  margin-left:auto;
  margin-right:auto;
  text-align: center;
}

.sticky,
.gallery-caption,
.screen-reader-text,
.bypostauthor{}

  .wp-caption{
    background-color: #ffffff;

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .wp-caption,
  .wp-caption p,
  .wp-caption a{
    font-style: italic;
  }
  .wp-caption,
  .wp-caption p{
    color: #454545;
  }
  section .wp-caption p,
  section .wp-caption p.wp-caption-text{
    background: #ffffff;
    color: #454545;
    padding: 15px 25px;
    margin: 0px;
    line-height: 24px;
  }
  section .post-thumbnail .valign-bottom-cell-wrapper{
    height: auto;
  }
  .single-portfolio .thumbnail-content footer,
  section .post-thumbnail footer{
    background: rgba( 0,0,0, 0.4 );
    color: #ffffff;
    font-style: italic;
    padding: 10px;
  }
  .wp-caption img{
    display: block;

    width: -webkit-calc( 100% + 10px );
    width: calc( 100% + 10px );

  }

  .mythemes-round-corners{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }

  code {
    background: #e9e9e9;
    font-size: 12px;
    padding: 8px 15px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  }
  code {
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: 400;
    color: #333;
  }

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

  コンテンツ 共通CSS

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

  .content{
    background-color: #e1f9db;
  }

  .fax-mg{
    margin-left: 10px;
  }

  h2.post-title,h2.page-title{
    margin: 0px;
  }

  div.post-title h2.main-title,
  div.page-title h2.main-title{
    color: #1c5720;
    font-size: 19px;
    margin: 1px 0px 7px;
  }

  div.page-title h2 span.sub-title,
  div.post-title h2 span.sub-title{
    color: #1c5720;
    margin-left: 1em;
    font-size: 13px;
  }

  div.title-box{
    overflow: hidden;
    width: 865px;
    margin: 0px auto;
  }

  div.title-img{
    height: 30px;
  }

  div.title-img img{
    width: 23px;
    height: 30px;
    margin: 0px 12px;
  }

  div.title-img,div.page-title{
    float: left;
  }

  section.mythemes-classic{
    margin-top: 20px;
    color: #565656;
  }
  /*---------------------------------

  固定ページ 専用CSS

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

  div.container div section div.mythemes-page{
    background-color: #fff;
    padding: 40px 55px;
    max-width: 865px;
    width: 865px;
  }

  div.mythemes-page h3,
  div.mythemes-page p.text1,
  div.mythemes-page p.text1{
    font-size: 14px;
    color: #565656;
  }

  div.mythemes-page p.text1{
    margin-left: 2em;
    color: #565656;
  }

  div.mythemes-page p.text2{
    margin-left: 3em;
    color: #565656;
  }


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

  Information（更新情報） 専用CSS

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

  article.post-information{
    padding: 1em 30px;
  }

  article.post-information div.post-content{
    padding: 0px
  }

  li.post-information-text{
    list-style:none;
  }

  li.post-information-text dl{
    list-style:none;
    margin: 0;
  }

  li.post-information-text dl dt{
    float:left;
    clear:left;
  }
  li.post-information-text dl dd{
    float:left;
    margin-left: 1em;
  }



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

  About（会社概要） 専用CSS

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

  article.post-about{
    padding: 20px 80px;
  }

  article.post-about div.post-content{
    padding-top: 0px;
  }

  article.post-about div.post-content table.type01{
    box-shadow: none;
  }

  a.profile-link{
    margin-left: 0.5em;
  }

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

  Work（実績） 専用CSS

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

  article.post-work{
    padding: 1em 30px;
  }

  article.post-work div.post-content{
    padding: 0px
  }

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

  Contact（お問い合わせ） 専用CSS

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

  article.post-contact{
    padding: 0px 124px 30px;
  }

  article.post-contact label{
    font-size: 14px;
    color: #565656;
  }

  article.post-contact label span.text-red{
    color: #ff0000;
  }

  article.post-contact label span textarea.wpcf7-form-control,
  article.post-contact label span input.wpcf7-form-control{
    border-bottom: 2px solid #668260;
  }
  article.post-contact p i input.waves-button-input{
    background-color: #668260;
  }



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

  その他共通 CSS

  ----------------------------------*/
  div.container{
    margin: 0 auto;
    max-width: 880px;
    width: 880px;
  }

  nav .nav-wrapper {
    width: 865px;
    min-width: 865px;
    background-color: #e8ebe7;
    margin-left: auto;
    margin-right: auto;
  }




  /*************************************
  ここから　767px以上の時
  *************************************/
  @media (min-width: 768px) {


    .container .row {
      margin-left: auto;
      margin-right: auto;
    }

    .pc_none{
      display: none;
    }

  }

  /*************************************
  ここから　992px以下の時
  *************************************/
  @media (max-width: 992px) {

    .hide-on-med-and-down{
      display: block!important;
    }

    .hide-on-med-and-down a,
    nav.mythemes-topper ul li a,
    nav.mythemes-topper ul li:hover > a,
    nav.mythemes-topper ul li a:hover{
      color: #1c5720!important;
      font-weight: 500;
    }

    nav.mythemes-topper div.not-collapsed-wrapper ul.hide-on-med-and-down > li.current-menu-ancestor,
    nav.mythemes-topper div.not-collapsed-wrapper ul.hide-on-med-and-down > li.current-menu-item{
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
      -o-transition: all .3s ease-out;
      -ms-transition: all .3s ease-out;
      transition: all .3s ease-out;
      background-color: #fff;
    }

    header.mythemes-miss-header-image nav{
      border-bottom: 0px;
    }

    nav .nav-wrapper {
      /*background-color: #e8ebe7;*/
    }

    header div.container{
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      background-color: #e8ebe7;
    }

    body.custom-background {
      width: 1080px;
      margin-right: auto;
      margin-left: auto;
      background-color: #e1f9db;
    }

  }
  /*************************************
  ここから　767px以下の時
  *************************************/
  @media (max-width: 767px) {

    body.single section article,
    .mythemes-classic > article:first-child{
      width: 90%;
      min-width: 0;
    }

    .sp_none{
      display: none;
    }
    .fax-mg{
      margin-left: 0px;
    }

  }