@charset "utf-8";

/* 基本設定
----------------------------------------------------------- */
html {
	font-size: 62.5%;
}

@media screen and (min-width:  767.5px) and (max-width:1024px) {
	html {
		font-size: calc(100vw / 102.4);
	}
}


body {
	color: #333333;
	font-weight: normal;
	font-size: 1.0rem;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS P ゴシック";
	line-height: 1.5;
	text-align: center;
	background-image: url(/common/images/back.jpg);
	background-repeat: repeat;
	position: relative;
}
	
img {
	vertical-align: bottom;
}

.sp-view {
	display: none !important;
}

/* リンク設定
----------------------------------------------------------- */
a:link, a:visited, a:active {
	color: #006699;
	text-decoration: none;
}

a:hover {
	color: #006699;
	text-decoration: underline;
}

#footer a:link, #footer a:visited, #footer a:active {
	color: #333333;
	text-decoration: none;
}

#footer a:hover {
	color: #006699;
	text-decoration: none;
}
a:hover {
	opacity:0.8;
}



/* ページ設定
----------------------------------------------------------- */
#wrapper {
	background-position: center top;
	background-repeat: no-repeat;
	background-image: url(/common/images/main_other.png);
}

#index #wrapper { background-image: none; }
.cheese #wrapper { background-image: url(/common/images/main_cheese.jpg); }
.food #wrapper { background-image: url(/common/images/main_food.jpg); }
.rakuno #wrapper { background-image: url(/common/images/main_rakuno.jpg); }
.kyoshin #wrapper { background-image: url(/common/images/main_hinpyo.jpg); }
.horse #wrapper { background-image: url(/common/images/main_horse.jpg); }
.denim #wrapper { background-image: url(/common/images/main_denim.jpg); }
.tamahagane #wrapper { background-image: url(/common/images/main_tamahagane.jpg); }
.blog_cheese-fm #wrapper { background-image: url(/common/images/main_cheese-fm.jpg); }
.blog_cheese-fm_2 #wrapper { background-image: url(/common/images/main_cheese-fm_2.jpg); }

.wrapper__inner {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
	font-size: 1.4rem;
	line-height: 1.8;
	text-align: left;
}
.wrapper__inner::after {
	content: '';
	display: table;
	clear: both;
}

.clear {
	clear: both;
}

.cbox { 
zoom: 100%;
}

.cbox:after {
content: " "; 
clear: both; 
height: 0; 
display: block; 
visibility: hidden;
}


/* ドロップシャドウ
----------------------------------------------------------- */
#wrapper .other_right .contents,#wrapper #header {
	box-shadow: 0 0 4px #999;
}