@charset "UTF-8";
/* ****************************************************************** 

	--style.css--

	0. BoxModel change

	1. Common setting
		1-1. Reset styles
		1-2. Font styles
		1-3. General styles
		1-4. Text styles
		1-5. List styles
		1-6. CSS3 common styles

	2. Responsive setting
		2-1. Fluid grid styles
		2-2. Tablet grid styles
		2-3. Mobile grid styles

	3. Style setting
		3-1. FontColor styles
		3-2. Headline styles

	4. Layout setting
		4-1. Base styles
		4-2. Header styles
		4-3. Navi styles
		4-4. Main styles
		4-5. Side styles
		4-6. Footer styles

****************************************************************** */

/*==================================================================
	0. BoxModel change
===================================================================*/
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


/*==================================================================
	1. Common setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. Reset styles
-------------------------------------------------------------------*/
html {
	overflow-x:auto;
	background:#FFF;
}
body {
	overflow-x:auto;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	word-wrap:break-word;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas {
	margin:0;
	padding:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, menu { display:block; }
audio:not([controls]) {
	display:none;
	height:0;
}
[hidden] { display:none; }
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img { border:none; }
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ul, ol, menu { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after { content:''; }
abbr, acronym {
	border:none;
	font-variant:normal;
}
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
legend { color:#000; }
a img, map a { border:none; }
a:hover, a:active, a:focus { outline:0; }
embed { width:100%; }
audio, canvas, video { display:inline-block; }
audio:not([controls]) {
	display:none;
	height:0;
}
img, object, embed {
	max-width:100%;
	height:auto;
}
object, embed { height:100%; }
img {
	-ms-interpolation-mode:bicubic;
}

/* Font styles
-------------------------------------------------------------------*/
/*body { font:13px/1.231 Verdana,"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,sans-serif; }*/
body { font:13px/1.231 "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Meiryo, Verdana, Arial, sans-serif; }
select, input, button, textarea, button { font:99% arial, sans-serif; }
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
	line-height:1;
}

/* General styles
-------------------------------------------------------------------*/
table { empty-cells:show; }
input { line-height:1; }
form img, input, select { vertical-align:middle; }
textarea { resize:none; }
select { padding:1px; }
label { margin-right:5px; }
legend { display:none; }
input[type="text"], input[type="password"], textarea {
	padding:3px 4px 0 3px;
	border:1px solid #999;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	font-size:13px;
}


/* ------------------------------------------------------------------
	1-2. VisualFormattingModel styles
-------------------------------------------------------------------*/
.noDisplay { display:none; }
.block { display:block !important; }
.inline { display:inline !important; }
.inlineBlock { display:inline-block !important; }
.static { position:static !important; }
.relative { position:relative !important; }
.absolute { position:absolute !important; }
.fixed { position:fixed !important; }
.leftBox { float:left; }
.rightBox { float:right; }
.nofloat { float:none !important; }
.clearfix { zoom:1; }
.clearfix:after {
	display:block;
	clear:both;
	content:"";
}
.clear { clear:both !important; }
a.hover:hover,
input.hover:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}


/* ------------------------------------------------------------------
	1-3. BoxModel styles
-------------------------------------------------------------------*/
.auto {
	margin-right:auto !important;
	margin-left:auto !important;
}
.mt0, .mv0, .ma0 { margin-top:    0 !important; }
.mr0, .mh0, .ma0 { margin-right:  0 !important; }
.mb0, .mv0, .ma0 { margin-bottom: 0 !important; }
.ml0, .mh0, .ma0 { margin-left:   0 !important; }
.pt0, .pv0, .pa0 { padding-top:   0 !important; }
.pr0, .ph0, .pa0 { padding-right: 0 !important; }
.pb0, .pv0, .pa0 { padding-bottom:0 !important; }
.pl0, .ph0, .pa0 { padding-left:  0 !important; }
.mt5, .mv5, .ma5 { margin-top:    5px !important; }
.mr5, .mh5, .ma5 { margin-right:  5px !important; }
.mb5, .mv5, .ma5 { margin-bottom: 5px !important; }
.ml5, .mh5, .ma5 { margin-left:   5px !important; }
.pt5, .pv5, .pa5 { padding-top:   5px !important; }
.pr5, .ph5, .pa5 { padding-right: 5px !important; }
.pb5, .pv5, .pa5 { padding-bottom:5px !important; }
.pl5, .ph5, .pa5 { padding-left:  5px !important; }
.mt10, .mv10, .ma10 { margin-top:    10px !important; }
.mr10, .mh10, .ma10 { margin-right:  10px !important; }
.mb10, .mv10, .ma10 { margin-bottom: 10px !important; }
.ml10, .mh10, .ma10 { margin-left:   10px !important; }
.pt10, .pv10, .pa10 { padding-top:   10px !important; }
.pr10, .ph10, .pa10 { padding-right: 10px !important; }
.pb10, .pv10, .pa10 { padding-bottom:10px !important; }
.pl10, .ph10, .pa10 { padding-left:  10px !important; }
.mt15, .mv15, .ma15 { margin-top:    15px !important; }
.mr15, .mh15, .ma15 { margin-right:  15px !important; }
.mb15, .mv15, .ma15 { margin-bottom: 15px !important; }
.ml15, .mh15, .ma15 { margin-left:   15px !important; }
.pt15, .pv15, .pa15 { padding-top:   15px !important; }
.pr15, .ph15, .pa15 { padding-right: 15px !important; }
.pb15, .pv15, .pa15 { padding-bottom:15px !important; }
.pl15, .ph15, .pa15 { padding-left:  15px !important; }
.mt20, .mv20, .ma20 { margin-top:    20px !important; }
.mr20, .mh20, .ma20 { margin-right:  20px !important; }
.mb20, .mv20, .ma20 { margin-bottom: 20px !important; }
.ml20, .mh20, .ma20 { margin-left:   20px !important; }
.pt20, .pv20, .pa20 { padding-top:   20px !important; }
.pr20, .ph20, .pa20 { padding-right: 20px !important; }
.pb20, .pv20, .pa20 { padding-bottom:20px !important; }
.pl20, .ph20, .pa20 { padding-left:  20px !important; }
.mt30, .mv30, .ma30 { margin-top:    30px !important; }
.mr30, .mh30, .ma30 { margin-right:  30px !important; }
.mb30, .mv30, .ma30 { margin-bottom: 30px !important; }
.ml30, .mh30, .ma30 { margin-left:   30px !important; }
.pt30, .pv30, .pa30 { padding-top:   30px !important; }
.pr30, .ph30, .pa30 { padding-right: 30px !important; }
.pb30, .pv30, .pa30 { padding-bottom:30px !important; }
.pl30, .ph30, .pa30 { padding-left:  30px !important; }
.mt40, .mv40, .ma40 { margin-top:    40px !important; }
.mr40, .mh40, .ma40 { margin-right:  40px !important; }
.mb40, .mv40, .ma40 { margin-bottom: 40px !important; }
.ml40, .mh40, .ma40 { margin-left:   40px !important; }
.pt40, .pv40, .pa40 { padding-top:   40px !important; }
.pr40, .ph40, .pa40 { padding-right: 40px !important; }
.pb40, .pv40, .pa40 { padding-bottom:40px !important; }
.pl40, .ph40, .pa40 { padding-left:  40px !important; }
.mt60, .mv60, .ma60 { margin-top:    60px !important; }
.mr60, .mh60, .ma60 { margin-right:  60px !important; }
.mb60, .mv60, .ma60 { margin-bottom: 60px !important; }
.ml60, .mh60, .ma60 { margin-left:   60px !important; }
.pt60, .pv60, .pa60 { padding-top:   60px !important; }
.pr60, .ph60, .pa60 { padding-right: 60px !important; }
.pb60, .pv60, .pa60 { padding-bottom:60px !important; }
.pl60, .ph60, .pa60 { padding-left:  60px !important; }
.mt70, .mv70, .ma70 { margin-top:    70px !important; }
.mr70, .mh70, .ma70 { margin-right:  70px !important; }
.mb70, .mv70, .ma70 { margin-bottom: 70px !important; }
.ml70, .mh70, .ma70 { margin-left:   70px !important; }
.pt70, .pv70, .pa70 { padding-top:   70px !important; }
.pr70, .ph70, .pa70 { padding-right: 70px !important; }
.pb70, .pv70, .pa70 { padding-bottom:70px !important; }
.pl70, .ph70, .pa70 { padding-left:  70px !important; }
.mt80, .mv80, .ma80 { margin-top:    80px !important; }
.mr80, .mh80, .ma80 { margin-right:  80px !important; }
.mb80, .mv80, .ma80 { margin-bottom: 80px !important; }
.ml80, .mh80, .ma80 { margin-left:   80px !important; }
.pt80, .pv80, .pa80 { padding-top:   80px !important; }
.pr80, .ph80, .pa80 { padding-right: 80px !important; }
.pb80, .pv80, .pa80 { padding-bottom:80px !important; }
.pl80, .ph80, .pa80 { padding-left:  80px !important; }
.bt0, .ba0 { border-top:none !important; }
.br0, .ba0 { border-right:none !important; }
.bb0, .ba0 { border-bottom:none !important; }
.bl0, .ba0 { border-left:none !important; }


/* ------------------------------------------------------------------
	1-4. Text styles
-------------------------------------------------------------------*/
strong, .bold { font-weight:bold; }
.italic { font-style:italic; }
.note {
	margin-left:1.0em;
	text-indent:-1.0em;
}
.f10 { font-size:77%; }
.f11 { font-size:85%; }
.f12 { font-size:93%; }
.f14 { font-size:108%; }
.f15 { font-size:116%; }
.f16 { font-size:123.1%; }
.f17 { font-size:131%; }
.f18 { font-size:138.5%; }
.f19 { font-size:146.5%; }
.f20 { font-size:153.9%; }
.f21 { font-size:161.6%; }
.f22 { font-size:167%; }
.f23 { font-size:174%; }
.f24 { font-size:182%; }
.f25 { font-size:189%; }
.f26 { font-size:197%; }
.red { color:#C00; }
.white { color:#FFF; }
.grayC { color:#CCC; }
.gray9 { color:#999; }
.gray6 { color:#666; }
.gray3 { color:#333; }
.black { color:#000; }
.middle { vertical-align:middle !important; }
.center { text-align:center !important; }
.left { text-align:left !important; }
.right { text-align:right !important; }
.underline { text-decoration:underline !important; }


/* ------------------------------------------------------------------
	2-2. Tablet grid styles
-------------------------------------------------------------------*/
@media only screen and (min-width:481px) and (max-width:768px) {
	body {
		width:100%;
		min-width:0;
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
	}
}

/* ------------------------------------------------------------------
	2-3. Mobile grid styles
-------------------------------------------------------------------*/
@media only screen and (max-width:480px) {
	body {
		width:100%;
		min-width:0;
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-right:0;
	}
}

/*==================================================================
	3. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	3-1. FontColor styles
-------------------------------------------------------------------*/
html { color:#333; background:#eee;}
a:link, a:visited { color:#000; text-decoration:none; }
a:hover {
	text-decoration:underline;
}
.touchHover,
.noTapColor,
button { -webkit-tap-highlight-color:rgba(0,0,0,0); }

.pcDisplay {
	display:block!important;
}
.spDisplay {
	display:none!important;
}
@media screen and (max-width:736px) {
.pcDisplay {
	display:none!important;
}
.spDisplay {
	display:block!important;
}
}


/* ------------------------------------------------------------------
	3-2. Headline styles
-------------------------------------------------------------------*/
.headline1 {
	color: #fff;
	font-size:15px;
	font-weight:bold;
	background:#dc0800;
	position:relative;
}
.headline1 a.more {
	position: absolute;
	top:9px;
	right:10px;
	color:#FFF;
	font-size:11px;
	background:url(/img/common/icon_arrow01.png) no-repeat 100% 50%;
	padding:0 11px 0 0; 
	font-weight:bold;
	display:inline-block;
}
.headline1 .icon {
	position:relative;
	top:-40px;
	left:0;
	display:inline-block;
	font-size:0;
	margin:0 5px 0 10px;
}
.headline1 img {
	display:inline-block;
	vertical-align:top;
	margin:0 0 -40px 0;
}
.headline1 img.pcDisplay {
	display:inline-block !important;
}
@media screen and (max-width:736px) {
	.headline1 img.pcDisplay {
		display:none !important;
	}
	.headline1 img.spDisplay {
		display:inline-block !important;
		height:35px;
		margin:0 0 -47px 0;
		vertical-align:bottom;
	}
}
.headline1 strong {
	display:inline-block;
	padding:7px 0 7px 6px;
}
.headline1 strong em {
	font-size:13px;
	font-weight:bold;
}
.headline2 {
	display:block;
	margin-bottom:11px;
	padding:5px 10px 1px;
	background:#DC0800;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	vertical-align:middle;
}
.headline2 .icon {
	display:inline-block;
	margin:-13px 10px 0 0;
	vertical-align:middle;
	font-size:0;
}
.headline2 .icon img {
	width:auto;
	height:46px;
}
.headline2 em {
	font-size:20px;
	font-weight:bold;
}
.headline3 {
	color:#333;
	font-weight:bold;
	font-size:16px;
	border-left:5px solid #333;
	padding:1px 0 0 10px;
	line-height:0.9;
}
.headline4 {
	margin-bottom:11px;
	padding:4px 14px 7px;
	background:#333;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
}
.headline4 span {
	font-size:10px;
}
.headline5 {
	position:relative;
	padding:6px 5px 6px 15px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	background:#DC0800;
}
.pcDisplay.adsBlock .headline5 {
	padding:6px 0;
	text-align:center;
}
.flashBlock.photoAlbum .headline5 {
	font-size: 13px;
}
.headline5 a.more {
	position: absolute;
	top:9px;
	right:10px;
	color:#FFF;
	font-size:11px;
	background:url(/img/common/icon_arrow01.png) no-repeat 100% 50%;
	padding:0 11px 0 0; 
	font-weight:bold;
	display:inline-block;
}
.headline6 {
	margin-bottom:10px;
	padding:5px 15px 7px;
	background:#333;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
}
.headline7 {
	padding-bottom:15px;
	background:url(/img/common/bg_dot01.gif) repeat-x 0 100%;
	font-size:26px;
	font-weight:bold;
	line-height:1.15;
}
.headline7.noBorder {
	background: none;
}
.headline7 span {
	display:block;
	padding-top:6px;
	color:#888;
	font-size:12px;
	font-weight:normal;
}
.headline8 {
	position:relative;
	padding:6px 5px 5px 15px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	background:#333;
}
.headline8 a.more {
	position: absolute;
	top:9px;
	right:10px;
	color:#FFF;
	font-size:11px;
	background:url(/img/common/icon_arrow01.png) no-repeat 100% 50%;
	padding:0 11px 0 0; 
	font-weight:bold;
	display:inline-block;
}
.headline9 {
	position:relative;
	padding:4px 5px 6px 20px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	background:#333;
}
.headline9 img {
	margin:0 10px 0 0;
	vertical-align:middle;
}
.headline9 strong {
	display:inline-block;
	padding:8px 0 0 0;
	min-height:30px;
}
.headline9 .iconRanking {
	position:absolute;
	right:0;
	top:-15px;
}
.headline9 .iconRanking.style01 {
	top:-13px;
}
.headline9 img.iconRanking {
	width:64px;
	height:auto;
}
.headline9 .iconPopular {
	position:absolute;
	right:0;
	top:-24px;
}
.headline9 img.iconPopular {
	width:49px;
	height:auto;
}
.videoList .iconRanking {
	top: -18px;
	right: -15px;
}
.articleRanking .headline9 {
	padding-right:55px;
}
.articleRanking .headline9 img.iconRanking {
	right:-25px;
}
.articleRanking .headline9 img.iconRanking.style01 {
	right:-17px;
}
.headline10 {
	margin-bottom:11px;
	padding:6px 40px;
	background:#DC0800;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
}
.headline10.grayBg {
	background:#333;
}
.headline11 {
	position:relative;
	margin-bottom:11px;
	padding:7px 10px 6px;
	background:#333;
}
.headline11 span {
	padding-left:39px;
	background:url(/img/rank/icon_rank.png) no-repeat 0 50%;
	color:#FFF;
	font-size:22px;
	font-weight:bold;
}
.headline11 img {
	position:absolute;
	top:2px;
	right:20px;
}
.headline12 {
	margin-bottom:14px;
	padding-bottom:9px;
	background:url(/img/common/bg_dot01.gif) repeat-x 0 100%;
	font-size:20px;
	font-weight:bold;
}
.headline12 span {
	padding-left:13px;
	background:url(/img/common/bg_line01.gif) no-repeat 0 3px;
}
@media \0screen {
	.headline1 .icon {
		top:-32px;
	}
	.headline1 strong {
		padding:6px 0 6px 0;
	}
}
@media screen and (min-width:0\0) {
	.headline1 .icon {
		top:-32px;
	}
}
@media screen and (max-width:900px) {
	.headline1 {
		font-size:13px;
	}
	.headline1 strong em {
		font-size:10px;
	}
	.headline8 {
		font-size:13px;
	}
	.headline9 {
		font-size:13px;
	}
}
@media screen and (max-width:768px) {
	.headline1 {
		font-size:12px;
	}
	.headline1 strong em {
		font-size:8px;
	}
	.headline2 {
		font-size:22px;
	}
	.headline2 em {
		font-size:18px;
	}
}
@media screen and (max-width:736px) {
	.headline1 {
		font-size:15px;
	}
	.headline2 {
		padding:9px 5px 4px;
		font-size:18px;
	}
	.headline2 .icon {
		margin:-12px 6px 0px 0;
		vertical-align:middle;
		float:left;
	}
	.headline2 .title {
		overflow:hidden;
	}
	.headline2 em {
		display:inline-block;
		font-size:13px;
	}
	.headline2 .icon img {
		width:auto;
		height:38px;
 	}
	.headline7 {
		font-size:18px;
	}
	.headline7 span {
		font-size:12px;
	}
	.headline8 {
		padding:6px 5px 6px 15px;
		font-size:15px;
	}
	.headline9 {
		padding:0 5px 5px 20px;
		font-size:15px;
	}
	.headline9.carousel {
		padding-left: 70px;
	}
	.headline9 img {
		margin:-4px 10px 0 0;
	}
	.headline9 .iconRanking img {
		width:50px;
		height:auto;
	}
	.headline9.carousel .iconRanking {
		right: auto;
		left: 0;
	}
	.headline9.carousel .iconRanking.style01 {
		left: 5px;
	}
	.headline9.carousel .iconPopular {
		right: auto;
		left: 14px;
	}
	.videoList .headline9.carousel .iconRanking {
		right: auto;
		top: -17px;
		left: 6px;
	}
	.articleRanking .headline9 {
		padding-right:5px;
	}
	.headline10 {
		padding:6px 10px;
		font-size:15px;
	}
	.headline11 span {
		padding-left:25px;
		background-size:20px auto;
		-webkit-background-size:20px auto;
		font-size:16px;
	}
	.headline11 img {
		top:3px;
		right:10px;
		height:25px;
	}
	.headline12 {
		font-size:15px;
	}
	.headline12 span {
		background:url(/img/common/bg_line01_sp.gif) no-repeat 0 1px;
		background-size:5px 20px;
		-webkit-background-size:5px 20px;
		-moz-background-size:5px 20px;
	}
}

/*==================================================================
	4. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	4-1. Base styles
-------------------------------------------------------------------*/
body {
	min-width:1320px;
	background:#eee;
}
#main {
	max-width:650px;
	float:left;
	width:67.7%;
	z-index:700;
	position:relative; 
}
#main.fullWidth {
	float:none;
	max-width:100%;
	width:100%;
	padding-top:30px; 
}


/* ------------------------------------------------------------------
	4-2. Header styles
-------------------------------------------------------------------*/
#header {
	border-top:5px solid #dc0800;
	border-bottom:1px solid #ebebeb;
	background:#FFF;
}
#header .headerInner {
	max-width:980px;
	padding:12px 10px 8px;
	margin:0 auto;
}
#header .headerInner #logo {
	float:left;
	max-width:207px;
	margin:22px 0 0 0;
	width:21.52%;
}
#header .headerInner .hBanner {
	float:right;
	max-width:728px;
	width:75.83%;
}
@media screen and (max-width:980px) {
	#header .headerInner #logo {
		margin:2% 0 0 0;
	}
}
@media screen and (max-width:736px) {
	body {
		min-width:320px;
	}
	.hBanner {
		font-size:0;
		padding:5px 0;
	}
	.hBanner img {
		width:100%;
	}
	#header {
		z-index:999;
		position:relative;
		top:0;
		left:0;
		width:100%;
		border:none;
	}
	#header.fix {		
		left:0;
		position:fixed;
		right:0;
		top:0;
	}
	.headerBox {
		border-top:4px solid #dc0800;
		border-bottom:1px solid #e0e0e0;
		width:100%;
	}
	.headerInner {
		position:relative;
	}
	.headerInner .menuBtn {
		position:absolute;
		right:15px;
		top:9px;
	}
	.headerInner .menuBtn a {
		display:block;
	}
	.headerInner .menuBtn img {
		width:27px;
	}
	#header .headerInner #logo {
		margin:0;
		width:auto;
	}
	#header .headerInner #logo img {
		width:auto;
		height:34px;
	}
	#header .headerInner {
		width:100%;
		max-width:inherit;
		padding:6px 15px 6px 15px; 
	}
}
	
	
/* ------------------------------------------------------------------
	4-3. Navi styles
-------------------------------------------------------------------*/
#navi {
	clear:both;
	background:#FFF;
	box-shadow:0 3px 4px -4px #999;
	-moz-box-shadow:0 3px 4px -4px #999;
	-webkit-box-shadow:0 3px 4px -4px #999;
	position:relative;
	z-index:999;
	behavior:url(/js/PIE.php);
}
.navInner {
	width:1030px;
	margin:0 auto;
}
#navi.fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	border-top:5px solid #dc0800;
}
.logoNav {
	display:none;
	max-width:117px;
	width:11.58%;
}
#navi.fixed .logoNav {
	display:block;
	float:left;
	padding:11px 10px 0 0;
}
.fixed .navList {
	margin:0 auto;
	padding:0 10px;
}
#navi ul {
	max-width:980px;
	padding:0 10px;
	margin:0 auto;
}
#navi.fixed ul {
	max-width:inherit;
	padding:0; 
}
#navi ul li {
	float:left;
	padding:0 0 0 25px;
}
#navi.fixed ul li {
	padding-left: 18px;
}
#navi ul li:first-child {
	padding-left:0 !important;
}
#navi ul li a {
	font-size:15px;
	font-weight:bold;
	position:relative;
	display:block; 
	padding:18px 0 15px;
}
#navi ul li a:hover {
	text-decoration:none;
}
#navi ul li a:before {
	border-bottom:5px solid #dc0800;
	bottom:0;
	content: "";
	display:none;
	left:0;
	width:100%;
	position:absolute;
	z-index:97;
}
#navi ul li a:hover:before {
	display:block;
}
#navi .navSerial a::before {
	display:block;
	border-bottom:5px solid #dc0800;
}
@media screen and (max-width:1300px) {
	#navi.fixed ul li {
		padding:0 0 0 1.9%;
	}
}
@media screen and (max-width:1200px) {
	#navi.fixed ul li {
		padding:0 0 0 1.8%;
	}
}
@media screen and (max-width:1100px) {
	#navi.fixed ul li {
		padding:0 0 0 1.7%;
	}
}
@media screen and (max-width:1000px) {
	#navi.fixed ul li {
		padding:0 0 0 1.6%;
	}
	#navi.fixed ul li a {
		font-size:15px;
	}
}
@media screen and (max-width:950px) {
	#navi.fixed ul li a {
		font-size:14px;
	}
}
@media screen and (max-width:900px) {
	#navi.fixed ul li {
		padding:0 0 0 1.3%;
	}
	#navi.fixed ul li a {
		font-size:13px;
	}
}
@media screen and (max-width:850px) {
	#navi.fixed ul li a {
		font-size:12px;
	}
}
@media screen and (max-width:736px) {
	#navi {
		display:none;
	}
}

/* ------------------------------------------------------------------
	4-4. contents styles
-------------------------------------------------------------------*/
#contentBox {
	width:1320px;
	margin:0 auto;
	padding:20px 0 0 0; 
}
#pageScoop #contentBox {
	width:980px;
}
#contents {
	position:relative;
	width:980px;
	margin:0 auto;
	float:left;
	min-height:560px;
	padding:0 10px 10px;
}
.adsBlockInner {
	margin:0 auto;
	position:absolute;
	overflow-x:auto;
}
.flashBlock {
	width:160px;
	margin-top:20px;
}
#pageScoop .flashBlock {
	margin-top:0;
	margin-bottom:20px;
}
.flashBlock .innerBlock {
	background:#FFF;
	padding:10px 15px 15px;
}
.flashBlock .flashLogo {
	font-size:0;
	padding:0 0 5px 0;
}
.flashBlock .flashImg img {
	width:100%;
}
.flashBlock .flash img {
	width:100%; 
} 
.flashBlock .textBlock {
	color:#888;
	font-size:14px;
	padding-bottom:6px;
}
.flashBlock .textBlock span {
	display:block;
	color:#000;
	font-weight:bold;
	padding-bottom:4px;
}
.flashBlock.photoAlbum .textBlock span {
	font-size: 13px;
	letter-spacing: -0.1em;
}
.flashBlock .detail {
	border:1px solid #DADADA;
	font-weight:bold;
	text-align:center;
}
.flashBlock .detail a {
	display:block;
	padding:6px 15px 6px 2px;
	background:url(/img/common/icon_arrow05.gif) no-repeat 90% 50%;
	font-size:11px;
}
.adsBlock.spDisplay h4 {
	text-align:left;
}
.adsBlock.spDisplay .flashBlock {
	display:inline-block;
	margin-right:20px;
	text-align:left;
	vertical-align:top;
}
.breadcrumbs {
	width:960px;
	margin:9px auto -10px;
	position:relative;
	z-index:10;
}
.breadcrumbs li {
	float:left;
	font-size:12px;
}
.breadcrumbs li span.spacing {
	padding:0 5px;
}
.adsBlock {
	position:relative;
}
.leftAds {
	float:left;
	margin:0 10px 0 0; 
}
.rightAds {
	float:right;
}
.postAds {
	margin:0 -23px;
}
.postAdsBlock {
	margin: 15px -10px;
}
.postAdsBlock > div {
	margin: 0 auto;
}
.shawdow {
	box-shadow:0 2px 2px -2px #c3bfbf;
	-moz-box-shadow:0 2px 3px -2px #c3bfbf;
	-webkit-box-shadow:0 2px 3px -2px #c3bfbf;
	position:relative;
	z-index:20;
	behavior:url(/js/PIE.php);
}
.section {
	margin-bottom:50px;
}
.section .inner {
	position:relative;
	margin-top:-11px;
	padding:20px 40px 70px;
	background:#FFF;
	box-shadow:0 0 1px #E9E9E9;
}
.newsBlock .image {
	margin:18px 0 11px;
	text-align:center;
}
.newsBlock .text {
	padding-top:18px;
	font-size:18px;
	line-height:1.79;
}
.newsBlock .text a {
	color:#DC0800 !important;
}
.newsBlock a.tagLink {
	padding-bottom: 1px;
	border-bottom:1px dashed #000;
	text-decoration:none;
	color: #000 !important;
}
.newsBlock a.tagLink:hover {
	text-decoration:none;
}
.newsBlock iframe {
	border:none;
}
.iframeBox {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.iframeBox iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.buttonStyle {
	margin:-20px 0 50px;
}
.buttonStyle a {
	display:block;
	position:relative;
	padding:17px 70px;
	border:2px solid #DADADA;
	border-radius:4px;
	background:#FFF url(/img/common/icon_arrow04.png) no-repeat 90.5% 50%;
	font-size:18px;
	text-align:center;
	text-decoration:none;
	behavior:url(/js/PIE.php);
	font-weight:bold;
}
.buttonStyle.noArrow a {
	background: none;
}
.categoryList {
	padding:0 10px;
	text-align:center;
}
.categoryList li {
	display:inline-block;
	max-width:196px;
	width:32.7%;
	margin:0 -2px 0 0;
}
.uae_outstreamplayer {
	margin-left:-15px;
}

@media screen and (max-width:736px) {
	#contents {
		min-height:315px;
		padding:0;
		background:#FFF; 
	}
	#contents #main {
		float:none;
		max-width:100%;
		width:100%;
	}
	.bannerLink {
		width: 100%;
		text-align: center;
		padding: 0 10px;
		margin-top: 20px;
	}
	.bannerLink a {
		display: inline-block;
		margin-bottom: 5px;
	}
	.flashBlock .flashImg {
		width:120px;
		height:170px;
		overflow:hidden;
		position:relative;
	}
	.flashBlock .flashImg img {
		position: absolute;
		left: 50%;
		top: 50%;
		width:100%;
		max-width:inherit;
		height:auto;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.flashBlock .flash {
		width:120px;
		overflow:hidden;
		position:relative;
	}
	.flashBlock .flash img {
		position:static;
		width:100%;
		max-width:inherit;
		height:auto;
	}
	.flashBlock .textBlock {
		padding-top:6px;
		font-size:inherit;
	}
	.shawdow {
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
	}
	.section {
		margin-bottom:20px;
	}
	.section .inner {
		padding:15px 10px;
		box-shadow:0 0 0;
	}
	.newsBlock .image {
		margin:15px 0 10px;
	}
	.newsBlock .text {
		padding-top:15px;
		font-size:15px;
	}
	.buttonStyle {
		margin:-20px 10px 25px;
	}
	.buttonStyle a {
		font-size:12px;
		padding:13px 25px;
		background-position:95% 50%;
		-webkit-background-size:8px auto;
		background-size:8px auto;
		border:2px solid #DADADA;
	}
	.adsBlock {
		padding-bottom:0;
	}
	.adsBlock.spDisplay {
		margin-top:10px;
	}
	.breadcrumbs {
		width:auto;
		margin:0;
		padding:10px;
		background:#EEE;
	}
	.breadcrumbs li {
		font-size:12px;
	}
}
@media screen and (max-width:480px) {
	.buttonStyle a {
		padding:13px 18px;
		background-position:98% 50%;
	}
}

/* ------------------------------------------------------------------
	4-5. Side styles
-------------------------------------------------------------------*/
#side {
	float:right;
	max-width:300px;
	width:31.25%;
	padding-bottom:47px;
}
#side .notice {
	padding-bottom:12px;
}
#side .noticeList {
	padding:12px 16px 6px;
	background:#FFF;
	-moz-box-shadow:0 1px 1px 0 #DFDFDF;
	-webkit-box-shadow:0 1px 1px 0 #DFDFDF;
	box-shadow:0 1px 1px 0 #DFDFDF;
}
#side .noticeList li {
	padding-bottom:6px;
	font-size:12px;
	line-height:1.25;
}
#side .noticeList li span {
	display:block;
	color:#888;
}
.banner {
	margin-bottom:7px;
}
#side .search {
	position:relative;
	padding-bottom:33px;
}
#side .search form input.txtInput {
	border:1px solid #333 !important;
	font-size: 95%;
	height:42px !important;
	padding:3px 80px 3px 5px;
	vertical-align:middle;
	width:100%;
}
#side .search form input.btnSearch {
	position:absolute;
	right:0;
	top:0;
}
#side .ranking,
.videoList {
	margin-bottom:10px;
}
#side .ranking .rankingInner,
.videoList .rankingInner {
	padding:10px 12px 13px 23px;
	background:#FFF;
	-moz-box-shadow:0 1px 1px 0 #DFDFDF;
	-webkit-box-shadow:0 1px 1px 0 #DFDFDF;
	box-shadow:0 1px 1px 0 #DFDFDF;
}
#side .rankingList,
.videoList .rankingList{
	padding-bottom:2px;
}
#side .rankingList li,
.videoList .rankingList li {
	position:relative;
	display:table;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	width:100%; 
	border-bottom:1px dotted #DCDCDC;
}
#side .rankingList .image,
.videoList .rankingList .image {
	width:65px;
	vertical-align:top;
	font-size:0;
	height:65px;
	overflow:hidden;
	position:relative;
}
#side .rankingList .image a {
	display:block;
}
.videoList .rankingList .image a {
	display:block;
	width:100%;
	vertical-align:top;
	font-size:0;
	height: 100%;
	overflow:hidden;
	position:relative;
}
.videoList .rankingList .image a:before {
	z-index: 99;
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: rgba(22, 22, 23, 0.5);
}
.articleRanking.videoList .rankingList .image a:before,
.articleRanking.videoList .rankingList .image a:after {
	content: none;
}
.jsRanking .rankingList li:nth-child(n+4) {
	display: none;
}
.jsRanking.show .rankingList li:nth-child(n+4) {
	display: table;
}
.videoList .rankingList .image a:after {
	z-index: 100;
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	transform: translate(-34%,-50%);
	width: 0px;
	height: 0px;
	border-bottom: 7px solid transparent;
	border-top: 7px solid transparent;
	border-left: 12px solid #FFF;
}
#side .rankingList .image img,
.videoList .rankingList .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	width:auto;
	max-width:inherit;
	height:100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
#side .rankingList .image a:hover img,
.videoList .rankingList .image a:hover img {
	filter: alpha(opacity=60)\0;
	opacity:0.6\0;
}
#side .rankingList .rankingText {
	display:table-cell;
	vertical-align:top;
	width:100%;
	padding:0 0 0 10px;
}
.videoList .rankingList .rankingText {
	display:table-cell;
	vertical-align:top;
	width:100%;
	padding:0 10px 0 10px!important;
}
#side .rankingList .linkText,
.videoList .rankingList .linkText {
	line-height:1.4;
}
#side .rankingList .linkText a,
.videoList .rankingList .linkText a {
	font-size:12px;
}
#side .rankingList .linkText img,
.videoList .rankingList .linkText img {
	position:relative;
	margin:0 0 0 5px;
	top:2px;
}
#side .rankingList .linkText .pcDisplay,
.videoList .rankingList .linkText .pcDisplay {
	display:inline!important;
}
#side .rankingList .date,
.videoList .rankingList .date {
	color:#888;
	font-size:12px;
	padding:2px 0 0 0;
}
#side .rankingList .date a,
.videoList .rankingList .date a {
	color:inherit !important;
}
#side .rankingList .date span,
.videoList .rankingList .date span {
	padding:0 6px;
}
#side .iconNumber,
.videoList .iconNumber  {
	position:absolute;
	top:50%;
	left:-1.5em;
	min-width:1.5em;
	margin-top:-15px;
	font-size:17px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	letter-spacing:-0.2em;
}
#side .iconNumber.rk1 {
	color:#DAA520;
}
#side .iconNumber.rk2 {
	color:#9D9D9D;
}
#side .iconNumber.rk3 {
	color:#BF6D23;
}
#side .moreLink {
	margin-right:-2px;
	font-weight:bold;
	text-align:right;
}
#side .moreLink a {
	padding-right:11px;
	background:url(/img/common/icon_arrow06.gif) no-repeat 100% 4px;
}
#side .guide {
	padding-top:10px;
}
#side .guideList {
	padding:15px 14px;
	background:#FFF;
}
#side .guideList li {
	padding-bottom:8px;
}
#side .rankingList .date a {
	color:inherit !important;
}

@media screen and (max-width:768px) {
	#side .iconNumber {
		left:-1.6em;
	}
	.videoList .iconNumber {
		left:-1.6em;
		top: 13px;
	}
	#side .rankingList .linkText a,
	.videoList .rankingList .linkText a {
		font-size:11px;
	}
	#side .rankingList .date,
	.videoList .rankingList .date {
		font-size:8px;
	}
}
@media screen and (max-width:736px) {
	#contents {
		width:100%;
		float:none;
		padding-bottom:30px;
	}
	#contentBox,
	#pageScoop #contentBox {
		width:100%;
		padding-top:0;
	}
	#side {
		float:none;
		max-width:100%;
		width:100%;
		padding-bottom:0;
	}
	#side .rankingList li,
	.videoList .rankingList li {
		padding:0 0 15px 0;
		margin:0 0 15px 0;
		border-bottom:1px dotted #dcdcdc;
	}
	#side .rankingList li:last-child,
	.videoList .rankingList li:last-child {
		border-bottom:none;
		margin:0;
	}
	#side .rankingList .image {
		max-width:inherit;
		width:95px;
		height:95px;
	}
	.videoList .rankingList .image {
		max-width:inherit;
		width:70px;
		height:70px;
	}
	#side .articleRanking .rankingList .image {
		width:70px;
		height:70px;
	}
	#side .rankingList .rankingText .date,
	.videoList .rankingList .rankingText .date {
		font-size:12px;
	}
	#side .rankingList .rankingText{
		color:#555;
		padding:0 0 0 10px;
	}
	#side .rankingList .rankingText .linkText,
	.videoList .rankingList .rankingText .linkText {
		padding:0 0 3px 0;
	}
	#side .rankingList .rankingText .linkText a,
	.videoList .rankingList .rankingText .linkText a {
		font-size:14px;
		font-weight:bold;
		line-height:1.3;
	}
	#side .rankingList .rankingText .linkText .pcDisplay,
	.videoList .rankingList .rankingText .linkText .pcDisplay {
		display:none!important;
	}
	#side .rankingList .rankingText .date .spDisplay,
	.videoList .rankingList .rankingText .date .spDisplay {
		display:inline!important;
		height:12px;
		margin:0 6px 0 0;
		position:relative;
		top:1px;
	}
	.more {
		margin:0 10px;
		padding:0 0 20px 0;
	}
	.more a {
		display:inline-block;
		text-align:center;
		width:100%;
		border:1px solid #dadada;
		font-size:15px;
		color:#000;
		font-weight:bold;
		padding:13px 0 13px 0;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		background:url(/img/common/bg_arrow02.gif) no-repeat 100% 50%;
		-webkit-background-size:22px auto;
		-moz-background-size:22px auto;
		background-size:22px auto;
	}
	.more a:hover {
		text-decoration:none;
	}
	#side .ranking .rankingInner {
		padding:10px 12px 13px 28px;
		box-shadow:none;
	}
	.videoList .rankingInner {
		padding:10px 12px 0 28px;
		box-shadow:none;
	}
	.videoList {
		margin-top: 30px;
		margin-bottom: 0;
	}
	.banner {
		margin:0 10px 30px;
	}
	.banner img {
		width:100%;
		height:auto;
	}
	#side .guideList li {
		padding-bottom:8px;
	}
	#side .guideList li img {
		width:100%;
		height:auto;
	}
	#side .notice {
		padding:0;
	}
	#side .noticeList {
		padding:12px 16px 6px;
		box-shadow:none;
	}
	#side .noticeList li {
		margin-bottom:6px;
		border-bottom:1px solid #DDD;
	}
	#side .noticeList li:last-child {
		border:none;
	}
}


/* ------------------------------------------------------------------
	2-7. home styles
-------------------------------------------------------------------*/
.news {
	margin:0 0 21px 0;
	background:#FFF;
	padding: 10px 10px 20px 10px;
}
.news .newImage {
	float:left;
	max-width:600px;
	width:66.4%;
	margin-right: 25px;
	text-align:left;
}
.news .newImage a:hover {
	text-decoration: none;
}
.news .newImage .image {
	margin-bottom: 40px;
}
.news .newImage .ttl {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #000;
}
.news .newImage .date {
	font-size: 12px;
	color: #888;
}
.news .newImage .date span {
	padding: 0px 6px;
}
.jsSliderTop {
	display: flex;
}
.jsSliderTop .slick-next:before, .jsSliderTop .slick-prev:before {
	background: url(/img/common/icon_prev.svg) no-repeat 50% 50%;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 8px;
	height: 14px;
	opacity: 1;
}
.jsSliderTop .slick-next:before {
	transform: rotate(180deg);
	left: 11px;
	top: 8px;
}
.jsSliderTop .slick-prev, .jsSliderTop .slick-next {
	left: 0;
	width: 30px;
	height: 30px;
	background: rgba(0,0,0,0.3);
	z-index: 10;
	top: 185px;
	transform: none;
}
.jsSliderTop .slick-next {
	left: auto;
	right: 0;
}
.jsSliderTop .slick-prev:hover, .jsSliderTop .slick-prev:focus, .jsSliderTop .slick-next:hover, .jsSliderTop .slick-next:focus {
	background:  rgba(0,0,0,0.3);
}
.jsSliderTop .slick-dots li {
	width: 8px;
	height: 8px;
}
.jsSliderTop .slick-dots li button::before {
	display: none;
}
.jsSliderTop .slick-dots li button {
	padding: 0;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #DDD;
}
.jsSliderTop .slick-dots li.slick-active button {
	background: #DC0800;
}
.jsSliderTop .slick-dots {
	top: 405px;
	bottom: auto;
}
.jsSliderTop.slick-dotted.slick-slider.slick-slider {
	margin-bottom: 0;
}
.jsSliderTop .slick-slide img {
	width: 100%;
	max-height: 400px;
}
.firstLoad div:first-child {
	margin: 0 auto;
}
.firstLoad div:not(:first-child) {
	display: none;
}
.news .newsList {
	float:right;
	max-width:315px;
	width:33.6%;
	max-height:525px;
}
.newsInfo {
	padding-top: 20px;
}
.newsInfo li {
	display:table;
	margin:0 0 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
	width:100%; 
}
.newsInfo .image {
	width:82px;
	height:50px;
	overflow:hidden;
	position:relative;
}
.newsInfo .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	width:100%;
	height:auto;
	max-width:inherit;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	opacity:1;
}
.newsInfo .image a:hover img {
	filter: alpha(opacity=60);
	opacity:0.6;
}
.newsInfo .image a,
.itemInfo .image a {
	display:block;
}
.newsInfo .newsText,
.itemInfo .itemText {
	display:table-cell;
	vertical-align:top;
	width:100%;
	padding:0 0 0 10px;
}
.newsInfo .newsText .linkText {
	margin:-3px 0 0 0;
	line-height:1.4;
}
.newsInfo .newsText .linkText a {
	font-size:12px;
}
.listItem .listInner .newsInfo .newsText .linkText a,
.listItem .listInner .itemInfo .itemText .linkText a {
	font-size:12px;
}
.newsInfo .newsText .linkText img,
.itemInfo .itemText .linkText img {
	position:relative;
	margin:0 0 0 5px;
	top:2px;
}
.newsInfo .newsText .linkText .pcDisplay,
.itemInfo .itemText .linkText .pcDisplay {
	display:inline!important;
}
.newsInfo .newsText .date,
.itemInfo .itemText .date {
	color:#888;
	font-size:12px;
	padding:2px 0 0 0;
}
.newsInfo .newsText .date a,
.itemInfo .itemText .date a {
	color:inherit !important;
}
.newsInfo .newsText .date span,
.itemInfo .itemText .date span {
	padding:0 6px;
}
.listItem {
	margin: 0 -10px 0 0;
	position: relative;
}
.listItem > li {
	display:inline-block;
	vertical-align:top;
	margin-bottom:29px;
	padding:0 5px 0 0; 
	width:50%;
	max-width:325px;
}
.listItem .listInner .itemInner {
	clear: both;
	padding:10px;
	background:#FFF;
	margin:0 0 5px 0;
	-moz-box-shadow:0 1px 1px 0 #DFDFDF;
	-webkit-box-shadow:0 1px 1px 0 #DFDFDF;
	box-shadow:0 1px 1px 0 #DFDFDF;
	position:relative;
	z-index:20;
	behavior:url(/js/PIE.php);
}
.listItem .listInner .itemInner .imageItem {
	position:relative;
	overflow:hidden;
	height:185px;
	width:300px;
}
.listItem .listInner .itemInner .imageItem img {
	position: absolute;
	left: 50%;
	top: 50%;
	width:100%;
	height:auto;
	max-width:inherit;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.listItem .listInner .itemInner .imageItem a:hover img {
	filter: alpha(opacity=60)\0;
	opacity:0.6\0;
}
.listItem .listInner .itemInner .linkText {
	padding:6px 0 3px;
}
.listItem .listInner .itemInner .linkText a {
	font-size:14px; 
}
.listItem .listInner .itemInner .linkText img {
	margin:0 0 0 5px;
	position:relative;
	top:2px;
	display:inline!important; 
}
.listItem .listInner .itemInner .date {
	color: #888;
	font-size: 12px;
	padding: 2px 0 0;
}
.listItem .listInner .itemInner .date a {
	color:inherit !important;
}
.listItem .listInner .itemInner .date span {
	padding:0 6px; 
}
.itemInfo {
	margin-bottom:-11px;
	padding:10px 0 0 0;
}
.itemInfo li {
	display:table;
	margin:0 0 10px 0 !important;
	padding:10px 0 0 0;
	width:100% !important; 
	border-top:1px dotted #DCDCDC;
}
.itemInfo .itemText .linkText {
	padding:0 !important;
	line-height:1.4;
}
.itemInfo .image {
	width:100px;
	vertical-align:top;
	font-size:0;
	height:62px;
	position:relative;
	overflow:hidden;
}
.itemInfo .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	width:auto;
	max-width:inherit;
	height:100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.itemInfo .image a:hover img {
	filter: alpha(opacity=60)\0;
	opacity:0.6\0;
}
.moreButton a {
	display:inline-block;
	text-align:center;
	width:100%;
	-moz-box-shadow:0 1px 1px 0 #DFDFDF;
	-webkit-box-shadow:0 1px 1px 0 #DFDFDF;
	box-shadow:0 1px 1px 0 #DFDFDF;
	font-size:13px;
	color:#000;
	font-weight:bold;
	padding:12px 0;
	background:#FFF url(/img/common/icon_arrow02.png) no-repeat 94% 50%;
}
.text .moreButton a {
	color:#FFF !important;
	max-width: 70%;
	background:#DC0800 url(/img/common/icon_arrow03.png) no-repeat 94% 50%;
}
.moreButton a:hover {
	background:#333 url(/img/common/icon_arrow03.png) no-repeat 94% 50%;
	color:#FFF;
	text-decoration:none;
}
@media screen and (max-width:900px) {
	.listItem .listInner .itemInner .linkText {
		font-size:11px;
	}
	.itemInfo .itemText .linkText a {
		font-size:11px;
	}
	.listItem .listInner .itemInner .date {
		font-size:8px;
	}
}
@media screen and (max-width:736px) {
	.news .newImage {
		padding:0;
		max-width:inherit;
		float:none;
		margin:0 0 15px;
		width:auto;
		border:none;
	}
	.news .newImage .image {
		margin-bottom: 35px;
	}
	.news .newImage .ttl {
		display: block;
		display:-webkit-box;
		-webkit-line-clamp:2;
		-webkit-box-orient:vertical;
		overflow:hidden;
		text-overflow:ellipsis;
		font-size: 17px;
		line-height: 1.5;
	}
	.news .newImage .date {
		font-size: 10px;
	}
	.jsSliderTop.slick-dotted.slick-slider.slick-slider {
		margin-bottom: 20px;
	}
	.jsSliderTop .slick-dots {
		top: auto;
		bottom: 85px;
	}
	.jsSliderTop .slick-prev, .jsSliderTop .slick-next {
		top: 40%;
		transform: translate(0,-50%);
	}
	.jsSliderTop .slick-slide img {
		max-height: 100%;
	}
	.news .newsList {
		width:100%;
		float:none;
		border:none;
		max-width:inherit;
		max-height: inherit;
	}
	.newsInfo {
		padding:15px 10px 0 10px;
	}
	.newsInfo li,
	.newsInfo div li {
		padding:0 0 15px 0;
		margin:0 0 15px 0;
		border-bottom:1px dotted #dcdcdc;
	}
	.newsInfo > li:last-child {
		border-bottom:none;
		margin:0;
	}
	.newsInfo .image {
		max-width:inherit;
		width:130px;
		height:80px;
	}
	.newsInfo .image img {
		position: absolute;
		left: 50%;
		top: 50%;
		width:100%;
		height:auto;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.newsInfo .newsText .date {
		position: relative;
		font-size:12px;
		padding-right: 30px;
	}
	.newsInfo .newsText .date a {
		display: inline-block;
		margin-bottom: 3px;
	}
	.newsInfo .newsText {
		color:#555;
		padding:0 0 0 10px;
	}
	.newsInfo .newsText .linkText {
		padding:0 0 3px 0;
	}
	.newsInfo .newsText .linkText a {
		font-size:14px;
		font-weight:bold;
		line-height:1.3;
	}
	.newsInfo .newsText .linkText .pcDisplay {
		display:none!important;
	}
	.newsInfo .newsText .date .iconNew {
		position: absolute;
		top:2px;
		right:0;
		height:12px;
	}
	.flashBlock {
		width:49%;
	}
	.flashBlock:nth-of-type(1) {
		display: block;
		width: 100%;
	}
	.flashBlock .innerBlock {
		padding:10px 5px 10px 10px;
	}
	.flashBlock:nth-of-type(2n+1) .innerBlock {
		padding:10px 10px 10px 5px;
	}
	.flashBlock:nth-of-type(1) .innerBlock {
		display: block;
		width: 49%;
		margin: auto;
		padding:10px 0;
	}
	.flashBlock .flash {
		width:auto;
	}
	.flashBlock.photoAlbum .textBlock span {
		font-size: inherit;
		letter-spacing: normal;
	}
	.flashBlock .detail a {
		padding:8px 15px 8px 2px;
		font-size: 13px;
	}
	.adsBlock.spDisplay .flashBlock {
		margin:0; 
	}
}


/* ------------------------------------------------------------------
	2-8. serial styles
-------------------------------------------------------------------*/
.itemList {
	margin:0 -20px 40px 0;
}
.itemList li {
	vertical-align:top;
	display:inline-block;
	max-width:210px;
	width:33.333%;
	margin:0 6px 11px 0;
	padding:10px 10px 15px;
	background:#FFF;
	-moz-box-shadow:0 1px 1px 0 #E9E9E9;
	-webkit-box-shadow:0 1px 1px 0 #E9E9E9;
	box-shadow:0 1px 1px 0 #E9E9E9;
	behavior:url(/js/PIE.php);
}
.itemList li .itemText {
	padding:5px 0 4px;
	color:#000;
	font-size:14px;
	line-height:1.2;
}
.itemList li .itemText .pcDisplay {
	display:inline !important;
}
.itemList li .itemText img {
	padding-left:4px;
}
.itemList li .itemImage {
	width:190px;
	height:117px;
	overflow:hidden;
	position:relative;
}
.itemList li .itemImage a {
	display:block;
}
.itemList li .itemImage a img {
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	height:auto;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	max-width:inherit;
	font-size:0;
}
.itemList li .itemImage a:hover img {
	filter: alpha(opacity=60)\0;
	opacity:0.6\0;
}
.itemList li .date {
	color:#888;
	font-size:12px;
}
.itemList li .date a {
	color:inherit !important;
}
.listHome > li {
	display: inline-flex;
	flex-direction: column;
}
.listHome > li > div {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
}
.listHome {
	display: flex !important;
	flex-wrap: wrap;
}
.listHome .listInner .itemInner {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.h600 {
	height: 600px;
}
.h250 {
	height: 250px;
}

@media screen and (max-width:736px) {
	.itemList {
		margin:0 10px 10px;
	}
	.itemList li {
		display:block;
		max-width:100%;
		width:100%;
		margin-bottom:10px;
		padding:0 0 10px 0;
		background:url(/img/common/icon_dot01.gif) repeat-x 0 100%;
		-webkit-background-size:2px auto;
		background-size:2px auto;
		box-shadow:none;
	}
	.itemList li:last-child {
		background:no-repeat;
	}
	.itemList li .itemImage {
		display:table-cell;
		width:115px;
		vertical-align:top;
		font-size:0;
	}
	.itemList .itemImage img {
		width:100%;
	}
	.itemList li .itemInner {
		display:table-cell;
		vertical-align:top;
		padding:0 0 0 10px;
	}
	.itemList li .date {
		font-size:12px;
	}
	.itemList li .itemText {
		padding:0 0 4px;
		font-size:14px;
		font-weight:bold;
	}
	.itemList li:last-child {
		border-bottom:none;
		margin:0;
	}
	.itemList li .itemText .pcDisplay {
		display:none!important;
	}
	.itemList li .date .spDisplay {
		display:inline!important;
		height:12px;
		margin:0 6px 0 0;
		position:relative;
		top:1px;
	}
	.listHome {
		display: none !important;
	}
	
}

/* ------------------------------------------------------------------
	2-11. 404 styles
-------------------------------------------------------------------*/
.block404 {
	width:680px;
	margin:103px auto 107px;
}
.block404 p {
	margin-top:30px;
	font-size:14px;
	line-height:1.5;
}
.block404 .image {
	display:inline-block;
	width:96px;
	margin:0 13px 0 0;
	vertical-align:bottom;
}
.block404 .text {
	display:inline-block;
	vertical-align:bottom;
}
.block404 .text h2 {
	color:#DC0800;
	font-size:45px;
	font-weight:bold;
}
.block404 .text h2 span {
	margin-right:16px;
	font-size:56px;
}
.block404 .text p {
	margin:3px 0 3px;
	font-size:22px;
	font-weight:bold;
	line-height:1.25;
}
.block404 .backButton {
	width:240px;
	height:50px;
	margin:58px auto 0;
}
.block404 .backButton a {
	display:block;
	width:240px;
	height:50px;
	background:#000 url(/img/common/icon_arrow07.png) no-repeat 90% 50%;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	line-height:50px;
	text-align:center;
	text-decoration:none;
}
@media screen and (max-width:736px) {
	#page404 #contents {
		padding:0;
	}
	#page404 #footer {
		margin-top:0;
	}
	#page404 .section {
		margin-bottom:0;
	}
	.block404 {
		width:auto;
		margin:35px 10px;
	}
	.block404 p {
		font-size:10px;
	}
	.block404 .image {
		max-width:96px;
		width:18%;
		margin-right:2%;
	}
	.block404 .text {
		width:78%;
	}
	.block404 .text h2 {
		font-size:20px;
	}
	.block404 .text h2 span {
		margin-right:5px;
		font-size:25px;
	}
	.block404 .text p {
		font-size:11px;
	}
	.block404 .backButton {
		width:145px;
		height:30px;
		margin-top:35px;
	}
	.block404 .backButton a {
		width:145px;
		height:30px;
		-webkit-background-size:5px auto;
		background-size:5px auto;
		font-size:11px;
		line-height:30px;
	}
	.categoryList img {
		width: auto;
		height: auto;
	}
}
#page404 #contents,
#pageMaintenance #contents {
	float:none;
}

/* ------------------------------------------------------------------
	responsive pagination
-------------------------------------------------------------------*/
.pagination {
	padding-left:0;
	margin:0;
	list-style-type:none;
}

.pagination li {
	padding:0 1px;
}

.pagination,
.pagination li a {
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:center;
	-webkit-justify-content:center;
	align-items:center;
	-webkit-align-items:center;
}

.pagination a {
	color:#FFF;
	min-width:32px;
	height:32px;
	padding-top: 1px;
	text-decoration:none;
	background:#333;
}

.pagination li:not([class*="current"]) a:hover {
	background-color:#DC0800;
}

/*
.pagination li:first-of-type a {
  border-left-width: 1px;
}
*/

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
	/* screen readers only */
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
	display:inline-block;
	font-family:Fontawesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	transform:translate(0, 0);
}

.pagination li.first a::before { content:"\f100"; }
.pagination li.last a::after { content:"\f101"; }

.pagination li.previous a::before { content:"\f104"; }
.pagination li.next a::after { content:"\f105"; }

.pagination li.current a {
	cursor:default;
	pointer-events:none;
	background-color:#DC0800;
}

/*
.pagination > li:first-child > a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination > li:last-child > a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
*/
@media only screen and (max-width:736px) {
	.pagination li {
		padding:0 2px;
	}

	.pagination a {
		min-width:40px;
		min-height:40px;
	}
}
@media only screen and (max-width: 680px) {
	.pagination li.first,
	.pagination li.last {
		/* screen readers only */
		position:absolute;
		top:-9999px;
		left:-9999px;
	}

/*	.pagination li.previous a { border-left-width:1px; }*/
}

@media only screen and (max-width: 500px) {
	.pagination li {
		/* screen readers only */
		position:absolute;
		top:-9999px;
		left:-9999px;
	}

	.pagination li.current,
	.pagination li.first,
	.pagination li.last,
	.pagination li.previous,
	.pagination li.next,
	.pagination li.surplus{
		position:initial;
		top:initial;
		left:initial;
	}

/*	.pagination li.previous a { border-left-width:0; }*/
}

@media only screen and (max-width: 400px) {
	/*.pagination li.first,
	.pagination li.last {*/
		/* screen readers only */
	/*	position:absolute;
		top:-9999px;
		left:-9999px;
	}*/

/*	.pagination li.previous a { border-left-width:1px; }*/
}

@media only screen and (max-width: 240px) { /* For watches? */
	.pagination li { width:50%; }

	.pagination li.current {
		order:2;
		width:100%;
		border-left-width:1px;
	}
}

.tagList {
	margin-top:32px;
}
.tagList li {
	float:left;
}
.tagList li a {
	display:block;
	margin:0 5px 5px 0;
	padding:5px 10px 6px;
	background:#E8E9E9;
	color:#777;
	text-decoration:none;
}
.tagList li a span {
	display:block;
	padding-left:15px;
	background:url(/img/common/icon_tag.png) no-repeat 0 50%;
	font-size:12px;
}
.tagPopular {
	background: #FFF;
	margin-bottom: 35px;
}
.tagPopular .tagList {
	margin-top: 20px;
	padding: 0 20px 15px 20px;
}
.tagPopular .tagList li:nth-of-type(n+11) {
	display: none;
}
@media screen and (max-width:736px) {
	.tagPopular {
		margin-bottom: 15px;
	}
	.tagList {
		margin-top:15px;
	}
}

.newsBlock .btnGroup {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 40px;
	margin-bottom: 40px;
}
.newsBlock .btnGroup a.btnStyle {
	display: block;
	text-decoration: none;
	border: 1px solid #e6e6e6;
	text-align: center;
	color: #333333;
	padding: 18px 10px 17px;
}
.newsBlock .btnGroup li {
	width: calc((100% - 2*18px)/3);
	margin-right: 18px;
}
.newsBlock .btnGroup li{
	margin: auto;
}
.btnGroup .left a.btnStyle {
	background:url(/img/common/icon_arrow02_left.png) no-repeat 25px 50%;
}
.btnGroup .center a.btnStyle {
	background:#e6e6e6;
}
.btnGroup .right a.btnStyle {
	background:url(/img/common/icon_arrow02.png) no-repeat calc(100% - 25px) 50%;
}
.imageCaption {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
}
.newsBlock .mainImage {
	text-align: center;
}
.newsBlock .btnGroup a.btnStyle.disabled {
	cursor: auto;
	visibility: hidden;
}
.newsBlock .wp-caption-text {
	display: flex;
	flex-direction: column-reverse;
	justify-content: center;
	align-content: center;
	text-align: center;
}
.newsBlock .text a.btnLink {
	position: relative;
	top: 20px;
	display: block;
	text-decoration: none;
	border: 1px solid #e6e6e6;
	text-align: center;
	color: #333333 !important;
	padding: 10px 10px 7px;
	background: url(/img/common/icon_arrow02.png) no-repeat right 25px top 50%;
	width: 250px;
	margin: 0 auto 10px;
	transition: all .3s;
}
.newsBlock a.btnLink:hover {
	opacity: .7;
}
.imageList {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-align-items: baseline;
	align-items: baseline;
	/*margin-right: -10px;*/
}
.imageList div img {
	width: 100%;
	height: 90px;
	object-fit: cover;
}
.imageList li {
	width: calc(25% - 10px);
	margin-right: 10px;
	margin-bottom: 10px;
	line-height: 0;
}
.imageList li a {
	display: block;
	transition: all .3s;
}
.imageList li a:hover {
	opacity: .7;
}
@media only screen and (max-width:736px) {
	.newsBlock .btnGroup a.btnStyle {
		background-size:7px auto;
		padding: 10px 10px;
	}
	.btnGroup .left a.btnStyle {
		padding-left: 20px;
		background-position: 10px 50%;
	}
	.btnGroup .right a.btnStyle {
		padding-right: 20px;
		background-position: calc(100% - 10px) 50%;
	}
	.newsBlock .naviGroup {
		display: flex;
		flex-direction: column-reverse;
		margin-top: 15px;
	}
	.newsBlock .btnGroup {
		-ms-align-items: center;
		align-items: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.imageList {
		margin-right: -10px;
	}
	.imageList li {
		width: calc(50% - 10px);
	}
	.newsBlock .text a.btnLink {
		padding: 5px 5px 2px;
		background-position: calc(100% - 10px) 50%;
		max-width: 200px;
	}
	.headBanner {
		position: absolute;
		right: 60px;
		top: 6px;
		max-width: 70px;
	}
}
/* New layout page TAG */
.pageTag {
	background-color: #fff;
	padding-bottom: 20px;
}
.pageTag .mainTxt {
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 15px;
	padding: 0 20px;
}
.pageTag .mainImage {
	display: block;
	text-align: center;
}
.pageTag .mainImage img {
	max-width: 80%;
	margin: 0 auto 10px;
}
.pageTag .lImg {
	padding: 0 10px 2px;
	text-align: center;
}
.pageTag .lImg.firstLoad .vbox-item {
	display: none;
}
.pageTag .lImg.jsSliderTag {
	display: flex;
	flex-wrap: wrap;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0 0 2px;
}
.pageTag .lImg .vbox-item {
	display: inline-block;
	margin: 0 5px 10px;
	overflow: hidden;
	padding-top: calc(100 * 100% / 650);
	position: relative;
	width: calc(25% - 10px);
}
.pageTag .lImg .vbox-item.hidden {
	display: none;
}
.pageTag .lImg .vbox-item img {
	height: 100%;
	left: 50%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.pageTag .lImg .vbox-item.isIE {
	background-position: center center;
	background-size: cover;
}
.pageTag .lImg .vbox-item.isIE img {
	display: none;
}
.pageTag .lImg ul {
	bottom: -28px;
	margin: 0 -5px;
	display: flex;
	flex-wrap: wrap;
}
.pageTag .lImg li {
	display: block;
	margin: 0 5px 10px;
	overflow: hidden;
	padding-top: calc(100 * 100% / 650);
	position: relative;
	width: calc(25% - 10px);
}
.pageTag .lImg li img {
	height: 100%;
	left: 50%;
	margin: auto;
	object-fit: cover;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	cursor: pointer;
}
.pageTag .itemList {
	margin: 0 20px 10px;
	text-align: left;
}
.pageTag .itemList li {
	display: inline-block;
	max-width: 100%;
	margin: 0 0 10px;
	padding: 0 0 15px;
	width: 100%;
}

@media only screen and (max-width:736px) {	
	.pageTag .lImg li {
		padding-top: 31.5%;
		width: calc(50% - 10px);
	}
	.pageTag .mainTxt {
		padding: 0 10px;
	}
	.pageTag .mainImage img {
		max-width: calc(100% - 20px);
	}
	.pageTag .lImg {
		padding: 0 10px;
	}
	.pageTag .itemList {
		margin: 0 10px 10px;
	}
	.pageTag .itemList li .itemInner {
		padding-left: 0;
	}
	.pageTag .itemList li {
		padding-bottom: 10px;
	}
	.pageTag .lImg .vbox-item {
		padding-top: calc(200 * 100% / 650);
		width: calc(50% - 10px);
	}
}
/* subHead*/
.subHead {
	padding-bottom: 15px;
    background: url(/img/common/bg_dot01.gif) repeat-x 0 100%;
}
.subHead span {
    padding-top: 6px;
    color: #888;
    font-size: 12px;
	font-weight: normal;
	margin-right: 10px;
	line-height: 1.5;
}
.subHead a {
	display: inline-block;
}

@media only screen and (max-width:736px) {
	.flashBox {
		font-size: 13px;
	}
	.flashBox .icon {
		width: 35px;
		height: 35px;
		min-width: 35px;
	}
}

/* slick image post page */
.imageSlider {
	display: flex;
}
.imageSlider .slick-slide {
	position: relative;
	text-align: center;
}
.imageSlider .slick-dots {
	bottom: -20px;
}
.imageSlider .slick-dots li {
	width: auto;
	height: auto;
}
.imageSlider .slick-dots li button {
	width: 8px;
	height: 8px;
	padding: 0;
}
.imageSlider .slick-dots li button:before {
	content: "";
	width: 8px;
	height: 8px;
	opacity: 1;
	border-radius: 100%;
	background: #DDD;
}
.imageSlider .slick-dots li.slick-active button:before {
	opacity: 1;
	background: #DC0800;
}
.imageSlider .slick-next:before,
.imageSlider .slick-prev:before {
	background: url(/img/common/icon_prev.svg) no-repeat 50% 50%;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 8px;
	height: 14px;
	opacity: 1;
}
.imageSlider .slick-next:before {
	transform: rotate(180deg);
	left: 11px;
	top: 8px;
}
.imageSlider .slick-prev,
.imageSlider .slick-next {
	left: 0;
	width: 30px;
	height: 30px;
	background: rgba(0,0,0,0.3);
	z-index: 10;
	top: 50%;
}
.imageSlider .slick-next {
	left: auto;
	right: 0;
}
.imageSlider .slick-prev:hover,
.imageSlider .slick-prev:focus,
.imageSlider .slick-next:hover,
.imageSlider .slick-next:focus {
	background:  rgba(0,0,0,0.3);
}
.imageSlider .slick-slide .iconZoom {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 20px;
	cursor: pointer;
	padding: 10px;
	background-color: rgba(0,0,0,0.3);
	color: #fff;
}
.slick-slide:focus {
	outline: none;
}
.jsSliderTag,
.jsSlider {
	display: flex;
}
.jsSliderTag .slick-slide,
.jsSlider .slick-slide {
	margin: 5px;
	cursor: pointer;
}
.jsSliderTag.slick-slider img,
.jsSlider.slick-slider img {
	max-height: 95px;
	object-fit: cover;
	margin: 0 auto;
}
.jsSliderTag.firstLoad {
	opacity: 0;
}
.imageSlider .item img {
	max-height: 400px;
	object-fit: contain;
	margin: 0 auto;
}
.imageSlider .item .imageWrapper {
	display: inline-block;
	position: relative;
}
.pageTag .lImg .slick-dots {
	position: static;
	justify-content: center;
	margin: 10px 0 0;
}
.pageTag .lImg .slick-dots li {
	padding: 0;
}
.lImg .slick-prev {
	left: 25px;
}
.lImg .slick-next {
	right: 25px;
}
@media only screen and (max-width:768px){
	.lImg .slick-prev {
		left: 10px;
	}
	.lImg .slick-next {
		right: 10px;
	}
}
@media only screen and (max-width:640px) {
	/* .jsSliderTag,
	.jsSlider.slick-slider img {
		height: 110px;
	} */
	.imageSlider .item img {
		max-height: 270px;
	}
}
.imgBox {
	max-width: 1600px;
	height: 100vh;
	margin: 0 auto;
	padding: 0 15px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.imgBox .btnClose {
	position: fixed;
	bottom: 10px;
	padding: 5px 10px;
	color: #FFF;
	font-size: 13px;
	background-color: rgba(0,0,0,0.8);
}
#pageShowImg {
	min-width: auto;
	width: 100%;
}
.vbox-container img {
	max-height: 80vh;
}
.btnWrap {
	margin-bottom: 15px;
	margin-top: 10px;
	text-align: center;
}
.btnAddSlide {
	border: 1px solid #ccc;
	display: inline-block;
	padding: 10px 15px;
	text-decoration: none;
}
@media only screen and (max-width:736px) {
	.readMore {
		background-color: #DC0800;
		border: 0;
		color: #fff;
		display: inline-block;
		font-size: 14px;
		margin-top: 15px;
		min-width: 275px;
		left: 50%;
		padding: 15px 70px;
		position: relative;
		text-align: center;
		text-decoration: none;
		transform: translateX(-50%);
	}
	.readMore::before,
	.readMore::after {
		background-color: #fff;
		content: "";
		height: 10px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%) rotate(42deg);
		right: 19px;
		width: 2px;
	}
	.readMore::after {
		right: 25px;
		transform: translateY(-50%) rotate(-42deg);
	}
	.readMore.hidden {
		display: none;
	}
	.textAccor {
		max-height: 500px;
		overflow-y: hidden;
		position: relative;
	}
	.textAccor::after {
		background: linear-gradient(to bottom, rgba(255,255,255, 0) 0%, rgba(255,255,255,1) 100%);
		bottom: 0;
		content: "";
		height: 50px;
		left: 0;
		position: absolute;
		width: 100%;
	}
	.textAccor.expand {
		max-height: inherit;
	}
	.textAccor.expand::after {
		display: none;
	}
}