/*
Theme Name: SWELL-child
Version: 2.6.8.3
*/

			.sozai-content {
				.thumbnail-box{
					width: 48%;
					text-align: center;
				}
				.thumbnail{
					width: 100%;
				}
				.banner-box{
					display: flex;
					margin-bottom: 20px;
				}
				.banner-box a{
					width: 50%;
					padding:5px;
				}
				.banner:hover{
					    opacity: 0.7;
					transform: scale(1.05);
					transition: 0.1s;
				}
				.tag{
					font-size: 12px;
				}
				hr {
					margin: 10px 0 !important;
				}
				.c-postTitle__ttl{
					font-size: 18px;
					background-color: #333;
					color: #fff;
					padding: 12px 16px;
				}
				.sozai-box{
					display: flex;
					padding: 20px 0 0;
				}
				.sozai-info {
					width: 52%;
					padding: 0 0 0 1.5vw;
				}
				.download-link span, .buy-link span{
					font-size: 10px;
					font-weight: normal;
				}
				p.download-text{
					font-size: 14px;
				}
				.download-text span{
					font-size: 14px;
				}
				.download-link .wp-element-button{
					line-height: 1.3rem;
					text-align: center;
					margin: 10px 0 0 ;
					width: 60%;
					background: #FFF;
					padding: 1em 0;
					border-radius: 0.5rem;
					box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.1);
					border: solid 2px #e44141;
					color: #e44141;
					display: block;
					position: relative;
					z-index: 1;
				}
				.download-link .wp-element-button::before, #startDownloadBtn.active::before {
					content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #e44141;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
					        border-radius: 0.3rem;
				}
				.download-link .wp-element-button:hover{
				}
				.download-link .wp-element-button:hover::before, #startDownloadBtn.active:hover::before{
					transform-origin: 0% 50%;
  transform: scaleX(1);
				}
				#downloadModal{
					    display: none;
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
				}
				.download-modal{
					background: white;
					max-width: 400px;
					margin: 100px auto;
					padding: 20px;
					border-radius: 8px;
					position: relative;
					text-align: center;
					top: 10%;
				}
				span#modalCountdown {
    font-size: 22px;
    font-weight: bold;
}
				#startDownloadBtn.inactive {
    background-color: #ccc;
    color: #666;
    cursor: not-allowed;
  }
  #startDownloadBtn.active {
					background: #FFF;
					box-shadow: 3px 3px 3px rgb(0, 0, 0, 0.1);
					border: solid 2px #e44141;
					color: #e44141;
  }
				  #startDownloadBtn.active:hover {
					transform: translateY(3px);
					box-shadow: 0px 0px #b62626;
					color: #fff;
  }
  #startDownloadBtn {
    padding: 10px 20px;
    border: none;
    border-radius: 0.5rem;
    font-weight: bold;
    transition: background-color 0.3s ease;
	width: 70%;
	margin: 15px 0;
  }
				.button-close{
					background-color: unset;
					border: none;
					text-decoration: underline;
					color: #2ebde6;
				}
				.buy-link .wp-element-button{
					line-height: 1.2rem;
					text-align: center;
					margin: 0 0 15px;
					width: 60%;
					background: #e44141;
					padding: 0.8em 0;
					border-radius: 0.5rem;
					box-shadow: 0px 5px #ce2727;
					display: block;
				}
				.download-link .wp-element-button:hover{
					transform: translateY(3px);
					box-shadow: 0px 0px #b62626;
					color: #fff;
				}
				.buy-link .wp-element-button:hover{
					transform: translateY(5px);
					box-shadow: 0px 0px #b62626;
				}
				.price{
					font-size: 25px !important;
					color: #e44141;
					        margin: 10px 0 0 !important;
        line-height: 1rem;
				}
				.buy-point {
					background-color: #fff;
					padding: 10px;
					margin: 10px 0 13px;
					font-size: 12px;
					border: 1px solid var(--color_border--table, #dcdcdc);
				}
				.buy-point li{
					margin: 0 0 5px;
				}
				.buy-point li::marker{
					color: #f7931e;
				}
				.size-table-box p, .download-link p, .buy-link p, p.pr-title-text{
					font-size: 12px;
					font-weight: bold;
					margin-bottom: 3px;
				}
				.size-table{
					font-size: 12px;
				}
				.color-menu{
					display:flex;
				}
				.color-box{
					width: 27px;
					height: 27px;
					border-radius: 5px;
					margin-right: 10px;
					box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
				}
				.color-box:hover {
					opacity: 0.7;
					transform: scale(1.05);
					transition: 0.1s;
				}
				body {
  font-family: "Open Sans", sans-serif;
  line-height: 1.25;
}

table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  color: var(--color_text);
	letter-spacing: 1px;
}
				thead th, thead td{
					background-color: #f7931e;
				}
table tr {
  background-color: #fff;
  padding: .35em;
}

table th,
table td {
   padding: 0.5em 5px;
}
tbody th {
	background-color: #ffffff;
	font-weight: normal;
}
.txt{
   text-align: left;
	width: 60%;
}
				.free-tf{
					text-align:center;
				}
}
				
@media screen and (max-width: 600px) {
  .sozai-content .sozai-box {
    display: block !important;
  }

  .sozai-content .thumbnail-box {
    width: 100%;
    text-align: center;
  }

  .sozai-content .ad-thumbnail {
    display: none;
  }

  .sozai-content .sozai-info {
    width: 100%;
  }
}