@media screen and (max-width: 920px) {
  .right_cols > p {
    font-size: 0.8rem; } }

.title {
  text-align: center; }

.contents {
  margin-right: 1.5rem;
  line-height: 1.3em;
  overflow: hidden; }
  @media screen and (max-width: 920px) {
    .contents {
      margin-right: 0;
      font-size: 0.85rem; } }
  .contents dt {
    float: left;
    width: 7%;
    clear: both; }
    @media screen and (max-width: 920px) {
      .contents dt {
        width: 12%; } }
    .contents dt:first-of-type {
      clear: none; }
  .contents dd {
    float: right;
    width: 93%;
    margin-bottom: 1em;
    padding-left: 1em;
    border-left: dashed 1px #ccc; }
    @media screen and (max-width: 920px) {
      .contents dd {
        width: 88%; } }

.reply {
  margin: 0 1.5rem 3rem 0; }
  @media screen and (max-width: 920px) {
    .reply {
      margin-right: 0;
      font-size: 0.85rem;
      line-height: 1.6em; } }
  .reply > dt {
    margin-bottom: 0.8rem; }
    .reply > dt dl {
      font-weight: bold;
      overflow: hidden; }
      .reply > dt dl dt {
        float: left;
        width: 2.5em;
        color: #f60; }
      .reply > dt dl dd {
        padding-left: 3em;
        color: #388f58; }
  .reply > dd {
    padding-left: 3em; }
    .reply > dd dl {
      overflow: hidden; }
      .reply > dd dl dt {
        float: left;
        width: 2.5em;
        padding-left: 1em;
        color: #f60;
        font-weight: bold;
        border-left: dashed 1px #ccc; }
      .reply > dd dl dd {
        padding-left: 3em;
        color: #777; }

.pager {
  margin-bottom: 2rem; }
  .pager li {
    display: inline-block;
    list-style: none; }
    .pager li:after {
      content: "|";
      margin: 0 0.8em; }
    .pager li:last-of-type:after {
      content: none;
      display: none; }
    .pager li a {
      color: #996633; }


/***********************************************************************************************************************/
.pc{ display: block;}
.sp{ display: none;}

@media screen and (max-width: 920px) {
	.pc{ display: none;}
	.sp{ display: block;}
}

#yoyaku_button a {
	position: fixed;
	bottom: 50px;
	left: 50px;
	display: inline-block;
	background: #ffae00;
	color: #fff;
	width: 120px;
	height: 120px;
	padding: 24px 0 0 0 ;
	text-align: center;
	border-radius: 50%;
	font-weight: bold;
	overflow: hidden;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
	border-bottom: solid 4px #e48b42;
	z-index: 999;
}

#yoyaku_button .kotira {
	border-bottom: #fff dotted 2px;
	width: fit-content;	margin: 0 auto 2px auto;
}
.triangle{
	width: 0; 
	height: 0;
	margin: 0 auto 5px auto;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
}

@media screen and (max-width: 920px) {
	#yoyaku_button_sp a{
		display: inline-block;
		background: #ffae00;
		color: #fff;
		width: 10vw;
		height: 10vw;
		padding: 2vw 0 0 0;
		margin: 0 2vw 0 0 ;
		text-align: center;
		line-height: 1.2em;
		border-radius: 50%;
		font-size: 2.5vw;
		font-weight: bold;
		overflow: hidden;
		white-space: nowrap;
	}
	
	#buttonarea{
		display: flex;
		justify-content: flex-end;
	}
}

/***********************************************************************************************************************/