/*スマホ最適化*/
@media only screen and (max-width: 767.9px) {
	/*============================
	#information_modal_window
	============================*/
	div#information_modal_window {
		background-color: rgba( 0,0,0,0.75);
		position: fixed;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999;
		transition: opacity 0.5s ease-out;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		cursor: pointer;
	}
	div#information_modal_window.show {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
	}
	div#information_modal_window div.inner {
		position: absolute;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		background-color: #F9F9F9;
		overflow: scroll;
		scrollbar-width: none;
	}
	div#information_modal_window div.inner::-webkit-scrollbar {
		display: none;
	}
	div#information_modal_window div.inner ul {
		position: absolute;
		top:25px;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		background-color: #F9F9F9;
		padding-bottom: 25px;
	}
	div#information_modal_window div.inner ul li {
		margin-bottom: 25px;
		background-color: #fff;
		padding-bottom: 25px;
	}
	div#information_modal_window div.inner ul li div.top {
		width: var(--content-width);
		margin: 0 auto;
		display: flex;
		padding: 14px 0;
		position: relative;
		align-items: center;
	}
	div#information_modal_window div.inner ul li div.top div.left {
		width: 330px;
		display: flex;
		align-items: center;
	}
	div#information_modal_window div.inner ul li div.top div.left a {
		width: 56px;
		height: 56px;
		border-radius: 50%;
	}

	div#information_modal_window div.inner ul li div.top div.left div.content {
		width: 220px;
		margin-left: 11px;
	}
	div#information_modal_window div.inner ul li div.top div.left div.content h2 {
		font-size: 10px;
		margin-top: 8px;
	}
	div#information_modal_window div.inner ul li div.top div.left div.content h3 {
		font-family: "A-OTF-ShinGoPro-Medium";
		color: #B738B3;
		font-weight: 400;
		font-size: 16px;
		margin-top: 5px;
	}
	div#information_modal_window div.inner ul li div.top div.right {
		width: 175px;
	}
	div#information_modal_window div.inner ul li div.top div.right div.wrap {
		display: flex;
		align-items: center;
	}
	div#information_modal_window div.inner ul li div.top div.right div.wrap a.to_sns_link svg {
		width: 30px;
		display: block;
		margin-left: 10px;
		fill: #e86b90;
	}
	div#information_modal_window div.inner ul li div.top div.right div.wrap a.to_sns_link svg {
		width: 30px;
		height: 35px;
		display: block;
	}
	div#information_modal_window div.inner ul li div.top div.right a.Instagram {
		fill: #DB2888;
	}
	div#information_modal_window div.inner ul li div.top div.right a.YouTube {
		fill: #ff0000;
	}
	div#information_modal_window div.inner ul li div.top div.right a.Twitter {
		fill: #1e9bf0;
	}
	div#information_modal_window div.inner ul li div.top div.right a.TikTok {
		fill: #e86b90;
	}
	div#information_modal_window div.inner ul li div.top div.right a.Instagram svg {
		width: 30px;
		height: 35px;
	}
	div#information_modal_window div.inner ul li div.top div.right a.YouTube svg {
		width: 30px;
		height: 35px;
	}
	div#information_modal_window div.inner ul li div.top div.right a.Twitter svg {
		width: 27.4px;
		height: 22.3px;
	}
	div#information_modal_window div.inner ul li div.top div.right a.TikTok svg {
		width: 30px;
		height: 35px;
	}
	div#information_modal_window div.inner ul li div.banner {
		position: relative;
	}
	div#information_modal_window div.inner ul li div.banner b {
		font-size: 18px;
		color: #fff;
		width: 168px;
		height: 33px;
		background-color: #DB2888;
		border-radius: 0 10px 0 0;
		display: block;
		padding-top: 9px;
		padding-left: 3px;
		position: absolute;
		top: 10px;
		left: 0;
		text-align: left;
		padding-left: 12px;
		z-index: 1;
	}
	div#information_modal_window div.inner ul li  div.banner b.notice_from_management {
		background-color: #B738B3;
	}
	div#information_modal_window div.inner ul li div.banner img {
		width: 100%;
		position: relative;
		z-index: 0;
	}
	div#information_modal_window div.inner ul li img {
		width: 100%;
	}
	div#information_modal_window div.inner ul li h6 {
		font-size: 16px;
		padding-top: 15px;
		color: #B738B3;
		text-align: left;
		width: var(--content-width);
		margin: 0 auto;
		display: block;
	}
	div#information_modal_window div.inner ul li p {
		font-size: 10px;
		line-height: 1.66;
		padding-top: 12px;
		text-align: left;
		width: var(--content-width);
		margin: 0 auto;
		display: block;
	}
	div#information_modal_window div.inner ul li a.link {
		font-size: 10px;
		line-height: 1.66;
		padding-top: 12px;
		text-align: left;
		width: var(--content-width);
		margin: 0 auto;
		display: block;
		color: #551a8b;
	}

	div#information_modal_window div.inner ul li a.detail {
		font-size: 12px;
		display: block;
		width: 219px;
		height: 37px;
		text-align: center;
		color: #000;
		margin: 0 auto;
		border: 1px solid #000;
		padding-top: 11.5px;
		margin-top: 38px;
	}

	div#information_modal_window div.inner > b {
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 110;
		background: #000000;
		color: #FFFFFF;
		box-sizing: border-box;
		height: 60px;
		padding: 20px;
		cursor: pointer;
	}
	div#information_modal_window div.inner b p {
		display: block;
		text-align: center;
	}
	/*============================
	#new_store_modal_window
	============================*/
	div#new_store_modal_window {
		background-color: rgba( 0,0,0,0.75);
		position: fixed;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 999;
		transition: opacity 0.5s ease-out;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		cursor: pointer;
	}

	div#new_store_modal_window.show {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
	}

	div#new_store_modal_window div.inner {
		position: absolute;
		top:0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		background-color: #F9F9F9;
		overflow: scroll;
		scrollbar-width: none;
	}
	div#new_store_modal_window div.inner::-webkit-scrollbar {
		display: none;
	}
	div#new_store_modal_window div.inner ul {
		position: absolute;
		top:25px;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		background-color: #F9F9F9;
		padding-bottom: 25px;
	}
	div#new_store_modal_window div.inner ul li {
		margin-bottom: 25px;
		background-color: #fff;
		padding-bottom: 25px;
	}
	div#new_store_modal_window div.inner ul li div.top {
		width: var(--content-width);
		margin: 0 auto;
		display: flex;
		padding: 14px 0;
		position: relative;
		align-items: center;
	}
	div#new_store_modal_window div.inner ul li div.top div.left {
		width: 208px;
		display: flex;
		align-items: center;
	}
	div#new_store_modal_window div.inner ul li div.top div.left a {
		width: 56px;
		height: 56px;
		border-radius: 50%;
	}
	div#new_store_modal_window div.inner ul li div.top div.left a img {
		width: 56px;
		height: 56px;
	}
	div#new_store_modal_window div.inner ul li div.top div.left div.content {
		width: 130px;
		margin-left: 11px;
		margin-right: 11px;
	}
	div#new_store_modal_window div.inner ul li div.top div.left div.content h2 {
		font-size: 10px;
	}
	div#new_store_modal_window div.inner ul li div.top div.left div.content h3 {
		color: #B738B3;
		font-weight: 400;
		font-size: 16px;
		margin-top: 5px;
	}
	div#new_store_modal_window div.inner ul li div.top div.right {
		width: 166px;
	}
	div#new_store_modal_window div.inner ul li div.top div.right div.wrap {
		display: flex;
		flex-wrap: nowrap;
		margin-top: 6px;
	}
	div#new_store_modal_window div.inner ul li div.top div.right div.wrap a.to_store_link {
		width: 100px;
		height: 32px;
		display: inline-block;
		background-color: #FF833D;
		color: #fff;
		text-align: center;
		padding-top: 9px;
		font-size: 15px;
		font-weight: 600;
	}
	div#new_store_modal_window div.inner ul li div.top div.right div.wrap a.to_sns_link {
		width: 33px;
		display: block;
		margin-left: 10px;
		fill: #e86b90;
	}
	div#new_store_modal_window div.inner ul li div.top div.right a.to_sns_link svg {
		width: 33px;
		height: 32px;
		display: block;
	}
	div#new_store_modal_window div.inner ul li div.banner {
		position: relative;
	}
	div#new_store_modal_window div.inner ul li div.banner b {
		font-size: 18px;
		color: #fff;
		width: 168px;
		height: 33px;
		background-color: #DB2888;
		border-radius: 0 10px 0 0;
		display: block;
		padding-top: 9px;
		padding-left: 3px;
		position: absolute;
		top: 10px;
		left: 0;
		text-align: left;
		padding-left: 12px;
		z-index: 1;
	}
	div#new_store_modal_window div.inner ul li  div.banner b.notice_from_management {
		background-color: #B738B3;
	}
	div#new_store_modal_window div.inner ul li div.banner img {
		width: 100%;
		position: relative;
		z-index: 0;
	}
	div#new_store_modal_window div.inner ul li img {
		width: 100%;
	}
	div#new_store_modal_window div.inner ul li h6 {
		font-size: 16px;
		padding-top: 15px;
		color: #B738B3;
		text-align: left;
		width: var(--content-width);
		margin: 0 auto;
		display: block;
	}
	div#new_store_modal_window div.inner ul li p {
		font-size: 10px;
		line-height: 1.66;
		padding-top: 12px;
		text-align: left;
		width: var(--content-width);
		margin: 0 auto;
		display: block;
	}
	div#new_store_modal_window div.inner ul li p a {
		color: #000;
		text-decoration: underline;
	}
	div#new_store_modal_window div.inner ul li a.detail {
		font-size: 12px;
		display: block;
		width: 219px;
		height: 37px;
		text-align: center;
		color: #000;
		margin: 0 auto;
		border: 1px solid #000;
		padding-top: 11.5px;
		margin-top: 38px;
	}
	div#new_store_modal_window div.inner > b {
		width: 136px;
		position: fixed;
		bottom: 16px;
		margin-left: 225px;
		z-index: 1;
		cursor: pointer;
	}
	div#new_store_modal_window div.inner b img {
		display: block;
	}
}