@charset "euc-jp";
/* CSS Document */
/*0000*/


#headImage img{
	margin-bottom: 30px;
}

h2.main{
	font-size:1.5em !important;
	font-weight:bold;
	line-height: 2.2;
}

h2.sub{
	font-size:2.0em !important;
	font-weight:bold;
	line-height: 1.0;
}

.headBorder{
	height: 2px;
	margin: 8px 0 20px;
	background-image:url("../../images/dailycare/2279/dot_blue.gif");
    background-repeat: repeat-x;
    background-position: top left;
}

div.materialname{
	text-indent: -9999px; /*文字の非表示処理*/
	background: none !important; /*h3の設定リセット↓*/
    font-size: 0rem !important;
    padding: 0 !important;
    line-height: 0 !important;
    color: black !important;
}

/* margin etc. */

.mb-5{
	margin-bottom: 5px ;
}

.mb-10{
	margin-bottom: 10px ;
}

.mb-15{
	margin-bottom: 15px;
}

.mb-20{
	margin-bottom: 20px;
}

.mb-25{
	margin-bottom: 25px;
}

.mb-30{
	margin-bottom: 30px;
}

.mb-35{
	margin-bottom: 35px;
}

.mb-40{
	margin-bottom: 40px;
}

.mb-45{
	margin-bottom: 45px;
}

.mb-50{
	margin-bottom: 50px;
}

.mb-55{
	margin-bottom: 55px;
}

.mb-60{
	margin-bottom: 60px;
}

.mb-65{
	margin-bottom: 65px;
}

.mb-70{
	margin-bottom: 70px;
}

/* end of margin etc. */

/* font */

.normal{
	font-weight: normal;
}

.bold{
	font-weight: 600;
}

/* end of font */

/* color */

.c_red{
	color: rgba(255,0,0,1);
}

.c_blue{
	color:rgb(0,144,210,1);
}

.c_orange{
	color:rgb(245,134,3,1);
}

.c_green{
	color:rgb(40,115,6,1);
}

.c_brown{
	color:rgb(129,58,11,1);
}

.c_yellow{
	color:rgb(255,239,57,1);
}


.c_black{
	color: rgba(0,0,0,1.00);
}

/* end of color */

p.clear{
	clear: both;
}

.components .title{
	font-size:1.2em !important;
	margin-bottom: 30px;
}

ul.saddog{
	display: flex;
    align-items: center;
    justify-content: center;
}

ul.saddog li img{ /*flexイメージのサイズ最適化*/
	max-width: 100%;
    height: auto;
}

ul.saddog li.img_dog{
	width: 56%;
}

ul.saddog li.img_text{
	width: 40%;
}

ul.healthydog{
	display: flex;
    align-items: center;
    justify-content: center;
}

ul.healthydog li img{ /*flexイメージのサイズ最適化*/
	max-width: 100%;
    height: auto;
}

ul.healthydog li.img_dog{
	width: 46%;
}

ul.healthydog li.img_text{
	width: 37%;
	margin-right: 80px;
}

section.champignon{
	background-image: url(../../images/dailycare/2279/material_champignon.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	min-height: 200px;
}

section.champignon div{
	width: 400px;
	padding-top: 100px;
}

section.lactic-acid-bacteria{
	background-image: url(../../images/dailycare/2279/material_lactic-acid-bacteria.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	min-height: 220px;
}

section.lactic-acid-bacteria div{
	width: 455px;
	padding-top: 105px;
	margin: 0 5px 0 auto;
}

section.rubus{
	background-image: url(../../images/dailycare/2279/material_rubus.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	min-height: 210px;
}

section.rubus div{
	width: 455px;
	padding-top: 104px;
}

section.eel{
	background-image: url(../../images/dailycare/2279/material_eel.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	min-height: 200px;
}

section.eel div{
	width: 495px;
	padding-top: 115px;
	margin: 0 5px 0 auto;
}

section.collagen{
	background-image: url(../../images/dailycare/2279/material_collagen.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	min-height: 172px;
}

section.collagen div{
	width: 400px;
	padding-top: 110px;
}

section.turtle-etc{
	background-image: url(../../images/dailycare/2279/material_turtle-etc.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	min-height: 242px;
}

section.turtle-etc div{
	width: 455px;
	padding-top: 110px;
	margin: 0 5px 0 auto;
}

.components .subtitle{
	font-size: 1.5em;
	font-weight: bold;
}

.howtogive div{
	text-align: center;
}

.howtogive p{
	font-size: 1.4em;
	padding-bottom: 20px;
}

.howtogive ul{
    list-style: none;
    padding-left: 1.2em;
	display: inline-block;
	text-align: left;
	max-width: 460px;
}

.howtogive ul li{
    text-indent: -0.9em;
	margin-bottom: 0.2em;
}

.howtogive ul li:before{
    content: "※";
    margin-right: 0.2em;
}

.caution .title{
	font-size: 1.4em;
	font-weight: bold;
	border-bottom: dotted 2px #666;
	margin-bottom: 10px;
}

.caution ul{
	padding-left: 1.6em;
}

.caution ul li{
	list-style-type: disc;
	list-style-position: outside;
	line-height: 1.4em;
	padding-bottom: 6px;
}