:root {
--wp--preset--color--background: #f9f9f9;
--wp--preset--color--text: #cccccc;
}

.lunaria-box {
/*  margin-bottom: 1.5em;*/
  border: 2px solid transparent;
/*  border-radius: 0.5em;*/
/*  background-color: transparent;*/
}

.wp-block-lunaria-accordion{
	background-color: var(--wp--preset--color--background, transparent);
}

.lunaria-box--style-rounded {
  border-radius: 1em;
  border-color: #ccc;
}

.lunaria-box--style-striped {
  border-left: 6px solid #0094D6;
  border-color: #ddd;
}

.lunaria-box--style-title .box-title {
  font-weight: bold;
  padding: 0.5em 1em;
  border-bottom: 2px solid #333;
}

.lunaria-box .box-title {
  margin: 0 0 0.5em;
  font-size: 1.2em;
  background-color: inherit;
  color: inherit;
}

.lunaria-box .box-content {
  margin: 0;
  line-height: 1.6;
}

/* Gutenberg 標準カラー対応 */
.has-background {
  background-color: var(--wp--preset--color--background, transparent);
}
.has-text-color {
  color: var(--wp--preset--color--text, inherit);
}
.lunaria-box{
overflow: visible;
}
.lunaria-box--simple {
  border: 2px solid var(--wp--preset--color--background, #fff);
}
.lunaria-box--simple h3{
  color: #FFF;
  text-align: center;
  margin: 0;
}
.lunaria-box--style-simple .inner {
  padding: .5em;
}

.lunaria-box--rounded h3{
  color: #FFF;
  text-align: center;
  margin: 0;
}

.lunaria-box--rounded {
  border: 2px solid #0094D6;
  border-radius: 10px;
  overflow: hidden;
}

.lunaria-box--rounded .inner{
  padding: .5em;
}

.inner{
	margin-top: 10px;
	margin-bottom: 10px;
}

.lunaria-box--underline h3{
  background: #0094D6;
  color: #FFF;
  text-align: center;
  margin: 0;
}

.lunaria-box--underline {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}

.lunaria-box--underline .inner{
  padding: .5em;
}

.lunaria-box--stitch {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    border: dashed 2px white;
}




.lunaria-box--striped {
  position: relative;

  background-size: 8px 8px;
  padding: 8px;
}
.lunaria-box--striped.box_inner{

  padding: .5em;
}
.lunaria-box--striped h3{

  color: #f34f61;
  margin: 0 0 .5em;
}
.lunaria-box--striped .box-content {
  margin: 0;
  line-height: 1.6;
}