@charset utf-8;

/* ===== 初期 ===== */
body{margin: 0;padding: 0;text-justify: inter-ideograph;font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-o-text-size-adjust: 100%;text-size-adjust: 100%;} html{height: 100%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-family: Avenir, Arial, Verdana, Roboto, "Droid Sans", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, sans-serif;font-size: 62.5%;font-weight:500;} ul{list-style-type: none;} h1,h2,h3,h4,h5,h6,p,li,ul,ol,div,form,hr,br,dt,dl,dd {margin: 0px;padding: 0px;font-weight: 500;text-decoration: none;} img {margin: 0;padding: 0;border: none;-ms-interpolation-mode: bicubic;} a {color: #0044cc;outline: 0;} a:hover {color: #0044cc;text-decoration: underline;outline: 0;} a:focus {outline: thin dotted;} table {border-collapse:collapse;font-size: 100%;border-spacing: 0;} em{font-weight: bold;} p{/*word-wrap:break-all;*/text-align: justify;text-justify: inter-ideograph;}
abbr[title]{border-bottom: 1px dotted;} b,strong {font-weight: bold;} blockquote {margin: 1em 40px;} dfn {font-style: italic;} hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0;} mark{background: #ff0;color: #000;} code,kbd,pre,samp {font-family: monospace, serif;font-family: 'courier new', monospace;	font-size: 1em;} pre {margin: 1em 0;white-space: pre;white-space: pre-wrap;word-wrap: break-word;} small{font-size: 80%;} sub,sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup{top: -0.5em;} sub{bottom: -0.25em;} svg:not(:root) {overflow: hidden;}
/* ===== HTML5関係初期 ===== */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;} audio,canvas,video {display: inline-block;*display: inline;*zoom: 1;} audio:not([controls]) {display: none;height: 0;} [hidden] {display: none;} nav ul,nav ol {list-style: none;list-style-image: none;} figure {margin: 0;}

/* ===== clearfix ===== */
.clearfix:after{content:".";display:block;height:0;clear:both;overflow: hidden;visibility:hidden;}
.clearfix{*zoom: 1;min-height:1%;  /* for IE 7*/}

/* ===== 基本 ===== */
body{
	background: #F7F5EB;/*#FCFBF7*/
	background-image: url(../image/back.gif);
	font-size: 1.4rem;
}

#container{
	position: relative;
	width: 100%;
	height: auto !important;
	min-height: 100%;
	*height:100%;/* ie6 */
	margin: 0 auto;
}

/* ===== PCヘッダー ===== */
header{
	position: relative;
	margin: 0;
	padding: 0;
}
header h1{
	width: 100%;
	font-size: 1rem;
	color: #F6F6F6;
	background: #4F82BD;
}
header h1 span{
	max-width: 950px;
	margin: 0px auto;
	padding-left: 5px;
	line-height: 2rem;
	display: block;
}
header hr{
	border: 0;
	height: 2px;
	background: #4F82BD;
}
#headerBOX{
	width: 100%;
	background: #FFFDF3;
}
#header{
	position: relative;
	max-width: 950px;
	margin: 0px auto;
	padding: 10px 5px 15px 5px;
}
#header h2{
	margin: 15px 0 0 0;
	font-size: 1.8rem;
	color: #4F82BD;
}
#header img{
	margin: 0;
	padding: 0;
	display: block;
}
#header li{
	height: auto;
	margin: 10px 0 -2px 20px;
	display: inline-block;
}
#header li:first-child{
	margin-left: 0;
}
/* ===== 上部関係者サイトリンク =====*/
#staffonlyBOX{
	position: absolute;
	width: 100%;
	top: 0;
	right: 0;
	line-height: 2rem;
}
#staffonlyBOX #staffonly{
	position: relative;
	width: 100%;
	max-width: 950px;
	margin: 0px auto;
	display: block;
	text-align: right;
	font-size: 1.2rem
}
#staffonlyBOX #staffonly a{
	margin-right: 5px;
	color: #e0e0e0;
	text-decoration: none;
}
#staffonlyBOX #staffonly a:hover{
	color: #fff;
}
nav#menu{
	z-index: 4000;
}
/* ===== PCグローバルナビゲーション =====*/
@media print, screen and (min-width: 48em) {
nav#menu{
	position: relative;
	width:100%;
	max-width: 960px;
	margin: 20px auto 20px auto;
	padding: 0;
	left:0;
	background:none;
}
#menu ul{
	margin: 0;
	padding: 0 5px 0 5px;
}
#menu ul li{
	width: 15.9%;
	display: block;
	float: left;
	margin: 0 0 0 0.92%;
	padding: 0;
	font-size: 1.4rem;
	text-align: center;
}
#menu ul li:first-child{
	margin: 0;
}
#menu ul li a{
	display: block;
	line-height: 40px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	font-weight: 500;
	background: #ffffff;
	color: #563F13;
	border: 1px solid #d0d0d0;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(1, #f6f6f6));
	background:-webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
	background:linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0);
	border-radius: 0px;
	cursor: pointer;
	text-shadow:0px 1px 0px #f0f0f0;
}
#menu ul a:hover,#top #menu1 a,#kyomachi #menu2 a,#prescription #menu3 a,#zaitaku #menu4 a,#recruit #menu5 a{
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #F08A4C));
	background:-webkit-linear-gradient(top, #ffc477 5%, #F08A4C 100%);
	background:linear-gradient(to bottom, #ffc477 5%, #F08A4C 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#F08A4C',GradientType=0);
	background-color:#ffc477;
	border:1px solid #eeb44f;
	color:#ffffff;
	text-shadow:0px 1px 0px #cc9f52;
}
#menu ul a:active {
	position: relative;
	top: 1px;
}
button.drawer-hamburger, #menu li#staffonlyMD{
	display: none;
}
}
/* ===== ドロワー・グローバルナビ ===== */
.drawer-hamburger{
	width: 3rem;
	margin-right: 5px;
	padding: 1rem 1.6rem 2.2rem;
}
header button:after{
	position: relative;
	top: 1rem;
	margin: 0px 0px 0px 0rem;
	content: "MENU";
	text-align: center;
	font-size: 1rem;
	color: #000;
}

/* ===== スマホヘッダー ===== */
@media screen and (max-width: 47.999999999em) {
body{
	margin-top: 56px;
}
header h1{
	margin-bottom: 16px;
}
header h1 span{
	line-height: 1.4rem;
	padding: 5px 6px;
}
header hr{
	display: none;
}
header #header{
	margin: 0px auto;
	padding: 0px 5px;
	width: 100%;
	height: 54px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3500;
	background: #f3f3f3;
}
#header img{
	height: 30px;
	margin: 0px;
	padding: 0;
}
#header h2{
	margin: 0;
	padding: 0px;
	color: #4F82BD;
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-size: 1.2rem;
}
#header li{
	margin: 10px 0 -2px 20px;
}
header nav ul li a {
	width: 100%;
	display: block;
	padding: 1.5em;
	outline: none;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	letter-spacing: 1px;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
}
header nav ul li:first-child a{
	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}
header nav ul li a:hover {
	background: rgba(0,0,0,0.6);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
	color: #fff;
}
#staffonlyBOX{
	display: none;
}
}
/* ===== スマホヘッダー幅狭 ===== */
@media screen and (max-width: 527px) {
.drawer-hamburger{
	top: 0px;
}
header #header li{
	display: block;
	margin: 10px 0 -2px 0px;
}
header #header li h2{
}
body{
	margin-top: 58px;
}
header #header{
	height: 56px;
}
header #header img{
	height: 20px;
margin-top: -2px;
}
}

/* ===== アイコン ../fonts/icomoon/ ===== */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot?lp6dpb');
	src:url('../fonts/icomoon/icomoon.eot?#iefixlp6dpb') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.ttf?lp6dpb') format('truetype'),
		url('../fonts/icomoon/icomoon.woff?lp6dpb') format('woff'),
		url('../fonts/icomoon/icomoon.svg?lp6dpb#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon_"] {
	font-family: "icomoon", Avenir, Arial, Verdana, Roboto, "Droid Sans", "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, sans-serif;
	padding-right: 0.2em;
}

.icon_menu:before {content: "\e909";}
.icon_home:before {content: "\e907";}
.icon_medical:before {content: "\e901";}
.icon_pil:before {content: "\e906";}
.icon_pharmacy:before {content: "\e902";}
.icon_tell:before {content: "\e900";}

a[class^="icon_"]:before {
	padding-right: 0.4em;
}

/* ===== メイン画像 ===== */
#main_imageBOX{
	width: 100%;
	background: #FFFDF3;
}
#main_image{
	max-width: 948px;
	margin: 0 auto 15px auto;
	padding: 10px 6px 5px 6px;
}
#main_image img{
	width: 100%;
	margin: 0;
	padding: 0px;
	border-radius: 5px;
}

/* =============== メイン =============== */
[class *="col"] img{
	max-width: 100%;
	width: auto;
	height: auto;
	display: block;
	margin: 0 auto;
}
#main{
	position: relative;
	width: 100%;
	max-width: 960px;
	margin: 0px auto;
	overflow: hidden;
}
.col-box [class *="col"]{
	padding: 5px;
}
.in_box {
	padding: 0px 20px 20px 20px;
}
.in_box .col-box{
	padding: 0;
}
.in_box .col-box [class *="col"]{
	padding: 0;
}
#main .in_box .contents dl{
	padding: 0;
	margin: 5px;
}
#main .in_box .contents{
	border: none;
	border-radius: 0px;
	margin-bottom: 0px;
}
#main .contents{
	position: relative;
	background: #FFF;
	line-height: 1.6;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-radius: 5px;
	border: solid 1px #E8E8E8;
}

#main hr{
	margin: 5px 20px 0px 20px;
	border: 0;
	height: 1px;
	background: #F19142;
}
#main #side hr{
	margin: 3px 10px 0px 10px;
}
#main h2{
	position: relative;
	margin: 20px 10px 10px 10px;
	line-height: 1.5;
	text-shadow: 0.5px 0 0.5px #eee;
	font-size: 1.6rem;
}

#main .contents h2{
	padding: 10px 15px;
	margin: 0px 0px 20px 0px;
	color: #FCFBF7;
	letter-spacing: 0.1em;
	border: none;
	background: #4F82BD;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #4F82BD), color-stop(0.52, #4470A3), color-stop(0.50, #4F82BD), color-stop(0.00, #548BCA));
	background: -webkit-linear-gradient(top, #548BCA 0%, #4F82BD 50%, #4470A3 52%, #4F82BD 100%);
	background: linear-gradient(to bottom, #548BCA 0%, #4F82BD 50%, #4470A3 52%, #4F82BD 100%);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
#main .contents h3{
	position: relative;
	margin: 20px 20px 10px 20px;
	padding: 0px 0px 0px 5px;
	display: block;
	font-size: 1.4rem;
	border-left: solid 5px #F19142;
	border-bottom: solid 1px #F19142;
	font-weight: 500;
}
#main .contents p,#main .contents ul,#main .contents ol,#main .contents dl,#main .contents table{
	margin: 0;
	padding: 20px 20px 20px 20px;
	line-height: 1.6;
}
#main .contents img{
	padding: 10px 0px;
}
#main .contents ul li{
	padding: 5px 0px;
}
#main .contents .table{
	margin: 0px 20px 20px 20px;
}
#main .contents table{
	width: 100%;
}
#main .contents th,#main .contents td{
	padding: 20px 10px;
	border: 1px solid #ddd;
}
#main .contents th{
	background: #f4f4f4;
	text-align: left;
}
blockquote{
	margin: 0px;
	padding: 0px 20px 30px 20px;
}
#main .contents blockquote p{
	margin: 0px;
	padding: 0px;
	font-size: 0.775em;
	line-height: 2;
	font-style: italic;
}
#main .contents .list_square{
	margin-left: 20px;
	list-style-type: square;
}

/* ===== 最新情報 ===== */
#NEWS{
	max-height: 240px;
	overflow: auto;
}
#NEWS dt{
	float: left;
	clear : both;
	margin: 0 20px 0 0;
}
#NEWS dd{
	margin-bottom: 10px;
	border-bottom: dotted 1px #555;
}
#NEWS a{
	text-decoration: none;
}
#NEWS a:hover{
	text-decoration: underline;
}

/* ===== トップページ店舗紹介 ===== */
#main #shop_info dl{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
#main #shop_info dl dt{
	padding: 4px 0 0 6px;
	border-left: solid 5px #ccc;
	border-bottom: solid 2px #ccc;
	letter-spacing: 0.1em;
}
#main #shop_info dl dd{
	margin: 10px 0px 5px 26px;
}
#main #shop_info dl dd.shop_google-maps{
	margin-left: 0px;
}
#main #shop_info dl dl dt{
	padding: 0;
	border: none;
}

/* ===== 店舗紹介アイコン ===== */
#main #info-icon{
	font-size: 1em;
}
#main #info-icon li{
	width: 23.5%;
	margin: 0px 2% 10px 0px;
	display: inline-block;
	text-align: center;
}
#main #info-icon li:nth-of-type(4n){
	margin-right: 0;
}
#main #info-icon li a{
	width: 100%;
	height: 100%;
	display: block;
	padding: 10px 0px;
	text-decoration: none;
	color: #fff;
	text-shadow: 0.3px 0 0.3px #ddd;
}
#main #info-icon li a:hover{
	color: #666;
	text-shadow: none;
}
#main #info-icon li.blue a{background: #4F82BD}
#main #info-icon li.red a{background: #F08A4C}
#main #info-icon li.green a{background: #7C8A2C}
#main #info-icon li.blue a:hover{background: #84BDFF}
#main #info-icon li.red a:hover{background: #FFA26A}
#main #info-icon li.green a:hover{background: #C4D65A}

/* ===== 店舗案内 ===== */
#main .contents .first{
	margin-top: 40px;
}

/* ===== 在宅医療支援 ===== */
blockquote{
	margin: 0px;
	padding: 0px 30px 30px 30px;
}
#main .contents blockquote p{
	margin: 0px;
	padding: 0px;
	font-size: 0.775em;
	line-height: 2;
	font-style: italic;
}
#main .contents .video {
	position: relative;
	height: 0;
	padding-top: 56.25%;
	overflow: hidden;
}
#main .contents .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
#main .contents dl.zaitaku{
	padding-bottom: 0;
}
#main .contents dl.zaitaku img{
	padding: 0;
}
#main .contents dl.zaitaku dt{
	margin: 0 0 0 0;
}
#main .contents dl.zaitaku dd{
	margin: 0 0 40px 0;
}

/* ===== 処方せんサービス ===== */
#main .contents ol{
	margin: 0 20px 0 40px;
}
#main .contents ol li{
	margin: 10px 0;
}
#main .contents ul.icon_warning{
	margin: 0 10px 0 20px;
}
#main .contents ul.icon_warning li{
	position: relative;
	padding-left: 10px;
}
#main .contents ul.icon_warning li::after{
	content: "\e903";
	position: absolute;
	top: 2px;
	left: -10px;
}

/* ===== アクセス ===== */
.google-maps,.google-maps2{
	position: relative;
	padding-bottom: 50%; // 縦横比
	height: 0;
	overflow: hidden;
}
.google-maps iframe,.google-maps2 iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
	background-color: transparent;
	overflow: hidden;
}
.google-maps_side {
	padding-bottom: 104%; // 縦横比
}
/* ===== 個人情報保護方針 ===== */
#main #privacy .contents dl dt{
	margin-top: 20px;
	font-weight: bold;
}
#main #privacy .contents dl dd{
	margin: 10px 0px 10px 0px;
}
#main #privacy .contents dl ul{
	font-size: 100%;
	list-style-type: square;
}
#main dl.mailform{
	padding-top: 0;
}

/* =============== サイド =============== */
#side .contents{
	margin-left: 10px;
	border-radius: 10px;
}
#side .contents h2{
	padding: 15px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	background: #fff;
	color: #F08A4C;
	font-size: 1.6rem;
	font-weight: bold;
}
#side .contents h3{
	margin: 0px 20px 5px 20px;
	border: none;
	border-left: solid 5px #F19142;
}
#side .contents p,#side .contents ul,#side .contents dl{
	margin: 0px;
	padding: 10px 20px 10px 20px;
}
#side .contents ul li{
	padding: 0px 0px 5px 0px;
}

#side #side_shop_info dl{
	padding: 0px 0px 5px 0px;
	margin-bottom: 0px;
}
#side #side_shop_info dl dt{
	margin: 0;
	padding: 0;
	letter-spacing: 0.1em;
	font-weight: bold;
}

/* ==================== フッター ==================== */
footer{
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background: #244770;
	color: #FCFBF7;
	font-size: 1.2rem;
}
#footer{
	max-width: 950px;
	padding: 10px 5px 10px 5px;
	margin: 0 auto;
}
footer h2{
	border-bottom: solid 1px #fff;
	margin: 0px 0px 10px 0px;
	padding: 0 10px;
	font-size: 1.4rem;
}
footer p{
	margin: 10px 5px;
	line-height: 1.6;
}
footer ul{
	margin: 0px auto;
	padding: 0 10px;
}
footer ul li{
	margin: 2px 0px;
}
footer ul.sitemap li{
	float: left;
	width: 48%;
	margin: 5px 0px;
}
footer ul.sitemap li a{
	text-decoration: none;
	margin: 0;
	padding: 0;
}
footer a{color: #9DCBFF;}
footer a:hover{color: #fff;}

/* =============== スマホ対応 =============== */
@media screen and (max-width: 47.999999999em) {
#side .contents{
	margin-left: 0px;
	margin-bottom: 20px;
}
#main .contents table{
}
#main .contents th,#main .contents td{
        display: block;
        border-top: none;
}
#main .contents tr:first-child th{
	border-top: 1px solid #ddd;
}
.google-maps_side {
	padding-bottom: 50%; // 縦横比
}
/*  店舗紹介アイコン  */
#main ul#info-icon{
	font-size: 1em;
}
#main ul#info-icon li{
	width: 31%;
	padding: 10px 0px;
	margin: 0px 3.5% 10px 0px;
	display: inline-block;
	text-align: center;
	color: #fff;
	text-shadow: 0.3px 0 0.3px #ddd;
}
#main ul#info-icon li:nth-of-type(3n){
	margin-right: 0;
}
#main ul#info-icon li:nth-of-type(4n){
	margin-right: 3.5%;
}
/*  フッター  */
#footer{
	padding: 5px 10px 25px 10px;
}
}