@charset "utf-8";


/* ----------------------------------------------------------------------
	
	 DADADA 2ndフォーマット　css
	
---------------------------------------------------------------------- */



/* - 2ndフォーマット　共通内容
---------------------------- */

#contents_wrapper {
	width:100%;
}

div.contents_head {
	padding-top:80px;
	box-sizing:border-box;
}

div.contents_head > .inner {
	text-align:center;
	padding:60px 10px 60px;
	box-sizing:border-box;
	font-family: 'Work Sans', 'YuGothic', 'Yu Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', sans-serif;
}

div.contents_head.mz > .inner {
	padding-bottom:10px;
}

div.contents_head > .inner > p.number {
	font-size:1.2rem;
	color:#666;
	margin-bottom:10px;
}

div.contents_head > .inner > h2 {
	text-align:center;
	font-size:2.4rem;
	font-weight:normal;
	letter-spacing:2px;
}

div.contents_head > .inner > h2.jp { font-size:2.0rem; }
div.contents_head > .inner > h2.sm_txt { font-size:1.6rem; }


div.contents_head > .inner > p.project_name {
	font-size:1.4rem;
}

#contents_body {
	padding-bottom:80px;
}



/* - コーポラティブ　下層ページ
---------------------------- */


div.coop_body {
	/*margin-top:60px;*/
}

.title_wrap {
	padding:10px;
	box-sizing:border-box;
}



/* ----- スライド ----- */

div.project_name {
	display:table;
	text-align:center;
	margin:0px auto;
	border:1px solid #ccc;
	border-left:none;
	border-right:none;
	padding:20px 25px;
	/*margin-bottom:40px;*/
}

div.project_name > h3 {
	display:table-cell;
	vertical-align:middle;
	font-weight:normal;
	text-align:center;
	font-size:1.4rem;
}

p.sub_txt {
	text-align:center;
	margin-top:20px;
	font-size:0.9rem;
}

h3.project_name {
	font-weight:normal;
	color:#666;
	text-align:center;
	font-size:1.4rem;
}

div.coop_slide {
	max-width:800px;
	margin:0 auto;
}


#coop.detail_block {
	max-width:800px;
	max-width:980px;
	margin:auto;
	padding:0 10px;
	box-sizing:border-box;
}

#expl.detail_block {
	max-width:880px;
	margin:auto;
	padding:0 10px;
	box-sizing:border-box;
}


#expl.detail_block .intro {
	line-height:1.8;
}

#expl.detail_block > .unit {
	margin-top:50px;
}

#expl.detail_block ul.note_list > li {
	margin-top:15px;
}

#expl.detail_block ul.note_list > li:first-child {
	margin-top:0;
}

/* ----- コーポラティブメニュー ----- */

div.coop_menu {
	margin-top:30px;
}

div.coop_menu > ul {
	width:100%;
}

div.coop_menu > ul:after {
	content:'';
	display:block;
	clear:both;
}

div.coop_menu > ul.col2 > li { width:50%; }
div.coop_menu > ul.col3 > li { width:33.33%; }
div.coop_menu > ul.col4 > li { width:25%; }

div.coop_menu > ul > li {
	float:left;
	vertical-align:middle;
}

div.coop_menu > ul > li:first-child {
	margin-left:0;
}

div.coop_menu > ul > li svg {
	padding-right:4px;
}

div.coop_menu > ul > li a {
	color:#666;
	background-color:#FFF;
	font-size:0.95rem;
	display:block;
	padding:10px 0;
	text-align:center;
	border-top:1px solid #DDD;
	border-bottom:1px solid #DDD;
	border-right:1px solid #DDD;
	transition: .2s;
	-webkit-transition: .2s;
  	-ms-transition: .2s;
}

div.coop_menu > ul > li:first-child a {
	border-left:1px solid #DDD;
}

div.coop_menu > ul > li a:hover {
	background-color:#e8e8e8;
}

/* ----- コーポラティブ　詳細 ----- */

.detail_title {
	font-size:1.2rem;
	color:#666;
}

.detail_title.dot_line {
	border-bottom:1px dotted #ccc;
	padding-bottom:5px;
}

.lv5 {
	font-size: 0.95rem;
	font-weight: bold;
	color: #444;
}

ul.coop_unit {
	margin-top:50px;
}

ul.coop_unit li .content h5 {
	font-size:1.0rem;
}

ul.coop_unit li .content div.map_area h5 {
	font-size:0.95rem;
}

ul.coop_unit > li {
	margin-top:50px;
}

ul.coop_unit > li:first-child {
	margin-top:0;
}

/* ----- コーポラティブ　図面 ----- */

.drawing_block {
	border:1px solid #ddd;
	background-color:#FFF;
	padding:30px;
	text-align:center;
	box-sizing:border-box;
}

.drawing_block.btn_on {
	border-bottom:none;
}

.drawing_block.vert img {
	max-width:590px;
	width:100%;
}

/* ----- コーポラティブ　図面 ボタン----- */

.btn {
	background-color: #eaeaea;
	padding: 9px;
	border:1px solid #ddd;
}

.btn a {
	display: block;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
	text-decoration: none;
	color: #666;
	font-size: 0.95rem;
	text-align: center;
	font-weight: bold;
	padding: 8px 0;
	transition: .2s;
	-webkit-transition: .2s;
  	-ms-transition: .2s;
}

.btn a:hover {
	background-color: #768a9e;
	color:#FFF;
}

.btn a svg {
	padding-right:4px;
	color:#607d98;
	transition: .2s;
	-webkit-transition: .2s;
  	-ms-transition: .2s;
}

.btn a:hover svg {
	color:#FFF;
}


.body_wrapper .tab > ul.tab_list {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.body_wrapper .tab > ul.tab_list > li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-left: 1px solid #fff;
}

.body_wrapper .tab > ul.tab_list > li:first-child { border-left: none; }

.body_wrapper .tab > ul.tab_list > li > a {
	display: block;
	background-color: #e7e7e7;
	padding:10px 5px;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	transition: .3s;
	-webkit-transition: .3s;
  	-ms-transition: .3s;
}

.body_wrapper .tab > ul.tab_list > li > a:hover { background-color: #cedeef; }

.body_wrapper .tab > ul.tab_list > li.current > a {
	background-color: #607d98;
	color: #fff;
}

.body_wrapper .tab > ul.tab_list > li.current > a:hover { background-color: #607d98; }

.body_wrapper .tab > ul.tab_list > li.current > a {
	position: relative;
	background: #607d98;
}

.body_wrapper .tab > ul.tab_list > li.current > a:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(38, 131, 0, 0);
	border-top-color: #607d98;
	border-width: 10px;
	margin-left: -10px;
}

ul.plan_list {
	width:100%;
}

ul.plan_list:after {
	content:'';
	display:block;
	clear:both;
	
}

ul.plan_list > li {
	display:none;
	opacity:0;
	animation: fadeIn 0.8s ease 0s 1 normal;
    -webkit-animation: fadeIn 0.8s ease 0s 1 normal;
}

ul.plan_list > li:first-child {
	display:block;
	opacity:1;
}

/* ----- コーポラティブ　コンタクト----- */

div.coop_contact p {
	line-height:2.0;
}


/*フェードイン　設定*/

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.drawing_block.vert2 img {
	max-width:320px;
}

div.block {
	position:relative;
}



div.plan_btn { }

div.plan_btn > ul {
	display:table;
	width:100%;
	table-layout:fixed;
}

div.plan_btn > ul > li {
	display:table-cell;
	border-left:1px solid #FFF;
}

div.plan_btn > ul > li:first-child {
	border-left:none;
}

div.plan_btn > ul > li a {
	display:block;
	text-align:center;
	background-color:#37667d;
	color:#FFF;
	box-sizing:border-box;
	padding:10px 5px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

div.plan_btn > ul > li a:hover {
	background-color:#82afc7;
}

div.plan_btn > ul > li a svg {
	padding-right:3px;
}




/*インライン用*/
.inline-wrapper {
	position: relative;
	margin:10px auto;
	max-width: 1100px;
	background-color:#FFF;
	padding: 20px;
}


.inline-wrapper .image,
.inline-wrapper .popup-modal-dismiss {
	text-align: center;
}

.inline-wrapper .inline_body {
	width:100%;
	text-align:center;
}

.inline-wrapper .inline_body img {
	width:100%;
}

.inline-wrapper .inline_body img {
	max-width:980px;
}

.inline-wrapper .inline_body img.sin {
	max-width:420px;
}

.inline-wrapper .inline_body img.dw {
	max-width:580px;
}

.inline-wrapper .inline_body > p.number {
	text-align:center;
	font-size:0.9rem;
	margin-top:5px;
	font-weight:bold;
}

.inline-wrapper .inline_body .txt {
	text-align:left;
	max-width:680px;
	margin:0 auto;
	margin-top:30px;
	font-size:0.85rem;
	line-height:1.6;
}


/*表示のエフェクト*/
  .mfp-fade.mfp-bg {
	opacity: 0.001; /* Chrome opacity transition bug */
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
  }
  .mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
  }
  .mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
  }
  .mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
  }
  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
  }
  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
  }
  
  p.inline_name {
	  font-size:1.4rem;
	  font-weight:bold;
  }
  
  p.inline_name > span.space {
	  font-size:0.9rem;
	  padding-left:1em;
	  font-weight:normal;
  }
  
/* - magazine
---------------------------- */


div.tag_unit { padding:0 10px; text-align:center; }

div.tag_block {
	max-width:1150px;
	box-sizing:border-box;
	margin:0 auto;
	background-color:#f3f3f3;
	/*border:1px dashed #DDD;*/
	padding:10px;
	box-sizing:border-box;
	display:inline-block;
}

ul.wp-tag-cloud > li> a:before {content: "#" }

ul.wp-tag-cloud > li {
	display:inline-block;
	margin-left:0.5em;
}

ul.wp-tag-cloud > li:first-child {
	margin-left:0;
}

ul.wp-tag-cloud > li> a {
	display:block;
	background-color:#FFF;
	padding:3px 5px;
	display:block;
	border-radius:4px;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
	color:#777;
	font-weight:bold;
}

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


div.article_body {
	padding:0 15px;
	padding-top:140px;
	box-sizing:border-box;
	width:100%;
	max-width:1230px;
	margin:0 auto;
}

div.article_body .body_inner {
	display:table;
	width:100%;
}

div.article_body .body_inner .main_unit {
	display:table-cell;
	vertical-align:top;
	padding-right:80px;
	box-sizing:border-box;
}

div.article_body .body_inner .side_unit {
	display:table-cell;
	vertical-align:top;
	width:260px;
}

div.article_body .body_inner .main_unit img {
	max-width:100%;
	width:100%;
	vertical-align:top;
}

.main_unit .title > h2 {
	position: relative;
  	color: #222;
  	font-size: 2.2em;
  	font-weight: bold;
  	line-height: 1.3;
}

.main_unit .title p.time {
	font-size:0.9rem;
	color:#777;
	position:relative;
	margin-top:5px;
	padding-top:5px;
}

.main_unit .title p.time:before {
	position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 2px;
  background: #777;
  content: "";
}

.article {
	margin-top:60px;
}

.article a {
	color:#3897f0;
}

.article a:hover {
	color:#3897f0;
	text-decoration:underline;
}

.article h1 {
	position: relative;
  padding-left: 15px;
  color: #222;
  font-weight: bold;
  font-size: 1.8em;
  line-height: 1.3;
  margin-bottom:30px;
}

.article h1:before {
	 position: absolute;
  top: .10em;
  left: 0;
  width: 4px;
  height: 80%;
  background: #777;
  content: "";
}

.article h2 {
	position: relative;
  padding-bottom: 7px;
  color: #222;
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom:
  20px;
}

.article h2:before {
	position: absolute;
  bottom: 0;
  left: 0;
  width: 25px;
  height: 1px;
  background: #777;
  content: "";
}

.article h3  {
	font-size:1.2rem;
	color:#666;
	border-bottom:1px dotted #ccc;
	padding-bottom:2px;
	margin-bottom:15px;
}

.article h4  {
	font-size:1.2rem;
	margin-bottom:15px;
}

.article h5  {
	font-size:1.0rem;
	color:#0fc128;
	margin-bottom:10px;
}

.article h6  {
	font-size:1.0rem;
	margin-bottom:10px;
}

/* ----- サイドバー ----- */

.side_unit > ul {
	border:1px solid #666;
	padding:15px;
	box-sizing:border-box; 
}

h2.widgettitle {
	font-size:1.1rem;
	margin-bottom:15px;
	color:#666;
}

.widget_recent_entries li {
	margin-top:7px;
}

.widget_recent_entries li:first-child {
	margin-top:0;
}

.widget_recent_entries li a {
	color:#666;
}


#category-posts-2-internal .cat-post-item {
	border:none !important;
	padding:0 !important;
	margin-bottom:0 !important;
	margin-top:10px !important;
}

#category-posts-2-internal .cat-post-item:first-child {
	margin-top:0 !important;
}

#category-posts-2-internal .cat-post-item a {
	color:#666;
	font-size:0.85rem;

}


@media screen and (max-width: 880px) {
	div.article_body .body_inner {
	display:block;
}

div.article_body .body_inner .main_unit {
	display:block;
	padding-right:0;
}

div.article_body .body_inner .side_unit {
	display:block;
	width:100%;
	margin-top:40px;
}
	
	
}
 
@media screen and (max-width: 768px) {

div.contents_head > .inner {
	padding:40px 5px 40px;
}
 
div.contents_head > .inner > h2.jp {
	font-size:1.6rem;
}
  }
  
@media screen and (max-width: 480px) {

#contents_body {
	padding-bottom:60px;
}

div.contents_head > .inner > p.number {
	font-size:1.0rem;
}

div.project_name {
	padding:20px 15px;
}

div.project_name > h3 {
	font-size:1.2rem;
}

div.coop_menu > ul.col4 > li { width:50%; }

div.coop_menu > ul > li:first-child a {
	border-bottom:none;
}

div.coop_menu > ul > li:nth-child(2) a {
	border-bottom:none;
}

div.coop_menu > ul > li:nth-child(3) a {
	border-left:1px solid #DDD;
}

div.plan_btn > ul > li a {
	font-size:0.8rem;
	padding:10px 2px;
}

.drawing_block {
	padding:15px;
}

}