@charset "utf-8";
.sp_only {
	display: none;
}
.pc_only {
	display: inline;
}

@media only screen and (max-width: 767px) {
.sp_only {
	display: inline;
}
.pc_only {
	display: none;
}
}
#wrapper {
	width: 100%;
}
#main {
	position: relative;
	width: 100%;
	margin: 0 auto;
	/*overflow: hidden;*/
	background: url(../img/bg_donkibeaujolais.png) 0 0;
}
.innerWrap {
	max-width: 1600px;
	margin: 0 auto;
}
.h1wrap {
	position: relative;
	margin: 5% auto 4%;
}
.h1wrap h1 {
	position: absolute;
	margin: -2px auto 0;
	font-size: 26px;
	font-weight: bold;
	z-index: 5;
	letter-spacing: -0.0345em;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width:100%;
	color: #fff;
	text-align: center;
}

.h1wrap .h1ribbon img {
	max-width: 800px;
	width: 80%;
}

@media only screen and (max-width: 767px) {
	.h1wrap {
		margin: 10% auto 5%;
	}
	.h1wrap h1 {
		font-size: 18px;
		line-height:1.2em;
	}
	.h1wrap .h1ribbon img {
		max-width: 600px;
		width: 100%;
	}
}

@media only screen and (max-width: 480px) {
	.h1wrap h1 {
		font-size: 14px;
	}
}

/* donkibeaujolais-------------------------------------- */
div#donkibeaujolais {
	position: relative;
	width: 100%;
	padding-bottom: 115px;
	text-align: center;
	padding-top: 1px;
	margin-bottom: -1.5%;
}
#donkibeaujolais .h1wrap {
	margin: 5% auto 2.5%;
}
#donkibeaujolais h1 {
	color: #e9e9e9;
}
#donkibeaujolais #donkibeaujolaisTxt {
	margin-bottom: 3.5%;
	color: #2e2e2e;
	font-size: 18px;
	text-align: center;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 1.8em;
	word-break: break-word;
}

#donkibeaujolais #item_wrap {
	box-sizing: border-box;
	display: flex;
	margin: 0 auto;
	max-width: 1000px;
	padding-bottom: 60px;
	width: 96%;
}
#donkibeaujolais #item_wrap .item_frame {
	box-sizing: border-box;
	display: block;
	padding: 40px 10px 0;
	position: relative;
	text-decoration: none;
	width: 20%;
}

#donkibeaujolais #item_wrap #item_frame1 {
	background: url(../img/bg_item_frame1.png) repeat left top;
}
#donkibeaujolais #item_wrap #item_frame2 {
	background: url(../img/bg_item_frame2.png) repeat left center;
}
#donkibeaujolais #item_wrap #item_frame3 {
	background: url(../img/bg_item_frame3.png) repeat right top;
}
#donkibeaujolais #item_wrap #item_frame4 {
	background: url(../img/bg_item_frame4.png) repeat right center;
}
#donkibeaujolais #item_wrap #item_frame5 {
	background: url(../img/bg_item_frame5.png) repeat left bottom;
}

#donkibeaujolais #item_wrap #item_frame1:hover {
	background: #d67eb9;
}
#donkibeaujolais #item_wrap #item_frame2:hover {
	background: #fbcbcb;
}
#donkibeaujolais #item_wrap #item_frame3:hover {
	background: #83b5e1;
}
#donkibeaujolais #item_wrap #item_frame4:hover {
	background: #f5ce65;
}
#donkibeaujolais #item_wrap #item_frame5:hover {
	background: #f69c94;
}

#donkibeaujolais #item_wrap .item_frame .item_bottle {
	display: block;
	margin: 0 auto;
	position: relative;
	width: 60%;
}
#donkibeaujolais #item_wrap .item_frame .item_label {
	left: 5%;
	position: absolute;
    top: 26%;
    width: 46%;
}
#donkibeaujolais #item_wrap .item_frame h2 {
	color: #2e2e2e;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.4;
	padding: 20px 0 100px;
}
#donkibeaujolais #item_wrap .item_frame .item_price_min.item_price_min_before {
	font-size: 24px;
}
#donkibeaujolais #item_wrap .item_frame .item_price_min {
/*	bottom: 38px;*/
	bottom: 10px;
	box-sizing: border-box;
	color: #ffff00;
	display: block;
	font-weight: bold;
	font-size: 20px;
	left: 0;
	padding-top: 8px;
	position: absolute;
	text-align: center;
	text-shadow:
		2px 2px 0.5px #771635, 2px -2px 0.5px #771635, -2px 2px 0.5px #771635, -2px -2px 0.5px #771635, 2px 0px 0.5px #771635, -2px 0px 0.5px #771635, 0px -2px 0.5px #771635, 0 2px 0.5px #771635,
		1px 1px 0.5px #771635, 1px -1px 0.5px #771635, -1px 1px 0.5px #771635, -1px -1px 0.5px #771635, 1px 0px 0.5px #771635, -1px 0px 0.5px #771635, 0px -1px 0.5px #771635, 0 1px 0.5px #771635;
	width:100%;
}
#donkibeaujolais #item_wrap .item_frame .item_price {
	background-color: #ffffff;
	border-radius: 30px;
	bottom: 30px;
	box-sizing: border-box;
	display: block;
	left: 50%;
	line-height: 1.2;
	margin-left: -40%;
	padding: 7px 5px 5px;
	position: absolute;
	width:80%;
}
#donkibeaujolais #item_wrap .item_frame .item_price .num {
	display: inline-block;
	color: #ff0000;
	font-weight: bold;
	font-size: 25px;
}
#donkibeaujolais #item_wrap .item_frame .item_price .yen {
	display: inline-block;
	margin: 0 0 3px 2px;
	color: #2e2e2e;
	font-weight: bold;
}
#donkibeaujolais #item_wrap .item_frame .item_arrow {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 4.8%;
}

@media only screen and (max-width: 1000px) {
	#donkibeaujolais #item_wrap .item_frame .item_bottle {
		width: 50%;
	}
	#donkibeaujolais #item_wrap .item_frame .item_price_min {
		font-size: 17px;
	}

}
@media only screen and (max-width: 767px) {
	#donkibeaujolais #item_wrap {
		flex-wrap: wrap;
	}
	#donkibeaujolais #item_wrap .item_frame {
		width: 50%;
	}
	#donkibeaujolais #item_wrap .item_frame h2 {
		padding-bottom: 110px;
	}
	#donkibeaujolais #item_wrap .item_frame .item_price_min {
		font-size: 24px;
	}
}

@media only screen and (max-width: 480px) {
	#donkibeaujolais #item_wrap .item_frame .item_price_min {
		font-size: 17px;
	}
}

/*-----------------------------------------------------------*/

/*
#donkibeaujolais #itemWrap {
	margin: 0 auto;
	max-width: 1000px;
	width: 96%;
}
#donkibeaujolais #itemWrap .itemThumb {
	position: relative;
	float: left;
	margin-bottom: 70px;
	width: 20%;
}
#donkibeaujolais .itemThumb *{
	border: solid 1px #000000;
}



#donkibeaujolais .itemThumb .itemLabel {
	position: absolute;
	top: 18.46%;
	left: 6%;
	z-index: 4;
	width: 40.2%;
}
#donkibeaujolais .itemThumb .itemImage {
	margin: 50px auto 5px auto;
	position: relative;
	width: 48%;
}
#donkibeaujolais .itemThumb .itemName {
	width: 90%;
	margin: 0 auto;
	min-height: 90px;
}


#donkibeaujolais .itemThumb .itemImage img {
	position: relative;
}
#donkibeaujolais .itemThumb .itemLabel img,
#donkibeaujolais .itemThumb .itemImage img,
#donkibeaujolais .itemThumb .itemArrow img,
#donkibeaujolais .itemThumb .itemPriceWrap img {
	width: 100%;
}

@media only screen and (max-width: 767px) {
	#donkibeaujolais .itemThumb .itemName h2 {
		font-size: 15px;
		min-height: 90px;
	}
	#donkibeaujolais .itemThumb .itemPriceWrap .itemPrice_min {
		font-size: 23px;
	}
}

@media only screen and (max-width: 480px) {
	#donkibeaujolais .itemThumb .itemName h2 {
		font-size: 14px;
		min-height: 120px;
	}
	#donkibeaujolais .itemThumb .itemPriceWrap .itemPrice_min {
		font-size: 21px;
		padding-top: 2px;
	}
}
*/
/*-----------------------------------------------------------*/

#donkibeaujolais #btnItem {
	clear: left;
	position: relative;
	width: 20%;
	margin: 0 auto;
	top: 30px;
}
#donkibeaujolais #btnItem #btnItemTxt {
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:3.5% auto;
	z-index:10;
	color:#771635;
	font-size:2vw;
	font-weight:bold;
	pointer-events: none;
}
#donkibeaujolais #btnItem #btnItemOff {
	width: 100%;
	position: relative;
	top: 0;
	z-index: 5;
}
#donkibeaujolais #btnItem #btnItemOff:hover {
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
#donkibeaujolais #btnItem #btnItemOver {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 4;
}
#donkibeaujolais #btnItem img {
	width: 100%;
}
#donkibeaujolais #pop_pc {
	bottom: -80px;
	left: 8%;
	max-width: 382px;
	position: absolute;
	width: 38%;
}
#donkibeaujolais #pop_sp {
	bottom: -26px;
	left: 5%;
	max-width: 200px;
	position: absolute;
	width: 22%;
}
#donkibeaujolais #wine {
	position: absolute;
	bottom: -7%;
	right: 20%;
	max-width: 161px;
	width: 20%;
}

@media only screen and (max-width: 767px) {
	#donkibeaujolais .h1wrap {
		margin: 13% auto 8%;
	}
	#donkibeaujolais #item_wrap {
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 0;
	}

	#donkibeaujolais #donkibeaujolaisTxt {
		padding: 0 8%;
	}
	#donkibeaujolais #btnItem {
		width: 54.7%;
		margin: 0 auto 15px auto;
		top: 50px;
	}
	#donkibeaujolais #btnItem #btnItemTxt {
		margin-top: 4.2%;
		top:-5px;
		font-size:24px;
	}
	#donkibeaujolais #wine {
		bottom: -7px;
		right: 6%;
		width: 16%;
	}
	#donkibeaujolais #donpen {
		bottom: 0;
		left: 6%;
		width: 23%;
	}
	#donkibeaujolais #wine img,
	#donkibeaujolais #donpen img {
		width: 100%;
	}
}


/*ワインラベル*/


#knight {
	overflow: hidden;
	position: relative;
	width: 100%;
}
#knight #topImg {
	width: 100%;
}
#knight .line {
	background-image: url(../img/knight/knight_gradients2.jpg);
	background-size: contain;
	height: 8px;
	width: 100%;
}
#knight .script {
	font-size: 14px;
	vertical-align: top;
}
#knight #top_bg {
	background: url(../img/bg_donkibeaujolais2.png) repeat-y top center / 100% auto;
	overflow: hidden;
	position: relative;
	padding-bottom: 8.75%;
	width: 100%;
}
#knight #top_bg2 {

}
#knight #top_bg #deco {
	height: 100%;
	left: 50%;
	max-width: 1040px;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100%;
}
#knight #top_bg #deco #deco_house {
	bottom: 38px;
	position: absolute;
	right: -350px;
	width: auto;
}
#knight #top_bg #deco_tl16 {
	left: -50px;
	position: absolute;
	top: 0;
}

#knight #top_bg #deco_grass {
	bottom: 0;
	height: 60px;
	position: absolute;
	width: 100%;
}
#knight #top_bg #deco_tr16 {
	position: absolute;
	right: -50px;
	top: 0;
}
#knight #top_bg #top_box {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1040px;
	padding: 60px 20px 100px;
	position: relative;
	width: 100%;
	text-align: center;
}
#knight #top_bg #top_box #deco_tl,
#knight #top_bg #top_box #deco_tr {
	display: none;
}
#knight #top_bg #top_box .h1ribbon img {
	display: block;
	margin: 0 auto;
	max-width: 670px;
	position: relative;
}

#knight #top_bg #top_box img {
	width: 100%;
	display: block;
}
#knight #top_bg #top_box p {
	font-size: 22px;
	line-height: 1.5;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 50px;
	position: relative;
}

@media only screen and (max-width: 1600px) {
	#knight #top_bg #deco_grass {
		bottom: 0;
		height: 60px;
		left: 50%;
		margin-left: -800px;
		position: absolute;
		width: 1600px;
	}
	#knight #top_bg #deco_tl16,
	#knight #top_bg #deco_tr16 {
		display: none;
	}
	#knight #top_bg #top_box #deco_tl {
		display: block;
		left: -280px;
		position: absolute;
		top: 0;
	}
	#knight #top_bg #top_box #deco_tr {
		display: block;
		position: absolute;
		right: -280px;
		top: 0;
	}
}
@media only screen and (max-width: 1000px) {
	#knight #top_bg #top_box #deco_tl {
		left: -6%;
		top: 0;
		width: 50%;
	}
	#knight #top_bg #top_box #deco_tr {
		right: -4%;
		top: 0;
		width: 50%;
	}
}

#knight #article {
	background-image: url(../img/knight/knight_article_bg.jpg);
	padding-bottom: 40px;
	position: relative;
	width: 100%;
}
#knight #article > div {
	box-sizing: border-box;
	margin: 0 auto;
	max-width: 1040px;
	padding: 0 20px;
	position: relative;
	width: 100%;
}
#knight #article #deco_table {
	left: -270px;
	position: absolute;
	top: -160px;
}
#knight #article #deco_barrel {
	position: absolute;
	right: -340px;
	top: 150px;
}
#knight #article #who {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#knight #article #who > div {
	background-image: url(../img/knight/knight_who_bg.jpg);
	background-size: 100% 100%;
	border: solid 1px #e6cd36;
	border-radius: 10px;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	box-sizing: border-box;
	display: inline-block;
	padding: 20px;
	width: 48%;
}
#knight #article #who > div img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

#knight #article #who > div span {
	display: block;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	padding: 20px 0 16px;
}

#knight #article #who > div p {
	line-height: 1.6;
	margin: 0;
	padding: 0;
}

@media only screen and (max-width: 480px) {
	#knight #article #who > div {
		margin-bottom: 30px;
		width: 100%;
	}
	#knight #article #who > div:nth-last-child(1) {
		margin-bottom: 0;
	}
}

#knight #article #photo1 {
	color: #ffffff;
	padding: 40px 20px 0;
	text-align: center;
}

#knight #article #photo1 img {
	box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	width: 100%;
}
#knight #article #photo1 p {
	margin: 0;
	padding-top: 20px;
}

#knight #article #what {
	background-color: #f6f3e2;
	border: solid 15px #a9930d;
	border-radius: 10px;
	box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	box-sizing: border-box;
	margin-top: 40px;
	padding: 20px;
}
#knight #article #what > img {
	display: block;
	margin: 0 auto;
	max-width: 318px;
	width: 35%;
}
#knight #article #what > h3 {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
#knight #article #what > p {
	line-height: 1.5;
	margin: 0;
}
#knight #article #what .flex2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 20px;
}
#knight #article #what .flex2 > div{
	display: inline-block;
	text-align: center;
	width: 48%;
}
#knight #article #what .flex2 > div img {
	margin-bottom: 5px;
	width: 100%;
}
@media only screen and (max-width: 480px) {
	#knight #article #what .flex2 > div {
		margin-bottom: 20px;
		width: 100%;
	}
	#knight #article #what .flex2 > div:nth-last-child(1) {
		margin-bottom: 0;
	}
}

#knight #article #photo2 {
	box-sizing: border-box;
	color: #ffffff;
	padding: 40px 20px 0;
}
#knight #article #photo2 p {
	line-height: 1.5;
}
#knight #article #photo2 .flex3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px 0;
}
#knight #article #photo2 .flex3 img {
	box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
	display: inline-block;
	width: 30%;
}

@media only screen and (max-width: 480px) {
	#knight #article #photo2 .flex3 img {
		margin-bottom: 20px;
		width: 100%;
	}
	#knight #article #photo2 .flex3 img:nth-last-child(1) {
		margin-bottom: 0;
	}
}







/* footer-------------------------------------- */
footer {
	position: relative;
	clear: both;
	width: 100%;
	padding: 30px 0;
	text-align: center;
	color: #fff;
	background: #6e0028;
	font-size: 17px;
	z-index: 0;
}

@media only screen and (max-width: 767px) {
footer {
	padding: 15px 0;
	font-size: 70%;
}
}



/*--------------------------------------
	スライダー（標準・動画モード）
---------------------------------------*/
.topSlider {
	position: relative;
	width: 100%;
	z-index: 10;
	background-color: #ff9999;
	animation: bg-color 10s infinite;
	-webkit-animation: bg-color 10s infinite;
}
@-webkit-keyframes bg-color {
  0% { background-color: #ff9999; }
  20% { background-color: #f1c40f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #ff9999; }
}
@keyframes bg-color {
  0% { background-color: #ff9999; }
  20% { background-color: #f1c40f; }
  40% { background-color: #1abc9c; }
  60% { background-color: #3498db; }
  80% { background-color: #9b59b6; }
  100% { background-color: #ff9999; }
}
.topSlider__body a.toknight {
	-webkit-animation: toknight１ 3s infinite;
    animation: toknight1 3s infinite;
	bottom: 23%;
	left: 3%;
	position: absolute;
	width: 22%;
}
.topSlider__body a.toknight.noneClick {
	pointer-events: none;
}
@-webkit-keyframes toknight1 {
    0%   {bottom: 24%;}
    50%  {bottom: 22%;}
    100% {bottom: 24%;}
}
@keyframes toknight1 {
    0%   {bottom: 24%;}
    50%  {bottom: 22%;}
    100% {bottom: 24%;}
}
.topSlider__body img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 768px) {
	.topSlider {
	/*		margin-bottom:30px;*/
	}
	.topSlider__body a.toknight {
		-webkit-animation: toknight2 3s infinite;
		animation: toknight2 3s infinite;
		bottom: 4%;
		left: 6.5%;
		position: absolute;
		width: 35%;
	}
}

@-webkit-keyframes toknight2 {
    0%   {bottom: 6%;}
    50%  {bottom: 3.5%;}
    100% {bottom: 6%;}
}
@keyframes toknight2 {
    0%   {bottom: 6%;}
    50%  {bottom: 3.5%;}
    100% {bottom: 6%;}
}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
 *zoom: 1;
}
.topSlider .bx-wrapper img {
	max-width: 100%;
	display: block;
}
/** THEME
===================================*/

.topSlider .bx-wrapper .bx-viewport {
	background: #fff;
}
.topSlider .bx-wrapper .bx-viewport {
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
}
.topSlider .bx-wrapper .bx-pager, .topSlider .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}
.mobMyshop .bx-wrapper .bx-pager, .mobMyshop .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
}

@media only screen and (max-width: 767px) {
.topSlider .bx-wrapper .bx-pager,  .topSlider .bx-wrapper .bx-controls-auto {
	bottom: 15px;
	left: 10px;
}
}
/* LOADER

.topSlider .bx-wrapper .bx-loading {
	min-height: 50px;
	background: #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
} */
/* PAGER */

.bx-wrapper .bx-pager {
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	padding-top: 25px;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
 *zoom: 1;
 *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: url(../img/pager_off.png) no-repeat 0 0;
	text-indent: -9999px;
	display: block;
	width: 20px;
	height: 21px;
	margin: 0 10px;
	outline: 0;/*	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;*/
}
.topSlider .bx-wrapper .bx-pager.bx-default-pager a:hover, .topSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: url(../img/pager_active.png) no-repeat 0 0;
}
.mobMyshop .bx-wrapper .bx-pager.bx-default-pager a:hover,  .mobMyshop .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: url(../img/pager_active.png) no-repeat 0 0;
}

@media only screen and (max-width: 767px) {
.topSlider .bx-wrapper .bx-pager.bx-default-pager a {
	background: url(../img/pager_off_sp.png) no-repeat 0 0;
	width: 12px;
	height: 13px;
	margin: 0 5px;/*	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;*/
}
.topSlider .bx-wrapper .bx-pager.bx-default-pager a:hover, .topSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: url(../img/pager_active_sp.png) no-repeat 0 0;
}
}
/* DIRECTION CONTROLS (NEXT / PREV) */

.topSlider .bx-controls-direction {
	display: none;
}
/* .topSlider .bx-wrapper .bx-prev {
	left: 85px;
	background: url(../img/btn_slider.png) no-repeat 0 0;
}

 .topSlider .bx-wrapper .bx-next {
	right: 85px;
	background: url(../img/btn_slider.png) no-repeat -55px 0;
}

 .topSlider .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	outline: 0;
	width: 52px;
	height: 51px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	z-index: 9999;
}

 .topSlider .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
 .topSlider .bx-viewport li { min-height: 1px; min-width: 1px; }
 .topSlider .bx-viewport img { min-height: 1px; min-width: 1px; }

.block--large .bx-wrapper{
	margin-bottom:120px;
}*/
/* スライダー END--------------------------- */

/* ページトップへ戻るボタン */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 0;
	width: 70px;
	height: 120px;
	font-size: 100%;
	background: url(../img/pagetop.png) no-repeat 0 0;
	z-index: 100;
}
#page-top a {
	display: block;
	width: 70px;
	height: 120px;
}

/* 767 ----------------------------------------------------*/
@media only screen and (max-width: 767px) {
#page-top {
	display: none !important;
}
}





.label_box {
	border: 2px solid #fff;
	padding: 8px;
	margin-bottom: 40px;
}
.label_box .label_box_inner {
	background: #fff9f8;
}
#knight #top_bg #top_box p.label_box_text {
	font-size: 18px;
	line-height: 1.6;
	padding: 40px 70px;
}



/* 767 ----------------------------------------------------*/
@media only screen and (max-width: 767px) {
	#knight #top_bg #top_box p {
		font-size: 18px;
		padding: 0px 0 30px;
	}
	#knight #top_bg #top_box {
		padding: 10px 20px 50px;
	}
	#knight #top_bg #top_box p.label_box_text {
		font-size: 14px;
		padding: 30px 50px;
	}
}
@media only screen and (max-width: 480px) {
	#knight #top_bg #top_box p {
		font-size: 15px;
		padding: 0px 0 20px;
	}
	#knight #top_bg #top_box {
		padding: 10px 20px 50px;
	}
	#knight #top_bg #top_box p.label_box_text {
		font-size: 12px;
		padding: 20px 30px;
	}
	.label_box {
		border: 1px solid #fff;
		padding: 5px;
		margin-bottom: 20px;
	}
}



/* =========================================================
     sns_campaign
========================================================= */


/* ----- Lavel4 ----------------------------------*/
#sns_campaign {
	width: 100%;
	margin-top: -8.75%;
	position: relative;
}
#sns_campaign img#topImg2 {
	width: 100%;
}
#sns_campaign #top_bg2 {
	background: url(../img/bg_donkibeaujolais3.png) repeat-y top center / 100% auto;
    overflow: hidden;
    position: relative;
    padding-bottom: 8.75%;
    width: 100%;
}
#sns_campaign #top_bg2 #top_box2 .h1ribbon img {
    display: block;
    margin: 0 auto;
    max-width: 670px;
    position: relative;
}
#sns_campaign .sns_mv {
	border: 10px solid #fff;
	margin-bottom: 50px;
}
#sns_campaign #top_bg2 #top_box2 {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1040px;
    padding: 60px 20px 100px;
    position: relative;
    width: 100%;
    text-align: center;
}
/* ----- Lavel4 ----------------------------------*/
#sns_campaign #campaign_our_img {
}
#sns_campaign h2 {
    font-weight: bold;
    font-size: 30px;
    letter-spacing: 0.12em;
    line-height: 1;
    padding: 20px 0;
    border-top: 1px solid #ba0982;
    border-bottom: 1px solid #ba0982;
    margin-bottom: 30px;
	text-align: center;
}
#sns_campaign .sns_mv img {
	width: 100%;
}
/* ----- Lavel4 ----------------------------------*/
#sns_campaign .camp_aria {
	padding: 0 50px;
}
#sns_campaign .camp_Box {
	margin-bottom: 50px;
}
#sns_campaign .camp_Box_wrap {
	margin: 0 30px;
}
#sns_campaign .camp_Box_wrap_border {
	border: 1px solid #fff;
	padding: 10px;
}
#sns_campaign .camp_Box_inner {
	background: rgba( 255,255,255,0.8 );
	padding: 40px;
}

#sns_campaign .camp_Box_inner2 {
}
#sns_campaign .camp_Box_inner2 p {
	font-weight: bold;
	font-size: 28px;
    line-height: 1.7;
    letter-spacing: 0.06em;
	color: #ba0982;
}
#sns_campaign .camp_Box_inner2 p.font-s {
	font-size: 32px;
}
.txt-rl {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
		  font-weight: bold
}
#sns_campaign .start_badge {
    background: #ba0982;
    display: inline-block;
    padding: 10px 40px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}
#sns_campaign .small {
	font-size: 18px;
    color: #333;
    display: block;
}
/* ----- Lavel4 ----------------------------------*/
#sns_campaign ul.entry_list {
}
#sns_campaign ul.entry_list > li {
	padding: 5px;
    margin-bottom: 20px;
    border: 1px solid #fff;
}
#sns_campaign ul.entry_list > li .entry_num {
 	display: block;
    font-size: 26px;
    margin-bottom: 30px;
    line-height: 1;
    letter-spacing: 0.12em;
    color: #ffffff;
    background: #ba0982;
    padding: 15px;
}
#sns_campaign ul.entry_list > li .item_wrap {
	overflow: hidden;
	display: flex;
	justify-content: center;
    align-items: center;
}
#sns_campaign ul.entry_list > li .item_wrap div.left_box {
	width: 40%;
    float: left;
    padding-right: 30px;
    box-sizing: border-box;
}
#sns_campaign ul.entry_list > li .item_wrap div.left_box img {
	width: 100%;
}
#sns_campaign ul.entry_list > li .item_wrap div.right_box {
	width: 60%;
	float: right;
	text-align: left;
}
#sns_campaign ul.entry_list > li .item_wrap div.right_box p {
	margin-bottom: 0.45em;
	font-size: 18px;
    font-weight: bold;
}
#sns_campaign ul.entry_list > li ul.canmp_wine_list {
	margin-top: 20px;
}
#sns_campaign ul.entry_list > li ul.canmp_wine_list > li {
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 0.45em;
}
#sns_campaign ul.entry_list li > .entry_item {
	padding: 40px;
    background: rgba( 255,255,255,0.8 );
}
#sns_campaign ul.entry_list li > .entry_item .meat_asterisk {
    font-size: 10px;
    color: #999;
    text-align: right;
    display: block;
    margin-top: -20px;
    padding-bottom: 20px;
}
#sns_campaign p.sns_account {
	margin-bottom: 10px;
}
#sns_campaign p.sns_account a {
	display: flex;
    overflow: hidden;
    align-items: center;
    text-decoration: none;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
}
#sns_campaign p.sns_account a .icon {
	display: block;
	width: 70px;
	float: left;
}
#sns_campaign p.sns_account a:hover .icon {
	opacity: 0.7;
}
#sns_campaign p.sns_account a .txt {
	display: block;
    width: calc( 100% - 70px );
    padding-left: 10px;
    box-sizing: border-box;
    float: left;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}
#sns_campaign p.sns_account a .account_id {
	font-size: 14px;
    color: #999;
    display: block;
}
#sns_campaign .sns_tweet {
	margin-top: 20px;
}
#sns_campaign .sns_tweet .button {
    margin-bottom: 10px;
}
#sns_campaign .sns_tweet a {
	display: flex;
    align-items: center;
    padding: 0 30px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.06em;
    text-decoration: none;
    color: #fff;
    vertical-align: middle;
    line-height: 1.1;
    max-width: 180px;
    height: 60px;
    justify-content: center;
}
#sns_campaign .sns_tweet a .sna_text_small {
    font-size: 16px;
}
#sns_campaign .sns_tweet a:hover {
	opacity: 0.7;
}
#sns_campaign .sns_tweet a span {
	font-weight: bold;
	vertical-align: middle;
	position: relative;
	z-index: 2;
}
#sns_campaign .sns_tweet a span.sna_icon {
	font-size: 36px;
    margin-right: 10px;
}
#sns_campaign .sns_tweet .button02 a {
    background: #1b95e0;
}

#sns_campaign .sns_tweet .button01 a {
	position: relative;/*相対配置*/
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
	overflow: hidden;/*はみ出た部分を隠す*/
	border-radius: 13px;/*角丸に*/
}
#sns_campaign .sns_tweet .button01 a:before{/*グラデーションを重ねるため*/
  content: '';
    position: absolute;
    top: 19%;
    left: -50%;
    width: 100%;
    height: 200%;
    background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
    background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}
#sns_campaign .sns_tweet .button01{
	position: relative;
}
#sns_campaign .sns_tweet .button01 #txt1{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	z-index: -100;
}
/* ----- Lavel4 ----------------------------------*/
#sns_campaign .camp_Box02 {
}
#sns_campaign .camp_Box02 p.ttl {
	font-size: 24px;
    font-weight: bold;
    background: #ba0982;
    padding: 15px;
    color: #fff;
	margin-bottom: 30px;
}
#sns_campaign .camp_Box02 .text_box {
}
#sns_campaign .camp_Box02 p.text {
    font-size: 20px;
    font-weight: bold;
	text-align: left;
	display: inline-block;
    margin-bottom: 20px;
}
/* ----- Lavel4 ----------------------------------*/
#sns_campaign .camp_Box05 {
	text-align: left;
}
#sns_campaign .camp_Box05 h3 {
	font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 30px;
    color: #ba0982;
}
#sns_campaign .camp_Box05 p {
	margin-bottom: 0.45em;
}
#sns_campaign .camp_Box05 p.text_indent {
	text-indent: -1.0em;
	padding-left: 1.0em;
}
#sns_campaign .camp_Box05 .entry_note_dl {
    margin-top: 30px;
}
#sns_campaign .camp_Box05 .entry_note_dl dd {
    padding: 30px;
    border: 1px solid #ba0982;
}
#sns_campaign .camp_Box05 .entry_note_dl dt {
    font-size: 18px;
    background: #ba0982;
    margin-top: 10px;
    padding: 20px 60px 20px 20px;
    line-height: 1;
    color: #fff;
	position: relative;
}

#sns_campaign .camp_Box05 .entry_note_dl dt::after {
	content: "＋";
    width: 35px;
    height: 35px;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
}
#sns_campaign .camp_Box05 .entry_note_dl dt.active::after {
    content: "－";
}
/* 1000 ----------------------------------------------------*/
@media only screen and (max-width: 1000px) {
	#sns_campaign .camp_aria {
		padding: 0 0px;
	}
	#sns_campaign h2 {
		font-size: 28px;
		padding: 15px 0;
	}
}
/* 767 ----------------------------------------------------*/
@media only screen and (max-width: 767px) {
	#sns_campaign #top_bg2 #top_box2 {
		max-width: 1040px;
		padding: 10px 20px 50px;
	}
	#sns_campaign h2 {
		font-size: 22px;
		padding: 15px 0;
	}
	#sns_campaign .camp_Box_wrap {
		margin: 0 20px;
	}
	#sns_campaign .camp_Box_inner {
		padding: 20px;
	}
	#sns_campaign .camp_Box02 p.text {
		font-size: 16px;
		margin-bottom: 15px;
	}
	#sns_campaign .camp_Box02 p.ttl {
		font-size: 18px;
		padding: 10px;
		margin-bottom: 20px;
	}
	#sns_campaign .small {
		font-size: 14px;
	}
	#sns_campaign .camp_Box_inner2 p {
		font-size: 24px;
		line-height: 1.5;
	}
	#sns_campaign .start_badge {
		margin-bottom: 15px;
	}
	#sns_campaign .camp_Box_inner2 p.font-s {
		font-size: 28px;
	}
	#sns_campaign ul.entry_list li > .entry_item {
		padding: 30px;
	}
	#sns_campaign ul.entry_list > li .item_wrap {
		display: block;
	}
	#sns_campaign ul.entry_list > li .item_wrap div.left_box img {
		max-width: 100%;
		width: auto;
	}
	#sns_campaign ul.entry_list > li .item_wrap div.right_box p {
		font-size: 16px;
	}
	#sns_campaign ul.entry_list > li ul.canmp_wine_list {
		margin-top: 10px;
	}
	#sns_campaign ul.entry_list > li .item_wrap div.left_box {
		width: 100%;
		float: none;
		padding-right: 0;
		margin-bottom: 20px;
	}
		#sns_campaign ul.entry_list > li .item_wrap div.right_box {
		width: 100%;
		float: none;
		text-align: left;
	}
	#sns_campaign .camp_Box05 .entry_note_dl dt {
		font-size: 16px;
		margin-top: 10px;
		padding: 15px 40px 15px 15px;
	}
	#sns_campaign .camp_Box05 .entry_note_dl dt::after {
		right: 7px;
	}
	#sns_campaign .camp_Box05 .entry_note_dl dd {
		padding: 20px;
	}
	#sns_campaign .camp_Box05 .entry_note_dl {
		margin-top: 20px;
	}
	#sns_campaign .camp_Box05 h3 {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 5px;
		margin-top: 20px;
		color: #ba0982;
	}
	#sns_campaign .camp_Box {
		margin-bottom: 40px;
	}
}
@media only screen and (max-width: 480px) {

	#sns_campaign .sns_mv {
		border: 5px solid #fff;
		margin-bottom: 30px;
	}

	#sns_campaign #top_bg2 #top_box2 {
		max-width: 1040px;
		padding: 10px 20px 50px;
	}

	#sns_campaign .camp_aria {
		padding: 0 0;
	}
	#sns_campaign .camp_Box_wrap {
		margin: 0 10px;
	}
	#sns_campaign .camp_Box {
		margin-bottom: 40px;
	}
	#sns_campaign h2 {
		font-size: 20px;
		padding: 10px 0;
		margin-bottom: 15px;
	}
	#sns_campaign .camp_Box_wrap_border {
		padding: 5px;
	}
	#sns_campaign .camp_Box02 p.ttl {
		font-size: 16px;
		margin-bottom: 15px;
	}
	#sns_campaign .camp_Box02 p.text {
		font-size: 14px;
		margin-bottom: 10px;
	}
	#sns_campaign .small {
		font-size: 12px;
	}
	#sns_campaign .start_badge {
		padding: 10px 10px;
		font-size: 16px;
		margin-bottom: 10px;
	}
	#sns_campaign .camp_Box_inner2 p {
   		font-size: 22px;
	}
	#sns_campaign .camp_Box_inner2 p.font-s {
		font-size: 26px;
	}
	#sns_campaign ul.entry_list li > .entry_item {
		padding: 20px;
	}
	#sns_campaign ul.entry_list > li .entry_num {
		font-size: 20px;
		margin-bottom: 10px;
		padding: 10px;
	}
	#sns_campaign ul.entry_list > li .item_wrap div.left_box {
		margin-bottom: 15px;
	}
	#sns_campaign ul.entry_list > li .item_wrap div.right_box p {
		font-size: 14px;
	}
	#sns_campaign .camp_Box05 h3 {
		font-size: 16px;
		margin-bottom: 5px;
		margin-top: 15px;
	}
	#sns_campaign .sns_tweet a {
		padding: 0 10px;
		border-radius: 10px;
		font-size: 16px;
	}
	#sns_campaign .sns_tweet a .sna_text_small {
		font-size: 14px;
	}
	.none_480 {
		display: none;
	}
}




/* =========================================================
     181114 sns_campaign みんなの写真
========================================================= */
#sns_campaign #post_more {
    padding: 0;
}

/*
#sns_campaign #post_more a {
    color: #ffffff;
    display: block;
    text-decoration: none;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
	position: relative;
	background: #ba0982;
}
#sns_campaign #post_more a::after {
    content: "＋";
    width: 35px;
    height: 35px;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
}
#sns_campaign #post_widget {
	border: 1px solid #fff;
	padding: 10px;
}

*/
#sns_campaign #campaign_our_img h2{
	border: none;
    color: #fff;
    font-size: 42px;
    margin-bottom: 10px;
    margin-top: 60px;
}
#sns_campaign #post_more {
	background: none;
	margin-bottom: 90px;
}
#sns_campaign #post_more a {
    color: #ba0982;
    display: block;
    text-decoration: none;
    padding: 10px;
    font-size: 20px;
    font-weight: bold;
	position: relative;
	background: #fff;
	border: 2px solid #ba0982;
	border-radius: 10px;
}
#sns_campaign #post_more a::after {
    content: "＋";
    width: 35px;
    height: 35px;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    color: #ba0982;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
}

	.modal_close {
		top: -25px!important;
		right: -25px!important;
		width: 50px!important;
		height: 50px!important;
	}
	.modal_close img {
		width: 100%;
	}
	.modal_close:hover {
		opacity: 0.7;
	}
/*

#sns_campaign #post_widget {
	border: 1px solid #fff;
	padding: 10px;
}
#sns_campaign .grid-item {
	border: 5px solid #fff;
	box-sizing: border-box!important;
}
#sns_campaign .grid-item a {
	box-sizing: border-box;
}
*/
@media only screen and (max-width: 1000px) {
	#sns_campaign #campaign_our_img h2 {
		font-size: 34px;
		margin-top: 40px;
	}
	#sns_campaign #post_more {
		margin-bottom: 70px;
	}
}
@media only screen and (max-width: 767px) {
	#sns_campaign #campaign_our_img h2 {
		font-size: 28px;
		margin-top: 0px;
		margin-bottom: 0;
	}
	#sns_campaign .sns_mv {
		margin-bottom: 20px;
	}
	#sns_campaign #post_more a {
		padding: 10px;
		font-size: 16px;
	}
	#sns_campaign #post_more {
		margin-bottom: 50px;
		margin-top: 25px;
	}
	#sns_campaign #post_more a::after {
		content: "＋";
		width: 20px;
		height: 20px;
		font-size: 20px;
		line-height: 20px;
	}
}
@media only screen and (max-width: 480px) {
	#sns_campaign #campaign_our_img h2 {
		font-size: 24px;
		margin-top: 0px;
		margin-bottom: 2px;
	}
	#sns_campaign #post_more {
		margin: 20px 15px 30px;
		width: auto;
	}
	#sns_campaign #post_more a {
		font-size: 14px;
	}
	#sns_campaign #post_more a::after {
		content: "＋";
		width: 18px;
		height: 18px;
		font-size: 18px;
		line-height: 18px;
	}
}

@media only screen and (max-width: 979px) {
	.sb-site {
	-webkit-transform:none;
	-moz-transform:none;
		-o-transform:none;
			transform:none;
	}
	.modal {
		top: 30px!important;
	}
	.modal_close {
		top: -15px!important;
		right: -15px!important;
		width: 40px!important;
		height: 40px!important;
	}
	.sb-site, .sb-site-container {
		z-index: auto;
	}
	html.sb-active-right .sb-site, .sb-site-container {
		z-index: 1;
	}
}