/*
 *  Remodal - v1.0.7
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
  overflow: hidden;

  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;

  display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  display: none;
  overflow: auto;

  text-align: center;

  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;

  height: 100%;
  margin-left: -0.05em;

  content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
  position: relative;

  outline: none;

  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/*-----------------------------------------
	2016.10.04 追記 - 今治タオルmodal
-----------------------------------------*/

/*-- 今治タオル 1行 --*/
#contents-sec h3.hxgy.inc_imabari {
	display: table;
    box-sizing: border-box;
    width: 100%;
}
#contents-sec h3.inc_imabari {
	width: 100%;
	box-sizing: border-box;
}
#contents-sec h3.inc_imabari .type {
	display: inline-block;
	padding-right: 20px;
	vertical-align: middle;
	white-space: nowrap;
	width: auto;
}
/*#contents-sec h3.inc_imabari .type {
	display: table-cell;
	padding-right: 20px;
	vertical-align: middle;
	width: 335px;
}
#contents-sec h3.inc_imabari .type {
    display: inline-block;
    white-space: nowrap;
    width: auto;
}*/

#contents-sec h3.inc_imabari .imabari {
	display: inline-block;
	float: right;
	vertical-align: middle;
	/*width: 208px;
	padding-left: 50px;*/
	padding-top: 1px;
	padding-bottom: 1px;
	box-sizing: border-box;
	font-size: 14px;
}
/*
#contents-sec h3.inc_imabari .imabari {
	display: table-cell;
	vertical-align: middle;
	width: 208px;
	padding-left: 50px;
	padding-top: 1px;
	padding-bottom: 1px;
	box-sizing: border-box;
	font-size: 14px;
}
#contents-sec h3.inc_imabari .imabari {
    float: right;
    display: inline-block;
    width: 208px;
}
#contents-sec h3.inc_imabari .expense {
	color: #004e9a;
	background-image: url(/share/images/common/imabari_expense.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 45px;
}
#contents-sec h3.inc_imabari .low {
	color: #ca143d;
	background-image: url(/share/images/common/imabari_low.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 45px;
}
#contents-sec h3.inc_imabari a.modal-open {
	display: block;
	width: 20px;
	float: right;
	cursor: pointer;
}*/
#contents-sec h3.inc_imabari a.modal-open {
	display: block;
    padding: 3px 0 3px 53px;
    float: right;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 45px;
}
#contents-sec h3.inc_imabari .expense a.modal-open {
    color: #004e9a;
    background-image: url(/share/images/common/imabari_expense.png);
}
#contents-sec h3.inc_imabari .low a.modal-open {
    color: #ca143d;
    background-image: url(/share/images/common/imabari_low.png);
}
#contents-sec h3.inc_imabari .green a.modal-open {
    color: #00ae42;
    background-image: url(/share/images/common/imabari_green.png);
}
#contents-sec h3.inc_imabari .gold a.modal-open {
    color: #ad8400;
    background-image: url(/share/images/common/imabari_gold.png);
}
#contents-sec h3.inc_imabari .purple a.modal-open {
    color: #9D1D96;
    background-image: url(/share/images/common/imabari_purple.png);
}
#contents-sec h3.inc_imabari a.modal-open:hover {
	text-decoration: none;
	opacity: 0.6;
}
/*#contents-sec h3.inc_imabari a.modal-open img {
	width: 20px;
}*/
#contents-sec h3.inc_imabari a.modal-open img {
    margin-left: 6px;
    width: 20px;
    vertical-align: top;
}

.remodal h3 {
	padding: 5px 15px;
	margin-bottom: 15px;
    background: #233888;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
	text-align: left;
}
.remodal .original {
    margin: 0 0 20px 15px;
    text-align: left;
}
.remodal .modal-content {
    padding: 0 15px;
	text-align: left;
}
.remodal-cancel {
	text-align: center;
}

.remodal .type .item {
    display: table;
}
.remodal .type .item img {
    float: left;
    display: table-cell;
    vertical-align: middle;
    margin-right: 10px;
    width: 100px;
}
.remodal .type .item span {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    font-size: 18px;
}
.remodal .type p {
    margin-top: 20px;
}
.remodal .type p span.fwB {
    font-size: 115%;
}
.remodal .type p span span {
    font-size: 12px;
}
.remodal .type p .target {
    margin: 10px 0;
    display: inline-block;
}
/* 
.remodal .type.expense {
	border-bottom: 1px dotted #ccc;
}
.remodal .type.low {
	margin-top: 25px;
}
*/
.remodal .type:not(:last-child) {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 25px;
}
.remodal .type.expense .item span {
    color: #043459;
}
.remodal .type.low .item span {
    color: #A41E34;
}
.remodal .type.green .item span {
    color: #00ae42;
}
.remodal .type.gold .item span {
    color: #ad8400;
}
.remodal .type.purple .item span {
    color: #9D1D96;
}