@charset 'UTF-8';
/* =========================================== */
/*  top                                        */
/* =========================================== */

/* === main visual =========================== */
#mv {
	background-image: url("/seekbase/img/bg_mv.jpg");
	background-repeat: no-repeat;
}
.mvWrap {
	background-color: rgba(255,255,255,1);
}
#mv .wrap {
	background-color: transparent;
}
.mvTtl {
	position: absolute;
}
@media print, screen and (max-width: 750px) {
	#mv {
		padding-top: 37.33333333333333%;
		background-size: 145%;
		background-position: 40% 0;
	}
	.mvWrap {
		background-image: url("/seekbase/img/bg_mv_pipe_sp.png");
		background-repeat: no-repeat;
		background-position: 50% 0;
		background-size: cover;
	}
	#mv .wrap {
		padding-top: 46.66666666666667%;
		padding-bottom: 9.333333333333333%;
	}
	.mvTtl {
		top: -16%;
		left: 50%;
		margin-left: -29.32835820895522%;
		width: 58.65671641791045%;
	}
	.mvTxt {
		line-height: 2;
		font-size: 1.5rem;
	}
}
@media print, screen and (min-width: 751px) {
	#mv {
		padding-top: 400px;
		background-position: 50% 0;
	}
	.mvWrap {
		background-image: url("/seekbase/img/bg_mv_pipe_pc.png");
		background-repeat: no-repeat;
		background-position: 65% 0;
	}
	#mv .wrap {
		padding: 55px 0 110px 385px;
	}
	.mvTtl {
		top: -123px;
		left: 0;
		width: 327px;
		height: 354px;
	}
	.mvTxt {
		line-height: 2;
		font-size: 1.8rem;
	}
}


/* === ttl style =========================== */
.wrapTtl .infoTtl,
.wrapTtl .shopTtl,
.wrapTtl .accessTtl {
	display: inline-block;
}
.wrapTtl .infoTtl { max-width: 482px; }
.wrapTtl .shopTtl { max-width: 189px; }
.wrapTtl .accessTtl { max-width: 273px; }
#others .wrapTtl {
	line-height: 1;
	font-weight: bold;
	color: rgba(96,96,96,1);
}
@media print, screen and (max-width: 750px) {
	.wrapTtl .infoTtl,
	.wrapTtl .shopTtl,
	.wrapTtl .accessTtl {
		margin-top: -10.14492753623188%;
	}
	.wrapTtl .infoTtl { width: 69.85507246376812%; }
	.wrapTtl .shopTtl { width: 27.39130434782609%; }
	.wrapTtl .accessTtl { width: 39.56521739130435%; }
}
@media print, screen and (min-width: 751px) {
	.wrapTtl .infoTtl,
	.wrapTtl .shopTtl,
	.wrapTtl .accessTtl {
		margin-top: -2.622950819672131%;
	}
	.wrapTtl .infoTtl { width: 51.00529100529101%; }
	.wrapTtl .shopTtl { width: 20%; }
	.wrapTtl .accessTtl { width: 28.88888888888889%; }
}


/* === information style =========================== */
.infoList {
	list-style: none;
	border-top: 1px solid rgba(223,223,233,1);
}
.infoListItem {
	border-bottom: 1px solid rgba(223,223,233,1);
}
.infoListItem::before {
	display: inline-block;
	text-align: center;
	line-height: 1;
	font-size: 1.4rem;
	color: rgba(255,255,255,1);
}
.infoListItem.infoCatEvent::before {
	content: 'EVENT';
	background-color: rgba(88,88,60,1);
}
.infoListItem.infoCatNews::before {
	content: 'NEWS';
	background-color: rgba(144,38,20,1);
}
.infoListItem .date {
	display: inline-block;
	color: rgba(51,51,51,1);
}
.infoListItem .txt {
	display: inline-block;
	color: rgba(34,34,34,1);
}
.infoListPage {
	text-align: right;
}
@media print, screen and (max-width: 750px) {
	.infoList {
		margin-top: 12.31884057971014%;
		margin-bottom: 8.695652173913043%;
	}
	.infoListItem {
		display: block;
		padding: 8.695652173913043% 0;
	}
	.infoListItem::before {
		margin-right: 2.898550724637681%;
		padding: 5px;
		width: 16.23188405797101%;
		font-size: 1.0rem;
	}
	.infoListItem .date {
		line-height: 1;
		font-size: 1.0rem;
	}
	.infoListItem .txt {
		margin-top: 3.623188405797101%;
		width: 100%;
		font-size: 1.5rem;
	}
	.infoListPage {
	}
	.infoListPageBtn {
		margin-bottom: 18.84057971014493%;
	}
}
@media print, screen and (min-width: 751px) {
	.infoList {
		margin-top: 6.349206349206349%;
		margin-bottom: 3.174603174603175%;
	}
	.infoListItem {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		padding: 3.174603174603175% 2.116402116402116%;
	}
	.infoListItem::before {
		padding: 4px;
		width: 69px;
	}
	.infoListItem .date {
		font-weight: bold;
		font-size: 1.4rem;
	}
	.infoListItem .txt {
		width: 74.03314917127072%;
		font-size: 1.6rem;
	}
	.infoListPage {
	}
	.infoListPageBtn {
		margin-bottom: 6.349206349206349%;
		width: 150px;
	}
/*	.infoListPageBtn::after {
		margin-left: 10px;
	}*/
}


/* === shop style =========================== */
.shopBg {
	background-color: rgba(255,255,255,1);
}
@media print, screen and (max-width: 750px){
	#shop .wrap {
		margin-right: 4%;
		margin-left: 4%;
		padding-bottom: 18.66666666666667%;
	}
	.shopBg {
		margin-top: 12.31884057971014%;
		padding: 11.59420289855072% 4.347826086956522%;
	}
}
@media print, screen and (min-width: 751px){
	#shop .wrap {
/*		padding-bottom: 14.6484375%;*/
	}
	.shopBg {
		margin-top: 6.878306878306878%;
		padding: 7.407407407407407% 4.232804232804233%;
	}
}
@media print, screen and (min-width: 1025px){
	#shop .wrap {
/*		padding-bottom: 150px;*/
	}
}

.shopMapDirection {
	list-style: none;
	display: flex;
	justify-content: space-between;
}
.shopMapDirItem.okachimachi::before {
	content: '';
	display: inline-block;
	background-image: url("/seekbase/common/img/ico_arrow1_l_blk.png");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.shopMapDirItem.akihabara::after {
	content: '';
	display: inline-block;
	background-image: url("/seekbase/common/img/ico_arrow1_r_blk.png");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
@media print, screen and (max-width: 750px){
	.shopMap {
		margin-bottom: 9.523809523809524%;
	}
	.shopMapData {
		overflow-x: scroll;
		display: flex;
		flex-direction: row-reverse;
		width: 100%;
	}
	.shopMapData::-webkit-scrollbar {
		height: 10px;
	}
	.shopMapData::-webkit-scrollbar-track {
		border-radius: 5px;
		background-color: rgba(220,220,220,1);
	}
	.shopMapData::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background-color: rgba(137,137,137,1);
	}
	.shopMapImg {
		width: auto;
	}
	.shopMapDirection {
		margin-top: 0.7936507936507937%;
	}
	.shopMapDirItem.okachimachi::before {
		margin-right: 5px;
		width: 10px;
		height: 4px;
		vertical-align: 3px;
	}
	.shopMapDirItem.akihabara::after {
		margin-left: 5px;
		width: 10px;
		height: 4px;
		vertical-align: 3px;
	}
}
@media print, screen and (min-width: 751px){
	.shopMap {
		margin-bottom: 5.780346820809249%;
	}
	.shopMapDirection {
		margin-top: 0.5780346820809249%;
	}
	.shopMapDirItem {
		font-size: 1.4rem;
	}
	.shopMapDirItem.okachimachi::before {
		margin-right: 10px;
		width: 21px;
		height: 9px;
		vertical-align: 4px;
	}
	.shopMapDirItem.akihabara::after {
		margin-left: 10px;
		width: 21px;
		height: 9px;
		vertical-align: 4px;
	}
}

.shopBox {}
.shopListTtl {
	position: relative;
	font-weight: bold;
}
.shopListTtl::before {
	content: '';
	position: absolute;
	display: inline-block;
	background-color: rgba(0,0,0,1);
}
.shopListTtl::after {
	content: '';
	position: absolute;
	display: inline-block;
	background-color: rgba(255,255,255,1);
}
.meals > .shopListTtl .color { color: rgba(254,217,0,1);}
.meals > .shopListTtl::before { background-color: rgba(254,217,0,1); }
.tools > .shopListTtl .color { color: rgba(238,120,53,1);}
.tools > .shopListTtl::before { background-color: rgba(238,120,53,1); }
@media print, screen and (max-width: 750px){
	.shopBox {
		margin-bottom: 9.523809523809524%;
	}
	.shopListTtl {
		margin-bottom: 4.761904761904762%;
		text-indent: 25px;
		font-size: 2.0rem;
	}
	.shopListTtl::before {
		top: 5px;
		left: 0;
		padding-bottom: 14px;
		width: 14px;
	}
	.shopListTtl::after {
		top: 3px;
		left: 2px;
		padding-bottom: 14px;
		width: 14px;
	}
}
@media print, screen and (min-width: 751px){
	.shopBox {
		margin-bottom: 4.624277456647399%;
		padding: 0 4.624277456647399%;
	}
	.shopListTtl {
		margin-bottom: 1.592356687898089%;
		text-indent: 40px;
		font-size: 3.0rem;
	}
	.shopListTtl::before {
		top: 5px;
		left: 0;
		padding-bottom: 20px;
		width: 20px;
	}
	.shopListTtl::after {
		top: 3px;
		left: 2px;
		padding-bottom: 20px;
		width: 20px;
	}
}

.shopList {
	counter-reset: shop_list;
	list-style: none;
}
.shopListItem {
	display: flex;
}
.shopListItem::before {
	counter-increment: shop_list;
	display: block;
	width: 50px;
	line-height: 1.25;
	font-weight: bold;
	font-size: 2.0rem;
	color: rgba(129,129,129,1);
}
.meals .shopListItem::before { content: '0-' counter(shop_list) '. '; }
.tools .shopListItem::before { content: '1-' counter(shop_list) '. '; }
.tools  .shopListItem:nth-child(6)::before { content: '1-7. '; }
.tools  .shopListItem:nth-child(7)::before { content: '1-8. '; }
.tools  .shopListItem:nth-child(8)::before { content: '1-9. '; }
.other .shopListItem:nth-child(1)::before { content: '2. '; }
.other .shopListItem:nth-child(2)::before { content: '3. '; }
.other .shopListItem:nth-child(3)::before { content: '5. '; }
.other .shopListItem:nth-child(4)::before { content: '6. '; }
.other .shopListItem:nth-child(5)::before { content: '7. '; }
.shopListTxt {
	display: inline-block;
	color: rgba(34,34,34,1);
}
.meals .shopListTxt,
.tools .shopListTxt {
	width: calc(100% - 50px);
}
@media print, screen and (max-width: 750px){
	/*.tools .shopList {
		border-bottom: 1px dotted rgba(129,129,129,1);
		padding-bottom: 4.761904761904762%;
	}*/
	.event {
		border-bottom: 1px dotted rgba(129,129,129,1);
		padding-bottom: 4.761904761904762%;
		padding-top: 4.761904761904762%;
	}
	.shopListItem {
		margin-bottom: 4.761904761904762%;
		font-size: 1.6rem;
	}
	.shopListItem::before {
		line-height: 1.25;
	}
	.meals .shopListItem,
	.tools .shopListItem {
		justify-content: space-between;
	}
	.other .shopListItem::before {
		width: 25px;
	}
}
@media print, screen and (min-width: 751px){
	.shopList {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	/* .tools .shopList::after {
		content: '';
		margin-top: 1.273885350318471%;
		width: 100%;
		height: 2px;
		background-image: url("/seekbase/common/img/line_dot_gry.png");
		background-repeat: repeat-x;
	} */
	.tools p.event::after {
		content: '';
		margin-top: 1.273885350318471%;
		width: 100%;
		height: 2px;
		background-image: url("/seekbase/common/img/line_dot_gry.png");
		background-repeat: repeat-x;
		display: block;
	}
	.shopListItem {
		margin-bottom: 2.547770700636943%;
		width: 45.85987261146497%;
		line-height: 1.5;
		font-size: 1.8rem;
	}
	.shopListItem::before {
		line-height: 1.4;
	}
	.other .shopListItem::before {
		padding-right: 14px;
		text-align: right;
	}
}

.shopBox.txt {
	border-top: 1px solid rgba(223,223,223,1);
}
@media print, screen and (max-width: 750px){
	.shopBox.txt {
		padding-top: 7.8125%;
		font-size: 1.3rem;
	}
}
@media print, screen and (min-width: 751px){
	.shopBox.txt {
		margin-bottom: 0;
		padding-top: 4.624277456647399%;
		text-align: center;
		font-size: 1.6rem;
	}
}

@media print, screen and (min-width: 751px){
	.event .eventbtn {
		font-size: 2em;
		padding: 1em 1em;
		text-decoration: none;
		color: rgba(223,223,223,1);
		text-align: center;
		background-color: rgba(0,0,0,1);
	}

	.event .eventblock {
		display: block;
		width: 50%;
		margin:0 auto;
		margin-bottom: 30px;
		margin-top: 30px;
	}
}

@media print, screen and (max-width: 750px){
	.event .eventbtn {
		font-size: 1.6em;
		padding: 0.8em 0.8em;
		text-decoration: none;
		color: rgba(223,223,223,1);
		text-align: center;
		background-color: rgba(0,0,0,1);
	}

	.event .eventblock {
		display: block;
		width: 80%;
		margin:0 auto;
		margin-bottom: 15px;
		margin-top: 15px;
	}
}


/* === access style =========================== */
.accessBox {
}
.accessMap {
	text-align: right;
}
.accessInfoBox {
	border-top: 1px solid rgba(223,223,223,1);
}
.accessInfoTtl {
	text-align: center;
	font-weight: bold;
	color: rgba(144,38,20,1);
}
.accessInfoTtl::before {
	content: '';
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
}
.train .accessInfoTtl::before { background-image: url("/seekbase/common/img/ico_access_train.png"); }
.address .accessInfoTtl::before { background-image: url("/seekbase/common/img/ico_access_pin.png"); }
.accessInfoList {
	list-style: none;
}
.accessInfoListItem {
	text-align: center;
}
.accessInfoFacility {
	display: flex;
	justify-content: space-between;
}
.accessInfoFaBnr {
	text-align: center;
}
.accessInfoFaBnr .bnr[src*="ramenyokocho"] { max-width: 102px; }
.accessInfoFaBnr .bnr[src*="2k540"] { max-width: 59px; }
.accessInfoFaBnr .bnr[src*="chabara"] { max-width: 61px; }
.accessInfoFaTtl {
	display: block;
	line-height: 1;
}
@media print, screen and (max-width: 750px){
	.accessBox {
		margin-top: 12.31884057971014%;
		padding-bottom: 14.49275362318841%;
		font-size: 1.5rem;
	}
	.accessMap {
		margin: 0 auto 10.14492753623188%;
		width: 84.47761194029851%;
	}
	.accessMapGmap {
		display: inline-block;
		margin-top: 6.183745583038869%;
		margin-right: -8.833922261484099%;
	}
	.accessInfoBox {
		margin-bottom: 8.695652173913043%;
		padding-top: 8.695652173913043%;
	}
	.accessInfoTtl {
		margin-bottom: 5.797101449275362%;
		font-size: 1.8rem;
	}
	.accessInfoTtl::before {
		margin-right: 15px;
		vertical-align: -8px;
	}
	.train .accessInfoTtl::before {
		width: 20px;
		height: 30px;
	}
	.address .accessInfoTtl::before {
		width: 30px;
		height: 27px;
	}
	.accessInfoList {
		margin-bottom: 11.59420289855072%;
	}
	.accessInfoListItem {
		margin-bottom: 5.797101449275362%;
	}
	.accessInfoTxt {
		margin-bottom: 8.695652173913043%;
	}
	.accessInfoFacility {
		margin: 0 4.347826086956522% 7.246376811594203%;
	}
	.accessInfoFaBnr {
		width: 26.19047619047619%;
	}
	.accessInfoFaBnr .bnr {
/*		width: auto;
		max-width: 100%;*/
	}
	.accessInfoFaTxt {
		width: 67.46031746031746%;
	}
	.accessInfoFaTtl {
		margin-bottom: 5.882352941176471%;
		font-size: 1.8rem;
	}
}
@media print, screen and (min-width: 751px){
	.accessBox {
		display: flex;
		justify-content: space-between;
		margin-top: 6.349206349206349%;
		padding-bottom: 8.465608465608466%;
		font-size: 1.6rem;
	}
	.accessMap {
		width: 49.94708994708995%;
	}
	.accessMapGmap {
		margin-top: 3.177966101694915%;
		width: 155px;
	}
	.accessInfo {
		width: 42.32804232804233%;
	}
	.accessInfoBox {
		margin-bottom: 6.25%;
		padding-top: 7%;
	}
	.accessInfoTtl {
		margin-bottom: 5%;
		font-size: 2.2rem;
	}
	.accessInfoTtl::before {
		margin-right: 15px;
		vertical-align: -8px;
	}
	.train .accessInfoTtl::before {
		width: 27px;
		height: 38px;
	}
	.address .accessInfoTtl::before {
		width: 36px;
		height: 34px;
	}
	.accessInfoList {
		margin-bottom: 10%;
	}
	.accessInfoListItem {
		margin-bottom: 5%;
	}
	.accessInfoTxt {
		margin-bottom: 11.25%;
	}
	.accessInfoFacility {
		margin-bottom: 10%;
	}
	.accessInfoFaBnr {
		width: 25%;
	}
	.accessInfoFaBnr .bnr {
/*		width: auto;*/
	}
	.accessInfoFaTxt {
		width: 70%;
	}
	.accessInfoFaTtl {
		margin-bottom: 5.357142857142857%;
		font-size: 2.0rem;
	}
}


/* === others style =========================== */
#others {
	margin-bottom: 0;
}
#others .wrapTtl {
	font-weight: bold;
}
.otherBnrList {
	list-style: none;
}
.otherBnrListItem {
	border: 1px solid rgba(213,213,213,1);
}
@media print, screen and (max-width: 750px){
	#others .wrap {
		padding-top: 14.49275362318841%;
		padding-bottom: 17.39130434782609%;
	}
	#others .wrapTtl {
		margin-bottom: 6.521739130434783%;
		font-size: 1.8rem;
	}
	.otherBnrList {
		margin-right: 7.971014492753623%;
		margin-left: 7.971014492753623%;
	}
	.otherBnrListItem {
		margin-bottom: 8.620689655172414%;
	}
}
@media print, screen and (min-width: 751px){
	#others .wrap {
		padding-top: 4.39453125%;
		padding-bottom: 4.8828125%;
	}
	#others .wrapTtl {
		margin-bottom: 3.174603174603175%;
		font-size: 2.0rem;
	}
	.otherBnrList {
		display: flex;
		justify-content: space-around;
	}
	.otherBnrListItem {
		margin-right: 5.291005291005291%;
		margin-bottom: 2.116402116402116%;
		width: calc((100% - 10.58201058201058%) / 3);
	}
	.otherBnrListItem:last-of-type {
		margin-right: 0;
	}
}
@media print, screen and (min-width: 1024px){
	#others .wrap {
		padding-top: 45px;
		padding-bottom: 50px;
	}
}