@import url(/jibunplus/css/style_lead.css);

/* ========== mainImage ========== */
.c-mainImage-04 {
	background-image: url(/products/yen_fixed_deposit_switch/img/mainImage_04@x2.jpg);
}

@media only screen and (max-width: 640px) {
.c-mainImage-04 {
	background-image: url(/products/yen_fixed_deposit_switch/img/mainImage_04_sp@x2.jpg);
}
}


/* ========== table ========== */
.switch-table-01 {
	table-layout: auto;
	width: 100%;
}

.switch-table-01 th,
.switch-table-01 td {
	padding: 8px;
	text-align: center;
	vertical-align: middle;
}

.switch-table-01 tbody tr:nth-of-type(4n+3) td,
.switch-table-01 tbody tr:nth-of-type(4n+4) td {
	background-color: #f5f5f5;
}

.switch-table-01 tbody tr:nth-of-type(2n+1) td:nth-of-type(5),
.switch-table-01 tbody tr:nth-of-type(2n)   td:nth-of-type(2) {
	text-align: right;
}

.switch-table-01 tbody td:nth-of-type(3) {
	font-size: 125%;
	font-weight: bold;
}

.switch-table-01 tbody td.usd,
.switch-table-01 tbody td.eur,
.switch-table-01 tbody td.aud {
	white-space: nowrap;
}

.switch-table-01 tbody td.usd:before,
.switch-table-01 tbody td.eur:before,
.switch-table-01 tbody td.aud:before {
	background: center center no-repeat;
	background-size: auto 100%;
	content: "";
	display: inline-block;
	height: 38px;
	margin-right: 0.5em;
	vertical-align: middle;
	width: 50px;
}

.switch-table-01 tbody td.usd:before { background-image: url(/assets/img/flgs_usa.png); }
.switch-table-01 tbody td.eur:before { background-image: url(/assets/img/flgs_eur.png); }
.switch-table-01 tbody td.aud:before { background-image: url(/assets/img/flgs_aus.png); }

@media only screen and (min-width: 641px) {
.switch-table-01 .hidden-pc {
	display: none;
}
}

@media only screen and (max-width: 800px) {
.switch-table-01 {
	font-size: 87.5%;
}
}

@media only screen and (max-width: 700px) {
.switch-table-01 tbody td.usd:before,
.switch-table-01 tbody td.eur:before,
.switch-table-01 tbody td.aud:before {
	display: block;
	height: 20px;
	margin-right: 0;
	margin-bottom: 3px;
	width: 100%;
}
}

@media only screen and (max-width: 640px) {
.switch-table-01 {
	font-size: 75%;
}

.switch-table-01 th,
.switch-table-01 td {
	padding: 4px 2px;
}

.switch-table-01 thead,
.switch-table-01 tbody {
	display: table;
	width: 100%;
}

.switch-table-01 thead tr:nth-of-type(1)    th:nth-of-type(1),
.switch-table-01 tbody tr:nth-of-type(4n+1) td:nth-of-type(1) { width: 13%; }
.switch-table-01 thead tr:nth-of-type(1)    th:nth-of-type(2),
.switch-table-01 tbody tr:nth-of-type(4n+1) td:nth-of-type(2) { width: 13%; }
.switch-table-01 thead tr:nth-of-type(1)    th:nth-of-type(3),
.switch-table-01 tbody tr:nth-of-type(4n+1) td:nth-of-type(3) { width: 16%; }
.switch-table-01 thead tr:nth-of-type(1)    th:nth-of-type(4),
.switch-table-01 tbody tr:nth-of-type(4n+1) td:nth-of-type(4) { width: 13%; }
.switch-table-01 thead tr:nth-of-type(1)    th:nth-of-type(5),
.switch-table-01 tbody tr:nth-of-type(4n+1) td:nth-of-type(5) { width: 16%; }
.switch-table-01 thead tr:nth-of-type(1)    th:nth-of-type(6),
.switch-table-01 tbody tr:nth-of-type(4n+1) td:nth-of-type(6) { width: 13%; }
.switch-table-01 thead tr:nth-of-type(1)    th:nth-of-type(7),
.switch-table-01 tbody tr:nth-of-type(4n+1) td:nth-of-type(7) { width: 16%; }

.switch-table-01 thead {
	position: -webkit-sticky;
	position: sticky;
		top: 0;
	z-index: 10;
}

.switch-table-01 tbody td:nth-of-type(3) {
	font-size: 137.5%;
}

.switch-table-01 tbody td:first-child .marker {
	display: block;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
}

@media only screen and (max-width: 340px) {
.switch-table-01 {
	font-size: 68.75%;
}

.switch-table-01 tbody td:nth-of-type(3) {
	font-size: 100%;
}
}


/* ========== accordion ========== */
@media only screen and (max-width: 900px) {
.switch-accordion-01 > .item > .body {
	margin-right: 0;
	margin-left: 0;
}
}


/* ========== infoBlock ========== */
.switch-infoBlock-01 .item {
	border: #facf9c solid 3px;
	border-radius: 10px;
	margin-top: 31px;
	padding: 15px 24px;
	position: relative;
}

.switch-infoBlock-01 .item:after {
	background: url(../img/arrow_01.png) center bottom no-repeat;
	background-size: cover;
	content: "";
	display: block;
	height: 26px;
	margin-left: -24px;
	position: absolute;
		top: 100%;
		left: 50%;
	width: 48px;
}

.switch-infoBlock-01 .item:last-child {
	background-color: #fce7cd;
}

.switch-infoBlock-01 .item:last-child:after {
	display: none;
}

@media only screen and (min-width: 640px) {
.switch-infoBlock-01 .item-main {
	display: table;
}

.switch-infoBlock-01 .item-main > .item-heading,
.switch-infoBlock-01 .item-main > .item-description {
	display: table-cell;
	vertical-align: middle;
}

.switch-infoBlock-01 .item-heading {
	white-space: nowrap;
}

.switch-infoBlock-01 .item-heading img {
	margin-right: 26px;
}
}

@media only screen and (max-width: 640px) {
.switch-infoBlock-01 .item {
	border-width: 2px;
	border-radius: 10px;
	margin-top: 16px;
	padding: 5px 8px 10px;
}

.switch-infoBlock-01 .item:after {
	height: 13px;
	margin-left: -12px;
	width: 24px;
}

.switch-infoBlock-01 .item:first-child .item-main > .item-heading img + img {
	display: none;
}

.switch-infoBlock-01 .item-main > .item-heading img {
	height: 19px;
	width: auto;
}

.switch-infoBlock-01 .item-main > .item-description {
	margin-top: 5px;
}
}
/* ========== movietxt ========== */
.campaign-img02{
    position: absolute;
    margin: -30px 0px 0px -18px;
    width: 66px;
    height: 66px;
}
em.pl_movie{
    padding-left:40px !important;
    padding-top: 10px;
    margin-left: 15px;
}
@media only screen and (max-width: 640px) {
.campaign-img02 {
    position: absolute;
    margin: -18px 0px 0px -9px !important;
    width: 46px !important;
    height: 46px !important;
}
em.pl_movie{
    padding-left: 28px !important;
    padding-top: 10px;
    margin-left: 12px;
}
}

/* ========== movie ========== */
.movie {
	height: 0;
	margin-top: 1.25em;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

.movie iframe {
	border: #000 solid 1px;
	box-sizing: border-box;
	height: 100%;
	position: absolute;
		top: 0;
		left: 0;
	width: 100%;
}

/* ========== FloatingBanner ========== */
#jbk-FloatingBannerArea{
  display: block;
  position: fixed;
  z-index: 99999;
  right: -400px;
  bottom: 0;
  padding: 0;
  margin: 0;
  width: auto;
  height: auto;
  opacity: 0;
  background-color: #eee;
}
#jbk-FloatingBannerArea.jbk-FloatingBannerArea_on{
  bottom: 0;
  right: 20px;
  opacity: 1;
  transition-property: all;
  transition-duration: 1500ms;
  transition-delay: 0s;
  transition-timing-function: ease;
}
#jbk-FloatingBannerArea.jbk-FloatingBannerArea_off{
  right: -400px;
  bottom: 0;
  opacity: 0;
  transition-property: all;
  transition-duration: 1000ms;
  transition-delay: 0s;
  transition-timing-function: ease;
}
.FloatingBanner_wrapper{
  position: relative;
  -webkit-box-shadow: 0 0 8px #808080;
  box-shadow: 0 0 8px #808080;
  overflow: hidden;
  background-color: #fff;
}
.FloatingBanner-close{
  position: absolute;
  z-index: 999;
  top: -20px;
  right: -4px;
  background-color: #eee;
  border-radius: 16px;
}
.img-FloatingBanner-close{
  cursor: pointer;
}
#jbk-FloatingBannerArea img.TOP-img-hover:hover{
  opacity: 0.8;
}
.top_reflection {
  height: 100%;
  width: 30px;
  position: absolute;
  top: -190px;
  left: 0;
  background-color: #fff;
  opacity: 0;
}
.jbk-FloatingBannerArea_none{
  display: none !important;
}