@charset "Shift_JIS";
/*Header*/
.globalNav {
  margin-top: -2px;
}
.globalNav li {
  display: inline;
}
#subnavi #subnaviLinks {
  line-height: 0;
}
#header_area #header990 .cf {
  display: none;
}
/*common.cssの上書き*/
#wrap {
  width: 100%;
}
#container {
  width: 950px;
  margin: 0 auto;
}
#info {
  width: 950px;
  margin: 0 auto 4px;
}
/*social_tokusyu.cssの上書き*/
.socialIcon {
  top: 0;
  display: block;
  width: 270px;
  overflow: hidden;
}
.socialIcon ul {
  display: block;
  width: 270px;
  text-align: right;
  height: 40px;
  margin-bottom: 0px;
  margin-top: 10px;
}
/*#Pankuzu*/
#pankuzu {
  display: block;
}
#pankuzu li {
  float: left;
  font-size: 7px;
  margin-left: 3px;
  margin-top: 0;
  list-style-type: none;
  line-height: 1.5em;
}
#pankuzu li span {
  position: relative;
  padding: 0 1px 0 2px;
  top: -1px;
}
#pankuzu li {
  font-size: 10px;
}
#pankuzu li a {
  text-decoration: none;
}
#pankuzu li a:hover {
  color: #ff7d00;
}
h1 {
  color: #999999;
  font-size: 8px;
  font-weight: 100;
  margin: 0 auto;
  text-align: right;
}
/* footer.cssの上書き */
#ft_logo{
  margin: 40px auto;
}
/*common_setting*/
.cpm__main {
  font-size: 16px;
  text-align: left;
  padding: 0;
  font-family: "メイリオ", sans-serif;
  clear: both;
  margin: 0 auto;
}
.cpm__main > *{
  width: 950px;
  margin: 0 auto;
}
.cpm__main a:link { 
  color:#1558ce;
  text-decoration: underline;
}
.cpm__main a:visited {
  color: #7607F1;
  text-decoration: underline;
}
.cpm__main a:hover {
  color: #e78a13;
  text-decoration: underline;
}
.note{
  font-size: 12px !important;
  font-weight: normal !important;
  color: #333;
  text-align: left;
  line-height: 1.4;
}
#page_info,.cam,.to_pagetop,#ft_ul,#pankuzu,.cpm__licensed{font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3"!important;}

/*メイン画像*/
.headerImage {
  width: 950px;
  text-align: center;
  margin: 0 auto 20px auto;
  padding: 0;
}
.headerImage img{
  width: 950px;
}
.cpm__sec {
  width: 950px;
  margin: 0 auto 60px auto;
}
.cpm__sec .info{
  margin: -30px 0 0 0;
  padding: 0;
font-size: 12px;
}
.text_link{
  text-align: center;
}
.text_link a{
  text-decoration: underline;
  font-size: 14px;
}

/* プルダウンメニュー */
.mokuji {
  width: 950px;
  background: #FFFFFF;
  margin: 10px auto 40px;
  font-family: "メイリオ", sans-serif;
 position:relative;
}
/* 終了時に利用する*/
.mokuji:after{
  position: absolute;
    top: 0;
    left: 0;
    padding-top: 80px;
    width: 100%;
    height: 100%;
    content: "終了しました";
    white-space: pre-wrap;
    color: #ffffff;
    text-align: center;
    font-size: 38px;
    background: rgba(128, 128, 128, 0.6);
    box-sizing: border-box;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#99ffffff, EndColorStr=#99ffffff);
    zoom: 1;
    filter: none\9;
    -ms-filter: none\9;
}

.mokuji > li {
  width: 950px;
  background-image: url(/theme/cashless_10/images/sale_plan.png);
  box-sizing: border-box;
  line-height: 1.5;
  margin: 5px 0;
  padding: 0;
  position: relative;
  height: 200px;
}
.mokuji li.search .note{
  display: block;
  font-size: 11px!important;
  font-weight: normal;
  color: #333;
}
.mokuji li .mokuji_title {
  display: inline-block;
  text-align: left;
  margin: 0 0 0 30px;
  padding: 20px 0;
  width: 560px;
  color: #3b1800;
  vertical-align: middle;
  font-weight: bold;
}
.mokuji li .mokuji_title .text_deco {
  font-size: 20px;
}
.mokuji li .mokuji_search_panel {
  display: inline-block;
  margin: 0;
  padding: 20px;
  /* height: 100px;*/
  width: 350px;
  /* background-color: #f1efed;*/
  text-align: center;
/*   vertical-align: middle; */
  color: #3b1800;
  padding-top: 55px;
  padding-left: 25px;
}
.mokuji > li:last-child {
  padding: 0;
}
.mokuji > li > .jln_coupon_list {
  margin: 0 auto;
  width: 900px;
}
.mokuji > li > .jln_coupon_list > li {
  display: inline-block;
  border-bottom: 2px solid #d7d2ca;
  border-right: 2px solid #d7d2ca;
  margin-right: 6px;
}
.mokuji > li > .jln_coupon_list > li:last-child {
  margin-right: 0;
}

.menu {
    position: relative;
    width: 250px;
    height: 50px;
    max-width: 1000px;
    margin: 20px auto;
    list-style: none;
}

.menu > li {
    width: 100%;
    height: 50px;
    line-height: 50px;
    border: 1px solid #2171e0;
    border-radius: 4px;
    background: #2297f4;
    background: -webkit-gradient(linear, left top, left bottom, from(#38affc), to(#0174e7));
    background: -webkit-linear-gradient(#38affc, #0174e7);
    background: linear-gradient(#38affc, #0174e7);
}
.menu > li a {
    display: block;
    color: #333!important;
    position: relative;
    text-decoration: none!important;
}
.menu > li p {
    display: block;
    height: 50px;
    line-height: 50px;
    color: #333;
    padding: 0;
    position: relative;
    margin: 0;
}
.menu > li p.title {
    color: #FFFFFF!important;
}
.menu > li a:hover,.menu > li p:hover {
    color: #333;
}

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

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background: #f1efed;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu__second-level li a:hover {
    background: #f1efed;
}
/* 下矢印 */
.init-bottom:after,p.title:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right:  30px;
    top: 40%;
}
p.title:after {
    border-right: 2px solid #fff!important;
    border-bottom: 2px solid #fff!important;
}
/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}
.menu > li.menu__multi {
    position: relative;
}

li.menu__multi ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
    background: #ffffff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    padding: 0;
}

li.menu__multi:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}

li.menu__multi ul.menu__second-level li {
    position: relative;
}

li.menu__multi ul.menu__second-level li:hover {
    background: #f1efed;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level {
    position: absolute;
    top: -1px;
    left: 100%;
    width: 50%;
    background: #ffffff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    list-style: none;
    padding: 0;
    margin: 0;
}

li.menu__multi ul.menu__second-level li:hover ul.menu__third-level {
    visibility: visible;
    opacity: 1;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li {
    position: relative;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover {
    background: #f1efed;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li ul.menu__fourth-level {
    position: absolute;
    top: -1px;
    left: 100%;
    width: 100%;
    background: #f1efed;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level {
    visibility: visible;
    opacity: 1;
}
li.menu__multi ul.menu__second-level li:last-child {
  border:  1px solid #999;
}

.init-right:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 15px;
    border-right: 2px solid #333;
    border-top: 2px solid #333;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 30px;
    top:  20px;
}

/* キャンペーン内容 */
.cpm_detail{
  width: 950px;
  margin: 50px auto 60px auto;
  font-size: 13px;
  color: #3b1800;
  border: 1px solid #ccc;
  border-radius: 8px;
}
.cpm_detail h2{
    text-align: center;
    margin: 0 auto;
    background: #3b1800;
    color: #ffffff;
    padding: 8px 0;
    border-radius: 6px 6px 0 0;
    font-size: 16px;
    letter-spacing: 4px;
}
.cpm_detail h2 img{
  margin: 0;
  padding: 0;
}
.cpm_detail .lead{
  color: #ff3399;
  font-size: 20px;
  font-weight: bold;
  width: 800px;
  margin: 50px 0 50px 100px;
  text-align:left;
  line-height: 1.6;
  position: relative;
}
.cpm_detail .lead:before, .cpm_detail .lead:after {
    content:'';
    position: absolute;
    display: inline-block;
}
.cpm_detail .lead:before {
  content: url('/theme/cashless_10/images/icon_card.png');
  bottom:-25px;
  right: 20px;
}
.cpm_detail ul{
  width: 750px;
  margin: 0 0 20px 100px;
}
.cpm_detail li{
  display: flex;
  margin-bottom: 10px;
}
.cpm_detail li span img{
  display: block;
  padding: 5px 0;
}
.cpm_detail li span:first-child{
  color: #ff3399;
  font-weight: bold;
  width:  100px;
  text-align: left;
}
.cpm_detail li span:last-child{
  width:  650px;
  text-align: left;
}

/* キャンペーン条件 */
.cpm_detail02{
  width: 950px;
  margin: 0 auto 60px;
  font-size: 13px;
  color: #3b1800;
  line-height: 1.6;
}
.cpm_detail02 h3{
    font-size: 16px;
    font-weight: bold;
    border-left: 5px solid #ff3399;
    text-indent :5px;
    margin: 60px 0 15px 0;
}
.cpm_detail02 ul.text{
  list-style: none;
  margin: 10px 0;
  padding: 10px 0 0 0;
  text-align: left;
}
.cpm_detail02 ul.text li{
  font-size :12px;
  list-style: none;
  padding-left:1em;
  padding: 3px 0;
}

.cpm_detail02 ul.notes{
  list-style: none;
  margin: 10px 0;
  padding: 10px 0 0 0;
  text-align: left;
}
.cpm_detail02 ul.notes li{
  font-size :12px;
  list-style: none;
  padding-left:1em;
  text-indent:-1em;
}
.cpm_detail02 ul.notes li:before{
  content:"・";
}
.cpm_detail02 ul.notes li li:before{
  content:"-";
}
.cpm_detail02 ul.notes li li{
  text-indent: 1em;
}
.notes_decoration {
    color: #e61212;
    text-decoration: underline;
    font-weight: bold;
}

/* -----------------------------------------------------------
 検索パネル
----------------------------------------------------------- */
.searcharea {
  margin: 60px auto!important;
  padding: 0;
  width: 950px;
  position: relative;
  box-sizing: border-box;
  border-radius: 10px;
  border: 4px solid #fecce5!important;
}

.searcharea h2{
    text-align: center;
    margin: 0 auto 10px auto;
    color: #ff3399;
    font-size: 25px;
    position:relative;
    width: 550px;
}
.searcharea h2:before,.searcharea h2:after {
    content:'';
    width: 31px;
    height: 45px;
    position: absolute;
    display: inline-block;
}
.searcharea h2:before {
  content: url('/theme/cashless_10/images/release_h2_bg01.png');
  top:0;
  left: -10px;
}
.searcharea h2:after {
  content: url('/theme/cashless_10/images/release_h2_bg02.png');
  top:0;
  right: -6px;
}
.searcharea_h2{
	text-align: center;
	margin: 0 auto 10px auto;
	color: #ff3399;
	font-size: 25px;
	position: relative;
	width: 550px;
}
.searcharea_h2 span {
    font-size: 16px;
    display: inline;
    padding-right: 10px;
}
.searcharea_h2:before, .searcharea_h2:after {
  content: '';
  width: 31px;
  height: 45px;
  position: absolute;
  display: inline-block;
}
.searcharea_h2:before {
  content: url(/theme/cashless_10/images/release_h2_bg01.png);
  top: 0;
  left: -10px;
}
.searcharea_h2:after {
  content: url(/theme/cashless_10/images/release_h2_bg02.png);
  top: 0;
  right: -6px;
}
.searchPanelarea {
  border: 4px solid #fcd2e9;
  border-radius:8px;
 }
.searchPanelarea form {
  width: 750px;
  margin: 0 auto;
}
.titleRadiusRB {
  background: #800d0d;
  color: #ffffff;
  padding-left: 15px;
}
#dateLine2 .button {
  /*  margin-left: 250px !important;*/
  margin: 10px 0 !important;
  text-align: center;
  width: auto;
  text-indent: -20px;
}
/* .jlnpc-top__calendar .dyn_cal {
  top: -120px;
} */
.jlnpc-top__calendar .dyn_cal table {
  margin: 0 auto;
}
.jlnpc-top__date-picker .icon {
  right: 5px;
}
#kodawari label, #kodawari input {
  cursor: pointer;
}

/* -----------------------------------------------------------
 その他追記
----------------------------------------------------------- */
#container {
  width: 100%;
}
#ft_ul {
  margin: 0 auto;
}
.search_note {
  font-size: 12px;
  margin-top: -50px;
  margin-bottom: 60px;
}
.chain_hotel_list{
    margin-top: 30px!important;
}
.caution{
    background-color: #f9f2d5;
    padding: 20px;
    font-size: 14px;
    color: #993300;
    line-height: 1.5;
    margin:  15px auto;
    text-align: center;
}
/* 加算日一覧 */
table.kasan_list {
  border-collapse: collapse;
  border-spacing: 0;
  width: 600px;
  margin:10px auto 20px auto;
	background:#ffffff;
}
table.kasan_list tr td{
  border-collapse: collapse;
  border-spacing: 0;
  border:1px solid #ccc;
  padding:10px;
}
table.kasan_list tr th{
  border-collapse: collapse;
  border-spacing: 0;
  border:1px solid #ccc;
  padding:10px;
  background: #f7f5f2;
  text-align: center;
}
p.kasan_list_info {
  width: 600px;
  margin:10px auto;
  text-align: left;
}
/* 追従ボタン */
.scrollWrap {
  right: 5%;
  z-index: 5;
  width: 15%;
  position: fixed;
  margin-left: 1000px;
}

.scrollWrap {
    right: 5%;
    z-index: 5;
    width: 15%;
    position: fixed;
    margin-left: 1000px;
}

/*お知らせ枠*/
#cpm_info{
  width: 950px;
  margin: 40px auto 50px auto;
  font-size: 14px;
line-height: 1.8;
  color: #3b1800;
  border: 1px solid #cccccc;
  border-radius: 8px;
  padding: 10px;
box-sizing: border-box;
	text-align: center;
}
#cpm_info .indent{
	text-indent: 1em;
}

#cpm_info span{
  color: #ca1738;
 display: block;
}

/*10%キャンペーン追加*/
#cmp_10_Wrapper{
background: #fbf4ea; 
border: 1px solid #ccc;
border-radius: 8px; 
margin-bottom: 60px;
}

/*調整*/
.bdn{border:none!important;}
.mgl10{margin-left:10px!important;}
.mg0{margin: 0!important;}

/*エントリーボタン*/
.entry_10_button{
    width: 400px;
    margin: 50px auto 20px auto!important;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #ffffff;
    border: 1px solid #2171e0;
    border-radius: 4px;
    background: #2297f4;
    background: -webkit-gradient(linear, left top, left bottom, from(#38affc), to(#0174e7));
    background: -webkit-linear-gradient(#38affc, #0174e7);
    background: linear-gradient(#38affc, #0174e7);
	text-align:center;
}
.entry_10_button a{
    display: block;
	color: #ffffff!important;
	text-decoration: none!important;
    width: 400px;
    height: 50px;
}

.entry_10_button:hover{
    opacity: 0.6;
}

/*エントリーボタン 終了*/
.entry_10_button_end{
    width: 400px;
    margin: 50px auto 20px auto!important;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    background: #CCCCCC;
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#666666));
    background: -webkit-linear-gradient(#CCCCCC, #666666);
    background: linear-gradient(#CCCCCC, #666666);
	text-align:center;
}

.entry_10_text{
margin: 15px auto;
text-align:center;
}
/*エントリーコメント*/
.entry_comment{
	background: #fff;
	width:80%;
	margin: 20px auto 20px auto;
	padding: 20px;
	border: 2px solid #ff3399;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color:#ff3399;
}
/*お知らせ枠*/
#cpm_info{
  width: 950px;
  margin: 40px auto 50px auto;
  font-size: 13px;
  color: #3b1800;
  border: 1px solid #ca1738;
  border-radius: 8px;
  padding: 10px 20px 20px;
box-sizing: border-box;
	text-align: left;
}

#cpm_info span{
  color: #ca1738;
font-size: 14px;
line-height: 1.5;
}

#cpm_info h2{
    text-align: center;
    margin: 0 auto;
    color: #ca1738;
    padding: 8px 0;
    border-radius: 6px 6px 0 0;
    font-size: 18px;
    letter-spacing: 2px;
}