@charset "utf-8";

/*  common
-------------------------------------------------------------------*/
@font-face {
	font-family: "DAYS_試作_1028 R";
	src: url("../font/DAYS_TRY_1028-R.eot");
	src: url("../font/DAYS_TRY_1028-R.eot?#iefix") format("embedded-opentype"), url("../font/DAYS_TRY_1028-R.woff") format("woff"), url("../font/DAYS_TRY_1028-R.woff2") format("woff2"), url("../font/DAYS_TRY_1028-R.ttf") format("truetype"); 
}
.font_days {
	font-family: "DAYS_試作_1028 R";
	letter-spacing: .1em;
}
body{
	color: #333;
	font-size: 16px;
}
p{
	line-height: 1.75;
}
#daysoffice_content *{
	box-sizing: border-box;
}
.row{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.col{
	flex: 1;
}
.col-4 {
	width: 33.3333333333%;
}
.col-6 {
	width: 50%;
}
.col-3 {
	width: 25%;
}
.nowrap{
	flex-wrap: nowrap;
}
.justify-start{
	justify-content: flex-start;
}
.justify-center{
	justify-content: center;
	text-align: center;
}
.align-start{
	align-items: flex-start;
}
.align-center{
	align-items: center;
}
.w-100{ width: 100%!important; }
.w-50{ width: 50%!important; }
.w-33{ width: 33.3333%!important; }
.w-25{ width: 25%!important; }

.p-05 { padding: 0.5rem; }
.p-1 { padding: 1rem; }
.p-15 { padding: 1.5rem; }
.p-2 { padding: 2rem; }
.p-3 { padding: 3rem; }
.m-05 { margin: 0.5rem; }
.m-1 { margin: 1rem; }
.m-15 { margin: 1.5rem; }
.m-2 { margin: 2rem; }
.m-3 { margin: 3rem; }

.mb-05 { margin-bottom: 0.5rem; }
.mb-1 { margin-bottom: 1rem; }
.mb-15 { margin-bottom: 1.5rem; }
.mb-2 { margin-bottom: 2rem; }
.mb-3 { margin-bottom: 3rem; }

.mb-n05 { margin-bottom: -0.5rem; }
.mb-n1 { margin-bottom: -1rem; }
.mb-n15 { margin-bottom: -1.5rem; }
.mb-n2 { margin-bottom: -2rem; }
.mb-n3 { margin-bottom: -3rem; }

.mx-n05 { margin-left: -0.5rem; margin-right: -0.5rem; }
.mx-n1 { margin-left: -1rem; margin-right: -1rem; }
.mx-n15 { margin-left: -1.5rem; margin-right: -1.5rem; }
.mx-n2 { margin-left: -2rem; margin-right: -2rem; }
.mx-n3 { margin-left: -3rem; margin-right: -3rem; }

.is-sp{
	display: none;
}
.is-pc{
	display: inline;
}
.slider > *{
	max-width: 950px;
}
#daysoffice_content img{
	max-width: 100%;
	height: auto;
	display: inline-block;
	/*padding-left: 10px;*/
}
#daysoffice_content img.base{
/*	width: 459px;*/
    height: 306.141px;
    object-fit: cover;
}
.text-center{ text-align: center!important;}
.text-left{ text-align: left!important;}
.text-right{ text-align: right!important;}

.btn{
	cursor: pointer;
	opacity: 1;
	transition: 0.2s;
}
.btn:hover{
	opacity: 0.8;
	transition: 0.2s;
}
.btn-round{
	border-radius: 8px;
}
a,
a:visited{
	color: #333;
}

.bg_01{
	background-color: #faf0eb;
}
.bg_02{
	background-color: #f9f9f9;
}
.tag{
	background-color: #424242;
	color: white;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 700;
	line-height: 12px;
	padding: 8px 12px;
	margin-right: 3px;
}
.bx-wrapper,
.slick-track{
	position: relative;
}
.slider > *{
	max-width: 950px;
}
.bx-pager {
	display: none!important;
}
/*
section .fade-up {
	opacity: 0;
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
}
section .fade-up.in {
	opacity: 1;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	transition: 0.2s;
}
*/
.slick-next:before,
.slick-prev:before{
	content: ""!important;
}
.slick-next{
	background: url(../img/slider_next.png) no-repeat!important;
	background-size: cover;
	right: 0;
}
.slick-prev{
	background: url(../img/slider_prev.png) no-repeat!important;
	background-size: cover;
	left: 0;
}
.slick-next:hover,
.slick-prev:hover{
	opacity: 0.7;
	transition: 0.2s;
}

.justify-center .m-btn01 {
	color: #ffffff;
    font-size: 1.2rem;
}

.office_btn_block .m-btn01 {
	width: 100%;
	color: #ffffff;
    font-size: 1.1rem;
}

@media screen and (max-width:767px) {
.justify-center .m-btn01 {
    font-size: 1rem;
}
.office_btn_block .m-btn01 {
	font-size: 1rem;
}
.footer_inner .nav li img{
	display: inline;
	width: auto;
}

}

@media screen and (max-width:767px) {
	.p-05 { padding: 0.25rem; }
	.p-1 { padding: 0.5rem; }
	.p-15 { padding: 0.75rem; }
	.p-2 { padding: 1rem; }
	.p-3 { padding: 1.5rem; }
	.m-05 { margin: 0.25rem; }
	.m-1 { margin: 0.5rem; }
	.m-15 { margin: 0.75rem; }
	.m-2 { margin: 1rem; }
	.m-3 { margin: 1.5rem; }
	.mx-n05 { margin-left: -0.25rem; margin-right: -0.25rem; }
	.mx-n1 { margin-left: -0.5rem; margin-right: -0.5rem; }
	.mx-n15 { margin-left: -0.75rem; margin-right: -0.75rem; }
	.mx-n2 { margin-left: -1rem; margin-right: -1rem; }
	.mx-n2e { margin-left: -2rem !important; margin-right: -2rem !important;}
	.mx-n3 { margin-left: -1.5rem; margin-right: -1.5rem; }

	.w-100{ width: 100%!important; }
	.w-50{ width: 100%!important; }
	.w-33{ width: 50%!important; }
	.w-25{ width: 50%!important; }


	.w-xs-100{ width: 100%!important; }
	.w-xs-50{ width: 50%!important; }
	.w-xs-33{ width: 33.3333%!important; }
	.w-xs-25{ width: 25%!important; }

	img{
		display: block;
		width: 100%;
		margin: auto;
	}
	.col-4 {
		width: 50%;
	}
	.col-6 {
		width: 100%;
	}
	.col-3 {
		width: 50%;
	}
	.is-sp{
		display: inline;
	}
	.is-pc{
		display: none;
	}
	.slider > *{
		max-width: 100%;
	}
}

/*  content
-------------------------------------------------------------------*/


#daysoffice_content section{
	padding-top: 40px;
	padding-bottom: 50px;
}
#daysoffice_content #overview{
	padding-top: 40px;
}
#daysoffice_content #detail{
	padding-bottom: 40px;
}
#daysoffice_content #detail .row .m-btn01{
	color: #ffffff;
}
#daysoffice_content section.office-area{
	padding-top: 0;
}
#daysoffice_content #recommand_section{
	padding-top: 0;
	padding-bottom: 0;	
}
@media screen and (max-width:767px) {
	#daysoffice_content #detail{
		padding-top: 10.66666666666667vw;
		padding-bottom: 10.66666666666667vw;
	}
	#daysoffice_content section#recommand_section{
		padding-left: 0;
		padding-right: 0;
	}
	#daysoffice_content section.office-area{
		padding-top: 0;
		padding-bottom: 4vw;
	}
	#daysoffice_content section.office-area .inner{
		padding: 5px;
	}
}
#daysoffice_content .inner{
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
}

#daysoffice_content .title01{
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 30px;
	color: #424242;
	padding: 35px 0 30px;
}
#daysoffice_content .title02{
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 24px;
	font-weight: 700;
	padding: 35px 0 20px;
	color: #424242;

	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#daysoffice_content .title03{
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 30px;
	font-weight: 700;
	color: #424242;
	padding: 35px 0 20px;
	text-align: center;
}
#daysoffice_content .title04{
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 30px;
	font-weight: 700;
	padding: 35px 0 20px;
	color: #424242;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
#daysoffice_content .title04:before{
	content:"";
	display: block;
	height: 3px;
	width: 80px;
	background: #424242;
	margin-right: 1rem;
}
#daysoffice_content .title04:after{
	content:"";
	display: block;
	height: 3px;
	width: 80px;
	background: #424242;
	margin-left: 1rem;
}

#daysoffice_content .font_days_title{
	font-family: "DAYS_試作_1028 R";
	font-size: 36px;
	letter-spacing: .2em;
	font-weight: 700;
	padding: 35px 0 20px;
	color: #424242;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width:767px) {
#daysoffice_content .font_days_title{	
	font-size: 30px;
}
}

#daysoffice_content .font_days_title:before{
	content:"";
	display: block;
	height: 3px;
	width: 80px;
	background: #424242;
	margin-right: 1rem;
}
#daysoffice_content .font_days_title:after{
	content:"";
	display: block;
	height: 3px;
	width: 80px;
	background: #424242;
	margin-left: 1rem;
}


#daysoffice_content .title02 > img{
	margin-bottom: 30px;
}
#daysoffice_content .title01:before {
    background: #555;
    content: '';
    width: 10.66666666666667vw;
    height: 0.8vw;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 200px;
    height: 5px;
}
#daysoffice_content .title01 span {
    display: block;
    margin-top: -2px;
}
#daysoffice_content .txt01 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.75;
	text-align: center;
	color: #424242;
	
}
#daysoffice_content .txt02 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.75;
	text-align: center;
	color: #424242;
}
#daysoffice_content .txt03 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.75;
    text-align: center;
}

#daysoffice_content .btn-showroom{
	border: 1px solid #424242;
	color: #424242;
	font-size: 20px;
	text-align: center;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 45px;
	border-radius:30px;
}

#daysoffice_content .btn-showroom:before{
	content: "";
	display: block;
	width: 14px;
	height: 8px;
	background: url(../img/icon_link02.png) no-repeat;
	background-size: 14px 8px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	transition: 0.2s;
}
#daysoffice_content .btn-showroom:hover:before{
	transform: translateY(3px);
	transition: 0.2s;
}

#daysoffice_content .btn-showroom:hover{
    background-color: #c8c8c8;
    color: #000000;
}

#daysoffice_content .m-btn-wrap .cap-foot {
	display: block;
	margin-top: 20px;
	font-size: 13px;
    font-weight: 700;
}

#daysoffice_content .m-btn-wrap .m-btn01 > span {
	padding-left: 10px;
}

@media screen and (max-width:767px) {
	#daysoffice_content .m-btn-wrap .m-btn01{
			width: 58.6667vw;
	}
	#daysoffice_content .m-btn-wrap .m-btn01 > span img {
		width: auto;
	}
	#daysoffice_content .m-btn-wrap .cap-foot {
		font-size: 3.2vw;
		margin-top: 5.33334vw;
		line-height: 1.6;
	}
}

#daysoffice_content .btn-link{
	color: white;
	font-size: 20px;
	text-align: center;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	padding-right: 30px; 
	padding-left: 30px;
}
#daysoffice_content .btn-link.black{
	background-color: #000000;
}
#daysoffice_content a.black:hover{
    color: #ffffff;
    opacity: .6;
}

#daysoffice_content .btn-link.red{
	background-color: #9bbca0;
}

#daysoffice_content .btn-link:before{
	content: "";
	display: block;
	width: 7px;
	height: 14px;
	background: url(../img/btn_arrow_01.png) no-repeat;
	background-size: 7px 14px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	transition: 0.2s;
}
#daysoffice_content .btn-link:hover:before{
	right: 15px;
	transition: 0.2s;
}

#daysoffice_content .m-btn01.icon-blank > span {
	padding: 0 22px 0 8px;
}

#daysoffice_content .linup-slider{
	padding-left: 40px;
	padding-right: 30px;
}

@media screen and (max-width:767px) {
#daysoffice_content .linup-slider{
	padding-left: 0;
	padding-right: 0;
	margin-left: -3vw;
	margin-right: -3vw;
}
}

#daysoffice_content .product_thumbnail{
	text-align: center;
	display:inline-block;
	width: 24%;
	flex: 1;
	margin-bottom: 15px;
} 

#daysoffice_content .product_img{
	margin: auto;
}
#daysoffice_content .product_name{
	font-size: 14px;
	font-weight: 700;
	text-align: center;
}
#daysoffice_content .product_no{
	font-size: 14px;
	text-align: center;
}

#daysoffice_content .showroom_name{
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 0.5rem;
	color: #424242;
}
#daysoffice_content .table_simple{
	width: 100%;
}
#daysoffice_content .table_simple td,
#daysoffice_content .table_simple th{
	padding: 1rem;
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
}
#daysoffice_content .table_simple th{
	width: 25%;
}
#daysoffice_content .showroom_thumbnail{
	position: relative;
}
#daysoffice_content .office_btn_block{
	margin-bottom: 15px;
}

#daysoffice_content .flagship-logo{
	text-align: center;
}
/*
#daysoffice_content .showroom_thumbnail img{
	max-width: 450px;
	max-height: 275px;
}
*/

@media screen and (max-width:767px) {
	#daysoffice_content section{
		padding: 10.66666666666667vw 4vw 6.666666666666667vw;
	}
	#daysoffice_content .inner{
		width: 100%;
	}
	#daysoffice_content .title01 img,
	#daysoffice_content .title02 img{
		width: 53.33333333333333vw;
	}
	#daysoffice_content img.title{
		width: 53.33333333333333vw;
	}
	#daysoffice_content .title01 span {
		margin: 0;
	}
	#daysoffice_content .title01 {
		font-size: 4.733333333333333vw;
		margin-bottom: 7.466666666666667vw;
		padding: 0 0 1.866666666666667vw;
	}
	#daysoffice_content .title01:before {
		width: 21.33333333333333vw;
		height: 0.5333333333333333vw;
	}
	#daysoffice_content .btn-showroom{
		font-size: 16px;
		height: 30px;
	}
	#daysoffice_content .btn-showroom:before{
		right: 10px;
	}
	
	#daysoffice_content .txt01 {
		font-size: 16px;
		font-weight: 700;
		line-height: 1.75;
		text-align: left;
	}
	#daysoffice_content .txt02 {
		font-size: 18px;
		font-weight: 700;
		line-height: 1.75;
		text-align: center;
	}
	#daysoffice_content .txt03 {
		font-size: 18px;
		font-weight: 700;
		line-height: 1.75;
		text-align: center;
		padding-bottom: 30px;
	}
	#daysoffice_content .text-center{
		text-align: left !important;
	}
	#daysoffice_content img.unit_img{
		margin-bottom: 20px;
	}
	#daysoffice_content .title02{
		font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
		font-size: 18px;
		font-weight: 700;
		padding: 18px 0 25px;
	}
	#daysoffice_content .title03{
		font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
		font-size: 20px;
		font-weight: 700;
		padding: 0 0 10px;
		text-align: center;
	}
	#daysoffice_content .title04{
		font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
		font-size: 20px;
		font-weight: 700;
		padding: 15px 0 10px;
	}
	#daysoffice_content .title04:before{
		content:"";
		display: block;
		height: 2px;
		width: 40px;
	}
	#daysoffice_content .title04:after{
		content:"";
		display: block;
		height: 2px;
		width: 40px;
	}
	#daysoffice_content .showroom_name{
		font-size: 20px;
	}
	#daysoffice_content .product_thumbnail{
		text-align: center;
		display:inline-block;
		width: 48%;
		padding: 1rem;
		flex: 1;
	} 
	#daysoffice_content .table_simple td{
		display: block;
		width: 100%;
		padding: 0 1rem 1rem 0;
	}
	#daysoffice_content .table_simple th{
		display: block;
		width: 100%;
		border: none;
		padding: 1rem 1rem 0 0;
	}
	.slider-recommend .slick-next,
	.slider-recommend .slick-prev{
		top:25%!important;
	}
	#daysoffice_content .office_btn_block{
		margin-bottom: 10px;
	}
}