@charset "utf-8";

/*-------- reset css --------*/
.composeMatching {
   line-height: 1.4;
   text-align: center;
   color: #1a1a1a;
}
.composeMatching * {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   background: transparent;
   font-style: normal;
   text-decoration: none;
   font-weight: normal;
   line-height: inherit;
   text-transform: none;
}
.composeMatching p {
   line-height: 1.4;
   margin: 0;
   padding: 0;
   text-align: left;
}
.composeMatching a {
   margin: 0;
   padding: 0;
   vertical-align: baseline;
   background: transparent;
}
.composeMatching a:hover {
   opacity: 0.8;
}
.composeMatching table th {
   color: #333;
}
.composeMatching img {
   max-width: 100%;
   height: auto;
   vertical-align: bottom;
}
/*------ reset css end ------*/
/*------------------ PC------------------*/
/*-------- common --------*/
.composeMatching .spSet {
   display: none;
}
.composeMatching .pcSet {
   display: block;
}
.js-click-scroll {
   cursor: pointer;
}
.js-click-scroll:hover {
   opacity: 0.8;
}
/*------ common end ------*/
/*------ PCのマークアップはここから記述------*/
.composeMatching .tekigoWrap {
   margin: 20px auto 0;
   width: 80%;
   border: 2px solid #23629B;
}
.composeMatching .tekigoInner p {
   font-size: 16px;
}
.composeMatching .tekigoInner p.red {
    color: #FF0004;
}
.composeMatching .tekigoInner p b {
   font-weight: bold;
}
.composeMatching .tekigoHeading {
   padding: 5px 0;
   text-align: center;
   font-size: 20px;
   font-weight: bold;
   color: #ffffff;
   background-color: #23629B;
}
.composeMatching .tekigoInner {
   padding: 15px;
   background-color: #ffffff;
}
.composeMatching .tekigoWrap .textLink {
   margin: 10px 0;
}
.composeMatching .tekigoWrap .textLink a {
   text-decoration: underline;
   color: #1A0DAB;
   font-size: 18px;
   font-weight: bold;
}
.composeMatching .kome {
    text-indent: -1em;
    padding-left: 1em;
    margin-top: 1em;
}
.composeMatching p.innerHead {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
}
/* 箇条書き */
.composeMatching ul.list {
    margin: 10px 0 0;
}
.composeMatching ul.list > li {
    margin-top: 0.2em;
    text-align: left;
    font-size: 16px;
    text-indent: -1em;
    padding-left: 1em;
}
/* タイヤバナー */
.composeMatching .tireSearchBnr {
    margin-top: min(3%,20px);
    margin-left: auto;
    margin-right: auto;
}
.composeMatching .tireSearchBnr a img {
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
/* インフォメーションアイコン */
.composeMatching .icInformation {
   width: 18px;
   height: 18px;
   vertical-align: middle;
   margin-top: -6px;
   cursor: pointer;
}
.composeMatching .icInformation:hover {
   opacity: 0.8;
}
/* モーダルCSS */
.composeMatching .modal-check {
   display: none;
}
.composeMatching .modal-check + .modalWrapper {
   opacity: 0;
   visibility: hidden;
}
.composeMatching .modal-check:checked + .modalWrapper {
   opacity: 1;
   visibility: visible;
}
.composeMatching .modalWrapper {
   z-index: 99;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   display: flex;
   justify-content: center;
   align-items: center;
}
.composeMatching .modalOverlay {
   z-index: 1;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.8);
}
.composeMatching .modalWindow {
   position: relative;
   z-index: 1;
   max-width: 96vw;
}
.composeMatching .modalWrapper .modalClose {
   z-index: 1;
   position: absolute;
   top: -45px;
   right: 0;
   width: 40px;
   font-size: 40px;
   font-weight: 700;
   line-height: 40px;
   text-align: center;
   text-decoration: none;
   color: #ffffff;
   text-indent: 0;
   cursor: pointer;
}
/*------------------ Tablet ------------------*/
@media only screen and (max-width: 1024px) {
   /*-------- common --------*/
   /*------ common end ------*/
   /*------ タブレットのマークアップはここから記述------*/
}
/*------------------ SP ------------------*/
@media screen and (max-width: 767px) {
   /*-------- common --------*/
   .composeMatching .spSet {
      display: block;
   }
   .composeMatching .pcSet {
      display: none;
   }
   /*------ common end ------*/
   .composeMatching .tekigoWrap {
      width: 100%;
   }
   .composeMatching .tekigoInner p {
      font-size: 15px;
   }
   .composeMatching .tekigoInner p + p {
      margin: 1em 0 0.5em;
   }
   .composeMatching .tekigoWrap .textLink a {
      font-size: 16px;
   }
    .composeMatching p.innerHead {
        font-size: 17px;
    }
    /* 箇条書き */
    .composeMatching ul.list > li {
        font-size: 15px;
    }
   /* モーダルCSS */
   .composeMatching .modalContent {
      overflow-x: auto;
   }
   .composeMatching .shakenImg {
      width: 190vw;
   }
   .composeMatching .modalKome {
      font-size: 14px;
      color: #ffffff;
      margin-top: 8px;
   }
   /*------ スマホのマークアップはここから記述------*/
}