@charset "UTF-8";


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: "游ゴシック","Yu Gothic","游ゴシック体","YuGothic","Yu Gothic UI Light","Yu Gothic UI";
  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:middle;
	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}

/*------------------------------------------------------------------------------- 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(-1200pxx, 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;}
.searchResult .rankIcon{display: none;}
.rankIcon1{width:120px;position:absolute;top:-20px;left:-10px;display:block;z-index: 999}
.rankIcon2{width:110px;position:absolute;top:-15px;left:-10px;display:block;}
.rankIcon3{width:100px;position:absolute;top:-5px;left:-5px;display:block;}
.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_aukabucom.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;
}

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;text-align:justify;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;text-align:justify;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{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{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{width:27%;font-size:1em;text-align:center;border-right:1px solid #c8c8c8;vertical-align:middle;}
#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 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{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{width:10%;font-size:1em;text-align:center;padding:18px 0 0;border-right:1px solid #c8c8c8;}
#tabs-2 table.ichiran tr.tr2 td{vertical-align:top;font-size:15px;}
#tabs-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) {border-right:#c8c8c8 double 3px;}
#tabs-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) {border-right:#c8c8c8 double 3px !important;}

#tabs-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{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{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{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;text-align:justify;}
/*------------------------------------------------------------------------------- /下層ページ -------------------------------------------------------------------------------*/





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


.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-bottom: 1em;
}
.cardtype__article {
 position: relative;
 float: left;
 width: calc( (100% - 10px*3) / 3 );
 margin: 0 5px 25px;
 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);width:-o-calc(50% - 2px);width:-ms-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);width:-o-calc(50% - 2px);width:-ms-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: 2vw;}
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;}
.rankIcon1{width:75px;position:absolute;top:21px;left:-5px;display:block;}
.rankIcon2{width:75px;position:absolute;top:21px;left:-5px;display:block;}
.rankIcon3{width:75px;position:absolute;top:21px;left:-5px;display:block;}
.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.3em;}
.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;}
	.swiper-container{width:90%;}
	.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;}
}