@charset "utf-8";
/* =========================================================
 *	init
========================================================= */
html{
	font-size:10px;
	line-height:20px;
}
body {
	height: 100%;
	font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
	/*font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	line-height: 1.8;
	color: #000000;
	background:#fff;
	-webkit-font-smoothing: antialiased;
	overflow-x:hidden;
	font-weight:400;
}
h1,h2,h3,h4,h5,h6,strong{
/* 	font-family: "Granjon LT W01 Roman", "HiraMinProN-W3", "MS PMincho", serif; */
	font-weight:600;
}
a{
	color:#000;
	text-decoration:none;
	transition: all	0.3s ease;
}
a:hover{
	color:#666;
}
a img{
	transition:opacity 1s ease;
}
a:hover img{
	opacity:.76;
}
li{
	list-style:none;
}
p{
	font-size:1.2rem;
	line-height:2;
}
dd{
	line-height:1.6;
}

figure figcaption{
	padding-top:10px;
	color:#666666;
}


.is_sp{
	display:none;
}
.is_pc{
	display:block;
}
	@media screen and (max-width: 768px) {

		html {
			font-size:10px;
		}
		.is_sp{
			display:block;
		}
		.is_pc{
			display:none;
		}
	}


/* =========================================================
 *	common
========================================================= */
.wrap{
	transition: all	0.8s ease;
	position:relative;
	opacity:0;
}
.wrap.show{
	opacity:1;
}
.section_wrap{
	position:relative;
}
.absolute{
	position:absolute;
}
.contents_body{
}
.wrap_inner{
	width:1000px;
	margin:auto;
}
.inner{
	width:960px;
	margin:auto;
}

.btn_box{
	text-align:center;
	clear:both;
	width:300px;
}
.btn_box a{
		display:inline-block;
	padding:15px 0;
		text-align:center;
		line-height:1;
		font-size:1.2rem;
		border:solid 1px #CCCCCC;
		width:100%;
		text-decoration:none !important;
}
.btn_box a:hover{
		border:solid 1px #000;
}
	@media screen and (min-width: 769px) {
		.section_wrap{
			margin:auto;
		}
		.section_inner{
			width:1000px;
		}
	}

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

		.wrap_inner{
			width:auto;
		}
		.inner{
			width:auto;
			padding:0 20px;
		}
				.btn_box{
						width:calc(50% - 10px);
				}

	}

/* =========================================================
 *	header
========================================================= */
header{
/*	width:100vw;*/
	width:100%;
}
header .wrap_inner{
	position:relative;
		box-sizing:border-box;
	width:1000px;
	margin:auto;
}
header .header_ttl{
	width:65px;
	margin:auto;
	padding:30px 0 30px 0;
	display:block;
}
header .header_ttl img{
	width:100%;
}
header nav{
	border-top:solid 3px #000;
}
header .nav_global{
	width:100%;
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
		flex-wrap: wrap;
		box-sizing:border-box;
	border-bottom:solid 1px #000;
}
header .nav_global li{
	display:inline-block;
}
header .nav_global li a{
	padding:30px 10px;
	margin:0 20px;
	display:block;
	position:relative;
	font-weight:500;
	line-height:1;
}
header .nav_global li a img{
		height:9px;
		width:auto;
}
header nav li a:after{
	content:"";
	width:0;
	height:3px;
	background:#000;
	display:block;
	transition:all .2s ease;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}

header .nav_sub{
		position:absolute;
		right:0;
		top:56px;
		text-align:right;
}
header .nav_sub li{
		margin-bottom:20px;
}
header .nav_online img{
	width:147px;
}
header .nav_oil img{
	width:76px;
}
header .nav_oil a:hover img{
	opacity:1;
	animation-name:nav_oil;
	animation-duration:2s;
}

	/* IEのみに適用 */
    @media all and (-ms-high-contrast: none) {

	  header .nav_global li.nav_about a img {
		width:49.16px;
	  }
	  header .nav_global li.nav_news a img {
		width:40.21px;
	  }
	  header .nav_global li.nav_brand a img {
		width:134.39px;
	  }
	  header .nav_global li.nav_wholesale a img {
		width:89.12px;
	  }
	  header .nav_global li.nav_produce a img {
		width:180.44px;
	  }
        header .nav_online img{
			width:147px;
			height:8.66px;
		}
		header .nav_oil img{
			width:76.5px;
			height:17px;
		}
	}


@keyframes nav_oil {
		0% {
				opacity:1;
		}
		60% {
				opacity:.8;
		}
		100% {
				opacity:1;
		}
}

	@media screen and (min-width: 769px) {
				/* PC */
		#page-about .nav_global .nav_about a img,
		#page-news .nav_global .nav_news a img,
		#page-brand .nav_global .nav_brand a img,
		#page-do .nav_global .nav_brand a img,
		#page-hau .nav_global .nav_brand a img,
		#page-do-tabelka .nav_global .nav_brand a img,
		#page-interior-furniture .nav_global .nav_brand a img,
		#page-gallery .nav_global .nav_brand a img,
		#page-oil .nav_global .nav_brand a img,
		#page-wholesale .nav_global .nav_wholesale a img,
		#page-produce .nav_global .nav_produce a img,
		#single-news .nav_global .nav_news a img,
		.archive .nav_global .nav_news a img,
		.category .nav_global .nav_news a img{
			opacity:.4;
		}
		#page-about .nav_global .nav_about a:after,
		#page-news .nav_global .nav_news a:after,
		#page-brand .nav_global .nav_brand a:after,
		#page-do .nav_global .nav_brand a:after,
		#page-hau .nav_global .nav_brand a:after,
		#page-do-tabelka .nav_global .nav_brand a:after,
		#page-interior-furniture .nav_global .nav_brand a:after,
		#page-gallery .nav_global .nav_brand a:after,
		#page-oil .nav_global .nav_brand a:after,
		#page-wholesale .nav_global .nav_wholesale a:after,
		#page-produce .nav_global .nav_produce a:after,
		#single-news .nav_global .nav_news a:after,
		.archive .nav_global .nav_news a:after,
		.category .nav_global .nav_news a:after,
		header .nav_global li a:hover:after{
			width:100%;
		}
	}

	@media screen and (max-width: 768px) {
				/* SP */
		header .header_ttl{
			width:33px;
			padding:22px 0;
		}
				header .wrap_inner{
					width:auto;
				}
		header .nav_sub{
			position:static;
		}
		header .nav_global{
			border:none;
		}
				header .nav_global li,
		header .nav_global{
			display:block;
			text-align:center;
		}
		header .nav_global li a{
			padding:15px 0px;
		}
				header .nav_global li{
					border-bottom:solid 1px #000;
				}
				header .nav_sub{
					display:flex;
			justify-content:center;
			align-items:center;
			padding:15px 0px;
					border-bottom:solid 1px #000;
				}
				header .nav_sub li:nth-of-type(1){
						margin-right:52px;
				}
				header .nav_sub li,
				header .nav_sub li a img{
					margin-bottom:0;
					vertical-align:middle;
					display:inline-block;
				}
		header .nav_box,
		header .nav_box.hide{
			height:0;
			max-height:0;
			overflow:hidden;
			opacity:0;
			visibility:hidden;
			transition:all 1s ease;
		}
		header .nav_box.active{
			height:auto;
			max-height:1000px;
			opacity:1;
			visibility:visible;
			transition:all 1s ease;
		}
	}

/* =========================================================
 *	sp_menu
========================================================= */
	@media screen and (min-width: 769px) {
		.sp_menu{
			display:none;
		}
	}
	@media screen and (max-width: 768px) {
		.sp_menu{
			position:absolute;
			left:20px;
			top:20px;
			z-index:100000;
			cursor:pointer;
			display:block;
		}
		.menu-trigger,
		.menu-trigger span {
			display: inline-block;
			transition: all .3s;
			box-sizing: border-box;
		}
		.menu-trigger {
			position: relative;
			width: 48px;
			height: 48px;
			padding:16px 12px;
			box-sizing:border-box;
		}
		.menu-trigger span {
			position: absolute;
			left: 12px;
			width: 24px;
			height: 2px;
			background-color: #212121;
		}
		.menu-trigger span:nth-of-type(1) {
			top: 16px;
		}
		.menu-trigger span:nth-of-type(2) {
			top: 24px;
		}
		.menu-trigger span:nth-of-type(3) {
			top: 32px;
		}
		.sp_menu.active .menu-trigger span:nth-of-type(1) {
			-webkit-transform: translateY(8px) rotate(-45deg);
			transform: translateY(8px) rotate(-45deg);
		}
		.sp_menu.active .menu-trigger span:nth-of-type(2) {
			opacity: 0;
		}
		.sp_menu.active .menu-trigger span:nth-of-type(3) {
			-webkit-transform: translateY(-8px) rotate(45deg);
			transform: translateY(-8px) rotate(45deg);
		}
	}
/* =========================================================
 *	footer
========================================================= */
footer .wrap_inner{
	border-top:solid 3px #000;
	padding:23px 20px;
	position:relative;
}
footer .footer_nav{
	margin-bottom:23px;
}
footer .footer_nav ul{
	display:inline-block;
	vertical-align:middle;
}
footer .footer_nav li{
	display:inline-block;
	line-height:1;
}
.footer_nav .nav li{
	margin-right:30px;
}
.footer_nav .sns li{
	margin-right:10px;
}
footer #page_top{
		position:absolute;
		right:20px;
		top:30px;
		cursor:pointer;
}
footer #page_top img{
        width:88.84px;
        heght:8.69px;
}
footer .copyright{
	color:#666666;
}

    /* IEのみに適用 */
    @media all and (-ms-high-contrast: none) {
        footer .footer_nav .nav li.nav_contact img{
        	width:66.41px;
        }
        footer .footer_nav .nav li.nav_company img{
        	width:70px;
        }
        footer .footer_nav .nav li.nav_recruit img{
        	width:60px;
        }
        footer .footer_nav .nav li img{
        	height:8.69px;
        }
    	footer #page_top img{
            width:88.84px;
            heght:8.69px;
    	}
    }

	@media screen and (min-width: 769px) {
				/* PC */
	}

	@media screen and (max-width: 768px) {
				/* SP */
				footer .wrap_inner{
						padding:0;
				}
		footer .footer_nav{
			margin-bottom:0;
		}
		footer .footer_nav .nav{
			width:100%;
		}
		footer .footer_nav .nav li,
		footer .footer_nav .nav li a{
			width:100%;
			display:block;
			box-sizing:border-box;
		}
		footer .footer_nav .nav li a{
			padding:15px 20px;
			border-bottom:solid 1px #000;
		}
		footer .footer_nav .sns{
			padding:20px;
		}
		footer #page_top{
			top:142px;
		}
				footer .copyright{
					text-align:center;
					padding:6px 22px 22px;
				}
	}

/* =========================================================
 *	content_common
========================================================= */
.main{
	display:box;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width:960px;
	margin:auto;
	padding-top:34px;
}
main{
		width:630px;
		margin-right:29px;
}
.sidebar{
	width:301px;
}
.news{
	border-top:dotted 1px #CCCCCC;
}
.news article{
	border-bottom:dotted 1px #CCCCCC;
	padding:20px 0;
}
.time{
	font-size:10px !important;
	color:#666666;
	font-style:italic;
		font-family: 'Hiragino Mincho Pro','游明朝','Yu Mincho',YuMincho,serif;
		margin-right:10px;
	vertical-align:middle;
}
body .category{
	font-size:7px !important;
		margin-right:10px;
		font-size:7px;
		background:#EEEEEE;
		padding:3px 7px;
	vertical-align:middle;
}
.news article .title{
		margin-top:15px;
		font-weight:bold;
		margin-bottom:0;
}
.news article .title a{
		text-decoration:none;
}

.news article .title a br{
		display: none;
}
.flex300 ul{
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
	flex-wrap: wrap;
}
.flex300 ul li{
		margin-right:30px;
		margin-bottom:30px;
		width:300px;
}
.flex300 ul li img{
		width:100%;
}
	@media screen and (max-width: 768px) {
				/* SP */
				.main{
			display:block;
			width:auto;
			padding:18px 20px 0;
		}
		main{
			width:auto;
			margin-right:0;
		}
		.sidebar{
			width:auto;
		}
		.page .sidebar h2 img{
			height:14px;
		}
				.flex300 ul li{
						width:100%;
						margin-right:0;
				}
		.news article .title{
			margin-top:10px;
		}
	}
/* =========================================================
 *	page_common
========================================================= */
main *{
	letter-spacing: 0.1em;
		font-feature-settings: "palt";
}
.page p a,
.page dl a,
.page li a{
	text-decoration:underline;
}
.page h1{
	border-bottom:solid 1px #000;
	margin-bottom:50px;
}
.page h1 img{
	height:29px;
	margin-bottom:30px;
}
.page_header{
	margin-bottom:50px;
}
.lede{
	font-size:1.5rem;
	margin-bottom:33px;
	line-height:2;
}
.page h1{
	font-size:2.8rem;
	line-height:1.5;
/*	line-height:1;*/
}
.page h2{
	font-size:1.8rem;
	margin-bottom:26px;
	line-height:1;
}
.page h2 img{
	height:14px;
}
.page .page-brand h2 img,
.category .page_header h2 img,
.single .page_header h2 img{
	height:9.96px;
}
.page h2 + h1{
	padding-bottom:26px;
	margin-top:-9px;
}
.breadcrumb{
	border-top:solid 1px #000;
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap;
	margin-top:90px;
		padding:13px 10px 13px 0;
}
.breadcrumb li a{
		display:inline-block;
		font-weight:bold;
		text-decoration:underline;
}
.breadcrumb li:after{
	content:"/";
		display:inline-block;
		margin-right:10px;
		margin-left:6px;
} 
.breadcrumb li:last-child a{
		font-weight:normal;
		text-decoration:none;
}
.breadcrumb li:last-child:after{
		display:none;
}


.icon_tel:before,
.icon_email:before,
.icon_insta:before,
.icon_fax:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	background-repeat:no-repeat;
	height:19px;
	margin-right:12px;
}
.icon_tel:before{
		background-image:url(../images/icon_phone.svg);
		width:69px;
}
.icon_email:before{
		background-image:url(../images/icon_email.svg);
		width:63px;
}
.icon_insta:before{
		background-image:url(../images/icon_insta.svg);
		width:100px;
}
.icon_fax:before{
		background-image:url(../images/icon_fax.svg);
		width:49px;
}

	@media screen and (min-width: 769px) {
				/* PC */
				.flex300.flexcolumn2 li:nth-of-type(2n){
					margin-right:0;
				}
	}
	@media screen and (max-width: 768px) {
				/* SP */
		.page h1{
			font-size: 2rem;
			margin-bottom:30px;
			text-align:left;
		}
		.page .main h1 img{
			max-height:19px;
			max-width:100%;
			margin-bottom:16px;
		}
		.page_header{
			margin-bottom:30px;
		}
		.page .page_header h1 img{
			height:18px;
			margin-bottom:20px;
		}
		.lede{
			margin-bottom:14px;
		}
		.page h2{
		    margin-bottom:20px;
		}
		.page .page-brand h2 img{
		    height:8.72px;
		}
		.breadcrumb{
		    margin-top:60px;
		}
	}


/* =========================================================
 *	side
========================================================= */
.side_menu li a{
		text-decoration:none;
}
.side_menu{
	margin-bottom:50px;
}
.side_menu h2,
.side_mailmagazine h2{
	margin-bottom:22px;
}
.side_menu li{
	margin-bottom:16px;
	padding-left:15px;
}
.side_menu li:last-child{
	margin-bottom:0;
}
.side_menu li:before{
		content:"";
		width:5px;
		height:9px;
		background:url(../images/arrow.svg) no-repeat;
		display:inline-block;
		margin-right:10px;
		font-size:1.1rem;
}
.side_mailmagazine .bg {
		padding: 20px;
		background: #e6e6e6;
		display: block;
		overflow: hidden;
}
.side_mailmagazine h3{
		font-size: 1.6rem;
		font-weight: bold;
		vertical-align: top;
		margin-bottom: 5px;
}
.side_mailmagazine h3:before{
	content: '';
		display: inline-block;
		width: 27px;
		height: 17px;
		margin-right: 6px;
		vertical-align:middle;
		margin-top:-3px;
		background-color: transparent;
		background-repeat: no-repeat;
		background-size: 22px 17px;
		background-position: 0px 0px;
		background-image: url(../images/icon_email_w.svg);
}
.side_mailmagazine p{
	margin-bottom:20px;
}
.side_mailmagazine form{
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
}
.side_mailmagazine form input{
	background-color: #FFFFFF;
		border: 1px solid #CCCCCC;
		font-size: 1.2rem;
}
.side_mailmagazine form input[type=text]{
	width: calc(100% - 70px);
		outline: none;
		padding: 0 10px;
		height: 32px;
}
.side_mailmagazine form input[type=submit]{
		width: 60px;
		margin-left: 10px;
}
.side_tw{
	margin-top:10px;
	border:solid 1px #CCCCCC;
}
.side_fb{
	margin-top:10px;
}

	@media screen and (max-width: 768px) {
				/* SP */
        .sidebar{
            border-top:solid 2px #000;
            padding-top:20px;
            margin-top: 40px;
        }
		.side_menu h2{
			padding-bottom:17px;
			margin-bottom:20px;
			border-bottom:solid 1px #000;
		}
		.side_menu + .side_mailmagazine{
			border-top:solid 2px #000;
		}
		.side_mailmagazine{
			margin-bottom:20px;
			padding-top:20px;
		}
         .side_mailmagazine h2{
			border-bottom:solid 1px #000;
			padding-bottom:17px;
         }
	}


#page-do .side_menu_do,
#page-gallery .side_menu_gallery,
#page-do-tabelka .side_menu_do-tabelka,
#page-hau .side_menu_hau,
#page-interior-furniture .side_menu_interior-furniture,
#page-online-shop .side_menu_online-shop,
#page-oil .side_menu_oil-magazine,

.category-do .side_archive_do,
.category-gallery .side_archive_gallery,
.category-do-tabelka .side_archive_do-tabelka,
.category-hau .side_archive_hau,
.category-interior-furniture .side_archive_interior-furniture,
.category-online-shop .side_archive_online-shop,
.category-oil-magazine .side_archive_oil-magazine,
.category-wholesale .side_archive_wholesale,
.category-produce .side_archive_produce,
.category-company .side_archive_company,
.category-other .side_archive_other{
	opacity:.6;
}
/* =========================================================
 *	wp-pagenavi
========================================================= */
.wp-pagenavi{
	border-top:solid 1px #000;
	margin-top:50px;
	padding-top:24px;
	text-align:center;
}
.wp-pagenavi .pages{
	display:none;
}
.wp-pagenavi a,
.wp-pagenavi span{
	border:none;
	text-decoration:underline;
	padding:0;
	margin:0;
}
.wp-pagenavi a.page:after,
.wp-pagenavi span.current:after{
	content:"";
	display:inline-block;
	height:12px;
	vertical-align:middle;
	width:1px;
	background:#000;
	margin:0 6px;
}
.wp-pagenavi span{
	text-decoration:none;
	font-weight:bold;
}
.pager-inner{
	position:relative;
}
.pager-inner span.current:nth-last-child(2):after,
.pager-inner a.page:nth-last-child(2):after{
	display:none;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink a,
.wp-pagenavi .nextpostslink a{
		position:absolute;
		top:0;
		padding:0;
		margin:0;
		text-decoration:none;
		font-weight:bold;
}
.wp-pagenavi .previouspostslink:after,
.wp-pagenavi .nextpostslink:after{
	display:none;
}
.wp-pagenavi .previouspostslink:before,
.wp-pagenavi .nextpostslink:after{
		content:"";
		display:inline-block;
		background-size:5px 9px;
		background-repeat:no-repeat;
		width:5px;
		height:9px;
}
.wp-pagenavi .previouspostslink:before{
	background-image:url(../images/arrow.svg);
	transform:scale(-1, 1);
	margin-right:10px;
}
.wp-pagenavi .nextpostslink:after{
	background-image:url(../images/arrow.svg);
	margin-left:10px;
}
.previouspostslink{
	left:0;
}
.nextpostslink{
	right:0;
}
	@media screen and (max-width: 768px) {
				/* SP */
				.wp-pagenavi{
					margin-top:30px;
						padding-bottom:50px;
				}
	}
/* =========================================================
 *	page - home
========================================================= */
.home .main{
	padding-top:0;
}
.home h1{
	border-bottom:none;
	margin-bottom:0;
}
.home h1 img{
	height:auto;
	margin-bottom:0;
}
.home .news{
	overflow:hidden;
	margin-bottom:30px;
	border-top:none;
	margin-left:-20px;
	margin-right:-20px;
}
.home .news article{
	padding:19px;
	width:920px;
	border:none;
}
.home .news article .title{
	width: 686px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display:inline-block;
	vertical-align:middle;
	margin-top:0;
}
.home .news .article_box{
		position:relative;
	border-bottom:solid 1px #000;
		height:58px;
}
.home .news .article_box .paging{
		position:absolute;
		right:0;
		top:0;
		bottom:0;
		margin:auto;
		height:15px;
		width:29px;
	z-index:100;
}
.home .news .article_box .paging a{
	background-size:9px 5px;
	width:9px;
	height:5px;
	display:block;
	cursor:pointer;
}
.home .news .article_box .paging #back{
	background:url(../images/linkbullet-top.svg) no-repeat;
	margin-bottom:5px;
}
.home .news .article_box .paging #next{
	background:url(../images/linkbullet-bottom.svg) no-repeat;
}
.home .news .articles{
		transition:all .5s ease;
}


	@media screen and (min-width: 769px) {
				/* PC */
				.home .top_thumb ul li:nth-of-type(3n){
			margin-right:0;
		}
		.sp_mv{
			display:none;
		}
	}
	@media screen and (max-width: 768px) {
				/* SP */
				.home .news{
					border-top:solid 1px #000;
				}
				.home .news article{
						width:auto;
						padding:14px 19px;
				}
		.home .news .article_box{
			height:71px;
		}
		.home .news article .title{
			width: 84vw;
		}
		.home .top_thumb .inner{
			padding:0;
		}
		.home .top_thumb ul li{
			margin-right:19px;
			margin-bottom:19px;
			width:158px;
			width:calc(50% - 10px);
		}
		.home .top_thumb ul li:nth-of-type(2n){
			margin-right:0;
		}
		.sp_mv{
			display:block;
			padding-top:32px;
		}
		.sp_mv .items{
			padding:0 0 20px;
		}
		.sp_mv .items .item_text{
			padding:20px 0;
			color:#666666;
			/*width:70%;*/
		}
		.sp_mv .items .item_text p{
			margin-bottom:9px;
			font-size:1.1rem;
		}
		.sp_mv .items .item_text img{
			width:200px;
		}
		.sp_mv .items .item_text span{
			display:block;
			border-top:solid 1px #EEEEEE;
			margin-top:12px;
			padding-top:9px;
			line-height:1;
		}
		.sp_mv .items .item_text span:before{
			content:"";
			display:inline-block;
			width:5px;
			height:9px;
			background:url(../images/arrow.svg) no-repeat;
			background-size:5px 9px;
			margin-right:10px;
			vertical-align:middle;
		}
		.sp_mv .item img{
			max-width:100%;
		}
	}

/* =========================================================
 *	page - about
========================================================= */
.history p {
		margin-bottom: 40px;
}
.history .outline{
	font-size:1.2rem;
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
}
.history .outline h4{
		width:56px;
}
.history .outline ul{
		width:calc(100% - 56px);
}
.history .outline li{
	margin-bottom:35px;
}
.history .outline li dl{
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
}
.history .outline li dt{
	width:70px;
}
.history .outline li dd{
		width:calc(100% - 70px);
}

	@media screen and (max-width: 768px) {
				/* SP */
		.history h2 + p{
			margin-bottom:18px;
		}
		.history .flex300 li{
			margin-bottom:13px;
		}
		.history .outline li dl{
			display:block;
		}
		.history .outline li dt,
		.history .outline li dd{
			width:auto;
		}
		.history .outline li{
			margin-bottom:30px;
		}
	}

/* =========================================================
 *	page - brand
========================================================= */
.brand_thumb p{
	font-size:1.2rem;
	padding:20px 0 5px;
}
.brand_thumb strong{
	font-size:1.5rem;
}
.brand_thumb li a{
	text-decoration:none;
}
	@media screen and (max-width: 768px) {
				/* SP */
				.brand_thumb p{
	               padding:0 0 5px;
				}
	
				.brand_thumb ul li{
					margin-bottom:40px;
				}
				.brand_thumb ul li:after{
					content:"";
					display:block;
					width:0;
					height:1;
					clear:both;
				}
				.brand_thumb ul li img{
					width:158px;
					float:left;
					margin-right:20px;
				}
	}

/* =========================================================
 *	brand - common
========================================================= */
.page_box{
	margin-top:50px;
}
.page_body h3{
	font-size:1.8rem;
	line-height:1.6;
	margin-bottom:30px;
}
.page_body h4{
	font-size:1.5rem;
	line-height:2;
	margin-bottom:30px;
}
.page_body h5{
	font-size:1.3rem;
	line-height:1.6;
	margin-bottom:30px;
}
.page_body h6,
.page_body p{
	font-size:1.2rem;
	line-height:2;
	margin-bottom:30px;
}
.page_body img{
	max-width:100%;
}
	@media screen and (max-width: 768px) {
				/* SP */
		.page_box h3{
			font-size:1.6rem;
		}
	}
/* ================== page_imggallery =================*/
.page_imggallery{
	margin-bottom:70px;
	overflow: hidden;
}
/*.page_imggallery .slider + .btn_box{*/
.page_imggallery .btn_box{
	margin-top:30px;
	float: left;
	clear: none;
}
.page_imggallery .btn_box+ .btn_box{
	margin-left:28px;
}
@media screen and (max-width: 768px) {
	.page_imggallery .btn_box+ .btn_box{
		margin-left:18px;
	}
}
/*.page_imggallery *{*/
.page_imggallery div{
	margin-bottom:0 !important;
}
.page_imggallery div.{
	margin-bottom:0 !important;
}
.slick-dots li button{
	width:3px;
	height:3px;
}
.slick-dots li button:before{
	width:3px;
	height:3px;
	content:"";
	border:solid 3px #000;
	border-radius:20px;
	opacity: .4;
}
.slick-prev, .slick-next{
	top:auto;
	bottom:-30px;
	z-index:10;
}
.slick-prev{
	left:0;
	text-align:left;
}
.slick-next{
	right:0;
	text-align:right;
}
.slick-prev:before, .slick-next:before {
	content:"";
	width:5px;
	height:9px;
	display:inline-block;
}
.slick-prev:before{
	background-image:url(../images/arrow.svg);
	transform:scale(-1, 1);
}
.slick-next:before{
	background-image:url(../images/arrow.svg);
}

/* ================== page_profile =================*/
.page_showroom_box:after,
.page_profile:after{
	content:"";
	display:block;
	width:0;
	height:1px;
	clear:both;
}
.page_showroom_box img
{
	width:190px;
	float:left;
	margin-right:30px;
}
.page_profile img{
	width:190px;
}
.profile_box{
	float:left;
	margin-right:30px;
}
.pc_only{
	margin-top: 10px;
}
.sp_only{
	display: none;
}
.page_showroom_box_info,
.page_showroom_box_contact{
	width:auto;
}
.page_showroom_box img + .page_showroom_box_info,
.page_showroom_box img + .page_showroom_box_info + .page_showroom_box_contact,
.page_profile_text{
/*;	width:calc(100% - 220px);
	float:right;*/
	word-break: break-all;
    overflow-wrap: break-word;
    display: table;
    table-layout: fixed;
}
.page_profile_text strong{
		font-size:1.3rem;
		margin-bottom:20px;
		display:block;
}
.page_profile .link{
	margin-top:20px;
	font-size:1.2rem;
}
.page_profile .link a{
	text-decoration:underline;
}
.page_profile .insta:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	background-repeat:no-repeat;
	height:18px;
	width:18px;
	margin-right:15px;
		background-image:url(../images/icon_insta_s.svg);
		background-size:18px auto;
}
	@media screen and (max-width: 768px) {
				/* SP */
		.page_showroom_box img,
		.page_profile img{
			width:92px;
			margin-right:20px;
		}
		.page_showroom_box_contact,
		.page_showroom_box_info,
		.page_profile_text{
			width:calc(100% - 112px);
		}
        .page_showroom_box img + .page_showroom_box_info + .page_showroom_box_contact{
        	display:block;
        	width:100%;
        }
        .profile_box{
	        float: none;
	        margin-right: none;
        }
        .page_profile img{
	        float: left;
        }
        .pc_only{
	        display: none !important;
        }
        .sp_only{
	        margin-bottom: 20px !important;
	        display: block !important;
        }
	}
/* ================== page_news =================*/
.page_news.page_box .btn_box{
	margin-top:20px;
}
.page_news.page_box .title{
	display:inline-block;
	width:560px;
	vertical-align:middle;
	margin-top:0;
}
	@media screen and (max-width: 768px) {
				/* SP */
		.page_news.page_box .title{
			width:100%;
		}
	}
/* ================== page_button =================*/
.page_button ul{
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
	flex-wrap: wrap;
}
.page_button ul .btn_box{
	width:calc(33.33333% - 20px);
	margin-right:30px;
	margin-bottom:30px;
}
.page_button ul .btn_box:nth-of-type(3n){
		margin-right:0;
}
	@media screen and (max-width: 768px) {
				/* SP */
		.page_button ul .btn_box{
			width:calc(50% - 10px);
			margin-right:20px;
			margin-bottom:20px;
		}
		.page_button ul .btn_box:nth-of-type(2n){
			margin-right:0;
		}
		.page_button ul .btn_box:nth-of-type(3n){
			margin-right:20px;
		}
	}
/* ================== page_showroom =================*/
.page_showroom h4 + p,
.page_showroom h3 + p{
	font-size:1.5rem;
}
.page_showroom h5 + p{
	margin-bottom:15px;
}
.page_showroom h5{
	margin-bottom:10px;
}
.page_showroom .openclose{
	color:#666666;
	font-style:italic;
		font-family: 'Hiragino Mincho Pro','游明朝','Yu Mincho',YuMincho,serif;
	margin-bottom:15px;
}
.page_showroom_box_contact{
}
.page_showroom_box_contact li{
	margin-bottom:12px;
}
.page_showroom_box_contact li a{
		text-decoration:underline;
}
.page_showroom_map{
	margin-top:20px;
}
.page_showroom_box + .page_showroom_box{
	margin-top:30px;
}
.shop_logo + p {
		margin-bottom: 20px;
}
.shop_logo + p + p {
		margin-bottom: 40px;
}
.shop_logo img{
	height:40px;
}
/* ================== page_instagram =================*/
.sb_instagram_header{
	display:none;
}
#sb_instagram.sbi_col_3 #sbi_images{
	padding:0 !important;
}
#sb_instagram.sbi_col_3 #sbi_images .sbi_item {
	width:calc(33.33333% - 20px) !important;
	margin-right:30px !important;
	margin-bottom:30px !important;
	padding:0 !important;
}
#sb_instagram.sbi_col_3 #sbi_images .sbi_item:nth-of-type(3n){
		margin-right:0 !important;
}

	@media screen and (max-width: 768px) {
				/* SP */
		#sb_instagram.sbi_col_3 #sbi_images .sbi_item{
			width:calc(33.33333% - 14px);
			margin-right:20px !important;
			margin-bottom:20px !important;
		}
	}
/* ================== page_event =================*/
.page_event .gray{
	font-size:1.1rem;
	color:#666666;
	margin-bottom:30px;
}
.page_event p{
	margin-bottom:20px;
}

/* ================== page_access =================*/
.page_access p{
	margin-bottom:20px;
}
/* =========================================================
 *	page - contact
========================================================= */
.page_contact .page_header{
	margin-bottom:40px;
}
.page_contact h1 img{
	height:29px;
}
.page_contact .contact_list dl{
	margin-bottom:50px;
}
.page_contact .contact_list dt{
	font-size:1.8rem;
	font-weight:bold;
}
.page_contact .contact_list dd{
	font-size:1.2rem;
}
.page_contact .contact_list dd.icon_tel,
.page_contact .contact_list dd.icon_email,
.page_contact .contact_list dd.icon_insta{
	margin-left:30px;
	margin-top:15px;
}
/* =========================================================
 *	page - company
========================================================= */
.page_company h1 img{
	height:29px;
}
.page_company .company_list dl{
	display:table;
	padding-bottom:50px;
}
.page_company .company_list dl dt,
.page_company .company_list dl dd{
	display:table-cell;
	font-size:1.2rem;
}
.page_company .company_list dl dt{
	font-weight:bold;
	width:80px;
}
.page_company .company_list dl dd{
	width:calc(100% - 80px);
}
.page_company .company_list dl dd span + span{
	margin-left:30px;
}
.page_company .company_list dl dd div + div{
	margin-top:14px;
}
	@media screen and (max-width: 768px) {
				.page_company .company_list dl{
			padding-bottom:30px;
		}
		.page_company .company_list dl dd span + span{
			margin-left:0;
			display:block;
			margin-top:15px;
		}
	}

/* =========================================================
 *	page - recruit
========================================================= */
.recruit_box h1 img{
	height:29px;
}
.recruit_box + .recruit_box{
	margin-top:50px;
}
.recruit_box h2 + p{
	margin-bottom:30px;
}
.recruit_box_table{
	display:table;
	width:100%;
	border-top:dotted 1px #CCCCCC;
}
.recruit_box_table li{
	border-bottom:dotted 1px #CCCCCC;
	padding:20px 0;
}
.recruit_box_table span,
.recruit_box_table p{
	display:table-cell;
	font-size:1.2rem;
}
.recruit_box_table span{
	width:120px;
}
.recruit_box_table li p span{
	display:inline-block;
	margin-right:30px;
	width:auto;
}
	@media screen and (max-width: 768px) {
				/* SP */
		.recruit_box_table span{
			width:72px;
		}
		.recruit_box_table li p span{
			display:block;
			margin-right:0;
		}
	}




/* =========================================================
 *	single - common
========================================================= */

.page_body .btn_box{
	margin-bottom:26px;
}
.page_body figure{
	margin-bottom:50px;
}
.page_body table{
	width:100%;
}


.single .page_body *{
	font-size:1.2rem;
	margin-bottom:20px;
}
.single .page_body p{
	margin-bottom:26px;
}
.single .page_body h3{
	font-size:1.8rem;
	margin-bottom:26px;
}
.single .page_body h4{
	font-size:1.6rem;
	margin-bottom:26px;
}
.single .page_body h5{
	font-size:1.4rem;
	margin-bottom:26px;
}
.single .page_body h6{
	font-size:1.2rem;
	margin-bottom:26px;
}
.page_body Blockquote{
	border-left:solid 2px #000;
	padding-left:15px;
}
.single .page_body li{
		list-style-position:inside;
}
.single .page_body ol li{
	list-style-type :decimal;
}
.single .page_body ul li{
	list-style-type :disc;
}
.page_body th,
.page_body td{
	border:solid 1px #999;
	border-collapse:collapse;
	padding:6px;
}
.single .page_header h1{
	margin-bottom:0;
	padding-bottom:40px;
}
.single .page_option{
	border-bottom:solid 1px #000;
	padding:15px 0 10px;
}
.single .page_option:after{
		content:"";
		display:block;
		clear:both;
		width:0;
		height:0;
}
.single .page_option .sns{
	float:right;
	display:-webkit-box;
  	display:-ms-flexbox;
	display:flex;
}
.single .page_option .sns .like{
		margin-left:15px;
}

	@media screen and (max-width: 768px) {
        .single .page_option .sns{
            float:none;
            padding-top:15px;
        }
	}


/* =========================================================
 *	404
========================================================= */
.notfound{
	text-align:center;
	padding:100px 0 200px;
	width:100%;
}
/* =========================================================
 *	animation
========================================================= */
.hover_underline_span span,
.hover_underline a{
	display:inline-block;
	transition:unset;
}
.hover_underline_span a:hover span,
.hover_underline a:hover{
	color:#000;
}
.hover_underline_span a span:after,
.hover_underline a:after{
	content:"";
	display:block;
	height:1px;
	width:0;
	background:#333;
	transition:width .3s ease;
}
.hover_underline_span a:hover span:after,
.hover_underline a:hover:after{
	width:100%;
}


.blackline{
	position:relative;
	display:inline-block;
	opacity:1;
}
article .blackline.hide{
	opacity:0;
}
article .blackline.show{
/* 	transition:all 1s ease; */
	animation-name:blackline_show;
	animation-duration:1s;
}
@keyframes blackline_show {
		0% {
		opacity:0;
		transform:translateY(60px);
		}
		30%{
		opacity:0;
		}
		100% {
		opacity:1;
		transform:translateY(0);
		}
}
.blackline:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:#efefef;
	position:absolute;
	top:0;
	left:0;
/* 	transition:all .5s ease; */
}
article.show .blackline:after{
	width:0;
	animation-name:blackline_after_show;
	animation-duration:1s;
}
@keyframes blackline_after_show {
		0% {
				width:100%;
		}
		60%{
				width:100%;
		}
		100% {
				width:0;
		}
}

.hidebox{
	opacity:1;
}
.hidebox.hide{
	opacity:0;
}
.hidebox.show{
	opacity:1;
/* 	transition:all 1.4s ease; */
	animation-name:hidebox_show;
	animation-duration:2s;
}

@keyframes hidebox_show {
		0% {
				opacity:0;
		transform:translateY(120px);
		}
		10%{
				opacity:0;
		transform:translateY(30px);
		}
		60% {
				opacity:1;
		transform:translateY(0);
		}
		100% {
				opacity:1;
		transform:translateY(0);
		}
}

.video-vimeo {
	margin-bottom: 40px;
	padding:56.25% 0 0 0;
	position:relative;
}

.page_body p.credit {
	margin-bottom: 50px;
	font-size: 10px;
	color: #666;
}

.page_body .page_profile + p.credit{
	float: left;
	margin-top: 20px;
}


/* =========================================================
 *	Web font for Brands/News childs
========================================================= */

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v15-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}
#single-news h1,
.page-child h1 {
	font-family: 'Montserrat', 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
}