@charset "utf-8";

/** [VoiceGuideApp] **/

/** <VGAppPlaceholder> **/

.pj-vgApp-placeholder {
	margin-top:1.0em;
	background-color:#FFF;
	height:434px;
}

@media screen and ( max-width:640px ) {
	.pj-vgApp-placeholder { height:470px; }
}

/** <VGAppStage> **/

.pj-vgApp-stage {
	margin:auto;
	position:relative;
}

.pj-vgApp-stage *,
.pj-vgApp-stage *::before,
.pj-vgApp-stage *::after { box-sizing:inherit;    }
.pj-vgApp-stage          { box-sizing:border-box; }

.pj-vgApp-stage a *,
.pj-vgApp-stage *::before,
.pj-vgApp-stage *::after { pointer-events:none; }

* + .pj-vgApp-stage { margin-top:1.0em; }

/** <VGAppLoad> **/

.pj-vgApp-load { overflow:hidden; }
.pj-vgApp-load::before,
.pj-vgApp-load::after {
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:99;
	display:block;
	content:"";
}
.pj-vgApp-load::before {
	background-color:#FFF;
	width:100%;
	height:100%;
}
.pj-vgApp-load::after {
	border-radius:50%;
	background:url( "../img/img_load_spin.gif" ) center center no-repeat;
	background-size:contain;
	width:48px;
	height:48px;
}

@media screen and ( max-width:640px ) {}

/** <VGAppBadge> **/

.pj-vgApp-badge {
	margin:auto;
	padding:0 0.5em;
	border-radius:1.0em;
	background-color:#0DAB67;
	position:relative;
	display:inline-block;
	min-width:1.0em;
	min-height:1.0em;
	vertical-align:middle;
	overflow:hidden;
	line-height:1.5;
	white-space:nowrap;
	text-align:center;
	color:#FFF;
}

@media screen and ( max-width:640px ) {}

/** <VGAppIcon> **/

*[class*="pj-vgApp-icon"] {
	margin:auto;
	padding:0;
	position:relative;
	display:inline-block;
	overflow:hidden;
	vertical-align:middle;
}

.pj-vgApp-icon-roundClose {
	border-radius:50%;
	background-color:#FFF;
	min-width:16px;
	min-height:16px;
	white-space:nowrap;
	text-align:center;
	color:#333;
	transform:rotate( 45deg );
}
.pj-vgApp-icon-roundClose::before,
.pj-vgApp-icon-roundClose::after {
	margin:auto;
	background-color:#333;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	width:12px;
	height:12px;
	content:"";
}
.pj-vgApp-icon-roundClose::before { width :3px; }
.pj-vgApp-icon-roundClose::after  { height:3px; }

*[class*="pj-vgApp-icon-roundCaret"] {
	border-radius:50%;
	background-color:#FFF;
	min-width:16px;
	min-height:16px;
	white-space:nowrap;
	text-align:center;
	color:#333;
}
*[class*="pj-vgApp-icon-roundCaret"]::before {
	margin:auto;
	border:solid transparent;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	width:0;
	height:0;
	content:"";
}
.pj-vgApp-icon-roundCaret-top::before    { border-width:0 6px 8px 6px; border-bottom-color:#333; top   :-1px; }
.pj-vgApp-icon-roundCaret-bottom::before { border-width:8px 6px 0 6px; border-top-color   :#333; bottom:-1px; }
.pj-vgApp-icon-roundCaret-left::before   { border-width:6px 8px 6px 0; border-right-color :#333; left  :-2px; }
.pj-vgApp-icon-roundCaret-right::before  { border-width:6px 0 6px 8px; border-left-color  :#333; right :-2px; }

@media screen and ( max-width:640px ) {}

/** <VGAppImageMapDesc> **/

.pj-vgApp-imageMapDesc {
	margin:auto;
	padding:0.3em;
	position:absolute;
	top:0;
	z-index:1;
	color:#0DAB67;
}

@media screen and ( max-width:640px ) {
	.pj-vgApp-imageMapDesc { position:static; text-align:center; }
	.pj-vgApp-imageMapDesc br { display:none; }
}
@media screen and ( max-width:320px ) {
	.pj-vgApp-imageMapDesc { font-size:90%; }
}

/** <VGAppImageMap> **/

.pj-vgApp-imageMap {
	margin:auto;
	background-color:#FFF;
	position:relative;
	min-width:340px;
	max-width:770px;
	width:100%;
	height:auto;
	overflow:hidden;/**
	font-size:16px;/**/
}
.pj-vgApp-imageMap__image {
	margin:auto;
	display:block;
	max-width:100%;
	height:auto;
}
.pj-vgApp-imageMap__map {
	margin:auto;
	padding-left:0;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	width:100%;
	height:100%;
	list-style:none;
}
*[class*="pj-vgApp-imageMap__map--overlay-"]::before {
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	width:100%;
	height:100%;
	content:"";
}
.pj-vgApp-imageMap__map--overlay-black::before { background-color:rgba(   0,   0,   0, 0.5 ); z-index:1; }
.pj-vgApp-imageMap__map--overlay-white::before { background-color:rgba( 255, 255, 255, 0.5 ); z-index:1; }/**
.pj-vgApp-imageMap__map--area {}
.pj-vgApp-imageMap__map--point {}/**/

.pj-vgApp-imageMap__area,
.pj-vgApp-imageMap__point {
	margin:auto;
	position:absolute;
	top:0;
	left:0;
	display:block;
}
.pj-vgApp-imageMap__area  > *,
.pj-vgApp-imageMap__point > * { top:-50%; left:-50%; }
.pj-vgApp-imageMap__area  { width:1.85em; height:1.85em; }
.pj-vgApp-imageMap__point { width:160px;  height:160px;  }

.pj-vgApp-imageMap__area:nth-child(1) { top:86.5%; left: 7.5%; }
.pj-vgApp-imageMap__area:nth-child(2) { top:60.0%; left: 5.0%; }
.pj-vgApp-imageMap__area:nth-child(3) { top:15.0%; left:48.0%; }
.pj-vgApp-imageMap__area:nth-child(4) { top: 7.0%; left:75.0%; }
.pj-vgApp-imageMap__area:nth-child(5) { top: 6.0%; left:92.0%; }/**

.pj-vgApp-imageMap__point:nth-child(1) { top:85.0%; left:18.0%; }
.pj-vgApp-imageMap__point:nth-child(2) { top:62.0%; left:16.0%; }
.pj-vgApp-imageMap__point:nth-child(3) { top:28.0%; left:43.0%; }
.pj-vgApp-imageMap__point:nth-child(4) { top:16.0%; left:72.0%; }
.pj-vgApp-imageMap__point:nth-child(5) { top:15.0%; left:88.0%; }/**/
.pj-vgApp-imageMap__point:nth-child(n) { top:50.0%; left:50.0%; }/**/

/* ProductsDiff_map_area */

.pj-vgApp-imageMap--et926d .pj-vgApp-imageMap__map--area .pj-vgApp-imageMap__area:last-child { display:none; }

@media screen and ( max-width:640px ) {
	.pj-vgApp-imageMap { max-width:400px; }
}
@media screen and ( max-width:320px ) {
	.pj-vgApp-imageMap { min-width:300px; }
	.pj-vgApp-imageMap__area { transform:scale( 0.95 ); }
}

/** <VGAppPoint> **/

.pj-vgApp-point {
	margin:auto;
	position:relative;
	display:block;
	width:160px;
	height:160px;
}
.pj-vgApp-point__name {
	margin:auto;
	position:relative;
	display:block;
	overflow:hidden;
}
.pj-vgApp-point__number {
	display:block;
	width:100%;
	height:100%;
	font-weight:bold;
	font-size:115%;
}
.pj-vgApp-point__text { display:none; }
.pj-vgApp-point__image {
	margin:auto;
	border-radius:50%;
	border:2px solid #0DAB67;
	display:block;
	max-width:100%;
	height:auto;
	overflow:hidden;
}
.pj-vgApp-point__guide {
	margin:auto;
	padding-left:0;
	position:relative;
	list-style:none;
}
.pj-vgApp-point__guide > *:nth-child(n+2) { margin-top:0.3em; }
.pj-vgApp-point__guide > *,
.pj-vgApp-point__close {
	margin:auto;
	position:relative;
	overflow:hidden;
}

*[class*="pj-vgApp-point__el-"] {
	margin:auto;
	position:absolute;
	top:0; bottom:0; left:0; right:0;
	text-align:center;
}

.pj-vgApp-point__name[class*="pj-vgApp-point__el-"] { max-width:1.85em; max-height:1.85em; width:100%; }
.pj-vgApp-point__name.pj-vgApp-point__el-tl { top   :-60%; left :-75%; }
.pj-vgApp-point__name.pj-vgApp-point__el-tr { top   :-60%; right:-75%; }
.pj-vgApp-point__name.pj-vgApp-point__el-bl { bottom:-60%; left :-75%; }
.pj-vgApp-point__name.pj-vgApp-point__el-br { bottom:-60%; right:-75%; }

.pj-vgApp-point__guide[class*="pj-vgApp-point__el-"] { max-width:8.0em; max-height:3.50em; width:100%; }
.pj-vgApp-point__guide.pj-vgApp-point__el-tl { top   :-60%; left :-75%; }
.pj-vgApp-point__guide.pj-vgApp-point__el-tr { top   :-60%; right:-75%; }
.pj-vgApp-point__guide.pj-vgApp-point__el-bl { bottom:-60%; left :-75%; }
.pj-vgApp-point__guide.pj-vgApp-point__el-br { bottom:-60%; right:-75%; }

.pj-vgApp-point__close[class*="pj-vgApp-point__el-"] { max-width:5.8em; max-height:1.65em; width:100%; }
.pj-vgApp-point__close.pj-vgApp-point__el-tl { top   :-60%; left :-75%; }
.pj-vgApp-point__close.pj-vgApp-point__el-tr { top   :-60%; right:-75%; }
.pj-vgApp-point__close.pj-vgApp-point__el-bl { bottom:-60%; left :-75%; }
.pj-vgApp-point__close.pj-vgApp-point__el-br { bottom:-60%; right:-75%; }

@media screen and ( max-width:640px ) {}

/** <VGAppAreaButton> **/

.pj-vgApp-areaButton {
	margin:auto;
	border-radius:1.0em;
	background-color:#FFF;
	position:relative;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.pj-vgApp-areaButton .c-button__icon {
	display:block;
	width:100%;
	height:100%;
	font-weight:bold;
	font-size:115%;
}
.pj-vgApp-areaButton .c-button__text { display:none; }

.pj-vgApp-areaButton:hover  .c-button__icon { opacity:0.8; }
.pj-vgApp-areaButton:active .c-button__icon { opacity:1.0; }
.pj-vgApp-areaButton:active { transform:scale( 0.8 ); }

@media screen and ( max-width:640px ) {}

/** <VGAppPointButton> **/

.pj-vgApp-pointButton {
	padding:0 0.5em;
	border-radius:1.0em;
	background-color:#FFF;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-decoration:none;
	color:#FFF;
}
.pj-vgApp-pointButton .c-button__icon,
.pj-vgApp-pointButton .c-button__text {
	position:relative;
	display:inline-block;
}
.pj-vgApp-pointButton .c-button__icon + .c-button__text { padding-left:0.3em; }

.pj-vgApp-pointButton::before {
	margin:auto;
	border-radius:1.0em;
	background-color:#0DAB67;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	width:100%;
	height:100%;
	content:"";
}
.pj-vgApp-pointButton--guideA::before { background-color:#0076E7; }
.pj-vgApp-pointButton--guideB::before { background-color:#FF3500; }
.pj-vgApp-pointButton--close::before  { background-color:#C20D23; }

.pj-vgApp-pointButton--guideA,
.pj-vgApp-pointButton--guideB { text-align:left; }
.pj-vgApp-pointButton--guideA .c-button__text,
.pj-vgApp-pointButton--guideB .c-button__text { line-height:1.6; }
.pj-vgApp-pointButton--close  .c-button__text {
	text-transform:uppercase;
	font-weight:bold;
}

.pj-vgApp-pointButton:hover::before  { opacity:0.8; }
.pj-vgApp-pointButton:active::before { opacity:1.0; }
.pj-vgApp-pointButton:active { transform:scale( 0.9 ); }

@media screen and ( max-width:640px ) {}

/** <VGAppMainGridButton> **/

.pj-vgApp-mainGridButton {
	padding:0 0.5em;
	border-radius:1.0em;
	background-color:#FFF;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-decoration:none;
	color:#FFF;
}
.pj-vgApp-mainGridButton .c-button__icon,
.pj-vgApp-mainGridButton .c-button__text { position:relative; }
.pj-vgApp-mainGridButton .c-button__icon + .c-button__text { padding-left:0.3em; }

.pj-vgApp-mainGridButton::before {
	margin:auto;
	border-radius:1.0em;
	background-color:#0DAB67;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	width:100%;
	height:100%;
	content:"";
}
.pj-vgApp-mainGridButton--back::before { background-color:#C20D23; }

.pj-vgApp-mainGridButton--back .c-button__text {
	text-transform:uppercase;
	font-weight:bold;
}

.pj-vgApp-mainGridButton:hover::before  { opacity:0.8; }
.pj-vgApp-mainGridButton:active::before { opacity:1.0; }
.pj-vgApp-mainGridButton:active { transform:scale( 0.9 ); }

@media screen and ( max-width:640px ) {}

/** <VGAppSituation> **/

.pj-vgApp-situation {
	margin:auto;
	border:1px solid #DDD;
	background-color:#FFF;
	position:relative;
	max-width:240px;
	max-height:310px;
	overflow:hidden;
}
.pj-vgApp-situation__image {
	margin:auto;
	position:relative;
	display:block;
	max-width:100%;
	width:100%;
	height:auto;
}
.pj-vgApp-situation__map {
	margin:-1px;
	padding-left:0;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	list-style:none;
}
.pj-vgApp-situation__scene {
	position:relative;
	height:100%;
}

/* ProductsDiff_situation_image */

.pj-vgApp-situation--et809d   .pj-vgApp-situation__image:not( [src*="et809d"]   ),
.pj-vgApp-situation--et925kd  .pj-vgApp-situation__image:not( [src*="et925kd"]  ),
.pj-vgApp-situation--et926d   .pj-vgApp-situation__image:not( [src*="et926d"]   ),
.pj-vgApp-situation--et2620gd .pj-vgApp-situation__image:not( [src*="et2610gd"] ),
.pj-vgApp-situation--et2610gd .pj-vgApp-situation__image:not( [src*="et2610gd"] ),
.pj-vgApp-situation--et2600gd .pj-vgApp-situation__image:not( [src*="et2600gd"] ) { display:none; }

* + .pj-vgApp-situation { margin-top:1.0em; }

@media screen and ( min-width:641px ) {
	.pj-vgApp-situation {
		max-width:210px;
		max-height:274px;
	}
}
@media screen and ( max-width:640px ) {}
@media screen and ( max-width:320px ) {
	.pj-vgApp-situation { max-width:210px; }
}

/** <VGAppScene> **/

.pj-vgApp-scene {
	margin:auto;
	position:relative;
	height:100%;
}
.pj-vgApp-scene__name {
	margin:auto;
	padding:0 0.6em;
	background-color:rgba( 255, 255, 255, 0.8 );
	position:absolute;
	z-index:1;
	display:block;
	width:100%;
	height:2.5em;
	overflow:hidden;
	letter-spacing:-0.4em;
	font-size:100%;
}
.pj-vgApp-scene__name::before,
.pj-vgApp-scene__name::after,
.pj-vgApp-scene__name > * {
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
}
.pj-vgApp-scene__name::before,
.pj-vgApp-scene__name::after {
	width:0;
	height:100%;
	content:"";
}
.pj-vgApp-scene__number { font-weight:bold; }
.pj-vgApp-scene__text {
	max-height:100%;
	font-size:95%;
}
.pj-vgApp-scene__text small { font-size:80%; }
.pj-vgApp-scene__map,
.pj-vgApp-scene__guide {
	margin:auto;
	padding-top:2.5em;
	display:block;
	height:100%;
}
.pj-vgApp-scene__map {
	padding-left:0;
	position:relative;
	list-style:none;
}
.pj-vgApp-scene__guide {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}

.pj-vgApp-scene__name       { padding-left:2.3em; }
.pj-vgApp-scene__number     { margin-left:-2.0em; }
.pj-vgApp-scene__number + * { padding-left:0.3em; }

@media screen and ( max-width:640px ) {}

/** <VGAppGuide> **/

.pj-vgApp-guide {
	margin:auto;
	position:relative;
	height:100%;
	font-size:80%;
}
.pj-vgApp-guide__case {
	margin:auto;
	padding:0.3em 0.8em;
	background-color:#999;
	overflow:hidden;
	color:#FFF;
}
.pj-vgApp-guide__voice {
	margin:auto;
	padding:0.5em 0.3em;
	border-radius:5px;
	border:2px solid #999;
	background-color:#FFF;
	position:absolute;
	top:40%;
	left:0;
	right:0;
	display:block;
	max-width:95%;
	max-height:calc( 1.1em * 3 + 0.5em * 2 );
	width:100%;
	text-align:center;
}
.pj-vgApp-guide__desc {
	margin:auto;
	padding:0.3em 0.8em;
	background-color:rgba( 255, 255, 255, 0.8 );
	position:absolute;
	bottom:0;
	left:0;
	right:0;
}
.pj-vgApp-guide     .pj-text { line-height:1.1; }
.pj-vgApp-guide * + .pj-note { margin-top:0.3em; }

.pj-vgApp-guide__voice::before,
.pj-vgApp-guide__voice::after  {
	margin:auto;
	border:solid transparent;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	width:0;
	height:0;
	content:"";
}
.pj-vgApp-guide__voice::before { border-width:0 8px 16px 8px; border-bottom-color:#999; margin-top:-16px; }
.pj-vgApp-guide__voice::after  { border-width:0 6px 12px 6px; border-bottom-color:#FFF; margin-top:-12px; }

.pj-vgApp-guide--guideA .pj-vgApp-guide__case          { background-color   :#0076E7; }
.pj-vgApp-guide--guideA .pj-vgApp-guide__voice         { border-color       :#0076E7; }
.pj-vgApp-guide--guideA .pj-vgApp-guide__voice::before { border-bottom-color:#0076E7; }
.pj-vgApp-guide--guideB .pj-vgApp-guide__case          { background-color   :#FF3500; }
.pj-vgApp-guide--guideB .pj-vgApp-guide__voice         { border-color       :#FF3500; }
.pj-vgApp-guide--guideB .pj-vgApp-guide__voice::before { border-bottom-color:#FF3500; }

.pj-vgApp-guide .pj-vgApp-guide__voice--none {
	border-color    :#0DAB67;
	background-color:#0DAB67;
	color           :#FFF;
}
.pj-vgApp-guide .pj-vgApp-guide__voice--none::before,
.pj-vgApp-guide .pj-vgApp-guide__voice--none::after { display:none; }

/* ProductsDiff_guide_voice_text */

.pj-vgApp-situation .pj-vgApp-situation__map > .pj-vgApp-situation__scene:nth-child(1) .pj-vgApp-guide--guideA > .pj-vgApp-guide__voice > .pj-text:nth-child(n+2) { margin-top:0; display:none; }
.pj-vgApp-situation--et2620gd .pj-vgApp-situation__map > .pj-vgApp-situation__scene:nth-child(1) .pj-vgApp-guide--guideA > .pj-vgApp-guide__voice > .pj-text:nth-child(1) { display:none; }
.pj-vgApp-situation--et2620gd .pj-vgApp-situation__map > .pj-vgApp-situation__scene:nth-child(1) .pj-vgApp-guide--guideA > .pj-vgApp-guide__voice > .pj-text:nth-child(2) { display:block; }

@media screen and ( max-width:640px ) {
	.pj-vgApp-guide { font-size:90%; }
	.pj-vgApp-guide__desc { padding:0.6em; }
}
@media screen and ( max-width:320px ) {
	.pj-vgApp-guide { font-size:80%; }
}

/** <VGAppAboutVAButton> **/

.pj-vgApp-aboutVAButton {
	margin:auto;
	padding:10px 0.6em;
	border:1px solid #DDD;
	border-radius:5px;
	background-color:#FFFEEE;
	position:relative;
	display:block;
	max-width:520px;
	min-height:142px;
	text-decoration:none;
	text-align:left;
	overflow:hidden;
}
.pj-vgApp-aboutVAButton__photo {
	margin:auto;
	border-radius:180% 120% 0 120%;
	position:absolute;
	bottom:-20px;
	right:-15px;
	display:block;
	width:110px;
	height:140px;
	overflow:hidden;
}
.pj-vgApp-aboutVAButton__desc {
	display:block;
	font-size:70%;
	color:#C00;
}
.pj-vgApp-aboutVAButton__prof {
	margin-top:1.2em;
	display:block;
	font-weight:bold;
	font-size:80%;
	color:#000;
}
.pj-vgApp-aboutVAButton__click {
	margin-top:0.2em;
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	font-size:80%;
	color:#C00;
}
.pj-vgApp-aboutVAButton .c-button__text {
	position:relative;
	display:block;
	line-height:1.1;
}

.pj-vgApp-aboutVAButton:hover { background-color:#FCEAEA; }
.pj-vgApp-aboutVAButton:active { transform:scale( 0.97 ); }

@media screen and ( min-width:641px ) {
	.pj-vgApp-aboutVAButton { max-height:142px; }
	.pj-vgApp-aboutVAButton .pj-vgApp-aboutVAButton__photo { margin-bottom:0; } /* [IE] */
}
@media screen and ( max-width:640px ) {
	.pj-vgApp-aboutVAButton { padding-right:90px; }
	.pj-vgApp-aboutVAButton__desc,
	.pj-vgApp-aboutVAButton__prof,
	.pj-vgApp-aboutVAButton__click          { font-size:100%; }
	.pj-vgApp-aboutVAButton .c-button__text { font-size: 90%; }
	.pj-vgApp-aboutVAButton .c-button__text               br              { display:none;   }
	.pj-vgApp-aboutVAButton .pj-vgApp-aboutVAButton__desc br:nth-child(2) { display:inline; }
}
@media screen and ( max-width:320px ) {
	.pj-vgApp-aboutVAButton__desc,
	.pj-vgApp-aboutVAButton__prof,
	.pj-vgApp-aboutVAButton__click { font-size:95%; }
}

/** <VGAppModal> **/

.pj-vgApp-modal {
	margin:auto;
	padding:1px;
	background-color:rgba( 0, 0, 0, 0.5 );
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
}
.pj-vgApp-modal:before {
	margin:auto;
	border:1px solid #940000;
	background:#FFF url( "../img/img_modal_bg.png" ) top left repeat;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	content:"";
}
.pj-vgApp-modal__body {
	margin:auto;
	position:relative;
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
}
.pj-vgApp-modal__close {
	margin:auto;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	display:table;
	line-height:1.5;
}

@media screen and ( min-width:641px ) {
	.pj-vgApp-modal {
		padding:11px;
		z-index:1;
	}
	.pj-vgApp-modal::before { margin:10px; }
	.pj-vgApp-modal__close {
		bottom:1.5em;
		left:auto;
		right:1.5em;
	}
}
@media screen and ( max-width:640px ) {
	.pj-vgApp-modal {
		margin-top:1.0em;
		position:relative;
		max-width:520px;
	}
	.pj-vgApp-modal__close {
		position:relative;
		bottom:1.0em;
	}
}

/** <VGAppModalPanel> **/

.pj-vgApp-modalPanel {
	margin:auto;
	padding:1.5em;
	position:relative;
	min-height:100%;
}

@media screen and ( min-width:641px ) {
	.pj-vgApp-modalPanel { padding-bottom:2.5em; }
}
@media screen and ( max-width:640px ) {
	.pj-vgApp-modalPanel { padding-bottom:2.5em; }
}
@media screen and ( max-width:320px ) {
	.pj-vgApp-modalPanel { padding:1.0em 1.0em 2.0em; }
}

/** <VGAppAboutVAPhoto> **/

.pj-vgApp-aboutVAPhoto {
	margin:auto;
	border-radius:50%;
	background-color:#FFFEEE;
	position:relative;
	display:block;
	max-width:265px;
	max-height:345px;
	overflow:hidden;
}

@media screen and ( max-width:640px ) {
	.pj-vgApp-aboutVAPhoto {
		max-width:200px;
		max-height:245px;
	}
}

/** <VGAppAboutVAProfile> **/

.pj-vgApp-aboutVAProfile {
	position:relative;
	max-width:415px;
	font-family:"Hiragino Mincho ProN", "Yu Mincho", Georgia, serif;
	font-weight:bold;
	color:#940000;
}
.pj-vgApp-aboutVAProfile__heading { font-size:120%; }
.pj-vgApp-aboutVAProfile__heading small { font-size:80%; }
.pj-vgApp-aboutVAProfile__heading::before,
.pj-vgApp-aboutVAProfile__heading::after {
	border:solid #940000;
	display:block;
	width:100%;
	height:5px;
	content:"";
}
.pj-vgApp-aboutVAProfile__heading::before { margin-bottom:0.3em; border-width:2px 0 1px; }
.pj-vgApp-aboutVAProfile__heading::after  { margin-top   :0.3em; border-width:1px 0 2px; }

.pj-vgApp-aboutVAProfile .c-list { font-size:95%; }
.pj-vgApp-aboutVAProfile .c-list > * { line-height:1.1; }
.pj-vgApp-aboutVAProfile .c-list--opt > *:nth-last-child(n+2)::after { margin-bottom:0.5em; }
.pj-vgApp-aboutVAProfile .c-list--opt .c-list__marker { padding-right:1.0em; }

@media screen and ( max-width:640px ) {
	.pj-vgApp-aboutVAProfile { max-width:380px; }
	.pj-vgApp-aboutVAProfile__heading { text-align:center; }
	
	.pj-vgApp-aboutVAProfile .c-list--opt { font-size:85%; }
}

/** <VGAppAboutVAFilmographies> **/

.pj-vgApp-aboutVAFilmographies { position:relative; }
.pj-vgApp-aboutVAFilmographies__heading { font-size:105%; }
*[class*="pj-vgApp-aboutVAFilmographies__dot-"] {
	position:relative;
	overflow:hidden;
}
*[class*="pj-vgApp-aboutVAFilmographies__dot-"]::after {
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	content:"・・・・・・・・・・・・・・・・・・・・";
}
.pj-vgApp-aboutVAFilmographies__dot-pos-3::after  { left: 3.0em; }
.pj-vgApp-aboutVAFilmographies__dot-pos-5::after  { left: 5.0em; }
.pj-vgApp-aboutVAFilmographies__dot-pos-7::after  { left: 7.0em; }
.pj-vgApp-aboutVAFilmographies__dot-pos-10::after { left:10.0em; }

.pj-vgApp-aboutVAFilmographies .c-list--opt .c-list__marker { padding-right:3.0em; }
.pj-vgApp-aboutVAFilmographies * + .c-list { margin-top:0.6em; }

@media screen and ( max-width:640px ) {}

/** <VGAppModalButton> **/

.pj-vgApp-modalButton {
	padding:0 0.5em;
	border-radius:1.0em;
	background-color:#FFF;
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-decoration:none;
	color:#FFF;
}
.pj-vgApp-modalButton .c-button__icon,
.pj-vgApp-modalButton .c-button__text {
	position:relative;
	display:inline-block;
}
.pj-vgApp-modalButton .c-button__icon + .c-button__text { padding-left:0.3em; }

.pj-vgApp-modalButton::before {
	margin:auto;
	border-radius:1.0em;
	background-color:#0DAB67;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:block;
	width:100%;
	height:100%;
	content:"";
}
.pj-vgApp-modalButton--close::before  { background-color:#C20D23; }

.pj-vgApp-modalButton--close  .c-button__text {
	text-transform:uppercase;
	font-weight:bold;
}

.pj-vgApp-modalButton:hover::before  { opacity:0.8; }
.pj-vgApp-modalButton:active::before { opacity:1.0; }
.pj-vgApp-modalButton:active { transform:scale( 0.9 ); }

@media screen and ( max-width:640px ) {}

/** <VGAppMainGrid> **/

.pj-vgApp-mainGrid     { position:relative; }
.pj-vgApp-mainGrid > * { position:relative; }
.pj-vgApp-mainGrid__back {
	margin:auto;
	border-radius:50%;
	position:absolute;
	top:0;
	bottom:0;
	display:none;
	width:36px;
	height:36px;
	overflow:hidden;
}
.pj-vgApp-mainGrid__back .c-button__icon { transform:scale( 1.5 ); }
.pj-vgApp-mainGrid__back .c-button__text { display:none; }
.pj-vgApp-mainGrid__back .pj-vgApp-icon-roundCaret-left { background-color:transparent; }
.pj-vgApp-mainGrid__back .pj-vgApp-icon-roundCaret-left::before { border-right-color:#FFF; }

@media all and ( min-width:641px ) {
	.pj-vgApp-mainGrid + .c-grid { margin-top:-142px; }
}
@media screen and ( max-width:640px ) {
	.pj-vgApp-mainGrid     { white-space:nowrap; }
	.pj-vgApp-mainGrid > * {
		vertical-align:middle;
		white-space:normal;
	}
	.pj-vgApp-mainGrid .pj-vgApp-mainGrid__back {
		margin-bottom:auto;
		display:block;
	}
}

/** [Tween] **/

.pj-vgApp-stage .c-button { transition:0.05s cubic-bezier( 0.165, 0.840, 0.440, 1.000 ); transition-property:transform; }
.pj-vgApp-stage .c-button:active { transition-duration:0s; }

.pj-vgApp-imageMap__map--area[class*="pj-vgApp-tween-"] {
	transition:0.3s cubic-bezier( 0.165, 0.840, 0.440, 1.000 );
	transition-property:transform, opacity;
}
.pj-vgApp-imageMap__map--area.pj-vgApp-tween-playIn  { opacity:1.0; }
.pj-vgApp-imageMap__map--area.pj-vgApp-tween-playOut { opacity:0.0; }

.pj-vgApp-point[class*="pj-vgApp-tween-"],
.pj-vgApp-point[class*="pj-vgApp-tween-"] > *:not( .pj-vgApp-point__image ) {
	transition:0.3s cubic-bezier( 0.165, 0.840, 0.440, 1.000 );
	transition-property:transform, opacity;
}
.pj-vgApp-point[class*="pj-vgApp-tween-"] > *:not( .pj-vgApp-point__image ) { transition-delay:0.3s; }
.pj-vgApp-point.pj-vgApp-tween-playIn  { transform:scale( 1.0 ); }
.pj-vgApp-point.pj-vgApp-tween-playOut { transform:scale( 0.0 ); }
.pj-vgApp-point[class*="pj-vgApp-tween-"].pj-vgApp-tween-playIn  > *:not( .pj-vgApp-point__image ) { opacity:1.0; }
.pj-vgApp-point[class*="pj-vgApp-tween-"].pj-vgApp-tween-playOut > *:not( .pj-vgApp-point__image ) { opacity:0.0; }

.pj-vgApp-situation__map[class*="pj-vgApp-tween-"] {
	transition:0.5s cubic-bezier( 0.165, 0.840, 0.440, 1.000 );
	transition-property:transform, opacity;
}
.pj-vgApp-situation__map.pj-vgApp-tween-playIn  { opacity:1.0; transform:translateX( 0 );    }
.pj-vgApp-situation__map.pj-vgApp-tween-playOut { opacity:0.0; transform:translateX( -90% ); }

.pj-vgApp-scene__map[class*="pj-vgApp-tween-"] {
	transition:0.0s cubic-bezier( 0.165, 0.840, 0.440, 1.000 );
	transition-property:transform, opacity;
}
.pj-vgApp-scene__map.pj-vgApp-tween-playIn  { opacity:1.0; transition-duration:0.5s; }
.pj-vgApp-scene__map.pj-vgApp-tween-playOut { opacity:0.0; }

.pj-vgApp-scene__guide[class*="pj-vgApp-tween-"],
.pj-vgApp-scene__guide[class*="pj-vgApp-tween-"] .pj-vgApp-guide__voice {
	transition:0.5s cubic-bezier( 0.165, 0.840, 0.440, 1.000 );
	transition-property:transform, opacity;
}
.pj-vgApp-scene__guide[class*="pj-vgApp-tween-"] .pj-vgApp-guide__voice { transition-delay:0.5s; }
.pj-vgApp-scene__guide.pj-vgApp-tween-playIn  { opacity:1.0; transform:translateX( 0 );    }
.pj-vgApp-scene__guide.pj-vgApp-tween-playOut { opacity:0.0; transform:translateX( -80% ); }
.pj-vgApp-scene__guide.pj-vgApp-tween-playIn  .pj-vgApp-guide__voice { opacity:1.0; transform:translateY( 0 );    }
.pj-vgApp-scene__guide.pj-vgApp-tween-playOut .pj-vgApp-guide__voice { opacity:0.0; transform:translateY( -20% ); }
.pj-vgApp-scene__guide.pj-vgApp-tween-playIn  .pj-vgApp-guide__voice--none { transform:translateY( 0 ); }
.pj-vgApp-scene__guide.pj-vgApp-tween-playOut .pj-vgApp-guide__voice--none { transform:translateY( 0 ); }

@media screen and ( max-width:640px ) {
	.pj-vgApp-mainGrid,
	.pj-vgApp-mainGrid > * {
		transition:0.5s cubic-bezier( 0.165, 0.840, 0.440, 1.000 );
		transition-property:transform, opacity;
	}
	.pj-vgApp-mainGrid.pj-vgApp-tween-playIn  { transform:translateX( -100% ); }
	.pj-vgApp-mainGrid.pj-vgApp-tween-playOut { transform:translateX( 0 );     }
	.pj-vgApp-mainGrid.pj-vgApp-tween-playIn  > *:first-child { opacity:0.0; }
	.pj-vgApp-mainGrid.pj-vgApp-tween-playIn  > *:last-child  { opacity:1.0; }
	.pj-vgApp-mainGrid.pj-vgApp-tween-playOut > *:first-child { opacity:1.0; }
	.pj-vgApp-mainGrid.pj-vgApp-tween-playOut > *:last-child  { opacity:0.0; }
}