
/*--------------------------------------------
　旅行代金表  宴会プラン
--------------------------------------------*/
/* 外枠 */
.daikin_area-enkainew {
  width: 583px;
  overflow: hidden; /* floatさせた要素を内包しているため指定 */
  font-family: HG丸ｺﾞｼｯｸM-PRO;
  margin-top:5px;
  margin-bottom:10px;
  box-shadow: 10px 10px 10px #ccc;
}
 
/* おとなこども部屋数部分 */
.hidari_box-enkainew {
  float: left;
  width: 100px;
  text-align: left;
  margin-bottom:0px;
}
 
/* 数字部分 */
.migi_box-enkainew {
  float: left;
  width: 483px;
  margin-bottom:0px;
}
 
/* 左テーブル */
.hidari-enkainew {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0; /* tableのcellspacing="0"の代わり */
  margin-bottom:0px;
}
 
.hidari-enkainew th{
  font-size:13px;
  padding: 2px;
  border: 1px solid #000;
  height: 25px;
}
 

.hidari-enkainew td {
  font-size:12px; /*----文字サイズ--------*/
  border: 1px solid #000;
  text-align: center;
  height: 25px;
}
 

.hidari-enkainew th.r_none,
.hidari-enkainew td.r_none {
  border-right: none; /* 右ボーダーの重なりを防止 */
}
 
 
.hidari-enkainew td p {
  margin: 0; /* 余分なマージンを消去 */
}
 

/* IE6 */
.hidari-enkainew {
border-collapse: collapse;
}

/* 右テーブル */
.migi-enkainew {
  width: 100%;
  table-layout: fixed; /* 内容を固定 */
  border-collapse: separate;
  border-spacing: 0; /* tableのcellspacing="0"の代わり */
 margin-bottom:0px;
}
 
.migi-enkainew th.title{
  font-size:14px; /*----文字サイズ--------*/
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  text-align: center;
  line-height: 1.2em;
  height: 25px;
}
 
.migi-enkainew th.dec{
  font-size:12px; /*----文字サイズ--------*/
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  text-align: left;
  line-height: 1.2em;
  height: 25px;
}
 
 
 

.migi-enkainew td {
  font-size:14px; /*----文字サイズ--------*/
  padding: 2px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
  height: 25px;
}
 

.migi-enkainew th.r_none,
.migi-enkainew td.r_none {
  border-right: none; /* 右ボーダーの重なりを防止 */
}
 
.migi-enkainew td p {
  margin: 0; /* 余分なマージンを消去 */
}
 

/* IE6 */
.migi-enkainew {
  _border-collapse: collapse; /* IE6がborder-spacing: 0;に対応していないので */
}
 
/* IE7 */
*:first-child+html 
.migi-enkainew {
  border-collapse: collapse; /* IE7がborder-spacing: 0;に対応していないので */
}







#header h1 {
display: none;/*ヘッダーを消してみた、だめだったらやめよう-----------------*/
}

#header h2 {
display: none;/*ヘッダーを消してみた、だめだったらやめよう-----------------*/
}

#main h1{
position: relative;
font-family: "Font Awesome 5 Free";
font-size:22px;
font-weight:bold;
color: #333333;
text-shadow: 0 0 3px white;
background: #e0f3ff;
z-index: -4;
border-radius: 10px 10px 10px;
padding: 10px 1px 2px 8px;
margin-top:15px;
margin-bottom:15px;
}
#main h1:first-letter {
font-size: 32px;
}
#main h1:after {
content: "";
position: absolute;
background: #9de5ff;
width: 50px;
height: 50px;
border-radius: 50%;
top: 50%;
/* border: dashed 1px white; */
left: -1px;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1;
}
#mainpict h1{
 font-size:14px;
}
.note-h1 a:link{
color:#333333;
text-decoration:none;
} /*メニュー・テキストリンクの色*/
.note-h1 a:visited{
color:#333333;
text-decoration:none;
} /*メニュー・訪問済みのリンクの色*/
.note-h1 a:active{
color:#CC2647;
text-decoration:none;
} /*メニュー・クリック時のリンクの色*/
.note-h1 a:hover{
color:#CC2647;
text-decoration:none;
} /*メニュー・マウス上にカーソルがある時のリンク色*/
.note-h1{
width: 97%;
border-left: 3px solid #9de5ff;
border-right: 2px solid #e0f3ff;
border-bottom: 3px solid #e0f3ff;
padding: 22px 6px 7px 6px;
border-radius: 0px 0px 10px 10px;
margin-top: -24px;
margin-bottom: 22px;
}

.title-red{
 width : 90% ; /* IE8以下とAndroid4.3以下用フォールバック */
 width : -webkit-calc(100% - 33px) ;
 width : calc(100% - 33px) ;
 padding: 15px 15px 15px 25px;
 margin-bottom:10px;
border:3px solid #ff6262;-webkit-box-shadow: #B4B5B5 5px 5px 5px  ;-moz-box-shadow: #B4B5B5 5px 5px 5px ; box-shadow: #B4B5B5 5px 5px 5px  ; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:25px;font-family:HG丸ｺﾞｼｯｸM-PRO, helvetica, sans-serif; padding: 8px 8px 8px 8px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #ff9a9a; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9a9a), to(#ff4040));
 background-image: -webkit-linear-gradient(top, #ff9a9a, #ff4040);
 background-image: -moz-linear-gradient(top, #ff9a9a, #ff4040);
 background-image: -ms-linear-gradient(top, #ff9a9a, #ff4040);
 background-image: -o-linear-gradient(top, #ff9a9a, #ff4040);
 background-image: linear-gradient(to bottom, #ff9a9a, #ff4040);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff9a9a, endColorstr=#ff4040);
}

.title-red :hover{
 border:3px solid #ff3434;
 background-color: #ff6767; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6767), to(#ff0d0d));
 background-image: -webkit-linear-gradient(top, #ff6767, #ff0d0d);
 background-image: -moz-linear-gradient(top, #ff6767, #ff0d0d);
}

.title-red2{
 width: 550px;
 margin-bottom:5px;
border:3px solid #ff6262;-webkit-box-shadow: #B4B5B5 5px 5px 5px  ;-moz-box-shadow: #B4B5B5 5px 5px 5px ; box-shadow: #B4B5B5 5px 5px 5px  ; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:28px;font-family:HG丸ｺﾞｼｯｸM-PRO, helvetica, sans-serif; padding: 8px 8px 8px 8px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #ff6767; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6767), to(#ff0d0d));
 background-image: -webkit-linear-gradient(top, #ff6767, #ff0d0d);
 background-image: -moz-linear-gradient(top, #ff6767, #ff0d0d);
}


/*--------------------------------------------
　おといあわせ
--------------------------------------------*/
.cta-1 {
 font-family:HG丸ｺﾞｼｯｸM-PRO, helvetica, sans-serif;
 font-weight:bold;
 line-height: 1.3em;
 background-color: #ff0000;
 padding: 3px 8px 3px 8px;
 width : 95% ; /* IE8以下とAndroid4.3以下用フォールバック */
 width : -webkit-calc(100% - 24px) ;
 width : calc(100% - 24px) ;
 text-align: left;
 border:4px solid #ff0000;
 border-radius: 10px 10px 0px 0px;
 margin-top:5px;
 margin-bottom:-1px;
}
.cta-1 a:link{
color:white;
} 
.cta-2{
 width : 95% ; /* IE8以下とAndroid4.3以下用フォールバック */
 width : -webkit-calc(100% - 24px) ;
 width : calc(100% - 24px) ;
 margin-top:-6px;
 margin-bottom:-6px;
 border:4px solid #ff0000;
 font-size:32px;
 font-family:HG丸ｺﾞｼｯｸM-PRO, helvetica, sans-serif;
 font-weight:bold;
 text-align: center;
 padding: 2px 8px 5px 8px;
 text-decoration:none;
 display:inline-block;
 text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
 color: #FFFFFF;
 background-color: #ff0000; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9a9a), to(#ff4040));
 background-image: -webkit-linear-gradient(top, #ff0000, #ff4040);
 background-image: -moz-linear-gradient(top, #ff0000, #ff4040);
 background-image: -ms-linear-gradient(top, #ff0000, #ff4040);
 background-image: -o-linear-gradient(top, #ff0000, #ff4040);
 background-image: linear-gradient(to bottom, #ff0000, #ff4040);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff0000, endColorstr=#ff4040);
}
.cta-3 {
 font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
 font-size: 14px;
 line-height: 1.2em;
 color: black;
 padding: 7px 10px 0px 10px;
 width : 95% ; /* IE8以下とAndroid4.3以下用フォールバック */
 width : -webkit-calc(100% - 24px) ;
 width : calc(100% - 24px) ;
 text-align: left;
 border:2px solid #ff0000;
 border-radius: 0px 0px 10px 10px;
 margin-top:-1px;
 margin-bottom:5px;
}
