@charset "UTF-8";

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

/*======*/
.en{
  font-family: "Parkinsans", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.en_b{
  font-family: "Parkinsans", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.en_c{
  font-family: "Poppins", serif;
  font-weight: 800;
  font-style: normal;
}
.en_d{
  font-family: "Poppins", serif;
  font-weight: 400;
  font-style: normal;
}
.en_e{
  font-family: "Poppins", serif;
  font-weight: 600;
  font-style: normal;
}
.ja{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.ja_b{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}

.ja_c{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}


/*======*/
.txt_limit{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-o-text-overflow: ellipsis;}
.point{color:#3f7da3;}
.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) {
		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;}}


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

/*===カーテン===*/
.image_scroll:after
	{content: "";background-color: #ffffff;width: 100%;height: 100%;position: absolute;left: 0;top: 0;
	z-index: 50;
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
	transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
	transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
	transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.image_scroll.effect:after
	{-webkit-transform: translateX(-100%);transform: translateX(-100%);}

/*===カーテン-ページオープン同時===*/
.image_scroll_title:after
	{content: "";background-color: #ffffff;width: 100%;height: 100%;position: absolute;left: 0;top: 0;
	z-index: 50;
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
	transition: -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
	transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
	transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s, -webkit-transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;
}
.image_scroll_title.effect:after
	{-webkit-transform: translateX(-100%);transform: translateX(-100%);}



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

.clearfix {
  min-height: 1px;
}

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