@charset "UTF-8";
/*filmers One CSS*/

/*[CSS設定項目]-----
01.全体的な設定
02.header
03.menu
04.container
05.contents
06.footer
*/
/*01.全体的な設定*/
* {
	margin : 0;
	padding : 0;
	color : #333333;
	font-size: 100%;
	font-style : normal;
	font-weight : normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height : 180%;
	text-decoration : none;
	word-wrap: break-word;
}

body {
	width:100%;
	min-width:980px;
	margin:0px;
	border:0px;
	padding:0px;
	background:#FFF;
}

html {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:0;
	background:#000;
}

/*HTML5*/
article, aside, dialog, figure, footer,
header,hgroup, nav, section { display: block; }
/*HTML5*/

a, a img {
	outline:0;
	border:0;
}

a,a:link {
	color:#F00;/*リンク*/
	text-decoration:none;
}

a:visited {
	color:#F00;/*リンク*/
	text-decoration:none;
}

a:hover {
	color:#F00;/*リンク*/
	text-decoration:underline;
}

a:active {
	color:#D1CB82;/*リンク*/
	text-decoration:none;
}

object em {
	visibility:hidden;
}

h1 {
	font-size:200%;
}

h2 {
	font-family:HelveticaNeue, Helvetica, sans-serif;
	font-size:150%;
	color:#666666;
}

h3 {
	font-size:130%;
}

h4 {
	font-size:120%;
	font-weight:bold;
}

h5 {
	font-size:110%;
	font-weight:bold;
}

h6 {
	font-size:100%;
	font-style:italic;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-size:100%;
	text-decoration:none;
}


/*clearfix*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
	
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*clearfix*/

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}
/*layout*/
#wrap_body {
	width:100%;
	margin:0;
	padding:0;
	border:none;
	text-align:center;
}

#wrap_header {
	position:relative;
	width:100%;
	height:auto;
	margin:0;
	padding:0px;
	border:none;
	text-align:center;
}

#wrap_gn {
	position:relative;
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0;
	padding:0 0;
	background:rgba(0,0,0,1);
	border-bottom:#FFF solid 1px;
	text-align:center;
}

#wrap_image {
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0 0 0 0;
	border:none;
	text-align:center;
	background:#000;
}

#wrap_container {
	position:relative;
	width:100%;
	min-height:300px;
	height:auto;
	margin:0;
	padding:0;
	border:none;
	text-align:center;
}

#wrap_footer {
	position:relative;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	border:none;
	text-align:center;
	background:#000;
}

/*02.header*/
#header {
	position:relative;
	width:1200px;
	height:auto;
	padding:0;
	margin:0 auto;
	text-align:left;
	overflow:hidden;
}

#header #header-hgroup {
	display:block;
	float:left;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	border:none;
	z-index:2;
}

#header #header-hgroup h1 {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	border:none;
}

#header h1 a#top {
	display:block;
	width:auto;
	height:68px;
	margin:0 0 8px 0;
	padding:8px 0 0 72px;
	background:url(../img/common/logo.png) left bottom no-repeat;
	background-size:60px;
	color:#000;
	text-transform:uppercase;
	line-height:180%;
	font-family: "Helvetica Neue", sans-serif;
	font-weight:600;
	font-size:45px;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

#header h1 a#top:hover {
	text-decoration:none;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#header h1 a#top:after {
	content:".";
	color:#F00;
}

#header #header-hgroup h2 {
	width:auto;
	height:auto;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	font-size:10px;
	color:#999;
	font-family:Helvetica, Arial, sans-serif;
}

#header #status {
	width:auto;
	height:auto;
	margin:10px 0 10px 0;
	padding:0;
	border:none;
	float:right;
}

#header #status #header_navi {
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
}

#header #status #header_navi li {
	width:auto;
	height:auto;
	margin:0px 1em 0 0;
	padding:0 0 0 0;
	float:left;
}

#header #status #header_navi li a {
	text-transform:capitalize;
	color:#000;
	text-decoration:underline;
	font-family:HelveticaNeue, Helvetica, sans-serif;
	font-size:12px;
}

#header #status #header_navi li a:hover {
	background:#000;
	color:#FFF;
	text-decoration:none;
}

#header #status #search_navi {
	width:200px;
	height:auto;
	margin:0px 0 0 0;
	padding:0px 0 0 0;
	text-align:right;
	float:left;
}

#header #status #search_navi form #search {  
    width: 157px;  
    height: 14px;  
    background:#FFFFFF;  
    border: 1px solid #ECECEC;
    padding: 3px 3px 1px 3px;
	margin:0px 0px 0 0;
	float:left;
	color:#AAAAAA;
}

#header #status #search_navi form #search:focus {
	color:#444444;
}

#header #status #search_navi form #search_btn {
	display:block;
	width:30px;
	height:20px;
	border:none;
	margin:0px 0px 0 0;
	padding:0;
	float:left;
	background:url(../img/contents/search.png) left top no-repeat #999999;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

#header #status #search_navi form #search_btn:hover {
	display:block;
	width:30px;
	height:20px;
	border:none;
	margin:0px 0px 0 0;
	padding:0;
	float:left;
	cursor:pointer;
	background-color:#F00;
}

#header_banners {
	margin:8px 0;
	float:right;
}

#header_banners .banner {
	margin:0 0 0 0;
}
/*03.menu*/
#global_navi {
	width:1200px;
	height:auto;
	margin: 0 auto;
	padding: 0 0 0 0;
}

#global_navi ul.global_navi {
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

#global_navi ul.global_navi li {
	display:block;
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	list-style:none;
	text-align:center;
}

#global_navi ul.global_navi .gn a {
	position:relative;
	display:block;
	width:auto;
	height:48px;
	margin:0 0 0 0;
	padding:8px 16px;
	font-size:20px;
	font-weight:normal;
	line-height:150%;
	font-family:HelveticaNeue, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFF;
	background:rgba(0,0,0,0);
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

#global_navi ul.global_navi .gn a:hover {
	color:#FFF;
	background:#F00;
	text-decoration:none;
}

#global_navi ul.global_navi .gn a:after {
	content:attr(title);
	display:block;
	margin:0px auto 0 auto;
	padding:0 0;
	color:#FFF;
	line-height:150%;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

#global_navi ul.global_navi .gn:hover a:after {
	color:#FFF;
}

#local_navi {
	width:100%;
	height:auto;
	padding:0;
	margin:0px 0 32px 0;
}

#local_navi .header {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

#local_navi ul,
#local_navi ol,
#local_navi dl {
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	list-style:none;
}

#local_navi .category-archive li {
	display:block;
	width:100%;
	min-height:4px;
	height:auto;
	margin:0;
	padding:0;
	border-bottom:#ECECEC dotted 1px;
}

#local_navi .category-archive li .subcategory-archive {
	width:auto;
	height:auto;
	margin:0 0 0 0px;
	padding:0 0 0 0px;
}

#local_navi .category-archive li.noentry .subcategory-archive {
	width:auto;
	height:auto;
	margin:0 0 0 4px;
	padding:0;
}

#local_navi .category-archive li .subcategory-archive li {
	display:block;
	width:auto;
	min-height:24px;
	height:auto;
	margin:0;
	padding:0 0 0 16px;
	border-top:#ECECEC dotted 1px;
	border-bottom:none;
}

#local_navi li,
#local_navi dt.archive-index {
	display:block;
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0;
	border-bottom:#ECECEC dotted 1px;
}

#local_navi ol li.yearlylist {
	display:block;
	width:auto;
	height:auto;
	margin:0;
	padding:8px 0px 4px 16px;
	border-bottom:#ECECEC dotted 1px;
	color:#000;/*リンク*/
	text-decoration:none;
	cursor:pointer;
	background:url(../img/contents/allow_black.png) 3px 1.2em no-repeat;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

#local_navi ol li.yearlylist:hover {
	text-decoration:none;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#local_navi dl.archivelist dd {
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:8px 0px 4px 0px;
	border-bottom:#ECECEC dotted 1px;
}

#local_navi .category-archive li.noentry {
	display:block;
	width:auto;
	min-height:25px;
	height:auto;
	margin:0;
	padding:1em 0 0.5em 12px;
	border-bottom:#ECECEC dotted 1px;
	color:#CCCCCC;
	background:url(../img/contents/allow_gray.png) 3px 47% no-repeat;
}

#local_navi .category-archive .subcategory-archive li.noentry {
	display:block;
	width:auto;
	min-height:25px;
	height:auto;
	margin:0;
	padding:1em 0 0.5em 12px;
	border-bottom:none;
	color:#CCCCCC;
	background:url(../img/contents/allow_gray.png) 3px 47% no-repeat;
}

#local_navi li.archive-title {
	display:block;
	width:140px;
	height:25px;
	margin:0;
	padding:5px;
	border-bottom:#ECECEC dotted 1px;
	font-weight:bold;
	color:#999999;
}

#local_navi li a,
#local_navi dt a {
	display:block;
	width:auto;
	height:auto;
	margin:0 auto;
	padding:1em 0 0.8em 12px;
	text-decoration:none;
	color:#000;
	background:url(../img/contents/allow_black.png) 3px 55% no-repeat;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

#local_navi li a:hover,
#local_navi dt a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
	color:#000;
}

#local_navi dd ol ol li {
	width:100px;
	height:40px;
	padding:0;
	margin:0 0 0 0px;
	border:none;
}

#local_navi dd ol ol li span {
	color:#CCCCCC;
	margin:0 0 0 3px;
}

#local_navi dd ol ol li a {
	display:block;
	width::auto;
	height:2.2em;
	margin:0;
	padding:6px 0 0 10px;
	text-decoration:none;
	background:url(../img/contents/allow_black.png) 3px 55% no-repeat;
}

#local_navi dd ol ol li a:hover {
}

#local_navi li.category a span {
	display:none;
	visibility:hidden;
}

#local_navi h3 {
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:4px 0 0 0;
}

#local_navi h3 a {
	display:block;
	width:auto;
	height:auto;
	margin:0;
	padding:8px;
	text-decoration:none;
	background:#000;
	color:#FFF;
	line-height:100%;
	font-family: "Helvetica Neue", sans-serif;
	font-weight:bold;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}


#local_navi h3 a:hover {
	background:#F00;
}

#local_navi h3 a:after {
	content:'.';
	color:#F00
}

#local_navi h3 a em {
	font:inherit;
	color:inherit;
}

.button-toggle {
	display:none;
	width:16px;
	height:16px;
	padding:8px;
	margin:8px;
	border:#333 solid 1px;
	float:right;
	text-align:center;
	line-height:100%;
	font-size:20px;
}
/*04.container*/
#container {
	width:1200px;
	height:auto;
	min-height:400px;
	margin:0px auto;
	padding:40px 0;
	border:none;
	clear:both;
	text-align:left;
}

#main {
	width:800px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	
}

#side {
	width:360px;
	height:auto;
	margin:0px 0 0 0;
	padding:0;
	float:right;
}

#breadcrumb {
	width:100%;
	height:auto;
	margin:0 0 16px 0;
	padding:0 0 0 0;
}

/*05.contents*/
.top #image {
	width:1200px;
	height:480px;
	margin:0 auto;
	padding:0 0;
	overflow:hidden;
	text-align:left;
}

.top.body-bute #image {
	display:none;
}

.top #image .slider,
.top #image #slider,
.top #image .bx-wrapper {
	width:840px !important;
	height:480px;
	margin:0;
	padding:0 0 0 0;
	overflow:visible;
	float:left;
	background:#000;
}

.top #image .slider .slider-entry a {
	position:relative;
	display:block;
	width:100%;
	height:480px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.top #image .slider .slider-entry a:hover {
}

.top #image .slider .slider-entry a span {
	position:absolute;
	bottom:0;
	width:96%;
	height:auto;
	padding:8px 2%;
	background:rgba(0,0,0,0.8);
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.top #image .slider .slider-entry a:hover span {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.bx-wrapper .bx-pager {
	z-index:1000;
	top:320px !important;
	left:840px;
	width:360px !important;
	height:auto;
	padding:0 0 0 0 !important;
}

.top #image #image_side {
	width:360px;
	height:480px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
	overflow:hidden;
}

#image_freespace {
	height:320px;
	margin:0 0 16px 0;
	overflow:hidden;
}

.top #image #image_side .banner {
	width:100%;
	height:auto;
	margin:0 0 24px 0;
	padding:0 0 0 0;
}

.top #image #image_side .banner a {
	display:block;
	width:360px;
	height:320px;
	margin:0 auto;
	padding:0 0 0 0;
	background:#F3F3F3;
	border:none;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.top #image #image_side .banner a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

.top #image #image_side .banner a img {
	background:#FFF;
}

.top #image #image_side #image_special {
	width:100%;
	height:auto;
}

.top #image #image_side #image_special .section {
}

.top #image #image_side #image_special .section .entries {
	width:300px;
	height:auto;
	margin:16px auto 0 auto;
	padding:0 0 0 0;
}

.top #image #image_side #image_special .section .entries .entry {
	width:100%;
	height:60px;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	border-bottom:#ECECEC dotted 1px;
	clear:both;
}

.top #image #image_side #image_special .section .entries .entry .image {
	width:60px;
	height:60px;
	margin:0 5px 0 0;
	padding:0 0 0 0;
	float:left;
}

.top #image #image_side #image_special .section .entries .entry .title {
	width:235px;
	height:50px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}

.top #image #image_side #image_special .section .entries .entry .title h3 {
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	line-height:100%;
}

.top #image #image_side #image_special .section .entries .entry .title h3 a {
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:100%;
	font-size:18px;
	font-family:HelveticaNeue, Helvetica, sans-serif;
	color:#000;
}

.top #image #image_side #image_special .section .entries .entry .title h3 a:hover {
	color:#FFF;
	background:#000;
}

.top #image #image_side #image_special .section .entries .entry .title p.date {
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:right;
	font-size:14px;
	font-family:HelveticaNeue, Helvetica, sans-serif;
	line-height:150%;
	color:#999;
}

.top #image #image_side #image_special .section .entries .entry .title p.date span {
	font-size:12px;
	font-family:inherit;
	line-height:inherit;
	color:inherit;
}

.top #image #image_side #image_special .section .entries .entry .title h4 {
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	clear:both;
	line-height:100%;
}

.top #image #image_side #image_special .section .entries .entry .title h4 a {
	font-size:14px;
	line-height:140%;
	color:#000;
	text-decoration:underline;
}

.top #image #image_side #image_special .section .entries .entry .title h4 a:hover {
	color:#FFF;
	background:#000;
	text-decoration:none;
}

.top #image #image_side #image_special .footer {
}

#breadcrumb .topicpath {
	width:100%;
	height:auto;
	margin:0px 0 16px 0;
	padding:0px 0 0 0;
	line-height:0;
	list-style:none;
	display:inline-block;
}

#breadcrumb .topicpath li {
	display:inline-block;
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style:none;
}

#breadcrumb .topicpath a {
	width:auto;
	height:auto;
	color:#666;
}

#breadcrumb .topicpath .home {
	text-transform:capitalize;
}

#breadcrumb .topicpath a:hover {
}

#breadcrumb .topicpath a span {
	color:inherit;
}

#breadcrumb .topicpath a span {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	font-style:inherit;
	color:inherit;
}

#breadcrumb span.allow {
	color:#CCC;
}

#breadcrumb li a.pan-current {
	color:#999;
}

#breadcrumb span.page_title {
	color:#CCC;
}

#breadcrumb span {
	color:#999;
}

/*共通設定*/
.contents {
	width:auto;
	height:auto;
	margin:0 0 40px 0;
	padding:0 0 0 0;
}

.contents .header {
	width:100%;
	height:auto;
	border-bottom:#333 solid 1px;
}

.contents .header .header-inner {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

.contents .header h2,
.contents .header h3 {
	width:auto;
	height:auto;
	float:left;
	margin:0 0.5em 0 0;
	padding:0 0 0 0px;
	color:#333;
	font-size:180%;
	font-weight:bold;
	line-height:150%;
}

.entry .contents .header h2,
.contents .header h3 {
	font-size:130%;
}

.contents .header h2:after,
.contents .header h3:after {
	content:".";
	color:#F00;
}

.contents .header .sub-title {
	width:auto;
	height:auto;
	margin:12px 0 0 0;
	padding:0 0 0 0;
	float:left;
	color:#999;
}

#special .header h2 {
	font-size:120%;
}

#special .header .sub-title {
	margin:8px 0 0 0;
	font-size:12px;
}

body.entry .contents .header h3,
body.page .contents .header h3 {
	float:left;
	width:auto;
	height:auto;
	font-size:150%;
}

.contents .header .links {
	width:auto;
	height:auto;
	float:left;
	margin:0 0 0 8px;
	padding:12px 0 0 0;
}

.contents .header .links .meta-data {
	color:#999;
}

.contents .header .links .meta-data span {
	color:#999;
}

.entry .magazine .contents .header .links {
	width:auto;
	height:auto;
	float:none;
	clear:left;
	margin:0 0 0 0;
	padding:8px 0 8px 0;
}

.entry .magazine .related .header .links {
	margin:0 0 0 8px;
	padding:8px 0 0 0;
	float:left;
	clear:none;
}

.entry .magazine .contents .header .links .meta-data {
	line-height:120%;
	font-family: "Helvetica Neue", sans-serif;
	font-weight:600;
	font-size:18px;
	color:#333;
}

.entry .magazine .contents .header .links .meta-data span {
	font-size:14px;
	font-weight:bold;
	color:#333;
}

.entry .magazine .related .header .links .meta-data {
	color:#999;
	font-weight:normal;
}

.contents .header .links a {
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.contents .header .links a span {
	display:none;
}

.contents .header .links a.rss {
	margin:0 3px 0 0;
	padding:0 0 0 0;
}

.contents .section {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	clear:both;
}

.contents .section .section-inner {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:24px 0 0 0;
}

.contents .section .section-inner .entries,
.contents .section .section-inner .pages {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

.contents .section .pagenate {
	width:auto;
	height:auto;
	clear:both;
	margin:24px auto;
	padding:0 0 0 0;
	text-align:center;
}

.contents .section .pagenate ul {
	display:block;
	list-style:none;
}

.contents .section .pagenate ul li {
	display:inline-block;
}

.contents .section .pagenate ul li a,
.contents .section .pagenate ul li span {
	display:block;
	padding:4px 8px;
	background:#000;
	color:#FFF;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.contents .section .pagenate ul li.current span {
	background:#F00;
}

.contents .section .pagenate ul li a:hover {
	background:#F00;
	text-decoration:none;
}

.contents .footer {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	clear:both;
}

.contents .footer .footer-inner,
.aside .footer {
	text-align:right;
}

.contents .footer .footer-inner .footer-prev-link {
	float:left;
	width:auto;
	max-width:30%;
	height:auto;
	margin:0 0 0 0;
	padding:4px 8px 4px 16px;
	border-radius:4px;
	overflow:hidden;
	background:url(../img/contents/allow.png) 4px 50% no-repeat #CCC;
	color:#FFF;
	font-size:90%;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.contents .footer .footer-inner .footer-prev-link:hover {
	background:url(../img/contents/allow.png) 4px 50% no-repeat #F00;
	text-decoration:none;
}

.contents .footer .footer-inner .footer-prev-link:before {
	content:"Prev : ";
}

.contents .footer .footer-inner .footer-next-link {
	float:right;
	width:auto;
	max-width:30%;
	height:auto;
	margin:0 0 0 0;
	padding:4px 8px 4px 16px;
	border-radius:4px;
	overflow:hidden;
	background:url(../img/contents/allow.png) 4px 50% no-repeat #CCC;
	color:#FFF;
	font-size:90%;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.contents .footer .footer-inner .footer-next-link:hover {
	background:url(../img/contents/allow.png) 4px 50% no-repeat #F00;
	text-decoration:none;
}

.contents .footer .footer-inner .footer-next-link:before {
	content:"Next : ";
}

.contents .footer .snsshare,
.contents .footer .footer-link {
	margin:24px 0;
	clear:both;
}

.contents .footer .snsshare a,
.contents .footer .footer-entry-link {
	display:block;
	width:50%;
	height:auto;
	padding:20px 0;
	float:right;
	text-align:center;
	font-size:150%;
	color:#FFF;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.contents .footer .snsshare a:first-child,
.contents .footer .footer-entry-link:first-child {
	float:left;
}

#share_fb {
	background:#3B5998;
}

#share_tw {
	background:#168dd9;
}

.contents .footer .snsshare a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

.contents .footer .footer-api,
.contents .section .header-api {
	width:auto;
	height:32px;
	margin:4px 8px 4px 0;
	padding:0 0 4px 0;
	float:left;
}

.contents .footer .footer-inner a.main,
.contents .footer .footer-inner a.archive,
#recent-entries .footer a,
#mail-magazine-add-notify .footer a {
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:4px 8px 4px 16px;
	border-radius:3px;
	background:url(../img/contents/allow.png) 5px 50% no-repeat #CCC;
	color:#FFF;
	font-size:90%;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.contents .footer .footer-inner a.main:hover,
.contents .footer .footer-inner a.archive:hover,
#recent-entries .footer a:hover,
#mail-magazine-add-notify .footer a:hover {
	background:url(../img/contents/allow.png) 5px 50% no-repeat #F00;
	text-decoration:none;
}

.contents .footer .footer-inner a.main span,
.contents .footer .footer-inner a.archive span,
#recent-entries .footer a span,
#mail-magazine-add-notify .footer a span {
	color:inherit;
}

#slider h2 a {
	color:#000;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

#slider h2 a:hover {
	color:#F00;
}

#slider a.btn {
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:3px 7px 3px 15px;
	border-radius:3px;
	background:url(../img/contents/allow.png) 5px 50% no-repeat #F00;
	color:#FFF;
	font-size:110%;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	box-shadow:0 0 5px #CCC;
}

#slider a.btn:hover {
	background:url(../img/contents/allow.png) 5px 50% no-repeat #CCC;
}

.contents .section .section-inner .type-00 {
	width:98.5%;
	height:auto;
	margin:0 auto;
	padding:0 0 0 0;
}

.type-00 dl {
	display:block;
	list-style:none;
	margin:0px 0 0 0;
	padding:0 0 0 0;
}

.type-00 dl dt {
	width:20%;
	height:15px;
	float:left;
	clear:left;
}

.type-00 dl dt .date {
	color:#666;
}

.type-00 dl dt .day {
	color:#666;
	margin:0 0 0 5px;
}

.type-00 dl dd {
	width:100%;
	height:17px;
	margin:0 0 5px 0;
	padding:1px 0 5px 0;
	border-bottom:#ECECEC dotted 1px;
}

.type-00 dl dd a {
	text-decoration:none;
}

span.day {
	margin:0 0 0 5px;
}

.type-01 .page,
.type-01 .entry {
	width:100%;
	height:120px;
	clear:both;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:#ECECEC dotted 1px;
	position:relative;
	z-index:1;
	
}

.type-01 .page .image,
.type-01 .entry .image {
	float:left;
	width:120px;
	height:120px;
	margin:0 10px 0 0;
	padding:0 0 0 0;
}

.type-01 .page .image a,
.type-01 .entry .image a {
	display:block;
	width:120px;
	height:120px;
	padding:0px;
	margin:0;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.type-01 .page .image a:hover,
.type-01 .entry .image a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

.type-01 .page .image a img,
.type-01 .entry .image a img {
	width:120px;
	height:auto;
}

.type-01 .page .text,
.type-01 .entry .text {
	width:auto;
	height:120px;
	margin:0 0 0 0;
	padding:0px 0;
	overflow:hidden;
}

.type-01 .page .only-text,
.type-01 .entry .only-text {
	float:left;
	width:100%;
	height:120px;
	margin:0 0 0 0;
	padding:0;
	overflow:hidden;
	position:relative;
}

.type-01 .page .text h3,
.type-01 .page .only-text h3,
.type-01 .entry .text h3,
.type-01 .entry .only-text h3 {
	float:left;
	width:auto;
	height:20px;
	margin:0;
}

.type-01 .page .text h3 a,
.type-01 .page .only-text h3 a,
.type-01 .entry .text h3 a,
.type-01 .entry .only-text h3 a {
	text-decoration:none;
}

.type-01 .page .text p,
.type-01 .page .only-text p,
.type-01 .entry .text p,
.type-01 .entry .only-text p {
	float:right;
	width:auto;
	height:auto;
	margin:5px 0 0 0;
	padding:0 0 0 0;
	color:#999999;
}

.type-01 .page .text p span,
.type-01 .page .only-text p span,
.type-01 .entry .text p span,
.type-01 .entry .only-text p span {
	margin:0 0 0 5px;
	color:#999999;
}

.type-01 .page .text .excerpt,
.type-01 .page .only-text .excerpt,
.type-01 .entry .text .excerpt,
.type-01 .entry .only-text .excerpt {
	width:auto;
	height:5.4em;
	clear:both;
	margin:0px 0 0 0;
	padding:5px 0 0 0;
	overflow:hidden;
}

.type-01 .page .text .permalink,
.type-01 .page .only-text .permalink,
.type-01 .entry .text .permalink,
.type-01 .entry .only-text .permalink {
	width:auto;
	height:auto;
	position:absolute;
	bottom:7px;
	right:0;
	z-index:2;
}

.type-01 .page .text .permalink a,
.type-01 .page .only-text .permalink a,
.type-01 .entry .text .permalink a,
.type-01 .entry .only-text .permalink a {
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:1px 5px 2px 15px;
	border-radius:3px;
	background:url(../img/contents/allow.png) 5px 50% no-repeat #CCC;
	color:#FFF;
	font-size:90%;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.type-01 .page .text .permalink a:hover,
.type-01 .page .only-text .permalink a:hover,
.type-01 .entry .text .permalink a:hover,
.type-01 .entry .only-text .permalink a:hover {
	background:url(../img/contents/allow.png) 5px 50% no-repeat #F00;
}

.type-01 .page .text .permalink a span,
.type-01 .page .only-text .permalink a span,
.type-01 .entry .text .permalink a span,
.type-01 .entry .only-text .permalink a span {
	color:inherit;
	font-size:inherit;
}

.contents .section .section-inner .type-02 {
	width:720px;
	height:auto;
	margin:0 -20px 0 0;
	padding:0 0 0 0;
}

.contents .section .section-inner .type-02 .entry {
	width:220px;
	height:180px;
	margin:0 20px 20px 0;
	padding:0 0 0 0;
	float:left;
}

.contents .section .section-inner .type-02 .entry a {
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

.contents .section .section-inner .type-02 .entry a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

.contents .section .section-inner .type-02 .entry .image {
	width:220px;
	height:130px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	overflow:hidden;
	position:relative;
}

.contents .section .section-inner .type-02 .entry .image a {
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
}

.contents .section .section-inner .type-02 .entry .image a img {
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

.contents .section .section-inner .type-02 .entry .text ,
.contents .section .section-inner .type-02 .entry .only-text {
	width:100%;
	height:auto;
	margin:5px 0 0 0;
	padding:0;
	overflow:hidden;
	position:relative;
	text-align:center;
}

.contents .section .section-inner .type-02 .entry .text h3 {
	width:100%;
	height:auto;
	line-height:100%;
}

.contents .section .section-inner .type-02 .entry .text h3 a,
.contents .section .section-inner .type-02 .entry .only-text h3 a {
	text-decoration:none;
	font-size:120%;
	line-height:100%;
}

.contents .section .section-inner .type-02 .entry .text .permalink,
.contents .section .section-inner .type-02 .entry .only-text .permalink {
	display:none;
}

.contents .section .section-inner .type-02 .entry .link-url {
	text-align:center;
}

.contents .section .section-inner .type-02 .entry .link-url a {
	color:#CCC;
}

.contents .section .section-inner .type-02 .entry .text .entrycategory {
	width:100%;
	height:15px;
	position:absolute;
	bottom:0;
	color:#CCC;
	font-size:9px;
}

.contents .section .section-inner .type-02 .entry .text .entrycategory a {
	color:#999;
	text-decoration:none;
	font-size:9px;
}

.contents .section .section-inner .type-04 {
	width:720px;
	height:auto;
	margin:0 -20px 0 0;
	padding:0 0 0 0;
}

.type-04 .page,
.type-04 .entry {
	width:220px;
	height:auto;
	float:left;
	clear:none;
	margin:0 20px 20px 0;
	padding:0 0 5px 0;
	border-bottom:#ECECEC dotted 1px;
	position:relative;
	z-index:1;
	overflow:hidden;
}

.type-04 .page .image,
.type-04 .entry .image {
	float:left;
	width:220px;
	height:135px;
	margin:0 0px 0 0;
	padding:0 0 0 0;
	overflow:hidden;
}

.type-04 .page .image a,
.type-04 .entry .image a {
	display:block;
	width:220px;
	height:auto;
	min-height:140px;
	max-height:220px;
	padding:0;
	margin:0;
	overflow:hidden;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.type-04 .page .image a:hover,
.type-04 .entry .image a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

.type-04 .page .image a img,
.type-04 .entry .image a img {
	display:block;
	width:220px;
	height:auto;
	padding:0;
	margin:0;
}

.type-04 .page .title,
.type-04 .entry .title {
	width:auto;
	height:auto;
	margin:0 0 5px 0;
	padding:0px 0;
	overflow:hidden;
}

.type-04 .page .title .date h3,
.type-04 .entry .title .date h3 {
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	float:left;
}

.type-04 .page .title .date,
.type-04 .entry .title .date {
	display:none;
}

.type-04 .page .text,
.type-04 .entry .text {
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0px 0;
}

.type-04 .page .text .excerpt,
.type-04 .page .only-text .excerpt,
.type-04 .entry .text .excerpt,
.type-04 .entry .only-text .excerpt {
	clear:both;
	margin:0px 0 0 0;
	padding:10px 0 0 0;
}

.type-04 .page .text .permalink,
.type-04 .page .only-text .permalink,
.type-04 .entry .text .permalink,
.type-04 .entry .only-text .permalink {
	display:none;
	width:100%;
	height:25px;
	margin:5px 0 0 0;
	padding:0;
}

.type-04 .page .text .permalink a,
.type-04 .page .only-text .permalink a,
.type-04 .entry .text .permalink a,
.type-04 .entry .only-text .permalink a {
	display:block;
	float:right;
	width:auto;
	height:25px;
}

.type-04 .page .text .permalink a span,
.type-04 .page .only-text .permalink a span,
.type-04 .entry .text .permalink a span,
.type-04 .entry .only-text .permalink a span {
	color:inherit;
}

.type-04 .page .text .permalink a:before,
.type-04 .page .only-text .permalink a:before,
.type-04 .entry .text .permalink a:before,
.type-04 .entry .only-text .permalink a:before {
	content:"> ";
	color:#999;
}

.type-04 .page .text .permalink a:hover,
.type-04 .page .only-text .permalink a:hover,
.type-04 .entry .text .permalink a:hover,
.type-04 .entry .only-text .permalink a:hover {
}

.top #feature-archive .section .section-inner .type-04 {
	width:720px;
	height:auto;
	margin:0 -20px 0 0;
	padding:0 0 0 0;
}

.top #feature-archive .type-04 .page,
.top #feature-archive .type-04 .entry {
	width:160px;
	height:auto;
	float:left;
	clear:none;
	margin:0 20px 20px 0;
	padding:0 0 5px 0;
	border-bottom:#ECECEC dotted 1px;
	position:relative;
	z-index:1;
	overflow:hidden;
}

.top #feature-archive .type-04 .page .image,
.top #feature-archive .type-04 .entry .image {
	float:left;
	width:160px;
	height:120px;
	margin:0 0px 0 0;
	padding:0 0 0 0;
	overflow:hidden;
}

.top #feature-archive .type-04 .page .image a,
.top #feature-archive .type-04 .entry .image a {
	display:block;
	width:160px;
	height:120px;
	padding:0;
	margin:0;
	overflow:hidden;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
}

.top #feature-archive .type-04 .page .image a img,
.top #feature-archive .type-04 .entry .image a img {
	display:block;
	width:160px;
	height:auto;
	padding:0;
	margin:0;
}

.top #feature-archive .type-04 .page .title,
.top #feature-archive .type-04 .entry .title {
	width:auto;
	height:auto;
	margin:0 0 5px 0;
	padding:0px 0;
	overflow:hidden;
}

#feature-archive .type-04 .page .title .keywords,
#feature-archive .type-04 .entry .title .keywords {
	display:none;
}

.top #feature-archive .type-04 .page .title h3 a,
.top #feature-archive .type-04 .entry .title h3 a {
	font-size:80%;
}

.type-05 {
	width:100%;
}

.type-05 .entry {
	width:100%;
	height:50px;
	clear:both;
	margin:0 0 8px 0;
	padding:0 0 5px 0;
	position:relative;
	z-index:1;
}

.type-05 .entry .image {
	float:left;
	width:50px;
	height:50px;
	margin:0 10px 0 0;
	padding:0 0 0 0;
}

.type-05 .entry .text {
	width:auto;
	height:50px;
	margin:0;
	padding:0;
	overflow:hidden;
}

.type-05 .entry .only-text {
	width:100%;
	height:50px;
	margin:0;
	padding:0;
	overflow:hidden;
}

.type-05 .entry .text .date,
.type-05 .entry .only-text .date {
	width:auto;
	font-size:120%;
	line-height:100%;
}

.type-05 .entry .text .date .day,
.type-05 .entry .only-text .date .day {
	font-size:80%;
	color:inherit;
}

.type-05 .entry .text h3,
.type-05 .entry .only-text h3 {
	width:100%;
	height:auto;
}

.type-05 .entry .text h3 a,
.type-05 .entry .only-text h3 a {
display:block;
font-size:65%;
line-height:110%;
text-decoration: none;
}

.type-05 .entry .text .permalink,
.type-05 .entry .only-text .permalink {
	display:none;
}

.type-05 .entry .text .permalink a,
.type-05 .entry .only-text .permalink a {
	display:block;
	width:265px;
	height:40px;
	text-indent:-9999px;
	background:none;
}

.contents .magazine-entries {
	padding:32px 0;
}

.magazine-entries {
}

.magazine-entries .entry {
	position:relative;
    width:384px;
	height:400px;
	padding:0 0 8px 0;
	margin:0 0 32px 0;
	float:left;
	clear:none;
}

.magazine-entries .entry-even {
	float:right;
}

.related .magazine-entries .entry-even {
	float:left;
}

.related .magazine-entries .entry:nth-child(2),
.related .magazine-entries .entry:nth-child(4) {
	float:right;
}

.magazine-entries .entry_withexcerpt {
	height:480px;
}

.magazine-entries .entry .image {
	position:relative;
	display:block;
	width:384px;
   	height:240px;
	margin:0 16px 8px 0;
	background:#000;
	float:none;
	text-decoration:none;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.magazine-entries .entry .no-image {
	background:url(../img/bg/gn.png) center top repeat-x, url(../img/bg/gn.png) center bottom repeat-x #000;
}

.magazine-entries .entry .no-image:after {
	content:"no image";
	position:absolute;
	top:45%;
	display:block;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	color:#FFF;
	font-size:16px;	
}

.magazine-entries .entry .image:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}


.magazine-entries .entry .image .category {
	position:absolute;
	top:0;
	padding:4px 8px;
	background:rgba(0,0,0,0.8);
	color:#FFF;
	line-height:100%;

}

.magazine-entries .entry .date {
	margin:8px 0 8px 0;
	line-height:120%;
	font-family: "Helvetica Neue", sans-serif;
	font-weight:600;
	font-size:16px;

}

.magazine-entries .entry .date span {
	font:inherit;
	font-size:14px;
}

.magazine-entries .entry .title {
	margin:8px 0 16px 0;
	font-size:16px;
	
}

.magazine-entries .entry .title a {
	color:#333;
	font-weight:bold;
}

.magazine-entries .entry .excerpt {
	height:80px;
	overflow:hidden;
	font-size:14px;
}

.magazine-entries .entry .other {
	position:absolute;
	bottom:8px;
	right:0;
	display:block;
	width:auto;
	list-style:none;
}

.magazine-entries .entry .other li {
	display:inline-block;
	margin:0 16px 0 0;
}


.magazine-entries .entry .author a{
	display:none;
}

.magazine-entries .entry .author a,
.magazine-entries .entry .other .sns span {
	color:#333;
	font-size:14px;
	font-weight:bold;
}

.magazine-entries .entry .author img {
	width:32px;
	height:32px;
	margin:0 8px 0 0;
	vertical-align:middle;
	display:none;
}



.magazine-entries .entry .other .sns .btn {
	display:inline-block;
	width:24px;
	height:24px;
	margin:0 8px 0 0;
	vertical-align:middle;
	text-indent:-9999px;
	
	
}

.magazine-entries .entry .other .tw_button .btn {
	background:url(../img/sns/twitter.png) center center / cover no-repeat;

}

.magazine-entries .entry .other .fb_button .btn {
	background:url(../img/sns/facebook.png) center center / cover no-repeat;

}

#main .contents .news {
	width:828px;
	height:auto;
	margin:0 -28px 0 0;
	padding:0 0 0 0;
}

.news .page,
.news .entry {
	width:248px;
	height:368px;
	float:left;
	clear:none;
	margin:0 28px 24px 0;
	padding:0 0 8px 0;
	border-bottom:#ECECEC dotted 1px;
	position:relative;
	z-index:1;
	overflow:hidden;
}

.news .page .image,
.news .entry .image {
	width:100%;
	height:248px;
	margin:0 0px 0 0;
	padding:0 0 0 0;
	overflow:hidden;
}

.news .page .image a,
.news .entry .image a {
	display:block;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	overflow:hidden;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.news .page .image a:hover,
.news .entry .image a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

.news .page .image a img,
.news .entry .image a img {
	display:block;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
}

.news .page .title,
.news .entry .title {
	width:100%;
	height:auto;
	margin:0 0 0px 0;
	padding:0px 0;
	overflow:hidden;
}

.news .page .title h3,
.news .entry .title h3 {
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	line-height:100%;
}

.news .page .title h3 a,
.news .entry .title h3 a {
	display:block;
	height:80px;
	overflow:hidden;
	text-overflow: ellipsis;
	color:#000;
	text-decoration:underline;
}

.news .page .title h3 a:hover,
.news .entry .title h3 a:hover {
	color:#FFF;
	background:#000;
	text-decoration:none;
}

.news .page .title h4,
.news .entry .title h4 {
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	float:left;
	line-height:100%;
}

.news .page .title h4 a,
.news .entry .title h4 a {
	color:#000;
	font-size:18px;
	font-family:HelveticaNeue, Helvetica, sans-serif;
	
}

.news .page .title h4 a:hover,
.news .entry .title h4 a:hover {
	color:#FFF;
	background:#000;
}

.news .page .title .date,
.news .entry .title .date {
	font-size:16px;
	font-family:HelveticaNeue, Helvetica, sans-serif;
	line-height:250%;
	color:#999;
}

.news .page .title .date span,
.news .entry .title .date span {
	font-size:80%;
	font-family:inherit;
	color:inherit;
}

.news .page .text,
.news .entry .text {
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0px 0;
}

.news .page .text .excerpt,
.news .page .only-text .excerpt,
.news .entry .text .excerpt,
.news .entry .only-text .excerpt {
	clear:both;
	margin:0px 0 0 0;
	padding:10px 0 0 0;
}

.news .page .text .permalink,
.news .page .only-text .permalink,
.news .entry .text .permalink,
.news .entry .only-text .permalink {
	display:none;
	width:100%;
	height:25px;
	margin:5px 0 0 0;
	padding:0;
}

.popular .page,
.popular .entry {
	width:100%;
	height:100px;
	margin:0 auto 15px auto;
	padding:0 0 10px 0;
	border-bottom:#ECECEC dotted 1px;
}

.popular .page .image,
.popular .entry .image {
	width:80px;
	height:80px;
	margin:0 10px 0 0;
	padding:0 0 0 0;
	float:left;
}

.popular .page:nth-child(1) .image:before,
.popular .entry:nth-child(1) .image:before {
	width:80px;
	height:24px;
	content:"No.1";
	font-family:HelveticaNeue, Helvetica, sans-serif;
	font-size:20px;
	line-height:100%;
}

.popular .page:nth-child(2) .image:before,
.popular .entry:nth-child(2) .image:before {
	width:80px;
	height:24px;
	content:"No.2";
	font-family:HelveticaNeue, Helvetica, sans-serif;
	font-size:20px;
	line-height:100%;
}

.popular .page:nth-child(3) .image:before,
.popular .entry:nth-child(3) .image:before {
	width:80px;
	height:24px;
	content:"No.3";
	font-family:HelveticaNeue, Helvetica, sans-serif;
	font-size:20px;
	line-height:100%;
}

.popular .page:nth-child(4) .image:before,
.popular .entry:nth-child(4) .image:before {
	width:80px;
	height:24px;
	content:"No.4";
	font-family:HelveticaNeue, Helvetica, sans-serif;
	font-size:20px;
	line-height:100%;
}

.popular .page:nth-child(5) .image:before,
.popular .entry:nth-child(5) .image:before {
	width:80px;
	height:24px;
	content:"No.5";
	font-family:HelveticaNeue, Helvetica, sans-serif;
	font-size:20px;
	line-height:100%;
}

.popular .page .image a,
.popular .entry .image a {
	width:80px;
	height:80px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	overflow:hidden;
}

.popular .page .image a:hover,
.popular .entry .image a:hover {
}

.popular .page .image a img,
.popular .entry .image a img {
	width:80px;
	height:80px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

.popular .page .title,
.popular .entry .title {
	width:210px;
	height:100px;
	margin:0px 0px 0 0;
	padding:0 0 0 0;
	float:left;
	overflow:hidden;
}

.popular .page .title h3,
.popular .entry .title h3 {
	width:auto;
	height:24px;
	padding:0;
	margin:0;
	overflow:hidden;
	line-height:100%;
}

.popular .page .title h3 a,
.popular .entry .title h3 a {
	display:inline-block;
	margin:0 8px 0 0;
	padding:4px;
	color:#FFF;
	line-height:100%;
	background:#F00;/*リンク*/
	text-decoration:none;
	font-size:12px;
}

.popular .page .title h3 a:hover,
.popular .entry .title h3 a:hover {
	color:#FFF;
	background:#CCC;
	text-decoration:none;
}

.popular .page .title h4,
.popular .entry .title h4 {
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	clear:both;
	line-height:100%;
}

.popular .page .title h4 a,
.popular .entry .title h4 a {
	display:block;
	height:56px;
	overflow:hidden;
	color:#000;
	font-size:16px;
}

.popular .page .title h4 a:hover,
.popular .entry .title h4 a:hover {
	color:#FFF;
	background:#000;
}

.popular .page .title .date,
.popular .entry .title .date {
	height:24px;
	font-size:16px;
	font-family:HelveticaNeue, Helvetica, sans-serif;
	line-height:100%;
	color:#999;
}

.popular .page .title .date span,
.popular .entry .title .date span {
	font-size:12px;
	font-family:inherit;
	line-height:100%;
	color:inherit;
}

.popular .page .title .excerpt,
.popular .entry .title .excerpt {
	width:100%;
	height:30px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:120%;
	color:#999;
}

.special {
	padding:24px 0;
}

.special .page,
.special .entry {
	width:168px;
	height:168px;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 0;
	position:relative;
	z-index:1;
	overflow:hidden;
}

.special .page:first-child,
.special .entry:first-child {
	float:right;
}

.special .page .image,
.special .entry .image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
}

.special .page .image a,
.special .entry .image a {
	display:block;
	width:100%;
	height:auto;
}

.special .page .image a img,
.special .entry .image a img {
	display:block;
	width:100%;
	height:auto;
}

.special .page .title,
.special .entry .title {
	position:absolute;
	top:0;
	left:0;
	width:auto;
	height:100%;
	padding:8px;
	background:rgba(0,0,0,0.75);
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.special .page:hover .title,
.special .entry:hover .title {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.special .page .title a,
.special .entry .title a {
	display:block;
	color:#FFF;
}

.special .page .title h3,
.special .entry .title h3 {
	display:none;
}

.special .page .title h4 a,
.special .entry .title h4 a {
	height:160px;
	padding:24px 0;
	overflow:hidden;
	text-decoration:none;
}

.special .page .title h4 a:hover,
.special .entry .title h4 a:hover {
	text-decoration:none;
}

.special .page .title p,
.special .entry .title p,
.special .page .title span,
.special .entry .title span {
	display:none;
	color:#999;
}

#banner {
	width:100%;
	height:auto;
	margin:0 0 20px 0;
}

#banner .header {
	display:none;
	width:100%;
	height:25px;
	margin:0;
	padding:0;
	border-bottom:#ECECEC dotted 1px;
}

#banner .header h3 {
	font-weight:bold;
}

#banner .section {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:10px 0 0 0;
}

#banner .section a {
	display:block;
	width:100%;
	height:auto;
	margin:0 auto 10px auto;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

#banner .section a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#banner .section a img {
	display:block;
	max-width:220px;
	margin:0 auto;
}

.banners {
	margin:0 auto 32px auto;
}

.banners ul {
	list-style:none;
}

.banner {
	display:block;
	width:100%;
	margin:0 auto 16px auto;
}

.banner a {
	display:block;
	width:100%;
	height:auto;
}

.banner a img {
	display:block;
	width:100%;
	height:auto;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
}

.banner a img:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

#header_sp_banners,
#image_sp_banners,
#float_sp_banners,
#contents_after_sp_banners {
	display:none;
}

#float_banners,
#float_sp_banners {
	margin:0 auto 40px auto;
}

#float_banners a,
#float_banners a img,
#contents_after_banners a,
#contents_after_banners a img {
	width:auto;
	max-width:100%;
	margin:0 auto;
}

#header_sp_banners,
#image_sp_banners {
	margin:0 auto;
}
/*個別の設定*/
#feature-archive {
	width:100%;
	height:auto;
	margin:0 0 25px 0;
	padding:0 0 0 0;
}

#feature-archive .footer {
}

#recent-entries,
#mail-magazine-add-notify {
	width:100%;
	height:auto;
	margin:0 0 25px 0;
	padding:0 0 0 0;
}

#recent-entries .header,
#mail-magazine-add-notify .header {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#recent-entries .header h3,
#mail-magazine-add-notify .header h3 {
	width:100%;
	height:auto;
	margin:1em 0 0 0;
	padding:0 0 0 0;
	color:#333;
}

#recent-entries .header h3 a {
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#333;
}

#recent-entries .header h3 a:after {
	content:"新着情報";
	font-size:70%;
	color:#999;
	margin:0 0 0 0.8em;
}

#mail-magazine-add-notify .header h3:after {
	content:"メルマガ登録";
	font-size:70%;
	color:#999;
	margin:0 0 0 0.8em;
}

#recent-entries .section,
#mail-magazine-add-notify .section {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#recent-entries .section .section-inner {
	width:100%;
	height:auto;
	margin:0 0 0 0;
	padding:20px 0 0 0;
}

#mail-magazine-add-notify .section .section-inner {
	width:100%;
	height:auto;
	margin:0 0 10px 0;
	padding:0 0 0 0;
}

#mail-magazine-add-notify .section input {
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#mail-magazine-add-notify .section input.input-email {
	display:block;
	width:174px;
	height:19px;
	margin:0 0 0 0;
	padding:2px;
	border:#ECECEC solid 1px;
	float:left;
}

#mail-magazine-add-notify .section input.submit-btn {
	display:block;
	width:40px;
	height:25px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:#000;
	border:none;
	color:#FFF;
	text-align:center;
	float:right;
	cursor:pointer;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	font-size:12px;
}

#mail-magazine-add-notify .section input.submit-btn:hover {
	background:#F00;
}

#main-footer {
	width:100%;
	height:120px;
	margin:0 0 20px 0;
	padding:0 0 0 0;
	background:#CCC;
}

#main-footer .inner {
	width:auto;
	height:auto;
	margin:0;
	padding:4px;
}

#main-footer .inner .section {
	width:auto;
	height:106px;
	margin:0;
	padding:3px;
	background:#FFF;
}
/*フリースペース*/
#freespace .article-section p {
	text-indent:0em;
	margin:0 0 0.75em 0;
}

#freespace .article-section ul,
#freespace .article-section ol,
#freespace .article-section dl {
	margin:10px 0px 10px 10px;
	list-style:none;
}

#freespace .article-section h1 {
}

#freespace .article-section h2 {
}

#freespace .article-section h3 {
	margin:0 0 0.5em 0;
}

#freespace .article-section h4 {
	font-size:125%;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	margin:0 0 0.5em 0;
}

#freespace .article-section h5 {
	margin:0 0 0.5em 0;
}

#freespace .article-section h6 {
	margin:0 0 0.5em 0;
}

#freespace .article-section img {
	max-width:100%;
}

#freespace .article-section a img {
	display:block;
	max-width:100%;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

#freespace .article-section a:hover img {
	display:block;
	max-width:100%;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#freespace .article-section strong {
	font-weight:bold;
}

#freespace .article-section i {
	font-style:italic;
}

#freespace .article-section em {
	font-weight:bold;
	font-style:italic;
}

#freespace .article-section u {
	text-decoration:underline;
}

#freespace .article-section ins {
	text-decoration:underline;
}

#freespace .article-section del {
	text-decoration:line-through;
}

#freespace .article-section s {
	text-decoration:line-through;
}

#freespace .article-section sub {
	font-size:0.8em;
	position:relative;
	top:0.4em;
}

#freespace .article-section sup {
	font-size:0.8em;
	position:relative;
	top:-0.6em;
}

#freespace .article-section blockquote {
	background:#F5F5F5;
	width:98%;
	padding:5px 1%;
}

#freespace .article-section hr {
	color:#CCCCCC;
	background:#CCCCCC;
	border:none;
	height:1px;
	visibility:visible;
}

#freespace .article-section table {
	width:100%;
	height:auto;
	border-collapse:collapse;
	border:#CCCCCC solid 1px;
}

#freespace .article-section table th {
	background:#F5F5F5;
	text-align:center;
	padding:5px;
	font-size:105%;
	font-weight:bold;
	border:#CCCCCC solid 1px;
}

#freespace .article-section table td {
	padding:5px;
	border:#CCCCCC solid 1px;
}
/*メールフォーム*/
#ajax_mail,
#mail_preview,
#mail_error,
#mail_post {
	width:100%;
	height:auto;
	margin:10px 0 30px 0;
}

form fieldset,
.comments-open-content {
	width:100%;
	margin:0px;
	border:none;
}

fieldset dl,
fieldset dt,
fieldset dd,
.comments-open-content dl,
.comments-open-content dt,
.comments-open-content dd,
form,fieldset,input,textarea,button{
	margin:10px auto 0 auto;
	padding:0;
	font-size:100%;
}

fieldset dt,
.comments-open-content dt {
	margin:1em 0 0 0;
	width:20%;
	float:left;
}

fieldset dd,
.comments-open-content dd {
	margin:0 0 1em 0;
	padding:0 0 1em 0;
	border-bottom:1px dotted #ECECEC;
}

.comments-open-content #preview dd {
	margin:1em 0 1em 0;
	padding:1em 0 1em 0;
	border-bottom:1px dotted #CCCCCC;
}

fieldset dd p,
.comments-open-content dd p {
	text-align:left;
	margin:0 0 10px 0;
}

fieldset form {
	padding:0;
	width:500px;
}

fieldset fieldset,
.comments-open-content {
	margin:30px auto 50px auto;
	border:none;
}

fieldset input,
fieldset textarea {
	padding:0.2em;
	border:1px solid #CCCCCC;
}

fieldset input {
	width:35%;
}

fieldset textarea {
	width:75%;
	height:200px;
}

fieldset p {
	text-align:center;
	margin:0 auto;
	width:300px;
}

p.supply {
	text-align:center;
	margin:10px auto;
	width:auto;
}

fieldset button {
	padding:3px 5px;
	border-top:3px double #bbb;
	border-right:3px double #666;
	border-bottom:3px double #666;
	border-left:3px double #bbb;
	background:#ECECEC;
}

fieldset button:active {
	padding:3px 5px;
	border-top:3px double #666;
	border-right:3px double #bbb;
	border-bottom:3px double #bbb;
	border-left:3px double #666;
	background-color:#333333;
	color:#FFFFFF;
}

fieldset #mail_preview {
	width:auto;
	height:auto;
	padding:4px 16px;
	background:#000;
	border:none;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

fieldset #mail_preview:hover {
	background:#F00;
}

fieldset #mail_post {
	width:auto;
	height:auto;
	padding:4px 16px;
	background:#000;
	border:none;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

fieldset #mail_post:hover {
	background:#F00;
}

fieldset #mail-form-notes {
	font-size:80%;
}

#thanks h3 {
	text-align:center;
}

#mail_progress,
#mail_error_code {
	text-align:center;
}

#mail_progress img {
	display:block;
	width:32px;
	height:auto;
	margin:40px auto;
}
/*.article-section*/
#main .contents .entry-body,
#main .contents .entry-more,
#main .contents .page-body,
#main .contents .page-more {
	width:100%;
	height:auto;
	margin:10px auto;
	clear:both;
	float:none;
}

.players #main .contents .section .entry-body {
	width:330px;
	height:auto;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	float:right;
	clear:none;
}

#main .contents .overview .article-section {
	width:100%;
	height:auto;
	margin:10px auto;
}

#main .contents .article-section p {
	text-indent:0em;
	margin:0 0 3px 0;
}

#main .contents .overview .article-section p {
	text-indent:0em;
	margin:0 0 5px 0;
}

#main .contents .article-section ul,
#main .contents .article-section ol {
	margin:5px 0px 10px 10px;
	list-style:none;
}

#main .contents .article-section dl {
	display:block;
	margin:0px 0px 10px 0px;
	list-style:none;
}

#main .contents .article-section dl dt {
	width:auto;
	height:auto;
	margin:2px 0 0 0;
	padding:0 0 0 0;
	float:left;
	clear:left;
}

#main .contents .article-section dl dd {
	width:auto;
	height:auto;
	margin:2px 0 0 0;
	padding:0 0 0 0;
	float:right;
}

.about #main .contents .article-section dl {
	display:block;
	width:410px;
	height:auto;
	margin:0px 0px 10px 0px;
	padding:0 0 0 0;
	float:right;
	list-style:none;
}

.about #main .contents .article-section dl dt {
	width:50px;
	height:auto;
	margin:2px 0 0 0;
	padding:0 0 0 0;
	float:left;
	clear:left;
}

.about #main .contents .article-section dl dt:first-child {
}

.about #main .contents .article-section dl dd {
	width:360px;
	height:auto;
	margin:2px 0 0 0;
	padding:0 0 0 0;
	float:right;
}

#main .contents .article-section h1,
#main .contents .article-section h1 * {
	font-size:160%;
}

#main .contents .article-section h2,
#main .contents .article-section h2 * {
	font-size:150%;
}

#main .contents .article-section h3,
#main .contents .article-section h3 * {
	font-size:140%;
	margin-bottom:5px;
	font-weight:bold;
}

#main .contents .article-section h4,
#main .contents .article-section h4 * {
	font-size:130%;
	font-weight:bold;
}

#main .contents .article-section h5,
#main .contents .article-section h5 * {
	font-size:120%;
}

#main .contents .article-section h6,
#main .contents .article-section h6 * {
	font-size:110%;
}

#main .contents .article-section h1 span,
#main .contents .article-section h2 span,
#main .contents .article-section h3 span,
#main .contents .article-section h4 span,
#main .contents .article-section h5 span,
#main .contents .article-section h6 span {
	color:inherit;
}

#main .contents .article-section img {
	max-width:100%;
	height:auto;
}

#main .contents .article-section a img {
	display:block;
	max-width:100%;
	height:auto;
}

#main .contents .article-section a:hover img {
	display:block;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

#main .contents .article-section strong {
	font-weight:bold;
}

#main .contents .article-section i {
	font-style:italic;
}

#main .contents .article-section em {
	font-weight:bold;
	font-style:italic;
}

#main .contents .article-section u {
	text-decoration:underline;
}

#main .contents .article-section ins {
	text-decoration:underline;
}

#main .contents .article-section del {
	text-decoration:line-through;
}

#main .contents .article-section s {
	text-decoration:line-through;
}

#main .contents .article-section sub {
	font-size:0.8em;
	position:relative;
	top:0.4em;
}

#main .contents .article-section sup {
	font-size:0.8em;
	position:relative;
	top:-0.6em;
}

#main .contents .article-section blockquote {
	background:#F5F5F5;
	width:98%;
	padding:5px 1%;
}

#main .contents .article-section hr {
	background:#F2F2F2;
	border:none;
	height:1px;
	visibility:visible;
}

#main .contents .article-section span span {
	font-size:inherit;
	color:inherit;
}

#main .contents .article-section table {
	width:100%;
	height:auto;
	border-collapse:collapse;
	border:#ECECEC solid 1px;
}

#main .contents .article-section table th {
	background:#F4F4F4;
	text-align:center;
	padding:5px;
	font-size:105%;
	font-weight:bold;
	border:#ECECEC solid 1px;
}

#main .contents .overview .article-section table th {
	background:#F4F4F4;
	text-align:center;
	padding:5px;
	font-size:100%;
	font-weight:normal;
	border:#ECECEC solid 1px;
	white-space:nowrap;
}

#main .contents .article-section table td {
	padding:5px;
	border:#ECECEC solid 1px;
}

#main .contents .overview .article-section table td {
	padding:3px;
	border:#ECECEC solid 1px;
	
}

#main .contents .overview .article-section table tr:hover {
	background:#F4F4F4;
}

.about #main .contents .article-section li a:first-child {
	color:#666;
	font-weight:bold;
	text-decoration:none;
}

.about #main .contents .article-section li a:first-child:hover {
	color:#999;
}

#main .contents .article-section table.outline {
	width:100%;
	height:auto;
	border-collapse:collapse;
	border:none !important;
	border-top:#ECECEC dotted 1px;
}

#main .contents .article-section table.outline tr {
	border-bottom:#ECECEC dotted 1px;
}

#main .contents .article-section table.outline tr:first-child {
	border-top:#ECECEC dotted 1px;
}

#main .contents .article-section table.outline  td {
	padding:5px;
	border:none;
}

#main .contents .article-section table.outline  th {
	padding:5px 0;
	background:none;
	border:none;
	text-align:left;
	vertical-align:top;
}

#main .contents .article-section .btn {
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:3px 7px 3px 15px;
	border-radius:3px;
	background:url(../img/contents/allow.png) 5px 50% no-repeat #F00;
	color:#FFF;
	font-size:110%;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	box-shadow:0 0 5px #CCC;
}

#main .contents .article-section .btn:hover {
	background:url(../img/contents/allow.png) 5px 50% no-repeat #CCC;
}

#main .contents .article-section .iframe {
    position:relative;
    padding-bottom: 56.25%;
    padding-top:30px;
	margin-bottom:24px;
    height:0;
    overflow:hidden;
}

#main .contents .article-section .iframe iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
/*---------------------*/


#contact-form .section address {
	position:relative;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
	padding:0;
	border-bottom:#ECECEC dotted 1px;
}

#contact-form .section address .phone-number,
#contact-form .section address .fax-number {
	font-size:200%;
	font-weight:bold;
}

#contact-form .section address p {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	overflow:hidden;
}

#contact-form .section address p span {
	font-size:50%;
	color:#999;
	text-transform:capitalize;
}

#contact-form .section address p.mail-link span.e-type {
	text-transform:lowercase !important;
}

#contact-form .section address a {
	font-size:120%;
	text-decoration:none;
}

#contact-form .section address .address {
	width:40%;
	height:auto;
	margin:0;
	padding:10px 0 10px 10%;
	border-left:#ECECEC dotted 1px;
	position:absolute;
	right:0;
	top:10px;
}

#contact-form .section h4,
#contact-form .section .title,
#contact-form .section .website-url,
#contact-form .footer a {
	display:none;
}
/*サイトマップ*/
#sitemap {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}

#sitemap #sitemap-section {
	width:100%;
	height:auto;
}

#sitemap-section .section-inner {
	width:98%;
	height:auto;
	margin:0 0 0 2%;
}

#sitemap .footer {
	width:100%;
	height:auto;
}

#sitemap-section .sitemap {
	width:48%;
	height:auto;
	margin:24px 2% 24px 0;
	padding:0 0 16px 0;
	float:left;
	border-bottom:#ECECEC dotted 1px;
}

.sitemap h3 a {
	font-weight:bold;
	font-family:HelveticaNeue, Helvetica, sans-serif;
}

.sitemap ul,
.sitemap ol,
.sitemap dl {
	padding:8px;
	list-style:none;
}

.sitemap a,
.sitemap li.yearlylist {
	color:#333333;/*カラー*/
	text-decoration:none;
	cursor:pointer;
}

.sitemap a:hover,
.sitemap li.yearlylist:hover {
	color:#AAAAAA;/*カラー*/
	text-decoration:none;
}

.sitemap li a span {
	color:#CCC;
	font-size:12px;
}
/*サイトマップ*/
/*Google カスタム検索*/
.cse .gsc-control-cse, .gsc-control-cse {
	padding:0 0 0 0 !important;
}

form.gsc-search-box,
input.gsc-input {
	font-size:12px !important;
	outline:none !important;
	border:none !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input,
.gsib_a {
	margin:0 0 0 0 !important;
	padding:0 0 0 0 !important;
}

.gsst_b {
	font-size:12px !important;
}

.cse input.gsc-search-button, input.gsc-search-button {
	border:none !important;
	margin:0 0 0 0 !important;
	border-radius:0 !important;
	-webkit-border-radius:0 !important;
	outline:none !important;
	background:#666 !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
	margin:6px 0 0 0 !important;
	padding:7px 27px !important;
}

.gs-title {
	text-align:left !important;
}
/*bottom*/
#bottom {
	position:relative;
	clear:both;
	width:100%;
	height:auto;
	margin:0 0 0 0;
}

#bottom .scroll {
	width:100%;
	height:auto;
	margin:0;
	padding:0 0 0 0;
}

#bottom .scroll a#scroll {
	display:block;
	width:48px;
	height:42px;
	margin:0 auto 24px auto;
	padding:12px 6px 6px 6px;
	border-radius:50%;
	background:#000;
	text-align:center;
	text-decoration:none;
	text-indent:-9999px;
	line-height:120%;
	color:#FFF;
	font-size:10px;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

#bottom .scroll a#scroll:hover {
	background:#333;/*リンク*/
}

#bottom .scroll a#scroll:before {
	content:"<";
	display:block;
	width:16px;
	height:auto;
	margin:0 auto;
	padding:0 0 4px 0;
	text-indent:0;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	font-size:20px;
}

#bottom .scroll a#scroll span,
#bottom .home a span {
	font-size:10px;
	color:inherit;
}

/*その他*/
.red {
	color:#F00;
}

.scroll {
	font-size:80%;
}

.green {
	color:#090;
}

.lightgreen {
	color:#0F0;
}
/*06.footer*/
#footer {
	width:1200px;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:left;
}

#footer #footer-sitemap {
	width:390px;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
}

#footer #footer-sitemap .header {
	display:none;
}

#footer #footer-sitemap .header h3 {
	font-size:100%;
}

#footer #footer-sitemap .header h3 a {
	color:#666;
	font-size:120%;
	font-weight:bold;
}

#footer #footer-sitemap .header h3 a:hover {
	color:#999;
}

#footer #footer-sitemap .section {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:5px 0 0 0;
}

#footer #footer-sitemap .section .section-inner .sitemap {
	width:33%;
	height:auto;
	margin:0 0 1em 0;
	padding:0 0 0 0;
	float:left;
}

#footer #footer-sitemap .section .section-inner .sitemap h3 {
	font-size:100%;
}

#footer #footer-sitemap .section .section-inner .sitemap h3 a {
	font-size:110%;
}

#footer #footer-sitemap .section .section-inner .sitemap h3 a:hover {
}

#footer #footer-sitemap .section .section-inner .sitemap ul,
#footer #footer-sitemap .section .section-inner .sitemap dl {
	width:auto;
	height:auto;
	list-style:none;
	margin:0 0 0 0.5em;
	padding:0 0 0 0;
	display:block;
	cursor:pointer;
}

#footer #footer-sitemap .section .section-inner .sitemap ol {
	width:auto;
	height:auto;
	list-style:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:block;
	cursor:pointer;
}

#footer #footer-sitemap .section .section-inner .sitemap .archiveslist .archive-index,
#footer #footer-sitemap .section .section-inner .sitemap dd {
	display:inline;
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	background:none;
	border:none;
	border-bottom:none;
}

#footer #footer-sitemap .section .section-inner .sitemap a {
	font-size:80%;
}

#footer #footer-sitemap .section .section-inner .sitemap a:hover {
}

#footer #footer-sitemap .section .section-inner .sitemap a span {
	display:none;
	color:#333;
	font-size:90%;
}

#footer #footer-sitemap .section .section-inner .sitemap ol .yearlylist {
	color:#F00;/*リンク*/
	font-size:90%;
}

#footer #footer-sitemap .section .section-inner .sitemap ol .yearlylist:hover {
	color:#F90;/*リンク*/
}

#footer #footer-sitemap .section .section-inner .sitemap .noentry {
	font-size:80%;
	color:#CCC;
}

#footer #footer-sitemap .section .section-inner #sitemap_top {
	display:none;
}

#footer #footer-sitemap .section .section-inner #sitemap_04 {
}

#footer #footer-sitemap .footer {
	display:none;
	width:98%;
	height:auto;
	margin:0 auto;
	padding:0 0 0 0;
}

#footer #footer-social-media-widget {
	float:right;
	width:540px;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#footer #footer-social-media-widget #footer-facebook-widget {
	width:285px;
	height:235px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	overflow:hidden;
}

#footer #footer-social-media-widget #footer-twitter-widget {
	width:220px;
	height:auto;
	float:right;
}

#footer-banner {
	width:100%;
	height:50px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#footer-banner #footer-banner-inner {
	width:970px;
	height:auto;
	margin:0 20px 0 0;
	padding:0 0 0 0;
}

#footer-banner #footer-banner-inner a {
	display:block;
	width:140px;
	height:45px;
	margin:0 19px 0 0;
	padding: 0 0 0 0;
	border:solid #ECECEC 1px;
	overflow:hidden;
	float:left;
}

#footer #footer-extra {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:24px 0;
	clear:both;
}

#footer .footer-link a {
	float:left;
	margin:0 5px 0 0;
}

#footer .extra #footer_navi {
	float:left;
	list-style:none;
	display:block;
	width:auto;
	height:25px;
	margin:0px 0 0 0;
	padding:5px 0 0 0;
}

#footer .extra #footer_navi li {
	display:block;
	width:auto;
	height:20px;
	float:left;
	margin: 0 10px 0 0;
	padding:0 0 0 0;
}

#footer .extra #footer_navi li a {
	text-decoration:none;
	border-left: #ECECEC 1px solid;
	padding:0 0 0 5px;
	font-size:100%;
	text-transform:uppercase;
	font-family:HelveticaNeue, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:underline;
}

#footer .extra #footer_navi li a.home {
	border-left:none;
	padding:0 0 0 0px;
}

#footer .extra #footer_navi li a:hover {
	text-decoration:none;
}

#footer .extra #copyright,
#footer .extra #copyright small {
	float:right;
	clear:right;
	color:#CCC;
	font-size:100%;
	font-family:HelveticaNeue, Helvetica, sans-serif;
}

/* Mobile (Portrait) 画面の横幅が767pxまで */

@media only screen and (max-width: 767px) {
#header_banners,
#image_side_banners,
#float_banners,
#contents_after_banners {
	display:none;
}

#header_sp_banners,
#image_sp_banners,
#float_sp_banners,
#contents_after_sp_banners {
	display:block;
}

.top #image #image_side {
	padding:56px 0 16px 0 !important;
	clear:both;
	float:none;
}

.top #image #image_side .banners .banner {
	margin:0 auto;
}

.top #image #image_side .banners .banner a {
	height:auto;
}

.top #image .bx-wrapper {
	position:relative;
}

#image .bx-wrapper .bx-pager {
	position:relative;
	top:0 !important;
	left:0 !important;
	width:100% !important;
	height:40px;
}

.bx-wrapper .bx-pager .bx-pager-item {
	width:12.5% !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	height:40px !important;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
	background:rgba(255,0,0,0.75) !important;
}
}