@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	-webkit-text-size-adjust: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
	overflow:auto;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}
body {
	letter-spacing: 0.2rem;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	overflow: hidden;
}
.clearfix::after{
	content: "";
	display: block;
	clear: both;
}
.floatclear {
	clear: both;
}
a {
	text-decoration: none;
}
img {
	border: 0px;
}
.popular-entry-card-update-date,.new-entry-card-update-date,.related-entry-card-update-date {
	display: none;
}
.widget-entry-card-date {
	display: block;
	float: right;
}

.topslide_wrap .topslider a {
	text-decoration: none !important;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*769px以上*/
@media screen and (min-width: 769px){
	/*必要ならばここにコードを書く*/
		main .ctdt-tag-only .entry-categories {
		display:block;
	}
	figure.MOVIE {
		position: relative;
	}
	.topslider_box figure.MOVIE:before {
		content: '';
		display: inline-block;
		width: 34%;
		height: 50%;
		left: 50%;
		margin-left: -17%;
		top: 16%;
		background-repeat: no-repeat;
		background-image: url(https://jbasket.jp/wp/wp-content/uploads/2019/06/play_mark01.png);
		background-size: contain;
		vertical-align: middle;
		position: absolute;
		z-index: 500;
	}
	figure.MOVIE:before {
		content: '';
		display: inline-block;
		width: 47%;
		height: 68%;
		left: 50%;
		margin-left: -21%;
		top: 16%;
		background-repeat: no-repeat;
		background-image: url(https://jbasket.jp/wp/wp-content/uploads/2019/06/play_mark01.png);
		background-size: contain;
		vertical-align: middle;
		position: absolute;
		z-index: 100;
	}
	.popular-entry-card figure.MOVIE:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 91%;
    left: 50%;
    margin-left: -46%;
    top: 4%;
    background-repeat: no-repeat;
    background-image: url(https://jbasket.jp/wp/wp-content/uploads/2019/06/play_mark01.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    z-index: 100;
	}
	.header-container-in {
		display: block;
		width:1300px;
		margin:auto;
		font-size:15px;
	}
	.for_sp {
		display: none !important;
	}
	span.for_sp {
		display: none !important;
	}
	.wrapper{
		min-height: 100vh;
		position: relative;/*←相対位置*/
		padding-bottom: 120px;/*←footerの高さ*/
		box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
	}
	.wrap {
		width: 1200px;
		margin: auto;
	}
	.main {
		padding: 0;
		margin: 0;
		max-width: 860px;
		margin-right: 40px;
		background-color: transparent;
	}
	.ect-vertical-card .entry-card-wrap {
		width: 49.5%;
		max-width: 410px;
		display: inline-block;
		margin: 0;
		padding: 0;	
		margin-bottom: 80px;
	}
	.ect-vertical-card .entry-card-wrap::last-child {
		margin-bottom: 40px;
	}
	.ect-vertical-card {
		clear: both;
	}	
	.page #breadcrumb {
		display: none;
	}
	
	.page .content h3 {
		font-size:44px;
		margin:0;
		border:0;
		padding:0;
		margin-bottom: 1em;
		letter-spacing: 0em;
	}
	.page .content h6 {
		clear:both;
		margin:0;
		border:0;
		padding:0;
		margin-bottom: 1em;
		letter-spacing: 0em;
	}
	.page .content p {
		margin:0;
		border:0;
		padding:0;
		font-size: 16px;
		margin-top: 1.4em;
		margin-bottom: 3em;
		line-height: 2em;
		letter-spacing: 0em;
	}
	.page #main {
		width: 100%;
		max-width: 1200px;
		margin: auto;
		padding: 0 60px;
	}
	.page table th, table td {
		border: 1px solid #ddd;
		padding: 6px;
		font-size: 16px;
		padding: 25px 30px;
	}
	.page table caption {
		text-align: left;
	}
	.page .article ul li {
		float: left;
		width: 250px;
		font-size: 16px;
	}
	.page .article ul li:before {
		content: '・';
		color: #F7931E;
		vertical-align: middle;
		font-size: 70px;
		letter-spacing: -0.2em;
		line-height: 0.5em;
	}
	.page .article ul {
		margin: 40px 0 50px -30px;
	}
	.page .article ul::after{
		content: "";
		display: block;
		clear: both;
	}
	.page .article hr {
		color: #eee;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	
	/*headerここから*/
	header {
		width: 100%;
		position: relative;
		overflow: hidden;
		z-index: 10;
		padding-bottom: 10%;
	}
	
	.header::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 120%;
		height: 73%;
		margin: -8.7% -10%;
		background: #F7931E;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-4deg);
		-ms-transform: rotate(-4deg);
		transform: rotate(-4deg);
		z-index: -2;
	}
	.header::after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 120%;
		height: 73%;
		margin: -9% -10%;
		background: #000;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-3.5deg);
		-ms-transform: rotate(-3.5deg);
		transform: rotate(-3.5deg);
		z-index: -1;
	}
	.header-contents,.footer-contents {
		width: 100%;
		max-width: 1380px;
		min-width: 1133px;
		margin:auto;
	}
	.header-contents{
		padding: 0 80px;
	}
	h1.logo {
		width:207px;
		height:110px;
		background-image: url(https://jbasket.jp/wp/wp-content/uploads/2019/05/bskt_logo.png);
		background-size: cover;
		float:left;
		margin-top: 30px;
		margin-bottom: 30px;
		position: relative;
		z-index: 900;
	}
	h1.logo a {
		display: block;
		width:207px;
		height:110px;
	}
	h1.logo a span {
		opacity: 0;
	}
	
	
	/*-----------------------検索*/
	#form{
		position:relative;
	}
	.search-box {
		margin: 0; 
		position: relative;
		width: 300px;
	}
	.search-edit, input[type="text"] {
		padding: 11px;
		border: none;
		border-bottom: 1px solid #fff;
		border-radius: 0;
		font-size: 18px;
		width: 100%;	
		background: transparent;
		color: #fff;
	}
	.search-edit {
		float: left;
	}
	button.search-submit {
		position: absolute;
		display: block;
		right: 0;
		background-color: #F7931E;
		margin-right: -140px;
		font-size: 15px;
		font-weight: bold;
		cursor: pointer;
		line-height: 1em;
		border: none;
		color: #000;
		padding: 15px 45px;
	}	
	.search-submit::before {
		display:none;
	}
	.search-edit::before {
		font-family: FontAwesome;
		content: "";
		padding-right: 3px;
	}
	
	
	.accordion2 p{cursor: pointer;}
	.pc_menu_box {
		float:right;
	}
	ul.accordion2,ul.accordion2 li,.pc_othermenu,.pc_othermenu ul li {
		float: left;
	}
	nav.pc_mainmenu {
		padding-top: 30px;
		margin-bottom: 30px;
		margin-left: 30px;
		position: relative;
		z-index: 900;
	}
	nav.pc_mainmenu ul li {
		list-style: none;
		font-size: 14px;
		font-weight: bold;
		-webkit-transform: skewX(135deg);
		-moz-transform: skewX(135deg);
		transform: skewX(135deg);
		border-right: 1px solid #fff;
		padding: 3px 0 5px;
	}
	nav.pc_mainmenu ul li:last-child {
		border: none;
	}
	nav.pc_mainmenu ul li a,nav.pc_mainmenu ul li p{
		display: block;
		color:#fff;
		-webkit-transform: skewX(-135deg);
		-moz-transform: skewX(-135deg);
		transform: skewX(-135deg);
		padding:0 15px;
		transform: 1s;
	}
	nav.pc_mainmenu ul li a:hover, nav.pc_mainmenu ul li p:hover,.accordion2 li.current p{
		color: #F7931E;
	}
	ul.inner {
		display: none;
		position: absolute;
		width: 400px;
		margin-left: 50px;
		margin-top: 30px;
		-webkit-transform: skewX(-135deg);
		-moz-transform: skewX(-135deg);
		transform: skewX(-135deg);
		padding:0 15px;
		transform: 1s;
	}
	ul.inner02{margin-left: -147px;}
	ul.inner03{margin-left: -266px;}
	ul.inner04{margin-left: -375px;}
	ul.inner05{margin-left: -642px;}
	.inner_menu_bg {
		display: none;
		transform: 1s;
	}
	.inner_menu_bg::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 120%;
		height: 85%;
		margin: 3% -10% 0;
		background: rgba(0,0,0,0.80);
		-webkit-transform-origin: left center;
		-ms-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: rotate(-4deg);
		-ms-transform: rotate(-4deg);
		transform: rotate(-4deg);
		z-index: -1;
	}
	ul.inner li {
		margin-bottom: 10px;
	}
	ul.inner li.menu_u22 {
		border: none;
	}
	nav.pc_mainmenu ul.inner li a {
		color: rgba(255,255,255,0.50);
	}
	nav.pc_mainmenu ul.inner li a:hover {
		color: rgba(255,255,255,1.00);
	}
	
	ul.orrange li::after {
		content: '';
		width: 70%;
		height: 7px;
		background: #F7931E;
		position: absolute;
		top: 0;
		left: 0;
		margin-top: -25px;
		margin-left:-10px;
		opacity: 0;
		visibility: hidden;
		transition: .3s;
	}
	ul.orrange li:hover::after{
		margin-top: -30px;
		opacity: 1;
		visibility: visible;
	}
	.orrange li.current::after {
		content: '';
		width: 70%;
		height: 7px;
		background: #F7931E;
		position: absolute;
		top: 0;
		left: 0;
		margin-top: -30px;
		margin-left:-10px;
		opacity: 1;
		visibility: visible;
	}
	ul.orrange ul.inner li::after{
		opacity: 0;
	}
	
	nav .pc_othermenu {
		margin-left: 30px;
		margin-top: -2px;
	}
	nav .pc_othermenu ul li {
		border: none;
		padding: 0;
	}
	nav .pc_othermenu ul li a, nav .pc_othermenu ul li p {
		color: #fff;
		font-size: 32px;
		padding:0 8px;
	}
	nav .pc_othermenu ul li a:hover {
		color: #F7931E;
	}
	nav .pc_othermenu ul li p.serch {
		color: #F7931E;
	}
	nav .pc_othermenu ul li a span,nav .pc_othermenu ul li p span {
		position: absolute;
		opacity: 0;
		font-size: 0px;
	}
	.open {
		display: block;
	}
	/*headerここまで*/
	
	.sidebar {
		width: 33%;
		max-width: 300px;
		padding: 0;
		margin: 0;
		margin-bottom: 150px;
	}
	.sidebar h3.widget-sidebar-title {
		font-size: 45px;
		font-family: Futura, 'Century Gothic';
		line-height: 0.8em;
		letter-spacing: 0em;
		padding: 0;
		margin: 0 0 20px;
		text-align: center;
	}
	.sidebar h3.widget-sidebar-title::first-letter {
		color:#F7931E;
	}
	.popular-entry-cards a.popular-entry-card-link, .new-entry-cards a.new-entry-card-link {
		padding: 0;
		margin-bottom: 0;
	}
	.popular-entry-card-content .cat-label, .new-entry-card-content .cat-label {
		display: inline-block;
		position: relative;
		font-size: 10px;
		padding: 0.5em 1em;
		background-color: #F7931E;
		color: #000;
		border: none;
		top: 0;
		left: 0;
		letter-spacing: 0.2em;
	}
	.widget-entry-cards .widget-entry-card-content {
		margin-left: 115px;
	}
	h2.related-entry-heading span.related-entry-main-heading {
		font-size: 18px;
		font-weight: bold;
	}
	.related-list a.a-wrap {
		padding: 0;
	}
	.autoplay_box {
		position: relative;	
		width: 100%;
		max-width: 1300px;
		margin: auto;
		padding: 0 40px 80px;
		box-sizing: border-box;
	}
	.autoplay {
		height:400px;
		padding: 0 80px;
		clear: both;
	}
	
	.autoplay_box .prev, .autoplay_box .next {
		width: 40px;
		height: 400px;
		background-color: #F7931E;
		padding: 0;
		margin: 0;
		top: 0;
		margin-top: 36px;
		position: absolute;
		display: block;
		font-size: 50px;
		color: #fff;
		border: 0;
		z-index: 0;
		opacity: 0.5;
	}
	.autoplay_box .next {
		right:0;
		margin-right: 40px;
	}
	.autoplay .slick-prev, .autoplay .slick-next {
		display: block;
		width: 40px;
		height: 400px;
		background-color:#F7931E;
		padding:0;
		margin: 0;
		z-index: 1;
	}
	.autoplay .slick-prev {
		left:0;
	}
	.autoplay .slick-next {
		right:0;
	}
	a.carousel-entry-card-wrap {
		padding: 0;
		margin: 0 10px;
		width: 340px;
		height: 400px;
	}
	.carousel-entry-card {
		display: block;
		position: relative;
		background: #fff;
		height: 100%;
	}
	.carousel-entry-card .cat-label {
		padding: 5px 25px;
		background-color: #F7931E;
		font-size: 13px;
		color: #000;
		position: relative;
		border:none;
		text-align: center;
		margin: 0;
		top:0;
		left:0;
	}
	.carousel-post-date{
		margin: 0;
		letter-spacing: 0.1rem;
		float: right;
		display: block;
	}
	.carousel-entry-card-thumb {
		margin: 0;
		width: 100%;
		height: 200px;
		position: relative;
		overflow: hidden;
	}
	.carousel-entry-card-thumb img{
		position: absolute;
		height: 100%;
		top: 50%;
		left: 50%;
		width: auto;
		min-width: 100%;
		min-height: 100%;
		max-width: inherit;
		transform: translate(-50%, -50%);
	}
	.carousel-entry-card-content {
		padding: 10px 20px 20px;
	}
	.carousel-entry-card-title {
		font-size: 16px;
		line-height: 1.6rem;
		font-weight: bold;
		letter-spacing: 0rem;
		height: 100px;
		max-height: 6em;
		overflow: hidden;
	}
	.carousel-content {
		margin:0;
		padding:0;
	}
	.carousel-content a,.carousel-content .slick-track  {
		width: 340px!important;
	}
	.carousel-content .a-wrap {
		margin: 0 20px;
		padding: 0;
		height: 400px;
		background: #fff;
	}
	.slick-dotted.slick-slider {
		margin-bottom: 0;
	}
	.carousel-content .slick-dots {
		display: none;
	}
	.autoplay_box::before {
		content: '';
		position: absolute;
		top: -37%;
		left: -100%;
		width: 400%;
		height: 600px;
		margin: 0 -50%;
		background: #F7931E;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-4deg);
		-ms-transform: rotate(-4deg);
		transform: rotate(-4deg);
		z-index: -2;
	}
	.autoplay_box::after {
		content: '';
		position: absolute;
		top: -37%;
		left: -100%;
		width: 400%;
		height: 600px;
		margin: 0 -50%;
		background: #000;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-3.5deg);
		-ms-transform: rotate(-3.5deg);
		transform: rotate(-3.5deg);
		z-index: -1;
	}
	
	.footer_banner_box {
		max-width: 1200px;
		margin:auto;
	}
	.footer_banner {
		width: 380px;
		height: auto;
		background-color: #ccc;
		margin: 0;
		float: left;
	}
	.footer_banner {
		margin-right: 30px;
	}
	.footer_banner:last-child {
		margin-right: 0;
	}
	
	
	.screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute !important;
		width: 1px;
		word-wrap: normal !important;
	}
	
	.page-numbers{
		height: 45px;
		width: 45px;
		line-height: 45px;
		border: none;
		border-radius: 50%;
		font-family: sans-serif;
		font-weight: bold;
		font-size: 80%;
		color: #666;
		transition: all .1s ease;
	}
	.pagination .nav-links {
		width: 100%;
	}
	.pagination .nav-links a.next {
		display: block;
		border-radius: 0;
		color: #000;
		border: 1px #333 solid;
		width: 100%;
		margin-top: 40px;
	}
	.pagination .nav-links a.prev {
	display: block;
    border-radius: 0;
    color: #000;
    border: 1px #333 solid;
    width: 100%;
    position: absolute;
    margin-top: 80px;
    /* bottom: -80px; */
    z-index: 200;
	}
	.pagination .nav-links .next:hover,.pagination .nav-links .prev:hover {
		background-color: #F7931E;
		transition: all 0.5s ease;
		color: #fff;
	}
	.pagination a.page-numbers:hover,.pager-numbers a:hover .page-numbers{
		background-color: #F7931E; /* マウスオーバー時の背景色 */
		color: #fff !important;
	}
	
	.pagination .current, .pager-links .current{
		background-color: #F7931E;
		color: #fff !important;
	}
	.pagination .next::before {
		display: none;
	}
	.pagination .prev::before {
		content: '<<<';
		padding-right: 5px;
		/* bottom: 3em; */
		font-size: 1.3em;
		font-weight: normal;
		letter-spacing: 0.1em;
	}
	.pagination .next::after {
		content: '>>>';
		padding-left: 5px;
		/* bottom: 3em; */
		font-size: 1.3em;
		font-weight: normal;
		letter-spacing: 0.1em;
	}
	#content {
		position: relative;
		padding-bottom: 300px;
		max-width: 1300px;
		margin: auto;
	}
	#content-in {
		width: 100%;
		max-width: 1200px;
		margin: auto;
		margin-bottom: 0;
	}
	.ect-vertical-card .entry-card-wrap .entry-card-thumb {
		width: 100%;
		float: none;
		height: 280px;
		position: relative;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
		position: absolute;
		height: 100%;
		top: 50%;
		left: 50%;
		width: auto;
		min-width: 100%;
		min-height: 100%;
		max-width: inherit;
		transform: translate(-50%, -50%);
	}
	.entry-card-content {
		position: relative;	
		padding: 0;
	}
	.entry-card-title {
		font-size: 20px;
		line-height: 1.6rem;
		clear: both;
		letter-spacing: 0rem;
	}
	
	.postinfo {
		position:relative;
		margin-bottom: 25px;
	}
	.postinfo span.post-date {
		letter-spacing:0.1rem;
		float: right;
		display: block;
	}
	.post-date::before {
		display:none;
	}
	.entry-card-content .cat-label {
		display: block;
		padding: 5px 25px;
		background-color: #F7931E;
		font-size: 14px;
		color: #000;
		top:0;
		left:0;
	}
	.eye-catch .cat-label {
		display: none;
	}
	.topics_title {
		font-size: 45px;
		float: right;
		font-family: Futura, 'Century Gothic';
		line-height: 0.8em;
		margin-right: -5px;
	}
	.topics_title::first-letter {
		color:#F7931E;
	}
	/*topslider///////////////////////////////////////////////////////*/
	.topslide_wrap {
		position: relative;
		width: 100%;
		margin-top: -15%;
		margin-bottom: 230px;
	}
	.topslide_wrap:before {
		content:"";
		display: block;
		/* padding-top: 57%; 高さを幅の57%に固定 */
		padding-top: 40%; /* 上記57%→40％に変更20190903 */
	}
	.topslider {
		position: absolute;
		top: -160px;/* 0→-160pxに変更20190903 */
		left: 0;
		bottom: 0;
		right: 0;
	}
	.topslider_contents {
		width: 100%;
		max-width: 1300px;
		min-width: 1133px;
		height: 187px;
		margin: auto;
		padding: 0 40px;
		position: absolute;
		z-index: 100;
		bottom: 0;
		left: 50%;
		margin-left: -650px;
		margin-bottom: -150px;
		letter-spacing: 0rem;
	}
	.topslider_contents .slick-slider {
		position: relative;
		z-index: 100;
	}
	.topslider_contents .slick-initialized .slick-slide {
		padding-top: 30px;
	}
	.topslider_contents a {
		color:#fff;
	}
	.topslider_contents_left .cat-label {
		display:block;
		padding: 5px 20px;
		background-color: #F7931E;
		float: left;
		font-size: 20px;
		color: #000;
		min-width: 150px;
		text-align: center;
		border: 0;
		position: relative;
	}
	.topslider_contents_left span.top_slide_date {
		display:block;
		float: right;
		font-size:23px;
		line-height: 2em;
	}
	.topslider_contents_left {
		width: 100%;
		position: relative;
		z-index: 100;
	}
	.topslider_contents h2 {
		font-size: 40px;
		font-weight: bold;
		letter-spacing: 0rem;
		width: 65%;
		float: left;
		margin-left:33px;
		line-height:1.2em;
	}
	.topslider_contents div p{
		right: 0;
		margin-top:-30px;
		font-size: 160px;
		font-weight: bold;
		color:#F7931E;
	}
	.topslider_box {
		width: 100%;
		position: relative;
		/* margin-bottom: 250px; */
		/* overflow: hidden; */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		overflow: hidden;
	}
	.topslider_box h2 {
		position: absolute;
		bottom: 0;
		z-index: 10;
	}
	.topslider_box figure {
		width: 100%;
	}
	.topslider_box figure img {
		width: 100%;
		transition-duration: 0.5s;
	}
	.topslider_box figure img:hover {
		transform: scale(1.1);	/*画像の拡大率*/
		transition-duration: 1s;	/*変化に掛かる時間*/
	}
	.topslider_box .slick-arrow {
		background: #000;
		border: none;
		color: #fff;
		cursor: pointer;
		font-size: 14px;
		height: 50px;
		line-height: 50px;
		overflow: hidden;
		padding: 0;
		text-align: center;
		width: 50px;
		z-index: 2;
		top:40%;
	}
	.topslider_box .slick-prev {
		left:0;
	}
	.topslider_box .slick-next {
		right:0;
	}
	
	.topslider_contents::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: -100%;
		width: 400%;
		height: 120%;
		max-height: 330px;
		margin: 0 -50% 12%;
		background: #000;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-3.5deg);
		-ms-transform: rotate(-3.5deg);
		transform: rotate(-3.5deg);
		z-index: 0;
	}
	.topslider_contents::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: -100%;
		width: 400%;
		height: 120%;
		max-height: 330px;
		margin: 0 -50% 13%;
		background: #F7931E;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-4deg);
		-ms-transform: rotate(-4deg);
		transform: rotate(-4deg);
		z-index: -1;
	}
	
	.slick-dots {
		width: 180px;
		right:0;
		bottom: 0;
		/*margin-bottom: 70px;*/
		/*margin-bottom: 20px;*/
	}
	.slick-dots li button:before {
		color:#fff;
		opacity: 1;
		font-size: 19px;
	}
	.slick-dots li.slick-active button:before {
		color:#F7931E;
		opacity: 1;
		font-size: 19px;
	}
	/*sidebar///////////////////////////////////////////////////////*/
	#common_ad-2,#common_ad-4 {
		width:300px;
		height:300px;
		background:#ccc;
		margin: 0;
		margin-bottom: 20px;
	}
	#common_ad-3 {
		width: 300px;
		height: auto;
		margin: 0;
		margin-bottom: 20px;
	}
	.popular-entry-card figure.popular-entry-card-thumb, figure.new-entry-card-thumb {
		width: 100px;
		height: 100px;
		float: left;
		position: relative;
		overflow: hidden;
		margin: 0;
		margin-bottom: 20px;
	}
	.popular-entry-card figure.popular-entry-card-thumb img, figure.new-entry-card-thumb img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		height: auto;
		min-width: 100%;
		min-height: 100%;
		max-width: inherit;
		transform: translate(-50%, -50%);
	}
	.popular-entry-card-title, .new-entry-card-title {
		font-size: 15px;
		letter-spacing: 0em;
		font-weight: bold;
		line-height: 1.3em;
	}
	.popular-entry-card-content .postinfo, .new-entry-card-content .postinfo {
		margin-bottom: 1em;
	}
	.popular-entry-card-content, .new-entry-card-content {
		padding-bottom: 20px;
	}



	.category_page_top {
		position: relative;
		width: 100%;
	}
	.category_top_post {
		width: 100%;
		position: relative;
		margin-top: -20%;
		margin-bottom: 40px;
		overflow: hidden;
	}
	.category_top_post figure {
		width: 100%;
		max-height: 700px;
		overflow: hidden;
	}
	.category_top_post figure img {
		width: 100%;
	}
	.category_top_push {
		padding: 100px;
	}
	.category_page_top .breadcrumb-category {
		margin: auto;
		margin-top: 0;
		margin-bottom: 40px;
		width: 100%;
		max-width: 1200px;
	}
	.category_page_contents .top_post_contents {
		width: 100%;
	}
	.front_page_contents {
		margin-top: 80px;
	}
	.category_page_contents figure.entry-card-thumb, figure.related-entry-card-thumb, .front_page_contents figure.entry-card-thumb{
		width: 240px;
		height: 160px;
		margin-right: 40px;
		overflow: hidden;
	}
	.category_page_contents figure.entry-card-thumb img,figure.related-entry-card-thumb img, .front_page_contents figure.entry-card-thumb img {
		position: absolute;
		height: 100%;
		top: 50%;
		left: 50%;
		width: auto;
		max-width: inherit;
		transform: translate(-50%, -50%);
	}
	.category_page_contents .a-wrap, .related-list a.a-wrap , .front_page_contents .a-wrap{
		margin: 0;
		padding: 0;
		margin-bottom: 40px;
		padding-bottom: 40px;
		border-bottom: solid 1px #ccc;
	}
	.category_page_contents .a-wrap:last-child, .related-list a.a-wrap:last-child, .front_page_contents .a-wrap:last-child {
		border: none;
	}
	.category_page_contents .entry-card-content,.related-entry-card-content, .front_page_contents .entry-card-content {
		width: 100%;
		max-width: 580px;
		float: right;
		position: relative;
		padding: 0;
		margin: 0;
	}
	.category_page_contents .entry-card-title, .front_page_contents .entry-card-title {
		font-size: 20px;
		line-height: 1.6rem;
		clear: both;
		letter-spacing: 0rem;
	}
	
	.category_page_contents .postinfo,.related-entry-card-content .postinfo, .front_page_contents .postinfo {
		position:relative;
		height: 30px;
		margin: 0;
		margin-bottom: 25px;
	}
	.category_page_contents .post-date, .related-entry-card-post-date, .front_page_contents .post-date {
		letter-spacing:0.1rem;
		float: right;
	}
	.category_page_contents .top_post_contents .post-date, .front_page_contents .top_post_contents .post-date {
		font-size: 23px;
		letter-spacing:0.1rem;
		float: right;
	}
	.category_page_contents .top_post_contents span.cat-label, .front_page_contents .top_post_contents span.cat-label {
		display: block;
		padding: 5px 25px;
		background-color: #F7931E;
		font-size: 14px;
		color: #000;
	}
	.top_post_contents .entry-card-title {
		font-size: 41px;
		line-height: 4rem;
	}
	.category_page_contents .post-date::before {
		display:none;
	}
	.category_page_contents span.cat-label, .related-entry-card .cat-label, .front_page_contents span.cat-label {
		display: block;
		padding: 5px 25px;
		background-color: #F7931E;
		font-size: 14px;
		color: #000;
	}
	.category_page_contents #list a.entry-card-wrap:first-child figure {
		display: none;
	}
	.category_page_contents #list a.entry-card-wrap:first-child .entry-card-content .post-date{
		font-size: 15px;
	}
	.category_page_contents #list a.entry-card-wrap:first-child .entry-card-content {
		width: 100%;
		max-width: 100%;
	}
	.category_page_contents #list a.entry-card-wrap:first-child .entry-card-content h3 {
		font-size: 40px;
		line-height: 3rem;
	}
	
	
	
	.singlepostinfo {
		width: 100%;
		max-width: 860px;
		position: relative;
		height: 30px;
		margin: 0;
		margin-bottom: 25px;
	}
	header.article-header h1.entry-title {
		font-size: 40px;
		line-height: 3rem;
		margin: 0;
		margin-bottom: 40px;
		letter-spacing: 0;
	}
	.singlepostinfo .singlepost-cate .cat-label {
		display: block;
		padding: 5px 25px;
		background-color: #F7931E;
		font-size: 14px;
		color: #000;
	}
	.article-header .eye-catch-wrap {
		clear: both;
	}
	.singlepostinfo .singlepost-date {
		font-size: 23px;
		letter-spacing:0.1rem;
		float: right;
	}
	.sns-share-buttons {
		float: right;
		width: 400px;
	}
	.sns-share.ss-col-2 .sns-buttons a {
		display: block;
		width: 47%;
		text-align: center;
		background-color: transparent;
		text-decoration: none;
		border-radius: 0;
		padding: 8px 0;
		height: auto;
	}
	.sns-share-buttons a .button-caption {
		font-size: 14px;
	}
	.sns-buttons a.twitter-button {
		color: #1DA1F2;
		border: 2px #1DA1F2 solid;
	}
	.sns-buttons a.facebook-button {
		color: #4774B9;
		border: 2px #4774B9 solid;
	}
	article h4.style4a {
		border-bottom: none;
		border-left: 2px solid #222!important;
		margin: 2.5em 2px 1.2em;
		padding: .3em 0 .3em .8em;
	}
	.post_row {
		line-height: 2;
		margin-left: -15px;
		margin-right: -15px;
	}
	.post_col, .post_col-2, .post_col-3 {
		float: left;
		margin-bottom: 2em;
		min-height: 1px;
		padding: 0 15px;
		position: relative;
		width: 100%;
	}
	.post_col-2 {
		width: 50%;
	}
	.post_col-3 {
		width: 33.33333%;
	}
	.author {
		border: 1px #CCCCCC solid;
		padding: 20px;
		margin-bottom: 60px;
	}
	.author figure {
		float: left;
		margin-right: 20px;
	}
	.author .writer_contents {
		float: left;
		font-size: 15px;
		line-height: 1.3em;
	}
	.author .writer_contents p.writer_name {
		font-size: 24px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.author .writer_contents p.writer_name span {
		display: inline-block;
		font-size: 12px;
		letter-spacing: 0em;
		padding: 0em 1em;
		background: #F7931E;
		font-weight: normal;
		margin-left: 20px;
		position: relative;
		top: -3px;
	}
	
	
	
	footer{
		/*footerの装飾*/
		width: 100%;
		color: #fff;
		text-align: center;
		padding: 30px 0;
		position: absolute;/*←絶対位置*/
		bottom: 0; /*下に固定*/
		margin-top: 200px;
		overflow: hidden;
		background-color: transparent!important;
	}
	.footer-contents {
		overflow: hidden;
		padding: 6% 0 0;
	}
	.footer-contents::before {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 120%;
		height: 73%;
		margin: 3% -10% 0;
		background: #000;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-4deg);
		-ms-transform: rotate(-4deg);
		transform: rotate(-4deg);
		z-index: -1;
	}
	.footer_inner {
		box-sizing: boder-box;
		width: 100%;
		height: 100%;
		max-width: 1380px;
		margin: 0 auto 100px;
		padding: 100px 40px 120px;
		color: #fff;
		text-align: center;
		position:relative;
	}
	.pc_footer_menu {
		float:left;
		font-size: 7px;
		text-align: left;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-4deg);
		-ms-transform: rotate(-4deg);
		transform: rotate(-4deg);
	}
	.pc_footer_menu h4 {
		font-size: 12px;
		font-weight: bold;
		color: #555;
		padding-bottom: 10px;
	}
	.pc_footer_menu .footer_menu {
		height: 130px;
		float:left;
		margin-right: 40px;
		border-left: 1px #555 solid;
		-webkit-transform: rotate(4deg);
		-ms-transform: rotate(4deg);
		transform: rotate(4deg);
	}
	.pc_footer_menu .footer_menu div {
		margin-bottom: 10px;
	}
	.pc_footer_menu .footer_menu ul li {
		padding: 0 10px 10px;
	}
	.pc_footer_menu .footer_menu ul li a {
		display: block;
		color: #fff;
	}
	.pc_footer_menu .footer_menu ul li:last-child {
		padding-bottom: 0;
	}
	.footer_company {
		position: absolute;
		right:0;
		top:0;
		margin-top: 100px;
		padding-right: 40px;
	}
	.footer_company p {
		font-size: 6px;
		letter-spacing: 0.1rem;
	}
	h5.logo {
		width:150px;
		height:80px;
		background-image: url(https://jbasket.jp/wp/wp-content/uploads/2019/05/bskt_logo.png);
		background-size: cover;
		margin-bottom: 15px;
		position: relative;
		z-index: 900;
		float:right;
	}
	h5.logo a {
		display: block;
		width:150px;
		height:80px;
	}
	h5.logo a span {
		opacity: 0;
	}
	.footer_sns {
		position: absolute;
		bottom: 0;
		right: 0;
		margin-bottom: -100px;
		padding-right: 40px;
	}
	.footer_sns ul li {
		padding: 0 6px;
		float: right;
	}
	.footer_sns ul li a {
		color: #fff;
		font-size: 25px;
	}
	.footer_sns ul li a:hover {
		color: #F7931E;
	}
	.footer_sns ul li a.serch {
		color: #F7931E;
	}
	.footer_sns ul li a span {
		position: absolute;
		opacity: 0;
		font-size: 0px;
	}
	.footer_company p.credit{
		position: absolute;
		bottom:0;
		right:0;
		margin-bottom: -140px;
		padding-right: 40px;
	}
	#wrap_contact {
		width: 100%;
	}
	#wrap_contact table {
		border-collapse: separate;
		border-spacing: 0px 20px;
	}
	#wrap_contact table td,#wrap_contact table th {
		border: 0;
		padding: 10px 0;
	}
	#wrap_contact table td {
		padding-left: 40px;
	}
	#wrap_contact table input,#wrap_contact table textarea{
		border: 1px #000 solid;
		border-radius: 0;
		color: #333;
	}
	#wrap_contact table th {
		background: #F08300;
		vertical-align: middle;
		text-align: left;
		overflow: visible;
		position: relative;
		font-weight: normal;
		font-size: 15px;
		width: 233px;
	}
	#wrap_contact table th span {
		display: block;
		width: 233px;
		padding-left: 10px;
	}
	.submit-button {
		width: 300px;
		height: 60px;
		margin:auto;
	}
	.submit-button input {
		width: 300px;
		height: 60px;
		background:#000;
		color: #fff;
		font-size: 16px;
		margin: auto;
	}
	
	
	
	/* 固定ページコンテンツ */
	#page-title {
		padding: 1em;
		margin: 100px 0 90px;
		width: 100%;
		border-left: 3px #777777 solid;
		background-color: #f3f4f5;
		line-height: 1;
		font-weight: 500;
		box-sizing: border-box;
		float: left;
	}
	
	/* 運営会社 */
	#company-name {
		margin: 0;
		padding: 0;
		width: 100%;
		float: left;
	}
	
	div#company-data {
		margin: 0;
		padding: 0;
		width: 100%;

		float: left;
	}
	
	div#company-data dl {
		margin: 0;
		padding: 0;
		width: 100%;
		float: left;
	}
	
	
	div#company-data dt {
		margin: 2px 0;
		padding: 12px 25px 12px 0;
		width: 140px;
		text-align:right;
		box-sizing: border-box;
		float: left;
	}
	
	div#company-data dd {
		margin: 2px 0;
		padding: 12px 0 12px 25px;
		width: 100%;
		width: calc(100% - 190px);
		border-left: 1px #777 solid;
		box-sizing: border-box;
		float: left;
	}
	
	#about-add-text {
		padding: 0 10px;
	}
	
	
}


/*1100px以下*/
@media screen and (min-width: 769px) and (max-width: 1228px){
	.topslider_contents {
		margin-left: -50%;
	}
	.no-scrollable-sidebar .sidebar {
		margin-bottom: 150px;
	}
	.slick-dots {
		width: 180px;
		right: 0;
		bottom: 0;
		margin-bottom: 70px;
		/* margin-bottom: 20px; */
	}
}

/*769~927*/
@media screen and (min-width: 769px) and (max-width: 927px){
}


/*768px以下*/
@media screen and (max-width: 768px){
	/*必要ならばここにコードを書く*/
	.for_pc {
		display: none;
	}
	#header {
		position: relative;
		z-index: 1000;
		padding-top: 10%;
		margin-top: -10%;
	}
	#header::before {
		content: '';
		position: absolute;
		top: 0;
		left: -100%;
		width: 400%;
		height: 100%;
		max-height: 410px;
		margin: -19% -50% 0;
		background: #F7931E;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
		z-index: -1;
	}
	#header::after {
		content: '';
		position: absolute;
		top: 0;
		left: -100%;
		width: 400%;
		height: 100%;
		max-height: 410px;
		margin: -16% -50% 0;
		background: #000;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-3.5deg);
		-ms-transform: rotate(-3.5deg);
		transform: rotate(-3.5deg);
		z-index: -1;
	}
	.container {
		position: relative;
	}
	.topics_title {
		font-size: 40px;
		float: right;
		font-family: Futura, 'Century Gothic';
		line-height: 0.8em;
		letter-spacing:0;
	}
	.topics_title::first-letter {
		color:#F7931E;
	}
	#main .topics_title {
		float: none;
		text-align: center;
		margin-top: 15px;
		margin-bottom: 15px;
	}
	#popular_entries-2 h3.widget-sidebar-title,#new_entries-2 h3.widget-sidebar-title {
		text-align: center;
		font-size: 40px;
		font-family: Futura, 'Century Gothic';
		line-height: 0.8em;
		letter-spacing:0;
	}
	#popular_entries-2 h3.widget-sidebar-title::first-letter,#new_entries-2 h3.widget-sidebar-title::first-letter {
		color:#F7931E;
	}
	#popular_entries-3 h3.widget-sidebar-title,#new_entries-3 h3.widget-sidebar-title {
		text-align: center;
		font-size: 40px;
		font-family: Futura, 'Century Gothic';
		line-height: 0.8em;
		letter-spacing:0;
	}
	#popular_entries-3 h3.widget-sidebar-title::first-letter,#new_entries-3 h3.widget-sidebar-title::first-letter {
		color:#F7931E;
	}
	h1.logo {
		width:120px;
		height:65px;
		background-image: url(https://jbasket.jp/wp/wp-content/uploads/2019/05/bskt_logo.png);
		background-size: cover;
		float:left;
		margin-top: 20px;
		margin-bottom: 30px;
		margin-left:30px;
		position: relative;
		z-index: 900;
	}
	h1.logo a {
		display: block;
		width:120px;
		height:65px;
	}
	h1.logo a span {
		opacity: 0;
	}	.pc_menu_box,.pc_footer_menu,.footer_company p {
		display:none;
	}
	p.credit {
		display: block;
	}
	#go-to-top {
		bottom: 100px;
	}
	main.main, div.sidebar, .main{
		padding: 10px 15px;
		width: auto;
		margin: 0;
		border-width: 0;
	}
	/*開閉ボタン*/
	#nav_toggle,#nav_toggle2 {
		width: 50px;
		height: 45px;
		position: relative;
		top: 20px;
		z-index: 999;
		float: right;
		margin-right: 30px;
	}
	#nav_toggle2 {
		float: left;
	}
	#nav_toggle::after, #nav_toggle2::after {
		content: "MENU";
		position: absolute;
		color: #fff;
		top: 20px;
		font-size: 13px;
		font-family: Futura, 'Century Gothic';
		font-style: italic;
		font-weight: lighter;
		padding-top: 10px;
	}
	#nav_toggle div, #nav_toggle2 div {
		position: relative;
	}
	#nav_toggle span, #nav_toggle2 span{
		display: block;
		height: 2px;
		background: #F7931E;
		position:absolute;
		width: 30px;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1), #nav_toggle2 span:nth-child(1) {
		left:-6px;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#nav_toggle span:nth-child(2), #nav_toggle2 span:nth-child(2) {
		left:7px;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#nav_toggle span:nth-child(3), #nav_toggle2 span:nth-child(3){
		left:20px;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	
	/*開閉ボタンopen時*/
	.scroll-prevent {
		overflow: hidden;
	}
	.open #nav_toggle span:nth-child(1), .open #nav_toggle2 span:nth-child(1) {
		left:11px;
	}
	.open #nav_toggle span:nth-child(2), .open #nav_toggle2 span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav_toggle span:nth-child(3), .open #nav_toggle2 span:nth-child(3) {
		left:-10px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	nav.sp_header_menu {
		display: none;
		position: fixed;
		/* top: 72px; */
		width: 100%;
		background: #000;
		left: 0;
		padding-top: 30px;
		z-index: -3;
		height: 100%;
		overflow: scroll;
	}
	header nav ul{
		display: block;
		margin: 0 auto;
	}
	header nav ul li{
		margin: 0 auto;
		text-align: left;
		border-bottom: 1px #555 solid;
	}
	header nav ul.accordion1 li.serch_space{
		border:none;
		padding: 20px 60px;
	}
	header nav ul.inner2 li:first-child{
		padding: 0;
	}
	header nav ul li form.search-box {
		margin: 5em 0 1em;
	}
	
	header nav ul li a,header nav ul li p {
		display: block;
		color: #fff;
		padding: 20px 60px;
	}
	header nav ul li a::after {
		content: "＞";
		float: right;
	}
	header nav ul li a.contact::after {
		display: none;
	}
	header nav ul li p::after {
		content: "＋";
		float: right;
	}
	header nav ul li a span {
		display: block;
		background-color:#F7931E;
		padding: 15px;
		margin: auto;
		font-size: 15px;
		color: #000;
		text-align: center;
	}
	header nav ul li a span::after {
		content: "＞";
		float: right;
	}
	/*検索窓*/
	li.serch_space {
		padding:0;
	}
	.search-submit {
		position: absolute;
		top: 0;
		font-size: 15px;
		cursor: pointer;
		line-height: 49px;
		border: none;
		color: #ccc;
		background-color: rgba(255, 255, 255, 0);	
	}
	#form2{
		position:relative;
		width: 100%;
		margin:auto;
		margin-bottom:40px;
	}
	
	.accordion1 {text-align: center;background-color:#000;}
	.accordion1 .inner {display: none;}
	.accordion1 .inner, .accordion1 .inner2 {font-size: 14px;padding-left: 110px;border-top: 1px #555 solid;}
	.accordion1 p{cursor: pointer;}
	.accordion1 .inner li,.accordion1 .inner2 li  {border-bottom:1px #555 solid;}
	.accordion1 .inner li:last-child, .accordion1 .inner2 li:last-child  {border-bottom:none;}
	.accordion1 .inner li a, .accordion1 .inner2 li a {padding-left:0;}
	
	
	.topslider {
		position: relative;
		top: 0;
		margin-bottom:10%;
	}
	.topslider_contents {
		position: absolute;
		bottom:0;
	   margin-bottom: -6%;
		padding-top: 6%;
		padding-bottom: 6%;
	}
	.topslider_contents::before {
		content: '';
		position: absolute;
		top: 0;
		left: -100%;
		width: 400%;
		height: 90%;
		margin: -16% -50% 0;
		background: #F7931E;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
		z-index: -1;
	}
	.topslider_contents::after {
		content: '';
		position: absolute;
		top: 0;
		left: -100%;
		width: 400%;
		height: 90%;
		margin: -21% -50% 0;
		background: #000;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-6deg);
		-ms-transform: rotate(-6deg);
		transform: rotate(-6deg);
		z-index: -1;
	}
	.topslider_box .slider-nav .slick-list {
		width: 100%;
		top: -70px;
	}
	.topslider_box .slider-nav figure {
		width: 100%;
		height: 450px;
		position: relative;
		overflow: hidden;
		margin-bottom: 20px;
	}
	.topslider_box .slider-nav figure img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		height: auto;
		min-width: 100%;
		min-height: 100%;
		max-width: inherit;
		transform: translate(-50%, -50%);
	}
	.topslider_contents, .topslider_contents slick-slide {
		width: 100%;
		z-index: 100;
	}
	.topslider_contents_left {
		padding:15px;
		word-break: break-all;
	}
	.topslider_contents a {
		color:#fff;
	}
	.topslider_contents .slick-dots {
		display: block!important;
		bottom: 0px;
		margin-bottom: -5px;
	}
	.topslider_contents .slick-dots li button:before {
		color: #fff;
		opacity: 1;
		font-size: 11px;
	}
	.topslider_contents .slick-dots li {
		position: relative;
		display: inline-block;
		height: 20px;
		width: 20px;
		margin: 0px;
		padding: 0;
		cursor: pointer;
	}
	.topslider_contents .slick-dots li.slick-active button:before {
		color: #F7931E;
	}
	.topslider_contents_left .cat-label {
		position: relative;
		display: block;
		float: left;
		font-size: 11px;
		padding: 0.2em 20px;
		background-color: #F7931E;
		top: 0;
		left: 0;
		border: 0;
	}
	.topslider_contents_left .top_slide_date {
		padding: 5px 0;
		float: right;
		font-size: 13px;
		text-align: center;
		border: 0;
		position: relative;
		letter-spacing: .05em;
	}		
	.topslider_contents_left h2 {
		font-size: 18px;
		font-weight: bold;
		letter-spacing: .05em;
		line-height: 1.6em;
		padding-top: 30px;
	}	
	.topslider_contents_right {
		display:none;
	}
	
	.list {
		clear:both;
	}
	.ect-vertical-card .entry-card-wrap {
		width: 100%;
		margin-bottom: 30px;
	}
	.ect-vertical-card .entry-card-wrap .entry-card-thumb {
		margin-bottom: 4%;
	}
	
	
	.postinfo .post-date {
		float: right;
		letter-spacing: 0.1em;
		padding-top: 0.5em;
		display: block;
	}
	.post-date::before {
		display:none;
	}
	.entry-card-title {
		margin-top: 5%;
		letter-spacing: 0em;
		line-height: 1.6em;
	}
	a.entry-card-wrap {
		border:none;
		border-bottom: 1px solid #B3B3B3;
	}
	a.entry-card-wrap:last-child {
		border:none;
	}
	.entry-card-content {
		padding: 0;
		margin: 0;
	}
	.entry-card-title {
		padding-bottom: 30px;
	}
	
	.autoplay_box {
		position: relative;
		margin: auto;
		box-sizing: border-box;
		margin-top: 30px;
		padding-top:30px;
		padding-bottom: 30px;
	}
	.autoplay_box::before {
		content: '';
		position: absolute;
		top: 0;
		left: -100%;
		width: 400%;
		height: 100%;
		margin: -16% -50% 0;
		background: #F7931E;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
		z-index: -1;
	}
	.autoplay_box::after {
		content: '';
		position: absolute;
		top: 0;
		left: -100%;
		width: 400%;
		height: 100%;
		margin: -12% -50% 0;
		background: #000;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-3.5deg);
		-ms-transform: rotate(-3.5deg);
		transform: rotate(-3.5deg);
		z-index: -1;
	}
	.autoplay {
		height:400px;
		clear: both;
	}
	
	.carousel-entry-card-thumb {
		margin: 0;
		margin-bottom:10px;
	}
	.carousel-entry-card-content {
		padding: 0 20px;
	}
	.carousel-entry-card-wrap {
		width: 300px;
		margin: 0 5px;
		padding: 0;
		height: 370px;
		background: #fff;
	}
	.carousel-entry-card {
		height: 100%;
	}
	.slick-dotted.slick-slider {
		margin-bottom: 0;
	}
	#carousel .slick-dots {
		display: none;
	}
	
	.carousel-entry-card-title h3 {
		font-size: 15px;
	}
	.carousel-entry-card .postinfo {
		padding: 0;
	}
	.carousel-post-date {
		font-size: 11px;
		float: right;
	}
	#carousel {
		display: block;
		width: auto;
	}
	#common_ad-2 {
		width:300px;
		height:300px;
		background:#ccc;
		margin: 0;
		margin:auto;
		margin-bottom: 20px;
	}
	
	nav.sp_footer_menu {
		display: none;
		position: fixed;
		width: 100%;
		background: #000;
		padding-top: 30px;
		z-index: 900;
		height: 100%;
		overflow: scroll;
		top:0;
		left:0;
	}
	nav.sp_footer_menu ul{
		display: block;
		margin: 0 auto;
	}
	nav.sp_footer_menu ul li{
		margin: 0 auto;
		text-align: left;
		border-bottom: 1px #555 solid;
	}
	
	nav.sp_footer_menu ul li:first-child{
		border-top:none;
		padding: 0 60px;
	}
	nav.sp_footer_menu ul.inner2 li:first-child{
		padding: 0;
	}
	
	nav.sp_footer_menu ul li a,nav.sp_footer_menu ul li p {
		display: block;
		color: #fff;
		padding: 20px 60px;
	}
	nav.sp_footer_menu ul li a::after {
		content: "＞";
		float: right;
	}
	nav.sp_footer_menu ul li a.contact::after {
		display: none;
	}
	nav.sp_footer_menu ul li p::after {
		content: "＋";
		float: right;
	}
	nav.sp_footer_menu ul li a span {
		display: block;
		background-color:#F7931E;
		padding: 15px;
		margin: auto;
		font-size: 15px;
		color: #000;
		text-align: center;
	}
	nav.sp_footer_menu ul li a span::after {
		content: "＞";
		float: right;
	}
	footer#footer {
		padding: 20px;
		position: relative;
		background-color: transparent;
		padding-bottom: 40px;
		margin-bottom: -20px;
		padding-top: 45px;
	}
	footer#footer::after {
		content: '';
		position: absolute;
		top: 0;
		left: -100%;
		width: 400%;
		height: 100%;
		max-height: 410px;
		margin: -12% -50% 0;
		background: #000;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
		z-index: -10;
	}
	p.credit {
		font-size:9px;
		text-align: right;
		letter-spacing:0;
		padding-top:30px;
	}
	p.credit::before {
		content: '';
		position: absolute;
		bottom: -18%;
		left: -100%;
		width: 400%;
		height: 100%;
		max-height: 410px;
		margin: -12% -50% 0;
		background: #000;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-6deg);
		-ms-transform: rotate(-6deg);
		transform: rotate(-6deg);
		z-index: -2;
	}
	p.credit::after {
		content: '';
		position: absolute;
		bottom: -21%;
		left: -100%;
		width: 400%;
		height: 100%;
		max-height: 410px;
		margin: -12% -50% 0;
		background: #F7931E;
		-webkit-transform-origin: right center;
		-ms-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);
		z-index: -3;
	}
	h5.logo {
		width:103px;
		height:55px;
		top: -20px;
		background-image: url(https://jbasket.jp/wp/wp-content/uploads/2019/05/bskt_logo.png);
		background-size: cover;
		margin-left: 15px;
		margin-bottom: 15px;
		position: relative;
		z-index: 10;
		float:right;
	}
	h5.logo a {
		display: block;
		width:150px;
		height:80px;
	}
	h5.logo a span {
		opacity: 0;
	}
	.header_sns {
		max-width: 150px;
		min-width: 80px;
		height: 45px;
		position: relative;
		top: 20px;
		z-index: 999;
		float: right;
		margin-right: 10px;
	}
	.header_sns ul li {
		padding: 0 6px;
		float: right;
	}	
	.header_sns ul li a {
		color: #fff;
		font-size: 143%;
		letter-spacing:0rem;
	}
	.header_sns ul li a span {
		opacity: 0;
		font-size: 0px;
	}
	
	.footer_sns ul li {
		padding: 0 6px;
		float: right;
	}
	.footer_sns ul li a {
		color: #fff;
		font-size: 25px;
	}
	.footer_sns ul li a:hover {
		color: #F7931E;
	}
	.footer_sns ul li a.serch {
		color: #F7931E;
	}
	.footer_sns ul li a span {
		position: absolute;
		opacity: 0;
		font-size: 0px;
	}
	#breadcrumb {
		font-size: 10px;
		padding-left: 15px;
	}
	.postinfo span.singlepost-date {
		float: right;
		font-size: 12px;
		margin-top: 0.3em;
	}
	.cat-label {
		position: relative;
		display: block;
		float: left;
		font-size: 9px;
		padding: 0.5em 20px;
		background-color: #F7931E;
		top: 0;
		left: 0;
		border: 0;
	}
	a.facebook-button {
		color: #4774B9;
		background-color: #fff;
		border: 1px solid #4774B9;
		border-radius: 0;
	}
	a.twitter-button {
		color: #1DA1F2;
		background-color: #fff;
		border: 1px solid #1DA1F2;
		border-radius: 0;
	}
	main .ctdt-tag-only .entry-categories {
		display:block;
	}
	.category_page_contents .entry-card-content,.category_page_contents figure.entry-card-thumb, .front_page_contents .entry-card-content,.front_page_contents figure.entry-card-thumb {
		float: left;
	}
	.category_page_contents .entry-card-content, .front_page_contents .entry-card-content {
		width: 60%;
	}
	.category_page_contents figure.entry-card-thumb,.front_page_contents figure.entry-card-thumb {
		width: 38%;
		margin-top: 0;
		position: relative;
	}
	.category_page_contents .entry-card-content h3, .front_page_contents .entry-card-content h3 {
		font-size: 13px;
		margin: 0;
		margin-top: 0.5em;
		letter-spacing: 0em;
		line-height: 1.4em;
	}
	
	.category_page_contents .entry-card-content span.cat-label, .front_page_contents .entry-card-content span.cat-label {
		font-size: 10px;
		width: auto;
		position: relative;
		top: 0;
		left: 0;
		display: inline-block;
		text-align: center;
		min-width: 120px;
		background-color: #F7931E;
		color: #000;
		letter-spacing: 0.1em;
	}
	.category_page_contents .entry-card-content span.post-date, .front_page_contents .entry-card-content span.post-date {
		margin: 0;
		padding: 0;
		padding-top: 0.2em;
	}	
	figure.eye-catch .cat-label {
		display: none;
	}
	.footer_logo {
		float: right;
	}
	
	.popular-entry-cards a.popular-entry-card-link, .new-entry-cards a.new-entry-card-link, .related-entry-card-wrap, .category_page_contents .a-wrap, .front_page_contents .a-wrap {
		border-bottom: 1px #B3B3B3 solid;
		padding: 15px 0;
		margin: 0;
	}
	.popular-entry-cards a.popular-entry-card-link:last-child, .new-entry-cards a.new-entry-card-link:last-child, .related-entry-card-wrap:last-child {
		border-bottom: 0;
	}
	.widget-entry-card-title {
		float: none;
		font-size: 14px;
		font-weight: bold;
		width: 100%;
	}
	
	.category_page_contents #list a.entry-card-wrap:first-child figure {
		display: none;
	}
	.category_page_contents #list a.entry-card-wrap:first-child .entry-card-content .post-date{
		font-size: 15px;
	}
	.category_page_contents #list a.entry-card-wrap:first-child .entry-card-content {
		width: 100%;
	}
	.category_page_contents #list a.entry-card-wrap:first-child .entry-card-content h3 {
		font-size: 19px;
	}
	.footer_banner_box {
		margin-top: -30px;
		padding: 10px 15px;
	}
	.footer_banner {
		background-color: #ccc;
		margin: 20px auto;
	}
	article h4.style4a {
		border-bottom: none;
		border-left: 2px solid #222!important;
		margin: 2.5em 2px 1.2em;
		padding: .3em 0 .3em .8em;
	}
	.post_row {
		line-height: 2;
		margin-left: -15px;
		margin-right: -15px;
	}
	.post_col, .post_col-2, .post_col-3 {
		float: left;
		margin-bottom: 2em;
		min-height: 1px;
		padding: 0 15px;
		position: relative;
		width: 100%;
	}
	.post_col-2 {
		width: 50%;
	}
	.post_col-3 {
		width: 33.33333%;
	}
	.author {
		border: 1px #CCCCCC solid;
		padding: 10px;
		margin-top: 40px;
		margin-bottom: 60px;
	}
	.author figure {
		float: left;
		margin-right: 10px;
	}
	.author .writer_contents {
		float: left;
		font-size: 13px;
		letter-spacing: .08em;
		line-height: 1.65;
	}
	.author .writer_contents p.writer_name {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.author .writer_contents p.writer_name span {
		display: inline-block;
		font-size: 11px;
		letter-spacing: 0em;
		padding: 0.3em 1em;
		background: #F7931E;
		font-weight: normal;
		margin-left: 10px;
		position: relative;
		top: -3px;
	}
	
	
	.screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute !important;
		width: 1px;
		word-wrap: normal !important;
	}
	
	.page-numbers{
		height: 45px;
		width: 45px;
		line-height: 45px;
		border: none;
		border-radius: 50%;
		font-family: sans-serif;
		font-weight: bold;
		font-size: 80%;
		color: #666;
		transition: all .1s ease;
	}
	.pagination .nav-links {
		width: 100%;
	}
	.pagination .nav-links a.next {
		display: block;
		border-radius: 0;
		color: #000;
		border: 1px #333 solid;
		width: 100%;
		margin-top: 40px;
	}
	.pagination .nav-links a.prev {
		display: block;
		border-radius: 0;
		color: #000;
		border: 1px #333 solid;
		width: 100%;
		margin-bottom: 40px;
	}
	.pagination .nav-links .next:hover {
		background-color: #F7931E;
		transition: all 0.5s ease;
		color: #fff;
	}
	.pagination a.page-numbers:hover,.pager-numbers a:hover .page-numbers{
		background-color: #F7931E; /* マウスオーバー時の背景色 */
		color: #fff !important;
	}
	
	.pagination .current, .pager-links .current{
		background-color: #F7931E;
		color: #fff !important;
	}
	.pagination .next::before {
		display: none;
	}
	.pagination .next::after {
		content: '>>>';
		padding-left: 5px;
		/* bottom: 3em; */
		font-size: 1.3em;
		font-weight: normal;
		letter-spacing: 0.1em;
	}
	.pagination .prev::before {
		content: '<<<';
		padding-right: 5px;
		/* bottom: 3em; */
		font-size: 1.3em;
		font-weight: normal;
		letter-spacing: 0.1em;
	}
	
	.entry-content {
		font-size: 15px;
		line-height: 1.8;
		letter-spacing: .05rem;
	}
	.widget-entry-cards figure, .related-entry-card-thumb {
		width: 30%;
		margin: 0;
		margin-right: 5%;
	}
	.widget-entry-cards .widget-entry-card-content, .related-entry-card .related-entry-card-content {
		float: right;
		width: 65%;
		margin: 0;
	}
	.postinfo {
		margin-bottom: 10px;
	}
	.postinfo::after {
		content: '';
		clear: both;
		display: block;
	}
	.e-card-title {
		font-size: 15px;
		letter-spacing: .08em;
		line-height: 1.65;
	}
	header.article-header h1.entry-title {
		font-size: 18px;
		letter-spacing: .08em;
		line-height: 1.65;
		padding: 0;
		margin-bottom: 20px;
	}
	.sns-share.ss-col-2 a{
		width: 48%;
		height: 35px;
	}
	.category_page_top {
		position: relative;
		top: -45px;
		margin-bottom: -45px;
	}
	.category_page_top figure.eye-catch{
		width: 100%;
		float: none;
		height: 350px;
		position: relative;
		overflow: hidden;
		max-width: none;
	}
	.category_page_top figure.eye-catch img{
		position: absolute;
		top: 50%;
		left: 50%;
		width: auto;
		height: auto;
		min-width: 100%;
		min-height: 100%;
		max-width: inherit;
		transform: translate(-50%, -50%);
	}	
	.category_top_push {
		padding: 30px;
	}
	.page #breadcrumb {
		display: none;
	}
	.page .content h3 {
		font-size:24px;
		margin:0;
		border:0;
		padding:0;
		margin-bottom: 1em;
		letter-spacing: 0em;
	}
	.page .content h6 {
		clear:both;
		margin:0;
		border:0;
		padding:0;
		margin-bottom: 1em;
		letter-spacing: 0em;
	}
	.page .content p {
		margin:0;
		border:0;
		padding:0;
		font-size: 13px;
		margin-top: 1.4em;
		margin-bottom: 3em;
		line-height: 2em;
		letter-spacing: 0em;
	}
	.page table th, table td {
		border: 1px solid #ddd;
		padding: 6px;
		font-size: 13px;
		padding: 20px;
	}
	.page table caption {
		text-align: left;
	}
	.page .article ul li {
		float: left;
		width: 48%;
		font-size: 13px;
	}
	.page .article ul li:before {
		content: '・';
		color: #F7931E;
		vertical-align: middle;
		font-size: 70px;
		letter-spacing: -0.3em;
		line-height: 0.5em;
		margin-left: -30px;
	}
	.page .article ul {
		margin: 0;
		padding: 0;
	}
	.page .article ul::after{
		content: "";
		display: block;
		clear: both;
	}
	.page .article hr {
		color: #eee;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	#wrap_contact {
		width: 100%;
	}
	
	#wrap_contact table td,#wrap_contact table th {
		display: block;
		border: 0;
		padding: 8px 0;
	}
	#wrap_contact table input,#wrap_contact table textarea{
		border: 1px #000 solid;
		border-radius: 0;
	}
	#wrap_contact table th {
		background: #F08300;
		vertical-align: middle;
		text-align: left;
		overflow: visible;
		position: relative;
		font-weight: normal;
		font-size: 15px;
	}
	#wrap_contact table th span {
		display: block;
		padding-left: 10px;
	}
	.submit-button {
		width: 300px;
		height: 60px;
		margin:auto;
	}
	.submit-button input {
		width: 300px;
		height: 60px;
		background:#000;
		color: #fff;
		font-size: 16px;
		margin: auto;
	}
	.topslider_box .slick-arrow {
		background: #000;
		border: none;
		color: #fff;
		cursor: pointer;
		font-size: 14px;
		height: 50px;
		line-height: 50px;
		overflow: hidden;
		padding: 0;
		text-align: center;
		width: 30px;
		margin-top: -50px;
		z-index: 2;
		opacity:0.75;
	}
	.topslider_box .slick-prev {
		left:0;
	}
	.topslider_box .slick-next {
		right:0;
	}
	main .ctdt-tag-only .entry-categories {
		display:block;
	}
	figure.MOVIE {
		position: relative;
	}
	.topslider_box figure.MOVIE:before {
		content: '';
		display: inline-block;
		width: 47%;
		height: 47%;
		left: 50%;
		margin-left: -23%;
		top: 23%;
		background-repeat: no-repeat;
		background-image: url(https://jbasket.jp/wp/wp-content/uploads/2019/06/play_mark01.png);
		background-size: contain;
		vertical-align: middle;
		position: absolute;
		z-index: 500;
	}
	figure.MOVIE:before {
		content: '';
		display: inline-block;
		width: 47%;
		height: 82%;
		left: 50%;
		margin-left: -23%;
		top: 10%;
		background-repeat: no-repeat;
		background-image: url(https://jbasket.jp/wp/wp-content/uploads/2019/06/play_mark01.png);
		background-size: contain;
		vertical-align: middle;
		position: absolute;
		z-index: 100;
	}
	.popular-entry-card figure.MOVIE:before {
    content: '';
    display: inline-block;
    width: 55%;
    height: 90%;
    left: 50%;
    margin-left: -27%;
    top: 4%;
    background-repeat: no-repeat;
    background-image: url(https://jbasket.jp/wp/wp-content/uploads/2019/06/play_mark01.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    z-index: 100;
	}
}


/*480px以下*/
@media screen and (max-width: 480px){
	.related-entry-card-content .cat-label,.widget-entry-card-content .cat-label  {
		max-width: 140px;
	}
}