@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

body{
	font-family: fot-tsukuardgothic-std, sans-serif;
	font-weight: 400;
	font-style: normal;
}
.pc-tab{
	display: block;
}
.sm {
	display: none;
}
.flex-pc{
	display: flex;
}

.header {
		height: 600px;
}

.logo {
	background-image: url("/img/common/head-logo.svg");
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	width: 150px;
	position: absolute;
	top: 15px;
	margin-left: 15px;
	text-align: left;
}
.logo span {
	display: none;
}
.tagline {
	background-image: url("/img/top/catchphrase.svg");
	background-repeat: no-repeat;
	height: 80px;
	margin-left: 10em;
	text-align: left;
}
.page-top {
	display: none;
}

/** TOPページだけ表示 ヘッダ画像と駅から徒歩1分のイラストとフッター地図 **/
body.page-id-378 header,
body.page-id-49 header,
body.page-id-63 header,
body.page-id-75 header,
body.page-id-78 header,
body.page-id-90 header,
body.page-id-102 header,
body.page-id-108 header,
body.page-id-116 header,
body.page-id-156 header,
body.page-id-163 header,
body.page-id-305 header{
	display: none;
}
body.page-id-378 .impress,
body.page-id-49 .impress,
body.page-id-63 .impress,
body.page-id-75 .impress,
body.page-id-78 .impress,
body.page-id-90 .impress,
body.page-id-102 .impress,
body.page-id-108 .impress,
body.page-id-116 .impress,
body.page-id-156 .impress,
body.page-id-163 .impress,
body.page-id-305 .impress{
	display: none;
}
body.page-id-378 .accessmap,
body.page-id-49 .accessmap,
body.page-id-63 .accessmap,
body.page-id-75 .accessmap,
body.page-id-78 .accessmap,
body.page-id-90 .accessmap,
body.page-id-102 .accessmap,
body.page-id-108 .accessmap,
body.page-id-116 .accessmap,
body.page-id-156 .accessmap,
body.page-id-163 .accessmap,
body.page-id-305 .accessmap{
	display: none;
}
body.page-id-378 .top-mobile,
body.page-id-49 .top-mobile,
body.page-id-63 .top-mobile,
body.page-id-75 .top-mobile,
body.page-id-78 .top-mobile,
body.page-id-90 .top-mobile,
body.page-id-102 .top-mobile,
body.page-id-108 .top-mobile,
body.page-id-116 .top-mobile,
body.page-id-156 .top-mobile,
body.page-id-163 .top-mobile,
body.page-id-305 .top-mobile{
	display: none;
}

/** TOPページ以外表示 **/
body.home .other-mobile{
	display: none;
}

/** テナント募集1F～3Fのtable **/
body.page-id-63 table,
body.page-id-75 table,
body.page-id-78 table,
body.page-id-90 table{
	width: 500px;
	margin: 0 auto;
	color: #000;
}
body.page-id-63 table td,
body.page-id-75 table td,
body.page-id-78 table td,
body.page-id-90 table td{
	border-color: #000;
}
body.page-id-63 table td:nth-child(1),
body.page-id-75 table td:nth-child(1),
body.page-id-78 table td:nth-child(1),
body.page-id-90 table td:nth-child(1){
	background-color: #DDEEE5;
}

.other-mobile{
	height: 190px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('http://peacehirama.com/wp-content/uploads/2022/06/se_title_image.png');
	background-size: 160px;
}
h1{
	font-weight: 200;
	color: #0B5E32;
	padding-top: 60px;
	text-align: center;
}
h1 span{
	display: block;
	font-size: 0.5em;
	padding-top: 50px;
}
.item-label span{
	display: none;
}
.entry-content h2{
	font-weight: 200;
	color: #FFF;
	background-color: #519F76;
	border-color: #0B5E32;
	padding-left: 2em;
}

/** その他table定義 **/
.wp-block-table table tr:nth-child(odd){
	background-color: #DDEEE5;
}


#header-container header {
	border-bottom: 5px solid #0B5E32;
}
#header-container nav {
	border-top: 1px solid #FFF;
}
.navi-entry-card-link div{
	height: 210px;
	margin: 0;
	padding: 0;
}
.navi-entry-card-link img {
	height: auto;
	padding-right: 10px;
	padding-left: 10px;
	border-top-left-radius: 20px 10px;
	border-top-right-radius: 20px 10px;
	border-bottom-right-radius: 20px 10px;
	border-bottom-left-radius: 20px 10px;
}
#recommended{
	margin-top: 0;
	padding: 30px 0 5px 0;
	background-color: #EBECEC;
}

/** 駅から徒歩１分のエリア **/
.impress {
	margin: 0 auto;
	width: 1200px;
}
.impress .imp-top{
	display: flex;
}
.impress .imp-top .station{
	text-align: center;
}
.impress .imp-top .station img{
	width: 600px;
}
.impress .imp-top .side{
	width: auto;
}
.impress .imp-top .side img{
	width: 300px;
}
.impress .imp-top p{
	padding-top: 20px;
	font-size: 0.95em;
}
.impress .imp-middle{
	display: none;
}
.impress .imp-bottom{
	display: flex;
	width: 800px;
	margin: 0 auto;
	text-align: center;
}
.impress .imp-bottom img{
	padding: 20px;
	width: auto;
}
.impress .imp-bottom a:hover{
	opacity: 0.7;
}

/** フッターエリア **/
.footer-bottom,
.content-bottom,
.content-bottom-in{
	margin: 0;
	padding: 0;
	width: 100%;
}
.footer-area{
	font-size: 0.75em;
	text-align: center;
}
.footer-area img{
	width: 120px;
}
.footer-area ul{
	display: flex;
	width: 80%;
	margin: 0 auto;
}
.footer-area ul ol{
	width: auto;
	padding: 0 5px 0 10px;
	list-style: none;
}
.footer ol{
	border: none;
}

/** 色変更 **/
.mobile-menu-buttons {
	background: #0B5E32;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1720px以下*/
@media screen and (max-width: 1720px){
  /*必要ならばここにコードを書く*/
	.header {
		height: 540px;
	}
}

/*1540px以下*/
@media screen and (max-width: 1540px){
  /*必要ならばここにコードを書く*/
	.header {
		height: 460px;
	}
	.tagline {
		position: absolute;
		display: block;
		top: 230px;
		width: 400px;
	}
}

/*1320px以下*/
@media screen and (max-width: 1320px){
  /*必要ならばここにコードを書く*/
	.header {
		height: 360px;
	}
	.tagline {
		top: 160px;
	}
	.navi-entry-card-link div{
		height: 180px;
	}
	.impress {
		width: 1000px;
	}
	.impress .imp-top .station img{
		width: 500px;
	}
	.impress .imp-top .side img{
		width: 250px;
	}
	.impress .imp-top p{
		font-size: 0.9em;
	}
	#recommended{
		padding: 20px 0 0 0;
	}
	.footer-area ul{
		width: 100%;
	}
	.footer-area ul ol{
		padding: 0 4px 0 8px;
	}
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.flex-pc{
		display: block;
	}
	.header {
		height: 280px;
	}
	.tagline {
		background-size: 80%;
		top: 110px;
	}
	.navi-entry-card-link div{
		height: 160px;
	}
	.impress {
		width: 600px;
	}
	.impress .imp-top .side{
		width: 100px;
	}
	.impress .imp-top .side img{
		display: none;
	}
	.impress .imp-middle{
		display: flex;
	}
	.impress .imp-middle img{
		margin: 0 auto;
		width: 250px;
		padding: 10px;
	}
	.impress .imp-bottom{
		width: 600px;
	}
	.footer-area ul{
		display: block;
		margin: 0 auto;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.header {
		display: none;
	}
	.pc-tab{
		display: none;
	}
	.sm{
		display: block;
		padding: 0;
		margin: 0;
		width: 100%;
	}
	.navi-entry-card-link div{
		height: 110px;
	}
	h1 span{
		padding-top: 35px;
	}
	body.page-id-63 table,
	body.page-id-75 table,
	body.page-id-78 table,
	body.page-id-90 table{
		width: auto;
	}
	.impress {
		width: 100%;
	}
	.impress .station {
		width: calc(100vw - 40px);
	}
	.impress .station img{
		padding: 0 10px 0 10px;
	}
	.impress .imp-top p{
		font-size: 1em;
		padding-bottom: 20px;
	}
	.impress .imp-top .side{
		width: 20px;
	}
	.impress .imp-bottom{
		display: block;
		width: 100%;
	}
	.impress .imp-bottom img{
		width: 100vw;
		padding: 5px 10px 0 10px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}