@charset "utf-8";
body {
position:relative;
background-color:#FFFEE9;
-webkit-text-size-adjust:none;
min-height:416px;
font-size:12px;
font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
line-height:1.25;
color:#000;
word-break:break-all;
}

a:not(.decorative){
color:#000;
text-decoration:none;
font-weight:normal;
}

sup{font-size:60%;}
input[type="checkbox"]{width:16px;height:16px;}

#base header {
background: url("../img/breadcrumbs_ul_bk.png")repeat-x left 48px;
background-color:#ffffff;
height:111px;
}
#result header {
background: url("../img/breadcrumbs_ul_bk.png")repeat-x left 48px;
background-color:#ffffff;
height:73px;
}

header div#siteName {
height: 48px;
margin:0;
padding:0;
width:100%;
background: url("../img/sp_each_logo2020.png") no-repeat left 4px;
background-size: 166px 37px;
-moz-background-size:166px 37px;
-webkit-background-size:166px 37px;
-o-background-size:166px 37px;
}

/*** new header nav ***/
#siteName nav#primitive a#back_home {
position:absolute;
top:8px;
left:0;
width: 166px;
height: 33px;
font:0px/0px san-serif;
overflow:hidden;
display:block;
}
#siteName nav#primitive {
float: right;
margin:0;
padding:0;
height:40px;
display:block;
}
#siteName nav#primitive ul {
clear:both;
list-style-type: none;
height: 40px;
}
#siteName nav#primitive li {
padding:0;
margin:0 5px 0 0;
float: left;
}
#siteName nav#primitive li a {
width: 48px;
height: 40px;
display:block;
font:0px/0px san-serif;
background-image: url("/img/header_nav_icons2.png");
background-repeat: no-repeat;
background-size: 50px 160px;
-webkit-background-size: 50px 160px;
-moz-background-size:50px 160px;
-o-background-size:50px 160px;
}
#siteName nav#primitive li#history a { background-position: 0 0; width:40px;}
#siteName nav#primitive li#mylist a { background-position: 0 -40px; }
#siteName nav#primitive li#prev a { background-position: 0 -80px; }
#siteName nav#primitive li#home a { background-position: 0 -120px; }
.badge {
position:relative;
}
.badge[data-badge]:after {
content:attr(data-badge);
position:absolute;
top:8px;
right:2px;
font: 8px/8px san-serif;
background:red;
color:white;
width:18px;height:18px;
text-align:center;
line-height:18px;
border-radius:50%;
box-shadow:0 0 1px #333;
}

#base header #ctg1 {position:relative;background:url(../img/li_bk1_sp.jpg) bottom left repeat-x;}
#base header #ctg1 #compudoc1 {position:absolute;right:12px;bottom:0;width:46px;height:40px;background:url(../img/query_doc_icon1.v2.png) no-repeat 0 0;background-size:46px 40px;}
#base header #ctg1 #compudoc2 {position:absolute;right:12px;bottom:0;width:46px;height:40px;background:url(../img/query_doc_icon2.v2.png) no-repeat 0 0;background-size:46px 40px;}
#base header #ctg1 #compudoc3 {position:absolute;right:12px;bottom:0;width:46px;height:40px;background:url(../img/query_doc_icon3.v2.png) no-repeat 0 0;background-size:46px 40px;}
#base header #ctg2 {background:url(../img/li_bk2_sp.jpg) bottom left repeat-x; }
#base header #ctg3 {position:relative;background:url(../img/li_bk3_sp.jpg) bottom left repeat-x;}
#base header #ctg4 {position:relative;background:url(../img/li_bk4_sp.jpg) bottom left repeat-x;}
#base header #ctg5 {background:url(../img/li_bk5_sp.jpg) bottom left repeat-x;}
#base header #ctg6 {background:url(../img/li_bk6_sp.jpg) bottom left repeat-x;}
#base header #ctg7 {background:url(../img/li_bk7_sp.jpg) bottom left repeat-x;}
#base header #ctg1 #compudoc4,#base header #ctg3 #compudoc4,#base header #ctg4 #compudoc4 {position:absolute;right:12px;bottom:0;width:46px;height:40px;background:url(../img/query_doc_icon4.v2.png) no-repeat 0 0;background-size:46px 40px; }

#base header .ttl {
margin:0 0;
overflow:hidden;
height:38px;
background-position:top left;
background-repeat:no-repeat;
-moz-background-size:auto 100%;
background-size:auto 100%;
}
#base header #ctg1 .ttl { background-image:url(../img/sp_icon01.png); }
#base header #ctg2 .ttl { background-image:url(../img/sp_icon02.png); }
#base header #ctg3 .ttl { background-image:url(../img/sp_icon03.png); }
#base header #ctg4 .ttl { background-image:url(../img/sp_icon04.png); }
#base header #ctg5 .ttl { background-image:url(../img/sp_icon05.png); }
#base header #ctg6 .ttl { background-image:url(../img/sp_icon06.png); }
#base header #ctg7 .ttl { background-image:url(../img/sp_icon07.png); }



#base .spTheme, #result .spTheme {
height:auto;
line-height:normal;
background:url(../img/h1_bg_sptheme.png) 0 0 repeat-x;
padding:10px 0;
border-bottom:1px solid #2d3642;
}

#base img {
vertical-align:middle;
}
#base h1 {margin:0;padding:13px 0 0 38px;text-align:left;font-weight:bold;line-height:1.0em;font-size:14px;color:#fff;text-shadow:rgba(0,0,0,0.6) 0px 1px 1px;font-family:HiraKakuProN-W6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#result h1 {text-indent:-999px;text-align:left;font:0px/0px sans-serif;height:0;}

/* ---------------------------------------
bread crumbs
--------------------------------------- */
header #breadCrumbs {
height: 25px;
padding:0;
margin: 0;
width:100%;
}
.swiper-container {
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.swiper-free-mode > .swiper-wrapper {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
margin: 0 auto;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-wrapper {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
position: relative;
transform: translate(0px, 0px);
transition-duration: 0s;
transition-property: transform, left, top;
transition-timing-function: ease;
-webkit-transition-property: -webkit-transform, left, top;
-webkit-transition-duration: 0s;
-webkit-transform: translate(0px, 0);
-webkit-transition-timing-function: ease;
-moz-transition-property: -moz-transform, left, top;
-moz-transition-duration: 0s;
-moz-transform: translate(0px, 0);
-moz-transition-timing-function: ease;
-o-transition-property: -o-transform, left, top;
-o-transition-duration: 0s;
-o-transform: translate(0px, 0);
-o-transition-timing-function: ease;
-o-transform: translate(0px, 0px);
-ms-transition-property: -ms-transform, left, top;
-ms-transition-duration: 0s;
-ms-transform: translate(0px, 0);
-ms-transition-timing-function: ease;
width: 100%;
}
header #breadCrumbs ul {
margin: 0;
padding: 0;
}
header #breadCrumbs ul li {
display: inline-block;
font-size: 11px;
color: #343434;
line-height: 27px;
height: 25px;
margin: 0 0 0 -4px;
}
header #breadCrumbs ul li:last-child {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
padding: 0 0 0 8px;
}
header #breadCrumbs ul li:first-child a {
padding: 0 14px;
}
header #breadCrumbs ul li a {
background: url("../img/breadcrumbs_bk.png") no-repeat right top;
background-size: auto 25px;
display: block;
margin: 0;
padding: 0 14px 0 8px;
color: #0066aa;
text-decoration: none;
}
header #breadCrumbs ul li:nth-last-child(2) a {
background-image: url("../img/breadcrumbs_before_last_bk.png");
}
.swiper-slide a {
backface-visibility: hidden;
}
.swiper-slide-visible {
}
.swiper-slide-active {
}
.swiper-slide {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
-ms-box-sizing: content-box;
-o-box-sizing: content-box;
box-sizing: content-box;
float: left;
}
nav ul, nav ol {
list-style: outside none none;
}
dl, menu, ol, ul {
}
*::-moz-selection {
background: none repeat scroll 0 0 #b3d4fc;
text-shadow: none;
}



.grayBar {
margin-top:10px;
height:21px;
line-height:21px;
padding:3px 0 0;
background:url(../img/gray_bg.png) 0 0 repeat-x;
text-align:center;
font-size:13px;
text-shadow:rgba(255,255,255,1) 0px 1px 0px;
position:relative;
z-index:10;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
nav > .grayBar:first-of-type {
margin-top:0;
background-position:0 -1px;
height:20px;
line-height:20px;
}

.cyanBar {
margin-top:10px;
height:31px;
line-height:31px;
padding:3px 0 0;
background:url(../img/freeword_ttl_bk.png) 0 0 repeat-x;
text-align:center;
font-size:14px;
font-weight:bold;
text-shadow:rgba(51,51,51,1) 0px 1px 1px;
position:relative;
z-index:10;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color:#fff;
}
nav > .cyanBar:first-of-type {
margin-top:0;
background-position:0 -1px;
height:30px;
line-height:30px;
}
.pharmacyBar {
margin-top:10px;
height:31px;
line-height:31px;
padding:3px 0 0;
background:url(../img/pharmacy_ttl_bk.png) 0 0 repeat-x;
text-align:center;
font-size:14px;
font-weight:bold;
text-shadow:rgba(51,51,51,1) 0px 1px 1px;
position:relative;
z-index:10;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
color:#fff;
}
nav > .pharmacyBar:first-of-type {
margin-top:0;
background-position:0 -1px;
height:20px;
line-height:20px;
}

.blueBar {
margin-top:10px;
height:19px;
line-height:19px;
padding:5px 0 0;
background:url(../img/blue_bg.png) 0 0 repeat-x;
text-align:center;
font-size:13px;
text-shadow:rgba(255,255,255,1) 0px 1px 0px;
position:relative;
z-index:10;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
nav > .blueBar:first-of-type {
margin-top:0;
background-position:0 -1px;
height:19px;
line-height:19px;
}


.greenBar {
margin-top:10px;
height:21px;
line-height:21px;
padding:3px 0 0;
background:url(../img/green_bg.png) 0 0 repeat-x;
text-align:center;
font-size:13px;
text-shadow:rgba(255,255,255,1) 0px 1px 0px;
position:relative;
z-index:10;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
nav > .greenBar:first-of-type {
margin-top:0;
background-position:0 -1px;
height:20px;
line-height:20px;
}

.orangeBar {
margin-top:10px;
height:21px;
line-height:21px;
padding:3px 0 0;
background:url(../img/orange_bg2.png) 0 0 repeat-x;
text-align:center;
font-size:13px;
text-shadow:rgba(255,255,255,1) 0px 1px 0px;
position:relative;
z-index:10;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
nav > .orangeBar:first-of-type {
margin-top:0;
background-position:0 -1px;
height:20px;
line-height:20px;
}

.icoBar {
margin-top:10px;
height:24px;
line-height:25px;
background-image:url(../img/ico_list.png),url(../img/ico_bg.png);
background-repeat:no-repeat, repeat-x;
background-position:6px 6px, 0 0;
text-align:left;
font-size:13px;
text-shadow:rgba(255,255,255,1) 0px 1px 0px;
padding-left:20px;
}

.facilityList li .icoBar:first-of-child {
margin-top:0;
}


.grayBar + .icoBar,
.blueBar + .icoBar,
.orangeBar + .icoBar,
.greenBar + .icoBar,
ul.basicLink + .icoBar,
ul.basicLink2 + .icoBar,
.facilityList li:not(:first-child) .icoBar {
margin-top:0;
height:23px;
line-height:23px;
background-position:6px 5px, 0 -1px;
}


.specialLink li,
.onlyLink li,
.basicLink li,
.basicLink2 li {
position:relative;
font-size:16px;
border-bottom:1px solid #d9d9d9;
line-height:44px;
background-color:#fff;
}
.onlyLink li:first-child {
margin-top:20px;
border-top:1px solid #d9d9d9;
}

.specialLink li a,
.onlyLink li a,
.basicLink li a,
.basicLink2 li a {
display:block;
height:43px;
padding:0 26px 0 10px;
background:url(../img/arrow.png) right center no-repeat;
text-decoration:none;
font-weight:700;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.basicLink li a:hover, .basicLink2 li a:hover {
background-color:#efefef;
}

.basicLink li a .count, .basicLink2 li a .count {
margin-top: -1.1em;
border: 1px solid #CCCCCC;
color: #444444;
font-family: Helvetica,Arial,sans-serif;
text-decoration: none;
font-size: 11px;
border-radius: 5px 5px 5px 5px;
padding:.2em .5em;
position: absolute;
right: 30px;
top: 50%;
line-height:20px;
}
.basicLink li a.fHeight, .basicLink2 li a.fHeight {
height:auto;
overflow:auto;
white-space:normal;
}
.basicLink li.bTop, .basicLink2 li.bTop{
border-top:1px solid #d9d9d9;
}
.onlyLink li a .subInfo,
.basicLink li a .subInfo,
.basicLink2 li a .subInfo {
float:right;
color:#556e8f;
font-size:14px;
}

.specialLink li a {
font-size:14px;
}


input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
textarea {
border:1px solid #bababa;
font-size:16px;
padding:6px 5px 5px 5px;
}
input.submitBtn {
-webkit-border-image:url(../img/submit_btn.png) 0 11 / 0 11px;
text-shadow:rgba(255,255,255,1) 0px -1px 0px;
line-height:14px;
font-family:HiraKakuProN-W6;
}

select {
font-size:16px;
}

.annotation {
width:290px;
margin:15px auto 10px;
padding:3px 8px 0 8px;
-webkit-border-image:url(../img/annotation_bg.png) 20 3 16 3 / 20px 3px 16px 3px;
font-size:13px;
line-height:1.5;
}
.annotation span {
margin-bottom:5px;
}
.annotation span:last-of-child {
margin-bottom:0;
}
section > .annotation:first-of-type,
.grayBar + .annotation,
.blueBar + .annotation {
margin-top:-5px;
position:relative;
z-index:20;
}

.caution{
color:#FF3300;
}

.errorMsg {
margin:6px 0 0 9px;
color:#FF3300;
}

section{
clear:both;
}

section nav{
margin:0;
padding: 0;
clear:both;
}



/*===========================================
05 Float Clear
===========================================*/
/* Clearfix
-------------------------------------------*/
.clearfix {
zoom: 1 !important; /* For IE */
}

.clearfix:after {
content: "." !important;
display: block !important;
height: 0 !important;
clear: both !important;
visibility: hidden !important;
}

* html .clearfix {
display: inline-table !important;
/*\*/display: block !important;/**/
}


#modal-overlay {
z-index: 90 ;
display: none ;
position: fixed ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 120% ;
background-color: rgba( 0,0,0, 0.75 ) ;
}