/*ベース*/
.cards{list-style:none;margin:0;padding:0}
.card{border:1px solid #ddd;padding:12px;border-radius:8px;background:#fff}
:root{ --gap:16px }

/**********/
: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: 0;
}




.titlefont01 {  /*media screen あり*/
    margin: 0; 
    padding: 10px 0 10px 10px;
    font-family: 'HG創英角ﾎﾟｯﾌﾟ体','HG丸ｺﾞｼｯｸM-PRO','ＭＳ ゴシック';
    font-size: 24pt;
    font-weight: bold;
    color: #9208DE;
}
.subtitlefont01 {  /*media screen あり*/
    margin: 0; 
    padding: 0 0 0 5px;
    font-family: 'HG創英角ﾎﾟｯﾌﾟ体','HG丸ｺﾞｼｯｸM-PRO','ＭＳ ゴシック';
    font-size: 18pt;
    color: #00B050;
}
.midasi01 {
    position: relative;
    background: #dfefff;
    box-shadow: 0px 0px 0px 5px #dfefff;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
}
.midasi01:after {
    position: absolute;
    content: '';
    left: -7px;
    top: -7px;
    border-width: 0 0 15px 15px;
    border-style: solid;
    border-color: #fff #fff #a8d4ff;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.honbunfont01 {  /*media screen あり*/
    margin: 0; 
    padding: 0 0 0 40px;
    font-family: 'HG丸ｺﾞｼｯｸM-PRO','ＭＳ ゴシック';
    font-size: 11pt;
    color: #000;
}
.honbunfont02 {  /*media screen あり*/
    margin: 0; 
    padding: 0 0 0 40px;
    font-family: 'HG丸ｺﾞｼｯｸM-PRO','ＭＳ ゴシック';
    font-size: 14pt;
    color: #000;
}
.honbunfont04 {  /*media screen あり*/
    margin: 0; 
    padding: 0 0 0 15px;
    font-family: 'HG丸ｺﾞｼｯｸM-PRO','ＭＳ ゴシック';
    font-size: 12pt;
    color: #000;
}
.imgflower {  /*media screen あり*/
    width: 40px;
    height: 36px;
    float: left;
}
.imgsyokai_103 {
    border: 5px #00B050 solid;
    transform: rotate(5deg);
}
.imgsyokai_104 {
    border: 5px #00B0F0 solid;
    transform: rotate(-4deg);
}
.imgsyokai_105 {
    border: 5px #FFFF00 solid;
    transform: rotate(4deg);
}
.imgsyokai_106 {
    border: 5px #7030A0 solid;
    transform: rotate(-5deg);
}
.imgsyokai_107 {
    border: 5px #FF0000 solid;
    transform: rotate(5deg);
}
.imgsyokai_108 {
    border: 5px #92D050 solid;
    transform: rotate(-4deg);
}
.imgsyokai01 {  /*media screen あり*/
    width: 300px;
}
.imgcharm01 {  /*media screen あり*/
    width: 130px;
}
.imgcharm02 {  /*media screen あり*/
    width: 130px;
}
.imgcharm03 {  /*media screen あり*/
    width: 110px;
}
.imgcharm04 {  /*media screen あり*/
    width: 110px;
}
.imgcharm05 {  /*media screen あり*/
    width: 120px;
}
.imgcharm06 {  /*media screen あり*/
    width: 140px;
}
.imgcharm_ichi01 {  /*media screen あり*/
    position: absolute;
    top: 190px;
    left: 20px;
}
.imgcharm_ichi02 {  /*media screen あり*/
    position: absolute;
    top: 170px;
    left: 260px;
}
.imgcharm_ichi03 {  /*media screen あり*/
    position: absolute;
    top: 170px;
    left: 60px;
}
.imgcharm_ichi04 {  /*media screen あり*/
    position: absolute;
    top: 170px;
    left: 160px;
}
.imgcharm_ichi05 {  /*media screen あり*/
    position: absolute;
    top: 200px;
    left: 60px;
}
.imgcharm_ichi06 {  /*media screen あり*/
    position: absolute;
    top: 170px;
    left: 360px;
}
.waku_cyuou {
    text-align:center;
}
.waku01 {
    margin-left:auto;
    margin-right:auto;
    display:inline-block; 
    border: 1px solid rgba(255,204,255,1);
    background: linear-gradient(to bottom, #fff, #FF9BFF);
    border-radius: 6px;
    box-shadow: 3px 3px 3px -2px rgba(0,0,0,0.5);
}
.wakusyokai01 {
    margin-left:auto;
    display:inline-block; 
    padding: 10px;
    border: 1px solid rgba(168,207,144,1);
    background: linear-gradient(to top right, #BBE8A0 0%, #F0FFE7 50%, #BBE8A0 100%);
    border-radius: 6px;
    box-shadow: 3px 3px 3px -2px rgba(0,0,0,0.5);
}
.wakusyokai02 {
    margin-left:auto;
    display:inline-block; 
    padding: 10px;
    border: 1px solid rgba(143,171,210,1);
    background: linear-gradient(to top right, #8EAADB 0%, #D9E2F3 50%, #8EAADB 100%);
    border-radius: 6px;
    box-shadow: 3px 3px 3px -2px rgba(0,0,0,0.5);
}
.wakusyokai03 {
    margin-left:auto;
    display:inline-block; 
    padding: 10px;
    border: 1px solid rgba(251,217,110,1);
    background: linear-gradient(to top right, #FFD966 0%, #FFF2CC 50%, #FFD966 100%);
    border-radius: 6px;
    box-shadow: 3px 3px 3px -2px rgba(0,0,0,0.5);
}
.wakusyokai04 {
    margin-left:auto;
    display:inline-block; 
    padding: 10px;
    border: 1px solid rgba(156,194,229,1);
    background: linear-gradient(to top right, #9CC2E5 0%, #DEEAF6 50%, #9CC2E5 100%);
    border-radius: 6px;
    box-shadow: 3px 3px 3px -2px rgba(0,0,0,0.5);
}
.wakusyokai05 {
    margin-left:auto;
    display:inline-block; 
    padding: 10px;
    border: 1px solid rgba(244,176,131,1);
    background: linear-gradient(to top right, #F4B083 0%, #FBE4D5 50%, #F4B083 100%);
    border-radius: 6px;
    box-shadow: 3px 3px 3px -2px rgba(0,0,0,0.5);
}
.wakusyokai06 {
    margin-left:auto;
    display:inline-block; 
    padding: 10px;
    border: 1px solid rgba(168,208,141,1);
    background: linear-gradient(to top right, #A8D08D 0%, #E2EFD9 50%, #A8D08D 100%);
    border-radius: 6px;
    box-shadow: 3px 3px 3px -2px rgba(0,0,0,0.5);
}
.boxWrap .boxCh00 .boxCh01 .boxCh02 .boxCh03 {  /*media screen あり*/
    height: auto;
    margin: 10px;
    padding: 10px;
}
.boxWrap{  /*media screen あり*/
    display:table;
}
.boxCh00 {  /*media screen あり*/
    display:table-cell;
    width: 5%;
    vertical-align: top;
    border: none;
}
.boxCh01 {  /*media screen あり*/
    display:table-cell;
    width: 50%;
    vertical-align: top;
    border: none;
}
.boxCh02 {  /*media screen あり*/
    display:table-cell;
    width: 40%;
    vertical-align: top;
    border: none;
}
.boxCh03 {  /*media screen あり*/
    display:table-cell;
    width: 5%;
    vertical-align: top;
    border: none;
}
@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;
}
.subtitlefont01 {  /*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;
}
.honbunfont02 {  /*media screen*/
    margin: 0; 
    padding: 0 0 0 5px;
    font-family: 'HG丸ｺﾞｼｯｸM-PRO','ＭＳ ゴシック';
    font-size: 12pt;
    color: #000;
}
.honbunfont04 {  /*media screen*/
    margin: 0; 
    padding: 0 0 0 5px;
    font-family: 'HG丸ｺﾞｼｯｸM-PRO','ＭＳ ゴシック';
    font-size: 11pt;
    color: #000;
}
.imgflower {  /*media screen*/
    width: 33px;
    height: 30px;
    float: left;
}
.imgsyokai01 {  /*media screen*/
    width: 92%;
    float: left;
}
.imgcharm01 {  /*media screen*/
    width: 70px;
}
.imgcharm02 {  /*media screen*/
    width: 70px;
}
.imgcharm03 {  /*media screen*/
    transform: rotate(-60deg);
    width: 130px;
}
.imgcharm04 {  /*media screen*/
    width: 100px;
}
.imgcharm05 {  /*media screen*/
    width: 90px;
}
.imgcharm06 {  /*media screen*/
    transform: rotate(-30deg);
    width: 70px;
}
.imgcharm_ichi01 {  /*media screen*/
    position: absolute;
    top: 130px;
    left: 15px;
}
.imgcharm_ichi02 {  /*media screen*/
    position: absolute;
    top: 115px;
    left: 90px;
}
.imgcharm_ichi03 {  /*media screen*/
    position: absolute;
    top: 120px;
    left: 20px;
}
.imgcharm_ichi04 {  /*media screen*/
    position: absolute;
    top: 120px;
    left: 20px;
}
.imgcharm_ichi05 {  /*media screen*/
    position: absolute;
    top: 120px;
    left: 20px;
}
.imgcharm_ichi06 {  /*media screen*/
    position: absolute;
    top: 110px;
    left: 95px;
}
.boxWrap .boxCh00 .boxCh01 .boxCh02 .boxCh03 {  /*media screen*/
    height: auto;
    margin: 0;
    padding: 0;
}
.boxWrap{  /*media screen*/
    display:table;
}
.boxCh00 {  /*media screen*/
    display:table-cell;
    width: 1%;
    vertical-align: top;
    border: none;
}
.boxCh01 {  /*media screen*/
    display:table-cell;
    width: 50%;
    vertical-align: top;
    border: none;
}
.boxCh02 {  /*media screen*/
    display:table-cell;
    width: 49%;
    vertical-align: top;
    border: none;
}
.boxCh03 {  /*media screen*/
    display:table-cell;
    width: 0%;
    vertical-align: top;
    border: none;
}
}