@charset "utf-8";

@media screen and (min-width: 768px) {#container {box-sizing: border-box;}}
#header h1 {white-space: nowrap;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}
@media screen and (max-width: 768px) {.mo_only {top: 30px;}
#header .trigger {top: 35px;}}
#header {z-index: 12;}
@media screen and (max-width: 768px) {.mo_only {z-index: 11;}}
.lead_img{ height: 350px; background-size: cover; background-position: center center;}
 @media screen and (max-width: 768px){ .lead_img{ height: 200px;}}  
 /* 20250325追記 */
 .teisai H3{font-size:18px;font-weight: bold;color:#0202e5;padding: .5%;margin:1% 0 2% 1.3%;border-bottom: solid 2px #0202e5;
	> img.point-icon {width: 20px;height: 30px;rotate:80deg;}	}
.point {font-weight: bold;color:#0202e5;padding-right: 10px;}
 .teisai H4{font-size: large;font-weight:bold;margin:0 auto;border-bottom:1px solid #aaa;width:fit-content;}
 .teisai H4 span{font-size:.8rem;display: inline-block;}
 .teisai H4::before {content: "■";}
 span.marker {background: linear-gradient(transparent 50%, #ffd700 100%);}
 @media(max-width:767px){
	.teisai H3{margin-bottom:3vh}
	.teisai H4{margin: 0 auto;}
 }
/* --fix_20221210_uetani-- */
main #right_column { margin-top: 80px;}
div#hospital { width: 100%;padding: 0 15px; box-sizing: border-box;}
@media screen and (min-width: 768px){
 #wrap { width:100%; max-width: 1220px;margin: 10px auto;}
 #container {width:100%; max-width: 1220px;}
 main #left_column {width: 30%;max-width: 300px; box-sizing: border-box; margin: 0;}
 main #right_column {width: 70%;flex: 1;box-sizing: border-box;margin: 0;}
 #pankuzu {padding: 0 15px;box-sizing: border-box; }
 div#hospital {width: 100%;max-width: 920px;padding: 0 15px; box-sizing: border-box; }
 div#hospital section#price dl.table dd, div#hospital section#deadline dl.table dd { max-width: 195px; }
 div#hospital section#deadline .box_wrap .box h4 {max-width: 190px;}
}
.list-8 {position: relative;padding: 1.5em 1em 1em 2.5em;border: 2px solid #0930f6;border-radius:1.5em;}
.list-8 > div {position: absolute;top: -.75em;left: 1em;padding: 0 .5em;background-color: #fff;color: #0930f6;font-weight: 600;}
.list-8 ul {list-style-type: disc;margin: 0; padding: 0;}
.list-8 li {padding: .3em .3em .3em 0;}
.list-8 li::marker {color: #0930f6;font-size: 1.1em;}
/* TOP */
 .top-word-color{display:flex;color:red;font-weight: bold; justify-content: center; flex-wrap: wrap;border-bottom: red 1px solid;width: fit-content;margin: 0 auto;}
 .top-word{font-size: larger;font-weight:bold;font-family: serif;}
 /* 紹介box */
 #link_b{font-weight:bold;text-align:right;color:#0930f6;font-size:15px!important;display: inline-block;}
 #link_b::before{content:"➤";color:#000;}
 #ryoukin2{font-size:18px!important;font-weight: bold;color:#e20000;text-align:center;}
.estimate-item {background:#ffd2e1;background-image:url(https://visipri.com/pet_print/img/bg2.webp);background-repeat: no-repeat;background-size: cover;display:flex;align-items: stretch;justify-content: center;gap:20px;padding:2%;border-radius: 8px;box-shadow:0 4px 8px #4e4e4e, 0 -4px 8px #d3d3d3;margin-bottom: 20px;flex-wrap: wrap;max-width:85%;margin-left: auto;margin-right: auto;align-items:center;}
.estimate-item img {border:3px solid #212121e0;width: 100%;/* 親要素の幅に合わせる */max-width:250px;height: auto;/* 縦の伸びを防ぐ */max-height:250px;border-radius: 5px;flex-shrink: 0;object-fit: contain;background: #454545;box-shadow:0 4px 8px rgba(0, 0, 0, 32%)}
.estimate-info {font-family:sans-serif;display:flex;flex-direction: column;justify-content:space-evenly;flex: 1;padding:1%;min-height: 250px; /* 文章の短いものでも統一 */max-width: 500px;text-shadow: 0 0 5px#f5e1ff;background: #ffffffd4;border-radius: 8px;}
.estimate-item h4{font-size: 18px;color: #fa0000;text-align:center;}
.estimate-info p{font-size:120% !important;font-weight: bold;line-height:1.87;color: #000;}
/* スマホ用：縦並びに変更 */
@media (max-width: 891px) {
.link_b{text-align:center;}
.estimate-item {flex-direction: column;text-align: center;padding: 4.6%;}
.estimate-item h4{font-size: 19px;}
.estimate-info {min-height: auto;margin: 0 auto;padding: 6px;}
.order-button {max-width: 90%;}
.estimate-item img {max-width: 80%;height:auto;display:block;margin:0 auto;background:#212121e0;}
.estimate-info p{text-align: left;margin-bottom:1.5rem;}
.label{top:80px!important;z-index:5;}
}
@media (max-width: 900px) and (min-width: 800px) {
.estimate-item img {max-width:250px;height:auto;}
}
.top-img{display:flex;margin: 0 auto;justify-content: center;align-items: center;}
.top-img a{display:block;max-width: 100%;margin:1.5%;}
.top-img1{border-radius: 11px;width:510px;max-width: 100%;}
/**スライドショー部分**/
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: 'next';font-size: 25px !important;font-weight: bold;color: #fff;	text-shadow: 1px 1px 3px #666;}
	.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: 'prev';font-size: 25px !important;font-weight: bold;	color: #fff;text-shadow: 1px 1px 3px #666;}
	.swiper-pagination-bullet-active {background: #fff !important;}
	.swiper-container {  position: relative; overflow: hidden;}
	.swiper-container .swiper-slide { text-align: center; line-height: 1; display: flex; align-items: flex-start; justify-content: center;}
	.swiper-container .swiper-slide img { display: inline; width:500px; max-width:100%; max-height: 100%; align-self: center;}
	.swiper-container .swiper-button-white:focus {outline: none;}

/**item_header部分**/
	.plan_gekiyasu{ background: #E4007F; color: #fff;}
	.plan_tsujyo{ background: #1d8fff; color: #fff;}
	.plan_tokyu{background: #292929; color: #fff;}
	
	.ff_Montserrat{ font-family: 'Montserrat', sans-serif;}
	.item_base{ margin-bottom: 3rem;}
	.item_header{display: flex; flex-wrap: wrap;}
	.item_img{ width:100%; position:relative;overflow:hidden;background-image:url(https://visipri.com/pet_print/img/bg2.webp);background-repeat:no-repeat;background-size:cover;padding:1.2% 0px;}
/* 納期セクション修正 */
	#nouki-fix h4{margin-left:0;width:auto;text-align:center;}
	#nouki-fix H4::before{content:none;}
	.teisai p{margin: 0 3%;font-size:15px;}
.teisai ul{margin:4% 0 4% 4%;font-size:15px;}
.teisai ul li{margin:2% 5px;width:fit-content;}
.se-1>.midash1{font-size:20px;background:#0016ff;}
.se-1>.midash1 span::before{content: "";}
.midash1{background:linear-gradient(#6055fe, #5bbfff 126%);border-left: 5px solid #4d36ff;padding-bottom:0;font-weight: bold;padding: 12px 15px;margin-bottom:18px;font-size:18px;line-height: 1.6;display: flex;align-items: flex-start;gap: 10px;color:#fff;font-family:monospace,"ヒラギノ角ゴ Pro",Hiragino Kaku Gothic Pro, Meiryo, 'メイリオ', "MS P Gothic", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro W3", Osaka,  sans-serif}
.midash1::before{content:'';background-image:url(https://visipri.com/pet_print/img/nikukyu.webp);width:33px;height:33px;display:inline-block;background-size: contain;vertical-align: middle;}
.midash1::after{content:'';background-image:url(https://visipri.com/pet_print/img/nikukyu.webp);width:33px;height:33px;display:inline-block;background-size: contain;vertical-align: middle;}
.midash1 span{font-size: 16.9px;font-weight:bold;color: #333;}
/* .midash1 span::before {content: "✔　";color:#f2ff00;font-size: 18px;font-weight: bold;} */
/* アコーディオン */
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.content-wrap {position: relative;overflow: hidden;transition: height 0.3s ease;}
.close-btn, .more-btn {display: block;width: 100%;padding: 45px 0 0;position: absolute;bottom: 0;left: 0;text-align: center;background: -moz-linear-gradient(top,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 60%);
background: -webkit-linear-gradient(top,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 60%);
background: linear-gradient(to bottom,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 1) 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);z-index:2;}
.close-btn {background: none;}
.slide-up {
padding-bottom: 0;}
.slide-down {padding-bottom: 50px;}
.more-btn p,.close-btn p {display: inline-block;color: #fff;cursor: pointer;padding: 5px 20px;width: 25%;border-radius: 20px;font-size: 1.1rem;}
.more-btn p {background: #29B6F6;}
.close-btn {padding:0;}
.close-btn p {background: #aaa; }
.content-wrap {
--content-txt: 16px;
.content-txt {
font-size: var(--content-txt);}}
@media (max-width: 768px) {.more-btn p,.close-btn p {font-size: 1rem; width: 40%;}}
/* アコーディオン end */
.reco-person{margin:0 2.3%;font-size:15px;font-weight:bold;}

.info-link{border: solid 1px #AFAFAF;font-size:14px;margin: 0 2%;padding:1.5% 1.5% 1.5% 4.5%;}
.info-link ul li a{color:blue;}
.info_midashi{font-weight:bold;text-align:center;border-bottom: solid 1px #AFAFAF;margin-bottom:7px;}
/* 新料金表　20240205 */
.price_box_wrap { margin: 0 0 10px 0;}
.price_box_wrap * {box-sizing: border-box;}
.price_box{ width: 100%; display: flex; }
.p_item_L{ width: 35%;  display: flex; flex-wrap: wrap;}
.p_item_R{ width: 65%;  display: flex; justify-content: space-between;}
.p_item_R .title_area{ width: 100%; text-align: center; position: relative;width: 32%;}
.p_item_R .title_area h4{ position: relative;}
.p_item_R .title_area h4 span{ height: unset !important; line-height: unset !important; margin-bottom: unset !important;  padding-top: unset !important; font-size: 16px !important;}
.p_item_R .title_area i { width: 100%; text-align: center; font-size: 12px !important;}
.p_item_R .title_area:nth-of-type(1) h4 span{ border: solid 1px #E4007F; color: #E4007F; font-weight: bold; padding: 26px 10px 12px 10px !important; }
.p_item_R .title_area:nth-of-type(2) h4 span{ border: solid 1px #00A1E9; color: #00A1E9; font-weight: bold; padding: 26px 10px 12px 10px !important; }
.p_item_R .title_area:nth-of-type(3) h4 span{ border: solid 1px #000000; color: #000000; font-weight: bold; padding: 26px 10px 12px 10px !important; }
.p_item_R .title_area:nth-of-type(1) h4 i{  color: #E4007F !important; margin: 5px 0 0 0; display: inline-block; }
.p_item_R .title_area:nth-of-type(2) h4 i{  color: #00A1E9 !important; margin: 5px 0 0 0; display: inline-block; }
.p_item_R .title_area:nth-of-type(3) h4 i{  color: #000000 !important; margin: 5px 0 0 0; display: inline-block; }
.p_item_R .title_area p { font-size: 15px; font-weight: bold; padding: 10px; position: absolute; top: -30px; width: 90%; left: 5%; text-align: center; }
.p_item_R .title_area:nth-of-type(1) p{ background:  #E4007F; color: #fff; font-weight: bold; border-radius: 20px; }
.p_item_R .title_area:nth-of-type(2) p{ background:  #00A1E9; color: #fff; font-weight: bold; border-radius: 20px; }
.p_item_R .title_area:nth-of-type(3) p{ background:  #000000; color: #fff; font-weight: bold; border-radius: 20px; }
.p_item_R .title_area:nth-of-type(1) p:before {content: ""; position: absolute; top: unset; bottom: -24px; left: calc(50% - 12px);	border: 12px solid transparent;	border-top: 12px solid #E4007F;}
.p_item_R .title_area:nth-of-type(2) p:before {content: ""; position: absolute; top: unset; bottom: -24px; left: calc(50% - 12px);	border: 12px solid transparent;	border-top: 12px solid #00A1E9;}
.p_item_R .title_area:nth-of-type(3) p:before {content: ""; position: absolute; top: unset; bottom: -24px; left: calc(50% - 12px);	border: 12px solid transparent;	border-top: 12px solid #000000;}
.p_item_tit {position: relative; display: flex; flex-wrap: wrap; align-content: center; width: calc(100% - 30px); padding: 7px 10px; color: #000; background: #EBECF5;}
.p_item_tit:before {content: ""; position: absolute; top: calc(50% - 20px);	left: 100%;	border: 20px solid transparent;	border-left: 16px solid #EBECF5;}
.p_item_tit_L{ width: 100%; font-size:14px;}
.p_item_tit_L span{ display: block; width: 100%;}
.p_item_tit_S{ width: 100%; font-size: 12px; margin: 5px 0 0 0;overflow:overlay;}
.p_item_tit_S_midashi {background: #555; color: #fff;padding: 0px 5px;font-weight: normal;margin: 0 5px 0 0;border-radius: 2px;	font-size: 12px;display: inline-block;}
.p_item_other_link{ width: 100%; margin: 5px 0 0 0;}
.p_item_other_link a{color:blue;font-weight:bold;font-size:15px;}
.p_item_other_link span { display: inline-block !important; font-size: 10px; padding: 0 3px 0 0;}
.p_bin{ position: relative; width: 32%; display: flex;}
.p_bin a{display: flex;flex-direction:column; align-items: center; width: 100%; height: 100%; justify-content: center; text-align: center; padding: 10px 0;}
.p_bin_txt{ display: none;}
.p_bin_txt_03{ width: 100%; font-size: 13px; font-weight: bold;}
.p_geki a{ background: #E4007F; color: #fff;}
.p_tsuu a{ background: #00A1E9; color: #fff;}
.p_toku a{ background: #000000; color: #fff;}
.p_bin_txt_03:before { content:url(https://visipri.com/size/img/cart-icon.svg); position: absolute; width:17px;top:5px;right:5px;z-index:2;}
.smaller{font-size:14px;}
.smaller B{font-size:18px;}
.p_item_R .title_area p span{white-space:nowrap;}
.koumoku{font-weight:bold;font-size:18px;color:#4b0000;}
@media screen and (max-width: 768px){
.koumoku{text-align: center;}
.p_item_tit_S{display:flex;justify-content: center;align-items: center;}
.price_box_wrap { margin: 0 0 15px 0;}
.p_item_R .title_area{ display: none;}
.price_box{ flex-wrap: wrap; }
.p_item_L{ width: 100%; }
.p_item_tit{ width: 100%; text-align: center; padding: 5% 0;}
.p_item_tit:before {content: ""; position: absolute; top: unset; bottom: -39px; left: calc(50% - 20px);	border: 20px solid transparent;	border-top: 20px solid #EBECF5;}
.p_item_tit_L{font-size:13px;}
.p_item_tit_L span{ display: inline; margin: 0 0 0 10px;}
.p_item_R{ width: 100%; flex-wrap: wrap;}
.p_item_other_link{ margin: 3px 0 0 0; text-align:right; min-height: 18px;}
.p_bin{ position: relative; width: 100%; margin: 3px 0;}
.p_bin_txt{ display: block; width: 50%; padding: 10px; text-align: center;}
.p_geki .p_bin_txt{ border: solid 1px #E4007F; color: #E4007F; }
.p_tsuu .p_bin_txt{ border: solid 1px #00A1E9; color: #00A1E9; }
.p_toku .p_bin_txt{ border: solid 1px #000000; color: #000000; }
.p_bin_txt_03{ width: 50%; }
.p_geki .p_bin_txt_03{ border: solid 1px #E4007F;}
.p_tsuu .p_bin_txt_03{ border: solid 1px #00A1E9;}
.p_toku .p_bin_txt_03{ border: solid 1px #000000;}
.p_bin_txt_01{ font-size: 12px;}
.p_bin_txt_02{ font-size: 15px; font-weight: bold;}
.smaller{font-size:12px;}
.smaller B{font-size:16px;}
}
.bikou h4{font-size:16px;}
.souryo {width: fit-content;color: #fff;padding: 3px;font-size:14px;margin: 1px 0;}

/* お探しですか */
#osagashi{margin:2vh 0 10vh 10px;position:relative;height:140px;}
.Q-midashi{font-family: monospace;display:flex;width:315px;height:33px;background-color:#c15e1b;position:relative;border-radius:7px;z-index: 2;}
.hatena{position:absolute;top:-5px;left:-13px;width: 40px;height: 40px;border-radius:100%;background-color:#ffd000;text-align: center;align-content:center;font-weight: bold;font-size: large;}
.mitsukarimasenka{text-align: center;align-content:center;}
.mitsukarimasenka h3{font-weight: bold;margin-left: 41px;color: #fff;font-size: 13px;}
.honbun-sita{letter-spacing:0;position:absolute;top:20px;padding:30px 25px;background-color:#ffecce;text-align:left;align-content:center;border-radius:10px;font-size:small;}
.brown{color:brown;font-weight:bold;}
.komoji{font-size: smaller;}
.dsc-box a{display: block;text-align: center;font-size:3vh;max-width: 350px;color: #fff;font-weight: bold;border: 2px solid #0202e5;padding:3.5%;margin: 0 auto;background: #4242ff;border-radius: 20px;box-shadow: 1px 4px 8px #656363;}
	@media(max-width:565px){
		#osagashi{height:199px}
	}
	@media(max-width:364px){
		#osagashi{height:255px;margin: 2vh 0 4vh;}
		.hatena{top:-5px;left:-13px;width:50px;height:50px;}
		.Q-midashi{width:90%;height:39px;}
		.honbun-sita{padding:25px;}
	}
	@media(max-width:276px){
		#osagashi{margin:2vh 0 20vh;}
	}
	/* page_contentリセット */
	.mitsukarimasenka h3{margin-bottom:0;border-bottom:none;padding-bottom:0;}

    /*	リンクボタン */
.button-36 {font-weight:bold;display:flex;justify-content:center;align-items:center;width:400px;max-width:90%;margin:0 auto;padding:25px 3%;border:1px solid #169dfe;border-radius: 5px;background-color: #169dfe;color:#fff;font-size:18px;}
.button-36:hover {background-color:#fff;color: #169dfe;}