@charset "UTF-8";

#cassette-content .cst {
  text-align: justify;
  line-height: 1.5;
  margin-top: 1rem;
}
#cassette-content .cst:after{
	content:" ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 1px;
}


#cassette-content .cst.title_cst {
  text-align: left;
  line-height: 1.5;
}
#cassette-content h2.title_cst {
  margin-top: 1.5rem;
  padding-left: 1.5em;
  color: #ff8dcf;
  font-size: 1.38em;
  font-size: -webkit-calc( 18 / 13 * 1em );
  font-size: calc( 18 / 13 * 1em );
  font-weight: bold;
}
#cassette-content h2.title_cst::before {
  content: '';
  display: inline-block;
  margin-left: -1.2em;
  margin-right: 0.2em;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border: solid 0.32em #fff078;
  vertical-align: middle;
  font-size: 1.25rem;
}
#cassette-content h3.title_cst {
  margin-top: 1.5rem;
  padding: 0.5em 0;
  border-style: dashed;
  border-width: 1px 0;
  border-color: #a1c7ce;
  color: #8cbec8;
  font-size: 1.23em;
  font-size: -webkit-calc( 16 / 13 * 1em );
  font-size: calc( 16 / 13 * 1em );
  font-weight: bold;
}
#cassette-content h4.title_cst {
  padding-left: 1em;
  font-size: 1.08em;
  font-size: -webkit-calc( 14 / 13 * 1em );
  font-size: calc( 14 / 13 * 1em );
  font-weight: bold;
}
#cassette-content h4.title_cst::before {
  content: '◆';
  display: inline-block;
  margin-left: -1.25em;
  margin-right: 0.25em;
  color: #ff8dcf;
  font-size: 0.8em;
}
@media only screen and (max-width:719px) {
  #cassette-content h2.title_cst {
    padding-left: 1.5em;
  }
}
@media print, (min-width:720px) {
  #cassette-content .cst.title_cst {
    letter-spacing: 0.1em;
  }
  #cassette-content h2.title_cst {
    font-size: 1.54em;
    font-size: -webkit-calc( 20 / 13 * 1em );
    font-size: calc( 20 / 13 * 1em );    
  }
  #cassette-content h3.title_cst {
    margin-top: 2rem;
  }
}
#cassette-content h2.title_cst + h3.title_cst {
  margin-top: 1rem;
}

#cassette-content .cst p {
  line-height: 2;
	/*font-size: 1.1em;*/
	overflow-wrap: break-word;
}
#cassette-content .cst .img {
  position: relative;
  display: block;
  margin: auto;
  z-index: 10;
}
#cassette-content .cst .img .caption {
  margin-top: 0.5em;
  font-size: 0.92em;
  font-size: -webkit-calc( 12 / 13 * 1em );
  font-size: calc( 12 / 13 * 1em );
  line-height: 1.5;
}


#cassette-content .text_cst .img {
  margin-bottom: 1em;
}
@media print, (min-width:720px) {
  #cassette-content .text_cst .img {
    margin-top: 0.25em;
    width: 40%!important;
  }
  #cassette-content .text_cst .img img {
	width: 100%;
  }
  #cassette-content .text_cst .img.img_l {
    float: left;
    margin-right: 2em;
  }
  #cassette-content .text_cst .img.img_r {
    float: right;
    margin-left: 2em;
  }
}

#cassette-content .column_cst {
  padding: 1.5rem;
  background-image: url(../images/column_cst-bg.svg);
  background-position: center center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

#cassette-content .img_cst {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
#cassette-content .img_cst > .img:not(:last-child):first-child {
  margin-left: 0;
}
#cassette-content .img_cst > .img:not(:first-child):last-child {
  margin-right: 0;
}
#cassette-content .img_cst.img_01 > .img {
  max-width: 100%;
}
#cassette-content .img_cst.img_02 > .img {
  width: 49%;
}
#cassette-content .img_cst.img_02 > .img img {
  width: 100%;
}
#cassette-content .img_cst.img_03 > .img {
  width: 32%;
}
#cassette-content .img_cst.img_03 > .img img {
  width: 100%;
}
#cassette-content .img_cst > .img,
#cassette-content .text_cst > a {
	text-decoration: none;
	color: #666;
}

@media print, (min-width:720px) {
  #cassette-content .img_cst.img_01 > .img {
    max-width: 64%;
	margin: 0 auto!important;
  }
  #cassette-content .img_cst.full > .img {
    max-width: 100%!important;
  }
  #cassette-content .img_cst.img_01 > .img img {
	width: 100%;  
  }
}



#cassette-content .list_cst > li, 
#cassette-content .define_cst > dt{
  padding-left: 1.5em;
}
#cassette-content ul.list_cst > li::before, 
#cassette-content .define_cst > dt::before {
  content: '>';
  display: inline-block;
  margin-top: -0.3em;
  margin-left: -1.3em;
  margin-right: 0.2em;
  width: 1em;
  color: #a1c7ce;
  vertical-align: middle;
}

#cassette-content .list_cst {
  list-style: none;
}
#cassette-content .list_cst a[href$=".pdf"]::after {
  content: '';
  display: inline-block;
  margin-left: 0.5em;
  width: 1.5em;
  height: 1.5em;
  background-image: url(../images/icn-pdf.svg);
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
}
#cassette-content .list_cst a[href$=".doc"]::after, 
#cassette-content .list_cst a[href$=".docm"]::after, 
#cassette-content .list_cst a[href$=".docx"]::after {
  content: '';
  display: inline-block;
  margin-left: 0.5em;
  width: 1.5em;
  height: 1.5em;
  background-image: url(../images/icn-doc.svg);
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
}
#cassette-content .list_cst a[href$=".xls"]::after, 
#cassette-content .list_cst a[href$=".xlsm"]::after, 
#cassette-content .list_cst a[href$=".xlsx"]::after {
  content: '';
  display: inline-block;
  margin-left: 0.5em;
  width: 1.5em;
  height: 1.5em;
  background-image: url(../images/icn-xls.svg);
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
}
#cassette-content .list_cst a[href$=".png"]::after, 
#cassette-content .list_cst a[href$=".jpg"]::after, 
#cassette-content .list_cst a[href$=".jpeg"]::after, 
#cassette-content .list_cst a[href$=".gif"]::after {
  content: '';
  display: inline-block;
  margin-left: 0.5em;
  width: 1.5em;
  height: 1.5em;
  background-image: url(../images/icn-img.svg);
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
}
#cassette-content .list_cst > li {
  line-height: 1.75;
}
#cassette-content .list_cst > li + li {
  margin-top: 0.5em;
}
#cassette-content ol.list_cst {
  counter-reset: num_list;
}
#cassette-content ol.list_cst > li {
  counter-increment: num_list;
}
#cassette-content ol.list_cst > li::before {
  content: counter( num_list );
  display: inline-block;
  margin-left: -1.875em;
  margin-right: 0.375em;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background-color: #8cbec8;
  color: #FFF;
  font-size: 0.8em;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}


#cassette-content .define_cst > dt {
  margin-bottom: 0.5em;
  color: #8cbec8;
  font-weight: bold;
}
#cassette-content .define_cst > dd + dt {
  margin-top: 1em;
}
#cassette-content .define_cst > dd {
  line-height: 2;
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: dashed 1px #a1c7ce;
}
#cassette-content .define_cst > dd:last-child {
  margin-bottom: auto;
}


#cassette-content .ctbtn {
  display: block;
  margin: auto;
  text-align: center;
  letter-spacing: 0.1em;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#cassette-content a.ctbtn {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  padding: 1em 0.5em 1em 0.6em;
  border-radius: 1em;
  border-style: solid;
  border-width: 0.2em;
  background-color: #ff8dcf;
  color: #FFF;
  font-size: 1.08em;
  font-size: -webkit-calc( 14 / 13 * 1em );
  font-size: calc( 14 / 13 * 1em );
  text-decoration: none;
  -webkit-box-shadow: 0 0.2em 0 0 rgba(0,0,0,0.2);
  box-shadow: 0 0.2em 0 0 rgba(0,0,0,0.2);
  cursor: pointer;
}
#cassette-content a.ctbtn:hover {
  -webkit-box-shadow: 0 0.3em 0.1em 0.1em rgba(0,0,0,0.2);
  box-shadow: 0 0.3em 0.1em 0.1em rgba(0,0,0,0.2);
  -webkit-transform: translate(0, -0.1em);
  -ms-transform: translate(0, -0.1em);
  -o-transform: translate(0, -0.1em);
  transform: translate(0, -0.1em);
}
#cassette-content a.ctbtn:active {
  -webkit-box-shadow: 0 -0.1em 0 0 rgba(0,0,0,0.2);
  box-shadow: 0 -0.1em 0 0 rgba(0,0,0,0.2);
  -webkit-transform: translate(0, 0.1em);
  -ms-transform: translate(0, 0.1em);
  -o-transform: translate(0, 0.1em);
  transform: translate(0, 0.1em);
}
#cassette-content .btn_cst {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}
#cassette-content .btn_cst > .ctbtn:not(:last-child):first-child {
  margin-left: 0;
}
#cassette-content .btn_cst > .ctbtn:not(:first-child):last-child {
  margin-right: 0;
}
#cassette-content .btn_cst.btn_01 > .ctbtn {
  width: 100%;
}
#cassette-content .btn_cst.btn_02 > .ctbtn {
  width: 49%;
}
#cassette-content .btn_cst.btn_03 > .ctbtn {
  width: 32%;
}
@media only screen and (max-width:719px) {
  #cassette-content .ctbtn {
    width: 100%;
  }
}
@media print, (min-width:720px) {
  #cassette-content a.ctbtn {
    min-width: 6em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
  }
  #cassette-content .btn_cst.btn_01 > .ctbtn {
    width: 64%;
  }
}

#cassette-content .table_cst {
  border-collapse: separate;
  border-spacing: 0;
  background-color: #FFF;
  color: #666;
  width: 100%;
}
#cassette-content .table_cst th, 
#cassette-content .table_cst td {
  padding: 0.5em;
  line-height: 1.5;
  border-style: solid dashed;
  border-width: 1px 0 0 1px;
  border-color: #CCC;
}
#cassette-content .table_cst th {
  background-color: #fffadc;
  text-align: center;
}
#cassette-content .table_cst tr > th:first-child {
  width: 25%;
}
#cassette-content .table_cst tr:first-child > th, 
#cassette-content .table_cst tr:first-child > td {
  border-top: none;
}
#cassette-content .table_cst tr > th:first-child, 
#cassette-content .table_cst tr > td:first-child {
  border-left: none;
}
@media print, (min-width:720px) {
  #cassette-content .table_cst {
    width: auto;
    width: -webkit-calc( 100% - 1.5rem );
    width: calc( 100% - 1.5rem );
  }
  #cassette-content .table_cst th, 
  #cassette-content .table_cst td {
    padding: 1em;
  }
}


#cassette-content .form_cst .form_list {
  border: none;
}
#cassette-content .form_cst .form_list > dt, 
#cassette-content .form_cst .form_list > dd {
  padding: 0.5em;
  border-style: solid;
  border-width: 0 0 1px;
}
#cassette-content .form_cst .form_list > dt {
  background-color: #8cbec8;
  color: #FFF;
  border-color: #FFF;
}
#cassette-content .form_cst .form_list > dd {
  border-color: #8cbec8;
}
#cassette-content .form_cst label {
  display: inline-block;
  margin-right: 1em;
}
#cassette-content .form_cst label:last-child {
  margin-right: 0;
}
#cassette-content .form_cst .ctbtn {
  margin-top: 1em;
  padding: 0.5em;
  width: 6em;
  color: #8cbec8;
  border-color: #8cbec8;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
  line-height: 1;
}
#cassette-content .form_cst .ctbtn:hover {
  -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
  -webkit-transform: translate(0, -1px);
  -ms-transform: translate(0, -1px);
  -o-transform: translate(0, -1px);
  transform: translate(0, -1px);
}
#cassette-content .form_cst .ctbtn:active {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0,0,0,0.2);
  box-shadow: 0 -1px 0 0 rgba(0,0,0,0.2);
  -webkit-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  -o-transform: translate(0, 1px);
  transform: translate(0, 1px);
}
@media only screen and (max-width:719px) {
  #cassette-content .form_cst .form_list > dd + dt {
    margin-top: 0.5rem;
  }
  #cassette-content .form_cst input, 
  #cassette-content .form_cst button, 
  #cassette-content .form_cst textarea {
    width: 100%;
  }
  #cassette-content .form_cst input[type="radio"], 
  #cassette-content .form_cst input[type="checkbox"] {
    width: auto;
  }
}
@media print, (min-width:720px) {
  #cassette-content .form_cst .form_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;
  }
  #cassette-content .form_cst .form_list > dt, 
  #cassette-content .form_cst .form_list > dd {
    float: none;
    padding: 1em;
  }
  #cassette-content .form_cst .form_list > dt {
    width: 25%;
  }
  #cassette-content .form_cst .form_list > dd {
    width: 75%;
  }
  #cassette-content .form_cst .form_list > dt:last-of-type, 
  #cassette-content .form_cst .form_list > dd:last-of-type {
    border-bottom: none;
  }
  #cassette-content .form_cst input[type="text"] {
    width: 80%;
  }
  #cassette-content .form_cst textarea {
    width: 100%;
    min-height: 8em;
  }
}

/* 20200123 // */
#cassette-content form > table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
#cassette-content form > table th, 
#cassette-content form > table td {
  padding: 0.5em;
  border-style: solid;
  border-width: 0 0 1px;
  text-align: left;
  vertical-align: top;
}
#cassette-content form > table th {
  background-color: #8cbec8;
  color: #FFF;
  border-color: #FFF;
}
#cassette-content form > table td {
  border-color: #8cbec8;
}
#cassette-content form > table label {
  display: inline-block;
  margin-right: 1em;
}
#cassette-content form > table label:last-child {
  margin-right: 0;
}
#cassette-content form > table input, 
#cassette-content form > table textarea, 
#cassette-content form > table button, 
#cassette-content form > table select {
  padding: 0.25em 0.5em;
}
#cassette-content form > table input.zipcode, 
#cassette-content form > table button.zip-search {
  max-width: 6em;
}
#cassette-content form > table input.datepicker {
  max-width: 8em;
}
#cassette-content form > table .caution {
  color: red;
}
#cassette-content form [class^="submit-box"] {
  text-align: center;
}
#cassette-content form [class^="submit-box"] input[type="submit"] {
  margin-top: 1em;
  padding: 0.5em;
  width: 6em;
  color: #8cbec8;
  border-color: #8cbec8;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
  line-height: 1;
}
#cassette-content form [class^="submit-box"] input[type="submit"]:hover {
  -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2);
  -webkit-transform: translate(0, -1px);
  -ms-transform: translate(0, -1px);
  -o-transform: translate(0, -1px);
  transform: translate(0, -1px);
}
#cassette-content form [class^="submit-box"] input[type="submit"]:active {
  -webkit-box-shadow: 0 -1px 0 0 rgba(0,0,0,0.2);
  box-shadow: 0 -1px 0 0 rgba(0,0,0,0.2);
  -webkit-transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  -o-transform: translate(0, 1px);
  transform: translate(0, 1px);
}
@media only screen and (max-width:719px) {
  #cassette-content form > table tr, 
  #cassette-content form > table tr th, 
  #cassette-content form > table tr td {
    display: block;
  }
  #cassette-content form > table tr th {
    margin-top: 1rem;
  }
  #cassette-content form > table input, 
  #cassette-content form > table button, 
  #cassette-content form > table textarea {
    width: 100%;
  }
  #cassette-content form > table input[type="radio"], 
  #cassette-content form > table input[type="checkbox"] {
    width: auto;
  }
}
@media print, (min-width:720px) {
  #cassette-content form > table th, 
  #cassette-content form > table td {
    padding: 1em;
  }
  #cassette-content form > table th {
    width: 25%;
  }
  #cassette-content form > table td {
    width: 75%;
  }
  #cassette-content form > table tr:last-child th, 
  #cassette-content form > table tr:last-child td {
    border-bottom: none;
  }
  #cassette-content form > table input[type="text"] {
    width: 80%;
  }
  #cassette-content form > table textarea {
    width: 100%;
    min-height: 8em;
  }
}
/* // 20200123追加 */


#cassette-content .coupon_cst {
  background-color: #fffaff;
  -webkit-box-shadow: 0.2em 0.2em 0 0 rgba(0,0,0,0.2), 0 0 0 0.3em #ff8dcf inset;
  box-shadow: 0.2em 0.2em 0 0 rgba(0,0,0,0.2), 0 0 0 0.3em #ff8dcf inset;
  overflow: hidden;
}
#cassette-content .coupon_cst::before, 
#cassette-content .coupon_cst::after {
  content: '';
  display: block;
  position: absolute;
  width: 2.5rem;
  height: 2.5rem;
  background-image: -moz-linear-gradient(10.6% -18.41% -45deg,
    rgba(255, 218, 239, 1) 25%, 
    rgba(255, 218, 239, 1) 25%, 
    rgba(255, 218, 239, 1) 50%, 
    rgba(255, 218, 239, 0) 50% 
  );
  background-image: -webkit-linear-gradient(-45deg, 
    rgba(255, 218, 239, 0) 25%, 
    rgba(255, 218, 239, 1) 25%, 
    rgba(255, 218, 239, 1) 50%, 
    rgba(255, 218, 239, 0) 50%
  );
  background-image: -o-linear-gradient(-45deg, 
    rgba(255, 218, 239, 0) 25%, 
    rgba(255, 218, 239, 1) 25%, 
    rgba(255, 218, 239, 1) 50%, 
    rgba(255, 218, 239, 0) 50%
  );
  background-image: -ms-linear-gradient(-45deg, 
    rgba(255, 218, 239, 0) 25%, 
    rgba(255, 218, 239, 1) 25%, 
    rgba(255, 218, 239, 1) 50%, 
    rgba(255, 218, 239, 0) 50%
  );
  background-image: linear-gradient(135deg, 
    rgba(255, 218, 239, 0) 25%, 
    rgba(255, 218, 239, 1) 25%, 
    rgba(255, 218, 239, 1) 50%, 
    rgba(255, 218, 239, 0) 50%
  );
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  visibility: visible;
  z-index: 100;
}
#cassette-content .coupon_cst::before {
  top: 0;
  left: 0;
}
#cassette-content .coupon_cst::after {
  bottom: 0;
  right: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

#cassette-content .coupon_cst .coupon_title {
  padding: 1rem 1.5rem;
  background-color: #ff8dcf;
  color: #fffacf;
  font-size: 1.23em;
  font-size: -webkit-calc( 16 / 13 * 1em );
  font-size: calc( 16 / 13 * 1em );
  text-align: center;
}
#cassette-content .coupon_cst .coupon_text, 
#cassette-content .coupon_cst .coupon_info {
  margin: 1rem 1.5rem;
}
#cassette-content .coupon_cst .coupon_info > dt, 
#cassette-content .coupon_cst .coupon_info > dd {
  padding: 0.5em 0;
  text-align: center;
}
#cassette-content .coupon_cst .coupon_info > dt {
  color: #ff8dcf;
  border-style: solid;
  border-width: 1px;
  line-height: 1;
  font-weight: bold;
}
#cassette-content .coupon_cst .coupon_info > dd:not(:last-child) {
  margin-bottom: 0.5rem;
}
@media print, (min-width:720px) {
  #cassette-content .coupon_cst .coupon_text, 
  #cassette-content .coupon_cst .coupon_info {
    margin: 1rem 3rem;
  }
  #cassette-content .coupon_cst .coupon_info > dt {
    clear: left;
    float: left;
    width: 10em;
  }
  #cassette-content .coupon_cst .coupon_info > dd {
    padding-left: 11em;
    text-align: left;
  }
}


#cassette-content .movie_cst {
  overflow: hidden;
}
#cassette-content .movie_cst::before {
  content: '';
  display: block;
  padding-top: 56.25%;
}
#cassette-content .movie_cst > iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}