@charset "utf-8";

/*------------------------------------------------

		main

------------------------------------------------*/
.md_under_wrap {
	top: 0px;
	text-align: justify;
}
@media (max-width: 559px) {
	.md_under_wrap {
		top: 0;
	}
}
.md_under_wrap:has(.is_okayama) {
	background: url(../img/okayama/okayama_top_bk.png) no-repeat top / contain #714e9c;
}
@media (max-width: 1919px) {
.md_under_wrap:has(.is_okayama) {
	background: url(../img/okayama/okayama_top_bk.png) no-repeat 0 -3.2% / contain #714e9c;
	}
}
@media (max-width: 1619px) {
.md_under_wrap:has(.is_okayama) {
	background: url(../img/okayama/okayama_top_bk.png) no-repeat 0 -3% / contain #714e9c;
	}
}
@media (max-width: 1439px) {
.md_under_wrap:has(.is_okayama) {
	background: url(../img/okayama/okayama_top_bk.png) no-repeat 0 -1% / contain #714e9c;
	}
}
@media (max-width: 559px) {
	.md_under_wrap:has(.is_okayama) {
		background: url(../img/okayama/okayama_top_bk_sp.png) no-repeat top / contain #714e9c;
	}
}

/*------------------------------------------------

		md_special_wrap

------------------------------------------------*/
.md_under_wrap {
  position: relative;
}
.md_ttl_under.is_minabe {
	position: relative;
	background: none;
	overflow: hidden;
	padding: 0;
	background: #2ba6e1;
}
.md_ttl_under.is_okayama {
	position: relative;
	background: none;
	overflow: hidden;
	padding: 60px 0 0;
	background: none;
}
@media (max-width: 767px) {
	.md_ttl_under.is_okayama {
    padding: 20px 0 0;
	}
}
.md_ttl_under.is_okayama .md_ttl {
	text-align: center;
}
@media (max-width: 767px) {
	.md_ttl_under.is_okayama .md_ttl img {
			zoom: 0.45;
	}
}
.md_ttl_under .md_inner {
	max-width: 1200px;
}
.md_rule {
	padding: 60px 8%;
}
.md_inner.bk_white,.md_inner.bk_yellow,.md_inner.bk_rgreen {
	background: #FFF;
	border-radius: 30px;
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 60px;
}
.md_inner.bk_yellow {
	background: #ffe63f;
	margin-top: 60px;
	padding-bottom: 0;
}
.md_inner.bk_rgreen {
	background: #ecf2ce;
	margin-top: 60px;
	padding-bottom: 0;
}
.md_inner.bk_rgreen + .md_inner.bk_white {
	margin-top: 60px;
}
.md_area {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 4%;
	gap: 40px 0;
}
.md_area.takarazuka {
	padding: 3% 4%;
}
.md_area .md_area_list {
	width: 47.5%;
	position: relative;
}
.md_area .md_area_list h2 {
	margin: -9.3% 0 0 -18%;
}
.md_area.takarazuka .md_area_list h2 {
	margin: -7.2% 0 0 -18%;
}
.md_area .md_area_list.area01 .md_area_list_ttl {
	margin-top: -15%;
	margin-bottom: -15%;
}
.md_area .md_area_list.area03 .md_area_list_ttl {
	margin-bottom: -11%;
}
.md_area .md_schedule_month {
	background: #47a638;
	border-radius: 100000px;
	line-height: 1;
	color: #FFF;
	padding: 10px;
	font-size: 18px;
	font-weight: 900;
	text-align: center;
	width: 100%;
}
.md_area .md_schedule_day {
	font-size: 24px;
	font-weight: 900;
	color: #47a638;
	text-align: center;
	line-height: 1.5;
	margin-top: 5px;
}
.md_area .md_schedule_day + .md_schedule_month {
	margin-top: 10px;
}
.md_area .md_schedule_day small {
	font-size: 16px;
}
.md_area .md_schedule_place {
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	margin-top: 10px;
}
.md_area .md_schedule_place span {
	font-weight: 400;
	font-size: 14px;
}
.md_area .md_schedule_ttl {
	display: block;
	max-width: 300px;
	margin: 0 auto 20px;
}
.md_area .md_schedule2 {
	font-weight: 700;
}
.md_area .md_schedule2 .md_schedule2_time {
	display: flex;
	align-items: center;
	gap: 10px;
}
.md_area .md_schedule2 .md_schedule2_time span {
	background: #a61269;
	border-radius: 1000px;
	color: #FFF;
	display: block;
	font-weight: 700;
	padding: 5px 10px;
	text-align: center;
	width: 100px;
}
.md_area .md_schedule2 .md_schedule2_time strong {
	font-size: 32px;
	font-weight: 900;
}
.md_area .md_schedule2 .md_schedule2_time small {
	font-size: 0.6em;
}
.md_area .md_schedule2 .md_schedule2_text {
	font-size: 18px;
	margin-top: 10px;
	line-height: 1.2;
}
.md_area .md_schedule2 .md_schedule2_text span {
	font-size: 0.7em;
}
.md_area .md_schedule2 > img {
	width: 50%;
	display: block;
	margin: -100px 0 0 auto;
}
.md_area_list_text {
	font-weight: 700;
}
.md_area_list.area02 .md_area_list_text {
	width: calc(100% - 150px);
}
.md_area_list_text_yellow {
	background: #ffe55f;
	font-size: 0.8em;
	padding: 10px;
	margin-top: 20px;
}
.md_area_list_text .is_pink {
	color: #ec6d7f;
	font-size: 20px;
	font-weight: 700;
	position: relative;
	padding: 0 2em;
	width: fit-content;
}
.md_area_list_image {
	max-width: 260px;
	position: absolute;
	right: 0%;
	bottom: -5px;
	width: 50%;
}
.md_area_list h3 {
	line-height: 1.5;
	font-size: 22px;
	font-weight: 700;
	margin-top: 20px;
}
.md_area_list h3 strong,
.md_stamp h3 {
	color: #ec6d7f;
	font-size: 36px;
	font-weight: 900;
	display: block;
}
.md_area_list h3 span {
	color: #ec6d7f;
}
.takarazuka .md_area_list h3 strong {
	color: #a61269;
}
.takarazuka .md_area_list h3 {
	margin: 0;
}
.md_stamp .md_stamp_ttl h3 {
	color: #e75297;
	line-height: 1.3;
}
.md_area_list_item {
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.md_area_list_item p {
	font-weight: 700;
	font-size: 18px;
}
.md_area_list_item p .is_insta {
	background: #ec6d7f;
	border: 2px solid #ec6d7f;
	border-radius: 1000px;
	color: #FFF;
	margin-right: 5px;
	padding: 2px 10px;
}
.md_area_list_item p .is_insta:hover {
	border: 2px solid #ec6d7f;
	background: #FFF;
	color: #ec6d7f;
}
.md_area_list_item img {
	width: 63px;
	margin-right: 10px;
}
.md_area_coupon {
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	margin: 20px 0 0 0;
}
.md_area_coupon .md_area_coupon_ttl {
	background: #47a638;
	color: #FFF;
	border-radius: 10px 10px 0 0;
	padding: 5px;
	margin-top: 20px;
}
.md_area_coupon .md_area_coupon_ttl + p {
	color: #47a638;
	border: 2px solid #47a638;
	border-top: none;
	border-radius: 0 0 10px 10px;
	padding: 10px;
}
.md_area_list.area02 .md_area_list_image {
	bottom: unset;
	top: 125px;
	text-align: right;
	max-width: 200px;
	width: 25%;
}
.takarazuka .md_area_list .md_area_list_image {
	max-width: 110px;
	bottom: 0px;
}
.md_step_list {
	margin-top: 20px;
}
.md_step_list li {
	margin-top: 20px;
}
.md_step_list li:not(:first-child):before {
	content: "";
	display: block;
	width: 20px;
	height: 10px;
	background-color: #e75297;
	clip-path: polygon(50% 10px, 0% 0%, 20px 0%);
	margin: 0 auto 20px;
}
.md_step_list .md_step_list_ttl {
	border-radius: 1000px;
	background: #ec6d7f;
	color: #FFF;
	margin: 0 auto;
	text-align: center;
	width: 140px;
	z-index: 1;
	position: relative;
}
.md_step_list .md_step_list_text {
	background: #f8d1da;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	margin-top: -15px;
}
.md_map {
	width: 92%;
	margin: 40px auto 0;
	position: relative;
	display: flex;
  align-items: center;
	justify-content: space-between;
}
.md_map a {
	width: calc(100% - 400px);
	display: block;
	margin: 0 auto;
	text-align: center;
	background: #47a638;
	border: 2px solid #47a638;
	color: #FFF;
	font-size: 20px;
	font-weight: 700;
	padding: 20px;
	border-radius: 20px;
	transition: all 0.5s;
}
.md_map a:hover {
	border: 2px solid #47a638;
	background: #FFF;
	color: #47a638;
}

.md_stamp {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 4%;
}
.md_stamp .md_stamp_ttl,
.md_stamp .md_stamp_about {
	width: 47.5%;
}
.md_stamp .md_stamp_ttl {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.md_stamp .md_stamp_ttl > img {
	width: 40%;
}
.md_stamp .md_stamp_ttl .md_stamp_schedule {
	width: 60%;
}
.md_stamp .md_stamp_ttl .md_stamp_schedule > p {
	font-weight: 700;
	margin-top: 20px;
	font-size: 20px;
	line-height: 1;
}
.md_stamp .md_stamp_ttl .md_stamp_schedule > p + p {
	margin-top: 10px;
}
.md_stamp .md_stamp_ttl .md_stamp_schedule > p span {
	font-size: 0.8em;
	background: #e75297;
	color: #FFF;
	padding: 5px 10px;
	border-radius: 1000px;
	display: inline-block;
	margin-right: 5px;
}
.md_stamp_about {
	background: #FFFF;
	border-radius: 20px;
	padding: 20px;
	box-shadow: 10px 10px 0px 0px #cfcb6f;
	border-radius: 10px;
	font-weight: 700;
  font-size: 18px;
}
.md_stamp_about_contact {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 20px;
}
.md_stamp_about_contact_l {
	display: flex;
	flex-direction: column;
	text-align: left;
}
.md_stamp_about_contact_l > img {
	width: 230px;
	margin-top: 10px;
}
.md_stamp_about_contact + a {
	background: #d73251;
	color: #FFF;
	padding: 10px;
	border-radius: 10px;
	text-align: center;
	margin-top: 15px;
	width: 100%;
	display: none;
}
.md_stamp_about > small {
	font-size: 14px;
}
.md_stamp .md_stamp_ttl > p {
	width: 100%;
	font-weight: 700;
	font-size: 18px;
}
.md_place {
	padding: 4%;
}
.md_place_ttl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}
.md_place_ttl > picture {
	width: 25%;
}
.md_place_ttl .md_place_text {
	font-weight: 700;
	width: calc(75% - 20px);
}
.md_place_ttl .md_place_text h2,
.md_place_ttl2 .md_place_text h2,
.md_place_plan h3 {
	color: #e75297;
	font-size: 36px;
	font-weight: 900;
	display: block;
}
.md_place_ttl2 {
	margin-top: 20px;
	width: 100%;
	position: relative;
	text-align: center;
}
.md_place_ttl2 .md_place_text h2 {
	color: #e75297;
	font-size: 34px;
	font-weight: 900;
	display: block;
}
.md_place_ttl2 > img {
	position: absolute;
	right: 0;
	width: 160px;
	top: 0;
}
.md_place_plan {
	margin-top: 50px;
	position: relative;
}
.md_place_plan + .md_place_plan {
	margin-top: 60px;
}
.md_place_plan h3 {
	font-size: 30px;
	font-weight: 900;
	display: block;
	text-align: center;
	/* background: url(../img/special/md_place_plan_line.png) center bottom / 100% 15px no-repeat; */
	width: fit-content;
	padding: 0 1em;
	line-height: 1;
	margin: 0 auto;
}
.md_place_plan > picture {
	max-width: 900px;
	margin: 20px auto 0;
	display: block;
	width: 100%;
}
.md_place_plan.plan01 span {
	position: absolute;
	right: calc(0% + 100px);
	width: 150px;
	top: -20px;
}
.md_place_plan.plan02 span {
	position: absolute;
	left: 0;
	width: 200px;
	top: -20px;
}
.md_place_plan.plan03 span {
	position: absolute;
	right: 0;
	width: 190px;
	top: -30px;
}
.md_place .md_map {
  width: 100%;
}
br.sp {
	display: none !important;
}
@media (max-width: 767px) {
	.md_inner.bk_white,.md_inner.bk_yellow,.md_inner.bk_rgreen {
		border-radius: 15px;
	}
	.md_rule {
    padding: 15px 4%;
	}
	.md_area {
		gap: 0;
	}
	.md_area .md_area_list {
    width: 100%;
	}
	.md_area .md_area_list.ttl {
		margin-bottom: 30px;
	}
	.md_area.takarazuka .md_area_list.ttl {
		margin-bottom: 0px;
	}
	.md_area .md_area_list h2,
	.md_area.takarazuka .md_area_list h2 {
    margin: -4.3% 0 0 -14%;
	}
	.md_area.takarazuka .md_area_list h2 {
    margin: -3.3% 0 0 -14%;
	}
	.md_area .md_schedule_day {
		font-size: 18px;
	}
	.md_area .md_schedule_day small {
		font-size: 13px;
}
	.md_area .md_schedule_place {
    font-size: 16px;
		letter-spacing: 0;
	}
	.md_area .md_schedule_place span {
    font-size: 12px;
	}
	.md_area_list.area02,
	.md_area_list.area03 {
		margin-top: 60px;
	}
	.md_area .md_area_list.area01 .md_area_list_ttl {
    margin-top: 0%;
		margin-bottom: -20px;
	}
	.md_area .md_area_list.area03 .md_area_list_ttl {
		margin-bottom: 0;
	}
	.md_area_list h3 {
    font-size: 16px;
		margin-top: 0;
	}
	.md_area_list h3 br {
		display: none;
	}
	.md_area_list.area01 h3 br {
		display: block;
	}
	.md_area_list h3 strong, .md_stamp h3 {
    font-size: 28px;
	}
	.md_area_list_text .is_pink {
		font-size: 18px;
	}
	.md_area_list_item img {
		width: 43px;
	}
	.md_area_list_item p {
		font-size: 16px;
	}
	.md_area_list.area01 .md_area_list_image {
		width: 100px;
		bottom: 70px;
	}
	.md_area_list.area02 .md_area_list_image {
    top: 130px;
    width: 100px;
    right: -30px;
	}
	.md_area_list.area02 .md_area_list_text {
    width: calc(100% - 76px);
	}
	.md_area_coupon .md_area_coupon_ttl {
    font-size: 15px;
	}
	.md_area_coupon .md_area_coupon_ttl + p {
    font-size: 15px;
	}
	.md_map a {
    width: 100%;
		font-size: 16px;
		border-radius: 10px;
	}
	.md_map::before,
	.md_map::after {
    width: 110px;
    height: 180px;
    left: -20px;
    top: -90px;
	}
	.md_map::after {
    right: -25px;
    left: auto;
    top: auto;
    bottom: -120px;
	}
	.md_area .md_schedule2 .md_schedule2_time {
    flex-direction: column;
    gap: 0;
	}
	.md_area .md_schedule2 .md_schedule2_time strong {
    line-height: 1;
	}
	.md_area .md_schedule2 .md_schedule2_text {
    font-size: 16px;
    margin-top: 10px;
    letter-spacing: 0;
	}
	.md_area .md_schedule2 > img {
		width: 140px;
		margin: -70px -20px 20px auto;
	}
	.md_area.takarazuka {
		padding-bottom: 90px;
	}
	.takarazuka .md_area_list .md_area_list_image {
		max-width: 160px;
		bottom: -70px;
		right: 10px;
	}
	.md_stamp .md_stamp_ttl {
    flex-direction: column;
	}
	.md_stamp .md_stamp_ttl h3 br {
		display: none;
	}
	.md_stamp .md_stamp_ttl .md_stamp_schedule {
    width: 100%;
	}
	.md_stamp .md_stamp_ttl .md_stamp_schedule h3 {
    width: fit-content;
		margin: 0 auto;
	}
	.md_stamp .md_stamp_ttl, .md_stamp .md_stamp_about {
		width: 100%;
	}
	.md_stamp .md_stamp_ttl .md_stamp_schedule > p {
    width: fit-content;
    margin: 10px auto 0;
	}
	.md_stamp .md_stamp_ttl > p {
    font-size: 16px;
    margin-top: 20px;
	}
	.md_stamp_about {
		margin-top: 20px;
		font-size: 15px;
		box-shadow: 5px 5px 0px 0px #cfcb6f
	}
	.md_stamp_about_contact + a {
		display: block;
	}
	.md_stamp_about > small {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 10px;
    display: block;
	}
	.md_stamp_about_contact_r {
		width: 90px;
    margin-left: 10px;
		display: none;
	}
	.md_place_ttl {
    flex-direction: column;
	}
	.md_place_ttl > picture {
		width: 375px;
		max-width: 290px;
		padding: 0px 10px 0 65px;
		margin: 0 auto -80px;
		display: block;
	}
	.md_place_ttl .md_place_text {
		width: 100%;
	}
	.md_place_ttl .md_place_text h2, .md_place_ttl2 .md_place_text h2, .md_place_plan h3 {
    font-size: 28px;
		width: 100%;
		padding: 0;
		line-height: 1.2;
	}
	.md_place_ttl .md_place_text h2 {
		width: fit-content;
    margin: 0 auto 20px;
    padding: 0px 140px 0 0;
	}
	.md_place_plan h3 {
		font-size: 24px;
	}
	.md_place_ttl2 .md_place_text h2 {
		font-size: 26px;
		line-height: 1.2;
	}
	.md_place_ttl2 {
    margin-top: 40px;
	}
	.md_place_ttl2 > img {
    width: 130px;
    top: -60px;
	}
	.md_place_plan.plan01,
	.md_place_plan.plan02,
	.md_place_plan.plan03 {
    margin-top: 90px;
	}
	.md_place_plan.plan01 span {
		width: 130px;
		top: -50px;
		right: 0;
	}
	.md_place_plan.plan02 span {
    width: 170px;
		top: -50px;
	}
	.md_place_plan.plan03 span {
    width: 150px;
		top: -50px;
	}
	.md_place_plan > picture {
    max-width: 150px;
	}
	.md_place_plan.plan03 > picture {
		max-width: 185px;
		margin-left: calc((100% - 197px) / 2);
	}
	br.sp {
		display: block !important;
	}
}
/*------------------------------------------------

		md_schedule
		about.cssにもおなじ記述アリ

------------------------------------------------*/

.l_footer {
    padding: 35px 0% 0;
}
.l_footer .md_inner {
	width: 90%;
}
.l_footer .md_text {
    max-width: 1200px;
    font-weight: 600;
	font-size: 2.0rem;
}
.l_footer .md_button {
    max-width: 1200px;
    margin: 0px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.l_footer .md_btn {
    width: 47.5%;
}
.l_footer .md_inner .md_logo {
	width: 200px;
    margin: 40px auto;
}
.l_footer .md_inner .md_logo a {
	width: 100%;
	display: block;
}
.l_footer .md_inner .md_logo a img {
	width: 100%;
}
.l_footer .md_copyarea {
	background: #FFF;
	padding: 30px 0;
}
.l_footer .md_copyarea .md_logo {
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.l_footer .md_copyarea .md_logo img:first-child {
	width: 25%;
	display: block;
	width: 90px;
}
.l_footer .md_copyarea .md_logo img:last-child {
	width: 40%;
	display: block;
	width: 150px;
}
.l_footer .md_copyarea .md_logo.is_okayama img {
	width: 700px;
}
@media (max-width: 767px) {
	.l_footer .md_copyarea .md_logo.is_okayama img {
		width: 180px;
	}
}
.l_footer .md_copy {
    width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.md_btn a {
	background: #d83251;
    border: 2px solid #d83251;
	border-radius: 10px;
}
.md_btn a::after,
.md_btn a::before {
	content: none;
}
.md_btn a {
	padding: 10px 0;
    text-align: center;
}
.l_footer .md_btn {
    margin-top: 25px;
}
@media (max-width: 767px) {
	.l_footer {
		padding: 45px 0% 0;
	}
	.l_footer .md_text {
		font-size: 1.6rem;
	}
	.l_footer .md_btn {
		width: 100%;
	}
	.l_footer .md_btn {
		margin-top: 10px;
	}
}

.md_spot_detail {
	max-width: 930px;
}
.md_spot_detail .md_flag {
	background: url(../img/special/shop/img_flag_minabe.svg) center center / auto no-repeat;
}
.md_spot_detail .md_inner {
	margin-top: 40px;
}
.md_spot_detail h1 {
	color: #e62d54;
	border-color: #e62d54;
}
.md_spot_detail h1 .md_category {
	display: inline-flex !important;
	margin: 10px 0 0 auto !important;
	gap: 10px;
}
.md_spot_detail .md_text,
.md_spot_detail .md_image {
	width: 48.5%;
}
.md_spot_detail .md_card_spot .md_iframe {
	width: 100% !important;
}
.md_spot_detail .md_card_spot .md_iframe iframe {
	height: 320px !important;
}
.md_spot_detail h1 .md_category span {
	font-size: 2.4rem !important;
}
.md_spot_detail h1 .md_category {
	padding-right: 0 !important;
}
.md_spot_detail .md_catch {
	color: #e62d54;
}
@media (max-width: 767px) {
	.md_spot_detail .md_text,
	.md_spot_detail .md_image {
		width: 100%;
	}
}
@media (max-width: 559px) {
	.md_spot_detail .md_flag {
		background-size: 65px;
	}
	.md_spot_detail .md_inner {
    margin-top: 15px;
	}
	.md_spot_detail h1 span:not(.is_code):not(.is_museum) {
			border-radius: 5px;
			font-size: 1.2rem !important;
			margin: 0;
			padding: 5px 10px;
			text-indent: 0;
	}
}

.md_special_wrap.is_okayama_top {
	font-family: "Zen Kaku Gothic Antique", sans-serif;
}
.md_special_wrap.is_okayama_top .md_list_ttl {
	position: relative;
}
.md_special_wrap.is_okayama_top .md_list_ttl::before {
	position: absolute;
	content: "";
	background: url(../img/okayama/ttl_style.png) no-repeat;
	background-size: 70%;
	left: 15px;
    top: 15px;
    width: 44px;
    height: 44px;
	z-index: 10;
}
.md_special_wrap.is_okayama_top .md_list_ttl::after {
	position: absolute;
	content: "";
	background: url(../img/okayama/ttl_style.png) no-repeat;
	transform: scaleX(-1);
	background-size: 70%;
	right: 15px;
    top: 15px;
    width: 44px;
    height: 44px;
	z-index: 10;
}
.md_special_wrap.is_okayama_top .md_list_ttl h2 {
	font-size: 30px;
	background: #e3007f;
	color: #FFF;
	text-align: center;
	padding: 10px;
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 700;
}
.md_special_wrap.is_okayama_top .md_list_ttl h2.step_01,
.md_special_wrap.is_okayama_top .md_list_ttl h2.step_02 {
	position: relative;
}
.md_special_wrap.is_okayama_top .md_list_ttl h2.step_01 img,
.md_special_wrap.is_okayama_top .md_list_ttl h2.step_02 img {
	width: 7%;
    display: inline-block;
    margin: 0 2% 10px;
}
.md_special_wrap.is_okayama_top .md_list_ttl h2 span {
	position: relative;
}
.md_special_wrap.is_okayama_top .md_list_ttl h2 span .sp {
	display: none;
}
.md_special_wrap.is_okayama_top .md_inner.bk_yellow {
	padding: 4%;
	margin-top: 0;
}
.md_special_wrap.is_okayama_top .md_list_wrap.coupon {
	align-items: center;
	display: flex;
	gap: 30px;
	justify-content: space-between;
	padding: 30px 20px 40px;
}
.md_special_wrap.is_okayama_top .md_list_wrap.service-area .is_service-area {
	width: 69%;
}
.md_special_wrap.is_okayama_top .md_list_wrap.service-area .is_sales-period-label {
	font-size: 22px;
    font-family: 'M PLUS Rounded 1c', "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
    font-weight: 700;
	line-height: 1.4;
	margin: 15px 0;
}
.md_special_wrap.is_okayama_top .md_list_wrap.service-area .is_sales-period-label .sp {
	display: none;
}
.md_special_wrap.is_okayama_top .md_list_wrap.ja {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px;
	margin: -18% 0 0 0;
	padding: 0 0 40px;
}
.md_special_wrap.is_okayama_top .md_list_wrap.ja .is_note {
	position: relative;
	display: flex;
    flex-direction: column;
	align-items: flex-end;
    z-index: 1;
}
.md_special_wrap.is_okayama_top .md_list_wrap.ja .is_note img {
	width: 75%;
    z-index: 0;
}
.md_special_wrap.is_okayama_top .md_list_wrap.ja .is_note .is_text {
	font-weight: 700;
    line-height: 1.4;
	background: #fff;
    padding: 15px;
    border: 4px solid #e3007f;
    margin: -70px 0 0 0;
	z-index: 10;
}
.md_special_wrap.is_okayama_top .md_list_wrap.ja .is_note .is_text span:first-child {
    font-size: 22px;
    font-family: "Zen Kaku Gothic Antique", sans-serif;
	color: #e3007f;
}
.md_special_wrap.is_okayama_top .md_list_wrap.ja .is_text span:last-child {
    font-size: 16px;
	margin: 10px 0 0;
    display: inline-block;
}
.md_special_wrap.is_okayama_top .md_list_wrap.service-area .is_sales-period-label span {
	width: 70%;
    margin: 0 0 -45px auto;
	font-size: 16px;
}
.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step {
	display: flex;
	justify-content: space-between;
	gap: 40px;
	padding: 30px 20px 40px;
}
.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step li {
	width: 33.3%;
	background: #FFF;
	border: 5px solid #713991;
	border-radius: 40px;
	padding: 20px 20px 0;
	text-align: center;
	position: relative;
	height: 100%;
}
.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step li::before {
	content: "";
	display: block;
  width: 0;
  height: 0;
  border-left: 20px solid #713991;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
	position: absolute;
	left: calc(100% + 16px);
  top: calc(50% - 30px);
}
.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step li:nth-child(3) {
	padding-bottom: 15px;
} 
.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step li:nth-child(3)::before {
	display: none;
} 
.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step li p,
.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step li p img {
	display: block;
	height: 24px;
	width: auto;
	margin: 0 auto;
}
.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step li h3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	margin-top: 20px;
	color: #713991;
}
.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step li h3 span {
	background: #ffe63f;
}
.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step li > img {
	position: absolute;
	bottom: 85%;
	right: 10%;
	width: 65%;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map > .is_map {
	margin-top: 20px;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map h3 {
	background: #e3007f;
	border-radius: 70px;
	color: #FFF;
	font-weight: 700;
	font-size: 24px;
	text-align: center;
	padding: 5px;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail {
	display: flex;
	justify-content: space-between;
	gap: 40px;
	margin-top: 20px;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop,
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get {
	width: 100%;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li > p {
	align-items: center;
	color: #e3007f;
	font-size: 22px;
	font-weight: 700;
	display: flex;
	gap: 4px;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li > p strong {
	font-size: 24px;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li {
	margin-top: 30px;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image {
	display: flex;
  justify-content: space-between;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image {
	display: flex;
  justify-content: space-between;
	flex-wrap: wrap;
	gap: 15px 0;
	margin: 10px 0 0;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_img {
	width: 47% ;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_detail {
	width: calc(53% - 15px);
	font-size: 15px;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_map iframe {
	width: 100%;
	height: 100%;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_map {
	width: 100%;
	font-weight: 700;
	font-size: 18px;
	height: 230px;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_detail span {
	display: block;
	font-weight: 700;
	letter-spacing: 0.01em;
	position: relative;
	display: flex;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_detail span + span {
	margin-top: 5px;
}
/* .md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_detail span:first-child {
	margin-left: 38px;
} */
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_detail span strong {
	text-wrap: nowrap;
	word-break: break-all
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_detail span:nth-child(n + 2) strong{
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	min-width: 66px;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_detail span strong::before {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	content: "";
	width: 16px;
	height: 22px;
	display: inline-flex;
	align-items: flex-start;
	justify-content: revert;
	position: absolute;
	left: 0;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_detail span strong::after {
	border-top: 2px dotted #000;
	content: "";
	display: block;
	width: 7px;
	height: 1px;
	position: absolute;
	top: 11px;
	right: 5px;
	padding-right: 5px;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_detail span.is_address strong::before {
	background-image: url(../img/okayama/okayama_icon_address.png);
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_detail span.is_time strong::before {
	background-image: url(../img/okayama/okayama_icon_time.png);
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_detail span.is_tel strong::before {
	background-image: url(../img/okayama/okayama_icon_tel.png);
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_detail span.is_holiday strong::before {
	background-image: url(../img/okayama/okayama_icon_holiday.png);
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get .is_grape,
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get p,
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get .is_img {
	width: 92%;
	margin-left: 4%;
	margin-right: 4%;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get .is_grape {
	margin-top: 30px;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get p {
	font-size: 20px;
	font-family: 'M PLUS Rounded 1c', "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", 游ゴシック体, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	font-weight: 700;
	margin-top: 20px;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get .is_comment {
	margin-top: 20px;
	font-size: 16px;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get .is_img {
	display: block;
	width: 105%;
    margin: -60px auto -15px;
    position: relative;
    z-index: 1;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get ul {
	margin-top: 0px;
    position: relative;
    z-index: 10;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get ul li + li {
	margin-top: 20px;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get ul li a {
	background: #e3007f;
	color: #FFF;
	border-radius: 10px;
	padding: 5px;
	font-weight: 700;
	font-size: 22px;
	text-align: center;
	width: 100%;
	max-width: 350px;
	margin: 0 auto;
	display: block;
	transition: all 0.5s;
}
.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get ul li a:hover {
	opacity: 0.5;
}

@media (max-width: 767px) {
	.md_special_wrap.is_okayama_top .md_inner.bk_yellow {
		padding: 60px 4% 4% 4%;
		margin-top: 0;
	}
	.md_special_wrap.is_okayama_top .md_list_ttl h2 {
		font-size: 20px;
		line-height: 1.4;
        padding: 9px;
	}
	.md_special_wrap.is_okayama_top .md_list_ttl::before {
		left: 15px;
        top: 15px;
        width: 28px;
        height: 28px;
	}
	.md_special_wrap.is_okayama_top .md_list_ttl::after {
		right: 15px;
        top: 15px;
        width: 28px;
        height: 28px;
	}
	.md_special_wrap.is_okayama_top .md_list_ttl h2.step_01 img.pc,
	.md_special_wrap.is_okayama_top .md_list_ttl h2.step_02 img.pc {
		display: none;
	}
	.md_special_wrap.is_okayama_top .md_list_ttl h2.step_01::before,
	.md_special_wrap.is_okayama_top .md_list_ttl h2.step_02::before {
		position: absolute;
        content: "";
        top: -36px;
        left: 50%;
        transform: translateX(-50%);
        width: 36%;
        height: 36%;
	}
	.md_special_wrap.is_okayama_top .md_list_ttl h2.step_01::before {
		background: url(../img/okayama/step_01_sp.png) no-repeat;
		background-size: contain;
	}
	.md_special_wrap.is_okayama_top .md_list_ttl h2.step_02::before {
		background: url(../img/okayama/step_02_sp.png) no-repeat;
		background-size: contain;
	}
	.md_special_wrap.is_okayama_top .md_list_ttl h2 span {
		margin: 0;
	}
	.md_special_wrap.is_okayama_top .md_list_ttl h2 span .sp {
		display: block;
	}
	.md_special_wrap.is_okayama_top .md_list_ttl h2 small {
		display: block;
		margin-top: 10px;
		line-height: 1;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.coupon,
	.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step {
		padding: 20px 10px 20px;
		gap: 20px 4%;;
		flex-direction: column;
		max-width: 450px;
		margin: 0 auto;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.coupon .is_travel,
	.md_special_wrap.is_okayama_top .md_list_wrap.coupon .is_rank {
		width: 100%;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.coupon .is_ja {
		margin-top: -17%;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step li {
		width: 65%;
		border: 4px solid #713991;
		border-radius: 30px;
		padding: 20px 10px 0;
		text-align: center;
		position: relative;
		margin-left: auto;
		margin-right: auto;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step li + li {
		margin-top: 20px;
}
	.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step li h3 {
    font-size: 16px;
		margin-top: 20px;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step li > img {
		position: absolute;
		bottom: 60%;
		right: -40%;
		width: 65%;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step li::before {
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		border-top: 20px solid #713991;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step li::before {
		top: calc(100% + 16px);
		left: calc(50% - 30px);
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step li::after {
		content: "";
		display: block;
		width: 70px;
		height: 90px;
		background: url(../img/special/md_list_okayama_step_grape.png) center / contain no-repeat;
		left: -40%;
		top: 20%;
		position: absolute;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step li:nth-child(1):after {
		background: url(../img/special/md_list_okayama_step_flag.png) center / contain no-repeat;
		height: 140px;
		top: 70%;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.campaign .md_list_step li:nth-child(2):after {
		background: url(../img/special/md_list_okayama_step_car.png) center / contain no-repeat;
		right: -40%;
		left: auto;
		top: -20%;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.service-area .is_service-area {
		width: 100%;
		text-align: center;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.service-area .is_sales-period-label {
		font-size: 18px;
		letter-spacing: -0.01em;
		text-align: center;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.service-area .is_sales-period-label .sp {
		display: block;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.service-area .is_sales-period-label span {
		font-size: 12px;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.ja .is_note .pc {
		display: none;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.ja .is_note .is_text span:first-child {
		font-size: 14px;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.ja .is_text span:last-child {
		font-size: 11px;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.ja {
		flex-direction: column;
		margin: 0 auto;
		padding: 0 0 60px;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.ja .is_ja {
		margin: 0 auto;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.ja .is_note {
    	margin: 15px 0 0;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.ja .is_note img {
		display: none;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.ja .is_note .is_text {
		margin: 0 auto;
		padding: 7.5px;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.map > .is_map {
    margin-top: 10px;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail {
  	flex-wrap: wrap;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li {
    margin-top: 10px;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li + li {
    margin-top: 20px;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li > p strong {
		font-size: 20px;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li > p {
    font-size: 16px;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.map h3 {
    font-size: 20px;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_img {
		width: calc(40% - 10px);
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_map {
		order: 3;
		width: 100%;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_detail {
    width: 60%;
    font-size: 12px;
    letter-spacing: 0;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get p {
    font-size: 16px;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get p {
    font-size: 16px;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get .is_comment {
    margin-top: 10px;
    font-size: 12px;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get .is_img {
		margin: 0 auto;
		width: 100%;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get ul {
		margin-top: 20px;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get ul li a {
    padding: 3px;
    font-size: 16px;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_get ul li + li {
    margin-top: 10px;
	}
	.md_special_wrap.is_okayama_top .md_list_wrap.map .md_list_detail .md_list_detail_shop ol li .md_list_detail_shop_image .is_map {
		height: 150px;
	}
}
@media (min-width: 1440px) {
.md_special_wrap.is_okayama_top .md_list_wrap.ja {
        margin: -21.5% 0 0 0;
	}
}