@charset "utf-8";
/* --------------------------------
	(カリモクのぴったりベッド)
--------------------------------- */
/* ==========================================================================================================
	 reset
 
============================================================================================================*/
#bed ul {
	list-style: none;
	padding: 0;
}
#bed dt {
	display: block;
	width: auto;
	padding: 0;
}
#bed dd {
	padding: 0;
	margin: 0;
}
#bed,
#bed p {
	color: #646464;
	font-family: "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, Arial, Verdana, sans-serif;
}
/* ==========================================================================================================
	 基本レイアウト
 
============================================================================================================*/
#bed #mainNav {}
#bed #mainNav ul {
	position: relative;
}
#bed #mainNav ul li {
	float: left;
}
#bed #mainNav ul li.parent {
	position: relative;
	z-index: 1000;
}
#bed #mainNav ul li.parent .children {
	position: absolute;
	z-index: 1001;
	background: #437392;
	box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	padding: 20px;
	left: 50%;
	transform: translateX(-50%);
	display: none;
	white-space: nowrap;
}
#bed #mainNav ul li.parent .children dt {
	font-weight: bold;
	color: #FFF;
	font-size: 13px;
}
#bed #mainNav ul li.parent .children dt:not(:first-child) {
	margin-top: 30px;
}
#bed #mainNav ul li.parent .children dd {
	font-size: 12px;
	margin-top: 15px;
	line-height: 1.5;
	color: #fff;
}
#bed #mainNav ul li.parent .children dd a {
	color: #FFF;
	text-decoration: none;
}
#bed #mainNav ul li.parent .children dd a:hover {
	text-decoration: underline;
}
#bed #contentsWrap {
	width: 100%;
	padding-bottom: 40px;
}
#bed #mainVisualArea {
	margin-bottom: 27px;
	position: relative;
}
#bed .thinContent {
	width: 660px;
	margin: 0 auto;
	max-width: 100%;
}
/*-----------------サイドコンテンツ-------------------*/
#bed #sideContents {
	float: left;
	width: 240px;
}
#bed #sideContents h2 {
	margin-bottom: 25px;
}
#bed #sideContents .tit {
	border-top: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
	padding: 18px 0 18px 30px;
	font-weight: normal;
	font-size: 20px;
	color: #5D4032;
	position: relative;
}
#bed #sideContents .tit:before {
	content: "";
	display: block;
	background: #5D4032;
	width: 3px;
	height: 20px;
	position: absolute;
	left: 16px;
	top: 50%;
	margin-top: -10px;
}
#bed ul#sideNav {
	margin-left: 10px;
	margin-bottom: 24px;
}
#bed ul#sideNav.textNav li {
	font-size: 14px;
	margin-right: 10px;
}
#bed ul#sideNav.textNav li a {
	display: block;
	padding: 10px 10px 10px 23px;
	color: #5D4032;
	text-decoration: none;
	background-image: url(../images/bed/common/sidenav_arrow.png);
	background-repeat: no-repeat;
	background-position: left 8px center;
	background-size: 4px auto;
}
#bed ul#sideNav.textNav li a:hover {
	opacity: .7;
}
#bed ul#sideNav.textNav li.cr {
	background-color: #F6F1EB;
}
#bed #sideContents .line {
	display: block;
	text-align: center;
	border-top: 1px solid #c9c9c9;
}
#bed #sideContents .line img {
	margin-top: -3px;
}
#bed #sideContents span img {
	margin-bottom: 27px;
}
#bed #bannerArea ul {
	margin-left: 16px;
}
#bed #bannerArea ul li {
	margin-bottom: 10px;
}
#bed #bannerArea ul li:last-child {
	margin-bottom: 0px;
}
#bed #sideContents .paragraph01 {
	margin-left: 14px;
}
#bed #sideContents .paragraph01 ul li {
	margin-bottom: 1px;
}
/*-----------------製品リスト------------------*/
#bed .itemListArea {
	width: 100%;
	font-size: 12px;
	display: flex;
	flex-wrap: wrap;
}
#bed .itemBlock {
	position: relative;
	width: 300px;
	margin-right: 19px;
	margin-bottom: 40px;
	background: #ECF3F7;
}
#bed .itemListArea .itemBlock:nth-child(3n) {
	margin-right: 0;
}
#bed .itemBlock p img {}
#bed .itemBlock dl {
	padding: 20px 20px 65px 20px;
}
#bed .itemBlock dl dt {
	margin-bottom: 15px;
}
#bed .itemBlock dl dt a {
	font-size: 14px;
	text-decoration: underline;
}
#bed .itemBlock dl dt a:hover {
	text-decoration: none;
}
#bed .itemBlock dl dt ss {
	font-size: 14px;
	text-decoration: underline;
}
#bed .itemBlock dl dd {
	line-height: 1.3;
}
#bed .itemBlock p.moreBtn {
	position: absolute;
	bottom: 20px;
	left: 20px;
}
#bed .itemBlock p.moreBtn.textBtn {
	text-align: center;
}
#bed .itemBlock p.moreBtn.textBtn a {
	color: #fff;
	display: inline-block;
	padding: 3px 10px;
	background-color: #295978;
	font-size: 14px;
	text-decoration: none;
	background-image: url(../images/bed/feature/arrow.png);
	background-repeat: no-repeat;
	background-position: right 6px center;
	background-size: 5px auto;
	border-bottom: solid 2px #1D3E54;
}
#bed .itemBlock p.moreBtn.textBtn a:hover {
	opacity: .7;
}
#bed .itemBlock02:nth-child(even) {
	margin-right: 0;
}
#bed .itemBlock02 p img {}
#bed .itemBlock02 dl {
	padding: 20px 20px 65px 20px;
}
#bed .itemBlock02 dl dt {
	margin-bottom: 15px;
}
#bed .itemBlock02 dl dt a {
	font-size: 14px;
	text-decoration: underline;
}
#bed .itemBlock02 dl dt a:hover {
	text-decoration: none;
}
#bed .itemBlock02 dl dt ss {
	font-size: 14px;
	text-decoration: underline;
}
#bed .itemBlock02 dl dd {
	line-height: 1.3;
}
#bed .mr40 {
	margin-right: 40px;
}
/*  ------------------------------------------------------------------
	文字サイズ
---------------------------------------------------------------------*/
#bed .font10 {
	font-size: 10px;
}
#bed .font12 {
	font-size: 12px;
}
#bed .font14 {
	font-size: 14px;
}
#bed .font16 {
	font-size: 16px;
}
#bed .font18 {
	font-size: 18px;
}
/*  ------------------------------------------------------------------
	文字色
---------------------------------------------------------------------*/
/*  赤
-----------------------------------*/
#bed .txtCr01 {
	color: #e3330e;
}
/*  白
-----------------------------------*/
#bed .txtCr03 {
	color: #FFF;
}
/*  黒
-----------------------------------*/
#bed .txtCr04 {
	color: #454545;
}
/*  茶
-----------------------------------*/
#bed .txtCr04 {
	color: #653f38;
}
/*  画像ボタンをhover時に透過させる
-----------------------------------*/
#bed .alpha a img,
#bed a.alpha img,
#bed alpha input,
#bed a.bgAlpha {
	/*-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;*/
}
#bed .alpha a:hover img,
#bed a.alpha:hover img,
#bed .alpha:hover input,
#bed a.bgAlpha:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	/* IE7 */
	-ms-filter: "alpha(opacity=80)";
	/* IE8 */
}
/*  a要素パターン1
-----------------------------------*/
#bed .aType01 a:link,
#bed a.aType01:link,
#bed .aType01 a:visited,
#bed a.aType01:visited {
	color: #646464;
}
#bed .aType01 a:hover,
#bed a.aType01:hover {
	color: #646464;
	text-decoration: none;
}
/*  linkArrow
-----------------------------------*/
#bed .linkArrow01 a:link,
#bed .linkArrow01 a:visited {
	color: #333;
	text-decoration: underline;
}
#bed .linkArrow01 a:hover {
	color: #666;
	text-decoration: none;
}
#bed .linkArrow01 {
	background: url(../images/bed/catalog/arrow.png) no-repeat 0 6px;
	display: inline-block;
	margin-top: 5px;
	padding-left: 17px;
}
/*  ------------------------------------------------------------------
	行揃え
---------------------------------------------------------------------*/
#bed .txtLeft {
	text-align: left;
}
#bed .txtCenter {
	text-align: center;
}
#bed .txtRight {
	text-align: right;
}
/*  ------------------------------------------------------------------
	その他
---------------------------------------------------------------------*/
/*  太字
-----------------------------------*/
#bed .fontBold {
	font-weight: bold;
}
/*  ウエイトノーマル
-----------------------------------*/
#bed .fontNormal {
	font-weight: normal;
}
/*  ------------------------------------------------------------------
	マージン等
---------------------------------------------------------------------*/
.mgn05 {
	margin-bottom: 5px;
}
.mgn10 {
	margin-bottom: 10px;
}
.mgn15 {
	margin-bottom: 15px;
}
.mgn20 {
	margin-bottom: 20px;
}
.mgn25 {
	margin-bottom: 25px;
}
.mgn30 {
	margin-bottom: 30px;
}
.mgn40 {
	margin-bottom: 40px;
}
.mgn50 {
	margin-bottom: 50px;
}
.mgn60 {
	margin-bottom: 60px;
}
.mgn100 {
	margin-bottom: 100px;
}
.pad05 {
	padding: 5px;
}
.pad10 {
	padding: 10px;
}
.pad15 {
	padding: 15px;
}
.pad20 {
	padding: 20px;
}
.pad30 {
	padding: 30px;
}
.pad50 {
	padding: 50px;
}
.pad_t05 {
	padding-top: 5px;
}
.pad_t10 {
	padding-top: 10px;
}
.pad_t15 {
	padding-top: 15px;
}
.pad_t20 {
	padding-top: 20px;
}
.pad_t30 {
	padding-top: 30px;
}
.pad_t50 {
	padding-top: 50px;
}
.pad_b05 {
	padding-bottom: 5px;
}
.pad_b10 {
	padding-bottom: 10px;
}
.pad_b15 {
	padding-bottom: 15px;
}
.pad_b20 {
	padding-bottom: 20px;
}
.pad_b30 {
	padding-bottom: 30px;
}
.pad_b50 {
	padding-bottom: 50px;
}
.pad_r05 {
	padding-right: 5px;
}
.pad_r10 {
	padding-right: 10px;
}
.pad_r15 {
	padding-right: 15px;
}
.pad_r20 {
	padding-right: 20px;
}
.pad_r30 {
	padding-right: 30px;
}
.pad_r50 {
	padding-right: 50px;
}
.pad_l05 {
	padding-left: 5px;
}
.pad_l10 {
	padding-left: 10px;
}
.pad_l15 {
	padding-left: 15px;
}
.pad_l20 {
	padding-left: 20px;
}
.pad_l30 {
	padding-left: 30px;
}
.pad_l50 {
	padding-left: 50px;
}
.pad_lr05 {
	padding: 0 5px;
}
.pad_lr10 {
	padding: 0 10px;
}
.pad_lr15 {
	padding: 0 15px;
}
.pad_lr20 {
	padding: 0 20px;
}
.pad_lr30 {
	padding: 0 30px;
}
.pad_lr50 {
	padding: 0 50px;
}
.pad_not05 {
	padding: 0 5px 5px;
}
.pad_not10 {
	padding: 0 10px 10px;
}
.pad_not15 {
	padding: 0 15px 15px;
}
.pad_not20 {
	padding: 0 20px 20px;
}
.pad_not30 {
	padding: 0 30px 30px;
}
.pad_not50 {
	padding: 0 50px 50px;
}
/*  ------------------------------------------------------------------
	ボーダー
---------------------------------------------------------------------*/
/* グレー */
#bed .bdr01 {}
#bed .bdr_t01 {}
#bed .bdr_not01 {}
#bed .bdr_b01 {}
/* 破線 */
#bed .bdr02 {}
#bed .bdr_t02 {}
#bed .bdr_not02 {}
#bed .bdr_b02 {}
/*  ------------------------------------------------------------------
	背景色
---------------------------------------------------------------------*/
#bed .bgCr01 {}
#bed .bgCr02 {}
#bed .bgCr03 {}
/* ==========================================================================================================
	 各ページCSS
 
============================================================================================================*/
/*  ------------------------------------------------------------------
	indexページ
---------------------------------------------------------------------*/
#bed #top_select01 {
	margin-top: 6px;
	margin-bottom: 6px;
}
#bed #top_select01 .selectArea {
	float: left;
	margin-right: 6px;
	background: #457193;
	width: 230px;
}
#bed #top_select01 .selectArea:nth-child(4n) {
	margin-right: 0;
}
#bed #top_select01 a {
	display: block;
	text-decoration: none;
	position: relative;
}
#bed #top_select01 a:hover {
	opacity: 0.7;
}
#bed #top_select01 .img_area {
	margin-bottom: 5px;
}
#bed #top_select01 .img_area img {
	max-width: 100%;
	height: auto;
}
#bed #top_select01 .tit {
	font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', HG明朝B, 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', Georgia, 'Times New Roman', serif;
	color: #FFF;
	margin: 0 15px 10px 15px;
	padding-top: 3px;
	padding-right: 34px;
	background: url(../images/bed/_frame/arrow_white.png) no-repeat right top;
	background-size: 30px auto;
	font-size: 18px;
	min-height: 30px;
	line-height: 1.2;
}
#bed #top_select01 .text_area {
	padding: 0 16px 15px;
	top: 189px;
	left: 0;
}
#bed #top_select01 .text_area p {
	color: #fff;
}
#bed #otherLink {
	/* float: right; */
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
#bed #otherLink .otherLink01 {
	/* position: absolute; */
	top: 0;
	right: 0;
}
#bed #otherLink .otherLink02 {
	/* position: absolute; */
	top: 155px;
	right: 0;
}
#bed #otherLink .otherLink03 {
	/* position: absolute; */
	top: 310px;
	right: 236px;
}
#bed #otherLink .otherLink04 {
	position: absolute;
	top: 310px;
	right: 0;
}
#bed .pdg07 {
	padding-top: 4px;
	padding-bottom: 8px;
}
/** RESET AND LAYOUT(追加分)
===================================*/
#mainSlider div {
	position: relative;
}
#mainSlider div p {
	position: absolute;
	top: 275px;
	left: 630px;
	width: 298px;
	height: 64px;
}
#mainVisual a {
	background: #f2ebd5;
}
/*  ------------------------------------------------------------------
	indexページ：bxslider.css
---------------------------------------------------------------------*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
	position: relative;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper img {
	max-width: 100%;
	display: block;
}
/** THEME
===================================*/
.bx-wrapper .bx-viewport {}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: 100;
}
/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #000;
	top: 14px;
	left: 14px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #295978;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
/*  
-----------------------------------*/
.homeContentsBtn {
	display: flex;
	justify-content: space-between;
	margin-bottom: 6px;
}
.homeBnr {
	display: flex;
	justify-content: space-between;
}
.homeBnr li img {
	width: 466px;
}
/*  ------------------------------------------------------------------
	カリモクのこだわり
---------------------------------------------------------------------*/
#bed .titConcept {
	border-left: 6px solid #623d36;
	padding-left: 10px;
	color: #623d36;
	font-size: 20px;
	line-height: 1.7;
	letter-spacing: .1em;
}
#bed .titConcept .small {
	font-size: 16px;
}
#bed .frameHistory p {
	text-align: center;
}
#bed .conceptWrap01 {
	display: flex;
	justify-content: space-between;
}
#bed .conceptWrap01 .conceptLeft01 {
	margin-right: 40px;
}
#bed .conceptRight01 {}
#bed p.conceptText01 {
	font-size: 14px;
	line-height: 1.7em;
}
#bed p.conceptText02 {
	font-size: 14px;
	line-height: 1.7em;
}
#bed p.conceptText03 {
	font-size: 14px;
	line-height: 1.7em;
}
#bed p.conceptText04 {
	font-size: 14px;
	line-height: 1.7em;
}
#bed .conceptWrap02 {
	display: flex;
	justify-content: center;
}
#bed .conceptWrap02>div {
	margin: 0 20px;
}
#bed p.conceptTtl01 {
	width: 286px;
	font-size: 14px;
	line-height: 1.7em;
	color: #8B6965;
	font-weight: bold;
}
#bed .concept {
	background: #F5F5F5;
	padding: 20px;
}
#bed .mr-10 {
	margin-right: -10px;
}
/*  ------------------------------------------------------------------
	商品紹介：Top
---------------------------------------------------------------------*/
#bed .products_select {
	position: relative;
}
#bed .products_select a {
	display: flex;
	align-items: center;
	padding: 0 20px;
	text-decoration: none;
	height: 140px;
}
#bed .products_select#products_select01 a {
	background: url("../images/bed/products/arrow.png") no-repeat right 10px center, url("../images/bed/products/products_img01_bg.png") no-repeat right 50px bottom #f6f1eb;
}
#bed .products_select#products_select02 a {
	background: url("../images/bed/products/arrow.png") no-repeat right 10px center, url("../images/bed/products/products_img02_bg.png") no-repeat right 50px bottom #f6f1eb;
}
#bed .products_select#products_select03 a {
	background: url("../images/bed/products/arrow.png") no-repeat right 10px center, url("../images/bed/products/products_img03_bg.png") no-repeat right 50px bottom #f6f1eb;
}
#bed .products_select .lead {
	font-size: 20px;
	margin-bottom: 15px;
	color: #623d36;
}
#bed .products_select .textArea {}
/*  ------------------------------------------------------------------
	商品紹介：ライフスタイルから選ぶ
---------------------------------------------------------------------*/
#bed #productsNavi {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-bottom: 30px;
	padding: 10px 0;
}
#bed #productsNavi ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#bed #productsNavi li {
	margin: 9px 0;
	padding: 0 13px;
	border-right: 1px solid #000;
	font-size: 14px;
}
#bed #productsNavi li:last-child {
	border-right: none;
}
#bed #productsNavi li a {
	color: #000;
	text-decoration: none;
}
#bed #productsNavi02 {
	border-top: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
}
#bed #productsNavi02 li {
	margin: 19px 0;
	padding: 0 30px;
	border-right: 1px solid #C9C9C9;
	font-weight: bold;
	font-size: 14px;
}
#bed #productsNavi02 li:last-child {
	margin: 19px 0;
	padding: 0 30px;
	border-right: none;
}
#bed #productsNavi02 li a {
	color: #623d36;
	text-decoration: none;
}
#bed .productsWrap {
	display: flex;
	margin-bottom: 20px;
}
#bed .productsWrap p {
	line-height: 1.7em;
	font-size: 14px;
}
#bed .productsWrap .img:first-child {
	margin-right: 30px;
}
#bed .productsWrap .img:last-child {
	margin-left: 30px;
}
#bed .productsWrap .txt {
	flex: 1;
}
#bed .productsWrap .lead {
	font-weight: bold;
	font-size: 18px;
	color: #000;
}
#bed .model01 {
	border: 1px solid #EEE;
	padding: 2px;
	margin-top: 30px;
}
#bed .model01 h4 {
	text-align: center;
	background: url("../images/bed/products/lifestyle/icon_plus.png") no-repeat center right 20px #F5F5F5;
	background-size: 18px 18px;
	color: #295978;
	padding: 10px;
	cursor: pointer;
}
#bed .model01 h4.open {
	background-image: url("../images/bed/products/lifestyle/icon_minus.png");
}
#bed .model01 h4:hover {
	opacity: .7;
}
#bed .model01 .model_contents {
	padding: 17px;
	position: relative;
	flex-wrap: wrap;
	display: none;
	margin-left: -20px;
	margin-top: -20px;
}
#bed .model01 .model_contents .wideBox {
	margin-bottom: 20px;
}
#bed .mt30 {
	margin-top: 30px;
}
#bed .ml0 {
	margin-left: 0px;
}
#bed .model01 .model_contents .itemListArea {
	//	width:100%;
	font-size: 12px;
}
#bed .model01 .model_contents .itemBlock {
	position: relative;
	width: 300px;
	float: left;
	margin-bottom: 0;
	margin-right: 20px;
}
#bed .model01 .model_contents .wideBox {
	width: 100%;
	display: flex;
}
#bed .model01 .model_contents .itemBlock02 {
	position: relative;
	width: 286px;
	margin-left: 20px;
	margin-top: 20px;
	background: #ECF3F7;
	padding-bottom: 65px;
}
#bed .model01 .model_contents .itemBlock02 img {
	max-width: 100%;
}
#bed .model01 .model_contents .itemBlock02 .moreBtn {
	max-width: calc(100% - 40px);
}
#bed .model01 .model_contents .mr20 {
	margin-right: 20px;
}
#bed .model01 .position01 {
	position: absolute;
	top: 315px;
	left: 180px;
	width: 300px;
	height: 300px;
}
#bed .model01 .model_contents .itemBlock:nth-child(even) {
	margin-right: 0;
}
#bed .model01 .model_contents .itemBlock p img {}
#bed .model01 .model_contents .itemBlock dl {
	background: #f6f1eb;
	padding: 20px 20px 65px 20px;
}
#bed .model01 .model_contents .itemBlock dl dt {
	margin-bottom: 15px;
}
#bed .model01 .model_contents .itemBlock dl dt a {
	font-size: 14px;
	text-decoration: underline;
}
#bed .model01 .model_contents .itemBlock dl dt a:hover {
	text-decoration: none;
}
#bed .model01 .model_contents .itemBlock dl dt ss {
	font-size: 14px;
	text-decoration: underline;
}
#bed .model01 .model_contents .itemBlock dl dd {
	line-height: 1.3;
	font-size: 12px;
}
#bed .model01 .model_contents .itemBlock p.moreBtn {
	position: absolute;
	bottom: 20px;
	left: 20px;
}
#bed .model01 .model_contents .itemBlock02:nth-child(even) {
	margin-right: 0;
}
#bed .model01 .model_contents .itemBlock02 p img {}
#bed .model01 .model_contents .itemBlock02 dl {
	padding: 20px 20px 0;
}
#bed .model01 .model_contents .itemBlock02 dl dt {
	margin-bottom: 15px;
}
#bed .model01 .model_contents .itemBlock02 dl dt a {
	font-size: 14px;
	text-decoration: underline;
}
#bed .model01 .model_contents .itemBlock02 dl dt a:hover {
	text-decoration: none;
}
#bed .model01 .model_contents .itemBlock02 dl dt ss {
	font-size: 14px;
	text-decoration: underline;
}
#bed .model01 .model_contents .itemBlock02 dl dd {
	line-height: 1.3;
	font-size: 12px;
}
#bed .model01 .model_contents .itemBlock02 p.moreBtn {
	position: absolute;
	left: 20px;
	bottom: 20px;
}
#bed .model01 .model_contents .descBlock {
	background: url(../images/bed/products/lifestyle/life_desc_bg.png) no-repeat;
	width: 260px;
	height: 225px;
	float: left;
	margin-left: 10px;
	padding: 20px 20px 20px 30px;
}
#bed .mt05 {
	margin-top: 5px;
}
#bed .mt10 {
	margin-top: 10px;
}
#bed .mt20 {
	margin-top: 20px;
}
#bed .mt50 {
	margin-top: 50px;
}
#bed .ml160 {
	margin-left: 160px;
}
* html #bed .mr160 {
	margin-right: 160px;
}
#bed .model01 .model_contents .bedItem {
	margin-left: -11px;
	background: url(../images/bed/products/lifestyle/life_relax_bg.jpg) no-repeat;
	width: 632px;
	height: 197px;
	position: relative;
}
#bed .model01 .model_contents .bedItem .cont01 {
	width: 300px;
	height: 150px;
	position: absolute;
	top: 38px;
	right: 10px;
	background: #F9E9E7;
}
#bed .model01 .model_contents .bedItem dl {
	background: #f6f1eb;
	padding: 20px 20px 65px 20px;
}
#bed .model01 .model_contents .bedItem dl dt {
	margin-bottom: 15px;
}
#bed .model01 .model_contents .bedItem dl dt a {
	font-size: 14px;
	text-decoration: underline;
}
#bed .model01 .model_contents .bedItem dl dt a:hover {
	text-decoration: none;
}
#bed .model01 .model_contents .bedItem dl dt ss {
	font-size: 14px;
	text-decoration: underline;
}
#bed .model01 .model_contents .bedItem dl dd {
	line-height: 1.3;
	font-size: 12px;
}
#bed .model01 .model_contents .bedItem p.moreBtn {
	position: absolute;
	bottom: 20px;
	left: 20px;
}
#bed .line_contents {
	border: 3px double #EEE;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#bed .line_contents .line_contents_txt {
	width: 400px;
	text-align: center;
}
#bed .line_contents h3 {
	color: #000;
	font-size: 24px;
	font-weight: normal;
}
#bed .line_contents .lead {
	color: #000;
	text-align: center;
	font-size: 14px;
	margin: 20px;
}
#bed .line_contents .moreBtn {
	text-align: center;
}
.itemBlock02 .absBtn {
	position: relative;
}
.itemBlock02 .absBtn span {
	position: absolute;
	display: block;
	top: -20px;
	left: -10px;
}
/*  ------------------------------------------------------------------
	商品紹介：デザイン・機能から選ぶ
---------------------------------------------------------------------*/
#bed #top3Area {
	width: 660px;
	height: 356px;
	background-image: url(../images/bed/products/design/best3Bg.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0 0 20px 5px;
}
#bed #top3Area h3 {
	padding-top: 31px;
	display: display: inline-block;
	*display: inline;
	/*ie7対応*/
	*zoom: 1;
	/*ie7対応*/
	/* text-align:center; */
	margin: 0px 0 30px 75px;
}
#bed #top3Area span {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
#bed .itemName {
	margin-top: 5px;
	float: left;
}
#bed #columnWrap01 {
	margin-left: 33px;
}
#bed #top3Area .top3Column {
	float: left;
	width: 180px;
	margin-right: 20px;
}
#bed #top3Area .top3Column:last-child {
	margin-right: 0;
}
/*  ------------------------------------------------------------------
	商品紹介：寝心地から選ぶ
---------------------------------------------------------------------*/
#bed .interval02 p {
	line-height: 1.7em;
	font-size: 14px;
}
#bed .interval02 p.font12 {
	line-height: 2em;
	font-size: 12px;
}
#bed .interval02 h4 {
	padding: 1px 10px 15px 15px;
	border-bottom: 1px solid #C9C9C9;
	color: #295978;
	font-size: 18px;
	position: relative;
	letter-spacing: .1em;
}
#bed .interval02 h4:before {
	content: "";
	width: 3px;
	height: calc(100% - 15px);
	background: #295978;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}
#bed .sleepingWrap {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
#bed .sleepingWrap .text_area {
	width: 540px;
	max-width: 100%;
}
#bed .sleepingWrap .lead {
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
#bed .mattressWrap {
	display: flex;
	flex-wrap: wrap;
	margin: -30px 0 0 -9px;
}
#bed .mattressWrap>div {
	margin-top: 30px;
	margin-left: 9px;
	text-align: center;
	width: 300px;
}
#bed .mattressWrap>div .moreBtn {
	margin: 10px 0 0;
	text-align: center;
}
#bed .mattressWrap>div .point {
	background: url("../images/bed/products/position/icon_point.png") no-repeat 10px center #ECF3F7;
	background-size: 52px 52px;
	color: #295978;
	font-size: 15px;
	padding: 12px 10px 12px 75px;
	line-height: 1.5;
	font-weight: bold;
}
#bed .sleeping01 {
	border: 1px solid #EEE;
	margin: 0 auto 40px;
	max-width: 100%;
}
#bed .sleeping01 h3 {
	background: #F5F5F5;
	color: #295978;
	padding: 10px;
	text-align: center;
	margin: 2px;
}
#bed .sleeping01 .sleeping_contents {
	padding: 20px;
}
#bed .sleeping01 .sleeping_contents .tit {
	color: #295978;
	font-size: 17px;
	font-weight: bold;
}
#bed .sleeping01 .sleeping_contents .wrap {
	display: flex;
	justify-content: space-between;
}
#bed .sleeping01 .sleeping_contents .wrap .txt {
	flex: 1;
}
#bed .sleeping01 .sleeping_contents .wrap .img {
	margin-left: 20px;
}
#bed .sleeping01 .sleeping_contents .relaxImg {
	display: flex;
}
#bed .sleeping01 .sleeping_contents .relaxImg li {
	width: 216px;
}
#bed .sleeping01 .sleeping_contents .relaxImg li:not(:last-child) {
	margin-right: 20px;
}
#bed .sleeping01 .sleeping_contents p {
	font-size: 14px;
}
#bed .centerIn02 {
	width: 260px;
	margin: 40px auto;
}
#bed .youtubeWrap {
	margin-left: auto;
	margin-right: auto;
	width: 640px;
	max-width: 100%;
}
#bed .youtube {
	position: relative;
	height: 0;
	padding-top: 56.25%;
	box-sizing: border-box;
}
#bed .youtube iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#bed .simulatorBtn a {
	display: flex;
	align-items: center;
	background: #295978;
	color: #FFF;
	text-decoration: none;
}
#bed .simulatorBtn a:hover {
	opacity: .8;
}
#bed .simulatorBtn a .txt {
	padding: 20px 60px 20px 20px;
	background: url("../images/bed/products/position/arrow_white.png") no-repeat right 20px center;
	background-size: 30px 30px;
	flex: 1;
	position: relative;
}
#bed .simulatorBtn a .txt:after {
	content: "";
	display: block;
	border-right: 10px solid #295978;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
}
#bed .simulatorBtn a .txt .lead {
	font-size: 20px;
	display: block;
	margin-bottom: 5px;
}
/*  ------------------------------------------------------------------
	ウッドクッションシミュレーター
---------------------------------------------------------------------*/
/*  入力フォーム
-----------------------------------*/
#bed #simForm {
	background: url(../images/bed/simulator/sim_form_bg.png);
	position: relative;
	padding: 98px 35px 30px;
	zoom: 1;
	border: 1px dashed #b1b1b1;
	color: #222;
}
#bed #simForm:before {
	content: "";
	display: block;
	width: 39px;
	height: 76px;
	background: url(../images/bed/simulator/sim_form_ribbon.png);
	position: absolute;
	left: 30px;
	top: -1px;
}
#bed #simForm:after {
	content: "";
	display: block;
	width: 52px;
	height: 26px;
	background: url(../images/bed/simulator/sim_form_arrow.png);
	position: absolute;
	left: 50%;
	bottom: -25px;
	margin-left: -26px;
}
#bed #simForm table {
	width: 80%;
	margin: 0 auto;
}
#bed #simForm table td {
	padding: 10px 0;
}
#bed #simForm table td p {
	color: #222;
	font-size: 14px;
}
#bed #simForm table td .icon {
	margin-right: 15px;
}
#bed #simForm table .inputS {
	border: 1px solid #c2c2c2;
	margin-right: 10px;
	padding: 4px 3px;
	width: 110px;
	font-size: 16px;
}
#bed #mainContents.wideContents {
	width: 100%;
}
/*  見出し
-----------------------------------*/
#bed #simForm h3 {
	margin: -70px 40px 10px 60px;
	font-size: 16px;
}
/*  inputボタン
-----------------------------------*/
#bed #simForm #btnSubmit {
	text-align: center;
	margin-top: 20px;
}
#bed #simForm #btnReset {
	position: absolute;
	bottom: 53px;
	right: 30px;
}
#bed #simForm #btnSubmit input {
	display: inline-block;
	border: 0px;
	overflow: hidden;
	width: 301px;
	height: 65px;
	max-width: 100%;
	text-indent: -9999px;
	background: url(../images/bed/simulator/sim_btn_submit.png) no-repeat left top / 100% auto;
}
#bed #simForm #btnReset input {
	display: block;
	border: 0px;
	overflow: hidden;
	width: 90px;
	height: 29px;
	text-indent: -9999px;
	background: url(../images/bed/simulator/sim_btn_reset.png) no-repeat left top;
}
#bed #simForm label,
#bed #simForm input[type="radio"],
#bed #simForm input[type="reset"],
#bed #simForm input[type="submit"] {
	cursor: pointer;
}
/*  リザルト表示
-----------------------------------*/
@media print {
	#simResult {
		text-align: center;
	}
}
#bed #simResult {
	background: #ECF3F7;
	padding: 20px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
}
#bed #simResult .inner {
	position: relative;
	background: #FFF;
	border: 4px double #c5d8e3;
	padding: 40px;
}
#bed #simResult h3 {
	text-align: center;
	color: #222;
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-bottom: -50px;
}
#bed #simResult h3:before,
#bed #simResult h3:after {
	content: "";
	width: 40px;
	height: 1px;
	background: #222;
	display: block;
}
#bed #simResult h3:before {
	margin-right: 40px;
}
#bed #simResult h3:after {
	margin-left: 40px;
}
#bed #simResult #imgArea {
	text-align: center;
}
#bed #simResult .notes {
	margin-top: 30px;
}
#bed #simResult .notes li {
	font-size: 12px;
	text-indent: -1em;
	margin-left: 1em;
	padding-right: 220px;
}
#bed #simResult .output,
#bed #simResult .print {
	position: absolute;
}
#bed #simResult .output {
	bottom: 90px;
	left: 37px;
}
#bed #simResult .print {
	bottom: 36px;
	right: 41px;
}
/*  ------------------------------------------------------------------
	ベッド各モデル個別ページ
---------------------------------------------------------------------*/
#modelDetail #productId {
	margin-bottom: 30px;
	position: relative;
	zoom: 1;
}
#modelDetail #productId .absBtn {
	position: absolute;
	bottom: 20px;
	left: 20px;
}
#modelDetail #modelFeature li {
	float: left;
}
#modelDetail #modelPrice {
	background: url(../images/bed/products/model/frame/bg01.png) no-repeat left bottom;
	position: relative;
	zoom: 1;
}
#modelDetail #modelPrice.yen250000 {
	height: 409px;
}
#modelDetail #modelPrice.yen300000 {
	height: 512px;
}
#modelDetail #modelPrice .pin,
#modelDetail #modelPrice .tip {
	position: absolute;
	width: 31px;
}
#modelDetail #modelPrice .pin img {
	vertical-align: top;
}
#modelDetail #modelPrice .tip a img {
	padding: 0 5px 0 5px;
	display: block;
}
/*  ツールチップ
-----------------------------------*/
.hiddenContent {
	display: none;
}
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}
.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}
.tooltipster-slide.tooltipster-slide-show {}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
/*  ------------------------------------------------------------------
	ショールーム
---------------------------------------------------------------------*/
#bed #showroomMap .tit {
	position: absolute;
}
#bed .showroomTit {
	font-size: 18px;
	color: #295978;
}
#bed #showroomFlow .flowContent {
	background: #eaf3f8;
	padding: 30px 360px 30px 160px;
	counter-increment: flow;
	position: relative;
}
#bed #showroomFlow .flowContent:nth-child(2n) {
	background: #cee3ef;
}
#bed #showroomFlow .flowContent:before {
	content: counter(flow) "";
	font-family: "Times New Roman", Times, "serif";
	font-style: italic;
	font-size: 80px;
	position: absolute;
	left: 60px;
	top: 50%;
	transform: translateY(-50%);
	color: #295978;
}
#bed #showroomFlow .flowContent:after {
	content: "";
	position: absolute;
	left: 50px;
	top: 100%;
	display: block;
	border-top: 20px solid #eaf3f8;
	border-left: solid 30px transparent;
	border-right: solid 30px transparent;
	z-index: 2;
}
#bed #showroomFlow .flowContent:nth-child(2n):after {
	border-top-color: #cee3ef;
}
#bed #showroomFlow .flowContent:nth-child(3) {
	min-height: 184px;
	box-sizing: content-box;
}
#bed #showroomFlow .flowContent:last-child:after {
	content: none;
}
#bed #showroomFlow .flowContent .addBox {
	border-top: 3px solid #cee3ef;
	border-bottom: 3px solid #cee3ef;
}
#bed #showroomFlow .flowContent .ttlArea,
#bed #showroomFlow .flowContent .addBox .tit {
	color: #295978;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}
#bed #showroomFlow .flowContent .imgArea {
	width: 300px;
	position: absolute;
	right: 30px;
	top: 30px;
	text-align: center;
}
#bed #showroomFlow .flowContent .imgArea img {
	max-width: 100%;
	height: auto;
}
#bed #showroomFlow .flowContent p {
	font-size: 14px;
	margin-top: 10px;
}
#bed #showroomFlow .flowContent p:first-child {
	margin-top: 0;
}
#bed #showroomFlow .flowContent p.text__caution{
  font-size: 1.4rem;
  font-weight: bold;
  color: #c53838;
}
#bed #showroomFlow .flowContent p.text__caution a{
  color: #c53838 !important;
  text-decoration:underline;
  text-underline-offset:0.3em;
}
@media (hover: hover) {
	#bed #showroomFlow .flowContent p.text__caution a:hover{
    text-decoration:none;
  }
}
#bed #showroomFlow .flowContent .addBox {
	position: relative;
	background: rgba(255, 255, 255, .7);
	margin-right: -330px;
	padding: 20px 190px 20px 20px;
	margin-top: 20px;
}
#bed #showroomFlow .flowContent .addBox .tit {
	font-size: 16px;
}
#bed #showroomFlow .flowContent .addBox .img {
	position: absolute;
	right: 20px;
	bottom: 0;
}
/* ショールームをエリアから探す ボタン追加 */
#showroomBanner a {
	display: block;
	border: 1px solid #BDD1E0;
	padding: 35px 30px;
	font-size: 27px;
	font-weight: bold;
	color: #3E6684;
	text-decoration: none;
	position: relative;
}
#showroomBanner a:before {
	content: '';
	background: url(../../images/bed/showroom/arrrow-right.svg) no-repeat center center /cover;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 18px;
}
/*  ------------------------------------------------------------------
	私の快眠の作り方
---------------------------------------------------------------------*/
#bed .columnContents p {
	font-size: 14px;
}
#bed .columnNav {
	margin: 20px 0 40px;
}
#bed .columnNav p {
	font-weight: bold;
	padding-left: 15px;
	background: url("../images/bed/column/nav_icon.png") no-repeat left 6px / 9px 9px;
	color: #295978;
}
#bed .columnNav ul {
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0 0;
	padding-left: 15px;
}
#bed .columnNav ul li {
	font-size: 14px;
	position: relative;
	margin-right: 50px;
	padding-left: 10px;
	color: #295978;
	font-weight: bold;
}
#bed .columnNav ul li.current {
	font-weight: normal;
}
#bed .columnNav ul li:not(.current):before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 9px;
	border-left: 6px solid #646464;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
}
#bed .columnNav ul li a {
	text-decoration: none;
	color: #646464;
}
#bed .columnNav ul li a:hover {
	text-decoration: underline;
}
#bed .interval01 p {
	line-height: 2em;
	font-size: 14px;
}
#bed .interval01 .titTips {
	background: url("../images/bed/column/icon_tips.png") no-repeat 20px center #D6E7F1;
	font-size: 20px;
	padding: 6px 50px;
	color: #295978;
	font-weight: bold;
}
#bed .interval01 .question,
#bed .interval01 .exclamation {
	font-size: 18px;
	font-weight: bold;
	padding-left: 34px;
	color: #295978;
	line-height: 1.5;
	letter-spacing: .05em;
}
#bed .interval01 .question {
	background: url("../images/bed/column/icon_question.png") no-repeat left 1px;
}
#bed .interval01 .exclamation {
	background: url("../images/bed/column/icon_exclamation.png") no-repeat left 1px;
}
#bed .interval01 p.font12 {
	line-height: 2em;
	font-size: 12px;
}
#bed .column01_interval01 .tips {
	padding-right: 300px;
	position: relative;
	min-height: 200px;
}
#bed .column01_interval01 .img {
	position: absolute;
	right: 20px;
	top: 20px;
}
#bed .tips {
	padding: 20px;
	background: #F5F5F5;
	zoom: 1;
}
#bed .tips.separate,
#bed .tips .separate {
	display: flex;
	justify-content: space-between;
}
#bed .tips.separate .left_area,
#bed .tips .separate .left_area {
	flex: 1;
	margin-right: 20px;
}
#bed .tips.separate .right_area {
	width: 260px;
}
#bed .tips.separate .right_area02 {
	width: 270px;
}
#bed .tips .separate .right_area03 {
	width: 253px;
}
#bed .tips .left_area04 {
	width: 300px;
	float: left;
}
#bed p.ttl01 {
	color: #295978;
	font-weight: bold;
	margin-bottom: 10px;
	font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', HG明朝B, 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', Georgia, 'Times New Roman', serif !important;
	font-size: 14px !important;
}
#bed .tips p {
	font-size: 12px;
}
#bed .nextbar {
	background: #f5f5f5;
	border-top: 1px solid #c9c9c9;
	border-bottom: 1px solid #c9c9c9;
	padding: 12px;
	display: flex;
	border: solid center 1px;
	justify-content: center;
}
#bed .nextbar .left_area {
	width: 50%;
	box-sizing: border-box;
	padding-right: 43px;
	border-right: solid 1px #C9C9C9;
	text-align: right;
}
#bed .nextbar .left_area p {
	text-align: right;
}
#bed .nextbar .right_area {
	width: 50%;
	box-sizing: border-box;
	padding-left: 43px;
	border-left: solid 1px #C9C9C9;
}
#bed .nextbar .left_area01 {
	float: left;
}
#bed .nextbar .right_area01 {
	float: right;
}
#bed .nextbar .left_area p a {
	justify-content: flex-end;
}
#bed .nextbar .right_area p a {
	justify-content: flex-start;
}
#bed .nextbar p a {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #295978;
	font-size: 16px;
}
#bed .nextbar p a:hover {
	opacity: .7;
}
#bed .nextbar p a img {
	margin: 0 10px;
}
#bed hr {
	border-color: #C9C9C9;
	margin-bottom: 35px;
}
#bed .pt10 {
	padding-top: 10px;
}
#bed .posture01,
#bed .variance01,
#bed .sleepstyle01,
#bed .fit01 {
	display: flex;
}
#bed .variance01 {
	margin-bottom: 30px;
}
#bed .posture01 .left_area,
#bed .variance01 .left_area,
#bed .sleepstyle01 .left_area,
#bed .fit01 .left_area {
	flex: 1;
	margin-right: 15px;
}
#bed .posture01 .right_area,
#bed .variance01 .right_area,
#bed .sleepstyle01 .right_area,
#bed .fit01 .right_area {
	width: 200px;
}
#bed .posture01 .left_area p,
#bed .variance01 .left_area p,
#bed .sleeping01 .left_area p,
#bed .fit01.left_area {
	font-size: 14px;
}
#bed .posture02 {
	position: relative;
	height: 390px;
}
#bed .posture02 .imgArea01 {
	position: absolute;
	top: 65px;
	left: 71px;
}
#bed .posture02 .imgArea02 {
	position: absolute;
	top: 0;
	left: 389px;
}
#bed .leftArea01 {
	float: left;
}
#bed .rightArea01 {
	float: left;
}
#bed .centerIn {
	text-align: center;
}
#bed .mt-10 {
	margin-top: -10px;
}
#bed .effect {
	width: 640px;
	max-width: 100%;
	overflow: hidden;
}
#bed .effect .left_area {
	position: relative;
	height: 180px;
	width: 280px;
	float: left;
	margin-right: 40px;
}
#bed .effect .left_area .list01 {
	position: absolute;
	top: 0;
	left: 0;
}
#bed .effect .left_area .list02 {
	position: absolute;
	top: 31px;
	left: 0;
}
#bed .effect .left_area .list03 {
	position: absolute;
	top: 20px;
	left: 114px;
}
#bed .effect .left_area .list04 {
	position: absolute;
	top: 31px;
	left: 163px;
}
#bed .effect .right_area {
	position: relative;
	height: 180px;
	width: 280px;
	float: left;
	//	margin-right: 30px;
}
#bed .effect .right_area .list01 {
	position: absolute;
	top: 0;
	left: 0;
}
#bed .effect .right_area .list02 {
	position: absolute;
	top: 31px;
	left: 0;
}
#bed .effect .right_area .list03 {
	position: absolute;
	top: 59px;
	left: 124px;
}
#bed .effect .right_area .list04 {
	position: absolute;
	top: 31px;
	left: 163px;
}
#bed .process {
	width: 640px;
	max-width: 100%;
	height: 273px;
	overflow: hidden;
}
#bed .process .left_area {
	position: relative;
	height: 273px;
	width: 280px;
	float: left;
	margin-right: 40px;
}
#bed .process .left_area .list01 {
	position: absolute;
	top: 0;
	left: 0;
}
#bed .process .left_area .list02 {
	position: absolute;
	top: 28px;
	left: 0;
}
#bed .process .left_area .list03 {
	position: absolute;
	top: 105px;
	left: 0;
}
#bed .process .left_area .list04 {
	position: absolute;
	top: 105px;
	left: 149px;
}
#bed .process .right_area {
	position: relative;
	height: 273px;
	width: 280px;
	float: left;
	margin-right: 30px;
}
#bed .process .right_area .list01 {
	position: absolute;
	top: 0;
	left: 0;
}
#bed .process .right_area .list02 {
	position: absolute;
	top: 28px;
	left: 0;
}
#bed .process .right_area .list03 {
	position: absolute;
	top: 105px;
	left: 0;
}
#bed .process .right_area .list04 {
	position: absolute;
	top: 105px;
	left: 149px;
}
#bed .ml10 {
	margin-left: 10px;
}
#bed .imgFlexBottom {
	display: flex;
	align-items: flex-end;
}
/*  ------------------------------------------------------------------
	よくある質問
---------------------------------------------------------------------*/
#bed .faqWrap ul {
	margin-bottom: 50px;
}
#bed .faqWrap ul li.q {
	background: url(../images/bed/faq/faq_q.png) no-repeat left top / 26px 26px;
	padding: 4px 0 6px 32px;
	font-weight: bold;
	font-size: 14px;
}
#bed .faqWrap ul li.a a {
	color: #333;
}
#bed .faqWrap ul li.a a:hover {
	color: #666;
}
#bed .faqWrap ul li.a {
	background: url(../images/bed/faq/faq_a.png) no-repeat left top / 26px 26px;
	padding: 4px 0 6px 32px;
	margin: 15px 10px 10px;
	margin-top: 15px;
	font-size: 14px;
	line-height: 1.7em;
}
/*  ------------------------------------------------------------------
	webカタログ
---------------------------------------------------------------------*/
#bed .catalog01 {
	border: 3px double #EEE;
	width: 660px;
	margin: 0 auto;
	max-width: 100%;
	padding: 30px;
	box-sizing: border-box;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row-reverse;
}
#bed .catalog01 .text_area {
	flex: 1;
	margin-right: 30px;
}
#bed .catalog01 .text_area p {
	font-size: 14px;
}
#bed .catalog01 .img_area img {
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
}
#bed .catalog01 .link_area a {
	color: #333;
}
#bed .catalog01 .link_area a:hover {
	color: #666;
}
#bed .catalog01 .link_area p {
	background: url(../images/bed/catalog/arrow.png) no-repeat 0 3px;
	padding: 0px 0px 5px 20px;
}
/*  ------------------------------------------------------------------
	ベッドフェア
---------------------------------------------------------------------*/
#bed .bedfair {
	background-color: #ede6de;
}
#bed .bedfair .desc {
	background: url(../images/bed/bedfair/fair_line01.png) no-repeat center bottom;
}
/*  特典
-----------------------------------*/
#bed .bedfair .section {
	background: url(../images/bed/bedfair/fair_line02.png) no-repeat center bottom;
	margin-bottom: 30px;
	padding: 0 20px 30px;
}
#bed .bedfair .section.lastChild {
	background: none;
	padding-bottom: 0;
}
#bed .bedfair .section h3 {
	position: relative;
	margin: 0 0 20px -41px;
}
#bed .bedfair .section .main {
	float: left;
	width: 320px;
}
#bed .bedfair .section .sub {
	float: right;
	padding-top: 20px;
	width: 275px;
}
/*  特典3の補足
-----------------------------------*/
#bed .bedfair .aside {
	background-color: #fff;
	margin: 0 23px 50px;
	padding: 15px 20px;
}
#bed .bedfair .aside .main {
	display: block;
	float: left;
	padding-top: 30px;
	width: 320px;
	line-height: 1.7;
}
#bed .bedfair .aside .sub {
	float: right;
}
#bed .bedfair .aside b {
	font-size: 14px;
	font-weight: bold;
	color: #60472d;
}
/*  コンテンツフッター
-----------------------------------*/
#bed .bedfair .contentFoot {
	position: relative;
	zoom: 1;
	margin: 0 0 0px 137px;
	padding-bottom: 30px;
}
#bed .bedfair .contentFoot .absBtn {
	position: absolute;
	top: 147px;
	left: 27px;
}
#bedfair #mainContents {
	width: 938px;
}
#bedfair .fair_abs {
	position: relative;
	zoom: 1;
}
#bedfair .fair_abs .fair_absbtn01 {
	position: absolute;
	bottom: 35px;
	left: 89px;
}
#bedfair .fair_abs .fair_absbtn02 {
	position: absolute;
	bottom: 35px;
	left: 534px;
}
/*  ------------------------------------------------------------------
	カリモクの「ぴったりベッド」の特徴
---------------------------------------------------------------------*/
.sp {
	display: none;
}
.secTit {
	border-left: solid 5px #295978;
	font-size: 30px;
	font-weight: normal;
	padding: 10px 24px;
	color: #295978;
	margin: 30px 0;
}
.serif {
	font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', HG明朝B, 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', Georgia, 'Times New Roman', serif !important;
}
.gothic {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', Arial, Verdana, Helvetica, Roboto, sans-serif !important;
}
#bed #contentsInner {
	margin: 0 19px 40px;
}
#bed #pagenav {
	margin-left: 19px;
	position: absolute;
	bottom: 10px;
}
#bed #pagenav li {
	float: left;
	margin-right: 15px;
}
#bed #hygienical {
	margin-bottom: 50px;
}
#bed #hygienical li {
	float: left;
	margin-right: 15px;
	width: 290px;
}
#bed #hygienical li:last-child {
	margin-right: 0;
}
#bed #hygienical li h3 {
	font-weight: normal;
	font-size: 17px;
	color: #295978;
	margin: 10px 0;
}
#bed #hygienical li .btn {
	margin-top: 20px;
	border-bottom: solid 3px #1D3E54;
	text-align: center;
}
#bed #hygienical li .btn a {
	display: block;
	padding: 15px 20px;
	background-color: #295978;
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
	background-image: url(../images/bed/feature/arrow.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 7px 13px;
}
#bed #setting #setting_a {
	margin-bottom: 50px;
}
#bed #setting .navBtn {
	margin-bottom: 30px;
}
#bed #setting .navBtn li:first-child {
	float: left;
}
#bed #setting .navBtn li:last-child {
	float: right;
}
#bed #setting h3 {
	font-weight: normal;
	text-align: center;
	padding: 15px;
	font-size: 24px;
	line-height: 1;
	color: #FFF;
}
#bed #setting h3 .type {
	background-color: #FFF;
	font-size: 16px;
	display: inline-block;
	padding: 8px 0;
	width: 150px;
	vertical-align: middle;
	margin-right: 15px;
}
#bed #setting #setting_a h3 {
	background-color: #7C0144;
}
#bed #setting #setting_b h3 {
	background-color: #015673;
}
#bed #setting #setting_a h3 .type {
	color: #7C0144;
}
#bed #setting #setting_b h3 .type {
	color: #015673;
}
#bed #setting h4 {
	margin: 20px 0;
	padding: 14px;
	font-weight: normal;
	font-size: 26px;
	color: #333333;
}
#bed #setting #setting_a h4 {
	background-color: #F4F0F1;
	border: solid 1px #E5CCDA;
}
#bed #setting #setting_b h4 {
	background-color: #EEF0F4;
	border: solid 1px #CCDDE3;
}
#bed #setting h4 .check {
	font-size: 18px;
	display: inline-block;
	margin-right: 15px;
	width: 90px;
	text-align: center;
	padding: 6px 0;
}
#bed #setting #setting_a h4 .check {
	border-top: solid 2px #7C0144;
	border-bottom: solid 2px #7C0144;
	color: #7B0044;
}
#bed #setting #setting_b h4 .check {
	border-top: solid 2px #015673;
	border-bottom: solid 2px #015673;
	color: #015673;
}
#bed #setting #setting_a h4 .name {
	font-weight: bold;
	color: #7B0044;
}
#bed #setting #setting_b h4 .name {
	font-weight: bold;
	color: #015673;
}
#bed #setting #setting_a ul {
	margin-bottom: 30px;
}
#bed #setting #setting_a ul li {
	width: 440px;
	font-size: 14px;
}
#bed #setting #setting_a ul li:first-child {
	float: left;
}
#bed #setting #setting_a ul li:last-child {
	float: right;
}
#bed #setting #setting_a ul li img {
	margin-bottom: 10px;
}
#bed #setting .btn {
	text-align: center;
	margin-top: 30px;
	font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', HG明朝B, 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', Georgia, 'Times New Roman', serif;
	font-size: 16px;
}
#bed #setting .btn a {
	text-align: center;
	width: 300px;
	display: inline-block;
	font-weight: bold;
	color: #FFF;
	padding: 15px 0;
	text-decoration: none;
	position: relative;
	background-image: url(../images/bed/feature/arrow.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 7px 13px;
}
#bed #setting #setting_a .btn a {
	background-color: #7C0144;
	border-bottom: solid 3px #57012F;
}
#bed #setting #setting_b .btn a {
	background-color: #015673;
	border-bottom: solid 3px #013C50;
}
#bed #setting #setting_b .explain {
	float: left;
	width: 320px;
}
#bed #setting #setting_b .explain p {
	margin-bottom: 10px;
}
#bed #setting #setting_b .img {
	float: right;
	padding: 12px 36px 0 0;
}
#bed #match .point {
	float: left;
	width: 430px;
}
#bed #match h3 {
	background-color: #EDE9E9;
	border: solid 1px #DCD5D3;
	font-size: 20px;
	color: #4C2C24;
	padding: 10px 15px;
	margin-bottom: 20px;
	font-weight: normal;
}
#bed #match .coordinate {
	float: right;
	width: 430px;
}
#bed #match .coordinate p {
	margin-bottom: 10px;
}
/*  ------------------------------------------------------------------
	カリモクのぴったりベッドであなたのお悩み解決！
---------------------------------------------------------------------*/
#bed #mainVisualArea #ytWrap {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	position: relative;
}
#bed #mainVisualArea #ytWrap #youtube {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.problemWrap {
	font-size: 0;
	margin-left: -18px;
	margin-bottom:50px;
}
.problemSec {
	margin-top: 50px;
	font-size: 16px;
	display: inline-block;
	vertical-align: top;
	width: 460px;
	margin-left: 18px;
	box-sizing: border-box;
}
.problemSec.problem1 {
	margin-top: 0;
	width: 938px;
}
.problemSec .secHeader {
	background: #898A9D;
	padding: 30px 20px 15px;
	border-radius: 20px 20px 0 0;
	position: relative;
	margin-bottom: 40px;
	box-sizing: border-box;
}
.problemSec .secHeader:after {
	content: "";
	display: block;
	border-top: 20px solid #898A9D;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	position: absolute;
	left: 50%;
	top: 100%;
	margin-left: -30px;
}
.problemSec .secHeader.separate {
	display: flex;
	padding: 30px 0 0;
}
.problemSec .secHeader h3 {
	color: #fff;
	font-size: 32px;
	margin-bottom: 15px;
	line-height: 1.2;
}
#content .problemSec .secHeader p {
	color: #fff;
	font-size: 16px;
	width: 240px;
}
.problemSec .problem1-1,
.problemSec .problem1-2 {
	width: 50%;
	padding: 0 140px 20px 20px;
	position: relative;
	min-height: 175px;
}
.problemSec .problem1-1 {
	background: url(../images/bed/problem/problem1-1_tit_illust.png) no-repeat right 5px bottom;
}
.problemSec .problem1-1:after {
	content: "";
	width: 1px;
	height: 90%;
	background: #ADADBB;
	position: absolute;
	right: 0;
	top: 0;
}
.problemSec .problem1-2 {
	background: url(../images/bed/problem/problem1-2_tit_illust.png) no-repeat right 15px bottom;
}
.problemSec h4 {
	text-align: center;
	color: #295978;
	font-size: 26px;
	font-weight: normal;
	margin-bottom: 30px;
	line-height: 1.2;
}
.problemSec h4 .line {
	background: linear-gradient(transparent 70%, #FFF684 30%);
}
#content .problemSec .photo {
	position: relative;
	text-align: right;
}
.problemSec .photo .point {
	position: absolute;
	right: -12px;
	bottom: -17px;
}
.problemSec.problem1 .photo {
	float: left;
	width: 460px;
}
.problemSec.problem1 .solution {
	float: right;
	width: 460px;
}
.problemSec.problem1 .solution h5 {
	text-align: center;
	background: #E9EEF1;
	color: #295978;
	font-size: 24px;
	font-weight: normal;
	padding: 10px;
	margin-bottom: 20px;
}
#content .problemSec p {
	font-size: 14px;
}
#content .problemSec p.text__caution,
#content .problemSec p.text__caution a{
  font-weight: bold;
  color: #c53838;
}
#content .problemSec p.text__caution a{
  text-underline-offset:0.3em;
}
.problemSec.problem1 .solution .inner {
	display: flex;
	justify-content: space-between;
}
.problemSec.problem1 .solution .inner>div {
	width: 220px;
}
.problemSec.problem1 .solution .inner>div img {
	display: block;
	margin: 0 auto 10px;
}
.problemSec.problem2 .secHeader {
	background: url(../images/bed/problem/problem2_tit_illust.png) no-repeat right 15px bottom #898A9D;
	min-height: 230px;
}
.problemSec.problem2 .photo:before {
	content: "";
	width: 145px;
	height: 187px;
	display: block;
	background: url(../images/bed/problem/problem2_illust.png);
	background-size: 100% 100%;
	position: absolute;
	left: -39px;
	bottom: 0;
}
.problemSec.problem3 .secHeader {
	background: url(../images/bed/problem/problem3_tit_illust.png) no-repeat right bottom #898A9D;
	min-height: 230px;
}
.problemSec.problem3 .photo:before {
	content: "";
	width: 87px;
	height: 119px;
	display: block;
	background: url(../images/bed/problem/problem3_illust.png);
	background-size: 100% 100%;
	position: absolute;
	left: 12px;
	bottom: -3px;
}
.problemSec.problem4 .secHeader {
	background: url(../images/bed/problem/problem4_tit_illust.png) no-repeat right bottom #898A9D;
	min-height: 230px;
}
.problemSec.problem4 .photo {
	margin-bottom: 20px;
}
.problemSec.problem4 .photo:before {
	content: "";
	width: 132px;
	height: 139px;
	display: block;
	background: url(../images/bed/problem/problem4_illust.png);
	background-size: 100% 100%;
	position: absolute;
	left: -30px;
	bottom: -3px;
}
.problemSec.problem5 .secHeader {
	background: url(../images/bed/problem/problem5_tit_illust.png) no-repeat right bottom #898A9D;
	min-height: 230px;
}
.problemSec.problem5 .photo:before {
	content: "";
	width: 211px;
	height: 184px;
	display: block;
	background: url(../images/bed/problem/problem5_illust.png);
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
#content .problemSec .btn {
	text-align: center;
	margin-top: 30px;
	font-size: 16px;
	font-weight: bold;
}
.problemSec .btn a {
	display: inline-block;
	border: 2px solid #898A9D;
	padding: 10px 30px;
	min-width: 240px;
	text-decoration: none;
	color: #898A9D;
	position: relative;
}
#content .problemSec .btn a:hover,
#content .problemSec a.point:hover {
	opacity: .7;
}
.problemSec .btn a:before {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -4px;
	display: block;
	width: 7px;
	height: 7px;
	border-top: 2px solid #898A9D;
	border-right: 2px solid #898A9D;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transition: all 0.4s cubic-bezier(.17, .67, .54, .93);
	-webkit-transition: all 0.4s cubic-bezier(.17, .67, .54, .93);
	content: "";
}
/*  ------------------------------------------------------------------
	ベッドフェア0418
---------------------------------------------------------------------*/
.bedfair1804 {
	font-size: 1.14em;
}
.bedfair1804 .point {
	background-color: #FDF1F0;
	padding: 20px;
}
.bedfair1804 .point h3 {
	background-color: #E8536A;
	padding: 10px 20px;
	color: #FFF;
	font-weight: normal;
	font-size: 26px;
	margin-bottom: 20px;
}
.bedfair1804 .point>div:not(:first-child) h3 {
	margin-top: 30px;
}
.bedfair1804 .point h3>span {
	font-size: 20px;
	display: inline-block;
	margin-right: 40px;
}
.bedfair1804 .point h3>span .num {
	font-size: 26px;
}
.bedfair1804 .point .img {
	float: left;
	margin-right: 20px;
}
.bedfair1804 .point>div>div {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding-right: 20px;
}
.bedfair1804 .btn {
	margin-top: 20px;
}
.bedfair1804 .btn a {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', Arial, Verdana, Helvetica, Roboto, sans-serif !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #CFC7BE), color-stop(0.00, #F4F1ED));
	background: -webkit-linear-gradient(#F4F1ED, #CFC7BE);
	background: -moz-linear-gradient(#F4F1ED, #CFC7BE);
	background: -o-linear-gradient(#F4F1ED, #CFC7BE);
	background: -ms-linear-gradient(#F4F1ED, #CFC7BE);
	background: linear-gradient(#F4F1ED, #CFC7BE);
	display: inline-block;
	font-size: 16px;
	padding: 10px;
	text-align: center;
	border: solid 1px #A79A85;
	background-color: #FFF;
	border-radius: 10px;
	color: #60472D;
	text-decoration: none;
	font-weight: bold;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	min-width: 180px;
}
.bedfair1804 .btn a:before {
	content: "";
	background: url(../images/bed/1804bedfair/arrow.png) no-repeat left top;
	background-size: 100% 100%;
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px;
}
.bedfair1804 .btn a:hover {
	opacity: 0.7;
}
.bedfair1804 .benefits {
	margin-top: 40px;
	background-color: #FFFDEE;
	padding: 0 30px 30px;
	margin-bottom: 40px;
}
.bedfair1804 .benefits h3 {
	background-color: #B8915A;
	text-align: center;
	padding: 10px;
	color: #FFF;
	font-size: 26px;
	font-weight: normal;
	margin: 0 -30px 30px;
}
.bedfair1804 .benefits .item .img {
	float: right;
}
.bedfair1804 .benefits .item strong {
	font-size: 30px;
	font-weight: normal;
}
.bedfair1804 .benefits .item p,
.bedfair1804 .benefits .item dt,
.bedfair1804 .benefits .item dd {
	color: #222 !important;
}
.bedfair1804 .benefits .item dt {
	font-size: 20px;
}
.bedfair1804 .benefits .item dd {
	font-size: 12px;
}
.bedfair1804 .benefits .cloth {
	margin: 40px 0;
	background-color: #F5F3E7;
	padding: 30px 0 30px 100px;
}
.bedfair1804 .benefits .cloth .img {
	float: left;
	margin-right: 25px;
}
#content .bedfair1804 .benefits .cloth .serif {
	font-size: 18px;
}
.bedfair1804 .benefits .cloth dt {
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
}
.bedfair1804 .benefits .showroom {
	padding: 0 120px 0 90px;
}
.bedfair1804 .benefits .showroom .img {
	float: right;
}
.bedfair1804 .benefits .showroom .img img {
	width: 275px;
}
.bedfair1804 .benefits .showroom>div {
	float: left;
	width: 360px;
}
#content .bedfair1804 .benefits .showroom>div .txt {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
#content .bedfair1804 .benefits .showroom>div .btn a {
	display: block;
}
/*  ------------------------------------------------------------------
	ベッドフェア201810
---------------------------------------------------------------------*/
.bedfair1810 {
	font-size: 1.14em;
}
.bedfair1810 .benefits {
	margin-top: 30px;
	background-color: #FFFDEE;
	padding: 0 30px 30px;
	margin-bottom: 30px;
}
.bedfair1810 .benefits h3 {
	background-color: #9F7762;
	text-align: center;
	padding: 10px;
	color: #FFF;
	font-size: 26px;
	font-weight: normal;
	margin: 0 -30px 30px;
}
.bedfair1810 .benefits h3:not(:last-child) {
	margin-top: 30px;
}
.bedfair1810 .benefits .item .img {
	float: right;
	margin-left: 30px;
}
.bedfair1810 .benefits .item .ltxt {
	font-size: 16px;
}
#content .bedfair1810 .benefits .item .stxt {
	font-size: 12px;
}
.bedfair1810 .benefits .item strong {
	font-size: 25px;
	line-height: 1.5;
	display: inline-block;
	margin: 10px 0;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', Arial, Verdana, Helvetica, Roboto, sans-serif;
}
.bedfair1810 .benefits .item p {
	color: #222 !important;
}
.bedfair1810 .benefits .cloth {
	margin: 20px 0 0;
	background-color: #F5F3E7;
	padding: 30px 0 30px 90px;
}
.bedfair1810 .benefits .cloth .img {
	float: left;
	margin-right: 25px;
}
#content .bedfair1810 .benefits .cloth .serif {
	font-size: 18px;
}
.bedfair1810 .benefits .cloth dt {
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}
.bedfair1810 .showroom {
	padding: 0 150px 0 120px;
	margin-bottom: 40px;
}
.bedfair1810 .showroom .img {
	float: right;
}
.bedfair1810 .showroom .img img {
	width: 275px;
}
.bedfair1810 .showroom>div {
	float: left;
	width: 360px;
}
#content .bedfair1810 .showroom>div .txt {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
#content .bedfair1810 .showroom>div .btn a {
	display: block;
}
.bedfair1810 .btn {
	margin-top: 20px;
}
.bedfair1810 .btn a {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', Arial, Verdana, Helvetica, Roboto, sans-serif !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #CFC7BE), color-stop(0.00, #F4F1ED));
	background: -webkit-linear-gradient(#F4F1ED, #CFC7BE);
	background: -moz-linear-gradient(#F4F1ED, #CFC7BE);
	background: -o-linear-gradient(#F4F1ED, #CFC7BE);
	background: -ms-linear-gradient(#F4F1ED, #CFC7BE);
	background: linear-gradient(#F4F1ED, #CFC7BE);
	display: inline-block;
	font-size: 16px;
	padding: 10px;
	text-align: center;
	border: solid 1px #A79A85;
	background-color: #FFF;
	border-radius: 10px;
	color: #60472D;
	text-decoration: none;
	font-weight: bold;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	min-width: 180px;
}
.bedfair1810 .btn a:before {
	content: "";
	background: url(../images/bed/1810bedfair/arrow.png) no-repeat left top;
	background-size: 100% 100%;
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px;
}
.bedfair1810 .btn a:hover {
	opacity: 0.7;
}
/*  ------------------------------------------------------------------
	モデルページ
---------------------------------------------------------------------*/
.bedModel,
.bedType {
	position: relative;
}
.bedType {
	padding-top: 20px;
}
.bedModel .secTit {
	margin-top: 0;
}
.bedModel .modelImg {
	text-align: center !important;
	background: #F5F5F3;
}
#content #bed .modelChangeTxt {
	position: absolute;
	right: 20px;
	top: 5px;
	font-family: "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, Arial, Verdana, sans-serif;
	color: #F00;
	border: 1px solid #F00;
	padding: 10px;
	font-size: 12px;
}
#content #bed .bedType .modelChangeTxt {
	top: -15px;
}
.bedModel .dimension {
	margin-top: 10px;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.bedModel .dimension li {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, '游ゴシック', 'Yu Gothic', Arial, Verdana, Helvetica, Roboto, sans-serif !important;
	display: flex;
	background: #EDE5E2;
	padding: 5px 8px 5px 5px !important;
	align-items: center;
	position: relative;
	margin-left: 30px !important;
	margin-bottom: 5px;
}
.bedModel .dimension li span {
	background: #FFF;
	color: #343027;
	padding: 1px 8px !important;
	margin-right: 8px !important;
}
.bedModel .dimension li:first-child {
	margin-left: 0 !important;
}
.bedModel .dimension li:not(:first-child):before {
	content: "×";
	display: block;
	position: absolute;
	left: -20px;
	top: 5px;
}
.bedModel .tabArea {
	margin-top: 40px;
}
.bedModel .tabArea .tab {
	display: flex;
}
.bedModel .tabArea .tab li {
	border: 1px solid #C4D7E2;
	background: #F5F5F5;
	width: 50%;
	text-align: center;
	color: #295978;
	font-size: 18px;
	padding: 10px 0;
	cursor: pointer;
}
.bedModel .tabArea .tab li:hover {
	background: #E5E5E5;
}
.bedModel .tabArea .tab li.select {
	color: #fff;
	border: none;
	background: #295978;
	cursor: text;
}
.bedModel .tabArea .tabContent h4 {
	font-size: 20px;
	color: #295978;
	font-weight: normal;
	margin: 0 0 15px;
}
.bedModel .tabArea .tabContent.baseType .typeList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.bedModel .tabArea .tabContent.baseType .typeList .typeSec {
	width: 48%;
}
.bedModel .tabArea .tabContent.baseType h4 {
	background: #D6E7F1;
	margin: 30px 0 20px;
}
.bedModel .tabArea .tabContent.baseType h4 a {
	text-decoration: none;
	color: #295978;
	padding: 5px 10px;
	display: block;
	text-align: center;
}
@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop,
	.bedModel .tabArea .tabContent.baseType h4 a {
		padding: 8px 10px 2px;
	}
	/* IE11 */
}
.bedModel .tabArea .tabContent.baseType h4 a:hover {
	text-decoration: underline;
}
.bedModel .tabArea .tabContent .baseTypeContent,
.bedModel .tabArea .tabContent .detailContent {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}
.bedModel .tabArea .tabContent.productDetail {
	display: none;
}
.bedModel .tabArea .tabContent.productDetail.photoWrap .inner {
	float: left;
	width: 470px;
}
.bedModel .tabArea .tabContent.productDetail.photoWrap .photo {
	margin-top: 30px;
	margin-left: 40px;
	float: right;
}
.bedModel .tabArea .tabContent .baseTypeContent .photo,
.bedModel .tabArea .tabContent .detailContent .photo {
	margin: 0 0 0 20px;
}
.bedModel .tabArea .tabContent .baseTypeContent .photo {
	width: 70px;
}
.bedModel .tabArea .tabContent .reclining .baseTypeContent .photo {
	width: 120px;
}
.bedModel .tabArea .tabContent .baseTypeContent .photo img,
.bedModel .tabArea .tabContent .detailContent .photo img {
	width: 100%;
	height: auto;
}
.bedModel .tabArea .tabContent .explain .photos {
	display: flex;
	margin-top: 10px;
}
.bedModel .tabArea .tabContent .explain .photos li {
	font-family: "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, Arial, Verdana, sans-serif;
	font-size: 14px;
	margin-right: 20px;
	text-align: center;
}
.bedModel .tabArea .tabContent .explain .photos li:last-child {
	margin-right: 0;
}
#content .bedModel .tabArea .tabContent .typeSec p,
#content .bedModel .tabArea .tabContent .detailContent p {
	font-size: 14px;
	font-family: "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, Arial, Verdana, sans-serif;
}
.bedModel .tabArea .tabContent .baseTypeContent .explain .size li {
	font-family: "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, Arial, Verdana, sans-serif;
	font-size: 14px;
	display: flex;
	width: 290px;
	justify-content: space-between;
	align-items: center;
	margin: 15px 0;
}
.bedModel .tabArea .tabContent .baseTypeContent .explain .size li:first-child {
	margin-top: 0;
}
.bedModel .tabArea .tabContent .baseTypeContent .explain .size li .link a {
	display: inline-block;
	margin-right: 10px;
	padding: 3px 25px 3px 20px;
	color: #fff;
	text-decoration: none;
}
.bedModel .tabArea .tabContent .baseTypeContent .explain .size li .link.sp {
	display: none;
}
.bedModel .tabArea .tabContent .baseTypeContent .explain .size li .link a.sp {
	display: none;
}
.bedModel .tabArea .tabContent .baseTypeContent .explain .size li .link a.me {
	background: url(../images/bed/feature/arrow.png) no-repeat right 10px center, url("../images/bed/products/design/color_me.jpg");
	background-size: 7px 13px, auto auto;
}
.bedModel .tabArea .tabContent .baseTypeContent .explain .size li .link a.mk {
	background: url(../images/bed/feature/arrow.png) no-repeat right 10px center, url("../images/bed/products/design/color_mk.jpg");
	background-size: 7px 13px, auto auto;
}
.bedModel .tabArea .tabContent .baseTypeContent .explain .color {
	margin-top: 20px;
}
.bedModel .tabArea .tabContent .btn {
	text-align: center !important;
	margin-top: 30px;
}
.bedModel .tabArea .tabContent .btn a {
	display: inline-block;
	padding: 15px 20px;
	background-color: #295978;
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
	background-image: url(../images/bed/feature/arrow.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 7px 13px;
	width: 250px;
	border-bottom: solid 3px #1D3E54;
}
.titH3 {
	background: #D6E7F1;
	border-left: 6px solid #295978;
	padding: 5px 10px;
	color: #295978;
	letter-spacing: .1em;
	font-size: 21px;
}
#bed .moreBtn {
	font-family: 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', HG明朝B, 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', Georgia, 'Times New Roman', serif;
}
#bed .moreBtn a {
	width: 260px;
	max-width: 100%;
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	padding: 3px 10px;
	background-color: #295978;
	font-size: 14px;
	text-decoration: none;
	background-image: url(../images/bed/feature/arrow.png);
	background-repeat: no-repeat;
	background-position: right 6px center;
	background-size: 5px auto;
	border-bottom: solid 2px #1D3E54;
	text-align: center;
}
/* ==========================================================================================================
	clearFix (pkg)
============================================================================================================*/
/* start clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* ie6 hack */
* html .clearfix {
	zoom: 1;
}
/* ie7 hack */
*:first-child+html .clearfix {
	zoom: 1;
}
/* end clearfix */
.clearfix {
	min-height: 1px;
	/*IE6、7対策*/
}
/* 価格改定ボタン追加 230411 */
.priceInfo {
	margin: 0 0 30px;
	text-align: center;
}
.priceInfo .base-btn {
	line-height: 1.6;
	font-family: "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, Arial, Verdana, sans-serif;
}
.priceInfo .base-btn a {
	border: 1px solid red;
	color: red !important;
}
.priceInfo .base-btn a:before {
	border-color: transparent transparent transparent red;
}
#content .priceInfo .base-btn a:hover {
	text-decoration: none;
	background: #fafafa;
}
#content .priceInfo .base-btn a:hover:before {
	border-color: transparent transparent transparent red;
}
@media screen and (max-width: 768px) {
	.priceInfo {
		margin: 20px 0 0;
	}
}