@charset 'UTF-8';
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
	font-family : sans-serif;
	/* 1 */
	    -ms-text-size-adjust : 100%;
	/* 2 */
	-webkit-text-size-adjust : 100%;
	/* 2 */
}

/**
 * Remove default margin.
 */
body {
	margin : 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display : block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
	display : inline-block;
	/* 1 */
	vertical-align : baseline;
	/* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
	display : none;
	height : 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden], template {
	display : none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
	background-color : transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active, a:hover {
	outline : 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
	border-bottom : 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b, strong {
	font-weight : bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
	font-style : italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
	font-size : 2em;
	margin : 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
	background : #ff0;
	color : #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
	font-size : 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
	font-size : 75%;
	line-height : 0;
	position : relative;
	vertical-align : baseline;
}

sup {
	top : -0.5em;
}

sub {
	bottom : -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
	border : 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
	overflow : hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
	margin : 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
	-webkit-box-sizing : content-box;
	        box-sizing : content-box;
	height : 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
	overflow : auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
	font-family : monospace, monospace;
	font-size : 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
	color : inherit;
	/* 1 */
	font : inherit;
	/* 2 */
	margin : 0;
	/* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
	overflow : visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select {
	text-transform : none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type='button'], input[type='reset'], input[type='submit'] {
	-webkit-appearance : button;
	/* 2 */
	cursor : pointer;
	/* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
	cursor : default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
	border : 0;
	padding : 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
	line-height : normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'], input[type='radio'] {
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
	/* 1 */
	padding : 0;
	/* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
	height : auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type='search'] {
	-webkit-appearance : textfield;
	/* 1 */
	-webkit-box-sizing : content-box;
	        box-sizing : content-box;
	/* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration {
	-webkit-appearance : none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
	border : 1px solid #c0c0c0;
	margin : 0 2px;
	padding : 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
	border : 0;
	/* 1 */
	padding : 0;
	/* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
	overflow : auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
	font-weight : bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
	border-collapse : collapse;
	border-spacing : 0;
}

td, th {
	padding : 0;
}

/*! minimum_reset.css v0.0.1 */
h1, h2, h3, h4, h5, h6 {
	margin : 0;
	font-size : 100%;
	font-weight : normal;
}

ul, ol {
	margin : 0;
	padding : 0;
	list-style : none;
}

ul li, ol li {
	margin : 0;
	padding : 0;
	list-style : none;
}

dl, dt, dd {
	margin : 0;
	padding : 0;
}

p {
	margin : 0;
}

address {
	font-style : normal;
}

img {
	vertical-align : bottom;
}

*, *:before, *:after {
	-webkit-box-sizing : border-box;
	        box-sizing : border-box;
}

/**
 * Swiper 4.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 28, 2017
 */
.swiper-container {
	margin : 0 auto;
	position : relative;
	overflow : hidden;
	list-style : none;
	padding : 0;
	/* Fix of Webkit flickering */
	z-index : 1;
}

.swiper-container-no-flexbox .swiper-slide {
	float : left;
}

.swiper-container-vertical > .swiper-wrapper {
	-webkit-box-orient : vertical;
	-webkit-box-direction : normal;
	-ms-flex-direction : column;
	    flex-direction : column;
}

.swiper-wrapper {
	position : relative;
	width : 100%;
	height : 100%;
	z-index : 1;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-transition-property : -webkit-transform;
	        transition-property : -webkit-transform;
	        transition-property :         transform;
	        transition-property :         transform, -webkit-transform;
	-webkit-box-sizing : content-box;
	        box-sizing : content-box;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
	-webkit-transform : translate3d(0px, 0, 0);
	        transform : translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
	-ms-flex-wrap : wrap;
	    flex-wrap : wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function : ease-out;
	        transition-timing-function : ease-out;
	margin : 0 auto;
}

.swiper-slide {
	-ms-flex-negative : 0;
	flex-shrink : 0;
	width : 100%;
	height : 100%;
	position : relative;
	-webkit-transition-property : -webkit-transform;
	        transition-property : -webkit-transform;
	        transition-property :         transform;
	        transition-property :         transform, -webkit-transform;
}

.swiper-invisible-blank-slide {
	visibility : hidden;
}

/* Auto Height */
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height : auto;
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align : start;
	-ms-flex-align : start;
	align-items : flex-start;
	-webkit-transition-property : height, -webkit-transform;
	        transition-property : height, -webkit-transform;
	        transition-property : transform, height;
	        transition-property : transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-container-3d {
	-webkit-perspective : 1200px;
	        perspective : 1200px;
}

.swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow {
	-webkit-transform-style : preserve-3d;
	        transform-style : preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom {
	position : absolute;
	left : 0;
	top : 0;
	width : 100%;
	height : 100%;
	pointer-events : none;
	z-index : 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image : -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
	background-image : -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), transparent);
	background-image :         linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image : -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
	background-image : -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), transparent);
	background-image :         linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image : -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
	background-image : -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), transparent);
	background-image :         linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image : -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
	background-image : -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), transparent);
	background-image :         linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
	-ms-touch-action : pan-y;
	    touch-action : pan-y;
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
	-ms-touch-action : pan-x;
	    touch-action : pan-x;
}

.swiper-button-prev, .swiper-button-next {
	position : absolute;
	top : 50%;
	width : 27px;
	height : 44px;
	margin-top : -22px;
	z-index : 10;
	cursor : pointer;
	background-size : 27px 44px;
	background-position : center;
	background-repeat : no-repeat;
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
	opacity : 0.35;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=35)';
	cursor : auto;
	pointer-events : none;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image : url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23007aff\'%2F%3E%3C%2Fsvg%3E');
	left : 10px;
	right : auto;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image : url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23007aff\'%2F%3E%3C%2Fsvg%3E');
	right : 10px;
	left : auto;
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image : url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E');
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image : url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23ffffff\'%2F%3E%3C%2Fsvg%3E');
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image : url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z\'%20fill%3D\'%23000000\'%2F%3E%3C%2Fsvg%3E');
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image : url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20viewBox%3D\'0%200%2027%2044\'%3E%3Cpath%20d%3D\'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z\'%20fill%3D\'%23000000\'%2F%3E%3C%2Fsvg%3E');
}

.swiper-pagination {
	position : absolute;
	text-align : center;
	-webkit-transition : 300ms opacity;
	        transition : 300ms opacity;
	-webkit-transform : translate3d(0, 0, 0);
	        transform : translate3d(0, 0, 0);
	z-index : 10;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}

/* Common Styles */
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
	bottom : 10px;
	left : 0;
	width : 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
	overflow : hidden;
	font-size : 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform : scale(0.33);
	    -ms-transform : scale(0.33);
	        transform : scale(0.33);
	position : relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform : scale(1);
	    -ms-transform : scale(1);
	        transform : scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform : scale(0.66);
	    -ms-transform : scale(0.66);
	        transform : scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform : scale(0.33);
	    -ms-transform : scale(0.33);
	        transform : scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform : scale(0.66);
	    -ms-transform : scale(0.66);
	        transform : scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform : scale(0.33);
	    -ms-transform : scale(0.33);
	        transform : scale(0.33);
}

.swiper-pagination-bullet {
	width : 8px;
	height : 8px;
	display : inline-block;
	border-radius : 100%;
	background : #000;
	opacity : 0.2;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=20)';
}

button.swiper-pagination-bullet {
	border : none;
	margin : 0;
	padding : 0;
	-webkit-box-shadow : none;
	        box-shadow : none;
	-webkit-appearance : none;
	   -moz-appearance : none;
	        appearance : none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor : pointer;
}

.swiper-pagination-bullet-active {
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	background : #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
	right : 10px;
	top : 50%;
	-webkit-transform : translate3d(0px, -50%, 0);
	        transform : translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin : 6px 0;
	display : block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top : 50%;
	-webkit-transform : translateY(-50%);
	    -ms-transform : translateY(-50%);
	        transform : translateY(-50%);
	width : 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display : inline-block;
	-webkit-transition : 200ms top, 200ms -webkit-transform;
	        transition : 200ms top, 200ms -webkit-transform;
	        transition : 200ms transform, 200ms top;
	        transition : 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin : 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left : 50%;
	-webkit-transform : translateX(-50%);
	    -ms-transform : translateX(-50%);
	        transform : translateX(-50%);
	white-space : nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition : 200ms left, 200ms -webkit-transform;
	        transition : 200ms left, 200ms -webkit-transform;
	        transition : 200ms transform, 200ms left;
	        transition : 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition : 200ms right, 200ms -webkit-transform;
	        transition : 200ms right, 200ms -webkit-transform;
	        transition : 200ms transform, 200ms right;
	        transition : 200ms transform, 200ms right, 200ms -webkit-transform;
}

/* Progress */
.swiper-pagination-progressbar {
	background : rgba(0, 0, 0, 0.25);
	position : absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background : #007aff;
	position : absolute;
	left : 0;
	top : 0;
	width : 100%;
	height : 100%;
	-webkit-transform : scale(0);
	    -ms-transform : scale(0);
	        transform : scale(0);
	-webkit-transform-origin : left top;
	    -ms-transform-origin : left top;
	        transform-origin : left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin : right top;
	    -ms-transform-origin : right top;
	        transform-origin : right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
	width : 100%;
	height : 4px;
	left : 0;
	top : 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar {
	width : 4px;
	height : 100%;
	left : 0;
	top : 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background : #fff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background : rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background : #fff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background : #000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background : rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background : #000;
}

/* Scrollbar */
.swiper-scrollbar {
	border-radius : 10px;
	position : relative;
	-ms-touch-action : none;
	background : rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
	position : absolute;
	left : 1%;
	bottom : 3px;
	z-index : 50;
	height : 5px;
	width : 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
	position : absolute;
	right : 3px;
	top : 1%;
	z-index : 50;
	width : 5px;
	height : 98%;
}

.swiper-scrollbar-drag {
	height : 100%;
	width : 100%;
	position : relative;
	background : rgba(0, 0, 0, 0.5);
	border-radius : 10px;
	left : 0;
	top : 0;
}

.swiper-scrollbar-cursor-drag {
	cursor : move;
}

.swiper-zoom-container {
	width : 100%;
	height : 100%;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	text-align : center;
}

.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
	max-width : 100%;
	max-height : 100%;
	object-fit : contain;
}

.swiper-slide-zoomed {
	cursor : move;
}

/* Preloader */
.swiper-lazy-preloader {
	width : 42px;
	height : 42px;
	position : absolute;
	left : 50%;
	top : 50%;
	margin-left : -21px;
	margin-top : -21px;
	z-index : 10;
	-webkit-transform-origin : 50%;
	    -ms-transform-origin : 50%;
	        transform-origin : 50%;
	-webkit-animation : swiper-preloader-spin 1s steps(12, end) infinite;
	        animation : swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
	display : block;
	content : '';
	width : 100%;
	height : 100%;
	background-image : url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%236c6c6c\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-position : 50%;
	background-size : 100%;
	background-repeat : no-repeat;
}

.swiper-lazy-preloader-white:after {
	background-image : url('data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%23fff\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform : rotate(360deg);
		        transform : rotate(360deg);
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform : rotate(360deg);
		        transform : rotate(360deg);
	}
}

/* a11y */
.swiper-container .swiper-notification {
	position : absolute;
	left : 0;
	top : 0;
	pointer-events : none;
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	z-index : -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function : ease-out;
	        transition-timing-function : ease-out;
}

.swiper-container-fade .swiper-slide {
	pointer-events : none;
	-webkit-transition-property : opacity;
	        transition-property : opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events : none;
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events : auto;
}

.swiper-container-cube {
	overflow : visible;
}

.swiper-container-cube .swiper-slide {
	pointer-events : none;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	z-index : 1;
	visibility : hidden;
	-webkit-transform-origin : 0 0;
	    -ms-transform-origin : 0 0;
	        transform-origin : 0 0;
	width : 100%;
	height : 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events : none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin : 100% 0;
	    -ms-transform-origin : 100% 0;
	        transform-origin : 100% 0;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events : auto;
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide {
	pointer-events : auto;
	visibility : visible;
}

.swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right {
	z-index : 0;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
}

.swiper-container-cube .swiper-cube-shadow {
	position : absolute;
	left : 0;
	bottom : 0;
	width : 100%;
	height : 100%;
	background : #000;
	opacity : 0.6;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
	    filter : url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="50" /></filter></svg>#filter');
	    filter : blur(50px);
	z-index : 0;
}

.swiper-container-flip {
	overflow : visible;
}

.swiper-container-flip .swiper-slide {
	pointer-events : none;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
	z-index : 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events : none;
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events : auto;
}

.swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right {
	z-index : 0;
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
}

.swiper-container-coverflow .swiper-wrapper {
	/* Windows 8 IE 10 fix */
	-ms-perspective : 1200px;
}

.w1p {
	width : 10% !important;
}

.w2p {
	width : 20% !important;
}

.w3p {
	width : 30% !important;
}

.w4p {
	width : 40% !important;
}

.w5p {
	width : 50% !important;
}

.w6p {
	width : 60% !important;
}

.w7p {
	width : 70% !important;
}

.w8p {
	width : 80% !important;
}

.w9p {
	width : 90% !important;
}

.w10p {
	width : 100% !important;
}

.mat0 {
	margin-top : 0 !important;
}

.mats {
	margin-top : 20px;
}
@media screen and (min-width: 768px) {
	.mats {
		margin-top : 40px;
	}
}

.matm {
	margin-top : 40px;
}
@media screen and (min-width: 768px) {
	.matm {
		margin-top : 80px;
	}
}

.matl {
	margin-top : 60px;
}
@media screen and (min-width: 768px) {
	.matl {
		margin-top : 120px;
	}
}

.tac {
	text-align : center !important;
}

.tar {
	text-align : right !important;
}

.fw {
	font-weight : bold !important;
}

.cred {
	color : #c00 !important;
}

@media screen and (min-width: 0) and (max-width: 767px) {
	.hide-sp {
		display : none !important;
	}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
	.hide-tab {
		display : none !important;
	}
}

@media screen and (min-width: 1024px) {
	.hide-pc {
		display : none !important;
	}
}

.clearfix {
	*zoom : 1;
}
.clearfix:after {
	content : ' ';
	display : table;
	clear : both;
}

/*
  module: m-box-fixed
  - 固定幅・中央揃えのボックス
*/
[data-fixed] {
	padding : 0 15px;
}
@media screen and (min-width: 768px) {
	[data-fixed] {
		margin : 0 auto;
		padding : 0 20px;
	}
}
@media screen and (min-width: 1024px) {
	[data-fixed] {
		margin : 0 0 0 24.4414%;
		-webkit-box-sizing : content-box;
		        box-sizing : content-box;
	}
}
@media screen and (min-width: 1483px) {
	[data-fixed] {
		margin : 0 0 0 320px;
	}
}

@media screen and (min-width: 1024px) {
	[data-fixed2] {
		max-width : 1080px;
		margin : 0 auto;
	}
}

.m-box-shadow {
	-webkit-box-shadow : 0 0 5px #000;
	        box-shadow : 0 0 5px #000;
}
@media screen and (min-width: 768px) {
	.m-box-shadow {
		-webkit-box-shadow : 0 0 10px #000;
		        box-shadow : 0 0 10px #000;
	}
}

.m-box-filter {
	background-color : rgba(0, 0, 0, 0.5);
	margin : 15px -15px 0;
	padding : 15px 15px 17px;
}
@media screen and (min-width: 768px) {
	.m-box-filter {
		border : solid 5px #e0b35c;
		margin : 0;
		padding : 25px;
	}
}
.m-box-filter + .m-box-filter {
	margin-top : 20px;
}
@media screen and (min-width: 1024px) {
	.m-box-filter + .m-box-filter {
		margin-top : 30px;
	}
}

.m-box-characters .characters-wrap {
	margin : 0 -5px;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-wrap : wrap;
	    flex-wrap : wrap;
}
@media screen and (min-width: 768px) {
	.m-box-characters .characters-wrap {
		margin : 0 -15px;
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		-ms-flex-wrap : wrap;
		    flex-wrap : wrap;
	}
}
.m-box-characters .characters-wrap .characters-item {
	width : calc(100% / 2);
	width : calc((100% / 2 ) - 0.1px) \0;
	padding : 0 5px;
	text-align : center;
}
@media screen and (min-width: 768px) {
	.m-box-characters .characters-wrap .characters-item {
		width : calc(100% / 3);
		width : calc((100% / 3 ) - 0.1px) \0;
		padding : 0 15px;
	}
}
.m-box-characters .characters-wrap .characters-item .item-wrap {
	background-color : transparent;
	border : none;
	outline : none;
	position : relative;
	padding : 0;
	width : 100%;
}
.m-box-characters .characters-wrap .characters-item .item-wrap > img {
	max-width : 100%;
}
@media screen and (min-width: 768px) {
	.m-box-characters .characters-wrap .characters-item .item-wrap > img.item-after {
		position : absolute;
		top : 0;
		left : 0;
		opacity : 0;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
		-webkit-transition : all 0.2s ease-out;
		        transition : all 0.2s ease-out;
	}
}
@media screen and (min-width: 1024px) {
	.m-box-characters .characters-wrap .characters-item .item-wrap:hover > img.item-after {
		opacity : 1;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	}
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.m-box-characters .characters-wrap .characters-item.item-fullsize {
		width : 100%;
	}
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.m-box-characters .characters-wrap .characters-item.item-fullsize .item-wrap {
		width : 50%;
	}
}

@media screen and (min-width: 0) and (max-width: 767px) {
	.m-box-scroll {
		overflow-x : scroll;
		margin-left : -15px;
		margin-right : -15px;
		overflow-y : hidden;
		padding-left : 15px;
		padding-right : 15px;
	}
	.m-box-scroll::-webkit-scrollbar {
		width : 15px;
		height : 8px;
		margin-left : 15px;
	}
	.m-box-scroll::-webkit-scrollbar-thumb {
		background : rgba(255, 255, 255, 0.4);
		border-radius : 8px;
	}
	.m-box-scroll::-webkit-scrollbar-track-piece:start {
		background-color : rgba(64, 64, 64, 0.4);
		margin-left : 15px;
	}
	.m-box-scroll::-webkit-scrollbar-track-piece:end {
		background-color : rgba(64, 64, 64, 0.4);
		margin-right : 15px;
	}
	.m-box-scroll > img {
		max-height : 325px;
	}
}

.m-box-img {
	margin : 0;
}
.m-box-img .img-main {
	height : 220px;
}
@media screen and (min-width: 768px) {
	.m-box-img .img-main {
		height : auto;
	}
}
.m-box-img .img-main > img {
	max-height : 100%;
}
@media screen and (min-width: 768px) {
	.m-box-img .img-main > img {
		max-height : none;
		max-width : 100%;
	}
}
.m-box-img .img-caption {
	font-family : 'Fjalla One', sans-serif;
	font-size : 12px;
	font-size : 1.2rem;
	line-height : 1.25;
	letter-spacing : 0.05em;
	text-align : center;
	margin-top : 10px;
}
@media screen and (min-width: 768px) {
	.m-box-img .img-caption {
		font-size : 2.4rem;
	}
}

.m-box-youtube {
	margin : 0;
}
.m-box-youtube .youtube-main {
	display : block;
	position : relative;
	width : 100%;
	border : solid 2px #e0b35c;
}
.m-box-youtube .youtube-main:before {
	content : '';
	display : block;
	padding-top : 56.5%;
}
.m-box-youtube .youtube-main > iframe {
	position : absolute;
	top : 0;
	left : 0;
	bottom : 0;
	right : 0;
	width : 100%;
	height : auto;
	min-height : 100%;
}
.m-box-youtube .youtube-caption {
	font-size : 12px;
	font-size : 1.2rem;
	text-shadow : 0 0 5px #000;
	font-family : 'Fjalla One', sans-serif;
	letter-spacing : 0.05em;
	text-align : center;
	margin-top : 15px;
}
@media screen and (min-width: 768px) {
	.m-box-youtube .youtube-caption {
		font-size : 2.4rem;
	}
}

.m-box-qa {
	font-size : 12px;
	font-size : 1.2rem;
	font-family : 'Open Sans', sans-serif;
	margin-top : 10px;
}
@media screen and (min-width: 768px) {
	.m-box-qa {
		font-size : 2.0rem;
		margin-top : 8px;
	}
}
.m-box-qa .qa-quest {
	padding-left : 45px;
	position : relative;
}
@media screen and (min-width: 768px) {
	.m-box-qa .qa-quest {
		padding-left : 70px;
	}
}
.m-box-qa .qa-quest:before {
	position : absolute;
	top : -0.5em;
	left : 0;
	content : '';
	width : 30px;
	height : 30px;
	background : url(../images/i_qa_q.png) top left no-repeat;
	background-size : 100% auto;
}
@media screen and (min-width: 768px) {
	.m-box-qa .qa-quest:before {
		width : 50px;
		height : 50px;
	}
}
.m-box-qa .qa-answer {
	margin-top : 20px;
	padding-left : 45px;
	padding-bottom : 15px;
	position : relative;
}
@media screen and (min-width: 768px) {
	.m-box-qa .qa-answer {
		margin-top : 38px;
		padding-bottom : 25px;
		padding-left : 70px;
	}
}
.m-box-qa .qa-answer:before {
	position : absolute;
	top : -0.5em;
	left : 0;
	content : '';
	width : 30px;
	height : 30px;
	background : url(../images/i_qa_a.png) top left no-repeat;
	background-size : 100% auto;
}
@media screen and (min-width: 768px) {
	.m-box-qa .qa-answer:before {
		width : 50px;
		height : 50px;
	}
}
.m-box-qa .qa-answer + .qa-quest {
	padding-top : 25px;
}
@media screen and (min-width: 768px) {
	.m-box-qa .qa-answer + .qa-quest {
		padding-top : 30px;
	}
}
.m-box-qa .qa-answer + .qa-quest:before {
	top : calc(25px - 0.5em);
}
@media screen and (min-width: 768px) {
	.m-box-qa .qa-answer + .qa-quest:before {
		top : calc(30px - 0.5em);
	}
}
.m-box-qa .qa-answer + .qa-quest:after {
	position : absolute;
	top : 0;
	left : 0;
	content : '';
	width : 100%;
	height : 1px;
	background-color : #e0b35c;
}

.m-box-downloadlink {
	margin : 20px 0 0;
}
@media screen and (min-width: 768px) {
	.m-box-downloadlink {
		margin : 40px auto 0;
		max-width : 515px;
	}
}
.m-box-downloadlink .downloadlink-wrap {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
}
.m-box-downloadlink .downloadlink-wrap .link-item {
	text-align : center;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.m-box-downloadlink .downloadlink-wrap .link-item {
		width : 46%;
	}
}
.m-box-downloadlink .downloadlink-wrap .link-item > a > img {
	max-width : 100%;
}
@media screen and (min-width: 768px) {
	.m-box-downloadlink .downloadlink-wrap .link-item > a > img {
		max-height : 80px;
	}
}
.m-box-downloadlink .downloadlink-wrap .link-item + .link-item {
	margin-left : 9px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
	.m-box-downloadlink .downloadlink-wrap .link-item + .link-item {
		margin-left : 3%;
		width : 51%;
	}
}
@media screen and (min-width: 768px) {
	.m-box-downloadlink .downloadlink-wrap .link-item + .link-item {
		margin-left : 5px;
	}
}

.m-box-info {
	margin-top : 15px;
}
@media screen and (min-width: 768px) {
	.m-box-info {
		font-size : 1.6rem;
		max-width : 730px;
		padding : 0 40px;
		margin : 20px auto 0;
	}
}
.m-box-info .info-wrap {
	border : solid 1px #b38b48;
	background-color : rgba(0, 0, 0, 0.25);
	padding : 15px 14px;
}
@media screen and (min-width: 768px) {
	.m-box-info .info-wrap {
		padding : 20px;
	}
}

.m-box-hover {
	position : relative;
	display : inline-block;
}
.m-box-hover .hover-after {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	-webkit-transition : all 0.2s ease-out;
	        transition : all 0.2s ease-out;
}
@media screen and (min-width: 1024px) {
	.m-box-hover:hover .hover-after {
		opacity : 1;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	}
}

.m-box-sns {
	text-align : center;
	margin-top : 30px;
}
.m-box-sns .sns-wrap .link-item img {
	max-width : 100%;
}
.m-box-sns .sns-wrap .link-item + .link-item {
	margin-top : 10px;
}

.m-box-balloon {
	position : fixed;
	bottom : 0;
	right : 0;
	z-index : 1;
	width : 100%;
	max-width : none;
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	-webkit-transition : all 0.4s ease-out;
	        transition : all 0.4s ease-out;
	-webkit-transition-delay : 2.45s;
	        transition-delay : 2.45s;
}
[data-op-anim='non-active'] .m-box-balloon {
	-webkit-transition : none;
	        transition : none;
}
@media screen and (min-width: 768px) {
	.m-box-balloon {
		background-color : transparent;
		bottom : 10px;
		right : 10px;
		width : 20%;
		height : auto;
		max-width : 286px;
		-webkit-transition-delay : 2s;
		        transition-delay : 2s;
	}
}
@media screen and (min-width: 1024px) {
	.m-box-balloon {
		-webkit-transition-delay : 3.05s;
		        transition-delay : 3.05s;
	}
}
.m-box-balloon .balloon-inner {
	display : block;
	background-color : transparent;
	border : none;
	outline : none;
	padding : 0;
	width : 100%;
}
@media screen and (min-width: 768px) {
	.m-box-balloon .balloon-inner .balloon-wrap {
		-webkit-animation-name : balloon_anim;
		        animation-name : balloon_anim;
		-webkit-animation-duration : 0.5s;
		        animation-duration : 0.5s;
		-webkit-animation-timing-function : ease-out;
		        animation-timing-function : ease-out;
		-webkit-animation-direction : alternate;
		        animation-direction : alternate;
		-webkit-animation-iteration-count : infinite;
		        animation-iteration-count : infinite;
	}
}
.m-box-balloon .balloon-inner .balloon-wrap .balloon-img > img {
	width : 100%;
}
@media screen and (min-width: 768px) {
	.m-box-balloon .balloon-inner .balloon-wrap .balloon-img > img {
		max-width : 100%;
	}
}
.m-box-balloon .balloon-inner .balloon-wrap .balloon-img > img.img-before {
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.m-box-balloon .balloon-inner .balloon-wrap .balloon-img > img.img-after {
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	-webkit-transition : all 0.2s ease-out;
	        transition : all 0.2s ease-out;
}
@media screen and (min-width: 1024px) {
	.m-box-balloon .balloon-inner:hover .balloon-wrap .balloon-img .img-after {
		opacity : 1;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	}
}

@media screen and (min-width: 768px) {
	.m-box-lightbox-fixed {
		max-width : 840px;
		margin : 0 auto;
	}
}

.m-box-img-fl img {
	margin-bottom : 10px;
	max-width : 100%;
}
@media screen and (min-width: 768px) {
	.m-box-img-fl img {
		float : left;
		width : 50%;
		margin-right : 10px;
		margin-bottom : 0;
	}
}

.m-box-img-fl .m-txt-p {
	overflow : hidden;
}

@-webkit-keyframes balloon_anim {
	0% {
		-webkit-transform : translateY(0);
		        transform : translateY(0);
	}
	100% {
		-webkit-transform : translateY(-10px);
		        transform : translateY(-10px);
	}
}

@keyframes balloon_anim {
	0% {
		-webkit-transform : translateY(0);
		        transform : translateY(0);
	}
	100% {
		-webkit-transform : translateY(-10px);
		        transform : translateY(-10px);
	}
}

@-webkit-keyframes balloon_hover {
	100% {
		-webkit-transform : translateX(10px);
		        transform : translateX(10px);
	}
}

@keyframes balloon_hover {
	100% {
		-webkit-transform : translateX(10px);
		        transform : translateX(10px);
	}
}

[data-anim][data-anim-rtl] {
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	-webkit-transition : all 0.2s ease-out;
	        transition : all 0.2s ease-out;
	-webkit-transform : translateX(100px);
	    -ms-transform : translateX(100px);
	        transform : translateX(100px);
}
[data-anim][data-anim-rtl][data-anim='active'] {
	-webkit-transform : translateX(0);
	    -ms-transform : translateX(0);
	        transform : translateX(0);
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

[data-anim][data-anim-btt] {
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	-webkit-transition : all 0.4s ease-out;
	        transition : all 0.4s ease-out;
	-webkit-transform : translateY(50px);
	    -ms-transform : translateY(50px);
	        transform : translateY(50px);
}
[data-anim][data-anim-btt][data-anim='active'] {
	-webkit-transform : translateY(0);
	    -ms-transform : translateY(0);
	        transform : translateY(0);
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

[data-anim][data-anim-characters] {
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	-webkit-transition : all 0.4s ease-out;
	        transition : all 0.4s ease-out;
	-webkit-transform : translateY(50px);
	    -ms-transform : translateY(50px);
	        transform : translateY(50px);
}
[data-anim][data-anim-characters] [data-anim-characters-item] {
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	-webkit-transition : all 0.2s ease-out;
	        transition : all 0.2s ease-out;
}
[data-anim][data-anim-characters] [data-anim-characters-item]:nth-child(1) {
	-webkit-transition-delay : 0.5s;
	        transition-delay : 0.5s;
}
[data-anim][data-anim-characters] [data-anim-characters-item]:nth-child(2) {
	-webkit-transition-delay : 0.7s;
	        transition-delay : 0.7s;
}
[data-anim][data-anim-characters] [data-anim-characters-item]:nth-child(3) {
	-webkit-transition-delay : 0.9s;
	        transition-delay : 0.9s;
}
[data-anim][data-anim-characters][data-anim='active'] {
	-webkit-transform : translateY(0);
	    -ms-transform : translateY(0);
	        transform : translateY(0);
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
[data-anim][data-anim-characters][data-anim='active'] [data-anim-characters-item] {
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

@media screen and (min-width: 768px) {
	.m-list-vertical_slide .vertical_slide-wrap .vertical_slide-item {
		text-align : center;
	}
}

.m-list-vertical_slide .vertical_slide-wrap .vertical_slide-item .item-img {
	max-width : 100%;
}

@media screen and (min-width: 768px) {
	.m-list-vertical_slide .vertical_slide-wrap .vertical_slide-item img {
		max-width : 100%;
	}
}

@media screen and (min-width: 768px) {
	.m-list-vertical_slide .vertical_slide-wrap .vertical_slide-item img.abjust {
		max-width : 70%;
	}
}

@media screen and (min-width: 0) and (max-width: 767px) {
	.m-list-scroll_slide {
		overflow-x : scroll;
		margin-left : -15px;
		margin-right : -15px;
		padding-left : 15px;
		overflow-y : hidden;
	}
	.m-list-scroll_slide::-webkit-scrollbar {
		width : 15px;
		height : 8px;
		margin-left : 15px;
	}
	.m-list-scroll_slide::-webkit-scrollbar-thumb {
		background : rgba(255, 255, 255, 0.4);
		border-radius : 8px;
	}
	.m-list-scroll_slide::-webkit-scrollbar-track-piece:start {
		background-color : rgba(64, 64, 64, 0.4);
		margin-left : 15px;
	}
	.m-list-scroll_slide::-webkit-scrollbar-track-piece:end {
		background-color : rgba(64, 64, 64, 0.4);
		margin-right : 15px;
	}
	.m-list-scroll_slide .scroll_slide-wrap {
		display : -webkit-box;
		display : -ms-flexbox;
		display : flex;
		padding-bottom : 10px;
	}
}

.m-list-slide {
	position : relative;
}

.m-box-slidewrap {
	position : relative;
	padding-left : 40px;
	padding-right : 40px;
}
@media screen and (min-width: 768px) {
	.m-box-slidewrap {
		margin : auto;
		padding : 0 66px;
	}
}
.m-box-slidewrap .slide-button-next, .m-box-slidewrap .slide-button-prev {
	position : absolute;
	content : '';
	width : 32.5px;
	height : 42px;
	top : 0;
	bottom : 0;
	margin : auto;
	color : transparent;
	font-size : 0;
	-webkit-transform : translateY(-40%);
	    -ms-transform : translateY(-40%);
	        transform : translateY(-40%);
	cursor : pointer;
	-webkit-transition : all 0.2s ease-out;
	        transition : all 0.2s ease-out;
	text-align : center;
}
@media screen and (min-width: 768px) {
	.m-box-slidewrap .slide-button-next, .m-box-slidewrap .slide-button-prev {
		width : 57px;
		height : 90px;
		-webkit-transform : translateY(-20%);
		    -ms-transform : translateY(-20%);
		        transform : translateY(-20%);
	}
}
.m-box-slidewrap .slide-button-next > div > img, .m-box-slidewrap .slide-button-prev > div > img {
	width : 22.5px;
	-webkit-transition : all 0.2s ease-out;
	        transition : all 0.2s ease-out;
}
@media screen and (min-width: 768px) {
	.m-box-slidewrap .slide-button-next > div > img, .m-box-slidewrap .slide-button-prev > div > img {
		width : 47px;
		-webkit-animation-name : slide_arrow;
		        animation-name : slide_arrow;
		-webkit-animation-duration : 0.5s;
		        animation-duration : 0.5s;
		-webkit-animation-timing-function : ease-out;
		        animation-timing-function : ease-out;
		-webkit-animation-direction : alternate;
		        animation-direction : alternate;
		-webkit-animation-iteration-count : infinite;
		        animation-iteration-count : infinite;
	}
}
@media screen and (min-width: 1024px) {
	.m-box-slidewrap .slide-button-next:hover > div, .m-box-slidewrap .slide-button-prev:hover > div {
		-webkit-transition : all 0.2s ease-out;
		        transition : all 0.2s ease-out;
		-webkit-transform : rotateX(180deg);
		        transform : rotateX(180deg);
	}
}
.m-box-slidewrap .slide-button-prev {
	left : 0;
	-webkit-transform : rotateZ(180deg);
	    -ms-transform : rotate(180deg);
	        transform : rotateZ(180deg);
}
.m-box-slidewrap .slide-button-next {
	right : 0;
}

@media screen and (min-width: 0) and (max-width: 767px) {
	.m-box-slidewrap2 .slide-button-prev {
		display : none;
	}
	.m-box-slidewrap2 .slide-button-next {
		display : none;
	}
}

@media screen and (min-width: 768px) {
	.m-box-slidewrap2 {
		position : relative;
		padding : 0 66px;
		margin : auto;
	}
	.m-box-slidewrap2 .slide-button-next, .m-box-slidewrap2 .slide-button-prev {
		position : absolute;
		content : '';
		width : 57px;
		height : 90px;
		top : 0;
		bottom : 0;
		margin : auto;
		color : transparent;
		font-size : 0;
		cursor : pointer;
		-webkit-transition : all 0.2s ease-out;
		        transition : all 0.2s ease-out;
		text-align : center;
		z-index : 5;
	}
	.m-box-slidewrap2 .slide-button-next > div > img, .m-box-slidewrap2 .slide-button-prev > div > img {
		-webkit-transition : all 0.2s ease-out;
		        transition : all 0.2s ease-out;
		width : 47px;
		-webkit-animation-name : slide_arrow;
		        animation-name : slide_arrow;
		-webkit-animation-duration : 0.5s;
		        animation-duration : 0.5s;
		-webkit-animation-timing-function : ease-out;
		        animation-timing-function : ease-out;
		-webkit-animation-direction : alternate;
		        animation-direction : alternate;
		-webkit-animation-iteration-count : infinite;
		        animation-iteration-count : infinite;
	}
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
	.m-box-slidewrap2 .slide-button-next:hover > div, .m-box-slidewrap2 .slide-button-prev:hover > div {
		-webkit-transition : all 0.2s ease-out;
		        transition : all 0.2s ease-out;
		-webkit-transform : rotateX(180deg);
		        transform : rotateX(180deg);
	}
}

@media screen and (min-width: 768px) {
	.m-box-slidewrap2 .slide-button-prev {
		left : 0;
		-webkit-transform : rotateZ(180deg);
		    -ms-transform : rotate(180deg);
		        transform : rotateZ(180deg);
	}
	.m-box-slidewrap2 .slide-button-next {
		right : 0;
	}
}

@media screen and (min-width: 0) and (max-width: 767px) {
	.m-box-slidewrap3 .slide-button-prev {
		display : none;
	}
	.m-box-slidewrap3 .slide-button-next {
		display : none;
	}
}

@media screen and (min-width: 768px) {
	.m-box-slidewrap3 {
		position : relative;
		padding : 0 30px;
		margin : auto;
	}
	.m-box-slidewrap3 .slide-button-next, .m-box-slidewrap3 .slide-button-prev {
		position : absolute;
		content : '';
		width : 57px;
		height : 90px;
		top : 0;
		bottom : 0;
		margin : auto;
		color : transparent;
		font-size : 0;
		cursor : pointer;
		-webkit-transition : all 0.2s ease-out;
		        transition : all 0.2s ease-out;
		text-align : center;
		z-index : 5;
	}
	.m-box-slidewrap3 .slide-button-next > div > img, .m-box-slidewrap3 .slide-button-prev > div > img {
		-webkit-transition : all 0.2s ease-out;
		        transition : all 0.2s ease-out;
		width : 47px;
		-webkit-animation-name : slide_arrow;
		        animation-name : slide_arrow;
		-webkit-animation-duration : 0.5s;
		        animation-duration : 0.5s;
		-webkit-animation-timing-function : ease-out;
		        animation-timing-function : ease-out;
		-webkit-animation-direction : alternate;
		        animation-direction : alternate;
		-webkit-animation-iteration-count : infinite;
		        animation-iteration-count : infinite;
	}
}
@media screen and (min-width: 768px) and (min-width: 1024px) {
	.m-box-slidewrap3 .slide-button-next:hover > div, .m-box-slidewrap3 .slide-button-prev:hover > div {
		-webkit-transition : all 0.2s ease-out;
		        transition : all 0.2s ease-out;
		-webkit-transform : rotateX(180deg);
		        transform : rotateX(180deg);
	}
}

@media screen and (min-width: 768px) {
	.m-box-slidewrap3 .slide-button-prev {
		left : 0;
		-webkit-transform : rotateZ(180deg);
		    -ms-transform : rotate(180deg);
		        transform : rotateZ(180deg);
	}
	.m-box-slidewrap3 .slide-button-next {
		right : 0;
	}
}

@-webkit-keyframes slide_arrow {
	0% {
		-webkit-transform : translateX(10px);
		        transform : translateX(10px);
	}
	100% {
		-webkit-transform : translateX(0);
		        transform : translateX(0);
	}
}

@keyframes slide_arrow {
	0% {
		-webkit-transform : translateX(10px);
		        transform : translateX(10px);
	}
	100% {
		-webkit-transform : translateX(0);
		        transform : translateX(0);
	}
}

@-webkit-keyframes slide_arrow_hover {
	100% {
		-webkit-transform : translateX(10px);
		        transform : translateX(10px);
	}
}

@keyframes slide_arrow_hover {
	100% {
		-webkit-transform : translateX(10px);
		        transform : translateX(10px);
	}
}

/*
	module:　m-table-common
	- テーブルの基本スタイル
-----------------------------------------------------------------*/
.m-table-common {
	width : 100%;
	vertical-align : middle;
}
.m-table-common caption {
	font-weight : bold;
	padding-bottom : 5px;
}
.m-table-common thead th {
	padding : 10px;
	border : 1px solid #ccc;
	background : #ffc99d;
	font-size : 114%;
	font-weight : bold;
	line-height : 1.4;
	text-align : center;
	vertical-align : middle;
}
.m-table-common thead th:first-child {
	background : #eebc93;
}
.m-table-common tbody th, .m-table-common tbody td {
	padding : 10px;
	border : 1px solid #ccc;
	vertical-align : middle;
	line-height : 1.4;
}
.m-table-common tbody th {
	width : 20%;
	background : #eee;
	font-size : 114%;
	font-weight : bold;
	text-align : left;
	vertical-align : middle;
}
.m-table-common tbody td {
	vertical-align : middle;
}

.m-txt-ttl {
	position : relative;
	margin-bottom : 20px;
	margin-left : -15px;
	margin-right : -15px;
}
@media screen and (min-width: 768px) {
	.m-txt-ttl {
		margin-left : 0;
		margin-right : 0;
		margin : 0 0 6.73076%;
	}
}
.m-txt-ttl > img {
	max-width : 100%;
}

.m-txt-ttl2 {
	font-size : 20px;
	font-size : 2.0rem;
	position : relative;
	padding : 0 19px;
	text-shadow : 0 0 5px #000;
	font-family : 'Fjalla One', sans-serif;
	display : inline-block;
	margin-top : 20px;
	margin-bottom : 15px;
}
@media screen and (min-width: 768px) {
	.m-txt-ttl2 {
		font-size : 6.0rem;
		padding : 0 45px;
		margin-top : 0;
	}
}
.m-txt-ttl2:before, .m-txt-ttl2:after {
	position : absolute;
	content : '';
	top : 0;
	bottom : 0;
	margin : auto;
	width : 15px;
	height : 15px;
	background : url(../images/i_mark.png) top left no-repeat;
	background-size : 100% auto;
	-webkit-transform : translateY(-0.05em);
	    -ms-transform : translateY(-0.05em);
	        transform : translateY(-0.05em);
}
@media screen and (min-width: 768px) {
	.m-txt-ttl2:before, .m-txt-ttl2:after {
		width : 35px;
		height : 35px;
	}
}
.m-txt-ttl2:before {
	left : 0;
}
.m-txt-ttl2:after {
	right : 0;
}
.m-txt-ttl2 + .m-box-characters {
	margin-top : -15px;
}

.m-txt-ttl3 {
	font-size : 40px;
	font-size : 4.0rem;
	margin : 15px 0;
	font-family : 'Fjalla One', sans-serif;
	line-height : 1.25;
}
@media screen and (min-width: 768px) {
	.m-txt-ttl3 {
		font-size : 6.0rem;
		margin-top : 30px;
		margin-bottom : 30px;
		margin : 30px 0;
	}
}
.m-txt-ttl3:first-child {
	margin-top : 0;
}

.m-txt-ttl4 {
	font-size : 15px;
	font-size : 1.5rem;
	margin-top : 30px;
	margin-bottom : 10px;
	border-bottom : solid 1px #e0b35c;
	padding-bottom : 5px;
	font-weight : bold;
	font-style : italic;
}
@media screen and (min-width: 768px) {
	.m-txt-ttl4 {
		font-size : 3.0rem;
		margin : 60px 0 20px;
	}
}

.m-txt-ttl5 {
	font-size : 40px;
	font-size : 4.0rem;
	margin : 30px 0 15px;
	font-family : 'Fjalla One', sans-serif;
	line-height : 1.25;
	color : #59f241;
	text-align : center;
}
@media screen and (min-width: 768px) {
	.m-txt-ttl5 {
		font-size : 6.0rem;
		margin : 60px 0 30px;
	}
}
.m-txt-ttl5:first-child {
	margin-top : 0;
}

.m-txt-ttl6 {
	font-size : 20px;
	font-size : 2.0rem;
	margin : 15px 0 15px;
	font-family : 'Fjalla One', sans-serif;
	line-height : 1.25;
	text-align : center;
}
@media screen and (min-width: 768px) {
	.m-txt-ttl6 {
		font-size : 4.8rem;
		margin : 60px 0 30px;
	}
}
.m-txt-ttl6:first-child {
	margin-top : 0;
}

.m-txt-ttl7 {
	font-size : 15px;
	font-size : 1.5rem;
	margin : 30px 0 15px;
	font-family : 'Fjalla One', sans-serif;
	text-align : center;
	color : #e58525;
	font-weight : bold;
}
@media screen and (min-width: 768px) {
	.m-txt-ttl7 {
		font-size : 3.0rem;
		margin : 60px 0 30px;
	}
}
.m-txt-ttl7:first-child {
	margin-top : 0;
}

.m-txt-p {
	font-size : 12px;
	font-size : 1.2rem;
	margin-top : 10px;
}
@media screen and (min-width: 768px) {
	.m-txt-p {
		margin-top : 20px;
		font-size : 2.0rem;
	}
}
.m-txt-p img {
	max-width : 100%;
}

.m-txt-link {
	color : #e0b35c;
}
.m-txt-link:link, .m-txt-link:active, .m-txt-link:hover {
	color : #e0b35c;
	text-decoration : underline;
}
@media screen and (min-width: 1024px) {
	.m-txt-link:hover {
		text-decoration : none;
	}
}

.m-list-desc {
	margin-top : 10px;
	font-size : 12px;
	font-size : 1.2rem;
}
@media screen and (min-width: 768px) {
	.m-list-desc {
		margin-top : 20px;
		font-size : 2.0rem;
	}
}
.m-list-desc > li {
	position : relative;
	padding-left : 8px;
}
.m-list-desc > li:first-child {
	margin-top : 0;
}
.m-list-desc > li:before {
	position : absolute;
	content : '';
	width : 3px;
	height : 3px;
	border-radius : 50%;
	background-color : #fff;
	top : 0.6em;
	left : 0;
}

.m-list-num {
	margin-top : 10px;
	font-size : 12px;
	font-size : 1.2rem;
}
@media screen and (min-width: 768px) {
	.m-list-num {
		margin-top : 20px;
		font-size : 2.0rem;
	}
}
.m-list-num > li {
	padding-left : 20px;
	counter-increment : number;
}
@media screen and (min-width: 768px) {
	.m-list-num > li {
		padding-left : 30px;
	}
}
.m-list-num > li:first-child {
	margin-top : 0;
}
.m-list-num > li:before {
	content : counter(number) '.';
	display : inline-block;
	vertical-align : top;
	margin-left : -20px;
	margin-right : 10px;
}
@media screen and (min-width: 768px) {
	.m-list-num > li:before {
		margin-left : -28px;
	}
}

html {
	color : #fff;
	background : #fff;
	font-family : 'Open Sans', sans-serif;
	font-size : 62.5%;
}

body {
	line-height : 1.5;
	font-size : 12px;
	font-size : 1.2rem;
}
@media screen and (min-width: 1024px) {
	body {
		font-size : 1.6rem;
	}
}
@media screen and (min-width: 0) and (max-width: 767px) {
	body.balloon-on #l-footer {
		padding-bottom : 33%;
	}
}

/* link style */
a {
	color : #fff;
}

a:link {
	color : #fff;
	text-decoration : none;
}

a:hover, a:active {
	color : #fff;
	text-decoration : underline;
}

img {
	-webkit-backface-visibility : hidden;
	        backface-visibility : hidden;
}

#l-wrap {
	position : relative;
}

/* header style */
#l-header .header-logo {
	position : absolute;
	width : 39.0625%;
	top : 10px;
	left : 15px;
	z-index : 1;
}
@media screen and (min-width: 768px) {
	#l-header .header-logo {
		width : 30.64814%;
	}
}
@media screen and (min-width: 1024px) {
	#l-header .header-logo {
		width : calc(24.4414% - 19px);
	}
}
#l-header .header-logo .logo-img {
	max-width : 100%;
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
}

#l-header .header-menubtn {
	width : 45px;
	height : 42px;
	cursor : pointer;
	-webkit-transition : all 0.3s ease-in-out;
	        transition : all 0.3s ease-in-out;
	z-index : 10;
	display : block;
	background-color : transparent;
	border : none;
	outline : none;
	position : absolute;
	top : 0;
	right : 0;
	padding : 0;
}
@media screen and (min-width: 768px) {
	#l-header .header-menubtn {
		width : 90px;
		height : 60px;
	}
}
@media screen and (min-width: 1024px) {
	#l-header .header-menubtn {
		display : none;
	}
}
#l-header .header-menubtn > div, #l-header .header-menubtn:before, #l-header .header-menubtn:after {
	position : absolute;
	top : 50%;
	left : 50%;
	width : 15px;
	height : 2px;
	margin-left : -10px;
	background-color : #fff;
	display : inline-block;
	-webkit-transition : all 0.3s ease-in-out;
	        transition : all 0.3s ease-in-out;
	margin-left : -8px;
}
@media screen and (min-width: 768px) {
	#l-header .header-menubtn > div, #l-header .header-menubtn:before, #l-header .header-menubtn:after {
		width : 30px;
		height : 4px;
		margin-left : -15px;
	}
}
#l-header .header-menubtn > div {
	margin-top : -7px;
	font-size : 0;
	color : transparent;
}
@media screen and (min-width: 768px) {
	#l-header .header-menubtn > div {
		margin-top : -12px;
	}
}
#l-header .header-menubtn:before {
	margin-top : -2px;
	content : '';
}
#l-header .header-menubtn:after {
	margin-top : 3px;
	content : '';
}
@media screen and (min-width: 768px) {
	#l-header .header-menubtn:after {
		margin-top : 8px;
	}
}

#l-header .header-nav {
	display : none;
	position : fixed;
	top : 0;
	left : 0;
	margin : auto;
	width : 24.4414%;
	min-width : 250px;
	max-width : 350px;
	z-index : 10;
}
@media screen and (min-width: 1024px) {
	#l-header .header-nav {
		display : block;
	}
}
@media screen and (min-width: 1024px) {
	#l-header .header-nav .nav-list .list-item {
		opacity : 0;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
		-webkit-transform : translateX(-50px);
		    -ms-transform : translateX(-50px);
		        transform : translateX(-50px);
		-webkit-transition : all 0.4s ease-out;
		        transition : all 0.4s ease-out;
	}
	[data-op-anim='non-active'] #l-header .header-nav .nav-list .list-item {
		-webkit-transition : none;
		        transition : none;
	}
}
@media screen and (min-width: 1024px) {
	#l-header .header-nav .nav-list .list-item:nth-child(1) {
		-webkit-transition-delay : 1.3s;
		        transition-delay : 1.3s;
	}
}
@media screen and (min-width: 1024px) {
	#l-header .header-nav .nav-list .list-item:nth-child(2) {
		-webkit-transition-delay : 1.45s;
		        transition-delay : 1.45s;
	}
}
@media screen and (min-width: 1024px) {
	#l-header .header-nav .nav-list .list-item:nth-child(3) {
		-webkit-transition-delay : 1.6s;
		        transition-delay : 1.6s;
	}
}
@media screen and (min-width: 1024px) {
	#l-header .header-nav .nav-list .list-item:nth-child(4) {
		-webkit-transition-delay : 1.75s;
		        transition-delay : 1.75s;
	}
}
#l-header .header-nav .nav-list .list-item > button {
	position : relative;
	border : none;
	background : transparent;
	margin : 0;
	padding : 0;
	outline : none;
	font-size : 0;
	color : transparent;
	width : 100%;
}
#l-header .header-nav .nav-list .list-item > button:before, #l-header .header-nav .nav-list .list-item > button:after {
	content : '';
	-webkit-transition : opacity 0.2s ease-out;
	        transition : opacity 0.2s ease-out;
	background : no-repeat;
	background-size : cover;
	width : 100%;
	padding-top : 20.55%;
	display : block;
}
#l-header .header-nav .nav-list .list-item > button:before {
	position : relative;
}
#l-header .header-nav .nav-list .list-item > button:after {
	position : absolute;
	top : 0;
	left : 0;
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
}
#l-header .header-nav .nav-list .list-item > button:hover:after {
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
#l-header .header-nav .nav-list .list-item > button + button {
	margin-top : 3px;
}
#l-header .header-nav .nav-list .list-item > button.item-characters:before {
	background-image : url(../images/b_nav_characters.png);
}
#l-header .header-nav .nav-list .list-item > button.item-characters:after {
	background-image : url(../images/b_nav_characters_on.png);
}
#l-header .header-nav .nav-list .list-item > button.item-battles:before {
	background-image : url(../images/b_nav_battles.png);
}
#l-header .header-nav .nav-list .list-item > button.item-battles:after {
	background-image : url(../images/b_nav_battles_on.png);
}
#l-header .header-nav .nav-list .list-item > button.item-trailers:before {
	background-image : url(../images/b_nav_trailers.png);
}
#l-header .header-nav .nav-list .list-item > button.item-trailers:after {
	background-image : url(../images/b_nav_trailers_on.png);
}
#l-header .header-nav .nav-list .list-item > button.item-faq:before {
	background-image : url(../images/b_nav_faq.png);
}
#l-header .header-nav .nav-list .list-item > button.item-faq:after {
	background-image : url(../images/b_nav_faq_on.png);
}
#l-header .header-nav .nav-list .list-item > button.is-current.item-characters:before {
	background-image : url(../images/b_nav_characters_ac.png);
}
#l-header .header-nav .nav-list .list-item > button.is-current.item-characters:after {
	display : none;
}
#l-header .header-nav .nav-list .list-item > button.is-current.item-battles:before {
	background-image : url(../images/b_nav_battles_ac.png);
}
#l-header .header-nav .nav-list .list-item > button.is-current.item-battles:after {
	display : none;
}
#l-header .header-nav .nav-list .list-item > button.is-current.item-trailers:before {
	background-image : url(../images/b_nav_trailers_ac.png);
}
#l-header .header-nav .nav-list .list-item > button.is-current.item-trailers:after {
	display : none;
}
#l-header .header-nav .nav-list .list-item > button.is-current.item-faq:before {
	background-image : url(../images/b_nav_faq_ac.png);
}
#l-header .header-nav .nav-list .list-item > button.is-current.item-faq:after {
	display : none;
}
#l-header .header-nav .nav-donwload-desc {
	margin-top : 19px;
}
@media screen and (min-width: 1024px) {
	#l-header .header-nav .nav-donwload-desc {
		opacity : 0;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
		-webkit-transition : all 0.4s 2.05s ease-in-out;
		        transition : all 0.4s 2.05s ease-in-out;
	}
	[data-op-anim='non-active'] #l-header .header-nav .nav-donwload-desc {
		-webkit-transition : none;
		        transition : none;
	}
}
#l-header .header-nav .nav-donwload-desc > img {
	max-width : 100%;
}
#l-header .header-nav .nav-download-link {
	margin-top : 10px;
}
#l-header .header-nav .nav-download-link .link-item {
	text-align : center;
}
@media screen and (min-width: 1024px) {
	#l-header .header-nav .nav-download-link .link-item {
		opacity : 0;
		-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
		-webkit-transition : all 0.4s ease-in-out;
		        transition : all 0.4s ease-in-out;
	}
	[data-op-anim='non-active'] #l-header .header-nav .nav-download-link .link-item {
		-webkit-transition : none;
		        transition : none;
	}
}
@media screen and (min-width: 1024px) {
	#l-header .header-nav .nav-download-link .link-item:nth-child(1) {
		-webkit-transition-delay : 2.05s;
		        transition-delay : 2.05s;
	}
}
@media screen and (min-width: 1024px) {
	#l-header .header-nav .nav-download-link .link-item:nth-child(2) {
		-webkit-transition-delay : 2.05s;
		        transition-delay : 2.05s;
	}
}
@media screen and (min-width: 1024px) {
	#l-header .header-nav .nav-download-link .link-item:nth-child(3) {
		-webkit-transition-delay : 2.05s;
		        transition-delay : 2.05s;
	}
}
@media screen and (min-width: 1024px) {
	#l-header .header-nav .nav-download-link .link-item:nth-child(4) {
		-webkit-transition-delay : 2.05s;
		        transition-delay : 2.05s;
	}
}
#l-header .header-nav .nav-download-link .link-item > a {
	/*
					display: block;
					*/
	max-width : 68.57142%;
	display : block;
	margin : 0 auto;
}
#l-header .header-nav .nav-download-link .link-item > a > img {
	max-width : 100%;
}
#l-header .header-nav .nav-download-link .link-item > a > img.hover-after {
	margin : auto;
	left : 0;
	right : 0;
}
#l-header .header-nav .nav-download-link .link-item + .link-item {
	margin-top : 10px;
}

#l-header .header-menu {
	position : absolute;
	width : 100%;
	overflow-y : auto;
	max-height : 100%;
	-webkit-transition : all 0.3s ease-in-out;
	        transition : all 0.3s ease-in-out;
	z-index : 101;
	-webkit-transform : translateY(-100%);
	    -ms-transform : translateY(-100%);
	        transform : translateY(-100%);
}
@media screen and (min-width: 1024px) {
	#l-header .header-menu {
		display : none;
	}
}
.menu-open #l-header .header-menu {
	-webkit-transform : translateY(0);
	    -ms-transform : translateY(0);
	        transform : translateY(0);
}
#l-header .header-menu .menu-container .container-list .list-item > button {
	background-color : #e0b35c;
	border : none;
	width : 100%;
	display : block;
	outline : none;
	font-family : 'Fjalla One', sans-serif;
	text-shadow : 0 2px 1px rgba(0, 0, 0, 0.5);
	font-size : 18px;
	font-size : 1.8rem;
	letter-spacing : 0.05em;
	padding : 15px;
	line-height : 1.25;
}
@media screen and (min-width: 768px) {
	#l-header .header-menu .menu-container .container-list .list-item > button {
		font-size : 2.8rem;
		padding : 25px;
	}
}
#l-header .header-menu .menu-container .container-list .list-item + .list-item {
	border-top : solid 1px #fff;
}
#l-header .header-menu .menu-container .container-close .close-btn {
	border : none;
	color : transparent;
	font-size : 0;
	width : 100%;
	height : 40px;
	background : #fff url(../images/i_close.png) center no-repeat;
	background-size : 15px;
	outline : none;
}
@media screen and (min-width: 768px) {
	#l-header .header-menu .menu-container .container-close .close-btn {
		height : 60px;
		background-size : 23px;
	}
}

#l-header .header-overlay {
	-webkit-transition : all 0.2s ease-out;
	        transition : all 0.2s ease-out;
	background : rgba(0, 0, 0, 0.5);
	width : 100%;
	height : 100%;
	position : fixed;
	left : 0;
	z-index : 100;
	top : 0;
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	visibility : hidden;
}
.menu-open #l-header .header-overlay {
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
	visibility : visible;
}

/* content style */
#l-content {
	background-color : #ddd;
}

#l-main {
	overflow : hidden;
}

/* footer style */
#l-footer {
	background-color : #1b1b1b;
	padding : 8px 15px 15px;
}
@media screen and (min-width: 768px) {
	#l-footer {
		padding : 35px 0 35px;
	}
}
#l-footer .footer-nav {
	text-align : center;
	font-size : 10px;
	font-size : 1.0rem;
}
@media screen and (min-width: 768px) {
	#l-footer .footer-nav {
		font-size : 1.6rem;
	}
}
@media screen and (min-width: 1024px) {
	#l-footer .footer-nav {
		max-width : 950px;
		margin : 0 auto;
	}
}
@media screen and (min-width: 768px) {
	#l-footer .footer-nav .nav-list {
		margin-top : -14px;
	}
}
#l-footer .footer-nav .nav-list .list-item {
	margin-top : 14px;
	display : inline-block;
	padding : 0 15px;
}
#l-footer .footer-nav .nav-list .list-item > button {
	background-color : transparent;
	border : none;
	outline : none;
}
@media screen and (min-width: 1024px) {
	#l-footer .footer-nav .nav-list .list-item > button:hover {
		text-decoration : none;
		color : #e0b35c;
	}
}

/* Loading */
#l-loader {
	position : fixed;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	background-color : #1d1d1d;
	z-index : 100;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
}
#l-loader .loader-inner {
	position : fixed;
	z-index : 10000;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : center;
	-ms-flex-pack : center;
	justify-content : center;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
}
#l-loader .loader-inner .inner-img {
	width : 92px;
	-webkit-animation-name : rotate;
	        animation-name : rotate;
	-webkit-animation-duration : 3.0s;
	        animation-duration : 3.0s;
	-webkit-animation-timing-function : linear;
	        animation-timing-function : linear;
	-webkit-animation-iteration-count : infinite;
	        animation-iteration-count : infinite;
	position : relative;
	z-index : 10001;
}
@media screen and (min-width: 768px) {
	#l-loader .loader-inner .inner-img {
		width : 138px;
	}
}
@media screen and (min-width: 1024px) {
	#l-loader .loader-inner .inner-img {
		width : 184px;
	}
}
#l-loader .loader-inner .inner-img > img {
	max-width : 100%;
}
#l-loader .loader-inner .inner-txt {
	position : absolute;
	width : 82px;
	height : 24px;
	top : 0;
	bottom : 0;
	left : 0;
	right : 0;
	-webkit-transform : translateY(42px) translateZ(300px);
	        transform : translateY(42px) translateZ(300px);
	margin : auto;
	z-index : 10002;
}
@media screen and (min-width: 768px) {
	#l-loader .loader-inner .inner-txt {
		width : 121px;
		-webkit-transform : translateY(63px) translateZ(300px);
		        transform : translateY(63px) translateZ(300px);
	}
}
@media screen and (min-width: 1024px) {
	#l-loader .loader-inner .inner-txt {
		width : 164px;
		-webkit-transform : translateY(84px) translateZ(300px);
		        transform : translateY(84px) translateZ(300px);
	}
}
#l-loader .loader-inner .inner-txt > img {
	max-width : 100%;
}

@-webkit-keyframes rotate {
	0% {
		-webkit-transform : rotateY(0);
		        transform : rotateY(0);
	}
	100% {
		-webkit-transform : rotateY(360deg);
		        transform : rotateY(360deg);
	}
}

@keyframes rotate {
	0% {
		-webkit-transform : rotateY(0);
		        transform : rotateY(0);
	}
	100% {
		-webkit-transform : rotateY(360deg);
		        transform : rotateY(360deg);
	}
}

/* print style */
@media print {
	html {
		background : none;
	}
	body {
		padding : 0;
		background : none;
	}
	/* for IE7 */
	*:first-child + html body {
		zoom : 67%;
	}
}