/**fix_20221210_uetani**/
span.marker { background: linear-gradient(transparent 50%, #ffd700 100%); }
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; box-sizing: border-box; }
	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; }
}

/**common.css の修正**/
.sidebar-wrapper .product-section { margin-bottom: 20px; }

/**page-content.css の修正**/
.page-content { padding-left: 0px; padding-right: 0px; box-sizing: border-box; }
.page-content h2.item_title { font-size: 20px; background: #0202e5; color: #fff; padding: 0.5em 1em; font-weight: bold; margin-bottom: 15px; line-height: 1.2; }
.page-content h3.item_title { font-size: 20px; background: #0202e5; color: #fff; padding: 0.5em 1em; font-weight: bold; margin-bottom: 15px; line-height: 1.2; }
.item_title span{ font-size: 14px; padding: 0 10px 0 10px; }
.price-table-wrapper table .price.reasonable, .price-table-wrapper table .price.reasonable a { background: #E4007F; border: solid 1px #E4007F; }
.price-table-wrapper table .price.standard, .price-table-wrapper table .price.standard a { background: #1d8fff; border: solid 1px #1d8fff; }
.price-table-wrapper .table-mobile-wrap th.reasonable, .price-table-wrapper table thead th.reasonable { color: #E4007F; border-color: #E4007F; }
.price-table-wrapper table span { font-size: 12px; letter-spacing: 0; }
.page-content .small { font-size: 13px; line-height: 1.5; }
#header h1 { height: 18px; }

@media screen and (min-width: 768px){
	.page-content { width: 100%; max-width: 920px; padding: 0; padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
	.page-content h2.item_title { font-size: 23px; line-height: 1.6; margin-bottom: 20px; }
	.page-content h3.item_title { font-size: 23px; line-height: 1.6; margin-bottom: 20px; }
	.item_title span{ font-size: 17px; }
	.price-table-wrapper table span { font-size: 13px; }
	#header h1 { height: auto; }
}

@media screen and (min-width: 768px) {
	#old_head { width: fit-content; height: 400px; margin: 0 auto; position: relative; }
}

/**スライドショー部分**/
.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: auto; max-width: 100%; max-height: 100%; align-self: center; }
.swiper-container .swiper-button-white:focus { outline: none; }

/**説明BOX**/
.dsc-box p{ margin: .8% 2.5%; font-size: 13px; }
span.marker { background: linear-gradient(transparent 79%, #ffd700 100%); }

.midash1{
	background:#f8f9fa;
	border-left: 5px solid #007bff;
	padding-bottom:0;
	padding: 12px 15px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1.6;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-family: monospace,"ヒラギノ角ゴ Pro",Hiragino Kaku Gothic Pro, Meiryo,'メイリオ',"MS P Gothic","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3",Osaka,sans-serif
}
.midash1 span{ font-size: 16.9px; font-weight:bold; color: #333; }
.midash1 span::before { content: "✔　"; color: #007bff; font-size: 18px; font-weight: bold; }

.flex-div{
	display: flex;
	flex-wrap: wrap;
	width: 650px;
	align-content: center;
	align-items: center;
	justify-content: center;
	max-width: 95%;
	padding: 15px 1.3%;
	border: #aaa solid 1px;
	margin: 2vh auto 3vh;
	background-image: url(https://visipri.com/totebag/img/bg2.webp);
	border-radius: 8px;
	font-family: monospace;
	gap: 14px;
}
.flex-div a{ display:block; width: 210px; margin: 0 auto; }
.flex-div a img{ width:300px; border-radius: 10px; }

.para{
	display: flex;
	align-content: stretch;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 1.7% 2%;
	background: #ffffffd6;
	border-radius: 8px;
	flex: 1 1 320px;
}
.para h3{
	font-size: 15px;
	font-weight: bold;
border-bottom: 2px solid #007bff;
	display: inline-block;
	margin: 0 auto 4%;
	text-align: center;
	width: 100%;
}
.para p{ font-size: 13px; }

.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; }

.item_image { transition: opacity 0.3s ease, transform 0.2s ease; }
.item_image:hover { opacity: 0.7; transform: scale(0.97); }

.template-btn:hover { opacity: .85; }

.whitebase-howto-links{
	display:flex;
	flex-wrap:wrap;
	gap:16px;
	justify-content:center;
	margin-top:1.2rem;
}

.whitebase-view-btn{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	width:100%;
	max-width:420px;
	padding:1.1rem 1.2rem;
	border:2px solid #004aad;
	border-radius:.5rem;
	background:#f4f8ff;
	text-decoration:none !important;
	color:#000;
	transition:.25s;
}

.whitebase-view-btn:hover{
	background:#004aad;
	color:#fff;
	transform:translateY(-2px);
	box-shadow:0 4px 10px rgba(0,0,0,.15);
}

.whitebase-view-btn .btn-title{
	font-size:1rem;
	font-weight:bold;
	margin-bottom:.3rem;
}

.whitebase-view-btn .btn-sub{
	font-size:.9rem;
	text-decoration:underline;
}

@media screen and (max-width:768px){
	.whitebase-view-btn{
		padding:.9rem 1rem;
	}
}
span#kaisetsukiji{font-weight:bold;}