@charset "utf-8";

/*#######################################################
@ 2018/1/29 renewal
#########################################################*/



/* 下層ページ共通
----------------------------------------------------*/

html{
	width:100%;
	overflow-x:hidden;
}
.subject {
	margin-bottom:20px;
	padding: 0 0 7px 0;
	background:url(../img/bg_subject.jpg) no-repeat left bottom;
	font-weight:bold;
	font-size:1.4em;
	line-height:130%;
}
.subject.long {
	background-image:url(../img/bg_subject_long.jpg);
}
@media screen and (max-width: 959px) {
	.subject {
		font-size:1.2em;
	}
}
.subject2{
	margin:20px 0;
	padding: 20px 0 15px 0;
	border-bottom:solid 2px #ccc;
	border-top:solid 2px #ccc;
	text-align:center;
	font-weight:bold;
	font-size:1.3em;
	line-height:16px;
	color:#24810F;
}
.price-table {
	display:block;
	width:100%;
}
.price-table tr,
.price-table th,
.price-table td{
	border:solid 1px #ccc;
	padding:10px 10px;
	font-weight:bold;
	font-size:1em;
	text-align:center;
	background:#fff;
}
.price-table th{
	background:#eee;
}
.price-table td.price{
	color:#D2383A;
	text-align:right;
}
@media screen and (min-width: 960px) {
	.price-table br {
		display:none;
	}
}

@media screen and (min-width: 960px) {

	#page-main-image {
		width:910px;
		margin: 0 auto 20px auto;
	}
	#page-main-image-1180 {
		width:1180px;
		margin: 0 auto 20px auto;
	}	
	#page-main-image-1180 .subject {
		width:910px;
		margin: 10px auto 30px auto;
		font-size:1.5rem !Important;
	}
	
	#page-main-image img,
	#page-main-image-1180 img {
		width:100%;
	}	
	#pan {
		width:100%;
		margin-bottom:30px;
		padding:10px 0;
		background:#F8F7EB;
	}
	#pan ul {
		width:910px;
		margin:0 auto;
	}
	#pan ul li,
	#pan ul li * {
		display:inline-block;
		font-size:0.9em;
		color:#666;
	}
	#wrapper {
		width:910px;
		margin:0 auto;
		font-size:1.2em;
		line-height:160%;
	}
	#contents {
		width:682px;
		overflow:hidden;
		float:left;
	}	
	#side {
		width:200px;
		overflow:hidden;
		float:right;
	}

	#wrapper-products {
		width:950px;
		margin:0 auto;
	}	
	#products-right {
		width:580px;
		overflow:hidden;
		float:right;
	}		
	#products-left {
		width:342px;
		overflow:hidden;
		float:left;	
	}
	div#page-title {
		width:100%;
		margin-bottom:30px;
		border-bottom:solid 6px #EB6700;
		line-height:0;
	}
	div#page-title h2 {
		width:910px;
		margin:0 auto;
	}
	div#page-title h2.text {
		padding: 10px 0 5px 10px;
		font-size:160%;
		line-height:150%;
		letter-spacing:1px;
		color:#24810F;
		font-weight:bold;
	}
	h2.kiji-title {/*病気辞典*/
		margin-bottom:10px;
		padding: 30px 0 0 10px;
		border-bottom: solid 3px #EB6700;
		font-size:160%;
		line-height:150%;
		letter-spacing:1px;
		color:#24810F;
		font-weight:bold;
	}
	p.kiji-body {
		padding:0 10px !important;
	}
	#side-navi {
		margin-bottom:20px;
		font-size:1.1em;
	}
	#side-navi-ttl {
		padding:20px;
		background:#EB6700;
		color:#fff;
		text-align:center;
		font-size:1.4em;
		line-height:18px;
		letter-spacing:1px;
	}	
	#side-navi ul {
		background:#F8F7EB;	
	}	
	#side-navi li {
		margin:0 10px;
		padding:20px 10px 20px 30px;
		border-bottom:dotted 2px #ccc;
		background:url(../img/ico_arrow_orange.jpg) 10px 22px no-repeat;
	}	
	#side-navi li a {
		display:block;
	}	
	#side-bnr {
	}
	#side-bnr li {
		display:block;
		margin-bottom:10px;
	}
	#side-bnr li img {
		width:100%;
	}
	
}
@media screen and (max-width: 959px) {

	#page-main-image,
	#page-main-image-1180 {
		width:100%;
		margin: 0 auto 20px auto;
	}
	#page-main-image img,
	#page-main-image-1180 img {
		width:100%;
	}		
	#page-main-image-1180 .subject {
		width:100%;
		margin: 20px auto 30px auto;
		font-size:1.3rem !Important;
	}	
	#pan {
		width:96%;
		margin-bottom:10px;
		padding:20px 2% 10px;
		background:#F8F7EB;
	}
	#pan ul {
	}
	#pan ul li,
	#pan ul li a {
		display:inline;
		font-size:14px;
		line-height:120%;
		color:#666;
	}
	#wrapper {
		width:98%;
		margin: 0 1%;
	}
	#contents {
	}	
	#side {
	}
	#wrapper-products {
	}	
	#products-right {
		margin-right:1%;
		margin-left:1%;	
	}		
	#products-left {
		margin-right:1%;
		margin-left:1%;	
	}	
	#products-right img {
		width:100%;
	}	
	#page-title {
		width:100%;
		margin-bottom:20px;
		border-bottom:solid 6px #EB6700;
		line-height:0;
	}
	#page-title h2 {
		margin:0 auto;
	}
	div#page-title h2.text {
		padding: 10px 0 5px 10px;
		font-size:150%;
		line-height:140%;
		letter-spacing:1px;
		color:#24810F;
		font-weight:bold;
	}

	.top-smp-ttl2 {
		font-weight:bold;
		font-size:1.3em;
		line-height:20px;
		margin-bottom:25px;
		padding: 0 0 8px 2%;
		border-bottom:solid 3px #EB6700;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}
		
	h2.kiji-title {/*病気辞典*/
		margin-bottom:10px;
		padding: 20px 0 0 10px;
		border-bottom: solid 3px #EB6700;
		font-size:130%;
		line-height:150%;
		letter-spacing:1px;
		color:#24810F;
		font-weight:bold;
	}		
	p.kiji-body {
		padding:0 10px !important;
	}	
	
	#page-title img {
		width:100%;
	}

	#side-navi {
		display:none;
	}
	#side-navi li {
	}	
	#side-navi li a {
	}	
	#side-bnr {
		display:none;
	}
	#side-bnr li {
		display:block;
		margin-bottom:10px;
	}
	#side-bnr li img {
		width:100%;
	}
}




/* ページごと（商品一覧 2019/10 ver ）
----------------------------------------------------*/

@media screen and (min-width: 960px) {
	body#body-products #wrapper,
	body#body-products #contents{
		width:980px;
	}
}

#sub-itemlist-wrapper {
	margin:0 auto 50px auto;
}
#sub-itemlist-wrapper ul {
	padding-top:20px;
}
#sub-itemlist-wrapper ul li {
	width:50%;
	float:left;
}
#sub-itemlist-wrapper ul li a {
	text-decoration:none;
	display:block;
	padding: 5px 20px;
}
#sub-itemlist-wrapper ul li div {
	margin-bottom:5px;
}
#sub-itemlist-wrapper .image{
	width:50%;
	height:370px;
	margin: 0 auto;
	text-align:center;
	position: relative;
}
#sub-itemlist-wrapper .image.kona {
	width:70%;
}

@media screen and (min-width: 960px) {
	#body-seibun #sub-itemlist-wrapper .image{
		width:100% !important;
	}
	#body-seibun #sub-itemlist-wrapper ul li span.a {
		display:block;
		padding: 5px 20px;
	}
}
@media screen and (max-width: 959px) {
	#body-seibun #sub-itemlist-wrapper .image{
		width:100% !important;
		height:53vw !important;
	}
	#body-seibun #sub-itemlist-wrapper ul li span.a {
		display:block;
		padding: 5px 5px;
	}
}

#sub-itemlist-wrapper .image img {
	display:block;
	width:100%;
	position: absolute;
	bottom: 10px;
}
#sub-itemlist-wrapper .name{
	font-size:120%;
	font-weight:bold;
	color:#444;
}
#sub-itemlist-wrapper .desc{
	height:60px;
	line-height:140%;
}
#sub-itemlist-wrapper .tsubu{
	font-size:11px;
	line-height:130%;
	color:#666;
	float:left;
	width:50%;
}
#sub-itemlist-wrapper .price{
	font-size:130%;
	color:crimson;
	font-weight:bold;
	text-align:right;
	float:left;
	width:50%;	
}
#sub-itemlist-wrapper .price span{
	color:crimson;
	font-size:12px;
	font-weight:normal;
}
#sub-itemlist-wrapper .btn{
	background:#EB6700;
	color:#fff;
	padding:5px;
	text-align:center;
	font-weight:bold;
}
#sub-itemlist-wrapper .btn a {
	color:#fff;
}

/*成分辞典の成分名リンク*/

@media screen and (min-width: 960px) {
	#body-seibun #sub-itemlist-wrapper .desc{
		height:130px !Important;
	}
}
@media screen and (max-width: 959px) {
	#body-seibun #sub-itemlist-wrapper .desc{
		height:auto;
		min-height:28vw !Important;
	}
}
#body-seibun #sub-itemlist-wrapper .desc a {
	display:inline-block;
	padding:0 5px;
	text-decoration:underline;

	word-break: break-all;
	word-wrap: break-word;	
}
#body-seibun #sub-itemlist-wrapper .desc a:hover {
	background:#EB6700;
	color:#fff;
}

#body-seibun #sub-itemlist-wrapper .price{
	width:100%;
}






@media screen and (max-width: 959px) {
	#sub-itemlist-wrapper {
		width:100%;
		margin:0 auto 30px auto;
	}
	#sub-itemlist-wrapper ul li a {
		padding: 0 10px;
	}
	#sub-itemlist-wrapper ul li a.to-review {
		margin:0 10px 20px !important;
	}
	#sub-itemlist-wrapper .desc{
		height:auto;
		min-height:100px;
		font-size:80%;
		line-height:130%;
	}	
	#sub-itemlist-wrapper .image{
		width:100%;
		/*height:calc(100vw / 1.4);*/ /*　さらにスマホ・タブレット分岐　*/
	}
	#sub-itemlist-wrapper .tsubu{
		float:none;
		width:100%;
	}
	#sub-itemlist-wrapper .price{
		float:none;
		width:100%;	
	}	
}

/* タブレット
------------------------------ */
@media screen and (min-width:600px) and (max-width:959px) {
	#sub-itemlist-wrapper .image{
		height:calc(100vw / 1.35);
	}	
	#sub-itemlist-wrapper .image.kona {
		width:100% !important;
		height:calc(100vw / 2) !important;
	}	
}
/* スマホ
------------------------------ */
@media screen and (max-width:599px) {
	#sub-itemlist-wrapper .image{
		height:calc(100vw / 1.4);
	}
	#sub-itemlist-wrapper .image.kona {
		width:100% !important;
		height:calc(100vw / 2.2) !important;
	}
}
 







#sub-mokuteki-wrapper {
	margin:50px auto 20px;
}
@media screen and (max-width: 959px) {
	#sub-mokuteki-wrapper {
		width:100%;
		margin:20px auto;
	}
}
#sub-mokuteki-tab {
	margin-bottom:20px;
	border-bottom:solid 2px #eb6700;
}
#sub-mokuteki-tab a {
	display:block;
	float:left;
	width:32%;
	margin-right:2%;
	padding:15px 0 10px;
	height:center;
	background:#eee;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
	font-size:0.95rem;
	line-height:100%;

	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
}
#sub-mokuteki-tab a:nth-child(3) {
	margin-right:0;
}
#sub-mokuteki-tab a.active {
	background:#eb6700;
	color:#fff;
}
#sub-mokuteki-tab-contents {
	margin:10px 0;
}
#sub-mokuteki-tab-contents div {
}
#sub-mokuteki-tab-contents div ul {
}
#sub-mokuteki-tab-contents div ul li {
	display:block;
	float:left;
	width:23%;
	margin-right:2%;
	margin-bottom:8px;
}
@media screen and (min-width: 960px) {
	#sub-mokuteki-tab-contents div ul li:nth-child(4n) {
		margin-right:0;
	}
}
@media screen and (max-width: 959px) {
	#sub-mokuteki-tab-contents div ul li:nth-child(3n) {
		margin-right:0;
	}
}
#sub-mokuteki-tab-contents div ul li a {
	display:block;
	padding:4%;
	border:solid 1px #bbb;
	text-decoration:none;
	letter-spacing:1px;
	font-size:0.9rem;
	line-height:100%;	
}
#sub-mokuteki-tab-contents div ul li a:hover {
	background:#555;
	color:#fff;
}
#sub-mokuteki-tab-contents div ul li a:hover span {
	color:#fff;
}
@media screen and (max-width: 959px) {
	#sub-mokuteki-tab-contents div ul li {
		width:32%;
	}
	#sub-mokuteki-tab-contents div ul li a {
		display:table;
		width:90%;
		height:2rem;
		letter-spacing:0px;
		font-size:0.8rem;
		line-height:120%;
	}
	#sub-mokuteki-tab-contents div ul li a span {
		display:table-cell;
		vertical-align:middle;
	}	
}





#sub-mokuteki-panel {
	margin:50px auto;
}
@media screen and (max-width: 959px) {
	#sub-mokuteki-panel {
		width:100%;
		margin:20px auto;
	}
}

#sub-mokuteki-panel .panel{
	margin-bottom:10px;
	padding:10px 20px;
	background:#7FAB38;
	color:#fff;
	font-weight:bold;
	line-height:30px;
}
#sub-mokuteki-panel .panel a {
	display:inline-block;
	float:right;
	width:30px;
	height:30px;
	text-decoration:none;
	background:#fff;
	color:#7FAB38;
	text-align:center;
	font-size:20px;
	line-height:30px;
}
#sub-mokuteki-panel .panel a.opened {
	display:none;
}
#sub-mokuteki-panel .panel.active a.closed {
	display:none;
}
#sub-mokuteki-panel .panel.active a.opened {
	display:inline-block;
}


#sub-mokuteki-panel ul {
	padding:20px 0;
	display:none;
}
#sub-mokuteki-panel ul li {
	width:25%;
	float:left;
}
#sub-mokuteki-panel ul li a {
	text-decoration:none;
	display:block;
	margin-bottom:10px;
	padding: 0 20px;
}

#sub-mokuteki-panel ul li div {
	margin-bottom:5px;
}
#sub-mokuteki-panel .image{
	width:50%;
	height:170px;
	margin: 0 auto;
	text-align:center;
	position: relative;
}
#sub-mokuteki-panel .image img {
	display:block;
	width:100%;
	position: absolute;
}
#sub-mokuteki-panel .name{
	font-size:120%;
	font-weight:bold;
	color:#444;
}
#sub-mokuteki-panel .desc{
	height:90px;
	font-size:90%;
	line-height:130%;
}
#sub-mokuteki-panel .tsubu{
	font-size:11px;
	line-height:130%;
	color:#666;
}
#sub-mokuteki-panel .price{
	font-size:130%;
	color:crimson;
	font-weight:bold;
	text-align:right;
}
#sub-mokuteki-panel .price span{
	color:crimson;
	font-size:12px;
	font-weight:normal;
}
#sub-mokuteki-panel .btn{
	background:#EB6700;
	color:#fff;
	padding:5px;
	text-align:center;
	font-weight:bold;
}
@media screen and (max-width: 959px) {
	#sub-mokuteki-panel {
		width:100%;
		margin:0 auto 30px auto;
	}
	#sub-mokuteki-panel ul li {
		width:50%;
	}	
#sub-mokuteki-panel ul li a {
		padding: 0 10px;
	}	
	#sub-mokuteki-panel .name{
		font-size:100%;
		line-height:130%;
	}
	#sub-mokuteki-panel .desc{
		height:auto;
		font-size:80%;
	}	
	#sub-mokuteki-panel .image{
		width:100%;
		/*height:calc(100vw / 1.4);*//*　さらにスマホ・タブレット分岐　*/
	}	
}


/* タブレット
------------------------------ */
@media screen and (min-width:600px) and (max-width:959px) {
	#sub-mokuteki-panel .image{
		height:calc(100vw / 1.35);
	}	
}
/* スマホ
------------------------------ */
@media screen and (max-width:599px) {
	#sub-mokuteki-panel .image{
		height:calc(100vw / 1.4);
	}	
}



/* ページごと（会社概要）
----------------------------------------------------*/

#info {
}
#info #company-logo{
	padding:30px 50px 30px 0;
	text-align:center;
}
@media screen and (max-width: 959px) {
	#info #company-logo{
		padding:20px;
	}
	#info #company-logo img {
		width:100%;
		max-width:400px;
	}
}
#info div table {
	display:block;
	width:100%;
	margin-bottom:30px;
}
#info div th,
#info div td {
	border:solid 1px #ccc;
	border-collapse:collapse;
}
#info div th {
	width:30%;
	background:#F8F7EB;
	padding:5px 10px;
}
#info div td {
	width:60%;
	padding:7px 12px;
}
@media screen and (max-width: 959px) {
#info div th {
	width:20% !important;
}
#info div td {
	width:80% !important;
}
}
#info-policy {
}
#info-policy dl {
	margin-bottom:20px;
}
#info-policy dt {
	margin-bottom:5px;
	font-weight:bold;
}
#info-policy dd {
	margin-bottom:20px;
}

#info-policy p {
	margin-bottom:20px;
}

#rinen-text  p {
	margin-bottom:20px;
}
@media screen and (max-width: 959px) {
	#rinen-text br {
		display:none;
	}
}



/* ページごと（ガイド）
----------------------------------------------------*/

#beginner-top {
	width:910px;
	margin:0 auto;
	padding-bottom:40px;
	text-align:center;
}
#beginner-top div {
	width:600px;
	margin:0 auto;
}
#beginner-top p {
	font-size:15px;
	line-height:170%;
}
#beginner-top div a {
	display:block;
	float:left;
	width:50%;
}
@media screen and (max-width: 959px) {
	#beginner-top {
		width:100%;
		padding-bottom:20px;
	}
	#beginner-top div {
		width:100%;
	}
	#beginner-top p {
		font-size:1rem;
		padding: 0 10px;
	}
	#beginner-top p br {
		display:none;
	}
	#beginner-top div img {
		width:100%;
	}
}

#guide-mokuji { /* faqと共通 */
	box-sizing:border-box;
	width:910px;
	margin: 0 auto 30px;
	padding:20px;
	background:#eed;
}
#guide-mokuji ul {
}
#guide-mokuji ul li {
	box-sizing:border-box;
	width:calc(100% / 3);
	float:left;
	background:#fff;
	border:solid 5px #eed;
}
#guide-mokuji ul li a {
	display:block;
	padding:10px;
	text-decoration:none;
}
@media screen and (max-width: 959px) {
	#guide-mokuji {
		width:100%;
	}
	#guide-mokuji ul li {
		width:50%;
	}
}

#guide .image {
	border: solid 1px #ccc;
	text-align:center;
	line-height:0;
	margin: 15px 0;
}

.guide-payment-ttl {
	border-top:dotted 1px #ccc;
	padding-top:10px;
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	color:#24810F;
}
.guide-left {
	width:45%;
	margin: 10px 5% 10px 0;
	float:left;
}
.guide-right {
	width:45%;
	margin: 10px 0 10px 0;
	float:right;
}

#guide-2colbanner-wrapper {
	width:100%;
	margin:50px auto;
}
#guide-2colbanner-wrapper div a {
	display:block;
	float:left;
	width:50%;
	margin-bottom:10px;
	text-align:center;
}
#guide-2colbanner-wrapper div a img {
	width:96%;
	margin: 0 auto;
}

/* pc */
@media screen and (min-width: 960px) {
	#fufu-wrapper,
	#rakpay-wrapper,
	#amazonpay-wrapper {
		width:800px;
		margin: 0 auto 30px auto;
	}
}

#fufu-wrapper img{
	width:100%;
}
#fufu-wrapper .col2 img{
	width:50% !Important;
}
#fufu-wrapper .col3 img{
	width:33% !Important;
}
#fufu-wrapper .col4 img{
	width:25% !Important;
}


#rakpay-1 {
	position:relative;
	width:100%;
	height:300px;
}
#rakpay-1-1 {
	display:block;
	position:absolute;
	width:100%;
	z-index:10;
}
#rakpay-1-2 {
	display:block;
	position:absolute;
	top:30px;
	left:420px;
	z-index:20;
}
@media screen and (max-width: 959px) {
	#rakpay-1-2 {
		top:18px;
		left:53%;
		width:40%;
	}
}
#rakpay-wrapper img{
	width:100%;
}
#rakpay-wrapper .col2 img{
	width:50% !Important;
}
#rakpay-wrapper .col3 img{
	width:33% !Important;
}
#rakpay-wrapper .col4 img{
	width:25% !Important;
}

a.back-to-menu {
	display:block;
	padding:20px 10px 50px 0;
	text-align:right;
	font-size:1.1vw;
	color:#666;
}
@media screen and (max-width: 959px) {
	a.back-to-menu {
		padding:20px 10px 30px 0;
		font-size:3vw;
	}
}
a.back-to-menu span {
  display: inline-block;
  vertical-align: middle;
  color: #666;
  line-height: 1;
  width: 0;
  height: 0;
  margin-left:5px;
  border-style: solid;
  border-color: transparent;
  border-width: 0.64952em 0.375em;
  border-bottom-color: currentColor;
  border-top: 0;
}


/* ページごと（よくある質問）
----------------------------------------------------*/
.faq-box {
	margin-bottom:20px;
}
.faq-box dl {
	margin-bottom:20px;	
}
.faq-box dt {
	min-height:20px;
	background:url(../img/ico_faq_q.jpg) no-repeat 0 0;
	padding-left: 30px;
	margin-bottom:10px;
	font-weight:bold;
	color:#24810F;
}
.faq-box dd {
	background:url(../img/ico_faq_a.jpg) no-repeat 0 0;
	padding:  0 0 30px 30px;
	border-bottom:dotted 1px #ccc;
}

.faq-box table {
	display:block;
	width:100%;
	margin-bottom:30px;
}
.faq-box th,
.faq-box td {
	border:solid 1px #ccc;
	border-collapse:collapse;
	text-align:center;
}
.faq-box th,
.faq-box tr.head th,
.faq-box tr.head td {
	width:20%;
	background:#F8F7EB;
	padding:5px 10px;
}
.faq-box td {
	width:20%;
	padding:7px 12px;
}
@media screen and (max-width: 959px) {
.faq-box th {
	width:20% !important;
}
.faq-box td {
	width:20% !important;
}
}



/* ページごと（サプリメント／品質管理）
----------------------------------------------------*/
ol#supple-mokuji {
	margin-bottom:30px;
	padding:20px;
	border:solid 1px #eee;
	background:#fafafa;
}
ol#supple-mokuji li {
	margin: 0 0 5px 25px;
	padding-left:5px;
	list-style:decimal;
}
ol#supple-mokuji li a {
	color:#444;
	font-size:100%;
}
.supple-ttl {
	margin-bottom:20px;
	padding:30px 0;
	border-top:solid 2px #ccc;
	border-bottom:solid 2px #ccc;
	text-align:center;
	font-size:1.2em;
	line-height:160%;
	font-weight:bold;
	color:#555;
	font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	letter-spacing:3px;
}
.supple-ttl2 {
	padding:20px 0;
	font-size:1.3em;
	line-height:160%;
	font-weight:bold;
	color:#EB6700;
	font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
}
.supple-content {
	margin-bottom:40px;
	line-height:180%;
	color:#555;
}
.supple-content .img-right{
	float:right;
	margin: 0 0 20px 20px;
}
.supple-content .img-left{
	float:left;
	margin: 0 20px 20px 0;
}
.supple-content p {
	margin:30px 0;
	font-size:0.8em;
	color:#555;
}
.supple-content strong {
	text-decoration:underline;
}
.supple-btn {	
	width:70%;
	margin: 30px auto;
}
.supple-btn a {
	display:block;
	padding:20px 0;
	border:solid 2px #24810F;
	text-align:center;
	background:url(../img/ico_arrow_green.jpg) no-repeat 98% 22px;
	text-decoration:none;
	font-size:1.2em;
	line-height:20px;
	font-weight:bold;	
	color:#24810F;
}
.supple-btn a:hover {
	color:#999;
	border:solid 2px #888;	
}

@media screen and (max-width: 959px) {
	.supple-ttl br { display:none; }
	.supple-content .img-right,
	.supple-content .img-left{
		width:40%;
	}
	.supple-content .img-right img,
	.supple-content .img-left img {
		width:100%;
	}
	.supple-btn {	
		width:90%;
		margin: 10px auto;
	}	
	.supple-btn a {
		font-size:1em !important;
		background:none;
	}	
}






/* ページごと（インタビュー）
----------------------------------------------------*/

.interview-intro {
	margin: 20px 0 0 0;
	padding:20px 0 0 0;
	border-top: solid 1px #ccc;
	font-size:1em;
	line-height:180%;	
}
.interview-intro div {
	text-align:center;
}
.interview-intro span {
	display:block;
	margin-bottom:10px;
	font-size:1.5em;
	line-height:180%;	
	font-weight:bold;
}
.interview-ttl {
	padding:30px 0;
	margin-top:20px;
	border-top: solid 1px #ccc;
	font-size:1.3em;
	line-height:180%;
	font-weight:bold;
	color:#3B8E26;
}
.interview-ttl.no-border {
	border-top: 0 none !important;
}



/* 2023年リニューアル版
------------------------------*/

body#v2023 {
}

#iv-intro {	
	position:relative;
	padding:25px;
	border:solid 3px #E35300;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
}
#iv-intro .b1 {
	position:absolute;
	top:-5px;
	right:30px;
	width:30%;
	height:20px;
	text-align:center;
	color:#E35300;
	background:#fff;
	line-height:100%;
	z-index:99;
}
#iv-intro .b2 {
	position:absolute;
	top:30px;
	width:92%;
	text-align:right;
	color:#E35300;
	line-height:100%;
}
#iv-intro .b3 {
	width:68%;
	float:right;
}
#iv-intro .b3 span {
	display:table-cell;
	height:190px;
	vertical-align:middle;
	font-size:2rem;
	color:#E35300;
	line-height:150%;
}
#iv-intro .b4 {
	width:30%;
	float:left;
}
#iv-intro .b5 {
	width:64%;
	float:right;
	padding:15px;
	background:#E35300;
	border:solid 3px #E35300;
	border-radius: 11px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;	
	color:#fff;
	line-height:100%;
}
#iv-intro .b5 span {
	color:#fff;
}

body#v2023 .interview-intro {
	margin:40px 0;
	padding:35px;
	border:none;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	color:#666;
	background:#F6F5E4;
}
body#v2023 .interview-intro h4 {
	margin-bottom:10px;
	font-size:1.2rem;
	font-weight:bold;
	color:#5D8C26;
}
body#v2023 .img-left,
body#v2023 .img-right {
	float:right;
	margin: 20px;
}
body#v2023 .interview-ttl {
	margin: 20px 0 10px;
	padding:10px 0;
	border:none;
	color:#E04800;
	font-weight:normal;
	font-size:1.1rem;
	line-height:160%;	
}

#last-message {
	margin:70px 0;
	padding:35px 50px 35px 35px;
	border:none;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;		
	color:#666;
	background:#FFF1EA;
}
#last-message:after {
    content:" ";
    display:block;
    clear:both;
}

#last-message .interview-ttl {
	margin-top: 0 !important;
	margin-bottom: 20px !important;
	padding:0 !Important;
}
#last-message .supple-content {
	float:left;
	width:70%;
	margin:0;
	padding: 0 0 0 25px;
}
#last-message .face {
	float:right;
	width:20%;
	text-align:center;
	line-height:130%;
}
#last-message .face img {
	width:100%;
	border: solid 1px #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;	
}
#last-message .face span {
	font-size:0.9rem;
	color:#777;
}

body#v2023 .supple-btn {	
	width:80%;
	margin: 30px auto;
}
body#v2023 .supple-btn a {
	display:block;
	padding:15px 5%;
	border:solid 2px #E04800;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
	box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1);
	text-align:center;
	background:url(../img/ico_arrow_orange2.png) no-repeat 98% 60px;
	text-decoration:none;
	font-size:1.4em;
	line-height:180%;
	color:#E04800;
}
body#v2023 .supple-btn a:hover {
	color:#999;
	border:solid 2px #888;	
}

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

	#iv-intro {	
		margin:20px 1%;
		padding:2%;
	}
	#iv-intro div {
		box-sizing:border-box;
	}
	#iv-intro .b1 {
		position:relative;
		margin:-3vw 0 5vw 10%;
		top:0px;
		width:60%;
		height:20px;
		font-size:3vw;
	}
	#iv-intro .b2 {
		position:relative;
		top:0;
		margin-bottom:20px;
		padding-left:4%;
		text-align:left;
	}
	#iv-intro .b3 {
		width:94%;
		float:none;
		margin-bottom:20px;
		padding: 0 3%;
	}
	#iv-intro .b3 br { display:none;}
	#iv-intro .b3 span {
		height:auto;
		font-size:1.4rem;
	}
	#iv-intro .b4 {
		width:50%;
		height:42vw;
		float:left;
		overflow:hidden;
	}
	#iv-intro .b4 img {
		width:100%;
	}
	#iv-intro .b5 {
		width:50%;
		height:42vw;
		float:right;
		padding:15px;
		border:none;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;	
		font-size:3vw;
	}
	#iv-intro .b5 span:nth-child(1) {
		display:block;
		padding-top:26vw;
		font-size:3vw;	
	}
	#iv-intro .b5 span:nth-child(2) {
		display:none;
	}
	#iv-intro .b5 span:nth-child(3) {
		font-size:4vw;
		line-height:2em;
	}
		
	body#v2023 .interview-intro {
		margin:40px 2%;
	}

	body#v2023 .interview-ttl {
		margin: 20px 2%;
		padding:0;
	}
	body#v2023 .supple-content {
		margin: 0 2% 40px;
	}
	body#v2023 .img-left,
	body#v2023 .img-right {
		float:none;
		width:100%;
		margin: 20px auto;
	}
	body#v2023 .img-left img,
	body#v2023 .img-right img {	
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;		
	}	
	#last-message {
		margin:30px 2%;
		padding:4%;
	}
	
	#last-message .supple-content {
		float:none;
		width:96%;
		margin:0 auto;
		padding:0;
	}
	#last-message .face {
		float:none;
		width:100%;
		text-align:center;
	}
	#last-message .face img {
		display:inline-block;
		width:40%;
	}
	#last-message .face span {
		display:block;
	}
	
	body#v2023 .supple-btn {	
		width:90%;
		font-size:4vw;
	}
	body#v2023 .supple-btn a {	
		background:url(../img/ico_arrow_orange2.png) no-repeat 98% 8.5vw;
	}
}









/* ページごと（定期コース）
----------------------------------------------------*/

#teiki {
}
#teiki .teiki-text-ttl {
	font-weight:bold;
	font-size:1.1em;
	margin-bottom:20px;
}
#teiki div.kiji {
	margin-bottom:20px;
	line-height:180%;
}
#teiki div.kiji strong {
	font-weight:bold;
	color:#FF0033;
}
#teiki div.sub-ttl {
	border-bottom:solid 1px #ccc;
	font-size:1.3em;	
	font-weight:bold;
	margin:10px 0 20px;
}
#teiki div.sub-ttl span {
	color:#24810F;
}
#teiki div.ttl-green1 {
	margin-bottom:10px;
	padding:5px 8px;
	background:#24810F;
	color:#fff;
	font-weight:bold;
}
#teiki div.ttl-green2 {
	margin-bottom:10px;
	color:#24810F;
	font-weight:bold;
}
@media screen and (max-width: 959px) {
	#teiki div.sub-ttl {
		font-size:1.1em !important;	
	}
}

.teiki-bnr-col3 {
	width:660px;
}
@media screen and (max-width: 959px) {
	.teiki-bnr-col3 {
		width:100%;
	}
}
.teiki-bnr-col3 a {
	display:block;
	width:33.333%;
	float:left;
}
.teiki-bnr-col3 a img {
	width:100%;
}




/* 病気辞典    @ 2021/3/10
----------------------------------------------------*/



/* 一覧系
-------------- */

#dict-mainimage {
}
#dict-navi {
}
#dict-navi ul {
	margin-bottom:20px;
}
#dict-navi ul li {
	list-style:none;
	display:inline-block;
	width:32%;
	margin-right:1%;
	padding: 15px 0;
	background:linear-gradient(0, #FEFEFE, #F9F8F1); 
	border-top:solid #ddd 1px;
	border-bottom:solid #ddd 1px;
}
#dict-navi ul li:nth-child(3){
	margin-right:0;
}
#dict-navi.col2 ul li {
	width:48%;
}
#dict-navi.col2 ul li:nth-child(2){
	margin-right:0;
}
#dict-navi ul li a  {
	display:block !Important;
	padding:10px;
	font-size:1.1rem;
	color:#AA7C50;
	font-weight:bold;
	font-size:1.2rem;
	line-height:140%;
	text-decoration:none;
}
#dict-navi ul li a span {
	display:block;
	padding-left:15px;
	border-left:#AA7C50 solid 4px;;
	color:#AA7C50;
}
@media screen and (max-width: 959px) {

	#dict-navi ul li {
		width:31%;
	}
	#dict-navi ul li a  {
		padding:10px 5px;
		font-size:0.9rem;
		text-align:center;
	}
	#dict-navi ul li a span {
		padding-left:0 !important;
		border-left:none !important;
	}	
}


#dict-contents {
}
#dict-contents h3 {
	margin-bottom:10px;
	padding:10px 20px;
	background:#F6F4E9;
	border:none !Important;
}
#dict-contents section section h3 { /* 記事本文 1-3*/
	margin:20px 5px 10px !important;
	padding:6px 15px !important;
	background:#eee !important;
	color:#333 !important;
	font-size:1rem;
}
#dict-contents h3 span {
	display:block;
	padding-left:15px;
	border-left:#C09D7C solid 4px;;
	color:#5D4D65;
	font-weight:bold;
	font-size:1.1rem;
	line-height:140%;
}
#dict-contents .kiji-body {
	padding: 0 10px;
	font-size:1rem;
}
@media screen and (max-width: 959px) {
	#dict-contents section section h3 {
		font-size:1.1rem !important;
	}
	#dict-contents .kiji-body {
		padding: 0 10px;
		font-size:0.9rem;
	}}

#dict-contents ul { 
	padding:10px 20px 10px 20px;
}
#dict-contents ul li {
	list-style:none;
	display:inline-block;
	margin: 0 20px 8px 0;
}
#dict-contents .arrow{
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
}
#dict-contents .arrow::after{
  position: absolute;
  top: -5px;
  left: 3px;
  margin: auto;
  content: "";
  vertical-align: middle;
  box-sizing: border-box;
  width: 5px;
  height: 5px;
  border: 5px solid transparent;
  border-left: 5px solid #ff0000;
}
#dict-contents ul li a {
	display:inline-block !Important;
	font-size:1rem;
}





/* 個別記事
------------------ */

body#dictionary div#page-title h2.text,
#body-seibun div#page-title h2.text {
	font-size:2rem !Important;
}
@media screen and (max-width: 640px) {
	body#dictionary div#page-title h2.text,
	#body-seibun div#page-title h2.text {
		font-size:1.3rem !Important;
		letter-spacing:-1px;
	}
}

body#dictionary .kiji-mokuji ul {
	margin-left:20px;
}
body#dictionary .kiji-mokuji ul li {
	display: list-item;
	list-style:decimal !important;
	margin-bottom:5px;
}

body#dictionary .youtube-wrapper {
	box-sizing:border-box;
	width:662px;
	height:417px;
	margin: 0 auto;
	padding:11px;
	background:#333;
	text-align:right;	
}
body#dictionary .youtube-wrapper a {
	display:inline-block;
	color:#fff;
	padding:5px;
	font-size:0.85rem;
}
@media screen and (max-width: 640px) {
	body#dictionary .youtube-wrapper,
	body#dictionary .youtube-wrapper iframe {
		width:97vw !important;
		height:calc(97vw * 9 /16) !important;
		padding:0 !important;
	}
}


body#dictionary #kiji-popular ul {/* 好発品種の表示部分 */
	margin:10px 0 5px 0;
}
body#dictionary #kiji-popular ul li {
	display: list-item;
	list-style:disc;
	margin: 0 0 1px 25px;
	font:bold;
}



body#dictionary #spl-link {
	width:500px;
	margin:20px auto;
}
body#dictionary #spl-link a,
body#dictionary #spl-link img {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	line-height:0;
}
body#dictionary #spl-link a.w50p {
	width:50% !important;
	float:left;
}
body#dictionary #spl-link .spl-link-in {
	padding: 0 5%;
	margin-bottom:0;
	border: solid #ccc;
	border-width: 0 1px;
}
body#dictionary #spl-link .spl-link-title {
	margin: 10px 0;
	padding-bottom: 5px;
	font-weight:bold;
	border-bottom:3px solid #333;
	font-size:1.4rem;
}
body#dictionary #spl-link .spl-link-desc {
	margin-bottom:0;
	padding-bottom:15px;
	font-size:1.0rem;
	line-height:160%;
}
@media screen and (max-width: 640px) {
	body#dictionary #spl-link {
		width:96%;
		margin:20px auto;
	}
}




body#dictionary #bnr-spl-link {
}
body#dictionary .spl-link {
	width:430px;
	margin:30px 0;
	float:left;
}
body#dictionary .spl-link:nth-child(odd) {
	margin-right:20px;
}
body#dictionary .spl-link a,
body#dictionary .spl-link img {
	display:block;
	width:100%;
	margin:0;
	padding:0;
	line-height:0;
}
body#dictionary .spl-link a.w50p {
	width:50% !important;
	float:left;
}
body#dictionary .spl-link .spl-link-in {
	padding: 0 5%;
	border: solid #ccc;
	border-width: 0 1px;
}
body#dictionary .spl-link .spl-link-title {
	margin: 10px 0;
	padding-bottom: 5px;
	font-weight:bold;
	border-bottom:3px solid #333;
	font-size:1.4rem;
}
body#dictionary .spl-link .spl-link-desc {
	padding-bottom:15px;
	font-size:1.0rem;
	line-height:160%;
}
@media screen and (max-width: 640px) {
	body#dictionary .spl-link {
		width:100%;
		margin:20px auto;
	}
}








/* 成分辞典    @ 2021/4/30 （病気辞典とほぼ共通）
----------------------------------------------------*/

#dictionary .kiji-img #doctor-img{
	float:left;
	width:30%;
}
#dictionary .kiji-img #doctor-profile{
	float:left;
	width:70%;
	text-align:left;
	padding: 50px 0 0 0;
	font-size:1.1rem;
	line-height:160%;
}



#seibun-link-card ul {
	padding:20px 0 20px 1%;
}
#seibun-link-card ul li {
	float:left;
	position:relative;
	width:48%;
	max-width:320px;
	margin:0 1% 0 0;
	padding:0;
	list-style:none;
	background-repeat:no-repeat;
	background-size:contain;
}
#seibun-link-card ul li .name {
	margin:0;
	padding-top:235px;
	text-align:center;
	color:#002274;
	font-weight:bold;
	font-size:1.3rem;
	line-height:110%;
}
#seibun-link-card ul li .name2 {
	margin:0 0 10px 0;
	padding-top:6px;
	text-align:center;
	font-size:0.9rem;	
	line-height:110%;
}
#seibun-link-card ul li .name3 {
	margin:0;
	padding-top:3px;
	text-align:center;
	font-size:0.7rem;
	line-height:110%;	
}


#seibun-link-card ul li a.review{
	display:block;
	width:100%;
	margin:10px auto;
	padding:10px 0;
	color:#fff;
	background:#aaa;
	font-weight:bold;
	text-align:center;
	font-size:1.1rem;
	line-height:100%;	
	text-decoration:none;
}
#seibun-link-card ul li a.review:hover{
	text-decoration:underline;
}




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

	#dictionary .kiji-img #doctor-profile {
		padding: 20px 0 0 0;
		font-size:0.9rem;
	}
	#dictionary .kiji-img #doctor-profile br{ display:none;}

	#seibun-link-card ul li {
		width:48%;
		max-width:none;
	}
	#seibun-link-card ul li .name {
		padding-top:33vw;
		font-size:3vw;
		line-height:110%;
	}
	#seibun-link-card ul li .name2 {
		margin-bottom:5px;
		font-size:1.6vw;	
		line-height:110%;
	}
	#seibun-link-card ul li .name3 {
		font-size:2vw;	
		line-height:110%;
	}	
	#seibun-link-card ul li a.review{
		font-size:3vw;
	}	
}



/* 品種辞典（チャート部分）
--------------------------------------------- */

#chart-wrapper {
	padding: 30px 0;
}
#chart-wrapper th{
	width:70px;
	padding-right:20px;
	text-align:right;
}
#chart-wrapper td{
	padding:5px;
	font-size:0.8rem;
}
#chart-wrapper span {
	display:inline-block;
	height:20px;
	text-align:left;
}
#chart-wrapper span.chart-1 {
	background:#66CC33;
}
#chart-wrapper span.chart-2 {
	background:#fafafa;
	margin-right:30px;
}
#chart-wrapper em {
	font-weight:normal;
}

@media screen and (max-width:959px) {
	#chart-wrapper {
	}
	#chart-wrapper th{
		width:25%;
	}
	#chart-wrapper td{
		padding-top:10px;
		font-size:0.9rem;
	}
	#chart-wrapper th,
	#chart-wrapper td {
		border-top:dotted 1px #ccc;
		border-bottom:dotted 1px #ccc;
	}
	#chart-wrapper em {
		display:block;
	}
}






/* ページごと（ウィズペティ倶楽部）
----------------------------------------------------*/

#club {
}
.club-subject {
	margin-bottom:20px;
	padding: 0 0 7px 0;
	background:url(../img/bg_subject.jpg) no-repeat left bottom;
	font-weight:bold;
	font-size:1.1em;
}
#club-top {
	padding:10px;
}
#club-top *{
	vertical-align:top;
}
#club-top th {
	padding:10px;
}
#club-top th img {
	border:solid 1px #ccc;
}
#club-top td {
	padding:10px;
}
#club-top td p {
	padding-top:8px;
	font-size:11px;
	line-height:15px;
	color:#666;
}
.club-bottom {
	padding:10px;
	margin-bottom:30px;
}
.club-bottom *{
	vertical-align:top;
}
.club-bottom th {
	padding:10px;
}
.club-bottom td {
	padding:10px;
}
.club-bottom td p {
	padding-top:8px;
	font-size:11px;
	line-height:15px;
	color:#666;
}

#club-link{
	width:720px;
	margin:20px auto;
	position:relative;
	text-align:center;
}
#club-link a{
	display:block;
	margin-bottom:10px;
}

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

	#lp_wrap {
		width:100% !important;
	}	
	#lp_wrap * {
		font-size:15px !important;
	}
	#lp_wrap img {
		width:100%;
	}	
	#lp_cont {
		margin:0 !important;
	}
	#news-wrapper {
		width:100% !important;	
	}
	#news-inner {
		padding:5px !important;
	}
	#lp_cont p.kiji {
		padding:5px !important;
	}
	#club-link {
		width:100% !important;
	}	
} 
.kiji-info{
	margin-bottom:10px;
	text-align:right;
}
.kiji-info .ico{
	display:inline-block;
	margin-bottom:10px;
	padding: 6px 12px 4px;
	font-size:0.9em;
	line-height:100%;
	text-align:center;
	color:#fff;
	background:#7EAB39;

	border:solid 1px #7EAB39;

	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.kiji-info .name{
	display:inline-block;
	font-size:1rem;
	margin-left:10px;
	font-weight:bold;
	letter-spacing:1px;
}
.kiji-info .date{
	display:inline-block;
	margin-left:10px;
	color:#777;
	font-size:0.8rem;
}
.kiji-info .date time {
	color:#777;
}

a.pdf-kiji-link {
	display:inline-block;
	margin:20px 0;
	background:crimson;
	color:#fff;
	font-weight:bold;
	padding:2px 6px;
	text-decoration:none;
	font-size:0.8rem;
}



/* ページごと（口コミ）
----------------------------------------------------*/


#review-total {
	text-align:center;
	color:#eb6700;
	font-weight:bold;
	font-size:1.2rem;
}
#review-total * {
	vertical-align:middle;
}
#review-total em {
	color:#eb6700;
	font-weight:bold;
	font-size:1.2rem;
}


#review-shop-total {
	padding: 0 0 15px 80px;
	text-align:center;
	color:#CC0000;
	font-weight:bold;
	font-size:1.1rem;
}
@media screen and (max-width: 959px) {
	#review-total,
	#review-shop-total {
		font-size:1rem;
		text-align:right;
	}
}
#review-shop-total * {
	vertical-align:middle;
}
#review-shop-total em {
	color:#CC0000;
	font-weight:bold;
	font-size:1.1rem;
}
#review-shop-total span {
	display:block;
	font-weight:normal;
	font-size:12px;
	color:#666;
}


.review-btn {	
	width:70%;
	margin: 30px auto;
}
.review-entry-btn a {
	display:block;
	padding:20px 0;
	border:solid 2px #EB6700;
	text-align:center;
	background:url(../img/ico_arrow_orange.jpg) no-repeat 98% 22px;
	text-decoration:none;
	font-size:1.5em;
	line-height:20px;
	letter-spacing:3px;
	font-weight:bold;	
	color:#EB6700;
}
.review-entry-btn a:hover {
	color:#999;
	border:solid 2px #888;	
}

#review-product-navi {
	margin:30px 0;
}

#review-product-navi a {
	display:block;
	float:left;
	width:130px;
	border:solid 1px #ccc;
	margin: 0 3px 3px 0;
	text-align:center;
}
#review-product-navi a img {
	display:block;
	width:100%;
}


#review-product-navi2 { /* pulldown */
	margin:30px 0;
	padding:15px;
	border:solid 2px #24810F;
	text-align:center;
}
#review-product-navi2 * {
	font-size:1.2rem;
	font-weight:bold;
	color:#24810F;
}
#review-product-navi2 select{
	padding: 5px 10px;
	border:solid 2px #bbb;
}
#review-product-navi2 span {
}
#review-product-navi2 span span {
	display:inline-block;
	height:35px;
	width:140px;
	margin-left:50px;
	padding-left:35px;
	background:url(/common/img/bnr_review_set.jpg) no-repeat left top;
	font-size:20px;
	line-height:30px;
	text-align:left;
}
#review-product-navi2 span span em {
	display:inline-block;
	padding-left:15px;
}

#review-ttl {	
	
	display:none;
	
	
	margin-bottom:20px;
	padding:15px 0;
	text-align:center;
	color:#fff;
	font-size:1.4em;
	font-weight:bold;
}
#review-ttl.item-sanpo { background:#0099CC; }
#review-ttl.item-aigan { background:#AA5DA8; }
#review-ttl.item-soukai { background:#EFA100; }
#review-ttl.item-issho { background:#0C3387; }
#review-ttl.item-jinkatsu { background:#A24023; }
#review-ttl.item-nekosanpo { background:#E964BF; }
#review-ttl.item-kenshin { background:#E1423F; }


#review-rakuten {
	margin-bottom:50px;
}
@media screen and (max-width: 959px) {
	#review-ttl {
		font-size:1.0em;
	}
	#review-rakuten img {
		width:100%;
	}	
	#review-a-this-product {
		display:block;
		margin-top:5px;
	}
}
#review-rakuten-amazon {
	margin-bottom:20px;
}
#review-rakuten-amazon a {
	display:block;
	float:left;
	width:165px;
	height:112px;
	margin: 0 5px 0 0;
	text-decoration:none;
	background-repeat:no-repeat;
	background-size:contain;
}
#review-rakuten-amazon a img {
}
#review-rakuten-amazon a span {/* num review */
	display:block;
	padding:75px 0 0 50px;
	font-size:14px;
	font-weight:bold;
}
#review-rakuten-amazon a#review-a-ks {
	background-image:url(/common/img/bnr_review_ks2.jpg); 
}
#review-rakuten-amazon a#review-a-ks span {	
	color:#73A134;
}
#review-rakuten-amazon a#review-a-rakuten {
	background-image:url(/common/img/bnr_review_rakuten2.jpg); 
}
#review-rakuten-amazon a#review-a-rakuten span {	
	color:#B80200;
}
#review-rakuten-amazon a#review-a-amazon {
	background-image:url(/common/img/bnr_review_amazon2.jpg);  
}
#review-rakuten-amazon a#review-a-amazon span {	
	color:#F8910B;
}
#review-rakuten-amazon a#review-a-yahoo {
	background-image:url(/common/img/bnr_review_yahoo2.jpg); 
}
#review-rakuten-amazon a#review-a-yahoo span {	
	color:#F3042D;
}
#review-rakuten-amazon span em {
	color:inherit;
	font-weight:bold;
}


@media screen and (max-width: 959px) {
	#review-rakuten-amazon a {
		width:46%;
		height:calc(50vw * 0.6);
		margin: 0 2% 10px;
		position:relative;
	}
	#review-rakuten-amazon a span {/* num review */
		display:block;
		position:absolute;
		bottom:calc(50vw * 0.08);
		left:calc(50vw * 0.07);
		font-size: calc(100vw / 30 );
	}	
}

#review .unit {
	position:relative;
	border: solid 2px #ccc;
	margin-bottom:40px;
	padding:20px;
}
#review .unit table {
	width:100%;
}
#review .unit th {
	width:25%;
	vertical-align:top;
}
#review .unit th img {
	width:100%;
}
#review .unit td {
	width:75%;
	vertical-align:top;
}
#review .unit td .name {
	position:absolute;
	top:-20px;
	right:5%;
	width:62%;
	padding:10px 0;
	color:#fff;
	font-weight:bold;
	text-align:center;
	
}
#review.page-sanpo .unit .name { background:#0099CC; }
#review.page-soukai .unit .name { background:#EFA100; }
#review.page-aigan .unit .name { background:#AA5DA8; }

#review .unit td .dog-name {
	margin:20px 0 20px 20px;
	font-size:1.2em;
	line-height:140%;
	font-weight:bold;
}
#review .unit td .item {
	margin:0 0 10px 20px;
	font-size:1.1em;
	font-weight:bold;
	
	display:none;
}
#review.page-sanpo .unit .item { color:#0099CC; }
#review.page-soukai .unit .item { color:#EFA100; }
#review.page-aigan .unit .item { color:#AA5DA8; }
#review .unit td .comment {
	margin-left:20px;
	color:#666;
}
#review .review-to-item{
	width:90%;
	margin: 20px auto 60px;
	padding:20px 0 15px 0;
	text-align:center;
	background:#267F15;
	border:solid 1px #267F15;

	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;	
}
#review .review-to-item a{
	display:block;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	line-height:16px;
	text-decoration:none;
}

#review td .rating {
	display:none;
}

@media screen and (max-width: 959px) {
	.review-btn {	
		width:90%;
		margin: 10px auto;
	}	
	.review-btn a {
		background:none;
	}
	#review-product-navi a img ,
	#review-product-navi span img {
		width:100%;
	}
	#review .review-to-item{
		width:95% !important;
	}	
	#review .review-to-item a{
		font-size:1em !important;
	}			
}





/* ページごと（商品詳細：左カラム）
----------------------------------------------------*/

#products-zoom {
	margin-bottom:20px;
	overflow:hidden;
}
#products-zoomed {
	height:560px;
	border:solid 1px #ccc;
	text-align:center;
	margin-bottom:20px;
}
#products-zoomed img{
	width:100%;
	max-width:398px;
}
#products-zoomed img#tgt_zoomed {
	width:auto;
	height:auto;
	max-height:507px;
}
#products-zoom.ver202008 #products-zoomed {
	height:460px;
}
#products-zoom.ver202008 #products-zoomed img#tgt_zoomed {
	max-height:none;
}

#products-zoomer {
	width:110%;/* hamidashi */
	margin-bottom:10px;
}
#products-zoomer a {
	display:block;
	float:left;
	width:28%;
	margin: 0 2% 2% 0;
	border:solid 1px #ccc;
	text-align:center;
	line-height:0;
}
#products-zoomer a img{
	width:70px;
	height:100px;
}
#products-zoom.ver202008 #products-zoomer a img{
	width:70px;
	height:70px;
}
.products-description {
	margin-bottom:20px;
	padding:0 1%;
	line-height:160%;
}
.products-description table{
	width:100%;
}
.products-description table,
.products-description th,
.products-description td{
	border:solid 1px #ccc;
}
.products-description th{
	width:25%;
	vertical-align:top;
	font-weight:bold;
	padding:2%;
	background:#eee;
}
.products-description td{
	width:75%;
	padding:2%;
	vertical-align:top;
}
#wrapper-products .btn-wrapper {
	text-align:center;
	margin-bottom:20px;
}


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





/* ページごと（商品詳細：右カラム ＞ 上部、新エリア）
----------------------------------------------------*/

#products {
	font-size:1.2em;
	line-height:160%;
}
#products .border,
.wp .border {
	border: solid 1px #ccc;
	padding: 0 10px;
	margin-bottom:20px;
}
#products strong {
	font-weight:bold;
}
#products img {
	display:inline-block;
	line-height:0;
}
#products p {
	padding:0 15px;
	margin-bottom:25px;
}
#products hr {
	margin:15px 0;
	height:1px;
	border:none;
	border-bottom:solid 1px #aaa;
}
#products div table{
	width:100%;
}
#products div table,
#products div th,
#products div td{
	border:solid 1px #ccc;
	font-weight:bold;
	font-size:1.2em;	
}
#products div th{
	vertical-align:middle;
	font-weight:bold;
	padding:2% 0;
	background:#eee;
	text-align:center;
}
#products div td{
	padding:2% 0;
	vertical-align:middle;
	text-align:center;
}
#products div td *{
	vertical-align:middle;
}
#products div td img {
	width: auto !important;
	display:inline-block !important;
}
#products div td.price,
#products .red {
	color:#CC0000;
}
#products .blue {
	color:#0099CC;
}
a.popup-price {
	display:block;
	margin:0 auto 20px;
	padding:12px 0 9px 0;
	width:85%;
	border:solid 2px #2d7f19;
	text-align:center;
	text-decoration:none;
	color:#2d7f19;
	font-weight:bold;
	font-size:1.2rem !important;	
}
@media screen and (max-width: 959px) {
	a.popup-price {
		width:80% !important;
		font-size:0.8em !important;
	}
	#products div table,
	#products div th,
	#products div td{
		font-size:1.0em !important;	
	}	
}







/* ページごと（商品詳細：右カラム ＞ 以前のＬＰ下部エリア）
------------------------------------------------------------------*/

@media screen and (min-width:641px) {
	.wp{
		width: 720px;
		overflow:hidden;
		margin: 0 auto 30px;		
	}
	.wp#lp-2018 { width:640px;}
	.wp * {
		font-size:1.1em;
		line-height:140%;
	 }	
	.w100p { width:100%; height:auto;}
	.wp img {
		display:block;
		margin: 0 auto;
	}
	.wp .cart-set {
		width:580px;
		margin:0 auto;
	}
	.wp .cart-set img{
		width:auto;
		height:auto;
	}
	.reason{
		text-align:left;
		background:url(https://withpety.com/products/sanpo/images/bg-rs.jpg) no-repeat 0 -90px/100% auto;
		padding-bottom:10px;
	}
	.reason.neko{
		background:url(https://withpety.com/products/sanpo/images/bg-rs-neko.jpg) no-repeat 0 -90px/100% auto !Important;
	}	
	.reason li{
		margin-bottom:40px;
		margin-left:45px;
	}
	.reason li img{
		margin:0;
	}
	#products-detail dd {
		padding:20px;
		text-align:left;
	}
	#products-detail dd div{
		width:270px;
		float:right;
		text-align:right;
	}
	
	.products-detail-2018 {
	}
	.products-detail-2018 p{
		padding:10px 30px;
		font-size:19px !important;
		line-height:190% !important;
	}
	.products-detail-2018.soukai p{
		background:url(https://withpety.com/products/soukai/a8/img2/lp_ab_inusoukai_c_0.jpg) repeat-y center top;
		padding:10px 40px !important;
	}
	.products-detail-2018.aigan p{
		background:url(https://withpety.com/products/aigan/a8/img2/lp_ab_inuaigan_c_0.jpg) repeat-y center top;
		padding:10px 40px !important;
	}
	.products-detail-2018.aigan.bg2 p{
		background-image:url(https://withpety.com/products/aigan/a8/img2/lp_ab_inuaigan_c_0b.jpg) !important;
	}		
	.products-detail-2018 strong{
		display:inline;
		background:#ffff66;
	}
	.products-detail-2018.soukai strong{
		background:#e8ffb2 !important;
	}	
	.products-detail-2018.aigan strong{
		background:#fadbff !important;
	}		
}
@media screen and (max-width:640px) { 
	.wp{
		width: 100%;
		overflow:hidden;
		background-color: #FFF;
		margin: 0 auto 30px;
		text-align:center;		
	}
	.wp * {
		font-size:1em;
		line-height:140%;
	 }	
	.wp img {
		display:block;
		width:100%;
	}
	.reason{
		text-align:left;
		background:url(https://withpety.com/products/sanpo/images/bg-rs.jpg) no-repeat 0 -90px/100% auto;
		padding-bottom:10px;
	}
	.reason.neko{
		background:url(https://withpety.com/products/sanpo/images/bg-rs-neko.jpg) no-repeat 0 -90px/100% auto !Important;
	}		
	.reason li{
		margin-bottom:20px;
		margin-left:10px;
	}	
	#products-detail dd {
		padding:10px;
		text-align:left;
	}
	#products-detail dd div{
		width:40%;
		float:right;
		text-align:right;
	}	

	.products-detail-2018 {
	}
	.products-detail-2018 img {
		width:100%;
		display:block;
	}
	.products-detail-2018 p{
		padding:10px;
		font-size:16px !important;
		line-height:170% !important;
		text-align:left;
	}	
	.products-detail-2018.soukai p{
		background:url(https://withpety.com/products/soukai/a8/img2/lp_ab_inusoukai_c_0.jpg) repeat-y center top;
		background-size:contain;
		padding:10px 40px !important;
	}
	.products-detail-2018.aigan p{
		background:url(https://withpety.com/products/aigan/a8/img2/lp_ab_inuaigan_c_0.jpg) repeat-y center top;
		background-size:contain;
		padding:10px 40px !important;
	}	
	.products-detail-2018.aigan.bg2 p{
		background-image:url(https://withpety.com/products/aigan/a8/img2/lp_ab_inuaigan_c_0b.jpg) !important;
	}
	.products-detail-2018 strong{
		display:inline;
		background:#ffff66;
	}
	.products-detail-2018.soukai strong{
		background:#e8ffb2 !important;
	}	
	.products-detail-2018.aigan strong{
		background:#fadbff !important;
	}			
}

.wp#lp-2018 img { width:100%;}



/*　アフィリ用LPのフッター
----------------------------- */

#lp-footer {
	width:720px;
	margin:0 auto 30px;
}
@media screen and (max-width:640px) {
	#lp-footer {
		width:100% !Important;
		margin:0 auto 20px !Important;
	}
}
#lp-footer img{
	width:100%;
}
#lp-copyrights{
	padding:20px 0 30px;
	border-top:solid 1px #ccc;
	text-align:center;
}


/* LP内、商品一覧へのリンク */
a#lp-products-list-bnr {
	display:block;
	margin: 30px 2%;
	border:solid 1px #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: linear-gradient(#40beef, #248796);
	color:#fff !Important;
	font-weight:bold;
	font-size:20px;
	line-height:20px;
	text-align:center;
	text-decoration:none;
}
a#lp-products-list-bnr:hover {
	color:yellow !Important;
}
a#lp-products-list-bnr span {
	display:block;
	padding:23px 0 20px 0;
	color:#fff !Important;
}




/* LP内、オレンジのボタン */
a#lp-orange-bnr {
	display:block;
	margin: 30px 2%;
	border:solid 1px #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background: linear-gradient(#f7902a, #dd7e42);
	color:#fff !Important;
	font-weight:bold;
	font-size:24px;
	line-height:24px;
	text-align:center;
	text-decoration:none;
}
a#lp-orange-bnr:hover {
	color:yellow !Important;
}
a#lp-orange-bnr span {
	display:block;
	padding:23px 0 20px 0;
	color:#fff !Important;
}





/*=========================================
 L P 用
=========================================*/

/* 2018以降追加分には水色背景を
---------------------------------------------- */

@media screen and (min-width:641px) {
	body.lp2018 {
		background:url(https://withpety.com/products/inusanpo/img/body_bg.jpg) repeat-x #bfedff !Important;
	}
	body.lp2018 .wp{
		background:#fff !Important;	
	}
}





/* 旧スタイル継承
---------------------------------------------- */

.wp #top p{
	color:#142453;
	margin:25px 30px 50px;
	font-size:2rem;
	line-height:1.3em;
}
.wp #top strong{
	color:#d9250a;
}
.wp .btn{
	display:block;
	text-align:center !important;
}

.wp .bl3-wp{
	background:#c7c0b4;
	padding:90px 20px;
}
.wp .bl3{
	background:#eeece9;
	padding:30px 45px;
}
@media screen and (max-width:640px) {
	.wp .bl3{
		padding:10px !important;
	}
}
.wp .bl3 p{
	text-align:left;
	margin:40px 20px 30px;
	line-height:140%;
}
@media screen and (max-width:640px) {
	.wp .bl3 p{
		margin:10px !important;
	}
}

.wp .bl6{
	background:#f4f0ea;
}
.wp .bl6 .interview{
	padding:50px;
	text-align:left;
	line-height:160%;
}
@media screen and (max-width:640px) {
	.wp .bl6 .interview{
		padding:10px !important;
	}
}
.wp .bl6 .interview img{
	float:left;
	margin: 10px 0;
}
.wp .bl7{
	background:#e1ccac
}
.wp .bl7 .voice{
	background:#f2e9dd;
	padding:60px 50px;
	margin-bottom:60px;
}
.wp .bl7 .voice img{
	float:left;
	margin-bottom:20px;
}
.wp .bl7 .voice p{
	line-height:140%;
}
.wp .bl7 .voice p img {
	float:none !important;
}
.wp .bl7 .voice p.p-name{
	font-weight:bold;
	font-size:150%;
	margin-bottom:10px;
}
.wp .bl7 .voice p.p-info{
	font-weight:bold;
	margin-bottom:10px;
}
.wp .bl7 .voice p.p-review{
	margin-bottom:10px;
}

@media screen and (max-width:640px) {
	.wp .bl7 .voice{
		padding:1% 5% !important;
		text-align:left;
		float:none;
	}
	.wp .bl7 .voice img{
		float:none;
		width:100% !important;
		display:block;
		margin: 0 auto;
	}	
	.wp .bl7 .voice img.pet-name,
	.wp .bl7 .voice p img{
		display:block !important;
		margin:10px 0 !important;
		width:60% !important;
		float:none !important;
	}
	.wp .bl7 .voice p{
		display:block;
		margin-bottom:10px;
		float:none !important;
	}
	.wp .bl7 .voice p.p-name{
		padding-top:20px;
	}	
}



.wp .bl9 dl{
	padding:50px 50px;
	text-align:left;
}
@media screen and (max-width:640px) {
	.wp .bl9 dl{
		padding:10px !important;
	}
}
.wp .bl9 dt{
	background:url(https://withpety.com/products/sanpo/images/09-2.gif) no-repeat;
	background-size: 10%;
	background-position:0 0;
	border-bottom:solid 1px #000;
	text-align:left;
	font-size:1.3em !important;
	font-weight:bold;
	padding-top:15px;	
	padding-left:90px;
	padding-bottom:20px;
	line-height:120%;
	color:#333333;
	margin-bottom:30px;
	min-height:30px;
}
@media screen and (max-width:640px) {
	.wp .bl9 dt{
		padding-bottom:2%;	
		padding-left:14%;	
	}
}
.wp .bl9 dt span{
	display:block;
	padding:15px 0;
}
.wp .bl9 dd{
	margin-bottom:50px;
}
@media screen and (max-width:640px) {
	.wp .bl9 dd{
		font-size:1.2em;
		margin-bottom:20px;	
	}
}
.wp .bl10{
	background:#eeeeee;
	text-align:left;
}
.wp .bl10 dt{
	font-weight:bold;
}
.wp .bl10 dd{
	padding:20px 50px 60px;
}
@media screen and (max-width:640px) {
	.wp .bl10 dd{
		padding:10px !important;
	}
}
.wp .bl10 dd dd{
	padding:0;
	margin-bottom:30px;
}
.wp .bl12{
	text-align:left;
}
.wp .bl12 dt{
	margin-bottom:40px;
}
.wp .bl12 p{
	margin-bottom:30px;
}
.wp .bl12 dd{
	padding:30px 60px;
}
@media screen and (max-width:640px) {
	.wp .bl12 dd{
		padding:10px !important;
	}
}
.wp .bl12 dd dt{
	font-weight:bold;
	margin-bottom:20px;
}
.wp .bl12 dd dd{
	padding:0;
	margin-bottom:30px;
}
.wp .detail{
	clear:both;
	text-align:left;
	width:100%;
	margin:10px auto 30px;
	border-collapse:separate !important;
	border-spacing:1px 1px;
}
.wp .detail th{
	width:30%;
	padding:2%;
	font-weight:bold;
	background:#f2ece0;
	border:solid 1px #fff;
	line-height:120%;
}
.wp .detail td{
	padding:2%;
	background:#ededed;
	border:solid 1px #fff;
	line-height:120%;
}









/* ページごと（サイトマップ）
----------------------------------------------------*/

#sitemap {
	margin-bottom:50px;
}
.sitemap-ttl {
	margin-top:20px;
	padding:20px 0 10px;
	border-top:dashed 1px #ccc;
	font-weight:bold;
	font-size:1.1rem;
	line-height:100%;

}
.sitemap-ttl span {
	display:inline-block;
	vertical-align:middle;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
	margin-top:-2px;
    border: 8px solid transparent;
    border-left: 8px solid #7a0;	
}

#sitemap ul {
	padding:10px;
}
#sitemap ul li{
	display:block;
	float:left;
	width:30%;
	margin:0 3% 10px 0;
}
#sitemap ul li a {
	display:block;
	text-decoration:none;
}
#sitemap ul li a::before {
	display:inline-block;
	content:"";
    box-sizing: border-box;
    width: 6px;
    height: 6px;
	margin-top:-2px;
    border: 6px solid transparent;
    border-left: 6px solid #777;
}


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


	#sitemap ul li {
		width:100%;
		float:none;
		margin: 0 0 10px 0;
	}

}