@charset "Shift_JIS";

/*-------------------------------------------------------
	premium_30th.css
--------------------------------------------------------*/
@media print, screen and (min-width: 0px) {
	img {
		max-width: 100%;
		height: auto;
	}
	.pc {
		display: none;
	}

	.wrapper {
		background: url(../img/bg.png) repeat top left #d4eff9;
		background-size: 17px 17px;
	}
	.wrapper #contents-wrap {
		padding-top: 0;
		background-image: url(../img/bg_decoration01_sp.png), url(../img/bg_decoration02_sp.png);
		background-repeat: no-repeat, no-repeat;
		background-position: top left, top right;
		background-size: 40%, 40%;
	}

	/* header */
	#header {
		padding-top: 20px;
		background: url(../img/bg_ribbon.png) repeat-x top center;
		background-size: 50%;
	}
	#header > div {
		background: url(../img/bg_star_sp.png) repeat-x top 20px center;
		background-size: 91%;
	}
	#header .logo {
		margin: 0 auto;
		width: 90%;
	}


	/* contents */
	#contents {
		margin:0 auto;
		padding:0 15px 35px;
	}
	#contents * {
		box-sizing: border-box;
	}
	.ttl {
		margin: 25px auto 0;
		width: 195px;
	}
	.ttl03,
	.ttl04,
	.ttl05,
	.ttl06,
	.ttl08 {
		width: 115px;
	}
	.shopList {
		display: flex;
		flex-direction: column;
	}
	.shopList .shopBox {
		margin-top: 15px;
		padding: 20px;
		border: solid 4px #f158a3;
		border-radius: 15px;
		background: #fff;
		box-shadow: 5px 5px 2px 0px rgba(10,124,166,0.15);
	}
	.shopList .shopBox + .shopBox {
		margin-top: 25px;
	}
	.shopList .shopBox dt {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.44;
	}
	.shopList .shopBox dd:first-of-type {
		margin-top: 10px;
		padding-top: 15px;
		border-top: dotted 4px #f158a3;
	}
	.shopList .shopBox dd.info {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.shopList .shopBox dd.info.address {
		align-items: flex-start;
	}
	.shopList .shopBox dd.info.tel {
		margin-top: 10px;
	}
	.shopList .shopBox dd.info p:nth-child(1) {
		width: 50px;
		padding: 2px 5px;
		background: #f158a3;
		border-radius: 13px;
		font-size: 13px;
		color: #fff;
		text-align: center;
	}
	.shopList .shopBox dd.info p:nth-child(2) {
		width: calc(100% - 60px);
		font-size: 14px;
	}
	.shopList .shopBox dd.link {
		margin-top: 15px;
		font-size: 14px;
		font-weight: bold;
		padding-left: 15px;
		background: url(../img/icon.png) no-repeat center left;
		background-size: 9px 10px;
	}

	/* footer */
	#footer {
		padding: 10px 0 0;
		background: url(../img/bg_footer.png) repeat-x top left;
		background-size: 7%;
	}
	#footer .footerInner {
		background: #a5ddf4;
		padding: 15px;
	}
	#footer .btnTop {
		margin: 15px auto;
		width: 43%;
	}
	#footer .footerInner > div {
		display: flex;
		flex-direction: column;
	}
}

@media print, screen and (min-width: 700px) {
	.sp {
		display: none;
	}
	.pc {
		display: block;
	}

	.wrapper {
		background-size: auto;
	}
	.wrapper #contents-wrap {
		background-image: url(../img/bg_decoration01.png), url(../img/bg_decoration02.png);
		background-size: auto;
	}

	/* header */
	#header {
		padding-top: 15px;
		background-size: auto;
	}
	#header > div {
		background: url(../img/bg_star.png) repeat-x top 70px center;
		background-size: auto;
	}
	#header .logo {
		width: 926px;
	}

	/* contents */
	#contents {
		padding: 0 10px 40px;
		width: 930px;
	}
	.ttl {
		margin: 40px auto 0;
		width: 280px;
	}
	.ttl.ttl01 {
		margin-top: 0;
	}
	.ttl03,
	.ttl04,
	.ttl05,
	.ttl06,
	.ttl08 {
		width: 165px;
	}
	.shopList {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.shopList .shopBox {
		margin-top: 20px;
		padding: 25px 28px;
		border: solid 5px #f158a3;
		border-radius: 18px;
		width: 48%;
	}
	.shopList .shopBox + .shopBox {
		margin-top: 20px;
	}
	.shopList .shopBox:nth-child(n+3) {
		margin-top: 40px;
	}
	.shopList .shopBox dt {
		font-size: 21px;
	}
	.shopList .shopBox dd:first-of-type {
		margin-top: 10px;
		padding-top: 15px;
		border-top: dotted 4px #f158a3;
	}
	.shopList .shopBox dd.info.tel {
		margin-top: 10px;
	}
	.shopList .shopBox dd.info p:nth-child(1) {
		width: 54px;
		border-radius: 15px;
		font-size: 15px;
	}
	.shopList .shopBox dd.info p:nth-child(2) {
		width: calc(100% - 65px);
		font-size: 16px;
		line-height: 1.5;
	}
	.shopList .shopBox dd.link {
		font-size: 16px;
		padding-left: 18px;
		background-size: 10px 12px;
	}

	/* footer */
	#footer {
		padding: 20px 0 0;
		background-size: auto;
	}
	#footer .footerInner {
		background: #a5ddf4;
		padding: 15px;
		width: auto;
	}
	#footer .btnTop {
		margin: 30px auto 20px;
		width: 215px;
	}
	#footer .footerInner > div {
		margin: 0 auto;
		width: 930px;
		display: flex;
		flex-direction: row;
		justify-content: center;
	}
	#footer .allrights {
		margin: auto;
	}
}