@charset "utf-8";

/* 広告用css */
@import url("advertise.css?20241107");

/* CSS Document */

/*--------------------------------------
　基本設定
---------------------------------------*/
body{
	font-size:81%;
	/* font:13px/1.7 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; */
	font:medium/1.7 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#333333;
	text-align:justify;
	text-justify:distribute;
}

/*--------------------------------------
　大枠囲み
---------------------------------------*/
#wrapper{
	min-width:980px;
	margin:0 auto;
/* 	position: sticky; */
	top:0;
	z-index:1;
}
#hdbox1{
	min-width:980px;
	background:url(../images/main/hd_bg.gif) repeat-x;
	height:91px;
}
#hdbox2{
	width:980px;
	margin:0 auto;
	padding-top:3px;
	overflow:hidden;
}
#contents{
	width:980px;
/* 	width:fit-content; */
	margin:0 auto;
	overflow:hidden;
	margin-top:20px;
	min-height:500px;
}

#zukan.index #contents ,
#search.index #contents ,
#yogo.index #contents,
#profile.index #contents
{
	width:fit-content;
}

#main{
	overflow:hidden;
	width:681px;
	float:left;
}
#zukan.detail #main,
#zukan.index #main{
	overflow:hidden;
/*	width:auto;*/
	float:left;
}
#zukan.detail #main{
	width:auto;
}

#side{
	width:251px;
	float:right;
	overflow:hidden;
}
#footer{
	min-width:980px;
	overflow:hidden;
	clear:both;
	font:0.75em/1.6 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color:#9c9c9c;
	background:#000000;
}

/*--------------------------------------
　ヘッダー
---------------------------------------*/
h1{
	font-size:10px;
	color:#999797;
	margin-top:2px;
}
#hdleft{float:left;}
#logo{margin-top:17px;}

/*--------------------------------------
　グローバルナビゲーション
---------------------------------------*/
#gnavi{
	float:right;
	width:698px;
	overflow:hidden;
	/* font-size:14px; */
	margin-top:33px;
}
#gnavi li{
	float:left;
	line-height:0;
	height:55px;
	width:139px;
	text-align:center;
	color:#333333;
	font-weight:bold;
/* 	font-size:18px; */
}
#gnavi li.g1,
#gnavi li.g4
{
	width:123px;
}
#gnavi li.g3{
	width:174px;
}

#gnavi li a{
	display:block;
	color:#333333;
	text-decoration:none;
	height:55px;
	line-height:46px;
/* 	letter-spacing: -1px; */
}
#gnavi a:hover{color:#dc2020;}
/*
#gnavi li .strong{height:32px;}
#gnavi li .strong a{color:#dc2020;}
*/
#index #gnavi .g1 span,
#zukan #gnavi .g2 span,
#search  #gnavi .g3 span,
#yogo  #gnavi .g4 span,
/*#column #gnavi .g4 span,*/
#profile #gnavi .g5 span{
	height:32px;
}
#index #gnavi .g1 span a,
#zukan #gnavi .g2 span a,
#search  #gnavi .g3 span a,
#yogo  #gnavi .g4 span a,
/*#column #gnavi .g4 span a,*/
#profile #gnavi .g5 span a{
	color:#dc2020;
}

.g1{background:url(../images/main/gnavi1_off.gif) no-repeat;}
.g2{background:url(../images/main/gnavi2_off.gif) no-repeat;}
.g3{background:url(../images/main/gnavi3_off.gif) no-repeat;}
.g4{background:url(../images/main/gnavi4_off.gif) no-repeat;}
.g5{background:url(../images/main/gnavi5_off.gif) no-repeat;}
.g1 a:hover{background:url(../images/main/gnavi1_on.gif) no-repeat;}
.g2 a:hover{background:url(../images/main/gnavi2_on.gif) no-repeat;}
.g3 a:hover{background:url(../images/main/gnavi3_on.gif) no-repeat;}
.g4 a:hover{background:url(../images/main/gnavi4_on.gif) no-repeat;}
.g5 a:hover{background:url(../images/main/gnavi5_on.gif) no-repeat;}
/*
.g1 .strong a{background:url(../images/main/gnavi1_on.gif) no-repeat;}
.g2 .strong a{background:url(../images/main/gnavi2_on.gif) no-repeat;}
.g3 .strong a{background:url(../images/main/gnavi3_on.gif) no-repeat;}
.g4 .strong a{background:url(../images/main/gnavi4_on.gif) no-repeat;}
.g5 .strong a{background:url(../images/main/gnavi5_on.gif) no-repeat;}
*/

#index .g1 span a{background:url(../images/main/gnavi1_on.gif) no-repeat;}
#zukan .g2 span a{background:url(../images/main/gnavi2_on.gif) no-repeat;}
#search .g3 span a{background:url(../images/main/gnavi3_on.gif) no-repeat;}
#yogo .g4 span a{background:url(../images/main/gnavi4_on.gif) no-repeat;}
/*#column.g4 span a{background:url(../images/main/gnavi4_on.gif) no-repeat;}*/
#profile .g5 span a{background:url(../images/main/gnavi5_on.gif) no-repeat;}


/*--------------------------------------
　メインコンテンツ
---------------------------------------*/
/*h-------------------*/
h2{
	background:url(../images/main/tit.gif) left bottom no-repeat;
	padding:0 0 8px;
	/* margin-bottom:12px; */
	margin-bottom:5px;
	line-height:22px;
	font-weight:bold;
	font-size:18px;
	clear:both;
}
/*
#zukan.detail h2,
#zukan.index h2{
	background:url(../images/main/tit_2.gif) left bottom no-repeat;
}
*/
#zukan.detail h2 {
	background:url(../images/main/tit_2.gif) left bottom no-repeat;
}



h3{
	background:url(../images/main/s_tit.gif) left no-repeat;
	color:#ffffff;
	padding:1px 0 0 39px;
	margin-bottom:4px;
	/* line-height:22px; */
	line-height:24px;
	height:23px;
}
h3.index{
	background:url(../images/main/s_tit_2.gif) left no-repeat;
	color:#ffffff;
	padding:1px 0 0 39px;
	margin-bottom:4px;
	/* line-height:22px; */
	line-height:24px;
	height:23px;
}
h4{
	font-weight:bold;
}
/*メイン画像-----*/
#visual{
	margin:0 auto;
	width:980px;
	/*background:url(../images/main/mbg.gif) center top no-repeat;*/
	padding-top:20px;
}
#visual img{
	max-width:980px;
}
#visual2{
	margin:0 auto;
	width:980px;
	background:url(../images/main/s_main.gif) no-repeat;
	overflow:hidden;
/*	font-size:24px; */
	font-size:29px;
	padding:23px 0 17px;
	font-weight:bold
}
#visual2 p{padding:26px;
}

/*新着情報-----*/
.news dt{
	background:url(../images/main/arrow.gif) 11% 50% no-repeat;
	float:left;
	clear:both;
	padding-left:27px;
/*	line-height:38px;*/
}
.news dd{
	border-bottom:1px dotted #a6a6a6;
	/* padding:0 0 0 119px; */
	padding:0 0 0 135px;
/*	line-height:38px;*/
}
.news {
	line-height:24px;
	overflow-y:auto;
/*	max-height:125px;*/
}


.news_yogo,
.news_column {
	background:url(../images/main/arrow.gif) 11% 50% no-repeat;
	padding-left:17px;
	margin-left:10px;
/*	line-height:38px;*/
}


/*行事予定-----*/
/* table th{
	border-bottom:1px dotted #a6a6a6;
	padding:7px 0;
}
table td{
	border-bottom:1px dotted #a6a6a6;
	padding:7px 0;
} */

a {text-decoration: none;}
a:link { color: #dc2020; } /* リンクの色 */
a:visited { color: #dc2020; } /* 済みリンク */
a:hover {
	color: #dc2020;
	text-decoration: underline;
}/* リンク上 */
a:active { color: #dc2020; }/* onclick */

/*--------------------------------------
　サイド
---------------------------------------*/
#side ul{
/* 	margin-bottom:34px; */
}
#side ul li{
	text-indent:14px;
	padding:0 0 0 13px;
	display:block;
	background:url(../images/main/arrow.gif) 5% 50% no-repeat;
	border-bottom:1px dotted #a6a6a6;
	font-size:14px;;
	/* font-size:13px; */
	line-height:35px;
	font-weight:bold;
}
#side ul li a{display:block;}

#side a {text-decoration: none;}
#side a:link {color: #333333; } /* リンクの色 */
#side a:visited {color: #333333; } /* 済みリンク */
#side a:hover {color: #dc2020;}/* リンク上 */
#side a:active { color: #dc2020; }/* onclick */

/*--------------------------
フッター
--------------------------*/
/*フッター------------*/
#footer a{color:#9c9c9c;}
#ftbox1{
	overflow:hidden;
	color:#9c9c9c;
	width:980px;
	background:url(../images/main/ftbg.gif) no-repeat;
	margin:0 auto;
	padding:6px 0
}
#ftbox2{
	background:#333333;
	overflow:hidden;
	padding:10px 0;
	color:#ffffff;
	width:980px;
	margin:0 auto;
}
#ftleft{
	float:left;
	/* width:400px; */
}
.ftleft{
	float:left;
}
.ftright{
	float:right;
	/* width:400px; */
}
#ftbox1 ul{
	font-size:medium;
	/* font-size:10px; */
}
#ftbox1 ul li{
	float:left;
}
#ftbox1 li a{
	margin:0 10px;
}

#ftbox1 p a{
	margin:0 5px;
}

/*ページトップ-------*/
.pagetop{
	overflow:hidden;
	margin:0 auto;
	width:980px;
/* 	text-align:right; */
	padding:20px 0 5px 0;
	margin-bottom:1em;
	margin-top:1em;
}

/*コピーライト-------*/
.copy{
	color:#9c9c9c;
	margin-top:104px;
	float:right;
}
.tmp_webfac{padding-top:106px;}

/*--------------------------
テキスト・間隔
--------------------------*/
/*float-------------------*/
.left{
	float:left;
	display:inline;
}
.right{float:right;}
/*テキスト設定・間隔----------*/
.lefttxt1{
	/* width:509px; */
	float:left;
}
.righttxt1{
	width:509px;
	float:right;
}
.box1{
	margin-bottom:38px;
	overflow:hidden;
}
.bold{font-weight:bold;}
.center{text-align:center;}
.pd1{margin:12px 0 5px;}


/* custom */
.divfleft{
	float:left;
}
.divfright{
	float:right;
}
.divspace{
 margin-bottom:10px;padding-bottom:5px;
}
.divdotted{
	border-bottom:dotted 1px #a6a6a6;
}

.recoBeerPhoto {
	width:160px;
	height:auto;
}

#zukan.detail .pbBeerPhoto {
	display:block;
	min-width:320px;
	min-height:320px;
/* 	min-height:auto; */
}

.pbBeerPhoto {
	/* width:132px; */
	width:320px;
	height:auto;
	float:left;
	/* height:auto; */
	/* margin-right: 5px;
	margin-bottom: 1px; */
/* 	background:gainsboro; */
/*	display:none;*/
	margin-bottom:2px;
}
#img_005 img,
#img_002 img{
	margin-left:2px;
	margin-right:2px;
}

#index .pbBeerPhoto {
	/* width:132px; */
	width:160px;
}


/* custom */
/*--------------------------------------
　パンくずリスト
---------------------------------------*/
.pankuzu {
	display:flex; margin-bottom:20px;
	vertical-align:top;
}

.pankuzu a{
	color:#333333;
	/* font-weight:bold; */
}
.pankuzu a{
	display:block;
	color:#333333;
/*	text-decoration:underline;*/
}
.pankuzu a:hover{color:#dc2020;}
.pankuzu a strong{height:32px;}
.pankuzu a strong a{color:#dc2020;}


.pankuzu .yajirushi {
	padding:0 1em;
}

.pankuzu .yajirushi {
	padding:0 1em;
}

#zukan .pankuzu tr td:nth-of-type(1),
#yogo .pankuzu tr td:nth-of-type(1),
#column .pankuzu tr td:nth-of-type(1){
	min-width:3em;
}

#zukan .pankuzu tr td:nth-of-type(3) {
/* 	min-width:8em; */
}

#yogo .pankuzu tr td:nth-of-type(3),
#column .pankuzu tr td:nth-of-type(3){
/* 	min-width:5em; */
}

.pankuzu tr {
	vertical-align: top;
}


.list {
	display:flex;
	align-items:center;
	margin-bottom:20px;
}
.list a{
	/* width:100%; */
	/* display:flex;
	align-items:center; */

}
.list a p{
	margin-left:10px;
	white-space:nowrap;
}


.listImgBeerInfo{
/* 	float:left; */
	/* height:30px; */
	/* width:auto; */
/*	height:160px;*/
/* margin:0 1px; */
/*height:320px;*/
width:225px;
/*filter: brightness(100%);*/
}
#zukan.index .listImgBeerInfo{
/* 	border-bottom: solid 1px;  */
 	margin:0 1px;
}


.listAnchor{
	/* font-size:large; */
	/* font-size:22px; */
	/* transform: scale(1, 1.8); */
/*	text-decoration:underline;*/
	/* padding-left:10px; */
}

/* カスタム */
.inlineFlex {
	display:inline-flex;
}

.marginTop10 {
	margin-top:10px;
}

.marginBottom10 {
	margin-bottom:10px;
}
.marginBottom20 {
	margin-bottom:20px;
}

.marginTB10 {
	margin-top:10px;
	margin-bottom:10px;
}
.marginTB20 {
	margin-top:20px;
	margin-bottom:20px;
}

.paddingTB10 {
	padding:10px 0;
}

.paddingTB5 {
	padding:5px 0;
}


.underline {
/*	text-decoration:underline;*/
}

.width8em {
	width:8em;
}

.width2em {
	width:2em;
}

/* beertable */
.beertable{
	line-height: 29px;
}
.beertable th,
.beertable td{
	vertical-align: top;
}
.beertable tr th:nth-of-type(1){
	min-width:7.5em;
}
.beertable tr td:nth-of-type(1){
	padding-left:0;
	padding-right:0.5em;
}


.textcenter {
	text-align: center;
}
.box2{
	margin-top:38px;
	margin-bottom:38px;
	overflow:hidden;
/* 	border:solid 1px #a6a6a6; */	
}

#index .box2{
	border-top:solid 1px #a6a6a6;
	border-bottom:solid 1px #a6a6a6;
	background: aliceblue;
}




.box-read{
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
		width:575px; */
}

.canBeerList{
/*
	text-align:center;
	max-width: 681px;
	width: 681px;
*/
	/* width:100%; */
	/* margin-bottom:10px; */
}
.canBeerList th,
.canBeerList td{
	/* border:solid 1px darkgray; */
/*		border:solid 1px lightgray;*/
}

.canBeerList tr th:nth-of-type(3),
.canBeerList tr td:nth-of-type(3) {
/*
	text-align:left;
	padding-left:10px;
*/
}
.canBeerList tr td:nth-of-type(3) {
/*
	line-height:30px;
	line-height:42px;
	font-size:30px
*/
}
.canBeerList tr th:nth-of-type(1),
.canBeerList tr th:nth-of-type(2){
	text-align:center;
}
.canBeerList tr td:nth-of-type(2){
/* 80 
	padding:4px 0;
	min-width:100px;
*/
/* 160 */
	padding:1px 0;
/*	min-width:165px;*/

}
.canBeerList tr th:nth-of-type(3){
	line-height: 20px;
	padding-top:2px;
	padding-bottom:2px;
}

.canBeerList tr th:nth-of-type(1),
.canBeerList tr td:nth-of-type(1){
/*
	min-width:32px;
	width:32px;
*/
}


.yogoList-wrap {
/*	min-height:300px;*/
	margin-bottom:30px;
}

.yogoList tr th{
	color:#ffffff;
	background-color: #000000;
	/* font-size:small; */
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}
.yogoList tr th:first-of-type{
	border-left:1px solid #000000;
}

.yogoList tr th:nth-of-type(2),
.yogoList tr th:nth-of-type(3){
	border-left:1px solid #000000;
	line-height: 16px;
	padding: 2px 10px;
}

.yogoList tr th:last-of-type{
	border-right:1px solid #000000;
}



.yogoList{
	text-align:center;
	max-width: 681px;
	/*width: 681px;*/
	 width:100%; 
	/* margin-bottom:10px; */
}
.yogoList th,
.yogoList td{
	/* border:solid 1px darkgray; */
		border:solid 1px lightgray;
}

.yogoList tr th:nth-of-type(1),
.yogoList tr td:nth-of-type(1){
	text-align:center;
	line-height:28px;
/* 	width:2em; */
	min-width:2em;
	max-width:2em;
}
.yogoList tr th:nth-of-type(2),
.yogoList tr td:nth-of-type(2){
	text-align:left;;
}

.yogoList tr th:nth-of-type(1),
.yogoList tr td:nth-of-type(1){
	min-width:30px;
/* 	width:30px; */
}




.canBeerList tr th{
	color:#ffffff;
	background-color: #000000;
	/* font-size:small; */
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}
.canBeerList tr th:nth-of-type(2){
	border-left:1px solid #000000;
	line-height: 16px;
	padding: 2px 10px;
}




/* .f1 {
	font-size:medium;
} */

a:link {
	color: blue;
}
a:visited {
	color: purple;
}
#zukan.index .img_wrap a:visited {
	color: gray;
}
a:hover {
   color: dc2020;
}
a:active {
	color: purple;
}

.img_wrap img:hover{
  opacity: 0.6;
	/* border : 1px solid blue; */
  /* transition-duration: 0.3s; */
}
.img_wrap a {
	padding:0;
	margin:0;
}
.img_zoomin img:hover{
	cursor:zoom-in !important;
	opacity: 0.7;

	/* border : 1px solid blue; */
  /* transition-duration: 0.3s; */
}
.zoomNow img:hover{
	cursor:zoom-out !important;
}



#scr_zukan #main {
	/* width:100%; */
}

.minWidth100 {
	min-width:100px;
}

.s1 {
		font-size:small;
}
.threedot{
	/* overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 320px; */
}

.recmDiv h3{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: auto;
}

.pagetop a{
	color:black;
}

/* ↓ ポップアップの設定 */

/* 全体設定 */
* {
  box-sizing: border-box;
  }

/* ポップアップウインドウの設定 */
.popup {
/*   background-color: #efefef; */
  background-color: #fff;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
/*  width: 70vw;*/
/*  height: 55vw;*/
/*   overflow-y: scroll; */

	margin: 0 auto;
/* 	height:685px; */
	height:fit-content;
	width:700px;
	top:0px;
	z-index:10;

/*	cursor: zoom-out;*/
width:fit-content;
}
#menuLayer {
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .4);
}
/* チェックボックスの初期設定 */
#popup-on{
  display: none;
}
/* チェックされたらポップアップウインドウを開く */
#popup-on:checked + .popup{
	display: block;
/* 	top:10px; */
	top:3%;
}

/* 閉じるアイコン（右上） */
.icon-close{
  background: #000;
  color: #fff;
  font-size: 28px;
  padding: 0 10px;
  position: absolute;

	cursor:pointer;
/* 	margin:12px; */
	text-align:center;
/* 	width:1.8em; */
	z-index:20;
	top:10px;
	right:20px;
	border-radius:50%;
	opacity:0.5;
	width:45px;
	height:45px;
	
}

/* 閉じるボタン */
.btn-close{
  background: #000;
  border-radius: 10px;
  color: #fff;
  padding: 1px;
  cursor: pointer;
  margin: 5px auto;
  width: 640px;
  text-align: center;
}
.btn-close:hover{
  opacity: 0.6;
}


/* 開くボタン */
.btn-open{
  background: #fff;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin: 10px auto;
  width: 95%;
  text-align: center;
}

/* ポップアップの内容 */
.popup-content{
/*  margin: 40px auto 40px auto;*/
/* margin: 10px auto 0 auto; */
/* 	width: 91%; */
	text-align:center;

}

/*↑ ポップアップの設定 */


/* yogo detail */
.box1custom {
	margin-bottom:20px;
}
.marginleft1em {
	margin-left:1em;
}
.padding0-1 {
	padding:0 5px;
}
.h3style {
	margin-top:25px;
	margin-bottom:15px;

}
.marginlhalfem {
	margin-left:0.5em;
}
.lineheightcus1 {
	line-height:20px !important;
}
.lineheightcus2 {
	line-height:30px !important;
}
.paddcus {
	padding-left: 25px;
}
.listyle {
	list-style: disc;
}
.tdstyle {
	text-align:left;
	padding:0 4px;
}

/* pc用　とりあえず*/
.flex {
	display:flex;
}

.recmComment {
/*	width:220px;*/
	align-items:center;
}
.recmComment p {
	padding-right:7px;
	padding-left:5px;
}

.mobile {
	display:none;
}

.footerCstm {
	margin-top:30px;
	margin-bottom:0;
}

.shouhinList {
/*	font-size:large;*/
	font-weight:bold;
}
.recmImg2 .pbBeerPhoto{
	margin-left:5px;
	margin-right:5px;
}

.recmDiv {
/*	margin-bottom:25px;*/
	margin-bottom:15px;
}

#anch_before {
	margin-right:35px;
}
#anch_after {
	margin-left:35px;
}

#beforeImageAnchor,
#nextImageAnchor {
	position:absolute;
/*		top:330px;*/
	bottom:0;
	color:blue;
/*	text-decoration:underline;*/
	cursor:pointer;
	user-select: none;
	z-index:10;
/* 	margin-bottom:2px; */
	margin:5px -60px;
	
}
#beforeImageAnchor {
/* 	left:25%; */
	left:72px	;
	top:50%;
	bottom:50%;
}

#nextImageAnchor {
/* 	right:25%; */
	right:72px;
	top:50%;
	bottom:50%;
}
.wrap_p {
	position:relative;
/* 	width: 640px; */
/* 	height: 640px; */
	overflow: hidden;
/*		margin-left:125px;*/
	margin:auto 0;
	overflow-y:auto;
}
#zoominImage {
	user-select: none;
	height:80vh;
/* 	height:640px; */
	width:atuo;
/* 	position:relative; */
	
}
#zoomDiv, #zoomDiv2{
/* 	text-align:center; */
/* 	margin-top:5px; */
/* 	background:white; */
/* 	padding:3px 0 1px 0; */
	position:absolute;
/* 	top:5px; */
	z-index:1;
/* 	left:0; */
/* 	right:0; */
}

#zoomOut, #zoomIn {
/* 	color:white; */
/* 	background:black; */
/* 	border-radius:4px; */
	cursor:pointer;
/* 	width:5em; */
	width:32px;
/* 	opacity:0.5; */
	background:#fff;
/* 	opacity:0.5; */
	border-radius:50%;
	text-align:center;
	left:0;
	right:0;
	margin-top:3px;
}
#yajirushi {
	
}

.profile th{
	min-width:5em;
}
.profile td:nth-of-type(1){
	padding:0 1em;
}
.profile{
	overflow-wrap:anywhere;
}

#zukan #beerImages{
 min-height:485px;
 margin-top:0;
}

#visual .pc {
	min-height:178px;
}
.mobile-inline {
	display:none;
}

/* side 広告 start */
section.sideAD {
	float:right;
}

.sideAD img{
/*
	border:1px solid gainsboro; 
	margin:3px 0;
*/
}

.ad p{
	font-size: 8px;
	color: darkgray;
	line-height:12px;
}
p.ad {
	font-size: 8px;
	color: darkgray;
	line-height:12px;
}


.sideAD p{
	font-size: 8px;
	color: darkgray;
/*	padding-left:2px;*/
/*	margin-left:-8px;*/
	line-height:12px;
	text-align:center;
	margin-right:8px;
}
.ad-unit {
	margin-bottom:85px;
	text-align:center;
	min-width: 250px;
}
p.text-sponsor {
	margin-top:2px;
}

/* bottom 広告 end */

.index .bottomAD {
	float:left;
/* 	margin-top:30px; */
}

.bottomAD {
	display:inline-block;
	margin-bottom:20px;
}
.pc .bottomAD{
	display:inline-block;
	margin-bottom:20px;
	border-top:1px solid lightgray;
	border-bottom:1px solid lightgray;
/*	border-radius:.75rem; */
/* 	padding: 5px 5px 8px; */
	padding: 5px;
}
.mobile .bottomAD div:nth-of-type(1) {
	border-top:1px solid lightgray;
	border-bottom:1px solid lightgray;
/*	border-radius:.75rem; */
/* 	padding: 5px 5px 8px; */
	padding: 5px;
}
.mobile .bottomAD div div {
	border:none !important;
/* 	padding: 0  !important; */
}

.bottomAD p{
	font-size: 10px;
	color: darkgray;
}


/* bottom 広告 end */

.detail .goback {
	margin-top: 38px;
}

.pcgoback_custom {
	width:980px;
	margin:0 auto;
}






#index .canBeerList img{
	width:160px;
	height:160px;
}

#popupLight {
	height: 40px;
	position: absolute;
	z-index: 100;
	top: 10px;
/* 	bottom: 70px; */
	left: 25px;
	cursor:pointer;
/* 	border-radius:4px; */
	border-radius:50%;
}
.lightNow {
/* 	background:#ffff99; */
/* 	background:url() ,-webkit-linear-gradient(top, #ffffff 0%, #ffff99 100%); */
	background:url() ,-webkit-linear-gradient(top, #ffff85 0%, #ffffff 100%);
/* 	filter:drop-shadow(2px 4px 6px black); */
	filter:drop-shadow(2px 4px 6px gray);
}
#popupRotate {
/* 	top:70px; */
	top:10px;
}
#popupRotateReverse {
/* 	top:128px;	 */
	top:68px;	
}
.popupRotate {
/* 	height: 60px; */
	height: 40px;
	position: absolute;
	z-index: 100;
/* 	bottom: 160px; */
	left: 25px;
	cursor:pointer;
	border-radius:4px;
	opacity:0.6;
}






.news dt {
	padding-left:28px;
	min-width:110px;
}


.sns_table {
/*	width:680px;*/
	float:left;
	margin-top:35px;
	margin-left:7px;
	position:absolute;

}


blockquote {
	position: relative;
	/*縦*/
	padding: 24px 15px 8px 10px;	
/* 	padding: 30px 15px 8px 15px;	 */
/* 	padding: 10px 15px 10px 38px;	 */
	box-sizing: border-box;
	font-style: italic;
	background: #efefef;
	color: #555;
	font-family:serif;
}
blockquote:before{
	display: inline-block;
	position: absolute;
/*	縦
	top: 5px;
	left: 3px;
*/
/* 	top: 10px; */
	top: 0;
	left: -3px;
/* 	left: -18px; */
	content: "“";
/*	font-family: sans-serif;*/
	color: #cfcfcf;
/* 	font-size: 90px; */
	font-size: 65px;
	line-height: 1;
}
blockquote p {
	padding: 0;
/* 	margin: 10px 0; */
	line-height: 1.7;
}

blockquote cite {
/*	display: block;*/
/*	text-align: right;*/
	color: #888888;
	font-size: 0.9em;
}

.h2-custom {
/* 	background: none; */
/* 	padding-bottom: 0; */
	background:bisque;
	padding:0 0 0 5px;
	line-height:revert;
	margin-bottom:-2px;
	padding-bottom:2px;
}


.page-contents{
	list-style:none;
/* 	margin-bottom:30px; */
	margin-bottom:1em;
	background:aliceblue;
	border-top:solid 1px #a6a6a6;
	border-bottom:solid 1px #a6a6a6;
}
.page-contents li ol li{
	padding-left:30px;
}

.page-contents .mokuji {
	padding-left:10px;
	margin-bottom:-4px;
}

input[type='checkbox'] + label, input[type='checkbox'], input[type='button'], select{
	cursor: pointer;
}
/* label, a, img{ */
label, img{
	user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10かららしい */
}

.btn {
	border-radius: 3px;
}
#form1 {
	background-color:cornsilk;
	padding:5px;
}
#search_table{
	margin: 0;
	padding-bottom:10px;
}
#search_table td{
	padding:5px 2px; 
}
#search_table td:nth-of-type(1) {
	white-space:nowrap;
}

#search_table input#allCheck {
	-moz-transform:scale(1.5);
	-webkit-transform:scale(1.5);
	transform:scale(1.5);
	margin: 0 5px;
/* 	margin:0 0.5em -1px 0.2em; */
	vertical-align:middle;
}
input:focus::-webkit-input-placeholder {
	color: transparent;
}
input:focus::-moz-placeholder {
	color: transparent;
}
input:focus::-ms-input-placeholder {
	color: transparent;
}
input:focus::placeholder {
	color: transparent;
}
::placeholder {
  color: lightgray;
}

#search table input[type='text'] {
/* 	width:30em;	 */
}

.bgcolor-custom {
	background:cornsilk;
	padding:0 10px;
}
#search_table select, #search_table input[type='text']{
	min-width:100%;
}

.privacy {
	font-size:13px;
}
.privacy h4{
	margin-top:10px;
}
.privacy ul li {
	list-style:disc;
	margin-left:24px;
}

select {
	background: #fff;
}
input[type="text"]:disabled,
input[type="tel"]:disabled,
select:disabled {
	background: lightgray;
	opacity:0.5;
}
br {
	line-height:0.5em;
}

.newImg {
	height:25px;
	margin:0 5px -6px 0;
}
div.newList {
	border-bottom:1px dotted #a6a6a6;
	text-indent:-1.5em;
	padding-left:1.5em;
}

.img_knrid {
/* 	position:absolute; */
/* 	margin-top:-13px; */
/* 	margin-left:-13px; */
	font-size:10px;
	line-height:10px;
	
}
a.img_knrid{
	color:blue;
}
a.img_knrid:visited{
	color:gray;
}
.border_fit {
/* 	width:fit-content; */
/* 	border:1px dotted #a6a6a6; */
}

.bottomAD br {
	line-height: 12px;
}

.balloon3-left {
  position: static;
  display: inline-block;
/*   margin: 1.5em 0 1.5em 15px; */
  margin-left:165px;
/*   padding: 0 5px; */
/*   width: 60px; */
/*   height: 22px; */
  line-height: 22px;
  color: #FFF;
  font-size: 14px;
/*   font-weight: bold; */
  background: red;
  border-radius: 15%;
  box-sizing: border-box;
  padding-right:5px;
  padding-bottom:1px;
  margin-top:-29px;
}
span.chumoku {
	background-color:red;
	padding:0 5px;
	margin-left:5px;
	color:white;
	border-radius: 5px
}

#genzaijoukenDiv {
/* 	border-bottom:0.8px dotted gray; */
/* 	padding-bottom:5px; */
/* 	padding-left:5px; */
	padding: 5px;
	margin-bottom:5px;
	background-color:cornsilk;
}
table#genzaijouken{
/*  	width:100%; */
 	vertical-align:top;
/*  	line-height:inherit; */
/* 	margin: 0 auto; */
}
table#genzaijouken tr td:nth-of-type(1) {
/* 	padding-left:7px; */
 	max-width:5em;
/*  	width:auto;  */
 	white-space: nowrap;
}
table#genzaijouken tr td:nth-of-type(2) {
	width:1em;
}
table#genzaijouken tr td {
	padding:2px;
}
table#genzaijouken tr{
	vertical-align: top;
/* 	border-bottom:0.8px dotted gray; */
/* 	border-bottom:0.8px solid gray; */

}
table#genzaijouken tr:last-child{
/* 	border-bottom:none; */
}


.search_icon {
	position:absolute;
	height:20px;
	margin: 9px 0 0 5px;
}

/* safari */
_:lang(x)+_:-webkit-full-screen-document, select,
_:lang(x)+_:-webkit-full-screen-document, input[type='text'],
_:lang(x)+_:-webkit-full-screen-document, input[type='tel'],
_:lang(x)+_:-webkit-full-screen-document, input[type='button']
 {
	border: 1px solid gray;
	-webkit-appearance: none;
	border-radius: 3px;
	margin-left:2px;
	color:#333;
}

_:lang(x)+_:-webkit-full-screen-document, body {
	-webkit-text-size-adjust:100%;
}


#select_sorttype {
	float:right;
	width:6em;
	height:26px;
	margin-bottom:2px;
}
.currentItemList {
	color:green;
	font-weight:bold;
	font-size:small;
}
td:has(.currentItemList){
    background: cornsilk;
}


img#zoominImage:focus {
	outline:0;
}

.searchTd1 {
	width:100%;
}