@charset "shift-jis";
/* Top Layout
---------------------------------------------------------*/
#top-review-content { height: 840px; background-image: url(../imgs/top/report_bg.jpg); background-position: center top; background-repeat: no-repeat; }

#top-reivew-title { padding-top: 30px; }
#top-reivew-title h2 { width: 1200px; height: 96px; text-indent: 150%; white-space: nowrap; overflow: hidden; background-image: url(../imgs/top/report_title.png); background-position: center center; background-repeat: no-repeat; }

#top-review-list { width: 1050px; margin-left: auto; margin-right: auto; overflow: hidden; margin-top: 40px; }
#top-review-list ul { width: 1070px; }
#top-review-list ul:after { content: ''; display: block; clear: both; }
#top-review-list li { float: left; margin-right: 20px; margin-bottom: 20px; }
#top-review-list li a { display: block; width: 100%; height: 100%; }
#top-review-list li a p { color: #3f3f3f; padding-top: 5px; }
#top-review-list li a .item-content-title { width: 110%; color: white; font-weight: bold; line-height: 1.2em; padding-top: 12px; padding-bottom: 4px; }
#top-review-list li a .item-content-score p { color: #5b5b5b; }
#top-review-list li a:hover { text-decoration: none; }

.review-item01 { background-image: url(../imgs/top/review_item_photo01.jpg); }

.review-item02 { background-position: center bottom; background-image: url(../imgs/top/review_item_photo02.jpg); }

.review-item03 { background-image: url(../imgs/top/review_item_photo03.jpg); }

.review-item04 { background-image: url(../imgs/top/review_item_photo04.jpg); }

.review-item05 { background-image: url(../imgs/top/review_item_photo05.jpg); }

.upper-item { width: 335px; height: 385px; background-repeat: no-repeat; }
.upper-item .top-review-item-title { height: 89px; }
.upper-item .top-review-item-content { height: 96px; }
.upper-item .top-review-item-arrow { margin-left: auto; margin-right: auto; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid white; }
.upper-item .item-content-title { font-size: 18px; }
.upper-item.over .top-review-item-title { background-color: #13d1bd; background-position: 0px -83px; }
.upper-item.over .top-review-item-content { height: 125px; background-color: #13d1bd; }
.upper-item.over .top-review-item-content .item-content-normal { display: none; }
.upper-item.over .top-review-item-content .item-content-over { display: block; }
.upper-item.over .top-review-item-arrow { border-top-color: #13d1bd; }

.lower-item { width: 513px; height: 230px; background-repeat: no-repeat; }
.lower-item:after { content: ''; display: block; clear: both; }
.lower-item .top-review-item-data { width: 250px; float: left; }
.lower-item .top-review-item-title { height: 94px; }
.lower-item .top-review-item-content { height: 136px; }
.lower-item .top-review-item-arrow { float: left; margin-top: 95px; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid white; }
.lower-item .item-content-title { font-size: 17px; }
.lower-item .item-content-rating { padding-top: 25px; }
.lower-item.over .top-review-item-title { background-color: #13d1bd; background-position: 0px -88px; }
.lower-item.over .top-review-item-content { background-color: #13d1bd; }
.lower-item.over .top-review-item-content .item-content-normal { display: none; }
.lower-item.over .top-review-item-content .item-content-over { display: block; }
.lower-item.over .top-review-item-arrow { border-left-color: #13d1bd; }

.top-review-item-title { border-top: 6px solid #13d1bd; background-color: white; background-repeat: no-repeat; overflow: hidden; text-indent: 150%; white-space: nowrap; overflow: hidden; }

.item-title01 { background-image: url(../imgs/top/review_item_title01.png); }

.item-title02 { background-image: url(../imgs/top/review_item_title02.png); }

.item-title03 { background-image: url(../imgs/top/review_item_title03.png); }

.item-title04 { background-image: url(../imgs/top/review_item_title04.png); }

.item-title05 { background-image: url(../imgs/top/review_item_title05.png); }

.top-review-item-content { background-color: white; }
.top-review-item-content .item-content-normal { display: block; }
.top-review-item-content .item-content-over { display: none; padding-left: 12px; padding-right: 12px; }

.item-content-rating { padding-top: 10px; text-align: center; letter-spacing: -.20em; }
.item-content-rating span { width: 47px; height: 46px; letter-spacing: normal; }

.item-content-score p { font-size: 16px; }
.item-content-score .score-number { font-size: 22px; }

.top-review-item-arrow { border-top-color: white; }

@media only screen and (max-width: 740px) { #top-review-content { height: auto; background-repeat: repeat; background-size: 600px 420px; }
  #top-reivew-title { padding-top: 15px; }
  #top-reivew-title h2 { width: 100%; height: 64px; background-image: url(../imgs/sp/top_report_title.png); background-position: center center; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.75); background-size: 305px 38px; }
  #top-review-list { width: 100%; margin-top: 15px; }
  #top-review-list ul { width: 100%; }
  #top-review-list li { float: none; margin-right: 0px; margin-bottom: 15px; overflow: hidden; }
  #top-review-list li a .item-content-title { color: #232323; padding-top: 0px; }
  .top-reivew-item { background-size: auto 115px; }
  .review-item01 { background-image: url(../imgs/top/review_item_photo01.jpg); }
  .review-item02 { background-image: url(../imgs/top/review_item_photo02.jpg); }
  .review-item03 { background-image: url(../imgs/top/review_item_photo03.jpg); }
  .review-item04 { background-image: url(../imgs/top/review_item_photo04.jpg); }
  .review-item05 { background-image: url(../imgs/top/review_item_photo05.jpg); }
  /* .upper-item { width: 335px; height: 385px;  background-position: center bottom; background-repeat: no-repeat;  .top-review-item-title { height: 89px; } .top-review-item-content { height: 96px; } .top-review-item-arrow { margin-left: auto; margin-right: auto; width: 0; height: 0;  border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid $color-white; } .item-content-title { font-size: 18px; }  &.over { .top-review-item-title { background-color: $color-green; background-position: 0px -83px; } .top-review-item-content { height: 125px; background-color: $color-green;  .item-content-normal { display: none; } .item-content-over { display: block; } } .top-review-item-arrow { border-top-color: $color-green; } } } */
  .upper-item, .lower-item { width: 100%; height: 115px; background-repeat: no-repeat; position: relative; /* &.over { .top-review-item-title { background-color: $color-green; background-position: 0px -88px; } .top-review-item-content { //height: 125px; background-color: $color-green;  .item-content-normal { display: none; } .item-content-over { display: block; } } .top-review-item-arrow { border-left-color: $color-green; } }
*/ }
  .upper-item .top-review-item-data, .lower-item .top-review-item-data { width: auto; padding-right: 115px; float: none; }
  .upper-item .top-review-item-title, .lower-item .top-review-item-title { height: 50px; }
  .upper-item .top-review-item-content, .lower-item .top-review-item-content { height: 136px; }
  .upper-item .top-review-item-arrow, .lower-item .top-review-item-arrow { float: none; position: absolute; right: 105px; top: 50px; margin-left: 0px; margin-right: 0px; margin-top: 0px; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid white; border-right: none; }
  .upper-item .item-content-title, .lower-item .item-content-title { font-size: 12px; letter-spacing: -0.045em; }
  .upper-item .item-content-rating, .lower-item .item-content-rating { padding-top: 10px; }
  .top-review-item-title { border-top: 4px solid #13d1bd; background-position: center center; background-size: 189px 44px; overflow: hidden; text-indent: 0%; padding-left: 10px; padding-right: 10px; }
  .top-review-item-title p { text-indent: 150%; height: 100%; border-bottom: 1px solid #13d1bd; }
  .item-title01 { background-image: url(../imgs/sp/top_review_item_title01.png); }
  .item-title02 { background-image: url(../imgs/sp/top_review_item_title02.png); }
  .item-title03 { background-image: url(../imgs/sp/top_review_item_title03.png); }
  .item-title04 { background-image: url(../imgs/sp/top_review_item_title04.png); }
  .item-title05 { background-image: url(../imgs/sp/top_review_item_title05.png); }
  .top-review-item-content .item-content-normal { width: 205px; margin-left: auto; margin-right: auto; }
  .top-review-item-content .item-content-normal:after { content: ''; display: block; clear: both; }
  .top-review-item-content .item-content-over { display: block; width: 205px; margin-left: auto; margin-right: auto; padding-top: 5px; padding-left: 10px; padding-right: 10px; overflow: hidden; }
  .top-review-item-content .item-content-over p { text-indent: 150%; }
  .top-review-item-content .item-content-over .item-content-title { text-indent: 0%; }
  .item-content-rating { float: left; padding-left: 5%; text-align: center; letter-spacing: -.20em; }
  .item-content-rating span { width: 22px; height: 22px; letter-spacing: normal; background-size: 22px 22px; }
  .item-content-score { float: left; padding-top: 11px; padding-left: 6px; }
  .item-content-score p { font-size: 10px; }
  .item-content-score .score-number { font-size: 13px; }
  .top-review-item-arrow { border-top-color: white; } }
#top-enquete-content { height: 84px; background-color: #dfdfdf; }

.top-enquete-text { text-align: center; padding-top: 10px; }

@media only screen and (max-width: 740px) { #top-enquete-content { height: auto; background-color: #dfdfdf; }
  .top-enquete-text { padding-top: 3%; padding-bottom: 3%; }
  .top-enquete-text img { width: 95%; height: auto; } }
#top-easynavi { width: 100%; height: auto; background-color: #f6bb42; }

#top-easynavi-content { height: 450px; margin-top: 50px; }

#top-easynavi-title { text-align: center; }
#top-easynavi-title h2 { padding-top: 40px; }
#top-easynavi-title h3 { padding-top: 8px; }

#top-easynavi-images { margin-top: 30px; }
#top-easynavi-images ul { text-align: center; }
#top-easynavi-images li { display: inline-block; }

@media only screen and (max-width: 740px) { #top-easynavi { padding-bottom: 1px; }
  #top-easynavi-content { height: auto; margin-top: 25px; }
  #top-easynavi-title h2 { padding-top: 15px; }
  #top-easynavi-title h2 img { width: 70%; height: auto; }
  #top-easynavi-title h3 { padding-top: 5px; }
  #top-easynavi-title h3 img { width: 55%; height: auto; }
  #top-easynavi-images { margin-top: 15px; }
  #top-easynavi-images li { width: 18%; }
  #top-easynavi-images li img { width: 100%; height: auto; } }


@media only screen and (max-width: 740px) { 
	.product_banner ul li { text-align: center; }
	.product_banner img { width: 95%; height: auto; }}