@charset "UTF-8";
/* CSS Document */

/* smartPhone */
@media screen and (max-width: 640px) {
/*ここにスマホ用スタイルを記述*/

	body {
		word-wrap: break-word;
	}

	/*Cookie---------------------------*/
	.cky-btn-revisit-wrapper {
		display: none!important;
	}

	/*広告---------------------------*/
	.ad .ad_A {
/*		font-family: 'Century Gothic';*/
		font-weight: bold;
		text-align: center;
		padding-bottom: 10px;
		background: #fff;
		font-size: 0.6rem;
		line-height: 1em;
	}
	.ad .ad_B {
/*		font-family: 'Century Gothic';*/
		font-weight: bold;
		text-align: center;
		padding: 60px 0 10px;
		background: #fff;
		font-size: 0.6rem;
		line-height: 1em;
	}
	.ad a {
		display: block;
		background: url("../img/ad/ad_back.png") repeat;
		margin-bottom: 15px;
	}
	.ad .ad_pc {
		display: none;
	}
	.ad .ad_sp {
		display: block;
		width: 100%;
	}
	
	/*header---------------------------*/
	header#header {
		background: #fff;
		position: fixed;
		width: 100%;
		display: block;
		border-bottom: 1px solid #ccc;
		height: auto;
		overflow: hidden;
		z-index: 99;
	}
	header h1 {
		text-align: center;
		margin: 0.4em 0;
	}
	header h1 img {
		/*padding: 3px 0;*/
		padding: 0;
		/*height: 30px;*/
		height: 4.2vh;
		width: auto;
	}
	/*header#header2(広告Aなし)---------------------*/
	header#header2 {
		position: fixed;
		top: 0;
		width: 100%;
		margin: 0 auto;
		display: block;
		height: auto;
		overflow: hidden;
		z-index: 98;
	}
	/*header#header2(広告Aあり)---------------------*/
/*
	header#header2 {
		background: #fff;
		position: fixed;
		top: 0;
		width: 100%;
		display: block;
		border-bottom: 1px solid #ccc;
		height: auto;
		overflow: hidden;
		z-index: 98;
	}
*/

	/*side-menu-btn-------------------- */
	.side-menu-btn {
		position: absolute;
		position: fixed;
		top: 3.4vh;
		left: 18px;
		cursor: pointer;
		display: block;
		/*float: left;*/
		height: 12px;
		width: 16px;
		z-index: 9999;
	}
	.side-menu-btn::before {
		-webkit-box-shadow: #f00 0 12px 0;
		box-shadow: #fff 0 5px 0;
		height: 2px;
		-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
		transform-origin: left top;
		width: 16px;
	}
	.side-menu-btn::after {
		bottom: 0;
		height: 2px;
		-webkit-transform-origin: left bottom;
		-ms-transform-origin: left bottom;
		transform-origin: left bottom;
		width: 16px;
	}
	.side-menu-btn::before,
	.side-menu-btn::after {
		background: #fff;
		display: block;
		content: '';
		position: absolute;
		-webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.4s 0.2s;
		transition: box-shadow 0.2s linear, transform 0.4s 0.2s;
	}
	.side-menu-btn.now::before,
	.side-menu-btn.fix::before,
	.side-menu-btn.open::before {
		box-shadow: #222 0 5px 0;
		background: #222;
	}
	.side-menu-btn.now::after,
	.side-menu-btn.fix::after,
	.side-menu-btn.open::after {
		background: #222;
	}
	
	/*new-side-menu-btn------------------- */
	.drawer-hamburger {
		padding-top: 2.5vh;
		padding-right: 1.5rem;
		padding-bottom: 3.2vh;
		padding-left: 1.5rem;
	}
	.drawer-hamburger-icon.now,
	.drawer-hamburger-icon.now:before,
	.drawer-hamburger-icon.now:after {
		background: #222 !important;
	}
	.drawer--left.drawer-open .drawer-hamburger-icon.now {
		background: none !important;
	}
	
	
	/*language-btn------------------- */
	.language-btn {
		position: absolute;
		position: fixed;
		top: 2.5vh;
		right: 18px;
		display: block;
		z-index: 9999;
	}
	.language-btn a:first-child {
		margin-right: 15px;
	}
	.language-btn a.now,
	.language-btn.fix a {
		color: #222;
	}
	.language-btn.none {
		display: none;
	}
	/*language-btn a(広告Aなし)----------------------*/
	.language-btn a {
		color: #fff;
		font-size: .85rem;
		font-weight: bold;
		margin:0 0 20px 0;
		clear: both;
	}
	/*language-btn a(広告Aあり)----------------------*/
/*
	.language-btn a {
		color: #222;
		font-size: .85rem;
		font-weight: bold;
		margin:0 0 20px 0;
		clear: both;
	}
*/

	/*mainV---------------------------*/
	section#mainV {
		text-align: center;
		width: 100%;
		height: 40vh;
		background:url(../img/mainV.jpg) no-repeat;
		background-size:cover;
		position: relative;
	}
	section#mainV img {
		margin-top: 14vh;
		left: 37.5vw;
		width: 25vw;
		position: absolute;
	}
	
	/*new mainV---------------------------*/
	section#mainV_f {
		text-align: center;
/*
		width: 100%;
		height: 50vh;
		background: #000;
*/
		/*background:url(../img/mainV.jpg) no-repeat;*/
/*		background-size:cover;*/
		position: relative;
	}
	section#mainV_f .logo {
		position: absolute;
		top: 12px;
		right: 0;
		left: 0;
		height: 4.2vh;
		margin: 0 auto;
	}
	section#mainV_f .logo img {
		height: 100%;
	}
	section#mainV_f .image {
		height: 50vh;
		overflow: hidden;
	}
	section#mainV_f .image img {
		width: 100%;
		height: 50vh;
		object-fit: cover;
		object-position: top;
	}
	section#mainV_f .image img.blackout {
		opacity: 0.8;
		display: block;
	}
	section#mainV_f .text,
	section#mainV_f .slickSlide div h3 {
		width: 80vw;
		font-size: 1.2rem;
		position: absolute;
		right: 0;
		bottom: 8vh;
		left: 0;
		margin: 0 auto;
	}
	section#mainV_f .text h3,
	section#mainV_f .slickSlide div h3 {
		text-align: center;
		line-height: 1.4em;
	}
	section#mainV_f .text h3 a ,
	section#mainV_f .slickSlide div h3 a {
		color: #fff;
		font-weight: bold;
		letter-spacing: 0.03em;
	}

	/*contents---------------------------*/
	div#contents,
	div#contents_about,
	div#archives {
		clear: both;
		margin: 0 auto;
		width: 94%;
		padding-left:0 5%;
		position: relative;
	}
	/*archives、contents_about　ヘッダー分padding確保*/	
	div#contents_about,
	div#archives {
		padding-top: 80px;
	}
	div#contents_about h2 {
		font-weight: bold;
		font-size: 1.8rem;
		padding: 40px 0 15px 0;
		background: #fff;
	}
	div#contents section h2,
	div#archives section h2 {
		/*font-family: 'Century Gothic';*/
		font-weight: bold;
		padding: 40px 0;
		background: #fff;
		font-size: 1.2rem;
	}
	/*div#contents section#post h3 {
		font-family: 'Century Gothic';
		font-weight: bold;
		padding: 40px 0;
		background: #fff;
		font-size: 1.2rem;
	}*/
	div#contents ul.post-item li,
	div#archives ul.post-item li {
		width: 100%;
		float: none;
		margin: 0 0 40px 0 ;
		display: inline-block;
		height: 25rem;
		overflow: hidden;
		padding: 0;
	}
	/*div#contents section#post ul li:nth-child(3n) {
		margin-right: 0 auto;
	}*/
	div#contents ul.post-item li p.category,
	div#archives ul.post-item li p.category {
		font-size: .8rem;
		margin-bottom: 5px;
		font-family: 'Century Gothic';
		display: inline-block;
		float: left;
		width: 50%;
		color:deeppink;
	}
	div#contents ul.post-item li p.date {
		height: 1.4rem;
		font-size: .7rem;
		display: inline-block;
		color: #999;
		width: 50%;
		text-align: right;
	}
	div#archives ul.post-item li p.date {
		height: 1.4rem;
		font-size: .7rem;
		display: inline-block;
		color: #999;
		width: 100%;
		text-align: right;
	}
	div#contents ul.post-item li div.thumbnail ,
	div#archives ul.post-item li div.thumbnail {
		display: block;
		width: 99%;
		height: 56.25vw;
		border: 1px solid #ccc;
		position: relative;
		overflow: hidden;
		margin-bottom: 15px;
		/*background: #ccc;*/
		background-image: url(https://avyss-magazine.com/wp-content/themes/avyss/img/thumbnail_bg.jpg); 
		background-size:cover; 
		background-repeat: no-repeat;
	}
	div#contents ul.post-item li div.thumbnail img,
	div#archives ul.post-item li div.thumbnail img {
		width: 100%;
		min-height: 56.25vw;
		object-fit: cover;
		/*overflow: hidden;*/
	}
	div#contents ul.post-item li img,
	div#archives ul.post-item li img {
		width: 100%;
		height: auto;
		/*max-height: 200px;*/
		overflow: hidden;
		clear: both;
	}
	div#contents ul.post-item li h3.post_ttl,
	div#archives ul.post-item li h3.post_ttl {
		clear: both;
		font-size: 1rem;
		line-height: 1.6rem;
		margin: 0 0 5px 0;
		/*padding-top: 15px;*/
		font-weight: bold;
	}
	div#archives ul.post-item li div.post_tx p {
		color:#F00;
	}
	div#contents ul.post-item li p,
	div#archives ul.post-item li p {
		clear: both;
		font-size: .7rem;
		line-height: 1.1rem;
		letter-spacing: 0.03rem;
		/*font-weight: lighter;*/
	}
	p.post_cat {
		font-family: 'Century Gothic';
		font-weight: bold;
		color: #e3007f;
		font-size: 14px;
	}
	div#contents .menu label.but_more {
		font-size: 1rem;
		line-height: 1rem;
		clear: both;
		margin: 0 auto;
		text-align: center;
		width: 30%;
		background: #ddd;
		padding: 10px 0;
		display: block;
	}
	input[type="checkbox"].on-off {
		display: none;
	}
	div#contents .menu ul {
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		margin: 0;
		padding: 0;
		list-style: none;
		overflow: hidden;
	}
	div#contents .menu li {
	    /*padding: 5px;*/
	}
	input[type="checkbox"].on-off + ul {
		height: 0;
		overflow: hidden;
	}
	input[type="checkbox"].on-off:checked + ul {
		height: auto;
		overflow: hidden;
	}
	/*全ての記事一覧へのボタン*/
	div#allcontents p.allcontents {
		width: 86%;
		margin: 0 auto;
		padding: 4%;
		background: #1a1a1a;
		color: #fff;
		letter-spacing: 2px;
		text-align: center;
	}
	/*ページネーション*/
	div#pagenations {
		font-size: .8rem;
		/*color: #666 !important;*/
		/*font-weight: bold;*/
	}
	/*ページ番号*/	
	div#pagenations span.page-numbers,
	div#pagenations a.page-numbers {
		color: inherit;
		display: inline-block;
		margin: 0 5px;
	}
	/*アクティブなページ番号*/
	div#pagenations span.current {
		font-weight: bold;
		color: #222;
		border-bottom:4px solid #ccc;
		padding-bottom: 2px;
	}

	/*search 検索結果ページ----------------*/
	div#search-result {
		clear: both;
		margin: 0 auto;
		width: 90%;
		padding-left:0 5%;
		position: relative;
		padding-top: 80px;
	}
	div#search-result h2 {
		/*font-family: 'Century Gothic';*/
		font-weight: bold;
		padding: 40px 0;
		background: #fff;
		font-size: 1.2rem;
		text-align: left;
		margin: 0;
	}
	div#search-result .type-post {
		width: 100%;
		float: none;
		margin: 0 0 40px 0 ;
		display: inline-block;
		height: 25rem;
		overflow: hidden;
		padding: 0;
	}
	div#search-result .type-post .date {
		height: 1.4rem;
		font-size: .7rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		color: #999;
		width: 100%;
		text-align: right;
	}
	div#search-result .type-post .date a {
		color: #999;
	}
	div#search-result .type-post .date .screen-reader-text{
		display: none;
	}
	div#search-result .type-post div.thumbnail {
		display: block;
		width: 100%;
		height: 56.25vw;
		position: relative;
		overflow: hidden;
		margin-bottom: 15px;
		/*background: #ccc;*/
		background-image: url(https://avyss-magazine.com/wp-content/themes/avyss/img/thumbnail_bg.jpg); 
		background-size:cover; 
		background-repeat: no-repeat;
	}
	div#search-result .type-post div.thumbnail img {
		width: 100%;
		/*min-height: 56.25vw;*/
		height: 56.3vw;
		object-fit: cover;
		/*overflow: hidden;*/
	}
	div#search-result .type-post .entry-title {
		clear: both;
		font-size: 1.2rem;
		line-height: 1.8rem;
		margin: 0 0 5px 0;
		/*padding-top: 15px;*/
		font-weight: bold;
	}
	div#search-result .type-post .entry-summary {
		clear: both;
		font-size: .9rem;
		line-height: 1.4rem;
		/*font-weight:lighter;*/
	}

	/*contents_post 記事の個別ページ---------------------*/
	div#contents_post {
		clear: both;
		margin: 0 auto;
		/*width: 80%;*/
		width: 94vw;
		padding:100px 3vw 0;
		text-align: left;
		position: relative;
	}
	div#contents_post h2.post_ttl {
		width: 100%;
		font-size: 1.15rem;
		line-height: 1.8rem;
		margin: 5px 0 0 0;
		font-weight: bold;
	}
	div#contents_post div.post_date p {
		font-size: .8rem;
		line-height: .9rem;
		margin: 10px 0 0 0;
		color: #999;
	}
	div#contents_post p.category {
		font-size: .8rem;
		margin: 30px 0 0 0;
	}
	div#contents_post p.category a {
		color: hotpink;
	}
	div#contents_post p.tag {
		font-size: .8rem;
		margin: 3px 0 0 0;
	}
	div#contents_post p.tag a {
		color: yellowgreen;
	}
	/*div#contents_post p.post_lead {
		font-size: 1rem;
		line-height: 1.8rem;
		font-weight: bold;
	}*/
	div#contents_post div.post_tx p.lead {
		/*font-weight: bolder;*/
		/*font-size: 1.3rem;*/
		font-weight: normal;
		/*margin-bottom: .8rem;*/
	}

	div#contents_post div.post_tx p {
		/*font-size: 1.2rem;*/
		font-size: 0.85rem;
		line-height: 1.6rem;
		letter-spacing: 0.03rem;
		/*font-weight: lighter;*/
		margin: 0;
		clear: both;
		padding: 0;
	}
	div#contents_post div.post_tx p a {
		color: #006FBA;
		text-decoration: underline;
		font-weight: bold;
	}
	div.post_thumbnail {
		width: 100vw;
		height: 200px;
		position: relative;
		overflow: hidden;
		display: block;
		clear: both;
		background-image: url(https://avyss-magazine.com/wp-content/themes/avyss/img/thumbnail_bg.jpg); 
		background-size:cover; 
		background-repeat: no-repeat;
	}
	div.post_thumbnail img {
		width: 100%;
		height: auto;
	}
	
	/*youtube動画のみに反映*/
	div#contents_post div.post_tx div.youtube {
		width: 94vw;
		height: 52.875vw;
		position: relative;
	/*	background: #f00;*/
		display: block;
		overflow: hidden;
	}
	div#contents_post div.post_tx div.youtube iframe {
		position: absolute;
		width: 100% !important;
		height: 100% !important;
		top: 0;
		left: 0;
	}
	
	/*インスタ埋め込みのみに反映*/
	div#contents_post div.post_tx iframe.instagram-media {
		margin: 20px 0  !important;
		clear: both;
		display: block;
	}
	
	/*ツイッター埋め込みのみに反映*/
	div#contents_post div.post_tx div.EmbeddedTweet-tweet {
		margin: 20px 0  !important;
		clear: both;
		display: block;
	}
	div#contents_post div.post_tx img {
		width: 100%;
		height: auto;
		margin: 15px 0;
	}
	div#contents_post div.post_tx figure {
		width: 94vw!important;
		margin: 0;
		padding:0;
		float: left;
	}
	div#contents_post div.post_tx figure img {
		margin: 0;
		padding: 0;
	}
	div#contents_post div.post_tx figcaption {
		text-align: left;
		font-size: .7rem;
		line-height: 1.2rem;
		margin-top: 3px;
	}
	div#contents_post div#but_sns {
		width: 94vw;
		float: left;
		display: block;
		margin: 20px 0;
	}
	
	/*投稿記事ページのsnsボタン*/
	div#contents_post div.post_but_facebook,
	div#contents_post div.post_but_twitter {
		float: left;
		padding: 2% 3%;
		/*width: 43%;*/
		width: 30%;
		height: 20px;
		text-align: center;
	}
	div#contents_post div.post_but_twitter {
		margin-right: 2%;
	}
	div#contents_post div.post_but_facebook p,
	div#contents_post div.post_but_twitter p {
		/*font-family: 'Century Gothic';*/
		color:#fff;
		display: inline-block;
		float: left;
		margin: 0;
	}
	div#contents_post div.post_but_facebook img,
	div#contents_post div.post_but_twitter img {
		/*float: right;*/
		display: inline-block;
		width: 16px;
		height: auto;
		margin-top: 2px;
	}
	div#contents_post div.post_but_facebook{
		/*background: #315a95;*/
		background: #000000;
	}
	div#contents_post div.post_but_twitter {
		/*background: #43acea;*/
		background: #000000;
	}
	
	/*contents_about ABOUT/CONTACTページ*/
	div#contents_about dl dt {
		font-weight: bold;
		margin:50px 0 15px 0; 
		font-size: 1.1rem;
		text-align: left;
	}
	div#contents_about dl dd {
		font-size: .9rem;
		line-height: 1.4rem;
		text-align: left;
	}
	div#contents_about dl dd span {
		color: #666;
	}
	div#contents_about dl .youtube iframe {
		width: 100%;
	}
	
	/*contents_about AGENTページ*/
	div#contents_about .agent {
		overflow: auto;
		clear: both;
		width: 90%;
		margin: 0 auto;
	}
	div#contents_about .agent .odd {
		width: 100%;
		margin-bottom: 7vw;
	}
	div#contents_about .agent .even {
		width: 100%;
		margin-bottom: 7vw;
	}
	div#contents_about .agent h2 {
		font-size: 5vw;
		text-align: center;
		padding: 7vw 0 3vw;
		margin-bottom: 1.5vw;
	}
	div#contents_about .agent h3 {
		font-size: 4.2vw;
		text-align: center;
		font-weight: bold;
		margin-bottom: 1.5vw;
	}
	div#contents_about .agent p {
		clear: both;
		font-size: 0.9rem;
		line-height: 1.4rem;
		text-align: left;
	}
	div#contents_about .agent p.mail {
		text-align: center;
	}
	div#contents_about .agent .icon {
		overflow: auto;
		display: flex;
		justify-content: center;
		padding: 4vw 0 5.5vw;
	}
	div#contents_about .agent .icon li {
		float: left;
		display: flex;
		margin-right: 10px;
	}
	div#contents_about .agent .icon li:last-child {
		margin-right: 0;
	}
	div#contents_about .agent .icon li a {
		width: 14px;
		height: 14px;
		border: 2px solid #000000;
		border-radius: 16px;
	}
	div#contents_about .agent .icon li a::before {
		font-family: "Font Awesome 5 Brands";
		font-weight: 400;
		font-size: 14px;
	}
	div#contents_about .agent .icon li.youtube a {
		padding: 5px 8px 9px 6px;
	}
	div#contents_about .agent .icon li.youtube a::before {
		content: "\f167";
		color: #000000;
	}
	div#contents_about .agent .icon li.instagram a {
		padding: 5px 6px 9px 8px;
	}
	div#contents_about .agent .icon li.instagram a::before {
		content: "\f16d";
		color: #000000;
	}
	div#contents_about .agent .icon li.twitter a {
		padding: 5px 7px 9px 7px;
	}
	div#contents_about .agent .icon li.twitter a::before {
		/*content: "\f099";*/
		content: "𝕏";
		color: #000000;
	}
	div#contents_about .agent .icon li.spotify a {
		padding: 5px 7px 9px 7px;
	}
	div#contents_about .agent .icon li.spotify a::before {
		content: "\f1bc";
		color: #000000;
	}
	div#contents_about .agent .icon li.applemusic a {
		padding: 5px 7px 9px 7px;
	}
	div#contents_about .agent .icon li.applemusic a::before {
		content: "\f179";
		color: #000000;
	}
	div#contents_about .agent img {
		display: block;
		width: 80%;
		margin: 0 auto 7vw;
	}
	div#contents_about .agent .mov {
		width: 100%;
		margin-top: 7vw;
	}
	div#contents_about .agent .mov .youtube iframe {
		width: 100%;
		aspect-ratio: 16 / 9;
	}
	
	/*similar post-------------------------*/
	.spost_wrap {
		clear: both;
		margin: 120px 3vw 0;
	}
	.spost_wrap h2 {
		font-size: 1.2rem;
		font-weight: bold;
		margin-bottom: 30px;
	}
	.spost_wrap .spost_inner li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 15px;
	}
	.spost_wrap .spost_inner li .spost_thumb {
		flex-basis: 29%;
	}
	.spost_wrap .spost_inner li .spost_title {
		flex-basis: 67%;
		font-size: .9rem;
		text-align: left;
		display: block;
		font-weight: bold;
		line-height: 1.4em;
		word-break: break-all;
	}
	.spost_wrap .spost_inner li img {
		width: 100%;
		height: 70px;
		border: 1px solid #ccc;
		object-fit: cover;
		margin-bottom: 10px;
	}
	.spost_wrap .spost_inner li .spost_category,
	.spost_wrap .spost_inner li .spost_date,
	.spost_wrap .spost_inner li .spost_excerpt {
		display: none;
	}
	
	/*feature post-------------------------*/
	.fpost_wrap {
		clear: both;
		margin: 60px 3vw 0;
	}
	.fpost_wrap h2 {
		font-size: 1.2rem;
		font-weight: bold;
		margin-bottom: 30px;
	}
	.fpost_wrap .fpost_inner .featurelist {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 15px;
	}
	.fpost_wrap .fpost_inner .featurelist .image {
		flex-basis: 29%;
	}
	.fpost_wrap .fpost_inner .featurelist .image a img {
		width: 100%;
		height: 70px;
		border: 1px solid #ccc;
		object-fit: cover;
		margin-bottom: 10px;
	}
	.fpost_wrap .fpost_inner .featurelist .text {
		flex-basis: 67%;
		font-size: .9rem;
		text-align: left;
		display: block;
		line-height: 1.4em;
		word-break: break-all;
	}
	.fpost_wrap .fpost_inner .featurelist .text h3 {
		font-weight: bold;
	}
	.fpost_wrap .fpost_inner .featurelist dt,
	.fpost_wrap .fpost_inner .featurelist .text span {
		display: none;
	}
	
	/*popular post-------------------------*/
	.ppost_wrap {
		clear: both;
		margin: 60px 3vw 0;
	}
	.ppost_wrap h2 {
		font-size: 1.2rem;
		font-weight: bold;
		margin-bottom: 30px;
	}
	.ppost_wrap .ppost_inner .popularlist {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 15px;
	}
	.ppost_wrap .ppost_inner .popularlist .image {
		flex-basis: 29%;
	}
	.ppost_wrap .ppost_inner .popularlist .image a img {
		width: 100%;
		height: 70px;
		border: 1px solid #ccc;
		object-fit: cover;
		margin-bottom: 10px;
	}
	.ppost_wrap .ppost_inner .popularlist .text {
		flex-basis: 67%;
		font-size: .9rem;
		text-align: left;
		display: block;
		line-height: 1.4em;
		word-break: break-all;
	}
	.ppost_wrap .ppost_inner .popularlist .text h3 {
		font-weight: bold;
	}
	.ppost_wrap .ppost_inner .popularlist dt,
	.ppost_wrap .ppost_inner .popularlist .text span {
		display: none;
	}
	
	/*404-------------------------*/
	div#error {
		width:100vw;
		min-height:100vh;
		text-align: center;
	}
	div#error h2 {
		padding-top: 35vh;
		font-size: .8rem;
		color: #999;
		text-align: center;
	}
	
	/*footer-------------------*/
	footer {
		clear: both;
		background: #000;
		margin:50px 0 0 0 ;
		padding:20px 0;
		color:#fff;
		z-index: 9999;
	}
	footer#footer_fix {
		width: 100%;
		position: fixed;
		vertical-align: bottom;
		bottom:0;
	}
	footer #footer_logo {
		text-align: center;
		margin-bottom: 20px;
	}
	footer #footer_logo img {
		height: 5.5vh
	}
	footer div#sns {
		display: block;
		text-align: center;
		clear: both;
		margin-bottom: 20px;
	}
	footer div#sns img {
		width: 25px;
		height: 25px;
		margin: 0 10px;
	}
	footer #footer_nav {
		font-family: 'Century Gothic';
		text-align: center;
		font-size: .85rem;
		margin-bottom: 20px;
		letter-spacing: 2px;
	}
	footer #footer_nav li {
		line-height: 2.3em;
	}
	footer small p {
		width: 100%;
		font-family: 'Century Gothic';
		text-align: center;
		margin: 0 auto;
		letter-spacing: 1px;
	}
	footer a {
		text-decoration: none;
		color:inherit;
	}

}