.left{ float: left;}
.right{ float: right;}
p{ margin-bottom: 20px; }
/* ----- font ----- */
.fs3l{font-size: 18px !important;font-size: 1.8rem !important;}/* 18px */
.fs2l{font-size: 16px !important;font-size: 1.6rem !important;} /* 16px */
.fsl{font-size: 14px !important;font-size: 1.4rem !important;} /* 14px */
.fsm{font-size: 13px !important;font-size: 1.3rem !important;}  /* 12px 18px*/
.fss{font-size: 11.5px !important;font-size: 1.15rem !important;}   /* 10px 18px*/
.tar{text-align: right !important;}
.tac{text-align: center !important;}
.tal{text-align: left !important;}
.fwn{font-weight: normal !important;}
.fsi{font-style: italic;}
.fwb{font-weight: bold;}

/* ----- margin ----- */
.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}
.mb60{margin-bottom: 60px;}
.mb65{margin-bottom: 65px;}
.mb70{margin-bottom: 70px;}
.mb75{margin-bottom: 75px;}
.mb80{margin-bottom: 80px;}

.mb1em{margin-bottom: 1em !important;}
.mb2em{margin-bottom: 2em !important;}
.mb3em{margin-bottom: 3em !important;}

.mr0{margin-right: 0 !important;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}

.ml-15{margin-left: -15px !important;position: relative;}
.ml-45{margin-left: -45px !important;position: relative;}
.ml-240{margin-left: -240px !important;position: relative;}
.mr-10{margin-right: -10px !important;position: relative;}
.mr-30{margin-right: -30px !important;position: relative;}
.mr-45{margin-right: -45px !important;position: relative;}

.ma0auto{margin: 0 auto !important;}
.ma0{margin: 0 !important;}

/* ----- padding ----- */
.pa0{padding: 0 !important;}
.pa5{padding: 5px;}
.pa10{padding: 10px;}

.pt0{padding-top: 0 !important;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt45{padding-top: 45px;}

.pr0{padding-right: 0 !important;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}

.pb0{padding-bottom: 0 !important;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb50{padding-bottom: 50px;}

.pl0{padding-left: 0 !important;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}

.pl1em{padding-left: 1em !important;}
.pl2em{padding-left: 2em !important;}
.pl3em{padding-left: 3em !important;}

/* ----- line-height ----- */
.lh100{line-height: 1 !important;}
.lh150{line-height: 1.5 !important;}
.lh167{line-height: 1.67 !important;}
.lh180{line-height: 1.80 !important;}
.lh200{line-height: 2 !important;}

/* ----- text-indent ----- */
.ti-1em{text-indent: -1em;}
.ti-2em{text-indent: -2em;}
.ti-3em{text-indent: -3em;}

/* ----- vertical-align ----- */
.vat{vertical-align: top !important;}
.vatb{vertical-align: text-bottom !important;}
.vam{vertical-align: middle !important;}
.vab{vertical-align: bottom !important;}

/* ----- border ----- */
.bb0{border-bottom: 0 !important;}
.ba0{border: 0 !important;}
.ba13{border: solid 1px #232323;}
.ba25{border: solid 1px #404040;}
.bbd{padding-bottom: 2px;}
.bbd,

/* ----- background ----- */
.bg0{background: 0 !important;}
.bg10{background: #1a1a1a !important;}
.bg00{background: #000000 !important;}

/* ----- color ----- */
.cl80{color: #cccccc !important;}
.cl70{color: #b2b2b2 !important;}
.cl40{color: #666666 !important;}

/* ----- float ----- */
.left{float: left !important;}
.right{float: right !important;}

/* ----- width ----- */
.w40{width: 40px;}
.w80{width: 80px;}
.w135{width: 135px;}
.w148{width: 148px;}
.w150{width: 150px;}
.w163{width: 163px;}
.w170{width: 170px;}
.w175{width: 175px;}
.w180{width: 180px;}
.w195{width: 195px;}
.w200{width: 200px;}
.w204{width: 204px;}
.w210{width: 210px;}
.w220{width: 220px;}
.w225{width: 225px;}
.w240{width: 240px;}
.w255{width: 255px;}
.w270{width: 270px;}
.w280{width: 280px;}
.w290{width: 290px;}
.w310{width: 310px;}
.w320{width: 320px;}
.w330{width: 330px;}
.w340{width: 340px;}
.w355{width: 355px;}
.w335{width: 335px;}
.w360{width: 360px;}
.w365{width: 365px;}
.w380{width: 380px;}
.w390{width: 390px;}
.w400{width: 400px;}
.w425{width: 425px;}
.w440{width: 490px;}
.w463{width: 463px;}
.w485{width: 485px;}
.w520{width: 520px;}
.w570{width: 570px;}
.w580{width: 580px;}
.w900{width: 900px;}
.w445{ width: 445px; }
.w335{ width: 335px; }
.article a {
	text-decoration: underline;
	color: #c51824;
	opacity: 1;
}
.article a:hover{
	opacity: .8;
}
.readmore-btn a{
	text-decoration: none;
	color: #fff;
}
#movie-01{
  max-width: 480px;
	height: auto !important;
  margin: 0 auto;
}
.article .btn-action{
	display: block;
	color: #fff;
	background-color: #c51824;
	border: 1px solid #c51824;
	padding: 10px 6px;
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 2px;
	opacity: 1;
	text-decoration: none;
}
.article .btn-action:hover {
	opacity: .8;
}
.required {
	color: #E50012;
}

.case-list li .img img {
	 height: 100%;
}
.case-list li .content .sub-title:after{
	display: none;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
	/*.scroll-block{*/
		/*overflow: auto;*/
	/*}*/
	/*.scroll-block > div{*/
		/*width: 794px;*/
	/*}*/
}

@media screen and (max-width: 767px) {
	.pagetop {
		margin-top:30px;
	}
	.text-left-sp{
		text-align: left;
	}
	.text-center-sp{
		text-align: center;
	}
	.text-right-sp{
		text-align: right;
	}
	.w100p-sp{
		width: 100% !important;
	}
}

/*--------------------
Begin: /about-riedel/
--------------------*/
.about-riedel-l{
  width: calc(100% - 210px);
}
.about-riedel-r{
  width: 200px;
}
.article ul.about-links {
	width: calc(100% + 15px);
	margin-left: -15px;
}
.article ul.about-links li{
	width: 33.3333%;
	list-style: none;
	padding-bottom: 15px;
}
.article ul.about-links li:before{
	display: none;
}
@media screen and (max-width: 1100px) {
	.about-riedel-l{
		width: calc(100% - 130px);
	}
	.about-riedel-r{
		width: 120px;
	}
}

@media screen and (max-width: 479px) {
	.about-riedel-l{
		width: 100%;
	}
	.about-riedel-r{
		width: 100%;
		text-align: center;
	}
	.about-riedel-r img{
		max-width: 250px;
	}
}
/*--------------------
End: /about-riedel/
--------------------*/


/*--------------------
Begin: /about/group-brands/
--------------------*/
.group-brands .left{
	width: 260px;
}
.group-brands .right{
	width: calc(100% - 280px);
}
@media screen and (max-width: 1100px) {
	.group-brands .left{
		width: 180px;
	}
	.group-brands .right{
		width: calc(100% - 200px);
	}
}

@media screen and (max-width: 479px) {
	.group-brands .left{
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	.group-brands .right{
		width: 100%;
	}

}
/*--------------------
End: /about/group-brands/
--------------------*/


/*--------------------
Begin: /about-riedel/why-riedel/
--------------------*/
.why-riedel .anchor01 .left{
	width: 485px;
}
.why-riedel .anchor01 .right{
	width: calc(100% - 495px);
}
.bbditch .left {
	width: calc((100% - 20px)/3);
}
.workshop .left{
	width: 335px;
}
.workshop .right{
	width: calc(100% - 345px);
}
.glass-important li:before{
	top: 11px;
	transform: initial;
}
.glass-important .left{
	width: 55%;
}
.glass-important .right{
	width: calc(45% - 10px);
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
	.why-riedel .anchor01 .left{
		width: 385px;
	}
	.why-riedel .anchor01 .right{
		width: calc(100% - 395px);
	}
	.workshop .left{
		width: 205px;
	}
	.workshop .right{
		width: calc(100% - 215px);
	}
	.bouquet .left{
		width: 100% !important;
	}
	.bouquet .right{
		width: 100% !important;
		text-align: center;
	}
	.taste .left{
		width: 100% !important;
		text-align: center;
	}
	.taste .right{
		width: 100% !important;
	}
}
@media screen and (max-width: 767px) {
	.article ul.about-links li{
		width: 50%;
	}
	.why-riedel .anchor01 .left{
		width: 100%;
	}
	.why-riedel .anchor01 .right{
		width: 100%;
		text-align: center;
		margin-bottom: 15px;
	}
	.why-riedel .anchor01 .right img{
		max-width: 290px;
	}
	.workshop .left{
		width: 100%;
		text-align: center;
		padding-bottom: 10px;
	}
	.workshop .right{
		width: 100%;
	}
	.glass-important .left{
		width: 100%;
		padding-bottom: 20px;
	}
	.glass-important .right{
		width: 100% !important;
	}
	.bouquet .left{
		width: 100% !important;
	}
	.bouquet .right{
		width: 100% !important;
		text-align: center;
	}
	.taste .left{
		width: 100% !important;
		text-align: center;
	}
	.taste .right{
		width: 100% !important;
	}
}
/*--------------------
End: /about-riedel/why-riedel/
--------------------*/


/*--------------------
Begin: /about/factory-tou/
--------------------*/
.factory-tour .w485{
	width: 485px;
}
.factory-tour .w255{
 width: calc(100% - 495px);
}
.block03 .left {
	width: 16.55%;
	padding: 0 5px;
	position: relative;
}
.block04 .w210 {
	width: 190px;
}
.block04 .block04-01{
	padding:10px 5px;
	width:278px;
	float:left;
}
.block04 .block04-01 h4{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:solid 1px #606060;
	font-weight:bold;
	font-size: 14px;
	font-size: 1.4rem;
}
.block04 .block04-01 table tr th{
	width: 45%;
	padding:0px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
}
.block04 .block04-01 table tr th,
.block04 .block04-01 table tr td{
	vertical-align:top;
}
.block04 .block04-01 table tr:last-child th,
.block04 .block04-01 table tr td{
	border-bottom: 0;
}
.block04 .block04-01 table tr td{
	width: 55%;
	padding:0px;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
}
@media screen and (max-width: 1100px) {
	.block04 .left{
		width: 100%;
		text-align: center;
	}
	.block04 .block04-01{
		width: calc(50% - 5px);
	}
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
	.factory-tour .w485{
		width: 385px;
	}
	.factory-tour .w255{
		width: calc(100% - 395px);
	}
}
@media screen and (max-width: 767px) {
	.factory-tour .w485{
		width: 100%;
	}
	.factory-tour .w255{
		width: 100%;
	}
}
@media screen and (max-width: 567px) {
	.block03 .left {
		width: 25%;
	}
	.block04 .block04-01{
		width: 100%;
	}
}
@media screen and (max-width: 374px) {
	.block03 .left {
		width: 33.33%;
	}
}
/*--------------------
End: /about/factory-tou/
--------------------*/


/*--------------------
Begin: /お問い合わせ/
--------------------*/
.inquiry-header.left{
	width: calc(100% - 240px);
}
#inquiryform2 ul.logos li:before{
	display: none;
}
#inquiryform2 ul.logos li{
	display: inline-block;
	width:32.33%;
}

#inquiryform2 tr th {
	font-size:13px;
	padding: 10px 0 10px 18px;
}

#inquiryform2 tr .title-sp {
	display: none;
}

#inquiryform2 input {
	padding:3px;
}
#inquiryform2 .wpcf7-list-item {
	display: block;
}
#inquiryform2 .tr01 input,
#inquiryform2 .tr02 input { width:180px; }

#inquiryform2 .tr03 td input {width:350px;}
#inquiryform2 .tr04 .code input {
	width:80px;
}

#inquiryform2 .tr04 .address input {
	width:450px;
	margin:5px 0 0 20px;
}
#inquiryform2 .tr04 p {
	margin:5px 0 0 18px;
	font-size:12px;
}

#inquiryform2 .tr06 input {  }

#inquiryform2 .tr07 input {
	width:70px;
}
#inquiryform2 .tr08 td textarea { width:370px; }
#inquiryform2 .tr08 p {
	font-size:13px;
	margin-bottom:15px;
}
#inquiryform2 .tr08 .order {
	margin-bottom:0px;
}
#inquiryform2 .tr08 .order input {
	width:100px;
}
#inquiryform2 .tr08 h5 {
	font-size:14px;
	color:#CC0000;
	margin: 25px 0 15px 0;
	border-bottom:1px dotted #333;
}
#inquiryform2 .tr08 checkbox span {
	font-size:11px;
	color:#CC0000;
}

#inquiryform2 .tr09 textarea {
	width:440px;
	padding:5px;
	color:#111;
}

#inquiryform2 table.telBox {
	margin-bottom:30px;
	width:700px;
}
#inquiryform2 table.telBox td {
	text-align:center;
	width:200px;
	background:none;
}
#inquiryform2 table.telBox td img {
	margin-bottom:10px;
}

#inquiryform2 .wpcf7 .wpcf7-response-output {
	margin: 10px 0 0;
	padding: 8px 35px 8px 14px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#inquiryform2 .wpcf7 .wpcf7-validation-errors {
	color: #B94A48;
	background-color: #F2DEDE;
	border: 1px solid #EED3D7;
	margin-bottom: 30px;
}
#inquiryform2 .wpcf7 .wpcf7-mail-sent-ok {
	color: #3A87AD;
	background-color: #D9EDF7;
	border: 1px solid #BCE8F1;
	margin-bottom: 30px;
}

#inquiryform2 .wpcf7 .wpcf7-submit.btn-action {
	margin-bottom: 10px;
	margin-top: -5px;
	padding: 10px 5px;
	font-size: 24px;
	font-size: 2.4rem;
}

@media screen and (max-width: 1100px) {
	.inquiry-header.left{
		width: 100%;
	}
	.inquiry-header.right{
		width: 100%;
		margin-bottom: 20px;
	}
	.inquiry-header.right .btn-action{
		max-width: 240px;
		margin: 0 auto;
	}

	#inquiryform2 tr th {
		width: 0px;
		display: none;
	}
	#inquiryform2 tr td {
		width: 100%;
		padding: 10px;
	}
	#inquiryform2 tr .title-sp {
		display: block;
		font-size:13px;
		font-weight: bold;
	}
	#inquiryform2 tr td p{
		margin-bottom: 5px !important;
	}
	#inquiryform2 .tr01 input, #inquiryform2 .tr02 input{
		width: 100%;
	}
	#inquiryform2 .tr03 td input {
		width: 100%;
	}
	#inquiryform2 .tr04 .address input{
		width: 95%;
		margin-left: 18px;
	}
	#inquiryform2 .tr07 input{
		width: calc(31% - 4px);
	}
	#inquiryform2 .tr09 textarea{
		width: 100%;
	}
	#inquiryform2 .btn-action{
		margin: 0 auto;
	}
}

@media screen and (max-width: 768px) {
	#inquiryform2 ul.logos li {
		display: block;
		width: 100%;
		padding-left: 0;
		margin-bottom: 10px;
	}
}
/*--------------------
End: /お問い合わせ/
--------------------*/


/*--------------------
Begin: /tasting/seminar/ & /tasting/educators/
--------------------*/
.box-content {
	margin: 20px;
	overflow: hidden;
}

.box-content .box-left {
	display: block;
	float: left;
	width: calc(100% - 300px);
	padding-right: 20px
}

@media screen and (max-width: 900px) {
	.box-content .box-left {
		width: 100%;
	}
}

.box-content .box-right {
	float: right;
	width: 300px;
}

@media screen and (max-width: 900px) {
	.box-content .box-right {
		width: 100%;
	}
}

.box-content.invert .box-right {
	float: left;
}

.box-content.invert .box-left {
	float: right;
	padding-left: 20px;
	padding-right: 0;
}

@media screen and (max-width: 768px) {
	.box-content.invert .box-left {
		padding-left: 0;
	}
}

.list-items ul:after {
	display: table;
	content: '';
	clear: both;
}

.list-items.col-2 ul li {
	display: block;
	float: left;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
}

.list-items.col-3 ul li {
	display: block;
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}

.list-items.col-2 ul li:before, .list-items.col-3 ul li:before {
	display: none;
}

.list-items.col-2 ul li img, .list-items.col-3 ul li img {
	width: 100%;
}

.list-items.col-2 ul li:nth-child(2n) {
	margin-right: 0;
}

.list-items.col-3 ul li:nth-child(3n) {
	margin-right: 0;
}

.senior-educator-list li:after {
	display: table;
	content: '';
	clear: both;
}

.senior-educator-list li:before {
	display: none !important;
}

.senior-educator-list li .img {
	display: block;
	float: left;
	width: 150px;
}

.senior-educator-list li {
	margin-bottom: 30px;
}

.senior-educator-list li .ttl_educators {
	display: block;
	float: left;
	width: calc(100% - 150px);
	padding-left: 20px;
}

.senior-educator-list li .ttl_educators span {
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
}

.senior-educator-list li .ttl_educators span.jp {
	color: #c51824;
}
.box-content.invert .readmore-btn a,.list-items .readmore-btn a{
	font-size: 14px;
	font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
	.senior-educator-list li .ttl_educators {
		width: 100%;
		padding-left: 0;
	}

	.senior-educator-list li .img {
		width: 100%;
		text-align: center;
	}

	.list-items.col-3 ul li {
		width: 100%;
		margin-right: 0;
	}
}
/*--------------------
End: /tasting/seminar/ & /tasting/educators/
--------------------*/


/*--------------------
Begin: /tasting/hotel-restaurant/ & /dealer/ & /tasting/deliver/
--------------------*/

.article_ytb {
	overflow: hidden;
	margin: 30px 0;
}
.article_ytb .ytb{
	float: left;
	width: 30%
}
.article_ytb .ytb img{
	width: 100%
}
@media screen and (max-width: 768px){
	.article_ytb .ytb{
		width: 100%;
		margin-bottom: 15px;
		text-align: center;
	}
	.article_ytb .ytb img{
		width: auto;
	}
}
.article_ytb .ytb_item{
	float: right;
	width: 70%;
	padding-left: 20px;
}
@media screen and (max-width: 768px){
	.article_ytb .ytb_item{
		width: 100%;
		padding-left: 0;
	}
}
.article_ytb .ytb_item h5{
	margin-bottom: 15px;
}
.article_ytb .ytb_item ul li{
	margin-bottom: 10px
}
.article_ytb ul li::before{
	top: 10px;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}
.article_ytb h4{
	border-bottom: 1px dotted #AAA;
}
.article_ytb p.tar{
	margin-bottom: 0 !important;
}
.article .decor.normal{
	font-style: normal;
	letter-spacing: 0;
}
@media screen and (max-width: 768px){
	.fl_right{
		float: none;
		display: block;
	}
}
.basic_new{
	overflow: hidden;
}
.basic_new span{
	float: right;
	font-size:14px;
	margin-top:5px;
}
/*--------------------
End: /tasting/hotel-restaurant/ & /dealer/ & /tasting/deliver/
--------------------*/
.riedelrestaurant .sidebar {
	display:none;
}
.riedelrestaurant .article {
	width:100%;
	border-right:none;
}

#onpremise {
	background:url("../img/bg.jpg") no-repeat;
}
#onpremise .innerBox {
	width:350px;
	color:#fff !important;
	float:right;
	margin:50px 30px 70px;
	padding:100px 20px 50px;
	background:rgb(0,0,0);
	filter:alpha(opacity=70); 
	background:rgba(0,0,0,0.7);
	border:none;
}
#onpremise .innerBox p.subttl {
	font-size:13px;
	color:#fff !important;
	text-align: center !important;
}
#onpremise .innerBox h2 {
	font-size:28px;
	color:#fff !important;
	font-weight:normal;
	margin:0 0 20px;
	background:none;
	text-align: center;
}
#onpremise .innerBox h3 {
	font-size:17px;
	font-weight:normal;
	margin:0 0 20px;
	text-align:center;
	color:#fff !important;
	clear:both;
}
#onpremise .innerBox h3 span {
	font-size:17px;
	font-weight:normal;
	text-align:center;
}
#onpremise .innerBox p.read {
	line-height:1.8 !important;
	text-align:left !important;
	margin-bottom:30px !important;
	font-size: 13px;
	color:#fff !important;
}
#onpremise .innerBox .btn a {
	display:block;
	border-radius:6px;
	width:200px;
	margin:20px auto 0;
	padding:12px 0;
	font-size:14px;
	color:#fff !important;
	text-align:center;
	background: #db0101; /* Old browsers */
	background: -moz-linear-gradient(top,  #db0101 0%, #aa0707 8%, #aa0707 76%, #aa0707 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db0101), color-stop(8%,#aa0707), color-stop(76%,#aa0707), color-stop(100%,#aa0707)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #db0101 0%,#aa0707 8%,#aa0707 76%,#aa0707 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #db0101 0%,#aa0707 8%,#aa0707 76%,#aa0707 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #db0101 0%,#aa0707 8%,#aa0707 76%,#aa0707 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #db0101 0%,#aa0707 8%,#aa0707 76%,#aa0707 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db0101', endColorstr='#aa0707',GradientType=0 ); /* IE6-9 */
}

#onpremise .about li {
	padding:15px;
	border-radius:2px;
}

@media screen and ( max-width:768px ) {

	#onpremise .about li {
		float:none;
		width:100%;
		img {
			display:block;
			margin:0 auto;
		}
	}
	#onpremise .about {
		width:100% !important;
	}
	
}

#onpremise .about li:before {
	content:none;
}

#onpremise .innerBox .btn a:hover {
	opacity:0.8;
}

#onpremise .about,
#onpremise .catalog {
	margin:10px auto 0;
	width:900px;
	height:auto;
	clear:both;
}
#onpremise h3 {
	margin:40px 30px 20px;
	clear:both;
}
#onpremise h4 {
	font-size:16px;
	margin:15px 0 10px;
	color:#c51824 !important;
	font-weight:bold;
	text-align:center;
}
#onpremise .about p,
#onpremise .catalog p {
	margin:0;
	font-size:13px;
}


#onpremise .trust {
	width:289px;
	float:left;
	margin-right:17px;
}
#onpremise .package {
	width:289px;
	float:left;
	margin-right:16px;
}
#onpremise .dishwashers {
	width:289px;
	float:left;
}
#onpremise .dishwashers span {
	font-size:12px;
	text-decoration:underline;
}
#onpremise .innerCatalog {
	width:289px;
	float:left;
	margin-right:17px;
}
#onpremise .innerCatalog a {
	text-decoration:underline;
	color:#CC0000;
}
#onpremise .innerCatalog a:hover {
	opacity:0.8;
}
.sns_btns {
	padding:20px;
	background:#f8f8f8;
}
.sns_btns ul{
	display:flex;
	justify-content:center;
}
.sns_btns ul li {
	height:20px;
}
.sns_btns ul li:before{
	content:none;
}
.sns_btns ul li > span{
	display:block;
}
.gnavi .children { display:none; }

.tasting .shop {
	margin-bottom:30px;
}
.shop > div > p {
	margin:0;
}

.shop > div > p + div {
	color:#fff;
	font-size:16px;
}

.tasting .shop:before,
.tasting .shop:after {
content:"";
display:block;
clear:both;
}

.tasting .shop .aoyama,
.tasting .shop .nagoya,
.tasting .shop .kobe,
.tasting .shop .isetanshinjuku,
.tasting .shop .marunouchi {
	width:244px;
	float:left;
	padding:0 0 30px;
	text-align:center;
	background:#1a1a1a;
	margin:0 20px 0 0;
}
.tasting .shop .div .aoyama,
.tasting .shop .div .nagoya,
.tasting .shop .div .isetanshinjuku,
.tasting .shop .div .marunouchi,
.tasting .shop .div .kobe,
.tasting .shop .div .enoteca_gftosaka {
	width:244px;
}

.tasting .shop .kobe,
.tasting .shop .enoteca_gftosaka {
	width:244px;
	float:left;
	padding:0 0 30px;
	text-align:center;
	background:#1a1a1a;
	margin:0;
}

.tasting .shop .btn a {
	display:inline-block;
	border-radius:5px;
	background:#CC0000;
	padding:10px;
	font-size:12px;
	color:#FFF;
	text-align:center;
	width:200px;
}
.tasting .shop .btn2 a {
	display:inline-block;
	border-radius:5px;
	background:#cc0000;
	padding:10px;
	font-size:12px;
	color:#FFF;
	text-align:left;
	width:170px;
	margin-top:10px;
}


.tasting .block03 {
	padding:0 0 15px 0;
	background:url("../img/tasting/bg_02.gif") no-repeat left bottom;
}
.tasting .block03 h6 {
	font-weight:bold;
	font-size:14px;
	color:#FFF !important;
	margin-bottom:10px;
	border-bottom:1px dotted #666;
}
.tasting .block03 h6 span {
	font-weight:normal;
	font-size:12px;
}

.tasting .block03-01 {
	padding:15px 15px 10px;
	background:#1a1a1a;
}

.tasting .shopinfoBox {
	margin-bottom:10px;
}

.tasting .block03-01111 {
padding:15px 15px 5px;
  background: #222;
  width: 599px;
  margin: 0 auto 14px;
}
.tasting .block03-01111 p {
	margin-bottom: 7px;
	color: #FFF;
	border-left: 3px solid #CC0000;
	padding: 0 0 0 10px;
	font-size:14px;
	margin-bottom:15px;
}
.tasting .block03-01111 .glassBox {
	margin-right:15px;
	padding-bottom:10px;
}
.tasting .block03-01111 dl {
	width:359px;
}
.tasting .block03-01111 dl dt {
	color:#FFF;
	font-size: 13px;
}
.tasting .block03-01111 dl dt a {
	color:#CC0000;
	text-decoration:underline;
}
.tasting .block03-01111 dl dd{
	margin-bottom:10px;
	font-size:11px;
	color:#DDD;
} 
  
.tasting .redWine {
	margin-top: 30px;
}

.tasting .redWine .imageBox {
	margin-bottom: 15px;
	background: #FFF;
}
.tasting .redWine .courseInner {
	padding:0 15px 15px;
}
.tasting .redWine .courseInner p.stepup {
	font-size:12px;
	color:#CC0000;
}



.tasting #basicCourseBox {
	background:#262626;
	width:470px;
	margin-right:20px;
	float:left;
	text-align:center;
	padding:0 0 10px;
}
.tasting #redCourseBox {
	background:#262626;
	width:470px;
	float:left;
	text-align:center;
	padding:0 0 10px;
}
.tasting #course .titleBox {
	  padding: 0 50px;
	  margin:50px 0 20px;
}
.tasting #course #basicCourseBox .titleBox h4 {
	  font-size: 24px;
	  font-weight:normal;
	  margin-bottom: 15px;
	  background:url("http://www.riedel.co.jp/wp-content/img/tasting/top/beginner.png") no-repeat 290px 4px;
}
.tasting #course #redCourseBox .titleBox h4 {
	  font-size: 24px;
	  font-weight:normal;
	  margin-bottom: 15px;
}
.tasting #course .titleBox p {
	  color:#DDD;
	  font-size:15px;
  line-height: 1.7;
}
.tasting #course .detailBox {
	padding:0 50px;
	text-align:left;
	margin-top: 20px;
}
.tasting #course .detailBox ul li {
	margin-bottom:15px;
}
.tasting #course .detailBox p {
	color:#FFF;
	font-size:12px;
	line-height: 1.7;
}
.tasting #course .detailBox strong {
	font-weight:normal;
	font-size:14px;
	color:#CC0000;
}




.courseInner h4 {
	color:#FFF;
	font-size: 12px;
	margin-bottom: 12px;
	line-height:1.6;
}
.courseInner a {
	text-decoration:underline;
}

.tasting .block03-01 p {
	margin-bottom:7px;
	color:#CC0000;
}
.tasting .block03-01 dl dt{
	color:#FFF;
}
.tasting .block03-01 dl dd{
	font-size:62.5%;
	margin-bottom:12px;
}
.tasting .block03-02{
	position:relative;
}
.tasting .block03-02 a{
	position:absolute;
	display:block;
	bottom:13px;
	left:10px;
}
.tasting .block03-02 p{
	position:absolute;
	display:block;
	top:118px;
	left:24px;
	font-size:10px;
}
.tasting .block03-03{
	position:relative;
}
.tasting .block03-03 a{
	position:absolute;
	display:block;
	bottom:18px;
	left:11px;
}
.tasting .block03-04{
	margin:0 auto 5px;
	padding:5px 0;
	background:#333;
	text-align:center;
	color:#FFF;
}
.tasting .block03-05{
	margin:5px auto 0;
	padding:5px 0;
	background:#333;
	font-weight:bold;
	text-align:center;
	color:#FFF;
}
.tasting .block03-06 {
	background:url("../img/tasting/bg_ttl.gif") no-repeat left top;
	padding:5px 17px;
	font-size:16px;
	color:#FFF;
}

.tasting #course .monthly {
	margin:0 0 15px;
}

.tasting #course .monthly a {
  color: #FFF;
  display: block;
  background: #CC0000;
  padding: 7px 10px;
  border-radius: 3px;
    font-size: 14px;
}
.tasting .monthly .bottle {
	  float: left;
  width:100px;
  margin-right: 10px;
  text-align: center;
  background: #FFF;
}
.shopinfoBox p {
	margin-bottom:0;
	font-size:13px;
}

.tasting #anchor01 .w40 {
	display:none;
}
.tasting #anchor01 .bg10 {
	padding:10px;
}
.tasting #anchor01 p.cl70 {
	padding-bottom:10px;
}


.tasting .nav{
	position:absolute;
	top:30px;
	left:30px;
	width:200px;
}
.tasting .nav h2,
.tasting .nav p,
.tasting .nav li{
	padding-bottom:2px;
	background:url("../img/shared/bdr_ditch.gif") repeat-x left bottom;
}
.tasting .block01 li{
	margin-right:8px;
	float:left;
	width:219px;
	font-size:62.5%;
}
.tasting .block02-01{
	padding:9px;
	background:url("../img/tasting/bg_01.gif") no-repeat left bottom;
}
.tasting .block02-02{
	padding:9px 9px 9px 0;
	background:url("../img/tasting/bg_01.gif") no-repeat right bottom;
}
.tasting .block02-03{
	padding:9px 0 0 9px;
	width:113px;
	background:url("../img/tasting/bg_01.gif") no-repeat right bottom;
}
.tasting .block02-03 a{
	margin:0 5px 5px 0;
	float:left;
	display:block;
}
.tasting .block02-04{
	position:relative;
}
.tasting .block02-04 a{
	display:block;
	position:absolute;
	left:9px;
	bottom:9px;
}
.tasting .block02-05{
	background:url("../img/tasting/bg_01.gif") no-repeat right bottom;
	text-align:center;
}
.tasting .block02-06{
	background:url("../img/tasting/bg_01.gif") no-repeat right bottom;
	font-size:12px;
	text-align:center;
}





.tasting .block03 {
	padding:0 0 15px 0;
	background:url("../img/tasting/bg_02.gif") no-repeat left bottom;
}
.tasting .block03 h6 {
	font-weight:bold;
	font-size:14px;
	color:#FFF !important;
	margin-bottom:10px;
	border-bottom:1px dotted #666;
}
.tasting .block03 h6 span {
	font-weight:normal;
	font-size:12px;
}

.tasting .block03-01 {
	padding:15px 15px 10px;
	background:#1a1a1a;
}

.tasting .shopinfoBox {
	margin-bottom:10px;
}

.tasting .block03-01111 {
padding:15px 15px 5px;
  background: #222;
  width: 599px;
  margin: 0 auto 14px;
}
.tasting .block03-01111 p {
	margin-bottom: 7px;
	color: #FFF;
	border-left: 3px solid #CC0000;
	padding: 0 0 0 10px;
	font-size:14px;
	margin-bottom:15px;
}
.tasting .block03-01111 .glassBox {
	margin-right:15px;
	padding-bottom:10px;
}
.tasting .block03-01111 dl {
	width:359px;
}
.tasting .block03-01111 dl dt {
	color:#FFF;
	font-size: 13px;
}
.tasting .block03-01111 dl dt a {
	color:#CC0000;
	text-decoration:underline;
}
.tasting .block03-01111 dl dd{
	margin-bottom:10px;
	font-size:11px;
	color:#DDD;
} 
  
.tasting .redWine {
	margin-top: 30px;
}

.tasting .redWine .imageBox {
	margin-bottom: 15px;
	background: #FFF;
}
.tasting .redWine .courseInner {
	padding:0 15px 15px;
}
.tasting .redWine .courseInner p.stepup {
	font-size:12px;
	color:#CC0000;
}



.tasting #basicCourseBox {
	background:#262626;
	width:470px;
	margin-right:20px;
	float:left;
	text-align:center;
	padding:0 0 10px;
}
.tasting #redCourseBox {
	background:#262626;
	width:470px;
	float:left;
	text-align:center;
	padding:0 0 10px;
}
.tasting #course .titleBox {
	  padding: 0 50px;
	  margin:50px 0 20px;
}
.tasting #course #basicCourseBox .titleBox h4 {
	  font-size: 24px;
	  font-weight:normal;
	  margin-bottom: 15px;
	  background:url("http://www.riedel.co.jp/wp-content/img/tasting/top/beginner.png") no-repeat 290px 4px;
}
.tasting #course #redCourseBox .titleBox h4 {
	  font-size: 24px;
	  font-weight:normal;
	  margin-bottom: 15px;
}
.tasting #course .titleBox p {
	  color:#DDD;
	  font-size:15px;
  line-height: 1.7;
}
.tasting #course .detailBox {
	padding:0 50px;
	text-align:left;
	margin-top: 20px;
}
.tasting #course .detailBox ul li {
	margin-bottom:15px;
}
.tasting #course .detailBox p {
	color:#FFF;
	font-size:12px;
	line-height: 1.7;
}
.tasting #course .detailBox strong {
	font-weight:normal;
	font-size:14px;
	color:#CC0000;
}




.courseInner h4 {
	color:#FFF;
	font-size: 12px;
	margin-bottom: 12px;
	line-height:1.6;
}
.courseInner a {
	text-decoration:underline;
}

.tasting .block03-01 p {
	margin-bottom:7px;
	color:#CC0000;
}
.tasting .block03-01 dl dt{
	color:#FFF;
}
.tasting .block03-01 dl dd{
	font-size:62.5%;
	margin-bottom:12px;
}
.tasting .block03-02{
	position:relative;
}
.tasting .block03-02 a{
	position:absolute;
	display:block;
	bottom:13px;
	left:10px;
}
.tasting .block03-02 p{
	position:absolute;
	display:block;
	top:118px;
	left:24px;
	font-size:10px;
}
.tasting .block03-03{
	position:relative;
}
.tasting .block03-03 a{
	position:absolute;
	display:block;
	bottom:18px;
	left:11px;
}
.tasting .block03-04{
	margin:0 auto 5px;
	padding:5px 0;
	background:#333;
	text-align:center;
	color:#FFF;
}
.tasting .block03-05{
	margin:5px auto 0;
	padding:5px 0;
	background:#333;
	font-weight:bold;
	text-align:center;
	color:#FFF;
}
.tasting .block03-06 {
	background:url("../img/tasting/bg_ttl.gif") no-repeat left top;
	padding:5px 17px;
	font-size:16px;
	color:#FFF;
}

.tasting #course .monthly {
	margin:0 0 15px;
}

.tasting #course .monthly a {
  color: #FFF;
  display: block;
  background: #CC0000;
  padding: 7px 10px;
  border-radius: 3px;
    font-size: 14px;
}
.tasting .monthly .bottle {
	  float: left;
  width:100px;
  margin-right: 10px;
  text-align: center;
  background: #FFF;
}

.wineBox {
	margin:20px 0 10px;
}
.wineBox h5 {
	color:#FFF;
	padding:0 0 2px;
	margin-bottom:10px;
	border-bottom:1px dotted #666;
}

.tasting .monthly p.wineDescription {
	font-size:13px;
	line-height: 1.6;
	float: left;
	width:270px;
}
.tasting .recommendBox p.note {
	font-size:11px;
	line-height:1.6;
	margin-top:10px;
	color:#AAA !important;
}
.tasting .basicCourse {
	  margin:0 0 15px;
}

.tasting .basicCourse h4 {
	    margin: 20px 15px 20px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.7;
}

.tasting .grapeBox {
	margin-top:20px;
}
.tasting .grapeBox h4 {
	  margin: 20px 15px 10px;
  font-size: 13px;
  padding-top: 15px;
  border-top: 1px solid #333;
}

.tasting .block04{

}
.tasting .block05{

}
.tasting .block06{
	padding:15px;
	border:solid 1px #232323;
	background:#000;
}






/* edit KY 150318 */


.tasting ul.note {
	list-style:none;
	margin:0;
}
.tasting ul.note li {
	margin-bottom:2px;
	font-size:12px;
	line-height:1.6;
}

.tasting #course h3 {
  color: #AAA;
  font-size: 17px;
  margin-bottom: 7px;
}
.tasting #course h3 span {
  color: #CC0000;
  font-size: 11px;
  font-family: “Century Gothic”;
}
.tasting #course p.fee {
  font-size:12px;
  margin-bottom:20px;
}

.tasting #course .nameLink {
	margin-bottom:10px;
}
.tasting #course .nameLink li {
	float:left;
}
.tasting .mb45:before,
.tasting .mb45:after {
	content:"";
	display:block;
	clear:both;
}
.tasting h4 {
	//border-left: 3px solid #b81d23;
	//padding-left:10px;
}
.tasting .readmore-btn a {
	font-size: 16px;
}
.tasting p {
	margin-bottom: 10px;
}
.detailBox ul li{
	float:none !important;
	width:100% !important;
}

.detailBox ul li strong{
	color:#c51824;
}

.detailBox ul li p + p {
	font-size:14px;
}

#topCourse table td {
	font-size:12px;
}

.detailBox + .readmore-btn a{
	margin-bottom:5px;
}

@media screen and ( max-width:430px ) {
	#onpremise .innerBox {
		float:none;
		width:100%;
		margin:0 auto 150px;
	}
}