@charset "UTF-8";/* CSS変数の宣言 */
/* サブページで、テンプレートで対応しきれないスタイルをこちらに記入します。ASのみ書き込み可能 */

/*body{min-width:375px;}*//*min-widthを指定すると横ずれが発生するので非設定にしてあります*/

body.font-gothic main{
	font-family: "lucida grande", tahoma, verdana, arial, "Hiragino Kaku Gothic Pro", Osaka, Meiryo, メイリオ, "ＭＳ ゴシック", sans-serif;}

/* m-plus-1-<uniquifier> */
/* <weight>: Use a value from 100 to 900 */
/* <uniquifier>: Use a unique and descriptive class name */


#page-title h1{
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	font-size:1.6rem;}

#page-title h1::before{
	content:"";
	width:2.0em;
	height:1.2em;
	display:inline-block;
	background:transparent url(../images/ico_kaminokawa_lib.gif) left 50% no-repeat;
	background-size:contain;
	vertical-align:-10%;}

header{
	border-bottom:1px solid #f3f6ec;}

#bg_base{
	background:transparent url(../images/bg_stripe.gif) center top repeat;}

.bg_inside_white{
	width:100%;
	max-width:1310px;
	background-color:#FFF;
	margin:0 auto;}

main{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;}/*不要な余白をなくすためのハック*/

main .top-image{
	position:static;/*リセット*/}/*main内に配置すると起用*/

main .top-image, main .top-image img{
	height:auto;
	min-height:auto;
	max-height:none;
	background-color:transparent;}

main h2, main h3, main h4{
  font-family: "M PLUS 1", sans-serif;
  font-optical-sizing: auto;}

main h2{
  font-weight: 700;
  font-style: normal;}

main h3, [class^="list-design"] h3{
	width:calc(100% - 2rem);
	padding:0 0 0.15em 0;
	margin-left:auto;
	margin-right:auto;
	font-weight: 600;
	border-bottom:2px dashed #EEE;}

main > h3, main > div > h3{
	max-width:calc(1280px - 2rem);
	line-height:1.5;
	margin-bottom:2.0rem;}

main#sp-origami h3::before{
	content:"";
	display:inline-block;
	width:1.8em;
	height:1.0em;
	background:transparent url(../images/ico_h3_green.png) left bottom no-repeat;
	background-size:contain;}

main#sp-minwa h3::before{
	content:"";
	display:inline-block;
	width:1.8em;
	height:1.0em;
	background:transparent url(../images/ico_h3_yellow.png) left bottom no-repeat;
	background-size:contain;}

main#sp-history h3::before{
	content:"";
	display:inline-block;
	width:1.8em;
	height:1.0em;
	background:transparent url(../images/ico_h3_colorful2.png) left bottom no-repeat;
	background-size:contain;}

h3 + [class^="list-design"], h3 > section{
	padding-top:0;}

main h4{
	font-size:125%;/*20px*//*トップページと同じ設定*/
	font-weight:700;
	margin-bottom:2.0em;
	padding-right:2.0rem;/*<p>と同じ*/
	padding-left:2.0rem;/*<p>と同じ*/}



main a{color:#337AB7;}
main a:hover, main a:active{
	text-decoration:none;
	color:#692f32; /*ワインレッド*/
	opacity:1;
	background-color:rgba(242,223,12,1);/*黄色:#F2DF0C(242,223,12)*/}

.multiple-link a.arrow:link,
.multiple-link a.arrow:visited{}

.multiple-link a.arrow:hover,
.multiple-link a.arrow:active{
	color:#692f32; /*ワインレッド*/
	background:#F2DF0C;/*黄色:#F2DF0C(242,223,12)*/}

@media(min-width:576px){
	main .top-image{
		display:none;}}

@media(max-width:768px){
	main h4{
		margin-bottom:1.5em;}}




#intro hr, hr{
	display:none;
	width:calc(100% - 2.0rem);
	height: 1px;
	border: none;
	margin-right:auto;
	margin-left:auto;
	border-bottom:1px dotted #333;}

#intro .intro-container .intro-txt{
	padding-bottom:0;}


/* イントロ下のページ内リンク部分 */

/*矢印アイコンを挿入するにあたり、".list-design5 a"のdisplay:gridを解除*/
section#sec_anchor_link, section#sec_anchor_link_thumb{
	margin-top:0;
	margin-bottom:4em}

section#sec_anchor_link li a{
	font-size:100%;
	grid-auto-flow: column;/*grid内のコンテンツを横並びにする*/
	/*justify-content:center;*//*gridの横方向の位置を指定する*/
	/*align-content:center;*//*gridの縦方向の位置を指定する*/
	place-content:center;/*"justify-content"(横方向)と"align-content"(縦方向)の両方を同時に指定する*/
	min-height:auto;/*リセット*/
	background-image:url(../images/deco_amikake.png);
	background-position:left top;
	background-repeat:repeat;}

/*参考："place-items: [縦方向] [横方向];"とは「align-items」＋「justify-items」を一行で表したもの。start（開始位置）,center（中央揃え）,end（終了位置）,stretch（全体に引き伸ばす／初期値）*/

section#sec_anchor_link.angle-circle li a{
	border-radius:8px;}

section#sec_anchor_link li a:hover,
section#sec_anchor_link li a:active{}

section#sec_anchor_link ul.contents-wrap li a::before{
	content:"";
	display:inline-block;
	width:1.0em;
	height:0.84em;
	background:transparent url(../images/ar_contents-menu_white.png) 50% bottom no-repeat;
	background-size:contain;
	margin-right:8px;}

section#sec_anchor_link ul.contents-wrap li a:hover::before,
section#sec_anchor_link ul.contents-wrap li a:active::before{
	background:transparent url(../images/ar_contents-menu_on.png) 50% bottom no-repeat;
	background-size:contain;
	margin-right:8px;}

@media(max-width:575.9px){
	#intro.container{
		padding:0;}

	section#sec_anchor_link li a{
		place-content:center start;
		text-align:left;/*改行時に左寄せにする*/}}


/*---------------------------------------------------------
 ORIGAMIミュージアム：吉澤章の折り紙作品を見る
---------------------------------------------------------*/
h2.smp{
	padding:0;}

@media(min-width:576px){
	main#sp-origami h2.smp{
		display:none;}}

@media(max-width:575.9px){
	main#sp-origami h2.pc{
		display:none;}}

#origami-works{}

#origami-works section#pickup, #origami-works section#search-types{}

section.designfree{
	width:100%;
	max-width: 1280px;
	padding: 2rem 0;
	margin: 2rem auto;}/*[class^="list-design"]と同じ*/


/*デザイン1にデザイン4のコンテンツをはめたVer.*/
/* list-design4
---------------------------------------------- */

/*元々<h4>だったものを<h5>に変更*/
section#pickup h4{
	font-size:150%; /*24px*/}

section#pickup h5{
	font-family: "M PLUS 1", sans-serif;
	font-optical-sizing: auto;
	font-size:125%;/*20px*/
	font-weight:600;
	margin:1em 1.5rem 1.5em;
  line-height:1.5;
  transition: .3s ease;}



section#pickup .item img{
	min-height:160px;}

/*3Dビューア*/
section#pickup .item.v3d > div{
	position:relative;}

section#pickup .item.v3d div::after{
	content:"";
	position:absolute;
	display:block;
	width:78px;
	height:64px;
	background-image:url(../images/ico-3dview_360.png);

	background-repeat:no-repeat;
	background-size:contain;
	background-position:right bottom;
	bottom:0.5rem;
	right:0.5rem;
	opacity:1;}

/*↑↑↑ 3Dビューアここまで ↑↑↑*/

section#pickup .item ul{
	padding:0;
	margin:0 0.75rem 0.5rem;
	margin:0 1.5rem 1.5rem;}

section#pickup .item li{
	min-width:8.5em;}

section#pickup .item li span.txt-b{
	font-weight:bold;}/*※広域で使用する場合はCSS前半に記載してもよいのかもしれない*/

section#pickup .item li a{
	border-radius:8px;}

section#pickup.multiple-link a{
	padding:0.5em 1.8em 0.5em 0.8em;}

section#pickup.multiple-link a:link, section#pickup.multiple-link a:visited{
	background-image:url(../images/deco_amikake.png);
	background-position:left center;}

section#pickup.multiple-link a:hover, section#pickup.multiple-link a:active{}

section#pickup.multiple-link a.arrow:first-child{
	margin-top:0;}
section#pickup.multiple-link a.arrow:first-child{
	margin-bottom:0.5em;}



.arrow::before,
.arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0.5em;
  width: 15px;
  height: 4px;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: calc(100% - 2px) 50%;
}

.arrow:hover::before,
.arrow:active::before,
.arrow:hover::after,
.arrow:active::after{
	background-color:#692F32;/*ワインレッド*/}


.arrow::before {
  transform: rotate(45deg);
}

.arrow::after {
  transform: rotate(-45deg);
}



/* list-design 列数固定解除
(※「種類から作品を探す」と数を合わせたいとのこと)
---------------------------------------------- */
@media(max-width:960px){
	section#pickup h5{
		margin:1.0em 1.0rem 1.0rem;}

	section#pickup .item ul{
		margin:0 0.5rem 0.5rem;}}

@media (min-width:768px) and (max-width:999px){
	section#pickup .item{
		overflow: hidden;
		width: calc(100% / 4 - 1rem);}}

@media(min-width:576px) and (max-width:767.9px){
	section#pickup .item{
		overflow: hidden;
		width: calc(100% / 3 - 1rem);}}

@media (max-width:575.9px) {
	section#pickup > .contents-wrap{
	display:flex;}

	section#pickup .item{
		overflow: hidden;
		width: calc(100% / 2 - 1rem);}}

/*ピックアップ／公開作品のリンク ここまで*/



/*----- 場所から作品を探す -----*/
/* list-designの内部 */
section#search-types ul.ul-search_types{
	justify-content:space-between;}

section#search-types ul.ul-search_types li{
	margin:0 0.5% 1%;
	width:calc(24% - 0.5%);
	padding:10px;
	display:block;
	border:2px solid #eee;
	border-radius:8px;
	background-color:#eee;}

section#search-types ul.ul-search_types li:hover, 
section#search-types ul.ul-search_types li:active{
	border:2px solid #eee;}

section#search-types ul.ul-search_types li a{
	position:relative;
	color:#262626;
	white-space:nowrap;
	display:block;
	overflow:hidden;
	text-align:center;
	min-height:auto;/*リセット*/
	padding:5px;
	margin:0;
	background-image: url(../images/origami/ico-kamihikouki.png);
	background-position:left 5px center;
	background-repeat: no-repeat;
	background-size: 14% auto;
	background-color: rgba(var(--accentColor), 0);
	transition: .8s ease;

	text-shadow:2px 0px 1px white, -2px 0px 1px white,
	0px -2px 1px white, -2px 0px 1px white,
	2px 2px 1px white, -2px 2px 1px white,
	2px -2px 1px white, -2px -2px 1px white,
	1px 2px 1px white, -1px 2px 1px white,
	1px -2px 1px white, -1px -2px 1px white,
	2px 1px 1px white, -2px 1px 1px white,
	2px -1px 1px white, -2px -1px 1px white,
	1px 1px 1px white, -1px 1px 1px white,
	1px -1px 1px white, -1px -1px 1px white,

	2px 0px 1px white, -2px 0px 1px white,
	0px -2px 1px white, -2px 0px 1px white,
	2px 2px 1px white, -2px 2px 1px white,
	2px -2px 1px white, -2px -2px 1px white,
	1px 2px 1px white, -1px 2px 1px white,
	1px -2px 1px white, -1px -2px 1px white,
	2px 1px 1px white, -2px 1px 1px white,
	2px -1px 1px white, -2px -1px 1px white,
	1px 1px 1px white, -1px 1px 1px white,
	1px -1px 1px white, -1px -1px 1px white;}

section#search-types ul.ul-search_types li a:hover, 
section#search-types ul.ul-search_types li a:active{
	background-image:url(../images/origami/ico-kamihikouki_on.png);
	background-position: right 5px bottom;
	background-repeat: no-repeat;
	background-size: 14% auto;}

section#search-types ul.ul-search_types li a::after{
	content: ''; 
	position: absolute;
	top:50%;
	left: calc(-100% - 10px);
	width: 100%; 
	height:2px;
	border-bottom:2px dashed #999;/*通常はボーダーは見えない*/
	transition: 0.8s ease;
	opacity:0;}

section#search-types ul.ul-search_types li a:hover::after{
	content: ''; 
	position: absolute;
	top:calc(100% - 2px);
	left:calc(0% - 20%);
	border-bottom:2px dashed #999;
	opacity:1;}

@media (min-width:1440px){
	section#search-types ul.ul-search_types li a{
		font-size:1.4em;}}

@media(min-width:768px) and (max-width:1439.9px){
	section#search-types ul.ul-search_types li a{
		font-size:clamp(1rem, 0.929rem + 0.36vw, 1.25rem);}}

@media(min-width:768px){
	section#search-types ul.ul-search_types li{
		min-width:176px;}}

@media(max-width:991.9px){
	section#search-types ul.ul-search_types li{
		min-width:auto;}

	section#search-types ul.ul-search_types li a{
		background-image: url(../images/origami/ico-kamihikouki.png);
		background-position:left center;
		background-repeat: no-repeat;
		background-size: 16% auto;
		padding-left:5%;}

	section#search-types ul.ul-search_types li a:hover, 
	section#search-types ul.ul-search_types li a:active{
		background-image:url(../images/origami/ico-kamihikouki_on.png);
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 16% auto;}}

@media(max-width:767.9px){
	section#search-types ul.ul-search_types{
		justify-content:start;}}

@media(min-width:576px) and (max-width:767.9px){
	section#search-types ul.ul-search_types li{
		width:32%;}}

@media(max-width:575.9px){
	section#search-types ul.ul-search_types{
		display:flex;
		justify-content:space-between;
		padding:0 2.0rem;}

	section#search-types ul.ul-search_types li, 
	section#search-types ul.ul-search_types li:last-child{
		width:47%;
		margin:0 auto 4%;
		margin:0 0 4%;
		padding:5px;}

	section#search-types ul.ul-search_types li a{
		text-align:left;
		padding:5px 5px 5px 25%;
		background-image: url(../images/origami/ico-kamihikouki.png);
		background-position:left 5px center;
		background-repeat: no-repeat;
		transition:none;
		font-size:1.0rem;}

	section#search-types ul.ul-search_types li a:hover, 
	section#search-types ul.ul-search_types li a:active{
		background-image:url(../images/origami/ico-kamihikouki_on.png);
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 16% auto;}

	section#search-types ul.ul-search_types li a::after{
		transition: none;}}


/*-----------------------------
 吉澤氏プロフィール
------------------------------*/
#origami-profile{}
#origami-profile section{}


main#sp-origami #origami-profile h3::before{
	display:none;}

#origami-profile h3{
	position:relative;
	background:transparent url(../images/ico_h3_green.png) left bottom 0.5em no-repeat;
	background-size:auto 1em;
	padding-left:1.8em;
	line-height:1.5;}

#origami-profile > p.list-txt, 
section.designfree p.list-txt{
	width:100%;
	font-size:1.0rem;
	line-height:2.0;
	padding:0 2.0rem;}/*section内の"p.list-txt"と合わせるため*/

#origami-profile section p.list-txt:last-child{
	margin-bottom:2em;}

p.list-txt.txt-r{
	text-align:right;}

section.designfree table{
	padding-right:2.0rem;
	padding-left:2.0rem;
	margin-bottom:2.0em;}/*section内の"p.list-txt"と合わせるため*/

#origami-profile h3 span.prof-from{
	position:absolute;
	top:-0.55em;
	display:block;
	font-weight:400;
	font-size:47%; /*32pxからの15px*/}

#origami-profile h3 span.prof-job{
	font-size:68.75%; /*32px -> 22px*/
	display:inline-block;
	vertical-align:-1px;}

#origami-profile h3 ruby{
	line-height:1.0;}

#origami-profile h3 ruby rt{
	font-size:38%;
	margin-top:-0.8em;
	padding:0;/*調整用*/
	margin-bottom:-0.1em;
	line-height:1.0;/* 行の高さを最小にして余白を消す */}

/*--- Safari用 ---*/
_::-webkit-full-page-media, _:future, :root #origami-profile h3 ruby{}

_::-webkit-full-page-media, _:future, :root #origami-profile h3 ruby rt{
	margin-bottom:-1em;
	margin-bottom:-0.8em;}
/*--- Safari用 ここまで ---*/

section.designfree h4{
	font-weight:700;}


/*プロフィール写真*/
section#profile-pic{
	padding:0;}

section#profile-pic .contents-wrap{
	padding-left:2.0rem;
	padding-right:2.0rem;}

.img-profile-pic a.link-viewer{
	display:inline-block;
	position:relative;
	overflow: hidden;
	border:2px solid var(--accentColor);
	box-shadow: 0 0 0 2px var(--accentColor);}

.img-profile-pic a.link-viewer:hover, .img-profile-pic a.link-viewer:active{
	box-shadow: 0 0 0 2px #692f32; /*ワインレッド**//* 外側の線に見える影 */
	border:2px solid #F2DF0C; /*黄色*/}/*黄色:#F2DF0C(242,223,12)*/

.img-profile-pic a.link-viewer img{
	display:block;
	width:100%;
	max-width:458px;
	margin:0 auto;
	transition: .5s;}


.img-profile-pic a.link-viewer:hover img, .img-profile-pic a.link-viewer:active img{
		transform: scale(1.2, 1.2); /*マウスオーバーで画像を大きくする*/
		transition: .5s;}



@media(min-width:768px){
	.img-profile-pic a.link-viewer::after{
		content:"";
		width:79px;
		height:45px;
		vertical-align: middle;
		display:block;
		position:absolute;
		top:0.5rem;
		right:0.5rem;
		z-index:500;
		opacity:.9;
		transform: scale(0.9, 0.9); /*マウスオーバーで画像を大きくする*/
		transition: .5s;
		background-image:url(../images/ico-viewer.png);
		background-size: contain;
		background-repeat:no-repeat;}

	.img-profile-pic a.link-viewer:hover::after, .img-profile-pic a.link-viewer:active::after{
		position:absolute;
		opacity:1;
		background-image:url(../images/ico-viewer_on.png);
		background-size: contain;
		background-repeat:no-repeat;
		transform: scale(1, 1); /*マウスオーバーで画像を大きくする*/}}

@media(max-width:768px){
	.img-profile-pic a.link-viewer::after{
		content:"";
		width:80px;
		height:45px;
		background-image:url(../images/ico-viewer.png);
		background-size: contain;
		background-repeat:no-repeat;
		vertical-align: middle;
		display:block;
		position:absolute;
		top:0.6rem;
		right:0.6rem;
		z-index:500;}

	.img-profile-pic a.link-viewer:hover::after, .img-profile-pic a.link-viewer:active::after{
		position:absolute;
		opacity:1;
		background-image:url(../images/ico-viewer_on.png);
		background-size: contain;
		background-repeat:no-repeat;}}


section#profile-tbl, section#deai, section#seinenki, section#katsuyaku, section#motometamono{
	padding-bottom:0;}


/*プロフィール（経歴）*/
table.tbl-life{
	border-collapse: separate;
	border-spacing: 5px;}

table.tbl-life td{
	padding:0.1em 1.0em 0.1em 0;}

table.tbl-life td.year, 
table.tbl-life td.age{
	white-space:nowrap;}

@media(max-width:576px){
	table.tbl-life td{
		vertical-align:top;}}


/*プロフィール内外部リンク（上三川町公式サイトへのリンク）*/
#gaibulink{
	padding-left:2.0rem;
	padding-right:2.0rem;}

#gaibulink h4{
	display:none;}

#gaibulink .contents-inner{
  width: 100%;
	max-width:620px;
	padding: 1.0em;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #767676;
	display:flex;
	justify-content:center;}

#gaibulink .contents-inner div.area-text{
	min-height:78px;
	vertical-align:middle;
	padding-right:1.0em;}

#gaibulink .contents-inner div.area-text p{
	margin-top:0;
	margin-bottom:0;}

#gaibulink .contents-inner div.area-text p a{
	font-weight:600;
	padding-bottom:2px;
	padding:0 3px 2px;}

#gaibulink .contents-inner div.area-text p a.link-gaibu::after{
	content:"";
	display:inline-block;
	width:0.8em;
	height:0.8em;
	background-image:url(../images/ico_open_in_new.png);
	background-size:cover;}

#gaibulink .contents-inner div.area-text p a.link-gaibu:hover::after,
#gaibulink .contents-inner div.area-text p a.link-gaibu:active::after{
	background-image:url(../images/ico_open_in_new_on.png);
	background-size:cover;}

#gaibulink .contents-inner div.img-logo img{
	width:100px;
	max-width:none;/*リセット*/}

@media(min-width:768px){
	#gaibulink .contents-inner div.img-logo{
		margin-right:0;}}

/*---------------------------------------------------------
 上三川の民話、今に残る上三川の歴史
---------------------------------------------------------*/
main#sp-minwa h2, main#sp-history h2{
	padding-top:0.8em;
	padding-bottom:1.0em;
	width:calc(100% - 2.0rem);
	line-height:1.0;
	background-color:#f3f6ed;
	border-radius:1.8rem 0 1.8rem 0;
	border-radius:0.6rem;}

/*border-radius:左上 右上 右下 左下;*/

main#sp-minwa h2 span, main#sp-history h2 span{
	border-bottom: 6px dotted #C3CBAA;}

main#sp-minwa h2 span::before, main#sp-history h2 span::before{
	content:"";
	display:inline-block;
	vertical-align:bottom;
	margin-right:5px;}

main#sp-minwa h2 span::before{
	width:1em;
	height:1em;
	background:transparent url(../images/stampnatu1-2.png) center bottom no-repeat;
	background-size:contain;}

main#sp-history h2 span::before{
	width:1.2em;
	height:1em;
	vertical-align:bottom;
	background:transparent url(../images/stampnatu2-2.png) center bottom no-repeat;
	background-size:contain;}


main#sp-minwa h2 img{
	display:block;
	margin-bottom:0.5em;}

main#sp-history h3{display:none;}

main#sp-minwa .contents-wrap h4, main#sp-history .contents-wrap h4{
	padding-left:0;
	margin-left:1.0rem;}

main#sp-minwa h5, main#sp-history h5{
	padding:0 2rem 1rem;}


/*ページ上部のアンカーリンク（サムネイル付）*/
section#sec_anchor_link_thumb .item p{
	text-shadow:1px 1px 1px #0C2C40, 2px 2px 2px #0C2C40;}
/*#0C2C40(12,44,64)はアクセントカラーの濃い色。*/

section#sec_anchor_link_thumb .item a:hover,
section#sec_anchor_link_thumb .item a:active{
	opacity:1;}

section#sec_anchor_link_thumb .item a:hover p,
section#sec_anchor_link_thumb .item a:active p{
	color:#692F32;/*ワインレッド*/
	text-shadow:1px 1px 1px #FFF, 2px 2px 2px #FFF;
	background-color:rgba(242,223,12,0.8);/*黄色#F2DF0C(242,223,12)*/}


/* 矢印を追加するため、".multiple-link a.arrow"を転用 */
section#sec_anchor_link_thumb .item p::before,
section#sec_anchor_link_thumb .item p::after{
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0.5em;
  width: 15px;
  height: 4px;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: calc(100% - 2px) 50%;
}

section#sec_anchor_link_thumb .item a:hover p::before,
section#sec_anchor_link_thumb .item a:active p::before,
section#sec_anchor_link_thumb .item a:hover p::after,
section#sec_anchor_link_thumb .item a:active p::after{
	background-color:#692F32; /*ワインレッド*/}

section#sec_anchor_link_thumb .item p::before{
  transform: rotate(45deg);
}

section#sec_anchor_link_thumb .item p::after{
  transform: rotate(-45deg);
}



/*ページ上部のアンカーリンク（テキストのみ）*/
main#sp-minwa section#sec_anchor_link li{
	min-width:calc(100% / 4);}


main#sp-minwa section#sec_anchor_link li a{
	margin:0.5rem;}



@media(max-width:999px){
	section#sec_anchor_link_thumb .item p{
		font-size:125%;
		min-height:auto;/*リセット*/
		padding:1rem 1.5rem;}}

@media(min-width:768px) and (max-width:999px){
	section#sec_anchor_link_thumb .item{
		width:calc(100% / 4 - 1rem );}}


@media(min-width:576px) and (max-width:767.9px){
	section#sec_anchor_link_thumb .item{
		width:calc(100% / 3 - 1rem );}}


@media(min-width:576px){
	main#sp-minwa section#sec_anchor_link{
		display:none;}}

@media(max-width:575.9px){
	main#sp-minwa h2, main#sp-history h2{
		padding:1.0rem 1.5rem 1.6rem 1.5rem;}

	main#sp-history h2 span{
		line-height:1.4;}

	main#sp-history h2 span::before{
		vertical-align:-0.15em;
		height:1.0em;
		background:transparent url(../images/stampnatu2-2.png) center top no-repeat;
		background-size:contain;}

	main#sp-minwa section#sec_anchor_link_thumb{display:none;}

	main#sp-minwa section#sec_anchor_link ul{
		width:calc(100% - 2rem);
		display:flex;
		justify-content:space-between;
		margin:0 auto;}

	main#sp-minwa section#sec_anchor_link ul li{
		min-width:46%;}

	main#sp-minwa section#sec_anchor_link ul li a{
		margin: 0.5rem auto;}}




/* 動画ごとのコンテンツ */
section#kitunezuka, section#nezumikannon, section#bijobenten, section#kaminokawa-history{}
section#kaminokawa-history{}

section#kitunezuka, section#kaminokawa-history{
	padding-top:0;}



/* 動画 */
/*動画とその下のリンクを含むエリア*/
.video-area {
	text-align: center;
	width:calc(100% - 2rem);
	margin:0 auto 4rem;
	padding:1.0rem;
	background-color:#E5E5E5;}

/*videoタグを使用するときに使うスタイル*/
.video-area_v {
	width:100%;
	max-width:500px;
	margin: 0px auto;
	box-shadow: 5px 5px 5px #888;
	margin-bottom: 10px;
	aspect-ratio: 16 / 9;}

.video-area_v iframe{
	width:100%;
	height:100%;
	border:none;/*iframeタグのframeborderの代用*/
	padding:0;/*iframeタグのmarginwidth, marginheightの代用*/
	overflow:hidden;/*iframeタグのscrollingの代用*/
	/*iPhone（iOS）のSafariでスムーズにスクロールさせるには、iframeをdivで囲み、-webkit-overflow-scrolling: touch;を適用するのが一般的です*/}

.video-area ul {
	width:100%;
	display:flex;
	justify-content:center;
	list-style:none;
	padding-left:0;
	margin:1.2rem auto 0;}

.video-area li{
	margin:0 1.0em;
	text-align:left;}

.video-area li a{
	position:relative;
	color:#fff;
	cursor: pointer;
	display:block;
	padding: 0.4em 2em 0.4em 1em;
	border-radius: 8px;
	text-decoration:none;}

.video-area li a:link, .video-area li a:visited{
	background-color: var(--accentColor);
	background-image:url(../images/deco_amikake.png);
	background-position:left top;
	background-repeat:repeat;}

.video-area li a:hover, .video-area li a:active {
	color:#692F32; /*ワインレッド*/
	background-color:#F2DF0C; /*黄色:#F2DF0C(242,223,12)*/}


/* 矢印を追加するため、".multiple-link a.arrow"を転用 */
.video-area li a::before,
.video-area li a::after{
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 0.5em;
  width: 15px;
  height: 4px;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: calc(100% - 2px) 50%;}

.video-area li a:hover::before,
.video-area li a:active::before,
.video-area li a:hover::after,
.video-area li a:active::after{
  background-color: #692F32; /*ワインレッド*/}

.video-area li a::before{
	transform: rotate(45deg);}

.video-area li a::after{
	transform: rotate(-45deg);}



/*チャプター別画像*/
section#kitunezuka .item, section#nezumikannon .item, section#bijobenten .item,
section#kaminokawa-history .item{
	padding-bottom:1.5rem;
	margin-bottom:1.0rem;
	border:none;
	border-bottom:1px dotted var(--borderColor);}

section#kitunezuka .contents-wrap .item:first-of-type, 
section#nezumikannon .item:first-of-type, 
section#bijobenten .item:first-of-type,
section#kaminokawa-history .contents-wrap .item:first-of-type{
	padding-top:1.5rem;
	border-top:1px dotted var(--borderColor);}

section#kitunezuka .item > div, section#nezumikannon .item > div, section#bijobenten .item > div,
section#kaminokawa-history .item > div{
	grid-area:auto;/*リセット*/
	overflow:visible;/*リセット*/}

section .item div.area-thumb{
	grid-area:img;
	overflow:hidden;
	padding:2px;/*内側のコンテンツのボーダーを見えるようにするため*/}

div.area-txt{}

section#kitunezuka .item h5, section#nezumikannon .item h5, section#bijobenten .item h5,
section#kaminokawa-history .item h5{
	display:none;}

section#kitunezuka .item p, section#nezumikannon .item p, section#bijobenten .item p,
section#kaminokawa-history .item p{
	padding-top:0;
	padding-bottom:0;
	margin-bottom:1.0em;}

section#kitunezuka div.area-txt p:last-child, section#nezumikannon div.area-txt p:last-child, section#bijobenten div.area-txt p:last-child, section#kaminokawa-history div.area-txt p:last-child{
	margin-bottom:0;}

main#sp-minwa a.link-zoom, main#sp-history a.link-zoom{
	display:inline-block;
	display:block;
	position:relative;
	overflow: hidden;
	border:2px solid var(--accentColor);
	box-shadow: 0 0 0 2px var(--accentColor);}

main#sp-minwa a.link-zoom:hover, main#sp-minwa a.link-zoom:active,
main#sp-history a.link-zoom:hover, main#sp-history a.link-zoom:active{
	box-shadow: 0 0 0 2px #692f32; /*ワインレッド**//* 外側の線に見える影 */
	border:2px solid #F2DF0C; /*黄色*/}

main#sp-minwa a.link-zoom img, main#sp-history a.link-zoom img{
	display:block;
	width:100%;
	max-width:458px;
	margin:0 auto;
	transition: .5s;}


main#sp-minwa a.link-zoom:hover img, main#sp-minwa a.link-zoom:active img,
main#sp-history a.link-zoom:hover img, main#sp-history a.link-zoom:active img{
	transform: scale(1.2, 1.2); /*マウスオーバーで画像を大きくする*/
	transition: .5s;}


/*「拡大して見る」のアイコン*/
main#sp-minwa a.link-zoom::after,
main#sp-history a.link-zoom::after{
	content:"";
	width:75px;
	height:45px;
	vertical-align: middle;
	display:block;
	position:absolute;
	top:0.5rem;
	right:0.5rem;
	z-index:500;
	opacity:1;
	transform: scale(0.8, 0.8); /*マウスオーバーで画像を大きくする*/
	transition: .5s;
	background-image:url(../images/ico-zoom.png);
	background-size: contain;
	background-repeat:no-repeat;
	background-position:right top;}


main#sp-minwa a.link-zoom:hover::after, main#sp-minwa a.link-zoom:active::after,
main#sp-history a.link-zoom:hover::after, main#sp-history a.link-zoom:active::after{
	position:absolute;
	opacity:1;
	background-image:url(../images/ico-zoom_on.png);
	background-size: contain;
	background-repeat:no-repeat;
	transform: scale(1, 1); /*マウスオーバーで画像を大きくする*/}


@media(max-width:768px){
	main#sp-minwa a.link-zoom::after,
	main#sp-history a.link-zoom::after{
		transform: scale(1, 1);}}

@media(min-width:576px) and (max-width:767.9px){
	main#sp-minwa a.link-zoom::after,
	main#sp-history a.link-zoom::after{
		max-width:75px;}}

@media(max-width:575.9px){
	section#kitunezuka.list-design3 .item, section#nezumikannon.list-design3 .item, section#bijobenten.list-design3 .item,
	section#kaminokawa-history.list-design3 .item{
		display:flex;
		flex-direction:column; /*縦並び*/}

	section#kitunezuka .item div.area-thumb, 
	section#nezumikannon .item div.area-thumb, 
	section#bijobenten .item div.area-thumb, 
	section#kaminokawa-history .item div.area-thumb{
		order:2;
		width:62%;
		min-width:232px;
		margin-left:auto;
		margin-right:auto;}

	section#kitunezuka .item div.area-txt, 
	section#nezumikannon .item div.area-txt, 
	section#bijobenten .item div.area-txt, 
	section#kaminokawa-history .item div.area-txt{
		order:1;
		margin-bottom:1.0em;}

	section#kitunezuka .item p, section#nezumikannon .item p, section#bijobenten .item p,
section#kaminokawa-history .item p{
		padding:0 1.5rem;}

	main#sp-minwa a.link-zoom img, main#sp-history a.link-zoom img{
		max-width:none;}}


/*印刷用スタイル*/
@media print{
	.video-area li a{
		color:#fff !important;
		background-color: #337AB7 !important;}}

footer{
	margin-top:0;
	padding-top:2.0rem;
	border-top:1px solid #f3f6ec;}