.footerPagetop {
	display: none;
}

body.show_modal {
	overflow: clip;
	overscroll-behavior: none;
}

#wrapper {
	overflow: inherit;
}

.mainArea {
	padding-bottom: 0;
}

.specialContent {
	background: #0047a4 url(/urban/muromachi/special/25-188/common/image/202607/common/common_bg01t.png) top repeat-x;
	position: relative;
}

.specialContent .top_gradient {
	background: linear-gradient(0deg, #0047a4 0%, #37bef0 100%);
	position: relative;
}

.specialContentInside {
	background: url(/urban/muromachi/special/25-188/common/image/202607/common/common_bg01.png) top repeat-x;
	background-size: 100%;
	max-width: 760px;
	margin: 0 auto;
}


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

	footer {
		max-width: 100%;
		overflow: hidden;
	}

}

/*
inc
//////////////////////////////////////// */

ul.article {
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	margin: 2vh auto;
	transition: .6s;
	height: auto;
}

ul.article li.elem {
	transition: .6s;
	width: calc( 50% - 5px );
	height: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

ul.article li.def,
ul.article li.show_item {
	display: block;
	opacity: 1;
	height: auto;
	margin-bottom: 10px;
	position: relative;
}

ul.article li a {
	position: relative;
	display: block;
	background: #aaa;
}

ul.article li a:after {
	content: "";
	background: url(/urban/muromachi/special/25-188/common/items/thumb_icon.png) no-repeat;
	background-size: contain;
	bottom: 3%;
	right: 3%;
	line-height: 1.0;
	position: absolute;
	display: block;
}

ul.article li img {
	display: block;
	width: 100%;
	vertical-align: bottom;
}

ul.article li:nth-child(2n) {
	margin-left: 10px;
}

.sec10 p.more_btn,
.sec02 p.more_btn,
.sec03 p.more_btn,
.sec04 p.more_btn {
	width: 35%;
}

.sec02 p.more_btn a.hide img.close_btn,
.sec03 p.more_btn a.hide img.close_btn,
.sec04 p.more_btn a.hide img.close_btn,
.sec10 p.more_btn a.hide img.close_btn,
.sec10 p.more_btn a.selected img.open_btn,
.sec02 p.more_btn a.selected img.open_btn,
.sec03 p.more_btn a.selected img.open_btn,
.sec04 p.more_btn a.selected img.open_btn {
	display: none;
}

@media screen and (min-width: 760px){

	.sec02 p.more_btn,
	.sec03 p.more_btn,
	.sec04 p.more_btn,
	.sec10 p.more_btn {
		margin: 50px auto;
	}

	ul.article li a:after {
		width: 1.5em;
		height: 1.5em;
	}

	ul.article li a:hover img {
		opacity: 0.5;
	}

}

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

	ul.article li a:after {
		width: 1.5em;
		height: 1.5em;
	}

	.sec02 p.more_btn,
	.sec03 p.more_btn,
	.sec04 p.more_btn,
	.sec10 p.more_btn {
		margin: 2em auto 0;
	}

}

/*
header
//////////////////////////////////////// */

.head_nav {
	background: linear-gradient(0deg, rgba(232,155,189,0.3) 50%, rgba(232,155,189,0.7) 100%);
	box-sizing: border-box;
	position: sticky;
	z-index: 1002;
	padding: 20px 0;
	top: 0;
	display: block;
}

.head_nav dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.head_nav dl dt {
	position: relative;
	display: block;
	width: 22%;
	max-width: 170px;
}

.head_nav dl dd {
	width: 15%;
	max-width: 100px;
}

.head_nav dl dt a {
}

.head_nav dl dt span {
	position: absolute;
	z-index: 1010;
	background: #989ba5;
	left: 0;
	top: 130%;
	overflow: hidden;
	display: none;
}

.head_nav dl dt span a {
	display: block;
}

.head_nav dl dt span a img {
}

.head_nav dl dd a img {
}

.head_nav dl dd a.slide img.open,
.head_nav dl dd a.close img.close {
}

.head_nav dl dd a.close img.open,
.head_nav dl dd a.slide img.close {
	display: none;
}

@media screen and (min-width: 760px){

	.head_nav {
		width: 100%;
		padding: 20px;
	}

	.head_nav dl dt span {
		padding: 0 15px 15px;
	}

	.head_nav dl dt span a {
		margin-top: 15px;
	}

}

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

	.head_nav {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}

	.head_nav dt {
		width: 15%;
	}

	.head_nav dd {
		width: 10%;
	}

	.head_nav dl dt span {
		width: 150%;
		padding: 0 1em 1em;
	}

	.head_nav dl dt span a {
		margin-top: 1em;
	}



}


/*
header
//////////////////////////////////////// */

.specialContentInside .header .visual {
	position: relative;
	margin: 40px auto;
	width: 90%;
	overflow: hidden;
}

.specialContentInside .header .visual p {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 90%;
}

.specialContentInside .header .visual ul {
	width: 80%;
	margin: 90px auto 0;
}

.specialContentInside .header .visual ul > li:nth-child(n+2) {
	display: none;
}

.specialContentInside .header h1 {
	width: 60%;
	margin: 20px auto;
}

@media screen and (min-width: 760px){
}

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

	.specialContentInside .header .visual {
		margin: 2em auto;
	}

	.specialContentInside .header .visual ul {
		width: 80%;
		margin: 5em auto 0;
	}

	.specialContentInside .header h1 {
		margin: 1.5em auto;
	}

}

/*
sec01
//////////////////////////////////////// */

.sec01 {
	position: relative;
	overflow: hidden;
}

.sec01 div.secWrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

@media screen and (min-width: 760px){

	.sec01 h2 {
		width: 65%;
		margin: 90px auto 80px;
	}

	.sec01 p {
		width: 65%;
		margin: 80px auto;
	}

}

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

	.sec01 h2 {
		width: 65%;
		margin: 4.5em auto 2.5em;
	}

	.sec01 p {
		width: 65%;
		margin: 2.5em auto;
	}

}

/*
sec02
//////////////////////////////////////// */

.sec02 {
	background:  #f6f6f6 url(/urban/muromachi/special/25-188/common/image/202604/common_bg03.png) top repeat-y;
	background-size: 100%;
	position: relative;
	overflow: hidden;
}

@media screen and (min-width: 760px){

	.sec02 {
		padding-bottom: 50px;
	}

	.sec02 h2 {
		margin: 80px auto 50px;
		width: 80%;
	}

}

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

	.sec02 {
		padding-bottom: 2.5em;
	}

	.sec02 h2 {
		margin: 4em auto 2.5em;
		width: 65%;
	}
}

/*
sec03
//////////////////////////////////////// */

.sec03 {
	background: #f6f6f6 url(/urban/muromachi/special/25-188/common/image/202604/common_bg03.png) top repeat-y;
	background-size: 100%;
	position: relative;
	overflow: hidden;
}

@media screen and (min-width: 760px){

	.sec03 {
		padding-bottom: 50px;
	}

	.sec03 h2 {
		margin: 30px auto 50px;
		width: 80%;
	}

}

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

	.sec03 {
		padding-bottom: 2.5em;
	}

	.sec03 h2 {
		margin: 2em auto 2.5em;
		width: 65%;
	}

}

/*
sec04
//////////////////////////////////////// */

.sec04 {
	background: #f6f6f6 url(/urban/muromachi/special/25-188/common/image/202604/common_bg03.png) top repeat-y;
	background-size: 100%;
	position: relative;
	overflow: hidden;
}

@media screen and (min-width: 760px){

	.sec04 {
		padding-bottom: 50px;
	}

	.sec04 h2 {
		margin: 30px auto 50px;
		width: 80%;
	}

}

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

	.sec04 {
		padding-bottom: 2.5em;
	}

	.sec04 h2 {
		margin: 2em auto 2.5em;
		width: 65%;
	}


}

/*
sec05
//////////////////////////////////////// */


.sec05 {
	background: url(/urban/muromachi/special/25-188/common/image/202604/common_bg04.png) top repeat-y;
	background-size: 100%;
	position: relative;
	overflow: hidden;
}

.sec05 h2 {
	margin: 80px auto 50px;
	width: 40%;
}

.sec05 dl {
	position: relative;
}

.sec05 dl dd {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
}

.sec05 dl dd p {
	position: relative;
}

.sec05 dl dd p a img {
	display: block;
	width: 100%;
}

.sec05 dl dd {
	display: block;
	position: absolute;
	top: 50%;
	transform: translate( -50%, -50% );
	left: 50%;
	width: 90%;
}

.sec05 dl dd p span {
	display: block;
	position: absolute;
	top: 50%;
	right: 3%;
	transform: translateY( -50% );
	transition: .3s;
}

@media screen and (min-width: 760px){

	.sec05 dl dd p {
		background: url(/urban/muromachi/special/25-188/common/image/202607/tw/sec05_btn01.png) no-repeat;
		background-size: contain;
		display: block;
		transition: .3s;
	}

	.sec05 dl dd p span {
		transition: .3s;
	}

	.sec05 dl dd p a img {
		opacity: 0;
	}

	.sec05 dl dd p a:hover img {
		opacity: 1;
	}

	.sec05 dl dd p:hover span {
		right: -3%;
	}

}

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

	.sec05 dl dd p span {
		width: 4%;
	}

	.sec05 dl dd p span img {
		display: block;
		width: 100%;
	}

}

/*
sec06
//////////////////////////////////////// */

.bg02 {
	background-image: url(/urban/muromachi/special/25-188/common/image/202607/common/common_bg02.png), linear-gradient(0deg, #37bef0 50%, #0047a4 100%);
	background-size: 100%, 100%;
	position: relative;
	overflow: hidden;
}

.sec06 {
	width: 90%;
	margin: 0 auto;
}

.sec06 ul li {
	position: relative;
}

.sec06 ul li span {
	display: block;
	position: absolute;
	top: 50%;
	right: 3%;
	transform: translateY( -50% );
	transition: .3s;
}


@media screen and (min-width: 760px){

	.sec06 h2 {
		margin: 80px auto 0;
	}

	.sec06 ul li:nth-child(1) {
		background: url(/urban/muromachi/special/25-188/common/image/202607/tw/sec06_link01_o.png) no-repeat;
		background-size: contain;
	}

	.sec06 ul li:nth-child(2) {
		background: url(/urban/muromachi/special/25-188/common/image/202607/tw/sec06_link02_o.png) no-repeat;
		background-size: contain;
	}

	.sec06 ul li:nth-child(3) {
		background: url(/urban/muromachi/special/25-188/common/image/202607/tw/sec06_link03_o.png) no-repeat;
		background-size: contain;
	}

	.sec06 ul li a img {
		transition: .3s;
	}

	.sec06 ul li a:hover img {
		opacity: 0;
	}

	.sec06 ul li:hover span {
		right: 0%;
	}


}

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

	.sec06 h2 {
		margin: 2em auto 0;
	}

	.sec06 ul li span {
		width: 4%;
	}

	.sec06 ul li span img {
		width: 100%;
		display: block;
	}

}

/*
sec07
//////////////////////////////////////// */

.sec07 {
	width: 90%;
	margin: 0 auto;
}

.sec07 h2 {
	width: 85%;
}

.sec07 p {
	position: relative;
}

.sec07 p span {
	display: block;
	position: absolute;
	top: 50%;
	right: 5%;
	transform: translateY( -50% );
	transition: .3s;
}

@media screen and (min-width: 760px){

	.sec07 h2 {
		margin: 80px auto 50px;
	}

	.sec07 p {
		background: url(/urban/muromachi/special/25-188/common/image/202607/tw/sec07_btn01.png) no-repeat;
		background-size: contain;
		display: block;
		transition: .3s;
	}

	.sec07 p span {
		background: url(/urban/muromachi/special/25-188/common/image/202607/common/arrow01.png) no-repeat;
		background-size: cover;
		transition: .3s;
	}

	.sec07 p a img,
	.sec07 p span img {
		opacity: 1;
	}

	.sec07 p:hover span img,
	.sec07 p a:hover img {
		opacity: 0;
	}

	.sec07 p:hover span {
		right: 2%;
	}

}

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

	.sec07 h2 {
		margin: 2em auto 1.5em;
	}

	.sec07 p span {
		width: 4%;
	}

	.sec07 p span img {
		width: 100%;
		display: block;
	}

}

/*
sec08
//////////////////////////////////////// */

.sec08 {
	width: 90%;
	margin: 0 auto;
}

.sec08 h2 {
	width: 50%;
}

.sec08 p {
	position: relative;
}

.sec08 p span {
	display: block;
	position: absolute;
	top: 50%;
	right: 5%;
	transform: translateY( -50% );
	transition: .3s;
}

@media screen and (min-width: 760px){

	.sec08 h2 {
		margin: 80px auto 50px;
	}

	.sec08 p {
		background: url(/urban/muromachi/special/25-188/common/image/202607/tw/sec08_btn01.png) no-repeat;
		background-size: contain;
		display: block;
		transition: .3s;
	}

	.sec08 p span {
		background: url(/urban/muromachi/special/25-188/common/image/202607/common/arrow01.png) no-repeat;
		background-size: contain;
		transition: .3s;
	}

	.sec08 p a img,
	.sec08 p span img {
		opacity: 1;
	}

	.sec08 p:hover span img,
	.sec08 p a:hover img {
		opacity: 0;
	}

	.sec08 p:hover span {
		right: 2%;
	}

}

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

	.sec08 h2 {
		margin: 2em auto 1.5em;
	}

	.sec08 p span {
		width: 4%;
	}

	.sec08 p span img {
		width: 100%;
		display: block;
	}

}

/*
sec09
//////////////////////////////////////// */

.sec09 {
	width: 85%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sec09 p {
	margin: 40px 0;
}

@media screen and (min-width: 760px){

	.sec09 {
		padding: 50px 0;
	}

	.sec09 p {
		margin: 40px 0;
	}

}

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

	.sec09 {
		padding: 2em 0;
	}

	.sec09 p {
		margin: 1.5em 0;
	}

}


/*
modal
//////////////////////////////////////// */

#modal {
	position: fixed;
	z-index: 1050;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	display: none;
	opacity: 0;
	transition: .3s;
}

#modal.activer {
	opacity: 1;
}

#modal .overlay {
	background: rgba( 27, 32, 55, 0.5 );
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	transition: .3s;
}

#modal .modalWrap {
	transform: translateY( -50% );
	position: relative;
	max-width: 500px;
	margin: 0 auto;
	top: 50%;
	max-height: 100%;
}


#modal .modal_close {
	margin-bottom: 1.5em;
	text-align: right;
}

#modal .modalWrap > div {
	overflow-y: scroll;
	height: calc( 100vh - 100px);
	-ms-overflow-style: none;
	scrollbar-width: none;
}

#modal .modalWrap > div::-webkit-scrollbar {
	display: none;
}

#modal .modalWrap > div >div#modalArea {
	background: #fff;
}

#modal .modalWrap > div >div#modalArea .shop_container {
	display: none;
	font-family: "游明朝 Medium", "Yu Mincho Medium", "YuMincho Medium", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", serif;
}

#modal .modalWrap > div >div#modalArea .shop_container ul.modal_thumbs {
	text-align: center;
}

#modal .modalWrap > div >div#modalArea .shop_container ul.modal_thumbs img {
	max-height: 340px;
	margin: auto;
	display: block;
}

#modal .modalWrap > div >div#modalArea .shop_container p.modal_item {
	font-size: 125%;
}

#modal .modalWrap > div >div#modalArea .shop_container p.modal_price {
	font-size: 110%;
}

#modal .modalWrap > div >div#modalArea .shop_container p.modal_detail {
}

#modal .modalWrap > div >div#modalArea .shop_container dl {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#modal .modalWrap > div >div#modalArea .shop_container dl dt {
	display: block;
	width: 15%;
}

#modal .modalWrap > div >div#modalArea .shop_container dl dd {
	width: 82%;
	text-align: left;
	font-size: 90%;
	color: #400729;
}

#modal .modalWrap > div >div#modalArea .shop_container p.modal_shop {
}

#modal .modalWrap > div >div#modalArea .shop_container p.modal_shop span.name {
}

#modal .modalWrap > div >div#modalArea .shop_container p.modal_shop span.tax img {
	width: auto;
	height: 1.13em;
	margin-left: 0.5em;
	vertical-align: text-bottom;
	display: inline-block;
}

#modal .modalWrap > div >div#modalArea .shop_container p.modal_shop {
	font-size: 85%;
}

#modal .modalWrap > div >div#modalArea .shop_container p.modal_shop.tax {
	background: url(/urban/muromachi/special/25-188/common/image/tw/icon_tax.png) right no-repeat;
	background-size: 20%;
}

#modal .modalWrap > div >div#modalArea .shop_container p.modal_attention {
	font-size: 85%;
	color: #400729;
}


@media screen and (min-width: 760px){

	#modal .modalWrap {
		max-width: 600px;
	}

	#modal .modal_close img {
		width: 70px;
		cursor: pointer;
	}

	#modal .modalWrap > div >div#modalArea {
		box-sizing: border-box;
	}

	#modal .modalWrap > div >div#modalArea .shop_container {
		padding: 25px 50px;
		box-sizing: border-box;
	}

	#modal .modalWrap > div >div#modalArea .shop_container ul.modal_thumbs {
		margin: 1em auto;
		width: 90%;
	}

	#modal .modalWrap > div >div#modalArea .shop_container p.modal_item,
	#modal .modalWrap > div >div#modalArea .shop_container p.modal_price,
	#modal .modalWrap > div >div#modalArea .shop_container p.modal_detail,
	#modal .modalWrap > div >div#modalArea .shop_container p.modal_shop_title,
	#modal .modalWrap > div >div#modalArea .shop_container p.modal_detail,
	#modal .modalWrap > div >div#modalArea .shop_container p.modal_attention,
	#modal .modalWrap > div >div#modalArea .shop_container p.modal_shop {
		margin: 1em 0;
		white-space: pre-wrap;
	}

}

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


	#modal .modalWrap > div >div#modalArea {
	}

	#modal .modalWrap {
		max-width: 90%;
	}

	#modal .modal_close img {
		width: 15%;
	}

	#modal .modalWrap > div >div#modalArea .shop_container {
		padding: 1em 2em;
		box-sizing: border-box;
	}

	#modal .modalWrap > div >div#modalArea .shop_container ul.modal_thumbs {
		margin: 1em auto;
		width: 90%;
	}

	#modal .modalWrap > div >div#modalArea .shop_container p.modal_item,
	#modal .modalWrap > div >div#modalArea .shop_container p.modal_price,
	#modal .modalWrap > div >div#modalArea .shop_container p.modal_detail,
	#modal .modalWrap > div >div#modalArea .shop_container p.modal_shop_title,
	#modal .modalWrap > div >div#modalArea .shop_container p.modal_detail,
	#modal .modalWrap > div >div#modalArea .shop_container p.modal_attention,
	#modal .modalWrap > div >div#modalArea .shop_container p.modal_shop {
		margin: 1em 0;
		white-space: pre-wrap;
	}

}


/*
navigation
//////////////////////////////////////// */

.float_nav {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 1001;
	transition: .6s;
	right: -100%;
}

.float_nav.slide {
	right: 0;
}

.float_nav .slide_nav {
	padding: 50px;
	box-sizing: border-box;
}

.float_nav .slide_nav li {
	margin: 25px 0;
}

.float_nav .slide_nav li.small {
	margin: 15px 0;
}

@media screen and (min-width: 760px){

	.float_nav .slide_nav {
		background: #989ba5;
		position: absolute;
		width: 300px;
		right: 0;
		height: 100vh;
		top: 0;
	}

}

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

	.float_nav .overlay {
		background: rgba( 27, 32, 55, 0.5 );
		position: absolute;
		top: 0;
		left: 100%;
		width: 100%;
		height: 100vh;
		transition: .8s;
	}

	.float_nav.slide .overlay {
		left: 0;
	}

	.float_nav .slide_nav {
		background: #989ba5;
		position: absolute;
		width: 80%;
		margin-left: 30%;
		right: 0;
		height: 100vh;
		top: 0;
	}

}

.pagetop {
	right: 1.5em;
	bottom: 1.5em;
	max-width: 100px;
	width: 8.5%;
	position: fixed;
	z-index: 1003;
}

@media screen and (min-width: 760px){

	.pagetop {
		width: 50px;
	}

}

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

	.pagetop {
		width: 8.5%;
	}

}

/*
fade
//////////////////////////////////////// */


.fade {
	position: relative;
}

.fade img {
	opacity: 0;
	transform: translateY( 100px );
	transition: none;
}

.fade img.is-animated {
	animation: fade 1s ease-in-out 0s 1 normal forwards running;
}

@keyframes fade {
	  0% { opacity: 0; transform: translateY( 100px ); }
	100% { opacity: 1; transform: translateY( 0px ); }
}

/*
sec10
//////////////////////////////////////// */

.sec10 {
	background: #f3fafa url(/urban/muromachi/special/25-188/common/image/202604/common_bg03.png) top repeat-y;
	background-size: 100%;
	position: relative;
	overflow: hidden;
}

@media screen and (min-width: 760px){

	.sec10 {
		padding-bottom: 50px;
	}

	.sec10 h2 {
		margin: 80px auto 50px;
		width: 80%;
	}

}

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

	.sec10 {
		padding-bottom: 2.5em;
	}

	.sec10 h2 {
		margin: 2em auto 2.5em;
		width: 65%;
	}

}