@charset "UTF-8";

/* =======================================================================
CSSの名前：style_ogfood.css 
最終更新日時：2016/11/10
-------------------------------------------------------------------------*/


#container #containerInner{
	width:auto;
	overflow: hidden;
	background:#FFFFFF!important;


}

#container #containerInner .no-sidebar{
	margin: 0px auto;
	width:auto !important;
}

#container #breadcrumbs{
	padding: 24px 0px 17px 460px;
}

#container #main.no-sidebar{
	width:100%;
}

.articlearea{
	width:980px;
}

.section{
	margin:0;
}

.section_monitor{
	margin:30px 0!important;
	background:#b88951;
	padding:10px 0 30px 0;

}

.section_monitor p{
	color:#FFFFFF;
}

.sectionbox{
	width:980px;
	margin:0 auto;
}

.sectiontopbox{
	width:1280px;
	height:510px;
	margin:0 auto;
}

.sectionimgbox{
	width:980px;
	height:450px;
	margin:0 auto;
}

.sectionimgboxcat{
	width:980px;
	height:350px;
	margin:0 auto;
}



.sectionbox2{
	width:780px;
	margin:0 auto;
	background-color:#fff;
}

#main .section .txt {
	font-size: 17px;
	line-height: 1.65;
}
#main .section .txtb {
	font-weight:bold;
	font-size: 17px;
	line-height: 1.65;
}

#main .section .txt16 {
	padding: 30px 0 0 30px;
	font-size: 17px;
	line-height: 1.65;
	margin:0 0 50px 0;
}

#main .section .sectionbox .OGSPbtn {
	padding: 30px 0 0 30px;
}

#main .section .txt16onimg {
	font-size: 17px;
	line-height: 1.65;
	margin:0 30px;
}

#main .ttltxt{
	font-size:150%;
	font-weight:bold;
	padding: 50px 0 15px 30px;
	line-height:160%;
}

#main .ttltxt2{
	font-size:130%;
	font-weight:bold;
	padding: 50px 0 15px 30px;

}

#main .ttltxt2-2{
	font-size:110%;
	font-weight:bold;
	padding: 50px 0 15px 30px;

}

#main .ttltxt3{
	font-size:220%;
	font-weight:bold;
	line-height: 1.15;
color:#FFFFFF;
	margin:0;
}

#main .ttltxt4{
	font-size:180%;
	font-weight:bold;
	margin:30px 30px;
	padding:0;
}

#main .smalltxt{
	font-size:88%;
	line-height: 1.7;
	margin:20px 30px;
}

.imgright img{
	float:right;
    margin:0 0 0 25px;
}

.imgleft img{
	float:left;
    margin:0 25px 0 30px;
}

.imgleft .imgpng{
	margin:0;
}


.brownback{
	background-color:#9e7620;
	padding:10px 0;
}

.brownback p{
	color:#FFFFFF;
}
.blueback{
	background-color:#164885;
	padding:10px 0;
}
.brawnback{
	background-color:#1F1400;
	padding:10px 0;
}
.greenback{
	background-color:#5F8610;
	padding:10px 0;
}
.grayback{
	background-color:#252525;
	padding:10px 0;
}
.gray2back{
	background-color:#404040;
	padding:10px 0;
}
.lightgrayback{
	background-color:#F2F2F2;
	padding:10px 0;
}

.textred{
	color:#FF0000;
}

.textwhite{
	color:#FFF;
}

.textwhite a:link{
	color:#FFF;
}

.textwhite a:visited{
	color:#FFF;
}

#footerOG{clear:both; border-top:#cccccc 1px solid; width:100%;}
#footerOG .inner{ position:relative; margin:0 auto; padding:40px 0 40px 0; width:980px;}

#footerOG .item4 ul { padding:24px 0 0 0; }
#footerOG .item4 ul li { float:left; width:148px; }
#footerOG .item4 ul li+li { padding:0 0 0 29px; }
#footerOG .item4 ul li img,
#footerOG .item4 ul li span { display:block; }
#footerOG .item4 ul li .img img { border:#dcdddf 1px solid; width:145px; height:174px; }
#footerOG .item4 ul li .txt { padding:7px 0 0 0; font-size:12px; line-height:1.58; }


.OGtxt17{
	margin:0!important;
}

.spcomment1{
	margin-left:35px;
	width:90%;
	background:#FFFFF7;
	padding:15px;"
}
.spcomment2{
	margin:20px 0 0 35px;
	width:90%;
	padding:25px;
	color:#666666;
}
.openBtn{
	cursor: pointer;
	margin-bottom:15px;
}

.trialbtn a img{
	width: 500px;
	margin-top:50px;
}


.bona_btnback{
	width:100%;
	background-image: url(/client_info/TAMA/view/userweb/ext/bon-appetit/bonabtnbg.jpg); 
	background-color:#9e7620;
	background-size:cover;
    background-position: left;
}



.graintxt16 {
	padding: 10px 0 0 30px;
	font-size: 17px;
	line-height: 1.75;
	margin:0 0 50px 0;
}
.grainfreebox{
  border-radius: 10px;
  background:#faebee;
  padding:20px;
  margin:0 0 20px 0;
}

.function{
    padding: 0;
    margin: 0;
    width: 100%;
}
.function li{
    padding: 0;
    margin: 0;
    list-style-type:none;
    float: left;
    width: 16.6%;
	height:350px;
	text-align:center;
	
}


.function li p{
	line-height:150%;
	
}


.notusedx{
    padding: 0;
    margin: 20px 0 30px 10%;
    width: 100%;
}
.notusedx li{
    padding: 0;
    margin: 30px 0 0 0;
    list-style-type:none;
    float: left;
    width: 33%;
}


.delivery{
    padding: 0;
    margin: 0 0 30px 0;
    width: 100%;
}
.delivery li{
    padding: 0 19px 0 0;
    margin: 0px 0 0 0;
    list-style-type:none;
    float: left;
    width: 23%;
}


.delivery li p{
	line-height:150%;
	margin:20px 0 0 0;
	
}

.maincopytxt{
	font-size:160%;
	line-height:110%;
}

.maincopy{
	background-color:#ea5b7a;
	text-align:center;
	padding:12px 0 8px 0;
	margin:20px 0 0 0;
	color:#ffffff;
}

#main .grainfreettltxt{
	font-size:130%;
	font-weight:bold;
	padding: 10px 0 15px 30px;
}

#main .grainfreetxt {
	padding: 10px 0 0 0;
	font-size: 95%;
	line-height: 1.75;
	margin:0;
}
.bonaimg_fish{
    float:right;
	margin:-80px -200px 0 0;
	zoom: 0;
	}
	

	
.bonadetailtab{
	width:980px!important;
	font-size:100%!important;
	background-color:#FFFFFF!important;
	border:none!important;
	margin:10px 0 50px 30px!important;
	line-height:200%;
}

.bonadetailtab tbody{
	border:none!important;
}

.bonadetailtab tr{
	width:100%;

}

.bonadetailtab_tdtit{
	width:20%;
	border:none!important;
	background-color:#FFFFFF!important;
	font-weight:bold;
	border-bottom:solid 3px #e9e9e9!important;
	vertical-align:top!important;
	padding:20px 0!important;
}

.bonadetailtab_tdtxt{
	width:80%;
	border:none!important;
	background-color:#FFFFFF!important;
	font-weight:normal;
	border-bottom:solid 3px #e9e9e9!important;
	padding:20px 0!important;
}

.catzmainimg{
	width:100%;
	text-align:center;
	background-color:#000000;
}

.cffback{
	background-color:#e5a102;
	background-repeat:repeat;
	margin:30px 0 0 0!important;
	width:100%;
	}

.cffbox{
	width:980px;
	margin:0 auto;
}




.bonacatbox{
	width:980px;
	height:521px;
	margin:0 auto;
	background-image:url(/client_info/TAMA/view/userweb/ext/bon-appetit/new_catimg02.jpg);
	background-repeat:no-repeat;
}

.bonabtnbacknew{
	background-image:url(/client_info/TAMA/view/userweb/ext/bon-appetit/bonabgtee.jpg);
	background-repeat:repeat;
	margin:30px 0 0 0;
	}

.bonabtnboxnew{
	width:980px;
	height:521px;
	margin:0 auto;
	background-image:url(/client_info/TAMA/view/userweb/ext/bon-appetit/bonanewbtn.png);
	background-repeat:no-repeat;
}



#CTA {
display: block;
width: 400px;
position: fixed;
left: 20px;
bottom: 20px;
z-index: 9999;
text-align: left;
}
.ctaimage{
width: 100%;
display: block;
}


#main .bonatxt{
	font-size:100%;
	padding: 20px 0 25px 30px;
	line-height:200%;
}

/* フード粒イメージ */
.bonafoodimg{
	width:100%;
	background-image: url(/client_info/TAMA/view/userweb/ext/bon-appetit/food_img02.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	height:auto;
	margin:50px 0 0 0;
	padding-bottom:20px;
	background-position:center;
}


/*　猫イメージ */
.bonacatimg{
	width:100%;
	background-image: url(/client_info/TAMA/view/userweb/ext/bon-appetit/packimg03.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	height:auto;
	margin:50px 0 0 0;
	padding-bottom:20px;
	background-position:center;
}

/*　猫イメージ */
.cffimg00{
	width:100%;
	background-image: url(/client_info/TAMA/view/userweb/ext/catzfinefood/cff_img01.jpg);
	background-color:#e5a102;
	background-repeat: no-repeat;
	background-size:cover;
	height:auto;
	margin:0px 0 20px 0;
	padding-bottom:20px;
	background-position:center;
}


/*　猫イメージ */
.bonacatimg3{
	width:100%;
	background-image: url(/client_info/TAMA/view/userweb/ext/bon-appetit/bon201907_img01.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	height:auto;
	margin:0px 0 20px 0;
	padding-bottom:20px;
	background-position:center;
}


/* スマホだけに適用するCSS */
@media screen and (max-width:768px)
{



.cffbox{
	width:100%;
}
.trialbtn a img{
	width: 100%;
	margin:0;
}

/* フード粒イメージ */
.bonafoodimg{
	height:200px;
	margin:30px 0 0 0;
}


/* 猫イメージ */
.bonacatimg{
	margin:30px 0 0 0!important;
	background-image: url(/client_info/TAMA/view/userweb/ext/bon-appetit/packimg03sp.jpg);
}

/* 猫イメージ */
.bonacatimg2{
	margin:30px 0 0 0!important;
	background-image: url(/client_info/TAMA/view/userweb/ext/bon-appetit/bon201907_img01sp.jpg);
}

/* 猫イメージ */
.bonacatimg3{
	margin:0 0 0 0!important;
	background-image: url(/client_info/TAMA/view/userweb/ext/bon-appetit/bon201907_img01sp.jpg);
}

.function{
    padding: 0x;
    margin: 20px 0 0 0;
    width: 100%;
}
.function li{
    padding: 0;
    margin: 0 2%;
    list-style-type:none;
    float: left;
    width: 29%;
	height:235px;
	text-align:center;
	font-size:88%;
	
}


.notusedx{
    padding: 0;
    margin: 0;
    width: 100%;
	margin:20px 0 0 0;
}
.notusedx li{
    padding: 0;
    margin: 10px 1%;
    list-style-type:none;
    float: left;
    width: 31%;
	text-align:center;
}



.delivery{
    padding: 0;
    margin: 0 0 30px 0;
    width: 100%;
}
.delivery li{
    padding: 0 3%;
    margin: 0px 0 0 0;
    list-style-type:none;
    float: left;
    width: 44%;
}




.imgleft{
    float:none;
	text-align:center;
	margin:20px 0 20px 0;
	}

.imgright{
    float:none;
	text-align:center;
	margin:20px 0 20px 0;
	}
	
.imgleft img{
	width:80%!important;
	}

.imgright img{
	width:80%!important;

	}
	
.bonaimgsp{
	zoom: 0.58;
    text-align:center;

}
	
.bonaimg_fish{
    float:none;
	margin:0;
	text-align:center;
	zoom: 0.58;
	margin:20px 0 0 0;

	}
	
.maincopytxt{
	font-size:100%;
	line-height:110%;
}

#main .ttltxt{
	font-size:110%!important;
	font-weight:bold;
	padding: 30px 0 20px 0!important;
	margin:0!important;
	line-height:150%;
}

#main .ttltxt2{
	font-size:110%!important;
	font-weight:bold;
	padding: 50px 0 20px 0!important;
	line-height:150%;
}

#main .ttltxt2-2{
	font-size:100%!important;
	font-weight:bold;
	padding: 50px 0 20px 0!important;
	line-height:150%;
}

.grainfreebox{
  border-radius: 10px;
  background:#faebee;
  padding:20px 15px;
  margin:10px 0px 20px 0px;
}

#main .grainfreettltxt{
	font-size:100%;
	font-weight:bold;
	padding:0;
}

#main .grainfreetxt {
	margin:0;
	padding:10px 0 0 0;
}



.bonadetailtab{
	width:100%!important;
	font-size:100%!important;
	background-color:#FFFFFF!important;
	border:none!important;
	margin:0!important;
	line-height:200%;
}

.bonadetailtab tbody{
	border:none!important;
}

.bonadetailtab tr{
	width:100%;

}

.bonadetailtab_tdtit{
	width:35%;
	border:none!important;
	background-color:#FFFFFF!important;
	font-weight:bold;
	border-bottom:solid 3px #e9e9e9!important;
	vertical-align:top!important;
	padding:20px 0!important;
}

.bonadetailtab_tdtxt{
	width:65%;
	border:none!important;
	background-color:#FFFFFF!important;
	font-weight:normal;
	border-bottom:solid 3px #e9e9e9!important;
	padding:20px 0!important;
}

#main .smalltxt{
	margin:20px 0;
}
	
#CTA {
display: block;
width: 85%;
position: fixed;
left: 20px;
bottom: 40px;
z-index: 9999;
text-align: left;
}
.ctaimage{
width: 100%;
display: block;
}





}