@charset "UTF-8";
/*init*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block; }

ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs
*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

/*lib*/
/**
 * define valiables
 * 各scssファイルでよく使う値を変数定義
 */
/**
 * easing
 */
/**
 * function
 * 値を返す
 */
/**
 * mixins
 * ブロックを返す
 */
/*
デバイス定義
 */
/*
スマホの文字指定専用（横幅640px想定）
font-sizeにvwを設定
 */
/*
clearfix
 */
/*
iOS smooth scroll
 */
/*
opacity
 */
/*
fade
 */
/**
 * initiallize
 * タグ自体のstyleを記述
 */
img {
  vertical-align: bottom; }

.pci {
  display: inline !important; }
  @media screen and (max-width: 768px) {
    .pci {
      display: none !important; } }

.spi {
  display: none !important; }
  @media screen and (max-width: 768px) {
    .spi {
      display: inline !important; } }

.pc {
  display: block !important; }
  @media screen and (max-width: 768px) {
    .pc {
      display: none !important; } }

.sp {
  display: none !important; }
  @media screen and (max-width: 768px) {
    .sp {
      display: block !important; } }

.cr {
  cursor: default; }

.fade {
  -webkit-transition: opacity 0.1s ease-in-out 0s;
  -o-transition: opacity 0.1s ease-in-out 0s;
  transition: opacity 0.1s ease-in-out 0s; }
  .fade:hover {
    opacity: 0.7; }

.bgcolor_none {
  background-color: transparent !important; }

.no_breadcrumbsIcon:after {
  content: "" !important;
  display: inline-block;
  margin: 0 5px; }

.cf:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

/* IE6 */
* html .cf {
  zoom: 1; }

/* IE7 */
*:first-child + html .cf {
  zoom: 1; }

.noBorder {
  border: none !important; }

/*parts*/
#contents_area .andmoreBtn {
  display: block;
  position: relative;
  border-radius: 4px;
  text-align: center;
  letter-spacing: .1em;
  color: #000;
  font-weight: bold;
  font-size: 16px;
  line-height: 48px;
  cursor: pointer;
  text-indent: -99999px;
  background: url(/dog/img/top_btn_1_03.png) center center no-repeat;
  background-size: 100px auto;
  border: 1px solid #b1b2b3; }
  #contents_area .andmoreBtn:before {
    content: '';
    position: absolute;
    right: 14px;
    top: 0;
    width: 8px;
    height: 100%;
    background: url(/dog/common/image/arrow_r_bk.png) 0 50% no-repeat;
    background-size: 100%; }

#contents_area .searchBtn, #contents_area .mailBtn {
  display: block;
  position: relative;
  border-radius: 4px;
  text-align: center;
  letter-spacing: .1em;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 48px;
  cursor: pointer; }
  @media screen and (max-width: 768px) {
    #contents_area .searchBtn, #contents_area .mailBtn {
      font-size: 13px; } }
  #contents_area .searchBtn--A {
    background: #1bbecc; }
  #contents_area .searchBtn--B {
    background: #504f4e; }
  #contents_area .searchBtn:before, #contents_area .mailBtn:before {
    content: '';
    position: absolute;
    right: 14px;
    top: 0;
    width: 8px;
    height: 100%;
    background: url(/dog/common/image/arrow_r_wht.png) 0 50% no-repeat;
    background-size: 100%; }

#contents_area .mailBtn {
  background: #1bbecc; }
  @media screen and (max-width: 768px) {
    #contents_area .mailBtn {
      padding: 10px 0;
      line-height: 1.5; } }
  #contents_area .mailBtn:before {
    display: none; }

h1, h2 {
  color: #000000 !important; }

/*kobe_02*/
.contents_wrap {
  width: 980px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .contents_wrap {
      width: 100%; } }

.contents_wrap * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.kvBox {
  width: 100%;
  margin: 0 auto 40px; }
  @media screen and (max-width: 768px) {
    .kvBox {
      margin: 0 auto 29px; } }
  @media screen and (max-width: 768px) {
    .kvBox img {
      width: 100%; } }

.categoryBox {
  font-size: 0;
  margin-bottom: 16px; }
  @media screen and (max-width: 768px) {
    .categoryBox {
      width: 90.9375%;
      margin: 0 auto 8px; } }

.categoryBox__elm1 {
  width: 59px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 9px; }
  @media screen and (max-width: 768px) {
    .categoryBox__elm1 {
      width: 19.93127%;
      margin-right: 3.60825%; } }

.categoryBox__elm2 {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #ff7847; }
  @media screen and (max-width: 768px) {
    .categoryBox__elm2 {
      margin-right: 0;
      font-size: 13px; } }

.categoryBox__elm3 {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin-left: 15px;
  color: #8c8c8c; }
  @media screen and (max-width: 768px) {
    .categoryBox__elm3 {
      display: block;
      margin-top: 8px;
      margin-left: 0;
      font-size: 12px; } }

.topContBox__ttl {
  margin-bottom: 29px; }
  @media screen and (max-width: 768px) {
    .topContBox__ttl {
      width: 90.9375%;
      margin: 0 auto 34px; } }

.topContBox__ttl p {
  margin-bottom: 34px;
		font-size: 16px;
  line-height: 2;
  letter-spacing: 0.055em; }
  @media screen and (max-width: 768px) {
    .topContBox__ttl p {
      margin-bottom: 18px;
						font-size: 14px;
      line-height: 25px;
      letter-spacing: -0.015em; } }

.topContBox__ttl a {
  color: #6EC043; }

.ttlBox {
  margin-bottom: 47px;
  font-size: 32px;
  line-height: 1.5625;
  font-weight: bold;
  letter-spacing: 0.055em; }
  @media screen and (max-width: 768px) {
    .ttlBox {
      margin-bottom: 38px;
      font-size: 23px;
      line-height: 1.413;
      letter-spacing: -0.055em; } }

/*mapBox*/
.mapBox {
  margin: 0 auto 72px;
  width: 100%;
  max-width: 820px; }
  @media screen and (max-width: 768px) {
    .mapBox {
      margin: 0 auto 34px;
      max-width: 90.625%; } }

.mapBox h3 {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  line-height: 34px; }
  @media screen and (max-width: 768px) {
    .mapBox h3 {
      font-size: 15px;
      line-height: 27px; } }

.mapBox .h3Ttl01 {
  margin-bottom: 28px; }
  @media screen and (max-width: 768px) {
    .mapBox .h3Ttl01 {
      margin-bottom: 6px; } }

.mapBox .h3Ttl01 img {
  margin: -2px 12px 0 0;
  vertical-align: middle;
  width: 35px; }
  @media screen and (max-width: 768px) {
    .mapBox .h3Ttl01 img {
      margin: -1px 6px 0 0;
      vertical-align: middle;
      width: 27px; } }

.mapBox .h3Ttl02 {
  margin-bottom: 33px; }
  @media screen and (max-width: 768px) {
    .mapBox .h3Ttl02 {
      margin-bottom: 12px;
      font-size: 16px;
      line-height: 23px;
      text-align: center; } }

.mapBox .map {
  margin-bottom: 36px;
  width: 820px;
  height: 362px;
  background-color: #b3b3b3; }
  @media screen and (max-width: 768px) {
    .mapBox .map {
      width: 100% !important;
      margin-bottom: 26px;
      height: auto; } }

@media screen and (max-width: 768px) {
  .mapBox .map iframe {
    width: 100% !important; } }

@media screen and (max-width: 768px) {
  .mapBox .imgText {
    text-align: center; } }

/*articleBox*/
@media screen and (max-width: 768px) {
  .articleBox {
    margin: 0 auto;
    width: 90.625%; } }

.articleBox h3 {
  font-size: 22px;
  font-weight: bold;
  line-height: 34px;
  letter-spacing: 0.125em;
  color: #000; }
  @media screen and (max-width: 768px) {
    .articleBox h3 {
      font-size: 18px;
      line-height: 27.5px;
      letter-spacing: 0; } }

.articleBox .h3Ttl01 {
  margin-bottom: 32px; }
  @media screen and (max-width: 768px) {
    .articleBox .h3Ttl01 {
      margin-bottom: 18px; } }

.articleBox .h3Ttl01 span {
  background: url(../image/h3_border.png) repeat-x left bottom 1px; }

.articleBox .h3Ttl02 {
  margin-bottom: 10px; }
  @media screen and (max-width: 768px) {
    .articleBox .h3Ttl02 {
      margin-bottom: 17px; } }

.articleBox p {
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.055em; }
  @media screen and (max-width: 768px) {
    .articleBox p {
      margin-bottom: 15px;
      font-size: 14px;
      line-height: 25px;
      letter-spacing: -0.055em; } }

.articleBox .pho {
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .articleBox .pho {
      margin-bottom: 12px;
      text-align: center; } }

.articleBox .pho span {
  display: block;
  text-align: right;
  font-size: 15px;
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: -15px; }
  @media screen and (max-width: 768px) {
    .articleBox .pho span {
      font-size: 12px;
      margin-top: 5px;
      margin-right: 5px;
      margin-bottom: -10px; } }

.articleBox b {
  font-weight: bold; }
  @media screen and (max-width: 768px) {
    .articleBox b {
      padding-top: 10px;
      display: inline-block; } }

.articleBox a {
  color: #504f4e !important;
  text-decoration: underline !important; }

.articleBox .imgBox {
  margin-bottom: 34px; }
  @media screen and (max-width: 768px) {
    .articleBox .imgBox {
      margin-bottom: 33px; } }

.articleBox .pho + .imgBox {
  margin-top: 0;
  margin-bottom: 0;
  position: relative; }
  @media screen and (max-width: 768px) {
    .articleBox .pho + .imgBox {
      margin-top: 0;
      margin-bottom: 0; } }

.articleBox .imgBox:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both; }

.articleBox .imgBox .phoBox {
  float: right;
  position: relative;
  z-index: 100;
  width: 396px;
  margin: -18px 0 0 -25px; }
  @media screen and (max-width: 768px) {
    .articleBox .imgBox .phoBox {
      float: none;
      width: auto;
      text-align: center;
      margin: 0; } }

.articleBox .pho + .imgBox .phoBox {
  position: absolute;
  top: 25px;
  right: 0; }
  @media screen and (max-width: 768px) {
    .articleBox .pho + .imgBox .phoBox {
      position: static; } }
  @media screen and (max-width: 768px) {
    .articleBox .pho + .imgBox .phoBox .wnkPg {
      width: 100%; } }

.articleBox .pho + .imgBox .h3Ttl02 {
  margin-top: 64px; }
  @media screen and (max-width: 768px) {
    .articleBox .pho + .imgBox .h3Ttl02 {
      margin-top: 11px; } }

.articleBox .imgBox .textBox {
  float: left;
  padding: 0 15px 0 0;
  width: 575px;
  text-align: justify; }
  @media screen and (max-width: 768px) {
    .articleBox .imgBox .textBox {
      margin-top: 0;
      float: none;
      width: auto; } }
  .articleBox .imgBox .textBox.block01 {
    margin: 0 0 30px; }

@media print,screen and (min-width: 769px) {
  .articleBox .imgBox.block02 .textBox {
    width: 350px; } }

@media print,screen and (min-width: 769px) {
  .articleBox .imgBox.block02 .phoBox {
    margin: 0;
    width: 623px; } }

@media screen and (max-width: 768px) {
  .articleBox .imgBox.block02 .phoBox img {
    width: 100%; } }

@media screen and (max-width: 768px) {
  .articleBox .imgBox.block02 .pho img {
    width: 100%; } }

.articleBox.botTexBox {
  color: #fff; }
  @media print,screen and (min-width: 769px) {
    .articleBox.botTexBox {
      background: url(../image/bg_01.png);
      padding: 36px; } }
  @media screen and (max-width: 768px) {
    .articleBox.botTexBox {
      background: url(../image/bg_01.png);
      padding: 20px; } }
  .articleBox.botTexBox p {
    margin: 0; }

/*comPhotoBox*/
.comPhotoBox {
  margin: 74px auto 0; }
  @media screen and (max-width: 768px) {
    .comPhotoBox {
      margin: 36px auto 15px; } }

.comPhotoBox img {
  margin: 0 auto;
  display: block;
  width: 100%;
  height: auto; }

/*comInfoBox*/
.comInfoBox {
  margin: 0 0 72px;
  padding: 37px 20px 41px;
  background-color: #f5f5f5; }
  @media screen and (max-width: 768px) {
    .comInfoBox {
      margin: 32px 0 34px;
      padding: 13px 0 20px; } }

.comInfoBox .inner {
  margin: 0 auto;
  width: 100%;
  max-width: 850px; }
  @media screen and (max-width: 768px) {
    .comInfoBox .inner {
      width: 90.625%;
      max-width: inherit;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }

.comInfoBox h3 {
  margin-bottom: 17px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #000; }
  @media screen and (max-width: 768px) {
    .comInfoBox h3 {
      margin-bottom: 14px;
      font-size: 15px;
      line-height: 27.5px; } }

.comInfoBox table {
  width: 100%;
  border-collapse: collapse; }

.comInfoBox th, .comInfoBox td {
  padding: 22px 22px 17px;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  word-break: break-all;
  border-bottom: 1px solid #d9d9d9;
  background-color: #fff; }
  @media screen and (max-width: 768px) {
    .comInfoBox th, .comInfoBox td {
      padding: 3px 5px 3px 13px;
      font-size: 13px;
      line-height: 18px;
      height: 30px; } }

.comInfoBox th {
  width: 31%;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #8c8c8c; }
  @media screen and (max-width: 768px) {
    .comInfoBox th {
      padding: 7px 5px;
      width: 31%;
      font-size: 14px; } }

.comInfoBox a {
  color: #4f4e4d !important; }

.photoBox {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 980px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    .photoBox {
      width: auto; } }
  @media screen and (max-width: 768px) {
    .photoBox li {
      width: 100%; } }
  @media screen and (max-width: 768px) {
    .photoBox--sec3 {
      display: block; } }
  .photoBox--sec4 {
    margin-bottom: 40px; }
  .photoBox--sec6 {
    margin-bottom: 40px; }
  @media screen and (max-width: 768px) {
    .photoBox__photoWrap {
      background: #f5f5f5;
      width: 100%;
      font-size: 0; } }
  @media screen and (max-width: 768px) {
    .photoBox__photoWrap.sec2W {
      width: 50%; } }
  @media screen and (max-width: 768px) {
    .photoBox__photoWrap.w50 {
      width: 50%; } }
  @media print,screen and (min-width: 769px) {
    .photoBox__photoWrap.ver01 {
      width: 261px; } }
  @media screen and (max-width: 768px) {
    .photoBox__photoWrap.ver01 {
      border-top: solid 1px #fff; } }
  @media screen and (max-width: 768px) {
    .photoBox__photoWrap.ver01 figure:first-child {
      border-right: solid 1px #fff; } }
  @media screen and (max-width: 768px) {
    .photoBox__photoWrap.ver01 figure img {
      vertical-align: none; } }
  @media print,screen and (min-width: 769px) {
    .photoBox__photoWrap.ver01 figure .cpt01 {
      height: 46px; } }
  @media print,screen and (min-width: 769px) {
    .photoBox__photoWrap.ver01 figure .cpt02 {
      height: 75px; } }
  @media print,screen and (min-width: 769px) {
    .photoBox__photoWrap.ver02 {
      width: 980px; } }
  .photoBox__photoWrap.ver02 figure {
    display: inline-block;
    float: left; }
    .photoBox__photoWrap.ver02 figure:first-child {
      border-right: solid 1px #fff; }
  @media print,screen and (min-width: 769px) {
    .photoBox__photoWrap.ver03 {
      width: 327px; } }
  @media screen and (max-width: 768px) {
    .photoBox__photoWrap.ver03 figure:first-child {
      border-right: solid 1px #fff; } }
  .photoBox__photoSml {
    background: #f5f5f5; }
    @media screen and (max-width: 768px) {
      .photoBox__photoSml {
        width: 50%;
        display: inline-block;
        vertical-align: top; } }
    @media screen and (max-width: 768px) {
      .photoBox__photoSml.w100 {
        width: 100%; } }
    @media print,screen and (min-width: 769px) {
      .photoBox__photoSml.br {
        border-right: 1px solid #fff;
        -webkit-box-sizing: border-box;
        box-sizing: border-box; } }
    .photoBox__photoSml.w325 {
      width: 326px; }
      @media screen and (max-width: 768px) {
        .photoBox__photoSml.w325 {
          width: 100%; } }
    .photoBox__photoSml--sec3 {
      display: -webkit-box;
      display: -moz-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -moz-box-lines: multiple;
      display: flex;
      -webkit-align-items: flex-end;
      -moz-align-items: flex-end;
      -ms-align-items: flex-end;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      background: #f5f5f5; }
      @media screen and (max-width: 768px) {
        .photoBox__photoSml--sec3 {
          display: block;
          width: 100%;
          border-top: 1px solid #fff; }
          .photoBox__photoSml--sec3 img {
            width: 30%;
            vertical-align: top; } }
  .photoBox__smlCap {
    font-weight: 700;
    line-height: 1.5;
    background: #f5f5f5;
    font-size: 11px;
    color: #000;
    padding: 14px 14px 13px; }
    @media screen and (max-width: 768px) {
      .photoBox__smlCap {
        height: auto;
        line-height: 1.5;
        text-indent: 0;
        padding: 3% 4%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: none; } }
    @media screen and (max-width: 768px) {
      .photoBox__smlCap.ha {
        height: auto;
        line-height: 1.5;
        text-align: left; } }
    @media print,screen and (min-width: 769px) {
      .photoBox__smlCap.bn {
        border: none; } }
    @media print,screen and (min-width: 769px) {
      .photoBox__smlCap.bl {
        border-left: 1px solid #fff; } }
    @media print,screen and (min-width: 769px) {
      .photoBox__smlCap.br {
        border-right: 1px solid #fff; } }
    .photoBox__smlCap--row {
      width: 326px;
      line-height: 1.5;
      text-indent: 0;
      padding: 12px 12px;
      height: 60px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 768px) {
        .photoBox__smlCap--row {
          width: 100%;
          padding: 3% 4%; } }
    .photoBox__smlCap--row2 {
      width: 326px;
      line-height: 1.5;
      text-indent: 0;
      padding: 12px 12px;
      height: 77px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 768px) {
        .photoBox__smlCap--row2 {
          width: 100%;
          padding: 3% 4%; } }
    .photoBox__smlCap--row3 {
      width: 176px;
      line-height: 1.5;
      text-indent: 0;
      padding: 0px 12px;
      height: 77px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      @media screen and (max-width: 768px) {
        .photoBox__smlCap--row3 {
          width: 70%;
          display: inline-block;
          height: auto;
          padding-top: 4%; } }
  @media screen and (max-width: 768px) {
    .photoBox .photoBox__photoLrg img {
      width: 100%; } }
  @media screen and (max-width: 768px) {
    .photoBox .photoBox__photoSml img {
      width: 100%; } }