/*
Theme Name: Casino Child
Template: casino
Version: 1.0
*/

/* ここにカスタムCSSを書く */


/* Additional CSS from parent theme */
.innerpage-contant .col-md-12,  .innerpage-contant .col-sm-12 {
padding: 0 !important;}


.l-accordion input {
  display: none;
}

.l-accordion .l-accordion-inside {
  height: 0;
  opacity: 0;
  transition: 0.5s;
	padding:0.5em;
}

.l-accordion input:checked~.l-accordion-inside {
  height: auto;
  opacity: 1;
}

.l-accordion .l-accordion-switch {
  position: relative;
  display: block;
  background-color: #e7e7e7;
  font-weight: bold;
  padding: 0.6em 1.2em 0.6em 0.5em;
  cursor: pointer;
	text-align:left;
}

.l-accordion .l-accordion-switch::before,
.l-accordion .l-accordion-switch::after {
  content: '';
  position: absolute;
  display: block;
  width: 14px;
  height: 3px;
  background: #555;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.l-accordion .l-accordion-switch::after {
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}

.l-accordion input:checked~.l-accordion-switch::after {
  transform: rotate(0);
  transition: 0.5s;
}

.wide-grey-bg {
background-color: #f8f7f3;margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); 
padding: 20px 0 35px;}

.casino-review-desc h2, .search-wrapper h2, .game_description h2, .taxonomy-description h2, .innerpage-contant h2, .top-casino h2, .about-description h2 { font-size:1.55rem; line-height:1.95rem; 
	padding:0.35em 0em 0.35em 0.4em !important; 
	margin:0.7em 0em 0.6em; 
	font-weight:600; text-align:left; /*float:left; width:100%;*/ color:#0f488e; display: block;border-left: 7px solid #e89b00 !important;
}

.rankingno {
font-size:1.9rem;	
}

.casino-review-desc h3, .search-wrapper h3, .game_description h3, .innerpage-contant h3, .top-casino h3, .about-description h3 {
	font-size:1.33rem; 
	padding:0.7em 0em 0.6em 0.7em; /*float:left; width:100%;*/ 
font-weight:600; 
line-height:1rem; 
	text-align:left; 
	color:#0f488e;
	display: block;}

.hititle{
  background: #fffccc;
	margin: 1em 0;
  border-radius: 8px;	
}

.casino-review-desc h4, .search-wrapper h4, .game_description h4, .innerpage-contant h4, .top-casino h4, .about-description h4 
{ font-weight:600; font-size:1.17em; line-height:1.3rem; padding:0.5em 0em; text-align:left;
	margin-top: 10px;/*float:left; width:100%;*/ color:#0f488e; display: block; 
text-decoration:underline;
text-underline-offset: 5px;
text-decoration-thickness: 2px;}

h4.list-group-title {
text-decoration:none !important;	
font-size:1.11em !important;	
}

.casino-review-desc h5, .search-wrapper h5, .game_description h5, .innerpage-contant h5, .top-casino h5, .about-description h5 { font-weight:600; font-size:1.15rem; line-height:1.3rem; 
	margin-top: 8px; color:#333; display: block; text-align:left; padding:0.7em 0em 0.5em 0.9em; }

.sidebar1 h5 {
	margin-top: 0px;	
	padding:0.2em 0em 0.5em 0.5em;
}


.sidebar1 p {
font-size:80%;
	padding:0.2em 0.8em;
  line-height: 1.5em;
	color:#666;
}
.sidebarimg {
padding: 0 0.8em;
border-radius: 5px;	
}	


.tdbgblue {
background: #E5F3F7 !important;
}

.tab100 {
width: 95%	
}

.margin10 {
width:75%;
}

.smalltxt {
font-size: 90%;	
}


.wp-block-table table th, .wp-block-table table td{
border-color: #bbb !important;	
	padding:0.3em;
	font-size: 90%;
}

table tr {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: .3em;
}
table td {
  padding: .5em;
  border-right: 1px solid #bbb;
	vertical-align:middle;
	text-align: left;
}
table th {
	background-color: #DCE3F1;
  font-size: .85em;
	text-align: center;
	line-height: 1.25em;
	padding: .4em;
  border-right: 1px solid #bbb;
	vertical-align:middle;
}
table thead tr{
  background-color: #eee;
}
.txt{
   text-align: center;
} 
.txt-left td {
text-align:left;	
}

.block-content h3 {
	padding: 0.1em;
}

.columncontainer img {
    border-radius: 5px;
}

p img {
 border-radius: 5px;	
}


#toc_container p.toc_title+ul.toc_list {
    margin-top: 0.5em;
	margin-left: 1em;
}

.imgrealplay {
  width: 50%; 
  height: auto;
}

.casinopbnr {
  width: 95%; 
  height: auto;
}


.imgincontenthorizontal {
  width: 70%; 
  height: auto;
}
.imgincontentvertical {
  width: 50%; 
  height: auto;
}
.desktop-display-65 { 
display:block;
  width: 65%; 
  height: auto;
 } 
.logo {
  height: auto;
}

.vmiddle
{
	vertical-align: middle;
}

.box6 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #f0f7ff;
    border: dashed 2px #5b8bd0;/*点線*/
}
.box6 p {
    margin: 0; 
    padding: 0;
}

.columncontainer, .colcontainer, .columncontainer-b, .columncontainer-b2 {
  display: flex;
  flex-wrap: wrap;
	margin: 5px 0px;
}

.column14b {
    width: 25%;
    padding: 5px 5px 0px 5px;
    text-align: center;	
}

.columncontainer-s {
  width:70%;	
	display: flex;
  flex-wrap: wrap;
	margin: 5px auto;
}

.column50{
	width:50%;
	padding:2px;
}
  .columnl, .column--l {
    width: 25%;
		padding-right:0.2em;
  }
  .columnr,  .column--r {
    width: 75%;
		padding: 0 0.3em;
  }
  .column33 {
    width: 33.3%;
  }
  .column67 {
    width: 66.6%;
  }

  .columnl-s {
    width: 20%;
	border-bottom: 2px solid #ddd;
	padding: 15px 10px 0px 10px;
  }
  .columnr-s {
    width: 80%;
		border-bottom: 2px solid #ddd;
  }
  .column14, .column24, .column34, .column44 {
    width: 25%;
		padding: 5px;
		text-align: center;
  }
figcaption {
    text-align: center;
    font-size: 11px;
    line-height: 14px;
    color: #444;
}
.hyouban {
  position: relative;
  color: black;
  background: #d0ecff;
  line-height: 1.4;
  padding: 0.25em 0.5em;
	margin: 35px 20px 12px 10px;
  border-radius: 0 5px 5px 5px;
}

.hyouban :after {
  /*タブ*/
  position: absolute;
  font-weight: 900;
 content: '評判';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 8px 1px;
  font-size: 0.8em;
  line-height: 1;
  letter-spacing: 0.05em
}

.rank1, .rank2, .rank3 {
    padding: 22px 0px 14px 80px !important;
    border-left: none;
    border-bottom: 0px;
}

.rank1 {
    background-image: url(https://www.top10casinoslots.com/wp-content/uploads/2022/10/no1-80.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.rank2 {
    background-image: url(https://www.top10casinoslots.com/wp-content/uploads/2022/10/no2-80.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.rank3 {
    background-image: url(https://www.top10casinoslots.com/wp-content/uploads/2022/10/no3-80.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.group2 {
	border-top:1px solid #D2D2D2;
	border-left:2px solid #D2D2D2;
	border-right:2px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
	padding:7px 25px 7px 25px;
	margin-bottom: 0px;
}
.group2-top {
	border-top:2px solid #D2D2D2;
	border-left:2px solid #D2D2D2;
	border-right:2px solid #D2D2D2;
	border-bottom:1px solid #D2D2D2;
    padding:7px 25px 7px 25px;
	margin-bottom: 0px;
}
.group2-bottom {
	border-top:1px solid #D2D2D2;
	border-left:2px solid #D2D2D2;
	border-right:2px solid #D2D2D2;
	border-bottom:2px solid #D2D2D2;
    padding:7px 25px 7px 25px;
	margin-bottom: 0px;
}
.group2col{
		margin-bottom: 0px;	
}
.group2col h5 {
font-weight:600;
margin-bottom: 5px;	
}
.containersmallgap {
    display: flex;
    gap: 0.5em !important;	
}
.table-image {
    margin-top: 0.3em;
    margin-bottom: 0.3em;
	max-width: 250px;	
	padding-bottom: 0 !important;
}
.table-image img {
border-radius: 5px;	
}
.table-btn {
	background-color: orange;
	color: #fff !important;
}
.promo-btn {
	background-color: #34aa0d;
	color: #fff !important;
}

.promo-btn1 {
	background-color: #34aa0d;
	color: #fff !important;
	padding: 5px 10px;
}

.table-list ul li {
  line-height: 1.1em;
  padding: 0.35em 0;
  list-style-type: none!important;
}

.wp-block-button__link {
	font-size: 1em;
}
.wp-block-columns {
padding: 2%;	
margin-bottom: 1em;	
}
.wp-block-column {
padding: 0 0.5%;	
}
.wp-block-column p {
padding: 0 0.5%;	
}
.wp-block-group {
margin: 10px 30px;
border-radius: 10px;	
padding-bottom:15px;	
}
.wp-block-group p {
padding: 20px 50px 0	
}

.navigation-wrapper {
    border: solid 2px #95ccff;
    border-radius: 8px;	
}

.table-scroll-mobile{
  width:100%;
}

.table-scroll-mobile table{
  margin-inline:auto;    /* center when smaller than container */
width:100%;
  border-collapse:collapse;
}


.recommended-ranking-list {
    margin: 1.5em;
    counter-reset: number;
    padding-left: 10px;
}

.navigation-wrapper ol, ul {
    list-style: none;
}


.list-points{
  margin-left: 0.5em;
  text-align: left;
  padding: 0.3em 1em;
  display: block; /* or just omit display entirely */
}

.list-points ul{
  margin: 0.2em 0;
  padding: 0;
  list-style: none;
}

.list-points ul li{
  position: relative;
  padding-left: 28px;
  margin-bottom: 0.3em;
  color: #333333;
  text-align: left;
  line-height: 1.6rem;
  font-weight: 600;
}

.list-points ul li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 2px; /* tweak if you want: 0px, 1px, 0.25em, etc */
  width: 18px;
  height: 18px;
  background: url(https://www.top10casinoslots.com/wp-content/uploads/2022/12/list-point.png) no-repeat center/contain;
}

.number-points {
    margin-left: 1.5em;
    text-align: left;
    width: 100%;
    float: left;
    display: inline-block;
    padding: 1em;
}	
.number-points ol li {
line-height:1.7em;
margin-bottom: 0.5em;	

}
	
.wp-block-column table {
width: 95%;		
}	

.kakomi-blue {padding: 0.5em 1em 0.2em; margin-bottom: 10px; border: 1px dotted #333333; border-radius: 7px; background-color: #DDEFFF;}

.kakomi-orange {padding: 0.1em 0.6em; margin:0.3em;; border: 2px dashed #FF6526; border-radius: 7px;}

.recommended-casino-table {
width:98%;
margin: 0.5em auto;
}

.recommended-casino-td {
width:30%; 
text-align:left; 
font-weight:600; 
background-color: #DCE3F1;}	

.inparagraphtop p a {
font-weight:bold;
text-decoration:underline;	
text-align: left;	
}	
/**
 * Author Box Shortcode connected to WordPress user data
 */
.sc-authorbox{
  margin-top: 15px;
  padding: 20px;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 14px;
  background: #fff;
  width: 100%;
  box-sizing: border-box;
}

.sc-authorbox__inner{
  display: flex;
  gap: 16px;
  align-items: flex-start;
}

.sc-authorbox__avatar{
  border-radius: 999px;
	border: 1px solid #e5e5e5;
  display: block;
}

.sc-authorbox__right{
  flex: 1;
  min-width: 0;
}

.sc-authorbox__header{
  display: flex;
  align-items: baseline;
  gap: 12px;
  flex-wrap: wrap;
}

.sc-authorbox__name{
  margin: 0;
  font-size: 1.4em;
  line-height: 1.6em;
}

.sc-authorbox__nameLink{
  text-decoration: none;
}

.sc-authorbox__bio{
  margin: 10px 0 0;
  opacity: .9;
	font-size: 95% !important;
}

.sc-authorbox__social{
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.sc-authorbox__socialLink{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 999px;
  text-decoration: none;
  font-size: 0.90rem;
  line-height: 1;
}

.sc-authorbox__icon{
  display: inline-flex;
}

.sc-authorbox__avatar{
  width: 110px;
  height: 110px;
  object-fit: cover;
}

/**
 * Author inline
 */
.author-inline {
  display: flex;
  align-items: center;
  gap: 7px;
margin: 0;
}

.author-inline__avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  flex: 0 0 auto;
	  border: 1px solid #d9d9d9; 
}

.author-inline__text {
  line-height: 1.2;
  display: flex;
  align-items: baseline;
	font-size: 90%;
}

.dmca-badge img {
    height: 33px;
    width: auto;
}


@media (max-width: 600px){
	  .sc-authorbox{
    margin-left: 16px;
    margin-right: 16px;
    width: auto; /* important: prevents width+margin overflow */
  }	
  .sc-authorbox__inner{
    flex-direction: column;
    align-items: stretch;
  }

  /* Center avatar only */
  .sc-authorbox__left{
    display: flex;
    justify-content: center;
  }

  /* Keep text aligned naturally */
  .sc-authorbox__right{
    width: 100%;
  }

	 .table-scroll-mobile{
    display:block;
    width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  /* Fallback first */
  .table-scroll-mobile table{
    border-collapse:collapse;
    table-layout:auto;

    width:auto;  /* don't force 100% */
    min-width:100%; /* at least fill the screen */
    max-width:1200px; /* cap */
  }

  /* Modern browsers: grow to content width, up to 1000px */
  @supports (width: max-content){
    .table-scroll-mobile table{
      width:max-content;     /* natural width */
      max-width:1200px;
    }
		.recommendedrankingtable .imglogo {
width:100px;			
		}		
  }

  .table-scroll-mobile th,
  .table-scroll-mobile td{
    white-space:normal;      /* allow line breaks */
    word-break:break-word;
  }

  .table-scroll-mobile img{
		max-width:180px;
    height:auto;
  }
}

@media only screen and (max-width: 500px){
  .innerpage-contant .sc-authorbox__avatar{
    width: 110px !important;
    height: 110px !important;
    max-width: none;
  }
	
	.author-inline__avatar {
	width:50px !important;	
	}	
}
/**
 * END Author Box Shortcode connected to WordPress user data
 */

@media screen and (min-width: 992px){
.container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}
	
	.col-md-2 {
	width: 17%;}
.col-md-3 {
width: 25%;
}
.col-md-4 {
    width: 33.3333%;
}
.col-md-4a {
    width: 38%;
}	
.col-md-4a p{
    font-size:95%;
	font-weight: 600;
}	
.col-md-5 {
    width: 20%;
}	
.list-group-item img {
max-width: 180px !important;}	


}

@media screen and (min-width: 700px){
.inparagraphtop {
display:none;	
}	
.columnr p, .column67 p {
padding:0.1em 0.4em !important;	
}	
	
}


@media screen and (max-width: 600px) {
table {
    width:99%;
	margin: 0 0 1em 0;
  }
	
table th, table td {
font-size: 90%;		
padding: 0.3em;
line-height: 1.5em;	
	}	
	
.tablestar img {
        max-width: 180px;
    }
	
	.casino-review-desc h2, .search-wrapper h2, .game_description h2, .taxonomy-description h2, .innerpage-contant h2, .top-casino h2, .about-description h2 { font-weight:600; font-size:1.3rem; line-height:1.7rem; 
	}
	.casino-review-desc h3, .search-wrapper h3, .game_description h3, .innerpage-contant h3, .top-casino h3, .about-description h3 { font-weight:600; font-size:1.15rem; line-height:1.5rem; 
	padding:0.6em 0.5em 0.6em 0.7em; }
	
.hititle{
border-radius: 8px;
}
.casino-review-desc h4, .search-wrapper h4, .game_description h4, .innerpage-contant h4, .top-casino h4, .about-description h4 {font-size:1.13rem; line-height:1.7rem; padding: 0.6em 0.2em 0.5em 0.2em; }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 5px;
    padding-left: 5px;
}	

.games-template-default {
	overflow:hidden;
	}
	
.imgrealplay {
  width: 95%; 
  height: auto;
}
	

.imgincontenthorizontal {
  width: 95%; 
  height: auto;
}
.imgincontentvertical {
  width: 95%; 
  height: auto;
}
.pageeyecatch {
  width: 95%; 
  height: auto;
}
.recommended-display .desktop-display-65 { display:none; }	
	
.mob100 {
  width: 100%; 
  height: auto;	
}
	
.column--l, .column--r {
  width: 100%;
}
	
.column50 {
width:100%;		
padding: 0px;	
	}
	

	.columncontainer {
    display: flex;
    flex-wrap: wrap;
    margin: 5px;
}
.columnl, .columnr, .column14, .column24, .column34, .column44, .columnl-s, .columnr-s, .column33, .column50 {
  width: 100%;
		text-align:center;
		padding-top: 10px;
}

	.column67 {
  width: 100%;		
		padding-top: 10px;	
	}	
	.columnl-s {
	border-bottom: none;
	}
	.columnr-s {
	border-bottom: 2px solid #ddd;
	}
.rank1, .rank2, .rank3 {
    padding: 14px 0px 11px 66px !important; }

.rank1 {
    background-image: url(https://www.top10casinoslots.com/wp-content/uploads/2022/10/no1-55.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.rank2 {
    background-image: url(https://www.top10casinoslots.com/wp-content/uploads/2022/10/no2-55.png);
    background-repeat: no-repeat;
    background-position: left center;
}

.rank3 {
    background-image: url(https://www.top10casinoslots.com/wp-content/uploads/2022/10/no3-55.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.col-md-4a p{
    font-size:80%;
	font-weight: 600;
	text-align: left !important;
}		
	.pcenter a{
font-size:90%;	
}	
	.group2, .group2-top {
    padding:5px 10px 20px 10px;
	margin-bottom: 20px;
}	
	.group2-bottom {
		padding:5px 10px 20px 10px;
	} 	

.wp-block-group {
margin: 10px 5px;
}
.wp-block-group p {
padding: 20px 20px 0;	
}	
	.promo-btn {
line-height:1.3em;　 		
	}
	.video-container {
max-width: 98%;		
	}
.kakomi-orange {
margin:0;	
padding:0 0.3em;	
	}
.inparagraphtop p {
margin:0.3em 0 !important;
}			

.inparagraph img {
    width:15% !important;
}	

.inparagraphtop img {
    width:15% !important;
}		

	
.list-points {
padding: 0.5em 0em;		
margin-left: 0;	
	}	


.wp-block-column table {
    width: 100%;
	font-size:95%;
}	
	
.column14b {
    width: 50%;
    padding: 0px 5px;}

	.block-wrapper li {
width:47%;		
margin:1%;		
	}	
.block-wrapper li .block-content {
    padding: 0.3em;
    float: left;
    width: 100%;
}
	.block-wrapper li .block-content h3 {
font-size: 1em;
line-height: 1.3em;
padding: 0.2em;
	}	
.block-wrapper li .block-content .block-btn {
    padding: 0.4em;
font-size: 1em;
}	

.free-slots-blocks li:nth-child(2n), .free-slots-blocks li:nth-child(3n) {
margin:1%;		
	}	
.free-slots-blocks li a .block-btn {
    padding: 0.4em;
    font-size: 1rem;
}	
	.section-content-wrapper {
overflow:hidden;		
	}
.height-auto {
    padding: 0.5em 0em !important;
}
	
.author-inline {
    gap: 5px;
    margin-bottom: 10px;
}	
}


.blogcard {
 line-height: 1;
 background-color: #ffffff;
 border: 1px solid #eeeeee;
 word-wrap: break-word;
 margin: 1.3em !important;
  box-shadow: 0 0 10px 6px rgba(0,0,0,.025);
}

.blogcard_thumbnail {
  float: left;
  padding: 0.8em;
}
.blogcard_title {
  font-size: 1.05em;
  font-weight: bold;
  line-height: 1.45;
  padding: 17px 20px 10px;  
	text-align:left;
	text-decoration: underline;	
}

.blogcard_excerpt {
  font-size: 0.9em;
  line-height: 1.65;
  padding: 0 17px 15px 20px;
	text-align:left;
	color: #333;
	font-weight:500;
}

.social-menu-links .bnr {
        width: 88%;
    }


@media screen and (max-width: 768px) {
  .blogcard { margin: 1.1em 0 !important;
  }
  .blogcard_title {
    font-size: 1em;
		padding: 1em 0.3em 0.3em;
  }
  .blogcard_excerpt  {
    font-size: 85%;
		padding: 0 0.3em 0.5em;
  }
.blogcard_thumbnail {
    float: left;
    padding: 1em 0.5em 0;
	width:40%
}	
}
/* END Additional CSS from parent theme */