@charset "utf-8";

body {
  margin: 0;
  padding: 0;
  font-family: -apple-system-subset, "Helvetica Neue",
    "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, fieldset, div {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

ul li, ol li {
  list-style: none;
}

table {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

caption {
  text-align: left;
}

table, pre, code, select, input, textarea, kbd, var, ins, del, samp {
  font-size: 100%;
}

address, cite, dfn, em, strong, var, th, ins, del, samp {
  font-weight: normal;
  font-style: normal;
}

a img {
  border: 0;
}

#bg-bar {
  min-width: 990px;
  overflow: hidden;
  background: #f2eee7 url(../img2011/bg-bar.png) repeat 0 0;
}

.wrppr {
  width: 990px;
  margin: 0 auto;
}

/* top */
#header .mainImg {
  height: 411px;
  background: #fff url(../img2011/top_bg.jpg) no-repeat top center;
  background-image: image-set( url(../img2011/top_bg.webp) type("image/webp"));
  min-width: 990px;
}

#header .mainInner {
  position: relative;
  width: 990px;
  height: 100%;
  margin: 0 auto;
}

#header .mainInner .yLogo {
  width: 157px;
  position: absolute;
  top: 15px;
  left: 30px;
  height: 27px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../img2011/y_logo.png) no-repeat;
}

#header .mainInner .yLogo a {
  display: block;
}

#header .mainInner .YJLink {
  position: absolute;
  top: 5px;
  right: 29px;
}

#header .mainInner .YJLink a {
  display: block;
  padding: 11px 14px;
  color: #1f1f1f;
  font-size: 14px;
  text-decoration: none;
}

#header .mainInner .YJLink a:hover{
  text-decoration: underline;
}

#header .mainInner .ttlFtureTitle {
  position: absolute;
  top: 175px;
  right: 45px;
  width: 422px;
  height: 209px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../img2011/ttlFtureTitle.png) no-repeat;
  background-image: image-set( url(../img2011/ttlFtureTitle.webp) type("image/webp"));
}

#header .mainInner .ttlFtureCaption {
  position: absolute;
  top: 115px;
  left: 32px;
  width: 415px;
  height: 145px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../img2011/ttlFtureCaption.png) no-repeat;
  background-image: image-set( url(../img2011/ttlFtureCaption.webp) type("image/webp"));
}

#header .mainInner .ttlFtureReason {
  position: absolute;
  top: 40px;
  right: 45px;
  width: 421px;
  height: 151px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url(../img2011/ttlFtureReason.png) no-repeat;
  background-image: image-set( url(../img2011/ttlFtureReason.webp) type("image/webp"));
}

#header .mainInner .ttlAnchor {
  background: url(../img2011/ttlAnchor.png) no-repeat;
  background-image: image-set( url(../img2011/ttlAnchor.webp) type("image/webp"));
  bottom: 0;
  right: 60px;
  width: 369px;
  height: 50px;
  overflow: hidden;
  position: absolute;
  text-indent: 100%;
  white-space: nowrap;
}

#header .mainInner .ttlAnchor:hover {
  opacity: 0.5;
}

.Masthead {
  max-width: 1010px;
  margin: 0 auto;
  padding: 0 10px;
}


/* area */
#areaNav {
  background-color: #fff;
  border-top: 1px solid #ededed;
  overflow: hidden;
}

#areaNav ul {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  width: 990px;
}

#areaNav ul li {
  position: relative;
  flex: 1;
  text-align: center;
}

#areaNav ul li::before {
  content: url(../img2011/line_dot.png);
  width: 1px;
  height: 25px;
  position: absolute;
  top: 7px;
  left: 0;
}

#areaNav ul li:last-child::after {
  content: url(../img2011/line_dot.png);
  width: 1px;
  height: 25px;
  position: absolute;
  top: 7px;
  right: 0;
}

#areaNav ul li:first-child {
  border-left: 0;
}

#areaNav ul li a {
  color: #0069d5;
  display: block;
  font-weight: normal;
  font-size: 15px;
  padding: 9px 0 8px;
  text-decoration: none;
}

#areaNav ul li .current {
  display: block;
  font-weight: 600;
  cursor: default;
  padding: 9px 0 8px;
}

#areaNav ul li .disabled {
  color:#c6c6c6;
  display: block;
  cursor: default;
  padding: 9px 0 8px;
}

#areaNav ul li .currentMark{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 8px 11px;
  border-color: transparent transparent #10325a transparent;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

#areaNav ul li a:hover {
  text-decoration: underline;
}

/* area2 */
#areaNav2 {
  background: url(../img2011/areaNav2_bg.png) repeat-x 0 0;
  overflow: hidden;
}

#areaNav2 ul {
  display: flex;
  justify-content: start;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  width: 990px;
}

#areaNav2 ul li::after{
  content: "/";
  color:#fff;
  display: inline-block;
  margin-right: 7px;
}

#areaNav2 ul li:last-child::after{
  content: "";
  margin-right: 0;
}

#areaNav2 ul li > span.current{
  display: inline-block;
  font-weight: 600;
  color:#b9e8ff;
  font-size: 15px;
  padding: 11px 7px 8px 0;
}

#areaNav2 ul li > span.disabled{
  display: inline-block;
  font-weight: normal;
  color:#a8a7a7;
  font-size: 15px;
  padding: 11px 7px 8px 0;
}

#areaNav2 ul li a {
  color: #fff;
  display: inline-block;
  font-weight: normal;
  font-size: 15px;
  padding: 11px 7px 8px 0;
  text-decoration: none;
}

#areaNav2 ul li a:hover {
  text-decoration: underline;
}

/* listPagination */
.listPagination {
  padding: 10px 0;
}

.listPagination__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
  width: 990px;
}

.listPagination__number {
  font-size: 15px;
}

.listPagination__number span {
  font-weight: 600;
  font-size: 24px;
  color: #ff8900;
}

.listPagination__cont {
  display: flex;
  align-items: center;
  font-size: 14px;
}

.listPagination__cont li + li {
  margin-left: 5px;
}

.listPagination__cont span {
  font-weight: 600;
}

.listPagination__cont a {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  height: 31px;
  box-shadow: 0 -2px 0 0 #e5e5e5 inset;
  padding: 5px 10px;
  border: #c0c0c0 1px solid;
  border-radius: 4px;
  background-color: #fff;
  text-decoration: none;
  color: #333;
  font-weight: 600;
}

.listPagination__cont a:hover {
  color: rgba(51, 51, 51, 0.8);
}

/* fllwNav */
#fllwNav {
  position: absolute;
  z-index: 100;
  background-color:rgba(255,255,255,0.66);
}

#fllwNav, #fllwNav2 {
  width: 100%;
  border-top: 3px solid #e5e5e5;
}

@media screen and (max-width: 990px) {
  #fllwNav {
    width: auto;
  }
}

#fllwNav2 {
  position: fixed;
  top: 0;
  z-index: 99;
  background-color:rgba(255,255,255,0.9);
}

#fllwNav3 {
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
  background-color:rgba(255,255,255,0.9);
}

@media screen and (max-width: 990px) {
  #fllwNav2 .wrppr{
    width: 100%;
  }
}

#fllwNav .wrpBtn, #fllwNav2 .wrpBtn, #fllwNav3 .wrpBtn {
  align-items: center;
  display: flex;
  padding: 6px 20px;
}

#fllwNav .wrpBtn li:last-child, #fllwNav2 .wrpBtn li:last-child, #fllwNav3 .wrpBtn li:last-child {
  margin-left: auto;
}

#fllwNav .wrpBtn .allChck, #fllwNav2 .wrpBtn .allChck {
  width: 193px;
  height: 48px;
  border: 1px solid #cecece;
  border-radius: 5px;
  position: relative;

}

#fllwNav .wrpBtn .allChck.on, #fllwNav2 .wrpBtn .allChck.on {
  width: 195px;
  height: 50px;
  background-color: #bfb90c;
  border: none;
}

#fllwNav .wrpBtn .allChck.off, #fllwNav2 .wrpBtn .allChck.off {
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
}

#fllwNav .wrpBtn .allChck input[type="checkbox"], #fllwNav2 .wrpBtn .allChck input[type="checkbox"] {
  position: absolute;
  top: 10px;
  left: 33px;
  width: 42px;
  height: 20px;
  padding: 4px 23px 4px 0;
  margin: 0;
  opacity: 0;
}

#fllwNav .wrpBtn .allChck input[type="checkbox"]+label, #fllwNav2 .wrpBtn .allChck input[type="checkbox"]+label {
  cursor: pointer;
  position: absolute;
  top: 15px;
  left: 10px;
  height: 0;
  padding: 20px 0px 0 185px;
  background: url(../img2011/all_check_sprite.png) no-repeat 0 0;
  outline: none;
}

#fllwNav .wrpBtn .allChck input[type="checkbox"]:checked+label, #fllwNav2 .wrpBtn .allChck input[type="checkbox"]:checked+label {
  background-position: 0 -20px;
}

#fllwNav .wrpBtn .allChck input[type="checkbox"]+label span, #fllwNav2 .wrpBtn .allChck input[type="checkbox"]+label span {
  color: #3b3930;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  top: -6px;
  right: 22px;
}

#fllwNav .wrpBtn .allChck.on input[type="checkbox"]+label span, #fllwNav2 .wrpBtn .allChck.on input[type="checkbox"]+label span {
  color:#fff;
}

#fllwNav .wrpBtn .allChck input[type="checkbox"]+label .smTxt, #fllwNav2 .wrpBtn .allChck input[type="checkbox"]+label .smTxt {
  font-weight: 400;
  font-size: 10px;
  top: 17px;
  left: 0;
  white-space: nowrap;
}

#fllwNav .wrpBtn .allChck input[type="checkbox"]+label .bgTxt:hover, #fllwNav2 .wrpBtn .allChck input[type="checkbox"]+label .bgTxt:hover {
  opacity: 0.6;
}

#fllwNav .wrpBtn .cnvArrow, #fllwNav2 .wrpBtn .cnvArrow, #fllwNav3 .wrpBtn .cnvArrow{
  background: url(../img2011/cnv_arrow.png) no-repeat 0 0;
  width:42px;
  height:28px;
  margin: 0 5px;
}

#fllwNav .wrpBtn .cnvArrow.on, #fllwNav2 .wrpBtn .cnvArrow.on, #fllwNav3 .wrpBtn .cnvArrow.on{
  background: url(../img2011/cnv_arrow_on.png) no-repeat 0 0;

}

#fllwNav .rqtBtn, #fllwNav2 .rqtBtn {
  width: 195px;
  height: 40px;
  background-color: #c6c6c6;
  color:#fff;
  border-radius: 5px;
  font-size:14px;
  line-height: 1.4;
  padding: 5px 0;
  text-align: center;
}

#fllwNav .rqtBtn.on, #fllwNav2 .rqtBtn.on {
  background-color: #c66712;
  cursor: pointer;
}

#fllwNav .rqtBtn .smTxt, #fllwNav2 .rqtBtn .smTxt{
  font-size:12px;
}

#fllwNav .rqtBtn input, #fllwNav2 .rqtBtn input{
  display: none;
}

#fllwNav .rqtBtn:hover, #fllwNav2 .rqtBtn:hover {
  background-position: 0 -38px;
}

#fllwNav .rqtBtn:focus, #fllwNav2 .rqtBtn:focus {
  outline: 0;
}

#fllwNav .pTop, #fllwNav2 .pTop, #fllwNav3 .pTop {
  width: 135px;
  height: 30px;
  border: 1px solid #cecece;
  border-radius: 5px;
  position: relative;
  box-shadow: 0 0 2px rgba(0,0,0,0.3);
  text-align: center;
  background-color: #fff;
}

#fllwNav .pTop a, #fllwNav2 .pTop a, #fllwNav3 .pTop a {
  display: block;
  color: #161616;
  padding-top: 3px;
  font-size: 12px;
  text-decoration: none;
}

#fllwNav .pTop a span, #fllwNav2 .pTop a span, #fllwNav3 .pTop a span{
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;

}

#fllwNav .pTop a span:hover, #fllwNav2 .pTop a span:hover, #fllwNav3 .pTop a span:hover {
  opacity: 0.6;
  text-decoration: underline;
}

#fllwNav .pTop a i.iconPtop, #fllwNav2 .pTop a i.iconPtop, #fllwNav3 .pTop a i.iconPtop {
  display: inline-block;
  background: url(../img2011/icon_up.png) no-repeat 0 0;
  width: 19px;
  height :19px;
  margin: 3px 0 0 5px;
}

/* allChck */
.allChckWide--on {
  position: relative;
  width: 320px;
  height: 50px;
  background-color: #bfb90c;
  border: none;
  border-radius: 5px;
}

.allChckWide--off {
  position: relative;
  width: 318px;
  height: 48px;
  box-shadow: 0 0 2px rgba(0,0,0,0.3);
  border: 1px solid #cecece;
  border-radius: 5px;
  background-color: #fff;
}

.allChckWide__input {
  position: absolute;
  top: 10px;
  left: 10px;
  opacity: 0;
}

.allChckWide__label {
  cursor: pointer;
  display: block;
  height: calc(100% - 12px);
  padding: 12px 0 0 65px;
  outline: none;
}

.allChckWide__label:before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 15px;
  left: 10px;
  width: 42px;
  height: 20px;
  background: url(../img2011/all_check_sprite.png) no-repeat 0 -40px;
}

.allChckWide__bgTxt {
  font-weight: 600;
  font-size: 14px;
  color: #3b3930;
}

.allChckWide__label:hover .allChckWide__bgTxt {
  opacity: 0.6;
}

.allChckWide__smTxt {
  margin-left: 5px;
  font-weight: normal;
  font-size: 10px;
  vertical-align: middle;
}

.allChckWide__input:checked + .allChckWide__label:before {
  background-position: 0 -20px;
}

.allChckWide--on .allChckWide__bgTxt {
  color: #fff;
}

.allChckText {
  position: relative;
}

.allChckText__input {
  position: absolute;
  top: 10px;
  left: 10px;
  opacity: 0;
}

.allChckText__label {
  cursor: pointer;
  display: block;
  margin-right: 20px;
  padding-left: 60px;
  outline: none;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
}

.allChckText__label:before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 8px;
  left: 10px;
  width: 42px;
  height: 20px;
  background: url(../img2011/all_check_sprite.png) no-repeat 0 -80px;
}

.allChckText__smTxt {
  margin-left: 5px;
  font-weight: normal;
  font-size: 10px;
}

.allChckText__input:checked + .allChckText__label:before {
  background-position: 0 -60px;
}

.allChckRqtBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 335px;
  height: 50px;
  background-color: #e07704;
  color:#fff;
  border-radius: 5px;
  font-weight: 600;
  font-size:15px;
  line-height: 1.4;
  cursor: pointer;
  margin-left: 25px;
}

.allChckRqtBtn:hover {
  opacity: 0.8;
}

.allChckRqtBtn__smTxt {
  font-weight: normal;
  font-size: 11px;
}

.allChckRqtBtn input {
  display: none;
}

/* thumb*/
#mainCont {
  padding: 65px 0 20px;
}

#mainCont .thumbList {
  margin-top: 30px;
  overflow: hidden;
}

.mainThumbList {
  margin: 20px 20px 0;
}

.mainThumbList__item {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background-color: #fff;
  border: #c9c9c9 1px solid;
}

.mainThumbList__item + .mainThumbList__item {
  margin-top: 20px;
}

.mainThumbList__chkBox {
  position: absolute;
  top: 9px;
  left: 9px;
  z-index: 2;
  width: 32px;
  overflow: hidden;
}

.mainThumbList__chkBox input[type="checkbox"] {
  position: absolute;
  width: 32px;
  height: 32px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.mainThumbList__chkBox input[type="checkbox"]+label {
  cursor: pointer;
  display: block;
  width: 32px;
  height: 32px;
  padding-left: 45px;
  background: url(../img2011/cassette_check_sprite.png) no-repeat 0 0;
  outline: none;
}

.mainThumbList__chkBox input[type="checkbox"]:checked+label {
  background-position: 0 -32px;
}

.mainThumbList__imgThumbSlider {
  width: 450px;
  height: 300px;
}

.mainThumbList__imgThumbSlider__prev,
.mainThumbList__imgThumbSlider__next {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  background-color: rgba(35, 35, 35, 0.7);
  z-index: 1;
  margin-top: -20px;
}
.mainThumbList__imgThumbSlider__prev {
  left: 0;
  margin-left: -3px;
}
.mainThumbList__imgThumbSlider__next {
  right: 0;
  margin-right: -3px;
}

.mainThumbList__imgThumbSlider__prev:hover,
.mainThumbList__imgThumbSlider__next:hover {
  opacity: 0.8;
  cursor: pointer;
}

.mainThumbList__imgThumbSlider__prev:before,
.mainThumbList__imgThumbSlider__next:before {
  display: block;
  content: "";
  border-bottom: solid 2px #fff;
  border-left: solid 2px #fff;
  width: 22px;
  height: 22px;
  margin-top: 8px;
}

.mainThumbList__imgThumbSlider__prev:before {
  transform: rotate(45deg);
  margin-left: 15px;
}

.mainThumbList__imgThumbSlider__next:before {
  transform: rotate(-135deg);
  margin-right: 15px;
}

.mainThumbList__imgThumb {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
}

.mainThumbList__imgThumb__image {
  max-width: 450px;
  max-height: 300px;
  vertical-align: bottom;
}

@supports ( object-fit: cover ) {
  .mainThumbList__imgThumb__image {
    width: 450px;
    height: 300px;
    object-fit: cover;
  }
}

.mainThumbList__wrap {
  padding-bottom: 10px;
  flex: 1;
}

.mainThumbList__tag {
  height: 0;
  margin: 0 20px 10px;
}

.subThumbList__tag {
  height: 0;
  margin: 0 20px 0 55px;
  position: absolute;
}

.TagContract10,.TagContract5 {
  position: relative;
  top: -10px;
}
.mainThumbList__bknInfo {
  padding: 10px 20px 0;
}

.mainThumbList__name {
  font-size: 16px;
  font-weight: 600;
  width: 458px;
}

.mainThumbList__name__link {
  color: #0275d1;
  text-decoration: none;
}

.mainThumbList__name__link:hover {
  color: #0275d1;
  text-decoration: underline;
}

.mainThumbList__address {
  margin-top: 3px;
  font-size: 13px;
  color: #4d261b;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width:458px;
  -webkit-text-size-adjust: 100%;
}

.mainThumbList__leadTxt {
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.5;
  color: #3b3930;
  width: 458px;
}

.mainThumbList__event {
  padding: 8px;
  margin: 10px 15px 0;
  color: #3b3930;
  background-color: #f2f2f0;
}

.mainThumbList__event__title {
  width: 452px;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mainThumbList__event__tag {
  color: #fff;
  font-size: 11px;
  font-weight: normal;
  border-radius: 24px;
  padding: 2px 10px 0;
  margin-right: 5px;
  background-color: #2f83a8;
}

.mainThumbList__event__lead {
  margin-top: 5px;
  font-size: 12px;
}

.mainThumbList__event__lead__link {
  color: #186dc3;
  text-decoration: none;
}

.mainThumbList__event__lead__link:hover {
  text-decoration: underline;
}

.mainThumbList__button {
  display: flex;
  box-sizing: border-box;
  margin-top: 20px;
  padding: 0 15px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.mainThumbList__button__item {
  width: 185px;
}

.mainThumbList__button__itemWide {
  width: 270px;
  position: relative;
}

.mainThumbList__button__tpointText {
  display: inline-block;
  height: 17px;
  font-size: 11px;
  padding: 2px 0 5px 23px;
  background: url(../img2011/icon_tpoint.png) no-repeat 0 0;
}

.mainThumbList__button__textEmphasis {
  font-size: 14px;
  font-weight: 600;
}

.mainThumbList__button__link--shiryo,
.mainThumbList__button__link--kengaku {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 55px;
  box-sizing: border-box;
  border-radius: 3px;
  color: #fffefe;
  line-height: 1.2;
  text-align: center;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.mainThumbList__button__link--shiryo::after,
.mainThumbList__button__link--kengaku::after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  content: "";
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  right: 10px;
  left: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mainThumbList__button__link--shiryo:hover,
.mainThumbList__button__link--kengaku:hover {
  color: #fff;
  opacity: 0.8;
}

.mainThumbList__button__link--shiryo {
  background-color: #1a3655;
}

.mainThumbList__button__link--kengaku {
  background-color: #3b6ab7;
}

.mainThumbList__button__txt {
  font-size: 15px;
  font-weight: 600;
}

.mainThumbList__button__txtS {
  font-size: 13px;
}

.mainThumbList__button__subTxt {
  font-size: 11px;
  font-weight: normal;
}

.mainThumbList__button__subTitleLow {
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
}

.NoteExternal {
  margin-top: 10px;
  font-size: 12px;
  color: #666;
}

.mainThumbList__button + .NoteExternal {
  margin: 10px 15px 0;
}

.mainThumbList__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 15px;
  border-top: #c9c9c9 1px solid;
  z-index: 10;
}

.mainThumbList__info__txtBox {
  width: 523px;
  align-self: flex-start;
  box-sizing: border-box;
  font-size: 13px;
  color: #3b3930;
}

.mainThumbList__info__title {
  -webkit-text-size-adjust: 100%;
  font-size: 13px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mainThumbList__info__title + .mainThumbList__info__detail {
  margin-top: 3px;
}

.mainThumbList__info__upDate {
  display: inline;
  position: relative;
  top: 0;
  margin-right: 5px;
  padding: 1px 6px 0;
  border-radius: 15px;
  background-color: #43acc7;
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
}

.mainThumbList__info__upDate__link {
  text-decoration: none;
}

.mainThumbList__info__upDate__link:hover {
  text-decoration: underline;
}

.mainThumbList__info__detail__title {
  display: inline;
  color: #8f5115;
  font-size: 12px;
}

.mainThumbList__info__detail__txt {
  display: inline;
  font-size: 13px;
}

.mainThumbList__info__detail__txtPrice {
  display: inline;
  color: #d73e04;
  font-size: 14px;
}

.mainThumbList__info__btn {
  margin-left: 20px;
}

.mainThumbList__info__btn__link {
  width: 124px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #3f3b34;
  text-decoration: none;
  background-color: #d9dcdf;
}

.mainThumbList__info__btn__link:hover {
  color: #3f3b34;
  opacity: 0.8;
}

/* ppc */
#mainCont .ppc {
  margin-left: auto;
  position: relative;
}

#mainCont .ppc .text {
  font-size: 16px;
  font-weight: 600;
  margin-right: 20px;
}

#mainCont .ppc .number {
  font-size: 18px;
  font-weight: 600;
  color: #0074b4;
  padding-left: 30px;
  background: url(../img2011/icon_phone2.png) no-repeat 0 -1px / 20px 20px;
}

#mainCont .ppc .iconCircleQuestionSmall {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(../img2011/icon_question.png) no-repeat 0 0 / 17px 17px;
  position: relative;
  margin-left: 3px;
}

#mainCont .ppc .infoCnt2 {
  position: absolute;
  left: -297px;
  top: 32px;
  z-index: 3;
  width: 300px;
  padding: 0 15px 10px;
  border: #d4d4d4 2px solid;
  background-color: #fff;
}

#mainCont .ppc .infoCnt2::before {
  position: absolute;
  top: -11px;
  right: 17px;
  margin-left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6.5px 9px 6.5px;
  border-color: transparent transparent #d4d4d4 transparent;
  content: "";
}

#mainCont .ppc .popUpPos,
#mainCont .ppc .cntInner {
  position: relative;
}

#mainCont .ppc .infoCnt2 .ttl {
  margin: 0 -15px 3px;
  padding: 10px 45px 9px 15px;
  background-color: #ededeb;
  font-weight: 600;
  font-size: 14px;
  text-align: left;
}

#mainCont .ppc .infoCnt2 .closeBtn {
  display: block;
  position: absolute;
  top: 11px;
  right: 2px;
  width: 15px;
  height: 15px;
}

#mainCont .ppc .infoCnt2 .closeBtn a.iconClose {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url(../img2011/icon_close2.png) no-repeat 0 0;
  position: relative;
  margin-left: 3px;
}

#mainCont .ppc .infoCnt2 .closeBtn a {
  z-index: 10;
  width: 15px;
  height: 15px;
  overflow: hidden;
}

#mainCont .ppc .infoCnt2 .closeBtn a span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0;
  opacity: 0;
}

#mainCont .ppc .infoCnt2 .name2 {
  margin-top: 10px;
  font-size: 12px;
  font-weight: 600;
}

#mainCont .ppc .infoCnt2 .infoTxt {
  margin-top: 5px;
  font-size: 12px;
}

/* subThumbList */
.subThumbList {
  margin: 25px 20px 0;
}

.subThumbList__item {
  min-height: 135px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  background-color: #fff;
  margin-top: 25px;
  border: #c9c9c9 1px solid;
}

.subThumbList__item:hover {
  background-color: #faf9f4;
}

.subThumbList__item:hover .subThumbList__name {
  color: #0275d1;
  text-decoration: underline;
}

.subThumbList__chkBox {
  position: absolute;
  top: 9px;
  left: 9px;
  z-index: 1;
  width: 32px;
  overflow: hidden;
}

.subThumbList__chkBox input[type="checkbox"] {
  position: absolute;
  width: 32px;
  height: 32px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.subThumbList__chkBox input[type="checkbox"]+label {
  cursor: pointer;
  display: block;
  width: 32px;
  height: 32px;
  padding-left: 45px;
  background: url(../img2011/cassette_check_sprite.png) no-repeat 0 0;
  outline: none;
}

.subThumbList__chkBox input[type="checkbox"]:checked+label {
  background-position: 0 -32px;
}

.subThumbList__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.subThumbList__bknInfo {
  width: 643px;
  margin: 10px 15px 10px 55px;
}

.subThumbList__tag + .subThumbList__bknInfo {
  margin-top: 20px;
}

.subThumbList__name {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #006acc;
}

.subThumbList__address {
  font-size: 13px;
  color: #4d261b;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-text-size-adjust: 100%;
}

.subThumbList__detail {
  line-height: 1.2;
}

.subThumbList__detail__title {
  display: inline;
  color: #8f5115;
  font-size: 12px;
}

.subThumbList__detail__txt {
  display: inline;
  color: #3b3930;
  font-size: 13px;
}

.subThumbList__detail__txtPrice {
  display: inline;
  color: #d73e04;
  font-size: 13px;
}

.subThumbList__button {
  align-self: center;
  margin: 10px 0;
  background-color: #fff;
}

.subThumbList__button__item {
  width: 220px;
  position: relative;
}

.subThumbList__button__item + .subThumbList__button__item {
  margin-top: 5px;
}

.subThumbList__button__link--shiryo,
.subThumbList__button__link--kengaku {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 55px;
  box-sizing: border-box;
  border-radius: 3px;
  color: #fffefe;
  line-height: 1.2;
  text-align: center;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.subThumbList__button__link--shiryo::after,
.subThumbList__button__link--kengaku::after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  margin: auto;
  content: "";
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  right: 10px;
  left: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.subThumbList__button__link--shiryo:hover,
.subThumbList__button__link--kengaku:hover {
  color: #fff;
  opacity: 0.8;
}

.subThumbList__button__link--shiryo {
  background-color: #1a3655;
}

.subThumbList__button__link--kengaku {
  background-color: #3b6ab7;
}

.subThumbList__button__txt {
  font-size: 15px;
  font-weight: 600;
}

.subThumbList__button__txt--small {
  margin-top: 3px;
  font-size: 13px;
  font-weight: 600;
}

.subThumbList__button__txtS {
  font-size: 13px;
}

.subThumbList__button__subTxt {
  font-size: 11px;
  font-weight: normal;
}

.subThumbList__button__subTitleLow {
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
}

.subThumbList__button__tpointText {
  display: inline-block;
  height: 17px;
  font-size: 11px;
  padding: 2px 0 5px 23px;
  background: url(../img2011/icon_tpoint.png) no-repeat 0 0;
}

.subThumbList__button__tpointText--small {
  display: flex;
  align-items: center;
  height: 15px;
  font-size: 11px;
  background-size: 15px;
  padding-left: 20px;
  background: url(../img2011/icon_tpoint.png) no-repeat 0 0;
  background-size: 15px 15px;
}

.subThumbList__button__textEmphasis {
  font-size: 14px;
  font-weight: 600;
}

.subThumbList__button__link--kengaku .subThumbList__button__subTxt {
  display: block;
}

/* buttonPointBalloon */
.buttonPointBalloon--show {
  display: block;
  z-index: 10;
  height: 158px;
  position: absolute;
  top: -170px;
  width: 268px;
  background-color:rgba(67,172,199,.9);
  line-height: 1;
}

.mainThumbList__button__itemWide .buttonPointBalloon--show {
  left: 1px;
}

.subThumbList__button__item .buttonPointBalloon--show {
  left: -25px;
}

.buttonPointBalloon--hide {
  display: none;
}

.buttonPointBalloon__inner {
  position: relative;
  margin: 15px 20px 0;
}

.buttonPointBalloon__inner::before {
  content: "";
  position: absolute;
  right: 95px;
  bottom: -35px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-top: 10px solid rgba(67,172,199,.9);
}

.buttonPointBalloon__reserveButton {
  width: 230px;
  height: 35px;
  margin-top: 8px;
}

.buttonPointBalloon__reserveButton__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 4px;
  background-color: #004097;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}

.buttonPointBalloon__reserveButton__link:hover {
  color: #fff;
  opacity: .7;
}

.buttonPointBalloon__reserveButton__link::after {
  width: 6px;
  height: 6px;
  content: '';
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -4px;
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

.buttonPointBalloon__reserveButton__textS {
  margin-left: 5px;
  font-weight: normal;
  font-size: 11px;
}

.buttonPointBalloon__detailButton {
  margin-top: 8px;
  text-align: center;
}

.buttonPointBalloon__detailButton__link {
  font-size: 12px;
  text-align: center;
  text-decoration: underline;
  color: #fff;
}

.buttonPointBalloon__detailButton__link:hover {
  text-decoration: none;
  color: #fff;
}

.buttonPointBalloon__closeButton {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -15px;
  right: -20px;
}

.buttonPointBalloon__closeButton__link {
  display: block;
  width: 100%;
  height: 100%;
}

.buttonPointBalloon__closeButton__link::before,
.buttonPointBalloon__closeButton__link::after {
  display: block;
  content: '';
  width: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -5px;
  border-top: 2px solid #fff;
}

.buttonPointBalloon__closeButton__link::before {
  transform: skewY(-45deg);
}

.buttonPointBalloon__closeButton__link::after {
  transform: skewY(45deg);
}

/* pointBox */
.pointBox{
  padding-top: 40px;
  color: #0e0e0e;
  background-color: #fff;
}

.pointBox__title {
  margin-top: 30px;
  font-size: 30px;
  font-weight: 600;
  color: #2d2d2d;
  line-height: 1.4;
  text-align: center;
}

.pointBox__title__subTxt {
  display: block;
  font-size: 24px;
  color: #1d4e95;
  line-height: 1.2;
}

.pointBox__title__emphasis {
  font-size: 30px;
  color: #167fb6;
}

.pointBox__title__emphasisL {
  font-size: 36px;
  color: #167fb6;
}

.pointBox__title__txtS {
  font-size: 24px;
}

.pointBox__subtitle {
  margin-top: 30px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}

.pointBox__subtitle__emphasis {
  font-size: 25px;
}

.pointBox__lead {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
}

.pointBox__noteCenter {
  margin-top: 5px;
  font-size: 11px;
  text-align: center;
}

.pointBox__list {
  width: 990px;
  margin: 0 auto;
  padding: 0 25px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}

.pointBox__list__item {
  width: calc(50% - 70px);
  margin: 50px 35px 0;
}

.pointBox__list__item:nth-child(-n+2) {
  margin-top: 30px;
}

.pointBox__list__title {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
}

.pointBox__list__title__subText {
  display: block;
  font-size: 24px;
}

.pointBox__list__title__textS {
  font-size: 24px;
}

.pointBox__list__text{
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.6;
}

.pointBox__imageWrap {
  width: 640px;
  margin: 15px auto 0;
}

.pointBox__imageWrap__image {
  margin: 0 auto;
}

.pointBox__imageWrap__caption {
  font-size: 11px;
  text-align: right;
}

.notes {
  margin: 0 auto;
  padding: 20px 0;
  background-color: #fff;
}

.notes__text {
  width: 990px;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box;
  color: #333;
  font-size: 12px;
  text-align: right;
}

/* footerLink */
.footerLink {
  padding: 30px 0;
  text-align: center;
}

.footerLink p {
  color: #bcbcbc;
  font-size: 14px;
  margin: 0 auto;
  width: 950px;
}

.footerLink p a {
  padding: 0 10px;
  text-decoration: none;
  color: #006acc;

}

.footerLink p a:hover {
  color: #1581e6;
  text-decoration: underline;
}

#footerLink p a:visited {
  color: #609;
}

/* footer */
#footer {
  background-color: #1a1a1a;
  padding: 30px 0 60px;
  text-align: center;
}

#footer address {
  border: none;
  color: #fff;
  font-size: small;
  line-height: 1.4;
}

#footer address a {
  color: #fff;
  text-decoration: none;
}

#footer address a:hover {
  text-decoration: underline;
}

#footer address p {
  margin-bottom: 10px;
}

/* common_v2との調整 */
a.mainThumbList__name__link:hover {
  color: #0275d1;
}

/* swiperjs */
.swiper{ position: relative; width: 450px; height: 300px; overflow: hidden;}