@charset "utf-8";


/* =============================================================

	top

* ============================================================= */

.top-contents {
	-webkit-transform: translate3d(0,0,0); /* safariでのチラつきを防ぐ */
}

/* top-hero
--------------------------- */

.top-hero {
	height: 100vh;
}
.noPosFix .top-hero {
	max-height: 800px;
	margin-bottom: -80px;
}

.top-hero_img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	z-index: 1;
}
.noPosFix .top-hero_img {
	position: relative;
}


.top-hero_img > li {
	width: 100%;
	height: 100%;
	padding-bottom: 80px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-webkit-transform: translate(50px, 0);
	    -ms-transform: translate(50px, 0);
	        transform: translate(50px, 0);
	-webkit-transition: opacity 1s ease-in, -webkit-transform .7s;
			transition: opacity 1s ease-in, transform .7s;
}

.top-hero_img > li.active {
	z-index: 10;
	opacity: 1;
	-webkit-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	        transform: translate(0,0);
}
.top-hero_img > li.gone {
	opacity: 0;
	-webkit-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	        transform: translate(0,0);
	z-index: 9;
}


.top-hero_logo1{
	position:absolute;
	top: 20%;
	right: 5%;
	z-index: 10;
	max-width: 159px;
	height: 453px;
	}

.top-hero_logo2{
	position:absolute;
	top: 40%;
	right: 35%;
	z-index: 10;
	max-width: 513px;
	height: 132px;
	}

.top-hero_logo3{
	position:absolute;
	top: 10%;
	left: 5%;
	z-index: 10;
	max-width: 185px;
	/* height: 192px; */
	}


.top-hero_soba{
	position:absolute;
	top: 10%;
	left: 5%;
	z-index: 10;
	max-width: 165px;
	/* height: 192px; */
	}

.top-hero_soba_txt{
	position:absolute;
	top: 10%;
	right: 8%;
	z-index: 10;
	font-size: 2.0em;
	line-height: 1.2;
	font-weight: 600;
	color: #fff;
    font-family: A1MinchoStd-Bold, serif;
    -ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
　　color: lighten(#810404, 10%);
	text-shadow: 0 0 10px rgba(112, 11, 11, 0.8),
               0 0 1em rgba(119, 1, 1, 0.9);
	}
.top-hero_soba_txt span{
	padding-top:100px;
}



.top-hero_katsuo{
	position:absolute;
	bottom: 10%;
	right: 5%;
	z-index: 10;
	max-width: 185px;
	/* height: 192px; */
	}

.top-hero_katsuo_txt{
	position:absolute;
	top: 10%;
	left: 8%;
	z-index: 10;
	font-size: 2.0em;
	line-height: 1.2;
	font-weight: 600;
	color: #fff;
	font-family: A1MinchoStd-Bold, serif;
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	color: lighten(#810404, 10%);
	text-shadow: 0 0 10px rgba(112, 11, 11, 0.8),
               0 0 1em rgba(119, 1, 1, 0.9);
	}
	
.top-hero_katsuo_txt span{
	padding-top:100px;
}

.top-hero_gyokai{
	position:absolute;
	top: 10%;
	left: 5%;
	z-index: 10;
	max-width: 185px;
	/* height: 192px; */
	}


.top-hero_gyokai_txt{
	position:absolute;
	top: calc(10% + 230px);
	left: calc(5% + (185px/3));
	z-index: 10;
	font-size: 2.0em;
	line-height: 1.2;
	font-weight: 600;
	color: #fff;
	font-family: A1MinchoStd-Bold, serif;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	color: lighten(#810404, 10%);
	text-shadow: 0 0 10px rgba(112, 11, 11, 0.8),
               0 0 1em rgba(119, 1, 1, 0.9);
	}








	

.top-hero_logo3_txt{
	position:absolute;
	top: 30%;
	left: 8%;
	z-index: 10;
	font-size: 2.0em;
	line-height: 1.2;
	font-weight: 600;
	color: #fff;
	font-family: A1MinchoStd-Bold, serif;
	color: lighten(#810404, 10%);
	text-shadow: 0 0 10px rgba(112, 11, 11, 0.8),
               0 0 1em rgba(119, 1, 1, 0.9);


	}




.top-hero_title {
	width: 300px;
	text-align: center;
	position: absolute;
	z-index: 10;
	top: 12%;
	left: 50%;
	margin-left: -150px;
	opacity: 0;
	-webkit-transition: opacity .8s;
	        transition: opacity .8s;
}
.top-hero .top-hero_title.bk {
	opacity: 1;
}
.top-hero.wh .top-hero_title.wh {
	opacity: 1;
}
.IE8 .top-hero_title {
	display: none;
}
.IE8 .top-hero .top-hero_title.bk {
	display: block;
}
.IE8 .top-hero.wh .top-hero_title.wh {
	display: block;
}

.top-hero_title > svg {
	width: 300px;
	height: 60px;
	fill: #1a1a1a;
	display: block;
	margin-bottom: 20px;
}

.top-hero_title.wh {
	color: #fff;
}
.top-hero_title.wh > svg {
	fill: #fff;
}

.IE8 .top-hero_title > i {
	text-indent: -9999px;
	display: block;
	width: 300px;
	height: 59px;
	background: url(../images/sprite1_ie8.png) no-repeat 0 -50px;
	margin-bottom: 20px;
}
.IE8 .top-hero_title.wh > i {
	background-position: 0 -150px;
}


.top-hero .c-lang-nav {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 1;
}

/* 1024px */
@media screen and (max-width: 1024px) {
	
	.top-hero .c-lang-nav {
		position: absolute;
		right: 60px;
	}

	
}






.top-hero .c-lang-nav > li > a {
	-webkit-transition: color .8s;
	        transition: color .8s;
}

.top-hero.wh .c-lang-nav > li > a {
	color: #ccc;
}
.top-hero.wh .c-lang-nav > li > a.active {
	color: #999;
}

.c-lang-nav > li > a.active:before {
	-webkit-transition: background-color .8s;
	        transition: background-color .8s;
}
.top-hero.wh .c-lang-nav > li > a.active:before {
	background-color: #666;
}


.top-contents {
	position: relative;
	z-index: 1;
	background-color: #fff;
}


.top_phone{
	font-size: 1.8rem;
	color: #fff;
	/* text-shadow: 3px 3px 0px #403f41, 
      3px 4px 3px rgba(0,0,0,.1); */
	border: 1px solid #fff;
	/* padding: 5px; */
	line-height: 1.5rem;
	background: hsla(0, 0%, 0%, 0.4);
}


/* top-news
--------------------------- */

.top-news .c-title-A {
	display: inline-block;
	text-align: left;
	margin-bottom: -30px;
}

.top-news_inner {
	position: relative;
	margin-right: 10%;
	font-family: A1MinchoStd-Bold, serif;
}

.top-news_list {
	line-height: 1.8;
	margin: 0 8em -2em 0;
}

.top-news_list > li {
	margin-bottom: 2em;
}

.top-news_list > li:before {
	content: "";
	width: 10px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	margin: .85em 0 0 -20px;
}

.top-news_list a:hover {
	text-decoration: underline;
}

.top-news_list a > span {
	color: #999;
	font-size: 0.875rem; /* 14px */
	letter-spacing: .1em;
	display: block;
	margin-bottom: 5px;
}
.IE8 .top-news_list a > span {
	font-size: 13px;
}

.top-news_link {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
}
.top-news_link:hover {
	text-decoration: underline;
}


/* top-links
--------------------------- */

.top-links a {
	display: block;
	padding-bottom: 120px;
	position: relative;
	-webkit-transform: translate3d(0,0,0); /* safariでのチラつきを防ぐ */
}

.top-links a:after {
	/* content: "";
	width: 10px;
	height: 16px;
	background: url(../images/sprite1.png) no-repeat -150px 0;
	position: absolute;
	left: 50%;
	bottom: 60px;
	margin-left: -5px;
	opacity: 0;
	-webkit-transition: all .2s;
	        transition: all .2s;
	      */   
}
.IE8 .top-links a:after {
	content: none;
}
.top-links a:hover:after {
	bottom: 80px;
	opacity: 1;
	-webkit-transition-delay: .15s;
	        transition-delay: .15s;
}
.IE8 .top-links a:hover:after {
	content: "";
}

.top-links_img {
	overflow: hidden;
	position: relative;
}
.top-links_img > img {
	display: block;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: -webkit-transform .4s;
			transition: transform .4s;
}
.top-links a:hover > .top-links_img > img {
	-webkit-transform: scale(1.04);
	    -ms-transform: scale(1.04);
	        transform: scale(1.04);
}

.top-links_img > span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background-color: rgba(0,0,0,0.3);
	opacity: 0;
	-webkit-transition: opacity .2s ease-in;
	        transition: opacity .2s ease-in;
}
.top-links a:hover > .top-links_img > span {
	opacity: 1;
}
.IE8 .top-links_img > span {
	background-color: #000;
	-ms-filter: "alpha(opacity=0)";
}
.IE8 .top-links a:hover > .top-links_img > span {
	-ms-filter: "alpha(opacity=30)";
}

.top-links_txt {
	-webkit-transition: -webkit-transform .2s ease-out;
			transition: transform .2s ease-out;
}
.top-links a:hover .top-links_txt {
	-webkit-transform: translateY(-10px);
	    -ms-transform: translateY(-10px);
	        transform: translateY(-10px);
}
.IE8 .top-links a:hover .top-links_txt {
	margin-top: -10px;
}

.top-links_txt.txt1 {
	padding: 70px 15% 0 19%;
}
.top-links_txt.txt2 {
	padding: 70px 17% 0;
}
.top-links_txt.txt3 {
	padding: 70px 19% 0 15%;
	font-size: 17px;
}


/* top-nav_meister
--------------------------- */

.top-meister {
	position: relative;
}

.top-meister .c-badge {
	position: absolute;
	top: 12%;
	left: 50%;
	z-index: 10;
}

.top-meister_img {
	position: absolute;
}

.top-meister_txt {
	padding: 1% 15% 5% 15%;
	/* width: 100%; */
}

.top-meister_name {
	line-height: 1.6;
	padding-top: 190px;
	text-align: center;
}

.top-meister_name img {
	display:block;
	margin: 0 auto;
}




.top-meister_name .meister-list_number {
	margin: 50px 0 20px;
}
.top-meister_name .meister-list_name {
	font-size: 2em;
	display: inline-block;
	margin-right: .5em;
}

.top-meister_name .meister-list_name-e {
	color: #999;
	display: inline-block;
	padding-bottom: .2em;
}



/* =============================================================

	denshiro

* ============================================================= */

/* denshiro-concept
--------------------------- */

.denshiro-concept_title {
	margin-bottom: -50px;
}

.denshiro-concept_title .c-badge  {
	margin-top: -30px;
}

.denshiro-concept_point_page {
	height: 120vh;
	padding-top: 1px;
	margin-top: -1px;
}
.denshiro-concept_point_page.page3 {
	height: 160vh;
}
.normalScroll .denshiro-concept_point_page {
	height: auto;
	overflow: hidden;
}

.denshiro-concept_point_img {
	width: 50%;
	height: 100vh;
	position: relative;
	left: 0;
	top: 0;
	padding-bottom: 80px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
}
.normalScroll .denshiro-concept_point_img {
	height: auto;
	min-height: 700px;
	padding-bottom: 0;
}
.denshiro-concept_point_img.fix {
	position: absolute;
}

.denshiro-concept_point_img:not(.fix) {
	-webkit-transform: translate(0,0) !important;
	    -ms-transform: translate(0,0) !important;
	        transform: translate(0,0) !important;
}

.denshiro-concept_point_img > img {
	-webkit-transition: -webkit-transform .4s ease-in-out;
			transition: transform .4s ease-in-out;
}

.denshiro-concept_point_img.active > img,
.normalScroll .denshiro-concept_point_img > img {
	-webkit-transform: translate(0,0) !important;
	    -ms-transform: translate(0,0) !important;
	        transform: translate(0,0) !important;
}

.denshiro-concept_point_img.img2 > img {
	-webkit-transform: translate(0,100%);
	    -ms-transform: translate(0,100%);
	        transform: translate(0,100%);
}
.denshiro-concept_point_img.img3 > img {
	-webkit-transform: translate(0,100%);
	    -ms-transform: translate(0,100%);
	        transform: translate(0,100%);
}


.denshiro-concept_point_txt {
	text-align: center;
	width: 36%;
	padding: 3% 2% 4%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-right: 7%;
	margin-top: 15%;
	background-color: #fff;
	float: right;
}

.denshiro-concept_point_page .c-title-A {
	letter-spacing: .4em;
	padding-left: .3em;
	margin: 20px 0 40px;
	padding-top: 70px;
	position: relative;
	z-index: 1;
}
.denshiro-concept_point_page .c-title-A > span {
	margin-left: -1.2em;
}

.denshiro-concept_point_page .c-title-A:before {
	width: 26px;
	height: 26px;
	margin-left: -13px;
}
.denshiro-concept_point_page .c-title-A:after {
	content: attr(data-number);
	color: #999;
	font-size: 1rem;
	font-style: normal;
	line-height: 1;
	position: absolute;
	top: 6px;
	left: 50%;
	margin-left: -.3em;
}
.IE8 .denshiro-concept_point_page .c-title-A:after {
	font-size: 16px;
}


.denshiro-history_fujiki {
	position: relative;
}

.denshiro-history_fujiki .c-img-3x4 {
	position: absolute;
	right: 0;
	height: 100%;
}

.denshiro-history_fujiki .c-title-A b {
	font-size: 1.125rem;
}
.IE8 .denshiro-history_fujiki .c-title-A b {
	font-size: 18px;
}


/* =============================================================

	kabazaiku

* ============================================================= */


/* kaba-material
--------------------------- */

.kaba-material_detail_item {
	/*background-color: #fff;
	padding: 7% 10%;*/
	padding: 0 5%;
	/* margin-top: -60px;
	margin-bottom: -60px; */
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.kaba-material_detail_item_movie {
	width: 112%;
	/* margin: -4% -6% 40px !important; */
	margin: -4% -3% 40px !important;
	padding-bottom: 80%;
	position: relative;
}
.IE8 .kaba-material_detail_item_movie {
	border: 1px solid transparent;
}

.kaba-material_detail_item_movie > iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	display: block;
}

.kaba-material_detail_item_img {
	/* margin: -4% -8% 20px; */
	margin: -4% -3% 20px;
	display: block;
}


/* kaba-tech
--------------------------- */

.kaba-tech_detail {
	min-height: 101vh;
	border-top: 1px solid #dedede;
}
.kaba-tech_detail:first-child {
	border: none;
}
.normalScroll .kaba-tech_detail {
	overflow: hidden;
	min-height: 0;
}

.kaba-tech_detail_txt {
	height: 100vh;
	position: relative;
	right: 0;
	top: 0;
	width: 54%;
	padding: 0 320px 80px 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	float: right;
}
.normalScroll .kaba-tech_detail_txt {
	height: auto;
	margin-top: 10%;
}
.kaba-tech_detail_txt:not(.active) {
	-webkit-transform: translate(0,0) !important;
	    -ms-transform: translate(0,0) !important;
	        transform: translate(0,0) !important;
}
.kaba-tech_detail_txt.active {
	position: absolute;
}

.kaba-tech_detail_txt_txt {
	margin-right: 320px;
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -40px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.kaba-tech_detail_txt_img {
	width: 320px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -40px;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.normalScroll .kaba-tech_detail_txt_txt,
.normalScroll .kaba-tech_detail_txt_img {
	top: 0;
	-webkit-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	        transform: translate(0,0);
}

.kaba-tech_detail_img {
	padding-right: 60%;
}

/* kaba-origin
--------------------------- */

.kaba-origin_lead {
	overflow: hidden;
	position: relative;
}

.kaba-origin_lead_title {
	text-align: right;
	position: absolute;
	margin-top: -.2em;
	width: 30%;
	margin: 0 10% 0 -9%;
	z-index: 1;
}

.kaba-origin_lead_title > img {
	position: absolute;
	width: 580px;
	right: 0;
	top: 50%;
	margin-top: -305px;
	z-index: -1;
}

.kaba-origin_lead_title > .c-title-A {
	display: inline-block;
	margin: -10px -10px 0 0;
}

.kaba-origin_lead > .c-txt-A {
	padding-left: 50%;
	margin-left: -10em;
	position: relative;
	z-index: 1;
}

.kaba-origin_detail_txt {
	padding: 40px 20% 0;
}


/* =============================================================

	collection

* ============================================================= */

/* collection-list-container
--------------------------- */

.collection-list-container {
	min-height: 100vh;
	position: relative;
	padding-right: 170px;
	margin-bottom: 110px;
	overflow: hidden;
}
.collection-list-container.list {
	margin-bottom: 0;
}
.collection-list-container.list.normalList {
	margin-bottom: 110px;
}
.collection-list-container.grid {
	padding-left: 5%;
}

.collection-list-container.gridOnly  {
	padding-right: 5%;
}

/* collection-list-header
--------------------------- */

.collection-list-header {
	position: fixed;
	top: 25%;
	right: 85px;
	height: 70%;
	max-height: 500px;
	width: 2px;
	z-index: 1;
}
.noPosFix .collection-list-container .collection-list-header {
	position: absolute;
	top: 100px;
}
.collection-list-container.gridOnly .collection-list-header {
	display: none;
}

.collection-list-header > .c-title-A {
	line-height: 1;
	letter-spacing: .2em;
	text-align: left;
	position: absolute;
	width: 1em;
	height: 100%;
	left: -.5em;
}

.collection-list-header > .c-title-A > b {
	writing-mode: tb-rl; /* IE独自仕様 */
	writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	display: inline-block;
}
/* writing-modeが使えない場合（firefox）*/
.no-writing-mode .collection-list-header > .c-title-A > b {
	width: 1em;
	line-height: 1.2;
}

.collection-list-header > .c-title-A > span {
	letter-spacing: .2em;
	margin-top: 130px;
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
}

.collection-list_diamond {
	line-height: 1;
	text-align: center;
	position: absolute;
	top: 7em;
	z-index: 1;
	display: none;
}
.collection-list-container.list .collection-list_diamond.number {
	display: block;
}
.collection-list-container.grid .collection-list_diamond.grid {
	display: block;
}

.collection-list-container.list.normalList .collection-list_diamond.number {
	display: none;
}
.collection-list-container.list.normalList .collection-list_diamond.list {
	display: block;
}

.collection-list_diamond:before {
	content: "";
	width: 60px;
	height: 60px;
	display: block;
	background-color: #EBEBED;
	-webkit-transform-origin: center center;
	    -ms-transform-origin: center center;
	        transform-origin: center center;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	position: absolute;
	left: -30px;
	top: 10px;
	z-index: -1;
}

.collection-list_diamond.number > span {
	color: #999;
	font-style: normal;
	display: block;
	margin: 17px 0 0 -.5em;
}
.collection-list_diamond.grid > span {
	color: #999;
	font-style: normal;
	letter-spacing: .2em;
	display: block;
	margin: 34px 0 0 -1.1em;
}

.collection-list_diamond.number:after {
	content: "";
	width: 30px;
	height: 1px;
	background-color: #999;
	position: absolute;
	margin: -23px 0 0 -20px;
}

.collection-list_switch {
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	padding: 10px;
	background: url(../images/sprite1.png) no-repeat;
	cursor: pointer;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -22px;
}
.collection-list-container.list .collection-list_switch {
	background-position: -40px 10px;
}

.collection-list-container.grid .collection-list_switch {
	background-position: -91px 10px;
}


/* collection-list
--------------------------- */

.collection-list_link {
	display: block;
	position: relative;
}

.collection-list-container {
	position: relative;
	top: 0;
	-webkit-transition: opacity .3s, top .2s;
	        transition: opacity .3s, top .2s;
}

.collection-list-container.fadeout {
	opacity: 0;
	top: 50px;
	-webkit-transition: opacity .5s, top .3s;
	        transition: opacity .5s, top .3s;
}

.collection-list-container.list > .collection-list {
	position: relative;
	-webkit-transition: top .4s ease-in-out;
	        transition: top .4s ease-in-out;
}

.collection-list-container.list > .collection-list > li {
	height: 100vh;
	padding: 1% 0 3%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.collection-list-container.list.normalList > .collection-list > li {
	height: 600px !important;
}

.collection-list-container.list .collection-list_link {
	padding-left: 20%;
	height: 100%;
}

.collection-list-container.grid > .collection-list {
	margin: 0 -2% -2%;
}

.collection-list-container.grid > .collection-list > li {
	float: left;
	width: 50%;
	padding: 2%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.collection-list_img {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.collection-list_img > img {
	display: block;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

.collection-list-container.grid .collection-list_img > img {
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
}

.collection-list-container.list .collection-list_img > img {
	-webkit-transition: -webkit-transform 1s;
			transition: transform 1s;
}
.collection-list-container.list .collection-list_img:hover > img {
	-webkit-transform: scale(1.03);
	    -ms-transform: scale(1.03);
	        transform: scale(1.03);
}

.collection-list-container.grid .collection-list_img > img {
	-webkit-transition: -webkit-transform .4s;
			transition: transform .4s;
}
.collection-list-container.grid .collection-list_link:hover .collection-list_img > img {
	-webkit-transform: scale(1.04);
	    -ms-transform: scale(1.04);
	        transform: scale(1.04);
}

.collection-list-container.grid .collection-list_img > span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background-color: rgba(0,0,0,0.3);
	opacity: 0;
	-webkit-transition: opacity .2s ease-in;
	        transition: opacity .2s ease-in;
}
.collection-list-container.grid .collection-list_link:hover .collection-list_img > span {
	opacity: 1;
}
.IE8 .collection-list-container.grid .collection-list_img > span {
	background-color: #000;
	-ms-filter: "alpha(opacity=0)";
}
.IE8 .collection-list-container.grid .collection-list_link:hover .collection-list_img > span {
	-ms-filter: "alpha(opacity=30)";
}


.collection-list_link > .c-title-A:after {
	content: "";
	width: 10px;
	height: 16px;
	background: url(../images/sprite1.png) no-repeat -150px 0;
	position: absolute;
	left: 50%;
	bottom: -50px;
	margin-left: -5px;
	opacity: 0;
	-webkit-transition: all .2s;
	        transition: all .2s;
}
.collection-list-container.grid .collection-list_link > .c-title-A:after {
	bottom: -30px;
	background-position: -200px 0;
}

.collection-list-container.list .collection-list_img:hover + .c-title-A:after {
	bottom: -35px;
	opacity: 1;
	-webkit-transition-delay: .15s;
	        transition-delay: .15s;
}

.collection-list-container.grid .collection-list_link:hover > .c-title-A:after {
	bottom: -15px;
	opacity: 1;
	-webkit-transition-delay: .15s;
	        transition-delay: .15s;
}

.collection-list-container .collection-list_link > .c-title-A {
	display: none;
}

.collection-list-container.list .collection-list_link > .c-title-A {
	line-height: 1;
	letter-spacing: .5em;
	display: block;
	position: absolute;
	left: 10%;
	top: 45%;
	margin-top: 0;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-transition: margin-top .2s ease-out;
	        transition: margin-top .2s ease-out;
}
.collection-list-container.list .collection-list_img:hover + .c-title-A {
	margin-top: -20px;
}

.collection-list-container.list .collection-list_link > .c-title-A > b {
	writing-mode: tb-rl; /* IE独自仕様 */
	-o-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	display: inline-block;
}

/* writing-modeが使えない場合（firefox）*/
.no-writing-mode .collection-list-container.list .collection-list_link > .c-title-A > b {
	width: 1em;
	line-height: 1.4;
}

.collection-list-container.list .collection-list_link > .c-title-A > span {
	margin-top: 20px;
}

.collection-list-container.grid .collection-list_link > .c-title-A {
	color: #fff;
	font-size: 2em;
	line-height: 1.2;
	width: 80%;
	padding: 0 10%;
	display: block;
	position: absolute;
	top: 45%;
	z-index: 2;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-transition: opacity .2s, margin .2s;
	        transition: opacity .2s, margin .2s;
	opacity: 0;
	margin-top: 20px;
}
.collection-list-container.grid .collection-list_link:hover > .c-title-A {
	opacity: 1;
	margin-top: 0;
}
.IE8 .collection-list-container.grid .collection-list_link > .c-title-A {
	display: none;
}
.IE8 .collection-list-container.grid .collection-list_link:hover > .c-title-A {
	display: block;
}

.collection-list-container.grid .collection-list_link > .c-title-A > b {
	display: block;
}
.collection-list-container.grid .collection-list_link > .c-title-A > span {
	color: #e5e5e5;
}



/* collection-hero
--------------------------- */

.noPosFix .collection-hero {
	max-height: 800px;
}

.collection-hero {
	min-height: 500px !important;
}

.collection-hero_title {
	color: #404040;
	border: none;
	padding: 0 !important;
	top: 12% !important;
	-webkit-transform: translateY(0) !important;
	    -ms-transform: translateY(0) !important;
	        transform: translateY(0) !important;
	z-index: 1;
}
.collection-hero.four-letters .collection-hero_title {
	top: 8% !important;
}
.collection-hero_title > span {
	font-size: 3.714em;
	letter-spacing: .3em;
	margin-bottom: 10px;
}
.collection-hero.four-letters .collection-hero_title > span {
	letter-spacing: 0;
}

/* writing-modeが使えない場合（firefox）*/
.no-writing-mode .collection-hero_title {
	width: 11em;
	margin-left: -5.5em;
}
.no-writing-mode .collection-hero_title > span {
	width: 1em;
}

.collection-hero:after {
	content: "";
	width: 16px;
	height: 16px;
	display: block;
	background-color: #d8d8d8;
	-webkit-transform-origin: center center;
	    -ms-transform-origin: center center;
	        transform-origin: center center;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	margin-left: -12px;
	position: absolute;
	left: 50%;
	top: 55%;
}
.collection-hero.four-letters:after {
	top: 62%;
}

.collection-hero_catch {
	line-height: 1.8;
	text-align: center;
	width: 13em;
	position: absolute;
	left: 50%;
	bottom: 12%;
	margin-left: -6.55em;
	z-index: 1;
}
.collection-hero.four-letters .collection-hero_catch {
	bottom: 5%;
}

.collection-hero_img {
	height: 100%;
	width: 100%;
}


/* collection-lead
--------------------------- */

.collection-lead_awards {
	text-align: center;
	margin-bottom: 40px;
}

.collection-lead_awards > img {
	width: 140px;
	display: inline-block;
	vertical-align: top;
}


/* collection-triple
--------------------------- */

.collection-triple {
	position: relative;
}

.collection-triple_top,
.collection-triple_bottom {
	position: absolute;
	width: 50%;
	height: 50%;
}
.collection-triple_bottom {
	top: 50%;
}

.collection-triple .c-grid-innerbox {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}


/* collection-lineup
--------------------------- */

.collection-lineup > ul {
	line-height: 1.6;
	text-align: center;
	margin-bottom: 10px;
}

.collection-lineup a {
	display: block;
	padding: 20px;
	position: relative;
}

.collection-lineup span {
	display: block;
	margin-bottom: 15px;
}

.collection-lineup span:after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.07);
	position: absolute;
	left: 0;
	top: 20px;
	opacity: 0;
	-webkit-transition-duration: .2s;
	        transition-duration: .2s;
	-webkit-transition-property: opacity top;
	        transition-property: opacity top;
}
.collection-lineup a:hover span:after {
	top: 0;
	opacity: 1;
}

.collection-lineup.hizutsu .c-grid-1of4,
.collection-lineup.egawa .c-grid-1of4,
.collection-lineup.others .c-grid-1of4 {
	width: 30% !important;
}


/* collection-layer
--------------------------- */

.collection-layer_cnt {
	text-align: left;
	width: 100%;
	position: relative;
	-webkit-transition: left .5s ease-in-out;
	        transition: left .5s ease-in-out;
}

.collection-layer_item {
	text-align: center;
	width: 100%;
	padding: 0 100px;
	display: inline-block;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.collection-layer_img {
	margin: 20px auto 40px;
	max-width: 800px;
}

.collection-layer_img > img {
	width: auto;
	max-width: 100%;
}

.collection-layer_txt,
.collection-layer_txt > span {
	margin-bottom: 0;
}


/* collection-nav
--------------------------- */

.collection-nav_img  {
	overflow: hidden;
	position: relative;
}

.collection-nav_img > img {
	display: block;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: -webkit-transform .4s;
			transition: transform .4s;
}
.collection-nav_link:hover .collection-nav_img > img {
	-webkit-transform: scale(1.04);
	    -ms-transform: scale(1.04);
	        transform: scale(1.04);
}

.collection-nav_img > span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background-color: rgba(0,0,0,0.3);
	opacity: 0;
	-webkit-transition: opacity .2s ease-in;
	        transition: opacity .2s ease-in;
}
.collection-nav_link:hover .collection-nav_img > span {
	opacity: 1;
}
.IE8 .collection-nav_img > span {
	background-color: #000;
	-ms-filter: "alpha(opacity=0)";
}
.IE8 .collection-nav_link:hover .collection-nav_img > span {
	-ms-filter: "alpha(opacity=30)";
}

.collection-nav_link > .c-title-A {
	color: #fff;
	line-height: 1.2;
	width: 80%;
	padding: 0 10%;
	position: absolute;
	top: 45%;
	z-index: 2;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-transition: all .2s;
	        transition: all .2s;
	opacity: 0;
	margin-top: 20px;
}
.collection-nav_link:hover > .c-title-A {
	opacity: 1;
	margin-top: 0;
}
.IE8 .collection-nav_link > .c-title-A {
	display: none;
}
.IE8 .collection-nav_link:hover > .c-title-A {
	display: block;
}

.collection-nav_link > .c-title-A > b {
	display: block;
}

.collection-nav_link > .c-title-A > span {
	color: #e5e5e5;
}

.collection-nav_link > .c-title-A:after {
	content: "";
	width: 10px;
	height: 16px;
	background: url(../images/sprite1.png) no-repeat -200px 0;
	position: absolute;
	left: 50%;
	bottom: -30px;
	margin-left: -5px;
	opacity: 0;
	-webkit-transition: all .2s;
	        transition: all .2s;
}
.collection-nav_link:hover > .c-title-A:after {
	bottom: -15px;
	opacity: 1;
	-webkit-transition-delay: .15s;
	        transition-delay: .15s;
}



.collection-nav {
	position: relative;
}

.collection-nav_empty > span {
	display: block;
	position: absolute;
	width: 46%;
	margin: 0 2%;
	height: 100%;
	background: #e5e5e5;
}


/* =============================================================

	meister

* ============================================================= */

/* meister-list-hero
--------------------------- */

.meister-list-hero {
	overflow: visible;
}

.meister-list-hero > .c-badge {
	position: absolute;
	top: 53%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}


/* meister-list
--------------------------- */

.meister-list {
	padding-top: 0 !important;
	margin: 0 0 -4% !important;
}

.meister-list li {
	margin-bottom: 4%;
}

.meister-list_link {
	display: block;
	background-color: #fff;
}

.meister-list_link.gray {
	background-color: #f2f2f2;
}

.meister-list_img {
	overflow: hidden;
	position: relative;
}

.meister-list_img > img {
	display: block;
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	-webkit-transition: -webkit-transform .4s;
			transition: transform .4s;
}
.meister-list_link:hover > .meister-list_img > img {
	-webkit-transform: scale(1.04);
	    -ms-transform: scale(1.04);
	        transform: scale(1.04);
}

.meister-list_img:before {
	content: "";
	width: 36px;
	height: 36px;
	border: 1px solid #ccc;
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 50%;
	margin: 10px 0 0 -19px;
	opacity: 0;
	border-radius: 50%;
	/* -webkit-transform: rotate(45deg); */
	/*-ms-transform: rotate(45deg);*/
	/* transform: rotate(45deg); */
	/* -webkit-transition: all .2s; */
	transition: all .2s;
}
.meister-list_link:hover > .meister-list_img:before {
	opacity: 1;
	margin-top: -19px;
	-webkit-transition-delay: .1s;
	        transition-delay: .1s;
}

.meister-list_img:after {
	content: "";
	width: 10px;
	height: 16px;
	background: url(../images/sprite1.png) no-repeat -200px 0;
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	margin: -8px 0 0 -5px;
	opacity: 0;
	-webkit-transform: translateY(20px);
	    -ms-transform: translateY(20px);
	        transform: translateY(20px);
	-webkit-transition: all .2s;
	        transition: all .2s;
}
.meister-list_link:hover > .meister-list_img:after {
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
	-webkit-transition-delay: .15s;
	        transition-delay: .15s;
}

.meister-list_img > span {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background-color: rgba(0,0,0,0.3);
	opacity: 0;
	-webkit-transition: opacity .2s ease-in;
	        transition: opacity .2s ease-in;
}
.meister-list_link:hover > .meister-list_img > span {
	opacity: 1;
}
.IE8 .meister-list_img > span {
	background-color: #000;
	-ms-filter: "alpha(opacity=0)";
}
.IE8 .meister-list_link:hover > .meister-list_img > span {
	-ms-filter: "alpha(opacity=30)";
}

.meister-list_txt {
	line-height: 1.6;
	padding: 20px 25px;
}

.meister-list_title {
	font-size: 0.929em; /* 13px */
	letter-spacing: .15em;
	display: block;
	margin-bottom: 3px;
}

.meister-list_name {
	font-size: 1.5em;
	letter-spacing: .2em;
	font-weight: normal;
	display: block;
}

.meister-list_number {
	/* color: #999; */
	font-size: 1.143em;
	font-style: normal;
	display: block;
	margin: -30px 0 5px;
}

.meister-list_name-e {
	display: block;
}



.order-title_img {
    text-align: center;
    margin: 0 auto;
}

.order-title_img_y img{/* width: 600px; */width: 100%;max-width: 400px;}

.order-title_img img{/* width: 600px; */width: 100%;max-width: 600px;}




.order-title_text {
	color: #ffffff;
	font-size: 1.8em;
	font-style: normal;
	display: block;
	margin: 0 auto;
	text-align: center;
	text-shadow: 0 1px 100px #000000,
    	0px 0px 1px #000,
    	1px 0px 1px #fff,
    	1px 1px 3px #ffffff;

	color: #fff;

}





/* meister-hero
--------------------------- */

.meister-hero {
	height: 30vh;
	min-height: 300px;
}
.noPosFix .meister-hero {
	max-height: 700px;
}

.meister-hero_img {
	width: 100%;
	height: 100vh;
	min-width: 960px;
	min-height: 500px;
	overflow: hidden;
	position: fixed;
	top: 80px;
}
.noPosFix .meister-hero_img {
	position: relative;
	top: 0;
	height: 100%;
}

.meister-contents {
	position: relative;
	z-index: 1;
	background-color: #fff;
	-webkit-transform: translate3d(0,0,0); /* safariでのチラつきを防ぐ */
}

.meister-window {
	position: relative;
	z-index: 1;
	height: 60vh;
	background-color: rgba(0,0,0,.3);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.2), inset 0 -1px 3px rgba(0,0,0,.2);
	        box-shadow: inset 0 1px 3px rgba(0,0,0,.2), inset 0 -1px 3px rgba(0,0,0,.2);
	-webkit-transform: translate3d(0,0,0); /* safariでのチラつきを防ぐ */
}
.IE8 .meister-window {
	height: 400px;
}
.noPosFix .meister-window {
	display: none;
}

.meister-window > p {
	color: #ccc;
	font-size: 7em;
	font-family: 'Mr De Haviland', cursive;
	line-height: 1;
	text-align: left;
	position: absolute;
	left: 10%;
	bottom: 15%;
	-webkit-transform: rotate(-10deg) skew(-10deg);
	    -ms-transform: rotate(-10deg) skew(-10deg);
	        transform: rotate(-10deg) skew(-10deg);
}
.IE8 .meister-window > p {
	display: none;
}


/* meister-header
--------------------------- */

.meister-header {
	padding: 30px 0 35px;
	position: relative;
	bottom: 0;
}

.meister-header:after {
	content: "";
	width: 100%;
	height: 0;
	border-top: 1px dotted #ccc;
	position: absolute;
	bottom: 0;
}

.meister-header > .c-badge {
	position: absolute;
	left: 8%;
	bottom: 50px;
}

.meister-header_txt_main {
	line-height: 1;
	float: left;
	padding-left: 15%;
}
.meister-header_txt_main > .meister-list_title {
	margin: 5px 0 15px;
}
.meister-header_txt_main > .meister-list_name {
	font-size: 1.8em;
}

.meister-header_txt_sub {
	line-height: 1.6;
	text-align: right;
	position: absolute;
	right: 11%;
	top: 50%;
}

.meister-header_txt_sub > .meister-list_number {
	font-size: 1.1em;
}


/* meister-article
--------------------------- */

.meister-article {
	margin-top: 0;
	margin-bottom: 60px;
}
.meister-article + .meister-article {
	margin-top: 8%;
}

.meister-article_img.left {
	margin-left: -7%;
	margin-bottom: 30px;
}
.meister-article_img.right {
	margin-right: -7%;
}

.meister-article_cap {
	font-size: 0.929em;
	display: block;
	margin: 10px 0 -10px;
}

.meister-article h2 {
	font-weight: bold;
	margin-bottom: 0;
}


/* meister-profile
--------------------------- */

.meister-profile_yomi {
	color: #404040 !important;
	font-style: normal !important;
	letter-spacing: 1px !important;
	padding-left: 1em !important;
}



/* meister-nav
--------------------------- */

.meister-nav {
	position: relative;
	margin-bottom: 4%;
}

.meister-nav_empty > span {
	display: block;
	position: absolute;
	width: 46%;
	height: 100%;
	background: #f2f2f2;
}






/* =============================================================

	company

* ============================================================= */

/* company-about
--------------------------- */

.company-about,
.company-others,
.company-access {
	position: relative;
}

.company-about_img {
	width: 38%;
	height: 100vh;
	position: fixed;
	padding-bottom: 80px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	top: 80px;
	left: 0;
	z-index: -1;
	-webkit-transition: right .3s ease-in-out;
	transition: right .3s ease-in-out;
}

.noPosFix .company-about_img {
	height: 620px !important;
	padding-bottom: 0;
	top: 0;
	position: absolute;
}
.noPosFix .c-header.open + .c-body .company-about_img {
	right: 0;
}

.company-about_txt > section {
	padding: 70px 4% 0 42%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.noPosFix .company-about_txt_history {
	width: auto;
	overflow: hidden;
	margin: 0 -1.5%;
	padding-left: 5%;
}

.company-about_txt_history > .c-dlist.first {
	border-bottom: 1px solid #e5e5e5;
}

.noPosFix .company-about_txt_history > .c-dlist {
	width: 50%;
	padding: 0 1.5%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	float: left;
	border-bottom: none;
}

.company-about_txt .c-badge {
	margin-bottom: 40px;
}

.company-award {
	position: relative;
	z-index: 1;
	padding-left: 7%;
	padding-right: 7%;
}

.company-others {
	background-color: #fff;
}

.company-access_map {
	width: 40%;
	height: 100%;
	position: absolute;
	left: 0;
}

.company-access_map_canvas {
	width: 100%;
	height: 100%;
}

.company-access_map > .c-button {
	position: absolute;
	bottom: 50%;
	left: 30px;
}

.company-access_txt {
	padding: 1% 4% 0 42%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.company-access_txt .c-shop-txt {
	text-align: center;
	margin-top: 60px;
}

.company-access_txt .c-shop-txt > dt {
	margin-top: 40px;
}

.about-txt{
	font-size: 17px;
	
}

.about-txt a{
	color: #000;
}

.about-txt a:hover{
	color: #999;
}



.banquet-txt{
	font-size: 17px;
	
}

.banquet-txt a{
	color: #fff;
}

.banquet-txt a:hover{
	color: #d8d8d8;
}




/* =============================================================

	shop

* ============================================================= */

.shop-wrapper {
	position: relative;
}


/* shop-header
--------------------------- */

.shop-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 25%;
	height: 100%;
	z-index: 1;
	padding-top: 60px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.noPosFix .shop-header {
	position: absolute;
	padding-bottom: 200px;
	padding-top: 0;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}
.noPosFix .c-header.open + .c-body .shop-header {
	-webkit-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	        transform: translate(0,0);
}

.shop-header .c-title-A {
	margin-top: 140px;
}

.shop-header_nav {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.noPosFix .shop-header_nav {
	position: relative;
	margin-top: 100px;
}

.shop-header_nav a {
/*	font-size: 1.143em; */
	text-align: center;
	display: block;
	padding: 30px 20px;
	position: relative;
	overflow: hidden;
}
.shop-header_nav > li.active > a {
	background-color: #fff;
}
.noPosFix .shop-header_nav > li.active > a {
	background-color: transparent;
}

.shop-header_nav a > span {
	position: relative;
	z-index: 1;
}

.shop-header_nav a:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #e5e5e5;
	position: absolute;
	left: 0;
	top: 100%;
	opacity: 0;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	-webkit-transition-property: -webkit-transform opacity;
			transition-property: transform opacity;
	-webkit-transition: .2s ease-out;
	        transition: .2s ease-out;
}
.shop-header_nav a:hover:before {
	opacity: 1;
	-webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	        transform: translateY(-100%);
}
.shop-header_nav li.active a:hover:before {
	opacity: 0;
}
.noPosFix .shop-header_nav li.active a:hover:before {
	opacity: 1;
}


.shop-header_nav a:after {
	content: "";
	width: 20px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -10px;
}
.shop-header_nav > li:first-child > a:after,
.shop-header_nav > li.active > a:after,
.shop-header_nav > li.active + li > a:after {
	content: none;
}

.noPosFix .shop-header_nav > li > a:after {
	content: "" !important;
}
.shop-header_nav > li:first-child > a:after {
	content: none !important;
}

/* shop-body
--------------------------- */

.shop-body {
	padding-left: 25%;
}

.shop-flagship_img {
	margin-bottom: -40px;
}

.shop-flagship_map {
	height: 500px;
	position: relative;
}

.shop-flagship_map_canvas {
	width: 100%;
	height: 100%;
}

.shop-flagship_map > .c-button {
	position: absolute;
	bottom: 30px;
	right: 30px;
}


.shop-flagship_badge {
	margin-bottom: -20px;
}

.shop-flagship .c-shop-txt > b {
	font-size: 1.214em;
}

.shop-showroom_badge {
	margin-bottom: -20px;
}

.shop-showroom_badge > span {
	letter-spacing: 0;
	margin-left: 0;
}

.shop-showroom_img {
	text-align: center;
	margin-top: 30px;
}

.shop-showroom_img > img {
	width: 600px;
}

.shop-list .c-title-A {
	position: relative;
	margin-bottom: 60px;
}

.shop-list .c-title-A:after {
	content: "";
	width: 20px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	bottom: -30px;
	left: 50%;
	margin-left: -10px;
}

.shop-list {
	margin: 0 !important;
}

.shop-list ul {
	padding: 20px 0 40px;
}

.shop-list li {
	margin-bottom: 60px;
}


/* =============================================================

	recruit

* ============================================================= */

/* recruit-info
--------------------------- */

.recruit-info_img {
	margin: 30px 0;
}

.recruit-info_list {
	padding-left: 20px;
}

.recruit-info_list > dt {
	position: relative;
	font-weight: bold;
	margin-top: 1.2em;
}
.recruit-info_list > dt:first-child {
	margin-top: 0;
}

.recruit-info_list > dt:before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -3px;
	background-color: #999;
}


/* recruit-apply
--------------------------- */

.recruit-apply > .c-badge {
	margin: -50px 0 40px;
}


/* =============================================================

	news

* ============================================================= */

/* news-article
--------------------------- */

.news-artile {
	padding-top: .5em;
}

.news-artile_title {
	padding-top: 50px;
	margin-bottom: 50px;
	position: relative;
}

.news-artile_title:before {
	content: "";
	width: 40px;
	height: 1px;
	background-color: #ccc;
	position: absolute;
	top: 10px;
}

.news-article_body {
	margin-bottom: 120px;
}

.news-article_body strong {
	font-size: 1.067em;
}

.news-article_body a {
	color: #404040;
	text-decoration: underline;
}

.news-article_body img {
	margin: 0 auto;
	width: auto;
	max-width: 100%;
}

.news-article_btn {
	text-align: center;
	margin: -40px 0 120px;
}


/* =============================================================

	contact

* ============================================================= */

/* contact-header
--------------------------- */

.contact-header_txt {
	position: relative;
	margin-top: 50px;
	padding: 50px 50px 0 0;
}

.contact-header_txt:before {
	content: "";
	width: 20px;
	height: 1px;
	/* background-color: #ccc; */
	position: absolute;
	top: 0;
}

.contact-header_phone {
	text-align: left;
	display: block;
	font-size: 1.714em;
	font-style: normal;
	line-height: 1.4;
	margin: 10px 0;
}

.contact-header_phone > span {
	font-size: 1rem;
}







.contact-header_txt img {
	width : 90%;
}


.IE8 .contact-header_phone > span {
	font-size: 16px;
}


/* contact-form
--------------------------- */

.contact-form > dt {
	position: absolute;
	padding: 1.8em 0 0 10px;
}

.contact-form > dd {
	position: relative;
	padding: 1em 0 1em 10em;
	margin-bottom: 60px;
	border-bottom: 1px solid #4d4d4d;
}

.contact-form > dd > i {
	color: #999;
	display: block;
	cursor: text;
	position: absolute;
	bottom: 1.8em;
	z-index: -1;
}
.contact-form > dd.active > i {
	display: none;
}
.contact-confirm .contact-form > dd > i {
	display: none;
}

.contact-confirm .contact-form > dd > span {
	display: block;
	line-height: 3.6em;
	min-height: 3.6em;
}
.contact-confirm .contact-form > dd > span {
	display: block;
	line-height: 3.6em;
}
.contact-confirm .contact-form > dd.message > span {
	line-height: 2;
	padding: 1em 0;
	min-height: 1.6em;
}

.contact-form .contact-form > dd .error {
	color: red;
	position: absolute;
	top: -1.5em;
}

.contact-form > dd.active textarea {
	height: 18em;
}

.contact-complete {
	min-height: 480px;
}


.contact-form_btn {
	margin-bottom: 120px;
}

.contact-form .c-submitset > li:first-child {
	display: none;
}

.contact-confirm .c-submitset > li:first-child > .c-submit {
	background-color: #808080;
}
.contact-confirm .c-submitset > li:first-child > .c-submit:before {
	background-color: #666;
}







.iframMap {
	width: 100%;
	margin: 0 auto;
	max-width: 100%;
	overflow: hidden;
	padding: 0;
	background-color: #fff;
}

.iframMap .wrap {
    width: 98%;
    margin: 10px auto;
    padding: 60px 0;
    overflow: hidden;
    text-align: center;
    font-size: 0;
}







/* =============================================================

	privacy

* ============================================================= */

/* privacy-dlist
--------------------------- */

.privacy-dlist {
	margin-bottom: 120px;
}

.privacy-dlist > dt {
	font-size: 1.071em;
	font-weight: bold;
	margin: 3em 0 1em;
}

.privacy-dlist > dd > ul {
	margin: 1em 0 1em 1.5em;
	list-style: disc;
}

.privacy-dlist > dd > ul > li {
	margin-bottom: .5em;
}



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

	.top-hero_soba{
		top: 10%;
		left: 5%;
		z-index: 10;
		max-width: 100px;
		/* height: 192px; */
		}

	.top-hero_soba_txt{
		top: 10%;
		right: 8%;
		z-index: 10;
		font-size: 1.5em;

		}
	.top-hero_soba_txt span{
		padding-top:100px;
	}



	.top-hero_katsuo{
		bottom: 20%;
		right: 5%;
		z-index: 10;
		max-width: 100px;
		/* height: 192px; */
		}

	.top-hero_katsuo_txt{
		top: 10%;
		left: 8%;
		z-index: 10;
		font-size: 1.5em;

		}

	.top-hero_katsuo_txt span{
		padding-top:100px;
	}

	.top-hero_gyokai{
		position:absolute;
		top: 10%;
		left: 5%;
		z-index: 10;
		max-width: 100px;
		/* height: 192px; */
		}


	.top-hero_gyokai_txt{
		position:absolute;
		top: 30%;
		left: 8%;
		z-index: 10;
		font-size: 1.5em;
		}

	.top-hero_logo1 {
		position: absolute;
		top: 10%;
		right: 5%;
		max-width: 120px;
		height: 342px;
	}

}









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


	.top-news_inner {
		position: relative;
		margin: 0 6%;
	}

	.top-news .c-title-A {
		display: inline-block;
		text-align: left;
		margin-bottom: 30px;
	}


	.top-links_txt.txt3 {
		padding: 20px 15% 0 15%;
	}


	.meister-header_txt_main {
		line-height: 1;
		float: left;
		padding-left: 17%;
	}
	


	.meister-article_img.right {
		margin-right: 0%;
		margin-left: 0%;
	}
	
	.meister-article_img.left {
		margin-right: 0%;
		margin-left: 0%;
		margin-bottom: 30px;
	}

	.meister-article_img.right span{
		text-align: center;
	}
	
	.meister-article_img.left span {
		text-align: center;
	}






}


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

	.meister-hero {
		height: 20vh;
		min-height: 200px;
	}

	.meister-header_txt_main > .meister-list_title {
		margin: 15px 0 15px;
	}


	.top-hero_soba{
		top: 10%;
		left: 5%;
		z-index: 10;
		max-width: 100px;
		/* height: 192px; */
		}

	.top-hero_soba_txt{
		top: 10%;
		right: 8%;
		z-index: 10;
		font-size: 1.5em;

		}
	.top-hero_soba_txt span{
		padding-top:100px;
	}



	.top-hero_katsuo{
		bottom: 30%;
		right: 5%;
		z-index: 10;
		max-width: 100px;
		/* height: 192px; */
		}

	.top-hero_katsuo_txt{
		top: 10%;
		left: 8%;
		z-index: 10;
		font-size: 1.5em;

		}

	.top-hero_katsuo_txt span{
		padding-top:100px;
	}

	.top-hero_gyokai{
		position:absolute;
		top: 10%;
		left: 5%;
		z-index: 10;
		max-width: 100px;
		/* height: 192px; */
		}


	.top-hero_gyokai_txt{
		position:absolute;
		top: 30%;
		left: 10%;
		z-index: 10;
		font-size: 1.5em;

		}

	.top-hero_logo1 {
		position: absolute;
		top: 10%;
		right: 5%;
		max-width: 100px;
		height: 285px;
	}


	
	.meister-header_txt_main {
		padding-left: 8%;
		padding-right: 8%;
	}
	

	.meister-header > .c-badge {
		position: absolute;
		left: 18%;
		top: -150px;
	}



	.meister-header_txt_main > .meister-list_name {
		font-size: 1.6em;
		line-height: 1.1;
	}



	.meister-header_txt_sub {
		line-height: 1.2;
		right: 5%;
		top: 30%;
	}

	.meister-header_txt_sub > .meister-list_number {
		font-size: 1.1em;
	}

	.meister-article h2 {
		font-weight: bold;
		margin-bottom: 0.3em;
		margin-top: 1.5em;
	}

	.meister-list_name {
		font-size: 1.567em;
		letter-spacing: .2em;
	}


	.order-title_text {
		font-size: 1.3em;
		text-align: left;
	}


	.company-about_img {
		width: 0%;
		}


	.company-about_txt > section {
		padding: 70px 6% 0 6%;
	}

	.company-access_map {
		width: 0%;
	}

	.company-access_txt {
		padding: 10px 1% 10px 1%;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.company-access_map > .c-button {
		position: absolute;
		bottom: 7%;
		left: 30px;
	}


	.meister-article_img.left {
		margin-left: 0%;
		margin-bottom: 20px;
		margin-top: 30px;
	}

	.meister-article_img.right {
		margin-right: 0;
		margin-top: 30px;
}


	.contact-header_txt {
		position: relative;
		margin-top: 50px;
		margin: 0 auto;
		padding: 0;
	}


	.contact-header_txt img {
		width: 20%;
		margin: 0 40%;
		z-index: 0;
	}



	.iframMap .wrap {
		width: 90%;
		margin: 10px auto;
		padding: 5px 0;
		overflow: hidden;
		text-align: center;
		font-size: 0;
	}


	.company-access {
		position: relative;
		padding-top: 10px;
		padding: 0 6% 0 6%;
	}




}