/*
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:#000;
}


.widget,
.widget-title{
color:#000!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;
}


@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:40%;
}

}

#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: #333!important;
}



#secondary a
{
  color: #000!important;
}



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

}


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

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

#site-navigation a:hover, #site-navigation a:focus
{
  color: rgba(0, 0, 0, 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(0, 0, 0, 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(0, 0, 0, 0.5)!important;
}

.site-info{
background:#1d5a9e;
color:#fff;
}


.btn-footer {
  background: rgba(12, 44, 111, 1);
  color: #fff!important;
  border: none;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-footer:hover, .btn-footer:focus {
  background: rgba(12, 44, 111, 0.8);
}
.btn-footer:active {
  background: rgba(12, 44, 111, 0.8);
}

.page-id-25 .page-header{
background-position:50% 20%!important;
}


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

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

.slick.section{
margin-bottom:30px;
}