@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; outline:0; border:0; background:transparent; vertical-align:baseline; font-size:100%; font-family:'Meiryo','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka', sans-serif;}

html{overflow-y:scroll; line-height:1.8;}
body{display:inline; font-size:medium;}
article p{color:#646464; text-align:justify; font-size:12px; line-height:2em;}

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-spacing:0; border-collapse:collapse;}

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0;}

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

img{margin:auto;max-width:100%;}

body.home section.right , body.home section.left{margin-top:20px;}
/* クリアフィックスハック */
.clearfix:after{display:block; clear:both; content:'';}
.clearfix{display:inline-block; background:#ffffff;}
/* Mac版IE除外 \*/
.clearfix{display:block;}

.pc{display:block;}
.sp{display:none;}
.pcHidden{display:none;}
	
@media screen and (max-width: 480px){
	.pc{display:none;}
	.sp{display:block;}
	.pcHidden{display:initial;}
}
.small{font-size:.8em;}
.topTopic{overflow:hidden;}
.fs07{font-size:.7em;}

/*------------------------------------------------------------------- 各ランキング繊維用バナーボタン -------------------------------------------------------------------*/
ul.bnr{margin:0 auto 0; width:100%;}
ul.bnr li.topLi{margin:-1px auto -8px; width:100%; height:auto;}
ul.bnr li.leftLi{float:left; margin:-1px 0 -10px 3px; width:49%; width:-webkit-calc(50% - 4px); width:calc(50% - 4px); height:auto;}
ul.bnr li.rightLi{float:right; margin:-1px 3px -10px 0; width:49%; width:-webkit-calc(50% - 4px); width:calc(50% - 4px); height:auto;}
ul.bnr li img{width:100%;}

@media screen and (min-width: 768px){
	ul.bnr{margin:-5px auto 0; width:795px;}
	ul.bnr li.topLi{margin:10px 0 8px 4px; width:774px; height:119px;}
	ul.bnr li.leftLi{margin:-1px 0 0 3px; width:390px; height:119px;}
	ul.bnr li.rightLi{float:left; margin:-1px 0 0 0; width:385px; height:119px;}

	ul.bnr li img{width:100%;}
}

/*.rankBox{position:relative;margin:30px auto 0;padding:30px 0 30px;width:980px;background-color:#ebfaff;}
.rankBox:before{display:block;margin:0 auto;width:686px;height:80px;background-position:center center;background-size:contain;background-repeat:no-repeat;content:'';}*/

/*------------------------------------------------------------------- /各ランキング繊維用バナーボタン -------------------------------------------------------------------*/


/*------------------------------------------------------------------------------- ranking -------------------------------------------------------------------------------*/
.rankTopics{margin-bottom:20px;}
/*.ranking{position:relative; margin:0 auto 0; padding-top:32px; width:980px; height:auto;}*/
.searchResult .rankIcon{display:none;}
.rankIcon1{position:absolute; top:-21px; left:-2px; display:block; width:151px;}
.rankIcon2{position:absolute; top:-5px; left:25px; display:block; width:95px;}
.rankIcon3{position:absolute; top:0; left:7px; display:block; width:72px;}
/*.ranking h2{width:980px; height:58px; background:none; background:#0064dc; color:#ffffff; text-indent:5.4em; font-weight:bold; font-size:28px; line-height:2.1em;}
.searchResult .ranking h2{text-indent:1.0em;}
.rankingBg{padding-bottom:20px; width:980px; height:auto; background:none;}*/

@media screen and (max-width: 480px){
	/*.ranking{position:relative; margin:-15px auto 0; padding-top:40px; width:100%; height:auto;}*/
	.rankIcon{position:absolute; top:30px; left:7px; display:block; width:50px;}
	.rankIcon1{position:absolute; top:13px; left:-7px; display:block; width:84px;}
	.rankIcon2{position:absolute; top:35px; left:3px; display:block; width:45px;}
	.rankIcon3{position:absolute; top:40px; left:3px; display:block; width:40px;}
	/*.ranking h2{width:100%; height:60px; text-indent:2.9em; font-weight:bold; font-size:25px; line-height:2.4em;}
	.rankingBg{padding-bottom:15px; width:100%; height:auto;}*/
}

table.rankDetailTbl{margin:0 auto 8px; width:746px; border:1px solid #0064dc; background:#d2f0ff;}
table.rankDetailTbl tr th{padding:7px 0; width:25%; border-left:1px solid #ffffff; background:#0064dc; color:#ffffff;}
table.rankDetailTbl tr th:first-child{padding:7px 0; width:25%; border-left:none; background:#0064dc; color:#ffffff;}
table.rankDetailTbl tr td{padding:7px 0; width:25%; border-left:1px solid #0064dc; background:#fbfeff; color:#000000; text-align:center;}
table.rankDetailTbl tr td:first-child{padding:7px 0; width:25%; border-left:none; background:#fbfeff; color:#000000; text-align:center;}
table.rankDetailTbl tr td.large{font-size:125%;}
.tableIcon{width:36px;}

@media screen and (max-width: 480px){table.rankDetailTbl{margin:10px auto 8px; width:90%; border:1px solid #0064dc; background:#d2f0ff;}
	table.rankDetailTbl tr th{padding:7px 0; width:25%; border-left:1px solid #ffffff; background:#0064dc; color:#ffffff; font-size:14px;}
	table.rankDetailTbl tr th:first-child{padding:7px 0; width:25%; border-left:none; background:#0064dc; color:#ffffff; font-size:14px;}
	table.rankDetailTbl tr td{padding:7px 0; width:25%; border-left:1px solid #0064dc; background:#ffffff; color:#000000; text-align:center;}
	table.rankDetailTbl tr td:first-child{padding:7px 0; width:25%; border-left:none; background:#ffffff; color:#000000; text-align:center;}
	.tableIcon{width:36px;}}

.btn{display:block; margin:0 auto; margin:35px auto 0; width:746px;}
.photo{display:block; margin:0 auto; margin:15px auto 0; width:95%;}
@media screen and (min-width: 480px){.btn{display:block; margin:0 auto; margin:15px auto 0; padding-bottom:10px; width:95%;}
}

/*------------------------------------------------------------------------------- /ranking -------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------- 比較表一覧テーブル -------------------------------------------------------------------------*/
table.ichiran{overflow:scroll; margin:0 auto 30px;border:2px solid #6d2020; border-radius:15px;}
table.ichiran tr.tr1{padding:10px 0; height:80px;line-height:1.2;}
table.ichiran tr.tr1 th{padding:18px 0 0; border-right:1px solid #c8c8c8; text-align:center; font-size:15px;background:#822023;color:#ffffff;}
table.ichiran tr.tr1 th button{margin-top:6px; outline:0; border:none; 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:15%;min-width:111px;}
table.ichiran tr.tr1 th.th2{width:5%;min-width:70px;}
table.ichiran tr.tr1 th.th3{width:35%;}
table.ichiran tr.tr1 th.th4{width:10%;min-width:82px;}

table.ichiran tr.tr2{height:80px;background:#f1f1f1;}
table.ichiran tr.tr2:nth-of-type(odd){background:#ffffff;}
table.ichiran tr.tr2 td{vertical-align:middle;}
table.ichiran tr.tr2 td.td1{padding:10px 0; border-right:1px solid #c8c8c8;text-align:center; line-height:1.3;}
table.ichiran tr.tr2 td.td1 a{color:#002cb2; text-align:center; font-size:12px;}
table.ichiran tr.tr2 td.td1 p{text-align:center;}
table.ichiran tr.tr2 td.td1 p img{display:block; margin:auto;}
table.ichiran tr.tr2 td.td2{padding:0 5px; border-right:1px solid #c8c8c8; vertical-align:middle; text-align:center;word-break: break-all !important;text-align: left !important;line-height: 1.6em !important;font-size: 12px !important;width: 210px !important;}
table.ichiran tr.tr2 td.td2 span{color:#ef5355;}
table.ichiran tr.tr2 td.td2 a{color:#002cb2;}
table.ichiran tr.tr2 td.td3{text-align:center;}

/* 総合ランキングの一覧テーブル */
#tabs-1 table.ichiran{width:1100px;}
#tabs-1 table.ichiran tr.tr1 th.th1{width:15%;}
#tabs-1 table.ichiran tr.tr1 th.th2{width:5%;}
#tabs-1 table.ichiran tr.tr1 th.th3{width:35%;}
#tabs-1 table.ichiran tr.tr1 th.th4{width:10%;}
/* 総合ランキングの一覧テーブル */

/* 手数料ランキングの一覧テーブル */
#tabs-2 table.ichiran{width:1500px;}
#tabs-2 table.ichiran tr.tr1 th.th1{width:8%;}
#tabs-2 table.ichiran tr.tr1 th.th2{width:6%; min-width:51px;}
#tabs-2 table.ichiran tr.tr1 th.th4{width:8%;}
#tabs-2 table.ichiran tr.tr1 th:nth-of-type(8){border-right:#c8c8c8 double 3px !important;}
#tabs-2 table.ichiran tr.tr2 td:nth-of-type(8){border-right:#c8c8c8 double 3px !important;}
#tabs-2 table.ichiran tr.tr2 td.td1:not(:first-of-type){vertical-align:top;font-size:12px;}
#tabs-2 table.ichiran tr.ichiran__feeHead{height:0; background:#822023; color:#ffffff;}
#tabs-2 table.ichiran tr.ichiran__feeHead th{padding:5px; border:#c8c8c8 solid 1px;}
#tabs-2 table.ichiran tr.ichiran__feeHead th:first-of-type , tr.ichiran__feeHead th:last-of-type{border-bottom:none;}
#tabs-2 table.ichiran tr.ichiran__feeHead th:nth-of-type(7){border-right:#c8c8c8 solid 3px;}
#tabs-2 table.ichiran tr.ichiran__feeHead th:nth-of-type(2){border-right:#c8c8c8 double 3px;}
/* 手数料ランキングの一覧テーブル */

/* 投資商品ランキングの一覧テーブル */
#tabs-3 table.ichiran{width:1000px; }
#tabs-3 table.ichiran tr.tr1 th.th1{width:15%;}
#tabs-3 table.ichiran tr.tr1 th.th2{width:5%;min-width:60px;}
#tabs-3 table.ichiran tr.tr1 th.th3{width:35%;}
#tabs-3 table.ichiran tr.tr1 th.th4{width:10%;}
/* 投資商品ランキングの一覧テーブル */

/*比較一覧表からネット証券会社を探すページのバナーボタン*/
ul.ichiranbnr{margin:10px auto 0; width:100%;}
ul.ichiranbnr li.leftLi{float:left; margin:-1px 0 -10px 3px; width:49%; width:-webkit-calc(50% - 4px); width:calc(50% - 4px); height:auto;}
ul.ichiranbnr li.rightLi{float:right; margin:-1px 3px -10px 0; width:49%; width:-webkit-calc(50% - 4px); width:calc(50% - 4px); height:auto;}
ul.ichiranbnr li img{width:100%;}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {display: block;width: 100%;font-weight: bold;font-size: 2.8vw;}
.ui-tabs .ui-tabs-nav li {width: 30%;width: -webkit-calc((100% / 3) - 0.2em);width: calc((100% / 3) - 0.2em);}
.ui-tabs-panel {overflow: scroll;}
	/*比較一覧表からネット証券会社を探すページのバナーボタン*/
@media screen and (min-width: 768px){
	table.ichiran{margin:0 auto 0; width:100% !important;}
	table.ichiran tr.tr1 th.th1{width:95px;}
	table.ichiran tr.tr1 th.th2{width:49px;}
	table.ichiran tr.tr1 th.th3{width:180px;}
	table.ichiran tr.tr1 th.th4{width:102px;}

	/* 総合ランキングの一覧テーブル */
	#tabs-1 table.ichiran tr.tr1 th.th1{width:15%;}
	#tabs-1 table.ichiran tr.tr1 th.th2{width:6%; width:-webkit-calc(48% / 8);}
	#tabs-1 table.ichiran tr.tr1 th.th3{width:27%;}
	#tabs-1 table.ichiran tr.tr1 th.th4{width:10%;}
	/* 総合ランキングの一覧テーブル */

	/* 手数料ランキングの一覧テーブル */
	#tabs-2 table.ichiran tr.tr1 th.th1{width:95px;}
	#tabs-2 table.ichiran tr.tr1 th.th2{width:49px;}
	#tabs-2 table.ichiran tr.tr1 th.th3{width:180px;}
	#tabs-2 table.ichiran tr.tr1 th.th4{width:102px;}
	
	/* 手数料ランキングの一覧テーブル */

	/* 投資商品ランキングの一覧テーブル */
	#tabs-3 table.ichiran tr.tr1 th.th1{width:95px;}
	#tabs-3 table.ichiran tr.tr1 th.th2{width:49px;}
	#tabs-3 table.ichiran tr.tr1 th.th3{width:180px;}
	#tabs-3 table.ichiran tr.tr1 th.th4{width:102px;}
	/* 投資商品ランキングの一覧テーブル */

	/*比較一覧表からネット証券会社を探すページのバナーボタン*/
	ul.ichiranbnr{margin:-5px auto 0; width:795px;}
	ul.ichiranbnr li.leftLi{float:left; margin:-1px 0 0 3px; width:390px; height:139px;}
	ul.ichiranbnr li.rightLi{float:left; margin:-1px 0 0 0; width:385px; height:139px;}
	ul.ichiranbnr li img{width:100%;}
	/*比較一覧表からネット証券会社を探すページのバナーボタン*/
	
	.ui-tabs-panel {overflow: auto;}
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {font-size: 1em;}
}
/*------------------------------------------------------------------------- 比較表一覧テーブル -------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- rankigPage -------------------------------------------------------------------------------*/
.rankingUnit{position:relative; margin:0 auto 20px; padding-top:0; padding-bottom:50px; width:100%; height:auto; border-radius:20px; -webkit-box-shadow:0 3px 0 #00000029; box-shadow:0 3px 0 #00000029;}
.rankingUnit h2{position:relative; z-index:0; padding:5px 0 5px 19.8vw; height:105px; background:-o-linear-gradient(180deg,#596071 50%,#505561 50%,#596071 100%); background:#505561; background:-webkit-gradient(linear,left top, left bottom,color-stop(50%, #596071),color-stop(50%, #505561),to(#596071)); background:linear-gradient(180deg,#596071 50%,#505561 50%,#596071 100%); color:#ffffff; text-shadow:2px 2px 0 #001146; font-weight:bold; font-size:2em; line-height:1.6;}
.rankingUnit .rankIcon{position:absolute; top:-2px; left:10px; z-index:2; display:block; width:15vw;}
.rankingUnit__evaluate{position:absolute; top:auto; right:1vw; bottom:.25em; z-index:1; display:block; margin:auto; padding:3px 10px; width:80%; height:40px; border:none; border-radius:10px; background:-webkit-gradient(linear,left top, left bottom,color-stop(50%, #f1f1f1),color-stop(50%, #e4e4e4)); background:linear-gradient(180deg,#f1f1f1 50%,#e4e4e4 50%); color:#000000; vertical-align:baseline; text-shadow:1px 2px 0 #ffffff; font-weight:bold; font-size:18px; line-height:1; -webkit-transition:none; transition:none; -webkit-transform:none; -ms-transform:none;}
.rankingUnit__evaluate--left{display:table-cell;width:27%; vertical-align:middle; font-size:3.6vw;}
.rankingUnit__evaluate--right{display:table-cell; width:74%; vertical-align:middle; text-align:right; font-size:3.6vw;}
.rankingUnit__evaluate img{margin-right:3px; width:62%; vertical-align:middle;}
.rankingUnit___topBlock{margin-top:0; font-size:0;}
.rankingUnit__introduct p{margin:0; padding:5px; width:100%; background:#a5955f; color:#ffffff; text-shadow:2px 2px 0 #584f21; font-weight:bold; font-size:16px; line-height:1.5;}
.rankingUnit__itemImage{display:inline-block; float:unset; margin:0; width:37%; vertical-align:top;}
.rankingUnit__detail{display:inline-block; width:63%; vertical-align:top;}
.rankingUnit__detailTable{display:table; margin-bottom:10px; width:100%;}
.rankingUnit__detailTable td , .rankingUnit__detailTable th{padding:5px; width:25%; vertical-align:middle; text-align:center;}
.rankingUnit__detailTable td , .rankingUnit__detailTable th:last-of-type{border-right:#000000 solid 1px;}
.rankingUnit__detailTable th{border-right:#ffffff solid 1px; background:linear-gradient(45deg, #000000 95%, #822023 95%); color:#ffffff; font-size:3vw; line-height:1.2;}
.rankingUnit__detailTable td{border-bottom:#000000 solid 1px; border-left:#000000 solid 1px; vertical-align:middle; font-size:14px;}
.rankingUnit__detailTable--veryGood{color:#ff4187;;font-weight:700; font-size:20px; line-height:0;}
.rankingUnit__detailTable--good{color:#ffa04c;;font-weight:700; font-size:20px; line-height:0;}
.rankingUnit__detailTable--normal{color:#00ddb7;;font-weight:700; font-size:20px; line-height:0;}
.rankingUnit__detailTable--bad{color:#000000;;font-weight:700; font-size:20px; line-height:0;}

.rankingUnit__fee{display:inline-block; float:none !important; margin-bottom:10px; width:100%; vertical-align:top;}
.rankingUnit__feeTable{width:100%; font-size:16px;}
.rankingUnit__feeTable th{width:16.66%; border:1px solid #ffffff; border-top:#cacaca solid 1px; border-right:#ffffff solid 1px; border-bottom:#ffffff solid 1px; background:#000000; color:#ffffff; vertical-align:middle; font-size:3vw;}
.rankingUnit__feeTable td{border:1px solid #efefef; background:#ffffff; vertical-align:middle; text-align:center;}
.rankingUnit__feeTable td:first-of-type{border-right:#ffffff solid 1px; border-bottom:#ffffff solid 1px; background:#efefef; font-size:3vw;}
.rankingUnit__feeTableComment{display:block; float:none; padding-left:1em; width:100%; vertical-align:top; text-align:left;}

.rankingUnit__detailComment{position:relative; margin:2% auto 80px; padding:10px; width:95%; border-radius:10px; background:#fffae7;}
.rankingUnit__detailComment::after{position:absolute; right:20px; bottom:-65px; display:inline-block; width:90px; height:90px; background:url(/wp-content/themes/shouken/images/man2.png); background-size:100%; background-repeat:no-repeat; content:'';}
.rankingUnit__detailComment p{margin-bottom:15px; font-size:.875rem; line-height:1.5;}
.rankingUnit__detailComment .highRight{color:red; font-weight:700;}


.button{display:inline-block; margin:0 auto; width:48%; height:100px; height:25vw;}
.button a{background-color:none;}
.button__detail{display:inline-table; margin:0 0 0 15px; width:29%; width:calc(30% - 20px); text-align:center;}
.button__detail a{display:table-cell; border:#989898 solid 1px; border-radius:10px; background:-webkit-gradient(linear,left top, left bottom,color-stop(50%, #f9f9f9),color-stop(50%, #f1f1f1)); background:linear-gradient(180deg,#f9f9f9 50%,#f1f1f1 50%); color:#757575; vertical-align:middle; font-weight:bold;font-size:3vw;}
.button__official{position:relative; overflow:hidden; margin:0 15px 0 0; width:65%; width:calc(68% - 15px); background-color:none;;vertical-align:top;}
.button__officialAnchor::before{position:absolute; top:1vw; right:0; left:0; z-index:20; margin:0 auto; width:170px; width:40vw; height:50px; background-size:100%; background-repeat:no-repeat; content:''; pointer-events:none;}
.button__officialAnchor::after{position:absolute; right:0; bottom:3vw; z-index:10; display:block; width:100%; color:#ffffff; content:'無料口座開設はこちら'; text-align:center; text-shadow:2px 1px 0 #00000054; font-weight:bold; font-size:6vw; pointer-events:none;}
.button__officialAnchor{position:relative; z-index:2; display:block; overflow:hidden; margin:0 auto; padding:0; width:100%; height:100%; background-image:url(/wp-content/themes/shouken/images/sp/btn/button5.png); background-position:center; background-size:100% 100%; background-repeat:no-repeat; text-align:center; text-decoration:none; -webkit-transition:.25s linear; -moz-transition:.25s linear; transition:.25s linear;}
.buttonBlock__official--last .button__officialAnchor::after{right:initial; bottom:0; font-size:30px;}
.button__officialAnchor--sbi:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_sbi.png);}
.button__officialAnchor--rakuten:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_rakuten.png);}
.button__officialAnchor--matsui:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_matsui.png);}
.button__officialAnchor--monex:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_monex.png);}
.button__officialAnchor--liveStar:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_neoTrade.png);}
.button__officialAnchor--neoTrade:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_neoTrade.png);}
.button__officialAnchor--okasan:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_okasan.png);}
.button__officialAnchor--iwaiCosmo:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_iwaiCosmo.png);}
.button__officialAnchor--gmoClick:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_gmoClick.png);}
.button__officialAnchor--smbc:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_smbc.png);}
.button__officialAnchor--kabuCom:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_kabucom.png);}
.button__officialAnchor--neoMobile:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_neoMobile.png);}
.button__officialAnchor--musashi:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_musashi.png);}
.button__officialAnchor--dmm:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_dmm.png);}
.button__officialAnchor--naitou:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_naitou.png);}
.button__officialAnchor--tachibana:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_tachibana.png);}
.button__officialAnchor--stream:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_stream.png);}
.button__officialAnchor--froggy:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_froggy.png);}
.button__officialAnchor--nomura:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_nomura.png);}
.button__officialAnchor--line:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_line.png);}
.button__officialAnchor--stream:before{background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_stream.png);}

.buttonBlock__official--last{text-align:center;}
.buttonBlock__official--last span.button__official{margin-right:0; width:98%;}
.buttonBlock__official--last .button__officialAnchor::before{left:0;}
.buttonBlock__official--last .button__officialAnchor::after{right:initial; bottom:0; font-size:30px;}

.leftSliderBtn{position:absolute; top:50%; left:-5px; z-index:99; width:30px;}
.rightSliderBtn{position:absolute; top:50%; right:-5px; z-index:99; width:30px;}

ul.slider{position:relative; margin:0 auto 0; padding-top:20px; min-height:500px; width:95%; height:auto;}
ul.slider li{position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%; background-color:#ffffff;}
ul.slider li.active{z-index:10;}
ul.slider li.transiton{z-index:11;}
ul.slider li.transitonLeft div{-webkit-animation:sliderTransitonLeft 1s ease 0s 1 alternate none running; animation:sliderTransitonLeft 1s ease 0s 1 alternate none running;}
ul.slider li.transitonRight div{-webkit-animation:sliderTransitonRight 1s ease 0s 1 alternate none running; animation:sliderTransitonRight 1s ease 0s 1 alternate none running;}
ul.slider li img{width:100%;}

.voiceTtl{margin:16px auto 0;width:200px;}
.voice{padding:13px;border:1px solid #c1d001;margin-bottom:6px;}
.face{width:38px;float:left;margin-top:-5px;}
.voiceRight{float:left;margin-left:10px;}
.voiceRight p{font-size:11px;color:#000000;font-size:12px;}
.voiceRight img{width:79px;margin-top:10px;}
.name{font-size:11px;line-height:1.5em;margin-top:3px;}
.voiceTxt{font-size:12px;line-height:1.5em;margin-top:8px;word-break:break-all;}
.voiceLink{font-size:11px;color:#0064dc !important;text-decoration:underline !important;margin-top:11px;display:block;}

.voice__title{position:relative; margin:30px auto 15px; padding:10px; height:auto; background:#792f2f; background:linear-gradient(180deg,#904646 50%,#792f2f 50%,#904646 100%); color:#ffffff; text-indent:60px; font-weight:700; font-size:20px; line-height:1.8em;}
.voice__title::before{position:absolute; bottom:2px; left:10px; width:50px;
height:50px; background-image:url(/wp-content/themes/shouken/images/voiceIcon.png); background-position:center; background-size:100% 100%; background-repeat:no-repeat; content:'';}
.voice__block{position:relative; margin:0 auto;
width:90%; height:100%; }
.voice__fukidashi{position:absolute; box-sizing:border-box; margin:0; padding:5px 10px; min-height:360px; width:100%; border:2px solid #696969; border-radius:10px; background:#fffae7;}
.voice__fukidashi:after , .voice__fukidashi:before{position:absolute;;width:0; content:''; transform:rotate(0);}
.voice__fukidashi:before{right:29px; bottom:-25px; border:24px solid transparent; border-top-color:#696969;;border-bottom-width:0;}
.voice__fukidashi:after{right:28px; bottom:-22px; border:26px solid transparent; border-top-color:#fffae7; border-bottom-width:0;}
.voice__fukidashi p{font-size:14px; line-height:1.8;}
.voice__person{position:absolute; right:100px; bottom:20px; border-bottom:#bf4040 double 5px; font-size:20px; line-height:1;}
.voice__person:after{position:absolute; right:-80px; bottom:0; width:70px;;height:90px; background-position:right; background-size:contain; background-repeat:no-repeat; content:'';}
.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--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);}

.campaign{position:relative; margin:0 auto 25px; padding:0; width:95%; height:auto; background:#ffffff; -webkit-box-shadow:0 0 5px #eeeeee; box-shadow:0 0 5px #eeeeee;}
.campaign p{position:static; padding:0 10px 5px; width:100%; color:#000000; word-break:break-all; font-size:.875em; line-height:1.7em;}
.campaign > div.camDesign3{width:36px;}
.campaignInner{margin:0 .5em; padding-bottom:35px; height:auto;}
.campaign h3{position:static; margin-bottom:10px; margin-bottom:13px; padding:10px; color:#ef5355; font-weight:bold; font-size:1.5em; font-size:1.5rem; line-height:1.4;}
.rankingUnit .campaign{margin:40px auto 20px;}
.campaignTitle{padding:3px; background:#000000; text-align:center; font-size:0;}
.campaignTitle img{max-width:450px;;width:100%;}
a.anchor__campaign:hover{text-decoration:none;}
a.anchor__campaign:active{text-decoration:none;}
a.anchor__campaign > div.campaign:active{-webkit-transform:translateY(10px); transform:translateY(10px);}
.campaignInner{padding:30px 0 35px; height:auto;}

@-webkit-keyframes sliderTransitonRight{0%{margin-left:100%; opacity:.5;}
	100%{margin-left:0; opacity:1.0;}}
@keyframes sliderTransitonRight{0%{margin-left:100%; opacity:.5;}
	100%{margin-left:0; opacity:1.0;}}
@-webkit-keyframes sliderTransitonLeft{0%{margin-left:-100%; opacity:.5;}
	100%{margin-left:0; opacity:1.0;}}
@keyframes sliderTransitonLeft{0%{margin-left:-100%; opacity:.5;}
	100%{margin-left:0; opacity:1.0;}}
@keyframes shiny{0%{left:-30%;}
	20%{left:120%;}
	100%{left:120%;}}
@-webkit-keyframes shiny{0%{left:-30%;}
	20%{left:120%;}
	100%{left:120%;}}


@media only screen and (min-width:481px){
	.rankingUnit__evaluate{display:table;}
	.rankingUnit h2{padding:5px 0 5px 19vw; max-height:150px; height:27vw; font-size:40px;}
	.rankingUnit__evaluate{bottom:1.5vw; max-height:.5vw; height:10.5vw;}
	.rankingUnit__introduct p{font-size:1.25rem;}
	.rankingUnit__itemImage{width:165px;}
	.rankingUnit__detail{width:60%; width:calc(100% - 165px); width:-o-calc(100% -165px); width:-ms-calc(100% - 165px);}
	.rankingUnit__detailTable th{font-size:16px;}
	.rankingUnit__fee{margin-bottom:0;}
	.rankingUnit__feeTable th{font-size:1em;}
	.rankingUnit__feeTable td:first-of-type{font-size:1em;}
	.rankingUnit__feeTableComment{padding-right:1em; padding-left:0; text-align:right;}
	.button{max-height:100px; height:20vw;}
	.button__detail a{font-size:1.25rem;}
	.button__officialAnchor::after{bottom:2px; font-size:1.875rem;}
	.button__officialAnchor::before{top:5px; width:170px;}
	.leftSliderBtn{width:50px;}
	.rightSliderBtn{width:50px;}

	ul.slider{position:relative; margin:0 auto 0; padding-top:20px; min-height:500px; width:95%; height:auto;}
	ul.slider li{position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%; background-color:#ffffff;}
	ul.slider li.transitonLeft div{-webkit-animation:sliderTransitonLeft 1s ease 0s 1 alternate none running; animation:sliderTransitonLeft 1s ease 0s 1 alternate none running;}
	ul.slider li.transitonRight div{-webkit-animation:sliderTransitonRight 1s ease 0s 1 alternate none running; animation:sliderTransitonRight 1s ease 0s 1 alternate none running;}
	ul.slider li img{width:100%;}
}


@media only screen and (min-width:768px){
	.rankingUnit{width:100%;}
	.rankingUnit h2{padding:5px 0 5px 2.8em; width:100%; height:auto; font-size:40px; line-height:2.1em;}
	.rankingUnit .rankIcon{left:20px; width:75px;}
	.rankingUnit__evaluate{top:0; right:11px; bottom:0; padding:5px; width:400px; height:60px; border:3px solid #cccccc;font-size:18px;}
	.rankingUnit__evaluate--left{padding:6px 0 0 5px; width:30%; font-size:22px;}
	.rankingUnit__evaluate--right{display:table-cell; width:68%; vertical-align:middle; text-align:right; font-size:18px;}
	.rankingUnit__introduct p{padding:10px; font-size:18px;}
	.rankingUnit__itemImage{display:block; float:left; margin:0 10px 10px 0; width:28%; width:calc(30% - 10px);}
	.rankingUnit__detail , .rankingUnit__fee , .rankingUnit__feeTableComment{width:70%;}
	.rankingUnit__detailTable th{font-size:14px;}
	.rankingUnit__detailTable th{line-height:inherit;}
	.rankingUnit__fee{margin-bottom:0;}
	.rankingUnit__feeTable{width:100%; font-size:16px;}
	.rankingUnit__feeTable th{font-size:16px;}
	.rankingUnit__feeTable td:first-of-type{font-size:16px;}
	.rankingUnit__feeTableComment{float:right; text-align:right;}

	.button{margin:0 0 0 15px; width:29%; width:calc(30% - 15px); height:85px;}
	.button__official{overflow:hidden; margin:0 15px 0 0; width:68%; width:calc(69% - 15px); vertical-align:top;}
	.button__officialAnchor{overflow:hidden; margin:0 auto; padding:0; width:100%; height:100%; background:url(/wp-content/themes/shouken/css/../images/btn/button5.png); background-position:center; background-size:100% 100%; background-repeat:no-repeat; text-align:center; text-decoration:none; -webkit-transition:.25s linear; -moz-transition:.25s linear; transition:.25s linear;;}
	.button__officialAnchor:after{right:4vw; right:0; bottom:17%; left:0; margin-left:36%; width:auto; font-size:30px;}
	.button__officialAnchor:before{right:0; bottom:14%; left:10%; left:0; margin:auto; margin-right:61%; width:170px; height:50px;}
	.button__officialAnchor--shiny{position:absolute; top:-30%; left:-30%; z-index:4; display:block; width:40px; height:150px; background-image:-webkit-gradient(linear,left top, right top,color-stop(0, rgba(255,255,255,0)),color-stop(50%, rgba(255,255,255,1)),to(rgba(255,255,255,0))); background-image:linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); background-image:-moz-linear-gradient(left,rgba(255,255,255,0) 0,#ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%); content:''; -webkit-transform:translate3d(90px,0,0); -webkit-transform:rotate(30deg); -moz-transform:rotate(30deg); transform:translate3d(90px,0,0); transform:rotate(30deg); -webkit-animation:shiny 3s infinite linear; -moz-animation:shiny 3s infinite linear; animation:shiny 3s infinite linear;;}

	.button__detail{display:inline-table; margin:0 0 0 15px; width:29%; width:calc(30% - 15px); vertical-align:top; text-align:center;}
	.button__detail a{font-size:16px;}

	.buttonBlock__official--last{text-align:center;}
	.buttonBlock__official--last span.button__official{margin-right:0; width:80%;}
	.buttonBlock__official--last .button__officialAnchor::before{right:0; left:0; margin-right:63%;}
	.buttonBlock__official--last .button__officialAnchor::after{right:0; bottom:10px; left:0; margin-left:30%; font-size:35px;}

	.leftSliderBtn{left:-20px;}
	.rightSliderBtn{right:-25px;}

	a.anchor__campaign:hover{text-decoration:none;}
	a.anchor__campaign:active{text-decoration:none;}
	a.anchor__campaign > div.campaign:active{-webkit-transform:translateY(10px); transform:translateY(10px);}

	.campaignTitle img{width:450px;}
	.campaign{margin:40px auto 25px; width:80%;}
	.campaignInner{padding:30px 0 35px; height:auto;}
	.campaign h3{margin-bottom:13px; padding:10px; font-size:34px;}
	.campaign p{width:590px; font-size:12px;}

	ul.slider{position:relative; margin:0 auto 5px; padding-top:20px; min-height:400px; width:746px; height:400px;;}
	ul.slider li{position:absolute; top:0; left:0; overflow:hidden; width:100%; height:100%; background-color:#ffffff;}
	ul.slider li.transitonLeft div{-webkit-animation:sliderTransitonLeft 1s ease 0s 1 alternate none running; animation:sliderTransitonLeft 1s ease 0s 1 alternate none running;}
	ul.slider li.transitonRight div{-webkit-animation:sliderTransitonRight 1s ease 0s 1 alternate none running; animation:sliderTransitonRight 1s ease 0s 1 alternate none running;}
	ul.slider li img{width:100%;}

	.voice__fukidashi{position:absolute; box-sizing:border-box; margin:10px 0; padding:10px 15px; min-height:250px;width:100%; border:2px solid #696969; border-radius:10px; background:#fffae7;}
	.voice__fukidashi{min-height:250px;}
}

@media only screen and (min-width: 980px){
	.rankingUnit{width:980px;}
	.rankingUnit h2{width:980px;}
	.button__officialAnchor:before{right:auto; left:73px; width:170px; height:50px;}
	.button__officialAnchor:after{right:50px; bottom:12%; font-size:35px;}
}
/*------------------------------------------------------------------------------- rankigPage -------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------- search ----------------------------------------------------------------------------*/

.search{position:relative; margin:0 auto 20px; padding-top:0;padding-bottom:25px; width:100%; height:auto; border-radius:20px; -webkit-box-shadow:0 3px 0 #00000029; box-shadow:0 3px 0 #00000029;}
.search h2{position:relative; z-index:0; padding:5px 0 5px 19.8vw; height:105px; background:-o-linear-gradient(180deg,#596071 50%,#505561 50%,#596071 100%); background:#505561; background:-webkit-gradient(linear,left top, left bottom,color-stop(50%, #596071),color-stop(50%, #505561),to(#596071)); background:linear-gradient(180deg,#596071 50%,#505561 50%,#596071 100%); color:#ffffff; text-shadow:2px 2px 0 #001146; font-weight:bold; font-size:2em; line-height:1.6;}
.search__evaluate{position:absolute; top:auto; right:1vw; bottom:.25em; z-index:1; display:table; margin:auto; padding:3px 10px; width:80%; height:40px; border:none; border-radius:10px; background:-webkit-gradient(linear,left top, left bottom,color-stop(50%, #f1f1f1),color-stop(50%, #e4e4e4)); background:linear-gradient(180deg,#f1f1f1 50%,#e4e4e4 50%); color:#000000; vertical-align:baseline; text-shadow:1px 2px 0 #ffffff; font-weight:bold; font-size:18px; line-height:1; -webkit-transition:none; transition:none; -webkit-transform:none; -ms-transform:none;}
.search__evaluate{position:absolute; top:auto; right:1vw; bottom:.25em; z-index:1; display:table; margin:auto; padding:3px 10px; width:80%; height:40px; border:none; border-radius:10px; background:-webkit-gradient(linear,left top, left bottom,color-stop(50%, #f1f1f1),color-stop(50%, #e4e4e4)); background:linear-gradient(180deg,#f1f1f1 50%,#e4e4e4 50%); color:#000000; vertical-align:baseline; text-shadow:1px 2px 0 #ffffff; font-weight:bold; font-size:18px; line-height:1; -webkit-transition:none; transition:none; -webkit-transform:none; -ms-transform:none;}
.search__evaluate--left{display:table-cell; padding:0 0 0 5px; width:27%; vertical-align:middle; font-size:3.6vw;}
.search__evaluate--right{display:table-cell; padding:0 5px 0 0; width:74%; vertical-align:middle; text-align:right; font-size:3.6vw;}
.search__evaluate img{margin-right:3px; width:62%; vertical-align:middle;}



@media only screen and (min-width:481px){
	.search h2{padding:5px 0 5px 19vw; max-height:150px; height:27vw; font-size:40px;}
	.search__evaluate{bottom:1.5vw; max-height:.5vw; height:10.5vw;}
}

@media only screen and (min-width:768px){
	.search{width:100%;}
	.search h2{padding:5px 0 5px 2.8em; width:100%; height:auto; font-size:40px; line-height:2.1em;}
	.search .rankIcon{left:20px; width:75px;}
	.search__evaluate{top:0; right:11px; bottom:0; padding:5px; width:400px; height:60px; border:3px solid #cccccc;font-size:18px;}
	.search__evaluate--left{padding:6px 0 0 5px; width:30%; font-size:22px;}
	.search__evaluate--right{display:table-cell; width:68%; vertical-align:middle; text-align:right; font-size:18px;}
}

@media only screen and (min-width: 980px){
	.search{width:980px;}
	.search h2{width:980px;}
}

.search .rankIcon{position:absolute;display:block;width:75px;top:-2px;left:20px;}
.search__detail{display:block;width:100%;vertical-align:top;margin-bottom: 40px}
.search__detailTable{display:table;width:100%}
.search__detailTable td,.search__detailTable th{width:16%;width:-webkit-calc(100%/6);width:calc(100%/6);padding:5px;font-size:14px;text-align:center}
.search__detailTable th{background:#000;color:#fff;border-right:#fff solid 1px}
.search__detailTable td,.search__detailTable th:last-of-type{border-right:#000 solid 1px}
.search__detailTable td{border-bottom:#000 solid 1px;border-left:#000 solid 1px}
.search__detailComment{margin-top:20px;position:relative}
.search__detailComment::after{content:'【Point】';display:inline-block;position:absolute;color:rgba(255,63,63,.2);color:#ff3f3f2e;font-size:70px;bottom:-15px;right:0;font-weight:700;width:292px;height:93px}
.search__h3Title{padding:10px;font-size:16px;font-weight:700;background:#a5955f;background:linear-gradient(180deg,#a5955f 50%,#9a8b56 50%);color:#fff;text-shadow:2px 2px 0 #584f21;}

@media screen and (max-width:480px){
	.search .rankIcon{position:absolute;display:block;width:13%;top:-2px;left:15px;}
	.search__detail{display:block;width:100%;vertical-align:top;margin: 0 auto 20px;}
	.search__detailTable th{background:#000;border-right:#fff solid 1px;border-left:#000 solid 1px;color:#fff;vertical-align:middle;line-height:1.2}
	.search__h3Title{padding:5px 10px;font-size:12px;font-weight:700;background:#a5955f;background:linear-gradient(180deg,#a5955f 50%,#9a8b56 50%);color:#fff;text-shadow:2px 2px 0 #584f21;}
}
/*---------------------------------------------------------------------------- /search ----------------------------------------------------------------------------*/


/* ------------------------------------------------------------------------------- itemDetail ------------------------------------------------------------------------------- */
.itemDetail__detail{display:block;width:100%;vertical-align:top}
.itemDetail__detailTable{display:table;width:100%}
.itemDetail__detailTable td,.itemDetail__detailTable th{width:16%;width:-webkit-calc(100%/6);width:calc(100%/6);padding:5px;font-size:14px;text-align:center}
.itemDetail__detailTable th{background:#000;color:#fff;border-right:#fff solid 1px}
.itemDetail__detailTable td,.itemDetail__detailTable th:last-of-type{border-right:#000 solid 1px}
.itemDetail__detailTable td{border-bottom:#000 solid 1px;border-left:#000 solid 1px}
.itemDetail__feeTable {width: 100%;}
.itemDetail__feeTableComment{display:inline-block;width:70%;vertical-align:top;float:right;text-align:right;}
.itemDetail__feeTable th {background: #000;border: solid 1px #000;border-right:solid 1px #fff;color: #fff;padding: 10px;vertical-align: middle;}
.itemDetail__feeTable th:last-of-type{border-right:solid 1px #000}
.itemDetail__feeTable td {border: solid 1px #000;padding: 10px;;vertical-align: middle;text-align: right}
.itemDetail__h2Title{padding:5px 10px;font-size:28px;font-weight:700;background:#a5955f;background:linear-gradient(180deg,#a5955f 50%,#9a8b56 50%);color:#fff;height: 50px;font-weight: bold;text-indent: 0.5em;line-height: 1.8em;margin: 30px auto 15px;}
@media screen and (max-width: 480px) {
	.itemDetail__detail{display:block;width:100%;vertical-align:top;margin: 0 auto;}
	.itemDetail__detailTable th{background:#000;border-right:#fff solid 1px;border-left:#000 solid 1px;color:#fff;vertical-align:middle;line-height:1.2}
	.itemDetail__feeTableComment{display:block;width:100%;float:none !important;padding-right:1em;}
	.itemDetail__feeTable tr {display: block;float: left;}
	.itemDetail__feeTable tr td,.itemDetail__feeTable tr th {border-left: none;display: block;font-size: 16px;}
	.itemDetail__feeTable tr th {border:none;border-top: #fff solid 1px;border-right: #fff solid 1px;}
	.itemDetail__feeTable tr th:last-of-type {border-bottom:#000 solid 1px;}
	.itemDetail__feeTable tr th:first-of-type {border-top:#000 solid 1px;}
	.itemDetail__feeTable tr td{border:none;;border-top: #000 solid 1px;border-right: #000 solid 1px;}
	.itemDetail__feeTable tr td:last-of-type {border-bottom:#000 solid 1px;}
	.itemDetail__feeTable thead {display: block;float: left;width: 30%;}
	.itemDetail__feeTable thead tr {width: 100%;}
	.itemDetail__feeTable tbody {display: block;float: left;width: 70%;}
	.itemDetail__feeTable tbody tr {width: 50%;}
	.itemDetail__feeTable tr td + td {border-left: none;}
	.itemDetail__feeTable tbody td:last-child {border-bottom: solid 1px #000;}
	.itemDetail__h2Title{padding:5px 10px;font-size:20px;font-weight:700;background:#a5955f;background:linear-gradient(180deg,#a5955f 50%,#9a8b56 50%);color:#fff;height: auto;font-weight: bold;text-indent: 0.5em;line-height: 1.8em;margin: 30px auto 15px;}
}
@media only screen and (min-width: 481px) and (max-width: 768px){
	.itemDetail__feeTable th{font-size:2vw;padding:5px;width: calc(100% / 8);}
	.itemDetail__feeTable td{font-size:2vw;padding:5px;width: calc(100% / 8);}
}

/* ------------------------------------------------------------------------------- /itemDetail ------------------------------------------------------------------------------- */











/*---------------------------------------------------------------------------- /itemDetail ----------------------------------------------------------------------------*/


/*=====井上追加=====  */
.sideBnr img{margin:0 auto; width:100%;}

/*------------------------------------------------------------------------------- footer -------------------------------------------------------------------------------*/
img.footerLogo{display:block; margin:0 auto;width:60%;text-align:center;}
footer{width:100%;height:auto;background:#000000; text-align:center;}
footer p{padding:10px 0; font-size:11px; line-height:1.3;color:#ffffff; text-align:center; }
footer p a{color:#ffffff !important;}

.footerMenu{overflow-x:scroll;margin-top:30px; padding:10px 0 25px; width:100%; height:auto; background:#596071; text-align:center;}
.footerMenu table{display:block;margin:0 auto 0;font-size:11px;width:995px !important; height:auto;border-collapse:collapse;table-layout:fixed;}
.footerMenu table td{padding:5px 15px; width:199px !important; border-left:1px solid #b4b4b4; text-align:center;}
.footerMenu table td.borderNon{padding:0 0 2px; width:199px !important; height:30px; border:none; text-align:left;}
.footerMenu table td a{color:#ffffff !important; font-size:12px !important;}
.footerMenu table tr:first-of-type td:last-of-type,
.footerMenu table tr:last-of-type td:last-of-type{padding:5px 5px; width:33%; border-right:1px solid #b4b4b4;}

.scroll{overflow-x:scroll;white-space: nowrap;}
.scroll::-webkit-scrollbar{height: 5px;}
.scroll::-webkit-scrollbar-track{background: #F1F1F1;}
.scroll::-webkit-scrollbar-thumb {background: #BCBCBC;}	

@media screen and (min-width: 481px){
	img.footerLogo{ width:460px;}
	footer{ height:46px;width:100%}
	footer p{font-size:13px;line-height:3.5;padding:0;}
	.footerMenu{width: 100%}
	.footerMenu table{margin:25px auto 0; font-size:13px;}
}

@media screen and (min-width: 960px) and (max-width: 1200px){
	footer{width:1200px}
	.footerMenu{width: 1200px}
}
/*------------------------------------------------------------------------------- footer -------------------------------------------------------------------------------*/


article .shoukenH2 , article .rankH2{margin:15px auto 30px; width:980px; height:50px; background:#505561; background:linear-gradient(180deg,#596071 50%,#505561 50%); color:#ffffff; text-indent:.5em; font-weight:bold; font-size:28px; line-height:1.8em;}
@media screen and (max-width: 480px){
	article .shoukenH2 , article .rankH2{margin:15px auto 15px; width:95%; height:auto; text-indent:.5em; font-weight:bold; font-size:20px; line-height:1.8em;}
	article p{margin:0 auto; width:95%; color:#646464; font-size:13px; line-height:1.8em;}
}

@media screen and (max-width: 450px){
	.wrap nav table{width:100%}
}


/*
 * トップページ/アーカイブの記事一覧スタイル
 */
.cardtype{margin-bottom:1em;}
.cardtype__article{position:relative; float:left; margin:0 5px 25px; min-height:305px; width:calc( (100% - 10px*3) / 3 ); border-radius:2px; background:#ffffff; 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:#555555; text-decoration:none; cursor:pointer;}
.cardtype__link:hover{color:#555555; text-decoration:none;}
.cardtype__img{overflow:hidden; margin:0; padding-bottom:57.7%; width:100%; height:0;}
.cardtype__img img{border-radius:2px 2px 0 0;}
.cardtype__link{padding-bottom:25px;}
.cardtype h3{display:block; margin:13px 13px 8px; min-height:calc( 17px * 2 ); color:#555555; text-align:left; font-weight:bold; font-size:17px; line-height:1.2;}
.cardtype time{display:block; margin:13px 13px 8px; color:#b5b5b5; font-weight:bold; font-size:13px;}
.cardtype time:before{padding-right:4px; content:'\f017'; font-weight:normal; font-family:'Font Awesome 5 Free';font-size:12.5px;}
@media screen and (max-width: 480px){.cardtype__article{float:none; margin-right:0; margin-left:0; width:100%;}
	.cardtype h3{min-height:0;}}
.cat-name{position:absolute; top:13px; left:13px; display:inline-block; overflow:hidden; margin:0; padding:0 10px; height:22px; border-radius:14px; background-color:#6bb6ff; color:#ffffff !important; vertical-align:middle; text-decoration:none; font-weight:bold; font-size:11px; line-height:22px;}
.cat-name:hover{background:silver;}


.searchBox{margin:0 auto 20px; padding:1rem 0; width:100%; background-color:#e2e2e2; font-size:16px;}
.shoukenSearchForm dl{display:table; margin:0 auto; margin-top:1rem; padding:0; width:96%; border:solid 2px #888888; border-radius:5px; color:#000000;}
.shoukenSearchForm dl dt{position:relative; display:table-cell; margin:0; padding:1.2rem 0 1.0rem 1.2rem; width:20%; background-color:#462424; vertical-align:middle;}
.shoukenSearchForm dl dd{display:table-cell; margin:0; padding:1.2rem 1.5rem 1.0rem 1.5rem; background-color:#ffffff; 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 p button{display:block; margin:2rem auto 1rem; padding:0; outline:0; border:none; background-color:transparent;}

.searchBox__dsp{margin:0 auto 20px; padding:1rem 0; width:100%; background-color:#e2e2e2; font-size:16px;}
.shoukenSearchForm__dsp .searchBox__hiddenBlock dl:nth-of-type(1) dd , .shoukenSearchForm__dsp > dl:nth-of-type(4) dd{line-height:150%;}
.shoukenSearchForm__dsp{font-size:0;}
.shoukenSearchForm__dsp dl{display:table; margin:0 auto 1rem; padding:0; width:96%; border:2px solid #888888; border-radius:5px; color:#000000; font-size:16px;}
.shoukenSearchForm__dsp > dl:nth-of-type(1) , .shoukenSearchForm__dsp > dl:nth-of-type(2) , .shoukenSearchForm__dsp > dl:nth-of-type(3){display:inline-block; margin-left:20px; width:30.6%;;}
.shoukenSearchForm__dsp dl dt{position:relative; display:table-cell; margin:0; padding:1.2rem 0 1rem 1.2rem; width:20%; background-color:#462424; vertical-align:middle;}
.shoukenSearchForm__dsp > dl:nth-of-type(1) dt , .shoukenSearchForm__dsp > dl:nth-of-type(2) dt , .shoukenSearchForm__dsp > dl:nth-of-type(3) dt{display:block; margin:0; padding:10px 0 0; width:100%; text-align:center;;}
.shoukenSearchForm__dsp dl dd{display:table-cell; margin:0; padding:1.2rem 1.5rem 1rem; background-color:#ffffff; vertical-align:middle;}
.shoukenSearchForm__dsp > dl:nth-of-type(1) dd , .shoukenSearchForm__dsp > dl:nth-of-type(2) dd , .shoukenSearchForm__dsp > dl:nth-of-type(3) dd{display:block; padding:0;}
.shoukenSearchForm__dsp dl dd label , .shoukenSearchForm__dsp dl dd select{cursor:pointer;}
.shoukenSearchForm__dsp > dl:nth-of-type(1) dd label , .shoukenSearchForm__dsp > dl:nth-of-type(2) dd label , .shoukenSearchForm__dsp > dl:nth-of-type(3) dd label{display:block; width:100%;;}
.shoukenSearchForm__dsp > dl:nth-of-type(1) dd select , .shoukenSearchForm__dsp > dl:nth-of-type(2) dd select , .shoukenSearchForm__dsp > dl:nth-of-type(3) dd select{display:block; padding:10px; width:100%; font-size:16px;}
.shoukenSearchForm__dsp p button{display:block; margin:1rem auto 0; padding:0; outline:0; border:none; background-color:transparent; cursor:pointer;}
.shoukenSearchForm__dsp dl dd br{display:none;}
.shoukenSearchForm__dsp .searchBox__hiddenBlock dl:not(:nth-of-type(1)) dd label{display:inline-block;}
.shoukenSearchForm__dsp .searchBox__hiddenBlock dl:not(:nth-of-type(1)) dd label:nth-of-type(n+2){margin-left:1rem;}
.shoukenSearchForm__dsp .searchBox__hiddenBlock dl:nth-of-type(1) dd label{display:inline-block; width:calc((100% - 1.4rem)/ 4);}
.shoukenSearchForm__dsp .searchBox__hiddenBlock dl:nth-of-type(1) dd label:nth-of-type(10) , .shoukenSearchForm__dsp .searchBox__hiddenBlock dl:nth-of-type(1) dd label:nth-of-type(7){width:calc((100% - 1.4rem)/ 4 * 2);}

.searchBox__detail{display:block; margin:0 auto 1px; padding:0; width:96%; background:linear-gradient(180deg,#635c5c,#797070,#635c5c); background-color:#462424; color:#ffffff; text-align:center; font-weight:700; font-size:18px; cursor:pointer;}

@media screen and (max-width: 480px){
	.searchBox{display:none;}
	.shoukenSearchForm dl{display:block;}
	.shoukenSearchForm dl dt{display:block; padding:9px 0.5rem 0; width:100%;}
	.shoukenSearchForm dl dd{display:block; padding:5px 0.5rem; line-height:150%;font-size:0;}
	.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% / 3 ) ;}
	.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:nth-of-type(1){width:100%;}
	.shoukenSearchForm dl dd label{font-size:3.5vw;line-height:1.5rem;}
	.shoukenSearchForm p button img{width:100%;}

	.shoukenSearchForm__dsp > dl:nth-of-type(1),.shoukenSearchForm__dsp>dl:nth-of-type(2),.shoukenSearchForm__dsp>dl:nth-of-type(3){display:inline-block;margin-left:10px; width:30.6%;}
	.shoukenSearchForm__dsp dl{display:block;}
	.shoukenSearchForm__dsp dl dt{display:block; padding:9px 1rem 0; width:100%;;}
	.shoukenSearchForm__dsp dl dd{display:block; padding:5px 1rem; line-height:150%;}
	.shoukenSearchForm__dsp .searchBox__hiddenBlock dl:nth-of-type(2) dd label:nth-of-type(1){width:100%;}
	.shoukenSearchForm__dsp .searchBox__hiddenBlock dl:nth-of-type(2) dd label:not(:nth-of-type(1)){width:30%;}
	.shoukenSearchForm__dsp .searchBox__hiddenBlock dl:not(:nth-of-type(1)) dd label:nth-of-type(n+2){margin-left:0;}
}
	.searchBox__hiddenBlock{display:none;}

/* ------------------------------------------------------------------------------- sbi ------------------------------------------------------------------------------- */
#sbiProductIntroduction__block{margin-top:80px;}
#sbiProductIntroduction__block h3{margin-bottom:20px; background:#ffbc00; font-size:0;}
.sbiProductIntroduction__innerBlock{margin:15px auto; width:846px;}
.sbiProductIntroduction__innerBlock p{margin-bottom:15px; font-size:15px; line-height:1.5;}
.sbiProductIntroduction__ipoImage , .sbiProductIntroduction__toolImage{display:inline-block; width:45%;}
.sbiProductIntroduction__feeImage{display:inline-block; width:48%; font-size:0; line-height:0;}
.sbiProductIntroduction__innerText{display:inline-block; width:53%; vertical-align:top;}
.sbiProductIntroduction__innerText--fee{display:block; width:100%;}
.sbiProductIntroduction__innerText .highLight{color:red; font-weight:bold;}
.button--sbi{position:relative; display:block; width:980px; height:85px; background-image:url(/wp-content/themes/shouken/images/btn/button5.png); background-position:center; background-size:100% 100%; background-repeat:no-repeat;}
.button--sbi:before{position:absolute; top:0; left:-30%; z-index:1; display:block; width:40px; height:90px; background-image:linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0))); background-image:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%); content:''; -webkit-transform:rotate(30deg); -moz-transform:rotate(30deg); transform:rotate(30deg); -webkit-animation:shiny 3s infinite linear; -moz-animation:shiny 3s infinite linear; animation:shiny 3s infinite linear;}
.button--sbi:after{position:absolute; right:7%; bottom:33%; z-index:10; display:block; width:290px; color:#ffffff; content:'無料口座開設はこちら'; text-align:right; text-shadow:2px 1px 0 #00000054; font-weight:700; font-size:18px;;}
.button--sbiBlock{position:relative; margin-top:80px;;}
.button--sbiBlock:before{position:absolute; bottom:27px; left:32px; z-index:2; width:135px; height:42%; background-image:url(/wp-content/themes/shouken/images/itemLogo/itemLogo_sbi.png); background-size:100%; background-repeat:no-repeat; content:''; font-size:0;}
.button--sbiBlock::after{position:absolute; bottom:45px; left:100px; display:block; width:150px; height:120px; background-image:url(/wp-content/themes/shouken/images/itemDetail/sbi/fukidashi3.png); background-size:contain; background-repeat:no-repeat; content:''; -webkit-animation:flow 3s infinite linear; -moz-animation:flow 3s infinite linear; animation:flow 3s infinite linear;}


@media screen and (max-width: 480px){#sbiProductIntroduction__block{margin-top:40px;}
	.sbiProductIntroduction__innerBlock{width:100%;}
	.sbiProductIntroduction__ipoImage , .sbiProductIntroduction__toolImage{display:block; width:100%;}
	.sbiProductIntroduction__feeImage{display:block; margin-bottom:30px; width:100%; font-size:0; line-height:0;;}
	.sbiProductIntroduction__innerText{display:block; margin-top:20px; width:100%;}
	.button--sbiBlock{margin-top:80px; width:98%;}
	.button--sbiBlock::after{position:absolute; bottom:60px; left:20px; display:block; width:150px; height:100px; background-image:url(/wp-content/themes/shouken/images/itemDetail/sbi/fukidashi3.png); background-size:contain; background-repeat:no-repeat; content:''; -webkit-animation:flow 3s infinite linear; -moz-animation:flow 3s infinite linear; animation:flow 3s infinite linear;}
	.button--sbi{position:relative; display:block; width:100%; height:85px; background-image:url(/wp-content/themes/shouken/images/btn/button5.png); background-position:center; background-size:100% 100%; background-repeat:no-repeat;;}
	.button--sbi:before{position:absolute; top:-25%; left:-30%; z-index:1; display:block; width:40px; height:120px; background-image:linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0))); background-image:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%); content:''; -webkit-transform:rotate(30deg); -moz-transform:rotate(30deg); transform:rotate(30deg); -webkit-animation:shiny 3s infinite linear; -moz-animation:shiny 3s infinite linear; animation:shiny 3s infinite linear;}}
@keyframes flow{0%{transform:translateY(0);}
	50%{transform:translateY(-8px);}
	100%{transform:translateY(0);}}

@-webkit-keyframes flow{0%{transform:translateY(0);}
	50%{transform:translateY(-8px);}
	100%{transform:translateY(0);}}
@-moz-keyframes flow{0%{transform:translateY(0);}
	50%{transform:translateY(-8px);}
	100%{transform:translateY(0);}}
/* ------------------------------------------------------------------------------- /sbi ------------------------------------------------------------------------------- */

h2.contentsTitle{margin-bottom:10px; padding:5px 0; width:980px; background:#505561; background:linear-gradient(180deg,#596071 50%,#505561 50%); color:#ffffff; text-align:center; text-shadow:2px 2px 0 #001146; font-weight:bold; font-size:40px;}
.sortButton{font-size:0;}
.sortButton__button{width:12%; width:-webkit-calc(100% / 8); width:calc(100% / 8); height:35px; border:#ffffff solid 1px; background:linear-gradient(to bottom, #8baad0 , #004499); color:#ffffff;}
.sortButton__button img{margin-left:5px; width:25px;}
.contentsTitle__span{font-size:.7em;}
.recommendText{display:table-cell; vertical-align:middle; text-align:center; text-shadow:1px 1px 0 #9b9b9b; font-size:24px;}

@media screen and (max-width: 480px){h2.contentsTitle{width:100%; font-weight:700; font-size:35px; line-height:1.5em;}
	.sortButton__button{position:relative; height:65px;}
	.sortButton__button img{position:absolute; right:0; bottom:5px; left:0; display:block; margin:auto; margin-left:unset; width:25px;}
	.rankingUnit .recommendIcon{top:20px;}
	.recommendText{font-size:4.2vw;}}

.post p{margin-bottom:1em; line-height:1.5;}


.itemDetail__featureList{
	line-height: 2em;
	counter-reset: count 0;
	font-weight: bold;
	width: 98%;
	margin: 0 1%;
}
.itemDetail__featureList li{
	margin-bottom: 1em;
	text-indent: -2em;
	padding-left: 2em;
}
.itemDetail__featureList li::before{
	content: counter(count) ;
  counter-increment: count 1;
	color: #fff;
	margin-right: .5em;
	background-color: #965D62;
	padding: 0 .5em;
	border-radius: 50%;
	box-shadow: 0px 0px 5px #ccc;
}
.itemDetail__featureList li .important{
	background: linear-gradient(transparent 50%,#fffaaa 50%);
}