/*
Template: businesspress
Theme Name: BusinessPress Child
*/

/* レイアウト調整
---------------------------------------------------------------------------*/
body{ background-color:#FFFCF7; }
footer { background-color:#FFF; }
.site-content {	padding-left: 0; padding-right: 0; }
.wp-block-column { margin:0; }
.content-area { margin:0; }
@media screen and (max-width: 767px) { .drawer-navigation{ width:auto; } }
.site-header { margin-bottom:0; }


/* ヘッダー＆ナビゲーション調整 その他
---------------------------------------------------------------------------*/
header.site-header {
	background-color:#003685;
	background-image: url(https://www.tsukiji-seko.co.jp/mainsite/wp-content/uploads/2021/04/202104021100-min.png);
}

@media screen and (max-width: 767px) {
	header.site-header { background-image: url(https://www.tsukiji-seko.co.jp/mainsite/wp-content/uploads/2021/03/top202103251203-min.png); }
}
.main-header{
	padding-bottom: 34px;
    padding-top: 34px;
}

.site-title a, .site-title a:hover { color:#fff; }

.drawer-hamburger-icon, .drawer-hamburger-icon:before, .drawer-hamburger-icon:after {
	background-color:#fff;
}

.drawer-opened .drawer-hamburger-icon:before,.drawer-opened .drawer-hamburger-icon:after {
	background-color:#000;
}

@media print, screen and (min-width: 768px) {
	.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a  { color:#ffc97a; }
	.main-navigation a { color:#fff; }
	.main-navigation a:hover { color:#ffc97a; }
}

.site-header{ border:none; }

.main-header-clone{
	background-color:#003685;
	background-image: url(https://www.tsukiji-seko.co.jp/mainsite/wp-content/uploads/2021/03/top202103251203-min.png);
	padding-bottom: 12px;
    padding-top: 12px;
}

.drawer-navigation ul li { 
	padding-left: 1.8rem;
	line-height:1.8;
	background-image: url(https://www.tsukiji-seko.co.jp/mainsite/wp-content/uploads/2021/03/page202103301300-min.png); 
	background-size: 12%;
	background-repeat: no-repeat;
	background-position: left 0 top 1.5rem;
}

/* フッター */
.site-bottom { padding:0; }
.site-copyright { margin:1.7rem 0; font-family: sans-serif; }

@media print, screen and (min-width: 768px) { .site-info span{vertical-align: -17px; } }

/* フォント設定
---------------------------------------------------------------------------*/
body:lang(ja) {	font-family: "ナウ-GM",　NOW-GM, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }

#content h2 {
	font-size: 2.75rem;
	margin-bottom: 1.5em;
	margin-top: 2em;
	color:#231815;
}

#content p {
	font-size: 1.6rem;
	margin-bottom: 1.5em;
	color:#000;
	/* letter-spacing: -0.11em; */
}

@media screen and (max-width: 767px) {
	#content h1,
	.home #content h2 { text-align:center; }
}

body.page-template #content p { padding: 0 20px 0 20px; }

hr {
	border-top:solid 1px #000;
	margin:0 3rem;
}


/* CSSスライドショー設定
---------------------------------------------------------------------------*/
/* トップページスライドショー重ねるロゴ画像設定 */
.slide-wrapper {
	position: relative;
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	max-width: 100vw;
}

img.slide-stack {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
	z-index:10;
}

/* スライドショー設定 */
@keyframes slide1 {
	0% {opacity: 0;}
	10% {opacity: 1;}
	40% {}
	50% {opacity: 1;}
	60% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide2 {
	0% {opacity: 0;}
	25% {opacity: 0;}
	35% {opacity: 1;}
	65% {}
	75% {opacity: 1;}
	85% {opacity: 0;}
	100% {opacity: 0;}
}
@keyframes slide3 {
	0% {opacity: 0;}
	50% {opacity: 0;}
	60% {opacity: 1;}
	80% {opacity: 1;}
	90% {opacity: 0;}
	100% {opacity: 0;}
}

#mainimg, #subimg {
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

#subimg img { width: 100%; }
.slide1, .slide2, .slide3 {
	animation-duration: 7s;	/*実行する時間。「s」は秒の事。*/
	animation-iteration-count:infinite;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	animation-fill-mode: both;
	animation-timing-function: linear;
	animation-delay: 1s;
}

.slide0 { position: relative; width: 100%; height: auto; }
.slide1 { animation-name: slide1; }
.slide2 { animation-name: slide2; }
.slide3 { animation-name: slide3; }

/* トップページスタイル設定
---------------------------------------------------------------------------*/
#content .slide-content{ padding:0; }

#content .wp-block-eedee-block-gutenslider.adaptive-height .wp-block-eedee-block-gutenslide .slide-content p{
	margin:0;
	position:absolute;
	bottom:0;
	left:auto;
	right:auto;
	font-size: 1.6rem;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}

/* 3PRブロック */
#content .prblocks {
	width: 99.5vw;
    margin-left: calc( 50% - 50vw );
    max-width: none;
}

#content .prblocks .wp-block-column { margin-bottom:2.7em; }
#content .prblocks .prblock-red,
#content .prblocks .prblock-blue,
#content .prblocks .prblock-yellow { position:relative; }

#content .prblocks .stack {
	display:inline;
}

#content .prblocks h3 {
	font-size:3rem;
	position:absolute;
	color:#fff;
	width:170px;
	padding: 20px 0px 20px 20px;
	line-height: 1.3;
	font-family: "見出ゴMB31",Midashi Go MB31;
	letter-spacing: -0.1em;
}

#content .prblocks .prblock-red h3 { top:-48px; }
#content .prblocks .prblock-blue h3 { top:-48px; right:0; }
#content .prblocks .prblock-yellow h3 { top:-48px; }

@media print, screen and (min-width: 768px) {
	#content .prblocks h3 {	width:230px; }
	#content .prblocks .prblock-blue h3 { top:-48px; left:0; }
}

#content .prblocks .prblock-red h3 { background-color:rgba(237,173,165,0.7); }
#content .prblocks .prblock-blue h3 { background-color:rgba(27, 46, 89,0.7); }
#content .prblocks .prblock-yellow h3 { background-color:rgba(221, 174, 40,0.7); }

#content .prblocks .wp-block-image  { margin:0; }

#content .prblocks p a {
	font-size: 1.7rem;
	padding-left: 20px;
	color:#000;
	text-decoration:none;
}
#content .prblocks p:after{
	content: "\f101";
	font: normal 22px/42px FontAwesome;
	font-size: 3.5rem;
	padding-left:10px;
	vertical-align: -6px;
}
#content .prblocks .prblock-red p { color:#EDADA5; }
#content .prblocks .prblock-blue p { color:#1B2E59; }
#content .prblocks .prblock-yellow p { color:#DDAE28; }

#content  .wp-block-columns.sns-link { flex-wrap:nowrap; }

/* 固定ページ内共通パーツ設定
---------------------------------------------------------------------------*/
#content p.home-link {
	text-align:center;
	font-family: "見出ゴMB31",Midashi Go MB31;
}
#content .home-link a {
	color:#003685;
	text-decoration:none;
}

#content .home-link a:after{
	content: "\f101";
	font: normal 22px/42px FontAwesome;
	font-size: 3.5rem;
	padding-left:10px;
	vertical-align: -6px;
}

/* 背景ロゴ透かし */
#content section.bg-blue {
	padding: 0 20px;
	background-image: url(https://www.tsukiji-seko.co.jp/mainsite/wp-content/uploads/2021/03/top202103251201-min.png);
	background-repeat: no-repeat;
	background-position: left 70px;
}

#content section.bg-red {
	padding: 0 20px;
	background-image: url(https://www.tsukiji-seko.co.jp/mainsite/wp-content/uploads/2021/03/top202103251202-min.png);
	background-repeat: no-repeat;
	background-position: left 70px;
}

#content .head-red,
#content .head-blue,
#content .head-yellow{
	font-size:2.2rem;
	padding: 4rem 0;
	background-repeat: no-repeat;
	
	background-position: left top;
	text-align:center;
}
#content .head-red { background-image: url(https://www.tsukiji-seko.co.jp/mainsite/wp-content/uploads/2021/03/page202103281200-min.png); }
#content .head-blue { background-image: url(https://www.tsukiji-seko.co.jp/mainsite/wp-content/uploads/2021/03/page202103281201-min.png); }
#content .head-yellow { background-image: url(https://www.tsukiji-seko.co.jp/mainsite/wp-content/uploads/2021/03/page202103281202-min.png); }

#content .head-blue span { color:#1B2E59; }
#content .head-yellow span { color:#DDAE28; }

@media print, screen and (min-width: 768px) {
	#content .head-blue,
	#content .head-yellow { padding-bottom: 0; }
}

#content .page-red,
#content .page-blue,
#content .page-yellow{ padding-bottom:2rem; }

#content .page-red{ background-color:#FEF5F3; }
#content .page-blue{ background-color:#1B2E59; }
#content .page-yellow{ background-color:#DDAE28; }

#content .page-blue h2,
#content .page-yellow h2 {
	padding-left:5.7rem;
	margin-bottom:2rem;
	font-size:2.3rem;
	color:#fff;
	line-height:1.8;
	background-image: url(https://www.tsukiji-seko.co.jp/mainsite/wp-content/uploads/2021/03/page202103281203-min.png); 
	background-repeat: no-repeat;
	background-position: left 2rem top .2rem;
}
@media print, screen and (min-width: 768px) {
	#content .page-blue h2,
	#content .page-yellow h2 {
		padding-left:4.7rem;
		background-position: left 1.5rem top .5rem;
	}
}
#content .page-blue .wp-block-image,
#content .page-yellow .wp-block-image{ margin-bottom:.5rem; }

#content .wp-block-gallery .blocks-gallery-item { margin:0 .5rem .5rem 0; }

#content .page-blue p,
#content .page-yellow p{ color:#fff; }

#content .page-blue dl { padding:0 20px; color:#fff; font-size:1.6rem; }

#content .page-blue dl dt:before { content:"□"; padding-right:.2rem; }

#content .page-blue dl dt { margin-bottom: 0; }

#content .page-blue dl dd { margin: 0 0 1.5rem 2.4rem; }

@media print, screen and (min-width: 768px) {
	#content #page-corp { margin-top: 5rem; }
}

#content .head-corp  { text-align:center; margin: 4rem 0; }

#content #page-corp h2 {
	background-size:cover;
	height:185px;
	color:#fff;
	padding:2rem; 
	font-family: "見出ゴMB31",Midashi Go MB31;
}
@media print, screen and (min-width: 768px) {
	#content #page-corp h2 { height:350px; }
}
#content #page-corp h2.overview { background-image: url(https://www.tsukiji-seko.co.jp/mainsite/wp-content/uploads/2021/03/page202103301101-min.jpg); }
#content #page-corp h2.vision { background-image: url(https://www.tsukiji-seko.co.jp/mainsite/wp-content/uploads/2021/03/page202103301102-min.jpg); }
#content #page-corp h2.products { background-image: url(https://www.tsukiji-seko.co.jp/mainsite/wp-content/uploads/2021/03/page202103301103-min.jpg); }
#content #page-corp h2.access { background-image: url(https://www.tsukiji-seko.co.jp/mainsite/wp-content/uploads/2021/03/page202103301104-min.jpg); }

#content #page-corp dl { display: flex; flex-wrap: wrap; padding: 0 20px; font-size: 1.6rem; }
#content #page-corp dl dt { width: 30%; }
#content #page-corp dl dd { width: 70%; margin:0 0 1.5rem 0; }
#content #page-corp dl.access dd { margin-bottom:3rem; }

#content #page-corp h3 { 
	padding:0 0 1rem 3.5rem;
	margin:0 2.1rem 2rem 2.1rem;
	font-size:2.3rem;
	color:#003685;
	line-height:1.8;
	background-image: url(https://www.tsukiji-seko.co.jp/mainsite/wp-content/uploads/2021/03/page202103301300-min.png); 
	background-repeat: no-repeat;
	background-position: left 0 top .3rem;
	border-bottom:solid 1px;
}
#content #page-corp h4 { font-size: 1.6rem; padding-left:20px; margin-bottom:0; }


/* 全ページ共通微調整
---------------------------------------------------------------------------*/
/* デバイス改行位置調整 */
@media print, screen and (min-width: 768px) {
br.sp { display: none; }
br.pc { display: inline; }
}
@media screen and (max-width: 767px) {
br.sp { display: inline; }
br.pc { display: none; }
}

/* 余白微調整用 */
.mt5  { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mr5  { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mb0  { margin-bottom:0 !important; }
.mb5  { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.ml5  { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }