@charset "utf-8";

/*#######################################################

https://withpety.com/products/sanpo/

#########################################################*/



/*   商品ページ（一覧・詳細）共通
-------------------------------------------------------------- */

body.p-products main {
	background:url(/products/img/bg_product_top.jpg) repeat-x top left;
}
section {
	width:980px;
	margin: 0 auto;
}
h3 {
	margin-bottom:30px;
	padding-bottom:15px;
	border-bottom:2px solid var(--light-green);
	font-weight:bold;
	font-size:2.2rem;
	color:var(--deep-green); 
	line-height:130%;
}
h3 span {
    font-size: 1.3rem;
    color:var(--deep-green); 
}
.unit.p-01 .text { /* 01 追加栄養補助成分 だけ*/
	font-size:0.8rem !important;
}
@media screen and (max-width: 980px) {
	section {
		width:98% !important;
		margin: 0 1% !important;
	}
	h3 {
		font-size:5vw;
	}
}





/*   ▼商品一覧（タブ１：一覧）
-------------------------------------------------------------- */


#itemlist-tab {
	margin-bottom:60px;
}
#itemlist-tab a,
#itemlist-tab span {
	display:inline-block;
}
#itemlist-navi1 { /* No.01 の角丸 */
	margin-bottom:50px;
}
#itemlist-navi1 a {
	display:inline-block;
	margin: 0 8px 15px;
	padding:14px 30px 12px;
	border:solid 1px #006990;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;

	font-size:1.3rem;
	line-height:100%;
	color:#006990;
	text-decoration:none;
}
#itemlist-navi1 a:hover {
	background:#006990;
	color:#fff;
}

#itemlist-content1 {
	
	/*
		⇒ common.css  に記述
		
		以下は o.w.
	*/
}


@media screen and (max-width: 1400px) and (min-width: 981px) {
	#itemlist-content1 .unit {
		flex-basis: 31% !important;
	}
}
@media screen and (max-width: 980px) {
	#itemlist-tab {
		margin-bottom:30px;
	}
	#itemlist-tab a,
	#itemlist-tab span {
		width:calc(98% / 3);
	}
	#itemlist-tab img {
		width:100%;
	}
	#itemlist-navi1 a {
		margin: 0 1vw 2vw;
		padding:2vw 4vw 1.7vw;
		border-radius: 5vw;
		-webkit-border-radius: 5vw;
		-moz-border-radius: 5vw;
	
		font-size:3vw;
	}
	#search-item {
		padding-top:30px;
	}
	#itemlist-content1 .unit {
		flex-basis: 48% !important;
	}	
}



	


/*   ▼商品一覧（タブ２：お悩み・目的）
-------------------------------------------------------------- */

#itemlist-search {
	margin-bottom:40px;
}
#itemlist-search * {
	vertical-align:middle;
}
#itemlist-search input[type="text"] {
	display:inline-block;
	width:770px;
	height:90px;
	padding:15px 30px;
	font-size:1.6rem;

	border:solid 2px var(--deep-green);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}

@media screen and (max-width: 980px) {
	#itemlist-search input[type="text"] {
		display:inline-block;
		width:73vw;
		height:10vw;
		padding:1vw 3vw;
		font-size:3vw;
	}
	#btn-nayami-search {
		width:22vw;
		height:10vw;
	}
}



#itemlist-content2 {
	padding-bottom:100vw;
}
#itemlist-content2 img {
	display:block;
	margin-bottom:10px;
}
#itemlist-content2 .unit {
	float:left;
	width:470px;
}
#itemlist-content2 .unit:nth-child(1) {
	margin-right:40px;
}
#itemlist-content2 ul {
	padding: 10px 20px;
	margin-bottom:20px;
}
#itemlist-content2 ul li {
	margin-bottom:20px;
	position:relative;
}
#itemlist-content2 ul strong {/* arrow */
	display:inline-block;
    width: 10px;
    height: 10px;
	margin-right:10px;
    border-top: 2px solid #3376C5;
    border-right: 2px solid #3376C5;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#itemlist-content2 ul li a {
	font-size:1.3rem;
	line-height:130%;
	font-weight:bold;
	color:#3376C5;
	text-decoration:underline;
}

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

	#itemlist-content2 .unit {
		float:none;
		width:98%;
		margin:0;
	}
	#itemlist-content2 ul li {
		margin-bottom:2vw;
	}	
	#itemlist-content2 ul li a {
		font-size:3.5vw;
	}
}



.nayami-item {
	display:none; /* init */
	
	width:980px;
	position:absolute;
	top:60px;
	left:-20px;
	z-index:998;
	padding:40px;
	background:#EAF1F9;
	border:solid 2px #3376C5;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;		
}
.unit.right .nayami-item {left:-530px;}
.nayami-item .in {
	padding:20px;
	background:#fff;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;	
}
.nayami-item .arrow {
	position:absolute;
	width:30px;
	height:29px;
	top:-29px;
	left:240px;
	z-index:999;
}
.right .nayami-item .arrow { left:650px; }

.nayami-item a.closer {
	position:absolute;
	display:block;
	width:50px;
	height:50px;
	top:45px;
	left:880px;
	z-index:999;
}
.nayami-item .in span {
	display:block;
	margin: 0 15px;
	padding:5px 10px;
}
.nayami-item .in span.catch {
	display:inline-block;
	margin:10px 0 20px 15px;
	padding:8px 10px 5px;
	font-size:1rem;
	line-height:100%;
	font-weight:bold;
	
	border:solid 1px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.p-01 span.catch { color:var(--main-color-01); background:var(--bg-color-01); border-color:var(--main-color-01); }
.p-02 span.catch { color:var(--main-color-02); background:var(--bg-color-02); border-color:var(--main-color-02); }
.p-03 span.catch { color:var(--main-color-03); background:var(--bg-color-03); border-color:var(--main-color-03); }
.p-04 span.catch { color:var(--main-color-04); background:var(--bg-color-04); border-color:var(--main-color-04); }
.p-05 span.catch { color:var(--main-color-05); background:var(--bg-color-05); border-color:var(--main-color-05); }
.p-06 span.catch { color:var(--main-color-06); background:var(--bg-color-06); border-color:var(--main-color-06); }
.p-07 span.catch { color:var(--main-color-07); background:var(--bg-color-07); border-color:var(--main-color-07); }

.nayami-item  table {
}
.nayami-item th {
	padding: 0 10px 0 0;
	vertical-align:middle;
	transform: scale(0.8, 1);
	border-right:solid 1px;
	font-size:3rem;
	font-weight:bold;	
	line-height:100%;
}
.p-01 .number { color:var(--sub-color-01); border-color:var(--sub-color-01); }
.p-02 .number { color:var(--sub-color-02); border-color:var(--sub-color-02); }
.p-03 .number { color:var(--sub-color-03); border-color:var(--sub-color-03); }
.p-04 .number { color:var(--sub-color-04); border-color:var(--sub-color-04); }
.p-05 .number { color:var(--sub-color-05); border-color:var(--sub-color-05); }
.p-06 .number { color:var(--sub-color-06); border-color:var(--sub-color-06); }
.p-07 .number { color:var(--sub-color-07); border-color:var(--sub-color-07); }


.nayami-item td {
	padding: 0 10px;
	vertical-align:middle;	
	font-size:1.1rem;
	line-height:140%;
	font-weight:bold;
}

.nayami-item .catch2 {
	font-size:1.3rem;
	line-height:140%;
}
.p-01 .catch2 { color:var(--main-color-01); }
.p-02 .catch2 { color:var(--main-color-02); }
.p-03 .catch2 { color:var(--main-color-03); }
.p-04 .catch2 { color:var(--main-color-04); }
.p-05 .catch2 { color:var(--main-color-05); }
.p-06 .catch2 { color:var(--main-color-06); }
.p-07 .catch2 { color:var(--main-color-07); }


.nayami-item h4 {
	float:left;
	width:55%;
	margin: 15px 0 20px 25px;
	font-size:1.6rem;
	line-height:120%;
	font-weight:bold;
	color:#3376C5;
	text-decoration:underline;
}
.nayami-item span.price {
	float:right;
	width:35%;
	margin:15px 0;
	font-size:1.1rem;
	text-align:right;
	color:#666;
}
.nayami-item span.price em {
	font-size:1.6rem;
	font-weight:bold;
	color:#666;
}
.nayami-item img.item {
	width:35%;
	float:left;
	padding-left:20px;
}
.nayami-item span.mark {
	width:60%;
	float:right;	
	padding:7px 10px 5px;
	background:#ededed;
	font-size:0.9rem;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}
.nayami-item span.text {
	width:60%;
	float:right;
	padding:10px;
	font-size:0.9rem;
}
.nayami-item a {
	display:block;
	width:62%;
	float:right;
}

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

	.nayami-item {
		width:94vw;
		top:10vw;
		left:-3vw;
		padding:3vw;	
	}
	.unit.right .nayami-item {left:-3vw;}
	.nayami-item .in {
		padding:3vw;	
	}
	.nayami-item .arrow {
		left:20vw;
	}
	.right .nayami-item .arrow { left:20vw; }
	.nayami-item a.closer {
		width:50px;
		height:50px;
		top:4vw;
		left:80vw;
	}
	.nayami-item .in span {
		margin: 0 1vw;
		padding:1vw 2vw;
	}
	.nayami-item .in span.number {
		width:auto;
		display:inline-block;
		padding-left:0 !important;
		vertical-align:middle;
		transform: scale(0.8, 1);
		font-size:8vw;
		font-weight:bold;
		line-height:100%;
	}
	.nayami-item .in span.catch {
		display:inline-block;
		vertical-align:middle;
		margin:0 0 10px 0;
		padding:2vw 2vw 1.5vw 2vw;
		font-size:2.5vw;
	}
	.nayami-item th {
		display:none;
	}
	.nayami-item td {
		padding: 0;
		font-size:3vw;
	}
	.nayami-item .catch2 {
		padding-left:0 !important;
		font-size:3vw;
	}
	.nayami-item h4 {
		width:100%;
		margin: 1vw 0 0 0;
		font-size:4vw;
	}
	.nayami-item span.price {
		width:100%;
		margin:40;
		font-size:2vw;
	}
	.nayami-item span.price em {
		font-size:4vw;
	}
	.nayami-item img.item {
		width:45%;
		padding:0px;
	}
	.nayami-item span.mark {
		width:50%;
		font-size:2.5vw;
	}
	.nayami-item span.text {
		width:50%;
		font-size:2.5vw;
		line-height:130%;
	}
	.nayami-item a {
		width:55%;
	}
}






/*   ▼商品一覧（タブ３：成分）
-------------------------------------------------------------- */

#itemlist-navi3 { /* 「ア行」の角丸 */
	margin-bottom:50px;
}
#itemlist-navi3 a {
	display:inline-block;
	margin: 0 4px 15px;
	padding:12px 15px 10px;
	border:solid 1px #006990;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;

	font-size:1.2rem;
	line-height:100%;
	color:#006990;
	text-decoration:none;
}
#itemlist-navi3 a:hover {
	background:#006990;
	color:#fff;
}
ul#ul-seibun li {
	width:50%;
	float:left;
}

#ul-seibun li:nth-child(even) .nayami-item { left:-490px; }/* 成分リスト右側 */
#ul-seibun li:nth-child(even) .nayami-item .arrow { left:650px; }


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

	#itemlist-navi3 a {
		margin: 0 0.5vw 2vw;
		padding:2vw 4vw 1.7vw;
		border-radius: 5vw;
		-webkit-border-radius: 5vw;
		-moz-border-radius: 5vw;
	
		font-size:3vw;
	}
	#ul-seibun li:nth-child(even) .nayami-item { left:-48vw; }/* 成分リスト右側 */
	#ul-seibun li:nth-child(even) .nayami-item .arrow { left:60vw; }	
}










/*   ▼以下、商品詳細
-------------------------------------------------------------- */



/*   冒頭
-------------------------------------------------------------- */

section#item-top {
	margin-bottom:80px;
}
section#item-top h1 {
	margin-bottom: 50px;
	padding:20px 0 20px;
	border-bottom:solid 1px #5C3500;
	text-align:center;
	font-weight:bold;
	font-size:2.6rem;
	line-height:140%;
	color:#5C3500;	
}
section#item-top h1 span {
	color:#5C3500;
	display:block;
	margin-bottom:10px;
}

section#item-top .top-tmp-info {
	margin-bottom: 50px;
	padding: 20px;
	border: dotted 2px #ccc;
	background:#fff;
	text-align:center;
	font-weight:bold;
	color:#006699;
}


section#item-top .left {
	float:left;
	width:40%;
	position:relative;
}
section#item-top .left a.to-review {
	display:block;
	margin-bottom:20px;
	padding:6px 0;
	background:#fff;
	border:solid 2px var(--deep-green);
	text-align:center;
	text-decoration:none;

	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
}
section#item-top .left a.to-review,
section#item-top .left a.to-review * {
	vertical-align:middle;
	color:var(--deep-green);
	font-weight:bold;
}
section#item-top .left a.to-review img {
	display:inline-block;
	margin-right:10px;
}
#package-wrapper {
	background:#fff;
	margin-bottom:20px;
	padding: 25px 0;
	border:solid 3px #ddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#package-wrapper img {
	display:block;
	margin: 0 auto;
    max-height: 380px;
    width: auto;
}
a#arrow-left {
	display:block;
	position:absolute;
	width:58px;
	height:58px;
	top:250px;
	left:-15px;
}
a#arrow-right {
	display:block;
	position:absolute;
	width:58px;
	height:58px;
	top:250px;
	right:-15px;
}
body.p-dogfood a#arrow-left,
body.p-dogfood a#arrow-right {
    top:550px;
}
a#zoom {
	display:block;
	position:absolute;
	width:64px;
	height:64px;
	bottom:380px;
	right:20px;
}
#package-thumb {
	margin-bottom:20px;
}
#package-thumb a {
	width:88px;
	display:inline-block;
	margin:0 5px 10px;
	text-align:center;
	line-height:0;
	
	background:#fff;
	padding: 5px;
	border:solid 3px #ddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
}
#package-thumb a img { 
    height: 50px;
    width: auto;
}
#package-thumb a:hover {
	border-color:#006699;
}

section#item-top .right {
	float:right;
	width:55%;
	
}
section#item-top .right a {/* 創業○周年バナー、犬猫切り替えバナー */
	display:block;
}

h2 {
	margin-bottom: 20px;
	font-weight:bold;
	font-size:2rem;
	line-height:180%;	
}
h2 span {
	font-size:0.8rem;
}
#notice {
	margin-bottom:30px;
	font-size:0.9rem;
	color:#555;
}
dl.content-and-price {
	margin-bottom:15px;
}
dl.content-and-price:after {
    content:" ";
    display:block;
    clear:both;
}
dl.content-and-price dt {
	display:block;
	width:25%;
	float:left;
	background:var(--deep-green);
	padding:10px 20px 7px;
	font-size:1.3rem;
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:100%;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;		
}
dl.content-and-price dd {
	display:block;
	width:70%;
	float:right;
	font-size:1.5rem;
	line-height:160%;
}

dl.kinou-seibun {
	margin-bottom:15px;
}
dl.kinou-seibun:after {
    content:" ";
    display:block;
    clear:both;
}
dl.kinou-seibun dt {
	display:block;
	width:25%;
	float:left;
	background:var(--deep-green);
	padding:10px 20px 7px;
	font-size:1.3rem;
	font-weight:bold;
	color:#fff;
	text-align:center;
	line-height:100%;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;		
}
dl.kinou-seibun dd {
	display:block;
	width:70%;
	float:right;
	font-size:1.1rem;
	line-height:160%;
}
#inu-neko-kona-link a {
	margin-bottom:10px;
}
#inu-neko-kona-link img {
	width:100%;
}

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

	section#item-top {
		margin-bottom:5vw !important;
	}

	section#item-top h1 {
		border:none;
		margin-bottom: 4vw;
		padding-bottom:2vw;
		font-size:5vw;	
	}
	section#item-top h1 span {
		display:block;
		font-size:6vw;
		margin-bottom:10px;
	}
	section#item-top .top-tmp-info {
		margin-bottom: 4vw;
		font-size:3.5vw;
		text-align:left;
	}	
	section#item-top .top-tmp-info br {
		display:none;
	}
	section#item-top .left {
		float:none;
		width:90%;
		margin: 0 auto;
	}
	#package-wrapper {
		margin-bottom:2vw;
		padding: 8vw 0;
	}
	#package-wrapper img {
	}

    a#arrow-left,
    a#arrow-right {
        top:50vw !important;
    }
    body.p-dogfood a#arrow-left,
    body.p-dogfood a#arrow-right {
        top:90vw !important;
    }

	a#zoom {
		bottom:250px;
		right:3vw;
	}
	#package-thumb {
		margin-bottom:30px;
	}
	#package-thumb a {
		width:18.6vw;	
	}
	section#item-top .right {
		float:none;
		width:96%;	
		margin: 0 auto;
	}
	h2 {
		font-size:5vw;
		line-height:150%;	
	}
	h2 span {
		font-size:2.5vw;
	}
	#notice {
		font-size:2.5vw;
		line-height:150%;
	}
	dl.content-and-price {
		margin-bottom:15px;
	}
	dl.content-and-price dt {
		width:20vw;
		margin-right:2vw;
		padding:2vw 2vw 2vw;
		font-size:3vw;	
	}
	dl.content-and-price dd {
		width:75%;
		font-size:4vw;
		line-height:140%;
	}
	dl.kinou-seibun {
	}
	dl.kinou-seibun dt {
		width:20vw;
		margin:0 0 10px 0;
		padding:2vw 2vw 2vw;
		font-size:3vw;		
	}
	dl.kinou-seibun dd {
		width:75%;
		font-size:4vw;
		line-height:140%;
	}
}




/*   タブ
-------------------------------------------------------------- */

#tab {
	margin-bottom:30px;
}
#tab-top {
	line-height:0;
}
#tab-top a {
	display:inline-block;
	line-height:0;
}
#tab-top a:nth-child(1) {
	width:calc(100% * 406/980);
}
#tab-top a:nth-child(2),
#tab-top a:nth-child(3) {
	width:calc(100% * 287/980);
}
#tab-top.two-tabs a {
	width:50% !important;
}
body.p-dogfood #tab-top a:nth-child(1),
body.p-dogfood #tab-top a:nth-child(2){
	width:327px;
}
body.p-dogfood #tab-top a:nth-child(3){
	width:326px;
}

@media screen and (max-width: 980px) {
	#tab-top a {
		width:calc(100% / 3) !Important;
	}
    #tab-top.two-tabs a {
        width:50% !important;
    }    
	#tab-top a img {
		width:100%;
	}
    body.p-dogfood #tab-top a {
        width:calc(100% / 3) !Important;
    }
}

#tab-content-wrapper {
	padding: 0 34px 0 32px;
	background:#FFFBE7;
	border:solid 2px #FFD6A8;
}




/* 複数袋割引表
------------------------------------ */

.teiki-rule2-open .m1 {
	width:912px;
	height:957px;
	background:url(/products/img/img_tab1_1b_open_1m.jpg) no-repeat;
	position:relative;
}
.teiki-rule2-open .m2 {
	width:912px;
	height:957px;
	background:url(/products/img/img_tab1_1b_open_2m.jpg) no-repeat;
	position:relative;
}
.teiki-rule2-open .m3 {
	width:912px;
	height:880px;
	background:url(/products/img/img_tab1_1b_open_3m.jpg) no-repeat;
	position:relative;
}
.teiki-rule2-open div a {
	display:inline-block;
	position:absolute;
	left:730px;
}
.teiki-rule2-open div a:nth-child(1) {
	top: 29px;
	left:710px !important;
}



#tab-content-1 img,
#tab-content-3 img {
	line-height:0;
	display:block;
}
#tab-content-wrapper .select-qty {
	background:#fff;
}
#tab-content-wrapper .select-qty * {
	vertical-align:top;
}
#tab-content-wrapper .select-qty select {
	display:inline-block;
	width:40%;
	height:70px;
	margin-bottom:10px;
	padding: 13px;
	font-size:1.3rem;
	font-weight:bold;
	background:#fff;
	border: solid 3px var(--light-green);
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
#tab-content-wrapper .select-qty select.short {
	width:30%;
}
#tab-content-wrapper .select-qty img {
	display:inline-block;
}

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

	#tab-content-wrapper {
		padding: 2% 2%;
	}
	#tab-content-wrapper .select-qty {
		margin-bottom:3%;
	}	
	#tab-content-wrapper .select-qty img {
		display:none !important;
	}
	#tab-content-wrapper .select-qty select {
		width:64vw !important;
		height:12vw !important;
		padding: 2.5vw !important;
		font-size:3.5vw !important;
	}

	#tab-content-1 .select-qty,
	#tab-content-3 .select-qty {
		width:100%;
		height:55vw;
		background:url(/products/img/img_tab1_2_smp.jpg?v=1) no-repeat;
		background-size:contain;		
	}	
	#tab-content-1 .select-qty select#cycle-1,
	#tab-content-3 .select-qty select#cycle-3 {
		margin: 23vw 0 0 22vw;
	}
	#tab-content-1 .select-qty select.short,
	#tab-content-3 .select-qty select.short {
		margin: 3vw 0 0 22vw;
	}	
}


#tab-content-1 .price-panel {
	position:relative;
	width:912px;
	height:293px;
	background:url(/products/img/img_tab1_5.jpg) no-repeat;
}
#tab-content-3 .price-panel {
	position:relative;
	width:912px;
	height:199px;
	background:url(/products/img/img_tab3_5.jpg?v=2) no-repeat;
}
#tab-content-wrapper .price-panel em {/*黒い日本語文字*/
	display:block;
	position:absolute;
	color:#111;
	font-weight:bold;
	font-size:23px;
	font-family:Arial,serif;
}
#tab-content-wrapper .price-panel span {/*赤い価格*/
	display:block;
	position:absolute;
	width:120px;
	text-align:right;
	color:#E33A01;
	font-weight:bold;
	font-size:42px;
	font-family:Arial,serif;
	letter-spacing:-1px;
}
#tab-content-wrapper .price-panel em:nth-child(1) {
	top:69px;
	left:550px;
	font-size:20px;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;	
}
#tab-content-wrapper .price-panel em:nth-child(2) {
	top:130px;
	left:112px;
}
#tab-content-wrapper .price-panel em:nth-child(3) {
	top:130px;
	left:572px;
}
#tab-content-wrapper .price-panel em:nth-child(4) {
	top:210px;
	left:112px;
}
#tab-content-wrapper .price-panel em:nth-child(5) {
	top:210px;
	left:572px;
}
#tab-content-wrapper .price-panel span:nth-child(6) {
	top:129px;
	left:200px;
}
#tab-content-wrapper .price-panel span:nth-child(7) {
	top:129px;
	left:670px;
}
#tab-content-wrapper .price-panel span:nth-child(8) {
	top:207px;
	left:200px;
}
#tab-content-wrapper .price-panel span:nth-child(9) {
	top:207px;
	left:670px;
}

#tab-content-wrapper .cart {
	position:relative;
	width:912px;
	height:147px;
	background:url(/products/img/img_tab1_6.jpg) no-repeat;
}
#tab-content-wrapper .cart span {
	display:block;
	position:absolute;
	top:62px;
	left:20px;	
	width:125px;
	text-align:right;
	color:#E33A01;
	font-weight:bold;
	font-size:31px;
	font-family:Arial,serif;
}
#tab-content-wrapper .cart a,
#tab-content-wrapper .cart em {
	display:inline-block;
	margin-left:308px;
}

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

	/* 複数袋割引表
	------------------------------------ */
	.teiki-rule2-open .m1 {
		width:100%;
		height:95vw;
		/*background:url(/products/img/img_tab1_1b_open_1m_smp.jpg) no-repeat;*/
		background-size:contain;
	}
	.teiki-rule2-open .m2 {
		width:100%;
		height:95vw;
		/*background:url(/products/img/img_tab1_1b_open_2m_smp.jpg) no-repeat;*/
		background-size:contain;
	}
	.teiki-rule2-open .m3 {
		width:100%;
		height:85vw;
		/*background:url(/products/img/img_tab1_1b_open_3m_smp.jpg) no-repeat;*/
		background-size:contain;
	}
	.teiki-rule2-open div a {
		width:16vw;
	}
	.teiki-rule2-open div a img {width:100%;}
	.teiki-rule2-open div a:nth-child(1) {
		top: 1.9vw;
		left:71vw !important;
	}
	

	#tab-content-1 .price-panel {
		width:100%;
		height:79vw;
		background:url(/products/img/img_tab1_5_smp.jpg?d=1) no-repeat;
		background-size:contain;
	}
	#tab-content-3 .price-panel {
		width:100%;
		height:62vw;
		background:url(/products/img/img_tab3_5_smp.jpg?d=2) no-repeat;
		background-size:contain;
	}
	#tab-content-wrapper .price-panel em {/*黒い文字*/
		font-size:3.5vw;
	}
	#tab-content-wrapper .price-panel span {/*赤い価格*/
		width:25vw;
		font-size:6.5vw;
		letter-spacing:-0.03em;
	}
	#tab-content-wrapper .price-panel em:nth-child(1) {
		top:3vw; /* 【1袋】*/
		left:61vw;
		font-size:3.5vw;
	}
	#tab-content-wrapper .price-panel em:nth-child(2) {
		top:23vw; /* 65%OFF */
		left:3vw;
	}
	#tab-content-wrapper .price-panel em:nth-child(3) {
		top:23vw;/* 65%OFF */
		left:49vw;		
	}
	#tab-content-wrapper .price-panel em:nth-child(4) {
		top:40vw;/* 10%OFF */
		left:3vw;
	}
	#tab-content-wrapper .price-panel em:nth-child(5) {
		top:40vw;/* 10%OFF */
		left:49vw;
	}
	#tab-content-wrapper .price-panel span:nth-child(6) {
		top:18vw;/* 998円 */
		left:10vw;
	}
	#tab-content-wrapper .price-panel span:nth-child(7) {
		top:18vw;/* 998円 */
		left:57.5vw;
	}
	#tab-content-wrapper .price-panel span:nth-child(8) {
		top:35vw;/* 2544円 */
		left:10vw;
	}
	#tab-content-wrapper .price-panel span:nth-child(9) {
		top:35vw;/* 2544円 */
		left:57.5vw;
	}
	#tab-content-wrapper .price-panel span.price1-otoku {
		top:61.5vw;
		left:10vw;
		font-size:7.5vw;
		letter-spacing:0;
	}	
	#tab-content-wrapper .price-panel span.price3-otoku {
		top:45.5vw;
		left:11vw;
		font-size:7.5vw;
		letter-spacing:0;
	}		
	#tab-content-wrapper .cart {
		width:100%;
		height:auto;
		background:none;
	}
	#tab-content-wrapper .cart a,
	#tab-content-wrapper .cart em {
		display:block;
		width:100%;
		margin: 0 auto;
	}


}



#tab-content-2 {
}
#tab-content-2 .left {
	width:45%;
	float:left;
}
#tab-content-2 .left * {
	vertical-align:middle;
}

#tab-content-2 .left select {
	display:inline-block;
	width:29%;
	margin-bottom:10px;
	padding: 13px;
	font-size:1.3rem;
	font-weight:bold;
	background:#fff;
	border: solid 3px var(--light-green);
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}


#tab-content-2 .right {
	width:55%;
	float:right;
	text-align:right;
}
#tab2-rakuten {
	position:relative;
}
#tab2-rakuten a.only-pc {/* 楽天半額キャンペーンバナー*/
	display:block;
	width:478px;
	height:74px;
	position:absolute;
	right:0;
	top:0
}
@media screen and (max-width: 980px) {
	#tab-content-2 .left {
		width:100%;
		float:none;
		text-align:center;
	}
	#tab-content-2 .left img {
		width:40vw;
	}	
	#tab-content-2 .left select {
		width:40vw;
		height:12vw !important;
		padding: 0 4vw !important;		
		margin-bottom:0;
		font-size:4vw !important;
	}
	#tab-content-2 .right {
		width:100%;
		float:none;
	}
	
}




/*   infoバナー
-------------------------------------------------------------- */

#info-banner {
	line-height:0;
	text-align:center;
	margin-bottom:80px;
}
#info-banner a {
	display:block;
	float:left;
}

#info-banner p {
	padding:20px 0;
	font-size:1rem;
	text-align:center;
}
#info-banner .col3 {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top:15px;
}
#info-banner .col3 a,
#info-banner .col3 span{
	display:block;
	flex-basis: 23%;
	padding:15px;
	text-align:center;
	text-decoration:none;
    background: #fff;
	
	border-radius: 15px;
	border:solid 1px #ccc;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.05);	
}

#info-banner .col3 a img,
#info-banner .col3 span img {

	max-width:190px;
	width:100%;
}
#info-banner .col3 span img {
	filter: alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;    
}

@media screen and (max-width: 980px) {
	
	#info-banner {
		padding-top:5%;
	}
	#info-banner a {
		float:none;
	}	
	#info-banner p {
		font-size:2.4vw;
		line-height:150%;
	}
	#info-banner .col3 {
		padding:2vw 10% 10vw;
	}	
	body.p-dogfood #info-banner .col3 {
		padding:2vw 10% 0;
	}	    
	#info-banner .col3 a,
    #info-banner .col3 span {
		flex-basis: 45%;
		margin-bottom:4vw;
		padding:15px;
	}
	#info-banner .col3 a img,
    #info-banner .col3 span img {
		max-width:none;
		width:100%;	
	}
}









/*   配合成分・給与目安・商品詳細
-------------------------------------------------------------- */

#detail {
	margin-bottom:80px;
}
#detail .description {
	margin-bottom:50px;
	font-size:1.3rem;
	line-height:180%;
}
#detail .subtitle {
	margin-bottom:20px;
	font-weight:bold;
	font-size:2rem;
	color:var(--deep-green); 
}
#detail .subtitle small {
	display:inline-block;
	padding-left:20px;
	font-size:0.9rem;
	color:#333;
	font-weight:normal;
}

#haigo {
	margin-bottom:80px;
}
#haigo ul {
	border:solid 1px #ccc;
}
#haigo ul li {
	display:inline-block;
	width:50%;
	border:solid 1px #ccc;
}
#haigo ul li a,
#haigo ul li em {
	display:block;
	margin:0;
	padding:20px;
	text-decoration:none;
	font-size:1.3rem;
	line-height:100%;
	font-weight:bold;
	color:#444;
}
#haigo ul li span {
	display:block;
	float:right;
	margin-top:5px;
	right: 10px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #7a0;
	border-right: 2px solid #7a0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}



table#kyuuyo {
	width:100%;
	margin-bottom:80px;
}
body.p-kona table#kyuuyo {
	margin-bottom:10px !Important;
}
table#kyuuyo tr,
table#kyuuyo th,
table#kyuuyo td {
	border:solid 1px #aaa;
	text-align:center;
	font-size:1.3rem;
	line-height:150%;
}
table#kyuuyo th {
	width:20%;
	padding:15px 15px;
	background:#EAEAEA;
}
table#kyuuyo th.head {
	background:var(--light-green);
	font-weight:bold;
}
table#kyuuyo td {
	padding:15px 15px;	
}






#detail .table {
	width:100%;
}
#detail .table tr,
#detail .table th,
#detail .table td {
	border:solid 1px #aaa;
	text-align:left;
	font-size:1.3rem;
	line-height:150%;
}
#detail .table th {
	width:25%;
	padding:15px 25px;
	background:#EAEAEA;
	font-weight:bold;
}
#detail .table td {
	padding:15px 25px;	
}


@media screen and (max-width: 980px) {
	#detail {
		margin-bottom:10vw !important;
		padding:0 1%
	}
	#detail .description {
		margin-bottom:8vw;
		font-size:3.5vw;
		line-height:160%;
	}
	#detail .subtitle {
		font-size:5vw;
	}
	#detail .subtitle small {
		display:block;
		padding:5px 0 0 0;
		font-size:0.9rem;
	}
	#haigo ul {
	}
	#haigo ul li {
		width:100%;
	}
	#haigo ul li a {
		padding:3vw;
		font-size:1rem;
	}

	table#kyuuyo tr,
	table#kyuuyo th,
	table#kyuuyo td {
		font-size:1rem;
		line-height:130%;
	}
	
	#detail .table th,
	#detail .table td {
	}
	#detail .table th {
		width:33%;
		padding:1vw;
		font-size:3vw !important;
	}
	#detail .table td {
		padding:1vw;	
		font-size:3vw !important;
	}
}




/*   よくある質問
-------------------------------------------------------------- */

#qa {
	margin-bottom:100px;
}
#qa ul {
}
#qa ul li {
	margin-bottom:30px;
	padding: 0 0 30px 30px;
	border-bottom:solid 2px #ccc;
}
#qa ul li div {
	padding:20px 20px 20px 60px;
}
#qa ul li div.q {
	position:relative;
	padding:20px 20px 20px 60px;
	background:url(/products/img/ico_qa_q.jpg) no-repeat left 10px;
	font-weight:bold;
	font-size:1.6rem;
	color:var(--deep-green); 
}
#qa ul li div.q a {
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	top:15px;
	right:0;
}
#qa ul li div.a {
	display:none; /* init */
	width:78%;
	background:url(/products/img/ico_qa_a.jpg) no-repeat left 20px;
	font-size:1.2rem;
	line-height:160%;
}


@media screen and (max-width: 980px) {
	#qa {
		margin-bottom:10vw !important;
	}
	#qa ul li {
		margin-bottom:1vw;
		padding: 0 0 1vw 1vw;
	}
	#qa ul li div {
		padding:1vw 1vw 1vw 7vw;
	}
	#qa ul li div.q {
		padding:1vw 1vw 1vw 7vw;
		background:url(/products/img/ico_qa_q.jpg) no-repeat left 1vw;
		background-size:5vw;
		font-size:3vw;
	}
	#qa ul li div.q a {
		width:7vw;
		height:7vw;
		top:0vw;
		right:3vw;
	}
	#qa ul li div.q a img {
		width:100%;
	}
	#qa ul li div.a {
		width:80vw;
		background:url(/products/img/ico_qa_a.jpg) no-repeat left 1vw;
		background-size:5vw;
		font-size:3vw;
	}
}






/*   獣医師インタビュー
-------------------------------------------------------------- */

#doctor-interview {
	margin-bottom:80px;
	text-align:center;
}
#doctor-interview img {
	display:inline-block;
	margin-bottom:20px;
}






/*   こちらの商品もおすすめ
-------------------------------------------------------------- */

#recommend {
	width:100%;
	min-height:600px;
	background:url(/products/img/bg_recommend.jpg) no-repeat center top;

}
#recommend .in {
	width:900px;
	margin: 0 auto;
	padding-top:300px;
}

#recommend .in #slide {
	display:flex;
	justify-content: space-between;
	padding-top:15px;
}
#recommend .in #slide a {
	display:block;
	flex-basis: 48%;
	padding:20px 15px;
	background:#fff;
	text-align:center;
	text-decoration:none;
	
	border-radius: 15px;
	border:solid 1px #ccc;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.05);	
}
#recommend .in #slide a img {
	display:block;
	float:left;
	width:35%;
}
#recommend .in #slide a div {
	float:right;
	width:60%;
	text-align:left;
}
#recommend .in #slide a div span {
	display:block;
	margin-bottom:5px;
	padding-top:15px;
	font-weight:bold;
	font-size:1.2rem;
	line-height:150%;
	color:#666;	
}
#recommend .in #slide a div h4 {
	font-weight:bold;
	font-size:1.3rem;
	line-height:150%;
	color:var(--deep-green); 
}

@media screen and (max-width: 980px) {
	
	#recommend {
		min-height:none;
		padding-bottom:10vw !important;
		background:url(/products/img/bg_stripe_blue.jpg) repeat;
	}
	#recommend .in {
		width:100%;
		padding-top:0;
	}
	#recommend .in #slide {
		padding:2vw 5vw;
	}
	#recommend .in #slide a {
		flex-basis: 48%;
		padding:20px 10px;
	}
	#recommend .in #slide a img {
		float:none;
		width:90%;
		margin: 0 auto;
	}
	#recommend .in #slide a div {
		float:none;
		width:90%;
		margin: 0 auto;
	}
	#recommend .in #slide a div span {
		padding-top:15px;
		font-size:3vw;
	}
	#recommend .in #slide a div h4 {
		font-size:3vw;
	}

}







/*   ドッグフード　だけ、かな
-------------------------------------------------------------- */

.col2 {
	display:flex;
	flex-wrap: wrap;
    justify-content:space-around;
    background: #fff;
}
.col2 .unit {
    flex-basis: 46%;
	margin-bottom:10px; 
}
.col2 .unit a {
    display: block;
    margin-bottom: 30px;
}
.col2 .unit a img {
    display: block;
    margin: 0 auto;
}
.col2 .unit:nth-child(1) div,
.col2 .unit:nth-child(2) div{
    height: 590px;
}
.col2 .unit:nth-child(3) div,
.col2 .unit:nth-child(4) div{
    height: 650px;
}
.col2 .unit:nth-child(1) div img,
.col2 .unit:nth-child(3) div img {
    border-right: solid 1px #ccc;
}

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

    .col2 .unit {
        flex-basis: 100%;
    } 
    .col2 .unit div {
        padding-top: 0 !important;
        height: auto !important;
    }
    .col2 .unit div img {
        display: block;
        width: 80%;
        margin: 0 auto;        
        border-right: none !important;
    }
    .col2 .unit a img {
        margin-bottom: 30px;
        padding-bottom: 50px;
        border-bottom: solid 2px #ccc;
    } 
    .col2 .unit:last-child a img {
        border-bottom: none !important;
        padding-bottom: 0;
    }
}




#dogfood-tab3-select {
    padding: 220px 0 120px 280px;
    background: url(../../../products/inubishoku/img/img_tab3_2.jpg) no-repeat;
}
.dogfood-tab3-select  {
    background: #fff;    
}
#dogfood-tab3-select select,
.dogfood-tab3-select select {
	display:inline-block;
	width:70%;
	height:70px;
	margin-bottom:10px;
	padding: 13px;
	font-size:1.3rem;
	font-weight:bold;
	background:#fff;
	border: solid 3px var(--light-green);
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;

}