html {
    scroll-behavior: smooth;
    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333333;
    background-color: #ffffff;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.span-text-large {
    font-size: 18px;
}
.underline-yellow {
    background: linear-gradient(transparent 80%, yellow 90%);
}
.underline-blue {
    background: linear-gradient(transparent 80%, blue 90%);
}
.underline-red {
    background: linear-gradient(transparent 80%, red 90%);
}

#cse-search-box {
    width: 300px !important;
    position: absolute;
    top: -50px;
    right: 0px;
}

    #cse-search-box td {
        padding: 0 !important;
    }

    #cse-search-box input[type="text"] {
        border-radius: 5px 5px 5px 5px;
        -moz-border-radius: 5px 5px 5px 5px;
        -webkit-border-radius: 5px 5px 5px 5px;
        box-shadow: 0 0 5px #DDDDDD;
        -moz-box-shadow: 0 0 5px #DDDDDD;
        -webkit-box-shadow: 0 0 5px #DDDDDD;
        width: 300px;
        height: 35px;
        padding: 0px 10px;
        font-size: 100%;
        border: solid 1px #ddd;
        vertical-align: middle;
        background: #efefef;
    }

        #cse-search-box input[type="text"]:focus {
            background: #fff;
        }


    #cse-search-box input[type="submit"] {
        display: inline-block;
        text-indent: -999px;
        width: 35px;
        height: 35px;
        border: none;
        vertical-align: bottom;
        position: absolute;
        right: 0;
        bottom: 0;
        opacity: 0.4;
        cursor: pointer;
        background: url(http://img.f.hatena.ne.jp/images/fotolife/p/platism/20130711/20130711002432.gif) no-repeat 50% 50%;
    }

.navbar .container .btn.btn-navbar {
    float: left !important;
}

div.blockBorder {
    border-color:lightgray;
    border-width:1px;
    border-style:solid;
}

div.iframeWrap { 
  position: relative; 
  width: 100%; 
} 
div.iframeWrap iframe { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100% !important; 
  height: 100% !important; 
}

#___gcse_0 {
    width:280px;
    margin:0 auto;
    position:relative;
}
#___gcse_1 {
    width:280px;
    margin:0 auto;
    position:relative;
}
.gsc-control-cse, 
.gsc-control-cse-ja,
.gsib_a{
    margin:0 !important;
    padding:0 !important;
}
/* テキスト入力フォームとボタンの位置 */
table.gsc-search-box td,
table.gsc-search-box input {
    vertical-align: top !important;
}
/* テキスト入力フォーム */
#___gcse_0 input[type="text"]{
    border: 1px solid #dddddd !important;
    height:25px !important;
}
#___gcse_0 input[type="text"]:focus {
    border: 1px solid #008ee1 !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}
/* テキスト入力フォーム */
#___gcse_1 input[type="text"]{
    border: 1px solid #dddddd !important;
    height:25px !important;
}
#___gcse_1 input[type="text"]:focus {
    border: 1px solid #008ee1 !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}
/* テキスト入力フォームの影を消す */
#gsc-iw-id1{
    border:none !important;
}
/* テキスト入力フォームの背景画像位置調整 */
#gs_tti0 input{
    background-position:5px 5px !important;
}
/* ボタンの色 */
input.gsc-search-button {
background: #008ee1 !important;
background: -ms-linear-gradient(top,  #008ee1 0%,#008ee1 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008ee1', endColorstr='#008ee1',GradientType=0 ); /* IE6-9 */
border: 1px solid #008ee1 !important;
}
/* ボタンの位置調整と角丸消し */
.gsc-search-button{
    margin:0 0 0 -16px !important;
    border-radius:0;
}
/* 入力時に出る「×」ボタンの位置調整 */
.gsib_b a{
    position:absolute;
    top:3px;
    left:185px;
}
/* 入力時に出る×ボタン -- Firefox位置調整 -- */
.gsib_b span{
        box-sizing: border-box;
   -moz-box-sizing: border-box;
        padding:2px 0 0 0;
}

.navbar-default {
    background-color: #ffffff;
    border-color: #e7e7e7;
}


@media (max-width: 767px) {
    .top-carousel-container {
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .top-carousel-container {
        padding-left: 70px;
        padding-right: 70px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .top-carousel-container {
        padding-left: 70px;
        padding-right: 70px;
    }
}

@media (min-width: 1200px) {
    .top-carousel-container {
        padding-left: 70px;
        padding-right: 70px;
    }
}