@charset "UTF-8";

@media only screen and (max-width: 767px) {


	/* トップページ
	---------------------------------- */

	/* メインビジュアル */
	#main-visual-layer {
	    position: relative;
	    width: 100%;
	    overflow: hidden;
	    margin: 0 0 0 0;
	}

	#main-visual-images-layer {
		height: auto;
	    overflow: hidden;
	    position: relative;
	}

	#main-visual-images-layer img {
		    width: 100%;
		    height: auto;
	}

	#canvas-wrapper {
	    bottom: -75px;
		width: 110%;
		height: 200px;
	}

	#canvas {
		width: 100%;
		height: 200px;
	}


	#main-visual-mask {
		background: url(https://b5c321.claudeassets.com/20230929195014im_/http://voidapart.com/wp-content/themes/voidapart/img/top/img_mask_wave_sp.png) repeat-x left bottom;
	}


	/* 最新記事表示部分 */
	.slide-post-container {
		width: 100%;
		position: relative;
		bottom: 40px;
		margin: 0 auto;
	}

	.slide-post-box {
		position: relative;
	    width: 45%;
	    height: 0;
	    margin: 1% 11px;
	    padding: 30% 0 0 0;
	}

	.slide-post-box.end {
	    margin: 1% 0;
	}

	.sub-slide-post-block {
	    margin: 0 0 5px 0;
	}

	.slide-post-box-inner {
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.slide-img {
	    width: 100%;
	    height: 0;
	    padding: 70% 0 0 0;
	}

	.slide-img-inner {
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.slide-img img {
		height: 100%;
		width: auto;
	    position: relative;
	    top: 50%;
	    left: 50%;
	    -webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	    transform: translate(-50%,-50%);
	}

	.slide-copy-layer {
		width: 70%;
	    left: 15%;
	    bottom: 10px;
	}

	.slide-date {
	    padding: 3px 5px;
	    height: 18px;
		font-size: 11px;
	}

	.slide-icon {
		top: 24px;
	}

	.slide-icon  img {
		width:20px;
		height: auto;
	}

	.slide-copy {
		font-size: 11px;
	    padding: 0 0 5px 0;
	}

	.slide-text {
		font-size: 8px;
		line-height: 1.2;
	}

	.slide-post-container #top-cnt-whattodo-link {
		padding: 30px 0 0 0;
	}


	/* SECTION */
	#content-top section {
		    width: auto;
			padding: 60px 0 40px 0;
	}

	.svg-title {
		width:180px;
		height: 25px;
		margin: 0 auto 45px auto;
		position: relative;
		text-align: center;
	}

	.svg-title span {
		width:180px;
		font-size: 21px;
		top: 5px;
		letter-spacing: 0.1em;
		font-weight: bold;
	}

	.svg-title svg {
		position: absolute;
		top: 0;
		left: 0;
	}

	/* WHT TO DO */
	#top-cnt-whattodo-intro:before,
	#top-cnt-whattodo-intro:after {
	    width: 70px;
	}

	#top-cnt-whattodo-intro {
	    padding: 0 0 20px 0;
	}

	#top-cnt-whattodo-nav {
	    width: auto;
	    text-align: center;
	}

	#top-cnt-whattodo-nav li img {
		height: 70px;
	}

	#top-cnt-whattodo-nav li {
	     padding: 0 11px;
	}

	#top-cnt-whattodo-nav li.whattodo-nav-food {
		padding:0 0 0 0;	
	}

	#top-cnt-whattodo-nav li.whattodo-nav-create {
		padding:0 17px;	
	}

	#top-cnt-whattodo-nav li.whattodo-nav-enjoy {
		padding:0 0 0 10px;	
	}

	/* WHAT TO DO 画像表示部分 */
	#content-top section#top-cnt-whattodo-layer {
	    padding: 40px 0 40px 0;
	}

	#top-cnt-whattodo-image-layer {
		width: 100%;
		margin: 40px 0 0 0;
	}

	.top-cnt-whattodo-image-block {
		width: 100%;
	}

	.top-cnt-whattodo-image-l,
	.top-cnt-whattodo-image-r {
		width: 100%;
		float: none;
	}

	#top-cnt-whattodo-image-layer .text-box {
		font-size: 18px;
	}

	#top-cnt-whattodo-link {
		clear: both;
		text-align: center;
		padding: 40px 0 0 0;
	}

	#top-cnt-whattodo-link a {
		display: inline-block;
		width:90%;
		padding: 3px 0;
		margin: 0 auto;
		background: url(https://8fae05.claudeassets.com/20230929195014im_/http://voidapart.com/wp-content/themes/voidapart/img/top/bg_menu_link.png) repeat center;
		color: #000;
		font-weight: bold;
		font-size:17px;
		font-family: 'Source Sans Pro', sans-serif;
		letter-spacing: 0.05em;
		text-decoration: none;
		line-height: 1.0;
	}

	#top-cnt-whattodo-link a span {
		padding: 0 0 0 25px;
		background: url(https://371838.claudeassets.com/20230929195014im_/http://voidapart.com/wp-content/themes/voidapart/img/top/allow_menu_link.png) no-repeat left center;
		background-size: auto 10px;
	}


	/* MENU */
	#top-cnt-menu {
		width:auto;
		margin: 40px auto 0 auto;
	}

	.cnt-menu-time {
	    text-align: center;
	    margin: 0 0 20px 0;
	}

	#top-cnt-menu-l,
	#top-cnt-menu-r {
		float:none;
		margin: 0 auto 20px auto;
		letter-spacing: 0.05em;
	}

	#top-cnt-menu-l h3,
	#top-cnt-menu-r h3 {
		padding:5px 0 1px 0;
		margin: 0 0 25px 0;
		border-bottom: 1px solid #000;
		text-align: center;
		font-family: 'Source Sans Pro', sans-serif;
		font-size:19px;
	}

	.menu-name {
	    position: relative;
	    width: 160px;
	    padding: 0 20px 0 0;
	}

	#top-cnt-menu-link {
		clear: both;
		text-align: center;
		padding: 20px 0 0 0;
	}

	#top-cnt-menu-link a {
		display: inline-block;
		width:90%;
		padding: 0 0;
		margin: 0 auto;
		background: url(https://8fae05.claudeassets.com/20230929195014im_/http://voidapart.com/wp-content/themes/voidapart/img/top/bg_menu_link.png) repeat center;
		color: #000;
		font-weight: bold;
		font-size:18px;
		font-family: 'Source Sans Pro', sans-serif;
		text-decoration: none;
	}

	#top-cnt-menu-link a span {
		padding: 0 0 0 30px;
		background: url(https://371838.claudeassets.com/20230929195014im_/http://voidapart.com/wp-content/themes/voidapart/img/top/allow_menu_link.png) no-repeat left center;
	}

	/* CONCEPT */
	#content-top section#top-cnt-concept-layer  {
		padding:60px 0 0 0;
	}

	#top-cnt-concept-intro {
		text-align: center;
		font-weight: bold;
		line-height: 2.2;
		font-size: 14px;
		letter-spacing: 0.1em;
    	padding: 0 0 0 0;
	}

	#top-cnt-concept-image-layer {
		width: 100%;
		margin: 40px 0 0 0;
	}

	.top-cnt-concept-image-block {
		width: 100%;
	}

	.top-cnt-concept-image-l,
	.top-cnt-concept-image-r {
	    width: 100%;
	    float: none;
	}

	#top-cnt-concept-image-layer .text-box {
		font-size: 14px;
	}

	#top-cnt-concept-image-layer .h-66 {
	    padding-top: 68%;
	}

	#top-cnt-concept-image-layer .h-41 {
	    padding-top: 220px;
	}

	#top-cnt-concept-image-layer .text-box .top-concept-link {
	    width: 340px;
	    margin: 17px auto 0 auto;
	}

	#top-concept-atlier .top-concept-link-l {
	    width: 200px;
	    float: left;
	    margin: 0 5px 0 0;
	}

	#top-concept-atlier .top-concept-link-l a {
	    width: 190px;
	}

	#top-concept-atlier .top-concept-link-r {
	    width: 100px;
	    padding: 0 10px 0 0;
	    float: left;
	}

	#top-concept-atlier .top-concept-link-r li {
	    margin: 0 8px 0 0;
	}

	#top-concept-atlier .top-concept-link-r li.fb {
	    margin: 0 6px 0 0;
	}

	#top-cnt-concept-image-layer .text-box .top-concept-head {
	    font-size: 19px;
	}

	#top-cnt-concept-image-layer .text-box .t-small {
	    font-size: 12px;
	}

	#top-cnt-concept-image-layer .text-box .top-concept-body {
	    margin: 12px 0 6px 0;
	}

	/* ACCEESS */
	#content-top section#top-cnt-access-layer {
	    padding: 60px 0 20px 0;
	}

	#map {
	    width: 100%;
	    height: 250px;
		overflow: hidden;
		margin: 40px 0%;
	    padding: 0 0 0 0;
	}

	#top-cnt-access {
		width:auto;
		margin: 40px auto 0 auto;
		letter-spacing: 0.1em; 
		line-height: 2.0;
	}

	#top-cnt-access-r,
	#top-cnt-access-l {
		width:auto;
		float:none;
		margin: 0 0 0 0;
		text-align: center;
	}

	#top-cnt-access-l {
		margin: 0 0 30px 0;
	}


	
	/* She 
	---------------------------------- */
	
	/* archive-She */
	.she-logo{
		width: 90%;
    	margin: 0px auto;
		padding: 0;
	}
	
	.she-logo img{
		width: 50%;
	}
	
	#she-intro {
		font-size: 3vw;
		letter-spacing: 0.05em;
		margin: 0 auto 50px;
		width: 90%;
	}
	
	.she-post-box {
		position: relative;
		display: block;
	    width: 90%;
	    height: 0;
	    margin: 1% auto;
	    padding: 30% 0 0 0;
	}
	
	.she-post-box-inner {
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.she-copy {
		width: 90%;
		margin: 10px auto 20px;
		font-size: 11px;
	}
	
	/* single-She */
	
	.she-image img {
 	 	width: 100%;
 		height: 200px;
 		object-fit: cover;
	}
	
	
	.cnt-detail-title-she {
		font-size: 18px;
    	font-weight: bold;
    	padding: 10px 0;
    	margin: 25px 0;
    	letter-spacing: 0.05em;
	}

	.cnt-detail-body-she {
		letter-spacing: 0.05em;
    	line-height: 1.8;
    	padding: 0 0 30px 0;
	}
	
	#cnt-detail-she-link {
		padding: 60px 0 60px 0;
		text-align: center;
	}

	#cnt-detail-she-link a {
		width: 90%;
		display: inline-block;
		font-size:14px;
		font-weight: bold;
		letter-spacing: 0.05em;
		color: #000;
		text-decoration: none;
		background: #eae5e3;
		padding: 3px 0;
	}

	#cnt-detail-she-link a span {
		display: inline-block;
		padding: 5px 0 5px 0px;
	}
	
	
	/* メニューページ
	---------------------------------- */
	#content-menu section {
		width: auto;
		margin: 60px auto 0 auto;
	}

	#cnt-kitchen-intro {
		font-size: 14px;
		letter-spacing: 0.05em;
		margin: 0 0 50px 0;
	}

	#cnt-current-store-box-r,
	#cnt-current-store-box-l {
		width:auto;
		float: none; 
	}

	#cnt-current-store-box-r {
		width:auto;
		padding:20px 20px 40px 20px;
		text-align: center;
	}

	#current-store-title {
		padding:10px 0 20px 0;
		letter-spacing: 0.1em;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 16px;
	}

	#current-store-name {
		border:3px solid #ebac51;
		padding: 6px 0 4px 0;
		font-size: 19px;
		height: 34px;
	    border-radius: 25px;
	    -webkit-border-radius: 25px;
	    -moz-border-radius: 25px;
	    letter-spacing: 0.05em;
	    font-weight: bold;
	}

	#current-store-text {
		margin: 20px 0 0 0;
		line-height: 1.8;
	}

	#current-store-link {
		margin: 20px 0 0 0;
	}

	#current-store-link a {
		display: inline-block;
		padding:10px 20px;
		color: #fff;
		text-decoration: none;
		background: #ebac51;
	}


	.menu-image-layer {
		width: auto;
		margin: 80px auto 20px auto;
	}

	.menu-image-layer.end {
		width: auto;
		margin: 20px auto 20px auto;
	}

	.menu-image-box {
		width:50%;
		height: auto;
		display: inline-block;
		margin: 0;
		padding: 0 0 10px 0;
		text-align: center;
		font-size: 12px;
	}

	.menu-image-ph {
		width:auto;
		height: 240px;
		overflow: hidden;
		text-align: center;
	}

	.menu-image-ph img {
		width:auto;
		height: 100%;
		width: auto;
	    position: relative;
	    top: 50%;
	    left: 50%;
	    -webkit-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	    transform: translate(-50%,-50%);
	}



	/* TOPICS詳細ページ
	---------------------------------- */
	.cnt-detail-layer {
		width: auto;
	}

	.cnt-detail-layer .svg-title {
		margin: 0 auto 35px auto;
	}

	#sub-cnt-whattodo-nav {
	    width: auto;
	    text-align: center;
        margin: 20px auto 45px auto;
	}

	#sub-cnt-whattodo-nav li img {
		height: 80px;
	}

	#sub-cnt-whattodo-nav li {
	     padding: 0 11px;
	}

	#sub-cnt-whattodo-nav li.whattodo-nav-food {
		padding:0 0 0 0;	
	}

	#sub-cnt-whattodo-nav li.whattodo-nav-create {
		padding:0 17px;	
	}

	#sub-cnt-whattodo-nav li.whattodo-nav-enjoy {
		padding:0 0 0 10px;	
	}

	.cnt-detail-date {
		font-size: 24px;
		padding: 8px 10px;
		letter-spacing: 0.05em
	}

	.cnt-detail-icon img {
		width: 40px;
		height: auto;
	}

	.cnt-detail {
		padding:0 15px;
	}

	.cnt-detail-title {
		font-size: 18px;
		font-weight: bold;
		padding:10px 0;
		border-bottom: 1px solid #000;
		margin: 25px 0;
		letter-spacing: 0.05em;
	}

	.cnt-detail-body {
		letter-spacing: 0.05em;
		line-height: 1.8;
		padding: 0 0 30px 0;
	}

	#cnt-detail-other-link {
		padding: 60px 0 40px 0;
		text-align: center;
	}

	#cnt-detail-other-link a {
		width: 90%;
		display: inline-block;
		font-size:14px;
		font-weight: bold;
		letter-spacing: 0.05em;
		color: #000;
		text-decoration: none;
		background: #eacc86;
		padding: 3px 0;
	}

	#cnt-detail-other-link a span {
		display: inline-block;
		padding: 5px 0 5px 35px;
		background: url(https://403a09.claudeassets.com/20230929195014im_/http://voidapart.com/wp-content/themes/voidapart/common/img/icon_cat_food_s.png) no-repeat left center;
	}

	/* TOPICSカテゴリ別一覧ページ
	---------------------------------- */
	#sub-cnt-whattodo-image-layer {
		width: 100%;
		margin: 20px 0 0 0;
	}

	#sub-cnt-whattodo-image-layer h3 {
	    padding: 0 0 25px 0;
	}

	#sub-cnt-whattodo-image-layer h3 img {
		height: 70px;
		width: auto;
		padding:0 0 0 0;
	}

	#sub-cnt-whattodo-nav li img {
	    height: 70px;
	}

	/* 記事リスト表示部分 */
	.sub-slide-post-container {
		width: auto;
		height: auto;
	}

	.sub-slide-post-container .slide_all {
	    width: auto;
	}

	.sub-slide-post-container .slide {
		    width: auto;
	}

	.sub-slide-post-container .bx-controls {
	    width:auto;
	    height: 40px;
	    margin: 0 auto 0 auto;
	}

	.sub-slide-post-container .bx-wrapper .bx-pager.bx-default-pager a {
	    -moz-border-radius: 4px;
	    -webkit-border-radius: 4px;
	    border-radius: 4px;
	    width: 8px;
	    height: 8px;
	    margin: 0 14px 0 0;
	}


	/* インスタグラムポップアップ部分 */
	.image-box-popup {
		width: 100%;
		padding: 30px;
	}

	.lity-close,
	.lity-close:hover,
	.lity-close:focus,
	.lity-close:active,
	.lity-close:visited {
		width: 35px;
	    height: 35px;
	    font-size: 50px;
	    line-height: 0;
	}


}


@media only screen and (max-width: 320px) {

	/* トップページ
	---------------------------------- */
	#top-cnt-whattodo-intro:before,
	#top-cnt-whattodo-intro:after {
	    width: 55px;
	}

	#top-cnt-whattodo-nav li img {
	    height: 70px;
	}

	#top-cnt-concept-intro {
	    line-height: 2.0;
	    font-size: 13px;
	    letter-spacing: 0.05em;
	}

	#top-cnt-concept-image-layer .text-box .top-concept-body {
	    font-size: 13px;
	    line-height: 1.6;
	}

	/* TOPICSカテゴリ別一覧ページ
	---------------------------------- */
	#sub-cnt-whattodo-nav li img {
	    height: 70px;
	}

	#sub-cnt-whattodo-nav li.whattodo-nav-create {
	    padding: 0 10px;
	}

#sub-cnt-whattodo-nav li {
    padding: 0 9px;
}

	.slide-post-box {
	    margin: 1% 10px;
	    padding: 30% 0 0 0;
	}

}

/*
     FILE ARCHIVED ON 14:21:57 Jun 26, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:03:02 Jul 07, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.655
  exclusion.robots: 0.088
  exclusion.robots.policy: 0.075
  esindex: 0.009
  cdx.remote: 7.802
  LoadShardBlock: 125.246 (3)
  PetaboxLoader3.datanode: 189.069 (5)
  PetaboxLoader3.resolve: 252.256 (3)
  load_resource: 336.12 (2)
*/