
 /*
:element{
    --primary-color: #007CC7; 
    --secondary-color: #00CA92;
    --dark-color: #222222;
    --muted-color: #F3F3E9;
    --light-dark-color: #C0C0C0;
    --danger-color: #FF5C00;
    --warning-color: #FF8C00;

    --global-primary-background: var(--primary-color);
    --global-secondary-background: var(--dark-color);
    --global-muted-background: var(--muted-color);

    --offcanvas-bar-width: 300px;

    --global-color: #333333;
    --global-link-color: #005E95;
    --global-link-hover-color: darken(var(--global-link-color), 10%);

    --global-font-size: 16px;
}
*/

.uk-image-wrapper {
    overflow: hidden;
}

.uk-image-wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.uk-text-line-2 {
    height: 2.5em;
    overflow: hidden;
}

.uk-padding-small-right {
    padding-right: 16px;
}

.uk-border-rounded-left {
    border-radius: 5px 0px 0px 5px;
}

.uk-border-rounded-right {
    border-radius: 0px 5px 5px 0px;
}

.uk-padding-small-left {
    padding-left: 16px;
}
  
.uk-padding-small-right {
padding-right: 16px;
}

.uk-overlay-gradient {
   background: -moz-linear-gradient(135deg, rgba(0,124,199, 0.8), rgba(0,202,146, 0.8));
   background: -webkit-linear-gradient(135deg, rgba(0,124,199, 0.8), rgba(0,202,146, 0.8));
   background: linear-gradient(135deg, rgba(0,124,199, 0.8), rgba(0,202,146, 0.8)); 
 }

 .cg-page-header {
    border-bottom: 3px solid #007CC7;
    border-image: linear-gradient(135deg, rgba(0,124,199, 0.8), rgba(0,202,146, 0.8)) 1;
}

.uk-background-white {
  /*background-color: white !important;*/
  background-color: rgba(0, 0, 0, 0) !important;
}

.uk-logo img{
    height: 48px;
}

.cg-site-main{
	margin: 0px;
  padding: 0px;

}

 /* デスクトップデバイスの本文幅を広げる */
 /*
@media only screen and (min-width: 822px){
    .post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
      max-width: var(--responsive--alignwide-width);
      margin-left: auto;
      margin-right: auto;
    }
    
    .entry-footer {
      max-width: var(--responsive--alignwide-width);
      margin-left: auto;
      margin-right: auto;
    }
    
    .author-bio {
      max-width: var(--responsive--alignwide-width);
      margin-left: auto;
      margin-right: auto;
    }
    .site {
      max-width: 70vw;
      margin-left: auto;
      margin-right: auto;
    }
    
  }
  */