@charset "UTF-8";
/* CSS Document */

.fran{
background-color: #889cba;}
.fran_tx{
color: #889cba;}
.fran2{
border:solid 4px #889cba;}

.jyuo{
background-color: #abda89;}
.jyuo_tx{
color: #abda89;}
.jyuo2{
border:solid 4px #abda89;}

.kon{
background-color: #f7cb4a;}
.kon_tx{
color: #f7cb4a;}
.kon2{
border:solid 4px #f7cb4a;}

.laboule{
background-color: #e6c0c0;}
.laboule_tx{
color: #e6c0c0;}
.laboule2{
border:solid 4px #e6c0c0;}

.noa{
background-color: #c88659;}
.noa_tx{
color: #c88659;}
.noa2{
border:solid 4px #c88659;}

.titie{
background-color: #ffa7b0;}
.titie_tx{
color: #ffa7b0;}
.titie2{
border:solid 4px #ffa7b0;}

.yuna{
background-color: #00aac9;}
.yuna_tx{
color: #00aac9;}
.yuna2{
border:solid 4px #00aac9;}

.zinovy{
background-color: #b4babd;}
.zinovy_tx{
color: #b4babd;}
.zinovy2{
border:solid 4px #b4babd;}

.ennet{
background-color: #e8c59c;}
.ennet_tx{
color: #e8c59c;}
.ennet2{
border:solid 4px #e8c59c;}

.harry{
background-color: #BBBCBF;}
.harry_tx{
color: #BBBCBF;}
.harry2{
border:solid 4px #BBBCBF;}

.litri{
background-color: #9c0031;}
.litri_tx{
color: #9c0031;}
.litri2{
border:solid 4px #9c0031;}

.madoka{
background-color: #754b3e;}
.madoka_tx{
color: #754b3e;}
.madoka2{
border:solid 4px #754b3e;}

.mina{
background-color: #F16F4F;}
.mina_tx{
color: #F16F4F;}
.mina2{
border:solid 4px #F16F4F;}

.shingen{
background-color: #86674F;}
.shingen_tx{
color: #86674F;}
.shingen2{
border:solid 4px #86674F;}

.siota{
background-color: #848482;}
.siota_tx{
color: #848482;}
.siota2{
border:solid 4px #848482;}

.ciel{
background-color: #95C0EC;}
.ciel_tx{
color: #95C0EC;}
.ciel2{
border:solid 4px #95C0EC;}

.olivier{
background-color: #7a5347;}
.olivier_tx{
color: #7a5347;}
.olivier2{
border:solid 4px #7a5347;}

.sample{
background-color: #FF6F71;}
.sample_tx{
color: #FF6F71;}
.sample2{
border:solid 4px #FF6F71;}

.speak{
background-color: #99D5F2;}

.apple{
background-color: #FF6F71;}

.fish{
background-color: #99D5F2;}

.music{
background-color: #A8EABF;}

.hand{
background-color: #FFAE5F;}



.fran_icon::before,.jyuo_icon::before,.kon_icon::before,.laboule_icon::before,.noa_icon::before,.titie_icon::before,.yuna_icon::before,.zinovy_icon::before,.olivier_icon::before{
	font-family: "Font Awesome 5 Free";
	font-size:30px;
	font-weight: 900;
    content:  "\f1bb"; /* 空の要素作成 */
	color:#56D080;}

.ciel_icon2::before,.ennet_icon2::before,.harry_icon2::before,.litri_icon2::before,.madoka_icon2::before,.mina_icon2::before,.shingen_icon2::before,.siota_icon2::before{
	font-family: "Font Awesome 5 Free";
	font-size:30px;
	font-weight: 900;
    content:  "\f072"; /* 空の要素作成 */
	color:#FFFEEE;}

.fran_icon2::before,.jyuo_icon2::before,.kon_icon2::before,.laboule_icon2::before,.noa_icon2::before,.titie_icon2::before,.yuna_icon2::before,.zinovy_icon2::before,.olivier_icon2::before{
	font-family: "Font Awesome 5 Free";
	font-size:30px;
	font-weight: 900;
    content:  "\f1bb"; /* 空の要素作成 */
	color:#FFFEEE;}

.ciel_icon::before,.ennet_icon::before,.harry_icon::before,.litri_icon::before,.madoka_icon::before,.mina_icon::before,.shingen_icon::before,.siota_icon::before{
	font-family: "Font Awesome 5 Free";
	font-size:30px;
	font-weight: 900;
    content:  "\f072"; /* 空の要素作成 */
	color:#43A3FF;}

.sample_icon::before{
	font-family: "Font Awesome 5 Free";
	font-size:30px;
	font-weight: 900;
    content:  "\f578"; /* 空の要素作成 */
	color:#43A3FF;}

.mail::before{
	font-family: "Font Awesome 5 Free";
	font-size:30px;
	font-weight: 900;
    content:  "\f075"; /* 空の要素作成 */
	color:#43A3FF;}

.letter::before{
	font-family: "Font Awesome 5 Free";
	font-size:30px;
	font-weight: 900;
    content:  "\f0e0"; /* 空の要素作成 */
	color:#43A3FF;}

.speak_icon2::before{
	font-family: "Font Awesome 5 Free";
	font-size:30px;
	font-weight: 900;
    content:  "\f028"; /* 空の要素作成 */
	color:#FFFEEE;}

.apple_icon2::before{
	font-family: "Font Awesome 5 Free";
	font-size:30px;
	font-weight: 900;
    content:  "\f5d1"; /* 空の要素作成 */
	color:#FFFEEE;}

.fish_icon2::before{
	font-family: "Font Awesome 5 Free";
	font-size:30px;
	font-weight: 900;
    content:  "\f578"; /* 空の要素作成 */
	color:#FFFEEE;}

.music_icon2::before{
	font-family: "Font Awesome 5 Free";
	font-size:30px;
	font-weight: 900;
    content:  "\f001"; /* 空の要素作成 */
	color:#FFFEEE;}

.hand_icon2::before{
	font-family: "Font Awesome 5 Free";
	font-size:30px;
	font-weight: 900;
    content:  "\f256"; /* 空の要素作成 */
	color:#FFFEEE;}




@media screen and (max-width: 380px) {
.fran_icon::before,.jyuo_icon::before,.kon_icon::before,.laboule_icon::before,.noa_icon::before,.titie_icon::before,.yuna_icon::before,.zinovy_icon::before{
	font-size:20px;}

.ciel_icon::before,.ennet_icon::before,.harry_icon::before,.litri_icon::before,.madoka_icon::before,.mina_icon::before,.shingen_icon::before,.siota_icon::before,
.ciel_icon2::before,.ennet_icon2::before,.harry_icon2::before,.litri_icon2::before,.madoka_icon2::before,.mina_icon2::before,.shingen_icon2::before,.siota_icon2::before,
.fran_icon2::before,.jyuo_icon2::before,.kon_icon2::before,.laboule_icon2::before,.noa_icon2::before,.titie_icon2::before,.yuna_icon2::before,.zinovy_icon2::before,.olivier_icon2::before,
.mail::before,.letter::before,.speak_icon2::before,.apple_icon2::before,.fish_icon2::before,.music_icon2::before,.hand_icon2::before{
	font-size:20px;}
}