/*フォント設定*/
html{
	font-size: 10px; /* initial 10px */
}

body{
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:1.4rem; /* default font-size 14px */
	line-height : 1.6;
	color:#000;
}



/*レイアウト確認用アタリ*/


/* Bootstrapのガター幅を調整するための汎用CSS */
.row-0{ margin-left:0px;  margin-right:0px}
.row-0 >div{ padding-right:0px;  padding-left:0px}
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 >div{ padding-right:5px;  padding-left:5px}
.row-20{ margin-left:-10px;  margin-right:-10px}
.row-20 >div{ padding-right:10px;  padding-left:10px}
.row-30{ margin-left:-15px;  margin-right:-15px}
.row-30 >div{ padding-right:15px;  padding-left:15px}
.row-40{ margin-left:-20px;  margin-right:-20px}
.row-40 >div{ padding-right:20px;  padding-left:20px}
.row-50{ margin-left:-25px;  margin-right:-25px}
.row-50 >div{ padding-right:25px;  padding-left:25px}

/*タイトル*/
.title-img{
	background-color: #be9a3a;
	padding-left: 0;
	padding-right: 0;
}
h1{
	padding: 0;
	margin: 0;
}
h2{
	font-size: 2.0rem;
	font-weight: bold;
	color: #000;
	text-align: center;
}
.h2-for{
	font-size: 1.7rem;
}

.p-strong{
	font-weight: bold;
}

ul.spec{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.spec li{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #ccc;
}
ul.spec li:last-child{
	border-bottom: 1px solid #ccc;
}
ul.spec li span{
	font-weight: bold;
	margin-right: 30px;
}

@media screen and (max-width: 767px) {
	img.main{
		max-width: 50% !important;
	}
	ul.spec li span{
		display: block;
	}
}

ul.out-link{
margin: 15px;
	padding: 0;
}

.shop-link{
	margin-bottom: 40px;
}

.ohp-link{
	text-align: center;
	font-size: 1.2rem;
}

.udl{
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}

a{
	text-decoration: none;
	color: #000;
}
a:hover{
	text-decoration: underline;
	color:red;
}


/*マージンボトム*/
.mb10{
	margin-bottom: 10px;
}

.mb20{
	margin-bottom: 20px;
}
.mb40{
	margin-bottom: 40px;
}