@import url('https://fonts.googleapis.com/css2?family=Barlow&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto%20Sans%20JP&display=swap');

body {
	margin: 0;
	padding: 0;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size:16px;
	line-height:180%;
	color: #222;
	min-width:1300px;
	-webkit-text-size-adjust: 100% ;/* iPhoneフォントサイズ拡大対策 */
}
img {
	border: none;
	vertical-align:bottom;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style:none;
	box-sizing:border-box;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd, ol, ol li, table, th, td {
	background-image:url(../image/spacer.gif); /* AndroidページのP要素の隙間対策 */
}
a:link {color:#06F; outline:none; }
a:visited {color:#06F;}
a:hover {color: #333;}
a:hover img { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}

#wrapper {}
.base {}

.pc {display:block;}
.sm {display:none;}


/*====================================================================================================
  HEADER
====================================================================================================*/

#header { background:#F9F5EF; padding:30px 0 20px; }
#header .head { margin:0 auto; max-width:1225px; }
#header .head::after { display:block; clear:both; content:""; }

/*** LOGO ******************************************************************/
#header h1 { float:left; text-indent:-9999px; }
#header h1 a {
	display:block;	
	width:344px;
	height:68px;
	background:url(https://www.tees-furniture.com/common/image/logo.png);
}

/*** NAVIGATION ************************************************************/
#Nav { float:right; }
#Nav ul {}
#Nav ul::after { display:block; clear:both; content:""; }
#Nav ul li { float:left; }
#Nav ul li+li { margin-left:20px; }
#Nav ul li p a {
	display:block;
	margin:15px 5px;
	color:#000;
	text-align:center;
	text-decoration:none;
	line-height:130%;
	box-sizing:border-box;
}
#Nav ul li p a:hover { color:#E29C00; }
#Nav ul li p a b { font-family:"Noto Sans JP"; font-size:113%; font-weight:500; }
#Nav ul li p a small { display:block; font-family:"Barlow"; font-size:82%; font-weight:500; }



/*====================================================================================================
  CONTENT
====================================================================================================*/
#content { clear:both; position: relative; width:100%;}



/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer { padding:60px 0 30px; width:100%; color: #FFF; text-align:center; background:#222; }
#footer a { text-decoration:none;  color:#fff; display:block; }
#footer .f_box { clear:both; max-width:1000px; width:100%; margin:auto; }
#footer .f_box::after { display:block; clear:both; content:""; }
#footer .f_box h2.logo {
	background:url(https://www.tees-furniture.com/common/image/f_logo.png) no-repeat;
	background-size:100%;
	width:344px;
	height:68px;
	margin:auto auto 45px;
	text-indent:-9999px;
}
#footer .f_box ul.f_nav { 
	clear:both;
	/*width:100%; */
	width:fit-content;
	max-width: 100%; 
	border:1px solid rgba(255,255,255,.1); 
	border-right:none; 
	border-left:none;
	padding:20px 100px;
	margin:auto auto 27px;
}
#footer .f_box ul.f_nav::after { clear:both; content:""; display:block; }
#footer .f_box ul.f_nav li { float:left; padding:0 10px; line-height:160%; }
#footer .f_box ul.f_nav li:hover { opacity:0.7; }
#footer .f_box ul.f_nav li b { display:block; font-size:113%; font-family:Noto Sans JP; letter-spacing:0.1em; }
#footer .f_box ul.f_nav li small { font-size:82%; font-family:Barlow; color:rgba(255,255,255,.5); letter-spacing:0.05em; }
#footer .f_box .add { font-family:Yu Mincho; float:left; }
#footer .f_box .copy { font-size:75%; float:right; }


/*====================================================================================================
  DEVICE [No Touch]
====================================================================================================*/
#device {display:none; background:#FFF; padding:20px; text-align:center;}
#device::after {}
#device p {}
#device p a {
	display:block;
	padding:10px;
	color:#555;
	text-decoration:none;
	background:#EEE;
	border:1px solid #DDD;
	border-radius: 5px; /* CSS3 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
}


/*====================================================================================================
  PAGE [No Touch]
====================================================================================================*/
#page,
#page a { display:block; width:65px; height:119px;}
#page { position: fixed; bottom:110px; right: 20px;}
#page a {
	text-indent: -9999px;
	background: url("https://www.tees-furniture.com/common/image/page_top.png") no-repeat;
}


/*====================================================================================================
  COLOR eto.. [No Touch]
====================================================================================================*/
.light-blue { color: #40A6DD;}
.blue { color: #0000FF;}
.dark-blue { color: #000099;}
.purple { color: #660099;}
.pink { color: #FF6699;}
.red { color: #FF0000;}
.orange { color: #FF6600;}
.yellow { color: #FFCC00;}
.white { color: #FFFFFF;}
.gray { color: #666666;}
.brown { color: #663300;}
.green { color: #339900;}
.italic { font-style: italic;}
.strong { font-weight: bold;}
.large { font-size: 115%; line-height: 140%;}
.small { font-size: 80%;}
.underline { text-decoration: underline;}
.line-through { text-decoration: line-through;}
.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}