@charset "utf-8";

/*==========================================================================================
 Site:ORIX Rent a Car - for SP - 中国語（繁体字）版
 Date:2025-11-28(+00:00)
 Maintained:Masahiro.Takahashi
  
 Memo:for Coupon System Usage Details (日本自助旅遊中毒者 × ORIX 自駕遊優惠祭)
==========================================================================================*/



/*==========================================================================================

 // Contents inside Parts... (for Coupon System Usage Details)

==========================================================================================*/

/* secRow */
.secRow {
	padding:0 10px;
}
.secRow.Wide {
	padding-left:0;
	padding-right:0;
}

/* in secRow */
.secRow h4.PdgBtm-05,
.secRow p.PdgBtm-05 {
    padding-bottom:0.5em;
}
.secRow p.PdgBtm-1 {
    padding-bottom:1em;
}
.secRow p strong {
    font-weight:bold;
}
.secRow p a {
    color:inherit;
    text-decoration:underline;
}
.secRow p a:hover {
    color:inherit;
    text-decoration:none;
}
.secRow .txt-mid {
	font-size:1.1rem; /* 11px */
    line-height:1.5;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
}
.secRow .txt-mid-s {
	font-size:1.0rem; /* 10px */
    line-height:1.5;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
}
.secRow .txt-basic {
	font-size:0.8rem; /* 8px */
    line-height:1.6;
    
    font-family:'Roboto', sans-serif;
	font-weight:400;
}
.secRow .txt-small {
	font-size:0.6rem; /* 6px */
    line-height:1.4;
}

/* secRowIn */
.secRow .secRowIn {
	padding:20px 15px;
}
.secRow .secRowIn.NoPdgTop {
    padding-top:0;
}
.secRow .secRowIn.NoPdgBtm {
    padding-bottom:0;
}

/* unit */
.secRow .unit {
	background:#FFF;
	position:relative;
	margin-bottom:30px;
	
	/* box-shadow */
	box-shadow:rgba(51, 51, 51, 0.199219) 0px 0px 16px 3px;
	-webkit-box-shadow:rgba(51, 51, 51, 0.199219) 0px 0px 16px 3px;
	-moz-box-shadow:rgba(51, 51, 51, 0.199219) 0px 0px 16px 3px;
}
.secRow .unit.Min {
	margin-bottom:15px;
}
.secRow .unit.NoMgBtm {
	margin-bottom:0;
}
.secRow .unitBody {
	padding:15px;
}



/*==========================================================================================

 // summaryArea

==========================================================================================*/
.CampsDetails .summaryArea .noteBody.PdgTop  {
	padding-top:1.5em;
}



/*==========================================================================================

 // Price List

==========================================================================================*/
.CampsDetails .pricelistWrap {
    background:url(../../../eng/share/img/bg_Shadow_Top_w800.png) 50% 0 no-repeat;
    padding-top:30px;

}
.CampsDetails .pricelistArea {
	width:100%;
}
.CampsDetails .pricelistArea .Inner {
	padding:0 20px 30px;
}

/* Section Head
------------------------------------------------------------------------------------------*/
.CampsDetails .pricelistArea .secHead .Mid strong  {
	font-size:2rem; /* 20px */
    
    font-family:'Roboto', sans-serif;
	font-weight:700;
}
.CampsDetails .pricelistArea .secHead super {
	font-size:0.8rem; /* 8px */
	font-weight:normal;
    vertical-align:super;
}
.CampsDetails .pricelistArea .secHead .Mid.secondary {
    padding-top:1em;
}
.CampsDetails .pricelistArea .secHead .Mid.XS {
	font-size:1.0rem; /* 10px */
	line-height:1;
}


/* Class Data
------------------------------------------------------------------------------------------*/
.pricelistArea .classLists {
	margin:0 auto;
	padding:0 10px;
}
.pricelistArea .classBox {
	position:relative;
	margin:0 0 30px;
	padding:0;
}
.pricelistArea .classBox:last-child {
	margin-bottom:0;
}
.pricelistArea .classBox .unit {
	background:#FFF;
	
	/* box-shadow */
	box-shadow:rgba(51, 51, 51, 0.199219) 0px 0px 16px 3px;
	-webkit-box-shadow:rgba(51, 51, 51, 0.199219) 0px 0px 16px 3px;
	-moz-box-shadow:rgba(51, 51, 51, 0.199219) 0px 0px 16px 3px;
}
.pricelistArea .classBox .unitBody {}
.pricelistArea .classBox .noticeArea {
	margin:0 auto 0;
	padding:8px 0 0;
}
.pricelistArea .classBox .noticeArea .noteBody {
	color:#444;
}


/* Class Data
------------------------------------------------------------------------------------------*/
.pricelistArea .classDataBox {
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #f6f6f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(100%,#f6f6f6));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f6f6f6 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f6f6f6 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f6f6f6 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#f6f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	padding:10px;
    
    /* border-bottom:2px solid #0D3863; ※タブ分けの場合は不要*/
}
.pricelistArea .classDataBox .notice {
	margin-top:5px;
}


/* Class Data - Car Image
------------------------------------------------------------------------------------------*/
.pricelistArea .classImage {
	margin:0 auto 15px;
	text-align:center;
    position:relative;
}
.pricelistArea .classImage img {
	width:240px;
}
.pricelistArea .classImage .ico {
	right:0;
    bottom:-30px;
    position:absolute;
}
.pricelistArea .classImage .ico img {
	width:110px;
}
@media screen and (min-width: 450px) {
  .pricelistArea .classImage .ico {
    right:0;
    bottom:-80px;
  }
  .pricelistArea .classImage .ico img {
    width:160px;
  }
}


/* Class Data - Data
------------------------------------------------------------------------------------------*/
.pricelistArea .classData {}
.pricelistArea .classData .dataBody {}

/* dataHead */
.pricelistArea .classData .dataHead {
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px solid #E7E7E7;
}
.pricelistArea .classData .dataHead h4 { /* Class */
	font-size:2.1rem; /* 21px */
	line-height:1.2;
	color:#0d3863;
	padding:0 15px 0 0;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
	
	float:left;
}
.pricelistArea .classData .dataHead h4 span {
	font-size:29%;
	
	font-family:'Roboto', sans-serif;
	font-weight:400;
}
.pricelistArea .classData .dataHead .type {
	padding-top:0.8em;
}
.pricelistArea .classData .dataHead .type span {
	display:inline-block;
	padding:7px;
	color:#3470A9;
	font-size:108%;
	line-height:1;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
	
	text-align:center;
	border:1px solid #3470A9;
	border-radius:3px;
	
	float:left;
}
.pricelistArea .classData .dataHead .tag {}
.pricelistArea .classData .dataHead .tag .Red {
	display:inline-block;
	margin-left:5px;
	padding:5px;
	color:#B61913;
	font-size:108%;
	line-height:1;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
	
	text-align:center;
	border:3px solid #B61913;
	border-radius:3px;
	
	float:left;
}

/* data */
.pricelistArea .classData .data {
	width:100%;
	display:table;
	padding-bottom:10px;
}
.pricelistArea .classData .data dt {
	width:35%;
	padding:0.3em 0;
	background:#3570A9;
	border-radius:3px;
	position:relative;
	text-align:center;
	
	font-size:0.6rem; /* 6px */
	line-height:1;
	color:#FFF;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
	
	display:table-cell;
	vertical-align: middle;
}
.pricelistArea .classData .data dt.gray {
	background:#CCC;
}
.pricelistArea .classData .data dd {
	width:65%;
	padding:0.3em 0 0.3em 1em;
	text-align:left;
	
	display:table-cell;
	vertical-align: middle;
}
.pricelistArea .classData .data dd:last-child {
	margin-bottom:0;
}
.pricelistArea .classData .data dd p {	
	font-size:0.7rem; /* 7px */
	line-height:1.3;
}
.pricelistArea .classData .data dd p strong {	
	font-size:0.8rem; /* 8px */
	font-weight:bold;
}
.pricelistArea .classData .data dd p.B {	
	font-size:1.0rem; /* 10px */
}
.pricelistArea .classData .data dd p.B strong {	
	font-size:1.2rem; /* 12px */
	font-weight:bold;
}


/* Class Class Stock
------------------------------------------------------------------------------------------*/
.pricelistArea .classRatesBody {}
.pricelistArea .classRatesBody .rateLine {
	border-bottom:1px dotted #999;
}
.pricelistArea .classRatesBody .rateLine:last-child {
	border-bottom:none;
}
.pricelistArea .classRatesBody .rateLine:nth-child(odd) {
	background-color:#none;  
}
.pricelistArea .classRatesBody .rateLine:nth-child(even) {
	background-color:#F6F6F6;  
}
.pricelistArea .classRatesBody .rateLine dl {
	width:100%;
	display:table;
}
.pricelistArea .classRatesBody .rateLine dt {
	width:35%;
	padding:0.3em 0 0 1.5em;
	border-right:1px dotted #999;
	
	text-align:left;
	font-size:0.8rem; /* 8px */
	color:#0C3863;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
	
	display:table-cell;
	vertical-align: middle;
}
.pricelistArea .classRatesBody .rateLine dt.add {
	font-size:0.7rem; /* 7px */
	color:#333;
	
	font-family:'Roboto', sans-serif;
	font-weight:400;
}
.pricelistArea .classRatesBody .rateLine dd {
	width:65%;
	padding:0.8em 0;
	text-align:center;
	
	display:table-cell;
	vertical-align: middle;
}
.pricelistArea .classRatesBody .rateLine dd p {	
	font-size:1.4rem; /* 14px */
	line-height:1.2;
    color:#999900;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
}
.pricelistArea .classRatesBody .rateLine dd p span {	
	font-size:0.7rem; /* 7px */
}
.pricelistArea .classRatesBody .rateLine dd p .regular {	
	font-size:0.65rem; /* 6.5px */
	line-height:1.2;
    color:#333;
	font-weight:normal;
}
.pricelistArea .classRatesBody .rateLine dd p .regular::after {
    content:" ⇒";
    margin-top:-5px;
    font-size:0.8rem; /* 8px */
    display:inline-block;
}
.pricelistArea .classRatesBody .rateLine dd p .regular del {
    background-image:linear-gradient(rgba(254, 42, 100, 0.5),rgba(254, 42, 100, 0.5));
    background-position:0 50%;
    background-size:100% 2px;
    background-repeat:repeat-x;
    color:#888;
    margin:0 0.4em;
    text-decoration:none;
}
.pricelistArea .classRatesBody .rateLine dd p .regular del span {
    color:#555;
    
    font-family:'Roboto', sans-serif;
	font-weight:700;
}


/* Tab for Price
------------------------------------------------------------------------------------------*/
#priceTabs {}
#priceTabs ul {
	display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    position:relative;
}
#priceTabs li {
	width:50%; /* 2types=50% */
    box-sizing: border-box;
	cursor:pointer;
    
	/* overflow:hidden; */
	
    color:#fff;
	display:block;
    
	/* height:50px; */
    height:auto;
    padding:1em 0.5em;
    
	position:relative;
	border:none;
    
    text-align:center;
	display:flex;
    justify-content:center;
    align-items:center;
    
	font-size:0.8rem; /* 8px */
	color:#999;
    background-color:#ddd;
    
	/* line-height:50px; */
    line-height:1.4;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
    
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
/*
#priceTabs li::before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size:1.5em;
    line-height: 1;
    content: '\E313';
    position:absolute;
    top:15px;
    left:5px;
}
*/
#priceTabs li:hover {
	opacity:0.4;
	color:#fff;
}
#priceTabs li.select {
	text-shadow:0 1px 1px rgba(0, 0, 0, .3);
	color:#fff;
}
#priceTabs .disnon {
	display: none;
}

/* for each charge type... */
.pricelistArea .classRatesBody.Price0 {
	border-top:3px solid #0C3863;
    border-bottom:3px solid #0C3863;
}
.pricelistArea .classRatesBody.Price0 .rateLine:nth-child(even) {
	background-color:rgba(12,56,99,.06) !important;
}

/* for each charge type... */
.pricelistArea .classRatesBody.Price1 {
	border-top:3px solid #37DDB3;
    border-bottom:3px solid #37DDB3;
}
.pricelistArea .classRatesBody.Price1 .rateLine:nth-child(even) {
	background-color:rgba(55,221,179,.06) !important;
}
#priceTabs li.Price1.select,
#priceTabs li.Price1:hover {
	background-color:#37DDB3;
}
#priceTabs li.Price1.select:hover {
	opacity:1;
}
.pricelistArea .classRatesBody.Price1 .ex {
    background: #37DDB3;
    padding:10px;
}
.pricelistArea .classRatesBody.Price1 .ex p {
    font-size:0.9em; /* 9px */
    line-height:1.5;
    font-weight:bold;
    color:#fff;
}

/* for each charge type... */
.pricelistArea .classRatesBody.Price2 {
	border-top:3px solid #00CEFF;
    border-bottom:3px solid #00CEFF;
}
.pricelistArea .classRatesBody.Price2 .rateLine:nth-child(even) {
	background-color:rgba(0,206,255,.06) !important;
}
#priceTabs li.Price2.select,
#priceTabs li.Price2:hover {
	background-color:#00CEFF;
}
#priceTabs li.Price2.select:hover {
	opacity:1;
}
.pricelistArea .classRatesBody.Price2 .ex {
    background: #00CEFF;
    padding:10px;
}
.pricelistArea .classRatesBody.Price2 .ex p {
    font-size:0.9em; /* 9px */
    line-height:1.5;
    font-weight:bold;
    color:#fff;
}

.pricelistArea .classRatesBody.Price1 .ex p strong,
.pricelistArea .classRatesBody.Price2 .ex p strong {
    font-size:1.35em; /* 13.5px */
    margin-bottom:0.5em;
    display:inline-block;
    
    font-family:'Roboto', sans-serif;
	font-weight:700;
}



/*==========================================================================================

 // How to Use

==========================================================================================*/
.CampsDetails .howtouseWrap {
    background:url(../../../eng/share/img/bg_Shadow_Top_w800.png) 50% 0 no-repeat;
    padding-top:30px;

}
.CampsDetails .howtouseArea {
	width:100%;
}
.CampsDetails .howtouseArea .Inner {
	padding:0 20px 10px;
}
.CampsDetails .howtouseArea .labelUse {
	display:inline-block;
	margin-bottom:10px;
	padding:0.5em 0.5em 0.4em;
	color:#FFF;
	font-size:0.8em; /* 8px */
	line-height:1;
	
	font-family:'Roboto', sans-serif;
	font-weight:400;
	
	text-align:center;
	background:#3470A9;
	border-radius:2px;
}
.CampsDetails .howtouseArea .cap {
	margin:0 auto 10px;
    text-align:center;
}
.CampsDetails .howtouseArea .cap img {
	width:100%;
}
@media screen and (min-width: 475px) {
  .CampsDetails .howtouseArea .cap img {
	width:375px;
  }
}
.CampsDetails .howtouseArea .cap .capNote {
    font-size:0.6em; /* 6px */
    line-height:1.3;
    color:#999;
    text-align:left;
}



/*==========================================================================================

 // Using This Plan

==========================================================================================*/
.CampsDetails .usingthisplanWrap {}
.CampsDetails .usingthisplanArea {
	width:100%;
    border-top:1px solid #CCC;
}
.CampsDetails .usingthisplanArea .Inner {
	padding:30px 20px 30px;
}

/* ContentsSelect */
.CampsDetails .ContentsSelect {
	padding:10px 0 4%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}
.CampsDetails .ContentsSelect.NoPdgTop {
    padding-top:0;
}
.CampsDetails .ContentsSelect .unit {
	background:#FFF;
	position:relative;
	width:48%;
	margin:4% 4% 0 0;
	
	/* box-shadow */
	box-shadow:rgba(51, 51, 51, 0.199219) 0px 0px 16px 3px;
	-webkit-box-shadow:rgba(51, 51, 51, 0.199219) 0px 0px 16px 3px;
	-moz-box-shadow:rgba(51, 51, 51, 0.199219) 0px 0px 16px 3px;
}
.CampsDetails .ContentsSelect .unit:nth-child(2n) {
	margin-right:0;
}
.CampsDetails .ContentsSelect .unit:nth-child(1),
.CampsDetails .ContentsSelect .unit:nth-child(2) {
	margin-top:0;
}
.CampsDetails .ContentsSelect .unit a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
.CampsDetails .ContentsSelect .unit a.hover {
	opacity:1;
}
.CampsDetails .ContentsSelect .unit:last-child {
	margin-bottom:0;
}

/*　carType Image　*/
.CampsDetails .ContentsSelect .unit .Image {}

/*　after text...　*/
.CampsDetails .ContentsSelect .unit .Text {
	padding:15px;
}
.CampsDetails .ContentsSelect .unit .head {
	font-size:1.2rem; /* 12px */
	line-height:1.1;
	color:#333;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
}
.CampsDetails .ContentsSelect .unit .head span {
	font-size:0.9rem; /* 9px */
}
.CampsDetails .ContentsSelect .unit .ex {
	font-size:0.5rem; /* 5px */
	line-height:1.5;
	padding:10px 0;
}
.CampsDetails .ContentsSelect .unit .ex.NoPdgBtm {
	padding-bottom:0;
}
.CampsDetails .ContentsSelect .unit .ex span {
	font-size:0.5rem; /* 5px */
	color:#666;
}

/*	for faq.html...　*/
.CampsDetails .ContentsSelect .unit.txt-only {
	border-radius: 4px 4px 0 0;
}
.CampsDetails .ContentsSelect .head-txt-out {
	position:relative;
	display:block;
	padding:13px;
	font-size:1rem; /* 10px */
	color:#FFF;
    background:#0D3863;
    border-radius: 3px 3px 0 0;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
}
.CampsDetails .ContentsSelect .head-txt-out::after {
	display:block;
	content:"";
	position:absolute;
	top:50%;
	right:10px;
	width:6px;
	height:6px;
	margin:-4px 0 0 0;
	border-top:solid 2px #FFF;
	border-right:solid 2px #FFF;
	-webkit-transform:rotate(45deg);
	　　　　transform:rotate(45deg);
}
.CampsDetails .ContentsSelect .unit .ex-clause {
	font-size:0.6rem; /* 6px */
	line-height:1.5;
    color:#0D3863;
}
.CampsDetails .ContentsSelect .unit .ex-clause span {
    color:#666;
    display:inline-block;
    margin-left:1em;
}
.CampsDetails .ContentsSelect .unit .ex-clause li {
    list-style-type:none;
    position:relative;
    padding-left:1em;
    margin-bottom:0.6em;
}
.CampsDetails .ContentsSelect .unit .ex-clause li:before {
    border-radius:50%;
    width:5px;
    height:5px;
    display:block;
    position:absolute;
    left:0;
    top:0.5em;
    content:"";
    background:#0D3863; /*点の色*/
}
.CampsDetails .ContentsSelect .unit .ex-clause li:last-child {
	margin-bottom:0;
}

/* for Button (PDF) */
.CampsDetails .btnUnitFull .btnBlue.ico-PDF {
	background:#0D3863 url(../../../eng/share/img/ico_PDF_w60.png) 96% 50% no-repeat;
    -moz-background-size:30px;
	background-size:30px;
}



/*==========================================================================================

 // Other Information, Notes

==========================================================================================*/
.CampsDetails .othInfo-NotesWrap {
    background:url(../../../eng/share/img/bg_Shadow_Top_w800.png) 50% 0 no-repeat;
    padding-top:30px;

}
.CampsDetails .othInfo-NotesArea {
	width:100%;
}
.CampsDetails .othInfo-NotesArea .inOthInfo {
	padding:10px 20px 20px;
}
.CampsDetails .othInfo-NotesArea .inNotes {
	padding:10px 20px 30px;
}
.CampsDetails .othInfo-NotesArea .noteBody.In {
	padding:0 16px;
}



/*==========================================================================================

 // Contents inside Parts... (for Coupon System)

==========================================================================================*/

/* blowTitleTop */
.blowTitleBluelightTop {
	display:block;
	position:relative;
	background:#3470A9;
	border-radius:3px;
	text-align:center;
	margin:0 0 15px;
	padding:10px;
}
.blowTitleBluelightTop::after {
	content:'';
	position:absolute;
	border-top:7px solid #3470A9;
	border-right:7px solid transparent;
	border-left:7px solid transparent;
	bottom:-7px;
	left:49%;
}
.blowTitleBluelightTop p,
.blowTitleBluelightTop h4 {
	font-size:1.0rem; /* 10px */
	line-height:1.2;
	color:#FFF;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
}
.blowTitleBluelightTop p.size-M,
.blowTitleBluelightTop h4.size-M {
	font-size:0.9rem; /* 9px */
}
.blowTitleBluelightTop p.lines,
.blowTitleBluelightTop h4.lines {
	line-height:1.4;
}
.blowTitleBluelightTop h4 span {
	font-size:0.5rem; /* 5px */
	color:#FFF;
	
	font-family:'Roboto', sans-serif;
	font-weight:400;
}
.blowTitleBluelightTop.MgTop {
    margin-top:20px;
}
.blowTitleBluelightTop.SidePad {
    margin-left:10px;
    margin-right:10px;
}



/*==========================================================================================

 // Get Coupon Code (Get your valuable coupon code!!)

==========================================================================================*/
#GetCouponCodeArea {
	clear:both;
	width:100%;
	background: rgb(53,112,169);
	background: -moz-linear-gradient(top,  rgb(53,112,169) 0%, rgb(138,190,242) 100%);
	background: -webkit-linear-gradient(top,  rgb(53,112,169) 0%,rgb(138,190,242) 100%);
	background: linear-gradient(to bottom,  rgb(53,112,169) 0%,rgb(138,190,242) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3570a9', endColorstr='#8abef2',GradientType=0 );
}
#GetCouponCodeArea .secInner {
	background: url(../../../eng/share/img/bg_Shadow_Top_w800.png) 50% 0 no-repeat;
	margin:0 auto 0;
	padding:40px 10px 20px;
}
#GetCouponCodeArea .secInner .Icon img {
	width:182px;
}
#GetCouponCodeArea .formBox {
	border:6px solid #BFBF00;
}
#GetCouponCodeArea .formBox .ErrorText {
    display:block;
    clear:left;
}

/* STEP */
#GetCouponCodeArea .formBox dt .STEP {
	margin-right:10px;
    margin-bottom:8px;
	padding:0.2em 0.4em;
	
	background:#BFBF00;
	border-radius:2px;
	position:relative;
	text-align:center;
	
	float:left;
}
#GetCouponCodeArea .formBox dt .STEP:after {
	border:5px solid transparent;
	border-left-color:#BFBF00;
	border-right-width:0;
	right:-4px;
	content:"";
	display:block;
	top:29%;
	position:absolute;
	width:0;
}
#GetCouponCodeArea .formBox dt .STEP p {	
	font-size:0.7rem; /* 7px */
	line-height:1;
	color:#FFF;
}
#GetCouponCodeArea .formBox dt .STEP strong {
	font-size:0.9rem; /* 9px */
	color:#FFF;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
}
#GetCouponCodeArea .formBox dt .xlabel {
	font-size:1rem; /* 10px */
	color:#0C3863;
	padding-top:0;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
	
	float:left;
}

/*	for Notice,Note in inputBox, formBox */
#GetCouponCodeArea .formBox .noticeFrame {
	padding-top:10px;
}
#GetCouponCodeArea .formBox .noticeFrame .frameIn {
	padding:5px;
	border:2px solid #FF0000;
	border-radius:3px;
}
#GetCouponCodeArea .formBox .noticeFrame .noteBody {
	font-size:0.6rem; /* 6px */
	font-weight:bold;
	line-height:1.4;
    padding:0 0 0 0;
    background:none;
}
#GetCouponCodeArea .formBox .noticeFrame .noteBody.red {
	color:#FF0000 !important;
}
#GetCouponCodeArea .formBox .noticeFrame .noteBody dt {
	font-size:0.6rem; /* 6px */
    float:left;
	clear:left;
	width:1em;
}
#GetCouponCodeArea .formBox .noticeFrame .noteBody dd {
	margin-left:1.4em;
	margin-bottom:0.5em;
}
#GetCouponCodeArea .formBox .noticeFrame .noteBody dd:last-child {
	margin-bottom:0;
}

/*　Button Intro Label (STEP)　*/
#GetCouponCodeArea .btnUnitFull .btnInner .labelSTEP {
	width:100%;
	
	position:relative;
	background:#BFBF00;
	border-radius:2px;
	margin-bottom:5px;
	padding:0.2em 0;
	
	text-align:center;
}
#GetCouponCodeArea .btnUnitFull .btnInner .labelSTEP:after {
	content:'';
	position:absolute;
	border-top:5px solid #BFBF00;
	border-right:5px solid transparent;
	border-left:5px solid transparent;
	bottom:-4px;
	left:49%;
}
#GetCouponCodeArea .btnUnitFull .btnInner .labelSTEP p {
	font-size:0.7rem; /* 7px */
	color:#FFF;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
}
#GetCouponCodeArea .btnUnitFull .btnInner .labelSTEP p strong {
	font-size:0.9rem; /* 9px */
	color:#FFF;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
}

/* blowTitleWhite-Note */
#GetCouponCodeArea .blowTitleWhite-Note {
	display:block;
	position:relative;
	background:#9CC3EA;
	border-radius:3px;
	text-align:left;
	margin:0 0 15px;
	padding:13px 13px 13px 40px;
}
#GetCouponCodeArea .blowTitleWhite-Note:after {
	content:'';
	position:absolute;
	border-top:7px solid #9CC3EA;
	border-right:7px solid transparent;
	border-left:7px solid transparent;
	bottom:-7px;
	left:49%;
}
#GetCouponCodeArea .blowTitleWhite-Note::before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size:2.4em;
    color:#FFF;
    line-height: 1;
    content: '\e8b2';
    position:absolute;
    top:7px;
    left:10px;
}
#GetCouponCodeArea .blowTitleWhite-Note p,
#GetCouponCodeArea .blowTitleWhite-Note h4 {
	font-size:0.8rem; /* 8px */
	line-height:1.2;
	color:#FFF;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
}

/* Note etc... */
#GetCouponCodeArea .inNotes {
	padding:0 10px;
}



/*==========================================================================================

 // General Error Parts

==========================================================================================*/
.ErrorWrap-Outer {
    margin:20px 10px 5px;
}



/*==========================================================================================

 // Message Body

==========================================================================================*/
.MessageBody {}
.MessageBody.MgBtm {
	margin-bottom:20px;
}
.MessageBody .mesBodyIn {
	padding:0 15px;
}
.MessageBody .Main {
	margin-bottom:10px;
	padding:0 0 20px;
	border-bottom:1px dotted #CCC;
}
.MessageBody .Main.C {
	text-align:center;
}
.MessageBody .Main.Min {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
}
.MessageBody .Main p {
	font-size:1.0rem; /* 10px */
	line-height:1.4;
	color:#0C3863;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
}
.MessageBody .Main p.s-size-mid {
	font-size:0.8rem; /* 10px */
	line-height:1.4;
	color:#0C3863;
	
	font-family:'Roboto', sans-serif;
	font-weight:700;
    
    padding-top:1em;
}

/* noteBody */
.MessageBody .noteBody {
    padding:15px 10px 0;
}