@charset "UTF-8";
#header a {
	text-decoration: none;
	  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  outline: none;
  display: block;
}


/*	ロールオーバー時、透過で使用
-------------------------------------*/
.toimg a:hover img {
  -moz-opacity: 0.75;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.tobg a:hover {
  -moz-opacity: 0.75;
  opacity: 0.75;
  filter: alpha(opacity=75);
}


/*	line
--------------------------------------*/
hr {
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #cccccc;
  height: 1px;
  display: block;
}

/*	form
--------------------------------------*/
input, select { vertical-align: middle; }



/* Header
--------------------------------------------------*/
#header_wrapper {
  /**border-top: 3px solid #002878;**/
}

#header {
  margin: 0 auto;
/**padding-bottom:15px;**/
  width: 950px;
  /*height: 92px;*/
  /*height:115px;*/
  position:relative;
}

#logo {
  padding-top: 16px;
  float: left;
}

#hd_right {
  box-sizing: border-box;  
padding-top: 3px;
  /*padding-top: 5px;*/
  width: 589px;
  float: right;
  /*height:51px;*/
  height: 51px;
}
#hd_right > ul{
  width: 375px;
  height:22px;
  float: right;
}
#hd_right > ul li { 
  float: right;
  line-height:0;
  margin-top:5px;
 }

#hd_right ul li#hd_exterior {
  font-size: 11px;
  color: #54656d;
  margin-right: 14px;
  padding:3px 0 0 10px;
  background: url(https://www.kokuyo-furniture.co.jp/img/common/icon01.gif) no-repeat left 3px;
}

#hd_right ul li#hd_exterior a { color: #54656d; }

#hd_right ul li#hd_exterior img {
  vertical-align: middle;
  margin-left: 5px;
}

#hd_right #hd_search {
  margin-top: 6px;
  width: 375px;
  height: 23px;
  position: relative;
}

#hd_right #hd_search p { float: left; }

#hd_right #hd_search .txtsearch {
  margin-left: 9px;
  padding: 0 5px 1px;
  border: 1px solid #c8d4dc;
  width: 145px;
  height: 20px;
  float: left;
}
#hd_right #hd_search form{
  float:right;
}

#hd_right > ul.tab_btn{
  width: auto;
  height: auto;
  float: left;
}
#hd_right > ul.tab_btn li{
  margin: -4px 7px 0 0;
  float: left;
}
#hd_right > ul.tab_btn li a{
  background: url(https://www.kokuyo-furniture.co.jp/img/common/icon_06.png) top 10px right 5px no-repeat #002878;
  display: inline-block;
  padding: 10px 17px 7px 8px;
  border-radius: 0 0 3px 3px;
  color: #fff;
  font-size: 10px;
  line-height: 1;
}

#gnavi {
	padding-top:17px;
  /*margin-top: 27px;*/
  clear:both;
}

#gnavi li { float: left; }
#gnavi li.active a { cursor: default; }

/*add1117*/
#header_All02 #header { height: 92px; }

#header_All02 #hd_right {
  box-sizing: border-box;
  height: 43px;
}
#header_All02 #gnavi {
  margin-top: 0;
}


/*---------------------------------------------------
search style
---------------------------------------------------*/
.mf_finder_header a:link, 
.mf_finder_container a:link{
	color: #eee;
}
.mf_finder_container a:visited,
.mf_finder_container a:visited{
	color: #aaa;
}
#inpage .wrap .category-title{
	font-weight:bold;
}
#inpage .wrap{
	padding-top:15px !important;
}
#inpage #main.searchArea{
	float:none !important;
	width:950px !important;
}

#inpage .title-lv1{
	margin:20px 0 15px;
}

#inpage .mf_finder_searchBox_items{
	font-size: 130%;
}

#inpage .mf_finder_searchBox_items select {
	font-size: 80%;
}
#inpage .mf_finder_searchBox_items label:after{
	font-size: 9px !important;
	top: 10px !important;
}

#inpage .mf_finder_searchBox_selects select{
	font-size: 90%;
}
#inpage .mf_finder_searchBox_selects label:after{
	top: 6px !important;
}

#inpage .mf_finder_container{
	font-size: 115%;
	font-family:"メイリオ", Meiryo,"游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#inpage .mf_finder_organic_pager{
	margin-top: 1rem;
}

#inpage .mf_finder_pager_item_current,
#inpage .mf_finder_pager_items li a{
	padding: .15rem .75rem;
}

#inpage .mf_finder_searchBox {
	margin: 0;
	padding: 10px 20px 20px;
	background: #e6e6e7;
}

#inpage .mf_finder_searchBox_selects{
	display: flex;
}

#inpage .mf_finder_organic_header_wrapper{
	display: flex;
	margin: 20px 0; 
}

#inpage .mf_finder_searchBox_selects .mf_finder_searchBox_category{
	margin-right: 20px;
}
#inpage .mf_finder_searchBox_query_input{
	min-height: 32px;
	font-size: 75%;
}
#inpage .mf_finder_container .mf_finder_organic_docs_wrapper a:link{
	color: #111;
}
#inpage .mf_finder_container .mf_finder_organic_docs_wrapper a:visited{
	color: #666;
}

#inpage .mf_finder_container .mf_finder_organic_doc_zoom{
	border:1px solid #ddd;
	border-radius: 30px;
	padding:5px;
	line-height: 1;
	display: none;
}
#inpage .mf_finder_container .mf_finder_organic_doc_zoom:hover{
	background: #ddd;
}


#inpage .mf_finder_searchBox_query_wrap ul li{
	font-family:"メイリオ", Meiryo,"游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 80%;
}

#inpage .mf_finder_searchBox_submit{
	cursor: pointer;
}


#inpage .mf_finder_zubaken{
	padding: 20px 15px;
	background: #f0f0f0;
	margin-top: 20px;
}

/*検索窓用*/
#header_All #hd_right,
#header_All02 #hd_right{
	position:relative;
}

#header .search-box{
	width: 220px;
	height:24px;
	position:absolute;
	right:0;
	top:28px;
	text-align:left;
}

#header .search-box ul{
	width:100% !important;
}
#header .search-box ul,
#header .search-box ul li,
#header .search-box ul li a{
	float:none !important;
	line-height:normal !important;
	height:auto !important;
}
#header .search-box ul li{
	margin:0 !important;
	width:100% !important;
}
#header .search-box ul li a{
	padding:0 0 0 3px;
	font-size:14px;
}

#header .mf_finder_searchBox_items{
	padding: 0;
}
#header .mf_finder_searchBox{
	margin: 0;
}

#header .mf_finder_searchBox {
	margin-bottom: 0;
}
#header .mf_finder_searchBox_query_wrap ul{
	z-index: 9999;
	font-family:"メイリオ", Meiryo,"游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#header .mf_finder_searchBox_query_input{
	padding: .2rem 0 .2rem .3rem;
	min-height: 24px;
	font-size:13px;
}

#header .mf_finder_searchBox_submit{
	padding: 0;
	text-align: center;
	cursor: pointer;
}
#header .mf_finder_searchBox_submit:before{
	margin:0 0.7rem;
	font-size:16px;
}

#theme-from-madoguchi #header .mf_finder_searchBox_submit:before{
	margin:0 1.1rem;
}

#header .mf_finder_searchBox_submit span{
	margin:0;
}





/* contents */
#contents #topic h2 {
  margin-bottom: 30px;
  text-align: center;
}


/* Footer
--------------------------------------------------*/
#footer { background: #002878; }

/*new*/
#footer02 { background: #002878; }


.footer_inner {
  margin: 0 auto;
 padding: 10px 0 8px;
  width: 950px;
}

.footer_inner .nav { float: left; }

.footer_inner .nav li.first-child {
  margin-left: 0;
  border-left: none;
}

.footer_inner .nav li {
  margin-left: 6px;
  padding-left: 6px;
  border-left: 1px solid #80b6dc;
  float: left;
}

.footer_inner .nav li a { color: #fff; font-size:12px;}

.footer_inner .nav li img {
  vertical-align: middle;
  margin-left: 2px;
}

#footer .footer_inner .copyright {
  font-size: 10px;
  color: #ffffff;
  float: right;
}

#footer .footer_inner .copyright img {
  vertical-align: top;
  margin-top: -1px;
  padding-left: 15px;
}

/*new*/
#footer02 .footer_inner .copyright {
  font-size: 10px;
  color: #fff;
  float: right;
}

#footer02 .footer_inner .copyright img {
  vertical-align: top;
  margin-top: -1px;
  padding-left: 15px;
}
/* contents */
#contents #topic h2 {
  margin-bottom: 30px;
  text-align: center;
}

/* Footer navi
--------------------------------------------------*/
#footer_top {
  font-size: 12px;
  background: url(/img/inpage/bg_ft_top.gif) repeat-x;
}

#footer_top #ft_direct {
  margin: 0 auto;
  width: 950px;
}

#footer_top #ft_direct li {
  padding: 6px 12px 6px 26px;
  background: url(/img/inpage/bg_ft_direct.gif) no-repeat 0 0;
  float: left;
}

#footer_top #ft_direct li.gohome {
  padding: 4px 12px 6px 11px;
  padding-left: 11px;
  height: 17px;
  background: none;
}

#footer_bottom {
  font-size: 12px;
  padding-top: 13px;
  background: #e5e5e5;
}

#footer_bottom #ft_navi div {
  width: 237px;
  background: url(/img/inpage/bg_ft01.gif) repeat-y left;
  float: left;
}

#footer_bottom #ft_navi div#ft_content1 { background: none; }

#footer_bottom #ft_navi div dl{
  padding:0 15px;
}

#footer_bottom dt {
  font-weight: bold;
  margin: 0 0 5px 0;
  border-bottom:1px dotted #aaa;
}

#footer_bottom dt a{
  color:#555;
}

#footer_bottom dd {
  font-size: 10px;
  margin-bottom: 3px;
}

#footer_bottom dd a { 
background:url(/img/inpage/ft_navi_icon.gif)no-repeat left 5px;
padding-left:7px;
color:#777;
 }
#footer_bottom dd.pb20{
padding-bottom:20px;
}

#footer_bottom .footer_inner{padding:6px 0 0;}


/*chg add*/


#footer_bottom02 .footer_inner{
  padding: 6px 0 0;}



#footer_bottom02 {
  font-size: 12px;
  padding-top: 13px;
  background: #e5e5e5;
  line-height: 17px;

}

#footer_bottom02 #ft_navi div {
  width: 237px;
  background: url(/img/inpage/bg_ft01.gif) repeat-y left;
  float: left;
}

#footer_bottom02 #ft_navi div#ft_content1 { background: none; }

#footer_bottom02 #ft_navi div dl{
  padding:0 14px;
}

#footer_bottom02 dt {
  font-weight: bold;
  margin: 0 0 5px 0;
  border-bottom:1px dotted #aaa;
}

#footer_bottom02 dt a{
  color:#555;
}

#footer_bottom02 dd {
  font-size: 10px;
  margin-bottom: 3px;
}

#footer_bottom02 dd a { 
background:url(/img/inpage/ft_navi_icon.gif)no-repeat left 5px;
padding-left:7px;
color:#777;
 }
#footer_bottom02 dd.pb20{
padding-bottom:20px;
}


#footer_bottom02 #ft_search_area .ft_text { padding: 10px 0 6px; }

/**/






@media screen and (max-width: 768px) {
	#hd_right,#gnavi_wp,#footer_bottom02 {display: none;}
	#header_All02,#header_wrapper,#hd_top {width:100%;z-index: 100000000;}
	#logo {
  padding: 16px 0 0 8px;
  float: none;
	}
	#header_All02 #header { height: 60px; width:100%;height:auto;z-index: 100000000; }
    #header {
        padding-bottom:15px;
    }
}




/* ロード完了で隠れるヘッダ */
#header_wrapper {
	transition-duration:0.3s;
	transition-property:margin-top;
	margin-top:0;
}
body.loaded #header_wrapper {
/*	margin-top:-95px; */
}
@media screen and (max-width: 768px) {
	body.loaded #header_wrapper {
	/*	margin-top:-62px; */
	}
}

@media screen and (max-width: 768px) {

	.glb-hdr {
		position:fixed;
	}
	.index_main ,
	.wrapper_content ,
	.wrapper_content2 {
		margin-top:70px;
	}
}

/* メインビジュアル制御修正 */
.index_main {
	background-position:center top;
	background-size:cover;
	min-height:504px;
}
.index_logo {
	position:absolute;
	top:50%;
	left:50%;
	padding:0;
}
.index_logo img{
	transform:translate(-50%,-50%);
}
@media screen and (max-width: 768px) {
	.index_main {
		min-height:initial;
		height:93.33vw;
		background-position:center top;
	}
}




@media screen and (max-width: 768px) {
	.footer_inner {
		width:100%;
		padding:0;
	}
	.footer_inner .nav {
		width:100%;
		float:none;
	}
	.footer_inner .nav li {
		float:none;
		border-bottom:1px solid #80b6dc;
		padding:0;
		margin:0;
		border-left:none;
	}
	.footer_inner .nav li a{
		display:block;
		padding:1em 0;
		text-align:center;
		font-size:1rem;
	}
	#footer02 .footer_inner .copyright {
		float:none;
		padding:2em;
		font-size:0.6rem;
		text-align:center;
	}
	.pagetop {
		display: none;
	}
}