/*-------------------------
   基本設定
--------------------------*/

/* BODY */
body {
  height: 100%;
  background-color: #ffffff;
  background:#fbfbfb url(../images/wall.png) repeat 0 0;
  font-size: 16px;
  color: #333;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
body.open-pet-form {
  background:#c1dce4;
}
@media (max-width:767px) {
  body {
    font-size: 13px;
  }
}

/* ページの最大幅を1030pxに */
@media (min-width: 992px) {
  .container {
    width: 1030px;
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1030px;
  }
}

/* ページ幅800px */
.container800 {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width:768px) {
  .container800 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .container800 {
    width: 800px;
  }
}
@media (min-width: 1200px) {
  .container800 {
    width: 800px;
  }
}

/* ページ幅640px */
.container640 {
  display:table;
  width:640px;
  padding:15px;
  margin:0 auto;
}

/* Footerを一番下に表示するためのページの高さ */
#body {
  padding-bottom: 369px;
  padding-bottom: 560px; /* コロナ */
  position: relative;
  min-height: 100%;
}
#body-english {
  padding-bottom: 240px;
  position: relative;
  min-height: 100%;
}
@media (max-width:991px) {
  #body {
    padding-bottom: 460px;
    padding-bottom: 650px; /* コロナ */
  }
  #body-english {
    padding-bottom: 240px;
  }
}
@media (max-width:767px) {
  #body {
    padding-bottom: 640px;
    padding-bottom: 780px; /* コロナ */
  }
  #body-english {
    padding-bottom: 360px;
  }
}

/* メインカラムの背景色 */
//.container {
//  min-height: 100%;
//  background-color: #ffffff;
//}

/* ヘッダーの背景色 */
header {
  background-color:#fff;
}

/* 背景画像あり */
.wall {
  background-color:#001592;
  background-image: url(../images/wall2.gif);
  background-repeat: repeat-x;
  background-position:100% 100%;
  height: 138px;
  margin-bottom: 18px;
  margin-bottom: 4px;
}
@media (max-width:767px) {
  .wall {
    height: 70px;
    margin-bottom: 4px;
    margin-bottom: 0;
  }
}
.wall2 {
  background-color: #ff3a03;
  background-image: url(../images/wall2.gif);
  background-repeat: repeat-x;
  height: 4px;
  margin-bottom: 30px;
}
@media (max-width:767px) {
  .wall2 {
    margin-bottom: 25px;
  }
}

/* 背景画像なし */
.no-wall {
  background:none;
  background-color: #ffffff;
}

/* リンクの色を逆転 */
a {
  color:#04a;
  text-decoration:underline;
}
a:hover,
a:focus {
  color:#c00;
  text-decoration:none;
}
@media (min-width: 992px) {
  a img.hover_opacity:hover{opacity:.8;}
}
a[name] {
  color: #333;
  text-decoration: none;
}
.underline {
  text-decoration: underline;
}
.detailAll a {
  text-decoration: underline;
}

.contents-box img {
  max-width:100%;
  height:auto;
}

/*-------------------------
   フォント
--------------------------*/

/* 見出し */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
  font-weight: normal;
  color: #484848;
  line-height: 1;
  margin: 0;
}
h1 {
  font-size: 200%;
  font-weight: bold;
  color: #ff3a03;
  letter-spacing: 0.1em;
  margin-left: 15px;
}
h2 {
  font-size: 115%;
  font-weight: bold;
  color:#036;
  line-height: 115%;
  margin: 10px 0 0;
}
.h2-large {
  font-size: 140%;
  color:#036;
  margin: 15px 0 2px;
}
.w50per > .h2-large:first-child {
  margin: 0 0 2px;
}
.h2-sub {
  font-size: 60%;
  margin-left: 18px;
}
.h2-sub-bookmark {
  font-size: 60%;
  margin-left: 27px;
}
@media (max-width:991px) {
  .h2-large {
    font-size: 120%;
  }
  .h2-sub {
    font-size: 70%;
  }
  .h2-sub-bookmark {
    font-size: 70%;
    margin-left: 23px;
  }
}
.h2-inbox {
  margin: 0 0 10px;
}
@media (max-width:767px) {
  .h2-inbox {
    font-size: 100%;
  }
}
h3 {
  font-size: 110%;
  font-weight: bold;
  margin: 0 0 5px;
}
.h3-large {
  font-size: 120%;
  font-weight: normal;
  line-height: 100%;
  margin: 15px 0;
}
.h3-inbox {
  margin: 0;
}
h4 {
  font-size: 100%;
  margin: 15px 0 5px;
}
.h4-sub {
  font-size: 80%;
  color: #707070;
  margin-left: 3px;
}
.h4-dotline {
  display:inline-block;
  min-width:14.5em;
  margin:10px 5px 20px;
  padding:0 8px;
  line-height:1.2;
  font-size:120%;
  font-weight:bold;
  color:#252525;
  text-decoration:none;
  border-bottom:3px dotted #f30;
  border-left:6px solid #f30;

}

/* 小さいフォントサイズを設定 */
h1 .small, h2 .small, h3 .small {
  font-size: 85%;
  font-weight:bold;
  color:inherit;
}
.small {
  font-size: 85%;
  color:inherit;
}
.xsmall {
  font-size: 75%;
}
@media (max-width:767px) {
  .small {
    font-size: 90%;
  }
  .xsmall {
    font-size: 85%;
  }
}

/* 大きいフォントサイズを設定 */
.large {
  font-size: 115%;
}
.xlarge {
  font-size: 140%;
}

/* 太字 */
.strong {
  font-weight: bold;
}
/* 斜め字 */
.italic {
  font-style: italic;
}
/* 細字 */
.hosoji {
  font-weight: normal;
}

/* 上付き、下付き */
sub,sup{
  margin-left: 2px;
}

/* 取り消し線 */
.torikesi {
  text-decoration: line-through;
}

/* 文字色 黒 */
.text-black {
  color: #333;
}

/* 文字色 赤 */
.red16,
.text-red {
//  color: #d85800;
  color:#ef1800;
}

/* 文字色 オレンジ */
.text-orange {
  color:#ff6000;
}

/* 文字色 ピング */
.text-pink {
  color: #ff3399;
}

/* 文字色 紫 */
.text-purple {
  color: #b83068;
}

/* 文字色 青 */
.text-blue {
  color: #00609c;
}
.text-blue2 {
  color: #0098df;
}

/* 文字色 青 */
.blue16,
.text-darkblue {
  color:#036;
}

/* 文字色 緑 */
.text-green {
  color: #008000;
}

/* 文字色 黄 */
.text-yellow {
  color: #f8f748;
}

/* 文字色 金 */
.text-gold {
  color: #b87800;
}

/* 文字色 白 */
.text-white {
  color: #ffffff;
}

/* 字間 */
.jikan120 {
  letter-spacing: 0.2em;
}

/* 行間 */
.line-h120 {
  line-height: 120%;
}
.line-h160 {
  line-height: 160%;
}

/* グラフィックアイコン */
.glyphicon {
  margin: 0 4px 0 0;
  top: 2px;
}
h2 .glyphicon {
  top: 3px;
}
.h2-inbox .glyphicon {
  margin-right: 6px;
  top: 2px;
}
.h3-inbox .glyphicon {
  margin-right: 9px;
}
.glyphicon-new-window {
  margin: 0 4px 0 4px;
}
.glyphicon-chevron-down {
  margin-left: 4px;
}
.glyphicon-chevron-up {
  margin-left: 4px;
}
.large-glyphicon {
  font-size: 150%;
  top: 6px;
  margin-right: 6px;
}
.h2-inbox .glyphicon.large-glyphicon {
  font-size: 175%;
  top: 7px;
  margin-right: 8px;
}
.h3-inbox .glyphicon.large-glyphicon {
  font-size: 150%;
  top: 3px;
  margin-right: 13px;
}
.large-wall-glyphicon {
  position: absolute;
  z-index: 0;
  top: 10px;
  right: 15px;
  font-size: 120px;
  color: #ffdfbf;
  color:#ffd8b8;
  transform: rotate( 15deg ) translate(-5px,10px);
}
.large-wall-glyphicon-txt {
  position: relative;
  color: #282828;
}
.large-wall-glyphicon-txt .sikaku {
  margin-left: 10px;
}
@media (max-width:991px) {
  .large-wall-glyphicon-txt {
    font-size: 90%;
  }
}
@media (max-width:767px) {
  .large-wall-glyphicon {
    font-size: 80px;
  }
  .large-wall-glyphicon-txt {
    font-size: 100%;
  }
}

/* ボタン */
.pager {
  font-size: 90%;
  margin: 0;
}
.pager li {
  margin: 5px 0;
}
.pager li > a {
  padding: 10px 20px;
  background-color: #fff4df;
  border-color: #d19b46;
  border-radius: 30px
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  color: #f86000;
  background-color: #ff3a03;
  border-color: #ff3a03;
}
@media (max-width:767px) {
  .pager {
    width: 100%;
  }
  .pager li {
    width: 100%;
    display: block;
    margin: 0;
  }
  .pager li > a {
    width: 100%;
    padding: 5px;
  }
  .pager li {
    margin-bottom: 0;
  }
}
.pager .glyphicon {
  margin: 0 4px 0 0;
  top: 2px;
}
.pager .glyphicon-new-window {
  margin: 0 4px 0 4px;
}
.pager .pager-large {
  font-size: 145%;
}
.pager .pager-large > a {
  color: #ffffff;
  background-color: #f86000;
  border-color: #f86000;
  width: 100%;
  padding: 9px 0 5px;
  border-radius: 40px;
}
.pager .pager-large > a:hover,
.pager .pager-large > a:focus {
  text-decoration: none;
  color: #f86000;
  background-color: #ff3a03;
  border-color: #f86000;
}
.pager .pager-large > a .glyphicon {
  float: right;
  top: 5px;
  right: 10px;
  margin: 0 0 0 3px;
}
@media (max-width:767px) {
  .pager .pager-large {
    font-size: 120%;
  }
  .pager .pager-large > a {
    padding: 5px 0 4px;
  }
  .pager .pager-large > a .glyphicon {
    top: 4px;
    right: 8px;
  }
}

.pager-notice {
  display: table;
  margin: 5px auto 0;
}


/*-------------------------
   タイトル
--------------------------*/

.title1 {
  padding: 14px 0 5px 15px;
}
.title1 h1 {
  margin-left: 0;
}
.title1sub {
  height: 60px;
  padding: 13px 0 10px 0;
  position: relative;
}
.title1sub h1 {
  position: absolute;
  bottom: 4px;
/*   font-family: 'Times New Roman', 'FC平成明朝体', 'ＤＦ平成明朝体W3', 'HG明朝B', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', serif; */
}
//.title1sub img {
//  margin: 0 5px 4px 0;
//  vertical-align: middle;
//}
.title2 {
  margin-top: 10px;
  padding:0 15px 0 0;
  position: relative;
  height:69px;
  background:url(../images/airport1.gif) no-repeat;
  background-position: right 115px bottom 0;
}
.tel {
  position: absolute;
  top: 30px;
  right: 45px;
  background-color: #fff;
  text-align: right;
}
.reception-time {
  font-size: 80%;
  line-height: 100%;
}
.title2 img {
  margin-left: auto;
  margin-right: 0;
}
.title2sub img {
  margin-left: auto;
  margin-right: 0;
}
@media (min-width:768px) {
  .title2sub img {
    height: 60px;
  }
}
@media (max-width:991px) {
  .title1 {
    padding: 12px 20px 8px 15px;
  }
  .title2 {
    padding: 0 15px 0 0;
  }
  .title1sub h1 {
    font-size: 190%;
  }
}
@media (max-width:767px) {
  .title1 {
    padding: 8px 15px;
    border-top: 4px solid #001592;
  }
  .title2 {
    padding: 0;
    margin-top: 5px;
    background-position:30% 0;
  }
  .title1sub {
    padding: 0 5px;
    border-top: 2px solid #001592;
  }
  .title2sub {
    margin-top: 5px;
  }
  .title1sub h1 {
    font-size: 160%;
  }
  .title1 img {
    margin-left: auto;
    margin-right: auto;
    max-width:100%;
    height:auto;
  }
  .title2 img {
    margin-left: auto;
    margin-right: auto;
    position:relative;
    left:50px;
    max-width:55%;
    height:auto;
  }
  .title2sub img {
    margin-left: auto;
    margin-right: auto;
  }
}


/*-------------------------
   サブタイトル
--------------------------*/

.sub-title {
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #ff3a03;
  line-height: 200%;
  margin-left: 3px;
}
@media (max-width:767px) {
  .sub-title {
    font-size: 13px;
  line-height: 160%;
  }
}


/*-------------------------
   トップページ
--------------------------*/

/* メインコピー */
.maincopy {
  margin-top: 28px;
}
.maincopy h2 {
  font-size: 250%;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 0.1em;
/*   font-family: 'Times New Roman', 'FC平成明朝体', 'ＤＦ平成明朝体W3', 'HG明朝B', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', serif; */
  line-height: 100%;
  margin: 12px 0;
}
.maincopy h2 .glyphicon {
  font-size: 75%;
  margin: 0 4px 0 0;
}
.maincopy h2 .glyphicon-phone {
  transform: rotate( -25deg );
  font-size: 80%;
  margin: 0 3px 0 0;
}
.maincopy h3 {
  font-size: 185%;
  line-height: 100%;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 0.1em;
/*   font-family: 'Times New Roman', 'FC平成明朝体', 'ＤＦ平成明朝体W3', 'HG明朝B', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', serif; */
  margin: 0;
}
.maincopy h3 .glyphicon {
  font-size: 75%;
  margin: 0 8px 0 0;
}
.maincopy h3 .glyphicon-phone {
  transform: rotate( -25deg );
  font-size: 80%;
  margin: 0 5px 0 3px;
}
.maincopy-s h2 {
  line-height: 107%;
}
.maincopy-s h3 {
  font-size: 165%;
}
@media (max-width:991px) {
  .maincopy {
    margin-top: 30px;
  }
  .maincopy h2 {
    font-size: 210%;
  }
  .maincopy h3 {
    font-size: 175%;
    letter-spacing: 0;
  }
  .maincopy-s h2 {
    font-size: 195%;
  }
  .maincopy-s h3 {
    font-size: 145%;
  }
}
@media (max-width:767px) {
  .maincopy {
    margin-top: 15px;
    text-align: center;
  }
  .maincopy h2 {
    font-size: 145%;
    letter-spacing: 0;
    margin: 11px 0 6px;
  }
  .maincopy h3 {
    font-size: 128%;
    font-size: 92%;
    letter-spacing: 0;
  }
  .maincopy h3 .glyphicon {
    top: 0;
  }
  .maincopy-s h2 {
    font-size: 140%;
    line-height: 115%;
  }
  .maincopy-s h3 {
    font-size: 95%;
  }
}
@media (min-width:768px) {
  .maincopy h2 .glyphicon {
    top: 1px;
  }
  .maincopy h2 .glyphicon-phone {
    top: 2px;
  }
  .maincopy h3 .glyphicon {
    top: 1px;
  }
  .maincopy h3 .glyphicon-phone {
    top: 2px;
  }
}

/* メイン画像 */
.main-img {
  max-width:100%;
  height:auto;
  margin:0 0 -10px;
}

/* お問い合せボタン */
.info-btn {
  position: relative;
  float: right;
  width: 146px;
  height: 146px;
  top: 41px;
  left: -40px;
  z-index: 97;
}
@media (max-width:991px) {
  .info-btn {
    left: -15px;
  }
}
@media (max-width:767px) {
  .info-btn {
    display: none;
  }
}
@media (min-width:768px) {
  .info-btn2 {
    float: right;
    width: 146px;
    height: 146px;
    margin: 5px 0 5px 10px;
  }
  .info-btn2mini {
    float: right;
    width: 100px;
    height: 100px;
    margin: 0 10px 0 10px;
  }
}
@media (max-width:767px) {
  .info-btn2 {
    float: right;
    width: 100px;
    height: 100px;
    margin-top: 5px;
  }
  .info-btn2mini {
    float: right;
    width: 100px;
    height: 100px;
    margin-top: 5px;
  }
}

/* トップページの見出し */
.top-h1 {
  font-size: 150%;
  font-weight: bold;
  margin: 10px 0;
}

/* 若葉マーク */
.wakaba {
  position: absolute;
  z-index: 0;
  top: 22px;
  right: 10px;
}


/*-------------------------
   ドロップダウンメニュー
--------------------------*/
.dropdown-menu {
  min-width: 95%;
  margin: -10px 0 0;
/* 
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 100%;
  padding: 0;
  margin: -14px -4px 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ddd;
  background-color: rgba(0, 0, 0, 0.10);
  border: 4px solid #ddd;
  border: 4px solid rgba(0, 0, 0, 0.10);
  border: none;
  border-radius: 6px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
 */
}
/* 
.dropdown-menu > li {
  background-color: #14365f;
  border-radius: 6px;
  margin: 4px;
}
.dropdown-menu > li + li {
  margin-top: 4px;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 5px;
  clear: both;
  text-align: center;
  font-weight: normal;
  line-height: 1.42857143;
  color: #fff;
  white-space: nowrap;
  border-radius: 6px;
}
 */
.dropdown-menu > li > a {
  padding-left: 7px;
  padding-right: 4px;
  padding:9px 4px 9px 7px;
  text-decoration:none;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #ff3a03;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color:#ff3a03;
  outline: 0;
}
@media (max-width:991px) {
  .dropdown-menu > li > a {
    font-size: 13px;
  }
}
@media (max-width:767px) {
  .dropdown-menu > li + li {
//    margin-top: 2px;
    border-top: 1px solid #ddd;
  }
  .dropdown-menu > li > a {
    font-size: 14px;
    white-space:normal;
  }
}

@media (min-width:768px) {
  .collapse{
    display: block;
  }
}

/* スマホサイズ以外のときのナビバーのドロップダウンをマウスオーバーで */
@media (min-width:768px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

/* スマホサイズのときのナビバー開閉ボタンのスタイル */
@media (max-width:767px) {
  .navbar-header {
    background-color: #ff3a03;
    border: 1px solid #14365f;
    padding: 2px 6px;
    border-radius: 6px;
  }
  .navbar-header:hover,
  .navbar-header:focus {
    cursor: pointer;
  
  }
}

.navbar-toggle .caret {
  color: #ff3a03;
  color: #fff;
  margin: 0;
}

.navbar-toggle {
  position: relative;
  float: left;
  margin-right: 0;
  padding: 0px 5px;
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: #14365f;
  background-image: none;
  border-radius: 4px;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 8px;
  height: 1px;
  border-radius: 1px;
  margin: -1px;
}

/* スマホサイズのときのナビバーに表示するMENUのスタイル */
@media (max-width:767px){
  .navbar-brand {
    position: relative;
    top: -12px;
    left: 16px;
    width: 240px;
    height: auto;
    text-align: left;
    vertical-align: top;
    font-size: 110%;
    font-weight: bold;
    color: #14365f;
    padding: 0;
  }
  .navbar-brand span {
    color: #f86000;
    letter-spacing: 0.2em;
  }
}

/* スマホサイズのときのナビバーを開いた状態に */
//.collapse {
//  display: block;
//}


/*-------------------------
   ナビボタン
--------------------------*/

@media (min-width:768px) {
  .menu-box {
    width: 100%;
    height: 58px;
  }
  .fixed-top {
    z-index: 99;
//    position: fixed;
    position: absolute;
    width: 100%;
    top: 0px;
    background-color:#fff;
  }
  .fixed-top .container {
    padding-left: 11px;
    padding-right: 11px;
  }
  .nav-pills > li {
    padding-left: 4px;
    padding-right: 4px;
  }
}
.nav-pills > li > a {
  position: relative;
  display: block;
  padding: 5px 5px 3px;
  margin: 15px 0;
  border-radius: 4px;
  font-size: 14px;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
  background-color:#14365f;
  text-decoration:none;
}
.nav-pills > li + li {
  margin-left: 0;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  color: #fff;
  background-color:#ff3a03;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #ff3a03;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color:#ff3a03;
}
.nav-pills > li > a > .glyphicon {
  margin-right: 4px;
}
@media (max-width:991px) {
/* .nav-pills > li > a {
    font-weight: bold;
  } */
  .nav-pills > li > a {
    white-space:nowrap;
    min-width:5em;
  }
}
@media (max-width:767px) {
  .fixed-top .container {
    padding-top:6px;
    padding-bottom:12px;
    padding-bottom:6px;
  }
  .nav-pills > li > a {
    margin: 5px 0;
    padding: 6px 0;
    font-size: 14px;
    white-space:normal;
    min-width:none;
  }
  .nav-pills-toppage > li > a {
    margin: 3px 0;
    padding: 10px 4px;
  }
  .nav-pills .dropdown-menu {
    padding: 2px 0;
    margin: 0 0 5px;
    font-size: 100%;
    position: relative;
    float: none;
  }

/* スマホサイズのときのナビバーを2列に */
  .nav-pills-toppage {
    display: block;
  }
  .nav-pills-toppage > li {
    float: left;
    width: 48.5%;
  }
  .nav-pills-toppage > li:last-child {
    float: none;
    display: table;
    margin: 0 auto;
  }
  .xs-br {
    clear: both;
    margin-right: 6px;
  }
}


/*-------------------------
   サブメニュー
--------------------------*/

.sub-menu {
  margin: 0 auto 20px;
}

/* ミニボタン */
.mini-pills {
  min-width: 185px;
}
.nav-pills > .mini-pills > a {
  position: relative;
  display: block;
  padding: 4px 10px 3px;
  margin: 0 4px;
  text-align: center;
  font-size: 14px;
  line-height: 100%;
  color: #ffffff;
  background-color: #f86000;
  border: 1px solid #f86000;
  border-radius: 30px;
}
.nav > .mini-pills > a:hover,
.nav > .mini-pills > a:focus {
  text-decoration: none;
  color: #f86000;
  background-color: #ffffff;
}
.nav-pills > .mini-pills > a .glyphicon {
  float: right;
  top: 2px;
  right: -3px;
  margin: 0 0 0 3px;
}
.nav-pills > .mini-pills > a .glyphicon-home {
  float: none;
  right: 0;
  margin: 0 3px 0 0;
}

.sub-menu .mini-pills {
  width: 220px;
}
.sub-menu .nav-pills > .mini-pills > a {
  padding: 4px 10px 3px;
/*   color: #f86000;
  background-color: #ffffff;
  border: 1px solid #f86000; */
}
/* .sub-menu .nav > .mini-pills > a:hover,
.sub-menu .nav > .mini-pills > a:focus {
  color: #999;
  border: 1px solid #999;
} */
.sub-menu .nav-pills + .nav-pills {
  margin-top: 5px;
}
.mini-pills2 {
  padding: 7px 10px 6px !important;
  width:180px;
}
.nav-pills > .mini-pills > a.mini-pills3 {
  padding: 10px 20px 9px !important;
  font-size:120%;
}
.xmini-pills {
  width: 70px;
  top: 15px;
}
.nav-pills > .xmini-pills > a .glyphicon {
  right: 1px;
  margin: 0;
}
.nav-pills > .xmini-pills > a {
  padding: 4px 5px 3px;
  margin: 0;
}
@media (max-width:991px) {
  .sub-menu .retu2 {
    width: 50%;
    margin: 5px 0 0;
    padding: 0;
  }
}
@media (max-width:767px) {
  .sub-menu {
    width: 100%;
  }
  .nav-pills {
    width: 100%;
  }
  .nav-pills.float-right {
    width: auto;
  }
  .mini-pills {
    width: 100%;
  }
  .mini-pills2 {
    width:200px;
  }
  .xmini-pills {
    width: 64px;
    top: 12px;
  }
  .sub-menu .mini-pills {
    width: 100%;
  }
  .mini-pills + .mini-pills {
    margin: 5px 0 0;
  }
  .nav-pills > .mini-pills > a {
    margin: 0;
  }
}

.nav-pills-bottom {
  position: absolute;
  bottom: 20px;
  padding-right: 30px;
  width: 100%;
}
.nav-pills-bottom .mini-pills {
  padding: 0;
}

/* 詳細ボタン */
.btn-detail {
  display: inline-block;
  padding: 2px 4px 0 8px;
  margin: 0 4px;
  text-align: center;
  font-size: 14px;
  line-height: 100%;
  color: #333;
  background-color: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius: 3px;
}
.btn-detail:hover,
.btn-detail:focus {
  text-decoration: none;
  border: 1px solid #f86000;
}
.btn-detail .glyphicon-chevron-up {
  top: 1px;
}

/* 赤枠黄色ボタン */
.btn-red-yellow {
  display:inline-block;
  margin:10px 0;
  padding:8px 10px 5px;
  line-height:1;
  font-size:150%;
  font-weight:bold;
  color:#006;
  text-decoration:none;
  background:#ffc;
  border: 3px solid #c00;
  border-radius: 3px;
}
.btn-red-yellow .glyphicon {
  top:1px;
}
.btn-red-yellow .glyphicon-stop {
  margin:0 10px 0 0;
  font-size:85%;
  color:#c00;
}

/* 青色ボタン */
.btn-blue {
  display:inline-block;
  margin:10px 5px;
  padding:5px 10px;
  line-height:1;
  font-size:120%;
  font-weight:bold;
  color:#ffc;
  text-decoration:none;
  background:#009;
  border-radius:7px;
}
.btn-blue .glyphicon {
  margin:0 0 0 10px;
}

/* オレンジボタン */
.btn-orange {
  display:inline-block;
  margin:10px 5px;
  padding:5px 10px;
  line-height:1.2;
  font-size:120%;
  font-weight:bold;
  color:#ffc;
  text-decoration:none;
  background:#f30;
  border-radius:7px;
}
.btn-orange .glyphicon {
  margin:0 0 0 10px;
}


/*-------------------------
   トップページのスライダー
--------------------------*/
.slider-wrapper{
  margin-top: 15px;
}


/*-------------------------
   スライダー
--------------------------*/
.carousel-inner{
  position: absolute;
  overflow: hidden;
  overflow: visible;
  width: 100%;
}

/* スライダーの上マージン */
#carousel-twd {
  margin-top: 15px;
}

/* スライダーの両サイドのシャドウを角丸にして、幅を変更 width:15% → width:5% */
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 7%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

/* スライダーの両サイドのシャドウの色を変更 0,0,0 → 72,108,204 */
.carousel-control.left{                   background-image:-webkit-linear-gradient(left, rgba(72,108,204,0.5) 0, rgba(72,108,204,0.0001) 100%);background-image:-o-linear-gradient(left, rgba(72,108,204,0.5) 0, rgba(72,108,204,0.0001) 100%);background-image:linear-gradient(to right, rgba(72,108,204,0.5) 0, rgba(72,108,204,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}
.carousel-control.right{left:auto;right:0;background-image:-webkit-linear-gradient(left, rgba(72,108,204,0.0001) 0, rgba(72,108,204,0.5) 100%);background-image:-o-linear-gradient(left, rgba(72,108,204,0.0001) 0, rgba(72,108,204,0.5) 100%);background-image:linear-gradient(to right, rgba(72,108,204,0.0001) 0, rgba(72,108,204,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}

/* スライダーの下部のコントローラーの位置を変更 bottom: 10px; → bottom: 0; */
.carousel-indicators {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
@media (max-width:767px) {
  .carousel-indicators {
    margin-bottom: 3px;
  }
}

/* スライダーのキャプション */
.carousel-caption {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 12px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 0px;
  color: #ffffff;
  text-align: right;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 1.0);
}
@media (max-width:767px) {
  .carousel-caption {
    left: 6px;
    right: 6px;
    bottom: 6px;
  }
}

/* 動作前に全ての画像が表示されてしまうのを防止 */
.slider a img{
  display: none;
}
.slider a:first-child img{
  display: block;
}


/*-------------------------
   メールフォーム
--------------------------*/
.table-form {
  width:100%;
}
.table-form td {
  padding:2px 10px;
  margin:2px;
  width:67%;
  min-height:3em;
  background:#fff;
  border: 2px solid #fff;
  white-space:normal;
}
.table-form td:first-child {
  padding:2px 2px 2px 10px;
  width:33%;
  min-width:130px;
  background:#ccc;
  border: 2px solid #fff;
}
.table-form td:last-child {
  width:67%;
  background:#fff;
}
@media (max-width:767px) {
  .table-form td:first-child {
    min-width:110px;
  }
}


/*-------------------------
   メールフォーム（横並び）
--------------------------*/
.table-form2 {
  display:table;
  width:100%;
  margin:0;
  padding:0;
  background:none;
  border:none;
}
.table-form2 > br {
  display:none;
}
.table-form2-tr {
  display:table-row;
  width:100%;
}
.table-form2-th,
.table-form2-th-long {
  display:table-cell;
  border:none;
  vertical-align:top;
  padding:10px 20px 7px 5px;
  width:10%;
  min-width:15em;
  background:none;
  color:#252525;
  font-weight:normal;
}
.table-form2-th-long {
  min-width:20em;
}
.table-form2-th span,
.table-form2-th-long span {
  white-space:nowrap;
  white-space:normal;
}
.table-form2-td {
  display:table-cell;
  border:none;
  padding:7px 10px 7px 5px;
  vertical-align:top;
  width:90%;
  background:none;
}
.table-form2-td2 {
  display:table-cell;
  border:none;
  padding:10px 10px 7px 5px;
  vertical-align:top;
  width:90%;
  background:none;
}
.table-form-hr {
  display:table-cell;
  padding-top:8px;
  border-bottom:1px dotted #b8b8b8;
}
@media only screen and (max-width:767px){
  .table-form2 {
    padding:15px;
  }
  .table-form2-tr {
    display:table;
    margin-top:10px;
  }
  .table-form2-th,
  .table-form2-th-long,
  .table-form2-td {
    display:block;
    width:100%;
    padding:0 0 2px;
  }
  .table-form2-td {
    padding:0 0 10px;
  }
  input:not(.form-wshort):not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]),
  textarea {
    width:90%;
  }
}


.box-form {
  background-color: #efefef;
  background-image: url(../images/wall3.gif);
  border: 1px solid #cfcfcf;
  padding: 15px 15px 10px;
  margin: 20px 0 5px;
  border-radius: 4px;
}
@media (min-width: 992px) {
  .box-form {
    padding: 30px 30px 15px;
  }
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
/*   font-size: 130%;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 6px 30px 4px;
  border: 1px solid #b8b8b8;
  border-radius: 20px; */
  padding:2px 8px 0;
  margin:10px 0;
}
input:not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]),
textarea {
  margin-bottom: 5px;
  padding: 3px 6px;
  background-color: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius:3px;
  max-width:100%;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 8px 1px 0;
}
select {
  margin-bottom: 10px;
  padding: 2px 6px;
  background-color: #f8fafc;
  border:1px solid #b8b8b8;
  border-radius:3px;
  max-width:100%;
}
input:not([type="submit"]):not([type="reset"]):focus,
textarea:focus,
select:focus {
  border: 1px solid #afafaf;
}
@media (max-width:991px) {
  input:not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]),
  textarea {
    width:100%;
    max-width:100%;
  }
  select {
    max-width:100%;
  }
  .form-w5em,
  input.form-w5em:not([type="submit"]):not([type="reset"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]) {
    width: 5em;
  }
}
.form-w100per {
  width: 100%;
}
.form-w65per {
  width: 65%;
}
.form-wshort {
  width: 140px;
}
.form-w5em {
  width: 5em;
}
@media (max-width:767px) {
  .form-wshort {
    width: 100%;
  }
  .form-w5em,
  input.form-w5em:not(.form-wshort):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]) {
    width: 5em;
  }
}
.form-w70px {
  width: 70px;
}
.form-mini {
  width: 50px;
  font-size: 75%;
  vertical-align: middle;
}
.bikou {
  font-size: 80%;
  color: #f86000;
}
@media (min-width:768px) {
  .bikou {
    float: right;
  }
}
@media (max-width:991px) {
  .bikou {
    font-size: 75%;
  }
}
@media (max-width:767px) {
  .bikou {
    font-size: 85%;
  }
}
.bikou2 {
  font-size: 80%;
}
@media (max-width:767px) {
  .bikou2 {
    display: block;
  }
}
@media (min-width:768px) {
  .bikou2 {
    position: relative;
    left: 10px;
  }
}
.hissu {
  display:inline-block;
  background:#fff;
  border:1px solid #e40;
  padding:2px 3px 1px;
  margin:0 0 0 5px;
  border-radius:2px;
  color:#e40;
  line-height:1;
  float:right;
  font-size:90%;
}
@media screen and (max-width:767px) {
  .hissu {
    float:none;
  }
}

/* 申込みステップ */
#step-list > li {
  display: inline-block;
  margin-bottom: 30px;
}
#step-list .glyphicon {
  color: #808080;
  margin-left: 3px;
}
.step-num {
  font-weight: bold;
  text-align: left;
  margin-left: 1px;
}
.step-num-active {
  color: #bf0000;
  font-weight: bold;
  text-align: left;
  margin-left: 1px;
}
.step-title {
  background-color: #e8e8e8;
  border:solid #989898;
  border-width: 1px 1px 1px 12px;
  width: 140px;
  height: 40px;
  line-height: 40px;
}
.step-title-active {
  background-color: #ffe8dd;
  border:solid #bf0000;
  border-width: 1px 1px 1px 12px;
  width: 140px;
  height: 40px;
  line-height: 40px;
}

/* チェックボックスの枠 */
.box-checkbox {
  margin-bottom: 10px;
  padding:8px 12px;
  background-color: #ffffff;
  border:1px solid #b8b8b8;
  border-radius:3px;
}

/* 個人情報の取り扱いの同意文 */
.privacy {
  width: 100%;
  height: 180px;
  overflow: auto;
  margin-bottom: 10px;
  padding: 10px 5px;
  background-color: #f4f4f4;
  border: 1px solid #989898;
  font-size: 85%;
}
@media (max-width:767px) {
  .privacy {
    height: 150px;
  }
}
.privacy li,
.privacy2 li {
  margin-bottom: 10px;
}

/* ラベル */
label {
  font-weight: normal;
  margin: 0;
}
label:hover,
label:focus {
  cursor: pointer;
}


/*-------------------------
   お知らせ
--------------------------*/

.osirase {
  margin: 10px 0;
  padding: 7px 0px 5px 0px;
  color: #ffffff;
  background-color: #d85800;
/*   background-image: -webkit-linear-gradient(left, rgba(216, 88, 0, 0.0) 0%, rgba(216, 88, 0, 1.0) 15%, rgba(216, 88, 0, 1.0) 85%, rgba(216, 88, 0, 0.0) 100%);
  background-image: -o-linear-gradient(left, rgba(216, 88, 0, 0.0) 0%, rgba(216, 88, 0, 1.0) 15%, rgba(216, 88, 0, 1.0) 85%, rgba(216, 88, 0, 0.0) 100%);
  background-image: linear-gradient(to right, rgba(216, 88, 0, 0.0) 0%, rgba(216, 88, 0, 1.0) 15%, rgba(216, 88, 0, 1.0) 85%, rgba(216, 88, 0, 0.0) 100%); */
}
@media (max-width:767px) {
  .osirase { 
    padding: 3px 0px 1px 0px;
    font-weight: normal;
  }
}


/*-------------------------
   制作実績
--------------------------*/

.works .col-xs-6 {
  text-align: center;
  font-size: 80%;
  margin-bottom: 30px;
}
.works img {
  margin: 0 auto 5px;
  background-color: #ccc;
  border: 1px solid #ccc;
}


/*-------------------------
   料金表
--------------------------*/

.table-price {
  width: 100%;
  border: 2px solid #afafaf;
  margin:3px 0 10px;
}
.table-price th {
  padding: 4px 2px;
  text-align: center;
  font-weight:normal;
  background:#e1e1e1;
  white-space: nowrap;
  border: 1px solid #afafaf;
}
.table-price td {
  padding: 10px 2px;
  background:#fff;
  border: 1px solid #afafaf;
}
.table-cell-price-center {
  background:#fff;
  text-align: center;
  white-space: nowrap;
}
@media (max-width:767px) {
  .table-price td {
    padding: 15px 5px;
  }
}

.table-price2 {
  border: 2px solid #afafaf;
  margin:3px 0 10px;
  font-size:90%;
}
.table-price2 th {
  padding: 2px 10px;
  text-align: center;
  font-weight:bold;
  white-space: nowrap;
  background:#fff;
  border: 1px solid #afafaf;
}
.table-price2 td {
  padding: 2px 10px;
  background:#fff;
  border: 1px solid #afafaf;
}
@media (max-width:991px) {
  .table-price2 th,
  .table-price2 td {
    padding: 2px;
  }
}

.table-cell-option {
  width: 30%;
  font-size: 90%;
}
.table-cell-price {
  font-size: 90%;
  text-align: right;
  white-space: nowrap;
}
.table-cell-bikou {
  font-size: 80%;
}
.table-bg-orange {
  background-color: #fff4df;
  background-image: url(../images/wall2.gif);
}
table .table-bg-white {
  background-color: #fff;
}
table .table-bg-pink {
  background:#ffd8f7;
}
table .table-bg-pink2 {
  background:#ffe3f1;
}
table .table-bg-yellow {
  background:#ffefbf;
}
table .table-bg-yellow2 {
  background:#ff9;
}
table .table-bg-yellow3 {
  background:#ffc;
}
table .table-bg-green {
  background:#98eb98;
}
table .table-bg-blue {
  background:#9ff;
}
table .table-bg-blue2 {
  background:#cff;
}


.table-bold-border-top td {
  border-top: 3px solid #14365f;
}
.table-bold-border-bottom td {
  border-bottom: 3px solid #14365f;
}


/*-------------------------
   車種
--------------------------*/

.table-car {
  width: 100%;
  border: 2px solid #afafaf;
  margin: 0;
}
.table-car th {
  width:25%;
  padding: 4px 5px;
  text-align:left;
  font-weight:bold;
  background:#e1e1e1;
  white-space: nowrap;
  border: 1px solid #afafaf;
}
.table-car td {
  width:25%;
  padding: 4px 5px;
  vertical-align:top;
  background:#fff;
  white-space: nowrap;
  border: 1px solid #afafaf;
}
.table-car td.w50per {
  width:50%;
}
.table-car-midasi {
  padding:4px 5px 2px;
  margin-bottom:8px;
  font-weight:bold;
  background:#e1e1e1;
  white-space: nowrap;
}
@media (max-width:991px) {
  .table-car {
    font-size: 90%;
  }
}
@media (max-width:767px) {
  .table-car {
    width:100%;
  }
  .table-car tr,
  .table-car th,
  .table-car td {
    display:block;
    width:100%;
    border:none;
  }
  .table-car td.w50per {
    width:100%;
  }
}


/*-------------------------
   システムのテーブル
--------------------------*/
.table-system {
  width: 100%;
  border: 2px solid #afafaf;
  margin: 0;
}
.table-system th {
  width:10%;
  padding: 4px 5px;
  text-align:center;
  vertical-align:middle;
  font-weight:bold;
  background:#e1e1e1;
  white-space: nowrap;
  border: 1px solid #afafaf;
}
.table-system td {
  width:45%;
  max-width:45%;
  padding: 4px 5px;
  text-align:center;
  vertical-align:middle;
  background:#fff;
  border: 1px solid #afafaf;
}
@media (max-width:991px) {
  .table-system td img {
    max-width:100%;
    width:auto;
    height:auto;
  }
}
@media (max-width:767px) {
  .table-system th {
    font-size:80%;
  }
}

.table-system2 {
  width: 100%;
  border: 2px solid #afafaf;
  margin: 0;
}
.table-system2 > tbody > tr > th {
  width:10%;
  padding: 4px 5px;
  text-align:center;
  vertical-align:middle;
  font-weight:bold;
  background:#e1e1e1;
  white-space: nowrap;
  border: 1px solid #afafaf;
}
.table-system2 > tbody > tr > td {
  width:90%;
  padding: 4px 5px;
  vertical-align:middle;
  background:#fff;
  border: 1px solid #afafaf;
}


/*-------------------------
   会社概要
--------------------------*/
.table-profile {
  width:100%;
  border:2px solid #afafaf;
  margin:3px 0 10px;
}
.table-profile th {
  width:8em;
  padding:10px 2px;
  text-align:center;
  font-weight:normal;
  background:#e1e1e1;
  white-space:nowrap;
  border:1px solid #afafaf;
}
.table-profile td {
  padding:10px 2px 10px 10px;
  background:#fff;
  border:1px solid #afafaf;
}


/*-------------------------
   フッター
--------------------------*/

footer {
  background-color:#d3d5e8;
  padding: 30px 15px 10px;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 0;
}
#footer {
  display: table;
  margin: 0 auto;
}
.copyright {
  line-height: 31px;
  float: right;
  margin-left: 10px;
}
@media (max-width:767px) {
  .copyright {
    font-size: 90%;
    margin-left: 7px;
  }
}

footer ul{
font-size: 12px;
padding-left: 10px;
}
footer ul li{
display:inline-block;
vertical-align:text-top;
text-align:left;
padding: 0;
margin-right:30px;
}
footer ul.sub-menu li:first-child{
display: inline-block;
}

footer ul li a{
display:block;
padding:0 0 0 12px;
overflow:hidden;
color: #222;
text-decoration:none;
}

footer ul li a:hover{text-decoration:underline;}

footer ul li li{
display:block;
margin:0 0 10px 0;
/* background-position:0 5px; */
background:url(../images/bg2.gif) no-repeat 0 3px;
width: 145px;
}
footer ul li li.normark a{
padding:0;
}
footer ul li li.normark{
background:none;
}

footer ul li a strong{
display:block;
line-height:1.5;
font-weight:normal;
}
footer ul li a span{
display:block;
font-size:90%;
line-height:1;
}
footer ul ul li:first-child{
margin-top: 5px;
}

*:first-child+html footer ul li{display:inline;}
*:first-child+html footer ul ul,*:first-child+html footer ul li li a,*:first-child+html footer ul li li{display:none;}

@media (max-width:991px) {
  footer nav {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
  }
  footer ul li{
    margin-right:10px;
  }
  footer ul li.sm-block{
    display:block;
  }
  footer ul li li{
    width: 150px;
  }
}
@media (max-width: 767px) {
  footer ul{
    padding:0 3px;
  }
  footer ul li{
    margin-right:15px;
    width:43%;
  }
  footer ul li li{
    width:100%;
  }
  footer ul.sub-menu {
    display: none;
  }
  footer ul li.xs-block{
    display:block;
  }
}


/*-------------------------
   連絡先
--------------------------*/

address {
  text-align:center;
  display:table;
  margin:5px auto;
}
address .center-box {
  line-height:180%;
}

/*-------------------------
   注意書き
--------------------------*/

.notice {
  line-height: 130%;
}
.notice th,
.notice td {
  vertical-align: top;
  padding-bottom: 15px;
}
.notice tr:last-child th,
.notice tr:last-child td {
  padding-bottom: 0;
}
.notice th {
  padding-right: 5px;
  white-space: nowrap;
}


/*-------------------------
   コンテンツボックス
--------------------------*/

.contents-box {
  margin-bottom: 40px;
}

.contents-box .row + .row {
  margin-top: 15px;
}

@media (max-width:767px) {
  .cell-d {
    margin: 5px 0 0 18px;
    width: auto;
  }
}


/*-------------------------
   ボックス
--------------------------*/

.box-bus-stop {
  display:inline-block;
  width:180px;
}
@media (max-width:991px) {
  .box-bus-stop {
    width:136px;
    height:230px;
  }
}
@media (max-width:767px) {
  .box-bus-stop {
    width:100px;
    height:190px;
  }
}

.waku {
  background:#fff;
  border: 1px solid #a8a8a8;
  padding: 15px;
  margin: 5px 0 10px;
  border-radius: 4px;
  
}
.waku-w50per-left {
  width:49%;
  float:left;
  background:#fff;
  border: 1px solid #a8a8a8;
  padding: 15px;
  margin: 5px 0 10px;
  border-radius: 4px;
}
.waku-w50per-right {
  width:49%;
  float:right;
  background:#fff;
  border: 1px solid #a8a8a8;
  padding: 15px;
  margin: 5px 0 10px;
  border-radius: 4px;
}
.waku-noborder {
  display:inline-block;
  max-width:100%;
}
.waku-dotted {
  padding: 10px;
  background-color: #f8f8f8;
  border: 1px dashed #b8b8b8;
  border-radius:3px;
}
.waku-red {
  background:#fff;
  border: 1px dotted #c00;
  padding: 15px;
  margin: 5px 0 10px;
  border-radius: 4px;
}
.waku-pink {
  background:#fff;
  border: 6px solid #fdf;
  padding: 10px;
  margin: 5px 0 10px;
  border-radius: 4px;
}
.waku-green {
  background-color: #f8f8f8;
  border: 3px dotted #008000;
  margin: 10px 0;
  padding: 20px 30px;
  border-radius: 50px;
}
.waku-white {
  display:table;
  width:100%;
  margin:10px 0;
  padding:15px 30px;
  background:#fff;
  border:none;
}
.waku-step {
  position:relative;
  top:-10px;
  float:left;
  display:inline-block;
  width:130px;
  text-align:center;
  margin:0 10px 5px 0;
  padding:8px 8px 5px;
  line-height:1.0;
  font-size:150%;
  font-weight:bold;
  color:#0098df;
  background:#ecf8f8;
  background:#c8e8e8;
  border:3px solid #0098df;
}
.waku-blue {
  display: table;
  width: 330px;
  background-color: #ffffff;
  border: 1px dotted #00609c;
  padding: 15px 20px 10px;
}
.waku-yellow {
  background-color: #ffc;
  margin: 10px 0;
  padding: 15px;
  border-radius: 5px;
}
.waku-yellow2 {
  background-color: #ffc;
  margin: 10px 0;
  padding: 15px;
  border: 1px solid #999;
}
.waku-gray {
  padding: 15px;
  background-color: #eee;
}
.waku-gray2 {
  position: relative;
  padding: 12px;
  background-color: #f4f4f4;
}
.waku-purple {
  display: table;
  width: 330px;
  background-color: #ffffff;
  border: 1px dotted #b83068;
  padding: 15px 20px 10px;
}
.waku-attention {
  padding: 15px;
  margin: 15px 0 0;
  font-size:115%;
  font-weight:bold;
  color:#fff;
  background:#f40000;
  border-radius: 4px;
}
@media (max-width:991px) {
  .waku-green {
    margin: 5px;
    padding: 15px 20px 10px;
    border-radius: 30px;
  }
}
@media (max-width:767px) {
  .waku-w50per-left,
  .waku-w50per-right {
    width:100%;
    float:none;
    background:#fff;
    border: 1px solid #a8a8a8;
    padding: 20px;
    margin: 5px 0 10px;
    border-radius: 4px;
  }
  .waku-blue {
    width: 100%;
  }
  .waku-gray2 {
    padding: 18px 13px;
  }
  .waku-purple {
    width: 100%;
  }
  .waku-white {
    padding:8px 15px;
  }
  .waku-step {
    position:relative;
    top:0;
    display:table;
    float:none;
    margin:0 10px 12px 0;
  }
}


/*-------------------------
   スクロールボックス
--------------------------*/
@media (max-width:991px) {
  .srcoll-x-box {
    overflow-x: auto;
    margin-bottom:10px;
  }
  .srcoll-x-box::-webkit-scrollbar {
    height: 5px;
  }
  .srcoll-x-box::-webkit-scrollbar-track {
    border-radius: 5px;
    background: #ccc;
  }
  .srcoll-x-box::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #888;
  }
}


/*-------------------------
   自動計算
--------------------------*/
.pr_calc{
  background:#e1caff;
  padding:15px 10px;
}
.pr_calc input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]),
.pr_calc select,
.pr_calc textarea,
.pr_calc2 input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]),
.pr_calc2 select,
.pr_calc2 textarea {
  margin-bottom: 2px;
  padding: 3px 6px;
  background-color: #ffffff;
  border: 1px solid #b8b8b8;
  border-radius:3px;
  
}
@media (max-width:991px) {
  .pr_calc input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]),
  .pr_calc textarea,
  .pr_calc2 input:not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]),
  .pr_calc2 textarea {
    width:inherit;
    max-width:100%;
  }
}
.pr_calc input[type="submit"],
.pr_calc input[type="button"],
.pr_calc2 input[type="submit"],
.pr_calc2 input[type="button"] {
  background: -webkit-linear-gradient(top, #efefef 5%, #cfcfcf 95%);
  background: -o-linear-gradient(top, #efefef 5%, #cfcfcf 95%);
  background: linear-gradient(to bottom, #efefef 5%, #cfcfcf 95%);
  border:1px solid #888;
}


/*-------------------------
   FAX予約
--------------------------*/
.reserve-fax {
  width: 100%;
  border: 1px solid #000;
  margin-bottom:5px;
}
.reserve-fax-page-break {
  page-break-before:always;
}
.reserve-fax th {
  padding: 15px 10px;
  border: 1px solid #000;
  width:200px;
  white-space: nowrap;
}
.reserve-fax td {
  padding: 15px 10px;
  border: 1px solid #000;
  width:420px;
}
.reserve-fax th.reserve-fax-right,
.reserve-fax td.reserve-fax-right {
  text-align:right;
  padding-right:50px;
}
.reserve-fax th.reserve-fax-th-left,
.reserve-fax td.reserve-fax-th-left {
  width:400px;
}
.reserve-fax th.reserve-fax-th-right,
.reserve-fax td.reserve-fax-th-right {
  width:220px;
}


/*-------------------------
   定義リスト
--------------------------*/

.dl-list {
  margin-bottom: 0;
}
.dl-list dt {
	width: 115px;
  margin: 0;
  color: #008000;
  font-weight: normal;
}
.dl-list dd {
	padding-left: 115px;
  margin-bottom: 10px;
}
.dl-list dt + dd {
  margin-top: -1.42857143em;
}
.dl-list dd:last-child {
  margin-bottom: 0;
}
.dl-list dd.dd-long {
	padding-left: 0;
}
@media (max-width:767px) {
  .dl-list dd {
  	padding-left: 0;
    padding-top: 1.5em;
  }
  .dl-list dd.dd-long {
    padding-top: 0;
  }
}


/*-------------------------
   Youtube
--------------------------*/
.youtube {
  width: 480px;
  max-width: 100%;
  margin: 6px 12px 6px 0;
}
.youtube div {
  position:relative;
  width:100%;
  padding-bottom:75%;
}
.youtube iframe {
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


/*-------------------------
   FAQ
--------------------------*/
.faq dt {
  padding:8px 15px 5px;
  color:#fff;
  background:#036;
}
.faq dd {
  padding:15px;
  background:#fff;
}
.faq-list dt {
  display:block;
  clear:left;
  float:left;
  width:50px;
  padding:2px 0 0;
  margin:0 0 15px 0;
  text-align:center;
  color:#fff;
  background:#036;
}
.faq-list dd {
  display:block;
  float:left;
  max-width:80%;
  max-width: -webkit-calc(100% - 50px);
  max-width: calc(100% - 50px);
  padding:2px 0 0 10px;
  margin:0 0 15px 0;
}


/*-------------------------
   お客様の声
--------------------------*/
.voice {
  background:#fff;
  padding:0;
  margin:-10px -15px;
}
.voice dt {
  margin-left:2.5em;
  margin-bottom:5px;
}
.voice dt:before {
  content: "Ｑ.";
  margin-left:-2.5em;
  letter-spacing: 0.5em;
  font-weight:bold;
  color:#ef1800;
}
.voice dd {
  margin-left:2.5em;
  margin-bottom:30px;
}
.voice dd:before {
  content: "Ａ.";
  margin-left:-2.5em;
  letter-spacing: 0.5em;
  font-weight:bold;
  color: #00609c;
}
@media (min-width: 992px) {
  .voice {
    position:relative;
    left:-50px;
  }
}
@media (max-width:767px) {
  .voice {
    margin:0;
  }
}


/*-------------------------
   NEWS
--------------------------*/
.news-list dt {
  display:block;
  clear:left;
  float:left;
  width:120px;
  padding:0;
  margin:0 0 30px 0;
}
.news-list dd {
  display:block;
  float:left;
  max-width:70%;
  max-width: -webkit-calc(100% - 120px);
  max-width: calc(100% - 120px);
  padding-left:10px;
  margin:0 0 30px 0;
}
@media (max-width:767px) {
  .news-list dt,
  .news-list dd {
    width:100%;
    max-width:100%;
    padding:0;
    margin:0 0 3px 0;
  }
  .news-list dd {
    margin-bottom:30px;
  }
}


/*-------------------------
   リンク
--------------------------*/
.link-list li {
  margin-bottom:30px;
/*   border-bottom: 1px dotted #036; */
}
.link-list li img {
  vertical-align:top;
}


/*-------------------------
   Facebookいいねボタン
--------------------------*/
.fb-like {
  float:right;
  margin-right:15px;
}
@media (max-width:767px) {
  .fb-like {
    margin-right:0;
  }
}


/*-------------------------
   Googleマップをレスポンシブに
--------------------------*/
.google-map {
  position: relative;
  padding-bottom: 580px;
  height: 0;
  overflow: hidden;
}
.google-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width:767px) {
  .google-map {
    padding-bottom: 250px;
  }
}


/*-------------------------
   サイトマップ
--------------------------*/
.sitemap {
  margin:0;
}
.sitemap dt {
  margin-bottom:5px;
}
.sitemap dd {
  margin-left:1em;
}
.sitemap dd:before {
  content: url("../images/line_m.gif");
}
.sitemap dd:last-child:before {
  content: url("../images/line_b.gif");
}


/*-------------------------
   その他
--------------------------*/

/* 空行 */
.kuugyou {
  display: block;
  width: 1px;
  height: 10px;
}

/* 余白 */
.padding0 {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  background-color: red;
}
.padding5 {
  padding-left: 5px;
  padding-right: 5px;
}
.padding10 {
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width:991px) {
  .col-xs-padding5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .col-xs-padding5 .col-xs-4 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width:767px) {
  .col-xs-padding5 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .col-xs-padding5 .col-xs-4 {
    padding-left: 5px;
    padding-right: 5px;
  }
}

/* 四角アイコン */
.icon-sikaku {
  margin: 0 5px 3px 0;
  vertical-align: middle;
}
.icon-sikaku-s {
  width: 9px;
  margin: 0 6px 0 2px;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .icon-sikaku-s {
    float: left;
    padding: 6px 0 4px;
  }
}

/* 丸アイコン */
.icon-maru {
  width: 7px;
  margin: 0 8px 2px 3px;
  vertical-align: middle;
}

/* ページ先頭へ戻るボタン -*/
.back-top {
  text-align: center;
  margin: 30px 0 45px;
}

/* 改行禁止 */
.nowrap {
  white-space: nowrap;
}

/* 仕切り線 */
hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border-top: 1px solid #dfdfdf;
}
.hr-brue {
/*   clear:both; */
  margin-top: 0;
  margin-bottom: 10px;
  border-top: 1px dotted #036;
}
.hr-red {
  clear:both;
  margin-top: 0;
  margin-bottom: 20px;
  border-top: 1px dotted #ef1800;
}
.hr-gray {
  margin-top: 20px;
  margin-bottom: 25px;
  border-top: 2px dotted #a8a8a8;
}
.hr-gold {
  margin-top: 20px;
  margin-bottom: 25px;
  border-top: 2px dotted #14365f;
}
.hr-orange {
  margin: 3px 20px;
  border-top: 1px solid #f86000;
}
@media (max-width:767px) {
  .hr-orange {
    margin: 2px 14px;
  }
}
.underline-gray {
  padding-bottom: 3px;
  margin-bottom: 18px;
  border-bottom: 2px dotted #a8a8a8;
}
.underline-green {
  padding-bottom: 3px;
  margin-bottom: 18px;
  border-bottom: 2px dotted #008000;
}
.underline-gold {
  padding-bottom: 3px;
  margin-bottom: 18px;
  border-bottom: 2px dotted #14365f;
  border-bottom: 1px dotted #f86000;
}

/* リスト */
ul {
  padding-left: 20px;
  margin-bottom: 0;
}

.list_sikaku {
  list-style-image: url(../images/sikaku.gif);
}
.list_sikaku li + li {
  margin-top: 20px;
}

.list_maru {
  list-style-image: url(../images/maru.gif);
}
dt {
  margin-top: 15px;
}

/* ※印 */
.neko,
.maru,
.sikaku,
.kome {
  margin-left: 4px;
  vertical-align: top;
  font-weight: bold;
}
ul.neko,
.post ul.neko,
ul.maru,
.post ul.maru,
ul.sikaku,
.post ul.sikaku,
ul.kome,
.post ul.kome {
  margin: 0;
  padding: 0;
  vertical-align: top;
  font-weight: bold;
}
ul.neko li,
.post ul.neko li {
  list-style: none;
  background: none;
  margin-left: 25px;
  margin-bottom: 10px;
  padding: 0;
  font-weight: normal;
}
ul.maru li,
.post ul.maru li,
ul.sikaku li,
.post ul.sikaku li,
ul.kome li,
.post ul.kome li {
  list-style: none;
  background: none;
  margin-left: 1.5em;
  padding: 0;
  font-weight: normal;
}
ul.kome > li:before,
.post ul.kome > li:before {
  content: "※";
  margin-left: -1.5em;
  letter-spacing: 0.5em;
}
ul.sikaku > li:before,
.post ul.sikaku > li:before {
  content: "◇";
  margin-left: -1.5em;
  letter-spacing: 0.5em;
}
ul.maru > li:before,
.post ul.maru > li:before {
  content: "●";
  margin-left: -1.5em;
  letter-spacing: 0.5em;
}
ul.neko > li:before,
.post ul.neko > li:before {
  content: url("../images/pet_icon2.gif");
  margin-left: -25px;
  margin-right: 5px;
}

/* 角丸 */
.kadomaru {
  -moz-border-radius: 2em;
  -webkit-border-radius: 2em;
  border-radius: 2em;
  border: 1px solid #f88888;
}

/* 枠あり画像 */
.img-border {
  border: 1px solid #c8c8c8;
}
.img-border-green {
  padding: 10px;
  border: 3px dotted #008000;
  border-radius: 15px;
}

/* 写真 右寄せ */
.pic-right {
  position: absolute;
  top: -7px;
  right: 18px;
}

/* 横幅100％ */
.w100per {
  width:100%;
}
@media (min-width: 1200px) {
  .w100per2,
  .w100per3 {
    width:1000px;
  }
}
@media (max-width:1199px) {
  .w100per2,
  .w100per3 {
    width:960px;
  }
}
@media (max-width:991px) {
  .w100per2 {
    width:720px;
  }
  .w100per3 {
    width:100%;
  }
}
@media (max-width:767px) {
  .w100per2 {
    width:100%;
  }
}
/* 横幅75％ */
.w75per {
  width:75%;
}
/* 横幅70％ */
.w70per {
  width:70%;
}
.w70per-left {
  width:70%;
  float:left;
}
/* 横幅50％ */
.w50per {
  width:50%;
}
/* 横幅45％ */
.w45per {
  width:45%;
}
/* 横幅30％ */
.w30per {
  width:30%;
}
.w30per-right {
  width:30%;
  float:right;
}
/* 横幅25％ */
.w25per {
  width:25%;
}
/* 横幅200px */
.w200px {
  width:200px;
}

@media (max-width:991px) {
  .w75per {
    width:auto;
    font-size:85%;
  }
}
@media (max-width:767px) {
  .w25per,
  .w30per,
  .w30per-right,
  .w70per-left,
  .w70per {
    clear:both;
    width:100%;
  }
  .w45per {
    clear:both;
    width:100%;
  }
  .w50per,
  .w75per {
    clear:both;
    width:100%;
    font-size:90%;
  }
  th.w25per,
  td.w25per {
    width:25%;
  }
  th.w50per,
  td.w50per {
    width:50%;
  }
  .w100per2,
  .w100per3 {
    font-size:111%;
  }
}

/* インデント */
.danraku {
  margin-left: 1em;
  width: auto;
}

/* センタリング */
.center-box {
  display: table;
  margin-left: auto;
  margin-right: auto;
}
/* 右寄せ */
.right-box {
  display: table;
  margin-left: auto;
  margin-right: 0;
}
/* 左寄せ */
.left-box {
  display: table;
  margin-left: 0;
  margin-right: auto;
}

/* 右寄せ */
.float-right,
.float-right-all {
  float: right;
  margin: 0 0 5px 7px;
}
img.float-right,
img.float-right-all {
  float: right;
  margin: 0;
  padding: 0 4px 4px 11px;
/*   background-color: #fff; */
}
@media only screen and (max-width: 767px){
  .float-right {
    float: none;
    margin: 5px auto;
  }
  img.float-right {
    float: none;
    display: block;
    margin: 5px auto;
    padding: 0;
  }
  img.float-right-all {
    float: right;
    margin: 0;
    padding: 0 4px 4px 11px;
    max-width: 40%;
/*     background-color: #fff; */
  }
}
/* 左寄せ */
.float-left,
.float-left-all {
  float: left;
  margin: 0 7px 5px 0;
}
img.float-left,
img.float-left-all {
  float: left;
  margin: 0;
  padding: 0 11px 4px 4px;
/*   background-color: #fff; */
}
@media only screen and (max-width: 767px){
  .float-left {
    float: none;
    margin: 5px auto;
  }
  img.float-left {
    float: none;
    display: block;
    margin: 5px auto;
    padding: 0;
  }
  img.float-left-all {
    float: left;
    margin: 0;
    padding: 0 11px 4px 4px;
    max-width: 40%;
/*     background-color: #fff; */
  }
}

/* 縦位置トップ */
.v-align-top {
  vertical-align: top;
}

/* 縦位置センタリング */
.v-align-middle {
  vertical-align: middle;
}

/* 回り込み解除 */
.clear-both {
  clear: both;
}

/* 背景色 */
.back-blue {
  background:#9ff;
}
.back-blue2 {
  background:#d9ffff;
}
.back-yellow {
  background:#ff9;
}
.back-yellow2 {
  background:#ffc;
}

/* SNS */
.widget-w50per {
  float:left;
  width:49%;
}
.widget-w50per + .widget-w50per {
  margin-left:2%;
}
.widget-w50per-center {
  display:table;
  margin:0 auto;
  width:49%;
}
@media (max-width:767px) {
  .widget-w50per,
  .widget-w50per-center {
    float:none;
    display:table;
    margin:0 auto;
    width:100%;
    max-width:500px;
  }
  .widget-w50per + .widget-w50per {
    margin:20px auto 0;
  }
}

/* 海外旅行保険 */
.tabiho_banner {
  float:right;
  max-width:45%;
  width:auto;
  height:auto;
  margin:0 0 4px 15px;
  padding:0;
}