@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.product-item-thumb2 img {
    display: block;
}

.entry-card-title {
    font-size: 31px;
}


#header
.site-name-text {
    font-size: 27px;
}

.entry-title, .archive-title {
    font-size: 38px;
}


.product-item-buttons {
    margin-top: 0em;
}
.product-item-buttons a {
padding: 3px 7px;
margin: 0 auto 0px;
    width: 100%;
    font-size: 14px;
}

.site-name-text {
    font-size: 28px;
}

.article h2 {
    border-left: solid 14px #0095d9;
}
.article h3 {
    border-left: solid 7px #0095d9;
}
.article h4 {
    border-left: solid 5px #0095d9;
border-bottom: 5px solid #eaf4fc;
}
.article h5 {
    border-left: solid 3px #0095d9;

}



th, td{ 
 padding: 3px 3px 0px 3px !important;
line-height: 1.0;
    font-size: 0.9em;
}

.spec th{
white-space: nowrap;
background-color: #d9edf7;
text-align: left; 
width: 7%;
//font-size: 1em;
}

.spec td  {
//text-align: center; 
//font-size: 1em;
white-space: pre-wrap;
}




.column-2-4-1-4 .column-left {
  width: 17%;
}
.column-2-4-1-4 .column-right {
  width: 82%;
}

.article h2 {
    background: #CCE7FC;
}
.article h3 {
    background: #eaf4fc;

}
.a-wrap:hover{
 transform: none;
}




.mobile-top { display: none; }

.product-item-snippet {
    font-size: .9em;
}
.article .product-item-box {
    width: 100%;
    margin-bottom: 0em;
padding: 5px 7px;
}
.product-item-thumb {
    margin: 0 auto 0em!important;
}

.article .column-wrap{
    margin-bottom: 0em;
}
 .column-wrap > div{
    margin-bottom: 0em;
}

.rating-star {
    font-size: 1em;
}


.cpubenchmark {
background-color: white;
box-sizing: border-box;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
}
.cpubenchmark-main {
width: 100%;
float: left;
position: relative;
min-height: 1px;
padding-left: 0px;
padding-right: 15px;
}
.cpubenchmark-model-first {
white-space: nowrap;
overflow: hidden;
float: left;
width: 41.66666667%;
}
.cpubenchmark-model-second {
white-space: nowrap;
overflow: hidden;
float: left;
margin-left: 16.66666667%;
width: 41.66666667%;
}

.cpubenchmark-model-brand {
line-height: 1;
font-size: 20px;
text-decoration: none !important;
}
.cpubenchmark-model-brand a{
color: #337ab7;
background-color: transparent;
}
.cpubenchmark-model-skucode{
line-height: 1;
font-size: 15px;
margin-left: 5px;
text-decoration: none;
color: #333;
}


.cpubenchmark-model-select-comparison {
width: 100%;
margin: 0;
position: relative;
display: inline-block;
vertical-align: middle;
}

.cpubenchmark-model-select-choice {
height: 36px;
line-height: 36px;
font-size: 24px;
color: #000 !important;
display: block;
padding: 0 0 0 8px;

position: relative;
border: 1px solid #aaa;

text-decoration: none;
border-radius: 4px;
background-clip: padding-box;
user-select: none;
background-color: #fff;
background-image: linear-gradient(to top,#eee 0,#fff 50%);
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.cpubenchmark-model-select-chosen {
margin-right: 26px;
text-overflow: ellipsis;
float: none;
width: auto;
}

.cpubenchmark-model-select-arrow {
display: inline-block;
width: 18px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-left: 1px solid #aaa;
border-radius: 0 4px 4px 0;
background: #ccc;
background-image: linear-gradient(to top,#ccc 0,#eee 60%);
}

.cpubenchmark-model-select-arrow b{

display: block;
width: 100%;
height: 100%;
background: url(https://nakameguro.jpn.org/wp-content/uploads/2024/08/arrow.png) no-repeat 5px 12px;
background-size: 37%;
font-weight: 700;
}

.cpubenchmark-model-main{
box-sizing: border-box;
}

.cpubenchmark-model-main-left{
width: 41.66666667%;
float: left;
position: relative;
min-height: 1px;
box-sizing: border-box;
}

.cpubenchmark-model-main-right{
width: 41.66666667%;
float: left;
position: relative;
min-height: 1px;
box-sizing: border-box;
}


.cpubenchmark-model-main-inner{
position: relative;
box-sizing: border-box;
}

.cpubenchmark-model-main-inner-img{
position: relative;
margin: 0 auto;
border: 0;
box-sizing: border-box;
}

.cpubenchmark-model-main-inner-price{
text-decoration: none;
color: #333;
}

.cpubenchmark-model-main-inner-config-left{
margin-left: 40px;
margin-bottom: 0;
margin-top: 5px;
text-align: center;
font-size: 17px;
line-height: 26px;
box-sizing: border-box;
}


.cpubenchmark-model-main-inner-config-right{
margin-right: 40px;
margin-bottom: 0;
margin-top: 5px;
text-align: center;
font-size: 17px;
line-height: 26px;
box-sizing: border-box;
}

.cpubenchmark-model-main-middle{
width: 16.66666667%;
float: left;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}

.cpubenchmark-model-main-middle-vs{
color: #000;
font-weight: 300;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}


.effective-speed{
box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
border-radius: 6px;
background: linear-gradient(to top,#f2f2f2 0,#fff 100%);
margin-bottom: 2px;

width: 100%;
overflow: hidden;
position: relative;
box-sizing: border-box;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
color: #333;
line-height: 1.42857143;
}
.effective-speed-label{
width: 17%;
float: left;
padding: 10px 5px;
line-height: 1;
color: #000;
font-size: 17px;
box-sizing: border-box;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.effective-speed-label-mark{
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #ff8c00;
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
}

.effective-speed-leftbox{
width: 40%;
float: left;
padding: 10px 5px;
line-height: 1;
box-sizing: border-box;
}
.effective-speed-leftbox-in{
margin-left:0%;
box-sizing: border-box;
font-weight: 600;
font-size: 17px;
line-height: 1;
color: #000;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.effective-speed-leftbox-in-bar{
background: #390;
margin-bottom: 4px;
height: 6px;
display: inline-block;
box-sizing: border-box;
line-height: 1;
}
.effective-speed-rightbox{
width: 43%;
float: right;
padding: 10px 5px;
line-height: 1;
box-sizing: border-box;
}
.effective-speed-rightbox-in{
margin-left: 30%;
box-sizing: border-box;
font-weight: 600;
font-size: 17px;
line-height: 1;
color: #000;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.effective-speed-rightbox-in-bar{
background: #390;
margin-bottom: 4px;
height: 6px;
display: inline-block;
box-sizing: border-box;
line-height: 1;
}
.effective-speed-price-time{
font-size: .7em;
}


.cpubenchmark-graph-left{
width: 41.6%;
float: left;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.cpubenchmark-graph-right{
margin-left: 12.0%;//8.33333333%;
margin-right: 3%;//8.33333333%;
width: 41.6%;
float: left;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.cpubenchmark-graph-box{
height: 85px;
margin-bottom: 10px;
margin-top: 0;
}
.cpubenchmark-graph-main{
position: relative;
width: 77%;
margin: auto;
height: 100%;
line-height: 0;
}
.cpubenchmark-graph-main-inner{
width: 100.8%;
position: relative;
top: 100%;
font-size: 0;
}
.cpubenchmark-graph-main-horizontal-axis{
height: 3px;
display: inline-block;
}
.cpubenchmark-graph-main-horizontal-axis-red {
height: 3px;
display: inline-block;
background-color: #ef1313;
}
.cpubenchmark-graph-main-horizontal-axis-yellow{
height: 3px;
display: inline-block;
  background-color: #ffa21c;
}
.cpubenchmark-graph-main-horizontal-axis-green{
height: 3px;
display: inline-block;
background-color: #390;
}
.cpubenchmark-graph-main-histogram {
border-right: none;
border-top: none;
background-color: #777;
width: 1px;
position: absolute;
bottom: 0;
}
.cpubenchmark-graph-main-histogram2 {
animation: animate-bar-l 1s;
}

.cpubenchmark-performance-table {
width: 100%;
margin-bottom: 0px;
border-style: dashed!important;
border-color: darkorange!important;
border-width: 1px!important;
margin: 0;
max-width: 100%;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
}

.cpubenchmark-performance-table-score-box {
border: none!important;
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
text-align: center;
background-color: white;
}

.cpubenchmark-performance-table-score-target-img-box {
display: block;

}

.cpubenchmark-performance-table-score-target-img {
width: 30px;
height: 30px;
margin-right: 5px;
vertical-align: middle;
border: 0;
background-color: transparent!important;
}
.cpubenchmark-performance-table-score-target-score{
font-size: 12px;
  line-height: 20px;
display: inline-block;
  vertical-align: top;
  color: #000;
text-align: left;
font-weight: 600;
}

.cpubenchmark-performance-table-score-target-score-bar{
margin-bottom: 2px;
  background: #d8d8d8;
  border-radius: 5px;
box-shadow: 0 1px 2px rgba(0,0,0,.3) inset,0 1px 0 #fff;
font-size: 12px;
  line-height: 20px;
}
.cpubenchmark-performance-table-score-target-score-bar-red{
height: 4px;
border-radius: 5px;
animation: animate-bar-w .5s linear;
background-color: #ef1313;
}
.cpubenchmark-performance-table-score-target-score-bar-yellow{
height: 4px;
border-radius: 5px;
animation: animate-bar-w .5s linear;
background-color: #ffa21c;
}
.cpubenchmark-performance-table-score-target-score-bar-green{
height: 4px;
border-radius: 5px;
animation: animate-bar-w .5s linear;
background-color: #390;
}

.the-university-of-tokyo{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:1em;border:none;}
.the-university-of-tokyo td,.the-university-of-tokyo th{padding:8px;border:none;background:0 0;text-align:left;float:none!important;}
.the-university-of-tokyo tbody td{vertical-align:top;}
.the-university-of-tokyo tbody td{border-top:0px solid #ddd;}
.the-university-of-tokyo tbody tr:first-child td{border-top:0;}
.the-university-of-tokyo thead th{border-bottom:1px solid #ddd;}
.the-university-of-tokyo thead th{background-color:#d9edf7;font-weight:bold;vertical-align:middle;}
.the-university-of-tokyo-777 tbody td{background-color:#fff;padding:0 15px 0 3px !important;}

.the-university-of-tokyo-777 tbody td {border-bottom: 1px solid #777;}
.the-university-of-tokyo-777 tbody td.banchmark-score-first {border-bottom: none;font-size:10px;}
.the-university-of-tokyo-777 tbody td.banchmark-score-second {font-size:10px;}

.the-university-of-tokyo-777 .benchmark-score-bar-chart-cpubench{display:inline-block;background-color:#03a1f2;padding:1px;font-weight:bold;color:#ffffff;margin-left:7px;margin-top:0px;margin-bottom:-0px;white-space:nowrap;text-align:right;border: 1px solid #fff;text-shadow:
    1px 1px #000,
    -1px 1px #000,
    -1px -1px #000,
    1px -1px #000,
    1px 0px #000,
    0px 1px #000,
    -1px 0px #000,
    0px -1px #000;}
.the-university-of-tokyo-777 .benchmark-score-bar-chart-gpubench{display:inline-block;background-color:#03a1f2;padding:1px;font-weight:bold;color:#ffffff;margin-left:7px;margin-top:0px;margin-bottom:-0px;white-space:nowrap;text-align:right;border: 0px solid #fff;text-shadow:
    1px 1px #000,
    -1px 1px #000,
    -1px -1px #000,
    1px -1px #000,
    1px 0px #000,
    0px 1px #000,
    -1px 0px #000,
    0px -1px #000;}
.the-university-of-tokyo-777 .benchmark-score-bar-chart{display:inline-block;background-color:#03a1f2;padding:1px;font-weight:bold;color:#ffffff;margin-left:7px;margin-top:-0px;margin-bottom:-0px;white-space:nowrap;text-align:right;border: 0px solid #000;text-shadow:
    1px 1px #000,
    -1px 1px #000,
    -1px -1px #000,
    1px -1px #000,
    1px 0px #000,
    0px 1px #000,
    -1px 0px #000,
    0px -1px #000;}
.the-university-of-tokyo-777 .benchmark-score-bar-chart-first{display:inline-block;background-color:#03a1f2;padding:0px;color:#ffffff;margin-left:7px;margin-top:1px;margin-bottom:-0px;white-space:nowrap;text-align:right;border: 0px solid #000;}
.the-university-of-tokyo-777 .benchmark-score-bar-chart-second{display:inline-block;background-color:#03a1f2;padding:0px;color:#ffffff;margin-left:7px;margin-top:0px;margin-bottom:1px;white-space:nowrap;text-align:right;border: 0px solid #000;}
.the-university-of-tokyo-777 .benchmark-name{white-space:nowrap;font-size:14px;font-weight:bold;}
.the-university-of-tokyo-777 .benchmark-score{font-size:14px;}

.benchmark-score-bar-chart-blank{width:30px;display:inline-block;background-color:transparent;padding:1px;font-weight:bold;color:#ffffff;margin-left:7px;margin-top:-0px;margin-bottom:-0px;white-space:nowrap;text-align:right;border: 0px solid #000;}

.btn-cyan {
	color: #fff;
}


.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}
 
.clearfix {
	display: block;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/

}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

@media screen and (max-width: 834px){
.the-university-of-tokyo table th, table td {
  font-size: 1.0em;
}
}


/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/




.spec th{

font-size: 0.9em;
}

.spec td  {

font-size: 0.9em;
}


//.pc-top { 

//width: 200px;
//height: 200px;
//object-fit: contain;

//display: none; 
//}
.mobile-top { display: block; }

.header {
	//background-image: none;
}



}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.entry-title {
    font-size: 27px;
}

#header
.site-name-text {
    font-size: 21px;
}

.entry-card-title {
    font-size: 16px;
}



}