/*
TRIADICJAPAN
*/
@charset "UTF-8";



/* balloon1 */
.balloon1 {
 border-radius: 50%;
-webkit-animation:balloon 3s infinite linear alternate;
animation:balloon1 3s infinite linear alternate;
}
@-webkit-keyframes balloon1 {
0% {-webkit-transform:translate(0, 0) rotate(-15deg);}
50% {-webkit-transform:translate(0, -15px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(15deg);}
}
@keyframes balloon1 {
0% {transform:translate(0, 0) rotate(-15deg);}
50% {transform:translate(0, -15px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(15deg);}
}
/* balloon2 */
.balloon2 {
 border-radius: 50%;
-webkit-animation:balloon 3s infinite linear alternate;
animation:balloon2 3s infinite linear alternate;
}
@-webkit-keyframes balloon2 {
0% {-webkit-transform:translate(0, 0) rotate(15deg);}
50% {-webkit-transform:translate(0, 15px) rotate(0deg);}
100% {-webkit-transform:translate(0, 0)rotate(-15deg);}
}
@keyframes balloon2 {
0% {transform:translate(0, 0) rotate(15deg);}
50% {transform:translate(0, 15px) rotate(0deg);}
100% {transform:translate(0, 0)rotate(-15deg);}
}


/* image size */
.size-1 { position: relative;  width: 120px!important; height: 120px!important;  }
.size-2 { position: relative; width: 100px!important; height: 100px!important;  }
.size-3 { width: 80px!important; height: 80px!important;  }
.size-0 { display: block!important; }



/* コレ以下はstyle.cssの上書き  */

/*------------------------------------------------------------
	NEWS
------------------------------------------------------------ */
.news .clm2 > li, .news ul > div { width: 48%; }
.news li {margin: 0 0 5%;}
.news li h3 { line-height: 1.3;}
.news ul div li h3 { font-size: 14px; }
.news li img {margin: 0 0 1em;}
.news li .date { font-size: 12px; margin: 0 0 .5em; color: #333;}
.news .tagN { position: relative; display: flex; align-items: center; text-align: right; margin: 1em 0 0; color: #000;}
.news .tagN::before { content: ""; display: block; margin-right: .5em; flex-grow: .15; height: 3px; background: #000;}
.news ul div li .tagN::before { flex-grow: .3;}
.news .tagN-sv::before { background: #8cc63f; }
.news .tagN-ct::before { background: #0071bc; }
.news .tagN-wk::before { background: #c1272d; }
@media(max-width:767px) {
.news .clm2 > li, .news ul > div { width: 100%; }
.news li, .clm2 li:last-child {margin: 0 0 10%;}
.news li h3, .news ul div li h3 { font-size: 1.5rem; }
.news li .date { font-size: 1.2rem; }
.news .tagN { margin: .8em 0 0; }
.news .tagN::before, .news ul div li .tagN::before { flex-grow: .2; }
}