/* 会話全体枠本体 */section#kaiwa.kaiwa1 .messageView {position: relative;/*  width: 620px; */max-width: 100%;/*  height: 320px; *//* 上マージンには画像が入る *//*margin: 110px auto 0; */margin: 84px auto 0;cursor: pointer;}@media screen and (min-width: 768px) {section#kaiwa.kaiwa1 .messageView {max-width: 760px;margin: 90px auto 0;}}/* 会話全体枠本体の位置 */section#kaiwa.kaiwa1 .messageView .mv-contents {  padding: 80px 0 0;}@media screen and (min-width:641px) {section#kaiwa.kaiwa1 .messageView .mv-contents {    padding: 80px 0 0;}}@media screen and (min-width: 768px) {section#kaiwa.kaiwa1 .messageView .mv-contents {padding: 88px 0 0;}}/* 名前枠の設定 */section#kaiwa.kaiwa1 .messageView .mv-contents .mv-name {position: absolute;  top: 100px;left: 6px;width: 180px;padding: 0 10px 0;/* パープル使用中 *//* ライトパープル単色  background: -webkit-gradient(linear, left top, right top, from(rgba(250,206,75,0)),color-stop(0.08, #a77dd1),color-stop(0.92, #a77dd1),to(rgba(250,206,75,0)));  background: linear-gradient(left, rgba(250,206,75,0),#a77dd1 8%,#a77dd1 92%,rgba(250,206,75,0));*//* ライトパープル～イエローbackground: -webkit-gradient(linear, left top, right top, from(rgba(250,206,75,0)),color-stop(0.05, rgba(250,206,75,0.7)),color-stop(0.1, #a77dd1),color-stop(0.9, #a77dd1),color-stop(0.95, rgba(250,206,75,0.7)),to(rgba(250,206,75,0)));background: linear-gradient(left, rgba(250,206,75,0),rgba(250,206,75,0.7) 5%, #a77dd1 10%,#a77dd1 90%, rgba(250,206,75,0.7) 95%,rgba(250,206,75,0));*//* パープル単色background: -webkit-gradient(linear, left top, right top, from(rgba(167,125,209,0)),color-stop(0.05, rgba(167,125,209,0.7)),color-stop(0.1, #6d5884),color-stop(0.9, #6d5884),color-stop(0.95, rgba(167,125,209,0.7)),to(rgba(167,125,209,0)));background: linear-gradient(left, rgba(167,125,209,0),rgba(167,125,209,0.7) 5%, #6d5884 10%,#6d5884 90%, rgba(167,125,209,0.7) 95%,rgba(167,125,209,0));*//* やや明るいパープル～イエローbackground: -webkit-gradient(linear, left top, right top, from(rgba(242,213,138,0)),color-stop(0.05, rgba(242,213,138,0.9)),color-stop(0.1, #906fb7),color-stop(0.9, #906fb7),color-stop(0.95, rgba(242,213,138,0.9)),to(rgba(242,213,138,0)));background: linear-gradient(left, rgba(242,213,138,0),rgba(242,213,138,0.9) 5%, #906fb7 10%,#906fb7 90%, rgba(242,213,138,0.9) 95%,rgba(242,213,138,0));*//* やや明るいパープル～白使用中 *//*  background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)),color-stop(0.05, rgba(255,255,255,0.9)),color-stop(0.1, #906fb7),color-stop(0.9, #906fb7),color-stop(0.95, rgba(255,255,255,0.9)),to(rgba(255,255,255,0)));  */  background: linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,0.9) 5%, #906fb7 10%,#906fb7 90%, rgba(255,255,255,0.9) 95%,rgba(255,255,255,0));border-top: 1px solid #fff;border-bottom: 1px solid #fff;color: #EEEEEE;/*font-weight: bold; */text-align: center;text-shadow: 1px 1px 4px #000;  z-index: 20;zoom: 1;}@media screen and (min-width:641px) {section#kaiwa.kaiwa1 .messageView .mv-contents .mv-name {    width: 230px;    top: 95px;    left: 8px;}}@media screen and (min-width: 768px) {section#kaiwa.kaiwa1 .messageView .mv-contents .mv-name {    top: 110px;left: 10px;padding: 0 10px;width: 230px;}}/* 会話枠の設定 */section#kaiwa.kaiwa1 .messageView .mv-contents .mv-comment {position: relative;box-sizing: border-box;margin: 40px 0 0;height: 126px;padding: 13px 20px 2px 20px;background: rgba(0, 11, 26, 0.7);border-radius: 4px;color: #EEEEEE;z-index: 10;}@media screen and (min-width: 641px) {section#kaiwa.kaiwa1 .messageView .mv-contents .mv-comment {height: 128px;padding: 13px 20px 2px 20px;}}@media screen and (min-width: 768px) {section#kaiwa.kaiwa1 .messageView .mv-contents .mv-comment {margin: 46px 0 0;height: 136px;padding: 14px 26px 2px;}}/* ポインターの設定 */section#kaiwa.kaiwa1 .messageView .mv-contents .mv-comment .pointer {position: absolute;/*right: 8%; */right: 6%;bottom: 0;width: 18px;height: 13px;background: url(../img/yajirushi1.png) no-repeat;-moz-background-size: 18px auto;-webkit-background-size: 18px auto;background-size: 18px auto;/* 点滅中止 */ /*  -moz-animation: pointer-anime 1s ease-in-out infinite;  -webkit-animation: pointer-anime 1s ease-in-out infinite;  animation: pointer-anime 1s ease-in-out infinite;*/}@media screen and (min-width: 768px) {section#kaiwa.kaiwa1 .messageView .mv-contents .mv-comment .pointer {width: 20px;-moz-background-size: 20px auto;-webkit-background-size: 20px auto;background-size: 20px auto;}}/* 画像の設定（右左中央） */section#kaiwa.kaiwa1 .messageView .mv-contents .mv-image.character {position: absolute;  right: 6%;top: -84px;z-index: 1;}section#kaiwa.kaiwa1 .messageView .mv-contents .mv-image.character img {display: block;max-width: 200px;}@media screen and (min-width: 768px) {section#kaiwa.kaiwa1 .messageView .mv-contents .mv-image.character {    right: 6%;top: -90px;}section#kaiwa.kaiwa1 .messageView .mv-contents .mv-image.character img {max-width: 300px;}}section#kaiwa.kaiwa1 .messageView.left .mv-name {left: auto;  right: 8px;}section#kaiwa.kaiwa1 .messageView.left .mv-contents .mv-image.character {right: auto;  left: 4%;}@media screen and (min-width: 768px) {section#kaiwa.kaiwa1 .messageView.left .mv-name {right: 24px;}section#kaiwa.kaiwa1 .messageView.left .mv-contents .mv-image.character {    left: 4%;}}section#kaiwa.kaiwa1 .messageView.center .mv-contents .mv-image.character {right: auto;left: 30%;-moz-animation: character-anime 3s ease-in 0s infinite normal;-webkit-animation: character-anime 3s ease-in 0s infinite normal;animation: character-anime 3s ease-in 0s infinite normal;}/* center2追記 */section#kaiwa.kaiwa1 .messageView.center2 .mv-contents .mv-image.character {right: auto;left: 30%;-moz-animation: character-anime2 7s ease-in-out 0s infinite normal;-webkit-animation: character-anime2 7s ease-in-out 0s infinite normal;animation: character-anime2 7s ease-in-out 0s infinite normal;}@media screen and (min-width: 768px) {section#kaiwa.kaiwa1 .messageView.center .mv-contents .mv-image.character,section#kaiwa.kaiwa1 .messageView.center2 .mv-contents .mv-image.character {right: auto;left: 40%;}}/* Flash設定 */section#kaiwa.kaiwa1 .messageView.flash .effect {position: absolute;top: -90px;right: 0;display: block;width: 100%;bottom: 0;background: #fff;/*-moz-box-shadow: 0px 0px 15px 15px #fff;-webkit-box-shadow: 0px 0px 15px 15px #fff;-ms-box-shadow: 0px 0px 15px 15px #fff;*/box-shadow: -2px -20px 15px 20px #fff;-moz-animation: flash-anime 2s ease-in 1 normal;-webkit-animation: flash-anime 2s ease-in 1 normal;animation: flash-anime 2s ease-in 1 normal;opacity: 0;}/* keyframesここから *//* character-anime */@-webkit-keyframes character-anime {  0% {    -webkit-transform: translate3d(0, 0, 0);  }  20% {    -webkit-transform: translate3d(0, -18px, 0);  }  30% {    -webkit-transform: translate3d(0, 0, 0);  }  100% {    -webkit-transform: translate3d(0, 0, 0);  }}@-moz-keyframes character-anime {  0% {    -moz-transform: translate3d(0, 0, 0);  }  20% {    -moz-transform: translate3d(0, -18px, 0);  }  30% {    -moz-transform: translate3d(0, 0, 0);  }  100% {    -moz-transform: translate3d(0, 0, 0);  }}@keyframes character-anime {  0% {    transform: translate3d(0, 0, 0);  }  20% {    transform: translate3d(0, -18px, 0);  }  30% {    transform: translate3d(0, 0, 0);  }  100% {    transform: translate3d(0, 0, 0);  }}/* character-anime2 */@-webkit-keyframes character-anime2 {  0% {    -webkit-transform: translate3d(-6px, 0, 0);  }  17% {    -webkit-transform: translate3d(-12px, 14px, 0);  }  34% {    -webkit-transform: translate3d(6px, -18px, 0);  }  51% {    -webkit-transform: translate3d(20px, 16px, 0);  }  68% {    -webkit-transform: translate3d(32px, -12px, 0);  }  85% {    -webkit-transform: translate3d(44px, 12px, 0);  }  100% {    -webkit-transform: translate3d(-6px, 0, 0);  }}@-moz-keyframes character-anime2 {  0% {    -moz-transform: translate3d(-6px, 0, 0);  }  17% {    -moz-transform: translate3d(-12px, 14px, 0);  }  34% {    -moz-transform: translate3d(6px, -18px, 0);  }  51% {    -moz-transform: translate3d(20px, 16px, 0);  }  68% {    -moz-transform: translate3d(32px, -12px, 0);  }  85% {    -moz-transform: translate3d(44px, 12px, 0);  }  100% {    -moz-transform: translate3d(-6px, 0, 0);  }}@keyframes character-anime2 {  0% {    transform: translate3d(-6px, 0, 0);  }  17% {    transform: translate3d(-12px, 14px, 0);  }  34% {    transform: translate3d(6px, -18px, 0);  }  51% {    transform: translate3d(20px, 16px, 0);  }  68% {    transform: translate3d(32px, -12px, 0);  }  85% {    transform: translate3d(44px, 12px, 0);  }  100% {    transform: translate3d(-6px, 0, 0);  }}/* 未使用 *//*@-webkit-keyframes character-anime2 {  0% {    -webkit-transform: translate3d(0, 0, 0);  }  50% {    -webkit-transform: translate3d(8px, -18px, 0);  }  100% {    -webkit-transform: translate3d(16px, 8px, 0);  }}@-moz-keyframes character-anime2 {  0% {    -moz-transform: translate3d(0, 0, 0);  }  50% {    -moz-transform: translate3d(8px, -18px, 0);  }  100% {    -moz-transform: translate3d(16px, 8px, 0);  }}@keyframes character-anime2 {  0% {    transform: translate3d(0, 0, 0);  }  50% {    transform: translate3d(8px, -18px, 0);  }  100% {    transform: translate3d(16px, 8px, 0);  }}*//* character-anime keyframesここまで *//* flash-anime */@-webkit-keyframes flash-anime {  0% {    opacity: 0;    z-index: 200;  }  20% {    opacity: 0.5;    z-index: 200;  }  35% {    opacity: 0;    z-index: 200;  }  50% {    opacity: 0.9;    z-index: 200;  }  70% {    opacity: 0;    z-index: 200;  }  100% {    opacity: 0;    z-index: 200;  }}@-moz-keyframes flash-anime {  0% {    opacity: 0;    z-index: 200;  }  20% {    opacity: 0.5;    z-index: 200;  }  35% {    opacity: 0;    z-index: 200;  }  50% {    opacity: 0.9;    z-index: 200;  }  70% {    opacity: 0;    z-index: 200;  }  100% {    opacity: 0;    z-index: 200;  }}@keyframes flash-anime {  0% {    opacity: 0;    z-index: 200;  }  20% {    opacity: 0.5;    z-index: 200;  }  35% {    opacity: 0;    z-index: 200;  }  50% {    opacity: 0.9;    z-index: 200;  }  70% {    opacity: 0;    z-index: 200;  }  100% {    opacity: 0;    z-index: 200;  }}/* keyframesここまで *//* サンプル１，２設定ここまで */