@charset "UTF-8";

/*========================
　smartphone　bottom menu
　========================*/


.mini-text{font-size:11px;}/*文字大きさ*/

ul.bottom-menu {
    position: fixed;
    left:0;
    bottom:0;
    width: 100%;
    height:20;/*高さ*/
    margin:0;
    padding:0;
	padding-bottom: 10px;
    background-color:#0082FF;/*背景色*/
    border-top:2px solid #808080;/*バーの上の線*/
    border-bottom:2px solid #808080;/*バーの下の線*/
    z-index:30;}

ul.bottom-menu li {
    float:left;
    width:25%;
    background-color:#0082FF;/*背景色*/
    list-style-type:none;
    text-align:center;
    font-size:35px;/*アイコンのサイズ*/}

.bottom-menu li a {
    display: block;
    color:#fff;/*アイコン＆文字の色*/
    padding-top:0px;
    padding-bottom:7px;
    line-height:10px; /*行間*/
    text-decoration:none;}

.bottom-menu li a:hover {
    color:#a9a9a9;/*マウスオーバー時の色*/}

/* === 展開メニュー === */

ul.menu-second-level {
    visibility: hidden;
    opacity: 0;
    z-index:1;}

ul.menu-second-level li a{
    border-top:1px dashed #a9a9a9;/*展開の枠点線*/
        font-size:15px;/*展開メニューの文字サイズ*/
        line-height:30px;/*文字の縦幅*/}

.menu-second-level li a:hover {
    height:100%;
    background: lightgrey;/*マウスオーバーの色*/}

li.menu-width-max ul.menu-second-level {
    position: absolute;
    bottom: 47px;/*高さ*/
    left: 0;
    box-sizing: border-box;
    width: 100%;
    padding:0;}

li.menu-width-max:hover ul.menu-second-level {
    bottom: 47px;/*高さ*/
    visibility: visible;
    opacity: 1;}

li.menu-width-max ul.menu-second-level li {
    float: left;
    width: 100%;
    border: none;}
.container-fluid .row .pop_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.35rem;
    font-weight: 400;
}

/*PC表示の際はボトムメニューは表示しない*/
@media(min-width: 750px){
    .bottom-menu{display:none; }
.catch {
    font-size: 0.5rem;
}
}

/*スマホの時だけ*/
@media(max-width: 750px){ 

.gazou-08sp{margin-bottom:80px;}
.bottom {
    padding-bottom: 60px;
}
.catch {
    font-size: 0.5rem;
}
}

/*ここまでがボトムナビゲーション*/

@font-face {
  font-family: 'mini-rogo-01';
  src:  url('../fonts/mini-rogo-01.eot?7mfjpy');
  src:  url('../fonts/mini-rogo-01.eot?7mfjpy#iefix') format('embedded-opentype'),
url('../fonts/mini-rogo-01.ttf?7mfjpy') format('truetype'),
url('../fonts/mini-rogo-01.woff?7mfjpy') format('woff'),
url('../fonts/mini-rogo-01.svg?7mfjpy#mini-rogo-01') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-mini"], [class*=" icon-mini"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'mini-rogo-01' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.icon-bmwBMW_White-Colour_RGB .path1:before {
  content: "\e800";
}
.icon-miniicon-01ai_-1--2:before {
  content: "\e901";
}
.icon-miniicon-01ai_-1-:before {
  content: "\e902";
}
.icon-miniicon-01ai_-1:before {
  content: "\e903";
}




/*ここまでがアイコンフォント*/

#copyright {
	font-size: 12px;
	color: #fff;
	text-align: center; 
	background: black;
	margin-bottom:100px;
}