/*
Theme Name: habakiri-child
Theme URI: http://2inc.org ( テーマのURL )
Description: Habakiri の子テーマです ( テーマの説明 )
Author: Takashi Kitajima ( 作者名 )
Author URI: http://2inc.org ( 作者のURL )
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Template: habakiri
*/
@import url(./css/icomoon.css);

body{
letter-spacing: 3px;
line-height: 2em;
}


a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}


h1.site-branding__heading a:hover{
text-decoration: none;
color:#CCC;
}

h1,h2,h3,h4,h5 {
font-weight: normal;
}

#footer{
margin:30px 0 0 0; 
}



p.footerLink {
font-size:8pt;
}

p.footerLink a{
color: #666;
}

p.footerLink a:hover{
color: #ccc;
text-decoration:none;
}


.white a:hover{
color:#faf4d4;
text-decoration:none;
}

.btn-ghost {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff; }
  .btn-ghost:hover {
    background-color: rgba(255, 255, 255, 0.3); }

.clear { clear:both; }  


/**
 * .site-branding
 */
  .site-branding{
  padding: 0 0 10px 0; }
      .site-branding__heading {
    line-height: 1;
    margin: 0; }
    .site-branding__logo {
    line-height: 1;
    margin: 0; }
    .brandingLogo1{
    font-size: 8px;
     line-height: 2em;
    letter-spacing:0px;
    margin: 0px 5px 0px 0;
    padding:0 8px 20px 8px;}
    .brandingLogo2{
  font-size: 20px;
    letter-spacing:0px;
    padding: 0px 10px;
    margin:0;
    color: #333;
    border-top: solid 2px #333;
    border-bottom: solid 2px #333;
    }

   
   @media (min-width: 480px) {
   .site-branding{
  padding: 0 0 10px 0; }
      .site-branding__heading {
    line-height: 1;
    margin: 0; }
    .site-branding__logo {
    line-height: 1;
    margin: 0; }
    .brandingLogo1{
    font-size: 8px;
     line-height: 2.5em;
    letter-spacing:2px;
    margin: 0px 5px 0px 0;
    padding:0 10px 20px 10px;}
    .brandingLogo2{
  font-size: 25px;
    letter-spacing:0px;
    padding: 0px 10px;
    margin:0;
    color: #333;
    border-top: solid 2px #333;
    border-bottom: solid 2px #333;
    }
	}
       
    @media (min-width: 768px) {
  .site-branding{
  padding: 0px  0 15px 0; }
      .site-branding__heading {
    line-height: 1;
    margin: 0; }
    .site-branding__logo {
    line-height: 1;
    margin: 0; }
    .brandingLogo1{
    font-size: 9px;
     line-height: 2.8em;
    letter-spacing:3px;
    margin: 2px 5px 0px 0;
    padding:0 15px 20px 15px;}
    .brandingLogo2{
  font-size: 32px;
    letter-spacing:0px;
    padding: 0px 10px;
    margin:0;
    color: #333;
    border-top: solid 3px #333;
    border-bottom: solid 3px #333;
    }
	}
   
   @media (min-width: 980px) {
  .site-branding{
  padding: 0px  0 20px 0; }
      .site-branding__heading {
    line-height: 1;
    margin: 0; }
    .site-branding__logo {
    line-height: 1;
    margin: 0; }
    .brandingLogo1{
    font-size: 10px;
     line-height: 3;
    letter-spacing:5px;
    margin: 2px 5px 0px 0;
    padding:0 12px 20px 12px;}
    .brandingLogo2{
  font-size: 40px;
    letter-spacing:0px;
    padding: 0px 10px;
    margin:0;
    color: #333;
    border-top: solid 4px #333;
    border-bottom: solid 4px #333;
    }
	}



/* サイドバー
----------------------------------------------- */

ul.category-child{
margin:30px 0 40px 0;
padding:0px;
}

ul.category-child li {
font-weight: bold;
list-style: none;
font-size:125%; }

ul.category-child li a:hover {
}


ul.sidebar{
margin:0 0 40px 0;
}

ul.sidebar li{
margin:0 0 5px 0;
}






/* front-page post
----------------------------------------------- */




.topinfo p{
font-size:9pt;
}

.topinfo p a{
color:#333;
}

.topinfo p a:hover{
color:#e48013;
}

.new{
color:#e48013;
}

.infodate{
font-size:8pt;
letter-spacing:0px;
margin:0 10px 0 0;
}

.front-post-thumbnail {
width:100%;
}

.front-post-thumbnail img{
width:100%;
}


.front-post-title {
color:#333;
text-align:center;
font-size:10pt;
line-height:1.3em;
letter-spacing:1px;
height:3em;
padding:0;
margin:5px 0 5px 0;
}

.front-post-title a{
color:#333;
}

.front-post-title a:hover{
text-decoration:none;
color:#ccc;
}

.front-post-title .new{
color:#ff0000;
letter-spacing:1px;
font-size:9pt;
font-weight:200;
font-family:  'Source Sans Pro', sans-serif , "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック";
}



.front-post-category {
letter-spacing:1px;
text-align:center;
font-size:8pt;
line-height:1.6em;
margin:15px 0 0 0;
}

.front-post-category a{
color:#e48013;
}

.front-post-category a:hover{
text-decoration:none;
color:#ccc;
}

.front-post-day{
font-size:8pt;
text-align:center;
line-height:1.6em;
letter-spacing:1px;
}

.front-post-day a{
color:#777;
}

.front-post-day a:hover{
text-decoration:none;
color:#ccc;
}

.front-post-excerpt{
color:#333;
font-size:10pt;
line-height:1.6em;
padding:0;
margin:10px 0 30px 0;
}

.front-post-excerpt a{
font-size:7pt;
}

.front-post-excerpt a:hover{
text-decoration:none;
color:#ccc;
}

front-post-title
entry-title





/* アーカイブTOP
----------------------------------------------- */

.archive-post-day{
margin-top:10px;
color:#777;
font-size:9pt;
line-height:1.6em;
}


/* = Selected Text
----------------------------------------------- */
::selection {
	background:#f0ad4e; /* Safari */
}

::-moz-selection {
	background:#f0ad4e;/* Firefox */
}

/* Table
----------------------------------------------- */
table {
font-size:10pt;
}

th {
font-weight:normal;
}


/* メニューヘッダー
----------------------------------------------- */

.site-branding__heading{
font-family:'Roboto Condensed', sans-serif , "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック";
}

.site-branding__heading a:hover{
color:#999;
}

#menu-main li a{
font-size:16pt;
font-family: 'Source Sans Pro', sans-serif;
}

#menu-menu-1 li a:hover{
color:#222222;
}


.global-nav-wrapper ul{
 float:right;
 }
  

.global-nav ul li a .icon-facebook2,
.global-nav ul li a .icon-envelop,
.global-nav ul li a .icon-sphere{
 text-decoration:none;
 margin:0;
 padding:0;
 color:#BBB;
 font-size:15pt;
}

.global-nav ul li a:hover .icon-facebook2,
.global-nav ul li a:hover .icon-envelop,
.global-nav ul li a:hover .icon-sphere{
 text-decoration:none;
 color:#e48013;
}



#menu-item-1017 {letter-spacing:5px;margin:0 3px 0 0;} /* イベント */
#menu-item-593 {} /* ドラマ工房 */
#menu-item-594 {} /* ミュージック工房 */
#menu-item-592 {} /* アート工房 */
#menu-item-614 {letter-spacing:1px;margin:0 5px 0 0;} /* アクションプランとは */
#menu-item-613 {letter-spacing:3px;margin:0 5px 0 0;} /* 工房のご案内 */
#menu-item-615 {letter-spacing:1px;margin:0 5px 0 0;} /* サポートスタッフ募集 */
#menu-item-617 {letter-spacing:1px;} /* サポートスタッフ 申し込み */
#menu-item-596 {letter-spacing:0px;margin:0;} /* メール　アイコン icon-envelop */
#menu-item-616 {letter-spacing:3px;} /* お問合わせ */
#menu-item-98 {letter-spacing:0px;} /* 地球儀アイコン icon-sphere */
#menu-item-508 {} /* 金沢市民芸術村 website */
#menu-item-509 {} /* 金沢芸術創造財団 website */
#menu-item-95 {letter-spacing:0px;} /* facebook アイコン icon-facebook2 */
#menu-item-507 {} /* 芸術村 Facebook */
#menu-item-506 {} /* アート工房 Facebook */


/**
 * #responsive-btn
 */
#responsive-btn {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transition: all 0.1s;
  border-width: 1px;
  border-style: solid;
  height: 40px;
  width: 40px;
  font-size: 18px;
  line-height: 18px;
  padding: 10px; }


/* font
----------------------------------------------- */
.SourceSanspro{
font-family:  'Source Sans Pro', sans-serif , "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック";
font-size:250%;
}

.Abel{
font-family: 'Abel', sans-serif , "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック";
font-size:250%;
}

.Roboto{
font-family: 'Roboto Condensed', sans-serif , "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック";
font-size:250%;
}


.caption {
font-size:85%;
line-height:1.5em;
}


.linkBlack a{
color:#333;
}

.linkBlack a:hover{
color:#999;
text-decoration:none;
}


/* updateList
----------------------------------------------- */
.updateList ul li{
list-style: none;
width:100%;
}

.updateList ul li,
.updateList ul li a{
color: #222222;
letter-spacing:2px;
}

.updateList ul li a:hover{
color: #999;
}

.updateList ul li .postDate{
margin-left:10px;
}


.updateList ul li .postTitle {
margin-left:20px;
}

.updateList ul li .postDate {
width:20%;
}

.updateList ul li .postTitle {
width:80%;
}

/* box
----------------------------------------------- */
.box1 {
    border: 1px solid #ddd;
    margin: 1em 0;
    padding: 1em;
}

.box2 {
    border: 4px double #ddd;
    margin: 1em 0;
    padding: 1em;
}


.indexbox {
    border: 1px solid #ddd;
    margin: 1em 0;
    padding: 1em;
}

.indexbox h3
{letter-spacing:5px;margin-left:10px;
}

.indexbox ol{
}

.indexbox li{
}


/*アーカイブTOP
----------------------------------------------- */


.entry-title a{
color:#333;
}

.entry-title a:hover{
color:#e48013;
text-decoration:none;
}



/*Slick スライダー
----------------------------------------------- */
.topPage .autoplay4 .habakiri-slider__arrow,
.autoplay5 .habakiri-slider__arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  color: #333;
  cursor: pointer;
  text-decoration: none; }
  
  .topPage .autoplay4 .habakiri-slider__arrow:hover,
  .autoplay5 .habakiri-slider__arrow:hover {
  color: #999; }
  
  .topPage .autoplay4 .habakiri-slider__arrow--prev,
  .autoplay5 .habakiri-slider__arrow--prev {
    left: -40px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
    
  .topPage .autoplay4 .habakiri-slider__arrow--next,
  .autoplay5 .habakiri-slider__arrow--next {
    right: -40px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  
  .topPage .autoplay4 .habakiri-slider__arrow:before,
 .autoplay5 .habakiri-slider__arrow:before {
    font-size: 32px; }
    
    .slickImage{
    padding:0 5px 0 5px;
    }







/* icomoon
----------------------------------------------- */
.icomoonBig a,
.icomoonBig p a{
letter-spacing:20pt;
font-size:25pt;
color:#bbb;
}

.icomoonBig a:hover,
.icomoonBig p a:hover{
text-decoration:none;
color:#e48013;
}

@media (min-width: 480px){
.icomoonBig a,
.icomoonBig p a{
letter-spacing:20pt;
font-size:25pt;
color:#bbb;
}

.icomoonBig a:hover,
.icomoonBig p a:hover{
text-decoration:none;
color:#e48013;
}
}


/**
 * .copyRight
 */
.copyRight {
  color: #666;
  font-size: 6pt;
  padding: 5px 0;
  letter-spacing:1px;
  }
  
.copyRight a {
color: #333333;
}

.copyRight a:hover {
color:#e48013;
}


 @media (min-width: 480px) {
.copyRight {
  color: #666;
  font-size: 7pt;
  padding: 15px 0;
  letter-spacing:0px;
  }
	}
	
	 @media (min-width: 980px) {
.copyRight {
  color: #666;
  font-size: 8pt;
  padding: 15px 0;
  letter-spacing:2px;
  }
	}

/*==================================================
 * archive
 *================================================*/
/**
 * .entries
 */
.entries .article {
  border-bottom: 1px solid #eee;
  margin-bottom: 30px;
  padding-bottom: 30px; }

.entries .entry--has_media__inner:before,
.entries .entry--has_media__inner:after {
  content: " ";
  display: table; }

.entries .entry--has_media__inner:after {
  clear: both; }

.entries .entry--has_media__media {
  float: left;
  width: 150px; }
  @media (min-width: 768px) {
    .entries .entry--has_media__media {
      width: 280px; } }

.entries .entry--has_media__link {
  width: 130px;
  height: 130px;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  vertical-align: middle; }
  @media (min-width: 768px) {
    .entries .entry--has_media__link {
      width: 230px;
      height: 230px; } }

.entries .entry--has_media__text {
  width: 130px;
  height: 130px;
  background-color: #eee;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: -2px; }
  @media (min-width: 768px) {
    .entries .entry--has_media__text {
      width: 230px;
      height: 230px; } }
  .entries .entry--has_media__text:after {
    content: '';
    display: block;
    background: #fff;
    margin: 0 auto;
    height: 1px;
    width: 1em;
    position: relative;
    top: -2px; }

.entries .entry--has_media__body {
  overflow: hidden; }
  .entries .entry--has_media__body__title {
    margin-top: 0; }

.entries .entry-meta {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0; }

.related-posts {
  border-top: 1px solid #ddd;
  margin-top: 30px;
  padding-top: 30px; }
  .related-posts .article:last-child {
    border-bottom: none; }
  .related-posts__title {
    margin: 0 0 30px; }
  .related-posts .entry__title {
    margin-top: 0;
    margin-bottom: 15px; }
  @media (min-width: 768px) {
    .related-posts .entry--has_media__media {
      width: 130px; } }
  @media (min-width: 768px) {
    .related-posts .entry--has_media__link {
      width: 100px;
      height: 100px; } }
  @media (min-width: 768px) {
    .related-posts .entry--has_media__text {
      width: 100px;
      height: 100px; } }
  .related-posts .entry-meta {
    margin-bottom: 0; }
    
 
/**
 * エントリータイトル
 */
.entry-title {
  font-size: 14pt;
  font-weight:bold;
  }
.entry__summary p{
 font-size: 9pt;
  line-height:1.8em;
}

 @media (min-width: 480px) {
.entry-title {
  font-size: 14pt;
  font-weight:bold;
	}
.entry__summary p{
 font-size: 9pt;
 line-height:1.8em;
	}
}

 @media (min-width: 768px) {
.entry-title {
  font-size: 15pt;
  font-weight:bold;
	}
.entry__summary p{
 font-size: 10pt;
 line-height:2.0em;
	}
	}
	
 @media (min-width: 980px) {
.entry-title {
  font-size: 20pt;
  font-weight:bold;
  }
  .entry__summary p{
 font-size: 11pt;
 line-height:2.5em;
	}
	}

  
    /*==================================================
 * page-header
 *================================================*/
.page-header--has_background-image2 {
    padding-top: 200px;
    padding-bottom: 200px; }
    
.page-header--has_background-image3 {
    padding-top: 240px;
    padding-bottom: 240px; }
    
.page-header--has_background-image4 {
    padding-top: 280px;
    padding-bottom: 280px; }
    
    .page-header--has_background-image5 {
    padding-top: 320px;
    padding-bottom: 320px; }
    
    /**
 * .section
 */
.section {
  padding-top: 50px;
  padding-bottom: 50px; }
  
  .section100 {
  padding-top: 100px;
  padding-bottom: 100px;
margin:0 }
  
  .section150 {
  padding-top: 150px;
  padding-bottom: 150px; }
  
  .section200 {
  padding-top: 200px;
  padding-bottom: 200px; }
  
  .section300 {
  padding-top: 300px;
  padding-bottom: 300px; }
  
    .section400 {
  padding-top: 400px;
  padding-bottom: 400px; }
  
 /*==================================================
 * アーカイブ header
 *================================================*/
 .sub-page-contents{
 padding-top:0px;
 
 }
  

/* パンくず
----------------------------------------------- */
   .breadcrumbs {
  margin: 10px 0 20px 0;
  font-size: 7pt;
  color: #999;
letter-spacing:1px; }

   @media (min-width: 480px) {
   .breadcrumbs {
  margin: 10px 0 20px 0;
  font-size: 7pt;
  color: #999;
letter-spacing:1px; }
	}
       
    @media (min-width: 768px) {
   .breadcrumbs {
  margin: 10px 0 25px 0;
  font-size: 8pt;
  color: #999; }
	}
   
   @media (min-width: 980px) {
   .breadcrumbs {
  margin: 10px 0 30px 0;
  font-size: 9pt;
  color: #999; }
	}
	
	
  .breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:hover, .breadcrumbs a:active {
    color: #999; }
  .breadcrumbs strong {
    font-weight: normal; }
  

    
/*==================================================
 * カテゴリー slug
 *================================================*/ 
  
p.front-post-category a.drama { font-size:9pt; color:#fff;background-color:#fcdc06;padding:1px 3px 1px 3px; }
li a.categories-drama { font-size:9pt; color:#fff;background-color:#fcdc06;padding:1px 3px 1px 3px; }

p.front-post-category a.music { font-size:9pt; color:#fff;background-color:#187ecc;padding:1px 3px 1px 3px; }
li a.categories-music { font-size:9pt; color:#fff;background-color:#187ecc;padding:1px 3px 1px 3px; }
p.front-post-category a:hover.music,
li a:hover.categories-music { background-color:#187ecc; }

p.front-post-category a.art { font-size:9pt; color:#fff;background-color:#f15c28;line-height:2em;padding:1px 3px 1px 3px;}
li a.categories-art { font-size:9pt; color:#fff;background-color:#f15c28;padding:1px 3px 1px 3px; }

p.front-post-category a.event,
p.front-post-category a.action,
p.front-post-category a.blog { font-size:9pt; color:#fff;background-color:#e48013;padding:1px 3px 1px 3px; }
li a.categories-event,
li a.categories-action,
li a.categories-blog { font-size:9pt; color:#fff;background-color:#e48013;padding:1px 3px 1px 3px; }

p.front-post-category a:hover.drama,
li a:hover.categories-drama,
p.front-post-category a:hover.music,
li a:hover.categories-music,
p.front-post-category a:hover.art,
li a:hover.categories-art,
p.front-post-category a:hover.event,
p.front-post-category a:hover.action,
p.front-post-category a:hover.blog,
li a:hover.categories-event,
li a:hover.categories-action,
li a:hover.categories-blog { background-color:#ccc;text-decoration:none; }


   @media (min-width: 480px) {
p.front-post-category a.drama { font-size:9pt; color:#fff;background-color:#fcdc06;padding:1px 3px 1px 3px; }
li a.categories-drama { font-size:9pt; color:#fff;background-color:#fcdc06;padding:1px 3px 1px 3px; }
p.front-post-category a.music { font-size:9pt; color:#fff;background-color:#187ecc;padding:1px 3px 1px 3px; }
li a.categories-music { font-size:9pt; color:#fff;background-color:#187ecc;padding:1px 3px 1px 3px; }
p.front-post-category a:hover.music,
li a:hover.categories-music { background-color:#187ecc; }
p.front-post-category a.art { font-size:9pt; color:#fff;background-color:#f15c28;line-height:2em;padding:1px 3px 1px 3px;}
li a.categories-art { font-size:9pt; color:#fff;background-color:#f15c28;padding:1px 3px 1px 3px; }
p.front-post-category a.event,
p.front-post-category a.action,
p.front-post-category a.blog { font-size:9pt; color:#fff;background-color:#e48013;padding:1px 3px 1px 3px; }
li a.categories-event,
li a.categories-action,
li a.categories-blog { font-size:9pt; color:#fff;background-color:#e48013;padding:1px 3px 1px 3px; }
	}
   
@media (min-width: 768px) {
p.front-post-category a.drama { font-size:8px; color:#fff;background-color:#fcdc06;padding:1px 3px 1px 3px; }
li a.categories-drama { font-size:9pt; color:#fff;background-color:#fcdc06;padding:1px 3px 1px 3px; }
p.front-post-category a.music { font-size:7px; color:#fff;background-color:#187ecc;padding:1px 3px 1px 3px; }
li a.categories-music { font-size:9pt; color:#fff;background-color:#187ecc;padding:1px 3px 1px 3px; }
p.front-post-category a:hover.music,
li a:hover.categories-music { background-color:#187ecc; }
p.front-post-category a.art { font-size:7px; color:#fff;background-color:#f15c28;line-height:2em;padding:1px 3px 1px 3px;}
li a.categories-art { font-size:9pt; color:#fff;background-color:#f15c28;padding:1px 3px 1px 3px; }
p.front-post-category a.event,
p.front-post-category a.action,
p.front-post-category a.blog { font-size:7px; color:#fff;background-color:#e48013;padding:1px 3px 1px 3px; }
li a.categories-event,
li a.categories-action,
li a.categories-blog { font-size:9pt; color:#fff;background-color:#e48013;padding:1px 3px 1px 3px; }
	}