@charset "UTF-8";
/*
Theme Name: code-child
Template: code_tcd090
*/

#main_contents {
	padding:0 60px 0px !important;}

@media screen and (max-width: 756px) {
#main_contents {
	    padding: 0px!important;}	
}
#header_slider_wrap.index_slider_type2 #header_slider .caption{
	width:100%!important;
	background: #00000047;
	padding:30px 0;
}
.mv_bnr{
	position:absolute; bottom:15px;right:15px;z-index:9999;
	text-align:right;
	z-index: 1;
}
.mv_bnr img{
	width:70%;background: #fff;border-radius:10px;
}
.mv_bnr a img:hover{

	cursor: pointer;
}
.mv_bnr a:hover img.hoverwhite{
opacity:0.5;
filter:alpha(opacity=50);
-ms-filter: “alpha( opacity=50 )”;
}
.mv_bnr {

  transition-property: opacity;
  transition-duration: 0.5s;
}
.mv_bnr:hover {
  opacity: 0.7; 
}
.side_rank_bnr{
  transition-property: opacity;
  transition-duration: 0.5s;
}
.side_rank_bnr:hover {
  opacity: 0.7; 
}
.featured_content_wrap {

    justify-content: center!important;
}

.sitelink_Box {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	background-color: #efefef;
	text-align: center;
	margin:5% 0 0;
}

.sitelink_ttl {
	margin: 0;
	padding-top: 20px;
	color: #0f214e;
}

.sitelink_list {
	padding:2% 3% 2%;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	list-style: none;
}

.sitelink_list li {
	position: relative;
	width: 23.333%;
	height: 35px;
	margin-bottom: 1%;
	background-color: #fff;
}

.sitelink_list li a {
	position:absolute;
	display:block;
	width: 100%;
	height: 100%;
	line-height: 35px;
	text-decoration: none;
	border: 1px solid #868686;
}
.sitelink_list li a:hover {
background-color:#efefef;
	border: 1px solid #efefef;

}

.sitelink_list img {
	display: inline-block;
	padding-right: 10px;
	vertical-align:sub;
}

@media screen and (max-width: 756px) {
	.sitelink_ttl {
		padding: 5px 0;
		font-size: 1.2em;
	}

	.sitelink_Box {
		padding: 0;
		margin: 10px 0;
		box-sizing: border-box;

		text-align: center;
	}

	.sitelink_ttl {
		margin: 0;
		padding: 10px;

	}

	.sitelink_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		list-style: none;
		padding: 0;
	}

	.sitelink_list li {
		position: relative;
		width: 46%;
		height: 35px;
		margin-bottom: 10px;
		background-color: #fff;
	}

	.sitelink_list li a {
		position:absolute;
		display:block;
		width: 100%;
		height: 100%;
		font-size: .7em;
		line-height: 35px;
	}

	.sitelink_list img {
		display: inline-block;
		padding-right: 5px;
		vertical-align:sub;
	}
	}
@media screen and (min-width: 757px) {
  .mod-sec .section-inner {
width:90%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 756px) {
  .mod-sec .section-inner {
    padding: 0 16px;
  }
}
.mod-sec .section-inner ul{
list-style: none;
    margin-left: 0em;
	display:flex;    justify-content: space-around;

}

@media screen and (max-width: 756px) {
.mod-sec .section-inner ul{

    flex-wrap: wrap;
}
}

.mod-sec.insuranceData .insuranceData__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  padding: 32px 24px 28px;
  background-color: #fff;
}

@media screen and (min-width: 757px) {
  .mod-sec.insuranceData .insuranceData__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    /* width: 100%; */

  }
}

@media screen and (max-width: 756px) {
  .mod-sec.insuranceData .insuranceData__item {
    padding: 22px 24px 27px;
  }
}

@media screen and (min-width: 757px) {
  .mod-sec.insuranceData .insuranceData__item:nth-child(n+2) {
    margin-left: 16px;
  }
}

@media screen and (max-width: 756px) {
  .mod-sec.insuranceData .insuranceData__item:nth-child(n+2) {
    margin-top: 12px;
  }
}

.mod-sec.insuranceData .insuranceData__item .data-ttl {
  padding-bottom: 8px;
  border-bottom: 1px solid #ebebeb;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
}

.mod-sec.insuranceData .insuranceData__item .data-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 182px;
}

@media screen and (max-width: 756px) {
  .mod-sec.insuranceData .insuranceData__item .data-content {
    height: auto;
  }
}

.mod-sec.insuranceData .insuranceData__item .data-content:nth-child(n+2) {
  margin-top: 16px;
}

@media screen and (max-width: 756px) {
  .mod-sec.insuranceData .insuranceData__item .data-content:nth-child(n+2) {
    margin-top: 24px;
  }
}

.mod-sec.insuranceData .insuranceData__item .data-content .data-content__inner {
  max-width: 100%;
}

.mod-sec.insuranceData .insuranceData__item .data-content .data-content__inner img {
  max-width: 100%;
}

.mod-sec.insuranceData .insuranceData__item .data-content .data-joinParse {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mod-sec.insuranceData .insuranceData__item .data-content .data-joinParse li {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 23px;
      -ms-flex: 1 1 23px;
          flex: 1 1 23px;
  width: 23px;
  height: 53px;
  background: url(../img/ico_join_on.png) no-repeat center center/100%;
}

.mod-sec.insuranceData .insuranceData__item .data-content .data-joinParse li:nth-child(n+2) {
  margin-left: 6px;
}

.mod-sec.insuranceData .insuranceData__item .data-content .data-joinParse li[aria-grow="false"] {
  background-image: url(../img/ico_join_off.png);
}

.mod-sec.insuranceData .insuranceData__item .data-content .data-joinParse.theme-02 li {
  background-image: url(../img/ico_join02_on.png);
}

.mod-sec.insuranceData .insuranceData__item .data-content .data-joinParse.theme-02 li[aria-grow="false"] {
  background-image: url(../img/ico_join02_off.png);
}

.mod-sec.insuranceData .insuranceData__item .data-content .insuranceData__num {
  display: block;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.38;
      color: #bf0000;
  text-align: center;
}

.mod-sec.insuranceData .insuranceData__item .data-content .insuranceData__num.theme-02 {
  color: #d93636;
}

@media screen and (max-width: 756px) {
  .mod-sec.insuranceData .insuranceData__item .data-content .insuranceData__num {
    font-size: 16px;
  }
}

.mod-sec.insuranceData .insuranceData__item .data-content .insuranceData__num:nth-child(n+2) {
  margin-top: 11px;
}

.mod-sec.insuranceData .insuranceData__item .data-content .insuranceData__num span {
  font-size: 36px;
}

@media screen and (max-width: 756px) {
  .mod-sec.insuranceData .insuranceData__item .data-content .insuranceData__num span {
    font-size: 28px;
  }
}

.mod-sec.insuranceData .insuranceData__item:first-child:last-child .data-content {
  height: auto;
}
.cb_free_space.num3 {

    background: #efefef;
}

/**HOKEN**/
/* ==================================================================

詳細ページ

================================================================== */
.detail-main {
  padding: 24px 0 0;
}

@media screen and (min-width: 757px) {
  .detail-main {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 756px) {
  .detail-main {
    padding: 16px 0 0;
    margin-bottom: 0px;
  }
}

.detail-main .detail-main__inner {
  position: relative;
  margin: 0 auto;
}

@media screen and (min-width: 757px) {
  .detail-main .detail-main__inner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width:100%;
  }
}

.post_content .content-selectTab ul{
margin-left: 0em;
}
@media screen and (max-width: 756px) {
  .detail-main .detail-main__inner {
    padding: 0 ;
  }
	
.post_content .detail-main .detail-main__inner ul{

    margin-left: 0em;
}
	
}

@media screen and (min-width: 757px) {
  .detail-main .detail-main__inner .img-wrap {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 230px;
        -ms-flex: 0 0 230px;
            flex: 0 0 230px;
    width: 230px;
  }
}

@media screen and (max-width: 756px) {
  .detail-main .detail-main__inner .img-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 124px;
  }
}

.detail-main .detail-main__inner .img-wrap .img-wrap__inner {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 170px;
  border: 1px solid #ebebeb;
}

@media screen and (max-width: 756px) {
  .detail-main .detail-main__inner .img-wrap .img-wrap__inner {
    height: 96px;
  }
}

.detail-main .detail-main__inner .img-wrap .img-wrap__inner img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 190px;
  max-height: 130px;
}

@media screen and (max-width: 756px) {
  .detail-main .detail-main__inner .img-wrap .img-wrap__inner img {
    max-width: 100px;
    max-height: 72px;
  }
}

.detail-main .detail-main__inner .txt-option {
  position: relative;
  padding-left: 19px;
  font-size: 12px;
}

.detail-main .detail-main__inner .txt-option:nth-child(n+2) {
  margin-top: 17px;
}

@media screen and (max-width: 756px) {
  .detail-main .detail-main__inner .txt-option:nth-child(n+2) {
    margin-top: 5px;
  }
}

.detail-main .detail-main__inner .txt-option + .txt-option {
  margin-top: 7px;
}

.detail-main .detail-main__inner .txt-option .add-icon {
  position: absolute;
  top: 1px;
  left: 0;
  width: 16px;
  height: 16px;
}

.detail-main .detail-main__inner .txt-option a {
  color: #333;
}

@media screen and (min-width: 757px) {
  .detail-main .detail-main__inner .txt-wrap {
    width: calc(100% - 262px);
  }
  .detail-main .detail-main__inner .txt-wrap:nth-child(n+2) {
    margin-left: 32px;
  }
}

.detail-main .detail-main__inner .txt-head {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
}

@media screen and (max-width: 756px) {
  .detail-main .detail-main__inner .txt-head {
    font-size: 14px;
  }
}

.detail-main .detail-main__inner .txt-head > a {
  color: #0783c2;
}

.detail-main .detail-main__inner .txt-head > a:hover {
  color: #37b4f3;
  text-decoration: none;
}

.detail-main .detail-main__inner .txt-head.rank-01, .detail-main .detail-main__inner .txt-head.rank-02, .detail-main .detail-main__inner .txt-head.rank-03 {
  position: relative;
  padding-left: 28px;
}

@media screen and (max-width: 756px) {
  .detail-main .detail-main__inner .txt-head.rank-01, .detail-main .detail-main__inner .txt-head.rank-02, .detail-main .detail-main__inner .txt-head.rank-03 {
    padding-left: 20px;
  }
}

.detail-main .detail-main__inner .txt-head.rank-01:before, .detail-main .detail-main__inner .txt-head.rank-02:before, .detail-main .detail-main__inner .txt-head.rank-03:before {
  content: '';
  position: absolute;
  background: no-repeat center center / 100%;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
}

@media screen and (max-width: 756px) {
  .detail-main .detail-main__inner .txt-head.rank-01:before, .detail-main .detail-main__inner .txt-head.rank-02:before, .detail-main .detail-main__inner .txt-head.rank-03:before {
    width: 16px;
    height: 16px;
  }
}

.detail-main .detail-main__inner .txt-head.rank-01:before {
  background-image: url(../img/icon_rank_01.png);
}

.detail-main .detail-main__inner .txt-head.rank-01 > span {
  color: #b09003;
}

.detail-main .detail-main__inner .txt-head.rank-02:before {
  background-image: url(../img/icon_rank_02.png);
}

.detail-main .detail-main__inner .txt-head.rank-02 > span {
  color: #687278;
}

.detail-main .detail-main__inner .txt-head.rank-03:before {
  background-image: url(../img/icon_rank_03.png);
}

.detail-main .detail-main__inner .txt-head.rank-03 > span {
  color: #aa691b;
}

.detail-main .detail-main__inner .txt-ttl {
  border-bottom: 1px solid #ebebeb;
  padding: 0 0 12px;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
}

@media screen and (max-width: 756px) {
  .detail-main .detail-main__inner .txt-ttl {
    font-size: 24px;
  }
}

.detail-main .detail-main__inner .txt-ttl:nth-child(n+2) {
  margin-top: 8px;
}

@media screen and (max-width: 756px) {
  .detail-main .detail-main__inner .txt-detail {
    position: relative;
    min-height: 96px;
    padding-left: 140px;
  }
}

.detail-main .detail-main__inner .txt-detail:nth-child(n+2) {
  margin-top: 23px;
}

@media screen and (max-width: 756px) {
  .detail-main .detail-main__inner .txt-detail:nth-child(n+2) {
    margin-top: 20px;
  }
}

.detail-main .detail-main__inner .txt-name {
  font-size: 16px;
}

@media screen and (max-width: 756px) {
  .detail-main .detail-main__inner .txt-name {
    font-size: 14px;
  }
}

.detail-main .detail-main__inner .txt-name a {
  color: #0783c2;
  text-decoration: none;
}

.detail-main .detail-main__inner .txt-name a:hover {
  color: #37b4f3;
}

.detail-main .detail-main__inner .mod-rankingStatus__wrap:nth-child(n+2) {
  margin-top: 6px;
}

@media screen and (max-width: 756px) {
  .detail-main .detail-main__inner .mod-rankingStatus__wrap:nth-child(n+2) {
    margin-top: 4px;
  }
}

.detail-main .detail-main__inner .txt-link {
  position: relative;
  font-size: 16px;
  font-weight: 300;
  padding-left: 32px;
}

@media screen and (max-width: 756px) {
  .detail-main .detail-main__inner .txt-link {
    padding-left: 22px;
    font-size: 14px;
  }
}

.detail-main .detail-main__inner .txt-link:nth-child(n+2) {
  margin-top: 18px;
}

@media screen and (max-width: 756px) {
  .detail-main .detail-main__inner .txt-link:nth-child(n+2) {
    margin-top: 22px;
  }
}

.detail-main .detail-main__inner .txt-link + .txt-link {
  margin-top: 8px;
}

.detail-main .detail-main__inner .txt-link .add-icon {
  position: absolute;
  top: -2px;
  left: 0;
}

@media screen and (max-width: 756px) {
  .detail-main .detail-main__inner .txt-link .add-icon {
    top: 0;
    width: 18px;
    height: 18px;
  }
}

.detail-main .detail-main__inner .txt-link a {
  color: #0783c2;
  text-decoration: none;
}

.detail-main .detail-main__inner .txt-link a:hover {
  color: #37b4f3;
}

@media screen and (min-width: 757px) {
  .detail-main .detail-main__inner .txt-link a.pcOnly {
    display: inline-block !important;
  }
}

@media screen and (max-width: 756px) {
  .detail-main .detail-main__inner .txt-link a.spOnly {
    display: inline-block !important;
  }
}

.cart-sec {
  padding: 0;
  background-color: #ebebeb;
}

@media screen and (min-width: 757px) {
  .cart-sec {
    min-height: 170px;
  }
}

.post_content .cart-sec_body ul{
	margin-left:0;
	}

.cart-sec_inner {
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 262px;
}

@media screen and (max-width: 756px) {
  .cart-sec_inner {
    padding-left: 0px;
  }
}

.cart-sec_header {
  border-bottom: 1px solid #d1d1d1;
  padding-bottom: 14px;
  font-size: 2.8rem;
  font-weight: 600;
}

@media screen and (max-width: 756px) {
  .cart-sec_header {
    font-size: 2.4rem;
    padding: 0 0 11px;
  }
}

.cart-sec_body:nth-child(n+2) {
  margin-top: 25px;
}

@media screen and (max-width: 756px) {
  .cart-sec_body:nth-child(n+2) {
    margin-top: 20px;
  }
.post_content .cart-sec_body ul{
	margin-left:0;
	}
}

@media screen and (max-width: 756px) {
  .cart-sec_detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;align-items: center;
  }
}

@media screen and (max-width: 756px) {
  .cart-sec_text:nth-child(n+2) {
    margin-left: 16px;
  }
}

.cart-sec_image {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 170px;
  width: 230px;
  padding: 26px 20px;
  text-align: center;
  background-color: #fff;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.cart-sec_image > img {
  position: absolute;
  top: 0;
  width: auto;
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
  height: auto;
  margin: auto;
  left: 0;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 756px) {
  .cart-sec_image > img {
    max-height: calc(100% - 32px);
    max-height: calc(100% - 24px);
  }
}

@media screen and (max-width: 756px) {
  .cart-sec_image {
    position: relative;
    width: 124px;
    padding: 16px 12px;
    height: 100px;
  }
}

.cart-sec_link {
  font-weight: 300;
  line-height: 1.3;
}

.cart-sec_link > a {
  color: #0783c2;
}

.post_content ul.cart-link{
	margin-left:0;
	}

.cart-link:nth-child(n+2) {
  margin-top: 0px;
}

@media screen and (min-width: 757px) {
  .cart-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
  }
  .cart-link.right {
    margin-left: auto;
    margin-right: 0;
  }
}

.cart-link li {
  border-radius: 4px;
}

@media screen and (min-width: 757px) {
  .cart-link li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    width: 100%;
    /*max-width: 257px;*/
  }
}

.cart-link li:nth-child(n+2) {
  margin-left: 20px;
}

@media screen and (max-width: 756px) {
  .cart-link li:nth-child(n+2) {
    margin-left: 0;
    margin-top: 16px;
  }
}

.cart-link li > a {
  border-radius: 4px;
}

.cart-link li > a,
.cart-link li > button {
  cursor: pointer;
  border: 2px solid #bf0000;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 20px;
  font-weight: bold;
  text-decoration: none;
  background-color: #fff;
  color: #bf0000;
      box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}

@media screen and (max-width: 756px) {
  .cart-link li > a,
  .cart-link li > button {
    padding: 19px;
    font-size: 17px;
  }
}

.cart-link li > a:hover,
.cart-link li > button:hover {
  background-color: #FF1212;
  border-color: #FF1212;
  color: #fff;
}

.cart-link li > a span,
.cart-link li > button span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  line-height: 1.3;
}

.cart-link li > a span i.rex-icon,
.cart-link li > button span i.rex-icon {
  margin-left: 8px;
  font-size: 16px;
}

.cart-link li.theme-reverse a,
.cart-link li.theme-reverse button {
  background-color: #bf0000;
  color: #fff;
}

.cart-link li.theme-reverse a:hover,
.cart-link li.theme-reverse button:hover {
  background-color: #FF1212;
}

.contact-link {
  overflow: hidden;
}

.contact-link:nth-child(n+2) {
  margin-top: 24px;
}

@media screen and (max-width: 756px) {
  .contact-link:nth-child(n+2) {
    margin-top: 19px;
  }
}

.contact-link > ul {
  margin: -20px 0 0 -20px;
  font-size: 0;
}

@media screen and (max-width: 756px) {
  .contact-link > ul {
    text-align: center;
  }
}

.contact-link > ul > li {
  display: inline-block;
  margin: 20px 0 0 20px;
  font-size: 16px;
}

.contact-link > ul > li > a {
  color: #0783c2;
}

.contact-link > ul > li > a > i {
  display: inline-block;
  margin-right: 8px;
  vertical-align: middle;
}

.contact-link > ul > li > a > i.icon-consult {
  position: relative;
  top: -2px;
}

.ip-sec {
  padding-bottom: 0;
}

.ip-sec_id {
  font-size:0.8em;
  line-height: 1.3;
  text-align: right;
  color: #9e9e9e;
}

.ip-sec_id:nth-child(n+2) {
  margin-top: 10px;
}

@media screen and (max-width: 756px) {
  .content-wrap .content-sec.wide .mod-note {
    margin-left: 16px;
    margin-right: 16px;
  }
  .content-wrap .content-sec.wide .ip-sec_id {
    margin-right: 16px;
  }
}

.mod-borderBox {
  padding: 32px 40px;
  border: 1px solid #d1d1d1;
}

@media screen and (max-width: 756px) {
  .mod-borderBox {
    padding: 24px 20px;
	margin-bottom:30px;
  }
}

@media screen and (min-width: 757px) {
  .mod-borderBox .mod-borderBox__column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media screen and (min-width: 757px) {
  .mod-borderBox .mod-borderBox__column .mod-column {
    width: 50%;
  }
  .mod-borderBox .mod-borderBox__column .mod-column:nth-child(2n) {
    padding-left: 25px;
  }
  .mod-borderBox .mod-borderBox__column .mod-column:nth-child(2n+1) {
    padding-right: 25px;
  }
  .mod-borderBox .mod-borderBox__column .mod-column:nth-child(n+3) {
    margin-top: 20px;
  }
}

@media screen and (max-width: 756px) {
  .mod-borderBox .mod-borderBox__column .mod-column:nth-child(n+2) {
    margin-top: 20px;
  }
}

.mod-borderBox .mod-borderBox__column .mod-column .column-ttl {
  font-size: 16px;
  font-weight: bold;
}

@media screen and (max-width: 756px) {
  .mod-borderBox .mod-borderBox__column .mod-column .column-ttl {
    font-size: 14px;
  }
}

.mod-borderBox .mod-borderBox__column .mod-column .column-txt {
  margin-top: 8px;
  font-size: 16px;
}

@media screen and (max-width: 756px) {
  .mod-borderBox .mod-borderBox__column .mod-column .column-txt {
    font-size: 14px;
  }
}

.mod-borderBox .mod-box__ttl {
  font-size: 22px;
  color: #0783c2;
  font-weight: bold;
}

@media screen and (max-width: 756px) {
  .mod-borderBox .mod-box__ttl {
    font-size: 20px;
  }
}

.mod-borderBox .mod-box__txt {
  font-size: 16px;
  margin-top: 12px;
}

@media screen and (max-width: 756px) {
  .mod-borderBox .mod-box__txt {
    margin-top: 12px;
  }
}

.content-select {
  margin: 0 auto;
}

.content-select[aria-fixed="true"] {
  position: fixed;
  top: 0;
  left: 0;
  margin: 0;
  z-index: 200;
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: .1s ease;
  transition: .1s ease;
}

@media screen and (min-width: 757px) {
  .content-select[aria-fixed="true"] {
    min-width: 1280px;
    width: 100vw;
  }
}

@media screen and (max-width: 756px) {
  .content-select[aria-fixed="true"] {
    width: 100%;
  }
}

.content-select[aria-fixed="true"] .content-selectItem[aria-selected="false"] {
  background-color: #fff;
}

@media screen and (min-width: 757px) {
  .content-select[aria-fixed="true"] .content-selectItem:first-child {
    border-left: 1px solid #d1d1d1;
  }
}

@media screen and (min-width: 757px) {
  .content-select[aria-fixed="true"] .content-selectItem:last-child {
    border-right: 1px solid #d1d1d1;
  }
}

@media screen and (min-width: 757px) {
  .content-select[aria-fixed="true"] .content-selectList li span {
    font-size: 18px;
  }
}

@media screen and (min-width: 757px) {
  .content-selectTab {
    width:100%;
    margin: 0 auto;
  }
}

.content-selectList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.content-selectList li {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%;
  text-align: center;
  padding: 25px;
  background-color: #ebebeb;
  color: #828282;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 756px) {
  .content-selectList li {
    padding: 11px 20px;
  }
}

.content-selectList li:not(:first-child) {
  border-left: 1px solid #d1d1d1;
}

.content-selectList li[aria-selected="true"] {
  position: relative;
  background-color: #0f214e;
  color: #fff;
  border-color: #0f214e;
}

.content-selectList li[aria-selected="true"]:after {
  content: '';
  position: absolute;
  display: block;
  bottom: -12px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 12px 0 12px;
  border-color:#0f214e transparent transparent transparent;
}

.content-selectList li[aria-selected="true"] + li {
  border-color: #0783c2;
}

@media screen and (min-width: 757px) {
  .content-selectList li:first-child {
    border-radius: 4px 0 0 0;
  }
}

@media screen and (min-width: 757px) {
  .content-selectList li:last-child {
    border-radius: 0 4px 0 0;
  }
}

.content-selectList li span {
  display: block;
  width: 100%;
}

@media screen and (min-width: 757px) {
  .content-selectList li span {
    font-size: 22px;
    line-height: 1;
  }
}

.content-switch {
  padding-bottom: 30px;
}

@media screen and (max-width: 756px) {
  .content-switch {
    padding-bottom: 40px;
  }
}

.content-wrap .content-sec {
  padding-top:30px;
}

@media screen and (max-width: 756px) {
  .content-wrap .content-sec {
    padding-top: 40px;
  }
}

@media screen and (max-width: 756px) {
  .content-wrap .content-sec.wide {
    width: 100vw;
    margin-left: -16px;
  }
}

.content-wrap .content-sec[aria-selected="false"] {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}

.content-wrap .content-sec[aria-selected="false"] .refineRule-view {
  display: none;
}

.feature-sec:nth-child(n+2) {
  margin-top: 66px;
}

@media screen and (max-width: 756px) {
  .feature-sec:nth-child(n+2) {
    margin-top: 40px;
  }
}

.feature-sec.case .mod-box__ttl {
  text-align: center;
}

.feature-sec.case .mod-box__content {
  background-color: #e6f2f9;
}

@media screen and (min-width: 757px) {
  .feature-sec.case .mod-box__content {
    padding: 24px;
    margin-top: 24px;
  }
}

@media screen and (max-width: 756px) {
  .feature-sec.case .mod-box__content {
    padding: 20px 16px;
    margin-top: 20px;
  }
}

.feature-sec.case .mod-box__content__list {
  margin-top: 12px;
}

@media screen and (min-width: 757px) {
  .feature-sec.case .mod-box__content__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.feature-sec.case .mod-box__content__item {
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width: 757px) {
  .feature-sec.case .mod-box__content__item {
    width: 50%;
    padding: 20px;
  }
}

@media screen and (max-width: 756px) {
  .feature-sec.case .mod-box__content__item {
    width: 100%;
    padding: 16px;
  }
}

@media screen and (min-width: 757px) {
  .feature-sec.case .mod-box__content__item + .mod-box__content__item {
    margin-left: 16px;
  }
}

@media screen and (max-width: 756px) {
  .feature-sec.case .mod-box__content__item + .mod-box__content__item {
    margin-top: 8px;
  }
}

@media screen and (min-width: 757px) {
  .feature-sec.case .mod-box__content__item > dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
  }
}

@media screen and (min-width: 757px) {
  .feature-sec.case .mod-box__content__item > dl .mod-box__content__ttl {
    margin-right: 20px;
    max-width: calc(40% - 20px);
  }
}

@media screen and (max-width: 756px) {
  .feature-sec.case .mod-box__content__item > dl .mod-box__content__ttl {
    text-align: center;
  }
}

@media screen and (max-width: 756px) {
  .feature-sec.case .mod-box__content__item > dl .mod-box__content__ttl + .mod-box__content__txt {
    margin-top: 8px;
  }
}

.feature-sec.case .mod-box__content__item > dl .mod-box__content__txt {
  font-weight: bold;
}

@media screen and (min-width: 757px) {
  .feature-sec.case .mod-box__content__item > dl .mod-box__content__txt {
    margin-left: auto;
    width: 60%;
  }
}

@media screen and (max-width: 756px) {
  .feature-sec.case .mod-box__content__item > dl .mod-box__content__txt {
    text-align: center;
  }
}

.feature-sec_title {
  font-size: 3.2rem;
  font-weight: 600;
  left: 1.3;
  color: #222;
}

@media screen and (max-width: 756px) {
  .feature-sec_title {
    font-size: 2.2rem;
  }
}

.feature-sec_body:nth-child(n+2) {
  margin-top: 13px;
}

@media screen and (max-width: 756px) {
  .feature-sec_body:nth-child(n+2) {
    margin-top: 10px;
  }
}

.feature-list {
  counter-reset: feature-list_num;
}

.feature-list > li {
  border-bottom: 1px solid #d1d1d1;
}

.feature-list > li:first-child {
  border-top: 1px solid #d1d1d1;
}

.feature-item {
  position: relative;
}

.feature-item_title {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.5;
  position: relative;
}

@media screen and (min-width: 757px) {
  .feature-item_title {
    padding: 32px 19px 32px 57px;
  }
}

@media screen and (max-width: 756px) {
  .feature-item_title {
    font-size: 1.6rem;
    padding: 20px 0 20px 34px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.feature-item_title::before {
  content: counter(feature-list_num);
  counter-increment: feature-list_num;
  position: absolute;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.5;
  color: #0783c2;
}

@media screen and (min-width: 757px) {
  .feature-item_title::before {
    top: 29px;
    left: 20px;
  }
}

@media screen and (max-width: 756px) {
  .feature-item_title::before {
    top: 50%;
    left: 1px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

@media screen and (max-width: 756px) {
  .feature-item_title .lstToggle-descTermSwitchIcon {
    margin-left: 22px;
    background-color: #b6b6b6;
  }
}

@media screen and (max-width: 756px) {
  .feature-item_title[aria-selected="true"] {
    color: #0783c2;
  }
}

@media screen and (max-width: 756px) {
  .feature-item_title[aria-selected="true"] .lstToggle-descTermSwitchIcon {
    background-color: #0783c2;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}

@media screen and (min-width: 757px) {
  .feature-item_body {
    display: block !important;
    height: auto !important;
    padding: 0 19px 0 57px;
    padding-bottom: 30px !important;
  }
}

@media screen and (max-width: 756px) {
  .feature-item_body {
    display: none;
    padding: 0 10px 20px 34px;
  }
}

.feature-item_body p {
  font-weight: 300;
  line-height: 1.8;
}

.feature-item_body p:nth-child(n+2) {
  margin-top: 1em;
}

.feature-item_body .feature-item_image + p {
  margin-top: 34px;
}

@media screen and (max-width: 756px) {
  .feature-item_body p {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .feature-item_body .feature-item_image + p {
    margin-top: 24px;
  }
}

.feature-item_image {
  text-align: center;
}

.feature-item_image:nth-child(n+2) {
  margin-top: 34px;
}

.feature-item_image > img {
  max-width: 100%;
}

@media screen and (max-width: 756px) {
  .feature-item_image:nth-child(n+2) {
    margin-top: 24px;
  }
}

.security-list {

}

.security-list .security-parentItem__ttl {
  padding: 16px 12px;
    background-color: #7f8699;
    border-top: 2px solid #0f214e;
    color: #fff;
  border-bottom: 1px solid #d1d1d1;
}

@media screen and (max-width: 756px) {
  .security-list .security-parentItem__ttl {
    padding: 12px;
    font-size: 16px;

  }
}

.security-list .security-parentItem__ttl + .security-ChildItem__single,
.security-list .security-parentItem__ttl + .security-ChildItem__col {
  border-top: none;
}

.security-list .security-parentItem__ttl:not(:first-child) {
  margin-top: 30px;
}

.security-list .security-ChildItem__wrap {
  border-bottom: 1px solid #d1d1d1;
}
.post_content .security-list dd{
margin-bottom:0;
	
}
@media screen and (min-width: 757px) {
  .security-list .security-ChildItem__wrap {
    display: table;
    table-layout: fixed;
    width: 100%;
margin-bottom:0;
  }
}

.security-list .security-ChildItem__wrap .security-ChildItem__ttl {
  padding: 16px 12px;
  background-color: #f7f7f7;
  width: 320px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.5;
  font-size: 14px;

}

@media screen and (min-width: 757px) {
  .security-list .security-ChildItem__wrap .security-ChildItem__ttl {
    display: table-cell;
    vertical-align: middle;
  }
}

@media screen and (max-width: 756px) {
  .security-list .security-ChildItem__wrap .security-ChildItem__ttl {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
	
	.post_content .security-list dl{
margin-bottom:0;
	
}
	
}

.security-list .security-ChildItem__wrap .security-ChildItem__ttl .icon-question {
  width: 20px;
  height: 20px;
}

.security-list .security-ChildItem__wrap .security-parentItem__ttl__inner {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}

.security-list .security-ChildItem__wrap .security-Item__txt {
  padding: 16px 12px;
  line-height: 1.5;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  font-size: 14px;
}

@media screen and (max-width: 756px) {
  .security-list .security-ChildItem__wrap .security-Item__txt {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.security-list .security-ChildItem__wrap .security-Item__txt .item-label {
  display: block;
  position: relative;
  font-size: 14px;
  font-weight: bold;
}

.security-list .security-ChildItem__wrap .security-Item__txt .item-label.circle {
  padding-left: 24px;
}

.security-list .security-ChildItem__wrap .security-Item__txt .item-label.circle::before {
  content: '';
  position: absolute;
  background-image: url(../img/ico_circle.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
}

.security-list .security-ChildItem__wrap .security-Item__txt .item-label.triangle {
  padding-left: 24px;
}

.security-list .security-ChildItem__wrap .security-Item__txt .item-label.triangle::before {
  background-image: url(../img/ico_triangle.png);
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
}

.security-list .security-ChildItem__wrap .security-Item__txt .item-label.cross {
  padding-left: 24px;
  color: #949494;
}

.security-list .security-ChildItem__wrap .security-Item__txt .item-label.cross::before {
  background-image: url(../img/ico_cross.png);
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
}

.security-list .security-ChildItem__wrap .security-Item__txt .txt-inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 28px;
}

.security-list .security-ChildItem__wrap .security-Item__txt .txt-inner .add-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  margin-left: 8px;
}

.security-list .security-ChildItem__wrap .security-Item__txt .txt-side {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 300px;
}

@media screen and (max-width: 756px) {
  .security-list .security-ChildItem__wrap .security-Item__txt .txt-side {
    max-width: 150px;
  }
}

.security-list .security-ChildItem__wrap .security-Item__txt .txt-side + .txt-side {
  margin-left: 28px;
}

.security-list .security-ChildItem__wrap .security-Item__txt .txt-line {
  display: block;
}

.security-list .security-ChildItem__wrap .security-Item__txt .txt-line .txt-line {
  margin: 8px 0;
}

.security-list .security-ChildItem__wrap .security-Item__txt .txt-line + .txt-line {
  margin-top: 8px;
}

.security-list .security-ChildItem__wrap .security-Item__txt .txt-line + .txt-side {
  margin-top: 8px;
}

.security-list .security-ChildItem__wrap .security-Item__txt .txt-line .txt-line__detail {
  display: inline-block;
  margin-left: 4px;
}

.security-list .security-ChildItem__wrap .security-Item__txt .annotation-txt {
  position: relative;
  font-size: 12px;
  color: #686868;
  margin-top: 8px;
  display: block;
  width: 100%;
}

@media screen and (max-width: 756px) {
  .security-list .security-ChildItem__wrap .security-Item__txt .annotation-txt {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.security-list .security-ChildItem__wrap .security-Item__txt .annotation-txt + .txt-line {
  margin-top: 16px;
}

.security-list .security-ChildItem__wrap .security-ChildItem__notice {
  font-size: 12px;
  color: #686868;
  margin-top: 2px;
}

.security-list .security-ChildItem__single, .security-list .security-ChildItem__col {
  margin: 0 auto;
}

.security-list .security-ChildItem__single {
  width: calc(100% - 16px);
  padding: 16px 0;
  border-top: 1px solid #ebebeb;
}

@media screen and (max-width: 756px) {
  .security-list .security-ChildItem__single {
    padding: 12px 0;
  }
}

.security-list .security-ChildItem__col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc(100% - 22px);
  padding: 16px 0;
  border-top: 1px solid #ebebeb;
  font-size: 14px;
}

@media screen and (max-width: 756px) {
  .security-list .security-ChildItem__col {
    padding: 12px 0;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.security-list .security-ChildItem__col .box-tag {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 143px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  margin-right: 8px;
  margin-bottom: 8px;
  cursor: default;
}

@media screen and (max-width: 756px) {
  .security-list .security-ChildItem__col .box-tag:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 757px) {
  .security-list .security-ChildItem__col .box-tag:nth-child(7n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 757px) {
  .security-list .security-ChildItem__col .box-tag:nth-child(7n+1):nth-last-child(-n+7),
  .security-list .security-ChildItem__col .box-tag:nth-child(7n+1):nth-last-child(-n+7) ~ span {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 756px) {
  .security-list .security-ChildItem__col .box-tag:nth-child(2n+1):nth-last-child(-n+2),
  .security-list .security-ChildItem__col .box-tag:nth-child(2n+1):nth-last-child(-n+2) ~ span {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 756px) {
  .security-list .security-ChildItem__col .box-tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 calc(50% - 4px);
        -ms-flex: 0 1 calc(50% - 4px);
            flex: 0 1 calc(50% - 4px);
    width: calc(50% - 4px);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.security-list .security-ChildItem__annotation {
  border-top: none;
  padding-top: 0;
}

.security-list .security-ChildItem__annotation .annotation-txt {
  position: relative;
  font-size: 12px;
  color: #686868;
  padding-left: 16px;
  display: block;
  width: 100%;
}

@media screen and (max-width: 756px) {
  .security-list .security-ChildItem__annotation .annotation-txt {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}

.security-list .security-ChildItem__annotation .annotation-txt:before {
  content: '※';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
}

.refineRule-view {
  background-color: #fff;
  border-radius: 4px;
  padding: 32px;
  -webkit-transition: .2s ease;
  transition: .2s ease;
  cursor: pointer;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 756px) {
  .refineRule-view {
    padding: 0;
  }
}

.refineRule-view:hover {
  color: #37b4f3;
}

.refineRule-view:hover .refineRule-btn {
  background-color: #37b4f3;
}

@media screen and (min-width: 757px) {
  .refineRule-view .refineRule-view__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 756px) {
  .refineRule-view .refineRule-view__inner {
    position: relative;
  }
}

@media screen and (max-width: 756px) and (max-width: 756px) {
  .refineRule-view .refineRule-view__inner {
    padding: 24px 16px 43px;
  }
}

.refineRule-view[aria-fixed='true'] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 1000;
}

.refineRule-view[aria-fixed='true'] .refineRule-view__inner {
  margin: 0 auto;
}

@media screen and (min-width: 757px) {
  .refineRule-view[aria-fixed='true'] .refineRule-view__inner {
    width: 1072px;
  }
}

.refineRule-view .refineRule-txt {
  max-width: 820px;
}

.refineRule-view .refineRule-main {
  font-size: 18px;
}

@media screen and (max-width: 756px) {
  .refineRule-view .refineRule-main {
    font-size: 16px;
  }
}

.refineRule-view .refineRule-sub {
  position: relative;
  margin-top: 8px;
  font-size: 0;
}

.refineRule-view .refineRule-sub.add-ellipsis {
  height: 21px;
  overflow: hidden;
}

@media screen and (max-width: 756px) {
  .refineRule-view .refineRule-sub.add-ellipsis {
    height: 18px;
  }
}

.refineRule-view .refineRule-sub.add-ellipsis::after {
  content: '...';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding-left: 1em;
  font-size: 14px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, white));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), white 50%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%);
  pointer-events: none;
}

.refineRule-view .refineRule-sub > li {
  display: inline;
  font-size: 14px;
}

@media screen and (max-width: 756px) {
  .refineRule-view .refineRule-sub > li {
    font-size: 12px;
  }
}

.refineRule-view .refineRule-sub > li:nth-child(n+2) {
  margin-left: 1em;
}

.refineRule-view .refineRule-sub > li > span {
  font-weight: 700;
}

.refineRule-view .refineRule-btn {
  background-color: #0783c2;
  color: #fff;
  font-size: 16px;
  padding: 16px 36px;
  border-radius: 27px;
  border: none;
  cursor: pointer;
  font-size: 14px;
  outline: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media screen and (max-width: 756px) {
  .refineRule-view .refineRule-btn {
    padding: 12px 30px;
    max-width: 144px;
  }
}

.refineRule-view .refineRule-btn i {
  font-size: 20px;
  margin-right: 8px;
}

@media screen and (max-width: 756px) {
  .refineRule-view .refineRule-btn {
    position: absolute;
    bottom: -24px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
}

.compare-caption {
  background-color: #e6f2f9;
  padding: 16px 12px;
  border-top: 2px solid #0783c2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.compare-caption .tooltip > a {
  vertical-align: inherit;
  display: inline;
}

.compare-caption .tooltip > a > i {
  vertical-align: inherit;
  display: inline;
}

@media screen and (max-width: 756px) {
  .compare-caption {
    display: none;
  }
}

.compare-pager__box {
  padding: 48px 0 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 756px) {
  .compare-pager__box {
    padding: 0 16px;
    margin: 56px 0 16px;
  }
}

.compare-pager__box.bottom {
  padding: 20px 0 0;
}

@media screen and (max-width: 756px) {
  .compare-pager__box.bottom {
    padding: 0 16px;
    margin: 16px 0 0;
  }
}

.compare-pager__box .pager-guide__wrap {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.compare-pager__box .pager-guide__wrap .pager-guide__txt {
  font-size: 14px;
  font-weight: 300;
}

.compare-pager__box .pager-guide__wrap .pager-guide__txt .strong {
  font-size: 16px;
  font-weight: 600;
  vertical-align: baseline;
}

.compare-pager__box .pager-guide__wrap .pager-guide__txtSub:nth-child(n+2) {
  margin-top: 8px;
}

.compare-pager__box .pager-guide__wrap .sort-button {
  color: #0783c2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 300;
}

.compare-pager__box .pager-guide__wrap .sort-button i {
  font-size: 16px;
  margin-right: 4px;
}

.compare-pager__box .pager-guide__wrap .sort-text {
  font-weight: 300;
}

.change-modelist {
  position: fixed;
  bottom: 55px;
  left: 0;
  right: 0;
  z-index: 2000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 4px;
  background-color: #fff;
  border-radius: 4px;
  width: 230px;
  margin: 0 auto;
  background-color: white;
  -webkit-box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.2);
  border-width: 1px;
  border-color: #d1d1d1;
  border-style: solid;
  border-radius: 4px;
}

@media screen and (min-width: 757px) {
  .change-modelist {
    display: none;
  }
}

.change-modelist .change-modeItem {
  width: 50%;
}

.change-modelist .change-modeItem button {
  width: 100%;
  padding: 13px;
  color: #0783c2;
  font-size: 12px;
  border-radius: 4px;
}

.change-modelist .change-modeItem button[aria-selected="true"] {
  background-color: #0783c2;
  color: #fff;
  font-weight: bold;
}

.compare-content__box {
  position: relative;
  word-break: break-all;
}

@media screen and (min-width: 757px) {
  .compare-content__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 1240px;
    margin-left: -83px;
  }
  .compare-content__box[data-id="easy-mode"] {
    display: none;
  }
}

@media screen and (max-width: 756px) {
  .compare-content__box[aria-expanded="true"] {
    display: block;
  }
  .compare-content__box[aria-expanded="false"] {
    display: none;
  }
}

.compare-content__box .pager-button {
  position: relative;
  width: 40px;
}

@media screen and (max-width: 756px) {
  .compare-content__box .pager-button {
    display: none;
  }
}

.compare-content__box .pager-button button {
  position: absolute;
  top: 0;
  border-radius: 4px;
  width: 40px;
  height: 113px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3px;
  font-size: 14px;
  background-color: #fff;
  color: #0783c2;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
  outline: none;
  cursor: pointer;
}

.compare-content__box .pager-button button:hover {
  background-color: #37b4f3;
  color: #fff;
  border-color: #37b4f3;
}

.compare-content__box .pager-button button[aria-able="false"] {
  opacity: 0;
  pointer-events: none;
}

.compare-content__box .pager-button button.is-fixed {
  position: fixed;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.compare-content__box .pager-button button.is-bottom {
  top: auto;
  bottom: 0;
}

.compare-content__box .pager-button button i:before {
  vertical-align: middle;
}

.compare-content__Inner .compare-content__list {
  display: none;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list {
  display: block;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item .compare-content .compare-content__item {
  position: relative;
  -webkit-transition: 2s ease;
  transition: 2s ease;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item .compare-content .compare-content__item .compare-rank {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -5px;
  left: 16px;
  width: 25px;
  height: 25px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  background: url(/assets/img/bg_ranking_04.png) no-repeat center center/100%;
  color: #fff;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item .compare-content .compare-content__item .compare-rank > span {
  -webkit-transform: translateX(-0.11em) translateY(-0.1em);
          transform: translateX(-0.11em) translateY(-0.1em);
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item .compare-content .compare-content__item .compare-rank.rank-01 {
  background-image: url(/assets/img/bg_ranking_01.png);
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item .compare-content .compare-content__item .compare-rank.rank-02 {
  background-image: url(/assets/img/bg_ranking_02.png);
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item .compare-content .compare-content__item .compare-rank.rank-03 {
  background-image: url(/assets/img/bg_ranking_03.png);
}

@-webkit-keyframes show01 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes show01 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes show01 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item .compare-fixed {
  display: block;
  -webkit-animation: show01 .2s linear 0s;
          animation: show01 .2s linear 0s;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 100;
}

@media screen and (min-width: 757px) {
  .compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] {
    width: 1074px;
  }
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] .compare-content__item {
  background-color: #fff;
  border-bottom: 1px solid #d1d1d1;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] .compare-content__item .compare-fixed {
  display: none;
  -webkit-animation: show02 .2s linear 0s;
          animation: show02 .2s linear 0s;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] .compare-content__item .content-innerItem {
  padding: 2px;
  border: none;
  height: auto !important;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] .compare-content__item .content-innerItem:after {
  display: none;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] .compare-content__item .content-innerItem.top {
  padding: 0 !important;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] .compare-content__item .content-innerItem .compare-fixedHeight {
  height: auto !important;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] .compare-content__item .content-inner {
  padding: 8px;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] .compare-content__item .compare-fee__sub {
  height: auto !important;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] .compare-content__item .compare-fee__sub br {
  display: none;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] .compare-content__item .compare-fee__sub .price {
  font-size: 16px;
  margin-top: 4px;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] .compare-content__item .compare-fee__sub + .compare-fee__sub {
  display: none;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] .compare-content__item .main-txt {
  display: block;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] .compare-content__item .compare-fee {
  margin: 0;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] .compare-content__item .compare-fee .price {
  font-size: 16px;
  margin-top: 4px;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] .compare-content__item .compare-fee .black {
  font-size: 12px;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] .compare-content__item .img-wrap {
  width: 72px;
  height: 53px;
  margin: 0 auto;
}

.compare-content__Inner[area-disabled="false"] .compare-content__list .compare-content__item[aria-fixed="true"] .compare-content__item .img-wrap img {
  max-width: 48px;
  max-height: 29px;
}

@media screen and (min-width: 757px) {
  .compare-content__Inner {
    overflow: hidden;
    width: 1074px;
    padding-top: 10px;
  }
}

@media screen and (max-width: 756px) {
  .compare-content__Inner {
    padding-top: 5px;
  }
  .compare-content__Inner[area-disabled="false"] {
    overflow-x: scroll;
    overflow-y: hidden;
  }
}

.compare-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}

@media screen and (min-width: 757px) {
  .compare-content {
    width: 1074px;
  }
}

.compare-content li {
  border-top: 1px solid #d1d1d1;
  background-color: #fff;
  width: calc(1074px / 6);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.compare-content li.noPadding .content-inner {
  padding: 0;
}

.compare-content li.noPadding .content-inner .content-innerItem {
  padding: 20px 12px;
}

.compare-content li.noPadding .content-inner .content-innerItem:first-child {
  padding-top: 20px;
}

.compare-content li.noPadding .content-inner .content-innerItem:last-child {
  padding-bottom: 20px;
}

.compare-content li:not(:last-child) {
  border-right: 1px solid #d1d1d1;
}

@media screen and (max-width: 756px) {
  .compare-content li {
    width: 48vw;
  }
}

@media screen and (max-width: 756px) {
  .compare-content li {
    display: block !important;
  }
}

.compare-content li .content-head {
  border-top: 2px solid #0783c2;
  background-color: #e6f2f9;
  padding: 16px 12px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 756px) {
  .compare-content li .content-head.spOnly {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media screen and (max-width: 756px) {
  .compare-content li .content-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .compare-content li .content-head .tooltip > a {
    display: inline;
    vertical-align: inherit;
  }
  .compare-content li .content-head .tooltip > a > i {
    display: inline;
    vertical-align: inherit;
  }
}

.compare-content li .content-inner {
  display: block;
  padding: 4px 12px;
}

.compare-content li .content-inner:first-child {
  padding-top: 4px;
}

.compare-content li .content-inner .content-innerItem {
  position: relative;
  padding: 16px 0;
}

.compare-content li .content-inner .content-innerItem:not(:last-child) {
  border-bottom: 1px solid #ebebeb;
}

.compare-content li .content-inner .content-innerItem.top {
  padding: 20px 0 20px !important;
  border: none;
}

.compare-content li .content-inner .content-innerItem.top:first-child {
  padding-bottom: 0;
}

.compare-content li .content-inner .content-innerItem.top:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #d1d1d1;
  bottom: 0;
  left: -12px;
  margin: auto;
  width: calc(100% + 24px);
}

.compare-content li .content-inner .content-innerItem.top:last-child:after {
  display: none;
}

.compare-content li .content-inner .content-innerItem .img-wrap {
  position: relative;
  width: 100%;
  height: 102px;
  border: 1px solid #ebebeb;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
}

.compare-content li .content-inner .content-innerItem .img-wrap img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 114px;
  max-height: 78px;
}

.compare-content li .content-inner.accordion {
  padding: 16px 0;
}

.compare-content li .content-inner:last-child {
  padding-bottom: 4px;
}

.compare-content li .content-inner:not(:last-child) {
  border-bottom: 1px solid #d1d1d1;
}

.compare-content li .content-inner .compare-ttl {
  color: #0783c2;
  font-weight: bold;
  margin-top: 12px;
  display: inline-block;
  word-break: break-all;
  text-decoration: none;
}

@media screen and (min-width: 757px) {
  .compare-content li .content-inner .compare-ttl:hover {
    color: #37b4f3;
  }
}

.compare-content li .content-inner .compare-corp {
  margin-top: 8px;
  font-size: 12px;
  color: #686868;
}

.compare-content li .content-inner .compare-point__txt {
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}

.compare-content li .content-inner .compare-point__txt i {
  font-size: 16px;
  margin-right: 4px;
  vertical-align: middle;
  margin-top: -3px;
}

.compare-content li .content-inner .compare-fee {
  font-weight: bold;
  text-align: center;
  margin-bottom: 16px;
  line-height: 1;
}

.compare-content li .content-inner .compare-fee span.black {
  font-size: 16px;
  color: #333;
}

.compare-content li .content-inner .compare-fee span.price {
  display: inline-block;
  margin-top: 16px;
  font-size: 22px;
  color: #bf0000;
}

.compare-content li .content-inner .compare-fee__sub {
  font-size: 14px;
  text-align: center;
}

.compare-content li .content-inner .compare-fee__sub span.main-txt {
  font-size: 14px;
}

.compare-content li .content-inner .compare-fee__sub span.price {
  font-size: 22px;
  color: #bf0000;
  font-weight: bold;
}

.compare-content li .content-inner .compare-fee__sub span.unit {
  font-size: 16px;
}

.compare-content li .content-inner .compare-fee__sub span.total-price {
  color: #bf0000;
  margin-top: 8px;
  display: block;
  font-size: 12px;
}

.compare-content li .content-inner .compare-fee__sub + .compare-fee__sub {
  margin-top: 8px;
  font-size: 12px;
}

.compare-content li .content-inner .compare-fee__sub + .consider-btn-wrap {
  margin-top: 20px;
}

.compare-content li .content-inner .compare-opt {
  color: #0783c2;
  font-size: 13px;
  margin-top: 12px;
  display: inline-block;
  text-decoration: none;
}

@media screen and (min-width: 757px) {
  .compare-content li .content-inner .compare-opt:hover {
    color: #37b4f3;
  }
}

.compare-content li .content-inner .compare-fee__content .compare-guide {
  text-align: center;
  color: #0783c2;
}

.compare-content li .content-inner .compare-fee__content .compare-guide .inner-txt {
  font-size: 14px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.compare-content li .content-inner .compare-fee__content .compare-guide .inner-txt .lstToggle-descTermSwitchIcon {
  width: 16px;
  height: 16px;
  position: relative;
  margin-left: 4px;
  background-color: #b6b6b6;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.compare-content li .content-inner .compare-fee__content .compare-guide .inner-txt .lstToggle-descTermSwitchIcon i {
  font-size: 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1em;
  width: 1em;
  margin: auto;
}

.compare-content li .content-inner .compare-fee__content .compare-guide .inner-txt:hover {
  color: #37b4f3;
}

.compare-content li .content-inner .compare-fee__content .compare-guide .inner-txt:hover .lstToggle-descTermSwitchIcon {
  background-color: #37b4f3;
}

.compare-content li .content-inner .compare-fee__content .compare-guide[aria-selected="true"] .lstToggle-descTermSwitchIcon {
  background-color: #0783c2;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0, 0.45, 1);
  transition: -webkit-transform 0.2s cubic-bezier(0.25, 0, 0.45, 1);
  transition: transform 0.2s cubic-bezier(0.25, 0, 0.45, 1);
  transition: transform 0.2s cubic-bezier(0.25, 0, 0.45, 1), -webkit-transform 0.2s cubic-bezier(0.25, 0, 0.45, 1);
}

.compare-content li .content-inner .compare-fee__content .compare-fee__accordion {
  height: 0;
  overflow: hidden;
}

.compare-content li .content-inner .compare-fee__content .compare-fee__accordion .accordion-inner {
  padding: 12px 0;
}

.compare-content li .content-inner .compare-fee__content .compare-fee__accordion[aria-expanded="true"] {
  height: auto;
}

.compare-content li .content-inner .compare-fee__content + .consider-btn-wrap {
  margin-top: 8px;
}

.compare-content li .content-inner .item-ttl {
  font-size: 14px;
  line-height: 1.5;
  font-weight: bold;
  display: block;
}

.compare-content li .content-inner .item-ttl a {
  vertical-align: middle;
  margin-left: 4px;
}

.compare-content li .content-inner .item-ttl a i {
  vertical-align: middle;
  color: #686868;
  font-size: 16px;
}

.compare-content li .content-inner .item-ttl .tooltip {
  margin: 0;
}

.compare-content li .content-inner .item-ttl + .item-txt {
  margin-top: 4px;
}

.compare-content li .content-inner .item-ttl + .item-label {
  margin-top: 8px;
}

.compare-content li .content-inner .item-ttl.thin {
  color: #686868;
}

.compare-content li .content-inner .item-ttl01 {
  font-size: 14px;
  margin-top: 8px;
  color: #222;
}

@media screen and (max-width: 756px) {
  .compare-content li .content-inner .item-ttl01 {
    font-weight: bold;
    margin-top: 0;
  }
}

.compare-content li .content-inner .item-txt01 {
  position: relative;
  font-size: 14px;
  margin-top: 8px;
}

.compare-content li .content-inner .item-txt {
  position: relative;
  font-size: 14px;
}

.compare-content li .content-inner .item-txt:nth-child(n+2) {
  margin-top: 8px;
}

.compare-content li .content-inner .item-txt a {
  display: inline-block;
}

.compare-content li .content-inner .item-txt a i {
  margin-left: 4px;
  vertical-align: middle;
}

.compare-content li .content-inner .item-txt .box-tag {
  margin-right: 8px;
  margin-bottom: 8px;
}

.compare-content li .content-inner .item-txt a i {
  color: #686868;
  font-size: 16px;
}

.compare-content li .content-inner .item-txt.annotation {
  position: relative;
  font-size: 12px;
  color: #828282;
  margin-top: 8px;
}

.compare-content li .content-inner .item-txt.circle {
  padding-left: 24px;
}

.compare-content li .content-inner .item-txt.circle::before {
  content: '';
  position: absolute;
  background-image: url(../img/ico_circle.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
}

.compare-content li .content-inner .item-txt.triangle {
  padding-left: 24px;
}

.compare-content li .content-inner .item-txt.triangle::before {
  background-image: url(../img/ico_triangle.png);
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
}

.compare-content li .content-inner .item-txt.cross {
  padding-left: 24px;
  color: #949494;
}

.compare-content li .content-inner .item-txt.cross::before {
  background-image: url(../img/ico_cross.png);
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
}

.compare-content li .content-inner .item-txt + .item-txt {
  margin-top: 8px;
}

.compare-content li .content-inner .item-txt + .item-ttl01 {
  margin-top: 8px;
}

.compare-content li .content-inner .txt-red {
  color: #bf0000;
}

.compare-content li .content-inner .txt-red .small {
  font-size: 12px;
}

.compare-content li .content-inner .item-label {
  position: relative;
  font-size: 14px;
  font-weight: bold;
}

.compare-content li .content-inner .item-label span {
  margin-left: 4px;
}

.compare-content li .content-inner .item-label + .item-txt__sub {
  margin-top: 8px;
}

.compare-content li .content-inner .item-label.circle {
  padding-left: 24px;
}

.compare-content li .content-inner .item-label.circle::before {
  content: '';
  position: absolute;
  background-image: url(../img/ico_circle.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
}

.compare-content li .content-inner .item-label.triangle {
  padding-left: 24px;
}

.compare-content li .content-inner .item-label.triangle::before {
  background-image: url(../img/ico_triangle.png);
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
}

.compare-content li .content-inner .item-label.cross {
  padding-left: 24px;
  color: #949494;
}

.compare-content li .content-inner .item-label.cross::before {
  background-image: url(../img/ico_cross.png);
  content: '';
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
}

.compare-content li .content-inner .item-txt__sub {
  font-size: 14px;
  color: #686868;
  margin-top: 8px;
}

.compare-content li .content-inner .item-link {
  margin-top: 4px;
  font-size: 14px;
  color: #0783c2;
  text-decoration: none;
  display: block;
  text-align: center;
  line-height: 1;
}

.compare-content li .content-inner .item-link:hover {
  color: #37b4f3;
}

.compare-content li .content-inner .item-link:hover .icon-consult {
  background-image: url(/assets/img/top/ico_pear_consult_b.png);
}

.compare-content li .content-inner .item-link .item-link__inner {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.compare-content li .content-inner .item-link i {
  margin-right: 8px;
  font-size: 20px;
  height: 20px;
  width: 20px;
}

.compare-content li .content-inner .item-link:first-of-type {
  margin-top: 16px;
}

.compare-content li .content-inner .item-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border: 1px solid #0783c2;
  border-radius: 4px;
  padding: 10px 5px;
  font-size: 13px;
  background-color: #fff;
  color: #0783c2;
  outline: none;
  cursor: pointer;
}

.compare-content li .content-inner .item-button i {
  margin-right: 4px;
  font-size: 20px;
}

.compare-content li .content-inner .item-button i.x {
  display: none;
}

.compare-content li .content-inner .item-button .switch-txt.delete {
  display: none;
}

.compare-content li .content-inner .item-button:hover {
  border-color: #37b4f3;
  background-color: #37b4f3;
  color: #fff;
}

.compare-content li .content-inner .item-button[aria-add="true"] {
  background-color: #fff;
  color: #686868;
  border: 1px solid #686868;
}

.compare-content li .content-inner .item-button[aria-add="true"] i.compare-l {
  display: none;
}

.compare-content li .content-inner .item-button[aria-add="true"] i.x {
  display: inline;
}

.compare-content li .content-inner .item-button[aria-add="true"] .switch-txt.add {
  display: none;
}

.compare-content li .content-inner .item-button[aria-add="true"] .switch-txt.delete {
  display: inline;
}

.compare-content li .content-inner .item-button[aria-add="true"]:hover {
  background-color: #686868;
  color: #fff;
}

.compare-content li .content-inner .item-button.js-addConsider {
  pointer-events: none;
}

.compare-content li .content-inner .item-button.js-addConsider::before {
  content: 'loading...';
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 4px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.compare-content li .content-inner .item-button.js-addConsider.is-initialized {
  pointer-events: auto;
}

.compare-content li .content-inner .item-button.js-addConsider.is-initialized::before {
  opacity: 0;
}

.compare-content li .content-inner .item-button.js-addConsider.is-initialized.is-loading {
  pointer-events: none;
}

.compare-content li .content-inner .item-button.js-addConsider.is-initialized.is-loading::before {
  opacity: 1;
}

.compare-content li .content-inner .item-button + .item-link {
  margin-top: 16px;
}

.prdct-code {
  position: relative;
  background-color: #ebebeb;
  width: 100%;
  text-align: right;
  color: #9c9c9c;
  padding-top: 8px;
  font-size: 10px;
  height: 100%;
}

.prdct-code:after {
  position: absolute;
  content: '';
  background-color: #ebebeb;
  width: 2px;
  height: 100%;
  top: 0;
  right: -2px;
  z-index: 3;
}

.easy-modeList {
  padding: 0 8px;
}

.easy-modeList .easy-modeItem {
  position: relative;
  background-color: #fff;
  padding: 24px 16px 12px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.2);
  margin-top: 24px;
  word-break: break-all;
}

.easy-modeList .easy-modeItem .compare-rank {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -5px;
  left: 16px;
  width: 25px;
  height: 25px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  background: url(/assets/img/bg_ranking_04.png) no-repeat center center/100%;
  color: #fff;
}

.easy-modeList .easy-modeItem .compare-rank > span {
  -webkit-transform: translateX(-0.11em) translateY(-0.1em);
          transform: translateX(-0.11em) translateY(-0.1em);
}

.easy-modeList .easy-modeItem .compare-rank.rank-01 {
  background-image: url(/assets/img/bg_ranking_01.png);
}

.easy-modeList .easy-modeItem .compare-rank.rank-02 {
  background-image: url(/assets/img/bg_ranking_02.png);
}

.easy-modeList .easy-modeItem .compare-rank.rank-03 {
  background-image: url(/assets/img/bg_ranking_03.png);
}

.easy-modeList .easy-modeItem .compare-price__list .compare-price__item .compare-column {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.easy-modeList .easy-modeItem .compare-price__list .compare-price__item .compare-column .compare-term {
  min-width: 118px;
}

.easy-modeList .easy-modeItem .compare-price__list .compare-price__item .compare-column .compare-price {
  color: #bf0000;
  font-size: 20px;
  font-weight: bold;
  margin-left: auto;
  margin-right: 90px;
}

.easy-modeList .easy-modeItem .compare-price__list .compare-price__item .compare-column .compare-guide {
  position: absolute;
  right: 0;
  top: 3px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.easy-modeList .easy-modeItem .compare-price__list .compare-price__item .compare-column .compare-guide .lstToggle-descTermSwitchIcon {
  position: relative;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  -webkit-transition: .1s linear;
  transition: .1s linear;
  transition: transform 0.2s cubic-bezier(0.25, 0, 0.45, 1), -webkit-transform 0.2s cubic-bezier(0.25, 0, 0.45, 1);
}

.easy-modeList .easy-modeItem .compare-price__list .compare-price__item .compare-column .compare-guide .lstToggle-descTermSwitchIcon i {
  font-size: 10px;
  -webkit-transition: .1 linear;
  transition: .1 linear;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1em;
  width: 1em;
  margin: auto;
}

.easy-modeList .easy-modeItem .compare-price__list .compare-price__item .compare-column[aria-selected="true"] .lstToggle-descTermSwitchIcon {
  background-color: #0783c2;
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}

.easy-modeList .easy-modeItem .compare-price__list .compare-price__item .compare-fee__accordion {
  height: auto;
  -webkit-transition: .2s ease;
  transition: .2s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.easy-modeList .easy-modeItem .compare-price__list .compare-price__item .compare-fee__accordion .accordion-inner {
  padding: 12px 0;
}

.easy-modeList .easy-modeItem .compare-price__list .compare-price__item .compare-fee__accordion .accordion-inner .item-txt + .item-txt {
  margin-top: 4px;
}

.easy-modeList .easy-modeItem .compare-price__list .compare-price__item .compare-fee__accordion[aria-expanded="false"] {
  height: 0;
  overflow: hidden;
}

.easy-modeList .easy-modeItem .item-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-right: 35px;
}

.easy-modeList .easy-modeItem .item-column .txt-wrap {
  width: calc(100% - 100px);
}

.easy-modeList .easy-modeItem .item-column .txt-wrap a {
  color: #0783c2;
  font-weight: bold;
}

.easy-modeList .easy-modeItem .item-column .txt-wrap p {
  color: #686868;
  font-size: 12px;
  margin-top: 4px;
}

.easy-modeList .easy-modeItem .item-column .img-wrap {
  position: relative;
  width: 100px;
  height: 74px;
  border: 1px solid #ebebeb;
  margin-right: 12px;
}

.easy-modeList .easy-modeItem .item-column .img-wrap img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 76px;
  max-height: 50px;
}

.easy-modeList .easy-modeItem .item-column .menu-wrap {
  position: absolute;
  right: 0;
  top: 0;
}

.easy-modeList .easy-modeItem .item-column .menu-wrap .menu-trigger > button {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
}

.easy-modeList .easy-modeItem .item-column .menu-wrap .menu-trigger > button::before, .easy-modeList .easy-modeItem .item-column .menu-wrap .menu-trigger > button::after,
.easy-modeList .easy-modeItem .item-column .menu-wrap .menu-trigger > button > span {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 3px;
  height: 3px;
  margin: auto;
  background-color: #333;
  border-radius: 50%;
}

.easy-modeList .easy-modeItem .item-column .menu-wrap .menu-trigger > button::before, .easy-modeList .easy-modeItem .item-column .menu-wrap .menu-trigger > button::after {
  content: '';
}

.easy-modeList .easy-modeItem .item-column .menu-wrap .menu-trigger > button::before {
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px);
}

.easy-modeList .easy-modeItem .item-column .menu-wrap .menu-trigger > button::after {
  -webkit-transform: translateX(5px);
          transform: translateX(5px);
}

.easy-modeList .easy-modeItem .item-column .menu-wrap .menu-trigger > button > span {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.easy-modeList .easy-modeItem .item-column .menu-wrap .menu-link-list > li:nth-child(n+2) {
  margin-top: 16px;
}

.easy-modeList .easy-modeItem .item-column .menu-wrap .menu-link {
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  text-align: center;
  width: 295px;
  max-width: 100%;
}

.easy-modeList .easy-modeItem .item-column .menu-wrap .menu-link > button,
.easy-modeList .easy-modeItem .item-column .menu-wrap .menu-link > a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  color: #bf0000;
  background-color: #fff;
  border: 2px solid #bf0000;
  border-radius: 4px;
  padding: 19px 10px;
}

.easy-modeList .easy-modeItem .item-column .menu-wrap .menu-link > button > i,
.easy-modeList .easy-modeItem .item-column .menu-wrap .menu-link > a > i {
  position: relative;
  top: .11em;
  margin: 0 .41em;
  font-size: inherit;
}

.easy-modeList .easy-modeItem .item-column .menu-wrap .menu-link > button:hover,
.easy-modeList .easy-modeItem .item-column .menu-wrap .menu-link > a:hover {
  text-decoration: none;
}

.easy-modeList .easy-modeItem .item-column .menu-wrap .menu-link.theme-reverse > button,
.easy-modeList .easy-modeItem .item-column .menu-wrap .menu-link.theme-reverse > a {
  color: #fff;
  background-color: #bf0000;
}

.easy-modeList .easy-modeItem .item-tag-list {
  overflow: hidden;
}

.easy-modeList .easy-modeItem .item-tag-list:nth-child(n+2) {
  margin-top: 16px;
}

.easy-modeList .easy-modeItem .item-tag-list > ul {
  margin: -8px 0 0 -8px;
  font-size: 0;
}

.easy-modeList .easy-modeItem .item-tag-list > ul > li {
  display: inline-block;
  margin: 8px 0 0 8px;
  font-size: 16px;
}

.easy-modeList .easy-modeItem .item-tag-list.js-filtered {
  display: none;
}

.easy-modeList .easy-modeItem .item-tag-list.js-filtered[area-abled="true"] {
  display: block;
}

.easy-modeList .easy-modeItem .item-tag {
  border: 1px solid #b6b6b6;
  border-radius: 3px;
  padding: 6px 11px 4px;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.3;
}

.easy-modeList .easy-modeItem .lst-Toggle-item.js-filtered {
  display: none;
}

.easy-modeList .easy-modeItem .lst-Toggle-item.js-filtered[area-abled="true"] {
  display: block;
}

.easy-modeList .easy-modeItem .compare-point__txt {
  font-size: 12px;
  font-weight: 300;
}

.easy-modeList .easy-modeItem .compare-point__txt:nth-child(n+2) {
  margin-top: 16px;
}

.easy-modeList .easy-modeItem .compare-point__txt i {
  font-size: 18px;
  vertical-align: middle;
}

.easy-modeList .easy-modeItem .item-price {
  font-size: 14px;
  font-weight: bold;
  margin-top: 16px;
}

.easy-modeList .easy-modeItem .item-price.column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.easy-modeList .easy-modeItem .item-price .price {
  font-size: 20px;
  color: #bf0000;
  margin-left: 12px;
}

.easy-modeList .easy-modeItem .item-price .ttl {
  margin-right: 20px;
  margin-top: 8px;
}

.easy-modeList .easy-modeItem .item-price .price-wrapper .term {
  min-width: 45px;
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
}

.easy-modeList .easy-modeItem .item-price .price-wrapper .price {
  min-width: 100px;
  text-align: right;
}

.easy-modeList .easy-modeItem .item-price .price-wrapper .monthly {
  font-size: 12px;
  color: #bf0000;
}

.easy-modeList .easy-modeItem .item-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-bottom: 1px solid #d1d1d1;
  margin-top: 16px;
}

.easy-modeList .easy-modeItem .item-list dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 33%;
  background-color: #f7f7f7;
  padding: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
  border-top: 1px solid #d1d1d1;
}

.easy-modeList .easy-modeItem .item-list dt a {
  display: contents;
}

.easy-modeList .easy-modeItem .item-list dt a i {
  font-size: 16px;
  color: #333;
  margin-left: 4px;
  top: -1px;
}

.easy-modeList .easy-modeItem .item-list dd {
  border-top: 1px solid #d1d1d1;
  width: 66%;
  padding: 12px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.easy-modeList .easy-modeItem .item-accordion {
  margin-top: 24px;
  padding: 10px;
  border: 1px solid #0783c2;
  color: #0783c2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border-radius: 4px;
}

.easy-modeList .easy-modeItem .item-accordion .lstToggle-descTermSwitchIcon {
  position: relative;
  color: #fff;
  width: 20px;
  height: 20px;
  padding: 0;
  border-radius: 50%;
  background-color: #b6b6b6;
  text-align: center;
  margin-left: 8px;
}

.easy-modeList .easy-modeItem .item-accordion .lstToggle-descTermSwitchIcon i {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1em;
  width: 1em;
  margin: auto;
  font-size: 14px;
}

.easy-modeList .easy-modeItem .item-accordion[aria-selected="true"] .lstToggle-descTermSwitchIcon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  background-color: #0783c2;
}

.easy-modeList .easy-modeItem .item-accordionContent {
  height: 0;
  overflow: hidden;
  -webkit-transition: .2s ease;
  transition: .2s ease;
}

.easy-modeList .easy-modeItem .item-accordionContent[aria-expanded="true"] {
  height: auto;
}

.easy-modeList .easy-modeItem .item-accordionContent .compare-content {
  width: 100%;
  border-bottom: 0;
}

.easy-modeList .easy-modeItem .item-accordionContent .compare-content .compare-content_inner {
  width: 100%;
}

.easy-modeList .easy-modeItem .item-accordionContent .compare-content .compare-content__item {
  width: 100%;
  border-right: 0;
}

.easy-modeList .easy-modeItem .item-accordionContent .compare-content__list {
  padding-top: 24px;
  border-bottom: 1px solid #d1d1d1;
  width: 100%;
}

.easy-modeList .easy-modeItem .item-accordionContent .compare-content__list .content-inner {
  padding: 0;
}

.easy-modeList .easy-modeItem .item-accordionContent .compare-content__list .content-head {
  background-color: #e6f2f9;
  border-top: 2px solid #0783c2;
  padding: 12px;
  font-size: 16px;
}

.easy-modeList .easy-modeItem .item-accordionContent .compare-content__list .item-ttl {
  display: block;
  padding: 12px;
  background-color: #f7f7f7;
  color: #333;
}

.easy-modeList .easy-modeItem .item-accordionContent .compare-content__list .content-innerItem {
  padding: 12px;
}

.easy-modeList .easy-modeItem .item-accordionContent .compare-content__list .content-innerItem .item-txt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 756px) {
  .easy-modeList .easy-modeItem .item-accordionContent .compare-content__list .content-innerItem .item-txt {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: block !important;
  }
}

.easy-modeList .easy-modeItem .item-accordionContent .compare-content__list .content-innerItem .item-txt.box {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.easy-modeList .easy-modeItem .item-accordionContent .compare-content__list .content-innerItem .item-txt.tip {
  display: inherit;
}

.easy-modeList .easy-modeItem .item-accordionContent .compare-content__list .content-innerItem .item-txt .box-tag {
  width: calc((100% - 8px)/2);
  margin: 0;
  font-size: 13px;
}

@media screen and (max-width: 756px) {
  .easy-modeList .easy-modeItem .item-accordionContent .compare-content__list .content-innerItem .item-txt .box-tag {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.easy-modeList .easy-modeItem .item-accordionContent .compare-content__list .content-innerItem .item-txt .box-tag:nth-child(n+3) {
  margin-top: 8px;
}

.easy-modeList .easy-modeItem .item-accordionContent .compare-content__list .content-innerItem .item-txt01 {
  margin-top: 8px;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #333;
}

.easy-modeList .easy-modeItem .item-utility {
  overflow: hidden;
}

.easy-modeList .easy-modeItem .item-utility:nth-child(n+2) {
  margin-top: 10px;
}

.easy-modeList .easy-modeItem .item-utility .item-other {
  float: left;
  margin-top: 9px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
}

.easy-modeList .easy-modeItem .item-utility .item-other > a {
  color: #0783c2;
}

.easy-modeList .easy-modeItem .item-utility .item-bookmark {
  float: right;
}

.easy-modeList .easy-modeItem .item-utility .item-bookmark > a {
  display: block;
  position: relative;
}

.easy-modeList .easy-modeItem .item-utility .item-bookmark > a > i {
  font-size: 36px;
  color: #9c9c9c;
}

.easy-modeList .easy-modeItem .item-utility .item-bookmark > a > span {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  width: 161px;
  height: 42px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  background-color: #0783c2;
  color: #fff;
}

.easy-modeList .easy-modeItem .item-utility .item-bookmark > a > span::before {
  content: '';
  display: block;
  position: absolute;
  top: -11px;
  right: 34px;
  width: 28px;
  height: 14px;
  background: url(/assets/img/bookmark_bg01.png) no-repeat center center/100%;
}

.easy-modeList .easy-modeItem .item-utility .item-bookmark > a[aria-add="true"] > i {
  color: #0783c2;
}

.easy-modeList .easy-modeItem .item-utility .item-bookmark > a.js-addConsider {
  pointer-events: none;
}

.easy-modeList .easy-modeItem .item-utility .item-bookmark > a.js-addConsider::before {
  content: '';
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 10px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.easy-modeList .easy-modeItem .item-utility .item-bookmark > a.js-addConsider.is-initialized {
  pointer-events: auto;
}

.easy-modeList .easy-modeItem .item-utility .item-bookmark > a.js-addConsider.is-initialized::before {
  opacity: 0;
}

.easy-modeList .easy-modeItem .item-utility .item-bookmark > a.js-addConsider.is-initialized.is-loading {
  pointer-events: none;
}

.easy-modeList .easy-modeItem .item-utility .item-bookmark > a.js-addConsider.is-initialized.is-loading::before {
  opacity: 1;
}

.easy-modeList .easy-modeItem .item-utility .item-bookmark[aria-expanded="true"] > a {
  padding-bottom: 42px;
}

.easy-modeList .easy-modeItem .item-utility .item-bookmark[aria-expanded="true"] > a > span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.compare-pager__wrap {
  display: none;
  padding: 0 8px;
}

.compare-pager__wrap[aria-disabled="false"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.compare-pager__wrap:nth-child(n+2) {
  margin-top: 23px;
}

.compare-pager {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
}

.compare-pager:nth-child(n+2) {
  margin-left: 16px;
}

.compare-pager > button {
  width: 100%;
  padding: 9px 10px;
  border-radius: 4px;
  background-color: #f7f7f7;
  color: #969696;
  pointer-events: none;
}

.compare-pager > button[aria-disabled="false"] {
  background-color: #fff;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
  color: #0783c2;
  pointer-events: auto;
}

.compare-index__wrap:nth-child(n+2) {
  margin-top: 11px;
}

.compare-index {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
  color: #686868;
  text-align: center;
}

.mod-sec.content-nav .more-btn-wrap {
  margin-top: 32px;
}

.mod-contentNav {
  border-top: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
}

.mod-contentNav .mod-contentNav__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 32px;
}

@media screen and (max-width: 756px) {
  .mod-contentNav .mod-contentNav__list {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media screen and (min-width: 757px) {
  .mod-contentNav .mod-contentNav__list li:not(:last-child) {
    margin-right: 72px;
  }
}

@media screen and (max-width: 756px) {
  .mod-contentNav .mod-contentNav__list li {
    width: 33%;
  }
}

.mod-contentNav .mod-contentNav__list li > a {
  color: #333;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}

@media screen and (max-width: 756px) {
  .mod-contentNav .mod-contentNav__list li > a {
    display: block;
    text-align: center;
  }
}

.mod-contentNav .mod-contentNav__list li > a > i {
  font-size: 40px;
  width: 1em;
  height: 1em;
  margin-right: 12px;
}

@media screen and (max-width: 756px) {
  .mod-contentNav .mod-contentNav__list li > a > i {
    margin: 0 auto;
  }
}

@media screen and (max-width: 756px) {
  .mod-contentNav .mod-contentNav__list li > a > i {
    display: block;
  }
}

.mod-contentNav .mod-contentNav__list li > a > i.add-icon {
  width: 40px;
  height: 40px;
}

.mod-contentNav .mod-contentNav__list li > a > i.add-icon[data-added="true"]:after {
  position: absolute;
  content: '';
  background-color: #bf0000;
  border-radius: 50%;
  top: -4px;
  right: -4px;
  width: 16px;
  height: 16px;
}

.mod-contentNav .mod-contentNav__list li > a > span {
  font-size: 16px;
  display: block;
}

@media screen and (max-width: 756px) {
  .mod-contentNav .mod-contentNav__list li > a > span {
    font-size: 13px;
    margin-top: 8px;
  }
}

.mod-contentNav .mod-contentNav__list li > a .icon-book {
  -webkit-transition: all .3s;
  transition: all .3s;
}

.mod-contentNav .mod-contentNav__list li > a:hover {
  color: #37b4f3;
}

.mod-contentNav .mod-contentNav__list li > a:hover .icon-book {
  background-image: url(../img/ico_book_b.png);
}

.mod-sec.insuranceData {
  background-color: #ebebeb;
}

.mod-sec.data .mod-sec.insuranceData {
  margin-top: 40px;
}

.mod-sec.insuranceData.js-hoken-data {
  pointer-events: none;
}

.mod-sec.insuranceData.js-hoken-data.is-initialized {
  pointer-events: auto;
}

@media screen and (min-width: 757px) {
  .mod-sec.insuranceData .insuranceData-head {
    margin-top: 24px;
  }
}

@media screen and (max-width: 756px) {
  .mod-sec.insuranceData .insuranceData-head {
    margin-top: 20px;
  }
}

@media screen and (min-width: 757px) {
  .mod-sec.insuranceData .insuranceData__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 24px;
  }
}

@media screen and (max-width: 756px) {
  .mod-sec.insuranceData .insuranceData__list {
    margin-top: 48px;
  }
}

.mod-sec.insuranceData .insuranceData__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  padding: 32px 24px 28px;
  background-color: #fff;
}

@media screen and (min-width: 757px) {
  .mod-sec.insuranceData .insuranceData__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    width: 100%;
	    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
  }
}

@media screen and (max-width: 756px) {
  .mod-sec.insuranceData .insuranceData__item {
    padding: 22px 24px 27px;
  }
}

@media screen and (min-width: 757px) {
  .mod-sec.insuranceData .insuranceData__item:nth-child(n+2) {
    margin-left: 16px;
  }
}

@media screen and (max-width: 756px) {
  .mod-sec.insuranceData .insuranceData__item:nth-child(n+2) {
    margin-top: 12px;
  }
}

.mod-sec.insuranceData .insuranceData__item .data-ttl {
  padding-bottom: 8px;
  border-bottom: 1px solid #ebebeb;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center;
}

.mod-sec.insuranceData .insuranceData__item .data-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 182px;
}

@media screen and (max-width: 756px) {
  .mod-sec.insuranceData .insuranceData__item .data-content {
    height: auto;
  }
}

.mod-sec.insuranceData .insuranceData__item .data-content:nth-child(n+2) {
  margin-top: 16px;
}

@media screen and (max-width: 756px) {
  .mod-sec.insuranceData .insuranceData__item .data-content:nth-child(n+2) {
    margin-top: 24px;
  }
}

.mod-sec.insuranceData .insuranceData__item .data-content .data-content__inner {
  max-width: 100%;
}

.mod-sec.insuranceData .insuranceData__item .data-content .data-content__inner img {
  max-width: 100%;
}

.mod-sec.insuranceData .insuranceData__item .data-content .data-joinParse {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mod-sec.insuranceData .insuranceData__item .data-content .data-joinParse li {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 23px;
      -ms-flex: 1 1 23px;
          flex: 1 1 23px;
  width: 23px;
  height: 53px;
  background: url(../img/ico_join_on.png) no-repeat center center/100%;
}

.mod-sec.insuranceData .insuranceData__item .data-content .data-joinParse li:nth-child(n+2) {
  margin-left: 6px;
}

.mod-sec.insuranceData .insuranceData__item .data-content .data-joinParse li[aria-grow="false"] {
  background-image: url(../img/ico_join_off.png);
}

.mod-sec.insuranceData .insuranceData__item .data-content .data-joinParse.theme-02 li {
  background-image: url(../img/ico_join02_on.png);
}

.mod-sec.insuranceData .insuranceData__item .data-content .data-joinParse.theme-02 li[aria-grow="false"] {
  background-image: url(../img/ico_join02_off.png);
}

.mod-sec.insuranceData .insuranceData__item .data-content .insuranceData__num {
  display: block;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.38;
      color: #bf0000;
  text-align: center;
}

.mod-sec.insuranceData .insuranceData__item .data-content .insuranceData__num.theme-02 {
  color: #d93636;
}

@media screen and (max-width: 756px) {
  .mod-sec.insuranceData .insuranceData__item .data-content .insuranceData__num {
    font-size: 16px;
  }
}

.mod-sec.insuranceData .insuranceData__item .data-content .insuranceData__num:nth-child(n+2) {
  margin-top: 11px;
}

.mod-sec.insuranceData .insuranceData__item .data-content .insuranceData__num span {
  font-size: 36px;
}

@media screen and (max-width: 756px) {
  .mod-sec.insuranceData .insuranceData__item .data-content .insuranceData__num span {
    font-size: 28px;
  }
}

.mod-sec.insuranceData .insuranceData__item:first-child:last-child .data-content {
  height: auto;
}

.mod-sec.voice {
  position: relative;
  background-color: #ebebeb;
}

.mod-sec.voice::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-top: 1px solid #b6b6b6;
}

@media screen and (min-width: 757px) {
  .mod-sec.voice::before {
    width: 1072px;
  }
}

@media screen and (max-width: 756px) {
  .mod-sec.voice::before {
    width: calc(100% - 32px);
  }
}

.voice-content__head .voice-content__txt {
  font-size: 16px;
}

.voice-content__head .voice-content__txt a {
  color: #0783c2;
  text-decoration: none;
}

.voice-content__head .voice-content__txt a:hover {
  color: #37b4f3;
}

.voice-list {
  margin-top: 32px;
}

@media screen and (max-width: 756px) {
  .voice-list {
    margin-top: 20px;
  }
}

.voice-list > li {
  border-bottom: 1px solid #d1d1d1;
  padding: 32px 16px;
}

.voice-list > li:first-child {
  border-top: 1px solid #d1d1d1;
}

@media screen and (max-width: 756px) {
  .voice-list > li {
    padding: 20px 16px;
  }
}

.voice-list.theme-balloon > li {
  border-bottom: 0;
  padding: 0;
}

.voice-list.theme-balloon > li:nth-child(n+2) {
  margin-top: 16px;
}

.voice-list.theme-balloon > li:first-child {
  border-top: 0;
}

.voice-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.voice-person {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 64px;
      -ms-flex: 0 0 64px;
          flex: 0 0 64px;
  width: 64px;
  margin-right: 25px;
  text-align: center;
}

@media screen and (max-width: 756px) {
  .voice-person {
    -webkit-flex-basis: 47px;
        -ms-flex-preferred-size: 47px;
            flex-basis: 47px;
    width: 47px;
    margin-right: 20px;
  }
}

.voice-person img {
  max-width: 100%;
  height: auto;
}

.voice-person span {
  display: block;
  font-size: 12px;
}

.voice-person span:nth-child(n+2) {
  margin-top: 8px;
}

@media screen and (max-width: 756px) {
  .voice-person span {
    font-size: 10px;
  }
}

.voice-list.theme-balloon .voice-person {
  margin-right: 34px;
}

@media screen and (max-width: 756px) {
  .voice-list.theme-balloon .voice-person {
    margin-right: 20px;
  }
}

.voice-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%;
}

.voice-body .mod-rankingStatus__wrap {
  margin-top: 0;
}

.voice-list.theme-balloon .voice-body {
  position: relative;
  border-radius: 10px;
  padding: 24px 33px;
  background-color: #fff;
}

@media screen and (max-width: 756px) {
  .voice-list.theme-balloon .voice-body {
    padding: 15px 20px;
  }
}

.voice-list.theme-balloon .voice-body::before {
  content: '';
  display: block;
  position: absolute;
  top: 23px;
  left: -18px;
  border: solid;
  border-width: 8px 18px 8px 0;
  border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

@media screen and (max-width: 756px) {
  .voice-list.theme-balloon .voice-body::before {
    top: 18px;
    left: -12px;
    border-width: 5px 12px 5px 0;
  }
}

.voice-ttl {
  font-size: 18px;
  font-weight: 600;
}

.voice-ttl:nth-child(n+2) {
  margin-top: 6px;
}

@media screen and (max-width: 756px) {
  .voice-ttl {
    font-size: 16px;
  }
  .voice-ttl:nth-child(n+2) {
    margin-top: 1px;
  }
}

@media screen and (max-width: 756px) {
  .voice-list.theme-balloon .voice-ttl:nth-child(n+2) {
    margin-top: 6px;
  }
}

.voice-txt-wrap:nth-child(n+2) {
  margin-top: 6px;
}

.voice-txt {
  position: relative;
  font-size: 16px;
  font-weight: 300;
  color: #686868;
}

.voice-txt:nth-child(n+2) {
  margin-top: 5px;
}

@media screen and (max-width: 756px) {
  .voice-txt {
    font-size: 14px;
  }
  .voice-txt:nth-child(n+2) {
    margin-top: 2px;
  }
}

.voice-txt[aria-selected="true"] {
  overflow: hidden;
}

.voice-txt[aria-selected="true"]:after {
  content: '';
  position: absolute;
  height: 20px;
  width: 100%;
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  bottom: 0;
  left: 0;
}

.voice-more {
  font-weight: 300;
}

@media screen and (min-width: 757px) {
  .voice-more {
    font-size: 16px;
  }
}

@media screen and (max-width: 756px) {
  .voice-more {
    -webkit-flex-shrink: 14px;
        -ms-flex-negative: 14px;
            flex-shrink: 14px;
  }
}

.voice-more > button {
  color: #0783c2;
}

.voice-more > button:hover {
  color: #37b4f3;
}

.voice-product {
  position: relative;
  font-size: 1.4rem;
  padding-left: 3.2em;
}

.voice-product:nth-child(n+2) {
  margin-top: 13px;
}

.voice-product > span:first-child {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 700;
}

.voice-product a {
  color: #0783c2;
}

.voice-product a:hover {
  color: #37b4f3;
  text-decoration: none;
}

.list-main {
  overflow: hidden;
  background-color: #ebebeb;
  padding: 14px 0 72px;
}

@media screen and (max-width: 756px) {
  .list-main {
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 757px) {
  .list-main .list-main__inner {
    width: 1074px;
    margin: 0 auto;
  }
}

.list-main .list-main__inner .mod-note {
  padding-left: 0;
}

@media screen and (min-width: 757px) {
  .list-main__ttl {
    font-size: 40px;
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 756px) {
  .list-main__ttl {
    font-size: 25px;
    padding: 0 16px;
    margin-bottom: 16px;
  }
}

.list-anchor-wrap {
  width: 100vw;
  margin: 0 calc(-50vw + 50%);
  background-color: #fff;
}

@media screen and (max-width: 1280px) {
  .list-anchor-wrap {
    width: 1280px;
    margin-right: -103px;
    margin-left: -103px;
  }
}

@media screen and (max-width: 756px) {
  .list-anchor-wrap {
    width: auto;
    margin-right: 0;
    margin-left: 0;
  }
}

.list-anchor-wrap_inner {
  width: 1074px;
  margin: 0 auto;
}

@media screen and (max-width: 756px) {
  .list-anchor-wrap_inner {
    width: auto;
  }
}

.list-anchor-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.list-anchor-list > li {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #d1d1d1;
}

@media screen and (max-width: 756px) {
  .list-anchor-list > li {
    border-right: 0;
    border-left: 1px solid #d1d1d1;
  }
}

.list-anchor-list > li:first-child {
  border-left: 1px solid #d1d1d1;
}

@media screen and (max-width: 756px) {
  .list-anchor-list > li:first-child {
    border-left: 0;
  }
}

@media screen and (max-width: 756px) {
  .list-anchor-wrap[aria-abled="true"] .list-anchor-list > li {
    position: relative;
    border-left: 0;
  }
  .list-anchor-wrap[aria-abled="true"] .list-anchor-list > li::before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 0;
    border-right: 1px solid #d1d1d1;
  }
}

@media screen and (max-width: 756px) {
  .list-anchor-wrap[aria-abled="true"] .list-anchor-list > li:first-child::before {
    display: none;
  }
}

.list-anchor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 300;
}

.list-anchor > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  min-height: 51px;
  padding: 10px 46px 10px 16px;
  color: #333;
}

@media screen and (max-width: 756px) {
  .list-anchor > a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 73px;
    padding: 5px 5px 21px 5px;
    text-align: center;
  }
}

.list-anchor > a:hover {
  color: #37b4f3;
  text-decoration: none;
}

.list-anchor > a:hover > i:last-child {
  color: #37b4f3;
}

.list-anchor > a > i:last-child {
  position: absolute;
  right: 14px;
  top: 0;
  bottom: 0;
  width: 1em;
  height: 1em;
  margin: auto;
  font-size: 20px;
  color: #0783c2;
  -webkit-transition: all .3s;
  transition: all .3s;
}

@media screen and (max-width: 756px) {
  .list-anchor > a > i:last-child {
    right: 0;
    left: 0;
    top: auto;
    bottom: 2px;
  }
}

.list-anchor-list .list-anchor {
  height: 100%;
}

.list-anchor-list .list-anchor > a {
  height: 100%;
}

@media screen and (max-width: 756px) {
  .list-anchor-wrap[aria-abled="true"] .list-anchor > a {
    min-height: 63px;
    padding: 5px;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
  }
}

@media screen and (max-width: 756px) {
  .list-anchor-wrap[aria-abled="true"] .list-anchor > a::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    border-top: 2px solid #0782c3;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
  }
}

@media screen and (max-width: 756px) {
  .list-anchor-wrap[aria-abled="true"] .list-anchor > a.is-current {
    font-weight: 600;
    color: #0782c3;
  }
}

@media screen and (max-width: 756px) {
  .list-anchor-wrap[aria-abled="true"] .list-anchor > a.is-current::after {
    opacity: 1;
  }
}

@media screen and (max-width: 756px) {
  .list-anchor-wrap[aria-abled="true"] .list-anchor > a > i:last-child {
    display: none;
  }
}

.refine-modal input,
.refine-modal button,
.refine-modal select,
.refine-modal textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

.refine-modal textarea {
  resize: vertical;
}

.refine-modal input[type='checkbox'],
.refine-modal input[type='radio'] {
  display: none;
}

.refine-modal input[type='submit'],
.refine-modal input[type='button'],
.refine-modal label,
.refine-modal button,
.refine-modal select {
  cursor: pointer;
}

.refine-modal select::-ms-expand {
  display: none;
}

.refine-modal .refine-type__list .refine-type__item[aria-expanded="false"] {
  display: none;
}

.refine-modal .refine-type__list .refine-type__item .refine-type__ttl {
  background-color: #e6f2f9;
  border-top: 2px solid #0783c2;
  padding: 12px 16px;
}

.refine-modal .refine-type__list .refine-type__item .refine-select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 16px;
  position: relative;
}

.refine-modal .refine-type__list .refine-type__item .refine-select .refine-dammy__input {
  width: inherit;
}

@media screen and (min-width: 757px) {
  .refine-modal .refine-type__list .refine-type__item .refine-select.single {
    max-width: 50%;
    padding-right: 6px;
  }
}

@media screen and (min-width: 757px) {
  .refine-modal .refine-type__list .refine-type__item .refine-select.wide {
    max-width: 77%;
  }
}

@media screen and (min-width: 757px) {
  .refine-modal .refine-type__list .refine-type__item .refine-select.row .checkbox-list > li {
    margin-left: 12px;
    margin-bottom: 12px;
    width: calc(25% - 9px);
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
}

.refine-modal .refine-type__list .refine-type__item .refine-select.row .checkbox-list > li:first-child {
  margin-left: 0;
}

@media screen and (min-width: 757px) {
  .refine-modal .refine-type__list .refine-type__item .refine-select.row .checkbox-list > li:nth-child(n+3) {
    margin-top: 0;
  }
}

@media screen and (min-width: 757px) {
  .refine-modal .refine-type__list .refine-type__item .refine-select.row .checkbox-list > li:nth-child(4n+1) {
    margin-left: 0;
  }
}

@media screen and (min-width: 757px) {
  .refine-modal .refine-type__list .refine-type__item .refine-select.row .checkbox-list > li:nth-child(4n+1):nth-last-child(-n+4),
  .refine-modal .refine-type__list .refine-type__item .refine-select.row .checkbox-list > li:nth-child(4n+1):nth-last-child(-n+4) ~ li {
    margin-bottom: 0;
  }
}

.refine-modal .refine-type__list .refine-type__item .refine-select + .refine-select::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: calc(100% - 32px);
  height: 1px;
  background-color: #ebebeb;
}

.refine-modal .refine-type__list .refine-type__item .refine-select__outer {
  position: relative;
  /*
                &.pref{
                    &:after{
                        background-image: url('img/ico_pin.png');
                        width: 20px;
                        height: 20px;
                        border: none;
                        background-size: cover;
                        background-position:center;

                    }
                }
                */
}

.refine-modal .refine-type__list .refine-type__item .refine-select__outer:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 6px 0 6px;
  border-color: #9c9c9c transparent transparent transparent;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  pointer-events: none;
}

.refine-modal .refine-type__list .refine-type__item .refine-select__outer:hover:after {
  border-color: #37b4f3 transparent transparent transparent;
}

.refine-modal .refine-type__list .refine-type__item .refine-selectBox {
  position: relative;
  border: 1px solid #0783c2;
  width: 100%;
  padding: 12px 40px 12px 16px;
  font-size: 16px;
  border-radius: 4px;
  background-color: #edf9ff;
}

.refine-modal .refine-type__list .refine-type__item .refine-selectBox:hover {
  border-color: #37b4f3;
}

.refine-modal .refine-type__list .refine-type__item .select__box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.refine-modal .refine-type__list .refine-type__item .select__box:nth-child(n+2) {
  margin-top: 12px;
}

.refine-modal .refine-type__list .refine-type__item .select__box > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
  width: calc(50% - 6px);
}

.refine-modal .refine-type__list .refine-type__item .select__box > li:nth-child(2n) {
  margin-left: 12px;
}

.refine-modal .refine-type__list .refine-type__item .radio-item {
  width: 100%;
  height: 100%;
}

.refine-modal .refine-type__list .refine-type__item .radio-item label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border: 1px solid #b6b6b6;
  padding: 14px 16px 14px 44px;
  border-radius: 4px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
}

.refine-modal .refine-type__list .refine-type__item .radio-item label:before {
  position: absolute;
  content: '';
  border: 2px solid #b6b6b6;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 16px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.refine-modal .refine-type__list .refine-type__item .radio-item label:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  bottom: 0;
  left: 21px;
  margin: auto 0;
  border-radius: 50%;
}

.refine-modal .refine-type__list .refine-type__item .radio-item label:hover {
  background-color: #edf9ff;
  border-color: #37b4f3;
}

.refine-modal .refine-type__list .refine-type__item .radio-item label:hover:before {
  border-color: #37b4f3;
  background-color: #fff;
}

.refine-modal .refine-type__list .refine-type__item .radio-item label:hover:after {
  background-color: #37b4f3;
}

.refine-modal .refine-type__list .refine-type__item .radio-item input[type="radio"]:checked + label {
  border-color: #0783c2;
  background-color: #edf9ff;
}

.refine-modal .refine-type__list .refine-type__item .radio-item input[type="radio"]:checked + label:before {
  border-color: #0783c2;
  background-color: #fff;
}

.refine-modal .refine-type__list .refine-type__item .radio-item input[type="radio"]:checked + label:after {
  background-color: #0783c2;
}

.refine-modal .refine-type__list .refine-type__item .radio-item input[type="checkbox"] + label {
  display: block;
}

.refine-modal .refine-type__list .refine-type__item .radio-item__opt {
  width: 100%;
  border: 1px solid #b6b6b6;
  padding: 14px 16px 14px 44px;
  border-radius: 4px;
  cursor: pointer;
}

.refine-modal .refine-counter__column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.refine-modal .refine-counter__column input {
  width: 55px;
  text-align: center;
}

.refine-modal .refine-counter {
  position: relative;
  border-color: #c8c8c8;
  border: 1px solid #c8c8c8;
  border-radius: 50%;
  height: 36px;
  width: 36px;
  display: block;
  cursor: pointer;
}

.refine-modal .refine-counter i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 24px;
  height: 24px;
}

.refine-modal .refine-counter i:before {
  color: #c8c8c8;
}

.refine-modal .refine-counter:hover {
  border-color: #0783c2;
}

.refine-modal .refine-counter:hover i:before {
  color: #0783c2;
}

.refine-modal .checkbox-list:nth-child(n+2) {
  margin-top: 12px;
}

.refine-modal .checkbox-list[aria-expanded="false"] {
  display: none;
}

.refine-modal .checkbox-list + .checkbox-list {
  margin-top: 16px;
  border-top: 1px solid #ebebeb;
  padding-top: 16px;
}

@media screen and (min-width: 757px) {
  .refine-modal .checkbox-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: left;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
}

@media screen and (max-width: 756px) {
  .refine-modal .checkbox-list.min {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .refine-modal .checkbox-list.middle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

.refine-modal .checkbox-list > li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
}

.refine-modal .checkbox-list > li[aria-expanded="false"] {
  display: none;
}

@media screen and (min-width: 757px) {
  .refine-modal .checkbox-list > li {
    width: calc(50% - 6px);
  }
  .refine-modal .checkbox-list > li:nth-child(n+3) {
    margin-top: 12px;
  }
  .refine-modal .checkbox-list > li:nth-child(2n) {
    margin-left: 12px;
  }
  .refine-modal .checkbox-list > li.mid {
    width: calc((100% - 36px)/4);
    margin-right: 12px;
  }
  .refine-modal .checkbox-list > li.mid:nth-child(n+3) {
    margin-top: 0px;
  }
  .refine-modal .checkbox-list > li.mid:nth-child(n+5) {
    margin-top: 12px;
  }
  .refine-modal .checkbox-list > li.mid:nth-child(2n) {
    margin-left: 0px;
  }
  .refine-modal .checkbox-list > li.mid:nth-child(4n) {
    margin-right: 0px;
  }
  .refine-modal .checkbox-list > li.min {
    width: calc((100% - 24px) / 5);
    margin: 0;
    margin-right: 6px;
  }
  .refine-modal .checkbox-list > li.min label {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .refine-modal .checkbox-list > li.min:nth-child(2n) {
    margin-left: 0;
  }
  .refine-modal .checkbox-list > li.min:nth-child(n+3) {
    margin-top: 0;
  }
  .refine-modal .checkbox-list > li.min:nth-child(n+6) {
    margin-top: 12px;
  }
  .refine-modal .checkbox-list > li.min:nth-child(5n) {
    margin-right: 0;
  }
  .refine-modal .checkbox-list > li.min label {
    padding: 12px !important;
    text-align: center;
  }
  .refine-modal .checkbox-list > li.min label:after {
    display: none;
  }
  .refine-modal .checkbox-list > li.min label:before {
    display: none;
  }
  .refine-modal .checkbox-list > li.middle {
    width: calc((100% - 36px) / 4);
    margin: 0;
    margin-left: 12px;
  }
  .refine-modal .checkbox-list > li.middle label {
    padding: 12px !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .refine-modal .checkbox-list > li.middle label:after {
    display: none;
  }
  .refine-modal .checkbox-list > li.middle label:before {
    display: none;
  }
  .refine-modal .checkbox-list > li.middle:first-child {
    margin-left: 0;
  }
  .refine-modal .checkbox-list > li.middle:nth-child(n+2) {
    margin-left: 12px;
  }
  .refine-modal .checkbox-list > li.middle:nth-child(n+3) {
    margin-top: 0px;
  }
  .refine-modal .checkbox-list > li.middle:nth-child(n+5) {
    margin-top: 12px;
  }
}

@media screen and (max-width: 756px) {
  .refine-modal .checkbox-list > li:nth-child(n+2) {
    margin-top: 12px;
  }
  .refine-modal .checkbox-list > li.min {
    margin-right: 12px;
    width: calc((100% - 36px)/4);
  }
  .refine-modal .checkbox-list > li.min label {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .refine-modal .checkbox-list > li.min:nth-child(n+2) {
    margin-top: 0;
  }
  .refine-modal .checkbox-list > li.min:nth-child(n+5) {
    margin-top: 12px;
  }
  .refine-modal .checkbox-list > li.min:nth-child(4n) {
    margin-right: 0;
  }
  .refine-modal .checkbox-list > li.min label {
    padding: 12px 8px !important;
    text-align: center;
  }
  .refine-modal .checkbox-list > li.min label:after {
    display: none;
  }
  .refine-modal .checkbox-list > li.min label:before {
    display: none;
  }
  .refine-modal .checkbox-list > li.middle {
    width: calc((100% - 36px)/4);
    margin-right: 12px;
  }
}

@media screen and (max-width: 756px) and (max-width: 756px) {
  .refine-modal .checkbox-list > li.middle {
    width: calc((100% - 12px) / 2);
  }
}

@media screen and (max-width: 756px) {
  .refine-modal .checkbox-list > li.middle label {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (max-width: 756px) and (min-width: 757px) {
  .refine-modal .checkbox-list > li.middle:nth-child(n+2) {
    margin-top: 0;
  }
  .refine-modal .checkbox-list > li.middle:nth-child(4n) {
    margin-right: 0;
  }
  .refine-modal .checkbox-list > li.middle:nth-child(n+5) {
    margin-top: 12px;
  }
}

@media screen and (max-width: 756px) and (max-width: 756px) {
  .refine-modal .checkbox-list > li.middle:nth-child(2) {
    margin-top: 0;
  }
  .refine-modal .checkbox-list > li.middle:nth-child(2n) {
    margin-right: 0;
  }
  .refine-modal .checkbox-list > li.middle:nth-child(n+3) {
    margin-top: 12px;
  }
}

@media screen and (max-width: 756px) {
  .refine-modal .checkbox-list > li.middle label {
    padding: 12px !important;
    text-align: center;
  }
  .refine-modal .checkbox-list > li.middle label:after {
    display: none;
  }
  .refine-modal .checkbox-list > li.middle label:before {
    display: none;
  }
}

.refine-modal .checkbox-list > li.opt {
  width: 100%;
  margin-left: 0;
}

.refine-modal .checkbox-item {
  width: 100%;
  height: 100%;
}

.refine-modal .refine-checkbox + label {
  position: relative;
  border: 1px solid #b6b6b6;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 14px 16px 14px 44px;
  border-radius: 4px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.refine-modal .refine-checkbox + label:not(:last-child) {
  margin-bottom: 12px;
}

.refine-modal .refine-checkbox + label:before {
  position: absolute;
  content: '';
  left: 16px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 20px;
  height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #b6b6b6;
  border-radius: 4px;
  background-size: 12px 10px;
  background-position: center;
  background-repeat: no-repeat;
}

.refine-modal .refine-checkbox + label:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  bottom: 0;
  left: 21px;
  margin: auto 0;
  border-radius: 50%;
}

.refine-modal .refine-checkbox + label:hover {
  background-color: #edf9ff;
  border-color: #37b4f3;
}

.refine-modal .refine-checkbox + label:hover:before {
  background-color: #37b4f3;
  border-color: #37b4f3;
}

.refine-modal .refine-checkbox:checked + label {
  background-color: #edf9ff;
  border-color: #0783c2;
}

.refine-modal .refine-checkbox:checked + label:before {
  background-color: #0783c2;
  border-color: #0783c2;
  background-image: url(../img/ico_checked.png);
}

.refine-annotation {
  color: #686868;
  margin-top: 20px;
  font-size: 12px;
}

.refine-modal__bottom .refine-modelClose {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.refine-modal__bottom .refine-modelClose i {
  margin-right: 4px;
}

.refine-modal__bottom .refine-modelClose i, .refine-modal__bottom .refine-modelClose span {
  color: #686868;
  font-size: 16px;
}

.refine-modal__bottom .refine-modalSearch {
  background-color: #0783c2;
  color: #fff;
  padding: 16px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
}

.refine-modal__bottom .refine-modalSearch[aria-clickable="false"], .refine-modal__bottom .refine-modalSearch[area-disabled="true"] {
  pointer-events: none;
  opacity: .5;
}

@media screen and (min-width: 757px) {
  .refine-modal__bottom .refine-modalSearch {
    min-width: 282px;
  }
  .refine-modal__bottom .refine-modalSearch:hover {
    background-color: #37b4f3;
  }
}

.refine-dammy__input {
  position: relative;
  border: 1px solid #b6b6b6;
  padding: 14px 44px 14px 16px;
  border-radius: 4px;
  display: inline-block;
  cursor: pointer;
}

@media screen and (min-width: 757px) {
  .refine-dammy__input {
    min-width: 310px;
  }
}

@media screen and (max-width: 756px) {
  .refine-dammy__input {
    display: block;
    width: 100%;
  }
}

.refine-dammy__input.dog {
  width: 100%;
}

.refine-dammy__input:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  width: 20px;
  margin: auto 0;
  height: 20px;
  background-image: url(../img/ico_pad.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.refine-dammy__input.travel:after {
  background-image: url(../img/ico_earth.png);
}

.refine-dammy__input.days:after {
  background-image: url(../img/ico_days.png);
}

.refine-dammy__input.world:after {
  background-image: url(../img/ico_world.png);
}

.refine-dammy__input[aria-selected='true'] {
  border-color: #0783c2;
  background-color: #e6f2f9;
}

.refine-dammy__input[data-id="pet-01"] {
  border-color: #0783c2;
  background-color: #e6f2f9;
}

.modal-bg {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
}

.modal-bg[aria-selected="false"] {
  z-index: -20000;
  opacity: 0;
  visibility: hidden;
}

.modal-bg[aria-selected="true"] {
  opacity: 1;
  visibility: visible;
  z-index: 2000;
}

.refine-modalClose__Bg {
  display: none;
}

@media screen and (min-width: 757px) {
  .refine-modalClose__Bg {
    position: fixed;
    z-index: 200001;
    top: calc((100vh - 85vh)/2);
    right: calc((100vw - 686px)/2);
    margin: 12px 0 0 0;
    cursor: pointer;
  }
  .refine-modal[aria-opened="opened"] ~ .refine-modalClose__Bg {
    display: block;
  }
  .refine-modalClose__Bg i {
    color: #333;
    font-size: 24px;
  }
}

@media screen and (max-width: 756px) {
  .refine-modalClose__Bg {
    display: none;
  }
}

/*ソート用モーダル---------------------------------------------------------------------*/
.sort-modal ul > li:nth-child(n+2) {
  margin-top: 8px;
}

.sort-modal .sort-checkbox {
  display: none;
}

.sort-modal .sort-checkbox:checked + label:before {
  border-color: #0783c2;
  background-color: #fff;
}

.sort-modal .sort-checkbox:checked + label:after {
  background-color: #0783c2;
}

.sort-modal label {
  position: relative;
  padding-left: 28px;
}

.sort-modal label:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #b6b6b6;
  background-size: 12px 10px;
  background-position: center;
  background-repeat: no-repeat;
}

.sort-modal label:after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0;
  bottom: 0;
  left: 5px;
  margin: auto 0;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 履歴 ========================================================== */
@media screen and (min-width: 757px) {
  .history-slider {
    padding-bottom: 33px;
  }
}

.history-slider.is-active:nth-child(n+2) {
  margin-top: 42px;
}

@media screen and (max-width: 756px) {
  .history-slider.is-active:nth-child(n+2) {
    margin-top: 34px;
  }
}

.history-slider.js-history-slider {
  opacity: 0;
  pointer-events: none;
}

.history-slider.js-history-slider.is-active {
  opacity: 1;
  pointer-events: auto;
}

.history-slider_inner {
  width: 1070px;
  margin: 0 auto;
}

@media screen and (max-width: 756px) {
  .history-slider_inner {
    width: auto;
    padding-bottom: 33px;
  }
}

.history-slider_header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 756px) {
  .history-slider_header {
    margin: 0 16px;
  }
}

.history-slider_header_title {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  margin-right: 10px;
}

@media screen and (max-width: 756px) {
  .history-slider_header_title {
    font-size: 18px;
  }
}

.history-slider_header_link {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-weight: 300;
}

@media screen and (max-width: 756px) {
  .history-slider_header_link {
    font-size: 14px;
  }
}

.history-slider_header_link > a {
  color: #0783c2;
}

.history-slider_body {
  margin-bottom: -10px;
}

@media screen and (max-width: 756px) {
  .history-slider_body {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 6px;
  }
}

.history-slider_body:nth-child(n+2) {
  margin-top: 16px;
}

.history-slider_list {
  margin: 0 -12px;
}

@media screen and (max-width: 756px) {
  .history-slider_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    margin-left: 0;
  }
}

.history-slider_list::after {
  content: '';
  display: block;
  clear: left;
}

.history-slider_list .slick-prev,
.history-slider_list .slick-next {
  z-index: 1;
  top: 0;
  bottom: 0;
  background-color: #fff;
  background-image: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin: auto 0;
  -webkit-box-shadow: 0px 0px 10px 4px #ebebeb;
          box-shadow: 0px 0px 10px 4px #ebebeb;
}

.history-slider_list .slick-prev > i,
.history-slider_list .slick-next > i {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  color: #0783c2;
  font-size: 24px;
  width: 24px;
  height: 24px;
}

.history-slider_list .slick-prev:hover,
.history-slider_list .slick-next:hover {
  opacity: 1;
  background-color: #37b4f3;
}

.history-slider_list .slick-prev:hover > i,
.history-slider_list .slick-next:hover > i {
  color: #fff;
}

.history-slider_list .slick-prev {
  left: -37px;
}

.history-slider_list .slick-next {
  right: -37px;
}

.history-slider_item {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33.33%;
  padding: 0 12px 10px;
}

@media screen and (max-width: 756px) {
  .history-slider_item {
    float: none;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 87.2vw;
        -ms-flex: 0 0 87.2vw;
            flex: 0 0 87.2vw;
    width: 87.2vw;
    padding-right: 8px;
    padding-left: 8px;
  }
  .history-slider_item:first-child {
    padding-left: 16px;
  }
  .history-slider_item:last-child {
    padding-right: 16px;
  }
  .history-slider_item:first-child:last-child {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
}

.history-slider_item > a {
  display: block;
}

.history-slider_item > a:hover {
  text-decoration: none;
}

.history-slider_item:nth-child(n+4) {
  display: none;
}

@media screen and (max-width: 756px) {
  .history-slider_item:nth-child(n+4) {
    display: block;
  }
}

.slick-initialized .history-slider_item:nth-child(n+4) {
  display: block;
}

.history-slider_item_inner {
  border-radius: 4px;
  padding: 20px;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  overflow: hidden;
}

.history-slider_item_image {
  float: left;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100px;
  max-width: 50%;
  margin-right: 16px;
  border: 1px solid #ebebeb;
}

.history-slider_item_image_inner {
  position: relative;
  padding-top: 74%;
  overflow: hidden;
}

.history-slider_item_image_inner > img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: calc(100% - 22px);
  max-height: calc(100% - 22px);
  margin: auto;
}

.history-slider_item_body {
  overflow: hidden;
}

.history-slider_item_category {
  font-size: 12px;
  font-weight: 300;
  line-height: 1.3;
  color: #333;
}

.history-slider_item_title {
  font-size: 14px;
  font-weight: 600;
  color: #0783c2;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
}

.history-slider_item_title:nth-child(n+2) {
  margin-top: 7px;
}

a:hover .history-slider_item_title {
  color: #37b4f3;
}

.history-slider_item_text {
  font-size: 12px;
  font-weight: 300;
  color: #0783c2;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
}

.history-slider_item_text:nth-child(n+2) {
  margin-top: 5px;
}

a:hover .history-slider_item_text {
  color: #37b4f3;
}

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

  検討リストに追加ボタン

================================================================== */
.consider-btn-wrap {
  position: relative;
}

.consider-btn > a,
.consider-btn > button {
  border: 1px solid #0783c2;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 13px 16px;
  font-weight: 300;
  background-color: #fff;
  color: #0783c2;
}

.consider-btn > a:hover,
.consider-btn > button:hover {
  border-color: #37b4f3;
  background-color: #37b4f3;
  color: #fff;
}

.consider-btn > a > span,
.consider-btn > button > span {
  display: inline-block;
  position: relative;
  padding-left: 30px;
}

.consider-btn > a > span::before,
.consider-btn > button > span::before {
  content: '\F12F';
  display: block;
  position: absolute;
  top: -.13em;
  bottom: .13em;
  left: 0;
  height: 1em;
  font: normal 24px rex-icon;
}

.consider-btn > a > span > span,
.consider-btn > button > span > span {
  display: inline;
}

.consider-btn > a[aria-add="true"],
.consider-btn > button[aria-add="true"] {
  border-color: #686868;
  background-color: #fff;
  color: #686868;
}

.consider-btn > a[aria-add="true"]:hover,
.consider-btn > button[aria-add="true"]:hover {
  background-color: #686868;
  color: #fff;
}

.consider-btn > a[aria-add="true"] > span::before,
.consider-btn > button[aria-add="true"] > span::before {
  content: '\F1D5';
}

.consider-btn > a.js-addConsider,
.consider-btn > button.js-addConsider {
  position: relative;
  pointer-events: none;
}

.consider-btn > a.js-addConsider::before,
.consider-btn > button.js-addConsider::before {
  content: 'loading...';
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 4px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.consider-btn > a.js-addConsider.is-initialized,
.consider-btn > button.js-addConsider.is-initialized {
  pointer-events: auto;
}

.consider-btn > a.js-addConsider.is-initialized::before,
.consider-btn > button.js-addConsider.is-initialized::before {
  opacity: 0;
}

.consider-btn > a.js-addConsider.is-initialized.is-loading,
.consider-btn > button.js-addConsider.is-initialized.is-loading {
  pointer-events: none;
}

.consider-btn > a.js-addConsider.is-initialized.is-loading::before,
.consider-btn > button.js-addConsider.is-initialized.is-loading::before {
  opacity: 1;
}

.consider-btn.opt-thin {
  font-size: 13px;
}

.consider-btn.opt-thin > a,
.consider-btn.opt-thin > button {
  padding: 10px 5px;
}

.consider-btn.opt-thin > a:hover,
.consider-btn.opt-thin > button:hover {
  border-color: #37b4f3;
  background-color: #37b4f3;
  color: #fff;
}

.consider-btn.opt-thin > a > span,
.consider-btn.opt-thin > button > span {
  padding-left: 21px;
}

.consider-btn.opt-thin > a > span::before,
.consider-btn.opt-thin > button > span::before {
  top: -.1em;
  bottom: .1em;
  font: normal 20px rex-icon;
}

.consider-msg {
  position: absolute;
  z-index: 1;
  top: calc(100% + 11px);
  right: -0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #0783c2;
  border-radius: 7px;
  padding: 19px 20px;
  background-color: #fff;
}

.consider-msg::before {
  content: '';
  display: block;
  position: absolute;
  top: -11px;
  right: 25px;
  width: 13px;
  height: 11px;
  background: url(/assets/img/consider-msg_bg01.png) no-repeat center bottom/100%;
}

.consider-btn-wrap.opt-baloon-top .consider-msg {
  top: auto;
  bottom: calc(100% + 11px);
}

.consider-btn-wrap.opt-baloon-top .consider-msg::before {
  top: auto;
  bottom: -11px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.consider-msg.js-addConsider_msg {
  -webkit-animation: consider-msg .3s ease backwards;
          animation: consider-msg .3s ease backwards;
}

.consider-msg.js-addConsider_msg.is-hidden {
  -webkit-animation: none;
          animation: none;
  -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, -webkit-transform .3s ease;
  transition: opacity .3s ease, transform .3s ease;
  transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
  opacity: 0;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
  pointer-events: none;
}

.consider-btn-wrap.opt-baloon-top .consider-msg.js-addConsider_msg {
  -webkit-animation-name: consider-msg2;
          animation-name: consider-msg2;
}

.consider-btn-wrap.opt-baloon-top .consider-msg.js-addConsider_msg.is-hidden {
  -webkit-transform: translateY(-10%);
          transform: translateY(-10%);
}

@-webkit-keyframes consider-msg {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes consider-msg {
  0% {
    opacity: 0;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes consider-msg2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes consider-msg2 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.consider-msg_close {
  position: absolute;
  top: 5px;
  right: 6px;
}

.consider-msg_close > button > i {
  font-size: 20px;
  color: #333;
  -webkit-transition: color .3s ease;
  transition: color .3s ease;
}

.consider-msg_close > button > span {
  display: none;
}

.consider-msg_close > button:hover > i {
  color: #37b4f3;
}

.consider-msg_text {
  font-size: 13px;
  font-weight: 300;
  white-space: nowrap;
}

.consider-btn-wrap.opt-baloon-thin .consider-msg_text {
  white-space: normal;
}

.consider-msg_link {
  font-size: 13px;
  font-weight: 300;
}

.consider-msg_text + .consider-msg_link {
  margin-top: 9px;
}

.consider-msg_link > a {
  position: relative;
  display: inline-block;
  padding-left: 25px;
  color: #0783c2;
}

.consider-msg_link > a > i {
  position: absolute;
  top: -.15em;
  left: 0;
}
.pcOnly {
  display: block !important;
}

img.pcOnly {
  display: inline-block !important;
}

.spOnly, img.spOnly {
  display: none !important;
}
@media screen and (max-width: 756px) {
  /* device */
  .spOnly {
    display: block !important;
  }
  img.spOnly {
    display: inline-block !important;
  }
  .pcOnly, img.pcOnly {
    display: none !important;
  }
  }	
.hoken article {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
}
.hoken #post_title{
	margin-bottom:0;
}
.hoken .cart-sec{
	background: #fff;
}
.hoken_tit{
	font-size:2em;
}
.hoken_list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
	width: 1200px;
    margin: 0 auto;
}

.hoken_list li{
  width: 550px;
  margin-bottom: 3%;
  display:flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  border: 1px solid #333;
  padding: 2% 0;
font-size:0.9em;
  }

.hoken_list li img{width:130px;height: 100px;object-fit: contain;}
.hoken_list li span{}
.hoken_list a:hover li span{color:#333;
text-decoration:none;
}
@media screen and (max-width:1200px) {
.hoken_list{
    flex-direction: column;align-content: initial;width:100%;
}
.hoken_list li{
  width:96%;
    padding: 2%;    flex-wrap: nowrap;
    justify-content: space-evenly;
}
.hoken_list li img{width:40%;}
.hoken_list li span{width:100%;}
.hoken_list a{width:100%;}
}
#faq_word_box{

	width:90%;
	margin:50px auto;
}
#faq_word_box .top_faq_box,#faq_word_box .word_box{
width:100%;
}

#faq_word_box .top_faq_box h3,#faq_word_box .word_box h3{
padding:10px 0;
}

.faq_list dt {
    font-weight: 700;
    color: #152349;
    font-size: 1.2em;
}

.faq_list dd {
    margin-bottom: 2%;
    padding-bottom: 2%;
    border-bottom: 1px dotted #ccc;
}

@media screen and (max-width: 756px) {
.top_faq_box .faq_list dt {
font-size: 1.2em;

}
.faq_list dt {
font-size: 1.5em;
line-height:2;
}

.faq_list dd {
line-height:2;
}
}

input[type=image],input.image {
    border: none;
}

.faq_list a dd {
    color: #000;
}

.faq_list a:hover {
    text-decoration: underline;
}

.faq_list dt:before {
    content: "\51";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-size: 1.2em;
    padding-right: 10px;
}

.faq_list dd:before {
    content: "\41";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    font-size: 1.2em;
    padding-right: 10px;
    color: #de6464;
}
@media screen and (max-width: 756px) {

.faq_list dt:before {
    font-size: 1.5em;
}

.faq_list dd:before {
    font-size: 1.5em;
}
}

.faq_list a dd span {
    color: #4b92ca;
}

.faq_list a dd span:after {
    content: "\f101";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    padding-left: 5px;
}

.faq_list a dd span:before {
    content: "...";
    padding-lright: 5px;
}

.faq_subtit {
    text-align: center;
    font-size: 2em;
    margin: 5% 0;
    color: #0f214e;
}

.faq_list_sub {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
}

.faq_list_sub li {
    width: 45%;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 3%;
    padding-bottom: 3%;
}

.faq_list_sub li a {
    color: #4b92ca;
}

.faq_list_sub li a:hover {
    text-decoration: underline;
}

.faq-tit {
    font-size: 2em;
    color: #4b92ca;
    margin-bottom: 20px;
}

.faq-tit:before {
    content: "\f059";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    padding-right: 10px;
    color: #4b92ca;
    font-size: 2em;
    vertical-align: middle;
}

.faq_box p {
    line-height: 2em;
}

.faq_box h3 {
    padding: 2%;
    margin: 20px 0;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    color: #4b92ca;
}

.faq_box .faq_case {
    background-color: #eff8ff;
    padding: 2%;
}

.faq_box li {
    list-style: none;
    line-height: 2em;
}

.faq_box li:before {
    content: "\f058";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    padding-right: 10px;
    color: #4b92ca;
}

.top_faq_box .faq_list dt,.top_faq_box .faq_list dd {
  
}

p.pagebtn a {
    display: block;
    text-align: center;
    margin: 3% auto 5%;
    background-color:#8f2926;
    color: #fff;
    font-size: 1em;
    border-radius: 100px;
    width: 30%;
		padding:1% 2%;
}

p.pagebtn a:hover {
    background-color: #cccc;
    color: #0783c2;
}

.word_box h3,.top_faq_box h3 {
    background: #152349;
    padding: 3%;
    margin-bottom: 3%;
    color: #fff;
    text-align: center;
	font-size:1.5em;
}
.word_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.post_content ul.word_list{
margin:0;
	padding:0;
}
.word_list li {
    width: 48%;
    margin-bottom: 1%;
	list-style:none;
}

.word_list li a:after {
    content: "\f105";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px
}

.word_list li a {
	font-weight:bold;
    color:#152349;
    padding: 3%;
    display: block;
    background-color: #fff;
    vertical-align: middle;
    position: relative
}

.word_list li a:hover {
    text-decoration: underline;
    background-color: #f9f9f9
}

#one_col .word_list li a {
    color: #4b92ca;
    padding: 3%;
    display: block;
    background-color: #efefef;
    vertical-align: middle;
    position: relative
}
@media screen and (max-width: 756px) {

.word_list{
    flex-direction: column;
}
.word_list li{
  width: 100%;
}
#one_col .word_list li a{
  padding:5% 3%;
}
}
@media screen and (max-width: 756px) {
	#faq_word_box {
    flex-wrap: wrap;
}
#faq_word_box .top_faq_box,#faq_word_box .word_box{
width:100%;
}	
    .faq_box {
        width:85%;
        margin: 0 auto 5%
    }

    .faq-tit {
        font-size: 1.5em;
        text-align: center;
        background: #f5f5f5;
        padding: 2%
    }

    .faq-tit:before {
        font-size: 1.5em
    }

    p.pagebtn a {
        width: 90%
    }
}

#column h2{
  padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #eaf3ff;/*背景色*/
  border-bottom: solid 3px #516ab6;/*下線*/
}
#column h3 {
  border-bottom: solid 3px skyblue;
  position: relative;
}

#column h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 30%;
}
#column h4 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}
#column h5 {
  position: relative;
  background: #f1f8ff;
  padding: 0.25em 0.5em;
  border-left: solid 2em #5c9ee7;
}

#column h5:before {
  font-family: "Font Awesome 5 Free";
  content: "\f303";
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: 900;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#column .mark1 {
    color: #228b22;
    border-bottom: 5px solid #ffece0
}

#column .mark2 {
    color: #dc143c;
    font-weight: 700;
    border-bottom: 5px solid #ffece0
}
#column ul.listbox {
     background-color:#fff;
 padding: 2%;
    margin-left: 0;
    border-radius: 10px;
    border: 1px solid #152349;
    width: 90%;
    margin: 0 auto 20px;
	float:none;
position:static;
clear: both;
}
#column ul.listbox li span {
font-weight:normal!important;
}
@media screen and (max-width: 756px) {
#column ul.listbox {
        padding:6%
    }
}

#column ul.listbox li {
    list-style: none;

    margin-left: 1.4em;
    text-indent: -1.4em;
	padding:0.5% 0;
	font-size:1em;
}

#column ul.listbox li:before {
     position: absolute;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f111';
    color: #0783c2;
    margin-right: 6px;
    font-size:1em;
}

#column .box_17 {
    position: relative;
    background: #fff6e9
}

#column .box_17_ttl {
    position: relative;
    display: inline-block;
    padding: .5em 2em;
    background: #ff5722;
    color: #fff;
    font-weight: 700;
    top: 20px;
    left: -10px
}

#column .box_17_ttl:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-right: solid 10px #8c371c
}

#column .box_17_txt {
    margin: 0;
    padding: 1.8em 1.5em 1.5em
}
#column .box {
    background: #ffffff;
    padding: 2%;
    
    border-radius: 10px;
    border: 1px solid #152349;
    width: 90%;
    margin: 0 auto 20px
}
.post_content .flow {
    display: flex;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 5%;
	width:90%;
	margin:0 auto 30px;
}

.post_content .flow div {
    border-right: 1px solid #ccc;
    flex: 1;
    position: relative;
	background:#fff;
}

.post_content .flow h4 {
    background: #e1e8ed;
    line-height: normal;
    padding: 5% 2%;
    display: flex;
    height: unset;
    align-items: center;
   margin: 0!important;
    color: #4c81ab;
    font-weight: 700;
}


.post_content .flow h4 span.flow_num {
    font-size: 2em;
    margin-right: 10px;
    margin-left: 10px;
    color: #4c81ab
}

.post_content .flow div .arrow {
    position: absolute;
    top: 15px;
    right: 0;
    color: #4c81ab;
    font-size: 2.5em;
    z-index: 10
}

@media screen and (max-width:1650px) {
	.post_content .flow h4 {
    font-size: 15px;
}
	}
.post_content .flow h4 span.flow_num {
    font-size: 2em;
    margin-right: 10px;
    margin-left: 10px;
    color: #4c81ab;
}

.post_content .flow p {
    line-height: normal;
   
    margin: 5%
}
.post_content .flow img {
text-align:center;
}

.post_content .flow div .arrow {
    position: absolute;
    top: 15px;
    right: 0;
    color: #4c81ab;
    font-size: 1.5em;
    z-index: 10
}

.post_content .flow span.pc {
    display: block
}

.post_content .flow span.sp {
    display: none
}

@media screen and (max-width:1420px) {
    .post_content .flow div {
        width:33.33%
    }

   .post_content .flow h4 {
        flex-direction: column
    }

   .post_content .flow div {
        text-align: center
    }

   .post_content .flow div img {
        width: 100%
    }

   .post_content .flow span.pc {
        display: none
    }

    .post_content .flow span.sp {
        display: block
    }
}
.post_content .ranking-mv {
background-image: url("https://bike-h.info/wp/wp-content/uploads/2023/11/raning_mv.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
	 height: 305px;
}

.post_content .ranking-mv h3 {
    font-size: 2.5em;
    padding: 0;
    margin: 0;
    margin-left: 400px;
    padding-top: 70px;

  color          : #887007; 
  letter-spacing : 2px;                /* 文字間 */
  text-shadow    : 
       3px  3px 2px #ffffff,
      -3px  3px 2px #ffffff,
       3px -3px 2px #ffffff,
      -3px -3px 2px #ffffff,
       3px  0px 2px #ffffff,
       0px  3px 2px #ffffff,
      -3px  0px 2px #ffffff,
       0px -3px 2px #ffffff;        /* 文字の影 */
}

.post_content .ranking-mv h3 span {
    display: block;    font-size: 1.3em;
}

@media screen and (max-width: 1300px) {
    .ranking-mv {
        background-position:left
    }

    .post_content .ranking-mv h3 {
        font-size: 2em;
        margin-left: 300px;
    }

}

@media screen and (max-width: 756px) {
.post_content .ranking-mv {

        background-image: url("https://bike-h.info/wp/wp-content/uploads/2023/11/raning_mv_sp.png");
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        height: 200px
    }

    .post_content .ranking-mv h3 {
        font-size: 1.5em;
        margin-left: 0;
        padding-top: 120px;
        text-align: center
    }
}


.post_content .ranking-mv2 {
	background-image: url("https://bike-h.info/wp/wp-content/uploads/2024/03/ranking_bg.png");background-repeat: no-repeat;background-size: cover;
padding: 30px 0;width: 100%;display:flex;    justify-content: space-around;}
.post_content .ranking-mv2 img{
	width: 200px;
	object-fit:contain;
}

.post_content .ranking-mv2 h3 {
    font-size: 2.5em;

    color          : #887007;
    letter-spacing : 2px;                /* 文字間 */
    text-shadow    : 
       3px  3px 2px #ffffff,
      -3px  3px 2px #ffffff,
       3px -3px 2px #ffffff,
      -3px -3px 2px #ffffff,
       3px  0px 2px #ffffff,
       0px  3px 2px #ffffff,
      -3px  0px 2px #ffffff,
       0px -3px 2px #ffffff;        /* 文字の影 */
}

.post_content .ranking-mv2 h3 span {
    display: block;    font-size: 1.3em;
}
.post_content .ranking-mv2_sp{
	display:none;
}

@media screen and (max-width: 756px) {
.post_content .ranking-mv2 {    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
background-image: url("https://bike-h.info/wp/wp-content/uploads/2024/02/side_ranking.png");background-repeat: no-repeat;background-size: cover;
			display:none;}

	.post_content .ranking-mv2 h3 {
    font-size:1.5em;
 text-align:center;
		display:none;
}
	
	.post_content .ranking-mv2 img {
    width: 200px;
    object-fit: contain;
    display: none;
}
.post_content .ranking-mv2_sp { display:block;}

.post_content .ranking-mv2_sp img {  width:100%;}



}



#ranking{
	width:90%;
	margin:0 auto;
	
}
#ranking ul{
	list-style:none;
	margin:0;
	display: flex;
    justify-content: space-between;
}
#ranking ul li{
width:48%;
}
@media screen and(max-width: 756px) {
    .ranking-t {         height: 107px;
		background-repeat: no-repeat;
 background-position: center
	 background-image: url("http://bike-h.info/wp/wp-content/uploads/2023/07/rank_bg_sp.png");
    }

}
.ranking-t {
    text-align: center;
    height: 107px;
    background-image: url("https://bike-h.info/wp-content/uploads/2026/03/rank_bg-1.png");
    background-repeat: no-repeat;
    background-position: center
}

.ranking-t p,.ranking-t h3 {
    margin: 0;
    padding: 0
}

.ranking-t p {
    background: #cab400;
    color: #fff;
    display: inline;
    padding: 1% 2%;
    border-radius: 100px
}

.ranking-t h3 {
    font-size: 2em
}

.ranking-item {
    background: #fff;
    padding: 3em;
    margin: 15px 0 0;
    border: solid 3px #ffb55b21;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #ccc
}

#ranking .ranking-t h3 {
    font-size: 1.5em
}

#ranking .ranking-list .ranking-item {
    line-height: 1.3em;
    font-size: .9em;
    margin-bottom: 10px;
    padding: 10px;
    border: solid 1px #ccc;
    border-radius: 10px
}

#ranking .ranking-list .ranking-item {
text-align:center;
}

#ranking .ranking-list .ranking-item .ranking-img img {
    max-width: 100%;
}

#ranking .ranking-list .ranking-item .ranking-num {

}

#ranking .ranking-list .ranking-item .ranking-img-link {
    width: 30%;
}

#ranking .ranking-list .ranking-item .ranking-name {

}

#ranking .ranking-list .ranking-item .ranking-voice {

}

#ranking .mod-note {
    font-size: .8em;
    margin-bottom: 20px
}

#ranking .ranking-list .ranking-item .ranking-voice .cam {
    display: block;
    text-align: center;
    font-size: .8em;
    color: #ff5722;
    font-weight: 700;
}

#ranking .ranking-list .ranking-item .ranking-voice a.btn_26 {
    width: auto;
    margin-bottom: 7px;
    background: #ff8c00;
}

#ranking .ranking-list .ranking-item .ranking-voice a.btn_27 {
    width: 50%;
    padding: .4rem 4rem
}
}

#ranking .ranking-list .ranking-item .ranking-voice a.b1 {
    display: block;
    background: #1b7cb5;
    padding: 10px 2px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
    margin-bottom: 5px;
}

#ranking .ranking-list .ranking-item .ranking-voice a.b2 {
    display: block;
    background: #b30909;
    padding: 10px 2px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
}

#ranking .ranking-list .ranking-item .ranking-voice a.b1:hover {
    color: #fff;
    background-color: #37b4f3;
    border-color: #37b4f3;
    text-decoration: none;
}

#ranking .ranking-list .ranking-item .ranking-voice a.b2:hover {
    color: #fff;
    background-color: #ff1212;
    border-color: #ff1212;
    text-decoration: none;
}

#ranking .ranking-list .ranking-item .ranking-num {
    font-weight: 700;
    color: #fff;
    padding: 10px;
    text-align: center
}

#ranking .ranking-list .no1 .ranking-num {
    background-image: url("/wp/wp-content/uploads/2023/11/icon_rank_01-min.png");
    background-repeat: no-repeat;
    background-position: center
}

#ranking .ranking-list .no2 .ranking-num {
    background-image: url("/wp/wp-content/uploads/2023/11/icon_rank_02-min.png");
    background-repeat: no-repeat;
    background-position: center
}


@media screen and (max-width: 756px) {
    #ranking ul{
            flex-direction: column;
    }
#ranking ul li{
width:100%;
}
    #ranking ul.ranking-list .ranking-item .ranking-num {
        width: 100%
    }

    #ranking .ranking-list .ranking-item .ranking-img-link {
        width: 50%
    }

    #ranking .ranking-list .ranking-item .ranking-name {
        width: 100;
		text-align:center;
    }

    #ranking .ranking-list .ranking-item .ranking-voice {
        width: 100%
    }
}
.post_content a.btn_26 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 120px;
    margin: auto;
    padding: 1rem 4rem;
    border-radius: 100vw;
    color: #fff!important;
    background: #ff8c00;
    font-weight: 700
}

.post_content a.btn_26:hover {
    color: #fff
}

a.btn_26:hover {
    background-position: right center;
    background-size: 200% auto;
    -webkit-animation: pulse 2s infinite;
    animation: shad26 1.5s infinite;
    color: #fff
}

@keyframes shad26 {
    0% {
        box-shadow: 0 0 0 0 #f0c250
    }

    70% {
        box-shadow: 0 0 0 10px rgb(39 172 217/0%)
    }

    100% {
        box-shadow: 0 0 0 0 rgb(39 172 217/0%)
    }
}

.post_content a.btn_27 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    margin: auto;
    padding: 1rem 4rem;
    color: #fff!important;
    font-weight: 700;
    background:#152349;
    position: relative;
    transition: .3s ease-in-out;
	border-radius: 100vw;
}

a.btn_27:hover,.post_content a.btn_27:hover {
    background: #fff;
    color: #152349!important;
}

a.btn_27:before,a.btn_27:after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    border: 2px solid transparent;
    width: 0;
    height: 0;
	border-radius: 100vw;
}

a.btn_27:before {
    top: 0;
    left: 0;
}

a.btn_27:after {
    bottom: 0;
    right: 0;
}

a.btn_27:hover:before,a.btn_27:hover:after {
    width: 100%;
    height: 100%;
}

a.btn_27:hover:before {
    border-top-color: #152349;
    border-right-color: #152349;
    transition: width .15s ease-out,height .15s ease-out .15s
}

a.btn_27:hover:after {
    border-bottom-color: #152349;
    border-left-color: #152349;
    transition: border-color 0s ease-out .2s,width .15s ease-out .2s,height .15s ease-out .3s
}
@media screen and (min-width:767px) and ( max-width:1280px) {
.post_content a.btn_26 {
  width: auto;
 padding: 1rem 1rem;
}
.post_content a.btn_27 {
  padding: 1rem 1rem;
 
}
}

.list_box{
	line-height: 2.4;
	background:#fff;
	padding:20px;
	margin-bottom:20px;
}

.scroll_table {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: auto;
    border: 0;
}

.post_content .scroll_table .table1 {
    width: max-content !important;
}
.wakarukoto{
 
}
.wakarukoto {
	padding: 30px;
	position: relative;
}
.wakarukoto {
    --x-gradient: linear-gradient(90deg, #7389C4 0 25px, transparent 0 calc(100% - 25px), #7389C4 calc(100% - 25px));
    --y-gradient: linear-gradient(#7389C4 0 25px, transparent 0 calc(100% - 25px), #7389C4 calc(100% - 25px));
    margin: 0.5rem;
    padding: 0 1rem 1rem;
    background-image:
        var(--x-gradient),
        var(--y-gradient),
        var(--x-gradient),
        var(--y-gradient);
    background-repeat: no-repeat;
    background-size: 100% 5px, 5px 100%, 100% 5px, 5px 100%;
    background-position: top, right, bottom, left;

}
.post_content .wakarukoto p{
color:#1A367F;
  font-weight:bold;
  text-align:center;

  margin-bottom:0;
}

.wakarukoto p:after{
 content: "\f303";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
	
	margin-left:10px;
}
.wakarukoto ul{
margin:2% 0;
  padding:0;
  list-style:none;
}

.wakarukoto ul li{
margin:0 2%;
font-weight:normal;
  list-style:none;
	border-bottom:1px solid #C7C7C7;
	
	 text-indent: -1.3em;
   padding-left: 1.3em;
}

.wakarukoto ul li:before{
    content: "\f00c";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
	color:#E20D0D;
	margin-right:10px;

}
@media screen and (max-width: 756px) {
.post_content .wakarukoto ul{
margin:2%;
}
	.wakarukoto ul li {
    border-bottom: 1px solid #15234975;
}
}

.rtoc-mokuji-content .rtoc-mokuji{
	margin:0 64px 40px!important;
}

/* RANKING */

.ranking-item-box .ranking-item-kuchikomi p span {
    color: #c00;
    font-weight: bole;
    margin-left: 10px
}

.ranking-item-box .ranking-item-kuchikomi img {
    width: 90%
}

.post_content .ranking-item-box .ranking-item-kuchikomi dl {
    margin-bottom: 0
}

.ranking-item-box .ranking-item-kuchikomi dl div {
    display: flex;
    align-items: center;
    margin-top: 10px;
    border-bottom: 1px dotted #ffe0c2
}
.ranking-item-box .ranking-item-kuchikomi {
    flex: 1;
    font-size: .9em;
    margin-left: 20px;
    text-align: center
}

.ranking-item-box .ranking-item-kuchikomi p {
    margin: 0;
    padding: 0
}

.box {
    position: relative;
    margin: 0;
    padding: 2em 1em;
    border: solid 2px #ffe0c2;
    border-radius: 8px;
    background: #fff;
    padding-bottom: 6px
}

.box .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 80px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #fff;
    color: #ffbf81;
    font-weight: 700
}

.box p {
    margin: 0;
    padding: 0
}


@media only screen and (max-width: 756px) {
    .ranking-item-box .ranking-item-kuchikomi dl div {
        font-size:.8em
    }

    .box {
        padding: 2em 1em 0
    }
}

.ranking-item-box .ranking-item-kuchikomi dl div dt {
    width: 40%;
    line-height: normal
}

.ranking-item-box .ranking-item-kuchikomi dl div dd {
    width: 60%;
    text-align: left;
    line-height: normal;
    padding: 0;
    margin: 0
}


.ranking-item .ranking-head {
    padding: 0 10px 10px
}

.ranking-item .ranking-head h3 {
    margin: 0;
    font-size: 1.5em
}

.ranking-item .ranking-head h3 a {
    display: block;
    margin-left: 50px;
    font-size: .8em
}

.ranking-item .ranking-head h3 span {
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 2.7;
    margin-right: 10px;
    font-size: .6em
}

.ranking-item h3 span.no1 {
    background-image: url("/wp/wp-content/uploads/2023/11/icon_rank_01-min.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: bottom
}

.ranking-item h3 span.no2 {
    background-image: url("/wp/wp-content/uploads/2023/11/icon_rank_02-min.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: bottom
}
.ranking-item .ranking-head h3 span.new {
  padding: 1% 0.5%;
    font-weight: bold;
    background-position: center;
    color: #68bfea;
    border: 2px solid #68bfea;
border-radius:50px;
    line-height: 2.7;
    margin-right: 10px;
    display: inline;
    vertical-align: middle;
    font-size: .5em;
}
@media only screen and (max-width: 756px) {

.ranking-item .ranking-head h3 span.new {
    padding: 1% 2%;
    line-height: normal;
    margin-right: 0;
    font-size: 1.2em;
}
}


.scale {
    transform: scale(1,1.6);
    display: inline-block
}

.box-007 {
    background: #fff;
    margin: 30px auto 10px;
    border: 2px solid #ffb36b69;
    border-radius: 5px;
    color: #333;
    padding: 0 0 10px
}

.box-007 div {
    display: inline-flex;
    align-items: center;
    position: relative;
    top: -15px;
    left: 10px;
    margin: 0 7px;
    padding: 0 20px;
    background: #fff;
    color: #ffb36b;
    font-weight: 600;
    vertical-align: top
}

.box-007 svg {
    padding-right: 4px
}

.box-007 p {
    margin: 0;
    padding: 0 1.5em 1em
}

.post_content ul.list-009 {
    list-style-type: disc;
    list-style-position: inside;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 5px 10px
}

.post_content ul.list-009 li {
    padding: .2em;
    width: 48%;
    font-size: .9em;
    line-height: normal
}

@media screen and (max-width: 756px) {
    .post_content ul.list-009 li {
        font-size:.8em
    }
}

.post_content ul.list-009 li {
    border-bottom: 1px dashed #ffb36b
}

.post_content ul.list-009 li::marker {
    color: #ffb36b;
    font-size: 1.1em
}

a.btn_26 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 120px;
    margin: auto;
    padding: 1rem 4rem;
    border-radius: 100vw;
    color: #fff;
    background: #f0c250;
    font-weight: 700
}

.post_content .ranking-item-btns a.btn_26:hover {
    color: #fff
}

a.btn_26:hover {
    background-position: right center;
    background-size: 200% auto;
    -webkit-animation: pulse 2s infinite;
    animation: shad26 1.5s infinite;
    color: #fff
}

@keyframes shad26 {
    0% {
        box-shadow: 0 0 0 0 #f0c250
    }

    70% {
        box-shadow: 0 0 0 10px rgb(39 172 217/0%)
    }

    100% {
        box-shadow: 0 0 0 0 rgb(39 172 217/0%)
    }
}

a.btn_27 {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    margin: auto;
    padding: 1rem 4rem;
    color: #fff;
    font-weight: 700;
    background: #6495ed;
    position: relative;
    transition: .3s ease-in-out
}

a.btn_27:hover,.post_content .ranking-item-btns a.btn_27:hover {
    background: #fff;
    color: #6495ed
}

a.btn_27:before,a.btn_27:after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    border: 2px solid transparent;
    width: 0;
    height: 0
}

a.btn_27:before {
    top: 0;
    left: 0
}

a.btn_27:after {
    bottom: 0;
    right: 0
}

a.btn_27:hover:before,a.btn_27:hover:after {
    width: 100%;
    height: 100%
}

a.btn_27:hover:before {
    border-top-color: #6495ed;
    border-right-color: #6495ed;
    transition: width .15s ease-out,height .15s ease-out .15s
}

a.btn_27:hover:after {
    border-bottom-color: #6495ed;
    border-left-color: #6495ed;
    transition: border-color 0s ease-out .2s,width .15s ease-out .2s,height .15s ease-out .3s
}

.ranking_waribiki .pum-trigger {
    font-size: .6em;
    color: #7bb1cc;
    text-align: right;
    display: inherit
}

.post_content .small_p {
    font-size: .6em;
    line-height: normal
}

.ranking_waribiki {
    padding: 2em;
    margin: 2em auto;
    border-radius: 4px;
    background: -moz-linear-gradient(top,#dff4ff,#fff);
    background: -webkit-linear-gradient(top,#dff4ff,#fff);
    background: linear-gradient(to bottom,#dff4ff,#fff);
    box-shadow: 0 3px 4px rgba(0,0,0,.32);
    align-content}

.waribiki_flex {
    display: flex;
    justify-content: space-between
}

.waribiki_flex div {
    width: 45%;
    text-align: center
}

.waribiki_flex div p {
    margin: 0
}

.waribiki_flex div p:nth-child(1) {
    font-weight: 700;
    font-size: 1.5em;
    margin-bottom: 10px
}

.waribiki_flex div p:nth-child(2) {
    font-weight: 700;
    background: #fff;
    font-size: 2em;
    color: #c00;
    border-radius: 10px
}


.waribiki_flex div.waribiki_flex_right p:nth-child(2) {
    box-shadow: 0 0 0 1px #b4d6e7,0 0 0 2px #fff,0 0 0 4px #b4d6e7,0 0 0 5px #fff,0 0 0 6px #b4d6e7
}

.waribiki_flex div.waribiki_flex_left p:nth-child(2) {
    box-shadow: 0 0 0 1px #b4d6e7,0 0 0 2px #fff,0 0 0 4px #b4d6e7,0 0 0 5px #fff,0 0 0 6px #b4d6e7
}

.ranking_waribiki .sonota_waribiki {
    line-height: normal;
    padding-top: 20px
}
.ranking-item-btns {
    display: flex;
    width: 80%;
    margin: 0 auto
}
.post_content .ranking-item-btns a {
    display: block;

    padding:30px;
    text-align: center;
    border-radius: 100px;
    width: 300px
}

.post_content .ranking-item-btns a:nth-child(1) {

    margin-right: 50px;
    border-radius: 100px;
    width: 700px;
    padding: 30px 0
}
.ranking-item-box {
    display: flex;
    align-items: flex-start
}

.ranking-item-box .ranking-item-logo {
    width: 600px
}

@media screen and (max-width: 756px) {
    .ranking_waribiki {
        margin:1em auto;
        padding: 1em
    }

    .ranking_waribiki p {
        line-height: normal
    }

    .waribiki_flex div p .spbr {
        display: block
    }

    .waribiki_flex div p:nth-child(1) {
        font-size: .6em
    }

    .waribiki_flex div p:nth-child(2) {
        font-size: 1em;
        padding: 1em
    }

    .ranking_waribiki .sonota_waribiki {
        font-size: .8em;
        padding-top: 10px
    }

    .ranking-item {
        padding: 1em
    }

    .post_content .ranking-item th {
        padding: 7px
    }

    .ranking-item .ranking-head h3 {
        align-items: center;
        display: flex;
        flex-direction: column;
        font-size: 1em
    }

    .ranking-item .ranking-head h3 a {
        margin-left: 0;
        font-size: .8em
    }

    .ranking-item .ranking-head h3 span {
        font-size: 1em
    }

    .ranking-item-box {
        flex-direction: column
    }

    .ranking-item-box .ranking-item-logo {
        width: 100%;
        margin: 0 auto 20px
    }
   .post_content .ranking-item-box .ranking-item-logo img {
        width: 100%;

    }
    .ranking-item-box .ranking-item-kuchikomi {
        margin-left: 0;
        width: 100%
    }

    .box .box-title {
        top: -5px;
        left: 20px;
        font-size: 15px
    }


    .ranking-item-box .ranking-item-kuchikomi img {
        width: 100%
    }

    .post_content ul.list-009 li {
        width: 100%;
        font-size: .8em
    }

    .ranking-item-btns a span {
        display: block
    }

    .ranking-item-btns {
        flex-direction: column
    }

    .post_content .ranking-item-btns a {
        width: 100%;
        padding: 10px 0
    }

    .post_content .ranking-item-btns a:nth-child(1) {
        width: 100%;
margin-bottom:10px;
        padding: 20px 0
    }
}

@media screen and (max-width: 550px) {
    .ranking-t {
        text-align:center;
        height: 107px;
        background-image: url("http://car-h.info/wp/wp-content/uploads/2023/03/rank_bg_sp.png");
        background-repeat: no-repeat;
        background-position: center
    }

    .ranking-t h3 {
        font-size: 1.3em
    }
}

@media screen and (max-width: 390px) {
    .ranking-t {
        text-align:center;
        height: 107px;
        background-image: url("http://car-h.info/wp/wp-content/uploads/2023/03/rank_bg_sp2.png");
        background-repeat: no-repeat;
        background-position: center
    }
}

#floatingbnr a {
    display: block;
    position: fixed;
    right: 100px;
    bottom: 50px;
    z-index: 9999;
    padding: 0 auto;
}
 #floatingbnr a img {
width:300px;

}
.reflection{
display:inline-block;
position:relative;
overflow:hidden;
}
 
.reflection:after {
content:"";
height:100%;
width:30px;
position:absolute;
top:-180px;
left:0;
background-color: #fff;
opacity:0;
-webkit-transform: rotate(45deg);
-webkit-animation: reflection 5s ease-in-out infinite;
}
 
@keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

@media screen and (max-width: 756px){
#floatingbnr  {
text-align:center;
}
#floatingbnr a  {
		bottom: 60px;
		width:60%;
}
 #floatingbnr a img {
width:100%;
}
}

.ranking_bnr img{
display:block; margin:auto; -webkit-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out;
}	

.ranking_bnr img:hover{
opacity:0.5;
}

.kuchikomi_page{
	width:1130px;
	margin:0 auto;
}
.kuchikomi_page h1{
text-align:center;
	margin-bottom:50px;
	font-size:2em;
}
.kuchikomi_mv{
	background:url("https://bike-h.info/wp/wp-content/uploads/2024/06/kuchikomi_bg.png");
background-repeat:no-repeat;
height:403px;
	margin-bottom:20px;
}
.kuchikomi_mv h1{
	color:#fff;
	font-size:3.5em;
	padding-top:100px;
	
}
.kuchikomi_mv h1 span{
	color:#fff600;
	display:block;
	margin-top:20px;
	
}
@media screen and (max-width: 756px) {
.kuchikomi_mv{
background-size: contain;
        height: 150px;

        width: 100%;
        max-width: 100%;
        display: inline-block;
    }

	.kuchikomi_mv h1{

	font-size:1.5em;
	padding-top:20px;
	
}
.kuchikomi_mv h1 span{
margin-top:10px;
	
}
}

.kuchikomi_btn{
	display:flex;
	justify-content:space-between;
	margin-bottom:30px;
}
.kuchikomi_btn li {
width:48%;
}

.kuchikomi_btn li a{

	padding:1.5em 0;
	text-align:center;
	display: block;
	border: 2px solid #4e4e4e;
    border-radius: 4px;
    font-weight: bold;
}
.kuchikomi_btn li a::after {
    content: "";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    content: '\f107';
    font-weight: 900;
    padding-left: 10px;
}
.kuchikomi_btn li a:hover{
background:#efefef;
	border: 2px solid #efefef;
color:#666;
}
.kuchikomi_morebtn{
	display:flex;
	justify-content:space-between;
	margin-bottom:30px;
	    align-items: flex-end;
}
.kuchikomi_morebtn li span{
text-align:center;
	font-weight:bold;
	    display: block;
	margin-bottom:10px;
}
.kuchikomi_morebtn li {
width:48%;
}

.kuchikomi_morebtn li a{
background:#fff;
	padding:1.5em 0;
	text-align:center;
	display: block;
	    font-weight: bold;
border-radius:10px;	
}



.kuchikomi_morebtn li:nth-child(1) a{
  background: #db2020;
	    border:2px solid #db2020;
    color: #fff;
}
.kuchikomi_morebtn li:nth-child(2) a{
    border:2px solid #db2020;
	color:#db2020;
}

.kuchikomi_morebtn li:nth-child(1) a:hover{
  background: #fff;
	    border:2px solid #db2020;
    color: #db2020;
}
.kuchikomi_morebtn li:nth-child(2) a:hover{
    border:2px solid #db2020;
	color:#fff;
	background:#db2020;
}
.kuchikomi_waku{
	border:5px solid #ededed;
	border-radius:10px;
	padding:20px;
	margin-bottom:50px;
	line-height:1.8em;
	height:500px;
}


.good_t{
	background:#37b4f3;
	color:#fff;
	border: 2px solid #4084a7;
	box-shadow: 0 5px 0 0 #4084a74f;
	padding:0px 20px;
　　margin-bottom:10px;
	border-radius:50px;
	font-weight:bold;
	display:inline-block;
}
.bad_t{
	background:#666;
	color:#fff;
	border: 2px solid #333;
	box-shadow: 0 5px 0 0 #33333329;
	padding:0px 20px;
	margin-bottom:10px;
	border-radius:50px;	
	font-weight:bold;
	display:inline-block;
	margin-top:30px;
}
.good_t:hover{
	background:#fff;
	color:#37b4f3;
	border: 2px solid #37b4f3;
	box-shadow: 0 5px 0 0 #fff;

}
.bad_t:hover{
	background:#fff;
	color:#666;
	border: 2px solid #666;
	box-shadow: 0 5px 0 0 #fff;

}
#axa_kuchikomi{
	font-size:1.6em;
	display:flex;
	justify-content:flex-start;
	margin-bottom:30px;
    background: #e3edf2;
    padding:20px 10px;
    align-items: center;
}


#axa_kuchikomi img{
	width:150px;
	    padding: 10px;
    background: #fff;
	margin-right:20px;
}
#mitsui_kuchikomi{
	font-size:1.6em;
	display:flex;
	justify-content:flex-start;
	margin-bottom:30px;
    background: #e3f2ea;
    padding:20px 10px;
    align-items: center;
}
#mitsui_kuchikomi img{
	width:150px;
	    padding: 10px;
    background: #fff;
	margin-right:20px;
}
@media screen and (max-width: 756px) {
#axa_kuchikomi,#mitsui_kuchikomi{
	font-size:1em;
}
#mitsui_kuchikomi img,#axa_kuchikomi img{
	width:100px;
}
}

.kuchikomi_title{
	display:flex;
    justify-content: center;
    margin-bottom: 30px;
    background: #ebebeb;
    align-items: center;
    padding: 10px 0;
}
.kuchikomi_title img{
    background: #fff;
    width: 70px;
    border-radius: 50px;
    height: 70px;
    object-fit: contain;
    padding: 10px;
	margin-right:30px;
}
.kuchikomi_title p:nth-child(2){
font-weight:bold;
	font-size:1.2em;
}
@media screen and (max-width: 756px) {
	.kuchikomi_title img{
     width: 40px;
    border-radius: 100px;
    height: 40px;
margin-right:20px;
}
.kuchikomi_title p:nth-child(2){
font-size:1em;
}
}
.button-open {
  cursor: pointer;
	margin-bottom:10px;
}
/* モーダルウィンドウ */
.modal-window,.modal-window2,.modal-window3,.modal-window4 {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:80%;
  height:  60%;
  background-color: #fff;
  border-radius: 5px;
  z-index: 11;
  padding: 2rem;
	overflow:scroll;
}
@media screen and (max-width: 756px) {
.modal-window,.modal-window2,.modal-window3,.modal-window4{
min-width: 80%!important;
  padding: 10px;

}
}

/* 閉じるボタン */
.button-close {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding:0.5em 1em;
  background-color:#152349;
  color: #eaeaea;
  border-radius: 20rem;
  cursor: pointer;
	margin:30px atuo;
	display:block;
}
/* オーバーレイ */
.overlay,.overlay2,.overlay3,.overlay4 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
}
.modal-window h2,.modal-window2 h2{
	background:#37b4f3;
	color:#fff;
	padding:20px 10px;
	text-align:center;
	
} 
.modal-window3 h2,.modal-window4 h2{
	background:#666;
	color:#fff;
	padding:20px 10px;
	text-align:center;
	
} 
.good_list{
	border-bottom:2px dotted #ccc;
	margin-bottom:20px;
	padding:20px;
}
.good_list p:nth-child(1){
font-size:0.8em;
	    background: #efefef;
    display: flex;
    align-items: center;
	padding:10px;
	border-radius:50px;
	margin-bottom:20px;
}
.good_list p:nth-child(1) img{
width:20px;
	margin-right:10px;
}
.good_list p:nth-child(2){
line-height:1.5em;
}

.column_mv img{
	width:100%;
	height:auto;
}
html {
  scroll-behavior: smooth;
}
.post_content p.rank_top_t{
text-align:right;
margin:0;
line-height:normal;
}
.footer-col_box {

	margin:auto;
	background:#fff;
}
.footer-col {
    display: flex;
    align-items: center;
    justify-content: center;
   max-width:1130px;
    width: 100%;
    margin: auto;
	padding:10px 0;

}

.insurance-link {
    width: 38%;
    margin-right: 2%;
}

.insurance-link__text {
    padding: 0 !important;
    font-size: 14px;
    text-align: center;
}

.insurance-link a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.insurance-link img {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    margin-bottom: 0 !important;
}

.footer-col__text {
    font-size: 14px;
    text-align: left;
	    line-height: normal;
}

span.pc{
		display:block;
	}
span.sp{
		display:none;
	}
@media screen and (max-width: 756px){
span.pc{
		display:none;
	}
span.sp{
		display:block;
	}
}


.is-pc {
    display: block;
}

.is-sp {
    display: none;
}

.mainVisual {
    margin-top: 2em;
    text-align: center;
}

.mainVisual img {
    max-width: 100%;
    height: auto;
}

.lead {
    font-size: 1.1em;
    color: #333;
    text-align: center;
}

.most-read__section {
    margin-bottom: 3.8em;
}

.most-read__ranking-title {
    position: relative;
    color: #333;
}

.most-read__ranking-title::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 20px;
    margin-right: .3em;
    background-size: contain;
}



.most-read__ranking-title.no01::before {
    background-image: url(/wp-content/uploads/2023/11/icon_rank_01-min.png);
	background-repeat:no-repeat;
}

.most-read__ranking-title.no02::before {
    background-image: url(/wp-content/uploads/2023/11/icon_rank_02-min.png);
	background-repeat:no-repeat;
}

.most-read__ranking-title.no03::before {
    background-image: url(/wp-content/uploads/2023/03/icon_rank_03.png);
	background-repeat:no-repeat;
}
.most-read__ranking-title.no00::before {
    background-image: url(/wp-content/uploads/2024/05/icon_rank_00.png);
	background-repeat:no-repeat;
}
.most-read__column:not(:last-child) {
    margin-bottom: 3.8em;
}

.most-read__column a{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 1em;
    padding: 1em;
    background-color: #F2F8FF;
    text-decoration: none;
    border-radius: 16px;
}
a.most-read__column-link:nth-child(2){
	display:none;
}
.most-read__column-img {
    width: 35%;
    margin-right: 5%;
    border-radius: 10px;
}

.most-read__column-info {
    width: 60%;
}

.most-read__column-date {
    color: #333;
}

.most-read__column-title {
    color: #003366;
}

.most-read__column-comment {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #333;
}

.site-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 15%;
    margin-left: 3%;
    margin-right: 4%;
}

.post_content .site-icon img {
    width: 60px;
	height:60px;
	object-fit: contain;
    margin-bottom: 5px;
    padding: 6px;
    border: 2px solid #50AAFF;
    background-color: #fff;
    border-radius: 50%;
}

.site-icon span {
    color: #003366;
    display: block;
    text-align: center;
    font-size: .8em;
}

.most-read__column-says {
    width: 80%;
    margin-right: 3%;
}

.emphasis {
    font-weight: bold;
}


@media screen and (max-width: 640px) {
    .is-pc {
        display: none;
    }

    .is-sp {
        display: block;
    }

    .lead {
        padding: 0.8em;
    font-size: 1em;
    text-align: left;
    }

    .most-read__ranking-title {
        margin-bottom: .4em;
        font-size: 1.28em;
    }

    .most-read__column:not(:last-child) {
        margin-bottom: 3em;
    }

    .most-read__column a {
        flex-direction: column;
        padding: .8em;
    }

    .most-read__column-img {
        margin-right: 0;
        margin-bottom: 5%;
    }
.post_content img.most-read__column-img{
width:100%;
    }

    .most-read__column-info {
        width: 100%;
    }

    .most-read__column-date {
        font-size: .8rem;
    }

    .most-read__column-title {
        margin: 0.5em 0 0 0;
        font-size: 1.1em;
    }

    .most-read__column-comment {
        display: block;
    }

    .site-icon {
        width: 20%;
    }

    .site-icon span {
        display: none;
    }

.post_content .site-icon img {
        margin-left: 1.6em;
        border: 4px outset #50AAFF;
	border-radius:100%;
    }

.post_content p.most-read__column-says {
        width: 100%;
        margin-right: 0;
        margin-top: -2em!important;
        padding: 2em .6em 1em;
        box-sizing: border-box;
        font-size: 0.96em;
        border: 4px outset #50AAFF;
        border-radius: 12px;
    }
}
.accordion {
  margin: 2em auto;
	width:90%;
}
.accordion__summary {
  background-color:#e2e2e2; /* 見出しの背景色 */
  position: relative;
  cursor: pointer;
  padding: 10px;
  width: 100%; /* 見出しの横幅 */
  font-size: 1em; /* 見出しの文字サイズ */
     margin: auto;
  appearance: none; /* buttonのスタイルリセット */
  border: none; /* buttonのスタイルリセット */
  text-align: center; /* buttonのスタイルリセット */
}
.accordion__summary::after {
  content: "+";
  font-size: 1.4em; /* 記号のサイズ */
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.accordion__summary--open::after {
  content: "−";
}
.accordion__detail {
  display: none;
  padding: 4px 10px;
  margin: 10px 0;
}
.accordion .accordion__text {
  margin: 0;
	font-size: 12px;
}

.accordion_point {
  margin: 2em auto;
	width:90%;
}
.accordion_point .accordion_p__summary {
  background-color:#fff; /* 見出しの背景色 */
	border:2px solid #0783c2;
  position: relative;
  cursor: pointer;
  padding: 10px;
  width: 100%; /* 見出しの横幅 */
  font-size: 1em; /* 見出しの文字サイズ */
     margin: auto;
  appearance: none; /* buttonのスタイルリセット */
 font-weight:bold;
	color:#0783c2;
  text-align: center; /* buttonのスタイルリセット */
	border-radius:100px;
}
.accordion_point .accordion_p__summary::after {
  content: "+";
  font-size: 1.4em; /* 記号のサイズ */
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.accordion_point .accordion_p__summary--open::after {
  content: "−";
}
.accordion_point .accordion_p__detail {
  display: none;
  padding: 4px 10px;
  margin: 10px 0;
}
.accordion_point .accordion__text {
text-align:left;
	font-weight:bold;
	min-height: 160px;
	    font-size: 0.9em;
	letter-spacing: -0.04em;
}
.accordion_point .accordion__text span{
display:block;
}
.accordion_point .accordion__text span:before {
    content: "\f111";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
color:#0783c2;
	margin-right:10px;

}
.accordion_point .accordion__text span.small{
font-size: 12px;
    color: #686868;
	font-weight:normal;
	}
.accordion_point .accordion__text span.small:before,
.accordion_point .accordion__text span span.red:before{
  content: "";
	}

.accordion_point .accordion__text span span.red{
color:#DD0101;
	display:inline;
	}
.accordion_point .accordion__text span sup {
  vertical-align: super;
  font-size: 10px;
}
#ranking .ranking-list .ranking-item .accordion_p__detail .ranking-voice a.btn_26{
	width:100%;
	padding:1rem 0;
	line-height:1.5;
}
#ranking .ranking-list .ranking-item .accordion_p__detail .ranking-voice a.btn_27 {
    width: 100%;
    padding:1rem 0;
	line-height:1.5;
}


#ranking .ranking-list .ranking-item .ranking-voice a.btn_26{
	width:90%;
	padding: 1rem 0;
}
#ranking .ranking-list .ranking-item .ranking-voice a.btn_27 {
    width: 90%;
    padding: .4rem 0;
}

#ranking table{
	width:90% !important;
	margin:auto;
}
#ranking table th,#ranking table td{
	padding:10px;
	line-height:1.3;
	vertical-align:middle;
}
#ranking table td{
width: 50%;
}
#ranking table td span{
color:#DD0101;
	font-weight:bold;
	font-size: 1.2em;
}

@media (min-width:757px) and (max-width:1460px){
/*#ranking .ranking-list .ranking-item .ranking-voice a.btn_26 span{
display:block;
}
		#ranking .ranking-list .ranking-item .ranking-voice a.btn_27 span{
display:block;
}*/
	
	#ranking .ranking-list .ranking-item .ranking-voice a.btn_26{
font-size:0.8em;
letter-spacing: -0.1em;
}
		#ranking .ranking-list .ranking-item .ranking-voice a.btn_27{
font-size:0.8em;
letter-spacing: -0.1em;
}
	
	#ranking .ranking-list .ranking-item .ranking-name {
    font-size: 12px;
}
#ranking table td span{
display:block;
}
	#ranking table th,#ranking table td{
	padding:5px;
font-size:0.9em;
		
}
	
}
@media (min-width:1451px) and (max-width:1670px){
.accordion_point .accordion__text {

	min-height: 200px;
}		
}

@media (min-width:1371px) and (max-width:1450px){
.accordion_point .accordion__text {

	min-height: 260px;
}		
}

@media (min-width:1251px) and (max-width:1370px){
.accordion_point .accordion__text {

	min-height: 320px;
}		
}
@media (min-width:1201px) and (max-width:1250px){
.accordion_point .accordion__text {

	min-height: 350px;
}		
}

@media (min-width:757px) and (max-width:1200px){
.accordion_point .accordion__text {

	min-height: 300px;
}		
}
@media screen and (max-width: 756px) {
.accordion_point .accordion__text {
	    font-size: 1em;
	min-height: auto;
}	
}
#ranking2 {
   width:90%;
   margin:auto;
}


#ranking2 .ranking2_box {
    line-height: 1.3em;
    background:#fff;
    font-size: .9em;
    margin-bottom: 30px;
	margin-top:10px;
    padding: 20px;
    border: solid 1px #ccc;
    border-radius: 10px;
    display:flex;
    align-items: flex-start;
	justify-content: space-around;
}

#ranking2 .ranking2_box .r_left {
 width:30%;
	text-align:center;
}
#ranking2 .ranking2_box .r_left .ranking-voice a.btn_26{
margin-bottom:1%;
}
#ranking2 .ranking2_box .r_left .ranking-voice a.btn_26,
#ranking2 .ranking2_box .r_left .ranking-voice a.btn_27{
    width: 90%;
    padding: 0.5rem 0;
}


#ranking2 .ranking2_box .r_right{
 margin-left:3%;
  width:70%;
}
#ranking2 .ranking2_box .r_right table td{
padding:1.3%;
	text-align:center;
	line-height: 1.3;
    vertical-align: middle;
}

#ranking2 .ranking2_box .r_right table td:nth-child(1){
    background: #efefef;
}
#ranking2 .ranking2_box .r_right table th {
    padding: 1.3%;
    text-align: center;
    line-height: 1.3;
    vertical-align: middle;
    background: #7586b2;
    color: #fff;
}



#ranking2 .ranking2_box .r_right table td span {
    color: #DD0101;
    font-weight: bold;
    font-size: 1.2em;
}

#ranking2 .ranking2_box .r_right ul{
    border: 1px solid #ccc;
    border-radius: 8px;
	padding:2%;
	margin:0;
	list-style:none;
}

#ranking2 .ranking2_box .r_right ul li{
    margin-left: 2rem;
    text-indent: -1rem;
	}

#ranking2 .ranking2_box .r_right ul li::before{
 content: "⚫︎"; /* 記号(黒丸)を挿入 */
color: #68bfea;/* 好きな色にする */
 font-size: 0.6em; /* 点の大きさ */
 margin-right: 1em; /* 点とテキストの距離 */
}


#ranking2 .ranking2_box .r_right .small{
color:#666;
	font-size:0.8em;
}

#ranking2 .ranking2_box .no1 .ranking-num {
    background-image: url("/wp-content/uploads/2023/11/icon_rank_01-min.png");
    background-repeat: no-repeat;
    background-position: center;
	color:#fff;
}

#ranking2 .ranking2_box .no2 .ranking-num {
    background-image: url("/wp-content/uploads/2023/11/icon_rank_02-min.png");
    background-repeat: no-repeat;
    background-position: center;
	color:#fff;
}

#ranking2 .ranking2_box .new .ranking-num {
    display: table;
    margin: 0 auto 10px;
    padding: 0 3%;
	font-weight:bold;
    background-position: center;
	    color: #68bfea;
    border: 2px solid #68bfea;
    border-radius: 50px;
}

.post_content #ranking2 p.ranking-name { line-height:normal; margin:0 ; }
.post_content #ranking2 p.ranking-name2 { line-height:normal; margin:0 0 10px ;}

#ranking2 .ranking2_box img{
border:1px solid #dadada;
	border-radius:8px;
}

@media screen and (max-width: 756px){
#ranking2 {
    width: 100%;
}

#ranking2 .ranking2_box {
    flex-direction: column;
	        padding: 20px 10px;
}

#ranking2 .ranking2_box .r_left {
 width:100%;
 margin:0 auto 1%;
}

#ranking2 .ranking2_box .r_right{
 margin-left:0%;
  width:100%;
}

 .sp_ranking_head {
        display: flex;
        align-items: center;
    }
	
	    .sp_ranking_head div:nth-child(1) {
 width:40px;
 text-align:center;
    }
		    .sp_ranking_head div:nth-child(2) {
        width: 35%;
        text-align: center;
        margin: 0 10px;
    }
		    .sp_ranking_head div:nth-child(3) {
width: 45%;
    }
	
	.post_content #ranking2 p.ranking-name {

    font-size: 12px;
}

.post_content #ranking2 p.ranking-name2 {

    font-size: 14px;
}
.post_content #ranking2 .ranking-voice a.btn_26,
.post_content #ranking2 .ranking-voice a.btn_27{
    width:auto;
    padding: 0.5rem 0;
}
.post_content #ranking2 .ranking-voice a.btn_26{
margin-bottom:2%;
}
#ranking2 .spOnly .ranking-num {
        padding: 20px 0;
}
	
}