/* 読み込み
-------------------------------------------------- */

@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url("bootstrap_temp.css");

/* 共通
-------------------------------------------------- */

.padding_b{
    padding:0 1.0em;
}
.padding_r{
    padding-right:1.0em;
}
.padding_l{
    padding-left:1.0em;
}
.padding_btm{
    padding-bottom:1.0em;
}
.padding_top{
    padding-top:1.0em;
}
.margin_b{
    margin:0 1.0em;
}
.margin_r{
    margin-right:1.0em;
}
.margin_l{
    margin-left:1.0em;
}
.margin_btm{
    margin-bottom:1.0em;
}
.margin_top{
    margin-top:1.0em;
}

.cf:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.animate{
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
}

#wrapper{
    overflow: hidden;
    position:relative;
}

#wrapper canvas.pg-canvas {
  position: fixed;
  z-index: -100;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

/* FONT SETTING
-------------------------------------------------- */

.ggl_font_l{
    font-weight:lighter;
    font-family: 'Noto Sans Japanese', sans-serif;
}
.ggl_font_n{
    font-weight:normal;
    font-family: 'Noto Sans Japanese', sans-serif;
}
.ggl_font_b{
    font-weight:bolder;
    font-family: 'Noto Sans Japanese', sans-serif;
}
.newyorktimes{
    font-family: "nyt-cheltenham",georgia,"times new roman",times,serif;
    font-style:italic;
}
.gothic{
    font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
.mincho{
    font-family:'Hiragino Mincho ProN', serif;
}

/* ヘッダー
-------------------------------------------------- */


#logo img{
    height:20px;
}

#logo a{
    padding: 15px;
    display:block;
}

/* 大見出し
-------------------------------------------------- */
.featurette-heading{
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 0.5em 0;
}

.featurette-heading i{
    display: inline-block;
    color: #31e0d1;
    padding: 10px;
    border-radius: 50%;
    border: 1px solid #42d67b;
}

.featurette .service_list{
    position:relative;
    display:block;
    padding:0;
    float:left;
    list-style: none;
    padding:1%;
}

.featurette .service_list .tbl{
    display:table;
    width:100%;
}

.featurette .service_list .service_thumbnail{
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    display: table-cell;
    background-size: 100%;
    background-position: center center;
    border:1px solid #ddd;
}

.featurette .service_list .service_thumbnail:hover{
    background-size: 110%;
}

.featurette .service_list .img-credit{
    font-size:0.5em;
}
.featurette .service_list .service_thumbnail span{
    font-size:1.5em;
    display: inline-block;
    padding:0.3em 1.0em;
    color:#fff;
    text-shadow: 0 1px 0 #000;
    margin: 1.0em;
    background: rgba(0, 0, 0, 0.2);
}