@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}


/*================================================
 *  一般・共通設定
 ================================================*/
body {
	font-size:14px;
	color:#000;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	line-height:1.6;
	background:#fff;
	-webkit-text-size-adjust: 100%;
	overflow-x:hidden;
	position: relative;
    -webkit-overflow-scrolling: touch;
}

.inner {
	position:relative;
	width:980px;
	margin:0 auto;
}

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

nav {
	width:100%;
	background:#fff;
	box-shadow:0 1px 2px #d0d8dc;
	⁄zoom:1;
}
nav:after {
	content:'';
	display:block;
	clear:both;
}

#contents {
	overflow:hidden;
	width:980px;
	margin:20px auto;
	background:#fff;
}

#main {
    box-sizing: border-box;
    overflow: hidden;
    float: left;
    width: 750px;
    position: relative;
}
#main.detail{
    box-sizing: border-box;
    overflow: hidden;
    float: none;
    width: 100%;
    position: relative;
    margin-bottom: 24px;
}

#main-full-container{
	box-sizing:border-box;
	overflow:hidden;
	width:100%;
	position: relative;
}

#sub {
	box-sizing:border-box;
	overflow:hidden;
	float:right;
	width:200px;
}

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

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


h3 {
	clear: both;
	font-size: 18px;
	color: #fff;
	background-color: #f0027f;
	position: relative;
    padding: 5px;
}

h4 {
	margin-bottom:0.25em;
	font-size:15px;

}

h5 {
	position:relative;
	margin-bottom:0.25em;
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
}
/*
h5:before {
	content:"";
	margin-top:-7px;
	position:absolute;
	top:50%;
	left:0;
	width:5px;
	height:14px;
	background:#8c0e0e;
}*/

h6 {
	margin-bottom:0.25em;
	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;
}
/*
pre {
	margin:1em 0;
	padding:1em;
}*/

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;
}
td {
    color: #333333;
    padding: 10px;
    border: 1px solid #999999;
    text-align: left;
    vertical-align: middle;
}


/*
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;
}
.text-center{
	text-align: center;
}
.loading{
	text-align: center;
	margin:0 auto;
}

/*================================================
 *  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; }
.mb16 { margin-bottom:16px!important; }
.mb18 { margin-bottom:18px!important; }
.mb20 { margin-bottom:20px!important; }
.mb24 { margin-bottom:24px!important; }
.mb36 { margin-bottom:36px!important; }
.mb48 { margin-bottom:48px!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{
	position: absolute;
	right: 0;
	top: 0;
}

.header-login ul{
	float: right;
	margin-bottom: 5px
}
.header-login ul li,
.header-search ul li{
	list-style: none;
	float: left;
	margin-left: 10px;
	position: relative;
}
.header-login ul.clearfix li{
	float: none;
}
.header-login ul.clearfix li:first-child{
	border-bottom: 1px solid #fff;
}
.header-search input{
    background-color: #ffffff;
    padding-left: 5px;
    width: 290px;
    margin-right: 2px;
    padding: 7px;
    font-size: 13px;
    margin-top: 0;
 }
.header-search ul.clearfix li:nth-child(2){
	border-right: 1px solid #fff;
	padding-right: 10px;

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

.header-login li{
	color: white;
}
header .button{
	padding: 10px;
}

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

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

.login-logo img{
	display: block;
	width: 100%;
	height: auto;
}

/*================================================
 *  グローバルナビゲーション
 ================================================*/
@media print, screen and (min-width:979px) {
	nav {
		background:#9b0f0f;
		border-bottom:5px solid #710000;
		box-shadow:0 1px 3px #999;
		z-index:3;
	}

	/* 共通 */
	nav ul {
		margin:0;
		padding:0;
	}

	nav ul li {
		position:relative;
		margin:0;
		padding:0;
		list-style:none;
	}

	nav ul li a {
		display:block;
		margin:0;
		padding:10px 0;
		background:#9b0f0f;
		color:#fff;
		font-size:14px;
		font-weight:bold;
		line-height:1;
		text-decoration:none;
	}

	nav ul li:hover > a {
		color:#fff;
		background:#710000;
		text-decoration:none;
	}
	nav ul.gnav {
		padding: 10px 0;
	}

	/* 1段目 */
	nav ul.gnav > li {
		position:relative;
		width:17%;
		max-width: 163.1px;
		float:left;
		margin:0;
		padding:0;
		text-align:center;
		list-style:none;
	}

	nav ul.gnav > li:first-child {

	}

	nav ul.gnav > li.subnav a {

	}

	nav ul.gnav > li.subnav > a:after {
		/*
		position:absolute;
		content:"";
		top:20px;
		width:0;
		height:0;
		margin-left:10px;
		border:5px solid transparent;
		border-top-color:#fff;
		*/
	}

	/* 2段目 */
	nav ul li ul {
		position:absolute;
		z-index:3;
		top:100%;
		left:0;
		width:100%;
		margin:0;
		padding:0;
	}

	nav ul li ul li {
		overflow:hidden;
		width:auto;
		height:0;
		color:#fff;
		transition:.2s;
	}

	nav ul li ul li a {
		padding:13px 15px;
		background:#7c0c0c;
		text-align: center;
	}

	nav ul li:hover > ul > li {
		overflow:visible;
		height:40px;
		border-bottom:1px solid #8c0e0e;
	}

	nav ul li:hover ul li:last-child {
		border-bottom:none;
	}

	nav ul.gnav > li:last-child > ul {

	}

	nav ul li ul li ul:before {
		position:absolute;
		content:"";
		top:13px;
		left:-20px;
		width:0;
		height:0;
		border:5px solid transparent;
		border-left-color:#fff;
	}

	nav ul.gnav > li:last-child ul li ul:before {
		position:absolute;
		content:"";
		top:13px;
		left:200%;
		margin-left:-20px;
		border:5px solid transparent;
		border-right-color:#fff;
	}

	/* 3段目 */
	nav ul li ul li ul {
		top:0;
		left:100%;
	}

	nav ul li ul li ul li {
		width:100%;
	}

	nav ul li ul li:hover > ul > li {
		border-bottom:1px solid #6d0c0c;
	}

	nav ul.gnav > li:last-child > ul li ul {
		left:-100%;
	}

	nav ul li ul li ul li a {
		background:#590000;
	}

	nav ul li ul li ul li a:hover {
		background:#420404;
	}

	.gnav {
		display:block !important;
	}

	#spMenu {
		display:none;
	}

	.fixed {
		position:fixed;
		top:0;
		left:0;
	}
}

/*================================================
 *  トピックパス（パンくずリスト）
 ================================================*/
.breadcrumbs{
	max-width: 380px;
	word-break: break-word;
	margin:24px 0;
}
.breadcrumbs p{
	font-size: 12px;
	margin:0 0 0 0;
}


/*================================================
 *  SNS
 ================================================*/
.sns-wrapper {
    text-align: right;
    padding-top: 10px;
    position: absolute;
    right: 0px;
    top: 48px;
}


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


/*================================================
 *  count
 ================================================*/
.count{
    clear: both;
    margin-bottom: 10px;
}

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

/*================================================
 *  サブコンテンツ
 ================================================*/
.submenu li {
	margin:0;
	padding:0;
	list-style:none;
}
.submenu li a:before {
	content:"\0025a0";
	color:#000;
}
.submenu li a {
	display:block;
	padding:10px 2px;
	color:#000;
	border-bottom:1px dotted #ddd;
	text-decoration:none;
}
.submenu li a:hover {
	background:#eee;
}

.bnr {
	overflow:hidden;
}
.bnr ul {
	overflow:hidden;
}
.bnr li {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
.bnr li a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}
.bnr img {
	width:100%;
}

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

.footmenu {
	width:100%;
	padding:20px 0;
	overflow:hidden;
	background:#000;
	color: #fff;
	font-size: 13px;
}


#footer .google{
    text-align: center;
    padding: 30px 0 20px 0;
}

.footmenu a {
	color: #ffffff;
	text-decoration: none;
	line-height: 200%;
}
.footmenu a:hover {
	color: #f0027f;
	text-decoration: none;
}
.copyright {
	clear:both;
	padding: 15px;
	font-size:13px;
	text-align:center;
	color:#fff;
	background:#000;
}
@media screen and (max-width:979px) {
	.copyright{
		font-size:11px;
		padding: 10px;
	}
}

/*================================================
 *  クラス
 ================================================*/



.col_two_one {
	overflow:hidden;
}

.col_two_one ul {
	overflow:hidden;
	margin:2% -2% 0 0;
}
.col_two_one li {
	list-style:none;
	float:left;
	width:48%;
	margin:0 2% 2% 0;
}
.col_two_one li:nth-child(2n+1) {
	clear:both;
}
.col_two_one li img {
	width:100%;
	margin-bottom:2.5%;
}

.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);
	    font-family: Helvetica, Arial, sans-serif;
	}

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


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

.title-wrapper h3{

}
.search-wrapper{

}
.search-wrapper select{
	margin: 6px 6px 0 0;
}
.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) {
	.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;
}

.news-thum{
    float: left;
    width:200px;
    margin-right: 15px;
}

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

.news-text{
    float: left;
    width: 470px;
}

.news-text-no-image{
    float: left;
    width: 740px;
}
.news-body img{
	max-width: 100%;
	height: auto!important;
}

@media screen and (max-width:979px) {
	.news-thum{
	    float: left;
	    width: 20%;
	    margin-right: 15px;
	}

	.news-thum img{
	    max-width: 100%;
	    height: auto!important;
	}

	.news-text{
	    float: left;
	    width: 75%;
	}

	.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;
	}

}
/*================================================
 *  サイドバー
 ================================================*/
#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;
    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:last-child{
		float: right;
	}
}

/*================================================
 *  サイドバー
 ================================================*/
.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: 13px;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #000;
  border: 1px solid #000!important;
  text-decoration: none;
}
.button:hover {
  border: 1px solid #000!important;
  background-color: #fff;
  color: #000;
  text-decoration: none;
}


.button-color {
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 13px;
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #f0027f;
  border: 1px solid #f0027f !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;
}

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

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


@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 0;
		font-size: 14px;
		font-weight: normal;
	}
	.button:hover,
	.button-color:hover{
		text-decoration: none;
	}
}
/*================================================
 *  モーダル
 ================================================*/
.mfp-wrap {
    z-index: 10000;
}


#login h3{
    font-family: Helvetica, Arial, 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;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
}
.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;
}

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

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

.tag ul li {
	list-style: none;
    display: inline-block;
    margin-bottom: 10px;
}
.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;
}

@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: 230px;
    height: 150px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}

.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: 150px;
}
.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-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;
}




@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%;
    max-height: initial;
    width: 100%;
	}

}

@media screen and (max-width:767px) {
	.program{
	    width: 100%;
	    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;
 }


.icon-pdf,
.icon-facebook,
.icon-twitter,
.icon-google,
.icon-favarite,
.icon-print{
	 margin: 5px 20px 5px 0px; padding: 0px; float: left;
	 width: 30px;
}

.icon-pdf img,
.icon-facebook img,
.icon-twitter img,
.icon-google img,
.icon-favarite img,
.icon-print img{
	width: 30px;
}

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

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

.icon-pdf i{
	font-size: 26px;
	color: #545454;
}
.icon-pdf i:hover{
	color: #000;
}

.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; */
    width: 100%;
    text-align: center;
}
/*
    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;

}
.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;
}

.play-button{}


.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;
}

.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: -45px;
    width: 100%;
}
.movie-slider .bx-wrapper .bx-viewport{
	min-height: 320px;
}
.bxslider-wrapper.movie-slider .bx-controls-direction a{
	top: 42%;
}
.no-slider{
	position: relative;
    margin: 0 auto 40px;
    padding: 0;
}
.no-slider .slide-inner{
	display: block;
}

.tv_program_text {
    padding: 5px;
}

.detail-content{
	padding-top: 0px;
	padding-bottom: 24px;
}
@media screen and (max-width:979px) {
	.bxslider-wrapper.movie-slider{
    margin-top: -15px;
    padding-bottom: 65px;
	}

	.slide-inner{
		clear: both;
		display: table-cell;
		width: 100%;

	}
	.movie-slider .tv_program_text{
		bottom: -40px;
	
	}
	.movie-slider .bx-wrapper .bx-pager{
		bottom: -55px;
	}
	.movie-slider .bx-wrapper .slide-inner{
		display: flex; /* 子要素をflexboxで揃える */
		flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
		justify-content: center; /* 子要素をflexboxにより中央に配置する */
		align-items: center;  /* 子要素をflexboxにより中央に配置する */

	}
	.bx-wrapper .slide-inner img {
		width: 100%;
	}
	.movie-slider .bx-pager{
			display: block;
	}
	.detail-content{
		padding-top: 12px;
		padding-bottom: 24px;
	}
	.no-slider .slide-inner{
		display: block;
	}
	.movie-slider .no-slider{
		margin-top: 30px;
	}
}
@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;
	}

}


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

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

.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;
}
@media screen and (max-width:979px) {
	.table {border:none;}
	.table td{
		border: none;
		display: block;
		width: 100%;
		padding: 5px 0;
	}
	.table td input{
		padding: 5px;
		border: solid 1px #7f7f7f;
	}
	.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;
	}
}


/*================================================
 *  Advanced Search
 ================================================*/
.table-search td{
	width: auto;
}
.table-search td:first-child{
	width: 25%;
	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) {
	.table-contact td:first-child{
    width: 100%!important;
    text-align: left;
    background: #000;
    color: white;
    padding: 5px;
	}
}

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

		/* iOSでのデフォルトスタイルをリセット */
		input[type="reset"],
		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;
		}

	#main {
		box-sizing:border-box;
		overflow:hidden;
		float:left;
		width:100%;
	}

	#sub {
		box-sizing:border-box;
		overflow:hidden;
		float:right;
		width:100%;
	}


	.inner {
		width:100%;
	}

	#contents {
	    box-sizing: border-box;
	    width: 100%;
	    padding: 0 0;
	    margin: 12px 0 48px 0;
	}
	.sp-container{
		padding: 0 10px;
	}

	footer {
		width:100%;
	}

	.header-right{
		display: none;
	}

	nav {
		background:#f0027f;
	}
	nav ul {
		margin:0;
		padding:0;
		}

	nav .inner > ul {
		z-index:2;
		overflow:auto;
		position:fixed;
		/*top:53px;*/
		right:0;
		width:100%;
		height:88%;
		height:-webkit-calc(100% - 53px);
		height:calc(100% - 53px);
	}
	nav li {
		position:relative;
		width:100%;
		float:none;
		margin:0;
		text-align:left;
		list-style:none;
		border-bottom:1px solid #8c0e0e;
		background:#9b0f0f;
	}

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

	nav li a {
		display:block;
		padding:10px 30px;
		color:#fff;
		text-decoration:none;
		background:#9b0f0f;
	}
	nav li a:hover {
		color:#fff;
		background:#710000;
	}
	nav ul ul {
		display:none;
		position:relative;
	}
	nav li li a {
		box-sizing:border-box;
		width:100%;
		padding:10px 30px 10px 50px;
		text-align:left;
	}

	nav li li li a {
		padding:10px 30px 10px 70px;
	}
	/*
	.subnav > a:before {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-5px;
		background:#f1f1f1;
	}

	.subnav > a:after {
		display:block;
		content:"";
		position:absolute;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		top:20px;
		right:30px;
		width:10px;
		height:10px;
		margin-top:-10px;
		background:#9b0f0f;
	}
	.subnav a:hover:after {
	  background:#710000;
	}*/

	.active > a:before {
		margin-top:0;
	}
	.active > a:after {
		margin-top:5px;
	}

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

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

	#navBtn {
	    display: inline-block;
	    position: relative;
	    width: 50px;
	    height: 50px;
	    border-radius: 5%;
	}
	#navBtnIcon {
		display:block;
		position:absolute;
		top:50%;
		left:35%;
		width:28px;
		height:2px;
		margin:-1px 0 0 -7px;
		background:#fff;
		transition:.2s;
	}
	#navBtnIcon:before,
	#navBtnIcon:after {
		display:block;
		content:'';
		position:absolute;
		top:50%;
		left:0;
		width:28px;
		height:2px;
		background:#fff;
		transition:0.3s;
	}
	#navBtnIcon:before {
		margin-top:-10px;
	}
	#navBtnIcon:after {
		margin-top:8px;
	}
	#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);
	}
	.sp .gnav {
		position: absolute;
		width: 100%;
		z-index: 10;
	}

	.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: #f0027f;
    	padding: 10px;
    	border-top: 1px solid #fff;
    	position: relative;
	}
	.sp .gnav-search-form input{
		width: 100%;
	    padding:10px;
	    font-size: 14px;
	}
	.sp .gnav-search-form .icon-search input{
		padding: 2px;
	}
	.icon-search{
		position: absolute;
		right: 20px;
		top: 16px;
	}
	.icon-search i{
		color: #ccc;
	    font-size: 24px;
	}
	.sp .gnav .gnav-wrapper{
		padding: 15px 15px 5px 15px;
		background-color: #f0027f;
		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{
		margin-bottom: 10px;

	}
	.sp .gnav ul li {
		width:100%;
		display: inline-block;
		border-bottom: none;
	}
	.sp .gnav ul.clearfix li:first-child{
		border-bottom:1px solid #fff;

	}
	.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;
	}

	.summary {
		position:relative;
		top:auto;
		right:auto;
		margin-top:15px;
	}

	#main {
		float:none;
		width:100%;
	}

	#sub {
	    float: none;
	    width: 100%;
	    margin-bottom: 48px;
	}

	.buyers-login {
		margin-bottom: 12px;
	}
	.col_two_one ul {
		margin-right:0;
	}
	.col_two_one li {
		width:100%;
	}
	.col_two_one li:nth-child(2n+1) {
		clear:both;
	}
	.program-list ul li,
	.buyers-login ul li{
		float: left;
		width: 32%;
		list-style-type: none;
		margin-right: 2%;
	}

	.program-list ul li:nth-child(3){
		margin-right: 0%;
	}

	.program-list ul li{
		margin-bottom: 12px;
	}



	.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;}
}



#sub .banners ul li img:hover,
li.slick-slide:hover > *,
.rich-text-editor a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


/*================================================
 *  rich text editor
 ================================================*/
.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: initial;
    width: initial;
    height: initial;
    padding: initial;
    margin: initial;
    float: initial;
    border: initial;
    text-decoration: initial;
    outline: initial;
    vertical-align: initial;
    background-color: unset;
    color: unset;
}




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

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

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