@charset "UTF-8";

@media (max-width:480px){
	.ranking__raderChart canvas{
		display: none!important;
	}
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  font-weight: bolder;
}

ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
img{max-width: 100%}
* {
  margin:0;
  padding:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
canvas { max-width: 100%;}

html {
  overflow-y: scroll;
}

body {
  font-size:medium;
  display:inline;
  background-color:#f3f2ea;
}

.wrap{overflow:hidden;}

a:link,
a:visited {
  color: blue;
  text-decoration:none;
}
a:hover,a:hover img,
a:active {
  color: #00bfff;
  text-decoration: underline;
  opacity:0.6;filter:alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;
}

a img {
  border:none;
}

.pc{display:block;}
.sp{display:none;}
.small{font-size: 0.8em}

.marker {
	font-weight: bold;
	background: linear-gradient(transparent 50% , #fef093 50%);
}

.red {
	font-weight: bold;
	color: #d00;
}

/*------------------------------------------------------------------------------- firstView -------------------------------------------------------------------------------*/
#firstView__backGround {position:relative;top:0;bottom:0;}
#firstView__backGround li { position:absolute;width: 180%;}
#firstView {position: relative;overflow:hidden;background-image: url(/wp-content/themes/shouken/images/sp/fv/topBg2.png);background-repeat: no-repeat;background-size: cover}
#firstView::after {
  content: "";
  display: block;
  padding-top: 22rem;
  position: relative;
}



@media screen and (max-width: 480px) {
  #firstView {height: 50vw;}
}
@media only screen and (max-width: 1000px){
  /*FV画像サイズのwidth1000以内になると縦横比が変わるのでpaddingのサイズが変わる*/
  #firstView::after {
    padding-top: 33vw;
  }
}
#firstView__Image {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
}

#firstView__backGround img {width: 100%;}
#firstView__logoSlide {
  background-image:url("/wp-content/themes/shouken/images/fv/itemLogo_fv.png");
  background-position:center center;
  background-size:1200px 37px;
  background-repeat: repeat-x;
  width:3600px;
  height:37px;
  position:relative;
  top:0;
  left:0;
  right:0;
  bottom:0;
  -webkit-animation:infinitescroll 25s linear infinite;
  -moz-animation:infinitescroll 25s linear infinite;
  -ms-animation:infinitescroll 25s linear infinite;
  -o-animation:infinitescroll 25s linear infinite;
  animation:infinitescroll 25s linear infinite;
  z-index:0;
  background-color: #fff;
  padding: 25px 0;
}

@-webkit-keyframes infinitescroll {
  0% {-webkit-transform:translate3d(0, 0, 0);}
  100% {-webkit-transform:translate3d(-1200px, 0, 0);}
}
@-moz-keyframes infinitescroll {
  0% {-moz-transform:translate3d(0, 0, 0);}
  100% {-moz-transform:translate3d(-1200px, 0, 0);}
}
@-ms-keyframes infinitescroll {
  0% {-ms-transform:translate3d(0, 0, 0);}
  100% {-ms-transform:translate3d(-1200px, 0, 0);}
}
@-o-keyframes infinitescroll {
  0% {-o-transform:translate3d(0, 0, 0);}
  100% {-o-transform:translate3d(-1200px, 0, 0);}
}
@keyframes infinitescroll {
  0% {transform:translate3d(0, 0, 0);}
  100% {transform:translate3d(-1200px, 0, 0);}
}
/*------------------------------------------------------------------------------- firstView -------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- ヘッダー -------------------------------------------------------------------------------*/
header{width:100%;height:73px;background:none;}
header img{text-align:center;display:block;margin:0px auto;width:460px;padding-top:15px;}
#header_logo{background-color:#fff;text-align:center;}
nav{width:100%;background:#120136;padding:0px 0 0 !important;}
nav table{width:450px;margin:0 auto;}
nav table td{width:150px;height:54px;text-align:center;}
nav table td a{color:#fff !important;width:150px;font-size:0.875em;display:block;line-height:3.9em;}
img.fv{width:1000px;height:auto;margin:0 auto;display:block;}
/*------------------------------------------------------------------------------- /ヘッダー -------------------------------------------------------------------------------*/
.container{width:1000px;height:auto;margin:0px auto 0;}
/*------------------------------------------------------------------------------- left -------------------------------------------------------------------------------*/
.left{width:780px;height:auto;float:left;background:none;}
.bnr0{width:774px;margin:8px 0 0 5px;}
ul.bnr{margin:-5px auto 0;width:795px;}
ul.bnr li.leftLi{width:390px;height:119px;float:left;margin:-1px 0 0 3px;}
ul.bnr li.rightLi{width:385px;height:119px;float:left;margin:-1px 0 0 0;}
ul.bnr li img{width:100%;}


.rankBox{position:relative;width:780px;margin:30px auto 0;padding:30px 0 30px;background-color:#EBFAFF;}
.rankBox:before{content:"";display:block;width:686px;height:80px;margin:0 auto;background-size:contain;background-repeat:no-repeat;background-position:center center;}

.rankBox.rankBox1:before{background-image:url(../images/rankbox_title1.png);}
.rankBox.rankBox2:before{background-image:url(../images/rankbox_title2.png);}
.rankBox.rankBox3:before{background-image:url(../images/rankbox_title3.png);}
.rankBox.rankBox4:before{background-image:url(../images/rankbox_title4.png);}
.rankBox.rankBox5:before{background-image:url(../images/rankbox_title5.png);}
.rankBox.rankBox6:before{background-image:url(../images/rankbox_title6.png);}
.rankBox.rankBox7:before{background-image:url(../images/rankbox_title7.png);}
.rankBox.rankBox8:before{background-image:url(../images/rankbox_title8.png);}
.rankBox.rankBox9:before{background-image:url(../images/rankbox_title9.png);}

.rankBox div{width:calc(100% - 40px);padding:20px 0;margin:40px auto 0;border:solid 1px transparent;border-radius:30px;background-color:#FFF;box-shadow: 0px 0px 15px #CCC;}
.rankBox ul{display:block;margin-top:-50px;}
.rankBox ul li{display:block;padding:0;margin:0px 0 0;vertical-align:bottom;}
.rankBox ul li:nth-of-type(3){margin-top:10px;}
.rankBox ul li:nth-of-type(n+4){margin-top:20px;}
.rankBox ul li a{display:block;color:#323232;font-size:2em;font-weight:bold;}
.rankBox ul li a span{display:inline-block;width:calc(100% - 146px - 10px - 10px - 30px);border-bottom:dotted 2px #D9D9D9;line-height:250%;}
.rankBox ul li a:before{content:"　";display:inline-block;width:128px;margin:0 10px 0 10px;background-size:cover;vertical-align: bottom;}
.rankBox ul li:nth-of-type(1) a:before{height:146px;background-image:url(../images/rankbox_icon1.png);}
.rankBox ul li:nth-of-type(2) a:before{height:114.5px;background-image:url(../images/rankbox_icon2.png);}
.rankBox ul li:nth-of-type(3) a:before{height:114.5px;background-image:url(../images/rankbox_icon3.png);}
.rankBox ul li:nth-of-type(4) a:before{height:82px;background-image:url(../images/rankbox_icon4.png);}
.rankBox ul li:nth-of-type(5) a:before{height:82px;background-image:url(../images/rankbox_icon5.png);}


/*------------------------------------------------------------------------------- /left -------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- ranking -------------------------------------------------------------------------------*/
.rankTopics{margin-top:20px;}
.ranking{width:780px;height:auto;margin:0px auto 0px;position:relative;padding-top:32px;}
.rankIcon{display:block;z-index: 999;position:absolute;}
.searchResult .rankIcon{display: none;}
.rankIcon_pickup{width:85px;top:12px;left:10px;}
.rankIcon1{width:120px;top:-20px;left:-10px;}
.rankIcon2{width:110px;top:-15px;left:-10px;}
.rankIcon3{width:100px;top:-5px;left:-5px;}
.ranking h2{width: 780px;color: #fff;font-weight: bold;font-size: 2em;text-indent: 3.5em;line-height: 2.1em;background-color: #120136;background: #120136;text-shadow: 1px 1px 0px #232012;}
.searchResult .ranking h2{text-indent:1.0em;}
.rankingBg{width:780px;height:auto;background:none;padding-bottom:20px;background:#fff;}
.rankingUnit__detailTable--veryGood {font-size:3em;color:#ff5252;font-weight:bold;}
.rankingUnit__detailTable--good {font-size:3em;color:#ffc852;}
.rankingUnit__detailTable--normal {font-size:3em;color:#52d1ff;}
.rankingUnit__detailTable--bad {font-size:3em;color:#7b52ff;}
ul.slider{width:746px;height:240px;margin:0px auto 5px;padding-top:20px;position:relative;}
ul.slider li img{}

ul.slider li{position:absolute;top:20px;left:0;width:100%;overflow:hidden;}

ul.slider li.active{z-index: 10;}
ul.slider li.inactive{z-index: 10;}
ul.slider li.transiton{z-index: 11;}

ul.slider li.transitonLeft img{animation: sliderTransitonLeft 1s ease 0s 1 alternate none running;}
ul.slider li.transitonRight img{animation: sliderTransitonRight 1s ease 0s 1 alternate none running;}

@keyframes sliderTransitonLeft {
  0% {margin-left:100%;opacity:0.5;}
  100% {margin-left:0%;opacity:1.0;}
}
@keyframes sliderTransitonRight {
  0% {margin-left:-100%;opacity:0.5;}
  100% {margin-left:0%;opacity:1.0;}
}


.leftSliderBtn{position:absolute;top:125px;left:-17px;width:50px;z-index:99;}
.rightSliderBtn{position:absolute;top:125px;right:-17px;width:50px;z-index:99;}


.campaign {
  width: 746px;
  height: auto;
  padding: 60px 5px 5px;
  margin: 45px auto 15px;
  position: relative;
  background: #fff;
  box-shadow: 0 0 5px #eee;
}

.campaignTitle{
  width:350px;
  position:absolute;
  top: -25px;
  left: 0;
  right: 0;
  margin: auto;
}

.campaignInner {
  height: auto;
  margin: 0 auto;
  padding: 5px 20px 55px;
  width: 676px;
  min-height: 120px;
}
.campaign::before,
.campaign::after {
  content: '';
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  background-size:100% 100%;
}

.campaign::before {
  background-image: url(/wp-content/themes/shouken/images/campaignRibbonLeft2.png);
  top: -5px;
  left: -7px;
 }

.campaign::after {
  background-image: url(/wp-content/themes/shouken/images/campaignRibbonRight2.png);
  bottom: -5px;
  right: -7px;
 }


.campaign h3{position:static;margin-bottom:13px;color:#e02f2f;font-size:2.125em;font-weight:bold;}
.campaign p{width:590px;position:static;color:#000000;font-size:0.875em;line-height:1.7em;word-break: break-all;}

table.rankDetailTbl{width:746px;border:1px solid #a6a191;background:#d2f0ff;margin:0 auto 8px;}
table.rankDetailTbl tr:nth-of-type(2) {border-bottom:#a6a191 3px double;}
table.rankDetailTbl tr th{width: 25%;border-left: 1px solid #a6a191;background-color:#fcfcfc;padding: 7px 0;background-image: url(/wp-content/themes/shouken/images/pattern/table1.png);background-size: 50%;background-repeat: repeat;vertical-align: middle}
table.rankDetailTbl tr td{width:25%;border-left:1px solid #a6a191;background:#ffffff;color:#000;padding:7px 0;text-align:center;border-top:1px #a6a191 dotted;}
table.rankDetailTbl tr td.large{ font-size:125%; }

.itemDetail__detailTable,
.itemDetail__feeTable {
  width: 100%;
  border: 1px solid #a6a191;
  margin: 0 auto 8px;
}

.itemDetail__detailTable tr th,
.itemDetail__feeTable tr th {
  border-left: 1px solid #a6a191;
  background-color: #fcfcfc;
  padding: 7px 0;
  background-image: url(/wp-content/themes/shouken/images/pattern/table1.png);
  background-size: 50%;
  background-repeat: repeat;
  vertical-align: middle;
}

.itemDetail__detailTable tr td.large,
.itemDetail__feeTable tr td.large {
  font-size: 125%;
}
.itemDetail__detailTable tr td,
.itemDetail__feeTable tr td  {
  border-left: 1px solid #a6a191;
  background: #ffffff;
  color: #000;
  padding: 7px 0;
  text-align: center;
  border-top: 1px #a6a191 dotted;
}

.itemDetail__detailTable tr:nth-of-type(2) {
  border-bottom: #a6a191 3px double;
}

.itemDetail__detailTable tr th,
.itemDetail__detailTable tr td{
  width: 17%;
  width: calc(100% / 6);
  width: -webkit-calc(100% / 6);
}
.itemDetail__feeTable tr th,
.itemDetail__feeTable tr td{
   width: 12.5%;
  width: calc(100% / 8);
  width: -webkit-calc(100% / 8);
}
.itemDetail__h2Title {
  width: 780px;
  color: #fff;
  font-weight: bold;
  font-size: 2em;
  text-indent: 1em;
  line-height: 2.1em;
  background-color: #120136;
  background: #120136;
  text-shadow: 1px 1px 0px #232012;
}

.btn{margin:0 auto;display:block;margin:35px auto 0;width:746px;}
.button {display: block;width: 746px;height:70px;margin:35px auto 25px;}
.button a {display: block;position: relative;z-index: 2;overflow: hidden;width: 746px;height:70px;background: url("../images/btn/btn_back.png") center top no-repeat ;background-size:746px 70px;padding: 0;text-align: center;text-decoration: none;transition: .25s linear;-webkit-transition: .25s linear;-moz-transition: .25s linear;margin:0 auto;display:block;}
.button a:before {
  background-size: 100%;
  background-repeat: no-repeat;
  left: 100px;
  height: 50px;
  content: '';
  position: absolute;
  z-index: 20;
  width: 170px;
  pointer-events: none;
  top: 10%;
}
.button a.anchor__sbi:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_sbi.png);}
.button a.anchor__rakuten:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_rakuten.png);}
.button a.anchor__matsui:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_matsui.png);}
.button a.anchor__liveStar:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_liveStar.png);}
.button a.anchor__neoTrade:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_neoTrade.png);}
.button a.anchor__monex:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_monex.png);}
.button a.anchor__okasan:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_okasan.png);}
.button a.anchor__smbc:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_smbc.png);}
.button a.anchor__dmm:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_dmm.png);}
.button a.anchor__gmoClick:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_gmoClick.png);}
.button a.anchor__iwaiCosmo:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_iwaiCosmo.png);}
.button a.anchor__aukabucom:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_kabucom.png);}
.button a.anchor__neomobile:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_neomobile.png);}
.button a.anchor__musashi:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_musashi.png);}
.button a.anchor__naito:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_naitou.png);}
.button a.anchor__tachibana:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_tachibana.png);}
.button a.anchor__nomura:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_nomura.png);}
.button a.anchor__line:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_line.png);}
.button a.anchor__froggy:before {background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_froggy.png);}
.button a:after {
  background-image: url(/wp-content/themes/shouken/images/btn/button_comment.png);
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  position: absolute;
  z-index: 10;
  right: 20px;
  pointer-events: none;
  bottom: 20%;
  height: 45px;
  width: 450px;
}


.btn_top_comment {
	text-align: center;
	font-weight: bold;
	margin: 20px auto -35px;
}

@media screen and (max-width : 480px) {
	.btn_top_comment {
		margin: 15px auto -15px;
		font-size: 3.8vw;
	}
}


h3.voice__title {
  padding: 15px 10px;
  font-size: 1.375em;
  background-color: #035aa6;
  color: #fff;
  font-weight: bold;
  background: #035aa6;
  margin-bottom:20px;
}
@keyframes shiny {
    0% {left: -30%;}
    20% {left: 120%;}
    100% {left: 120%;}
}
@-webkit-keyframes shiny {
    0% {left: -30%;}
    20% {left: 120%;}
    100% {left: 120%;}
}
@-moz-keyframes shiny {
    0% {left: -30%;}
    20% {left: 120%;}
    100% {left: 120%;}
}

.choose h2.rankH2{
  margin-bottom:15px;
}

h4.chooseH4 {
  position: relative;
  padding: 0.5rem 1rem;
  border-bottom: 3px solid #008;
  font-size:20px;
  margin:0 20px 6px;
}

h4.chooseH4:before {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 20%;
  height: 3px;
  content: '';
  background: #0064dc;
}

.choose p{margin:0 20px 15px;font-weight:500;font-size:15px;text-indent:1em;}

.choose table{
  margin-left:auto;
  margin-right:auto;
  margin-bottom:15px;
}

.choose table th,.choose table td{
  color: #000;
  text-align: center;
  border: #fcbf1e solid 2px;
  padding: 0.5rem 0;
}

.choose table th{
  background-color: #ffd567;
  vertical-align:middle;
}

.choose table td{
  background-color: #fff;
  vertical-align:middle;
}

.choose table th.chooseTh1{min-width:12em;}

.choose table th.chooseTh2{min-width:8em;}

.choose p .marker{
   background: linear-gradient(transparent 55%, #ffdc7e 55%);
     font-weight: bold;
}

.choose img{display:block;margin-left:auto;margin-right:auto;width:70%;height:auto;}

@media screen and (max-width: 480px){
  .choose table{width:95%;}
  .choose table th,.choose table td{padding:0.5em;font-size:3.5vw;}
}

.columnTop{
  background-color:#fff;
}

.columnTop h2{
  background-color:#035aa6;
  margin-top:17px;
  padding:7.5px 20px;
}

.columnTop h2 a{
  font-size:24px;
  color:#fff;
}

.columnTop p{
  padding:0 10px;margin:0 1em 1em;line-height:1.8;color:#333;font-size:14px;text-indent:1em;
}


.columnsH1{
  font-size:24px;
  color:#fff;
  background-color:#035aa6;
  line-height:1.2em;
  margin-top:17px;
  padding:13px 30px;
  text-indent:-1.5em;
  padding-left:2.5em;
}

.columnsH1::before{
  font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f5ad';
    font-size: 24px;
    color: #fff;
    position: relative;
  padding-right:0.5em;
    width: 24px;
    height: 24px;
  top: 0;
}

.columnsH2 {
  font-size:17px;
  position: relative;
  padding: 0.5rem 0.5rem;
  border-bottom: 3px solid #035aa6;
  margin:25px 0 10px
}

.columnsH2:before {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 20%;
  height: 3px;
  content: '';
  background: #8EB8FF;
}

.columnsWrap{
  background-color:#fff;
  padding:15px;
}


.columnsParagraph{line-height:1.8;color:#333;font-size:14px;text-indent:1em;}


.hiddenHead01,.hiddenHead02,.hiddenHead03{
  width: 780px;
    height: 50px;
    color: #fff;
    background: #0064dc;
    font-weight: bold;
    font-size: 1.75em;
    text-indent: 0.5em;
    line-height: 1.8em;
    margin: 15px auto 0;
  padding-left:20px
}

.hiddenHead01:hover{
  cursor:pointer;
  opacity:0.7;
  transition:0.5s;
}
.hiddenHead02:hover{
  cursor:pointer;
  opacity:0.7;
  transition:0.5s;
}
.hiddenHead03:hover{
  cursor:pointer;
  opacity:0.7;
  transition:0.5s;
}

.hiddenHead01::before{
  font-family: 'Font Awesome 5 Free';
  font-weight:900;
  content:'\f138';
  font-size:20px;
  color:#fff;
  position:relative;
  width:25px;
  height:25px;
  top:-2px;
  left:-20px;
}
.hiddenHead02::before{
  font-family: 'Font Awesome 5 Free';
  font-weight:900;
  content:'\f138';
  font-size:20px;
  color:#fff;
  position:relative;
  width:25px;
  height:25px;
  top:-2px;
  left:-20px;
}
.hiddenHead03::before{
  font-family: 'Font Awesome 5 Free';
  font-weight:900;
  content:'\f138';
  font-size:20px;
  color:#fff;
  position:relative;
  width:25px;
  height:25px;
  top:-2px;
  left:-20px;
}

.hiddenHead01.open::before{
  font-family: 'Font Awesome 5 Free';
  font-weight:900;
  content:'\f13a';
  font-size:20px;
  color:#fff;
  position:relative;
  width:25px;
  height:25px;
  top:-2px;
  left:-20px;
}
.hiddenHead02.open::before{
  font-family: 'Font Awesome 5 Free';
  font-weight:900;
  content:'\f13a';
  font-size:20px;
  color:#fff;
  position:relative;
  width:25px;
  height:25px;
  top:-2px;
  left:-20px;
}
.hiddenHead03.open::before{
  font-family: 'Font Awesome 5 Free';
  font-weight:900;
  content:'\f13a';
  font-size:20px;
  color:#fff;
  position:relative;
  width:25px;
  height:25px;
  top:-2px;
  left:-20px;
}

.hiddenParagraph01,.hiddenParagraph02,.hiddenParagraph03{
  display:none;
  width:780px;
  color: #000;
    font-size: 15px !important;
    line-height: 1.8em;
  padding:20px 30px;
  background-color:#fff;
}

.hiddenBox{
  margin-bottom:20px;
}

.hiddenBox p{
  margin-bottom:20px;
}

.hiddenBox dt{
  font-size:18px;
  border-bottom:solid 1px #0064dc;
  margin:10px 0;
}

.hiddenBox dd{
  padding-left:1em;
}

.areaWrap{
  background-color:#fff;
}

.areaWrap dt{
  font-size:18px;
  color:#333;
  border-bottom: 2px solid #035aa6;
  margin-bottom:15px;
    position: relative;
}

.areaWrap dt:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 15%;
  height: 2px;
  content: '';
  background: #8EB8FF;
}

.areaWrap h2{
  font-size:18px;
  color:#333;
  border-bottom: 2px solid #035aa6;
  margin-bottom:15px;
    position: relative;
}

.areaWrap h2:before {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 15%;
  height: 2px;
  content: '';
  background: #8EB8FF;
}

.areaWrap dd{
  font-size:13px;
  color:#333;
  margin-bottom:40px;
  padding-left:1em;
}

.areaWrap p{
  font-size:13px;
  color:#333;
  margin-bottom:30px!important;
  padding-left:1em;
}

.areaWrap h3{
  padding-left:5px;
}

.areaWrap h3::before{
  font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f14a';
    font-size: 16px;
    color: #000;
    position: relative;
    width: 16px;
    height: 16px;
    top: 0px;
    left: -5px;
}


.areaWrap li{
  margin-bottom:7px;
}

.textArea{
  padding:5px 20px 15px;
}

.areaWrap ol{
  counter-reset:item;
  list-style-type:none;
  margin:0 0 15px 14px;
}

.areaWrap ol li{
  text-indent:-1.3em;
  padding-left:1.3em;
  font-size:14px;
}

.areaWrap ol li::before{
  counter-increment: item;
    content: counter(item)'.';
    padding-right: .5em;
    font-weight: bold;
    color: #000;
}

section.areaWrap{
  margin-top:40px;
}

section.areaWrap h2{
  border-bottom:none;
}

section.areaWrap h2::before{
  content:none;
}

section.areaWrap textarea{
  width:313px;
}

section.areaWrap input.wpcf7-submit{
  padding:2px 15px;
  background-color:#035aa6;
  color:#fff;
}

.pointTable{
  border:2px solid #002e86;margin:0px auto 0;max-width: 100%;
}

.pointTable tr.tr2{
  background:#FFF7DB;
}

.pointTable tr.tr2:nth-of-type(odd){
  background:#FFF;
}

.pointTable th,.pointTable td{
  height:70px;
  vertical-align:middle;
  text-align:center;
  border-right:1px solid #c8c8c8;
  font-size:18px;
}

.pointTable th.pointTableTh1{
  width:320px;
}

.pointTable th.pointTableTh2{
  width:140px;
}

.pointTable th{
  background-color:#d3f0fe;
  color:#002e86;
}
/*------------------------------------------------------------------------------- /ranking -------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------- 一覧表 -------------------------------------------------------------------------------*/
table.ichiran{border-radius:1em !important;border:2px solid #002e86;margin:0px auto 0;width: 100%;}
table.ichiran tr.tr1{color:#002e86;background:#d3f0fe;height:80px;padding:10px 0;}
table.ichiran tr.tr2{height:120px;background:#FFF7DB;}
table.ichiran tr.tr2:nth-of-type(odd){background:#fff;}
table.ichiran tr.tr1 th button{ margin-top:6px; border:none; outline:0; background-color:transparent; }
table.ichiran tr.tr1 th button:hover{ cursor:pointer; }
table.ichiran tr.tr1 th button img{ width:37px; }
table.ichiran tr.tr1 th.th1{width:70px;font-size:1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;vertical-align:middle;}
table.ichiran tr.tr1 th.th2{width:49px;font-size:1em;text-align:center;padding-bottom:0.5rem;border-right:1px solid #c8c8c8;min-width:49px;vertical-align:bottom;}
table.ichiran tr.tr1 th.th3{width:100px;font-size:1em;text-align:center;padding-bottom:0.5rem;border-right:1px solid #c8c8c8;min-width:49px;vertical-align:bottom;}
table.ichiran tr.tr1 th.th4{width:50px;font-size:1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;vertical-align:middle;}
table.ichiran tr.tr2 td.td1{vertical-align:middle;text-align:center;border-right:1px solid #c8c8c8;line-height:1.3;padding:10px 0px;}
table.ichiran tr.tr2 td.td1 a{text-align:center;font-size: 0.75em;color:#002cb2;display:block;}
table.ichiran tr.tr2 td.td1 p {text-align:center;}
table.ichiran tr.tr2 td.td1 img {display:block;margin:auto;max-width:70%;}
table.ichiran tr.tr2 td.td1 p img {display:block;margin:auto;max-width: 100%;}
table.ichiran tr.tr2 td.td2{vertical-align:middle;padding:0 18px;text-align:center;border-right:1px solid #c8c8c8;}
table.ichiran tr.tr3 td.td2{vertical-align:middle;padding:0 18px;text-align:center;border-right:1px solid #c8c8c8;}
table.ichiran tr.tr2 td.td2 p{word-break:break-all;font-size: 0.75em;line-height:1.6em;width:145px;text-align:left;}
table.ichiran tr.tr3 td.td2 p{word-break:break-all;font-size: 0.75em;line-height:1.6em;width:145px;text-align:left;}
table.ichiran tr.tr2 td.td2 p span{color:#ef5355;}
table.ichiran tr.tr3 td.td2 p span{color:#ef5355;}
table.ichiran tr.tr2 td.td2 p a{color:#002cb2;}
table.ichiran tr.tr3 td.td2 p a{color:#002cb2;}
table.ichiran tr.tr2 td.td3{vertical-align:middle;text-align:center;}
table.ichiran tr.tr3 td.td3{vertical-align:middle;text-align:center;}

#tabs-1 table.ichiran tr.tr1 th.th1,
#toptabs-1 table.ichiran tr.tr1 th.th1,{width:15%;font-size:1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;vertical-align:middle;}
#tabs-1 table.ichiran tr.tr1 th.th2,
#toptabs-1 table.ichiran tr.tr1 th.th2{width:6%;width:-webkit-calc(48% / 8);font-size:1em;text-align:center;padding-bottom:0.5rem;border-right:1px solid #c8c8c8;}
#tabs-1 table.ichiran tr.tr1 th.th3,
#toptabs-1 table.ichiran tr.tr1 th.th3{width:27%;font-size:1em;text-align:center;border-right:1px solid #c8c8c8;vertical-align:middle;}
#tabs-1 table.ichiran tr.tr1 th.th4,
#toptabs-1 table.ichiran tr.tr1 th.th4{width:10%;font-size:1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}

#tabs-2 table.ichiran tr.tr1 th.th1,
#toptabs-2 table.ichiran tr.tr1 th.th1{width:10%;font-size:1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
#tabs-2 table.ichiran tr.tr1 th.th2,
#toptabs-2 table.ichiran tr.tr1 th.th2{width:8%;font-size:1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
#tabs-2 table.ichiran tr.tr1 th.th4,
#toptabs-2 table.ichiran tr.tr1 th.th4{width:10%;font-size:1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
#tabs-2 table.ichiran tr.tr2 td,
#toptabs-2 table.ichiran tr.tr2 td{vertical-align:top;font-size:15px;}
#tabs-2 table.ichiran tr.tr2 td:last-of-type,
#toptabs-2 table.ichiran tr.tr2 td:last-of-type{vertical-align:middle;}
tr.ichiran__feeHead th.td1 {border:1px solid #c8c8c8;padding:5px;}

#tabs-2 tr.ichiran__feeHead th:nth-of-type(2),
#toptabs-2 tr.ichiran__feeHead th:nth-of-type(2) {border-right:#c8c8c8 double 3px;}
#tabs-2 table.ichiran tr.tr1 th:nth-of-type(6),
#toptabs-2 table.ichiran tr.tr1 th:nth-of-type(6) {border-right:#c8c8c8 double 3px !important;}
#tabs-2 table.ichiran tr.tr2 td:nth-of-type(6) ,
#toptabs-2 table.ichiran tr.tr2 td:nth-of-type(6) {border-right:#c8c8c8 double 3px !important;}

#tabs-3 table.ichiran tr.tr1 th.th1,
#toptabs-3 table.ichiran tr.tr1 th.th1{width:95px;font-size:1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
#tabs-3 table.ichiran tr.tr1 th.th2,
#toptabs-3 table.ichiran tr.tr1 th.th2{width:49px;font-size:1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
#tabs-3 table.ichiran tr.tr1 th.th3,
#toptabs-3 table.ichiran tr.tr1 th.th3{width:180px;font-size:1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
#tabs-3 table.ichiran tr.tr1 th.th4,
#toptabs-3 table.ichiran tr.tr1 th.th4{width:102px;font-size:1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
/*------------------------------------------------------------------------------- /一覧表 -------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------- right -------------------------------------------------------------------------------*/
.right{width:200px;height:auto;float:right;background:none;margin:1em auto 30px;}
#rightBanner{margin-bottom: 1em;}
.rightRankBox{width:200px;height:331px;background:url(../images/rightRankBoxBg.png) center top no-repeat;background-size:200px 331px;}
.rightRankBox ul{padding:70px 0 0 55px;line-height:3.1em;}
.rightRankBox ul li a{color:#464646;font-weight:bold;font-size:1em;line-height:310%;}
img.voiceTtl{margin:16px auto 0;width:200px;}
.voice{padding:13px;border:1px solid #00cc33;margin-bottom:6px;background:#fff}
img.face{width:38px;float:left;margin-top:-5px;}
.voiceRight{float:left;margin-left:10px;}
.voiceRight p{font-size:0.6875em;color:#000000;font-size:0.75em;}
.voiceRight img{width:79px;margin-top:10px;}
.name{font-size:0.6875em;line-height:1.5em;margin-top:3px;}
.voiceTxt{font-size:0.75em;line-height:1.5em;margin-top:8px;word-break:break-all;}
.voiceLink{font-size:0.6875em;color:#0064dc !important;text-decoration:underline !important;margin-top:0.6875em;display:block;}
/*------------------------------------------------------------------------------- /right -------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- footer -------------------------------------------------------------------------------*/
img.footerLogo{width:460px;text-align:center;margin:0px auto 0;display:block;}
.footerMenu table{width:450px;height:30px;display:block;margin:25px auto 0;font-size:0.875em;display:block;}
.footerMenu table td{width:150px;padding:5px 0px;border-left:1px solid #b4b4b4;text-align:center;}
.footerMenu table td:last-child{width:150px;padding:5px 0px;border-left:1px solid #b4b4b4;border-right:1px solid #b4b4b4;text-align:center;}
.footerMenu table td a{color:#646464 !important;}
footer{width:100%;height:46px;background:#0064dc;text-align:center;}
footer p{color:#fff;font-size:0.875em;text-align:center;line-height:3.5em;}
footer p a{color:#2f2f2f !important;}
div#footer_logo{display:inline-block;width:995px;text-align:left;}
div#footer_logo img{margin-left:10px;}
/*------------------------------------------------------------------------------- /footer -------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------- footerMenu -------------------------------------------------------------------------------*/
.footerMenu table {border-collapse: collapse;table-layout: fixed;width:995px !important;height: auto;margin: 25px auto 0;;font-size:0.875em;display:block;}
.footerMenu table td {width: 24% !important;padding: 5px 15px;border-left: 1px solid #b4b4b4;text-align:center;}
.footerMenu table td.borderNon {width: 199px !important;padding: 0px 0px 2px;border:none;text-align:left;height:30px;}
.footerMenu table td a{font-size:0.75em !important;color:#2f2f2f !important;}
.footerMenu {width: 100%;height:auto;background:#dad3cb;text-align:center;padding:10px 0 25px;margin-top:30px;}
/*------------------------------------------------------------------------------- /footerMenu -------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------- 下層ページ -------------------------------------------------------------------------------*/
article .shoukenH2, article .rankH2{width:780px;height:50px;color:#fff;background:#0064dc;font-weight:bold;font-size:1.75em;text-indent:0.5em;line-height:1.8em;margin:15px auto 30px;}
article p{color:#151515;font-size:1em;line-height:1.5;}
/*------------------------------------------------------------------------------- /下層ページ -------------------------------------------------------------------------------*/





/**********************************/


.searchBox{
  width:100%;
/* 	margin:0 auto 20px; */
  margin:1rem 0;
  background-color: #fff;
  font-size:1em;
}
.searchTitle {
  background-color:#fefcc4;
  background-image: url(/wp-content/themes/shouken/images/search_title.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  height: unset;
  vertical-align: middle;
  padding: 24px 16px 16px;
  text-indent: 78px;
  text-shadow: 1px 1px 0px #c1bda9;
}
.shoukenSearchForm {
  background-color: #fff;
}

.shoukenSearchForm dl {
  display: table;
  width: 96%;
  padding: 0;
  margin: 0 auto;
  margin-top: 1rem;
  border: solid 2px #3f82be;
  border-radius: 5px;
  /* color: #000; */
}

.shoukenSearchForm dl dt{
  position: relative;
  display: table-cell;
  width: 20%;
  padding: 1.2rem 0 1.0rem 1.2rem;
  margin: 0;
  background-color: #035aa6;
  vertical-align: middle;
}

.shoukenSearchForm dl dd {
  display: table-cell;
  padding: 1.2rem 1.5rem 1.0rem 1.5rem;
  margin: 0;
  background-color: #FFF;
  vertical-align: middle;
}

.shoukenSearchForm dl dd br {
  display: none;
}

.shoukenSearchForm dl:not(:nth-of-type(3)) dd label {
  display: inline-block;
}
  .shoukenSearchForm dl:not(:nth-of-type(3)) dd label:nth-of-type(n+2) {
    margin-left: 1rem;
  }

.shoukenSearchForm dl:nth-of-type(3) dd {
  line-height: 150%;
}
.shoukenSearchForm dl:nth-of-type(3) dd label {
  display: inline-block;
}
  .shoukenSearchForm dl:nth-of-type(3) dd label {
    width: calc( (100% - 1.4rem) / 4 );
  }
  .shoukenSearchForm dl:nth-of-type(3) dd label:nth-of-type(7) {
    width: calc( (100% - 1.4rem) / 4 * 2 );
  }
  .shoukenSearchForm dl:nth-of-type(3) dd label:nth-of-type(10) {
    width: calc( (100% - 1.4rem) / 4 * 2 );
  }
.shoukenSearchForm dl:nth-of-type(5) dd {
  line-height: 150%;
}
.shoukenSearchForm dl:nth-of-type(5) dd label:nth-of-type(4) {
  margin-left:0;
}

.shoukenSearchForm p button {
  display: block;
  padding: 0;
  margin: 2rem auto 1rem;
  background-color: transparent;
  border: none;
  outline: 0;
}

.shoukenSearchForm p button:hover{
  opacity:0.7;
  cursor:pointer;
}

/**********************************/


/*
 * トップページ/アーカイブの記事一覧スタイル
 */
.cardtype {
 margin: 1em 0;
 /* --------追加分---------- */
 display: flex;
 flex-wrap: wrap;
 gap: 15px;
 /* --------/追加分---------- */
}
.cardtype__article {
 position: relative;
 width: calc( (100% - 10px*3) / 3 );
 border-radius: 2px;
 background: #fff;
 box-shadow: 0 0 3px 0 rgba(0,0,0,.12), 0 2px 3px 0 rgba(0,0,0,.22);
 cursor: pointer;
 transition: .2s ease-in-out;
}
.cardtype__article:hover {
 box-shadow: 0 15px 30px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);
 transform: translateY(-4px);
}
.cardtype__link {
 display: block;
 color: #555;
 text-decoration: none;
 cursor: pointer;
}
.cardtype__link:hover {
 color: #555;
 text-decoration: none;
}
.cardtype__img {
 margin: 0;
 overflow: hidden;
 height: 0;
 padding-bottom: 57.7%;
 margin:0 auto;
}
.cardtype__img img {
 border-radius: 2px 2px 0 0;
}
.cardtype__link {
 padding-bottom: 25px;
}
.cardtype h3 {
 display: block;
 min-height: calc( 17px * 2 );
 margin: 13px 13px 8px;
 color: #555;
 font-size: 1em;
 font-weight: bold;
 text-align: left;
}
.cardtype time {
 display: block;
 margin: 13px 13px 8px;
 color: #b5b5b5;
 font-size: 0.8125em;
 font-weight: bold;
}
.cardtype time:before {
 content: '\f017';
 font-family:'Font Awesome 5 Free';
 padding-right: 4px;
 font-weight: normal;
 font-size:12.5px;
}
.cat-name {
 display: inline-block;
 overflow: hidden;
 position: absolute;
 top: 13px;
 left: 13px;
 height: 22px;
 margin: 0;
 padding: 0 10px;
 border-radius: 14px;
 background-color: #6bb6ff;
 color: #fff !important;
 font-size: 11px;
 font-weight: bold;
 vertical-align: middle;
 line-height: 22px;
 text-decoration: none;
}
.cat-name:hover {
 background: silver;
}



/* クリアフィックスハック */
.clearfix:after {
  content:"";
    display:block;
    clear:both;
}
.clearfix {
  display: inline-block;
}
/* Mac版IE除外 \*/
.clearfix {
  display: block;
}






@media screen and (max-width: 480px){
.pc{display:none;}
.sp{display:block;}
body{font-family: 'Meiryo',"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka", sans-serif;}
img{max-width:100%;}
.wrap{width:480px;overflow:hidden;}
/*------------------------------------------------------------------------------- ヘッダー -------------------------------------------------------------------------------*/
header{width:100%;height:auto;background:#fffdeb;border:1px solid #b4b4b4;}
header img{text-align:center;display:block;margin:0px auto;width:90%;padding:15px 0;}
nav{width:100%;background-size:1000px 51px;}
nav table{width:300px;margin:0 auto;}
nav table td{width:100px;text-align:center;height:auto;}
nav table td a{width:100px;font-size: 0.75em;display:block;line-height:2.7em;}
nav table td:last-child a{width:120px;height:30px;font-size: .75em;display:block;line-height:2.7em;}
img.fv{width:100%;height:auto;margin:0 auto;display:block;}
#header_logo img{width:150px; height:auto;}
/*------------------------------------------------------------------------------- /ヘッダー -------------------------------------------------------------------------------*/
.container{width:100%;height:auto;margin:10px auto 20px;}
/*------------------------------------------------------------------------------- left -------------------------------------------------------------------------------*/
.left{width:100%;height:auto;float:none;background:none;margin:0 auto;}
.bnr0 {width:100%;margin:0.1em auto 0;}
ul.bnr{margin:10px auto 0;width:100%;}
ul.bnr li.leftLi{width:49%;width:calc(50% - 2px);width:-webkit-calc(50% - 2px);width:-moz-calc(50% - 2px);height:auto;float:left;margin:0 2px 0 0;}
ul.bnr li.rightLi{width:49%;width:calc(50% - 2px);width:-webkit-calc(50% - 2px);width:-moz-calc(50% - 2px);height:auto;float:right;margin:0 0 0 2px;}
ul.bnr li img{width:100%;}

/*
.rankBox{width:98%;height:auto;background:url(../images/rankBg.jpg) center top no-repeat;background-size:95% auto;margin:10px auto 0px;}
.rankBox ul{padding:65px 0 10px 75px;}
.rankBox ul li a{margin:0 auto 25px;font-size: 0.8125em;font-weight:bold;display:block;}
.rankBox ul li:first-child a{margin:0 auto 25px;font-size: 1.25em;display:block;}

.rankH2{height:40px;color:#fff;background:#002e86;font-size: 1.125em;line-height:2em;padding:5px 0 0;font-weight:bold;border-radius:10px 10px 0px 0px;text-align:center;margin:15px auto 0;}*/
  .ui-tabs-panel {overflow:scroll}
  table.ichiran{overflow:auto;width:780px !important;border-radius:15px !important;border:2px solid #002e86;margin:0px auto 0;}

  table.ichiran tr.tr1 {height: 80px;padding: 10px 0;line-height: 1.2;}
  table.ichiran tr.tr2 {height: 80px;}
  table.ichiran tr.tr2:nth-of-type(odd) {background: #fff;}

  /* 総合ランキングの一覧テーブル */
#tabs-1 table.ichiran{overflow:scroll;width:1100px !important;border-radius:15px !important;border:2px solid #002e86;margin:0px auto 0;}
#tabs-1 table.ichiran tr.tr1 th.th1{width:15%;font-size: 1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
#tabs-1 table.ichiran tr.tr1 th.th2{width:5%;font-size: 1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
#tabs-1 table.ichiran tr.tr1 th.th3{width:35%;font-size: 1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
#tabs-1 table.ichiran tr.tr1 th.th4{width:10%;font-size: 1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
/* 総合ランキングの一覧テーブル */

/* 手数料ランキングの一覧テーブル */
#tabs-2 table.ichiran{overflow:auto;width:900px !important;border-radius:15px !important;border:2px solid #002e86;margin:0px auto 0;}
#tabs-2 table.ichiran tr.tr1 th.th1{width:15%;font-size: 1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
#tabs-2 table.ichiran tr.tr1 th.th2{width:5%;font-size: 1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
#tabs-2 table.ichiran tr.tr1 th.th4{width:9%;font-size: 1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
/* 手数料ランキングの一覧テーブル */

/* 投資商品ランキングの一覧テーブル */
#tabs-3 table.ichiran{overflow:auto;width:1000px !important;border-radius:15px !important;border:2px solid #002e86;margin:0px auto 0;}
#tabs-3 table.ichiran tr.tr1 th.th1{width:15%;font-size: 1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
#tabs-3 table.ichiran tr.tr1 th.th2{width:5%;font-size: 1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
#tabs-3 table.ichiran tr.tr1 th.th3{width:35%;font-size: 1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
#tabs-3 table.ichiran tr.tr1 th.th4{width:10%;font-size: 1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
/* 投資商品ランキングの一覧テーブル */

#tabs-1 table.ichiran tr.tr1 th.th1 {
  width: 15%;
  font-size: 1em;
  text-align: center;
  padding: 18px 0 0;
  border-right: 1px solid #c8c8c8;
}
#tabs-1 table.ichiran tr.tr1 th.th2 {
  width: 5%;
  font-size: 1em;
  text-align: center;
  padding: 18px 0 0;
  border-right: 1px solid #c8c8c8;
}
  #tabs-1 table.ichiran tr.tr1 th.th3 {
  width: 35%;
  font-size: 1em;
  text-align: center;
  padding: 18px 0 0;
  border-right: 1px solid #c8c8c8;
}

ul.ui-tabs-nav li.ui-tabs-tab{font-size: 3vw;}
ul.ui-tabs-nav li.ui-tabs-tab:nth-child(1) {width: 30%;}
ul.ui-tabs-nav li.ui-tabs-tab:nth-child(2) {width: 32%;}
ul.ui-tabs-nav li.ui-tabs-tab:nth-child(3) {width: 36%;}

.rankBox{width:100%;margin:20px auto 0;padding:20px 10px;}
.rankBox:before{width:460px;height:53px;margin:0 auto;}

.rankBox div{width:460px;margin-top:20px;border:solid 1px rgba(0,0,0,0.2);box-shadow: none;}
.rankBox ul{margin-top:-35px;}
.rankBox ul li a{font-size: 1.125em;}
.rankBox ul li a span{width:calc(100% - 64px - 10px - 10px - 25px);line-height:200%;}
.rankBox ul li a:before{width:64px;}
.rankBox ul li:nth-of-type(1) a:before{height:73px;}
.rankBox ul li:nth-of-type(2) a:before{height:57.25px;}
.rankBox ul li:nth-of-type(3) a:before{height:57.25px;}
.rankBox ul li:nth-of-type(4) a:before{height:41px;}
.rankBox ul li:nth-of-type(5) a:before{height:41px;}



.scroll{
width: 431px;
margin: 0 auto;
overflow-x: scroll !important;
}


/*------------------------------------------------------------------------------- /left -------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- ranking -------------------------------------------------------------------------------*/
.ranking{width:100%;height:auto;margin:-15px auto 0px;position:relative;padding-top:40px;z-index:999;}
.rankIcon{width:50px;position:absolute;top:30px;left:7px;display:block;}
.rankIcon_pickup{width:55px;top:38px;left:7px;}
.rankIcon1{width:75px;top:21px;left:-5px}
.rankIcon2{width:75px;top:21px;left:-5px}
.rankIcon3{width:75px;top:21px;left:-5px}
.ranking h2{width:100%;font-weight:bold;font-size:30px;text-indent:70px;line-height:1;padding: 15px 0;}
.rankingBg{width:100%;height:auto;padding-bottom:15px;}
ul.slider{width:95%;height:auto;margin:0px auto 0;padding-top:20px;position:relative;}
ul.slider li img{width:100%;}
.leftSliderBtn{position:absolute;top:70px;left:-5px;width:30px;}
.rightSliderBtn{position:absolute;top:70px;right:-5px;width:30px;}

.campaign {
  width: 95%;
  padding: 35px 5px 5px;
  margin: 45px auto 15px;
}

.campaignTitle{
  width:250px;
  top: -20px;
}

.campaignInner {
  height: auto;
  margin: 0 auto;
  padding: 5px 15px 30px;
  width: 100%;
}

.campaign::before,
.campaign::after {
  content: '';
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  background-size:100% 100%;
}
.campaign > div.camDesign3{width:36px;}

.campaign h3{margin-bottom:10px;font-size:1.5em;font-weight:bold;line-height:1.2;}
.campaign p{width:100%;color:#000000;font-size: 0.75em;line-height:1.7em;}
.photo{margin:0 auto;display:block;margin:15px auto 0;width:95%;}
.btn{margin:0 auto;display:block;margin:15px auto 0;width:95%;padding-bottom:10px;}
.button {display:block;width:100%;height:auto;margin:15px auto 25px;}
.button a {display: block;position: relative;z-index: 2;overflow: hidden;width:90%;height:50px;background-image: url("../images/btn/btn_back.png");background-size:100% 100%;background-position: center bottom;background-repeat: no-repeat;padding: 0;text-align: center;text-decoration: none;transition: .25s linear;-webkit-transition: .25s linear;-moz-transition: .25s linear;margin:0 auto;display:block;}
.button a:before {
  background-size: 100%;
  background-repeat: no-repeat;
  left: 10px;
  height: 9vw;
  content: '';
  position: absolute;
  z-index: 20;
  width: 140px;
  pointer-events: none;
  bottom: 17.5%;
  width: calc(95% - 64%);
  left: 4%;
  top:unset;
}
.button a:after {
  bottom: 25%;
  left: 34%;
  width: 65%;
  height: 7vw;
}
@keyframes shiny {
    0% {left: -30%;}
    20% {left: 120%;}
    100% {left: 120%;}
}
@-webkit-keyframes shiny {
    0% {left: -30%;}
    20% {left: 120%;}
    100% {left: 120%;}
}
@-moz-keyframes shiny {
    0% {left: -30%;}
    20% {left: 120%;}
    100% {left: 120%;}
}


table.rankDetailTbl{width:90%;margin:10px auto 8px;}
table.rankDetailTbl tr th{width:25%;padding:7px 0;font-size: 0.8125em;background-size: 100%;}
table.rankDetailTbl tr td{width:25%;padding:7px 0;text-align:center;}
.itemDetail__detailTable tr th,.itemDetail__detailTable tr td{font-size:0.75em}
.itemDetail__h2Title {font-size:1.5em;line-height:1.5;text-indent:0;padding:0.2em 0.5em;}

  .choose p,.choose img{width:90%;}
  .choose h2.rankH2{width:100%;}
/*------------------------------------------------------------------------------- /ranking -------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- right -------------------------------------------------------------------------------*/
.right{display:none;}
/*------------------------------------------------------------------------------- /right -------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- footer -------------------------------------------------------------------------------*/
.footerMenu{width:100%;height:auto;background:#eeffff;text-align:center;padding-top:10px;}
img.footerLogo{width:60%;text-align:center;margin:0px auto 0;display:block;}
.footerMenu table{width:300px;height:30px;display:block;margin:10px auto 0;font-size: .75em;;display:block;}
.footerMenu table td{width:33%;padding:5px 10px;border-left:1px solid #b4b4b4;}
.footerMenu table td:last-child{width:33%;padding:5px 5px;border-left:1px solid #b4b4b4;border-right:1px solid #b4b4b4;}
.footerMenu table td a{color:#646464 !important;}
footer{width:100%;height:auto;background:#0064dc;text-align:center;}
footer p{color:#fff;font-size: .75em;;text-align:center;line-height:1.3em;padding:10px 0;}
footer p a{color:#fff !important;}
/*------------------------------------------------------------------------------- /footer -------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- 下層ページ -------------------------------------------------------------------------------*/
article .shoukenH2, article .rankH2{width:95%;height:auto;font-weight:bold;font-size: 1.25em;text-indent:0.5em;line-height:1.8em;margin:15px auto 15px;}
article p{width:95%;color:#151515;font-size: 1em;line-height:1.5;margin:0 auto;}
/*------------------------------------------------------------------------------- /下層ページ -------------------------------------------------------------------------------*/

.searchBox{}
.searchTitle {
  background-size: contain;
  padding: 16px;
  text-indent: 45px;
  text-shadow: 1px 1px 0px #c1bda9;
}
.shoukenSearchForm {}
.shoukenSearchForm dl {display: block;}
.shoukenSearchForm dl dt{
  display: block;
  width: 100%;
  padding: 0.5rem 1rem 0.5rem 1rem;
}
.shoukenSearchForm dl dd {
  display: block;
  padding: 1.0rem 0.5rem 0.9rem 0.5rem;
  line-height: 150%;
  font-size:0;
}
.shoukenSearchForm dl dd label{
  font-size:16px;
  line-height:1.5em;
}
.shoukenSearchForm dl dd br {display: none;}
.shoukenSearchForm dl:not(:nth-of-type(3)) dd label {display: inline-block;}
  .shoukenSearchForm dl:not(:nth-of-type(3)) dd label:nth-of-type(n+2) {margin-left: 0;}
  .shoukenSearchForm dl:not(:nth-of-type(3)) dd label {
    display: inline-block;
    width: calc( (100% - 1.4rem) / 2 );
  }

.shoukenSearchForm dl:nth-of-type(3) dd {}
.shoukenSearchForm dl:nth-of-type(3) dd label {}
.shoukenSearchForm dl:nth-of-type(3) dd label {width: calc( 100% / 3 );}
.shoukenSearchForm dl:nth-of-type(3) dd label:nth-of-type(7) {
  width: calc(100% / 3 * 2 );
}
.shoukenSearchForm dl:nth-of-type(3) dd label:nth-of-type(10) {width: calc(100% / 3 );}
.shoukenSearchForm dl:nth-of-type(5) dd label {}
.shoukenSearchForm dl:nth-of-type(5) dd label:nth-of-type(1) {width: 100%;}
.shoukenSearchForm p button {width: 100%;}
.shoukenSearchForm p button img {width: 100%;}

/*------------------------------------------------------------------------------- footerMenu -------------------------------------------------------------------------------*/
.footerMenu {width:100%;height:auto;background:#dad3cb;text-align:center;padding:10px 0 25px;}
.footerMenu table {border-collapse:collapse;table-layout:fixed;width:995px !important;height: auto;margin: 0px auto 0;font-size: .75em;;display:block;}
.footerMenu table td {width:199px !important;padding: 5px 15px;border-left: 1px solid #b4b4b4;text-align:center;}
.footerMenu table td a{font-size:12px !important;color:#2f2f2f !important;}
.footerMenu table td:last-child{width:33%;padding:5px 5px;border-left:1px solid #b4b4b4;border-right:1px solid #b4b4b4;}
.footerMenu table td.borderNon {width:199px !important;padding: 0px 0px 2px;border:none;text-align:left;height:30px;}
/*------------------------------------------------------------------------------- /footerMenu -------------------------------------------------------------------------------*/
/**********************************/


/*
 * トップページ/アーカイブの記事一覧スタイル
 */

  .cardtype__article {
   float: none;
   width: 100%;
   margin-left: 0;
   margin-right: 0;
  }

  .cardtype h3 {
   min-height: 0;
  }
}

.voice__block {
  padding: 10px 15px;
  margin: 0 auto 10px;
  border-radius: 10px;
  width: 92%;
  min-height: 300px;
  position: relative;
  background-color: #fff;
}
.voice__fukidashi p{font-size: 1em;line-height: 1.2}
.voice__person {
  text-align: right;
  display: block;
  margin-top: 50px;
  margin-bottom: 10px;
  margin-right: 20px;
}

.voice__person:after {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  content: '';
  height: 90px;
  position: absolute;
  right: -90px;
  width: 80px;
  bottom: -4px;
}
.voice__person--man1:after { background-image: url(/wp-content/themes/shouken/images/man/man1.png);}
.voice__person--man2:after { background-image: url(/wp-content/themes/shouken/images/man/man2.png);}
.voice__person--man3:after { background-image: url(/wp-content/themes/shouken/images/man/man3.png);}
.voice__person--woman1:after { background-image: url(/wp-content/themes/shouken/images/man/woman1.png);}
.voice__person--woman2:after { background-image: url(/wp-content/themes/shouken/images/man/woman2.png);}
.voice__person--woman3:after { background-image: url(/wp-content/themes/shouken/images/man/woman3.png);}
.voice__person {
  position: absolute;
  bottom: 20px;
  right: 85px;
  font-size: 1em;
  line-height: 1;
}

h2.contentsTitle {
  width: 100%;
  color: #fff;
  font-weight: 700;
  font-size: 1.875em;
  background: #0064dc;
  padding: 10px 0;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 15px;
}

.contentsTitle__span {
  font-size: .7em;
}

.sortButton {font-size: 0;}
.sortButton__button {
  width: 12%;
  width: -webkit-calc(100%/8);
  width: calc(100%/8);
  height: 35px;
  border: #fff solid 1px;
  background: linear-gradient(to bottom,#8baad0,#049);
  color: #fff;
  font-size: .75rem;
}

.sortButton__button img {
  width: 25px;
  margin-left: 5px;
}

@media screen and (max-width: 480px){
  .voice__block {
    padding: 10px 12px;
    margin: 0 auto 10px;
    border-radius: 10px;
    width: 98%;
    min-height: 450px;
  }

  h2.contentsTitle {
    width: 100%;
    font-weight: 700;
    font-size: 2.1875em;
    line-height: 1.5em;
  }

  .sortButton__button {
    height: 65px;
    position: relative;
  }

  .sortButton__button img {
    width: 25px;
    margin-left: unset;
    display: block;
    bottom: 5px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
  }
}

#sideColumn li {line-height: 1.5;}

#sideColumn a {
  display: block;
  background: linear-gradient(135deg, #fef093, #fed039 44%);
  color: #313131;
  padding: 10px;
  line-height: 1.5;
  margin: 1% 0;
  border-bottom: #ffbc13 2px solid;
  border-right: #ffbc13 2px solid;
  text-shadow: 0px 0px 5px #000;
  font-weight: bold;
  min-height: 50px;
  color: #FFFFFF;
}
#sideColumn a:hover {text-decoration: none;}

#sideColumn li:last-child a {text-align:center;}





/*========== 新規 ==========*/
.ranking__firstBlock::after {display: block;content: '';clear: both;}
.ranking__itemImage { width: 100%;}
.ranking__raderChart {width: 49%;padding: 10px;display: inline-block;}
.ranking__scoreBlock {text-align: center;font-size: 1.875em;font-weight: bold;}
.ranking__score {font-size: 2em;color: #f00;}
h3.ranking__feeTitle{
  padding: 15px 10px;
  font-size: 1.375em;
  background-color: #035aa6;
  color: #fff;
  font-weight: bold;
  background: #035aa6;
  margin-bottom: 10px;
}
@keyframes tabAnim{
  0%{left:-100%;}
  100%{left:0;}
  }
.feeTable{width: 50%;height: auto; margin:0px auto 10px;display: inline-block;vertical-align: top}
input[type="radio"]{display:none;}
.tab_area{font-size:0; margin:0 10px;}
.tab_area label{width: 46%;
  width: -webkit-calc(50% - 7.5px);
  width: calc(50% - 7.5px);
  margin: 0 5px 0 2.5px;
  display: inline-block;
  padding: 12px 0;
  color: #e7e7e7;
  background: #f3cf6e;
  text-align: center;
  font-size: .8125rem;
  cursor: pointer;
  transition: ease 0.2s opacity;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  box-shadow: 0px 1px 4px #00000036;}
.tab_area label:hover{opacity:0.5;}
.panel_area{overflow: hidden;height: 313px;position: relative;box-shadow: 0px 1px 4px #00000036;}
.tab_panel{width:100%; background:#fff; overflow:hidden; position:absolute; height:100%;}
.tab_panel p{font-size: .875em;; letter-spacing:1px; text-align:center; padding:80px 0;}
#tabs {font-size: 1em;}
#feeTableTab1__sbi:checked ~ .panel_area #panel1__sbi,
#feeTableTab2__sbi:checked ~ .panel_area #panel2__sbi,
#feeTableTab1__rakuten:checked ~ .panel_area #panel1__rakuten,
#feeTableTab2__rakuten:checked ~ .panel_area #panel2__rakuten,
#feeTableTab1__matsui:checked ~ .panel_area #panel1__matsui,
#feeTableTab2__matsui:checked ~ .panel_area #panel2__matsui,
#feeTableTab1__neoTrade:checked ~ .panel_area #panel1__neoTrade,
#feeTableTab2__neoTrade:checked ~ .panel_area #panel2__neoTrade,
#feeTableTab1__monex:checked ~ .panel_area #panel1__monex,
#feeTableTab2__monex:checked ~ .panel_area #panel2__monex,
#feeTableTab1__smbc:checked ~ .panel_area #panel1__smbc,
#feeTableTab2__smbc:checked ~ .panel_area #panel2__smbc,
#feeTableTab1__okasan:checked ~ .panel_area #panel1__okasan,
#feeTableTab2__okasan:checked ~ .panel_area #panel2__okasan,
#feeTableTab1__iwaiCosmo:checked ~ .panel_area #panel1__iwaiCosmo,
#feeTableTab2__iwaiCosmo:checked ~ .panel_area #panel2__iwaiCosmo,
#feeTableTab1__gmoClick:checked ~ .panel_area #panel1__gmoClick,
#feeTableTab2__gmoClick:checked ~ .panel_area #panel2__gmoClick,
#feeTableTab1__aukabucom:checked ~ .panel_area #panel1__aukabucom,
#feeTableTab2__aukabucom:checked ~ .panel_area #panel2__aukabucom,
#feeTableTab1__neomobile:checked ~ .panel_area #panel1__neomobile,
#feeTableTab2__neomobile:checked ~ .panel_area #panel2__neomobile,
#feeTableTab1__musashi:checked ~ .panel_area #panel1__musashi,
#feeTableTab2__musashi:checked ~ .panel_area #panel2__musashi,
#feeTableTab1__dmm:checked ~ .panel_area #panel1__dmm,
#feeTableTab2__dmm:checked ~ .panel_area #panel2__dmm,
#feeTableTab1__naito:checked ~ .panel_area #panel1__naito,
#feeTableTab2__naito:checked ~ .panel_area #panel2__naito,
#feeTableTab1__tachibana:checked ~ .panel_area #panel1__tachibana,
#feeTableTab2__tachibana:checked ~ .panel_area #panel2__tachibana,
#feeTableTab1__line:checked ~ .panel_area #panel1__line,
#feeTableTab2__line:checked ~ .panel_area #panel2__line,
#feeTableTab1__froggy:checked ~ .panel_area #panel1__froggy,
#feeTableTab2__froggy:checked ~ .panel_area #panel2__froggy{animation:tabAnim ease 0.4s forwards; -ms-animation:tabAnim ease 0.4s forwards; z-index:1;}
#feeTableTab1__sbi:checked ~ .tab_area .feeTableLabel1,
#feeTableTab2__sbi:checked ~ .tab_area .feeTableLabel2,
#feeTableTab1__rakuten:checked ~ .tab_area .feeTableLabel1,
#feeTableTab2__rakuten:checked ~ .tab_area .feeTableLabel2,
#feeTableTab1__matsui:checked ~ .tab_area .feeTableLabel1,
#feeTableTab2__matsui:checked ~ .tab_area .feeTableLabel2,
#feeTableTab1__neoTrade:checked ~ .tab_area .feeTableLabel1,
#feeTableTab2__neoTrade:checked ~ .tab_area .feeTableLabel2,
#feeTableTab1__monex:checked ~ .tab_area .feeTableLabel1,
#feeTableTab2__monex:checked ~ .tab_area .feeTableLabel2,
#feeTableTab1__smbc:checked ~ .tab_area .feeTableLabel1,
#feeTableTab2__smbc:checked ~ .tab_area .feeTableLabel2,
#feeTableTab1__okasan:checked ~ .tab_area .feeTableLabel1,
#feeTableTab2__okasan:checked ~ .tab_area .feeTableLabel2,
#feeTableTab1__iwaiCosmo:checked ~ .tab_area .feeTableLabel1,
#feeTableTab2__iwaiCosmo:checked ~ .tab_area .feeTableLabel2,
#feeTableTab1__gmoClick:checked ~ .tab_area .feeTableLabel1,
#feeTableTab2__gmoClick:checked ~ .tab_area .feeTableLabel2,
#feeTableTab1__aukabucom:checked ~ .tab_area .feeTableLabel1,
#feeTableTab2__aukabucom:checked ~ .tab_area .feeTableLabel2,
#feeTableTab1__neomobile:checked ~ .tab_area .feeTableLabel1,
#feeTableTab2__neomobile:checked ~ .tab_area .feeTableLabel2,
#feeTableTab1__musashi:checked ~ .tab_area .feeTableLabel1,
#feeTableTab2__musashi:checked ~ .tab_area .feeTableLabel2,
#feeTableTab1__dmm:checked ~ .tab_area .feeTableLabel1,
#feeTableTab2__dmm:checked ~ .tab_area .feeTableLabel2,
#feeTableTab1__naito:checked ~ .tab_area .feeTableLabel1,
#feeTableTab2__naito:checked ~ .tab_area .feeTableLabel2,
#feeTableTab1__tachibana:checked ~ .tab_area .feeTableLabel1,
#feeTableTab2__tachibana:checked ~ .tab_area .feeTableLabel2,
#feeTableTab1__line:checked ~ .tab_area .feeTableLabel1,
#feeTableTab2__line:checked ~ .tab_area .feeTableLabel2,
#feeTableTab1__froggy:checked ~ .tab_area .feeTableLabel1,
#feeTableTab2__froggy:checked ~ .tab_area .feeTableLabel2{ background: #fcbf1e;color: #fff;border-top-right-radius: 10px;border-top-left-radius: 10px;}
.feeTable table {width: 95%;margin: 10px auto 10px;}
.feeTable table td{}
.feeTable table th,
.feeTable table td{width: 50%;font-size: 1em;padding: 9px 2px;text-align:center;border:#fcbf1e solid 2px;background-color:#fff;vertical-align:middle;}
.feeTable table tr:first-of-type th, .feeTable table tr:first-of-type td{background-color: #fcbf1e;color:#fff;}
.feeTable table tr:first-of-type th{border-right: #fff solid 2px;}

.recommendPoint {
  width: 95%;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 45px 20px 15px;
  background: #f5f5f5;
  }
.recommendPoint__title {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 8px;
  box-sizing: border-box;
  padding: 0 12px;
  margin: 0;
  line-height: 30px;
  font-size: 1.125em;
  letter-spacing: 0.1em;
  color: white;
  background: #b2e3ee;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
  text-shadow: 2px 2px 0px #65c2d6, 2px 1px 0px #65c2d6, 2px 0px 0px #65c2d6, 2px -1px 0px #65c2d6, 2px -2px 0px #65c2d6, 1px 2px 0px #65c2d6, 1px 1px 0px #65c2d6, 1px 0px 0px #65c2d6, 1px -1px 0px #65c2d6, 1px -2px 0px #65c2d6, 0px 2px 0px #65c2d6, 0px 1px 0px #65c2d6, 0px 0px 0px #65c2d6, 0px -1px 0px #65c2d6, 0px -2px 0px #65c2d6, -1px 2px 0px #65c2d6, -1px 1px 0px #65c2d6, -1px 0px 0px #65c2d6, -1px -1px 0px #65c2d6, -1px -2px 0px #65c2d6, -2px 2px 0px #65c2d6, -2px 1px 0px #65c2d6, -2px 0px 0px #65c2d6, -2px -1px 0px #65c2d6, -2px -2px 0px #65c2d6;
}
.recommendPointNarrow .recommendPoint__title {
  height: 30px;
}
.recommendPointWide .recommendPoint__title {
  height: 60px;
}
.recommendPoint__title::before {
  position: absolute;
  content: '';
  top: 0;
  left: -7px;
  border: none;
  width: 7px;
  background: #b2e3ee;
  border-radius: 5px 0 0 5px;
}
.recommendPointNarrow .recommendPoint__title::before {height: 38px;}
.recommendPointWide .recommendPoint__title::before {height: 68px;}
.recommendPoint__title::after {
  position: absolute;
  content: '';
  left: -5px;
  bottom: -7px;
  border: none;
  height: 7px;
  width: 5px;
  background: #7e9297;
  border-radius: 5px 0 0 5px;
}
.recommendPoint__inner p{font-size:1em;;margin-bottom:1.1em;line-height: 1.5em;font-weight: normal;}
.recommendPoint__highlight {background-color:#ffdc7e;background:-webkit-linear-gradient(180deg, transparent 60%,#ffdc7e 60%);background:linear-gradient(180deg, transparent 60%,#ffdc7e 60%);}
.swiper-container {
  width: 700px;
  height: 300px;
  margin-bottom: 80px;
}

@media screen and (max-width: 480px) {
  .tab_area label:hover{opacity:unset;}
  .ranking__itemImage,.ranking__raderChart {display:inline-block;float:unset;}
  .ranking__itemImage{width: 100%;}
  .ranking__raderChart {width: 80%;padding: 5px;margin: auto;display: block;}
  .ranking__scoreBlock {text-align: center;font-size: 1.5em;font-weight: bold;}
  .feeTable{width: 100%;float: unset;}
  .swiper-container{width:100%;height: 450px}
  .ranking .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0px;}
  .ranking .swiper-button-next, .ranking .swiper-button-prev {height:27px;}
  .recommendPoint {padding: 50px 5px 15px;}
  .recommendPointNarrow{padding-top: 45px;}
  .recommendPointWide{padding-top: 75px;}
}
/*=============== 証券会社詳細ページ ================*/
h3.itemDetail__h3Title {font-size:28px;line-height:2em;color:#039;}
article p.cardParagraph{margin-bottom:2em;}
.cardParagraph{line-height:1.8em;}
h3.itemDetail__h3Title,.cardParagraph{margin-left:39px;}
.stepCard{background-color:#ffe;padding:1.5em 1.5em 1.5em 15px;box-shadow:2px 2px 4px 1px #aaa;position:relative;}
.circle{display:inline-block;position:absolute;width:24px;height:24px;border-radius:12px;background-color:#f3f2ea;top:calc(50% - 12px);box-shadow:2px 2px 4px 1px #aaa inset;}
.triangle{width: 0;height: 0;border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 30px solid #039;margin:0.5em auto;}
.kaisetsu_btn{animation:fluffy1 3s ease infinite;margin-bottom:1.5em;}
kaisetsu_btn:hover{opacity:0.9;transition:0.5s;}
h1.itemDetail__h1Title{width:100%;font-size:70px;font-weight:800;line-height:130px;padding-left:1em;border-radius:10px;color:#fff;margin:16px 0 10px 0;box-shadow:2px 2px 4px 1px #aaa;}
.stepCard dl,.stepCard ul{margin-left:39px;}
.stepCard dt{color:#039;margin-bottom:0.5em;}
.stepCard dd{text-indent:1em;font-weight:400;}
.reviewWrap{width:97%;margin:0 auto;}
.reviewContainer{width:100%;margin-top:1.5em;}
.reviewer{width:15%;display:inline-block;text-align:center;vertical-align:bottom;}
.reviewer img{width:85%;vertical-align:bottom;}
.reviewBox_left,.reviewBox_right{
  min-height: 180px;
  display:inline-block;
  position: relative;
  padding: 20px;
  width:84%;
  background-color: #eee;
  border: 1px solid #666;
  border-radius:15px
}
.reviewBox_left::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 70%;
  border-left: 15px solid #666;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.reviewBox_left::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -13.5px;
  top: 70%;
  border-left: 15px solid #eee;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.reviewBox_right::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 70%;
  border-right: 15px solid #666;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
.reviewBox_right::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -13.5px;
  top: 70%;
  border-right: 15px solid #eee;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}
@media screen and (max-width: 780px){.stepCard{width:95%;margin:0 auto;}}
@media screen and (max-width: 480px){h1.itemDetail__h1Title{line-height:60px;font-size:8vw;}h2.itemDetail__h2Title{font-size:4.7vw;-webkit-text-size-adjust: 100%;}article p.cardParagraph{width:auto;margin-bottom:0;}h3.itemDetail__h3Title{font-size:22px;}.reviewBox_left,.reviewBox_right{width:75%;}.reviewer{width:23%;}.reviewBox_left::before,.reviewBox_left::after,.reviewBox_right::before,.reviewBox_right::after{top:80%;}img.kaisetsu_btn{width:95%;}.itemDetail__feeTable th,.itemDetail__feeTable td{font-size:2.5vw;-webkit-text-size-adjust: 100%;}}
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*=============== サイトマップ ================*/
.siteMap{background-color:#fff;}
.siteMap h1{
  width: 780px;
    height: 50px;
    color: #fff;
    background: #0064dc;
    font-weight: bold;
    font-size: 1.75em;
    text-indent: 0.5em;
    line-height: 1.8em;
    margin: 15px auto;
}
.siteMapLeft,.siteMapRight{
  width:50%;
  padding:1em;
}
.siteMapWrap{display:flex;}
.siteMapH2{
  line-height:2em;
  border:solid 1px #333;
  border-left:solid 3px #0064dc;
  padding:0 1em;
  margin-bottom:0.5em;
  color:#333;
}
.siteMapH2 a{
  color:#333;
}
.siteMapUl{
  margin-bottom:1em;
}
.siteMapUl li::before{
  font-family:'Font Awesome 5 Free';
  color: #0064dc;
  content:"\f105";
  position:absolute;
  top:0.15em;
  left:-1em;
}
.siteMapUl li{
  position:relative;
  margin-left:2em;
  margin-bottom:0.5em;
}
.siteMapUl li a{
  font-size:14px;
  color:#333;
  text-indent:1.5em;
  line-height:1.5em;
}

@media screen and (max-width: 480px){
  .siteMapLeft,.siteMapRight{
    display:block;
    width:100%;
    padding:0 0.5em;
  }
  .siteMapWrap{display:block;}
}
/*  */
/*  */
/*  */
/*=============== タブレット対応用 ================*/
/*============== トップページ ================*/
@media screen and (max-width: 1000px){
  .searchBox{max-width:780px;margin:0 auto;}
  h2.searchTitle{width:780px;}
  .container{width:100%;}
  #tabs,.topTopic{max-width:780px;margin:0 auto;}
  .right{display:none;}
  .left{margin:0 auto;float:none;width:100%;}
  .ranking,.rankingBg{width:100%;max-width:780px;}
  .campaign{width:90%;height:auto;}
  .campaignInner{width:100%;}
  .campaign p{width:100%;}
  .button{width:90%;}
  .button a{width:100%;background-size:100% 100%;}
  .button a::before{width: calc(95% - 64%);left:2%;height:100%;top:0;background-position:center;}
  .button a::after{width: calc(95% - 31%);height:100%;top:0;background-position:center;}
  .cardtype h3{height:89px;}
  a.cardtype__link{padding:0;}
  .hiddenHead01,.hiddenHead02,.hiddenHead03,.hiddenParagraph01,.hiddenParagraph02,.hiddenParagraph03{max-width:780px;width:100%;margin:0 auto;}
}
@media screen and (max-width: 780px){
  #tabs-1 table.ichiran {overflow: scroll;width: 780px !important;border-radius: 15px !important;border: 2px solid #002e86;margin: 0px auto 0;}
    .ui-tabs-panel {overflow: scroll;}
    .scroll {width: 100%;margin: 0 auto;overflow-x: scroll !important;}
}
/*============= ランキングページ ==============*/
@media screen and (max-width: 1000px){
  table.sp{display:block;width:100%;max-width:780px;}
  ul.pc,a.pc{display:none;}
}

/*============= スマホで口コミの影非表示 ==============*/
@media screen and (max-width: 480px){
  .swiper-container-cube .swiper-cube-shadow{display:none;}
}




h3.listedBrand__title {
  padding: 15px 10px;
  font-size: 1.375em;
  background-color: #035aa6;
  color: #fff;
  font-weight: bold;
  background: #035aa6;
  margin-bottom: 20px;
}

.listedBrand {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 60px;
  height: 14em;
  overflow-y: hidden;
  position: relative;
}

.listedBrand--on {
  height: auto !important;
  overflow-y: visible;
}

.listedBrand:after {
  content: '続きを読む';
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 27px;
  text-align: center;
  background: linear-gradient(180deg, transparent ,#FFF 50%);
  padding-top: 60px;
}

.listedBrand--on:after {
  content: '閉じる';
  background: transparent;
  height: auto;
  margin-top: 0;
  bottom: -30px;
}


.listedBrand table {
  width: calc(50% - .75em);
  border: 2px solid #000;
}
.listedBrand table:first-child {margin: .5em .25em .5em .5em;}
.listedBrand table:nth-child(2) {margin: .5em .5em .5em .25em;}
.listedBrand table td{
  padding: .5em;
  border: 2px solid #120136;
  height: 3.5em;
  vertical-align: middle;
}

.listedBrand table th{
  padding: .5em;
  font-size: 1.2em;
  background: #120136;
  color: #fff;
  vertical-align: middle;
}
.listedBrand table th:first-child{width: 76%;border-right: #fff 2px solid;}


@media screen and (max-width: 480px) {
  .listedBrand {display: block;}
  .listedBrand table {width: 95%;}
  .listedBrand table:first-child {margin: .5em auto 0;border-bottom: none;}
  .listedBrand table:first-child tr:last-child td {border-bottom:none}
  .listedBrand table:nth-child(2) {margin: 0 auto .5em;}
  .listedBrand table:nth-child(2) thead { display: none;}
  .listedBrand table td:first-child{ width: 76%;}
}

/* -----------------------総合ランキング結論-------------- */
h3.merit_title{
  padding: 15px 10px;
  font-size: 1.375em;
  background-color: #035aa6;
  color: #fff;
  font-weight: bold;
  background: #035aa6;
  margin-bottom: 20px;
}

.meritH4{
  font-size: 1.5rem;
  color: #035aa6;
  text-shadow: 1px 1px 0px #ddd;
  padding-left: 2em;
  margin: 2rem 0 0.5rem;
  text-indent: -1.5em;
}

.meritH4::before{
  font-family: 'Font Awesome 5 Free';
  content: "\f14a";
  margin-right: 0.5em;
}

.meritTable{
  width: 84%;
  margin:1rem 5% 0 11%;
  border: solid 2px #c8c8c8;
  border-collapse: collapse;
  color: #333;
}

.meritTable th,.meritTable td{
  height: 40px;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #c8c8c8;
}

.meritTable th{
  color: #002e86;
  background-color: #d3f0fe;
}

.meritTable tr.meritTable_no1{
  position: relative;
  border: solid 2px #002e86;
  background-color: #fff7db;
}

.meritTable tr.meritTable_no1 td{
  height: 60px;
  color: #ee0000;
  font-size: 20px;
}

.meritTable tr.meritTable_no1 td:first-child{
  background-color: #fff7db;
  height: 62px;
  position: absolute;
  width: calc(20% / 84 * 100);
  bottom: -3px;
  left: calc((100% / 6 - 20% / 84 * 100) - 3%);
  border: solid 2px #002e86;
  border-right: none;
  background-image: url(/wp-content/themes/shouken/images/itemLogo/itemLogo_sbi.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.tableAttention{
  font-size: 0.7em;
  color: #555;
  margin:0 5% 1rem 11%;
  width: 84%;
}

.meritP{
  font-size: 15px;
  line-height: 2em;
  width: 95%;
  margin: 0 auto 1em;
}

.meritP .important{
  background-color: #ffdc7e;
  background: -webkit-linear-gradient(180deg, transparent 60%,#ffdc7e 60%);
  background: linear-gradient(180deg, transparent 60%,#ffdc7e 60%);
}

.merit2_container,.merit3_container{
  display: flex;
  width: 95%;
  margin: 0 auto;
}

.merit2_container p,.merit3_container p{
  margin: 0 auto 1em 0;
}

.merit2_container img,.merit3_container img{
  width: 35%;
}

@media screen and (max-width: 480px){
  .meritH4{
    font-size: 5.5vw;
  }

  .meritTable{
    font-size: 3vw;
  }

  .meritTable tr.meritTable_no1 td{
    font-size: 4vw;
  }

  .meritP{
    font-size: 3.5vw;
    /* line-height: 5vw; */
  }

  .merit2_container,.merit3_container{
    flex-wrap: wrap;
  }

  .merit2_container p,.merit3_container p{
    width: 100%;
  }

  .merit2_container img,.merit3_container img{
    width: 100%;
    margin-bottom: 1em;
  }
}


/* 今月のおすすめ */
#month_recommend {
	width: 100%;
	margin: 0 auto 1rem;
	background-color: #fff;
	border-radius: 10px;
	border: solid 2px #65c2d6;
}

#month_recommend h2 {
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.7em;
	background-color: #65c2d6;
	background: linear-gradient(-45deg,#65c2d6 25%,#55b2c6 25%,#55b2c6 50%,#65c2d6 50%,#65c2d6 75%,#55b2c6 75%);
	background-size: 8px 8px;
	color: #fff;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
	border-radius: 8px 8px 0 0;
}

#month_recommend .content_wrap {
	flex-wrap: wrap;
	padding: .5rem 1rem 1rem;
	justify-content: space-between;
}

#month_recommend .content_wrap.pc {
	display: flex;
}
#month_recommend .content_wrap.sp {
	display: none;
}

#month_recommend .content_wrap h3{
	width: 98%;
	margin: 0 auto .5em;
	font-size: 1.3rem;
	text-align: center;
	color: #333;
}

#month_recommend .content_wrap .content_left,
#month_recommend .content_wrap .content_right {
	width: 49%;
	margin: 0 auto;
}

#month_recommend .content_wrap .content_right {
	display: flex;
	flex-wrap: wrap;
}

#month_recommend .content_wrap .content_right h4 {
	color: #FF6B6B;
	font-size: 1.2rem;
	line-height: 1.3em;
}

#month_recommend .content_wrap .content_right p {
	font-size: .9rem;
	line-height: 1.5em;
	width: 100%;
	color: #666;
}

#month_recommend .content_wrap .content_right a {
	display: block;
	margin-top: auto;
	width: 100%;
	background-color: #2FDD92;
	color: #fff;
	text-align: center;
	line-height: 2.5em;
	border-bottom: solid 3px #0FBD72;
	border-radius: 5px;
	position: relative;
}

#month_recommend .content_wrap .content_right a::after{
	position: absolute;
	content: "\f35a";
	font-family: 'Font Awesome 5 Free';
	top: 0;
	right: 1em;
}

#month_recommend .content_wrap .content_right a:hover{
	text-decoration: none;
}

@media screen and (max-width : 480px) {
	#month_recommend {
		width: 96%;
	}

	#month_recommend h2 {
		font-size: 5vw;
	}

	#month_recommend .content_wrap {
		padding: 1vw 2vw 2vw;
	}

	#month_recommend .content_wrap.pc {
		display: none;
	}

	#month_recommend .content_wrap.sp {
		display: flex;
	}

	#month_recommend .content_wrap h3{
		font-size: 5vw;
		margin-bottom: 1vw;
	}

	#month_recommend .content_wrap h3 img {
		width: 60%;
	}

	#month_recommend .content_wrap .content_left{
		width: 35%;
	}

	#month_recommend .content_wrap .content_right {
		width: 63%;
	}

	#month_recommend h4 {
		font-size: 4vw;
		color: #FF6B6B;
		font-size: 1.2rem;
		line-height: 1.3em;
	}

	#month_recommend .content_wrap .content_right a {
		font-size: 3.5vw;
	}

	#month_recommend .content_wrap .content_right p {
		font-size: 3vw;
		line-height: 1.75em;
	}
}


/*=================== NISA比較表 ====================*/
.nisaTable_container{
	width: 100%;
	margin: 0 auto 2rem;
	background-color: #fff;
}

.nisaTable_container h2{
	background-color: #002cb2;
	background: linear-gradient(-45deg,#002cb2 25%,#103cc2 25%,#103cc2 50%,#002cb2 50%,#002cb2 75%,#103cc2 75%);
	background-size: 10px 10px;
	color: #fff;
	font-size: 2rem;
	padding: .3em .5em;
	margin-bottom: 1rem;
}

.nisaTable_tabs{
	width: 96%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}

.nisaTable_tabs .nisaTable_tab{
	display: block;
	width: calc((100% - 5px) / 2);
	height: 100%;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 2em;
	border-radius: 0;
	border: none;
	text-align: center;
	background-color: #ddd;
	color: #999;
}

.nisaTable_tabs .nisaTable_tab.active{
	background-color: #ffd567;
	color: #fff;
	/* text-shadow: 2px 2px 0 #fff; */
}

.nisaTables{
	width: 96%;
	margin: 0 auto;
	border: solid 2px #ffd567;
	padding: 1rem 2%;
}

.nisaTables .nisaTable{
	width: 100%;
}

.nisaTables .nisaTable:not(.nisaTable_active){
	display: none;
}

.nisaTables .nisaTable th,
.nisaTables .nisaTable td{
	border: solid 1px #eee;
	padding: .5em;
	text-align: center;
	vertical-align: middle;
}

.nisaTables .nisaTable th{
	background-color: #eee;
	width: 16%;
	font-size: .8rem;
	padding: 1em 0;
	color: #333;
}

.nisaTables .nisaTable th:first-child{width: 9%;}
.nisaTables .nisaTable th:nth-child(2){width: 15%;}
.nisaTables .nisaTable th:last-child{width: 15%;}

.nisaTables .nisaTable tbody tr:nth-child(1){
	border: solid 3px #FF8B8B;
	/* background-color: #FFF7DB; */
}

.nisaTables .nisaTable tbody td:first-child .nisaTable_rank{
	padding: .2em;
	color: #fff;
	background-color: #a3e0d6;
	border-radius: 100%;
	width: 1.4em;
	display: inline-block;
}

.nisaTables .nisaTable tbody tr:nth-child(1) td:first-child .nisaTable_rank{background-color: #e7a001;}
.nisaTables .nisaTable tbody tr:nth-child(2) td:first-child .nisaTable_rank{background-color: #b4bbd6;}
.nisaTables .nisaTable tbody tr:nth-child(3) td:first-child .nisaTable_rank{background-color: #a1887f;}

.nisaTables .nisaTable tbody td:nth-child(2){
	font-size: .6rem;
}

.nisaTables .nisaTable tbody td:nth-child(2) img{
	width: 90%;
}

.nisaTables .nisaTable tbody td:nth-child(2) a{
	color: #000;
}

.nisaTables .nisaTable tbody td:last-child a{
	display: block;
	width: 100%;
	line-height: 2em;
	background: linear-gradient(#fff 50%,#f3f3f3 50%);
	border: solid 2px #f3f3f3;
	box-shadow: 0 3px #ddd;
	border-radius: 6px;
	color: #333;
}

.nisaTables .nisaTable tbody tr:first-child td:last-child a{
	background: linear-gradient(#2FDD92 50%,#34BE82 50%);
	border: solid 2px #34BE82;
	box-shadow: 0 3px #149E62;
	color: #fff;
	text-shadow: 2px 2px 0 rgba(0,0,0,.1);
}

.nisaTable caption{
	caption-side: bottom;
}

.nisaTable caption p {
	font-size: .5em!important;
	text-align: left;
	color: #777;
	font-weight: 400;
}


@media (max-width: 480px){
	.nisaTable_container {
		margin-bottom: 0;
	}
	.nisaTable_container h2{
		font-size: 6vw;
	}
	.nisaTable_tabs .nisaTable_tab{
		font-size: 4vw;
	}
	.nisaTables{
		padding: 1vw;
	}
	.nisaTables .nisaTable th, .nisaTables .nisaTable td{
		padding: .5em .2em;
	}
	.nisaTables .nisaTable th{
		font-size: 2.7vw;
		width: 14%;
	}
	.nisaTables .nisaTable th:first-child{width: 8%;}
	.nisaTables .nisaTable th:nth-child(2){width: 20%;}
	.nisaTables .nisaTable th:last-child{width: 18%;}
	.nisaTables .nisaTable td{
		font-size: 3vw;
	}
	.nisaTables .nisaTable tbody td:nth-child(2){
		font-size: 2.7vw;
	}
	.nisaTables .nisaTable tbody td:nth-child(2) img{
		width: 100%;
	}
}


/* =================PR枠================ */
.pr{
	width: 100%;
	margin: 0 auto 1rem;
}

.pr h2{
	text-align: center;
	margin-bottom: .5em;
}

.pr .pr_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.pr .pr_box .pr_item{
	width: 49%;
}

.pr .pr_box .pr_item h3{
	text-align: center;
	background: #120136;
	color: #fff;
	font-weight: bold;
	line-height: 2em;
}

.pr .pr_box .pr_item img{
	vertical-align: bottom;
}

.pr .pr_box .pr_item p{
	text-align: center;
	background: #fff;
	padding: .7em .5em;
	font-weight: bold;
	font-size: 1.1rem;
	line-height: 1em;
	margin-bottom: .5rem;
}

.pr .pr_box .pr_item .pr_btn{
	display: block;
	text-align: center;
	background: linear-gradient(#7EDB73 50%,#6ECB63 50%);
	color: #fff;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 4px #5EBB53;
	font-size: 1.2rem;
	font-weight: bold;
	border-radius: 6px;
	padding: .5em;
}

.pr .pr_box .pr_item .pr_btn:hover{
	text-decoration: none;
}

@media screen and (max-width : 480px){
	.pr .pr_box .pr_item h3{
		font-size: 4vw;
	}

	.pr .pr_box .pr_item p{
		font-size: 4vw;
	}

	.pr .pr_box .pr_item .pr_btn{
		font-size: 4vw;
	}
}

.creditCard{
	text-align: center;
	margin: 1rem auto 0;
}
.creditCard p{
	text-align: center;
	font-size: 1.1rem;
}
.creditCard img{
	width: 80%;
	vertical-align: bottom;
}

.creditCard .red{
	color: #d00;
	font-weight: bold;
}

.creditCard .marker{
	background: linear-gradient(transparent 50% , #ffdc7e 50%);
	font-weight: bold;
}

.creditCard .creditCard_textLink{
	text-align: right;
	width: 80%;
	margin: 0 auto;
	font-size: 1rem;
}
.creditCard .creditCard_textLink a{
	text-decoration: underline;
}

@media screen and (max-width : 480px){
	.creditCard p{
		font-size: 3.7vw;
		margin: .5em auto;
	}
	.creditCard img{
		width: 98%;
	}
	.creditCard .creditCard_textLink{
		width: 98%;
		font-size: 3.5vw;
	}
}


/* おすすめコラム */
.recommend_column {
	width: 100%;
	margin: 3rem auto;
}

.recommend_column h3 {
	font-weight: bold;
	font-size: 1.2rem;
	background-color: #0064dc;
	color: #fff;
	padding: .5em;
}

.recommend_column h3::before {
	font-family: 'Font Awesome 5 Free';
	content: "\f044";
	margin-right: .5em;
}

.recommend_column_inner {
	background-color: #fff;
	padding: 1rem;
}

.recommend_column_inner a {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	/* background-color: #f5f5f5; */
	border: solid 2px #fcbf1e;
	position: relative;
	padding-bottom: .5em;
}

.recommend_column_inner a:hover {
	opacity: 1;
	text-decoration: none;
}

.recommend_column_inner a .recommend_column_left {
	width: 25%;
	margin-left: 1%;
}

.recommend_column_inner a .recommend_column_left img {
	vertical-align: bottom;
	width: 100%;
	height: 90px;
	object-fit: cover;
}

.recommend_column_inner a .recommend_column_right {
	width: calc(73% - 10px);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-right: 1%;
}

.recommend_column_inner a h4 {
	width: 100%;
	line-height: 1.5em;
	background-color: #fcbf1e;
	color: #fff;
	padding: .3em .5em;
}

.recommend_column_inner a .recommend_column_right p {
	font-size: 13px;
	line-height: 1.75em;
	color: #555;
}

@media screen and (max-width : 480px) {
	.recommend_column_inner {
		padding: 1em 0;
	}
	.recommend_column_inner a {
		width: 96%;
	}

	.recommend_column_inner a h4 {
		font-size: 3.8vw;
	}

	.recommend_column_inner a .recommend_column_left {
		width: 96%;
		margin: 0 auto;
	}

	.recommend_column_inner a .recommend_column_left img {
		height: 50vw;
	}

	.recommend_column_inner a .recommend_column_right {
		display: none;
		width: 100%;
		margin: 0 auto;
	}
}


/* moomoo証券バナー */
.moomoo_bnr {
	width: 100%;
	margin: 3rem auto;
	background-color: #fff;
	padding-bottom: 1rem;
}

.moomoo_bnr h3 {
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.2em;
	padding: .3em .5em;
	width: 100%;
	margin: 0 auto 1rem;
	position: relative;
	background: #120136;
	color: #fff;
}

.moomoo_bnr h3::after {
	content: "";
	border-style: solid;
	border-width: 1rem 1rem 0;
	border-color: #120136 transparent transparent transparent;
	position: absolute;
	bottom: -1rem;
	left: 50%;
	transform: translateX(-50%);
}

.moomoo_bnr_link {
	display: block;
	width: 96%;
	margin: 0 auto 1rem;
}

.moomoo_bnr_link.sp {
	display: none;
}

.moomoo_bnr ul {
	margin-top: .5rem;
}

.moomoo_bnr ul li {
	text-indent: -1.5em;
	padding-left: 1.5em;
	line-height: 1.2em;
}

.moomoo_bnr ul li::before {
	content: "◆";
	color: #447CF7;
	margin-right: .5em;
}

.moomoo_bnr ul li:not(:last-child) {
	margin-bottom: .7em;
}

.moomoo_bnr h4 span{
	background-color: #fba360;
	color: #fff;
	padding: .5em;
	margin: 0;
	border-radius: 5px 5px 0 0;font-weight: bold;
}

.moomoo_bnr .moomooBtn a {
	display: block;
	width: 96%;
	max-width: 600px;
	margin: .5rem auto;
	text-align: center;
	background: linear-gradient(#7EDB73 50%,#6ECB63 50%);
	color: #fff;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
	box-shadow: 0 4px #5EBB53;
	border-radius: 6px;
	padding: 0.5em;
	font-weight: bold;
	position: relative;
	font-size: 1.3rem;
	overflow: hidden;
}

.moomoo_bnr .moomooBtn a::before {
	content: "";
	width: 30%;
	height: 5em;
	position: absolute;
	background: linear-gradient(-45deg,transparent 33%,rgba(256,256,256,.5) 33%,rgba(256,256,256,.5) 66%,transparent 66%);
	animation: moomooLight 3s infinite;
	top: -1em;
	left: 0;
}

.moomoo_bnr .moomooBtn a::after {
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	content: "\f061";
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
}

.moomoo_bnr .moomooBtn a:hover {
	text-decoration: none;
	opacity: 1;
}

@keyframes moomooLight {
	0%{
		left: -20%;
	}
	30%,100% {
		left: 120%;
	}
}

@media screen and (max-width : 480px) {
	.moomoo_bnr {
		width: 96%;
	}

	.moomoo_bnr h3 {
		width: 100%;
		font-size: 5vw;
	}

	.moomoo_bnr ul li {
		font-size: 3.8vw;
	}

	.moomoo_bnr .moomooBtn a {
		font-size: 4.5vw;
		width: 100%;
	}

	.moomoo_bnr .moomooBtn a::after {
		content: "\f019";
	}

	.moomoo_bnr_link.pc {
		display: none;
	}
	.moomoo_bnr_link.sp {
		display: block;
	}

	.moomoo_bnr .recommendPoint__title {
		font-size: 4.2vw;
	}
}

	.ranking-top-fukidashi {
		color:#d00;
		text-align:center;
		margin:2rem auto -2rem;
		font-size: 1.5rem;
	}

@media screen and (max-width : 480px) {

	.ranking-top-fukidashi {
		color:#d00;
		text-align:center;
		margin:2rem auto -2rem;
		font-size: 5.3vw;
	}
}

#tn_column .column1,
#tn_column .column2 {
	width: 100%;
	margin: 0 auto 1rem;
	background-color: #fff;
	padding-bottom: 1px;
}

#tn_column .column1 {
	border: solid 2px #03C988;
}

#tn_column .column1 .tsumitatenisa_ttl {
	background-color: #03C988;
	background: linear-gradient(-45deg,#03C988 25%,#00B978 25%,#00B978 50%,#03C988 50%,#03C988 75%,#00B978 75%);
	background-size: 16px 16px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: .5em 0;
	position: relative;
}

#tn_column .column1 .tsumitatenisa_ttl::before {
	content: "";
	position: absolute;
	width: 120px;
	height: 120px;
	background-image: url(/wp-content/themes/shouken/images/tsumitate_ttl.png);
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
	right: 5px;
	bottom: 0;
}

#tn_column .column1 .tsumitatenisa_ttl strong {
	font-size: 1.5em;
	color: #FFED00;
}

#tn_column .column1 .column1_article {
	display: flex;
	flex-wrap: wrap;
	width: 96%;
	margin: 10px auto;
}

#tn_column .column1 .column1_article .column1_article_block {
	width: calc(100% / 3);
	border: solid 2px #048c5f;
	border-right: none;
}

#tn_column .column1 .column1_article .column1_article_block:last-of-type {
	border-right: solid 2px #048c5f;
}

#tn_column .column1 .column1_article .column1_article_block h3{
	font-size: 1.1em;
	background-color: #00764e;
	color: #fff;
	font-weight: bold;
	padding-bottom: .5em;
	border-bottom: solid 1px #ddd;
	line-height: 1.2em;
	padding: .3em;
	text-align: center;
	position: relative;
}

#tn_column .column1 .column1_article .column1_article_block h3 strong {
	/* background: linear-gradient(transparent 50%,#ff0 50%); */
	color: #ffee00;
}

#tn_column .column1 .column1_article .column1_article_block p {
	color: #555;
	width: 100%;
	padding: .5em 1em;
}

#tn_column .between_content{
	width: 100%;
	margin: 1rem auto;
	text-align: center;
}

#tn_column .between_content .between_comment{
	text-align: center;
	display: inline-block;
	background: radial-gradient(closest-side,#fff,transparent 70%);
}

#tn_column .column2 {
	border: solid 2px #BF0101;
}

#tn_column .column2 h2 {
	background-color: #BF0101;
	color: #fff;
	text-align: center;
	padding: .5em 0;
	margin-bottom: 1rem;
}

#tn_column .column2 h2 .rakuten {
	font-size: 1.5em;
	color: #FFED00;
}

#tn_column .column2 h2 .sbi {
	font-size: 1.5em;
	color: #FFED00;
}

#tn_column .column2 .column2_flexContainer .img_link{
	display: block;
	width: 70%;
	margin: 0 auto .5rem;
}

#tn_column .column2 .column2_flexContainer .column2_article .column2_article_block{
	width: 96%;
	margin: 0 auto;
}

#tn_column .column2 .column2_flexContainer .column2_article .column2_article_block .index {
	border-bottom: solid 2px #239FA7;
}

#tn_column .column2 .column2_flexContainer .column2_article .column2_article_block .index span{
	background-color: #239FA7;
	color: #fff;
	padding: .3em .5em;
	border-radius: 5px 5px 0 0;
}

#tn_column .column2 .column2_flexContainer .column2_article .column2_article_block p:not(.index){
	margin-bottom: 1em;
	padding: .5em 0;
	line-height: 1.75em;
	border-radius: 0 0 5px 5px;
}

#tn_column .column2 .column2_btn a{
	display: block;
	width: 80%;
	padding: 1em;
	background: linear-gradient(#03C988 50%,#00B978 50%);
	margin: 0 auto 1rem;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	border: solid 2px #009E3E;
	border-radius: 10px;
	position: relative;
}

#tn_column .column2 .column2_btn a::before {
	position: absolute;
	content: "";
	bottom: 10px;
	left: -10px;
	width: 64px;
	height: 64px;
	background-image: url(/wp-content/themes/shouken/images/beginner_btn.png);
	background-size: contain;
	background-position: bottom;
	background-repeat: no-repeat;
}

#tn_column .column2 .column2_btn a::after {
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	content: "\f35d";
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
}

#tn_column .column2 .column2_btn a:hover{
	text-decoration: none;
}

@media screen and (max-width : 480px) {
	#tn_column .column1 .tsumitatenisa_ttl {
		font-size: 3.7vw;
	}

	#tn_column .column1 .tsumitatenisa_ttl::before {
		width: 20vw;
		right: 2vw;
	}

	#tn_column .column1 .column1_article .column1_article_block{
		width: 100%;
		border: solid 2px #03C988;
		border-bottom: none;
	}

	#tn_column .column1 .column1_article .column1_article_block:last-of-type {
		border-bottom: solid 2px #03C988;
	}

	#tn_column .between_content .between_comment {
		font-size: 4.2vw;
	}

	#tn_column .column2 .column2_flexContainer .img_link{
		width: 96%;
	}

	#tn_column .column2 .column2_flexContainer .column2_article .column2_article_block{
		width: 100%;
	}

	#tn_column .column2 .column2_btn a {
		width: 96%;
		font-size: 4.5vw;
	}

	#tn_column .column2 .column2_btn a::before {
		width: 13vw;
		height: 13vw;
		bottom: 2vw;
		left: -1vw;
	}
}


/* ideco比較表 */
.idecoTable_container{
	width: 100%;
	margin: 0 auto 2rem;
	background-color: #fff;
	padding-bottom: 1rem;
}

.idecoTable_container h2{
	background-color: #ff8e16;
	background: linear-gradient(-45deg,#ff8e16 25%,#Df7e06 25%,#Df7e06 50%,#ff8e16 50%,#ff8e16 75%,#Df7e06 75%);
	background-size: 10px 10px;
	color: #fff;
	font-size: 2rem;
	padding: .3em .5em;
	margin-bottom: 1rem;
}

.idecoTable table{
	width: 96%;
	margin: 0 auto;
}

.idecoTable table th,
.idecoTable table td{
	border: solid 1px #eee;
	padding: .5em 0;
	text-align: center;
	vertical-align: middle;
}

.idecoTable table th{
	background-color: #eee;
	width: calc(100% / 6);
	font-size: .8rem;
	padding: 1em 0;
	color: #333;
}

.idecoTable table tbody td:first-child .idecoTable_rank{
	padding: .2em;
	color: #fff;
	background-color: #a3e0d6;
	border-radius: 100%;
	width: 1.4em;
	display: inline-block;
}

.idecoTable table tbody tr:nth-child(1) td:first-child .idecoTable_rank{background-color: #e7a001;}
.idecoTable table tbody tr:nth-child(2) td:first-child .idecoTable_rank{background-color: #b4bbd6;}
.idecoTable table tbody tr:nth-child(3) td:first-child .idecoTable_rank{background-color: #a1887f;}

.idecoTable table tbody td:nth-child(2) a{
	color: #000;
}

.idecoTable table tbody td:last-child a{
	display: block;
	width: 96%;
	margin: 0 auto;
	line-height: 2em;
	background: linear-gradient(#fff 50%,#f3f3f3 50%);
	border: solid 2px #f3f3f3;
	box-shadow: 0 3px #ddd;
	border-radius: 6px;
	color: #333;
}

.idecoTable table tbody tr:first-child td:last-child a{
	background: linear-gradient(#2FDD92 50%,#34BE82 50%);
	border: solid 2px #34BE82;
	box-shadow: 0 3px #149E62;
	color: #fff;
	text-shadow: 2px 2px 0 rgba(0,0,0,.1);
}

.idecoTable caption{
	caption-side: bottom;
}

.idecoTable caption p {
	font-size: .5em!important;
	text-align: left;
	color: #777;
	font-weight: 400;
}

@media (max-width: 480px){
	.idecoTable_container h2 {
		font-size: 5vw;
	}

	.idecoTable_container table {
		width: 98%;
	}
	.idecoTable_container table th {
		font-size: 2.3vw;
		width: auto;
	}
	.idecoTable_container table td {
		font-size: 2.7vw;
	}

	.idecoTable_container table td {
		width: 16%;
	}

	.idecoTable_container table td:last-of-type {
		width: 20%;
	}

	.idecoTable_container table tr td a {
		font-size: 2.5vw;
	}

	.idecoTable_container table tr td:first-of-type{
		font-size: 2.3vw;
	}
}

.idecoColumn {
	display: flex;
	flex-wrap: wrap;
	margin: 2rem auto 1rem;
}

.idecoColumn h2 {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	background: linear-gradient(-45deg,#2A8BDD 25%,#0A6BBD 25%,#0A6BBD 50%,#2A8BDD 50%,#2A8BDD 75%,#0A6BBD 75%);
	background-size: 10px 10px;
	color: #FAFFAF;
	text-shadow: 2px 2px 0 rgba(0,0,0,.1);
	border-radius: 10px 10px 0 0;
	width: 100%;
	margin-bottom: 0;
	padding: .3em .5em;
}

.idecoColumn > div {
	width: 50%;
	background: #fff;
	border: solid 2px #0A8ADA;
	padding: 1em;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.idecoColumn > div:nth-of-type(1) {
	border-right-width: 1px;
}
.idecoColumn > div:nth-of-type(2) {
	border-left-width: 1px;
}

.idecoColumn > div::before {
	font-family: 'Font Awesome 5 Free';
	color: #2A8BDD;
	font-size: 176px;
	position: absolute;
	bottom: -10px;
	right: -10px;
	opacity: 0.1;
}

.idecoColumn > div:nth-of-type(1)::before {
	content: "\f51e";
}
.idecoColumn > div:nth-of-type(2)::before {
	content: "\f466";
}

.idecoColumn h3 {
	color: #2A8BDD;
	text-align: center;
	position: relative;
	padding-bottom: .75em;
	margin-bottom: .75em;
	font-weight: bold;
	letter-spacing: .1em;
	font-size: 20px;
}

.idecoColumn h3::after{
	content: "";
	position: absolute;
	width: 90%;
	width: 8px;
	height: 8px;
	background: #2A8BDD;
	bottom: -4px;
	border-radius: 50%;
	left: 50%;
	transform: translateX(-50%);
}

.idecoColumn p {
	font-size: 15px;
	line-height: 2em;
}

@media screen and (max-width : 480px) {
	.idecoColumn {
		width: 96%;
	}
	.idecoColumn h2 {
		font-size: 5vw;
	}
	.idecoColumn > div {
		width: 100%;
		border-width: 2px;
	}
	.idecoColumn > div:nth-of-type(1) {
		border-bottom-width: 1px;
	}
	.idecoColumn > div:nth-of-type(2) {
		border-top-width: 1px;
	}
}

table.rankDetailTbl{width:746px;border:1px solid #a6a191;background:#d2f0ff;margin:0 auto 8px;}
table.rankDetailTbl tr:nth-of-type(2) {border-bottom:#a6a191 3px double;}
table.rankDetailTbl tr th{width: 25%;border-left: 1px solid #a6a191;background-color:#fcfcfc;padding: 7px 0;background-image: url(/wp-content/themes/shouken/images/pattern/table1.png);background-size: 50%;background-repeat: repeat;vertical-align: middle}
table.rankDetailTbl tr td{width:25%;border-left:1px solid #a6a191;background:#ffffff;color:#000;padding:7px 0;text-align:center;border-top:1px #a6a191 dotted;}
table.rankDetailTbl tr td.large{ font-size:125%; }
table.rankDetailTbl tr td{ font-size:125%; vertical-align: middle;}
table.rankDetailTbl tr td img{ width: 22%;}