@charset "utf-8";
/* CSS Document */

section{
	margin-bottom:40px;
}

.border{border-top:solid 28px #000!important;width:100%;}

.border-b{border-top:solid 10px #8d0018!important;width:100%;clear:both;}

#main-tsubame{width:100%;top:0px; padding-bottom:0px;}

#main-tsubame img{max-width:1000px;}

p.tsubame-comment{
	line-height:1.5em;
}

.bg-red{background:#8d0018;}

.title01{
	background:#8d0018;
	padding:5px;
	color:#fff;
	width:100%;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	margin-top:10px;
	
}

.title01 span{
	font-size:80%;
	font-weight:normal;
}
.tsubame-contents{
	/*position:relative;*/
	max-width:1000px;
	margin:0 auto;
	padding-bottom:0px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"!important;
}

.tsubame-contents h3{
	font-weight:bold!important;
	color:#8d0018;
	font-size:130%;
}
/*右と左をかこむ*/
.tsubame-inner{
	width:100%;
	padding:10px 0px;
	clear:both;
}
.tsubame-left{
	width:46%;
	padding: 0px 1%;
	margin:10px 0px;
	float:left;	

}
.tsubame-right{
	width:46%;
	padding: 0px 2%;
	margin:0px 0px;
	float:left;

}



.bdr{
	border-right:solid 1px #000;
}


.secand-centrair-top{
	padding:20px 15% 20px 15%!important;
	/*position:relative;*/
	width:70%;
	display:inline-block;
}
.top-come{
	width:100%;
	padding:20px;
	text-align:center;
	margin-top:40px;
	margin-bottom:40px;
	font-size:120%;
}

.tesuryo{
	width:100%;
	background:#ccc;
	padding:15px 0px;
	float:left;
	margin-top:10px;
}

.tesuryo-left{
	width:47%;
	border-right:solid 1px #000;
	float:left;
	font-weight:bold;
	font-size:140%;
	vertical-align:middle;
	text-align:center;
	height:3em;
	line-height:1.0em;
	padding-top:1.2em;
}
.tesuryo-right{
	width:48%;
	float:right;
	
}

.tesuryo-right ul li{
	list-style-type:none;
	margin:0px;
	float:left;
}



.tsubame-right ul{
	margin-left:0px;
	padding-left:5%;
	border-bottom:solid 1px #000;
	width:95%;
	padding-bottom:10px;
	margin-bottom:10px;
	float:left;
	background:url("images/taxi.png")no-repeat right top 20px;
}

.tsubame-right ul li{
list-style-type:decimal;
	line-height:1.5em;
}

.nagare{
	float:left;
	margin-bottom:10px;
	background:#fff000;
}


.tsubame-right dl {
	/*height: 50px;		/*高さ*/
	overflow: hidden;	/*高さを超えるコンテンツ量部分は非表示に*/
	width:100%;
	float:left;
	padding:10px 0px 10px 0px;
	margin-left:0%;
	clear:both;
}


/*日付設定*/
.tsubame-right dt {
	float: left;	/*左に回り込み*/
	width: 2em;		/*幅*/
	line-height:1.5em;
}
/*記事設定*/
.tsubame-right dd {
	padding-left: 2em;	/*左に空ける余白*/
	line-height:1.5em;
}

/*店舗名*/
.mb5{margin-bottom:5px;}

/*画像きりかえ*/
.tsubame-sp{display:none;}


/*2020.07.09追加*/

.shop-left{
	width:30%;
	padding: 10px 1.5%;
	margin:5px 0px;
	float:left;	
	border-right:solid 1px #000;
}

.shop-left p{
	font-size:80%;
}
.shop-left.border-none{
	border-right:none;
}
.image-left{
	width:40%;
	padding: 10px 1% 10px 9%;
	margin:5px 0px;
	float:left;	
}
.image-right{
	width:40%;
	padding: 10px 9% 10px 1%;
	margin:5px 0px;
	float:left;	
}

.bnr-left{
	width:48%;
	padding: 0px 1%;
	margin:5px 0px;
	float:left;	
}
.bnr-right{
	width:48%;
	padding: 0px 1%;
	margin:5px 0px;
	float:left;	
}

/*画面幅1024px以下で横に見たときの設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1024px){

.tsubame-contents{
	/*position:relative;*/
	width:97%;
	margin:0 1.5%;
	padding-bottom:0px;
}
	
.title01{
	background:#8d0018;
	padding:5px;
	color:#fff;
	width:98%;
	padding:10px 1%;
	float:left;
	text-align:center;
	font-weight:bold;
	font-size:120%;
	margin-top:10px;
	
}

	
}

/*画面幅900px以下で横に見たときの設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){

.tsubame-right ul{
	background:url("images/taxi.png")no-repeat right top 0px;
}
	
#main-tsubame img{max-width:95%;}
	
}


/*画面幅800px以下で横に見たときの設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){

.tsubame-right ul{
	background:url("images/taxi.png")no-repeat right top 5px;
}
	
.tsubame-contents{
	/*position:relative;*/
	width:97%;
	margin:0 1.5%;
	padding-bottom:0px;
}
	
#main-tsubame img{max-width:97%;}
	
}


/*画面を横向きにした場合の高さが500px以下の場合の設定。
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (orientation: landscape) and (max-height:500px){
	
#main-tsubame img{width:98%;}
	
.tsubame-right ul{
	background:url("images/taxi-sp.png")no-repeat right top 20px;
}	
	
.tsubame-contents{
	/*position:relative;*/
	width:100%;
	margin:0 auto;
	padding-bottom:0px;
}
	
	
}

/*画面幅420px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:420px){

#main-tsubame{width:100%;top:0px; padding-bottom:0px;}
#main-tsubame img{width:100%;}
	

.tsubame-left{
	width:96%;
	padding: 10px 2%;
	margin:5px 0px;
	float:left;	
}
.tsubame-right{
	width:96%;
	padding: 10px 2%;
	margin:5px 0px;
	float:left;	
}
	
.tsubame-left img{
	text-align:center;
	}
	
	
.tsubame-right img{
	text-align:center;
	}

.bdr{border-right:none;}
	

.tsubame-right ul{
	background:url("images/taxi-sp.png")no-repeat right top 5px;
}	
	
	
.tsubame-pc{display:none;}	
.tsubame-sp{display:inline;}
	

/*2020.7.9*/
	
.shop-left{
	width:90%;
	padding: 10px 5%;
	margin:5px 0px;
	float:left;	
	border-right:none;
	border-bottom:solid 1px #000;
}
.shop-left.border-none{
	border-right:none;
	border-bottom:none;
}
.shop-left p{
	font-size:100%;
}

	.image-left{
	width:90%;
	padding: 10px 5% 10px 5%;
	margin:5px 0px;
	float:left;	
}
.image-right{
	width:90%;
	padding: 10px 5% 10px 5%;
	margin:5px 0px;
	float:left;	
}
	
.bnr-left{
	width:90%;
	padding: 0px 5%;
	margin:5px 0px;
	float:left;	
}
.bnr-right{
	width:90%;
	padding: 0px 5%;
	margin:5px 0px;
	float:left;	
}
	
}