* {font-family: "M PLUS Rounded 1c", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;}
* {word-wrap: break-word; box-sizing: border-box;}
.bold {font-weight: bold;}
.red {color: red;}
.red2 {color: #ff3333;}
.red3 {color: #ff0059;}
.orange {color: orange;}
.shadow {text-shadow: 1px 1px 1px yellow;}
.yellow {color: yellow;}
.yellow2 {color: #fff479;}
.bgyellow {background-color: yellow; padding: 0px 4px;}
.bgyellow2 {background: linear-gradient(transparent 50%, #fcfd8a 50%);}
.markerye {background-color: #fff479;}
.markerore {background-color: #ffcc79;}
.markeryellow {background: linear-gradient(transparent 50%, #fcfd8a 50%);}
.markeryellow2 {background: linear-gradient(transparent 60%,#ffffbc 35%);}
.marker {background: linear-gradient(transparent 30%, #ff0 30%);}
.markerperple {background: linear-gradient(transparent 30%, #fbd 30%);}
.markergreen {background: linear-gradient(transparent 30%, #fdb 30%);}
.markerblue {background: linear-gradient(transparent 30%, #D9E5FF 30%);}
.markerpink {background: linear-gradient(transparent 35%,#ffdfef 35%);}
.big {font-size: 1.5em; line-height: 1.5em;}
.sp-big {font-size: 1.4em; line-height: 1.5em;}
.big2 {font-size: 1.3em; line-height: 1.3em;}
.big3 {font-size: 2.7em; line-height: 1.5em;}
.big4 {font-size: 2em; line-height: 1.4em;}
.big5 {font-size: 1.2em; line-height: 1.2em;}
.big6 {font-size: 3.6em; line-height: 1.4em;}
.small {font-size: 0.8em; line-height: 0.85em;}
.small2 {font-size: 0.6em; line-height: 0.7em;}
.small3 {font-size: 0.9em;}
.black {color: #000;}
.whiteshadow {text-shadow: 1px 1px 1px #fff;}
.highlight {background: linear-gradient(transparent 10%, #ff9 10%);}
.gold {color: gold;}
.gold2 {color: #017cb2;}
.pink {color: pink;}
.vividpink {color: #c51179;}
.hotpink {color: hotpink;}
.blue {color: #00c;}
.blue2 {color: #0000ff;}
.blue3 {color: #284ab0;}
.skyblue {color: skyblue;}
.darkblue {color: darkslateblue;}
.green {color: green;}
.lightgreen {color: lightgreen;}
.bgblue {background-color: skyblue; padding: 0px 4px;}
.blueshadow {text-shadow: 1px 1px 1px blue;}
.orange {color: orange;}
.orangeshadow {text-shadow: 1px 1px 1px orange;}
.lightgray {color: #ccc;}
.gray {color: #555;}
.gray2 {color: #eee;}
.grayshadow {text-shadow: 1px 1px 1px #999;}
.ts1 {text-shadow: 1px 1px 0 white, 2px 2px 0 rgba(232, 111, 86, 0.5);}
img {width: 100%;}
.black {color: #000;}
.underline {text-decoration: underline;}
ul {list-style: none;}
.tall {line-height: 2em;}
.noshadow {text-shadow: none;}
.nodisp {display: none!important;}
a {-webkit-tap-highlight-color:rgba(0,0,0,0.2);}
a.disabled {pointer-events: none;}
input[type=submit] {-webkit-appearance: none; -webkit-tap-highlight-color:rgba(0,0,0,0.2);}
button[type=submit] {-webkit-appearance: none; -webkit-tap-highlight-color:rgba(0,0,0,0.2);}
.align_l {text-align: left;}
.align_r {text-align: right;}
video {width: 100%; height: auto; box-sizing: border-box;}
blockquote {
	position: relative;
	padding: 50px 13px 18px;
	background-color: #eeeeee54;
  border: 1px solid #eef;
	border-left: 6px solid #bbb;
	border-radius: 4px;
	font-size: 14px;
	color: #444;
	margin-bottom: 10px;
  line-height: 1.9;
}
blockquote:before {
	content: "“";
	font-size: 600%;
	line-height: 0.7em;
	color: #aaa;
	font-family: "ＭＳ Ｐゴシック",sans-serif;
	position: absolute;
	left: 12px;
	top: 20px;
}
blockquote p {
	margin-bottom: 5px;
}
blockquote .source {
	border-top: 1px solid #ccc;
	padding-top: 8px;
	text-align: right;
	font-size: 12px;
}
blockquote .source a {
	text-decoration: none;
	color: #333;
}
/*吹き出し*/
.balloon_l,
.balloon_r{
  margin: 16px 0;
  display:flex;
  justify-content: flex-start;
  align-items: flex-start; /*縦位置を上揃え*/
  align-items: center;  /*縦位置を真ん中揃え*/
}
.balloon_r{
  justify-content:flex-end;
}
.faceicon img{
  width: 80px; /*任意のサイズ*/
  height: 90px;
  object-fit: cover;
}
.balloon_r .faceicon{
  margin-left:25px;
}
.balloon_l .faceicon{
  margin-right:25px;
}
.balloon_r .faceicon{
  order:2 !important;
}
.says {
  max-width:500px; /*最大幅は任意*/
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 10px 10px 10px 10px;
  border-radius: 12px;
  background: #fbdae8;/*色は任意*/
  box-sizing:border-box;
  margin:0 !important;
  line-height:1.5;
/*   align-items: center; */
}
/*.says p{
  margin:8px 0 0 !important; 
}
.says p:first-child{
  margin-top:0 !important;
}*/
.says:after {
  content: "";
  position: absolute;
  border: 10px solid transparent;
/*   margin-top:-3px;  */
}
.balloon_l .says:after {
  left: -26px;
  border-right: 22px solid #fbdae8;
}
.balloon_r .says:after {
  right: -26px;
  border-left: 22px solid #fbdae8;
}
/*.sp-none {display: none;}*/
@keyframes anim01 {
    from {
        /*width: 100%;*/
        margin-left: 6px;
    }
    50% {
        /*width: 80%;*/
        margin-left: 0px;
    }
    to {
        /*width: 100%;*/
        margin-left: 6px;
    }
}
/*https://www.showdesignlab.com/weblog/2019/05/17/219*/
.reflection {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-color: #666;
}
.reflection::after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #FFF;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflect 2s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflect 2s ease-in-out infinite;
}
@keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
.tada {
  animation: tada_6268 2.6s linear infinite;
  transform-origin: 50% 50%;
}
@keyframes tada_6268 {
  0% { transform: scale(1) }
  7.69231% { transform:scale(1) rotate(-8deg) }
  15.38462% { transform:scale(1) rotate(-8deg) }
  23.07692% { transform:scale(1) rotate(8deg) }
  30.76923% { transform:scale(1) rotate(-8deg) }
  38.46154% { transform:scale(1) rotate(8deg) }
  46.15385% { transform:scale(1) rotate(-8deg) }
  53.84615% { transform:scale(1) rotate(8deg) }
  61.53846% { transform:scale(1) rotate(0) }
  100% { transform:scale(1) rotate(0) }
}

.btn {
    margin: 0 auto !important;
    -webkit-animation-duration:2s;
    -moz-animation-duration:2s;
    -ms-animation-duration:2s;
    -o-animation-duration:2s;
    animation-duration:2s;
 
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
 
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    
    z-index: 8;
    
    -webkit-animation-name: plnpln1;
    -moz-animation-name: plnpln1;
    -o-animation-name: plnpln1;
    animation-name: plnpln1;
}
.btn {
    margin: 0.5em 0.5em 0.5em 0;
}
@-moz-keyframes plnpln1 {
    0% { -moz-transform: skewX(9deg); }
    10% { -moz-transform: skewX(-8deg); }
    20% { -moz-transform: skewX(7deg); }
    30% { -moz-transform: skewX(-6deg); }
    40% { -moz-transform: skewX(5deg); }
    50% { -moz-transform: skewX(-4deg); }
    60% { -moz-transform: skewX(3deg); }
    70% { -moz-transform: skewX(-2deg); }
    80% { -moz-transform: skewX(1deg); }
    90% { -moz-transform: skewX(0deg); }
    100% { -moz-transform: skewX(0deg); }
}
@-o-keyframes plnpln1 {
    0% { -o-transform: skewX(9deg); }
    10% { -o-transform: skewX(-8deg); }
    20% { -o-transform: skewX(7deg); }
    30% { -o-transform: skewX(-6deg); }
    40% { -o-transform: skewX(5deg); }
    50% { -o-transform: skewX(-4deg); }
    60% { -o-transform: skewX(3deg); }
    70% { -o-transform: skewX(-2deg); }
    80% { -o-transform: skewX(1deg); }
    90% { -o-transform: skewX(0deg); }
    100% { -o-transform: skewX(0deg); }
}
 
@-webkit-keyframes plnpln1 {
    0% { -webkit-transform: skewX(9deg); }
    10% { -webkit-transform: skewX(-8deg); }
    20% { -webkit-transform: skewX(7deg); }
    30% { -webkit-transform: skewX(-6deg); }
    40% { -webkit-transform: skewX(5deg); }
    50% { -webkit-transform: skewX(-4deg); }
    60% { -webkit-transform: skewX(3deg); }
    70% { -webkit-transform: skewX(-2deg); }
    80% { -webkit-transform: skewX(1deg); }
    90% { -webkit-transform: skewX(0deg); }
    100% { -webkit-transform: skewX(0deg); }
}