/*
@charset "utf-8";
/******************************************************************
↓↓↓ここから削除禁止↓↓↓

Theme Name: pc
Template: parent

↑↑↑ここまで削除禁止↑↑↑
******************************************************************/
/*****************************************************************
共通
******************************************************************/
body {
background-image: none!important;
background-color: #fff!important;
}
img{
width: 100%;
}
#header {
width: 1150px!important;
height: fit-content!important;
/*border-bottom: 4px solid #000;*/
/*border-image: linear-gradient(to right, #ecbd34 0%, #8e6900 100%);*/
/*border-image-slice: 1;*/
}
.header_logo {
width: 200px;
}
.header_logo img {
display: block;
width: 100%;
}
.header_bar img {
margin: 0 auto;
display: block;
}
/*マーカー*/
.marker-animation.active{
background-position: -100% .5em;
}
.marker-animation {
background-repeat: repeat-x;
background-size: 200% .8em;
background-position: 0 .5em;
transition: all 2s ease;
font-weight: bold;
}
.marker-yellow{
background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
background-image: -o-linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
background-image: linear-gradient(left, transparent 50%, rgb(255,250,153) 50%);
}
.marker-blue {
background-image: -webkit-linear-gradient(left, transparent 50%, rgba(100,149,237,.5) 50%);
background-image: -moz-linear-gradient(left, transparent 50%, rgba(100,149,237,.5) 50%);
background-image: -ms-linear-gradient(left, transparent 50%, rgba(100,149,237,.5) 50%);
background-image: -o-linear-gradient(left, transparent 50%, rgba(100,149,237,.5) 50%);
background-image: linear-gradient(left, transparent 50%, rgba(100,149,237,.5) 50%);
}
.marker-pink {
background-image: -webkit-linear-gradient(left, transparent 50%, rgba(255,0,0,.3) 50%);
background-image: -moz-linear-gradient(left, transparent 50%, rgba(255,0,0,.3) 50%);
background-image: -ms-linear-gradient(left, transparent 50%, rgba(255,0,0,.3) 50%);
background-image: -o-linear-gradient(left, transparent 50%,rgba(255,0,0,.3) 50%);
background-image: linear-gradient(left, transparent 50%, rgba(255,0,0,.3) 50%);
}
/*コンテンツ全体*/
.custom_content {
width: 1150px!important;
margin: 0 auto!important;
/*display: flex!important;
flex-direction: row;
justify-content: space-between;*/
}
.content-wrap {
margin: 2% 0;
}
.first-content-wrap {
margin-top: 0;
}
/*flex関連*/
.flex-row {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.flex-column {
display: flex;
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-l {
width: 800px;
}
.flex-r {
width: 300px;
}
/*メインカラム*/
.flex-downer ul {
margin: 0;
}
.flex-downer ul li img {
display: block;
}
ul.flex-row.flex-wrap li {
margin-bottom: 1%;
}
/*検索*/
.searchform-box {
margin: 0 0 3% 0;
border: 5px solid #000;
border-top: none;
border-image: linear-gradient(to right, #88a8c8 70%, #1b334c 100%);
border-image-slice: 1;
}
div#search-ranking-post {
padding: 1% 2%;
}
.search-box-checkbox dl {
display: flex;
flex-direction: row;
margin: 3% 0;
align-items: center;
}
.search-box-checkbox dl dt {
background: #1b334b;
color: #fff;
padding: 1% 1%;
margin-right: 3%;
width: 128px;
text-align: center;
}
dd.checker {
font-size: 15px;
}
.submit {
text-align: center;
}
button {
background: #88a8c8;
width: 33%;
height: 55px;
font-size: 28px;
font-weight: bold;
color: #fff;
border-radius: 10px;
}
/***************
グラフ
****************/
div#maingraph {
width: 1115px!important;
height: 350px;
margin-top: 2%;
}
img.graph_sub {
    width: 99px;
    height: 350px;
    position: absolute;
    top: 97px;
    left: 0;
}
img.graph_item_img {
    position: absolute;
    width: 170px;
    top: 319px;
}
canvas.flotr-canvas {
width: 1115px!important;
}
.graph_wrapper {
margin: 3% 0;
border: 5px solid #000;
border-top: none;
border-image: linear-gradient(to right, #88a8c8 70%, #1b334c 100%);
border-image-slice: 1;
margin-bottom: 0;
position: relative;
}
.grapg_wrapper_title {
position: absolute;
top: 8px;
left: 60px;
font-size: 36px;
font-family: "Sawarabi Mincho";
color: #fff;
}
/*点数部分*/
.graph_under_wrapper {
    padding: 0 2%;
    margin-bottom: 2%;
    position: relative;
    margin-top: 2%;
}
.graph_under_title {
    position: absolute;
    top: 1px;
    left: 35px;
    color: #fff;
    font-family: "Sawarabi Mincho";
    font-size: 30px;
}
.graph_info_box {
display: flex;
flex-direction: row;
padding: 0 2%;
}
.graph_std {
width: 15%;
}
.graph_std_title {
	background: #1b334b;
        color: #fff;
        text-align: center;
        font-size: 20px;
        letter-spacing: 10px;
        text-indent: 10px;
        padding: 0%;
        font-family: "Sawarabi Mincho";
        margin-bottom: 4%;
        height: 34px;
}
.graph_std_title_g {
	background: #af9661;
        color: #fff;
        text-align: center;
        font-size: 24px;
        letter-spacing: 1px;
        text-indent: 1px;
        padding: 0%;
        font-family: "Sawarabi Mincho";
        height: 49px;
}
.graph_box.box-001 {
width: 15%;
}
td.graph_box_title.graph_box_name {
    border: none;
    font-weight: bold;
    font-size: small;
    white-space: nowrap;
}
td.graph_std_title.cnc {
    background: none;
    border: none;
}
table.graph_title_table {
    width: 10%;
    border-collapse: separate;
    table-layout: fixed;
}
td.bore {
    height: 30px;
    padding: 0%;
}
table.graph_table {
border-collapse: separate;
table-layout: fixed;
    width: 18%;
}
.graph_box_title {
box-sizing: border-box;
background: #fff;
color: #3e3e3e;
text-align: center;
font-size: 20px;
margin-bottom: 4%;
border: 1px solid #3e3e3e;
height: 30px;
font-weight: bold;
}
.graph_box_title_g {
box-sizing: border-box;
background: #fff;
color: #3e3e3e;
text-align: center;
font-size: 30px;
border: 1px solid #3e3e3e;
height: 36px;
font-weight: bold;
font-family: "Noto Sans JP";
margin: 0;
}
/*グラフの下*/
.graph_under_box {
border: 1px solid #000;
margin-bottom: 5px;
width: 100%;
}
.graph_under_box:last-child {
margin-bottom: 0;
}
.graph_under_box span:first-child {
background: #1b334b;
color: #fff;
padding: 0% 3%;
font-size: 25px;
letter-spacing: 15px;
text-indent: 15px;
text-align: center;
display: inline-block;
margin: 1px;
font-family: "Sawarabi Mincho";
}
.graph_under_box span:last-child {
display: inline-block;
font-size: 25px;
padding: 0 1%;
font-family: "Noto Sans JP";
}
/*ランキング部分*/
.custom_ranking {
width: 800px!important;
}
.custom_ranking ol {
width: 100%!important;
margin: 0;
}
/**/
#ranking ol li {
display: block;
}
/*ランキング1商品の大枠*/
li.rankingBox {
/*padding: 5%;*/
/*border: 2px solid #000;*/
/*border-image: linear-gradient(to right, #ecbd34 0%, #8e6900 100%);*/
/*border-image-slice: 1;*/
margin: 5% 0;
background: #fff!important;
list-style: none;
}
li.rankingBox:first-child {
margin-top: 0;
}
li.rankingBox:last-child {
margin-bottom: 0;
}
/*商品名*/
h3.rankingTtl {
margin: 0;
position: relative;
}
h3.rankingTtl img {
width: 100%;
}
.rankingRank {
position: absolute;
top: 15px;
left: 0px;
font-size: 30px;
color: #3e3e3e;
text-align: center;
width: 65px;
}
.rankingItemName {
position: absolute;
top: 15px;
left: 74px;
font-size: 2rem;
letter-spacing: 3px;
color: #3e3e3e;
font-family: "Sawarabi Mincho";
}
/*ランキングキャッチコピー*/
.rankingCtc {
font-size: 24px;
font-weight: bold;
margin: 1% 0;
}
/*ランキング画像*/
.rankingImg {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.rankingImg_left {
width: 427px;
}
.rankingImg_left img {
width: 100%;
}
/*ランキング棒グラフ*/
.rankingImg_right {
/*
margin: 0 auto;
width: 40%;
align-self: center;*/
width: 352px;
background-image: url(https://gigantchoice.com/wp-content/themes/pc/images/backborder.png);
background-repeat: no-repeat;
}
.ranking_bar {
position: relative;
width: 346px;
height: 48px;
background: #00000020;
margin-bottom: 1.5rem;
/*border-radius: 5px;*/
left: 4px;
top: 44px;
}
.ranking_bar .ranking_bar-info {
/*border-radius: 5px;*/
padding: 0.75rem 3px;
color: white;
width: 10%;
position: relative;
height: 48px;
transition: width 3.3s ease-in-out;
box-sizing: border-box;
}
.ranking_bar .ranking_bar-info .percent {
float: right;
font-weight: bold;
}
span.fw_b {
font-weight: bold;
}
span.fs_m {
font-size: medium;
}
.ranking_bar .ranking_bar-info.html {
background: linear-gradient(#fd7473, #FC688E), #fd7473;
overflow: hidden;
}
.ranking_bar .ranking_bar-info.css {
background: linear-gradient(#fec951, #FCAD44), #fec951;
overflow: hidden;
}
.ranking_bar .ranking_bar-info.js {
background: linear-gradient(#47b8e0, #28BEFA), #47b8e0;
overflow: hidden;
}
.ranking_bar .ranking_bar-info.ps {
background: linear-gradient(#9f68d0, #BB68D0), #9f68d0;
overflow: hidden;
}
/*ランキング説明文*/
.rankingDsc {
font-size: 14px;
line-height: 1.5;
margin: 3% 0;
}
.rankingDsc p {
margin: 0;
}
/*ランキングテーブル*/
table.rankingTbl {
margin: 3% 0;
}
table.rankingTbl th {
width: 200px;
height: 40px;
background: #efefef;
color: #3e3e3e;
text-align: center;
border: 1px solid #cccccc;
}
table.rankingTbl td {
border: 1px solid #cccccc;
text-align: left;
padding-left: 2%;
}
table.rankingTbl ul {
margin: 0;
}
table.rankingTbl ul li {
background: #fff!important;
}
span.fs_22 {
font-size: 22px;
}
span.fs_s {
font-size: small;
}
span.c_red {
color: red;
}
/*モンドセレクションの画像*/
.rankingMonde {
margin: 3% 0;
}
.rankingMonde img {
width: 100%;
}
/*口コミ*/
.rankingRev {
margin: 3% 0;
border: 5px solid #000;
border-top: none;
border-image: linear-gradient(to right, #88a8c8 70%, #1b334c 100%);
border-image-slice: 1;
margin-bottom: 0;
position: relative;
}
.rankingRevHeader {
position: absolute;
top: 5px;
left: 46px;
font-size: 26px;
color: #fff;
font-family: "Sawarabi Mincho";
}
.rankingRev img {
width: 100%;
}
.rankingRevContent {
height: 300px;
overflow: auto;
padding: 0 2%;
}
.h_auto {
height: auto;
}
span.caution {
display: block;
text-align: right;
font-weight: bold;
font-size: 12px;
}
/*1個1個のレビュー*/
.reviewBox {
display: flex;
flex-direction: column;
margin: 2% 0;
}
.reviewerBox {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
background: #d5e7f9;
height: 40px;
}
p.reviewHeadline {
width: 50%;
margin: 0;
padding-left: 2%;
font-weight: bold;
font-size: 16px;
align-self: center;
}
p.reviewStar {
width: 50%;
text-align: right;
color: orangered;
margin: 0;
padding-right: 2%;
font-size: 26px;
align-self: center;
}
span.nostar {
color: #797979;
}
p.reviewContent {
font-size: 16px;
line-height: 1.8;
margin: 3% 0 1%;
}
/*重要な点*/
.rankingPoint {
margin: 3% 0;
border: 5px solid #000;
border-top: none;
border-image: linear-gradient(to right, #88a8c8 70%, #1b334c 100%);
border-image-slice: 1;
position: relative;
}
.rankingPoint img {
width: 100%;
}
.rankingPointHeader {
position: absolute;
top: 5px;
left: 46px;
font-size: 26px;
color: #fff;
font-family: "Sawarabi Mincho";
}
.rankingPoint ul {
margin: 0;
padding: 2%;
}
.rankingPoint ul li {
background: #fff!important;
font-size: 16px;
margin-bottom: 2%;
}
.rankingPoint ul li:last-child {
margin-bottom: 0;
}
.rankingPoint ul li:before {
content: '';
display: inline-block;
width: 25px;
height: 25px;
background-image: url(https://gigantchoice.com/wp-content/themes/pc/images/check_mark.png);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
}
/*リンク*/
.rankingLink {
display: flex;
flex-direction: row;
justify-content: space-evenly;
margin: 5% 0;
}
.linkBtn {
width: 300px;
height: 60px;
transition-duration: 0.4s;
transition-property: opacity;
transition-timing-function: ease;
border-radius: 10px;
}
.linkBtn:hover {
opacity: 0.5;
}
.linkBtn a {
display: block;
width: 100%;
height: 100%;
text-align: center;
text-decoration: none;
color: #fff!important;
font-weight: bold;
font-size: large;
box-sizing: border-box;
padding: 6% 0px;
}
.color1 {
background: #CC0003;
border-bottom: 5px solid #6f0002;
}
.color1 a {
text-shadow: 2px 2px 1px #6f0002, -2px 2px 1px #6f0002, 2px -2px 1px #6f0002, -2px -2px 1px #6f0002, 2px 0px 1px #6f0002, 0px 2px 1px #6f0002, -2px 0px 1px #6f0002, 0px -2px 1px #6f0002;
}
.color2 {
background: #3a6a9a;
border-bottom: 5px solid #1a334c;
}
.color2 a {
text-shadow: 2px 2px 1px #1b334b, -2px 2px 1px #1b334b, 2px -2px 1px #1b334b, -2px -2px 1px #1b334b, 2px 0px 1px #1b334b, 0px 2px 1px #1b334b, -2px 0px 1px #1b334b, 0px -2px 1px #1b334b;
}
/*サイドバー*/
#sideColumn {
width: 300px!important;
padding-left: 0!important;
padding-right: 0!important;
padding-bottom: 0!important;
float: unset!important;
background-image: unset!important;
background-repeat: unset!important;
background-position: unset!important;
margin-left: unset!important;
}
.side_widget {
margin: 0!important;
font-size: 12px!important;
overflow: hidden!important;
background: unset!important;
width: 100%!important;
padding: 0!important;
}
.side_headline {
font-size: 16px!important;
margin: 0!important;
font-weight: bold!important;
background: linear-gradient(to right, #88a8c8, #88a8c8 70%,#1b334b 100%)!important;
padding: 3%!important;
color: #fff!important;
margin-bottom: 2%!important;
}
/**************************
検索結果ページ
***************************/
/**/
.search_page {
margin-top: 3%;
}
/*上下線*/
.search_result_box {
border-top: 1px solid;
}
.search_result_box:last-child {
border-bottom: 1px solid #000;
}
.sortbox {
margin: 1% 0 0%;
}
.search_title {
font-weight: bold;
font-size: 20px;
}
/*１つのまとまり*/
.search_result_box {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
padding: 3%;
}
/*商品画像*/
.result-item-image {
width: 40%;
}
/*商品情報*/
.search_result_info {
width: 50%;
display: flex;
flex-direction: column;
}
.search_result_item_name {
font-size: 24px;
font-weight: bold;
margin: 2% 0;
}
.search_result_catchcopy {
line-height: 2;
margin: 2% 0;
border-bottom: 1px dotted;
}
.search_result_regular_price {
font-weight: bold;
margin: 1% 0;
}
.search_result_sale_price {
color: red;
font-weight: bold;
font-size: 20px;
margin: 1% 0;
}
.search_result_citrulline {
font-weight: bold;
font-size: 20px;
margin: 1% 0;
}
.search_result_component {
font-size: 20px;
font-weight: bold;
margin: 1% 0;
}
span.result_span {
font-weight: normal;
color: #333;
font-size: 14px;
}
/*サービス画像*/
.result_img_box {
width: 100%;
display: flex;
flex-direction: row;
margin: 1% 0;
}
.result_img_box img {
width: 10%;
margin: 0 0 0 1%;
}
.result_img_box img:first-child {
margin: 0;
}
/*リンク*/
.search_result_link {
width: 100%;
margin: 2% 0 0;
}
/*
商品詳細ページのみ
*/
.ranking_write_content_1 {
margin: 3% 0;
border: 5px solid #000;
border-top: none;
border-image: linear-gradient(to right, #88a8c8 70%, #1b334c 100%);
border-image-slice: 1;
}
.write_content_title {
background: linear-gradient(to right,#88a8c8 70%, #1b334c 100%);
color: #fff;
font-size: 23px;
padding: 1% 1%;
font-family: 'Sawarabi Mincho';
}
.write_content_innner {
padding: 2%;
}
/***********************
フッター
************************/
div#footer-right {
width: 1165px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.footer_widget {
margin: 0!important;
}
.footer_title {
font-size: medium;
color: #0f4a88;
}
#footer a:hover {
color: #3a6a9a!important;
}
/************************

*************************/
figure.wp-block-table td {
border: 1px solid #3e3e3e;
}
figure.wp-block-table td:first-child {
font-weight: bold;
text-align: center;
}
figure.wp-block-table td:last-child {
padding-left: 1%;
}
/*************************

**************************/
a.sbr {
position: relative;
}
a.sbr:hover:after {
content: '';
width: 300px;
background-image: url(https://gigantchoice.com/wp-content/themes/pc/images/sbr_hover.png);
display: inline-block;
height: 150px;
vertical-align: 200px;
background-size: contain;
position: absolute;
top: 0px;
left: 0;
}

/*
サイドバー
*/
a.sidebar_ranking {
margin-bottom: 2%;
display: block;
height: 150px;
}
.sidebar_ranking_box {
border: 5px solid #000;
border-image: linear-gradient(to right, #88a8c8 70%, #1b334c 100%);
border-image-slice: 1;
box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.5) inset;
padding: 1%;
height: 150px;
box-sizing: border-box;
font-family: 'noto sans jp';
}
.sidebar_item_name {
font-size: 26px;
font-weight: bold;
font-family: 'noto sans jp';
margin-bottom: 0%;
letter-spacing: 2px;
height: 50px;
}
.siderank1 {
background-image: url(https://gigantchoice.com/wp-content/themes/pc/images/rank1_gold.png);
background-size: 50px;
background-repeat: no-repeat;
padding: 6px 52px;
box-sizing: border-box;
}
.siderank2 {
background-image: url(https://gigantchoice.com/wp-content/themes/pc/images/rank2_silver.png);
background-repeat: no-repeat;
background-size: 50px;
padding: 11px 0 11px 55px;
box-sizing: border-box;
font-size: 15px;
letter-spacing: 0;
}
.siderank3 {
background-size: 50px;
background-repeat: no-repeat;
padding: 9px 0 9px 55px;
box-sizing: border-box;
background-image: url(https://gigantchoice.com/wp-content/themes/pc/images/rank3_bronz.png);
font-size: 18px;
}
.sidecombi {
position: relative;
}
.siderank_title {
padding: 0 0 0 3%;
font-family: 'noto sans jp';
font-weight: bold;
}
.sidebar_ranking_box p {
font-weight: bold;
margin: 0;
position: absolute;
top: 56px;
left: 12px;
}
.sidebar_sale_price {
font-size: 26px;
font-weight: bold;
color: #e61313;
letter-spacing: 1px;
}
.sideber_rank_img {
position: absolute;
top: -18px;
left: 177px;
}
/*比較表*/
.compasiron {
margin:0 0 3% 0;
border: 5px solid #000;
border-image: linear-gradient(to right, #88a8c8 70%, #1b334c 100%);
border-image-slice: 1;
padding: 2%;
border-top: none;
}
table.comparison {
text-align: center;
font-family: 'noto sans jp';
}
table.comparison tr td:first-child {
width: 10%;
}
table.comparison tr td:nth-child(3) {
width: 15%;
}
table.comparison tr td:nth-child(4) {
width: 15%;
}
table.comparison tr td:nth-child(5) {
width: 15%;
}
table.comparison tr td:nth-child(6) {
width: 15%;
}
table.comparison tr td:nth-child(7) {
width: 15%;
}
.c_mark {
font-size: 75px;
font-weight: bold;
}
.double {
color: #f097d2;
}
.single_cricle {
color: #ffcdff;
}
.triangle {
color: #50d876;
}
.cross {
color: #7de2eb;
}
table.comparison th {
border: 1px solid #e3e3e3;
border-bottom: none;
background: #88a8c8;
color: #fff;
}
table.comparison td {
border: 1px solid #e3e3e3;
border-bottom: none;
}
table.comparison:last-child td {
border-bottom: 1px solid #e3e3e3;
}
.comparison-title {
font-size: 40px;
background: linear-gradient(to right, #88a8c8 70%, #1c344c 100%);
color: #fff;
font-family: "Sawarabi Mincho";
padding-left: 2%;
margin-top: 3%;
}
table.comparison td img {
display: block;
width: auto;
margin: 0 auto;
}
td.c_1 {
background-image: url(https://gigantchoice.com/wp-content/themes/pc/images/rank1_gold.png);
background-repeat: no-repeat;
background-size: 50%;
background-position: center center;
font-size: 25px;
font-weight: bold;
}
td.c_2 {
background-image: url(https://gigantchoice.com/wp-content/themes/pc/images/rank2_silver.png);
background-repeat: no-repeat;
background-size: 50%;
background-position: center center;
font-size: 25px;
font-weight: bold;
}
td.c_3 {
background-image: url(https://gigantchoice.com/wp-content/themes/pc/images/rank3_bronz.png);
background-repeat: no-repeat;
background-size: 50%;
background-position: center center;
font-size: 25px;
font-weight: bold;
}
/**/
div#ranking-index-link a:hover {
color: #fff;
background: #88a8c8;
}