@charset "UTF-8";

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li,
brockquote, pre, table, caption, address, form, object, img,
span, a, strong, em, q, ins, del, site, code, dfn, abbr, acronym, 
section, header, footer, nav, aside, article, address, figure, hgroup,
menu {
  margin: 0;
  padding: 0;
}

body {
background:#fff;
color: #343434;
text-align:center;
word-break:break-all;
font-size:14px;
line-height:22px;
font-family: 'Verdana','メイリオ','ＭＳ Ｐゴシック','ＭＳ ゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Meiryo',Osaka,Osaka-等幅,sans-serif;;
margin: 0 !important;
padding: 0 !important;

}

ul {
  list-style-position: outside;
  list-style-type: none;
}

li a {
  border:none;
}

ol li {
  margin-bottom: 5px;
}
  
table {
  border-collapse: collapse;
  font-size: 100%;
}

img,
a {
  border:none;
}

address,
em,
cite {
  font-style: normal;
}

a {
  color:#000;
  overflow:hidden;
  outline:none;
  text-decoration:underline;
}

a:visited {
  text-decoration:underline;
  color:#333;
}

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


.img-waku {
  margin:2px;
}

.nobr {
white-space:nowrap;	
}

/* ALL GROUND PARTS */

.clearboth {
  clear:both;
  width:0;
  height:0;
  margin:0;
  padding:0;
}

.m15 {
	margin:15px;
}

.mt10 {
	margin-top:10px;
}

.mr10 {
	margin-right:10px;
}

.ml10 {
  margin-left:10px;
}

.mr5 {
  margin-right:5px;
}

.mb5 {
  margin-bottom:5px;
}

.mb10 {
  margin-bottom:10px;
}

.mb20 {
  margin-bottom:20px;
}

.mb15 {
  margin-bottom:15px;
}

.mr3 {
  margin-right:3px;
}

.mt5 {
  margin-top:5px;
}

.mt15 {
  margin-top:15px;
}

.mb30 {
  margin-bottom:30px;
}

.mt30 {
  margin-top:30px;
}

.mtb10 {
  margin:10px 0;
}


.m5 {
margin:5px;
}

.mr20 {
margin-right:20px;
}

.ptb5 {
paddinb:5px 0;
}

.pb10 {
  padding-bottom:10px;
}

.pb15 {
  padding-bottom:15px;
}

.pr10 {
  padding-right:10px;
}

.pb20 {
padding-bottom:20px;
}

.mtb15 {
	margin-top:15px;
	margin-bottom:15px;
}

.mrl15 {
margin:0 15px;
}

.w100 {
	width:100px;
}

.txt-b20 {
  font-size:20px;
  font-weight:bold;
}

.txt-b16b {
  font-size:16px;
  font-weight:bold;
  color:#000;
}

.txt-10 {
  font-size:10px;
  line-height:16px;
}

.txt-12 {
  font-size:12px;
  line-height:18px;
}

.txt-center {
text-align:center;
}

.txt-blue {
  color:#336666;
}


.txt-red {
  color:#CC0000;
}

.txt-right {
  text-align:right;
}

.txt-mosgreen {
color:#767028;
}

.txt-gray {
color:#ccc;
}

.txt-yellow {
color:#aa8103;
}

.txt-pink {
color:#fc50c6;
}

.txt-small {
font-size:11px;
line-height:15px;
}

.txt-kome {
color:#815208;
font-size:12px;
line-height:16px!important;
}


.txt-non {
display:none;
}

.float-right {
  float:right;
}

.float-left {
  float:left;
}

.float-right-mtr5 {
  float:right;
  margin:5px 5px 0 0;
}

.float-right-ml10 {
  float:right;
  margin-left:10px;
}

.float-left-mr5 {
  float:left;
  margin-right:5px;
}

.absmiddle {
  vertical-align:middle;
}

.pagetop-txt {
  display:none;
}

.clearfix {
clear:both;
height:auto;
}

.clearfix:after {
content: "";
display: block;
clear: both;
}

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

.img-50 {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

#pagetotop {
    margin-top:-100px;
    padding-top:100px;
}

/*HEAD*/
#head-block {
width:100%;
height:auto;
position:fixed;
z-index:4000;
background:#fff;
top:0;
left:0;
}

#head-block:after {
content: "";
display: block;
clear: both;
}

.head-block-in {
height:auto;
clear:both;
background:#fff;
padding:0;
margin:auto;
}

.head-block-in {
content: "";
display: block;
clear: both;
}

.head-right {
float:right;
width:80%;
text-align:right;
padding:5px 0 0 0;
}

.head-right p {
display:inline-block;
padding:10px 5px 0 0;
}
.head-right img {
width:100%;
}
.btn-fb {
float:right;
padding:3px 10px 0 0;
width:33px;
}
.btn-twitter {
float:right;
padding:3px 5px 0 0;
width:33px;
}


/*HEADTITLE*/
#head-title {
background:#333333;
color:#fff;
padding:10px;
clear:both;
z-index:4000;
}

.tit-logo-2nd {
width:auto;
float:left;
text-align:left;
width:55%;
}

.tit-logo-2nd img {
width:100%;
}

.tit-2nd {
width:45%;
float:right;
font-size:22px;
font-weight:normal;
padding-top:4px;
letter-spacing: 1px;
text-align:right;
}




/*BREAD*/
.bread-block {
clear:both;
padding:15px 10px 20px;
margin:auto;
text-align:left;
font-size:10px;
line-height:12px;
}

.bread-block br {
display:none;
}


/*PAGETOP*/
#backtotop {
display:none;
}


#loading {
position:absolute;
left:50%;
top:50%;
margin-top:-56px;
margin-left:-150px;
z-index:-1000;
}

#appears-block {
opacity:0;
overflow: hidden;
}

/*ARTICLE*/
.article-01 {
margin:auto;
text-align:left;
}

.article-02 {
width:100%;
margin:auto;
text-align:center;
}

.article-02-in {
margin:auto;
text-align:left;
padding:10px;
}

.article-03 {
padding:10px;
margin:auto;
text-align:center;
}

/*ICON*/
.icon-genre {
font-size:12px;
line-height:12px;
text-align:center;
color:#fff;
text-decoration:none;
padding:3px 10px;
margin:5px 0;
}

.muryo {
background:#f74aac;
}

.nama {
background:#52a5cc;
}

.dokusen {
background:#353e73;
}

.senkou {
background:#7e9d53;
}

.douji {
background:#9e52ba;
}

.dokusensenkou {
background:#f74a4a;
}

.tokuten {
background:#ad842d;
}


/*BTN*/
.btn-01 {
margin:10px auto 20px;
}

.btn-01 a {
display:block;
background:#2ea6ce;
border-bottom:10px solid #387285;
width:80%;
font-size:20px;
padding:15px 0;
line-height:22px;
margin:auto;
color:#fff;
text-decoration:none;
text-align:center;
}


.btn-02 {
margin:10px auto 20px;
}

.btn-02 {
display:block;
background:#e1c649;
border-bottom:10px solid #927e23;
width:80%;
font-size:18px;
padding:10px 0 13px;
line-height:22px;
margin:auto;
color:#fff;
text-decoration:none;
text-align:center;
border-left:none;
border-right:none;
border-top:none;
position:relative;
margin-bottom:15px;
}

.btn-02-in {
display:block;
width:80%;
font-size:20px!important;
padding:12px 0 10px;
line-height:28px;
margin:auto;
color:#fff;
text-decoration:none;
text-align:center;
border-left:none;
border-right:none;
border-top:none;
border-bottom:none;
position:absolute;
z-index:1;
left:0;
top:0;
background:none;
}


.btn-02-2 {
display:block;
background:#e1c649;
border-bottom:10px solid #927e23;
width:80%;
font-size:20px;
padding:18px 0;
line-height:22px;
margin:10px auto 20px;
color:#fff;
text-decoration:none;
text-align:center;
}

.btn-02-2 a{
text-decoration:none;
color:#fff;
}

.btn-03 {
margin:5px 0 20px;
}

.btn-03 a {
display:block;
background:#2ea6ce;
border-bottom:10px solid #387285;
width:auto;
font-size:18px;
padding:10px 0;
line-height:20px;
color:#fff;
text-decoration:none;
text-align:center;
}

/*DL*/

.dl01 {
height:275px;
overflow:auto;
text-align:left;
}

.dl01 dt {
clear:both;
color:#082c48;
padding-bottom:5px;
width:30%;
float:left;
}

.dl01 dt img {
margin-right:5px;
width:26px;

}

.dl01 dd {
padding-bottom:12px;
float:left;
width:68%;
}





/*MENU*/

* {
    padding: 0;
    margin: 0;
}
main {
    padding: 0 0 0 0;
    text-align: center;
    position: relative;
    z-index: 1;
	
}
figure {

}
figure img {
	padding-left:5px;
	padding-top:0;
	margin-top:0;
	float:left;
	height:50px;
}
aside{
    display: none;
    box-sizing: border-box;
    width: 50%;
    height: 100%;
    background: #eeebeb;
    line-height: 42px;
    text-align: center;
    position: fixed;
    top: 0;
    right: 100%;
z-index:4003;
}

aside nav{
	position:relative;
}

aside nav .list-menu{
	position:fixed;
	top:0;
	left:0;
    padding: 60px 15px 15px;
}

#menuButton {
    display: block;
    width: 42px;
    height:42px;
    position: fixed;
    top: 3px;
    left: 0px;
    z-index: 4004;
}
#menuButton span {
    display: block;
    background: #666;
    width: 24px;
    height: 2px;
    position: absolute;
    left: 9px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#menuButton span:first-child {
    top: 12px;
}
#menuButton span:nth-child(2) {
    margin-top: -1px;
    top: 50%;
}
#menuButton span:last-child {
    bottom: 12px;
}
#menuButton.active span:first-child {
    -webkit-transform: translateY(8px) rotate(45deg);
    -moz-transform: translateY(8px) rotate(45deg);
    -ms-transform: translateY(8px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
}
#menuButton.active span:nth-child(2) {
    opacity: 0;
}
#menuButton.active span:last-child {
    -webkit-transform: translateY(-8px) rotate(-45deg);
    -moz-transform: translateY(-8px) rotate(-45deg);
    -ms-transform: translateY(-8px) rotate(-45deg);
    transform: translateY(-8px) rotate(-45deg);
}

/*CONTENTS*/
#contents-block {
clear:both;
width:100%;
margin:auto;
height:auto;
position:relative;
clear:both;
text-align: justify;
text-justify: inter-ideograph;
text-align:center;
padding:85px 0 100px;
}

#contents-block:after {
content: "";
display: block;
clear: both;
}

#contents-block p {
padding-bottom:1em;
}

#contents-top-block {
	padding:0 0 80px;
}

/*FOOTERSNS*/
#footersns-block {
position:fixed;
bottom:0;
left:0;
width:100%;
padding:0;
margin:0;
background:#e8b549;
height:auto;
z-index:3001;
}


.footersns-twitter a {
width:50%;
float:left;
background:#73cbef;
display:block;
padding:8px 0;
text-align:center;
vertical-align:bottom;
text-decoration:none;
color:#fff;
}

.footersns-fb a {
width:50%;
float:left;
background:#4f79bc;
display:block;
padding:8px 0;
text-align:center;
vertical-align:bottom;
text-decoration:none;
color:#fff;
}

.footersns-line a {
width:33%;
float:left;
background:#62bd56;
display:block;
padding:8px 0;
text-align:center;
vertical-align:bottom;
text-decoration:none;
color:#fff;
}

.footersns-mail a {
width:34%;
float:left;
background:#e16055;
display:block;
padding:8px 0 8px;
text-align:center;
vertical-align:bottom;
text-decoration:none;
color:#fff;
}

.copy {
width:33%;
float:right;
background:#e8b549;
display:block;
padding:8px 0 9px;
text-align:center;
vertical-align:bottom;
text-decoration:none;
color:#fff;
cursor: pointer;
margin:0;
}

#copy-or-cut {
margin:0;
padding:0;
background:#e8b549;
}

.copy:hover {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

#copy-or-cut {
display:none;
}


/*DVD*/
.catch-dvd {
font-size:14px;
line-height:18px;
padding-bottom:5px;
}

.tit-dvd {
font-size:18px;
line-height:24px;
padding-bottom:5px;
}

.title-block a {
text-decoration:none;
}

.title-block section {
position:relative;
}

.title-block-off {
position:absolute;
left:0;
top:0;
width:15%;
z-index:10;
margin:10px;
}

/*TIT*/

.tit-01 {
font-size:18px;
line-height:22px;
font-weight: bold;
padding-bottom:10px;
}

.tit-02 {
font-size:16px;
line-height:20px;
font-weight: bold;
padding-bottom:5px;
}

.tit-03 {
font-size:18px;
line-height:22px;
font-weight: bold;
padding:20px 10px;
text-align:center;
}

/*BLOCK*/
.block01 {
height:auto;
clear:both;
padding-bottom:20px;
}

.block01:after {
content: "";
display: block;
clear: both;
}


.block02 {
height:auto;
clear:both;
padding:10px 10px 0;
border:1px solid #ccc;
margin:20px 0;
text-align:center;
}

.block02:after {
content: "";
display: block;
clear: both;
}

.block03 {
height:auto;
width:100%;
clear:both;
background:#ebebeb;
margin-bottom:1px;
position:relative;
overflow:hidden;
padding-bottom:0;
}

.block03:after {
content: "";
display: block;
clear: both;
}


a .block04 {
text-decoration:none;
}

.block04 {
margin:0 10px 10px;
position:relative;
border:1px solid #999;
font-size:12px;
line-height:14px;
height:auto;
}

.block04:after {
content: "";
display: block;
clear: both;
}

.block04-in {
padding:10px;
height:auto;
}

.block04-left {
width:30%;
float:left;
}

.block04-left img {
width:100%;
}

.block04-right {
width:67%;
float:right;
text-align:left;
}

.block05 {
height:auto;
position:relative;
font-size:14px;
line-height:22px;
margin:20px auto;
}

.block05:after {
content: "";
display: block;
clear: both;
}

.block05-in {
padding:10px;
height:auto;
}

.block05-left {
width:40%;
float:left;
}

.block05-left img {
width:100%;
}

.block05-right {
width:57%;
float:right;
text-align:left;
}

.block05-right p {
font-size:12px;
line-height:14px;
}


/*ONLY*/
.pconly,.lonly {
display:none!important;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 0;
	padding: 0;
	*zoom: 1;
	/*max-width: 100%;*/
}

.bx-wrapper li{
 width: 100%;
}

.bx-wrapper li img {
	display: block;
	margin:0 auto;

}
.bx-controls-direction {
display:none;
}

/** THEME
===================================*/

/*.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
	
	fix other elements on the page moving (on Chrome)
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}*/

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #fff;
	padding-top: 20px;
	position: relative;
	top: 0px;
	
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #DDD;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
}

.bx-wrapper .bx-next {
	right: 10px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 2000;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/*!
*  - v1.3
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/
/* Core
--------------------------------------------------*/
.slider-pro {
	position: relative;
	margin: 0 auto;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.sp-slides-container {
	position: relative;
}

.sp-mask {
	position: relative;
	overflow: hidden;
}

.sp-slides {
	position: relative;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

.sp-slide {
	position: absolute;
}

.sp-image-container {
	overflow: hidden;
}

.sp-image {
	position: relative;
	display: block;
	border: none;
}

.sp-no-js {
	overflow: hidden;
	max-width: 100%;
}

/* Thumbnails
--------------------------------------------------*/
.sp-thumbnails-container {
	position: relative;
	overflow: hidden;
	direction: ltr;
}

.sp-top-thumbnails,
.sp-bottom-thumbnails  {
	left: 0;
	margin: 0 auto;
}

.sp-top-thumbnails {
	position: absolute;
	top: 0;
	margin-bottom: 4px;
}

.sp-bottom-thumbnails {
	margin-top: 4px;
}

.sp-left-thumbnails,
.sp-right-thumbnails {
	position: absolute;
	top: 0;
}

.sp-right-thumbnails {
	right: 0;
	margin-left: 4px;
}

.sp-left-thumbnails {
	left: 0;
	margin-right: 4px;
}

.sp-thumbnails {
	position: relative;
}

.sp-thumbnail {
    border: none;
}

.sp-thumbnail-container {
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sp-rtl .sp-thumbnail-container {
	float: right;
}

/* Horizontal thumbnails
------------------------*/
.sp-top-thumbnails .sp-thumbnail-container,
.sp-bottom-thumbnails .sp-thumbnail-container {
	margin-left: 2px;
	margin-right: 2px;
}

.sp-top-thumbnails .sp-thumbnail-container:first-child,
.sp-bottom-thumbnails .sp-thumbnail-container:first-child {
	margin-left: 0;
}

.sp-top-thumbnails .sp-thumbnail-container:last-child,
.sp-bottom-thumbnails .sp-thumbnail-container:last-child {
	margin-right: 0;
}

/* Vertical thumbnails 
----------------------*/
.sp-left-thumbnails .sp-thumbnail-container,
.sp-right-thumbnails .sp-thumbnail-container {
	margin-top: 2px;
	margin-bottom: 2px;
}

.sp-left-thumbnails .sp-thumbnail-container:first-child,
.sp-right-thumbnails .sp-thumbnail-container:first-child {
	margin-top: 0;
}

.sp-left-thumbnails .sp-thumbnail-container:last-child,
.sp-right-thumbnails .sp-thumbnail-container:last-child {
	margin-bottom: 0;
}

/* Right thumbnails with pointer
--------------------------------*/
.sp-right-thumbnails.sp-has-pointer {
	margin-left: -13px;
}

.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
	position: absolute;
	left: 18px;
	margin-left: 0 !important;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	content: '';
	position: absolute;
	height: 100%;
	border-left: 5px solid #F00;
	left: 0;
	top: 0;
	margin-left: 13px;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 0;
	top: 50%;
	margin-top: -8px;
	border-right: 13px solid #F00;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

/* Left thumbnails with pointer
-------------------------------*/
.sp-left-thumbnails.sp-has-pointer {
	margin-right: -13px;
}

.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
	position: absolute;
	right: 18px;
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	content: '';
	position: absolute;
	height: 100%;
	border-left: 5px solid #F00;
	right: 0;
	top: 0;
	margin-right: 13px;
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	right: 0;
	top: 50%;
	margin-top: -8px;
	border-left: 13px solid #F00;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

/* Bottom thumbnails with pointer
---------------------------------*/
.sp-bottom-thumbnails.sp-has-pointer {
	margin-top: -13px;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
	position: absolute;
	top: 18px;
	margin-top: 0 !important;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	content: '';
	position: absolute;
	width: 100%;
	border-bottom: 5px solid #F00;
	top: 0;
	margin-top: 13px;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	top: 0;
	margin-left: -8px;
	border-bottom: 13px solid #F00;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

/* Top thumbnails with pointer
------------------------------*/
.sp-top-thumbnails.sp-has-pointer {
	margin-bottom: -13px;
}

.sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
	position: absolute;
	bottom: 18px;
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
	content: '';
	position: absolute;
	width: 100%;
	border-bottom: 5px solid #F00;
	bottom: 0;
	margin-bottom: 13px;
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	left: 50%;
	bottom: 0;
	margin-left: -8px;
	border-top: 13px solid #F00;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}

/* Layers
--------------------------------------------------*/
.sp-layer {
	position: absolute;
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-backface-visibility: hidden;
}

.sp-black {
	color: #FFF;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.7);
}

.sp-white {
	color: #000;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.7);
}

.sp-rounded {
	border-radius: 10px;
}

.sp-padding {
	padding: 10px;
}

/* Touch Swipe
--------------------------------------------------*/
.sp-grab {
	cursor: url(images/openhand.cur), move;
}

.sp-grabbing {
	cursor: url(images/closedhand.cur), move;
}

.sp-selectable {
	cursor: default;
}

/* Caption
--------------------------------------------------*/
.sp-caption-container {
	text-align: center;
	margin-top: 10px;
}

/* Full Screen
--------------------------------------------------*/
.sp-full-screen {
	margin: 0 !important;
	background-color: #000;
}

.sp-full-screen-button {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sp-full-screen-button:before {
	content: '\2195';
}

.sp-fade-full-screen {
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.slider-pro:hover .sp-fade-full-screen {
	opacity: 1;
}

/* Buttons
--------------------------------------------------*/
.sp-buttons {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

.sp-rtl .sp-buttons {
	direction: rtl;
}

.sp-full-screen .sp-buttons {
	display: none;
}

.sp-button {
	width: 10px;
	height: 10px;
	border: 2px solid #000;
	border-radius: 50%;
	margin: 4px;
	display: inline-block;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}

.sp-selected-button {
	background-color: #000;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.sp-button {
		width: 14px;
		height: 14px;
	}
}

@media only screen and (min-width: 568px) and (max-width: 768px) {
	.sp-button {
		width: 16px;
		height: 16px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 568px) {
	.sp-button {
		width: 18px;
		height: 18px;
	}
}

/* Arrows
--------------------------------------------------*/
.sp-arrows {
	position: absolute;
}

.sp-fade-arrows {
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.sp-slides-container:hover .sp-fade-arrows {
	opacity: 1;
}

.sp-horizontal .sp-arrows {
	width: 100%;
	left: 0;
	top: 50%;
	margin-top: -15px;
}

.sp-vertical .sp-arrows {
	height: 100%;
	left: 50%;
	top: 0;
	margin-left: -10px;
}

.sp-arrow {
	position: absolute;
	display: block;
	width: 20px;
	height: 30px;
	cursor: pointer;
}

.sp-vertical .sp-arrow {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sp-horizontal .sp-previous-arrow {
	left: 20px;
	right: auto;
}

.sp-horizontal.sp-rtl .sp-previous-arrow {
	right: 20px;
	left: auto;
}

.sp-horizontal .sp-next-arrow {
	right: 20px;
	left: auto;
}

.sp-horizontal.sp-rtl .sp-next-arrow {
	left: 20px;
	right: auto;
}

.sp-vertical .sp-previous-arrow {
	top: 20px;
}

.sp-vertical .sp-next-arrow {
	bottom: 20px;
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
}

.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
	content: '';
	position: absolute;
	width: 50%;
	height: 50%;
	background-color: #FFF;
}

.sp-arrow:before {
	left: 30%;
	top: 0;
	-webkit-transform: skew(145deg, 0deg);
	-ms-transform: skew(145deg, 0deg);
	transform: skew(145deg, 0deg);
}

.sp-arrow:after {
	left: 30%;
	top: 50%;
	-webkit-transform: skew(-145deg, 0deg);
	-ms-transform: skew(-145deg, 0deg);
	transform: skew(-145deg, 0deg);
}

.sp-next-arrow {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sp-horizontal.sp-rtl .sp-previous-arrow {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sp-horizontal.sp-rtl .sp-next-arrow {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.ie8 .sp-arrow,
.ie7 .sp-arrow {
	width: 0;
	height: 0;
}

.ie8 .sp-arrow:before,
.ie8 .sp-arrow:after,
.ie7 .sp-arrow:before,
.ie7 .sp-arrow:after {
	content: none;
}

.ie8.sp-horizontal .sp-previous-arrow,
.ie7.sp-horizontal .sp-previous-arrow {
	border-right: 20px solid #FFF;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

.ie8.sp-horizontal .sp-next-arrow,
.ie7.sp-horizontal .sp-next-arrow {
	border-left: 20px solid #FFF;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
}

.ie8.sp-vertical .sp-previous-arrow,
.ie7.sp-vertical .sp-previous-arrow {
	border-bottom: 20px solid #FFF;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

.ie8.sp-vertical .sp-next-arrow,
.ie7.sp-vertical .sp-next-arrow {
	border-top: 20px solid #FFF;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}

/* Thumbnail Arrows
--------------------------------------------------*/
.sp-thumbnail-arrows {
	position: absolute;
}

.sp-fade-thumbnail-arrows {
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
	opacity: 1;
}

.sp-top-thumbnails .sp-thumbnail-arrows,
.sp-bottom-thumbnails .sp-thumbnail-arrows {
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -12px;
}

.sp-left-thumbnails .sp-thumbnail-arrows,
.sp-right-thumbnails .sp-thumbnail-arrows {
	height: 100%;
	top: 0;
	left: 50%;
	margin-left: -7px;
}

.sp-thumbnail-arrow {
	position: absolute;
	display: block;
	width: 15px;
	height: 25px;
	cursor: pointer;
}

.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,
.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sp-top-thumbnails .sp-previous-thumbnail-arrow,
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
	left: 0px;
}

.sp-top-thumbnails .sp-next-thumbnail-arrow,
.sp-bottom-thumbnails .sp-next-thumbnail-arrow {
	right: 0px;
}

.sp-left-thumbnails .sp-previous-thumbnail-arrow,
.sp-right-thumbnails .sp-previous-thumbnail-arrow {
	top: 0px;
}

.sp-left-thumbnails .sp-next-thumbnail-arrow,
.sp-right-thumbnails .sp-next-thumbnail-arrow {
	bottom: 0px;
}

.sp-previous-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,
.sp-next-thumbnail-arrow:before,
.sp-next-thumbnail-arrow:after {
	content: '';
	position: absolute;
	width: 50%;
	height: 50%;
	background-color: #FFF;
}

.sp-previous-thumbnail-arrow:before {
	left: 30%;
	top: 0;
	-webkit-transform: skew(145deg, 0deg);
	-ms-transform: skew(145deg, 0deg);
	transform: skew(145deg, 0deg);
}

.sp-previous-thumbnail-arrow:after {
	left: 30%;
	top: 50%;
	-webkit-transform: skew(-145deg, 0deg);
	-ms-transform: skew(-145deg, 0deg);
	transform: skew(-145deg, 0deg);
}

.sp-next-thumbnail-arrow:before {
	right: 30%;
	top: 0;
	-webkit-transform: skew(35deg, 0deg);
	-ms-transform: skew(35deg, 0deg);
	transform: skew(35deg, 0deg);
}

.sp-next-thumbnail-arrow:after {
	right: 30%;
	top: 50%;
	-webkit-transform: skew(-35deg, 0deg);
	-ms-transform: skew(-35deg, 0deg);
	transform: skew(-35deg, 0deg);
}

.ie8 .sp-thumbnail-arrow,
.ie7 .sp-thumbnail-arrow {
	width: 0;
	height: 0;
}

.ie8 .sp-thumbnail-arrow:before,
.ie8 .sp-thumbnail-arrow:after,
.ie7 .sp-thumbnail-arrow:before,
.ie7 .sp-thumbnail-arrow:after {
	content: none;
}

.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
	border-right: 12px solid #FFF;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow {
	border-left: 12px solid #FFF;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
	border-bottom: 12px solid #FFF;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}

.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow {
	border-top: 12px solid #FFF;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}

/* Video
--------------------------------------------------*/
a.sp-video {
	text-decoration: none;
}

a.sp-video img {
	-webkit-backface-visibility: hidden;
	border: none;
}

a.sp-video:after {
	content: '\25B6';
	position: absolute;
	width: 45px;
	padding-left: 5px;
	height: 50px;
	border: 2px solid #FFF;
	text-align: center;
	font-size: 30px;
	border-radius: 30px;
	top: 0;
	color: #FFF;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.2);
	margin: auto;
	line-height: 52px;
}

/* CSS for preventing styling issues in WordPress
--------------------------------------------------*/
.slider-pro img.sp-image,
.slider-pro img.sp-thumbnail {
	max-width: none;
	max-height: none;
	border: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	-webkit-box-shadow: none !important;
	-mox-box-shadow: none !important;
	box-shadow: none !important;
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}

.slider-pro a {
	position: static;
	transition: none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
	-o-transition: none !important;
}

.slider-pro iframe,
.slider-pro object,
.slider-pro video,
.slider-pro embed,
.slider-pro canvas {
	max-width: none;
	max-height: none;
}

.slider-pro p.sp-layer {
	font-size: 14px;
	line-height: 1.4;
	margin: 0;
}

.slider-pro h1.sp-layer {
	font-size: 32px;
	line-height: 1.4;
	margin: 0;
}

.slider-pro h2.sp-layer {
	font-size: 24px;
	line-height: 1.4;
	margin: 0;
}

.slider-pro h3.sp-layer {
	font-size: 19px;
	line-height: 1.4;
	margin: 0;
}

.slider-pro h4.sp-layer {
	font-size: 16px;
	line-height: 1.4;
	margin: 0;
}

.slider-pro h5.sp-layer {
	font-size: 13px;
	line-height: 1.4;
	margin: 0;
}

.slider-pro h6.sp-layer {
	font-size: 11px;
	line-height: 1.4;
	margin: 0;
}

.slider-pro img.sp-layer {
	border: none;
}