body
{
    background: #fdfbf8 url(../../img/cmn_bg.png) 0 0 repeat;
}

#title
{
  background-color: #fff;
}


#left article
{
    position: relative;

    margin-bottom: 10px;
    padding: 40px 15px 15px 15px;

    border-bottom: #e9e0d1 1px solid;

    background-color: white;
}

#left article dl
{
    height: 30px;
}

#left article dl dt
{
    font-size: 14px;
    width: 95px;
}
#left article dl dd
{
    font-size: 14px;
    width: 200px;

}

#left article h2
{
    font-size: 18px;
}

body.archive #left
{
    padding: 0 15px 15px 15px;
}

body.archive #left article .body
{
    margin-top: 5px;
}

.page_nav
{
    text-align: center;
    margin: 25px 0 15px 0;
}

.page_nav li
{
    display: inline-block;

    padding: 0 10px;

    border-left: #878684 1px dashed;
}

.page_nav li a
{
    font-size: 20px;

    padding: 5px 10px;

}

#right{
  border-top:#dcd2c2 2px solid;
}

#right h3.side_h_latest
{
font-size: 20px;
  border-bottom: #cdc9c6 dashed 1px;
  margin:0 15px;
  padding:10px 0;
}

#right .side_c_latest{
  border-bottom:#dcd2c2 2px solid;
  padding: 0 15px 20px 15px;
}


#right .side_h_category,
#right .side_c_category,
#right .side_list,
#right .side_c_archive
{
  display: none;
}

#right .side_h_archive,
#right .side_h_category_sp
{
    font-size: 18px;

    position: relative;
    top: 2px;

    padding: 10px 0 10px 10px;
    margin:20px 15px 8px 15px;

    color: white;
    border-top: #867b71;
    border-top: #867b71 solid 1px;
    background-color: #9b8e83;
    box-shadow: 0 -2px 0 0 rgba(155, 142, 131, 1);
}


#right .side_h_archive:after,
#right .side_h_category_sp:after{
  content:'';
  display: block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 14px solid #fff;
  position: absolute;
  right:15px;
  top:50%;
  transform:translateY(-50%);
}

#right dt
{
    font-size: 16px;

    padding-top: 12px;

}
#right dd
{
    font-size: 16px;
    padding: 4px 0 12px 0;

}


body.single #contents_wpr {
    padding-top: 0;
}


body.single #left
{
    padding: 20px 15px 10px 15px;
    background-color: #fff;
}


body.single #left h2
{
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 22px;
  padding: 8px 0 8px 40px;
  background-size: 20px auto;
}

#sp_pnav{

  padding: 15px 0;

}

#sp_pnav ul{
  text-align: center;
  font-size: 18px;
  overflow: hidden;
  width:320px;
  margin:0 auto;
  position: relative;
}


#sp_pnav li{
  padding:0 15px;
}

#sp_pnav li.prev,
#sp_pnav li.next
{
  position: absolute;
  top:50%;
  transform: translateY(-50%);
}

#sp_pnav li.prev{
  left:0;

}

#sp_pnav li.next{
  right:0;

}

#sp_pnav li.list a{
  display: block;
  padding: 0;
  border-right:#9f9e9c 1px dashed;
  border-left:#9f9e9c 1px dashed;
  text-indent: -9999px;
  background: url(../../img/cmn_single_list.png) center center no-repeat;
  width:60px;
  background-size: auto 75%;
  margin:0 auto;

}


.side_category,
.side_archive{
  position: relative;
}

.side_s_category,
.side_s_archive{
  position: absolute;
  left: 0;
  top: 0;
  bottom:0;
  right:0;
  width:100%;
  height:100%;
  box-sizing:border-box;
  border-radius:0;
  opacity: 0;

}

body.archive #title h1,
body.single #title h1
{
    background-image: url(../../img/cmn_ttl_icon_article.png),url(../../img/cmn_ttl_bg.jpg);
    background-repeat: no-repeat;
    background-size: 15px auto,cover;
    background-position:20px center,center center;
}

body.archive #left ul.sns
{
  position: static;
  text-align: right;
  margin-top:5px;
  margin-bottom:-5px;
}