/*吹き出し（もこもこ）*/

.voice{
margin : 40px 20px;
}


.mokomoko_box {
width : 60%;
    position: relative;
    padding: 0.5rem 2rem 2rem 3.5rem;
    border-radius: 50%;
    box-shadow: 1rem -2rem #a0ccef;
    background-color: #A9cEEc;

}

.mokomoko_box::before {
    position: absolute;
    content: '';
    top: 70%;
    left: 5%;
    width: 15px;
    height: 30px;
    background-color: #A9cEEc;
    border-radius: 50% 50% 50% 50% / 0% 0% 100% 100%;
    transform: rotate(30deg);
}


.mokomoko_box_right {
width : 60%;
left : 60%;
    position: relative;
    padding: 0.5rem 3.5rem 3rem 3rem;
    border-radius: 50%;
    box-shadow: -1rem -2rem #fe8f66;
    background-color: #fd926b;

}

.mokomoko_box_right::before {
    position: absolute;
    content: '';
    top: 70%;
    left: 90%;
    width: 15px;
    height: 30px;
    background-color: #fd926b;
    border-radius: 50% 50% 50% 50% / 0% 0% 100% 100%;
    transform: rotate(-30deg);
}


.mokomoko_box p {
    line-height: 1.5;
}

div.albumBox{
	text-align:center;
}
div.albumBox > span{
	display:inline-block;
	margin-bottom:10px;
}

div.albumBox > img{
	display:inline-block;
	margin-bottom:10px;
	border:1px solid #ccc;
}
div.albumBox img,
img.setPhoto{
	border:1px solid #ccc;
	padding:3px;
}


.color_ttl{
color :#46b0a2;
}




@media screen and (max-width:767px) {
.mokomoko_box {
width : 103%;
    position: relative;
    padding: 0rem 3.5rem 3rem 5rem;
    border-radius: 50%;
    box-shadow: 1rem -2rem #A9cEEc;
    background-color: #A9cEEc;
margin-bottom : 3em;
}

.mokomoko_box::before {
    position: absolute;
    content: '';
    top: 70%;
    left: 5%;
    width: 15px;
    height: 30px;
    background-color: #A9cEEc;
    border-radius: 50% 50% 50% 50% / 0% 0% 100% 100%;
    transform: rotate(30deg);
}

.mokomoko_box_right {
width : 103%;
left : 0;
    position: relative;
    padding: 0.5rem 3.5rem 3rem 3rem;
    border-radius: 50%;
    box-shadow: -1rem -2rem #fd926b;
    background-color: #fd926b;
margin-bottom : 3em;
}

.mokomoko_box_right::before {
    position: absolute;
    content: '';
    top: 70%;
    left: 90%;
    width: 15px;
    height: 30px;
    background-color: #fd926b;
    border-radius: 50% 50% 50% 50% / 0% 0% 100% 100%;
    transform: rotate(-30deg);
}

}