/*!
Theme Name: habakiri
Theme URI: http://habakiri.2inc.org/en/
Author: inc2734
Author URI: http://2inc.org
Description: Habakiri is the simple theme based on Bootstrap 3. This theme's goal is to create a responsive, bootstrap based WordPress theme quickly. The design is very simple, easy to create of child theme. Features are, 100% responsive layouts, the Glyphicons, Genericons, Font Awesome icons, 7 page templates, 8 header design patterns, many color settings, a lot of hooks, related posts, minified CSS and JavaScript, Sass and PHP Class in functions.php.
Version: 2.5.2
Text Domain: habakiri
License: GPLv2 or later
License URI: license.txt
Tags: white, fixed-layout, fluid-layout, responsive-layout, one-column, two-columns, left-sidebar, right-sidebar, editor-style, sticky-post, microformats, featured-images, custom-colors, custom-menu, custom-background, custom-colors
*/@import url(./src/js/jquery.responsive-nav/jquery.responsive-nav.css);@import url(./src/js/slick/slick.css);.page-header{background-position:50%;background-size:cover;margin:0;padding:64px 0}@media (min-width:768px){.page-header{background-attachment:fixed}}.page-header--has_background-image{padding-top:160px;padding-bottom:160px}.page-header__title{font-size:28px;margin:0}.page-header__description{margin-top:20px;margin-bottom:-11.5px}.breadcrumbs{margin-bottom:30px;font-size:12px;color:#777}.breadcrumbs a:active,.breadcrumbs a:hover,.breadcrumbs a:link,.breadcrumbs a:visited{color:#777}.breadcrumbs strong{font-weight:400}.sticky .entry__title:before{content:"FEATURED";display:inline-block;background-color:#333;border-radius:3px;color:#fff;font-size:12px;margin-top:-2px;margin-right:10px;padding:4px 10px;vertical-align:middle}.entry-meta{border-bottom:1px solid #ddd;font-size:12px;margin-bottom:30px;padding-bottom:10px}.entry-meta__list{list-style:none;margin:0;padding:0}.entry-meta__item{display:inline-block;margin-right:10px}.pagination li>span{border-color:#337ab7;color:#fff}.btn-ghost,.habakiri-slider__item-content .btn-default,.jumbotron .btn-default{background-color:transparent;border:1px solid #fff;color:#fff}.btn-ghost:active,.btn-ghost:hover,.habakiri-slider__item-content .btn-default:active,.habakiri-slider__item-content .btn-default:hover,.jumbotron .btn-default:active,.jumbotron .btn-default:hover{background-color:hsla(0,0%,100%,.3)}.jumbotron{margin-bottom:0;padding:160px 15px}.container-fluid .jumbotron,.container .jumbotron{border-radius:0;padding-right:15px;padding-left:15px}.jumbotron p{font-size:100%}.jumbotron .btn{margin:40px 0 0}div.thumbnail{background-color:transparent;border:none;padding:0}div.thumbnail>img{text-align:center}div.thumbnail .caption{padding:0}.widget_archive ul,.widget_categories ul,.widget_meta ul,.widget_nav_menu ul,.widget_pages ul,.widget_recent_comments ul,.widget_recent_entries ul{list-style:none;padding-left:0}.widget_archive ul li,.widget_categories ul li,.widget_meta ul li,.widget_nav_menu ul li,.widget_pages ul li,.widget_recent_comments ul li,.widget_recent_entries ul li{padding:4px 0}.widget_archive ul li li,.widget_categories ul li li,.widget_meta ul li li,.widget_nav_menu ul li li,.widget_pages ul li li,.widget_recent_comments ul li li,.widget_recent_entries ul li li{padding-left:1.5em}.widget_archive ul li li li,.widget_categories ul li li li,.widget_meta ul li li li,.widget_nav_menu ul li li li,.widget_pages ul li li li,.widget_recent_comments ul li li li,.widget_recent_entries ul li li li{padding-left:3em}.widget_archive ul li li li li,.widget_categories ul li li li li,.widget_meta ul li li li li,.widget_nav_menu ul li li li li,.widget_pages ul li li li li,.widget_recent_comments ul li li li li,.widget_recent_entries ul li li li li{padding-left:4.5em}.widget_archive ul li li li li li,.widget_categories ul li li li li li,.widget_meta ul li li li li li,.widget_nav_menu ul li li li li li,.widget_pages ul li li li li li,.widget_recent_comments ul li li li li li,.widget_recent_entries ul li li li li li{padding-left:6em}.widget_archive ul li li li li li li,.widget_categories ul li li li li li li,.widget_meta ul li li li li li li,.widget_nav_menu ul li li li li li li,.widget_pages ul li li li li li li,.widget_recent_comments ul li li li li li li,.widget_recent_entries ul li li li li li li{padding-left:7.5em}.widget_archive ul li ul,.widget_categories ul li ul,.widget_meta ul li ul,.widget_nav_menu ul li ul,.widget_pages ul li ul,.widget_recent_comments ul li ul,.widget_recent_entries ul li ul{margin-top:4px;margin-bottom:-4px}.widget_archive ul li ul ul,.widget_categories ul li ul ul,.widget_meta ul li ul ul,.widget_nav_menu ul li ul ul,.widget_pages ul li ul ul,.widget_recent_comments ul li ul ul,.widget_recent_entries ul li ul ul{margin-left:-1.5em}.widget_archive ul li ul ul ul,.widget_categories ul li ul ul ul,.widget_meta ul li ul ul ul,.widget_nav_menu ul li ul ul ul,.widget_pages ul li ul ul ul,.widget_recent_comments ul li ul ul ul,.widget_recent_entries ul li ul ul ul{margin-left:-3em}.widget_archive ul li ul ul ul ul,.widget_categories ul li ul ul ul ul,.widget_meta ul li ul ul ul ul,.widget_nav_menu ul li ul ul ul ul,.widget_pages ul li ul ul ul ul,.widget_recent_comments ul li ul ul ul ul,.widget_recent_entries ul li ul ul ul ul{margin-left:-4.5em}.widget_archive ul li ul ul ul ul ul,.widget_categories ul li ul ul ul ul ul,.widget_meta ul li ul ul ul ul ul,.widget_nav_menu ul li ul ul ul ul ul,.widget_pages ul li ul ul ul ul ul,.widget_recent_comments ul li ul ul ul ul ul,.widget_recent_entries ul li ul ul ul ul ul{margin-left:-6em}.widget_calendar table thead th{text-align:center}.widget_calendar #next,.widget_calendar table tbody td{text-align:right}.widget_tag_cloud .tagcloud{line-height:1.3}.habakiri-slider__transparent-layer{height:100%}.habakiri-slider__item{background-size:cover;background-position:50% 50%;display:none;position:relative}.habakiri-slider__item:first-child{display:block}.habakiri-slider__item-wrapper{position:absolute;top:0;bottom:0;left:0;right:0}.habakiri-slider__item-content{color:#fff;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}.habakiri-slider__item-content a{color:#fff}.habakiri-slider__image{visibility:hidden;width:100%}.habakiri-slider__arrow{position:absolute;z-index:1;top:50%;margin-top:-16px;width:32px;height:32px;color:#fff;cursor:pointer;text-decoration:none}.habakiri-slider__arrow--prev{left:10px;transform:rotate(-90deg)}.habakiri-slider__arrow--next{right:10px;transform:rotate(90deg)}.habakiri-slider__arrow:before{font-size:32px}#container{overflow:hidden}.sub-page-contents{padding-top:40px}#main{margin-bottom:60px}.page-template-front-page #main,.page-template-rich-front-page #main{margin-bottom:0}.entry:after,.entry:before{content:" ";display:table}.entry:after{clear:both}.entry__title{margin:0 0 10px}.entry__content:after,.entry__content:before{content:" ";display:table}.entry__content:after{clear:both}.entry__content>:first-child{margin-top:0}.header{position:relative;z-index:3}.header--fixed,.header.header--fixed--is_scrolled{box-shadow:0 0 3px rgba(0,0,0,.2)}.header--default .global-nav .menu,.header--transparency .global-nav .menu{float:right}.header--center .global-nav{text-align:center}.header--center .global-nav .menu{display:inline-block;text-align:left;vertical-align:bottom}.header--transparency{background-color:transparent!important;box-shadow:none;transition:background-color .2s;position:absolute;right:0;left:0}.header--transparency .global-nav{background-color:transparent;transition:background-color .2s}.header--transparency .global-nav .menu>.menu-item>a{background-color:transparent}.header--fixed{position:absolute;right:0;left:0}.header--fixed--is_scrolled{position:fixed}.admin-bar .header--fixed.header--fixed--is_scrolled{top:32px}@media screen and (max-width:782px){.admin-bar .header--fixed.header--fixed--is_scrolled{top:46px}}@media screen and (max-width:600px){.admin-bar .header--fixed.header--fixed--is_scrolled{top:0}}.admin-bar.open .header--fixed.header--fixed--is_scrolled{top:0}.header__content{display:table;margin-right:0;margin-left:0;width:100%}.header__content .header__col{display:table-cell;float:none;padding-left:0;padding-right:0;vertical-align:middle}.site-branding{padding:20px 0}.site-branding__heading{font-size:24px;line-height:1;margin:0}@media (min-width:480px){.site-branding__heading{font-size:26px}}.site-branding__logo{font-size:24px;line-height:1;margin:0}@media (min-width:480px){.site-branding__logo{font-size:26px}}.site-branding a{text-decoration:none}.global-nav-wrapper{position:relative}.responsive-nav .menu-item{text-align:center}.responsive-nav a{text-decoration:none}.responsive-nav a strong{font-weight:400}.responsive-nav a small{display:block}.responsive-nav .children .menu-item,.responsive-nav .sub-menu .menu-item{text-align:left}.responsive-nav .children a,.responsive-nav .sub-menu a{padding:10px}.responsive-nav ul li ul li ul{left:220px}.responsive-nav ul li ul li ul.reverse-pulldown{left:-220px}.off-canvas-nav .menu-item{text-align:left}.off-canvas-nav a strong{font-weight:400}.off-canvas-nav a small{display:none}#responsive-btn{display:block;position:absolute;top:0;bottom:0;right:0;margin:auto;transition:all .1s;border-width:1px;border-style:solid;height:40px;width:40px;font-size:18px;line-height:18px;padding:10px}.sidebar-widget{font-size:93%;margin:0 0 20px}.sidebar-widget__title{font-weight:700;margin-top:0}.footer-widget-area{font-size:20px;padding:60px 0 25px}.footer-widget__title{font-size:18px;font-weight:400;margin:0 0 20px}.social-nav{padding:15px 0 0}.social-nav ul{list-style:none;padding:0}.social-nav ul:after,.social-nav ul:before{content:" ";display:table}.social-nav ul:after{clear:both}.social-nav ul li{float:left;margin:0 15px 0 0;padding:0;position:relative}.social-nav ul li a{color:#fff;display:block;width:16px;height:16px;overflow:hidden;text-decoration:none}.social-nav ul li a:before{content:"\f408";display:inline-block;font-family:Genericons;font-size:16px;line-height:16px;-webkit-font-smoothing:antialiased}.social-nav ul li a[href*="wordpress.org"]:before{content:"\f205"}.social-nav ul li a[href*="github.com"]:before{content:"\f200"}.social-nav ul li a[href*="dribbble.com"]:before{content:"\f201"}.social-nav ul li a[href*="twitter.com"]:before{content:"\f202"}.social-nav ul li a[href*="facebook.com"]:before{content:"\f203"}.social-nav ul li a[href*="plus.google.com"]:before{content:"\f206"}.social-nav ul li a[href*="linkedin.com"]:before{content:"\f207"}.social-nav ul li a[href*="pinterest.com"]:before{content:"\f210"}.social-nav ul li a[href*="flickr.com"]:before{content:"\f211"}.social-nav ul li a[href*="vimeo.com"]:before{content:"\f212"}.social-nav ul li a[href*="youtube.com"]:before{content:"\f213"}.social-nav ul li a[href*="instagram.com"]:before{content:"\f215"}.social-nav ul li a[href*="codepen.io"]:before{content:"\f216"}.social-nav ul li a[href*="polldaddy.com"]:before{content:"\f217"}.social-nav ul li a[href*="path.com"]:before{content:"\f219"}.social-nav ul li a[href*="skype.com"]:before{content:"\f220"}.social-nav ul li a[href*="digg.com"]:before{content:"\f221"}.social-nav ul li a[href*="reddit.com"]:before{content:"\f222"}.social-nav ul li a[href*="stumbleupon.com"]:before{content:"\f223"}.social-nav ul li a[href*="getpocket.com"]:before{content:"\f224"}.social-nav ul li a[href*="dropbox.com"]:before{content:"\f225"}.social-nav ul li a[href*="foursquare.com"]:before{content:"\f226"}.social-nav ul li a[href$="/feed"]:before{content:"\f413"}.copyright{background-color:#0a0a0a;color:#ffffff;font-size:12px;padding:15px 0}.copyright a{color:#ffffff}.comments,.trackbacks{border-top:1px solid #ddd;margin-top:30px;padding-top:30px}.comments__title,.trackbacks__title{margin:0 0 30px}.comments__list{list-style:none;margin:0;padding:0}.comments__item{margin-left:0;padding-left:0}.comment{margin:0 0 10px;padding:0}.comment__header{float:left;margin-right:10px}.bypostauthor .comment__header{float:right;margin:0 0 0 10px}.comment__author{font-size:12px;line-height:1.4;width:50px}.comment__author img{margin:0 0 5px}.comment__body{border:1px solid #ddd;border-radius:5px;padding:20px 20px 10px;overflow:hidden}.comment__body:after,.comment__body:before{content:" ";display:table}.comment__body:after{clear:both}.comment__meta{font-size:12px}.comment__meta,.comment__reply{margin-bottom:10px}.comment__reply .comment-reply-link{color:#fff;text-decoration:none}.comment .children{list-style:none;margin:0;padding:0 0 0 60px}.trackbacks__list{list-style:none;margin:0;padding:0}.trackbacks__item{border-left:3px solid #eee;margin:0 0 20px;padding-left:20px}.trackback__body{margin-left:0}.trackback__meta .fn{display:block}.entries .article{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:30px}.entries .entry--has_media__inner:after,.entries .entry--has_media__inner:before{content:" ";display:table}.entries .entry--has_media__inner:after{clear:both}.entries .entry--has_media__media{float:left;width:70px}@media (min-width:768px){.entries .entry--has_media__media{width:180px}}.entries .entry--has_media__link{width:50px;height:50px;color:#fff;display:block;font-size:18px;font-weight:700;overflow:hidden;text-align:center;text-decoration:none;vertical-align:middle}@media (min-width:768px){.entries .entry--has_media__link{width:150px;height:150px}}.entries .entry--has_media__text{width:50px;height:50px;background-color:#eee;display:table-cell;vertical-align:middle;position:relative;top:-2px}@media (min-width:768px){.entries .entry--has_media__text{width:150px;height:150px}}.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,.related-posts .entry--has_media__text{width:100px;height:100px}}.related-posts .entry-meta{margin-bottom:0}body{-webkit-font-smoothing:antialiased}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-weight:700}img{height:auto;max-width:100%}a{transition:color .2s,background-color .2s,border-color .2s,text-decoratin .2s}blockquote{font-size:100%}embed,iframe,object{max-width:100%}table{margin-bottom:11.5px}table small{font-weight:400}dl{margin-bottom:11.5px}.wp-caption{border:none;text-align:left;background-color:transparent;padding:0;margin:0 0 11.5px;border-radius:0;max-width:100%}.wp-caption-text{color:#555;margin-top:5px;font-size:12px;line-height:1.4}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.gallery{margin:0 0 11.5px}.gallery-item{display:inline-block;padding:1.79104477%;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33333%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66667%}.gallery-columns-7 .gallery-item{max-width:14.28571%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11111%}.gallery-icon img{margin:0 auto}.gallery-caption{display:block}.gallery-columns-6 .gallery-caption,.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption{display:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.section{padding-top:50px;padding-bottom:50px}.section-title,.section__title{font-size:28px;margin:0 0 45px;text-align:center}.section-title .small,.section-title small,.section__title .small,.section__title small{display:block;font-size:60%;margin-top:10px}.section .section{padding-top:0;padding-bottom:0}.section .section .section-title,.section .section .section__title{margin:0 0 20px;text-align:left}.section--image,.section-image{background-size:cover;color:#fff}@media (min-width:768px){.section--fixed,.section-fixed{background-attachment:fixed}}

/************************************
** ここから
************************************/
/* フォント       */

body{
	    /* ゴシック */
    font-family: "Roboto", "Droid Sans", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.8;
    font-weight: 500;
	font-size: 20px;
}


p, ul, ol, dl, table {
    margin-bottom: 20px;
}

h2, .h2 {
	text-align: center;
	padding: .5em .75em;
    background-color: #fa7a02;
    border: 3px double #ccc;
    font-size: 26px;
    margin: 40px 0 20px;
	color: #FFFFFF;
}
@media
only screen and (max-width : 736px){
h2{
  font-size: 20px
}
}

h3, h3 {
	 color: #6cb4e4;
  text-align: center;
  padding: 0.25em;
  border-top: solid 2px #6cb4e4;
  border-bottom: solid 2px #6cb4e4;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    font-size: 22px;
}@media
only screen and (max-width : 736px){
h3{
  font-size: 18px
}
}

h4, h4 {
	 color: #ed0920;
  text-align: center;
  padding: 0.25em;
  border-top: solid 2px #6cb4e4;
  border-bottom: solid 2px #6cb4e4;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    font-size: 22px;
}@media
only screen and (max-width : 736px){
h4{
  font-size: 18px
}
}

	/*スマホ表示時の文字サイズ*/
@media
only screen and (max-width : 736px){
body{
  font-size: 16px
}
}
	
	
/************************************
** お問い合わせフォームの入力
************************************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  width: 100%;
  height: 45px;
  margin-bottom: 0;
  padding: 0 12px;
  border: 0;
  border-radius: 3px;
  background-color: #eff1f5;
  box-shadow: none;
  color: #5c6b80;
  font-size: 1em;
  vertical-align: middle;
  line-height: 45px;
  transition: background-color 0.24s ease-in-out;
}
textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
  padding: 0.5em;
  overflow: auto;
}
@media(max-width:500px) {
    .inquiry td,
    .inquiry th {
        display: block !important;
        width: 100% !important;
        border-top: none !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important
    }
    .inquiry tr:first-child th {
        border-top: 1px solid #d7d7d7 !important
    }
    .inquiry .any,
    .inquiry .haveto {
        font-size: 10px
    }
}
.inquiry th {
    text-align: left;
    font-size: 14px;
    color: #444;
    padding-right: 5px;
    width: 30%;
    background: #f7f7f7;
    border: solid 1px #d7d7d7
}
.inquiry td {
    font-size: 13px;
    border: solid 1px #d7d7d7
}
.entry-content .inquiry tr,
.entry-content table {
    border: solid 1px #d7d7d7
}
.haveto {
    font-size: 7px;
    padding: 5px;
    background: #ff9393;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
    position: relative;
    bottom: 1px
}
.any {
    font-size: 7px;
    padding: 5px;
    background: #93c9ff;
    color: #fff;
    border-radius: 2px;
    margin-right: 5px;
    position: relative;
    bottom: 1px
}
.verticallist .wpcf7-list-item {
    display: block
}
#formbtn {
    display: block;
    padding: 15px;
    width: 350px;
    background: #ffaa56;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border-radius: 2px;
    margin: 25px auto 0
}
#formbtn:hover {
    background: #fff;
    color: #ffaa56;
    border: 2px solid #ffaa56
}
th {
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px
}
td {
    border-top: 1px solid #ededed;
    padding: 12px
}
input,
select,
textarea {
    border: 1px solid #dfdfdf;
    letter-spacing: 1px;
    margin: 0;
    max-width: 100%;
    resize: none
}

/* オレンジボタン       */
.buttonore {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 19pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #ff7f00;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 4px #666666;  /* 影の設定 */
  border        : 2px solid #ff7f00;    /* 枠の指定 */
  text-decoration: none;
}
.buttonore:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #ff7f00;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
  text-decoration: none;
}
/*画像マウスオーバー*/
a:hover img{
  position : relative;
  top : 3pt;
  left : 3pt;
}

.wpcf7-form p {
  text-align: center;
}