@charset "utf-8";

body {
	background: #922018;
	-webkit-text-size-adjust: 100%;
}

img {
	vertical-align: baseline;
}

::selection {
	color: #fff;
	background: #ff8b19;
}

::-moz-selection {
	color: #fff;
	background: #ff8b19;
}

.display_pc { display: inline-block }
.display_sp { display: none }
.display_sp_i { display: none }

@media screen and (max-width: 640px) {
	.display_pc { display: none }
	.display_sp { display: inline-block }
	.display_sp_i { display: inline }
}

/* ----------------------------------------
	container
---------------------------------------- */

#container {
	width: 100%;
	padding: 0;
	background: url(../img/common/bg_gr.jpg) center repeat-y #8c180f;
	color: #fff;
	font-size: 14px;
	line-height: 1.7;
}

@media screen and (max-width: 640px) {
	#container {
		background: #b7271c;
		-webkit-box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.5) inset;
        -moz-box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.5) inset;
        -ms-box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.5) inset;
		box-shadow: 0 0 100px 0 rgba(0, 0, 0, 0.5) inset;
		line-height: 1.5;
	}
}

#container .btn a,
#container a,
.pagetop {
	color: #fff;
	transition: all 0.15s ease 0s;
	-o-transition: all 0.15s ease 0s;
	-ms-transition: all 0.15s ease 0s;
	-moz-transition: all 0.15s ease 0s;
	-webkit-transition: all 0.15s ease 0s;
}

#container .btn a {
	display: block;
	position: relative;
	top: 0;
	left: 0;
	padding: 0 20px;
	background: #ff8b19;
	background: -o-linear-gradient(to bottom, #ffaa4f 1%, #d96a01 100%);
	background: -ms-linear-gradient(to bottom, #ffaa4f 1%, #d96a01 100%);
	background: -moz-linear-gradient(to bottom, #ffaa4f 1%, #d96a01 100%);
	background: -webkit-linear-gradient(to bottom, #ffaa4f 1%, #d96a01 100%);
	background: linear-gradient(to bottom, #ffaa4f 1%, #d96a01 100%);
	border: 1px solid #ffd2a5;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 6px 0 #c35f00 inset, 0 0 20px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 6px 0 #c35f00 inset, 0 0 20px 0 rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 0 6px 0 #c35f00 inset, 0 0 20px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 6px 0 #c35f00 inset, 0 0 20px 0 rgba(0, 0, 0, 0.2);
	text-align: center;
	text-shadow: -1px -1px 1px #9d4e00;
	text-decoration: none;	
	font-weight: bold;
	color: #fff;
}

#container .btn a:hover {
	background: -o-linear-gradient(to bottom, #ffc07d 1%, #f38115 100%);
	background: -ms-linear-gradient(to bottom, #ffc07d 1%, #f38115 100%);
	background: -moz-linear-gradient(to bottom, #ffc07d 1%, #f38115 100%);
	background: -webkit-linear-gradient(to bottom, #ffc07d 1%, #f38115 100%);
	background: linear-gradient(to bottom, #ffc07d 1%, #f38115 100%);
}

@media screen and (max-width: 640px) {
	#container .btn a {
		top: 24px;
		background: -o-linear-gradient(to bottom, #ffaa57 1%, #e97200 100%);
		background: -ms-linear-gradient(to bottom, #ffaa57 1%, #e97200 100%);
		background: -moz-linear-gradient(to bottom, #ffaa57 1%, #e97200 100%);
		background: -webkit-linear-gradient(to bottom, #ffaa57 1%, #e97200 100%);
		background: linear-gradient(to bottom, #ffaa57 1%, #e97200 100%);
		text-shadow: 0 0 4px #934800;
		-webkit-box-shadow: 0 0 4px 0 #e97200 inset, 0 0 20px 0 rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 0 4px 0 #e97200 inset, 0 0 20px 0 rgba(0, 0, 0, 0.2);
		-ms-box-shadow: 0 0 4px 0 #e97200 inset, 0 0 20px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 0 4px 0 #e97200 inset, 0 0 20px 0 rgba(0, 0, 0, 0.2);
	}
}

.share {
	float: right;
	margin-top: 15px;
	padding: 0;
}

.share li {
	float: left;
	display: inline-block;
	margin: 0;
	line-height: 0;
	height: 24px;
	overflow: hidden;
}

.shareFb {
	width: 164px;
}

.shareLine {
	width: 100px;
}

@media screen and (max-width: 640px) {
	.share {
		position: absolute;
		top: 0;
		left: 50%;
		clear: both;
		float: none;
		width: auto;
		margin: 20px 0 20px -120px;
		padding: 0;
	}

	.shareLine {
		display: inline-block;
		width: 30px;
	}

	.shareLine a img {
		width: 20px;
		height: 20px;
	}
	
	.share_top_sp {
		top: 335px;
	}
}

.arrow_l {
	display: inline-block;
	width: 10px;
	height: 13px;
	margin-right: 8px;
	background: url(../img/common/arrow_l.png) center no-repeat;
	background-size: 10px 13px;
	vertical-align: -1px;
}

.arrow_r {
	position: relative;
	top: 0;
	left: 0;
	width: 12px;
	height: 19px;
	background: url(../img/common/arrow_r.png) center no-repeat;
}

.cBox {
	position: relative;
	background: url(../img/common/bg_bottle.png) bottom repeat-x;
	background-size: 533px 64px;
	border-bottom: 1px solid #fff;
}

@media screen and (max-width: 640px) {
	.cBox {
		background-size: 400px 48px;
	}
}

.cHeader,
.cBox501Image .cBox {
	border-bottom: none;
}

.cBox_inner {
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding: 26px 0 86px;
}

@media screen and (max-width: 640px) {
	.cBox_inner {
		width: auto;
		margin: 0 10px;
		padding: 15px 0 50px;
	}
	
	.cBox501Outline .cBox_inner {
		padding-bottom: 150px;
	}
	
	.cBoxKujiOutline .cBox_inner {
		padding-bottom: 160px;
	}
}

.cBox_title {
	position: relative;
	margin: 10px 0 20px 0;
	padding: 3px;
	background: #fff;
	-webkit-box-shadow: 0 -40px 120px -40px #ffa74f inset, 0 0 30px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 -40px 120px -40px #ffa74f inset, 0 0 30px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 -40px 120px -40px #ffa74f inset, 0 0 30px rgba(0, 0, 0, 0.2);
	box-shadow: 0 -40px 120px -40px #ffa74f inset, 0 0 30px rgba(0, 0, 0, 0.2);
	color: #c30f23;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 1px solid #fff;
}

@media screen and (max-width: 640px) {
	.cBox_title {
		margin: 10px 0 20px 0;
		-webkit-box-shadow: 0 -20px 60px -20px #ffa74f inset, 0 0 30px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 -20px 60px -20px #ffa74f inset, 0 0 30px rgba(0, 0, 0, 0.2);
		-ms-box-shadow: 0 -20px 60px -20px #ffa74f inset, 0 0 30px rgba(0, 0, 0, 0.2);
		box-shadow: 0 -20px 60px -20px #ffa74f inset, 0 0 30px rgba(0, 0, 0, 0.2);
		font-size: 18px;
		line-height: 26px;
	}
}

@media screen and (max-width: 440px) {
	.cBox501Image .cBox_title {
		font-size: 15px;
	}
}

.cBox_title_inner {
	padding: 1px 0 1px 64px;
	border: 1px solid #da3c31;
	background: url(../img/common/bg_title_logo.png) right 20px center no-repeat;
	background-size: 220px 92px;
}

@media screen and (max-width: 640px) {
	.cBox_title_inner {
		padding: 4px 0 4px 50px;
		background: url(../img/common/sp/bg_title_logo.png) right -30px center no-repeat;
		background-size: 180px 75px;
	}
}

.cBox_title_inner:after {
	position: absolute;
	bottom: 4px;
	left: 20px;
	width: 23px;
	height: 70px;
	background: url(../img/common/bg_title_bottle.png);
	background-size: 23px 70px;
	content: "";
}

@media screen and (max-width: 640px) {
	.cBox_title_inner:after {
		width: 20px;
		height: 60px;
		background: url(../img/common/bg_title_bottle.png);
		background-size: 20px 60px;
	}
}

.cBox501Outline_inner:after,
.cBox501Present_inner:before,
.cBox501Present_inner:after,
.cBoxKujiOutline_inner:after,
.cBoxKujiPresent_inner:before,
.cBoxKujiPresent_inner:after {
	position: absolute;
	bottom: 0;
	content: "";
	z-index: 100;
}

.cBox501Outline_inner:after {
	right: -100px;
	width: 536px;
	height: 350px;
	background: url(../img/index/bg_cBox501Outline.png) no-repeat;
	background-size: 100%;
}

@media screen and (max-width: 640px) {
	.cBox501Outline_inner:after {
		right: 50%;
		width: 268px;
		height: 175px;
		margin-right: -134px;
	}
}

.cBox501Present_inner:after {
	left: 0;
	background: url(../img/index/bg_cBox501Present.png) bottom left no-repeat;
	width: 120px;
	height: 250px;
}

.cBox501Present_inner:before {
	right: 0;
	background: url(../img/index/bg_cBox501Present.png) bottom right no-repeat;
	width: 146px;
	height: 250px;
}

@media screen and (max-width: 640px) {
	.cBox501Present_inner:after,
	.cBox501Present_inner:before {
		display: none;
	}
}

.cBoxKujiOutline_inner:after {
	right: -50px;
	width: 524px;
	height: 344px;
	background: url(../img/index/bg_cBoxKujiOutline.png) no-repeat;
	background-size: 100%;
}

@media screen and (max-width: 640px) {
	.cBoxKujiOutline_inner:after {
		right: 50%;
		width: 262px;
		height: 172px;
		margin-right: -131px;
	}
}

.cBoxKujiOutline .list_note {
	font-size: 12px;
}

.cBoxKujiPresent_inner:after {
	left: -50px;
	background: url(../img/index/bg_cBoxKujiPresent.png) bottom left no-repeat;
	width: 208px;
	height: 315px;
}

.cBoxKujiPresent_inner:before {
	right: -60px;
	background: url(../img/index/bg_cBoxKujiPresent.png) bottom right no-repeat;
	width: 236px;
	height: 315px;
}

@media screen and (max-width: 640px) {
	.cBoxKujiPresent_inner:after,
	.cBoxKujiPresent_inner:before {
		display: none;
	}
}

.cBox_text {
	margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
	.cBox_text {
		margin: 0;
	}
}

.cBox501Check .cBox_text {
	margin-left: 30px;
}

@media screen and (max-width: 640px) {
	.cBox501Check .cBox_text {
		margin: 0;
	}
}

.cBox_textArea {
	padding: 0 30px;
}

@media screen and (max-width: 640px) {
	.cBox_textArea {
		padding: 0 5px;
	}
}

.cBox501Check .cBox_textArea {
	padding: 0;
}

@media screen and (max-width: 640px) {
	.cBox501Check .cBox_textArea {
		padding: 0 5px;
	}
}

#container .cBox_textArea .btn_shop {
	width: 350px;
	margin: 0 0 20px 0;
}

#container .cBox_textArea .btn_shop a {
	padding: 14px 0;
}

#container .cBox_textArea .btn_shop_dateText {
	font-size: 24px;
	margin-bottom: 2px;
}

#container .cBox_textArea .btn_shop_dateNote {
	margin-top: 4px;
}

@media screen and (max-width: 640px) {
	#container .cBox_textArea .btn_shop {
		width: 100%;
		margin: 0 0 40px 0;
	}
	
	#container .cBox_textArea .btn_shop a {
		padding: 10px 50px;
	}

	#container .cBox_textArea .btn_shop_dateText {
		font-size: 20px;
	}

	.list_note {
		margin-bottom: 0.8em;
		font-size: 12px;
	}
}

.cTitle {
	padding: 0;
	background: url(../img/index/bg_title.png) bottom center no-repeat #fff;
	background-size: 400px 134px;
	-webkit-box-shadow: 0 3px 0 0 #fff inset, 0 -3px 0 0 #fff inset, 0 6px 0 0 #00418e inset, 0 -6px 0 0 #00418e inset, 0 7px 0 0 #fff inset, 0 -7px 0 0 #fff inset, 0 8px 0 0 #00418e inset, 0 -8px 0 0 #00418e inset;
	-moz-box-shadow: 0 3px 0 0 #fff inset, 0 -3px 0 0 #fff inset, 0 6px 0 0 #00418e inset, 0 -6px 0 0 #00418e inset, 0 7px 0 0 #fff inset, 0 -7px 0 0 #fff inset, 0 8px 0 0 #00418e inset, 0 -8px 0 0 #00418e inset;
	-ms-box-shadow: 0 3px 0 0 #fff inset, 0 -3px 0 0 #fff inset, 0 6px 0 0 #00418e inset, 0 -6px 0 0 #00418e inset, 0 7px 0 0 #fff inset, 0 -7px 0 0 #fff inset, 0 8px 0 0 #00418e inset, 0 -8px 0 0 #00418e inset;
	box-shadow: 0 3px 0 0 #fff inset, 0 -3px 0 0 #fff inset, 0 6px 0 0 #00418e inset, 0 -6px 0 0 #00418e inset, 0 7px 0 0 #fff inset, 0 -7px 0 0 #fff inset, 0 8px 0 0 #00418e inset, 0 -8px 0 0 #00418e inset;
}

@media screen and (max-width: 640px) {
	.cTitle {
		background: #fff;
	}
}

.cTitle_inner {
	position: relative;
	padding: 0;
}

@media screen and (max-width: 640px) {
	.cTitle_inner {
		margin: 0;
	}
}

.cTitle_inner:after,
.cTitle_inner:before {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 84px;
	margin-top: -42px;
	content: "";
}

.cTitle_inner:after {
	left: 0;
	background: url(../img/index/bg_waku.gif) left bottom no-repeat;
}

.cTitle_inner:before {
	right: 0;
	background: url(../img/index/bg_waku.gif) right bottom no-repeat;
}

@media screen and (max-width: 640px) {
	.cTitle_inner:after,
	.cTitle_inner:before {
		width: 18px;
		height: 56px;
		margin-top: -28px;
		
	}

	.cTitle_inner:after {
		left: 10px;
		background: url(../img/index/sp/bg_waku.gif) left bottom no-repeat;
		background-size: 35px 70px;
	}

	.cTitle_inner:before {
		right: 10px;
		background: url(../img/index/sp/bg_waku.gif) right bottom no-repeat;
		background-size: 35px 70px;
	}

}

.cTitle_title {
	padding: 22px 0;
	line-height: 40px;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.cTitle_title {
		padding: 20px 0;
		line-height: 40px;
	}
}

.cTitle_campaign_01,
.cTitle_campaign_02 {
	display: inline-block;
	position: relative;
	width: 68px;
	height: 68px;
	margin-right: 14px;
	overflow: hidden;
	vertical-align: bottom;
}

@media screen and (max-width: 640px) {
	.cTitle_campaign_01,
	.cTitle_campaign_02 {
		margin-right: 0;
		vertical-align: middle;
	}

	.cTitle_campaign_01,
	.cTitle_campaign_01 img,
	.cTitle_campaign_02,
	.cTitle_campaign_02 img {
		width: 40px;
		height: 40px;
	}
}

@media screen and (max-width: 640px) {
	.cTitle_text_01 img { vertical-align: middle; width: 160px; line-height: 40px; border: }
	.cTitle_text_02 img { vertical-align: middle; width: 240px; line-height: 40px; border: }
}

.smallBox501Present,
.smallBox501Check {
	margin-top: 50px;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.smallBox501Present,
	.smallBox501Check {
		margin: 30px 0 10px;
		padding: 0 20px;
	}
}

.smallBox501Present .smallBox_beside,
.smallBox501Check .smallBox_beside {
	position: relative;
	margin: 0 30px 30px;
}

@media screen and (max-width: 640px) {
	.smallBox501Present .smallBox_beside,
	.smallBox501Check .smallBox_beside {
		margin: 0;
	}

	.smallBox501Present .smallBox_beside:first-child,
	.smallBox501Check .smallBox_beside:first-child {
		margin-bottom: 40px;
	}
	
	.smallBox501Present_image_01,
	.smallBox501Present_image_02 {
		width: 100%;
		max-width: 300px;
		height: auto;
	}
}

.smallBox501Image {
	position: relative;
	margin-top: 50px;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.smallBox501Image {
		margin: 30px 0 10px 0;
	}
}

.smallBox501Image a:hover {
	opacity: 0.6;
}

.smallBox501Image img {
	width: 200px;
	border: 1px solid #fff;
}

@media screen and (max-width: 640px) {
	.smallBox501Image img {
		width: 100%;
	}
}

.smallBox501Image li {
	margin: 0 7px 20px;
}

@media screen and (max-width: 640px) {
	.smallBox501Image li {
		width: 44%;
		margin: 0 4px 8px;
	}
}

.smallBox501Check li {
	width: 400px;
}

@media screen and (max-width: 640px) {
	.smallBox501Present li,
	.smallBox501Check li {
		width: 100%;
	}
}

.smallBox501Check .smallBox_title {
	padding: 8px;
	font-size: 20px;
	line-height: 1.2;
}

@media screen and (max-width: 640px) {
	.smallBox501Check .smallBox_title {
		font-size: 16px;
	}
}

@media screen and (max-width: 440px) {	
	.smallBox501Check .smallBox_title_icon {
		left: -40px;
	}
	
	.smallBox501Check .smallBox_beside:first-child .smallBox_title {
		font-size: 13px;
	}
}

.smallBox501Check_image {
	text-align: center;
}

.smallBox501Check_text {
	text-align: left;
}

@media screen and (max-width: 640px) {
	.smallBox501Check_image,
	.smallBox501Check_text {
		float: none;
		width: auto;
		padding: 0;
	}
}

.smallBox501Check_image01 {
	width: 280px;
}

@media screen and (max-width: 640px) {
	.smallBox501Check_image01 {
		width: 180px;
	}
}

.smallBox501Check_image02 {
	width: 347px;
}

@media screen and (max-width: 640px) {
	.smallBox501Check_image02 {
		width: 280px;
	}
}

.smallBoxKujiPresent {
	margin-top: 50px;
	text-align: center;
}

.smallBoxKujiPresent li {
	width: 270px;
	margin: 10px 50px;
	vertical-align: top;
}

@media screen and (max-width: 640px) {
	.smallBoxKujiPresent li {
		width: 80%;
		margin: 0 0 40px 0;
	}
}

.smallBoxKujiPresent_image {
	margin-top: 20px;
	width: 60%;
}

.smallBoxKujiPresent .smallBox_beside:first-child .smallBoxKujiPresent_image {
	margin-top: 0;
	width: 70%;
}

.smallBoxKujiPresent .smallBox_title {
	margin-bottom: 20px;
	font-size: 18px;
}

@media screen and (max-width: 640px) {
	.smallBoxKujiPresent .smallBox_title {
		font-size: 14px;
	}

	.smallBoxKujiPresent_image {
		width: 110px;
		margin: 0;
	}
	
	.smallBoxKujiPresent .smallBox_beside:first-child .smallBoxKujiPresent_image {
		width: 150px;
	}

	.smallBoxKujiPresent .smallBox_beside:nth-child(3) .smallBoxKujiPresent_image {
		width: 120px;
	}
}

.smallBox_beside { display: inline-block; vertical-align: top; }
.smallBox_longitudinal { display: block; }

.smallBox_title {
	position: relative;
	margin-bottom: 40px;
	padding: 2px 0;
	background: #fff;
	color: #cc2a1e;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

@media screen and (max-width: 640px) {
	.smallBox_title {
		margin-bottom: 30px;
		padding: 6px 0;
		line-height: 1.2;
		font-size: 14px;
	}
}

.smallBox_title_icon {
	position: absolute;
	top: 50%;
	left: -50px;
	width: 107px;
	height: 107px;
	margin-top: -55px;
	background: url(../img/index/icon_check.png) no-repeat;
	background-size: 428px 214px;
	overflow: hidden;
}

@media screen and (max-width: 640px) {
	.smallBox_title_icon {
		left: -30px;
		width: 80px;
		height: 80px;
		margin-top: -40px;
		background-size: 320px 160px;
	}
}

.smallBox_title_icon501Check01 { background-position: 0 0; }
.smallBox_title_icon501Check02 { background-position: -107px 0; }
.smallBox_title_icon501Present01 { background-position: -214px 0; }
.smallBox_title_icon501Present02 { background-position: -321px 0; }
.smallBox_title_iconKujiPresent01 { background-position: 0 -107px; }
.smallBox_title_iconKujiPresent02 { background-position: -107px -107px; }
.smallBox_title_iconKujiPresent03 { background-position: -214px -107px; }
.smallBox_title_iconKujiPresent04 { background-position: -321px -107px; }

@media screen and (max-width: 640px) {
	.smallBox_title_icon501Check01 { background-position: 0 0; }
	.smallBox_title_icon501Check02 { background-position: -80px 0; }
	.smallBox_title_icon501Present01 { background-position: -160px 0; }
	.smallBox_title_icon501Present02 { background-position: -240px 0; }
	.smallBox_title_iconKujiPresent01 { background-position: 0 -80px; }
	.smallBox_title_iconKujiPresent02 { background-position: -80px -80px; }
	.smallBox_title_iconKujiPresent03 { background-position: -160px -80px; }
	.smallBox_title_iconKujiPresent04 { background-position: -240px -80px; }
}

.smallBox501Present .smallBox_beside:last-child:after,
.smallBox501Image:after {
	position: absolute;
	top: -70px;
	right: 0;
	width: 20px;
	height: 70px;
	background: url(../img/common/icon_bottle.png) center no-repeat;
	content: "";
}

@media screen and (max-width: 640px) {
	.smallBox501Present .smallBox_beside:last-child:after,
	.smallBox501Image:after {
		display: none;
	}
}

.smallBox501Check .smallBox_longitudinal:first-child .smallBox501Check_image:after {
	top: -68px;
	right: 70px;
}

.smallBox501Image:after {
	top: -70px;
	right: 30px;
}

.bnrBox {
	width: 450px;
}

@media screen and (max-width: 640px) {
	.bnrBox {
		width: auto;
		margin: 20px 0;
		padding: 15px;
		background: rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 0 6px rgba(255, 0, 0, 0.2);
		-moz-box-shadow: 0 0 6px rgba(255, 0, 0, 0.2);
		-ms-box-shadow: 0 0 6px rgba(255, 0, 0, 0.2);
		box-shadow: 0 0 6px rgba(255, 0, 0, 0.2);
	}
}

.bnrBox a {
	display: block;
}

.bnrBox a:hover .bnrBox_text {
	text-decoration: none;
}

.bnrBox_text {
	text-decoration: underline;
}

.bnrBox_image {
	float: left;
	padding: 4px;
	overflow: hidden;
	background: #ffb988;
}

.bnrBox_image img {
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	vertical-align: bottom;
}

.bnrBox_textArea {
	float: right;
	width: 242px;
}

@media screen and (max-width: 640px) {
	.bnrBox_image {
		width: 25%;
	}
	
	.bnrBox_image img {
		width: 100%;
	}

	.bnrBox_textArea {
		float: right;
		width: 68%;
	}
}

.bnrBox_title {
	font-size: 18px;
}

@media screen and (max-width: 640px) {
	.bnrBox_title {
		font-weight: bold;
		font-size: 14px;
	}
}

.bnrBox_text {
	font-size: 12px;
	color: #ffb988;
}

.grayBox {
	margin: 20px 0;
	padding: 10px 15px;
	background: rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(255, 0, 0, 0.2);
	font-size: 12px;
}

.grayBox_title {
	margin-bottom: 4px;
	font-size: 14px;
}

@media screen and (max-width: 640px) {
	.grayBox_title {
		font-size: 16px;
	}
}

.list_dot,
.list_note {
	position: relative;
	padding-left: 20px;
	text-align: left;
}

@media screen and (max-width: 640px) {
	.list_dot,
	.list_note {
		padding-left: 16px;
	}
}

.list_dot:before,
.list_note:before {
	position: absolute;
	top: 0;
	left: 0;
}

.list_dot:before {
	content: "・";
}

.list_note:before {
	content: "※";
}

/* ----------------------------------------
	cHeader
---------------------------------------- */

.cHeader {
	width: 100%;
	height: 480px;
	background: none;
}

@media screen and (max-width: 640px) {
	.cHeader {
		height: 420px;
	}
}

.cHeader_queen,
.cHeader_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.cHeader_queen {
	background: url(../img/index/bg_header.jpg) top center no-repeat;
}

@media screen and (max-width: 640px) {
	.cHeader_queen {
		position: relative;
		width: 100%;
		background: url(../img/index/sp/bg_header.png) top center no-repeat;
		background-size: 400px 149px;
	}
}

.cHeader_queen_image {
	position: absolute;
	top: 0;
	left: 50%;
	margin: 40px 0 0 -175px;
	width: 690px;
	height: 490px;
	background: url(../img/index/queen.png?160219) top center no-repeat;
}

@media screen and (max-width: 640px) {
	.cHeader_queen_image {
		position: absolute;
		top: 106px;
		left: 50%;
		margin: 0 0 0 -160px;
		width: 320px;
		height: 200px;
		background: url(../img/index/sp/queen.png) top center no-repeat;
		background-size: 320px 200px;
	}
}

.cHeader_bg {
	background: url(../img/common/bg_bottle.png) bottom repeat-x;
	background-size: 850px 102px;
}

@media screen and (max-width: 640px) {
	.cHeader_bg {
		background: url(../img/common/bg_bottle.png) bottom repeat-x;
		background-size: 500px 60px;
	}
}

.cHeader_inner,
.cHeadersmall_inner {
	width: 950px;
	height: 100%;
	margin: 0 auto;
	padding: 0;
}

@media screen and (max-width: 640px) {
	.cHeader_inner,
	.cHeadersmall_inner {
		width: auto;
	}
}

.cHeadersmall_inner {
	width: 950px;
}

@media screen and (max-width: 640px) {
	.cHeadersmall_inner {
		width: 100%;
	}
}

.cHeader_text {
	float: left;
	width: 370px;
	margin-top: 26px;
	text-align: center;
}

@media screen and (max-width: 640px) {
	.cHeader_text {
		float: none;
		width: auto;
		margin-top: 10px;
		padding: 0;
	}
}

.cHeader_logo {	
	width: 380px;
	height: 230px;
	margin-bottom: 20px;
	overflow: hidden;
}

@media screen and (max-width: 640px) {
	.cHeader_logo {
		width: 300px;
		height: 70px;
		margin: 10px auto 6px;
	}
}

.cHeader_logo img {
	position: relative;
	top: 0;
	left: -356px;
	width: 1080px;
}

@media screen and (max-width: 640px) {
	.cHeader_logo img {
		top: -65px;
		left: 0;
		width: 300px;
	}
}

.cHeader_date {
	margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
	.cHeader_date {
		margin-bottom: 160px;
	}

	.cHeader_date img {
		width: 200px;
	}
}

.btn_shop {
	width: 310px;
	margin: 0 auto;
	font-size: 20px;
}

@media screen and (max-width: 640px) {
	.btn_shop {
		width: auto;
		margin: 0 10px;
		font-size: 18px;
	}
}

#container .btn_shop a {
	padding: 9px 0;
	overflow: visible;
}

@media screen and (max-width: 640px) {
	#container .btn_shop a {
		padding: 16px 60px;
		overflow: visible;
	}
}

#container .btn_shop_date {
	position: absolute;
	top: -20px;
	left: -30px;
	width: 66px;
	height: 66px;
	background: url(../img/index/shop_date.png?160219) center no-repeat;
	background-size: 70px;
	font-size: 13px;
	text-shadow: none;
	color: #da3c31;
}

@media screen and (max-width: 640px) {
	#container .btn_shop_date {
		left: -10px;
		background-size: 66px;
	}
}

#container .btn_shop_dateBig {
	margin-top: 18px;
	font-size: 16px;
	line-height: 14px;
}

@media screen and (max-width: 640px) {
	#container .btn_shop_dateBig {
		margin-top: 18px;
		font-size: 14px;
		line-height: 16px;
	}
}

#container .btn_shop_dateText {
	padding-top: 4px;
	line-height: 1.0;
}

@media screen and (max-width: 640px) {
	#container .btn_shop_dateText {
		padding-bottom: 4px;
	}
}

#container .btn_shop_dateNote {
	font-size: 12px;
	font-weight: normal;
}

#container .btn_shop_dateKuji {
	display: inline-block;
	width: 26px;
	margin: 0 2px;
	vertical-align: bottom;
}

#container .btn_shop .arrow_r {
	position: absolute;
	top: 50%;
	left: auto;
	right: 12px;
	margin-top: -10px;
	background: url(../img/common/arrow_r.png) center no-repeat;
	background-size: 8px 13px;
}

.cHeadersmall {
	height: 100px;
	background: url(../img/shop/bg_bottle.png) center bottom no-repeat;
}

@media screen and (max-width: 640px) {
	.cHeadersmall {
		height: 80px;
		padding: 0 10px;
		background: url(../img/common/bg_bottle.png) bottom repeat-x;
		background-size: 400px 48px
	}
}

.cHeadersmall .cHeader_logo,
.cHeadersmall .cHeader_btnPrev {
	float: left;
}

@media screen and (max-width: 640px) {
	.cHeadersmall .cHeader_btnPrev {
		float: right;
	}
}

#container .cHeadersmall .cHeader_btnPrev a {
	top: 30px;
	margin-left: 30px;
	line-height: 40px;
}

@media screen and (max-width: 640px) {
	#container .cHeadersmall .cHeader_btnPrev a {
		top: 20px;
		margin-left: 0;
	}
}

.cHeadersmall .cHeader_logo {
	position: relative;
	top: 50%;
	left: 0;
	width: 120px;
	height: 75px;
	margin: -37px 0 0 0;
}

@media screen and (max-width: 640px) {
	.cHeadersmall .cHeader_logo {
		width: 100px;
		height: 63px;
		margin: -32px 0 0 0;
	}
}

.cHeadersmall .cHeader_logo img {
	top: 0;
	left: 0;
	width: 120px;
	height: 75px;
}

@media screen and (max-width: 640px) {
	.cHeadersmall .cHeader_logo img {
		width: 100px;
		height: 63px;
	}
}

.cFooter {
	width: 100%;
	height: 70px;
	background: #00418e;
	border: none;
}

.cFooter_inner {
	padding: 0;
}

@media screen and (max-width: 640px) {
	.cFooter {
		height: auto;
	}

	.cFooter_inner {
		padding-top: 60px;
		margin-bottom: 0;
	}
}

.cFooter_over20 {
	float: left;
	margin-top: 15px;
}

.cFooter_over20 img {
	width: 307px;
}

@media screen and (max-width: 640px) {
	.cFooter_over20 {
		margin-top: 0;
		padding: 20px 0;
		border-top: 1px solid #1756a1;
		border-bottom: 1px solid #1756a1;
	}
	
	.cFooter_over20 img {
		width: 100%;
		max-width: 307px;
		vertical-align: middle;
	}
}

@media screen and (max-width: 640px) {
	.cFooter_over20 {
		float: none;
	}
}

/* ----------------------------------------
	shop
---------------------------------------- */

.areaList {
	padding-right: 50%;
	margin-top: 50px;
	background: url(../img/shop/bg_photo.png) bottom right no-repeat;
	font-size: 14px;
}

@media screen and (max-width: 640px) {
	.areaList {
		width: 100%;
		margin: 0 0 30px 0;
		padding: 0;
		background: none;
		font-size: 16px;
	}
}

.areaList li {
	float: left;
	margin-right: 20px;
	margin: 0 30px 10px 0;
}

@media screen and (max-width: 640px) {
	.areaList li {
		float: none;
		margin: 0;
		background: -o-linear-gradient(to bottom, #a0271f 1%, #871d15 100%);
		background: -ms-linear-gradient(to bottom, #a0271f 1%, #871d15 100%);
		background: -moz-linear-gradient(to bottom, #a0271f 1%, #871d15 100%);
		background: -webkit-linear-gradient(to bottom, #a0271f 1%, #871d15 100%);
		background: linear-gradient(to bottom, #a0271f 1%, #871d15 100%);
		border-bottom: 1px solid #cb4c42;
	}
}

.areaList a {
	padding-left: 18px;
	background: url(../img/common/arrow_r.png) left center no-repeat;
	background-size: 8px 13px;
}

@media screen and (max-width: 640px) {
	.areaList a {
		display: block;
		padding: 14px 0;
		background: url(../img/common/arrow_r.png) right 15px center no-repeat;
		background-size: 8px 13px;
		text-decoration: none;
	}
}

@media screen and (max-width: 640px) {
	.areaList .areaName {
		margin-left: 20px;
	}
}

.shopSelectBox {
	margin: 10px 0 20px;
	padding: 15px 20px;
	background: rgba(0, 0, 0, 0.1);
}

.shopSelectBox_tab,
.shopRadioBtn {
	float: left;
}

.shopSelectBox_tab {
	margin-right: 20px;
	padding: 2px 4px;
	border: none;
	font-size: 16px;
}

.shopSelectBox_radioBtn li {
	float: left;
	margin-right: 20px;
}

.shopSelectBox_radioBtn li:hover {
	cursor: pointer;
}

.shopSelectBox_radioBtnIcon {
	display: inline-block;
	position: relative;
	top: 2px;
	left: 0;
	margin-right: 10px;
	width: 14px;
	height: 14px;
	background: url(../img/shop/radioBtn_off.png) center no-repeat;
	background-size: 100%;
}

.btn_on .shopSelectBox_radioBtnIcon:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	background: url(../img/shop/radioBtn_on.png) center no-repeat;
	background-size: 100%;
	content: "";
}

.note {
	margin-bottom: 20px;
}

.note_imgKuji {
	width: 36px;
	margin: 0 4px;
}

@media screen and (max-width: 640px) {
	.note_imgKuji {
		width: 30px;
	}
}

.area .cBox_title img {
	position: relative;
	top: 0;
	left: 0;
	width: 140px;
	height: 1880px;
}

@media screen and (max-width: 640px) {
	.area .cBox_title img {
		width: 112px;
		height: 1504px;
	}
}

#shopList {
	margin-bottom: 100px;
	width: 100%;
}

.shopList_li a {
	position: relative;
	display: table;
	width: 100%;
	padding: 3px 0;
	border-bottom: 1px solid #cb4c42;
	text-decoration: none;
}

@media screen and (max-width: 640px) {
	.shopList_li a {
		padding: 8px 0;
		background: -o-linear-gradient(to bottom, #a0271f 1%, #871d15 100%);
		background: -ms-linear-gradient(to bottom, #a0271f 1%, #871d15 100%);
		background: -moz-linear-gradient(to bottom, #a0271f 1%, #871d15 100%);
		background: -webkit-linear-gradient(to bottom, #a0271f 1%, #871d15 100%);
		background: linear-gradient(to bottom, #a0271f 1%, #871d15 100%);
	}
}

.shopList_li a:hover {
	background-color: #b92d23;
	background-color: rgba(255, 110, 110, 0.3);
}

@media screen and (max-width: 640px) {
	.shopList_li a:hover {
		background-color: inherit;
	}
}

.shopList_li_kuji_on a {
	background-color: rgba(255, 110, 110, 0.2);
}

@media screen and (max-width: 640px) {
	.shopList_li_kuji_on a {
		background: -o-linear-gradient(to bottom, #c23a31 1%, #871d15 100%);
		background: -ms-linear-gradient(to bottom, #c23a31 1%, #871d15 100%);
		background: -moz-linear-gradient(to bottom, #c23a31 1%, #871d15 100%);
		background: -webkit-linear-gradient(to bottom, #c23a31 1%, #871d15 100%);
		background: linear-gradient(to bottom, #c23a31 1%, #871d15 100%);
	}
}

.shopList_off {
	display: none;
}

.shopList_icon,
.shopList_name,
.shopList_address,
#shopList .arrow_r {
	display: table-cell;
	line-height: 35px;
	vertical-align: middle;
}

@media screen and (max-width: 640px) {
	.shopList_icon,
	.shopList_name,
	.shopList_address {
		line-height: normal;
	}
}

.shopList_icon {
	width: 100px;
}

@media screen and (max-width: 640px) {
	.shopList_icon {
		width: 70px;
	}
}

.shopList_icon img {
	position: relative;
	top: 6px;
	left: 32px;
	width: 36px;
}

@media screen and (max-width: 640px) {
	.shopList_icon img {
		top: 0;
		left: 15px;
	}
}

.shopList_name,
.shopList_address {
	padding-right: 30px;
}

@media screen and (max-width: 640px) {
	.shopList_name,
	.shopList_address {
		display: block;
	}
}

.shopList_name {
	width: 300px;
}

@media screen and (max-width: 640px) {
	.shopList_name {
		width: auto;
		font-size: 16px;
		color: #ffb988;
	}
}

.shopList_address {
}

@media screen and (max-width: 640px) {
	.shopList_address {
		font-size: 12px;
	}
}

#shopList .arrow_r {
	position: absolute;
	top: 50%;
	left: auto;
	right: 20px;
	margin-top: -10px;
}

@media screen and (max-width: 640px) {
	#shopList .arrow_r {
		right: 10px;
		width: 8px;
		height: 13px;
		margin-top: -6px;
		background-size: 8px 13px;
	}
}

#shopList .shopList_top {
	background: #fff;
	padding: 2px 20px;
	font-size: 16px;
	color: #F00;
}

.shopList_501 {
	display: none;
}

.pagetop {
	position: fixed;
	display: inline-block;
	/* bottom: 46px; */
	bottom: 0;
	right: 46px;
	width: 62px;
	height: 138px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url(../img/common/icon_pagetop.png) bottom -20px center no-repeat;
	line-height: 0;
	cursor: pointer;
	z-index: 500;
}

.pagetop:hover {
	background: url(../img/common/icon_pagetop.png) bottom -10px center no-repeat;
}

@media screen and (max-width: 640px) {
	.pagetop {
		display: none !important;
	}
}

/* ----------------------------------------
	Colorbox
---------------------------------------- */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../img/common/colorbox/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../img/common/colorbox/controls.png?141204) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../img/common/colorbox/controls.png?141204) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../img/common/colorbox/controls.png?141204) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../img/common/colorbox/controls.png?141204) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../img/common/colorbox/controls.png?141204) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../img/common/colorbox/controls.png?141204) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../img/common/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../img/common/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; color:#000;}
        #cboxCurrent{position:absolute; bottom:3px; right:80px; color:#949494;}
        #cboxLoadingOverlay{background:url(../img/common/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../img/common/colorbox/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; right:50px; background:url(../img/common/colorbox/controls.png?141204) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; right:25px; background:url(../img/common/colorbox/controls.png?141204) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../img/common/colorbox/controls.png?141204) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

@media screen and (max-width: 640px) {
	#cboxCurrent {
		display: none !important;
	}
}