@charset "utf-8";

/* YUI 3.4.0 (build 3928) http://yuilibrary.com/license/
=========================================================================*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,
h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,
td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,
var{font-style:normal;font-weight:normal}li{list-style:none}caption,
th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,
select{font-family:inherit;font-size:inherit;font-weight:inherit}input,
textarea,select{*font-size:100%}legend{color:#000}
/* HTML5リセット
=========================================================================*/
header,hgroup,section,article,aside,hgroup,footer,figure,
figcaption,nav{margin:0;padding:0;font-size:100%}
body{line-height: 1.0;-webkit-text-size-adjust: none}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,
nav,section,summary{display:block}
/* カスタムリセット
=========================================================================*/
html{background:transparent}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold}
th,td{vertical-align:top}

/*
------------------------------------------------------------------- */
* {
	box-sizing: border-box;
}
html {
	overflow: auto;
	font-size: 10px;
	-webkit-text-size-adjust: 100%;
}
body {
	background-color: #f7f9fa;
	color: #333;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 1.2rem;
	line-height: 1.5;
	overflow: hidden;
}
a {
	display: block;
	color: #01a5b8;
	text-decoration: none;
	word-wrap: break-word;
	-webkit-tap-highlight-color:transparent;
}
img{
	max-width:100%;
	height:auto;
}
input[type="checkbox"],input[type="radio"] {
	position: relative;
	bottom: -1px;
	margin-right: 7px;
}
.wrapper {
	min-width: 320px;
}
a.txt {
	display: inline;
}
div.max {
	margin: 0 -10px;
}
img.max,
div.max img {
	width: 100%;
	height: auto;
}
p img.left {
	margin-right: 10px;
}
p img.right {
	margin-left: 10px;
}
.home.member .guest { display: none;}
.home.guest .member { display: none;}
.left { float: left;}
.right { float: right;}
.clearfix:after { content: ""; display: block; clear: both;}
.center { margin: 0 auto;}
.serif { font-family: serif;}
.fz10 { font-size: 1rem;}
.fz12 { font-size: 1.2rem;}
.fz14 { font-size: 1.4rem;}
.fz16 { font-size: 1.6rem;}
.fz18 { font-size: 1.8rem;}
.fz20 { font-size: 2rem;}
.fwb { font-weight: bold;}
.tal { text-align: left;}
.tar { text-align: right;}
.tac { text-align: center;}
.txt_over {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
span.wrap { display: inline-block;}

.link_blank:after {
	content: '';
	display: inline-block;
	width: 11px;
	height: 9px;
	margin-left: 5px;
	background: url(/conts/medical/2026/s/yak/common/images/ico_openwin00.gif) no-repeat;
	background-size: 11px auto;
}
/* header
------------------------------------------------------------------- */
.gheader {
	padding: 10px;
	background-color: #fff;
}
.gheader .tagline {
	float: left;
	line-height: 1.2;
	font-size: 1.2rem;
	font-weight: normal;
}
.gheader .tagline h2 {
	font-weight: normal;
}
.gheader .btnArea {
	float: right;
	width: 131px;
	overflow: hidden;
}
.gheader .pcBtn a {
	float: right;
	display: block;
	box-sizing: border-box;
	width: 61px;
	height: 26px;
	padding: 5px 0 5px 28px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff url(/conts/medical/2026/s/yak/common/images/ico_pc00.gif) 8px center no-repeat;
	background-size: 16px auto;
	color: #333;
	font-size: 1rem;
}
.gheader .menuBtn a {
	float: right;
	display: block;
	width: 61px;
	height: 26px;
	margin-left: 9px;
	border-radius: 4px;
	background-color: #1735ba;
	background-image: url(/conts/medical/2026/s/yak/common/images/icn_menu01.png);
	background-repeat: no-repeat;
	background-position: 6px center;
	font-size: 0;
}
.gheader .logo {
	clear: both;
	padding-top: 7px;
	text-align: center;
}
.gheader .logo a {
	display: inline-block;
}
.gheader .logo a + a {
	margin-left: 7px;
}
.gheader .logo img {
	vertical-align: bottom;
}


/* contents-maintenance
------------------------------------------------------------------- */

.contents-maintenance {
  position: relative;
  overflow: hidden;
  /* margin: 0 0 8px; */
  background: #fff;
  border-radius: 4px;
}

.list-pr-01 + .box-01,
.list-pr-01 + .contents-maintenance {
  margin-top: 8px;
}

.contents-maintenance .box-hdg {
  padding: 6px 13px 4px;
  font-weight: normal;
  font-size: 1.2rem;
  background: #d4d7d9;
}

.contents-maintenance .box-hdg + .box-hdg {
  margin-top: 0;
  border-top: solid 1px #cfd4d7;
}

.contents-maintenance strong {
  font-weight: normal;
}

.contents-maintenance .link-01 {
  display: block;
  text-align: right;
}

.contents-maintenance .link-01 > a {
  display: inline;
}

.contents-maintenance.error-area .box-hdg {
  position: relative;
  background: #fdebeb;
  color: #e30000;
  padding: 10px 10px 10px 40px;
  line-height: 1.2;
}

.contents-maintenance.error-area .box-hdg:before {
  position: absolute;
  top: calc(50% - 11px);
  left: 12px;
  display: block;
  width: 20px;
  height: 20px;
  background: url(/conts/medical/2026/s/yak/common/images/icon_error202003.png) no-repeat 0 0;
  background-size: 20px;
  content: '';
}

.link-01 > a {
	color: #06c;
  position: relative;
  display: block;
  padding: 0 0 0 15px;
  font-size: 1.2rem;
}

.link-01 > a::before, .link-01 > a::after {
  position: absolute;
  left: 0;
  display: block;
  width: 7px;
  height: 1px;
  background: #00aaeb;
  content: "";
}

.link-01 > a::before {
  top: 8px;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}

.link-01 > a::after {
  top: 12px;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}


/* gheaderNav
------------------------------------------------------------------- */
.gheaderNav {
	display: none;
	position: absolute;
	top: 45px;
	left: 0;
	z-index: 100;
	width: 100%;
}
.gheaderNav .inner {
	position: relative;
	margin: 0 10px;
	padding: 0 15px;
	border-radius: 6px;
	background: #1735ba;
}
.gheaderNav .inner:before {
	position: absolute;
	top: -8px;
	right: 27px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-width: 0 4px 8px 4px;
	border-style: solid;
	border-color: transparent transparent #1735ba transparent;
}
.gheaderNav a {
	display: block;
	color: #fff;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
.gheaderNav .l1 li a {
	height: 42px;
	line-height: 44px;
	padding-left: 34px;
	background: url(/conts/medical/2026/s/yak/common/images/icn_arw_06.png) no-repeat right 5px center;
	border-top: 1px solid #fff;
	font-size: 1.4rem;
	font-weight: bold;
}
.gheaderNav .l1 li:first-child a {
	border-top: none;
}

.gheaderNav .l1 li:last-child a {
	border-top: none;
	border-bottom: 1px solid #fff;
}

.gheaderNav .l2 li {
	width: 50%;
}
.gheaderNav .l2 li.wide {
	width: 100%;
}
.gheaderNav .l2 li a {
	height: 40px;
	line-height: 44px;
	padding-left: 25px;
	background: url(/conts/medical/2026/s/yak/common/images/icn_arw_07.png) no-repeat left 10px center;
	border: none;
	font-size: 1.2rem;
	font-weight: normal;
	border-bottom: 1px dotted #fff;
}
.gheaderNav .l2 li:nth-of-type(2n) a {
	margin-left: -1px;
	padding-left: 30px;
	border-left: 1px dotted #fff;
	background-position: 15px center;
}
.gheaderNav .l2 li:last-child {
	clear: both;
	width: 100%;
}
.gheaderNav .l2 li:last-child a {
	border-bottom: 1px solid #fff;
}
.gheaderNav .nav01 .l2 {
	border-top: 1px dotted #fff;
}
.gheaderNav .nav02 {
	overflow: hidden;
}
.gheaderNav .nav02.l2 li a {
	border: none;
}
.gheaderNav .nav02.l2 li:last-child {
	border-bottom: 1px solid #fff;
}
.gheaderNav .nav02.l2 li:last-child a {
	border-bottom: 1px solid #fff;
}
.gheaderNav .close a {
	clear: both;
	height: 44px;
	line-height: 44px;
	padding-right: 21px;
	background: url(/conts/medical/2026/s/yak/common/images/ico_close_01.png) no-repeat right 5px top 15px;
	font-size: 1.2rem;
	text-align: right;
}
.gheaderNav .nav01 li.s1 { background: url(/conts/medical/2026/s/yak/common/images/ico_ttl_00.png) no-repeat left 12px; background-size: 19px auto;}
.gheaderNav .nav01 li.s2 {background: url(/conts/medical/2026/s/yak/common/images/ico_ttl_01.png) no-repeat left 9px;background-size: 22px auto;}
.gheaderNav .nav01 li.s3 {background: url(/conts/medical/2026/s/yak/common/images/ico_ttl_06.png) no-repeat left 12px;background-size: 23px auto;}
.gheaderNav .nav01 li.s4 {background: url(/conts/medical/2026/s/yak/common/images/ico_ttl_02.png) no-repeat left 10px;background-size: 22px auto;}
.gheaderNav .nav01 li.s5 {background: url(/conts/medical/2026/s/yak/common/images/ico_ttl_03.png) no-repeat left 11px;background-size: 25px auto;}
.gheaderNav .nav01 li.s6 {background: url(/conts/medical/2026/s/yak/common/images/ico_ttl_04.png) no-repeat left 8px;background-size: 20px auto;}

/* globalNav
------------------------------------------------------------------- */
.globalNav {
	border-top: 5px solid #1735ba;
	border-bottom: 5px solid #1735ba;
	background-color: #fff;
}
.globalNav ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.globalNav li {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: calc(100% / 2);
}
.globalNav a {
	height: 36px;
	padding-top: 10px;
	border-left: 1px solid #d9d9d2;
	border-bottom: 1px solid #d9d9d2;
	background-repeat: no-repeat;
	background-position: 8px 8px;
	color: #122b99;
	font-weight: bold;
	/* text-align: center; */
	line-height: 1.2;
	color: #646464;
	font-size: 12px;
	font-weight: bold;
	/* box-shadow: inset -1px 0 0 1px #ffffff; */
	letter-spacing: 0.025em;
	/* background-size: 16px auto; */
	padding-left: 36px;
}
.globalNav li:first-child a {
	border-left: none;
}
.globalNav .s1 a {background-image: url(/conts/medical/2026/s/yak/common/images/ico_ttl_00.png);background-size: 16px auto;/* background-position: left; *//* padding-left: 10px; */}
.globalNav .s2 a {background-image: url(/conts/medical/2026/s/yak/common/images/ico_ttl_01.png);background-size: 18px auto;}
.globalNav .s3 a {background-image: url(/conts/medical/2026/s/yak/common/images/ico_ttl_06.png);background-size: 22px auto;}
.globalNav .s4 a {background-image: url(/conts/medical/2026/s/yak/common/images/ico_ttl_02.png);background-size: 19px auto;}
.globalNav .s5 a {background-image: url(/conts/medical/2026/s/yak/common/images/ico_ttl_03.png);background-size: 22px auto;}
.globalNav .s6 a {background-image: url(/conts/medical/2026/s/yak/common/images/ico_ttl_04.png);background-size: 17px auto;}

/* ログインボタン
------------------------------------------------------------------- */
.btn.c00 input {
	background: #ffffff;
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%);
	color: #333;
}

.btn.s00 input {
	width: 100%;
	line-height: 25px;
	border: 2px solid #d9d9d9;
}

.btn input {
	display: inline-block;
	position: relative;
	padding-top: 1px;
	border-radius: 4px;
	box-shadow: inset 1px 1px 0 rgba(255,255,255,0.5);
	font-weight: bold;
	text-align: center;
}

.btn.i00 input:after {
	content: url(/conts/medical/2026/s/yak/common/images/ico_arw01.png);
	position: absolute;
	top: 0px;
	right: 15px;
	bottom: 0px;
	margin: auto;
}

/* footer
------------------------------------------------------------------- */
.footer {
	padding: 10px 0 40px;
	background-color: #fff;
	background-image: url(/conts/medical/2026/s/yak/common/images/bd_footer00.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
.footer small {
	display: block;
	font-size: 1.1rem;
	text-align: center;
}
/* socialBtn
------------------------------------------------------------------- */
#socialBtn {
	padding: 19px 0 16px;
	background-color: #fff;
	font-size: 0;
	text-align: center;
}
#socialBtn li {
	display: inline-block;
}
#socialBtn li + li {
	margin-left: 20px;
}
#socialBtn img {
	width: 44px;
	height: auto;
}
/* パーツ
------------------------------------------------------------------- */
/* list_link */
.main .list_link {
	margin-top: 5px;
}
.main .list_link:after {
	content: ""; display: block; clear: both;
}
.main .list_link li {
	margin-left: 12px;
	padding-left: 12px;
	background: url(/conts/medical/2026/s/yak/common/images/ico_arw00.png) no-repeat left 4px;
}
/* btn */
.btnWrap {
	text-align: center;
}
.btnWrap.islink {
    background: url(/conts/medical/2026/s/yak/common/images/bg_pattern00.gif);
	padding: 15px 0;
}
.btnWrap.islink .btn.s00 {
    width: 60%;
}
.btnWrap.islink .btn.s00 a {
    width: 100%;
    padding: .5em 0;
    text-decoration: none;
}
.btnWrap.islink .btn.i00 a:after {
top: 7px;
}
.btnWrap .btn {
	display: inline-block;
}
.btn {
	text-align: center;
}
.btn + .btn {
	margin-top: 10px;
}
.btnWrap .btn + .btn {
	margin-top: 0;
	margin-left: 10px;
}
.btn a {
	display: inline-block;
	position: relative;
	padding-top: 1px;
	border-radius: 4px;
	box-shadow: inset 1px 1px 0 rgba(255,255,255,0.5);
	font-weight: bold;
	text-align: center;
}
.btn.s00 a {
	width: 100%;
	line-height: 25px;
	border: 2px solid #d9d9d9;
}
.btn.s01 a {
	width: 120px;
	max-width: 100%;
	line-height: 30px;
	font-size: 1.4rem;
}
.btn.s02 a {
	width: 100%;
	line-height: 40px;
	border: 2px solid #d9d9d9;
	font-size: 1.4rem;
}
.btn.c00 a {
	background: #ffffff;
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%);
	color: #333;
}
.btn.c01 a {
	background: #484542;
	background: -webkit-linear-gradient(top,  #484542 0%,#2d2b28 100%);
	background: linear-gradient(to bottom,  #484542 0%,#2d2b28 100%);


	color: #fff;
}
.btn.i00 a:after {
	content: url(/conts/medical/2026/s/yak/common/images/ico_arw01.png);
	position: absolute;
	top: 0px;
	right: 15px;
	bottom: 0px;
	margin: auto;
}
.btn.i01 a:after {
	content: url(/conts/medical/2026/s/yak/common/images/ico_arw02.png);
	position: absolute;
	top: 0px;
	right: 15px;
	bottom: 0px;
	margin: auto;
}
/* list_unit */
.list_unit a {
	display: block;
	margin: 0 10px;
	padding: 8px 0;
	background: url(/conts/medical/2026/s/yak/common/images/ico_arw02.png) no-repeat right 10px center;
}
.list_unit a:after {
	content: "";
	display: block;
	clear: both;
}
.list_unit h3 {
	height: 24px;
	line-height: 24px;
	margin: 0 -10px;
	background: #ceeefb;
	color: #1735ba;
	font-size: 1.2rem;
	text-align: center;
}
.list_unit h3 > small {
	font-size: .80rem;
    font-weight: normal;
    margin-left: .5rem;
}
.list_unit .pic {
	float: left;
	font-size: 0;
}
.list_unit .inner {
	display: table-cell;
	height: 60px;
	padding-left: 12px;
	padding-right: 30px;
	vertical-align: middle;
}
.list_unit .ttl {
	color: #fff;
	font-weight: bold;
	width: 65%;
	height: 21px;
	padding-left: 7px;
	line-height: 21px;
	margin-bottom: 5px;
}
.list_unit .ttl.c00 {background: linear-gradient(to right, #421FD3, #8304E0);}
.list_unit .ttl.c01 {background: linear-gradient(to right, #F7912B, #DBB40E);}
.list_unit .ttl.c02 {background: linear-gradient(to right, #7FCB5E, #4CBAAD);}
.list_unit .ttl.c03 {background: linear-gradient(to right, #C45FD1, #D9354E);}

.list_unit .txt {
	font-size: 1.4rem;
	font-weight: bold;
}
.list_unit .txt.new_banner::after {
  content: 'NEW';
  display: inline-block;
  width: 30px;
  height: 13px;
  margin-left: 4px;
  border-radius: 13px;
  background-color: #ca5845;
  color: #fff;
  font-size: 10px;
  text-align: center;
}
.list_unit .txt img {
	margin-left: 5px;
}
.list_unit .name {
	color: #333;
	font-size: 1.2rem;
}
.list_unit .lead {
	color: #333;
	font-size: 1.2rem;
}
.list_unit	li.recommend {
	border-bottom: 1px dotted #dadada;
}
.more .list_link li {
	float: right;
	margin-top: 5px;
	margin-right: 10px;
	font-size: 1.2rem;
	font-weight: bold;
}



/* totop
------------------------------------------------------------------- */
.totop a {
  display: block;
  padding: .65em 10px;
  border-top: 1px dotted #ccc;
  background-color: #fff;
  color: #333;
  text-align: right;
  text-decoration: none;
}
.totop a:before {
  display: inline-block;
	width: 0;
	height: 0;
  margin-right: 5px;
	border-style: solid;
	border-width: 0 5px 7px 5px;
	border-color: transparent transparent #1735ba transparent;
  content: '';
}

/* footerNav
------------------------------------------------------------------- */
.footerNav {
  border-top: 2px solid #1735ba;
  border-bottom: 2px solid #1735ba;
}
.footerNav li a {
  display: block;
  padding: 1em 10px 1em 30px;
  border-bottom: 1px solid #ccc;
  background: #fff url(/conts/medical/2026/s/yak/common/images/ico_arw_right02.png) no-repeat 10px 50%;
  color: #1735ba;
  font-size: 1.4rem;
  font-weight: bold;
  text-decoration: none;
}
.footerNav li:last-child a {
	border-bottom: none;
}
p.new:after {
	content: '';
	display: inline-block;
	position: relative;
	bottom: -1px;
	width: 30px;
	height: 13px;
	margin-left: 4px;
	background: url(../../common/images/icn_new_01.png) no-repeat;
}

/* footer_bnr
------------------------------------------------------------------- */

.footer_bnr {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba( 0, 0, 0, 0.4 );
	z-index: 10000;
}
.footer_bnr .footer_bnr_inner {
	position: relative;
	width: 80%;
	margin: 0px auto;
	padding: 2px 0;
	text-align: center;
}
.footer_bnr .footer_bnr_inner a {
	line-height: 1;
}



/* ==============================================================================================
 予約リスト注釈
================================================================================================= */
.contents-reserve {
	margin-top: 10px;
	position: relative;
}
.contents-reserve ~ #contentsarea {
	padding-top: 0;
}
.contents-reserve .contents-reserve-inner {
	background: #fffce6;
	border-radius: 5px;
	margin: 0 auto;
	padding: 10px;
	line-height: 1.5;
}
.contents-reserve .contents-reserve-inner p,
.contents-reserve .contents-reserve-inner .text-ques > a {
	font-size: 12px;
}
.contents-reserve .contents-reserve-inner .text-ques {
	margin-top: 5px;
}
.text-ques > a:before {
  content: "?";
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
  border-radius: 9px;
  background: #fff;
  color: #00aaeb;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  margin-right: 4px;
}