/*
Theme Name: dk-base 2018
Theme URI: http://yamatempo.com/renew2018/
Version: 1.0
Author: Digital Kitchen
Author URI: http://dejikichi.com

/*	INDEX
-------------------------------------------------
	BASE
	HEADER
	CONTENT
	SIDE BAR
	FOOTER
	MISC
	Mobile
	HACK
*/

/*	BASE
-------------------------------------------------*/
* {margin: 0; padding: 0;}

html{
	margin: 0;
	padding: 0;
	color: #333333;
	line-height: 1.4;
	font-size:16px;
	font-family: "メイリオ", Meiryo, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif;
}
body{background-color:#333;}
div#pageframe{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
a,
a:link {}
a:hover {}
a:visited {}
a:active {}


a img {border:none;}
input[type="email"],
input[type="text"]{font-size:1rem;padding:2px;max-width:100%;}
input[type="submit"]{font-size:1rem;padding:0.4em;}
select{font-size:1rem;padding:0.6em;}
select option{font-size:1rem;}
textarea{font-size:1rem;padding:0.4em;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.align_c{text-align:center;}
.align_r{text-align:right;}
.align_l{text-align:left;}
.pc_none{display:none;}
.bottom_1em{margin-bottom:1em;}
.alignright{float:right;}
.alignleft{float:left;}
ul.arrowpnt li{
	margin-bottom:0.6em;
	list-style-type:none;
}
ul.arrowpnt li:before{
	font-family: dashicons;
	content: "\f522";
	color:#ff7f00;
	margin-right:1em;
}
section,
article,
div{
	display:block;
	box-sizing:border-box;
}
table{
	border-collapse: collapse;
	width:100%;
}
table th,
table td{
	padding:0.6em;
	border:1px solid #ccc;
	box-sizing:border-box;
	margin:0 auto;
}



/*	HEADER
-------------------------------------------------
*/
header{
	position:relative;
	/*background-color:rgba(255,255,255,0.8);*/
	z-index:100;
	min-height:52px;
}

.header_area{
	width:1200px;
	margin:0 auto;
	padding:0.6em;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
}
.header_area h1{}
.header_area nav div{
	text-align:right;
	margin-bottom:1em;
}
.header_area nav div a:link,
.header_area nav div a:visited,
.header_area nav div a:hover,
.header_area nav div a:active{
	color:#666;
	font-weight:bold;
	padding:0.2em 0.8em;
	text-align:center;
	background-color:rgba(255,255,255,0.4);
	margin-right:1em;
	border-radius:10px;
	text-decoration:none;
}
.header_area nav div a:hover,
.header_area nav div a:active{
	background-color:rgba(255,255,255,1);
	color:#008000;
}
.header_area nav div br,
.header_area nav div button{display:none;}
.header_area nav ul{
	display:flex;
	list-style:none;
}

.header_area nav ul li{border-right:1px solid #666;padding:2px;}
.header_area nav ul li:last-of-type{border:none;}
.header_area nav ul li a:link,
.header_area nav ul li a:visited{
	color:#666;
	padding:0.4em;
	text-decoration:none;
	display:block;
	box-sizing:border-box;
	height:100%;
}
.header_area nav ul li.current-menu-item a:link,
.header_area nav ul li.current-menu-item a:visited,
.header_area nav ul li a:hover,
.header_area nav ul li a:active{
	color:#fff;
	background-color:#669900;
}
.header_area nav ul li.current-menu-item:last-of-type a:link,
.header_area nav ul li.current-menu-item:last-of-type a:visited,
.header_area nav ul li.menu-item-home a:link,
.header_area nav ul li.menu-item-home a:visited{
	color:#666;
	background-color:transparent;
}
.header_area nav ul li.current-menu-item:last-of-type a:hover,
.header_area nav ul li.current-menu-item:last-of-type a:active,
.header_area nav ul li.menu-item-home a:hover,
.header_area nav ul li.menu-item-home a:active{
	color:#fff;
	background-color:#669900;
}
.header_area nav ul li a span{
	display:block;
	font-size:12px;
	text-align:center;
}

.liner_header{
	background-color:#222;
	display:flex;
	padding:0.2em 0;
	align-items:flex-start;
	align-items:center;
	height:100%;
}
.liner_header h1 {
    padding:0.4rem 1em 0 1rem;
    line-height: 1;
}
.liner_header h1 img{
	height:30px;
	width:auto;
}
.liner_header nav,
.liner_header nav ul{
	display:flex;
}
.liner_header nav{
	flex:1 1 100%;
	margin-top:4px;
}
.liner_header nav ul li{
	list-style-type:none;
}
.liner_header nav a:link,
.liner_header nav a:visited,
.liner_header nav a:hover,
.liner_header nav a:active{
	color:#999;
	font-size:0.9em;
	text-decoration:none;
	display:inline-block;
	padding:0.1em 1em;
}
.liner_header nav a:hover,
.liner_header nav a:active{
	/*background-color:#444;*/
	color:#ff0;
}
.liner_header nav button{display:none;}
.liner_header nav div{}


.fixed_bg{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background-color:#000;
}
.fixed_bg .bx-wrapper,
.fixed_bg .bx-wrapper figure img{
	max-width:100% !important;
	max-height:100vh !important;
}
.fixed_bg .bx-wrapper figure,
.fixed_bg .bx-wrapper figure img{
	width:100% !important;
	height:100vh !important;
	background-color:#000;
}
.fixed_bg .bx-wrapper figure figcaption{
    position: absolute;
    bottom:1rem;
    right:1rem;
    font-size:14px;
    color: #ff0;
    text-shadow: 1px 1px #333, 1px 0 #333, 1px -1px #333, 0 -1px #333, -1px -1px #333, -1px 0 #333, -1px 1px #333, 0 1px #333 ;
}


/*	CONTENT
-------------------------------------------------
*/
.breadcrumbs{
	background-color:#E2E2E2;
	padding:1em;
}

.bread_wrap{
	width:1200px;
	margin:0 auto;
	text-align:right;
}

main{
	display:block;
	position:relative;
	z-index:100;
	min-height:calc(100vh - 70px);
	background-color:#fff;
}

#postname,
article.post .entry_wrap{
	width:1200px;
	margin:0 auto;
}

#postname{padding:1em 0;}
.h2back h2 span{
	font-weight:normal;
	font-size:smaller;
	padding: 0 2em;
}

.entry {}
.entry h3{}
.entry p{
	text-indent:1em;
	margin-bottom:1em;
}
.entry p.noindnt{text-indent:0;}
.postdate{
	text-align:right;
	background-color:#fff;
}
.post img,
.entry img{max-width:100%;height:auto;}



/*	post table
-------------------------------------------------*/

table{width:100%;max-width:100%;}
table caption{padding:0.4em;font-weight:bold;}
table th,
table td{padding:0.6em;border:1px solid #ccc;}
table th{
	font-weight:bold;
	text-align:center;
}
table td{}
table td p{padding:0;margin:0;text-indent:0;}
table td ul,
table td ol{margin-left:1em;}



/*	post ol ul li
-------------------------------------------------*/
.entry ul,
.entry ol{margin-left:2em;}

.entry ul li,
.entry ol li{line-height:1.8;}



/*	TOP
-------------------------------------------------*/
#top_main{background-color:inherit;}
#pageframe.toppage_frame{
	/*background-image:url(../images/yamatempo_backimg.jpg);*/
	/*background-image:url(/outer_files/images/yamatempo_backimg.jpg);*/
	/*background-image:url(/outer_files/images/yamatempo_backimgfffol.jpg);*/
	/*background-image:url(/outer_files/images/yamatempo_backimg20180514.jpg);*/
	background-position-y: 0;
	background-position-x: center;
	background-size: auto 100vh;
	background-repeat:no-repeat;
	background-attachment: fixed;
	position:relative;
}

.top_fv{
	width:1200px;
	margin:0 auto;
	padding-bottom:2em;
}

.top_layout2 .top_fv{padding-bottom:1em;}

.top_fv .catch_area{
	position:relative;
	height:580px;
	height:540px;
	/*height:-webkit-calc(100vh - 90px);
	height:calc(100vh - 90px);*/
}
.top_fv .catch_wrap{
	position:absolute;
	top:120px;
	left:0px;
}

.top_fv h2{margin-bottom:10px;}
.top_fv .catch_wrap div{
	font-size:14px;
	color:#fff;
	padding:10px;
	background-color:rgba(120,120,120,0.8);
	text-shadow:2px 2px 2px #333;
}
.top_fv .catch_wrap div p{margin-bottom:1rem;}

.arrivals_area{
	padding:1em 0 0;
	background-color:rgba(170,170,170,0.4);
}
.arrivals_area .top_arrivals{width:1200px;margin:0 auto;}

.top_arrivals{
}
.top_arrivals h2{
	color:#008000;
	margin-bottom:1rem;
	border-bottom:2px solid #008000;
}
.top_arrivals ul{
	list-style:none;
	display:flex;
	justify-content:space-around;
}
.top_arrivals li{
	background-color:#bbb;
	padding:0.4em;
}

.separate_block{
	width:100%;
	height:60px;
	background-color:rgba(170,170,170,0.4);
}

.case_list{
	padding-top:2em;
	padding-bottom:1.4em;
	background-color:rgba(000,000,000,0.3);
}

.case_list ul{
	width:1200px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	list-style:none;
}
.case_list ul li a:link,
.case_list ul li a:visited,
.case_list ul li a:hover,
.case_list ul li a:active{
	display:block;
	width:380px;
	height:214px;
	position:relative;
	overflow:hidden;
	margin:0 0.5em 1em;
}
.case_list ul li a span{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	padding:0.2em 0.4em;
	background-color:rgba(200,200,200,0.4);
	border-radius:0.2em;
	text-shadow: 1px 1px 0px #000;
}

.case_list ul li a span{
	color:#fff;
	font-weight:bold;
	font-size:18px;
	z-index:10;
}

.case_list ul li a img{
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
	width:100%;
}

.case_list ul li a img:hover{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.top_infomation{
	background-color:rgba(000,000,000,0.3);
	background-color:transparent;
	height:calc(100vh - 4.6rem);
}
.top_infomation h2,
.info_area{display:none;}


.fb_wrap{width:540px;margin-top:30px;}



/*	category
-------------------------------------------------*/
#news_posts ul {padding:0 1em;}
#news_posts ul li {
	list-style-type:none;
	margin:1em 0;
	padding:0;
}
#news_posts ul li a:link,
#news_posts ul li a:visited,
#news_posts ul li a:hover,
#news_posts ul li a:active {
	display:flex;
	padding:2em 1em ;
	font-size:18px;
	align-items:flex-start;
	text-decoration:none;
	background-color:rgba(255,255,255,0.8);
}
#news_posts ul li a:hover,
#news_posts ul li a:active {background-color:rgba(255,255,255,0.5);}
#news_posts ul li span.date{flex:0 0 8em;}
#news_posts ul li span.term{
	margin:0 1em;
	padding:0 2em;
	background-color:#70a011;
	background-color:#fc0;
	font-weight:bold;
	border-radius:1em;
	flex:0 0 auto;
}
#news_posts ul li a:link span.date,
#news_posts ul li a:visited span.date,
#news_posts ul li a:hover span.date,
#news_posts ul li a:active span.date,
#news_posts ul li a:link span.term,
#news_posts ul li a:visited span.term,
#news_posts ul li a:hover span.term,
#news_posts ul li a:active span.term {
	color:#333;
}
#news_posts ul li a:link span.term,
#news_posts ul li a:visited span.term,
#news_posts ul li a:hover span.term,
#news_posts ul li a:active span.term {color:#fff;}
#news_posts ul li a:link span.posttitle,
#news_posts ul li a:visited span.posttitle,
#news_posts ul li a:hover span.posttitle,
#news_posts ul li a:active span.posttitle {text-decoration:underline;}



/*	page
-------------------------------------------------*/
.contents_page{}

.contents_page article.post{
	/*background-image:url(../images/yamatempo_backimg2.jpg);
	background-image:url(/outer_files/images/yamatempo_backimg.jpg);
	background-image:url(/outer_files/images/yamatempo_backimgfffol.jpg);
	background-position-y: 0;
	background-position-x: center;
	background-size: 1900px auto;
	background-repeat:no-repeat;
	background-attachment: fixed;*/
}

.contents_page article.post .entry_wrap{
	background-color:rgba(255,255,255,0.9);
	padding:2em;
}
.contents_page article.post .entry{
	width:980px;
	margin:0 auto;
}
.contents_page article.post .entry.concept_entry1{padding-bottom:1em;}
.contents_page article.post .entry.concept_entry2{padding-top:0;padding-bottom:1em;}
.contents_page article.post .entry.concept_entry3{padding-top:0;}

.concepth3{
	border-bottom:2px solid #008000;
	margin-bottom:0.4em;
}

.produce_flow{margin-bottom:2em;}

.about_concept{
	background-color:#669900;
	background-color:#333;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:1em;
}
.about_concept h3{
	margin-bottom:1em;
	border: none;
}

#company_info{
	width:95%;
	margin:0 auto;
}

.contents_page table th,
.contents_page table td{
	border:none;
	padding:1em;
}

.business_lineup_list{
	list-style:none;
	margin-left:0;
}
.business_lineup_list li{
	font-weight:bold;
}
.business_lineup_list li span{
	display:block;
	font-weight:normal;
}

.studioyama_gaiyou,
.studioyama_comment{
	font-weight:bold;
	margin-bottom:2em;
	text-align:center;
}

.studioyama_gaiyou{color:#008000;}
.studioyama_comment{}

/*採用情報*/
#recruit_entry {margin-top:1em;}
#recruit_entry h3{
	border-bottom: 2px solid #008000;
	margin-bottom: 0.4em;
}
.contents_page table.rec_table{margin-bottom:2em;}
.contents_page table.rec_table caption{text-align:left;}
.contents_page table.rec_table th{white-space: nowrap;}
.contents_page table.rec_table th,
.contents_page table.rec_table td{
	padding:0.4em;
	border:1px solid #ccc;
}
.no_recruit{font-weight:bold;}

/*Work flow */
.work-flow, .work-flow2{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}


.work-flow dt{
	flex: 0 0 auto;
	width: 200px;
	border: solid 2px;
	margin-right: 2em;
	padding: 0.5em;
	margin-bottom: auto;
}

.work-flow dd{
	padding: 0.5em;
	flex: 1 0 auto;
	margin-bottom: 1em;
	border: solid #FFF;
	width: 100%;
	max-width: calc(100% - 200px - 5em);
	min-width: 320px;
	
}

/*	single
-------------------------------------------------*/


/*	施工実績一覧
-------------------------------------------------*/
#execution_lists,
#execution_terms_lists{}

#execution_lists .new_arrivals,
#execution_terms_lists .new_arrivals,
#execution_lists .case_list,
#execution_terms_lists .case_list{
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
}


#execution_lists h2,
#execution_terms_lists h2{
	width:1200px;
	margin:0 auto;
	padding: 1rem 0;
	text-align:left;

}

#execution_lists .new_arrivals h2,
#execution_terms_lists .new_arrivals h2{margin-bottom:1rem;}

#execution_lists .case_list,
#execution_terms_lists .case_list{background-color:rgba(255,255,255,1);}

.new_arrivals{
	width:1200px;
	margin:0 auto 2em;
}
.new_arrivals h2{
	text-align:center;
	margin-bottom:1em;
	border-bottom:2px solid #ccc;
}
.new_arrivals ul{
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:left;
}
.new_arrivals li{
	background-color:#bbb;
	width:212px;
	height:194px;
	box-sizing:border-box;
	margin:0 14px 28px;
}

.new_arrivals li a:link,
.new_arrivals li a:visited{
	padding:0.4em;
	text-decoration:none;
	color:#333;
	width:100%;
	height:100%;
	display:block;
	box-sizing:border-box;
}
.new_arrivals li a:hover,
.new_arrivals li a:active{opacity:0.8;}

.new_arrivals li figure{
	width:100%;
	height:100%;
	position:relative;

}
.new_arrivals li figure img{
	width:200px;
	height:112px;
	position:absolute;
	left:50%;
	bottom:0.4em;
	transform:translate(-50%,0);
}

.new_arrivals li figure figcaption span{display:block;}

.not_execution{
	font-size:20px;
	padding:2em;
	text-align:center;
	font-weight:bold;
}

/*	施工実績詳細
-------------------------------------------------*/
.jisseki{position:relative;}
.jisseki header{margin-bottom:1em;}
.jisseki .header_area{}
#postname.case_contents_name{width:1000px;}
.case_contents_name h2{
	border-bottom:2px solid #FF5C26;
	display:inline-block;
	margin-bottom:1em;
	padding:0 0.2em;
}

.case_contents{
	width:1000px;
	margin:0 auto;

}
.case_contents.post .case_contents_wrap{}
.case_contents.post h3{border-bottom:2px solid #ccc;margin-bottom:1em;padding:0 0.2em;}

.case_contents.post div,
.case_contents.post table{margin-bottom:1em;}

.case_contents.post div{
	word-break: break-all;
	word-break: break-word;
}


.execution_data{
	width:300px;
	position:absolute;
	top:20px;
	left:20px;
	background-color:rgba(000,000,000,0.6);
	color:#fff;
	padding:10px;
	z-index:10;
}

.maindata_wrap{}

.maindata_wrap h2{
	font-size:16px;
	margin-bottom:1em;
	padding-bottom:0.2em;
	border-bottom:2px solid #fff;
}
.maindata_wrap .gaiyou,
.maindata_wrap .comment{
	font-size:0.8em;
	margin-bottom:1em;
}
.maindata_wrap .gaiyou a:link,
.maindata_wrap .gaiyou a:visited{color:#ff0;}

.execution_contents{
	margin-bottom:1em;
}

.execution_contents h3{
	font-size:16px;
	padding:4px;
	margin-bottom:1em;
	background-color:rgba(102,153,0,0.6);
}

.execution_contents h3:hover{
	cursor:pointer;
	background-color:rgba(102,153,0,1);
}

.execution_contents .execution_dt_wrap{
	font-size:0.8em;
	display:none;
}

.shop_data img{width:100%;height:auto;}
.case_contents.post table{
	white-space:no-wrap;
}
.execution_data table{width:100%;margin-bottom:10px;}
.execution_data table th,
.execution_data table td{
	border:none;
	border-bottom:1px dotted #999;
	padding:0.2em;
	text-align:left;
}

.execution_data table th{width:30%;font-weight:bold;}
.execution_data table td{width:70%;}

.execution_data table td a:link,
.execution_data table td a:visited{
	word-break: break-all;
	color:#fff;
}

.execution_data .postdate{
	background-color:inherit;
	color:#fff;
}

.bfimg_wrap{display:flex;justify-content:space-around;}

.bfimg_wrap .before_img,
.bfimg_wrap .after_img{width:40%;border:1px solid #ccc;box-sizing:border-box;font-size:0;}

.bfimg_wrap .before_img img,
.bfimg_wrap .after_img img{width:100%;height:auto;}

.bfimg_wrap .arrow_icon{width:6%;margin:0 2%;display:flex;align-items: center;}
.bfimg_wrap .arrow_icon img{width:100%;height:auto;}

.shop_data .map{text-align:center;}
.shop_data .map iframe{width:calc(100% - 4px);}

.other_case{
	width:1200px;
	margin:0 auto 2em;
}
.other_case h2{
	text-align:center;
	margin-bottom:1em;
	border-bottom:2px solid #ccc;
}
.other_case ul{
	list-style:none;
	display:flex;
	justify-content:left;
	flex-wrap: wrap;
}
.other_case li{
	background-color:#bbb;
	width:212px;
	height:194px;
	box-sizing:border-box;
	margin: 14px;
}

.other_case li a:link,
.other_case li a:visited{
	padding:0.4em;
	text-decoration:none;
	color:#333;
	width:100%;
	height:100%;
	display:block;
	box-sizing:border-box;
}
.other_case li a:hover,
.other_case li a:active{opacity:0.8;}

.other_case li figure{
	width:100%;
	height:100%;
	position:relative;

}
.other_case li figure img{
	width:100%;
	height:112px;
	position:absolute;
	left:50%;
	bottom:0.4em;
	transform:translate(-50%,0);
}

.other_case li figure figcaption span{display:block;}


.jisseki .case_list{
	padding-top:0;
	background-color:#fff;
}

.jisseki .case_list h2{
	text-align:center;
	background-color:#eee;
	padding:0.4em;
	margin-bottom:1em;
}
.bx-wrapper{
	margin:0 auto 1em;
	box-shadow:none !important;
	border:none !important;
	margin-bottom:1em !important;
	width:100%;
	height:calc( (100vw - 17px) / 16 * 9);
	z-index:5;
}
.pager_area img{
	width:120px;
	height:70px;
}


/*	SIDE BAR
-------------------------------------------------
*/



/*	FOOTER
-------------------------------------------------
*/
nav.footnav {
}
footer{
	background-color:#669900;
	color:#fff;
	position:relative;
	z-index:110;
	height:16px;
}
footer.liner_footer{
	background-color:#333;
	color:#666;
}
footer.front_footer{
	position:fixed;
	bottom:0px;
	width:100%;
}


.footer_area{
	width:1200px;
	margin:0 auto;
	padding:1em;
	display:flex;
	justify-content:space-between;
	color:#fff;
}

.footer_area nav{display:flex;}
.footer_area nav ul{list-style:none;margin-right:2em;}
.footer_area nav li ul{margin-left:1em;margin-right:1em;}
.footer_area nav li a:link,
.footer_area nav li a:visited{
	color:#fff;
	text-decoration:none;
	padding:2px 4px;
	display:block;
}
.footer_area nav li a:hover,
.footer_area nav li a:active{
	color:#669900;
	background-color:#fff;
}


.copyright{
	width:100%;
	margin:0 auto;
	text-align:right;
	font-size:12px;
	padding-right:1rem;
	box-sizing:border-box;
}


/*	
-------------------------------------------------*/



/*	お問合せフォーム
-------------------------------------------------
*/
.inquiry_info{}

.inquiry_info p{}

.inquiry_info dl{display:flex;flex-wrap:wrap;margin:0 2em;width:50%;min-width:300px;}
.inquiry_info dl dt{
	flex:0 0 5em;
	font-weight:bold;
}
.inquiry_info dl dd{flex:0 2 70%;}

.mw_wp_form form {margin:2em;}
.mw_wp_form form table th,
.mw_wp_form form table td{border:1px solid #ccc;}
.mw_wp_form form table th{white-space:nowrap;padding:1em;}
.mw_wp_form form table th span{color: #ff0000;margin-left:1em;font-size:0.8em;}
.mw_wp_form .horizontal-item,
.mw_wp_form .horizontal-item + .horizontal-item {
	display:inline-block;
	padding:0.6em 0.6em 0.6em 1em;
	margin:0!important;
}
.mw_wp_form form table td textarea {
	width:100%;
	box-sizing:border-box;
}

.mw_wp_form form .submit_wrap{text-align:center;margin-bottom:2em;}

/*	MISC
-------------------------------------------------
*/



/*	Mobile
-------------------------------------------------
*/
@media (min-width:1025px){
	.header_area nav div button{display:none;}
	.bx-wrapper{
		max-width:1200px!important;
		max-height:675px!important;
		background-color:#000;
	}
	.jisseki .bx-wrapper{
		max-width:inherit !important;
		max-height:inherit !important;
	}
	.jisseki .bx-wrapper .bx-viewport{
		height:100% !important;
		width:100%!important;
	}
	.bx-wrapper .bx-viewport .slider_area{height:100%;}
	
	.bx-wrapper figure{
		width:1200px!important;
		height:675px!important;
		background-color:#000;
		position:relative;
	}

	.jisseki .bx-wrapper figure{
		width:100%!important;
		height:100%!important;
		position:relative;
	}


	.bx-wrapper figure img{
		max-width:1200px!important;
		max-height:675px!important;
		width:100%;
		height:auto;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		background-color:#000;
	}

	.jisseki .bx-wrapper figure img{
		max-width:inherit!important;
		max-height:inherit!important;
	}


	.pager_area{
		width:1200px;
		margin:0 auto 1em;
		display:flex;
		justify-content:center;
	}
	.pager_area a{margin:0 0.4em;}
}
@media (max-width:1460px){}
@media (max-width: 1200px) {
	.liner_header{display:block;}
	.liner_header h1{text-align:center;}
	.liner_header nav{justify-content: center;}
	.liner_header nav a:link{padding-right:0;}
	.bread_wrap{width:100%;}
	.execution_data{
		position:inherit;
		width:100%;
		margin-bottom: 2em;
	}
	.execution_data .shop_data{}
	.shop_data .map iframe{
		height:300px;
	}
	.pager_area{width:100%;}
	.other_case{width:100%;}
	.case_list ul{width:100%;}
	.case_list ul li a:link,
	.case_list ul li a:visited,
	.case_list ul li a:hover,
	.case_list ul li a:active{
		width:30vw;
		height:16.875vw;
		margin-left:2vw;
		margin-right:0;
	}



	.copyright{
		width:100%;
		padding:0 1em;
		font-size:14px;
		box-sizing:border-box;
	}
}
@media (max-width: 1024px) {
	#pageframe.toppage_frame,
	.contents_page article.post{
		background-size: cover;
	}
	.header_area{
		display:block;
		width:100%;
	}
	.header_area nav div{
		position:absolute;
		right:0;
		top:1em;
	}
	.header_area nav div button{display:none;}
	.header_area nav ul{justify-content:flex-end;}
	.liner_header{font-size:14px;}
	.top_infomation{height:calc(100vh - 5.6em);}
	.bread_wrap,
	#postname,
	article.post .entry_wrap,
	.top_fv,
	.arrivals_area .top_arrivals,
	.case_list ul,
	.info_area,
	#execution_lists h2,
	#execution_terms_lists h2,
	.other_case,
	.new_arrivals,
	.footer_area,
	.copyright{
		width:100%;
		box-sizing:border-box;
	}
	.top_fv{display:flex;}
	.top_fv .catch_area{height:auto;}
	.top_fv .catch_wrap{
		position:static;
		margin-top:2em;
	}
	.top_arrivals{
		width:auto;
		padding-left:1em;
		box-sizing:border-box;
	}
	.top_arrivals h2{
		color:#008000;
		margin-bottom:1rem;
		border-bottom:2px solid #008000;
	}
	.top_arrivals ul{
		list-style:none;
		display:flex;
		flex-wrap:wrap;
		justify-content:flex-start;
	}
	.top_arrivals li{flex:0 1 30%;}
	.top_arrivals li a figure img{width:100%;}
	.case_list ul {}
	.case_list ul li a:link,
	.case_list ul li a:visited,
	.case_list ul li a:hover,
	.case_list ul li a:active{
		width:30vw;
		height:16.875vw;
		margin-left:2vw;
		margin-right:0;
	}
	.contents_page article.post .entry{width:100%}
	#postname h2,
	#execution_lists h2,
	#execution_terms_lists h2{
		padding-left:1em;
	}

	.jisseki .slider_area{height:100%;}
	.jisseki .bx-viewport{
		height: 100% !important;
	}
	.bx-wrapper img{
		width:100%;
	}

	.jisseki .bx-wrapper figure{
		position:relative!important;
		height:100%;
	}
	.jisseki .bx-wrapper img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}

	#postname.case_contents_name,
	.case_contents{width:100%;padding:1em;box-sizing:border-box;}
	.pager_area{
		width:100%;
		margin:0 auto 1em;
		display:flex;
		justify-content:center;
		flex-flow:row wrap;
	}
	.pager_area a{margin:0.4em;}
	.pager_area img{flex:1 1 auto;}

}

@media (max-width: 768px) {
	header{
		position:fixed;
		top:0;
		left:0;
		z-index:150;
		width:100%;
	}
	.fixed_bg .bx-wrapper,
	.fixed_bg .bx-wrapper
	figure img {
	    height: calc(100vw / 4 * 3) !important;
	}
	.header_area nav div button{display:none;}
	.liner_header {
		display:flex;
		justify-content:space-between;
		font-size:16px;
	}
	.liner_header nav{
		flex:0 1 auto;
		align-items:flex-start;
	}
	.liner_header nav ul,
	.liner_header nav div{display:none;}
	.liner_header nav button{
		display:block;
		font-size:16px;
		padding:0.2rem 2rem;
		margin-top:0.4rem;
	}
	.liner_header nav button#sp_menu_close{display:none;}
	.liner_header nav ul li{margin-bottom:1em;}

/*	.top_fv{display:block;}
	.top_fv .catch_wrap{display:inline-block;}
	.top_arrivals{padding-right:1em;}*/
	.top_infomation {
		background-color:rgba(255,255,255,0.8);
		height:auto;
	/*	--margint: calc(100vw / 4 * 3);
		margin-top: calc(var(--margint) - 4.6rem);*/
		margin-top: calc(100vw / 4 * 3);*/
	}
	.top_infomation h2{
		display:block;
		padding:0.4em;
		text-align:center;
		color:#fff;
		background-color:#669900;
	}
	.info_area{
		width:100%;
		margin:0 auto;
		display:block;
		padding:0;
		padding-top:2em;
	}
	.info_area h3{
		color:#669900;
		font-size:18px;
	}
	.news_wrap{
		width:100%;
		/*margin-right:40px;*/
	}
	.news_list{
		padding:1em;
		background-color:rgba(102,153,0,1);
	}

	.news_list article{
		color:#fff;
		clear:both;
		margin-bottom:1em;
	}
	.news_list article a:link,
	.news_list article a:visited{
		color:#fff;
		text-decoration:none;
		display:block;
	}
	.news_list article a:hover,
	.news_list article a:active{opacity:0.8;}
	.news_list article img{
		float:left;
		margin-right:0.4em;
		border:1px solid #fff;
		max-width:122px;
		max-height:122px;
	}
	.news_list p{
		text-align:right;
		color:#fff;
		flex:0 0 100%;
	}

	footer.front_footer{
		position:inherit;
	}
	.footer_area {justify-content:flex-start;}
	.footer_area nav {
		flex-flow:column wrap;
		height:14em;
		flex:1 1 auto;
	}
	.footer_area nav ul{}
	#menu-footmenu1{order:1;}
	#menu-footmenu2{order:3;}
	#menu-footmenu3{order:2;}
	#news_posts ul li a:link,
	#news_posts ul li a:visited,
	#news_posts ul li a:hover,
	#news_posts ul li a:active {flex-flow:row wrap;}
	#news_posts ul li a:link span.posttitle,
	#news_posts ul li a:visited span.posttitle,
	#news_posts ul li a:hover span.posttitle,
	#news_posts ul li a:active span.posttitle {
		flex:0 0 100%;
		padding-top: 1em;
	}
	.mw_wp_form form table th,
	.mw_wp_form form table td{display:block;}

}
@media (max-width: 640px) {
	.header_area h1 img{
		width:60vw;
		max-width:auto;
		height:auto;
	}
	.header_area nav ul{display:none;}
	.header_area nav ul li{
		border:none;
		text-align:center;
		padding: 0.4em;
	}
	.header_area nav ul li a:link,
	.header_area nav ul li a:visited{
		display:block;
	}
	.header_area nav div button{
		display:block;
		font-size:24px;
		padding:0.2rem 2rem;
		margin-top:0.4rem;
	}
	.header_area nav div button#sp_menu_close{display:none;}
	.info_area{display:block;}
	.news_wrap{width:100%;}
	.footer_area nav {
		height:auto;
		flex:1 1 auto;
	}
	.footer_info dt img{width:50vw;height:auto;}
	#menu-footmenu1{order:1;}
	#menu-footmenu2{order:2;}
	#menu-footmenu3{order:3;}
	#menu-footmenu2 li ul{display:none;}
	.case_list ul li a:link,
	.case_list ul li a:visited,
	.case_list ul li a:hover,
	.case_list ul li a:active{
		width:46vw;
		height:25.875vw;
	}
	.other_case ul{
		flex-flow:row wrap;
		justify-content:flex-start;
	}
	.other_case li{
		flex:0 1 30%;
		margin:1vw;
	}
	.case_contents.post .case_contents_wrap{display:block;}
	.case_contents.post .left_contents{width:auto;margin:0;}
	.case_contents.post .right_contents{width:auto;}
	.case_contents.post div.shop_data .map{
		position:relative;
		width:100%;
	}
	.case_contents.post div.shop_data .map:before{
		content:"";
		display:block;
		padding-top:56.25%;
	}
	.case_contents.post div.shop_data .map iframe{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	input[type="email"],
	input[type="text"]{width:100%;}
}
@media (max-width: 470px) {
	.catch_wrap h2 img{
		width:100%;
		height:auto;
	}
	.top_fv .catch_wrap div p br{display:none;}
	.top_arrivals ul{
		list-style:none;
		display:flex;
		flex-wrap:wrap;
		justify-content:flex-start;
	}
	.top_arrivals li{flex:0 1 45%;}
	.top_arrivals li a figure img{width:100%;}
	.case_list ul li {padding:1em;}
	.case_list ul li a:link,
	.case_list ul li a:visited,
	.case_list ul li a:hover,
	.case_list ul li a:active{
		width:100%;
		height:auto;
		margin-left:0;
		margin-right:0;
	}
	.inquiry_info dl{display:block;}
}


/*	HACK
-------------------------------------------------
*/
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}