@charset "utf-8";
/* ===============================================
	▼各CSS設定
=============================================== */

.poper{
text-decoration: none;
}

.righter a{
width:410px;
    position: relative;
    display: block;
}
.righter span {
    display: block;
    padding-top: 5px;
}
.righter a img{
width:100%;
}


.float50,
.float30 {
margin: 0 auto;
}

.float30>div{
float:left;
    width:33%;
}
.float50>div{
float:left;
    width:50%;
}

.float30>div{
float:left;
    width:30%;
}

.kakudai{
background:url(../img/btn_enlarge.gif) no-repeat center left;
    padding-left:60px;
}
.centers{
text-align:center;
}

span.title_small {
  font-size: 14px;
}
#donto_p {
  width: 100%;
  text-align: center;
}
/*#donto_p a img {
  transition: opacity 0.3s ease-out;
}*/

#donto_p a:hover img {
 opacity: 0.7;
}
 
#donto_p a img {
 transition: opacity 0.5s ease-out;
}

#donto_p span {
  display: block;
  font-size: 12px;
  padding-top: 1em;
}


.youtube {
margin: 0 auto 20px auto;
text-align: center;
}

@media only screen and (max-width: 751px) {
span.title_small {
  font-size: 12px;
  display: block;
  padding-left: 0.5em;
}
  #donto_p {
  width: 50%;
  text-align: center;
    margin: 0 auto;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

}