@charset "UTF-8";
/* CSS Document */
body{
	font-family: "Ryumin R-KL JIS2004 AP";
	color:#564628;
}
#yodogawa.bd_t.bd_none {
        margin-top: 0px;
	position:relative;
}
h2{
	font-family: "Ryumin Medium KL";
	font-size:135%;
}
.content_wrap {
    background-color: #ffffff;
    margin: 10px;
}
.is_pc .animated-item-holder{
	width:150px
}
.is_sp .animated-item-holder{
	width:115px
}
.is_sp .animated-item-holder.touched{
	opacity:.1
}
.animated-item-holder img{
	opacity: 0;
	transition: opacity 0.3s,transform 1s;
}
.animated-item-holder.visible img{
	opacity: 1;
}
.animated-item-holder.tomato{
	position: absolute;
	width:150px;
	top:450px;
	right:0px;
	z-index:1;
}
.animated-item-holder.tomato img{
	transform:translateX(100%);
}
.animated-item-holder.tomato.visible img {
    transform: translateX(0px);
}
.is_sp .animated-item-holder.tomato{
	width:115px;
	top:300px;
}
#information_free {
	position:relative;
}
.animated-item-holder.skipper{
	position: absolute;
	width:150px;
	top: 100px;
    left: -70px;
	z-index:1;
}
.is_sp .animated-item-holder.skipper{
	width:115px;
	top:300px;
	left: -50px;
}
.animated-item-holder.skipper img{
	transform:translateX(-100%);
}
.animated-item-holder.skipper.visible img {
    transform: translateX(0px);
}
@media (min-width: 641px) {
    #talk_body dt, .info_taidan_txt dt {
        width: 20%;
	}
    #talk_body dd + dd, .info_taidan_txt dd + dd {
        padding-left: 20%;
    }
}