@charset "UTF-8";


/* ---------------------------------------------------------------------reset */
html {height: 100%; overflow-y:scroll;font-size: 62.5%;/*10px*/}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	}
body {
	width:auto;
	height: 100%;
	text-decoration:none;
	background-color: #fff;
	font-size: 1.6rem; 
	line-height: 1.5;
	font-style:normal;
	color:#333333;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	-webkit-text-size-adjust: 100%;
	font-feature-settings: "palt";
	}
b {font-weight:normal;}
th {font-weight:normal;text-align:left;}
address {font-style:normal;}
hr {display: none;}
table {border-collapse: collapse;border-spacing: 0;}
img { border: 0;vertical-align: bottom;}
a img {border: none;}
label {cursor: pointer;}
li{list-style:none;}
* {-webkit-tap-highlight-color:rgba(0,0,0,0);}
*, *::before, *::after {box-sizing: border-box;}
@media print, screen and (min-width:769px){	
img[src$=".gif"], img[src$=".png"] {image-rendering: -webkit-optimize-contrast;image-rendering: crisp-edges;}
}
sup {
	font-size: 0.5rem;
	vertical-align: super;
}

.imgSwitch{visibility: hidden;}

.slider{
  display: none;
}
.slider.slick-initialized{
  display: block;
}

/* ---------------------------------------------------------------------カーソル */
.csrPointer {cursor: pointer;}

/* ---------------------------------------------------------------------リンクカラー */
a {
	text-decoration: underline;
	color: #078fa3;
	cursor: pointer;
	}
a:visited , a:active {
	color: #078fa3;
	}
a:hover {color: #f10d7e!important;}
a.fcG:hover , a.fcR:hover , a.fclG:hover , a.fclB:hover , a.fcLc:hover {color:#f10d7e!important;}
a:hover img.hoverImg{opacity:0.8;}
a.disabled{
	color: #999;
    pointer-events: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {::i-block-chrome, body {font-feature-settings: "pkna";}}


h1, h2, h3, h4, h5, h6,
.fB , strong {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: bold;
}
.fN {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight:normal;
}


.fcG , .fcG a , a.fcG {color:#666666!important;fill:#666666;}
.fcR , .fcR a , a.fcR {color:#f10d7e!important;fill:#f10d7e;}
.fclG , .fclG a , a.fclG {color:#999999!important;fill:#999999;}
.fclB , .fclB a , a.fclB {color:#4F9CC8!important;fill:#4F9CC8;}
.fcLc , .fcLc a , a.fcLc {color:#59BED0!important;fill:#59BED0;}/* リンクカラー */
.lh100{	line-height:1em;}
.lh125{	line-height:1.25em;}
.lh135{	line-height:1.35em;}
.lh145{	line-height:1.45em;}
.lh150{	line-height:1.5em;}
.lh175{	line-height:1.75em;}
.lh200{	line-height:2em;}

.underline {text-decoration: underline;}

.mB8 {margin-bottom: 8px!important;}
.mB16 {margin-bottom: 16px!important;}
.alignL {text-align:left!important;}
.alignR {text-align:right!important;}
.alignC {text-align:center!important;}
.vaT {vertical-align:top;}
.vaM {vertical-align:middle;}
.vaB {vertical-align:bottom;}

.ptR{position:relative;}
.ptA{position:absolute;}



/* ---------------------------------------------------------------------form */
form {margin:0;padding:0;display:inline;}
input, button, textarea {
	padding: 0;
	font-size: 1.6rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
button , input[type=submit] , input[type=button] , input[type=reset] , input[type=image] , input[type=file] {
	width: 100%;
	background: none;
	border: none;
	outline: none;
}
input {
	margin:0;
	padding: 0;
	vertical-align:middle;
}
:placeholder-shown {color: #999;}
::-webkit-input-placeholder{color: #999;}

input , textarea  , label , select{
	font-size:1.6rem;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	box-sizing: border-box;
	vertical-align: middle;
}
input[type="text"] , input[type="password"] , input[type="tel"] , input[type="email"] , input[type="number"] {
	height: 36px;
	padding:0 8px;
	line-height: 32px;
	border: 1px solid #CCC;
	-webkit-appearance: none;
	border-radius: 0;
}
input[type="text"][disabled] , input[type="password"][disabled] , input[type="tel"][disabled] , 
input[type="email"][disabled] , input[type="number"][disabled], textarea[disabled] {
	background-color:#f0f0f0;
	color:#999;
}
input[type="text"][readonly] , input[type="password"][readonly] , input[type="tel"][readonly] , 
input[type="email"][readonly] , input[type="number"][readonly], textarea[readonly] {
	background-color:#f0f0f0;
	color:#333;
}
textarea {
	padding:8px;
	border: 1px solid #CCC;
	font-size:1.6rem;
	-webkit-appearance: none;
}
input[type="submit"] , input[type="button"] {-webkit-appearance: none;}

/* ---------------------------------------------------------------------form:select */
select{
	height: 36px;
	margin: 0;
	padding: 0 24px 0 8px;
	line-height: 32px;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
	position: relative;
	z-index: 1;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1.6rem;
}
select::-ms-expand {display: none;}
.selectLabelArea{
	position: relative;
	display: inline-block;
	background-color: #fff;
	border-radius: 4px;
}
.selectLabelArea::before{
	width: 24px;
	height: 100%;
	content: '';
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.selectLabelArea::after{
	width: 0;
	height: 0;
	margin: auto 0;
	content: '';
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	right: 8px;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	border-color: #333 transparent transparent transparent; 
}
optgroup option{text-indent: 0;}
optgroup option{text-indent: 0;}


/* ---------------------------------------------------------------------form:radioとcheckbox */
/* ---------------------------------------------------------------------form:radio */
label.radioText {position: relative;}
label.radio {
	position: relative;
	display: inline-block;
	min-width: 24px;
	min-height: 24px;
}
label.radioText span {
	padding: 0 0 0 32px;
	position: relative;
	display: block;
}
label.radio span.box {
	width: 24px;
	height: 24px;
	padding: 0;
	position: relative;
	display: block;
}
label.radioText input[type="radio"] , label.radio input[type="radio"] {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
label.radioText input[type="radio"] + span::before , label.radio input[type="radio"] + span::before {
	position: absolute;
	display: inline-block;
	content: '';
	box-sizing: border-box;
	border-radius: 24px;
}
label.radioText input[type="radio"] + span::before , label.radio input[type="radio"] + span::before {
	width: 24px;
	height: 24px;
	z-index: 0;
	top: 0;
	left: 0;
	background-color: #fff;
	border: solid #ccc 1px;
}
label.radioText input[type="radio"]:checked + span::before ,
label.radio input[type="radio"]:checked + span::before {
	border: solid #078fa3 8px;
}

/* ---------------------------------------------------------------------form:checkbox */
label.checkboxText {position: relative;}
label.checkbox {
	position: relative;
	display: inline-block;
	min-width: 24px;
	min-height: 24px;
}
label.checkboxText span {
	padding: 0 0 0 32px;
	position: relative;
	display: block;
}
label.checkbox span.box {
	width: 24px;
	height: 24px;
	padding: 0;
	position: relative;
	display: block;
}
label.checkboxText input[type="checkbox"],
label.checkbox input[type="checkbox"]{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
label.checkboxText input[type="checkbox"] + span::before, label.checkboxText input[type="checkbox"] + span::after,
label.checkbox input[type="checkbox"] + span::before, label.checkbox input[type="checkbox"] + span::after{
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	content: '';
	box-sizing: border-box;
}
label.checkboxText input[type="checkbox"] + span::before,
label.checkbox input[type="checkbox"] + span::before{
	width: 24px;
	height: 24px;
	z-index: 0;
	background-color: transparent;
	background-color: #fff;
	border: solid #ccc 1px;
}
label.checkboxText input[type="checkbox"] + span::after,
label.checkbox input[type="checkbox"] + span::after{
	width: 8px;
	height: 12px;
	margin: 4px 7px;
	z-index: 1;
}
label.checkboxText input[type="checkbox"]:checked + span::before,
label.checkbox input[type="checkbox"]:checked + span::before{
	background-color: #078fa3;
	border: solid #078fa3 2px;
}
label.checkboxText input[type="checkbox"]:checked + span::after,
label.checkbox input[type="checkbox"]:checked + span::after{
	border: 3px solid #fff;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

label.radioText , label.checkboxText , label.radioText:active , label.checkboxText:active{
	display: inline-block;
	}

.hideT{
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
	clip-path: inset(0px 0px 99.9% 99.9%);
	border: 0;
}

.annotation {text-indent:-1em;padding-left:1em;}
.annotationList > li {text-indent:-1em;padding-left:1em;}

.normalL {margin-top: -8px;}
.normalL > li {margin: 8px 0 0 0;}
.normalLD {margin-top: -8px;}
.normalLD > li {
	margin:8px 0 0 21px;
	list-style:disc;
}
.normalLNo {margin-top: -8px;}
.normalLNo > li {
	margin:8px 0 0 21px;
	list-style:decimal;
}

/* ---------------------------------------------------------------------flexList */
.flexIC{align-items: center;}
/* ---------------------------------------------------------------------flexList:noWrap */
.flexNwList {
	display: flex;
}
.flexNwList > * {
	margin-right: 16px;
}
/* ---------------------------------------------------------------------flexList:noWrap:flex-end */
.flexNwFeList {
	display: flex;
	justify-content: flex-end;
}
.flexNwFeList > * {
	margin-left: 16px;
}
/* ---------------------------------------------------------------------flexList:noWrap:space-between */
.flexNwSbList {
	display: flex;
	justify-content: space-between;
}
/* ---------------------------------------------------------------------flexList:noWrap:center */
.flexNwCeList {
	display: flex;
	justify-content: center;
}
.flexNwCeList > * {
	margin-right: 8px;
	margin-left: 8px;
}
/* ---------------------------------------------------------------------flexList:mR1 */
.flexM1List {
	margin-top: -1px;
	overflow: hidden;
	display:flex;
	flex-wrap: wrap;
}
.flexM1List > * {
	margin: 1px 1px 0 0;
}
/* ---------------------------------------------------------------------flexList:mR8 */
.flexM8List {
	margin-top: -8px;
	overflow: hidden;
	display:flex;
	flex-wrap: wrap;
}
.flexM8List > * {
	margin: 8px 8px 0 0;
}
/* ---------------------------------------------------------------------flexList:mR16 */
.flexM16List {
	margin-top: -16px;
	overflow: hidden;
	display:flex;
	flex-wrap: wrap;
}
.flexM16List > * {
	margin: 16px 16px 0 0;
}
/* ---------------------------------------------------------------------flexList:width */
.flexW48List , .flexW80List , .flexW104List , .flexW120List , .flexW152List , .flexW176List , .flexW200List {
	margin-top: -8px;
	overflow: hidden;
	display:flex;
	flex-wrap: wrap;
}
.flexW48List > * , .flexW80List > * , .flexW104List > * , .flexW120List > * ,
 .flexW152List > * , .flexW176List > * , .flexW200List > * {
	margin: 8px 0 0 0;
}
/* ---------------------------------------------------------------------flexList:width48 */
.flexW48List > * {	width: 48px;}
/* ---------------------------------------------------------------------flexList:width80 */
.flexW80List > * {	width: 80px;}
/* ---------------------------------------------------------------------flexList:width104 */
.flexW104List > * {	width: 104px;}
/* ---------------------------------------------------------------------flexList:width120 */
.flexW120List > * {	width: 120px;}
/* ---------------------------------------------------------------------flexList:width152 */
.flexW152List > * {	width: 152px;}
/* ---------------------------------------------------------------------flexList:width176 */
.flexW176List > * {	width: 176px;}
/* ---------------------------------------------------------------------flexList:width200 */
.flexW200List > * {	width: 200px;}



.arwLinkT , .arwLinkR , .arwLinkB , .arwLinkL {
	padding:0 16px 0 0;
	position: relative;
	display: inline-block;
}
.arwLinkT::after , .arwLinkR::after , .arwLinkB::after , .arwLinkL::after {
	width: 6px;
	height: 6px;
	margin: auto;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
}
.arwLinkT::after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.arwLinkR::after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: 2px;
}
.arwLinkB::after {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.arwLinkL::after {
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}




/* ---------------------------------------------------------------------ボタン */
/* ---------------------------------------------------------------------ボタン：サブミット */
input[type=submit] , .actionBtnA , input.actionBtnA {
	text-align: center;
	display: block;
	text-decoration: none;
	color: #fff!important;
	background: #007741;
	line-height: 48px;
	border: solid #007741 2px;
	border-radius: 8px;
	cursor: pointer;
}
input[type=submit]:hover , .actionBtnA:hover , input.actionBtnA:hover {
	background: rgba(0,119,65,0.6);
	color: #fff!important;
}
.actionBtnB , input.actionBtnB {
	text-align: center;
	display: block;
	text-decoration: none;
	color: #92c528!important;
	background: #fff;
	line-height: 48px;
	border: solid #92c528 2px;
	border-radius: 8px;
	cursor: pointer;
}
.actionBtnB:hover , input.actionBtnB:hover {
	background: rgba(146,197,40,0.6);
	color: #fff!important;
}

input[type=submit] svg , 
.actionBtnA svg , 
input.actionBtnA svg , 
.actionBtnB svg , 
input.actionBtnB svg ,
.actionBtnB:hover svg , 
input.actionBtnB:hover svg {
	margin: -4px 8px 0 0;
	vertical-align: middle;
	fill: #fff;
} 
.actionBtnB svg , 
input.actionBtnB svg {
	fill: #92c528;
}
/* ---------------------------------------------------------------------ボタン：ノーマル */
.normalBtnA , input.normalBtnA {
	text-align: center;
	display: block;
	text-decoration: none;
	color: #333!important;
	background: #fff;
	line-height: 48px;
	position: relative;
	border: solid #ccc 1px;
	border-radius: 8px;
	cursor: pointer;
}
.normalBtnA:hover , input.normalBtnA:hover {
	background: #f4ffde;
	color: #333!important;
}

/* ---------------------------------------------------------------------ボタン：disabled */
[disabled] , input[type=submit][disabled] ,
.actionBtnA.disabled , input.actionBtnA[disabled] ,
.actionBtnB.disabled , input.actionBtnB[disabled] ,
.clearBtnA.disabled , input.clearBtnA[disabled] ,
.normalBtnA.disabled , input.normalBtnA[disabled]  
{
	color:#999!important;
	background: #e5e5e5!important;
	border: solid #e5e5e5 1px!important;
	pointer-events: none;
	opacity: 1;
}
/* ---------------------------------------------------------------------ボタン：formT、listT内 */
.formT input[type=submit] , .formT .actionBtnA , .formT input.actionBtnA ,
.formT .actionBtnB , .formT input.actionBtnB ,
.formT .clearBtnA , .formT input.clearBtnA ,
.formT .normalBtnA , .formT input.normalBtnA 
{
	line-height: 32px;
}

/* ---------------------------------------------------------------------画像 */
.imgCont {
	display: block;
	background-color: #f5f5f5;
	position: relative;
	overflow: hidden;
}
.imgCont img{
	object-fit: contain;
	font-family: 'object-fit: contain;';
}
.imgCover {
	display: block;
	background-color: #f5f5f5;
	position: relative;
	overflow: hidden;
}
.imgCover img {
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
.noPhoto , a .noPhoto , a:hover .noPhoto {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	display: block;
	color:#999!important;
	white-space: nowrap;
	text-decoration: none;
	font-size: 1.2rem;
}

/* ---------------------------------------------------------------------見出し */
.head01 {
	margin: 0 0 16px;
	padding: 8px;
	font-size: 2rem;
	background: #07a33e;
	color: #fff;
}
/* ---------------------------------------------------------------------小見出し */
.headS01 {
	margin: 0 0 16px;
	padding: 0 0 8px;
	position: relative;
	font-size: 1.8rem;
}
.headS01::after {
	width: 100%;
	height: 4px;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background: -webkit-repeating-linear-gradient(-45deg, rgba(255,255,255,0) 25%, #8ec31f 25%, #8ec31f 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%, #8ec31f 75%, #8ec31f);
	background: linear-gradient(-45deg, rgba(255,255,255,0) 25%, #8ec31f 25%, #8ec31f 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%, #8ec31f 75%, #8ec31f);
	background-size: 4px 4px;
}
.headS02 {
	margin: 0 0 16px;
	padding:4px 0 4px 8px;
	font-size: 1.8rem;
	font-weight:bold;
	border-left:solid #07a33e 4px;
}
.headS03 {
	margin: 0 0 24px;
	font-size: 1.8rem;
	font-weight:bold;
}
.headS03 span {
	padding: 0 0 0 16px;
	font-size: 1.4rem;
	color: #92c528;
}
@media screen and (min-width:0px) and (max-width: 768px) {

.head01 {
	margin: 0 0 8px;
	font-size: 1.6rem;
}
.headS02 ,
.headS03 {
	margin: 0 0 8px;
	font-size: 1.6rem;
}	
.headS03 span {
	padding: 0;
	font-size: 1.2rem;
	display: block;
	line-height: 14px;
}
}
/* ---------------------------------------------------------------------小見出し：テーブル上 */
.headsCaption {
	padding:16px 8px;
	border-top:solid #666666 2px;
	border-bottom:dotted #666666 1px;
	text-align:center;
	background-color: rgba( 255, 255, 255, 0.5 );
}




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


/* ---------------------------------------------------------------------Remodal:Hide scroll bar */
html.remodal-is-locked {overflow: hidden;touch-action: none;}

/* ---------------------------------------------------------------------Remodal:Anti FOUC */
.remodal,[data-remodal-id] {display: none;}

/* ---------------------------------------------------------------------Remodal:Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* ---------------------------------------------------------------------Remodal: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: "";
}

/* ---------------------------------------------------------------------Remodal:Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  backface-visibility: hidden;
}

/* ---------------------------------------------------------------------Remodal:Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  text-size-adjust: 100%;
}
.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}


/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* ---------------------------------------------------------------------Remodal:Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {filter: blur(3px);}

/* ---------------------------------------------------------------------Remodal:Default theme styles of the overlay */
.remodal-overlay {background: rgba(43, 46, 56, 0.9);}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {animation-duration: 0.3s;animation-fill-mode: forwards;}
.remodal-overlay.remodal-is-opening {animation-name: remodal-overlay-opening-keyframes;}
.remodal-overlay.remodal-is-closing {animation-name: remodal-overlay-closing-keyframes;}

/* ---------------------------------------------------------------------Remodal:Default theme styles of the wrapper */
.remodal-wrapper {padding: 10px 10px 0;}

/* ---------------------------------------------------------------------Remodal:Default theme styles of the modal dialog */
.remodal {
  width: 100%;
  margin-bottom: 10px;
  padding: 35px 0 0 0;
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {animation-name: remodal-opening-keyframes;}
.remodal.remodal-is-closing {animation-name: remodal-closing-keyframes;}

/* ---------------------------------------------------------------------Remodal:Vertical align of the modal dialog */
.remodal,.remodal-wrapper:after {vertical-align: middle;}

/* ---------------------------------------------------------------------Remodal:Close button */
.remodal-close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: color 0.2s;
  text-decoration: none;
  color: #333;
  border: 0;
  outline: 0;
  background: transparent;
}
.remodal-close:hover,.remodal-close:focus {color: #2b2e38;}
.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 2.5rem;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}

/* ---------------------------------------------------------------------Remodal:Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}
.remodal-confirm {color: #fff;background: #81c784;}
.remodal-confirm:hover,
.remodal-confirm:focus {background: #66bb6a;}
.remodal-cancel {color: #fff;background: #e57373;}
.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

/* ---------------------------------------------------------------------Remodal:Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,.remodal-cancel::-moz-focus-inner,.remodal-close::-moz-focus-inner {padding: 0;border: 0;}

/* ---------------------------------------------------------------------Remodal:Keyframes */
@keyframes remodal-opening-keyframes {from {transform: scale(1.05);opacity: 0;}to {transform: none;opacity: 1;filter: blur(0);}}
@keyframes remodal-closing-keyframes {from {transform: scale(1);opacity: 1;}to {transform: scale(0.95);opacity: 0;filter: blur(0);}}
@keyframes remodal-overlay-opening-keyframes {from {opacity: 0;}to {opacity: 1;}}
@keyframes remodal-overlay-closing-keyframes {from {opacity: 1;}to {opacity: 0;}}

/* ---------------------------------------------------------------------Remodal:Media queries */
@media only screen and (min-width: 768px) {
.remodal {max-width: 1070px;padding: 35px;text-align:left;}
.remodal.modalS {max-width: 570px;}
}

/* ---------------------------------------------------------------------Remodal:IE8 */
.lt-ie9 .remodal-overlay {background: #2b2e38;}
.lt-ie9 .remodal {width: 700px;}

.modalCursor{cursor: pointer;}
.remodal .head {
	margin: 0 0 20px;
	padding: 10px;
	background: #f5f5f5;
}
.remodal .remodalCon {
	margin: 0 0 20px;
	padding: 0 10px;
	text-align:left;
}
.remodal .closeBtn {margin: 0 auto;}