/* Indexページ */
.threeColumns .box{
	width:300px;
	font-size: 14px;
	padding:0 23px;
	margin-bottom:53px;
}
.fourColumns .box{
	width:220px;
	font-size: 14px;
	padding:0 19px;
	margin-bottom:53px;
}
#wrapper {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	clear:both;
}

#index #mainImage{
	margin:0 auto;
}
#index #spmainImage{
	display:none;
}
.topicsbox{
	clear:both;
	width:100%;
	padding:20px 0 0 0;
}
.topicsbox h2{
	background:url(https://brtms.cdnmerkmal.jp/www.bar-times.com/cmm/img/topicsline.png) top repeat-x;
	margin:0 20px;
}
.topicsbox .topBtnAll {
    text-align: right;
    display: block;
}
.topicsbox ul{
	border-bottom:2px solid #000000;
	padding:0 0 30px;
	margin:0 20px;
}
.topicsbox ul li{
	font-size:15px;
	background:url(https://brtms.cdnmerkmal.jp/www.bar-times.com/cmm/img/dotline.gif) bottom repeat-x;
}
.topicsbox ul li:last-child{
	background:none;
}
.topicsbox ul li a{
	padding:10px;
	display:block;
	color:#000000;
	text-decoration:none;
}
.topicsbox ul li a:hover{
	background:#f2f2f2;
}
.topicsbox ul li span{
	font-size: 10px;
	color: #FFF;
	background-color: #9f0000;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	float:right;
	line-height:1em;
}

.box h3 {
	text-align:center;
	height:17px;
	width:105px;
	border:1px solid #191919;
	font-size:11px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	margin:0 auto 13px;
}
.threeColumns .box h4 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4em;
	padding:15px 0 0 0;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho","MS 明朝",serif;
}
.box .date {
	margin-bottom: 4px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 300;
	letter-spacing:1px;
	color:#808080;
	background:url(https://brtms.cdnmerkmal.jp/www.bar-times.com/cmm/img/dotline.gif) top repeat-x;
	padding-top:10px;
	margin-top:20px;
}
.fourColumns .box .txt {
	font-size: 16px;
	padding:25px 0 50px 0;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho","MS 明朝",serif;
}
.fourColumns .box .date {
	font-size: 10px;
	margin-top:20px;
}
.box .date span {
	font-size: 10px;
	color: #FFF;
	background-color: #9f0000;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 20px;
	margin-right:6px;
}
.fourColumns .box .date span {
	background-color: #191919;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 0px;
	padding-left: 8px;
}
.box p {
	line-height: 1.6em;
}
.threeColumns .box .date p {
	float:left;
	width:190px;
}
.fourColumns .box .date p {
	float:left;
	width:150px;
}
.box .snscount {
	line-height: 1.6em;
	vertical-align:top;
}
.threeColumns .box .snscount img {
	margin:0 3px 0 10px;
}
.fourColumns .box .snscount img {
	margin:0 3px 0 6px;
}
.box .date .detailbtn{
	display:none;
}


/* もくじページ */
#indexPage .layout01 .subTitle{
	font-size:28px;
	line-height:1.5em;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:20px 40px;
	margin-bottom:25px;
}
.indexbox .box {
	position:relative;
	margin-top:60px;
	word-wrap:break-word;
}
.indexbox .box h4 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4em;
	padding:20px 0 10px 285px;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho","MS 明朝",serif;
}
.indexbox .box .thumbnail {
	float:left;
	margin-top: -35px;
	margin-left: 35px;
}
.indexbox .box .date {
	margin: 0;
	color:#fff;
	background:none;
	background-color:#000000;
	padding:25px 0 25px 270px;
}
.indexbox .box .txt {
	font-size: 14px;
	padding-left:285px;
}
.indexbox .box .name {
	font-size: 16px;
	color:#9F0000;
	padding-top:10px;
	padding-left:285px;
}



/* 記事ページ設定 */
#the_content_wrap p{
	word-wrap: break-word;
}
#the_content_wrap{
	margin:0 auto;
	position:relative;
}
.post{
	font-size: 14px;
	line-height:1.8em;
}
.post .firstimg{
	margin:0 auto;
	position:relative;
}
#miniKiji.post .firstimg{
	margin:0 auto 80px;
}
.post .date {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 300;
	letter-spacing:1px;
	color:#808080;
}
.post .date span {
	font-size: 10px;
	color: #FFF;
	background-color: #9f0000;
	padding-top: 2px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 20px;
	margin-right:6px;
}
.post h1 {
	font-size: 46px;
	font-weight: bold;
	line-height: 1.4em;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho","MS 明朝",serif;
}
#miniKiji.post h1 {
	font-size: 38px;
}
.post h1 .mini {
	font-size: 19px;
	letter-spacing:2px;
	display:block;
	line-height:1.5em;
	margin-bottom: 1em;
}
.post .indexBar {
	background:#000000;
	color:#FFFFFF;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho","MS 明朝",serif;
	font-size:19px;
}
.post .indexBar span {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
	float:right;
}
.post .name {
	font-size: 16px;
	color:#9F0000;
	display:block;
}
.post .subTitle{
	font-size: 16px;
	padding:0 0 27px 0;
}
.post span.caption{
	display:block;
	background:url(https://brtms.cdnmerkmal.jp/www.bar-times.com/cmm/img/icon_caption.png) left 1px no-repeat;
	font-size:13px;
	line-height:1.5em;
	padding-left:20px;
	margin-bottom:20px;
}
.post .notes{
	border-top:1px dotted #191919;
	border-bottom:1px dotted #191919;
	padding:15px 30px;
}
.post p{
	margin-bottom:1.5em;
	text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
	word-wrap:break-word;
}
.post ul li,.post ol li {
    list-style: inherit;
    list-style-position: outside;
    margin-left: 1.5em;
}
.post .cocktailInfo .ciTitle{
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 300;
	letter-spacing:1px;
}
.post .cocktailInfo dl{
	border:1px solid #191919;
	padding-bottom:30px;
}
.post .cocktailInfo dt{
	font-family: 'Roboto', sans-serif;
	font-size: 32px;
	font-weight: 300;
	padding:35px 0 0 35px;
}
.post .cocktailInfo dt .mini{
	font-size: 16px;
}
.post .cocktailInfo dd{
	float:left;
	font-size: 13px;
	padding-top:20px;
}
.post .cocktailInfo dd.ciSubTitle{
	padding-left: 35px;
	padding-right:5px;
}
.post .cocktailInfo dd.ciSubTitle span{
	font-size: 10px;
	color: #FFF;
	background-color: #9f0000;
	padding-top: 2px;
	padding-right: 15px;
	padding-bottom: 1px;
	padding-left: 15px;
	margin-top:4px;
	line-height:1em;
}
.specialbox{
	padding:75px 0 0 0;
}
.specialbox .specialboxIn{
	background:#000000;
	padding-top:1px;
}
.specialbox .threeColumns{
	color:#FFFFFF;
}
.specialbox .threeColumns .box h3 {
	border:1px solid #fff;
}
.specialbox .threeColumns .box .date {
	color:#fff;
	background:url(https://brtms.cdnmerkmal.jp/www.bar-times.com/cmm/img/dotline_w.gif) top repeat-x;
}
.specialbox .threeColumns .box .thumbnail img{
	border:1px solid #666;
}



.topicsbox.kijitopics ul li:nth-child(odd){
	float:left;
	width:48%;
}
.topicsbox.kijitopics ul li:nth-child(even){
	float:right;
	width:48%;
}
.topicsbox.kijitopics ul li:nth-last-child(2){
	background:none;
}
#otherFuture .h2main {
	margin-right:30px;
	padding-left:0;
	padding-bottom:0;
}
#otherFuture .h2sub {
	padding-bottom:0;
}
#otherFuture .box{
	padding-top:40px;
	position:relative;
}
#otherFuture .box h3{
	text-align:center;
}
#otherFuture .box h4{
	font-size: 23px;
	font-weight: bold;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho","MS 明朝",serif;
	line-height:1.4em;
	letter-spacing:2px;
}
#otherFuture .box .txt{
	font-size:14px;
}
#otherFuture .box .date {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 300;
	letter-spacing:1px;
	color:#808080;
	background:none;
	padding-top:10px;
}
#otherFuture .box .date p {
	float:left;
}
#backNumber h2{
	background:#191919;
	color:#FFF;
	padding:2px 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 300;
	letter-spacing:1px;
}
#backNumber dl{
	float:left;
}
#backNumber dt{
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	font-weight: 300;
	letter-spacing:2px;
	padding-top:30px;
	padding-bottom:10px;
}
#backNumber dd{
	background:url(https://brtms.cdnmerkmal.jp/www.bar-times.com/cmm/img/icon_link.png) left no-repeat;
	padding-left:20px;
	font-size:14px;
	margin-top:10px;
}


.pagenation{
	clear:both;
	margin:0 0 70px;
	text-align:center;
}
.pagenation.right{
	text-align:center;
	float:none;
	margin-top:50px;
}
.pagenation ul{
	display: inline-block;
}

.pagenation li{
	float:left;
	width:20px;
	height:20px;
	margin-right:10px;
	text-align:center;
}
.pagenation li a{
	width:20px;
	height:20px;
	display:block;
	text-decoration:none;
}
.pagenation li.prev{
	background:url(https://brtms.cdnmerkmal.jp/www.bar-times.com/cmm/img/page_prev.png) no-repeat;
	text-indent:-9999px;
	width:12px;
	height:12px;
	margin-top:4px;
}
.pagenation li.next{
	background:url(https://brtms.cdnmerkmal.jp/www.bar-times.com/cmm/img/page_next.png) no-repeat;
	text-indent:-9999px;
	width:12px;
	height:12px;
	margin-top:4px;
}
.pagenation li.nolink,
.pagenation li a:hover{
	filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
}


/* 固定ページ設定 */
.otherContents h1{
	font-size:23px;
	width:95%;
	margin:0 auto 30px;
}
.otherContents h2{
	font-size:16px;
	width:60%;
	border-bottom:1px #666 dotted;
	margin-bottom:20px;
}

.otherContents article{
	margin-bottom:150px;
}

.otherContents article p{
	width:95%;
	margin:0 auto 30px;
}
.otherContents article dl{
	border-bottom:1px #CCC solid;
	width:95%;
	margin:0 auto;
}
.otherContents article dt,
.otherContents article dd{
	float:left;
	display:block;
	border-top:1px #CCC solid;
	padding:2em 0;
}

.otherContents article dt{
	clear:both;
	width:30%;
	font-weight:bold;
}
.otherContents article dt span{
	padding:0 0 0 5em;
}
.otherContents article dd{
	width:70%;
}
.otherContents article dd p{
	width:100%;
	margin:0 0 1.5em 0;
}

.otherContents article ul{
	margin-bottom:20px;
	margin-top:10px;
}
.otherContents article ul li{
	list-style:circle;
	margin-left:30px;
}

.otherContents article.sitemaparea ul{
	float:left;
	width:30%;
}
.otherContents article.sitemaparea ul.sitemaparea2{
	margin-top:75px;
}
.otherContents article.sitemaparea ul ul{
	float:none;
	width:100%;
	border-left:1px solid #333;
}
.otherContents article.sitemaparea ul li{
	list-style:none;
	margin-top:1em;
}
.otherContents article.sitemaparea ul li a{
	color:#000000;
	text-decoration:none;
}
.otherContents article.sitemaparea ul ul strong{
	margin-bottom:1em;
	background:#333333;
	padding:6px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:10px;
}


/* 検索結果画面設定 */

.searchResult{
	padding:2em 0;
	font-size:16px;
}



/*===================================================================================================*/

@media screen and (min-width: 961px) {/* PC用のスタイル記述 */

/* Indexページ */
#index #wrapper {
}
#index #mainImage{
	width: 1200px;
	display:block;
	clear:both;
}
#index #mainImage img{
	width: 100%;
}
.boxWrap {
	width:1050px;
	margin:0 auto 0;
	position:relative;
	padding-top:80px;
}
.topicsbox .boxWrap {
	width:1040px;
	margin:0 auto;
}
.h2main {
	height:26px;
	margin-right:30px;
	padding-left:25px;
	padding-bottom:40px;
}
.h2sub {
	height:13px;
	padding-bottom:40px;
}
.topicsbox .h2main {
	padding-left:0;
}
.topicsbox .topBtnAll {
	margin: 0 10px 25px 0;
}

.threeColumns .box,
.fourColumns .box{
display:inline-block;
vertical-align:top;
/display:inline; 
/zoom:1;
}

.threeColumns .box .txt{
	height:6em;
	overflow:hidden;
	margin: 40px 0 30px;
}
.fourColumns .box .txt{
	padding:8px 0 0 0;
	height: 6em;
	overflow: hidden;
}


/* もくじページ */
.indexbox {
	margin:30px auto 0 auto;
	width: 800px;
}
.indexbox .indexboxTit{
	padding:0 0 0 345px;
}


/* 記事ページ設定 */
#mainKiji.post .firstimg,
#indexPage.post .firstimg{
	width:1200px;
}
#mainKiji.post .firstimg img,
#indexPage.post .firstimg img{
	width:100%;
}
.post{
	width:1200px;
	margin:0 auto;
}
.post .date {
/*margin:80px 0 0 300px;*/
margin:30px 0 0 300px;
}
.post h1 {
  margin:5px 0 30px 300px;
}
.post .indexBar {
margin:5px 0 30px 300px;
width: 760px;
padding:10px 20px;
}
#miniKiji.post .date {
	position:absolute;
	top:33%;
	left:660px;
	margin:0;
}
#miniKiji.post h1 {
	position:absolute;
	top:40%;
	left:660px;
	margin:0;
}
.post .name {
margin:35px 0 0 300px;
}
.post .layout01{/*テキスト2段組み*/
-moz-columns: 2 200px;
-webkit-columns: 2 200px;
columns: 2 200px;
-moz-column-gap: 30px;
-webkit-column-gap: 30px;
column-gap: 30px;
margin:50px 0 0 300px;
width:800px;
}
.post .layout02{/*横長ボックス*/
margin:35px 0 0 300px;
width:800px;
}
.post .layout03{/*ブロック左右2つ*/
margin:50px 0 0 300px;
width:800px;
}
.post .layout04{/*テキスト2段組み*/
-moz-columns: 2 200px;
-webkit-columns: 2 200px;
columns: 2 200px;
-moz-column-gap: 30px;
-webkit-column-gap: 30px;
column-gap: 30px;
margin:20px 0 0 0;
width:740px;
}

#indexPage.post .layout01{/*テキスト2段組み*/
-moz-columns: 1;
-webkit-columns: 1;
columns: 1;
-moz-column-gap: 30px;
-webkit-column-gap: 30px;
column-gap: 30px;
margin:50px 0 0 300px;
width:800px;
}
.post .layout03 .left{
width:380px;
float:left;
margin-right:40px;
}
.post .layout03 .right{
width:380px;
float:left;
}
.post .imgRight{
	float:right;
	width:380px;
	margin-left:30px;
}
.post .imgLeft{
	float:left;
	width:380px;
	margin-right:30px;
}
.post .txtcenter{
	text-align:center;
}

.post .cocktailInfo{
margin:50px 0 0 300px;
}
.post .cocktailInfo dl{
width:800px;
}
.post .cocktailInfo dd.detail{
width:270px;
}

.specialbox .specialboxTit{
	width: 1200px;
	margin: 0 auto 65px;
	text-align: center;
}
#otherFuture {
margin:80px 0 0 300px;
}
#otherFuture .thumbnail{
/*	float:left;*/
position:absolute;
top:40px;
left:0;
}
#otherFuture .h2main {
	height:20px;
}
#otherFuture .h2sub {
	height:13px;
}
#otherFuture .box{
background:url(https://brtms.cdnmerkmal.jp/www.bar-times.com/cmm/img/detailbtn2.gif) 780px 160px no-repeat;
}
#otherFuture .box h3{
margin:0 0 13px 340px;
}
#otherFuture .box h4{
margin:0 0 13px 340px;
}
#otherFuture .box .txt{
margin:0 0 13px 340px;
width:410px;
height:4.5em;
overflow:hidden;
}
#otherFuture .box .date {
margin:0 0 13px 340px;
}
#otherFuture .box .date p {
width:250px;
}
#backNumber{
margin:80px 0 90px 300px;
}
#backNumber h2{
width:780px;
}
#backNumber dl{
width:270px;
}



.mt30{margin-top: 30px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}
.pl80{padding-left: 80px;}
.pr50{padding-right: 50px;}
.m_auto{margin: 0 auto;}
.right{float: right;}
.left{float: left;}



.pagenation.top{
	padding-right:20px;
	position:absolute;
	top:10px;
	right:0;
}


#contact .otherContents article,
#recruit .otherContents article{
	margin-bottom:350px;
}



/* 検索結果画面設定 */

.searchResult{
	padding-left:20px;
}



}



/*===================================================================================================*/

@media screen and (max-width: 960px) and (min-width: 641px) {/* タブレット用のスタイル記述 */

/* Indexページ */
#index #mainImage{
	width: 100%;
	display:block;
	padding-top:15px;
	clear:both;
	margin-bottom:40px;
}
#index #mainImage img{
	width: 100%;
}
.boxWrap {
	width:606px;
	margin:80px auto 0;
}
.topicsbox .boxWrap {
	width:606px;
	margin:0 auto;
}
.topicsbox ul li span{
	float:none;
	display:block;
	width:4em;
	text-align:center;
	margin-bottom:5px;
}
h2{
	text-align:center;
}
.h2main {
	height:26px;
	padding-bottom:10px;
	text-align:center;
}
.h2sub {
	height:13px;
	padding-bottom:40px;
	padding:0 180px 40px;
}
.threeColumns .box{
	width:276px;
	padding:0 12px;
	margin-bottom:33px;
	display:inline-block;
	vertical-align:top;
	/display:inline; 
	/zoom:1;
}
.fourColumns {
	text-align:center;
}
.fourColumns .box{
	width:220px;
	padding:0 12px;
	margin-bottom:33px;
	display:inline-block;
	vertical-align:top;
	/display:inline; 
	/zoom:1;
}

.threeColumns .box .thumbnail img{
	width:276px;
}
.threeColumns .box .txt{
	height:6em;
	overflow:hidden;
}
.threeColumns .box h4 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4em;
	padding:10px 0 10px 0;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho","MS 明朝",serif;
}

.fourColumns .box{
/*	width:176px;
	padding:0 13px;
	margin-bottom:33px;
*/}
.fourColumns .box .thumbnail img{
/*	width:176px;
*/}
.fourColumns .box .txt{
	padding:8px 0 0 0;
	text-align:left;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho","MS 明朝",serif;
}


/* カテゴリーIndexページ */
.categoryIndex {
	border-top:6px solid #191919;
	margin-top:15px;
	clear:both;
}
.categoryIndex .boxWrap {
	margin:40px auto 0;
}


/* もくじページ */
.indexbox {
	margin:30px auto 0;
	width: 70%;
}
.indexbox .indexboxTit{
	padding:50px 0 0 0;
	margin-left:50%;
}
.indexbox .indexboxTit img{
	margin-left:-53px;
}


/* 記事ページ設定 */
.post .firstimg{
	width:640px;
}
.post .firstimg img{
	width:100%;
}
.post .date {
	margin:80px auto 0;
	width:580px;
}
.post h1 {
	font-size: 38px;
	margin:30px  auto 0;
	width:580px;
}
.post .indexBar {
	padding: 10px 20px;
}
.post .layout01{/*テキスト2段組み*/
margin:20px auto 0;
width:580px;
}
.post .layout02{/*横長ボックス*/
margin:35px auto 0 ;
width:580px;
}
.post .layout03{/*ブロック左右2つ*/
margin:50px auto 0;
width:580px;
}
.post .layout04{/*テキスト2段組み*/
margin:20px 0 0 0;
width:580px;
}
.post  p img{
width:580px;
height:inherit;
}

#miniKiji.post .firstimg{
	margin:0 auto 90px;
}
#miniKiji.post .firstimg img {
	width:275px;
}
#miniKiji.post .date {
	position:absolute;
	top:0;
	left:290px;
	margin:0;
	width:345px;
}
#miniKiji.post h1 {
	position:absolute;
	top:20px;
	left:290px;
	margin:20px 0 0 0;
	font-size: 23px;
	width:345px;
}
.post h1 .mini {
	font-size: 16px;
	letter-spacing:2px;
	display:block;
	line-height:1.5em;
}
.post .name {
	font-size: 16px;
	color:#9F0000;
	margin:10px auto 0;
	width:580px;
}
.post .cocktailInfo{
	margin:60px auto 0;
	width:580px;
}
.post .cocktailInfo dd.detail{
	width:430px;
}

.specialbox .specialboxTit{
	margin:0 0 65px 50%;
}
.specialbox .specialboxTit img{
	margin-left:-66px;
}
#otherFuture {
	clear:both;
	padding:45px 0 0 0;
	margin:50px auto 0;
	width:580px;
}
#otherFuture h2 {
	text-align:center;
}
#otherFuture .h2main {
	margin-right:30px;
	padding-left:0;
	padding-bottom:0;
}
#otherFuture .h2sub {
	padding-bottom:0;
}
#otherFuture .box h3{
	text-align:center;
	float:left;
	margin-right:10px;
}
#otherFuture .box a.thumbnail{
	float:left;
	width:352px;
}
#otherFuture .box h4{
	font-size: 23px;
	font-weight: bold;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho","MS 明朝",serif;
	line-height:1.4em;
	letter-spacing:2px;
	clear:both;
}
#otherFuture .box .txt{
	padding-right:60px;
	background:url(https://brtms.cdnmerkmal.jp/www.bar-times.com/cmm/img/detailbtn2.gif) 555px center no-repeat;
}
#otherFuture .box .date {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 300;
	letter-spacing:1px;
	color:#808080;
	background:none;
	padding-top:10px;
	margin:0;
}
#otherFuture .box .date p {
	float:left;
}
#backNumber{
	margin:60px auto 0;
	padding-bottom:50px;
	width:580px;
}
#the_content_wrap aside{
	background:#f5f5f5;
}
#backNumber dl{
	width:290px;
}
#backNumber dt{
	font-family: 'Roboto', sans-serif;
	font-size: 26px;
	font-weight: 300;
	letter-spacing:2px;
	padding-top:30px;
	padding-bottom:10px;
}
#backNumber dd{
	background:url(https://brtms.cdnmerkmal.jp/www.bar-times.com/cmm/img/icon_link.png) left no-repeat;
	padding-left:20px;
	font-size:14px;
	margin-top:10px;
}



/* 固定ページ設定 */
.otherContents h2{
	text-align:left;
}
.otherContents article dt{
	width:40%;
}
.otherContents article dd{
	width:60%;
}


}

/*===================================================================================================*/

@media screen and (max-width: 640px) {/* スマートフォン用のスタイル記述 */

/* Indexページ */
#wrapper {
	/*padding-top: 50px;*/
	padding-top: 20px;
}
#index #wrapper {
	width: 100%;
}
#index #spmainImage{
	width: 100%;
	display:block;
	/*margin-top: 45px;*/
	padding-top: 20px;
}
#index #spmainImage img{
	width: 100%;
}

h2 {
	text-align:center;
	margin-bottom:19px;
	width:100%;
}
.h2main {
	margin-bottom:20px;
	padding:10px 0 0;
	width:100%;
}
.h2sub {
	padding-bottom:10px;
	width:100%;
}
.topicsbox h2{
	background:none;
	margin:0;
}
.topicsbox ul{
	border-bottom:2px solid #000000;
	padding-bottom:20px;
	margin-bottom:80px;
}
.topicsbox ul li span{
	float:none;
	display:block;
	width:4em;
	text-align:center;
	margin-bottom:5px;
}
.threeColumns .box{
	margin:0 auto ;
	width: 90%;
	padding:0 0 50px 0;
	float:none;
}
.fourColumns .box{
	margin:0 auto 50px;
	width: 100%;
	padding:0 0 20px 0;
	float:none;
}
.fourColumns .box:last-child{
	margin:0 auto 0;
}
.box .thumbnail{
	width: 100%;
}
.box .thumbnail img{
	width: 100%;
}
.fourColumns .box .thumbnail {
	margin-left:17.5%;
}
.fourColumns .box .thumbnail img {
	width: 65%;
}
.threeColumns .box h3 {
	text-align:center;
	height:20px;
	width: 100%;
	border:none;
	background:#e9e9e9;
	font-size:14px;
	margin:0 auto;
	padding:3px 0;
}
.fourColumns .box h3 {
	text-align:center;
	height:20px;
	width: 65%;
	border:none;
	background:#798384;
	font-size:14px;
	margin:0 auto;
	padding:3px 0;
	color:#fff;
}
.threeColumns .box h4 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4em;
	padding:10px 0 15px 20px;
	font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho","MS 明朝",serif;
}
.threeColumns .box .txt{
	font-size: 14px;
	padding:0 20px;
}
.fourColumns .box .txt{
	font-size:  14px;
	padding:15px 0 0 0;
	font-weight:bold;
	width: 85%;
	margin:0 auto;
}
.threeColumns .box .date,.fourColumns .box .date {
	margin-bottom: 2px;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: 300;
	letter-spacing:1px;
	color:#808080;
	background:url(https://brtms.cdnmerkmal.jp/www.bar-times.com/cmm/img/dotline.gif) bottom repeat-x;
	padding-top:5px;
	padding-bottom:10px;
	margin-top:15px;
	margin-left:10px;
	margin-right:10px;
}
.fourColumns .box .date {
	margin-left:20px;
	margin-right:20px;
	margin-top:10px;
}
.box .date span {
	font-size: 10px;
	color: #FFF;
	background-color: #9f0000;
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
	margin-right:7px;
}
.fourColumns .box .date span {
	background-color: #191919;
	padding-top: 3px;
	padding-right: 17px;
	padding-bottom: 2px;
	padding-left: 17px;
	margin-right:7px;
}
.box p {
	line-height: 1.6em;
}
.threeColumns .box .date p {
	float:left;
	width:200px;
}
.fourColumns .box .date p {
	float:left;
	width:200px;
}
.box .date .detailbtn{
	display:block;
	background:url(https://brtms.cdnmerkmal.jp/www.bar-times.com/cmm/img/sp_detailbtn.png) right center no-repeat;
	float:right;
	width:100px;
}
.box .date .detailbtn a{
	display:block;
	width:100px;
	height:13px;
	padding-bottom:3px;
	text-decoration:none;
	color:#888888;
}


/* カテゴリーIndexページ */
.categoryIndex h2 {
	text-align:center;
	background:#f0f0f0;
	margin-bottom:0;
}
.categoryIndex .fourColumns .box:nth-child(odd){
	background:#f0f0f0;
}
.categoryIndex .fourColumns .box .date {
	background:none;
}
.categoryIndex .fourColumns .box{
	padding-top:30px;
	margin:0 auto 0;
	width: 100%;
	padding:30px 0 10px 0;
	float:none;
}


/* もくじページ */
#indexPage .layout01 .subTitle{
	font-size:14px;
	padding:20px 20px;
}
.indexbox .indexboxTit{
	padding:50px 0 0 0;
	margin-left:50%;
}
.indexbox .indexboxTit img{
	margin-left:-53px;
}

.indexbox .box {
	position:relative;
	margin: 60px auto 0;
	width: 90%;
}
.indexbox .box h4 {
	font-size: 22px;
	padding:20px 0 10px 0;
}
.indexbox .box .thumbnail {
	position:inherit;
	top:0;
	left:0;
	width:100%;
	margin:0;
}
.indexbox .box .thumbnail img {
	width:100%;
}
.indexbox .box .date {
	padding:25px 0 25px 0;
}
.indexbox .box .txt {
	font-size: 14px;
	padding-left:0;
}
.indexbox .box .name {
	font-size: 16px;
	color:#9F0000;
	padding-top:10px;
	padding-left:0;
}


/* 記事ページ設定 */
#the_content_wrap{
width: 100%;
}
.post .firstimg{
width: 100%;
}
.post .firstimg img{
width: 100%;
}
.layout01,.layout02,.layout03{
width: 90%;
margin:0 auto;
}
.layout01 p,.layout02 p,.layout03 p{
width: 100%;
}
.layout01 img,.layout02 img,.layout03 img{
width: 100%;
height:inherit;

}
.post .date {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: 300;
	letter-spacing:1px;
	color:#808080;
	padding-top:5px;
	width:90%;
	margin:15px auto 0;
}
.post .date span {
	font-size: 10px;
	color: #FFF;
	background-color: #9f0000;
	padding-top: 3px;
	padding-right: 20px;
	padding-bottom: 2px;
	padding-left: 20px;
	margin-right:7px;
}
.post h1 {
	font-size: 20px;
	width:90%;
	margin:30px auto 20px;
}
.post .subTitle {
	font-size: 14px;
	font-weight:bold;
	line-height:1.5em;
	width:90%;
	margin:0 auto;
}
.post .name {
	margin-left:20px;
	margin-bottom:20px;
}
.post p{
	font-size: 14px;
	line-height:1.8em;
	margin:0 auto 20px;
}
.post span.caption{
	background:url(https://brtms.cdnmerkmal.jp/www.bar-times.com/cmm/img/sp_icon_caption.png) left 6px no-repeat;
	font-size:12px;
	line-height:1.5em;
	padding-left:30px;
	margin-bottom:10px;
}
.post .notes{
	padding:7px 15px;
	width:inherit;
}
.post .cocktailInfo .ciTitle{
	font-size: 12px;
	letter-spacing:3px;
	width:90%;
	margin:0 auto;
}
.post .cocktailInfo dl{
	width:90%;
	margin:0 auto 15px;
	padding-bottom:15px;
}
.post .cocktailInfo dt {
	font-size: 20px;
	padding: 17px 0 0 17px;
}
.post .cocktailInfo dd{
	float:none;
	font-size: 12px;
	padding-top:10px;
	line-height:1.6em;
	padding-left: 16px;
	padding-right: 16px;
}
.post .cocktailInfo dd.ciSubTitle{
	padding-left: 17px;
	padding-right:3px;
}
.post .cocktailInfo dd.ciSubTitle span{
	font-size: 10px;
	color: #FFF;
	background-color: #9f0000;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	margin-top:4px;
	line-height:1em;
}

.post .indexBar {
  padding: 10px 100px 10px 20px;
  position: relative;
}
.post .indexBar span {
  float: none;
  position: absolute;
  bottom: 10%;
  right: 20px;
 }
.specialbox{
	margin-bottom:65px;
}
.specialbox .specialboxIn{
	padding-top:30px;
}
.specialbox .specialboxTit{
	margin-left:50%;
	margin-bottom:35px;
	margin-top:30px;
}
.specialbox .specialboxTit img{
	margin-left:-66px;
}

.specialbox .box h3 {
	text-align:center;
	height:20px;
	width: 100%;
	border:none;
	background:#000;
	font-size:14px;
	margin:0 auto;
	padding:3px 0;
	color:#fff;
}
.specialbox .threeColumns .box .thumbnail img{
	border:1px solid #FFF;
}

#miniKiji.post .firstimg{
	margin:0 auto 15px;
}
#miniKiji.post .firstimg img {
	width:70%;
	margin:0 auto;
	display:block;
}
#miniKiji.post .date {
}
#miniKiji.post .date p {
	font-size: 14px;
	width: 90%;
	margin: 0 0 20px 0;
}
#miniKiji.post h1 {
	font-size: 20px;
}
#otherFuture .h2main {
	margin:0 auto;
	margin-bottom:10px;
	padding:30px 0 0;
}
#otherFuture .h2sub {
	padding-bottom:10px;
}
#otherFuture .box{
	padding-top:20px;
	position:relative;
	margin:0 auto ;
	width: 95%;
	padding:0 0 25px 0;
}
#otherFuture .box h3{
	text-align:center;
	height:14px;
	width: 100%;
	border:none;
	background:#e9e9e9;
	font-size:14px;
	margin:0 auto;
	padding:3px 0;
}
#otherFuture .box h4{
	font-size: 20px;
	width:90%;
	margin:5px auto 10px;
}
#otherFuture .box .txt{
	font-size:14px;
	width:90%;
	margin:0 auto;
}
#otherFuture .box .date {
	font-size: 11px;
	padding-top:20px;
	padding-bottom:10px;
	width:90%;
	margin:0 auto;
	background:url(https://brtms.cdnmerkmal.jp/www.bar-times.com/cmm/img/dotline.gif) bottom repeat-x;
}
#otherFuture .box .date p {
	float:left;
}
#backNumber h2{
	text-align:left;
	padding:6px 0 6px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 100;
	letter-spacing:3px;
	text-indent:2em;
}
#backNumber dl{
	padding-bottom:20px;
}
#backNumber dt{
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: 300;
	letter-spacing:1px;
	padding-top:15px;
	padding-left:25px;
	padding-bottom:5px;
}
#backNumber dd{
	background:url(https://brtms.cdnmerkmal.jp/www.bar-times.com/cmm/img/sp_icon_link.png) left no-repeat;
	font-size:14px;
	margin-top:10px;
	margin-left:25px;
	padding:5px 0 5px 30px;
}


.pagenation{
	margin:30px 0 30px;
}




/* 固定ページ設定 */
.otherContents h1{
	font-size:23px;
	width:90%;
	margin:0 auto 30px;
	text-align:center;
}
.otherContents h2{
	font-size:16px;
	width:100%;
	border-bottom:1px #666 dotted;
	margin-bottom:20px;
	text-align:left;
}

.otherContents article{
	margin-bottom:150px;
}

.otherContents article p{
	width:90%;
	margin:0 auto 30px;
}
.otherContents article dl{
	border-bottom:1px #CCC solid;
	width:90%;
	margin:0 auto;
}
.otherContents article dt,
.otherContents article dd{
	float:none;
	border-top:none;
	padding:1em 0;
}

.otherContents article dt{
	width:90%;
	border-top:1px #CCC solid;
}
.otherContents article dt span{
	padding:0 0 0 0;
}
.otherContents article dd{
	width:90%;
}
.otherContents article dd p{
	width:100%;
	margin:0 0 1.5em 0;
}

.otherContents article ul{
	margin-bottom:20px;
	margin-top:10px;
}
.otherContents article ul li{
	list-style:circle;
	margin-left:30px;
}

.otherContents article.sitemaparea ul{
	float:none;
	width:90%;
	margin:0 auto;
}

}