@charset "utf-8";

/* CSS Document */

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

CSS側の記述
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}



/*見出し*/
.bar{
	width: 100%;
	height: 40px;
	margin: auto;
	color: #fff;

	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;

	background: url(img/nav_bg.jpg);
}


.bar-inner{
	width: 90%;
	height:50px;

}

.bar-inner p{
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-weight: 900;
	font-family:HiraKakuProN-W6; font-size-adjust:0.6;
	font-size:16px;
}



.col-676{
	/*2025/12/31いじります width: 1200px;*/
	width: 676px;
	margin: 0 36px 80px 10px;
	float: left;
}

/*.col-676とセット*/

.right-menu{
	width: 228px;
	margin: 0 10px 0 0;
	float: left;
}



ul.btn228 li{
	width: 228px;
	margin-bottom: 11px;
	list-style: none;
}



.news{
	overflow: hidden;
}



iframe.news_i{
	display: block;
	width: 98%;
	height: 110px;
	margin: auto;
	overflow: hidden;
	border: none;
}


.news_title{
	dispaly: block;
	width: 648px;
	margin: 16px 16px 0 16px;
	border-bottom: solid 1.5px #666;
}

.noti{
	color:#fff;
	height: 30px;
	width: 676px;
	background-color: #e8b0a2;
	line-height: 30px;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;
}

.noti ul li{
	list-style: none;
	display: inline-block;
}

.bold{ 
	font-size: 19px;
	font-weight: bold;
	padding-left: 70px;
	 }

.l{
	width:600px;
	text-align: center
	
}

.f18{
	font-size: 13px;
}

.box a:link { color: #fff; }
.box a:visited { color: #ff0000; }
.box a:hover { color: #fff; }
.box a:active { color: #ff0000; }

li a{
	text-decoration: none;
}

/*ここに記入するのは店舗固有のCSSのみ 特別な理由がない場合は基本的にレイアウトは全店統一*/
@charset "utf-8";
/******** mainImg ********/
.container-mainImg{
	background-image: url(images/main_img.jpg);
	background-position: bottom;
}

/******** mainImg WIND用 ********/
.container-hamawindImg{
	background-image: url(wind_assets/images/main_img.jpg);
	background-position: bottom;
}


/******** subnav ********/
.fixed::before{
	content: "";
	width: 30%;
	margin-top: -4px;
	background-image: url(images/shop_logo.svg);
	background-size: contain;
	display: block;
}
@media screen and (min-width:768px){
	.fixed::before{
		width: 60%;
		margin-top: -10px;
	}
}
@media screen and (min-width:980px){
	.fixed::before{
		width: 45%;
		margin-top: -10px;
	}
}
.x_btn{
	font-size: 9px;
	color: white;
 	padding: 2px 10px 2px 10px;
 	border-radius: 10px;
 	background: #000;
 	display: inline-block;
 	margin: 10px 8px 0 0px;
}
.i_btn{
	font-size: 16px;
	color: #000;
 	padding: 2px 15px 3px 15px;
 	border-radius: 10px;
 	background: #f1f1f1;
 	display: inline-block;
 	margin: 0 8px 0 5px;
}
@media screen and (min-width:980px){
	.x_btn{
		font-size: 14px;
		margin: 5px 8px 0 0px;
	}
}
.hamasns_icon{
		font-size: 12px;
		color: #fff;
 		padding: 2px 15px 3px 15px;
		background:forestgreen;
		margin:5px 5px 0 5px;
	}
}