ul.list.row.chirashi {
  margin-top: 10px;
}

ul.list.row.chirashi li {
  border: none;
}
ul.list.row.chirashi li div:first-of-type {
  font-weight: bold;
  text-align: center;
  margin: 5px 0;
  font-size: 12px;
}
ul.list.row.chirashi li div:first-of-type span{
  font-size: 11px;
  font-weight: bold;
}
ul.list.row.chirashi p {
  margin: 0;
}
.c_txt1{
  text-indent: 0;
  font-size: 1.4rem;
  font-weight: bold;
  color: #cc0000;
}
.sp_container{
  display: none;
}
#pc_container .oms{
  display: none;
}
/*
section#chirashi{
  margin-bottom: 820px;
}
*/
#c_comment p{
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 10px 5px 10px;
  text-indent: 0;
}
#c_comment p span{
  font-size: 1.4rem;
  font-weight: bold;
  color: #cc0000;
}


/* --------スマホ用------- */
@media only screen and (max-width : 850px){
  .c_txt1{
    font-size: 1.2rem;
  }
  #c_comment p{
    font-size: 1rem;
    font-weight: bold;
    margin: 0 10px 5px 10px;
    text-indent: 0;
  }
  #c_comment p span{
    font-size: 1rem;
    font-weight: bold;
    color: #cc0000;
  }
}

@media only screen and (max-width : 980px){
  ul.list.row.chirashi li div:first-of-type {
    display: none;
  }
  #pc_container .oms{
    display: block;
    width: 100%;
  }
  nav{
    display: none;
  }
  .sp_container{
    display: block;
    width: 100%;
  }
.sp_menu {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.sp_menu a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #000;
    line-height: 1;
}

label {
    display: block;
    margin: 0 0 0 0;
    padding :0px;
    line-height: 1;
    color :#fff;
    background :#fff;
    cursor :pointer;
}

input {
    display: none;
}

.sp_menu ul {
    margin: 0 0 15px 0;
    padding: 0;
    background :#f4f4f4;
    list-style: none;
}

.sp_menu li {
    max-height: 0;
    overflow-y: hidden;
}
.sp_menu li span.blue{
    color: #2D3EA0;
    font-weight: bold;
}
.sp_menu li span.green{
    color: #009344;
    font-weight: bold;
}
.sp_menu li span.yellow{
    color: #776D28;
    font-weight: bold;
}
.sp_menu li span.red{
    color: #700418;
    font-weight: bold;
}
.sp_menu li span.purple{
    color: #9E1E63;
    font-weight: bold;
}
.sp_menu li span.brown{
    color: #664900;
    font-weight: bold;
}
.sp_menu li span.indigo{
    color: #345777;
    font-weight: bold;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li, 
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li,
#menu_bar06:checked ~ #links06 li{
    max-height: 1000px;
    opacity: 1;
    padding: 5px 15px 30px 15px;
    line-height: 150%;
   }
   

.sp_menu a.btn{
  margin-bottom: 0;
  color: #fff;
}
.sp_menu a:hover.btn{
  margin-bottom: 0;
}
.sp_menu a.blue{
  background: #3D94F6;
  background-image: -webkit-linear-gradient(top, #3D94F6, #1E62D0);
  background-image: -moz-linear-gradient(top, #3D94F6, #1E62D0);
  background-image: -ms-linear-gradient(top, #3D94F6, #1E62D0);
  background-image: -o-linear-gradient(top, #3D94F6, #1E62D0);
  background-image: linear-gradient(to bottom, #3D94F6, #1E62D0);
}
.sp_menu a:hover.blue{
  background: #1E62D0;
  background-image: -webkit-linear-gradient(top, #1E62D0, #3D94F6);
  background-image: -moz-linear-gradient(top, #1E62D0, #3D94F6);
  background-image: -ms-linear-gradient(top, #1E62D0, #3D94F6);
  background-image: -o-linear-gradient(top, #1E62D0, #3D94F6);
  background-image: linear-gradient(to bottom, #1E62D0, #3D94F6);
}
.sp_menu a.green{
  background: #009344;
  background-image: -webkit-linear-gradient(top, #009344, #005E2C);
  background-image: -moz-linear-gradient(top, #009344, #005E2C);
  background-image: -ms-linear-gradient(top, #009344, #005E2C);
  background-image: -o-linear-gradient(top, #009344, #005E2C);
  background-image: linear-gradient(to bottom, #009344, #005E2C);
}
.sp_menu a:hover.green{
  background: #005E2C;
  background-image: -webkit-linear-gradient(top, #005E2C, #009344);
  background-image: -moz-linear-gradient(top, #005E2C, #009344);
  background-image: -ms-linear-gradient(top, #005E2C, #009344);
  background-image: -o-linear-gradient(top, #005E2C, #009344);
  background-image: linear-gradient(to bottom, #005E2C, #009344);
}
.sp_menu a.brown{
  background: #009344;
  background-image: -webkit-linear-gradient(top, #f9c667, #f79621);
  background-image: -moz-linear-gradient(top, #f9c667, #f79621);
  background-image: -ms-linear-gradient(top, #f9c667, #f79621);
  background-image: -o-linear-gradient(top, #f9c667, #f79621);
  background-image: linear-gradient(to bottom, #f9c667, #f79621);
}
.sp_menu a:hover.brown{
  background: #005E2C;
  background-image: -webkit-linear-gradient(top, #f79621, #f9c667);
  background-image: -moz-linear-gradient(top, #f79621, #f9c667);
  background-image: -ms-linear-gradient(top, #f79621, #f9c667);
  background-image: -o-linear-gradient(top, #f79621, #f9c667);
  background-image: linear-gradient(to bottom, #f79621, #f9c667);
}
.sp_menu a.red{
  background: #009344;
  background-image: -webkit-linear-gradient(top, #d10007, #ff9495);
  background-image: -moz-linear-gradient(top, #d10007, #ff9495);
  background-image: -ms-linear-gradient(top, #d10007, #ff9495);
  background-image: -o-linear-gradient(top, #d10007, #ff9495);
  background-image: linear-gradient(to bottom, #d10007, #ff9495);
}
.sp_menu a:hover.red{
  background: #005E2C;
  background-image: -webkit-linear-gradient(top, #ff9495, #d10007);
  background-image: -moz-linear-gradient(top, #ff9495, #d10007);
  background-image: -ms-linear-gradient(top, #ff9495, #d10007);
  background-image: -o-linear-gradient(top, #ff9495, #d10007);
  background-image: linear-gradient(to bottom, #ff9495, #d10007);
}
.sp_menu a.purple{
  background: #009344;
  background-image: -webkit-linear-gradient(top, #510054, #fd6cff);
  background-image: -moz-linear-gradient(top, #510054, #fd6cff);
  background-image: -ms-linear-gradient(top, #510054, #fd6cff);
  background-image: -o-linear-gradient(top, #510054, #fd6cff);
  background-image: linear-gradient(to bottom, #510054, #fd6cff);
}
.sp_menu a:hover.purple{
  background: #005E2C;
  background-image: -webkit-linear-gradient(top, #fd6cff, #510054);
  background-image: -moz-linear-gradient(top, #fd6cff, #510054);
  background-image: -ms-linear-gradient(top, #fd6cff, #510054);
  background-image: -o-linear-gradient(top, #fd6cff, #510054);
  background-image: linear-gradient(to bottom, #fd6cff, #510054);
}
.sp_menu a.indigo{
  background: #3D94F6;
  background-image: -webkit-linear-gradient(top, #345777, #1C2C52);
  background-image: -moz-linear-gradient(top, #345777, #1C2C52);
  background-image: -ms-linear-gradient(top, #345777, #1C2C52);
  background-image: -o-linear-gradient(top, #345777, #1C2C52);
  background-image: linear-gradient(to bottom, #345777, #1C2C52);
}
.sp_menu a:hover.indigo{
  background: #1E62D0;
  background-image: -webkit-linear-gradient(top, #1C2C52, #345777);
  background-image: -moz-linear-gradient(top, #1C2C52, #345777);
  background-image: -ms-linear-gradient(top, #1C2C52, #345777);
  background-image: -o-linear-gradient(top, #1C2C52, #345777);
  background-image: linear-gradient(to bottom, #1C2C52, #345777);
}
.sp_menu a.black{
  background: #000;
  background-image: -webkit-linear-gradient(top, #000, #666);
  background-image: -moz-linear-gradient(top, #000, #666);
  background-image: -ms-linear-gradient(top, #000, #666);
  background-image: -o-linear-gradient(top, #000, #666);
  background-image: linear-gradient(to bottom, #000, #666);
}
.sp_menu a:hover.black{
  background: #666;
  background-image: -webkit-linear-gradient(top, #666, #000);
  background-image: -moz-linear-gradient(top, #666, #000);
  background-image: -ms-linear-gradient(top, #666, #000);
  background-image: -o-linear-gradient(top, #666, #000);
  background-image: linear-gradient(to bottom, #666, #000);
}
p.no_idt{
  text-indent: 0;
  padding: 2px 0 7px 0;
}

/* ---------------------------- */
/* ▼「続きを読む」ボタンの装飾 */
/* ---------------------------- */
/* ▽ボタンとマスク(グラデーション)を掲載するボックス */
.readmore-button-box {
/* ↓※以下は古いブラウザでグラデーションを表示するための各種対策 */
  background: -webkit-gradient(top, rgba(255,255,255,0.5), white); /* Chrome,Safari */
  background: -moz-linear-gradient(top, rgba(255,255,255,0.5), white); /* Firefox */
  background: -o-linear-gradient(top, rgba(255,255,255,0.5), white); /* Opera */
  background: -ms-linear-gradient(top, rgba(255,255,255,0.5), white); /* IE10 */
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#80ffffff,EndColorStr=#ffffffff); /* IE9- */
/* ↑ここまで */
  text-align: center;
  background-image: linear-gradient( 180deg, rgba(255,255,255,0.5), white );	/* 上から下へ：[白色半透明]から[白色]へグラデーション */
  padding-top: 4.5em;	/* ボタンの上側でグラデーションを見せる距離(長さ) */
  margin-top: -6.5em;	/* ボックスを上側に重ねる距離(長さ) */
  position: relative;	/* ボックス全体を上に重ねるために必要 */
}
/* ▽リンクを「続きを読む」ボタンの形に装飾 */
.readmore-button-box a {
  background-color: #cc0000;	/* ボタンの色(濃い赤) */
  color: white;				/* ボタンの文字色(白) */
  border-radius: 10px;		/* 角丸の半径 */
  padding: 0.5em 2.5em;;		/* 内側の余白 */
  display: inline-block;		/* ボタン全体をクリック可能に */
  font-weight: bold;			/* ボタンの文字を太字に */
  font-size: 1.25em;			/* ボタンの文字サイズ */
}
.readmore-button-box a:hover {
  background-color: red;		/* ボタンにマウスが乗ったら明るい赤色に */
}

 /* -------------------- */
 /* ▼「続き」領域の装飾 */
 /* -------------------- */
 .readmore-area {
  display: none;
}

/* ………………………………………………………………………………………………… */
/* ▼サンプル領域表示用の装飾（表示枠を作っているだけで、必須ではありません） */
div.samplearea {
  border: 1px solid gray;		/* 枠線 */
  padding: 1em;				/* 内側の余白 */
  margin: 0px 1px 1em 0px;	/* 外側の余白 */
  max-width: 420px;			/* 最大幅 */
  display: inline-block;		/* 空間があれば横方向にも並べる */
  vertical-align: top;		/* (横に並んだ場合)上端を揃える */
}
section#chirashi{
  margin-bottom: 70px;
}
}