@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gHeader .hBox {
	background-color: #fff;
}

#gNavi ul li a {
	color: #666;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;
}

#gNavi ul li a:hover {
	color: #641414;
}

#gNavi ul .navi03 a {
	color: #666;
	border-top: 4px solid #666;
	border-bottom: 4px solid #666;
}

#gNavi ul .navi03 a:hover {
	color: #666;
}

#main .partyBox01 {
	background: url(/img/party/party_bg01.jpg) no-repeat center center;
	background-size: cover;
}

#main .partyBox02 {
	background: url(/img/party/party_bg02.jpg) no-repeat center center;
	background-size: cover;
}

#main .partyBox03 {
	background: url(/img/party/party_bg03.jpg) no-repeat center center;
	background-size: cover;
}

#main .comBox01 .info {
	padding-top: 273px;
}

#main .comBox01 .comImg {
	margin-bottom: 84px;
}

#main .store {
	padding: 83px 0 44px;
}

#main .store .link a {
	width:40%;
	margin:0 auto 30px;
	color: #651413;
	padding: 10px 10px 12px;
	display: block;
	text-align: center;
	border: 1px solid #651413;
	font-size:16px;
}

#main .store .link a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #651413;
}

#main .store .info {
	margin: 0 auto 30px;
	width: 58%;
}

#main .store .info h3 {
	margin-bottom: 27px;
	text-align: center;
}

#main .store .info p {
	color: #4D4D4D;
	font-size: 13px;
	line-height: 2;
	text-align: center;
}

#main .store .tabNavi {
	margin: 0 auto 36px;
	width: 640px;
}

#main .store .tabNavi li {
	padding: 0 13px;
	width: 102px;
	float: left;
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
}

#main .store .tabNavi li span {
	font-size: 16px;
	font-weight: bold;
}

#main .store .tabNavi li a {
	padding-bottom: 9px;
	display: block;
	color: #4D4D4D;
	background: url(/img/party/tab_navi_bg01.gif) no-repeat left bottom;
}

#main .store .tabNavi li a:hover,
#main .store .tabNavi .on a {
	color: #A8272D;
	text-decoration: none;
	background: url(/img/party/tab_navi_bg02.gif) no-repeat left bottom;
}

#main .store .pcBox .sliderBox {
	position: relative;
}

#main .store .pcBox .sliderBox .arrow li {
    cursor: pointer;
    position: absolute;
    top: 210px;
	z-index: 100;
}

#main .store .pcBox .sliderBox .arrow .prev {
    left: 40px;
}

#main .store .pcBox .sliderBox .arrow .next {
    right: 40px;
}

#main .store .pcBox .sliderBox .foo {
	margin-bottom: 17px;
}

#main .store .pcBox .sliderBox .foo li {
	position: relative;
}

#main .store .pcBox .sliderBox .foo li > img {
	width: 100%;
	height: auto;
}

#main .store .pcBox .sliderBox .foo li .textBox {
	padding: 20px 16px 20px 54px;
	position: absolute;
	left: 0;
	top: 335px;
	background: url(/img/party/text_box_bg.png) no-repeat left top;
	width: 380px;
}

#main .store .pcBox .sliderBox .foo li .textBox .title {
	margin-bottom: 15px;
	color: #4D4D4D;
	font-size: 22px;
	line-height: 1.3;
}

#main .store .pcBox .sliderBox .foo li .textBox .title span {
	font-size: 16px;
}

#main .store .pcBox .sliderBox .foo li .textBox .text {
	color: #4D4D4D;
	font-size: 18px;
}

#main .store .pcBox .sliderBox .foo li .textBox .text span {
	font-size: 12px;
}

#main .store .pcBox .sliderBox .thumb {
	margin: 0 auto;
	width: 668px;
}

#main .store .pcBox .sliderBox .thumb .toolbar li {
	padding: 0 8px 8px;
	float: left;
}

#main .store .sliderBox .thumb .toolbar li a {
	display: block;
	background: #000;
}

#main .store .sliderBox .thumb .toolbar li a.active img {
	opacity: 0.5;
}

#main .store .spBox {
	display: none;
}

.tabPanelBox .tabPanel {
	position: fixed;
	right: -120%;
	bottom: -120%;
	width: 100%;
	opacity: 0;
}

.tabPanelBox .tabPanel.op {
	position: static;
	right: auto;
	bottom: auto;
	width: auto;
	opacity: 1;
}

@media all and (min-width: 0) and (max-width: 736px)  {
	
	#main .comBox01 .info {
		padding-top: 180px;
	}
	
	#main .comBox01 .comImg {
		margin-bottom: 36px;
	}
	
	#main .store {
		padding: 50px 0;
	}
	
	#main .store .info {
		margin: 0 18px 35px;
		width: auto;
	}
	
	
	#main .store .info h3 img {
		width: 230px;
	}
	
	#main .store .info p {
		color: #000;
		font-size: 11px;
		line-height: 1.2;
		text-align: center;
	}
	
	#main .store .link a {
	width:80%;
	margin:0 auto 20px;
	color: #651413;
	padding: 10px 10px 12px;
	display: block;
	text-align: center;
	border: 1px solid #651413;
	font-size:14px;
}

	#main .store .link a:hover {
		color: #fff;
		text-decoration: none;
		background-color: #651413;
	}
	
	#main .store .tabNavi {
		margin: 0 20px 35px;
		width: auto;
		text-align: center;
	}
	
	#main .store .tabNavi li {
		margin-bottom: 16px;
		padding: 0;
		width: 29%;
		display: inline-block;
		float: none;
		font-size: 11px;
	}
	
	#main .store .tabNavi li:nth-child(2),
	#main .store .tabNavi li:nth-child(4) {
		padding: 0 5%;
	}
	
	#main .store .tabNavi li span {
		font-size: 13px;
	}
	
	#main .store .tabNavi li a {
		padding-bottom: 4px;
		background: url(/img/party/sp_tab_navi_bg01.gif) repeat-x left bottom;
		background-size: 100% 1px;
	}
	
	#main .store .tabNavi li a:hover,
	#main .store .tabNavi .on a {
		color: #641414;
		background: url(/img/party/sp_tab_navi_bg02.gif) repeat-x left bottom;
		background-size: 100% 1px;
	}
	
	#main .store .pcBox {
		display: none;
	}
	
	#main .store .spBox {
		display: block;
	}
	
	#main .store .spBox .sliderBox .topTitle {
		margin: 0 13px 17px;
		color: #4D4D4D;
		font-size: 10px;
		text-align: center;
		background: url(/img/party/sp_line.gif) no-repeat center;
		background-size: 100% 1px;
	}
	
	#main .store .spBox .sliderBox .topTitle span {
		font-size: 14px;
	}
	
	#main .store .spBox .sliderBox .foo {
		margin-bottom: 20px;
	}
	
	#main .store .spBox .sliderBox .foo li .photoBox img {
		width: 100%;
	}
	
	#main .store .spBox .sliderBox .foo li .textBox {
		margin: 17px 10px 0;
	}
	
	#main .store .spBox .sliderBox .foo li .textBox .title {
		float: left;
		width: 60%;
		color: #4D4D4D;
		font-size: 11px;
		line-height: 1.3;
	}
	
	#main .store .spBox .sliderBox .foo li .textBox .title span {
		font-size: 8px;
	}
	
	#main .store .spBox .sliderBox .foo li .textBox .text {
		padding-top: 10px;
		float: right;
		width: 30%;
		color: #4D4D4D;
		font-size: 11px;
		text-align: right;
	}
	
	#main .store .spBox .sliderBox .foo li .textBox .text span {
		font-size: 8px;
	}
	
	#main .store .spBox .sliderBox .thumb {
		position: relative;
	}
	
	#main .store .spBox .sliderBox .thumb .arrow li {
		position: absolute;
		top: 50%;
		margin-top: -8px;
	}
	
	#main .store .spBox .sliderBox .thumb .arrow .prev {
		left: 10px;
	}
	
	#main .store .spBox .sliderBox .thumb .arrow .next {
		right: 10px;
	}
	
	#main .store .spBox .sliderBox .thumb .toolbar {
		margin: 0 40px;
	}
	
	#main .store .spBox .sliderBox .thumb .toolbar ul li {
		margin: 0 2% 2% 0;
		width: 31%;
		float: left;
	}
	
	#main .store .spBox .sliderBox .thumb .toolbar ul li img {
		width: 100%;
	}
	
	#main .partyBox01 {
		background: url(/img/party/sp_party_bg01.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#main .partyBox02 {
		background: url(/img/party/sp_party_bg02.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#main .partyBox03 {
		background: url(/img/party/sp_party_bg03.jpg) no-repeat center center;
		background-size: cover;
	}

}