@charset "utf-8";
/* =========================================================
   smartphone.css
========================================================= */

/* body
----------------------------------------------- */
body {
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  line-height: 1.5;
}

/* .wrapper
----------------------------------------------- */
.wrapper {
  font-size: 14px;
}

/* .header
----------------------------------------------- */
.header {
  background: url("../img/common/header_bg.png") repeat-x;
}

.title {
  background: url("../img/common/title_bg.jpg") center top;
  background-size: 480px 120px;
}

.title img {
  min-height: 120px;
  max-width: 100%;
}

#slidad {
  border: 0;
  box-shadow: none;
  margin-bottom: 0;
  max-width: 100%;
}

/* .contents
----------------------------------------------- */
.nav .category-all {
  background: url("../img/common/nav_category_all_bg.png");
  background-size: 100% 48px;
  text-align: center;
}

.nav .category-all a {
  display: block;
  padding: 12px 0;
}

.nav .category-all img {
  width: 216px;
}

.nav ul {
  overflow: hidden;
  padding-left: 1%;
}

.nav li {
  border-top: 1px solid #000;
  float: left;
  padding: 3% 2%;
  width: 45%;
}

.nav li:nth-child(2n) {
  border-left: 1px solid #000;
}

.nav li:nth-last-of-type(1),
.nav li:nth-last-of-type(2) {
  border-bottom: 1px solid #000;
}

.nav li a {
  color: #000000;
  display: block;
  text-decoration: none;
}

.nav li a img {
  width: 24px;
}

.nav li a span {
  padding-left: 5%;
}

/* .footer
----------------------------------------------- */
.footer {
  background-color: #009245;
  color: #fff;
  padding: 0.5em 0;
}

.footerNav li {
  text-align: center;
}

.footerNav li a {
  color: #fff;
  text-decoration: none;
}

.copyright {
  text-align: center;
}

/* =========================================================
   
========================================================= */

.ul-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.ul-table > li {
  display: table-cell;
  text-align: center;
}

.dl-table {
  border: 1px solid #000000;
  border-top: none;
}

.dl-table > dt {
  border-top: 1px solid #000000;
}

.dl-table > dd {
  border-top: 1px solid #000000;
  min-height: 1.5em;
}

.sp-none {
  display: none;
}

/* =========================================================
   contents
========================================================= */

/* all
----------------------------------------------- */
.section-main {
  border: 3px dashed #006837;
  border-radius: 10px;
  margin: 0.25em auto;
  padding: 0 2%;
  width: 92%;
}

.section-sub .sns a {
  background: no-repeat 10px center;
  background-size: 56px;
  border: 2px solid #000000;
  display: block;
  font-weight: bold;
  padding-left: 76px;
  text-decoration: none;
}

.section-sub .facebook a {
  background-image: url("../img/common/facebook_logo.png");
  border-color: #2e3192;
  color: #2e3192;
}

.section-sub .facebook img {
  width: 142px;
}

.section-sub .line a {
  background-image: url("../img/common/line_logo.png");
  border-color: #00c300;
  color: #00c300;
}

.section-sub .line img {
  width: 142px;
}

.section-sub .twitter a {
  background-image: url("../img/common/twitter_logo.png");
  border-color: #55acee;
  color: #55acee;
}

.section-sub .twitter img {
  width: 142px;
}

.section-sub .dashed a {
  border: 1px solid #000;
  color: #000;
  display: block;
  padding: 4px;
  text-decoration: none;
}

.section-sub .dashed span {
  background: url("") no-repeat;
  background-size: contain;
  border: 1px dashed #000;
  display: block;
  padding: 8px 0 7px 48px;
}

.section-sub .about a,
.section-sub .about span {
  background-color: #e5e3d1;
  border-color: #603813;
}

.section-sub .about span {
  background-image: url("../img/common/icon_about.png");
}

.section-sub .offer-appear a,
.section-sub .offer-appear span {
  background-color: #fce9f2;
  border-color: #ff00ff;
}

.section-sub .offer-appear span {
  background-image: url("../img/common/icon_offer_appear.png");
}

.section-sub .offer-recruit a,
.section-sub .offer-recruit span {
  background-color: #e8f0c5;
  border-color: #006837;
}

.section-sub .offer-recruit span {
  background-image: url("../img/common/icon_offer_recruit.png");
}

.section-sub .offer-ad a,
.section-sub .offer-ad span {
  background-color: #fffbc4;
  border-color: #fbb03b;
}

.section-sub .offer-ad span {
  background-image: url("../img/common/icon_offer_ad.png");
}

.section-sub .contact a,
.section-sub .contact span {
  background-color: #d3edf9;
  border-color: #0071bc;
}

.section-sub .contact span {
  background-image: url("../img/common/icon_contact.png");
}

.section-sub .login a,
.section-sub .login span {
  background-color: #e2dfef;
  border-color: #9327ff;
}

.section-sub .login span {
  background-image: url("../img/common/icon_login.png");
}

.section-sub .nishida {
  background-color: #0071bc;
  border: 1px solid #0000ff;
  color: #000000;
  display: block;
  text-decoration: none;
}

.section-sub .nishida .caption {
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.section-sub .nishida .outline {
  background-color: #ffffff;
  margin: 0 4px 4px;
  padding: 0 4px;
}

.section-sub .nishida .outline p {
  font-size: 10px;
}

.section-sub .nishida .outline .profile {
  border-bottom: 1px solid #0071bc;
}

.section-sub .nishida .outline .company {
  color: #2e3192;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.section-sub .nishida .outline .company img {
  margin-right: 8px;
  width: 46px;
}

.section-sub .nishida .outline .web {
  text-align: center;
}

.head-line {
  background: url("../img/common/h_bg.png") no-repeat center bottom;
  background-size: contain;
  margin: 0.5em 0;
  padding-bottom: 0.25em;
}

.head-line span {
  background: url("../img/common/h_top.png") no-repeat;
  background-size: 36px;
  display: inline-block;
  padding: 0.75em 40px;
}

.head-gray {
  background-color: #eeeeee;
  color: #006837;
  padding: 0.25em 0;
  padding-left: 8px;
}


.ul-category {
  overflow: hidden;
}

.ul-category > li {
  float: left;
}

.ul-category > li:after {
  content: "|";
}

.ul-category > li:last-child:after {
  content: "";
}

.ul-category > li a {
  color: #000000;
  margin: 0 8px;
}

.ul-category > li span {
  margin: 0 8px;
}

.ul-shop li {
  margin-bottom: 1em;
}

.ul-shop img {
  width: 100%;
}

/* top
----------------------------------------------- */
.medicalguide {
  background: url("../img/top/medicalguide_bg.jpg") no-repeat center center;
  background-size: 480px 48px;
  border: 1px solid #0000ff;
  margin: 0.25em 0;
  text-align: center;
}

.medicalguide a {
  display: block;
  padding: 0.5em;
}

.medicalguide img {
  width: 162px;
}

.kouhou {
  border: 1px solid #003300;
  margin-bottom: 0.25em;
}

.kouhou a {
  display: block;
  text-decoration: none;
}

.kouhou span:first-child {
  background: #006837 url("../img/top/kouhou_bg.png") no-repeat 96% 0px;
  background-size: 56px;
  color: #ffffff;
  display: block;
  font-weight: bold;
  padding: 3px 4px;
  text-align: center;
}

.kouhou span:last-child {
  background: #e8f0c5 url("../img/top/kouhou_bg.png") no-repeat 96% -27px;
  background-size: 56px;
  color: #000000;
  display: block;
  font-weight: bold;
  padding: 6px 4px;
  text-align: center;
}

.main-top .section-main {
  border: 0px solid #000000;
  border-radius: 0;
  margin: 0;
  padding: 0;
  width: auto;
}

.main-top .section-main img {
  width: 100%;
}

.main-top .map {
  background: #603813;
  padding: 2%;
}

.main-top .map p {
  margin-bottom: 0.5em;
}

.main-top .map .ul-table > li + li {
  border-left: 2px solid #ffffff;
}

.main-top .map .ul-table > li a {
  color: #ffffff;
  text-decoration: none;
}

.main-top .card {
  border: 2px solid #006837;
  padding: 4px;
}

.main-top .card .caption {
  background: url("../img/top/card_top.png") no-repeat;
  background-size: 60px;
  font-size: 16px;
  font-weight: bold;
  padding: 6px 0;
  padding-left: 60px;
}

.main-top .card .outline {
  margin: 0 12%;
}

.main-top .card .ul-table > li {
  font-size: 16px;
  font-weight: bold;
}

.main-top .card .ul-table > li a {
  background: url("../img/common/card_bg.png");
  background-size: contain;
  color: #ffffff;
  display: block;
  margin: 0 2px;
  padding: 0.5em 0;
  text-decoration: none;
}

.main-top .pickup .caption {
  background-color: #fbb03b;
  border: 2px solid #ff0000;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  padding: 0.5em;
}

.main-top .pickup .caption strong {
  color: #ff0000;
  display: block;
  float: left;
  margin-right: 4%;
}

.main-top .pickup .caption span {
  display: block;
  float: left;
}

.main-top .pickup ul {
  overflow: hidden;
}

.main-top .pickup li {
  float: left;
  font-size: 12px;
  width: 50%;
}

.main-top .pickup li:nth-of-type(3) {
  clear: left;
}

.main-top .weathernews {
  display: none;
}

/* category all
----------------------------------------------- */
.main-category-all .section-main > * {
  margin-bottom: 1em;
}

.main-category-all h2 {
  margin-left: 8px;
}

.main-category-all h2 a {
  color: #000000;
  text-decoration: none;
}

.main-category-all h2 img {
  width: 24px;
}

.main-category-all h2 span {
  padding-left: 8px;
}

/* category
----------------------------------------------- */
.main-category .section-main > * {
  margin-bottom: 1em;
}

.main-category .head-line {
  padding: 0.5em 0 1em;
}

.main-category .head-line img {
  width: 24px;
}

.main-category .head-line span {
  background: transparent;
  background-size: auto;
  display: inline;
  padding: 0;
  padding-left: 8px;
}

/* shop
----------------------------------------------- */
.main-shop .section-main > * {
  margin-bottom: 1em;
}

.main-shop img {
  width: 100%;
}
.main-shop .freespace .head-line span {
  background-image: url("../img/shop/freespace.png");
}

.main-shop .coupon .head-line span {
  background-image: url("../img/shop/coupon.png");
}

.main-shop .infomation .head-line span {
  background-image: url("../img/shop/infomation.png");
}

.main-shop .profile .access {
  margin-bottom: 0.5em;
}

.main-shop section h2 + p {
  margin-bottom: 0.5em;
}

.main-shop .qrcode {
  display: none;
}

.main-shop .dl-table > dt {
  background: #eeeeee;
  padding: 0.25em;
}

.main-shop .dl-table > dd {
  padding: 0.25em;
}

.main-shop #googlemap {
  height: 240px;
  width: 100%;
}

/* map
----------------------------------------------- */
.main-map .section-main > * {
  margin-bottom: 1em;
}

/* card
----------------------------------------------- */
.main-card .section-main > * {
  margin-bottom: 1em;
}

.main-card .image-card img {
  width: 100%;
}

.main-card .ul-table > li {
  font-size: 16px;
  font-weight: bold;
}

.main-card .ul-table > li a {
  background: url("../img/common/card_bg.png");
  background-size: contain;
  color: #ffffff;
  display: block;
  margin: 0 2px;
  padding: 0.5em 0;
  text-decoration: none;
}

/* recruit
----------------------------------------------- */
.dl-table {
  margin-bottom: 0.5em;
}

.dl-table > dt {
  background: #eeeeee;
  padding: 0.25em;
}

.dl-table > dd {
  padding: 0.25em;
}

/* about
----------------------------------------------- */
.main-about .section-main > * {
  margin-bottom: 1em;
}

.main-about .head-line span {
  background-image: url("../img/common/icon_about.png");
}

/* contact
----------------------------------------------- */
.main-contact .section-main > * {
  margin-bottom: 1em;
}

.main-contact .tel_fax {
  border-bottom: 1px solid #000;
}

.main-contact .mailform .required {
  color: #f00;
}

.main-contact .mailform form > * {
  margin-bottom: 0.25em;
}

.main-contact .mailform .input .label {
  background-color: #ccc;
}

.main-contact .mailform .input .form input {
  box-sizing: border-box;
  font-family: inherit;
  font-size: 90%;
  width: 100%;
}

.main-contact .mailform .input .form textarea {
  box-sizing: border-box;
  font-family: inherit;
  font-size: 90%;
  width: 100%;
}

.main-contact .mailform .button p {
  display: inline-block;
  margin-top: 1em;
  width: 48%;
}

.main-contact .mailform .button input {
  padding: 1em 0;
  width: 100%;
}

/* privacy
----------------------------------------------- */
.main-privacy .section-main > * {
  margin-bottom: 1em;
}

.main-privacy .layer-1 > li {
  margin-bottom: 1em;
}

.main-privacy .layer-2 > li {
  list-style-type: decimal;
  margin-left: 2em;
}

.main-privacy .layer-3 > li {
  list-style-type: upper-roman;
  margin-left: 2em;
}

.main-privacy .layer-4 > li {
  list-style-type: lower-roman;
  margin-left: 2em;
}

.main-privacy .dl-table,
.main-privacy .dl-table > dt,
.main-privacy .dl-table > dd {
  border: none;
}

.main-privacy .dl-table > dt {
  background-color: transparent;
}

.main-privacy .dl-table > dd {
  margin-left: 1em;
}

/* =========================================================
   flexslider.css
========================================================= */

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('../fonts/flexslider-icon.eot');
	src:url('../fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/flexslider-icon.woff') format('woff'),
		url('../fonts/flexslider-icon.ttf') format('truetype'),
		url('../fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; line-height:1; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/* end of file */