@charset "shift_jis";
/*==============================================
common
============================================= */
html {
    overflow: auto;
}
body {
    overflow: hidden;
    min-width: 1000px;
}
#header {
    border-bottom: #ededed solid 1px;
}
.headerIn, .footerIn {
    width: calc(100% - 60px);
    margin: 0 auto;
}
.copyRight {
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid #ededed;
}
#footer {
    padding-top: 10px;
    background-color: #fff;
}
.copyRightIn {
    width: calc(100% - 60px);
}
#mainContents {
    padding-bottom: 150px;
    background-color: #000;
    font-family: "Arial", "Meiryo", sans-serif;
    color: #000;
    letter-spacing: 0.08em;
    font-feature-settings: "palt"1;
}
.pageTop {
    border-radius: 50%;
}
.sp {
    display: none !important;
}
/*==============================================
 看板
============================================= */
.mainTitleWrap {
    position: relative;
}
.mainTitleWrap::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 400px;
    background: url('https://img1.kakaku.k-img.com/images/article/pc/amd/gradation.webp') repeat-x 0 0; 
}
.mainTitleWrap .amd {
    position: absolute;
    top: 40px;
    left: 30px;
}
.mainTitle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 1000px;
    margin: 0 auto;
}
.mainTitle h1 {
    position: absolute;
    top: 185px;
    left: 0;
}
/*---- .slider ----*/
.slider {
    position: relative;
    width: 100%;
    height: 800px;
    overflow: hidden;
    margin: 0 auto;
}
.slider01, .slider02, .slider03 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}
.slider01 {
    background-image: url('https://img1.kakaku.k-img.com/images/article/pc/amd/mainimg_01.webp');
    animation: slideAnimation01 20s infinite;
}
.slider02 {
    background-image: url('https://img1.kakaku.k-img.com/images/article/pc/amd/mainimg_02.webp');
    animation: slideAnimation02 20s infinite;
}
.slider03 {
    background-image: url('https://img1.kakaku.k-img.com/images/article/pc/amd/mainimg_03.webp');
    animation: slideAnimation03 20s infinite;
}
@keyframes slideAnimation01 {
      0% {opacity: 1;}
     30% {opacity: 1;}
     40% {opacity: 0;}
     90% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes slideAnimation02 {
      0% {opacity: 0;}
     30% {opacity: 0;}
     40% {opacity: 1;}
     60% {opacity: 1;}
     70% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes slideAnimation03 {
      0% {opacity: 0;}
     60% {opacity: 0;}
     70% {opacity: 1;}
     90% {opacity: 1;}
    100% {opacity: 0;}
}

/*==============================================
 .lead
============================================= */
.lead {
    position: relative;
    margin: -80px auto 0;
    width: 830px;
    line-height: 1.8;
    color: #fff;
    font-size: 16px;
    z-index: 1;
}
/*==============================================
 .modelWrap
============================================= */
.modelWrap {
    margin-top: 120px;
}
.modelWrap h2 {
    margin: 0 auto;
    width: 1000px;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
}
/*---- .model ----*/
.model {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1020px;
    margin: 40px auto 0;
}
.model li {
    display: block;
    width: 235px;
    margin: 20px 10px 0;
}
.model .catch {
    position: relative;
    line-height: 1.6;
    margin: 0 10px;
    padding: 10px 10px 20px;
    background: url('https://img1.kakaku.k-img.com/images/article/pc/amd/catch.svg') no-repeat center bottom;
    background-size: cover;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    z-index: 1;
}
.model li .card {
    min-height: 434px;
    margin-top: -20px;
    border-radius: 5px;
    background-color: #eee;
    overflow: hidden;
}
.model li .card .img a {
    display: block;
    width: 235px;
    padding: 20px 0 10px;
    background-color: #fff;
    text-align: center;
}
.model li .card .img:hover {
    opacity: .7;
}
.model li .card .txt {
    padding: 20px 15px 15px 15px;
}
.model li .card .txt .name {
    height: 4.2em;
    max-height: 4.2em;
    line-height: 1.4;
    font-size: 12px;
    font-weight: bold;
    /* 文字数制限 */
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
}
.model li .card .txt .name:hover {
    text-decoration: underline;
}
.model li .card .txt .price {
    margin-top: 10px;
    font-family: "Arial", "Meiryo", sans-serif;
    color: #000 !important;
}
.model li .card .txt .price small {
    font-size: 10px;
}
.model li .card .txt .price strong {
    margin-left: 5px;
    color: #c1a968;
    font-size: 18px;
}
.model li .card .txt .review {
    display: flex;
    margin-top: 10px;
    border: 1px solid #ccc;
    background-color: #fff;
}
.model li .card .txt .review dt,
.model li .card .txt .review dd {
    padding: 8px;
}
.model li .card .txt .review dt {
    line-height: 14px;
    background-color: #eee;
    font-size: 10px;
}
.model li .card .txt .review dd {
}
.model li .card .txt .review dd .num {
    font-size: 14px;
    font-weight: bold;
}
.model li .card .txt .review dd .sup {
    margin-left: 5px;
    font-size: 10px;
}
.model li .card .txt .review dd .stars {
	display: inline-block;
	height: 12px;
	width: 66px;
    margin-left: 5px;
    margin-bottom: -1px;
	background: url(https://img1.kakaku.k-img.com/images/article/pc/amd/icn_star_all.svg) no-repeat;
	background-size: 66px auto;
}
.model li .card .txt .review dd .stars.s5 {background-position: 0 0px;}
.model li .card .txt .review dd .stars.s4half {background-position: 0 -12px;}
.model li .card .txt .review dd .stars.s4 {background-position: 0 -24px;}
.model li .card .txt .review dd .stars.s3half {background-position: 0 -36px;}
.model li .card .txt .review dd .stars.s3 {background-position: 0 -48px;}
.model li .card .txt .review dd .stars.s2half {background-position: 0 -60px;}
.model li .card .txt .review dd .stars.s2 {background-position: 0 -72px;}
.model li .card .txt .review dd .stars.s1half {background-position: 0 -84px;}
.model li .card .txt .review dd .stars.s1 {background-position: 0 -96px;}
.model li .card .txt .review dd .stars.s0half {background-position: 0 -108px;}
.model li .card .txt .review dd .stars.s0 {background-position: 0 -120px;}

.model li .card .txt .pickup {
    margin-top: 15px;
}
.model li .card .txt .pickup dt {
    font-size: 10px;
}
.model li .card .txt .pickup dd {
    margin-top: 8px;
}
.model li .card .txt .pickup dd a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.4;
    min-height: 44px;
    padding: 8px 12px 8px 8px;
    border-radius: 5px;
    background: #fff url(https://img1.kakaku.k-img.com/images/article/pc/amd/arrow.svg) no-repeat right 8px center;
    background-size: auto 8px;
    font-size: 10px;
    box-sizing: border-box;
}
.model li .card .txt .pickup dd a:hover {
    background-color: #ddd;
}
/*==============================================
.rankingWrap
============================================= */
.rankingWrap {
    margin-top: 150px;
    padding: 100px 0 100px;
}
.rankingWrap:nth-of-type(odd) {
    background-color: #111;
}
.rankingWrap:nth-of-type(3) {
    background: url(https://img1.kakaku.k-img.com/images/article/pc/amd/ranking_bg_01.webp) no-repeat center center;
    background-size: cover;
}
.rankingWrap:nth-of-type(5) {
    background: url(https://img1.kakaku.k-img.com/images/article/pc/amd/ranking_bg_02.webp) no-repeat center center;
    background-size: cover;
}
.rankingWrap + .rankingWrap {
    margin-top: 0;
}
.rankingWrap h2 {
    margin: 0 auto;
    width: 1000px;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
.rankingWrap .link {
    margin: 20px auto 0;
    width: 1000px;
    text-align: center;
}
.rankingWrap .link a {
    line-height: 1.2;
    color: #c1a968;
    font-size: 14px;
    font-weight: bold;
}
.rankingWrap .link a:hover {
    text-decoration: underline;
}
.rankingWrap .link a::after {
    content: "";
    display: inline-block;
    position: relative;
    bottom: -.1em;
    width: 1em;
    height: 1em;
    margin-left: .5em;
    background: url(https://img1.kakaku.k-img.com/images/article/pc/amd/arrow.svg) no-repeat center center;
    background-size: contain;
}
/*---- .ranking ----*/
.ranking {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 1020px;
    margin: 20px auto 0;
}
.ranking li {
    position: relative;
    width: 184px;
    margin: 30px 10px 0;
}
.ranking li::before {
    display: block;
    position: absolute;
    top: -10px;
    left: 10px;
    line-height: 26px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: rgba(68,68,68,0.90);
    text-align: center;
    color: #fff;
    z-index: 1;
}
.ranking li:nth-of-type(1)::before, .ranking li:nth-of-type(2)::before, .ranking li:nth-of-type(3)::before {
    top: -15px;
    height: 31px;
    padding-top: 5px;
    border-radius: 0;
    box-sizing: border-box;
}
.ranking li:nth-of-type(1)::before {
    content: "1";
    background: url(https://img1.kakaku.k-img.com/images/article/pc/amd/icn_rank_1.svg) no-repeat center center;
    background-size: 26px 31px;
}
.ranking li:nth-of-type(2)::before {
    content: "2";
    background: url(https://img1.kakaku.k-img.com/images/article/pc/amd/icn_rank_2.svg) no-repeat center center;
    background-size: 26px 31px;
}
.ranking li:nth-of-type(3)::before {
    content: "3";
    background: url(https://img1.kakaku.k-img.com/images/article/pc/amd/icn_rank_3.svg) no-repeat center center;
    background-size: 26px 31px;
}
.ranking li:nth-of-type(4)::before {content: "4";}
.ranking li:nth-of-type(5)::before {content: "5";}
.ranking li:nth-of-type(6)::before {content: "6";}
.ranking li:nth-of-type(7)::before {content: "7";}
.ranking li:nth-of-type(8)::before {content: "8";}
.ranking li:nth-of-type(9)::before {content: "9";}
.ranking li:nth-of-type(10)::before {content: "10";}

.ranking li a {
    display: block;
    border-radius: 5px;
    background-color: #282828;
    overflow: hidden;
}
.ranking li a:hover {
    background-color: #444;
}
.ranking li a .img {
    padding: 5px 0;
    text-align: center;
    background-color: #fff;
}
.ranking li a:hover .img img {
    opacity: .7;
}
.ranking li .txt {
    padding: 15px 10px;
}
.ranking li .txt .name {
    height: 4.2em;
    max-height: 4.2em;
    line-height: 1.4;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    /* 文字数制限 */
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
}
.ranking li .txt .price {
    margin-top: 10px;
    font-family: "Arial", "Meiryo", sans-serif;
    color: #000 !important;
}
.ranking li .txt .price small {
    color: #fff;
    font-size: 10px;
}
.ranking li .txt .price strong {
    margin-left: 5px;
    color: #c1a968;
    font-size: 16px;
}
.ranking li .txt .revnum {
    margin-top: 5px;
    color: #fff;
}
.ranking li .txt .revnum .star {
    position: relative;
    top: -1px;
}
.ranking li .txt .revnum .num {
    margin-left: 5px;
    font-size: 14px;
    font-weight: bold;
}
.ranking li .txt .revnum .sup {
    margin-left: 5px;
    font-size: 10px;
}
/*---- .note ----*/
.rankingWrap .note {
    margin: 20px auto 0;
    width: 1000px;
    line-height: 1.4;
    text-align: right;
    color: #fff;
    font-size: 10px;
}
/*==============================================
.newsWrap
============================================= */
.newsWrap {
    margin-top: 100px;
}
.newsWrap h2 {
    margin: 0 auto;
    width: 1000px;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
/*---- .news ----*/
.news {
    width: 1000px;
    margin: 50px auto 0;
    border-bottom: 1px solid #282828;
}
.news li {
    border-top: 1px solid #282828;
}
.news li a {
    display: flex;
    position: relative;
    align-items: center;
    padding: 30px 40px;
    color: #fff;
}
.news li a:hover {
    background-color: #282828;
}
.news li a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    width: 20px;
    height: 20px;
    margin: auto 0;
    background: url(https://img1.kakaku.k-img.com/images/article/pc/amd/arrow.svg) no-repeat center center;
    background-size: contain;
}
.news li .img { 
}
.news li .txt {
    margin-left: 20px;
}
.news li .txt h3 {
    line-height: 1.4;
    font-size: 18px;
    font-weight: bold;
}
.news li .txt p {
    line-height: 1.6;
    margin-top: 10px;
    font-size: 14px;
}
/*==============================================
.makerBanner
============================================= */
.makerBanner {
    width: 1000px;
    margin: 30px auto 0;   
}
.makerBanner a {
    display: block;
    width: 1000px;
    height: 160px;
    background: url(https://img1.kakaku.k-img.com/images/article/pc/amd/bnr_pc.jpg) no-repeat center center;
    border: 1px solid #454545;
    box-sizing: border-box;
    font-size: 0;
}
.makerBanner a:hover {
    opacity: .7;
}
/*==============================================
.tieupBanner
============================================= */
.tieupBanner {
    width: 1000px;
    margin: 100px auto 0;   
}
.tieupBanner a {
    display: block;
    width: 1000px;
    height: 160px;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/25/06_ryzen/1000x160.jpg) no-repeat center center;
    box-sizing: border-box;
    font-size: 0;
}
.tieupBanner a:hover {
    opacity: .7;
}
/*==============================================
.releasedate
============================================= */
.releasedate {
    font-size: 11px;
    width: 1000px;
    margin: 20px auto 0;
    text-align: right;
    color: #fff;
}
.questionnaire {
    border-top: 1px solid #ddd;
    background-color: #f5f5f5;
}
.questionnaireInner {
    width: 830px;
}