@media not screen and (max-width: 768px) {
  body .sp {
    display: none !important;
  }
}
body .pc {
  display: block;
}
body {
  -webkit-text-size-adjust: 100%;
}
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}
input, f textarea, select {
  font-size: 16px;
}
@media screen and (max-width: 1700px) and (min-width: 1400px) {
  #index #mainvisual li.slider06 .idx-btn01 {
    margin: 440px 0 0 30px;
  }
}
@media screen and (max-width: 1400px) and (min-width: 769px) {
  #index #mainvisual li.slider01 {
    background: url(/images/idx_main_bg01_pcs.jpg) 0 top no-repeat;
    background-size: cover;
  }
  #index #mainvisual li.slider01 p.slider-bnr {
    right: 150px;
    top: -100px;
  }
  #index #mainvisual li.slider02 {
    background: url(/images/idx_main_bg02_pcs.jpg) 10% top no-repeat;
    background-size: cover;
  }
  #index #mainvisual li.slider03 {
    background: url(/images/idx_main_bg03_pcs.jpg) 10% top no-repeat;
    background-size: cover;
  }
  #index #mainvisual li.slider04 {
    background: url(/images/idx_main_bg04_pcs.jpg) 10% top no-repeat;
  }
  #index #mainvisual li.slider04 p.slider04-img {
    text-align: center;
    padding: 0;
    margin: 200px 100px 140px 0;
  }
  #index #mainvisual li.slider04 .idx-btn01 {
    margin: 0 0 0 180px;
  }
  #index #mainvisual li.slider04 p.slider-bnr {
    right: 73%;
    top: 40px;
  }
  #index #mainvisual li.slider05 {
    background: url(/images/idx_main_bg05_pcs.jpg) 10% top no-repeat;
  }
  #index #mainvisual li.slider05 .idx-btn01 {
    margin: 20px 0 0 90px;
  }
  #index #mainvisual li.slider05 p.slider05-img {
    margin: 282px 200px 10px 0;
  }
  #index #mainvisual li.slider05 p.slider-bnr {
    right: 73%;
    top: 40px;
  }
  #index #mainvisual li.slider06 {
    background: url(/images/idx_main_bg06_pcs.jpg) 10% top no-repeat;
  }
  #index #mainvisual li.slider06 p.slider06-img {
    text-align: center;
    padding: 0;
    margin: 200px 100px 140px 0;
  }
  #index #mainvisual li.slider06 .idx-btn01 {
    margin: 440px 0 0 400px;
  }
  #index #mainvisual li.slider06 p.slider-bnr {
    right: 75%;
    top: 30px;
  }
  #index #mainvisual li.slider07 {
    background: url(/images/idx_main_bg07_pcs.jpg) 10% top no-repeat;
  }
  #index #mainvisual li.slider07 p.slider07-img {
    margin: 20px 90px 300px 0;
  }
  #index #mainvisual li.slider07 p.slider-bnr {
    right: 12%;
    top: 150px;
  }
  #index #mainvisual li.slider07 .idx-btn01 {
    margin: 0 0 0 210px;
  }
}
@media screen and (max-width: 1300px) and (min-width: 769px) {
  #header .h-contact {
    left: calc(100% - 223px);
  }
  #index .idx-search-position {
    right: 94%;
  }
  #index .idx-search-position.active {
    width: 1000px;
  }
  #index #mainvisual .slider-ctn {
    right: calc(50% - 580px);
  }
  .topic-path {
    padding: 14px 0 16px 10px;
  }
  .under #mainvisual .mainvisual-logo {
    left: 160px;
  }
  .under #mainvisual .container {
    padding: 0 0 10px;
  }
  .under #main {
    margin: 0 auto 70px;
  }
  .search-group-bnr {
    padding: 30px 0;
  }
  .under #footer .footer-link {
    margin: 0 auto;
    padding: 0;
  }
  .under .f-copy {
    padding: 15px 0 10px 100px;
  }
  .sec-thought02 {
    padding: 30px 0 50px;
  }
  .sec-thought03 {
    padding: 30px 0 50px;
  }
  .sec-thought04 {
    padding: 30px 0 50px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 769px) {
  #header {
    width: 1200px;
  }
  #gnavi {
    width: 1200px;
  }
}
/* -- max-width 1024px (ipad pro width) ------------------------------ */
@media screen and (max-width: 1024px) and (min-width: 769px) {
  #index #mainvisual li.slider01 p.slider-bnr {
    right: 90px;
  }
  #index #mainvisual li.slider02 p.slider-bnr {
    display: inline-block;
    position: absolute;
    right: 510px;
    top: 230px;
  }
  #index #mainvisual li.slider03 p.slider-bnr {
    right: 15%;
  }
  #index #mainvisual li.slider02 p.slider02-img img {
    width: 90%;
  }
  #header .h-star {
    margin: 0 20px 0 10px;
  }
  h1.logo {
    padding: 12px 0 12px 20px;
  }
}
/* -- min-width 1024px (line@ button grid-layout) ------------------------------ */
@media screen and (min-width: 1024px) {
  .search-list.grid-view .search-new-name {
    width: 65%;
  }
  .search-list.grid-view .search-lineat-btn {
    margin-left: auto;
    margin-top: 15px;
    margin-bottom: 0;
    height: auto;
    float: right;
    width: 65px;
  }
  .search-list.grid-view .search-lineat-btn a {
    display: flex;
    padding: 3px 3px;
    border: 2px solid transparent;
    color: #fff;
    text-decoration: none;
    background: #00b800;
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    line-height: 1;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
  }
  .search-list.grid-view .search-lineat-btn img {
    width: 25px;
  }
  .search-list.grid-view .search-vip-btn {
    padding-right: 0;
    margin-bottom: 0;
    margin-top: 15px;
    width: 55px;
  }
  .search-list.grid-view .search-vip-btn a {
    display: flex;
    margin-top: 0;
    padding: 6px 2px;
    color: #fff;
    text-decoration: none;
    background: #64c9e1;
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    flex-wrap: wrap;
    text-align: center;
    width: 50px;
    line-height: 1.4em;
    float: right;
  }
  .search-list.grid-view .search-vip-btn a.active {
    background-color: #516471;
  }
  .search-list.grid-view .search-vip-btn a span {
    font-size: 15px;
    margin: 0 auto 2px;
    color: #f7ce68;
    vertical-align: middle;
    text-align: center;
  }
  .search-list.grid-view .search-vip-btn a span.photo_v_dn {
    color: #fff;
    font-size: 10px;
  }
  .search-list.photo-view .search-new-temp .search-vip-btn a span.photo_v_dn {
    display: none;
  }
}
/* -- max-width 768px ------------------------------------------------ */
@media screen and (max-width: 768px) {
  #wrapper {
    min-width: 100%;
  }
  .container {
    width: 100%;
    padding: 0 3%;
    margin: 0;
  }
  body .sp {
    display: block;
  }
  body .pc {
    display: none !important;
  }
  body .line {
    display: none;
  }
  /*header*/
  #header{}
  #header .header-global-nav {
    position: static;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 0;
    text-align: left;
  }
  #header:not(.fixed) .header-global-nav{
    padding-bottom: 0;
  }
  #header .header-menu {
    position: static;
    height: auto;
    width: 100%;
    border-right: none;
    z-index: 999;
    padding: 0;
  }
  #header.fixed .header-menu {
    position: fixed;
    top: 0;
    left: 0;
  }
  #header .header-sub {
    padding: 15px 3% 5px;
    width: 100%;
    box-sizing: border-box;
  }
  .header-sub h1 {
    float: left;
    width: 48%;
    max-width: 300px;
    padding: 6px;
  }
  #header .h-contact {
    display: block;
    float: right;
    width: 48%;
    margin: 0;
    padding: 0;
    text-align: right;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: transparent;
    border-radius: 0;
    position: static;
  }
  #header .h-contact:before, #header .h-contact:after {
    display: none;
  }
  #header .h-contact dt {
    font-size: 3vw;
  }
  #header .h-contact dd {
    font-size: 5vw;
    line-height: 1.2em;
  }
  #header .h-contact dd span {
    width: 15%;
  }
  #header .h-star {
    display: none;
  }
  .header-menu .menu {
    width: 100%;
    display: table;
    border-bottom: 1px solid #DCDCDC;
    border-top: 1px solid #DCDCDC;
    margin: 0;
    box-sizing: border-box;
    position: static;
    background-color: #FFF;
  }
  .header-side-menu .menu02 {
    display: none;
  }
  .header-menu .menu li {
    width: calc(100% / 4);
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle;
  }
  .header-menu .menu li {
    transition: transform .2s ease-out 0s;
    -webkit-transition: -webkit-transform .2s ease-out 0s;
    -moz-transition: -moz-transform .2s ease-out 0s;
  }
  .header-menu .menu li.expanded {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
  }
  .header-menu .menu li.pc {
    display: none;
  }
  .header-menu .menu li a {
    font-size: 14px;
    border-bottom: none;
    padding: 0;
    border-right: 1px solid #DCDCDC;
    background: #fff;
    border-top: none;
    border-radius: 0;
  }
  .menu li a span {
    display: block;
    margin: 0;
    padding: 10px 0 0;
  }
  .menu li a span img {
    height: 25px;
  }
  .header-side .menu li a:hover {
    background: #64c9e1;
    color: #fff;
  }
  #header .h-mail {
    display: none;
  }
  /* MENU-ICON */
  .menu-icon {
    height: auto;
    padding: 0;
    font-size: 12px;
    border-bottom: none;
  }
  .menu-icon span {
    width: 36px;
    height: 3px;
    margin-bottom: 2%;
    margin-top: 20px;
  }
  .menu-icon span::after, .menu-icon span::before {
    width: 36px;
    height: 3px;
  }
  /*Gnavi*/
  #gnavi {
    display: none;
    position: absolute;
    top: 118px;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    padding: 0;
    background: #64c9e1;
    overflow: scroll;
  }
  #header.fixed #gnavi {
    position: fixed;
    top: 62px;
  }
  #gnavi ul.gnavi-inner {
    width: 100%;
  }
  /*#gnavi.fixed, #index #gnavi.fixed{
	position: fixed;
	display: block;
	top: 0;
}*/
  #gnavi li {
    float: none;
    width: 100%;
  }
  #gnavi ul.gnavi-inner > li > a, #gnavi ul.gnavi-inner > li > a:hover, #gnavi ul.gnavi-inner > li.over > a.active {
    display: block;
    padding: 10px 20px;
    border-right: none;
    background: rgba(0, 0, 0, 0.15);
    border-bottom: 1px dashed #fff;
    font-size: 16px;
    color: #fff;
  }
  #gnavi ul.gnavi-inner > li > a:after {
    display: none;
  }
  #gnavi ul.gnavi-inner > li.over > a:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(/images/footer_icon01.png) 0 0 no-repeat;
    background-size: contain;
    right: 20px;
    top: calc(50% - 5px);
    z-index: -1;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    transition: background .3s ease;
  }
  #gnavi ul.gnavi-inner > li.over > a.active:before {
    background: url(/images/footer_icon02.png) 0 0 no-repeat;
    background-size: contain;
  }
  #gnavi .sub-menu {
    position: static;
    padding: 0;
    left: 0;
    background: #fff;
    display: none;
  }
  #gnavi .sub-menu.active {
    display: block;
  }
  #gnavi .sub-menu li {
    padding: 0;
    border-right: none;
    width: 50%;
    float: left;
  }
  #gnavi .sub-menu li a {
    display: block;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px dashed #ddd;
  }
  #gnavi .sub-menu li a:nth-child(odd) {
    border-right: 1px dashed #ddd;
  }
  #gnavi .sub-menu li a:after {
    display: none;
  }
  .close-menu {
    display: block;
    width: 80%;
    margin: 20px auto;
    color: #64c9e1;
    background: #fff;
    border-radius: 50px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    padding: 12px 0;
  }
  /*Index Button*/
  .idx-btn01 {
    margin: 0;
  }
  .idx-btn01 a {
    width: 85%;
  }
  .idx-btn01 a:after, .idx-search-submit a:after {
    display: none;
  }
  /*Mainvisual*/
  #index #mainvisual {
    padding: 0;
    height: auto;
    margin-top: 0;
  }
  #index #mainvisual .slider.slick-slider {
    width: 53.13%;
  }
  #index #mainvisual .slider li {
    height: 350px;
  }
  #index #mainvisual li.slider01 {
    background: url(/images/idx_main_bg01sp.jpg) 0 top no-repeat;
    /*background-size: auto 100%;*/
  }
  #index #mainvisual li.slider02 {
    background: url(/images/idx_main_bg02sp.jpg) 0 top no-repeat;
    /*background-size: auto 100%;*/
  }
  #index #mainvisual li.slider03 {
    background: url(/images/idx_main_bg03sp.jpg) 0 top no-repeat;
    /*background-size: auto 100%;*/
  }
  #index #mainvisual li.slider04 {
    background: url(/images/idx_main_bg04sp.jpg) 0 top no-repeat;
    /*background-size: auto 100%;*/
  }
  #index #mainvisual li.slider05 {
    background: url(/images/idx_main_bg05sp.jpg) 0 top no-repeat;
    /*background-size: auto 100%;*/
  }
  #index #mainvisual li.slider06 {
    background: url(/images/idx_main_bg06sp.jpg) 0 top no-repeat;
    /*background-size: auto 100%;*/
  }
  #index #mainvisual li.slider07 {
    background: url(/images/idx_main_bg07sp.jpg) 0 top no-repeat;
    /*background-size: auto 100%;*/
  }
  #index #mainvisual .slider-ctn {
    width: 100%;
    height: 100%;
    margin: 0;
    left: 0;
  }
  #index #mainvisual li.slider01 p.slider01-txt {
    font-size: 14px;
    bottom: 5%;
    left: 10px;
    letter-spacing: 1px;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 1), 1px 1px 0px rgba(255, 255, 255, 1), 1px 2px 0px rgba(255, 255, 255, 1), 1px 2px 0px rgba(255, 255, 255, 1), -1px -1px 0px rgba(255, 255, 255, 1), -1px -1px 0px rgba(255, 255, 255, 1), -2px 1px 0px rgba(255, 255, 255, 1), -2px 1px 0px rgba(255, 255, 255, 1), 1px 3px 0px rgba(255, 255, 255, 1), -1px 3px 0px rgba(255, 255, 255, 1), -1px -1px 0px rgba(255, 255, 255, 1), -1px -2px 0px rgba(255, 255, 255, 1), -1px -1.5px 0px rgba(255, 255, 255, 1);
  }
  #index #mainvisual li.slider02 .slider-ctn {
    /*background: url(/images/idx_main02_img01.png), url(/images/idx_main02_img04.png), url(/images/idx_main02_img03.png), url(/images/idx_main02_img02.png);*/
    background: none;
    background-size: 15%, 12%, 20%, 20%;
    background-position: 102% 0, 102% 45%, -3% 115%, 105% 115%;
    background-repeat: no-repeat;
  }
  #index #mainvisual li.slider03 .slider-ctn {
    /*background: url(/images/idx_main_img03.png) center bottom no-repeat;*/
    background: none;
    background-size: 105% auto;
    text-align: center;
  }
  #index #mainvisual li.slider02 .slider02-position {
    transform: translateY(-50%);
  }
  #index #mainvisual li.slider02 p.slider02-img {
    padding: 0;
    background: none;
    margin: 0 0 5%;
    text-align: center;
  }
  #index #mainvisual li.slider02 p.slider02-img.pc {
    display: none;
  }
  #index #mainvisual li.slider02 p.slider02-img.sp {
    display: block;
  }
  #index #mainvisual li.slider02 p.slider02-img {
    text-align: center;
    padding: 3% 0 0;
    margin: 0 auto 3%;
  }
  #index #mainvisual li.slider02 p.slider02-img img {
    width: 70%;
    max-width: 420px;
  }
  #index #mainvisual li.slider03 p.slider03-img {
    text-align: center;
    padding: 3% 0 0;
    margin: 0 auto 3%;
  }
  #index #mainvisual li.slider03 p.slider03-img img {
    width: 70%;
    max-width: 420px;
  }
  #index #mainvisual li.slider04 p.slider04-img {
    text-align: center;
    padding: 3% 0 0;
    margin: 0 auto 3%;
  }
  #index #mainvisual li.slider04 p.slider04-img img {
    width: 70%;
    max-width: 420px;
  }
  #index #mainvisual li.slider05 p.slider05-img {
    text-align: center;
    padding: 3% 0 0;
    margin: 0 auto 3%;
  }
  #index #mainvisual li.slider05 p.slider05-img img {
    width: 70%;
    max-width: 420px;
  }
  #index #mainvisual li.slider04 p.slider06-img {
    text-align: center;
    padding: 3% 0 0;
    margin: 0 auto 3%;
  }
  #index #mainvisual li.slider04 p.slider06-img img {
    width: 70%;
    max-width: 420px;
  }
  #index #mainvisual li.slider07 p.slider07-img {
    text-align: center;
    padding: 3% 0 0;
    margin: 0 auto 3%;
  }
  #index #mainvisual li.slider07 p.slider07-img img {
    width: 70%;
    max-width: 420px;
  }
  #index .idx-main-bnr01 {
    display: none;
  }
  .main-bnr-l {
    width: 50%;
    float: left;
  }
  .main-bnr-r {
    width: 50%;
    float: right;
  }
  #sp-mainvisual {
    display: block;
  }
  .sp-slider {
    position: relative;
    width: 100%;
    display: block;
  }
  .sp-slider .slick-dots {
    bottom: -5px;
  }
  .sp-slider .slick-dots ul > li {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
    white-space: nowrap;
  }
  #index #mainvisual .sp-slider .slider-play-pause-btn {
    display: block;
    position: relative;
    width: 20px;
    height: 17px;
    margin-right: 20px;
    /*    background: url(/images/idx_stop_icon.png); */
    cursor: pointer;
    zoom: .75;
  }
  #index #mainvisual .sp-slider .slider-play-pause-btn.pause {
    background: url(/images/idx_play_icon.png);
  }
  #index #mainvisual .sp-slider .slider-play-pause-btn:before {
    content: ' ';
    display: block;
    position: absolute;
    right: -13px;
    top: 0;
    width: 2px;
    height: 17px;
    background-color: #64c9e1;
  }
  .sp-main-bnr {
    width: 100%;
    display: block;
  }
  .sp-slider .slide {
    position: relative;
  }
  .sp-slider .slide .abs, .sp-slider .slide .abs-link {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    bottom: 20px;
    z-index: 10;
    text-align: center;
	pointer-events: none;
  }
  .sp-slider .slide .abs > div, .sp-slider .slide .abs-link > span {
    position: absolute;
    left: 0;
    right: 0;
  }
  .sp-slider .slide .abs > div > div, .sp-slider .slide .abs-link > span > span {
    position: relative;
  }
  .sp-slider .slide .abs-link > span > span {
    display: block;
    width: 160px;
  }
  .sp-slider .slide .abs-x-0 {
    float: left;
  }
  .sp-slider .slide .abs-link-x-0 {
    left: 0%;
    transform: translateX(0%);
  }
  .sp-slider .slide .abs-x-1 {
    float: left;
    transform: translateX(10%);
  }
  .sp-slider .slide .abs-link-x-1 {
    left: 10%;
    transform: translateX(-10%);
  }
  .sp-slider .slide .abs-x-2 {
    float: left;
    transform: translateX(20%);
  }
  .sp-slider .slide .abs-link-x-2 {
    left: 20%;
    transform: translateX(-20%);
  }
  .sp-slider .slide .abs-x-3 {
    float: left;
    transform: translateX(30%);
  }
  .sp-slider .slide .abs-link-x-3 {
    left: 30%;
    transform: translateX(-30%);
  }
  .sp-slider .slide .abs-x-4 {
    float: left;
    transform: translateX(40%);
  }
  .sp-slider .slide .abs-link-x-4 {
    left: 40%;
    transform: translateX(-40%);
  }
  .sp-slider .slide .abs-x-5 {
    left: 50%;
    transform: translateX(-50%);
  }
  .sp-slider .slide .abs-link-x-5 {
    left: 50%;
    transform: translateX(-50%);
  }
  .sp-slider .slide .abs-x-6 {
    float: right;
    transform: translateX(-40%);
  }
  .sp-slider .slide .abs-link-x-6 {
    left: 60%;
    transform: translateX(-60%);
  }
  .sp-slider .slide .abs-x-7 {
    float: right;
    transform: translateX(-30%);
  }
  .sp-slider .slide .abs-link-x-7 {
    left: 70%;
    transform: translateX(-70%);
  }
  .sp-slider .slide .abs-x-8 {
    float: right;
    transform: translateX(-20%);
  }
  .sp-slider .slide .abs-link-x-8 {
    left: 80%;
    transform: translateX(-80%);
  }
  .sp-slider .slide .abs-x-9 {
    float: right;
    transform: translateX(-10%);
  }
  .sp-slider .slide .abs-link-x-9 {
    left: 90%;
    transform: translateX(-90%);
  }
  .sp-slider .slide .abs-x-10 {
    float: right;
  }
  .sp-slider .slide .abs-link-x-10 {
    left: 100%;
    transform: translateX(-100%);
  }
  .sp-slider .slide .abs-y-0, .sp-slider .slide .abs-link-y-0 {
    top: 0%;
    transform: translateY(0%);
  }
  .sp-slider .slide .abs-y-1, .sp-slider .slide .abs-link-y-1 {
    top: 10%;
    transform: translateY(-10%);
  }
  .sp-slider .slide .abs-y-2, .sp-slider .slide .abs-link-y-2 {
    top: 20%;
    transform: translateY(-20%);
  }
  .sp-slider .slide .abs-y-3, .sp-slider .slide .abs-link-y-3 {
    top: 30%;
    transform: translateY(-30%);
  }
  .sp-slider .slide .abs-y-4, .sp-slider .slide .abs-link-y-4 {
    top: 40%;
    transform: translateY(-40%);
  }
  .sp-slider .slide .abs-y-5, .sp-slider .slide .abs-link-y-5 {
    top: 50%;
    transform: translateY(-50%);
  }
  .sp-slider .slide .abs-y-6, .sp-slider .slide .abs-link-y-6 {
    top: 60%;
    transform: translateY(-60%);
  }
  .sp-slider .slide .abs-y-7, .sp-slider .slide .abs-link-y-7 {
    top: 70%;
    transform: translateY(-70%);
  }
  .sp-slider .slide .abs-y-8, .sp-slider .slide .abs-link-y-8 {
    top: 80%;
    transform: translateY(-80%);
  }
  .sp-slider .slide .abs-y-9, .sp-slider .slide .abs-link-y-9 {
    top: 90%;
    transform: translateY(-90%);
  }
  .sp-slider .slide .abs-y-10, .sp-slider .slide .abs-link-y-10 {
    top: 100%;
    transform: translateY(-100%);
  }
  .sp-slider .slide .abs-link a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #f5a868;
    font-size: 12px;
    font-family: 'Yu Gothic bold';
    font-weight: normal;
    position: relative;
    height: auto;
    padding: 2px 20px 10px 30px;
    z-index: 0;
	pointer-events: visible;
  }
  .sp-slider .slide .abs-link a:before {
    content: '';
    width: 100%;
    height: 80%;
    position: absolute;
    background: #fff url(/images/idx_arrow04.png) 8% center no-repeat;
    border-radius: 100px;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .sp-slider .slide.slide-01 .abs {
    top: 15%;
    width: 90%;
    padding: 0 5%;
    text-shadow: #FFF 1px 1px 0px, #FFF -1px 1px 0px, #FFF 1px -1px 0px, #FFF -1px -1px 0px;
  }
  .sp-slider .slide.slide-02 .abs {
    top: 6%;
    width: 90%;
    padding: 0 5%;
    text-align: center;
  }
  .sp-slider .slide.slide-02 .abs img {
    width: 90%;
    margin-bottom: 30%;
  }
  .sp-slider .slide.slide-02 .abs p {
    /*padding-left: 4%;*/
  }
  .sp-slider .slide.slide-03 .abs {
    top: 5%;
    width: 90%;
    padding: 0 5%;
    text-align: center;
  }
  .sp-slider .slide.slide-03 .abs img {
    width: 70%;
    margin-bottom: 30%;
  }
  .sp-slider .slide.slide-03 .abs p {
    /*padding-left: 4%;*/
  }
  .sp-slider .slide.slide-04 .abs {
    top: 0;
    width: 90%;
    padding: 5%;
    text-align: center;
  }
  .sp-slider .slide.slide-04 .abs img {
    width: 95%;
    margin: 21% 0 1%;
  }
  .sp-slider .slide.slide-04 .abs p {
    /*padding-left: 1%;*/
  }
  #sp-mainvisual .sp-slider .slide.slide-04 .abs p a {
    width: 50%;
    padding: 15px 0 10px 10px;
  }
  .sp-slider .slide.slide-05 .abs {
    top: 5%;
    width: 90%;
    padding: 5%;
    text-align: center;
  }
  .sp-slider .slide.slide-05 .abs img {
    width: 80%;
    margin: 26% 0 5%;
  }
  .sp-slider .slide.slide-05 .abs p {
    /*padding-left: 4%;*/
  }
  #sp-mainvisual .sp-slider .slide.slide-05 .abs p a {
    width: 50%;
    padding: 15px 0 10px 10px;
  }
  /**/
  .sp-slider .slide.slide-06 .abs {
    top: 70%;
    width: 90%;
    padding: 5%;
    text-align: right;
  }
  .sp-slider .slide.slide-06 .abs img {
    width: 80%;
    margin: 26% 0 5%;
  }
  .sp-slider .slide.slide-06 .abs p {
    /*padding-left: 4%;*/
  }
  /*#sp-mainvisual .sp-slider .slide.slide-06 .abs p a{
    width: 50%;
    padding: 15px 0 10px 10px;
}*/
  .sp-slider .slide.slide-07 .abs {
    top: 5%;
    width: 90%;
    padding: 0 5%;
    text-align: center;
  }
  .sp-slider .slide.slide-07 .abs img {
    width: 70%;
    margin: 37% 0 2%;
  }
  .sp-slider .slide.slide-07 .abs p {
    /*padding-left: 4%;*/
  }
  #sp-mainvisual .idx-btn01 a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #f5a868;
    font-size: 18px;
    font-family: 'Yu Gothic bold';
    font-weight: normal;
    position: relative;
    width: 50%;
    padding: 20px 0 10px;
    z-index: 0;
    height: 45px;
  }
  #sp-mainvisual .idx-btn01 a:before {
    content: '';
    width: 100%;
    height: 80%;
    position: absolute;
    background: #fff url(/images/idx_arrow04.png) 8% center no-repeat;
    border-radius: 100px;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .sp-main-bnr li {
    margin: 8% auto;
    width: 80%;
  }
  .sp-main-bnr li.news_anc a {
    color: #FFFFFF;
    text-decoration: none;
    text-align: center;
    padding: 20px 0;
    width: 100%;
    background-color: #f5a868;
    display: block;
    border-radius: 10px;
    font-size: 16px;
    background: #f5a868 url(/images/idx_arrow03.png) 10% center no-repeat;
  }
  .sp-main-bnr li.news_anc02 {
    text-decoration: none;
    text-align: center;
    padding: 10px 0;
    margin-left: 5px;
    width: 95%;
    display: block;
    border-radius: 10px;
    font-size: 14px;
    border: 2px solid #f5a868;
    color: #f5a868;
    line-height: 1.5;
  }
  .sp-main-bnr li.news_anc02 span {
    font-size: 20px;
  }
  .sp-main-bnr li.customer dl {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 2px solid #64c9e1;
    border-bottom: 2px solid #64c9e1;
    font-size: 16px;
    color: #64c9e1;
  }
  .sp-main-bnr li.customer dl dt {
    font-size: 16px;
    color: #64c9e1;
  }
  .sp-main-bnr li.customer dl dd {
    font-size: 14px;
    color: #64c9e1;
  }
  .sp-main-bnr li.customer dl dd span {
    font-size: 20px;
  }
  /*Search Form*/
  #index .idx-search-position {
    position: relative;
    width: 100%;
    /*margin-top: -5%;*/
    background: #F7F0E5;
    max-width: inherit;
    height: auto;
    left: 0;
    padding: 0 0 20px;
    z-index: 0;
    transform: translateX(0);
  }
  #index .idx-search-position.active {
    width: 100%;
  }
  #index .idx-search {
    width: 94%;
    padding-top: 8%;
    margin: 0 auto;
  }
  #index .search-sp-tab {
    padding-top: 3%;
    display: flex;
    background-color: #ffffff;
  }
  #index .search-sp-tab li {
    width: 48%;
    margin: 0 1%;
    text-align: center;
    padding: 8px 0;
    box-sizing: border-box;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
  }
  #index .search-sp-tab li:first-child {
    border-top: 2px solid #634643;
    border-left: 2px solid #634643;
    border-right: 2px solid #634643;
    color: #634643;
  }
  #index .search-sp-tab li:last-child {
    border-top: 2px solid #f79646;
    border-left: 2px solid #f79646;
    border-right: 2px solid #f79646;
    color: #f79646;
  }
  #index .search-sp-tab li.active {
    color: #ffffff;
    font-weight: normal;
  }
  #index .search-sp-tab li.active:first-child {
    background-color: #634643;
  }
  #index .search-sp-tab li.active:last-child {
    background-color: #f79646;
  }
  #index .idx-search-tab {
    float: none;
    width: 100%;
    display: -webkit-flex;
    display: flex;
  }
  #index .idx-search-tab li {
    color: #634643;
    width: 24%;
    padding: 10px 0;
    margin: 0 1% 0 0;
    letter-spacing: 0;
    -ms-writing-mode: inherit;
    -webkit-writing-mode: inherit;
    -moz-writing-mode: inherit;
    writing-mode: inherit;
    border-radius: 5px 5px 0 0;
    max-height: inherit;
    margin-top: 0;
    height: 50px;
  }
  #index .idx-search-tab li.active {
    padding: 12px 0;
    height: 60px;
    margin-top: -10px;
  }
  #index .idx-search-tab li span {
    position: absolute;
    left: -2%;
    width: 50px;
  }
  #index .idx-search-btn {
    margin: 10px 0;
  }
  /*
  #index .search-ctn {
    width: 100%;
    float: none;
    padding: 15px 3% 0;
    background: #fff url(/images/idx_search_bg_sp.png) right bottom no-repeat;
    background-size: 30% auto;
    min-height: 260px;
  }
  */
  #index .search-ctn:before, #index .search-ctn:after {
    display: none;
  }
  /* #index .search-ctn .idx-search-btn01 {
    margin: 0 10% 15px;
    float: left;
}*/
  #index .search02-img {
    margin: 25px auto;
    width: 100%;
    max-width: 400px;
  }
  #index .search03-ctn {
    margin: 25px auto 5%;
  }
  #index .search03-top, #index .search03-below {
    width: 100%;
  }
  #index .search03-top-alert {
    margin-right: 0;
    padding: 10px;
    clear: both;
  }
  #index .search03-top-alert p {
    font-size: 12px;
  }
  #index .search03-top-alert-image {
    width: 150px;
    float: none;
    margin: 0 auto 20px;
  }
  #index .search03-below-left, #index .search03-below-right {
    float: none;
    width: auto;
  }
  #index .search03-top-i01 {
    display: none;
    width: 100%;
    font-size: 16px;
    margin-bottom: 20px;
  }
  #index .search03-top-i02 {
    width: 100%;
    margin-left: 0;
    padding: 20px 3%;
  }
  #index .search-pic-up {
    text-align: center;
  }
  #index .search-pic-ttl {
    font-size: 14px;
    text-align: center;
    float: none;
  }
  #index .search-pic-btn {
    font-size: 14px;
    float: none;
    text-align: center;
  }
  #index .search-pic-txt {
    display: block;
    margin-left: 10px;
    margin-top: 5px;
    font-size: 12px;
  }
  #index .select-fullw li {
    padding: 0 0px 0 0px;
  }
  #index .select-fullw input {
    width: 100%;
  }
  #index .idx-main-bnr {
    width: 100%;
    position: relative;
    margin-top: -2%;
    text-align: center;
    z-index: 1;
    left: 0;
  }
  #header .idx-main-bnr {
    display: none;
  }
  #index .idx-main-bnr li {
    width: 48%;
    max-width: 270px;
    margin: 0;
    vertical-align: top;
    text-align: center;
  }
  #index .idx-main-bnr li:first-child {
    margin: 0 2% 0 0;
  }
  #index .idx-main-bnr dl {
    display: block;
    padding: 3%;
  }
  #index .idx-main-bnr dt {
    display: block;
    text-align: center;
    padding: 0;
    font-size: 2.6vw;
    line-height: 1.4em;
    margin: 0 0 1%;
  }
  #index .idx-main-bnr dd {
    display: block;
    text-align: center;
    line-height: 1.4em;
  }
  #index .idx-main-bnr dd span {
    font-size: 5vw;
    margin: 0 5px 0 0;
    background: none;
    padding: 0;
    line-height: 26px;
  }
  /*Index main*/
  #index #main {
    margin: 0;
  }
  /*gazou*/
  #index .gazou-below {
    width: 100%;
  }
  #index .gazou-below-left, #index .gazou-below-right {
    float: none;
    width: auto;
  }
  #index .gazou-alert-image {
    width: 150px;
    float: none;
    text-align: center;
    margin: 0 auto 20px;
  }
  #index .gazou-alert {
    margin: 0 auto;
    clear: both;
  }
  #index .box06-news {
    max-height: 250px;
  }
  /*box01*/
  .box01 {
    padding: 20px 0;
  }
  .box01 .box01-ttl {
    width: 100%;
    float: none;
    margin: 0;
    position: relative;
  }
  .box01-ttl-img {
    line-height: 0;
    margin: 0 0 12px;
    position: absolute;
    width: 40%;
    max-width: 160px;
    top: -5%;
    right: 50%;
    -webkit-transform: translate(120%, 0);
    -moz-transform: translate(120%, 0);
    transform: translate(120%, 0);
  }
  .box01 .box01-ttl-sp {
    color: #64c9e1;
    font-size: 14px;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    text-align: center;
    margin: 0 0 5px;
  }
  .box01 h3 {
    margin-bottom: 20px;
    font-size: 20px;
  }
  .box01 h3 span {
    display: none;
  }
  .box01 .box01-ctn {
    width: 100%;
    float: none;
  }
  .box01 .box01-ctn li, .box01 .box01-ctn li:last-child {
    width: 32%;
    float: left;
    margin: 0 2% 10px 0;
  }
  .box01 .box01-ctn li:nth-child(3n) {
    margin: 0 0 10px;
  }
  .box01 .box01-ctn li:nth-child(3n+1) {
    clear: left;
  }
  .box01-ctn .box01-img {
    height: 130px;
    text-align: center;
  }
  .box01-ctn .box01-cate {
    margin: 0;
    color: initial;
    display: inline-block;
    padding: 0;
    font-weight: bold;
    border-radius: 0;
  }
  .box01-ctn .box01-cate.cate01 {
    background: none;
    color: #82bdff;
  }
  .box01-ctn .box01-cate.cate02 {
    background: none;
    color: #fc817b;
  }
  .box01-ctn .box01-name {
    line-height: 18px;
  }
  .box01-btn {
    margin: 15px auto 0;
  }
  .box01-ctn .box01-price {
    margin: 0;
  }
  /*box02*/
  .box02 {
    background: #F7F0E5;
    padding: 10px 0 10px;
    margin: 15px 0;
  }
  .box02 .container {
    position: relative;
    z-index: 0;
    padding: 0 3%;
  }
  .box02 .container:before {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    background: url(/images/box02_ttl_sp.png) 0 0 no-repeat;
    background-size: contain;
    top: -40px;
    left: calc(50% - 60px);
    z-index: -1;
  }
  .box02 .box02-bnr li {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    display: block;
  }
  .box02 .box02-bnr li:first-child {
    margin: 0 0 10px 0;
  }
  .box02 .box02-bnr li img {
    margin: 0 auto;
  }
  .box02 .box02-bnr .box04-slick-next {
    right: 0%;
  }
  .box02 .box02-bnr .box04-slick-prev {
    left: 0%;
  }
  .box02 h3 {
    font-size: 20px;
  }
  /*box03*/
  .box03 {
    background: url(/images/box03_bg_sp.png) 0 0 repeat-x;
    margin: -10px 0 0;
    padding: 30px 0 10px;
  }
  .box03-ctn h3 {
    font-size: 20px;
  }
  .box03 .box03-ctn {
    width: 100%;
    height: auto;
    border-radius: 10px;
    padding: 10px 3%;
    border: none;
  }
  .box03 .box03-ctn:before, .box03 .box03-ctn:after {
    display: none;
  }
  .box03-ctn .box03-txt {
    /*font-size: 12px;
	margin: 0 0 30px;*/
    display: none;
  }
  .box03-ctn .box03-ttl-en {
    display: none;
  }
  .box03-items, .box03-items.i01, .box03-items.i02, .box03-items.i03 {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0 0 10px;
    padding: 10px 0 10px;
    border-left: none;
    border-right: none;
  }
  .b03-i-ttl {
    width: 80%;
    position: absolute;
    top: 0;
    left: 50%;
    border-radius: 8px;
    font-size: 14px;
    padding: 8px 0 5px;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #70B2DD;
    text-align: left;
  }
  .box03-items dl {
    display: table;
    width: 100%;
  }
  .box03-items dt {
    text-align: left;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    width: 15%;
    max-width: 120px;
    padding: 0 5px;
  }
  .box03-items dd {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 0 0 0 5%;
  }
  .box03-items dd .b03-ttl {
    color: #70B2DD;
    text-align: left;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    font-size: 3.6vw;
  }
  .box03-items dd .b03-ttl:after {
    border-top: 2px solid;
    content: "";
    position: absolute;
    top: 50%;
    width: 99em;
  }
  .box03-items dd .b03-i-txt01 {
    font-size: 4vw;
  }
  .box03-items dd .b03-i-txt02 {
    font-size: 3.6vw;
  }
  .box03-items dd .b03-i-txt02 span {
    font-size: 6vw;
    letter-spacing: 0;
    line-height: 1em;
  }
  .b03-btn {
    position: initial;
    bottom: initial;
    left: initial;
    text-align: center;
  }
  .b03-btn.idx-btn01 a {
    /*width: 90%;*/
    max-width: 360px;
  }
  /*box04*/
  .box04 {
    background: none;
    /*background: url(/images/box04_ttlsp_bg.png) center 10px no-repeat;*/
    background-size: auto 30px;
    padding: 0 0 15px;
  }
  .box04 .container {
    width: 100%;
    padding: 0 3%;
  }
  .box04 .container:before {
    content: none;
  }
  .box04 h3 {
    background: none;
    font-size: 20px;
    margin: 0 0 25px;
  }
  .box04 h3 span {
    display: none;
  }
  .box04-bnr {
    /* width: 90%;
    margin: 0 auto; */
    justify-content: space-between;
  }
  .box04-bnr li {
    /* float: left;
    box-sizing: border-box;
    border-radius: 10px;
    border-bottom: none;
    border-right: none;
    margin: 0 auto; */
    margin-left: 0;
    margin-bottom: 10px;
    width: calc(50% - 5px);
  }
  .box04-bnr li a {
    border: none;
  }
  .box04-bnr li a dl {
    display: block;
    padding: 10px 0 0;
  }
  .box04-bnr li a dt {
    display: block;
    width: 100%;
    padding: 0 5%;
    margin: 0 0 5px;
    box-sizing: border-box;
  }
  .box04-bnr li a dt img {
    margin: 0 auto;
  }
  .box04-bnr li a dd {
    display: block;
  }
  .box04-bnr .slick-slide img {
    text-align: center;
    margin: 0 auto;
  }
  .box04-slick-prev, .box04-slick-next {
    top: 50%;
    margin-top: 0;
    width: 5%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .box04-slick-prev {
    left: -4%;
  }
  .box04-slick-next {
    right: -4%;
  }
  /*box05*/
  .box05 {
    background: #F7F0E5;
    padding: 0;
  }
  .box05 h3 {
    font-size: 20px;
  }
  .box05 .container {
    padding: 25px 3% 30px;
    width: 100%;
  }
  .box05 .container:before {
    display: none;
  }
  .box05-slider {
    width: 90%;
    margin: 0 0 0 7%;
  }
  .box05-slider li {
    float: left;
    box-sizing: border-box;
    border-radius: 10px;
    border-bottom: none;
    border-right: none;
    margin: 0 1% 0 0;
  }
  .box05-slider li a {
    border: none;
  }
  .box05-slider li a dl {
    display: block;
    padding: 10px 0 0;
  }
  .box05-slider li a dt {
    display: block;
    width: 100%;
    padding: 0 5%;
    margin: 0 0 5px;
    box-sizing: border-box;
  }
  .box05-slider li a dt img {
    margin: 0 auto;
  }
  .box05-slider li a dd {
    display: block;
  }
  .box05-ttl01 {
    padding: 0 5%;
  }
  .box05-ttl02 {
    padding: 0 5%;
  }
  .box05-note {
    font-size: 12px;
    border-radius: 0;
    box-sizing: border-box;
    padding: 10px 5%;
    margin: 0;
    width: 100%;
  }
  .box05-note br {
    display: block;
  }
  /*Box05  Arrows */
  .box05-slick-prev, .box05-slick-next {
    top: 50%;
    margin-top: 0;
    width: 5%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .box05-slick-prev {
    left: -8%;
  }
  .box05-slick-next {
    right: -4%;
  }
  .box05 h3 span {
    display: none;
  }
  /*box06*/
  .box06 {
    padding: 30px 0 35px;
    background: none;
  }
  .box06 .container {
    border-bottom: none;
    border-right: none;
  }
  .box06 .box06-ctn {
    padding: 20px 0;
  }
  .box06 h3 {
    text-align: center;
    float: none;
    padding-right: 15%;
    font-size: 20px;
  }
  .box06-btn a:before {
    left: -10px;
  }
  .box06 h3:after {
    display: none;
  }
  .box06-list li {
    padding: 7px 7px;
  }
  .box06-list li:before {
    display: none;
  }
  .box06-list li a {
    display: block;
    max-width: 100%;
  }
  .box06-list li span.news-cate {
    padding: 0;
  }
  .box06 h3 span.en {
    display: none;
  }
  /*box07*/
  .box07 {
    padding: 0;
    margin-top: 50px;
  }
  .box07 .box07-ctn {
    width: 100%;
    margin-left: 0;
    padding: 5% 3% 45px;
    border-radius: 0;
  }
  .box07 .box07-ctn:after {
    content: '';
    background: url(/images/box07_after_sp.png) 0 0 no-repeat;
    background-size: 100% auto;
    width: 92%;
    height: 50%;
    top: -3%;
    left: 2%;
  }
  .box07 h3 {
    font-size: 5.2vw;
    line-height: 1.4em;
    margin: 0 0 5%;
  }
  .box07 h3 span.en {
    margin: 0 0 5px;
    font-size: 4vw;
  }
  .box07-icon li {
    width: 48%;
    margin-bottom: 25px;
    margin-right: 4%;
    text-align: center;
    float: left;
  }
  .box07-icon li:last-child {
    margin-right: 0;
  }
  .box07-icon li img {
    height: 30px;
  }
  .box07-list li {
    width: 48%;
    padding: 30px 3% 20px;
  }
  .box07-list li:before {
    border: none;
  }
  .box07-list li:after {
    display: none;
  }
  .box07-list li:first-child {
    margin: 0 4% 0 0;
  }
  .box07-list .box07-ttl {
    border-radius: 5px;
    width: 85%;
    font-size: 15px;
    padding: 5px 0;
  }
  .box07-list .box07-ttl span {
    display: none;
  }
  .box07-list .box07-txt {
    font-size: 13px;
  }
  .box07-list .box07-txt br {
    display: none;
  }
  .box07-list .box07-btn {
    text-align: center;
    margin: 0 0 5px;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 75%;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
  }
  .box07-list .box07-btn a {
    width: 100%;
    box-sizing: border-box;
    font-size: 2.3vw
  }
  .idx-btn01.box07-btn a:before {
    background: #f69256 url(/images/idx_arrow03.png) 8% center no-repeat;
  }
  /*box08*/
  .box08 {
    background: #fff;
    border-bottom: none;
    padding: 0px 0 0;
  }
  .box08:after {
    display: none;
  }
  .box08-bnr li, .box08-bnr li:nth-child(4n) {
    width: 100%;
    margin: 0 4% 15px 0;
  }
  .box08-bnr li:nth-child(2n) {
    margin: 0 0 15px;
  }
  /*box09*/
  .box09 {
    background: #fff;
    border-bottom: none;
    padding: 30px 0 0;
  }
  .box09-bnr {
    overflow: hidden;
    display: block;
    justify-content: initial;
  }
  .box09:after {
    display: none;
  }
  .box09-bnr li {
    margin: 0 0 15px;
  }
  /*box10*/
  .box10 {
    background: none;
    /*background: url(/images/box04_ttlsp_bg.png) center 10px no-repeat;*/
    background-size: auto 30px;
    padding: 0 0 5px;
  }
  .box10 .container {
    width: 100%;
    padding: 0 3%;
  }
  .box10 .container:before {
    content: none;
  }
  .box10 h3 {
    background: none;
    font-size: 20px;
    margin: 0 0 25px;
  }
  .box10 h3 span {
    display: none;
  }
  .box10-bnr {
    width: 90%;
    margin: 0 auto;
  }
  .box10-bnr li {
    float: left;
    box-sizing: border-box;
    border-radius: 10px;
    border-bottom: none;
    border-right: none;
    margin: 0 auto;
  }
  .box10-bnr li a {
    border: none;
  }
  .box10-bnr li a dl {
    display: block;
    padding: 10px 0 0;
  }
  .box10-bnr li a dt {
    display: block;
    width: 100%;
    padding: 0 5%;
    margin: 0 0 5px;
    box-sizing: border-box;
  }
  .box10-bnr li a dt img {
    margin: 0 auto;
  }
  .box10-bnr li a dd {
    display: block;
  }
  .box10-bnr .slick-slide img {
    text-align: center;
    margin: 0 auto;
  }
  .box10-slick-prev, .box10-slick-next {
    top: 50%;
    margin-top: 0;
    width: 5%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .box10-slick-prev {
    left: -4%;
  }
  .box10-slick-next {
    right: -4%;
  }
  /*Footer*/
  #footer, .under #footer {
    padding: 0;
    /*padding: 30px 0 0 0;*/
    border-top: none;
    margin-bottom: 60px;
  }
  #footer .footer-link, .under #footer .footer-link {
    margin: 0;
    width: 100%;
    padding: 0;
  }
  .footer-link .f-link-items {
    float: none;
    width: 100%;
    margin: 0;
    display: none;
  }
  .f-link-items dl {
    margin: 0;
  }
  .f-link-items dt {
    color: #fff;
    font-size: 16px;
    margin: 0;
    position: relative;
    background: #64c9e1;
    padding: 15px 20px;
    box-sizing: border-box;
    border-bottom: 1px dashed #fff;
    z-index: 0;
  }
  .f-link-items dt:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: url(/images/footer_icon01.png) 0 0 no-repeat;
    background-size: contain;
    right: 20px;
    top: calc(50% - 5px);
    z-index: -1;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    transition: background .3s ease;
  }
  .f-link-items dt.active:after {
    background: url(/images/footer_icon02.png) 0 0 no-repeat;
    background-size: contain;
  }
  .f-link-items dd {
    display: none;
  }
  .f-link-items dd a {
    font-size: 14px;
    margin: 0;
    display: block;
    padding: 15px 20px;
    border-bottom: 1px dashed #ddd;
  }
  .footer-link .f-social {
    float: none;
    text-align: center;
    margin: 20px auto;
    width: auto;
    max-width: 300px;
  }
  .footer-link .f-social li {
    width: 50px;
  }
  .footer-link .f-social img.sp {
    display: inline-block;
    width: 90%;
    max-width: 590px;
  }
  .f-copy, .under .f-copy {
    text-align: center;
    font-size: 10px;
    padding: 15px 0 10px;
  }
  #totop {
    display: none !important;
  }
  .footercontact {
    display: block;
  }
  #ftr_contact {
    position: fixed;
    bottom: 0px;
    left: 0px;
    line-height: 0;
    width: 100%;
    height: 60px;
    z-index: 5000;
    display: block;
    background: #f5a868;
  }
  #ftr_contact .fcbtn {
    margin: 9px auto 0;
    text-align: center;
    width: 70%;
    background-color: #FFFFFF;
    border-radius: 21px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  #ftr_contact .fcbtn a {
    color: #f5a868;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    height: auto;
  }
  /*---Under--*/
  .under #header .h-contact {
    display: block;
  }
  .image-r, .image-l {
    float: none;
    text-align: center;
    margin: 0 0 10px;
  }
  p, dd, td, th, li {
    line-height: 25px;
  }
  /** start table scroll***/
  .tbl-scroll {
    overflow-x: scroll;
    width: 100%;
  }
  .tbl-scroll > table {
    min-width: 770px;
  }
  .tbl-scroll > table > table {
    min-width: 100%;
  }
  .tbl-scroll iframe {
    min-width: 640px;
    min-height: 472px;
  }
  /** end table scroll***/
  /*under*/
  .under #navi, .topic-path {
    display: none;
  }
  .under #main {
    width: 100%;
    margin: 30px 0 0;
  }
  .under #main #content {
    width: 100%;
    margin: 0 auto;
    padding: 0 3%;
    box-sizing: border-box;
  }
  /*.under #mainvisual {
	min-height: 200px;
	margin-bottom: 30px;
	background: url(/images/under_h2_bg.jpg) -680px top no-repeat;
	background-size: cover;
	margin-top: 0;
}*/
  .under #mainvisual {
    display: none;
  }
  .under #mainvisual .container {
    height: 200px;
    width: 100%;
    padding: 10px 10px 10px 265px;
  }
  .under #mainvisual .container h2 {
    font-size: 20px;
    line-height: 30px;
    vertical-align: middle;
  }
  .under #mainvisual .container h2 span {
    margin-top: 0;
  }
  .large-ttl {
    font-size: 17px;
    line-height: 25px;
  }
  .mid-ttl {
    font-size: 16px;
    line-height: 25px;
  }
  .under h3, .under h4, .under h5 {
    line-height: 1.5em;
    margin-bottom: 20px;
  }
  .under h3 {
    font-size: 20px;
  }
  .under h4 {
    font-size: 18px;
  }
  .under h4::after {
    width: 8px;
    height: 8px;
    top: 7px;
  }
  .under #content a.link-btn {
    font-size: 15px;
    padding: 10px 20px 7px 45px;
    min-width: auto;
  }
  .under-tbl th, .under-tbl td {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
  }
  .tbl-scroll > .under-tbl th, .tbl-scroll > .under-tbl td, .under-tbl.no-br th, .under-tbl.no-br td {
    display: table-cell;
    width: auto;
  }
  .under-tbl td.pc {
    display: none;
  }
  .under-tbl td.under-ttl01 {
    margin-bottom: 0;
  }
  .under-tbl {
    border-bottom: 1px solid #ddd0c2;
  }
  .under-tbl th, .under-tbl td {
    border-bottom: none;
  }
  .marker {
    background: url(/images/ico_marker.png) left top no-repeat;
    padding: 5px 0 4px 35px;
    background-size: auto 34px;
  }
  .resetpad {
    line-height: 20px;
    margin-bottom: 1.5em;
  }
  .frame01 {
    padding: 15px;
  }
  .shop-info dl dt {
    display: block;
    margin-bottom: 0px;
  }
  .ico {
    margin-bottom: 10px;
  }
  .regis-type {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
  .regis-type li {
    display: table-cell;
    margin: 0;
  }
  .regis-type li a {
    margin: 0 5px;
    padding-left: 0;
    padding-right: 0;
  }
  .shop-list {
    /*padding: 20px 0;
	background: #f7f0e5;*/
    text-align: center;
    display: block;
  }
  .shop-list li:nth-child(1), .shop-list li:nth-child(2) {
    margin-bottom: 20px;
  }
  .shop-blog-ttl .image-r {
    float: right;
  }
  .shop-blog .shop-blog-ttl {
    background: none;
  }
  .shop-blog .shop-blog-ttl p:first-child {
    margin-top: -30px;
  }
  .shop-blog .shop-blog-ttl p:last-child {
    padding: 0;
    margin: 0 auto;
    float: left;
  }
  .shop-blog .shop-blog-ttl .arr-link {
    top: 39px;
  }
  .shop-blog .shop-blog-ttl p:last-child::before {
    background: none;
  }
  .shop-blog ul li span {
    display: inline-block;
  }
  .shop-blog ul li span.news-date {
    margin-right: 0;
  }
  .shop-blog {
    padding: 15px 15px 10px;
  }
  .sale-txt-right {
    background: #fff2f2;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: left;
  }
  .frame02 {
    padding: 15px;
  }
  .under-list li:before {
    top: 13px;
  }
  .news-ttl {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .news-ttl li:last-child {
    text-align: right;
  }
  .under a.f-btn, .under input[type=submit].f-btn {
    padding: 10px 45px 9px 35px;
    min-width: 90px;
    width: 100%;
  }
  .under a.f-btn:after {
    margin-top: -6px;
  }
  .under-tbl th.right {
    text-align: left;
  }
  .under input[type="text"], .under input[type="email"], #fmail textarea, .under select, .under.search input[type="text"], .under.search select, #index .idx-select select, #index .select-fullw input.fw {
    font-size: 14px;
  }
  .under #fmail input[type="text"], .under #fmail input[type="email"], .under #fmail input[type="number"], .under #fmail input[type="tel"], .under #fmail textarea {
    font-size: 16px;
    padding: 5px;
  }
  .under #fmail input[type="email"] {
    width: 100%;
  }
  #index .idx-select select {
    font-size: 11px;
  }
  .img768 {
    display: block;
  }
  .family .parent ul li span:first-child::before {
    top: 9px;
  }
  .shop-info-simple > dl > dt {
    padding: 5px 0 4px 55px;
  }
  .shop-info-simple > dl > dt {
    background-size: auto 34px;
  }
  .under .search-detail, .under.search .under .search-detail {
    margin: 0 auto 5%;
    width: 98%;
  }
  .under .search-box {
    border-radius: 10px;
    position: relative;
    z-index: 0;
    padding: 20px 10px 0;
  }
  .under #search-dog.search-box, .under #search-cat.search-box {
    padding: 10px 10px;
  }
  .under .featurecont .search-box {
    padding: 20px 10px;
  }
  .under.search .search-box, .under.search.thought .under .search-box {
    padding: 30px 10px 40px;
  }
  .under.search.thought .search-box {
    padding: 30px 10px 0;
  }
  .search-box01 {
    padding: 0;
  }
  .search-box02 {
    margin: 0 0 10px;
  }
  .under .search-items, .under.search .search-items, .under.search .under .search-items {
    width: 100%;
    margin: 0 0 15px;
  }
  .under .search-items.si02, .under .search-items.si03, .under.search .under .search-items.si02, .under.search .under .search-items.si03 {
    position: static;
  }
  .under .sizedog-checkbox, .under .sizecat-checkbox {
    padding: 0;
    margin: 0 0 15px;
  }
  .under .sizedog-checkbox input, .under .sizecat-checkbox input {
    margin-left: 2px;
  }
  .under .sizedog-checkbox li, .under .sizecat-checkbox li, .under .sizedog-checkbox li:nth-child(4n), .under .sizecat-checkbox li:nth-child(4n) {
    width: 32%;
    margin: 0 2% 5px 0;
  }
  .under .sizedog-checkbox li:nth-child(3n), .under .sizecat-checkbox li:nth-child(3n) {
    margin: 0 0 5px;
  }
  .under .sizedog-checkbox li:nth-child(4n+1), .under .sizecat-checkbox li:nth-child(4n+1) {
    clear: inherit;
  }
  .under .sizedog-checkbox li:nth-child(3n+1), .under .sizecat-checkbox li:nth-child(3n+1) {
    clear: left;
  }
  .under.search input[type=checkbox] + label {
    font-size: 10px;
  }
  .under .searchshop-cb {
    margin: 0 0 15px;
  }
  .under .searchshop-cb dl {
    width: 100%;
  }
  .under .searchshop-cb dl:first-child {
    padding: 0;
  }
  .searchshop-cb label {
    margin-left: 2px;
  }
  .under .s-price {
    overflow: hidden;
  }
  .under.search .s-price li {
    width: 45.4%;
  }
  .under .s-price li:first-child {
    margin-right: 7%;
  }
  .under .featurecont .s-price li {
    width: 45.5%;
  }
  .under .search-b02-l {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    padding: 0 0 15px;
    border: none;
    border-radius: 0;
    border-bottom: 1px dashed #ccb9a2;
  }
  .under.search #search-cat .search-b02-l {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    padding: 0 0 15px;
    border: none;
    border-radius: 0;
    border-bottom: 1px dashed #ccb9a2;
  }
  .under .s-parent {
    overflow: hidden;
  }
  .under .s-parent:before {
    font-size: 12px;
    left: calc(50% - 4px);
  }
  .under .s-parent li {
    width: 100%;
    margin-bottom: 30px;
    float: left;
  }
  .under .s-parent li:first-child {
    margin-right: 0;
  }
  .under .s-parent li:last-child {
    margin-bottom: 0;
  }
  .under .featurecont .s-parent li {
    width: 100%;
  }
  .under .search-item01 {
    padding: 0;
  }
  .under .search-b02-r {
    width: 100%;
  }
  .under .search-b02r-top {
    padding: 0;
    border: none;
    border-bottom: 1px dashed #ccb9a2;
    margin: 0 0 15px;
  }
  .search-bnr {
    width: 100%;
    padding: 5% 10px;
    text-align: center;
    margin-bottom: 30px;
  }
  .search-bnr-img {
    position: absolute;
    width: 15%;
    right: 10%;
    bottom: 1%;
    top: inherit;
  }
  .search-bnr .search-ttl01 {
    font-size: 3.4vw;
    margin: 0 0 0.6em;
    text-align: center;
  }
  .search-bnr .search-ttl02 {
    font-size: 6vw;
    margin: 0 0 0.6em;
  }
  .search-bnr .idx-btn01 {
    text-align: left;
    margin: 0 0 0 10%;
  }
  .search-bnr .idx-btn01 a {
    width: 80%;
    padding: 10px 0;
    font-size: 3.2vw;
  }
  .search-group-bnr {
    background: #fff;
    padding: 0 3%;
  }
  .search-group-bnr ul {
    width: 100%;
    overflow: hidden;
    display: block;
    justify-content: center;
  }
  .search-group-bnr ul:first-child {
    margin-bottom: 10px;
  }
  .search-group-bnr ul li {
    text-align: center;
    width: 100%;
    margin: 0 0 2% 0;
  }
  .search-pager-top .total-pets {
    position: static;
    margin: 0 0 3px;
  }
  .search-pager-top {
    border-top: none;
  }
  .search-option > li {
    display: block;
    margin: 0 0 10px;
  }
  .search-option > li:first-child {
    padding: 8px 0;
    float: left;
    width: 22%;
  }
  .search-option > li.pc {
    display: none;
  }
  .search-option > li.search-method {
    width: 78%;
    float: right;
  }
  .search-list > li, .search-list > li:nth-child(2n) {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 5px 10px 10px;
  }
  .search-list.rare-list.grid-view > li, .search-list.rare-list.grid-view > li:nth-child(3n) {
    width: 48%;
    margin-right: 4%;
  }
  .search-list.rare-list.grid-view > li:nth-child(2n) {
    margin-right: 0;
  }
  .search-list.rare-list.grid-view .pets-view-more.gvsp {
    display: block;
  }
  .pets-ctn-r {
    width: 55%;
    margin: 0 0 15px 2%;
  }
  .pets-ctn-r dl.pets-column2 {
    line-height: 1.8em;
    padding: 4px 0;
  }
  .babyarea .pets-ctn-r {
    width: 55%;
    margin: 0 0 15px 10px;
  }
  .pets-ctn-r dl dd span.pets-price {
    font-size: 18px;
  }
  .rare-list .pets-ctn-r dl:last-child {
    border-bottom: none;
  }
  .grid-view .pets-ctn-r {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .pets-view-more a {
    max-width: 200px;
    border-bottom: none;
    padding: 3px;
    margin-bottom: 8px;
  }
  .pets-avatar {
    margin: 0 0 10px;
  }
  .pets-name {
    padding: 10px 10px 10px 45px;
    font-size: 16px;
    background-position: 0 5px;
  }
  .search .pets-name {
    padding: 0 10px 10px 45px;
    font-size: 16px;
    background-position: 0 0;
  }
  .pets-name p.titleft {
    width: 70%;
    font-size: 16px;
    margin-bottom: 0;
  }
  .trim-detail .pets-name p.titleft {
    width: 67%;
  }
  .trim-detail .search-lineat-btn {
    float: right;
    margin-top: 10px;
    margin-right: 5px;
  }
  .search .search-lineat-btn a {
    margin-top: 0;
  }
  .pets-name p.rightno {
    width: 100%;
    margin-bottom: 0;
    display: block;
  }
  .pets-name p.rightno::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
  }
  .pets-stance_01, .pets-stance_02, .pets-stance_03 {
    margin: 10px auto 5px;
  }
  .search-new-name {
    width: 64%;
  }
  .search-vip-btn {
    width: 25%;
    padding: 20px 0 0;
    text-align: center;
  }
  .search .search-vip-btn {
    width: auto;
    margin: 10px 0 0 2px;
  }
  .search-vip-btn a {
    font-size: 10px;
    padding: 5px 9px;
  }
  .search .search-vip-btn a {
    padding: 7px 8px;
    margin-top: 0;
  }
  /****/
  .search-list .search-vip-btn {
    padding-right: 0;
    width: 20%;
    padding: 0;
  }
  .search-list .search-vip-btn a {
    display: flex;
    margin-top: 0;
    padding: 7px 0px;
    color: #fff;
    text-decoration: none;
    background: #64c9e1;
    border-radius: 5px;
    font-weight: bold;
    font-size: 10px;
    justify-content: center;
    flex-wrap: wrap;
    line-height: 1.4em;
  }
  .search-list .search-vip-btn a.active {
    background-color: #516471;
  }
  .search-list .search-vip-btn a span {
    margin-bottom: 6px;
  }
  .search-list .search-lineat-btn {
    width: 70px;
  }
  .search-list .search-lineat-btn a {
    flex-wrap: wrap;
  }
  /****/
  .trim-detail {
    margin: 0px 0 45px;
    padding: 10px 0 0;
    background: #fff;
  }
  .search .trim-detail {
    margin: 0px 0 45px;
    padding: 0;
    background: #fff;
  }
  .trim-detail:after {
    content: none;
    position: absolute;
    right: 26px;
    top: -24px;
    left: 0;
    z-index: -1;
  }
  .trim-detail:before {
    display: none;
  }
  .trim-ctn-l {
    width: 100%;
    float: none;
    margin: 0;
  }
  .trim-ctn-r {
    width: 100%;
    float: none;
    box-sizing: border-box;
    padding: 20px 3% 0;
    position: relative;
    background: rgba(0, 0, 0, 0.05);
    z-index: 0;
  }
  .trim-ctn-r:before {
    content: '';
    position: absolute;
    width: calc(100% - 3px);
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    border-left: 1px solid #EEE8E0;
    border-right: 1px solid #EEE8E0;
    z-index: -1;
  }
  .trim-ctn-r .movingbox {
    top: -46px;
    right: 30%;
  }
  .trim-note {
    width: 100%;
    box-sizing: border-box;
    padding: 0 3% 20px;
    position: relative;
    background: rgba(0, 0, 0, 0.05);
    z-index: 0;
    border-radius: 0 0 10px 10px;
  }
  .trim-note:before {
    content: '';
    position: absolute;
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    top: 0;
    left: 0;
    border-radius: 0 0 10px 10px;
    background: #fff;
    border-bottom: 1px solid #EEE8E0;
    border-left: 1px solid #EEE8E0;
    border-right: 1px solid #EEE8E0;
    z-index: -1;
  }
  .trim-detail .pets-avatar {
    text-align: center;
  }
  .trim-thumb {
    padding: 10px 3% 0;
    position: relative;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 10px 10px 0 0;
    z-index: 0;
  }
  .trim-thumb:before {
    content: '';
    position: absolute;
    width: calc(100% - 3px);
    height: 100%;
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 10px 10px 0 0;
    border-top: 1px solid #EEE8E0;
    border-left: 1px solid #EEE8E0;
    border-right: 1px solid #EEE8E0;
    z-index: -1;
  }
  .trim-thumb li, .trim-thumb li:nth-child(2n) {
    line-height: 0;
    width: 23%;
    margin: 0 2% 10px 0;
    float: left;
    cursor: pointer;
    text-align: center;
  }
  .trim-thumb li:last-child {
    margin: 0 0 20px;
  }
  .trim-detail-inner {
    background: #F4EDE2;
    border-radius: 10px;
  }
  .trim-detail-inner dl {
    display: block;
  }
  .trim-detail-inner dt {
    display: block;
    vertical-align: top;
    color: #78aa22;
    font-weight: bold;
    font-size: 15px;
    width: 100%;
    line-height: 20px;
    padding: 10px 0 0;
  }
  .trim-detail-inner dt span {
    display: inline-block;
    line-height: 18px;
    text-indent: 0;
    padding: 0 0 0 5px;
  }
  .trim-detail-inner dt span br {
    display: none;
  }
  .trim-detail-inner dd {
    padding: 5px 0;
  }
  .trim-btn {
    padding: 20px 3%;
    background: #fff;
    border-radius: 0;
  }
  .trim-btn li {
    width: 32%;
    margin: 0 2% 0 0;
  }
  .trim-btn li a {
    border-radius: 5px;
    font-size: 20px;
    padding: 5% 3%;
    /*border-bottom: none;*/
    line-height: 1.4em;
  }
  .trim-btn li a span {
    display: block;
    margin: 0 0 5px 0;
  }
  .trim-btn li a span img {
    height: 40px;
  }
  .trim-btn li a br {
    display: block;
  }
  .trim-ctn-top {
    margin: 0;
  }
  .trim-note dl {
    background: #FFF2F2;
    border-radius: 10px;
  }
  .trim-note dt {
    background: #FC817B;
    font-size: 16px;
    padding: 12px 0;
    margin: 0;
    text-align: center;
  }
  .trim-note dt span {
    position: relative;
  }
  .trim-note dt span:after {
    content: '';
    position: absolute;
    top: calc(50% - 5px);
    right: -20px;
    border-top: 8px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    transform: rotate(0);
  }
  .trim-note dt.active span:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .trim-note dd {
    padding: 15px 10px;
    max-height: inherit;
    /* display: none; */
    box-sizing: border-box;
  }
  .trim-back-btn {
    margin: 0 0 50px;
  }
  .trim-back-btn a {
    max-width: 360px;
    width: 100%;
    padding: 15px 0;
    border-bottom: none;
  }
  .trim-video {
    text-align: center;
    padding: 0 0 18%;
    border-left: 1px solid #EEE8E0;
    border-right: 1px solid #EEE8E0;
  }
  .trim-video iframe {
    width: 94%;
    max-height: 100%;
  }
  .trim-icon {
    position: absolute;
    right: 11px;
    top: -3%;
    width: 45%;
    max-width: 201px;
  }
  .thought-spc {
    font-size: 16px;
    text-align: center;
  }
  .thought-spc br, .thought-txt01 br {
    display: none;
  }
  .section-thought01 {
    padding: 30px 10px 15px;
    margin: 0 0 30px;
  }
  .section-thought01:before, .section-thought01:after {
    display: none;
  }
  .thought-txt01 {
    font-size: 13px;
    margin: 0 0 30px;
    text-align: left;
  }
  .thought-bnr01 li {
    width: 50%;
    text-align: center;
  }
  .thought-bnr01 li:nth-child(2n+1) {
    clear: left;
  }
  .sec-thought02 {
    padding: 30px 3% 10px;
    margin: 0;
  }
  .thought-ctn {
    width: 100%;
  }
  .thought-ttl02 {
    font-size: 18px;
    text-align: center;
  }
  .thought-bnr02 li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .sec-thought03 {
    padding: 30px 0;
  }
  .thought-bnr03 li {
    display: block;
    text-align: center;
    padding: 0 3%;
  }
  .thought-bnr03 li:first-child {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .sec-thought04 {
    padding: 30px 3%;
  }
  .thought-ttl03 {
    background: url(/images/thought_icon.png) 0 center no-repeat;
    background-size: 70px auto;
    padding: 20px 0 10px 80px;
    font-size: 18px;
  }
  .thought-r {
    width: 100%;
    float: none;
    background-size: 150px auto;
    padding: 0 0 100px;
  }
  .thought-txt02 {
    font-size: 13px;
  }
  .thought-txt02 br {
    display: none;
  }
  .thought-btn {
    text-align: center;
  }
  .thought-btn a {
    border-bottom: none;
  }
  .f-search {
    width: 80px;
    right: 3%;
  }
  .f-search span {
    font-size: 10px;
    margin: 0 0 3px;
  }
  .f-search span:before {
    border-left: 10px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid #1b84c7;
    bottom: -7px;
    left: 15px;
  }
  .src-anchor {
    max-width: 400px;
    margin: 0 auto;
  }
  .src-anchor li {
    position: absolute;
    width: 120px;
    padding-bottom: 120px;
    height: 0;
  }
  .src-anchor li a {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 0 15px;
    box-sizing: border-box;
  }
  .src-anchor li:nth-child(1) {
    top: 5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .src-anchor li:nth-child(2) {
    top: 0;
    left: 2%;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    transform: translateY(120%);
  }
  .src-anchor li:nth-child(3) {
    top: 0;
    right: 2%;
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    transform: translateY(120%);
  }
  .src-anchor li:nth-child(4) {
    top: 0;
    left: 50%;
    transform: translate(-120%, 270%);
  }
  .src-anchor li:nth-child(5) {
    top: 0;
    right: 50%;
    transform: translate(120%, 270%);
  }
  .outline-map > li {
    width: calc(100% / 3);
  }
  .together-list01 li {
    width: 23%;
  }
  .together-list01 li:last-child {
    width: 31%;
  }
  .together-list02 {
    width: 23%;
  }
  .together-list03 {
    width: 30%;
  }
  .rare-note {
    padding: 0 5% 30px;
  }
  .rare-img {
    display: none;
  }
  .rare-img-list {
    float: none;
    width: 100%;
    margin: 10px 0 0;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  .rare-imglf .rare-img-list {
    float: none;
    width: 100%;
    margin: 10px 0 0;
    flex-wrap: nowrap;
    justify-content: flex-start;
    /* min-width: 200px; */
  }
  .rare-img-list li {
    width: 32%;
    text-align: center;
    margin-right: 0;
  }
  .rare-list .pets-view-more {
    margin: 10px auto 0;
    position: static;
    width: 80%;
    max-width: 200px;
  }
  .rare-list .pets-view-more.pbabysp {
    margin: 0 auto 10px;
  }
  .babyarea .rare-leftbox {
    width: 100%;
    float: none;
  }
  .babyarea .pets-ctn-l {
    width: 43%;
    float: left;
    text-align: center;
    margin: 0;
  }
  .babyarea p.pets-view-more {
    margin: 0;
    text-align: center;
    width: 140px;
    top: auto;
    right: auto;
    position: static;
  }
  .recommend-note {
    padding: 30px 5%;
  }
  .recommend-img {
    display: none;
  }
  .family-note {
    background: url(/images/family_bg01_sp.jpg) 0 0 no-repeat;
    background-size: cover;
    padding: 10px 5% 20px;
  }
  .family-img {
    display: none;
  }
  .easycare-note {
    background: url(/images/easycare_bg01_sp.jpg) 0 0 no-repeat;
    background-size: cover;
    padding: 10px 5% 20px;
  }
  .easycare-img {
    display: none;
  }
  .water-note {
    background: url(/images/water_bg01_sp.jpg) 0 0 no-repeat;
    background-size: cover;
    padding: 10px 5% 20px;
  }
  .water-img {
    display: none;
  }
  .walk-note {
    background: url(/images/walk_bg01_sp.jpg) 0 0 no-repeat;
    background-size: cover;
    padding: 10px 5% 20px;
  }
  .walk-img {
    display: none;
  }
  .popup-btn li {
    display: block;
    margin: 10px 0;
  }
  .popup-btn .idx-search-btn01 {
    margin: 20px auto 0;
    width: 160px;
  }
  .line-ttl {
    font-size: 6vw;
    margin-bottom: 10px;
    line-height: 1.4em;
  }
  .line-ttl span {
    margin: -2% 1% 0;
  }
  .line-box {
    padding: 20px 3%;
    display: block;
  }
  .line-box-l {
    width: 100%;
    display: block;
    margin: 0 0 5%;
    text-align: center;
  }
  .line-box-l img {
    width: 50%;
    max-width: 300px;
  }
  .line-box-r {
    display: block;
    padding: 0;
  }
  .line-txt01 {
    font-size: 5vw;
  }
  .line-btn {
    margin-bottom: 5%;
  }
  .line-btn a {
    font-size: 12px;
  }
  .line-txt02 {
    font-size: 3.4vw;
    font-family: 'Yu Gothic bold';
    font-weight: bold;
    color: #fff;
    margin: 0;
    line-height: 1.4em;
    margin-bottom: 5%;
  }
  .line-img {
    position: static;
    width: 150px;
    margin: 0 auto;
    text-align: center;
  }
  .shop-map .search02-local > li {
    padding: 0px 10px;
    font-size: 14px;
  }
  .shop-map .search02-local-sub li {
    font-size: 12px;
  }
  .qa-anchor li, .qa-anchor li:nth-child(3n) {
    width: 47%;
    margin-right: 4%;
  }
  .qa-anchor li:nth-child(2n) {
    margin-right: 0;
  }
  .search02-local-sub {
    width: auto;
  }
  #list_kyushu .search02-local-sub {
    left: 0;
    width: 90px;
  }
  #list_china .search02-local-sub {
    left: 0;
    width: 180px;
  }
  .together-btn li {
    width: 40%;
  }
  .together-btn li:first-child {
    margin-right: 2%;
  }
  .lang-flag {
    display: flex;
    flex-wrap: wrap;
  }
  .lang-flag li {
    margin-right: 3.5%;
    width: 31%;
    text-align: center;
    margin-bottom: 10px;
  }
  .lang-flag li:nth-child(3n) {
    margin-right: 0;
  }
  .lang-ctn li {
    width: 100%;
    margin-right: 0;
  }
  .lang-top dt {
    padding-bottom: 3%;
    margin-top: -8%;
    margin-bottom: 5%;
  }
  .lang-top dt img {
    width: 40%;
    max-width: 138px;
  }
  .breeding-flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .breeding-img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
    text-align: center;
  }
  .breeding-side {
    width: 100%;
  }
  .under h3.zukan-all-h3 {
    padding: 10px 0 10px 45px;
    background-size: 35px auto;
  }
  .zukan-all-link li {
    width: 48%;
    padding: 15px 3%;
  }
  .zukan-all-link li:first-child {
    margin-right: 4%;
  }
  .zukan-all-link dl {
    flex-direction: column;
  }
  .zukan-all-link dt {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    text-align: center;
  }
  .zukan-all-link dd {
    width: 100%;
  }
  .zukan-all-link .zukan-all-spleft {
    float: left;
    width: 50%;
  }
  .zukan-all-link .zukan-all-spright {
    float: right;
    width: 48%;
    padding: 6% 0;
  }
  .zukan-all-list {
    padding: 0 3%;
    justify-content: center;
  }
  .zukan-all-list li {
    max-width: 240px;
    width: 48%;
    margin-right: 4%;
  }
  .zukan-all-list li:nth-child(4n) {
    margin-right: 0;
  }
  .zukan-all-list li:nth-child(2n) {
    margin-right: 0;
  }
  .zukan-cat-box01 {
    padding: 20px 0 30px;
    border: none;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
  }
  .zukan-c-ctn {
    padding: 10px;
  }
  .zukan-c-thumb {
    max-width: 350px;
    width: 100%;
  }
  .zukan-c-thumb li {
    width: 48%;
    margin-right: 4%;
  }
  .zukan-c-2side {
    margin-bottom: 10px;
    flex-wrap: wrap;
  }
  .zukan-c-2side > li {
    width: 100%;
  }
  .zukan-c-2side li.zukan-p {
    margin-bottom: 15px;
  }
  .under .idx-search-submit.zukan-c a {
    width: 100%;
    font-size: 14px;
    padding: 10px 10px 10px 25px;
  }
  .idx-search-submit a:before {
    background: #f5a868 url(/images/idx_search_icon03.png) 11% center no-repeat;
  }
  .estate-frame-txt {
    font-size: 14px;
  }
  .estate-frame-txt br {
    display: none;
  }
  .concept-ttl {
    font-size: 18px;
  }
  .concept-list li {
    font-size: 14px;
  }
  .zukan-d-detail {
    flex-direction: column;
  }
  .zukan-d-detail .zukan-c-detail {
    width: 100%;
  }
  .zukan-btn a {
    font-size: 13px;
    padding: 10px 20px;
  }
  .under .idx-search-submit a {
    width: 270px;
  }
  .news-tab {
    text-align: center;
    margin-left: 0;
    margin-bottom: 10px;
    padding: 0 7px;
  }
  .news-tab li {
    width: 24%;
    margin-bottom: 10px;
    margin-right: 0;
    box-sizing: border-box;
    border-radius: 5px 5px 0 0;
  }
  .news-tab li:nth-child(2n) {
    margin-right: 0;
  }
  .section-begin {
    display: block;
    margin-right: 0;
    width: 100%;
    max-width: 100%;
  }
  .section-action {
    display: block;
    overflow: hidden;
    width: 100%;
  }
  .line-box02 {
    padding: 30px 3% 20px;
  }
  .line-icon01 {
    display: block;
    text-align: center;
  }
  .line-icon01 img {
    width: 30%;
    max-width: 160px;
  }
  .line-ttl {
    display: block;
    text-align: center;
    margin-left: 0;
    margin-bottom: 5%;
  }
  .line-icon02 {
    width: 20%;
    max-width: 156px;
  }
  .line-qr {
    position: static;
    text-align: center;
  }
  .line-txt03 {
    margin-left: 0;
    margin-top: 5%;
    margin-bottom: 3%;
    text-align: center;
  }
  .line-btn01 {
    margin-left: 0;
    text-align: center;
  }
  .line-list li, .line-list li:nth-child(3n) {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
  .line-list li:nth-child(2n) {
    margin-right: 0;
  }
  .search-new-temp {
    padding-right: 0;
    border-bottom: none;
    margin-bottom: 0px;
  }
  .search-list .search-new-temp {
    padding-right: 0;
    border-bottom: none;
    margin-bottom: 10px;
  }
  .under .pict-frame {
    border: none;
    padding: 0;
    -webkit-box-shadow: 2px 2px 0px 0px rgba(242, 242, 242, 0);
    -moz-box-shadow: 2px 2px 0px 0px rgba(242, 242, 242, 0);
    box-shadow: 2px 2px 0px 0px rgba(242, 242, 242, 0);
  }
  .under .search-pict-i01 {
    width: 100%;
    font-size: 16px;
    margin-bottom: 20px;
  }
  .under .search-pict-i02 {
    width: 100%;
    margin-left: 0;
    padding: 20px 3%;
  }
  .bigsale-camp-frame {
    background-size: 30% auto, 30% auto, auto;
    padding: 15% 6% 10%;
  }
  .bigsale-camp-frame_newyears {
    padding: 15px 10px;
    background-color: #7e151a;
    background-size: contain;
  }
  .bigsale-camp-ttl {
    margin-bottom: 8%;
  }
  .bigsale-camp-ttl .bc-icon01 {
    display: none;
  }
  .bigsale-camp-ttl .bc-icon02 {
    display: none;
  }
  .bigsale-camp-inner {
    padding: 5%;
  }
  .bigsale-camp-sign {
    font-size: 18px;
  }
  .bigsale-camp-img {
    display: none;
  }
  .harfprice-frame01 {
    padding: 0 3%;
    margin-bottom: 30px;
  }
  .harfprice-des01 {
    font-size: 3vw;
    padding: 10px 10%;
    margin-bottom: 20px;
    background-size: 7% auto;
    line-height: 1.6em;
    width: 100%;
  }
  .harfprice-des01 > span > span {
    font-size: 3vw;
  }
  .harfprice-frame01-txt {
    margin-left: 0;
    text-align: center;
  }
  .harfprice-frame02 {
    margin-bottom: 40px;
    padding: 30px 3% 15px;
  }
  .harfprice-inner01 {
    padding: 0 0 30px;
    margin: 0 0 20px;
  }
  .harfprice-ttl02 {
    text-align: center;
    color: #754c24;
    font-weight: bold;
    font-size: 22px;
    font-family: 'Yu Gothic bold';
    margin: 0 0 20px;
  }
  .hp-left01 {
    float: none;
    width: 100%;
    max-width: 460px;
    margin: 0 auto 20px;
  }
  .hp-right01 {
    float: none;
    width: 100%;
    padding: 30px 3% 15px;
  }
  .harfprice-inner02 {
    padding: 30px 3%;
    display: block;
  }
  .hp-img03 {
    float: none;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 0;
  }
  .hp-img03 img {
    width: 50%;
    max-width: 200px;
  }
  .hp-ctn01 {
    width: 100%;
    float: none;
  }
  .hp-ctn01 .hp-txt01 {
    text-align: center;
  }
  .hp-list01 {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .hp-list01 li {
    width: 100%;
    max-width: 400px;
    margin-bottom: 40px;
  }
  .hp-list01 li:last-child {
    margin-bottom: 10px;
  }
  .hp-list01 li:after {
    left: calc(50% - 12px);
    top: calc(100% + 8px);
  }
  .hp-price03 {
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .hp-oldprice {
    color: #754c24;
    font-weight: bold;
    font-family: 'Yu Gothic bold';
    font-size: 10vw;
    line-height: 1em;
    margin: 0;
    text-align: center;
  }
  .hp-newprice {
    font-size: 20vw;
    padding-right: 0;
    text-align: center;
  }
  .hp-left02 {
    float: none;
    width: 100%;
  }
  .h-price04 {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .h-price04 li {
    width: 100%;
    max-width: 300px;
    margin-bottom: 10px;
  }
  .hp-right02 {
    max-width: 450px;
    float: none;
    padding: 30px 3%;
    width: 100%;
    margin: 0 auto;
  }
  .harfprice-frame03 {
    margin-bottom: 30px;
  }
  .ranking-list li {
    width: 29%;
    padding: 10px 0 10px;
    border: 3px solid #5190b9;
  }
  .ranking-list li img {
    position: absolute;
    top: -25px;
    left: 37%;
    width: 50px;
  }
  .ranking-acc dt {
    font-size: 14px;
    padding: 15px 32% 15px 40px;
  }
  .ranking-acc dt span {
    right: 1%;
    /* bottom: 10px; */
    width: 30%;
  }
  .trim-tbl th.bg01trimfirst {
    background-color: #e3f2f7;
    padding: 15px 30px 15px 15px;
  }
  .trim-tbl th.bg01, .trim-tbl td.bg01 {
    background: url(/images/trim_plus.png) no-repeat right 4% center #e3f2f7;
    padding: 15px 30px 15px 15px;
  }
  .trim-tbl th.bg01, .trim-tbl td.bg01.change {
    background: url(/images/trim_minus.png) no-repeat right 4% center #e3f2f7;
    padding: 15px 30px 15px 15px;
  }
  .trim-tbl th.bg02trimfirst {
    background-color: #fbf4f4;
    padding: 15px 30px 15px 15px;
  }
  .trim-tbl th.bg02, .trim-tbl td.bg02 {
    background: url(/images/trim_plus.png) no-repeat right 4% center #fbf4f4;
    padding: 15px 30px 15px 15px;
  }
  .trim-tbl th.bg02, .trim-tbl td.bg02.change {
    background: url(/images/trim_minus.png) no-repeat right 4% center #fbf4f4;
    padding: 15px 30px 15px 15px;
  }
  .trim-tbl td.bg01:after, .trim-tbl td.bg01:before {
    position: absolute;
    right: 7px;
    bottom: 50%;
    top: inherit;
    width: 15px;
  }
  .trim-tbl td.bg02:after, .trim-tbl td.bg02:before {
    position: absolute;
    right: 7px;
    bottom: 50%;
    top: inherit;
    width: 15px;
  }
  .image-search-form .uploaded {
    padding: 10px;
  }
  .image-search-form .uploaded img {
    max-width: 120px;
  }
  .image-search-result-col {
    float: left;
    width: 48%;
    margin: 0 4% 20px 0;
  }
  .image-search-result-col:nth-child(2n) {
    margin-right: 0;
  }
  .image-search-result-col > a {
    padding: 0;
  }
  .image-search-result-col dl dd.cate01 {
    padding: 2px 10px;
  }
  .image-search-result-col dl dd.cate02 {
    padding: 2px 10px;
  }
  .image-search-form .uploaded {
    float: none;
    width: auto;
  }
  .image-search-form .search03-below-left {
    float: none;
    width: auto;
  }
  .image-search-form .search03-below-right {
    float: none;
    width: auto;
  }
  .image-search-form .search03-top-i01 {
    display: none;
  }
  .image-search-form-inputs {
    float: none;
    width: auto;
    padding-top: 10px;
  }
  .image-search-breed.active {
    display: block;
    margin-bottom: 20px;
  }
  .image-search-form .search-pic-ttl {
    text-align: center;
  }
  .image-search-form .search-pic-up {
    text-align: center;
  }
  .frame01_top_sp {
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    text-align: center;
  }
  .family .parent01 dd p img {
    width: 100% !important;
    float: none !important;
  }
  .family .parent01 dd ul {
    padding-left: 0 !important;
  }
  td.toggletd01, td.toggletd02, td.toggletd03, td.toggletd04, td.toggletd05 {
    display: none;
  }
  select[name="month"], select[name="day"], select[name="hour"], select[name="minute"] {
    width: 100%;
    margin: 0;
  }
  .list-grid {
    padding: 0;
    margin: 0 0 20px;
  }
  .list-grid li {
    margin-right: 10px;
  }
  .list-grid li.picked-delete {
    padding: 22px 10px;
    font-size: 14px;
    margin-right: 0;
  }
  .trim-btn02 {
    padding: 0 0 30px;
    border-radius: 0 0 10px 10px;
  }
  .trim-btn02 li {
    float: left;
    margin: 0 10px 0 0;
  }
  .trim-btn02 li:last-child {
    margin: 0;
  }
  .trim-btn02 li a {
    display: block;
    text-decoration: none;
    background: #8accce;
    border-radius: 100px;
    color: #FFF;
    text-align: center;
    font-size: 15px;
    /*font-family: 'GenJyuuGothic-Bold';*/
    font-weight: bold;
    padding: 7px 26px 3px;
    border-bottom: 5px solid #7cb7b9;
  }
  body #shop_detail .bx-wrapper .bx-pager {
    top: 95%;
    padding-top: 20px;
  }
  body #shop_detail .bx-wrapper .bx-prev {
    left: -55px;
  }
  body #shop_detail .bx-wrapper .bx-next {
    right: -55px;
  }
  .buy-btn a {
    width: 70%;
    padding: 14px 0;
  }
  .zukan-c-list li p.cate01 {
    padding: 0 4px;
  }
  .zukan-c-list li p.cate02 {
    padding: 0 4px;
  }
  #wrapper #content.snews_area table {
    width: 100% !important;
  }
  #wrapper #content.snews_area table th {
    padding: 0.5em;
    width: 24%;
  }
  #wrapper #content.snews_area table td {
    padding: 0.5em;
  }
  /** doglist add 180223 **/
  .estate-frame .dog-list li {
    position: relative;
    padding-left: 17px;
    width: 100%;
    line-height: 2em;
    font-size: 130%;
  }
  .estate-frame .dog-list li::before {
    top: 8px;
  }
  .doglist_anchor {
    justify-content: center;
  }
  .doglist_anchor li {
    margin-bottom: 20px;
  }
  .doglist-frame .dog-list li {
    position: relative;
    padding-left: 25px;
    width: 100%;
    line-height: 2.2em;
    margin-bottom: 10px;
    letter-spacing: -0.5px;
  }
  .doglist_top {
    position: relative;
    text-align: center;
    right: 0;
  }
  /** doglist add 180223 end **/
  /** protective add 181024 start **/
  .protect_box02 .protect_rule {
    margin: 0;
  }
  .protect_box02 .protect_rule li {
    width: 30%;
    margin-bottom: 30px;
  }
  .protect_box02 .protect_rule li::before {
    left: 0;
  }
  .protect_box02 .protect_rule li::after {
    right: -10%;
  }
  .protect_box03 .left_img .animal_img, .protect_box03 .right_img .animal_img {
    width: 18%;
  }
  .protect_box03 .right_img .protect_txtbox {
    float: left;
    width: 70%;
  }
  .protect_box03 .left_img .protect_txtbox {
    float: right;
    width: 70%;
  }
  .protect_box03 .right_img .protect_txtbox .protect_a, .protect_box03 .left_img .protect_txtbox .protect_a {
    width: calc(100% - 20px);
  }
  .protect_box03 .protect_q::after {
    width: 100%;
    height: 3px;
  }
  .protect_box04 .afterimg_left, .protect_box04 .afterimg_right {
    background: none;
    min-height: initial;
    margin-bottom: 50px;
  }
  .protect_box04 .afterimg_left .after_txt, .protect_box04 .afterimg_right .after_txt {
    width: 100%;
    float: none;
  }
  .protect_box04 .afterimg_right .afterimg_upper, .protect_box04 .afterimg_left .afterimg_upper {
    margin-bottom: 20px;
  }
  .protect_box04 .afterimg_left .afterimg_upper .imgarea, .protect_box04 .afterimg_right .afterimg_upper .imgarea {
    float: none;
    text-align: center;
    padding: 200px 0 30px;
  }
  .protect_box04 .afterimg_left .afterimg_upper .imgarea .afterimg_prof, .protect_box04 .afterimg_right .afterimg_upper .imgarea .afterimg_prof {
    top: 0;
    bottom: initial;
    left: calc(50% - 114px);
    right: initial;
    text-align: center;
  }
  .protect_box04 .afterimg_left .afterimg_upper .afterimg_catch, .protect_box04 .afterimg_right .afterimg_upper .afterimg_catch {
    width: 100%;
    text-align: center;
    line-height: 2em;
  }
  .protect-list .pets-ctn-r {
    width: 100%;
  }
  .photo-view .info-btn{
    top: 9px;
  }
  .info-btn img{
    width: 13px;
  }
  #info-balloon{
    font-size: 9px;
    line-height: 1.8em;
    padding: 12px 18px;
  }
  #info-balloon > i{
    border-color: transparent transparent #E9F3F8 transparent;
    border-width: 0 7px 17px 7px;
    top: auto;
    bottom: calc(100% - 1px);
    left: auto;
    right: 10px;
    margin: 0;
  }

  .p_petinfo_list ul li {
    /*    width: calc(31% - 2px);*/
  }
  .p_petinfo_list ul li .pet_icon {
    width: 25%;
  }
  .p_petinfo_list ul li .pet_guide {
    width: calc(75% - 10px);
  }
  .p_petinfo_list ul li:nth-child(4n) {
    margin-right: auto;
  }
  .p_petinfo_list ul li {
    /*    margin-right: 3.5%;*/
  }
  .p_petinfo_list ul li:nth-child(3n) {
    margin-right: 0;
  }
  .search_ppet-pager-top {
    border-top: none;
  }
  .search_ppet-pager-top .total_ppet-pets {
    position: static;
    margin: 0 0 3px;
  }
  .search_ppet-option > li {
    display: block;
    margin: 0 0 10px;
  }
  .search_ppet-option > li:first-child {
    padding: 10px 0;
    float: left;
    width: 22%;
  }
  .search_ppet-option > li.search_ppet-method {
    width: 78%;
    float: right;
  }
  .search_ppet-option > li.pc {
    display: none;
  }
  /** protective add 181024 end **/
  /** bottom_navi 181101 add **/
  #btmnavi {
    display: block;
    position: fixed;
    width: 100%;
    height: 90px;
    bottom: 0px;
    z-index: 1000;
    margin-bottom: 0;
  }
  #btmnavi .btmn_tel {
    width: calc(60% - 60px);
    height: 100%;
    float: left;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #096fb3cc;
    padding-right: 60px;
  }
  #btmnavi .btmn_tel p {
    text-align: right;
    margin-bottom: 0;
    color: #FFF;
    font-weight: bold;
    line-height: 1.4em;
    position: relative;
    font-size: 16px;
  }
  #btmnavi .btmn_tel p span {
    font-size: 28px;
    line-height: 1.2em;
  }
  #btmnavi .btmn_tel p::before {
    content: '';
    background: url(/images/contact_icon_btmnavi.png);
    position: absolute;
    width: 34px;
    height: 22px;
    left: -40px;
    top: calc(50% - 11px);
  }
  #btmnavi .btmn_line {
    width: 40%;
    height: 100%;
    float: right;
    background-color: #6dadd8cc;
  }
  #btmnavi .btmn_line a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-decoration: none;
    color: #FFF;
  }
  #btmnavi .btmn_line a p {
    position: relative;
    padding: 0;
    margin-bottom: 0;
    color: #FFF;
    font-weight: bold;
    font-size: 21px;
    line-height: 1.6em;
    text-align: center;
  }
  #btmnavi .btmn_line p::before {
    content: '';
    background: url(/images/line_icon_btmnavi.png) no-repeat;
    position: absolute;
    width: 45px;
    height: 45px;
    left: -60px;
    top: calc(50% - 22.5px);
    background-size: contain;
  }
  #btmnavi .btmn_line p::after {
    content: '';
    background: url(/images/dog_icon_btmnavi.png);
    position: absolute;
    right: -45px;
    width: 31px;
    height: 44px;
    top: calc(50% - 22px);
  }
  #btmnavi .btmn_tel p a {
    color: #FFF;
    text-decoration: none;
  }
  #btmnavi.btmnavi-baby .btmn_line {
    float: none;
	width: auto;
	background-color: #f5b2b2;
  }
  #btmnavi.btmnavi-baby .btmn_line a p {
	color: #333333;
  }
  /** bottom_navi 181101 end **/
  /** ranking table add 181114 start **/
  .under-ranking-area tr:nth-child(odd) td:nth-child(odd), .under-ranking-area tr:nth-child(even) td:nth-child(odd) {
    font-size: 90%;
  }
  .under-ranking-area th, .under-ranking-area td, .ranking-acc .under-tbl th, .ranking-acc .under-tbl td {
    font-size: 80%;
  }
  .ranking-acc .tbl-scroll > table {
    min-width: 100%;
  }
  .ranking-acc .ranking-acc .tbl-scroll {
    overflow-x: unset;
    width: 100%;
  }
  .ranking-acc dd {
    padding: 20px 10px;
  }
  .ranking-acc .under-tbl th, .ranking-acc .under-tbl td, .ranking-acc .under-ranking-area th, .ranking-acc .under-ranking-area td {
    padding: 5px;
    border: 1px solid #ddd0c2;
    background: #fff;
    font-size: 90%;
  }
  /** ranking table add 181114 end media csr start **/
  #main #media {
    margin: 30px auto 0 !important;
    max-width: 600px;
  }
  #main #media h3.thought-spc {
    font-size: 20px;
  }
  .actual_scene .scene .scene_img, .actual_scene .scene .hr, .actual_scene .scene .textBox {
    float: none;
  }
  .actual_scene .textBox {
    margin-top: 0;
    width: 94%;
    padding: 20px 3%;
  }
  .actual_scene .scene .hr {
    margin: 12px 0 26px;
    max-width: 100%;
  }
  .actual_scene .scene {
    padding-bottom: 80px;
  }
  .actual_scene {
    margin-bottom: 0;
  }
  #main #media .feature h2 {
    font-size: 26px;
  }
  #main #media .feature .subTitle {
    font-size: 18px;
  }
  #main #media .feature .subTitle::before, #main #media .feature .subTitle::after {
    width: calc(50% - 94px);
  }
  #main #media .feature3 {
    flex-direction: column;
    align-items: center;
  }
  #main #media .feature3 > div {
    width: 60%;
    max-width: 200px;
  }
  #main #media .feature .subTitle {
    margin-bottom: 20px;
  }
  #main #media .feature .photo {
    margin-top: 40px;
    margin: 0 auto;
    max-width: 400px;
  }
  #main #media .feature .photo img {
    width: 49%;
  }
  #main #media .feature .photo img:not(:nth-child(4n)) {
    margin-right: 0;
    margin-bottom: 0;
  }
  #main #media .feature .photo img:not(:nth-child(2n)) {
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .latest_publish {
    padding: 20px 0 40px;
    margin: 80px 0 58px;
  }
  .latest_publish h4 {
    font-size: 22px;
    margin-bottom: 0 !important;
    width: 150px;
  }
  .latest_publish ul {
    width: 100%;
  }
  .latest_publish ul li > div, .latest_publish ul li p {
    padding: 10px 0;
  }
  .latest_publish ul li > div {
    width: 128px;
  }
  .latest_publish ul li date {
    font-size: 12px;
    line-height: 19px;
  }
  .latest_publish ul li > div > span {
    font-size: 10px;
    line-height: 1;
    padding: 2px 14px;
    border-radius: 3px;
    margin-left: 14px;
  }
  .latest_publish ul li p {
    font-size: 14px;
    padding-left: 20px;
  }
  .media_photo {
    max-width: 400px;
    margin: 0 auto;
  }
  #main #media .media_photo img {
    width: 49%;
  }
  #main #media .media_photo img:not(:nth-child(3n)) {
    margin-right: 0;
    margin-bottom: 0;
  }
  #main #media .media_photo img:not(:nth-child(2n)) {
    margin-right: 2%;
    margin-bottom: 2%;
  }
  #main #media .forMedia {
    margin: 50px 0 80px;
  }
  #main #media .forMedia .messageBox {
    padding: 30px 5% 20px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .1);
    width: 90%;
  }
  #main #media .forMedia .btn {
    font-size: 16px;
    -webkit-background-size: 26px auto;
    background-size: 26px auto;
    background-position: 40px center;
    padding: 30px 40px 30px 80px;
    float: none;
    margin: 20px auto 0;
    display: block;
    width: 180px;
  }
  #main #media .forMedia .messageBox .boxInner {
    padding: 30px 10px;
  }
  #main #media .forMedia .messageBox .boxInner h4 {
    font-size: 20px;
    width: 200px;
  }
  /**  190116 photo-view_css add **/
  .search-list.rare-list.photo-view .search-new-name {
    width: 100%;
  }
  .search-list.rare-list.photo-view .pets-ctn-r {
    margin: 0;
    padding: 5px 5px 8px;
  }
  .search-list.rare-list.photo-view .photo_btns .search-vip-btn {
    width: 45px;
    height: 45px;
  }
  .search-list.rare-list.photo-view .photo_btns .search-vip-btn a {
    height: calc(100% - 18px);
    align-items: center;
  }
  .search-list.rare-list.photo-view .photo_btns .search-vip-btn a span {
    font-size: 20px;
    margin-bottom: 0;
  }
  .search-list.photo-view .search-vip-btn {
    width: 30px;
    margin-top: 0px;
    margin-left: 5px;
  }
  .search-list.photo-view .search-vip-btn a {
    padding: 5px 0 0 5px;
  }
  .search-list.rare-list.photo-view .pets-view-more.sp {
    display: none;
  }
  .search-list.rare-list.photo-view .pets-view-more.pc {
    display: block;
    margin: 10px auto 5px;
  }
  .search-list .search-vip-btn {
    padding-right: 0;
    width: 70px;
    padding: 0;
  }
  .search-list .search-vip-btn a span.photo_v_dn {
    font-size: 10px;
    margin-bottom: 0;
  }
  .rare-list.photo-view .pets-name {
    padding: 0px 0px 0px 20px;
    font-size: 12px;
    line-height: 1.4em;
  }
  .rare-list.photo-view .pets-ctn-r dl dd {
    font-size: 12px;
    line-height: 1.4em;
  }
  /**  190116 photo-view_css end **/
  /**** 190515 .mapballoon add ****/
  .mapballoon th, .mapballoon td {
    font-size: 120%;
  }
  /**** 190515 .mapballoon end ****/
  .rare-img-slider li.slick-slide {
    height: auto;
  }
}
/* -- /max-width 768px ------------------------------------------------ */
@media screen and (max-width: 640px) {
  .header-side .menu li a {
    font-size: 2.4vw;
  }
  #index .idx-search-tab li {
    font-size: 14px;
  }
  .box10-bnr {
    background: none;
    /*background: url(/images/box04_bg_sp.jpg) right 100% no-repeat;*/
    background-size: 50% auto;
    padding: 0 7% 5%;
  }
  .pet-list li {
    width: 32%;
  }
  .pet-list li img {
    max-width: 100%;
  }
  .pet-list-show li {
    padding: 10px;
    box-shadow: 0 0 #fff;
  }
  .kounyu-tel span {
    display: inline-block;
  }
  .kounyu-tel span:first-child {
    margin-bottom: 10px;
  }
  .kounyu-tel span:last-child {
    font-size: 25px;
  }
  .contact-bnr {
    width: 100%;
  }
  #fmail .imp-where1 li, #fmail .imp-where2 li {
    width: 28%;
  }
  #fmail .imp-where2 li:last-child {
    width: 50%;
  }
  #fmail .imp-where2 li:last-child input[type="text"] {
    width: 200px;
  }
  #fmail .size_2 input[type="text"] {
    width: 100px;
  }
  #fmail .size_25 input[type="text"] {
    width: 70px;
  }
  #fmail .size_7 input[type="text"], #fmail .size_7 select, #fmail .size_7 textarea {
    width: 100%;
  }
  .question-select {
    width: 100%;
  }
  .estate-col2 dl {
    width: 100%;
    margin-bottom: 30px;
  }
  .estate-col2 dl:last-child {
    margin-bottom: 10px;
  }
  .img768 {
    display: none;
  }
  .img640 {
    display: block;
  }
  .kaitori-list {
    padding: 20px 15px;
  }
  .kaitori-btn li {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
  }
  .kaitori-btn li:first-child img {
    width: 50%;
  }
  .kaitori-btn li:last-child {
    background: none;
    padding: 0;
    width: 100%;
    margin-bottom: 0;
  }
  .family .parent dd p img {
    max-width: 260px;
    max-height: 180px;
  }
  .family .parent, .family .child {
    width: 100%;
  }
  .family .parent {
    margin-bottom: 30px;
  }
  .family .parent ul li span:first-child {
    width: 25%;
  }
  .family .parentbox table {
    word-break: break-all;
  }
  .family .parentbox table td:first-child {
    width: 10%;
  }
  .shop-info-simple dl dd.shop-img, .shop-info-simple dl dd.shop-i {
    width: 100%;
  }
  .shop-info-simple dl dd.shop-img {
    margin-bottom: 20px;
  }
  .under .search-tab {
    padding: 0 15px;
    height: 44px;
  }
  .under .search-tab li {
    background-position: 5% center;
    background-size: 15% auto;
    font-size: 16px;
    padding: 22px 3% 22px 12%;
    width: 48%;
    box-sizing: border-box;
  }
  .under .search-tab li.tab-cat {
    margin-left: 2%;
  }
  .under .f-copy {
    padding: 15px 0 10px;
  }
  .concept-frame {
    background: url(/images/box02_bg.jpg);
    background-repeat: repeat;
    background-position: 0 0;
    background-size: auto;
    padding: 35px 3% 20px;
  }
  .search-list.rare-list.grid-view > li, .search-list.rare-list.grid-view > li:nth-child(3n) {
    width: 100%;
    margin-right: 0;
  }
  .hp-img02 img {
    width: 50%;
    max-width: 214px;
  }
  .search-list > li:after {
    display: none;
  }
  .pets-ctn-l {
    width: 43%;
    float: left;
    text-align: center;
    margin: 0;
  }
  .pets-ctn-r {
    /*    width: 54%;
    float: right;
    */
    padding: 5px 10px;
    margin-bottom: 0;
  }
  .pets-ctn-r dl dt {
    display: block;
  }
  .pets-ctn-r dl dt.pc {
    display: none;
  }
  .pets-ctn-r dl dd.pc {
    display: none;
  }
  .pets-ctn-r dl dd {
    display: block;
  }
  .pets-ctn-r:after {
    display: none;
  }
  .babyarea .pets-ctn-r {
    width: 54%;
    float: right;
    padding: 5px 10px;
    margin: 0 0 15px 0;
  }
  .breeder-txtbox {
    margin-bottom: 8%;
    border-radius: 10px;
    background: url(/images/breeder_notice_bg_sp.jpg) center bottom no-repeat;
    background-color: #E5F4F9;
    background-size: 100%;
  }
  .list_type_column2 li:nth-child(1) {
    width: 92%;
  }
  .list_type_column2 li:nth-child(2) {
    width: 92%;
    min-height: 330px;
  }
  .breeder_list {
    height: auto;
  }
  .contents_footer li:nth-child(1) {
    width: 100%;
  }
  .contents_footer li:nth-child(2) {
    width: 100%;
  }
  .box01-ctn .box01-img {
    height: 70px;
  }
  .outline-map > li {
    width: calc(100% / 2);
  }
  .ranking-list li img {
    left: 30%;
  }
  #header .h-contact dd.tel_text_box span {
    text-align: right;
  }
  #header .tel_text {
    padding: 10px 0 0 0;
    text-align: right;
  }
  .shop-select-help {
    display: none;
  }
  .shop-select-help p {
    display: none;
  }
  .shop-select-help:before {
    display: none;
  }
  .shop-select:hover .shop-select-help {
    display: none;
  }
  /** protective add 181024 start **/
  .protect_box02 .protect_rule li {
    width: 44%;
    margin-bottom: 20px;
  }
  .protect_box02 .protect_rule li::after {
    right: -15%;
  }
  .protect_box02 .protect_rule li:nth-child(3n)::after {
    display: initial;
  }
  .protect_box02 .protect_rule li:nth-child(2n)::after {
    display: none;
  }
  .protect_box02 .protect_rule li:nth-of-type(n+3) {
    margin-bottom: 20px;
  }
  /*
.protect-list .pets-ctn-r {
	width: 54%;
    float: right;
}
*/
  .protection_list_btn {
    display: block;
  }
  /** protective add 181024 end **/
  /**** 190406 .search_btn add ****/
  .search_btn {
    width: 80%;
    margin: 0 auto 30px;
    font-size: 4vw;
  }
  /**** 190406 .search_btn end ****/
}
/* -- /max-width 640px end -------------------------------------------- */
@media screen and (max-width: 590px) {
  #index .idx-main-bnr dd span {
    line-height: 1.16em;
  }
  .qa-anchor li, .qa-anchor li:nth-child(2n), .qa-anchor li:nth-child(3n) {
    width: 100%;
    margin-right: 0;
  }
  .hp-price01 {
    justify-content: center;
  }
  .hp-price01 dt {
    font-size: 12vw;
  }
  .hp-price01 dd li {
    width: 80px;
    font-size: 12px;
  }
  #sp-mainvisual .idx-btn01 a {
    font-size: 12px;
    padding: 2px 0 10px;
    height: auto
  }
  #sp-mainvisual .sp-slider .slide.slide-04 .abs p a {
    width: 50%;
    padding: 2px 0 10px 0px;
  }
  #sp-mainvisual .sp-slider .slide.slide-05 .abs p a {
    width: 50%;
    padding: 2px 0 10px 0px;
  }
  .search .pets-name .pets-no {
    font-size: 14px;
    font-weight: normal;
    margin-right: 0;
    /*position: absolute;
	right: 0;
	top: 50px;*/
  }
  /** protective add 181024 start **/
  .protect_box03 .left_img .animal_img, .protect_box03 .right_img .animal_img {
    display: none;
  }
  .protect_box03 .left_img .protect_txtbox, .protect_box03 .right_img .protect_txtbox {
    float: none;
    width: 100%;
  }
  .protect_box03 .right_img .protect_txtbox .protect_a:before, .protect_box03 .right_img .protect_txtbox .protect_a:after, .protect_box03 .left_img .protect_txtbox .protect_a:before, .protect_box03 .left_img .protect_txtbox .protect_a:after {
    display: none;
  }
  .protect_box03 .accbox {
    margin-bottom: 40px;
  }
  .p_petinfo_list ul li .pet_icon img {
    width: 65%;
  }
  /** protective add 181024 end **/
}
@media screen and (max-width: 425px) {
  #index #mainvisual .slider li {
    height: 250px;
  }
  #index .idx-search-tab li {
    font-size: 2.8vw;
    height: 40px;
  }
  #index .idx-search-tab li.active {
    height: 50px;
  }
  /*.sp-slider {
    float: none;
    width: 100%;
    display: block;
    padding: 0 20px;
}*/
  .sp-main-bnr li {
    margin: 15px auto;
    width: 90%;
  }
  /*.sp-main-bnr {
    float: none;
    width: 100%;
    display: block;
}*/
  .sp-main-bnr li {
    margin: 10px auto;
  }
  .sp-main-bnr li.news_anc a {
    padding: 10px 0;
  }
  .sp-main-bnr li.news_anc02 {
    text-decoration: none;
    text-align: center;
    padding: 5px 0;
    margin-left: 5px;
    width: 95%;
    display: block;
    border-radius: 10px;
    font-size: 12px;
    border: 2px solid #f5a868;
    color: #f5a868;
    line-height: 1.4;
  }
  .sp-main-bnr li.news_anc02 span {
    font-size: 16px;
  }
  .sp-main-bnr li.customer dl {
    padding: 3px 0 0;
    line-height: 1em;
  }
  .sp-main-bnr li.customer dl dt {
    font-size: 11px;
  }
  /*Box05  Arrows */
  .box04-slick-prev, .box04-slick-next {
    width: 10%;
  }
  .box04-slick-prev {
    left: -5%;
  }
  .box04-slick-next {
    right: -5%;
  }
  .box10-slick-prev, .box10-slick-next {
    width: 10%;
  }
  .box10-slick-prev {
    left: -5%;
  }
  .box10-slick-next {
    right: -5%;
  }
  .box05-slider {
    width: 80%;
    margin: 0 0 0 12%;
  }
  /*Box05  Arrows */
  .box05-slick-prev, .box05-slick-next {
    width: 10%;
  }
  .box05-slick-prev {
    left: -15%;
  }
  .box05-slick-next {
    right: -8%;
  }
  .box07-list .box07-btn a {
    font-size: 3vw;
  }
  .idx-btn01.box07-btn a:before {
    background: #f69256;
  }
  /*.under #mainvisual {
	min-height: 150px;
	background: url(/images/under_h2_bg.jpg) -520px top no-repeat;
	background-size: cover;
}*/
  .under #mainvisual {
    display: none;
  }
  .under #mainvisual .container {
    height: 150px;
    padding: 10px 10px 10px 190px;
  }
  .under #mainvisual .container h2 {
    font-size: 18px;
  }
  .petshop .gMap {
    height: 200px;
  }
  .pet-list li p:first-child {
    height: 105px;
  }
  /*.shop-blog ul {
	height: 314px;
	padding-right: 0;
}*/
  .pet-list-show li:nth-child(3n+3) {
    margin-right: auto;
  }
  .pet-list-show li {
    width: 48%;
    margin-right: 4%;
  }
  .pet-list-show li:nth-child(2n+2) {
    margin-right: 0;
  }
  .contact-bnr {
    padding: 25px 20px 23px;
    text-align: center;
    background-size: 100px;
  }
  .contact-bnr:before {
    display: none;
  }
  #fmail .imp-where1 li, #fmail .imp-where2 li {
    width: 40%;
  }
  #fmail .imp-where2 li:last-child {
    width: 50%;
  }
  #fmail .imp-where2 li:last-child input[type="text"] {
    width: 100px;
  }
  .kaitori-list ul li {
    width: 48%;
  }
  .family .child .child-info dt {
    width: 25%;
  }
  .under .sizedog-checkbox li, .under .sizecat-checkbox li, .under .sizedog-checkbox li:nth-child(4n), .under .sizecat-checkbox li:nth-child(4n), .under .sizedog-checkbox li:nth-child(3n), .under .sizecat-checkbox li:nth-child(3n) {
    width: 48%;
    margin: 0 2% 5px 0;
  }
  .under .sizedog-checkbox li:nth-child(2n), .under .sizecat-checkbox li:nth-child(2n) {
    margin: 0 0 5px;
  }
  .under .sizedog-checkbox li:nth-child(3n+1), .under .sizecat-checkbox li:nth-child(3n+1) {
    clear: inherit;
  }
  .under .sizedog-checkbox li:nth-child(2n+1), .under .sizecat-checkbox li:nth-child(2n+1) {
    clear: left;
  }
  .under .searchshop-cb ul li, .under .searchshop-cb ul li:nth-child(5n) {
    width: 32%;
    margin: 0 2% 5px 0;
    float: left;
    position: relative;
    box-sizing: border-box;
  }
  .under .searchshop-cb ul li:nth-child(3n) {
    margin: 0 0 5px;
  }
  .under .searchshop-cb ul li:nth-child(5n+1) {
    clear: inherit;
  }
  .under .searchshop-cb ul li:nth-child(3n+1) {
    clear: left;
  }
  .trim-btn li a {
    font-size: 4vw;
  }
  .thought-bnr02 dt {
    display: block;
    margin: 0 0 5px;
    width: 100%;
    text-align: center;
  }
  .thought-bnr02 dd {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 5%;
    box-sizing: border-box;
  }
  .thought-bnr02 dd br {
    display: none;
  }
  .together-spc {
    font-size: 20px;
    padding: 0 0 10px;
  }
  .together-result {
    font-size: 18px;
  }
  .zukan-all-link {
    flex-wrap: wrap;
  }
  .zukan-all-link li {
    width: 100%;
  }
  .zukan-all-link li:first-child {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .zukan-cat-ttl {
    padding: 10px 0 8px 40px;
  }
  .zukan-cat-flag {
    display: none;
  }
  .concept-ttl {
    font-size: 14px;
  }
  .concept-list li {
    font-size: 12px;
  }
  .concept-txt {
    font-size: 12px;
  }
  .zukan-d-check {
    flex-direction: column;
    padding: 0 3% 20px;
  }
  .zukan-c-img {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .zulan-c-main {
    max-width: 340px;
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-bottom: 15px;
    align-self: center;
  }
  .zukan-check {
    max-width: 350px;
    width: 100%;
  }
  .zukan-dog .zukan-c-2side {
    flex-direction: column;
  }
  .zukan-dog .zukan-c-2side > li {
    width: 100%;
    margin-bottom: 20px;
  }
  .ct-d-c-2side {
    flex-direction: column;
  }
  .ct-d-c-l {
    margin-bottom: 20px;
  }
  .ct-d-c-l, .ct-d-c-r {
    width: 100%;
  }
  .trim-ttl01 {
    font-size: 18px;
    padding-right: 100px;
    margin-bottom: 30px;
  }
  .trim-ttl01:after {
    bottom: -7px;
    width: 98px;
    height: 32px;
  }
  .regis-type li {
    display: block;
    margin: 10px 0;
  }
  .hp-price02 {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .hp-price02 dt {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .hp-price02 dd {
    width: 100%;
    text-align: center;
  }
  .hp-txt04 {
    font-size: 12px;
  }
  .hp-txt05 {
    font-size: 10vw;
  }
  .search-vip-btn {
    width: 35%;
    padding: 30px 0 0;
  }
  .search .search-vip-btn {
    width: auto;
    margin: 10px 0 0;
  }
  .search .search-vip-btn a {
    padding: 7px 8px;
  }
  .pets-name p.titleft {
    width: 60%;
  }
  .line {
    display: none;
  }
  .search .pets-name p.titleft a {
    padding: 8px 6px;
  }
  .trim-detail .pets-name p.titleft {
    width: 47%;
  }
  .trim-detail .search-lineat-btn {
    float: right;
    margin-top: 10px;
  }
  #gnavi .sub-menu li a {
    font-size: 12px;
  }
  #gnavi ul.gnavi-inner li ul.sub-menu li a {
    padding: 8px 10px;
    height: 30px;
    line-height: 1.5em;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body #shop_detail .bx-wrapper .bx-controls-direction a {
    top: 50%;
  }
  body #shop_detail .bx-wrapper .bx-prev {
    left: -10%;
  }
  body #shop_detail .bx-wrapper .bx-next {
    right: -10%;
  }
  body #shop_detail .bx-wrapper {
    margin-bottom: 15px;
  }
  .shop-list li {
    min-height: 200px;
  }
  body #shop_detail.section {
    margin-bottom: 40px;
  }
  .ranking-list li img {
    left: 25%;
  }
  /** protective add 181024 start **/
  .protect_box02 .protect_rule li {
    width: 100%;
    padding-bottom: 20px;
  }
  .protect_box02 .protect_rule li::after {
    position: absolute;
    content: ' ';
    background: url(/images/protect_arrowsp_img.png) no-repeat;
    background-size: cover;
    width: 12px;
    height: 8px;
    right: calc(50% - 6px);
    top: initial;
    bottom: 0;
  }
  .protect_box02 .protect_rule li:nth-child(2n)::after {
    display: initial;
  }
  .protect-list .protect-new-temp {
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
  .protect-list .protect-new-name {
    width: 100%;
    position: relative;
  }
  .p_pet_notice {
    width: 100%;
  }
  .protect-list .pets-ctn-l {
    width: 80%;
    float: none;
    text-align: center;
    margin: 0 auto 20px;
  }
  .protect-list .pets-ctn-r {
    width: 100%;
    float: none;
  }
  .p_petinfo_list ul li {
    /*    width: calc(48% - 2px);*/
  }
  .p_petinfo_list ul li:nth-child(3n) {
    margin-right: auto;
  }
  .p_petinfo_list ul li:nth-child(2n) {
    margin-right: 0;
  }
  .p_petinfo_list ul li {
    /*    height: 35px;
    margin-right: 4%;*/
  }
  .p_petinfo_list ul li .pet_icon img {
    width: 50%;
  }
  /** protective add 181024 end **/
  /**  bottom_navi 181101 add  **/
  #btmnavi {
    height: 70px;
  }
  #btmnavi .btmn_tel {
    width: calc(60% - 10px);
    padding-right: 10px;
  }
  #btmnavi .btmn_tel p {
    font-size: 10px;
  }
  #btmnavi .btmn_tel p a span {
    font-size: 22px;
    line-height: 1.2em;
  }
  #btmnavi .btmn_line a p::before {
    width: 40px;
    height: 40px;
    left: -45px;
    top: calc(50% - 20px);
  }
  #btmnavi .btmn_line a p {
    font-size: 12px;
    line-height: 1.8em;
  }
  #btmnavi .btmn_line a p::after {
    right: -35px;
  }
  /***  bottom_navi 181101 end  ****/
  /** 181114 p_pet_list add **/
  .p_pet_section {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .p_pet_section ul li {
    margin-right: 0;
  }
  .p_comment {
    height: auto;
  }
  /**  190116 photo-view_css add **/
  .search-list.rare-list.photo-view .search-new-temp {
    margin-bottom: 5px;
  }
  .search-list.rare-list.photo-view > li {
    width: 49%;
    margin: 0 2% 5px 0;
  }
  .search-list.rare-list.photo-view li:nth-child(2n), .search-list.rare-list.photo-view li:nth-child(4n) {
    margin: 0 0 5px 0;
  }
  .rare-list.photo-view .photo_btns {
    display: flex;
    justify-content: center;
    margin: 10px 0;
  }
  .search-list.rare-list.photo-view .photo_btns .search-lineat-btn {
    width: 36px;
  }
  .search-list.rare-list.photo-view .photo_btns .search-vip-btn {
    width: 36px;
    height: 36px;
  }
}
/*** 190530 protection faq add ***/
@media screen and (max-width: 768px) {
  .protections_news {
    padding: 0;
  }
  .protections_news .archive-link {
    right: 0px;
    top: 3px;
  }
  .protections_news dl dt {
    display: block;
  }
  .protections_news dl dt div {
    width: 100%;
    margin-bottom: 5px;
  }
  .protect_faq_anchor {
    width: 100%;
    margin: 0 auto 20px;
  }
  .protect_faq_anchor li {
    margin: 0 1.5%;
    width: 47%;
  }
  .protect_faq_anchor li a {
    font-size: 13px;
  }
  /**** 190630 ****/
  .txt_table th, .txt_table td {
    font-size: 14px;
  }
}
/* 2019 top important news */
@media screen and (max-width: 768px) {
  .top-important-news {
    margin: 30px auto 10px;
    width: 100%;
    max-width: auto;
    display: block;
    font-size: 12px;
    padding: 5px 1rem 8px;
  }
  .top-important-news .labels {
    width: 50%;
    text-align: center;
    background-color: #ffffff;
    margin: -20px auto 10px;
  }
  .top-important-news .labels span {
    display: block;
  }
  .top-important-news .cts {
    width: 100%;
  }
  .top-important-news .cts .date {
    width: 80px;
  }
  .pro-ribbon {
    font-size: 18px;
  }
  .pro-topimg {
    margin-bottom: 30px;
  }
  .pro-b01 li:first-child {
    position: relative;
    right: auto;
    top: auto;
    text-align: center;
  }
  .pro-b01 li:last-child {
    width: 100%;
    height: auto;
    padding: 0;
    font-size: 15px;
  }
  .under h4.pro {
    font-size: 18px;
    padding-left: 33px;
  }
  .under h4.pro:after {
    width: 22px;
    height: 22px;
    border: #64c9e1 4px solid;
    top: 2px;
  }
  .pro-sub-ttl01 {
    padding-left: 27px;
    font-size: 16px;
  }
  .pro-sub-ttl01:before {
    width: 10px;
    height: 10px;
    top: 9px;
  }
  .pro-list-box {
    justify-content: center;
    margin-bottom: 20px;
  }
  .pro-list-box li {
    width: 46vmin;
    margin: 0 0 2vmin;
  }
  .pro-list-box li:nth-child(odd) {
    margin-right: 2vmin;
  }
  .pro-small-box {
    padding: 0;
  }
}
@media screen and (max-width: 375px) {
  /*.under #mainvisual {
	min-height: 130px;
	background: url(/images/under_h2_bg.jpg) left -450px top no-repeat;
	background-size: cover;
}*/
  .under #mainvisual {
    display: none;
  }
  .under #mainvisual .container {
    height: 130px;
    padding: 10px 10px 10px 170px;
  }
  .pet-list li p:first-child {
    height: 90px;
  }
  .pet-list-show li p {
    font-size: 12px;
  }
  .pet-list-show li p:first-child {
    font-size: 14px;
  }
  .under .search-items dt span {
    width: 70px;
  }
  .under .search-radio li:first-child {
    margin: 0 5px 5px 0;
  }
  .under .search-radio li:last-child {
    margin: 0 0 5px 0;
  }
  .src-anchor {
    height: auto;
    background: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .src-anchor li {
    position: static;
    width: 32%;
    padding-bottom: 32%;
    height: 0;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  .src-anchor li:nth-child(3n) {
    margin-right: 0;
  }
  .src-anchor li:nth-child(1), .src-anchor li:nth-child(2), .src-anchor li:nth-child(3), .src-anchor li:nth-child(4), .src-anchor li:nth-child(5) {
    transform: translate(0);
  }
  .src-anchor li a {
    font-size: 13px;
    padding: 0 10px;
    line-height: 1.5em;
    display: flex;
    align-items: center;
  }
  .csr-bg02 {
    background-size: contain;
  }
  .zukan-all-list {
    padding: 0;
  }
  .zukan-all-list li {
    width: 48%;
    margin-right: 4%;
  }
  .concept-ttl br {
    display: none;
  }
  .pro-list-box li {
    font-size: 14px;
    padding: 15px 0 12px;
  }
}
@media screen and (max-width: 320px) {
  /*.under #mainvisual {
	min-height: 110px;
	background: url(/images/under_h2_bg.jpg) left -385px top no-repeat;
	background-size: cover;
}*/
  .under #mainvisual {
    display: none;
  }
  .under #mainvisual .container {
    height: 110px;
    padding: 10px 10px 10px 135px;
  }
  .sp-slider {
    padding: 0;
  }
  #fmail .imp-where1 li, #fmail .imp-where2 li {
    width: 90%;
  }
  #fmail .imp-where2 li:last-child {
    width: 90%;
  }
  .fmail-btn li {
    padding: 0 10px;
  }
  .info-detail .fmail-btn li a.f-btn {
    min-width: 90px;
  }
  .family .parent ul li span:first-child {
    width: 30%;
  }
  body #shop_detail .bx-wrapper .bx-prev {
    left: 0;
  }
  body #shop_detail .bx-wrapper .bx-next {
    right: 0;
  }
  .trim-detail .pets-name p.titleft {
    width: 44%;
  }
  .search-list .search-vip-btn a {
    font-size: 8px;
  }
  /*** 181101 bottom_navi add ****/
  #btmnavi .btmn_tel p a span {
    font-size: 18px;
  }
  #btmnavi .btmn_line a p::before {
    width: 30px;
    height: 30px;
    left: -35px;
    top: calc(50% - 12.5px);
  }
  /*** 181101 bottom_navi end - 190116 photo-view_css add **/
  .rare-list.photo-view .pets-name {
    font-size: 13px;
  }
  /*** 190514 search-detail fix_add ***/
  .search .pets-name {
    padding: 0 0 10px 35px;
  }
  .pro-b02 dt {
    width: 90%;
  }
}
  /*** 2020 3D ad **/
@media screen and (max-width: 768px) {
    .trim-3d {
        width: 94%;
        margin: 0 auto 60px;
    }

}

 /*** 202603 生体一覧width 440px対応***/
 @media (max-width: 440px) {
  .search-list.rare-list.photo-view > li {
    width: 49%;
    margin: 0 0 5px 0;
  }
}

/**
 * 200716 company/property
 */
@media screen and (max-width: 768px) {
  .page-property #content h4.pro{
    font-size: 20px;
  }
  .page-property #content .section{
    margin-bottom: 50px;
  }
  .page-property #reason .feature{
    flex-direction: column;
  }
  .page-property #reason .feature li{
    width: 100%;
    padding: 15px 0;
  }
  .page-property #reason .feature li:nth-child(n+2){
    margin-top: 15px;
  }
  .page-property #reason .feature li .icon{
    width: 100px;
  }
  .page-property #reason .feature li .ttl{
    font-size: 27px;
    margin-top: 15px;
  }
  .page-property #reason .feature li .num{
    font-size: 24px;
    margin-top: 15px;
  }
  .page-property #reason .feature li .num b{
    font-size: 73px;
  }
  .page-property #reason .box,
  .page-property #concept .box{
    flex-direction: column;
    align-items: center;
  }
  .page-property #reason .box .img,
  .page-property #concept .box .img{
    width: 100%;
    order: 1;
  }
  .page-property #reason .box .img + .txt,
  .page-property #reason .box .txt + .img,
  .page-property #concept .box .img + .txt,
  .page-property #concept .box .txt + .img{
    margin-left: 0;
  }
  .page-property #reason .box .txt,
  .page-property #concept .box .txt{
    order: 2;
    margin-top: 15px;
  }
  .page-property #reason .box .txt p,
  .page-property #concept .box .txt p{
    font-size: 13px;
  }
  .page-property #reason .box .txt .ttl,
  .page-property #concept .box .txt .ttl{
    font-size: 20px;
  }

  .page-property #concept .box .img{
    width: 200px;
  }
  .page-property #concept .link_btn{
    font-size: 10px;
    line-height: 22px;
    box-shadow: 0 3px 0 #d36e6e;
    padding: 8px 0;
    border-radius: 31px;
  }
  .page-property #concept .link_btn b{
    font-size: 17px;
    line-height: 23px;
  }
  .page-property #case ul li:nth-child(n+2) {
    margin-top: 30px;
  }
  .page-property #case h5{
    font-size: 14px;
    margin-bottom: 10px;
  }
  .page-property #case .main_imgs{
    flex-direction: column;
  }
  .page-property #case .main_imgs.type1 .img{
    width: 100%;
  }
  .page-property #case .main_imgs .img:first-child{
    margin-bottom: 10px;
  }
  .page-property #case .main_imgs.type2 .img:last-child img{
    width: calc(50% - 5px);
    margin-bottom: 10px;
  }
  .page-property button.btn{
    width: 100%;
    padding: 16px 0;
    box-shadow: 0 5px 0 #f0f0f0;
    border-radius: 8px;
    margin-top: 10px;
    font-size: 22px;
  }
  .page-property button.btn::after{
    width: 12px;
    height: 12px;
    border-width: 0 4px 4px 0;
    top: calc(50% - 12px);
    right: 8%;
  }
  .page-property button.btn.close::after{
    top: calc(50% - 4px);
  }
  .page-property #case .detail .before_after{
    flex-direction: column;
    margin-bottom: 20px;
  }
  .page-property #case .detail .before_after .before,
  .page-property #case .detail .before_after .after{
    width: 100%;
  }
  .page-property #case .detail .before_after .after{
    margin-top: 50px;
  }
  .page-property #case .detail .before_after .after::before{
    border-width: 20px 25px 0 25px;
    border-style: solid;
    border-color: #fc8681 transparent transparent;
    top: -33px;
    bottom: auto;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .page-property #case .detail .before_after span{
    font-size: 12px;
    padding: 4px 0;
  }
  .page-property #case h6{
    font-size: 15px;
    margin-bottom: 5px;
  }
  .page-property #case .detail .facilities .photo{
    flex-direction: column;
  }
  .page-property #case .detail .facilities .photo figure{
    width: 100%;
  }
  .page-property #case .detail .facilities .photo figcaption{
    font-size: 14px;
  }
  .page-property #case .detail .facilities .txt{
    margin-top: 0;
    font-size: 12px;
    padding: 10px;
    line-height: 1.5;
  }
  .page-property #case .detail .facilities .txt p{
    line-height: 1.5;
  }
  .page-property #case .detail .facilities .under-tbl{
    margin-top: 20px;
  }
  .page-property #property_info .col2_table{
    flex-direction: column;
  }
  .page-property #property_info .col2_table .table_box{
    width: 100%;
  }
  .page-property #contract_criteria table thead{
    display: none;
  }
  .page-property #contract_criteria table td:nth-child(2){
    padding-bottom: 0;
  }
  .page-property #contract_criteria table td:nth-child(2)::before{
    content: "ロードサイド店：";
  }
  .page-property #contract_criteria table td:nth-child(3){
    border-top: 0;
    padding-top: 0;
  }
  .page-property #contract_criteria table td:nth-child(3)::before{
    content: "ショッピングモール等の施設内：";
  }
  .page-property #smell_control,
  .page-property #contact_form{
    width: 100vw;
    margin-left: calc(50% - 50vw);
  }
  .page-property #smell_control p{
    font-size: 12px;
  }
  .page-property #contact_form{
    width: 100vw;
    padding: 30px 10px 60px;
  }
  .page-property #contact_form h4{
    font-size: 25px;
  }
  .page-property #contact_form .mw_wp_form dl dt{
    margin-bottom: 0;
  }
  .page-property #contact_form .mw_wp_form .btn_box{
    flex-direction: column;
  }
  .page-property #contact_form .mw_wp_form .btn_box .mw_btn.return{
    order: 2;
    margin-top: 15px;
  }
  .page-property #contact_form .mw_wp_form .btn_box .mw_btn:last-child:not(.return){
    order: 1;
  }
  .page-property #contact_form .mw_wp_form .btn_box input.btn,
  .page-property #contact_form .mw_wp_form .btn_box input.btn.return{
    width: 100%;
  }
}

/**
 * 200716 campaign/生体半額キャンペーン
 */
@media screen and (max-width: 768px) {
  .under.halfprice h3{
    margin-bottom: 20px;
    font-size: 21px;
  }
  .under.halfprice h3 small{
    font-size: 13px;
    margin-left: 10px;
    display: inline-block;
  }

  /* MV */
  .halfprice #mv{
    background-image: url('../images/halfprice/mv_bg_sp.jpg');
    -webkit-background-size: cover;
    background-size: cover;
    background-position: left bottom;
    padding: 0;
  }

  /* HALF PRICE PLAN 生体半額プラン */
  .halfprice #plan{
    padding: 35px 0 20px;
  }
  .halfprice #plan .wrapper > img{
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    display: block;
  }
  .halfprice #plan .container{
    padding-right: 3%;
  }
  .halfprice #plan p{
    font-size: 12px;
    text-align: center;
  }
  .halfprice #plan h3{
    text-align: center;
  }
  .halfprice #plan h4{
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
  }
  .halfprice #plan b{
    font-size: 15px;
    margin: 0 3px;
  }
  .halfprice #plan b em{
    margin: 0 2px;
  }
  .halfprice #plan .img{
    padding-left: 0;
    margin-bottom: 15px;
  }
  .halfprice #plan .img img{
    width: 85px;
    margin: 0 auto;
  }

  /* CASE 5年のフード定期購入の例 */
  .halfprice #case{
    padding: 30px 0 0;
  }
  .halfprice #case h3{
    text-align: center;
    margin-bottom: 30px;
  }
  .halfprice #case .case{
    padding-bottom: 40px;
  }
  .halfprice #case .case::before{
    height: calc(100% - 73px);
  }
  .halfprice #case .case .discount_plan{
    border-radius: 6px;
    font-size: 13px;
    padding: 5px 3% 8px;
    margin-bottom: 30px;
  }
  .halfprice #case .case .discount_plan b{
    font-size: 19px;
    margin-right: 3px;
  }
  .halfprice #case .case .discount_plan i b{
    margin-right: 0;
  }
  .halfprice #case .case .discount_plan i b::before{
    width: 42px;
    height: 28px;
    left: -45px;
  }
  .halfprice #case .case .discount_plan i b .ul{
    font-size: 14px;
    padding-right: 1px;
  }
  .halfprice #case .case .discount_plan small{
    font-size: 13px;
  }
  .halfprice #case .case .discount_plan b.red{
    margin-left: 3px;
  }
  .halfprice #case .case .discount_plan .note{
    font-size: 13px;
    color: #8b8988;
    margin-left: 0;
    display: block;
    margin-top: 5px;
  }
  .halfprice #case .case .discount_plan b small{
    font-size: .7em;
  }
  .halfprice #case .case h4{
    font-size: 13px;
    text-align: center;
  }
  .halfprice #case .case h4 b{
    font-size: 14px;
  }
  .halfprice #case .case > .container > img{
    margin: 0 auto;
    width: 100%;
    max-width: 350px;
  }

  .halfprice #case .case2{
    margin-top: 45px;
  }
  .halfprice #case .case2 .discount_plan b{
    font-size: 17px;
  }

  .halfprice #case .simulation{
    margin-top: 50px;
    padding-bottom: 45px;
  }
  .halfprice #case .simulation .in_case{
    border-radius: 6px;
    padding: 15px 3%;
  }
  .halfprice #case .simulation .in_case i::before{
    width: 15px;
    height: 20px;
    left: -20px;
  }
  .halfprice #case .simulation .in_case b{
    font-size: 14px;
    font-weight: 500;
    color: #323232;
  }
  .halfprice #case .simulation .in_case i b{
    font-size: 20px;
  }
  .halfprice #case .simulation .in_case i + p{
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1;
  }
  .halfprice #case .simulation .in_case .target{
    border-radius: 6px;
    padding: 15px 3%;
    text-align: left;
  }
  .halfprice #case .simulation .in_case .target .store_name{
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
  }
  .halfprice #case .simulation .in_case .target .flex{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
  }
  .halfprice #case .simulation .in_case .target .flex .img{
    max-width: 240px
  }
  .halfprice #case .simulation .in_case .target .flex .txt{
    margin-top: 10px;
    margin-left: 0;
  }
  .halfprice #case .simulation .in_case .target .flex .txt .biological_no{
    font-size: 13px;
    margin-bottom: 10px;
    text-align: center;
  }
  .halfprice #case .simulation .in_case .target .flex .txt .detail_info{
    padding: 15px 5%;
  }
  .halfprice #case .simulation .in_case .target .flex .txt .detail_info li{
    width: 100%;
  }
  .halfprice #case .simulation .in_case .target .flex .txt .detail_info li:nth-child(2){
    margin-left: 0;
    margin-top: 15px;
  }
  .halfprice #case .simulation .in_case .target .flex .txt .detail_info li:nth-child(n+3){
    margin-top: 15px;
  }
  .halfprice #case .simulation .in_case .target .flex .txt .detail_info li dl dt,
  .halfprice #case .simulation .in_case .target .flex .txt .detail_info li dl dd{
    font-size: 13px;
  }
  .halfprice #case .simulation .in_case .target .flex .txt .detail_info li dl dt{
    margin-right: 5px;
    position: relative;
    width: 90px;
    flex-shrink: 0;
  }
  .halfprice #case .simulation .in_case .target .flex .txt .detail_info li dl dt::after{
    margin-left: 0;
    position: absolute;
    right: 0;
  }
  .halfprice #case .simulation .plan_box{
    padding: 40px 5% 18px;
    border-radius: 6px;
  }
  .halfprice #case .simulation .plan_box.normal_price{
    margin-top: 54px;
    background: #fff;
  }
  .halfprice #case .simulation .plan_box.subscription_price{
    padding: 40px 5% 18px;
  }
  .halfprice #case .simulation .plan_box.normal_price .title,
  .halfprice #case .simulation .plan_box.subscription_price .title{
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 15px;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }
  .halfprice #case .simulation .plan_box .formula{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 11px;
  }
  .halfprice #case .simulation .plan_box .formula .price_elem{
    width: calc(50% - 13px);
    height: 80px;
    border-radius: 4px;
    margin-bottom: 31px;
    position: relative;
  }
  .halfprice #case .simulation .plan_box .formula .price_elem:not(.discount):not(.tax)::before{
    content: "";
    width: 17px;
    height: 3px;
    position: absolute;
    left: calc(100% + 4px);
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-color: #515150;
  }
  .halfprice #case .simulation .plan_box .formula .price_elem:not(.discount):not(.tax)::after{
    content: "";
    width: 3px;
    height: 17px;
    position: absolute;
    left: calc(100% + 11px);
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-color: #515150;
  }
  .halfprice #case .simulation .plan_box .formula .price_elem span{
    font-size: 14px;
  }
  .halfprice #case .simulation .plan_box .formula .price_elem span .price{
    font-size: 16px;
  }
  .halfprice #case .simulation .plan_box .formula .price_elem{
    background-position: 15px 12px;
    -webkit-background-size: 24px auto;
    background-size: 24px auto;
  }
  .halfprice #case .simulation .plan_box .formula .price_elem.discount{
    width: calc(100% - 31px);
    border-width: 1px;
    margin-left: 31px;
  }
  .halfprice #case .simulation .plan_box .formula .price_elem.discount::before{
    content: "";
    width: 17px;
    height: 3px;
    position: absolute;
    right: calc(100% + 10px);
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-color: #515150;
  }
  .halfprice #case .simulation .plan_box .formula .price_elem.discount .price{
    font-size: 18px;
  }
  .halfprice #case .simulation .plan_box .formula .plus,
  .halfprice #case .simulation .plan_box .formula .minus{
    display: none;
  }
  .halfprice #case .simulation .plan_box .total{
    font-size: 14px;
  }
  .halfprice #case .simulation .plan_box .total span.ul{
    border-bottom-width: 2px;
    margin-top: 0;
  }
  .halfprice #case .simulation .plan_box .total span.ul .total_price::before{
    font-size: 14px;
    margin-right: 5px;
  }
  .halfprice #case .simulation .plan_box .total span.ul .total_price{
    font-size: 38px;
  }
  .halfprice #case .simulation .plan_box .total span.ul .total_price::after{
    font-size: 22px;
    margin-left: 3px;
    margin-right: 3px;
  }
  .halfprice #case .simulation .plan_box.normal_price + .arrow{
    width: 24px;
    height: 13px;
    margin: 15px auto 45px;
  }
  .halfprice #case .simulation .plan_box.normal_price + .arrow::after{
    border-width: 20px 25px 0 25px;
  }
  .halfprice #case .simulation h4{
    font-size: 16px;
    margin-top: 25px;
    line-height: 2;
  }
  .halfprice #case .simulation h4 b{
    font-size: 27px;
    line-height: 1;
  }

  .halfprice #case .case3{
    margin-top: 20px;
    padding-bottom: 50px;
  }
  .halfprice #case .case3 .in_case{
    border-radius: 6px;
    padding: 35px 3%;
    font-size: 13px;
  }
  .halfprice #case .case3 .in_case i::before{
    width: 19px;
    height: 19px;
    left: -23px;
  }
  .halfprice #case .case3 .in_case b{
    font-size: 14px;
    display: block;
  }
  .halfprice #case .case3 .in_case p{
    font-size: 12px;
    text-align: left;
  }
  .halfprice #case .case3 .in_case button.btn{
    max-width: 320px;
    width: 100%;
    height: 40px;
  }
  .halfprice #case .case3 .in_case button.btn::before{
    font-size: 13px;
  }
  .halfprice #case .case3 .in_case button.btn::after{
    border-width: 5px 4px 0;
  }
  .halfprice #case .case3 .detail{
    padding-top: 30px;
  }
  .halfprice #case .case3 .ex{
    flex-direction: column;
  }
  .halfprice #case .case3 .ex img{
    width: 125px;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .halfprice #case .case3 .ex .ul{
    font-size: 11px;
    white-space: normal;
  }
  .halfprice #case .case3 .ex .ul b{
    font-size: 16px;
  }
  .halfprice #case .case3 .ex .ul b small{
    font-size: 12px;
    margin-left: 1px;
  }
  .halfprice #case .case3 .ex span.blue small{
    font-size: 8px;
  }
  .halfprice #case .case3 .ex b.blue{
    margin-left: 2px;
  }
  .halfprice #case .case3 .arrow{
    width: 50px;
    margin-top: 20px;
  }
  .halfprice #case .case3 figure{
    margin-top: 10px;
  }
  .halfprice #case .case3 figcaption{
    font-size: 14px;
    line-height: 1.2;
    padding-left: 25px;
    max-width: 300px;
    text-align: left;
  }
  .halfprice #case .case3 figcaption::before{
    width: 14px;
    height: 10px;
    top: 7px;
  }
  .halfprice #case .case3 figure img{
    max-width: 350px;
    width: 100%;
    margin: 15px auto 0;
  }

  /* ABOUT FOOD フードについて */
  .halfprice #food{
    padding: 50px 0 30px;
  }
  .halfprice #food .box{
    padding: 45px 5% 0;
  }
  .halfprice #food .box .txt{
    flex-direction: column;
    align-items: center;
  }
  .halfprice #food .box .txt img{
    width: 120px;
    margin-bottom: 15px;
  }
  .halfprice #food .box .txt p{
    font-size: 11px;
    text-align: center;
  }
  .halfprice #food .box .food_feature{
    flex-wrap: wrap;
    margin: 37px auto 0;
    max-width: 300px;
  }
  .halfprice #food .box .food_feature li{
    width: 140px;
    height: 140px;
    margin-bottom: 45px;
  }
  .halfprice #food .box .food_feature li::before{
    width: 53px;
    height: 53px;
    -webkit-background-size: 32px auto;
    background-size: 32px auto;
    top: -21px;
    left: -3px;
  }
  .halfprice #food .box .food_feature li img{
    width: 30px;
  }
  .halfprice #food .box .food_feature li p{
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    margin-top: 3px;
    height: 36px;
  }
  @media screen and (max-width: 349px) {
    .halfprice #food .box .food_feature li{
      width: 132px;
      height: 132px;
    }
  }

  .halfprice #food .slider{
    margin: 50px auto 0;
    width: 300px;
  }
  .halfprice #food .slider .item{
    padding: 0 5px;
  }
  .halfprice #food .slider .item_inner{
    height: 290px;
    padding: 80px 25px 25px;
  }
  .halfprice #modal .modal_content{
    padding: 25px;
  }
  .halfprice #food .slider .item .info{
    top: 25px;
    width: calc(100% - 50px);
  }
  .halfprice #food .slider .item .info span,
  .halfprice #modal .modal_content .info span{
    font-size: 12px;
  }
  .halfprice #food .slider .item .info .tag,
  .halfprice #modal .modal_content .info .tag{
    min-width: 80px;
    border-radius: 3px;
    padding: 3px 5px;
    margin-left: 5px;
  }
  .halfprice #food .slider .item .info .tag{
    background-color: #fff;
  }
  .halfprice #modal .modal_content .detail p{
    font-size: 12px;
  }
  .halfprice #modal .modal_content .detail p.ttl{
    font-size: 14px;
  }
  .halfprice #food .slider .slick-next,
  .halfprice #food .slider .slick-prev{
    border: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #d2c880;
  }
  .halfprice #food .slider .slick-next{
    right: calc(50% - 145px - 12px);
  }
  .halfprice #food .slider .slick-prev{
    left: calc(50% - 145px - 12px);
  }
  .halfprice #food .slider .slick-next::before,
  .halfprice #food .slider .slick-prev::before{
    content: "";
    width: 6px;
    height: 6px;
    border-color: #fff;
    border-style: solid;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .halfprice #food .slider .slick-next::before{
    border-width: 0 1px 1px 0;
    right: 2px;
  }
  .halfprice #food .slider .slick-prev::before{
    border-width: 1px 0 0 1px;
    left: 2px;
  }

  .halfprice #modal .modal_box{
    width: 90%;
  }

  /* Schedule / price 配送スケジュール・料金 */
  .halfprice #price{
    padding: 30px 0 20px;
  }
  .under.halfprice #price h3{
    font-size: 18px;
    text-align: center;
  }
  .halfprice #price h4{
    font-size: 12px;
    text-align: center;
  }
  .halfprice #price .plan_checker{
    margin-top: 25px;
  }
  .halfprice #price .major_control_panel .family{
    width: 255px;
    margin-bottom: 20px;
  }
  .halfprice #price .major_control_panel .family label{
    width: 110px;
    height: 110px;
  }
  .halfprice #price .major_control_panel .family label span{
    font-size: 11px;
  }
  .halfprice #price .major_control_panel .family label img{
    width: 45px;
  }
  .halfprice #price .major_control_panel .size label{
    font-size: 11px;
    width: 100px;
    margin: 0 6px 30px;
    padding: 2px 0;
  }
  .halfprice #price .result_box{
    padding: 15px 3% 25px;
  }
  .halfprice #price .minor_control_panel .weight{
    padding: 0 0 20px;
    justify-content: flex-start;
  }
  .halfprice #price .minor_control_panel .weight label {
    font-size: 12px;
    width: 70px;
    padding: 6px 0;
    border-radius: 4px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.1);
    flex-shrink: 0;
  }
  .halfprice #price .minor_control_panel .weight label:not(:last-of-type){
    margin-right: 5px;
  }
  .halfprice #price .minor_control_panel .breed{
    margin-top: 0;
    padding: 15px 3% 10px;
  }
  .halfprice #price .minor_control_panel .breed .row span {
    font-size: 11px;
    line-height: 13px;
    width: 126px;
    height: 36px;
    border-radius: 4px;
    margin-left: 15px;
    margin-bottom: 5px;
    flex-shrink: 0;
  }
  .halfprice #price .result_box .result{
    margin-top: 30px;
  }
  .halfprice #price .result_box .result table th,
  .halfprice #price .result_box .result table td{
    font-size: 12px;
    padding: 7px 5px;
    min-width: 100px;
  }
  .halfprice #price .result_box p.note{
    font-size: 11px;
    margin-top: 0;
  }
  .halfprice #price .result_box .result .no_data{
    padding: 0 0 10px;
  }
  .halfprice #price .minor_control_panel .weight_ttl,
  .halfprice #price .minor_control_panel .breed_ttl{
    font-size: 14px;
  }
  .halfprice #price .minor_control_panel .breed_ttl{
    margin-top: 10px;
  }

  .halfprice #price .documents{
    margin-top: 50px;
    flex-direction: column;
    align-items: center;
  }
  .halfprice #price .documents .img{
    width: 50%;
    max-width: 350px
  }
  .halfprice #price .documents .box{
    padding: 25px 5%;
    width: 100%;
    margin-left: 0;
    margin-top: 50px;
    box-sizing: border-box;
  }
  .halfprice #price .documents .box h5{
    font-size: 14px;
    margin-bottom: 10px;
  }
  .halfprice #price .documents .box ul li{
    padding-left: 15px;
    font-size: 12px;
    line-height: 1.5;
  }

  /* FOOD DELIVERY application フード定期配送アプリ */
  .halfprice #delivery{
    padding: 30px 0 20px;
  }
  .under.halfprice #delivery h3{
    font-size: 18px;
  }
  .halfprice #delivery .box{
    padding: 40px 5%;
    flex-direction: column;
    align-items: center;
  }
  .halfprice #delivery .box .img{
    width: 155px;
  }
  .halfprice #delivery .box .txt{
    width: 100%;
    padding: 15px 0 0;
  }
  .halfprice #delivery .box .txt p{
    font-size: 12px;
  }
  .halfprice #delivery .box .txt h4{
    font-size: 14px;
    margin-bottom: 15px;
  }
  .halfprice #delivery .box .txt .dl_btn{
    position: relative;
    bottom: auto;
    right: auto;
    margin-top: 20px;
    justify-content: flex-end;
  }
  .halfprice #delivery .box .txt .dl_btn a{
    width: 85px;
  }
  .halfprice #delivery .box .txt .dl_btn a:nth-child(n+2){
    margin-left: 13px;
  }

  /* Q & A よくあるご質問 */
  .halfprice #qa{
    padding: 25px 0 50px;
  }
  .halfprice #qa .qa_list > dl:nth-child(n+2){
    margin-top: 13px;
  }
  .halfprice #qa .qa_list > dl > dt{
    font-size: 14px;
    padding: 6px 25px 6px 70px;
    border-radius: 4px;
    background-position: 11px 7px;
    -webkit-background-size: 20px auto;
    background-size: 20px auto;
  }
  .halfprice #qa .qa_list > dl > dt::before{
    font-size: 15px;
    left: 38px;
    top: 5px;
  }
  .halfprice #qa .qa_list > dl > dt i{
    width: 12px;
    height: 12px;
    right: 12px;
  }
  .halfprice #qa .qa_list > dl > dt i::before{
    height: 2px;
  }
  .halfprice #qa .qa_list > dl > dt i::after{
    width: 2px;
  }
  .halfprice #qa .qa_list > dl > dd{
    font-size: 12px;
    padding: 13px 20px 13px 13px;
  }
  .halfprice #qa .qa_list > dl > dd *{
    font-size: 12px;
  }
  .halfprice #qa .qa_list > dl > dd::before{
    width: 23px;
    height: 23px;
    margin-bottom: 5px;
    margin-left: -3px;
  }
  .halfprice #qa .qa_list > dl > dd::after{
    height: calc(100% - 6px);
    background-position: right 5px center;
    -webkit-background-size: 13px 70px;
    background-size: 13px 70px;
    border-radius: 4px;
  }
  .halfprice #qa .qa_list > dl > dd ul li{
    padding-left: 15px;
  }
  .halfprice #qa .qa_list > dl > dd ul li::before{
    width: 4px;
    height: 4px;
    top: 7px;
    left: 5px;
  }
  .halfprice #qa .qa_list > dl > dd > *:nth-child(n+2){
    margin-top: 7px;
  }

  /* お問合せ */
  .halfprice #contact_info{
    padding: 35px 0 30px;
  }
  .halfprice #contact_info .container{
    flex-direction: column;
    padding: 0 8%;
  }
  .halfprice #contact_info .tel_box{
    padding: 15px 0;
    width: 100%;
  }
  .halfprice #contact_info .tel_box p{
    font-size: 12px;
    line-height: 1.3;
  }
  .halfprice #contact_info .tel_box .tel{
    display: block;
    text-align: center;
    margin-top: 10px;
  }
  .halfprice #contact_info .tel_box .tel .tel_number{
    font-size: 24px;
  }
  .halfprice #contact_info .tel_box .tel .tel_number img{
    margin: 0 3px 1px 0;
    width: 13px;
  }
  .halfprice #contact_info .tel_box .tel p{
    font-size: 12px;
    margin-top: 11px;
  }
  .halfprice #contact_info .tel_box .tel p time{
    margin-left: 5px;
  }
  .halfprice #contact_info .img{
    width: 100%;
    margin-top: 40px;
  }
  .halfprice #contact_info .img img{
    display: block;
    margin: 0 auto;
    max-width: 230px;
  }






  /**
   * 201121 あんしん半額プラン
   */
  .relief_halfprice section .wrapper{
   max-width: 100%;
  }
  .relief_halfprice section .container{
    width: 100%;
    padding: 0 3%;
  }
  .relief_halfprice section p{
    font-size: 14px;
    margin-bottom: 15px;
  }

  /* MV */
  .relief_halfprice #mv{
   /* background: none; */
    /* padding-top: 10px; */
    background-color: #d5e5e7;
  }
  .relief_halfprice #mv .container{
    padding: 0;
  }
  /* .relief_halfprice #mv .container iframe{
    width: 100%;
    height: 56.25vw;
    margin-bottom: 0;
  } */
  .relief_halfprice #mv .container a.movie{
    width: 94%;
  }

  /* あんしん半額プランとは？ */
  .relief_halfprice #feature .header{
    padding: 45px 0 20px;
  }
  .relief_halfprice #feature .header .wrapper{
    padding: 0 3%;
  }
  .relief_halfprice #feature .header h3{
    font-size: 23px;
    margin-bottom: 25px;
    padding-left: 15px;
    line-height: 1;
  }
  .relief_halfprice #feature .header h3::before{
    width: 4px;
    bottom: 3px;
  }
  .relief_halfprice #feature .header h3 small{
    font-size: 14px;
  }
  .relief_halfprice #feature .header .container{
    padding: 0 6%;
  }
  .relief_halfprice #feature .header p b{
    font-size: 17px;
    line-height: 1.7;
  }
  .relief_halfprice #feature .contents{
    padding: 45px 0 15px;
  }
  .relief_halfprice #feature .contents h4{
    font-size: 17px;
    margin-bottom: 20px;
  }
  .relief_halfprice #feature .contents h4 + p{
    margin-bottom: 20px;
    text-align: left;
  }
  .relief_halfprice #feature .contents p b{
    font-size: 16px;
  }
  .relief_halfprice #feature .contents .accordion{
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
  }
  .relief_halfprice #feature .contents .accordion_toggle_btn{
    font-size: 14px;
    padding-left: 14px;
  }
  .relief_halfprice #feature .contents .accordion_toggle_btn::before {
    border-width: 0 4px 7px 4px;
    bottom: 3px;
  }

  /* ご契約シミュレーション */
  .relief_halfprice #contract_ex{
    padding: 65px 0 10px;
  }
  .relief_halfprice #contract_ex h3 {
    font-size: 22px;
    margin-bottom: 25px;
    padding: 0 10px;
  }
  .relief_halfprice #contract_ex .store_title {
    border-radius: 0;
    padding: 25px 5%;
    margin-bottom: 40px;
    width: 100vw;
    transform: translateX(-3vw);
    box-sizing: border-box;
  }
  .relief_halfprice #contract_ex .store_title .store_name {
    font-size: 20px;
    text-align: center;
  }
  .relief_halfprice #contract_ex .store_title .store_name .biological_no{
    text-align: left;
    margin-bottom: 5px;
  }
  .relief_halfprice #contract_ex .store_title .flex{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    margin-top: 5px;
  }
  .relief_halfprice #contract_ex .store_title .flex .img{
    margin-right: 0;
    max-width: 300px;
    margin-bottom: 10px;
  }
  .relief_halfprice #contract_ex .store_title .flex .txt p{
    font-size: 14px;
  }
  .relief_halfprice #contract_ex .store_title .flex .txt p.biological_no{
    font-size: 14px;
    margin-bottom: 2px;
  }
  .relief_halfprice #contract_ex .store_title .flex .txt .detail_info{
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
  }
  .relief_halfprice #contract_ex .store_title .flex .txt .detail_info li{
    margin-bottom: 5px;
  }
  .relief_halfprice #contract_ex .store_title .flex .txt .detail_info li.half{
    width: 100%;
  }
  .relief_halfprice #contract_ex .store_title .flex .txt .detail_info li.half + .half{
    margin-left: 0;
  }
  .relief_halfprice #contract_ex .store_title .flex .txt .detail_info li dl dt{
    width: 90px;
    margin-right: 5px;
    padding: 0 5px;
    font-size: 13px;
  }
  .relief_halfprice #contract_ex .store_title .flex .txt .detail_info li dl dd{
    font-size: 13px;
    padding: 0 5px;
  }
  .relief_halfprice #contract_ex .price_simulation .plan_box{
    border-width: 1px;
    padding: 40px 3% 27px;
  }
  .relief_halfprice #contract_ex .price_simulation .plan_box.promotion_price{
    padding-bottom: 26px;
  }
  .relief_halfprice #contract_ex .price_simulation .plan_box .title{
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 19px;
    padding: 0 23px;
    line-height: 30px;
    padding-top: 3px;
    border-radius: 17px;
    white-space: nowrap;
  }
  .relief_halfprice #contract_ex .price_simulation .plan_box .plan_box_inner{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .relief_halfprice #contract_ex .price_simulation .plan_box .formula_left{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
  }
  .relief_halfprice #contract_ex .price_simulation .plan_box .formula_left .price_elem,
  .relief_halfprice #contract_ex .price_simulation .plan_box .formula_left .price_elem.free {
    width: 100%;
    max-width: 226px;
    height: 86px;
  }
  .relief_halfprice #contract_ex .price_simulation .plan_box .formula_left .price_elem:nth-child(n+2){
    margin-left: 0;
    margin-top: 15px;
  }
  .relief_halfprice #contract_ex .price_simulation .plan_box .formula_left .price_elem span{
    line-height: 1.5;
  }
  .relief_halfprice #contract_ex .price_simulation .plan_box .formula_left .price_elem.price{
    background-position: 6px 11px;
    -webkit-background-size: 25px 25px;
    background-size: 25px 25px;
  }
  .relief_halfprice #contract_ex .price_simulation .plan_box .formula_right{
    margin-top: 21px;
  }
  .relief_halfprice #contract_ex .price_simulation .plan_box.promotion_price .formula_right{
    justify-content: center;
    padding-right: 0;
  }
  .relief_halfprice #contract_ex .price_simulation .plan_box .formula_right p > small {
    font-size: 17px;
  }
  .relief_halfprice #contract_ex .price_simulation .plan_box .formula_right p b i {
    top: auto;
    bottom: 10px;
    font-size: 14px;
  }

  .relief_halfprice #contract_ex .price_simulation .arrow {
    padding: 33px 0 46px;
  }
  .relief_halfprice #contract_ex .price_simulation .arrow i{
    width: 0;
    height: 0;
    background: none;
    border-width: 28px 36px 0 36px;
    border-color: #8fa6cc transparent transparent transparent;
    border-style: solid;
  }
  .relief_halfprice #contract_ex .price_simulation .arrow i::after{
    content: none;
  }
  .relief_halfprice #contract_ex .price_simulation .arrow i span {
    font-size: 18px;
    top: auto;
    bottom: -11px;
    right: calc(100% + 33px);
  }

  .relief_halfprice #contract_ex .price_simulation .plan_box .formula_left .price_elem.discount,
  .relief_halfprice #contract_ex .price_simulation .plan_box .formula_left .price_elem.free{
    border-width: 2px;
    /* padding: 17px 0; */
    box-sizing: border-box;
  }
  .relief_halfprice #contract_ex .price_simulation > .note{
    margin-top: 5px;
  }
  .relief_halfprice #contract_ex .price_simulation > .note p {
    font-size: 13px;
    font-weight: normal;
    display: block;
    line-height: 1.9;
    padding: 0;
    border-radius: 0;
    background: none;
    text-align: left;
    margin-bottom: 0;
  }
  .relief_halfprice #contract_ex .price_simulation .difference {
    font-size: 14px;
    margin-top: 40px;
    margin-bottom: 38px;
  }
  .relief_halfprice #contract_ex .price_simulation .difference .underline{
    border-bottom-width: 1px;
    white-space: nowrap;
  }
  .relief_halfprice #contract_ex .price_simulation .difference b{
    font-size: 26px;
    line-height: 1.5;
  }
  .relief_halfprice #contract_ex .price_simulation .monthly_payment_amount{
    border-width: 1px;
    padding: 15px 0;
    background-position: 10px 7px;
    -webkit-background-size: 42px 42px;
    background-size: 42px 42px;
  }
  .relief_halfprice #contract_ex .price_simulation .monthly_payment_amount dl{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .relief_halfprice #contract_ex .price_simulation .monthly_payment_amount dl dt {
    font-size: 17px;
    text-align: center;
  }
  .relief_halfprice #contract_ex .price_simulation .monthly_payment_amount dl dt small{
    font-size: 14px;
    text-align: left;
  }
  .relief_halfprice #contract_ex .price_simulation .monthly_payment_amount dl dd {
    font-size: 36px;
    line-height: 1;
    margin-top: 10px;
  }
  .relief_halfprice #contract_ex .price_simulation .monthly_payment_amount dl dd small {
    font-size: 22px;
  }
  .relief_halfprice #contract_ex .price_simulation .monthly_payment_amount dl dd small small {
    font-size: 18px;
  }
  /* .relief_halfprice #contract_ex iframe{
    margin-top: 30px;
    width: 100%;
    height: 52.875vw;
  } */
  .relief_halfprice #contract_ex .movie{
    margin-top: 20px;
    width: 100%;
  }

  /* ご契約基本内容 */
  .relief_halfprice #basic_detail .header{
    padding: 40px 0 15px;
  }
  .relief_halfprice #basic_detail .header .wrapper{
    padding: 0 10px;
    box-sizing: border-box;
  }
  .relief_halfprice #basic_detail .header h3{
    font-size: 24px;
    margin-bottom: 30px;
    line-height: 1.3;
  }
  .relief_halfprice #basic_detail .header h4{
    font-size: 24px;
    padding-left: 27px;
    margin-bottom: 0;
  }
  .relief_halfprice #basic_detail .header h4::before{
    width: 24px;
    height: 24px;
    top: 3px;
  }
  .relief_halfprice #basic_detail .plan1-1{
    padding: 25px 0;
  }
  .relief_halfprice #basic_detail .sp_center{
    text-align: center;
  }
  .relief_halfprice #basic_detail .plan1-1 p.plan_catch,
  .relief_halfprice #basic_detail .plan2 .flex .txt p.plan_catch {
    font-size: 16px;
    line-height: 30px;
    border-radius: 17px;
    padding: 4px 16px 0;
    margin-bottom: 15px;
  }
  .relief_halfprice #basic_detail .plan1-1 p.plan_catch small{
    font-size: 13px;
  }
  .relief_halfprice #basic_detail .plan1-1 .flex{
    flex-direction: column;
    margin-bottom: 25px;
  }
  .relief_halfprice #basic_detail .plan1-1 .flex .txt h5 {
    font-size: 30px;
    text-align: center;
    line-height: 1.3;
  }
  .relief_halfprice #basic_detail .plan1-1 .flex .txt p{
    font-size: 14px;
  }
  .relief_halfprice #basic_detail .plan1-1 .flex .txt p.note {
    font-size: 12px;
    line-height: 1.7;
    border-radius: 7px;
    padding: 2px 5px;
    text-align: center;
  }
  .relief_halfprice #basic_detail .plan1-1 .flex .img {
    width: 100%;
    margin-left: 0;
    margin-top: 25px;
  }
  .relief_halfprice #basic_detail .plan1-1 .lineup{
    background-color: #fff;
    border-radius: 13px;
    padding: 25px 15px;
  }
  .relief_halfprice #basic_detail .plan1-1 .lineup .premiumfood_gallery{
    margin: 20px 0;
  }
  .relief_halfprice #basic_detail .plan1-1 .lineup .premiumfood_gallery img{
    max-height: 245px;
    width: auto;
    max-width: 90%;
    height: auto;
    display: block;
    margin: 0 auto;
  }
  .relief_halfprice #basic_detail .plan1-1 .lineup .premiumfood_gallery .slick-arrow{
    font-size: 0;
    line-height: 0;
    color: transparent;
    margin-top: -25px;
    width: 50px;
    height: 50px;
  }
  .relief_halfprice #basic_detail .plan1-1 .lineup .premiumfood_gallery .slick-arrow::before{
    content: "";
    width: 70%;
    height: 70%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-color: #333;
    border-style: solid;
  }
  .relief_halfprice #basic_detail .plan1-1 .lineup .premiumfood_gallery .slick-prev{
    left: 0;
  }
  .relief_halfprice #basic_detail .plan1-1 .lineup .premiumfood_gallery .slick-prev::before{
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-width: 1px 0 0 1px;
  }
  .relief_halfprice #basic_detail .plan1-1 .lineup .premiumfood_gallery .slick-next{
    right: 0;
    left: auto;
  }
  .relief_halfprice #basic_detail .plan1-1 .lineup .premiumfood_gallery .slick-next::before{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-width: 1px 1px 0 0;
  }
  .relief_halfprice #basic_detail .plan1-2 {
    background-color: #f6e2e3;
    padding: 5px 0 25px;
  }
  .relief_halfprice #basic_detail .plan1-2 .app {
    padding: 10px 15px 20px;
    border-width: 2px;
    border-radius: 15px;
    box-shadow: 3px 2px 5px rgba(0,0,0,.2);
    margin-bottom: 25px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .relief_halfprice #basic_detail .plan1-2 .app .txt{
    padding-top: 0;
  }
  .relief_halfprice #basic_detail .plan1-2 .app .txt h5 {
    font-size: 20px;
    text-align: center;
    margin-bottom: 5px;
  }
  .relief_halfprice #basic_detail .plan1-2 .app .txt h5 span{
    display: block;
    padding-bottom: 5px;
  }
  .relief_halfprice #basic_detail .plan1-2 .app .txt .how_to_install{
    justify-content: center;
  }
  .relief_halfprice #basic_detail .plan1-2 .app .txt .app_btn a{
    width: 115px;
  }
  .relief_halfprice #basic_detail .plan1-2 .app .txt .app_btn a:nth-child(n+2){
    margin-left: 10px;
  }
  .relief_halfprice #basic_detail .plan1-2 .app .img{
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  .relief_halfprice #basic_detail .plan1-2 .app .img img{
    width: 215px;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  .relief_halfprice #basic_detail .plan1-2 dl dt {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 5px;
    padding-left: 17px;
  }
  .relief_halfprice #basic_detail .plan1-2 dl dt::before {
    width: 15px;
    height: 15px;
    top: 3px;
  }
  .relief_halfprice #basic_detail .plan1-2 dl dd small{
    font-size: 13px;
  }
  .relief_halfprice #basic_detail .plan1-2 dl dt:nth-child(n+2) {
    margin-top: 20px;
  }
  .relief_halfprice #basic_detail .plan1-2 dl dd figure figcaption {
    font-size: 14px;
    font-weight: normal;
  }
  .relief_halfprice #basic_detail .plan1-2 p.pink {
    font-size: 18px;
    margin-top: 20px;
  }
  .relief_halfprice #basic_detail img.plus {
    width: 93px;
    margin: 30px auto 0;
  }
  .relief_halfprice #basic_detail .header h4.plan2_title {
    letter-spacing: .05em;
  }
  .relief_halfprice #basic_detail .plan2{
    padding: 30px 0 40px;
  }
  .relief_halfprice #basic_detail .plan2 .flex{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .relief_halfprice #basic_detail .plan2 .flex .txt p.plan_catch small {
    font-size: 10px;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .relief_halfprice #basic_detail .plan2 .flex .txt h5 {
    font-size: 30px;
    text-align: center;
  }
  .relief_halfprice #basic_detail .plan2 .flex .txt p {
    font-size: 17px;
  }
  .relief_halfprice #basic_detail .plan2 .flex .txt p.note {
    font-size: 11px;
    line-height: 1.7;
  }
  .relief_halfprice #basic_detail .plan2 .necessary_information {
    border-width: 2px;
    padding: 15px 10px;
    margin-top: 25px;
    border-radius: 15px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .relief_halfprice #basic_detail .plan2 .necessary_information img {
    float: none;
    width: 100%;
    margin: 10px 0 0;
    order: 3;
  }
  .relief_halfprice #basic_detail .plan2 .necessary_information p.title {
    font-size: 18px;
    margin-bottom: 10px;
    text-align: center;
    order: 1;
  }
  .relief_halfprice #basic_detail .plan2 .necessary_information p.title + p{
    order: 2;
  }
  .relief_halfprice #basic_detail .plan2 .guarantee {
    margin-top: 35px;
    padding: 15px 10px;
  }
  .relief_halfprice #basic_detail .plan2 .guarantee .title {
    font-size: 18px;
  }
  .relief_halfprice #basic_detail .plan2 .guarantee .subtitle {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .relief_halfprice #basic_detail .plan2 .guarantee ul + .subtitle {
    margin-top: 20px;
  }
  .relief_halfprice #basic_detail .plan2 .guarantee ul {
    padding-left: 0;
  }
  .relief_halfprice #basic_detail .plan2 .guarantee ul li:not(.note) {
    padding-left: 15px;
  }
  .relief_halfprice #basic_detail .plan2 .guarantee ul li:not(.note)::before {
    width: 12px;
    height: 12px;
    top: 5px;
  }
  .relief_halfprice #basic_detail .plan2 .table {
    width: 100%;
    margin-left: 0;
    margin-top: 45px;
  }
  .relief_halfprice #basic_detail .plan2 .table table tr th,
  .relief_halfprice #basic_detail .plan2 .table table tr td {
    font-size: 14px;
    padding: 2px 0 1px;
  }
  .relief_halfprice #basic_detail .plan2 .table table tr th small{
    font-size: 10px;
    display: inline-block;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  .relief_halfprice #basic_detail .plan2 .table p.note{
    margin-top: 5px;
  }
  .relief_halfprice #basic_detail .plan2 .container > p.note {
    margin-top: 20px;
    border-radius: 7px;
    padding: 5px;
  }

  .relief_halfprice #other_information{
    padding-top: 70px;
  }
  .relief_halfprice #other_information .about_pack{
    padding: 75px 15px 15px;
    background-image: url('../images/relief_halfprice/about_pack_bg_sp.png');
  }
  .relief_halfprice #other_information .about_pack h3{
    font-size: 16px;
    line-height: 30px;
    border-radius: 17px;
    padding: 4px 16px 0;
    margin-bottom: 10px;
  }
  .relief_halfprice #other_information .about_pack h3::before,
  .relief_halfprice #other_information .about_pack h3::after {
    width: 64px;
    height: 50px;
    top: auto;
    bottom: calc(100% + 8px);
  }
  .relief_halfprice #other_information .about_pack h3::before {
    right: calc(50% + 7px);
  }
  .relief_halfprice #other_information .about_pack h3::after {
    left: calc(50% + 7px);
  }
  .relief_halfprice #other_information .about_pack h3 + p {
    font-weight: bold;
    color: #5a3f18;
  }
  .relief_halfprice #other_information .about_pack .flex{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;
    margin-top: 0;
  }
  .relief_halfprice #other_information .about_pack .flex .txt{
    order: 2;
    margin-top: 10px;
  }
  .relief_halfprice #other_information .about_pack .flex .table{
    order: 1;
    margin-left: 0;
    width: 100%;
    max-width: 280px;
  }
  .relief_halfprice #other_information .about_pack .flex .txt ul li{
    padding-left: 0;
  }
  .relief_halfprice #other_information .about_pack .flex .txt ul li dl{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .relief_halfprice #other_information .about_pack .flex .txt ul li dl dt{
    color: #ff9b35;
    width: 100%;
    display: block;
    margin-right: 0;
    padding-left: 15px;
  }
  .relief_halfprice #other_information .about_pack .flex .txt ul li dl dt::after{
    content: none;
  }
  .relief_halfprice #other_information .about_pack .flex .txt ul li span.underline{
    display: inline;
  }
  .relief_halfprice #other_information .about_pack .flex .txt ul li span.orange{
    display: block;
    text-align: right;
  }
  .relief_halfprice #other_information .notice{
    padding: 0;
  }
  .relief_halfprice #other_information .notice p.title {
    font-size: 14px;
    padding-left: 16px;
    margin-bottom: 5px;
  }
  .relief_halfprice #other_information .notice p.title::before {
    width: 12px;
    height: 12px;
  }
  .relief_halfprice #other_information .notice ul{
    margin: 0;
    padding: 0;
  }
  .relief_halfprice #other_information .notice ul li {
    font-size: 14px;
    padding-left: 15px;
  }
  .relief_halfprice #other_information .notice ul li::before {
    width: 12px;
    height: 12px;
  }
  .relief_halfprice #relief_halfprice_contact{
    padding: 20px 0;
  }
  .relief_halfprice #relief_halfprice_contact h3 {
    font-size: 16px;
    padding: 4px 0 2px;
    margin-bottom: 10px;
  }
  .relief_halfprice #relief_halfprice_contact p b {
    font-size: 14px;
  }
  .relief_halfprice #relief_halfprice_contact .tel a{
    font-size: 34px;
  }
}




@media screen and (min-width: 769px) {
  .halfprice #contact_info .tel_box > p br{
    display: none;
  }
}
@media screen and (min-width: 769px) {
.box08-bnr{
display: flex;
justify-content: center;
}

.pets-ctn-r dl dt {
    display: table-cell;
    vertical-align: middle;
    color: #78aa22;
    font-weight: bold;
    font-size: 12px;
    width: 110px;
    line-height: 1.5em;
    padding: 3px 0 2px;
}