@charset "utf-8";

/* content */
sup{margin-left: 2px;margin-right: 2px;}
.numNoticeList li{padding-left: 2.25em;text-indent: -2.5em;}
.mAuto{margin-left: auto;margin-right: auto;}
.emphasizePnk{color: #f1244b;}

html, body{
position:static;
overflow-x:visible;
}
body:before {
  /*display: block;
  width: 100%;
  height: 7px;
  content: '';
  background: url(/common21/common13/imgs/hr/hr_colorbar_1040.png) 60% 0 repeat-x;*/
}

body{
min-width:auto;
background-color:#fff;
}
#cam_2108lounge_ytd_cp {
    width: 100% !important;
    margin: 0px auto;
    
}

.container.container--without-nav{
  width: auto;
  margin: 0;
}

#mainContainer{
font-size:14px;
position:relative;
left:0;
width:100%!important;
}
#areaMain, 
.mainContents {
float:none;
float:none;
width:auto;
width:auto;

margin:0;
padding:0;


}
.contents_wrapper{
	margin:30px auto;
	background:#fff;
	padding: 0 5px 5px;
}

.contents_main {
    width: 100%;
    /*min-width: 1000px;*/
    background-color: #e3f8ff;

padding: 10px !important;
}
h1{

	margin: 0 auto 0px auto !important;
	display: block;
}

.inner {
    width: 100% !important;
    margin: 0px auto;
}
#cam_2108lounge_ytd_cp .innerWrap {
    width: 100%;
    display: inline-block;
}

/* header */
#headerMainNavArea p{
  left: -31%  !important;
}

.main_area_clr{
	position:relative;
    z-index:2;
	background-color: #074e8a;
	text-align: center;
	direction: block;
	padding:10px 10px 10px 10px;
	font-size: 13px;
	color: #ffffff;
	font-size: 14px;
	line-height: 1.3;

}
.main_area_clr p.fWB{font-size: 18px;}
#cam_2108lounge_ytd_cp #cam_keyvisual{
  display: block;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.main_area{


}
.main_area::after{

}
.mainInarea{
position: relative;
}


.mainInarea p.cpcode{    position: absolute;
    right: 5px;
    bottom: -5%;
    text-shadow: 1px 1px 1px #ffffff;
    font-size: 12px;
}



/* content */
.contents_wrapper .section .titleArea{
	margin: 0px -15px 20px -15px;
	padding: 10px 10px 10px 10px;
	background-color: #074e8a;
}
.contents_wrapper .section .titleArea.ptn{padding-top: 20px;margin-top: -30px;margin-bottom: 0;}
.contents_wrapper .section .titleArea h2{
	color: #ffffff;
	font-size: 6vw;
	line-height: 1.3;
margin-top: 5px;
}
.contents_wrapper .section .titleArea h2.txtSS{font-size: 14px;margin-top: 0;margin-bottom: 0;}
.contents_wrapper .section .titleArea span{
	border: 1px solid #ffffff;
	font-size: 11px;
	padding: 6px 10px;
	border-radius:20px;
	color: #ffffff;
	margin-right: 5px;
}
.h3bdtitle{
	border-bottom: 2px solid #eb0833;
	font-size: 24px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	font-weight: bold;
}
.h3bdtitle.mtw.mbw{margin-top: 10px;margin-bottom: 20px;}
.arrowtxtBtm{
	margin-top: -20px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 20px 0 20px;
    border-color: #ffa800 transparent transparent transparent;

}

/* content */
#cam_2108lounge_ytd_cp .caution02{/*width: 874px !important;*/}
sup{margin-left: 2px;margin-right: 2px;}
.numNoticeList li{padding-left: 2.25em;text-indent: -2.5em;}
.mAuto{margin-left: auto;margin-right: auto;}

/* content_detail */
.emphasizePnk{color: #f1244b;}
.emphasizeRed{color: #ff0030;}
.addclrpt {
    color: #F00;
}
.balloonRate {
    position: relative;
    margin: -28px auto 1.5em;
    padding: 7px 10px;
    min-width: 220px;
    max-width: 100%;
    width: 260px;
    color: #FFF;
    font-size: 14px;
    background: #faad36 none repeat scroll 0% 0%;
    border-radius: 30px;
    z-index: 1;
    text-align: center;
}

.balloonRate:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #faad36;
}
.bdrateArea{
	/*width: 720px;*/
	margin: 0 auto;
	text-align: center;
	line-height: 1.2;
}
.bdrateArea .bdrateinfo{
	width: 250px;
	margin: 0 auto;
	}
.bdrinfo{
border: 1px solid #222;
padding: 10px;
font-size: 14px;
color: #222;
}
.bdrinfo_ttl{
  padding: 10px 15px;
  color: #fff;
  background-color: #074e8a;
  margin-top: 20px;
}
.bdrinfo_ttl p{
  font-size: 18px ;
  font-weight: bold;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 5px;
  text-align: center;
}

.bdrateArea .bdrateBox p span.rate{font-size: 26px !important;}
.bdrateArea .bdrateBox p span.ratevalue{font-size: 65px !important;}
.bdrateArea .bdrateBox p span.rateAfter{font-size: 16px;}
.bdrateExArea{border-top: 2px solid #47a7da;padding-top: 20px;font-size: 22px;}
.bdrateExArea .txtAC {
  font-size: 22px;
}
.txtLL{font-size: 22px;}
.arrowTxt {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 21.7px 12.5px 0 12.5px;
    border-color: #222222 transparent transparent transparent;
    vertical-align: middle;
    margin-bottom:10px;
    margin-top: 10px;

}
.bdrateNoticeArea{margin-top: 30px;}
.bdrateTbleArea {margin-top: 30px;}
.bdrateTbleArea table {
  border-collapse: separate;
  border-spacing: 2px 2px;
  margin: 0 auto;
  border: none !important;
  background: #ffffff;
  font-size: 12px;
}
.bdrateTbleArea table td,
.bdrateTbleArea table th{
  padding:8px;
  vertical-align: middle;
  text-align: center;


}
.bdrateTbleArea table tbody th{
  background: #faad36;
  color: #ffffff;
    border-collapse: separate;
  border-spacing: 0px 2px;
width: 60px !important;
    text-align: center;
}

.bdrateTbleArea table tbody td{
  background: #ffffff;
  color: #222222;
	text-align: left;
  border-color: #faad36;
}
.bdrateNoticeArea02{margin-top: 20px;border: 1px solid #cc0000;padding: 10px;}
.reserveArea{
	background-color: #e3f8ff;
	padding: 20px;
	margin-top: 30px;
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 30px;

}
#tempoinfo.col .col3_sp img{width: 100%;}
#tempoinfo.col .col3_sp {margin-left: 0;margin-right: 0;width: 46%;}
#tempoinfo.col .col2_sp {margin-left: 0;margin-right: 0;width: 53.5%;}
.balloon02{
  position: relative;
  display: inline-block;
  margin: 0em 0 1.5em 15px;
  padding: 10px 8px 10px 10px;
  min-width: 120px;
  max-width: 100%;
  background: #fff9f2;
  border: solid 3px #f39800;
  box-sizing: border-box;
	border-radius: 16px;
}
.balloon02::before{
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}
.balloon02::after{
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #f39800;
  z-index: 1;
}
.balloon02 p{font-size: 13px;color: #555555;}
.balloon02 p span.fWB{font-size: 14px;}
.balloon02 p span.textFll{font-size: 15px !important;}

.tempophoto{margin-top: 20px;}
	.br:before {
	content: "\A" ;
	white-space: pre ;
	}

@media only screen and (max-width : 340px) {
.tempophoto{margin-top: 30px;}

}
/* footer */
.contents_footer.inner{
/*width:900px!important;*/
min-width:100%;
padding:0;
margin-top: 50px;
background-color: #fff;
padding-top: 20px;
}
#areaPopFooter_new{
background:#fff;
}
#areaPopClose{
padding:20px 0;
text-align:center;
}
#areaPopFooter_new p.copyright{
font-size:.7em;
margin-bottom: 0px;
}

#areaPopClose a{
text-decoration:none;
}
.footer_line{
height:50px;
background:url('/common13/imgs/hr/hr_colorbar_1040.png') 0 bottom repeat-x;
}
.pop_footer p.footer_line, .pop_footer div#areaPopClose, .pop_footer #scrollToTop{
display:none;
}
/* disc */
#cam_2108lounge_ytd_cp #mainContainer .disclaimer {
    margin-bottom: 0px;
    border: 1px solid #CCC;
}
.text_campaign_1{
  color: #f46121;
  font-size: 20px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
}
.text_campaign_1 span{
  background: linear-gradient(transparent 30%, #ffffff 30%);
} 
.label_newtempo {
  color: #fff;
  padding: 2px 0.7vw;
  border: 1px solid #fff;
  display: inline-block;
  border-radius: 5px;
  margin: 0 3vw 0 0;
}
.label_ganpon {
  color: #fff;
  padding: 2px 7px;
  border: 1px solid #fff;
  display: inline-block;
  border-radius: 5px;
}
.label_newtempo,.label_ganpon{
  font-size: 3.5vw;
}
.cia_tilte {
  color: #074e8a;
  font-size: 6vw;
  margin: 40px 0 0 0;
}
.section_lounge{
  padding: 60px 20px 60px 20px;
  margin-top: 60px;
  margin-left: -15px;
  margin-right: -15px;
  background: #f9f8f6;
}
.flex_box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
}
.wrap_icon p {
  width: 50%;
  text-align: center;
}
.wrap_icon p img{
  width: 33vw;
}
/* .wrap_icon p.icon_one img,.wrap_icon p.icon_three img,.wrap_icon p.icon_five img{
  padding: 0 0 10px 2vw;
}
.wrap_icon p.icon_two img,.wrap_icon p.icon_four img,.wrap_icon p.icon_six img{
  padding: 0 2vw 10px 0;
} */
.posi-relative{
  position: relative;
  margin: 30px 0 0 0;
}
.ciA_txt1{
  margin: 10px 0 20px 0;
}

.masp_1{
  margin: 20px 0 0 0 ;
}
.m-left {
  text-align: center;
  width: 100%;
  margin: 10px 0 0 0;
}
.m-right{
  margin: 10px 0 10px 0;
  text-align: center;
}
.ico_socialdistance{
  width: 46vw !important;
}
.orange_txt {
  color: #f45e1c;
}
.red_txt{
  color: #ee2c44;
}
.txt_yoyaku_1{
  font-weight: bold;
}

.matrix_table_title{
  background: #faad36;;
  padding: 4px 0 4px 10px;
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 0;
}
.ex_txt{
  padding: 5px 10px 5px 10px!important;
  margin: 0 0 10px 0;
  border: 1px solid #faad36;
  font-size: 14px;
}

.txt_yoyaku{
  margin-top: 30px;
}

.txtAC .link_btn_orange{
  display: inline-block;
  min-width: 95%;
  background: #fa6600;
  font-weight: bold;
  color: #fff !important;
  padding: 15px 20px;
  position: relative;
  font-size: 18px;
  box-sizing: border-box;
  letter-spacing: 0.1em;
  box-shadow: 0 4px 8px rgba(90, 83, 58, 0.4);
  transition: opacity 0.2s;
  text-decoration: none !important;
}
.txtAC .link_btn_orange::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: calc(50% - 6px);
  right: 30px;
  border: 2px solid #fff;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
}
.txtAC .link_btn_line{
  display: inline-block;
  min-width: 90%;
  border: 2px solid #333;
  background: #fff;
  font-weight: bold;
  color: #333 !important;
  padding: 10px 50px;
  position: relative;
  font-size: 16px;
  box-sizing: border-box;
  transition: opacity 2s;
  text-decoration: none;
}
.txtAC .link_btn_line::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: calc(50% - 4px);
  right: 30px;
  border: 2px solid #333;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
}

.txtAC .link_btn_orange:hover,
.txtAC .link_btn_line:hover{
    opacity: 0.8;
    text-decoration: none !important;
}


.lounge_ttl{
  font-size: 30px;
  color: #333;
  line-height: 1.3;
}
.lounge_ttl .font48{
  font-size: 48px;
}
.lounge_ttl .font36{
  font-size: 36px;
}
.lounge_content{
  margin-top: 40px;
}