@charset "utf-8";
/*
Theme Name:     tabiie
Description:    tabiieテーマ
Author:         mutotakashi
Template:       habakiri
*/


li.author {
display: none;
}

body {
    /* 明朝体の場合 */
    font-family: "Roboto", "Droid Sans", "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    /* ゴシック体の場合 */
    font-family: "Roboto", "Droid Sans", "游ゴシック", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
    line-height: 1.8;
}

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

h2, .h2 {
    font-size: 26px;
    margin: 40px 0 20px;
}

h3, h3 {
    font-size: 22px;
}




body {
  color: #333; }

h2, h3, h4, h5, h6, table, p, ol, ul, dl {
  margin-bottom: 20px; }

h2 {
  border-bottom: 2px solid #0794bd;
  padding: 0 0 5px; }

h3 {
  border-bottom: 1px solid #ddd;
  padding: 0 0 5px; }

h4 {
  border-left: 2px solid #0794bd;
  padding: 0 0 0 10px; }



/**
 * .page-template-front-page
 */
.page-template-front-page .entry__content,
.page-template-rich-front-page .entry__content {
  background-color: transparent;
  border: none;
  padding: 0;
}

.blog-template-single-full-width-fixed .sidebar,
.blog-template-single-full-width-fluid .sidebar,
.blog-template-archive-full-width-fixed .sidebar,
.blog-template-archive-full-width-fluid .sidebar,
.page-template-full-width-fixed .sidebar,
.page-template-full-width-fluid .sidebar,
.blog .sidebar {
  margin-right: -15px;
  margin-left: -15px; }
  .blog-template-single-full-width-fixed .sidebar .col-md-3:nth-child(4n+1),
  .blog-template-single-full-width-fluid .sidebar .col-md-3:nth-child(4n+1),
  .blog-template-archive-full-width-fixed .sidebar .col-md-3:nth-child(4n+1),
  .blog-template-archive-full-width-fluid .sidebar .col-md-3:nth-child(4n+1),
  .page-template-full-width-fixed .sidebar .col-md-3:nth-child(4n+1),
  .page-template-full-width-fluid .sidebar .col-md-3:nth-child(4n+1),
  .blog .sidebar .col-md-3:nth-child(4n+1) {
    clear: both; }
  .blog-template-single-full-width-fixed .sidebar .col-md-4:nth-child(3n+1),
  .blog-template-single-full-width-fluid .sidebar .col-md-4:nth-child(3n+1),
  .blog-template-archive-full-width-fixed .sidebar .col-md-4:nth-child(3n+1),
  .blog-template-archive-full-width-fluid .sidebar .col-md-4:nth-child(3n+1),
  .page-template-full-width-fixed .sidebar .col-md-4:nth-child(3n+1),
  .page-template-full-width-fluid .sidebar .col-md-4:nth-child(3n+1),
  .blog .sidebar .col-md-4:nth-child(3n+1) {
    clear: both; }
  .blog-template-single-full-width-fixed .sidebar .col-md-6:nth-child(2n+1),
  .blog-template-single-full-width-fluid .sidebar .col-md-6:nth-child(2n+1),
  .blog-template-archive-full-width-fixed .sidebar .col-md-6:nth-child(2n+1),
  .blog-template-archive-full-width-fluid .sidebar .col-md-6:nth-child(2n+1),
  .page-template-full-width-fixed .sidebar .col-md-6:nth-child(2n+1),
  .page-template-full-width-fluid .sidebar .col-md-6:nth-child(2n+1),
  .blog .sidebar .col-md-6:nth-child(2n+1) {
    clear: both;
}

.comment__body {
background-color: #fff;
}

.page-header {
border: none;
padding: 30px 0;
}

.entries--related-posts .article--summary {
background-color: #fff;
border: 1px solid #eee;
margin-bottom: 20px;
padding: 20px;
}

@media (min-width: 992px) {
	.entries--related-posts .article--summary {
	margin-bottom: 30px;
	padding: 30px; }
}

.entries--related-posts .entry__title,
.entries--related-posts .entry-meta {
border: none;
padding: 0;
}

.entries--related-posts .entry__title {
margin-bottom: 20px;
}

.entry-title {
font-size: 18px;
 }

.article--page .entry__content {
border: 0 !important;
 }

/*-- ▼ main --*/
.habakiri-slider {
margin-bottom: 16px;
}
/*-- ▲ main --*/
/*-- ▼ main --*/
.info {
border: 1px solid #dcdcdc;
}

.info_inner {
margin: 0 6px 6px 6px;
overflow: hidden;
}

.info_inner ul {
margin: 0;
padding: 0;
clear:left;
}

.info_inner li {
margin: 0 0 8px 0;
padding: 0;
clear: left;
display: block;
list-style-type: none;
}

.post-tit {
display: inline-block;
width: auto;
float: left;
color: #666;
font-size: 14px;
}

.post-date {
padding: 1px 0 0 0;
display: inline-block;
width: 120px;
float: left;
color: #666;
font-size: 14px;
}

.post-tit {
display: inline-block;
width: auto;
float: left;
color: #666;
font-size: 14px;
}

.home-widget_title {
margin: 10px 0 10px;
padding: 0 0 5px;
font-size: 14px;
font-weight: normal;
border-bottom: 1px solid #dcdcdc;
clear: left;
display: block;
}

.entry-meta {
    padding: 0 60px 10px !important;
}
.entry__content.entry-content {
padding-top: 10px !important;
}
.gallery-item img {
border: 1px solid #dcdcdc;
}
#main nav {
text-align: center; 
}
.pagination {
margin-left: auto;
margin-right: auto;
}
/*-- ▲ main --*/
/*-- ▼ history --*/
.history_box {
width: 100%;
}
.history_box_inner {
width: 100%;
clear: left;
display: block;
}
.history_navi {
float: left;
width: 20%;
}
.history_img {
float: left;
width: 80%;
}

/*-- ▲ history --*/
/*-- ▼ tabichan --*/

.tabichan_box {
text-align: center; 
}
.tabichan_box_inner {
margin: 0 auto;
padding: 0 0 0 30px;
max-width: 540px;
text-align: left; 
}
.tabichan_box_inner ul {
margin: 0;
padding: 0;
}
.tabichan_box_inner li {
margin: 0 0 0 18px;
padding: 0;
}

/*-- ▲ tabichan --*/
/*-- ▼ sidebar --*/

.sidebar-widget__title {
border-bottom: 1px solid #ddd;
}
.page-template-full-width-fixed #sub {
display: none;
}
/*-- ▲ sidebar --*/
/*-- ▼ fnavi --*/

#menu-fnavi {
margin: 0 0 30px;
padding: 0;
border-top: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
font-size: 12px;
list-style-type: none;
}
/*clearfix*/
#menu-fnavi:after {
content: "";
clear: both;
display: block;
}
#menu-fnavi li {
float: left;
width: 50%;
text-align: center;
border-bottom: 1px solid #dcdcdc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*奇数のli要素に適応*/
#menu-fnavi li:nth-child(odd) {
border-right: 1px solid #dcdcdc;
}
#menu-fnavi a {
display: block;
line-height: 44px;
color: #000;
text-decoration: none;
}
#menu-fnavi a:hover {
color: #000;
background: #e6e6e6;
}

/*-- ▲ fnavi --*/
/*-- ▼ jp-carousel --*/

.jp-carousel-titleanddesc-title {
display: none;
}

.jp-carousel-titleanddesc {
border-top: 0 solid !important;
}

.jp-carousel-image-meta {
display: none;
}

.jp-carousel-photo-info {
display: none;
}

.jp-carousel-left-column-wrapper {
width: 100% !important;
}

.jp-carousel-titleanddesc {
margin-top: 0 !important;
padding-top: 0 !important;
}

.jp-carousel-titleanddesc-desc {
text-align: center; 
}
/*-- ▲ jp-carousel --*/
.menbo {
text-align: center;
margin: 0 0 36px 0;
}
.menbo_inner {
margin: 0 auto;
}
a.btn1{
  display:inline-block;
	
	text-decoration:none;	
	
	color:rgba(28, 190, 131, 1);
	brackground-color:transparent;
	border:1px solid rgba(28, 190, 131, 1);
	border-radius:100px;
	
	padding: .3em 1.2em;
	margin:5px;
			
	background-size: 200% 100%;	
	background-image: linear-gradient(to right, transparent 50%, rgba(28, 190, 131, 1) 50%);
	transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
font-size: 20px;
}

a.btn1:hover{
	color:rgba(255, 255, 255, 1);
	background-color:rgba(28, 190, 131, 1);
	background-position: -100% 100%;
}
/*-- ▼ copyright --*/
.copyright {
color: #fff;
}
/*-- ▲ copyright --*/
.embed-youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.embed-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/* ------------------------------
▲ basic
▼ plugin
------------------------------ */

.mw_wp_form_preview .no_pre {
display: none;
}

/* ------------------------------
▲ plugin
▼ 479px以下用
------------------------------ */
@media screen and (max-width: 479px) {
	/*-- ▼ header --*/
	.header--center .site-branding {
	text-align: center;
	}
	.col-xs-10 {
	width: 100%;
	}
	img.site-branding__logo {
	width: 120px;
	height: auto;
	}
	/*-- ▲ header --*/
	/*-- ▼ main --*/
	.habakiri-slider {
	padding: 0 8px 0 8px;
	}
	/*-- ▲ main --*/
	/*-- ▼ entry --*/
	.info {
	margin: 0 8px 0 8px;
	}
	/*-- ▲ entry --*/
}
/* ------------------------------
▲ 479px以下用
▼ 480px以上767px以下用
------------------------------ */
@media screen and (min-width: 480px) and (max-width: 767px) {
	/*-- ▼ header --*/
	.header--center .site-branding {
	text-align: center;
	}
	.col-xs-10 {
	width: 100%;
	}
	/*-- ▲ header --*/
	/*-- ▼ main --*/
	.habakiri-slider {
	padding: 0 12px 0 12px;
	}
	/*-- ▲ main --*/
	/*-- ▼ entry --*/
	.info {
	margin: 0 12px 0 12px;
	}
	/*-- ▲ entry --*/

}
/* ------------------------------
▲ 480px以上767px以下用
▼ 768px以上991px以下用
------------------------------ */
@media screen and (min-width: 768px) and (max-width: 991px) {
	/*-- ▼ header --*/
	.header--center .site-branding {
	text-align: center;
	}
	.col-xs-10 {
	width: 100%;
	}
	/*-- ▲ header --*/
	/*-- ▼ gnavi --*/
	.global-nav {
	margin: 0 0 10px 0;
	}
	/*-- ▲ gnavi --*/
	/*-- ▼ main --*/
	.habakiri-slider {
	margin-top: 10px;
	padding: 0 14px 0 14px;
	}
	.tabichan_box_inner {
	margin: 0 auto;
	padding: 0 0 0 100px;
	max-width: 620px;
	text-align: left; 
	}
	/*-- ▲ main --*/
	/*-- ▼ entry --*/
	.entry__content {
	padding-top: 0 !important;
	}
	.info {
	margin: 0 14px 0 14px;
	}
	/*-- ▲ entry --*/
	/*-- ▼ fnavi --*/
	#menu-fnavi li {
	width: 25%;
	}
	#menu-fnavi li:nth-child(2) {
	border-right: 1px solid #dcdcdc;
	}
	#menu-fnavi li:nth-child(6) {
	border-right: 1px solid #dcdcdc;
	}
	/*-- ▲ fnavi --*/
}
/* ------------------------------
▲ 768px以上991px以下用
▼ 992px以上用
------------------------------ */
@media screen and (min-width: 992px) {
	/*-- ▼ container  --*/
	.container {
	max-width: 980px;
	}
	/*-- ▲ container --*/
	/*-- ▼ header --*/
	.header--center .site-branding {
	margin-bottom: 10px;
	}
	/*-- ▲ header --*/
	/*-- ▼ gnavi --*/
	.global-nav {
	margin: 0 0 10px 0;
	}
	.responsive-nav a {
	padding: 2px 15px;
	}
	#menu-gnavi li {
	border-left: 1px solid #fff;
	}
	#menu-gnavi li:last-child{
	border-right: 1px solid #fff;
	}
	/*-- ▲ gnavi --*/
	/*-- ▼ sub-menu  --*/
	.sub-menu {
	margin: 10px 0 0 0 !important;
	border: 1px solid #ccc;
	width: 250px !important;
	z-index: 0;
	}
	.sub-menu:after {
	content: "";
	position: absolute;
	top: -10px;
	left: 30px;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #ccc transparent;
	z-index: -1;
	}
	.sub-menu li a {
	font-size: 14px;
	}
	.sub-menu li a:hover {
	color: #333 !important;
	background-color: #efefef !important;
	}
	.sub-menu .current-post-parent a,
	.sub-menu .current-menu-item a,
	.sub-menu .current_page_item a {
	background-color: #fafafa !important;
	}

	.sub-menu .sub-menu {
	margin: 0 0 0 0 !important;
	}
	.sub-menu .sub-menu:after {
	content: "";
	position: absolute;
	top: -10px;
	left: 20px;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: none;
	border-width: 0 10px 10px 10px;
	border-color: none;
	}
	/*-- ▲ sub-menu --*/
	/*-- ▼ main --*/
	.habakiri-slider {
	margin-top: 10px;
	padding: 0 18px 0 18px;
	}
	.tabichan_box_inner {
	margin: 0 auto;
	padding: 0 0 0 100px;
	max-width: 620px;
	text-align: left; 
	}
	/*-- ▲ main --*/
	/*-- ▼ sub --*/
	#sub {
	padding-top: 24px;
	}
	/*-- ▲ sub --*/
	/*-- ▼ entry --*/
	.entry__content {
	padding-top: 0 !important;
	}
	.info {
	margin: 0 18px 0 18px;
	}
	.embed-youtube {
	margin: 0 60px 0 0;
	}
	/*-- ▲ entry --*/
	/*-- ▼ fnavi --*/
	#menu-fnavi li {
	width: 25%;
	}
	#menu-fnavi li:nth-child(2) {
	border-right: 1px solid #dcdcdc;
	}
	#menu-fnavi li:nth-child(6) {
	border-right: 1px solid #dcdcdc;
	}
	/* 100%の場合
	#menu-fnavi li:nth-child(odd) {
	border-right: none;
	}
	#menu-fnavi {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-top: none;
	border-collapse: collapse;
	}
	#menu-fnavi li {
	float: none;
	display: table-cell;
	width: 100%;
	border-bottom: none;
	border: 1px solid #dcdcdc;
	}
	*/
	/*-- ▲ fnavi --*/
}
/* ------------------------------
▲ 992px以上用
------------------------------ */