@charset "UTF-8";


@media (min-width: 320px) {
/* ページタイトル */
section .titlearea {
	background: url(../preventive/images/head_img.jpg) no-repeat center top;
}

.blue_text {
    color: #2bb2e1;
}
.pink_text {
    color: #eb5c94;
}

section article.titlearea {
	margin-top: 0px;
}

/* ページタイトル */
section article.titlearea {
	margin-top: 0px;
}

/* ナビ */
section article.pagenav {
	margin-top: -20px;
}
section article.pagenav div {
}
section article.pagenav ul {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
section article.pagenav ul li {
	font-weight: bold;
	display: inline-block;
	width: 50%;
//	float: left;
	background: #e4f1ee;
	list-style: none;
	box-shadow: 5px 5px 0px rgba(61,130,142,0.05);
}
section article.pagenav ul li.nav_01 {
	border-right: 1px dotted #3d828e;
	border-bottom: 1px dotted #3d828e;
}
section article.pagenav ul li.nav_02 {
	border-bottom: 1px dotted #3d828e;
}
section article.pagenav ul li.nav_03 {
	border-right: 1px dotted #3d828e;
	border-bottom: 1px dotted #3d828e;
}
section article.pagenav ul li.nav_04 {
	border-bottom: 1px dotted #3d828e;
}
section article.pagenav ul li.nav_05 {
}
section article.pagenav ul li a {
	text-align: center;
	display: block;
	padding: 1em 0em;
	font-size: 112.5%;
}
section article.pagenav ul li a:hover {
	background: #3d828e;
	color: #FFF;
}

/* フィラリア検査 */
section article.filaria_intro {
	clear: both;
	margin-top: 40px;
}
section article.filaria_intro h3 {
	font-size: 2em;
	font-weight: 500;
	color: #3d828e;
	text-align: center;
	margin-bottom: 0.5em;
}
section article.filaria_intro p {
    display: table;
    margin: auto;
}
section article.filaria_symptom ul {
    display: table;
    margin: auto;
    list-style: none;
}
section article.filaria_symptom ul li {
    position: relative;
    padding-left: 1em;
}
section article.filaria_symptom ul li::before {
    content: "・";
    position: absolute;
    left: 0px;
    top: 0px;
    color: #3d828e;
}
section article.filaria_nofilaria p {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
section article.filaria_about p {
	font-weight: 500;
	color: #3d828e;
	text-align: center;
}
article.filaria_check {
	background: url(../images/back_gray.gif);
	background-size: 30px;
	padding: 20px 0px;
}
article.filaria_check > div {
	background: #fff;
	background-size: 30px;
	padding: 20px;
	text-align: center;
}
article.filaria_check dt {
	font-size: 110%;
	font-weight: 500;
	color: #FFF;
	background: #f2a0a9;
	display: table;
	padding: 0.5em 1em;
	margin: auto auto 0.5em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
article.filaria_info div {
}
article.filaria_info div .filaria_infotxt {
}
article.filaria_info div .filaria_img {
	text-align: center;
	max-width: 80%;
	margin: 1em auto 0px;
}

/* ノミ・マダニ */
section article.flea_tick_intro {
	clear: both;
	margin-top: 40px;
}
section article.flea_tick_intro h3 {
	font-size: 2em;
	font-weight: 500;
	color: #3d828e;
	text-align: center;
	margin-bottom: 0.5em;
}
section article.flea_tick_symptom ul {
    display: table;
    margin: auto;
    list-style: none;
}
section article.flea_tick_symptom ul li {
    position: relative;
    padding-left: 1em;
}
section article.flea_tick_symptom ul li::before {
    content: "・";
    position: absolute;
    left: 0px;
    top: 0px;
    color: #3d828e;
}
section article.flea_tick_no p {
    display: table;
    margin-left: auto;
    margin-right: auto;
}
section article.flea_tick_about p {
	font-weight: 500;
	color: #3d828e;
	text-align: center;
}

/* 予防接種 */
section article.vaccination {
	border-top: 1px dotted #408490;
	margin-top: 90px;
}
section article.vaccination .vaccination_menu {
	position: relative;
	margin-bottom: 20px;
}
section article.vaccination .vaccination_menu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	bottom: 0px;
	width: 100%;
}
section article.vaccination .vaccination_menu ul li {
	width: 48%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	width: -webkit-calc(50% - 5px);/*Chrome19~25対応*/
	width: -moz-calc(50% - 5px);/*Firefox4~15対応*/
	width: calc(50% - 5px);
	text-align: center;
	list-style: none;
}
section article.vaccination .vaccination_menu ul a {
	display: block;
	background: #efefef;
	border: 1px dotted #408490;
	border-width: 1px;
	border-color: transparent transparent #408490 transparent;
	-webkit-border-radius: 4px 4px 0px 0px;
	-moz-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	vertical-align: middle;
	padding: 0.5em 0em;
}
section article.vaccination .vaccination_menu ul li.select a {
	background: #FFF;
	vertical-align: middle;
	border-color: #408490 #408490 transparent #408490;
}
section article.vaccination .vaccination_menu ul a span {
	text-align: left;
	display: inline-block;
	padding: 0em 0em 0em 3em;
	line-height: 1.2;
}
section article.vaccination .vaccination_menu ul li a.dogs span {
	background: url(../preventive/images/icon_dog_off.png) no-repeat left center;
	background-size: contain;
}
section article.vaccination .vaccination_menu ul li.select a.dogs span {
	background: url(../preventive/images/icon_dog.png) no-repeat left center;
	background-size: contain;
}
section article.vaccination .vaccination_menu ul li a.cats span {
	background: url(../preventive/images/icon_cat_off.png) no-repeat left center;
	background-size: contain;
}
section article.vaccination .vaccination_menu ul li.select a.cats span {
	background: url(../preventive/images/icon_cat.png) no-repeat left center;
	background-size: contain;
}

section article.tab_content {
	margin-top: 20px;
}
section article.tab_content .vaccin_type {
	margin-top: 40px;
}
.vaccin_type dt {
	font-weight: 500;
	color: #3d828e;
	background: url(../images/line_ladder.gif) repeat-x left bottom;
	text-align: center;
	margin-bottom: 0.5em;
	padding-bottom: 0.6em;
}
.vaccin_type dd ul {
	display: table;
	margin: auto;
	list-style: none;
}
.vaccin_type dd ul li {
	position: relative;
	padding-left: 1em;
}
.vaccin_type dd ul li:before {
	content: "・";
	position: absolute;
	left: 0px;
	top: 0px;
	color: #3d828e;
}
.virbagen {
	margin-top: 15px;
}
.virbagen dd {
	display: table;
	margin: auto;
}
.virbagen dd ul {
	display: table-row;
}
.virbagen dd.virbagen_note {
	background: #f3f3f3;
	margin-top: 1em;
	padding: 1em 1.5em;
}

section article.tab_content .vaccin_timing {
	margin-top: 40px;
}
.vaccin_timing table {
	width: 100%;
}
.vaccin_timing table.sp_table th {
	color: #FFF;
	background: #3d638e;
	text-align: center;
	padding: 1em 0.5em;
	border-bottom: 1px solid #345478;
	white-space: nowrap;
	font-size: 76%;
}
.vaccin_timing table.sp_table td {
	text-align: center;
	padding: 0.5em;
	border-top: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	font-size: 86%;
}
.vaccin_timing table.sp_table td strong {
}
.vaccin_timing table.pc_table {
	display: none;
}
.vaccin_timing .vaccin_note {
	margin-top: 2em;
}
.vaccin_timing .vaccin_note strong {
	color: #e23980;
}

/* 健康診断 */
section article.checkup_intro {
	clear: both;
	margin-top: 40px;
}
section article.checkup_intro h3 {
	font-size: 2em;
	font-weight: 500;
	color: #3d828e;
	text-align: center;
	margin-bottom: 0.5em;
}

section article.checkup_pack .pack_basic {
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background: #f9fefd;
	border: 3px solid #9dd6dd;
	display: table;
	margin: auto;
	padding: 8px;
	text-align: center;
}
section article.checkup_pack .pack_basic h4 {
	font-size: 1.8em;
	font-weight: 500;
	color: #3d828e;
	margin-bottom: 0.5em;
}
section article.checkup_pack .pack_basic .target img {
	margin: 0px 5px 10px;
}
section article.checkup_pack .pack_basic dt {
	font-size: 1.6em;
	font-weight: 500;
	margin-bottom: 0.5em;
}
section article.checkup_pack .pack_basic dd.price img {
	height: auto;
	width: 20px;
	transform: rotate(90deg);
	display: block;
	margin: 3px auto;
}
section article.checkup_pack .pack_basic dd.price .nomal_price {
	font-size: 120%;
}
section article.checkup_pack .pack_basic dd.price .big_price {
	font-size: 150%;
}
section article.checkup_pack .pack_basic dd:last-child {
	text-align: left;
	margin-top: 1em;
}

section article.checkup_option .option_note {
	text-align: center;
	line-height: 2;
	margin-bottom: 1.5em;
}
.option_detail dt {
	font-weight: 500;
	color: #3d828e;
	background: url(../images/line_ladder.gif) repeat-x left bottom;
	text-align: center;
	padding-bottom: 0.6em;
	margin: 15px 0px 0.5em;
}
.option_detail dt strong {
	font-size: 135%;
	color: #3d828e;
}
.option_detail dt span {
	font-size: 60%;
	font-weight: normal;
	color: #3d828e;
}
.option_detail dd ul {
	display: table;
	margin: auto;
	list-style: none;
}
.option_detail dd ul li {
	position: relative;
	padding-left: 1em;
}
.option_detail dd ul li:before {
	content: "・";
	position: absolute;
	left: 0px;
	top: 0px;
	color: #3d828e;
}
.option_detail .label_cat {
	font-size: 87.5%;
	color: #FFF;
	background: #03a4db;
	padding-right: 0.5em;
	padding-left: 0.5em;
	display: inline-block;
}
.option_detail .label_dog {
	font-size: 87.5%;
	color: #FFF;
	background: #eb5c94;
	padding-right: 0.5em;
	padding-left: 0.5em;
	display: table;
}
.checkup_notes ul {
	display: table;
	margin: auto;
	list-style: none;
}
.checkup_notes ul li {
	position: relative;
	padding-left: 1em;
}
.checkup_notes ul li:before {
	content: "・";
	position: absolute;
	left: 0px;
	top: 0px;
	color: #3d828e;
}

/* 狂犬病ワクチン */
section article.rabies_intro {
	clear: both;
	margin-top: 40px;
}
section article.rabies_intro h3 {
	font-size: 2em;
	font-weight: 500;
	color: #3d828e;
	text-align: center;
	margin-bottom: 0.5em;
}

}

@media (min-width: 360px) {
/* 健康診断 */
section article.checkup_pack .pack_basic dt {
	font-size: 1.6em;
}
}

@media (min-width: 400px) {
}

@media (min-width: 520px) {
/* ナビ */
section article.pagenav div {
	margin: 0px 20px;
}
/* 健康診断 */
section article.checkup_pack .pack_basic {
	padding: 15px;
}
section article.checkup_pack .pack_basic dt {
	font-size: 2em;
}
section article.checkup_pack .pack_basic dd.price {
	vertical-align: middle;
}
section article.checkup_pack .pack_basic dd.price img {
	width: auto;
	height: auto;
	transform: none;
	display: inline-block;
	margin: 0 10px 8px 3px;
	vertical-align: middle;
}
section article.checkup_pack .pack_basic dd.price .nomal_price {
	font-size: 150%;
}
section article.checkup_pack .pack_basic dd.price .big_price {
	font-size: 180%;
}
}

@media (min-width: 768px) {
/* ページタイトル */
section .titlearea {
	background-position: center center;
}
/* ナビ */
section article.pagenav {
	margin-top: -3em;
}
section article.pagenav div {
	width: 1080px;
	max-width: 100%;
	margin: 0px auto;
	padding: 0px 40px;
}
section article.pagenav ul {
	box-shadow: 7px 7px 0px rgba(61,130,142,0.05);
}
section article.pagenav ul li {
	width: 20%;
	border-bottom: none !important;
	border-right: 1px dotted #3d828e;
}
section article.pagenav ul li.nav_05 {
	border-right: none;
}
section article.pagenav ul li a {
	padding: 1.5em 0em;
}
/* フィラリア検査 */
section article.filaria_intro {
	margin-top: 70px;
}
section article.filaria_intro h3 {
	font-size: 3em;
}
article.filaria_check {
	background-size: 50px;
	padding: 60px 0px;
}
article.filaria_check > div {
	padding: 40px;
}
article.filaria_check dt {
	padding: 0.5em 3em;
	margin-bottom: 1em;
}
article.filaria_info div {
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1〜6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
	align-items: center;
	-ms-flex-align: center; /*IE10*/
	-webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
	-webkit-align-items: center; /* Safari6.1以降 */
	justify-content: space-between;
	-ms-flex-pack: justify; /*IE10*/
	-webkit-box-pack: justify; /* Android4.3以下、Safari3.1〜6.0 */
	-webkit-justify-content: space-between; /* Safari6.1以降 */
}
article.filaria_info div .filaria_infotxt {
	width: 60%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	width: -webkit-calc(100% - 400px);/*Chrome19~25対応*/
	width: -moz-calc(100% - 400px);/*Firefox4~15対応*/
	width: calc(100% - 400px);
}
article.filaria_info div .filaria_img {
	text-align: right;
	width: 400px;
	max-width: none;
	margin: 0px;
}
/* ノミ・マダニ */
section article.flea_tick_intro {
	margin-top: 70px;
}
section article.flea_tick_intro h3 {
	font-size: 3em;
}
/* 予防接種 */
section article.vaccination {
	margin-top: 100px;
}
section article.vaccination .vaccination_menu ul li {
	width: 48%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	width: -webkit-calc(50% - 10px);/*Chrome19~25対応*/
	width: -moz-calc(50% - 10px);/*Firefox4~15対応*/
	width: calc(50% - 10px);
}
section article.vaccination .vaccination_menu ul a span {
	text-align: left;
	display: inline-block;
	padding: 0em 0em 0em 4em;
	line-height: 3;
}
section article.vaccination .vaccination_menu ul a span br {
	display: none;
}

section article.tab_content {
	margin-top: 30px;
}
section article.tab_content h3.entry_title br {
	display: none;
}

.canivac5 {
	float: left;
	width: 45%;
}
.virbagen {
	float: right;
	width: 45%;
	margin-top: 0px;
}
.virbagen dd {
	display: table;
	margin: auto;
}
.virbagen dd ul {
	display: table-cell;
	width: 50%;
	padding-right: 1.5em;
}
.virbagen dd.virbagen_note {
}

.vaccin_timing table.sp_table {
	display: none;
}
.vaccin_timing table.pc_table {
	display: table;
}
.vaccin_timing table.pc_table th {
	color: #FFF;
	background: #3d638e;
	text-align: center;
	padding: 1em;
	border-left: 1px solid #345478;
	white-space: nowrap;
}
.vaccin_timing table.pc_table td {
	text-align: center;
	padding: 1em;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	white-space: nowrap;
}
.vaccin_timing .vaccin_note {
	margin-top: 4em;
	text-align: center;
}

/* 健康診断 */
section article.checkup_intro {
	margin-top: 70px;
}
section article.checkup_intro h3 {
	font-size: 3em;
}
section article.checkup_pack .pack_basic h4 {
	font-size: 2em;
}
section article.checkup_pack .pack_basic {
	padding: 15px 6em;
}
.option_detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-justify-content:space-around;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.option_detail dl {
	width: 30%; /*IE9未満とかプレフィックス使ってもだめなブラウザやOS対応*/
	width: -webkit-calc((100% - 100px) / 3);/*Chrome19~25対応*/
	width: -moz-calc((100% - 100px) / 3);/*Firefox4~15対応*/
	width: calc((100% - 100px) / 3);
	width: 43%;
}
.option_detail dl.detail4000 {
//	margin-left: 7%;
}
.option_detail dl dd span.label_dog {
	display: table;
}

/* 狂犬病ワクチン */
section article.rabies_intro {
	margin-top: 70px;
}
section article.rabies_intro h3 {
	font-size: 3em;
}
}


@media (min-width: 1160px) {
/* フィラリア検査 */
article.filaria_check {
	padding: 70px 0px;
}
}


@media (min-width: 1200px) {
}