/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20210719
*/

/*GPWA設定*/
header .headbox .textwidget,#footer .headbox .textwidget {
	background: none!important;
}
footer .footer-wbox .head-telno, footer .footer-wbox .headbox, footer .footer-wbox .headbox p{
	text-align: center!important;
}

/*マイボックスタイトル背景白にします*/
.st-mybox-title {
	background-color: #fff!important;
}
/* footerの変更 */
.footer-l > * {
    text-align: center;
}
.footer-l {
    float: none!important;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.footer-r {float: none!important;width: 100%;margin: 0 auto;}
footer .footer-wbox .headbox {
    text-align: center;
}
.footer-r.footer-column3 {
    display: flex;
    flex-direction: column;
}
.footer-r-2, .footer-r-3 {
    width: 100%;
    margin: 0 auto 20px;
	padding: 0;
}
ul.foot_list {
    display: grid;
    grid-template-columns: repeat(3, 33%);
    grid-template-rows: repeat(3, auto);
}
.footer-r-3 .textwidget.custom-html-widget {
    display: grid;
    grid-template-columns: repeat(3, 33%);
    grid-template-rows: repeat(3, auto);
}
.footer_category_box ul li {
    line-height: 1.8;
}
.footer_category_box {margin: 5px 0;}
p.st-widgets-title {
    border-bottom: 1px solid;
}
.footer_category_box p.st-widgets-title {
    border-bottom: dotted 1px;
    width: 80%;
}
/*h2アイコン*/
h2:not(.st-css-no) {
    background: url(https://hoshiribe.jp/wp-content/uploads/2021/11/rush_icon_04.png) no-repeat, linear-gradient(to top, rgb(21, 21, 52) 0%, rgb(21, 21, 52) 100%)!important;
	background-position: 0% 50%, 50% 50%!important;
}
/*入出金の所*/
.paymentbox {
    position: relative;
    padding: .5em .75em;
    background: linear-gradient(0deg, rgb(247 239 225) 0%, rgb(195 185 169) 100%);
    font-weight: bold;
    color: #3e3624;
}

.paymentbox::after {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #b1a28c;
}
.paymentany p {
text-align: left;
}
.licencebox {
    position: relative;
    padding: .5em .75em;
    background: linear-gradient(0deg, rgb(0 231 192) 0%, rgb(5 145 113) 100%);
    font-weight: bold;
    color: #022732;
}

.licencebox::after {
    content: '';
    position: absolute;
    top: -20px;
    left: 0;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #036c55;
}

/*もくじの・消し*/
ul.ranking_all {
    list-style: none!important;
}
/*ランキングタイトル帯設定*/
h3.ranking_nodeco {
    position: relative;
    padding: 0!important;
    border: none!important;
}
h3.ranking_nodeco::after {
    background: none!important;
}
.rankobi,.rankobi02 {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
div.ranking-title01 {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 30%, rgb(245 230 185) 30%,  rgba(224,195,109,1) 90%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
}
div.ranking-title02 {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 30%, rgb(229 228 225) 30%, rgb(174 171 164) 90%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
}
div.ranking-title03 {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 30%, rgb(251 209 175) 30%, rgb(154 120 92) 90%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
}
div.ranking-title04 {
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 18%, rgb(142 84 192) 18%, rgb(142 84 192) 20%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 87%, rgb(142 84 192) 87%, rgb(142 84 192) 90%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
}
div.rankobi p {
    font-size: 170%!important;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 20px;
}
.rankobi02 p {
    font-size: 170%!important;
    font-weight: bold;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}
/*サイドバー背景とマージン設定（背景黒の時用）*/
div#mybox, div#scrollad, div.kanren {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    padding: 12px;
    margin-bottom: 20px;
}
/*ling-menu*/
	.cachnavi_head {
  background: #f33b03;
  padding: 10px;
  border-radius: 5px 5px 0 0;
  vertical-align: middle;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  line-height: 48px;
}
img.navimg0001 {
    width: 5%;
    margin-right: 7px;
}
.cachnavi_main {
  border: solid 4px #f33b03;
}
.cachnavi_main ul {
	display: flex;
	flex-wrap: wrap;
	padding: 10px 10px 5px 10px!important;
	margin-bottom: 5px!important;
}
.cachnavi_main ul li {
  list-style: none;
  flex-direction: row;
  display: inline-flex;
  flex-basis: 47%;
  font-weight: normal;
  line-height: 2.4em;
  margin: 4px 10px;
  border-bottom: solid 1px #f33b03;
}
.cachnav_ico {
	display: inline-flex;
	align-self: center;
	flex-basis: 2em;
}
.cachnavi_list {
	display: inline-flex;
	align-self: center;
	font-size: 15px;
	width: 90%;
	margin-left: 12px;
}
.cachnav_ico i {
  color: #f33b03;
}
/*--TOPヘッダー--*/
#headbox {
	padding: 0px!important;
	margin:0 auto;
	text-align:left;
}

.header_cvmaincontent {
    background: url(https://hoshiribe.jp/wp-content/uploads/2021/10/hederbg02.jpg) no-repeat top center;
    background-size: cover;
    height: 300px;
		z-index: -2;
}


/*Youtube設定*/
.youtube_box {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube_box iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/* TOPヘッダーの画像を削除 */
#st-header {
	display:none;
}
/*-- editor --*/
h2:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2),
.h2modoki {
  background: #151534;
	color: #ffffff!important;
	padding-left: 55px!important;
}
.post h3:not(.st-css-no2):not(.rankh3):not(.post-card-title):not(#reply-title), .h3modoki {
  position: relative;
  padding-left: 0px;
  border-top: none;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  color: rgb(21, 21, 52);
  background-color: transparent;
  border-bottom-color: rgb(21, 21, 52) !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
/*----*/
/*----------カジノ個別総合得点----------*/
.ranking_mainbox {
	width: calc(96% - 4%);
	margin: 0 auto;
	margin-bottom:25px;
	border: solid 2px #151534;
	display: flex;
	padding: 2%;
	justify-content: space-between;
}
.ranking_mainbox p {
  padding: 0;
  margin: 0;
}
.ranking-imgbox {
  width: 46%;
  margin: 0 auto;
}

.ranking_saitenbox {
	width: 50%;
	padding: 0 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

ul#ranking_tokuten {
	padding: 0;
	margin: 0;
}
#ranking_tokuten li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0 0 4px 0;
  width: 100%;
}
#ranking_tokuten p {
	margin: 0;
	line-height:1.4!important;
	background: #fff;
	z-index: 1;
	padding: 0 10px;
	font-weight: bold;
}
#ranking_tokuten p:last-child {
  padding: 0;
}
#ranking_tokuten p span.ranking_star2 {
  color: #FFCC00;
  padding-right: 10px;
}
#ranking_tokuten li::after {
	border-top: 1px #8d8d8d solid;
	position: absolute;
	content: "";
	width: 100%;
}

.sougoupoint {
    background: #e8e8e8;
    padding: 5px 14px 0;
    display: flex;
    justify-content: space-between;
	align-items: center;
}
.sougoupoint p {
	font-size: 22px!important;
    font-weight: bold;
	align-self: flex-start;
}
.sougoupoint p:last-child {
    padding: 0;
}
.ranking_star1 {
	color: #f50653;
    font-size: 20px;
}
	.ranking_tokuten {
    font-size: 38px;
}
/*--カジノ個別総合得点ここまで--*/
/*カジノ注目ポイント紹介*/
.ranking_onebox_kengai {
    display: inline-block;
    position: relative;
    height: 50px;/*高さ*/
    line-height: 50px;/*高さ*/
    text-align: center;
    padding: 0 40px 0 18px;/*文字の左右の余白*/
    font-size: 18px;/*文字サイズ*/
    background: #f33b03;/*背景色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
}

.ranking_onebox_kengai::after {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
    top: 0;
    right: 0;
    border-width: 25px 15px 25px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}

p.ranking_pointtitle_kengai {
    border: dotted 2px #ef7f5d;
    border-radius: 50px;
    width: 62%;
    display: inline-flex;
    padding: 0px 14px;
    margin: 14px 0 5px;
    background: #ffd2c5;
}

.ranking_pointtitle_kengai img {
    width: 26px;
    height: 26px;
    align-self: center;
    margin-right: 5px;
}


/*------リングバナー-----*/
.comparisonbox {
    width: calc(96% - 4%);
    border: solid 2px #151534;
    padding: 2%;
    text-align: center;
	margin: 0 auto;
}

.comparisonbox .paymentbox,.comparisonbox .licencebox, .comparisonimg {
    margin: 30px 0 10px;
}
.twobutton {
	text-align: center;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	padding: 14px 0;
}
.color-button01,.color-button02,.color-button03 {
	letter-spacing: 0;
	width: 46%;
	border-width: 1px;
	border-radius: 5px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
/*外側不要？要確認*/
/*
.color-button01 {
	background: #046715;
	background: linear-gradient(to bottom, #56b55a, #046715);
	border-color: #81C784;
	box-shadow: 0 3px 0 #0c4e0f;
}
.color-button02 {
	background: #e53935;
	background: linear-gradient(to bottom, #f44336, #e53935);
	border-color: #e57373;
	box-shadow: 0 3px 0 #c62828;
}

.color-button03 {
	background: #07b6de;
	background: linear-gradient(to bottom, #48def5, #0573a9);
	border-color: #73d5e5;
	box-shadow: 0 3px 0 #034667;
}
*/
.color-button01 a,.color-button02 a,.color-button03 a {
	display: block;
	padding: 13px 40px;
	border-width: 1px;
	border-radius: 5px;
	font-weight: bold;
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
	text-decoration: none;

	-webkit-transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
	transition: color 0.3s ease, background 0.3s ease, transform 0.3s ease, opacity 0.3s ease, border 0.3s ease, padding 0.3s ease, left 0.3s ease, bottom 0.3s ease, box-shadow 0.3s ease;
	-webkit-transform: perspective(0);
	transform: perspective(0);
}
.color-button01 a {
  background: #43A047;
  background: linear-gradient(to bottom, #56b55a, #046715);
  border-color: #81C784;
  box-shadow: 0 3px 0 #0c4e0f;
}
.color-button02 a {
  background: #e53935;
  background: linear-gradient(to bottom, #f44336, #e53935);
  border-color: #e57373;
  box-shadow: 0 3px 0 #a71212;
}
.color-button03 a {
  background: #07b6de;
  background: linear-gradient(to bottom, #48def5, #0573a9);
  border-color: #73d5e5;
  box-shadow: 0 3px 0 #034667;
}
.color-button01 a:hover {
	background: linear-gradient(to bottom, #d0ef54, #015a04);
	color: #fff;
}
.color-button02 a:hover {
	background: linear-gradient(to bottom, #fb7c94, #f10903);
	color: #fff;
}
.color-button03 a:hover {
	background: linear-gradient(to bottom, #8cf0ff, #009ae6);
	color: #fff;
}
/*----記事下CTA　個別----*/
.vebox01 {
    width: 94%;
    margin: 0 auto;
    border: 2px solid #151534;
	padding: 3%;
	text-align: center;
}

.vebox_tit {/*ベラ用（アフィンガータグ）*/
    display: inline-block;
    position: relative;
    height: 50px;/*リボンの高さ*/
    line-height: 50px;/*リボンの高さ*/
    text-align: center;
   padding: 0px 38px;
    font-size: 28px;
    background: #b70300;/*塗りつぶし色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
    font-weight: bold;
}
.vebox_tit02 {/*ベラ以外が02（ショートコード）*/
    display: inline-block;
    position: relative;
    height: 34px;/*リボンの高さ*/
    line-height: 34px;/*リボンの高さ*/
    text-align: center;
    padding: 0px 38px;
    font-size: 20px;
    background: #b70300;/*塗りつぶし色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
    font-weight: bold;
}

.vebox_tit:before,.vebox_tit:after,.vebox_tit02:before,.vebox_tit02:after  {position: absolute;content: '';width: 0px;height: 0px;z-index: 1;}

.vebox_tit:before {
    top: 0;
    left: 0;
    border-width: 25px 0px 25px 16px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}

.vebox_tit:after {
    top: 0;
    right: 0;
    border-width: 25px 16px 25px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}
.vebox_tit02:before {
    top: 0;
    left: 0;
    border-width: 17px 0px 17px 16px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}

.vebox_tit02:after {
    top: 0;
    right: 0;
    border-width: 17px 16px 17px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}
.vebox_tit span {
    display: inline-block;
}
p.vebox_text {
    font-size: 150%!important;
    width: 100%;
    font-weight: bold;
    margin: 2px 0;
    color: #b70300;
}

.bonasbox {
    width: 98%;
    padding: 1%;
    margin-top: 5px;
	margin-bottom: 12px;
    border-top: solid 5px #fbd800;
    border-bottom: solid 5px #fbd800;
}
.bonasbox.bonasbox {
	font-size: 20px!important;
}
.vebox_canpen{
	 background: url(https://hoshiribe.jp/wp-content/uploads/2021/05/hukidashi_item01_03.png) no-repeat center;
    background-size: contain;
    text-align: center;
    height: 69px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #e30000;
    font-size: 20px;
    font-weight: bold;
}
.vebox01 img.veimg {
	box-shadow: 0px 0px 8px 0px #8899a6;
}
.ve_textbox {
    padding: 10px 0;
    line-height: 1.8;
	text-align: left;
}
.vebox01 a.verabtn {
    position: relative;
    display: inline-block;
    padding: 0.5em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #49a701;
    border-radius: 9px;
    box-shadow: inset 0 2px 0 rgb(255 255 255 / 20%), inset 0 -2px 0 rgb(0 0 0 / 5%);
    font-weight: bold;
    border: solid 2px #2c8c00;
    font-size: 30px;
    width: 94%;
    text-align: center;
    margin: 0 auto;
}
/*---記事中CTA対応している入出金----*/
.kijinaka_box {
    width: 94%;
    border: solid 2px #e5c903;
    padding: 2% 3%;
    margin: 0 auto;
}
	dl.fukidashi {
    margin: 10px 0;
}
	.fukidashi dt {
    position: relative;
    color: #fff;
    font-weight: bold;
    float: left;
    clear: both;
    padding: 6px;
    background-color: #fff9e4;
}
	.fukidashi dt::after {
    left: 100%;
    top: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 17px solid #fff9e4;
}
	.fukidashi dd {
    padding: 5px 0 5px 30px;
    display: inline-block;
    background: linear-gradient(to left, #ffffff 0%,#d0c368 100%);
    margin: 0;
    width: 75%;
}


/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
	#headbox{
		margin: 0;
		display: flex;
		align-items: center;
	}
	#header-l {
    padding-top: 5px!important;
	}
	/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {

	/*-- ここまで --*/
}

/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {

#gpwa-verity img {
	width: 110px;
}
	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {
	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {
/*ランキングタイトル帯設定*/
	div.rankobi p {
    padding: 24px 0 32px 8px;
    font-size: 150%!important;
}
.rankobi02 p {
    font-size: 150%!important;
    padding-left: 8px;
    padding-top: 24px;
    padding-bottom: 25px;
}
/*ling_menu*/
	.cachnavi_head {
    font-size: 16px;
		padding: 0px 12px;
		line-height: 35px;
	}
	img.navimg0001 {
    width: 10%;
    vertical-align: inherit;
	}
	.cachnavi_main ul {
    display: flex;
    flex-wrap: wrap;
    padding: 3px 10px 0px 10px!important;
    margin-bottom: 5px!important;}
	.cachnavi_main ul li {
    flex-basis: 100%;
		margin: 1px 10px;
	}
	.cachnav_ico i {
    font-size: 1.3em;
	}
	.cachnav_ico {
		flex-basis: 2em;
	}
	.cachnavi_list {
		font-size: 13px;
		margin-left: 0px;
	}
/*--TOPヘッダーCV--*/
	.header_cvmaincontent{
	background-size: 253%;
    height: 152px;
    background-color: #f33b03;
	}
	.topcvbtn {
    padding-top: 82px;
    width: 90%;
    overflow: hidden;
    margin: 0 auto;
}
	.topcvbtn a {
    width: 100%;
	height: 66px;
	animation: vertical 2s ease infinite;
	}

/*----------カジノ個別総合得点----------*/
	.ranking_mainbox {
		width: calc(99% - 12px);
		flex-direction: column;
		padding: 6px;
	}
	.ranking-imgbox {
    width: auto;
    margin: 0 auto;
	}
	.ranking_saitenbox {
    width: auto;
    padding: 0;
	}
	ul#ranking_tokuten {
		padding: 10px 0 10px;
	}
	#ranking_tokuten p {
    line-height: 1.3;
	padding: 0 10px 0 0;
	}
	#ranking_tokuten p span.ranking_star2 {
    padding-right: 0;
}
	.sougoupoint {
		padding: 9px 14px 5px;
	}
/*----------カジノ個別総合得点ここまで----------*/
/*カジノ注目ポイント*/
	.ranking_onebox_kengai {
    margin-top: 10px;
    font-size: 90%;
}

p.ranking_pointtitle_kengai {
    width: 80%;
    padding: 5px 14px;
}
/*--　個別バナー　--*/
	.color-button01, .color-button02, .color-button03 {
		width: 47%!important;
	}
	.color-button01 a, .color-button02 a, .color-button03 a{
		font-size: 90%;
	}
	.color-button01 a{
		padding: 6% 3%;
	}
	.color-button02 a{
		padding: 6% 3%;
	}
	.color-button03 a{
		padding: 6% 5%;
	}
/*----記事下CTA　個別----*/
	.vebox_tit {
    height: 15vw;/*リボンの高さ*/
    line-height: 6vw;/*リボンの高さ*/
    padding: 6px 8vw;/*横の大きさ*/
    font-size: 18px;/*文字の大きさ*/
}
	.vebox_tit02 {/*ベラ以外が02（ショートコード）*/
    display: inline-block;
    position: relative;
    height: 25px;/*リボンの高さ*/
    line-height: 26px;/*リボンの高さ*/
    text-align: center;
    padding: 0px 38px;
    font-size: 14px;
    background: #b70300;/*塗りつぶし色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
    font-weight: bold;
}

	.vebox_tit:before {
    border-width: 28px 0px 28px 20px;
}

.vebox_tit:after {
    border-width: 28px 20px 28px 0px;
}
	.vebox_tit02:before {
    top: 0;
    left: 0;
    border-width: 12px 0px 14px 12px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}

.vebox_tit02:after {
    top: 0;
    right: 0;
    border-width: 13px 12px 12px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}
	p.vebox_text {
    font-size: 93%!important;
    width: 100%;
    font-weight: bold;
    margin: 2px 0;
    color: #b70300;
}

.vebox_canpen{
	font-size: 18px;
}
.vebox01 a.verabtn {
    font-size: 30px;
    width: 89%;
}
/*footer カテゴリー設定*/
	ul.foot_list { display: block;}
	.foot_list li {
    line-height: 2em;
    font-size: 14px;
}
	.footer-r-3 .textwidget.custom-html-widget { display: block;}
	.footer_category_box p.st-widgets-title { width: 98%;}
	.footer_category_box ul li {
    line-height: 2;
    font-size: 14px;
}
/*------リングバナー-----*/
.comparisonbox .paymentbox,.comparisonbox .licencebox {
    margin: 30px 0 10px;
    font-size: 96%;
}
	.comparisonbox {
    width: calc(99% - 12px);
    padding: 6px;
}
/*スマホ上部メニュー調整用*/
	#s-navi {
	margin:0!important;
}
	#s-navi dt.trigger {
    height: 50px!important;
}
div#headbox {
    display: flex;
}
nav#s-navi, #header-l {
    align-self: center;
    padding-top: 0!important;
}
	/*-- ここまで --*/
}