@charset "utf-8";
/* CSS Document */

.box2 {
	font-family: BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, ”Hiragino Kaku Gothic ProN”, “Hiragino Sans” sans-serif;
	font-feature-settings: "palt";
	font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.7em;
    letter-spacing: 0em;
}

h1, h2 {
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 100;
}

h2 {
	font-size: 1.625rem;
    font-weight: 100;
    line-height: 1.4em;
    letter-spacing: 2px;
}

h1#store a{
	display:block;
	background-position: 10px 2px;
	background-image:url(../../../img/logo_onlinestore.png);
	width:252px;
	background-repeat:no-repeat;
	text-indent:-7777px;
	height:40px;
	float:left;
}
.img{
	vertical-align:bottom;
}
.copy1{
	background:#fff;
	padding:40px 40px 60px 40px;
}
h1.title{
	margin-top:40px;
	margin-bottom:20px;
	border:1px solid #d2d2d2;
	height:398px;
}
.copy1 h1{
	font-size: 2.0625rem;
    letter-spacing: 2px;
    line-height: 1.3em;
	text-align:center;
	margin:40px 0;
}
.copy1 .image-box{
	margin:40px 0;
}
.copy1 h1.end{
	margin-top:40px;
	font-size:25px;
	line-height:28px;
}
.copy1 p,
.copy1 ul{
	margin-top:20px;
}
.copy1 p.attention_virus {
	font-size: 0.8125rem;
    line-height: 1.6em;
    letter-spacing: 0.1em;
}
.copy1 .picup{
	border:1px dotted #777;
	margin-top:80px;
	padding:40px;
}
/*
.copy1 .picup h2{
	font-size:17px;
}
*/
.copy1 .picup p.bottom40{
	margin-bottom:50px;
}
.copy1 .picup .text-box{
	width:838px;
}
.copy1 .picup .right-box{
	float:left;
}
.copy1 .picup .right-box a{
	border:1px solid #fff;
	display:block;
	width:130px;
	padding:10px;
	height:180px;
}
.copy1 .picup .right-box a:hover{
	border:1px solid #dba24c;
}
.copy1 .map-box{
	margin-top:40px;
	margin-bottom: 40px;
}
.copy1 .map-box h3{
	font-size:17px;
	font-weight:bold;
}
.map{
	margin:40px 0;
}
.copy1 .map-box .photo{
	margin:20px 0 80px 0;
}
.copy1 .map-box .link a
{
	color:#dba24c;
}
#poll{
	width:838px;
}
table.tpl{
	margin:40px 0 0 40px;
	font-size:12px;
	color:#3c3c3c;
	padding:40px;
	width:100%;
	table-layout:auto;
	border-collapse:collapse;
    border-spacing:0;
    empty-cells: show;
}
table.tpl h3{
	font-size:20px;
	font-weight:bold;
}
table.tpl h3 span{
	font-size:14px;
}
table th{
	font-size:100%;
	text-align:left;
    padding:8px;
	background:#e6e6e6;
	vertical-align:middle;
}
table td{
	width:160px;
	font-size:100%;
	background:#fff;
	text-align:left;
    font-weight:normal;
    padding:10px 0px;
	vertical-align:middle;
}
table td.center{
	padding-top:40px;
	text-align:center;
}
.border{
	margin:40px 0;
	border-top:1px dotted #777;
}
.other-box{
	margin-top: 40px;
}
.goto-other a{
	width:412px;
	height:50px;
	overflow:hidden;
	display:block;
	text-indent:-7777px;
	background:no-repeat;
	background-position:0 0;
}
.goto-catalog a{
	background:url(../../../campaign/img/480stool_present/banner_catalog.gif);
    margin: 0 auto;
}
.goto-storeonline a{
	background:url(../../../campaign/img/480stool_present/banner_mailmagazine.gif);
    margin: 10px auto 0;
}
.goto-mailmagazine a{
	background:url(../../../campaign/img/480stool_present/banner_store2.gif);
    margin: 10px auto 0;
}
.goto-catalog a:hover,
.goto-storeonline a:hover,
.goto-mailmagazine a:hover{
	background-position:0 -50px;
}
/*210309メルマガリンクデザイン変更*/
.goto-magazine-link-box{
    width: 65%;
    margin: 0 auto;
}
.goto-magazine-link:hover{
	text-decoration: none;
}
.goto-magazine{
	background-color: #dba24c;
    display: flex;
    align-items: center;
    padding: 15px 30px;
    border: 1px solid #dba24c;
	-webkit-transition: all .3s ease;
    transition: all .3s ease;
	color: #fff;
    position: relative;
}
.goto-magazine-link:hover .goto-magazine{
	background-color: #fff;
    border: 1px solid #dba24c;
	color: #dba24c;
}
.goto-magazine p{
    margin: 0;
}
.goto-magazine::after, .goto-magazine::before{
	content: "";
    display: block;
    position: absolute;
    top: calc(50% - 1px);
    right: 20px;
    background-color: currentColor;
    height: 2px;
    width: 15px;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
}
.goto-magazine::after{
	    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;	
}
.goto-magazine::before{
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
}
.goto-magazine .icon-mail{
	fill: #fff;
    width: 42px;
    height: 24px;
	margin-right: 20px;
	-webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.goto-magazine-link:hover .goto-magazine .icon-mail {
	fill: #dba24c;
}
/*210309メルマガリンクデザイン変更*/
.sub-box2 td{
	text-align:center;
}
.sub-box2{
	margin-bottom:80px;
}

/*展示ソファ一覧*/
#sofalist ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#sofalist li{
	width: 19%;
	text-align: center;
	margin-bottom: 15px;
}

#sofalist a {
	display: block;
	font-size: 0.85rem;
    line-height: 1.6;
}

#sofalist 
/*展示ソファ一覧ここまで*/


.showroom-box{
	width:836px;
	height:110px;
	margin-bottom:20px;
}
.showroom-box .l-box{
	float:left;
	margin-right:12px;
}
.showroom-box a{
	display:block;
	border:2px solid #d2d2d2;
}
.showroom-box a:hover{
	border:2px solid #dba24c;
}
.showroom-box .r-box{
	float:left;
}
p.bnr a{
	display:block;
	margin-top:40px;
	width:834px;
	border:1px solid #d2d2d2;
	padding:40px 0px;
	height:20px;
	background:#dba24c;
	color:#fff;
	font-size:18px;
	text-align:center;
}
p.bnr a:hover{
	background:#ab8730;
	text-decoration:none;
}
/*別ウィンドウ*/
.window-box{
	width:700px;
	height:380px;
	background:#fff;
	padding:50px;
}
.window-box .text-box .select-box{
	padding:20px;
	border:1px dotted #d2d2d2;
	line-height:4em;
}
.window-box .text-box .select-box .select{
	font-size:15px;
	font-weight:bold;
	border:1px dotted #d2d2d2;
	margin:10px;
	padding:10px;
}
.window-box .text-box .select-box .submit{
	padding:10px;
	color:#fff;
	background:#dba24c;
	border:none;
}
.window-box .text-box .select-box .submit:hover{
	background:#ab8730;
	text-decoration:none;
}
.seach-window{
	margin:40px 0px;
}
.seach-window a{
	background:#dba24c;
	height:60px;
	padding:20px;
	color:#fff;
}
.seach-window a:hover{
	background:#ab8730;
	text-decoration:none;
}
.showroom-box{
	width:836px;
	height:110px;
	margin-bottom:20px;
}
.showroom-box .l-box{
	float:left;
	margin-right:12px;
}
.showroom-box a{
	display:block;
	border:2px solid #d2d2d2;
}
.showroom-box a:hover{
	border:2px solid #dba24c;
}
.showroom-box .r-box{
	float:left;
}
.info-showroom {
	background: #3c3c3c;
	width: 228px;
	padding: 20px;
	color: #fff;
	height: 62px;
}

.showroom-box171208 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.showroom-box171208 h4 {
	font-size: 1.3em;
}

.showroom-box171208 p.address {
	margin-top: 8px;
	font-size: 0.8125rem;
    line-height: 1.6em;
    letter-spacing: 0.1em;
}

.showroom-box171208 a .showroom-sabbox {
	width: 268px;
	border: 2px solid #d2d2d2;
}
.showroom-box171208 a:hover .showroom-sabbox {
	border: 2px solid #dba24c;
}

.showroom-box171208 a {
	display: block;
	margin-top: 10px;
}

.showroom-box171208 a {
	display: block;	
	margin-right: 10px;
}
.showroom-box171208 a:hover{
	text-decoration: none;
}
.showroom-box171208 a.last{
	margin-right: 0px;
}

.showroom-box171208 .img-showroom {
	width: 268px;
	height: 134px;
}
.reservation{
	background-color: currentColor;
	background: url(../../../../img/back_ten_gy3.gif);
	padding: 30px;
	margin: 30px 0;
	border: 1px solid #d2d2d2;
}
.reservation span.attention{
	font-size: 14px;
	background: linear-gradient(transparent 60%,rgba(255, 255, 102, 0.72) 60%);
}
.reservation-img{
	margin-top: 10px;
}
.reservation .reservation-btn{
	background-color: #dba24c;
    display: block;
    margin-top: 10px;
    width: 50%;
    height: 70px;
    text-align: center;
    font-size: 15px;
    letter-spacing: 4px;
    color: #fff;
    line-height: 70px;
    transition: all 0.5s ease;
    cursor: pointer;
    text-decoration: none;
	position: relative;
	border: 1px solid #dba24c;
}
.reservation .reservation-btn:hover{
	border: 1px solid #dba24c;
    background-color: #fff;
    color: #dba24c;
}
.time-schedule{
	margin: 30px 0 50px;
}
.sp,
.sp_br{
	display: none;
}

#table-check{
	width: 100%;
	display: flex;
	justify-content: space-between;
	border: 3px solid #d2d2d2;
    box-sizing: border-box;
	margin-top: 4px;
}


.zumen #check-mark{
	margin-top: 0;
    position: relative;
	font-weight: bold;
	letter-spacing: 0.1em;
	
		margin-bottom: 5px;
}
.zumen #check-mark::before{
	content: "";
	border: 4px solid #900;
    border-radius: 50%;
    padding: 3px 11px;
	margin-right: 5px;
}
.zumen #check-mark::after{
    content: "";
    position: absolute;
    top: .5em;
    left: 10px;
    width: 8px;
    height: 3px;
    border-left: 2px solid #3c3c3c;
    border-bottom: 2px solid #3c3c3c;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.zumen{
	width: 100%;
    padding: 20px;
}
.check-item .a-link{
	position: relative;
}
.check-item .a-link::before{
	content: "";
    background: url(../../../../img/arrow1_or.png);
    width: 3px;
    height: 5px;
    position: absolute;
    left: 0px;
    top: 7px;
}
.check-wrap{
	margin-top: 50px!important;
}
.check-box{
	position: relative;
	padding: 40px 30px 30px;
}
.check-box .check-item:nth-child(2){
	margin-bottom: 40px;
}
.check-box-check{
	position: absolute;
	top: -10px;
	left: 10px;
	background-color: #fff;
    padding: 0 10px;
}
.check-mark{
	font-weight: 800;
}
figure{
	margin: 0;
	padding: 0;
}

.check-ph img{
	border-right: 1px solid #d2d2d2;
}

.sapporo_haisou p{
	margin: 13px 0;
}

.sapporo_haisou p a{
	margin: 5px 0;
}
.pc_only {
	display: block;
}
.sp_only{
	display: none;
}

/*2025.2.7 ハグみじゅうたんコラボ企画*/
.picup.hagumi-collabo {
	margin:0 8px;
	color:white;
	background-color: #848D7E;	
}
.picup.hagumi-collabo h2{
	text-align: center;
}
.picup.hagumi-collabo .list-box:first-child{
	margin-bottom:30px;
}
.picup.hagumi-collabo .list-box:first-child,
.picup.hagumi-collabo .list-box:first-child ul{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	gap: 38px;
}
.picup.hagumi-collabo .list-box:first-child ul li:first-child{
	font-size:1.2rem;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 100;
	border: 1px solid rgba(255, 255, 255, 0.19);
	padding: 7px 22px 8px;
	display:flex;
	align-items: center;
}
.picup.hagumi-collabo .list-box:first-child ul li:first-child p{
	margin-top:0px;
	vertical-align: center;
}
.picup.hagumi-collabo .list-box h2{
	margin-bottom:28px;
}
.picup.hagumi-collabo .list-box:nth-child(2){
	margin-bottom:35px;
}
.picup.hagumi-collabo .list-box p{
	text-align:center;
}
.picup.hagumi-collabo .list-box:last-child{
	border: 1px solid rgba(255, 255, 255, 0.19);
	padding: 0px 25px 25px;
}
.picup.hagumi-collabo .list-box:last-child ul{
	display:flex;
	justify-content: flex-start;
	align-content: flex-start;
	margin-top:50px;
	margin-bottom: 30px;
	gap:30px;
}
.picup.hagumi-collabo .list-box:last-child ul p{
	margin-top:0px;
}
.picup.hagumi-collabo .list-box:last-child ul li:first-child{
	margin:0px;
}
.picup.hagumi-collabo .list-box:last-child ul li:last-child{
	width:100%;
	text-align: left;
}
.picup.hagumi-collabo .list-box:last-child ul li:last-child h3{
	font-size:22px;
	margin-bottom:30px;
}
.picup.hagumi-collabo .list-box:last-child ul li:last-child p{
	text-align:left;
}
.picup.hagumi-collabo .list-box:last-child ul li:last-child p:last-child{
	padding-top:13px;
}
.picup.hagumi-collabo .list-box:last-child .pict{
	display:flex;
	justify-content:space-between;
	width:100%;
	gap:7px;
}
.picup.hagumi-collabo .list-box .quote::before {
  content: '「';
  margin-left: 0.3rem;
  margin-right: 0.05rem;
}
.picup.hagumi-collabo .list-box .quote::after {
  content: '」';
  margin-left: 0.1rem;
  margin-right: 0.3rem;
}