html,body {
	padding: 0;
	text-align: center;
	margin: 0;
	-webkit-font-smoothing: antialiased;
}
/* 20210112ishiyama 公開画面をズームアップしたときにmainとfooterの画像幅が変動するようmin-widthを指定するためのクラス */
body.public-view {
	min-width:1080px;
}
#bg{
	position:relative;
	width: 100%;
	font-size:14px;
	line-height:1.5;
	font-family: 'Meiryo','Hiragino Kaku Gothic Pro','Gothic','Mincho','MS Gothic','MS PGothic','Hiragino Mincho Pro','MS Mincho','MS PMincho','Comic Sans MS','Courier New',monospace,sans-serif;
	margin: 0 auto;
	text-align: left;
}

#bg.scroll-1{
	height: 100%;
}

#bg.lang-en{
	font-family: "RobotoSlab","Verdana","Arial",sans-serif;
}

#bg.lang-zh-CN{
	font-family: "FOTK-YDGothic120","SimHei","Verdana","Arial",sans-serif;
}

#bg.lang-zh-TW{
	font-family: "FZBeiWeiKaiShu-Z15T","SimHei","Verdana","Arial",sans-serif;
}

#bg.lang-ko{
	font-family: "FOTK-YDGothic120","Gulim","Verdana","Arial",sans-serif;
}

#header,#footer{
	width: 100%;
	min-height:50px;
/*	background-color: rgba(255,255,255,0.8);*/
	position: fixed;
	z-index: 150;
}

.device-smart #header :not(.sp-smart-header *),.device-smart #footer{
	font-size: 14px;
}

#header .sp-header-area,
#footer .sp-footer-area{
	overflow: hidden;
	width	: 100%;
	height	: 100%;
}

#footer{
	bottom: 0px;
	z-index: 94;
}

.scroll-0 #header.pos1,.scroll-0 #footer.pos1{
	position: relative;
}

.scroll-1 #header.pos1,.scroll-1 #footer.pos1{
	position: absolute;
}
#header .logo a,
#footer .logo a{
	width	: 100%;
	height	: 100%;
}
#main{
	width:100%;
}

#middle-area{
	position: relative;
	width:100%;
	height: 100%;
}
.section,.section-area{
	position: relative;
	width:100%;
	height: 100%;
}

.section-area{
	overflow: hidden;
}

.section-bg,.section-area-bg{
	position: absolute;
	width:100%;
	height:100%;
	z-index: 0;
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.section-type002 .section-area{
	width: 50%;
	float: left;
}
.section-type002 .section-area.area2{
	float: right;
}

.section-type003 .block-area{
	width	: 1100px; /* 仮 */
	position: relative;
	margin	: auto;
}


.section-type004 .section-area{
	width: 100%;
	height : 50%;
}

.section-type005 .section-area{
	width: 50%;
	height : 50%;
	float: left;
}
.section-type005 .section-area.area4{
	float: right;
}

.section-type005 .section-area:nth-child(2n+1){
	clear:both;
}


.section-type003 .type006_detail_box {
	width            : 100%;
	padding          : 50px 100px;
	background       : red;
	background-color : rgba(255,255,255,0.8);
}

.section-type003 .type006_detail_box .type006-record-title{
	border-bottom  : 1px dotted rgba(51, 51, 51, 0.5);
	padding-bottom : 10px;
}

.section-type003 .type006_detail_box .type006-return-area{
	text-align : right;
}

.section-type003 .type006_detail_box .type006-category-area{
	text-align : right;
}

.section-type003 .type006_detail_box .fl-left {
	float : left;
}

.section-type003 .type006_detail_box .type006-bottom-list {
	border-bottom : 1px dotted rgba(51, 51, 51, 0.5);
	display       : table;
	width         : 100%;
	line-height   : 1.0;
}

.section-type003 .type006_detail_box .type006-bottom-list li {
	display        : table-cell;
	vertical-align : middle;
	padding        : 15px 0;
	border-bottom  : 1px dotted #666;
}

.section-type003 .type006_detail_box .type006-bottom-list li.cell1 {
    width      : 31px;
    font-size  : 72%;
    color      : #ccc;
    text-align : center;
}

.section-type003 .type006_detail_box .type006-bottom-list li.cell2 {
	width : auto;
}

.type006-bottom-list {
	border-bottom : 1px dotted rgba(51, 51, 51, 0.5);
	display       : table;
	width         : 100%;
	line-height   : 1.0;
}

.type006-bottom-list li {
	display        : table-cell;
	vertical-align : middle;
	padding        : 15px 0;
	border-bottom  : 1px dotted #666;
}

.type006-bottom-list li.cell1 {
    width      : 31px;
    font-size  : 72%;
    color      : #ccc;
    text-align : center;
}

.type006-bottom-list li.cell2 {
	width : auto;
}

.section-area-bg:after {
	content:"";
	width:100%;
	height:100%;
	position: absolute;
	top: 0;
	left:0;
}
.section-area-bg .bg-cover{
	content:"";
	width:100%;
	height:100%;
	position: absolute;
	top: 0;
	left:0;
}
.block-area{
	width	: 100%;
	height	: 100%;
	position: relative;
	margin	: auto;
}
.block{
	position: absolute;
}

.block.animate-item{
	visibility: hidden;
}
.block.animated{
	visibility: visible;
}

.block-media{
	width	: 100%;
	height	: 100%;
	padding: 0px;
}

.block[data-type-list='1']{
	padding-bottom : 10px;
}

.block[data-resize-handle="ratio"] > .record{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display	: block;
}

.block[data-type-list='1'] .record{
    position: relative;
}

.block[data-type-id='8'] .record{
	height  : 100%;
}

.block[data-type-id='8'] iframe{
	width  : 100%;
	height  : 100%;
}
.block.not_aspect .record{
    position: relative;
}

.block[data-type-list="0"] .record .item{
	width: 100%;
	height: 100%;
}

.amp-mode-touch .block.animate-item,
.amp-mode-mouse .block.animate-item,
.capture-bg .block.animate-item{
	visibility: visible;
}
.shape{
	width:100%;
	height:100%;
}

.shape[data-type='css'] > *{

	width:100%;
	height:100%;

}
.border-b-d.mbcolor-op50 .clearfix .cell{
	display:table-cell;
}

.border-b-d.mbcolor-op50 .clearfix .cell .fa{
	display:inline;
}

.border-b-d.mbcolor-op50 .clearfix .cell2 a:hover{
	text-decoration : underline !important;
}

.t-icon-tip{
	display: inline-block;
	min-width:58px;
	height: 20px;
	line-height: 20px;
	text-align:center;
	vertical-align:middle;
	word-break: normal;
	font-weight:normal;
	font-size:12px;
	font-style:normal;
	color:#FFFFFF;
	border: 1px solid #FFFFFF;
	padding:0px 2px;
	font-family:  "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
	margin-right:5px;
}

.t-icon-1 {
	background:#00A3D9;
}

.t-icon-2 {
	background:#008C23;
}

.t-icon-3 {
	background:#7A4DFF;
}

.t-icon-4 {
	background:#D90000;
}

.t-icon-new {
	width:44px;
	background:#FF8000;
}




/* #2827 */
#fixedbanner{
	width: 100%;
	/*min-height:50px;*/
	/*background-color: rgba(255,255,255,0.8);*/
	position: fixed;
	/*z-index: 90;*/
	z-index: 999;
	font-size: 14px;
}

#fixedbanner .sp-fixedbanner-area{
	overflow: hidden;
	width	: 100%;
	height	: 100%;
}

#fixedbanner{
	bottom: 0px;
}

.scroll-0 #fixedbanner.pos1{
	position: relative;
}

.scroll-1 #fixedbanner.pos1{
	position: absolute;
}


#fixedbanner .fixed-banner a:link{
	color : #fff;
	text-decoration: none;
}

#fixedbanner .fixed-banner a:visited{
	color : #fff;
	text-decoration: none;
}

#fixedbanner .fixed-banner a:hover{
	color : #fff;
	text-decoration: none;
}

#fixedbanner .fixed-banner a:active{
	color : #fff;
	text-decoration: none;
}



.backgroundSlideShow{
	height: 100%;
}

/* #4289 tablet only */
/* @media screen and (min-width:768px) and ( max-width:1024px) {
.section-type003 .block-area{
	width	: 1000px;
}

.block-area.block-detail{
	max-width : 840px;
}

.block-area.block-detail .title-area{
	text-align	:center;
}
.block-area.block-detail .return-area{
	text-align	:right;
}
.block-area.block-detail .title-area{
	text-align	:center;
} */

/* テクスチャオーバーレイ */
.background-overLay{
	position: absolute;
	width: 100%;
	height: 100%;
}
.dot-texture-overlay{
	background-size: 6px 6px;
	background-position: 0 0, 3px 3px;
}
.vertical-stripe-overlay{
	background-size: 4px 4px;
}
.horizontal-stripe-overlay{
	background-size: 4px 4px;
}
.diagonal-stripe-overlay{
	background-size: 4px 4px;
}
.diagonal-stripe-overlay2{
	background-size: 4px 4px;
}