div.wpcf7 {
margin: 0;
padding: 0;
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ff0000;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #f7e700;
}
.wpcf7-form-control-wrap {
position: relative;
}
span.wpcf7-not-valid-tip {
color: #f00;
font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #ff0000;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-display-none {
display: none;
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//www.petnoah.co.jp/wp/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 .wpcf7-recaptcha iframe {
margin-bottom: 0;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}.fbx-modal,.fbx-modal *{box-sizing:content-box}.fbx-modal{position:fixed;top:0;left:0;z-index:9000001;visibility:hidden;width:100%;height:100%;font-family:"Segoe UI",Helvetica,Arial,"Sans Serif",serif;line-height:normal;outline:0!important;transform:translate3d(0,0,0);perspective:0}.fbx-modal.fbx-loading,.fbx-modal.fbx-show{visibility:visible}.fbx-no-scroll{overflow:hidden!important}.fbx-inner-spacer{display:none;padding:40px}.fbx-inner{position:absolute;top:50%;left:50%;visibility:hidden;overflow:visible!important;margin-top:-5px;margin-left:-5px;min-width:100px;min-height:100px;width:100px;height:100px;z-index:100002}.fbx-show .fbx-inner{visibility:visible}.fbx-loader{position:absolute;top:50%;left:50%;visibility:hidden;z-index:100005;width:80px;height:80px;font-size:16px;transform:translateX(-50%) translateY(-50%)}.fbx-loader .fbx-icon{width:48px;height:48px;margin-top:-24px;margin-left:-24px;transform:none}.fbx-loading .fbx-loader{visibility:visible}.fbx-loading .fbx-loader .fbx-icon{animation:spin 2s infinite linear}.fbx-phone.fbx-portrait .fbx-loader{top:calc(50% + 20px)}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}.fbx-stage{position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%;outline:0;border:none;overflow:hidden}.fbx-item-current,.fbx-item-next{-webkit-user-drag:none;position:absolute;top:0;left:0;margin:0;padding:0;width:100%;height:100%;outline:0;border:none;overflow:auto}.fbx-loading .fbx-item-current,.fbx-loading .fbx-item-next{overflow:hidden}.fbx-item-next{z-index:100001}.fbx-item-current{z-index:100002}.fbx-error-msg{width:240px;height:240px;position:relative}.fbx-error-msg>svg{width:auto;height:150px;display:block;top:calc(50% - 20px)}.fbx-error-msg>p{position:absolute;bottom:24px;text-align:center;width:100%;margin:0}.fbx-item-embed,.fbx-item-iframe,.fbx-item-image,.fbx-item-video{margin:0;padding:0;width:100%;height:100%;outline:0;border:none;display:block}.fbx-item-video>.fbx-video{background-color:#000}.fbx-item-embed embed,.fbx-item-embed iframe,.fbx-item-embed object{margin-bottom:0}.fbx-item-embed>embed,.fbx-item-embed>iframe,.fbx-item-embed>object{max-width:100%;max-height:100%}.fbx-ios-12-or-below .fbx-item-current{-webkit-overflow-scrolling:touch!important;overflow:auto!important}.fbx-ios-12-or-below .fbx-item-iframe{width:1px;min-width:100%}.fbx-close,.fbx-next,.fbx-prev{position:absolute;z-index:100006;display:block;outline:0!important;text-decoration:none;cursor:pointer}.fbx-no-buttons .fbx-next,.fbx-no-buttons .fbx-prev{display:none!important}.fbx-credit{position:absolute;z-index:100003;text-transform:lowercase;font-size:10px}.fbx-credit em{font-style:normal;font-size:10px}.fbx-credit a{text-decoration:none;font-size:10px}.fbx-credit a span{letter-spacing:1px;font-size:10px}.fbx-count{position:absolute;z-index:100002;width:100%;text-align:center;font-size:10px}.fbx-btn-transition{transition-property:color,border-color,opacity,box-shadow,filter,-webkit-filter;transition-duration:.2s,.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease-in,linear,ease-in,ease-in,ease-in,ease-in;outline:0}@media (hover:hover){.fbx-close:hover,.fbx-next:hover,.fbx-prev:hover{text-decoration:none}.fbx-credit a:hover span{text-decoration:underline}}.fbx-phone .fbx-count{display:none}.fbx-phone .fbx-credit em{display:none}.fbx-phone.fbx-landscape.fbx-no-nav .fbx-next,.fbx-phone.fbx-landscape.fbx-no-nav .fbx-prev{display:none}.fbx-modal.fbx-phone .fbx-inner{border:none}.fbx-modal.fbx-phone .fbx-close,.fbx-modal.fbx-phone .fbx-next,.fbx-modal.fbx-phone .fbx-prev{position:fixed}.fbx-modal.fbx-phone .fbx-credit{bottom:2px;left:2px}.fbx-modal.fbx-phone.fbx-portrait .fbx-inner-spacer{padding:45px 5px 5px 5px}.fbx-modal.fbx-phone.fbx-portrait .fbx-close,.fbx-modal.fbx-phone.fbx-portrait .fbx-next,.fbx-modal.fbx-phone.fbx-portrait .fbx-prev{border:none;opacity:1;margin:0;top:0;bottom:auto;width:auto;height:40px;border-radius:0;line-height:40px}.fbx-modal.fbx-phone.fbx-portrait .fbx-prev{left:0;right:66%}.fbx-modal.fbx-phone.fbx-portrait .fbx-next{left:33%;right:33%}.fbx-modal.fbx-phone.fbx-portrait .fbx-close{left:66%;right:0}.fbx-modal.fbx-phone.fbx-portrait.fbx-no-buttons .fbx-close{left:0;right:0}.fbx-modal.fbx-phone.fbx-landscape{border-right-width:46px;border-right-style:solid;box-sizing:border-box}.fbx-modal.fbx-phone.fbx-landscape .fbx-inner-spacer{padding:5px}.fbx-modal.fbx-phone.fbx-landscape .fbx-close,.fbx-modal.fbx-phone.fbx-landscape .fbx-next,.fbx-modal.fbx-phone.fbx-landscape .fbx-prev{bottom:auto;left:auto;right:-45px;width:44px;height:44px;line-height:44px;border:none;opacity:1;margin:0}.fbx-modal.fbx-phone.fbx-landscape .fbx-close{top:0;height:60px}.fbx-modal.fbx-phone.fbx-landscape .fbx-prev{top:62px}.fbx-modal.fbx-phone.fbx-landscape .fbx-next{top:108px}.fbx-icon{display:inline-block;fill:currentColor;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.fbx-icon-close path{display:none}.fbx-flat .fbx-icon-close-flat,.fbx-metro .fbx-icon-close-default,.fbx-rounded .fbx-icon-close-default{display:inline}.fbx-flat .fbx-pause .fbx-icon-play-flat,.fbx-flat .fbx-play .fbx-icon-pause-flat,.fbx-icon-slideshow path,.fbx-metro .fbx-pause .fbx-icon-play-default,.fbx-metro .fbx-play .fbx-icon-pause-default,.fbx-rounded .fbx-pause .fbx-icon-play-default,.fbx-rounded .fbx-play .fbx-icon-pause-default{display:none}.fbx-flat .fbx-pause .fbx-icon-pause-flat,.fbx-flat .fbx-play .fbx-icon-play-flat,.fbx-metro .fbx-pause .fbx-icon-pause-default,.fbx-metro .fbx-play .fbx-icon-play-default,.fbx-rounded .fbx-pause .fbx-icon-pause-default,.fbx-rounded .fbx-play .fbx-icon-play-default{display:inline}.fbx-flat .fbx-maximize .fbx-icon-minimize-flat,.fbx-flat .fbx-minimize .fbx-icon-maximize-flat,.fbx-icon-fullscreen path,.fbx-metro .fbx-maximize .fbx-icon-minimize-default,.fbx-metro .fbx-minimize .fbx-icon-maximize-default,.fbx-rounded .fbx-maximize .fbx-icon-minimize-default,.fbx-rounded .fbx-minimize .fbx-icon-maximize-default{display:none}.fbx-flat .fbx-maximize .fbx-icon-maximize-flat,.fbx-flat .fbx-minimize .fbx-icon-minimize-flat,.fbx-metro .fbx-maximize .fbx-icon-maximize-default,.fbx-metro .fbx-minimize .fbx-icon-minimize-default,.fbx-rounded .fbx-maximize .fbx-icon-maximize-default,.fbx-rounded .fbx-minimize .fbx-icon-minimize-default{display:inline}.fbx-flat.fbx-arrows-1 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-10 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-11 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-2 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-3 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-4 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-5 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-6 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-7 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-8 .fbx-icon-arrows-flat,.fbx-flat.fbx-arrows-9 .fbx-icon-arrows-flat,.fbx-icon-next path,.fbx-icon-prev path,.fbx-metro.fbx-arrows-1 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-10 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-11 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-2 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-3 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-4 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-5 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-6 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-7 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-8 .fbx-icon-arrows-default,.fbx-metro.fbx-arrows-9 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-1 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-10 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-11 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-2 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-3 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-4 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-5 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-6 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-7 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-8 .fbx-icon-arrows-default,.fbx-rounded.fbx-arrows-9 .fbx-icon-arrows-default{display:none}.fbx-arrows-1 .fbx-icon-arrows-1,.fbx-arrows-10 .fbx-icon-arrows-10,.fbx-arrows-11 .fbx-icon-arrows-11,.fbx-arrows-2 .fbx-icon-arrows-2,.fbx-arrows-3 .fbx-icon-arrows-3,.fbx-arrows-4 .fbx-icon-arrows-4,.fbx-arrows-5 .fbx-icon-arrows-5,.fbx-arrows-6 .fbx-icon-arrows-6,.fbx-arrows-7 .fbx-icon-arrows-7,.fbx-arrows-8 .fbx-icon-arrows-8,.fbx-arrows-9 .fbx-icon-arrows-9,.fbx-flat .fbx-icon-arrows-flat,.fbx-metro .fbx-icon-arrows-default,.fbx-rounded .fbx-icon-arrows-default{display:inline}.fbx-flat.fbx-spinner-1 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-10 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-11 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-2 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-3 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-4 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-5 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-6 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-7 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-8 .fbx-icon-spinner-flat,.fbx-flat.fbx-spinner-9 .fbx-icon-spinner-flat,.fbx-icon-spinner path,.fbx-metro.fbx-spinner-1 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-10 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-11 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-2 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-3 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-4 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-5 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-6 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-7 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-8 .fbx-icon-spinner-default,.fbx-metro.fbx-spinner-9 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-1 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-10 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-11 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-2 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-3 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-4 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-5 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-6 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-7 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-8 .fbx-icon-spinner-default,.fbx-rounded.fbx-spinner-9 .fbx-icon-spinner-default{display:none}.fbx-flat .fbx-icon-spinner-flat,.fbx-metro .fbx-icon-spinner-default,.fbx-rounded .fbx-icon-spinner-default,.fbx-spinner-1 .fbx-icon-spinner-1,.fbx-spinner-10 .fbx-icon-spinner-10,.fbx-spinner-11 .fbx-icon-spinner-11,.fbx-spinner-2 .fbx-icon-spinner-2,.fbx-spinner-3 .fbx-icon-spinner-3,.fbx-spinner-4 .fbx-icon-spinner-4,.fbx-spinner-5 .fbx-icon-spinner-5,.fbx-spinner-6 .fbx-icon-spinner-6,.fbx-spinner-7 .fbx-icon-spinner-7,.fbx-spinner-8 .fbx-icon-spinner-8,.fbx-spinner-9 .fbx-icon-spinner-9{display:inline}.fbx-loader{box-shadow:0 0 3px rgba(0,0,0,.4)}.fbx-rounded .fbx-prev.fbx-btn-shadow,.fbx-rounded .fbx-prev.fbx-btn-shadow:hover{box-shadow:-2px 0 2px rgba(0,0,0,.4)}.fbx-rounded .fbx-next.fbx-btn-shadow,.fbx-rounded .fbx-next.fbx-btn-shadow:hover{box-shadow:2px 0 2px rgba(0,0,0,.4)}.fbx-fullscreen-mode .fbx-btn-shadow,.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow,.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow,.fbx-inner-shadow,.fbx-rounded .fbx-btn-shadow,.fbx-rounded.fbx-inset-buttons.fbx-desktop:not(.fbx-fullscreen-mode) .fbx-next.fbx-btn-shadow .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-desktop:not(.fbx-fullscreen-mode) .fbx-prev.fbx-btn-shadow .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-tablet:not(.fbx-fullscreen-mode) .fbx-next.fbx-btn-shadow .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-tablet:not(.fbx-fullscreen-mode) .fbx-prev.fbx-btn-shadow .fbx-icon,.fbx-sticky-buttons .fbx-next.fbx-btn-shadow,.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow{box-shadow:0 0 12px rgba(0,0,0,.4)}@media (hover:hover){.fbx-fullscreen-mode .fbx-btn-shadow:hover,.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow:hover,.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow:hover,.fbx-rounded .fbx-btn-shadow:hover,.fbx-rounded.fbx-inset-buttons.fbx-desktop:not(.fbx-fullscreen-mode) .fbx-next.fbx-btn-shadow:hover .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-desktop:not(.fbx-fullscreen-mode) .fbx-prev.fbx-btn-shadow:hover .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-tablet:not(.fbx-fullscreen-mode) .fbx-next.fbx-btn-shadow:hover .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-tablet:not(.fbx-fullscreen-mode) .fbx-prev.fbx-btn-shadow:hover .fbx-icon,.fbx-sticky-buttons .fbx-next.fbx-btn-shadow:hover,.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow:hover{box-shadow:0 0 6px rgba(0,0,0,.4)}}.fbx-flat .fbx-inner-shadow{box-shadow:0 5px 35px rgba(0,0,0,.65)}.fbx-flat .fbx-inner-shadow,.fbx-flat .fbx-loader,.fbx-flat.fbx-fullscreen-mode .fbx-btn-shadow,.fbx-flat.fbx-fullscreen-mode .fbx-btn-shadow:hover,.fbx-flat.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow,.fbx-flat.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow:hover,.fbx-flat.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow,.fbx-flat.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow:hover,.fbx-flat.fbx-sticky-buttons .fbx-next.fbx-btn-shadow,.fbx-flat.fbx-sticky-buttons .fbx-next.fbx-btn-shadow:hover,.fbx-flat.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow,.fbx-flat.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow:hover,.fbx-rounded.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-next.fbx-btn-shadow,.fbx-rounded.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-next.fbx-btn-shadow:hover,.fbx-rounded.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-prev.fbx-btn-shadow,.fbx-rounded.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-prev.fbx-btn-shadow:hover{box-shadow:none}.fbx-flat .fbx-loader .fbx-icon,.fbx-flat:not(.fbx-phone) .fbx-btn-shadow .fbx-icon{filter:drop-shadow(0 0 3px rgba(0, 0, 0, 1))}.fbx-flat:not(.fbx-phone) .fbx-btn-shadow:hover .fbx-icon{filter:drop-shadow(0 0 1px rgba(0, 0, 0, 1))}.fbx-modal.fbx-phone.fbx-fullscreen-mode .fbx-btn-shadow,.fbx-modal.fbx-phone.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow,.fbx-modal.fbx-phone.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow,.fbx-modal.fbx-phone.fbx-rounded .fbx-btn-shadow,.fbx-modal.fbx-phone.fbx-rounded.fbx-inset-buttons .fbx-next.fbx-btn-shadow .fbx-icon,.fbx-modal.fbx-phone.fbx-rounded.fbx-inset-buttons .fbx-prev.fbx-btn-shadow .fbx-icon,.fbx-modal.fbx-phone.fbx-sticky-buttons .fbx-next.fbx-btn-shadow,.fbx-modal.fbx-phone.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow{box-shadow:none}.fbx-rounded .fbx-inner{border:solid 8px transparent;border-radius:6px}.fbx-rounded .fbx-item-current,.fbx-rounded .fbx-item-image,.fbx-rounded .fbx-item-next{border-radius:3px}.fbx-rounded .fbx-loader{border-radius:50%}.fbx-rounded .fbx-close{top:-21px;right:-21px;width:28px;height:28px;line-height:28px;border:solid 3px transparent;border-radius:50%}.fbx-rounded .fbx-next,.fbx-rounded .fbx-prev{position:absolute;top:50%;margin-top:-50px;width:30px;height:100px;line-height:100px;border:solid 3px transparent}.fbx-rounded .fbx-prev{left:-40px;border-radius:6px 0 0 6px}.fbx-rounded .fbx-next{right:-40px;border-radius:0 6px 6px 0}.fbx-rounded .fbx-next.fbx-disabled,.fbx-rounded .fbx-prev.fbx-disabled{display:none}.fbx-rounded.fbx-phone .fbx-next.fbx-disabled,.fbx-rounded.fbx-phone .fbx-prev.fbx-disabled{display:block;cursor:default}.fbx-rounded.fbx-phone .fbx-next.fbx-disabled .fbx-icon,.fbx-rounded.fbx-phone .fbx-prev.fbx-disabled .fbx-icon{opacity:.3}.fbx-rounded.fbx-desktop .fbx-next,.fbx-rounded.fbx-desktop .fbx-prev{position:absolute}.fbx-rounded .fbx-count,.fbx-rounded .fbx-credit{bottom:-25px}.fbx-rounded .fbx-inner-spacer{padding:40px 40px 50px 40px}.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait .fbx-inner-spacer{padding:45px 5px 5px 5px}.fbx-rounded.fbx-sticky-buttons .fbx-next,.fbx-rounded.fbx-sticky-buttons .fbx-prev{position:fixed;top:50%;margin-top:-50px;width:40px;height:100px;line-height:100px}.fbx-rounded.fbx-sticky-buttons .fbx-prev{left:0;border-radius:0 6px 6px 0}.fbx-rounded.fbx-sticky-buttons .fbx-next{right:0;border-radius:6px 0 0 6px}.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer{padding:40px 80px}.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer{padding:45px 5px 5px 5px}.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer{padding:5px}.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next,.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev{top:0;bottom:0;border-radius:0;width:55px;height:auto;opacity:.3}.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next:hover,.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:hover{opacity:1}.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons:not(.fbx-fullscreen-mode) .fbx-next .fbx-icon,.fbx-rounded.fbx-sticky-buttons.fbx-full-buttons:not(.fbx-fullscreen-mode) .fbx-prev .fbx-icon{height:32px;width:auto}.fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-next,.fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-prev{top:0;bottom:auto;border-radius:0;width:auto;min-width:0;height:40px;opacity:1}.fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-next .fbx-icon,.fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-prev .fbx-icon{height:16px;width:auto}.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-prev{left:0;right:66%}.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-next{left:34%;right:34%}.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-close{left:66%;right:0}.fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-no-buttons.fbx-sticky-buttons.fbx-full-buttons .fbx-close{left:0;right:0}.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next,.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev{top:50%;bottom:auto;width:34px;height:80px;opacity:.5}.fbx-rounded.fbx-phone.fbx-landscape.fbx-full-buttons .fbx-prev,.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons .fbx-prev,.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev{top:62px}.fbx-rounded.fbx-phone.fbx-landscape.fbx-full-buttons .fbx-next,.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons .fbx-next,.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next{top:108px}.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next:hover,.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:hover{opacity:1}.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev{border-radius:0 6px 6px 0}.fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next{border-radius:6px 0 0 6px}.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next,.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev{z-index:100003;position:absolute;top:0;bottom:0;height:100%;width:25%;margin:0;border-radius:0;box-sizing:border-box;opacity:1}@media (hover:hover){.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next,.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev{opacity:0}.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next:hover,.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev:hover,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next:hover,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev:hover{opacity:1}}.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev{left:0;right:auto}.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next{right:0;left:auto}.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev .fbx-icon{width:16px;height:16px;border-radius:50%;position:absolute;top:50%;padding:5px;border-width:3px;border-style:solid;transform:translateY(-50%)}.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev .fbx-icon{left:10px;right:auto}.fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next .fbx-icon,.fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next .fbx-icon{right:10px;left:auto}.fbx-light,.fbx-light .fbx-caption,.fbx-light .fbx-open-caption,.fbx-light.fbx-phone .fbx-social{background-color:rgba(0,0,0,.7)}.fbx-light .fbx-progress{background-color:rgba(255,255,255,.5)}.fbx-fullscreen-mode.fbx-light{background-color:grey}.fbx-light .fbx-inner,.fbx-light.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-next .fbx-icon,.fbx-light.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-prev .fbx-icon,.fbx-light.fbx-modal,.fbx-modal.fbx-light.fbx-phone .fbx-close:hover,.fbx-modal.fbx-light.fbx-phone .fbx-fullscreen-toggle:hover,.fbx-modal.fbx-light.fbx-phone .fbx-next:hover,.fbx-modal.fbx-light.fbx-phone .fbx-pause:hover,.fbx-modal.fbx-light.fbx-phone .fbx-play:hover,.fbx-modal.fbx-light.fbx-phone .fbx-prev:hover,.fbx-modal.fbx-light.fbx-phone .fbx-social-toggle:hover,.fbx-rounded.fbx-light .fbx-close,.fbx-rounded.fbx-light .fbx-fullscreen-toggle,.fbx-rounded.fbx-light .fbx-pause,.fbx-rounded.fbx-light .fbx-play,.fbx-rounded.fbx-light .fbx-social-toggle{border-color:#fff}.fbx-light .fbx-close,.fbx-light .fbx-fullscreen-toggle,.fbx-light .fbx-inner,.fbx-light .fbx-loader,.fbx-light .fbx-next,.fbx-light .fbx-pause,.fbx-light .fbx-play,.fbx-light .fbx-prev,.fbx-light .fbx-social-toggle,.fbx-light.fbx-inset-buttons.fbx-phone:not(.fbx-fullscreen-mode) .fbx-next,.fbx-light.fbx-inset-buttons.fbx-phone:not(.fbx-fullscreen-mode) .fbx-prev,.fbx-light.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-next .fbx-icon,.fbx-light.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-prev .fbx-icon{background-color:#fff}.fbx-flat.fbx-light .fbx-close,.fbx-flat.fbx-light .fbx-fullscreen-toggle,.fbx-flat.fbx-light .fbx-loader,.fbx-flat.fbx-light .fbx-next,.fbx-flat.fbx-light .fbx-pause,.fbx-flat.fbx-light .fbx-play,.fbx-flat.fbx-light .fbx-prev,.fbx-flat.fbx-light .fbx-social-toggle,.fbx-flat.fbx-light.fbx-inset-buttons .fbx-next .fbx-icon,.fbx-flat.fbx-light.fbx-inset-buttons .fbx-prev .fbx-icon,.fbx-light.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-next,.fbx-light.fbx-inset-buttons:not(.fbx-fullscreen-mode) .fbx-prev{background-color:transparent}.fbx-flat.fbx-light.fbx-inset-buttons .fbx-next .fbx-icon,.fbx-flat.fbx-light.fbx-inset-buttons .fbx-prev .fbx-icon{border-color:transparent}.fbx-flat.fbx-light.fbx-modal{border-color:rgba(0,0,0,.2)}.fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-close,.fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-fullscreen-toggle,.fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-next,.fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-pause,.fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-play,.fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-prev,.fbx-flat.fbx-light.fbx-phone.fbx-portrait .fbx-social-toggle{background-color:rgba(0,0,0,.2)}.fbx-light .fbx-close,.fbx-light .fbx-error-msg,.fbx-light .fbx-fullscreen-toggle,.fbx-light .fbx-loader,.fbx-light .fbx-next,.fbx-light .fbx-pause,.fbx-light .fbx-play,.fbx-light .fbx-prev,.fbx-light .fbx-social-toggle,.fbx-metro.fbx-light .fbx-count,.fbx-metro.fbx-light .fbx-credit a{color:#666!important}.fbx-flat.fbx-light .fbx-close,.fbx-flat.fbx-light .fbx-close:hover,.fbx-flat.fbx-light .fbx-count,.fbx-flat.fbx-light .fbx-credit a,.fbx-flat.fbx-light .fbx-fullscreen-toggle,.fbx-flat.fbx-light .fbx-fullscreen-toggle:hover,.fbx-flat.fbx-light .fbx-loader,.fbx-flat.fbx-light .fbx-next,.fbx-flat.fbx-light .fbx-next:hover,.fbx-flat.fbx-light .fbx-pause,.fbx-flat.fbx-light .fbx-pause:hover,.fbx-flat.fbx-light .fbx-play,.fbx-flat.fbx-light .fbx-play:hover,.fbx-flat.fbx-light .fbx-prev,.fbx-flat.fbx-light .fbx-prev:hover,.fbx-flat.fbx-light .fbx-social-toggle,.fbx-flat.fbx-light .fbx-social-toggle:hover{color:#fff!important}.fbx-flat.fbx-light .fbx-count,.fbx-flat.fbx-light .fbx-credit a,.fbx-rounded.fbx-light .fbx-count,.fbx-rounded.fbx-light .fbx-credit a{color:#888}.fbx-light .fbx-caption{color:#fff}.fbx-light .fbx-caption-desc,.fbx-light .fbx-caption-desc a{color:#eee}@media (hover:hover){.fbx-light .fbx-close:hover,.fbx-light .fbx-fullscreen-toggle:hover,.fbx-light .fbx-next:hover,.fbx-light .fbx-pause:hover,.fbx-light .fbx-play:hover,.fbx-light .fbx-prev:hover,.fbx-light .fbx-social-toggle:hover,.fbx-metro.fbx-light .fbx-credit a:hover{color:#bababa!important}.fbx-metro.fbx-light .fbx-close:hover,.fbx-metro.fbx-light .fbx-fullscreen-toggle:hover,.fbx-metro.fbx-light .fbx-next:hover,.fbx-metro.fbx-light .fbx-pause:hover,.fbx-metro.fbx-light .fbx-play:hover,.fbx-metro.fbx-light .fbx-prev:hover,.fbx-metro.fbx-light .fbx-social-toggle:hover{border-color:#bababa}.fbx-flat.fbx-light .fbx-credit a:hover span,.fbx-rounded.fbx-light .fbx-credit a:hover span{color:#ddd}}.fbx-light .fbx-item-current::-webkit-scrollbar{width:12px;height:12px}.fbx-light .fbx-item-current::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.fbx-light .fbx-item-current::-webkit-scrollbar-thumb{background:rgba(0,0,0,.5)}.fbx-light .fbx-item-current::-webkit-scrollbar,.fbx-light .fbx-item-next::-webkit-scrollbar{width:12px;height:12px}.fbx-light .fbx-item-current::-webkit-scrollbar-track,.fbx-light .fbx-item-next::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.fbx-light .fbx-item-current::-webkit-scrollbar-corner,.fbx-light .fbx-item-current::-webkit-scrollbar-thumb,.fbx-light .fbx-item-next::-webkit-scrollbar-corner,.fbx-light .fbx-item-next::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3)}.fbx-caption{position:absolute;top:auto;right:auto;bottom:0;left:0;z-index:100004;width:100%;text-align:center;font-size:14px;transition:visibility .3s ease,opacity .3s ease,transform .3s ease;opacity:1;transform:translateY(0)}.fbx-caption.fbx-hide-caption{transition:none}.fbx-show .fbx-caption{visibility:visible}.fbx-show .fbx-caption.fbx-fade-caption{opacity:0;visibility:hidden}.fbx-caption.fbx-slide-caption{transform:translateY(100%)}.fbx-loading .fbx-caption.fbx-hide-caption,.fbx-show .fbx-caption.fbx-hide-caption{visibility:hidden}.fbx-fullscreen-mode .fbx-caption,.fbx-sticky-caption .fbx-caption{position:fixed;z-index:100007}.fbx-modal.fbx-phone .fbx-caption{position:fixed;z-index:100004}.fbx-rounded .fbx-caption{border-radius:0 0 3px 3px}.fbx-modal.fbx-phone .fbx-caption,.fbx-sticky-caption.fbx-rounded .fbx-caption{border-radius:0}.fbx-close-caption{position:absolute;top:0;right:0;padding:3px 3px 10px 10px;color:#fff!important;font-size:24px;text-decoration:none;line-height:20px;cursor:pointer}.fbx-open-caption{z-index:100004;position:absolute;bottom:0;right:5px;padding:0 10px 10px 10px;color:#fff!important;font-size:24px;text-decoration:none;line-height:20px;opacity:0;visibility:hidden;transition:opacity .3s ease;border-top-left-radius:6px;border-top-right-radius:6px;cursor:pointer}.fbx-caption-toggle-only.fbx-captions-hidden .fbx-open-caption,.fbx-pannable-item.fbx-captions-hidden .fbx-open-caption{opacity:1;visibility:visible}.fbx-caption-title{font-size:15px;padding:15px}.fbx-caption-desc{font-size:12px;line-height:20px;padding:15px}.fbx-caption-desc a{font-size:12px}.fbx-caption-title+.fbx-caption-desc{margin-top:-30px}.fbx-phone .fbx-caption{min-height:20px;font-size:12px;line-height:20px}.fbx-phone .fbx-caption-title{font-size:13px;padding:10px}.fbx-phone .fbx-caption-desc{font-size:11px;line-height:15px;padding:10px}.fbx-phone .fbx-caption-title+.fbx-caption-desc{margin-top:-20px}.fbx-modal.fbx-phone .fbx-caption{bottom:0;position:fixed}.fbx-modal.fbx-phone.fbx-landscape .fbx-caption,.fbx-phone.fbx-landscape.fbx-sticky-caption .fbx-caption{z-index:100004}.fbx-pannable{cursor:-moz-grab;cursor:-webkit-grab;cursor:grab}.fbx-pannable.fbx-panning{cursor:-moz-grabbing;cursor:-webkit-grabbing;cursor:grabbing}.fbx-pannable>div>img.fbx-item{max-width:none;max-height:none}.fbx-pan-overview{cursor:pointer;max-width:150px;max-height:150px;overflow:hidden;background-position:top left;background-size:cover;position:absolute;z-index:100006;border:solid 2px #666;box-shadow:0 0 12px rgba(0,0,0,.8)}.fbx-pan-overview.fbx-top-left{top:20px;left:20px}.fbx-pan-overview.fbx-top-right{top:20px;right:32px}.fbx-pan-overview.fbx-bottom-left{bottom:32px;left:20px}.fbx-pan-overview.fbx-bottom-right{bottom:32px;right:32px}.fbx-pan-viewport{position:absolute;top:0;left:0;box-shadow:0 0 300px 300px rgba(0,0,0,.7)}.fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-close,.fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-fullscreen-toggle,.fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-next,.fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-pause,.fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-play,.fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-prev,.fbx-ie10.fbx-modal.fbx-phone.fbx-landscape .fbx-social-toggle,.fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-close,.fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-fullscreen-toggle,.fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-next,.fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-pause,.fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-play,.fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-prev,.fbx-ie11.fbx-modal.fbx-phone.fbx-landscape .fbx-social-toggle,.fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-close,.fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-fullscreen-toggle,.fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-next,.fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-pause,.fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-play,.fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-prev,.fbx-ie9.fbx-modal.fbx-phone.fbx-landscape .fbx-social-toggle{right:1px!important}@import url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/twentytwelve/style.css);
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
} hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}
ol, ul {
list-style: none;
} .cf {
zoom: 1;
}
.cf:before, .cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}
@media screen and (max-width: 600px) {
.sp_hide {
display: none;
}
}
@media screen and (min-width: 601px) {
.pc_hide {
display: none;
}
} .sns_fixed {
position: fixed;
bottom: 40px;
right: 20px;
opacity: 0.7;
z-index: 1111;
}
.sns_fixed .twitter_btn {
margin: 10px 0 0 0;
} #post-284 .entry-header{
display: none;
}
#post-254 .entry-header{
display: none;
}
#post-244 .entry-header{
display: none;
}
#post-232 .entry-header{
display: none;
}
#post-265 .entry-header{
display: none;
}
#post-250 .entry-header{
display: none;
}
#post-240 .entry-header{
display: none;
}
#post-143 .entry-header{
display: none;
}
.entry-header .comments-link {
display: none;
}
.entry-header .entry-meta {
display: none;
} #js-instalib01 {
display: flex;
flex-wrap: wrap;
width: 95%;
}
#js-instalib01 li.col-sm-4 {
width: 158px;
height: 158px;
}
@media screen and (max-width: 767px) {
#js-instalib01 li.col-sm-4 {
width: 50%;
height: 100%;
}
}
#js-instalib01 li.col-sm-4 img {
width: 100%;
height: 158px;
object-fit: cover;
}
#js-instalib02 {
display: flex;
flex-wrap: wrap;
width: 95%;
}
#js-instalib02 li.col-sm-4 {
width: 158px;
height: 158px;
}
@media screen and (max-width: 767px) {
#js-instalib02 li.col-sm-4 {
width: 50%;
height: 100%;
}
}
#js-instalib02 li.col-sm-4 img {
width: 100%;
height: 158px;
object-fit: cover;
}
.item-description {
display: none;
}
.sub-menu li.menu-item-353,
.sub-menu li.menu-item-352,
.sub-menu li.menu-item-351,
.sub-menu li.menu-item-350,
.sub-menu li.menu-item-349,
.sub-menu li.menu-item-348,
.sub-menu li.menu-item-347,
.sub-menu li.menu-item-346 {
width: 43%;
background: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_house_b.png) no-repeat 16px 18px;
background-size: 20px;
text-align: left;
padding: 0 0 0 18px;
background-color: #fff;
}
.sub-menu li.menu-item-353:hover,
.sub-menu li.menu-item-352:hover,
.sub-menu li.menu-item-351:hover,
.sub-menu li.menu-item-350:hover,
.sub-menu li.menu-item-349:hover,
.sub-menu li.menu-item-348:hover,
.sub-menu li.menu-item-347:hover,
.sub-menu li.menu-item-346:hover {
width: 43%;
background: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_house_w.png) no-repeat 16px 18px;
background-size: 20px;
text-align: left;
padding: 0 0 0 18px;
background-color: #224938;
}
.side_hover {
display: none;
}
.hoken-banner ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.hoken-banner ul li {
margin: 20px;
}
.hoken-banner h3 {
text-align: center;
padding: 20px 0;
width: 100%;
margin: 0px auto !important;
margin-bottom: 20px !important;
font-family: 'Tsukushi B Round Gothic', sans-serif;
font-weight: bold;
color: #224938;
font-size: 26px;
}
.hoken-banner h3::after,
.hoken-banner h3::before {
content: "";
display: inline-block;
width: 165px;
height: 1px;
margin: 0 3rem;
background-color: #333;
vertical-align: middle;
}
@media screen and (max-width: 600px) {
.hoken-banner h3::after,
.hoken-banner h3::before {
content: "";
display: inline-block;
width: 60px;
height: 1px;
margin: 0px 0rem;
background-color: #333;
vertical-align: middle;
}
} .jyuji_tate {
position: relative;
width: 40px;
height: 180px;
background: #b13535;
margin: 40px auto;
}
.jyuji_yoko {
position: absolute;
top: 0px;
right: 0;
left: -70px;
bottom: 0;
margin: auto;
width: 180px;
height: 40px;
background: #b13535;
color: #fff;
font-weight: bold;
font-size: 20px;
text-align: center;
line-height: 40px;
}
.tokuten {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.tokuten_midashi {
text-align: center;
font-size: 26px;
line-height: 36px;
border-bottom: 2px dashed;
max-width: 600px;
margin: 40px auto;
font-weight: bold;
color: #b13535;
}
h3.tokuten_h {
font-size: 20px;
color: #244d39;
padding: 28px 0 18px;
}
h3.tokuten_h span {
display: inline-block;
background: #b13535;
width: 35px;
height: 35px;
border-radius: 40px;
text-align: center;
line-height: 35px;
color: #fff;
margin: 0 12px 0 0;
}
p.tokuten_p {
margin: 0 0 0 46px;
line-height: 26px;
}
.tokuten_a_box {
max-width: 840px;
margin: 30px auto;
display: flex;
justify-content: space-around;
background: #fff;
padding: 20px;
border-radius: 6px;
justify-content: space-around;
}
.tokuten_a_box div {
width: 45%;
}
.tokuten_a_box p {
margin: 10px 0;
line-height: 24px;
}
.passport_flex_box {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
max-width: 800px;
margin: 38px auto;
}
.passport_flex_box div {
width: 50%;
}
@media screen and (max-width: 600px) {
.tokuten_a_box {
max-width: 840px;
margin: 30px auto;
display: block;
justify-content: space-around;
background: #fff;
padding: 20px;
border-radius: 6px;
}
h3.tokuten_h {
font-size: 17px;
color: #244d39;
padding: 28px 0 18px;
}
.tokuten_a_box div {
width: 100%;
text-align: center;
margin: 17px 0 0 0;
}
p.tokuten_p {
margin: 0px 0 0 0px;
line-height: 26px;
}
.passport_flex_box {
display: block;
max-width: 800px;
margin: 38px auto;
text-align: center;
line-height: 25px;
}
.passport_flex_box div {
width: 100%;
}
} #common-contents h3 {
margin: 30px 0 20px 0;
font-size: 20px;
text-align: center;
}
.price-and-flow {
text-align: center;
}
.price-and-flow p {
font-weight: bold;
}
.price-and-flow .title {
font-size: 16px;
font-weight: bold;
display: block;
margin: 18px;
}
.parts-trimming {
width: 100%;
}
#common-contents .course2 .bold,
#common-contents .course1 .bold,
#common-contents .course3 .bold {
margin: 18px 0;
display: block;
font-weight: bold;
}
.zero-service .bold {
display: block;
margin: 10px 0;
} .sec_pethotel {
margin-top: 100px;
}
.sec_pethotel {
background: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pethotel/roop1.jpg)
}
#pethotel .t1 {
text-align: center;
}
#pethotel ul.list {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin: 30px 0 60px 0;
}
#pethotel ul.list li,
#trimming .sec07 ul.list li {
width: 20%;
height: 40px;
background: #244d39;
text-align: center;
line-height: 40px;
margin: 8px 25px;
}
#pethotel ul.list li a,
#trimming .sec07 ul.list li a {
color: #fff;
} .neyagawa_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/neyagawa/sub_shop_neyagawa.jpg);
background-color: rgba(0, 0, 0, 0);
background-size: cover; }
#neyagawa .primary .pic-area {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/neyagawa/tokuchou_2.jpg);
background-size: cover;
}
#neyagawa .secondary .pic-area.pic1 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/neyagawa/tokuchou_1.jpg);
background-size: cover;
}
#neyagawa .secondary .pic-area.pic3 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/neyagawa/tokuchou_3.jpg);
background-size: cover;
} .toyonaka_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/toyonaka/sub_shop_toyonaka.jpg);
background-color: rgba(0, 0, 0, 0);
background-size: cover; }
#toyonaka .primary .pic-area {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/toyonaka/tokuchou_2.jpg);
background-size: cover;
}
#toyonaka .secondary .pic-area.pic1 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/toyonaka/tokuchou_1.jpg);
background-size: cover;
}
#toyonaka .secondary .pic-area.pic3 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/toyonaka/tokuchou_3.jpg);
background-size: cover;
} .minoh_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/minoh/sub_shop_minoh.jpg);
background-color: rgba(0, 0, 0, 0);
background-size: cover; }
#minoh .primary .pic-area {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/minoh/tokuchou_2.jpg);
background-size: cover;
}
#minoh .secondary .pic-area.pic1 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/minoh/tokuchou_1.jpg);
background-size: cover;
}
#minoh .secondary .pic-area.pic3 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/minoh/tokuchou_3.jpg);
background-size: cover;
} .kadomaoohashi_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/kadomaoohashi/sub_shop_kadomaoohashi.jpg);
background-color: rgba(0, 0, 0, 0);
background-size: cover; }
#kadomaoohashi .primary .pic-area {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/kadomaoohashi/tokuchou_2.jpg);
background-size: cover;
}
#kadomaoohashi .secondary .pic-area.pic1 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/kadomaoohashi/tokuchou_1.jpg);
background-size: cover;
}
#kadomaoohashi .secondary .pic-area.pic3 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/kadomaoohashi/tokuchou_3.jpg);
background-size: cover;
} .kusatsu_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/kusatsu/sub_shop_kusatsu.jpg);
background-color: rgba(0, 0, 0, 0);
background-size: cover; }
#kusatsu .primary .pic-area {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/kusatsu/tokuchou_2.jpg);
background-size: cover;
}
#kusatsu .secondary .pic-area.pic1 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/kusatsu/tokuchou_1.jpg);
background-size: cover;
}
#kusatsu .secondary .pic-area.pic3 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/kusatsu/tokuchou_3.jpg);
background-size: cover;
} .nishishichijyo_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/nishishichijyo/sub_shop_nishishichijyo.jpg);
background-color: rgba(0, 0, 0, 0);
background-size: cover; }
#nishishichijyo .primary .pic-area {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/nishishichijyo/tokuchou_2.jpg);
background-size: cover;
}
#nishishichijyo .secondary .pic-area.pic1 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/nishishichijyo/tokuchou_1.jpg);
background-size: cover;
}
#nishishichijyo .secondary .pic-area.pic3 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/nishishichijyo/tokuchou_3.jpg);
background-size: cover;
} .kitayama_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/kitayama/sub_shop_kitayama.jpg);
background-color: rgba(0, 0, 0, 0);
background-size: cover; }
#kitayama .secondary .pic-area.pic1 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/kitayama/tokuchou_1.jpg);
background-size: cover;
}
#kitayama .primary .pic-area {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/kitayama/tokuchou_2.jpg);
background-size: cover;
}
#kitayama .secondary .pic-area.pic3 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/kitayama/tokuchou_3.jpg);
background-size: cover;
} #main_slide ul,
li {
list-style: none;
margin: 0;
padding: 0;
}
.yamashina_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/yamashina/sub_shop_yamashina.png);
background-color: rgba(0, 0, 0, 0);
background-size: cover; }
#yamashina h4,
#nishishichijyo h4,
#kusatsu h4,
#yamashina h4,
#kadomaoohashi h4,
#minoh h4,
#toyonaka h4,
#kitayama h4,
#neyagawa h4 {
margin: 19px 0;
background: #376139;
padding: 12px;
color: #fff;
}
#yamashina h5,
#nishishichijyo h5,
#kusatsu h5,
#yamashina h5,
#kadomaoohashi h5,
#minoh h5,
#toyonaka h5,
#kitayama h5,
#neyagawa h5 {
margin: 12px 0;
color: #376139;
}
@media screen and (max-width: 767px) {
.yamashina_header {
margin-bottom: 40px;
}
.nishishichijyo_header {
margin-bottom: 40px;
}
}
.shop {}
.shop .inner {
max-width: 1600px;
padding: 0 10px;
margin: 0 auto;
box-sizing: border-box;
}
.shop .sec {
padding: 50px 0;
} .shop .sec01 {
text-align: center;
background: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/yamashina/bk_1.png) repeat center top;
}
.shop .sec01 .menu-list {
overflow: hidden;
display: inline-block;
width: 100%;
}
.shop .sec01 .menu-list li {
float: left;
margin: 10px 0;
padding: 0 1%;
width: 24%;
}
.shop .sec01 .menu-list li a {
display: block;
background: #376139;
color: #fff;
text-align: center;
line-height: 1.2em;
font-size: 16px;
padding: 5px 20px;
box-sizing: border-box;
}
.shop .sec01 .menu-list li a .sub {
display: block;
font-size: 12px;
}
.shop .sec01 .menu-list li:nth-child(5) {
margin-left: 24%;
}
@media screen and (max-width: 767px) {
.shop .sec01 {
padding: 0;
}
.shop .sec01 .menu-list li {
float: left;
margin: 10px 0;
padding: 0 1%;
width: 49%;
}
.shop .sec01 .menu-list li:nth-child(5) {
margin-left: 0%;
}
.shop .sec01 .menu-list li:nth-child(2n) {
float: right;
}
}
.shop .sec01 .menu-list li:nth-child(1) a {
background: #376139;
}
.shop .sec01 .menu-list li:nth-child(2) a {
background: #ee8484;
}
.shop .sec01 .menu-list li:nth-child(3) a {
background: #345f87;
}
.shop .sec01 .menu-list li:nth-child(4) a {
background: #816d55;
}
.shop .sec01 .menu-list li:nth-child(5) a {
background: #7a4238;
}
.shop .sec01 .menu-list li:nth-child(6) a {
background: #b4b95e;
}
.shop .sec02 {}
.shop .sec02 .gallery {
width: 100%;
}
.shop .sec03 {}
.shop .sec03 .blog-box {
overflow: hidden;
}
.shop .sec03 .blog-box li {
float: left;
width: 49% !important;
background: #ecf0e9;
margin-bottom: 20px;
padding: 10px;
box-sizing: border-box;
}
.shop .sec03 .blog-box li:nth-child(2n) {
float: right;
}
.shop .sec03 .blog-box li a {
overflow: hidden;
display: block;
padding: 20px;
box-sizing: border-box;
border: 1px solid #fff;
background: #ecf0e9;
}
.shop .sec03 .blog-box li .left {
float: left;
width: 30%;
}
.shop .sec03 .blog-box li .left.imgbox img {
max-width: 100%;
height: auto;
border-radius: 50%;
}
.shop .sec03 .blog-box li .right {
float: right;
}
.shop .sec03 .blog-box li .right.textbox {
width: 66%;
}
.shop .sec03 .blog-box li .right.textbox .date {}
.shop .sec03 .blog-box li .right.textbox .title {
padding: 10px 0 10px;
}
.shop .sec03 .blog-box li .right.textbox .text {
line-height: 1.4em;
}
@media screen and (max-width: 767px) {
.shop .sec03 .blog-box li {
float: none;
width: 100%;
}
.shop .sec03 .blog-box li:nth-child(2n) {
float: none;
}
}
.shop .sec04 {}
.shop .sec04 .list {}
.shop .sec04 .list .item {
margin-bottom: 50px;
min-height: 300px;
background: #ccc;
position: relative;
}
.shop .sec04 .list .item .photo {
position: absolute;
top: 0px;
left: 0px;
}
.shop .sec04 .list .item .white-box {
background-color: rgba(255, 255, 255, 0.5);
float: right;
width: 60%;
}
.shop .sec04 .list .item .white-box h3 {}
.shop .sec04 .list .item .white-box .tt {}
.shop .sec04 .list .item .white-box .tt1 {}
.shop .sec04 .list .item .white-box .tt2 {}
.shop .trimming,
.shop .hotel {
overflow: hidden;
padding: 60px 0;
}
.shop .section-title {
text-align: center;
padding: 20px 0;
width: 60%;
margin: 0px auto;
margin-bottom: 20px;
font-family: 'Tsukushi B Round Gothic', sans-serif;
font-weight: bold;
color: #224938;
font-size: 30px;
}
@media screen and (max-width: 767px) {
.shop .section-title {
width: 100%;
}
}
.shop .two-col,
.shop .three-col ul,
.shop .four-block {
overflow: hidden;
width: 100%;
}
.shop .text-area {
width: 480px;
height: 280px;
padding: 60px;
font-size: 14px;
}
.shop .pic-area {
width: 620px;
height: 445px;
}
.shop .three-col ul li {
width: 31%;
float: left;
margin: 0 1%;
}
.shop .text-area {
background-color: rgba(255, 255, 255, 0.9);
position: relative;
z-index: 2;
}
.shop .text-area p {
line-height: 40px;
}
.shop .pic-area {
background-color: #727171;
}
.shop .two-col {
position: relative;
padding-top: 25px;
} .shop .sec04 {
padding-bottom: 40px;
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/yamashina/bk_2.png);
} .shop .two-col .pic-area { background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pic_hotel_1.png);
background-size: cover;
}
.shop .sec04 .three-col h3 {
margin-left: 20px;
font-size: 22px;
margin-bottom: 30px;
color: #224938;
}
.shop .sec04 .three-col .item-pic {
width: 100%;
height: 200px;
margin-bottom: 20px;
margin-top: 0px;
position: relative;
}
.shop .sec04 .item-pic:after {
font-size: 50px;
font-family: 'SignPainter';
color: rgba(0, 0, 0, 0.1);
position: absolute;
left: 0px;
bottom: -60px;
}
.shop .sec04 .three-col .item-title {
font-size: 18px;
padding-left: 10px;
margin-bottom: 20px;
font-weight: bold;
}
.shop .sec04 .three-col .item-desc {
width: 100%;
font-size: 14px;
line-height: 24px;
}
.shop .col-left h3,
.shop .col-right h3 {
font-size: 22px;
font-family: 'Tsukushi B Round Gothic';
color: #224938;
padding-bottom: 20px;
}
.shop .primary {
padding-bottom: 60px;
}
.shop .primary .col-right {
position: absolute;
top: 0px;
right: 0px;
}
.shop .primary .pic-area {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/yamashina/tokuchou_2.jpg);
background-size: cover;
}
.shop .secondary .pic-area.pic1 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/yamashina/tokuchou_1.jpg);
background-size: cover;
}
.shop .secondary .pic-area.pic3 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/yamashina/tokuchou_3.jpg);
background-size: cover;
}
.shop .secondary .col-right {
position: absolute;
top: 50px;
right: 0px;
}
.shop .secondary {
padding-bottom: 60px;
}
.shop .one-col {
margin: 0 auto;
background-color: #fff;
padding: 20px 10px;
margin-bottom: 60px;
}
.shop .one-col h3 {
text-align: center;
margin-bottom: 20px;
}
.shop .one-col .attention ul {
width: 100%;
overflow: hidden;
font-size: 12px;
}
.shop .one-col .attention ul li {
width: 46%;
margin-right: 2%;
margin-left: 2%;
margin-bottom: 10px;
float: left;
list-style: disc;
}
.shop .sec04 .four-block {
width: 100%;
margin: 0 auto;
}
.shop .sec04 .four-block .item {
width: 48%;
height: 300px;
float: left;
margin: 1% 1%;
position: relative;
}
.shop .sec04 .four-block .item .pic-area {
width: 100%;
height: 300px;
}
.shop .sec04 .four-block .item .text-area {
width: 100%;
position: absolute;
bottom: 5px;
left: 10px;
background-color: rgba(255, 255, 255, 0);
height: auto;
padding: 0px;
}
.shop .sec04 .four-block .item .text-area p {
font-size: 14px;
line-height: 30px;
color: #fff;
}
.shop .pic-area {
border: 5px solid #fff;
}
.shop .two-col .text-area:before {
content: '';
width: 50px;
height: 50px;
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pic_footprint.png);
background-repeat: no-repeat;
position: absolute;
}
.shop .two-col .col-right:before {
top: -20px;
right: 20px;
}
.shop .two-col .col-left:before {
top: -20px;
left: 20px;
}
@media screen and (max-width: 767px) {
.shop .two-col {
width: 100%;
position: relative;
padding-top: 0px;
height: auto;
overflow: visible;
padding-bottom: 80px;
}
.shop #myhotel {
padding-bottom: 0px;
}
.shop .two-col {
padding-bottom: 40px;
}
.shop .primary .col-right {
position: relative;
top: 0px;
right: 0px;
}
.shop .secondary .col-right {
position: relative;
top: 0;
right: 0px;
}
.shop .col-left,
.shop .col-right {
width: 90%;
padding: 5%;
float: none !important;
}
.shop .text-area,
.shop .primary .text-area,
.shop .secondary .text-area {
padding: 5%;
height: auto;
width: 90%;
padding-top: 40px;
}
.shop .pic-area,
.shop .two-col .pic-area,
.shop .primary .pic-area,
.shop .secondary .pic-area {
position: relative;
top: 0px;
right: 0px;
width: 96%;
height: 300px;
margin: 0 auto;
margin-top: 20px;
padding: 0px;
}
.shop .secondary { }
.shop .secondary .pic-area { }
.shop .text-area p {
line-height: 30px;
}
.shop .two-col .text-area p {
padding: 10px;
}
.shop .three-col h3 {
font-size: 18px;
text-align: center;
margin-bottom: 30px;
margin-left: 0px;
}
.shop .three-col ul li {
width: 100%;
float: none;
margin: 0 auto;
margin-bottom: 40px;
}
.shop .three-col ul li .item-pic {
width: 96%;
}
.shop .four-block .item {
width: 100%;
margin: 0 auto;
float: none;
margin-bottom: 20px;
}
.shop .one-col {
margin-bottom: 0px;
}
.shop .one-col .attention ul li {
float: none;
width: 93%;
margin-bottom: 15px;
margin-left: 18px;
line-height: 20px;
}
.shop .one-col .attention {
overflow: visible;
}
.shop .box-left,
.shop .box-right {
width: 100%;
float: none;
background-color: rgba(255, 255, 255, 0.8);
padding: 10px;
box-sizing: border-box;
}
.shop .box-left .btn,
.shop .box-right .btn {
text-align: center;
}
.shop .trimming,
.shop .hotel {
padding: 0 0 60px;
}
.shop .trimming h2.box-title img,
.shop .hotel h2.box-title img {
width: 100%;
}
}
.shop .sec07 {}
.shop .sec07 .inner {
overflow: hidden;
}
.shop .sec07 .left-box {
float: left;
width: 48%;
}
.shop .sec07 .left-box h3 {
color: #224938;
font-size: 30px;
line-height: 46px;
padding: 5px 0 5px 120px;
background: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/yamashina/ico_logo.png) no-repeat left center;
}
.shop .sec07 .left-box .tb-shop {
margin-top: 20px;
}
.shop .sec07 .left-box .tb-shop th,
.shop .sec07 .left-box .tb-shop td {
border-bottom: 1px solid #224938;
padding: 15px 0px;
line-height: 1.5em;
text-align: left;
font-size: 16px;
font-weight: normal;
}
.shop .sec07 .left-box .tb-shop th.border-none,
.shop .sec07 .left-box .tb-shop td.border-none {
border-bottom: none;
}
.shop .sec07 .left-box .tb-shop th {
width: 150px;
}
.shop .sec07 .left-box .tb-shop td {}
.shop .sec07 .left-box .tb-shop span.change-bh_shop {
font-size: 12px;
color: red;
}
.shop .sec07 .right-box {
float: right;
width: 48%;
}
.shop .sec07 .googlemap {
margin-top: 50px;
}
@media screen and (max-width: 767px) {
.shop .sec07 .left-box {
float: none;
width: 100%;
}
.shop .sec07 .left-box .tb-shop th {
width: 120px;
}
.shop .sec07 .right-box {
float: none;
width: 100%;
}
.shop .sec07 .right-box img {
max-width: 100%;
}
} .shop table {
border-collapse: separate;
border-spacing: 2px;
}
.shop .sec_price {}
.shop .sec_price h2 span {
display: block;
font-size: 20px;
font-weight: normal;
}
.shop .sec_price .trimming-price-table {}
.shop .sec_price .trimming-price-table th,
.shop .sec_price .trimming-price-table td {
padding: 9px 10px;
border: 1px solid #ccc;
vertical-align: middle;
line-height: 20px;
}
.shop .sec_price .trimming-price-table th {}
.shop .sec_price .trimming-price-table td {}
.shop .sec_price .trimming-price-table .pet-size{
width: 33px;
}
.shop .sec_price .trimming-price-table .pet-base{
width: 102px;
}
.shop .sec_price .trimming-price-table .pet-type{
width: 208px;
}
.shop .sec_price .trimming-price-table .shampoo-type{
width: 110px;
}
.shop .sec_price .trimming-price-table .shampoo-option{
width: 115px;
}
.shop .sec_price .select_pac {}
.shop .sec_price .select_pac th,
.shop .sec_price .select_pac td {
padding: 5px 10px;
border: 1px solid #ccc;
vertical-align: middle;
background: #A6CC6E;
}
.shop .sec_price .select_pac th {}
.shop .sec_price .select_pac td {}
.price-and-flow {}
.price-and-flow .list3 {}
.price-and-flow .list3 li {
float: left;
width: 32%;
margin-right: 2%;
background: #efefef;
padding: 20px;
box-sizing: border-box;
}
.price-and-flow .list3 li:last-child {
margin-right: 0;
}
.select-course {
margin-bottom: 50px;
background: #efefef;
padding: 50px;
box-sizing: border-box;
}
.select-course.course1 {}
.select-course.course2 {}
.select-course.course3 {}
#select-option {
overflow: hidden;
}
#select-option li {
float: left;
width: 32%;
margin-right: 2%;
background: #efefef;
padding: 20px;
box-sizing: border-box;
}
#select-option li:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
#select-option li {
float: none;
width: 32%;
margin-right: 2%;
background: #efefef;
padding: 20px;
box-sizing: border-box;
}
}
.shop .parts-trimming {}
.shop .parts-trimming th,
.shop .parts-trimming td {
padding: 5px 10px;
border: 1px solid #ccc;
vertical-align: middle;
width: 16.66666%;
}
.shop .parts-trimming th {}
.shop .parts-trimming td {}
.shop .tb-normal {
width: 100%;
}
.shop .tb-normal th,
.shop .tb-normal td {
padding: 5px 10px;
border: 1px solid #ccc;
vertical-align: middle;
line-height: 22px;
}
.shop .tb-normal th {
background: #ffffcc;
}
.shop .tb-normal td {}
.shop .tb-normal td img {
float: left;
margin: 5px 5px 5px 5px;
}
.shop .tb-normal .hotel-size {
width: 48px;
}
.shop .tb-normal .hotel-price {
width: 189px;
}
.shop .gentei {}
.shop .gentei .sub-box {
border: 2px solid #ccc;
border-radius: 5px;
padding: 10px;
box-sizing: border-box;
overflow: hidden;
}
.shop .gentei .sub-box .left {
float: left;
width: 20%;
padding: 20px;
box-sizing: border-box;
}
.shop .gentei .sub-box .right {
float: right;
width: 80%;
padding: 20px;
box-sizing: border-box;
}  .fish_mini_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/fish_mini/fish_mini_eye.png);
background-color: rgba(0, 0, 0, 0);
background-size: cover;
background-position: center; }
.fish_mini_header::after {
content: "門真店・草津店・北山店のみのお取り扱いになります";
position: absolute;
top: 146px;
left: 0px;
right: 0px;
bottom: 0px;
margin: auto;
width: 490px;
height: 28px;
line-height: 28px;
font-size: 18px;
color: #ee8484;
font-weight: bold;
border: 1px solid #ee8484;
text-align: center;
}
@media screen and (max-width: 600px) {
.fish_mini_header::after {
width: 90%;
font-size: 3vw;
}
}
.trimming-hotel_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/trimming/tri_eye.png);
background-color: rgba(0, 0, 0, 0);
background-size: cover; }
.feature_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/feature/feature_eye.png);
background-color: rgba(0, 0, 0, 0);
background-size: cover; }
.recruit-header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/photo/photo1.jpg);
background-color: rgba(0, 0, 0, 0);
background-size: cover;
}
.recruit_form_header{
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/photo/mv_recrut_form.jpg);
background-color: rgba(0, 0, 0, 0);
background-size: cover;
}
.breeder_form_header{
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/photo/mv_breeder_recrut_form.jpg);
background-color: rgba(0, 0, 0, 0);
background-size: cover;
}
@media screen and (max-width: 767px) {
.feature_header, .recruit-header, .recruit_form_header {
margin-bottom: 40px;
}
}
#trimming .section-title,
#feature .section-title {
text-align: center;
padding: 20px 0;
width: 50%;
margin: 0px auto;
margin-bottom: 20px;
font-family: 'Tsukushi B Round Gothic', sans-serif;
font-weight: bold;
color: #224938;
font-size: 29px;
line-height: 1.5em;
}
#fish_mini .section-title {
text-align: center;
padding: 20px 0;
width: 100%;
margin: 0px auto;
margin-bottom: 20px;
font-family: 'Tsukushi B Round Gothic', sans-serif;
font-weight: bold;
color: #224938;
font-size: 30px;
}
@media screen and (max-width: 767px) {
#trimming .section-title,
#feature .section-title,
#fish_mini .section-title {
width: 100%;
}
}
#feature .sec01 {
padding: 50px 0;
}
#feature .sec01 .box {
overflow: hidden;
padding: 50px 0;
}
#feature .sec01 .box > p {
float: left;
width: 50%;
line-height: 2.0em;
}
#feature .sec01 .rbox1 {
overflow: hidden;
float: right;
max-width: 50%;
border: 1px dashed #ccc;
padding: 20px;
box-sizing: border-box;
}
#feature .sec01 .rbox1 .p1 {
font-size: 18px;
margin-bottom: 20px;
}
#feature .sec01 .rbox1 .p2 {
font-size: 14px;
}
#feature .sec01 .menu-list {
overflow: hidden;
margin-top: 50px;
display:flex;
flex-wrap:wrap;
}
#feature .sec01 .menu-list li {
width: 18%;
margin-right: 2%;
text-align: center;
background: #224938;
color: #fff;
padding: 40px 20px;
box-sizing: border-box;
line-height: 2.0em;
min-height: 175px;
border-radius: 200px;
font-weight: bold;
}
#feature .sec01 .menu-list li+li{background:#345f87;}
#feature .sec01 .menu-list li+li+li{background:#368c71;}
#feature .sec01 .menu-list li+li+li+li{background:#837058;}
#feature .sec01 .menu-list li+li+li+li+li{background:#b13535;}
#feature .sec01 .menu-list li:last-child {
margin-right: 0;
}
@media screen and (max-width: 767px) {
#feature .sec01 {
padding: 0px 10px;
}
#feature .sec01 .box > p {
float: none;
width: 100%;
}
#feature .sec01 .rbox1 {
float: none;
max-width: 100%;
text-align: center;
}
#feature .sec01 .menu-list {
margin-top: 20px;
}
#feature .sec01 .menu-list li {
float: none;
width: 100%;
margin-right: 0%;
text-align: center;
background: #224938;
color: #fff;
padding: 10px 10px;
min-height: initial;
margin-bottom: 20px;
}
#feature .sec01 .menu-list li br {
display: none;
}
}
#feature .sec02 {
padding: 50px 0;
overflow: hidden;
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/bk_insta.png);
counter-reset: section;
}
#feature .sec02 .inner {
position: relative;
}
#feature .sec02 .section-title-type-s {
padding: 10px 20px;
display: inline-block;
font-family: 'Tsukushi B Round Gothic', sans-serif;
font-size: 30px;
color: #224938;
}
#feature .sec02 .t1 {
margin: 20px 0 50px 100px;
}
#feature .sec02 .rbox2 {
position: absolute;
top: 57px;
right: 0px;
text-align: right;
}
#feature .sec02 .rbox2 .rt1 {
margin-bottom: 20px;
}
#feature .sec02 .rbox2 .rt1 .price {
font-size: 36px;
font-weight: bold;
color: #b13535;
}
#feature .sec02 .rbox2 .rt2 {
font-size: 12px;
}
@media screen and (max-width: 767px) {
#feature .sec02 {
padding: 50px 10px;
}
#feature .sec02 .t1 {
margin: 28px 0;
text-align: center;
}
#feature .sec02 .rbox2 {
position: relative;
top: 0px;
right: initial;
margin-bottom: 50px;
}
}
#feature .sec02 .list {
display:flex;
justify-content:space-between;
margin-bottom:30px;
}
#feature .sec02 .list li {
width: 50%;
margin: 0px 0;
box-sizing: border-box;
min-height: 180px;
position: relative;
background: #fff;
height:300px;
}
#feature .sec02 .list li::after {
}
#feature .sec02 .list li:nth-child(2n)::before {
content: '';
width: 50px;
height: 50px;
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pic_footprint.png);
background-repeat: no-repeat;
position: absolute;
bottom: -7px;
right: -23px;
}
@media screen and (max-width:769px){
#feature .inner {width:100%;}
#feature .sec02 .list {
display:block;
margin-bottom:30px;
}
#feature .sec02 .list li img{
width:100%;
}
#feature .sec02 .list li+li{
width: 100%;
margin: 0px 0 0;
box-sizing: border-box;
position: relative;
background:none;
border-radius:none;
padding-bottom: 0px;
height: auto;
}
#feature .sec02 .list li{
}
#feature .sec02 .list:nth-child(4) li:first-child::after{
top:inherit;
bottom:0;
}
#feature .sec02 .list:nth-child(5) li:first-child::after{
top:inherit;
bottom:0;
}
#feature .sec02 .list:nth-child(6) li:first-child::after{
top:inherit;
bottom:0;
}
#feature .sec02 .list:nth-child(7) li:first-child::after{
top:inherit;
bottom:0;
}
#feature .sec02 .list:nth-child(8) li:first-child::after{
top:inherit;
bottom:0;
}
#feature .sec02 .list:nth-child(9) li:first-child::after{
top:inherit;
bottom:0;
}
#feature .sec02 .list:nth-child(10) li:first-child::after{
top:inherit;
bottom:0;
}
}
#feature .sec02 .list:nth-child(4) li:first-child::after {
content: "1";
position: absolute;
top: 110px;
right: 36px;
font-size: 200px;
font-style: italic;
font-weight: normal;
color: #f3f3f3;
z-index: 1;
font-family: 'Oswald', sans-serif;
}
#feature .sec02 .list:nth-child(5) li:first-child::after {
content: "2";
position: absolute;
top: 110px;
right: 36px;
font-size: 200px;
font-style: italic;
font-weight: normal;
color: #f3f3f3;
z-index: 1;
font-family: 'Oswald', sans-serif;
}
#feature .sec02 .list:nth-child(6) li:first-child::after {
content: "3";
position: absolute;
top: 110px;
right: 36px;
font-size: 200px;
font-style: italic;
font-weight: normal;
color: #f3f3f3;
z-index: 1;
font-family: 'Oswald', sans-serif;
}
#feature .sec02 .list:nth-child(7) li:first-child::after {
content: "4";
position: absolute;
top: 110px;
right: 36px;
font-size: 200px;
font-style: italic;
font-weight: normal;
color: #f3f3f3;
z-index: 1;
font-family: 'Oswald', sans-serif;
}
#feature .sec02 .list:nth-child(8) li:first-child::after {
content: "5";
position: absolute;
top: 110px;
right: 36px;
font-size: 200px;
font-style: italic;
font-weight: normal;
color: #f3f3f3;
z-index: 1;
font-family: 'Oswald', sans-serif;
}
#feature .sec02 .list:nth-child(9) li:first-child::after {
content: "6";
position: absolute;
top: 110px;
right: 36px;
font-size: 200px;
font-style: italic;
font-weight: normal;
color: #f3f3f3;
z-index: 1;
font-family: 'Oswald', sans-serif;
}
#feature .sec02 .list:nth-child(10) li:first-child::after {
content: "7";
position: absolute;
top: 110px;
right: 36px;
font-size: 200px;
font-style: italic;
font-weight: normal;
color: #f3f3f3;
z-index: 1;
font-family: 'Oswald', sans-serif;
}
#feature .sec02 .list li h3 {
margin-bottom: 20px;
padding: 16px;
font-size: 22px;
color: #388d72;
text-align: center;
border-bottom: 2px dashed;
width: 80%;
margin: 26px auto 26px auto;
}
#feature .sec02 .list li p {
line-height: 1.6em;
position: relative;
z-index: 10;
padding: 0 20px;
}
#feature .sec02 .list li .biko{
font-size: 15px;
padding: 0 0 0 21px;
color: #505050;
margin-bottom: 20px;
display: block;
}
@media screen and (max-width: 767px) {
#feature .sec02 .list li {
float: none;
width: 100% !important;
}
#feature .sec02 .list li {
width: 100%;
margin: 10px 0;
box-sizing: border-box;
min-height: 190px;
position: relative;
background: #fff;
border-radius: 10px;
padding-bottom: 18px;
}
#feature .sec02 .list li:first-child::after {
content: "1";
position: absolute;
top:inherit;
bottom: 0px;
right: 36px;
font-size: 126px;
font-style: italic;
font-weight: bold;
color: #f3f3f3;
z-index: 1;
font-family: 'Oswald', sans-serif;
}
#feature .sec02 {
padding: 10px 10px;
}
#feature .sec02 .section-title-type-s {
padding: 10px 0px;
display: inline-block;
font-family: 'Tsukushi B Round Gothic', sans-serif;
font-size: 30px;
color: #224938;
width: 100%;
text-align: center;
}
#feature .sec02 .rbox2 {
position: relative;
top: 0px;
right: 10px;
margin-bottom: 50px;
}
#feature .passport_flex_box div p+p{
margin:10px 0;
}
#feature .sec02 .list li .biko{
padding: 0 0 0px 21px;
margin-bottom: 16px;
display: block;
color: #7b7b7b;
}
h3.tokuten_h {
font-size: 19px;
color: #244d39;
padding: 28px 0 18px;
}
}
#trimming {}
#trimming .sec01 {
padding: 0px 0 80px;
text-align: center;
}
#trimming .sec01 .menu-list {
overflow: hidden;
}
#trimming .sec01 .menu-list li {
float: left;
margin-right: 2%;
width: 15%;
}
#trimming .sec01 .menu-list li:last-child {
margin-right: 0;
}
#trimming .sec01 .menu-list li a {
display: block;
background: #efefef;
padding: 15px 0;
color: #fff;
}
#trimming .sec01 .menu-list li:nth-child(1) a {
background: #376139;
}
#trimming .sec01 .menu-list li:nth-child(2) a {
background: #ee8484;
}
#trimming .sec01 .menu-list li:nth-child(3) a {
background: #345f87;
}
#trimming .sec01 .menu-list li:nth-child(4) a {
background: #816d55;
}
#trimming .sec01 .menu-list li:nth-child(5) a {
background: #7a4238;
}
#trimming .sec01 .menu-list li:nth-child(6) a {
background: #b4b95e;
}
@media screen and (max-width: 767px) {
#trimming .sec01 {
padding: 0px 10px 80px;
}
#trimming .sec01 .menu-list li {
margin-right: 2%;
width: 49%;
margin-bottom: 10px;
}
#trimming .sec01 .menu-list li:nth-child(2n) {
margin-right: 0;
}
}
#trimming .sec02 {
padding: 50px 0;
background: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/bk_insta.png) repeat center top;
}
#trimming .sec02 .box1 {
position: relative;
padding: 20px;
}
#trimming .sec02 .box1 .left {
background-color: rgba(255, 255, 255, 0.9);
position: relative;
z-index: 2;
width: 60%;
padding: 50px 20px;
line-height: 2.0em;
}
#trimming .sec02 .box1 .left::before {
content: '';
width: 50px;
height: 50px;
background: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pic_footprint.png) no-repeat center top;
position: absolute;
top: -20px;
left: 0;
}
#trimming .sec02 .box1 .pic1 {
position: absolute;
top: 0px;
right: 0px;
width: 400px;
}
@media screen and (max-width: 767px) {
#trimming .sec02 .box1 .left {
margin-top: 200px;
width: 100%;
box-sizing: border-box;
}
}
#trimming .sec02 .box2 {
padding: 50px 0;
}
#trimming .sec02 .box2 h3 {
font-size: 22px;
color: #224938;
width: 30%;
padding-top: 40px;
padding-bottom: 10px;
border-bottom: 2px solid #ccc;
margin-bottom: 40px;
}
#trimming .sec02 .box2 .list {
overflow: hidden;
}
#trimming .sec02 .box2 .list li {
float: left;
width: 32%;
margin-right: 2%;
}
#trimming .sec02 .box2 .list li:last-child {
margin-right: 0;
}
#trimming .sec02 .box2 .list li img {
max-width: 100%;
margin-bottom: 20px;
}
#trimming .sec02 .box2 .list li h4 {
font-size: 18px;
padding-left: 50px;
margin-bottom: 20px;
font-weight: bold;
position: relative;
}
#trimming .sec02 .box2 .list li h4::before {
content: "1";
font-size: 50px;
font-family: 'SignPainter';
color: rgba(0, 0, 0, 0.1);
position: absolute;
left: 0px;
top: -10px;
font-weight: normal;
}
#trimming .sec02 .box2 .list li:nth-child(2) h4::before {
content: "2";
}
#trimming .sec02 .box2 .list li:nth-child(3) h4::before {
content: "3";
}
#trimming .sec02 .box2 .list li p {
width: 100%;
font-size: 14px;
line-height: 24px;
}
#trimming .sec02 .box2 .biko {
margin-top: 50px;
text-align: right;
font-size: 12px;
}
@media screen and (max-width: 767px) {
#trimming .sec02 {
padding: 50px 10px;
}
#trimming .sec02 .box2 h3 {
width: 100%;
}
#trimming .sec02 .box2 .list li {
float: none;
width: 100%;
margin-right: 0%;
margin-bottom: 50px;
}
#trimming .sec02 .box2 .list li:last-child {
margin-right: 0;
}
#trimming .sec02 .box2 .biko {
margin-top: 20px;
text-align: left;
font-size: 12px;
}
}
#trimming .sec03 {
padding: 50px 0;
}
#trimming .sec03 h3 {
font-size: 22px;
color: #224938;
width: 30%;
padding-top: 40px;
padding-bottom: 10px;
border-bottom: 2px solid #ccc;
margin-bottom: 40px;
}
#trimming .sec03 .t1 {
line-height: 1.6em;
}
#trimming .sec03 .box {
margin: 50px 0;
background: #f8f8ff;
padding: 20px;
}
#trimming .sec03 .box h4 {
text-align: center;
font-size: 20px;
padding: 20px 0 40px;
}
#trimming .sec03 .box .tt1 {
line-height: 1.6em;
}
#trimming .sec03 .box .list {
overflow: hidden;
margin-top: 20px;
}
#trimming .sec03 .box .list.col2 {}
#trimming .sec03 .box .list.col2 li {
float: left;
width: 49%;
margin-right: 2%;
min-height: 200px;
}
#trimming .sec03 .box .list.col2 li:nth-child(2n) {
margin-right: 0;
}
#trimming .sec03 .box .list.col3 {}
#trimming .sec03 .box .list.col3 li {
float: left;
width: 32%;
margin-right: 2%;
min-height: 200px;
margin-bottom: 20px;
}
#trimming .sec03 .box .list.col3 li:nth-child(3n) {
margin-right: 0;
}
#trimming .sec03 .box .list li {
padding: 20px 10px;
background: #8fbc8f;
color: #fff;
line-height: 1.6em;
font-size: 14px;
}
#trimming .sec03 .box .list li h5 {
text-align: center;
margin-bottom: 20px;
}
#trimming .sec03 .box .list li p {}
@media screen and (max-width: 767px) {
#trimming .sec03 {
padding: 50px 10px;
}
#trimming .sec03 h3 {
width: 100%;
}
#trimming .sec03 .box .list.col2 li {
float: none;
width: 100%;
margin-right: 0%;
min-height: initial;
margin-bottom: 20px;
}
#trimming .sec03 .box .list.col2 li:nth-child(2n) {
margin-right: 0;
margin-bottom: 0px;
}
#trimming .sec03 .box .list.col3 li {
float: none;
width: 100%;
margin-right: 0%;
min-height: initial;
margin-bottom: 20px;
}
#trimming .sec03 .box .list.col3 li:nth-child(3n) {
margin-right: 0;
}
#trimming .sec03 .box .list.col3 li:last-child {
margin-bottom: 0;
}
}
#trimming .sec04 {
padding: 50px 0;
}
#trimming .sec04 h3 {
font-size: 20px;
border: 1px solid #000;
padding: 10px 20px;
display: inline-block;
}
#trimming .sec04 .list {
overflow: hidden;
margin-top: 40px;
}
#trimming .sec04 .list li {
float: left;
width: 32%;
margin-right: 2%;
min-height: 400px;
margin-bottom: 20px;
position: relative;
}
#trimming .sec04 .list li:nth-child(3n) {
margin-right: 0;
}
#trimming .sec04 .list li img {
max-width: 100%;
}
#trimming .sec04 .list li h4 {
color: #fff;
position: absolute;
top: 100px;
left: 20px;
font-size: 20px;
font-weight: normal;
}
#trimming .sec04 .list li p {
font-size: 14px;
padding-top: 20px;
line-height: 1.6em;
}
#trimming .sec04 .list li span.biko {
font-size: 12px;
position: absolute;
left: 0px;
}
#trimming .sec04 .title {
font-size: 18px;
margin-top: 50px;
margin-bottom: 20px;
}
#trimming .sec04 .sub-text {
font-size: 14px;
margin-left: 50px;
}
#trimming .sec04 .list2 li {
background: #2e8b57;
color: #fff;
padding: 30px 20px 20px;
min-height: 350px;
}
#trimming .sec04 .list2 li h4 {
position: relative;
top: 0px;
left: initial;
text-align: center;
font-size: 18px;
}
#trimming .sec04 .list3 li {
background: #3cb371;
color: #fff;
padding: 30px 20px 20px;
min-height: 300px;
}
#trimming .sec04 .list3 li h4 {
position: relative;
top: 0px;
left: initial;
text-align: center;
font-size: 18px;
}
@media screen and (max-width: 767px) {
#trimming .sec04 {
padding: 50px 10px;
}
#trimming .sec04 .list li {
float: none;
width: 100%;
margin-right: 0%;
min-height: initial;
margin-bottom: 50px;
}
#trimming .sec04 .list li span.biko {
position: relative;
bottom: 0px;
left: 0px;
margin-top: 20px;
display: block;
}
}
#trimming .sec05 {
padding: 50px 0;
background: #eee;
}
#trimming .sec05 .list {
overflow: hidden;
width: 100%;
margin: 0 auto;
}
#trimming .sec05 .list li {
float: left;
width: 19%;
margin-right: 1%;
text-align: center;
}
#trimming .sec05 .list li img {
width: 99%;
padding: 1%;
}
#trimming .sec05 .t1 {
background: #fff;
padding: 2%;
text-align: center;
margin: 20px 0;
}
#trimming .sec05 .box {
width: 80%;
margin: 0 auto;
overflow: hidden;
}
#trimming .sec05 .box .left {
float: left;
width: 15%;
text-align: center;
color: #fff;
background: #8fbc8f;
padding: 10px;
box-sizing: border-box;
}
#trimming .sec05 .box .right {
float: right;
width: 83%;
}
#trimming .sec05 .box .right .tt1 {
float: left;
width: 30%;
}
#trimming .sec05 .box .right .tt2 {
float: left;
width: 69%;
line-height: 50px;
}
@media screen and (max-width: 767px) {
#trimming .sec05 {
padding: 50px 10px;
}
#trimming .sec05 .list {
width: 100%;
}
#trimming .sec05 .list li {
float: left;
width: 49%;
margin-right: 2%;
text-align: center;
line-height: 2em;
margin-bottom: 10px;
box-sizing: border-box;
}
#trimming .sec05 .list li:nth-child(2n) {
margin-right: 0;
}
#trimming .sec05 .t1 {
font-size: 12px;
}
#trimming .sec05 .box {
width: 100%;
}
#trimming .sec05 .box .left {
float: none;
width: 100%;
margin-bottom: 20px;
}
#trimming .sec05 .box .left br {
display: none;
}
#trimming .sec05 .box .right {
float: none;
width: 100%;
}
#trimming .sec05 .box .right .tt1 {
float: left;
width: 100%;
font-size: 14px;
}
#trimming .sec05 .box .right .tt1 br {
display: none;
}
#trimming .sec05 .box .right .tt2 {
float: left;
width: 100%;
line-height: 2.0em;
font-size: 14px;
}
}
#trimming .sec06 {
padding: 50px 0;
}
#trimming .sec06 .gallery {
width: 100%;
}
#trimming .sec07 {
padding: 50px 0;
text-align: center;
}
#trimming .sec07 .t1 {
font-size: 14px;
}
#trimming .sec07 .list {
overflow: hidden;
margin: 30px 0 60px 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
#trimming .sec07 .list li {
float: left;
margin: 0 10px;
}
#trimming .sec07 .list li a {
display: block;
}
@media screen and (max-width: 767px) {
#trimming .sec07 {
padding: 50px 10px;
}
#trimming .sec07 .list {
margin: 50px 0 0;
}
#trimming .sec07 .list li {
margin: 0 10px 10px;
}
}
#trimming .sec07 .link {
overflow: hidden;
margin: 50px 0;
}
#trimming .sec07 .link li {
float: left;
width: 24%;
margin-right: 1%;
}
#trimming .sec07 .link li a {
display: block;
background: #aaa;
padding: 50px 0;
}
.shop #shitsuke .subtitle {
font-size: 18px;
font-weight: bold;
display: block;
margin: 15px 0;
}
.shop #shitsuke .head-word {
font-size: 18px;
font-weight: bold;
display: block;
margin: 15px 0;
}
.shop #shitsuke .sub-word {
font-size: 18px;
font-weight: bold;
display: block;
margin: 15px 0;
}
.shop #shitsuke table tr th {
background: #ffc;
height: 40px;
vertical-align: middle;
padding: 4px 10px;
border: 1px solid #d4d4d4;
}
.shop #shitsuke table tr td {
background: #fff;
height: 40px;
vertical-align: middle;
padding: 4px 10px;
border: 1px solid #d4d4d4;
}
.shop #shitsuke .box02-left {
display: inline-block;
}
#fish_mini {}
#fish_mini .sec01 {
padding: 0px 0 80px;
text-align: center;
}
#fish_mini .sec01 .menu-list {
overflow: hidden;
display: flex;
justify-content: center;
}
#fish_mini .sec01 .menu-list li {
margin-right: 2%;
width: 30%;
}
#fish_mini .sec01 .menu-list li:last-child {
margin-right: 0;
}
#fish_mini .sec01 .menu-list li a {
display: block;
background: #efefef;
padding: 15px 0;
color: #fff;
}
#fish_mini .sec01 .menu-list li:nth-child(1) a {
background: #376139;
}
#fish_mini .sec01 .menu-list li:nth-child(2) a {
background: #ee8484;
}
#fish_mini .sec01 .menu-list li:nth-child(3) a {
background: #345f87;
}
#fish_mini .sec01 .menu-list li:nth-child(4) a {
background: #816d55;
}
#fish_mini .sec01 .menu-list li:nth-child(5) a {
background: #7a4238;
}
#fish_mini .sec01 .menu-list li:nth-child(6) a {
background: #b4b95e;
}
@media screen and (max-width: 767px) {
#fish_mini .sec01 {
padding: 0px 10px 80px;
}
#fish_mini .sec01 .menu-list li {
margin-right: 2%;
width: 49%;
margin-bottom: 10px;
}
#fish_mini .sec01 .menu-list li:nth-child(2n) {
margin-right: 0;
}
}
#fish_mini .sec02 {
padding: 50px 0;
background: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/bk_insta.png) repeat center top;
}
#fish_mini .sec02 .box1 {
position: relative;
padding: 20px;
}
#fish_mini .sec02 .box1 .left {
background-color: rgba(255, 255, 255, 0.9);
position: relative;
z-index: 2;
width: 60%;
padding: 50px 20px;
line-height: 2.0em;
}
#fish_mini .sec02 .box1 .left::before {
content: '';
width: 50px;
height: 50px;
background: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/fish_mini/pic_fishprint.png) no-repeat center top;
position: absolute;
top: -20px;
left: 0;
}
#fish_mini .sec02 .box1 .pic1 {
position: absolute;
top: 0px;
right: 0px;
width: 400px;
}
@media screen and (max-width: 767px) {
#fish_mini .sec02 .box1 .left {
margin-top: 200px;
width: 100%;
box-sizing: border-box;
}
}
#fish_mini .sec02 .box2 {
padding: 50px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#fish_mini .sec02 .box2 .fish_l_box {
width: 48%;
margin: 10px;
}
#fish_mini .sec02 .box2 .fish_l_box h3 {
font-size: 22px;
color: #224938;
width: 40%;
padding-top: 16px;
padding-bottom: 10px;
border-bottom: 2px solid #ccc;
margin-bottom: 16px;
}
#fish_mini .sec02 .box3 .fish_l_box h3 {
font-size: 22px;
color: #224938;
width: 40%;
padding-top: 16px;
padding-bottom: 10px;
border-bottom: 2px solid #ccc;
margin-bottom: 16px;
}
#fish_mini .sec02 .box2 .fish_l_box p {
line-height: 22px;
}
#fish_mini .sec02 .box3 .fish_l_box p {
line-height: 22px;
}
#fish_mini .sec02 .box2 h3 {
font-size: 22px;
color: #224938;
width: 30%;
padding-top: 40px;
padding-bottom: 10px;
border-bottom: 2px solid #ccc;
margin-bottom: 40px;
}
#fish_mini .sec02 .box2 .list {
overflow: hidden;
}
#fish_mini .sec02 .box2 .list li {
float: left;
width: 32%;
margin-right: 2%;
}
#fish_mini .sec02 .box2 .list li:last-child {
margin-right: 0;
}
#fish_mini .sec02 .box2 .list li img {
max-width: 100%;
margin-bottom: 20px;
}
#fish_mini .sec02 .box2 .list li h4 {
font-size: 18px;
padding-left: 50px;
margin-bottom: 20px;
font-weight: bold;
position: relative;
}
#fish_mini .sec02 .box2 .list li h4::before {
content: "1";
font-size: 50px;
font-family: 'SignPainter';
color: rgba(0, 0, 0, 0.1);
position: absolute;
left: 0px;
top: -10px;
font-weight: normal;
}
#fish_mini .sec02 .box2 .list li:nth-child(2) h4::before {
content: "2";
}
#fish_mini .sec02 .box2 .list li:nth-child(3) h4::before {
content: "3";
}
#fish_mini .sec02 .box2 .list li p {
width: 100%;
font-size: 14px;
line-height: 24px;
}
#fish_mini .sec02 .box2 .biko {
margin-top: 50px;
text-align: right;
font-size: 12px;
}
@media screen and (max-width: 767px) {
#fish_mini .sec02 {
padding: 50px 10px;
}
#fish_mini .sec02 .box2 h3 {
width: 100%;
}
#fish_mini .sec02 .box2 .list li {
float: none;
width: 100%;
margin-right: 0%;
margin-bottom: 50px;
}
#fish_mini .sec02 .box2 .list li:last-child {
margin-right: 0;
}
#fish_mini .sec02 .box2 .biko {
margin-top: 20px;
text-align: left;
font-size: 12px;
}
}
#fish_mini .sec03 {
padding: 50px 0;
}
#fish_mini .sec03 h3 {
font-size: 22px;
color: #224938;
width: 60%;
padding-top: 40px;
padding-bottom: 10px;
border-bottom: 2px solid #ccc;
margin-bottom: 40px;
}
#fish_mini .sec03 .t1 {
line-height: 1.6em;
}
#fish_mini .sec03 .box {
margin: 50px 0;
padding: 20px;
}
#fish_mini .sec03 .box2 .mini-box {
margin: 50px 0;
padding: 20px;
border-bottom: 1px dashed #aaa;
}
#fish_mini .sec03 .box .mini-box {
display: flex;
}
#fish_mini .sec03 .box .mini-box .mini_pic-box {
display: flex;
width: 48%;
flex-wrap: wrap;
}
#fish_mini .sec03 .box .mini-box .mini_txt-box {
width: 70%;
}
#fish_mini .sec03 .box .mini-box .mini_txt-box h3 {
font-size: 22px;
color: #224938;
width: 30%;
padding-top: 16px;
padding-bottom: 10px;
border-bottom: 2px solid #ccc;
margin-bottom: 18px;
}
#fish_mini .sec03 .box .mini-box .mini_txt-box p {
line-height: 22px;
}
#fish_mini .sec03 .box .mini-box .mini_pic-box p {
font-size: 13px;
margin: 10px;
}
#fish_mini .sec03 .box h4 {
text-align: center;
font-size: 20px;
padding: 20px 0 40px;
}
#fish_mini .sec03 .box .tt1 {
line-height: 1.6em;
}
#fish_mini .sec03 .box .list {
overflow: hidden;
margin-top: 20px;
}
#fish_mini .sec03 .box .list.col2 {}
#fish_mini .sec03 .box .list.col2 li {
float: left;
width: 49%;
margin-right: 2%;
min-height: 200px;
}
#fish_mini .sec03 .box .list.col2 li:nth-child(2n) {
margin-right: 0;
}
#fish_mini .sec03 .box .list.col3 {}
#fish_mini .sec03 .box .list.col3 li {
float: left;
width: 32%;
margin-right: 2%;
min-height: 200px;
margin-bottom: 20px;
}
#fish_mini .sec03 .box .list.col3 li:nth-child(3n) {
margin-right: 0;
}
#fish_mini .sec03 .box .list li {
padding: 20px 10px;
background: #aaa;
line-height: 1.6em;
font-size: 14px;
}
#fish_mini .sec03 .box .list li h5 {
text-align: center;
margin-bottom: 20px;
}
#fish_mini .sec03 .mini-toriyose {
border: 3px dashed #d8d8d8;
padding-top: 26px;
width: 90%;
margin: 0 auto;
background: #f7f7f7;
}
#fish_mini .sec03 .mini-toriyose p {
font-size: 22px;
font-weight: bold;
color: #b70000;
text-align: center;
}
#fish_mini .sec03 .mini-toriyose p + p {
text-align: center;
line-height: 30px;
margin: 20px;
font-size: inherit;
color: inherit;
font-weight: normal;
}
#fish_mini .sec03 .box .list li p {}
#fish_mini .sec03 .box3 div {
display: flex;
margin: 0 0 30px 0;
flex-wrap: wrap;
}
#fish_mini .sec03 .box3 div div {
display: block;
width: 63%;
margin: 0 0 0 20px;
}
#fish_mini .sec03 .box3 div div p {
line-height: 22px;
}
#fish_mini .sec03 .box3 h3 {
font-size: 22px;
color: #224938;
width: 62%;
padding-top: 40px;
padding-bottom: 10px;
border-bottom: 2px solid #ccc;
margin-bottom: 12px;
}
@media screen and (max-width: 767px) {
#fish_mini .sec03 {
padding: 50px 10px;
}
#fish_mini .sec03 h3 {
width: 100%;
}
#fish_mini .sec03 .box .list.col2 li {
float: none;
width: 100%;
margin-right: 0%;
min-height: initial;
margin-bottom: 20px;
}
#fish_mini .sec03 .box .list.col2 li:nth-child(2n) {
margin-right: 0;
margin-bottom: 0px;
}
#fish_mini .sec03 .box .list.col3 li {
float: none;
width: 100%;
margin-right: 0%;
min-height: initial;
margin-bottom: 20px;
}
#fish_mini .sec03 .box .list.col3 li:nth-child(3n) {
margin-right: 0;
}
#fish_mini .sec03 .box .list.col3 li:last-child {
margin-bottom: 0;
}
}
#fish_mini .sec04 p.title_txt {
text-align: center;
line-height: 28px;
margin: 20px 0;
}
#fish_mini .sec04 div.tell_dial {
border: 2px solid #224938;
border-radius: 10px;
background: #224938;
padding: 20px;
width: 40%;
margin: 32px auto;
text-align: center;
}
#fish_mini .sec04 div.tell_dial p {
font-size: 20px;
font-weight: bold;
border-bottom: 2px dashed #fff;
padding: 0 0 8px 0;
color: #fff;
}
#fish_mini .sec04 div.tell_dial p.soudan {
font-size: 16px;
font-weight: normal;
border-top: 2px dashed #fff;
border-bottom: none;
padding: 16px 0 0px 0;
color: #fff;
margin: 20px 0 0 0;
}
#fish_mini .sec04 div.tell_dial div p {
font-size: 34px;
line-height: 12px;
font-weight: bold;
color: #fff;
padding-top: 30px;
border-bottom: none;
}
#fish_mini .sec04 div.tell_dial div p a {
font-size: 34px;
line-height: 12px;
font-weight: bold;
color: #fff;
padding-top: 30px;
border-bottom: none;
}
#fish_mini .sec04 {
padding: 50px 0;
}
#fish_mini .sec04 .hotel-table {
width: 90%;
text-align: center;
margin: 35px auto;
}
#fish_mini .sec04 .hotel-table tr {
height: 60px;
background: #ececec;
}
#fish_mini .sec04 .hotel-table tr:first-child {
background: #345f87;
color: #fff;
}
#fish_mini .sec04 .hotel-table th,
#fish_mini .sec04 .hotel-table td {
border: 1px solid #fff;
vertical-align: middle;
}
#fish_mini .sec04 h3 {
font-size: 20px;
padding: 30px 0px 0px;
text-align: center;
}
#fish_mini .sec04 .mini-toriyose {
border: 3px dashed #d8d8d8;
padding-top: 26px;
width: 90%;
margin: 40px auto;
background: #f7f7f7;
}
#fish_mini .sec04 .mini-toriyose div {
width: 60%;
margin: 0 auto 30px;
line-height: 29px;
}
#fish_mini .sec04 .mini-toriyose p {
font-size: 22px;
font-weight: bold;
color: #b70000;
text-align: center;
}
#fish_mini .sec04 .mini-toriyose p + p {
text-align: center;
line-height: 30px;
margin: 20px;
font-size: inherit;
color: inherit;
font-weight: normal;
}
#fish_mini .sec04 .mini-toriyose p + p + div + p {
text-align: center;
line-height: 30px;
margin: 20px;
font-size: inherit;
color: inherit;
font-weight: normal;
}
#fish_mini .sec04 .box2 .mini-box {
margin: 50px 0;
padding: 20px;
border-bottom: 1px dashed #aaa;
}
#fish_mini .sec04 .box .mini-box {
display: flex;
border-bottom: 1px dashed #aaa;
margin: 34px 0;
padding: 0 0 40px;
}
#fish_mini .sec04 .box .mini-box .mini_pic-box {
display: flex;
width: 38%;
flex-wrap: wrap;
}
#fish_mini .sec04 .box .mini-box .mini_txt-box {
width: 70%;
}
#fish_mini .sec04 .box .mini-box .mini_txt-box h3 {
font-size: 22px;
color: #224938;
width: 45%;
padding-top: 16px;
padding-bottom: 10px;
border-bottom: 2px solid #ccc;
margin-bottom: 18px;
text-align: left;
}
#fish_mini .sec04 .box .mini-box .mini_txt-box p {
line-height: 60px;
text-align: right;
font-size: 18px;
font-weight: bold;
}
#fish_mini .sec04 .box .mini-box .mini_pic-box p {
font-size: 13px;
margin: 10px;
}
#fish_mini .sec04 .list {
overflow: hidden;
margin-top: 40px;
}
#fish_mini .sec04 .list li {
float: left;
width: 32%;
margin-right: 2%;
min-height: 400px;
margin-bottom: 20px;
position: relative;
}
#fish_mini .sec04 .list li:nth-child(3n) {
margin-right: 0;
}
#fish_mini .sec04 .list li img {
max-width: 100%;
}
#fish_mini .sec04 .list li h4 {
color: #fff;
position: absolute;
top: 100px;
left: 20px;
font-size: 20px;
font-weight: normal;
}
#fish_mini .sec04 .list li p {
font-size: 14px;
padding-top: 20px;
line-height: 1.6em;
}
#fish_mini .sec04 .list li span.biko {
font-size: 12px;
position: absolute;
bottom: 20px;
left: 0px;
}
#fish_mini .sec04 .title {
font-size: 18px;
margin-top: 50px;
margin-bottom: 20px;
}
#fish_mini .sec04 .sub-text {
font-size: 14px;
margin-left: 50px;
}
#fish_mini .sec04 .list2 li {
background: #aaa;
color: #fff;
padding: 30px 20px 20px;
min-height: 350px;
}
#fish_mini .sec04 .list2 li h4 {
position: relative;
top: 0px;
left: initial;
text-align: center;
font-size: 18px;
}
#fish_mini .sec04 .list3 li {
background: #aaa;
color: #fff;
padding: 30px 20px 20px;
min-height: 300px;
}
#fish_mini .sec04 .list3 li h4 {
position: relative;
top: 0px;
left: initial;
text-align: center;
font-size: 18px;
}
#fish_mini .sec04 span{
color: #FF0000;
text-decoration-color:#FF0000;
}
#fish_mini .sec04 span.underline{
color: #FF0000;
text-decoration:underline;
text-decoration-color:#FF0000;
}
@media screen and (max-width: 767px) {
#fish_mini .sec04 {
padding: 50px 10px;
}
#fish_mini .sec04 .list li {
float: none;
width: 100%;
margin-right: 0%;
min-height: initial;
margin-bottom: 50px;
}
#fish_mini .sec04 .list li span.biko {
position: relative;
bottom: 0px;
left: 0px;
margin-top: 20px;
display: block;
}
}
#fish_mini .sec05 {
padding: 50px 0;
background: #eee;
}
#fish_mini .sec05 .list {
overflow: hidden;
width: 80%;
margin: 0 auto;
}
#fish_mini .sec05 .list li {
float: left;
width: 19%;
margin-right: 1%;
text-align: center;
line-height: 100px;
background: #aaa;
}
#fish_mini .sec05 .t1 {
text-align: center;
margin: 20px 0;
}
#fish_mini .sec05 .box {
width: 80%;
margin: 0 auto;
overflow: hidden;
}
#fish_mini .sec05 .box .left {
float: left;
width: 15%;
text-align: center;
background: #aaa;
padding: 10px;
box-sizing: border-box;
}
#fish_mini .sec05 .box .right {
float: right;
width: 83%;
}
#fish_mini .sec05 .box .right .tt1 {
float: left;
width: 30%;
}
#fish_mini .sec05 .box .right .tt2 {
float: left;
width: 69%;
line-height: 50px;
}
@media screen and (max-width: 767px) {
#fish_mini .sec05 {
padding: 50px 10px;
}
#fish_mini .sec05 .list {
width: 100%;
}
#fish_mini .sec05 .list li {
float: left;
width: 49%;
margin-right: 2%;
text-align: center;
line-height: 2em;
margin-bottom: 10px;
box-sizing: border-box;
}
#fish_mini .sec05 .list li:nth-child(2n) {
margin-right: 0;
}
#fish_mini .sec05 .t1 {
font-size: 12px;
}
#fish_mini .sec05 .box {
width: 100%;
}
#fish_mini .sec05 .box .left {
float: none;
width: 100%;
margin-bottom: 20px;
}
#fish_mini .sec05 .box .left br {
display: none;
}
#fish_mini .sec05 .box .right {
float: none;
width: 100%;
}
#fish_mini .sec05 .box .right .tt1 {
float: left;
width: 100%;
font-size: 14px;
}
#fish_mini .sec05 .box .right .tt1 br {
display: none;
}
#fish_mini .sec05 .box .right .tt2 {
float: left;
width: 100%;
line-height: 2.0em;
font-size: 14px;
}
}
#fish_mini .sec06 {
padding: 50px 0;
}
#fish_mini .sec06 .gallery {
width: 100%;
}
#fish_mini .sec07 {
padding: 50px 0;
text-align: center;
}
#fish_mini .sec07 .t1 {
font-size: 14px;
}
#fish_mini .sec07 .list {
overflow: hidden;
display: inline-block;
margin: 50px 0;
}
#fish_mini .sec07 .list li {
float: left;
margin: 0 10px;
}
#fish_mini .sec07 .list li a {
display: block;
}
@media screen and (max-width: 767px) {
#fish_mini .sec07 {
padding: 50px 10px;
}
#fish_mini .sec07 .list {
margin: 50px 0 0;
}
#fish_mini .sec07 .list li {
margin: 0 10px 10px;
}
}
#fish_mini .sec07 .link {
overflow: hidden;
margin: 50px 0;
}
#fish_mini .sec07 .link li {
float: left;
width: 24%;
margin-right: 1%;
}
#fish_mini .sec07 .link li a {
display: block;
background: #aaa;
padding: 50px 0;
}
.sub-menu .menu-item-573 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_dog_b.png);
}
.sub-menu .menu-item-572 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_cat_b.png);
}
.sub-menu .menu-item-128 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_fish_b.png);
background-position: 10px 22px;
}
.sub-menu .menu-item-578 {
display: none;
}
.sub-menu .menu-item-573:hover {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_dog_w.png);
}
.sub-menu .menu-item-572:hover {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_cat_w.png);
}
.sub-menu .menu-item-128:hover {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_fish_w.png);
} .error404 .cat-header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/404_header.jpg);
background-position: center;
background-size: cover;
}
.error404 .cat-header::after {
content: "404 NOT FOUND";
text-align: center;
font-family: 'Tsukushi B Round Gothic';
color: #224938;
text-shadow: 0px 0px 5px #fff;
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
margin: auto;
width: 280px;
height: 0px;
font-size: 30px;
font-weight: 700;
}
.error404 .midashi-404 {
padding: 0 0 5px 0;
margin: 0 auto;
text-align: center;
font-size: 30px;
font-weight: bold;
border-bottom: 1px dashed #e0e0e0;
width: 640px;
}
.error404 .text-404 {
text-align: center;
margin: 50px 0 0 0;
}
.error404 .btn-404 {
text-align: center;
background: #fff;
width: 192px;
border: 1px solid #244d39;
color: #244d39;
height: 44px;
line-height: 44px;
font-weight: bold;
margin: 40px auto;
}
.error404 .btn-404:hover {
background: #244d39;
border: 1px solid #244d39;
color: #fff;
}
@media screen and (max-width: 600px) {
.error404 .midashi-404 {
padding: 0 0 5px 0;
margin: 0 auto;
text-align: center;
font-size: 30px;
font-weight: bold;
border-bottom: 1px dashed #e0e0e0;
line-height: 34px;
width: 90%;
}
.error404 .text-404 {
text-align: center;
margin: 50px 0 0 0;
line-height: 23px;
}
.error404 .header-404 {
padding-top: 0px !important;
}
} @media screen and (max-width: 767px) {
#fish_mini .sec02 .box2 .fish_l_box {
width: 100%;
}
.fish_l_box img {
width: 100%;
}
#fish_mini .sec04 div.tell_dial {
width: auto;
}
#fish_mini .sec04 div.tell_dial div p {
font-size: 5vw;
}
#fish_mini .sec04 div.tell_dial div p a {
font-size: 5vw;
}
#fish_mini .sec01 .menu-list {
display: block;
}
#fish_mini .sec01 .menu-list li {
width: 100%;
}
#fish_mini .sec01 {
padding: 0px 10px 24px;
}
#fish_mini .section-title {
font-size: 24px;
}
#fish_mini .sec02 .box2 .fish_l_box h3 {
width: 100%;
text-align: center;
}
#fish_mini .sec02 .box3 .fish_l_box h3 {
width: 100%;
text-align: center;
}
#fish_mini .sec03 {
padding: 18px 10px;
}
#fish_mini .sec03 .box {
margin: 0px 0;
padding: 10px;
}
#fish_mini .sec03 .box2 .mini-box {
margin: 0px 0;
padding: 16px 0;
border-bottom: none;
}
#fish_mini .sec02 .box3 .fish_l_box {
margin: 10px;
}
#fish_mini .sec03 .box .mini-box {
display: flex;
flex-wrap: wrap-reverse;
}
#fish_mini .sec03 .box .mini-box .mini_pic-box {
display: flex;
width: 100%;
flex-wrap: wrap;
}
#fish_mini .sec03 .box .mini-box .mini_pic-box p {
font-size: 13px;
margin: 3px;
width: 45%;
}
#fish_mini .sec03 .box .mini-box .mini_pic-box p img.pic1 {
width: 90%;
}
#fish_mini .sec03 .box .mini-box .mini_txt-box {
width: 100%;
}
#fish_mini .sec03 .box .mini-box .mini_txt-box h3 {
width: 100%;
text-align: center;
}
#fish_mini .sec03 .mini-toriyose {
margin: 24px auto;
}
#fish_mini .sec03 .box3 div {
width: 100%;
}
#fish_mini .sec03 .box3 div div {
margin: 0;
width: 100%;
}
#fish_mini .sec03 .box3 h3 {
width: 100%;
}
#fish_mini .sec03 .box3 div img {
width: 100%;
}
#fish_mini .sec04 {
padding: 10px 10px;
}
#fish_mini .sec04 .hotel-table tr {
display: flex;
}
table th,
table td {
display: block;
width: 33%;
padding: 15px 0 15px;
}
#fish_mini .sec04 .hotel-table {
width: 100%;
}
#fish_mini .sec04 .hotel-table tr {
height: 60px;
background: #ececec;
line-height: 13px;
font-size: 10px;
}
#fish_mini .sec04 .mini-toriyose div {
width: 85%;
}
#fish_mini .sec04 .box .mini-box {
display: flex;
border-bottom: 1px dashed #aaa;
margin: 34px 0;
padding: 0 0 40px;
flex-wrap: wrap-reverse;
}
#fish_mini .sec04 .box .mini-box .mini_txt-box {
width: 100%;
}
#fish_mini .sec04 .box .mini-box .mini_pic-box {
display: inline-block;
width: 100%;
}
#fish_mini .sec04 .box .mini-box .mini_pic-box img {
width: 100%;
}
#fish_mini .sec04 .box .mini-box .mini_txt-box h3 {
width: 100%;
}
#fish_mini .sec04 .box .mini-box {
border-bottom: none;
} .sub-menu li.menu-item-353,
.sub-menu li.menu-item-352,
.sub-menu li.menu-item-351,
.sub-menu li.menu-item-350,
.sub-menu li.menu-item-349,
.sub-menu li.menu-item-348,
.sub-menu li.menu-item-347,
.sub-menu li.menu-item-346 {
width: 100%;
background: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_house_w.png) no-repeat 16px 9px;
background-size: 20px;
text-align: left;
padding: 0 0 0 18px;
background-color: inherit;
line-height: 40px;
}
.sub-menu li.menu-item-353:hover,
.sub-menu li.menu-item-352:hover,
.sub-menu li.menu-item-351:hover,
.sub-menu li.menu-item-350:hover,
.sub-menu li.menu-item-349:hover,
.sub-menu li.menu-item-348:hover,
.sub-menu li.menu-item-347:hover,
.sub-menu li.menu-item-346:hover {
width: 100%;
background: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_house_w.png) no-repeat 16px 9px;
background-size: 20px;
text-align: left;
padding: 0 0 0 18px;
background-color: #224938;
}
.sub-menu .menu-item-573 {
display: none;
background: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_dog_w.png) 16px 16px no-repeat;
}
.sub-menu .menu-item-572 {
display: none;
background: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_cat_w.png) 16px 16px no-repeat;
}
.sub-menu .menu-item-128 {
background: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_fish_w.png) 14px no-repeat !important;
}
.sub-menu .menu-item-578 {
display: block;
background: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_dogcat_w.png) 6px 16px no-repeat;
} .shop .tb-normal td img {
float: none;
width: 100%;
}
.shop .sec03 .blog-box li {
width: 100% !important;
}
.shop .section-title {
font-size: 27px;
}
.shop .sec_price h2 span {
margin: 10px 0 0 0;
}
.shop .select_pac tr {
display: flex;
flex-wrap: wrap;
}
.shop .select_pac tr th {}
.shop .tb-shop {
width: 100%
}
.shop .tb-shop tr {
display: flex;
}
.shop .sec07 .left-box .tb-shop td {
width: 100%;
padding: 15px 0 15px 20px;
}
.shop .trimming_img img {
width: 100%;
}
} .list_rc li {
float: left;
width: calc(34% - 7px);
padding: 10px;
box-sizing: border-box;
min-height: 250px;
position: relative;
height: 400px;
}
.list_rc p {
line-height: 2.0em;
text-align: center;
}
.recrult-senior p {
text-align: left;
margin: 0 auto;
line-height: 2.0em;
}
.area img {
float: right;
}
#recruitment .dl_list dt {
font-weight: bold;
line-height: 2.0em;
float: left; vertical-align: bottom;
width: 70px;
}
#recruitment .dl_list dd { line-height: 1.4em;
margin-bottom: 15px;
padding-bottom: 15px; margin-left: 120px;
}
.rec-title {
text-align: center;
padding: 20px 0;
margin: 0px auto;
font-family: 'Tsukushi B Round Gothic', sans-serif;
font-weight: bold;
color: #224938;
font-size: 29px;
}
.recult_Position {
text-align: center;
padding: 25px;
color: #fff;
font-size: 25px;
margin: 15px 0px;
}
.one {
background-color: #376139;
}
.one a {
color: #fff;
}
.two {
background-color: #ee8484;
margin-bottom: 60px;
}
.two a {
color: #fff;
}
.three{
background-color: #345f87;
}
.three a {
color: #fff;
}
.manager {
font-size: 24px;
margin: 25px 0px;
border-bottom: 10px double burlywood;
width: 30%;
text-align: center;
}
p.rc_img {
background: #3cb371;
padding: 5px;
text-align: center;
}
p.rc_title {
font-weight: bold;
font-size: 18px;
text-align: center;
}
.list_rc li:nth-child(4) {
width: 50%;
padding: 15px 85px;
}
.list_rc li:nth-child(5) {
width: 50%;
padding: 15px 85px;
}
.recrult-senior {
position: relative;
}
span.quest {
font-size: 25px;
color: deepskyblue;
margin-right: 7px;
}
p.rc_anser {
margin-bottom: 25px;
}
.rec_img {
float: right;
margin-left: 15px;
}
@media screen and (max-width: 767px){
.list_rc li, .area img, #recruitment .dl_list dt, #recruitment .dl_list dd {
float: none;
width: 100%;
margin-right: 0%;
min-height: initial;
margin-bottom: 20px;
height: auto;
}
.list_rc li:nth-child(4),.list_rc li:nth-child(5) {
padding: 5px;
width: 100%;
}
.rec_img {
float: none;
margin-left: 0;
}
.manager {
width: 55%;
}
#feature, #recruitment{
padding: 10px;
}
.rbox_img img {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 468px){
.list_rc li, .area img, #recruitment .dl_list dt {
float: none;
width: 100%;
margin-right: 0%;
min-height: initial;
margin-bottom: 20px;
height: auto;        
}
#recruitment .dl_list dd {
float: none;
width: 100%;
margin-right: 0%;
min-height: initial;
margin-bottom: 20px;
height: auto; 
margin-left: 0px
}
.list_rc li:nth-child(4),.list_rc li:nth-child(5) {
padding: 5px;
width: 100%;        
}
.rec_img {
float: none;
margin-left: 0;
}
.manager {
width: 55%;
}
#feature, #recruitment{
padding: 10px;
}
.rbox_img img {
width: 100%;
height: auto;
}
} .banner-area img{
width: 85%;
margin-top: -80px;
margin-bottom: 50px;
}
@media screen and (max-width: 767px){
.banner-area img{
width: 100%;
margin-top: -55px;
margin-bottom: 28px;
}
}
body .site {
margin: 0;
padding: 0;
box-shadow: none;
max-width: 100%;
background: none;
}
.site-content {
float: none;
width: 100%;
margin: 0;
}
.site-content article {
border: none;
margin: 0;
padding: 0;
}
body.search .entry-content,
body.error404 .entry-content,
body.page .entry-content {
width: 100% !important;
padding: 0 !important;
}  body {
font-family: YuGothic, 'Yu Gothic', sans-serif;
list-style: none;
}
a {
color: #000000;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
a:hover {
opacity: 0.6;
}
.home .inner {
max-width: 1600px;
padding: 0 10px;
margin: 0 auto;
}
@media only screen and (max-width: 1600px) {
.home .inner {
width: 95%;
padding: 0;
margin: 0 auto;
}
}
p.sale-img img {
width: 100%;
} .sidebnr {
position: fixed;
top: 100px;
right: 0px;
z-index: 99999;
}
.sidebnr a {
display: block;
} header .inner {
max-width: 1600px;
position: relative;
} .site-header { background-size: cover;
background-position-x: 35%;
background-position-y: 35%;
height: 640px;
width: 100%;
position: relative;
}
.site-title {
width: 444px;
position: absolute;
top: 405px;
right: 10%;
display: block;
} .cat-header {
background-color: #ccc;
height: 400px;
width: 100%;
position: relative;
background-repeat: no-repeat;
margin-bottom: 80px;
}
.cat-title {
width: 100%;
text-align: center;
position: absolute;
top: 200px;
font-size: 30px;
display: block;
font-family: 'Tsukushi B Round Gothic';
color: #224938;
text-shadow: 0px 0px 5px #fff;
}
.cat-header .bg-cover {
height: 100%;
}
.site-title img {
width: 100%;
}
.hgroup { height: 50px;
background-color: rgba(255, 255, 255, 0.8);
position: fixed;
top: 0px;
left: 0;
right: 0;
z-index: 6666;
margin: 0 auto;
width: 100%;
}
.site-description {
display: block;
font-size: 11px;
font-weight: lighter;
width: 42%;
float: left;
margin-top: 20px;
padding-left: 20px;
box-sizing: border-box;
}
.hgroup i {
display: block;
position: fixed;
right: 25px;
top: 14px;
font-size: 35px;
display: none;
color: #615e5e;
z-index: 10000;
}
.main-navigation {
display: block;
width: 58%;
height: 120px;
float: left;
}
.menu-top-container {
width: 100%;
}
.nav-menu {
margin-top: 20px;
margin-left: 5%;
display: block;
position: relative;
}
.nav-menu li {
font-size: 14px;
float: left;
margin-right: 3%;
}
.nav-menu a {
color: #224938;
font-weight: bold;
} .sub-menu {
position: absolute;
left: 0px;
margin-top: 20px;
width: 80%;
display: none;
padding-top: 10px;
}
.sub-menu li {
width: 30%;
padding: 0 0%;
margin: 0 1%;
height: 60px;
background-color: #fff;
text-align: center;
display: table;
background-repeat: no-repeat;
background-position: 25px 20px;
}
.sub-menu li a {
display: table-cell;
height: 60px;
vertical-align: middle;
padding-left: 30px;
color: black;
}
.sub-menu .menu-item-130 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_dog_b.png);
}
.sub-menu .menu-item-129 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_cat_b.png);
}
.sub-menu .menu-item-128 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_fish_b.png);
background-position: 10px 22px;
} .nav-menu .menu-item-has-children:hover { padding-bottom: 27px;
border-bottom: 3px solid #224938;
}
.nav-menu .menu-item-has-children:hover .sub-menu {
display: block;
}
.sub-menu li:hover {
background-color: #224938;
}
.sub-menu li:hover a {
color: #fff;
}
.sub-menu .menu-item-130:hover {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_dog_w.png);
}
.sub-menu .menu-item-129:hover {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_cat_w.png);
}
.sub-menu .menu-item-128:hover {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/icon_fish_w.png);
} .home .topics {
padding-top: 0px;
}
.box-info {
padding-top: 20px;
padding-bottom: 20px;
overflow: hidden;
}
.topics-blogitem {
width: 80%;
text-align: left;
float: left;
padding: 0 10px 0 10px;
}
.topics h2 {
float: left;
font-family: 'Tsukushi B Round Gothic';
font-size: 16px;
line-height: 24px;
letter-spacing: 1.5px;
padding-right: 3%;
}
.date {
font-size: 12px;
line-height: 24px;
}
.shop-tag {
border-radius: 12px;
background-color: #224938;
font-size: 11px;
padding-top: 6px;
padding-bottom: 6px;
padding-right: 16px;
padding-left: 16px;
color: #fff;
}
.blog-title {
padding-left: 1%;
}
.topics-box {
border-bottom: 1px solid #eeeeee;
} .topics-box2 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/bk_topics.png);
background-size: cover; }
.box-topics {
overflow: hidden;
padding-top: 20px;
}
.box-topics .items {
width: 200px;
float: left;
position: relative;
}
.box-topics a {
display: block;
position: relative;
width: 180px;
height: 180px;
margin: 0 auto;
}
.topics-box2 .item-pic {
padding: 18px;
}
.box-topics .item-texts {
background-color: rgba(249, 246, 246, 0.8);
border-radius: 50%;
font-size: 10px;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
opacity: 0;
}
.box-topics .item-texts .item-name {
padding-top: 80px;
font-size: 15px;
font-weight: bold;
}
.box-topics .item-texts:hover {
opacity: 1.0;
} .home section {
width: 100%;
text-align: center;
padding-top: 60px;
padding-bottom: 60px;
overflow: hidden;
} .home .new-introduction {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/bk_newintro.png);
background-size: cover;
padding-top: 40px;
}
.new-introduction h2 {
padding-bottom: 20px;
}
.box-introduction {
margin-top: 0px;
overflow: hidden;
min-width: 1000px;
}
.box-introduction .items {
width: 18%;
text-align: left;
float: left;
margin-left: 1%;
margin-right: 1%;
}
.box-introduction .items .item-pic {
width: 100%;
margin-bottom: 10px;
}
.box-introduction .items .items-bottom {
height: 24px;
overflow: hidden;
width: 100%;
}
.box-introduction .items-bottom .item-name {
display: block;
width: 65%;
line-height: 20px;
text-align: left;
float: left;
font-weight: lighter;
font-size: 12px;
}
.box-introduction .items-bottom .shop-tag {
display: block;
float: right;
} .home .news-recommend {
padding-bottom: 60px;
}
.home .news-recommend div.info_change-bh {
margin: 20px 0 70px;
padding: 30px;
border: solid 5px red;
line-height: 25px;
}
.home .news-recommend div.info_change-bh-bnr {
width: 600px;
margin: 0 auto;
}
@media only screen and (max-width: 428px) {
.home .news-recommend div.info_change-bh-bnr {
width: auto;
margin: 0 auto;
}
}
.home .news-recommend span.info_title {
color: red;
font-size: 1.5rem;
}
.home .news-recommend span.change-bh {
color: red;
font-size: 1.3rem;
} .box-left {
width: 50%;
float: left;
}
.news-recommend .box-left ul {
margin-top: 20px;
margin-bottom: 20px;
}
.box-left .box-tags ul {
overflow: hidden;
}
.box-left .blog-items {
width: 90%;
min-width: 470px;
overflow: hidden;
padding-top: 5px;
padding-bottom: 5px;
border-bottom: 1px solid #ccc;
position: relative;
}
.box-left .blog-items a {
width: 100%;
display: block;
height: 90px;
}
.box-left .blog-items a:after {
content: '';
width: 20px;
height: 20px;
position: absolute;
top: 50%;
right: 10px;
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/arrow.png);
background-repeat: no-repeat;
margin-right: 10px;
}
.box-left .blog-items-left {
width: 90px;
float: left;
}
.box-left .blog-items-left img {
width: 100%;
height: 100%;
border-radius: 100%;
}
.box-left .blog-items-right {
width: 78%;
float: left;
padding-top: 15px;
padding-left: 2%;
}
.box-left .box-tags .shop-tag {
float: left;
width: 24%;
background-color: #eeeeee;
color: black;
margin-bottom: 1%;
margin-right: 1%;
}
.box-left .blog-items-right-upper {
height: 25px;
overflow: hidden;
}
.box-left .blog-items-right .date {
width: 25%;
font-size: 12px;
color: #244d39;
height: 24px;
float: left;
text-align: left;
}
.box-left .blog-items-right .shop-tag {
width: 15%;
float: left;
}
.box-left .blog-items-right .blog-title {
width: 100%;
color: #333333;
padding-top: 10px;
text-align: left;
} .box-right {
width: 50%;
float: left;
}
.news-recommend .box-right ul {
overflow: hidden;
margin-top: 20px;
display: flex;
flex-wrap: wrap;
}
.news-recommend .box-right .recommend-items {
width: 33%; padding-bottom: 30px; }
.news-recommend .box-right .recommend-items a {
display: block;
width: 90%;
margin: 0 auto;
}
.news-recommend .box-right .recommend-items a .item-pic {
width: 100%;
object-fit: cover;
height: 100px;
}
.news-recommend .box-right .recommend-items .shop-tag {
background-color: white;
color: #224938;
padding: 0;
}
.news-recommend .box-right .recommend-items .item-name {
display: block;
padding-top: 10px;
width: 90%;
font-size: 13px;
} .home .instagram {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/bk_insta.png);
background-size: cover;
padding-top: 40px;
}
.instagram h2 {
display: block;
width: 100%;
margin: 0 auto;
}
.instagram .section-title {
padding-bottom: 10px;
}
.instagram .box-title img {
width: 100%;
max-width: 475px;
}
.instagram .box-left ul,
.instagram .box-right ul {
display: block;
margin: 0 auto;
margin-bottom: 30px;
overflow: hidden;
margin-top: 5px;
}
.insta-items {
float: left;
width: 50%;
}
.insta-items a {
display: block;
width: 100%;
height: 100%;
} .text {
color: #000000;
font-size: 15px;
line-height: 45px;
text-align: left;
}
.btn {
display: block;
margin-top: 20px;
}
.pc {
display: block !important;
}
.sp {
display: none !important;
}
@media only screen and (max-width: 599px) {
.pc {
display: none !important;
}
.sp {
display: block !important;
width: 98%;
}
} .blog-aqua {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/bk_aqua.png);
background-size: cover;
color: #244d39;
padding-bottom: 60px;
}
.blog-aqua .box-left {
margin-top: 120px;
}
.blog-aqua .box-left .blog-items-right .blog-title {
width: 80%;
color: #333333;
text-align: left;
line-height: 25px;
}
.blog-aqua .box-left .blog-items-right .blog-contents {
display: block;
width: 100%;
margin-top: 5px;
text-align: left;
color: black;
font-weight: lighter;
}
.blog-aqua .text {
margin-top: 70px;
} .trimming {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/bk_trimming.png);
background-size: cover;
} .hotel {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/bk_hotel.png);
background-size: cover;
}
.hotel .box-left {
height: 300px;
}   .home .ban3 {
padding-top: 0px;
padding-bottom: 30px;
background-color: #f0f0f0;
}
.ban3 .imgarea {
height: 340px;
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pic_policy.png);
margin-bottom: 30px;
}
.ban3 .inner {
overflow: hidden;
}
.ban3 a {
display: block;
float: left;
width: 31%;
margin: 0 1% 0 1%;
}
.ban3 a img {
width: 100%;
} .shop-information {
background-color: rgba(255, 255, 255, 0.5);
padding-bottomo: 30px;
}
.shop-information .inner ul {
overflow: hidden;
margin-top: 57px; font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.shop-information .shop-items {
width: 23%;
float: left;
margin: 0 1% 65px 1%;
font-size: 12px;
text-align: left;
font-size: 14px;
line-height: 24px;
}
.shop-information .shop-items img {
width: 100%;
margin-bottom: 10px;
}
.shop-information .shop-name {
display: block;
color: #244d39;
}
.shop-information span {
display: block;
padding-top: 2px;
letter-spacing: -1.3px;
} footer {}
.footer-area {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/bk_footer.png);
background-size: cover;
font-size: 12px;
padding-top: 40px;
padding-bottom: 40px;
}
.footer-area a {
color: #615d5d;
font-size: 14px;
}
.footer-area .inner {
overflow: hidden;
padding-top: 30px;
}
.footer-nav {
width: 80%;
float: left;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.footer-nav .nav-title {
font-size: 14px;
margin-bottom: 25px;
width: 19%;
font-weight: bold;
}
.footer-nav ul {
padding-right: 45px;
float: left;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.footer-nav .nav-01 {
font-weight: bold;
}
.footer-nav .nav-01 li {
margin-bottom: 33px;
}
.footer-nav li {
margin-bottom: 21px;
}
.footer-nav li::after {
content: "/";
margin: 0 8px;
}
.footer-nav li:last-child::after {
content: "";
}
.footer-nav .nav-title::after {
content: "";
}
.footer-logo {
display: block;
width: 20%;
text-align: center;
float: left;
}
.copyright {
text-align: center;
font-size: 12px;
padding: 10px 0 10px 0;
color: #868584;
}
.event_info {
width: 600px;
margin: 40px auto;
}
.event_info2 {
width: 87%;
} .top_btn {
width: 600px;
height: 106px;
line-height: 49px;
}
.top_btn a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
background: #0099FF;
text-align: center;
color: #FFFFFF;
font-size: 30px;
font-weight: bold;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
box-shadow: 5px 5px 0px 0px #DEDEDE;
}
.top_btn a:hover {
background: #0099FF;
color: #FFFC00;
margin-left: 5px;
margin-top: 5px;
box-shadow: none;
}
.top_btn a small {
font-size: 20px;
}
@media only screen and (min-width: 600px) {
header .inner {
width: 600px;
}
body .single #main,
.inner {
width: 1000px;
margin: 0 auto;
}
} @media only screen and (max-width: 599px) { .new-introduction h2 img {
width: 320px;
}
.news-recommend .box-left h2 img {
width: 210px;
}
.news-recommend .box-right h2 img {}
.instagram h2 img {
width: 190px;
}
.policy h2 img {
width: 260px;
} .shop-tag {
font-size: px;
padding: 5px;
}
.home .inner {
width: 95%;
padding: 0;
margin: 0 auto;
}
.sidebnr {
display: none;
}
.nav-menu {
padding: 0;
position: fixed;
top: 0px;
right: 0px;
z-index: 1000;
background-color: #224938;
border: 1px solid #fff;
overflow: auto;
margin-left: 0px;
margin-top: 0px;
display: none;
height: 500px;
}
.nav-menu li {
font-size: 14px;
width: 100%; text-align: left;
color: #fff;
padding: 20px;
}
.nav-menu li:nth-child(odd) { }
.nav-menu a {
color: #fff;
}
.sub-menu {
display: block;
position: relative;
margin: 0px;
padding: 0px;
width: 100%;
padding-top: 10px;
}
.sub-menu li {
float: none;
height: unset;
margin: 0px;
padding: 20px;
background-color: unset;
}
.sub-menu li a {
color: unset;
height: unset;
display: block;
vertical-align: unset;
}
.nav-menu .menu-item-has-children {
padding-bottom: 0px;
}
.sub-menu .menu-item-130,
.sub-menu .menu-item-129,
.sub-menu .menu-item-128 {
background-image: unset;
}
.section-title {
width: 100%;
padding: 20px 0px 20px 0px;
}
.section-title img {
width: 100%;
max-width: 420px;
}
body .single #main,
body #main,
.inner {
width: 100%;
margin: 0;
padding: 0;
}
.site-header {
height: 400px;
}
.cat-header {
height: 300px;
}
.site-title {
width: 50%;
top: 300px;
}
.cat-title {
position: relative;
top: 150px;
}
.site-description {
width: 80%;
display: none;
}
.hgroup {
height: initial;
background-color: none;
position: relative;
top: initial;
left: initial;
right: initial;
z-index: 9999;
margin: 0 auto;
width: 100%;
}
.hgroup i {
display: block;
} .topics h2 {
float: none;
padding-bottom: 10px;
}
.box-topics {
overflow: hidden;
padding-top: 0px;
padding-bottom: 40px;
}
.box-topics .items {
width: 50%;
float: left;
height: 210px;
}
.box-topics .items a {
width: 160px;
height: 200px;
}
.box-topics .item-pic {
padding: 0px 18px 0px 18px;
}
.box-topics .item-texts {
position: relative;
opacity: 1.0;
height: 40px;
top: -80px;
border-radius: 0px;
padding: 5px;
width: 90%;
margin: 0 auto;
overflow: hidden;
}
.box-topics .item-texts .item-name {
padding: 14px 0px;
font-size: 13px;
} .box-introduction {
min-width: 100%;
height: 324px;
overflow: hidden;
margin-top: 0px;
min-width: 320px;
max-width: 320px;
margin: 0 auto;
}
.box-introduction .items {
width: 48%;
margin-bottom: 30px;
position: relative;
}
.box-introduction .items .items-bottom {
font-size: 10px;
}
.box-introduction .items .items-bottom .item-name {
width: 100%;
float: none;
}
.box-introduction .items .items-bottom .shop-tag {
display: block;
position: absolute;
font-size: 10px;
right: 10px;
top: bottom;
bottom: 45px;
float: none;
}
.blog-title {
display: block;
padding-top: 10px;
}
.home section {
padding-bottom: 0px;
padding-top: 0px;
}
.news-recommend .box-left ul {
margin-top: 0px;
}
.news-recommend .box-left .box-tags ul {
margin-bottom: 0px;
}
.news-recommend .box-right .recommend-items {
width: 50%;
}
.box-left .blog-items-right .date {
width: 70px;
}
.box-left .blog-items-right .shop-tag {
width: 50px;
}
.box-left .blog-items-right .blog-title {
width: 200px;
padding: 10px 0px;
}
.home .news-recommend {
padding-bottom: 0px;
}
.news-recommend .box-right .recommend-items .item-name {
font-size: 12px;
}
.home .instagram {
padding-bottom: 0px;
}
.instagram .section-title {
padding-bottom: 0px;
}
.insta-items {
width: 100%;
float: none;
}
.home .btn img {
width: 100%;
}
.home .box-left .blog-items-right {
max-width: 275px;
} .home .box-left,
.home .box-right {
float: none;
width: 85%;
margin: 0 auto;
padding: 0px 10px 20px 10px;
margin-bottom: 20px;
background-color: rgba(255, 255, 255, 0.8);
}
.news-recommend .box-left,
.instagram .box-left,
.instagram .box-right {
width: 95%;
margin: 0 auto;
padding: 0px 0px 30px 0px;
background-color: rgba(0, 0, 0, 0);
}
.news-recommend .box-right .recommend-items .shop-tag {
top: unset;
left: unset;
bottom: 60px;
right: 10px;
}
.news-recommend .box-right {
padding-bottom: 0px;
}
.recommend-items .item-name {
font-size: 12px;
}
.blog-aqua .box-left,
.trimming .box-left,
.hotel .box-right {
margin-top: 20px;
}
.blog-aqua .text,
.trimming .text,
.hotel .text {
margin-top: 0px;
line-height: 35px;
padding: 0 20px;
}
.blog-aqua .box-title,
.trimming .box-title {
padding-top: 20px;
}
.home .box-title img {
width: 100%;
}
.hotel .box-title {
margin-bottom: 20px;
}
.blog-aqua .box-left .blog-items {
min-width: 100%;
}
.box-left .blog-items-right-upper {
overflow: visible;
}
.blog-aqua .box-left .ameblog img {
width: 100%;
}
.blog-aqua .box-left .blog-items-right .date {
display: block;
float: none;
padding-top: 0px;
}
.blog-aqua .box-left .blog-items-right .blog-title {
display: block;
width: 100%;
height: 24px;
padding-top: 0px;
}
.blog-aqua .box-left .blog-items-right .blog-contents {
display: none;
}
.hotel .box-left {
display: none;
}
.policy .text {
padding: 0 20px 20px 20px;
text-align: left;
line-height: 38px;
font-size: 14px;
}
.ban3 .imgarea {
margin-bottom: 30px;
}
.ban3 a {
display: block;
width: 90%;
margin: 0 auto;
float: none;
margin: 10px auto;
}
.ban3 a img {
width: 100%;
}
.shop-information .inner ul {
margin-top: 0;
}
.shop-information .shop-items span {
font-size: 10px;
}
.shop-information .shop-items {
width: 50%;
margin: 0 auto;
margin-bottom: 30px;
padding: 0 5px;
}
.footer-area .inner {
width: 90%;
margin: 0 auto;
}
.footer-nav {
width: 100%;
padding: 20px 0px;
display: flex;
flex-wrap: wrap;
}
.footer-nav ul {
padding: 0px;
margin-bottom: 20px;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.footer-logo {
width: 100%;
float: none;
}
.footer-nav .nav-title {
font-size: 14px;
margin-bottom: 25px;
width: 100%;
font-weight: bold;
}
.event_info {
width: 100%;
}
.event_info2 {
width: 100%;
}
.top_btn {
width: 96%;
height: 106px;
line-height: 45px;
margin-top: 20px;
}
.top_btn a {
font-size: 25px;
}
.top_btn a small {
font-size: 16px;
}
}  .pethotel_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pic_hotel_ki.png);
background-color: rgba(0, 0, 0, 0);
background-size: cover;
background-position-y: -150px;
}
#pethotel {
font-size: 16px;
}
#pethotel .contents-nav ul {
overflow: hidden;
width: 100%;
margin: 0 auto;
}
#pethotel .contents-nav ul li {
width: 240px;
float: left;
text-align: center;
margin: 0 5px;
}
#pethotel .contents-nav ul li a {
width: 100%;
height: 45px;
line-height: 45px;
color: #fff;
}
#pethotel .contents-nav {
padding-bottom: 80px;
}
#pethotel .section-title {
text-align: center;
padding: 20px 0;
width: 50%;
margin: 0px auto;
margin-bottom: 20px;
font-family: 'Tsukushi B Round Gothic', sans-serif;
font-weight: bold;
color: #224938;
font-size: 30px;
}
#pethotel .two-col,
#pethotel .three-col ul,
#pethotel .four-block {
overflow: hidden;
width: 100%;
}
#pethotel .text-area {
width: 480px;
height: 280px;
padding: 60px;
font-size: 14px;
}
#pethotel .pic-area {
width: 620px;
height: 445px;
}
#pethotel .three-col ul li {
width: 31%;
float: left;
margin: 0 1%;
}
#pethotel .text-area {
background-color: rgba(255, 255, 255, 0.9);
position: relative;
z-index: 2;
}
#pethotel .text-area p {
line-height: 40px;
}
#pethotel .pic-area {
background-color: #727171;
background: url(https://www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pethotel/1.jpg) no-repeat center center;
background-size: cover;
}
#pethotel .pic-area.pic1 {
background-image: url(https://www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pethotel/1.png);
}
#pethotel .pic-area.pic2 {
background-image: url(https://www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pethotel/2.png);
}
#pethotel .pic-area.pic3 {
background-image: url(https://www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pethotel/3.png);
}
#pethotel .pic-area.pic4 {
background-image: url(https://www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pethotel/4.png);
}
#pethotel .two-col {
position: relative;
padding-top: 25px;
} #pethotel #myhotel {
padding-top: 40px;
}
#pethotel #myhotel {
border-bottom: 1px solid #ddd;
}
#pethotel #about {
padding-top: 40px;
}
#pethotel #myhotel,
#pethotel #about {
padding-bottom: 40px;
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/bk_insta.png);
}
#pethotel #hotelroom,
#pethotel #price {
padding-top: 40px;
padding-bottom: 40px;
}  #pethotel #myhotel .two-col {
padding-bottom: 100px;
}
#pethotel #myhotel .two-col .pic-area {
position: absolute;
top: 0px;
right: 0px;
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pic_hotel_1.png);
background-size: cover;
}
#pethotel #myhotel .pic1 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pic_hotel_001.png);
background-size: cover;
}
#pethotel #myhotel .pic2 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pic_hotel_002.png);
background-size: cover;
}
#pethotel #myhotel .pic3 {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pic_hotel_003.png);
background-size: cover;
}
#pethotel #myhotel .three-col h3 {
margin-left: 20px;
font-size: 22px;
color: #224938;
width: 30%;
padding-top: 40px;
padding-bottom: 10px;
border-bottom: 2px solid #ccc;
margin-bottom: 40px;
}
#pethotel #myhotel .three-col .item-pic {
width: 100%;
height: 200px;
margin-bottom: 20px;
margin-top: 0px;
position: relative;
}
#pethotel #myhotel .item-pic:after {
font-size: 50px;
font-family: 'SignPainter';
color: rgba(0, 0, 0, 0.1);
position: absolute;
left: 0px;
bottom: -60px;
}
#pethotel #myhotel .pic1:after {
content: '1';
}
#pethotel #myhotel .pic2:after {
content: '2';
}
#pethotel #myhotel .pic3:after {
content: '3';
}
#pethotel #myhotel .three-col .item-title {
font-size: 18px; padding-left: 50px;
margin-bottom: 20px;
font-weight: bold;
}
#pethotel #myhotel .three-col .item-desc {
width: 100%;
font-size: 14px;
line-height: 24px;
}
#pethotel .col-left h3,
#pethotel .col-right h3 {
font-size: 22px;
font-family: 'Tsukushi B Round Gothic';
color: #224938;
padding-bottom: 20px;
}
#pethotel #about .primary {
padding-bottom: 60px;
}
#pethotel #about .primary .col-right {
position: absolute;
top: 0px;
right: 0px;
}
#pethotel #about .primary .pic-area {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pic_hotel_5.png);
background-size: cover;
}
#pethotel #about .secondary .pic-area {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pic_hotel_6.png);
background-size: cover;
}
#pethotel #about .secondary .col-right {
position: absolute;
top: 50px;
right: 0px;
}
#pethotel #about .secondary {
padding-bottom: 60px;
}
#pethotel #about .one-col {
margin: 0 auto;
background-color: #fff;
padding: 20px 10px;
margin-bottom: 60px;
}
#pethotel #about .one-col h3 {
text-align: center;
margin-bottom: 20px;
}
#pethotel #about .one-col .attention ul {
width: 100%;
overflow: hidden;
font-size: 12px;
padding-top: 20px;
}
#pethotel #about .one-col .attention ul li {
width: 46%;
margin-right: 2%;
margin-left: 2%;
margin-bottom: 10px;
float: left;
list-style: disc;
}
#pethotel #hotelroom .four-block {
width: 100%;
margin: 0 auto;
}
#pethotel #hotelroom .four-block .item {
width: 48%;
height: 300px;
float: left;
margin: 1% 1%;
position: relative;
}
#pethotel #hotelroom .four-block .item .pic-area {
width: 100%;
height: 300px;
}
#pethotel #hotelroom .four-block .item .text-area {
width: 100%;
position: absolute;
bottom: 5px;
left: 10px;
background-color: rgba(255, 255, 255, 0);
height: auto;
padding: 0px;
}
#pethotel #hotelroom .four-block .item .text-area p {
font-size: 14px;
line-height: 30px;
color: #fff;
text-shadow: 2px 2px 3px #000;
}
#pethotel .pic-area {
border: 5px solid #fff;
}
#pethotel .two-col .text-area:before {
content: '';
width: 50px;
height: 50px;
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pic_footprint.png);
background-repeat: no-repeat;
position: absolute;
}
#pethotel .two-col .col-right:before {
top: -20px;
right: 20px;
}
#pethotel .two-col .col-left:before {
top: -20px;
left: 20px;
} @media only screen and (max-width: 599px) {
.pethotel_header {
background-position-y: 0px;
margin-bottom: 40px;
}
#pethotel .inner {
width: 90%;
margin: 0 auto;
}
#pethotel .section-title {
width: 100%;
text-align: center;
}
#pethotel .contents-nav {
padding-bottom: 40px;
}
#pethotel .contents-nav ul li a {}
#pethotel .two-col {
width: 100%;
position: relative;
padding-top: 0px;
height: auto;
overflow: visible;
padding-bottom: 80px;
}
#pethotel #myhotel {
padding-bottom: 0px;
}
#pethotel #myhotel .two-col,
#pethotel #about .two-col {
padding-bottom: 40px;
}
#pethotel .col-left,
#pethotel .col-right {
width: 90%;
padding: 5%;
}
#pethotel #myhotel .text-area,
#pethotel #about .primary .text-area,
#pethotel #about .secondary .text-area {
padding: 5%;
height: auto;
width: 90%;
padding-top: 40px;
}
#pethotel .pic-area,
#pethotel #myhotel .two-col .pic-area,
#pethotel #about .primary .pic-area,
#pethotel #about .secondary .pic-area {
position: relative;
top: 0px;
right: 0px;
width: 96%;
height: 300px;
margin: 0 auto;
margin-top: 20px;
padding: 0px;
}
#pethotel #about .secondary {
height: 700px;
}
#pethotel #about .secondary .pic-area {
position: absolute;
top: 370px;
}
#pethotel .text-area p {
line-height: 30px;
}
#pethotel .two-col .text-area p {
padding: 10px;
}
#pethotel #myhotel .three-col h3 {
font-size: 18px;
text-align: center;
margin-bottom: 30px;
margin-left: 0px;
}
#pethotel .three-col ul li {
width: 100%;
float: none;
margin: 0 auto;
margin-bottom: 40px;
}
#pethotel #myhotel .three-col ul li .item-pic {
width: 96%;
}
#pethotel #hotelroom .four-block .item {
width: 100%;
margin: 0 auto;
float: none;
margin-bottom: 20px;
}
#pethotel #about .one-col {
margin-bottom: 0px;
}
#pethotel #about .one-col .attention ul li {
float: none;
width: 93%;
margin-bottom: 15px;
margin-left: 18px;
line-height: 20px;
}
#pethotel #about .one-col .attention {
overflow: visible;
}
}  #qa h3 {
width: 1000px;
margin: 0 auto;
text-align: center;
padding-bottom: 60px;
font-weight: lighter;
} #qa .contents-nav {
padding-bottom: 60px;
}
#qa .contents-nav .inner { width: 1000px;
margin: 0 auto;
}
#qa .contents-nav ul {
overflow: hidden;
}
#qa small {
font-size: 11px;
}
#qa .contents-nav ul li {
width: 16%;
margin: 0 0.33%;
padding: 0 0.3%;
float: left;
height: 90px;
text-align: center;
display: table;
line-height: 24px;
}
#qa .contents-nav ul li a {
height: 70px;
display: table-cell;
vertical-align: middle;
color: #fff;
} .qa_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/eye_qa.png);
background-size: cover;
background-position-y: -230px;
} #qa .qa-area { max-width: 1000px;
margin: 0 auto;
padding-bottom: 40px;
}
#qa .qa-area h2 {
width: 30%;
padding-top: 40px;
padding-bottom: 10px;
border-bottom: 2px solid #ccc;
margin-bottom: 40px;
font-size: 20px;
color: #224938;
}
#qa .qa-area .item {
position: relative;
}
#qa .qa-area .item .question {
width: 95%;
height: 30px;
margin-bottom: 10px; padding-left: 50px;
font-weight: bold;
box-sizing: border-box;
}
#qa .qa-area .item .question:before {
content: 'Q';
font-size: 50px;
font-family: 'SignPainter'; color: #f9d6d6;
position: absolute;
top: -15px;
left: 0px;
z-index: -1;
}
.rec_question:before {
content: 'Q';
font-size: 50px;
font-family: 'SignPainter'; color: #f9d6d6;
position: absolute;
top: -15px;
left: 0px;
z-index: -1;
}
#qa .qa-area .item .anser { width: 100%; min-height: 200px;
margin: 0 auto;
background-color: #f7f8f4;
padding: 30px 60px;
line-height: 30px;
margin-bottom: 60px;
position: relative;
box-sizing: border-box;
}
#qa .qa-area .item .anser .tt {
position: relative;
z-index: 20;
}
#qa .qa-area .item .anser:before {
content: 'A';
font-size: 180px;
font-family: 'SignPainter', cursive; color: rgba(0, 0, 0, 0.1);
position: absolute;
top: 80px;
right: 80px;
z-index: 10;
} #qa .qa-area .area-right h2 {
margin-left: 70%;
text-align: right;
}
#qa .qa-area .area-right .item .question {
text-align: right;
}
#qa .qa-area .area-right .item .question:before {
right: 40px;
}
#qa .qa-area .area-right .item .anser:before {
left: 40px;
}  @media only screen and (max-width: 599px) {
#qa h3,
#qa .contents-nav .inner,
#qa .qa-area {
width: 90%;
margin: 0 auto;
padding-left: 0px;
padding-right: 0px;
}
#qa .qa-area h2 {
width: 100%;
}
#qa .qa-area .area-right h2 {
margin-left: 0px;
text-align: left;
}
#qa .qa-area .item .question {
margin-bottom: 40px;
}
#qa .qa-area .area-right .item .question {
text-align: left;
}
#qa .qa-area .item .anser { width: 100%;
height: auto;
padding: 5%;
}
#qa .qa-area .item .anser:before,
#qa .qa-area .area-right .item .anser:before {
top: unset; bottom: 80px;
left: unset; right: 10px;
}
}  .color_ban1 {
background-color: #376139;
}
.color_ban2 {
background-color: #ee8484;
}
.color_ban3 {
background-color: #345f87;
}
.color_ban4 {
background-color: #816d55;
}
.color_ban5 {
background-color: #7a4238;
}
.color_ban6 {
background-color: #b4b95e;
} @media only screen and (max-width: 599px) {
.page #main .contents-nav .inner li {
display: table;
min-width: 120px;
width: 48%;
height: 100px;
margin: 1%;
line-height: 24px;
font-size: 14px;
}
.page #main .contents-nav .inner li a {
height: 70px;
display: table-cell;
vertical-align: middle;
color: #fff;
}
}  .single .cat-header,
.archive .cat-header,
.category .cat-header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/eye-single.png); background-size: cover;
background-position: center center;
}
.entry-header {
margin: 0;
}
.entry-content {
padding-top: 30px;
}
.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
border-radius: none;
box-shadow: none;
}
.entry-content ul,
.comment-content ul,
.mu_register ul,
.entry-content dl,
.comment-content dl {
list-style: none;
box-sizing: border-box;
margin: 0;
box-sizing: border-box;
}
.entry-content li,
.comment-content li,
.mu_register li,
.entry-content dt,
.comment-content dt,
.entry-content dd,
.comment-content dd {
margin: 0;
box-sizing: border-box;
}
.single p,
.entry-summary p,
.comment-content p,
.mu_register p {
margin: 0;
line-height: 28px;
font-size: 16px;
font-weight: lighter;
}
.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
margin: 0;
} body.single #main,
body.category #main,
body.archive #main {
max-width: 1000px;
padding: 0 10px;
margin: 0 auto;
overflow: hidden;
margin-top: 60px;
font-size: 16px;
box-sizing: border-box;
}
body.single #main {
margin-top: 0px;
}
body.single .cat-header {
margin-bottom: 30px;
}
#nav-below .nav-previous {
float: left;
}
#nav-below .nav-next {
float: right;
}
.nav-single .assistive-text,
#nav-below .assistive-text {
line-height: 40px;
display: none;
}
#nav-below.navigation {
margin: 20px;
}
.single #primary,
.archive #primary,
.category #primary {
width: 70%;
float: left;
margin: 0;
margin-top: 50px;
box-sizing: border-box;
}
.single #secondary,
.archive #secondary,
.category #secondary {
width: 25%;
float: right;
box-sizing: border-box;
margin-top: 50px;
}
.archive-title {
display: block;
padding: 10px;
background-color: #284938;
margin-bottom: 30px;
color: #fff;
}
.post {
margin-top: 30px;
}
.post .entry-header {
overflow: hidden;
padding-bottom: 40px;
border-bottom: 1px solid #ccc;
margin-bottom: 30px;
}
.post .entry-header .post-left {
float: left;
width: 20%;
}
.post .entry-header .post-thumb img {
max-width: 100%;
height: 100%;
}
.post .entry-header .post-right {
width: 100%;
margin-left: 5%;
float: right;
}
.post .entry-header .entry-title {
font-size: 16px;
padding-top: 20px;
color: #224938;
}
.post .entry-header .entry-meta {
font-size: 12px;
}
.post .entry-header .entry-content {
padding-top: 10px;
line-height: 1.6;
}
body #primary #content article.news {
border-bottom: 1px solid #ddd;
margin-bottom: 20px 0;
padding: 20px 0;
}
body h1.entry-title {
font-size: 16px;
}
body h1.entry-title .entry-post-date {
display: inline-block;
margin-right: 20px;
}
body.single #primary #content article.news {
border: 5px solid #efefef;
padding: 10px 10px 50px 10px;
box-sizing: border-box;
}
body.single #primary #content h1.entry-title {
font-size: 24px;
border-bottom: 1px solid #ddd;
margin-bottom: 20px 0;
padding: 10px 0 20px 0;
}
body.single #primary #content .blog-list-leftbox {
padding: 20px 0;
}
body.single #primary #content nav.nav-single {
width: 100%;
margin: 30px 0;
}
body.single #primary #content nav.nav-single .nav-next {
float: right;
}
#secondary h3 {
padding: 10px 0px;
border-top: 1px solid #284938;
border-bottom: 1px solid #284938;
color: #284938;
font-weight: 600;
}
#secondary ul {
margin: 10px 0 40px 0;
}
#secondary ul li {
margin: 10px 0;
border-bottom: 1px solid #eee;
font-size: 14px;
padding: 5px 0;
}
#secondary ul li:last-child {
border-bottom: none;
}
@media screen and (max-width: 767px) {
.single #primary,
.archive #primary,
.category #primary {
width: 100%;
float: none;
margin-top: 20px;
padding: 0 10px;
}
.single #secondary,
.archive #secondary,
.category #secondary {
width: 100%;
float: none;
padding: 0 10px;
}
.post .entry-header .post-left {
float: none;
width: 100%;
margin-bottom: 20px;
}
.post .entry-header .post-right {
float: none;
width: 100%;
margin: 0px;
}
}
@media screen and (max-width: 767px) {}
#sp-ft-nav {
display: none;
}
@media screen and (max-width: 767px) {
footer {
padding-bottom: 50px;
}
#sp-ft-nav {
display: block;
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
z-index: 10000;
}
#sp-ft-nav li {
width: 50%;
box-sizing: border-box;
float: left;
}
#sp-ft-nav li a {
display: block;
padding: 10px 0;
text-align: center;
}
#sp-ft-nav li:first-child a {
color: #345f87;
border: 1px solid #345f87;
background: #fff;
}
#sp-ft-nav li:last-child a {
color: #b13535;
border: 1px solid #b13535;
background: #fff;
}
}
.sd-item {
font-size: 15px;
box-sizing: border-box; color: #b13535;
font-weight: bold;
background: #fff;
margin: 2px 0;
max-height: 140px;
position: relative;
}
.sd-item .block {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
display: block;
box-sizing: border-box;
padding: 20px 9px;
position: relative;
z-index: 100;
background: #fff;
}
.sd1 .block {
color: #b13535;
border: 1px solid #b13535;
max-height: 140px;
}
.sd2 .block {
color: #345f87;
border: 1px solid #345f87;
max-height: 120px;
}
.sd3 .block {
color: #368c71;
border: 1px solid #368c71;
max-height: 140px;
}
.sd4 .block {
color: #816d55;
border: 1px solid #816d55;
max-height: 140px;
}
.sd-item .block:hover {
opacity: 1;
}
.sd1 .block:hover {
color: #fff;
background: #b13535;
}
.sd2 .block:hover {
color: #fff;
background: #345f87;
}
.sd3 .block:hover {
color: #fff;
background: #368c71;
}
.sd4 .block:hover {
color: #fff;
background: #816d55;
}
.side_hover {
position: absolute;
left: 0px;
top: 0px;
width: 215px;
background: transparent;
z-index: 5;
overflow: hidden;
}
.sd2 .side_hover {
width: 440px;
}
.side_hover li {
width: 215px;
background: #fff url(https://www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/common/ico_04.png) no-repeat 5px center;
border-bottom: 2px solid #345f87;
padding: 5px 10px 5px 30px;
margin-bottom: 10px;
box-sizing: border-box;
}
.sd2 .side_hover li {
float: left;
border-bottom: 2px solid #345f87;
}
.sd2 .side_hover li a {
color: #345f87;
}
.sd2 .side_hover li:nth-child(2n) {
float: right;
}
.sd-item .side_hover {
-webkit-writing-mode: initial;
-ms-writing-mode: initial;
writing-mode: initial;
}
.sd1 .side_hover li {
float: left;
border-bottom: 2px solid #b13535;
}
.sd1 .side_hover li:nth-child(1) {
background-image: url(https://www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/common/ico_01.png);
}
.sd1 .side_hover li:nth-child(2) {
background-image: url(https://www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/common/ico_02.png);
}
.sd1 .side_hover li:nth-child(3) {
background-image: url(https://www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/common/ico_03.png);
}
.sd1 .side_hover li a {
color: #b13535;
}
.sd4 .side_hover li {
float: left;
border-bottom: 2px solid #816d55;
}
.sd4 .side_hover li:nth-child(1) {
background-image: url(https://www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/common/ico_05.png);
}
.sd4 .side_hover li:nth-child(2) {
background-image: url(https://www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/common/ico_06.png);
}
.sd4 .side_hover li a {
color: #816d55;
}
input[type="text"],
input[type="tel"],
input[type="email"] { width: 100%;
height: 40px;
padding: 0 20px;
box-sizing: border-box;
font-size: 15px;
}
textarea { width: 100%;
height: 200px;
padding: 20px 20px;
box-sizing: border-box;
font-size: 15px;
}
select {
width: 100%;
height: 40px;
padding: 0 20px;
box-sizing: border-box;
font-size: 15px;
}
td.submit {
padding-top: 50px;
text-align: center;
}
td.submit input[type="submit"] {
width: 50%;
height: 40px;
background: #3d382a;
color: #fff;
font-size: 16px;
border: none;
font-weight: bold;
border-radius: 0;
-webkit-appearance: none;
}
td.submit input[type="submit"]:hover {
cursor: pointer;
background: #434343;
}
@media screen and (max-width: 768px) {
table th,
table td {
display: block;
}
.ll table th,
.ll table td {
display: table-cell;
max-height: 64px;
overflow: hidden;
}
}
.tb-contact {
border: none;
width: 800px;
margin: 0 auto;
}
.tb-contact th {
padding: 20px 20px 20px 50px;
background: none;
vertical-align: middle;
border: 1px dotted #ddd;
border-right: none;
border-left: none;
font-weight: bold;
width: 200px;
text-align: left;
}
.tb-contact th span.biko {
display: block;
font-weight: normal;
font-size: 12px;
color: #B90200;
padding: 5px 0;
}
.tb-contact th span.biko::before {
content: "※";
}
.tb-contact td {
padding: 20px 50px 20px 20px;
border: 1px dotted #ddd;
border-right: none;
border-left: none;
}
.hissu {
color: #fff;
font-size: 12px;
line-height: 1.5em;
background: #f50000;
padding: 0px 5px;
float: right;
}
.tb-contact input[type="text"],
.tb-contact input[type="email"],
.tb-contact textarea {
width: 100%;
box-sizing: border-box;
}
.submit_box {
text-align: center;
margin: 50px 0;
}
@media only screen and (max-width: 599px) {
.tb-contact {
width: 100%;
}
.tb-contact th,
.tb-contact td {
padding: 10px;
display: block;
border: none;
width: 100%;
box-sizing: border-box;
}
.tb-contact th {
background: #224938;
color: #fff;
text-align: left;
}
.tb-contact td {
padding-bottom: 40px;
}
.tb-contact th span.biko {
color: #fff;
}
}
input[type="submit"],
.item-description input[type="submit"] {
background: #d6234b;
transition: none;
padding: 10px 40px;
font-size: 20px; color: #fff;
outline: none;
border: none;
}
input[type="submit"]:hover,
.item-description input[type="submit"]:hover {
background-color: #d6234b;
opacity: 0.6;
cursor: pointer;
}
div.wpcf7 .wpcf7-submit:disabled {
background: #ccc;
}
.submit_outbox {
text-align: center;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
text-align: center;
background-color: #f0ff00;
padding: 10px 0;
}
div.wpcf7-mail-sent-ok {
text-align: center;
background-color: #db2b52;
padding: 10px 0;
color: #fff;
} .contact_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/contact/pic_contact.png);
background-color: rgba(0, 0, 0, 0);
background-size: cover;
background-position-y: -150px;
}
@media only screen and (max-width: 599px) {
.contact_header {
background-position-y: 0px;
margin-bottom: 40px;
}
#contact .inner {
width: 90%;
margin: 0 auto;
}
}
#contact .sec01 {}
#contact .sec01 .box {}
#contact .sec01 .box p {
text-align: center;
margin-bottom: 20px;
}
#contact .sec01 .list {
background: #FFFFDD;
padding: 20px;
margin-bottom: 50px;
}
#contact .sec01 .list li {
margin: 10px 0;
padding-left: 20px;
position: relative;
}
#contact .sec01 .list li::before {
content: "※";
position: absolute;
top: 0px;
left: 0px;
}
@media only screen and (max-width: 599px) {}
.recruit_form-header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/photo/mv_recrut_form.jpg);
background-color: rgba(0, 0, 0, 0);
background-size: cover;
}
.breeder_form-header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/photo/mv_breeder_recrut_form.jpg);
background-color: rgba(0, 0, 0, 0);
background-size: cover;
} .about_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/about/pic_about.png);
background-color: rgba(0, 0, 0, 0);
background-size: cover;
background-position-y: -150px;
}
@media only screen and (max-width: 599px) {
.about_header {
background-position-y: 0px;
margin-bottom: 40px;
}
#about .inner {
width: 90%;
margin: 0 auto;
}
}
#about .section-title {
text-align: center;
padding: 20px 0;
width: 50%;
margin: 0px auto;
margin-bottom: 20px;
font-family: 'Tsukushi B Round Gothic', sans-serif;
font-weight: bold;
color: #224938;
font-size: 30px;
}
@media only screen and (max-width: 599px) {
#about .section-title {
width: 100%;
text-align: center;
}
}
#about h3 {
font-weight: bold;
padding: 20px 0;
font-size: 20px;
position: relative;
padding-left: 50px;
border-bottom: 1px solid #aaa;
}
#about h3::before {
content: '';
width: 50px;
height: 50px;
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pic_footprint.png);
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
}
#about h4 {
color: #DC6867;
font-size: 16px;
font-weight: bold;
margin: 40px 0 20px;
}
#about p {
line-height: 1.6em;
}
#about .sec01 {}
#about .sec01 .tb-bank {}
#about .sec01 .tb-bank th {
text-align: left;
padding: 5px 10px;
}
#about .sec01 .tb-bank + p {
margin: 20px 0 0 20px;
font-size: 14px;
}
#about .sec02 {
padding-top: 50px;
}
#about .sec03 {
padding-top: 50px;
}
#about .sec03 .list {
padding: 20px;
margin-bottom: 50px;
}
#about .sec03 .list li {
margin: 10px 0;
padding-left: 20px;
position: relative;
line-height: 1.4em;
}
#about .sec03 .list li::before {
content: "※";
position: absolute;
top: 0px;
left: 0px;
}
#about .sec03 .list li:nth-child(1)::before {
content: "1.";
}
#about .sec03 .list li:nth-child(2)::before {
content: "2.";
}
#about .sec03 .list li:nth-child(3)::before {
content: "3.";
}
#about .sec03 .list li:nth-child(4)::before {
content: "4.";
}
#about .sec03 .list li:nth-child(5)::before {
content: "5.";
}
#about .sec03 .list li:nth-child(6)::before {
content: "6.";
}
#about .sec03 .list li:nth-child(7)::before {
content: "7.";
}
#about .sec03 .list li:nth-child(8)::before {
content: "8.";
}
#about .sec03 .list li:nth-child(9)::before {
content: "9.";
}
#about .sec03 .list li:nth-child(10)::before {
content: "10.";
}
#about .sec03 .list2 {
padding: 20px;
margin-bottom: 50px;
}
#about .sec03 .list2 li {
margin: 10px 0;
padding-left: 20px;
position: relative;
line-height: 1.4em;
}
#about .sec03 .list2 li::before {
content: "※";
position: absolute;
top: 0px;
left: 0px;
}
#about .sec03 p + h3 {
margin: 40px 0 20px;
}
@media only screen and (max-width: 599px) {} .company_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/company/pic_company.png);
background-color: rgba(0, 0, 0, 0);
background-size: cover;
background-position-y: -150px;
}
@media only screen and (max-width: 599px) {
.company_header {
background-position-y: 0px;
margin-bottom: 40px;
}
#company .inner {
width: 90%;
margin: 0 auto;
}
}
#company .section-title {
text-align: center;
padding: 20px 0;
width: 50%;
margin: 0px auto;
margin-bottom: 20px;
font-family: 'Tsukushi B Round Gothic', sans-serif;
font-weight: bold;
color: #224938;
font-size: 30px;
}
@media only screen and (max-width: 599px) {
#company .section-title {
width: 100%;
text-align: center;
}
}
#company p {
line-height: 1.6em;
margin-bottom: 20px;
}
#company .sec02 {
margin-top: 50px;
}
#company .sec03 {
margin-top: 50px;
}
#company .sec04 {
margin-top: 50px;
}
#company .sec04 .list {}
#company .sec04 .list li {
padding: 5px 0;
list-style-type: disc;
}
#company .sec05 {
margin-top: 50px;
}
#company .sec06 {
margin-top: 50px;
}
#company .sec06 .box {
overflow: hidden;
border: 1px solid #ccc;
margin: 20px 0 20px;
padding: 20px;
}
#company .sec06 .box .left,
#company .sec06 .box .tb-inner {
float: left;
width: 70%;
}
#company .sec06 .box .pic {
float: right;
}
#company .sec06 .tb-inner {
border: 1px solid #ccc;
}
#company .sec06 .tb-inner th,
#company .sec06 .tb-inner td {
padding: 5px 10px;
border: 1px solid transparent;
}
#company .sec06 .tb-inner th {
white-space: nowrap;
text-align: left;
}
#company .sec06 .tb-inner td {}
@media only screen and (max-width: 599px) {
#company .sec04 {
padding: 0 10px;
}
#company .sec06 .box {
border: none;
padding: 20px 0;
}
#company .sec06 .box .left,
#company .sec06 .box .tb-inner {
float: none;
width: 100%;
}
#company .sec06 .box .tb-inner {
float: none;
width: 100%;
}
#company .sec06 .box .pic {
float: none;
}
#company .sec06 .tb-inner th {
padding-bottom: 2px;
}
#company .sec06 .tb-inner td {
padding-top: 0px
}
}
#company .sec07 {
margin-top: 50px;
}
#company .sec07 .tb-normal {
margin-bottom: 50px;
}
#company .sec07 .tb-normal th {
width: 20%;
}
@media only screen and (max-width: 599px) {
#company .sec07 .tb-normal th {
width: 100%;
box-sizing: border-box;
}
}
#company h3 {
font-weight: bold;
padding: 20px 0;
font-size: 20px;
position: relative;
padding-left: 50px;
border-bottom: 1px solid #aaa;
}
#company h3::before {
content: '';
width: 50px;
height: 50px;
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pic_footprint.png);
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
}
#company .tb-normal {
border-collapse: separate;
border-spacing: 2px;
width: 100%;
}
#company .tb-normal th {
text-align: left;
padding: 10px 10px;
border: 1px solid #ccc;
vertical-align: middle;
background: #A6CC6E;
}
#company .tb-normal td {
text-align: left;
padding: 10px 10px;
border: 1px solid #ccc;
vertical-align: middle;
}
#company .dl_list {}
#company .dl_list dt {
font-weight: bold;
line-height: 2.0em;
}
#company .dl_list dd {
padding-left: 20px;
line-height: 1.4em;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dashed #ccc;
}
@media only screen and (max-width: 599px) {
#company .tb-normal th,
#company .tb-normal td {
width: 100%;
box-sizing: border-box;
}
#company .dl_list dd {
padding-left: 0;
}
} .privacy_policy_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/policy/pic_policy.png);
background-color: rgba(0, 0, 0, 0);
background-size: cover;
background-position-y: -150px;
}
@media only screen and (max-width: 599px) {
.policy_header {
background-position-y: 0px;
margin-bottom: 40px;
}
#policy .inner {
width: 90%;
margin: 0 auto;
}
}
#policy .section-title {
text-align: center;
padding: 20px 0;
width: 50%;
margin: 0px auto;
margin-bottom: 20px;
font-family: 'Tsukushi B Round Gothic', sans-serif;
font-weight: bold;
color: #224938;
font-size: 30px;
}
@media only screen and (max-width: 599px) {
#policy .section-title {
width: 100%;
text-align: center;
}
}
#policy p {
line-height: 1.6em;
margin-bottom: 20px;
}
#policy .sec02 {
margin-top: 50px;
}
#policy .sec03 {
margin-top: 50px;
}
#policy .sec04 {
margin-top: 50px;
}
#policy .sec05 {
margin-top: 50px;
}
#policy h2.section-title {
font-weight: bold;
padding: 20px 0;
font-size: 20px;
position: relative;
padding-left: 50px;
border-bottom: 1px solid #aaa;
text-align: left;
width: 100%;
box-sizing: border-box;
}
#policy h2.section-title::before {
content: '';
width: 50px;
height: 50px;
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/pic_footprint.png);
background-repeat: no-repeat;
position: absolute;
left: 0px;
top: 0px;
}
#policy h3 {
color: #DC6867;
font-size: 16px;
font-weight: bold;
margin: 40px 0 20px;
}
#policy .list {}
#policy .list li {
line-height: 1.4em;
} .page_top {
position: fixed;
bottom: 10px;
left: 10px;
padding: 5px 15px;
color: #fff;
font-size: 20px;
text-decoration: none;
background: #244d39;
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
z-index: 100;
margin: 0 0 35px 20px;
}
.page_top:hover {
background: #244d39;
opacity: 0.7;
} .thanksgiving_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/common/sale-hedder.jpg);
background-color: rgba(0, 0, 0, 0);
background-size: cover;
background-position-y: -150px;
height: 400px;
width: 100%;
position: relative;
background-repeat: no-repeat;
margin-bottom: 80px;	
}
.bunner02 {
text-align: center;
padding: 100px 20px;
}
.sale-flex {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.sale-column {
width: 45%;
margin: 0px 0px;
}
.c-inner02 {
max-width: 1400px;
margin: 0 auto;
}
p.sale-img img {
width: 100%;
}
.sale-column img {
width: 100%;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}
img.popup02 {
width: 100%;
}
@media (max-width: 1499px) {
.c-inner02 {
width: 90%;
}	
}
@media screen and (max-width: 764px) {	
.thanksgiving_header {
background-image: url(//www.petnoah.co.jp/wp/wp-content/themes/petnoah/child-theme/images/common/sale-hedder.jpg);
background-color: rgba(0, 0, 0, 0);
background-size: 100%;
background-position-y: 0px;
height: 250px;
width: 100%;
position: relative;
background-repeat: no-repeat;
margin-bottom: 0px;
}	
.bunner02 {
text-align: center;
padding: 100px 0px 20px;
}
.sale-column {
width: 80%;
margin: 20px 0px;
}	
.c-inner02 {
width: 100%;
padding: 0px;
}		
} .breadcrumbs {
margin-bottom: 10px;
color: #000;
font-size: 12px;
text-align: right;
}
.breadcrumbs a {
display: inline-block;
padding: 0px 3px 0px 7px;
height: 28px;
line-height: 28px;
text-decoration: none;
color: #000;
font-size: 13px;
}
p.right-text {
text-align: right;
}
.entry-page-image {
display: none!important;
}
p.sale-img.ttl {
margin-top: 100px;
}
@media screen and (max-width: 764px) {	
.sale-flex.event .sale-column {
width: 48%;
margin: 10px 0px;
}
}
.box01,.box02,.box03 {
margin-bottom: 10px;
}
.washbox02,.washbox02,.washbox03{
margin-bottom: 10px;
}
p.sale-img {
margin-top: 50px;
}
.banner-area.top-sale img {
width: 100%;
}
.cancel-list {
margin: 10px 10px 30px 10px;
}
.cancel-list ul {
padding-left: 1rem;
font-size: 15px;
}
.cancel-list ul li {
list-style: disc;
margin-bottom: 5px;	
line-height: 1.5;	
}
@media screen and (max-width: 764px) {	
.cancel-list {
font-size:13px;
}
.cancel-list ul li {
margin-bottom: 10px;	
}	
}	
p.tal {
text-align: left;
}
.mgb100{
margin-bottom:100px;
}
p.oshirase {
margin-bottom: 20px;
}
.neyagawa-oshirase {
background: #ddf4f9;
padding: 50px 30px 40px 20px;
margin-bottom: 50px;	
font-weight: 500;
line-height: 1.8;
}
#neyagawa h3 {
font-size: 20px;
margin: 30px 0px 20px 0px;
letter-spacing: 1px;
}
#neyagawa p {
line-height: 1.8;
letter-spacing: 1px;
}
#neyagawa .info-list {
list-style: none;
padding: 0;
margin: 0;
}
#neyagawa .info-list li {
display: flex;
margin-bottom: 8px;
}
#neyagawa .info-list .label {
width: 5em;
font-weight: bold;
flex-shrink: 0;
}