/*!
Theme Name: No Theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: no-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

No Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/*CSS記述----------------------------------------------------------------------------*/
/*配色*/
:root {
	--main-color: #25AE61;
	--sub-color: #FFF037;
	--accent-color: #BBBCDE;
	--background-color: #F0FDF4;
}

/*テキスト*/
p {
	padding: 10px 0;
	font-size: 14px;
    line-height: 1.7em;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 600;
    font-style: normal;
	color: var(--main-color);
}

a {
	font-size: 14px;
    line-height: 1.7em;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 600;
    font-style: normal;
	color: var(--main-color);
	text-decoration: none;
}

a:hover {
	color: var(--sub-color);
	transition: 0.2s;
}

h1 {

}

h2 {
    font-size: 24px;
    line-height: 1.7em;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 600;
    font-style: normal;
	color: var(--main-color)
}

h3 {
	width: fit-content;
	padding:5px 40px;
	margin: 40px auto;
	display: block;
	position: relative;
	text-align: center;
    font-size: 24px;
    line-height: 1.7em;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 600;
    font-style: normal;
	color: white;
	background:linear-gradient(45deg, #6EC453, var(--main-color));
	border-radius: 15px;
}

h3:after{
	content:'';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 5px;
	left: 5px;
	background-color: var(--sub-color);
	border-radius: 15px;
	z-index:-2;
}

h4 {
    font-size: 24px;
	text-align: center;
    line-height: 1.7em;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    font-weight: 700;
    font-style: normal;
	color: var(--main-color);
	border-radius: 10px;
	
}

h5 {
	font-size: 24px;
	text-align: center;
    line-height: 1.7em;
    font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 700;
    font-style: normal;
	color: white;
	border-radius: 10px;

}

h6 {

}


ul{
	padding: 0;
}

li {
	/*padding: 0.5em 0;*/
	font-size: 14px;
    line-height: 1.7em;
	font-family: "hiragino-kaku-gothic-pron", sans-serif;
    font-weight: 600;
    font-style: normal;
	color: var(--main-color);
}

@media screen and (max-width: 767px){ /*スマートフォン(横向きを含む)*/
	p {
		font-size: 16px;
	}

	a {
		font-size: 16px;
	}

	h2 {
		font-size: 22px;
	}

	h3 {
		font-size: 22px;
	}

	h4 {
		font-size: 22px;
	}

	li {
		font-size: 16px;
	}

}

@media screen and (min-width: 768px) and (max-width:1025px) { /*タブレット*/

}

@media screen and (min-width: 1025px) { /*PC*/

}

/*テンプレート・パーツ*/

.inner{
	width: 100%;
	max-width:1920px;
	padding:  0 120px 40px 120px ;
	box-sizing: border-box;
	margin: 0 auto;
}

.arrow-top,
.arrow-bottom {
	margin: 40px 0 ;
	display: block;
	text-align: center;
	position: relative; /*z-indexを有効にするための記述*/
	z-index: 5;
	visibility: hidden;/*ちらつき防止*/
}

.arrow-top img,
.arrow-bottom img {
	width: 40px;
}

@media screen and (max-width: 767px){ /*スマートフォン(横向きを含む)*/

	.inner{
		padding: 0 20px;

	}

	.arrow {
		margin: 20px 0 ;
	}
	
	.arrow img {
		width: 30px;
	}
}

@media screen and (min-width: 768px) and (max-width:1025px) { /*タブレット*/

	.inner{
		padding: 0 40px;
	}
}

@media screen and (min-width: 1025px) { /*PC*/

}

/*投稿機能*/

h1.wp-block-heading {
   
}

h2.wp-block-heading {
    
}

h3.wp-block-heading {

}

h4.wp-block-heading {

}

h5.wp-block-heading {

}

h6.wp-block-heading {

}

/*ホーム(LP)*--------------------/
/*ヘッダー　PC*/
#header-pc {
	width: 100%;
	height: 120px;
	max-width: 1920px;
	padding: 0 120px;
	box-sizing: border-box;
	margin: 0 auto;
	position: fixed;
	display: grid;
	align-items: end;
	z-index: 99;
}

#header-pc.header-pc-change {
	width: 100%;
	height: 120px;
	max-width: 1920px;
	padding: 0 120px;
	box-sizing: border-box;
	margin: 0 auto;
	position: fixed;
	display: grid;
	align-items: end;
	z-index: 99;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 50%, transparent);
	transition: 0.2s;
}



.header-menu {
	display: flex;
	justify-content: space-between;
	align-items: end;
	margin-bottom: 20px;
}

.logo {
    
}

.logo.logo-change{

}

.logo img {
    height:30px;
	vertical-align: bottom;
}

.logo img:hover {

}

#path_1513.logo-change,
#path_1514.logo-change,
#path_1515.logo-change,
#path_1516.logo-change {/*スクロールすると色を変更*/
	fill:var(--main-color);
	transition:0.5s;
}

.logo:hover #path_1513,
.logo:hover #path_1514,
.logo:hover #path_1515,
.logo:hover #path_1516 {
	fill:var(--sub-color);
	transition:0.2s;
}

.menu-link {
    padding-right: 20px;
	vertical-align: bottom;
	color: white;
}

.menu-link.menu-link-change{/*スクロールすると色を変更*/
    color: var(--main-color);
	transition: 0.1s;
}


.menu-link-end {
    vertical-align: bottom;
	color: white;
}


#header-pc .menu-link-sns {
    height: 30px;
	/*vertical-align: bottom;*/
	filter:drop-shadow(0px 0px 5px rgba(255,255,255,0.5));
}

/*ヘッダー mobile*/
/* メニューコンテナ全体のスタイル */
header#header-mobile {
	position: relative;
	z-index:99;
}
.menu-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	overflow: hidden;
  }
  
  /* メニューボタンのスタイル */
  .menu-button {
	display: block;
	position: fixed;
	top: 20px;
	left: 20px;
	cursor: pointer;
	z-index: 99;
	filter:drop-shadow(0px 0 2px rgba(0,0,0,0.3));
  }
  
  /* メニューバーのスタイル */
  .bar {
	display: block;
	width: 30px;
	height: 4px;
	margin: 8px 0;
	background-color: white;
	transition: 0.4s;
	border-radius: 2px;
	filter:drop-shadow(0px 0px 1px rgba(0,0,0,0.3));
  }

  
  
  /* メニューボタンがチェックされた場合の1つ目のバーのアニメーション */
  #menu-toggle:checked ~ .menu-button .bar:nth-child(1) {
	transform: rotate(45deg) translate(7px, 10px);
	background-color: var(--main-color);
  }
  
  /* メニューボタンがチェックされた場合の2つ目のバーのアニメーション */
  #menu-toggle:checked ~ .menu-button .bar:nth-child(2) {
	opacity: 0;
  }
  
  /* メニューボタンがチェックされた場合の3つ目のバーのアニメーション */
  #menu-toggle:checked ~ .menu-button .bar:nth-child(3) {
	transform: rotate(-45deg) translate(7px, -10px);
	background-color: var(--main-color);
  }

  .bar.bar-change{
	display: block;
	width: 30px;
	height: 4px;
	margin: 8px 0;
	background-color: var(--main-color);
	transition: 0.4s;
	border-radius: 2px;
	transition: 0.5s;
  }
  
  /* メニュートグルのスタイル */
  #menu-toggle {
	display: none;
  }
  
  /* メニューのスタイル */
  #header-mobile .menu {
	position: fixed;
	top: 0;
	top: -150%; /* 変更: メニューを左からスライドインさせるために topに設定 */
	width: 100%;
	height: auto;
	transition: 0.4s;
	z-index: 98;
	/*overflow-y: auto;*/
  }
  
  /* メニュートグルがチェックされた場合のメニューの表示アニメーション */
  #menu-toggle:checked ~ .menu {
	top: 0; /* メニューを表示させるために left を 0 に変更 */
  }
  
  /* メニュー内のリストのスタイル */
  .menu ul {
	width: 100%;
	height: 50vh;
	padding: 40px 40px 80px 40px;
	/*box-sizing: border-box;*/
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	position: relative;
	list-style: none;
	text-align: center;
	background-color: #f3f3f3;
  }
  
  /* メニュー内リストのリンクのスタイル */
  .menu ul li a {
	text-decoration: none;
	color: var(--main-color);
	display: flex;
	padding: 10px 0;
	transition: 0.2s;
  }
  
  /* メニュー内リストのリンクのホバー時のスタイル */
  .menu ul li a:hover {
	color: var(--sub-color);
  }

  a.menu-link.menu-link-change:hover {
	color: var(--sub-color);
  }


  #header-mobile .menu-sns {
	width: 100%;
	max-width: 150px;
	display: flex;
	justify-content: center;
    margin: 0 auto;
	text-align: center;
  }

  #header-mobile .menu-sns .menu-link-sns {
	width: 100%;
	height: 20px;
	padding: 0 20px;
	margin: 0 auto;
	display: block;
  }

  .mizuhiki-line {
	width: 100%;
	height: 2px;
	background-color: #f3f3f3;
	border-bottom: solid 2px var(--main-color);
  }

  .mizuhiki {
	position: absolute;
	bottom:-40px;
	left: 0;
	right: 0;
  }

  .mizuhiki img{
	height: 120px;
	margin: auto;
	display: block;
  }

  /*#header-mobile .menu:after {
	content:'';
	width: 100%;
	height: 200px;
	display: block;
	background-image: url(https://www.shiotaken.jp/wp-content/image/mizuhiki.png);
	background-size: contain;
	background-repeat: no-repeat;
	filter:drop-shadow(0px 0 2px rgba(0,-2px,0,0.3));
  }*/

  #header-mobile .menu ul li a {
	width: 100%;
	line-height: 0;/*listタグとaタグで設定している行間の重複を削除*/
	display: flex;
	justify-content: center;
  }

  #header-mobile .menu li {
	padding: 5px 0;
}

@media screen and (max-width: 540px){ /*スマートフォン(縦)*/
	header#header-pc,
	#header-pc.header-pc-change,
	#header-pc .header-menu{
		display: none;
	}

}
@media screen and (min-width: 541px) and (max-width: 767px){ /*スマートフォン(横向き)*/
	header#header-pc,
	#header-pc.header-pc-change,
	#header-pc .header-menu{
		display: none;
	}

	#header-mobile .menu ul {
		height: auto;
		padding: 40px 80px 80px 80px;
		display: grid;
		grid-template-columns:  1fr 1fr 1fr 1fr;
		align-items: center;
	}

	#header-mobile .menu ul a {
		justify-content: left;
	}

	#header-mobile .menu-sns .menu-link-sns {
		width: auto;
		padding: 0;
		margin: 0;
	}

}

@media screen and (min-width: 768px) and (max-width:1024px) { /*タブレット*/
	header#header-pc,
	#header-pc .header-pc-change,
	#header-pc .header-menu {
		display: none;
	}
}

@media screen and (min-width: 1025px) { /*PC*/
	header#header-mobile{
		display: none;
	}
}

/*トップ*/
section#top {
	position: relative;
	z-index:0;
}
div#top-pc {
	width:100%;
	height: auto;
	background-image: url(https://www.shiotaken.jp/wp-content/image/home-background-pc.svg);
	background-size: cover;
	position: relative; /*プロフィール写真を配置するための基準設定*/
	z-index: 0;
}

#top-pc .inner { /*ヘッダー分の余白*/
	width: 100%;
	padding: 100px 120px 0 120px;	
}

#top-pc .mainvisual {
	width: 100%;
	display: flex;
}

#top-pc .text{

}

#top-pc .catchcopy {
	width: 768px;
	padding-top: 40px;
	visibility: hidden;/*ちらつき防止*/
}

#top-pc .catchcopy2 {
	width: 475px;
	padding: 0 0 5px 0;
	margin: 10px 0 10px 0;
	display: block;
	border-bottom: solid 2px white;
}

.text p{
	color: white;	
}

.text li {
	margin-left: 1rem;
	color: white;
}

#top-pc .name {
    width: 475px;
}

#top-pc .portrait {

}

#top-pc .shiotaken {
	height: 95%;
	position: absolute;
	bottom: 0;
	right: 40px;
	object-fit: cover;
	z-index:-1;
	/*visibility: hidden;*/
}

#top-pc .shiotaken-shadow {
	height: 95%;
	position: absolute;
	bottom: 0;
	right: 0;
	mix-blend-mode: multiply;
	object-fit: cover;
	z-index: -2;
	/*visibility: hidden;*/
}

.edge {
	width: 100%;
	height:80px;
	background-image: url(https://www.shiotaken.jp/wp-content/image/edge-white.svg);
    background-size: cover;
	position: relative; /*relativeである理由が不明*/
	z-index: 3;
	filter: drop-shadow(0px -5px 2px rgba(0,0,0,0.3));
}

/*トップ-モバイル版*/
div#top-mobile {
	width:100%;
	height: auto;
	background-size: cover;
	position: relative; /*プロフィール写真を配置するための基準設定*/
	z-index: 4;
	overflow: hidden; 
}

#top-mobile .inner {
	height: 100%;
	padding: 40px 20px 0 20px;
}

#top-mobile .mainvisual {
	height: 100%;
}

#top-mobile .shiotaken {
	height: 100%;
    position: absolute;
    bottom: 0;
    left: 33%;
    transform: translate(-50%, 0);
    object-fit: cover;
    z-index: -1;
	/*vertical-align: hidden; */
}

#top-mobile .shiotaken-shadow {
	height: 100%;
    position: absolute;
    bottom: 0;
    left: calc(33% + 40px);
    transform: translate(-50%, 0);
    object-fit: cover;
	mix-blend-mode: multiply;
    z-index: -2;
	/*vertical-align: hidden;*/
}

#top-mobile .name{
	filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.5));
}

#top-mobile .catchcopy2 {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	margin: 10px 0 10px 0;
	display: block;
	filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.5));
	/*border-bottom: solid 2px white;*/
	background-color: rgba(37,174,97,0.3);
	border-radius: 5px;
}

#top-mobile .text p,
#top-mobile .text li, {
	filter:drop-shadow(0px 0 2px rgba(0,0,0,0.3));
}

/*取組目標*/
#vision .text {
	max-width: 500px;
	margin: 0 auto;
	display: block;
	text-align: center;
}

.mamoru{
	width: 100%;
	margin-top: 80px;
}

.content-mamoru {
	width: 100%;
	max-width: 1000px;
	display: flex;
	margin: 0 auto 40px auto;
}

.mamoru-image {
	width: 100%;
	max-width: 300px;
	height: 100%;
	max-height: 300px;
	margin: 0 auto;
	display: block;
}

.mamoru-text {
	width: 100%;
	padding-left: 40px;
	box-sizing: border-box;
}

.mamoru-headline {
	width: auto;
	height: 80px;
	margin: 0 auto 0 0;
	display: block;
}

.vision-list {
    width: 100%;
    border-top: solid 2px var(--main-color);
	margin: 15px 0;
}
.vision-list-item {
	padding: 15px 0 0 0 ;
	list-style: none;
	display: flex;
	align-items: center;
}

.vision-list-item  p{
	padding: 0 0 0 20px;
	box-sizing: border-box;
    margin: 0;
}

.check {
	width: 25px;
	height: 25px;
}

/*活動記録*/
section#archive {

}

#archive .inner {
	padding: 0;
}

#content-layout2 .list{
	width: fit-content;
	height: fit-content;
	margin: 40px auto;
}

#content-layout2 .list-item{
	padding-bottom: 5px;
	margin-bottom:5px;
	border-bottom: solid 1px var(--main-color);
	list-style: none;
	display: flex;
	align-items: center;
}

.list-meta1 h2 {
	margin: 0;
}

/*Instagram feed*/
#sb_instagram .sb_instagram_header, .sb_instagram_header {
	display: none;
}

#sb_instagram #sbi_load {
	display: none;
}

/*生い立ち*/
time-line-content {
	width: 100%;
	margin: 0 auto;
}

#timeline .time-line-content{
	width: 100%;
	height: 300px;
	display: flex;
	margin: 40px auto;
}

.time-line-content-highschool {
	width: 100%;
	height: 100px;
	display: flex;
	margin: 40px auto 0 auto;
}

#time-line {
	display: block;

}

.ad-arrow {
	width: 165px;
}

.ad {
	height: 60px;
	display: block;
	padding: 0 0 10px 0;
}

.longarrow {
	height: 240px;
	margin: 0 auto;
	display: block;
}

.shortarrow {
   height: 180px;
   margin: 0 auto;
   display: block;
}

.shortarrow2 {
	width: 27px;
	height: auto;
	margin: 0 auto;
	display: block;
 }

.headline-image {
    width: calc(100% - 165px);
}

#timeline h2 {
	height: 60px;
	margin: 0;
}

.timeline-image {
	padding: 10px 0 0 0;
	display: flex;
	justify-content: space-between;
}

.picture {
	width: calc(50% - 10px);
	height: 240px;
	background-size: cover;
	background-position: center;
	filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.2));
}

div#ad-1972-1 {
	background-image: url(https://www.shiotaken.jp/wp-content/image/1972-1.jpg);
}

div#ad-1972-2 {
	background-image: url(https://www.shiotaken.jp/wp-content/image/1972-2.jpg);
}

div#ad-1984-1 {
	background-image: url(https://www.shiotaken.jp/wp-content/image/1984-1.jpg);
}

div#ad-1984-2 {
	background-image: url(https://www.shiotaken.jp/wp-content/image/1984-2.jpg);
}

div#ad-1987-1 {
	background-image: url(https://www.shiotaken.jp/wp-content/image/1987-1.jpg);
}

div#ad-1987-2 {
	background-image: url(https://www.shiotaken.jp/wp-content/image/1987-2.jpg);
}

div#ad-1990-2-1 {/*高校卒業*/
	background-image: url(https://www.shiotaken.jp/wp-content/image/1990-2-1.jpg);
}

div#ad-1990-2-2 {/*高校卒業*/
	background-image: url(https://www.shiotaken.jp/wp-content/image/1990-2-2.jpg);
}

div#ad-1990-1 {
	background-image: url(https://www.shiotaken.jp/wp-content/image/1990-1.jpg);
}

div#ad-1990-2 {
	background-image: url(https://www.shiotaken.jp/wp-content/image/1990-2.jpg);
}

div#ad-1995-1 {
	background-image: url(https://www.shiotaken.jp/wp-content/image/1995-1.jpg);
}

div#ad-1995-2 {
	background-image: url(https://www.shiotaken.jp/wp-content/image/1995-2.jpg);
}

div#ad-2024-1 {
	background-image: url(https://www.shiotaken.jp/wp-content/image/2024-1.jpg);
}

div#ad-2024-2 {
	background-image: url(https://www.shiotaken.jp/wp-content/image/2024-2.jpg);
}

/*お問い合わせ先情報*/
#contact .inner {
	padding: 0 120px 80px 120px;/*80px=edge.svg分の余白*/
	background-color: var(--background-color);
	/*position: relative; /*h3タグの疑似要素より後ろに配置*/
	/*z-index: -1;*/
}

#contact .inner h3 {
	transform: translateY(-50%);
}

#contact .inner h3 {
	background-color: transparent;
}

#contact .inner h3:before {
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
	left: 0;
	right: 0;
    background-color: var(--main-color);
    border-radius: 15px;
    z-index: -1;
}

#contact div#content-layout1 {
	margin: 0 auto 40px auto;
}

#contact #content-layout1 .list-meta1,
#contact #content-layout1 .list-meta2 {
    color: var(--main-color);
}

.google-map {
	width:100%; 
	aspect-ratio: 16 / 9;
	border: solid 2px var(--main-color);
	border-radius: 20px;
}

@media screen and (max-width: 932px){ /*スマートフォン(横向きを含む)*/
	div#top-pc {/*トップのPC版を非表示*/
		display: none;
	}

	.text p,
	.text li {

		filter:drop-shadow(0px 0 2px rgba(0,0,0,0.8));
	}

	div#top-mobile {/*トップのモバイル版を表示*/
		display: block;
	}

	div#top-mobile {
		background-image: url(https://www.shiotaken.jp/wp-content/image/home-background-smartphone.svg);
	}

	#top-mobile .shiotaken {
		height: 100%;
		top: 0;	
	}
    
	#top-mobile .catchcopy {
		width: 80px;
		margin: 0 0 0 auto;
		display: block;
		visibility: hidden;/*ちらつき防止*/
	}

	.mamoru-tablet{ /*まもるタブレット版の非表示*/
		display: none;
	}

	.mamoru-image {
		width: 100%;
		max-width: 200px;
		max-height: 200px;
	}

	.content-mamoru {
		display: flex;
		flex-direction: column;
	}

	.mamoru-text {
		padding-left: 0px;
	}
    
	.mamoru-headline {
		margin: 0 auto;
	}

	div#timeline{/*生い立ちPC版非表示*/
		display: none;
	}

	.arrow-picture {
		display: grid;
		grid-template-columns: 30px 1fr;
	}

	#timeline-smartphone .time-line-content{
		margin: 20px 0;
	}

	#timeline-smartphone .ad {
		padding: 20px 0 0 0;
	}

	#timeline-smartphone .timeline-image {
		padding: 0 0 0 40px;
		justify-content: normal;
		flex-direction: column;
    }

	#timeline-smartphone .picture{
		width: 100%;
		height: 240px;
		margin:0 0 10px 0;
	}

	#timeline-smartphone .longarrow{
		height: 490px;
	}

	#timeline-smartphone .shortarrow2{
		width: 27px;
	}

	section#contact {
		margin-top: 80px;
	}

	#contact .inner {
		padding: 0 20px 80px 20px;/*80px=edge.svg分の余白*/
	}

	.google-map {
		aspect-ratio: 9 / 16;
	}
}

@media screen and (min-width: 933px) and (max-width:1024px) { /*タブレット*/
	div#top-pc {/*トップのPC版を非表示*/
		display: none;
	}

	.text p,
	.tectli {

		filter:drop-shadow(0px 0 2px rgba(0,0,0,0.5));
	}

	div#top-mobile {/*トップのモバイル版を表示*/
		display: block;
	}

	div#top-mobile {
		height: 100vh;
		background-image: url(https://www.shiotaken.jp/wp-content/image/home-background-tablet.svg);
	}

	#top-mobile .mainvisual {
		height: calc(100% - 200px);
	}

	#top-mobile .catchcopy {
		width: 160px;
		position: absolute;
		top: 40px;
		right: 40px;
	}
    
	#top-mobile .mainvisual {
		display: flex;
	}

	#top-mobile .text{
		width:100%;
		max-width: 500px;
		margin: auto 0 0 0; 
	}

	#top-mobile .edge {
		position: absolute; 
		bottom:0;
	}
	
	.mamoru{ /*まもるPC、スマホ版の非表示*/
		display: none;
	}

	.mamoru-tablet {
        margin: 40px auto 0 auto;
    }

	.content-mamoru {
		display: block;
	}

	.mamoru-headline{
		margin: 0 auto;
	}

	.mamoru-image-list{
		padding-top: 20px;
        margin: 20px auto 0 auto;
		display: flex;
		border-top: solid 2px var(--main-color);
	}

	.vision-list {
		margin: 0;
		border-top: none;
	}

	div#timeline-smartphone{/*生い立ちスマートフォン版非表示*/
		display: none;
	}

}

@media screen and (min-width: 1025px) { /*PC*/
	div#top-mobile {/*トップのモバイル版を非表示*/
		display: none;
	}

	.mamoru-tablet{ /*まもるタブレット版の非表示*/
		display: none;
	}

	div#timeline-smartphone{/*生い立ちスマートフォン版非表示*/
		display: none;
	}
}

/*フッター*/
footer#footer {
	width: 100%;
	position: relative;
}

#footer .edge{
	width: 100%;
	height: 80px;
	position: absolute;
	top: -80px;
	background-image: url(https://www.shiotaken.jp/wp-content/image/edge-green.svg);
	background-size: cover;
	background-repeat: no-repeat;
	filter: drop-shadow(0px 0px 0px rgba(0,0,0,0));
}

#footer .inner{
	background-color: var(--main-color);
}

.footer-menu{
	width: 100%;
	max-width: 650px;
	padding: 40px 0 10px 0;
	margin: 0 auto;
	border-bottom: solid white 2px;
}

.footer-menu a {
	padding: 10px 0px 0 0;
	color: white;
}

.footer-page-link {
    display: flex;
    justify-content: space-between;
}

#footer .menu-link-sns {
    height: 1em;
	padding-right: 10px;
	/*vertical-align: bottom;*/
}

.sns-link{
	display: inline-block;
}

.footer-information{
	width: 100%;
	max-width: 650px;
	margin: 0 auto;
	display: flex;
}

div#content-layout1{
    width: fit-content;
}

.list{

}

#content-layout1 .list-item{
	padding-top: 5px;
	display: grid;
	grid-template-columns: 30px 80px  auto;
	align-items: baseline;
	text-decoration: none;
}

.list-icon{
	height: 1em;
	padding-right: 10px;
}

#content-layout1 .list-meta1 {
	width: 65px;
    padding-right: 10px;
	color: white;
}

#content-layout1 .list-meta2 {
	
    padding-right: 10px;
	color: white;
	display: block;
	word-break: break-all;
	text-decoration: none !important;
}

.copy-right {
    width: auto;
    text-align: center;
    margin: 0 0 0 auto;
	display: flex;
	align-items: center;
}

@media screen and (max-width: 540px){ /*スマートフォン(横向きを含む)*/
     
	.footer-page-link{
		width: 100%;
		display:  grid;
		grid-template-columns: 1fr 1fr 1fr;
		padding-bottom: 10px;
	}
	.footer-sns-link{
		width: 100%;
		padding-top: 10px;
		border-top: solid 2px white;
	}

	.footer-page-link {
		display: block;
	}

	.footer-menu{
		padding: 40px 10px 0 0;
	}

	.footer-menu a {
		padding: 0 0 10px 0;
	}

	.footer-information{
		flex-direction: column;
	}

	.list-icon{
		width: 20px;
		height: 1em;
	}

	.copy-right {
		margin: 0 auto;
	}
}

@media screen and (min-width: 768px) and (max-width:1024px) { /*タブレット*/
	.list-icon{
		width: 20px;
		height: 20px;
	}
}

@media screen and (min-width: 1025px) { /*PC*/
	
}

/*応急処置*/
html.sr.wf-fot-tsukuardgothic-std-n7-active.wf-hiragino-kaku-gothic-pron-n6-active.wf-hiragino-kaku-gothic-pron-n3-active.wf-active {
    margin-top: 0px !important;
}

@media screen and (max-width: 767px){ /*スマートフォン(横向きを含む)*/

}

@media screen and (min-width: 768px) and (max-width:1024px) { /*タブレット*/
	
}

@media screen and (min-width: 1025px) { /*PC*/
	
}