/*ベース*/
.cards{list-style:none;margin:0;padding:0}
.card{border:none;padding:2px;background:#fff}
:root{ --gap:1px }

/**********/
:root { --gap: 16px; }

/* A: auto-fit 自動拡張（SP=2, PC=4） */
.cards.grid-autofit{
  display: grid;
  gap: var(--gap);

  /* SP: 2列。1行あたりのギャップは1つなので (100% - gap)/2 */
  grid-template-columns: repeat(
    auto-fit,
    minmax(calc((100% - 1 * var(--gap)) / 2), 1fr)
  );
}

@media (min-width: 900px){
  .cards.grid-autofit{
    /* PC: 4列。1行あたりのギャップは3つなので (100% - 3*gap)/4 */
    grid-template-columns: repeat(
      auto-fit,
      minmax(calc((100% - 3 * var(--gap)) / 4), 1fr)
    );
  }
}

/* アイテムが列幅を押し広げない保険（長い語や画像対策） */
.cards .card{
  min-width: 0;
  word-break: break-word;
  box-s
}


/*parts.cssをオーバーライド(newsBody)*/
.newsBody ul{
	margin-bottom:30px;
}

.newsBody ul li{
	list-style-type: none;
	margin-bottom: 0;
	margin-left: 0;
}

.newsBody ol{
	margin-bottom:30px;
}

.newsBody ol li{
//	list-style-type: none;
	margin-bottom: 0;
	margin-left: 2em;
}



.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #CCFFCC;/*背景色*/
}
.box3 p {
    margin: 0; 
    padding: 0;
    font-weight: bold;
}

.box4 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #CCECFF;/*背景色*/
}
.box4 p {
    margin: 0; 
    padding: 0;
}

.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #ffd966;/*背景色*/
}
.box5 p {
    margin: 0; 
    padding: 0;
    font-weight: bold;
}



.sample-img {
  float: left; /* 画像を左にする場合 */
  margin-right: 20px; /* テキストとの余白 */
}
p {
  font-size: 16px;
  line-height: 1.5;
}
img {
  height: auto;
//  width: 100%;
}
.text {
  padding: 20px;
}



.titlefont01 {  /*media screen あり*/
    margin: 0; 
    padding: 10px 0 10px 10px;
    font-family: 'HG創英角ﾎﾟｯﾌﾟ体','HG丸ｺﾞｼｯｸM-PRO','ＭＳ ゴシック';
    font-size: 24pt;
    font-weight: bold;
    color: #9208DE;
}
.subtitlefont02 {  /*media screen あり*/
    margin: 0; 
    padding: 0 0 0 1em;
    font-family: 'HG創英角ﾎﾟｯﾌﾟ体','HG丸ｺﾞｼｯｸM-PRO','ＭＳ ゴシック';
    font-size: 18pt;
    color: #00B050;
}
.honbunfont01 {  /*media screen あり*/
    margin: 0; 
    padding: 0 0 0 40px;
    font-family: 'HG丸ｺﾞｼｯｸM-PRO','ＭＳ ゴシック';
    font-size: 11pt;
    color: #000;
}
.honbunfont05 {  /*media screen あり*/
    margin: 0; 
    padding: 0 0 0 40px;
    font-family: 'HG丸ｺﾞｼｯｸM-PRO','ＭＳ ゴシック';
    font-size: 10pt;
    font-weight: bold;
    color: #000;
}
.imgflower {  /*media screen あり*/
    width: 40px;
    height: 36px;
    float: left;
}
.imgsyokai02 {  /*media screen あり*/
    float:left;
    width:50%;
}
.imgsyokai03 {  /*media screen あり*/
    float:left;
    width:40%;
}
.imgsyokai04 {  /*media screen あり*/
    float:left;
    width:50%;
}
.imgsyokai05 {  /*media screen あり*/
    float:left;
    width:55%;
}
.imgcharm07 {  /*media screen あり*/
    width: 150px;
}
.imgcharm_ichi07 {  /*media screen あり*/
    position: absolute;
    top: 20px;
    left: 450px;
}
.wakusyokai07 {  /*media screen あり*/
    margin-left:auto;
    display:inline-block; 
    padding: 10px;
    border: 5px dashed rgba(255,0,255,1);
    background: #CCFFCC;
    border-radius: 6px;
    box-shadow: 0 0 0 5px #CCFFCC, 0 2px 3px 5px rgba(0,0,0,0.5);
    float:right;
    width:40%;
}
.wakusyokai08 {  /*media screen あり*/
    margin-left:auto;
    display:inline-block; 
    padding: 10px;
    border: 5px dashed rgba(255,255,0,1);
    background: #CCECFF;
    border-radius: 6px;
    box-shadow: 0 0 0 5px #CCECFF, 0 2px 3px 5px rgba(0,0,0,0.5);
    float:right;
    width:50%;
}
.wakusyokai09 {  /*media screen あり*/
    margin-left:auto;
    display:inline-block; 
    padding: 10px;
    border: 5px dashed rgba(255,80,255,1);
    background: #F4B083;
    border-radius: 6px;
    box-shadow: 0 0 0 5px #F4B083, 0 2px 3px 5px rgba(0,0,0,0.5);
    float:right;
    width:40%;
}
.kasen_bold {
    text-decoration:underline;
    font-weight:bold;
}
@media screen and ( min-width:480px )
{
.nomalOff {
    display: none;
}
}
@media screen and ( max-width:479px )
{
#wrap{  /*media screen のみ。 標準wrapをオーバーライド*/
    background-color: #fff;
}
#selfwrap{  /*media screen のみ*/
    position: relative;
    left: -7px;
    width: 100%;
}
.titlefont01 {  /*media screen*/
    margin: 0; 
    padding: 0 0 0 5px;
    font-family: 'HG創英角ﾎﾟｯﾌﾟ体','HG丸ｺﾞｼｯｸM-PRO','ＭＳ ゴシック';
    font-size: 20pt;
    font-weight: bold;
    color: #9208DE;
}
.subtitlefont02 {  /*media screen*/
    margin: 0; 
    padding: 0 0 0 5px;
    font-family: 'HG創英角ﾎﾟｯﾌﾟ体','HG丸ｺﾞｼｯｸM-PRO','ＭＳ ゴシック';
    font-size: 16pt;
    color: #00B050;
}
.honbunfont01 {  /*media screen*/
    margin: 0; 
    padding: 0 0 0 5px;
    font-family: 'HG丸ｺﾞｼｯｸM-PRO','ＭＳ ゴシック';
    font-size: 10pt;
    color: #000;
}
.honbunfont05 {  /*media screen*/
    margin: 0; 
    padding: 0 0 0 40px;
    font-family: 'HG丸ｺﾞｼｯｸM-PRO','ＭＳ ゴシック';
    font-size: 9pt;
    font-weight: bold;
    color: #000;
}
.imgflower {  /*media screen*/
    width: 33px;
    height: 30px;
    float: left;
}
.imgsyokai02 {  /*media screen*/
    width:95%;
}
.imgsyokai03 {  /*media screen*/
    width:95%;
}
.imgsyokai04 {  /*media screen*/
    width:95%;
}
.imgsyokai05 {  /*media screen*/
    width:95%;
}
.wakusyokai07 {  /*media screen*/
    margin-left:auto;
    display:inline-block; 
    padding: 10px;
    border: 5px dashed rgba(255,0,255,1);
    background: #CCFFCC;
    border-radius: 6px;
    box-shadow: 0 0 0 5px #CCFFCC, 0 2px 3px 5px rgba(0,0,0,0.5);
    width:90%;
}
.wakusyokai08 {  /*media screen*/
    margin-left:auto;
    display:inline-block; 
    padding: 10px;
    border: 5px dashed rgba(255,255,0,1);
    background: #CCECFF;
    border-radius: 6px;
    box-shadow: 0 0 0 5px #CCECFF, 0 2px 3px 5px rgba(0,0,0,0.5);
    width:90%;
}
.wakusyokai09 {  /*media screen*/
    margin-left:auto;
    display:inline-block; 
    padding: 10px;
    border: 5px dashed rgba(255,255,80,1);
    background: #F4B083;
    border-radius: 6px;
    box-shadow: 0 0 0 5px #F4B083, 0 2px 3px 5px rgba(0,0,0,0.5);
    width:90%;
}
.imgcharm07 {  /*media screen*/
    display:none
}
.imgcharm_ichi07 {  /*media screen*/
    /* display:none */
}
}