/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

 /*
 使用例を見ながら配色を探そう
 https://saruwakakun.com/html-css/material/colors#bluee
 ベースカラー：#00BCD4
 サブカラー：#00ACC1
 アクセントカラー：#FFA726
 Bootstrap3.x.で何かやるときの最低限のメモ
 https://qiita.com/zaburo/items/e5b8c51873b193bb1573
 */
 html {
   // autoで十分
   overflow: auto;
   height: 100%;
 }
 body,h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, p, a, span {font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"!important;}
 // モーダルを開いた時のbody
 body.modal-open {
   overflow: hidden;
   height: 100%;
   position: fixed;
 }
 body {
   padding-top: 50px;
 }
 body.theme-color {
   background-color: #fdfdfd;
 }
 .btn-disabled {
   color: #999999;
   pointer-events: none; /* aタグのリンクを無効にする */
   cursor: not-allowed;  /* マウスオーバー時のカーソルをdefaultに固定 */
   text-decoration: none;  /* 下線等を消す。 */
 }
 /* フッター最下部固定 */
 html {
  height: 100%;
 }
 body {
   min-height: 100%;
   display: grid;
   grid-template-rows: 1fr auto;
 }
 body.site-top {display: block;}
 footer {
   grid-row-start: 2;
   grid-row-end: 3;
 }
 /* フッター設定 */
 footer {
   text-align: left !important;
 }
 footer a,footer a:hover,footer a:active {color: #ffffff;text-decoration: none;}
 footer p {font-size: 12px;}
 .navbar-header > a > span,footer  a > span {font-size: 14px;}
 #footer{
   background-color: #aaa;
   height: 50px;
   text-align: center;
   line-height: 50px;
   color : #fff;
   margin-top:30px;
 }
 /* ナビバー基本カラー変更 */
 .navbar-inverse {
   /* background: linear-gradient(230deg, #00BCD4, #00ACC1, #4b7acf); */
   background: linear-gradient(230deg, #00BCD4, #a881cc, #4b7acf);
   background-size: 600% 600%;
   animation: AnimationName 10s ease infinite;
   /* background-color: #00ACC1; */
   border-color: #00ACC1;
 }
 /* トップビジュアル基本カラー変更 */
 .starter-template {
   /* background-color: #00BCD4; */
   /* background: linear-gradient(230deg, #00BCD4, #00ACC1, #4b7acf); */
   background: linear-gradient(230deg, #00BCD4, #a881cc, #4b7acf);
   background-size: 600% 600%;
   animation: AnimationName 10s ease infinite;
   color: #ffffff;
   margin-top: -5px;
   padding: 40px 15px 50px;
   text-align: center;
 }
 @keyframes AnimationName {
   0%{background-position:0% 50%}
   50%{background-position:100% 50%}
   100%{background-position:0% 50%}
 }
 /* 一覧カードの角丸 */
 .thumbnail {
   box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
   border: 1px solid #fff;
   border-radius: 8px;
 }
 .btn-primary{border-radius: 8px;}
 /*サムネイル調整*/
 .thumbnail .thumbnail-img {
   width: 100%;
 }
 .thumbnail-description {font-size: 1.2rem;}
 .eye_catching {
   position: relative;
   max-height: 512px;
   max-width: 512px;;
   display: block;
 }
 .eye_catching .outboundlink {
   position: absolute;
   top: 6px;
   right: 6px;
 }
 .shop_img {
   width: 100%;
   max-width: 512px;
 }
 .telephone {
   width: 19px;
   height: 19px;
   margin-top: -2px;
 }
 /* タブ・メニュー */
 .nav-tabs {
   margin-bottom: 0.5rem;
   border-bottom: none;
 }
 .nav-tabs>li {
    display: table-cell;
    width: 1%;
    float: none;
 }
 .nav-tabs>li>a {
   margin-right: 0;
   background-color: #fff;
   border-bottom: 1px solid #ddd;
 }
 .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
   background: #fff !important;
   border-radius: 4px 4px 0 0;
   border-bottom-color: #fff;
 }
 .starter-template > h1 {white-space: nowrap;}
 /* リンクボタン基本カラー変更 */
 .navbar {margin-bottom: 0;}

 a,.dropdown-menu>li>a {color:#FFA726;}
 /* リンクアクティブ時のカラー変更 */
 .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {background-color: #00ACC1;}
 .active > a {background-color: #006687!important;}
 /* マージン・パディング調整 */
 .padding_top_40{padding-top: 40px;}
 .margin_top_40{margin-top: 40px;}
 .margin_bottom_40{margin-bottom: 40px;}
 /* ドロップダウンメニューレイアウト調整 */
 .dropdown-menu {
   position: relative;
   width: 100%;
   border: none;
   box-shadow: none;
 }
 /* ▼ドロップダウンにスライドエフェクト */
 .dropdown .dropdown-menu {
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   -ms-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   max-height: 0;
   display: block;
   overflow: hidden;
   opacity: 0;
 }
 .dropdown.open .dropdown-menu {
   max-height: 100%;
   opacity: 1;
 }
 .modal_modalon_off {
   display: block;
   margin: 0 auto;
 }
 .pagination > li > a, .pagination > li > span {
   border: 1px solid #ddd
 }
 .search_icon {
   position: absolute;
   top: -2.8em;
   right: 1em;
 }
 .header_search_icon {
   position: absolute;
   top: 4px;
   left: 2px;
   height: 20px;
   width: 20px;
 }
 .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
   border-color: #00ACC1;
 }
 #exampleModal > div > form.navbar-form {margin: 20px 0 10px;}
 #exampleModal > div > ul {margin-bottom: 20px;}
 .pagiWrapper {text-align:center;}
 .navbar-form .form-control {padding: 6px 12px;width: 300px;}
 .list-group-item {border: none;}
 .list-group-item a {font-size: 1.2em;}
 .breadcrumb {font-size: 12px;}
 /* ▲ドロップダウンにスライドエフェクト */
 @media screen and (min-width: 0px) and (max-device-width: 320px) {
   .navbar-form .form-control {
     padding: 8px 12px;
     width: 100%;
   }
 }
 @media screen and (min-width: 321px) and (max-device-width: 920px) {
   .navbar-form .form-control {
     padding: 8px 12px;
     width: 100%;
   }
   .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
     color: #000000!important;
     border-color: #dddddd!important;
     background-color: #f5f5f5!important;
   }
   .navbar-form .form-control {padding: 8px 12px;width: 100%;}
 }
 @media (min-width: 992px){
   .col-md-9{
     float: right;
   }
   .modal {
     display: block;
     overflow: visible;
     position: relative;
     opacity: 1;
     z-index: 1;
   }
   .modal_modalon_off {
     display: none;
   }
   #exampleModal > div > form {display: none;}
   .site_top_exampleModal {display: none}
 }

/* サイトトップ イメージ */
 #roop-01 {
     width: 100%;
     height: 70px;
     margin-top: -60px;
     background: url(../img/image/street_01.png) repeat-x;
     background-size:450px;
     background-position: 0 0;
     -webkit-animation: bgroop-01 90s linear infinite;
     animation: bgroop-01 90s linear infinite;
 }
 @-webkit-keyframes bgroop-01 {
     from {
         background-position: 0  0;
     }
     to {
         background-position: 1182px 0;
     }
 }
 @keyframes bgroop-01 {
     from {
         background-position: 0 0;
     }
     to {
         background-position: 1182px 0;
     }
 }
 #roop-02 {
    width: 100%;
    height: 70px;
    margin-top: -75px;
    background: url(../img/image/street_02.png) repeat-x;
    background-size:450px;
    background-position: 0 0;
    -webkit-animation: bgroop-02 110s linear infinite;
    animation: bgroop-02 110s linear infinite;
}
@-webkit-keyframes bgroop-02 {
    from {
        background-position: 300px  0;
    }
    to {
        background-position: 1182px 0;
    }
}
@keyframes bgroop-02 {
    from {
        background-position: 300px 0;
    }
    to {
        background-position: 1182px 0;
    }
}

/* 背景色リスト */
.bg_img_1 {background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%);}
.bg_img_2 {background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%);}
.bg_img_3 {background-image: linear-gradient(to top, #fad0c4 0%, #ffd1ff 100%);}
.bg_img_4 {background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);}
.bg_img_5 {background-image: linear-gradient(to right, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);}
.bg_img_6 {background-image: linear-gradient(to top, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);}
.bg_img_7 {background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);}
.bg_img_8 {background-image: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%);}
.bg_img_9 {background-image: linear-gradient(to top, #fdcbf1 0%, #fdcbf1 1%, #e6dee9 100%);}
.bg_img_10 {background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);}
.bg_img_11 {background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);}
.bg_img_12 {background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);}
.bg_img_13 {background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);}
.bg_img_14 {background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);}
.bg_img_15 {background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%);}
.bg_img_16 {background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);}
.bg_img_17 {background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%);}
.bg_img_18 {background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);}
.bg_img_19 {background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);}
.bg_img_20 {background-image: linear-gradient(to right, #43e97b 0%, #38f9d7 100%);}
.bg_img_21 {background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);}
.bg_img_22 {background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);}
.bg_img_23 {background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);}
.bg_img_24 {background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);}
.bg_img_25 {background-image: linear-gradient(to top, #d299c2 0%, #fef9d7 100%);}
.bg_img_26 {background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);}
.bg_img_27 {background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%);}
.bg_img_28 {background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);}
.bg_img_29 {background-image: linear-gradient(135deg, #fdfcfb 0%, #e2d1c3 100%);}
.bg_img_30 {background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);}
.bg_img_31 {background-image: linear-gradient(to top, #fddb92 0%, #d1fdff 100%);}
.bg_img_32 {background-image: linear-gradient(to top, #9890e3 0%, #b1f4cf 100%);}
.bg_img_33 {background-image: linear-gradient(to top, #ebc0fd 0%, #d9ded8 100%);}
.bg_img_34 {background-image: linear-gradient(to top, #96fbc4 0%, #f9f586 100%);}
.bg_img_35 {background-image: linear-gradient(180deg, #2af598 0%, #009efd 100%);}
.bg_img_36 {background-image: linear-gradient(to top, #cd9cf2 0%, #f6f3ff 100%);}
.bg_img_37 {background-image: linear-gradient(to right, #e4afcb 0%, #b8cbb8 0%, #b8cbb8 0%, #e2c58b 30%, #c2ce9c 64%, #7edbdc 100%);}
.bg_img_38 {background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);}
.bg_img_39 {background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);}
.bg_img_40 {background-color: #DCD9D4; }
.bg_img_41 { background-image: linear-gradient(to bottom, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), radial-gradient(at 50% 0%, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.50) 50%); }
.bg_img_42 { background-blend-mode: soft-light,screen;}
.bg_img_43 { background-image: linear-gradient(to top, #37ecba 0%, #72afd3 100%);}
.bg_img_44 { background-image: linear-gradient(to top, #ebbba7 0%, #cfc7f8 100%);}
.bg_img_45 { background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);}
.bg_img_46 { background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);}
.bg_img_47 { background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898; }
.bg_img_48 { background-blend-mode: multiply,multiply;}
.bg_img_49 { background-image: linear-gradient(to top, #c471f5 0%, #fa71cd 100%);}
.bg_img_50 { background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);}