@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

html,body,div,span,object,iframe,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

:-webkit-any(article,aside,nav,section) h1 {
	display: block;
    font-size: 1.8em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
/*================================================
 *  一般・共通設定
 ================================================*/
body {
	font-size:14px;
	color:#000;
	font-family: 'Noto Sans JP','Roboto',sans-serif;
	line-height:1.6;
	background:#fff;
	-webkit-text-size-adjust: 100%;
	overflow-x:hidden;
	position: relative;
    -webkit-overflow-scrolling: touch;
    min-height: 100vh;
}

.inner {
	position:relative;
	width:100%;
	margin:0 auto;
}

header {
	box-sizing:border-box;
	position:relative;
	width:100%;
}

nav {
	width:100%;
	⁄zoom:1;
}
nav:after {
	content:'';
	display:block;
	clear:both;
}

#contents {
	overflow:hidden;
	width:100%;
	margin:20px auto;
	background:#fff;
}
#contents {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
    /*grid-template-columns: calc(75% - 20px) calc(25% - 20px);*/
	/*
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: minmax(auto, 75%) 40px minmax(300px,25%);
	grid-template-columns: minmax(auto, 75%) minmax(300px,25%);
    grid-column-gap: 40px;*/
}

#main {
    box-sizing: border-box;
    overflow: hidden;
    position: relative;

	width :100%;
	max-width: 75%;
    padding-left: 10px;
}


#sub {
	box-sizing:border-box;
	overflow:hidden;
	width: 25%;
    min-width: 300px;
    margin-left: 40px;
    padding-right: 10px;
}

/* Edge */
@supports (-ms-ime-align: auto) {
	#sub{width: 350px;}
}

/* Edge */
_:-ms-lang(x)::backdrop,
	#sub{width: 350px;}

/* IE11 */
_:-ms-lang(x)::-ms-backdrop,
	#sub{width: 350px;}


footer {
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
}

a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
/*
h2 {
	clear: both;
	font-size: 28px;
	color: #000;
	font-weight: bold;
    line-height: 1.2;
}

h3 {
	clear: both;
	font-size: 18px;
	position: relative;
    padding: 5px;
}
h4 {
	margin-bottom:0.25em;
	font-size:15px;
	border-bottom:3px solid #000;
}

h5 {
	position:relative;
	margin-bottom:0.25em;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
}

h6 {
	margin-bottom:0.25em;
	color:#382400;
	font-size:14px;
	font-weight:bold;
}*/

p {
	margin:0 0 0 0;
}

.small{
	font-size: 11px;
}

img {
	vertical-align:bottom;
	user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-webkit-touch-callout: none;
}

em {
	font-weight:bold;
}

strong {
	font-weight:bold;
}


blockquote {
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #ddd;
	border-left:5px solid #ddd;
}

ul,ol,dl {
	margin:0 0 0 0;
}
ul li {
	list-style: none;
}
ol li {
	list-style:decimal;
}
li {
	list-style: none;
}

dt {
	margin-bottom:0.5em;
	border-bottom:1px dotted #ddd;
}
dt:before {
	content:"\0025a0";
}
dd {
	margin-bottom:1em;
}

table {
	width:100%;

	border-collapse:collapse;
	border: 1px solid #999999;
	background:#fff;
}
th {
    color: #333333;
    padding: 10px;
    border: 1px solid #999999;
    text-align: left;
    vertical-align: middle;
    word-break: break-word;
}
td {
    color: #333333;
    padding: 10px;
    border: 1px solid #999999;
    text-align: left;
    vertical-align: middle;
    word-break: break-word;
}
/*
input{
	-webkit-appearance: none;
    border: 1px solid #ddd;
}*/
input[type="submit"]{
    cursor: pointer;
}
input[type="image"]{
	border: none;
}

.red,
.alert{
	color: red;
	padding-bottom: 10px;
}

.none{
	display: none;
}
.no-border{
	border:none!important;
}

.full{
	width: 100%!important;
}

.label-list{
    float: right;
    width: 80%;
}

.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}

/*================================================
 *  ipad 調整
 ================================================*/
body.ipad input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
    outline: 0;
    border: none;
}


/*================================================
 *  margin
 ================================================*/
.marginAuto { margin-left:auto; margin-right:auto; }
/* MARGIN-TOP */
.mt_minus01 { margin-top:-1px!important; }
.mt_minus06 { margin-top:-6px!important; }
.mt_minus12 { margin-top:-12px!important; }
.mt_minus18 { margin-top:-18px!important; }
.mt_minus24 { margin-top:-24px!important; }
.mt_minus36 { margin-top:-36px!important; }
.mt_minus48 { margin-top:-48px!important; }
.mt_minus60 { margin-top:-60px!important; }
.mt_minus72 { margin-top:-72px!important; }
.mt00 { margin-top:0px!important; }
.mt01 { margin-top:0px!important; }
.mt02 { margin-top:2px!important; }
.mt04 { margin-top:4px!important; }
.mt05 { margin-top:5px!important; }
.mt06 { margin-top:6px!important; }
.mt08 { margin-top:8px!important; }
.mt10 { margin-top:10px!important; }
.mt12 { margin-top:12px!important; }
.mt14 { margin-top:14px!important; }
.mt15 { margin-top:15px!important; }
.mt16 { margin-top:16px!important; }
.mt18 { margin-top:18px!important; }
.mt20 { margin-top:20px!important; }
.mt24 { margin-top:24px!important; }
.mt30 { margin-top:30px!important; }
.mt36 { margin-top:36px!important; }
.mt48 { margin-top:48px!important; }
.mt60 { margin-top:60px!important; }
.mt72 { margin-top:72px!important; }
.mt90 { margin-top:90px!important; }
.mt100 { margin-top:100px!important; }
.mt125 { margin-top:125px!important; }
.mt150 { margin-top:150px!important; }
/* MARGIN-RIGHT */
.mr00 { margin-right:0px!important; }
.mr02 { margin-right:2px!important; }
.mr04 { margin-right:4px!important; }
.mr06 { margin-right:6px!important; }
.mr08 { margin-right:8px!important; }
.mr10 { margin-right:10px!important; }
.mr12 { margin-right:12px!important; }
.mr20 { margin-right:20px!important; }
.mr24 { margin-right:24px!important; }
.mr32 { margin-right:32px!important; }
.mr36 { margin-right:36px!important; }
.mr48 { margin-right:48px!important; }
.mr60 { margin-right:60px!important; }
.mr72 { margin-right:72px!important; }
.mr300 { margin-right:300px!important; }
.mr320 { margin-right:320px!important; }
.mr340 { margin-right:340px!important; }
.mr380 { margin-right:380px!important; }
.mr400 { margin-right:425px!important; }
/* MARGIN-BOTTOM */
.mb_minus02 { margin-bottom:-2px!important; }
.mb_minus06 { margin-bottom:-6px!important; }
.mb_minus12 { margin-bottom:-12px!important; }
.mb_minus24 { margin-bottom:-24px!important; }
.mb_minus36 { margin-bottom:-36px!important; }
.mb_minus48 { margin-bottom:-48px!important; }
.mb_minus60 { margin-bottom:-60px!important; }
.mb_minus72 { margin-bottom:-72px!important; }
.mb00 { margin-bottom:0!important; }
.mb02 { margin-bottom:2px!important; }
.mb04 { margin-bottom:4px!important; }
.mb05 { margin-bottom:5px!important; }
.mb06 { margin-bottom:6px!important; }
.mb08 { margin-bottom:8px!important; }
.mb10 { margin-bottom:10px!important; }
.mb12 { margin-bottom:12px!important; }
.mb14 { margin-bottom:14px!important; }
.mb15 { margin-bottom:15px!important; }
.mb16 { margin-bottom:16px!important; }
.mb18 { margin-bottom:18px!important; }
.mb20 { margin-bottom:20px!important; }
.mb24 { margin-bottom:24px!important; }
.mb30 { margin-bottom:30px!important; }
.mb36 { margin-bottom:36px!important; }
.mb40 { margin-bottom:40px!important; }
.mb48 { margin-bottom:48px!important; }
.mb50 { margin-bottom:50px!important; }
.mb60 { margin-bottom:60px!important; }
.mb72 { margin-bottom:72px!important; }
.mb90 { margin-bottom:90px!important; }
.mb100 { margin-bottom:100px!important; }
.mb125 { margin-bottom:125px!important; }
.mb150 { margin-bottom:150px!important; }
/* MARGIN-LEFT */
.ml-4 { margin-left:-4px!important; }
.ml-3 { margin-left:-3px!important; }
.ml-2 { margin-left:-2px!important; }
.ml-1 { margin-left:-1px!important; }
.ml00 { margin-left:0px!important; }
.ml02 { margin-left:2px!important; }
.ml04 { margin-left:4px!important; }
.ml06 { margin-left:6px!important; }
.ml10 { margin-left:10px!important; }
.ml12 { margin-left:12px!important; }
.ml18 { margin-left:18px!important; }
.ml20 { margin-left:20px!important; }
.ml24 { margin-left:24px!important; }
.ml30 { margin-left:30px!important; }
.ml36 { margin-left:36px!important; }
.ml42 { margin-left:42px!important; }
.ml44 { margin-left:44px!important; }
.ml48 { margin-left:48px!important; }
.ml50 { margin-left:50px!important; }
.ml52 { margin-left:52px!important; }
.ml54 { margin-left:54px!important; }
.ml56 { margin-left:56px!important; }
.ml60 { margin-left:60px!important; }
.ml72 { margin-left:72px!important; }
.ml100 { margin-left:100px!important; }
.ml110 { margin-left:110px!important; }
.ml120 { margin-left:120px!important; }
.ml130 { margin-left:130px!important; }
.ml150 { margin-left:150px!important; }
.ml160 { margin-left:160px!important; }
/* MARGIN-TOP & MARGIN-BOTTOM */
.mtb06 { margin-top:6px!important; margin-bottom:6px!important; }
.mtb12 { margin-top:12px!important; margin-bottom:12px!important; }
.mtb24 { margin-top:24px!important; margin-bottom:24px!important; }
.mtb36 { margin-top:36px!important; margin-bottom:36px!important; }
.mtb48 { margin-top:48px!important; margin-bottom:48px!important; }
.mtb60 { margin-top:60px!important; margin-bottom:60px!important; }
.mtb72 { margin-top:72px!important; margin-bottom:72px!important; }
/* MARGIN-LEFT & MARGIN-RIGHT */
.mlr06 { margin-left:6px!important; margin-right:6px!important; }
.mlr12 { margin-left:12px!important; margin-right:12px!important; }
.mlr24 { margin-left:24px!important; margin-right:24px!important; }
.mlr36 { margin-left:36px!important; margin-right:36px!important; }
.mlr48 { margin-left:48px!important; margin-right:48px!important; }
/* MARGIN-ALL */
.ma06 { margin:6px!important; }
.ma12 { margin:12px!important; }
.ma20 { margin:20px!important; }
.ma24 { margin:24px!important; }
.ma36 { margin:36px!important; }
.ma48 { margin:48px!important; }
.ma60 { margin:60px!important; }
.ma72 { margin:72px!important; }

/*================================================
 * padding
 ================================================*/

.no-padding {
	padding: 0px!important;
	margin: 0px!important;
	border-width: 0px!important;
}


/* PADDING-TOP */
.pt00 { padding-top:0!important; }
.pt02 { padding-top:2!important; }
.pt04 { padding-top:4!important; }
.pt06 { padding-top:6px!important; }
.pt08 { padding-top:8px!important; }
.pt10 { padding-top:10px!important; }
.pt12 { padding-top:12px!important; }
.pt24 { padding-top:24px!important; }
.pt36 { padding-top:36px!important; }
.pt48 { padding-top:48px!important; }
.pt60 { padding-top:60px!important; }
.pt72 { padding-top:72px!important; }
/* PADDING-BOTTOM */
.pb00 { padding-bottom:0!important; }
.pb06 { padding-bottom:6px!important; }
.pb12 { padding-bottom:12px!important; }
.pb16 { padding-bottom:16px!important; }
.pb24 { padding-bottom:24px!important; }
.pb36 { padding-bottom:36px!important; }
.pb48 { padding-bottom:48px!important; }
.pb60 { padding-bottom:60px!important; }
.pb72 { padding-bottom:72px!important; }
/* PADDING-LEFT */
.pl06 { padding-left:6px!important; }
.pl10 { padding-left:10px!important; }
.pl12 { padding-left:12px!important; }
.pl24 { padding-left:24px!important; }
.pl36 { padding-left:36px!important; }
.pl48 { padding-left:48px!important; }
.pl60 { padding-left:60px!important; }
.pl72 { padding-left:72px!important; }
.pl160 { padding-left:160px!important; }
/* PADDING-RIGHT */

.pr06 { padding-right:6px!important; }
.pr12 { padding-right:12px!important; }
.pr24 { padding-right:24px!important; }
.pr36 { padding-right:36px!important; }
.pr48 { padding-right:48px!important; }
.pr60 { padding-right:60px!important; }
.pr72 { padding-right:72px!important; }
.pr160 { padding-right:160px!important; }
/* PADDING-ALL */
.pa01 { padding:1px!important; }
.pa02 { padding:2px!important; }
.pa06 { padding:6px!important; }
.pa12 { padding:12px!important; }
.pa24 { padding:24px!important; }
.pa36 { padding:36px!important; }
.pa48 { padding:48px!important; }
.pa60 { padding:60px!important; }
.pa72 { padding:72px!important; }

/*================================================
 *  WIDTH
 ================================================*/
.w10 { width:10%!important; }
.w15 { width:15%!important; }
.w20 { width:20%!important; }
.w30 { width:30%!important; }
.w35 { width:35%!important; }
.w40 { width:40%!important; }
.w45 { width:45%!important; }
.w50 { width:50%!important; }

/*================================================
 *  ヘッダー
 ================================================*/
header {}

.header-right{}

.header-login ul{
	float: right;
	margin-bottom: 5px
}
.header-login ul li,
.header-search ul li{
	list-style: none;
	float: right;
	margin-left: 10px;
	position: relative;
}

.header-search input{
    background-color: #ffffff;
    padding-left: 5px;
    width: 230px;
    margin-right: 2px;
    padding: 5px;
    font-size: 13px;
 }

.header-search input[type="image"] {
    width: 24px;
    vertical-align: middle;
    position: absolute;
    background-color: transparent;
    padding: 0;
    margin: 0;
    top: 3px;
    right: 5px;
    border: none;
}
header .button{
	padding: 10px;
}

@media screen and (max-width:767px) {
	.header-right{
		display: none;
	}
}


#headlink.container div{
	position: relative;
}

#headlink.container div p{
	position: absolute;
	right: 0;
	top: -26px;
}

/*================================================
 *  ロゴ
 ================================================*/
.logo img{
	display: block;
	width: 60%;
	height: auto;
}
.logo h1{
    margin: 0 0 0 0;
    display: block;
    width: 100%;
}

.logo{
    width: 256px;
    max-width: 35%;
    float: left;
    padding:0 0 10px 0;
}

#logined .logo,
#logout .logo{
	/*width: 180px;*/
}
@media screen and (max-width:1430px) {
	#logined .logo{
		width: 154px!important;
	}
	#logined .logo img {
		width: 100%;
	}
}
@media screen and (max-width:979px) {
	body.portrait.ipad .logo{
		max-width: 22%;
	}
	body.portrait.ipad #google_translate_element{
		margin-bottom: 0;
	}
	body.portrait.ipad nav.nav ul li a{
		line-height: 1;
		padding: 5px 5px;
	}

}






/*================================================
 *  グローバルナビゲーション
 ================================================*/

nav.nav ul {
	margin:0 0 0 0;
	padding: 0 0 0 0;
	display: flex;
}

nav.nav ul li{

	list-style: none;
}

nav.nav ul li a{
	display: block;
	text-decoration: none;
	padding: 5px 20px 30px 20px;
	position: relative;
	z-index: 1;

	cursor: pointer;
}

nav.nav ul li:last-child a{
	padding: 5px 0 30px 20px;
}

nav.nav{
	padding-top: 15px;
}
nav.visible-nav ul{
	display: block;
}


nav.nav ul li a:hover,
nav.nav ul li a.nav-info:hover,
nav.nav ul li a.nav-seminar:hover,
nav.nav ul li a.nav-live:hover{
	background-color: #000;
	color: #fff;
}

#nav-info-body,
#nav-seminar-body,
#nav-live-body{
	display: none;
	position: absolute;
	color: #fff;
	background-color:  #000;
	width: 100vw;
	left: 0;
	padding: 10px;
	z-index: 100;
	transition: background-color 0.3s ease;
	z-index: 0;
	top: 80px;
}


#nav-genre-body nav.visible-nav ul.visible-navigation{

    position: relative;
}

#nav-info-body .header-right{

}
#nav-seminar-body .header-right{

}
#nav-live-body .header-right{

}


#jp #nav-info-body .header-right{
    right: 25px;
    position: relative;
    width: 770px;
}
#jp #nav-seminar-body .header-right {
	right: 25px;
	position: relative;
	width: 510px;
}
#jp #nav-live-body .header-right {
    right: 25px;
    position: relative;
    width: 413px;
}


#en #nav-info-body .header-right{
right: 25px;
    position: relative;
    width: 747px;
}
#en #nav-seminar-body .header-right {
    right: 25px;
    position: relative;
    width: 472px;
}
#en #nav-live-body .header-right {
    right: 25px;
    position: relative;
    width: 369px;
}



.nav-info:hover > #nav-info-body{
	display: block;
	z-index: 100;
}
.nav-seminar:hover > #nav-seminar-body{
	display: block;
	z-index: 101;
}
.nav-live:hover > #nav-live-body{
	display: block;
	z-index: 102;
}

.visible-nav{
	float: left;
	width: auto;
	position: relative;
}
.header-map{
    float: left;
    margin-right: 15px;
    max-width: 300px;
}


.page-nav{
	clear: both;
}

.page-nav ul{
	vertical-align: middle;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.page-nav ul li a{
	padding: 0 10px;
	display: block;
}
@media screen and (max-width:1430px) {

	.page-nav ul li a{
		font-size: 12px;
	}
}
@media screen and (max-width:1250px) {

	.page-nav ul li a{
		font-size: 11px;
	}
}
@media screen and (max-width:1180px) {

	.page-nav ul li a{
		font-size: 10px;
	}
}

.page-nav ul li:last-child a {
	padding: 0 0 0 10px;
}

nav.nav ul li a.visible-list{
    position: relative;
    pointer-events: none;
    color: #fff;
    opacity: 0;
    height: 0;
    z-index: -1;
    margin-top: -9px;
        padding: 5px 20px;
}

.page-nav ul li a:hover{
	font-weight: bold;
	color: #000;
}
nav.nav ul.visible-navigation li{
    display: flex;
    align-items: flex-start;
}

nav.nav ul.visible-navigation{

}
nav.nav ul.visible-navigation li a{
	display: block;
	color: #fff;
	pointer-events: auto;
    z-index: 1000;
   padding: 5px 5px;
}

nav.nav ul.visible-navigation li a:hover{
	text-decoration: underline;
	color: #fff;
	font-weight: normal;
}


@media screen and (min-width:981px) and ( max-width:1188px) {

	nav.nav ul li a{
		padding: 5px 10px;
	}

	#jp #nav-info-body .header-right {
	    right: 525px;
	    position: relative;
	}

	#jp #nav-seminar-body .header-right {
		position: relative;
	    right: 362px;
	}

	#jp #nav-live-body .header-right {
	    position: relative;
	    right: 256px;
	}

	#en #nav-info-body .header-right {
	    right: 54px;
	    position: relative;
	}
	#en #nav-seminar-body .header-right {
	    position: relative;
	    right: 300px;
	}
	#en #nav-live-body .header-right {
	    position: relative;
	    right: 214px;
	}


}


/*================================================
 *  トピックパス（パンくずリスト）
 ================================================*/
.breadcrumbs{
	word-break: break-word;
	margin:24px 0;
	max-width: 50%;
}
.breadcrumbs p{
	font-size: 12px;
	margin:0 0 0 0;
}
@media screen and (max-width:980px) {

	.breadcrumbs{
		max-width: 100%;
	}
}
/*================================================
 *  SNS
 ================================================*/
.sns-wrapper {

    position: absolute;
    right: 0;
    top: -7px;
    padding-right: 30px;
    z-index: 1;
}

@media screen and (max-width:767px) {
	.sns-wrapper {
	    text-align: right;
	    position: static;
	    margin-bottom: 20px;
	}
}


/*================================================
 *  count
 ================================================*/
.count{
	clear: both;
}

.count p{
    font-size: 18px;
    line-height: 120%;
    font-weight: bold;
}
@media screen and (max-width:979px) {
	.count{
		padding: 12px 0;
	}
}


/*================================================
 *  フッター
 ================================================*/
footer {
	clear:both;
	background:#000;
}


footer #google{
	text-align: center;
	padding: 15px;
}
.copyright {
	clear:both;
	padding: 15px 0;
	font-size:13px;
	text-align:right;
	color:#fff;
	max-width: 980px;
    margin: 0 auto;

}
.copyright a {
	color: #ffffff;
	text-decoration: none;
	line-height: 200%;
}
.copyright a:hover {
	/*color: #000;*/

	text-decoration: underline;
}
@media screen and (max-width:979px) {
	.copyright{
		font-size:13px;
		padding: 10px;
		text-align:center;
	}
}

/*================================================
 *  クラス
 ================================================*/
.first-child{
	clear:both;
}
.last-child{
	margin-right: 0!important;
	border-right: none!important;
}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

.img-responsive{
	display: block;
	width: 100%;
	height: auto;
}
.pc{display: block!important;}
.sp{display: none!important;}

.visible-pc{visibility:visible;}
.visible-sp{visibility:hidden;display: none;}
@media screen and (max-width:979px) {
	body{
	    margin: 0;
	    overflow-x: hidden;
	    -webkit-text-size-adjust: none;
	    -ms-text-size-adjust: none;
	    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	.pc{display: none!important;}
	.sp{display: block!important;}
	.visible-pc{visibility:hidden;display: none;}
	.visible-sp{visibility:visible}

	body.portrait.ipad .pc{display: block!important;}
	body.portrait.ipad .sp{display: none!important;}
	body.portrait.ipad .table-contact .sp{display: block!important;}
}
@media screen and (max-width:1024px) {
	body.ipad .table-contact .sp{display: block!important;}

}



/*================================================
 *  タイトル
 ================================================*/
.title-wrapper{
	position: relative;
	margin-bottom: 12px;
}

.title-wrapper-bg{
	color: #fff;
	background-color: #000;
}


.title-wrapper h2,
.title-wrapper h3,
.title-wrapper h4,
.title-wrapper h5,
.title-wrapper h6{
	margin:0 0 0 0;
}
.title-wrapper.title-wrapper-bg h3,
.title-wrapper.title-wrapper-bg h4,
.title-wrapper.title-wrapper-bg h5{
	color: #fff;
	padding:5px;
	margin:0 0 0 0;
}
.search-wrapper{

}
.search-wrapper select{
    margin: 0 6px 0 0;
    padding: 6px 5px;
}
.search-wrapper input[type="submit"]{
    cursor: pointer;
    width: 90px;
    padding: 8px ;
    float: right;
    font-weight: normal;
}
.list-btn{
	position: absolute;
	right: 5px;
	top: 5px;
}


@media screen and (max-width:979px) {
	.title-wrapper h2,
	.title-wrapper h3,
	.title-wrapper h4,
	.title-wrapper h5,
	.title-wrapper h6{
		text-align: left;
	}

	.search-wrapper{
		padding: 0 0 12px 0;
	}
	.search-wrapper select{margin: 0 0 0 0;}
}
/*================================================
 *  NEWS
 ================================================*/
.news-item {
    border-bottom: solid 1px #eeeeee;
    padding: 15px 0;
    margin: 0 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.latest-news .news-item:last-child {
    border-bottom: none;
}

.news-thum{
    padding-right: 30px;
    width: 30%;
    min-width: 200px;
    max-width: 200px;

}

.news-thum img{
	width: 100%;
	display: block;
}
.news-thum img {
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
    max-width: 100%;
    max-height: 100%;
    width: auto;
}
.news-thum img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    filter: brightness(1.2);
}

.news-text{


}

.news-list-btn{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 85px;
}

.news-list-btn a{
	line-height:0.85;
}

#features .title-wrapper h4{
	border-bottom: 1px solid #d90b18;
}
#features h5{
	font-size: 18px;
	font-weight: bold;
	padding: 0 0 0 0;
	margin:0 0 10px 0;
}


#features.flexbox .news-thum {
    padding-right: 30px;
    width: 30%;
    min-width: 330px;
    max-width: 330px;
}

#features.flexbox .news-thum img {
    -moz-transition: -moz-transform 0s linear;
    -webkit-transition: -webkit-transform 0s linear;
    -o-transition: -o-transform 0s linear;
    -ms-transition: -ms-transform 0s linear;
    transition: transform 0s linear;
    max-width: 100%;
    max-height: 100%;
    width: auto;
}
#features.flexbox .news-thum img:hover {
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
    filter: brightness(1.0);
}


@media screen and (max-width:979px) {
	.news-thum{
	    padding-right: 15px;
	    width: 30%;
	    min-width: 140px;
	    max-width: 200px;
	}

	.news-thum img{
		width: 100%;
		display: block;
	}

	.news-text p{
	    padding: 0 0 0 0;
	    margin: 0 0 0 0;
	    font-size: 14px;
	    line-height: 1.4;
	}

	.news-text span{
		font-size: 16px;
	}

	#features .news-item {

	    display: block;
	    -webkit-flex-wrap: nowrap;
	    -moz-flex-wrap: wrap;
	    flex-wrap: wrap;
	}

	#features .news-item .news-thum{
		margin-bottom: 10px;
	}


	#features .title-wrapper h5{
		text-align: center;
	}
	#features .news-thum{
	    padding-right: 0px;
	    width: 100%;
	    min-width: 120px;
	    max-width: 100%;
	}
	#features .news-text{
		float:none;
	}
	#features h5{
		text-align: center;
	}
	#features.flexbox .news-thum {
	    padding-right: 0px;
	    width: 100%;
	    min-width: 100%;
	    max-width: 100%;
	}
}



/*================================================
 *  サイドバー
 ================================================*/
#sub .banners ul li{
	margin-bottom: 10px;
}

#sub .banners img{
	max-width: 100%;
}

#sub .program-wrapper h3{
	text-decoration: center;
	background-color: #000;
	margin-bottom: 10px;
}

#sub .program-wrapper .program{
	float: none;
	height: auto;
    width:100%;
    margin:20px 0px 20px 0;
}
#sub .program-wrapper .program .program-thum{
	position: relative;
    overflow: hidden;
    width: 100%;
    min-height: auto;
    height: auto;
    text-align: center;
}

/*
@media screen and (max-width:767px) {
	#sub .banners ul li{
		float: left;
		width: 49%;
	}
	#sub .banners ul li:nth-child(2n){
		margin-left:2%;
	}
	#sub .banners ul li:last-child{
		float: right;
		margin-left:0;
	}
}*/

/*================================================
 *  サイドバー
 ================================================*/
.tab li {
	background-color: #888;
	color: #fff;
	font-weight: bold;
}
.tab li.selected {
	background-color: #000;
	color: #fff;
}

.tab-block {
	padding: 0;
}
.tab-block li {
	float: left;
	width: 50%;
	padding: 5px 0 5px 2%;
	list-style: none;
	cursor: pointer;
	background-color: #bfbfbf;
}
.tab-block li.selected {
	display: block;
	background-color: #000;
	color: #fff;
}
.tab-content.sp.none {
	display: none!important;
}

/*================================================
 *  button
 ================================================*/
.button-wrapper {
    clear: both;
    position: relative;
    max-width: 225px;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 0;
    text-align: center;
}

.button {
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #000;

  text-decoration: none;
}
.button:hover {
  background-color:#d90b18;
  color:#fff;
  text-decoration: none;
}


.button-red {
  color: #fff;
  background-color:red;
  border: 1px solid red!important;

}
.button-red:hover {
  background-color:  #262626;
  border:1px solid #262626!important;
  color:#fff;
  text-decoration: none;
}





.button-color {
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #000;
  border: 1px solid #000 !important;
  text-decoration: none;
}
.button-color:hover {
  border: 1px solid #000!important;
  background-color: #000;
  color: #fff;
  text-decoration: none;
}

.button-wrapper .button,
.button-wrapper .button-color{
	padding: 12px 40px;
}

.button-wrapper ul li{
	display: inline-block;
    margin: 0 5px;
}

.button-2column{
	max-width: 400px;
}

.linknone .button{
	cursor: none;
	pointer-events: none;
}
.linknone .button:hover{
	background-color: #000;
}

@media screen and (max-width:979px) {
	.button-wrapper ul li{
		display: block;
		max-width: 60%;
		margin:0 auto 24px auto;
	}
	.button,
	.button-color{
		padding: 12px;
		font-size: 14px;
		font-weight: normal;
	}
	.button:hover,
	.button-color:hover{
		text-decoration: none;

	}
}
/*================================================
 *  モーダル
 ================================================*/
.mfp-wrap {
    z-index: 10000;
}


#login h3{
    font-family: 'Noto Sans JP','Roboto',sans-serif;
    font-weight: normal;
    text-align: center;
    line-height: 1.2;
    font-size: 14px;
}

#login .login-wrapper{
	padding: 20px 20px 10px 20px;
}
#login .login-block{
	margin-bottom:12px;
}

#login .login-block input{
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 5px;
}

#login .modal-form{
	padding: 0 12px;
}

#login .login-bottm-block{
	text-align: center;
    border-top: solid 1px #7f7f7f;
    padding-top: 10px;
}

#login .login-bottm-block p{

}

#login .button-wrapper{
	max-width: 150px;
}
/*
.mfp-content{
	margin-top: 40px!important;
	background-color: #fff;
	width: 100%;
	max-width: 500px;
	padding: 0px;
    width: 500px;
    border: solid 1px #7f7f7f;
}

.mfp-bg{
	background:transparent;
}
.mfp-wrap,
.index .mfp-wrap.login-form,
.pages .mfp-wrap.login-form{
	background: rgba(255,255,255,0.9)
}
.index .mfp-wrap,
.pages .mfp-wrap{
	background: rgba(0,0,0,0.9);
}

.index .mfp-content{
	background-color: #000;
	width: 100%;
	max-width: 960px;
	padding: 20px;
	margin-top: 0!important;
	border: none;
}

.pages .mfp-content{
	background-color: transparent;
	border:none;
	width: 100%;
	max-width: 960px;
	padding: 20px;
	margin-top: 0!important;
	border: none;
}
.index .login-form .mfp-content,
.pages .login-form .mfp-content{
	margin-top: 40px!important;
	background-color: #fff;
	width: 100%;
	max-width: 500px;
	padding: 0px;
    width: 500px;
    border: solid 1px #7f7f7f;
}

.pages .mfp-content .mfp-iframe-scaler iframe{
	box-shadow:none;
    background: transparent;
}


.close-button p a {
    color: #9e9e9e;
    outline: none;
}

.mfp-close {
    width: 24px;
    height: 24px;
    padding: 5px;
    background-color: #191919;
    border-radius: 34px;
    -webkit-border-radius: 34px;
    -moz-border-radius: 34px;
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: center;
    font-size: 24px;
}
*/
#iframe-content h1{
    color: #ffffff;
    font-size: 28px;
    margin-bottom: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.iframe-left{
    float: left;
    position: relative;
    width: 690px;
}

.iframe-right{
    float: right;
    width: 200px;
}

.iframe-thum{
	margin-bottom: 80px;
}
.iframe-thum img{
	display: block;
	width: 100%;
	height: auto;
}

.iframe-info a{
	font-size: 15px;
	font-weight: bold;
}

.description{
	clear: both;
	padding-top: 20px;
	padding-bottom: 0px;
}

.description p{
	color: #fff;
	margin:0 0 0 0;
}


.video{
    position:relative;
    width:100%;
    height:0;
    padding-top:56.5%;
}
.video iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.dialog-sns {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #191919;
	padding: 5 10px;
	text-align: center;
	padding: 15px 10px 0 10px;
}
.icon-sns {
	padding-bottom: 15px;
	margin-bottom: 0;
}
.dialog-sns a {
	color: #9e9e9e;
	outline: none;
}
.dialog-sns a:hover {
	color: #eeeeee;
}
.dialog-sns i{
	font-size: 32px;
}
#popup-nav .mfp-close{
    font-size: 24px;
}
#popup-nav .mfp-close {
	color: #9e9e9e;
	outline: none;
}
#popup-nav .mfp-close:hover {
	color: #eeeeee;
	outline: none;
}

.iframe-description{
	clear: both
}

@media screen and (max-width:979px) {
	.mfp-content{
		width: 100%;
	    width:100%;
	    max-width: 500px;
	}

	.index .mfp-bg,
	.pages .mfp-bg{

	}

	.index .mfp-content,
	.pages .mfp-content{
		background-color:transparent;
		width: 100%;
		max-width: 960px;
		padding: 10px;
		margin-top: 0!important;
		border: none;
	}

	#login .login-wrapper{
		padding: 20px 20px 10px 20px;
	}
	#login .login-block{
		margin-bottom:12px;
	}

	#login .login-block input{
	    display: block;
	    width: 100%;
	    font-size: 16px;
	    padding: 5px;
	}

	#login .modal-form{
		padding: 0 12px;
	}

	#login .login-bottm-block{
		text-align: center;
	    border-top: solid 1px #7f7f7f;
	    padding-top: 10px;
	}

	.iframe-left{
	    float: none;
	    position: relative;
	    width: 100%;
	}

	.iframe-right{
	    float: none;
	    width: 100%;
	}
	.iframe-thum{
		display: none;
	}
	.iframe-info{
		max-width: 80%;
		margin: 0 auto;
	}
	.description{
		padding-top: 0;
		padding-bottom: 20px;
	}

	#iframe-content h1{
	    color: #ffffff;
	    font-size: 1.17em;
	}
	.dialog-sns{
		display: none;
	}
}
/*================================================
 *  pagetop
 ================================================*/
#page-top{
    position: fixed;
    z-index: 1000;
    bottom: 25px;
    right: 50px;
    font-size: 30px;
}
#page-top a {
	width: 60px;
	height: 60px;
	background: #fff;
	text-decoration: none;
	color: #dc143c;
	padding: 10px;
	text-align: center;
	display: block;
	border-radius: 50%;
}
#page-top a:hover{
	text-decoration: none;
}
#page-top a i {
    margin-top: 3px;
    display: block;
}

.popup-modal iframe {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

@media screen and (max-width:979px) {
	#page-top{
	    bottom: 15px;
	    right: 20px;
	    font-size: 30px;
	}
}
/*================================================
 *  tags
 ================================================*/
.tag,
.tags {
	padding-bottom: 10px;
}
.tag,
.tags ul{
	padding: 0 0 0 0;
	margin:0 0 0 0;
	margin-bottom: 10px;
}

.tags ul li {
	list-style: none;
    display: inline-block;
    color: #ffffff;
    padding: 4px 10px;
    background-color: #000;
    margin-bottom: 4px;
    font-size: 11px;
    line-height: 11px;
    margin-left: 10px;
}

.tag ul li {
	list-style: none;
    display: inline-block;
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 16px;
}
.tag ul li a.button,
.tag ul li a.button-color{
	font-size: 11px;
	font-weight: normal;
	padding: 4px 8px;
	width: auto;
}

.tag ul li a.button:hover,
.tag ul li a.button-color:hover{
	text-decoration: none;
}
.tags-color{
	margin-bottom: 12px;
}
.tag-keyword ul li{
	font-size: 18px;
	font-weight: bold;
	margin-right: 15px;
}

.tags ul li:first-child{
	margin-left: 0;
}
@media screen and (max-width:979px) {
	.tags {
		padding-bottom: 0px;
	}
}

/*================================================
 *  一覧ページ
 ================================================*/
#program-list{}

.list{}
.list .icon-google{
	margin: 5px 0px 5px 0px;
}

.program{
	float: left;
    width: 230px;
    margin:15px 20px 15px 0;
    position: relative;
}
.program-thum{
	position: relative;
    overflow: hidden;
    width: 200px;
    /* height: 127px; */
    text-align: center;
    cursor: pointer;
}

.program-link a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
    z-index: 12;

}

.program-thum img {
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
    width: 100%;
    max-width: 230px;
}
.program-thum:hover > img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.program-thum-new {
    max-width: 50px !important;
    z-index: 10000;
    position: absolute;
    left: 0px;
}

.program-title{}
.program-title{
	clear: both;
    color: #fff;
    background-color: rgba(0, 0, 0, 1);
    padding: 5px;
}

.program-title p{
	margin:0 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.program-title p em{
	display: block;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

.loader-block {
    text-align: center;
    padding: 40px 0 15px 0;
    clear: both;
    width: 100%;
}

@media screen and (max-width:979px) {
	.program{
	    width: 48%;
	    margin:15px 2% 15px 0;
	}
	.program-thum{
		position: relative;
	    overflow: hidden;
	    width: 100%;
	    height: auto;
	    text-align: center;
	}
	.program-thum img {

	    max-width: 100%;
	}

}

@media screen and (max-width:767px) {
	.program{
	    width: 100%;
	    height: auto;
	    margin:0 0% 20px 0;
	}
	.program-title{
		padding: 10px;
	}

}
/*================================================
 *  詳細ページ
 ================================================*/
#detail{}


 .detail{
 	position: relative;
 }
 .detail .breadcrumbs{
    margin: 0 0 24px 0;
 }
 .detail .sns-wrapper{
 	padding-top: 0;
 	top: 45px;
 }



.icon-facebook,
.icon-twitter,
.icon-google,
.icon-favarite,
.icon-print,
.icon-reddit,
.icon-pocket,
.icon-mail,
.icon-line,
.icon-linked-in{
	 margin: 5px 20px 5px 0px; padding: 0px; float: left;
}

.icon-facebook{
	margin: 3px 20px 0px 0px;
}

.icon-print{
	margin: 5px 0px 5px 0px;
}


.program-detail{
	position: relative;
}
.detail-contact{
	position: absolute;
    top: 35px;
    right: 0;
    width: 150px;
    height: 50px;
}

.detail-contact img{
	display: block;
}



.slide-inner {
	display: table-cell;
	vertical-align: middle;
	width: 750px;
}
/*
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
*/
}
/*
.bx-wrapper .slide{
	display: table;
}
.bx-wrapper .slide-inner img {
	margin: 0 auto;
}

.tv_program_image {
    margin-bottom: 0px;
    text-align: center;
    overflow: hidden;
}
.tv_program_image a{
	position: relative;
	display: block;
}

.play-button{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto auto;
    z-index: 1;
}

.play-button img{
	max-width:60px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -30px;
}

.tv_program_image .play-button img{
    position: static;
    max-width: 100%;
    max-height: 100%;
    display: block;
    width: auto!important;
}



.program-copy{
	text-align: center;
}

.program-copy p{
	padding: 10px;
}

.detail-block{
	margin-bottom: 12px;
	line-height: 1.4;
}

.detail-block h3{
	background-color: #000;
	padding: 5px;
	font-size: 14px;
	margin-bottom: 5px;
}

.detail-block p strong span{
	font-weight: bold;
}
*/
#detail .mfp-content{
	width: auto;
	background-color: transparent;
	width: 100%;
}
/*
#detail #iframe-content h1,
#detail .iframe-right,
#detail .iframe-description,
#detail .iframe-info,
#detail .dialog-sns{
	display: none;
}*/
/*
.bx-pager{
		display: none;
}

.movie-slider .bx-pager{
		display: none;
}

.no-slider-wrapper{
	margin-bottom: 40px;
}

.bxslider-wrapper{
	margin-bottom: 40px;
}*/

/*
.bxslider-wrapper.movie-slider{
	padding-bottom: 0;
}

.bxslider-wrapper.movie-slider .bx-wrapper{
	    padding-bottom: 0;
    margin-bottom: 0px;
}
.movie-slider .bx-wrapper .bx-pager,
.movie-slider .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -35px;
    width: 100%;
}*/

.detail-content{
	padding-top: 0px;
	padding-bottom: 24px;
}


/*
@media screen and (max-width:979px) {
	.bxslider-wrapper.movie-slider{
    margin-top: -15px;
    padding-bottom: 30px;
	}

	.bx-wrapper .slide-inner{
		width: 100%;
	}
	.bx-wrapper .slide-inner img {
		width: 100%;
	}
	.movie-slider .bx-pager{
			display: block;
	}
	.detail-content{
		padding-top: 12px;
		padding-bottom: 24px;
	}
	.tv_program_image img{
		display: block;
		width:100%;
		height: auto;
	}
}
@media screen and (max-width:767px) {
	.sns-icon{
		margin-right: 10px;
	}
	.detail-contact{
		position: static!important;
		width:120px!important;
		margin-left: auto;
		margin-right: 0;
	}
	.detail-contact a.button-color{
		padding: 6px;
	}
	.program-detail .sns-wrapper {
	    margin-bottom: 20px;
	}

}*/


/*================================================
 *  rich text editor
 ================================================*/
.rich-text-editor{
	font-size: 14px;
}
.rich-text-editor h1,
.rich-text-editor h2,
.rich-text-editor h3,
.rich-text-editor h4,
.rich-text-editor h5,
.rich-text-editor h6,
.rich-text-editor p,
.rich-text-editor span,
.rich-text-editor strong,
.rich-text-editor em,
.rich-text-editor a{
	line-height: inherit;
    width: initial;
    height:initial;
    padding: initial;
    margin: initial;
    float: initial;
    background-color: initial;
    background: initial;
    border: initial;
    text-decoration: initial;
    outline: initial;
    vertical-align: initial;
    word-break: break-word;
    font-weight: normal;
}
.rich-text-editor strong{
	font-weight: bold;
}

.rich-text-editor ul li,
.rich-text-editor ol li{
  list-style-position: inside;
}

.rich-text-editor ul li{
	list-style-type: disc;
}

.rich-text-editor img{
    max-width: 100%;
    height: auto!important;
    max-height: 100%;
}

.rich-text-editor p {
  margin: 0 0 10px 0;
}

.rich-text-editor sup {
  vertical-align: super;
  font-size: smaller;
}
.rich-text-editor iframe{

	height: calc(100vw / 5);
}

@media screen and (max-width:979px) {
	.rich-text-editor iframe{
		width: 100%;
		height: calc(100vw / 1.9);
	}

}
/*================================================
 *  form
 ================================================*/
.table td:first-child{

}
.table td{
	width: 25%;
	word-break: break-all;
}
.table td input{
	padding: 3px;
	font-size: 14px;
}

.table td input.form-control{
	width: 60%;
}

.table td textarea.form-control{
	width: 80%;
	height: 60px;
	resize: vertical;
	border: solid 1px #c5c5c5;
}
.table td img{
	max-width: 120px;
	max-height: 120px;
}
.inline-table{
	border: none;
}

.inline-table td{
    border: none;
    width: 33%;
    padding: 10px 0;
}

.form-textarea {
    width: 80%;
    height: 60px;
}
.member-signin{
	text-align: center;
}

.icon-buyer {
	text-align: center;
	padding-bottom: 24px 0;
}
.icon-buyer img{
	max-width: 75px;
	max-height: 75px;
}

table.no-border,
table.no-border th,
table.no-border td{
	border:none;
}


#openInquiryInputFormDto_email,
#openInquiryInputFormDto_emailConfirm,
#openInquiryInputFormDto_company,
#openInquiryInputFormDto_section,
#openInquiryInputFormDto_phone{
	width: 100%;
	max-width: 350px;
}


.table-message th{
	text-align: center;
}



@media screen and (max-width:979px) {
	.table {border:none;}
	.table td{
		border: none;
		display: block;
		width: 100%;
		padding: 5px 0;
	}
	.table td span{
		font-weight: bold;
		padding-bottom: 5px;
	}
	.table td input{
	    padding: 5px;
	    border: solid 1px #7f7f7f;
	    /*
	    width: 100%!important;
	    display: block;*/
	}
	.table td input[type="file"]{
		border:none;
	}
	.table td input.form-control{
			width: 100%;
	}
	.table td textarea.form-control{
		width: 100%;
		height: 60px;
		resize: vertical;
		border: solid 1px #7f7f7f;
	}

	.table-message th:nth-child(3),
	.table-message td:nth-child(3){
		display: none;
	}
	.table-message th,
	.table-message td{
		white-space: nowrap;
		padding: 5px;
	}

}


/*================================================
 *  Advanced Search
 ================================================*/
.table-search td{
	width: auto;
}
.table-search td:first-child{
	width: 20%;
	text-align: center;
}



.table-search .inline-table td{
	text-align: left;
	width: 33%;
}

.inline-table.year-table{
	width: auto;
}
.inline-table.year-table td{
	text-align: left;
	width: auto;
	}
@media screen and (max-width:979px) {
	.table-search td:first-child{
		width: 100%;
		text-align: left;
		background-color: #000;
		color: #fff;
		padding: 5px;
		}

	.table-search .inline-table{
		margin-bottom: .5em;
	}
	.table-search .inline-table td:first-child{
	    background-color: transparent;
	    color: #000;
	    padding: 5px 0;
	}
	.table-search .inline-table td{
		text-align: left;
		width: 100%;
	}
	.table-search .inline-table td,
	.table-search .inline-table td:first-child{
		padding: 0 0 0 0;
	}
	.table-search .inline-table label{
		font-weight: bold;
	}
	.table-search input[type="text"]{
		width: 100%;
	    background-image: none;
	    padding: .4em;
	    line-height: 1.4;

	}

	.table-search tr td{

	}
	.input-wrapper .input-inner{
		display: block;
	    text-align: left;
	    cursor: pointer;
	    position: relative;
	    margin: .5em 0 0 0 ;
	    padding: 0 .5em;
		border: 1px solid #ccc;
	    background: #eee;
	    font-weight: bold;
	    color: #444;
	    text-shadow: 0 1px 1px #f6f6f6;
	    background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
	    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #fdfdfd), color-stop(1, #eeeeee));
	    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
	}
	.input-wrapper input{
		position: absolute;
	    top: 50%;
	    margin-top: -6px;
	}

	.input-wrapper label{
		padding: .6em 25px;
	    display: block;
	    height: 100%;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    white-space: nowrap;
	    position: relative;
	}
	.input-inner.checked{
	    border: 1px solid #155678;
	    background: #4596ce;
	    font-weight: bold;
	    color: #fff;
	    cursor: pointer;
	    text-shadow: 0 -1px 1px #145072;
	    text-decoration: none;
	    background-image: -moz-linear-gradient(top, #85bae4, #5393c5);
	    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #85bae4), color-stop(1, #5393c5));
	    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#85bae4', EndColorStr='#5393c5')";
	    outline: none;
	}
	.inline-table.year-table{
		width: 100%;
	}
	.select-wrapper .select-inner{
		text-align: center;
		display: block;
	    /*text-align: left;*/
	    cursor: pointer;
	    position: relative;
	    margin: .5em 0 0 0 ;
	    padding: 0 .5em;
		border: 1px solid #ccc;
	    background: #eee;
	    font-weight: bold;
	    color: #444;
	    text-shadow: 0 1px 1px #f6f6f6;
	    background-image: -moz-linear-gradient(top, #fefefe, #eeeeee);
	    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #fdfdfd), color-stop(1, #eeeeee));
	    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
	}
	.select-wrapper .select-inner select{
		-webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	    border:none;
	    background-color: transparent;

		background-size: 20px, 100%;

	    cursor: pointer;
	    -webkit-appearance: button;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
		padding: .6em 12px;
	    display: block;
	    height: 100%;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    white-space: nowrap;
	    position: relative;
	    text-align: center;
	    font-weight: bold;
	    font-size: 16px;
	    text-align:-webkit-center;
	}

	.select-wrapper .select-inner:after {
	    position: absolute;
	    top: 50%;
	    right: 10px;
	    display: block;
	    margin-top: -15px;
	    width: 24px;
	    height: 24px;
	    content: '\f13a';
	    font-family: FontAwesome;
	    color: #a2a2a2;
	    font-size: 20px;
	}

}

/*================================================
 *  番組コンタクト
 ================================================*/
.table-contact td{
	width: auto;
}
.table-contact td:first-child{
	width: 20%;
	text-align: center;
}



/*================================================
 *  タブレット向けデザイン
 ================================================*/
@media screen and (max-width:979px) {

	/* iOSでのデフォルトスタイルをリセット */
	input[type="submit"],
	input[type="button"] {
	  border-radius: 0;
	  -webkit-box-sizing: content-box;
	  -webkit-appearance: button;
	  appearance: button;
	  border: none;
	  box-sizing: border-box;
	  cursor: pointer;
	}
	input[type="submit"]::-webkit-search-decoration,
	input[type="button"]::-webkit-search-decoration {
	  display: none;
	}
	input[type="submit"]::focus,
	input[type="button"]::focus {
	  outline-offset: -2px;
	}

	.inner {
		width:100%;
	}

	#contents {
		display: block;
	    box-sizing: border-box;
	    width: 100%;
	    padding: 0 0;
	    margin:0 0 0 0;
	}

	.sp-container{
		padding: 0 10px;
	}


/*
	.lock {
	    overflow: hidden;
	}
*/
	footer {
		width:100%;
	}

	.header-right{
		display: none;
	}
	body.portrait.ipad .header-right{display: block!important;}

	body.ipad #nav-pref-body,
	body.ipad #nav-genre-body,
	body.ipad #nav-season-body{
		display: none!important;
	}
	nav ul {
		margin:0;
		padding:0;
		}

	nav .inner > ul {
	    z-index: 2;
	    overflow: auto;
	    position: absolute;
	    top: 44px;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 88%;
	    height: -webkit-calc(100% - 53px);
	    height: calc(100% - 53px);
	    min-height:80vh;
	}
	/*
	body.landscape nav .inner > ul {
		top:58px;
	}*/
	nav li {
		position:relative;
		width:100%;
		float:none;
		margin:0;
		text-align:left;
		list-style:none;
		border-bottom:1px solid #ffffff;
		background:#000;
	}

	nav li:first-child {
		border-top:0;
	}
	nav li:last-child {
		border-bottom:0;
	}

	nav li a {
		display:block;
		padding:10px;
		color:#fff;
		text-decoration:none;
		background:#000;
	}
	nav li a:hover {
		color:#fff;
		background:#000;
		text-decoration: none;
	}
	nav ul ul {
		display:none;
		position:relative;
	}
	nav li li a {
	    box-sizing: border-box;
	    width: 100%;
	    padding: 10px;
	    border-top: 1px solid #fff;
	    background-color: #999;
	    text-align: left;
	}
	nav li li a:hover{
		text-decoration: none;
	}

	nav li li li a {
		padding:10px 30px 10px 70px;
	}


	.subnav > a:after {
		display:block;
		content:"\f067";
		font-family: FontAwesome;
		position:absolute;
		top:20px;
		right:16px;
		width:10px;
		height:10px;
		margin-top:-10px;
	}
	.subnav.active > a:after {
		display:block;
		content:"\f068";
		font-family: FontAwesome;
		position:absolute;
		top:20px;
		right:16px;
		width:10px;
		height:10px;
		margin-top:-10px;
	}


	.subnav a{
		position: relative;
		color: #fff;
	}

	span.icon-subnav{
	    position: absolute;
	    right: 0;
	    top: 50%;
	}


	span.icon-subnav::before,
	span.icon-subnav::after {
	  content: '';
	  display: block;
	  width: 15px;
	  height: 2px;
	  border-radius: 5px;
	  background: #fff;
	  position: absolute;
	  right: 10px;
	  top: 50%;
	  transform: translateY(-50%);
	}

	.subnav a span.icon-subnav::after {
	  background: #fff;
	  transform: translateY(-50%) rotate(90deg);
	  transition: 0.2s;
	}
	.subnav a.active span.icon-subnav::after {
	  transform: rotate(0);
	  transition: 0.2s;
	}



	.gnav {
		display:none;
	}
	#spSearch{
		display:block;
	    z-index: 2;
	    position: absolute;
	    top: 5px;
	    right:55px;
	}

	#spSearch a{
		font-size: 24px;
	}
	#spMenu {
		display:block;
		z-index:2;
		position:absolute;
		top:0px;
		right:5px;
	}
	#spMenu:hover {
		cursor:pointer;
	}

	#navBtn {
		display: inline-block;
		position: relative;
		width: 40px;
		height: 40px;
		border-radius: 5%;
		top: 10px;
	}



	body.landscape.android #navBtn,
	body.landscape.iphone #navBtn{
		top: 8px;
	}



	#navBtnIcon {
		display:block;
		position:absolute;
		top:50%;
		left:35%;
		width:25px;
		height:2px;
		margin:-1px 0 0 -7px;
		background: #000;
		transition:.2s;
	}
	#navBtnIcon:before,
	#navBtnIcon:after {
		display:block;
		content:'';
		position:absolute;
		top:50%;
		left:0;
		width:25px;
		height:2px;
		background: #000;
		transition:0.3s;
	}
	#navBtnIcon:before {
		margin-top:-8px;
	}
	#navBtnIcon:after {
		margin-top:6px;
	}
	#navBtn .close {
		background:transparent;
	}
	#navBtn .close:before,
	#navBtn .close:after {
		margin-top:0;
	}
	#navBtn .close:before {
		transform:rotate(-45deg);
		-webkit-transform:rotate(-45deg);
	}
	#navBtn .close:after {
		transform:rotate(-135deg);
		-webkit-transform:rotate(-135deg);
	}
	#navSubBtn {
	    display: inline-block;
	    position: absolute;
	    width: 30px;
	    height: 30px;
	    border-radius: 5%;
	    right: 5px;
	    top: 5px;
	}
	#navSubBtnIcon {
		display:block;
		position:absolute;
		top:50%;
		left:35%;
		width:15px;
		height:2px;
		margin:-1px 0 0 -7px;
		background: #fff;
		transition:.2s;
	}
	#navSubBtnIcon:before,
	#navSubBtnIcon:after {
		display:block;
		content:'';
		position:absolute;
		top:50%;
		left:0;
		width:15px;
		height:2px;
		background: #fff;
		transition:0.3s;
	}
	#navSubBtn .plus {
		background:transparent;
	}
	#navSubBtn .plus:before,
	#navSubBtn .plus:after {
		margin-top:0;
	}
	#navSubBtn .plus:before {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	}
	#navSubBtn .plus:after {
		transform:rotate(90deg);
		-webkit-transform:rotate(-90deg);
	}
	#navSubBtn .minus {
		background:transparent;
	}
	#navSubBtn .minus:before,
	#navSubBtn .minus:after {
		margin-top:0;
	}
	#navSubBtn .minus:before {
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
	}
	#navSubBtn .minus:after {
		transform:rotate(0);
		-webkit-transform:rotate(0);
	}
	.gnav-sub-menu{
		background-color:#999 !important;
	}




/*

	.sp .gnav {
		position: absolute;
		width: 100%;
		z-index: 10;
		left: 0;
	}

	.sp .gnav-search {
		position: absolute;
		width: 100%;
		z-index: 10;
		display: none;
	}

	.sp .gnav-search .gnav-submenu{
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	.sp .gnav-search-form{
		background-color: #000;
    	padding: 10px;
    	border-top: 1px solid #fff;
    	position: relative;
	}
	.sp .gnav-search-form input{
		width: 100%;
	    padding:10px;
	    font-size: 14px;
	}*/
	#select-language{
	    position: absolute;
	    right: 55px;
	    top: 18px;
	}
	#select-language a{
		display: block;
	}
	#select-language img{

	}
	#header-photo{
	    position: absolute;
	    right: 82px;
	    top: 8px;
	}
	#header-photo img{
		max-width: 30px;
	}

	.icon-search{
	    position: absolute;
	    right: 51px;
	    top: 19px;
	}
	body.landscape.android .icon-search,
	body.landscape.iphone .icon-search{
		top: 18px;
	}
	.icon-search i{
		color: #000;
	    font-size: 18px;
	}
		/*
	.sp .gnav .gnav-wrapper{
		padding: 0;
		background-color: #000;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

	.sp .gnav p{
		font-size: 16px;
		color: #fff;
		font-weight: bold;
		text-align: center;
		margin-bottom: 10px;
	}
	.sp .gnav ul{
	}
	.sp .gnav ul li {
		width: 100%;
		display: block;
		border-bottom: none;
	}*/
	/*
	.sp .gnav ul li:last-child {
		float: right;
	}
	.sp .gnav ul li:last-child a{
		border-right: none;
	}
	.sp .gnav .gnav-submenu p{
		margin-bottom: 0;
		border-bottom: 1px solid #fff;
	}*/

	header {
		z-index:2;
		box-sizing:border-box;
		position:static;
		top:0;
		left:0;
		width:100%;
		padding:15px 10px;
	}

	#main {
	    box-sizing: border-box;
	    overflow: hidden;
	    position: relative;

		width :100%;
		max-width: 100%;
	    padding-left: 0px;
	}

	#sub {
	    float: none;
	    width: 100%;
	    margin-left: 0px;
	    margin-bottom: 48px;
	    padding-right: 0;
	}
	body.portrait.ipad #contents {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

	body.portrait.ipad #main {
	    box-sizing: border-box;
	    overflow: hidden;
	    position: relative;

		width :100%;
		max-width: 75%;
	    padding-left: 10px;
	}

	body.portrait.ipad #sub {
		box-sizing:border-box;
		overflow:hidden;
		width: 25%;
	    min-width: 280px;
	    margin-left: 40px;
	    padding-right: 10px;
	}

	body.portrait.ipad .sp-container{
		padding: 0 0;
	}


    .gnav-sub-menu a{
	    background-color: #999;
	    border-top: 1px solid #fff!important;
	    border-left: none!important;
	    border-right: none!important;
	    border-bottom: none!important;
	    display: block!important;
    }
    .gnav-top-menu a{

	    border-top: 1px solid #fff!important;
	    border-left: none!important;
	    border-right: none!important;
	    border-bottom: none!important;
    }
    .gnav-top-menu a:hover,
    .gnav-sub-menu a:hover{
    	color: #fff!important;
    }

	.buyers-login {
		margin-bottom: 12px;
	}

	.program-list ul li,
	.buyers-login ul li{
		float: left;
		width: 48%;
		list-style-type: none;
	}
	.program-list ul li:nth-child(even),
	.buyers-login ul li:nth-child(even){
		float: right;
	}
	.program-list ul li{
		margin-bottom: 2%;
	}
	.program-list ul li:nth-child(7),
	.program-list ul li:nth-child(8){
		margin-bottom: 0;
	}
	.program-list ul{margin: 0 0 0 0;}
	.program-list ul li:last-child{
		width: 100%;
	}
}


/*================================================
 *  program search
 ================================================*/

#advanced_serach_button{
	display: block;
}
#advanced_serach_button:hover{
    background-color: transparent;
}
#advanced_serach_button img{
	display: block;
	width: 100%;
	max-width:20px;
	height: auto;
}
.search_box {
    position: fixed;
    z-index: 150;
    right: -120%;
    top: 0px;
    border: 1px solid #ccc;
    background-color: rgba(255,255,255,0.95);
    transition: 0.5s ease;
    max-width: 400px;
    height: calc(100% - 12px);
    overflow-y: scroll;
}
@media screen and (max-width:350px) {
	.search_box {
		right: -170%;
	}
}
/*
@media screen and (max-width:400px) {
	.search_box {
		display:none!important;
	}
}*/

.search_box.on{
    top: 50px;
    max-height: none;
    height: calc(100% - 50px);
}

.search_box .search_form{
    padding: 25px 0px;
}

.translated-ltr .search_box {
	top: 118px;
}

.search_box::-webkit-scrollbar{
    display: none;
}

.search_box.active{
    right: 0;
}

.search_close {
	font-size: 0;
    position: absolute;
    right: 10px;
    top:40px;
    cursor: pointer;
    width: 20px;
    height: 20px;

}

.search_close:after {
    display: block;
    width: 20px;
    content: " ";
    background-color: #fff;
    height: 2px;
    transform: rotate(45deg);
    position: relative;
    top: 8px;

}

.search_close:before {
    display: block;
    width: 20px;
    content: " ";
    background-color: #fff;
    height: 2px;
    transform: rotate(-45deg);
    position: relative;
    top: 10px;

}

.search_title {
    font-size: 21px;
    color: #fff;
    background-color: #000;
    margin-bottom: 35px;
    padding:10px 0;
    text-align: center;
}

.search_subtitle {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 18px;
    padding: 0 15px;
}

.search_form input[type="text"] {
    padding: 7px;
    border: 1px solid #ddd;
    background: #ffffff;
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 56%, #f1f1f1 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 56%,#f1f1f1 100%);
    background: radial-gradient(ellipse at center, #ffffff 56%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=1 );
    margin-bottom: 40px;
    width: 92%;
    box-sizing: border-box;
    margin-left:15px;
    margin-right:15px;
}

.search_form input::-webkit-input-placeholder{
	color: #ccc;
}

.search_check_area label {
    width: 50%;
    display: block;
    float: left;
    margin-bottom: 15px;
    font-size: 14px;
    position: relative;
}
.search_check_area > label:first-of-type {
    width: 100%;
}

.search_check_area label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background-color: #aaaaaa;
    position: relative;
    top:-1px;
    margin-right: 15px;
    transition: 0.1s ease;
}
.search_check_area label.width100{
	width: 100%;
}


.search_form select{
	width: 100%;
	padding: 5px;
}



@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .search_check_area label input+span { display: none; } /* IE11 */
  *::-ms-backdrop, .search_radio_area label input:checked + span { display: none; }
    /**::-ms-backdrop, .search_select_left::after { background-color: rgba(0,0,0,0) !important; }*/

  *::-ms-backdrop, .search_select_left::after {
    content: "";
    position: absolute;
    z-index: 0;
    right: 0px;
    height: 36px;
    width: 25px;
    background-color: #555;
    text-align: -webkit-center;
    padding-top: 9px;
    box-sizing: border-box;
    color: #000;
    font-size: 13px;
    left: ;
    text-align: center;
}

.search_select_left::after {
    content: "";
    position: absolute;
    z-index: 0;
    right: 0px;
    height: 36px;
    width: 25px;
    background-color: #555;
    text-align: -webkit-center;
    padding-top: 9px;
    box-sizing: border-box;
    color: #000;
    font-size: 13px;
    left: ;
    text-align: center;
}

::-ms-expand {
 display: none;
}



}


@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .search_close:after {
		top: 6px;
	}

	*::-ms-backdrop, .search_close:before {
		top: 7px;
	}
}


.search_check_area label input+span {
    font-size: 0;
}

.search_check_area label input+span:before {
    content: "";
    border-bottom: 3px solid rgba(255,255,255,0);
    border-right: 3px solid rgba(255,255,255,0);
    width: 3px;
    height: 10px;
    display: inline-block;
    position: absolute;
    left: 8px;
    z-index: 10;
    transition: 0.1s ease;
    transform: rotate(45deg);
    top: 3px;
}

.search_check_area label input:checked+span:before{
    border-bottom: 3px solid rgb(0, 0, 0);
    border-right: 3px solid rgb(0, 0, 0);
}

.search_check_area{
    margin-bottom: 40px;
}

.search_genre_btn {
    display: block;
    width: 95px;
    text-align: center;
    padding: 5px;
    border: 1px solid #000;
    color: #000;
    margin-left: auto;
    clear: both;
    font-size: 11.5px;
    transition: 0.3s ease;
    cursor: pointer;
}

.search_genre_btn:hover{
    background-color: #000;
    color:#fff;
}

.search_select {
    float: left;
    width: 45%;
}

.search_select_center {
    width: 10%;
    float: left;
    text-align: center;
        padding-top: 7px;
}

.search_select {
    width: 100%;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 7px;
    box-sizing: border-box;
    border:0;
    background-color: rgba(0,0,0,0);
    position: relative;
    z-index: 100;
    font-size:14px;
}

.search_select_left{
    float: left;
    width: 45%;
    margin-bottom: 40px;
    position: relative;
        border: 1px solid #ddd;
    background: #ffffff;
    background: -moz-radial-gradient(center, ellipse cover, #ffffff 56%, #f1f1f1 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #ffffff 56%,#f1f1f1 100%);
    background: radial-gradient(ellipse at center, #ffffff 56%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=1 );
    box-sizing: border-box;
        overflow: hidden;
}

.search_select:after {
    display: block;
    position: :absolute;
    content:"";
}

.search_radio_area {
/*    border-top: 1px solid #eee;
    padding-top: 20px;*/
    margin-bottom: 40px;
    padding: 0 15px;
}

.search_select_left:after {
    content: "\25BC";
    position: absolute;
    z-index: 0;
    right: 0;
    height: 36px;
    width: 25px;
    background-color: #555;
    text-align: center;
    padding-top: 9px;
    box-sizing: border-box;
    color: #fff;
    font-size: 13px;
}

_::-webkit-full-page-media, _:future, :root .search_select_left:after{
    padding-top: 9px;
  }

.search_radio_area label {
    width: 50%;
    float: left;
    display: inline-flex;
    position: relative;
}

#categoriesA.search_radio_area label {
    margin-bottom: 15px;
    font-size: 14px;
}

#categoriesA.search_radio_area > label:first-of-type {
    width: 100%;
}

.search_radio_area input {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	width: 20px;
	height: 20px;
	background-color: #aaa;
	border-radius: 100%;
	margin-right: 15px;
	position: relative;
	top: -2px;
}

.search_radio_area label span {
    font-size: 0;
    width: 10px;
    height: 10px;
    background-color: rgba(0,0,0,0);
    display: block;
    position: absolute;
    left: 8px;
    transition: 0.3s ease;
    top: 6px;
    border-radius: 100%;
}
@supports (-ms-ime-align: auto) {
	.search_radio_area label span {
		left: 9px;
	}
}
.search_select_box,
#categoriesA,
#categoriesB,
#categoriesC,
#categoriesD,
#categoriesE{
	padding: 0 15px;
}



_::-webkit-full-page-media, _:future, :root .search_radio_area label span  {
    left:7px !important;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .search_radio_area label span  {
    left:7px !important;
}
}

@media screen and (min-color-index:0)
   and(-webkit-min-device-pixel-ratio:0) { @media {
    .search_radio_area label span  {
    left:7px !important;
}
}}

/* Hack for Safari 6.1-7.0 */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-color-index:0) {
    .search_radio_area label span  {
        (; left: 7px !important ;)
    }
}

.search_radio_area label input:checked + span{
    background-color: #fff;
}

.search_form .submit_btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -ms-appearance: none;

    background-color: #000;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    transition: 0.3s ease;
    margin: 0 15px;
    width: 92%;
    display: block;
    border: none;
}

.search_form .submit_btn:hover{
    background-color: #000;
}

/*================================================
 *  タブ
 ================================================*/
.tab-area {
	clear: both;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    cursor: pointer;
    padding-top: 30px;

    margin-top: 30px;
}
.tab-area .tab p {
	font-size: 18px;
	font-weight: bold;
}
.tab-area .tab.active p{
	border-bottom: 1px solid #d90b18;

}
.content-area {
	width: 100%;
}
.content-area .content {
  display: none;
}
.content-area .content.show {
  display: block;
}

.content-area .exhibitor-content {
  display: inline-block;
  width: 49%;
}

.content-area .content:nth-child(2) {

}

.tab-right{
	padding-left:80px;
}

@media screen and (max-width:979px) {
	.content-area .exhibitor-content {
  		display: none;
	}
	.content-area .exhibitor-content.show {
  		display: block;
  		width: 100%;
	}
}

@media screen and (min-width:980px) {
	.content-area .content.show {
		display: inline-block;
  		width: 100%;
		float: left;
	}
	.content-area .content2 {
  		display: inline-block;
  		width: 100%;

    	margin-left: 30px;
    	padding-left: 30px;
	}
}

/*================================================
 *  並べ替え
 ================================================*/

.left-contents-wrapper{
	position: absolute;
	left: 0;
	top: 0;
}
.item-count-title{
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}

.c-radio {
  display: none;
}
.btn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	width: 60px;
	height: 24px;
	margin: 0 0 0 auto;
}
.btn__multi, .btn__single {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.btn__multi span, .btn__single span {
  display: block;
  background: #ccc;
  border-radius: 2px;
  transition: all 0.3s ease;
}
.btn__multi:hover span, .btn__multi:hover span:after, .btn__single:hover span, .btn__single:hover span:after {
  background: #aaa;
}
.btn__multi {
  position: relative;
}
.btn__multi span {
  display: block;
  width: 11px;
  height: 11px;
}
.btn__multi span:first-child {
  margin-bottom: 2px;
}
.btn__multi span:after {
  content: "";
  position: absolute;
  right: 0;
  width: 11px;
  height: 11px;
  background: #ccc;
  border-radius: 2px;
  transition: all 0.3s ease;
}
.btn__single span {
  wdith: 24px;
  height: 11px;
}
.btn__single span:first-child {
  margin-bottom: 2px;
}

.card {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin:0 auto;
	/*min-width: 980px;*/
 	-webkit-box-pack:start;
    -moz-box-pack:start;
    -webkit-flex-pack:start;
    -moz-flex-pack:start;
    -ms-flex-pack:start;
    -webkit-justify-content:flex-start;
    -moz-justify-content:flex-start;
    justify-content:flex-start;

}
.card__item {
    position: relative;

    height: 100%;
   width: calc(33.33%);
    margin: 0 0% 2% 0%;

}
/*
.card__item:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}*/
.card__item:nth-child(4n) {

}
/*
.card__item span {
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  font-size: 10px;
  color: #666;
  letter-spacing: 1px;
}*/

#single:checked ~ .card .card__item {
	width: 100%;
	margin: 0 0 0 0;
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
	height: auto;
}
#single:checked ~ .card .card__item span {
  top: 20px;
  left: 20px;
  font-size: 16px;
}
#single:checked ~ .card .card__item .status-badge, 
#single:checked ~ .card .card__item .status-badge span{
  top: unset;
  left: unset;
}

#multi:checked ~ .card{
	padding-top: 15px;
}
#multi:checked ~ .btn .btn__multi {
  cursor: default;
}
#multi:checked ~ .btn .btn__multi span {
  background: #3b4144;
}
#multi:checked ~ .btn .btn__multi span:after {
  background: #3b4144;
}

#multi:checked .card__item {
    position: relative;
    min-width: 310px;
    max-height: 100%;
    margin: 0 0 25px 25px;
    width: 25%;
}

#multi:checked ~ .card .card__item .program-thum{
    width: 100%;
    height: 240px;
    align-items: center;
    justify-content: center;
}


#multi:checked ~ .card .card__item .program-thum {

}
#multi:checked ~ .card .card__item .program-thum img{
	max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

#multi:checked ~ .card .card__item .program-thum .new-icon{
  display:none;
}
#multi:checked ~ .card .card__item .program-thum .contents-item-new-block{
  display:block;
}

#multi:checked ~ .card .card__item .arrow{
    display:none;
}

#single:checked ~ .btn .btn__single {
  cursor: default;
}
#single:checked ~ .btn .btn__single span {
  background: #3b4144;
}

.single-program-title{
	display: none;
}

.single-program-title span{
	display: block;
    font-size: 15px!important;
}
.single-program-title p{
	font-size: 16px;
	line-height: 1;
}

.image-single-program-title p{
    font-size: 13px;
    word-break: break-word;
}


#single:checked ~ .card .card__item .program-title{
	display: none;
}


#single:checked ~ .card .card__item .single-program-title{
    display: block;
    /* float: left; */
    /* margin-left: 30px; */
    position: relative;
    /* max-width: 650px; */
    z-index: 0;
}




#single:checked ~ .card .card__item .single-program-title a img{
	display: inline-block;
    position: relative;
    top: 6px;
    width: 40px;
    height: 26px;
}

.single-program-title ul{

}

.card__item .clearfix{
	display: flex;
}

#multi:checked ~ .card .card__item{
	height: auto;
}

#multi:checked ~ .card .card__item .clearfix{
	display: block;
}
body#salescompany #single:checked ~ .card .card__item .image-single-program-title{
	text-align: left;
    display: block;
    float: left;
    margin-left: 30px;
    position: relative;
    max-width: 650px;
    max-width: 420px;
}

body#salescompany #single:checked ~ .card .card__item .single-program-title{
	text-align: left;
    max-width: 485px;
}

body#salescompany .program-thum {
    position: relative;
    overflow: hidden;
    width: 230px;
    height: 150px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}

body#salescompany .tags ul{
	text-align:left;
}

body#salescompany .arrow{
  padding:0;
}

#single:checked ~ .card .card__item .program-thum{
    float: left;
}

#single:checked ~ .card .card__item .program-thum .new-icon{
  /*display:block;*/
    position: absolute;
    left: 0;
    top: 0;
}
#single:checked ~ .card .card__item .program-thum .contents-item-new-block{
  display:none;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #single:checked ~ .card .card__item .program-thum{display: -ms-flexbox;}/* IE11 */
  *::-ms-backdrop, #multi:checked ~ .card .card__item .program-thum{display: block;}/* IE11 */
}


.single-program-title h4{
    border-bottom: none;
    font-size: 19px;
    font-weight: bold;
    color: #000;
    line-height: 1.8;
    margin-bottom: 5px;
    margin-top: 0;
    font-family: 'Noto Sans JP','Roboto',sans-serif;
    word-break: break-word;

}

.image-single-program-title h4{
    border-bottom: none;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    line-height: 1.8;
}

.single-program-title .sub-subject{
	font-family: 'Noto Sans JP','Roboto',sans-serif;
    color: #ae9364;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
    word-break: break-word;
    padding-top: 0;

}
.single-program-title .sub-title{
	font-size: 14px;
	margin-bottom:15px;
	word-break: break-word;
}

.card__item.first_item{
	margin-left: 0;
}
/*

@media screen and (max-width:979px) {
	#multi:checked ~ .card .card__item .program{
	    width: 100%;
	    margin:0 0% 20px 0;
	}
	#single:checked ~ .card .card__item .single-program-title{
		width: 65%;
	}

}
@media screen and (max-width:767px) {
	#single:checked ~ .card .card__item .program {
	    width: 100%;
	    margin:0 0 0 0;
	}
	#single:checked ~ .card .card__item .program-thum{
		position: relative;
	    overflow: hidden;
	    width: 30%;
	    height: auto;
	    text-align: center;
	}
		#single:checked ~ .card .card__item .single-program-title{
	    display: block;
	    float: right;
	    width: 65%;
	    margin-left: 0px;
	}
	.card__item{
		width: 100%;
		margin: 0 0 0 0;
	}

}
*/
.program-thum{
    position: relative;
    overflow: hidden;
    width: 200px;
    /*height: 200px;*/
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /* align-items: center; */
    /* justify-content: center; */
    /* margin-right: 15px; */
    z-index: 1;
    margin-right: 15px;
}
/*
.program-link a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-999px;
    z-index: 12;

}*/

.program-thum img {
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
    max-width: 100%;
    max-height: 240px;
}
.program-thum:hover > img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    filter: brightness(1.2);
}

.program-thum a img {
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
    max-width: 100%;
    max-height: 100%;
    width: auto;
}
.program-thum:hover > a img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    filter: brightness(1.2);
}

.program-thum-new {
    max-width: 50px !important;
    z-index: 10000;
    position: absolute;
    left: 0px;
}

.program-title{}
.program-title{
    clear: both;
    color: unset;
    background-repeat: repeat-x;
    background-size: contain;
    padding: 5px;
    background-color: transparent;
    font-family: 'Noto Sans JP','Roboto',sans-serif;
    text-align: center;
    font-size: 12px;

}
.program-title h4{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.program-title em{
	font-family: 'Noto Sans JP','Roboto',sans-serif;
	font-style: normal;
}

.program-title p{
	margin:0 0 0 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.program-title p em{
	display: block;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}



/*
@media screen and (max-width:979px) {
	.program{
	    margin:15px 2% 15px 0;
	}
	.program-thum{
		position: relative;
	    overflow: hidden;
	    width: 100%;
	    height: auto;
	    text-align: center;
	}
	.program-thum img {
    max-width: 100%;
    max-height: initial;
    width: 100%;
	}

}

@media screen and (max-width:767px) {
	.program{
	    width: 100%;
	    margin:0 0% 20px 0;
	}
	.program-title{
		padding: 10px;
	}

}
*/
.card__item a{
    text-decoration: none;
    z-index: 10;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.card__item a:hover{
	text-decoration: underline;
}
/*
.card__item h4{
	position: relative;
	z-index: 100;
	cursor: pointer;
}
.card__item h4:hover{
	text-decoration: underline;
}*/
.list-name a,
.card__item h4 a{
	color: #000;
}
.list-name a:hover,
.card__item h4 a:hover{
	text-decoration: underline;
}

.list-name a.salescompany-title{
	color: #000;
	text-decoration: none;
}


.program-time{
	text-align: right;
}
.single-program-title.long-title h4{
	/*
	max-width: 70%;*/

}
.single-program-title.long-synopsis h4{

}

.single-program-title.long-synopsis  p{
	/*
	max-width: 70%;*/
}
.single-program-title .program-time p{
	max-width: 100%;
}
.single-program-title.long-synopsis .program-time{
    width: 28%;
    float: right;
    right: 0;
    top: 0;
    margin-top: -2px;
}



@media screen and (min-width:1400px) {
	.program-time{width: auto;}
}

@media screen and (max-width:1399px) {

}

@media screen and (max-width:1200px) {

}

@media screen and (max-width:768px) {
	.program-thum{
		width: 30%;
		min-height: 60px;
	}

	.card__item{
		width: 48%;

	}

	#multi:checked ~ .card .card__item {
		text-align: center;
	}
	.card__item.third_item{
		margin-left: 0;
	}

	#single:checked ~ .card .card__item .single-program-title{
	    display: block;
	    /* float: left; */
	    /* margin-left: 30px; */
	    position: relative;
	    /* max-width: 650px; */
	    z-index: 0;
	    float: right;
	    width: 65%;
	}

}




@media screen and (max-width:500px) {
	.card {
	    -webkit-justify-content: space-between;
	    -moz-justify-content: space-between;
	    justify-content: space-between;
	}
}

/*================================================
 *  cookie-info
 ================================================*/

.cookie-info
{
	display: none;
    background-color: #333;
    color: #fff;
    /*border-top: solid #fff 2px;*/
    -moz-opacity: .95;
    filter: alpha(opacity=95);
    opacity: .95;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 100;
}
.cookie-info .container {
    position: relative;
    width: 1040px;
    margin: 0 auto;
}

.cookie-info .container p {
    font-size: 13px;
    color: #fff;
    float: left;
    margin-right: 32px;
    margin-top: 7px;
}

.cookie-info a,
.cookie-info a:hover,
.cookie-info a:visited{
	color: #fff;
}
.cookie-info .container .cookie-info-accept .btn-accept {
    -webkit-transition: all .5s;
    transition: all .5s;
    cursor: pointer;
    opacity: 1;
    background: #fff;
    color: #000;
    font-size: 15px !important;
    text-align: center;
    border:none;
    padding: 6px;
    display: inline-block;
    width: 100px;
}
.cookie-info .container .cookie-info-accept .btn-accept:hover{
	color: #fff;
	background: #000;
}
.cookie-info .container .cookie-info-accept .btn-close {
    padding: 4px 15px;
    cursor: pointer;
    background-position: 0 center;
    background: url(/static/image/common/close.png) no-repeat 2px 2px;
    font-size: 12px;
    font-weight: normal;
    border: 0;
    margin: 0;
    text-indent: 12px;
    text-transform: none;
    text-decoration: underline;
    display: inline-block;
    width: 100%;
    clear: both;
    height: 20px;
    color: #fff;
    text-align: left;
}

@media screen and (max-width:979px) {
	.cookie-info{
		padding: 0 0 0 0;
	}
	.cookie-info .container {
	    position: relative;
	    width: 100%;
	    margin: 0 auto;
	}
	.cookie-info .container p{
		font-size: 12px;
	}
	.cookie-info .container p{
		margin-right: 0;
	}
}


/* モーダル iframe用 */

.iframe-interested .button.btn-interested {
    width: 100%!important;
    display: block!important;
    margin-bottom: 20px;
}

.iframe-container{
	width: 100%;
	padding: 0 15px;
}



.box-left,
.box-right{
	width: 50%;
}

.box-left{
	padding-right: 20px;
}
.box-right{
	padding-left: 20px;
}
.iframe-content{
	text-align: center;
}

.iframe-content .button{
	padding: 20px;
}

.mfp-bg{
	background-color: #000;
}
@media screen and (max-width: 979px){
	.iframe-content .flexbox {
	    display: flex;
	}
}
@media screen and (max-width:480px) {
	.box-left,
	.box-right{
		width: 100%;
	}

	.box-left{
		padding-right: 0px;
	}
	.box-right{
		padding-left: 0px;
	}
		.iframe-content .flexbox {
	    display: block;
	}
}

/*================================================
 *  一般・共通設定
 ================================================*/

html{
    overflow-y: scroll;
}
a {
		color: #000;
	text-decoration: none;
}

img{-webkit-backface-visibility: hidden;}

a:hover {
	color:#d90b18;
	text-decoration: underline;
}
a.active{
	font-weight: bold;
}
.bold{
	font-weight: bold;
}

.inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
}
#contents.index{
		display: block;

}

#main.index{
    float: none;
    width: 100%;
    padding-left:0;
    max-width: 100%;
}
#main {
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 75%;
    padding-left: 10px;
    position: relative;
}

#contents.sub-pages{

}

#contents.sub-pages #main{
    width: 100%;
    max-width: calc(100% - 330px);
    padding-left: 0px;
    padding-right: 0px;
    padding-left: 30px;
    overflow: initial;
}


#contents.sub-pages #page-navi{
	box-sizing:border-box;
	overflow:hidden;
	width: 300px;
    min-width: 300px;

    padding-left:30px;
    margin-bottom: 40px;
}

#contents.sub-pages #page-navi h3{
	margin: 0 0 20px 0;
	line-height: 1;
}


#contents.sub-pages.case-pages #main{
	max-width: calc(100% - 330px);
    padding-left: 0px;
    padding-right: 30px;
    overflow: initial;
}






#page-navi ul li a{
	display: block;
	padding: 0 0 10px 0;
	/*font-weight: bold;*/
}

#page-navi ul li a:hover{
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

#page-navi ul.en li:first-child{
	width: 100%;
	float: none;
}

#page-navi ul.en li {
	width: 25%;
	float: left;
}
.container{
	padding: 0 30px;
	width: 100%;
}
#page-navi ul li a.inactive{
	background: transparent!important;
}



@media screen and (max-width:979px) {
	.container{
		padding: 0 10px;
	}
	#main {
	    box-sizing: border-box;
	    overflow: hidden;
	    position: relative;

		width :100%;
		max-width: 100%;
	    padding-left: 0px;
	}

	#sub {
	    float: none;
	    width: 100%;
	    margin-left: 0px;
	    margin-bottom: 48px;
	    padding-right: 0;
	}
	body.portrait.ipad #main.index {
	    width: 100%;
	    max-width:100%;
	    padding-left: 0px;
	}
	#contents.sub-pages #main{
	    width: 100%;
	    max-width: 100%;
	    padding-right: 0px;
	    padding: 0 10px;
	}
	#contents.sub-pages #page-navi{
		width: 100%;
	    min-width: 300px;
	    margin-right: 0px;
	    padding-left: 0px;
	    margin-bottom: 20px;
	}
	#contents.sub-pages.case-pages #main{
		max-width: 100%;
	    padding-left: 0px;
	    padding-right: 0px;
	    overflow: initial;
	}

}

.program-list {
	margin-bottom: 40px;
}
.program-list ul li a.button{
	line-height: 60px;
	height: 60px;
	padding:0 0 0 0;
	font-weight: bold;
}
/*================================================
 * ヘッダー
 ================================================*/
header{
    padding: 10px 0 0 0;
}
header .inner{
	padding: 0 30px;
}

header#logined .inner{
	vertical-align: middle;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

header#logined .inner .logo{
	margin-right: auto;
}

header .logo-desc{
	float: left;
    padding-top: 16px;
    padding-left: 10px;
    font-size: 12px;
    font-weight: bold;
}

.header-right{
	float: right;
	max-width: 70%;
}

#google_translate_element{
	margin-bottom: 5px;
}

#breadcrumbs{
	padding: 0 30px;
	position: relative;
}

.header-right.header-login{
	max-width: 100%;
}

.header-right .page-nav{
	padding: 14px 0 28px 0;
}

.header-login ul{
	vertical-align: middle;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.header-photo{
	max-width: 60px;
	padding-left: 10px;
}

.header-photo img{
	width: 100%;
	height: auto;
	display: block;
}

@media screen and (max-width:1065px) {
	.header-right {
	    max-width: 76%;
	}
}
@media screen and (max-width:767px) {
	header {
		z-index:2;
		box-sizing:border-box;
		position:static;
		top:0;
		left:0;
		width:100%;
		padding:10px 10px 10px 10px;
		border-top: none;
	}
	header .inner{
		padding: 0 0 0 0;
	}
	header .logo{
		max-width: 40%;
		padding: 0 0 0 0;
	}
	#breadcrumbs{
		padding: 0 10px;
		position: relative;
	}

	header .logo-desc{
	    padding-top: 10px;
	}

}



/*================================================
 * ナビゲーション
 ================================================*/
body.ipad nav .inner > ul{
	display: none;
}

body.ipad nav.nav ul li {
    position: relative;
    width: auto;
    float: left;
    margin: 0;
    text-align: center;
    list-style: none;
    border-bottom: none;
    background: transparent;
    margin: 5px 0;

}
body.ipad nav li a{
    display: block;
    text-decoration: none;
    padding: 5px 20px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    color: #008ad0;
    background-color: transparent;
}

.header-search ul li.select-language a{
	border: 1px solid #000;
	background-color: #000;
	color: #fff;
	padding: 3px 18px;
	text-decoration: none;
}

.header-search ul li.select-language a:hover{
	border: 1px solid #d90b18;
	background-color: #d90b18;
	color: #fff;
	text-decoration: none;
}

nav.nav a{

}

nav.nav ul li a:hover{
	background-color: transparent;
	color: #000;
	font-weight: bold;
}
nav.nav #nav-info-body a:hover{
	font-weight: normal;
	color: #fff;
}

/*
nav.nav ul li:last-child a,
nav.nav ul li.nav-seminar a,
nav.nav ul li.nav-live a{
	cursor: none;
    pointer-events: none;
    color: #b0b0b0;
}
*/
nav.nav ul li.nav-live:hover > #nav-seminar-body,
nav.nav ul li.nav-live a:hover > #nav-seminar-body,
nav.nav ul li.nav-seminar:hover > #nav-seminar-body,
nav.nav ul li.nav-seminar a:hover > #nav-seminar-body{

}



.inactive{
    cursor: none !important;
    pointer-events: none !important;
    color: #b0b0b0!important;
    background: #d4d4d4!important;
}

/*================================================
 * フッター
 ================================================*/
.copyright{
	text-align: center;
}

.footer-sns ul{
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;

}

.footer-sns ul li{
  width: 40px;

}

.footer-sns ul li a{
	padding: 5px;
	display: block;
}
.footer-sns ul li img{
	display: block;
	width: 100%;
	height: auto;
}

.footer-logo{
	position: absolute;
    left: 0;
    bottom: 4px;
    padding-top: 5px;
    padding-left: 5px;
}

.footer-logo img{
	max-width: 280px;
}
@media screen and (max-width:767px) {

.footer-logo{
	position: absolute;
    left: 0;
    bottom: 3px;
    padding-top: 5px;
    padding-left: 5px;
}

.footer-logo img{
	max-width: 100px;
}

}
/*================================================
 *  スライダー
 ================================================*/
#slider{
    width: 100%;
    /* height: 610px; */
    margin:00px auto 30px auto;
    position: relative;
}
#slider .inner{
    width: 100%;
    padding: 0 0 0 0;
}
#slider .slider {
    width: 100%;
    width: 100%;
    overflow: hidden;
}
.slick-slide{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-initialized .slick-slide{
  display: block;
}

#slider h2{
	position: absolute;
    bottom: 4%;
    left: 2%;
    color: #fff;
    font-size: 38px;
    margin: 0 0 0 0;
}
#slider h2 span{
	display: block;
	font-size: 20px;
}
#slider .map{
	position: absolute;
	right: 2%;
	bottom: 5%;
	width: 30%;
	max-width: 250px;
}

#slider .map img,
#slider ul li img{
	width: 100%;
	height: auto;
	display: block;
}
.thumb-item {
	max-width: 100%;
	margin: 0 auto 5px;

}
.thumb-item-nav {
	max-width: 100%;
	margin: 0 auto;
}
.thumb-item-nav li{
	margin: 4.5px;
}

#slider .slick-prev, #slider .slick-next {
    top: 50%;
    margin-top: -50px;
}

#partners .slick-prev, #partners .slick-next,
#video-productions .slick-prev, #video-productions .slick-next {
    top: 50%;
    margin-top: -25px;
}
#slider .slick-prev{
	left: 25px;
}
#slider .slick-next {
	right: 25px;
}

#partners .arrow-img,
#video-productions .arrow-img{
	display:none;
}


#partners .slick-prev,
#partners .slick-next,
#video-productions .slick-prev,
#video-productions .slick-next{
	top: 50%;
	margin-top: -25px;
	margin-left: -15px;
	width:50px;
	height: 50px;
}
.slider-season .slick-prev,
.slider-season .slick-next{
	top: 50%;
	margin-top: -50px;
	width:50px;
	height: 50px;
}

#partners .slick-next,
#video-productions .slick-next{
	margin-right: -15px;
}

.slick-prev:before {
    font-family: "FontAwesome" !important;
    font-size: 40px !important;
    display: inline-block;
    content: '\f104';
    color:#000 !important;
}
.slick-next:before {
    font-family: "FontAwesome" !important;
    font-size: 40px !important;
    display: inline-block;
    content: '\f105';
    color:#000 !important;
}

#slider .slick-prev:before,
#slider .slick-next:before {
	display: none;
}
.slider-season,
#video-productions,
#partners{
	margin-bottom: 20px;
}
.slider-season h3,
#video-productions h3,
#partners h3{
	margin-bottom: 0px;
	font-size: 28px;
}
.slider-season{
	padding-right: 10px;
}
.slider-season .movie-item{
	margin: 0 0px 0 10px;
}

@media screen and (max-width:979px) {
	#slider{
		width: 100%;
		height: auto;
		margin:0 auto;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	#slider .inner{
		width: 100%;
		padding:0 0 0 0;
	}
	#slider .slider {
	    width: 100%;
	    overflow: hidden;
	    padding: 0 0 0 0;
	}
	#slider .slick-prev, #slider .slick-next {
	    top: 50%;
	    margin-top: -25px;
	}
	#slider .slick-prev:before,
	#slider .slick-next:before {
		display: inline-block;
	}

	#slider .slick-prev{
		left: 0px;
	}
	#slider .slick-next {
		right: 0px;
	}
	#partners .slick-prev, #partners .slick-next,
	#video-productions .slick-prev, #video-productions .slick-next {
	    margin-left: -15px;
	}
	#slider .map{
		max-width: 28%;
	}
	#partners .slick-prev{
	    margin-left: -40px;
	}
	#partners .slick-next{
	    margin-right: -40px;
	}
	#partners .slick-slide a img{
		padding: 5px;
	}
}
@media screen and (max-width:500px) {
	#slider .slick-prev {
    	left: 0px;
	}
	#slider .slick-next {
    	right: 0px;
	}
	#slider h2{
		font-size: 28px;
	}
}


/*================================================
 *  モーダル
 ================================================*/
.close-button p a {
    color: #9e9e9e;
    outline: none;
}

#iframe-content h1{
    color: #ffffff;
    font-size: 28px;
    margin-bottom: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: -12px;
}

.iframe-description p{
	color: #fff;
	margin:0 0 0 0;
}

@media screen and (max-width:979px) {

	#iframe-content h1{
	   font-size: 1.17em;
    	margin: 0 0 0 0;
	}

	.iframe-description {
		margin-bottom: 10px;
	}


	.sp .gnav a.button:hover,
	.sp .gnav a.button-color:hover{
		color: #fff;

	}

}


/*================================================
 *  タイトル
 ================================================*/
.title-wrapper{
	position: relative;
	margin-bottom: 10px;
}

#breadcrumbs .title-wrapper{

	margin-bottom: 10px;
}

.title-wrapper h3{
	line-height: 1.4;
	text-align: center;
	background-color: #008ad0;
	color: #fff;
	padding: 5px;
	margin:0 0 0 0;
}

.title-wrapper h4{
	line-height: 1.4;
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 0;
    color: #000;
}

.title-wrapper h5{
	line-height: 1.4;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 0;
    color: #000;
}
@media screen and (max-width:979px) {
	.title-wrapper h3{
		text-align: center;
	}
	#breadcrumbs .title-wrapper{
		position: relative;
	}
	.title-wrapper h4{
	    font-size: 26px;
	}
}
/*================================================
 *  NEWS
 ================================================*/
.news{
	padding-bottom: 20px;
}
.news-text span,
.news-text em{

	font-style: normal;
}
.news-text em{
	font-size: 18px;
    line-height: 1.4;
}
.news-text a{

    color: #000;
    text-decoration: none;
    font-size: 18px;
    line-height: 1.4;
}

.news-text a:hover{
	color: #d90b18;
	text-decoration: underline;
}


.news-detail{
	/*padding-top: 24px;*/
	padding-bottom: 120px;
}

.news-detail .rich-text-editor{
	font-size: 14px;
}

.news-date p{
	font-size: 13px;
}

.news-date.pc p{
	text-align: right;
	padding-bottom: 24px;
}

.news-title{

}
.news-title h2 {

	/*font-style: italic;*/
	color: #303030 ;
	padding:0px 0px 18px 0px;
	margin-top:0px;
}


@media screen and (max-width:979px) {

	.news{
		padding-bottom: 0px;
	}

	.news-text span,
	.news-text em{
		/*font-family: Helvetica, Arial, sans-serif;*/
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 1.4;
		display: block;
	}
	.news-text p{

	}

	.news-text p span{
		font-size: 13px;
	    margin-bottom: 5px;
	}
	.news-text a{
		display: block;
	}
	.news-text a:hover{
		color: #d90b18;
		text-decoration: none;
	}
	.news-title h2 {
	padding: 0px;
	font-size: 18px;
	}
	.news-title{
		margin-top: 24px;
		margin-bottom:24px;
	}
	.news-detail{
		padding-top: 0;
		padding-bottom: 20px;
	}
	.news-detail p{
		margin-bottom: 12px;
	}
}

.sp-flexbox,
.flexbox {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}

.flexbox-left{
	width: 100%;
}
.flexbox-right{
	width: 320px;
	padding-left: 20px;
}

.sp-flexbox{
	    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
}
.sp-column-2{
	margin-bottom: 10px;
}
.sp-column-2 ul > li {
    width: calc( ( 100% - 10px ) / 2 );
    margin-right: 10px;
}
.sp-column-2 ul > li:nth-child( 2n ) {
    margin-right: 0;
  }

@media screen and (max-width:979px) {
	.flexbox {
	    display: block;
	}

	.flexbox-right{
		width:100%;
		padding-left: 0px;
	}
}
/*================================================
 *  フッター
 ================================================*/
.footmenu {
	padding:20px 0 0 0;
}

/*================================================
 *  pagetop
 ================================================*/
#page-top a {
	background: #d90b18;
	color: #fff;
}
@media screen and (min-width:768px) {
	#page-top a:hover{
		background: #000;
		color: #fff;
	}
}
@media screen and (max-width:767px) {
	#page-top.hover a{
		background: #000;
		color: #fff;
	}
}

/*================================================
 *  企業詳細ページ
 ================================================*/

.production-header{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 20px;
}


.production-logo{
	text-align: center;
}
.production-logo img{
	max-width: 100%;
	margin:0 auto;
}
.production-left{
	max-width: 30%;
	float: left;
}

.production-right{
max-width: 70%;
    padding-left: 40px;
    float: left;
}
.production-name p{
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

.production-right table th,
.production-right table td{
	font-size: 15px;
}
.staff{
	clear: both;
	margin-bottom: 20px;
}

.staff-left{
	width:20%;
	max-width: 150px;
	float: left;
}
.staff-left img{
	max-width:100%;
	margin-bottom: 5px;
}
.staff-right{
	width:75%;
	float: left;
}

.staff-name{
    margin-left: 30px;

    font-size: 18px;
    font-weight: bold;
}
.staff-div{
    margin-left: 30px;
    margin-top: 10px;
    font-size: 15px;
}
.staff-message{
    margin-left: 30px;
    margin-top: 10px;
}

@media screen and (max-width:979px) {
	.production-header{
		display: block;
	}
	.production-left{
		max-width: 100%;
	}

	.production-right{
		max-width: 100%;
		padding-left: 0px;
	}

	body.portrait.ipad .production-header{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 20px;
	}
	body.portrait.ipad .production-left{
		max-width: 30%;
	}
	body.portrait.ipad .production-right{
		max-width: 70%;
		padding-left: 40px;
	}
}

/*================================================
 *  CASE
 ================================================*/
.case-content{
	position: relative;
}

.case-content h1 span{
	display: block;
	font-size: 18px;
}

.case-content .left-contents-wrapper{
	position: relative;
}

.case-content .case-content-title{
      margin-top: 0;
}

.case-search{

    padding-bottom: 10px;

}

.case-search a{
	padding: 10px;
	text-align: center;
}

#advanced_serach_button_case{
    border: 1px solid#008ad0;
}
#advanced_serach_button_case:hover{
	background-color: #008ad0;
	color: #fff;
	text-decoration: none;
}

.case-left{
	float: left;
	width: 50%;
	padding-right: 30px;
	margin-bottom: 80px;

}
.case-right{
	float: left;
	width: 50%;
}
.slider-case{

}
.caption{
	text-align: center;
}
.slick-slide {
  position: relative;
}
.slider-case .slick-slide .caption {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;

  font-size: 11px;
}


.slider-case.slick-slider .slick-track,
.slider-case.slick-slider .slick-list{

}

.slider-case{
	margin-bottom: 10px;
}
.slider-case .slider-item{
	padding-bottom: 20px;
}

.slider-case .slider-item .slider-thum {
  position: relative;
  width: 100%;
}

.slider-case .slider-item .slider-thum iframe {

}
.slider-case .slider-item .slider-thum img,
.slider-case .slider-item .slider-thum iframe{
	margin: 0 auto;
    max-width: 100%;
    display: block;
    position: relative;
    top: 0;
    /* left: 50%; */
    -webkit-transform: translate(-50%, -50%);
    transform: translate(0%, 0%);
}

.slider-case .slider-item .slider-thum iframe{
	width: 100%;
}

.slider-case .slick-prev,
.slider-case .slick-next{
    top: 0;
    margin-top: 0;
    opacity: 0.5;
    height: 100%;
}
.slider.slider-case {
    overflow: initial!important;
        margin-bottom: 10px;
}
.slider.slider-case .slick-dots{
    position: relative;
    bottom: 0;
}

.no-caption .slick-dots{
	bottom: 0;
}
.slider-case .slick-prev{
	left: -70px;
	height: calc(100% - 40px);
}

.slider-case .slick-next{
	right: -70px;
	height: calc(100% - 40px);
}




@media screen and (max-width:979px) {
	.slider-case .slider-item .slider-thum iframe{
		width: 100%;
	    max-width: calc(177.778vh);
	    height: calc(56.25vw);
	}
}


.dropdown {
	position: relative;
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fff;
}

.dropdown:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 0;
	height: 0;
	margin: -2px 0 0 0;
	border: 5px solid transparent;
	border-top: 7px solid #ccc;
}

.dropdown select {
	cursor: pointer;
	position: relative;
	-webkit-appearance: none;
	appearance: none;
	display: block;
	width:100%;
	padding: 0.5em 1em;
	color: #000;
	border: none;
	border-radius: 5px;
	background: transparent;
	font-size: 14px;
}

::-ms-expand {
	display: none;
}


.slider-item.no-caption{
	padding-bottom: 0;
}

.case-detail{
	padding-left: 15px;
}
.case-detail-block{
	margin-bottom: 10px;
	white-space: normal;
}

.case-detail-block p{
	word-wrap: normal;
}
.case-detail-block h4{
	margin:0 0 0 0;
	font-weight: bold;
	font-size: 16px;
}

.case-detail-block iframe{
	width: 100%;
}


.case-detail-block p a{
	word-break: break-all;
}

.case-detail-block .rich-text-editor{
	font-size: 14px;
}





.case-other{
	clear: both;
	margin-bottom: 20px;
}
.case-other h2{
	margin-bottom: 0;
}


.case-item {
    padding: 15px 0;
    margin: 0 0 0 0;
    clear: both;
}

.flexbox.flexbox-event,
.flexbox.flexbox-artist,
.flexbox.flexbox-exhibitor,
.flexbox.flexbox-buyer{
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
.flexbox .case-item{
	width: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}

.flexbox.flexbox-exhibitor-profile h4{
 margin: 1em 0 5px 0;
}

.flexbox.flexbox-event .case-item,
.flexbox.flexbox-artist .case-item,
.flexbox.flexbox-exhibitor .case-item,
.flexbox.flexbox-exhibitor-profile .case-item,
.flexbox.flex-buyer-profile .case-item{
	width: 100%;
}
.textarea textarea{
	min-height: 150px;
}
.flexbox.flexbox-event .case-item,
.flexbox.flexbox-artist .case-item,
.flexbox.flexbox-exhibitor .case-item{
	border-bottom: 1px solid #ddd;
}
.flexbox.flexbox-exhibitor .case-item:nth-child(odd){
	padding-right: 0;
}

.flexbox.flexbox-exhibitor-profile .case-item{
	border-bottom: none;
	padding-top:0;
}


.flex-left,
.flexbox .case-item:nth-child(odd){
	padding-right: 30px;
}

.case-detail-block .flexbox.flexbox-exhibitor .case-item{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: none;
}

.case-detail-block .flexbox.flexbox-exhibitor .case-item h1.case-title{
	margin-bottom: 0;
}


.slider-seminar{
	margin-bottom: 20px;
}

.message-item{
	margin-bottom: 20px;
}


.position-right{
	position: absolute;
	right: 0;
	top: 0;
}

.flexbox-exhibitor h1.case-title{
    margin: 0 0 20px 0;
    line-height: 1;
    font-weight: normal;
    font-size: 22px;
        word-break: break-word;
        text-align: left;
}

.send-message{
	width: 100%;
}
.message-wrapper{
	max-height: 480px;
	padding-right: 10px;
	overflow-y: scroll;
}

.message-wrapper table,
.message-wrapper table td{
    border: none;
    padding: 0 0 0 0;
    background-color: transparent;
}

.comment-user{
	background: #e9f2ff;
}


.case-thum{
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    margin-right: 30px;
    overflow: hidden;
}

.case-thum img{
	width: 100%;
	display: block;
}
.case-thum img {
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
    max-width: 100%;
    max-height: 100%;
    width: auto;
}
.case-thum img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    filter: brightness(1.2);
}


.case-detail .case-thum img{
	pointer-events: none;
}



.flexbox.flexbox-event .case-thum{
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}

.flexbox.flexbox-artist .case-thum{
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}

.flexbox.flexbox-staff .case-thum{
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}

.flexbox.flexbox-exhibitor .case-thum{
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}

.flex-staff{
	padding-left: 20px;
	border-left:1px solid #ddd;
}

.flexbox.flexbox-exhibitor.flexbox-exhibitor-profile .case-thum{
    width: 100%;
    /* min-width: 600px; */
    max-width: 600px;
}

.case-search .flexbox.flexbox-event .case-thum {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}
.flexbox.flexbox-artist .case-thum img{
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
}

.flexbox.flexbox-artist .case-thum:hover > a img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0.8;
}




.flexbox.flexbox-exhibitor-profile .case-item,
.flexbox.flexbox-exhibitor-profile .case-item img,
.flexbox.flex-buyer-profile .case-thum,
.flexbox.flex-buyer-profile .case-thum img{
	  -ms-interpolation-mode: nearest-neighbor;   /* IE8+ */
	  image-rendering: -webkit-optimize-contrast; /* Safari (WebKit) */
	  image-rendering: -moz-crisp-edges;          /* Firefox (Gecko) */
	  image-rendering: -o-crisp-edges;            /* Opera 12.x */
	  image-rendering: pixelated;                 /* Chrome 41+, Opera 29+ (CSS4) */
		-webkit-transform:unset;
		-moz-transform:unset;
		-o-transform:unset;
		-ms-transform:unset;
		transform:unset;
		opacity:unset;
		filter:unset;
}
.flexbox.flexbox-exhibitor-profile .case-item:hover > img,
.flexbox.flex-buyer-profile .case-thum:hover > img,
.flexbox.flexbox-exhibitor.flexbox-exhibitor-profile .case-thum:hover > img{

	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: pixelated;
}


.case-text{
	width: 100%;
	position: relative;

}
.case-text ul{
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap    : wrap;
	flex-wrap        : wrap;
}


.flexbox.flexbox-artist .case-text ul{

	bottom: 0;
	/* padding-top: 20px; */
}

.flexbox.flexbox-buyer .case-text ul{
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap    : wrap;
	flex-wrap        : wrap;
}
.case-text ul li,
.flexbox.flexbox-buyer .case-text ul li,
.flexbox.flexbox-buyer .case-text ul li:first-child,
.flexbox.flexbox-buyer .case-text ul li:last-child{
	margin-right: 10px;
	margin-left: 0;
}

@media screen and (max-width:440px) {
	.case-text .case-button li{
		margin-top:10px;
	}
}

.flexbox.flexbox-buyer  .case-item img{
	width: 100%;
}

.case-list-btn{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 85px;
}

.case-list-btn a{
	line-height:0.85;
}
.case-title{
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
    line-height: 1.4;
}
.case-title span{
	font-size: 16px;
}
.case-title a:hover{
	color: #000;
}

.case-company,
.case-area{
	font-weight: bold;
}
.case-area{
	margin-bottom: 20px;
}

.case-company{
	font-size: 16px;
}

.btn-interested{
	background-color: #006fb7;
}
.btn-interested:hover{
	background-color: #008ae3;
}
.btn-interested-remove{
	background-color: #008ae3;
}
.btn-interested-remove:hover{
	background-color: #006fb7;
}
.btn-chat{
	background-color: #2ecc71;
}
.btn-chat:hover{
	background-color: #47ea7e;
}

.program-title p.case-title {
    margin-bottom: 10px;
}

.button.btn-interested{
width: auto!important;
display: inline-block!important;
}

/*
#single:checked ~ .card .card__item a.btn-interested {
    background-color: #006fb7;
    display: inline-block!important;
    width: auto!important;
    margin-top: 10px;
}
*/
.btn-message{
	background-color:#d90b18;
}
.btn-message:hover{
	background-color: #000;
}


.transparent{
	background-color: transparent!important;
}

.info h4{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.info p{
	margin-bottom: 20px;
}

p.event-date{
	font-size: 1.8em;
	font-weight: bold;
}

.case-title-sub{
	font-size: 18px;
    font-weight: bold;
    padding-top: 15px;
}


.card-buyer .card__item {
    position: relative;
    width: 50%;
    height: 100%;
    margin: 0 0 0 0;
}
.card-buyer .case-item{
	display: flex;
}

.card-buyer .case-desc{
	display: none;
}

#single:checked ~ .card-buyer .case-desc{
	display: block;
}


#single:checked ~ .card-buyer .case-desc{
	display: block;
	float: left;
}


#single:checked ~ .card-buyer .case-company{
	float: left;
}

#single:checked ~ .card-buyer .case-area{
    float: left;
    margin-left: 30px;
    font-size: 16px;
}

#single:checked ~ .card-buyer ul.case-button{
    position: absolute;
    right: 0;
    top: 0;
}

.case-desc-sp{
	display: none;
}


@media screen and (max-width:979px) {
	.case-left{
		padding-right: 0px;
	}
	.flex-left{
		padding-right: 0px;
	}
	.case-thum{

	    margin-right: 15px;
	}

	.flexbox.flexbox-artist .case-text ul {
	    position: relative;
	    bottom: 0;
	}
	.case-thum img{
		width: 100%;

		display: block;
	}

	.case-text{

	}

	.case-text p{

	}

	.case-text p.case-title{
		margin-bottom: 12px;

	}

	.case-text span{
		font-size: 16px;
	}
	.case-left{
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.case-right{
		float: none;
		width: 100%;
	}
	.case-detail{
		padding-left: 0;
	}

	.slider-case .slick-next{
	    margin-top: 0;
	    opacity: 0.3;
	    right: -18px;
	}
	.slider-case .slick-prev{
	    margin-top: 0;
	    opacity: 0.3;
	    left: -18px;
	}
	.case-content h1{
		font-size: 1.7em;
	}

	.case-search{
		top: 2px;
	}
	.flexbox .case-item{
		width: 100%;
	}

	.flexbox .case-item:nth-child(odd){
		padding-right: 0px;
	}

	.flexbox.flexbox-exhibitor-profile .case-item{
		width: 100%;
	}


	.case-search .flexbox.flexbox-event .case-thum,
	.flexbox.flexbox-exhibitor .case-thum,
	.flexbox.flexbox-event .case-thum,
	.flexbox.flexbox-artist .case-thum{
	    width:120px;
	    min-width:120px;
	    max-width: 120px;
	}

	.flexbox.flexbox-staff .case-thum{
	    width: 80px;
	    min-width: 80px;
	    max-width: 80px;
	}



	.card-buyer .card__item{
		width: 100%;
	}
	.case-desc-sp{
		display:block;
		margin-bottom: 24px;
	}
	.case-item{
		text-align: left;
	}

	.btn__single,
	.btn__multi{
		display: none;
	}
}









@media all and (-ms-high-contrast: none) {
  .slider.slider-case{
    overflow: visible!important;
  }
  .sub-pages.case-pages#contents #main{
    overflow: visible!important;
  }
}
/*================================================
 *  サイドバー
 ================================================*/
#sub .program-wrapper h3{
	background-color: #000;
	margin-bottom: 15px;
	text-align: center;
}


.selected-menu a{
  background-color:#000;
  color:#FFF;
}

.banners li.banner-txt {
	/*
	margin: 0;
	padding: 10px 0px;
	*/
	border-top: solid 1px #cccccc;
    text-align: center;
    font-size: 130%;
    margin-bottom:0px!important;
}
.banners li.banner-txt:hover {

}
.banners li.banner-txt:last-child {
        border-bottom: solid 1px #cccccc;
}
.banners .banner-txt a {
	text-decoration: none;
	font-size: 90%;
	display:block;
	padding:10px 0;
}
.banners .banner-txt a:hover {
	text-decoration: underline!important;

}

.banners{
	margin-bottom: 24px;
}
.banners ul li{
	overflow: hidden;
}

.banners ul li a{
	display: block;
	overflow: hidden;
}
.banners ul li a img{
  -webkit-transition: all .5s;
  transition: all .5s;
}
.banners ul li a:hover > img{
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
}

.twitter-widget{
max-width:200px !important;
min-width:200px !important;
}

.news-body p{
	padding-bottom: 1em;
}

.article-header{
        font-size:120%;
        border-bottom: solid 1px #008ad0;
}

.aboutus-wrapper img{
    width:350px;
    display:inline-block;
    padding:20px 0;
}

.access-wrapper a{
    color:black;
    font-size:150%;
    font-weight:bold;
}
.access-wrapper h3{
    font-size:120%;
}
#maps{
    width:70%;
    max-width:500px;
    height:400px;
    margin: 0 auto;
}

.finance-wrapper a{
    color:black;
    font-size:100%;
    font-weight:normal;
}
.finance-wrapper h3{
    font-size:120%;
}
.history-wrapper tr:first-child td:nth-child(3n+1){
    width:15%;
}
.history-wrapper tr:first-child td:nth-child(3n+2){
    width:9%;
}
.inquiry-form .table-contact td:first-child{
    width: 30%;
    text-align: center;
}
textarea{
    width: 100%;
    resize: vertical;
    font-size: 14px;
    padding: 5px;
    font-family: 'Noto Sans JP','Roboto',sans-serif;
}
.table-contact input[type="text"]{
	width: 100%;
    max-width: 350px;
}


.member-wrapper table th{
    background-color: #eeeeee;
    text-align:center;
    font-size:100%;
}
.officer-wrapper table th{
    background-color: #eeeeee;
    text-align:center;
}
.news-detail img{
    max-width: 100%;
    height: auto!important;
}
.news-detail iframe{
    max-width:100%;
}


.translate{
	padding-top: 22px;
}

/*================================================
 *  お問い合わせ
 ================================================*/


.inquiry-form .disable-button-wrapper{
    clear: both;
    position: relative;
    max-width: 225px;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 0;
    text-align: center;
}

.inquiry-form .disable-button-wrapper .button{
    display: block;
    width: 100%;
    padding: 12px 40px;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    color: #fff;
    background-color: #999;

    text-decoration: none;
}

.inquiry-form .button-wrapper .button{

}


@media screen and (min-width:980px) {
    .timm_images img:nth-child(3n){
        width:240px;
        margin:0 0 20px 0;
    }
    .timm_images img:nth-child(3n+1){
        width:240px;
        margin:0 0 20px 0;
    }
    .timm_images img:nth-child(3n+2){
        width:240px;
        margin:0 10px 20px 10px;
    }
    .logo-image{
        width: 300px;
        margin: 30px auto;
    }
    .site-image{
        max-width:100%;
        margin: 40px auto;
    }
}
@media screen and (max-width:979px) {
    .aboutus-wrapper img{
        width:80%;
        display:inline-block;
        padding:20px 0;
    }
    .access-wrapper a {
        color: black;
        font-size: 100%;
        font-weight: bold;
    }
    #maps{
        width:100%;
        max-width:100%;
        height:250px;
        margin: 0 auto;
    }
    .timm_images img:nth-child(2n){
        width:48%;
        margin:5px 0 5px 1%;
    }
    .timm_images img:nth-child(2n+1){
        width:48%;
        margin:5px 1% 5px 0;
    }
    .logo-image{
        width: 300px;
        margin: 30px auto;
    }
    .site-image{
        max-width:100%;
        margin: 20px auto;
    }

    .finance-wrapper a {
        font-size: 100%;
        font-weight: normal;
    }
    .history-wrapper tr:first-child td:nth-child(3n+1){
         width:70px;
    }
    .history-wrapper tr:first-child td:nth-child(3n+2){
         width:52px;
    }
    .officer-wrapper table th:nth-child(1){
         width:20%;
    }
    .officer-wrapper table th:nth-child(2){
         width:25%;
    }
    .inquiry-form .table-contact td:first-child {
        width: 100%;
        text-align: left;
    }
    .inquiry-form .table-contact td{
    	padding: 0 0 5px 0;
    }
    .inquiry-form .table-contact td span{
    	padding-bottom: 0;
    }
    .inquiry-form .table-contact select, .inquiry-form .table-contact textarea{

    }

}

@media screen and (max-width:400px) {
    .officer-wrapper table td{
         font-size: 85%;
    }
    .officer-wrapper table th:nth-child(1){
         width:25%;
    }
    .officer-wrapper table th:nth-child(2){
         width:30%;
    }
}
/*
@media all and (-ms-high-contrast: none){
    #slider .slick-prev, #slider .slick-next{
        top: 33%;
    }
}*/

.inquiry-button-wrapper {
    text-align:center;
    padding-top:20px;
}

.inquiry-submit-button {
    display: inline-block;
    padding: 12px 40px;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    color: #fff;
    background-color: #000;
    border: 1px solid #000!important;
    text-decoration: none;
}

.inquiry-submit-button:hover {
    background-color: #d90b18;
    border: 1px solid #d90b18!important;
}


.inquiry-back-button {
    display: inline-block;
    padding: 12px 40px;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    color: #fff;
    background-color: gray;
    border: 1px solid gray!important;
    text-decoration: none;
    margin-left: 15px;
}

.inquiry-back-button:hover {
    background-color: #000;
    border: 1px solid #000!important;
}


#confirm.inquiry-submit-button{
	background-color:#999;
	border: 1px solid #999!important;
	cursor: none;
	pointer-events: none;
}
#confirm.inquiry-submit-button.checked{
    background-color: #000;
    border: 1px solid #000!important;
    cursor: pointer;
    pointer-events: auto;
}

#confirm.inquiry-submit-button:hover {
    background-color: #d90b18;
    border: 1px solid #d90b18!important;
}


@media screen and (max-width:979px) {
    .inquiry-button-wrapper {
    padding-bottom:20px;
    }
}


#openInquiryInputFormDto_firstName,
#openInquiryInputFormDto_lastName{

}


/*================================================
 *  トップページ レイアウト
 ================================================*/

.movie-container{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
/*
    margin-left: -10px;
*/
}

/*
.movie-container{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 10px;


	display: -ms-grid;
	-ms-grid-columns: 1fr 10px 1fr 10px 1fr 10px 1fr;
	-ms-grid-rows: auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto ;
}
*/


/*
.movie-item:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.movie-item:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.movie-item:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.movie-item:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}

*/





.movie-item{
	/*flex: 1 0 20%;*/
	width : -webkit-calc(25% - 10px) ;
   	width : calc(25% - 10px) ;
   	margin:0 0 10px 10px;
}

.movie-item.season-item{
	width : -webkit-calc(33.3333% - 10px) ;
   	width : calc(33.3333% - 10px) ;
}

.movie-item a{
	display: block;
}

.movie-item-thum img{
	max-width: 100%;
	display: block;
}

.movie-item-title h4{
    margin-bottom: 0.25em;
    font-size: 16px;
    color: #008ad0;
    border-bottom: none;
    padding: 5px 0;
    margin: 0 0 0 0;
}


.movie-item-thum{
  position: relative;
  width: 100%;
  /*height: 260px;*/
  overflow: hidden;
  background: #eeeeee;
  text-align: center;
  vertical-align: middle;
}

.movie-item-thum>img {
  /* width: 100%; */
  /* height: auto; */
  width: auto;
  height: auto;
  -webkit-transition: all .5s;
  transition: all .5s;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  display: block;
  /*
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;*/
}

.genre-title{
	position:absolute;
	width: 100%;
	text-align: center;
	z-index: 10;
	top: 38%;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	  -webkit-transition: all .5s;
	  transition: all .5s;
}

.movie-item-thum:hover>img,
.movie-item-thum:hover>p{
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
  opacity: 0.9;
}

.movie-item-thum:hover>p{
  opacity: 1;
}




@media screen and (max-width:979px) {
		/*
	 .movie-container{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 10px;
	}

	 body.portrait.ipad .movie-container{
		display: -ms-grid;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		grid-gap: 10px;
	}*/

	body.iphone .movie-item,
	body.android .movie-item,
	body.other .movie-item{
		width : -webkit-calc(50% - 10px) ;
	   	width : calc(50% - 10px) ;
	   	margin:0 0 10px 10px;
	}
	body.ipad .movie-item{
		width : -webkit-calc(25% - 10px) ;
	   	width : calc(25% - 10px) ;
	   	margin:0 0 10px 10px;
	}

}


/*================================================
 *  詳細ページ
 ================================================*/
.page-title{
	padding: 15px 0;
}

.page-title h2{
    line-height: 1.6;
    font-size: 28px;
    margin: 0 0 0 0;
}

.page-title span{
	display: block;
	font-size: 18px;
}


#main.pages .detail-block .logo{
	width: 100%;
    max-width:100%;
    float: none;
    margin:15px auto;
    text-align: center;
}

/*================================================
 *  サブページ
 ================================================*/
#contents.sub-pages #main.pages .detail-block h1{
	margin:0 0 0 0;
}

/*================================================
 *  About us
 ================================================*/

.pages-about p{
	font-size: 16px;
}

/*================================================
 *  SNS
 ================================================*/
.line-block{
  margin: 5px 20px 5px 0; padding: 0px; float: left;
}
.pocket-block{
  margin: 5px 20px 5px 20px; padding: 0px; float: left;
}
@media all and (-ms-high-contrast: none) {
  .line-block{
    margin: 5px 20px 5px 0px; padding: 0px; float: left;
  }
  .pocket-block{
    padding: 5px 20px 5px 0px; float: left;
  }
}


/*================================================
 *  ipad 調整用
 ================================================*/
@media screen and (max-width:979px) {
	body.portrait.ipad .logo {
	    max-width: 26%;
	}
	body.ipad header .inner {
	    padding: 0 10px;
	    width: 100%;
	}
}


/*================================================
 *  TOP修正
 ================================================*/
.banner ul li{
	margin-bottom: 10px;
}
.banner-container{

}

@media screen and (max-width:979px) {
	.banner-container{
		padding-top: 0px;
	}
}
/*================================================
 *  SNS
 ================================================*/
.sns-wrapper {

    position: absolute;
    right: 0;
    top: 0px;
    z-index: 1;

    margin-bottom: 20px;
}

body.index .sns-wrapper{
	position: static;
	float: right;
	padding-right: 0;
}

@media screen and (max-width:767px) {
	.sns-wrapper {
	    text-align: right;
	    position: static;
	    margin-bottom: 20px;
	}
}

/*================================================
 *  TIMM Online Matchmaking
 ================================================*/
#timm{
	background-color: #000;
	padding: 0 0;
	text-align: center;
}
#timm h1{
	color: #fff;
	font-size: 40px;
	margin:0 0 0 0;
}
#timm h2{
	color: #fff;
	font-size: 20px;
	margin: 0 0 0 0;
}
#timm p{
	padding: 10px;
	color: #fff;
}
#main .login{
	padding-right: 15px;
}
#main .signup{
	padding-left: 15px;
}
#main .login h3,
#main .signup h3,
#main .features h3{
	border-bottom: 1px solid #d90b18;
	padding-bottom: 5px;
}
#main .login h3{
	margin-bottom: 13px;
}
#main .login .button-wrapper{
    padding-top: 0;
    padding-bottom: 0;
}
#main .login .button-wrapper .button{
	margin-bottom: 10px;
}
#main .login #form_lastName,
#main .login #form_password{
	margin-bottom: 20px;
}
.flex-left,
.flex-right{
	width: 50%;
}
.signup .flexbox{
	justify-content: space-around;
	margin-left: -20px;
}
.signup .flex-item{
    width: 31%;
    margin-left: 20px;
 }
.signup .flex-item:last-child{
	margin-right: 0;
}
.signup .flex-item a.button{

}

.features .flexbox{
	justify-content: space-around;
	margin-left: -20px;
}
.features .flex-item{
	width: 25%;
	margin-left: 20px;
}
.features .flex-item p{
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    padding: 5px 0;
}


@media screen and (max-width:979px) {
	#timm{
		margin-bottom: 10px;
	}
	#timm h1{
		font-size: 24px;
		margin:0 0 0 0;
	}
	#timm h2{
		font-size: 16px;
	}

	.program-list{
		margin-bottom: 0;
	}
	#main .login{
		padding-right: 0px;
	}
	#main .signup{
		padding-left: 0px;
		margin-bottom: 20px;
	}
	.flex-left,
	.flex-right{
		width: 100%;
	}
	.signup .flex-item{
	    width: 48%;
	    width: calc(50% - 10px);
        margin-left: 10px;
        margin-bottom: 10px;
        float: left;
	 }
	 .features .flexbox,
	 .signup .flexbox{
	    display: -webkit-flex;
	    display: flex;
	    flex-wrap:wrap;
	    margin-left: -10px;
	    -webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	 }
	 .signup .flexbox{
	 	display: block;
	 }


	 .signup .flexbox .flex-item:last-child{

	 }
	 .signup .flexbox:after{
		  content: "";
		  display: block;
		  width: 150px;
		  height: 0;
	 }
	 .features .flexbox .flex-item{
		width:47%;
		margin-left:10px;
		margin-bottom: 10px;
	}
	.signup h3{
		text-align: center;
	}
	#features{
		clear: both;
		padding-top: 30px;
	}

}
.form-control{
	resize: vertical;
	border: solid 1px #c5c5c5;
	padding: 8px;
	width: 100%;
	font-size: 14px;
}
.login{
	text-align: center;
	max-width: 400px;
	margin:0 auto;
}

p.text-left{
	text-align: left;

}


.mad{color: red;}
.rgt{color: green;}

p.mad,
p.rgt{
	padding: 5px 0 0 0;
}

p.rgt{
	margin-bottom: 5px;
}


.flex-inquiry{
	-webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-inquiry .flex-item{width: 33%;}


.flex-sns .flex-item{
	display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    white-space: nowrap;
}
.flex-sns .flex-item{
	margin-bottom: 5px;
}

.flex-sns:last-child .flex-item{
	margin-bottom: 0;
}

.flex-sns .flex-item:nth-child(1){
	width: 25%;
	padding-right: 5%;
}

.flex-sns .flex-item:nth-child(2){
	width: 70%;
}
.table-contact .flex-sns input[type="text"]{
	margin-left: 5px;
}
.inquiry-form a{color: red;}


@media screen and (max-width:979px) {
	.flex-inquiry .flex-item{width: 100%;}
	.flex-sns .flex-item:nth-child(1),
	.flex-sns .flex-item:nth-child(2){
		width: 100%;
		max-width: 100%;
		padding-right: 0%;
	}
	.flex-sns:last-child .flex-item{
	margin-bottom: 5px;
}

}

/* MessageBox修正 */

.comment-block{
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}
.comment-block p{

}
.comment-block dt,
.comment-block dd{
	border:none;
}
.comment-block table.user-profile td p{


}

.reply-accordion{
	border: none;
	margin-bottom: 0;
	cursor: pointer;
}


p.text-right{

	text-align: right;
}

p.text-right a{
	color: red;
}
.dialog-comment-del{
	display: inline-block;
}

.comment-block table.user-profile td{
	padding: 0;
	border: none;
	vertical-align: top;
}

.comment-block table.user-profile td:first-child{
	width: 70px;
	padding-right: 10px;
}

.comment-block table.user-profile td img{
	display: block;
	width: 100%;
	height: auto;
}


#contents.sub-pages #main.pages .page-wrapper .sp-container{
	padding: 0 0 0 0;
}


.flexbox.flex-buyer-profile .case-thum img{
	margin-bottom: 10px;
}

.flex-right .message-box .title-wrapper h5{
	/* padding-top: 13px; */
}

.sendemail{
	    padding: 15px 0;
    border-bottom: 1px solid #ddd;
}

.sendemail a{
	text-decoration: underline;
}

.info-area{
	text-align: center;
	padding-bottom: 5px;
	display: none;
}

.info-area p{
	color: red;
}
.table-buyer{
	margin-bottom: 20px;
}
.table-buyer td:first-child{
	min-width: 132px;
}
.table-buyer td:nth-child(2),
.table-buyer td:last-child{
	min-width: 200px;
}

@media screen and (max-width:979px) {
	.table-buyer td:first-child,
	.table-buyer td:nth-child(2),
	.table-buyer td:last-child{
		min-width: 110px;
	}
}

.list_jump {
    padding: 20px 0;
}
.list_jump a {
    color: black;
    font-size: 20px;
    margin-right: 10px;
}

.list_jump a.selected {
	font-weight:bold;
}

.single-program-title{
	width: 100%;
}
.single-program-title ul li{

}



/* 2021.9 buyer トップ改修*/

.flexbox-buyer-top{
	margin: 30px 0;
	padding: 30px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.buyer-top-left,
.buyer-top-right{
	width: 50%;
}
.buyer-top-left{
	padding-right: 30px;
    border-right: 1px solid #ddd;
}

.buyer-top-right{
	padding-left: 30px;
}

.status{
	display: block;
	text-align: center;
	background-color: #000;
	color: #fff;
	margin-top: 10px;
	padding: 5px;
	font-weight: bold;
}
.status-on{
	background-color: red;
}
.status-off{
	background-color: #006fb7;
}


.flexbox-buyer-top .date,
.flexbox-buyer-top .title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.item{
	margin-bottom: 30px;
}

.slider-buyer-top{
	margin-bottom: 30px;


}
.slider-buyer-top .slider-inner{
	padding: 0 15px;
}

.slider-title{
	margin-bottom: 10px;
	margin-top: 10px;
}
.slider-interested{
	margin-bottom: 10px;
}
.slider-buyer-top .slider-item{
	text-align: center;
}
.slider-interested .btn-interested{
	display: block!important;
	width: 100%!important;
}

.slider-buyer-top .slick-prev{
	left: -45px;
}

.slider-buyer-top .slick-next{
	right: -45px;
}

.status{
	position: absolute;
}

 .status-badge{
 	position: absolute;

 }

 .status-badge::after {
    position: absolute;
    display: inline-block;
    font-weight: bold;
    background-color: #f00;
    border-radius: 50%;
    font-size: 1em;
    line-height: 1;
    min-width: 1em;
    padding: 5px;
    border: 2px solid #fff;
    box-shadow: 0px 0px 3px #999;
} 

/* ブロック要素にアイコンバッジを表示 */

span[data-badge-top-left],
span[data-badge-top-right],
span[data-badge-bottom-left],
span[data-badge-bottom-right] {
	display: block;

}

.case-thum ._img{
	display: block;
	position: relative;
}



.status-badge{
position: absolute;
  bottom: 10px;
  right: 5px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.status-badge ._inner{
  display: block;
  position: relative;
  margin: 2px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  color: #fff;
  line-height: 38px;
}



.status-on ._inner{

  background: #2ecc71;

}


.status-off ._inner{
	background: #e74c3c;
}


.table-buyer ._img img{
	max-width: 60px;
} 



@media screen and (max-width:979px) {
	.buyer-top-left,
	.buyer-top-right{
		width: 100%;
	}
	.buyer-top-left{
		padding-right: 0px;
	    border: none;
	}

	.buyer-top-right{
		padding-left: 0px;
	}

	.buyer-top-left{
		margin-bottom: 30px;
		border-bottom: 1px solid #ddd;
	}
}

.primary-contact{
    text-align: center;
    background-color: #00B0F0;
    color: #FFFFFF;
    height: 40px;
    padding-top: 5px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}
.primary-contact:hover{
	text-decoration: none;
}


.flexbox-market-top{
	margin: 30px 0;
	padding: 30px 0;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
}

.flexbox-artist .case-title {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 10px;
    line-height: 1.4;
}

.flexbox-artist .case-company{
    font-size: 16px;
    line-height: inherit;
}

.artist-title .left-contents-wrapper{
    left:30px;
}
.seminar-list .left-contents-wrapper{
    left:30px;
}

@media screen and (max-width: 979px){
    .artist-title .left-contents-wrapper{
        left:10px;
        right:10px;
    }
    .seminar-list .left-contents-wrapper{
        left:10px;
        right:10px;
    }
}


.m-auto{
	    margin: 0 auto;
}