@charset "UTF-8";

header div.page_title {
    width: 100%;
}

@media (min-width: 320px) {
#content article.foodprder .foodprder_item {
    padding-bottom: 20px;
    margin-bottom: 20px;
    background: url("../images/line_subtitle.png") repeat-x left bottom;
    background-size: 42px;
}
#content article.foodprder .animmune {
    padding-bottom: 0px;
    margin-bottom: 0px;
    background: none;
}
#content article.foodprder .foodprder_banner {
    max-width: 336px;
    margin: 20px auto 0;
}
#content article.foodprder dt {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.2em 0.8em;
    margin-bottom: 0.5em;
    background: #ffd565;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#content article.foodprder dt:before {
    content: '▶︎';
    color: #fff;
    margin-right: 0.5em;
}

}

@media (max-width: 359px) {
article.importance h3.yellowline img {
    height: 14px;
    width: auto;
}

}
@media (min-width: 360px) {
}

@media (min-width: 400px) {
article h3.yellowline img {
    height: 24px;
    width: auto;
}

}

@media (min-width: 768px) {
article h3.yellowline img {
    height: 26px;
    width: auto;
}

#content article.foodprder .foodprder_item {
    padding-bottom: 30px;
    margin-bottom: 30px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
    -webkit-box-orient:horizontal;
    -webkit-box-direction:reverse;
    -webkit-flex-direction:row-reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
}
#content article.foodprder .animmune {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#content article.foodprder .foodprder_banner {
    width: 28%;
    margin: 0
}
#content article.foodprder dl {
	width: 70%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	widht: -webkit-calc(72% - 30px);/*Chrome19~25対応*/
	width: -moz-calc(72% - 30px);/*Firefox4~15対応*/
	width: calc(72% - 30px);  
}

}

@media (min-width: 1200px) {
article h3.yellowline img {
    height: auto;
    width: auto;
}

#content article.foodprder .foodprder_item {
    padding-bottom: 40px;
    margin-bottom: 40px;
}
#content article.foodprder .animmune {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#content article.foodprder .foodprder_banner {
    width: 336px;
	max-width: none;
    margin: 0
}
#content article.foodprder .foodprder_banner img.banner_animalnavi,
#content article.foodprder .foodprder_banner img.banner_delivery,
#content article.foodprder .foodprder_banner img.banner_royalcanin {
}
#content article.foodprder dl {
	width: 740px;
}
}