/*
Theme Name: gig01
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Flat is a free Blog Theme designed by YoArts. Works nice for a personal blog, magazine ,news or review website.
Version: 1.7.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: flat
Tags: black, orange, white, white, dark, light, two-columns, responsive-layout, left-sidebar, custom-background, custom-colors, custom-menu, editor-style, post-formats, custom-colors, translation-ready,featured-images, threaded-comments, translation-ready,photoblogging

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

*{
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
font-size:auto;
}




.news {
list-style:none;
margin:0;
padding:0;
}

.news li {
margin-bottom:0.5em;
}

.news .date{
font-size:80%;
background:#ddd;
color:#333;
padding:0.2em 0.5em;
margin-right:1em;
}

.small{
font-size:80%;
}

.sub-menu li a{
line-height:1.4em!important;
display:inline-block;
}

.sub-menu li {
padding-left:0.6em!important;
}

.column {
list-style:none;
margin:0;
padding:0;
}

.column li {
margin-bottom:0.5em;
padding-bottom:0.5em;
border-bottom:dotted 1px #ccc;
}
.column li:last-child {
border-bottom:none!important;
}

.tel{
line-height:1em;
margin:0.5em 0 0 0;
font-size:180%;
}

.tel-home{
line-height:1em;
margin:0.5em 0 0 0;
font-size:150%;
color:#fff;
}


.widget,
.widget-title{
color:#fff!important;

}



.home-movie{
position:relative;
width:100%;
padding-top:50%;
}
.home-movie iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

.post-label{
font-size:80%;
background:#777;
padding:0.2em 0.6em ;
border-radius:1em;
color:#fff;
}




.sticky {}
.bypostauthor {}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}


ul.news-list{
list-style:none;
margin:0;
padding:0;
}


ul.news-list .date {
background:none;
font-size:100%;
margin-right:1em;
}

ul.news-list li{
margin:0.7em 0;
}


ul.news-list .category {
background:#000;
color:#fff;
width:8em;
text-align:center;
display:inline-block;
font-size:80%;
padding:0.1em 0em;
margin-right:1em;
}

a:not(.btn), a:link:not(.btn) {
  color: #666666;
}
a:visited:not(.btn) {
  color: #999999;
}


h2.section-title {
	position: relative;
	padding-bottom: .3em;
	border-bottom: 1px solid #ccc;
}
h2.section-title::after {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 1px;
	background-color: #3498db;
}


/*
#site-navigation a
{
  color: #222;
}
*/


#page {
  max-width: 100%;
  margin: 0px auto 0 auto!important;
  position: relative;
  background: #fff;
}
#page:before {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
width: auto;
  background: #333;
}

/*
#secondary{
width:300px;
}

#primary{
max-width:100%;
}
*/

.page-header{
margin:0;
padding:0 ;
height:300px;
}

.page-header h1{
font-size:24px;
color:#fff;
line-height:300px;
margin:0;
height:300px;
background:rgba(0,0,0,0.4);
padding-left:30px;
}


.view {
   overflow: hidden;
   position: relative;
   text-align: center;
   cursor: default;
}
.view .mask,.view .content {
width:100%;
height:100%;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   color: #fff;
   text-align: center;
   position: absolute;
   font-size: 17px;
   padding: 10px;
/*   background: rgba(0, 0, 0, 0.5);*/
   margin: 0px auto;
bottom:40%;
width:100%;
}


.view img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   background-color: rgba(0,0,0, 0.3);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view:hover img {
   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}
.view:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view:hover h2,
.view:hover p,
.view:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}

dl.privacy dt{
font-size:120%;
margin-bottom:0.5em;
}

dl.privacy dd{
margin-bottom:2em;
}

.menu{
list-style:none;
margin:0!important;
padding:0!important;
}

.menu li{
margin:0!important;
padding:0!important;
}


.hgroup {
	text-align:center;
}


.hgroup img{
max-height:30px;

}

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

/*
#site-navigation a {
font-size:18px;
padding:15px 0px 0px 15px;
}

#site-navigation li{
padding:15px 0px;
}
*/

.hgroup{
text-align:center;
margin:0 auto;
}

.hgroup img{
max-width:60%;
}

}

#secondary .toggle-sidebar, #secondary .toggle-navigation
{
  margin-top: -65px;
  width: 50px;
  height: 50px;
font-size:26px;
border:none;
}


.require{
background:#666;
color:#fff;
border-radius:1em;
margin-left:1em;
font-size:70%;
padding:0em 0.6em;
display:inline-block;
}

a:link.btn-default,
a:visited.btn-default,
a:hover.btn-default,
a:active.btn-default{
color:#fff;
}



ul.news-list{
margin-bottom:60px;
}

.copyright{
margin-top:30px;
}





#secondary i
{
  color: #fff!important;
}



#secondary a
{
  color: #fff!important;
	font-weight:bold;
}



#site-navigation a
{
  color: #fff!important;

}


#secondary a:hover, #secondary a:active
{
  color: #fff;
}

#site-navigation a:hover, #site-navigation a:focus
{
  color: rgba(255, 255, 255, 0.5)!important;
}

#site-navigation a:hover, #site-navigation a:focus
{
  color: rgba(255, 255, 255, 0.5)!important;
}

#site-navigation .current-menu-item > a, 
#site-navigation .current-menu-parent > a, 
#site-navigation .current-menu-ancestor > a, 
#site-navigation .current_page_item > a, 
#site-navigation .current_page_parent > a, 
#site-navigation .current_page_ancestor > a
{
  color: rgba(255, 255, 255, 0.5)!important;
}


#site-navigation .current-menu-item > a, #site-navigation .current-menu-parent > a, #site-navigation .current-menu-ancestor > a, #site-navigation .current_page_item > a, #site-navigation .current_page_parent > a, #site-navigation .current_page_ancestor > a
{
  color: rgba(255, 255, 255, 0.5)!important;
}


.btn-footer {
  background: rgba(30, 150, 4,1);
  color: #fff!important;
  border: none;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
	transition:0.3s all;
}
.btn-footer:hover, .btn-footer:focus {
  background: rgba(30, 150, 40.5);
}
.btn-footer:active {
  background: rgba(30, 150, 4.5);
}

.row-offcanvas{
display: flex;
align-items: stretch;
}

@media screen and (max-width: 969px) {
.row-offcanvas{
display: block;
}
}



.balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 20px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #cbeb8f;
}
.koji.balloon{
	  background: #b3de61;
}
.balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #cbeb8f;
}
.koji.balloon:before {
	  border: 15px solid transparent;
  border-top: 15px solid #b3de61;
}
.koji.balloon.last:before,
.balloon.last:before {
  border-top: 15px solid transparent;
}
.balloon h3{
font-size:18px;
font-weight:bold;
color:#111;
padding-left:0;
border:none;
border-bottom:3px solid #4bae35;
	padding-bottom:5px;
}
.balloon  {
color:#111;
}
.balloon h3 span{
color:#fff;
	font-size:180%;
}
.site-info{
	background-color:#d4ecce;
}

.pines{
	margin-bottom:30px;
	
}
.pines img{
max-width:200px;	
}

/* 2021.03.25追加  */

.view h2{
	font-size:24px;
	top:22%;
	font-weight:bold;
}