@media screen and (min-width: 641px) {
/* -----------------------------------------
	/otona/tvcm/index.html
----------------------------------------- */
#breadWrapper {
	padding-bottom: 3px;
}
.container {
	font-family: "Noto Sans JP", sans-serif;
}
.heading02 {
	font-family: "Zen Old Mincho","MS PMincho", "Hiragino Mincho Pro", serif;
	max-width: 950px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.heading02::before,.heading03::before {
	/* bottom: 0; */
    left: 0;
    margin: auto;
}
.heading03 {
	font-family: "Zen Old Mincho","MS PMincho", "Hiragino Mincho Pro", serif;
	max-width: 950px;
    width: 100%;
    position: relative;
}
section {
	max-width: 950px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.container > .commercial {
	color: #151515;
	margin-bottom: 65px;
}
.commercial .heading02 {
	margin-bottom: 50px;
	letter-spacing: 0.03em;
}
.commercial .heading02::before ,.campaign .heading03::before {
	bottom: 0;
}
.commercial .lead {
	max-width: 950px;
    width: 100%;
    margin: 0 auto 18px;
    position: relative;
}
.commercial .visual {
	margin-bottom: 49px;
}
.commercial .title {
	font-size: 230%;
	/* font-size: 32px; */
	letter-spacing: 0.06em;
	text-align: center;
	font-weight: 500;
	margin-bottom: 22px;
}
.commercial .text {
	font-size: 115%;
	/* font-size: 16px; */
	text-align: center;
    line-height: 2;
    letter-spacing: 0.13em;
}
.commercial .text img {
	width: 500px;
	margin: 0 auto;
}
.location {
	width: 100%;
	max-width: 100%;
}
.location .heading02 {
	margin-bottom: 19px;
}
.movie {
	width: 100%;
	padding: 73px 0 78px;
	text-align: center;
	position: relative;
	background:url(../img/bg_movie_pc.png) no-repeat center;
	background-size: cover;
}
.movie::before {
	content: '';
	width: 100%;
	display: block;
	height: 26px;
	background: #7A6F38 url(../img/bg_deco01.png) repeat-x center top;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.movie::after {
	content: '';
	width: 100%;
	display: block;
	height: 26px;
	background: #7A6F38 url(../img/bg_deco01.png) repeat-x center top;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.movie .youtube{
	width: 600px;
	height: 337px;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}
.movie .thumb {
	position: absolute;
	top: 0;
	cursor: pointer;
	z-index: 1;
	cursor: pointer;
	background: #fff;
}
.movie .thumb img {
	transition: all 0.2s;
}
.movie .thumb:hover img{
	opacity: 0.7;
}
.movie .thumb img {
	width: 100%;
}
.movie .title {
	/* font-size: 30px; */
	font-size: 213%;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-align: center;
	font-family: "Zen Old Mincho","MS PMincho", "Hiragino Mincho Pro", serif;
	margin-bottom: 45px;
	position: relative;
	display: inline-block;
	padding: 0 56px 0 59px;
}
.movie .title::before {
	content: '';
	display: block;
	width: 32px;
	height: 43px;
	background: url(../img/icon_movie_left.svg) no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
}
.movie .title::after {
	content: '';
	display: block;
	width: 32px;
	height: 43px;
	background: url(../img/icon_movie_right.svg) no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
}
.movie .caption {
    /* font-size: 24px; */
	font-size: 170%;
    color: #fff;
    text-align: center;
    margin: 26px 15px 0 0;
}
.movie .caption .small {
	/* font-size: 20px; */
	font-size: 2rem;
	margin-right: 6px;
}
.movie .tabSet {
	width: 600px;
	margin: 0 auto;
}
.movie .tab-menu {
	display: flex;
	justify-content: space-between;
	margin-bottom: 44px;
}
.movie .tab-menu .tab-item {
	width: 290px;
	height: 40px;
	font-size: 1.6rem;
	letter-spacing: 0.06em;
	color: #9b936c;
	background-color: #7a6f39;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
}
.movie .tab-menu .tab-item.active {
	color: #fff;
	background: #443E1F;
	opacity: 1;
}
.movie .tabpanel {
	display: none;
}
.movie .tabpanel.active {
	display: block;
}
.location .map {
	text-align: center;
	padding: 65px 0;
	margin: 0;
	background:url(../img/bg_map_pc.png) no-repeat center;
	background-size: cover;
}
.location .map .title {
	/* font-size: 35px; */
	font-size: 250%;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.12em;
	position: relative;
	display: inline-block;
	font-family: "Zen Old Mincho","MS PMincho", "Hiragino Mincho Pro", serif;
	padding: 0 47px 0 48px;
	position: relative;
	margin-bottom: 25px;
}
.location .map .title::before {
	content: '';
	display: block;
	width: 30px;
	height: 43px;
	background: url(../img/icon_map.svg) no-repeat;
	position: absolute;
	left: 0;
	bottom: 10px;
}
.location .map .title::after {
	content: '';
	display: block;
	width: 30px;
	height: 43px;
	background: url(../img/icon_map.svg) no-repeat;
	position: absolute;
	right: 0;
	bottom: 10px;
}
.location .map .text {
	/* font-size: 16px; */
	font-size: 115%;
	color: #fff;
	text-align: center;
	line-height: 1.9;
    letter-spacing: 0.06em;
	margin-bottom: 35px;
}
.location .map .bnr {
	width: 780px;
	height: 300px;
	font-size: 0;
	margin: 0 auto;
	background-color:rgba(255, 255, 255, 0.8);
}
.location .map .bnr a {
	display: block;
	width: 100%;
	height: 100%;
	transition: all 0.2s;
	background: url(../img/bnr_map.jpg) no-repeat;
	background-size: contain;
}
.location .map .bnr a:hover {
	background: url(../img/bnr_map_on.jpg) no-repeat;
	background-size: contain;
}
.pickup {
	padding: 62px 0;
}
.pickup .title {
	/* font-size: 24px; */
	font-size: 170%;
    letter-spacing: 0.1em;
	text-align: center;
	font-family: "Zen Old Mincho","MS PMincho", "Hiragino Mincho Pro", serif;
	color: #7A6F38;
}
.pickup .cmList{
	width: 750px;
	margin: 0 auto;
}
.pickup .cmList .cmItem {
	overflow: hidden;
	padding: 47px 0 51px;
	border-bottom: 1px solid #B1B1B1;
}

.pickup .cmList .cmItem .cmTitle {
	font-size: 156%;
	margin: 30.5px 0 21px 0px;
	float: right;
	width: 62%;
}
.pickup .cmList .cmItem .cmTitle a{
	color: #8C54C4;
}

.pickup .cmList .cmItem .image {
	float: left;
	width: 34.5%;
	max-width: 257px;
}

.pickup .cmList .cmItem .image img {
	border-radius: 8px;
}

.pickup .cmList .cmItem .text {
	font-size: 130%;
	float: right;
	width: 62%;
	line-height: 2;
}
.campaign {
	padding: 20px 0 90px;
}
.campaign .heading03 {
	margin-bottom: 30px;
}
}

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

/* -----------------------------------------
	/otona/tvcm/index.html
----------------------------------------- */
    #baseContainer,.container {
		font-family: "Noto Sans JP", sans-serif;
    }
    .heading02 {
		font-family: "Zen Old Mincho","MS PMincho", "Hiragino Mincho Pro", serif;
		line-height: 1.3;
		width: 96%;
        margin: 0 auto;
		letter-spacing: 0.04em;
	}
	.heading02::before {
		width: 24px;
        height: 24px;
        top: 1px;
	}
    .heading03 {
		font-family: "Zen Old Mincho","MS PMincho", "Hiragino Mincho Pro", serif;
		line-height: 1.3;
		width: 96%;
		letter-spacing: 0.04em;
	}
	.commercial {
		padding-bottom:  16vw;
	}
	.commercial .heading02 {
		margin-bottom: 8.5vw;
	}
	.commercial .visual {
		margin-bottom: 14.4vw;
	}
	.commercial .lead {
		width: 96%;
        margin: 0 auto 9vw;
		position: relative;
	}
	.commercial .title {
		font-size: 2.55rem;
		text-align: center;
		font-weight: 500;
		margin-bottom: 3.6vw;
	}
	.commercial .text {
        font-size: 1.53rem;
        line-height: 1.77;
        width: 86%;
        margin: 0 auto;
	}
	.location .heading02 {
		letter-spacing: 0.06em;
		padding-left: 50px;
		margin-bottom: 8.5vw;
	}
	.movie {
		width: 100%;
		padding: 15.2vw 0 18.4vw;
		text-align: center;
		position: relative;
		background:url(../img/bg_movie_sp.png) no-repeat center;
		background-size: cover;
	}
	.movie .tabSet {
		width: 76.1538vw;
		margin: 0 auto;
	}
	.movie .tab-menu {
		display: flex;
		justify-content: space-between;
		margin-bottom: 6.15vw;
	}
	.movie .tab-menu .tab-item {
		width: 36.9333vw;
		height: 8.2vw;
		/* font-size: 1.27rem; */
		font-size: 1.6rem;
		letter-spacing: 0.06em;
		color: #9b936c;
		background-color: #7a6f39;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		cursor: pointer;
	}
	.movie .tab-menu .tab-item.active {
		color: #fff;
		background: #443E1F;
		opacity: 1;
	}
	.movie .tabpanel {
		display: none;
	}
	.movie .tabpanel.active {
		display: block;
	}
	.youtube {
		position: relative;
        padding-top: 42.8%;
	}
	.youtube .thumb {
        position: absolute;
        top: 0;
        cursor: pointer;
        z-index: 1;
    }
	.youtube iframe {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }
	.movie::before {
		content: '';
		width: 100%;
		display: block;
		height: 5.9vw;
		background: #7A6F38 url(../img/bg_deco01.png) repeat-x center top;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.movie::after {
		content: '';
		width: 100%;
		display: block;
		height: 5.9vw;
		background: #7A6F38 url(../img/bg_deco01.png) repeat-x center top;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.movie .youtube{
		width: 76.1538vw;
		height: 42.82vw;
		border-radius: 10px;
		overflow: hidden;
		margin: 0 auto;
		position: relative;
	}
	.movie .thumb {
		position: absolute;
		top: 0;
		cursor: pointer;
		z-index: 1;
	}
	.movie .thumb img {
		width: 100%;
	}
	.movie .title {
		font-size: 2.65rem;
		color: #fff;
		font-weight: 500;
		text-align: center;
		font-family: "Zen Old Mincho","MS PMincho", "Hiragino Mincho Pro", serif;
		margin-bottom: 5vw;
		position: relative;
		display: inline-block;
		padding: 0 11.5vw;
	}
	.movie .title::before {
		content: '';
		display: block;
		width: 7.18vw;
		height: 6.66vw;
		background: url(../img/icon_movie02_left.svg) no-repeat;
		position: absolute;
		left: 0;
		bottom: 2vw;
	}
	.movie .title::after {
		content: '';
		display: block;
		width: 7.18vw;
		height: 6.66vw;
		background: url(../img/icon_movie02_right.svg) no-repeat;
		position: absolute;
		right: 0;
		bottom: 2vw;
	}
	.movie .caption {
		font-size: 2rem;
		color: #fff;
		text-align: center;
		margin: 6.4vw 0 0;
		margin-right: 2.5vw;
	}
	.movie .caption .small{
		font-size: 1.5rem;
		margin-right: 2vw;
	}
	.pickup {
	}

	.pickup .cmList .cmItem {
		overflow: hidden;
		margin-bottom: 3.5vw;
	}

	.pickup .cmList .cmItem .cmTitle {
		font-size: 120%;
		margin-bottom: 5%;
		float: none;
		width: 100%;
		text-align: center;
	}
	.pickup .cmList .cmItem .cmTitle a{
		color: #8C54C4;
	}
	.pickup .cmList .cmItem .image {
		float: none;
		width: 100%;
		margin: 0 auto 3vw;
	}

	.pickup .cmList .cmItem .text {
		font-size: 130%;
		float: none;
		text-align: center;
		width: 100%;
	}

	.location .map {
		text-align: center;
		padding: 9vw 0 10vw;
		margin: 0;
		background:url(../img/bg_map_sp.png) no-repeat center;
		background-size: cover;
	}
	.location .map .title {
		font-size: 2.65rem;
		letter-spacing: 0.13em;
		color: #fff;
		font-weight: 500;
		position: relative;
		display: inline-block;
		font-family: "Zen Old Mincho","MS PMincho", "Hiragino Mincho Pro", serif;
		padding: 0 10vw;
		position: relative;
		margin-bottom: 4vw;
	}
	.location .map .title::before {
		content: '';
		display: block;
		width: 6.1538vw;
		height: 8.718vw;
		background: url(../img/icon_map.svg) no-repeat;
		background-size: contain;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.location .map .title::after {
		content: '';
		display: block;
		width: 6.1538vw;
		height: 8.718vw;
		background: url(../img/icon_map.svg) no-repeat;
		background-size: contain;
		position: absolute;
		right: 3px;
		bottom: 0;
	}
	.location .map .text {
		font-size: 1.27rem;
		color: #fff;
        line-height: 2.1;
        margin-bottom: 4vw;
        padding: 0 12vw;
        text-align: left;
        letter-spacing: 0.12em;
	}
	.location .map .bnr {
        width: 78.1538vw;
        height: 31vw;
		margin: 0 auto;
		font-size: 0;
	}
	.location .map .bnr a {
		display: block;
		width: 100%;
		height: 100%;
		background: url(../img/bnr_map_sp.jpg) no-repeat;
		background-size: contain;
	}
	.pickup {
		padding: 10vw 0;
	}
	.pickup .title {
        font-size: 2.5rem;
        letter-spacing: 0.06em;
		text-align: center;
		font-family: "Zen Old Mincho","MS PMincho", "Hiragino Mincho Pro", serif;
		color: #7A6F38;
		margin-bottom: 1.5vw;
	}
	.pickup .cmList {
		width: 96%;
        margin: 0 auto;
        position: relative;
	}
	.pickup .cmList .cmItem {
		overflow: hidden;
		padding: 8vw 0 0;
		/* margin-bottom: 1.8%; */
	}
	.pickup .cmList .cmItem .cmTitle {
		font-size: 143%;
		margin-bottom: 5vw;
	}
	.pickup .cmList .cmItem .image {
		width: 69%;
		margin: 0 auto 6.5vw;
	}
	.campaign {
		padding: 3vw 0 0;
	}
	.campaign .heading03 {
		font-size: 2.8rem;
		padding-left: 49px;
		margin-bottom: 9vw;
	}
	.campaign .heading03::before {
        width: 24px;
        height: 24px;
		border: 7px solid #7A6F38;
	}
	.campaign .osusumeBnr {
		width: 96%;
        margin: 0 auto;
	}
}
/* -----------------------------------------
	VCMˆ๊——
----------------------------------------- */
.cm_heading {
	font-size: 200%;
	text-align: center;
	margin-bottom: 25px;
}

.btn_watch-tvcm { margin: 0 auto; }
.btn_watch-tvcm > a {
	display: block;
	padding: 20px;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	background: #c25939;
	border-radius: 6px;
	position: relative;
	text-align: center;
	font-size: 130%;
	transition: .3s ease background;
}
.btn_watch-tvcm > a:hover { background: #93391d; }
.btn_watch-tvcm > a:before {
	display: inline-block;
	content: "";
	width: 20px;
	height: 18px;
	margin-right: 20px;
	background: url(../img/icon_tvcm.png) no-repeat center / contain;
	vertical-align: middle;
	transform: translateY(-0.1em);
}


.lead_text {
	width: 70%;
	margin: 0 auto 20px;
	font-size: 120%;
}

.location_text {
	width: 70%;
	margin: 0 auto;
	font-size: 120%;
}

.location_info { overflow: hidden; margin-bottom: 1em; }
.location_info > dt {
	float: left;
	clear: left;
	margin: 0 0.2em 0.2em 0;
}
.location_info > dd { margin: 0 0 0.2em; }

.map {
	margin-bottom: 30px;
}

.access .access_list {
	margin-top: 100px;
	display: flex;
	justify-content: space-between;
	text-align: center;
}

.access .access_list sup {
	font-size: 0.7em;
	vertical-align: super;
}

.access .access_list li {
	display: flex;
	flex-wrap: wrap;
}

.access .access_list dl {
	background: #ebe8df;
	width: 100%;
}

.access .access_list dl dt {
	color: #fff;
	padding: 3px;
}

.access .access_list dl dd {
	padding: 10px 5px;
	display: flex;
	height: calc(100% - 1rem - 16px);
	align-items: center;
	justify-content: center;
}

.access .access_list dl dd a {
	font-weight: bold;
}

.access .access_list > [class*="access_"] { flex-basis: 166px; }
.access .access_list .access_start dt {background: #7a6d36;}
.access .access_list .access_transfer dt {background: #357d3c;}
.access .access_list .access_arrival dt {background: #7d4635;}


.access .access_list .train_s,
.access .access_list .train,
.access .access_list .bus {
	background-position: left center;
	background-repeat: repeat-x;
	align-items: center;
	flex-basis: 30px;
	position: relative;
}
.access .access_list .train_s { background-image: url(/otona/tvcm/img/img_line_s.png); }
.access .access_list .train { background-image: url(/otona/tvcm/img/img_line.png); }
.access .access_list .bus { background-image: url(/otona/tvcm/img/img_line_b.png); }

.access .access_list .train_s span,
.access .access_list .train span,
.access .access_list .bus span {
	display: inline-block;
	font-size: 115%;
	border-radius: 5px;
	padding: 3px 0.8em;
	min-width: 100px;
	background: #cce7cd;
	position: absolute;
	top: -50px;
	left: 50%;
}
.access .access_list .bus span { background: #ccdee7; }

.access .access_list .train_s span:after,
.access .access_list .train span:after,
.access .access_list .bus span:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	z-index: -1;
}

.access_text { margin-bottom: 40px; }

.access_text > [class*="access_text_icon"] {
	padding-left: 40px;
	position: relative;
}
.access_text > [class*="access_text_icon"]:before {
	content: "";
	display: block;
	width: 33px;
	height: 29px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.access_text_icon-bus:before { background-image: url(../img/common/mkr/mkr_bus.gif); }
.access_text_icon-car:before { background-image: url(../img/common/mkr/mkr_car.gif); }
.access_text_icon-taxi:before { background-image: url(../img/common/mkr/mkr_taxi.gif); }
.access_text_icon-ship:before { background-image: url(../img/common/mkr/mkr_ship.gif); }
.access_text_icon-walk:before { background-image: url(../img/common/mkr/mkr_walk.gif); }


@media all and (min-width: 641px) {

	.access .access_list .access_through { align-items: center; }

	.access .access_list .train_s span,
	.access .access_list .train span,
	.access .access_list .bus span {
		transform: translateX(-50%);
		white-space: nowrap;
	}
	.access .access_list .train_s span:after,
	.access .access_list .train span:after,
	.access .access_list .bus span:after {
		border-width: 15px;
		border-color: transparent transparent transparent #cce7cd;
		bottom: -13px;
		left: 50%;
		transform: translateX(-25%);
	}
	.access .access_list .bus span:after { border-left-color: #ccdee7; }

	.access .access_list .train.w24p { flex-basis: 226px; width: auto; }
	.access .access_list .train.w24p span {
		width: 100%;
		left: 0;
		transform: translate(0);
	}

	/* ƒAƒNƒZƒX‰ำŠ‚ช2‚ฉŠ‚ฬ๊‡ */
	.access .access_list.access_places2 { margin-top: 50px; }
	.access .access_list.access_places2 > li[class*="access_"] { flex-basis: 200px; }
	.access .access_list.access_places2 .train,
	.access .access_list.access_places2 .train_s,
	.access .access_list.access_places2 .bus { flex-basis: calc(100% - 200px * 2); }
	.access .access_list.access_places2 .train span,
	.access .access_list.access_places2 .train_s span,
	.access .access_list.access_places2 .bus span { min-width: 160px; top: -20px; }

	/* ƒAƒNƒZƒX‰ำŠ‚ช3‚ฉŠ‚ฬ๊‡ */
	.access .access_list.access_places3 > li[class*="access_"] { flex-basis: 170px; }
	.access .access_list.access_places3 .train,
	.access .access_list.access_places3 .train_s,
	.access .access_list.access_places3 .bus { flex-basis: calc((100% - 170px * 3) / 2); }
	.access .access_list.access_places3 .train span,
	.access .access_list.access_places3 .train_s span,
	.access .access_list.access_places3 .bus span { min-width: 140px; }

	/* ƒAƒNƒZƒX‰ำŠ‚ช4‚ฉŠ‚ฬ๊‡ */
	.access .access_list.access_places4 > li[class*="access_"] { flex-basis: 20%; }
	.access .access_list.access_places4 .train,
	.access .access_list.access_places4 .train_s,
	.access .access_list.access_places4 .bus { flex-basis: calc((100% - 20% * 4) / 3); }
	.access .access_list.access_places4 .train span,
	.access .access_list.access_places4 .train_s span,
	.access .access_list.access_places4 .bus span { min-width: 120px; }

	/* ƒAƒNƒZƒX‰ำŠ‚ช4‚ฉŠ‚ฦ‘ต‚ฆ‚้2‚ฉŠ‚ฬ๊‡ */
	.access .access_list.access_places4-2 > li[class*="access_"] { flex-basis: 20%; }
	.access .access_list.access_places4-2 .train_s { flex-basis: 60%; }
	.access .access_list.access_places4-2 .bus { flex-basis: calc((100% - 20% * 4) / 3);}
	.access .access_list.access_places4-2 .train span,
	.access .access_list.access_places4-2 .train_s span,
	.access .access_list.access_places4-2 .bus span { min-width: 120px; }
}


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

	.cm_heading {
		text-align: center;
		margin-bottom: 5%;
	}

	.lead_text {
		width: 100%;
		margin: 0 auto 5%;
		font-size: 120%;
	}

	.location_text {
		width: 100%;
	}

	.map {
		margin-bottom: 5%;
	}

	.access .access_list {
		margin-top: 10%;
		display: block;
		text-align: left;
	}

	.access .access_list li {
		display: block;
		flex-wrap: wrap;
	}

	.access .access_list dl {
		background: none;
		width: 100%;
		display: flex;
		align-items: center;
	}

	.access .access_list dl dt {
		color: #fff;
		padding: 1%;
		width: 62px;
		height: 62px;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
	}

	.access .access_list dl dd {
		padding: 10px 5px 10px 45px;
		display: block;
		height: auto;
		text-align: left;
		background: #ebe8df;
		width: 100%;
		margin-left: 25px;
	}

	.access .access_list > [class*="access_"] { width: 100%; }
	.access .access_list .train_s,
	.access .access_list .train,
	.access .access_list .bus {
		background-position: 23% center;
		background-repeat: repeat-y;

		width: 100%;
		padding: 3% 5%;
		position: relative;
	}
	.access .access_list .train_s { background-image: url(/otona/tvcm/img/img_line_sp_s.png); }
	.access .access_list .train { background-image: url(/otona/tvcm/img/img_line_sp.png); }
	.access .access_list .bus { background-image: url(/otona/tvcm/img/img_line_b_sp.png); }

	.access .access_list .train_s span,
	.access .access_list .train span,
	.access .access_list .bus span {
		padding: 3%;
		width: auto;
		max-width: calc(77% - 20px);
		min-width: 54%;
		text-align: center;
		position: relative;
		top: auto;
		left: calc(23% + 20px);
	}

	.access .access_list .train_s span:after,
	.access .access_list .train span:after,
	.access .access_list .bus span:after {
		border-width: 8px 15px;
		border-color: transparent #cce7cd transparent transparent;
		top: 50%;
		left: -28px;
		transform: translateY(-50%);
	}
	.access .access_list .bus span:after { border-right-color: #ccdee7; }

	.access_text { margin-bottom: 10%; }
}



/* --- modal --- */
#modal {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#modalBox {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 99999;
}
#modalBg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.50);
	z-index: 1;
}
#modalBoxContents {
	padding: 50px 20px 20px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

#modalBoxContents iframe { vertical-align: bottom; }
#modalBoxContents .modalClose {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-bottom: 10px;
	position: absolute;
	top: 10px;
	right: 20px;
}
#modalBoxContents .modalClose:hover { cursor: pointer; }
#modalBoxContents .modalClose:before,
#modalBoxContents .modalClose:after {
	display: block;
	content: "";
	width: 0px;
	height: 100%;
	border-right: 3px #000 solid;
	position: absolute;
	right: 12px;
	top: 0;
	transition: .3s ease border;
}

#modalBoxContents .modalClose:before { transform: rotate(45deg); }
#modalBoxContents .modalClose:after { transform: rotate(-45deg); }
#modalBoxContents .modalClose:hover:before,
#modalBoxContents .modalClose:hover:after { border-color: #666; }


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

	#modalBoxContents {
		width: 100%;
		padding: calc(4vw + 30px) 2vw 6vw;
	}
	#modalBoxContents .modalClose {
		right: 2vw;
		top: 2vw;
	}

	#modalBoxContents iframe {
		width: 100%;
		height: 54vw; /* border‚ช–ณ‚ข๊‡‚อ56.25vw */
	}
}
@media all and (min-width: 641px) {
	#modalBoxContents iframe {
		/* 640x360 */
		width: 640px;
		height: 360px;
	}
	/* ’แ‰๐‘œ“x‚ฬ“ฎ‰ๆ‚ฬ๊‡ */
	#modalBox.low #modalBoxContents iframe {
		/* 480x270 */
		width: 480px;
		height: 270px;
	}
}



/* -----------------------------------------
	‹ŒCMฺืƒy[ƒW
----------------------------------------- */
.contentsWrapper .cmmapBnr {
	max-width: 664px;
	width: 100%;
	margin: 0 auto;
}

.oldStyle_main-block {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.oldStyle_main-image {
	width: auto !important;
	max-width: 100%;
}

.oldStyle_location-guide-image {
	display: flex;
	justify-content: center;
}
.oldStyle_location-guide-image_map > img,
.oldStyle_location-guide-image_images > li > img {
	width: auto;
	max-width: 100%;
}
.oldStyle_location-guide-image_images {
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
}
.oldStyle_location-guide-image_images > li {
	flex-basis: 230px;
	height: auto;
	margin-bottom: 1em;
}

.oldStyle_shooting-scene {
	display: flex;
	justify-content: space-between;
}
.oldStyle_shooting-scene_images { text-align: center; }
.oldStyle_shooting-scene_images > li {
	width: auto;
	height: auto;
	margin-bottom: 1em;
}
.oldStyle_shooting-scene_text { font-size: 120%; }



@media screen and (max-width: 640px) {
	.oldStyle_main-block { margin-bottom: 10%; }
	.oldStyle_main-block .image,
	.oldStyle_main-block .text { flex-basis: 100%; }
	.oldStyle_main-block .image { text-align: center; margin-bottom: 15px; }

	.oldStyle_location-guide-image { flex-wrap: wrap; }
	.oldStyle_location-guide-image_map { margin-bottom: 1em; }
	.oldStyle_location-guide-image_images {
		flex-wrap: wrap;
		justify-content: start;
	}
	.oldStyle_location-guide-image_images > li { flex-basis: 49%; }
	.oldStyle_location-guide-image_images > li:nth-child(even) { margin-left: 2%; }

	.oldStyle_shooting-scene { flex-wrap: wrap; }
	.oldStyle_shooting-scene_images,
	.oldStyle_shooting-scene_text { flex-basis: 100%; }
	.oldStyle_shooting-scene_images {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.oldStyle_shooting-scene_images > li { flex-basis: 49%; }
	.oldStyle_shooting-scene_images > li:nth-child(even) { margin-left: 2%; }
	.oldStyle_shooting-scene_images p > img { width: auto !important; }
}

@media all and (min-width: 641px) {
	.oldStyle_main-block { margin-bottom: 90px; }
	.oldStyle_main-block .image { flex-basis: 257px; }
	.oldStyle_main-block .text { flex-basis: calc(100% - 2% - 257px); }

	.oldStyle_location-guide-image_map { margin-right: 2%; margin-bottom: 2em; }

	/* ’n}‚ช‚ ‚้๊‡ */
	.oldStyle_location-guide-image_map + .oldStyle_location-guide-image_images { flex-basis: 188px; display: block; }
	.oldStyle_location-guide-image_map + .oldStyle_location-guide-image_images > li { flex-basis: 100%; }

	.oldStyle_shooting-scene_images { flex-basis: 170px; }
	.oldStyle_shooting-scene_text { flex-basis: calc(100% - 2% - 170px); }
}