/* ------------------------------------------------------------

	3大始祖と世界の血統

------------------------------------------------------------ */

.photo_list {
    margin-top: 30px;
}


.photo_list > ul {
    font-size: 0;
}

.photo_list > ul > li {
    font-size: 1.3rem;
    display: inline-block;
    text-align: center;
    box-sizing: border-box;
}

.photo_list > ul > li:first-child {
    margin-right: 20px;
}

.photo_list > ul > li:last-child {
    margin-left: 20px;
}


.blood_unit {
    margin-top: 40px;
}

.blood_unit:after { content: ''; display: block; clear: both; }

.blood_unit > .inner {
    
}

.blood_unit > .inner:after  { content: ''; display: block; clear: both; }

.blood_unit p.photo {
    float: left;
    margin-right: 30px;
    vertical-align: top;
}

.blood_unit p.photo img {
    vertical-align: top;
}

.blood_unit > .inner > h4.lv5 {
    /*font-size: 1.8rem;*/
}



/* ------------------------------------------------------------

	979px以下

------------------------------------------------------------ */

@media screen and ( max-width : 979px ) {
	
    .photo_list > ul > li {
        width: 33.33%;
        padding: 0 5px;
    }
    
    .photo_list > ul > li:first-child,
    .photo_list > ul > li:last-child {
        margin: 0;
    }
    
    .blood_unit p.photo {
        margin-right: 20px;
        width: 300px;
    }
    
    
}


/* ------------------------------------------------------------

	767px以下

------------------------------------------------------------ */

@media screen and ( max-width : 767px ) {
	
    
}


/* ------------------------------------------------------------

	639px以下

------------------------------------------------------------ */
@media screen and ( max-width : 639px ) {
	
    /*
    .photo_list {
        margin-top: 30px;
    }
    */

    .photo_list > ul {
        display: block;
    }
	.photo_list > ul > li {
        padding: 0;
        width: auto;
        display: block;
        margin-top: 15px;
    }
    
    .photo_list > ul > li:first-child {
        margin-top: 0;
    }
    
    
    
    .blood_unit p.photo {
        float: none;
        margin: 0;
        text-align: center;
        width: auto;
    }
    
    .blood_unit > .inner > h4.lv5 {
        margin-top: 20px;
    }
    
}


/* ------------------------------------------------------------

	479px以下

------------------------------------------------------------ */
@media screen and (max-width: 479px) {
    
    .blood_unit > .inner > h4.lv5 {
        font-size: 1.5rem;
    }
    
}


/* ------------------------------------------------------------

	359px以下

------------------------------------------------------------ */

@media screen and ( max-width : 359px ) {
	
    
}