@charset "utf-8";
@import "style.css";

/*========================================================================================================================


  ◇◆◇ キャンセルポリシー ◇◆◇
  
  
========================================================================================================================*/

/*-----------------------------------------------------------------------------------
  キャンセル料金
-----------------------------------------------------------------------------------*/

.cpriceTbl thead th { vertical-align:middle; }
.cpriceTbl th,
.cpriceTbl td { text-align:center; }

@media screen and (max-width:640px) {
  .cpriceTbl { margin-top:0.5rem; }
}

/*-----------------------------------------------------------------------------------
  list
-----------------------------------------------------------------------------------*/

.cancelList {
  list-style:none;
  counter-reset:s-number;
}

.cancelList li {
  padding-left:2.65em;
  line-height:1.5;
  margin-top:0.5em;
}

.cancelList li:first-child { margin-top:0.25em; }

.cancelList li:before {
  counter-increment:s-number;
  content:"（"counter(s-number)"）";
  margin-left:-2.65em;
}

@media screen and (max-width:640px) {
  .cancelList li { margin-top:0.5rem; }
}


.cancelList-2{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 1.5em;
    list-style: square;
    font-family: "Noto Sans Japanese";
    font-style: normal;
    font-weight: 500;
    line-height: 1.7;
}

@media screen and (max-width:640px) {
  .cancelList-2 li { margin-top:0.5rem; }
}

.cancelList-3{
 margin-left: 1.0rem;
 font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","Meiryo","メイリオ";
 color: #3c4655;
 list-style:disc; 
font-weight: normal;
line-height: 1.7;
font-size: 16px;
}

@media screen and (max-width:640px) {
  .cancelList-3 li { margin-top:0.5rem; }
}

.kuro-s{
font-weight: normal;
line-height: 1.7;
font-size: 16px;
color: #3c4655;
}

.beppyou{
font-size: 16px;
}


.red{
color: red;
}

.cancelList-4{
margin-left: 2.0rem;
font-weight: 500;
}
@media screen and (max-width:640px) {
  .cancelList-4 li { margin-top:0.5rem; }
}

.cancelList-5{
list-style: none;
margin-left: 2.0em;
}


.cancelList-5 li::before{
content: "※";
margin-left: -2.0em;
margin-right: 1em;
}

@media screen and (max-width:640px) {
  .cancelList-5 li { margin-top:0.5rem; }
}



@media screen and (max-width:641px) {
  .sp-none { display: block; }
.soroe{
display: inline-block; 
vertical-align: top;
}

}


@media screen and (max-width:640px) {
  .sp-none { display: none; }
  .soroe{
display: inline; 
vertical-align: top;
}
}