@charset "utf-8";

/* https://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
	box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
	font-family: "Meiryo UI", "メイリオ", "Meiryo", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Helvetica Neue", "Helvetica", "Open Sans", "Arial", "Verdana", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.3em;
	box-sizing: border-box;
	padding: 0;
	color: #333;
	font-size: 15px;
	font-weight:500;
}
input, select, textarea, pre {
	font-family: "Meiryo UI", "メイリオ", "Meiryo", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴシック ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Helvetica Neue", "Helvetica", "Open Sans", "Arial", "Verdana", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	font-weight:500;
}
input, select, textarea {
	padding:5px 10px;
	background-color:#fff;
	border:1px solid #eee;
	border-radius:3px;
	font-size:13px;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
button:focus{
	outline: 0;
	background:none;
}
a{
	color: #333;
	text-decoration: none;
}
a:hover, a:hover img{
	opacity:0.7;
}
img {
	vertical-align: top;
}

body em, body small {
	font-style: normal;
}

@media screen and (min-width: 770px) {
	body .sp {
		display: none;
	}
}
/* SP ---------------------------------------------------------------*/
@media screen and (max-width: 769px) {
	img {
		width: 100%;
	}

	body .pc {
		display: none;
	}
}

/*------------------------------------------------------------------------------------*/
/* header */
/*------------------------------------------------------------------------------------*/
header {
	background-color:#023B1F;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:300;
}
header, header a {
	color:#fff;
}
header div {
	width:1280px;
	margin:0 auto;
	height:50px;
}
header h1, header nav ul, header nav dl, header nav dt, header nav dd {
	float: left;
}
header nav {
	float: right;
}
header nav, header nav ul, header nav dl {
	overflow: hidden;
}
header nav li {
	display: inline-block;
	float: left;
	margin-left:20px;
	line-height:50px;
}
header nav li span {
	vertical-align:middle;
}
 header nav li svg {
	vertical-align:sub;
}
header nav li p {
	width:34px;
	height:34px;
	background-color:#fff;
	border-radius:17px;
	margin-top:8px;
}
header nav li p svg {
	vertical-align:top;
	margin:7px;
}
header nav li svg {
	width:20px;
	height:20px;
}
header nav li span path, header nav li span polygon {
	fill: #fff;
}
header nav li p path {
	fill: #023B1F;
}
header nav dl {
	margin:12px 0 0 30px;
}
header nav dd {
	margin-left:10px;
}
header nav dt input {
	width:200px;
}
header nav dd input {
	font-weight:bold;
	letter-spacing:2px;
	cursor:pointer;
}
/* SP ---------------------------------------------------------------*/
@media screen and (max-width: 769px) {
	header div {
		width:100%;
	}
	header h1 {
		max-width:210px;
	}
	header nav {
		float:none;
		width:100%;
		position:fixed;
		z-index:100;
		top:50px;
		height:200%;
		background-color:rgba(0,0,0,0.8);
		display:none;
	}
	header nav.open {
		display:block;
	}
	header nav ul, header nav dl {
		float:none;
	}
	header nav ul {
		text-align:center;
	}
	header nav li {
		margin:0;
		float:none;
		display:block;
		line-height:1em;
	}
	header nav li:last-child svg {
		width:30px;
		height:30px;
	}
	header nav li a {
		display:block;
		padding:15px 10px;
		font-size:18px;
	}
	header nav li p {
		margin:0 auto;
	}
	header nav dl {
		margin:10px auto;
		width:290px;
	}
	header .sp-btn {
		float:right;
		width:20px;
		height:20px;
		margin:15px 10px 0 0;
	}
	header .sp-btn path, header .sp-btn polygon {
		fill: #fff;
	}
	#menu-btn {
		float:right;
		width:40px;
		height:40px;
		padding:5px;
		margin:5px 5px 0 0;
		background-color:#fff;
		border-radius:3px;
		cursor:pointer;
	}
	#menu-btn circle, #menu-btn rect {
		fill: #023B1F;
	}
}


/*------------------------------------------------------------------------------------*/
/* footer */
/*------------------------------------------------------------------------------------*/
footer {
	text-align:center;
	margin-top:100px;
	padding:30px;
	background-color:#023B1F;
}
footer small {
	color:#fff;
	font-size:12px;
	letter-spacing:1px;
}


/*ヘッダー・ロゴ部のレスポンシブ化に必要なソース[Pocket Rocketさん]
---------------------------------------------------------------------------*/
#hd_logo a img.hd_logo_pc,
#hd_logo a img.hd_logo_sp {
max-width:100%;
}
@media screen and (min-width:768px) {
#hd_logo img.hd_logo_pc { display:inline-block; }
#hd_logo img.hd_logo_sp { display:none; }
}
@media screen and (min-width:1280px) {
#hd_logo img.hd_logo_pc { width: 1280px; }
div#hd_logo { background-color: #E70012/*FE0000*//*D41618*/; }
}
@media screen and (max-width:767px) {
#hd_logo a img.hd_logo_pc { display:none; }
#hd_logo a img.hd_logo_sp { display: block; }
}






/*------------------------------------------------------------------------------------*/
/* slick slider */
/*------------------------------------------------------------------------------------*/
.slick-slide:focus, .slick-slide a:focus, .slick-slide img:focus {
	outline: 0;
  border-color: none;
}
.slick-slide img {
	max-width:100%;
	width:auto !important;
	margin:0 auto;
}
.slick-slide a {
	display:block;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{

    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-loading .slick-list
{
    background: #fff url('../oz-img/ajax-loader.gif') center center no-repeat;
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-size: 40px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 30px;
    height: 30px;
    padding: 0;
    margin-top: -15px;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
		z-index: 50;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-next:hover:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .2;
}

.slick-prev:before,
.slick-next:before
{
    font-size: 30px;
    line-height: 1;
		font-weight: bold;
		-webkit-text-shadow: 0px 0px 15px #000;
		-moz-text-shadow: 0px 0px 15px #000;
		-ms-text-shadow: 0px 0px 15px #000;
		-o-text-shadow: 0px 0px 15px #000;
		text-shadow: 0px 0px 15px #000;

    opacity: .7;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 0;
}
[dir='rtl'] .slick-prev
{
    right: 0;
    left: auto;
}
.slick-prev:before
{
    content: '〈';
}
[dir='rtl'] .slick-prev:before
{
    content: '〉';
}

.slick-next
{
    right: 0;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: 0;
}
.slick-next:before
{
    content: '〉';
}
[dir='rtl'] .slick-next:before
{
    content: '〈';
}





/*!
 * Strip - An Unobtrusive Responsive Lightbox - v1.6.4
 * (c) 2014-2016 Nick Stakenburg
 *
 * https://www.stripjs.com
 *
 * Licensing:
 * - Commercial: https://www.stripjs.com/license
 * - Non-commercial: https://creativecommons.org/licenses/by-nc-nd/3.0
 */

.strp-window {
	position: fixed;
	width: 0;
	height: 100%;
  overflow: hidden;
  background: #292929;
  font: 13px/20px "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif;
}

.strp-window.strp-vertical {
  height: 0;
  width: 100%;
}

/* margin is added around the window to keep a visual reference
 * to the underlying page at all times.
 */
.strp-window { margin-left: 40px; }
.strp-window.strp-vertical { margin-left: 0; margin-bottom: 40px; }

/* fullscreen on smaller screens (iPhone 6+ and smaller)
 * since min-width is used to make this work it won't show on IE8, but
 * we're not expecting that browser to have a mobile sized screen anyway
 */
@media all and (max-width: 414px) and (orientation: portrait),
       all and (max-width: 736px) and (max-height: 414px) {
  .strp-window.strp-horizontal { min-width: 100%; }
}
@media all and (max-height: 414px) and (orientation: landscape),
       all and (max-height: 736px) and (max-width: 414px){
  .strp-window.strp-vertical { min-height: 100%; }
}


/* z-index */
.strp-window,
.strp-spinner-move {
  z-index: 99999;
}

/* reset box-sizing */
.strp-window,
.strp-window [class^='strp-'],
.strp-spinner-move,
.strp-spinner-move [class^='strp-'] {
  box-sizing: border-box;
}

/* Chrome hack, this fixes a visual glitch when quickly toggling a video */
.strp-window { transform: translateZ(0px); }

/* some properties on the window are used to toggle things
 * like margin and the fullscreen mode,
 * we reset those properties after measuring them
 */
.strp-measured {
  margin: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
}

.strp-pages {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* sides */
.strp-side-right { top: 0; right: 0; }
.strp-side-right .strp-pages { top: 0; right: 0; }
.strp-side-right .strp-page { top: 0; right: 0; }
.strp-side-right .strp-close { top: 0; right: 0; }

.strp-side-left { top: 0; left: 0; }
.strp-side-left .strp-pages { top: 0; left: 0; }
.strp-side-left .strp-page { top: 0; left: 0; }
.strp-side-left .strp-close { top: 0; right: 0; }

.strp-side-top { top: 0; left: 0; }
.strp-side-top .strp-pages { top: 0; left: 0; }
.strp-side-top .strp-page { top: 0; left: 0; }
.strp-side-top .strp-close { top: 0; right: 0; }

.strp-side-bottom { bottom: 0; left: 0; }
.strp-side-bottom .strp-pages { bottom: 0; left: 0; }
.strp-side-bottom .strp-page { bottom: 0; left: 0; }
.strp-side-bottom .strp-close { top: 0; right: 0; }

.strp-page {
  position: absolute;
  width: 100%;
  height: 100%;
}

.strp-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  background: #292929;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

/* youtube & vimeo use overlap:false, this adds padding
   to make sure buttons don't overlap the content.
   navbutton = 72 = 54 + (2 * 9 margin)
   closebutton = 48
*/
.strp-no-overlap .strp-container { padding: 48px 72px; }
.strp-no-overlap.strp-no-sides .strp-container { padding: 48px 0; }

.strp-vertical .strp-no-overlap .strp-container { padding: 0 72px; }
.strp-vertical .strp-no-overlap.strp-no-sides .strp-container { padding: 0 48px; }

.strp-hovering-clickable .strp-container { cursor: pointer; }


.strp-content-element {
  position: absolute;
  top: 50%;
  left: 50%;
}

.strp-content-element iframe {
  float: left;
  width: 100%;
  height: 100%;
}

.strp-container img {
  display: inline-block;
  vertical-align: middle;
}

.strp-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #efefef;
  font-size: 13px;
  line-height: 20px;
  background: #000;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

.strp-info-padder {
  display: block;
  overflow: hidden;
  padding: 12px;
  position: relative;
  width: auto;
}

.strp-caption {
  width: auto;
  display: inline;
  white-space: wrap;
}

.strp-position {
  color: #b3b3b3;
  float: right;
  line-height: 21px;
  opacity: 0.99;
  position: relative;
  text-align: right;
  margin-left: 15px;
  white-space: nowrap;
}

/* links */
.strp-info a,
.strp-info a:hover {
  color: #ccc;
  border: 0;
  background: none;
  text-decoration: underline;
}
.strp-info a:hover { color: #eee; }



/* < > */
.strp-nav {
  position: absolute;
  top: 50%;
  width: 54px;
  height: 72px;
  margin: 0 9px;
  margin-top: -36px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.strp-nav-previous { left: 0; }
.strp-nav-next { right: 0; left: auto; }

.strp-nav-disabled { cursor: default; }

.strp-nav-button {
  float: left;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.strp-nav-button-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #101010;
}
.strp-nav-button-icon {
  float: left;
  position: relative;
  height: 100%;
  width: 100%;
  zoom: 1;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}


/* X */
.strp-close {
  position: absolute;
  width: 48px;
  height: 48px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.strp-close-background,
.strp-close-icon {
  position: absolute;
  top: 12px;
  left: 12px;
  height: 26px;
  width: 26px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.strp-close-background {
  filter: alpha(opacity=80);
  opacity: .8;
  background-color: #101010;
}
.strp-close:hover .strp-close-background { background-color: #161616; }


.strp-has-error .strp-container { background-color: #ca3434; }
.strp-error {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 240px;
  height: 240px;
  margin-left: -120px;
  margin-top: -120px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url('strip-skins/strip/error.svg');
}
.strp-no-svg .strp-error { background-image: url('strip-skins/strip/error.png'); }

/* Spinner - loading icon, wrapped by a div that moves it */
.strp-spinner-move {
  position: fixed;
  top: 0px;
  right: 0px;
  height: 48px;
  width: 0;
  /* ensure overflow during a jQuery animation */
  overflow: visible !important;
}
.strp-spinner-move.strp-vertical { width: 48px; height: 0; }

.strp-spinner {
  width: 48px;
  height: 48px;
  float: left;
  position: relative;
}

/* different sides */
.strp-spinner-move.strp-side-top { top: 0; right: 0; bottom: auto; left: auto; }
.strp-spinner-move.strp-side-bottom { top: auto; right: 0; bottom: 0; left: auto; }

.strp-spinner-move.strp-side-right .strp-spinner { margin-left: -48px; }
.strp-spinner-move.strp-side-left .strp-spinner { margin-right: -48px; float: right; }
.strp-spinner-move.strp-side-bottom .strp-spinner { margin-top: -48px; }
.strp-spinner-move.strp-side-top .strp-spinner { position: absolute; bottom: 0; right: 0; margin-bottom: -48px; }


@-moz-keyframes strp-spinner-spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes strp-spinner-spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes strp-spinner-spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.strp-spinner-rotate,
.strp-spinner-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.strp-spinner-line {
  position: absolute;
  left: 50%;
  top: 15px;
  width: 2px;
  margin-left: -1px;
  height: 3px;
  border-radius: 1px;
  z-index: 80; /* amount of lines, removed later on */
  color: inherit; /* color of the dots, inherited from text on the page */
}



/*
 * ===== Skin: strip =====
 */
 /* < > */
.strp-window-skin-strip .strp-nav-button-background { background-color: transparent; }
.strp-window-skin-strip .strp-nav-previous .strp-nav-button-icon { background-image: url('strip-skins/strip/previous.svg');  }
.strp-window-skin-strip .strp-nav-next .strp-nav-button-icon { background-image: url('strip-skins/strip/next.svg'); }
/* IE7-8/no-svg (using a faded png) */
.strp-window-skin-strip.strp-no-svg .strp-nav-previous .strp-nav-button-icon { background-image: url('strip-skins/strip/previous-faded.png'); opacity: 1; }
.strp-window-skin-strip.strp-no-svg .strp-nav-next .strp-nav-button-icon { background-image: url('strip-skins/strip/next-faded.png'); opacity: 1; }

.strp-window-skin-strip .strp-nav .strp-nav-button-icon { opacity: .6; } /* normal state */
.strp-window-skin-strip.strp-mobile-touch .strp-nav .strp-nav-button-icon { opacity: 1; } /* mobile-touch always has normal states at full opacity */

/* < > : hover */
.strp-window-skin-strip .strp-nav:hover .strp-nav-button-icon,
.strp-window-skin-strip .strp-nav-hover .strp-nav-button-icon { opacity: 1; }
/* IE7-8/no-svg (unfaded png) */
.strp-window-skin-strip.strp-no-svg .strp-nav.strp-nav-previous:hover .strp-nav-button-icon,
.strp-window-skin-strip.strp-no-svg .strp-nav-hover.strp-nav-previous .strp-nav-button-icon { background-image: url('strip-skins/strip/previous.png'); }
.strp-window-skin-strip.strp-no-svg .strp-nav.strp-nav-next:hover .strp-nav-button-icon,
.strp-window-skin-strip.strp-no-svg .strp-nav-hover.strp-nav-next .strp-nav-button-icon { background-image: url('strip-skins/strip/next.png'); }

/* Reduce < > button size on narrow screens (iPhone 6 and smaller) */
@media all and (max-width: 375px) and (orientation: portrait),
       all and (max-height: 375px) and (max-width: 667px) {
  .strp-window-skin-strip .strp-nav {
    width: 48px;
    height: 60px;
    margin: 0 5px;
    margin-top: -30px;
  }

  /* < > */
  .strp-window-skin-strip .strp-nav-previous .strp-nav-button-icon { background-image: url('strip-skins/strip/previous-small.svg');  }
  .strp-window-skin-strip .strp-nav-next .strp-nav-button-icon { background-image: url('strip-skins/strip/next-small.svg'); }
  /* IE7-8/no-svg (using a faded png) */
  .strp-window-skin-strip.strp-no-svg .strp-nav-previous .strp-nav-button-icon { background-image: url('strip-skins/strip/previous-small-faded.png'); }
  .strp-window-skin-strip.strp-no-svg .strp-nav-next .strp-nav-button-icon { background-image: url('strip-skins/strip/next-small-faded.png'); }

  /* IE7-8/no-svg (unfaded png) */
  .strp-window-skin-strip.strp-no-svg .strp-nav.strp-nav-previous:hover .strp-nav-button-icon,
  .strp-window-skin-strip.strp-no-svg .strp-nav-hover.strp-nav-previous .strp-nav-button-icon { background-image: url('strip-skins/strip/previous-small.png'); }
  .strp-window-skin-strip.strp-no-svg .strp-nav.strp-nav-next:hover .strp-nav-button-icon,
  .strp-window-skin-strip.strp-no-svg .strp-nav-hover.strp-nav-next .strp-nav-button-icon { background-image: url('strip-skins/strip/next-small.png'); }

  /* also reduce padding
     navbutton = 58 = 48 + (2 * 5 margin)
     closebutton = 48
   */
  .strp-no-overlap .strp-container { padding: 48px 58px; }
  .strp-no-overlap.strp-no-sides .strp-container { padding: 48px 0; }

  .strp-vertical .strp-no-overlap .strp-container { padding: 0 58px; }
  .strp-vertical .strp-no-overlap.strp-no-sides .strp-container { padding: 0 48px; }
}

/* X */
.strp-window-skin-strip .strp-close .strp-close-icon { background-image: url('strip-skins/strip/close.svg'); opacity: .8; }
.strp-window-skin-strip .strp-close:hover .strp-close-icon { opacity: 1; }
/* iOS 8.4.1 bug: when opacity changes it'll require 2 taps
   force a single opacity to fix this
*/
.strp-window-skin-strip.strp-mobile-touch .strp-close .strp-close-icon,
.strp-window-skin-strip.strp-mobile-touch .strp-close:hover .strp-close-icon { opacity: 1; }

/* IE7-8/no-svg */
.strp-window-skin-strip.strp-no-svg .strp-close .strp-close-icon { background-image: url('strip-skins/strip/close.png'); opacity: 1; }


/* here's how to have content slide in with the window when opening and closing  */
/*
.strp-window-skin-strip.strp-side-left.strp-opening  .strp-page,
.strp-window-skin-strip.strp-side-left.strp-closing  .strp-page { left: auto; right: 0; }
.strp-window-skin-strip.strp-side-right.strp-opening  .strp-page,
.strp-window-skin-strip.strp-side-right.strp-closing  .strp-page { left: 0; right: auto; }
.strp-window-skin-strip.strp-side-top.strp-opening  .strp-page,
.strp-window-skin-strip.strp-side-top.strp-closing  .strp-page { bottom: 0; top: auto; }
.strp-window-skin-strip.strp-side-bottom.strp-opening  .strp-page,
.strp-window-skin-strip.strp-side-bottom.strp-closing  .strp-page { bottom: auto; top: 0; }
*/