@charset "UTF-8";

#home #header {
  border: none;
  background-image: url(../../common/images/header-bg.jpg);
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
}
#home #header > .inner {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 1.5rem 0;
}
@media only screen and (max-width:719px) {
  #home #header {
    padding-top: 180%;
  }
}
@media print, (min-width:720px) {
  #home #header {
    /* padding-top: 56%; */
    padding-top: 34em;
  }
}
@media print, (min-width:1250px) {
  #home #header {
    padding-top: 34em;
  }
}

#home #header .site_title {
  margin: auto;
  background-image: -moz-linear-gradient(0% 50% 0deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 25%,
    rgba(255, 255, 255, 1) 75%,
    rgba(255, 255, 255, 0) 100%
  );
  background-image: -webkit-linear-gradient( 0deg, 
    rgba(255, 255, 255, 0) 0%, 
    rgba(255, 255, 255, 1) 25%, 
    rgba(255, 255, 255, 1) 75%, 
    rgba(255, 255, 255, 0) 100%
  );
  background-image: -o-linear-gradient( 0deg, 
    rgba(255, 255, 255, 0) 0%, 
    rgba(255, 255, 255, 1) 25%, 
    rgba(255, 255, 255, 1) 75%, 
    rgba(255, 255, 255, 0) 100%
  );
  background-image: -ms-linear-gradient( 0deg, 
    rgba(255, 255, 255, 0) 0%, 
    rgba(255, 255, 255, 1) 25%, 
    rgba(255, 255, 255, 1) 75%, 
    rgba(255, 255, 255, 0) 100%
  );
  background-image: linear-gradient( 90deg, 
    rgba(255, 255, 255, 0) 0%, 
    rgba(255, 255, 255, 1) 25%, 
    rgba(255, 255, 255, 1) 75%, 
    rgba(255, 255, 255, 0) 100%
  );
  background-position: center center;
}

#header .site_copy {
  margin: 1.5rem auto auto;
  color: #FFF;
  fill: #FFF;
  line-height: 1;
  filter: drop-shadow( 0 0 2px #1FAA52 );
}
#header .site_copy .copy01 {
  margin-bottom: 0.5rem;
  font-size: 1em;
}
#header .site_copy .copy02 {
  margin-top: 0.5rem;
  font-size: 1.25em;
}
#header .site_copy .copy03 {
  position: absolute;
}
@media only screen and (max-width:719px) {
  #header .site_title {
    position: absolute;
    top: 0;
    right: -6%;
    left: -6%;
    background-position: right 0;
    -webkit-background-size: 80% auto;
    background-size: 80% auto;
  }
  #header .site_copy {
    margin-top: 3rem;
	margin-bottom: 3rem;
  }
	
#header .site_copy .copy01 {
  font-size: 1.5em;
}
#header .site_copy .copy02 {
  font-size: 1.75em;
}
	
	
  #header .site_copy .copy03 {
    bottom: 100%;
    right: -0.5em;
    font-size: 1.5em;
    margin-bottom: 0.5rem;
  }
}
@media print, (min-width:720px) {
  #header .site_title {
    width: 30em;
  }
  #header .site_copy {
    font-size: 2em;
  }
  #header .site_copy .copy01 {
  }
  #header .site_copy .copy02 {
    font-size: 1.5em;
  }
  #header .site_copy .copy03 {
    bottom: 1.5em;
    left: 40%;
    margin-left: 9.5em;
  }
}

.hotel_menu {
  line-height: 1;
}
.hotel_menu .menu_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: auto;
}
.hotel_menu .menu_list > li {
  margin: 0.5rem 1rem;
}
.hotel_menu .menu_list > li:nth-child( -n + 4 ) {
  -webkit-order: 2;
  -moz-order: 2;
  -ms-order: 2;
  -o-order: 2;
  order: 2;
}
.hotel_menu .menu_list > li:nth-child( n + 5 ) {
  -webkit-order: 1;
  -moz-order: 1;
  -ms-order: 1;
  -o-order: 1;
  order: 1;
  -webkit-transform: scale(1.05, 1.05);
  -ms-transform: scale(1.05, 1.05);
  -o-transform: scale(1.05, 1.05);
  transform: scale(1.05, 1.05);
}
.hotel_menu .menu_list > li:nth-child( n + 5 ) a {
  background-color: #FF9;
}


.hotel_menu .menu_btn {
  width: 8em;
  height: 8em;
  border-radius: 50%;
  overflow: hidden;
  background-color: #FFF;
  color: #FFF;
  fill: #FFF;
  -webkit-box-shadow: 0 0 0.25em 0 rgba(255,255,255,0.75);
  box-shadow: 0 0 0.25em 0 rgba(255,255,255,0.75);
}
.hotel_menu .menu_btn::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  border-style: solid;
  border-width: 0.3em;
  border-radius: 50%;
}
.hotel_menu .menu_btn:hover {
  -webkit-box-shadow: 0 1px 0.25em 0.25em rgba(255,255,255,0.75);
  box-shadow: 0 1px 0.25em 0.25em rgba(255,255,255,0.75);
}

.hotel_menu .menu_btn .hotel_area, 
.hotel_menu .menu_btn .hotel_logo, 
.hotel_menu .menu_btn .hotel_reserve {
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
}
.hotel_menu .menu_btn .hotel_logo {
  top: 50%;
  margin-top: -0.5em;
  font-size: 2.5em;
}
.hotel_menu .menu_btn .hotel_area, 
.hotel_menu .menu_btn .hotel_reserve {
  font-size: 0.625em;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
}
.hotel_menu .menu_btn .hotel_area {
  top: 0;
  margin: 1em auto;
  line-height: 1.5;
}
.hotel_menu .menu_btn .hotel_reserve {
  padding: 0.5em 0.5em 0.75em;
  bottom: 0;
  color: #FFF;
  line-height: 1.25;
}
.hotel_menu .menu_btn .hotel_reserve::after {
  content: '';
  display: inline-block;
  margin: auto 0.2em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.4em 0 0.4em 0.6em;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.hotel_menu .menu_list > li:nth-child( n + 5 )::after {
  content: 'NEW';
  position: absolute;
  top: 0;
  left: -0.75em;
  padding: 1.5em 0;
  width: 4em;
  height: 4em;
  border-radius: 50%;
  background-color: #F33;
  color: #FFF;
  font-size: 0.625em;
  font-weight: bold;
  line-height: 1;
}

.hotel_menu .menu_btn.menu_h-mahoroba .hotel_reserve {
  background-color: #CC3333;
}
.hotel_menu .menu_btn.menu_hanayura .hotel_reserve {
  background-color: #CC6699;
}
.hotel_menu .menu_btn.menu_shiosai-tei .hotel_reserve {
  background-color: #3366CC;
}
.hotel_menu .menu_btn.menu_hanatsuki .hotel_reserve {
  background-color: #E07F4B;
}
.hotel_menu .menu_btn.menu_hosyutei .hotel_reserve {
  background-color: #ec921e;
}
.hotel_menu .menu_btn.menu_toyotei .hotel_reserve {
  background-color: #009145;
}
.hotel_menu .menu_btn.menu_h-mahoroba {
  color: #CC3333;
  fill: #CC3333;
}
.hotel_menu .menu_btn.menu_hanayura {
  color: #CC6699;
  fill: #CC6699;
}
.hotel_menu .menu_btn.menu_shiosai-tei {
  color: #3366CC;
  fill: #3366CC;
}
.hotel_menu .menu_btn.menu_hanatsuki {
  color: #E07F4B;
  fill: #E07F4B;
}
.hotel_menu .menu_btn.menu_hosyutei {
  color: #ec921e;
  fill: #ec921e;
}
.hotel_menu .menu_btn.menu_toyotei {
  color: #009145;
  fill: #009145;
}

@media only screen and (max-width:719px) {
  .hotel_menu .menu_list > li:nth-child( 2n + 0 ) {
    
  }
  .hotel_menu .menu_btn {
    font-size: 0.875em;
  }
}
@media print, (min-width:720px) {
  .hotel_menu .menu_list {
/*
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
*/
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    width: 40rem;
    height: 16rem;
  }
  .hotel_menu .menu_list > li:nth-child( 5 ) {
    margin-left: 20%;
  }
  .hotel_menu .menu_list > li:nth-child( 6 ) {
    margin-right: 20%;
  }
}



#fukkouwari_info {
  padding: 0.5rem;
  border: solid 3px #6EB944;
}
#fukkouwari_info .info_title {
  color: #6eb944;
  font-size: 1.35em;
  font-weight: normal;  
  white-space: nowrap;
  -ms-word-break: keep-all;
  word-break: keep-all;
}
#fukkouwari_info .info_title img {
	width: 20%;
	vertical-align: middle;
}
#fukkouwari_info .info_text > p {
  margin: auto;
  font-size: 0.75em;
}
#intro_bn{
	display: flex;
	justify-content: space-between;
}
#intro_bn > div{
	width: 60%;
}
#intro_bn > #dominwari_info{
	background: #2053A1;
	color: #fff;
	margin: 1.5rem auto;
    padding: 0.5rem 1rem 0.5rem;
	text-align: center;
	font-size: 1.4em;
	width: 35%;
	letter-spacing: 0.1em;
}
#intro_bn > #dominwari_info a{
	text-decoration: none;
	color: #fff;
	display: block;
	position: relative;
}
#intro_bn > #dominwari_info a span{
	padding-top: 0.25em;
}
#intro_bn > #dominwari_info img{
	width:20%;
	float: left;
	margin-right: 0.5em;
	margin-top: -0.5em;
}
#intro_bn > #dominwari_info a span{
display: block;
	margin: 0.5rem 0 0 0;
}

@media only screen and (max-width:719px) {
	#intro_bn{
		flex-direction:column;}
	#intro_bn > div{
	width: 100%;
}
	#intro_bn > #dominwari_info{
		width: 100%;
	}
}


@media only screen and (max-width:719px) {
  #fukkouwari_info .info_title {
    text-align: center;
  }
}
@media print, (min-width:720px) {
  #fukkouwari_info {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    margin: 1.5rem auto;
    padding: 0.5rem 1rem;
    width: 86%;
  }
  #fukkouwari_info .info_title {
    margin-right: 1rem;
  }
}

#plan {
}
#plan .plan_title {
  margin: 1.5rem auto;
  padding: 0.75em;
  max-width: 30em;
  color: #6eb944;
  fill: #FFF;
  text-align: center;
  line-height: 1;
}
#plan .plan_title::before, 
#plan .plan_title::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  height: 0;
  border-style: solid;
  border-right-color: transparent;
  border-left-color: transparent;
  border-width: 2.5em 1em;
  z-index: 0;
}
#plan .plan_title::before {
  top: 0;
  border-bottom-width: 0;  
}
#plan .plan_title::after {
  bottom: 0;
  border-top-width: 0;
}
#plan .plan_title .title_txt, 
#plan .plan_title .title_note {
  z-index: 100;
  vertical-align: middle;
}
#plan .plan_title .title_txt {
  font-size: 1.375em;
}
#plan .plan_title .title_note {
  display: inline-block;
  padding: 0.5em 1em;
  border-radius: 0.3em;
  background-color: #FFF;
}
@media only screen and (max-width:719px) {
  #plan .plan_title .title_note {
    margin-top: 0.5rem;
  }
}
@media print, (min-width:720px) @media print, (min-width:1000px) {
  #plan .plan_title {
    padding: 0.5em 0;
    font-size: 1.5em;
  }
}

#plan .hotel_list {
  margin: 1.5rem auto;
}
.hotel_list .area_block {
  border-style: solid;
  border-width: 0;
}

.hotel_block + .hotel_block {
  margin-top: 3rem;
}
.hotel_block .hotel_head {
  text-align: center;
}
.hotel_block .plan_note{
	display: block;
	text-align: center;
	margin: 0 0 1em 0;
	color: #CC3333;
	font-size: 0.9em;
}

@media only screen and (max-width:719px) {
  .area_block + .area_block {
    margin-top: 4.5rem;
  }
  .hotel_block + .hotel_block {
    padding-top: 1.5rem;
    border-top-width: thin;
  }
  .hotel_block .hotel_head {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    margin-bottom: 1rem;
    padding-top: 2em;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
  }
 .hotel_foot {
    margin-top: 1rem!important;
  }
}
@media print, (min-width:720px) {
  .hotel_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content:space-around;
  }
  .hotel_list .area_block {
    width: 35%;
  }
  .hotel_list .area_block:not(:first-child)::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 109%;
    right: -webkit-calc( 100 / 12.5 * 2.5% + 100% );
    right: calc( 100 / 12.5 * 2.5% + 100% );
    width: 0;
    height: auto;
    border-style: solid;
    border-width: 0 0 0 thin;
  }
  .hotel_list .hotel_block {
    padding-bottom: 4rem;
  }
  .hotel_block .hotel_foot {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
  }
}


.hotel_block .hotel_group {
  position: absolute;
  bottom: 100%;
  right: 0;
  left: 0;
  text-align: center;
}
.hotel_block .hotel_area {
  padding: 0.5em;
  background-color: #333;
  color: #FFF;
  font-size: 0.8125em;
  line-height: 1;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
}
.hotel_block .hotel_logo .logo_img {
  font-size: 3.2em;
}
.hotel_block .hotel_website {
  display: block;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  color: inherit;
  text-decoration: none;
}
.hotel_block .hotel_website::after {
  content: '公式サイトへ ›';
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  padding: 0.25em 1em;
  width: 10em;
  border-radius: 1em;
  color: #FFF;
  font-size: 0.625em;
  font-weight: normal;
  line-height: 1.5;
  -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
}
.hotel_block .hotel_website:hover::after {
  opacity: 1;
}
.hotel_block .hotel_reserve {
  display: block;
  padding: 1em 0.5em;
  border-radius: 2em;
  color: #FFF;
  letter-spacing: 0.2em;
  text-indent: 0.2em;
}
@media only screen and (max-width:719px) {
  .hotel_block .hotel_head .hotel_area {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
  }
  .hotel_block .hotel_head .hotel_img, 
  .hotel_block .hotel_head .hotel_logo {
    width: 48%;
  }
  .hotel_block .hotel_head .hotel_img {
    order: 3;
  }
  .hotel_block .hotel_website::after {
    bottom: -0.5em;
  }
}
@media print, (min-width:720px) {
  .hotel_block + .hotel_block .hotel_area, 
  .hotel_block + .hotel_block .hotel_group {
    display: none;
  }
  .hotel_block .hotel_logo .logo_img {
    font-size: 4em;
  }
  .hotel_block .hotel_img {
    margin: 0.5rem auto;
  }
  .hotel_block .hotel_website::after {
    opacity: 0;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
  }
  .hotel_block .hotel_website:hover::after {
    opacity: 1;
  }
}


.hotel_block .plan_table {
  border-collapse: collapse;
  margin-left: 2em;
  min-width: -webkit-calc( 100% - 2em );
  min-width: calc( 100% - 2em );
  line-height: 1.25;
}
.plan_table, 
.plan_table tr, 
.plan_table th, 
.plan_table td {
  position: static;
  background-color: transparent;
}
.plan_table caption {
  margin-bottom: 0.5em;
  text-align: left;
  font-size: 0.8125em;
}
.plan_table caption small {
  display: inline-block;
  margin-right: -0.4em;
  margin-left: -0.4em;
  font-size: 0.8em;
color: #CC3333;
}
.plan_table thead {
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  line-height: 1;
}
.plan_table th {
  font-weight: normal;
}
.plan_table tbody {
}
.plan_table thead tr, 
.plan_table thead th {
  display: block;
}
.plan_table thead th {
  padding: 0.5em;
  font-size: 0.75em;
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -ms-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

.normal_plan .plan_table thead th {
  border-style: solid;
  border-width: thin;
  background-color: #FFF;
  height: 9.4em;
}
.normal_plan + .normal_plan{
	margin-top: 1.5rem;
}
.discount_plan {
  margin-top: 1.5rem;
}
.discount_plan .plan_table thead th {
  position: relative;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  height: 12.4em;
  color: #FFF;
  z-index: auto;
}
.discount_plan .plan_table thead th::before, 
.discount_plan .plan_table thead th::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0;
  margin: auto;
  border-style: solid;
  border-color: transparent #6eb944;
  border-width: 1em 1.5em;
  z-index: -1;
}
.discount_plan .plan_table thead th::before {
  left: 0;
  border-right-width: 0;
}
.discount_plan .plan_table thead th::after {
  right: 0;
  border-left-width: 0;
}
.plan_table tbody th, 
.plan_table tbody td {
  padding: 0.25em 0;
  border-style: solid;
  border-width: thin 0;
  vertical-align: middle;
}
.plan_table tbody th {
  text-align: left;
  width: 5.5rem;
}
.normal_plan .plan_table tbody th {
  font-size: 0.75em;
}
.discount_plan .plan_table tbody th {
  font-size: 0.875em;
}
.plan_table .fee {
  white-space: nowrap;
  -ms-word-break: keep-all;
  word-break: keep-all;
}
.plan_table .fee > em {
  display: inline-block;
}
.normal_plan .plan_table .fee {
  font-size: 0.75em;
}
.discount_plan .plan_table .fee {
  font-size: 1em;
}
.plan_table .fee > em {
  font-size: 2em;
}
.plan_table .fee > .yen, 
.plan_table .fee > .tax {
  font-size: 1em;
}
.plan_table .fee > .yen {
  display: inline-block;
}
.plan_table .fee > .tax {
  display: inline-block;
  position: relative;
  left: 0;
  top: -1.2em;
  margin-left: -2em;
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  transform-origin: left bottom;
  -webkit-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
  -o-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
}
@media only screen and (max-width:719px) {
  .plan_table {
    font-size: 1.25em;
  }
}
@media print, (min-width:720px) {
  .discount_plan .plan_table tbody th, 
  .discount_plan .plan_table tbody td {
    height: 2.7rem;
  }
  #hosyutei .discount_plan .plan_table tbody th, 
  #hosyutei .discount_plan .plan_table tbody td {
    height: 4.5rem;
  }
}

#h-mahoroba .hotel_area, 
#h-mahoroba .hotel_website::after, 
#h-mahoroba .hotel_reserve {
  background-color: #CC3333;
}
#shiosai-tei .hotel_area, 
#shiosai-tei .hotel_website::after, 
#shiosai-tei .hotel_reserve {
  background-color: #3366CC;
}
#hanayura .hotel_area, 
#hanayura .hotel_website::after, 
#hanayura .hotel_reserve {
  background-color: #CC6699;
}
#hanatsuki .hotel_area, 
#hanatsuki .hotel_website::after, 
#hanatsuki .hotel_reserve {
  background-color: #E07F4B;
}
#hosyutei .hotel_area, 
#hosyutei .hotel_website::after, 
#hosyutei .hotel_reserve {
  background-color: #ec921e;
}
#toyotei .hotel_area, 
#toyotei .hotel_website::after, 
#toyotei .hotel_reserve {
  background-color: #009145;
}
#h-mahoroba .hotel_group, 
#h-mahoroba .discount_plan .fee {
  color: #CC3333;
  fill: #CC3333;
}
#shiosai-tei .hotel_group, 
#shiosai-tei .discount_plan .fee {
  color: #3366CC;
  fill: #3366CC;
}
#hanayura .hotel_group, 
#hanayura .discount_plan .fee {
  color: #CC6699;
  fill: #CC6699;
}
#hanatsuki .hotel_group, 
#hanatsuki .discount_plan .fee {
  color: #E07F4B;
  fill: #E07F4B;
}
#hosyutei .hotel_group, 
#hosyutei .discount_plan .fee {
  color: #ec921e;
  fill: #ec921e;
}
#toyotei .hotel_group, 
#toyotei .discount_plan .fee {
  color: #009145;
  fill: #009145;
}

.info_block {
  font-size: 0.8125em;
}
.info_block .note {
  font-size: 0.923em;
}

.agreement_list > dt {
  border-style: solid;
  border-width: thin;
  text-align: center;
  padding: 0.25em;
}
.agreement_list > dd {
  font-size: 0.923em;
}
@media only screen and (max-width:719px) {
  .agreement_list > dt {
    margin-bottom: 0.5em;
  }
  .agreement_list > dd + dt {
    margin-top: 1em;
  }
}
@media print, (min-width:720px) {
  .agreement_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: -1em;
  }
  .agreement_list > dt, 
  .agreement_list > dd {
    margin-bottom: 1rem;
  }
  .agreement_list > dt {
    margin-right: 1rem;
    padding: 0.75em 0.5em;
    width: 14rem;
  }
  .agreement_list > dd {
    width: -webkit-calc( 100% - 15rem );
    width: calc( 100% - 15rem );
  }
}


#about .block_title {
  font-size: 1.5em;
}
#about .info_list > dt {
  margin-top: auto;
  margin-bottom: 0.5rem;
  font-weight: bold;
  font-size: 1.125em;
}
#about .info_list > dd {
  padding-left: 0;
  font-size: 0.923em;
}
#about .info_list > dd:not(:last-child) {
  margin-bottom: 1.5rem;
}
#about .note_list {
  clear: both;
}
#about .note_list > li {
  margin-top: 0.25em;
}
#about .num_list {
  list-style: none;
}
#about .num_list > li {
  padding-left: 1em;
  text-indent: -1em;
}
#about .num_list > li::before {
  display: none;
}
#about .mark_list > li::before {
  content: '◎';
  margin-left: -1em;
  margin-right: 0;
  width: 1em;
  height: 1em;
  border: none;
  line-height: 1;
  background-color: transparent;
}
@media print, (min-width:720px) {
  #about .info_list > dt.list_row {
    clear: left;
    float: left;
  }
  #about .info_list > dt.list_row::after {
    content: '／';
    font-weight: normal;
  }
}

#about .cancel_list
#about .cancel_list tr, 
#about .cancel_list th, 
#about .cancel_list td {
  position: static;
  background-color: transparent;
  border-style: solid;
  border-width: 0;
}
#about .cancel_list {
  border-collapse: collapse;
  border-color: #FFF;
  margin-top: 1rem;
  font-size: 0.923em;
}
#about .cancel_list th, 
#about .cancel_list td {
  border-width: thin;
  padding: 0.5em;
  font-weight: normal;
}
#about .cancel_list thead th {
  text-align: center;
}
#about .cancel_list tbody th[rowspan] {
  vertical-align: top;
}
#about .cancel_list tbody td {
  text-align: center;
}
@media only screen and (max-width:719px) {
  #about .cancel_list tbody th[rowspan] {
    width: 2em;
  }
  #about .cancel_list tbody th[rowspan] p {
    letter-spacing: 0.2em;
    white-space: nowrap;
    -ms-word-break: keep-all;
    word-break: keep-all;
    -webkit-writing-mode: vertical-rl;
    -moz-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -ms-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
  }
  #about .cancel_list tbody td {
    width: 7em;
  }
}
@media print, (min-width:720px) {
  #about .cancel_list th, 
  #about .cancel_list td {
    padding: 0.5em 1em;
  }
}