/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20201223
*/
/************************************
** 横長テーブル
************************************/

/* addquicktag */
.blue { color: blue; }
.red { color: red; }
.yellow { color: yellow; }
.green { color: green; }
.orange { color: orange; }
.pink { color: pink; }
.b { font-weight: bold; }
.bg-y { background: yellow; }
.marker_yellow { background: linear-gradient(transparent 60%, #ffff66 60%); font-weight: bold; }
.marker_lime { background: linear-gradient(transparent 60%, #66ffcc 60%); font-weight: bold; }
.marker_water { background: linear-gradient(transparent 60%, #55ccff 60%); font-weight: bold; }
.marker_pink { background: linear-gradient(transparent 60%, #ff66ff 60%); font-weight: bold; }
.marker_red { background: linear-gradient(transparent 60%, #ffadad 60%); font-weight: bold; }
.marker_blue { background: linear-gradient(transparent 60%, #c1e0ff 60%); font-weight: bold; }
.marker_lightgreen { background: linear-gradient(transparent 60%, #b2ffb2 60%); font-weight: bold; }
.marker_yellowgreen { background: linear-gradient(transparent 60%, #bfff7f 60%); font-weight: bold; }
.marker_orange { background: linear-gradient(transparent 60%, #ffce9e 60%); font-weight: bold; }
.marker_purple { background: linear-gradient(transparent 60%, #ce9eff 60%); font-weight: bold; }
.center { text-align: center; }

/*赤下線*/
.under_aka { background: linear-gradient(transparent 90%, #fc0f0f 90%); font-weight: bold; }

/*黄下線*/
.under_yellow { background: linear-gradient(transparent 90%, #f9f90e 90%); font-weight: bold; }

/*青下線*/
.under_blue { background: linear-gradient(transparent 90%, #0b0bdd 90%); font-weight: bold; }


.p-sticky-table{
  white-space: nowrap;
  line-height:1.6;
}
.p-sticky-table table{
 /* border:none;
 border: 1px solid #dedede;
  border-bottom: none;
  border-collapse: collapse;*/
  word-break: break-all;
  table-layout: fixed;
  display:block;
  overflow:scroll;
/*  max-height: 80vh;*/
}
.p-sticky-table thead th:first-child {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 3;
}
.p-sticky-table thead th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 2;
  text-align:center;
}
.p-sticky-table tbody th:first-child{
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 1;
/*  border:none;*/
  white-space: normal;
  min-width: 130px;
}
.p-sticky-table th, .p-sticky-table td {
  min-width: 50px;
  text-align: left;
/*  font-size: 16px !important;*/
  position: relative;
/*  padding: 13px !important;*/
/*  color: #333;
  border: none !important;*/
  z-index: 0;
  vertical-align:middle !important;
/*  background:#fff;*/
}
.p-sticky-table th{
/*  background:#f0f9ff !important;
  letter-spacing: 1px;
  font-weight: 500 !important;
  color: #555 !important;*/
}
.p-sticky-table tr{
/*  border-bottom:none !important;*/
}
.p-sticky-table img{
  margin: 10px auto;
  display: block;
  padding: 0;
  max-width: 80% !important;
}
.p-sticky-table table th::before, .p-sticky-table table td::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
/*  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;*/
  z-index: -1;
}
/* スマホ */
@media screen and (max-width: 560px) {
  .p-sticky-table table {
/*    max-height: 60vh;*/
    }
  .p-sticky-table thead th:first-child, .p-sticky-table tbody th:first-child {
        min-width: 25vw;
    }
   .p-sticky-table th, .p-sticky-table td {
   /*     font-size: 12px !important;
        padding: 7px !important;*/
    }
}
/* 中央寄せ */
.pst-center td {
  text-align: center;
}



/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*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) {


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

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


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

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

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

/*-- ここから追加ｃｓｓ --*/


/*-- ボタンｃｓｓ --*/
	
.jump { cursor: pointer; text-decoration: underline; color: #1a0dab; } .jump:hover { color: #ccc; } 

.button > .jump{
  color: #fff;
  text-decoration: none;  
}
.button span{
min-width:170px;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: .65em 4em;
  color: #333;
  text-decoration: none;
  text-align: center;
  transition: .3s ease-in-out;
  margin:10px auto;
  color: #fff;
  background-color: #D9333F;
  border-bottom: 5px solid #C32E39;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
 border-radius: 0.5rem;
}



.minibutton > .jump{
  color: #fff;
  text-decoration: none;  
}
.minibutton span{
min-width:30px;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding: .65em 2em;
  color: #333;
  text-decoration: none;
  text-align: center;
  transition: .3s ease-in-out;
  margin:10px auto;
  color: #fff;
  background-color: #8bc34a;
  border-bottom: 5px solid #4caf50;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
 border-radius: 0.5rem;
}

.rmarker-s{
text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, 1px 1px 0px #fff, -1px 1px 0px #fff;
background: linear-gradient(transparent 60%, #fa9696 60%);
}

.btn {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}


.btn--orange {
  color: #fff;
  background-color: #E61C2F;
  border-bottom: 5px solid #D20010;
}
.btn--orange:hover {
  margin-top: 3px;
  color: #fff;
  background: #E61C2F;
  border-bottom: 2px solid #D20010;
}
.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}


.post table thead tr{
background:#F7F7F7;
border-bottom:5px solid #888;
}
tbody tr:first-child td,table thead + tbody tr:first-child th {
background:#F3EFE4;
    color: inherit;
    font-weight: normal;
}
.post table tbody th {
background:#F3EFE4;
}
.post table tbody td{
background:#FFF;
}


#side aside ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#side aside ul li {
	list-style-type:none !important;
	list-style-image:none !important;
/*	margin: 10px 0px 10px 0px !important;*/
/*	position:relative;*/
	padding: 10px 5px ;
	border-bottom: 1px solid #eee;
/*	display: block;*/
 line-height:1.5em;
}
#side aside ul li a{
	text-decoration: none;
/*	color: #2B2B2B;
	display: block;*/
}
#side aside ul li:hover {
/*	margin: 10px 0px 10px 0px !important;
	border-bottom: 2px solid #bd880a;*/
}
#side aside .sub-menu li{
border:none;
text-decoration:none;
}
#side aside .sub-menu li:hover{
border:none;
}



.twobutton {
  display: block;
  text-align: center;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .twobutton .color-button01,
    .twobutton .color-button02 {
      margin-bottom: 10px; } }

/* CSS Document */
.color-button01,
.color-button02,
.color-button01-big,
.color-button02-big {
  margin-left: 5px;
  margin-right: 5px;
  letter-spacing: 0; }
  @media (max-width: 767px) {
    .color-button01,
    .color-button02,
    .color-button01-big,
    .color-button02-big {
      margin-bottom: 10px; } }
  .color-button01 a,
  .color-button02 a,
  .color-button01-big a,
  .color-button02-big a {
    color: #fff !important; }

.color-button01-big,
.color-button02-big {
  margin-left: auto;
  margin-right: auto; }

@media (max-width: 767px) {
  .spfull {
    width: 100%;
    margin-left: 0;
    margin-right: 0; } }

.top-image-btn-color a,
.color-button01 a,
.color-button02 a {
  -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;
  border-radius: 6px;
  text-align: center;
  padding: 13px 80px;
  padding-bottom: 12px;
  display: inline-block;
  text-decoration: none !important;
  -webkit-transform: perspective(0);
  transform: perspective(0);
  font-size: 1.1rem;
  opacity: 1 !important; }
  @media (max-width: 767px) {
    .top-image-btn-color a,
    .color-button01 a,
    .color-button02 a {
      padding: 12px 80px;
      padding-bottom: 11px;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .top-image-btn-color a,
    .color-button01 a,
    .color-button02 a {
      font-weight: 400; } }

@media (max-width: 767px) {
  .spfull.color-button01 a,
  .spfull.color-button02 a {
    width: 100%; } }

.color-button01-big a,
.color-button02-big a {
  -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;
  border-radius: 4px;
  text-align: center;
  font-size: 1.2rem;
  padding: 20px 30px;
  max-width: 100% !important;
  vertical-align: bottom;
  display: block;
  text-decoration: none !important;
  -webkit-transform: perspective(0);
  transform: perspective(0); }
  @media (max-width: 767px) {
    .color-button01-big a,
    .color-button02-big a {
      width: 100% !important;
      font-weight: 700; } }
  @media (min-width: 768px) {
    .color-button01-big a,
    .color-button02-big a {
      font-weight: 400; } }

.color-button01 img,
.color-button02 img,
.color-button01-big img,
.color-button02-big img {
  display: none; }

.top-image-btn-color a:hover,
.color-button01 a:hover,
.color-button02 a:hover,
.color-button01-big a:hover,
.color-button02-big a:hover {
  text-decoration: none !important;
  opacity: 1; }

.top-image-btn-color,
.color-button01,
.color-button02,
.color-button01-big,
.color-button02-big {
  position: relative;
  z-index: 1;
  display: inline-block; }

.color-button01-big,
.color-button02-big {
  display: block; }

.top-image-btn-color a,
.color-button01 a,
.color-button01-big a {
  background-color: #0094c8;
  color: #fff !important; }

@media (max-width: 767px) {
  .top-image-btn-color a {
    font-weight: 700 !important; } }
@media (min-width: 768px) {
  .top-image-btn-color a {
    font-weight: 400 !important; } }

.color-button02 a,
.color-button02-big a {
  background-color: #d9333f;
  color: #fff !important; }

.top-image-btn-color a:hover,
.color-button01 a:hover,
.color-button02 a:hover,
.color-button01-big a:hover,
.color-button02-big a:hover {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-filter: brightness(0.9);
  filter: brightness(0.9); }

.top-image-btn-color:before,
.color-button01:before,
.color-button02:before,
.color-button01-big:before,
.color-button02-big:before {
  position: absolute;
  bottom: -4px;
  z-index: -1;
  left: 0;
  content: '';
  width: 100%;
  height: 24px;
  border-radius: 4px;
  -webkit-filter: brightness(0.85);
  filter: brightness(0.85); }

.top-image-btn-color:before,
.color-button01:before,
.color-button02:before {
  border-radius: 6px; }

.color-button01-big:before,
.color-button02-big:before {
  height: 100%; }

.color-button01:before,
.color-button01-big:before {
  background-color: #0094c8; }

.color-button02:before,
.color-button02-big:before {
  background-color: #d9333f; }

.twobutton {
  display: block;
  text-align: center; 
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .twobutton .color-button01,
    .twobutton .color-button02 {
      margin-bottom: 10px; } }
      


td iframe{
 width: 70%;
  height: auto;
}



/*続きを読むデザイン*/

		
		.text_wrapper {
			position: relative;
			margin-bottom: 45px;
		}
		
		.text {
			height: 500px;
			overflow: hidden;
		}
		
		.show_more,
		.show_more2 {
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 100%;
			height: 30px;
			padding-top: 60px;
			text-align: center;
			line-height: 30px;
			background: linear-gradient(180deg, rgb(255, 255, 255, 0) 0%, rgb(255, 255, 255, 1) 70%);
			cursor: pointer;
			transition: bottom 0.2s;
		}
		
		.active {
			background: none;
			bottom: -30px;
		}
		
		
/*questionボックス*/
.questionbox{
background:#E1F5FE;
border:#87cfef solid 2px;
border-radius:5px;
padding: 20px 10px 20px 30px;
margin: 20px 0 10px;
position: relative;
font-size: 13px;
}

.questionbox:before {
/*    content: "Q";
    font-size: 20px;
    display: inline-block;
    padding: 5px;
    text-align: center;
    background: #87cfef;
    color: #fff;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: -15px;
    border: solid 3px #87cfef;*/
}

/*answerボックス*/
.answerbox{
background:#FAFAFA;
border:#989998 solid 2px;
border-radius:5px;
padding: 20px 10px 20px 30px;
margin:0px 0 30px 0;
position: relative;
font-size: 13px;
}

.answerbox:before {
    content: "A";
    font-size: 20px;
    display: inline-block;
    padding: 5px;
    text-align: center;
    background: #989998;
    color: #fff;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: -15px;
    border: solid 3px #989998;
}




/*おすすめランキング*/
.responbox33 .lbox .sitename {
	position:relative;
	padding-left: 35px;
	font-size:13px;
}
.responbox33 .lbox .sitename:before {
	position:absolute;
	top:50%;
	left:0;
	margin-top:-13px;
}
.responbox33 .lbox:nth-of-type(1) .sitename:before {
	content:url("https://cash-take.net/genkinka/wp-content/uploads/2022/06/osusume1.png");
}
.responbox33 .lbox:nth-of-type(2) .sitename:before{
	content:url("https://cash-take.net/genkinka/wp-content/uploads/2022/06/osusume2.png");
}
.responbox33 .lbox:nth-of-type(3) .sitename:before {
	content:url("https://cash-take.net/genkinka/wp-content/uploads/2022/06/osusume3.png");
}

.lbox img{
box-shadow: 5px 3px 3px #ddd;
}



/*サイドバーリンク色*/

.side_list {
  list-style: none;
  padding-left: -10;
  padding-bottom: 0;
  padding-right: -10;
}

div.side_list {
  padding: 10px 0 ;
    border-bottom: 1px solid #ededed;
/*list-style:none;*/
}


.textwidget .side_list .list-title {
  margin: 0;
  font-size: 14px;
  line-height: 1.4em;
}





/************************************
** オリジナルcss
************************************/

/** ミニ吹き出し **/
.minihukidashi{
background:#000;
color:#fff;
margin: 0 0 20px 0;
border-radius: 0px;
position: relative;
display: inline-block;
min-width: 60px;
max-width: 100%;
padding: 10px 20px;
font-size: 13px;
line-height: 1.4;
}

.minihukidashi:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50px;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 10px solid #000;
}

/** 編集者吹き出し **/

.quote{
background:#F9F9F9;
    position: relative;
    padding: 10px 25px 10px 70px;
margin:40px 20px;
    box-sizing: border-box;
    color: #464646;
/*    border: solid 3px #efefef;*/
box-shadow: 6px 6px 7px -12px #000;
max-width:100%;
display: inline-block;
border-radius: 5px;
font-size:13px;
}
.quote:before {
    content: "";
    display: inline-block;
    background: url(https://cash-take.net/genkinka/wp-content/uploads/2021/09/kyara1.png);
    background-size: cover;
border: solid 3px #efefef;
border-radius: 100px;
    width: 70px;
    height: 70px;
    position: absolute;
   top: -15px; 
    left: -15px;
}


    border-radius: 6px;
    font-size: 13px;
}
.mybox1 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 15px;
    background: #FFF;
    color: #757575;
    font-weight: bold;
}

/*見出しボックス*/

.midasibox1 {
    position: relative;
    margin: 2em 0;
    padding: 40px 15px 7px;
    border: solid 1px #fedcd2;
     border-radius: 8px;
background: #fffaf9;
font-size: 13px;
}
.midasibox1 .box-title {
    position: absolute;
     border-radius: 6px 0 6px 0;
    display: inline-block;
    top: 0px;
    left: 0px;
    padding: 7px 25px;
/*    height: 25px;*/
/*    line-height: 25px;*/
    font-size: 14px;
    background: #fedcd2;
    color: #ffffff;
    font-weight: bold;
}

/*メモボックス*/
.memobox{
background:#fff;
border:#efefef solid 3px;
border-radius:5px;
padding: 20px 20px 20px 30px;
margin: 20px 0;
position: relative;
font-size: 13px;
}

.memobox:before {
    content: "";
    display: inline-block;
    background: url(https://cash-take.net/genkinka/wp-content/uploads/2022/02/memo.png) #fff no-repeat center;
    background-size: 20px;
border: solid 3px #efefef;
border-radius: 100px;
    width: 40px;
    height: 40px;
    position: absolute;
   top: -15px; 
    left: -15px;
}

/*注意ボックス*/
.cautionbox{
background:#ffebee;
border: solid 3px #ffabab;
padding: 20px 20px 20px 30px;
margin: 20px 0;
position: relative;
font-size: 13px;
}

.cautionbox:before {
    content: "";
    display: inline-block;
    background: url(https://cash-take.net/genkinka/wp-content/uploads/2022/02/caution.png) #FFABAB no-repeat center;
    background-size: 20px;
border: solid 3px #FFABAB;
border-radius: 100px;
    width: 40px;
    height: 40px;
    position: absolute;
   top: -15px; 
    left: -15px;
}


/*pointボックス*/
.pointbox{
background:#FFFDE7;
border:#FFD54F solid 2px;
border-radius:5px;
padding: 20px 20px 20px 30px;
margin: 20px 0;
position: relative;
font-size: 13px;
}

.pointbox:before {
    content: "";
    display: inline-block;
    background: url(https://cash-take.net/genkinka/wp-content/uploads/2022/02/point.png) #FFD54F no-repeat center;
    background-size: 20px;
border: solid 3px #FFD54F;
border-radius: 100px;
    width: 40px;
    height: 40px;
    position: absolute;
   top: -15px; 
    left: -15px;
}


/*枠のみボックス*/
.framebox{
background:#ffffff;
border:#ddd solid 3px;
padding: 20px 20px 20px 30px;
margin: 20px 0;
position: relative;
font-size: 13px;
}



/* IDが st-header-under-widgets-box 内の .menu にだけ適用するスタイル */
  #st-header-under-widgets-box .menu {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap; /* 横幅を超えた場合に折り返す */
    justify-content: flex-start; /* 複数行にわたる場合も左寄せにする */
  }

  /* IDが st-header-under-widgets-box 内の .menu li にだけ適用するスタイル */
  #st-header-under-widgets-box .menu li {
    background-color: #ffffff; /* 背景色：白 */
    border: 1px solid #dddddd; /* ボーダー：薄いグレー */
    border-radius: 8px; /* 角丸 */
    margin: 5px; /* 適当なスペース */
    white-space: nowrap; /* テキストを折り返さず一行で表示 */
  }

  /* IDが st-header-under-widgets-box 内の .menu li a にだけ適用するスタイル */
  #st-header-under-widgets-box .menu li a {
    text-decoration: none; /* リンクのアンダーラインなし */
    display: block;
    padding: 5px 10px; /* 適当なパディング */
    font-size: 12px; /* テキストサイズ：10px */
    color: #333333; /* テキスト色：ダークグレー */
    overflow: hidden; /* 要素からはみ出たテキストを非表示にする */
    text-overflow: ellipsis; /* 要素からはみ出たテキストに省略記号を表示 */
  }