/* @override 
	https://dev.dailygospel.jp/squelettes/css/kenkin.css
	https://dev-higotonofukuin:8890/squelettes/css/kenkin.css */

@import url(https://fonts.googleapis.com/css?family=Montserrat);




/* @group Origenius */

.don .informations{
  position: relative;
/*  background-color: pink;*/
  width: 100%;
}

ul.moyens {
  position: relative;
  margin: 20px 0;
  min-height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
	align-items: center;
}

.moyens li {
  max-width: 26%;
  cursor: pointer;
}

.banklogo {
  width: 100%;
	background: -webkit-linear-gradient(top, #eef6f7 0%, #d7e9ec 100%) #0b8591;
  background: -moz-linear-gradient(top, #eef6f7 0%, #d7e9ec 100%) #0b8591;
  background: -ms-linear-gradient(top, #eef6f7 0%, #d7e9ec 100%) #0b8591;
  background: linear-gradient(to bottom, #eef6f7 0%, #d7e9ec 100%) #0b8591;
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 4px 6px #8f8f8f;
	box-shadow: 0 4px 6px #8f8f8f;
}

li.deselect .banklogo{
  opacity: .3;
  transition: all .5s ease;
}

li.deselect.focus .banklogo{
  opacity: 1;
  transition: all .5s ease;
}

.don .ecrire {
  display: none;
}


.don .ecrire.display, .privacy {
  display: block;
  width: calc(100% - 40px);
  background-color: #ecf5f6;
  color: black;
  padding: 20px;
  text-align: left;
  opacity: 1;
  transition: all, 1s;

}

.don .ecrire .icon-arrow-up, .don .ecrire a .icon-arrow-up, .don .ecrire .icon-arrow-down, .don .ecrire a .icon-arrow-down, .privacy .icon-arrow-up, .don .ecrire a .icon-arrow-up, .privacy .icon-arrow-down, .privacy a .icon-arrow-down {
  display: inline-block;
  font-size: .6rem;
  /*margin: 0 5px 0 2px;*/
  padding: 2px;
  color: #b55500;
}
.tv .ecrire .icon-arrow-up, .tv .ecrire a .icon-arrow-up, .tv .ecrire .icon-arrow-down, .tv .ecrire a .icon-arrow-down, .privacy .icon-arrow-up, .tv .ecrire a .icon-arrow-up, .privacy .icon-arrow-down, .privacy a .icon-arrow-down {
  display: inline-block;
  font-size: .6rem;
  /*margin: 0 5px 0 2px;*/
  padding: 2px;
  color: #b55500;
}

.don .ecrire .icon-arrow-up, .don .ecrire a .icon-arrow-up, .pravicy .icon-arrow-up, .privacy a .icon-arrow-up {
  transform: rotate(45deg);
  vertical-align: top;
}

.don .ecrire .icon-arrow-down, .don .ecrire a .icon-arrow-down, .privacy .icon-arrow-down, .privacy a .icon-arrow-down {
  transform: rotate(-45deg);
}

.don .icon-cross {
	display: none;
}

.way{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
}


.ecrire p.affiche {
  /*display: none;*/
  font-size: 1.2rem;
}

.ecrire .affiche a {
  color: #b55500;
}

.annai {
/*  background-color: #727372;*/
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.annai h4 {
  text-align: center;
  line-height: 3;
  font-size: 1.3rem;
}

.privacy h4 {
  text-align: left;
  line-height: 1.8;
  font-size: 1.0rem;
  margin-bottom: 15px;
}

.privacy ul{
  padding-left: 30px;
}

.annai .kanarazu, .privacy .kanarazu{
  color: #b20004;
}

.annai span, .privacy span{
  padding-left: 20px;
  font-size: .9rem;
}

h5.point {
  color: #0b8591;
  font-size: 1.2rem;
  line-height: 1.8;
}

h5.point span{
  padding-right: 20px;
}

.annai a, .privacy a {
  color: #b55500;
}
.annai .higotono, .privacy .higotono {
	color: #b55500;
	padding: 0;
}


.annai a i, .privacy a i {
  color: #179bd7;
  font-weight: bold;
  font-style: italic;
}

.annai a i:first-child, .privacy a i:first-child
{
	color: #253b80;
	padding-left: 3px;
}

.annai em, .privacy em{
  font: 1rem Montserrat;
  color: #6671e4;
  text-decoration: none;
  font-weight: bold;
  font-variant: normal;
  bottom: 0;
	vertical-align: baseline;
	right: 0;
  padding-left: 3px;
}

strong.google span{
  font: bold 1rem Montserrat;
  padding: 0;
}

strong.google span.g{
  color: ;
}

span.g {
  color: #4F85EB;
}
span.o {
  color: #E2313D;
}
span.oo {
  color: #F8C52F;
}
span.l {
  color: #59BD58;
}

.don h3{
  color: #198a97;
  font-size: 1.5rem;
  text-align: center;
  display: inline-block;
  width: 100%;
  margin: 15px 0;
}

.tv h3{
  color: #d5e9eb;
}


#donMessage{
  margin: 20px 0;
}

/* @end */

/* @group Jacques */

.btn-payment 
{
	position: relative;
	overflow: hidden;
	width: 160px;
	height: 35px;
	color: white;
	cursor: pointer;
	font-size: 12px;
	font-family: 'Montserrat';
/* 	white-space: nowrap; */
	text-transform: uppercase;
	padding: 1px 1px;
	border: 1px solid #f8e9c0;
	border-radius: 5px;
	background-image: -webkit-linear-gradient(#2c95e3, #2c83c6);
	background-image:         linear-gradient(#2c95e3, #2c83c6);
	border-color: rgb(44,149,227); /* #2c95e3 */
	-webkit-transition: width .35s ease;
	   -moz-transition: width .35s ease;
	        transition: width .35s ease;
}

.btn-payment:before 
{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

.btn-payment span 
{
	display: block;
}

.btn-payment .gateway 
{
/* 	font-size: 1.1em; */
	font-size: 12px;
}

.btn-payment .gateway:after 
{
	display: inline-block;
	content: 'で寄付をする';
/* 	font-size: .65em; */
	font-size: 12px;
}

.btn-payment .symbol 
{
	width: 20px;
	height: 20px;
	font-size: 1.5em;
	text-align: center;
/* 	line-height: 1.5em; */
	line-height: 20px;
	vertical-align: middle;
	border: 2px solid #fff;
	border-color: #fff;
	border-radius: 360px;
	padding: 2px;
	margin-right: 2px;
	-webkit-transition: all .2s ease;
	   -moz-transition: all .2s ease;
	        transition: all .2s ease;
}

.btn-payment .gateway
{
	margin: 0;
	padding: 0;
	-webkit-transition: all .2s ease;
	   -moz-transition: all .2s ease;
	        transition: all .2s ease;
}

.btn-payment .symbol,
.btn-payment .gateway
{
	display: inline-block;
/* 	white-space: nowrap; */
}

.btn-payment:hover .gateway
{
	-webkit-transform: translateX( 120px );
	   -moz-transform: translateX( 120px );
	        transform: translateX( 120px );
}

.btn-payment:hover .symbol 
{
	-webkit-transform: translateX( 56px );
	   -moz-transform: translateX( 56x );
	        transform: translateX( 56px );
}

.btn-payment.opened 
{
	width: 390px;
	padding: 0px;
}

.btn-payment.opened:after 
{
	border-color: #2c83c6;
	background-color: #2c95e3;
}

.btn-payment.opened:hover .gateway
{
	-webkit-transform: inherit;
	   -moz-transform: inherit;
	        transform: inherit;
	cursor: text;
}

.btn-payment.opened:hover .symbol 
{
	-webkit-transform: inherit;
	   -moz-transform: inherit;
	        transform: inherit;
}

.btn-payment.opened .gateway 
{
	text-transform: initial;
}

.btn-payment.opened .gateway:before 
{
	display: block;
	content: 'ありがとう！';
	text-transform: uppercase;
}

.btn-payment.opened .gateway:after 
{
	content: ' ';
}

.donation-amount-wrapper
{
	display: block;
	min-width: 164px;
	margin-bottom: 20px;
}

.donation-amount-wrapper .currency-symbol 
{
	background-color: #f2f2f2;
  color: #333;
	margin: 0;
	padding: 0 12px;
	height: 35px;
	line-height: 35px;
	font-size: 18px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
  border: 1px solid #ccc;
  border-right: none;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;}

.donation-amount-wrapper label
{
	display: none;
}

#donation-amount-stripe, #donation-amount-paypal {
	width: 125px;
	display: block;
	height: auto;
	height: 34px;
	padding: 6px 12px;
	padding-left: 10px;
	margin: 0 0 1em;
	color: #555;
	font-size: 14px;
	line-height: 1.42857143;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	     -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	border-radius: 0;
}

.donation-amount-wrapper #donation-amount-stripe, .donation-amount-wrapper #donation-amount-paypal, .donation-amount-wrapper #donation-amount-text 
{
	float: left;
	height: 35px;
	min-width: 125px;
	line-height: 35px;
	border: 1px solid #ccc;
	margin: 0;
	padding: 0 12px;
	font-size: 18px;
	background: #FFF;
	/*border-radius: 0;*/
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.donation-amount-wrapper input[type="number"]::-moz-placeholder
{
	color: #999;
	opacity: 1;
}

.donation-amount-wrapper button::-moz-focus-inner,
.donation-amount-wrapper input::-moz-focus-inner 
{
	border: 0;
	padding: 0;
}

/* Paypal button */
.paypal-logo 
{
	font-size: 26px;
	font-weight: bold;
	font-family: Verdana, Tahoma;
}

.paypal-logo i:first-child 
{
	color: #253b80;
  font-style: italic;
}

.paypal-logo i:last-child 
{
	color: #179bd7;
  font-style: italic;
}

.paypal-button 
{
	/*position: relative;*/
	width: 160px;
	height: 35px;
	min-width: 138px;
	padding: 2px;
	/*margin: 0 auto;*/
	border: 1px solid #FF9933;
	border-radius: 5px;
	cursor: pointer;
	background-image: linear-gradient(#fff0a8, #f9b421);
}

.paypal-button-title 
{
	color: #505050;
	font-size: 14px;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
	vertical-align: baseline;
}

.paypal-button .paypal-logo 
{
	display: inline-block;
	margin: 0;
	padding: 0;
	text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
	font-size: 16px;
}

.paypal-button .paypal-logo:after 
{
	display: inline-block;
	content: 'で寄付をする';
/* 	font-size: .65em; */
	font-size: 12px;
}

.success,
.error,
.info,
.warning
{
	position: relative;
    display: block;
    clear: both;
    margin-bottom: 2px;
    padding: 10px 10px 10px 40px;
    min-height: 20px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    -webkit-border-radius: 5px;
     -khtml-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset;
       -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset;
         -o-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset;
            box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5) inset;
	pointer-events: none;
	cursor: pointer;
}

.success:before,
.error:before,
.info:before,
.warning:before
{
	content: "";
    position: absolute;
    top: 14px;
    left: 16px;
    width: 14px;
    height: 15px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAACWCAYAAADufbn/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5QkZCREFGMkQ5NDFFMTExQUFEMUYxOUI5RkM4REUzOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyM0E3OTNDMjQ2NUYxMUUxQTMxRkIyNkE5NjhGNzcwOSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyM0E3OTNDMTQ2NUYxMUUxQTMxRkIyNkE5NjhGNzcwOSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozM0NDRDBCOTVENDZFMTExOTJFNEYxQUZFREQ5ODZCMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QkZCREFGMkQ5NDFFMTExQUFEMUYxOUI5RkM4REUzOCIvPiA8L3JkZjpEZXNjcmlwdGlv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);
    background-repeat: no-repeat;
}

.notification span 
{
    font-weight: bold;
    margin-right: 10px;
}

.success:after,
.error:after,
.info:after,
.warning:after
{
    content: "x";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 5px;
    height: 6px;
    cursor: pointer;
    font: normal normal 13px/20px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size: 13px;
    -webkit-text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
       -moz-text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
            text-shadow: 0px 1px 0px rgba(255,255,255,.3), 0px -1px 0px rgba(0,0,0,.7);
    /*
    Awesome trick !
    http://stackoverflow.com/questions/7478336/only-detect-click-event-on-pseudo-element
    http://jsfiddle.net/ZWw3Z/70/
    */
	cursor: pointer;
    pointer-events: all;
}

.success 
{
    border: 1px solid #accc5d;
    color: #70892b;
    background-color: #c8e185;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d0e98e), color-stop(100%, #c1da7f));
    background-image: -webkit-linear-gradient( #d0e98e, #c1da7f );
    background-image:    -moz-linear-gradient( #d0e98e, #c1da7f );
    background-image:      -o-linear-gradient( #d0e98e, #c1da7f );
    background-image: linear-gradient( #d0e98e, #c1da7f );
    -webkit-text-shadow: 0px 1px rgba( 255, 255, 255, 0.3 );
       -moz-text-shadow: 0px 1px rgba( 255, 255, 255, 0.3 );
            text-shadow: 0px 1px rgba( 255, 255, 255, 0.3 );
}

.success:before
{
    background-position: 0 -15px;
}

@-webkit-keyframes error 
{
	0% { -webkit-transform: translateX( 0px ); }
	25% { -webkit-transform: translateX( 30px ); }
	45% { -webkit-transform: translateX( -30px ); }
	65% { -webkit-transform: translateX( 30px ); }
	82% { -webkit-transform: translateX( -30px ); }
	94% { -webkit-transform: translateX( 30px ); }
	35%, 55%, 75%, 87%, 97%, 100% { -webkit-transform: translateX( 0px ); }
}

.error 
{
    border: 1px solid #dc4e4d;
    color: #b52525;
    background-color: #ec8282;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f48888), color-stop(100%, #e17575));
    background-image: -webkit-linear-gradient( #f48888, #e17575 );
    background-image:    -moz-linear-gradient( #f48888, #e17575 );
    background-image:      -o-linear-gradient( #f48888, #e17575 );
    background-image: linear-gradient( #f48888, #e17575 );
    -webkit-text-shadow: 0px 1px rgba( 255, 255, 255, 0.2 );
       -moz-text-shadow: 0px 1px rgba( 255, 255, 255, 0.2 );
            text-shadow: 0px 1px rgba( 255, 255, 255, 0.2 );
	-webkit-animation: error 0.35s linear;
	   -moz-animation: error 0.35s linear;
}

.error-shake
{
	-webkit-animation: error 0.35s linear;
	   -moz-animation: error 0.35s linear;
	        animation: error 0.35s linear;
}

.error:before 
{
    background-position: 0 0;
}

.info 
{
    border: 1px solid #69c0ca;
    color: #3d8d98;
    background-color: #8aced6;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #99e2eb), color-stop(100%, #79c6cd));
    background-image: -webkit-linear-gradient( #99e2eb, #79c6cd );
    background-image:    -moz-linear-gradient( #99e2eb, #79c6cd );
    background-image:      -o-linear-gradient( #99e2eb, #79c6cd );
    background-image: linear-gradient( #99e2eb, #79c6cd );
    -webkit-text-shadow: 0px 1px rgba( 255, 255, 255, 0.2 );
       -moz-text-shadow: 0px 1px rgba( 255, 255, 255, 0.2 );
            text-shadow: 0px 1px rgba( 255, 255, 255, 0.2 );
}

.info:before 
{
    background-position: 0 -30px;
}

.warning 
{
    color: #c2721b;
    border: 1px solid #f9b516;
    background-color: #fbb160;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffd57f), color-stop(100%, #ffa544));
    background-image: -webkit-linear-gradient( #ffd57f, #ffa544 );
    background-image: -moz-linear-gradient( #ffd57f, #ffa544 );
    background-image: -o-linear-gradient( #ffd57f, #ffa544 );
    background-image: linear-gradient( #ffd57f, #ffa544 );
    -webkit-text-shadow: 0px 1px rgba( 255, 255, 255, 0.2 );
       -moz-text-shadow: 0px 1px rgba( 255, 255, 255, 0.2 );
            text-shadow: 0px 1px rgba( 255, 255, 255, 0.2 );
}

.warning:before 
{
    background-position: 0 -45px;
}

/* @end */