@charset "UTF-8";
/* パーツ用CSS */

/* 汎用class */
#contents .fL{ float: left; }
#contents .fR{ float: right; }

#contents .wdt05{width: 5%;}
#contents .wdt10{width: 10%;}
#contents .wdt12{width: 12%;}
#contents .wdt13{width: 13%;}
#contents .wdt15{width: 15%;}
#contents .wdt20{width: 20%;}
#contents .wdt25{width: 25%;}
#contents .wdt30{width: 30%;}
#contents .wdt33{width: 33%;}
#contents .wdt34{width: 34%;}
#contents .wdt35{width: 35%;}
#contents .wdt40{width: 40%;}
#contents .wdt45{width: 45%;}
#contents .wdt50{width: 50%;}
#contents .wdt60{width: 60%;}
#contents .wdt70{width: 70%;}
#contents .wdt80{width: 80%;}
#contents .wdt90{width: 90%;}
#contents .wdt100{width: 100%;} 
#contents .wdt100-img img{width: 100%;}/* 20170818 4mix t.o add */
#contents .wdt170{width: 170px;}
#contents .wdt550{width: 550px;}/* 20170721 4mix t.o add */
#contents .wdt600{width: 600px;}
#contents .wdt700{width: 700px;}

#contents .mt10{ margin-top:10px;}
#contents .mt20{ margin-top:20px;}
#contents .mt30{ margin-top:30px;}
#contents .mt40{ margin-top:40px;}
#contents .mt50{ margin-top:50px;}

#contents .mr10{ margin-right:10px;}
#contents .mr20{ margin-right:20px;}
#contents .mr30{ margin-right:30px;}
#contents .mr40{ margin-right:40px;}
#contents .mr50{ margin-right:50px;}

#contents .mb10{ margin-bottom:10px;}
#contents .mb20{ margin-bottom:20px;}
#contents .mb30{ margin-bottom:30px;}
#contents .mb40{ margin-bottom:40px;}
#contents .mb50{ margin-bottom:50px;}

#contents .ml10{ margin-left:10px;}
#contents .ml20{ margin-left:20px;}
#contents .ml30{ margin-left:30px;}
#contents .ml40{ margin-left:40px;}
#contents .ml50{ margin-left:50px;}

#contents .pd12{ padding: 12px;}

#contents .v-top{ vertical-align: top;}
#contents .dsp-blc{ display: block;}

#contents .box-centering{ 
    margin:0 auto;
    text-align: center;
}

#contents .sp-only,
#content .tablet-on {
  display: none;/* 20170818 4mix t.o add */
}


/* パーツタイトル */
#contents .parts-title {
    background: #000;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding:6px;
}

#contents .parts-box {
    margin: 0 0 20px;
}

.inner-wrap {
	text-align: justify; /*2017/07/13追記 大和田*/
}


/* 見出しパーツ */
/* H1見出し（SNSなし） */
#contents h1 {
    position: relative;
    /* background: url(/files/user/img/contents/h1-underline.png) no-repeat bottom; */
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 22px;
    padding: 0 0 16px;
    border-bottom: 1px solid #83bd9c;
}
#contents h1:before {
    /*  content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 20%; 20170726 4mix t.o changed */
    /*border-bottom: 1px solid #1e874a;*/
}

/* H1見出し（SNSあり） */
#contents .sns-box {
  /*position:relative;*/
}

    #contents h1.with-sns {
       padding-right: 150px;
    }
    
        #contents .sns-btn-box {
          position:absolute;
          top: 2px;
          right: 0;
          text-align:right;
        }
    
            #contents .sns-btn-box .sns-btn {
              float: left;
              margin-left: 6px;
            }

/* H2見出し(帯あり) */
#contents h2.type01 {
    /*background: url(/files/user/img/contents/h2-bg.png);*/
    box-sizing: border-box;
    color: #fff;
    /*color: #333;*/
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 22px;
    /*padding:0 0 0 35px;*/
    padding: 7px 0px 5px 10px;/*2017/07/20変更大和田*/
    background-color: #8ec718;/*2017/07/19変更大和田*/
}

/* 20170724 4mix t.o start */
#contents h2.type01.intro:before {
	content: '';
	display: inline-block;
	height: 32px;
	margin-right: 4px;
	position: relative;
	top: -2px;
	vertical-align: middle;
	width: 32px;
}

#contents .inner:nth-of-type(1) h2.type01.intro:before {
  background: url(/files/user/img/icon/hos_icon_01.png) no-repeat;
  background-size: contain;
}

#contents .inner:nth-of-type(2) h2.type01.intro:before {
  background: url(/files/user/img/icon/hos_icon_02.png) no-repeat;
  background-size: contain;
}

#contents .inner:nth-of-type(3) h2.type01.intro:before {
	background: url(/files/user/img/icon/hos_icon_03.png) no-repeat;
	background-size: contain;
}
/* 20170724 4mix t.o end */

/* 20170724 4mix t.o start 病院案内アイコン追加*/
#contents h2.type01.info:before {
	content: '';
	display: inline-block;
	height: 32px;
	margin-right: 4px;
	position: relative;
	top: -2px;
	vertical-align: middle;
	width: 32px;
}

#contents .inner:nth-of-type(1) h2.type01.info:before {
  background: url(/files/user/img/icon/hos_info_icon_01.png) no-repeat;
  background-size: contain;
}

#contents .inner:nth-of-type(2) h2.type01.info:before {
    background: url(/files/user/img/icon/hos_info_icon_02.png) no-repeat;
    background-size: contain;
}

#contents .inner:nth-of-type(3) h2.type01.info:before {
    background: url(/files/user/img/icon/hos_info_icon_03.png) no-repeat;
    background-size: contain;
}

#contents .inner:nth-of-type(4) h2.type01.info:before {
   background: url(/files/user/img/icon/hos_info_icon_04.png) no-repeat;
   background-size: contain;
}

#contents .inner:nth-of-type(5) h2.type01.info:before {
   background: url(/files/user/img/icon/hos_info_icon_05.png) no-repeat;
   background-size: contain;
}

/* 20170724 4mix t.o end */


/* H2見出し(帯なし) */
#contents h2.type02 {
    background-image: none;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 16px;
    padding:0;
}

/* H2見出し(帯なし・色なし) */
#contents h2.type03 {
    background-image: none;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 16px;
    padding:0;
}

/* H3""付き見出し */
#contents h3.type01 {
  background: url(/files/user/img/contents/h3-bg-left.png) left top no-repeat , url(/files/user/img/contents/h3-bg-right.png) right bottom no-repeat;
  display: inline-block;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 11px;/*22px*/
  padding: 0 24px;
background-size: 14px;
}

#contents h3 {
        margin-bottom: 10px;
}

/* H3""なし見出し（FONTサイズ指定無し） */
#contents h3.type02 {
  display: inline-block;
  line-height: 36px;
  margin-bottom:22px;
  padding: 0;
}


/* テキストパーツ */
/* 通常テキスト */
#contents p {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 32px;/*16px*/
}
/*--20170824 4mix YN start--*/
.manner-class .inner .note br:first-child{
    display: none;
}
/*--20170824 4mix YN end--*/

/*--20170825 4mix YN start--*/
.clearFix .time br{
    display: none;
} 
/*--20170825 4mix YN end--*/

/* 通常テキストリンク */
#contents a:hover {
    text-decoration: none;
}

/* 通常テキスト補足 */
#contents sup {
    color: #e64461;
    font-size: 8px;
    position: relative;
    top: -4px;
}

/* 1インデント */
#contents .one-indent {
    padding-left: 1em;
    text-indent: -1em;
}

/* 1.5インデント */
#contents .onehalf-indent {
    padding-left: 1.5em;
    text-indent: -1.5em;
}

#contents .onehalf-all-indent {
    padding-left: 1.5em;
}



/* 2インデント */
#contents .two-indent {
    padding-left: 2em;
    text-indent: -2em;
}

/* 2.5インデント */
#contents .twohalf-indent {
    padding-left: 2.5em;
    text-indent: -2.5em;
}

#contents .eighthalf-indent {
    padding-left: 8.5em;
    text-indent: -8.5em;
}

/* →アイコン */
#contents .arr-next:before {
    display: inline-block;
    content: "\f0a9";
    font-family: FontAwesome;
    margin-right: .5em;
}

/* 下アイコン */    
#contents .arr-down:before {
        content: "\f0ab";
        font-family: FontAwesome;
    }

/* キャプション1インデント */
#contents .caption-1indent {
    font-size: 12px;
    line-height: 1.5;
    padding-left: 1em;
    margin-bottom:0;
    text-indent: -1em;
}

/* キャプション2インデント */
#contents .caption-2indent {
    font-size: 12px;
    line-height: 1.5;
    padding-left: 2em;
    text-indent: -2em;
}

/* リストパーツ(↓アイコン付き) */
#contents ul.type01 li {
    color: #1f38a0;
    font-size:12px;
}
    #contents ul.type01 li:before {
        content: "\f0ab";
        font-family: FontAwesome;
    }

/* リストパーツ(◎アイコン付き) */
#contents ul.type02 li {
    color: #333;
    font-size:14px;
    margin-bottom:10px;
}
    #contents ul.type02 li:before {
        content: "\f192";
        font-family: FontAwesome;
		padding-right: 5px;
    }

#contents ul.type02 li:nth-of-type(3) {
	padding-left: 1.08em;
    text-indent: -1.08em;
}
    
/* リストパーツ(・付き) */
#contents ul.type03{
    margin-bottom:16px;
}
    #contents ul.type03 li {
        color: #333;
        list-style:disc;
        font-size:14px;
        margin:0 0 10px 22px;
    }
    
/* リストパーツ(装飾なし) */
#contents ul.type04{
    margin-bottom:20px;
}
    #contents ul.type04 li {
        color: #333;
        list-style:none;
        font-size:14px;
        margin:0 0 5px 0;
    }

/* 折り返しなし */
.no-wrap {
    white-space: nowrap;
}
    
/* リストパーツ(→アイコン付き・float) */
#contents ul.type05 li {
    color: #1f38a0;
    font-size:12px;
    float:left;
    margin:0 20px 10px 0;
}
    #contents ul.type05 li:before {
        content: "\f0a9";
        font-family: FontAwesome;
    }

/* リストパーツ(●アイコン付き・float) */
/*#contents ul.type06 li {
    font-size:12px;
    float:left;
    margin:0 10px 6px 0;
    width:*//*126px*//*calc(100%/6 - 4px);
    text-indent: -1.0em;
    padding-left: 1.1em;
    
}*/
    /*#contents ul.type06 li:before {
        content: "●";
    }*/

#contents .type06 {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
    #contents .type06 li {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        width: 50%;
        padding: 8px;
        font-size: 12px;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
        #contents .type06 li:before {
            content: "\f00c";
            font-family: Fontawesome;
            font-size: 14px;
            color: #229b58 ;
            margin: 0 8px 0 0;
        }
    
/* フォントカラー */
#contents .color-red { color: #e64461;}
#contents .color-orange { color: #f60;}
#contents .color-green01 { color: #147514;}
#contents .color-green02 { color: #01682e;}
#contents .color-black { color: #000;}
#contents .color-glay { color: #333;}
#contents .color-brown { color: #583d14;}

/* フォントサイズ */
#contents .fnt-xl{ font-size: 24px;}
#contents .fnt-l{ font-size: 18px;}
#contents .fnt-m{ font-size: 16px;}
#contents .fnt-s{ font-size: 12px;}
#contents .fnt-ss{ font-size: 11px;}

/* フォントウェイト */
#contents .fnt-bold { font-weight: bold;}
#contents .fnt-normal { font-weight: normal;}

/* テキスト位置 */
#contents .txt-right { text-align: right;} 
#contents .txt-left { text-align: left;}
#contents .txt-cnt { text-align: center;}

/* フッター注意書き */
#contents .foot-notic {
    color: #7c7973;
    font-size: 12px;
}

[class*="guide_"] #contents .cnt-img { 
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
[class*="guide_small"] .ul-form-btn01 {
    text-align: left;
}

#contents [class*="bdr-btm-"] {
    margin-bottom: 8px;
    padding-bottom: 8px;
}


#contents .bdr-btm-type01{
  border-bottom:1px solid #583d14;
}

#contents .bdr-btm-type02{
  border-bottom:1px solid #01682e;
}

#contents .bdr-btm-type03{
  border-bottom:1px solid #f60;
}

#contents .bdr-btm-type04{
  border-bottom:2px dotted #583d14;
}

#contents .bdr-btm-type05{
    border-bottom:2px dotted #01682e;
}



#contents .bdr-btm-type06{
  border-bottom:2px dotted #f60;
}

.two-col-wrap {
    display: flex;
}

/* BOXパーツ */
/* 見出しごとのBOX */
#contents .inner {
    display: block;
    margin-bottom:44px;
/*overflow: hidden;*/
    width:100%;
    zoom: 1;
}

#contents .inner:after {
    content: ""; 
    display: block; 
    clear: both;
}



/* 2カラムのコンテンツ */

#contents .two-col-contents{
    display:inline-block;
    float:left;
    width: 100%;
}

  /* 最初に画像が来る場合 */
  #contents .two-col-fast-img{
      display:inline-block;
      float:left;
      margin-right:16px;
  }
  
  /* 最後に画像が来る場合 */
  #contents .two-col-last-img{
      display:inline-block;
      float:right;
      margin-left:16px;
      text-align: right;
      width: min-content;
  }
    
/* BOXコンテンツのアウター */
#contents .col-box-outer{
    display: block;
    /* width: 936px; */
    width: 100%;
}

/* カラムBOX（縦可変） */
  #contents .tbl{
    border-collapse:separate;
    display:table;
    table-layout:fixed;
    width:100%;
  }

  #contents .tbl-row{
    display:table-row;
  }

.service_fmember #contents .tbl-row{
    display:flex;
  }
  
  /* 2カラムBOXコンテンツ（縦可変） */
  #contents .two-col-tblcell{
      box-sizing: border-box;
      display: table-cell;
      padding: 14px 10px 0;
      position: relative;
      width: calc(100%/2 - 6px);
      font-weight: 600;
  }
  
  /* 3カラムBOXコンテンツ（縦可変） */
  #contents .three-col-tblcell{
      box-sizing: border-box;
      display: table-cell;
      padding: 10px 8px 0;
      position: relative;
      width: 288px;
  }
  


/* 2カラムBOXコンテンツ */
  #contents .two-col-box{
      border: 1px dotted #af9872;
      box-sizing: border-box;
      display: block;
      float: left;
      height: 165px;
      margin: 0 24px 22px 0;
      padding: 14px 10px;
      position: relative;
      width: calc(100%/2 - 12px);
  }

    #contents .two-col-box:nth-of-type(2n) {
      margin-right: 0;
    }
  
      #contents .two-col-box h3{
          color: #01682e;
          font-size: 18px;
          font-weight: bold;
          margin-bottom:6px;
          text-align:center;
      }
      
      #contents .two-col-box p{
          font-size: 16px;
          font-weight: bold;
          margin-bottom: 6px;
          text-align: center;
      }
      
      #contents .two-col-box p.two-row{ line-height: 1.5; }
    
      #contents .two-col-box p.one-row{ line-height: 3; }
      
      #contents .two-col-box p.caption {
          color: #e64461;
          font-size: 12px;
          line-height: 1.5;
          text-align: left;
      }
     #contents .two-col-box span {
		 color: #f60;
      }
      
      #contents .two-col-box .btn01{
        margin:0 auto;
      }
      
      /* 動物病院トップ */
        #contents .hospital-list-box {
            margin-bottom: 50px;
        }
        #contents .two-col-box.hospital-col {
          overflow: hidden;
          border: none;
          box-sizing: border-box;
          display: block;
          float: left;
          height: 127px;
          margin:0 24px 32px 0;/*2017/07/19変更大和田*/
          padding: 0;
          width: calc(100%/2 - 12px);
      }

      #contents .two-col-box.hospital-col:nth-of-type(2n) {
        margin-right: 0;
      }

      #contents .two-col-box.hospital-col:nth-last-of-type(-n+2) {
          margin-bottom: 0;/* 20170915 4mix t.o changed */
}
      
      #contents .two-col-box.hospital-col img {
          float: left;
          margin-right: 10px;
      }

      #contents .two-col-box.hospital-col h3{
          line-height:1;
          margin-bottom: 10px;
          text-align:left;
      }
      
      #contents .two-col-box.hospital-col h3 a{
          color: #008c00;
          font-size: 20px;
          font-weight: normal;
          text-align:left;
      }
      
      #contents .two-col-box.hospital-col p.address{
          color: #333;
          font-size: 12px;
          line-height:1.5;
          margin-bottom: 8px;
          text-align:left;
      }
      
      #contents .two-col-box.hospital-col p.phone{
          color: #333;
          font-size: 16px;
          line-height:1;
          text-align:left;
      }
      
      #contents .two-col-box.hospital-col p.phone:before {
          content: "\f095";
          font-size: 20px;
          font-family: FontAwesome;
          line-height:24px;
          margin-right:4px;
          position:relative;
          top:2px;
      }

/* 20170823 4mix t.o start */
#contents .doctor-fee {
	display: flex;
	width: 90%;
	margin: 0 auto;
}

#contents .doctor-box {
  display: block;
  width: 99%;
  clear: both;
  margin: 0 auto;
  border: #e8e5dc 1px solid;
  vertical-align: middle;
}

.doctor-box-line {
	border: 7px solid #dcd3b2;
	overflow: hidden;
	background: #fff;
	padding: 30px 0 20px;
	box-sizing: border-box;
	border-radius: 9px;
    width: 96%;
    margin: 15px auto;
}

#contents .doctor-box p {
	margin: 15px 0 23px;
}

#contents .doctor-box .fee-title {
	float: left;
	font-size: 1.8em;
	width: calc(100%/2);
	line-height: 2.5;
	text-align: center;
}

#contents .doctor-box .fee-title.first-time {
	line-height: 5.2;
}

#contents .doctor-box .fee {
    font-size: 2.67em;
    font-weight: bold;
    color: #fb586c;
    line-height: 1.5;
    float: left;
    width: calc(100%/2);
}

#contents .doctor-box .fee-area {
	padding: 6% 0;
}


#contents .tax-inc {
	font-size: 0.6em;
	color: initial;
}

#contents .tax-inc:after {
	content: "(税込)";
	font-size: 0.8em;
	font-weight: 100;
}

#contents .plus-icon {
	font-weight: bold;
	font-size: 3em;
	text-align: center;
	color: #fb586c;
	clear: both;
	margin: 0;
    line-height: 0.5;
}

#contents .doctor-fee div:nth-of-type(2) {
	margin-left: 25px;
}
/* 20170823 4mix t.o end */

/* 3カラムBOXコンテンツ */
  #contents .three-col-box {
      border: 1px dotted #2b1c09;
	  border-radius: 5px;
      box-sizing: border-box;
      display: block;
      float: left;
      height:188px;
      margin:22px 24px 0 0;
      padding: 12px;
      position: relative;
	  text-align: justify;
      width: calc(100%/3 - 16px); /* 20170815 4mix t.o changed */
  }

/* 3カラムBOXコンテンツ 最初のマージンのみ削除*/
	#contents .three-col-box:nth-child(-n+3) {
			margin-top: 0;
		}


    #contents .three-col-box:nth-of-type(3n) {
        margin-right:0;
    }
  
      #contents .three-col-box.height-low{
          height:180px;
      }

      #contents .three-col-box h3{
          color: #543b14;
          font-size: 18px;
          font-weight: bold;
          margin-bottom:10px;
      }

      
      #contents .three-col-box h3 a{
          color: #543b14;
          font-size: 14px;
          font-weight: bold;
          margin-bottom:12px;
          padding-right:6px;
          text-decoration: none;
      }
      
      #contents .three-col-box h3 a:hover{
          color: #543b14;
/*font-size: 18px;*/
          font-weight: bold;
          margin-bottom:12px;
      }
      
      #contents .three-col-box h3.link:after {
          color: #dad2c5;
          content: "\f105";
          font-size: 24px;
          font-family: FontAwesome;
          line-height:24px;
          position:relative;
          top:2px;
      }
      
      #contents .three-col-box p{
          line-height: 1.5;
          margin-bottom:0;
          font-weight: 600;
      }
      
      #contents .three-col-box p.link {
        font-size: 12px;
        position: absolute;
        bottom: 10px;
        left: 12px;
      }
      #contents .three-col-box p.link a {
        text-decoration: none;
      }
      
      #contents .three-col-box p.link:before {
        content: "\f0a9";
        font-family: FontAwesome;
		margin-right: 4px;
      }
      
      /* 動物病院トップ */
      #contents .three-col-box.height-ex-low{
          border: 1px dotted #bababa;
          height:100px;
          padding: 4px 8px;
          background-color: #f3ffe3;
      }

      #contents .three-col-box h3.link-glay {
          margin-bottom:6px;
      }

      #contents .three-col-box h3.link-glay a{
          color: #000;
          font-size: 16px;
          font-weight: bold;
          margin-bottom:8px;
          padding-right:6px;
      }
      
      #contents .three-col-box h3.link-glay a:hover{
          color: #000;
          font-size: 16px;
          font-weight: bold;
          margin-bottom:8px;
      }
      
      #contents .three-col-box h3.link-glay:after {
          color: #bcbcbc;
          content: "\f105";
          font-size: 24px;
          font-family: FontAwesome;
          line-height:24px;
          position:relative;
          top:2px;
      }

      /* 病気の予防と管理 */
      #contents .three-col-box.height-high{
          border: 1px dotted #bababa;
          height:360px;
          padding: 4px 8px;
      }

/*動物病院・よくある質問、健康相談室*/
/*2017/07/19追記大和田*/
     .hospital_faq #contents p, .topics_list28 #contents p {
	      margin-bottom: 16px;
      }

.hospital_faq #contents p:last-child,
.topics_list28 #contents p:last-child {
  margin-bottom: 0;
}


      /* コジマの安心 */
      #contents .three-col-box.height-ex-high{
          border: 1px dotted #bababa;
          height:460px;
          padding: 4px 8px;
      }

      #contents .micro-chip {
      	   width: calc(100% - 195px);
      }

      #contents .micro-chip-img {
      	   width: 160px;
      }

/* フレンド会員 */
/*20170712追記大和田*/
      #contents h1 .small-tittle {
	      display: table-cell;
		  font-size: 15px;
      }

/*2017/07/13追記↓ 大和田*/

/*2017/07/13追記↑ 大和田*/

.fri-icon-box {
    margin-right: 8px;
}

.fri-icon-box img {
}
#contents .fri-men-box p {
    width: 79%;
    line-height: 1.7;
}

#contents .k-menber {
	margin-bottom: 30px;
}

      
/* MAX5カラムBOXコンテンツ(センタリング) */
#contents .five-col-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#contents .five-col-wrap > div {
    height:auto;
}

#contents .five-col-box {
      box-sizing: border-box;
      float: left;
      margin:0 2px 10px;
      padding: 6px 4px;
      position: relative;
      text-align:center;
      vertical-align:top;
      width: calc(100%/5 - 4px);
  }

#contents .five-col-box.bug{
    height: 0;
}
  
  #contents .five-col-box p{
      line-height:1.2em;
      height: 2.5em;
  }
   

/* AUTOカラム */
#contents .three-col-box.height-single-low{
    border: 1px dotted #bababa;
    height:auto;
    padding: 8px 8px 4px;
}

/* センターシングルボックス */      
#contents .block-box-w50p{
    display: block;
/*padding: 10px 10px 0;*/
    margin:16px auto;
    width: 50%;
}

#contents .block-box-w70p{
    display: block;
    box-sizing: border-box;
    /* padding: 16px; */
    margin: 16px auto;
    /* width: 70%; */
/*background-color: #edf1e8;*/
}

/*20170721追記 仲浦 start*/
.block-box-w70p .txt-support{
    width: 637px;
    margin: 0px auto;
    text-align: left;
    line-height: 1.5;
}

.block-box-w70p .txt-support:nth-child(3){
    margin: 15px auto;
}
/*20170721追記 仲浦 end*/

#contents .block-box-w80p{
    display: block;
/*padding: 10px 10px 0;*/
    margin:16px auto;
width: 80%;
}

#contents .block-box-w90p{
    display: block;
    margin:16px auto;
/*width: 90%;*/
}

/*2017/07/19追記大和田*/
#contents .block-box-w90p.intro-coution {
	background: #fffff3;
    border: 2px dotted #f2f3b3;
    border-radius: 5px;
	padding: 12px;
  position: relative;
}

/*2017/07/19追記大和田*/
#contents .block-box-w90p.intro-coution p {
	margin-bottom: 0;
  padding-right: 260px;
}

#contents .block-box-w90p .intro-coution-animal {
    position: absolute;
    top: -50px;
    right: 22px;
}

#contents .block-box-w96p{
    display: block;
    margin:16px auto;
/*width: 96%;*/
}

/* ボックスフロート */ 
#contents .fl-left{
    box-sizing:border-box;
    float: left;
    width: 48%;
}

#contents .fl-right{
    box-sizing:border-box;
    float: right;
    width: 48%;
}

/* ボックスボーダー */ 
 #contents .box-border {
    padding: 16px 16px 45px; /*2017/07/13変更 大和田*/
    border: 1px dotted #bababa;
}

#contents .box-border p:last-child {
    margin-bottom: 0;
}

/* テーブルパーツ */
#contents table,
#contents th,
#contents td{
    box-sizing:border-box;
    font-size: 14px;
    font-weight:normal;
}

#contents th,
#contents td {padding: 8px;}

  /*ボーダーカラー*/
  #contents table .border-color01{ border: 1px solid #bfb2a1; vertical-align:middle; line-height: 1.9; /* 2017081 4mix to add 大和田 */ }
  
  /*背景カラー―*/
  #contents table .bg-color01{ background: #f2f1ef; }
  #contents table .bg-color02{ background: #AE9F89; }
  
  /*テーブルパラメーター（沿革）*/
  #contents table.tbl-param01 th{
      text-align:right;
      vertical-align: top;
}



/* その他パーツ */
/* ボタンパーツ */
#contents .btn01 {margin-bottom: 10px;}

#contents .btn01 a {
    border:1px solid #4CAF50;
    border-radius: 4px;
    box-sizing:border-box;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    padding:0 10px;
    text-align: center;
    min-width: 288px;
    color: #fff;
    background-color: #4CAF50;
    text-decoration: none;
    box-shadow: 0 2px 0 rgba(0,0,0,.25);
}

#contents .fl-left .btn01 a {
	background-color: #79390b;
	border: 1px solid #79390b;
}

#contents .btn01 a.sp-active,
#contents .btn01 a:active {
    box-shadow: 0 0 0 rgba(0,0,0,0);
    transform: translateY(2px);
}

#contents .btn01 a:hover {
    color: #4CAF50;
    background-color: transparent;
}

#contents .fl-left .btn01 a:hover {
	color: #79390b;
}

#contents .btn-center {
    margin:20px 0 0;
    text-align: center;
}


    #contents .btn-center:hover{

    }

/* ミニボタンパーツ */    
#contents .btn02{
    color: #fff;
    display:inline-block;
    font-size: 10px;
    line-height: 16px;
    padding: 0 5px;
    margin: 0 5px;
    background: #01682e
}
    /* ミニボタンパラメータ */
    #contents .btn02.param01{
        color: #333;
        background: #f2f1ef
    }

#contents .btn03 a {
    border:1px solid #000;
    border-radius: 4px;
    box-sizing:border-box;
    display: block;
    font-size: 12px;
    line-height: 20px;
    padding:0 6px;
    margin:0 0 10px;
    width: 200px;
color: #333;
text-decoration: none;
}

    #contents .btn03 a:after{
        content: "\f105";
        font-family: FontAwesome;
        margin-left:10px;
    }
    



/* ペット図書館TOPイメージ */
#contents .detail-main-visu {
    /*position: relative;
box-sizing: border-box;*/ 
    width: 50%;
/*height: 250px;*/
/*height: 333px;*/
/*background-color: #f5f5f5;*/
/*border: 1px solid #cbcbcb;*/
    text-align: center;
}

/*ペット図書館*/
.left-pic {
    float: left;
    width: 55px;
    margin-right: 8px;
}

.left-pic img {
    width: 100%;
}

#contents .age-comparison-box table {
    width: 100%;
    text-align: center;
}



#contents .caution {
    margin: 0;
}


#contents .detail-main-visu .pic {
width: 100%;
/*height: 333px;*/
box-sizing: border-box;
border: 1px solid #cbcbcb;
}

  #contents .detail-main-visu img {
    height: 100%;
      width: 100%;
}
  
  #contents .detail-main-visu figcaption {
/* position: absolute; */
/* top: 100%; */
padding-top: 0.5em;
font-size: 13px;
  }

/* 育て方 */
#contents .p-hearter-note {
    height: 3.5em;
    line-height: 1.5em;
    margin: 0;
}

/*アニマル図鑑*/
#content .animal-detail {
    display: flex;
    justify-content: space-between;
}
  
#contents .detail-contents {
    width: 48%;
}
    #contents .detail-contents p {
        font-size: 12px;
        margin-top: -5px;
} 

    #contents .detail-contents p span{
        font-size: 14px;
        font-weight: bold;
       
    }
#contents .age-list01 td {
    width: calc(87.4%/7);
}
#contents .age-list01 th,
#contents .age-list02 th,
#contents .action-box th {
    width: 15%;
    text-align: center;
}


/* ブログページ */
#contents .blog-col-left {
    display: block;
    float: left;
    width: 648px;
}

#contents .blog-col-left h2{
    background: #ffdaf1;
    border: 1px solid #f3bcde;
    color: #333;
    font-weight:bold;
    line-height: 44px;
    margin-bottom: 40px;
    padding-left: 16px;
    position:relative;
}

#contents .blog-col-left h2 span{
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  top: 0;
  right: 16px;
}

#contents .blog-col-right {
    display: block;
    float: right;
    width: 240px;
}

    #contents .blog-col-right p{
          color: #543b14;
          font-weight: bold;
          font-size: 16px;
          line-height:1;
    }

    #contents .blog-col-right ul li {
          font-size: 13px;
          margin-bottom: 6px;
    }
    
    #contents .blog-col-right ul li a{
          color: #543b14;
    }
    
    #contents .blog-month-list ul li {
          font-size: 14px;
          margin-bottom: 12px;
    } 

    #contents .blog-month-list {
        background: #f7eee1;
        border:1px dotted #aa9066;
        box-sizing: border-box;
        margin-bottom: 24px;
        padding: 14px 14px 8px;
    }
    
/* 動物病院トップ */
.hospital-main-visu {
    width: 100%;
    margin-bottom: 44px;
}

/*#contents h1.hospital-title, 2017/07/19変更大和田*/
#contents h2.hospital-title {
    /* background: url(/files/user/img/contents/hospital-underline.png) no-repeat bottom; 20170726 4mix t.o out */
    border-bottom: 1px solid #c3d600; /* 20170726 4mix t.o add */
    font-size: 24px;
    font-weight: 600;/*2017/07/19変更大和田*/
    margin-bottom: 16px;/*2017/07/19変更大和田*/
    padding: 0 0 6px;
}

#contents h2:first-of-type.hospital-title {
	margin-bottom: 32px;/*2017/07/19追記大和田*/
}

#contents .hospital-info-slide-outer{
    position: relative;
    margin-bottom: 22px;
}

    #contents .hospital-info-slide-box{
        display: block;
        height: 90px;
        margin: 0 auto;
        overflow: hidden;
        width: 100%;
    }
    
        #contents .hospital-info-slide-inner{
            width: 100%;
        }
        
        #contents .hospital-info-slide-box li{
            border:2px solid #d3e2b5;
            box-sizing: border-box;
            float: left;
            font-size:11px;
            height: 90px;
            margin-right: 2px;
            padding:10px;
            width: 292px;
        }
        
        #contents .hospital-info-slide-box li span{
            font-size:18px;
        }


.hospital-owl-carousel.owl-carousel .owl-controls .owl-nav .owl-next,
.hospital-owl-carousel.owl-carousel .owl-controls .owl-nav .owl-prev {
    width: auto;
}

        #contents .arrow-prev:before{
            color: #689b00;
            content: "\f0a8";
            font-size: 16px;
            font-family: FontAwesome;
            line-height: 24px;
            position: absolute;
            top: 30px;
            left: -8px;
        }
        
        #contents .arrow-next:after{
            color: #689b00;
            content: "\f0a9";
            font-size: 16px;
            font-family: FontAwesome;
            line-height: 24px;
            position: absolute;
            top: 30px;
            right: -8px;
        }
.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-item .item {
/*display: flex;*/
    height: 100%;
}
#contents .item-box {
    display: flex;
}

#contents .item-pic {
    margin: 4px 8px 0 0;
}

#contents .item-txt {
    width: 90%;
}

/* 20161125 追加ここから */

.col-h-01 { height: 222px !important; }

.h3-ico01 {
    display: table;
    position: relative;
}

.h3-ico01:before,
.h3-ico01 span {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle;
}

.h3-ico01 span {
    padding-left: 12px;
}

.h3-ico01:before {
    width: 64px;
    height: 64px;
    content: "icon";
    color: #b5b5b5;
background-color: #fffce2;
/*border: 2px solid #cecece;*/
    border-radius: 6px;
    text-indent: -10000px;
    background-repeat: no-repeat;
}

.ico-an-a-01:before { background-image: url(/files/user/img/anshin/ico-an-a-01.png); }
.ico-an-a-02:before { background-image: url(/files/user/img/anshin/ico-an-a-02.png); }
.ico-an-a-03:before { background-image: url(/files/user/img/anshin/ico-an-a-03.png); }
.ico-an-a-04:before { background-image: url(/files/user/img/anshin/ico-an-a-04.png); }
.ico-an-a-05:before { background-image: url(/files/user/img/anshin/ico-an-a-05.png); }
.ico-an-a-06:before { background-image: url(/files/user/img/anshin/ico-an-a-06.png); }

.ico-an-b-01:before { background-image: url(/files/user/img/anshin/ico-an-b-01.png); }
.ico-an-b-02:before { background-image: url(/files/user/img/anshin/ico-an-b-02.png); }
.ico-an-b-03:before { background-image: url(/files/user/img/anshin/ico-an-b-03.png); }
.ico-an-b-04:before { background-image: url(/files/user/img/anshin/ico-an-b-04.png); }
.ico-an-b-05:before { background-image: url(/files/user/img/anshin/ico-an-b-05.png); }
.ico-an-b-06:before { background-image: url(/files/user/img/anshin/ico-an-b-06.png); }
.ico-an-b-07:before { background-image: url(/files/user/img/anshin/ico-an-b-07.png); }
.ico-an-b-08:before { background-image: url(/files/user/img/anshin/ico-an-b-08.png); }

.btn-paging01 {}
.btn-paging01 a {
    display: inline-block;
    padding: 4px 12px;
    font-size: 12px;
    color: #333;
    border: 1px solid #333;
    text-decoration: none;
    border-radius: 20px;
}
.btn-paging01 a:before {
    content: "NEXT";
    margin-right: 0.5em;
    padding-right: 0.5em;
/*color: #ccc;*/
    border-right: 1px solid;
}
.btn-paging01 a:after {
    font-family: Fontawesome;
    content: "\f0da";
    padding-left: 0.5em;
}

.btn-paging01 a:hover {
    color: #fff;
    background-color: #333;
}


.box-content01 {
    counter-increment: count;
	margin-bottom: 44px;
}

.box-content01 p {margin-bottom: 0 !important;}


.h3-box-basic01 {
	align-items: center;
	display: flex;
    margin-bottom: .25em;
    padding: 4px 12px;
    border: 1px dashed #ccc;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    background-color: #fffeee;
	position: relative;
}

.h3-box-basic01:before {
	color: rgb(191, 161, 114);
    content: counter(count) ".";
    font-size: 22px;
    margin-right: 9px;
}

.caution-box {
    background-color: #fb586c;
    border-radius: 10px;
	color: #fff;
	font-size: 11px;
    margin-left: 10px;
    padding: 2px 5px;
    vertical-align: middle;
}

/* 20170801 4mix t.o startインデントさせるためspan装飾削除 */
    .h3-box-basic01 span.indent-adj {
        background-color: inherit;
        border-radius: 0;
        color: inherit;
        padding: 0;
        font-size: inherit;
        margin-left: 0;
        width: 90%;
        display: inline-flex;
}
/* 20170801 4mix t.o endインデントさせるためspan装飾削除 */

.txt-notice {
    color: #c00;
    font-size: 12px !important;
    line-height: 1.5 !important;
    padding-left: 1em;
    margin-top: .5em;
    text-indent: -1em;
}

/* 20170815 4mix t.o start */
/* マナー教室 */
.manner-course dt {
    font-weight: bold;
    margin-top: 10px;
}

.manner-course dd {
	margin-left: 10px;
}
/* 20170815 4mix t.o end */

.manner-class h4 {
  color: #77ab09;
  font-weight: bold;
}



/* 暮らすページ */
/* 20170817 4mix t.o start ポイントの有効期間図*/
#contents .pt-period {
    margin: 0 auto;
    max-width: 860px;
    width: 100%;
    overflow-x: scroll;
    box-sizing: border-box;
    padding: 0 8px 8px 8px;
}

#contents .pt-period table {
  width: 100%;
}

#contents .pt-tittle {
  margin: 30px 0 15px;
  font-weight: bold;
}

#contents .pt-period th {
  text-align: center;
  padding: 0;
  background: #e0e0e0;
}

#contents .pt-period th:first-of-type {
  border-right: 1px dotted #dcdcdc;
  background: #ededed;
}

#contents .pt-period tr:nth-of-type(2) td:nth-of-type(7) {
  border-right: 1px dotted #dcdcdc;
}

#contents .pt-period tr:nth-of-type(4) td:nth-of-type(1),
#contents .pt-period tr:nth-of-type(4) td:nth-of-type(16),
#contents .pt-period tr:nth-of-type(5) td:nth-of-type(1),
#contents .pt-period tr:nth-of-type(5) td:nth-of-type(2) {
  border-right: 2px dotted #c8d5bb;
}

#contents .pt-period td {
  text-align: center;
  padding: 0;
  font-size: 1.4em;
}

#contents .pt-period[td ="月"] {
  border: 1px solid red;
}

#contents .pt-period td span > span {
    /* text-combine-upright: all; */
    font-weight: 100;
    font-size: 0.95em;
    font-family: monospace;
    transform: scaleY(0.8);
    display: inline-block;
    letter-spacing: 0.0001em;
}

#contents .pt-period tr:nth-of-type(1) th:after {
  content: "年";
  font-size: 0.6em;
}

#contents .pt-period tr:nth-of-type(2) td:after {
  content: "月";
  font-size: 0.6em;
}

#contents .pt-period tr:nth-of-type(3) td {
  border: 1px solid #dcdcdc;
  line-height: 6px;
}

#contents .pt-period tr:nth-of-type(4) td {
  width: calc(100%/17);
  white-space: nowrap;
  vertical-align: top;
}

#contents .pt-period .pt-balloon {
  background-color: seagreen;
  display: inline-block;
  border-radius: 5px;
  position:relative;
  color: #fff;
  font-size: 0.8em;
  margin: 6px 2px 0; 
  padding: 4px 2px 7px;
  letter-spacing: 0.07em;
  line-height: 18px;
  /* writing-mode: vertical-lr; */
}

#contents .pt-period tr:nth-of-type(4) td:nth-of-type(2) .pt-balloon {
  padding: 4px 9px 7px;
}

#contents .pt-period .pt-balloon:after {
  border: 5px solid transparent;
  border-bottom-color: seagreen;
  border-top-width: 0;
  top:-5px;
  left: 0;
  right: 0;
  margin: auto;
  content:"";
  display:block;
  position:absolute;
  width:0;
}

#contents .pt-allow {
  color: #fff;
  background: orange;
  position: relative;
  width: 94.5%;
  margin: 20px auto 8px;
  display: block;
}

#contents .pt-period .pt-allow:before {
  content: "";
  width: 0;
  height: 0;
  border: 21px solid transparent;
  border-right: 19px solid orange;
  position:absolute;
  top: -7px;
  left: -40px;
}

#contents .pt-period .pt-allow:after {
  content: "";
  width: 0;
  height: 0;
  border: 21px solid transparent;
  border-left: 19px solid orange;
  position:absolute;
  top: -7px;
  right: -40px;
}

/* 20170817 4mix t.o end */

/* 20170829 4mix t.o start */
#contents .friend-box .box-border {
  display: inline-flex;
  margin: 0 12px 12px 0;
  vertical-align: top;
  height: 9.1em;
    padding: 8px 8px 45px;
}

#contents .friend-box .box-border:nth-of-type(2n) {
  margin-right: 0;
}

.two-column-box {
  display: inline-flex;
}

#contents .two-column-pic,
#contents .one-column-pic {
  margin-left: 8px; 
}

#contents .one-row-img {
    text-align: center;
}

/* 20170829 4mix t.o end */


/* 安心への取り組み */
/* 20170818 4mix t.o start */
#contents .support-box {
  
}

#contents .support-box ul{
  display: flex;
}

#contents .support-box li{
  font-size: 0.9em;
}

#contents .support-box li:nth-of-type(even) {
}

#contents .support-box img{
  margin-bottom: 5px;
  width: 97.5%;
}

#contents .support-box li {
	color: #851a2b;
}

#contents .support-box span {
  text-align: justify;
  display: inline-block;
  width: 80%;
}
/* 20170818 4mix t.o end */

.health-box {
  margin-bottom: 20px;
}

/* 当店にいるペットたち */
.shop-contents-box .ul-top-latest01 li {
    margin: 0 24px 0 0;
    width: calc(100%/4 - 19px);
}


@media screen and (max-width: 640px) {
    .shop-contents-box .ul-top-latest01 li {
        width: 100%;
    }
}


#content .shop-contents-box .box-cols1 .ul-top-latest01 li:nth-of-type(4n) {
    margin-right: 0;
} 

.shop-contents-box .ul-top-latest01 li,
#content .shop-contents-box .ul-top-latest01 li:nth-child(2n) {
    margin: 0 24px 0 0;
}

/* 店舗物件情報 */
.shop_detail_contents h3 {
    margin-bottom: 40px;
    padding-top: 10px;
}

#content .shop_detail_contents p:first-of-type {
    margin-bottom: 30px;
}
#content .shop_detail_contents p {
    margin-bottom: 5px;
}

/* コジマについて */

#content .co-overview h2 {
    margin-bottom: 0;
}

#content .co-history-box table {
    white-space: nowrap;
}

#content .co-history-box tbody {
    -webkit-text-size-adjust: 100%;
}

#content .co-history-box th {
    font-size:14px;
}
#content .co-history-box td {
    font-size: 14px;
}

/* トリミングについて */
#content .about_trimming .bdr-btm-type01 {
    border-bottom: 1px dotted rgba(88, 61, 20, 0.18);
    margin-bottom: 45px;
}

#contents .group-txt {
        margin: -1px 0 0;
        font-size: 15px;
        /*float: left;*/
    display: flex;
    line-height: 1.7em;
    margin-bottom: 8px;
    cursor: pointer;
    padding: 4px 8px;
    border-bottom: 1px dashed #dcd7d7;
    }

/* 講師紹介 20171002 */
.box-trainer01 {
    display: flex;
}
    .box-trainer-pic01 {
        display: flex;
        width: 40%;
    }
        .box-trainer-pic01 .pic-trainer01 {
            width: 46%;
            margin: 0 4% 0 0;
        }
            .box-trainer-pic01 .pic-trainer01 img {
                width: 100%;
            }
            .box-trainer-pic01 .pic-trainer01 figcaption {
                padding: 4px 0;
                font-size: 13px;
            }
                .box-trainer-pic01 .pic-trainer01 figcaption .ico-trainer01 {
                    display: inline-block;
                    margin: 0 4px 0 0;
                    padding: 2px 4px;
                    color: #fff;
                    font-size: 11px;
                    background-color: #47b1da;
                }

.dl-trainer-prof01 {
    width: 60%;
}
    .dl-trainer-prof01 dt {
        margin-bottom: 8px;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 4px;
    }
    .dl-trainer-prof01 dd {
        font-size: 14px;
    }

.dl-license01 {
    box-sizing: border-box;
    margin: 24px 0 0 0;
    padding: 12px;
    font-size: 12px;
    border: 1px dotted #ccc;
    background-color: #f1f2f3;
}
    .dl-license01 dt {}
    .dl-license01 dd {}

#content .table-ope-example td {
    vertical-align: top;
}

/* 20171016 4mix t.o start */
/*ご利用に関する注意*/
#popup .lesson-caution ul li {
    margin-bottom: 10px;
    list-style: inside;
    margin-left: 16px;
    text-indent: -1.3em;
    padding-left: 1.3em;
}
#popup .lesson-caution ul {
    margin-bottom: 30px;
}
#popup .lesson-caution
/* 20171016 4mix t.o end */