/* ------------- common ------------- */
.container{padding: 0; width: 95%;}
.cta_inner{margin: 0 10px; flex-basis: 250px; }
#mapcanvas{height: 40vw;}
.address_wrap{margin-left: 0; margin-top: 50px;}
footer.container{margin:30px auto; padding: 0 0 70px;}
.footer_flex{margin: 0;padding: 40px 0;}
/* ------------- common ------------- */

/* -------------  navigation -------------  */
.fix_head > ul.mainmenu{justify-content: space-between; padding: 0 10px;}
.sns_icon li{opacity: 1;}

.fix_foot > ul > li:first-child{flex-basis: 220px;margin-left: 30px;}
.fix_foot > ul > li:nth-child(2){flex-basis: 150px;margin-left: 30px; white-space: nowrap;}
.follow_icon,li.to_map, li.to_top{flex-basis: 50px;}
li.share{margin-right: 7px; padding-right:10px;flex-basis: 55px; cursor: pointer;}
li.share.open{margin-right: 150px;}
.sns_icon{left: 50px; width: 150px;}
/* -------------  navigation -------------  */

/* ------------- top ------------- */
figure.works_item img{opacity: .9;}
figure.works_item h3{transform: translateY(0);font-size: 14px;}
figure.works_item h3 a{padding: 10px 15px 0 0;}
figure.works_item h3 a::before{border-width: 0 260px 40px 0;}
figure.works_item figcaption{padding: 0px 15px 10px; transform: translateY(0);}
figure.works_item h4{font-size: 14px;}
figure.works_item figcaption::before{border-width: 40px 0 0 260px;}
/* ------------- top ------------- */

/* ------------- WORKS ------------- */
figure.works_box img{opacity: .9;}
figure.works_box h2{transform: translateY(0); font-size:14px;}
figure.works_box h2 a{padding: 10px 15px 0 0;}
figure.works_box h2 a::before{border-width: 0 260px 40px 0;}
figure.works_box figcaption{padding: 0 15px 10px; transform: translateY(0);}
figure.works_box figcaption::before{border-width: 40px 0 0 260px;}
figure.works_box figcaption h3{font-size: 14px;}
/* ------------- WORKS ------------- */

/* ------------- SERVICE ------------- */
figure.service_item figcaption{background: rgba(0, 0, 0, .7);}
figure.service_item figcaption::before{top: 0; left: 0;width: 106%;}
figure.service_item figcaption .heading h3{top: 0;left: 0;background: transparent;color: #fff;font-size: 20px;width: 100%}
figure.service_item figcaption .heading::before{top: 0;left: 0;height: 107%;}
figure.service_item figcaption p{opacity: 1;font-size: 14px;}
/* ------------- SERVICE ------------- */


/* ------------- COMPANY ------------- */
#company th{width: 80px;padding-right: 10px;}
#company td{padding-left: 10px;}
/* ------------- COMPANY ------------- */

/* ------------- WORKS.single ------------- */
.main_work img{
	width: 100%;
}
/* ------------- WORKS.single ------------- */




@media screen and (orientation:portrait) {/* 縦向き */
/* ------------- common ------------- */
.address{flex:2.2; }
#access .links{margin: 0; flex: 1;}
#page_top,#archive_works_top,#taxonomy_works_top,#single_works_top,#archive_contents_top{height: 55vw;}

/* ------------- common ------------- */

/* -------------  navigation -------------  */
li.head_logo > a{width: 180px;}
.head_logo img{width: 90%; margin-top: 10px;}
.fix_foot > ul > li:first-child{font-size: 22px; margin-left: 10px; white-space: nowrap;}
.fix_foot > ul > li:nth-child(2){flex-basis: 150px;margin-left: 10px; white-space: nowrap;}
li.share{margin-right: 0px;}
/* li.share:hover{margin-right: 0px;} */
li.share.open{margin-right: 120px;}
.sns_icon{left: 42px; width: 120px;}
li.share, li.to_map,  li.to_top{flex-basis: 45px;}
/* -------------  navigation -------------  */

/* ------------- top ------------- */
#top{height: 60vw;}
/* ------------- top ------------- */
}
/* ------------- WORKS ------------- */
.main_work,#sidebar{padding:0 10px 0;}
.side_cat h2,.side_new_work h2{font-size: 16px; padding-left: 0; text-align: center;}
/* ------------- WORKS ------------- */

/* ------------- CONTACT ------------- */
#step2{margin-left: 0;}
#contact .form_box input#submit,
#contact .form_box input#return,
#contact .form_box input#send{
	margin-right: 1px;
	cursor: pointer;
	width: 300px;
	height: 80px;
	font-weight: bold;
	transition: .3s all;
	color: #fff;
	background: #aaa !important;
	border: 1px solid #aaa;
	border-radius: 0 !important;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
/* ------------- CONTACT ------------- */

/* ------------- CONTENTS ------------- */
.main_contents{padding: 0 10px;}
.side_contents{padding: 0 10px;}
.side_contents h2{font-size: 15px; padding-left: 0;}
.side_contentscat li a{padding:6px 10px;}
/* ------------- CONTENTS ------------- */

/* ------------- CONTENTS single ------------- */
.single_contents_title_inner{padding: 11px;}
.main_content_outer{padding:0 10px;}
.single_contents_title, .single_contents_title .eyecacth{height: 230px;}
.single_contents_title_inner h1{padding:5.5px 0;}
.single_contents_title_inner p.contents_add{margin-top: 5.5px;}
/* ------------- CONTENTS single ------------- */








@media screen and (orientation:landscape) {/* 横向き */
/* ------------- common ------------- */
.address{flex:3;}
#access .links{margin: 0; flex: 1;}
#page_top,#archive_works_top,#taxonomy_works_top,#single_works_top,#archive_contents_top{height: 45vw;}
/* ------------- common ------------- */

/* ------------- top ------------- */
#top{height: 50vw;}
/* ------------- top ------------- */

/* ------------- WORKS ------------- */
.main_work,#sidebar{padding:0 25px 0;}
.side_cat h2,.side_new_work h2{font-size: 18px; padding-left: 10px; text-align: left;}
/* ------------- WORKS ------------- */

/* ------------- CONTACT ------------- */
#step2{margin-left: 15px;}
/* ------------- CONTACT ------------- */

/* ------------- CONTENTS ------------- */
.main_contents{padding: 0 25px;}
.side_contents{padding: 0 25px;}
.side_contents h2{font-size: 18px;}
.side_contentscat li a{padding:6px 20px;}
/* ------------- CONTENTS ------------- */

/* ------------- CONTENTS single ------------- */
.single_contents_title, .single_contents_title .eyecacth{height: 300px;}
.single_contents_title_inner{padding: 22px;}
.main_content_outer{padding:0 25px;}
.single_contents_title_inner h1{padding:11px 0;}
.single_contents_title_inner p.contents_add{margin-top: 11px;}
/* ------------- CONTENTS single ------------- */


}