#wheelNaviTarget {
  width: 100%;
  height: 100%;
  position: absolute;
}
#wheelNavi {
  color: rgb(255, 255, 255);
  font-size: 4rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

#wheelNavi * {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

#operationArea {
  /*background-color: rgb(150, 150, 150);*/
  width: 100%;
  height: 100%;
  /*overflow: hidden;*/
  /*color: #000000;*/
  position: absolute;
}

#canvasArea {
  width: 60.0rem;
  height: 100%;
  position: absolute;
  right: 23.0rem;
  /*overflow: hidden;*/
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
}
#circleArea {
  width: 45.0rem;
  height: 50.0rem;
  position: absolute;
  right: 0;
  top: -webkit-calc(50% - 25rem);
  top: calc(50% - 25rem);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
#circleCore {
/*
 	color: rgba(255,255,255,1);
*/
  background-color: rgba(0, 0, 0, 0.6);
  text-align: center;
/*
  line-height: 35rem;
*/
  line-height: 36rem;
  width: 35.0rem;
  height: 35.0rem;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  margin: 7.5rem auto 0 auto;
  box-shadow: 0 0 0 0.6rem rgba(220,220,220,0.7), 0 0 4rem 0.8rem rgb(64,163,255);
	
	-webkit-transition-duration: 0.5s;
	-webkit-transition-property: -webkit-transform, color, box-shadow, background-color;
	transition-duration: 0.5s;
	transition-property: -webkit-transform, color, box-shadow, background-color;
}
#spiralBar {
  width: 20.0rem;
  height: 50%;
  position: absolute;
  top: 0;
  left: 12.5rem;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transform-origin: bottom;
  -webkit-transform-origin: bottom;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
#spiralBar > img {
  margin-top: 3rem;
  width: 100%;
  height: 31%;
}

#spiralBar.AN_enable.pageTune {
  transition: opacity 150ms;
  -webkit-transition: opacity 150ms;
}

#triangleRight {
  position:absolute;
  width: 0rem;
  height: 0rem;
  border: 1.5rem solid rgba(0, 0, 0, 0);
  border-left-color: rgb(220,220,220);
  top: 24.3rem;
  right:5.5rem;
  opacity: 0;
  transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
}

#triangleLeft {
  position:absolute;
  width: 0rem;
  height: 0rem;
  border: 1.5rem solid rgba(0, 0, 0, 0);
  border-right-color: rgb(220,220,220);
  top: 24.3rem;
  right:36.5rem;
  opacity: 0;
  transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
}

.contentArea {
  width: 70.0rem;
  height: 100%;
  position: absolute;
  right: 13.0rem;
  opacity: 1;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  transition-duration:250ms;
  -webkit-transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.2, 0.0, 1.0, 1.0);
  -webkit-transition-timing-function: cubic-bezier(0.2, 0.0, 1.0, 1.0);
  z-index: 3;
}

.contentArea.before {
  right: 0rem;
  opacity: 0;
  transition-duration:250ms;
  -webkit-transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.0, 0.0, 0.7, 1.0);
  -webkit-transition-timing-function: cubic-bezier(0.0, 0.0, 0.7, 1.0);
  z-index: 2;
}

.contentArea.after {
  right: 22rem;
  opacity: 0;
  transition-duration:250ms;
  -webkit-transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.0, 0.0, 0.7, 1.0);
  -webkit-transition-timing-function: cubic-bezier(0.0, 0.0, 0.7, 1.0);
  z-index: 2;
}

.content.hide {
  right: 0rem;
  opacity: 0;
  transition-duration:250ms;
  -webkit-transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.0, 0.0, 0.7, 1.0);
  -webkit-transition-timing-function: cubic-bezier(0.0, 0.0, 0.7, 1.0);
  z-index: 2;
}

.contentArea > .content {
/*
  background-color: rgba(120,0,0,0.5);
*/
  width: 90rem;
  margin-left: 15.5rem;
  position: absolute;
  -webkit-transform-origin: right;
  transform-origin: right;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.contentArea > .content > .core,
.contentArea > .content > .base {
	position: absolute;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.contentArea > .content > .core > p {
  font-size: 3.4rem;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  opacity: 1;
}
.contentArea > .content > .core > img {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  display: block;
  opacity: 0;
}
.contentArea > .content > .core > img.hide {
  display: none;
}
.contentArea > .content > .core > img.show {
  opacity: 1;
}

/*------------------------------------------------------ loading*/
.contentArea > .content > .core > .loading {
  width: 3rem;
  height: 3rem;
  top: -webkit-calc(50% - 1.5rem);
  top: calc(50% - 1.5rem);
  left: -webkit-calc(50% - 1.5rem);
  left: calc(50% - 1.5rem);
  position:absolute;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.circularG {
  position:absolute;
  background-color:#FFFFFF;
  width: 1rem;
  height: 1rem;
  border-radius:50%;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-animation-name:bounce_circularG;
  -webkit-animation-duration:1.6s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:linear;
  animation-name:bounce_circularG;
  animation-duration:1.6s;
  animation-iteration-count:infinite;
  animation-direction:linear;
  opacity: 0;
  display: none;
}
.loadingAN_enable .circularG {
  display: block;
}
.loadingAN_show .circularG {
  opacity: 1;
}
.circularG.child_0 {
  left: 1rem;
  top: 0;
  -webkit-animation-delay:-1.6s;
  animation-delay:-1.6s;
}
.circularG.child_1 {
  right: 0.3rem;
  top: 0.3rem;
  -webkit-animation-delay:-1.4s;
  animation-delay:-1.4s;
}
.circularG.child_2 {
  top: 1rem;
  right: 0;
  -webkit-animation-delay:-1.2s;
  animation-delay:-1.2s;
}
.circularG.child_3 {
  right: 0.3rem;
  bottom: 0.3rem;
  -webkit-animation-delay:-1s;
  animation-delay:-1s;
}
.circularG.child_4 {
  right: 1rem;
  bottom: 0;
  -webkit-animation-delay:-0.8s;
  animation-delay:-0.8s;
}
.circularG.child_5 {
  left: 0.3rem;
  bottom: 0.3rem;
  -webkit-animation-delay:-0.6s;
  animation-delay:-0.6s;
}
.circularG.child_6 {
  left: 0;
  bottom: 1rem;
  -webkit-animation-delay:-0.4s;
  animation-delay:-0.4s;
}
.circularG.child_7 {
  left: 0.3rem;
  top: 0.3rem;
  -webkit-animation-delay:-0.2s;
  animation-delay:-0.2s;
}

@-webkit-keyframes bounce_circularG{
  0%{-webkit-transform:scale(0.5)}
  100%{-webkit-transform:scale(0.2)}
}
@keyframes bounce_circularG{
  0%{transform:scale(0.5)}
  100%{transform:scale(0.2)}
}


/*------------------------------------------------------ launch loading.*/
#wheelNavi.startLoading #spiralBar,
#wheelNavi.startLoading .contentArea {
	opacity: 0;
}

#loadingBar,
#loadingBar_return {
/*
  background-color: rgba(120,0,0,0.3);
*/
	width: 17.5rem;
	height: 17.5rem;
	overflow: hidden;
	position: absolute;
	top: 7.5rem;
	left: 5rem;
	opacity: 0;
}
#loadingBar > .core,
#loadingBar_return > .core {
	width: 34rem;
	height: 34rem;
	margin: 0.5rem 0 0 0.5rem;
	border-radius: 50%;
  box-shadow: 0 0 0 1rem rgba(64,163,255,0.7) inset;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
}
#loadingBar_return > .core {
  box-shadow: 0 0 0 1rem rgba(64,163,255,0.4) inset;
	-webkit-transform: scale(0.45);
	transform: scale(0.45);
}

#loadingBar.show {
	-webkit-transform-origin: right bottom;
	-webkit-animation-name: loadingbar;
	-webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	transform-origin: right bottom;
	animation-name: loadingbar;
	animation-duration: 2s;
  animation-timing-function: linear;
	animation-iteration-count: infinite;
	opacity: 1;
}
#loadingBar_return.show {
	-webkit-transform-origin: right bottom;
	-webkit-animation-name: loadingbarRetrun;
	-webkit-animation-duration: 1.5s;
  -webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	transform-origin: right bottom;
	animation-name: loadingbarRetrun;
	animation-duration: 1.5s;
  animation-timing-function: linear;
	animation-iteration-count: infinite;
	opacity: 1;
}
@-webkit-keyframes loadingbar {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes loadingbar {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes loadingbarRetrun {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(-360deg);
	}
}
@keyframes loadingbarRetrun {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}


#wheelNavi.startLoading #circleCore {
/*
 	color: rgba(255,255,255,0);
*/
  background-color: rgba(0,0,0,1);
  box-shadow: 0 0 0 1.2rem rgba(220,220,220,0.7);
	-webkit-animation-name: startCirecle;
	-webkit-animation-duration: 0.5s;
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	-webkit-transform: scale(0.5);
	animation-name: startCirecle;
	animation-duration: 0.5s;
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transform: scale(0.5);
}
@-webkit-keyframes startCirecle {
	0% {
		-webkit-transform: translate(50rem);
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes startCirecle {
	0% {
		transform: translate(50rem);
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
#wheelNavi.startLoading #circleCore.loading {
	-webkit-animation-name: coreLoading;
	-webkit-animation-duration: 1.2s;
  -webkit-animation-timing-function: ease-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	animation-name: coreLoading;
	animation-duration: 1.2s;
  animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}
@-webkit-keyframes coreLoading {
	0% {
		color: rgb(50,50,50);
	}
	100% {
		color: rgb(255,255,255);
	}
}
@keyframes coreLoading {
	0% {
		color: rgb(50,50,50);
	}
	100% {
		color: rgb(255,255,255);
	}
}

#spiralBar.loading {
	opacity: 0;
}

/*------------------------------------------------------ focusON speed.*/
.contentArea.focus_on > .content > .core,
.contentArea.focus_on > .content > .base {
  transition-delay: 100ms!important;
  -webkit-transition-delay: 100ms!important;
  transition-duration: 100ms!important;
  -webkit-transition-duration: 100ms!important;
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
}




/*------------------------------------------------------ images style*/
/*------------------------------------------------------ common*/
.images .contentArea > .content {
  height: 16rem;
  top: -webkit-calc(50% - 8rem);
  top: calc(50% - 8rem);
  z-index: 100;
}
.images .contentArea > .content > .core {
  background-color: rgb(0,0,0);
  width: 30rem;
  height: 16rem;
  margin-left: -10.4rem;
  display: block;
}

/*------------------------------------------------------ speed*/
.images .def #spiralBar.AN_enable,
.images * > .contentArea.def > .content,
.images * > .contentArea.def > .content > .core {
  transition-duration: 200ms;
  -webkit-transition-duration: 200ms;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
}
.images .view9 #spiralBar.AN_enable,
.images * > .contentArea.view9 > .content,
.images * > .contentArea.view9 > .content > .core {
  transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
}
.images .view7 #spiralBar.AN_enable,
.images * > .contentArea.view7 > .content,
.images * > .contentArea.view7 > .content > .core {
  transition-duration: 400ms;
  -webkit-transition-duration: 400ms;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
}
.images .view5 #spiralBar.AN_enable,
.images * > .contentArea.view5 > .content,
.images * > .contentArea.view5 > .content > .core {
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
}

/*------------------------------------------------------ element*/
/*common child*/
.images * > .contentArea.def > .content:nth-child(1),
.images * > .contentArea.view9 > .content:nth-child(1),
.images * > .contentArea.view7 > .content:nth-child(1),
.images * > .contentArea.view5 > .content:nth-child(1) {
  z-index: 75;
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.images * > .contentArea.def > .content:nth-child(1) > .core,
.images * > .contentArea.view9 > .content:nth-child(1) > .core,
.images * > .contentArea.view7 > .content:nth-child(1) > .core,
.images * > .contentArea.view5 > .content:nth-child(1) > .core {
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
  opacity: 0;
}

.images * > .contentArea.def > .content:nth-child(2),
.images * > .contentArea.view9 > .content:nth-child(2),
.images * > .contentArea.view7 > .content:nth-child(2),
.images * > .contentArea.view5 > .content:nth-child(2) {
  z-index: 80;
  -webkit-transform: rotate(36.25deg);
  transform: rotate(36.25deg);
}
.images * > .contentArea.def > .content:nth-child(2) > .core,
.images * > .contentArea.view9 > .content:nth-child(2) > .core,
.images * > .contentArea.view7 > .content:nth-child(2) > .core,
.images * > .contentArea.view5 > .content:nth-child(2) > .core {
  -webkit-transform: rotate(-36.25deg);
  transform: rotate(-36.25deg);
  opacity: 0.4;
}

.images * > .contentArea.def > .content:nth-child(6) > .core,
.images * > .contentArea.view9 > .content:nth-child(5) > .core,
.images * > .contentArea.view7 > .content:nth-child(4) > .core,
.images * > .contentArea.view5 > .content:nth-child(3) > .core,
.images * > .contentArea.view1 > .content:nth-child(1) > .core {
margin-left: -11.6rem;


}
.images * > .contentArea.focus_on.def > .content:nth-child(6) > .core,
.images * > .contentArea.focus_on.view9 > .content:nth-child(5) > .core,
.images * > .contentArea.focus_on.view7 > .content:nth-child(4) > .core,
.images * > .contentArea.focus_on.view5 > .content:nth-child(3) > .core,
.images * > .contentArea.focus_on.view1 > .content:nth-child(1) > .core {
  box-shadow: 0 0 0 0.3rem rgb(255, 194, 57), 0 0 0.6rem 0.5rem rgb(255, 194, 57);
  -webkit-transform: translate(-6rem, 0rem) scale(1.7, 1.7);
  transform: translate(-6rem, 0rem) scale(1.7, 1.7);
}

.images * > .contentArea.def > .content:nth-child(10),
.images * > .contentArea.view9 > .content:nth-child(8),
.images * > .contentArea.view7 > .content:nth-child(6),
.images * > .contentArea.view5 > .content:nth-child(4) {
  z-index: 80;
  -webkit-transform: rotate(-36.25deg);
  transform: rotate(-36.25deg);
}
.images * > .contentArea.def > .content:nth-child(10) > .core,
.images * > .contentArea.view9 > .content:nth-child(8) > .core,
.images * > .contentArea.view7 > .content:nth-child(6) > .core,
.images * > .contentArea.view5 > .content:nth-child(4) > .core {
  -webkit-transform: rotate(36.25deg);
  transform: rotate(36.25deg);
  opacity: 0.4;
}

.images * > .contentArea.def > .content:nth-child(11),
.images * > .contentArea.view9 > .content:nth-child(9),
.images * > .contentArea.view7 > .content:nth-child(7) {
  z-index: 75;
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
}
.images * > .contentArea.def > .content:nth-child(11) > .core,
.images * > .contentArea.view9 > .content:nth-child(9) > .core,
.images * > .contentArea.view7 > .content:nth-child(7) > .core {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
  opacity: 0;
}

/*child*/
.images * > .contentArea.def > .content:nth-child(3) {
  z-index: 85;
  -webkit-transform: rotate(27deg);
  transform: rotate(27deg);
}
.images * > .contentArea.def > .content:nth-child(3) > .core {
  -webkit-transform: rotate(-27deg);
  transform: rotate(-27deg);
}
.images * > .contentArea.def > .content:nth-child(4) {
  z-index: 90;
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.images * > .contentArea.def > .content:nth-child(4) > .core {
  -webkit-transform: rotate(-18deg);
  transform: rotate(-18deg);
}
.images * > .contentArea.def > .content:nth-child(5) {
  z-index: 95;
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg);
}
.images * > .contentArea.def > .content:nth-child(5) > .core {
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg);
}
.images * > .contentArea.def > .content:nth-child(7) {
  z-index: 95;
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg);
}
.images * > .contentArea.def > .content:nth-child(7) > .core {
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg);
}
.images * > .contentArea.def > .content:nth-child(8) {
  z-index: 90;
  -webkit-transform: rotate(-18deg);
  transform: rotate(-18deg);
}
.images * > .contentArea.def > .content:nth-child(8) > .core {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.images * > .contentArea.def > .content:nth-child(9) {
  z-index: 85;
  -webkit-transform: rotate(-27deg);
  transform: rotate(-27deg);
}
.images * > .contentArea.def > .content:nth-child(9) > .core {
  -webkit-transform: rotate(27deg);
  transform: rotate(27deg);
}

.images * > .contentArea.view9 > .content:nth-child(3) {
  z-index: 85;
  -webkit-transform: rotate(24deg);
  transform: rotate(24deg);
}
.images * > .contentArea.view9 > .content:nth-child(3) > .core {
  -webkit-transform: rotate(-24deg);
  transform: rotate(-24deg);
}
.images * > .contentArea.view9 > .content:nth-child(4) {
  z-index: 90;
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
}
.images * > .contentArea.view9 > .content:nth-child(4) > .core {
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg);
}
.images * > .contentArea.view9 > .content:nth-child(6) {
  z-index: 90;
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg);
}
.images * > .contentArea.view9 > .content:nth-child(6) > .core {
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
}
.images * > .contentArea.view9 > .content:nth-child(7) {
  z-index: 85;
  -webkit-transform: rotate(-24deg);
  transform: rotate(-24deg);
}
.images * > .contentArea.view9 > .content:nth-child(7) > .core {
  -webkit-transform: rotate(24deg);
  transform: rotate(24deg);
}

.images * > .contentArea.view7 > .content:nth-child(3) {
  z-index: 85;
  -webkit-transform: rotate(18.125deg);
  transform: rotate(18.125deg);
}
.images * > .contentArea.view7 > .content:nth-child(3) > .core {
  -webkit-transform: rotate(-18.125deg);
  transform: rotate(-18.125deg);
}
.images * > .contentArea.view7 > .content:nth-child(5) {
  z-index: 90;
  -webkit-transform: rotate(-18.125deg);
  transform: rotate(-18.125deg);
}
.images * > .contentArea.view7 > .content:nth-child(5) > .core {
  -webkit-transform: rotate(18.125deg);
  transform: rotate(18.125deg);
}

.images * > .contentArea.view5 > .content:nth-child(5) {
  z-index: 75;
  -webkit-transform: rotate(-45.25deg);
  transform: rotate(-45.25deg);
}
.images * > .contentArea.view5 > .content:nth-child(5) > .core {
  -webkit-transform: rotate(45.25deg);
  transform: rotate(45.25deg);
  opacity: 0;
}

/*------------------------------------------------------ text_3line style */
/*------------------------------------------------------ common*/
.text_3line .contentArea > .content {
  height: 14rem;
  top: -webkit-calc(50% - 7rem);
  top: calc(50% - 7rem);
}
.text_3line .contentArea > .content > .core {
  width: 33rem;
  height: 14rem;
  margin-left: -11.5rem;
}
.text_3line .contentArea > .content > .base {
  background-color: rgba(0, 0, 0, 0.6);
  height: 12rem;
  width: 36rem;
  margin-top: 1rem;
  margin-left: -21.5rem;
  box-shadow: none;
  -webkit-transform: translate(-2rem, 0) scale(0, 1.3);
  transform: translate(-2rem, 0) scale(0, 1.3);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  opacity: 0;
}

/*------------------------------------------------------ speed*/
.text_3line #spiralBar.AN_enable,
.text_3line * > .contentArea.def > .content,
.text_3line * > .contentArea.def > .content > .core,
.text_3line * > .contentArea.def > .content > .core > p {
  transition-duration: 200ms;
  -webkit-transition-duration: 200ms;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
}
.text_3line .view7 #spiralBar.AN_enable,
.text_3line * > .contentArea.view7 > .content,
.text_3line * > .contentArea.view7 > .content > .core,
.text_3line * > .contentArea.view7 > .content > .core > p {
  transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
}
.text_3line .view5 #spiralBar.AN_enable,
.text_3line * > .contentArea.view5 > .content,
.text_3line * > .contentArea.view5 > .content > .core,
.text_3line * > .contentArea.view5 > .content > .core > p {
  transition-duration: 400ms;
  -webkit-transition-duration: 400ms;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
}
.text_3line .contentArea.focus_on > .content > .core,
.text_3line .contentArea.focus_on > .content > .base {
  transition-duration: 160ms!important;
  -webkit-transition-duration: 160ms!important;
}

/*------------------------------------------------------ element*/
/*common child*/
.text_3line * > .contentArea.def > .content:nth-child(1),
.text_3line * > .contentArea.view7 > .content:nth-child(1),
.text_3line * > .contentArea.view5 > .content:nth-child(1) {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.text_3line * > .contentArea.def > .content:nth-child(1) > .core,
.text_3line * > .contentArea.view7 > .content:nth-child(1) > .core,
.text_3line * > .contentArea.view5 > .content:nth-child(1) > .core {
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
}
.text_3line * > .contentArea.def > .content:nth-child(1) > .core > p,
.text_3line * > .contentArea.view7 > .content:nth-child(1) > .core > p,
.text_3line * > .contentArea.view5 > .content:nth-child(1) > .core > p {
  opacity: 0;
}
.text_3line * > .contentArea.def > .content:nth-child(2),
.text_3line * > .contentArea.view7 > .content:nth-child(2),
.text_3line * > .contentArea.view5 > .content:nth-child(2) {
  -webkit-transform: rotate(31.5deg);
  transform: rotate(31.5deg);
}
.text_3line * > .contentArea.def > .content:nth-child(2) > .core,
.text_3line * > .contentArea.view7 > .content:nth-child(2) > .core,
.text_3line * > .contentArea.view5 > .content:nth-child(2) > .core {
  -webkit-transform: rotate(-31.5deg);
  transform: rotate(-31.5deg);
}
.text_3line * > .contentArea.def > .content:nth-child(2) > .core > p:first-child,
.text_3line * > .contentArea.view7 > .content:nth-child(2) > .core > p:first-child,
.text_3line * > .contentArea.view5 > .content:nth-child(2) > .core > p:first-child {
  opacity: 0.1;
}
.text_3line * > .contentArea.def > .content:nth-child(2) > .core > p:nth-child(2),
.text_3line * > .contentArea.view7 > .content:nth-child(2) > .core > p:nth-child(2),
.text_3line * > .contentArea.view5 > .content:nth-child(2) > .core > p:nth-child(2) {
  opacity: 0.3;
}
.text_3line * > .contentArea.def > .content:nth-child(2) > .core > p:last-child,
.text_3line * > .contentArea.view7 > .content:nth-child(2) > .core > p:last-child,
.text_3line * > .contentArea.view5 > .content:nth-child(2) > .core > p:last-child {
  opacity: 0.6;
}
.text_3line * > .contentArea.def > .content:nth-child(5) > .core,
.text_3line * > .contentArea.view7 > .content:nth-child(4) > .core,
.text_3line * > .contentArea.view5 > .content:nth-child(3) > .core,
.text_3line * > .contentArea.view1 > .content:nth-child(1) > .core {
  margin-left: -12.5rem;
}
.text_3line * > .contentArea.focus_on.def > .content:nth-child(5) > .core,
.text_3line * > .contentArea.focus_on.view7 > .content:nth-child(4) > .core,
.text_3line * > .contentArea.focus_on.view5 > .content:nth-child(3) > .core,
.text_3line * > .contentArea.focus_on.view1 > .content:nth-child(1) > .core {
  text-shadow:  0 0.2rem 0.2rem rgb(0,0,0);
  -webkit-transform: translate(-3.4rem, 0) scale(1.3);
  transform: translate(-3.4rem, 0) scale(1.3);
}
.text_3line * > .contentArea.focus_on.def > .content:nth-child(5) > .base,
.text_3line * > .contentArea.focus_on.view7 > .content:nth-child(4) > .base,
.text_3line * > .contentArea.focus_on.view5 > .content:nth-child(3) > .base,
.text_3line * > .contentArea.focus_on.view1 > .content:nth-child(1) > .base {
  box-shadow: 0 0 0 0.3rem rgb(255, 194, 57), 0 0 0.6rem 0.5rem rgb(255, 194, 57);
  -webkit-transform: translate(-2rem, 0) scale(1.3);
  transform: translate(-2rem, 0) scale(1.3);
  opacity: 1;
}
.text_3line * > .contentArea.def > .content:nth-child(8),
.text_3line * > .contentArea.view7 > .content:nth-child(6),
.text_3line * > .contentArea.view5 > .content:nth-child(4) {
  -webkit-transform: rotate(-31.5deg);
  transform: rotate(-31.5deg);
}
.text_3line * > .contentArea.def > .content:nth-child(8) > .core,
.text_3line * > .contentArea.view7 > .content:nth-child(6) > .core,
.text_3line * > .contentArea.view5 > .content:nth-child(4) > .core {
  -webkit-transform: rotate(31.5deg);
  transform: rotate(31.5deg);
}
.text_3line * > .contentArea.def > .content:nth-child(8) > .core > p:first-child,
.text_3line * > .contentArea.view7 > .content:nth-child(6) > .core > p:first-child,
.text_3line * > .contentArea.view5 > .content:nth-child(4) > .core > p:first-child {
  opacity: 0.6;
}
.text_3line * > .contentArea.def > .content:nth-child(8) > .core > p:nth-child(2),
.text_3line * > .contentArea.view7 > .content:nth-child(6) > .core > p:nth-child(2),
.text_3line * > .contentArea.view5 > .content:nth-child(4) > .core > p:nth-child(2) {
  opacity: 0.3;
}
.text_3line * > .contentArea.def > .content:nth-child(8) > .core > p:last-child,
.text_3line * > .contentArea.view7 > .content:nth-child(6) > .core > p:last-child,
.text_3line * > .contentArea.view5 > .content:nth-child(4) > .core > p:last-child {
  opacity: 0.1;
}
.text_3line * > .contentArea.def > .content:nth-child(9),
.text_3line * > .contentArea.view7 > .content:nth-child(7),
.text_3line * > .contentArea.view5 > .content:nth-child(5) {
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
}
.text_3line * > .contentArea.def > .content:nth-child(9) > .core
.text_3line * > .contentArea.view7 > .content:nth-child(7) > .core,
.text_3line * > .contentArea.view5 > .content:nth-child(5) > .core {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.text_3line * > .contentArea.def > .content:nth-child(9) > .core > p,
.text_3line * > .contentArea.view7 > .content:nth-child(7) > .core > p,
.text_3line * > .contentArea.view5 > .content:nth-child(5) > .core > p {
  opacity: 0;
}


/*child*/
.text_3line * > .contentArea.def > .content:nth-child(3) {
  -webkit-transform: rotate(21deg);
  transform: rotate(21deg);
}
.text_3line * > .contentArea.def > .content:nth-child(3) > .base,
.text_3line * > .contentArea.def > .content:nth-child(3) > .core {
  -webkit-transform: rotate(-21deg);
  transform: rotate(-21deg);
}
.text_3line * > .contentArea.def > .content:nth-child(4) {
  -webkit-transform: rotate(10.5deg);
  transform: rotate(10.5deg);
}
.text_3line * > .contentArea.def > .content:nth-child(4) > .core,
.text_3line * > .contentArea.def > .content:nth-child(4) > .base {
  -webkit-transform: rotate(-10.5deg);
  transform: rotate(-10.5deg);
}
.text_3line * > .contentArea.def > .content:nth-child(6) {
  -webkit-transform: rotate(-10.5deg);
  transform: rotate(-10.5deg);
}
.text_3line * > .contentArea.def > .content:nth-child(6) > .core,
.text_3line * > .contentArea.def > .content:nth-child(6) > .base {
  -webkit-transform: rotate(10.5deg);
  transform: rotate(10.5deg);
}
.text_3line * > .contentArea.def > .content:nth-child(7) {
  -webkit-transform: rotate(-21deg);
  transform: rotate(-21deg);
}
.text_3line * > .contentArea.def > .content:nth-child(7) > .base,
.text_3line * > .contentArea.def > .content:nth-child(7) > .core {
  -webkit-transform: rotate(21deg);
  transform: rotate(21deg);
}

.text_3line * > .contentArea.view7 > .content:nth-child(3) {
  -webkit-transform: rotate(15.75deg);
  transform: rotate(15.75deg);
}
.text_3line * > .contentArea.view7 > .content:nth-child(3) > .core,
.text_3line * > .contentArea.view7 > .content:nth-child(3) > .base {
  -webkit-transform: rotate(-15.75deg);
  transform: rotate(-15.75deg);
}
.text_3line * > .contentArea.view7 > .content:nth-child(5) {
  -webkit-transform: rotate(-15.75deg);
  transform: rotate(-15.75deg);
}
.text_3line * > .contentArea.view7 > .content:nth-child(5) > .core,
.text_3line * > .contentArea.view7 > .content:nth-child(5) > .base {
  -webkit-transform: rotate(15.75deg);
  transform: rotate(15.75deg);
}

.text_3line * > .contentArea.view5 > .content:nth-child(2) > .base {
  -webkit-transform: rotate(-31.5deg);
  transform: rotate(-31.5deg);
}
.text_3line * > .contentArea.view5 > .content:nth-child(4) > .base {
  -webkit-transform: rotate(31.5deg);
  transform: rotate(31.5deg);
}

.text_3line * > .contentArea.def > .content:nth-child(9) > .core,
.text_3line * > .contentArea.def > .content:nth-child(9) > .base {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.text_3line * > .contentArea.view7 > .content:nth-child(7) > .core,
.text_3line * > .contentArea.view7 > .content:nth-child(7) > .base {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.text_3line * > .contentArea.view5 > .content:nth-child(5) > .core,
.text_3line * > .contentArea.view5 > .content:nth-child(5) > .base {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}

/*------------------------------------------------------ text_1line style */
/*------------------------------------------------------ common*/
.text_1line .contentArea > .content {
  height: 6rem;
  top: -webkit-calc(50% - 3rem);
  top: calc(50% - 3rem);
}
.text_1line .contentArea > .content > .core {
  width: 33rem;
  height: 6rem;
  margin-left: -11.5rem;
}
.text_1line .contentArea > .content > .base {
  background-color: rgba(0, 0, 0, 0.6);
  height: 6rem;
  width: 36rem;
  margin-left: -21.5rem;
  box-shadow: none;
  -webkit-transform: translate(-2rem, 0) scale(0, 1.3);
  transform: translate(-2rem, 0) scale(0, 1.3);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  opacity: 0;
}

/*------------------------------------------------------ speed*/
.text_1line .view5 #spiralBar.AN_enable,
.text_1line * > .contentArea.view5 > .content,
.text_1line * > .contentArea.view5 > .content > .core {
  transition-duration: 600ms;
  -webkit-transition-duration: 600ms;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
}
.text_1line .view7 #spiralBar.AN_enable,
.text_1line * > .contentArea.view7 > .content,
.text_1line * > .contentArea.view7 > .content > .core {
  transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
}
.text_1line .view9 #spiralBar.AN_enable,
.text_1line * > .contentArea.view9 > .content,
.text_1line * > .contentArea.view9 > .content > .core {
  transition-duration: 450ms;
  -webkit-transition-duration: 450ms;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
}
.text_1line .view11 #spiralBar.AN_enable,
.text_1line * > .contentArea.view11 > .content,
.text_1line * > .contentArea.view11 > .content > .core {
  transition-duration: 350ms;
  -webkit-transition-duration: 350ms;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
}
.text_1line .view13 #spiralBar.AN_enable,
.text_1line * > .contentArea.view13 > .content,
.text_1line * > .contentArea.view13 > .content > .core {
  transition-duration: 300ms;
  -webkit-transition-duration: 300ms;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
}
.text_1line .view15 #spiralBar.AN_enable,
.text_1line * > .contentArea.view15 > .content,
.text_1line * > .contentArea.view15 > .content > .core {
  transition-duration: 250ms;
  -webkit-transition-duration: 250ms;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
}
.text_1line #spiralBar.AN_enable,
.text_1line * > .contentArea.def > .content,
.text_1line * > .contentArea.def > .content > .core {
  transition-duration: 200ms;
  -webkit-transition-duration: 200ms;
  transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
}
.text_1line .contentArea.focus_on > .content > .core,
.text_1line .contentArea.focus_on > .content > .base {
  transition-duration: 160ms!important;
  -webkit-transition-duration: 160ms!important;
}

/*------------------------------------------------------ element*/
/*common child*/
.text_1line * > .contentArea.def > .content:nth-child(1) {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.text_1line * > .contentArea.def > .content:nth-child(1) > .core {
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
  opacity: 0;
}
.text_1line * > .contentArea.def > .content:nth-child(2) {
  -webkit-transform: rotate(36.25deg);
  transform: rotate(36.25deg);
}
.text_1line * > .contentArea.def > .content:nth-child(2) > .core {
  -webkit-transform: rotate(-36.25deg);
  transform: rotate(-36.25deg);
  opacity: 0.4;
}
.text_1line * > .contentArea.def > .content:nth-child(9) > .core {
  margin-left: -12.5rem;
}
.text_1line * > .contentArea.focus_on.def > .content:nth-child(9) > .core {
  text-shadow:  0 0.2rem 0.2rem rgb(0,0,0);
  -webkit-transform: translate(-3.4rem, 0) scale(1.3);
  transform: translate(-3.4rem, 0) scale(1.3);
}
.text_1line * > .contentArea.focus_on.def > .content:nth-child(9) > .base {
  box-shadow: 0 0 0 0.3rem rgb(255, 194, 57), 0 0 0.6rem 0.5rem rgb(255, 194, 57);
  -webkit-transform: translate(-2rem, 0) scale(1.3);
  transform: translate(-2rem, 0) scale(1.3);
  opacity: 1;
}
.text_1line * > .contentArea.def > .content:nth-child(16) {
  -webkit-transform: rotate(-36.75deg);
  transform: rotate(-36.75deg);
}
.text_1line * > .contentArea.def > .content:nth-child(16) > .core {
  -webkit-transform: rotate(36.75deg);
  transform: rotate(36.75deg);
  opacity: 0.4;
}
.text_1line * > .contentArea.def > .content:nth-child(17) {
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
}
.text_1line * > .contentArea.def > .content:nth-child(17) > .core {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
  opacity: 0;
}




.text_1line * > .contentArea.def > .content:nth-child(3) {
  -webkit-transform: rotate(31deg);
  transform: rotate(31deg);
}
.text_1line * > .contentArea.def > .content:nth-child(3) > .core {
  -webkit-transform: rotate(-31deg);
  transform: rotate(-31deg);
}
.text_1line * > .contentArea.def > .content:nth-child(4) {
  -webkit-transform: rotate(26.25deg);
  transform: rotate(26.25deg);
}
.text_1line * > .contentArea.def > .content:nth-child(4) > .core {
  -webkit-transform: rotate(-26.25deg);
  transform: rotate(-26.25deg);
}
.text_1line * > .contentArea.def > .content:nth-child(5) {
  -webkit-transform: rotate(21deg);
  transform: rotate(21deg);
}
.text_1line * > .contentArea.def > .content:nth-child(5) > .core {
  -webkit-transform: rotate(-21deg);
  transform: rotate(-21deg);
}
.text_1line * > .contentArea.def > .content:nth-child(6) {
  -webkit-transform: rotate(15.75deg);
  transform: rotate(15.75deg);
}
.text_1line * > .contentArea.def > .content:nth-child(6) > .core {
  -webkit-transform: rotate(-15.75deg);
  transform: rotate(-15.75deg);
}
.text_1line * > .contentArea.def > .content:nth-child(7) {
  -webkit-transform: rotate(10.5deg);
  transform: rotate(10.5deg);
}
.text_1line * > .contentArea.def > .content:nth-child(7) > .core {
  -webkit-transform: rotate(-10.5deg);
  transform: rotate(-10.5deg);
}
.text_1line * > .contentArea.def > .content:nth-child(8) {
  -webkit-transform: rotate(5.25deg);
  transform: rotate(5.25deg);
}
.text_1line * > .contentArea.def > .content:nth-child(8) > .core {
  -webkit-transform: rotate(-5.25deg);
  transform: rotate(-5.25deg);
}
.text_1line * > .contentArea.def > .content:nth-child(10) {
  -webkit-transform: rotate(-5.25deg);
  transform: rotate(-5.25deg);
}
.text_1line * > .contentArea.def > .content:nth-child(10) > .core {
  -webkit-transform: rotate(5.25deg);
  transform: rotate(5.25deg);
}
.text_1line * > .contentArea.def > .content:nth-child(11) {
  -webkit-transform: rotate(-10.5deg);
  transform: rotate(-10.5deg);
}
.text_1line * > .contentArea.def > .content:nth-child(11) > .core {
  -webkit-transform: rotate(10.5deg);
  transform: rotate(10.5deg);
}
.text_1line * > .contentArea.def > .content:nth-child(12) {
  -webkit-transform: rotate(-15.75deg);
  transform: rotate(-15.75deg);
}
.text_1line * > .contentArea.def > .content:nth-child(12) > .core {
  -webkit-transform: rotate(15.75deg);
  transform: rotate(15.75deg);
}
.text_1line * > .contentArea.def > .content:nth-child(13) {
  -webkit-transform: rotate(-21deg);
  transform: rotate(-21deg);
}
.text_1line * > .contentArea.def > .content:nth-child(13) > .core {
  -webkit-transform: rotate(21deg);
  transform: rotate(21deg);
}
.text_1line * > .contentArea.def > .content:nth-child(14) {
  -webkit-transform: rotate(-26.25deg);
  transform: rotate(-26.25deg);
}
.text_1line * > .contentArea.def > .content:nth-child(14) > .core {
  -webkit-transform: rotate(26.25deg);
  transform: rotate(26.25deg);
}
.text_1line * > .contentArea.def > .content:nth-child(15) {
  -webkit-transform: rotate(-31.5deg);
  transform: rotate(-31.5deg);
}
.text_1line * > .contentArea.def > .content:nth-child(15) > .core {
  -webkit-transform: rotate(31.5deg);
  transform: rotate(31.5deg);
}




/*
.text_1line * > .contentArea.view1 > .content:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.text_1line * > .contentArea.view1 > .content:nth-child(1) > .core {
  color: rgb(255,194,57);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
  opacity: 1;
}
*/
.text_1line * > .contentArea.view1 > .content:nth-child(1) > .core {
  margin-left: -12.5rem;
}
.text_1line * > .contentArea.focus_on.view1 > .content:nth-child(1) > .core {
  text-shadow:  0 0.2rem 0.2rem rgb(0,0,0);
  -webkit-transform: translate(-3.4rem, 0) scale(1.3);
  transform: translate(-3.4rem, 0) scale(1.3);
}
.text_1line * > .contentArea.focus_on.view1 > .content:nth-child(1) > .base {
  box-shadow: 0 0 0 0.3rem rgb(255, 194, 57), 0 0 0.6rem 0.5rem rgb(255, 194, 57);
  -webkit-transform: translate(-2rem, 0) scale(1.3);
  transform: translate(-2rem, 0) scale(1.3);
  opacity: 1;
}

.text_1line * > .contentArea.view5 > .content:nth-child(1) {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.text_1line * > .contentArea.view5 > .content:nth-child(1) > .core {
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
  opacity: 0;
}
.text_1line * > .contentArea.view5 > .content:nth-child(2) {
  -webkit-transform: rotate(36.25deg);
  transform: rotate(36.25deg);
}
.text_1line * > .contentArea.view5 > .content:nth-child(2) > .core {
  -webkit-transform: rotate(-36.25deg);
  transform: rotate(-36.25deg);
  opacity: 0.4;
}
/*
.text_1line * > .contentArea.view5 > .content:nth-child(3) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.text_1line * > .contentArea.view5 > .content:nth-child(3) > .core {
  box-shadow: 0 0 0 0.3rem rgb(255, 194, 57), 0 0 0.6rem 0.5rem rgb(255, 194, 57);
  -webkit-transform: translate(-6rem, 0rem) scale(1.7, 1.7);
  transform: translate(-6rem, 0rem) scale(1.7, 1.7);
}
*/
.text_1line * > .contentArea.view5 > .content:nth-child(3) > .core {
  margin-left: -12.5rem;
}
.text_1line * > .contentArea.focus_on.view5 > .content:nth-child(3) > .core {
  text-shadow:  0 0.2rem 0.2rem rgb(0,0,0);
  -webkit-transform: translate(-3.4rem, 0) scale(1.3);
  transform: translate(-3.4rem, 0) scale(1.3);
}
.text_1line * > .contentArea.focus_on.view5 > .content:nth-child(3) > .base {
  box-shadow: 0 0 0 0.3rem rgb(255, 194, 57), 0 0 0.6rem 0.5rem rgb(255, 194, 57);
  -webkit-transform: translate(-2rem, 0) scale(1.3);
  transform: translate(-2rem, 0) scale(1.3);
  opacity: 1;
}

.text_1line * > .contentArea.view5 > .content:nth-child(4) {
  -webkit-transform: rotate(-36.25deg);
  transform: rotate(-36.25deg);
}
.text_1line * > .contentArea.view5 > .content:nth-child(4) > .core {
  -webkit-transform: rotate(36.25deg);
  transform: rotate(36.25deg);
  opacity: 0.4;
}
.text_1line * > .contentArea.view5 > .content:nth-child(5) {
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
}
.text_1line * > .contentArea.view5 > .content:nth-child(5) > .core {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
  opacity: 0;
}


.text_1line * > .contentArea.view7 > .content:nth-child(1) {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.text_1line * > .contentArea.view7 > .content:nth-child(1) > .core {
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
  opacity: 0;
}
.text_1line * > .contentArea.view7 > .content:nth-child(2) {
  -webkit-transform: rotate(36.25deg);
  transform: rotate(36.25deg);
}
.text_1line * > .contentArea.view7 > .content:nth-child(2) > .core {
  -webkit-transform: rotate(-36.25deg);
  transform: rotate(-36.25deg);
  opacity: 0.4;
}
.text_1line * > .contentArea.view7 > .content:nth-child(3) {
  -webkit-transform: rotate(18.125deg);
  transform: rotate(18.125deg);
}
.text_1line * > .contentArea.view7 > .content:nth-child(3) > .core {
  -webkit-transform: rotate(-18.125deg);
  transform: rotate(-18.125deg);
}
/*
.text_1line * > .contentArea.view7 > .content:nth-child(4) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.text_1line * > .contentArea.view7 > .content:nth-child(4) > .core {
  box-shadow: 0 0 0 0.3rem rgb(255, 194, 57), 0 0 0.6rem 0.5rem rgb(255, 194, 57);
  -webkit-transform: translate(-6rem, 0rem) scale(1.7, 1.7);
  transform: translate(-6rem, 0rem) scale(1.7, 1.7);
}
*/

.text_1line * > .contentArea.view7 > .content:nth-child(4) > .core {
  margin-left: -12.5rem;
}
.text_1line * > .contentArea.focus_on.view7 > .content:nth-child(4) > .core {
  text-shadow:  0 0.2rem 0.2rem rgb(0,0,0);
  -webkit-transform: translate(-3.4rem, 0) scale(1.3);
  transform: translate(-3.4rem, 0) scale(1.3);
}
.text_1line * > .contentArea.focus_on.view7 > .content:nth-child(4) > .base {
  box-shadow: 0 0 0 0.3rem rgb(255, 194, 57), 0 0 0.6rem 0.5rem rgb(255, 194, 57);
  -webkit-transform: translate(-2rem, 0) scale(1.3);
  transform: translate(-2rem, 0) scale(1.3);
  opacity: 1;
}

.text_1line * > .contentArea.view7 > .content:nth-child(5) {
  -webkit-transform: rotate(-18.125deg);
  transform: rotate(-18.125deg);
}
.text_1line * > .contentArea.view7 > .content:nth-child(5) > .core {
  -webkit-transform: rotate(18.125deg);
  transform: rotate(18.125deg);
}
.text_1line * > .contentArea.view7 > .content:nth-child(6) {
  -webkit-transform: rotate(-36.25deg);
  transform: rotate(-36.25deg);
}
.text_1line * > .contentArea.view7 > .content:nth-child(6) > .core {
  -webkit-transform: rotate(36.25deg);
  transform: rotate(36.25deg);
  opacity: 0.4;
}
.text_1line * > .contentArea.view7 > .content:nth-child(7) {
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
}
.text_1line * > .contentArea.view7 > .content:nth-child(7) > .core {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
  opacity: 0;
}


.text_1line * > .contentArea.view9 > .content:nth-child(1) {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.text_1line * > .contentArea.view9 > .content:nth-child(1) > .core {
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
  opacity: 0;
}
.text_1line * > .contentArea.view9 > .content:nth-child(2) {
  -webkit-transform: rotate(36.25deg);
  transform: rotate(36.25deg);
}
.text_1line * > .contentArea.view9 > .content:nth-child(2) > .core {
  -webkit-transform: rotate(-36.25deg);
  transform: rotate(-36.25deg);
  opacity: 0.4;
}
.text_1line * > .contentArea.view9 > .content:nth-child(3) {
  -webkit-transform: rotate(24deg);
  transform: rotate(24deg);
}
.text_1line * > .contentArea.view9 > .content:nth-child(3) > .core {
  -webkit-transform: rotate(-24deg);
  transform: rotate(-24deg);
}
.text_1line * > .contentArea.view9 > .content:nth-child(4) {
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
}
.text_1line * > .contentArea.view9 > .content:nth-child(4) > .core {
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg);
}
/*
.text_1line * > .contentArea.view9 > .content:nth-child(5) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.text_1line * > .contentArea.view9 > .content:nth-child(5) > .core {
  box-shadow: 0 0 0 0.3rem rgb(255, 194, 57), 0 0 0.6rem 0.5rem rgb(255, 194, 57);
  -webkit-transform: translate(-6rem, 0rem) scale(1.7, 1.7);
  transform: translate(-6rem, 0rem) scale(1.7, 1.7);
}
*/
.text_1line * > .contentArea.view9 > .content:nth-child(5) > .core {
  margin-left: -12.5rem;
}
.text_1line * > .contentArea.focus_on.view9 > .content:nth-child(5) > .core {
  text-shadow:  0 0.2rem 0.2rem rgb(0,0,0);
  -webkit-transform: translate(-3.4rem, 0) scale(1.3);
  transform: translate(-3.4rem, 0) scale(1.3);
}
.text_1line * > .contentArea.focus_on.view19 > .content:nth-child(5) > .base {
  box-shadow: 0 0 0 0.3rem rgb(255, 194, 57), 0 0 0.6rem 0.5rem rgb(255, 194, 57);
  -webkit-transform: translate(-2rem, 0) scale(1.3);
  transform: translate(-2rem, 0) scale(1.3);
  opacity: 1;
}
.text_1line * > .contentArea.view9 > .content:nth-child(6) {
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg);
}
.text_1line * > .contentArea.view9 > .content:nth-child(6) > .core {
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
}
.text_1line * > .contentArea.view9 > .content:nth-child(7) {
  -webkit-transform: rotate(-24deg);
  transform: rotate(-24deg);
}
.text_1line * > .contentArea.view9 > .content:nth-child(7) > .core {
  -webkit-transform: rotate(24deg);
  transform: rotate(24deg);
}
.text_1line * > .contentArea.view9 > .content:nth-child(8) {
  -webkit-transform: rotate(-36.25deg);
  transform: rotate(-36.25deg);
}
.text_1line * > .contentArea.view9 > .content:nth-child(8) > .core {
  -webkit-transform: rotate(36.25deg);
  transform: rotate(36.25deg);
  opacity: 0.4;
}
.text_1line * > .contentArea.view9 > .content:nth-child(9) {
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
}
.text_1line * > .contentArea.view9 > .content:nth-child(9) > .core {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
  opacity: 0;
}


.text_1line * > .contentArea.view11 > .content:nth-child(1) {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.text_1line * > .contentArea.view11 > .content:nth-child(1) > .core {
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
  opacity: 0;
}
.text_1line * > .contentArea.view11 > .content:nth-child(2) {
  -webkit-transform: rotate(36.25deg);
  transform: rotate(36.25deg);
}
.text_1line * > .contentArea.view11 > .content:nth-child(2) > .core {
  -webkit-transform: rotate(-36.25deg);
  transform: rotate(-36.25deg);
  opacity: 0.4;
}
.text_1line * > .contentArea.view11 > .content:nth-child(3) {
  -webkit-transform: rotate(27deg);
  transform: rotate(27deg);
}
.text_1line * > .contentArea.view11 > .content:nth-child(3) > .core {
  -webkit-transform: rotate(-27deg);
  transform: rotate(-27deg);
}
.text_1line * > .contentArea.view11 > .content:nth-child(4) {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.text_1line * > .contentArea.view11 > .content:nth-child(4) > .core {
  -webkit-transform: rotate(-18deg);
  transform: rotate(-18deg);
}
.text_1line * > .contentArea.view11 > .content:nth-child(5) {
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg);
}
.text_1line * > .contentArea.view11 > .content:nth-child(5) > .core {
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg);
}
/*
.text_1line * > .contentArea.view11 > .content:nth-child(6) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.text_1line * > .contentArea.view11 > .content:nth-child(6) > .core {
  color: rgb(255,194,57);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);

}
*/
.text_1line * > .contentArea.view11 > .content:nth-child(6) > .core {
  margin-left: -12.5rem;
}
.text_1line * > .contentArea.focus_on.view11 > .content:nth-child(6) > .core {
  text-shadow:  0 0.2rem 0.2rem rgb(0,0,0);
  -webkit-transform: translate(-3.4rem, 0) scale(1.3);
  transform: translate(-3.4rem, 0) scale(1.3);
}
.text_1line * > .contentArea.focus_on.view11 > .content:nth-child(6) > .base {
  box-shadow: 0 0 0 0.3rem rgb(255, 194, 57), 0 0 0.6rem 0.5rem rgb(255, 194, 57);
  -webkit-transform: translate(-2rem, 0) scale(1.3);
  transform: translate(-2rem, 0) scale(1.3);
  opacity: 1;
}


.text_1line * > .contentArea.view11 > .content:nth-child(7) {
  -webkit-transform: rotate(-9deg);
  transform: rotate(-9deg);
}
.text_1line * > .contentArea.view11 > .content:nth-child(7) > .core {
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg);
}
.text_1line * > .contentArea.view11 > .content:nth-child(8) {
  -webkit-transform: rotate(-18deg);
  transform: rotate(-18deg);
}
.text_1line * > .contentArea.view11 > .content:nth-child(8) > .core {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.text_1line * > .contentArea.view11 > .content:nth-child(9) {
  -webkit-transform: rotate(-27deg);
  transform: rotate(-27deg);
}
.text_1line * > .contentArea.view11 > .content:nth-child(9) > .core {
  color: rgb(255,255,255);
  -webkit-transform: rotate(27deg);
  transform: rotate(27deg);
}
.text_1line * > .contentArea.view11 > .content:nth-child(10) {
  -webkit-transform: rotate(-36.25deg);
  transform: rotate(-36.25deg);
}
.text_1line * > .contentArea.view11 > .content:nth-child(10) > .core {
  -webkit-transform: rotate(36.25deg);
  transform: rotate(36.25deg);
  opacity: 0.4;
}
.text_1line * > .contentArea.view11 > .content:nth-child(11) {
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
}
.text_1line * > .contentArea.view11 > .content:nth-child(11) > .core {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
  opacity: 0;
}


.text_1line * > .contentArea.view13 > .content:nth-child(1) {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(1) > .core {
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
  opacity: 0;
}
.text_1line * > .contentArea.view13 > .content:nth-child(2) {
  -webkit-transform: rotate(36.25deg);
  transform: rotate(36.25deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(2) > .core {
  -webkit-transform: rotate(-36.25deg);
  transform: rotate(-36.25deg);
  opacity: 0.4;
}
.text_1line * > .contentArea.view13 > .content:nth-child(3) {
  -webkit-transform: rotate(29deg);
  transform: rotate(29deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(3) > .core {
  -webkit-transform: rotate(-29deg);
  transform: rotate(-29deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(4) {
  -webkit-transform: rotate(21.75deg);
  transform: rotate(21.75deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(4) > .core {
  -webkit-transform: rotate(-21.75deg);
  transform: rotate(-21.75deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(5) {
  -webkit-transform: rotate(14.5deg);
  transform: rotate(14.5deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(5) > .core {
  -webkit-transform: rotate(-14.5deg);
  transform: rotate(-14.5deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(6) {
  -webkit-transform: rotate(7.25deg);
  transform: rotate(7.25deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(6) > .core {
  -webkit-transform: rotate(-7.25deg);
  transform: rotate(-7.25deg);
}
/*
.text_1line * > .contentArea.view13 > .content:nth-child(7) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(7) > .core {
  color: rgb(255,194,57);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
*/
.text_1line * > .contentArea.view13 > .content:nth-child(7) > .core {
  margin-left: -12.5rem;
}
.text_1line * > .contentArea.focus_on.view13 > .content:nth-child(7) > .core {
  text-shadow:  0 0.2rem 0.2rem rgb(0,0,0);
  -webkit-transform: translate(-3.4rem, 0) scale(1.3);
  transform: translate(-3.4rem, 0) scale(1.3);
}
.text_1line * > .contentArea.focus_on.view13 > .content:nth-child(7) > .base {
  box-shadow: 0 0 0 0.3rem rgb(255, 194, 57), 0 0 0.6rem 0.5rem rgb(255, 194, 57);
  -webkit-transform: translate(-2rem, 0) scale(1.3);
  transform: translate(-2rem, 0) scale(1.3);
  opacity: 1;
}

.text_1line * > .contentArea.view13 > .content:nth-child(8) {
  -webkit-transform: rotate(-7.25deg);
  transform: rotate(-7.25deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(8) > .core {
  -webkit-transform: rotate(7.25deg);
  transform: rotate(7.25deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(9) {
  -webkit-transform: rotate(-14.5deg);
  transform: rotate(-14.5deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(9) > .core {
  color: rgb(255,255,255);
  -webkit-transform: rotate(14.5deg);
  transform: rotate(14.5deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(10) {
  -webkit-transform: rotate(-21.75deg);
  transform: rotate(-21.75deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(10) > .core {
  -webkit-transform: rotate(21.75deg);
  transform: rotate(21.75deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(11) {
  -webkit-transform: rotate(-29deg);
  transform: rotate(-29deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(11) > .core {
  -webkit-transform: rotate(29deg);
  transform: rotate(29deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(12) {
  -webkit-transform: rotate(-36.25deg);
  transform: rotate(-36.25deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(12) > .core {
  -webkit-transform: rotate(36.25deg);
  transform: rotate(36.25deg);
  opacity: 0.4;
}
.text_1line * > .contentArea.view13 > .content:nth-child(13) {
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
}
.text_1line * > .contentArea.view13 > .content:nth-child(13) > .core {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
  opacity: 0;
}


.text_1line * > .contentArea.view15 > .content:nth-child(1) {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(1) > .core {
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
  opacity: 0;
}
.text_1line * > .contentArea.view15 > .content:nth-child(2) {
  -webkit-transform: rotate(36.25deg);
  transform: rotate(36.25deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(2) > .core {
  -webkit-transform: rotate(-36.25deg);
  transform: rotate(-36.25deg);
  opacity: 0.4;
}
.text_1line * > .contentArea.view15 > .content:nth-child(3) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(3) > .core {
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(4) {
  -webkit-transform: rotate(24deg);
  transform: rotate(24deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(4) > .core {
  -webkit-transform: rotate(-24deg);
  transform: rotate(-24deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(5) {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(5) > .core {
  -webkit-transform: rotate(-18deg);
  transform: rotate(-18deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(6) {
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(6) > .core {
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(7) {
  -webkit-transform: rotate(6deg);
  transform: rotate(6deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(7) > .core {
  -webkit-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
/*
.text_1line * > .contentArea.view15 > .content:nth-child(8) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(8) > .core {
  color: rgb(255,194,57);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
*/
.text_1line * > .contentArea.view15 > .content:nth-child(8) > .core {
  margin-left: -12.5rem;
}
.text_1line * > .contentArea.focus_on.view15 > .content:nth-child(8) > .core {
  text-shadow:  0 0.2rem 0.2rem rgb(0,0,0);
  -webkit-transform: translate(-3.4rem, 0) scale(1.3);
  transform: translate(-3.4rem, 0) scale(1.3);
}
.text_1line * > .contentArea.focus_on.view15 > .content:nth-child(8) > .base {
  box-shadow: 0 0 0 0.3rem rgb(255, 194, 57), 0 0 0.6rem 0.5rem rgb(255, 194, 57);
  -webkit-transform: translate(-2rem, 0) scale(1.3);
  transform: translate(-2rem, 0) scale(1.3);
  opacity: 1;
}

.text_1line * > .contentArea.view15 > .content:nth-child(9) {
  -webkit-transform: rotate(-6deg);
  transform: rotate(-6deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(9) > .core {
  color: rgb(255,255,255);
  -webkit-transform: rotate(6deg);
  transform: rotate(6deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(10) {
  -webkit-transform: rotate(-12deg);
  transform: rotate(-12deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(10) > .core {
  -webkit-transform: rotate(12deg);
  transform: rotate(12deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(11) {
  -webkit-transform: rotate(-18deg);
  transform: rotate(-18deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(11) > .core {
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(12) {
  -webkit-transform: rotate(-24deg);
  transform: rotate(-24deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(12) > .core {
  -webkit-transform: rotate(24deg);
  transform: rotate(24deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(13) {
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(13) > .core {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(14) {
  -webkit-transform: rotate(-36.25deg);
  transform: rotate(-36.25deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(14) > .core {
  -webkit-transform: rotate(36.25deg);
  transform: rotate(36.25deg);
  opacity: 0.4;
}
.text_1line * > .contentArea.view15 > .content:nth-child(15) {
  -webkit-transform: rotate(-42deg);
  transform: rotate(-42deg);
}
.text_1line * > .contentArea.view15 > .content:nth-child(15) > .core {
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
  opacity: 0;
}





