@charset "UTF-8";
/*
Theme Name: d-choku
Theme URI:
Author: Prage
Author URI: https://prage.jp/
Description: Theme d-choku
Requires at least: WordPress 5.0.0
Version: 1.0.0
License: PRAGE
License URI: https://prage.jp
Text Domain: d-choku
Tags:
*/

/*--------------------------------------------------------------
>>> all
----------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap");

html,body,ul{
	margin: 0;
	padding: 0;
}
body{
	font-family:"Noto Sans JP",メイリオ,Meiryo,"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	position:relative;
}

img{
	max-width:100%;
	vertical-align: bottom;
}
.wp-block-image img{
	height:auto;
}
a{
	color:#333;
	transition: 0.5s ;
}
a:hover{
	opacity: 0.7;
}
table{
	max-width:100%;
}
.clear{
	clear:both;
}
input{
	padding:2px 5px;
	font-size: 16px;
	margin-bottom: 5px;
	max-width: 95%;
}
::placeholder{
	color:#ccc;
}
textarea{
	padding:10px 1%;
	font-size: 16px;
	width: 97%;
	margin-bottom: 5px;
}
select{
	padding:2px;
	font-size: 16px;
	vertical-align: middle;
	margin-bottom: 5px;
}
main{
	position:relative;
}
.flex{
	display:flex;
}
.flex .left{
	margin-right:20px;
}
.flex-re{
	display:flex;
	flex-direction:row-reverse;
	justify-content:center;
}
#main{
	margin-left:auto;
	margin-right:auto;
	/* max-width:1400px;
	padding-top:20px;
	padding-bottom:20px; */
	max-width: 1440px;
	padding: 20px;
	overflow-x: hidden;
}
#main.flex,#main.flex-re{
	justify-content:space-between;
}
#main .contents{
	width:calc(100% - 378px);
}
h1{
	background:#0169ca;
	padding:5.5rem 1em 1em;
	font-size:1rem;
	color:#fff;
	margin-top:0;
	margin-bottom:0;
}
h2{
	color:#0169ca;
	font-size:1.5rem;
	font-weight:bold;
	margin-top:50px;
	margin-bottom:20px;
}
h3{
	position:relative;
	padding:5px 0;
	border-bottom:5px solid #88b5df;
	font-weight:bold;
	font-size:1.2rem;
}
h3:before{
	position:absolute;
	bottom:-5px;
	left:0;
	width:20%;
	height:5px;
	content:"";
	background:#c8d3dd;
}
h4{
	color:#666666;
	font-weight:bold;
	font-size:1rem;
	margin-bottom:5px;
	margin-top:20px;
}
.mt00{
	margin-top:0 !important;
}
.mt20{
	margin-top:20px;
}
.mb20{
	margin-bottom:20px;
}
.tr{
	text-align:right;
}
.tc{
	text-align:center;
}
.sp{
	display:none;
}
.page ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-top:20px;
	margin-bottom:20px;
}
.page ul li{
	margin-right:5px;
	margin-bottom:5px;
}
.page ul li a{
	border:1px solid #ccc;
	text-decoration:none;
	display:inline-block;
	padding:0.2em 0.6em;
	font-size:0.9rem;
}
.page ul li span{
	display:inline-block;
	padding:0.2em 0.6em;
	font-size:0.9rem;
}

.appli ul{
	display:flex;
	flex-wrap:wrap;
}
.appli ul li{
	list-style:none;
	margin-right:10px;
	margin-bottom:10px;
	width:calc((100% - 30px) / 4);
}
.appli ul li:nth-child(4n){
	margin-right:0;
}
form .must{
	background:#a00;
	color:#fff;
	display:inline-block;
	padding:2px 5px;
	font-size:0.8em;
	margin-left:5px;
}
form dl{

}
form dt,form dd{
	margin-left:0;
}
form dt{
	margin-bottom:5px;
	font-weight:bold;
}
input[type="submit"]{
	background:#0169ca;
	color:#fff;
	padding:5px 20px;
	font-weight:bold;
	border-radius:5px;
	border:none;
}
input[type="submit"]:hover{
	background:#88b5df;
}

/*--------------------------------------------------------------
>>> header
----------------------------------------------------------------*/

header{
	background:#fff;
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:fixed;
	top:0;
	left:0;
	width:calc(100% - 20px);
	z-index:7000;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	padding:5px 10px;
}
header .rightmenu{
	display:flex;
	justify-content: flex-end;
	align-items: center;
}
header .rightmenu .globalmenu ul{
	display:flex;
}
header .rightmenu .globalmenu ul li{
	list-style:none;
}
header .rightmenu .globalmenu ul li a{
	text-decoration:none;
	color:#1e6097;
	padding:10px 20px 10px 30px;
	display:block;
	position: relative;
}
header .rightmenu .globalmenu ul li a::before{
	content:'';
	display: inline-block;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: center / contain no-repeat;
}
header .rightmenu .globalmenu ul li a img{
	margin-right:5px;
	height:1em;
	vertical-align:middle;
	display:none;
}
header .rightmenu .globalmenu ul li.menu_guide a::before{
	background-image: url(images/common/icon_guide.png);
}
header .rightmenu .globalmenu ul li.menu_contact a::before,
header .rightmenu .globalmenu ul li.menu_news a::before{
	background-image: url(images/common/icon_letters.png);
}
header .rightmenu .globalmenu ul li.menu_mypage a::before{
	background-image: url(images/common/icon-newmember.png);
}
header .rightmenu .globalmenu ul li.menu_register a::before{
	background-image: url(images/common/icon_register.png);
}
header .rightmenu .globalmenu ul li.menu_logout a::before{
	background-image: url(images/common/icon-login.png);
}
header .rightmenu .globalmenu ul li.menu_login a::before{
	background-image: url(images/common/icon_login.png);
}
header .rightmenu .globalmenu ul li.menu_column a{
	padding-left: 0;
}
header .rightmenu .globalmenu ul li.menu_column a::before{
	display: none;
}
header .rightmenu .loginmenu{
	width: 280px;
	flex-shrink: 0;
}
header .rightmenu .loginmenu ul{
	display:flex;
	justify-content: flex-end;
}
header .rightmenu .loginmenu ul li{
	list-style:none;
	width: 50%;
}
header .rightmenu .loginmenu ul li a{
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration:none;
	position:relative;
	border:1px solid #1f6098;
	letter-spacing:0.25em;
	padding:1em 0.5em;
	padding-left:calc(22px + 1em);
}
header .rightmenu .loginmenu ul li a::before{
	content:'';
	display:inline-block;
	width:22px;
	height:22px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-3.5em, -50%);
	background:center / contain no-repeat;
}
header .rightmenu .loginmenu ul li.menu_newmember a{
	color:#fff;
	background:#1f6098;
}
header .rightmenu .loginmenu ul li.menu_login a,
header .rightmenu .loginmenu ul li.menu_logout a{
	color:#1f6098;
	background:#fff;
}
header .rightmenu .loginmenu ul li.menu_newmember a::before{
	background-image:url(images/common/icon-newmember_w.png);
}
header .rightmenu .loginmenu ul li.menu_login a::before{
	background-image:url(images/common/icon-login.png);
}
header .rightmenu .loginmenu.logging_in{
	width: auto;
}
header .rightmenu .loginmenu ul li.menu_logout,
header .rightmenu .loginmenu ul li.menu_admin{
	width: auto;
}
header .rightmenu .loginmenu ul li.menu_logout img,
header .rightmenu .loginmenu ul li.menu_admin img{
	display: none;
}
header .rightmenu .loginmenu ul li.menu_logout a{
	min-width: 7em;
	padding-left:calc(22px + 1.5em);
}
header .rightmenu .loginmenu ul li.menu_logout a::before{
	background-image:url(images/common/icon-login.png);
	transform:translate(-4em, -50%);
}
header .rightmenu .loginmenu ul li.menu_admin a{
	color:#fff;
	background:#1f6098;
	min-width: 9em;
	padding-left:calc(22px + 1.5em);
}
header .rightmenu .loginmenu ul li.menu_admin a::before{
	background-image:url(images/common/icon-newmember_w.png);
	transform:translate(-5em, -50%);
}
#sitename{
	margin:0;
	padding:0;
}
#sitename a{
	color:#fff;
	font-weight:bold;
	font-size:1.5rem;
	text-decoration:none;
	padding:0px 20px 5px;
	display:block;
}
#sitename img{
	max-height:2.5em;
}
header .rightmenu .loginmenu ul li.menu_mypage a{
	color:#fff;
	background:#1f6098;
	min-width: 7em;
	padding-left:calc(22px + 1.5em);
}
header .rightmenu .loginmenu ul li.menu_mypage a::before{
	background-image:url(images/common/icon-newmember_w.png);
	transform:translate(-4em, -50%);
}

/*--------------------------------------------------------------
>>> sidebar
----------------------------------------------------------------*/

.sidebar{
	max-width:358px;
	margin-left:20px;
}
.sidebar .member a,.sidebar .info,.sidebar .clinic a.clinic{
	display:block;
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	margin-bottom:20px;
}
.sidebar .member a.registration{
	background:#ef81a0;
}
.sidebar .member a.login{
	background:#8dd075;
	color:#fff;
	font-weight:bold;
	font-size:1.2rem;
	text-decoration:none;
	text-align:center;
	padding:20px;
}
.sidebar .info h2{
	background:#1e6097;
	display:inline-block;
	margin-left:20px;
	padding:10px 20px;
	color:#fff;
	font-size:1rem;
	border-radius:0 0 5px 5px;
	margin-bottom:0;
	margin-top:0;
}
.sidebar .info ul{
	padding:20px;
}
.sidebar .info ul li{
	list-style:none;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}
.sidebar .info ul li:last-child{
	border-bottom:none;
	margin-bottom:0;
}
.sidebar .info ul li .date{
	margin:0;
	font-size:0.8rem;
	color:#0169ca;
	font-weight:bold;
}
.sidebar .info ul li h3{
	font-size:0.9rem;
	font-weight:normal;
	border-bottom:none;
	margin-top:0;
	margin-bottom:0;
}
.sidebar .info ul li h3:before{
	content:none;
}
.sidebar .info ul li a{
	display: inline-block;
	text-decoration:none;
}

.sidebar .clinic .clinic{
	background:#f19149;
	color:#fff;
	font-weight:bold;
	font-size:1.2rem;
	text-decoration:none;
	text-align:center;
	padding:20px;
}

.sidebar ul.side-menu{
	display:flex;
	justify-content:center;
}
.sidebar ul.side-menu li{
	list-style:none;
	margin:0 20px;
	font-size:0.9rem;
}
.sidebar .column-info-more {
	text-align: right;
	margin-top: -20px;
	padding: 0 20px 20px;
}
.sidebar .column-info-more a {
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 0 10px;
	border-bottom: 1px solid #555;
	font-size: 0.8rem;
}
.sidebar .column-info-more a::before {
	content: ">> ";
}

/*--------------------------------------------------------------
>>> footer
----------------------------------------------------------------*/
footer{
	background:#f5f5f5;
}
footer .copyright{
	text-align:center;
	color:#555;
	font-size:0.8rem;
	padding:10px;
	margin-bottom:0;
}

/*--------------------------------------------------------------
>>> toppage
----------------------------------------------------------------*/
.topimg{
	background:#0169ca;
}
.topimg .bg{
	/*background:url(images/top/topbg.png) no-repeat center/100%;*/
	max-width:1400px;
	margin-left:auto;
	margin-right:auto;
	padding:60px 20px 30px;
	text-align:center;
	z-index:100;
}
#top_body main{
	margin-top:2em;
}
#top_body .free_search{
	background:#f5f5f5;
	padding:20px;
}
#top_body .free_search h1{
	color:#1e6097;
	font-size:1rem;
	font-weight:normal;
	margin:0;
	padding:0;
	background:none;
}
#top_body .free_search h2{
	color:#1e6097;
	font-size:1.3rem;
	font-weight:bold;
	margin:0.5em 0;
	padding:0;
	background:none;
}
#top_body .free_search form {
	display: flex;
	align-items: center;
}
#top_body .free_search form input{
	padding:5px 10px;
	border:none;
	margin:0;
	font-size:1em;
	font-weight:normal;
	line-height:1.5;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}
#top_body .free_search form input[type="text"]{
	max-width:80%;
	min-width:50%;
	border-radius:5px;
}
#top_body .free_search form input[type="submit"]{
	background:#1e6097;
	font-weight:bold;
	color:#fff;
	border-radius:1em;
	padding-left:2em;
	padding-right:2em;
	margin-left:0.8em;
	letter-spacing:1em;
	text-indent:1em;
}
#top_body .free_search form button{
	background:#1e6097;
	font-weight:bold;
	color:#fff;
	border:none;
	border-radius:5px;
	padding: 5px 10px;
	margin-left:0.8em;
	cursor:pointer;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	transition: 0.5s;
}
#top_body .free_search form button:hover{
	opacity: 0.8;
}
#top_body .free_search form button:first-of-type{
	background: #f19149;
	padding-right: calc(10px + 1.5em);
	padding-left: calc(10px + 1.5em);
}

#top_body .topmenu .pc ul{
	display:flex;
	margin-top:20px;
}
#top_body .topmenu .pc ul li{
	margin-right:14px;
	list-style:none;
	border-radius:5px;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	width:calc((100% - 56px) / 5);
}
#top_body .topmenu .pc ul li:last-child{
	margin-right:0;
}
#top_body .topmenu .pc ul li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:10px;
	text-align:center;
}
#top_body .topmenu .pc ul li a img{
	height:3em;
}
#top_body .topmenu .pc ul li h2{
	font-size:1rem;
	color:#fff;
	margin-top:20px;
	margin-bottom:0;
}
#top_body .topmenu .pc ul li h2 span{
	font-size:90%;
}

#top_body .movie h3{
	margin-top:0;
}

#top_body .symptoms h3,#top_body .area h3,#top_body .department h3,#top_body .appli h3,#top_body .search-conditions h3,#top_body .movie h3{
	color:#fff;
	padding:10px 20px;
	border-radius:5px;
	font-size:1.625rem;
	font-weight:bold;
	border-bottom:none;
}
#top_body .symptoms h3:before,#top_body .area h3:before,#top_body .department h3:before,#top_body .appli h3:before,#top_body .search-conditions h3:before,#top_body .movie h3:before{
	content:none;
}
#top_body .symptoms h3 span,#top_body .area h3 span,#top_body .department h3 span,#top_body .appli h3 span,#top_body .search-conditions h3 span,#top_body .movie h3 span{
	font-size:1rem;
}
#top_body .symptoms h3 img,#top_body .area h3 img,#top_body .department h3 img,#top_body .appli h3 img,#top_body .search-conditions h3 img,#top_body .movie h3 img{
	height:1.2em;
	vertical-align:middle;
}

#top_body .topmenu ul li.menu_movie,#top_body .movie h3{
	background:#f5807f;
}
#top_body .topmenu ul li.menu_symptoms,#top_body .symptoms h3{
	background:#f6ba19;
}
#top_body .symptoms .selectors{
	margin-left:20px;
	margin-right:20px;
}
#top_body .symptoms .selectors>.left{
	width:346px;
}
#top_body .symptoms .selectors>.right{
	width:calc(100% - 346px);
}
#top_body .symptoms .allparts{
	min-width:346px;
	background:#edf4fb;
	text-align:center;
}
#top_body .symptoms ul.choices{
	display:flex;
	flex-wrap:wrap;
	background:#edf4fb;
	padding:20px 0 0 20px;
}
#top_body .symptoms ul.choices li{
	margin-right:20px;
	margin-bottom:20px;
}
#top_body .symptoms li{
	list-style:none;
}
#top_body .symptoms .pickup li{
	width:calc((100% - 80px) / 4);
}
#top_body .symptoms .sex,#top_body .symptoms .age{
	width:calc((100% - 20px) / 2);
}
#top_body .symptoms .sex ul,#top_body .symptoms .age ul{
	flex-wrap:nowrap;
}
#top_body .symptoms .age{
	margin-left:20px;
}

#top_body .topmenu ul li.menu_area,#top_body .area h3{
	background:#f48e32;
}
#top_body .area dl{
	display:flex;
	align-items:center;
	margin-left:20px;
	margin-right:20px;
}
#top_body .area dl a{
	text-decoration:none;
	display:block;
}
#top_body .area dl dt{
	border:2px solid #777;
	background:#777;
	border-radius:5px;
	padding:5px;
	width:30%;
	margin-right:30px;
	text-align:center;
}
#top_body .area dl dt a{
	color:#fff;
}
#top_body .area dl dd{
	padding:8px;
	line-height:1;
	border-bottom:1px solid #ccc;
	margin-right:10px;
	margin-left:0;
	font-size:0.8rem;
}
#top_body .area .search-here a{
	text-decoration:none;
	text-align:center;
	padding:10px 10px;
	background:#0169ca;
	color:#fff;
	display:block;
	border-radius:5px;
}
#top_body .area .search-here a:hover{
	background:#0185ca;
}
#top_body .area .search-here a img{
	height:1.2em;
	margin-left:5px;
	vertical-align:middle;
}

#top_body .topmenu ul li.menu_department,#top_body .department h3{
	background:#73b434;
}
#top_body .department li{
	list-style:none;
	text-align:center;
	margin-right:10px;
	margin-bottom:10px;
}
#top_body .department li a{
	color:#555;
	text-decoration:none;
	display:block;
	border:1px solid #ccc;
	font-weight:bold;
	align-items:center;
}
#top_body .department li a span{
	display:block;
}
#top_body .department li a span.icon{
	width:30%;
	background:#aaa;
	text-align:center;
	padding:5px;
}
#top_body .department li a span.txt{
	width:70%;
	padding:20px;
	text-align:left;
}
#top_body .department li a:hover{
	background:#148add;
	color:#fff;
}
#top_body .department li a img{
	vertical-align:middle;
	height:calc(1em + 30px);
	padding:5px;
}
#top_body .department ul{
	display:flex;
	flex-wrap:wrap;
}
#top_body .department ul.list-2 li{
	width:calc((100% - 10px) / 2);
	font-size:1.2rem;
}
#top_body .department ul.list-2 li a{
	display:flex;
}
#top_body .department ul.list-2 li:nth-child(2n){
	margin-right:0;
}
#top_body .department ul.list-4 li{
	width:calc((100% - 30px) / 4);
}
#top_body .department ul.list-4 li a{
	padding:20px;
}
#top_body .department ul.list-4 li:nth-child(4n){
	margin-right:0;
}

#top_body .topmenu ul li.menu_appli,#top_body .appli h3{
	background:#7587c6;
}

#top_body .topmenu ul li.menu_conditions,#top_body .search-conditions h3{
	background:#57bdc1;
}
#top_body .search-conditions ul{
	display:flex;
	flex-wrap:wrap;
}
#top_body .search-conditions ul li{
	/*border:2px solid #0169ca;*/
	margin-right:10px;
	width:calc((100% - 46px) / 4);
	margin-bottom:10px;
	list-style:none;
}
#top_body .search-conditions ul li:nth-child(4n){
	margin-right:0;
}
#top_body .search-conditions ul li a{
	text-align:left;
	display:block;
	text-decoration:none;
	padding:5px;
	display:flex;
}
#top_body .search-conditions ul li a span.img{
	display:inline-block;
	width:3em;
	text-align:center;
}
#top_body .search-conditions ul li a img{
	vertical-align:middle;
	margin-right:5px;
	height:1.7em;
}

#top_body .recomend ul,#top_body .supervised ul,#top_body .magazine ul,#top_body .media ul{
	display:flex;
}
#top_body .recomend ul li,#top_body .supervised ul li,#top_body .magazine ul li,#top_body .media ul li{
	list-style:none;
	margin-right:10px;
	width:25%;
}
#top_body .recomend ul li a,#top_body .supervised ul li a,#top_body .magazine ul li a,#top_body .media ul li a{
	text-decoration:none;
	display:block;
}
#top_body .recomend ul li .img,#top_body .supervised ul li .img,#top_body .magazine ul li .img,#top_body .media ul li .img{
	position:relative;
}
#top_body .recomend ul li .img img,#top_body .supervised ul li .img img,#top_body .magazine ul li .img img,#top_body .media ul li .img img{
	width:100%;
}
#top_body .recomend ul li .category,#top_body .supervised ul li .category,#top_body .magazine ul li .category,#top_body .media ul li .category{
	position:absolute;
	bottom:-5px;
	right:-5px;
	padding:0;
	margin:0;
}
#top_body .recomend ul li .category a,#top_body .supervised ul li .category a,#top_body .magazine ul li .category a,#top_body .media ul li .category a{
	text-decoration:none;
	padding:10px;
	font-size:0.8rem;
	color:#fff;
}
#top_body .recomend ul li .date,#top_body .supervised ul li .date,#top_body .magazine ul li .date,#top_body .media ul li .date{
	margin-top:10px;
	margin-bottom:0;
	font-size:0.9rem;
}
#top_body .recomend ul li h3,#top_body .supervised ul li h3,#top_body .magazine ul li h3,#top_body .media ul li h3{
	border-bottom:none;
	margin-top:5px;
	margin-bottom:0;
	font-weight:normal;
	font-size:1rem;
}
#top_body .recomend ul li h3:before,#top_body .supervised ul li h3:before,#top_body .magazine ul li h3:before,#top_body .media ul li h3:before{
	content:none;
}

#top_body .recomend ul li .category.doctor a{
	background:#ef81a0;
}
#top_body .recomend ul li .category.clinic a{
	background:#7fd3d0;
}
#top_body .media ul li .category.magazine a{
	background:#fc9e38;
}
#top_body .media ul li .category.movie a{
	background:#8dd075;
}

#top_body .sp-search{
	background:#fff;
	margin:30px 0;
}
#top_body .sp-search li{
	list-style:none;
	border-bottom:1px dotted #ccc;
	text-align:left;
	position:relative;
}
#top_body .sp-search li:last-child{
	border-bottom:none;
}
#top_body .sp-search li a{
	display:block;
	padding:15px 50px 15px 20px;
	text-decoration:none;
}
#top_body .sp-search li h2,#top_body .sp-search li p{
	margin-top:0;
	margin-bottom:0;
}
#top_body .sp-search li h2{
	font-size:1.2rem;
}
#top_body .sp-search li p{
	font-size:0.9rem;
}
#top_body .sp-search li a:after{
	content:">";
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-0.5em;
}
#top_body .swiper-movie{
    position: relative;
    padding-bottom: 56.25%;
    width: 100%;
    height: 0;
    overflow: hidden;
    background: #fff;
}
#top_body .swiper-movie > iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#top_body .swiper-button-next, #top_body .swiper-button-prev{
	color: #fff;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);
	width: 28px;
	height: 52px;
}
#top_body .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	left: 6%;
}
#top_body .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	right: 6%;
}
#top_body .swiper-pagination-bullet{
	background: transparent;
	/* border: 1px solid #434343; */
	border: 1px solid #ccc;
	width: 13px;
	height: 13px;
	opacity: 1;
}
#top_body .swiper-pagination-bullet-active{
	/* background: #434343; */
	background: #ccc;
}
#top_body .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 10px;
}
#top_body .skilled-doctor .skilled-doctor-header{
	text-align: center;
	position: relative;
	padding-top: calc(173px + 26px);
}
#top_body .skilled-doctor .skilled-doctor-header::before,#top_body .skilled-doctor .skilled-doctor-header::after{
	content:'';
	display: inline-block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background: center / contain no-repeat;
}
#top_body .skilled-doctor .skilled-doctor-header::before{
	width: 196px;
	height: 105px;
	top: 0;
	background-image: url(images/common/balloon-meii.png);
}
#top_body .skilled-doctor .skilled-doctor-header::after{
	width: 231px;
	height: 89px;
	top: 84px;
	background-image: url(images/common/image-meii.png);
}
#top_body .skilled-doctor .skilled-doctor-header h2{
	color: #43b0c8;
	font-size: 2.82rem;
	margin: 0 0 -0.2em;
	line-height: 1.2;
}
#top_body .skilled-doctor .skilled-doctor-header p{
	color: #43b0c8;
	font-size: 1.07rem;
	font-weight: bold;
}
#top_body .skilled-doctor .skilled-doctor-header h2 span, #top_body .skilled-doctor .skilled-doctor-header p span{
	display: inline-block;
}
#top_body .skilled-doctor ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin-top: 40px;
}
#top_body .skilled-doctor ul li{
	width: calc((100% - 110px) / 2);
	margin-right: 30px;
	box-shadow: 0 0 10px rgb(0 0 0 / 20%);
	margin-bottom: 60px;
	padding: 14px 20px 20px;
}
#top_body .skilled-doctor ul li:nth-child(even){
	margin-right: 0;
}
#top_body .skilled-doctor ul li a{
	display: flex;
	text-decoration: none;
}
#top_body .skilled-doctor ul li h3{
	margin: 0;
	padding: 0;
	border: 0;
}
#top_body .skilled-doctor ul li h3::before{
	display: none;
}
#top_body .skilled-doctor ul li figure{
	display: inline-block;
	margin: 0;
}
.skilled-doctor-be-introduced, .skilled-doctor-introduce{
	display: flex;
	flex-direction: column;
}
#top_body .skilled-doctor .skilled-doctor-be-introduced{
	width: calc(60% - 20px);
	margin-right: 20px;
}
#top_body .skilled-doctor .skilled-doctor-be-introduced h3{
	color: #0169ca;
	font-size: 1.3rem;
	display: flex;
	flex-wrap: wrap;
}
#top_body .skilled-doctor .skilled-doctor-be-introduced h3 .clinic-name{
	display: inline-block;
	margin-right: 1em;
}
#top_body .skilled-doctor .skilled-doctor-be-introduced .specialization{
	margin: 0 0 0.25em;
}
#top_body .skilled-doctor .skilled-doctor-be-introduced figure{
	width: 95%;
	height: calc(95% * 0.65);
	max-width: 245px;
	max-height: 159px;
}
#top_body .skilled-doctor .skilled-doctor-be-introduced img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center top;
}
#top_body .skilled-doctor .skilled-doctor-introduce{
	position: relative;
	align-items: flex-end;
	padding-top: 45px;
	width: 40%;
}
#top_body .skilled-doctor .skilled-doctor-introduce h3{
	color: #fff;
	background: #ef81a0;
	font-size: 1.15rem;
	padding: 6px;
	border-radius: 2px;
	position: absolute;
	top: 0;
	right: -24px;
	width: 8em;
	text-align: center;
}
#top_body .skilled-doctor .skilled-doctor-introduce figure{
	width: 113px;
	height: 113px;
	margin-top: 1rem;
}
#top_body .skilled-doctor .skilled-doctor-introduce figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#top_body .skilled-doctor .skilled-doctor-introduce .doctor-info{
	color: #0169ca;
	text-align: right;
}
#top_body .introduction ul{
	display:flex;
}
#top_body .introduction ul li{
	list-style:none;
	margin-right:10px;
	width:25%;
}
#top_body .introduction ul li a{
	text-decoration:none;
	display:block;
}
#top_body .introduction ul li .img{
	position:relative;
}
#top_body .introduction ul li .img img{
	width:100%;
}
#top_body .introduction ul li .category{
	position:absolute;
	bottom:-5px;
	right:-5px;
	padding:0;
	margin:0;
}
#top_body .introduction ul li .category a{
	text-decoration:none;
	padding:10px;
	font-size:0.8rem;
	color:#fff;
}
#top_body .introduction ul li .date{
	margin-top:10px;
	margin-bottom:0;
	font-size:0.9rem;
}
#top_body .introduction ul li h3{
	border-bottom:none;
	margin-top:5px;
	margin-bottom:0;
	font-weight:normal;
	font-size:1rem;
}
#top_body .introduction ul li h3:before{
	content:none;
}

#top_body .introduction ul li .category.doctor a{
	background:#ef81a0;
}
#top_body .introduction ul li .category.clinic a{
	background:#7fd3d0;
}
#top_body .movie .content-more-wrap a{
	display: inline-block;
	width: auto;
}

/*--------------------------------------------------------------
>>> 下層共通
----------------------------------------------------------------*/
.pnkz{
	margin-bottom:20px;
}
.pnkz ul{
	display:flex;
	font-size:0.8rem;
	flex-wrap: wrap;
}
.pnkz ul li:after{
	content:">";
	margin-left:10px;
	text-decoration:none;
}
.pnkz ul li:last-child:after{
	content:none;
}
.pnkz ul li{
	margin-right:10px;
	list-style:none;
}

ul.conditions{
	display:flex;
	flex-wrap:wrap;
	margin-top:10px;
}
ul.conditions li{
	background:#eee;
	padding:5px 10px;
	margin-right:10px;
	padding:5px;
	list-style:none;
	font-size:0.9rem;
	margin-bottom:5px;
}

/*--------------------------------------------------------------
>>> 検索
----------------------------------------------------------------*/
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 10000;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 20000;
}
#loader .spinner {
  width: 40px; /* サイズ - 可変 */
  height: 40px; /* サイズ - 可変 */
  background-color: #0169ca; /* ベースの色 - 可変 */

  margin: 0 auto; /* 上下マージン - 可変 */
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.medication-category h2{
	border-bottom:1px dotted #88b5df;
}
.medication-point{
	display:flex;
	border:1px solid #ccc;
	margin-bottom:20px;
}
.medication-point h3{
	width:20%;
	border-bottom:0;
	padding:20px;
	background:#f0f0f0;
	margin:0;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.medication-point h3:before{
	content:none;
}
.medication-point h3 strong,.medication-point h3 img{
	vertical-align:middle;
}
.medication-point h3 img{
	max-height:3em;
	margin-left:10px;
}

.medication-point ul{
	margin:20px;
	width:80%;
	display:flex;
	flex-wrap:wrap;
	margin-left:20px;
}
.medication-point ul li{
	list-style:none;
	margin-right:20px;
}
.search-box{
	border:1px solid #ccc;
	padding:5px;
	margin-bottom:20px;
	margin-top:20px;
	font-size:0.9rem;
}
.search-box dl{
	display:flex;
	margin:0 0 5px;
	padding:5px;
}
.search-box dl:nth-child(even){
	background:#f0f4f7;
}
.search-box dl:last-child{
	margin-bottom:0;
}
.search-box dl dt{
	width:20%;
	max-width:150px;
	margin-right:10px;
	text-align:right;
}
.search-box dl dd{
	width:80%;
}
.search-box .change{
	background:#d5e7f8;
	padding:5px 10px;
	border-radius:5px;
	margin-top:5px;
	margin-bottom:5px;
	display:none;
}
.search-box ul{
	display:flex;
	flex-wrap:wrap;
}
.search-box li{
	list-style:none;
	margin-right:20px;
}
.search-box input[type="checkbox"]{
	margin-right:0.5em;
}
.search-box .selected{
	font-weight:bold;
	font-size:1rem;
}
.search-box .selected a{
	font-weight:normal;
	font-size:0.9rem;
	margin-left:20px;
}
.search-box input[type="submit"]{
	background:#dee6ee;
	padding:0.2em 1em;
	border:1px solid #ccc;
	font-size:0.9rem;
	margin-left:5px;
	color:#333;
}
.search-result .summary .cnt{
	font-weight:bold;
	color:#ef81a0;
	font-size:1.3rem;
	margin-right:0.3rem;
}
.search-result li{
	list-style:none;
}
.search-result>ul>li{
	border-top:1px dotted #ccc;
	padding:20px 0;
	position:relative;
}
.search-result>ul>li:first-child{
	margin-top:20px;
}
.search-result>ul>li a{
	text-decoration:none;
}
.search-result>ul>li .map-btn{
	color:#0169ca;
	border:2px solid #0169ca;
	padding:0.2em 0.5em;
	margin-left:1em;
	display:inline-block;
	font-size:90%;
}
.search-result h2{
	margin-top:0;
	width:100%;
	/* width:calc(100% - 120px); */
}
.search-result>ul>li p:first-child{
	margin-top:0;
}
.search-result .img{
	width:30%;
	margin-right:20px;
}
.search-result .img img{
	width:100%;
}
.search-result .img.noimg{
	background:#e1e1e1 url(images/common/noimg.png) no-repeat center/40%;
}
.search-result .movie{
	position: relative;
	padding-bottom: 56.25%;
	width: 100%;
	height: 0;
	overflow: hidden;
	background: center / cover no-repeat url(images/common/sample-movie.png);
}
.search-result .movie > div,
.search-result .movie > iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.search-result .right{
	width:70%;
}
.search-result .favorite{
	border:2px solid #777;
	border-radius:5px;
	padding:3px 5px;
	width:90px;
	position:absolute;
	top:20px;
	right:0;
	text-align:center;
}
.search-result .favorite.selected{
	background:#ffe7e7;
}
.search-result .favorite a{
	text-decoration:none;
	font-size:0.8rem;
}
.search-result .favorite img{
	max-height:1em;
	vertical-align:middle;
	margin-right:5px;
}
.search-result>ul>li ul.list li{
	padding:5px 0;
}
.search-result .summary{
	position: relative;
}
.search-result .search-btn-map{
	position: absolute;
	top: 0;
	right: 0;
}
.search-result .search-btn-map a{
	display: inline-block;
	color: #0169ca;
	background: #fff;
	padding: 0.5em 1em 0.25em;
	border: 2px solid currentColor;
	text-decoration: none;
	font-weight: bold;
}
.search-result .search-btn-map a img{
	max-height:1em;
	vertical-align:middle;
}
.search-result .result-header{
	display: flex;
	justify-content: space-between;
}
.search-result .result-title{
	flex: 1;
}
.search-result .result-btn-reserv{
	display: inline-block;
	color: #fff;
	background: #0169ca;
	padding: 0.5em 1em;
	/* border-radius:30px; */
	font-size:90%;
}
.search-result .result-btns{
	display: flex;
	justify-content: right;
	flex-shrink: 0;
}
.search-result .result-btn-reserv2{
	display: inline-block;
	color: #fff;
	background: #0169ca;
	padding: 0.5em 1em;
	margin-right:5px;
}
.search-result .result-btns-member ul{
	display: flex;
	justify-content: right;
	align-items: flex-end;
}
.search-result .result-btns-member .choku-btn{
	padding: 40px 0 0 9px;
	margin-bottom: 0;
}
.search-result .result-btns-member .choku-btn a{
	font-size:1.125rem;
}
.search-result .result-btns-member .choku-btn::after{
	margin-bottom: 0;
}
.search-result .result-btns-member .choku-btn a img{
	left: 0;
	top: 0;
	width: 84px;
	height: 53px;
	transform: translate(-6px, -40px);
}
.search-result .result-btns-member .choku-btn a::after {
	top: 50%;
	right: 9px;
	transform: translateY(-50%);
}
.search-result .result-btns-member .choku-btn.clinic-online a {
	padding: 14px 58px 11px 24px;
}
.search-result .result-btns-member .choku-btn.clinic-meeting a {
	padding: 14px 56px 11px 16px;
}
.search-result .result-btns-member .choku-btn.clinic-online a::after {
	background-image:url(images/common/icon-net-white.png);
}
.search-result .result-btns-member .choku-btn.clinic-meeting a::after {
	background-image:url(images/common/icon-conditions-oushin-white.png);
}
.search-result .result-btns-member ul li.clinic-site{
	margin-left: 9px;
}
.search-result .result-btns-member ul li.clinic-site a{
	background:#73b434;
	color:#fff;
	display:block;
	text-decoration:none;
	border-radius:5px;
	margin: 0 auto;
	padding:14px 23px 11px;
	text-align:center;
	font-weight:bold;
	font-size:1.125rem;
	position:relative;
	border-bottom:4px solid #517f25;
	max-width: 137px;
}
.search-result .result-btns-member ul li.clinic-favorite{
	width: 7em;
	margin: 0 0 0 9px;
	font-size: 0.75rem;
}
.search-result .result-btns-member ul li a{
	display: inline-block;
}
.search-result .result-btns-member img{
	width: 100%;
	margin-right: 0;
}
.search-result .result-btns-member .clinic-favorite button{
	display: inline-block;
	width: 68px;
	font-weight: bold;
	padding: 50px 0 0;
	background: center top 8px / 41px 34px no-repeat url(images/common/icon-favorite.png), transparent;
	border: 0;
	cursor: pointer;
}
.search-result .result-btn-first{
	display: inline-block;
	color: #fff;
	background: #0169ca;
	padding: 0.5em 1em;
}
.search-result .result-btn-site{
	display: inline-block;
	color: #fff;
	background: #f19149;
	padding: 0.5em 1em;
}
.search-result .result-btn-save{
	margin-left: 5px;
}
.search-result .result-btn-save a{
	display: inline-block;
	color: #f19149;
	background: #fff;
	padding: 0.5em 1em 0.25em;
	border: 2px solid currentColor;
	text-decoration: none;
	font-weight: bold;
}
.search-result .clinic-data-list li {
	position: relative;
	padding-left: calc(1em + 24px) !important;
}
.search-result .clinic-data-list li::before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1.66em;
	height: 1.66em;
	margin-top: 5px;
	background: center / contain no-repeat;
}
.search-result .clinic-data-list li.clinic-address::before{
	background-image: url(images/common/icon-map-gray.png);
}
.search-result .clinic-data-list li.clinic-tel::before{
	background-image: url(images/common/icon-tel-gray.png);
}
.search-result .clinic-data-list li.clinic-transportation::before{
	background-image: url(images/common/icon-train-gray.png);
}
.search-result .clinic-data-list li.clinic-department::before{
	background-image: url(images/common/icon-doctor-gray.png);
}
.search-result h3{
	border: 0;
}
.search-result h3::before{
	display: none;
}
.search-result .appli ul{
	padding-bottom: 0;
}
.search-result .coverage-clinic{
	margin-bottom: 20px;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
}
.search-result .coverage-unit1{
	width: 74%;
}
.search-result .coverage-unit2{
	width: 26%;
	padding-left: 15px;
}
.search-result .coverage-movie {
	display:flex;
	flex-wrap:wrap;
}
.search-result .coverage-movie .movie{
	max-width:300px;
}
.search-result .coverage-movie .movie + .movie {
	margin-top: 10px;
}
.search-result .supervised-clinic{
	margin-bottom: 20px;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
}
/* .search-result .supervised-unit1{
	width: 74%;
}
.search-result .supervised-unit2{
	width: 26%;
	padding-left: 15px;
}
.search-result .supervised-movie {
	display:flex;
	flex-wrap:wrap;
}
.search-result .supervised-movie .movie{
	max-width:300px;
}
.search-result .supervised-movie .movie + .movie {
	margin-top: 10px;
} */
.search-result .introductory-clinic{
	margin-bottom: 20px;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
}

/*--------------------------------------------------------------
>>> クリニック詳細
----------------------------------------------------------------*/
.clinic-detail-2clm{
	display:flex;
	align-items:center;
}
.clinic-detail-2clm .left{
	width:60%;
	margin-right:20px;
}
.clinic-detail-2clm .right{
	width:40%;
}
.clinic-detail-2clm .tel{
	font-weight:bold;
	font-size:1.2rem;
}
.clinic-detail-2clm .img img{
	width:100%;
}
.clinic-detail-2clm .btns{
	margin-top:40px;
	margin-bottom:20px;
}
.fav-btn{
	border:2px solid #777;
	border-radius:5px;
	padding:3px 5px;
	text-align:center;
	margin-bottom:10px;
}
.fav-btn.selected{
	background:#ffe7e7;
}
.fav-btn a{
	text-decoration:none;
	font-size:0.8rem;
}
.fav-btn img{
	max-height:1em;
	vertical-align:middle;
	margin-right:5px;
}
.reserv-btn{
	margin-bottom:10px;
}
.reserv-btn a{
	background:#0169ca;
	color:#fff;
	display:block;
	text-decoration:none;
	border-radius:5px;
	padding:20px 5px;
	text-align:center;
	font-weight:bold;
	font-size:1.2rem;
}
.choku-btn{
	margin-bottom:10px;
}
.choku-btn a{
	background:#f48e32;
	color:#fff;
	display:block;
	text-decoration:none;
	border-radius:5px;
	padding:20px 5px;
	text-align:center;
	font-weight:bold;
	font-size:1.2rem;
	position:relative;
	border-bottom:4px solid #be6e27;
}
.choku-btn a::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 50%;
	width: 38px;
	height: 44px;
	background: center / contain no-repeat;
	transform: translate(8.75em, -50%);
}
.choku-btn.online-btn a {
	background-color:#f5807f;
	border-color:#c06564;
}
.choku-btn.online-btn a::after {
	background-image:url(images/common/icon-net-white.png);
}
.choku-btn.meeting-btn a::after {
	background-image:url(images/common/icon-conditions-oushin-white.png);
}
.choku-btn a img {
	position:absolute;
	left:50%;
	top:0;
	width:auto;
	height:47px;
	transform:translateX(-8.75em);
}
.msg-btn a{
	background:#57bdc1;
	color:#fff;
	display:block;
	text-decoration:none;
	border-radius:5px;
	padding:10px 5px;
	text-align:center;
	font-weight:bold;
	border-bottom:4px solid #3f898c;
	position:relative;
}
.msg-btn img{
	height:1em;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(10em, -50%);
}
.from-clinic{
	margin-bottom:20px;
}
#modal_url,.modal_url{
	text-align:center;
}
#modal_url .caution,.modal_url .caution{
	color:#f00;
	font-weight:bold;
}
#modal_url .btn a,.modal_url .btn a{
	display:inline-block;
	background:#0169ca;
	color:#fff;
	padding:10px;
	border-radius:30px;
	text-decoration:none;
	width:70%;
}
#modal_url .btn,.modal_url .btn{
	margin-bottom:20px;
}

#modal_url .reserve-url a,.modal_url .reserve-url a{
	display:inline-block;
	text-decoration:none;
	border:2px solid #0169ca;
	border-radius:30px;
	color:#0169ca;
	padding:10px;
	width:70%;
}
#modal_url .reserve-url a:hover,.modal_url .reserve-url a:hover{
	background:#0169ca;
	color:#fff;
}

#modal_url ul.list-reserve,.modal_url ul.list-reserve{
	display:flex;
	flex-wrap:wrap;
}
#modal_url ul.list-reserve li,.modal_url ul.list-reserve li{
	list-style:none;
	width:calc((100% - 60px) / 4);
	margin-bottom:20px;
	margin-right:20px;
}
#modal_url ul.list-reserve li:nth-child(4n),.modal_url ul.list-reserve li:nth-child(4n){
	margin-right:0;
}
#modal_url ul.list-reserve li h4,.modal_url ul.list-reserve li h4{
	background:#aaa;
	color:#fff;
	padding:5px 10px;
	margin-top:0;
	font-size:0.8rem;
}
#modal_url ul.list-reserve li a,.modal_url ul.list-reserve li a{
	text-decoration:none;
}
.side-message {
	background: #edf4fc;
	font-size: 15px;
	margin: 0 0 30px;
	border: 1px solid #1e6097;
}
.side-message .message-title {
	display: flex;
	font-size: 18px;
	margin: 0 0 1em;
	border-bottom: 1px solid #1e6097;
}
.side-message .message-title-icon {
	background: #1e6097;
	width: 3.5em;
	position: relative;
}
.side-message .message-title-icon::before {
	content: "";
	display: inline-block;
	width: 2em;
	height: 2em;
	background: center / contain no-repeat url(images/common/icon_kamoku.png);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.side-message .message-title-text {
	flex: 1;
	color: #1e6097;
	background: #fff;
	padding: 1em;
}
.side-message dl{
	margin: 1em 22px;
}
.side-message dl + dl{
	border-top: 1px solid #d8d8d8;
}
.side-message dd{
	color: #ababab;
	font-size: 12px;
	margin: 1em 0 0;
}
.side-message a{
	color: #565656;
	text-decoration: none;
}
.side-message .message-more a{
	display: inline-block;
	border-bottom: 1px solid currentColor;
	margin-right: 22px;
	padding-right: 0.5em;
}
.side-message .message-more a::before{
	content: ">>";
	display: inline-block;
	margin: 0 0.5em;
}

/*--------------------------------------------------------------
>>> archive
----------------------------------------------------------------*/

.info-list li{
	list-style:none;
	padding:20px 0;
	border-bottom:1px dotted #ccc;
}
.info-list li:last-child{
	border-bottom:none;
}
.info-list li .date{
	margin-top:0;
	margin-bottom:0;
}
.info-list li h2{
	margin-top:0;
	margin-bottom:0;
}

/*--------------------------------------------------------------
>>> modal
----------------------------------------------------------------*/

.modal_bg{
	background:rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	z-index:55555;
	display:none;
}
.modal{
	background:#fff;
	position:fixed;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	max-width:800px;
	width:calc(90% - 40px);
	min-width:250px;
	max-height:90vh;
	overflow:scroll;
	z-index:99999;
	padding:20px;
	display:none;
}
.modal.modal_on {
	background: transparent;
	width: 100%;
	padding: 0;
	overflow: hidden;
}
.modal.modal_on .modal_inner {
	position: relative;
	padding-top: 35px;
	padding-right: 5%;
}
.modal.modal_on .modal_close {
    position: absolute;
    top: 0;
    right: 5%;
    display: inline-block;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border: none;
    background: transparent;
}
.modal.modal_on .modal_close::before, .modal.modal_on .modal_close::after {
	content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    background: #fff;
    border-radius: 5px;
    margin-top: -6px;
}
.modal.modal_on .modal_close::before {
	transform: rotate(45deg);
}
.modal.modal_on .modal_close::after {
	transform: rotate(-45deg);
}
.modal.modal_on .modal_image {
	display: block;
	width: 100%;
	aspect-ratio: 100 / 56.25;
	margin: 0;
}
.modal.modal_on .modal_image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/*--------------------------------------------------------------
>>> sns share
----------------------------------------------------------------*/
.sns_share{
	text-align: center;
}
.sns_share h2{
	color:#666666;
    font-weight: normal;
    font-size: 1.2rem;
}
.sns_share ul{
	display:flex;
	flex-wrap:wrap;
    justify-content: center;
}
.sns_share ul li{
	list-style:none;
	margin-right:10px;
	margin-bottom:20px;
}
.sns_share ul li a{
	padding:0.2em 1em;
	text-decoration:none;
	border-radius:5px;
}
.sns_share img{
	max-height:1em;
	vertical-align:middle;
	margin-right:0.2em;
}
.sns_share .facebook a{
	background:#3B5998;
	color:#fff;
}
.sns_share .facebook a span{
	font-weight:bold;
	display:inline-block;
	margin-right:0.2em;
}
.sns_share .twitter a{
	background:#1DA1F2;
	color:#fff;
}
.sns_share .line a{
	background:#06c755;
	color:#fff;
	font-weight:bold;
}

/*--------------------------------------------------------------
>>> archive-info
----------------------------------------------------------------*/
.archive-info li>a{
	display:block;
	text-decoration:none;
}
.archive-info li>a h2{
	color:#333;
	text-decoration:underline;
}
.archive-info li>a p.date{
	text-decoration:none;
}
.archive-info h1{
	background:none;
	color:#333;
	font-size:1.5rem;
	margin-bottom:1em;
	padding:0;
}
.archive-info li{
	list-style:none;
}
.archive-info>ul>li{
	border-bottom:1px dotted #ccc;
	padding-bottom:0.5em;
	padding-top:0.5em;
}
.archive-info>ul>li:last-child{
	border-bottom:0;
}

.archive-info .post-categories li a{
	background:#0169ca;
	text-decoration:none;
	color:#fff;
	font-size:0.8em;
	padding:2px 5px;
}
.archive-info .date{
	margin-bottom:0.2em;
	margin-top:0;
	text-decoration:none;
}

.archive-info h2{
	margin-top:0.5em;
}
.archive-info .info-flex{
	display:flex;
	flex-direction:row-reverse;
}
.archive-info .info-flex .txt{
	width:70%;
}
.archive-info .info-flex .txt h2{
	font-size:1.2rem;
}
.archive-info .info-flex .thumbnail{
	width:28%;
	margin-right:2%;
}
.archive-info .info-flex .thumbnail img{
	aspect-ratio: 16 / 9;
	object-fit:cover;
	width:100%;
	height:auto;
}

/*--------------------------------------------------------------
>>> pagination
----------------------------------------------------------------*/

.nav-links{
	display:flex;
	flex-wrap:wrap;
}
.nav-links span.current,.nav-links a{
	display:inline-block;
	margin-right:0.5em;
}
.nav-links span.current{
	padding:0.1em 0.6em;
	border:1px solid #ccc;
}
.nav-links a{
	text-decoration:none;
	padding:0.1em 0.6em;
	border:1px solid #0169ca;
	background:#0169ca;
	color:#fff;
}

/*--------------------------------------------------------------
>>> pagination(paginathing.js)
----------------------------------------------------------------*/

.pagination-container{
	display: flex;
	justify-content: center;
}
.pagination{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
.pagination li{
	list-style-type: none;
	padding: 0.1em 0;
	text-align: center;
	width: 2.2em;
	margin: 0 0.3em;
	border:1px solid #0169ca;
	background:#0169ca;
	color:#fff;
	cursor: pointer;
}
.pagination li a{
	text-decoration:none;
	color:#fff;
}
.pagination li:hover{
	opacity: 0.7;
	transition: 0.5s;
}
.pagination li.active{
	border:1px solid #ccc;
	background:#fff;
}
.pagination li.active a{
	color: #000;
}
.pagination .screen-reader-text {
	margin: 0;
}

/*--------------------------------------------------------------
>>> new header
----------------------------------------------------------------*/
header.header{
	display: block;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}
header.header .header-inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin-bottom: 10px;
}
header.header .header-inner-login #sitename{
	padding-top: 10px;
	padding-bottom: 10px;
}
header.header .rightmenu{
	margin-right: 152px;
}
header.header ul{
	list-style: none;
}
header.header ul li a{
	text-decoration: none;
}
header.header .search-menu{
	margin: 0 auto;
}
header.header .search-menu-list{
	display: flex;
	margin: 0 6px;
}
header.header .search-menu-item{
	width: 161px;
	margin: 0 6px;
}
header.header .search-menu-item a{
	display: block;
	height: calc(78px - 54px);
	color: #fff;
	font-size: 0.75rem;
	font-weight: bold;
	padding-top: 54px;
	border-radius: 5px;
	text-align: center;
	position: relative;
	line-height: 1.1;
}
header.header .search-menu-item img{
	position: absolute;
	left: 50%;
	bottom: 30px;
	transform: translate(-50%, 0);
}
header.header .search-menu-item a span{
	font-size: 1rem;
}
header.header .search-menu-item.menu-movie a{
	background: #f5807f;
}
header.header .search-menu-item.menu-movie a img{
	width: 39px;
	height: 27px;
}
header.header .search-menu-item.menu-symptoms a{
	background: #f6ba19;
}
header.header .search-menu-item.menu-symptoms a img{
	width: 39px;
	height: 33px;
}
header.header .search-menu-item.menu-area a{
	background: #f48e32;
}
header.header .search-menu-item.menu-area a img{
	width: 39px;
	height: 39px;
}
header.header .search-menu-item.menu-department a{
	background: #73b434;
}
header.header .search-menu-item.menu-department a img{
	width: 33px;
	height: 30px;
}
header.header .search-menu-item.menu-appli a{
	background: #7587c6;
}
header.header .search-menu-item.menu-appli a img{
	width: 23px;
	height: 39px;
}
header.header .search-menu-item.menu-conditions a{
	background: #57bdc1;
}
header.header .search-menu-item.menu-conditions a img{
	width: 30px;
	height: 41px;
}
header.header .search-menu-item.menu-movie a img, header.header .search-menu-item.menu-symptoms a img, header.header .search-menu-item.menu-department a img{
	bottom: calc(30px + 6px);
}
header.header .utility-menu-sp{
	display: none;
}
header.header .utility-menu{
	position: absolute;
	right: 0;
	top: 0;
}
header.header .utility-menu li + li{
	margin-top: 5px;
}
header.header .utility-menu-item.menu-login{
	margin-top: 10px;
}
header.header .utility-menu-item a{
	display: block;
	color: #1e6097;
	background: #fff;
	width: calc(152px - 52px);
	font-size: 1.25rem;
	font-weight: bold;
	padding: 3px 12px 2px 40px;
	border: 2px solid #1e6097;
	border-radius: 4px;
	line-height: 1;
	position: relative;
}
header.header .utility-menu-item a:hover,
header.header .utility-menu-item a:focus{
	color: #fff;
	background: #1e6097;
	opacity: 1;
}
header.header .utility-menu-item a::before{
	content: '';
	display: inline-block;
	width: 26px;
	height: 22px;
	position: absolute;
	right: 116px;
	top: 50%;
	transform: translateY(-50%);
	background: center / contain no-repeat;
}
header.header .utility-menu-item a .utility-menu-text{
	font-size: 0.6em;
	line-height: 1;
}
header.header .utility-menu-item a .utility-menu-num{
	display: inline-block;
	color: #fff;
	background: #eb6667;
	border-radius: 50%;
	position: absolute;
	top: -0.2em;
	right: -0.5em;
	padding: 0.15em 0.3em 0.1em;
	line-height: 1;
}
header.header .utility-menu-item.menu-mypage a{
	color: #fff;
	background: #1e6097;
}
header.header .utility-menu-item.menu-mypage a:hover,
header.header .utility-menu-item.menu-mypage a:focus{
	color: #1e6097;
	background: #fff;
}
header.header .utility-menu-item.menu-message a:hover,
header.header .utility-menu-item.menu-message a:focus{
	color: #1e6097;
	background: #fff;
}
header.header .utility-menu-item.menu-mypage a::before{
	background-image: url(./images/common/icon_mypage_w.png);
}
header.header .utility-menu-item.menu-message a::before{
	background-image: url(./images/common/icon_message.png);
}
header.header .utility-menu-item.menu-mypage a:hover::before,
header.header .utility-menu-item.menu-mypage a:focus::before{
	background-image: url(./images/common/icon_mypage.png);
}
header.header .utility-menu-item.menu-regist a::before,
header.header .utility-menu-item.menu-regist a::before{
	background-image: url(./images/common/icon_mypage.png);
}
header.header .utility-menu-item.menu-regist a:hover::before,
header.header .utility-menu-item.menu-regint a:focus::before{
	background-image: url(./images/common/icon_mypage_w.png);
}
header.header .utility-menu-item.menu-login a::before,
header.header .utility-menu-item.menu-login a::before{
	background-image: url(./images/common/icon_login2.png);
}
header.header .utility-menu-item.menu-login a:hover::before,
header.header .utility-menu-item.menu-login a:focus::before{
	background-image: url(./images/common/icon_login2_w.png);
}
header.header .header-wrap{
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 5px 10px 0;
	position: relative;
}
header.header .utility-menu-pc{
	position: absolute;
	right: 0;
	top: 0;
}
header.header .utility-menu-pc .utility-menu-item a{
	width: 150px;
	color: #898989;
	background: #fff;
	border-color: #898989;
	padding: 6px 0 4px;
	text-align: center;
	font-weight: normal;
}
header.header .utility-menu-pc .utility-menu-item a:hover{
	color: #fff;
	background: #898989;
}
header.header .utility-menu-pc .utility-menu-item a::before{
	display: none;
}
header.header .utility-menu-pc .utility-menu-item.menu-login, header.header .utility-menu-pc .utility-menu-item.menu-mypage{
	margin-top: 2px;
	margin-bottom: 6px;
}
header.header .utility-menu-pc .utility-menu-item.menu-login a{
	color: #fff;
	background: #898989;
}
header.header .utility-menu-pc .utility-menu-item.menu-message a{
	padding-top: 0;
	padding-bottom: 2px;
}
header.header .global{
	margin-bottom: -5px;
}
header.header .global-inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header.header .global-main{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
header.header .pc-global .global-main{
	position: relative;
}
header.header .global-main.global-karadas,
header.header .global-main.global-kodomo{
	padding-left: 1%;
}
header.header .global-main::before{
	content: '';
	display: inline-block;
	width: 1px;
	height: 60%;
	background: #615f5f;
	position: absolute;
	top: 20%;
	left: 0;
}
header.header .global-main:first-child::before{
	display: none;
}
header.header .global-main > a,
header.header .global-main span.global-toggle{
	padding: 12px;
	text-decoration: none;
	cursor: pointer;
	font-size: 1.125rem;
}
header.header .global-main > a:hover,
header.header .global-main span.global-toggle:hover{
	background: #efeeea;
}
header.header .global-home img,
header.header .global-karadas img,
header.header .global-kodomo img{
	width: auto;
	height: 26px;
	vertical-align: middle;
}
header.header .global-sub-wrap{
	position: relative;
}
header.header .global-karadas .global-sub-wrap2,
header.header .global-karadas .global-sub-wrap3,
header.header .global-karadas .global-sub-wrap4,
header.header .global-karadas .global-sub-wrap5,
header.header .global-kodomo .global-sub-wrap2,
header.header .global-kodomo .global-sub-wrap3{
	display: none;
}
header.header .global-sub{
	width: 234px;
	background: #efeeea;
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: 12px;
	display: none;
}
header.header .global-sub li{
	width: 100%;
	border-bottom: 2px solid #fff;
}
header.header .global-sub li:last-child{
	border-bottom: 0;
}
header.header .global-sub a{
	display: block;
	text-align: left;
	padding: 10px 40px;
}
header.header .global-sub a:hover{
	background: #d8d6d0;
}
h1{
	padding-top: 1em;
}
header.header .pc-global.is-inactive{
	display: none;
}

/*--------------------------------------------------------------
>>> new footer
----------------------------------------------------------------*/
footer.footer{
	background: #fff;
}
footer.footer .copyright{
	color: #000;
	font-size: 0.875rem;
}
footer.footer .copyright .copyright-image{
	display: inline-block;
	vertical-align: middle;
	margin-right: 1.5em;
}
footer.footer .copyright img{
	width: 101px;
	height: 35px;
}
.footer-contents{
	background: #f8f8f8;
	padding: 0 20px;
	box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}
.footer-contents h2{
	margin-top: 0;
}
.footer-contents ul{
	list-style: none;
}
.footer-contents a{
	text-decoration: none;
}
.footer-contents-inner{
	max-width: 1396px;
	margin: 0 auto;
}
.footer-contents .sns_share{
	padding: 40px 0;
}
.footer-contents .sns_share h2{
	margin-top: 0;
}
.footer-contents .sns_share ul li{
	margin-bottom: 0;
}
.footer-contents .sns_share a{
	border-radius: 3px;
}
.footer-contents .footer-menu{
	display: flex;
	justify-content: space-around;
	border-top: 1px solid #a7a6a6;
	/* padding: 50px 0; */
	padding: 50px 0 0;
}
.footer-contents .footer-menu-col{
	width: 30%;
	display: flex;
	flex-direction: column;
}
.footer-contents .footer-menu-col h2{
	text-align: center;
	line-height: 0;
}
.footer-contents .footer-menu-col h2 img{
	width: auto;
	height: 28px;
}
.footer-contents .footer-menu-col.footer-menu-ishachoku h2 img{
	height: 49px;
	margin-top: -25px;
}
.footer-contents .footer-menu-col .footer-list{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.footer-contents .footer-menu-col .footer-list > ul {
	margin-bottom: 1em;
}
.footer-contents .footer-menu-col .footer-list > ul li{
	margin: 0.5em 0;
}
.footer-contents .footer-menu-col .footer-list > ul li::before{
	content: '';
	display: inline-block;
	width: 0.5em;
	height: 0.625em;
	margin: 0.15em 0.5em auto 0;
	background: center / contain no-repeat url(./images/common/icon-arrow-r-gray.png);
}
.footer-contents .footer-sns h3{
	font-size: 0.9rem;
	font-weight: normal;
	border: none;
	margin: 0;
	padding: 0;
}
.footer-contents .footer-sns h3::before{
	display: none;
}
.footer-contents .footer-sns ul{
	display: flex;
    flex-wrap: wrap;
	/* justify-content: center; */
	margin: 0 -15px;
}
.footer-contents .footer-sns ul li{
	/* margin: 0 18px; */
	margin: 1em 15px 0;
}
.footer-contents .footer-sns ul li::before{
	display: none;
}
.footer-contents .footer-sns a{
	display: block;
	width: 37px;
	height: 39px;
	/* padding: 10px 0; */
}
.footer-contents .footer-sns a img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.footer-contents .footer-nav{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-top: 1px solid #a7a6a6;
	margin-top: 50px;
	padding: 1em 0;
}
.footer-contents .footer-nav .footer-nav-col ul{
	display:flex;
	flex-wrap: wrap;
}
.footer-contents .footer-nav .footer-nav-col ul li{
	margin-right: 30px;
	padding: 0.5em 0;
}

/*--------------------------------------------------------------
>>> symptoms selectors
----------------------------------------------------------------*/
.symptoms-selectors{
	display: flex;
	justify-content: center;
	background: #edf4fc;
	padding: 20px 3%;
}
.symptoms-body-inner{
	width: 286px;
	height: 0;
	padding-top: 310px;
	position: relative;
}
.symptoms-img, .symptoms-button{
	position: absolute;
}
.symptoms-img{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.symptoms-item{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: calc(100% - 286px);
	max-width: 546px;
	margin-left: 6%;
}
.symptoms-item-block{
	display: none;
	margin-bottom: 20px;
}
.symptoms-item-block:last-child{
	margin-bottom: 0;
}
.symptoms-item-block h4{
	color: #221815;
	font-size: 1.125rem;
	font-weight: normal;
	border-left: 4px solid currentColor;
	margin: 12px 0 20px;
	padding: 2px 12px;
	line-height: 1;
}
.symptoms-item-list{
	display: flex;
	flex-wrap: wrap;
	margin-right: -16px;
	min-width: 210px;
}
.symptoms-item-list li{
	list-style: none;
	margin-right: 16px;
	margin-bottom: 20px;
}
.symptoms-button, .symptoms-link{
	display: block;
	background: #fff;
	border: 1px solid #0068cb;
	border-radius: 4px;
	text-decoration: none;
	font-size: 0.875rem !important;
	font-weight: bold !important;
}
.symptoms-button{
	width: 80px;
	height: 65px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.1;
	cursor: pointer;
}
.symptoms-button:hover{
	color: #fff;
	background: #0068cb;
	opacity: 1;
}
.symptoms-button span{
	text-align: left;
}
.symptoms-body01, .symptoms-body03, .symptoms-body05, .symptoms-body07{
	left: 0;
}
.symptoms-body02, .symptoms-body04, .symptoms-body06, .symptoms-body08{
	right: 0;
}
.symptoms-body01, .symptoms-body02{
	top: 12px;
}
.symptoms-body03, .symptoms-body04{
	top: 85px;
}
.symptoms-body05, .symptoms-body06{
	bottom: 85px;
}
.symptoms-body07, .symptoms-body08{
	bottom: 12px;
}
.symptoms-link{
	color: #0068cb;
	width: 94px;
	height: 110px;
	position: relative;
}
.symptoms-link:hover{
	background: #c0d7f1;
	opacity: 1;
}
.symptoms-link img, .symptoms-link span{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.symptoms-link img{
	margin-top: -10px;
}
.symptoms-link span{
	text-align: center;
	position: absolute;
	margin-top: 36px;
	width: 100%;
}
.symptoms-item-block.symps01{
	display: block
}

/*--------------------------------------------------------------
>>> search form button
----------------------------------------------------------------*/
.search-box form .tc input[type="button"]{
	background:#1e6097;
	font-weight:bold;
	color:#fff;
	border:none;
	border-radius:5px;
	/* padding: 5px 10px; */
	padding: 10px;
	/* margin-left:0.8em; */
	margin: 1em 0.5em;
	cursor:pointer;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	transition: 0.5s;
	-webkit-appearance: none;
}
.search-box form .tc input[type="button"]:hover{
	opacity: 0.8;
}
.search-box form .tc input[type="button"]:first-of-type{
	background: #f19149;
	padding-right: calc(10px + 1.5em);
	padding-left: calc(10px + 1.5em);
}

/*--------------------------------------------------------------
>>> side banner
----------------------------------------------------------------*/
.sidebar ul.side-banner{
	list-style: none;
}
.sidebar ul.side-banner li{
	margin-top: 20px;
	text-align: center;
}
.sidebar ul.side-banner li a{
	display: inline-block;
}
.sidebar ul.side-banner li.online a{
	border: 1px solid #999;
}

/*--------------------------------------------------------------
>>> pagetop
----------------------------------------------------------------*/
.pagetop {
	bottom: 1%;
	display: inline-block;
	position: fixed;
	right: 2%;
	z-index: 7000;
}
.pagetop-button {
	background-color: #a7a7a7;
	border-radius: 50%;
	display: block;
	height: 80px;
	position: relative;
	transition: 0.5s;
	width: 80px;
}
.pagetop-button:focus, .pagetop-button:hover {
	opacity: 0.75;
}
.pagetop-button span {
	display: inline-block;
	color: #fff;
	font-size: 14px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	letter-spacing: 0.25em;
	padding-top: 24px;
	background: top center / 18px 20px no-repeat url(./images/common/icon-pagetop.png);
}

/*--------------------------------------------------------------
>>> movie_list
----------------------------------------------------------------*/
ul.movie_list{
	display:flex;
	flex-wrap:wrap;
	border-top:1px solid #999;
	background:#f1f1f1;
	padding:20px 10px;
}
ul.movie_list li{
	list-style:none;
	margin-right:1%;
	width:calc(95% / 6);
	padding-bottom:10px;
	margin-bottom:20px;
}
ul.movie_list li:nth-child(6n){
	margin-right:0;
}
ul.movie_list li .thumbnail-block{
	display:block;
	position:relative;
}
ul.movie_list li .movie-type{
	color:#fff;
	background:#1e6097;
	font-weight:normal;
	font-size:0.6rem;
	padding:2px 10px;
}
ul.movie_list li .movie-type.type1{
	background:#004074;
}
ul.movie_list li .movie-type.type2{
	background:#1e6097;
}
ul.movie_list li .movie-type.type3{
	background:#1e7697;
}
ul.movie_list li .movie-type.type4{
	background:#354197;
}

ul.movie_list li .thumbnail{
	width:100%;
	aspect-ratio:16 / 9;
	object-fit:cover;
}
ul.movie_list li a{
	text-decoration:none;
}
ul.movie_list li h3{
	border:none;
	margin-bottom:0.4em;
	margin-top:0.4em;
	padding:0;
	font-size:0.9rem;
}
ul.movie_list li h3:before{
	content:none;
}
ul.movie_list li .tag_list{
	display:flex;
	flex-wrap:wrap;
}
ul.movie_list li .tag_list li{
	display:list-item;
	margin-right:1.5em;
	margin-bottom:0.5em;
	list-style:square inside;
	font-size:0.7rem;
	color:#999;
	width:auto;
	padding-bottom:0;
}
ul.movie_list li .detail{
	text-align:right;
	margin-top:5px;
}
ul.movie_list li .detail a{
	/*border:1px solid #0169ca;*/
	color:#0169ca;
	text-decoration:underline;
	font-size:0.7rem;
	display:inline-block;
	padding:2px 10px;
	vertical-align:middle;
}
/*ul.movie_list li .detail a:before{
	content:url(/wp-content/themes/dchoku/images/common/blue-arrow.png);
	vertical-align:top;
	margin-right:5px;
}*/
ul.movie_list li .movie-modal{
	max-width:900px;
	aspect-ratio: 16 / 9;
}
ul.movie_list li .movie-modal .modal_inner{
	height:100%;
}
ul.movie_list li .movie-modal iframe{
	width:100%;
	height:100%;
}
.movie-modal{
	overflow:hidden;
}
.movie-modal .modal_close{
	position:absolute;
	top:0px;
	right:0px;
	background:#555;
	color:#fff;
	border:none;
	font-size:1.5rem;
	padding:2px 7px;
	line-height:1em;
}

/*--------------------------------------------------------------
>>> symptoms new
----------------------------------------------------------------*/
.page-symptoms * {
	box-sizing: border-box;
}
.page-symptoms .symptoms-title {
	color: #4d4d4d;
	background: transparent;
	position: relative;
	margin: 2em 0 1em;
	padding: 0 0 5px;
	border-bottom: 4px solid #c8d3dd;
	font-size: 1.375em;
}
.page-symptoms .symptoms-title:before {
	position: absolute;
	bottom: -4px;
	right: 0;
	width: 36%;
	height: 4px;
	content: "";
	background: #88b5df;
}
.page-symptoms .symptoms-selectors-wrap, #top_body .symptoms-selectors-wrap {
	padding: 20px 2%;
	box-shadow: 0 0 10px #cfd4d7;
}
.page-symptoms .symptoms-selectors, #top_body .symptoms-selectors-wrap .symptoms-selectors {
	background-image: url(images/symptoms/bg_selector_pc_top.png), url(images/symptoms/bg_selector_pc_bottom.png), url(images/symptoms/bg_selector_pc_middle.png);
	background-repeat: no-repeat, no-repeat, repeat-y;
	background-position: top center, bottom center, top center;
	background-size: 100% auto, 100% auto, 100% auto;
	padding: 40px 3% 20px;
}
.page-symptoms .symptoms-item-block h4, #top_body .symptoms-selectors-wrap .symptoms-item-block h4 {
	color: #fff;
}
.page-symptoms .symptoms-button, .page-symptoms .symptoms-link, #top_body .symptoms-selectors-wrap .symptoms-button, #top_body .symptoms-selectors-wrap .symptoms-link {
	color: #4374a8;
	background: #fff;
	border: 2px solid transparent;
}
.page-symptoms .symptoms-button:hover, .page-symptoms .symptoms-link:hover, #top_body .symptoms-selectors-wrap .symptoms-button:hover, #top_body .symptoms-selectors-wrap .symptoms-link:hover {
	color: #fff;
	background: #a0cbe9;
	border-color: #fff;
	box-shadow: 1px 0 16px #fff;
}
.page-symptoms .symptoms-button:hover span, .page-symptoms .symptoms-link:hover span, #top_body .symptoms-selectors-wrap .symptoms-button:hover span, #top_body .symptoms-selectors-wrap .symptoms-link:hover span {
	text-shadow: 1px 0 8px #b9cada;
}
.page-symptoms .symptoms-link, #top_body .symptoms-selectors-wrap .symptoms-link {
	width: 92px;
	height: 106px;
}
#top_body .symptoms-selectors-wrap, #top_body .symptoms-selectors-wrap * {
	box-sizing: border-box;
}
.page-symptoms .symptoms-category-heading {
	color: #4d4d4d;
	padding-left: 2em;
	border-bottom: 1px dotted currentColor;
	position: relative;
}
.page-symptoms .symptoms-category-heading::before, .page-symptoms .symptoms-category-heading::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.page-symptoms .symptoms-category-heading::before {
	width: 1.2em;
	height: 1.2em;
	background: #4a83bc;
	border-radius: 50%;
	left: 0;
}
.page-symptoms .symptoms-category-heading::after {
	width: 0.8em;
	height: 0.8em;
	background: center / contain no-repeat url(images/symptoms/icon_shojo.png);
	left: 0.2em;
}
.page-symptoms .symptoms-category-label {
	display: block;
	color: #fff;
	background: #4a83bc;
	font-size: 1.25em;
	padding: 0.5em 0.75em;
	border: 0;
	position: relative;
}
.page-symptoms .symptoms-category-label::before {
	display: none;
}
.page-symptoms .symptoms-medication-list {
	list-style: none;
	display: flex;
	position: relative;
	z-index: 1;
	flex-wrap:wrap;
	margin-top: 1px;
	margin-left: 1px;
}
.page-symptoms .symptoms-medication-list li {
	flex-basis: 50%;
	padding: 0.5em 0.75em;
	border: 1px solid #a6a6a6;
	margin-top: -1px;
	margin-left: -1px;
}
.page-symptoms .symptoms-medication-list li a {
	display: block;
	color: #1e6097;
	font-weight: bold;
	text-decoration: none;
}
.page-symptoms .symptoms-pagetop {
	width: 100%;
	background: #fff;
	border-top: 1px solid #515151;
	padding: 2em;
	text-align: center;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 6000;
	display: none;
	animation-name: fadeInSymp;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}
@keyframes fadeInSymp {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
.page-symptoms .symptoms-pagetop.is-active {
	display: block;
	opacity: 1;
}
.page-symptoms .symptoms-pagetop h2 {
	display: block;
	color: #515151;
	font-size: 1.25em;
	margin: 0 0 0.5em;
	padding: 0;
}
.page-symptoms .symptoms-pagetop a {
	display: inline-block;
	color: #1e6097;
	font-size: 1.375em;
	font-weight: bold;
	border: 1px solid currentColor;
	border-radius: 3px;
	padding: 0.75em 2.5em 0.75em 1.5em;
	text-decoration: none;
	line-height: 1;
	letter-spacing: 0.25em;
	position: relative;
}
.page-symptoms .symptoms-pagetop a::after {
	content: "";
	display: inline-block;
	width: 0.63em;
	height: 0.63em;
	background: center / contain no-repeat url(images/symptoms/icon_top.png);
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
}

/*--------------------------------------------------------------
>>> h1 new
----------------------------------------------------------------*/
.title-h-top {
	color: #404040 !important;
	background: transparent !important;
	font-size: 1.5rem !important;
	margin: 2em 0 1em !important;
	padding: 0 0 5px !important;
	border-bottom: 4px solid #c8d3dd !important;
	border-radius: 0 !important;
	position: relative !important;
}
.title-h-top::before {
	display: none;
}
.title-h-top:after {
	position: absolute;
	bottom: -4px;
	right: 0;
	width: 36%;
	height: 4px;
	content: "";
	background: #88b5df;
}

/*--------------------------------------------------------------
>>> common button new
----------------------------------------------------------------*/
.button-basic, button.button-basic, input[type="submit"].button-basic, input[type="button"].button-basic, input[type="reset"].button-basic {
    box-sizing: border-box;
    display: inline-block !important;
    width: 98%;
    max-width: 335px;
    color: #fff;
    background-color: #0169ca;
    font-size: 1rem;
    font-weight: bold;
    margin: 1em 1%;
    padding: 0.8em 1em;
    text-align: center;
    position: relative;
    text-decoration: none;
    border: 1px solid #00274a;
    border-radius: 3em;
    cursor: pointer;
    transition: 0.5s;
}
.button-basic:hover, button.button-basic:hover, input[type="submit"].button-basic:hover, input[type="button"].button-basic:hover, input[type="reset"].button-basic:hover {
    opacity: 0.7;
}
.button-basic-cancel, button.button-basic-cancel, input[type="button"].button-basic-cancel, input[type="reset"].button-basic-cancel {
    background-color: #7c7676 !important;
	border-color: #716161 !important;
}
.button-basic-back::after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
	background: center / contain no-repeat url(images/waiting/icon_arrow_right.png);
}
.button-basic-arrow::after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
	background: center / contain no-repeat url(images/waiting/icon_arrow_right.png);
}
.button-basic-sub, button.button-basic-sub, input[type="submit"].button-basic-sub, input[type="button"].button-basic-sub, input[type="reset"].button-basic-sub {
	width: auto;
	max-width: auto;
	padding: 0.5em 1em;
}
.button-basic-wrap-center {
	text-align: center;
}

/*--------------------------------------------------------------
>>> form basic new
----------------------------------------------------------------*/
.form-basic, .form-basic * {
	box-sizing: border-box;
}
.form-basic {
	max-width: 920px;
}
.form-basic input[type="text"], .form-basic input[type="email"], .form-basic input[type="tel"], .form-basic input[type="password"], .form-basic textarea, .form-basic select {
	border: 1px solid #231916;
	padding: 0.8em;
	width: 100%;
	font-family: inherit;
	font-size: inherit;
	max-width: 100%;
	border-radius: 5px;
}
.form-basic input[type="text"]::placeholder, .form-basic input[type="email"]::placeholder, .form-basic input[type="tel"]::placeholder, .form-basic input[type="password"]::placeholder, .form-basic textarea::placeholder {
	color: #cdcdcd;
}
.form-basic input.add-number {
	margin-left: 0;
}
.form-basic fieldset {
	margin: 1em 0 0;
	padding: 0;
	border: 0;
}
.form-basic fieldset:first-child {
    margin-top: 0;
}
.form-basic legend {
	display: block;
	margin: 0 0 0.5em;
	padding: 0;
}
.form-basic select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	background: transparent;
}
.form-basic .basic-radio label, .form-basic .basic-checkbox label {
	display: inline-block;
	margin-top: 0.5em;
}
.form-basic .basic-radio label > span, .form-basic .basic-checkbox label > span {
	display: inline-block;
	position: relative;
	cursor: pointer;
	padding-left: 1.5em;
	padding-right: 1em;
}
.form-basic .basic-radio label > span::before, .form-basic .basic-radio label > span::after,
.form-basic .basic-checkbox label > span::before, .form-basic .basic-checkbox label > span::after {
	content: "";
	display: block; 
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
}
.form-basic .basic-radio label > span::before, .form-basic .basic-checkbox label > span::before {
	background-color: transparent;
	border: 1px solid #000;
	width: 0.8em;
	height: 0.8em;
	left: 0;
}
.form-basic .basic-radio label > span::after, .form-basic .basic-checkbox label > span::after {
	background-color: #ef81ab;
	width: calc(0.8em + 2px);
	height: calc(0.8em + 2px);
	left: 0;
	opacity: 0;
}
.form-basic .basic-radio label > span::before, .form-basic .basic-radio label > span::after {
	border-radius: 50%;
}
.form-basic .basic-radio input:checked + span::before, .form-basic .basic-checkbox input:checked + span::before {
	border-color: #ef81ab;
}
.form-basic .basic-radio input:checked + span::after, .form-basic .basic-checkbox input:checked + span::after {
	opacity: 1;
}
.form-basic .basic-checkbox input:checked + span::before {
	background: center / contain no-repeat url(images/common/icon_check.png);
	z-index: 2;
}
.form-basic .basic-checkbox input:checked + span::after {
	z-index: 1;
}
.form-basic .basic-radio input[type="radio"], .form-basic .basic-checkbox input[type="checkbox"] {
	position: absolute;
	white-space: nowrap;
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	overflow: hidden;
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
}
.form-basic .select-wrap {
	width: 100%;
    max-width: 360px;
	position: relative;
	display: inline-block;
}
.form-basic .select-wrap::after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
	background: center / contain no-repeat url(images/common/icon_select_down.png);
	pointer-events: none;
}
.form-basic select {
	padding-right: 3em;
	cursor: pointer;
}
.form-basic ul {
	list-style: none;
}
.form-basic dl {
	display: flex;
	margin: 0 auto 40px;
}
.form-basic dt {
	width: 11em;
	padding-right: 1em;
}
.form-basic dd {
	margin: 0;
	flex: 1;
}
.form-basic dt label span {
	color: inherit;
    padding: 0;
}
.form-basic dd.comfirm {
	text-indent: 0;
}
.form-basic .i-block {
	display: inline-block;
}
.form-basic .form-group-unit {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.form-basic .form-horizontal {
	display: flex;
	align-items: center;
}
.form-basic .form-birthday {
	align-items: flex-end;
	margin-right: 2em;
}
.form-basic .form-birthday span {
	margin: 0 0.5em;
}
.form-basic .form-birthday input {
	width: 5em;
}
.form-basic .button-basic, .form-basic button.button-basic, input[type="submit"].button-basic, .form-basic input[type="button"].button-basic{
	background-color: #ef81ab;
	border-color: #bc4572;
}
.form-basic .button-basic-back::after {
	display: none;
}
.form-basic .note {
	font-size: 0.875em;
	margin: 0 0 0.5em;
}
.form-basic .icon-required {
	display: inline-block;
	color: #ef81ab !important;
	font-size: 0.875em;
	font-weight: bold;
	vertical-align: middle;
	padding: 0 0.5em;
	margin-left: 0.5em;
}
.form-basic .appli-result {
	text-indent: -1em;
	padding-right: 1em;
	overflow: hidden;
	position: relative;
}
.form-basic .appli-result span::before {
	content: "／";
}
.form-basic .basic-privacy {
	text-align: center;
}
.form-basic .zip input[type="text"] {
	max-width: 10em;
	margin-right: 1em;
}
.form-basic2 dl {
	flex-direction: column;
	margin-bottom: 20px;
}
.form-basic2 dt {
	width: 100%;
	font-weight: normal;
	margin-bottom: 0.5em;
}

/*--------------------------------------------------------------
>>> basic sidebar
----------------------------------------------------------------*/
.side-basic, .side-basic * {
	box-sizing: border-box;
}
.side-basic .side-widget {
	margin-bottom: 30px;
}
.side-basic .widget-title, .side-basic .widget-heading {
	font-family: "Noto Sans JP", Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
}
.side-basic .widget-title {
	color: #4a83bc;
	font-size: 25px;
	margin: 0 0 1em;
	text-align: center;
	line-height: 1;
}
.side-basic .widget-ranking {
	background: #edf4fc;
	padding: 30px 10px 10px;
}
.side-basic .ranking-title span {
	display: inline-block;
	padding-left: 1.5em;
	position: relative;
}
.side-basic .ranking-title span::before {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	background: center / contain no-repeat url(images/top/icon_ranking.png);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.side-basic .widget-ranking .widget-contents {
	background: #fff;
	padding: 20px 10px;
	margin-bottom: 20px;
	border: 1px solid #4a83bc;
	overflow-x: hidden;
}
.side-basic .ranking-heading {
	color: #404040;
	font-size: 20px;
	margin: 0 0 1em;
	padding: 0;
	text-align: center;
	line-height: 1;
	border: 0;
}
.side-basic .ranking-heading::before {
	display: none;
}
.side-basic .ranking-list {
	list-style: none;
	font-size: 14px;
	padding: 0;
}
.side-basic .ranking-list li {
	padding: 1em 0;
}
.side-basic .ranking-list li + li {
	border-top: 1px solid #b5b5b5;
}
.side-basic .ranking-post {
	display: flex;
	text-decoration: none;
}
.side-basic .ranking-post-image {
	width: 60px;
	height: 40px;
	margin: 0 1em 0 0;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.side-basic .ranking-post-image img {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
	object-fit: contain;
	z-index: 2;
}
.side-basic .ranking-post-image::before {
	display: inline-block;
	color: #fff;
	width: 15px;
	font-family: "Noto Sans JP", Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding: 3px 0;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1;
	z-index: 3;
}
.side-basic .ranking-list li:nth-of-type(1) .ranking-post-image::before {
	content: "1";
	background: #d6b42e;
}
.side-basic .ranking-list li:nth-of-type(2) .ranking-post-image::before {
	content: "2";
	background: #b2b2b2;
}
.side-basic .ranking-list li:nth-of-type(3) .ranking-post-image::before {
	content: "3";
	background: #9f7852;
}
.side-basic .ranking-post-contents {
	flex: 1;
}
.side-basic .ranking-post-title {
	font-size: 16px;
	margin: 0;
}
.side-basic .ranking-post-text {
	margin: 0.5em 0;
}
.side-basic .ranking-post-date {
	color: #ababab;
}
.side-basic .ranking-more-wrap {
	margin-top: -1em;
	text-align: right;
}
.side-basic .ranking-more {
	display: inline-block;
	font-size: 14px;
	border-bottom: 1px solid currentColor;
	text-decoration: none;
}
.side-basic .ranking-more:hover {
	border-bottom-color: transparent;
} 
.side-basic .ranking-more::before {
	content: ">>";
}
.side-basic .keyword-item {
	display: inline-block;
	font-weight: bold;
	margin: 0 10px 10px 0;
	padding: 0.625em 1em;
	border: 1px solid #4a83bc;
	border-radius: 3px;
	text-decoration: none;
	line-height: 1;
}
.side-basic + .info {
	margin-right: 5px;
}
.modal-bg-side {
	background:rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
	z-index:55555;
	display:none;
}
.modal-side {
	max-height: 70vh;
}

/*--------------------------------------------------------------
>>> search variety form
----------------------------------------------------------------*/
.search-variety, .search-variety * {
	box-sizing: border-box;
}
.search-variety {
	color: #616161;
}
.search-variety .widget-title {
	display: block;
	color:#333;
	border-bottom:1px dotted #aaa;
	font-family: "Noto Sans JP", Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
	font-size: 20px;
	margin: 0 0 1em;
	padding: 12px 18px;
	line-height: 1;
	text-align:left;
}
.search-variety .search-widget {
	margin-bottom: 30px;
}
.search-variety .search-widget-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	margin-bottom: -0.5em;
}
.search-variety .search-widget-list li {
	width: 100%;
	max-width: 360px;
	margin-bottom: 0.5em;
	text-align: left;
}
.search-variety .widget-search-primary {
	border: 1px solid #1e6097;
}
.search-variety .widget-search-primary .search-title {
	font-size: 20px;
	margin: 0;
	padding: 22px 18px;
	padding-left: calc(18px + 50px);
	position: relative;
}
.search-variety .widget-search-primary .search-title span {
	font-size: 26px;
}
.search-variety .widget-search-primary .search-title::before {
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 18px;
	top: 50%;
	transform: translateY(-50%);
	background: center / contain no-repeat url(images/common/icon_area.png);
}
.search-variety .widget-search-department .search-title::before {
	background-image: url(images/common/icon_kamoku.png);
}
.search-variety .widget-search-primary .search-contents {
	padding: 18px;
}
.search-variety .search-down {
	background: #edf4fc;
	border-top: 1px solid #1e6097;
}
.search-variety .search-down-button {
	display: block;
	color: #1e6097;
	font-size: 26px;
	font-weight: bold;
	padding: 22px 18px;
	position: relative;
	cursor: pointer;
	text-decoration: none;
}
.search-variety .search-down-button::after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
	background: center / contain no-repeat url(images/common/icon_arrow_d.png);
}
.search-variety .search-down-button:hover {
	opacity: 1;
}
.search-variety #search-down-area + * {
	display: none;
}
.search-variety .search-select-down-wrap {
	background: #edf4fc;
	border-top: 1px solid #1e6097;
	position: relative;
	z-index: 1;
}
.search-variety .search-select-down-wrap select {
	margin-top: 1em;
	margin-left: 1em;
}
.search-variety .widget-search-department .search-widget-list {
	justify-content: flex-start;
}
.search-variety .widget-search-department .search-widget-list:not(:last-child) {
	margin-bottom: 1em;
}
.search-variety input[type="text"] {
	width: 100%;
	max-width: 100%;
	padding: 0.25em;
}
.search-variety button {
	background: none;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: inherit;
}
.search-variety .search-checkbox-unit > * {
	flex-basis: calc(100% / 4);
}
.search-variety .search-checkbox-wrap {
	display: flex;
	flex-direction: column;
}
.search-variety input {
	font-family: inherit;
}
.search-variety .widget-search-area .search-checkbox-label > span {
	position: relative;
	display: inline-block;
	margin-left: 5px;
	transform: translateY(3px);
}
.search-variety .widget-search-area .search-checkbox-label > span::after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 29px;
	margin-top: -3px;
	position: absolute;
	left: 225px;
	top: 50%;
	transform: translateY(-50%);
	background: center / contain no-repeat url(images/common/icon_map_marker.png);
}
.search-variety .widget-search-area .search-checkbox {
	font-size: 26px;
}
.search-variety .widget-search-area .search-checkbox-span strong {
	font-size: 26px;
	font-weight: normal;
}
.search-variety .search-area-contents {
	padding: 0 18px 18px;
}
.search-variety .widget-search-area .search-area-select {
	display: flex;
	flex-wrap: wrap;
}
.search-variety .search-select-down-wrap select:first-child {
	margin-left: 0;
}
.search-variety .widget-search-time .search-time-span {
	font-size: 20px;
	font-weight: bold;
}
.search-variety .widget-search-time .search-time {
	display: flex;
	align-items: center;
	margin-bottom: 1em;
}
.search-variety .widget-search-time .search-time input[type="time"] {
	flex: 1;
	max-width: 172px;
}
.search-variety .widget-search-time .search-time .time-between {
	margin: 0 0.5em;
}
.search-variety .search-department-heading {
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding: 1em 0;
	border-top: 1px solid #bfbfbf;
	border-bottom: 0;
}
.search-variety .search-department-heading::before {
	display: none;
}
.search-variety .search-department-heading:first-child {
	padding-top: 1em 0;
	border-top: 0;
}
.search-variety .search-department-contents {
	padding: 0 18px 18px;
}
.search-variety .search-department-contents select {
	width: 100%;
}
.search-variety .search-app-list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
.search-variety .search-app-list li {
	width: calc((100% - 8px) / 2);
	max-width: 168px;
	margin: 0 8px 8px 0;
}
.search-variety .search-app-label > span {
	cursor: pointer;
}
.search-variety .search-app-checkbox {
	display: none;
}
.search-variety .search-app-span {
	display: block;
	border: 1px solid #eee;
	width: 100%;
	height: 0;
	padding-top: 35.43%;
	text-indent: 100%;
	overflow: hidden;
	position: relative;
	background: center / cover no-repeat url(images/common/sample-movie2.png);
}
.search-variety .app1 .search-app-span {
	background-image: url(images/common/CLINICS.png);
}
.search-variety .app2 .search-app-span {
	background-image: url(images/common/curon.png);
}
.search-variety .app3 .search-app-span {
	background-image: url(images/common/PocketDoctor.png);
}
.search-variety .app4 .search-app-span {
	background-image: url(images/common/CARADA.png);
}
.search-variety .app5 .search-app-span {
	background-image: url(images/common/YaDoc.png);
}
.search-variety .app6 .search-app-span {
	background-image: url(images/common/linedoctor.png);
}
.search-variety .app7 .search-app-span {
	background-image: url(images/common/lunaluna.png);
}
.search-variety .app8 .search-app-span {
	background-image: url(images/common/kakari.png);
}
.search-variety .app9 .search-app-span {
	background-image: url(images/common/sokuyaku.png);
}
.search-variety .app12 .search-app-span {
	background-image: url(images/common/ISHACHOKU.png);
}
.search-variety .search-app-span::before {
	content: "";
	display: block;
	width: calc(100% - 5px * 2);
	height: calc(100% - 5px * 2);
	border: 5px solid transparent;
	position: absolute;
	left: 0;
	top: 0;
}
.search-variety .search-app-checkbox:checked + .search-app-span::before {
	border-color: #226399;
}
.search-variety .side-search-submit button, .search-variety .side-search-submit span {
	display: block;
	color: #fff;
	background: #1e6097;
	width: 100%;
	max-width: 296px;
	margin: 40px auto;
	padding: 1em;
	text-align: center;
	border-radius: 2em;
	line-height: 1;
}
.modal-department {
	z-index: 222222;
}
.modal-search {
	padding: 0;
	overflow: auto;
	max-height: auto;
}
.modal-search-inner {
	position: relative;
	z-index: 1;
}
.modal-search .search-variety {
	max-height: 90vh;
	overflow-y: scroll;
	padding:5px 10px 70px;
}
.modal-search .search-variety .search-submit-group {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	display: flex;
	justify-content: center;
}
.modal-search .search-variety .search-submit-group button {
	color: #fff;
	background: #eee;
	font-size: 1rem;
	font-weight: bold;
	margin: 1em 0.5em;
	padding: 1em;
	text-align: center;
	border-radius: 2em;
	line-height: 1;
	text-align: center;
	width: 292px;
}
.modal-search .search-variety .search-submit-group .search-submit-all {
	background: #f68080;
}
.modal-search .search-variety .search-submit-group .search-submit-online {
	background: #185d96;
}
.modal-search .search-variety .widget-contents {
	padding: 0 18px;
}
.modal-search .search-variety .widget-search-primary {
	border: 0;
}
.modal-search .search-variety .widget-search-primary .widget-contents:first-of-type p {
	margin-bottom: 0;
}
.modal-search .search-variety .search-select-down-wrap {
	background: transparent;
	border-top: 0;
}
.modal-search .search-variety .search-down-button {
	display: none;
}
.modal-search .search-variety .widget-search-primary .search-title {
	margin-bottom: 18px;
}
.modal-search .search-variety .search-department-heading {
	font-size: 24px;
}
.modal-search .search-variety .widget-search-department .search-widget-list li {
	width: auto;
	max-width: auto !important;
	margin-right: 1em;
}
.modal-side .search-variety .search-department-contents {
	padding: 0;
}

/*--------------------------------------------------------------
>>> 記事検索結果
----------------------------------------------------------------*/
.search-result .coverage-area-col, .search-result .coverage-more {
	text-decoration: none;
}
.search-result .coverage-image figure {
	background: center / cover no-repeat url(images/common/sample-img2.png);
}
.search-article.page-search .word-search .input-wrap::before {
	background: center/contain no-repeat url(images/common/icon_search_lg.png);
	content: "";
	display: inline-block;
	height: 1em;
	left: 1em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1em;
}
.search-article .search-result .result-coverage {
	margin-top: 2em;
}
.search-article .search-result .coverage-area-col, .search-result .coverage-more {
	color: #565656;
}
.search-article .search-result .coverage-more::before {
	display: none;
}
.search-article .search-result .coverage-image {
	width: 20%;
	flex-basis: 20%;
}
.search-article .search-result .coverage-image figure {
	padding-top: 100%;
	background: center / cover no-repeat url(images/common/sample-img2.png);
}
.search-article .search-result .coverage-image img {
	height: 100%;
	object-fit: cover;
}
.search-article .search-result .coverage-area-title {
	font-size: 1.25em;
}
.search-article .search-result .coverage-post-text {
	font-size: 0.875em;
}
.search-article .search-result .result-dictionary .coverage-post-title {
	font-size: 1.125em;
}
.search-article .result-dictionary .coverage-area-col:nth-child(odd) {
	flex-basis: calc(49% - 1.25em);
	padding-left: 1.25em;
}
.search-article-all .search-result .coverage-area-col:nth-child(n+5) {
	display: none;
}

/*--------------------------------------------------------------
 新スタイルCSSリセット
----------------------------------------------------------------*/
.new-style {
	color: #6b6b6b;
}
.new-style * {
	box-sizing: border-box;
}
.new-style select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	outline: none;
	background: transparent;
	font: inherit;
	cursor: pointer;
}
.new-style .select-wrap {
	position: relative;
}
.new-style .select-wrap::after {
	display: inline-block;
	position: absolute;
	pointer-events: none;
}
.new-style button, .new-style input[type="submit"], .new-style input[type="button"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 0;
	border: none;
	outline: none;
	background: transparent;
	font: inherit;
	cursor: pointer;
}
.new-style ul {
	list-style: none;
}
.new-style dd {
	margin: 0;
}
.new-style h1, .new-style h2, .new-style h3, .new-style h4, .new-style h5, .new-style h6 {
	background: transparent;
	font-weight: 700;
	margin-top: 0;
}
.new-style h3 {
	border: none;
}
.new-style h3::before {
	display: none;
}
.new-style p {
	line-height: 1.7;
}
.new-style a {
	text-decoration: none;
}
.new-style figure {
	margin: 0;
}

/* ぺージネーション */
.new-style .pagination {
	margin: 2em 0;
}
.new-style .pagination .nav-links .page-numbers {
	border-radius: 5px;
}
.new-style .pagination .nav-links a {
	background: #1e6097;
	border-color: #1e6097;
}

/* モーダル内ボタン */
.modal-basic .modal-title {
    border-bottom: 1px dotted currentColor;
    color: #404040;
    font-size: 14px;
    margin: 0 0 0.5em;
    padding: 0;
    text-align: left;
}
.modal-basic .modal-keyword-unit {
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.modal-basic .modal-keyword-list {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.modal-basic .modal-keyword-item {
	background: #edf4fc;
	border: 1px solid #1e6097;
	border-radius: 2em;
	cursor: pointer;
	font-size: 15px;
	font-weight: 400;
	margin: 0.75em 0.75em 0 0;
	line-height: 1;
	padding: 0.4em 1.25em;
	white-space: nowrap;
	transition: 0.5s all;
}
.modal-basic .modal-keyword-item:hover {
	color: #FFF;
	background: #1e6097;
}
.modal-basic .modal-keyword-button {
	background: #1e6097;
	border: 1px solid #1e6097;
	border-radius: 2em;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	margin: 0.75em 0.75em 0 0;
	line-height: 1;
	padding: 0.4em 1.25em;
	white-space: nowrap;
}
.modal-basic .modal-keyword-button:hover {
	background: #edf4fc;
	color: #404040;
}
.modal-basic .modal-keyword-unit .modal-keyword-title {
	font-size: 17px;
	font-weight: 700;
	line-height: 1;
	margin: 0.5em 0.5em 0 0;
	white-space: nowrap;
}
.modal-basic .modal-keyword-unit .modal-keyword-title::after {
	content: "＞";
	margin-left: 0.5em;
}
.modal-basic select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	width: 100%;
	max-width: 100%;
	background: transparent;
	font-family: inherit;
	font-size: 15px;
	margin: 0;
	padding: 0.5em;
	padding-right: 3em;
	border: 1px solid #666;
	cursor: pointer;
}
.modal-basic .select-wrap {
	width: 100%;
    max-width: 360px;
	position: relative;
	display: block;
	margin: 1em auto;
}
.modal-basic .select-wrap::after {
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
	background: center / contain no-repeat url(images/common/icon_select_down.png);
	pointer-events: none;
}

/*--------------------------------------------------------------
>>> freeword search form
----------------------------------------------------------------*/
.search-free .search-free-area {
	box-shadow: 0 0 10px rgb(0 0 0 / 30%);
}
.search-free .search-free-title, .search-free .search-free-contents {
	padding: 0 20px;
}
.search-free .search-free-title > span, .search-free .search-free-contents-inner {
	display: block;
	max-width: 960px;
	margin: 0 auto;
}
.search-free .search-free-title {
	color: #1e6097;
	background: #edf4fc;
	font-size: 1rem;
	border: 2px solid #fff;
	margin: 0;
}
.search-free .search-free-title > span {
	padding: 1em 0;
}
.search-free .button-search-free {
	color: #fff;
	background: #1e6097;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.25em;
	padding: 0.5em 0.75em 0.5em 1em;
	text-align: center;
	border: 4px solid #75a6cf;
	border-radius: 8px;
	box-shadow: 0 4px 0 rgb(0 0 0 / 30%);
}
.search-free .search-free-contents input[type="text"] {
	font-family: inherit;
	margin: 0;
	padding: 0.5em 1em;
	width: 100%;
	max-width: 100%;
	border: 1px solid transparent;
	border-radius: 8px;
	box-shadow: 0 0 6px rgb(0 0 0 / 30%);
}

/*--------------------------------------------------------------
>>> more button
----------------------------------------------------------------*/
.more-unit .more-button-wrap {
	margin-top: 1em;
	text-align: right;
}
.more-unit .more-list li {
	display: none;
}
.more-unit .more-list li.is-active {
	display: block;
}
.more-unit .more-button {
	display: inline-block;
	color: #565656;
	font-size: 0.875rem;
	font-weight: bold;
	padding: 0 0 0 1.5em;
	border-bottom: 1px solid currentColor !important;
	text-decoration: none;
	position: relative;
	cursor: pointer;
}
.more-unit .more-button::before {
	content: ">";
	font-size: 0.875em;
	position: absolute;
	left: 0.25em;
	top: 50%;
	transform: translateY(-52%) rotate(90deg);
}

/*--------------------------------------------------------------
>>> search basic
----------------------------------------------------------------*/
.search-basic * {
	box-sizing: border-box;
}
.search-basic {
	background: #fff;
	margin: 40px 0;
	position: relative;
	text-align: center;
}
.search-basic h3::before {
	display: none;
}
.search-basic ul {
	list-style: none;
}
.search-basic .search-area-tab {
	display: flex;
	justify-content: center;
	line-height: 1;
	font-size: 1.5em;
}
.search-basic .search-area-tab li {
	flex-basis: 50%;
	position: relative;
	box-shadow: 0 0 5px rgb(0 0 0 / 30%);
}
.search-basic .search-area-tab li::before {
	content: "";
	display: block;
	width: 100%;
	height: 11px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 2;
}
.search-basic .search-area-tab li.is-active::after {
	content: "";
	display: block;
	width: 11px;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 2;
}
.search-basic .search-area-tab li#search-clinic-tab.is-active::after {
	background: #fff;
	right: 0;
}
.search-basic .search-area-tab li#search-medical-tab.is-active::after {
	background: #eff1f1;
	right: 100%;
}
.search-basic .search-area-title {
	display: block;
	color: #4d4d4d;
	background: #eff1f1;
	font-size: 1em;
	font-weight: 700;
    line-height: 1;
	margin: 0 0 -1px;
	padding: 1em;
	white-space: nowrap;
	cursor: pointer;
	position: relative;
}
.search-basic .search-area-tab li.is-active .search-area-title {
	background: #fff;
}
.search-basic .search-area-title span {
	display: inline-block;
	padding-left: 2em;
	position: relative;
}
.search-basic .search-area-title span::before {
	content: "";
	display: inline-block;
	width: 2em;
	height: 1.28em;
	background: center / contain no-repeat url("images/top/icon_search-area-title_s.png");
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.search-basic #search-medical-tab .search-area-title span::before {
	background-image: url("images/top/icon_search-area-title_k.png");
}
.search-basic .search-area-contents {
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	display: none;
}
.search-basic .search-area-contents.is-active {
	display: block;
}
.search-basic .word-search {
	background: #ebebeb;
	padding: 1em;
}
.search-basic .word-search-header {
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.search-basic .word-search-title {
	flex: 1;
	border: 0;
	margin: 0 0 1em;
	padding: 0 1%;
	text-align: left;
}
.search-basic .word-search input[type="text"] {
	border: 1px solid transparent;
	border-radius: 4px;
	font-family: inherit;
	margin: 0;
	padding: 1em 1em 1em 2.5em;
	width: 100%;
	max-width: 100%;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.search-basic .word-search .input-wrap {
	margin-bottom: 1em;
	position: relative;
}
.search-basic .word-search .input-wrap::before {
	background: center/contain no-repeat url("images/common/icon_search_lg.png");
	content: "";
	display: inline-block;
	height: 1em;
	left: 1em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1em;
}
.search-basic .word-search .input-wrap-subject input[type="text"] {
	padding-left: calc(1.5em + 1.56em);
}
.search-basic .word-search .input-wrap-subject::before {
	background-image: url("images/common/icon_doctor_lg.png");
	height: 1.56em;
	width: 1.56em;
}
.search-basic .word-search .input-wrap-area input[type="text"] {
	padding-left: calc(1.5em + 1.75em);
}
.search-basic .word-search .input-wrap-area::before {
	background-image: url("images/common/icon_area_lg.png");
	height: 1.75em;
	width: 1.75em;
}
.search-basic .word-search .button-group {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 1em auto;
}
.search-basic .word-search .button-search {
	align-items: center;
	border: 4px solid #b5b5b5;
	border-radius: 8px;
	box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
	color: #fff;
	display: flex;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.25em;
	padding: 0.5em 1em;
	text-align: left;
}
.search-basic .word-search .button-search:hover {
	box-shadow: none;
	opacity: 0.8;
	margin-top: 4px;
	margin-bottom: -4px;
}
.search-basic .word-search .button-search-hospital {
	background-color: #e42993;
	border-color: #f6badc;
}
.search-basic .word-search .button-search-online {
	background-color: #1e6097;
	border-color: #75a6cf;
}
.search-basic .word-search .button-search:first-of-type {
	margin-right: 1em;
}
.search-basic .word-search .button-search br {
	display: none;
}
.search-basic .word-search .button-search img {
	margin-right: 0.5em;
}
.search-basic .word-search-header {
	align-items: center;
	display: flex;
	justify-content: flex-end;
}
.search-basic .word-search-header a {
	color: #474747;
	display: inline-block;
	font-size: 0.875em;
	position: relative;
	margin-bottom: 2em;
	text-decoration: none;
}
.search-basic .word-search-header a:hover {
	opacity: 1;
}
.search-basic .word-search-header a::after {
	border-bottom: 1px solid currentColor;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	width: 100%;
}
.search-basic .word-search-header a:hover::after {
	border-color: transparent;
}
.search-basic .search-input-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.search-basic .search-input-item {
	flex-basis: calc((100% - 4%) / 3);
	position: relative;
}
.search-basic .search-modal {
	background: #FFF;
	border-radius: 4px;
	box-shadow:0 0 10px rgb(0 0 0 / 30%);
	margin-top: -1em;
	max-width: 815px;
	padding: 30px;
	padding-top: calc(30px + 1.5em);
	position: absolute;
	top: 100%;
	width: calc(100vw * 0.83);
	z-index: 10000;
	visibility: hidden;
}
.search-basic .search-modal.is-active {
	visibility: visible;
}
.search-basic #modal-subject, .search-basic #modal-subject-none {
	left: 2.5%;
}
.search-basic #modal-area, .search-basic #modal-area-error, .search-basic #modal-area-none {
	left: 50%;
	transform: translateX(-50%);
}
.search-basic .search-modal .modal-container + .modal-container {
	margin-top: 2em;
}
.search-basic .search-modal .modal-title {
	border-bottom: 1px dotted currentColor;
	color: #404040;
	font-size: 14px;
	margin: 0 0 0.5em;
	padding: 0;
	text-align: left;
}
.search-basic .search-modal .modal-title .i-block {
	display: inline-block;
	margin: 0.5em 0;
}
.search-basic .search-modal .modal-heading {
	color: #404040;
	font-size: 14px;
	margin: 0.5em 0 0 ;
	text-align: left;
}
.search-basic .search-modal .modal-keyword-unit {
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.search-basic .search-modal .modal-keyword-list {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.search-basic .search-modal .modal-keyword-item {
	background: #edf4fc;
	border: 1px solid #1e6097;
	border-radius: 2em;
	cursor: pointer;
	font-size: 15px;
	font-weight: 400;
	margin: 0.75em 0.75em 0 0;
	line-height: 1;
	padding: 0.4em 1.25em;
	white-space: nowrap;
	transition: 0.5s all;
}
.search-basic .search-modal .modal-keyword-item:hover {
	color: #FFF;
	background: #1e6097;
}
.search-basic .search-modal .modal-keyword-button {
	background: #1e6097;
	border: 1px solid #1e6097;
	border-radius: 2em;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	margin: 0.75em 0.75em 0 0;
	line-height: 1;
	padding: 0.4em 1.25em;
	white-space: nowrap;
}
.search-basic .search-modal .modal-keyword-button:hover {
	background: #edf4fc;
	color: #404040;
}
.search-basic .search-modal .modal-keyword-item,.search-basic .search-modal .modal-keyword-button {
	opacity: 0;
}
.search-basic .search-modal.is-active .modal-keyword-item,.search-basic .search-modal.is-active .modal-keyword-button {
	opacity: 1;
}
.search-basic .search-modal .modal-keyword-unit .modal-keyword-title {
	font-size: 17px;
	font-weight: 700;
	line-height: 1;
	margin: 0.5em 0.5em 0 0;
	white-space: nowrap;
}
.search-basic .search-modal .modal-keyword-unit .modal-keyword-title::after {
	content: "＞";
	margin-left: 0.5em;
}
.search-basic .search-modal .modal-keyword-unit .modal-keyword-pagenation {
	display: flex;
	flex-shrink: 0;
	margin: 0 0.5em;
}
.search-basic .search-modal .modal-keyword-unit .modal-keyword-pagenation li {
	padding: 0 0.5em;
}
.search-basic .search-modal .modal-keyword-unit .modal-keyword-pagenation li a {
	color: #1e6097;
	font-weight: 700;
}
.search-basic .search-modal .modal-symptoms {
	height: 5.5em;
	overflow-y: auto;
}
.search-basic .search-modal .modal-symptoms::-webkit-scrollbar {
	width: 5px;
}
 .search-basic .search-modal .modal-symptoms::-webkit-scrollbar-track {
	background-color: #d3d3d3;
	border-radius: 10px;
}
 .search-basic .search-modal .modal-symptoms::-webkit-scrollbar-thumb {
	background-color: #1e6097;
	border-radius: 10px;
}
.search-basic .search-modal .modal-keyword-item-area {
	display: inline-block;
	background: #1e6097;
	color: #fff;
}
.search-basic .input-item-medical {
	flex-basis: 100%;
}
.search-basic .input-item-medical .word-search input[type="text"] {
	max-width: 100%;
	padding-left: 1.5em;
}
.search-basic .word-search .button-search-medical {
	background-color: #1e6097;
	border-color: #75a6cf;
	width: 100%;
	max-width: 298px;
	margin: 0 auto !important;
	justify-content: center;
}
.search-basic .search-modal .modal-link {
	color: #404040;
	font-size: 14px;
	margin: 0 0 0.5em;
	padding: 0;
}

/*--------------------------------------------------------------
>>> search sidebar
----------------------------------------------------------------*/
.sidebar .search-input-group * {
	box-sizing: border-box;
}
.sidebar .search-input-group {
	background: #fff;
	margin: 40px 0;
	position: relative;
	text-align: center;
}
.sidebar .search-input-group h3::before {
	display: none;
}
.sidebar .search-input-group ul {
	list-style: none;
}
.sidebar .search-input-group input[type="text"] {
	border: 1px solid transparent;
	border-radius: 4px;
	font-family: inherit;
	margin: 0;
	padding: 1em 1em 1em 2.5em;
	width: 100%;
	max-width: 100%;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.sidebar .search-input-group .input-wrap {
	margin-bottom: 1em;
	position: relative;
}
.sidebar .search-input-group .input-wrap::before {
	background: center/contain no-repeat url("images/common/icon_search_lg.png");
	content: "";
	display: inline-block;
	height: 1em;
	left: 1em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1em;
}
.sidebar .search-input-group .input-wrap-subject input[type="text"] {
	padding-left: calc(1.5em + 1.56em);
}
.sidebar .search-input-group .input-wrap-subject::before {
	background-image: url("images/common/icon_doctor_lg.png");
	height: 1.56em;
	width: 1.56em;
}
.sidebar .search-input-group .input-wrap-area input[type="text"] {
	padding-left: calc(1.5em + 1.75em);
}
.sidebar .search-input-group .input-wrap-area::before {
	background-image: url("images/common/icon_area_lg.png");
	height: 1.75em;
	width: 1.75em;
}
.sidebar .button-search, .sidebar .search-submit {
	align-items: center;
	border: 4px solid #b5b5b5;
	border-radius: 8px;
	box-shadow: 0 4px 0 rgba(0, 0, 0, 0.3);
	color: #fff;
	display: flex;
	font-size: 1rem;
	font-weight: 700;
	letter-spacing: 0.25em;
	margin: 1em auto;
	padding: 0.5em 1em;
	text-align: left;
	width: 100%;
	cursor: pointer;
}
.sidebar .button-search span, .sidebar .search-submit span {
	flex: 1;
	text-align: center;
}
.sidebar .button-search br, .sidebar .button-search br {
	display: none;
}
.sidebar .button-search-hospital, .sidebar .search-submit-all {
	background-color: #e42993;
	border-color: #f6badc;
}
.sidebar .button-search-online, .sidebar .search-submit-online {
	background-color: #1e6097;
	border-color: #75a6cf;
}
.sidebar .button-search img {
	margin-right: 0.5em;
}
.sidebar .search-submit {
	padding-left: calc(30px + 0.5em);
	position: relative;
}
.sidebar .search-submit::before {
	content: "";
	width: 30px;
	height: 26px;
	background: center/contain no-repeat url("images/common/icon_search_hospital.png");
	position: absolute;
	left: 0.5em;
	top: 50%;
	transform: translateY(-50%);
}
.sidebar .search-submit-all::before {
	background-image: url("images/common/icon_search_hospital.png");
}
.sidebar .search-submit-online::before {
	background-image: url("images/common/icon_search_online.png");
}
.sidebar .word-search-header {
	align-items: center;
	display: flex;
	justify-content: flex-end;
}
.sidebar .word-search-header a {
	color: #474747;
	display: inline-block;
	font-size: 0.875em;
	position: relative;
	margin-bottom: 2em;
	text-decoration: none;
}
.sidebar .word-search-header a:hover {
	opacity: 1;
}
.sidebar .word-search-header a::after {
	border-bottom: 1px solid currentColor;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	width: 100%;
}
.sidebar .search-input-group .word-search-header a:hover::after {
	border-color: transparent;
}
.sidebar .search-input-group .search-input-item {
	position: relative;
}
.sidebar .search-input-group .search-modal {
	background: #FFF;
	border-radius: 4px;
	box-shadow:0 0 10px rgb(0 0 0 / 30%);
	margin-top: -1em;
	max-width: 815px;
	padding: 30px;
	padding-top: calc(30px + 1.5em);
	position: absolute;
	top: 100%;
	width: calc(100vw * 0.83);
	z-index: 10;
	visibility: hidden;
}
.sidebar .search-input-group .search-modal.is-active {
	visibility: visible;
}
.sidebar .search-input-group #modal-subject, .sidebar .search-input-group #modal-subject-none,
.sidebar .search-input-group #modal-area, .sidebar .search-input-group #modal-area-error, .sidebar .search-input-group #modal-area-none {
	right: 0;
}
.sidebar .search-input-group .search-modal .modal-container + .modal-container {
	margin-top: 2em;
}
.sidebar .search-input-group .search-modal .modal-title {
	border-bottom: 1px dotted currentColor;
	color: #404040;
	font-size: 14px;
	margin: 0 0 0.5em;
	padding: 0;
	text-align: left;
}
.sidebar .search-input-group .search-modal .modal-title .i-block {
	display: inline-block;
	margin: 0.5em 0;
}
.sidebar .search-input-group .search-modal .modal-heading {
	color: #404040;
	font-size: 14px;
	margin: 0.5em 0 0 ;
	text-align: left;
}
.sidebar .search-input-group .search-modal .modal-keyword-unit {
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.sidebar .search-input-group .search-modal .modal-keyword-list {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.sidebar .search-input-group .search-modal .modal-keyword-item {
	background: #edf4fc;
	border: 1px solid #1e6097;
	border-radius: 2em;
	cursor: pointer;
	font-size: 15px;
	font-weight: 400;
	margin: 0.75em 0.75em 0 0;
	line-height: 1;
	padding: 0.4em 1.25em;
	white-space: nowrap;
	transition: 0.5s all;
}
.sidebar .search-input-group .search-modal .modal-keyword-item:hover {
	color: #FFF;
	background: #1e6097;
}
.sidebar .search-input-group .search-modal .modal-keyword-button {
	background: #1e6097;
	border: 1px solid #1e6097;
	border-radius: 2em;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: 400;
	margin: 0.75em 0.75em 0 0;
	line-height: 1;
	padding: 0.4em 1.25em;
	white-space: nowrap;
}
.sidebar .search-input-group .search-modal .modal-keyword-button:hover {
	background: #edf4fc;
	color: #404040;
}
.sidebar .search-input-group .search-modal .modal-keyword-item,.sidebar .search-input-group .search-modal .modal-keyword-button {
	opacity: 0;
}
.sidebar .search-input-group .search-modal.is-active .modal-keyword-item,.sidebar .search-input-group .search-modal.is-active .modal-keyword-button {
	opacity: 1;
}
.sidebar .search-input-group .search-modal .modal-keyword-unit .modal-keyword-title {
	font-size: 17px;
	font-weight: 700;
	line-height: 1;
	margin: 0.5em 0.5em 0 0;
	white-space: nowrap;
}
.sidebar .search-input-group .search-modal .modal-keyword-unit .modal-keyword-title::after {
	content: "＞";
	margin-left: 0.5em;
}
.sidebar .search-input-group .search-modal .modal-keyword-unit .modal-keyword-pagenation {
	display: flex;
	flex-shrink: 0;
	margin: 0 0.5em;
}
.sidebar .search-input-group .search-modal .modal-keyword-unit .modal-keyword-pagenation li {
	padding: 0 0.5em;
}
.sidebar .search-input-group .search-modal .modal-keyword-unit .modal-keyword-pagenation li a {
	color: #1e6097;
	font-weight: 700;
}
.sidebar .search-input-group .search-modal .modal-symptoms {
	height: 5.5em;
	overflow-y: auto;
}
.sidebar .search-input-group .search-modal .modal-symptoms::-webkit-scrollbar {
	width: 5px;
}
 .sidebar .search-input-group .search-modal .modal-symptoms::-webkit-scrollbar-track {
	background-color: #d3d3d3;
	border-radius: 10px;
}
 .sidebar .search-input-group .search-modal .modal-symptoms::-webkit-scrollbar-thumb {
	background-color: #1e6097;
	border-radius: 10px;
}
.sidebar .search-input-group .search-modal .modal-keyword-item-area {
	display: inline-block;
	background: #1e6097;
	color: #fff;
}
.sidebar .search-input-group .input-item-medical {
	flex-basis: 100%;
}
.sidebar .search-input-group .input-item-medical .word-search input[type="text"] {
	max-width: 100%;
	padding-left: 1.5em;
}
.sidebar .search-input-group .input-item-medical .input-wrap::before {
	display: none;
}
.sidebar .search-input-group .button-search-medical {
	background-color: #1e6097;
	border-color: #75a6cf;
	width: 100%;
	max-width: 298px;
	margin: 0 auto !important;
	justify-content: center;
}
.sidebar .search-input-group .search-area-contents#search-area-medical {
	padding-top: 2em;
}
.sidebar .search-input-group .search-modal .modal-link {
	color: #404040;
	font-size: 14px;
	margin: 0 0 0.5em;
	padding: 0;
}
.sidebar .search-input-group .widget-title {
	display: block;
    color: #333;
    border-bottom: 1px dotted #aaa;
    font-family: "Noto Sans JP", Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    font-size: 20px;
    margin: 0 0 1em;
    padding: 12px 18px;
    line-height: 1;
    text-align: left;
}
.sidebar .search-variety {
	margin: 40px 0;
}

/*--------------------------------------------------------------
>>> Opinion Leader
----------------------------------------------------------------*/
.kol, .kol * {
	box-sizing: border-box;
}
.kol .kol-box {
	border: 1px solid #1e6097;
}
.kol .kol-title {
	color: #fff;
	background: #1e6097;
	font-size: 1.25em;
	font-weight: 700;
	margin: 3px;
	padding: 0.5em;
}
.kol .kol-content {
	text-align: center;
	padding: 5px;
}
.kol .kol-content-inner {
	display: inline-block;
}
.kol .kol-list {
	display: flex;
	flex-wrap: wrap;
}
.kol .kol-list .swiper-slide {
	flex-basis: calc(100% / 3);
	max-width: 110px;
	padding: 5px;
}
.kol .kol-list .swiper-slide a {
	display: block;
	text-align: center;
	text-decoration: none;
}
.kol .kol-list .swiper-slide img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
	aspect-ratio: 1 / 1;
	max-width: 110px;
}
.kol .kol-list .swiper-slide span {
	display: block;
	font-size: 0.875rem;
}
.sidebar .kol {
	margin: 40px 0;
}