@charset "UTF-8";
/*
Theme Name: KEIJI ASHIZAWA DESIGN Theme
Theme URI: http://www.keijidesign.com/
Description: This is our original theme.
Author: Open Hand Service
Author URI:　http://www.open-hand.jp/
Version:1.0
Tags:

html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark A
*/

/*-------------------------------------------------
	Reset
-------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}
body {
	line-height:1;
	-webkit-text-size-adjust: 100%;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}
ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
}
ins {
    background-color:#fff;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
	font-size:inherit;
}
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
img {
   vertical-align:top;
   font-size:0;
   line-height:0;
}

/*-------------------------------------------------
	Clearfix
-------------------------------------------------*/

.clearfix:after {
	content    : ".";
	display    : block;
	height     : 0;
	clear      : both;
	visibility : hidden;
	line-height: 0;
	}
.clearfix { display : inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height : 1%; }
.clearfix { display : block; }
/* End hide from IE-mac */

/*-------------------------------------------------
	Base
-------------------------------------------------*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic normal");
  font-weight: normal;
}

html {
  font-size: 62.5%;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', YuGothic, 'Yu Gothic', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, sans-serif;
	font-size: 100%;
	line-height: 1;
	color: #000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a:link, a:visited {
	color: #0000ff;
	text-decoration: none;
	outline: none;
	opacity: 1;
	transition: all 360ms;
	-webkit-transition: all 360ms;
	-ms-transition: all 360ms;
	-moz-transition: all 360ms;
}
a:hover, .active {
	text-decoration: none;
	opacity: .75;
	cursor: pointer;
}

h1, h2, h3, h4 {
	font-weight: normal;
}
p {
	font-size: 1.4rem;
}
img {
	max-width: 100%;
	height: auto;
}

.roboto {
	font-family: 'Roboto', sans-serif;
}

.w100 {
	width: 100%;
}

.loading {
	width: 100%;
	height: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}

.pc-dn, .pc-dn-ib {
	display: none;
}
.sp-dn {
	display: block;
}
.sp-dn-ib {
	display: inline-block;
}

@media screen and (max-width: 1279px) {
	p {
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 666px) {
	.pc-dn {
		display: block;
	}
	.pc-dn-ib {
		display: inline-block;
	}
	.sp-dn, .sp-dn-ib {
		display: none;
	}
}

@media screen and (max-width: 320px) {
  html {
    font-size: 50.5%;
  }
}
	

/*-------------------------------------------------
	Header
-------------------------------------------------*/

.header {
	position: fixed;
	top: 0;
	width: 100%;
	background: transparent;
	z-index: 9999;
}
.header, .header-inner {
	height: 86px;
}
.header-inner {
	position: relative;
	font-weight: 400;
	line-height: 1;
}
.header-inner, .contents {
	margin: 0 auto;
	width: 46.875%;
	max-width: 1200px;
}
h1.logo {
	position: absolute;
	top: 31px;
	left: -40px;
	font-size: 2.4rem;
	letter-spacing: .01em;
}
h1.logo a {
	color: #000;
}

#g-nav {
	position: absolute;
	top: 33px;
	right: -40px;
}
#g-nav ul li {
	display: inline-block;
	font-size: 1.945rem;
}
#g-nav ul li:before {
	content: '/';
	padding: 0 .5em;
}
#g-nav ul li.first:before {
	content: '';
	padding: 0;
}
#g-nav ul li.instagram:before {
	content: '';
	padding: 0 0 0 50px;
}
#g-nav ul li, #u-nav ul li {
	margin-bottom: .2em;
}
#g-nav ul li a, #u-nav ul li a,
.text-btn a {
	color: #000;
	border-bottom: 1px solid rgba(0,0,0,0);
	transition: all 360ms;
	-webkit-transition: all 360ms;
	-ms-transition: all 360ms;
	-moz-transition: all 360ms;
}
#g-nav ul li a:hover, #u-nav ul li a:hover,
.text-btn a:hover {
	border-bottom: 1px solid rgba(0,0,0,.75);
}
.current_page_item a, .current-menu-item a,
body.single-post .menu-item-35 a, body.date .menu-item-35 a,
body.category .menu-item-35 a {
	border-bottom: 1px solid rgba(0,0,0,1)!important;
}
.nav-sp-wrap {
	display: none;
}
.footer-sp {
	display: none;
}

@media screen and (max-width: 1439px) {
	h1.logo a, #g-nav ul li a {
		font-size: .8em;
	}
}

@media screen and (max-width: 1366px) {
	.header-inner, .contents {
		width: 56.875%;
	}
}

@media screen and (max-width: 1279px) {
	.header {
		background: #fff;
	}
	.header-inner, .contents, .footer-sp {
		width: 60%;
	}
	h1.logo {
		top: 29px;
		left: -10px;
	}
	h1.logo a {
		font-size: 1.8rem;
	}
	#g-nav {
		display: none;
	}
	/* SP-Nav */
	.menu-trigger-wrap {
		position: absolute;
		top: 36px;
		right: -10px;
	}
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: relative;
		width: 20px;
		height: 13px;
		cursor: pointer;
	}
	.menu-trigger a, .menu-trigger:hover,
	.menu-trigger .active {opacity: 1!important;}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 1px;
		background-color: #000;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 6px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
		-ms-transform: translateY(6px) rotate(45deg);
		-webkit-transform: translateY(6px) rotate(-45deg);
		transform: translateY(6px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-ms-transform: translateY(-6px) rotate(45deg);
		-webkit-transform: translateY(-6px) rotate(45deg);
		transform: translateY(-6px) rotate(45deg);
	}
	.nav-sp-wrap {
		position: fixed;
		padding: 0;
		width: 100%;
		top: 86px;
		z-index: 99999;
		text-align: center;
	}
	#g-nav-sp {
		font-size: 1.4rem;
		background-color: #fff;
	}
	#g-nav-sp ul li {
		position: relative;
		padding: 0;
		width: 100%;
		line-height: 41px;
		border-top: 1px solid #000;
	}
	#g-nav-sp ul li.insta {
		background: #000;
	}
	#g-nav-sp ul li a {
		display: block;
		margin: 0 auto;
		width: 100%;
		color: #000;
	}
	#g-nav-sp ul li.insta a {
		color: #fff;
	}
	#g-nav-sp ul li.active, .menu-trigger.active {
		opacity: 1;
	}
	.current_page_item a, .current-cat a,
	.current-menu-item a {
		border-bottom: none!important;
	}
}

@media screen and (max-width: 1023px) {
	.header-inner, .contents, .footer-sp {
		width: 75%;
	}
}

@media screen and (max-width: 666px) {
	.header, .header-inner {
		height: 52px;
	}
	.header-inner, .contents {
		width: 100%;
	}
	h1.logo {
		top: 12px;
		left: 20px;
	}
	h1.logo a {
		font-size: 14px;
	}
	.menu-trigger-wrap {
		top: 20px;
		right: 20px;
	}
	.nav-sp-wrap {
		top: 52px;
	}
}

@media screen and (max-width: 320px) {
	h1.logo {
		top: 17px;
	}
}


/*-------------------------------------------------
	Contents
-------------------------------------------------*/

.contents {
	margin-top: 86px;
}
.entry-wrap {
	margin-bottom: 50px;
}
.entry-wrap h2 {
	margin-bottom: .25em;
	font-size: 1.6rem;
	line-height: 1.25;
}
.entry-wrap h2 a {
	color: #000;
}
.entry-wrap p {
	padding-bottom: 2em;
}
.creation-date {
	font-size: 1.3rem;
	line-height: 1;
	color: #8c8c8c;
}
.works-tn, .slider-wrap {
	margin-bottom: 13px;
}

/* infinite-scroll */
#infinite-scroll ul, #infscr-loading img {
	display: none;
}
.infinite-scroll {
	display: block;
	margin: 0 auto 40px;
	width: 16px;
	height: 16px;
	text-align: center;
	background-image: url('images/ajax-loader.gif');
	background-size: contain;
}


@media screen and (max-width: 666px) {
	.contents {
		margin: 52px 0 0;
		padding: 0 30px;
	}
	.entry-content {
		width: 100%;
	}
	.entry-wrap {
		margin-bottom: 25px;
	}
	.works-tn {
		float: right;
		margin: 0 -30px 0 0;
		width: 66.66%;
	}
	.works-ttl-wrap {
		float: left;
		width: calc(33.33% + 15px);
	}
	.entry-wrap h2 {
		font-size: 1.4rem;
	}
	.creation-date {
		font-size: 1.1rem;
	}
}


/*-------------------------------------------------
	Single-Page
-------------------------------------------------*/

body.single .entry-wrap {
	margin-bottom: 65px;
}
/*
.single-ttl h2, .single-ttl .creation-date {
	display: inline-block;
}
.single-ttl .creation-date {
	margin-left: 1.5em;
}
*/
.spec-jp:before, .spec-en:before {
	content: '';
	display: block;
	margin: 19px 0 12px 0;
	width: 9px;
	border-top: 1px solid #000;
}
.spec-jp, .spec-en, .text-jp, .text-en {
	float: left;
	width: calc(50% - 20px);
	font-size: 1.4rem;
}
.spec-jp {
	line-height: 24px;
}
.spec-pd {
	margin-bottom: 25px;
}
.spec-pd p {
	padding-bottom: 0;
}
.text-jp {
	line-height: 26px;
}
.spec-en, .text-en {
	line-height: 23px
}
.spec-en, .text-en {
	margin-left: 40px;
	font-weight: 300;
}
.text-en p {
	padding-bottom: 1.65em;
}

.adjacent-post-links {
	position: relative;
	margin-bottom: 35px;
	width: 100%;
	height: 21px;
}
.adjacent-post-links li.previous {
	position: absolute;
	left: 0;
}
span.prev-img, span.next-img {
	content: '';
	display: block;
	width: 18px;
	height: 21px;
	background: url('images/prev.svg') no-repeat center center;
	opacity: 1;
	transition: all 360ms;
	-webkit-transition: all 360ms;
	-ms-transition: all 360ms;
	-moz-transition: all 360ms;
}
span.prev-img:hover, span.next-img:hover {
	opacity: .65;
}
span.next-img {
	background: url('images/next.svg') no-repeat center center;
}
.adjacent-post-links li.back {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	width: 100px;
	font-size: 1.4rem;
	text-align: center;
}
.adjacent-post-links li.next {
	position: absolute;
	right: 0;
}

/* btn-open */
.btn-open {
	position: absolute;
	top: -27px;
	right: -14px;
	width: 36px;
	height: 32px;
	background: transparent;
	cursor: pointer;
}
.btn-open:after {
	content: '';
	display: block;
	width: 8px;
	height: 9px;
	background: url('images/open.svg') no-repeat center center;
	position: absolute;
	top: 12px;
	right: 14px;
	transition: all 180ms;
	-webkit-transition: all 180ms;
	-ms-transition: all 180ms;
	-moz-transition: all 180ms;
}
.btn-open.active:after {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-ms-transition: all 180ms;
	-webkit-transition: all 180ms;
	-moz-transition: all 180ms;
	transition: all 180ms;
}

@media screen and (max-width: 1279px) {
	.adjacent-post-links {
		margin-bottom: 31px;
	}
}

@media screen and (max-width: 666px) {
	.entry-wrap p {
		padding-bottom: 1.75em;
	}
	body.single .works-ttl,
	.spec-jp, .spec-en, .text-jp, .text-en {
		float: none;
	}
	.spec-jp, .spec-en, .text-jp, .text-en {
		width: 100%;
	}
	.slider-wrap {
		margin-bottom: 10px;
		margin-left: -30px;
		margin-right: -30px;
	}
	.spec-jp {
		line-height: 20px;
	}
	.spec-jp p, .spec-en p {
		padding-bottom: 0;
	} 
	.spec-jp:before {
		margin: 14px 0 9px;
	}
	.spec-en:before {
		margin: 19px 0 9px;
	}
	.spec-pd {
		margin-bottom: 0;
	}
	.text-jp {
		line-height: 22px;
	}
	.spec-en, .text-en {
		margin-left: 0;
		line-height: 20px
	}
	
	.text-jp, .text-en {
		display: none;
		font-size: 1.2rem;
	}
	.text-jp p:first-child {
		padding-top: 13px;
	}
	.text-jp p:last-child {
		padding-bottom: 5px;
	}
	.text-en p:first-child {
		padding-top: 13px;
	}
	.text-en p:last-child {
		padding-bottom: 20px;
	}
	.spec-wrap {
		position: relative;
	}
	.btn-open {
		display: block;
	}
}


/*-------------------------------------------------
	Page
-------------------------------------------------*/

.page-tn {
	margin-bottom: 40px;
}
.page-text-start {
	padding-top: 40px;
}

/* About */
body.page-id-15 .page-tn {
	margin-bottom: 0;
}
body.page-id-15 .entry-wrap h2 {
	margin-bottom: 1.2em;
}
body.page .spec-jp, body.page .spec-en {
	font-weight: 300;
}
body.page .spec-jp {
	line-height: 26px;
}
body.page .spec-en {
	line-height: 23px;
}
body.page .spec-jp p, body.page .spec-en p {
	padding-bottom: 2em;
}
body.page h3, body.page h4 {
	font-size: 1em;
	font-weight: 300;
}
.text-more {
	margin-top: 2em;
}

/* Contact */
#map {
	margin: 15px 0;
	width: 100%;
	height: 500px;
	background-color: grey;
}
.gm-svpc {
	display: none;
}

@media screen and (max-width: 1279px) {
	body.page h3, body.page h4 {
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 666px) {
	.page-tn {
		margin: 0 -30px 20px;
	}
	.page-text-start {
		padding-top: 15px;
	}
	body.page .spec-jp {
		line-height: 22px;
	}
	body.page .spec-en {
		line-height: 20px;
	}
	/* About */
	body.page-id-15 .page-tn {
		margin-bottom: 5px;
	}
	.btn-more-open {
		display: block;
		margin: -5px auto 50px;
		width: 120px;
		height: 35px;
		font-size: 1.2rem;
		line-height: 35px;
		text-align: center;
		border: 1px solid #000;
	}
	.btn-more-open.active {
		display: none;
	}
	.text-more {
		margin: 20px 0 50px;
	}
	/* Contact */
	body.page-id-17 .text-jp, body.page-id-17 .text-en {
		display: block;
	}
	body.page-id-17 .text-jp {
		margin-bottom: 25px;
	}
	#map {
		margin: 15px 0 15px -30px;
		width: calc(100% + 60px);
		height: 280px;
	}
}


/*-------------------------------------------------
	Journal
-------------------------------------------------*/

#journal-wrap {
	float: right;
	width: 71.667%;
}
#journal-wrap, #journal-nav {
	margin-top: 40px;
}

.post-wrap {
	margin-bottom: 55px;
	border-bottom: 1px solid #000;
}
h2.post-ttl {
	margin-bottom: 15px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
}
h2.post-ttl a {
	color: #000;
}
.post-date {
	line-height: 1;
}
.post-date, .post-meta {
	display: block;
	font-size: 1.2rem;
	line-height: 1;
}
.post-date:after {
	content: '';
	display: block;
	margin: 35px 0 15px 0;
	width: 9px;
	border-top: 1px solid #000;
}
.post-meta {
	line-height: 1.66;
}
.post-wrap p {
	padding-bottom: 2em;
	line-height: 26px;
}
.post-meta {
	margin-bottom: 8px;
}
/*
body.page-template-page-journal .adjacent-post-links,
body.single-post .adjacent-post-links,
body.date .adjacent-post-links,
body.category .adjacent-post-links {
	margin-left: 28.333%;
    width: 71.667%;
}
*/

/* journal-nav */
#journal-nav {
	position: fixed;
	padding-top: 5px;
	width: calc(13.25% - 40px);
}
#journal-nav h3.widget-ttl {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	font-size: 1.4rem;
	font-weight: normal;
	line-height: 1;
}
#journal-nav h3.widget-ttl:hover {
	opacity: .75;
	transition: all 360ms;
	-webkit-transition: all 360ms;
	-ms-transition: all 360ms;
	-moz-transition: all 360ms;
}
#journal-nav h3.widget-ttl.active {
	opacity: 1;
}

/* btn-open-widget */
.btn-open-widget {
	position: relative;
	width: 100%;
	height: auto;
	background: transparent;
	cursor: pointer;
}
.btn-open-widget span {
	margin-right: 10px;
}
.btn-open-widget:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 3px;
	width: 7px;
	height: 8px;
	background: url('images/open_j_nav.svg') no-repeat center center;
	transition: all 180ms;
	-webkit-transition: all 180ms;
	-ms-transition: all 180ms;
	-moz-transition: all 180ms;
}
.btn-open-widget.active:after {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-ms-transition: all 180ms;
	-webkit-transition: all 180ms;
	-moz-transition: all 180ms;
	transition: all 180ms;
}

.sidebar-widget-wrap {
	position: relative;
	font-weight: 300;
}
.sidebar-widget {
	display: none;
	padding-bottom: 45px;
	font-size: 1.4rem;
	line-height: 20px;
}
.sidebar-widget ul li {
	margin-bottom: 10px;
}
.sidebar-widget ul li a {
	color: #000;
}

@media screen and (max-width: 1439px) {
	h2.post-ttl {
		font-size: 1.6rem;
	}
}

@media screen and (max-width: 1279px) {
	#journal-nav {
		width: calc(17% - 40px);
	}
	.sidebar-widget {
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 1023px) {
	#journal-nav {
		width: calc(21.25% - 40px);
	}
}

@media screen and (max-width: 666px) {
	#journal-nav {
		display: none;
	}
	#journal-wrap, #journal-nav {
		float: none;
		width: 100%;
	}
	#journal-wrap {
		margin-top: 115px;
	}
	.post-wrap {
		margin-bottom: 45px;
	}
	h2.post-ttl {
		margin-bottom: 10px;
		font-size: 1.6rem;
	}
	.post-date, .post-meta {
		font-size: 1rem;
	}
	.post-date:after {
		margin: 28px 0 12px 0;
	}
	.post-wrap p {
		padding-bottom: 1.75em;
		line-height: 22px;
	}
	.post-meta {
		margin-bottom: 10px;
	}
	.journal-posts-links, body.single-post .adjacent-post-links {
		margin-left: 0;
		width: 100%;
	}
	
	/* journal-nav-sp */
	#journal-nav-sp {
		position: fixed;
		top: 0;
		margin-top: 0;
		padding: 70px 0 25px;
		width: calc(100% - 60px);
		background: #fff;
		z-index: 999;
	}
	.sidebar-widget {
		display: block;
		padding-bottom: 20px;
		font-size: 1.2rem;
	}
	.sidebar-widget ul li {
		padding-bottom: 10px;
		border-bottom: 1px solid #000;
	}
	/* journal-nav-sp tab */
	.tabmenu {
		width: 100%;
	}
	.tab {
		overflow: hidden;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.tab li {
		display: inline-block;
		margin-right: 30px;
		padding-bottom: 1px;
		font-size: 1.2rem;
		cursor: pointer;
		border-bottom: 1px solid rgba(0,0,0,0);
		transition: all 360ms;
		-webkit-transition: all 360ms;
		-ms-transition: all 360ms;
		-moz-transition: all 360ms;
	}
	.tab li:last-child {
		margin-right: 0;
	}
	.tab li.select {
		border-bottom: 1px solid rgba(0,0,0,1);
	}
	.content div {
		padding-top: 25px;
	}
	.hide {
		display:none;
	}
}


/*-------------------------------------------------
	Footer
-------------------------------------------------*/

.u-nav-wrap, .u-nav, .footer, .footer-inner {
	height: 60px;
}
.u-nav-wrap {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 21.5625%;
	background: transparent;
	z-index: 9999;
}
.u-nav, .footer-inner {
	position: relative;
	width: 100%;
	font-weight: 400;
	line-height: 1;
}

.footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 21.5625%;
	background: transparent;
	z-index: 9999;
}
.copyright {
	position: absolute;
	bottom: 39px;
	left: 40px;
}
#u-nav {
	position: absolute;
	bottom: 36px;
	right: 60px
}
#u-nav ul li {
	display: inline-block;
	margin-right: 20px;
	font-size: 1.4rem;
	text-align: right;
}

@media screen and (max-width: 1279px) {
	.u-nav-wrap {
		display: none;
	}
	.footer {
		width: 20%;
	}
	.copyright {
		bottom: 35px;
		left: 35px;
	}
}

@media screen and (max-width: 1023px) {
	.footer {
		display: none;
	}
	.footer-sp {
		display: block;
		margin: 0 30px 30px;
		padding-top: 35px;
		width: calc(100% - 60px);
		font-size: 1rem;
	}
}


/*-------------------------------------------------
	PEGE-TOP
-------------------------------------------------*/

.page-top {
	position: fixed;
	bottom: 30px;
    right: 20px;
}
.btnUp a, .btnUp a:visited, .page-top {
	display: block;
	width: 30px;
	height: 30px;
	background: url('images/page_top.svg') no-repeat center center #fff;
}


@media screen and (max-width: 1279px) {
	.page-top {
		bottom: 27px;
	}
	#topcontrol {
		bottom: 27px!important;
	}
	
}
@media screen and (max-width: 1023px) {
	.page-top {
		display: none;
	}
	#topcontrol {
		bottom: 21px!important;
		right: 21px!important;
	}
	.btnUp a, .btnUp a:visited {
		background-color: transparent;
	}
}


/*-------------------------------------------------
	Light-Box
-------------------------------------------------*/

.pswp__bg, .pswp__caption,
.pswp__img--placeholder--blank {
	background: #fff!important;
}
.pswp__top-bar {
	background: transparent!important;
}
.pswp__button--zoom, .pswp__button--fs,
.pswp__ui .pswp__button--arrow--left,
.pswp__ui .pswp__button--arrow--right {
	display: none!important;
}
.pswp__button, .pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	margin: 30px 30px 0 0!important;
	width: 33px!important;
	height: 33px!important;
	background: url('royalslider-skin/close.svg') center no-repeat!important;
}

@media screen and (max-width: 1439px) {
	.pswp__button, .pswp__button--arrow--left:before,
	.pswp__button--arrow--right:before {
		margin: 20px 20px 0 0!important;
		width: 20px!important;
		height: 20px!important;
	}
}

/*-------------------------------------------------
	404
-------------------------------------------------*/

body.error404 p {
	position: absolute;
	top: 30%;
	left: 50%;
	-ms-transform: translate(-50%,-30%);
	-webkit-transform : translate(-50%,-30%);
	transform : translate(-50%,-30%);
	text-align: center;
}

@media screen and (max-width: 1279px) {
	body.error404 .footer-sp {
		position: absolute;
		bottom: 0;
	}
}