/*------------------------------------------------------------
	guide
------------------------------------------------------------*/
#main .ctgTitle .titleName.calender::before {
  background-image: url(../img/common/navi_icon06.png); }

.read {
  width: 90%;
  margin: auto; }

.ctgWrap_clm2 {
  width: 100%;
  margin: 30px auto 100px auto;
  justify-content: center;
  flex-wrap: wrap; }
  .ctgWrap_clm2 .photo {
    width: 100%;
    height: auto;
    margin: auto; }
  .ctgWrap_clm2 .ctgWrap_clm2_left {
    width: 44%;
    margin-bottom: 20px; }
    .ctgWrap_clm2 .ctgWrap_clm2_left img {
      width: 90%;
      height: auto; }
  .ctgWrap_clm2 .ctgWrap_clm2_right {
    width: 52%;
    margin-bottom: 20px; }
    .ctgWrap_clm2 .ctgWrap_clm2_right .read {
      font-size: 1.6rem;
      line-height: 2.6rem;
      border-left: 1px solid #582b25;
      padding-left: 4%;
      box-sizing: border-box; }
    .ctgWrap_clm2 .ctgWrap_clm2_right img {
      width: 90%;
      height: auto; }
  .ctgWrap_clm2.reverse {
    flex-direction: row-reverse; }

.ctgTable2 table th {
  width: 14%; }

@media all and (max-width: 896px) {
  .ctgGuide_read {
    width: 97%; }

  .ctgWrap_clm2 .photo {
    width: 100%;
    height: auto;
    margin: 0 auto 10px auto; }
  .ctgWrap_clm2 .ctgWrap_clm2_left {
    width: 100%;
    text-align: center; }
  .ctgWrap_clm2 .ctgWrap_clm2_right {
    width: 100%; }

  .ctgTable2 table th {
    width: 100%; } }