@charset "UTF-8";
/* news */
.n_main {
	width:100%;
	max-width:800px;
	margin:50px auto;
	padding:0 5%;
}
.n_main hr {
	width:100%;
}
.n_title {
	padding:20px 0;
}
.n_tpic1 {
	width:100%;
	max-width:350px;
}

@media screen and (min-width:801px) {
}
@media screen and (max-width:800px) {
}

@media screen and (min-width:601px) {
#page-top {
	display:none;
}
}
@media screen and (max-width:600px) {
}

/* イベントタイトル */
span.etitle {
	font-size:16px;
	font-weight:600;
	color:#0099ff;
}

.photobox {
	width:100%;
	margin:0 auto;
	text-align:center;
}
.box3 {
	float:left;
	margin:5px;
	padding:10px;
	border:solid 2px #a0a0c0;
	border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
	background:radial-gradient(#e0e0ff, #f0f0ff);
}
.box3:hover{
	border:solid 2px #8080b0;
}
.box4 {
	float:left;
	margin:5px;
	padding:10px;
	border:solid 2px #c0a0a0;
	border-radius:10px 10px 10px 10px / 10px 10px 10px 10px;
	background:radial-gradient(#ffe0e0, #fff0f0);
}
.box4:hover{
	border:solid 2px #b08080;
}
@media screen and (max-width:800px) {
.box3, .box4 {
}
}
@media screen and (min-width:601px) {
.box3, .box4 {
	width:calc(100% / 4 - 11px);
	line-height:42px;
}
}
@media screen and (max-width:600px) {
.box3, .box4 {
	width:calc(100% / 2 - 11px);
	line-height:42px;
}
}

/* 点線 */
.nborder {
	border-top:1px dashed #808080;
}
/* イベント情報 */
.ev2left {
	margin-left:35px;
}
/* 新着情報 */
@media screen and (min-width:801px) {
.date, .dates {
	width:100px;
	float:left;
	text-align:right;
	margin-right:20px;
}
.newst {
	float:left;
}
.ev2lbox {
	width:55%;
	float:left;
}
.ev2rbox {
	width:40%;
	float:right;
}
.ev2tbox {
	display:none;
}
.ev2tin {
	display:none;
}
}
@media screen and (max-width:800px) {
.dates {
	display:none;
}
.ev2lbox {
	width:100%;
}
.ev2rbox {
	display:none;
}
.ev2tbox {
	width:100%;
}
.ev2tin {
	float:left;
	width:50%;
	padding:10px 0 60px;
	text-align:center;
}
}

/* 取扱店舗 */
.artitle {
	width:100%;
	max-width:800px;
	margin:0 auto;
	padding:12px 0;
	background-color:#202040;
	color:white;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}
.artitleb {
	width:100%;
	max-width:800px;
	margin:0 auto;
	padding:8px 0;
	background:radial-gradient(#e0e0ff, #f0f0ff);
	color:black;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.shopname {
	font-weight:bold;
	font-size:16px;
}
.bshop {
	display:inline-block;
	color:blue;
	font-size:11px;
}
.sctext {
	display:inline-block;
	margin-right:15px;
	color:blue;
	cursor:pointer;
}
@media screen and (min-width:601px) {
#map {
	width:582px;
	margin:0 auto 20px;
}
#mapsp {
	display:none;
}
.shoplbox {
	float:left;
}
.shoprbox {
	float:right;
	text-align:right;
	width:110px;
	padding-top:14px;
}
.shopbr {
	display:none;
}
}
@media screen and (max-width:600px) {
#map {
	display:none;
}
#mapsp {
	display:block;
	width:100%;
	max-width:800px;
	margin:0 auto;
	padding:0 5%;
}
.abox {
	float:left;
	margin:5px;
	padding:10px;
	width:calc(100% / 2 - 11px);
	line-height:32px;
	font-size:16px;
}
.abox1 {
	border:solid 2px #81CFF4;
	background-color:#81CFF4;
}
.abox1:hover{
	background-color:#CBEBFA;
}
.abox2 {
	border:solid 2px #278AD6;
	background-color:#278AD6;
}
.abox2:hover{
	background-color:#98C1E0;
}
.abox3 {
	border:solid 2px #9CC947;
	background-color:#9CC947;
}
.abox3:hover{
	background-color:#D6E8B3;
}
.abox5 {
	border:solid 2px #06903A;
	background-color:#06903A;
}
.abox5:hover{
	background-color:#98D1AD;
}
.abox6 {
	border:solid 2px #E60012;
	background-color:#E60012;
}
.abox6:hover{
	background-color:#F4969D;
}
.abox7 {
	border:solid 2px #F4B4D0;
	background-color:#F4B4D0;
}
.abox7:hover{
	background-color:#FAE0EB;
}
.abox8 {
	border:solid 2px #FFE100;
	background-color:#FFE100;
}
.abox8:hover{
	background-color:#FFF296;
}
.abox9 {
	border:solid 2px #F08200;
	background-color:#F08200;
}
.abox9:hover{
	background-color:#F8CB96;
}
.shoplbox {
}
.shoprbox {
	display:none;
}
.shopbr {
}
}

/* 店舗詳細 */
#shopmap {
	width:100%;
	height:400px;
}
table.com {
	margin-top:20px;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
table.com th {
	background-color:#e0e0ff;
	border:1px solid #b0b0ff;
	font-weight:400;
	text-align:left;
	width:15%;
	padding-left:5px;
}
table.com td {
	background-color:#f0f0ff;
	border:1px solid #b0b0ff;
	padding-left:5px;
}