/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/
body{
user-select:none;
-webkit-user-select:none;
-ms-user-select: none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
}
.blink{animation:BLINK 1.1s ease-in-out infinite alternate;}
@keyframes BLINK {0%{opacity:1.0;}100% {opacity:0;}}

.kururi {

	-webkit-animation: spin 4s ease-out 4s infinite alternate;
	animation: spin 4s ease-out 4s infinite alternate;
	display : inline-block;
}


@-webkit-keyframes spin {
	0% {-webkit-transform: rotateY(0deg);}
50% {-webkit-transform: rotateY(360deg);}
	100% {-webkit-transform: rotateY(360deg);}
}
@keyframes spin {
	0% {transform: rotateY(0deg);}
50% {transform: rotateY(360deg);}
	100% {transform: rotateY(360deg);}
}

a{
	outline: none;
}
a:focus{
	outline: none;
}
.opc5{
	opacity : 0.5;
}
img{
border-radius : 10px;
vertical-align:bottom;
}
a img:hover{
opacity : 0.8;
}
.ce{
	text-align:center !important;
}
.rt{
	text-align:right !important;
}
.red{
	color : #d8280b;
}
.site-header{
background-color:#fffbea;
background-image: url('/wp-content/uploads/2017/07/header_background-1.png');
background-repeat:repeat-x;
background-size: auto;
background-position:0;
}
.cr{
	display : table;
	content : " ";
	clear : both;
}
.mmt20{
	margin-top : -20px !important;
}
.mt30{
	margin-top : 30px !important;
}
.mt50{
	margin-top : 50px !important;
}
.pt5{
	padding-top : 5px !important;
}
.pt15{
	padding-top : 15px !important;
}
.pt30{
	padding-top : 30px !important;
}
.pt50{
	padding-top : 50px !important;
}
.notes{
	font-size: 0.85em;
	color: #666;
	text-indent: -1em;
	padding-left: 1em;
	line-height : 1.3em;
}
.noradius img{
	border-radius : 0;
}

table.yellowTable th,
table.yellowTable td{
	border : 1px solid #333;
	padding : 3px 5px;
}
table.yellowTable th{
	background : #fffbea;
}


.title-area{
background-image: url('/wp-content/uploads/2017/07/background.png');
background-repeat:no-repeat;
background-size: 80px auto;
background-position:30px 0;
padding-left:60px;
min-height:110px;
background-color:transparent;
}
.nav-primary{
background-color:#fff;
background-image: url('/wp-content/uploads/2017/07/header_background_b-5.png');
background-position:left bottom;
}
main.content{
	border : solid #f3f1e7;
	border-width : 0 1px;
	padding : 10px 3%;
}
.entry-content h2{
	
	margin-top : 70px;
	font-size : 2.8rem;
	color : #000;
	margin-bottom : 50px;
	margin-left : -3%;
	margin-right : -3%;
	position: relative;
	padding: 0.25em 1em;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	background : #f9f9f9;
	background : #ffd21f;
	background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 1%, #ffdf62 1%, #ffdf62 99%, #ffffff 99%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ffffff 1%,#ffdf62 1%,#ffdf62 99%,#ffffff 99%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ffffff 1%,#ffdf62 1%,#ffdf62 99%,#ffffff 99%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.entry-content h2:before,
.entry-content h2:after{
	content: '';
	position: absolute;
	top: -7px;
	width: 1px;
	height: -webkit-calc(100% + 14px);
	height: calc(100% + 14px);
	background-color: black;
}
.entry-content h2:before {left: 1%;}
.entry-content h2:after {right: 1%;}
.entry-content h3{
	margin-top : 50px;
	font-size : 2.6rem;
	padding-bottom : 15px;
	margin-bottom : 30px;
	border-bottom : 0px solid #f5f5f5;
	position: relative;
	
}
.entry-content h3:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 23%;
	height : 7px;
	background : #e0b91b;
	border-radius : 50px;
	z-index : 100;
}
.entry-content h3:after{
content: "";
position: absolute;
right: 0;
bottom: 0;
width: 80%;
height: 7px;
	border-radius : 50px;
background: -webkit-repeating-linear-gradient(-45deg, #c0c0c0, #c0c0c0 2px, #fff 2px, #fff 4px);
background: repeating-linear-gradient(-45deg, #c0c0c0, #c0c0c0 2px, #fff 2px, #fff 4px);
}


.entry-content h4{
	margin-top : 30px;
	border-bottom : 5px dotted #c9c9c9;
	padding-bottom : 15px;
	font-size : 2.3rem
}
.entry-content h4:before{
	font-family: FontAwesome;
	content : "\f10e";
	margin-right : 10px;
	color : #666;
	background : #f0f0f0;
	border-radius : 50px;
	padding : 3px;
}
.entry-content h4:after{
	font-family: FontAwesome;
	content : "";
	margin-left : 10px;
	color : #777;
}




blockquote{
	background : #f9f9f9;
	margin : 25px auto;
}
.entry-content hr{
	margin-top : 70px;
	margin-bottom : 50px;
	margin-left : -3%;
	margin-right : -3%;
	color : #c0c0c0;
	border: none;
	text-align : center;
	border-top: 1px solid #c0c0c0;
}
.entry-content hr:after{
	content : "BREAK";
	color : #c0c0c0;
	position: relative; 
    top: -2em;
    padding: 0 0.25em;
    background: white;
	font-size : 10px;
}
#menu-primary-navigation li a{
	color : #260f03;
}
#featured-custom-post-type-3 header h2,
#featured-custom-post-type-2 header h2{
	font-size : 14px;
	margin: 0;
	padding : 10px;
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-left : 20px;
}
#featured-custom-post-type-3 header a,
#featured-custom-post-type-2 header a{
	display : block;
	position: relative;
}
#featured-custom-post-type-3 header a:before,
#featured-custom-post-type-2 header a:before{
	font-family: FontAwesome;
	content : "\f061";
	color : #777;
	font-size : 14px;
	position: absolute;
  top: 50%;
	margin-top : -10px;
	left : -20px;
}
#featured-custom-post-type-3 article,
#featured-custom-post-type-2 article{
	margin : 0;
	border-bottom : 1px solid #f4f4f4;
}

/* ショートコードで関連記事を取得 */
.related_article{
	margin: 1.8em 0;
	text-align: left;
	line-height : 1.3em;
}
.related_article img{
	border-radius : 5px;
}
.related_article .inbox{
	padding-left:25%;
}
.related_article p.ttl{
	margin: 0 0 0.1em;
	font-size:1em;
	font-weight: bold;
	color : #a07e43;
}
.related_article p.description{
	margin: 5px 0 0.1em;
	font-size:0.9em;
}
.related_article .ttl:before{
	content:'関連記事';
	font-size:.7em;
	font-weight:bold;
	color:#a07e43;
	background:#fff;
	border : 1px solid #a07e43;
	width:5em;
	display:inline-block;
	padding:0.2em;
	position:relative;
	top:-2px;
	text-align:center;
	margin-right:0.5em;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.related_article.labelnone .ttl:before{
	content:none;
}
.related_article .date{
	font-size:0.8em;
}
.related_article .thum{
	width: 22%;
	float:left;
}
.related_article .thum img{
	width:100%;
	margin-bottom: 0;
	vertical-align : bottom;
}
.related_article a{
	color:#333;
	background: #FFF;
	border: 1px solid #eee;
	box-shadow:1px 1px 0 #efefef;
	text-decoration:none;
	display:block;
	padding:0.9em;
	border-radius : 5px;
}
.related_article a:hover{
	color:#666;
	background:#f1f1f1;
}
.related_article a:before{
	content: " ";
	display: table;
}
.related_article a:after{
	clear: both;
	content: " ";
	display: table;
}

.point{
border : 3px solid #ffe478;
padding : 20px 10px 10px 10px;
border-radius : 10px;
position:relative;
margin : 4em auto;
}
.point:before{
content:"POINT";
background : #fff;
color :#ffe478;
font-size:140%;
position:absolute;
top:-13px;
left:50px;
line-height:1em;
border-left : 5px solid #fff;
border-right : 5px solid #fff;
}
.point .pointInner{
background : #fffef0;
border-radius : 10px;
padding : 10px;
}
.point h4:first-of-type{
	margin-top : 0;
}
.point h4{
	border : none;
	padding-bottom : 0;
}
.point h4:before{
	font-family: FontAwesome;
	content : "\f002";
	background : none;
	color : #666;
	margin-right : 5px;
}
.point h4:after{
	content : "";
}

@media only screen and (max-width: 720px) {
.sidebar .widget,
.home-middle-right .widget {
padding-left : 5px;
padding-right : 5px;
}
}

br.cr{
	clear : both;
	display : block;
}
.mycomment:before{
	display : block;
	clear : both;
	content : " ";
}
.mycomment {
    position: relative;
    margin: 2em 0;
    padding: 1em 1em;
    border: solid 3px #dcdcdc;
}
.mycomment .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #dcdcdc;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.mycomment p {
    margin : 0;
	padding : 0;
	margin-top : 1em;
	line-height : 1.7em;
}
.mycomment h4:first-of-type{
	margin-top : 0;
}
.mycomment h4{
	border : none;
}
.mycomment h4:before{
	font-family: FontAwesome;
	content : "\f1fc";
	background : none;
	color : #666;
	margin-right : 5px;
}
.mycomment h4:after{
	content : "";
}
.mycomment h5{
	padding-top : 10px;
	margin-top : 10px;	
	border-top : 1px solid #e1ba12;
}
.mycomment h5:first-child{
		margin-top : 0;
}
.mycomment .mycommentInner p:last-child{
		border-bottom : 1px solid #e1ba12;
	padding-bottom : 10px;
}
.mycomment .mycommentInner{
	background : #fffcf0;
	padding : 10px;
	margin-top : 15px;
}

.badmaterials{
	font-weight : bold;
	color : #bd2923;
}
.badmaterials2{
	font-weight : bold;
	color : #b8097c;
}
.badmaterials3{
	font-weight : bold;
	color : orange;
}

#foodcheck2 input{
width : auto;
border-radius : 5px;
font-size:16px;
}
#foodcheck2 label{
display:inline-block;
margin-right:5px;
background : #f5f5f5;
padding : 5px;
border-radius : 5px;
margin-bottom:5px;
}
#foodcheck2 .ce{
text-align:center;
}
#foodcheck2 strong{
font-family: logotypejp_mp_m;
font-size:30px;
}
#foodcheck2 p.att{
font-size:80%;
margin-bottom:0;
padding-bottom:0;
}
#foodcheck2 strong.f120{
font-size:1.8rem;
}
#foodcheck2 h4.mt30{
margin-top:30px;
}
dl.item{
background : #fdfff6;
}


.materialsCheckPoint{
	margin : 40px auto;
	background : #fff3f8;
	border-radius : 10px;
	padding : 15px;
}
.materialsCheckPoint h3{
	margin-top : 0;
	margin-left : 50px;
	line-height : 1.5em;
	margin-bottom : 20px;
}
.materialsCheckPoint .materialsCheckHyouka{
	text-align : center;
	display : inline-block;
	background : #ffed9a;
	padding : 0 20px;
	border-radius : 0 0 20px 20px;
	margin : -20px auto 20px auto;
	border-top : 2px solid #ffe050;
}
.materialsCheckPoint .materialsCheckHyouka span{
	color : #ed458c;
	font-size : 20px;
	font-weight : bold;
}
.materialsCheckPoint h3:before{
	background : #ed458c;
}
.materialsCheckPoint .pointTtl{
	position:relative;
}
.materialsCheckPoint .pointTtl span:before{
	content : "CHECK";
	font-size : 12px;
	font-family: logotypejp_mp_m;
	position : absolute;
	top : -30px;
	left : 0;
	width : 40px;
	display : block;
	color : #333;
}
.materialsCheckPoint .pointTtl span.checkNo{
	font-size : 40px;
	position : absolute;
	top : 15px;
	left : 0;
	width : 40px;
	height : 200px;
	display : block;
	text-align : center;
	background : #333;
	color : #fff;
	line-height : 1em;
	z-index : 0;
}

.materialsCheckPoint .divInner{
	border-radius : 0 0 10px 10px;
	background : #fff;
	padding : 0px 10px 10px 10px;
	z-index : 3;
	position: relative;
	line-height : 1.8em;
}

ul.main_materials,
ul.plus_materials{
	list-style : none;
	margin : 0;
	padding : 0;
	
}
ul.main_materials li{
	list-style : none;
	font-size:1.3em;
	background : #fff3f7;
	border-radius : 50px;
	margin-bottom : 3px;
	margin-left : 0;
	padding : 5px;
}
ul.plus_materials li{
	list-style : none;
	font-size:1.3em;
	background : #fffbe3;
	border-radius : 3px;
	margin-bottom : 3px;
	margin-left : 0;
	padding : 5px;
}
ul.main_materials li.atc,
ul.plus_materials li.atc{
	color : #c0c0c0;
}
ul.main_materials li i,
ul.plus_materials li i{
	margin-right : 5px;
	color : #333;
}
.f80{
font-size : 80%;
}
.rt{
	text-align : right;
}
table.shop{
	margin : 30px auto;
}
table.shop th,
table.shop td{
	padding : 5px;
}
.shopbtn a{
	border-radius : 5px;
	background : #cf1f30;
	color : #fff;
	display : block;
	text-align : center;
	font-size : 90%;
}
.mt0{
	margin-top : 0;
}
.shopbtn a:hover{
	opacity : 0.8;
}
.shopbtn a:before{
	content : "\f07a";
	font-family: FontAwesome;
	margin-right : 4px;
}
.itemSample{
	border-radius : 10px;
	border : 3px solid #30b4d9;
	position : relative;
	padding : 10px 10px 10px 10px;
	line-height : 1.5em;
	color : #6f3621;
}
.itemSample div{
	background : #eefbff;
	padding : 15px;
	z-index : 1000;
	border-radius : 10px;
}
.itemSample div p:last-child{
	margin-bottom : 0;
}
.itemSample h4{
	z-index : 999;
	position : absolute;
	left : 20px;
	top : -20px;
	background : #fff;
	color : #30b4d9;
	margin-top : 0;
	border-bottom : 0;
	padding-bottom : 0;
}
.itemSample h4::before{
	content : "＼";
	font-size : 20px;
	margin-right : 5px;
	color : #30b4d9;
	font-weight : bold;
	background : none;
}
.itemSample h4::after{
	content : "／";
	font-size : 20px;
	margin-left : 5px;
	color : #30b4d9;
	font-weight : bold;
}
talbe.weight{
}
table.weight th,
table.weight td{
	text-align : center;
	border : 1px solid #333;
}
table.weight th{
	background : #fff9d0;
}


.tablescroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.tablescroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.tablescroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.tablescroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}

.underline{
	background: linear-gradient(transparent 80%, #b4f271 0%);
}

ol.rank{
font-size : 120%;
font-weight:bold;
counter-reset:number;
list-style-type: none!important;
margin-left : 0;
margin-right : 15px;
padding : 0;
}
ol.rank li{
list-style-type: none!important;
background : #fffef0;
border : 1px solid #f4c521;
position: relative;
line-height: 1.5em;
padding: 0.5em 0.5em 0.5em 20px;
border-radius : 5px;
margin-bottom : 10px;
}
ol.rank li:before {
 /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #f4c521;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 20px;
  border-radius: 50%;
  left: -15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}



.borderblock ul{
line-height : 1.5em;
padding : 10px;
}
div.borderblock{
margin-top : 30px;
padding : 10px;
padding-top : 30px;
border : 3px solid #c0c0c0;
	margin-bottom : 50px;
}
div.borderblock h4{
margin-top : -50px;
}
div.borderblock h4 span{
background : #fff;
display : inline-block;
padding : 0 10px;
}



.entry-content nav.article_nav{
border : 2px solid #c0c0c0;
border-radius : 10px;
font-size : 90%;
position : relative;
display : block;
margin-top : 50px;
background : #fff;
}
.entry-content nav.article_nav ul{
margin-top : 13px;
margin-bottom : 10px;
}
.entry-content nav.article_nav span.naviTtl{
position : absolute;
font-weight : bold;
background : #fff;
color : #777;
top : -15px;
left : 5%;
display : block;
padding : 0 10px;
font-size : 1.1em;
line-height : 1.4em;
border-radius : 5px;
}
.entry-content nav.article_nav span.naviTtl:before{
content: '＼';
margin-right : 5px;
}
.entry-content nav.article_nav span.naviTtl:after{
content: '／';
margin-left : 5px;
}
.entry-content nav.article_nav li{
border-bottom : 1px dotted #c0c0c0;
margin : 0 10px;
background : #f9f9f9;
position : relative;
	list-style:none;
	font-size : 95%;
	line-height : 1.3em;
}
.entry-content nav.article_nav li:last-child{
border-bottom : 0;
}
.entry-content nav.article_nav li a{
text-decoration : none;
display : block;
padding : 10px 5px 10px 30px;
color : #333;
}
.entry-content nav.article_nav li:hover{
background : #fff;
}
.entry-content nav.article_nav li a:before{
font-family: 'FontAwesome';
content: '\f063';
font-size:10px;
line-height : 1em;
padding:3px;
color : #555;
background : #f8d73e;
border : 1px solid #777;
border-radius : 100px;
width : 10px;
height : 10px;
	text-align : center;
	position : absolute;
	left : 5px;
}
.entry-content nav.article_nav li.in a{
margin-left : 15px;
}
.entry-content nav.article_nav li.in a:before{
content: '┣';
background : none;
border : none;
min-width : 15px;
min-height : 15px;
	margin-right : 5px;
	margin-left  :1.2em;
	font-size:14px;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
	z-index : 9999;
}
#page-top a {
    background: url('https://dogfoods.info/wp-content/uploads/2017/08/page-top.png') no-repeat;
    text-decoration: none;
    min-width: 100px;
    padding: 90px 0 0 0;
    text-align: center;
    display: block;
	color : #000;
}
#page-top a:hover {
    text-decoration: none;
    background: url('https://dogfoods.info/wp-content/uploads/2017/08/page-top2.png') no-repeat;
}
@media only screen and (max-width: 767px) {
	#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 60%;
}
#page-top a {
    background: url('https://dogfoods.info/wp-content/uploads/2017/08/page-top.png') no-repeat;
	background-size: 50px 50px;
    text-decoration: none;
    width: 50px;
	min-width : 50px;
    padding: 40px 0 0 0;
    background-position : center top;
}
#page-top a:hover {
	background-size: 50px 50px;
    text-decoration: none;
    width: 50px;
	min-width : 50px;
    padding: 40px 0 0 0;
    background-position : center top;
}
}



.googlead{
	text-align : center;
	font-size : 80%;
	margin-bottom : 20px;
}
/*スマホは表示しない*/
@media only screen and (max-width: 767px) {
.googlead .spnone{
	display : none;
}
}

/*jetpack:*/
.widget_top-posts{
	margin-top : 10%
}
.widget_top-posts .widgets-list-layout-blavatar {
	width : 75px;
  max-width: 75px; /* この数字を指定したい画像サイズに */
	border-radius : 0;
	margin-right : 10px;
}
.widget_top-posts ul li div.widgets-list-layout-links{
	float : none;
	width : auto;
	line-height : 1.5em;
}
.widget_top-posts ul li{
	border-top : 1px solid #f4f4f4;
}
.widget_top-posts ul li a{
	color : #333;
}

.afButton{
	width : 70%;
	border-radius : 10px;
	margin : 20px auto 80px auto;
}
.afButton a{
	font-size : 110%;
	color : #fff;
	display : inline-block;
	text-align :center;
	width  : 99.9%;
	font-family: logotypejp_mp_m;
	padding : 15px 5px;
	background : #f5597e;
	border-radius : 10px;
}
.afButton a:hover{
	background : #fe7494;
	border-radius : 10px;
}
.afButton img{
	width : 0.01%;
}