@charset "Shift_JIS";

/*-------------------------------------------------------
	shop.css
--------------------------------------------------------*/
@media print, screen and (min-width: 0px) {
	/*common*/
	#contents {
		margin:0 auto;
		padding:0 10px 15px;
	}
	#header .pcHeader {
		display:none;
	}
	#header .spHeader .spHeaderInner {
		margin-bottom:5px;
	}
	#header .spHeader h1 {
		float:left;
		width:85%;
	}
	#header .spHeader h1 img {
		max-width:257px;
	}
	#header .spHeader .btnMenu {
		float:right;
		width:14.3%;
		margin-top:19px;
	}
	#header .spHeader .btnMenu img {
		max-width:43px;
	}
	#header .spHeader .menublock {
		background:#fff;
		padding:10px 10px 15px;
		font-size:15px;
		display:none;
	}
	#header .spHeader .menublock dl {
		border-bottom:dotted 1px #c3c3c3;
		margin-bottom:13px;
		padding-bottom:13px;
	}
	#header .spHeader .menublock dt {
		background:#e24a94;
		color:#fff;
		padding:10px;
	}
	#header .spHeader .menublock ul {
		border-left:solid 1px #c3c3c3;
	}
	#header .spHeader .menublock ul li {
		border-right:solid 1px #c3c3c3;
		border-bottom:solid 1px #c3c3c3;
	}
	#header .spHeader .menublock ul li a {
		padding:13px 10px;
		display:block;
		background:url(../img/icon_arrow05.gif) no-repeat 95% center;
		background-size:9px 13px;
		color:#333;
		text-decoration:none;
	}
	#header .spHeader .menublock ul.menuboxBtm {
		border-top:solid 1px #c3c3c3;
	}
	#header .spHeader .menublock .btnClose {
		text-align:center;
		margin-top:15px;
	}
	#mainContentsBlock {
		background:#fff;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		padding:12px 10px 20px;
		margin-top:6px;
	}
	#mainContentsBlock .areaList {
		border-top:dotted 1px #c8c8c8;
		margin-top:16px;
		padding-top:15px;
	}
	#mainContentsBlock .areaList ul {
		border-left:solid 1px #c3c3c3;
	}
	#mainContentsBlock .areaList ul li {
		border-bottom:solid 1px #c3c3c3;
		border-right:solid 1px #c3c3c3;
		background:#fffbe6;
		float:left;
		width:49.6%;
	}
	#mainContentsBlock .areaList ul li.toptxt {
		border-top:solid 1px #c3c3c3;
	}
	#mainContentsBlock .areaList ul li a {
		padding:13px 6px 13px 10px;
		display:block;
		background:url(../img/icon_arrow02.gif) no-repeat 95% center;
		background-size:9px 13px;
		color:#333;
		text-decoration:none;
	}

	/*shop_list.html*/
	#mainContentsBlock.shopList h2 {
		margin-bottom:15px;
	}
	#mainContentsBlock.shopList h2 img {
		max-width:147px;
	}
	#mainContentsBlock.shopList h3 {
		background:#ffbde0;
		margin-bottom:10px;
		padding:5px 7px;
		box-shadow:1px 1px 3px #ccc;
		-webkit-box-shadow: 1px 1px 3px #ccc;
		-moz-box-shadow: 1px 1px 3px #ccc;
	}
	#mainContentsBlock.shopList h3 span {
		border-left:solid 3px #e24a94;
		padding:3px 0 3px 7px;
		font-size:15px;
		font-weight:bold;
		display:inline-block;
	}
	#mainContentsBlock.shopList ul.prefList {
		border-top:solid 1px #c3c3c3;
		border-left:solid 1px #c3c3c3;
	}
	#mainContentsBlock.shopList ul.prefList li {
		float:left;
		width:33.33%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		border-bottom:solid 1px #c3c3c3;
		border-right:solid 1px #c3c3c3;
	}
	#mainContentsBlock.shopList ul.prefList li a {
		display:block;
		padding:10px 5px 10px 25px;
		background:url(../img/icon_arrow01.gif) no-repeat 7px 15px;
		background-size:12px 8px;
	}
	#mainContentsBlock.shopList .prefBlock {
		margin-top:20px;
	}
	#mainContentsBlock.shopList .prefBlock h4 {
		padding-bottom:3px;
		margin-bottom:10px;
		border-bottom:solid 2px #f9b6da;
	}
	#mainContentsBlock.shopList .prefBlock h4 span {
		font-size:15px;
		font-weight:bold;
		padding-left:15px;
		background:url(../img/icon_circle.gif) no-repeat 1px 4px;
		background-size:9px 9px;
	}
	#mainContentsBlock.shopList .prefBlock .prefBox {
		border-bottom:solid 1px #c8c8c8;
		padding-bottom:12px;
		margin-bottom:12px;
	}
	#mainContentsBlock.shopList .prefBlock .prefBox.lastPrefBox {
		border-bottom:none;
		padding-bottom:0;
		margin-bottom:0;
	}
	#mainContentsBlock.shopList .prefBlock .prefBox p {
		float:left;
	}
	#mainContentsBlock.shopList .prefBlock .prefBox p img {
		max-width:85px;
	}
	#mainContentsBlock.shopList .prefBlock .prefBox dl {
		float:left;
		width:65.5%;
		padding-left:10px;
	}
	#mainContentsBlock.shopList .prefBlock .prefBox dl dt {
		margin-bottom: 7px;
		font-weight:bold;
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
	}
	#mainContentsBlock.shopList .prefBlock .prefBox dl dt .premium {
		padding: 2px 5px;
		border: solid 1px #e25aa8;
		border-radius: 3px;
		font-size: 12px;
		color: #e25aa8;
	}
	#mainContentsBlock.shopList .prefBlock .prefBox dl dt .pocket {
		padding: 2px 5px;
		border: solid 1px #ff6600;
		border-radius: 3px;
		font-size: 12px;
		color: #ff6600;
	}

	/*shop_detail.html*/
	#mainContentsBlock.shopDetail {
		padding-top:15px;
	}
	#mainContentsBlock.shopDetail h2 {
		padding-bottom:12px;
		margin-bottom:10px;
		border-bottom:solid 3px #f171ba;
		font-weight:bold;
	}
	#mainContentsBlock.shopDetail h2 span {
	 	font-size:16px;
	}
	#mainContentsBlock.shopDetail .photoBlock {
		display:none;
	}
	#mainContentsBlock.shopDetail .flexslider .flex-viewport {
		border:solid 6px #e6e6e6;
	}
	#mainContentsBlock.shopDetail .flexslider .flex-control-nav {
		margin:10px 0;
	}
	#mainContentsBlock.shopDetail .flexslider .flex-direction-nav {
		display:none;
	}
	#mainContentsBlock.shopDetail .commentBlcok h3 {
		background:#ffc7e5;
		border-radius:4px;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		padding:5px 5px 5px 47px;
		margin-bottom:15px;
		font-size:16px;
		font-weight:bold;
		position:relative;
	}
	#mainContentsBlock.shopDetail .commentBlcok h3 img {
		position:absolute;
		top:-6px;
		left:4px;
		width:41px;
	}
	#mainContentsBlock.shopDetail .commentBlcok p {
		margin-bottom:23px;
	}
	#mainContentsBlock.shopDetail .shopinfoBlock {
		background:#ebebeb;
		padding:10px;
	}
	#mainContentsBlock.shopDetail .shopinfoBlock p {
		float:left;
	}
	#mainContentsBlock.shopDetail .shopinfoBlock p img {
		max-width:85px;
	}
	#mainContentsBlock.shopDetail .shopinfoBlock dl {
		float:left;
		width:63%;
		padding-left:10px;
	}
	#mainContentsBlock.shopDetail .shopinfoBlock dl dt {
		font-size:14px;
		font-weight:bold;
		margin-bottom:3px;
	}
	#mainContentsBlock.shopDetail .shopinfoBlock dl dd {
		font-size:12px;
		line-height:1.3;
	}
	#mainContentsBlock.shopDetail .shopinfoBlock dl dd .map {
		display: inline-block;
		padding: 0 5px;
		background: #ed71b2;
		border: solid 1px #ed71b2;
		border-radius: 2px;
		transition: opacity 0.3s ease;
	}
	#mainContentsBlock.shopDetail .shopinfoBlock dl dd .map a {
		color: #fff;
	}
	#mainContentsBlock.shopDetail .shopinfoBlock dl dd .map:hover {
		opacity: 0.8;
	}
	#mainContentsBlock.shopDetail .shopinfoBlock dl dd .map a:hover {
		text-decoration: none;
	}
}
@media print, screen and (min-width: 700px) {
	/*common*/
	#contents {
		margin:0 auto;
		padding:0 10px 40px;
		width:930px;
	}
	#header .spHeader {
		display:none;
	}
	#header .pcHeader {
		display:block;
	}
	#mainContentsBlock {
		padding:15px 16px 20px;
	}
	#mainContentsBlock .areaList {
		border-top:none;
		background:url(../img/img_dot.gif) repeat-x top left;
		margin-top:30px;
	}
	#mainContentsBlock .areaList ul {
		border:none;
		background:#fffbe6;
		padding:12px;
		width:876px;
	}
	#mainContentsBlock .areaList ul li {
		border:solid 2px #f9b6da;
		background:#ffe4f2;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		box-shadow:1px 1px 3px #ccc;
		-webkit-box-shadow: 1px 1px 3px #ccc;
		-moz-box-shadow: 1px 1px 3px #ccc;
		width:204px;
		margin-right:12px;
		margin-bottom:12px;
		font-size:16px;
	}
	#mainContentsBlock .areaList ul li.liright {
		margin-right:0;
	}
	#mainContentsBlock .areaList ul li a {
		padding:11px 8px 11px 28px;
		background:url(../img/icon_arrow04.gif) no-repeat 8px center;
		background-size:14px 14px;
		color:#565656;
		font-weight:bold;
	}

	/*shop_list.html*/
	#mainContentsBlock.shopList {
		background-image:url("../../../common/img/img_flag.gif");
		background-repeat:no-repeat;
		background-position:95% top;
	}
	#mainContentsBlock.shopList h2 {
		margin-bottom:20px;
	}
	#mainContentsBlock.shopList h2 img {
		width:197px;
	}
	#mainContentsBlock.shopList h3 {
		margin-bottom:15px;
		padding:8px 10px;
	}
	#mainContentsBlock.shopList h3 span {
		border-left:solid 4px #e24a94;
		padding:4px 0 4px 7px;
		font-size:20px;
		color:#565656;
	}
	#mainContentsBlock.shopList ul.prefList {
		border:solid 2px #c3c3c3;
		padding:9px 13px 2px;
	}
	#mainContentsBlock.shopList ul.prefList li {
		float:left;
		width:80px;
		box-sizing:content-box;
		-webkit-box-sizing:content-box;
		-moz-box-sizing:content-box;
		border-bottom:none;
		border-right:solid 2px #bdbdbd;
		padding-right:15px;
		margin-right:15px;
		margin-bottom:7px;
	}
	#mainContentsBlock.shopList ul.prefList li a {
		display:block;
		padding:1px 0 0 25px;
		background:url(../img/icon_arrow03.gif) no-repeat top left;
		background-size:18px 18px;
	}
	#mainContentsBlock.shopList .prefBlock {
		margin-top:20px;
	}
	#mainContentsBlock.shopList .prefBlock h4 {
		padding-bottom:5px;
		padding-top:7px;
		border-bottom:solid 4px #f9b6da;
		background:url(../img/bg_star.gif) no-repeat top right;
	}
	#mainContentsBlock.shopList .prefBlock h4 span {
		font-size:20px;
		padding-left:19px;
		background:url(../img/icon_circle.gif) no-repeat 1px 2px;
	}
	#mainContentsBlock.shopList .prefBlock .prefBox {
		border-bottom:solid 2px #c8c8c8;
		padding-bottom:10px;
		margin-bottom:10px;
	}
	#mainContentsBlock.shopList .prefBlock .prefBox p {
		width:80px;
	}
	#mainContentsBlock.shopList .prefBlock .prefBox p img {
		width:80px;
	}
	#mainContentsBlock.shopList .prefBlock .prefBox dl {
		width:800px;
		padding-left:15px;
	}

	/*shop_detail.html*/
	#mainContentsBlock.shopDetail {
		padding:25px 16px;
	}
	#mainContentsBlock.shopDetail h2 {
		padding-bottom:15px;
		margin-bottom:15px;
		border-bottom:solid 4px #f171ba;
		background:url(../img/bg_star.gif) no-repeat top right;
	}
	#mainContentsBlock.shopDetail h2 span {
	 	font-size:20px;
	}
	#mainContentsBlock.shopDetail .topArea {
		margin-bottom:20px;
	}
	#mainContentsBlock.shopDetail .flexslider {
		display:none;
	}
	#mainContentsBlock.shopDetail .photoBlock {
		display:block;
		float:left;
		width:332px;
	}
	#mainContentsBlock.shopDetail .photoBlock p {
		border:solid 6px #e6e6e6;
	}
	#mainContentsBlock.shopDetail .photoBlock .photobox {
		margin-top:8px;
	}
	#mainContentsBlock.shopDetail .photoBlock .photobox p {
		float:left;
		width:150px;
	}
	#mainContentsBlock.shopDetail .photoBlock .photobox p.phright {
		float:right;
	}
	#mainContentsBlock.shopDetail .commentBlcok {
		float:right;
		width:548px;
	}
	#mainContentsBlock.shopDetail .commentBlcok h3 {
		padding:7px 5px 7px 57px;
	}
	#mainContentsBlock.shopDetail .commentBlcok h3 img {
		position:absolute;
		top:-6px;
		left:5px;
		width:47px;
	}
	#mainContentsBlock.shopDetail .commentBlcok p {
		margin-bottom:30px;
	}
	#mainContentsBlock.shopDetail .shopinfoBlock {
		padding:14px;
	}
	#mainContentsBlock.shopDetail .shopinfoBlock p {
		width:96px;
	}
	#mainContentsBlock.shopDetail .shopinfoBlock p img {
		max-width:96px;
	}
	#mainContentsBlock.shopDetail .shopinfoBlock dl {
		width:755px;
		padding-left:15px;
	}
	#mainContentsBlock.shopDetail .shopinfoBlock dl dt {
		font-size:13px;
		margin-bottom:5px;
	}
	#mainContentsBlock.shopDetail .shopinfoBlock dl dd {
		margin-bottom:3px;
	}
}