@charset "utf-8";
/* CSS Document */

/* ---------------------------------------- */
/* pamphlet_list */
/* ---------------------------------------- */
.under_visual {
    background-image: url(../../img/pamphlet/visual.jpg);
}
.pamphlet_list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
}
.pamphlet_list li {
    width: 30%;
    margin-right: 5%;
    /* background-color: #f5f5f5; */
    margin-bottom: 5%;
    box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
}
.pamphlet_list li:nth-child(3n) {
    margin-right: 0%;
}
.pamphlet_list li a {
    display: block;
    color: #444444;
    text-decoration: none;
    padding: 15px;
}
.pamphlet_list li a div.pamphlet_img {
	display: flex;
	justify-content: center;
	align-items: center;
	height:270px;
	overflow: hidden;
}
.pamphlet_list li figure{
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.pamphlet_list li figure img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
	transition: all 300ms 0ms ease;
}
_:lang(x)::-ms-backdrop, .pamphlet_list li figure img {
	font-family: 'object-fit: cover;';
}
.pamphlet_list li a:hover figure img {
	transform: scale(1.3, 1.3);
}
.pamphlet_list li .area_tag {
	display: inline-block;
    background-color: rgb(255, 158, 209);
    color: #FFFFFF;
    line-height: 1;
    padding: 5px 8px;
    max-width: 100%;
    height: 26px;
    overflow: hidden;
}
.pamphlet_list li .detail {
	padding: 15px;
}


/* ---------------------------------------- */
/* 病院の情報のパンフレット表示*/
/* ---------------------------------------- */
.pamphlet {
	display: flex;
}
.pamphlet_name {
	font-size: 20px;
	margin-bottom: 20px;
}
.hospital_table {
	width: 100%;
	margin-bottom: 10px;
}
.hospital_table th {
	width: 120px;
    background-color: #fff2f9;
    color: #ff3664;
    font-weight: bold;
}
.pamphlet ul#pamphlet_data {
	position: relative;
	list-style: none;
	margin-bottom: 30px;

}
.pamphlet ul#pamphlet_data li{
	width: 100%;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pamphlet ul#pamphlet_data li:first-child {
	margin-left: 0 !important;
	margin-right: 10px;
}
.pamphlet ul#pamphlet_data li:last-child {
	margin-left: 10px;
	margin-right: 0px !important;
}
.pamphlet ul#pamphlet_data li img {
	max-height: 320px;
	max-width: 420px;
	cursor: pointer;
    border: solid 1px #313131;
}
.pamphlet_detail {
	padding-left: 20px;
}

/**/
.pamphlet div.alone_pamphlet {
	position: relative;
	list-style: none;
	margin-bottom: 30px;

}
.pamphlet div.alone_pamphlet .alone_pamphlet_body{
	width: 100%;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pamphlet div.alone_pamphlet .alone_pamphlet_body:first-child {
	margin-left: 0 !important;
	margin-right: 10px;
}
.pamphlet div.alone_pamphlet .alone_pamphlet_body:last-child {
	margin-left: 10px;
	margin-right: 0px !important;
}
.pamphlet div.alone_pamphlet .alone_pamphlet_body img {
	max-height: 320px;
	max-width: 420px;
	cursor: pointer;
    border: solid 1px #313131;
}
.pamphlet_detail {
	padding-left: 20px;
}
div.alone_pamphlet {
	display: flex;
	overflow: hidden;
	width: 100%;
}
div.alone_pamphlet .alone_pamphlet_body {
	width: 100%;
	background-color: #f4f4f4;
}


/*病院情報下のボタン*/
.pamphlet_detail ul {
	margin-top: 20px;
	list-style: none;
	padding: 3% 1.5% 0% 1.5%;
    background-color: #fbfbfb;
    border: solid 1px #ffe7f4;
	display: flex;
	flex-wrap: wrap;
}
.pamphlet_detail ul li {
	margin-bottom: 3%;
}
.pamphlet_detail ul li a {
	display: block;
	text-align: center;
	border: solid 1px #ffc4e4;
	border-radius: 4px;
	width: 90%;
	margin: auto;
	font-size: 16px;
	padding: 10px 0;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #ff3664;
}


/* パンフレット部分(拡大表示では無い) */
.pamphlet_view {
	width: 100%;
}
#pamphlet_data {
	display: flex;
	overflow: hidden;
	width: 100%;
}
#pamphlet_data li {
	width: 100%;
	background-color: #f4f4f4;
}
.pamphlet_login_btn, 
.pamphlet_view_btn {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	background-image: url(../../img/global/bg_1.png);
	font-weight: bold;
	cursor: pointer;
	text-decoration: none;
	color: #333333;
}

.pamphlet_view_btn {
	width: 240px;
	margin: 0 auto;
}

.pamphlet_view_btn:hover {
	color: #ffa010;
}
.pamphlet .parent {
	z-index: 5;
	position: relative;
}
.pamphlet .child {
	left: -5000px;
	z-index: 2;
	position: absolute;
}

@media screen and (max-width: 1050px) {
	.pamphlet ul#pamphlet_data li img {
		max-height: 31vw;
	    max-width: 36vw;
	}
}
@media screen and (max-width: 760px) {
	.pamphlet {
		display: block;
	}	
	/* スマホの時は１枚目以降は非表示 */
	.pamphlet ul#pamphlet_data li {
		display: none;
		padding: 4vw;
	}
	.pamphlet ul#pamphlet_data li:first-child {
		display: flex;
		margin: 0 !important;
	}
	.pamphlet ul#pamphlet_data li img {
		max-height: inherit;
	    max-width: 80%;
	}
	_:lang(x)::-ms-backdrop, .pamphlet ul#pamphlet_data li img {
		width: 80%;
	}
	.pamphlet_login_btn, 
	.pamphlet_view_btn {
	    font-size: 4vw;
	    height: 10vw;
	}
}












/* 画像の拡大表示*/
.viewer-backdrop {
    background-color: rgba(0, 0, 0, 0.86);
}
.viewer-toolbar > ul > li {
    background-color:#ff82b7;
    border-radius: 50%;
    cursor: pointer;
    float: left;
    height: 100px;
    overflow: hidden;
    -webkit-transition: background-color 0.15s;
    transition: background-color 0.15s;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.viewer-toolbar > ul > li:hover {
    background-color: #ff71ad;
}
.viewer-toolbar > ul > li.viewer-one-to-one, 
.viewer-toolbar > ul > li.viewer-reset, 
.viewer-toolbar > ul > li.viewer-play, 
.viewer-toolbar > ul > li.viewer-flip-vertical, 
.viewer-toolbar > ul > li.viewer-flip-horizontal, 
.viewer-toolbar > ul > li.viewer-rotate-left, 
.viewer-toolbar > ul > li.viewer-rotate-right,
.viewer-title {
	display: none;
}

.viewer-toolbar > ul > li.viewer-zoom-in,
.viewer-toolbar > ul > li.viewer-zoom-out {
	height: 40px;
	width: 40px;
	margin: 0 10px;
}
.viewer-prev, 
.viewer-next {
	position: fixed;
	top: 50%;
	background-color: transparent !important;
}
.viewer-prev {
	left: 50%;
	margin-left: -500px !important;
	margin-top: -100px;
}
.viewer-next {
	right: 50%;
	margin-right: -500px !important;
	margin-top: -100px;
}
.viewer-prev::after {
	content: '<';
    font-family: monospace;
    font-size: 40px;
	color: #FFFFFF;
	font-weight: bold;
}
.viewer-next::after {
	content: '>';
    font-family: monospace;
    font-size: 40px;
	color: #FFFFFF;
	font-weight: bold;
}
.viewer-next::before,
.viewer-prev::before {
	display: none;
}
.viewer-prev:hover::after,
.viewer-next:hover::after {
	color: #ff82b7 !important;
}
.viewer-navbar {
	background-color: rgb(19, 19, 19);
    overflow: hidden;
    padding: 20px 0;
    border-top: solid 1px #545454;
	touch-action: manipulation;
}
.viewer-list {
    height: 100px;
}
.viewer-list > li {
    color: transparent;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 100px;
    line-height: 0;
    opacity: 1;
    overflow: hidden;
    -webkit-transition: opacity 0.15s;
    transition: opacity 0.15s;
    width: 100px;
}
.viewer-toolbar {height: 55px;}
.viewer-button {
	background-color: transparent;
	background-image: url(../../img/global/close.png);
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
	right: 0;
	top: 0;
}
.viewer-button::before {
	content: '';
	display: none;
}
.viewer-button.viewer-close {
	width: 40px;
	height: 40px;
	border-radius: 0;
	right: 10px;
	top: 10px;
}
.viewer-button.viewer-close:focus, 
.viewer-button.viewer-close:hover {
	background-color: transparent;
}

@media screen and (max-width: 760px) {
	.viewer-toolbar {
		display: none;
	}
	.viewer-navbar {
		padding: 0;
		border-top:none;
	}
	.viewer-list {
		padding: 0;
	}
	.viewer-button {
		background-image: url(../../img/global/close.png);
		background-position: center center;
		background-size: 100%;
		background-repeat: no-repeat;
		height: 10vw;
		width: 10vw;
		right: 1vw;
		top: 1vw;
	}
	.pamphlet_detail ul li a {
		font-size: 3.3vw;
	}
}