@charset "utf-8";
/*
Theme Name: magic-hand
License:アピステクノロジー株式会社
*/
/*表示*/
@media screen and (min-width:961px) {
	.pc {
		display: block;
	}
	.sp {
		display: none;
	}
	.disp-960 {
		display: block;
	}
	.disp-640 {
		display: none;
	}
}
@media screen and (min-width:961px) and ( max-width:1079px) {
	.pc {
		display: block;
	}
	.sp {
		display: none;
	}
	.disp-960 {
		display: block;
	}
	.disp-640 {
		display: none;
	}
}
@media screen and ( max-width:960px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.disp-960 {
		display: block;
	}
	.disp-640 {
		display: none;
	}
}
@media screen and ( max-width:639px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.disp-960 {
		display: none;
	}
	.disp-640 {
		display: block;
	}
	.shop-list-item-ch-ti {
		width: 100%;
	}
	.shop-list-item p {
		padding: 5px 1px;
	}
	/*iOSフォームリセット*/
	input, select {
	  -webkit-appearance: none;
	  appearance: none;
	  border: 1px solid #000;
	  border-radius: 0px;
	}
	.search-submit {
		margin-top: 15px;
	}

}
@media screen and ( max-width:319px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	.disp-960 {
		display: none;
	}
	.disp-640 {
		display: block;
	}
}
@media screen and (min-width:961px) and ( max-width:1079px) {
	.inner {
		min-width: 920px;
		width: 96%;
		max-width: 1080px;
		margin: 0 auto;
	}
	.event-link {
		bottom: 4%;
		right: 4%;
	}
	.event-link-item {
		/*width: 180px;*/
		/*height: 130px;*/
	}
	.event-link-item a {
	    display: block;
	    width: fit-content;
	    text-align: center;
	    max-height: 73%;
	    overflow: hidden;
	    line-height: 1.1em;
	    font-size: 0.95em;
	    padding-top: 0.5em;
	}
	/*店舗一覧*/
	.shop-list-item-ch {
	}
}
@media screen and ( max-width:960px) {
	.inner {
		min-width: 600px;
		width: 94%;
		max-width: 960px;
		margin: 0 auto;
	}
	.content-wrap {
		padding: 1vh 0 0 0;
	}
	.sp-nav {
		position: relative;
	}
	.slide_toggle {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		background-color: rgba(0,0,0,.5);
		height: calc(100vh - 80px);
	}
	.slide_toggle .after {
		content: "";
		display: block;
		width: 100%;
		height: 100%;
	}
	.info-list-item a {
		flex-wrap: wrap;
	}
	.info-list-item span {
		margin-right: 0;
	}
	.info-list-item-date,
	.info-list-item-cat {
		width: 40%;
	}
	.info-list-item .info-list-item-title {
		width: 100%;
	}
	.event-link {
		bottom: 1%;
		right: 1%;
	}
	.event-link-item {
		/*width: 160px;*/
		/*height: 134px;*/
		font-size: 0.9em;
	}
	.event-link-item a {
	    display: block;
	    /*width: 80%;*/
	    text-align: center;
	    max-height: 63%;
	    overflow: hidden;
	    line-height: 1.1em;
	    font-size: 1.05em;
	    padding-top: 0.4em;
	}
	.site-footer .uk-flex {
		display: block;
	}
	.arcive-side {
		padding: 25px 0 40px 0;
	}
	.single-header,.page-header,.archive-header {
		padding: 0.5em 35px;
		margin-bottom: 35px!important;
	}
	.shop_menu_wrap {
		padding-bottom: 35px;
	}
	.site-footer .gnavi-item {
		border-bottom: 1px solid rgba(255,255,255,0.4);
		padding: 5px 1em;
		margin:5px 0; 
	}
	.single-page {
		padding-bottom: 35px;
	}
	.nav_icon {
		display: flex;
	}
	/*店舗一覧*/
	.shop-list-item-ch {
	}
	a.to-top {
		display: block;
	}
	/*ナビゲーションリンクブロック要素*/
	.gnavi-item a {
		display: block;
	}
}
@media screen and ( max-width:640px) {
	.sp-fs-12p{font-size:9px}.sp-fs-13p{font-size:12px}.sp-fs-14p{font-size:14px}.sp-fs-16p{font-size:1pc}.sp-fs-18p{font-size:18px}.sp-fs-19p{font-size:19px}.sp-fs-20p{font-size:20px}.sp-fs-24p{font-size:24px}.sp-fs-28p{font-size:28px}.sp-fs-32p{font-size:32px}.sp-fs-08e{font-size:.8em}.sp-fs-09e{font-size:.9em}.sp-fs-10e{font-size:1em}.sp-fs-11e{font-size:1.1em}.sp-fs-12e{font-size:1.2em}.sp-fs-14e{font-size:1.4em}.sp-fs-16e{font-size:1.6em}.sp-fs-18e{font-size:1.8em}.sp-fs-20e{font-size:2em}.sp-fs-08re{font-size:.8em}.sp-fs-09re{font-size:.9em}.sp-fs-10re{font-size:1}.sp-fs-12re{font-size:1.2em}.sp-fs-14re{font-size:1.4em}.sp-fs-16re{font-size:1.6em}.sp-fs-18re{font-size:1.8em}.sp-fs-20re{font-size:2rem}
	.inner {
		min-width: 300px;
		width: 96%;
		max-width: 640px;
		margin: 0 auto;
	}
	.sp-bb-no{
		border-bottom: none;
	}
	.sp-pad-1 {
		padding: 1%;
	}
	.sp-mar-1 {
		margin:1%;
	}
	/*ヘッダー*/
	.site-logo {
		width: 25%;
	}
	.event-link {
		position: initial;
		background-color: #C4AFE4;
		/*display: flex;
		flex-wrap: wrap;*/
		display:block;
		justify-content: space-between;
		padding: 15px;
		text-align:center;
	}
	.event-link-item {
	    /*width: calc(50% - 15px);*/
	    margin: 0;
	    padding: 0;
	    /*height: 12em;*/
	    font-size: 16px;
		margin:5px;
		display:inline-block;
	}
	.event-link-item a {
	    display: block;
	    /*width: 80%;*/
	    text-align: center;
	    max-height: 63%;
	    overflow: hidden;
	    line-height: 1.3em;
	    font-size: 1.05em;
	    padding: 10px 20px;
	}
	.type-text-content {
		font-size: 14px;
	}
	/*店舗一覧*/
	.shop-list-item {
		padding: 5px 2px;
	}
	/*店舗*/
	.howto-num:after {
		width: 5%;
	    margin: 0px auto;
	    transform: scale(0.5);
	}
	/*ご利用方法*/
	.howto-image {
		width: 100%;
	}
	.howto-content {
		width: 100%;
	}
	.shop-content .uk-icon svg {
		width: 16px;
		height: 16px;
		vertical-align: middle;
		margin-left: .5em;

	}
	.l-heading {
		padding: 0 0 1.5em 0;
		margin-top: 40px;
	}
	.menu-menu > div,
	.menu-op-menu > div,
	.menu-op-end-menu > div {
		width: 100%;
	}
	.menu-menu-price {
		padding-left: 2em
	}
	.bottom-img-b:after {
		height: 30px;
	}
	.archive-content {
		padding-left: 0;
		padding-right: 0;
	}
	.single-content {
		padding-right: 5px;
		padding-left: 5px;
	}
	.single-item {
		padding: 25px 10px;
	}
	.info-list-item {
		font-size: 0.7em;
	}
	.menu-menu-price {
		text-align: right;
	}
	.single-header,.page-header,.archive-header {
	}
	/*page*/
	.faq-a{
		padding: 0 1.5em;
		margin-top: 10px;
	}
	.faq-f {
		padding: 10px 1.5em;
	}
	/*link*/
	.link-list {
		line-height: 1em;
	}
}
@media screen and ( max-width:319px) {
	.home-shoplist {
		display: block;
	}
	.sp-width100 {
		width: 100%;
	}
	.sp-width100 img {
		display: block;
		margin: 0 auto;
	}
}