@charset "utf-8";
/*
Theme Name: こつくりBASE　専用テーマ
Theme URI: https://coocrew.com/
Description: こつくりBASEテーマ　2025.6
Version: 1.0

Author: クックルー
Author URI: https://coocrew.com/
*/


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

body.mceContentBody {
  background:#fff;
  color:#484848;
  font:12px/1.5 'Lucida Grande', Helvetica;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic M", "YuGothic", sans-serif; 
  -webkit-text-size-adjust: 100%;
  overflow:visible;
  padding:0;
  margin:1em;
}


img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/* End captions */

.wysiwyg p {
  margin-bottom: 1em;
}
.wysiwyg strong{
  font-weight: bold;
}
.wysiwyg em{
  font-style: italic;
}
.wysiwyg ul,
.wysiwyg ol{
  margin-bottom: 1em;
  margin-left: 1em;
}
.wysiwyg ul{
  list-style-type: disc;
}
.wysiwyg ol{
  list-style-type: decimal;
}
.fitimg {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fitimg img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.regacy_fitimg {
  display: relative;
  overflow: hidden;
}
.regacy_fitimg img{
  position: absolute;
  left: -50%;
  right: -50%;
  top: -50%;
  bottom: -50%;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}