@charset "UTF-8";
* {
margin: 0px;padding:0px;font-size:100%;}

ul,ol {
list-style: none;
}
form,
input {
margin: 0;
padding: 0;
}

hr {
display: none;
}
th {
font-weight: lighter;
}
img {
border: none;
vertical-align: bottom;
}
html {
font-size:62.5%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;}

*,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
.et_pb_section {
background: none !important;
}
body {

background-color: #f2f2f2;





font-size:1.6rem;

overflow-wrap:break-word !important;
word-wrap:break-word !important;}

html,
body {
}


body,
button:not(.fas),input,
select,
textarea,
p,
span:not(.elementor-share-btn__icon):not(.fc-icon):not(.jet-menu-label) {
  font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace, sans-serif !important;}

body,
button,
input,
select,
textarea {
line-height:1.5}

dt {
font-weight: bold;
}
strong {
font-weight: bold;
}
pre {
background: #f7f7f7;
color: #222;
line-height: 18px;margin-bottom: 18px; padding: 1.5em;
}

sup,sub {
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}

sup {
bottom: 1ex;
}

sub {
top: .5ex;
}

a {

text-decoration:none;
/*overflow: hidden;*/}

a:visited {
text-decoration: none;}

a:not(.elementor-button):not(.elementor-icon):hover,a:focus,
a:active {

text-decoration:none;
}



@font-face {
/*font-family:'Art Taste Font';*/
/*src:url('/assets/HanaMinA.ttf');*/
}
body {
/*font-family:'Art Taste Font' !important;*/
}



/*  fakeLoader
/*-------------------------------------------*/

/*  #headerTop and #header
/*-------------------------------------------*/

/*  Navigation
/*-------------------------------------------*/

/*      #content
/*-------------------------------------------*/

/*  Themes layout
/*-------------------------------------------*/

/*  custom-footer_css
/*-------------------------------------------*/

/*  Gutenberg
/*-------------------------------------------*/

/*  custom-footer_css
/*-------------------------------------------*/

/*  customize_css
/*-------------------------------------------*/

/*  image_css
/*-------------------------------------------*/
.blog .image-trimming,
.archive .image-trimming,
.search .image-trimming,
.home .image-trimming{
width: 200px !important;
/*min-width: 200px !important;
max-width: 200px !important;*/
height: 200px !important;
object-fit: cover !important;
}

@media screen and (min-width: 768px) {
.pc .image-trimming{
max-width:100% !important;
height: 200px !important;
object-fit: cover !important;
}
}


@media screen and (max-width: 767px) {
.blog .image-trimming{
width: 72px !important;
height: 72px !important;
object-fit: cover !important;
}
}

.post-type-archive-news .image-trimming{
width: 100px !important;
height: 100px !important;
object-fit: cover !important;
}
/*  footer_css
/*-------------------------------------------*/




/*  footerのロゴ部分 使用しない場合はACFでカット
/*-------------------------------------------*/
dl#footerLogo{
 line-height: 150%;
 /*width: 300px;*/
 margin: 0px !important;
 padding-left: 0px;    /* footer内のfooterOutlineリンク文字 or 画像の左側の余白 */
}

dl#footerLogo dt{
 line-height: 150%;
 margin-bottom: 0px;
}

dl#footerLogo dt img{
 /*max-width: 260px;*/
 margin-bottom: 0px;
}

/*  footerのお客様住所部分 使用しない場合はACFでカット
/*-------------------------------------------*/
dl#footerAddress{
 line-height: 150%;
 /*width: 300px;*/
 margin: 0px !important;
 padding-left: 0px;    /* footer内のfooterOutlineリンク文字 or 画像の左側の余白 */
}

dl#footerAddress dd{
 font-size: 85.7%;
 line-height: 150%;
}

/*  artstudio_common_min.cssから移動
/*-------------------------------------------*/
.related-title{
margin-bottom: 10px
}

.floatLeft {
    float: left;
    margin-right: 20px
}

.floatRight {
    float: right;
    margin-left: 20px
}

  .ird-fadein {
  opacity: 0; 
  visibility: hidden;
  transform: translateY(0px);
  transition: all 1s;
}
.ird-fadein.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}


