.su-u-clearfix::after {
content: '';
display: table;
clear: both
}
.su-u-trim>:first-child {
margin-top: 0
}
.su-u-trim>:last-child {
margin-bottom: 0
}
.su-u-responsive-media-yes {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden
}
.su-u-responsive-media-yes .fluid-width-video-wrapper,.su-u-responsive-media-yes .video-holder {
position: static!important
}
.su-u-responsive-media-yes embed,.su-u-responsive-media-yes iframe,.su-u-responsive-media-yes object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.su-u-overflow-hidden {
overflow: hidden
}
.su-accordion {
margin-bottom: 1.5em
}
.su-accordion .su-spoiler {
margin-bottom: .5em
}
.su-audio {
position: relative;
width: 100%;
height: 30px;
margin-bottom: 1.5em;
background: #7c8781;
background: -webkit-gradient(linear,left top,left bottom,from(#7c8781),to(#0a0809));
background: linear-gradient(to bottom,#7c8781 0,#0a0809 100%);
border-radius: 3px
}
.su-audio .jp-pause,.su-audio .jp-play {
position: absolute;
left: 0;
top: 0;
display: block;
width: 30px;
height: 30px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
cursor: pointer;
border-right: 1px solid #454947;
background-image: url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/player/default.png);
background-repeat: no-repeat
}
.su-audio .jp-play {
background-position: 0 0
}
.su-audio .jp-pause {
background-position: -30px 0
}
.su-audio .jp-current-time,.su-audio .jp-duration {
position: absolute;
top: 0;
display: block;
height: 30px;
line-height: 30px;
font-size: 10px;
color: #eee;
text-shadow: 0 -1px 0 #000
}
.su-audio .jp-current-time {
left: 45px
}
.su-audio .jp-duration {
right: 10px
}
.su-audio .jp-play-bar,.su-audio .jp-seek-bar {
position: absolute;
top: 0;
left: 0;
height: 10px;
border-radius: 3px;
cursor: pointer
}
.su-audio .jp-progress {
position: absolute;
top: 10px;
left: 85px;
right: 50px;
height: 10px;
background: #333;
box-shadow: 0 0 5px #000 inset;
border-radius: 3px
}
.su-audio .jp-seek-bar {
background: #0b0b0b;
background: -webkit-gradient(linear,left top,left bottom,from(#0b0b0b),to(#666));
background: linear-gradient(to bottom,#0b0b0b 0,#666 100%)
}
.su-audio .jp-play-bar {
background: #6db3f2;
background: -webkit-gradient(linear,left top,left bottom,from(#6db3f2),color-stop(50%,#54a3ee),color-stop(51%,#3690f0),to(#1e69de));
background: linear-gradient(to bottom,#6db3f2 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%)
}
.su-box {
margin: 0 0 1.5em;
border-width: 2px;
border-style: solid
}
.su-box-title {
display: block;
padding: .5em 1em;
font-weight: 700;
font-size: 1.1em
}
.su-box-content {
background-color: #fff;
color: #444;
padding: 1em
}
.su-box-style-soft .su-box-title {
background-image: url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/styles/style-soft.png);
background-position: 0 0;
background-repeat: repeat-x
}
.su-box-style-glass .su-box-title {
background-image: url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/styles/style-glass.png);
background-position: 0 50%;
background-repeat: repeat-x
}
.su-box-style-bubbles .su-box-title {
background-image: url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/styles/style-bubbles.png);
background-position: 0 50%;
background-repeat: repeat-x
}
.su-box-style-noise .su-box-title {
background-image: url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/styles/style-noise.png);
background-position: 0 0;
background-repeat: repeat-x
}
.su-button {
display: inline-block!important;
text-align: center;
text-decoration: none!important;
box-sizing: content-box!important;
-webkit-transition: all .2s;
transition: all .2s
}
.su-button-wide {
display: block!important;
margin: 1em 0
}
.su-button-center {
text-align: center
}
.su-button span {
display: block!important;
text-decoration: none!important;
box-sizing: content-box!important;
-webkit-transition: all .2s;
transition: all .2s
}
.su-button img {
border: none!important;
vertical-align: middle!important;
margin: -.2em .4em 0 -.3em!important;
box-shadow: none!important
}
.su-button i {
display: inline-block;
width: 1em;
height: 1em;
margin: 0 .5em 0 0!important;
text-align: center;
line-height: 1em
}
.su-button.su-button-float-icon img {
margin: 0 .5em!important
}
.su-button small {
display: block;
margin: -.2em 0 0;
color: inherit;
text-align: center;
font-style: normal;
font-size: .8em;
line-height: 1;
opacity: .7
}
.su-button-style-default {
border-width: 1px;
border-style: solid
}
.su-button-style-default:hover {
opacity: .7
}
.su-button-style-default span {
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid
}
.su-button-style-flat,.su-button-style-flat span {
border: none
}
.su-button-style-flat span {
position: relative
}
.su-button-style-flat:hover span {
top: 1px
}
.su-button-style-ghost {
background: 0 0!important
}
.su-button-style-ghost span {
border-width: 3px;
border-style: solid
}
.su-button-style-ghost:hover span {
border-color: inherit!important
}
.su-button-style-soft span {
background: 0 -20px url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/styles/style-soft.png) repeat-x
}
.su-button-style-soft:hover span {
background: 0 0 url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/styles/style-soft.png) repeat-x
}
.su-button-style-glass span {
background: 0 50% url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/styles/style-glass.png) repeat-x
}
.su-button-style-glass:hover span {
background: 100% 50% url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/styles/style-glass.png) repeat-x
}
.su-button-style-bubbles span {
background: 0 50% url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/styles/style-bubbles.png) no-repeat
}
.su-button-style-bubbles:hover span {
background: -710px 50% url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/styles/style-bubbles.png) no-repeat
}
.su-button-style-noise span {
background: 0 0 url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/styles/style-noise.png) repeat-x
}
.su-button-style-noise:hover span {
background: 0 0 url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/styles/style-noise.png) repeat-x
}
.su-button-style-stroked span {
margin: 1px;
border: 1px dashed #fff!important
}
.su-button-style-stroked:hover span {
opacity: .7
}
.su-button-style-3d {
border-bottom-style: solid;
border-bottom-width: 6px
}
.su-button-style-3d span {
border-bottom-style: solid;
border-bottom-width: 1px
}
.su-button-style-3d:hover {
position: relative;
top: 3px;
border-bottom-width: 3px
}
.su-carousel {
position: relative;
margin-bottom: 1.5em;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.su-carousel-centered {
margin: 0 auto 1.5em
}
.su-carousel-slides {
position: relative;
width: 100%;
-webkit-transition-property: -webkit-transform,left,top;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(0,0,0);
-webkit-transition-timing-function: ease;
-moz-transition-property: -moz-transform,left,top;
-moz-transition-duration: 0s;
-moz-transform: translate3d(0,0,0);
-moz-transition-timing-function: ease;
-o-transition-property: -o-transform,left,top;
-o-transition-duration: 0s;
-o-transform: translate3d(0,0,0);
-o-transition-timing-function: ease;
-o-transform: translate(0,0);
-ms-transition-property: -ms-transform,left,top;
-ms-transition-duration: 0s;
-ms-transform: translate3d(0,0,0);
-ms-transition-timing-function: ease;
-webkit-transition-property: left,top,-webkit-transform;
transition-property: left,top,-webkit-transform;
transition-property: transform,left,top;
transition-property: transform,left,top,-webkit-transform;
transition-duration: 0s;
transform: translate3d(0,0,0);
transition-timing-function: ease
}
.swiper-free-mode>.su-carousel-slides {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.su-carousel-slide {
position: relative;
float: left
}
.su-carousel-slide>a,.su-carousel-slide>a>img,.su-carousel-slide>img {
position: relative;
display: block;
width: 100%;
height: 100%;
text-decoration: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
.su-carousel-responsive-yes .su-carousel-slide>a,.su-carousel-responsive-yes .su-carousel-slide>a>img,.su-carousel-responsive-yes .su-carousel-slide>img {
height: auto
}
.su-carousel-pages-no .su-carousel-pagination {
display: none
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x
}
.su-carousel .su-carousel-slide a {
padding: 0 5px
}
.su-carousel .su-carousel-slide img {
padding: 3px;
border: 1px solid #ccc;
background: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px
}
.su-carousel .su-carousel-slide-title {
position: absolute;
left: 9px;
right: 9px;
bottom: 4px;
display: block;
padding: 2px 3px;
color: #fff;
line-height: 1.2;
font-size: 11px;
background: #000;
background: rgba(0,0,0,.5);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
transition: opacity 1s;
-o-transition: opacity 1s;
-moz-transition: opacity 1s;
-webkit-transition: opacity 1s
}
.su-carousel .su-carousel-next,.su-carousel .su-carousel-prev {
position: absolute;
top: 50%;
display: block;
width: 40px;
height: 40px;
margin-top: -20px;
background: #000 0 0 url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/swiper/default.png) no-repeat;
background-color: rgba(0,0,0,.5);
cursor: pointer;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
opacity: 0;
-webkit-transition: all .2s;
transition: all .2s
}
.su-carousel .su-carousel-prev {
right: 20px;
margin-right: 40px;
background-position: -40px 0
}
.su-carousel .su-carousel-next {
left: 20px;
margin-left: 40px;
background-position: 0 0
}
.su-carousel:hover .su-carousel-next,.su-carousel:hover .su-carousel-prev {
margin-left: 0;
margin-right: 0;
opacity: .7
}
.su-carousel .su-carousel-next:hover,.su-carousel .su-carousel-prev:hover {
opacity: 1
}
.su-carousel .su-carousel-pagination {
position: absolute;
left: 15%;
right: 15%;
top: 50%;
width: 70%;
height: 0;
margin-top: -7px;
text-align: center;
cursor: default;
opacity: 0;
-webkit-transition: all .2s;
transition: all .2s
}
.su-carousel:hover .su-carousel-pagination {
bottom: 20px;
opacity: 1
}
.su-carousel .su-carousel-pagination span {
display: inline-block;
width: 14px;
height: 14px;
margin: 0;
background: #000 0 -999px url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/swiper/default.png) no-repeat;
background-color: rgba(0,0,0,.5);
cursor: pointer;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-transition: all .2s;
transition: all .2s
}
.su-carousel:hover .su-carousel-pagination span {
margin: 0 3px
}
.su-carousel .su-carousel-pagination span.swiper-visible-switch {
background-color: #fff;
background-color: rgba(255,255,255,.5)
}
.su-carousel .su-carousel-pagination span.swiper-active-switch,.su-carousel .su-carousel-pagination span:hover {
background-position: 0 -40px
}
.su-row {
margin-bottom: 1.5em
}
.su-row::after {
display: table;
clear: both;
content: ''
}
.su-row .su-column {
display: block;
float: left;
box-sizing: border-box;
margin: 0 0 0 4%
}
.su-row .su-column:first-child {
margin-left: 0
}
.su-row .su-column.su-column-size-1-1 {
margin-right: 0;
margin-left: 0
}
.su-row .su-column.su-column-centered {
float: none;
margin-right: auto;
margin-left: auto
}
.su-row .su-column-size-1-1 {
width: 100%
}
.su-row .su-column-size-1-2 {
width: 48%
}
.su-row .su-column-size-1-3 {
width: 30.66%
}
.su-row .su-column-size-2-3 {
width: 65.33%
}
.su-row .su-column-size-1-4 {
width: 22%
}
.su-row .su-column-size-3-4 {
width: 74%
}
.su-row .su-column-size-1-5 {
width: 16.8%
}
.su-row .su-column-size-2-5 {
width: 37.6%
}
.su-row .su-column-size-3-5 {
width: 58.4%
}
.su-row .su-column-size-4-5 {
width: 79.2%
}
.su-row .su-column-size-1-6 {
width: 13.33%
}
.su-row .su-column-size-5-6 {
width: 82.66%
}
.su-row .su-column embed,.su-row .su-column iframe,.su-row .su-column img,.su-row .su-column object {
max-width: 100%
}
.su-custom-gallery {
margin-bottom: 1.5em
}
.su-custom-gallery:after,.su-custom-gallery:before {
content: '';
display: table
}
.su-custom-gallery:after {
clear: both
}
.su-custom-gallery-slide {
position: relative;
float: left;
margin: .5em;
overflow: hidden
}
.su-custom-gallery-slide a {
display: block;
width: 100%
}
.su-custom-gallery-slide img {
display: block;
margin: 0;
padding: 3px;
border: 1px solid #ccc;
background: #fff;
box-sizing: border-box;
border-radius: 5px;
box-shadow: none;
-webkit-transition: all .2s;
transition: all .2s
}
.su-custom-gallery-slide:hover img {
background: #eee;
border: 1px solid #aaa
}
.su-custom-gallery-slide span {
position: absolute;
left: 4px;
bottom: 4px;
right: 4px;
display: block;
padding: 2px 4px;
font-size: 12px;
color: #fff;
background: #000;
background: rgba(0,0,0,.5);
line-height: 1.3;
opacity: 0;
-webkit-transition: all .2s;
transition: all .2s
}
.su-custom-gallery-slide:hover span {
opacity: 1
}
.su-custom-gallery-title-never span {
display: none
}
.su-custom-gallery-title-always span {
opacity: 1
}
.su-dailymotion {
margin: 0 0 1.5em
}
.su-dailymotion iframe {
border: none!important
}
.su-display-posts-template-default .su-post {
display: -webkit-box;
display: flex;
margin-bottom: 1.75em
}
.su-display-posts-template-default .su-post-thumbnail {
margin: 0 1.25em 0 0;
width: 8.25em
}
.su-display-posts-template-default .su-post-thumbnail a {
display: block!important;
text-decoration: none!important
}
.su-display-posts-template-default .su-post-thumbnail img {
display: block!important;
margin: 0!important;
max-width: 100%!important;
height: auto!important;
-o-object-fit: cover!important;
object-fit: cover!important
}
.su-display-posts-template-default .su-post-body {
-webkit-box-flex: 1;
flex: 1
}
.su-display-posts-template-default h2.su-post-title {
margin: 0 0 1em!important;
padding: 0!important;
border: none!important;
font-size: 1.35em!important
}
.su-display-posts-template-default h2.su-post-title::after,.su-display-posts-template-default h2.su-post-title::before {
display: none
}
.su-display-posts-template-default .su-post-meta {
margin: 1em 0;
font-size: .85em;
opacity: .85
}
.su-display-posts-template-default .su-post-excerpt p {
margin: 1em 0
}
.su-display-posts-template-default .su-post-excerpt>:last-child {
margin-bottom: 0!important
}
.su-display-posts-template-default .su-post-comments-link {
margin: 1em 0 0
}
.su-display-posts-template-teasers .su-post {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
margin-bottom: 1em
}
.su-display-posts-template-teasers .su-post-thumbnail {
margin: 0 1em 0 0;
width: 3.75em
}
.su-display-posts-template-teasers .su-post-thumbnail a {
display: block!important;
text-decoration: none!important
}
.su-display-posts-template-teasers .su-post-thumbnail img {
display: block!important;
margin: 0!important;
max-width: 100%!important;
height: auto!important;
-o-object-fit: cover!important;
object-fit: cover!important
}
.su-display-posts-template-teasers .su-post-body {
-webkit-box-flex: 1;
flex: 1
}
.su-display-posts-template-teasers h2.su-post-title {
margin: 0!important;
padding: 0!important;
border: none!important;
font-size: 1.15em!important
}
.su-display-posts-template-teasers h2.su-post-title::after,.su-display-posts-template-teasers h2.su-post-title::before {
display: none
}
.su-display-posts-template-single h2.su-post-title {
margin: 0 0 1em!important;
padding: 0!important;
border: none!important;
font-size: 1.75em!important
}
.su-display-posts-template-single .su-post-meta {
margin: 1em 0;
font-size: .85em;
opacity: .85
}
.su-display-posts-pagination {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between
}
.su-display-posts-pagination-next {
margin-left: auto
}
.su-divider {
clear: both;
border: none;
text-align: right;
line-height: 1
}
.su-divider a {
display: inline-block;
font-size: .8em;
text-decoration: none;
outline: 0;
padding-bottom: 5px
}
.su-divider-style-default {
border-bottom-style: solid
}
.su-divider-style-dotted {
border-bottom-style: dotted
}
.su-divider-style-dashed {
border-bottom-style: dashed
}
.su-divider-style-double {
border-bottom-style: double
}
.su-document {
margin: 0 0 1.5em
}
.su-document iframe {
border: none!important
}
.su-dropcap {
float: left;
display: inline-block;
width: 2em;
height: 2em;
margin: .2em .5em .2em 0;
line-height: 2em;
text-align: center;
overflow: hidden;
text-transform: uppercase
}
.su-dropcap-style-default {
color: #fff;
background: #45484d;
background: -webkit-gradient(linear,left top,left bottom,from(#45484d),to(black));
background: linear-gradient(to bottom,#45484d 0,#000 100%);
text-shadow: -1px -1px 0 #000;
border-radius: 50%
}
.su-dropcap-style-flat {
background: #444;
color: #fff
}
.su-dropcap-style-light {
color: #333;
border-radius: 50%;
background: #fff;
background: -webkit-gradient(linear,left top,left bottom,from(white),to(#eaeaea));
background: linear-gradient(to bottom,#fff 0,#eaeaea 100%)
}
.su-dropcap-style-simple {
width: 1em;
height: 1em;
line-height: 1em;
text-align: left
}
.su-expand {
margin: 0 0 1.5em
}
.su-expand-content {
overflow: hidden
}
.su-expand-link {
margin-top: .5em;
cursor: pointer
}
.su-expand-link:hover {
opacity: .7
}
.su-expand-link a,.su-expand-link a:active,.su-expand-link a:focus,.su-expand-link a:hover,.su-expand-link a:visited {
display: inline;
text-decoration: none;
box-shadow: none;
background: 0 0;
border: none
}
.su-expand-link-style-underlined .su-expand-link span {
text-decoration: underline
}
.su-expand-link-style-dotted .su-expand-link span {
border-bottom: 1px dotted #333
}
.su-expand-link-style-dashed .su-expand-link span {
border-bottom: 1px dashed #333
}
.su-expand-link-style-button .su-expand-link a {
display: inline-block;
margin-top: .2em;
padding: .2em .4em;
border: 2px solid #333
}
.su-expand-link-more {
display: none
}
.su-expand-link-less {
display: block
}
.su-expand-collapsed .su-expand-link-more {
display: block
}
.su-expand-collapsed .su-expand-link-less {
display: none
}
.su-expand-link i {
display: inline-block;
margin: 0 .3em 0 0;
vertical-align: middle;
color: inherit
}
.su-expand-link img {
display: inline-block;
width: 1em;
height: 1em;
margin: 0 .3em 0 0;
vertical-align: middle
}
.su-frame,.su-frame-inner {
display: block
}
.su-frame-align-left {
float: left;
margin: 0 1em 1em 0
}
.su-frame-align-center {
float: none;
margin: 1em auto
}
.su-frame-align-right {
float: right;
margin: 0 0 1em 1em
}
.su-frame img {
display: block!important;
float: none!important;
padding: 0!important;
margin: 0!important;
border: none!important;
box-shadow: none!important
}
.su-frame-style-default {
padding: 2px;
border: 1px solid #999;
background: #fff;
box-shadow: 1px 1px 4px #ccc
}
.su-frame-style-default .su-frame-inner {
padding: 2px;
border: 4px solid #eee
}
.su-gmap {
margin: 0 0 1.5em
}
.su-gmap iframe {
border: none!important
}
.su-guests {
margin-bottom: 1.5em
}
.su-heading-style-default {
padding: 2px 0;
border-top: 1px solid #999;
border-bottom: 1px solid #999
}
.su-heading-style-default .su-heading-inner {
padding: 1em .5em;
border-top: 4px solid #eee;
border-bottom: 4px solid #eee
}
.su-heading.su-heading-align-left {
text-align: left
}
.su-heading.su-heading-align-left .su-heading-inner {
padding-left: .2em
}
.su-heading.su-heading-align-right {
text-align: right
}
.su-heading.su-heading-align-right .su-heading-inner {
padding-right: .2em
}
.su-heading.su-heading-align-center {
text-align: center
}
.su-highlight {
display: inline;
padding: 1px 0
}
.su-image-carousel {
margin: 1.5em 0;
width: 100%
}
.su-image-carousel:first-child {
margin-top: 0
}
.su-image-carousel:last-child {
margin-bottom: 0
}
.su-image-carousel-item {
box-sizing: border-box;
width: 100%
}
.su-image-carousel-item-content {
position: relative
}
.su-image-carousel-item-content a,.su-image-carousel-item-content a:active,.su-image-carousel-item-content a:focus,.su-image-carousel-item-content a:hover,.su-image-carousel-item-content a:visited,.su-image-carousel-item-content img {
display: block;
box-sizing: border-box;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
border: none;
border-radius: 0;
box-shadow: none;
text-decoration: none
}
.su-image-carousel-item-content a::after,.su-image-carousel-item-content a::before,.su-image-carousel-item-content img::after,.su-image-carousel-item-content img::before {
display: none
}
.su-image-carousel-item-content span {
position: absolute;
display: block;
overflow: auto;
max-height: 60%;
word-wrap: break-word;
font-size: .9em;
line-height: 1.3
}
.su-image-carousel-item-content span:empty {
display: none
}
.su-image-carousel-columns-2 .su-image-carousel-item {
width: 50%
}
.su-image-carousel-columns-3 .su-image-carousel-item {
width: 33.3333333333%
}
.su-image-carousel-columns-4 .su-image-carousel-item {
width: 25%
}
.su-image-carousel-columns-5 .su-image-carousel-item {
width: 20%
}
.su-image-carousel-columns-6 .su-image-carousel-item {
width: 16.6666666666%
}
.su-image-carousel-columns-7 .su-image-carousel-item {
width: 14.2857142857%
}
.su-image-carousel-columns-8 .su-image-carousel-item {
width: 12.5%
}
.su-image-carousel-columns-2.su-image-carousel-has-spacing .su-image-carousel-item {
margin-right: 3%;
width: 48.5%
}
.su-image-carousel-columns-3.su-image-carousel-has-spacing .su-image-carousel-item {
margin-right: 2.9%;
width: 31.4%
}
.su-image-carousel-columns-4.su-image-carousel-has-spacing .su-image-carousel-item {
margin-right: 2.8%;
width: 22.9%
}
.su-image-carousel-columns-5.su-image-carousel-has-spacing .su-image-carousel-item {
margin-right: 2.5%;
width: 18%
}
.su-image-carousel-columns-6.su-image-carousel-has-spacing .su-image-carousel-item {
margin-right: 2.6%;
width: 14.5%
}
.su-image-carousel-columns-7.su-image-carousel-has-spacing .su-image-carousel-item {
margin-right: 2.2%;
width: 12.4%
}
.su-image-carousel-columns-8.su-image-carousel-has-spacing .su-image-carousel-item {
margin-right: 2%;
width: 10.75%
}
.su-image-carousel-crop .su-image-carousel-item-content::before {
float: left;
margin-left: -1px;
width: 1px;
height: 0;
content: ''
}
.su-image-carousel-crop .su-image-carousel-item-content::after {
display: table;
clear: both;
content: ''
}
.su-image-carousel-crop .su-image-carousel-item-content a,.su-image-carousel-crop .su-image-carousel-item-content img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%
}
.su-image-carousel-crop .su-image-carousel-item-content img {
-o-object-fit: cover;
object-fit: cover
}
.su-image-carousel-crop-16-9 .su-image-carousel-item-content::before {
padding-top: 56.25%
}
.su-image-carousel-crop-16-10 .su-image-carousel-item-content::before {
padding-top: 62.5%
}
.su-image-carousel-crop-21-9 .su-image-carousel-item-content::before {
padding-top: 42.857142857143%
}
.su-image-carousel-crop-5-4 .su-image-carousel-item-content::before {
padding-top: 80%
}
.su-image-carousel-crop-4-3 .su-image-carousel-item-content::before {
padding-top: 75%
}
.su-image-carousel-crop-3-2 .su-image-carousel-item-content::before {
padding-top: 66.666666666667%
}
.su-image-carousel-crop-2-1 .su-image-carousel-item-content::before {
padding-top: 50%
}
.su-image-carousel-crop-1-1 .su-image-carousel-item-content::before {
padding-top: 100%
}
.su-image-carousel-crop-1-2 .su-image-carousel-item-content::before {
padding-top: 200%
}
.su-image-carousel-crop-2-3 .su-image-carousel-item-content::before {
padding-top: 150%
}
.su-image-carousel-crop-3-4 .su-image-carousel-item-content::before {
padding-top: 133.33333333333%
}
.su-image-carousel-crop-4-5 .su-image-carousel-item-content::before {
padding-top: 125%
}
.su-image-carousel-crop-9-21 .su-image-carousel-item-content::before {
padding-top: 233.33333333333%
}
.su-image-carousel-crop-10-16 .su-image-carousel-item-content::before {
padding-top: 160%
}
.su-image-carousel-crop-9-16 .su-image-carousel-item-content::before {
padding-top: 177.77777777778%
}
.su-image-carousel-align-left {
float: left;
margin-top: 0;
margin-right: 1.5em
}
.su-image-carousel-align-right {
float: right;
margin-top: 0;
margin-left: 1.5em
}
.su-image-carousel-align-center {
margin-right: auto;
margin-left: auto
}
.su-image-carousel-align-full {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
max-width: 100vw!important;
width: 100vw!important
}
.su-image-carousel button.flickity-prev-next-button {
position: absolute;
top: 50%;
display: block;
margin: -22px 0 0;
padding: 0;
width: 44px;
height: 44px;
outline: 0;
border-radius: 50%;
opacity: 0;
-webkit-transition: opacity .2s ease,-webkit-transform .2s ease;
transition: opacity .2s ease,-webkit-transform .2s ease;
transition: opacity .2s ease,transform .2s ease;
transition: opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;
-webkit-transform: none;
transform: none
}
.su-image-carousel:hover button.flickity-prev-next-button {
opacity: .5
}
.su-image-carousel button.flickity-prev-next-button:focus,.su-image-carousel button.flickity-prev-next-button:hover {
box-shadow: none;
opacity: 1
}
.su-image-carousel button.flickity-prev-next-button:focus {
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
.su-image-carousel button.flickity-prev-next-button[disabled] {
display: none
}
.su-image-carousel button.flickity-prev-next-button.previous {
left: 20px
}
.su-image-carousel button.flickity-prev-next-button.next {
right: 20px
}
.su-image-carousel>ol.flickity-page-dots {
position: absolute;
top: 50%;
bottom: auto;
left: 50%;
margin: 0;
padding: 0;
width: auto;
list-style: none;
opacity: 0;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
pointer-events: none
}
.su-image-carousel:hover>ol.flickity-page-dots {
opacity: 1
}
.su-image-carousel>ol.flickity-page-dots>li.dot {
position: relative;
display: inline-block;
margin: 5px;
padding: 0;
width: 20px;
height: 20px;
border-radius: 50%;
list-style: none;
opacity: .5;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
pointer-events: all
}
.su-image-carousel>ol.flickity-page-dots>li.dot:hover {
opacity: 1
}
.su-image-carousel>ol.flickity-page-dots>li.dot::before {
position: absolute;
top: 50%;
left: 50%;
display: none;
margin: 0;
padding: 0;
width: 10px;
height: 10px;
border-radius: 50%;
content: '';
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.su-image-carousel>ol.flickity-page-dots>li.dot.is-selected::before {
display: block
}
.su-image-carousel-controls-style-dark button.flickity-prev-next-button {
background: #000;
color: #fff
}
.su-image-carousel-controls-style-dark ol.flickity-page-dots li.dot {
background: #000
}
.su-image-carousel-controls-style-dark ol.flickity-page-dots li.dot::before {
background: #fff
}
.su-image-carousel-controls-style-light button.flickity-prev-next-button {
background: #fff;
color: #000
}
.su-image-carousel-controls-style-light ol.flickity-page-dots li.dot {
background: #fff
}
.su-image-carousel-controls-style-light ol.flickity-page-dots li.dot::before {
background: #000
}
.su-image-carousel-slides-style-default .su-image-carousel-item-content {
margin: 1px
}
.su-image-carousel-slides-style-default .su-image-carousel-item-content img {
padding: 3px;
border: 1px solid #ccc;
border-radius: 7px;
background: #fff
}
.su-image-carousel-slides-style-default .su-image-carousel-item-content span {
right: 4px;
bottom: 4px;
left: 4px;
padding: .5em .7em;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.7)),to(transparent));
background: linear-gradient(to top,rgba(0,0,0,.7),transparent);
color: #fff;
text-shadow: 0 2px 5px #000
}
.su-image-carousel-slides-style-minimal .su-image-carousel-item-content {
margin: 1px
}
.su-image-carousel-slides-style-minimal .su-image-carousel-item-content span {
right: 0;
bottom: 0;
left: 0;
padding: .7em;
background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.7)),to(transparent));
background: linear-gradient(to top,rgba(0,0,0,.7),transparent);
color: #fff;
text-shadow: 0 2px 5px #000
}
.su-image-carousel-slides-style-photo .su-image-carousel-item-content {
padding: 7px
}
.su-image-carousel-slides-style-photo .su-image-carousel-item-content img {
border: 5px solid #fff;
border-radius: 7px;
box-shadow: 0 2px 5px rgba(0,0,0,.5)
}
.su-image-carousel-slides-style-photo .su-image-carousel-item-content span {
right: 12px;
bottom: 12px;
left: 12px;
padding: .3em .5em;
background: #fff;
color: #000;
font-size: .9em
}
.su-image-carousel-slides-style-photo.su-image-carousel-crop .su-image-carousel-item-content img {
top: 7px;
right: 7px;
bottom: 7px;
left: 7px;
width: calc(100% - 14px);
height: calc(100% - 14px)
}
.su-image-carousel-mfp.mfp-bg {
z-index: 102000!important
}
.su-image-carousel-mfp.mfp-wrap {
z-index: 102001!important
}
.su-image-carousel-mfp.mfp-wrap .mfp-preloader {
z-index: 102002!important
}
.su-image-carousel-mfp.mfp-wrap .mfp-content {
z-index: 102003!important
}
.su-image-carousel-mfp.mfp-wrap button.mfp-arrow,.su-image-carousel-mfp.mfp-wrap button.mfp-close {
z-index: 102004!important
}
.su-image-carousel-has-outline .su-image-carousel-item-content a:focus img,.su-image-carousel-has-outline button.flickity-prev-next-button:focus {
outline-width: 2px;
outline-style: solid;
outline-color: Highlight
}
.su-label {
display: inline;
margin-right: .3em;
padding: .1em .3em;
font-size: .8em;
height: .8em;
line-height: .8em;
color: #fff;
border-radius: 3px
}
.su-label-type-default {
background: #999
}
.su-label-type-success {
background: #090
}
.su-label-type-warning {
background: #f90
}
.su-label-type-important {
background: #f03
}
.su-label-type-black {
background: #111
}
.su-label-type-info {
background: #09c
}
.su-lightbox-content {
position: relative;
margin: 0 auto
}
#su-generator .su-lightbox-content,.mfp-content .su-lightbox-content {
display: block!important
}
.su-lightbox-content-preview {
width: 100%;
min-height: 300px;
background: #444;
overflow: hidden
}
.su-lightbox-content h1,.su-lightbox-content h2,.su-lightbox-content h3,.su-lightbox-content h4,.su-lightbox-content h5,.su-lightbox-content h6 {
color: inherit
}
.su-lightbox {
cursor: pointer
}
.su-list {
margin-bottom: 1.5em
}
.su-list ul {
margin: 0!important;
padding: 0!important;
list-style: none!important
}
.su-list ul li {
position: relative;
display: block!important;
margin: 0!important;
padding: 4px 0 4px 2em!important;
list-style-type: none!important;
line-height: 1.3em
}
.su-list ul li>img {
position: absolute;
left: 0;
top: 4px;
width: 1.3em;
height: 1.3em;
padding: 0;
margin: 0;
border: none
}
.su-list ul li>i {
position: absolute;
left: 0;
top: 4px;
width: 1.3em;
height: 1.3em;
line-height: 1.3em;
text-align: center
}
.su-members {
margin-bottom: 1.5em;
padding: 1em;
border-width: 1px 0;
border-style: solid;
text-align: center
}
.su-members a {
text-decoration: underline;
color: inherit
}
.su-note {
margin: 0 0 1.5em;
border-width: 1px;
border-style: solid
}
.su-note-inner {
padding: 1em;
border-width: 1px;
border-style: solid
}
.su-posts-default-loop .su-post {
margin-bottom: 2.5em;
line-height: 1.5
}
.su-posts-default-loop .su-post:after {
content: '';
display: table;
clear: both
}
.su-posts-default-loop .su-post-thumbnail {
float: left;
display: block;
width: 100px;
height: 100px;
margin-right: 1em
}
.su-posts-default-loop .su-post-thumbnail img {
max-width: 100px;
max-height: 100px
}
.su-posts-default-loop h2.su-post-title {
clear: none;
margin: 0 0 .3em;
font-size: 1.2em;
font-weight: 700
}
.su-posts-default-loop .su-post-meta {
margin-bottom: .7em;
font-size: .8em;
opacity: .6
}
.su-posts-default-loop .su-post-excerpt {
margin-bottom: .5em
}
.su-posts-default-loop .su-post-excerpt p:last-child {
margin-bottom: 0
}
.su-posts-default-loop .su-post-comments-link {
font-size: .9em
}
.su-posts-teaser-loop .su-post {
margin-bottom: 1.5em;
line-height: 1.2
}
.su-posts-teaser-loop .su-post:after {
content: '';
display: table;
clear: both
}
.su-posts-teaser-loop .su-post-thumbnail {
float: left;
display: block;
width: 56px;
height: 56px;
margin: 0 1em 0 0
}
.su-posts-teaser-loop .su-post-thumbnail img {
display: block;
margin: 0;
padding: 2px;
border: 1px solid #ccc;
border-radius: 5px;
max-width: 100%;
max-height: 100%
}
.su-posts-teaser-loop h2.su-post-title {
display: block;
margin: 0;
padding: 0;
border: none;
font-size: .9em;
font-weight: 400;
clear: none
}
.su-posts-single-post .su-post {
margin-bottom: 2.5em;
line-height: 1.5
}
.su-posts-single-post .su-post:after {
content: '';
display: table;
clear: both
}
.su-posts-single-post h1.su-post-title {
clear: none;
margin: 0 0 .3em;
font-size: 1.2em;
font-weight: 700
}
.su-posts-single-post .su-post-meta {
margin-bottom: .7em;
font-size: .8em;
opacity: .6
}
.su-posts-single-post .su-post-content {
margin-bottom: .5em
}
.su-posts-single-post .su-post-content p:last-child {
margin-bottom: 0
}
.su-private {
margin: 0 0 1.5em
}
.su-pullquote {
display: block;
width: 30%;
padding: .5em 1em
}
.su-pullquote-align-left {
margin: .5em 1.5em 1em 0;
padding-left: 0;
float: left;
border-right: 5px solid #eee
}
.su-pullquote-align-right {
margin: .5em 0 1em 1.5em;
padding-right: 0;
float: right;
border-left: 5px solid #eee
}
.su-qrcode {
display: inline-block
}
.su-qrcode-align-left {
float: left;
margin: 0 .5em .5em 0
}
.su-qrcode-align-center {
display: block;
clear: both;
margin: 1em auto;
text-align: center
}
.su-qrcode-align-right {
float: right;
margin: 0 0 .5em .5em
}
.su-qrcode a,.su-qrcode a:active,.su-qrcode a:focus,.su-qrcode a:hover {
background: 0 0;
outline: 0;
display: inline;
text-decoration: none
}
.su-qrcode-clickable a:hover {
opacity: .7
}
.su-qrcode img {
max-width: 100%
}
.su-quote-style-default {
position: relative;
margin-bottom: 1.5em;
padding: .5em 3em;
font-style: italic
}
.su-quote-style-default:after,.su-quote-style-default:before {
position: absolute;
display: block;
width: 20px;
height: 20px;
background-image: url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/quote.png);
content: ''
}
.su-quote-style-default:before {
top: 0;
left: 0;
background-position: 0 0
}
.su-quote-style-default:after {
right: 0;
bottom: 0;
background-position: -20px 0
}
.su-quote-style-default .su-quote-cite {
display: block;
text-align: right;
font-style: normal
}
.su-quote-style-default .su-quote-cite:before {
content: '\2014\0000a0'
}
.su-quote-style-default .su-quote-cite a {
text-decoration: underline
}
.su-screenr {
margin: 0 0 1.5em
}
.su-screenr iframe {
border: none!important
}
.su-service {
position: relative;
margin: 0 0 1.5em
}
.su-service-title {
display: block;
margin-bottom: .5em;
color: #333;
font-weight: 700;
font-size: 1.1em
}
.su-service-title img {
position: absolute;
top: 0;
left: 0;
display: block!important;
margin: 0!important;
padding: 0!important;
border: none!important;
box-shadow: none!important
}
.su-service-title i {
position: absolute;
top: 0;
left: 0;
display: block!important;
width: 1em;
height: 1em;
text-align: center;
line-height: 1em
}
.su-service-content {
line-height: 1.4
}
.su-slider {
position: relative;
margin-bottom: 1.5em;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.su-slider-centered {
margin: 0 auto 1.5em
}
.su-slider-slides {
position: relative;
width: 100%;
-webkit-transition-property: -webkit-transform,left,top;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(0,0,0);
-webkit-transition-timing-function: ease;
-moz-transition-property: -moz-transform,left,top;
-moz-transition-duration: 0s;
-moz-transform: translate3d(0,0,0);
-moz-transition-timing-function: ease;
-o-transition-property: -o-transform,left,top;
-o-transition-duration: 0s;
-o-transform: translate3d(0,0,0);
-o-transition-timing-function: ease;
-o-transform: translate(0,0);
-ms-transition-property: -ms-transform,left,top;
-ms-transition-duration: 0s;
-ms-transform: translate3d(0,0,0);
-ms-transition-timing-function: ease;
-webkit-transition-property: left,top,-webkit-transform;
transition-property: left,top,-webkit-transform;
transition-property: transform,left,top;
transition-property: transform,left,top,-webkit-transform;
transition-duration: 0s;
transform: translate3d(0,0,0);
transition-timing-function: ease
}
.swiper-free-mode>.su-slider-slides {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto
}
.su-slider-slide {
position: relative;
float: left
}
.su-slider-slide>a,.su-slider-slide>a>img,.su-slider-slide>img {
position: relative;
display: block;
width: 100%;
height: 100%;
text-decoration: none
}
.su-slider-responsive-yes .su-slider-slide>a,.su-slider-responsive-yes .su-slider-slide>a>img,.su-slider-responsive-yes .su-slider-slide>img {
height: auto
}
.su-slider-pages-no .su-slider-pagination {
display: none
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x
}
.su-slider-slide-title {
position: absolute;
left: 20px;
bottom: 20px;
display: block;
max-width: 90%;
padding: 5px 10px;
color: #fff;
line-height: 1.3;
background: #000;
background: rgba(0,0,0,.5);
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
opacity: 0;
transition: opacity 1s;
-o-transition: opacity 1s;
-moz-transition: opacity 1s;
-webkit-transition: opacity 1s
}
.su-slider-slide-visible .su-slider-slide-title {
opacity: 1
}
.su-slider-next,.su-slider-prev {
position: absolute;
top: 50%;
display: block;
width: 40px;
height: 40px;
margin-top: -20px!important;
background: #000 0 0 url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/swiper/default.png) no-repeat;
background-color: rgba(0,0,0,.5);
cursor: pointer;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
opacity: 0;
-webkit-transition: all .2s;
transition: all .2s
}
.su-slider-prev {
right: 10px;
margin-right: 30px;
background-position: -40px 0
}
.su-slider-next {
left: 10px;
margin-left: 30px;
background-position: 0 0
}
.su-slider:hover .su-slider-next,.su-slider:hover .su-slider-prev {
margin-left: 0;
margin-right: 0;
opacity: .7
}
.su-slider .su-slider-next:hover,.su-slider .su-slider-prev:hover {
opacity: 1
}
.su-slider-pagination {
position: absolute;
left: 15%;
right: 15%;
top: 50%;
width: 70%;
height: 0;
margin-top: -7px;
text-align: center;
cursor: default;
opacity: 0;
-webkit-transition: all .2s;
transition: all .2s
}
.su-slider:hover .su-slider-pagination {
bottom: 20px;
opacity: 1
}
.su-slider-pagination span {
display: inline-block;
width: 14px;
height: 14px;
margin: 0;
background: #000 0 -999px url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/swiper/default.png) no-repeat;
background-color: rgba(0,0,0,.5);
cursor: pointer;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-transition: all .2s;
transition: all .2s
}
.su-slider:hover .su-slider-pagination span {
margin: 0 3px
}
.su-slider .su-slider-pagination span.swiper-visible-switch {
background-color: #fff;
background-color: rgba(255,255,255,.5)
}
.su-slider-pagination span.swiper-active-switch,.su-slider-pagination span:hover {
background-position: 0 -40px
}
.su-spacer {
display: block;
height: 0;
clear: both;
overflow: hidden
}
.su-spacer-5 {
height: 5px
}
.su-spacer-10 {
height: 10px
}
.su-spacer-20 {
height: 20px
}
.su-spacer-30 {
height: 30px
}
.su-spacer-40 {
height: 40px
}
.su-spoiler {
margin-bottom: 1.5em
}
.su-spoiler .su-spoiler:last-child {
margin-bottom: 0
}
.su-spoiler-title {
position: relative;
cursor: pointer;
min-height: 20px;
line-height: 20px;
padding: 7px 7px 7px 34px;
font-weight: 700;
font-size: 13px
}
.su-spoiler-title:focus {
outline: currentColor thin dotted
}
.su-spoiler-icon {
position: absolute;
left: 7px;
top: 7px;
display: block;
width: 20px;
height: 20px;
line-height: 21px;
text-align: center;
font-size: 14px;
font-family: ShortcodesUltimateIcons;
font-weight: 400;
font-style: normal;
-webkit-font-smoothing: antialiased
}
.su-spoiler-content {
padding: 14px;
-webkit-transition: padding-top .2s;
transition: padding-top .2s;
-ie-transition: padding-top .2s
}
.su-spoiler.su-spoiler-closed>.su-spoiler-content {
height: 0;
margin: 0;
padding: 0;
overflow: hidden;
border: none;
opacity: 0;
pointer-events: none
}
.su-spoiler.su-spoiler-closed>.su-spoiler-content iframe {
display: none
}
.su-spoiler-icon-plus .su-spoiler-icon:before {
content: '\f068'
}
.su-spoiler-icon-plus.su-spoiler-closed .su-spoiler-icon:before {
content: '\f067'
}
.su-spoiler-icon-plus-circle .su-spoiler-icon:before {
content: '\f056'
}
.su-spoiler-icon-plus-circle.su-spoiler-closed .su-spoiler-icon:before {
content: '\f055'
}
.su-spoiler-icon-plus-square-1 .su-spoiler-icon:before {
content: '\f146'
}
.su-spoiler-icon-plus-square-1.su-spoiler-closed .su-spoiler-icon:before {
content: '\f0fe'
}
.su-spoiler-icon-plus-square-2 .su-spoiler-icon:before {
content: '\f147'
}
.su-spoiler-icon-plus-square-2.su-spoiler-closed .su-spoiler-icon:before {
content: '\f196'
}
.su-spoiler-icon-arrow .su-spoiler-icon:before {
content: '\f063'
}
.su-spoiler-icon-arrow.su-spoiler-closed .su-spoiler-icon:before {
content: '\f061'
}
.su-spoiler-icon-arrow-circle-1 .su-spoiler-icon:before {
content: '\f0ab'
}
.su-spoiler-icon-arrow-circle-1.su-spoiler-closed .su-spoiler-icon:before {
content: '\f0a9'
}
.su-spoiler-icon-arrow-circle-2 .su-spoiler-icon:before {
content: '\f01a'
}
.su-spoiler-icon-arrow-circle-2.su-spoiler-closed .su-spoiler-icon:before {
content: '\f18e'
}
.su-spoiler-icon-chevron .su-spoiler-icon:before {
content: '\f078'
}
.su-spoiler-icon-chevron.su-spoiler-closed .su-spoiler-icon:before {
content: '\f054'
}
.su-spoiler-icon-chevron-circle .su-spoiler-icon:before {
content: '\f13a'
}
.su-spoiler-icon-chevron-circle.su-spoiler-closed .su-spoiler-icon:before {
content: '\f138'
}
.su-spoiler-icon-caret .su-spoiler-icon:before {
content: '\f0d7'
}
.su-spoiler-icon-caret.su-spoiler-closed .su-spoiler-icon:before {
content: '\f0da'
}
.su-spoiler-icon-caret-square .su-spoiler-icon:before {
content: '\f150'
}
.su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before {
content: '\f152'
}
.su-spoiler-icon-folder-1 .su-spoiler-icon:before {
content: '\f07c'
}
.su-spoiler-icon-folder-1.su-spoiler-closed .su-spoiler-icon:before {
content: '\f07b'
}
.su-spoiler-icon-folder-2 .su-spoiler-icon:before {
content: '\f115'
}
.su-spoiler-icon-folder-2.su-spoiler-closed .su-spoiler-icon:before {
content: '\f114'
}
.su-spoiler-style-default>.su-spoiler-title {
padding-left: 27px;
padding-right: 0
}
.su-spoiler-style-default>.su-spoiler-title>.su-spoiler-icon {
left: 0
}
.su-spoiler-style-default>.su-spoiler-content {
padding: 1em 0 1em 27px
}
.su-spoiler-style-fancy {
border: 1px solid #ccc;
border-radius: 10px;
background: #fff;
color: #333
}
.su-spoiler-style-fancy>.su-spoiler-title {
border-bottom: 1px solid #ccc;
border-radius: 10px;
background: #f0f0f0;
font-size: .9em
}
.su-spoiler-style-fancy.su-spoiler-closed>.su-spoiler-title {
border: none
}
.su-spoiler-style-fancy>.su-spoiler-content {
border-radius: 10px
}
.su-spoiler-style-simple {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc
}
.su-spoiler-style-simple>.su-spoiler-title {
padding: 5px 10px;
background: #f0f0f0;
color: #333;
font-size: .9em
}
.su-spoiler-style-simple>.su-spoiler-title>.su-spoiler-icon {
display: none
}
.su-spoiler-style-simple>.su-spoiler-content {
padding: 1em 10px;
background: #fff;
color: #333
}
.su-table {
width: 100%;
margin-bottom: 1.5em
}
.su-table table {
width: 100%!important;
margin: 0!important;
border-collapse: collapse!important;
font-size: 1em!important;
border: 1px solid #ccc!important;
table-layout: auto!important
}
.su-table table th {
text-align: center!important;
padding: 1em!important;
font-size: 1em!important;
font-weight: 700!important;
color: #333!important;
border: 1px solid #ccc!important;
background: #f0f0f0!important
}
.su-table table td {
padding: .5em 1em!important;
border: 1px solid #ccc!important;
background: #fff!important
}
.su-table-responsive {
overflow-x: auto
}
.su-table-responsive table {
width: auto!important;
min-width: 100%!important
}
.su-table-responsive table td,.su-table-responsive table th {
word-break: initial!important
}
.su-table-alternate table tr:nth-child(even) td {
background-color: #f7f7f7!important
}
.su-table-fixed table {
table-layout: fixed!important
}
.su-tabs {
margin: 0 0 1.5em;
padding: 3px;
border-radius: 3px;
background: #eee
}
.su-tabs-nav span {
display: inline-block;
margin-right: 3px;
padding: 10px 15px;
min-height: 40px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
color: #333;
font-size: 13px;
line-height: 20px;
cursor: pointer;
-webkit-transition: all .2s;
transition: all .2s
}
.su-tabs-nav span:hover {
background: #f5f5f5
}
.su-tabs-nav span.su-tabs-current {
background: #fff;
cursor: default
}
.su-tabs-nav span:focus {
outline: currentColor thin dotted
}
.su-tabs-nav span.su-tabs-disabled {
opacity: .5;
cursor: default
}
.su-tabs-pane {
padding: 15px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
background: #fff;
color: #333;
font-size: 13px
}
.su-tabs-pane:not(.su-tabs-pane-open) {
overflow: hidden!important;
padding: 0!important;
min-height: 0!important;
height: 0!important;
border: none!important
}
.su-tabs-nav,.su-tabs-nav span,.su-tabs-pane,.su-tabs-panes {
box-sizing: border-box!important
}
.su-tabs-vertical {
display: -webkit-box;
display: flex
}
.su-tabs-vertical .su-tabs-nav {
width: 30%
}
.su-tabs-vertical .su-tabs-nav>span {
display: block;
margin-right: 0;
border-radius: 0;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px
}
.su-tabs-vertical .su-tabs-panes {
width: 70%
}
.su-tabs-vertical .su-tabs-panes .su-tabs-pane {
height: 100%;
border-radius: 0;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px
}
.qtip.su-qtip {
max-width: 480px!important
}
.su-tooltip {
display: inline-block
}
.su-qtip-size-1 {
font-size: .8em!important
}
.su-qtip-size-2 {
font-size: .9em!important
}
.su-qtip-size-3 {
font-size: 1em!important
}
.su-qtip-size-4 {
font-size: 1.1em!important
}
.su-qtip-size-5 {
font-size: 1.2em!important
}
.su-qtip-size-6 {
font-size: 1.3em!important
}
.su-tooltip-content {
display: none
}
.su-tooltip-content>:last-child {
margin-bottom: 0
}
.qtip-content .su-tooltip-content embed,.qtip-content .su-tooltip-content iframe,.qtip-content .su-tooltip-content img,.qtip-content .su-tooltip-content object {
max-width: 430px
}
.qtip-content .su-tooltip-content .su-u-responsive-media-yes {
width: 430px
}
.su-video {
position: relative;
margin-bottom: 1.5em;
overflow: hidden
}
.su-video .jp-title {
position: absolute;
top: -100px;
left: 0;
width: 100%;
height: 30px;
padding: 0 1em;
line-height: 30px;
font-size: .9em;
background: #000;
background: rgba(0,0,0,.5);
color: #fff;
-webkit-transition: top .2s;
transition: top .2s
}
.su-video:hover .jp-title {
top: 0
}
.su-video .jp-start {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
cursor: pointer;
opacity: .5;
-webkit-transition: opacity .2s;
transition: opacity .2s;
background: 50% 50% url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/player/default-start.png) no-repeat
}
.su-video:hover .jp-start {
opacity: .8
}
.su-video.jp-video-full {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%
}
.su-video.jp-video-full .jp-jplayer {
position: fixed!important;
left: 0;
top: 0;
overflow: hidden
}
.su-video .jp-gui {
position: relative;
height: 30px;
background: #7c8781;
background: -webkit-gradient(linear,left top,left bottom,from(#7c8781),to(#0a0809));
background: linear-gradient(to bottom,#7c8781 0,#0a0809 100%);
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.su-video.jp-video-full .jp-gui {
position: fixed;
left: 0;
bottom: 0;
width: 100%
}
.su-video-controls-no .jp-gui {
position: absolute!important;
bottom: -100px;
left: 0;
right: 0;
-webkit-transition: bottom .2s;
transition: bottom .2s
}
.su-video-controls-no:hover .jp-gui {
bottom: 0
}
.su-video img {
border-radius: 0!important;
border: none!important;
margin: 0!important;
padding: 0!important
}
.su-video .jp-gui .jp-pause,.su-video .jp-gui .jp-play {
position: absolute;
left: 0;
top: 0;
display: block;
width: 30px;
height: 30px;
border-right: 1px solid #454947;
cursor: pointer
}
.su-video .jp-gui .jp-play {
background: 0 0 url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/player/default.png) no-repeat
}
.su-video .jp-gui .jp-pause {
background: -30px 0 url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/player/default.png) no-repeat
}
.su-video .jp-full-screen,.su-video .jp-restore-screen {
position: absolute;
top: 0;
right: 0;
display: block;
width: 30px;
height: 30px;
border-left: 1px solid #454947;
cursor: pointer
}
.su-video .jp-full-screen {
background: 0 -30px url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/player/default.png) no-repeat
}
.su-video .jp-restore-screen {
background: -30px -30px url(//www.food-care.co.jp/wp-content/themes/food-care-wp/assets/css/images/player/default.png) no-repeat
}
.su-video .jp-progress {
position: absolute;
top: 10px;
left: 90px;
right: 90px;
height: 10px;
background: #333;
border-radius: 3px;
box-shadow: 0 0 5px #000 inset
}
.su-video .jp-play-bar,.su-video .jp-seek-bar {
position: absolute;
top: 0;
left: 0;
height: 100%;
cursor: pointer;
border-radius: 3px
}
.su-video .jp-seek-bar {
background: #0b0b0b;
background: -webkit-gradient(linear,left top,left bottom,from(#0b0b0b),to(#666));
background: linear-gradient(to bottom,#0b0b0b 0,#666 100%)
}
.su-video .jp-play-bar {
background: #6db3f2;
background: -webkit-gradient(linear,left top,left bottom,from(#6db3f2),color-stop(50%,#54a3ee),color-stop(51%,#3690f0),to(#1e69de));
background: linear-gradient(to bottom,#6db3f2 0,#54a3ee 50%,#3690f0 51%,#1e69de 100%)
}
.su-video .jp-current-time,.su-video .jp-duration {
position: absolute;
top: 0;
display: block;
height: 30px;
line-height: 30px;
color: #f5f5f5;
font-size: 10px
}
.su-video .jp-current-time {
left: 50px
}
.su-video .jp-duration {
right: 50px
}
.su-vimeo {
margin: 0 0 1.5em
}
.su-vimeo iframe {
border: none!important
}
.su-youtube {
margin: 0 0 1.5em
}
.su-youtube iframe {
border: none!important
}
@media screen and (max-width: 768px) {
.su-button span {
padding-top:.25em!important;
padding-bottom: .25em!important;
line-height: 1.2!important
}
.su-button small {
margin-top: .2em!important
}
.su-display-posts-template-default .su-post-thumbnail {
width: 4em
}
.su-display-posts-template-teasers .su-post-thumbnail {
width: 2.75em
}
.su-image-carousel-adaptive .su-image-carousel-item,.su-image-carousel-adaptive.su-image-carousel-has-spacing .su-image-carousel-item {
margin-right: 0;
width: 100%
}
}
@media screen and (max-width: 48em) {
.su-pullquote {
width:auto
}
.su-pullquote-align-left,.su-pullquote-align-right {
float: none;
margin: 1.5em 0;
padding: .5em 1em
}
}
@media only screen and (max-width: 768px) {
.su-tabs-vertical {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
flex-direction: column
}
.su-tabs-vertical .su-tabs-nav,.su-tabs-vertical .su-tabs-panes {
width: 100%
}
.su-tabs-vertical .su-tabs-nav .su-tabs-pane,.su-tabs-vertical .su-tabs-nav>span,.su-tabs-vertical .su-tabs-panes .su-tabs-pane,.su-tabs-vertical .su-tabs-panes>span {
border-radius: 3px
}
.su-tabs-mobile-stack .su-tabs-nav span {
display: block
}
.su-tabs-mobile-scroll .su-tabs-nav {
display: -webkit-box;
display: flex;
-webkit-box-align: end;
align-items: flex-end;
white-space: nowrap;
overflow-x: auto
}
}
@media only screen and (max-width: 767px) {
.su-row .su-column {
float:none;
width: 100%;
margin: 0
}
.su-row .su-column+.su-column {
margin: 1.5rem 0 0
}
}
@media (-webkit-min-device-pixel-ratio: 0) {
.su-image-carousel-has-outline .su-image-carousel-item-content a:focus,.su-image-carousel-has-outline button.flickity-prev-next-button:focus {
outline-style:auto;
outline-color: -webkit-focus-ring-color
}
}