@charset "UTF-8";
body {
  font-family: Helvetica, Arial, '游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  margin: 0px;
  background-color: #ffffff;
  /* background-image: url("../img/bg_orange.jpg"); */ }

/* ボックスの左右の設定 */
.header, .obi-inner, .mid_box, .footer-inner {
  padding-left: 10px;
  padding-right: 10px; }

/* ボックスの上下の設定 */
.header {
  padding-top: 15px;
  padding-bottom: 10px;
  margin-bottom: 20px; }

.footer {
  margin-top: 20px; }

/*##############################
ヘッダー
##############################*/
/* 帯部分 */
.obi {
  background-color: #ff3366;
  border-top: solid 10px #ffcccc;
  /* border-bottom: solid 2px #ffffff; */
  padding-top: 5px;
  padding-bottom: 5px; }

.obi h1 {
  color: #ffffff;
  font-size: 14px;
  text-decoration: none; }

/* ロゴ部分 */
.header {
  background-color: #ff6600;
  background-image: url("../img/rainbow.png"), url("../img/header_bg.png");
  background-repeat: no-repeat, repeat;
  background-position: top center;
  border-bottom: solid 0px #ffffff; }

.header-1 h1 a {
  color: #000000;
  text-decoration: none; }

.header-1 h1 {
  margin: 0px;
  font-size: 16px; }

.header-1 img {
  border: none; }

/* 電話番号部分 */
.header-2 a {
  color: #000000;
  text-decoration: none; }

.header-2 {
  margin: 0px;
  font-size: 16px; }

.header-2 img {
  border: none; }

/* ロゴheader-1とTELheader-2を横に並べる設定 */
.header:after {
  content: "";
  display: block;
  clear: both; }

.header-1 {
  float: left;
  width: auto; }

.header-2 {
  float: right;
  width: auto; }

/*##############################
グローバルメニュー
##############################*/
.menu ul, .sub_menu ul, #FloatingMenu ul {
  list-style: none; }

/* メインメニュー背景 */
.global_menu {
  background-color: #eeeeee;
  border-radius: 0px;
  margin-bottom: 20px; }

.menu li a {
  display: block;
  padding: 10px 15px;
  color: #000000;
  text-decoration: none; }

.menu li a:hover {
  background-color: #f6f6f6;
  color: #ff3300; }

.menu li {
  border-bottom: 1px solid #cccccc; }

/*
.menu li:last-child {
border: 0px;
}
*/
/*
.menu li:first-child a:hover {
border-radius: 10px 10px 0px 0px;
}

.menu li:last-child a:hover {
border-radius: 0px 0px 10px 10px;
}
*/
/* アイコンとテキストを横に並べる設定 */
.menu a:after {
  content: "";
  display: block;
  clear: both; }

.menu img {
  float: left;
  width: 40px;
  margin-right: 7px;
  position: relative;
  top: 5px; }

.menu .text {
  float: none;
  width: auto;
  margin-left: 40px;
  font-size: 18px;
  /* メニューフォントサイズ最大時 */ }

.menu span {
  display: block;
  color: #999999;
  font-size: 14px;
  margin-top: -3px; }

/* コンタクトメニュー */
#ContactMenu {
  width: 100%;
  background-color: #000000; }

#ContactMenu ul:after {
  content: "";
  display: block;
  clear: both; }

#ContactMenu li {
  float: left;
  width: 20%;
  border-bottom: 0px; }

#ContactMenu li a {
  padding: 0px;
  /* ボタン画像上右下左 */ }

#ContactMenu li a:hover {
  background-color: transparent; }

#ContactMenu img {
  width: 100%;
  height: auto;
  border: none;
  margin-right: 0px;
  top: 0px; }

/* フローティング・コンタクトメニュー */
#FloatingMenu {
  width: 100%;
  height: auto;
  background-color: #000000;
  position: fixed;
  left: 0px;
  bottom: 0px;
  z-index: 9999;
  text-align: center; }

#FloatingMenu ul:after {
  content: "";
  display: block;
  clear: both; }

#FloatingMenu li {
  float: left;
  width: 20%;
  border-bottom: 0px; }

#FloatingMenu li a {
  padding: 0px;
  /* ボタン画像上右下左 */ }

#FloatingMenu li a:hover {
  background-color: transparent; }

#FloatingMenu img {
  width: 100%;
  height: auto;
  border: none;
  display: block; }

/* サブメニューホバーエフェクト拡大 */
.sub_menu {
  overflow: hidden; }

.sub_menu img {
  width: 100%;
  height: auto;
  border: none;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  margin-bottom: 5px; }

.sub_menu img:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

/* ##############################
サブメニュー2の場合（padding/marginナシ）
############################## */
/* サブメニュー2・スマホ用4ボタン */
.sub_menu2 {
  margin-top: 0px; }

.sub_menu2 ul {
  list-style: none; }

.sub_menu2 img {
  width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom; }

.sub_menu2 li a {
  display: block;
  text-decoration: none; }

.sub_menu2 .text {
  padding: 7px 2px;
  background-color: transparent;
  color: #ffffff; }

/* サブメニュー2に文字を重ねる */
.sub_menu2 a {
  position: relative; }

.sub_menu2 .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 10px;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* サブメニュー2を横並び */
.sub_menu2 ul:after {
  content: "";
  display: block;
  clear: both; }

.sub_menu2 li {
  float: left;
  width: 25%; }

/* ##############################
サブメニュー3の場合（padding/marginアリ）
############################## */
/* サブメニュー3・スマホ用4ボタン */
.sub_menu3 {
  margin-top: -5px;
  margin-bottom: 5px; }

.sub_menu3 ul {
  list-style: none; }

.sub_menu3 img {
  width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom; }

.sub_menu3 li a {
  display: block;
  text-decoration: none;
  padding: 3px; }

.sub_menu3 .text {
  padding: 7px 2px;
  background-color: transparent;
  color: #ffffff; }

/* サブメニュー3に文字を重ねる */
.sub_menu3 a {
  position: relative; }

.sub_menu3 .text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  font-size: 10px;
  text-align: center;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

/* サブメニュー3を横並び */
.sub_menu3 {
  background-color: #dddddd;
  padding: 3px; }

/* サブメニュー3を横並び */
.sub_menu3 ul:after {
  content: "";
  display: block;
  clear: both; }

.sub_menu3 li {
  float: left;
  width: 25%; }

/*##############################
コンテンツBOX（右）
##############################*/
/* .slideShow（トップページのみ） */
.contents_box {
  color: #000000; }

.slider {
  margin-bottom: 20px; }

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

/*-----------------------------
コンテンツBOX内の基本設定
-----------------------------*/
/*各ページ-タイトル*/
.title {
  padding: 40px 0px;
  text-align: center;
  margin-bottom: 20px; }

.title h1 {
  color: #666666;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 5px;
  text-shadow: white 2px 0px,  white -2px 0px,
 white 0px -2px, white 0px 2px,
 white 2px 2px , white -2px 2px,
 white 2px -2px, white -2px -2px,
 white 1px 2px,  white -1px 2px,
 white 1px -2px, white -1px -2px,
 white 2px 1px,  white -2px 1px,
 white 2px -1px, white -2px -1px; }

.title h1 i {
  color: #33cc99;
  margin-right: 5px; }

.title p {
  color: #000000;
  font-size: 16px;
  text-shadow: white 1px 1px 0, white -1px -1px 0, white -1px 1px 0, white 1px -1px 0, white 0px 1px 0, white -1px 0, white -1px 0 0, white 1px 0 0;
  /*上、下*/ }

/* 見出し */
.midashi h1 {
  font-size: 20px;
  /* 文字の大きさ */
  font-weight: bold;
  /* 文字の太さ */
  color: #ffffff;
  /* 文字の色 */
  border: 1px dashed #ffffff;
  /* ステッチの太さ・種類・カラー */
  background: #ff6600;
  /* 背景色 */
  -webkit-box-shadow: 0 0 3px 3px #ff6600;
  box-shadow: 0 0 3px 3px #ff6600;
  /* シャドウ色 */
  border-radius: 0px;
  /* 四隅の丸み */
  margin: 0 0 20px;
  padding: 7px 15px; }

.discription, .discription_l, .discription_r {
  margin-bottom: 30px; }

.discription h1, .discription_l h1, .discription_r h1 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #ff6600;
  border-left: 10px solid #ff9900;
  padding: 0px 10px; }

.discription p, .discription_l p, .discription_r p {
  font-size: 16px;
  line-height: 180%;
  margin-bottom: 10px; }

/* キャプション内レッド */
.cap_red {
  color: #ee0000;
  font-weight: bold; }

.kakoi, .kakoi2 {
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.7);
  color: #000000;
  border-radius: 0px;
  font-size: 16px;
  line-height: 180%; }

/* 写真とテキストを横に並べる設定 */
.discription_l:after, .discription_r:after {
  content: "";
  display: block;
  clear: both; }

.discription img {
  width: 100%;
  height: auto;
  margin-bottom: 10px; }

.discription_l img {
  float: right;
  width: 55%;
  height: auto;
  margin-left: 15px;
  margin-bottom: 10px; }

.discription_r img {
  float: left;
  width: 55%;
  height: auto;
  margin-right: 15px;
  margin-bottom: 10px; }

/* フォントアイコンの設定（個別に変更） */
.kakoi .fa-check {
  margin-right: 5px;
  color: #000000;
  font-size: 20px; }

.kakoi .fa-heart {
  margin-right: 5px;
  color: #ff0000;
  font-size: 20px; }

/*##############################
フッター
##############################*/
/* コピーライト */
.footer {
  background-color: #ff3366;
  border-top: solid 3px #ffffff;
  border-bottom: solid 15px #ffcccc;
  padding-top: 5px;
  padding-bottom: 5px; }

.footer-inner p {
  margin: 0;
  color: #ffffff;
  font-size: 12px;
  text-align: center; }

/*##############################
上部に戻るボタン
##############################*/
.page-top a {
  position: fixed;
  bottom: 15px;
  right: 15px; }

.page-top a:hover {
  opacity: 0.8; }