@charset "UTF-8";
html {
    font-size: 62.5%;
}

body {
    font-size: 1.4rem;
}

.flex{
	display: flex;
}

.p20{
	padding: 20px;
}
.lh30{
	line-height: 30px;
}

.txtred{
	color: #FF5851
}

.zen_k{
	font-family: 'Zen Kaku Gothic New', sans-serif;
}

/* 変数定義 */

:root {
    --col-space: 10px;
    --base-margin: 10px;
    --color-main: #FF5851;
    --color-main2: #FF251C;
    --color-black1: #333333;
    --color-grey1: #F5F5F5;
    --color-grey2: #DDDDDD;
}

.contentWrap {
    max-width: 1240px;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.contentWrap.sm {
    max-width: 1260px;
}

.col2Wrap,
.col3Wrap,
.col4Wrap,
.col5Wrap,
.colFreeWrap {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0 calc(var(--col-space) * -1);
    flex-wrap: wrap;
}

.colFreeWrap {
    flex-wrap: nowrap;
}

.col2Wrap .col,
.col3Wrap .col,
.col4Wrap .col,
.col5Wrap .col,
.colFreeWrap .col {
    margin: 0 var(--col-space);
}

.col2Wrap .col {
    flex-basis: calc(50% - (var(--col-space) * 2));
}

.col3Wrap .col {
    flex-basis: calc(33.33% - (var(--col-space) * 2));
}

.col4Wrap .col {
    flex-basis: calc(25% - (var(--col-space) * 2));
}

.col5Wrap .col {
    flex-basis: calc(20% - (var(--col-space) * 2));
}

.colFreeWrap .col {
    flex-grow: 1;
}

.colFreeWrap .col.s75 {
    flex-basis: 75%;
}

.colFreeWrap .col.s70 {
    flex-basis: 70%;
}

.colFreeWrap .col.s50 {
    flex-basis: 50%;
}

.colFreeWrap .col.s30 {
    flex-basis: 30%;
}

.colFreeWrap .col.s25 {
    flex-basis: 25%;
}

.col2Wrap.al-center,
.col3Wrap.al-center,
.col4Wrap.al-center,
.col5Wrap.al-center,
.colFreeWrap.al-center {
    align-items: center;
}

.col2Wrap.al-stretch,
.col3Wrap.al-stretch,
.col4Wrap.al-stretch,
.col5Wrap.al-stretch,
.colFreeWrap.al-stretch {
    align-items: stretch;
}

.mb10 {
    margin-bottom: calc(var(--base-margin) * 1);
}

.mb20 {
    margin-bottom: calc(var(--base-margin) * 2);
}

.mb30 {
    margin-bottom: calc(var(--base-margin) * 3);
}

.mb40 {
    margin-bottom: calc(var(--base-margin) * 4);
}

.mb50 {
    margin-bottom: calc(var(--base-margin) * 5);
}

.mb60 {
    margin-bottom: calc(var(--base-margin) * 6);
}

.mb70 {
    margin-bottom: calc(var(--base-margin) * 7);
}

.mb80 {
    margin-bottom: calc(var(--base-margin) * 8);
}

.mb90 {
    margin-bottom: calc(var(--base-margin) * 9);
}

.mb100 {
    margin-bottom: calc(var(--base-margin) * 10);
}

.mb110 {
    margin-bottom: calc(var(--base-margin) * 11);
}

.mb120 {
    margin-bottom: calc(var(--base-margin) * 12);
}

.mb130 {
    margin-bottom: calc(var(--base-margin) * 13);
}

.mb140 {
    margin-bottom: calc(var(--base-margin) * 14);
}

.mb150 {
    margin-bottom: calc(var(--base-margin) * 15);
}

.mb160 {
    margin-bottom: calc(var(--base-margin) * 16);
}

.editorIn .mb150 {
    margin-bottom: calc(var(--base-margin) * 5);
}

.mt30 {
    margin-top: calc(var(--base-margin) * 3);
}
.mt50 {
    margin-top: calc(var(--base-margin) * 5);
}

table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table tr {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: .35em;
}
table th,
table td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #bbb;
  line-height: 32px;
  font-size: 16px;
}
table th {
  font-size: .85em;
}
table thead tr{
  background-color: #eee;
}
.txt{
   text-align: left;
   font-size: 1.2em;
}
.price{
   font-size: 1.2em;
   text-align: right;
}
@media screen and (max-width: 600px) {
  table {
    border: 0;
    width:100%
  }
  table th{
    background-color: #eee;
    display: block;
    border-right: none;
  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    display: block;
    margin-bottom: .625em;
  }
  
  table td {
    border-bottom: 1px solid #bbb;
    display: block;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
  }
  
  table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}


/*-- PC版表示CSS  --*/
.pc_area{
  display:block;
}
.phone_area{
  display:none;
}


/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 768px){
  .pc_area{
    display:none;
  }
  .phone_area{
    display:block;
  }
}



@media screen and (max-width: 1240px) {}

@media screen and (max-width: 991px) {}

@media screen and (max-width: 768px) {
    .col2Wrap .col,
    .col3Wrap .col,
    .col4Wrap .col,
    .col5Wrap .col,
    .colFreeWrap .col {
        flex-basis: 100%;
    }
    .spFlexWrap {
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 500px) {}