@charset "utf-8";

@media only screen and (min-width: 814px) {
.mode_pc {display: block !important;}
.mode_sp {display: none !important;}
}

@media only screen and (max-width: 813px) {
.mode_pc {display: none !important;}
.mode_sp {display: block !important;}
}




/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}

img, fieldset {
	border: 0;
}

li {
	list-style: none;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
 
table
{
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}


/* =======================================

	CommonElements

======================================= */
html {
 -webkit-text-size-adjust: 100%;
}

body {
/* 	font-size:             13px !important; */
	line-height:           140%;
	font-family: 'Lato', sans-serif;
	color:                 #fff;
	text-align:            center;
	background:            #000;
/* 	visibility: hidden; */
}

a:link { text-decoration:none; color: #000;}
a:visited { text-decoration:none; color: #000;}
a:active { text-decoration:none; color: #000;}
a:hover { text-decoration:none; color: #000;}


#container {
	width:              100%;
	text-align:         center;
}

#loader {
	position:         absolute;
	top:              50%;
	left:             50%;
	margin:           -12px 0 0 -12px;
	z-index:          9999;
}

#wrapper {
	visibility:       hidden;
}


/* fullSlideShow
--------------------------- */
.fullSlideShow {
	width:              100%;
/* 	min-height:         740px; */
	text-align:         left;
	position:           relative;
	overflow:           hidden;
}
.fullSlideShow ul {
	top:                50%;
	left:               50%;
	width:              100%;
	position:           fixed; /* absolute or fixed */
	overflow:           hidden;
}
.fullSlideShow ul li {
	top:                0;
	left:               0;
	width:              100%;
	display:            none;
	position:           absolute;
}
.fullSlideShow ul li img {
	width:              100%;
}


/* SideNavi
------------------------- */
.fullSlideShow .btnPrev,
.fullSlideShow .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: fixed; /* absolute or fixed */
    z-index: 105;
}
.fullSlideShow .btnPrev {
    left: 10px;
    background: transparent url(../img/btnPrev.png) no-repeat center center;
}
.fullSlideShow .btnNext {
    right: 10px;
    background: transparent url(../img/btnNext.png) no-repeat center center;
}


/* PagiNation
--------------------------- */
.pagiNation {
	bottom: 30px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: fixed; /* absolute or fixed */
	z-index: 110; /* 非表示にする場合は「90」以下に */
 	visibility: hidden; /* 非表示にする場合は「hidden」に */
}

.pagiNation a {
	margin: 0 5px;
	width: 20px;
	height: 20px;
	display: inline-block;
	overflow: hidden;
	background: #000;
}
.pagiNation a.pnActive {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* Wrapper
--------------------------- */
#wrapper {
/* 	margin-top: -60px; */
	width:               100%;
	text-align:          left;
	background:          #111;
	position:            relative;
	z-index:             9999;
	color:               #fff;

}


/* =======================================
	ClearFixElements
======================================= */

.fullSlideShow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.fullSlideShow ul {
	display: inline-block;
	overflow: hidden;
}