@charset "UTF-8";

body{word-wrap: break-word;}
body {zoom: 1.0;-moz-transform: scale(1.0);}

/*======*/
.en{
  font-family: "Cinzel", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.ja{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight:600;
  font-style: normal;
}

/*======*/
.txt_limit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.point{color:#c53170;}
.point_bg{background-color: #c53170;}

/*======*/
.radi{border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;}

/*======*/
	@media all and (min-width: 1025px) {
		a , input:hover{transition: 0.3s ease-in-out;}
		a.link:link{color:#ffffff;text-decoration:none;}
		a.link:visited{color:#ffffff;text-decoration:none;}
		a.link:hover{color:#f76b99;text-decoration:underline;}
		a.link:active{color:#ffffff;text-decoration:none;}
		.target { transition:0.5s all;}
		.img:hover .target { transform:scale(1.2,1.2);transition:1s all;}
	}
	@media all and (max-width: 1024px) {
		input,select,textarea {-webkit-appearance: none;  border-radius: 0;}
		a.link{color:#ffffff;text-decoration:none;}
	}

/*======*/
.box .box_right .red{animation:BLINK 0.8s ease-in-out infinite alternate;}
@keyframes BLINK {0%{opacity:1.0;}100% {opacity:0;}}
.err{animation:BLINK 0.8s ease-in-out infinite alternate;}
@keyframes BLINK {0%{opacity:1.0;}100% {opacity:0;}}

/*======*/
.gra{color:#ffffff;cursor:pointer;border:none;
background: #5d2779; /* Old browsers */
background: -moz-linear-gradient(45deg,  #5d2779 0%, #722779 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #5d2779 0%,#722779 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #5d2779 0%,#722779 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d2779', endColorstr='#722779',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
	@media all and (min-width: 1025px) {
		.gra:hover{color:#ffffff;cursor:pointer;border:none;
		background: #5d2779; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #5d2779 0%, #872884 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #5d2779 0%,#872884 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #5d2779 0%,#872884 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d2779', endColorstr='#872884',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
	}

/*======*/
.submit input{color:#ffffff;cursor:pointer;border:none;background: #3289d3;}
	@media all and (min-width: 1025px) {
		.submit input{width:250px;height:40px;}
		.submit input:hover{color:#ffffff;cursor:pointer;border:none;background: #227bc6;}
	}
	@media all and (max-width: 1024px) {
		.submit input{width:200px;height:35px;}
	}


/*======*/
.c-marker {
    background: -webkit-linear-gradient(left, rgb(243,235,221) 50%, transparent 50%);
    background: -moz-linear-gradient(left, rgb(243,235,221) 50%, transparent 50%);
    background: linear-gradient(left, rgb(243,235,221) 50%, transparent 50%);
  background-repeat: no-repeat;
  background-size: 200% .8em; 
    background-position: 100% .5em;
    transition: 2s;
}
.c-marker.is-active{
    background-position: 0% .5em;
}

/*===clearfix===*/
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}