@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300i');
@import url('https://fonts.googleapis.com/css?family=Sacramento');

@font-face {
    /* Noto Sans Japanese */
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Reguler.woff2') format('woff2'),
    url('https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Reguler.woff') format('woff'),
    url('https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Reguler.otf') format('opentype');

    /* slick */
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/slick.eot');
    src: url('../fonts/slick.eot?#iefix') format('embedded-opentype'),
    url('../fonts/slick.woff') format('woff'),
    url('../fonts/slick.ttf') format('truetype'),
    url('../fonts/slick.svg#slick') format('svg');
}

@media (min-width:769px) {
    .forPCWrap { max-width:1080px; margin:0 auto; }
    .Wrap { /*max-width:720px; margin:0 auto;*/ }
}

.slick-loading .slick-list { background: #fff url('../images/ajax-loader.gif') center center no-repeat; }

* { box-sizing:border-box; letter-spacing:0.05em; }
body { color:#222; line-height:1.8; font-family:'Noto Sans Japanese', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', sans-serif; font-size:16px; letter-spacing:0.05em; }
a { color:inherit; text-decoration:none; }
img { vertical-align:top; }

a.waiting { background-color:#aaa !important; }
a.waiting { background-image:url('../images/icon-waiting.png') !important; }

.btn { display:inline-block; position:relative; max-width:400px; min-width:100%; padding:15px 30px; border-radius:4px; line-height:1.0; font-size:13px; font-weight:600; text-align:center; text-shadow:0 1px 0 rgba(0,0,0,0.4); }
.btn.primary {
    color:#fff;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.15);
    background:#ff5d5d;
    background:-moz-linear-gradient(top,#ff5d5d 0%,#ff3939 100%);
    background:-webkit-linear-gradient(top,#ff5d5d 0%,#ff3939 100%);
    background:linear-gradient(to bottom,#ff5d5d 0%,#ff3939 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5d5d',endColorstr='#ff3939',GradientType=0 );
}
.btn.primary:hover {
    background:#ff3939;
    background:-moz-linear-gradient(top,#ff3939 0%,#ff5d5d 100%);
    background:-webkit-linear-gradient(top,#ff3939 0%,#ff5d5d 100%);
    background:linear-gradient(to bottom,#ff3939 0%,#ff5d5d 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3939',endColorstr='#ff5d5d',GradientType=0 );
}
.btn.primary::after { content:''; display:block; position:absolute; top:50%; right:17px; z-index:2; width:7px; height:7px; margin-top:-3px; border-top:rgba(255,255,255,1.0) 1px solid; border-right:rgba(255,255,255,1.0) 1px solid; transform:rotate(45deg); }

.btn.secondary {
    color:#fff;
    border:#fff 1px solid;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.15);
    background:#478da1;
    background:-moz-linear-gradient(top,#478da1 0%,#196b83 100%);
    background:-webkit-linear-gradient(top,#478da1 0%,#196b83 100%);
    background:linear-gradient(to bottom,#478da1 0%,#196b83 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#478da1',endColorstr='#196b83',GradientType=0 );
}
.btn.secondary:hover {
}
.btn.secondary::after { content:''; display:block; position:absolute; top:50%; right:17px; z-index:2; width:7px; height:7px; margin-top:-3px; border-top:rgba(255,255,255,1.0) 1px solid; border-right:rgba(255,255,255,1.0) 1px solid; transform:rotate(45deg); }

@media (min-width:769px) {
    .btn { display:block; position:relative; max-width:400px; min-width:280px; margin:0 auto; padding:15px 30px; border-radius:4px; line-height:1.0; font-size:13px; font-weight:600; text-shadow:0 1px 0 rgba(0,0,0,0.4); }
	.btn.map { display:block; position:relative; max-width:100%; min-width:50%; margin:0 auto; padding:15px 30px; border-radius:4px; line-height:1.0; font-size:13px; font-weight:600; text-shadow:0 1px 0 rgba(0,0,0,0.4); }
}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
@media (min-width:769px) {
body{background:#fdfaee;}
}




/*######################################################################*/
/*																		*/
/*	Head        														*/
/*																		*/
/*######################################################################*/

.Head { position:relative; }
.Head.fixed { position:fixed; top:0; left:0; z-index:198; width:100%; background:rgba(255,255,255,0.9); }
.HeadInner { max-width:1200px; width:100%; margin:0 auto; }
.HeadInner::after { content:''; display:block; clear:both; height:0; }

.HeadTitle { float:left; padding:13px 0 0 13px; /*height:60px;*/}
.HeadTitle img { width:auto; height:24px; }
.Head aside { float:right; text-align:right; }
.Head aside > ul > li { display:inline; }
.Head aside > ul > li a { display:block; float:left; width:25px; height:50px; color:#a4a4a4; line-height:50px; text-align:center; }
.Head aside > ul >  li:last-child a { width:50px; cursor:pointer; }
.Head a.reservation{ display:none;}

.HeadNav { display:none; position:fixed; top:0; left:0; z-index:201; width:100vw; height:100vh; background:rgba(0,0,0,0.9); }
.HeadNav.active { display:block; }
.HeadNav li {  }
.HeadNav li a { display:block; width:100% !important; padding:0 0 0 1.2em; border-bottom:rgba(255,255,255,0.3) 1px solid; color:#fff; line-height:50px; font-size:0.9em; text-align:left !important; }

.sp-btns { position:fixed; left:0; bottom:0; z-index:199; width:100%; padding-right:40px; }
.sp-btns::after { content:''; display:block; clear:both; height:0; }
.sp-btns a { display:block; float:none; width:100%; color:#fff; line-height:40px; font-size:0.75em; font-weight:600; text-align:center; background:rgba(0,0,0,0.9); }
.sp-btns a:first-child { border-right:rgba(255,255,255,0.2) 1px solid; }
.sp-btns a .icon-walk::before { content:''; display:inline-block; width:1.0em; height:1.4em; margin:-0.4em 0.3em -0.2em 0; background:url('../images/icon-walk-wh.png') no-repeat; background-size:auto 100%; }
.sp-btns a .icon-pdf::before { content:''; display:inline-block; width:1.0em; height:1.4em; margin:-0.4em 0.3em -0.2em 0; background:url('../images/icon-pdf.png') no-repeat; background-size:auto 100%; }

.SP{ margin-bottom:60px;}


@media (min-width:769px) {
	
	.Head aside { position:absolute; top:5px; right:270px; text-align:right; }
	.HeadTitle { height:60px;}
	.HeadTitle img { width:auto; height:40px; }
    .Head aside > ul >  li:last-child a{ display:none; }
    .sp-btns { display:none; }
	.Head a.reservation{ display:block; position:absolute; top:0; right:0; width:auto; height:60px; padding:0 20px 0 70px; color:#fff; line-height:60px; background:#ff3737 url('../images/icon-click.png') no-repeat 20px center; }
	.Head a.reservation::before { content:''; display:block; position:relative; top:1.66em; float:right; width:0.5em; height:0.5em; margin-left:2.0em; border-top:#fff 1px solid; border-right:#fff 1px solid; transform:rotate(45deg); }
	.Head a.reservation:hover { background-color:#ff0c0c; }
	.Head aside ul li a i{ font-size:25px;}
	.Head aside > ul > li a { width:30px;}
}


/*######################################################################*/
/*																		*/
/*	Slider        														*/
/*																		*/
/*######################################################################*/

.Campaign { position:relative; overflow:hidden; width:100%; text-align:center; }
.CampaignInner { position:relative; }
.CampaignInner ul { z-index:1; }
.CampaignInner li { position:relative;  }
.CampaignInner figure { position:relative; }
.CampaignInner figcaption { position:absolute; left:0; bottom:0; padding:0.5em 1.0em; color:#fff; line-height:1.0; font-size:0.9em; background:#000; }
.CampaignInner img { width:100%; height:auto; }

.CampaignHead { margin-bottom:20px; padding-top:25px; color:#fff; line-height:1.4; text-align:center; background:#333; }
.CampaignHead h1 { padding:10px 0 15px; font-size:1.8em; font-weight:600; text-align:center; }
.CampaignHead h1 img { width:86%; }
.CampaignHead h1 small { font-size:50%; }
.CampaignHead p { padding:0.75em 0; background:#000; }

.CampaignText { max-width:86%; margin:0 auto 70px; }
.CampaignText p { max-width:640px; margin:0 auto 1.0em; }
.CampaignText a .icon-walk::before { content:''; display:inline-block; width:1.0em; height:1.4em; margin:-0.4em 0.3em -0.2em 0; background:url('../images/icon-walk-wh.png') no-repeat; background-size:auto 100%; }
.CampaignText p + p { text-align:left; }

.PC { display:none !important; }

.CampaignInner .Campaign01-slideNav { display:none; margin-bottom:0; }
.CampaignInner .Campaign01 .slick-dots { bottom:-36px; background:#196b83; }
.CampaignInner .Campaign01 .slick-dots button { display:block; width:10px; height:10px; border-radius:10px; background:#fff; }
.CampaignInner .Campaign01 .slick-prev { display:block; position:absolute; top:50%; left:0; z-index:2; width:40px; height:40px; margin-top:-20px; border-radius:0; background:#196b83; cursor:pointer; }
.CampaignInner .Campaign01 .slick-next { display:block; position:absolute; top:50%; right:0; width:40px; height:40px; margin-top:-20px; background:#196b83; cursor:pointer; }
.CampaignInner .Campaign01 .slick-prev::before { content:''; display:block; position:absolute; top:50%; left:17px; z-index:2; width:10px; height:10px; margin-top:-5px; border-top:rgba(255,255,255,0.75) 1px solid; border-right:rgba(255,255,255,0.75) 1px solid; transform:rotate(-135deg); }
.CampaignInner .Campaign01 .slick-next::before { content:''; display:block; position:absolute; top:50%; right:17px; width:10px; height:10px; margin-top:-5px; border-top:rgba(255,255,255,0.75) 1px solid; border-right:rgba(255,255,255,0.75) 1px solid; transform:rotate(45deg); }

@media (min-width:769px) {
	.PCarea{ background:#196b83; display:block; width:100%; height:460px; position:absolute; z-index:-1; top:0;
	}
    .PC { display:block !important; width:640px; margin:0 auto 50px; padding:80px 0 60px;}
    .SP { display:none !important; }
    .CampaignHead { padding-top:15px; }
    .CampaignInner .Campaign01 .slick-list { overflow:visible; }
    /*.CampaignInner .Campaign01 .slick-arrow { display:none !important; }*/
    .CampaignInner .Campaign01 .slick-dots { display:none !important; }
    .CampaignInner .Campaign01-slideNav { display:block; margin-bottom:0; }
	
	/*2017.10.26.yoshida*/
	/*PCサイズの場合はメインスライダ左右の矢印を非表示*/
	.CampaignInner .Campaign01{margin-bottom:25px;}
	.CampaignInner .Campaign01 li{margin:0 10px;}	
	.CampaignInner .Campaign01-slideNav{margin:0 10px 25px;}	
	.CampaignInner .Campaign01-slideNav li{margin:0 10px;}
	.CampaignInner .Campaign01 .slick-prev,
	.CampaignInner .Campaign01 .slick-next,
	.CampaignInner .Campaign01 .slick-prev::before,
	.CampaignInner .Campaign01 .slick-next::before{display:none;background:none;}
	
	.CampaignInner .Campaign01-slideNav .slick-prev { display:block; position:absolute; top:50%; left:0; z-index:2; width:40px; height:40px; margin-top:-20px; border-radius:0; background:#000; cursor:pointer; }
	.CampaignInner .Campaign01-slideNav .slick-next { display:block; position:absolute; top:50%; right:0; width:40px; height:40px; margin-top:-20px; background:#000; cursor:pointer; }
	.CampaignInner .Campaign01-slideNav .slick-prev::before { content:''; display:block; position:absolute; top:50%; left:17px; z-index:2; width:10px; height:10px; margin-top:-5px; border-top:rgba(255,255,255,0.75) 1px solid; border-right:rgba(255,255,255,0.75) 1px solid; transform:rotate(-135deg); }
	.CampaignInner .Campaign01-slideNav .slick-next::before { content:''; display:block; position:absolute; top:50%; right:17px; width:10px; height:10px; margin-top:-5px; border-top:rgba(255,255,255,0.75) 1px solid; border-right:rgba(255,255,255,0.75) 1px solid; transform:rotate(45deg); }
		
	.PointInner ul{ width:100%; margin:0 auto 20px;}
	.PointInner ul li{ margin:0 10px;}
	.PointInner ul.point01-slideNav,
	.PointInner ul.point02-slideNav,
	.PointInner ul.point03-slideNav{ display:none;}
	
	
}


/*######################################################################*/
/*																		*/
/*	Intro        														*/
/*																		*/
/*######################################################################*/

.Intro { position:relative; border-top:#d0d0d0 1px solid; text-align:center; }
.Intro::before { content:''; display:block; position:absolute; left:50%; top:-10px; z-index:2; width:20px; height:10px; margin:0 0 0 -10px; background:#196b83; }
.Intro::after { content:''; display:block; position:absolute; left:50%; top:0; z-index:2; width:20px; height:10px; margin:0 0 0 -10px; background:#fff; }
.IntroInner { width:100%; margin:0 auto; }
.IntroInner::after { content:''; display:block; clear:both; height:0; }
.IntroInner header { position:relative; z-index:1; width:100%; padding:60px 7% 70px; color:#fff; text-align:center; background:#196b83; }
.IntroInner header h2 { margin-bottom:1.0em; color:#fff/*196b83*/; line-height:1.4; font-size:1.4em; font-weight:600; }
.IntroInner header h2 small { display:block; margin-bottom:10px; color:#fff/*478da1*/; font-family:'Sacramento', cursive; font-size:1.2em; font-weight:400; transform:rotate(-4deg); }
.IntroInner header h2 span { display:block; color:#fff; font-size:0.85em; font-weight:400; }
@media (min-width:769px) {
    .IntroInner header h2 span { display:inline-block; margin-right:1.0em; }
}
.IntroInner header figure { display:block; max-width:640px; margin:0 auto 1.0em;}
.IntroInner header figure img { width:100%; }
.IntroInner header p { line-height:1.6; text-align:left; max-width:640px; margin:0 auto; }

.IntroInner > ul { position:relative; z-index:2; margin-bottom:0; }
.IntroInner ul li.Point01 { position:relative; z-index:1; border-top:#d0d0d0 1px solid; padding-bottom:40px; padding-top:70px; }
.IntroInner ul li.Point01::before { content:''; display:block; position:absolute; left:50%; top:-10px; width:20px; height:10px; margin:0 0 0 -10px; background:#666; }
.IntroInner ul li.Point01::after { content:''; display:block; position:absolute; left:50%; top:0; width:20px; height:10px; margin:0 0 0 -10px; background:#196b83; }
.IntroInner ul li.Point02 { position:relative; z-index:2; border-top:#d0d0d0 1px solid; padding-bottom:40px; padding-top:70px; }
.IntroInner ul li.Point02::before { content:''; display:block; position:absolute; left:50%; top:-10px; width:20px; height:10px; margin:0 0 0 -10px; background:#666; }
.IntroInner ul li.Point02::after { content:''; display:block; position:absolute; left:50%; top:0; width:20px; height:10px; margin:0 0 0 -10px; background:#196b83; }
.IntroInner ul li.Point03 { position:relative; z-index:3; border-top:#d0d0d0 1px solid; padding-bottom:40px; padding-top:70px; }
.IntroInner ul li.Point03::before { content:''; display:block; position:absolute; left:50%; top:-10px; width:20px; height:10px; margin:0 0 0 -10px; background:#666; }
.IntroInner ul li.Point03::after { content:''; display:block; position:absolute; left:50%; top:0; width:20px; height:10px; margin:0 0 0 -10px; background:#196b83; }

.IntroInner li .PointInner { padding:0 7%; }
.IntroInner li h3 { margin-bottom:1.0em; color:#196b83; line-height:1.4; font-size:1.2em; font-weight:600; }
.IntroInner li h3 small { display:block; margin-bottom:10px; color:#478da1; font-family:'Sacramento', cursive; font-size:1.2em; font-weight:400; transform:rotate(-4deg); }
.IntroInner li h3 span { display:block; color:#666; font-size:0.85em; font-weight:400; }
@media (min-width:769px) {
    .IntroInner li .PointInner { padding:0 0; }
    .IntroInner li h3 span { display:inline-block; margin-right:1.0em; }
}
.IntroInner ul figure { display:block; padding:0 1px; }
.IntroInner ul img { width:100%; height:auto; }
.IntroInner ul p { line-height:1.75; font-size:0.8em; text-align:left; }
@media (min-width:769px) {
	.IntroInner ul p { line-height:1.6; font-size:1.0em; text-align:left; width:640px; margin:0 auto;}
	}

.IntroInner li h4 { margin:1.0em 0 1.0em; color:#baaacd; line-height:1.4; font-size:1.1em; font-weight:600; }
.IntroInner li h4 i { position:relative; top:-0.1em; margin-right:0.3em; }

.IntroInner ul ul + p { margin-bottom:3.25em; }

.slideNav { position:relative; margin-top:3px; margin-bottom:15px; }
.slideNav .slick-prev { display:block; position:absolute; top:50%; left:0; z-index:2; width:42px; height:100%; border-radius:0; background:#196b83; cursor:pointer; }
.slideNav .slick-next { display:block; position:absolute; top:50%; right:0; width:42px; height:100%; background:#196b83; cursor:pointer; }
.slideNav .slick-prev::before { content:''; display:block; position:absolute; top:50%; left:17px; z-index:2; width:10px; height:10px; margin-top:-5px; border-top:rgba(255,255,255,0.75) 1px solid; border-right:rgba(255,255,255,0.75) 1px solid; transform:rotate(-135deg); }
.slideNav .slick-next::before { content:''; display:block; position:absolute; top:50%; right:17px; width:10px; height:10px; margin-top:-5px; border-top:rgba(255,255,255,0.75) 1px solid; border-right:rgba(255,255,255,0.75) 1px solid; transform:rotate(45deg); }

.point03-slideNav .slick-list { margin-left:2.0em; }

/*######################################################################*/
/*	Intro2018	11周年　納得家具フェア									*/
/*######################################################################*/

.Intro2018 { position:relative; border-top:#d0d0d0 1px solid; text-align:center; }
.Intro2018::before { content:''; display:block; position:absolute; left:50%; top:-10px; z-index:2; width:20px; height:10px; margin:0 0 0 -10px; background:#196b83; }
.Intro2018::after { content:''; display:block; position:absolute; left:50%; top:0; z-index:2; width:20px; height:10px; margin:0 0 0 -10px; background:#fff; }
.Intro2018Inner { width:100%; margin:0 auto; }
.Intro2018Inner::after { content:''; display:block; clear:both; height:0; }

/* フェアheader */
.Intro2018Inner header { position:relative; z-index:1; width:100%; padding:60px 7% 70px; color:#fff; text-align:center; background:#196b83; }
.Intro2018Inner header h1 { margin-bottom:0.25em; color:#fff; line-height:1.4; font-size:1.4em; font-weight:600; }
.Intro2018Inner header h1 img { display:block;margin:auto auto 1.2em;}
.Intro2018Inner header h1 span {color:#fff; font-size:0.75em; font-weight:400; }
.Intro2018Inner header .date{text-align:center;font-size:1.125em;margin-bottom:0.5em;}
.Intro2018Inner header .small-text{text-align:center;font-size:0.9em;margin-bottom:1.4em;}
@media (min-width:769px) {
	.Intro2018Inner header h1 { margin-bottom:0.25em; font-size:1.75em;  }
	.Intro2018Inner header .date{font-size:1.4em;}
    .Intro2018Inner header .small-text{font-size:0.9em;}
}
.Intro2018Inner header figure { display:block; max-width:640px; margin:0 auto 1.0em;}
.Intro2018Inner header figure img { width:100%; }
.Intro2018Inner header p { line-height:1.6; text-align:left; max-width:640px; margin:0 auto; }
.Intro2018Inner header p.mb10 { margin-bottom: 10px; }
.Intro2018Inner header p.mb20 { margin-bottom: 20px; }
.Intro2018Inner > div.Intro2018Area { position:relative; z-index:2; margin-bottom:0; }



/*イベント-X'masツリー*/
.Intro2018Inner header .event-xmas { 
    background-color: #fff; 
    padding: 20px;
    /*border: 1px solid #fff;*/
    max-width: 640px;
    width: 90%;
    margin: 0 auto 20px;
    }
.Intro2018Inner header .event-xmas img {
    width: 100%;
    }

/*イベント-カッティングボード*/
.Intro2018Inner .present01 {
    max-width: 640px;
    margin: 0 auto 20px;
    width: 90%;
}
.Intro2018Inner .present01 img {
    width: 100%;
}
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }

/*イベント-学習机*/
.Intro2018Inner .present02 {
    max-width: 640px;
    width: 90%;
    margin: 0 auto 20px;
}
.Intro2018Inner .present02 img {
    width: 100%;
}
/*@media (max-width:480px) {
.Intro2018Inner section.Point03 .present02 .float {
    float: none;
    margin: 0 auto 10px;
    width: 90%;
}
.Intro2018Inner section.Point03 .present02 .left {
    margin-right: 0;
}
.Intro2018Inner section.Point03 .present02 .float img{
    margin-bottom: 20px;
}
}*/



/* カリモクオリジナルラグ */
.Intro2018Inner .Point01 { position:relative; z-index:1; border-top:#d0d0d0 1px solid; padding-bottom:40px; padding-top:70px; }
.Intro2018Inner .Point01::before { content:''; display:block; position:absolute; left:50%; top:-10px; width:20px; height:10px; margin:0 0 0 -10px; background:#666; }
.Intro2018Inner .Point01::after { content:''; display:block; position:absolute; left:50%; top:0; width:20px; height:10px; margin:0 0 0 -10px; background:#196b83; }

@media (min-width:769px) {
	.Intro2018Inner .Point01 .flexbox-wrap {display: -webkit-flex;display: flex; flex-wrap: wrap;}
	.Intro2018Inner .Point01 .flexbox-wrap section{width:40%;margin:0 5%;}
	.Intro2018Inner .Point01 .flexbox-wrap section p{width:auto}
}




/* ペットと暮らすインテリアフェア */
.Intro2018Inner .Point02 { position:relative; z-index:2; border-top:#d0d0d0 1px solid; padding-bottom:40px; padding-top:70px; }
.Intro2018Inner .Point02::before { content:''; display:block; position:absolute; left:50%; top:-10px; width:20px; height:10px; margin:0 0 0 -10px; background:#666; }
.Intro2018Inner .Point02::after { content:''; display:block; position:absolute; left:50%; top:0; width:20px; height:10px; margin:0 0 0 -10px; background:#196b83; }

.Intro2018Inner .Point02 .lamous {display: -webkit-flex;display: flex;text-align:left;margin-top:2em;}
.Intro2018Inner .Point02 .lamous figure{width:28%;margin-right:2%;}
.Intro2018Inner .Point02 .lamous div{width:70%;}
.Intro2018Inner .Point02 .lamous img{padding:0;}
.Intro2018Inner .Point02 .lamous h3{display:block;margin-bottom:0.5em; color:#482624;  font-size:1.0em; font-weight:600;}
.Intro2018Inner .Point02 .present,
.Intro2018Inner .Point03 .present {display: -webkit-flex;display: flex;text-align:left;background:url(../images/waku_present01.png) left top no-repeat,url(../images/waku_present02.png) right bottom no-repeat;padding:2% 4%;margin-bottom:0.5em;}
.Intro2018Inner .Point02 .present figure,
.Intro2018Inner .Point03 .present figure{width:27%;margin-right:3%;}
.Intro2018Inner .Point02 .present div,
.Intro2018Inner .Point03 .present div{width:70%;}
.Intro2018Inner .Point02 .present img,
.Intro2018Inner .Point03 .present img{padding:0;}
.Intro2018Inner .Point02 .present h4,
.Intro2018Inner .Point03 .present h4{color:#482624; font-size:1.0em; font-weight:600; color:#d98cd9;line-height:1.4;}
.Intro2018Inner .Point03 .present h4{color:#007487;}
.Intro2018Inner .Point02 .present h4 span,
.Intro2018Inner .Point03 .present h4 span{display:block; color:#9f7223; font-size:0.75em; font-weight:600; }
.Intro2018Inner .Point02 .present p,
.Intro2018Inner .Point03 .present p{margin-bottom:0.5em;}
@media (min-width:769px) {
	.Intro2018Inner .Point02 .flexbox-wrap {display: -webkit-flex;display: flex;margin-top:2.5em;align-items:flex-start;}
	.Intro2018Inner .Point02 .lamous {width:50%; margin-top:0;}
	.Intro2018Inner .Point02 .present { width:40%;margin-left:10%; padding:2%;}
	.Intro2018Inner .Point03 .present {width:500px;margin:1.5em auto 1em;padding:2%;}
	.Intro2018Inner .Point03 .present p {width:auto;}
}


/* ベッド体感フェア */
.Intro2018Inner .Point03 { position:relative; z-index:3; border-top:#d0d0d0 1px solid; padding-bottom:40px; padding-top:70px; }
.Intro2018Inner .Point03::before { content:''; display:block; position:absolute; left:50%; top:-10px; width:20px; height:10px; margin:0 0 0 -10px; background:#666; }
.Intro2018Inner .Point03::after { content:''; display:block; position:absolute; left:50%; top:0; width:20px; height:10px; margin:0 0 0 -10px; background:#196b83; }

.Intro2018Inner .Point03 h3 { margin-bottom:1.4em;margin-top:1.4em; color:#550700;font-size: 1.2em;}
@media (min-width:769px) {
	.Intro2018Inner .Point03 h3 { margin-bottom:1.4em;margin-top:2em; font-size: 1.5em;background:url(../images/mark_blue.png) no-repeat left top;display:inline-block; padding:6px 0 0 10px;}
	.Intro2018Inner .Point03 p {text-align:center;}
}

.Intro2018Inner section .PointInner { padding:0 7%; }
.Intro2018Inner section h2 { margin-top:1.0em;margin-bottom:-0.5em; color:#502925; line-height:1.4; font-size:1.2em; font-weight:600; }
.Intro2018Inner section h2 br{ display:none;}
.Intro2018Inner section.Point02 h2,
.Intro2018Inner section.Point03 h2{ display:inline-block;margin-bottom:0.5em;margin-top: 0; color:#1e6c82; line-height:1.4; font-size:1.2em; font-weight:600; border-bottom:1px solid #1e6c82;padding-bottom:0.2em;}
.Intro2018Inner section.Point02 h2 span,
.Intro2018Inner section.Point03 h2 span { display:block;margin-bottom:1.0em; color:#f08d48;  font-size:0.6em; font-weight:600; }
.Intro2018Inner section h3 { margin-bottom:1.0em; color:#196b83; line-height:1.4; font-size:1.05em; font-weight:600; }
.Intro2018Inner section h3 span { background:url(../images/mark_point.png) no-repeat center top;display:block; color:#502a26; font-size:0.85em; margin-bottom:0.5em;margin-top:3em;padding-top:0.85em;font-weight:800; }
.Intro2018Inner section.Point02 p.date,
.Intro2018Inner section.Point03 p.date { margin-bottom:1.5em; color:#1e6c82;  font-size:1.05em; }



@media (min-width:480px) {
	.Intro2018Inner section h2 br{ display:block;}
    
}
@media (min-width:769px) {
	.Intro2018Inner section h2 { margin-top:2.0em;margin-bottom:1.0em;font-size:1.5em;background:url(../images/mark_blue.png) no-repeat left top;display:inline-block; padding:6px 0 0 10px;}
    .Intro2018Inner section .PointInner { padding:0 0; }
	.Intro2018Inner section.Point02 h2,
	.Intro2018Inner section.Point03 h2{ margin-bottom:0.3em;margin-top: 0; font-size:1.5em;background:none;}
	.Intro2018Inner section.Point03 h2{padding-left:2em;padding-right:2em;}
	.Intro2018Inner section.Point02 p.date,
	.Intro2018Inner section.Point03 p.date {  font-size:1.4em; text-align:center;}
}
.Intro2018Inner section figure { display:block; padding:0 1px; }
.Intro2018Inner section img { width:100%; height:auto; }
.Intro2018Inner section p { line-height:1.4; font-size:1em; margin-bottom:1.5em;}

@media (min-width:769px) {
	.Intro2018Inner section p { line-height:1.6; font-size:1.0em; text-align:left; width:640px; margin:0 auto;}
}




/*######################################################################*/
/*																		*/
/*	cvArea       														*/
/*																		*/
/*######################################################################*/

.cvArea { background:#196b83; }
.cvAreaInner { padding:50px 7%; color:#fff; }
.cvAreaInner h5 { margin-bottom:10px; padding:0 20px; color:#fff; line-height:1.5; font-size:0.7em; font-weight:600; text-align:center; }
/*.cvAreaInner h5 {
    background-image:url('../images/catch-bg01.png'), url('../images/catch-bg02.png');
    background-repeat:no-repeat, no-repeat;
    background-position:left center, right center;
    background-size:15px 100%, 15px 100%;
}*/
@media (min-width:769px) {
    .cvAreaInner h5 { margin-bottom:20px; font-size:1.0em; }
    .cvAreaInner h5 br { display:none; }
}
.cvArea a.btn { padding-right:10px; padding-left:10px; }
.cvArea a .icon-walk::before { content:''; display:inline-block; width:1.0em; height:1.4em; margin:-0.4em 0.3em -0.2em 0; background:url('../images/icon-walk-wh.png') no-repeat; background-size:auto 100%; }

.cvArea .CampaignHead { margin-bottom:0; }

.cvArea p + p { margin-top:1.5em; margin-bottom:15px; }
.cvArea p + p + p { }
.cvArea p a.btn { padding-right:10px; padding-left:10px; }
.cvArea p a .icon-walk::before { content:''; display:inline-block; width:1.0em; height:1.4em; margin:-0.4em 0.3em -0.2em 0; background:url('../images/icon-walk-wh.png') no-repeat; background-size:auto 100%; }
.cvArea p a .icon-pdf::before { content:''; display:inline-block; width:1.0em; height:1.4em; margin:-0.4em 0.3em -0.2em 0; background:url('../images/icon-pdf.png') no-repeat; background-size:auto 100%; }


/*######################################################################*/
/*																		*/
/*	Meistar        														*/
/*																		*/
/*######################################################################*/

.Meistar { position:relative; border-top:#d0d0d0 1px solid; text-align:center; }
.Meistar::before { content:''; display:block; position:absolute; left:50%; top:-10px; z-index:3; width:20px; height:20px; margin:0 0 0 -10px; background:#b34368; }
.MeistarInner { position:relative; margin-bottom:0; }
.MeistarInner header { position:relative; z-index:1; width:100%; padding:60px 7% 0.0em; text-align:center; }
.MeistarInner header h2 { margin-bottom:0.75em; color:#b34368; line-height:1.4; font-size:1.4em; font-weight:600; letter-spacing:-0.05em; }
.MeistarInner header h2 small { display:block; margin-bottom:10px; color:#d09bad; font-family:'Sacramento', cursive; font-size:1.2em; font-weight:400; letter-spacing:0.05em; transform:rotate(-4deg); }
.MeistarInner header h2 sub { display:block; color:#666; font-size:0.65em; font-weight:400; letter-spacing:0.05em; }
.MeistarInner header h2 span { font-size:0.75em; }

.MeistarInner ol { width:86%; margin:0 auto; background:none; }
.MeistarInner ol li { position:relative; }
.MeistarInner ol img { width:100%; }
.MeistarInner ol .MeistarSlideInner { display:block; padding:15px; font-size:0.8em; text-align:left; }
.MeistarInner ol .MeistarSlideInner dl { margin-bottom:10px; }
.MeistarInner ol .MeistarSlideInner dt { display:block; position:relative; width:100%; padding-left:15px; font-size:1.0em; }
.MeistarInner ol .MeistarSlideInner dt::before { content:''; display:block; position:absolute; top:50%; left:0; z-index:2; width:7px; height:7px; margin-top:-3px; border-top:#b34368 1px solid; border-right:#b34368 1px solid; transform:rotate(45deg); }
.MeistarInner ol .MeistarSlideInner dd { display:block; width:100%; font-weight:600; }
.MeistarInner ol .MeistarSlideInner p { line-height:1.75; font-size:0.9em; }

.MeistarSlideNav { position:relative; left:7%; z-index:2; width:86%; margin-bottom:15px; }
/*@media (min-width:320px) {
    .MeistarSlideNav { top:-17.05em; }
    .MeistarInner ol .MeistarSlideInner { margin-top:70px; }
}
@media (min-width:375px) {
    .MeistarSlideNav { top:-17.0em; }
    .MeistarInner ol .MeistarSlideInner { margin-top:50px; }
}
@media (min-width:414px) {
    .MeistarSlideNav { top:-18.0em; }
    .MeistarInner ol .MeistarSlideInner { margin-top:65px; }
}*/
@media (min-width:769px) {
    .MeistarSlide,.MeistarSlideNav { display:none; }
	/*.MeistarSlideNav { top:0; margin-top:25px; }*/
    .MeistarInner ol .MeistarSlideInner { margin-top:0; }
	/*.MeistarInner ol .MeistarSlideInner { margin-top:20px; }*/
}

@media (min-width:769px) {
    .MeistarInner { margin-bottom:70px; }
    .MeistarInner ol { width:1080px; }
    .MeistarSlideNav { width:100%; left:0; }
    .MeistarInner header { padding-right:0; padding-left:0; }
}

.MeistarSlideNav figure { display:block; padding:0 2px; }
.MeistarSlideNav img { width:100%; }
.MeistarSlideNav .slick-prev { display:block; position:absolute; top:50%; left:0; z-index:2; width:42px; height:100%; background:#80445b; cursor:pointer; }
.MeistarSlideNav .slick-next { display:block; position:absolute; top:50%; right:0; width:42px; height:100%; background:#80445b; cursor:pointer; }
.MeistarSlideNav .slick-prev::before { content:''; display:block; position:absolute; top:50%; left:17px; z-index:2; width:10px; height:10px; margin-top:-5px; border-top:rgba(255,255,255,0.75) 1px solid; border-right:rgba(255,255,255,0.75) 1px solid; transform:rotate(-135deg); }
.MeistarSlideNav .slick-next::before { content:''; display:block; position:absolute; top:50%; right:17px; width:10px; height:10px; margin-top:-5px; border-top:rgba(255,255,255,0.75) 1px solid; border-right:rgba(255,255,255,0.75) 1px solid; transform:rotate(45deg); }

.MeistarList{ display:none;}

/*PC用設定*/
@media (min-width:769px) {
	.MeistarList{ display:block; margin:0 auto;}
	.MeistarList li{ 
	width:248px;
	display:block;
	background:#fff;
	float:left;
	height:360px;
	margin:0 10px 20px;
	padding:10px 0;
	
	
	}
	
	}



/*######################################################################*/
/*																		*/
/*	faq           														*/
/*																		*/
/*######################################################################*/

.faq { position:relative; border-top:#d0d0d0 1px solid; text-align:center; }
.faq::before { content:''; display:block; position:absolute; left:50%; top:-10px; z-index:3; width:20px; height:20px; margin:0 0 0 -10px; background:#6abc5b; }
.faqInner {  }
.faqInner header { position:relative; z-index:1; width:100%; padding:60px 7% 0.0em; text-align:center; }
.faqInner header h2 { margin-bottom:0.75em; color:#6abc5b; line-height:1.4; font-size:1.4em; font-weight:600; letter-spacing:-0.05em; }
.faqInner header h2 small { display:block; margin-bottom:10px; color:#b5d0b0; font-family:'Sacramento', cursive; font-size:1.1em; font-weight:400; letter-spacing:0.05em; transform:rotate(-4deg); }
.faqInner header h2 sub { display:block; color:#666; font-size:0.65em; font-weight:400; letter-spacing:0.05em; }
.faqInner header h2 span { font-size:0.75em; }

.faqInner ol { width:86%; max-width:640px; margin:0 auto; padding-bottom:60px; font-size:0.9em; text-align:left; }
.faqInner ol li { margin-bottom:25px; }
.faqInner ol li dl { margin-bottom:10px; }
.faqInner ol li dt { position:relative; margin-bottom:15px; padding:10px 15px 10px 40px; border-radius:4px; line-height:1.5; font-weight:600; background:#f1f9ee; }
.faqInner ol li dt::before { content:''; display:inline-block; position:absolute; left:15px; width:1.3em; height:1.3em; background:url('../images/icon-q.png') no-repeat center center; background-size:auto 100%; }
.faqInner ol li dt::after { content:''; display:inline-block; position:absolute; bottom:-16px; left:20px; border:transparent 7px solid; border-top:#f1f9ee 10px solid; }
.faqInner ol li dd {  }


/*######################################################################*/
/*																		*/
/*	Showroom       														*/
/*																		*/
/*######################################################################*/

.Showroom { position:relative; border-top:#d0d0d0 1px solid; background:#f9f9f9; }
.Showroom::before { content:''; display:block; position:absolute; left:50%; top:-10px; z-index:3; width:20px; height:20px; margin:0 0 0 -10px; background:#62718b; }
.ShowroomInner { }

.ShowroomInner header { position:relative; z-index:1; width:100%; padding:70px 7% 0.0em; text-align:left; }
.ShowroomInner header h2 {  color:#62718b; line-height:1.4; font-size:1.25em; font-weight:600; letter-spacing:-0.05em; max-width:640px; margin:0 auto 0.75em; }
.ShowroomInner header h2 small { display:block; margin-bottom:10px; color:#b5d0b0; font-family:'Sacramento', cursive; font-size:1.1em; font-weight:400; letter-spacing:0.05em; transform:rotate(-4deg); }
.ShowroomInner header h2 span { display:block; color:#666; font-size:0.75em; font-weight:400; }

.ShowroomInner figure { display:block; margin-bottom:20px; }
.ShowroomInner figure img { width:100%; }
.ShowroomInner p { padding:0 7%; font-size:0.8em; }
.ShowroomInner p + p { margin:1.5em 0 2.5em; }

@media (min-width:769px) {
	.SRinner{width:640px; background:none; padding:20px 0; height:300px; margin:0 auto;}
	.SRinner figure{width:56%;float:left;}
	.SRtext{ width:40%; float:right;}
	.ShowroomInner p { padding:0; font-size:0.8em; }
	.ShowroomInner p + p { margin:1.5em 0 2.5em; }
	}



/*######################################################################*/
/*																		*/
/*	Foot          														*/
/*																		*/
/*######################################################################*/

.Foot {  }
.Foot::after { content:''; display:block; clear:both; height:0; }

.FootInner { padding:30px 7% 0; }
.FootHead { margin-bottom:5px; text-align:center; }
.FootHead h4 { margin-bottom:10px; }
.FootHead h4 img { height:32px; }
@media (min-width:769px) {
	.FootHead h4 img { height:48px; }
	}

.FootHead p { font-size:1.0em; font-weight:600; }

.List { margin-bottom:25px; font-size:0.9em; }
.List li { padding:15px 0; border-bottom:#ddd 1px solid; }
.List li:last-child { border-bottom:0; }
@media (min-width:769px) {
	.List { width:780px; margin:0 auto 40px; padding-top:20px;}
	.List li { width:240px; height:130px; margin:0 10px 10px; float:left; padding:15px 0 5px;}
	.List li:last-child { border-bottom:#ddd 1px solid; }
	}


.Foot .copyright { display:block; padding:20px 0; color:#666; font-family:'Open Sans'; font-size:0.6em; font-style:italic; font-weight:100; text-align:center; background:#f1f1f1; }

.pageTop { display:block; position:fixed; right:0; bottom:0; z-index:200; width:40px; height:40px; background:#196b83; cursor:pointer; }
.pageTop::before { content:''; display:block; position:absolute; left:50%; top:50%; width:7px; height:7px; margin:-3px 0 0 -3px; border:transparent 2px solid; border-top:#fff 2px solid; border-right:#fff 2px solid; transform:rotate(-45deg); }